diff --git a/.babelrc b/.babelrc
new file mode 100644
index 00000000..9772b939
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,13 @@
+{
+  "presets": [
+    [
+      "env",
+      {
+        "modules": false
+      }
+    ]
+  ],
+  "plugins": [
+    "external-helpers"
+  ]
+}
diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 00000000..32420d72
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,31 @@
+node_modules
+
+dist
+docs/jsdoc
+
+svgedit-config-es.js
+svgedit-config-iife.js
+svgedit-custom.css
+editor/xdomain-svgedit-config-iife.js
+
+# Vendor/minified files
+editor/jquery.min.js
+editor/jquery-ui
+
+# Previously minified though exporting
+editor/jquerybbq
+
+# Previously minified though exporting
+editor/js-hotkeys
+
+editor/jspdf/jspdf.min.js
+editor/jspdf/underscore-min.js
+
+editor/extensions/imagelib/jquery.min.js
+editor/extensions/mathjax
+
+editor/external/*
+!editor/external/dom-polyfill
+editor/external/dom-polyfill/*
+!editor/external/dom-polyfill/dom-polyfill.js
+!editor/external/dynamic-import-polyfill
diff --git a/.eslintrc b/.eslintrc
new file mode 100644
index 00000000..cb7ad48d
--- /dev/null
+++ b/.eslintrc
@@ -0,0 +1,22 @@
+{
+  "extends": ["standard", "plugin:qunit/recommended"],
+  "parserOptions": {
+    "sourceType": "module"
+  },
+  "plugins": ["qunit"],
+  "env": {
+    "node": false,
+    "browser": true
+  },
+  "rules": {
+    "semi": [2, "always"],
+    "indent": ["error", 2, {"outerIIFEBody": 0}],
+    "no-tabs": 0,
+    "object-property-newline": 0,
+    "one-var": 0,
+    "no-var": 2,
+    "prefer-const": 2,
+    "no-extra-semi": 2,
+    "quote-props": [2, "as-needed"]
+  }
+}
diff --git a/.gitignore b/.gitignore
index d3638e5f..3c2b54e9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,7 @@
-# See editor/config-sample.js for an example
-editor/config.js
-editor/custom.css
+node_modules
+
 build/
-editor/svgedit.compiled.js
+
+svgedit-custom.css
+
+docs/jsdoc
diff --git a/.npmignore b/.npmignore
new file mode 100644
index 00000000..ceaef224
--- /dev/null
+++ b/.npmignore
@@ -0,0 +1,2 @@
+screencasts
+test
diff --git a/.remarkrc b/.remarkrc
new file mode 100644
index 00000000..bfbd6972
--- /dev/null
+++ b/.remarkrc
@@ -0,0 +1,10 @@
+{
+  "plugins": {
+    "lint": {
+        "ordered-list-marker-value": "one",
+        "no-missing-blank-lines": false,
+        "list-item-spacing": false,
+        "list-item-indent": false
+    }
+  }
+}
diff --git a/AUTHORS b/AUTHORS
index 3c527e0c..9ea98d20 100644
--- a/AUTHORS
+++ b/AUTHORS
@@ -3,6 +3,7 @@ Pavol Rusnak <stick@gk2.sk>
 Jeff Schiller <codedread@gmail.com>
 Vidar Hokstad <vidar.hokstad@gmail.com>
 Alexis Deveria <adeveria@gmail.com>
+Brett Zamir <brettz9@yahoo.com>
 
 Translation credits:
 
diff --git a/CHANGES.md b/CHANGES.md
index 593a7d53..578a646c 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,3 +1,397 @@
+# 3.0.0-rc.2
+
+- Fix: Avoid extension `includeWith` button conflicts/redundancies;
+  Incorporates #147
+- Fix: Ensure shift-key cycling through flyouts works with extension-added
+  `includeWith` as well as toolbarbuttons
+- Fix: Apply flyout arrows after extensions callback
+- Fix: Ensure SVG icon of flyout right-arrow is cloned to can be applied to
+  more than one extension
+- Fix: Ensure line tool shows as selected when "L" key command is used
+- Fix: Add images (and references) for fallback (#135)
+- Fix (svgIcons plugin): Race condition
+- Fix (canvg): Regression for `text` and `tspan` elements as far as
+  `captureTextNodes` with canvg (inheriting class had set
+  `captureTextNodes` too late)
+- Fix (canvg): Regression on blur
+- Fix (canvg): Avoid errors for `tspan` passed to `getGradient`
+- i18n: picking stroke/fill paint and opacity
+- i18n: Remove eyedropper and imagelib references from main locale (in
+  extension locale now)
+- i18n: Add placeholders for `pick_stroke_paint_opacity`,
+  `pick_fill_paint_opacity`, `popupWindowBlocked`
+- i18n: Update `saveFromBrowser`
+- i18n: Reapply locale strings
+- Enhancement: Create xdomain file build which works without ES6 Modules
+- Enhancement: Build xdomain files dynamically
+- Optimize: Further image optimizing
+- Optimize: Avoid rewriting `points` attribute for free-hand path;
+  incorporates #176 (fixes #175)
+- Refactoring: Avoid passing on `undefined` var. (#147)
+- Refactoring: lbs; avoid indent in connector, destructuring, use map
+  over push
+- Docs: Clarify nature of fixes
+- Docs: JSDoc for `setupFlyouts`, `Actions`, `toggleSidePanel`; missing for
+  ToolbarButton
+
+# 3.0.0-rc.1
+
+- Security fix: 'extPath', 'imgPath', 'extIconsPath', 'canvgPath',
+  'langPath', 'jGraduatePath', and 'jspdfPath' were not being prevented
+- Breaking change: Rename "svgutils.js" to "utilities.js" (make in
+  conformity with JSDoc module naming convention)
+- Breaking change: Rename "svgedit.js" to "namespaces.js" (to make clear
+  purpose and avoid confusing with editor)
+- Breaking change: Rename "jquery-svg.js" to "jQuery.attr.js"
+- Breaking change: Rename "jquery.contextMenu.js" to "jQuery.contextMenu.js"
+- Breaking change: Rename "jquery.jpicker.js" to "jQuery.jPicker.js"
+- Breaking change: Rename "JQuerySpinBtn.css" to "jQuery.SpinButton.css"
+- Breaking change: Rename "JQuerySpinBtn.js" to "jQuery.SpinButton.js" (to
+  have file name more closely reflect name)
+- Breaking change: Rename "jquery.svgicons.js" to "jQuery.svgIcons.js"
+- Breaking change: Rename "jquery.jgraduate.js" to "jQuery.jGraduate.js"
+- Breaking change: Rename "pathseg.js" to "svgpathseg.js" (as it is a
+  poyfill of SVGPathSeg)
+- Breaking change: Rename `addSvgElementFromJson()` to `addSVGElementFromJson`
+  for consistency
+- Breaking change: Rename `changeSvgContent()` to `changeSVGContent()` for
+  consistency
+- Breaking change: Have `exportPDF` resolve with `output` and `outputType`
+  rather than `dataurlstring` (as type may vary)
+- Breaking change: Rename `extensions/mathjax/MathJax.js` to
+  `extensions/mathjax/MathJax.min.js`
+- Breaking change: Avoid recent change to have editor ready callbacks
+  return Promises (we're not using and advantageous to keep sequential)
+- Breaking change: Avoid recent addition of locale-side function in
+  ext-imagelib for l10n
+- Breaking change: Change name of `ext-arrows.js` from `Arrows` to `arrows`
+  for sake of file path (not localized anyways).
+- Breaking change: Change `addlangData` extension event to `addLangData`
+  for consistency with method name
+- Breaking change: In interests of modularity/removing globals,
+  remove `window.svgCanvas` and `svgCanvas.ready` as used by older
+  extensions; use `svgEditor.canvas` and `svgEditor.ready` instead
+- Breaking change: Extension now formatted as export (and `this`
+  is set to editor, including for `callback`)
+- Breaking change: Locale now formatted as export
+- Breaking change: Moved out remaining modular i18n (imagelib) to own folder
+- Breaking change: Drop `executeAfterLoads` (and getJSPDF/getCanvg)
+- Breaking change: `RGBColor` must accept `new`
+- Breaking change: canvg - `stackBlurCanvasRGBA` must be set now by function
+  (`setStackBlurCanvasRGBA`) rather than global; `canvg` now a named export
+- Breaking change: Avoid passing `canvg`/`buildCanvgCallback` to extensions
+  (have them import)
+- Breaking change: Have `readLang`  return lang and data but do not call
+  `setLang`
+- Breaking change: Avoid adding `assignAttributes`, `addSVGElementFromJson`,
+  `call`, `copyElem`, `findDefs`, `getElem`, `getId`, `getIntersectionList`,
+  `getMouseTarget`, `getNextId`, `getUrlFromAttr`, `hasMatrixTransform`,
+  `matrixMultiply`, `recalculateAllSelectedDimensions`,
+  `recalculateDimensions`, `remapElement`, `removeUnusedDefElems`, `round`,
+  `runExtensions`, `sanitizeSvg`, `setGradient` `transformListToTransform`
+  (and mistaken `toString` export) to `getPrivateMethods` (passed to
+  extensions) as available as public ones
+- npm: Add `prepublishOnly` script to ensure building/testing before publish
+- npm: Update devDeps including Rollup, Sinon
+- Fix: Remove redundant (and incorrect) length set. (#256 ; fixes #255)
+- Fix: Detection of whether to keep ellipse (rx and ry when just created
+  are now returning 0 instead of null); also with rectangle/square;
+  fixes #262
+- Fix: Avoid erring during resize on encountering MathML (which have no
+  `style`)
+- Fix: Have general locales load first so extensions may use
+- Fix: Provide `importLocale` to extensions `init` so it may delay
+  adding of the extension until locale data loaded
+- Fix: i18nize imaglib more deeply
+- Fix: Positioning of Document Properties dialog (Fixes #246)
+- Fix (regression): PDF Export (Fixes #249)
+- Fix (regression): Add polyfill for `ChildNode`/`ParentNode` (and use further)
+- Fix (regression): Apply Babel universally to dependencies
+- Fix (regression): Ordering of `uaPrefix` function in `svgEditor.js`
+- Fix (regression): Embedded API
+- Fix (embedded editor): Fix backspace key in Firefox so it doesn't navigate
+  out of frame
+- Fix: Alert if no `exportWindow` for PDF (e.g., if blocked)
+- Fix: Ensure call to `rasterExport` without `imgType` properly sets MIME
+  type to PNG
+- Fix (extension): Wrong name for moinsave
+- Fix (extension): ForeignObject editor
+- Fix (Embedded API): Cross-domain may fail to even access `origin` or
+  `contentDocument`
+- Fix (Embedded API): Avoid adding URL to iframe src if there are no arguments
+- Fix (Embedded API): Handle origin issues (fixes #173)
+- Fix (Cross-domain usage): Recover from exceptions with `localStorage`
+- Fix regression (Imagelib): Fix path for non-module version
+- Update: Update WebAppFind per new API changes
+- Enhancement: Link to rawgit/raw.githack for live master demos (fixes #43)
+- Enhancement: Make `setStrings` public on editor for late setting (used
+  by `ext-shapes.js`)
+- Enhancement: Add `extensions_added` event
+- Enhancement: Add `message` event (Relay messages including those which
+  have been been received prior to extension load)
+- Enhancement: Sort SVG attributes alphabetically (#252 @Neil Fraser)
+- Enhancement: Allow callback argument and return promise
+  for canvas methods: `rasterExport` and `exportPDF`
+- Enhancement: Add `pointsAdded` canvas event (Fixes #141)
+- Enhancement: Allow SVGEdit to work out of the box--avoid need for copying
+  sample config file. Should also help with Github-based file servers
+- Enhancement: Allow avoiding "name" in extension export (just extract out
+  of file name)
+- Enhancement: Add stack blur to canvg by default (and refactoring it)
+- Enhancement: Return `Promise` for `embedImage` (as with some other loading
+  methods)
+- Enhancement: Supply `importLocale` to `langReady` to facilitate extension
+  locale loading
+- Enhancement: Recover if an extension fails to load (just log and otherwise
+  ignore)
+- Enhancement: More i18n of extensions
+- Enhancement: Allowing importing of locales within `addLangData`
+- i18n: Clarify locale messages (where still available as English) to reflect
+  fact that Chrome only has "Save as" via context menu/right-click, not via
+  file menu (toward #192)
+- Refactoring: Sort Embedded functions alphabetically and add lbs for better
+  visibility in code
+- Refactoring: Simplify `isValidUnit`
+- Refactoring( RGBColor) `RGBColor` as class, without rebuilding
+  constants, optimize string replacement, move methods to prototype,
+  use templates and object literals, use `Object.keys`
+- Refactoring (canvg) Use classes more internally, use shorthand objects;
+  array extras, return to lazy-loading
+- Refactoring: Use Promises in place of `$.getScript`; always return
+  Promises in case deciding to await resolving
+- Refactoring: Avoid importing `RGBColor` into `svgutils.js` (jsPDF imports
+  it itself)
+- Refactoring: Arrow functions, destructuring, shorter property references
+- Refactoring: Fix `lang` and `dir` for locales (though not in use
+  currently anyways)
+- Refactoring: Provide path config for canvg, jspdf
+- Refactoring: Drop code for extension as function (already requiring export
+  to be an object)
+- Refactoring: Object destructuring, `Object.entries`, Object shorthand,
+  array extras, more camelCase variable names
+- Refactoring: Add a `Command` base class
+- Refactoring: Simplify svgicons `callback` ready detection
+- Refactoring: Put `let` or `const` closer to scope
+- Refactoring: Remove unneeded `delimiter` from regex escaping utility
+- Refactoring: Clearer variable names
+- Refactoring: Use (non-deprecated) Event constructors
+- Refactoring (minor): variadic args through ellipsis
+- Refactoring (minor): `getIssues` to return codes and strings, lbs
+- Refactoring (minor): Use single quotes in PHP
+- Docs (Code comments): Coding standards within
+- Docs: Transfer some changes from ExtensionDocs on wiki (need to fully
+  reconcile)
+- Docs: Reference JSDocs in README
+- Docs (ReleaseInstructions): Update
+- Docs: Migrate copies of all old wiki pages to docs/from-old-wiki
+  folder; intended for a possible move to Markdown, so raw HTML
+  (with formatting) was not preserved, though named links were carried over
+  with absolute URLs
+- Docs: Begin deleting `SvgCanvas.md` as ensuring jsdoc has replacements
+- Docs: Add Edtior doc file for help to general users
+- Docs: Clarify/simplify install instructions
+- Docs: Generally update/improve docs (fixes #92)
+- Docs: Update links to `latest` path (Avoid needing to update such
+  references upon each release)
+- Docs: 80 chars max
+- npm/Docs (JSDoc): Add script to check for overly generic types
+- Docs (JSDoc): Move jsdoc output to public directory so may be visible
+  on releases (while still having in a `.gitignore`)
+- Docs (JSDoc): Exclusions
+- Docs (JSDoc): Add items; fix table layout
+- Docs (JSDoc): For config/prefs and extension creating, link to tutorials
+  (moved tutorials to own directory to avoid recursion problems by jsdoc)
+- Docs (JSDoc): Add modules (upper case for usual main entrance files or
+  regular names)
+- Docs (JSDoc): Fill out missing areas; indicate return of `undefined`;
+  consistency with `@returns`
+- Docs (JSDoc): Use Markdown plugin over HTML
+- Docs (JSDoc): Add our own layout template to support overflow
+- Docs (JSDoc): Use cleverLinks and disallow unknown tags
+- Docs (JSDoc): Insist on "pedantic" flag; put output directory in config
+- Docs (JSDoc): Use more precise Integer/Float over number, the specific type
+  of array/function/object
+- Docs (JSDoc): Use `@throws`, `@enum`, `@event`/`@fires`/`@listens`
+- Linting (ESLint): Avoid linting jsdoc folder
+- Testing: Use new Sinon
+
+# 3.0.0-alpha.4
+
+- Docs: Convert more docs to JSDoc and add JSDoc script (thanks, tetedacier!)
+- Fix `main` on `package.json` to reference UMD distribution and `module`
+  to point to ES6 Module dist
+- Fix (regression): Bad name on function passed to `path.js`
+- Fix (regression): Star tool (radialshift)
+- Fix (regression): Favicon setting
+
+# 3.0.0-alpha.3
+
+- Change: Default to stylesheet above `editor` directory
+- Docs: Installation steps
+- Fix regression (Connector extension): Get config object when available
+- Fix regression (Extensions): Use `extIconsPath` for now given
+  that `extPath` will not work relative to `dist`
+- Fix regression: Enforce stylesheet ordering sequence
+- Fix regression: Ensure SVG-edit hidden until stylesheets loaded
+- Fix regression: Avoid abandoning stylesheet loading if one load fails
+- Fix (ext-connector): Handle case of 2 connecting elements with
+  same y-coordinate (fixes #210 ; thanks, @iuyiuy!)
+- Enhancement: Delete the imge upon cancel if it is a new image (fixes #177)
+- Enhancement: Allow `addSvgElementFromJson` to accept non-SVG namespaces
+  with explicit `namespace` property as well as the default SVG namespace
+  (fixes #155); document
+- Optimization: For `setSvgString`, if element content is not SVG,
+  return `false` earlier (Fixes #152); thanks iuyiuy!
+- Demos: Add svgcanvas demo (Neil Fraser)
+- npm: Update devDeps
+
+# 3.0.0-alpha.2
+
+- Licensing: Indicate MIT is license type of rgbcolor and rename
+  file to reflect it; rename/add license file name for jgraduate
+  and screencast to reflect type (Apache 2.0)
+contains license information (of type MIT) for Raphael icons
+- Breaking change: Rename config file to `svgedit-config-iife.js` (or
+    for the module version, `svgedit-config-es.js`); also expect
+    one directory higher; incorporates #207 (@iuyiuy)
+- Breaking change: Separate `extIconsPath` from `extPath` (not copying over icons)
+- Breaking change: Don't reference `custom.css` in HTML; can instead
+  be referenced in JavaScript through the config file (provided in `svgedit-config-sample-iife.js`/`svgedit-config-sample-es.js` as
+  `svgedit-custom.css` for better namespacing); incorporates #207 (@iuyiuy)
+- Breaking change: Remove minified jgraduate/spinbtn files (minified within Rollup routine)
+- Breaking change: Require `new` with `EmbeddedSVGEdit` (allows us to use `class` internally)
+- Breaking change: `svgcanvas.setUiStrings` must now be called if not using
+  editor in order to get strings (for sake of i18n) (and if using path.js
+  alone, must also have its `setUiStrings` called)
+- Breaking change (ext-overview-window): Avoid global `overviewWindowGlobals`
+- Breaking change (ext-imagelib): Change to object-based encoding for namespacing of
+messages (though keep stringifying/parsing ourselves until we remove IE9 support)
+- Breaking change: Rename `jquery.js` to `jquery.min.js`
+- Breaking change: Remove `scoped` attribute from `style`; it is now deprecated and
+obsolete; also move to head (after other stylesheets)
+- Fix: i18nize path.js strings and canvas notifications
+- Fix: Attempt i18n for ext-markers
+- Fix: Zoom when scrolled; incorporates #169 (@AndrolGenhald), adapting for conventions; also allow avoidance when shift key pressed
+- Fix: Update Atom feed reference in HTML
+- Fix: Broken "lv" locale (and inconsistent tabs/spaces pt-PR)
+- Fix: Inadvertent global assignments (uncovered by ESLint):
+    * `addBezierCurve` in `canvg.js` had undeclared `i`
+    * Fix: Undeclared variable in opera widget
+    * jgraduate->jpicker: Fix missing `var` for some `i` loops
+    * Fix: Globals (`x`, `y`) in `mouseMove`
+    * Fix: Global (`element`, `d_attr` (now renamed to `dAttr`)) in `mouseDown`
+    * Testing (math_test): Fix undeclared variables
+    * Screencast `showNotes`
+- Fix: Bad scope closure references
+    * An apparent bug in `jquery.svgicons.js` whereby a variable
+        `holder` was declared in too nested of a scope
+    * Fix: Avoid `drawnPath` not defined error (currently adds as a global, but
+        should be switching to modules anyways)
+- Fix (jgraduate->jpicker): Fix Color val check when `name.length` is empty
+    (equal to "all")
+- Fix (jquery.jgraduate.js): Ensure `numstops` is present before check
+- Fix (history.js) Relocation of rotational transform had undeclared variable (`elem`)
+- Fix (Editor): Restore save alert
+- Fix (Firefox svgutils.js): tspan (and textPath apparently) have no `getBBox`
+    in Firefox, so recover (fixes FF issue with recalculate test 3:
+    "recalculateDimensions() on text w/tspan with simple translate")
+- Fix (Chrome recalculate.js): Chrome has a
+    [bug](https://bugs.chromium.org/p/chromium/issues/detail?id=843901)
+    in not performing `removeAttribute` after `removeItem`; deal with it
+    (though only if there is a single identity matrix) (fixes Chrome issue
+    with recalculate test 1:
+    "recalculateDimensions() on rect with identity matrix")
+- Fix (HTML): Update assorted links, including using `https://`
+- Enhancement: ES6 modules (including jQuery plugins, extensions, locales,
+  tests), along with Babel; make Node build routine for converting modular
+  source to non-modular
+- Enhancement: use `loadStylesheets` for modular stylesheet defining
+  (but parallel loading)
+- Enhancement: Add `stylesheets` config for modular but parallel
+  stylesheet loading with `@default` option for simple
+  inclusion/exclusion of defaults (if not going with default).
+- Enhancement: Further JSDoc (incomplete)
+- Enhancement (Project size): Remove now unused Python l10n scripts (#238)
+- Enhancement (Optimization): Compress images using imageoptim (and add
+npm script) (per #215)
+- Enhancement (Editor): Use `https` (instead of `http`) for link default
+- Enhancement: Throw Error objects instead of strings (including in jgraduate->jpicker)
+- Enhancement: Make SpinButton plugin independent of SVGEdit via
+  generic state object for `tool_scale`
+- Enhancement: Move `config-sample.js` out of `editor` directory
+- Enhancement: For `callback`-style extensions, also provide config
+  object; add following to that object: `buildCanvgCallback`, `canvg`,
+  `decode64`, `encode64`, `executeAfterLoads`, `getTypeMap`, `isChrome`,
+  `ieIE`, `NS`, `text2xml`
+- npm: Add ESLint, uglify, start scripts
+- npm: Update devDeps
+- npm: Add html modules and config build to test script
+- Docs: Remove "dependencies" comments in code except where summarizing
+  role of jQuery or a non-obvious dependency
+- Linting: 2 spaces, remove BOM, remove carriage returns, bad characters
+  in Persian locale file
+- Linting (ESLint): Numerous changes
+- Refactoring: Switch to ESLint in source
+- Refactoring: Move scripts to own files
+- Refactoring: Clean up `svg-editor.html`: consistent indents; avoid extra lbs, avoid long lines
+- Refactoring: Avoid embedded API adding inline JavaScript listener
+- Refactoring: Move layers and context code to `draw.js`
+- Refactoring: Move `pathActions` from `svgcanvas.js` (though preserve aliases to these methods on `canvas`) and `convertPath` from `svgutils.js` to `path.js`
+- Refactoring: Move `getStrokedBBox` from `svgcanvas.js` (while keeping an alias) to `svgutils.js` (as `getStrokedBBoxDefaultVisible` to avoid conflict with existing)
+- Refactoring/Linting: Enfore `no-extra-semi` and `quote-props` rules
+- Refactoring: Further avoidance of quotes on properties (as possible)
+- Refactoring: Use `class` in place of functions where intended as classes
+- Refactoring: Consistency and granularity in extensions imports
+- Refactoring (ext-storage): Move locale info to own file imported by the extension (toward modularity; still should be split into separate files by language and *dynamically* imported, but we'll wait for better `import` support to refactor this)
+- Refactoring: For imagelib, add local jQuery copy (using old 1.4.4 as had
+been using from server)
+- Refactoring: For MathJax, add local copy (using old 2.3 as had been using from
+server); server had not been working
+- Refactoring: Remove `use strict` (implicit in modules)
+- Refactoring: Remove trailing whitespace, fix some code within comments
+- Refactoring: Expect `jQuery` global rather than `$` for better modularity
+(also to adapt line later once available via `import`)
+- Refactoring: Prefer `const` (and then `let`)
+- Refactoring: Add block scope keywords closer to first block in which they appear
+- Refactoring: Use ES6 `class`
+- Refactoring `$.isArray` -> `Array.isArray` and avoid some other jQuery core methods
+with simple VanillaJS replacements
+- Refactoring: Use abbreviated object property syntax
+- Refactoring: Object destructuring
+- Refactoring: Remove `uiStrings` contents in svg-editor.js (obtains from locale)
+- Refactoring: Add favicon to embedded API file
+- Refactoring: Use arrow functions for brief functions (incomplete)
+- Refactoring: Use `Array.prototype.includes`/`String.prototype.includes`;
+`String.prototype.startsWith`, `String.prototype.trim`
+- Refactoring: Remove now unnecessary svgutils do/while resetting of variables
+- Refactoring: Use shorthand methods for object literals (avoid ": function")
+- Refactoring: Avoid quoting object property keys where unnecessary
+- Refactoring: Just do truthy/falsey check for lengths in place of comparison to 0
+- Refactoring (Testing): Avoid jQuery usage within most test files (defer script,
+also in preparation for future switch to ES6 modules for tests)
+- Refactoring: Make jpicker variable declaration indent bearable
+- Refactoring (Linting): Finish svgcanvas.js
+- Docs: Mention in comment no longer an entry file as before
+- Docs: Migrate old config, extensions, and FAQ docs
+- Build: Update minified version of spinbtn/jgraduate/jpicker per linted/improved files
+- Testing: Move JavaScript out of HTML to own files
+- Testing: Add `node-static` to get tests working
+- Testing: Fix timing of `all_tests.html` for ensuring expanding iframe size to fit content
+- Testing: Add favicon to test files (also may avoid extra log in console)
+- Testing: Update QUnit to 2.6.1 (node_modules) and Sinon to 5.0.8 (and add sinon-test at 2.1.3) and enforce eslint-plugin-qunit linting rules; update custom extensions
+- Testing: Add node-static for automating (and accessing out-of-directory contents)
+- Testing: Avoid HTML attributes for styling
+- Testing: Add npm `test` script
+- Testing: Comment out unused jQuery SVG test
+- Testing: Add test1 and svgutils_performance_test to all tests page
+- Testing: Due apparently to Path having not been a formal class, the test was calling it without `new`; refactored now with sufficient mock data to take into account it is a class
+
+# 3.0.0-alpha.1
+
+(Only released on npm)
+
+- Provide `package.json` for npm to reserve name (reflecting current state of `master`)
+
 # 2.8.1 (Ellipse) - December 2nd, 2015
 
 For a complete list of changes run:
@@ -6,11 +400,11 @@ For a complete list of changes run:
 git log 81afaa9..5986f1e
 ```
 
-* Enhancement: Use `getIntersectionList` when available (<https://github.com/SVG-Edit/svgedit/issues/36>)
-* Enhancement: Switched to https for all URLs (<https://github.com/SVG-Edit/svgedit/issues/31>)
-* Enhancement: Minor administrative updates (docs/, README.md, author emails)
-* Fix: Bug where all icons were broken in Safari (<https://github.com/SVG-Edit/svgedit/issues/29>)
-* Fix: Updated translations for "page" and "delete" in 57 locales.
+- Enhancement: Use `getIntersectionList` when available (<https://github.com/SVG-Edit/svgedit/issues/36>)
+- Enhancement: Switched to https for all URLs (<https://github.com/SVG-Edit/svgedit/issues/31>)
+- Enhancement: Minor administrative updates (docs/, README.md, author emails)
+- Fix: Bug where all icons were broken in Safari (<https://github.com/SVG-Edit/svgedit/issues/29>)
+- Fix: Updated translations for "page" and "delete" in 57 locales.
 
 # 2.8 (Ellipse) - November 24th, 2015
 
@@ -20,30 +414,30 @@ For a complete list of changes run:
 git log 4bb15e0..253b4bf
 ```
 
-* Enhancement (Experimental): Client-side PDF export (issue [#1156](https://code.google.com/p/svg-edit/issues/detail?id=1156)) (to data: URI) and server-side PDF export (where not supported in browser and using ext-server_opensave.js); uses [jsPDF](https://github.com/MrRio/jsPDF) library
-* Enhancement: For image exports, provided "datauri" property to "exported" event.
-* Enhancement: Allow config "exportWindowType" of value "new" or "same" to indicate whether to reuse the same export window upon subsequent exports
-* Enhancement: Added openclipart support to imagelib extension
-* Enhancement: allow showGrid to be set before load
-* Enhancement: Support loading of (properly URL encoded) non-base64 "data:image/svg+xml;utf8,"-style data URIs
-* Enhancement: More clear naming of labels: "Open Image"->"Open SVG" and "Import SVG"->"Import Image" ( issue [#1206](https://code.google.com/p/svg-edit/issues/detail?id=1206))
-* Enhancement: Included reference to (repository-ignored) custom.css file which once created by the user, as with config.js, allows customization without modifying the repo (its main editor file)
-* Enhancement: Updated Slovenian locale.
-* Demo enhancement: Support and demonstrate export in embedded editor
-* Upgrade: canvg version
-* Upgrade: Added PathSeg polyfill to workaround pathseg removal in browsers.
-* Fix: pathtool bug where paths were erroneously deleted.
-* Fix: Context menu did not work for groups.
-* Fix: Avoid error in ungrouping function when no elements selected (was impacting MathJax "Ok" button).
-* Fix: issue [#1205](https://code.google.com/p/svg-edit/issues/detail?id=1205) with Snap to Grid preventing editing
-* Fix: bug in exportImage if svgEditor.setCustomHandlers calls made
-* Fix: Ensure "loading..." message closes upon completion or error
-* Fix: Ensure all dependencies are first available before canvg (and jsPDF) usage
-* Fix: Allow for empty images
-* Fix: Minor improvement in display when icon size is set to small
-* Fix: Based64-encoding issues with Unicode text (e.g., in data URIs or icons)
-* Fix: 2.7 regression in filesave.php for SVG saving (used by ext-server_opensave.js when client doesn't support the download attribute)
-* Potentially breaking API changes (subject to further alteration before release):
+- Enhancement (Experimental): Client-side PDF export (issue [#1156](https://code.google.com/p/svg-edit/issues/detail?id=1156)) (to data: URI) and server-side PDF export (where not supported in browser and using ext-server_opensave.js); uses [jsPDF](https://github.com/MrRio/jsPDF) library
+- Enhancement: For image exports, provided "datauri" property to "exported" event.
+- Enhancement: Allow config "exportWindowType" of value "new" or "same" to indicate whether to reuse the same export window upon subsequent exports
+- Enhancement: Added openclipart support to imagelib extension
+- Enhancement: allow showGrid to be set before load
+- Enhancement: Support loading of (properly URL encoded) non-base64 "data:image/svg+xml;utf8,"-style data URIs
+- Enhancement: More clear naming of labels: "Open Image"->"Open SVG" and "Import SVG"->"Import Image" ( issue [#1206](https://code.google.com/p/svg-edit/issues/detail?id=1206))
+- Enhancement: Included reference to (repository-ignored) custom.css file which once created by the user, as with config.js, allows customization without modifying the repo (its main editor file)
+- Enhancement: Updated Slovenian locale.
+- Demo enhancement: Support and demonstrate export in embedded editor
+- Upgrade: canvg version
+- Upgrade: Added PathSeg polyfill to workaround pathseg removal in browsers.
+- Fix: pathtool bug where paths were erroneously deleted.
+- Fix: Context menu did not work for groups.
+- Fix: Avoid error in ungrouping function when no elements selected (was impacting MathJax "Ok" button).
+- Fix: issue [#1205](https://code.google.com/p/svg-edit/issues/detail?id=1205) with Snap to Grid preventing editing
+- Fix: bug in exportImage if svgEditor.setCustomHandlers calls made
+- Fix: Ensure "loading..." message closes upon completion or error
+- Fix: Ensure all dependencies are first available before canvg (and jsPDF) usage
+- Fix: Allow for empty images
+- Fix: Minor improvement in display when icon size is set to small
+- Fix: Based64-encoding issues with Unicode text (e.g., in data URIs or icons)
+- Fix: 2.7 regression in filesave.php for SVG saving (used by ext-server_opensave.js when client doesn't support the download attribute)
+- Potentially breaking API changes (subject to further alteration before release):
     * Remove 2.7-deprecated "pngsave" (in favor of "exportImage")
     * Data URIs must be properly URL encoded (use encodeURIComponent() on the "data:..." prefix and double encodeURIComponent() the remaining content)
     * Remove "paramurl" parameter (use "url" or "source" with a data: URI instead)
@@ -53,147 +447,147 @@ git log 4bb15e0..253b4bf
 
 # 2.7.1 (applied to 2.7 branch) - April 17, 2014
 
-* Fix important ID situation with embedded API
-* Update functions available to embedded editor
+- Fix important ID situation with embedded API
+- Update functions available to embedded editor
 
 # 2.7 (Deltoid curve) - April 7th, 2014
 
-* Export to PNG, JPEG, BMP, WEBP (including quality control for JPEG/WEBP) for default editor and for the server_opensave extension
-* Added Star, Polygon, and Panning Extensions r2318 r2319 r2333
-* Added non-default extension, ext-xdomain-messaging.js, moving cross-domain messaging code (as used by the embedded editor) out of core and requiring, when the extension IS included, that configuration (an array "allowedOrigins") be set in order to allow access by any domain (even same domain).
-* Cause embedded editor to pass on URL arguments to the child editor (child iframe)
-* Added default extension, ext-storage.js moving storage setting code into this (optional) extension; contains dialog to ask user whether they wish to utilize local storage for prefs and/or content; provides configuration options to tweak behaviors.
-* Allow for a new file config.js within the editor folder (but not committed to SVN and ignored) which is always loaded and can be used for supplying configuration which happens early enough to affect URL or user storage configuration, in addition to extension behavior configuration. Provided config-sample.js to indicate types of configuration one could use (see also defaultPrefs, defaultExtensions, and defaultConfig within svg-editor.js )
-* Added configuration "preventAllURLConfig", "lockExtensions", and/or "preventURLContentLoading" for greater control of what can be configured via URL.
-* Allow second argument object to setConfig containing "allowInitialUserOverride" booleans to allow for preference config in config.js to be overridden by URL or preferences in user storage; also can supply "overwrite" boolean in 2nd argument object if set to false to prevent overwriting of any prior-set configuration (URL config/pref setting occurs in this manner automatically for security reasons).
-* Allow server_opensave extension to work wholly client-side (if browser supports the download attribute)
-* Added WebAppFind extension
-* Added new php_savefile extension to replace outdated, non-functioning server-save code; requires user to create "savefile_config.php" file and do any validation there (for their own security)
-* Use addEventListener for 'beforeunload' event so user can add their own if desired
-* Changed locale behavior to always load from locale file, including English. Allow extensions to add new "langReady" callback which is passed an object with "lang" and "uiStrings" properties whenever the locale data is first made available or changed by the user (this callback will not be invoked until the locale data is available). Extensions can add strings to all locales and utilize this mechanism.
-* Made fixes impacting path issues and also ext-connector.js
-* Fixed a bug where the position number supplied on an extension object was too high (e.g., if too few other extensions were included, the extension might not show up because its position was set too high).
-* Added Polish locale
-* Zoom features
-* Make extension paths relative within extensions (issue 1184)
-* Security improvements and other fixes
-* Embedded editor can now work same domain without JSON parsing and the consequent potential loss of arguments or return values.
-* Potentially breaking API changes:
-** Disallowed "extPath", "imgPath", "langPath", and "jGraduatePath" setting via URL and prevent cross-domain/cross-folder extensions being set by URL (security enhancement)
-** Deprecated "pngsave" option called by setCustomHandlers() in favor of "exportImage" (to accommodate export of other image types). Second argument will now supply, in addition to "issues" and "svg", the properties "type" (currently 'PNG', 'JPEG', 'BMP', 'WEBP'), "mimeType", and "quality" (for 'JPEG' and 'WEBP' types).
-** Default extensions will now always load (along with those supplied in the URL unless the latter is prohibited by configuration), so if you do not wish your old code to load all of the default extensions, you will need to add &noDefaultExtensions=true to the URL (or add equivalent configuration in config.js). ext-overview_window.js can now be excluded though it is still a default.
-** Preferences and configuration options must be within the list supplied within svg-editor.js (should include those of all documented extensions).
-** Embedded messaging will no longer work by default for privacy/data integrity reasons. One must include the "ext-xdomain-messaging.js" extension and supply an array configuration item, "allowedOrigins" with potential values including: "\*" (to allow all domains--strongly discouraged!), "null" as a string to allow file:// access, window.location.origin (to allow same domain access), or specific trusted origins. The embedded editor works without the extension if the main editor is on the same domain, but if cross-domain control is needed, the "allowedOrigins" array must be supplied by a call to svgEditor.setConfig({allowedOrigins: [origin1, origin2, etc.]}) in the new config.js file.
+- Export to PNG, JPEG, BMP, WEBP (including quality control for JPEG/WEBP) for default editor and for the server_opensave extension
+- Added Star, Polygon, and Panning Extensions r2318 r2319 r2333
+- Added non-default extension, ext-xdomain-messaging.js, moving cross-domain messaging code (as used by the embedded editor) out of core and requiring, when the extension IS included, that configuration (an array "allowedOrigins") be set in order to allow access by any domain (even same domain).
+- Cause embedded editor to pass on URL arguments to the child editor (child iframe)
+- Added default extension, ext-storage.js moving storage setting code into this (optional) extension; contains dialog to ask user whether they wish to utilize local storage for prefs and/or content; provides configuration options to tweak behaviors.
+- Allow for a new file config.js within the editor folder (but not committed to SVN and ignored) which is always loaded and can be used for supplying configuration which happens early enough to affect URL or user storage configuration, in addition to extension behavior configuration. Provided config-sample.js to indicate types of configuration one could use (see also defaultPrefs, defaultExtensions, and defaultConfig within svg-editor.js )
+- Added configuration "preventAllURLConfig", "lockExtensions", and/or "preventURLContentLoading" for greater control of what can be configured via URL.
+- Allow second argument object to setConfig containing "allowInitialUserOverride" booleans to allow for preference config in config.js to be overridden by URL or preferences in user storage; also can supply "overwrite" boolean in 2nd argument object if set to false to prevent overwriting of any prior-set configuration (URL config/pref setting occurs in this manner automatically for security reasons).
+- Allow server_opensave extension to work wholly client-side (if browser supports the download attribute)
+- Added WebAppFind extension
+- Added new php_savefile extension to replace outdated, non-functioning server-save code; requires user to create "savefile_config.php" file and do any validation there (for their own security)
+- Use addEventListener for 'beforeunload' event so user can add their own if desired
+- Changed locale behavior to always load from locale file, including English. Allow extensions to add new "langReady" callback which is passed an object with "lang" and "uiStrings" properties whenever the locale data is first made available or changed by the user (this callback will not be invoked until the locale data is available). Extensions can add strings to all locales and utilize this mechanism.
+- Made fixes impacting path issues and also ext-connector.js
+- Fixed a bug where the position number supplied on an extension object was too high (e.g., if too few other extensions were included, the extension might not show up because its position was set too high).
+- Added Polish locale
+- Zoom features
+- Make extension paths relative within extensions (issue 1184)
+- Security improvements and other fixes
+- Embedded editor can now work same domain without JSON parsing and the consequent potential loss of arguments or return values.
+- Potentially breaking API changes:
+    * Disallowed "extPath", "imgPath", "langPath", and "jGraduatePath" setting via URL and prevent cross-domain/cross-folder extensions being set by URL (security enhancement)
+    * Deprecated "pngsave" option called by setCustomHandlers() in favor of "exportImage" (to accommodate export of other image types). Second argument will now supply, in addition to "issues" and "svg", the properties "type" (currently 'PNG', 'JPEG', 'BMP', 'WEBP'), "mimeType", and "quality" (for 'JPEG' and 'WEBP' types).
+    * Default extensions will now always load (along with those supplied in the URL unless the latter is prohibited by configuration), so if you do not wish your old code to load all of the default extensions, you will need to add `&noDefaultExtensions=true` to the URL (or add equivalent configuration in config.js). ext-overview_window.js can now be excluded though it is still a default.
+    * Preferences and configuration options must be within the list supplied within svg-editor.js (should include those of all documented extensions).
+    * Embedded messaging will no longer work by default for privacy/data integrity reasons. One must include the "ext-xdomain-messaging.js" extension and supply an array configuration item, "allowedOrigins" with potential values including: "\*" (to allow all domains--strongly discouraged!), "null" as a string to allow file:// access, window.location.origin (to allow same domain access), or specific trusted origins. The embedded editor works without the extension if the main editor is on the same domain, but if cross-domain control is needed, the "allowedOrigins" array must be supplied by a call to svgEditor.setConfig({allowedOrigins: [origin1, origin2, etc.]}) in the new config.js file.
 
 # 2.6 (Cycloid) - January 15th, 2013
 
-* Support for Internet Explorer 9
-* Context menu
-* Cut/Copy/Paste/Paste in Place options
-* Gridlines, snap to grid
-* Merge layers
-* Duplicate layer
-* Image library
-* Shape library
-* Basic Server-based tools for file opening/saving
-* In-group editing
-* Cut/Copy/Paste
-* full list: http://code.google.com/p/svg-edit/issues/list?can=1&q=label%3ANeededFor-2.6
+- Support for Internet Explorer 9
+- Context menu
+- Cut/Copy/Paste/Paste in Place options
+- Gridlines, snap to grid
+- Merge layers
+- Duplicate layer
+- Image library
+- Shape library
+- Basic Server-based tools for file opening/saving
+- In-group editing
+- Cut/Copy/Paste
+- full list: http://code.google.com/p/svg-edit/issues/list?can=1&q=label%3ANeededFor-2.6
 
 # 2.5 - June 15, 2010
 
-* Open Local Files (Firefox 3.6+ only)
-* Import SVG into Drawing (Firefox 3.6+ only)
-* Ability to create extensions/plugins
-* Main menu and overal interface improvements
-* Create and select elements outside the canvas
-* Base support for the svg:use element
-* Add/Edit Sub-paths
-* Multiple path segment selection
-* Radial Gradient support
-* Connector lines
-* Arrows & Markers
-* Smoother freehand paths
-* Foreign markup support (ForeignObject?/MathML)
-* Configurable options
-* File-loading options
-* Eye-dropper tool (copy element style)
-* Stroke linejoin and linecap options
-* Export to PNG
-* Blur tool
-* Page-align single elements
-* Inline text editing
-* Line draw snapping with Shift key
+- Open Local Files (Firefox 3.6+ only)
+- Import SVG into Drawing (Firefox 3.6+ only)
+- Ability to create extensions/plugins
+- Main menu and overall interface improvements
+- Create and select elements outside the canvas
+- Base support for the svg:use element
+- Add/Edit Sub-paths
+- Multiple path segment selection
+- Radial Gradient support
+- Connector lines
+- Arrows & Markers
+- Smoother freehand paths
+- Foreign markup support (ForeignObject?/MathML)
+- Configurable options
+- File-loading options
+- Eye-dropper tool (copy element style)
+- Stroke linejoin and linecap options
+- Export to PNG
+- Blur tool
+- Page-align single elements
+- Inline text editing
+- Line draw snapping with Shift key
 
 # 2.4 - January 11, 2010
 
-* Zoom
-* Layers
-* UI Localization
-* Wireframe Mode
-* Resizable UI (SVG icons)
-* Set background color and/or image (for tracing)
-* Convert Shapes to Paths
-* X, Y coordinates for all elements
-* Draggable Dialog boxes
-* Select Non-Adjacent Elements
-* Fixed-ratio resize
-* Automatic Tool Switching
-* Raster Images
-* Group elements
-* Add/Remove path nodes
-* Curved Paths
-* Floating point values for all attributes
-* Text fields for all attributes
-* Title element
+- Zoom
+- Layers
+- UI Localization
+- Wireframe Mode
+- Resizable UI (SVG icons)
+- Set background color and/or image (for tracing)
+- Convert Shapes to Paths
+- X, Y coordinates for all elements
+- Draggable Dialog boxes
+- Select Non-Adjacent Elements
+- Fixed-ratio resize
+- Automatic Tool Switching
+- Raster Images
+- Group elements
+- Add/Remove path nodes
+- Curved Paths
+- Floating point values for all attributes
+- Text fields for all attributes
+- Title element
 
 # 2.3 - September 08, 2009
 
-* Align Objects
-* Rotate Objects
-* Clone Objects
-* Select Next/Prev Object
-* Edit SVG Source
-* Gradient picking
-* Polygon Mode (Path Editing, Phase 1)
+- Align Objects
+- Rotate Objects
+- Clone Objects
+- Select Next/Prev Object
+- Edit SVG Source
+- Gradient picking
+- Polygon Mode (Path Editing, Phase 1)
 
 # 2.2 - July 08, 2009
 
-* Multiselect Mode
-* Undo/Redo Actions
-* Resize Elements
-* Contextual tools for rect, circle, ellipse, line, text elements
-* Some updated button images
-* Stretched the UI to fit the browser window
-* Resizing of the SVG canvas
-* Upgraded to jPicker 1.0.8
+- Multiselect Mode
+- Undo/Redo Actions
+- Resize Elements
+- Contextual tools for rect, circle, ellipse, line, text elements
+- Some updated button images
+- Stretched the UI to fit the browser window
+- Resizing of the SVG canvas
+- Upgraded to jPicker 1.0.8
 
 # 2.1 - June 17, 2009
 
-* tooltips added to all UI elements
-* fix flyout menus
-* ask before clearing the drawing (suggested by martin.vidner)
-* control group, fill and stroke opacity
-* fix flyouts when using color picker
-* change license from GPLv2 to Apache License v2.0
-* replaced Farbtastic with jPicker, because of the license issues
-* removed dependency on svgcanvas.svg, now created in JavaScript
-* added Select tool
-* using jQuery hosted by Google instead of local version
-* allow dragging of elements
-* save SVG file to separate tab
-* create and edit text elements
-* context panel tools
-* change rect radius, font-family, font-size
-* added keystroke shortcuts for all tools
-* move to top/bottom
+- tooltips added to all UI elements
+- fix flyout menus
+- ask before clearing the drawing (suggested by martin.vidner)
+- control group, fill and stroke opacity
+- fix flyouts when using color picker
+- change license from GPLv2 to Apache License v2.0
+- replaced Farbtastic with jPicker, because of the license issues
+- removed dependency on svgcanvas.svg, now created in JavaScript
+- added Select tool
+- using jQuery hosted by Google instead of local version
+- allow dragging of elements
+- save SVG file to separate tab
+- create and edit text elements
+- context panel tools
+- change rect radius, font-family, font-size
+- added keystroke shortcuts for all tools
+- move to top/bottom
 
 # 2.0 - June 03, 2009
 
-* rewritten SVG-edit, so now it uses OOP
-* draw ellipse, square
-* created HTML interface similar to Inkscape
+- rewritten SVG-edit, so now it uses OOP
+- draw ellipse, square
+- created HTML interface similar to Inkscape
 
 # 1.0 - February 06, 2009
 
-* SVG-Edit released
+- SVG-Edit released
diff --git a/LICENSE b/LICENSE-MIT.txt
similarity index 94%
rename from LICENSE
rename to LICENSE-MIT.txt
index d075ca6e..4f78db60 100644
--- a/LICENSE
+++ b/LICENSE-MIT.txt
@@ -1,4 +1,4 @@
-Copyright (c) 2009-2012 by SVG-edit authors (see AUTHORS file)
+Copyright (c) 2009-2018 by SVG-edit authors (see AUTHORS file)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/Makefile b/Makefile
index ad18f3f0..3a50532d 100644
--- a/Makefile
+++ b/Makefile
@@ -8,15 +8,15 @@ ZIP=zip
 # All files that will be compiled by the Closure compiler.
 
 JS_FILES=\
-	svgedit.js \
-	jquery-svg.js \
-	contextmenu/jquery.contextMenu.js \
-	pathseg.js \
+	namespaces.js \
+	jQuery.attr.js \
+	contextmenu/jQuery.contextMenu.js \
+	svgpathseg.js \
 	browser.js \
 	svgtransformlist.js \
 	math.js \
 	units.js \
-	svgutils.js \
+	utilities.js \
 	sanitize.js \
 	history.js \
 	historyrecording.js \
@@ -93,7 +93,7 @@ chrome:
 	cd build ; $(ZIP) -r $(PACKAGE)-crx.zip svgedit_app ; rm -rf svgedit_app; cd ..
 
 jgraduate:
-	java -jar $(CLOSURE) --js editor/jgraduate/jquery.jgraduate.js --js_output_file editor/jgraduate/jquery.jgraduate.min.js
+	java -jar $(CLOSURE) --js editor/jgraduate/jquery.jGraduate.js --js_output_file editor/jgraduate/jquery.jgraduate.min.js
 clean:
 	rm -rf config
 	rm -rf build/$(PACKAGE)
diff --git a/README.md b/README.md
index 19ff1d97..e7b9a299 100644
--- a/README.md
+++ b/README.md
@@ -1,41 +1,121 @@
-![alt text](https://svg-edit.github.io/svgedit/images/logo48x48.svg "svg-edit logo of a pencil") SVG-edit 
-===
-SVG-edit is a fast, web-based, javascript-driven SVG drawing editor that works in any modern browser.
+# ![alt text](https://svg-edit.github.io/svgedit/images/logo48x48.svg "svg-edit logo of a pencil") SVG-edit
 
-### [Try SVG-edit here](https://svg-edit.github.io/svgedit/releases/svg-edit-2.8.1/svg-editor.html)
+SVG-edit is a fast, web-based, JavaScript-driven SVG drawing editor that
+works in any modern browser.
 
-(Also available as a [download](https://github.com/SVG-Edit/svgedit/releases/download/svg-edit-2.8.1/svg-edit-2.8.1.zip) in [releases](https://github.com/SVG-Edit/svgedit/releases)).
+## Demo
+
+### [Try SVG-edit here](https://svg-edit.github.io/svgedit/releases/latest/editor/svg-editor.html)
+
+See the [latest release](https://svg-edit.github.io/svgedit/releases/latest/editor/svg-editor.html)
+(or its [ES6-Module](https://svg-edit.github.io/svgedit/releases/latest/editor/svg-editor.html) version, which requires a modern browser).
+
+Also available as a download in [releases](https://github.com/SVG-Edit/svgedit/releases).
+
+For testing the latest version in `master`, you may use <https://rawgit.com/SVG-Edit/svgedit/master/editor/svg-editor.html> or
+<https://raw.githack.com/SVG-Edit/svgedit/master/editor/svg-editor.html>.
+
+## Installation
+
+### Quick install
+
+1. Clone or copy the repository contents (at least the `editor` directory).
+1. If you need programmatic customization, see its section below.
+1. Otherwise, just add an iframe to your site, adding any extensions or
+  configuration (see `docs/tutorials/ConfigOptions.md`
+  ([ConfigOptions]{@tutorial ConfigOptions})) within the URL:
+```html
+<iframe src="svgedit/editor/svg-editor.html?extensions=" width="100%" height="100%"></iframe>
+```
+
+### Integrating SVG-edit into your own npm package
+
+These steps are only needed if you wish to set up your own npm package
+incorporating SVGEdit.
+
+1. Create your npm package: `npm init` (complete the fields).
+1. Install SVG-edit into your package:
+  `npm i svgedit`.
+1. Look within `node_modules/svgedit/`, e.g., `node_modules/svgedit/editor/svg-editor.html`
+  for the files your package needs and use accordingly.
+1. `npm publish`
+
+## Programmatic customization
+
+1. If you are not concerned about supporting ES6 Modules (see the
+  "ES6 Modules file" section), you can add your config directly to
+  `svgedit-config-iife.js` within the SVG-Edit project root.
+  1. Note: Do not remove the `import svgEditor...` code which is responsible for
+  importing the SVG edit code. Versions prior to 3.0 did not require this,
+  but the advantage is that your HTML does not need to be polluted with
+  extra script references.
+1. Modify or utilize any options. See `docs/tutorials/ConfigOptions.md`
+  ([ConfigOptions]{@tutorial ConfigOptions}).
+
+## ES6 Modules file
+
+1. `svg-editor-es.html` is an HTML file directly using ES6 modules.
+  It is only supported in the latest browsers. It is probably mostly
+  useful for debugging, as it requires more network requests.
+  If you would like to work with this file, you should make configuration
+  changes in `svgedit-config-es.js` (in the SVG-Edit project root).
+1. If you are working with the ES6 Modules config but also wish to work with
+  the normal `svg-editor.html` version (so your code can work in older
+  browsers or get the presumable performance benefits of this file which
+  references JavaScript rolled up into a single file), you can follow these
+  steps after any config changes you make, so that your changes can also be
+  automatically made available to both versions.
+  1. JavaScript:
+    1. Run `npm install` within the `node_modules/svgedit` directory to
+      install the build tools for SVG-edit.
+    1. Run `npm run build-config` within the `node_modules/svgedit` directory.
+      1. This will rebuild `svgedit-config-iife.js` (applying Babel to allow
+        it to work on older browsers and applying Rollup to build all
+        JavaScript into one file). The file will then contain non-ES6 module
+        JavaScript that can work in older browsers. Note that it bundles all
+        of SVGEdit, so it is to be expected that this file will be much larger
+        in size than the original ES6 config file.
+  1. HTML:
+    1. If you wish to make changes to both HTML files, it is recommended that you
+      work and test on `svg-editor-es.html` and then run `npm run build-html`
+      to have the changes properly copied to `svg-editor.html`.
 
 ## Recent news
-  * 2017-07 Added to Packagist: https://packagist.org/packages/svg-edit/svgedit
-  * 2015-12-02 SVG-edit 2.8.1 was released.
-  * 2015-11-24 SVG-edit 2.8 was released.
-  * 2015-11-24 Code, issue tracking, and docs are being moved to github (previously [code.google.com](https://code.google.com/p/svg-edit)).
-  * 2014-04-17 2.7 and stable branches updated to reflect 2.7.1 important bug fixes for the embedded editor.
-  * 2014-04-07 SVG-edit 2.7 was released.
-  * 2013-01-15 SVG-edit 2.6 was released.
+
+- 2018-07-31 Published 3.0.0-rc.2 with misc. fixes
+- 2018-07-19 Published 3.0.0-rc.1 allowing for extensions and locales to be
+  expressed as modules
+- 2018-05-26 Published 3.0.0-alpha.2 with ES6 Modules support
+- 2017-07 Added to Packagist: https://packagist.org/packages/svg-edit/svgedit
+- 2015-12-02 SVG-edit 2.8.1 was released.
+- 2015-11-24 SVG-edit 2.8 was released.
+- 2015-11-24 Code, issue tracking, and docs are being moved to github (previously [code.google.com](https://code.google.com/p/svg-edit)).
+- 2014-04-17 2.7 and stable branches updated to reflect 2.7.1 important bug fixes for the embedded editor.
+- 2014-04-07 SVG-edit 2.7 was released.
+- 2013-01-15 SVG-edit 2.6 was released.
 
 ## Videos
 
-  * [SVG-edit 2.4 Part 1](http://www.youtube.com/watch?v=zpC7b1ZJvvM)
-  * [SVG-edit 2.4 Part 2](http://www.youtube.com/watch?v=mDzZEoGUDe8)
-  * [SVG-edit 2.3 Features](http://www.youtube.com/watch?v=RVIcIy5fXOc)
-  * [Introduction to SVG-edit](http://www.youtube.com/watch?v=ZJKmEI06YiY) (Version 2.2)
+  * [SVG-edit 2.4 Part 1](https://www.youtube.com/watch?v=zpC7b1ZJvvM)
+  * [SVG-edit 2.4 Part 2](https://www.youtube.com/watch?v=mDzZEoGUDe8)
+  * [SVG-edit 2.3 Features](https://www.youtube.com/watch?v=RVIcIy5fXOc)
+  * [Introduction to SVG-edit](https://www.youtube.com/watch?v=ZJKmEI06YiY) (Version 2.2)
 
 ## Supported browsers
 
-The following browsers had been tested for 2.6 or earlier and will probably continue to work with 2.8.
-  * Firefox 1.5+
-  * Opera 9.50+
-  * Safari 4+
-  * Chrome 1+
-  * IE 9+ and Edge
+The following browsers had been tested for 2.6 or earlier and will probably continue to work with 3.0.
+
+- Firefox 1.5+
+- Opera 9.50+
+- Safari 4+
+- Chrome 1+
+- IE 9+ and Edge
 
 ## Further reading and more information
 
- * See [docs](docs/) for more documentation.
+ * See [docs](docs/) for more documentation. See the [JSDocs for our latest release](https://svg-edit.github.io/svgedit/releases/latest/docs/jsdoc/index.html).
  * [Acknowledgements](docs/Acknowledgements.md) lists open source projects used in svg-edit.
  * See [AUTHORS](AUTHORS) file for authors.
- * [Stackoverflow](http://stackoverflow.com/tags/svg-edit) group.
+ * [StackOverflow](https://stackoverflow.com/tags/svg-edit) group.
  * Join the [svg-edit mailing list](https://groups.google.com/forum/#!forum/svg-edit).
- * Join us on `#svg-edit` on `freenode.net` (or use the [web client](http://webchat.freenode.net/?channels=svg-edit)).
+ * Join us on `#svg-edit` on `freenode.net` (or use the [web client](https://webchat.freenode.net/?channels=svg-edit)).
diff --git a/build-html.js b/build-html.js
new file mode 100644
index 00000000..4af6825c
--- /dev/null
+++ b/build-html.js
@@ -0,0 +1,101 @@
+/* eslint-env node */
+const fs = require('promise-fs');
+
+const filesAndReplacements = [
+  {
+    input: 'editor/svg-editor-es.html',
+    output: 'editor/xdomain-svg-editor-es.html',
+    replacements: [
+      [
+        '<script type="module" src="../svgedit-config-es.js"></script>',
+        `<script type="module" src="xdomain-svgedit-config-es.js"></script>`
+      ]
+    ]
+  },
+  {
+    input: 'editor/xdomain-svg-editor-es.html',
+    output: 'editor/xdomain-svg-editor.html',
+    replacements: [
+      [
+        '<!DOCTYPE html>',
+        `<!DOCTYPE html>
+<!-- AUTO-GENERATED FROM xdomain-svg-editor-es.html; DO NOT EDIT; use build-html.js to build -->`
+      ],
+      [
+        '<script type="module" src="redirect-on-lacking-support.js"></script>',
+        '<script defer="defer" src="../dist/redirect-on-lacking-support.js"></script>'
+      ],
+      [
+        '<script type="module" src="xdomain-svgedit-config-es.js"></script>',
+        '<script defer="defer" src="xdomain-svgedit-config-iife.js"></script>'
+      ],
+      [
+        '<script src="external/dom-polyfill/dom-polyfill.js"></script>',
+        '<script src="../dist/dom-polyfill.js"></script>'
+      ]
+    ]
+  },
+  {
+    input: 'editor/svg-editor-es.html',
+    output: 'editor/svg-editor.html',
+    replacements: [
+      [
+        '<!DOCTYPE html>',
+        `<!DOCTYPE html>
+<!-- AUTO-GENERATED FROM svg-editor-es.html; DO NOT EDIT; use build-html.js to build -->`
+      ],
+      [
+        '<script type="module" src="redirect-on-lacking-support.js"></script>',
+        '<script defer="defer" src="../dist/redirect-on-lacking-support.js"></script>'
+      ],
+      [
+        '<script type="module" src="../svgedit-config-es.js"></script>',
+        '<script defer="defer" src="../svgedit-config-iife.js"></script>'
+      ],
+      [
+        '<script src="external/dom-polyfill/dom-polyfill.js"></script>',
+        '<script src="../dist/dom-polyfill.js"></script>'
+      ]
+    ]
+  },
+  {
+    input: 'editor/extensions/imagelib/index-es.html',
+    output: 'editor/extensions/imagelib/index.html',
+    replacements: [
+      [
+        '<!DOCTYPE html>',
+        `<!DOCTYPE html>
+<!-- AUTO-GENERATED FROM imagelib/index-es.html; DO NOT EDIT; use build-html.js to build -->`
+      ],
+      [
+        '<script type="module" src="index.js"></script>',
+        '<script defer="defer" src="../../../dist/extensions/imagelib/index.js"></script>'
+      ]
+    ]
+  }
+];
+
+filesAndReplacements.reduce((p, {input, output, replacements}) => {
+  return p.then(async () => {
+    let data;
+    try {
+      data = await fs.readFile(input, 'utf8');
+    } catch (err) {
+      console.log(`Error reading ${input} file`, err);
+    }
+
+    data = replacements.reduce((s, [find, replacement]) => {
+      return s.replace(find, replacement);
+    }, data);
+
+    try {
+      await fs.writeFile(output, data);
+    } catch (err) {
+      console.log(`Error writing file: ${err}`, err);
+      return;
+    }
+    console.log(`Completed file ${input} rewriting!`);
+  });
+}, Promise.resolve()).then(() => {
+  console.log('Finished!');
+});
diff --git a/build/tools/ship.py b/build/tools/ship.py
index d2c30521..2cb5df6a 100755
--- a/build/tools/ship.py
+++ b/build/tools/ship.py
@@ -121,7 +121,6 @@ def parseComment(line, line_num, enabled_flags):
 
   return line
 
-
 def ship(inFileName, enabled_flags):
   # read in HTML file
   lines = file(inFileName, 'r').readlines()
@@ -141,7 +140,7 @@ def ship(inFileName, enabled_flags):
     else: # else append line to the output list
       out_lines.append(line)
     i += 1
-  
+
   return ''.join(out_lines)
 
 if __name__ == '__main__':
diff --git a/chrome-app/icon_128.png b/chrome-app/icon_128.png
index 964027fe..6369b49b 100644
Binary files a/chrome-app/icon_128.png and b/chrome-app/icon_128.png differ
diff --git a/composer.json b/composer.json
index 66779d24..a4da44ed 100644
--- a/composer.json
+++ b/composer.json
@@ -3,24 +3,28 @@
     "description": "SVG-edit is a fast, web-based, javascript-driven SVG drawing editor that works in any modern browser.",
     "authors": [
         {
-            "name":"Narendra Sisodiya",
+            "name": "Narendra Sisodiya",
             "email": "narendra@narendrasisodiya.com"
         },
         {
-            "name":"Pavol Rusnak",
+            "name": "Pavol Rusnak",
             "email": "stick@gk2.sk"
         },
         {
-            "name":"Jeff Schiller",
+            "name": "Jeff Schiller",
             "email": "codedread@gmail.com"
         },
         {
-            "name":"Vidar Hokstad",
+            "name": "Vidar Hokstad",
             "email": "vidar.hokstad@gmail.com"
         },
         {
-            "name":"Alexis Deveria",
+            "name": "Alexis Deveria",
             "email": "adeveria@gmail.com"
+        },
+        {
+            "name": "Brett Zamir",
+            "email": "brettz9@yahoo.com"
         }
     ],
     "keywords": [
diff --git a/demos/canvas.html b/demos/canvas.html
new file mode 100644
index 00000000..d5d9ee3d
--- /dev/null
+++ b/demos/canvas.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Minimal demo of SvgCanvas</title>
+    <script src="../editor/jquery.min.js"></script>
+    <script src="../editor/jquery-ui/jquery-ui-1.8.17.custom.min.js"></script>
+    <style> #svgroot { overflow: hidden; } </style>
+  </head>
+
+  <body>
+    <h1>Minimal demo of SvgCanvas</h1>
+
+    <div id="editorContainer"></div>
+
+    <div>
+      [<button onclick="canvas.setMode('select')">Select</button>
+      <button onclick="canvas.setMode('circle')">Circle</button>
+      <button onclick="canvas.setMode('rect')">Rect</button>]
+      <button onclick="fill('#ff0000')">Fill Red</button>
+      <button onclick="canvas.deleteSelectedElements()">Delete Selected</button>
+      <button onclick="canvas.clear(); canvas.updateCanvas(width, height);">Clear All</button>
+      <button onclick="alert(canvas.getSvgString())">Get SVG</button>
+    </div>
+
+    <script type="module">
+import Canvas from '../editor/svgcanvas.js';
+
+const container = document.querySelector('#editorContainer');
+const {width, height} = {width: 500, height: 300};
+window.width = width;
+window.height = height;
+
+const config = {
+  initFill: {color: 'FFFFFF', opacity: 1},
+  initStroke: {color: '000000', opacity: 1, width: 1},
+  text: {stroke_width: 0, font_size: 24, font_family: 'serif'},
+  initOpacity: 1,
+  imgPath: 'editor/images/',
+  dimensions: [width, height],
+  baseUnit: 'px',
+};
+
+window.canvas = new Canvas(container, config);
+canvas.updateCanvas(width, height);
+
+window.fill = function (colour) {
+  canvas.getSelectedElems().forEach((el) => {
+    el.setAttribute('fill', colour);
+  });
+};
+    </script>
+  </body>
+</html>
diff --git a/dist/canvg.js b/dist/canvg.js
new file mode 100644
index 00000000..40488aa3
--- /dev/null
+++ b/dist/canvg.js
@@ -0,0 +1,4405 @@
+var canvg = (function (exports) {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  var classCallCheck = function (instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  };
+
+  var createClass = function () {
+    function defineProperties(target, props) {
+      for (var i = 0; i < props.length; i++) {
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+      }
+    }
+
+    return function (Constructor, protoProps, staticProps) {
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) defineProperties(Constructor, staticProps);
+      return Constructor;
+    };
+  }();
+
+  var get = function get(object, property, receiver) {
+    if (object === null) object = Function.prototype;
+    var desc = Object.getOwnPropertyDescriptor(object, property);
+
+    if (desc === undefined) {
+      var parent = Object.getPrototypeOf(object);
+
+      if (parent === null) {
+        return undefined;
+      } else {
+        return get(parent, property, receiver);
+      }
+    } else if ("value" in desc) {
+      return desc.value;
+    } else {
+      var getter = desc.get;
+
+      if (getter === undefined) {
+        return undefined;
+      }
+
+      return getter.call(receiver);
+    }
+  };
+
+  var inherits = function (subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+  };
+
+  var possibleConstructorReturn = function (self, call) {
+    if (!self) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return call && (typeof call === "object" || typeof call === "function") ? call : self;
+  };
+
+  var slicedToArray = function () {
+    function sliceIterator(arr, i) {
+      var _arr = [];
+      var _n = true;
+      var _d = false;
+      var _e = undefined;
+
+      try {
+        for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+          _arr.push(_s.value);
+
+          if (i && _arr.length === i) break;
+        }
+      } catch (err) {
+        _d = true;
+        _e = err;
+      } finally {
+        try {
+          if (!_n && _i["return"]) _i["return"]();
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+
+      return _arr;
+    }
+
+    return function (arr, i) {
+      if (Array.isArray(arr)) {
+        return arr;
+      } else if (Symbol.iterator in Object(arr)) {
+        return sliceIterator(arr, i);
+      } else {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance");
+      }
+    };
+  }();
+
+  var toConsumableArray = function (arr) {
+    if (Array.isArray(arr)) {
+      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+      return arr2;
+    } else {
+      return Array.from(arr);
+    }
+  };
+
+  /**
+   * For parsing color values
+   * @module RGBColor
+   * @author Stoyan Stefanov <sstoo@gmail.com>
+   * @see https://www.phpied.com/rgb-color-parser-in-javascript/
+   * @license MIT
+  */
+  var simpleColors = {
+    aliceblue: 'f0f8ff',
+    antiquewhite: 'faebd7',
+    aqua: '00ffff',
+    aquamarine: '7fffd4',
+    azure: 'f0ffff',
+    beige: 'f5f5dc',
+    bisque: 'ffe4c4',
+    black: '000000',
+    blanchedalmond: 'ffebcd',
+    blue: '0000ff',
+    blueviolet: '8a2be2',
+    brown: 'a52a2a',
+    burlywood: 'deb887',
+    cadetblue: '5f9ea0',
+    chartreuse: '7fff00',
+    chocolate: 'd2691e',
+    coral: 'ff7f50',
+    cornflowerblue: '6495ed',
+    cornsilk: 'fff8dc',
+    crimson: 'dc143c',
+    cyan: '00ffff',
+    darkblue: '00008b',
+    darkcyan: '008b8b',
+    darkgoldenrod: 'b8860b',
+    darkgray: 'a9a9a9',
+    darkgreen: '006400',
+    darkkhaki: 'bdb76b',
+    darkmagenta: '8b008b',
+    darkolivegreen: '556b2f',
+    darkorange: 'ff8c00',
+    darkorchid: '9932cc',
+    darkred: '8b0000',
+    darksalmon: 'e9967a',
+    darkseagreen: '8fbc8f',
+    darkslateblue: '483d8b',
+    darkslategray: '2f4f4f',
+    darkturquoise: '00ced1',
+    darkviolet: '9400d3',
+    deeppink: 'ff1493',
+    deepskyblue: '00bfff',
+    dimgray: '696969',
+    dodgerblue: '1e90ff',
+    feldspar: 'd19275',
+    firebrick: 'b22222',
+    floralwhite: 'fffaf0',
+    forestgreen: '228b22',
+    fuchsia: 'ff00ff',
+    gainsboro: 'dcdcdc',
+    ghostwhite: 'f8f8ff',
+    gold: 'ffd700',
+    goldenrod: 'daa520',
+    gray: '808080',
+    green: '008000',
+    greenyellow: 'adff2f',
+    honeydew: 'f0fff0',
+    hotpink: 'ff69b4',
+    indianred: 'cd5c5c',
+    indigo: '4b0082',
+    ivory: 'fffff0',
+    khaki: 'f0e68c',
+    lavender: 'e6e6fa',
+    lavenderblush: 'fff0f5',
+    lawngreen: '7cfc00',
+    lemonchiffon: 'fffacd',
+    lightblue: 'add8e6',
+    lightcoral: 'f08080',
+    lightcyan: 'e0ffff',
+    lightgoldenrodyellow: 'fafad2',
+    lightgrey: 'd3d3d3',
+    lightgreen: '90ee90',
+    lightpink: 'ffb6c1',
+    lightsalmon: 'ffa07a',
+    lightseagreen: '20b2aa',
+    lightskyblue: '87cefa',
+    lightslateblue: '8470ff',
+    lightslategray: '778899',
+    lightsteelblue: 'b0c4de',
+    lightyellow: 'ffffe0',
+    lime: '00ff00',
+    limegreen: '32cd32',
+    linen: 'faf0e6',
+    magenta: 'ff00ff',
+    maroon: '800000',
+    mediumaquamarine: '66cdaa',
+    mediumblue: '0000cd',
+    mediumorchid: 'ba55d3',
+    mediumpurple: '9370d8',
+    mediumseagreen: '3cb371',
+    mediumslateblue: '7b68ee',
+    mediumspringgreen: '00fa9a',
+    mediumturquoise: '48d1cc',
+    mediumvioletred: 'c71585',
+    midnightblue: '191970',
+    mintcream: 'f5fffa',
+    mistyrose: 'ffe4e1',
+    moccasin: 'ffe4b5',
+    navajowhite: 'ffdead',
+    navy: '000080',
+    oldlace: 'fdf5e6',
+    olive: '808000',
+    olivedrab: '6b8e23',
+    orange: 'ffa500',
+    orangered: 'ff4500',
+    orchid: 'da70d6',
+    palegoldenrod: 'eee8aa',
+    palegreen: '98fb98',
+    paleturquoise: 'afeeee',
+    palevioletred: 'd87093',
+    papayawhip: 'ffefd5',
+    peachpuff: 'ffdab9',
+    peru: 'cd853f',
+    pink: 'ffc0cb',
+    plum: 'dda0dd',
+    powderblue: 'b0e0e6',
+    purple: '800080',
+    red: 'ff0000',
+    rosybrown: 'bc8f8f',
+    royalblue: '4169e1',
+    saddlebrown: '8b4513',
+    salmon: 'fa8072',
+    sandybrown: 'f4a460',
+    seagreen: '2e8b57',
+    seashell: 'fff5ee',
+    sienna: 'a0522d',
+    silver: 'c0c0c0',
+    skyblue: '87ceeb',
+    slateblue: '6a5acd',
+    slategray: '708090',
+    snow: 'fffafa',
+    springgreen: '00ff7f',
+    steelblue: '4682b4',
+    tan: 'd2b48c',
+    teal: '008080',
+    thistle: 'd8bfd8',
+    tomato: 'ff6347',
+    turquoise: '40e0d0',
+    violet: 'ee82ee',
+    violetred: 'd02090',
+    wheat: 'f5deb3',
+    white: 'ffffff',
+    whitesmoke: 'f5f5f5',
+    yellow: 'ffff00',
+    yellowgreen: '9acd32'
+  };
+
+  // array of color definition objects
+  var colorDefs = [{
+    re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
+    example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
+    process: function process(bits) {
+      return [parseInt(bits[1], 10), parseInt(bits[2], 10), parseInt(bits[3], 10)];
+    }
+  }, {
+    re: /^(\w{2})(\w{2})(\w{2})$/,
+    example: ['#00ff00', '336699'],
+    process: function process(bits) {
+      return [parseInt(bits[1], 16), parseInt(bits[2], 16), parseInt(bits[3], 16)];
+    }
+  }, {
+    re: /^(\w{1})(\w{1})(\w{1})$/,
+    example: ['#fb0', 'f0f'],
+    process: function process(bits) {
+      return [parseInt(bits[1] + bits[1], 16), parseInt(bits[2] + bits[2], 16), parseInt(bits[3] + bits[3], 16)];
+    }
+  }];
+
+  /**
+   * A class to parse color values
+   */
+
+  var RGBColor = function () {
+    /**
+    * @param {string} colorString
+    */
+    function RGBColor(colorString) {
+      classCallCheck(this, RGBColor);
+
+      this.ok = false;
+
+      // strip any leading #
+      if (colorString.charAt(0) === '#') {
+        // remove # if any
+        colorString = colorString.substr(1, 6);
+      }
+
+      colorString = colorString.replace(/ /g, '');
+      colorString = colorString.toLowerCase();
+
+      // before getting into regexps, try simple matches
+      // and overwrite the input
+      if (colorString in simpleColors) {
+        colorString = simpleColors[colorString];
+      }
+      // end of simple type-in colors
+
+      // search through the definitions to find a match
+      for (var i = 0; i < colorDefs.length; i++) {
+        var re = colorDefs[i].re;
+
+        var processor = colorDefs[i].process;
+        var bits = re.exec(colorString);
+        if (bits) {
+          var _processor = processor(bits),
+              _processor2 = slicedToArray(_processor, 3),
+              r = _processor2[0],
+              g = _processor2[1],
+              b = _processor2[2];
+
+          Object.assign(this, { r: r, g: g, b: b });
+          this.ok = true;
+        }
+      }
+
+      // validate/cleanup values
+      this.r = this.r < 0 || isNaN(this.r) ? 0 : this.r > 255 ? 255 : this.r;
+      this.g = this.g < 0 || isNaN(this.g) ? 0 : this.g > 255 ? 255 : this.g;
+      this.b = this.b < 0 || isNaN(this.b) ? 0 : this.b > 255 ? 255 : this.b;
+    }
+
+    // some getters
+    /**
+    * @returns {string}
+    */
+
+
+    createClass(RGBColor, [{
+      key: 'toRGB',
+      value: function toRGB() {
+        return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
+      }
+
+      /**
+      * @returns {string}
+      */
+
+    }, {
+      key: 'toHex',
+      value: function toHex() {
+        var r = this.r.toString(16);
+        var g = this.g.toString(16);
+        var b = this.b.toString(16);
+        if (r.length === 1) {
+          r = '0' + r;
+        }
+        if (g.length === 1) {
+          g = '0' + g;
+        }
+        if (b.length === 1) {
+          b = '0' + b;
+        }
+        return '#' + r + g + b;
+      }
+
+      /**
+      * help
+      * @returns {HTMLUListElement}
+      */
+
+    }, {
+      key: 'getHelpXML',
+      value: function getHelpXML() {
+        var examples = [];
+        // add regexps
+        for (var i = 0; i < colorDefs.length; i++) {
+          var example = colorDefs[i].example;
+
+          for (var j = 0; j < example.length; j++) {
+            examples[examples.length] = example[j];
+          }
+        }
+        // add type-in colors
+        examples.push.apply(examples, toConsumableArray(Object.keys(simpleColors)));
+
+        var xml = document.createElement('ul');
+        xml.setAttribute('id', 'rgbcolor-examples');
+        for (var _i = 0; _i < examples.length; _i++) {
+          try {
+            var listItem = document.createElement('li');
+            var listColor = new RGBColor(examples[_i]);
+            var exampleDiv = document.createElement('div');
+            exampleDiv.style.cssText = 'margin: 3px;\nborder: 1px solid black;\nbackground: ' + listColor.toHex() + ';\ncolor: ' + listColor.toHex() + ';';
+            exampleDiv.append('test');
+            var listItemValue = ' ' + examples[_i] + ' -> ' + listColor.toRGB() + ' -> ' + listColor.toHex();
+            listItem.append(exampleDiv, listItemValue);
+            xml.append(listItem);
+          } catch (e) {}
+        }
+        return xml;
+      }
+    }]);
+    return RGBColor;
+  }();
+
+  /**
+  * StackBlur - a fast almost Gaussian Blur For Canvas
+
+  In case you find this class useful - especially in commercial projects -
+  I am not totally unhappy for a small donation to my PayPal account
+  mario@quasimondo.de
+
+  Or support me on flattr:
+  https://flattr.com/thing/72791/StackBlur-a-fast-almost-Gaussian-Blur-Effect-for-CanvasJavascript
+
+  * @module StackBlur
+  * @version 0.5
+  * @author Mario Klingemann
+  Contact: mario@quasimondo.com
+  Website: http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html
+  Twitter: @quasimondo
+
+  * @copyright (c) 2010 Mario Klingemann
+
+  Permission is hereby granted, free of charge, to any person
+  obtaining a copy of this software and associated documentation
+  files (the "Software"), to deal in the Software without
+  restriction, including without limitation the rights to use,
+  copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the
+  Software is furnished to do so, subject to the following
+  conditions:
+
+  The above copyright notice and this permission notice shall be
+  included in all copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+  OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+  NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+  HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+  WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+  FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+  OTHER DEALINGS IN THE SOFTWARE.
+  */
+
+  var mulTable = [512, 512, 456, 512, 328, 456, 335, 512, 405, 328, 271, 456, 388, 335, 292, 512, 454, 405, 364, 328, 298, 271, 496, 456, 420, 388, 360, 335, 312, 292, 273, 512, 482, 454, 428, 405, 383, 364, 345, 328, 312, 298, 284, 271, 259, 496, 475, 456, 437, 420, 404, 388, 374, 360, 347, 335, 323, 312, 302, 292, 282, 273, 265, 512, 497, 482, 468, 454, 441, 428, 417, 405, 394, 383, 373, 364, 354, 345, 337, 328, 320, 312, 305, 298, 291, 284, 278, 271, 265, 259, 507, 496, 485, 475, 465, 456, 446, 437, 428, 420, 412, 404, 396, 388, 381, 374, 367, 360, 354, 347, 341, 335, 329, 323, 318, 312, 307, 302, 297, 292, 287, 282, 278, 273, 269, 265, 261, 512, 505, 497, 489, 482, 475, 468, 461, 454, 447, 441, 435, 428, 422, 417, 411, 405, 399, 394, 389, 383, 378, 373, 368, 364, 359, 354, 350, 345, 341, 337, 332, 328, 324, 320, 316, 312, 309, 305, 301, 298, 294, 291, 287, 284, 281, 278, 274, 271, 268, 265, 262, 259, 257, 507, 501, 496, 491, 485, 480, 475, 470, 465, 460, 456, 451, 446, 442, 437, 433, 428, 424, 420, 416, 412, 408, 404, 400, 396, 392, 388, 385, 381, 377, 374, 370, 367, 363, 360, 357, 354, 350, 347, 344, 341, 338, 335, 332, 329, 326, 323, 320, 318, 315, 312, 310, 307, 304, 302, 299, 297, 294, 292, 289, 287, 285, 282, 280, 278, 275, 273, 271, 269, 267, 265, 263, 261, 259];
+
+  var shgTable = [9, 11, 12, 13, 13, 14, 14, 15, 15, 15, 15, 16, 16, 16, 16, 17, 17, 17, 17, 17, 17, 17, 18, 18, 18, 18, 18, 18, 18, 18, 18, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24];
+
+  /**
+   * @param {string|HTMLCanvasElement} canvas
+   * @param {Integer} topX
+   * @param {Integer} topY
+   * @param {Integer} width
+   * @param {Integer} height
+   * @throws {Error}
+   * @returns {ImageData} See {@link https://html.spec.whatwg.org/multipage/canvas.html#imagedata}
+   */
+  function getImageDataFromCanvas(canvas, topX, topY, width, height) {
+    if (typeof canvas === 'string') {
+      canvas = document.getElementById(canvas);
+    }
+    if (!canvas || !('getContext' in canvas)) {
+      return;
+    }
+
+    var context = canvas.getContext('2d');
+
+    try {
+      return context.getImageData(topX, topY, width, height);
+    } catch (e) {
+      throw new Error('unable to access image data: ' + e);
+    }
+  }
+
+  /**
+   * @param {HTMLCanvasElement} canvas
+   * @param {Integer} topX
+   * @param {Integer} topY
+   * @param {Integer} width
+   * @param {Integer} height
+   * @param {Float} radius
+   * @returns {undefined}
+   */
+  function processCanvasRGBA(canvas, topX, topY, width, height, radius) {
+    if (isNaN(radius) || radius < 1) {
+      return;
+    }
+    radius |= 0;
+
+    var imageData = getImageDataFromCanvas(canvas, topX, topY, width, height);
+
+    imageData = processImageDataRGBA(imageData, topX, topY, width, height, radius);
+
+    canvas.getContext('2d').putImageData(imageData, topX, topY);
+  }
+
+  /**
+   * @param {ImageData} imageData
+   * @param {Integer} topX
+   * @param {Integer} topY
+   * @param {Integer} width
+   * @param {Integer} height
+   * @param {Float} radius
+   * @returns {ImageData}
+   */
+  function processImageDataRGBA(imageData, topX, topY, width, height, radius) {
+    var pixels = imageData.data;
+
+    var x = void 0,
+        y = void 0,
+        i = void 0,
+        p = void 0,
+        yp = void 0,
+        yi = void 0,
+        yw = void 0,
+        rSum = void 0,
+        gSum = void 0,
+        bSum = void 0,
+        aSum = void 0,
+        rOutSum = void 0,
+        gOutSum = void 0,
+        bOutSum = void 0,
+        aOutSum = void 0,
+        rInSum = void 0,
+        gInSum = void 0,
+        bInSum = void 0,
+        aInSum = void 0,
+        pr = void 0,
+        pg = void 0,
+        pb = void 0,
+        pa = void 0,
+        rbs = void 0;
+
+    var div = radius + radius + 1;
+    // const w4 = width << 2;
+    var widthMinus1 = width - 1;
+    var heightMinus1 = height - 1;
+    var radiusPlus1 = radius + 1;
+    var sumFactor = radiusPlus1 * (radiusPlus1 + 1) / 2;
+
+    var stackStart = new BlurStack();
+    var stack = stackStart;
+    var stackEnd = void 0;
+    for (i = 1; i < div; i++) {
+      stack = stack.next = new BlurStack();
+      if (i === radiusPlus1) {
+        stackEnd = stack;
+      }
+    }
+    stack.next = stackStart;
+    var stackIn = null;
+    var stackOut = null;
+
+    yw = yi = 0;
+
+    var mulSum = mulTable[radius];
+    var shgSum = shgTable[radius];
+
+    for (y = 0; y < height; y++) {
+      rInSum = gInSum = bInSum = aInSum = rSum = gSum = bSum = aSum = 0;
+
+      rOutSum = radiusPlus1 * (pr = pixels[yi]);
+      gOutSum = radiusPlus1 * (pg = pixels[yi + 1]);
+      bOutSum = radiusPlus1 * (pb = pixels[yi + 2]);
+      aOutSum = radiusPlus1 * (pa = pixels[yi + 3]);
+
+      rSum += sumFactor * pr;
+      gSum += sumFactor * pg;
+      bSum += sumFactor * pb;
+      aSum += sumFactor * pa;
+
+      stack = stackStart;
+
+      for (i = 0; i < radiusPlus1; i++) {
+        stack.r = pr;
+        stack.g = pg;
+        stack.b = pb;
+        stack.a = pa;
+        stack = stack.next;
+      }
+
+      for (i = 1; i < radiusPlus1; i++) {
+        p = yi + ((widthMinus1 < i ? widthMinus1 : i) << 2);
+        rSum += (stack.r = pr = pixels[p]) * (rbs = radiusPlus1 - i);
+        gSum += (stack.g = pg = pixels[p + 1]) * rbs;
+        bSum += (stack.b = pb = pixels[p + 2]) * rbs;
+        aSum += (stack.a = pa = pixels[p + 3]) * rbs;
+
+        rInSum += pr;
+        gInSum += pg;
+        bInSum += pb;
+        aInSum += pa;
+
+        stack = stack.next;
+      }
+
+      stackIn = stackStart;
+      stackOut = stackEnd;
+      for (x = 0; x < width; x++) {
+        pixels[yi + 3] = pa = aSum * mulSum >> shgSum;
+        if (pa !== 0) {
+          pa = 255 / pa;
+          pixels[yi] = (rSum * mulSum >> shgSum) * pa;
+          pixels[yi + 1] = (gSum * mulSum >> shgSum) * pa;
+          pixels[yi + 2] = (bSum * mulSum >> shgSum) * pa;
+        } else {
+          pixels[yi] = pixels[yi + 1] = pixels[yi + 2] = 0;
+        }
+
+        rSum -= rOutSum;
+        gSum -= gOutSum;
+        bSum -= bOutSum;
+        aSum -= aOutSum;
+
+        rOutSum -= stackIn.r;
+        gOutSum -= stackIn.g;
+        bOutSum -= stackIn.b;
+        aOutSum -= stackIn.a;
+
+        p = yw + ((p = x + radius + 1) < widthMinus1 ? p : widthMinus1) << 2;
+
+        rInSum += stackIn.r = pixels[p];
+        gInSum += stackIn.g = pixels[p + 1];
+        bInSum += stackIn.b = pixels[p + 2];
+        aInSum += stackIn.a = pixels[p + 3];
+
+        rSum += rInSum;
+        gSum += gInSum;
+        bSum += bInSum;
+        aSum += aInSum;
+
+        stackIn = stackIn.next;
+
+        rOutSum += pr = stackOut.r;
+        gOutSum += pg = stackOut.g;
+        bOutSum += pb = stackOut.b;
+        aOutSum += pa = stackOut.a;
+
+        rInSum -= pr;
+        gInSum -= pg;
+        bInSum -= pb;
+        aInSum -= pa;
+
+        stackOut = stackOut.next;
+
+        yi += 4;
+      }
+      yw += width;
+    }
+
+    for (x = 0; x < width; x++) {
+      gInSum = bInSum = aInSum = rInSum = gSum = bSum = aSum = rSum = 0;
+
+      yi = x << 2;
+      rOutSum = radiusPlus1 * (pr = pixels[yi]);
+      gOutSum = radiusPlus1 * (pg = pixels[yi + 1]);
+      bOutSum = radiusPlus1 * (pb = pixels[yi + 2]);
+      aOutSum = radiusPlus1 * (pa = pixels[yi + 3]);
+
+      rSum += sumFactor * pr;
+      gSum += sumFactor * pg;
+      bSum += sumFactor * pb;
+      aSum += sumFactor * pa;
+
+      stack = stackStart;
+
+      for (i = 0; i < radiusPlus1; i++) {
+        stack.r = pr;
+        stack.g = pg;
+        stack.b = pb;
+        stack.a = pa;
+        stack = stack.next;
+      }
+
+      yp = width;
+
+      for (i = 1; i <= radius; i++) {
+        yi = yp + x << 2;
+
+        rSum += (stack.r = pr = pixels[yi]) * (rbs = radiusPlus1 - i);
+        gSum += (stack.g = pg = pixels[yi + 1]) * rbs;
+        bSum += (stack.b = pb = pixels[yi + 2]) * rbs;
+        aSum += (stack.a = pa = pixels[yi + 3]) * rbs;
+
+        rInSum += pr;
+        gInSum += pg;
+        bInSum += pb;
+        aInSum += pa;
+
+        stack = stack.next;
+
+        if (i < heightMinus1) {
+          yp += width;
+        }
+      }
+
+      yi = x;
+      stackIn = stackStart;
+      stackOut = stackEnd;
+      for (y = 0; y < height; y++) {
+        p = yi << 2;
+        pixels[p + 3] = pa = aSum * mulSum >> shgSum;
+        if (pa > 0) {
+          pa = 255 / pa;
+          pixels[p] = (rSum * mulSum >> shgSum) * pa;
+          pixels[p + 1] = (gSum * mulSum >> shgSum) * pa;
+          pixels[p + 2] = (bSum * mulSum >> shgSum) * pa;
+        } else {
+          pixels[p] = pixels[p + 1] = pixels[p + 2] = 0;
+        }
+
+        rSum -= rOutSum;
+        gSum -= gOutSum;
+        bSum -= bOutSum;
+        aSum -= aOutSum;
+
+        rOutSum -= stackIn.r;
+        gOutSum -= stackIn.g;
+        bOutSum -= stackIn.b;
+        aOutSum -= stackIn.a;
+
+        p = x + ((p = y + radiusPlus1) < heightMinus1 ? p : heightMinus1) * width << 2;
+
+        rSum += rInSum += stackIn.r = pixels[p];
+        gSum += gInSum += stackIn.g = pixels[p + 1];
+        bSum += bInSum += stackIn.b = pixels[p + 2];
+        aSum += aInSum += stackIn.a = pixels[p + 3];
+
+        stackIn = stackIn.next;
+
+        rOutSum += pr = stackOut.r;
+        gOutSum += pg = stackOut.g;
+        bOutSum += pb = stackOut.b;
+        aOutSum += pa = stackOut.a;
+
+        rInSum -= pr;
+        gInSum -= pg;
+        bInSum -= pb;
+        aInSum -= pa;
+
+        stackOut = stackOut.next;
+
+        yi += width;
+      }
+    }
+    return imageData;
+  }
+
+  /**
+   *
+   */
+  var BlurStack = function BlurStack() {
+    classCallCheck(this, BlurStack);
+
+    this.r = 0;
+    this.g = 0;
+    this.b = 0;
+    this.a = 0;
+    this.next = null;
+  };
+
+  /* eslint-disable new-cap */
+
+  var canvasRGBA_ = processCanvasRGBA;
+
+  /**
+  * @callback module:canvg.StackBlurCanvasRGBA
+  * @param {string} id
+  * @param {Float} x
+  * @param {Float} y
+  * @param {Float} width
+  * @param {Float} height
+  * @param {Float} blurRadius
+  */
+
+  /**
+  * @callback module:canvg.ForceRedraw
+  * @returns {boolean}
+  */
+
+  /**
+  * @function module:canvg.setStackBlurCanvasRGBA
+  * @param {module:canvg.StackBlurCanvasRGBA} cb Will be passed the canvas ID, x, y, width, height, blurRadius
+  */
+  var setStackBlurCanvasRGBA = function setStackBlurCanvasRGBA(cb) {
+    canvasRGBA_ = cb;
+  };
+
+  /**
+  * @typedef {PlainObject} module:canvg.CanvgOptions
+  * @property {boolean} opts.ignoreMouse true => ignore mouse events
+  * @property {boolean} opts.ignoreAnimation true => ignore animations
+  * @property {boolean} opts.ignoreDimensions true => does not try to resize canvas
+  * @property {boolean} opts.ignoreClear true => does not clear canvas
+  * @property {Integer} opts.offsetX int => draws at a x offset
+  * @property {Integer} opts.offsetY int => draws at a y offset
+  * @property {Integer} opts.scaleWidth int => scales horizontally to width
+  * @property {Integer} opts.scaleHeight int => scales vertically to height
+  * @property {module:canvg.ForceRedraw} opts.forceRedraw function => will call the function on every frame, if it returns true, will redraw
+  * @property {boolean} opts.log Adds log function
+  * @property {boolean} opts.useCORS Whether to set CORS `crossOrigin` for the image to `Anonymous`
+  */
+
+  /**
+  * If called with no arguments, it will replace all `<svg>` elements on the page with `<canvas>` elements
+  * @function module:canvg.canvg
+  * @param {HTMLCanvasElement|string} target canvas element or the id of a canvas element
+  * @param {string|XMLDocument} s: svg string, url to svg file, or xml document
+  * @param {module:canvg.CanvgOptions} [opts] Optional hash of options
+  * @returns {Promise} All the function after the first render is completed with dom
+  */
+  var canvg = function canvg(target, s, opts) {
+    // no parameters
+    if (target == null && s == null && opts == null) {
+      var svgTags = document.querySelectorAll('svg');
+      return Promise.all([].concat(toConsumableArray(svgTags)).map(function (svgTag) {
+        var c = document.createElement('canvas');
+        c.width = svgTag.clientWidth;
+        c.height = svgTag.clientHeight;
+        svgTag.before(c);
+        svgTag.remove();
+        var div = document.createElement('div');
+        div.append(svgTag);
+        return canvg(c, div.innerHTML);
+      }));
+    }
+
+    if (typeof target === 'string') {
+      target = document.getElementById(target);
+    }
+
+    // store class on canvas
+    if (target.svg != null) target.svg.stop();
+    var svg = build(opts || {});
+    // on i.e. 8 for flash canvas, we can't assign the property so check for it
+    if (!(target.childNodes.length === 1 && target.childNodes[0].nodeName === 'OBJECT')) {
+      target.svg = svg;
+    }
+
+    var ctx = target.getContext('2d');
+    if (typeof s.documentElement !== 'undefined') {
+      // load from xml doc
+      return svg.loadXmlDoc(ctx, s);
+    }
+    if (s.substr(0, 1) === '<') {
+      // load from xml string
+      return svg.loadXml(ctx, s);
+    }
+    // load from url
+    return svg.load(ctx, s);
+  };
+
+  /**
+  * @param {module:canvg.CanvgOptions} opts
+  * @returns {object}
+  * @todo Flesh out exactly what object is returned here (after updating to latest and reincluding our changes here and those of StackBlur)
+  */
+  function build(opts) {
+    var svg = { opts: opts };
+
+    svg.FRAMERATE = 30;
+    svg.MAX_VIRTUAL_PIXELS = 30000;
+
+    svg.log = function (msg) {};
+    if (svg.opts.log === true && typeof console !== 'undefined') {
+      svg.log = function (msg) {
+        console.log(msg);
+      };
+    }
+
+    // globals
+    svg.init = function (ctx) {
+      var uniqueId = 0;
+      svg.UniqueId = function () {
+        uniqueId++;
+        return 'canvg' + uniqueId;
+      };
+      svg.Definitions = {};
+      svg.Styles = {};
+      svg.Animations = [];
+      svg.Images = [];
+      svg.ctx = ctx;
+      svg.ViewPort = {
+        viewPorts: [],
+        Clear: function Clear() {
+          this.viewPorts = [];
+        },
+        SetCurrent: function SetCurrent(width, height) {
+          this.viewPorts.push({ width: width, height: height });
+        },
+        RemoveCurrent: function RemoveCurrent() {
+          this.viewPorts.pop();
+        },
+        Current: function Current() {
+          return this.viewPorts[this.viewPorts.length - 1];
+        },
+        width: function width() {
+          return this.Current().width;
+        },
+        height: function height() {
+          return this.Current().height;
+        },
+        ComputeSize: function ComputeSize(d) {
+          if (d != null && typeof d === 'number') return d;
+          if (d === 'x') return this.width();
+          if (d === 'y') return this.height();
+          return Math.sqrt(Math.pow(this.width(), 2) + Math.pow(this.height(), 2)) / Math.sqrt(2);
+        }
+      };
+    };
+    svg.init();
+
+    // images loaded
+    svg.ImagesLoaded = function () {
+      return svg.Images.every(function (img) {
+        return img.loaded;
+      });
+    };
+
+    // trim
+    svg.trim = function (s) {
+      return s.replace(/^\s+|\s+$/g, '');
+    };
+
+    // compress spaces
+    svg.compressSpaces = function (s) {
+      return s.replace(/[\s\r\t\n]+/gm, ' ');
+    };
+
+    // ajax
+    svg.ajax = function (url, asynch) {
+      var AJAX = window.XMLHttpRequest ? new XMLHttpRequest() : new window.ActiveXObject('Microsoft.XMLHTTP');
+      if (!AJAX) {
+        return null;
+      }
+      if (asynch) {
+        return new Promise(function (resolve, reject) {
+          var req = AJAX.open('GET', url, true);
+          req.addEventListener('load', function () {
+            resolve(AJAX.responseText);
+          });
+          AJAX.send(null);
+        });
+      }
+
+      AJAX.open('GET', url, false);
+      AJAX.send(null);
+      return AJAX.responseText;
+    };
+
+    // parse xml
+    svg.parseXml = function (xml) {
+      if (window.DOMParser) {
+        var parser = new DOMParser();
+        return parser.parseFromString(xml, 'text/xml');
+      } else {
+        xml = xml.replace(/<!DOCTYPE svg[^>]*>/, '');
+        var xmlDoc = new window.ActiveXObject('Microsoft.XMLDOM');
+        xmlDoc.async = 'false';
+        xmlDoc.loadXML(xml);
+        return xmlDoc;
+      }
+    };
+
+    // text extensions
+    // get the text baseline
+    var textBaselineMapping = {
+      baseline: 'alphabetic',
+      'before-edge': 'top',
+      'text-before-edge': 'top',
+      middle: 'middle',
+      central: 'middle',
+      'after-edge': 'bottom',
+      'text-after-edge': 'bottom',
+      ideographic: 'ideographic',
+      alphabetic: 'alphabetic',
+      hanging: 'hanging',
+      mathematical: 'alphabetic'
+    };
+
+    svg.Property = function () {
+      function Property(name, value) {
+        classCallCheck(this, Property);
+
+        this.name = name;
+        this.value = value;
+      }
+
+      createClass(Property, [{
+        key: 'getValue',
+        value: function getValue() {
+          return this.value;
+        }
+      }, {
+        key: 'hasValue',
+        value: function hasValue() {
+          return this.value != null && this.value !== '';
+        }
+
+        // return the numerical value of the property
+
+      }, {
+        key: 'numValue',
+        value: function numValue() {
+          if (!this.hasValue()) return 0;
+
+          var n = parseFloat(this.value);
+          if ((this.value + '').match(/%$/)) {
+            n = n / 100.0;
+          }
+          return n;
+        }
+      }, {
+        key: 'valueOrDefault',
+        value: function valueOrDefault(def) {
+          if (this.hasValue()) return this.value;
+          return def;
+        }
+      }, {
+        key: 'numValueOrDefault',
+        value: function numValueOrDefault(def) {
+          if (this.hasValue()) return this.numValue();
+          return def;
+        }
+
+        // color extensions
+        // augment the current color value with the opacity
+
+      }, {
+        key: 'addOpacity',
+        value: function addOpacity(opacityProp) {
+          var newValue = this.value;
+          if (opacityProp.value != null && opacityProp.value !== '' && typeof this.value === 'string') {
+            // can only add opacity to colors, not patterns
+            var color = new RGBColor(this.value);
+            if (color.ok) {
+              newValue = 'rgba(' + color.r + ', ' + color.g + ', ' + color.b + ', ' + opacityProp.numValue() + ')';
+            }
+          }
+          return new svg.Property(this.name, newValue);
+        }
+
+        // definition extensions
+        // get the definition from the definitions table
+
+      }, {
+        key: 'getDefinition',
+        value: function getDefinition() {
+          var name = this.value.match(/#([^)'"]+)/);
+          if (name) {
+            name = name[1];
+          }
+          if (!name) {
+            name = this.value;
+          }
+          return svg.Definitions[name];
+        }
+      }, {
+        key: 'isUrlDefinition',
+        value: function isUrlDefinition() {
+          return this.value.startsWith('url(');
+        }
+      }, {
+        key: 'getFillStyleDefinition',
+        value: function getFillStyleDefinition(e, opacityProp) {
+          var def = this.getDefinition();
+
+          // gradient
+          if (def != null && def.createGradient) {
+            return def.createGradient(svg.ctx, e, opacityProp);
+          }
+
+          // pattern
+          if (def != null && def.createPattern) {
+            if (def.getHrefAttribute().hasValue()) {
+              var pt = def.attribute('patternTransform');
+              def = def.getHrefAttribute().getDefinition();
+              if (pt.hasValue()) {
+                def.attribute('patternTransform', true).value = pt.value;
+              }
+            }
+            return def.createPattern(svg.ctx, e);
+          }
+
+          return null;
+        }
+
+        // length extensions
+
+      }, {
+        key: 'getDPI',
+        value: function getDPI(viewPort) {
+          return 96.0; // TODO: compute?
+        }
+      }, {
+        key: 'getEM',
+        value: function getEM(viewPort) {
+          var em = 12;
+
+          var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
+          if (fontSize.hasValue()) em = fontSize.toPixels(viewPort);
+
+          return em;
+        }
+      }, {
+        key: 'getUnits',
+        value: function getUnits() {
+          var s = this.value + '';
+          return s.replace(/[0-9.-]/g, '');
+        }
+
+        // get the length as pixels
+
+      }, {
+        key: 'toPixels',
+        value: function toPixels(viewPort, processPercent) {
+          if (!this.hasValue()) return 0;
+          var s = this.value + '';
+          if (s.match(/em$/)) return this.numValue() * this.getEM(viewPort);
+          if (s.match(/ex$/)) return this.numValue() * this.getEM(viewPort) / 2.0;
+          if (s.match(/px$/)) return this.numValue();
+          if (s.match(/pt$/)) return this.numValue() * this.getDPI(viewPort) * (1.0 / 72.0);
+          if (s.match(/pc$/)) return this.numValue() * 15;
+          if (s.match(/cm$/)) return this.numValue() * this.getDPI(viewPort) / 2.54;
+          if (s.match(/mm$/)) return this.numValue() * this.getDPI(viewPort) / 25.4;
+          if (s.match(/in$/)) return this.numValue() * this.getDPI(viewPort);
+          if (s.match(/%$/)) return this.numValue() * svg.ViewPort.ComputeSize(viewPort);
+          var n = this.numValue();
+          if (processPercent && n < 1.0) return n * svg.ViewPort.ComputeSize(viewPort);
+          return n;
+        }
+
+        // time extensions
+        // get the time as milliseconds
+
+      }, {
+        key: 'toMilliseconds',
+        value: function toMilliseconds() {
+          if (!this.hasValue()) return 0;
+          var s = this.value + '';
+          if (s.match(/s$/)) return this.numValue() * 1000;
+          if (s.match(/ms$/)) return this.numValue();
+          return this.numValue();
+        }
+
+        // angle extensions
+        // get the angle as radians
+
+      }, {
+        key: 'toRadians',
+        value: function toRadians() {
+          if (!this.hasValue()) return 0;
+          var s = this.value + '';
+          if (s.match(/deg$/)) return this.numValue() * (Math.PI / 180.0);
+          if (s.match(/grad$/)) return this.numValue() * (Math.PI / 200.0);
+          if (s.match(/rad$/)) return this.numValue();
+          return this.numValue() * (Math.PI / 180.0);
+        }
+      }, {
+        key: 'toTextBaseline',
+        value: function toTextBaseline() {
+          if (!this.hasValue()) return null;
+          return textBaselineMapping[this.value];
+        }
+      }]);
+      return Property;
+    }();
+
+    // fonts
+    svg.Font = {
+      Styles: 'normal|italic|oblique|inherit',
+      Variants: 'normal|small-caps|inherit',
+      Weights: 'normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900|inherit',
+
+      CreateFont: function CreateFont(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit) {
+        var f = inherit != null ? this.Parse(inherit) : this.CreateFont('', '', '', '', '', svg.ctx.font);
+        return {
+          fontFamily: fontFamily || f.fontFamily,
+          fontSize: fontSize || f.fontSize,
+          fontStyle: fontStyle || f.fontStyle,
+          fontWeight: fontWeight || f.fontWeight,
+          fontVariant: fontVariant || f.fontVariant,
+          toString: function toString() {
+            return [this.fontStyle, this.fontVariant, this.fontWeight, this.fontSize, this.fontFamily].join(' ');
+          }
+        };
+      },
+      Parse: function Parse(s) {
+        var _this = this;
+
+        var f = {};
+        var d = svg.trim(svg.compressSpaces(s || '')).split(' ');
+        var set$$1 = {
+          fontSize: false, fontStyle: false, fontWeight: false, fontVariant: false
+        };
+        var ff = '';
+        d.forEach(function (d) {
+          if (!set$$1.fontStyle && _this.Styles.includes(d)) {
+            if (d !== 'inherit') {
+              f.fontStyle = d;
+            }
+            set$$1.fontStyle = true;
+          } else if (!set$$1.fontVariant && _this.Variants.includes(d)) {
+            if (d !== 'inherit') {
+              f.fontVariant = d;
+            }
+            set$$1.fontStyle = set$$1.fontVariant = true;
+          } else if (!set$$1.fontWeight && _this.Weights.includes(d)) {
+            if (d !== 'inherit') {
+              f.fontWeight = d;
+            }
+            set$$1.fontStyle = set$$1.fontVariant = set$$1.fontWeight = true;
+          } else if (!set$$1.fontSize) {
+            if (d !== 'inherit') {
+              f.fontSize = d.split('/')[0];
+            }
+            set$$1.fontStyle = set$$1.fontVariant = set$$1.fontWeight = set$$1.fontSize = true;
+          } else {
+            if (d !== 'inherit') {
+              ff += d;
+            }
+          }
+        });
+        if (ff !== '') {
+          f.fontFamily = ff;
+        }
+        return f;
+      }
+    };
+
+    // points and paths
+    svg.ToNumberArray = function (s) {
+      var a = svg.trim(svg.compressSpaces((s || '').replace(/,/g, ' '))).split(' ');
+      return a.map(function (a) {
+        return parseFloat(a);
+      });
+    };
+    svg.Point = function () {
+      function _class(x, y) {
+        classCallCheck(this, _class);
+
+        this.x = x;
+        this.y = y;
+      }
+
+      createClass(_class, [{
+        key: 'angleTo',
+        value: function angleTo(p) {
+          return Math.atan2(p.y - this.y, p.x - this.x);
+        }
+      }, {
+        key: 'applyTransform',
+        value: function applyTransform(v) {
+          var xp = this.x * v[0] + this.y * v[2] + v[4];
+          var yp = this.x * v[1] + this.y * v[3] + v[5];
+          this.x = xp;
+          this.y = yp;
+        }
+      }]);
+      return _class;
+    }();
+
+    svg.CreatePoint = function (s) {
+      var a = svg.ToNumberArray(s);
+      return new svg.Point(a[0], a[1]);
+    };
+    svg.CreatePath = function (s) {
+      var a = svg.ToNumberArray(s);
+      var path = [];
+      for (var i = 0; i < a.length; i += 2) {
+        path.push(new svg.Point(a[i], a[i + 1]));
+      }
+      return path;
+    };
+
+    // bounding box
+    svg.BoundingBox = function () {
+      function _class2(x1, y1, x2, y2) {
+        classCallCheck(this, _class2);
+        // pass in initial points if you want
+        this.x1 = Number.NaN;
+        this.y1 = Number.NaN;
+        this.x2 = Number.NaN;
+        this.y2 = Number.NaN;
+        this.addPoint(x1, y1);
+        this.addPoint(x2, y2);
+      }
+
+      createClass(_class2, [{
+        key: 'x',
+        value: function x() {
+          return this.x1;
+        }
+      }, {
+        key: 'y',
+        value: function y() {
+          return this.y1;
+        }
+      }, {
+        key: 'width',
+        value: function width() {
+          return this.x2 - this.x1;
+        }
+      }, {
+        key: 'height',
+        value: function height() {
+          return this.y2 - this.y1;
+        }
+      }, {
+        key: 'addPoint',
+        value: function addPoint(x, y) {
+          if (x != null) {
+            if (isNaN(this.x1) || isNaN(this.x2)) {
+              this.x1 = x;
+              this.x2 = x;
+            }
+            if (x < this.x1) this.x1 = x;
+            if (x > this.x2) this.x2 = x;
+          }
+
+          if (y != null) {
+            if (isNaN(this.y1) || isNaN(this.y2)) {
+              this.y1 = y;
+              this.y2 = y;
+            }
+            if (y < this.y1) this.y1 = y;
+            if (y > this.y2) this.y2 = y;
+          }
+        }
+      }, {
+        key: 'addX',
+        value: function addX(x) {
+          this.addPoint(x, null);
+        }
+      }, {
+        key: 'addY',
+        value: function addY(y) {
+          this.addPoint(null, y);
+        }
+      }, {
+        key: 'addBoundingBox',
+        value: function addBoundingBox(bb) {
+          this.addPoint(bb.x1, bb.y1);
+          this.addPoint(bb.x2, bb.y2);
+        }
+      }, {
+        key: 'addQuadraticCurve',
+        value: function addQuadraticCurve(p0x, p0y, p1x, p1y, p2x, p2y) {
+          var cp1x = p0x + 2 / 3 * (p1x - p0x); // CP1 = QP0 + 2/3 *(QP1-QP0)
+          var cp1y = p0y + 2 / 3 * (p1y - p0y); // CP1 = QP0 + 2/3 *(QP1-QP0)
+          var cp2x = cp1x + 1 / 3 * (p2x - p0x); // CP2 = CP1 + 1/3 *(QP2-QP0)
+          var cp2y = cp1y + 1 / 3 * (p2y - p0y); // CP2 = CP1 + 1/3 *(QP2-QP0)
+          this.addBezierCurve(p0x, p0y, cp1x, cp2x, cp1y, cp2y, p2x, p2y);
+        }
+      }, {
+        key: 'addBezierCurve',
+        value: function addBezierCurve(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {
+          var _this2 = this;
+
+          // from http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html
+          var p0 = [p0x, p0y],
+              p1 = [p1x, p1y],
+              p2 = [p2x, p2y],
+              p3 = [p3x, p3y];
+          this.addPoint(p0[0], p0[1]);
+          this.addPoint(p3[0], p3[1]);
+
+          var _loop = function _loop(i) {
+            var f = function f(t) {
+              return Math.pow(1 - t, 3) * p0[i] + 3 * Math.pow(1 - t, 2) * t * p1[i] + 3 * (1 - t) * Math.pow(t, 2) * p2[i] + Math.pow(t, 3) * p3[i];
+            };
+
+            var b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
+            var a = -3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
+            var c = 3 * p1[i] - 3 * p0[i];
+
+            if (a === 0) {
+              if (b === 0) return 'continue';
+              var t = -c / b;
+              if (t > 0 && t < 1) {
+                if (i === 0) _this2.addX(f(t));
+                if (i === 1) _this2.addY(f(t));
+              }
+              return 'continue';
+            }
+
+            var b2ac = Math.pow(b, 2) - 4 * c * a;
+            if (b2ac < 0) return 'continue';
+            var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
+            if (t1 > 0 && t1 < 1) {
+              if (i === 0) _this2.addX(f(t1));
+              if (i === 1) _this2.addY(f(t1));
+            }
+            var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
+            if (t2 > 0 && t2 < 1) {
+              if (i === 0) _this2.addX(f(t2));
+              if (i === 1) _this2.addY(f(t2));
+            }
+          };
+
+          for (var i = 0; i <= 1; i++) {
+            var _ret = _loop(i);
+
+            if (_ret === 'continue') continue;
+          }
+        }
+      }, {
+        key: 'isPointInBox',
+        value: function isPointInBox(x, y) {
+          return this.x1 <= x && x <= this.x2 && this.y1 <= y && y <= this.y2;
+        }
+      }]);
+      return _class2;
+    }();
+
+    // transforms
+    svg.Transform = function () {
+      function _class3(v) {
+        var _this6 = this;
+
+        classCallCheck(this, _class3);
+
+        this.Type = {
+          translate: function translate(s) {
+            classCallCheck(this, translate);
+
+            this.p = svg.CreatePoint(s);
+            this.apply = function (ctx) {
+              ctx.translate(this.p.x || 0.0, this.p.y || 0.0);
+            };
+            this.unapply = function (ctx) {
+              ctx.translate(-1.0 * this.p.x || 0.0, -1.0 * this.p.y || 0.0);
+            };
+            this.applyToPoint = function (p) {
+              p.applyTransform([1, 0, 0, 1, this.p.x || 0.0, this.p.y || 0.0]);
+            };
+          },
+          rotate: function rotate(s) {
+            classCallCheck(this, rotate);
+
+            var a = svg.ToNumberArray(s);
+            this.angle = new svg.Property('angle', a[0]);
+            this.cx = a[1] || 0;
+            this.cy = a[2] || 0;
+            this.apply = function (ctx) {
+              ctx.translate(this.cx, this.cy);
+              ctx.rotate(this.angle.toRadians());
+              ctx.translate(-this.cx, -this.cy);
+            };
+            this.unapply = function (ctx) {
+              ctx.translate(this.cx, this.cy);
+              ctx.rotate(-1.0 * this.angle.toRadians());
+              ctx.translate(-this.cx, -this.cy);
+            };
+            this.applyToPoint = function (p) {
+              var a = this.angle.toRadians();
+              p.applyTransform([1, 0, 0, 1, this.p.x || 0.0, this.p.y || 0.0]);
+              p.applyTransform([Math.cos(a), Math.sin(a), -Math.sin(a), Math.cos(a), 0, 0]);
+              p.applyTransform([1, 0, 0, 1, -this.p.x || 0.0, -this.p.y || 0.0]);
+            };
+          },
+          scale: function scale(s) {
+            classCallCheck(this, scale);
+
+            this.p = svg.CreatePoint(s);
+            this.apply = function (ctx) {
+              ctx.scale(this.p.x || 1.0, this.p.y || this.p.x || 1.0);
+            };
+            this.unapply = function (ctx) {
+              ctx.scale(1.0 / this.p.x || 1.0, 1.0 / this.p.y || this.p.x || 1.0);
+            };
+            this.applyToPoint = function (p) {
+              p.applyTransform([this.p.x || 0.0, 0, 0, this.p.y || 0.0, 0, 0]);
+            };
+          },
+          matrix: function matrix(s) {
+            classCallCheck(this, matrix);
+
+            this.m = svg.ToNumberArray(s);
+            this.apply = function (ctx) {
+              ctx.transform(this.m[0], this.m[1], this.m[2], this.m[3], this.m[4], this.m[5]);
+            };
+            this.applyToPoint = function (p) {
+              p.applyTransform(this.m);
+            };
+          }
+        };
+        Object.assign(this.Type, {
+          SkewBase: function (_Type$matrix) {
+            inherits(SkewBase, _Type$matrix);
+
+            function SkewBase(s) {
+              classCallCheck(this, SkewBase);
+
+              var _this3 = possibleConstructorReturn(this, (SkewBase.__proto__ || Object.getPrototypeOf(SkewBase)).call(this, s));
+
+              _this3.angle = new svg.Property('angle', s);
+              return _this3;
+            }
+
+            return SkewBase;
+          }(this.Type.matrix)
+        });
+        Object.assign(this.Type, {
+          skewX: function (_Type$SkewBase) {
+            inherits(skewX, _Type$SkewBase);
+
+            function skewX(s) {
+              classCallCheck(this, skewX);
+
+              var _this4 = possibleConstructorReturn(this, (skewX.__proto__ || Object.getPrototypeOf(skewX)).call(this, s));
+
+              _this4.m = [1, 0, Math.tan(_this4.angle.toRadians()), 1, 0, 0];
+              return _this4;
+            }
+
+            return skewX;
+          }(this.Type.SkewBase),
+          skewY: function (_Type$SkewBase2) {
+            inherits(skewY, _Type$SkewBase2);
+
+            function skewY(s) {
+              classCallCheck(this, skewY);
+
+              var _this5 = possibleConstructorReturn(this, (skewY.__proto__ || Object.getPrototypeOf(skewY)).call(this, s));
+
+              _this5.m = [1, Math.tan(_this5.angle.toRadians()), 0, 1, 0, 0];
+              return _this5;
+            }
+
+            return skewY;
+          }(this.Type.SkewBase)
+        });
+
+        var data = svg.trim(svg.compressSpaces(v)).replace(/\)([a-zA-Z])/g, ') $1').replace(/\)(\s?,\s?)/g, ') ').split(/\s(?=[a-z])/);
+        this.transforms = data.map(function (d) {
+          var type = svg.trim(d.split('(')[0]);
+          var s = d.split('(')[1].replace(')', '');
+          var transform = new _this6.Type[type](s);
+          transform.type = type;
+          return transform;
+        });
+      }
+
+      createClass(_class3, [{
+        key: 'apply',
+        value: function apply(ctx) {
+          this.transforms.forEach(function (transform) {
+            transform.apply(ctx);
+          });
+        }
+      }, {
+        key: 'unapply',
+        value: function unapply(ctx) {
+          for (var i = this.transforms.length - 1; i >= 0; i--) {
+            this.transforms[i].unapply(ctx);
+          }
+        }
+      }, {
+        key: 'applyToPoint',
+        value: function applyToPoint(p) {
+          this.transforms.forEach(function (transform) {
+            transform.applyToPoint(p);
+          });
+        }
+      }]);
+      return _class3;
+    }();
+
+    // aspect ratio
+    svg.AspectRatio = function (ctx, aspectRatio, width, desiredWidth, height, desiredHeight, minX, minY, refX, refY) {
+      // aspect ratio - https://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute
+      aspectRatio = svg.compressSpaces(aspectRatio);
+      aspectRatio = aspectRatio.replace(/^defer\s/, ''); // ignore defer
+      var align = aspectRatio.split(' ')[0] || 'xMidYMid';
+      var meetOrSlice = aspectRatio.split(' ')[1] || 'meet';
+
+      // calculate scale
+      var scaleX = width / desiredWidth;
+      var scaleY = height / desiredHeight;
+      var scaleMin = Math.min(scaleX, scaleY);
+      var scaleMax = Math.max(scaleX, scaleY);
+      if (meetOrSlice === 'meet') {
+        desiredWidth *= scaleMin;desiredHeight *= scaleMin;
+      }
+      if (meetOrSlice === 'slice') {
+        desiredWidth *= scaleMax;desiredHeight *= scaleMax;
+      }
+
+      refX = new svg.Property('refX', refX);
+      refY = new svg.Property('refY', refY);
+      if (refX.hasValue() && refY.hasValue()) {
+        ctx.translate(-scaleMin * refX.toPixels('x'), -scaleMin * refY.toPixels('y'));
+      } else {
+        // align
+        if (align.match(/^xMid/) && (meetOrSlice === 'meet' && scaleMin === scaleY || meetOrSlice === 'slice' && scaleMax === scaleY)) ctx.translate(width / 2.0 - desiredWidth / 2.0, 0);
+        if (align.match(/YMid$/) && (meetOrSlice === 'meet' && scaleMin === scaleX || meetOrSlice === 'slice' && scaleMax === scaleX)) ctx.translate(0, height / 2.0 - desiredHeight / 2.0);
+        if (align.match(/^xMax/) && (meetOrSlice === 'meet' && scaleMin === scaleY || meetOrSlice === 'slice' && scaleMax === scaleY)) ctx.translate(width - desiredWidth, 0);
+        if (align.match(/YMax$/) && (meetOrSlice === 'meet' && scaleMin === scaleX || meetOrSlice === 'slice' && scaleMax === scaleX)) ctx.translate(0, height - desiredHeight);
+      }
+
+      // scale
+      if (align === 'none') ctx.scale(scaleX, scaleY);else if (meetOrSlice === 'meet') ctx.scale(scaleMin, scaleMin);else if (meetOrSlice === 'slice') ctx.scale(scaleMax, scaleMax);
+
+      // translate
+      ctx.translate(minX == null ? 0 : -minX, minY == null ? 0 : -minY);
+    };
+
+    // elements
+    svg.Element = {};
+
+    svg.EmptyProperty = new svg.Property('EMPTY', '');
+
+    svg.Element.ElementBase = function () {
+      function _class4(node) {
+        var _this7 = this;
+
+        classCallCheck(this, _class4);
+
+        this.captureTextNodes = arguments[1]; // Argument from inheriting class
+        this.attributes = {};
+        this.styles = {};
+        this.children = [];
+        if (node != null && node.nodeType === 1) {
+          // ELEMENT_NODE
+          // add children
+          [].concat(toConsumableArray(node.childNodes)).forEach(function (childNode) {
+            if (childNode.nodeType === 1) {
+              _this7.addChild(childNode, true); // ELEMENT_NODE
+            }
+            if (_this7.captureTextNodes && (childNode.nodeType === 3 || childNode.nodeType === 4)) {
+              var text = childNode.nodeValue || childNode.text || '';
+              if (svg.trim(svg.compressSpaces(text)) !== '') {
+                _this7.addChild(new svg.Element.tspan(childNode), false); // TEXT_NODE
+              }
+            }
+          });
+
+          // add attributes
+          [].concat(toConsumableArray(node.attributes)).forEach(function (_ref) {
+            var nodeName = _ref.nodeName,
+                nodeValue = _ref.nodeValue;
+
+            _this7.attributes[nodeName] = new svg.Property(nodeName, nodeValue);
+          });
+          // add tag styles
+          var styles = svg.Styles[node.nodeName];
+          if (styles != null) {
+            for (var name in styles) {
+              this.styles[name] = styles[name];
+            }
+          }
+
+          // add class styles
+          if (this.attribute('class').hasValue()) {
+            var classes = svg.compressSpaces(this.attribute('class').value).split(' ');
+            classes.forEach(function (clss) {
+              styles = svg.Styles['.' + clss];
+              if (styles != null) {
+                for (var _name in styles) {
+                  _this7.styles[_name] = styles[_name];
+                }
+              }
+              styles = svg.Styles[node.nodeName + '.' + clss];
+              if (styles != null) {
+                for (var _name2 in styles) {
+                  _this7.styles[_name2] = styles[_name2];
+                }
+              }
+            });
+          }
+
+          // add id styles
+          if (this.attribute('id').hasValue()) {
+            var _styles = svg.Styles['#' + this.attribute('id').value];
+            if (_styles != null) {
+              for (var _name3 in _styles) {
+                this.styles[_name3] = _styles[_name3];
+              }
+            }
+          }
+
+          // add inline styles
+          if (this.attribute('style').hasValue()) {
+            var _styles2 = this.attribute('style').value.split(';');
+            _styles2.forEach(function (style) {
+              if (svg.trim(style) !== '') {
+                var _style$split = style.split(':'),
+                    _name4 = _style$split.name,
+                    value = _style$split.value;
+
+                _name4 = svg.trim(_name4);
+                value = svg.trim(value);
+                _this7.styles[_name4] = new svg.Property(_name4, value);
+              }
+            });
+          }
+
+          // add id
+          if (this.attribute('id').hasValue()) {
+            if (svg.Definitions[this.attribute('id').value] == null) {
+              svg.Definitions[this.attribute('id').value] = this;
+            }
+          }
+        }
+      }
+
+      // get or create attribute
+
+
+      createClass(_class4, [{
+        key: 'attribute',
+        value: function attribute(name, createIfNotExists) {
+          var a = this.attributes[name];
+          if (a != null) return a;
+
+          if (createIfNotExists === true) {
+            a = new svg.Property(name, '');this.attributes[name] = a;
+          }
+          return a || svg.EmptyProperty;
+        }
+      }, {
+        key: 'getHrefAttribute',
+        value: function getHrefAttribute() {
+          for (var a in this.attributes) {
+            if (a.match(/:href$/)) {
+              return this.attributes[a];
+            }
+          }
+          return svg.EmptyProperty;
+        }
+
+        // get or create style, crawls up node tree
+
+      }, {
+        key: 'style',
+        value: function style(name, createIfNotExists, skipAncestors) {
+          var s = this.styles[name];
+          if (s != null) return s;
+
+          var a = this.attribute(name);
+          if (a != null && a.hasValue()) {
+            this.styles[name] = a; // move up to me to cache
+            return a;
+          }
+
+          if (skipAncestors !== true) {
+            var p = this.parent;
+            if (p != null) {
+              var ps = p.style(name);
+              if (ps != null && ps.hasValue()) {
+                return ps;
+              }
+            }
+          }
+
+          if (createIfNotExists === true) {
+            s = new svg.Property(name, '');this.styles[name] = s;
+          }
+          return s || svg.EmptyProperty;
+        }
+
+        // base render
+
+      }, {
+        key: 'render',
+        value: function render(ctx) {
+          // don't render display=none
+          if (this.style('display').value === 'none') return;
+
+          // don't render visibility=hidden
+          if (this.style('visibility').value === 'hidden') return;
+
+          ctx.save();
+          if (this.attribute('mask').hasValue()) {
+            // mask
+            var mask = this.attribute('mask').getDefinition();
+            if (mask != null) mask.apply(ctx, this);
+          } else if (this.style('filter').hasValue()) {
+            // filter
+            var filter = this.style('filter').getDefinition();
+            if (filter != null) filter.apply(ctx, this);
+          } else {
+            this.setContext(ctx);
+            this.renderChildren(ctx);
+            this.clearContext(ctx);
+          }
+          ctx.restore();
+        }
+
+        // base set context
+
+      }, {
+        key: 'setContext',
+        value: function setContext(ctx) {}
+        // OVERRIDE ME!
+
+
+        // base clear context
+
+      }, {
+        key: 'clearContext',
+        value: function clearContext(ctx) {}
+        // OVERRIDE ME!
+
+
+        // base render children
+
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          this.children.forEach(function (child) {
+            child.render(ctx);
+          });
+        }
+      }, {
+        key: 'addChild',
+        value: function addChild(childNode, create) {
+          var child = create ? svg.CreateElement(childNode) : childNode;
+          child.parent = this;
+          if (child.type !== 'title') {
+            this.children.push(child);
+          }
+        }
+      }]);
+      return _class4;
+    }();
+
+    svg.Element.RenderedElementBase = function (_svg$Element$ElementB) {
+      inherits(_class5, _svg$Element$ElementB);
+
+      function _class5() {
+        classCallCheck(this, _class5);
+        return possibleConstructorReturn(this, (_class5.__proto__ || Object.getPrototypeOf(_class5)).apply(this, arguments));
+      }
+
+      createClass(_class5, [{
+        key: 'setContext',
+        value: function setContext(ctx) {
+          // fill
+          if (this.style('fill').isUrlDefinition()) {
+            var fs = this.style('fill').getFillStyleDefinition(this, this.style('fill-opacity'));
+            if (fs != null) ctx.fillStyle = fs;
+          } else if (this.style('fill').hasValue()) {
+            var fillStyle = this.style('fill');
+            if (fillStyle.value === 'currentColor') fillStyle.value = this.style('color').value;
+            ctx.fillStyle = fillStyle.value === 'none' ? 'rgba(0,0,0,0)' : fillStyle.value;
+          }
+          if (this.style('fill-opacity').hasValue()) {
+            var _fillStyle = new svg.Property('fill', ctx.fillStyle);
+            _fillStyle = _fillStyle.addOpacity(this.style('fill-opacity'));
+            ctx.fillStyle = _fillStyle.value;
+          }
+
+          // stroke
+          if (this.style('stroke').isUrlDefinition()) {
+            var _fs = this.style('stroke').getFillStyleDefinition(this, this.style('stroke-opacity'));
+            if (_fs != null) ctx.strokeStyle = _fs;
+          } else if (this.style('stroke').hasValue()) {
+            var strokeStyle = this.style('stroke');
+            if (strokeStyle.value === 'currentColor') strokeStyle.value = this.style('color').value;
+            ctx.strokeStyle = strokeStyle.value === 'none' ? 'rgba(0,0,0,0)' : strokeStyle.value;
+          }
+          if (this.style('stroke-opacity').hasValue()) {
+            var _strokeStyle = new svg.Property('stroke', ctx.strokeStyle);
+            _strokeStyle = _strokeStyle.addOpacity(this.style('stroke-opacity'));
+            ctx.strokeStyle = _strokeStyle.value;
+          }
+          if (this.style('stroke-width').hasValue()) {
+            var newLineWidth = this.style('stroke-width').toPixels();
+            ctx.lineWidth = newLineWidth === 0 ? 0.001 : newLineWidth; // browsers don't respect 0
+          }
+          if (this.style('stroke-linecap').hasValue()) ctx.lineCap = this.style('stroke-linecap').value;
+          if (this.style('stroke-linejoin').hasValue()) ctx.lineJoin = this.style('stroke-linejoin').value;
+          if (this.style('stroke-miterlimit').hasValue()) ctx.miterLimit = this.style('stroke-miterlimit').value;
+          if (this.style('stroke-dasharray').hasValue() && this.style('stroke-dasharray').value !== 'none') {
+            var gaps = svg.ToNumberArray(this.style('stroke-dasharray').value);
+            if (typeof ctx.setLineDash !== 'undefined') {
+              ctx.setLineDash(gaps);
+            } else if (typeof ctx.webkitLineDash !== 'undefined') {
+              ctx.webkitLineDash = gaps;
+            } else if (typeof ctx.mozDash !== 'undefined' && !(gaps.length === 1 && gaps[0] === 0)) {
+              ctx.mozDash = gaps;
+            }
+
+            var offset = this.style('stroke-dashoffset').numValueOrDefault(1);
+            if (typeof ctx.lineDashOffset !== 'undefined') {
+              ctx.lineDashOffset = offset;
+            } else if (typeof ctx.webkitLineDashOffset !== 'undefined') {
+              ctx.webkitLineDashOffset = offset;
+            } else if (typeof ctx.mozDashOffset !== 'undefined') {
+              ctx.mozDashOffset = offset;
+            }
+          }
+
+          // font
+          if (typeof ctx.font !== 'undefined') {
+            ctx.font = svg.Font.CreateFont(this.style('font-style').value, this.style('font-variant').value, this.style('font-weight').value, this.style('font-size').hasValue() ? this.style('font-size').toPixels() + 'px' : '', this.style('font-family').value).toString();
+          }
+
+          // transform
+          if (this.attribute('transform').hasValue()) {
+            var transform = new svg.Transform(this.attribute('transform').value);
+            transform.apply(ctx);
+          }
+
+          // clip
+          if (this.style('clip-path', false, true).hasValue()) {
+            var clip = this.style('clip-path', false, true).getDefinition();
+            if (clip != null) clip.apply(ctx);
+          }
+
+          // opacity
+          if (this.style('opacity').hasValue()) {
+            ctx.globalAlpha = this.style('opacity').numValue();
+          }
+        }
+      }]);
+      return _class5;
+    }(svg.Element.ElementBase);
+
+    svg.Element.PathElementBase = function (_svg$Element$Rendered) {
+      inherits(_class6, _svg$Element$Rendered);
+
+      function _class6() {
+        classCallCheck(this, _class6);
+        return possibleConstructorReturn(this, (_class6.__proto__ || Object.getPrototypeOf(_class6)).apply(this, arguments));
+      }
+
+      createClass(_class6, [{
+        key: 'path',
+        value: function path(ctx) {
+          if (ctx != null) ctx.beginPath();
+          return new svg.BoundingBox();
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          this.path(ctx);
+          svg.Mouse.checkPath(this, ctx);
+          if (ctx.fillStyle !== '') {
+            if (this.style('fill-rule').valueOrDefault('inherit') !== 'inherit') {
+              ctx.fill(this.style('fill-rule').value);
+            } else {
+              ctx.fill();
+            }
+          }
+          if (ctx.strokeStyle !== '') ctx.stroke();
+
+          var markers = this.getMarkers();
+          if (markers != null) {
+            if (this.style('marker-start').isUrlDefinition()) {
+              var marker = this.style('marker-start').getDefinition();
+              marker.render(ctx, markers[0][0], markers[0][1]);
+            }
+            if (this.style('marker-mid').isUrlDefinition()) {
+              var _marker = this.style('marker-mid').getDefinition();
+              for (var i = 1; i < markers.length - 1; i++) {
+                _marker.render(ctx, markers[i][0], markers[i][1]);
+              }
+            }
+            if (this.style('marker-end').isUrlDefinition()) {
+              var _marker2 = this.style('marker-end').getDefinition();
+              _marker2.render(ctx, markers[markers.length - 1][0], markers[markers.length - 1][1]);
+            }
+          }
+        }
+      }, {
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          return this.path();
+        }
+      }, {
+        key: 'getMarkers',
+        value: function getMarkers() {
+          return null;
+        }
+      }]);
+      return _class6;
+    }(svg.Element.RenderedElementBase);
+
+    // svg element
+    svg.Element.svg = function (_svg$Element$Rendered2) {
+      inherits(_class7, _svg$Element$Rendered2);
+
+      function _class7() {
+        classCallCheck(this, _class7);
+        return possibleConstructorReturn(this, (_class7.__proto__ || Object.getPrototypeOf(_class7)).apply(this, arguments));
+      }
+
+      createClass(_class7, [{
+        key: 'clearContext',
+        value: function clearContext(ctx) {
+          get(_class7.prototype.__proto__ || Object.getPrototypeOf(_class7.prototype), 'clearContext', this).call(this, ctx);
+          svg.ViewPort.RemoveCurrent();
+        }
+      }, {
+        key: 'setContext',
+        value: function setContext(ctx) {
+          // initial values and defaults
+          ctx.strokeStyle = 'rgba(0,0,0,0)';
+          ctx.lineCap = 'butt';
+          ctx.lineJoin = 'miter';
+          ctx.miterLimit = 4;
+          if (typeof ctx.font !== 'undefined' && typeof window.getComputedStyle !== 'undefined') {
+            ctx.font = window.getComputedStyle(ctx.canvas).getPropertyValue('font');
+          }
+
+          get(_class7.prototype.__proto__ || Object.getPrototypeOf(_class7.prototype), 'setContext', this).call(this, ctx);
+
+          // create new view port
+          if (!this.attribute('x').hasValue()) this.attribute('x', true).value = 0;
+          if (!this.attribute('y').hasValue()) this.attribute('y', true).value = 0;
+          ctx.translate(this.attribute('x').toPixels('x'), this.attribute('y').toPixels('y'));
+
+          var width = svg.ViewPort.width();
+          var height = svg.ViewPort.height();
+
+          if (!this.attribute('width').hasValue()) this.attribute('width', true).value = '100%';
+          if (!this.attribute('height').hasValue()) this.attribute('height', true).value = '100%';
+          if (typeof this.root === 'undefined') {
+            width = this.attribute('width').toPixels('x');
+            height = this.attribute('height').toPixels('y');
+
+            var x = 0;
+            var y = 0;
+            if (this.attribute('refX').hasValue() && this.attribute('refY').hasValue()) {
+              x = -this.attribute('refX').toPixels('x');
+              y = -this.attribute('refY').toPixels('y');
+            }
+
+            if (this.attribute('overflow').valueOrDefault('hidden') !== 'visible') {
+              ctx.beginPath();
+              ctx.moveTo(x, y);
+              ctx.lineTo(width, y);
+              ctx.lineTo(width, height);
+              ctx.lineTo(x, height);
+              ctx.closePath();
+              ctx.clip();
+            }
+          }
+          svg.ViewPort.SetCurrent(width, height);
+
+          // viewbox
+          if (this.attribute('viewBox').hasValue()) {
+            var viewBox = svg.ToNumberArray(this.attribute('viewBox').value);
+            var minX = viewBox[0];
+            var minY = viewBox[1];
+            width = viewBox[2];
+            height = viewBox[3];
+
+            svg.AspectRatio(ctx, this.attribute('preserveAspectRatio').value, svg.ViewPort.width(), width, svg.ViewPort.height(), height, minX, minY, this.attribute('refX').value, this.attribute('refY').value);
+
+            svg.ViewPort.RemoveCurrent();
+            svg.ViewPort.SetCurrent(viewBox[2], viewBox[3]);
+          }
+        }
+      }]);
+      return _class7;
+    }(svg.Element.RenderedElementBase);
+
+    // rect element
+    svg.Element.rect = function (_svg$Element$PathElem) {
+      inherits(_class8, _svg$Element$PathElem);
+
+      function _class8() {
+        classCallCheck(this, _class8);
+        return possibleConstructorReturn(this, (_class8.__proto__ || Object.getPrototypeOf(_class8)).apply(this, arguments));
+      }
+
+      createClass(_class8, [{
+        key: 'path',
+        value: function path(ctx) {
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+          var width = this.attribute('width').toPixels('x');
+          var height = this.attribute('height').toPixels('y');
+          var rx = this.attribute('rx').toPixels('x');
+          var ry = this.attribute('ry').toPixels('y');
+          if (this.attribute('rx').hasValue() && !this.attribute('ry').hasValue()) ry = rx;
+          if (this.attribute('ry').hasValue() && !this.attribute('rx').hasValue()) rx = ry;
+          rx = Math.min(rx, width / 2.0);
+          ry = Math.min(ry, height / 2.0);
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.moveTo(x + rx, y);
+            ctx.lineTo(x + width - rx, y);
+            ctx.quadraticCurveTo(x + width, y, x + width, y + ry);
+            ctx.lineTo(x + width, y + height - ry);
+            ctx.quadraticCurveTo(x + width, y + height, x + width - rx, y + height);
+            ctx.lineTo(x + rx, y + height);
+            ctx.quadraticCurveTo(x, y + height, x, y + height - ry);
+            ctx.lineTo(x, y + ry);
+            ctx.quadraticCurveTo(x, y, x + rx, y);
+            ctx.closePath();
+          }
+
+          return new svg.BoundingBox(x, y, x + width, y + height);
+        }
+      }]);
+      return _class8;
+    }(svg.Element.PathElementBase);
+
+    // circle element
+    svg.Element.circle = function (_svg$Element$PathElem2) {
+      inherits(_class9, _svg$Element$PathElem2);
+
+      function _class9() {
+        classCallCheck(this, _class9);
+        return possibleConstructorReturn(this, (_class9.__proto__ || Object.getPrototypeOf(_class9)).apply(this, arguments));
+      }
+
+      createClass(_class9, [{
+        key: 'path',
+        value: function path(ctx) {
+          var cx = this.attribute('cx').toPixels('x');
+          var cy = this.attribute('cy').toPixels('y');
+          var r = this.attribute('r').toPixels();
+
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.arc(cx, cy, r, 0, Math.PI * 2, true);
+            ctx.closePath();
+          }
+
+          return new svg.BoundingBox(cx - r, cy - r, cx + r, cy + r);
+        }
+      }]);
+      return _class9;
+    }(svg.Element.PathElementBase);
+
+    // ellipse element
+    var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);
+    svg.Element.ellipse = function (_svg$Element$PathElem3) {
+      inherits(_class10, _svg$Element$PathElem3);
+
+      function _class10() {
+        classCallCheck(this, _class10);
+        return possibleConstructorReturn(this, (_class10.__proto__ || Object.getPrototypeOf(_class10)).apply(this, arguments));
+      }
+
+      createClass(_class10, [{
+        key: 'path',
+        value: function path(ctx) {
+          var rx = this.attribute('rx').toPixels('x');
+          var ry = this.attribute('ry').toPixels('y');
+          var cx = this.attribute('cx').toPixels('x');
+          var cy = this.attribute('cy').toPixels('y');
+
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.moveTo(cx, cy - ry);
+            ctx.bezierCurveTo(cx + KAPPA * rx, cy - ry, cx + rx, cy - KAPPA * ry, cx + rx, cy);
+            ctx.bezierCurveTo(cx + rx, cy + KAPPA * ry, cx + KAPPA * rx, cy + ry, cx, cy + ry);
+            ctx.bezierCurveTo(cx - KAPPA * rx, cy + ry, cx - rx, cy + KAPPA * ry, cx - rx, cy);
+            ctx.bezierCurveTo(cx - rx, cy - KAPPA * ry, cx - KAPPA * rx, cy - ry, cx, cy - ry);
+            ctx.closePath();
+          }
+
+          return new svg.BoundingBox(cx - rx, cy - ry, cx + rx, cy + ry);
+        }
+      }]);
+      return _class10;
+    }(svg.Element.PathElementBase);
+
+    // line element
+    svg.Element.line = function (_svg$Element$PathElem4) {
+      inherits(_class11, _svg$Element$PathElem4);
+
+      function _class11() {
+        classCallCheck(this, _class11);
+        return possibleConstructorReturn(this, (_class11.__proto__ || Object.getPrototypeOf(_class11)).apply(this, arguments));
+      }
+
+      createClass(_class11, [{
+        key: 'getPoints',
+        value: function getPoints() {
+          return [new svg.Point(this.attribute('x1').toPixels('x'), this.attribute('y1').toPixels('y')), new svg.Point(this.attribute('x2').toPixels('x'), this.attribute('y2').toPixels('y'))];
+        }
+      }, {
+        key: 'path',
+        value: function path(ctx) {
+          var points = this.getPoints();
+
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.moveTo(points[0].x, points[0].y);
+            ctx.lineTo(points[1].x, points[1].y);
+          }
+
+          return new svg.BoundingBox(points[0].x, points[0].y, points[1].x, points[1].y);
+        }
+      }, {
+        key: 'getMarkers',
+        value: function getMarkers() {
+          var points = this.getPoints();
+          var a = points[0].angleTo(points[1]);
+          return [[points[0], a], [points[1], a]];
+        }
+      }]);
+      return _class11;
+    }(svg.Element.PathElementBase);
+
+    // polyline element
+    svg.Element.polyline = function (_svg$Element$PathElem5) {
+      inherits(_class12, _svg$Element$PathElem5);
+
+      function _class12(node) {
+        classCallCheck(this, _class12);
+
+        var _this15 = possibleConstructorReturn(this, (_class12.__proto__ || Object.getPrototypeOf(_class12)).call(this, node));
+
+        _this15.points = svg.CreatePath(_this15.attribute('points').value);
+        return _this15;
+      }
+
+      createClass(_class12, [{
+        key: 'path',
+        value: function path(ctx) {
+          var _points$ = this.points[0],
+              x = _points$.x,
+              y = _points$.y;
+
+          var bb = new svg.BoundingBox(x, y);
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.moveTo(x, y);
+          }
+          for (var i = 1; i < this.points.length; i++) {
+            var _points$i = this.points[i],
+                _x = _points$i.x,
+                _y = _points$i.y;
+
+            bb.addPoint(_x, _y);
+            if (ctx != null) ctx.lineTo(_x, _y);
+          }
+          return bb;
+        }
+      }, {
+        key: 'getMarkers',
+        value: function getMarkers() {
+          var markers = [];
+          for (var i = 0; i < this.points.length - 1; i++) {
+            markers.push([this.points[i], this.points[i].angleTo(this.points[i + 1])]);
+          }
+          markers.push([this.points[this.points.length - 1], markers[markers.length - 1][1]]);
+          return markers;
+        }
+      }]);
+      return _class12;
+    }(svg.Element.PathElementBase);
+
+    // polygon element
+    svg.Element.polygon = function (_svg$Element$polyline) {
+      inherits(_class13, _svg$Element$polyline);
+
+      function _class13() {
+        classCallCheck(this, _class13);
+        return possibleConstructorReturn(this, (_class13.__proto__ || Object.getPrototypeOf(_class13)).apply(this, arguments));
+      }
+
+      createClass(_class13, [{
+        key: 'path',
+        value: function path(ctx) {
+          var bb = get(_class13.prototype.__proto__ || Object.getPrototypeOf(_class13.prototype), 'path', this).call(this, ctx);
+          if (ctx != null) {
+            ctx.lineTo(this.points[0].x, this.points[0].y);
+            ctx.closePath();
+          }
+          return bb;
+        }
+      }]);
+      return _class13;
+    }(svg.Element.polyline);
+
+    // path element
+    svg.Element.path = function (_svg$Element$PathElem6) {
+      inherits(_class14, _svg$Element$PathElem6);
+
+      function _class14(node) {
+        classCallCheck(this, _class14);
+
+        var _this17 = possibleConstructorReturn(this, (_class14.__proto__ || Object.getPrototypeOf(_class14)).call(this, node));
+
+        var d = _this17.attribute('d').value
+        // TODO: convert to real lexer based on https://www.w3.org/TR/SVG11/paths.html#PathDataBNF
+        .replace(/,/gm, ' ') // get rid of all commas
+        .replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // separate commands from commands
+        .replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // separate commands from commands
+        .replace(/([MmZzLlHhVvCcSsQqTtAa])([^\s])/gm, '$1 $2') // separate commands from points
+        .replace(/([^\s])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // separate commands from points
+        .replace(/([0-9])([+-])/gm, '$1 $2') // separate digits when no comma
+        .replace(/(\.[0-9]*)(\.)/gm, '$1 $2') // separate digits when no comma
+        .replace(/([Aa](\s+[0-9]+){3})\s+([01])\s*([01])/gm, '$1 $3 $4 '); // shorthand elliptical arc path syntax
+        d = svg.compressSpaces(d); // compress multiple spaces
+        d = svg.trim(d);
+        _this17.PathParser = {
+          tokens: d.split(' '),
+
+          reset: function reset() {
+            this.i = -1;
+            this.command = '';
+            this.previousCommand = '';
+            this.start = new svg.Point(0, 0);
+            this.control = new svg.Point(0, 0);
+            this.current = new svg.Point(0, 0);
+            this.points = [];
+            this.angles = [];
+          },
+          isEnd: function isEnd() {
+            return this.i >= this.tokens.length - 1;
+          },
+          isCommandOrEnd: function isCommandOrEnd() {
+            if (this.isEnd()) return true;
+            return this.tokens[this.i + 1].match(/^[A-Za-z]$/) != null;
+          },
+          isRelativeCommand: function isRelativeCommand() {
+            switch (this.command) {
+              case 'm':
+              case 'l':
+              case 'h':
+              case 'v':
+              case 'c':
+              case 's':
+              case 'q':
+              case 't':
+              case 'a':
+              case 'z':
+                return true;
+            }
+            return false;
+          },
+          getToken: function getToken() {
+            this.i++;
+            return this.tokens[this.i];
+          },
+          getScalar: function getScalar() {
+            return parseFloat(this.getToken());
+          },
+          nextCommand: function nextCommand() {
+            this.previousCommand = this.command;
+            this.command = this.getToken();
+          },
+          getPoint: function getPoint() {
+            var p = new svg.Point(this.getScalar(), this.getScalar());
+            return this.makeAbsolute(p);
+          },
+          getAsControlPoint: function getAsControlPoint() {
+            var p = this.getPoint();
+            this.control = p;
+            return p;
+          },
+          getAsCurrentPoint: function getAsCurrentPoint() {
+            var p = this.getPoint();
+            this.current = p;
+            return p;
+          },
+          getReflectedControlPoint: function getReflectedControlPoint() {
+            if (this.previousCommand.toLowerCase() !== 'c' && this.previousCommand.toLowerCase() !== 's' && this.previousCommand.toLowerCase() !== 'q' && this.previousCommand.toLowerCase() !== 't') {
+              return this.current;
+            }
+
+            // reflect point
+            var p = new svg.Point(2 * this.current.x - this.control.x, 2 * this.current.y - this.control.y);
+            return p;
+          },
+          makeAbsolute: function makeAbsolute(p) {
+            if (this.isRelativeCommand()) {
+              p.x += this.current.x;
+              p.y += this.current.y;
+            }
+            return p;
+          },
+          addMarker: function addMarker(p, from, priorTo) {
+            // if the last angle isn't filled in because we didn't have this point yet ...
+            if (priorTo != null && this.angles.length > 0 && this.angles[this.angles.length - 1] == null) {
+              this.angles[this.angles.length - 1] = this.points[this.points.length - 1].angleTo(priorTo);
+            }
+            this.addMarkerAngle(p, from == null ? null : from.angleTo(p));
+          },
+          addMarkerAngle: function addMarkerAngle(p, a) {
+            this.points.push(p);
+            this.angles.push(a);
+          },
+          getMarkerPoints: function getMarkerPoints() {
+            return this.points;
+          },
+          getMarkerAngles: function getMarkerAngles() {
+            for (var i = 0; i < this.angles.length; i++) {
+              if (this.angles[i] == null) {
+                for (var j = i + 1; j < this.angles.length; j++) {
+                  if (this.angles[j] != null) {
+                    this.angles[i] = this.angles[j];
+                    break;
+                  }
+                }
+              }
+            }
+            return this.angles;
+          }
+        };
+        return _this17;
+      }
+
+      createClass(_class14, [{
+        key: 'path',
+        value: function path(ctx) {
+          var pp = this.PathParser;
+          pp.reset();
+
+          var bb = new svg.BoundingBox();
+          if (ctx != null) ctx.beginPath();
+          while (!pp.isEnd()) {
+            pp.nextCommand();
+            switch (pp.command) {
+              case 'M':
+              case 'm':
+                var p = pp.getAsCurrentPoint();
+                pp.addMarker(p);
+                bb.addPoint(p.x, p.y);
+                if (ctx != null) ctx.moveTo(p.x, p.y);
+                pp.start = pp.current;
+                while (!pp.isCommandOrEnd()) {
+                  var _p = pp.getAsCurrentPoint();
+                  pp.addMarker(_p, pp.start);
+                  bb.addPoint(_p.x, _p.y);
+                  if (ctx != null) ctx.lineTo(_p.x, _p.y);
+                }
+                break;
+              case 'L':
+              case 'l':
+                while (!pp.isCommandOrEnd()) {
+                  var _c = pp.current;
+                  var _p2 = pp.getAsCurrentPoint();
+                  pp.addMarker(_p2, _c);
+                  bb.addPoint(_p2.x, _p2.y);
+                  if (ctx != null) ctx.lineTo(_p2.x, _p2.y);
+                }
+                break;
+              case 'H':
+              case 'h':
+                while (!pp.isCommandOrEnd()) {
+                  var newP = new svg.Point((pp.isRelativeCommand() ? pp.current.x : 0) + pp.getScalar(), pp.current.y);
+                  pp.addMarker(newP, pp.current);
+                  pp.current = newP;
+                  bb.addPoint(pp.current.x, pp.current.y);
+                  if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
+                }
+                break;
+              case 'V':
+              case 'v':
+                while (!pp.isCommandOrEnd()) {
+                  var _newP = new svg.Point(pp.current.x, (pp.isRelativeCommand() ? pp.current.y : 0) + pp.getScalar());
+                  pp.addMarker(_newP, pp.current);
+                  pp.current = _newP;
+                  bb.addPoint(pp.current.x, pp.current.y);
+                  if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
+                }
+                break;
+              case 'C':
+              case 'c':
+                while (!pp.isCommandOrEnd()) {
+                  var curr = pp.current;
+                  var p1 = pp.getPoint();
+                  var cntrl = pp.getAsControlPoint();
+                  var cp = pp.getAsCurrentPoint();
+                  pp.addMarker(cp, cntrl, p1);
+                  bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+                  if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+                }
+                break;
+              case 'S':
+              case 's':
+                while (!pp.isCommandOrEnd()) {
+                  var _curr = pp.current;
+                  var _p3 = pp.getReflectedControlPoint();
+                  var _cntrl = pp.getAsControlPoint();
+                  var _cp = pp.getAsCurrentPoint();
+                  pp.addMarker(_cp, _cntrl, _p3);
+                  bb.addBezierCurve(_curr.x, _curr.y, _p3.x, _p3.y, _cntrl.x, _cntrl.y, _cp.x, _cp.y);
+                  if (ctx != null) ctx.bezierCurveTo(_p3.x, _p3.y, _cntrl.x, _cntrl.y, _cp.x, _cp.y);
+                }
+                break;
+              case 'Q':
+              case 'q':
+                while (!pp.isCommandOrEnd()) {
+                  var _curr2 = pp.current;
+                  var _cntrl2 = pp.getAsControlPoint();
+                  var _cp2 = pp.getAsCurrentPoint();
+                  pp.addMarker(_cp2, _cntrl2, _cntrl2);
+                  bb.addQuadraticCurve(_curr2.x, _curr2.y, _cntrl2.x, _cntrl2.y, _cp2.x, _cp2.y);
+                  if (ctx != null) ctx.quadraticCurveTo(_cntrl2.x, _cntrl2.y, _cp2.x, _cp2.y);
+                }
+                break;
+              case 'T':
+              case 't':
+                while (!pp.isCommandOrEnd()) {
+                  var _curr3 = pp.current;
+                  var _cntrl3 = pp.getReflectedControlPoint();
+                  pp.control = _cntrl3;
+                  var _cp3 = pp.getAsCurrentPoint();
+                  pp.addMarker(_cp3, _cntrl3, _cntrl3);
+                  bb.addQuadraticCurve(_curr3.x, _curr3.y, _cntrl3.x, _cntrl3.y, _cp3.x, _cp3.y);
+                  if (ctx != null) ctx.quadraticCurveTo(_cntrl3.x, _cntrl3.y, _cp3.x, _cp3.y);
+                }
+                break;
+              case 'A':
+              case 'a':
+                var _loop2 = function _loop2() {
+                  var curr = pp.current;
+                  var rx = pp.getScalar();
+                  var ry = pp.getScalar();
+                  var xAxisRotation = pp.getScalar() * (Math.PI / 180.0);
+                  var largeArcFlag = pp.getScalar();
+                  var sweepFlag = pp.getScalar();
+                  var cp = pp.getAsCurrentPoint();
+
+                  // Conversion from endpoint to center parameterization
+                  // https://www.w3.org/TR/SVG11/implnote.html#ArcConversionEndpointToCenter
+
+                  // x1', y1'
+                  var currp = new svg.Point(Math.cos(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.sin(xAxisRotation) * (curr.y - cp.y) / 2.0, -Math.sin(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.cos(xAxisRotation) * (curr.y - cp.y) / 2.0);
+                  // adjust radii
+                  var l = Math.pow(currp.x, 2) / Math.pow(rx, 2) + Math.pow(currp.y, 2) / Math.pow(ry, 2);
+                  if (l > 1) {
+                    rx *= Math.sqrt(l);
+                    ry *= Math.sqrt(l);
+                  }
+                  // cx', cy'
+                  var s = (largeArcFlag === sweepFlag ? -1 : 1) * Math.sqrt((Math.pow(rx, 2) * Math.pow(ry, 2) - Math.pow(rx, 2) * Math.pow(currp.y, 2) - Math.pow(ry, 2) * Math.pow(currp.x, 2)) / (Math.pow(rx, 2) * Math.pow(currp.y, 2) + Math.pow(ry, 2) * Math.pow(currp.x, 2)));
+                  if (isNaN(s)) s = 0;
+                  var cpp = new svg.Point(s * rx * currp.y / ry, s * -ry * currp.x / rx);
+                  // cx, cy
+                  var centp = new svg.Point((curr.x + cp.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y, (curr.y + cp.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y);
+                  // vector magnitude
+                  var m = function m(v) {
+                    return Math.sqrt(Math.pow(v[0], 2) + Math.pow(v[1], 2));
+                  };
+                  // ratio between two vectors
+                  var r = function r(u, v) {
+                    return (u[0] * v[0] + u[1] * v[1]) / (m(u) * m(v));
+                  };
+                  // angle between two vectors
+                  var a = function a(u, v) {
+                    return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(r(u, v));
+                  };
+                  // initial angle
+                  var a1 = a([1, 0], [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry]);
+                  // angle delta
+                  var u = [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry];
+                  var v = [(-currp.x - cpp.x) / rx, (-currp.y - cpp.y) / ry];
+                  var ad = a(u, v);
+                  if (r(u, v) <= -1) ad = Math.PI;
+                  if (r(u, v) >= 1) ad = 0;
+
+                  // for markers
+                  var dir = 1 - sweepFlag ? 1.0 : -1.0;
+                  var ah = a1 + dir * (ad / 2.0);
+                  var halfWay = new svg.Point(centp.x + rx * Math.cos(ah), centp.y + ry * Math.sin(ah));
+                  pp.addMarkerAngle(halfWay, ah - dir * Math.PI / 2);
+                  pp.addMarkerAngle(cp, ah - dir * Math.PI);
+
+                  bb.addPoint(cp.x, cp.y); // TODO: this is too naive, make it better
+                  if (ctx != null) {
+                    var _r = rx > ry ? rx : ry;
+                    var sx = rx > ry ? 1 : rx / ry;
+                    var sy = rx > ry ? ry / rx : 1;
+
+                    ctx.translate(centp.x, centp.y);
+                    ctx.rotate(xAxisRotation);
+                    ctx.scale(sx, sy);
+                    ctx.arc(0, 0, _r, a1, a1 + ad, 1 - sweepFlag);
+                    ctx.scale(1 / sx, 1 / sy);
+                    ctx.rotate(-xAxisRotation);
+                    ctx.translate(-centp.x, -centp.y);
+                  }
+                };
+
+                while (!pp.isCommandOrEnd()) {
+                  _loop2();
+                }
+                break;
+              case 'Z':
+              case 'z':
+                if (ctx != null) ctx.closePath();
+                pp.current = pp.start;
+            }
+          }
+
+          return bb;
+        }
+      }, {
+        key: 'getMarkers',
+        value: function getMarkers() {
+          var points = this.PathParser.getMarkerPoints();
+          var angles = this.PathParser.getMarkerAngles();
+
+          var markers = points.map(function (point, i) {
+            return [point, angles[i]];
+          });
+          return markers;
+        }
+      }]);
+      return _class14;
+    }(svg.Element.PathElementBase);
+
+    // pattern element
+    svg.Element.pattern = function (_svg$Element$ElementB2) {
+      inherits(_class15, _svg$Element$ElementB2);
+
+      function _class15() {
+        classCallCheck(this, _class15);
+        return possibleConstructorReturn(this, (_class15.__proto__ || Object.getPrototypeOf(_class15)).apply(this, arguments));
+      }
+
+      createClass(_class15, [{
+        key: 'createPattern',
+        value: function createPattern(ctx, element) {
+          var width = this.attribute('width').toPixels('x', true);
+          var height = this.attribute('height').toPixels('y', true);
+
+          // render me using a temporary svg element
+          var tempSvg = new svg.Element.svg();
+          tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+          tempSvg.attributes['width'] = new svg.Property('width', width + 'px');
+          tempSvg.attributes['height'] = new svg.Property('height', height + 'px');
+          tempSvg.attributes['transform'] = new svg.Property('transform', this.attribute('patternTransform').value);
+          tempSvg.children = this.children;
+
+          var c = document.createElement('canvas');
+          c.width = width;
+          c.height = height;
+          var cctx = c.getContext('2d');
+          if (this.attribute('x').hasValue() && this.attribute('y').hasValue()) {
+            cctx.translate(this.attribute('x').toPixels('x', true), this.attribute('y').toPixels('y', true));
+          }
+          // render 3x3 grid so when we transform there's no white space on edges
+          for (var x = -1; x <= 1; x++) {
+            for (var y = -1; y <= 1; y++) {
+              cctx.save();
+              cctx.translate(x * c.width, y * c.height);
+              tempSvg.render(cctx);
+              cctx.restore();
+            }
+          }
+          var pattern = ctx.createPattern(c, 'repeat');
+          return pattern;
+        }
+      }]);
+      return _class15;
+    }(svg.Element.ElementBase);
+
+    // marker element
+    svg.Element.marker = function (_svg$Element$ElementB3) {
+      inherits(_class16, _svg$Element$ElementB3);
+
+      function _class16() {
+        classCallCheck(this, _class16);
+        return possibleConstructorReturn(this, (_class16.__proto__ || Object.getPrototypeOf(_class16)).apply(this, arguments));
+      }
+
+      createClass(_class16, [{
+        key: 'render',
+        value: function render(ctx, point, angle) {
+          ctx.translate(point.x, point.y);
+          if (this.attribute('orient').valueOrDefault('auto') === 'auto') ctx.rotate(angle);
+          if (this.attribute('markerUnits').valueOrDefault('strokeWidth') === 'strokeWidth') ctx.scale(ctx.lineWidth, ctx.lineWidth);
+          ctx.save();
+
+          // render me using a temporary svg element
+          var tempSvg = new svg.Element.svg();
+          tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+          tempSvg.attributes['refX'] = new svg.Property('refX', this.attribute('refX').value);
+          tempSvg.attributes['refY'] = new svg.Property('refY', this.attribute('refY').value);
+          tempSvg.attributes['width'] = new svg.Property('width', this.attribute('markerWidth').value);
+          tempSvg.attributes['height'] = new svg.Property('height', this.attribute('markerHeight').value);
+          tempSvg.attributes['fill'] = new svg.Property('fill', this.attribute('fill').valueOrDefault('black'));
+          tempSvg.attributes['stroke'] = new svg.Property('stroke', this.attribute('stroke').valueOrDefault('none'));
+          tempSvg.children = this.children;
+          tempSvg.render(ctx);
+
+          ctx.restore();
+          if (this.attribute('markerUnits').valueOrDefault('strokeWidth') === 'strokeWidth') ctx.scale(1 / ctx.lineWidth, 1 / ctx.lineWidth);
+          if (this.attribute('orient').valueOrDefault('auto') === 'auto') ctx.rotate(-angle);
+          ctx.translate(-point.x, -point.y);
+        }
+      }]);
+      return _class16;
+    }(svg.Element.ElementBase);
+
+    // definitions element
+    svg.Element.defs = function (_svg$Element$ElementB4) {
+      inherits(_class17, _svg$Element$ElementB4);
+
+      function _class17() {
+        classCallCheck(this, _class17);
+        return possibleConstructorReturn(this, (_class17.__proto__ || Object.getPrototypeOf(_class17)).apply(this, arguments));
+      }
+
+      createClass(_class17, [{
+        key: 'render',
+        value: function render(ctx) {
+          // NOOP
+        }
+      }]);
+      return _class17;
+    }(svg.Element.ElementBase);
+
+    // base for gradients
+    svg.Element.GradientBase = function (_svg$Element$ElementB5) {
+      inherits(_class18, _svg$Element$ElementB5);
+
+      function _class18(node) {
+        classCallCheck(this, _class18);
+
+        var _this21 = possibleConstructorReturn(this, (_class18.__proto__ || Object.getPrototypeOf(_class18)).call(this, node));
+
+        _this21.gradientUnits = _this21.attribute('gradientUnits').valueOrDefault('objectBoundingBox');
+
+        _this21.stops = [];
+        _this21.children.forEach(function (child) {
+          if (child.type === 'stop') {
+            _this21.stops.push(child);
+          }
+        });
+        return _this21;
+      }
+
+      createClass(_class18, [{
+        key: 'getGradient',
+        value: function getGradient() {
+          // OVERRIDE ME!
+        }
+      }, {
+        key: 'createGradient',
+        value: function createGradient(ctx, element, parentOpacityProp) {
+          var stopsContainer = this.getHrefAttribute().hasValue() ? this.getHrefAttribute().getDefinition() : this;
+
+          var addParentOpacity = function addParentOpacity(color) {
+            if (parentOpacityProp.hasValue()) {
+              var p = new svg.Property('color', color);
+              return p.addOpacity(parentOpacityProp).value;
+            }
+            return color;
+          };
+
+          var g = this.getGradient(ctx, element);
+          if (g == null) return addParentOpacity(stopsContainer.stops[stopsContainer.stops.length - 1].color);
+          stopsContainer.stops.forEach(function (_ref2) {
+            var offset = _ref2.offset,
+                color = _ref2.color;
+
+            g.addColorStop(offset, addParentOpacity(color));
+          });
+
+          if (this.attribute('gradientTransform').hasValue()) {
+            // render as transformed pattern on temporary canvas
+            var rootView = svg.ViewPort.viewPorts[0];
+
+            var rect = new svg.Element.rect();
+            rect.attributes['x'] = new svg.Property('x', -svg.MAX_VIRTUAL_PIXELS / 3.0);
+            rect.attributes['y'] = new svg.Property('y', -svg.MAX_VIRTUAL_PIXELS / 3.0);
+            rect.attributes['width'] = new svg.Property('width', svg.MAX_VIRTUAL_PIXELS);
+            rect.attributes['height'] = new svg.Property('height', svg.MAX_VIRTUAL_PIXELS);
+
+            var group = new svg.Element.g();
+            group.attributes['transform'] = new svg.Property('transform', this.attribute('gradientTransform').value);
+            group.children = [rect];
+
+            var tempSvg = new svg.Element.svg();
+            tempSvg.attributes['x'] = new svg.Property('x', 0);
+            tempSvg.attributes['y'] = new svg.Property('y', 0);
+            tempSvg.attributes['width'] = new svg.Property('width', rootView.width);
+            tempSvg.attributes['height'] = new svg.Property('height', rootView.height);
+            tempSvg.children = [group];
+
+            var _c2 = document.createElement('canvas');
+            _c2.width = rootView.width;
+            _c2.height = rootView.height;
+            var tempCtx = _c2.getContext('2d');
+            tempCtx.fillStyle = g;
+            tempSvg.render(tempCtx);
+            return tempCtx.createPattern(_c2, 'no-repeat');
+          }
+
+          return g;
+        }
+      }]);
+      return _class18;
+    }(svg.Element.ElementBase);
+
+    // linear gradient element
+    svg.Element.linearGradient = function (_svg$Element$Gradient) {
+      inherits(_class19, _svg$Element$Gradient);
+
+      function _class19() {
+        classCallCheck(this, _class19);
+        return possibleConstructorReturn(this, (_class19.__proto__ || Object.getPrototypeOf(_class19)).apply(this, arguments));
+      }
+
+      createClass(_class19, [{
+        key: 'getGradient',
+        value: function getGradient(ctx, element) {
+          var useBB = this.gradientUnits === 'objectBoundingBox' && element.getBoundingBox;
+          var bb = useBB ? element.getBoundingBox() : null;
+
+          if (!this.attribute('x1').hasValue() && !this.attribute('y1').hasValue() && !this.attribute('x2').hasValue() && !this.attribute('y2').hasValue()) {
+            this.attribute('x1', true).value = 0;
+            this.attribute('y1', true).value = 0;
+            this.attribute('x2', true).value = 1;
+            this.attribute('y2', true).value = 0;
+          }
+
+          var x1 = useBB ? bb.x() + bb.width() * this.attribute('x1').numValue() : this.attribute('x1').toPixels('x');
+          var y1 = useBB ? bb.y() + bb.height() * this.attribute('y1').numValue() : this.attribute('y1').toPixels('y');
+          var x2 = useBB ? bb.x() + bb.width() * this.attribute('x2').numValue() : this.attribute('x2').toPixels('x');
+          var y2 = useBB ? bb.y() + bb.height() * this.attribute('y2').numValue() : this.attribute('y2').toPixels('y');
+
+          if (x1 === x2 && y1 === y2) return null;
+          return ctx.createLinearGradient(x1, y1, x2, y2);
+        }
+      }]);
+      return _class19;
+    }(svg.Element.GradientBase);
+
+    // radial gradient element
+    svg.Element.radialGradient = function (_svg$Element$Gradient2) {
+      inherits(_class20, _svg$Element$Gradient2);
+
+      function _class20() {
+        classCallCheck(this, _class20);
+        return possibleConstructorReturn(this, (_class20.__proto__ || Object.getPrototypeOf(_class20)).apply(this, arguments));
+      }
+
+      createClass(_class20, [{
+        key: 'getGradient',
+        value: function getGradient(ctx, element) {
+          var useBB = this.gradientUnits === 'objectBoundingBox' && element.getBoundingBox;
+          var bb = useBB ? element.getBoundingBox() : null;
+
+          if (!this.attribute('cx').hasValue()) this.attribute('cx', true).value = '50%';
+          if (!this.attribute('cy').hasValue()) this.attribute('cy', true).value = '50%';
+          if (!this.attribute('r').hasValue()) this.attribute('r', true).value = '50%';
+
+          var cx = useBB ? bb.x() + bb.width() * this.attribute('cx').numValue() : this.attribute('cx').toPixels('x');
+          var cy = useBB ? bb.y() + bb.height() * this.attribute('cy').numValue() : this.attribute('cy').toPixels('y');
+
+          var fx = cx;
+          var fy = cy;
+          if (this.attribute('fx').hasValue()) {
+            fx = useBB ? bb.x() + bb.width() * this.attribute('fx').numValue() : this.attribute('fx').toPixels('x');
+          }
+          if (this.attribute('fy').hasValue()) {
+            fy = useBB ? bb.y() + bb.height() * this.attribute('fy').numValue() : this.attribute('fy').toPixels('y');
+          }
+
+          var r = useBB ? (bb.width() + bb.height()) / 2.0 * this.attribute('r').numValue() : this.attribute('r').toPixels();
+
+          return ctx.createRadialGradient(fx, fy, 0, cx, cy, r);
+        }
+      }]);
+      return _class20;
+    }(svg.Element.GradientBase);
+
+    // gradient stop element
+    svg.Element.stop = function (_svg$Element$ElementB6) {
+      inherits(_class21, _svg$Element$ElementB6);
+
+      function _class21(node) {
+        classCallCheck(this, _class21);
+
+        var _this24 = possibleConstructorReturn(this, (_class21.__proto__ || Object.getPrototypeOf(_class21)).call(this, node));
+
+        _this24.offset = _this24.attribute('offset').numValue();
+        if (_this24.offset < 0) _this24.offset = 0;
+        if (_this24.offset > 1) _this24.offset = 1;
+
+        var stopColor = _this24.style('stop-color');
+        if (_this24.style('stop-opacity').hasValue()) {
+          stopColor = stopColor.addOpacity(_this24.style('stop-opacity'));
+        }
+        _this24.color = stopColor.value;
+        return _this24;
+      }
+
+      return _class21;
+    }(svg.Element.ElementBase);
+
+    // animation base element
+    svg.Element.AnimateBase = function (_svg$Element$ElementB7) {
+      inherits(_class22, _svg$Element$ElementB7);
+
+      function _class22(node) {
+        classCallCheck(this, _class22);
+
+        var _this25 = possibleConstructorReturn(this, (_class22.__proto__ || Object.getPrototypeOf(_class22)).call(this, node));
+
+        svg.Animations.push(_this25);
+
+        _this25.duration = 0.0;
+        _this25.begin = _this25.attribute('begin').toMilliseconds();
+        _this25.maxDuration = _this25.begin + _this25.attribute('dur').toMilliseconds();
+
+        _this25.initialValue = null;
+        _this25.initialUnits = '';
+        _this25.removed = false;
+
+        _this25.from = _this25.attribute('from');
+        _this25.to = _this25.attribute('to');
+        _this25.values = _this25.attribute('values');
+        if (_this25.values.hasValue()) _this25.values.value = _this25.values.value.split(';');
+        return _this25;
+      }
+
+      createClass(_class22, [{
+        key: 'getProperty',
+        value: function getProperty() {
+          var attributeType = this.attribute('attributeType').value;
+          var attributeName = this.attribute('attributeName').value;
+
+          if (attributeType === 'CSS') {
+            return this.parent.style(attributeName, true);
+          }
+          return this.parent.attribute(attributeName, true);
+        }
+      }, {
+        key: 'calcValue',
+        value: function calcValue() {
+          // OVERRIDE ME!
+          return '';
+        }
+      }, {
+        key: 'update',
+        value: function update(delta) {
+          // set initial value
+          if (this.initialValue == null) {
+            this.initialValue = this.getProperty().value;
+            this.initialUnits = this.getProperty().getUnits();
+          }
+
+          // if we're past the end time
+          if (this.duration > this.maxDuration) {
+            // loop for indefinitely repeating animations
+            if (this.attribute('repeatCount').value === 'indefinite' || this.attribute('repeatDur').value === 'indefinite') {
+              this.duration = 0.0;
+            } else if (this.attribute('fill').valueOrDefault('remove') === 'freeze' && !this.frozen) {
+              this.frozen = true;
+              this.parent.animationFrozen = true;
+              this.parent.animationFrozenValue = this.getProperty().value;
+            } else if (this.attribute('fill').valueOrDefault('remove') === 'remove' && !this.removed) {
+              this.removed = true;
+              this.getProperty().value = this.parent.animationFrozen ? this.parent.animationFrozenValue : this.initialValue;
+              return true;
+            }
+            return false;
+          }
+          this.duration = this.duration + delta;
+
+          // if we're past the begin time
+          var updated = false;
+          if (this.begin < this.duration) {
+            var newValue = this.calcValue(); // tween
+
+            if (this.attribute('type').hasValue()) {
+              // for transform, etc.
+              var type = this.attribute('type').value;
+              newValue = type + '(' + newValue + ')';
+            }
+
+            this.getProperty().value = newValue;
+            updated = true;
+          }
+
+          return updated;
+        }
+
+        // fraction of duration we've covered
+
+      }, {
+        key: 'progress',
+        value: function progress() {
+          var ret = { progress: (this.duration - this.begin) / (this.maxDuration - this.begin) };
+          if (this.values.hasValue()) {
+            var p = ret.progress * (this.values.value.length - 1);
+            var lb = Math.floor(p),
+                ub = Math.ceil(p);
+            ret.from = new svg.Property('from', parseFloat(this.values.value[lb]));
+            ret.to = new svg.Property('to', parseFloat(this.values.value[ub]));
+            ret.progress = (p - lb) / (ub - lb);
+          } else {
+            ret.from = this.from;
+            ret.to = this.to;
+          }
+          return ret;
+        }
+      }]);
+      return _class22;
+    }(svg.Element.ElementBase);
+
+    // animate element
+    svg.Element.animate = function (_svg$Element$AnimateB) {
+      inherits(_class23, _svg$Element$AnimateB);
+
+      function _class23() {
+        classCallCheck(this, _class23);
+        return possibleConstructorReturn(this, (_class23.__proto__ || Object.getPrototypeOf(_class23)).apply(this, arguments));
+      }
+
+      createClass(_class23, [{
+        key: 'calcValue',
+        value: function calcValue() {
+          var p = this.progress();
+
+          // tween value linearly
+          var newValue = p.from.numValue() + (p.to.numValue() - p.from.numValue()) * p.progress;
+          return newValue + this.initialUnits;
+        }
+      }]);
+      return _class23;
+    }(svg.Element.AnimateBase);
+
+    // animate color element
+    svg.Element.animateColor = function (_svg$Element$AnimateB2) {
+      inherits(_class24, _svg$Element$AnimateB2);
+
+      function _class24() {
+        classCallCheck(this, _class24);
+        return possibleConstructorReturn(this, (_class24.__proto__ || Object.getPrototypeOf(_class24)).apply(this, arguments));
+      }
+
+      createClass(_class24, [{
+        key: 'calcValue',
+        value: function calcValue() {
+          var p = this.progress();
+          var from = new RGBColor(p.from.value);
+          var to = new RGBColor(p.to.value);
+
+          if (from.ok && to.ok) {
+            // tween color linearly
+            var _r2 = from.r + (to.r - from.r) * p.progress;
+            var g = from.g + (to.g - from.g) * p.progress;
+            var _b = from.b + (to.b - from.b) * p.progress;
+            return 'rgb(' + parseInt(_r2, 10) + ',' + parseInt(g, 10) + ',' + parseInt(_b, 10) + ')';
+          }
+          return this.attribute('from').value;
+        }
+      }]);
+      return _class24;
+    }(svg.Element.AnimateBase);
+
+    // animate transform element
+    svg.Element.animateTransform = function (_svg$Element$animate) {
+      inherits(_class25, _svg$Element$animate);
+
+      function _class25() {
+        classCallCheck(this, _class25);
+        return possibleConstructorReturn(this, (_class25.__proto__ || Object.getPrototypeOf(_class25)).apply(this, arguments));
+      }
+
+      createClass(_class25, [{
+        key: 'calcValue',
+        value: function calcValue() {
+          var p = this.progress();
+
+          // tween value linearly
+          var from = svg.ToNumberArray(p.from.value);
+          var to = svg.ToNumberArray(p.to.value);
+          var newValue = '';
+          from.forEach(function (fr, i) {
+            newValue += fr + (to[i] - fr) * p.progress + ' ';
+          });
+          return newValue;
+        }
+      }]);
+      return _class25;
+    }(svg.Element.animate);
+
+    // font element
+    svg.Element.font = function (_svg$Element$ElementB8) {
+      inherits(_class26, _svg$Element$ElementB8);
+
+      function _class26(node) {
+        classCallCheck(this, _class26);
+
+        var _this29 = possibleConstructorReturn(this, (_class26.__proto__ || Object.getPrototypeOf(_class26)).call(this, node));
+
+        _this29.horizAdvX = _this29.attribute('horiz-adv-x').numValue();
+
+        _this29.isRTL = false;
+        _this29.isArabic = false;
+        _this29.fontFace = null;
+        _this29.missingGlyph = null;
+        _this29.glyphs = [];
+        _this29.children.forEach(function (child) {
+          if (child.type === 'font-face') {
+            _this29.fontFace = child;
+            if (child.style('font-family').hasValue()) {
+              svg.Definitions[child.style('font-family').value] = _this29;
+            }
+          } else if (child.type === 'missing-glyph') {
+            _this29.missingGlyph = child;
+          } else if (child.type === 'glyph') {
+            if (child.arabicForm !== '') {
+              _this29.isRTL = true;
+              _this29.isArabic = true;
+              if (typeof _this29.glyphs[child.unicode] === 'undefined') {
+                _this29.glyphs[child.unicode] = [];
+              }
+              _this29.glyphs[child.unicode][child.arabicForm] = child;
+            } else {
+              _this29.glyphs[child.unicode] = child;
+            }
+          }
+        });
+        return _this29;
+      }
+
+      return _class26;
+    }(svg.Element.ElementBase);
+
+    // font-face element
+    svg.Element.fontface = function (_svg$Element$ElementB9) {
+      inherits(_class27, _svg$Element$ElementB9);
+
+      function _class27(node) {
+        classCallCheck(this, _class27);
+
+        var _this30 = possibleConstructorReturn(this, (_class27.__proto__ || Object.getPrototypeOf(_class27)).call(this, node));
+
+        _this30.ascent = _this30.attribute('ascent').value;
+        _this30.descent = _this30.attribute('descent').value;
+        _this30.unitsPerEm = _this30.attribute('units-per-em').numValue();
+        return _this30;
+      }
+
+      return _class27;
+    }(svg.Element.ElementBase);
+
+    // missing-glyph element
+    svg.Element.missingglyph = function (_svg$Element$path) {
+      inherits(_class28, _svg$Element$path);
+
+      function _class28(node) {
+        classCallCheck(this, _class28);
+
+        var _this31 = possibleConstructorReturn(this, (_class28.__proto__ || Object.getPrototypeOf(_class28)).call(this, node));
+
+        _this31.horizAdvX = 0;
+        return _this31;
+      }
+
+      return _class28;
+    }(svg.Element.path);
+
+    // glyph element
+    svg.Element.glyph = function (_svg$Element$path2) {
+      inherits(_class29, _svg$Element$path2);
+
+      function _class29(node) {
+        classCallCheck(this, _class29);
+
+        var _this32 = possibleConstructorReturn(this, (_class29.__proto__ || Object.getPrototypeOf(_class29)).call(this, node));
+
+        _this32.horizAdvX = _this32.attribute('horiz-adv-x').numValue();
+        _this32.unicode = _this32.attribute('unicode').value;
+        _this32.arabicForm = _this32.attribute('arabic-form').value;
+        return _this32;
+      }
+
+      return _class29;
+    }(svg.Element.path);
+
+    // text element
+    svg.Element.text = function (_svg$Element$Rendered3) {
+      inherits(_class30, _svg$Element$Rendered3);
+
+      function _class30(node) {
+        classCallCheck(this, _class30);
+        return possibleConstructorReturn(this, (_class30.__proto__ || Object.getPrototypeOf(_class30)).call(this, node, true));
+      }
+
+      createClass(_class30, [{
+        key: 'setContext',
+        value: function setContext(ctx) {
+          get(_class30.prototype.__proto__ || Object.getPrototypeOf(_class30.prototype), 'setContext', this).call(this, ctx);
+
+          var textBaseline = this.style('dominant-baseline').toTextBaseline();
+          if (textBaseline == null) textBaseline = this.style('alignment-baseline').toTextBaseline();
+          if (textBaseline != null) ctx.textBaseline = textBaseline;
+        }
+      }, {
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+          var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+          return new svg.BoundingBox(x, y - fontSize, x + Math.floor(fontSize * 2.0 / 3.0) * this.children[0].getText().length, y);
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          var _this34 = this;
+
+          this.x = this.attribute('x').toPixels('x');
+          this.y = this.attribute('y').toPixels('y');
+          this.x += this.getAnchorDelta(ctx, this, 0);
+          this.children.forEach(function (child, i) {
+            _this34.renderChild(ctx, _this34, i);
+          });
+        }
+      }, {
+        key: 'getAnchorDelta',
+        value: function getAnchorDelta(ctx, parent, startI) {
+          var textAnchor = this.style('text-anchor').valueOrDefault('start');
+          if (textAnchor !== 'start') {
+            var width = 0;
+            for (var i = startI; i < parent.children.length; i++) {
+              var child = parent.children[i];
+              if (i > startI && child.attribute('x').hasValue()) break; // new group
+              width += child.measureTextRecursive(ctx);
+            }
+            return -1 * (textAnchor === 'end' ? width : width / 2.0);
+          }
+          return 0;
+        }
+      }, {
+        key: 'renderChild',
+        value: function renderChild(ctx, parent, i) {
+          var child = parent.children[i];
+          if (child.attribute('x').hasValue()) {
+            child.x = child.attribute('x').toPixels('x') + this.getAnchorDelta(ctx, parent, i);
+            if (child.attribute('dx').hasValue()) child.x += child.attribute('dx').toPixels('x');
+          } else {
+            if (this.attribute('dx').hasValue()) this.x += this.attribute('dx').toPixels('x');
+            if (child.attribute('dx').hasValue()) this.x += child.attribute('dx').toPixels('x');
+            child.x = this.x;
+          }
+          this.x = child.x + child.measureText(ctx);
+
+          if (child.attribute('y').hasValue()) {
+            child.y = child.attribute('y').toPixels('y');
+            if (child.attribute('dy').hasValue()) child.y += child.attribute('dy').toPixels('y');
+          } else {
+            if (this.attribute('dy').hasValue()) this.y += this.attribute('dy').toPixels('y');
+            if (child.attribute('dy').hasValue()) this.y += child.attribute('dy').toPixels('y');
+            child.y = this.y;
+          }
+          this.y = child.y;
+
+          child.render(ctx);
+
+          for (var _i = 0; _i < child.children.length; _i++) {
+            this.renderChild(ctx, child, _i);
+          }
+        }
+      }]);
+      return _class30;
+    }(svg.Element.RenderedElementBase);
+
+    // text base
+    svg.Element.TextElementBase = function (_svg$Element$Rendered4) {
+      inherits(_class31, _svg$Element$Rendered4);
+
+      function _class31() {
+        classCallCheck(this, _class31);
+        return possibleConstructorReturn(this, (_class31.__proto__ || Object.getPrototypeOf(_class31)).apply(this, arguments));
+      }
+
+      createClass(_class31, [{
+        key: 'getGlyph',
+        value: function getGlyph(font, text, i) {
+          var c = text[i];
+          var glyph = null;
+          if (font.isArabic) {
+            var arabicForm = 'isolated';
+            if ((i === 0 || text[i - 1] === ' ') && i < text.length - 2 && text[i + 1] !== ' ') arabicForm = 'terminal';
+            if (i > 0 && text[i - 1] !== ' ' && i < text.length - 2 && text[i + 1] !== ' ') arabicForm = 'medial';
+            if (i > 0 && text[i - 1] !== ' ' && (i === text.length - 1 || text[i + 1] === ' ')) arabicForm = 'initial';
+            if (typeof font.glyphs[c] !== 'undefined') {
+              glyph = font.glyphs[c][arabicForm];
+              if (glyph == null && font.glyphs[c].type === 'glyph') glyph = font.glyphs[c];
+            }
+          } else {
+            glyph = font.glyphs[c];
+          }
+          if (glyph == null) glyph = font.missingGlyph;
+          return glyph;
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          var customFont = this.parent.style('font-family').getDefinition();
+          if (customFont != null) {
+            var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+            var fontStyle = this.parent.style('font-style').valueOrDefault(svg.Font.Parse(svg.ctx.font).fontStyle);
+            var text = this.getText();
+            if (customFont.isRTL) text = text.split('').reverse().join('');
+
+            var dx = svg.ToNumberArray(this.parent.attribute('dx').value);
+            for (var i = 0; i < text.length; i++) {
+              var glyph = this.getGlyph(customFont, text, i);
+              var scale = fontSize / customFont.fontFace.unitsPerEm;
+              ctx.translate(this.x, this.y);
+              ctx.scale(scale, -scale);
+              var lw = ctx.lineWidth;
+              ctx.lineWidth = ctx.lineWidth * customFont.fontFace.unitsPerEm / fontSize;
+              if (fontStyle === 'italic') ctx.transform(1, 0, 0.4, 1, 0, 0);
+              glyph.render(ctx);
+              if (fontStyle === 'italic') ctx.transform(1, 0, -0.4, 1, 0, 0);
+              ctx.lineWidth = lw;
+              ctx.scale(1 / scale, -1 / scale);
+              ctx.translate(-this.x, -this.y);
+
+              this.x += fontSize * (glyph.horizAdvX || customFont.horizAdvX) / customFont.fontFace.unitsPerEm;
+              if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {
+                this.x += dx[i];
+              }
+            }
+            return;
+          }
+
+          if (ctx.fillStyle !== '') ctx.fillText(svg.compressSpaces(this.getText()), this.x, this.y);
+          if (ctx.strokeStyle !== '') ctx.strokeText(svg.compressSpaces(this.getText()), this.x, this.y);
+        }
+      }, {
+        key: 'getText',
+        value: function getText() {
+          // OVERRIDE ME
+        }
+      }, {
+        key: 'measureTextRecursive',
+        value: function measureTextRecursive(ctx) {
+          var width = this.measureText(ctx);
+          this.children.forEach(function (child) {
+            width += child.measureTextRecursive(ctx);
+          });
+          return width;
+        }
+      }, {
+        key: 'measureText',
+        value: function measureText(ctx) {
+          var customFont = this.parent.style('font-family').getDefinition();
+          if (customFont != null) {
+            var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+            var measure = 0;
+            var text = this.getText();
+            if (customFont.isRTL) text = text.split('').reverse().join('');
+            var dx = svg.ToNumberArray(this.parent.attribute('dx').value);
+            for (var i = 0; i < text.length; i++) {
+              var glyph = this.getGlyph(customFont, text, i);
+              measure += (glyph.horizAdvX || customFont.horizAdvX) * fontSize / customFont.fontFace.unitsPerEm;
+              if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {
+                measure += dx[i];
+              }
+            }
+            return measure;
+          }
+
+          var textToMeasure = svg.compressSpaces(this.getText());
+          if (!ctx.measureText) return textToMeasure.length * 10;
+
+          ctx.save();
+          this.setContext(ctx);
+
+          var _ctx$measureText = ctx.measureText(textToMeasure),
+              width = _ctx$measureText.width;
+
+          ctx.restore();
+          return width;
+        }
+      }]);
+      return _class31;
+    }(svg.Element.RenderedElementBase);
+
+    // tspan
+    svg.Element.tspan = function (_svg$Element$TextElem) {
+      inherits(_class32, _svg$Element$TextElem);
+
+      function _class32(node) {
+        classCallCheck(this, _class32);
+
+        var _this36 = possibleConstructorReturn(this, (_class32.__proto__ || Object.getPrototypeOf(_class32)).call(this, node, true));
+
+        _this36.text = node.nodeValue || node.text || '';
+        return _this36;
+      }
+
+      createClass(_class32, [{
+        key: 'getText',
+        value: function getText() {
+          return this.text;
+        }
+      }]);
+      return _class32;
+    }(svg.Element.TextElementBase);
+
+    // tref
+    svg.Element.tref = function (_svg$Element$TextElem2) {
+      inherits(_class33, _svg$Element$TextElem2);
+
+      function _class33() {
+        classCallCheck(this, _class33);
+        return possibleConstructorReturn(this, (_class33.__proto__ || Object.getPrototypeOf(_class33)).apply(this, arguments));
+      }
+
+      createClass(_class33, [{
+        key: 'getText',
+        value: function getText() {
+          var element = this.getHrefAttribute().getDefinition();
+          if (element != null) return element.children[0].getText();
+        }
+      }]);
+      return _class33;
+    }(svg.Element.TextElementBase);
+
+    // a element
+    svg.Element.a = function (_svg$Element$TextElem3) {
+      inherits(_class34, _svg$Element$TextElem3);
+
+      function _class34(node) {
+        classCallCheck(this, _class34);
+
+        var _this38 = possibleConstructorReturn(this, (_class34.__proto__ || Object.getPrototypeOf(_class34)).call(this, node));
+
+        _this38.hasText = true;
+        [].concat(toConsumableArray(node.childNodes)).forEach(function (childNode) {
+          if (childNode.nodeType !== 3) {
+            _this38.hasText = false;
+          }
+        });
+        // this might contain text
+        _this38.text = _this38.hasText ? node.childNodes[0].nodeValue : '';
+        return _this38;
+      }
+
+      createClass(_class34, [{
+        key: 'getText',
+        value: function getText() {
+          return this.text;
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          if (this.hasText) {
+            // render as text element
+            get(_class34.prototype.__proto__ || Object.getPrototypeOf(_class34.prototype), 'renderChildren', this).call(this, ctx);
+            var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
+            svg.Mouse.checkBoundingBox(this, new svg.BoundingBox(this.x, this.y - fontSize.toPixels('y'), this.x + this.measureText(ctx), this.y));
+          } else {
+            // render as temporary group
+            var g = new svg.Element.g();
+            g.children = this.children;
+            g.parent = this;
+            g.render(ctx);
+          }
+        }
+      }, {
+        key: 'onclick',
+        value: function onclick() {
+          window.open(this.getHrefAttribute().value);
+        }
+      }, {
+        key: 'onmousemove',
+        value: function onmousemove() {
+          svg.ctx.canvas.style.cursor = 'pointer';
+        }
+      }]);
+      return _class34;
+    }(svg.Element.TextElementBase);
+
+    // image element
+    svg.Element.image = function (_svg$Element$Rendered5) {
+      inherits(_class35, _svg$Element$Rendered5);
+
+      function _class35(node) {
+        classCallCheck(this, _class35);
+
+        var _this39 = possibleConstructorReturn(this, (_class35.__proto__ || Object.getPrototypeOf(_class35)).call(this, node));
+
+        var href = _this39.getHrefAttribute().value;
+        if (href === '') {
+          return possibleConstructorReturn(_this39);
+        }
+        _this39._isSvg = href.match(/\.svg$/);
+
+        svg.Images.push(_this39);
+        _this39.loaded = false;
+        if (!_this39._isSvg) {
+          _this39.img = document.createElement('img');
+          if (svg.opts.useCORS === true) {
+            _this39.img.crossOrigin = 'Anonymous';
+          }
+          var self = _this39;
+          _this39.img.onload = function () {
+            self.loaded = true;
+          };
+          _this39.img.onerror = function () {
+            svg.log('ERROR: image "' + href + '" not found');
+            self.loaded = true;
+          };
+          _this39.img.src = href;
+        } else {
+          svg.ajax(href, true).then(function (img) {
+            _this39.img = img;
+            _this39.loaded = true;
+          });
+        }
+        return _this39;
+      }
+
+      createClass(_class35, [{
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+
+          var width = this.attribute('width').toPixels('x');
+          var height = this.attribute('height').toPixels('y');
+          if (width === 0 || height === 0) return;
+
+          ctx.save();
+          if (this._isSvg) {
+            ctx.drawSvg(this.img, x, y, width, height);
+          } else {
+            ctx.translate(x, y);
+            svg.AspectRatio(ctx, this.attribute('preserveAspectRatio').value, width, this.img.width, height, this.img.height, 0, 0);
+            ctx.drawImage(this.img, 0, 0);
+          }
+          ctx.restore();
+        }
+      }, {
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+          var width = this.attribute('width').toPixels('x');
+          var height = this.attribute('height').toPixels('y');
+          return new svg.BoundingBox(x, y, x + width, y + height);
+        }
+      }]);
+      return _class35;
+    }(svg.Element.RenderedElementBase);
+
+    // group element
+    svg.Element.g = function (_svg$Element$Rendered6) {
+      inherits(_class36, _svg$Element$Rendered6);
+
+      function _class36() {
+        classCallCheck(this, _class36);
+        return possibleConstructorReturn(this, (_class36.__proto__ || Object.getPrototypeOf(_class36)).apply(this, arguments));
+      }
+
+      createClass(_class36, [{
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          var bb = new svg.BoundingBox();
+          this.children.forEach(function (child) {
+            bb.addBoundingBox(child.getBoundingBox());
+          });
+          return bb;
+        }
+      }]);
+      return _class36;
+    }(svg.Element.RenderedElementBase);
+
+    // symbol element
+    svg.Element.symbol = function (_svg$Element$Rendered7) {
+      inherits(_class37, _svg$Element$Rendered7);
+
+      function _class37() {
+        classCallCheck(this, _class37);
+        return possibleConstructorReturn(this, (_class37.__proto__ || Object.getPrototypeOf(_class37)).apply(this, arguments));
+      }
+
+      createClass(_class37, [{
+        key: 'render',
+        value: function render(ctx) {
+          // NO RENDER
+        }
+      }]);
+      return _class37;
+    }(svg.Element.RenderedElementBase);
+
+    // style element
+    svg.Element.style = function (_svg$Element$ElementB10) {
+      inherits(_class38, _svg$Element$ElementB10);
+
+      function _class38(node) {
+        classCallCheck(this, _class38);
+
+        // text, or spaces then CDATA
+        var _this42 = possibleConstructorReturn(this, (_class38.__proto__ || Object.getPrototypeOf(_class38)).call(this, node));
+
+        var css = '';
+        [].concat(toConsumableArray(node.childNodes)).forEach(function (_ref3) {
+          var nodeValue = _ref3.nodeValue;
+
+          css += nodeValue;
+        });
+        css = css.replace(/(\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*+\/)|(^[\s]*\/\/.*)/gm, ''); // remove comments
+        css = svg.compressSpaces(css); // replace whitespace
+        var cssDefs = css.split('}');
+        cssDefs.forEach(function (cssDef) {
+          if (svg.trim(cssDef) !== '') {
+            var _cssDef$split = cssDef.split('{'),
+                _cssDef$split2 = slicedToArray(_cssDef$split, 2),
+                cssClasses = _cssDef$split2[0],
+                cssProps = _cssDef$split2[1];
+
+            cssClasses = cssClasses.split(',');
+            cssProps = cssProps.split(';');
+            cssClasses.forEach(function (cssClass) {
+              cssClass = svg.trim(cssClass);
+              if (cssClass !== '') {
+                var props = {};
+                cssProps.forEach(function (cssProp) {
+                  var prop = cssProp.indexOf(':');
+                  var name = cssProp.substr(0, prop);
+                  var value = cssProp.substr(prop + 1, cssProp.length - prop);
+                  if (name != null && value != null) {
+                    props[svg.trim(name)] = new svg.Property(svg.trim(name), svg.trim(value));
+                  }
+                });
+                svg.Styles[cssClass] = props;
+                if (cssClass === '@font-face') {
+                  var fontFamily = props['font-family'].value.replace(/"/g, '');
+                  var srcs = props['src'].value.split(',');
+                  srcs.forEach(function (src) {
+                    if (src.includes('format("svg")')) {
+                      var urlStart = src.indexOf('url');
+                      var urlEnd = src.indexOf(')', urlStart);
+                      var url = src.substr(urlStart + 5, urlEnd - urlStart - 6);
+                      // Can this ajax safely be converted to async?
+                      var doc = svg.parseXml(svg.ajax(url));
+                      var fonts = doc.getElementsByTagName('font');
+                      [].concat(toConsumableArray(fonts)).forEach(function (font) {
+                        font = svg.CreateElement(font);
+                        svg.Definitions[fontFamily] = font;
+                      });
+                    }
+                  });
+                }
+              }
+            });
+          }
+        });
+        return _this42;
+      }
+
+      return _class38;
+    }(svg.Element.ElementBase);
+
+    // use element
+    svg.Element.use = function (_svg$Element$Rendered8) {
+      inherits(_class39, _svg$Element$Rendered8);
+
+      function _class39(node) {
+        classCallCheck(this, _class39);
+
+        var _this43 = possibleConstructorReturn(this, (_class39.__proto__ || Object.getPrototypeOf(_class39)).call(this, node));
+
+        _this43._el = _this43.getHrefAttribute().getDefinition();
+        return _this43;
+      }
+
+      createClass(_class39, [{
+        key: 'setContext',
+        value: function setContext(ctx) {
+          get(_class39.prototype.__proto__ || Object.getPrototypeOf(_class39.prototype), 'setContext', this).call(this, ctx);
+          if (this.attribute('x').hasValue()) ctx.translate(this.attribute('x').toPixels('x'), 0);
+          if (this.attribute('y').hasValue()) ctx.translate(0, this.attribute('y').toPixels('y'));
+        }
+      }, {
+        key: 'path',
+        value: function path(ctx) {
+          var element = this._el;
+
+          if (element != null) element.path(ctx);
+        }
+      }, {
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          var element = this._el;
+
+          if (element != null) return element.getBoundingBox();
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          var element = this._el;
+
+          if (element != null) {
+            var tempSvg = element;
+            if (element.type === 'symbol') {
+              // render me using a temporary svg element in symbol cases (https://www.w3.org/TR/SVG/struct.html#UseElement)
+              tempSvg = new svg.Element.svg();
+              tempSvg.type = 'svg';
+              tempSvg.attributes['viewBox'] = new svg.Property('viewBox', element.attribute('viewBox').value);
+              tempSvg.attributes['preserveAspectRatio'] = new svg.Property('preserveAspectRatio', element.attribute('preserveAspectRatio').value);
+              tempSvg.attributes['overflow'] = new svg.Property('overflow', element.attribute('overflow').value);
+              tempSvg.children = element.children;
+            }
+            if (tempSvg.type === 'svg') {
+              // if symbol or svg, inherit width/height from me
+              if (this.attribute('width').hasValue()) tempSvg.attributes['width'] = new svg.Property('width', this.attribute('width').value);
+              if (this.attribute('height').hasValue()) tempSvg.attributes['height'] = new svg.Property('height', this.attribute('height').value);
+            }
+            var oldParent = tempSvg.parent;
+            tempSvg.parent = null;
+            tempSvg.render(ctx);
+            tempSvg.parent = oldParent;
+          }
+        }
+      }]);
+      return _class39;
+    }(svg.Element.RenderedElementBase);
+
+    // mask element
+    svg.Element.mask = function (_svg$Element$ElementB11) {
+      inherits(_class40, _svg$Element$ElementB11);
+
+      function _class40() {
+        classCallCheck(this, _class40);
+        return possibleConstructorReturn(this, (_class40.__proto__ || Object.getPrototypeOf(_class40)).apply(this, arguments));
+      }
+
+      createClass(_class40, [{
+        key: 'apply',
+        value: function apply(ctx, element) {
+          // render as temp svg
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+          var width = this.attribute('width').toPixels('x');
+          var height = this.attribute('height').toPixels('y');
+
+          if (width === 0 && height === 0) {
+            var bb = new svg.BoundingBox();
+            this.children.forEach(function (child) {
+              bb.addBoundingBox(child.getBoundingBox());
+            });
+            x = Math.floor(bb.x1);
+            y = Math.floor(bb.y1);
+            width = Math.floor(bb.width());
+            height = Math.floor(bb.height());
+          }
+
+          // temporarily remove mask to avoid recursion
+          var mask = element.attribute('mask').value;
+          element.attribute('mask').value = '';
+
+          var cMask = document.createElement('canvas');
+          cMask.width = x + width;
+          cMask.height = y + height;
+          var maskCtx = cMask.getContext('2d');
+          this.renderChildren(maskCtx);
+
+          var c = document.createElement('canvas');
+          c.width = x + width;
+          c.height = y + height;
+          var tempCtx = c.getContext('2d');
+          element.render(tempCtx);
+          tempCtx.globalCompositeOperation = 'destination-in';
+          tempCtx.fillStyle = maskCtx.createPattern(cMask, 'no-repeat');
+          tempCtx.fillRect(0, 0, x + width, y + height);
+
+          ctx.fillStyle = tempCtx.createPattern(c, 'no-repeat');
+          ctx.fillRect(0, 0, x + width, y + height);
+
+          // reassign mask
+          element.attribute('mask').value = mask;
+        }
+      }, {
+        key: 'render',
+        value: function render(ctx) {
+          // NO RENDER
+        }
+      }]);
+      return _class40;
+    }(svg.Element.ElementBase);
+
+    // clip element
+    svg.Element.clipPath = function (_svg$Element$ElementB12) {
+      inherits(_class41, _svg$Element$ElementB12);
+
+      function _class41() {
+        classCallCheck(this, _class41);
+        return possibleConstructorReturn(this, (_class41.__proto__ || Object.getPrototypeOf(_class41)).apply(this, arguments));
+      }
+
+      createClass(_class41, [{
+        key: 'apply',
+        value: function apply(ctx) {
+          this.children.forEach(function (child) {
+            if (typeof child.path !== 'undefined') {
+              var transform = null;
+              if (child.attribute('transform').hasValue()) {
+                transform = new svg.Transform(child.attribute('transform').value);
+                transform.apply(ctx);
+              }
+              child.path(ctx);
+              ctx.clip();
+              if (transform) {
+                transform.unapply(ctx);
+              }
+            }
+          });
+        }
+      }, {
+        key: 'render',
+        value: function render(ctx) {
+          // NO RENDER
+        }
+      }]);
+      return _class41;
+    }(svg.Element.ElementBase);
+
+    // filters
+    svg.Element.filter = function (_svg$Element$ElementB13) {
+      inherits(_class42, _svg$Element$ElementB13);
+
+      function _class42() {
+        classCallCheck(this, _class42);
+        return possibleConstructorReturn(this, (_class42.__proto__ || Object.getPrototypeOf(_class42)).apply(this, arguments));
+      }
+
+      createClass(_class42, [{
+        key: 'apply',
+        value: function apply(ctx, element) {
+          // render as temp svg
+          var bb = element.getBoundingBox();
+          var x = Math.floor(bb.x1);
+          var y = Math.floor(bb.y1);
+          var width = Math.floor(bb.width());
+          var height = Math.floor(bb.height());
+
+          // temporarily remove filter to avoid recursion
+          var filter = element.style('filter').value;
+          element.style('filter').value = '';
+
+          var px = 0,
+              py = 0;
+          this.children.forEach(function (child) {
+            var efd = child.extraFilterDistance || 0;
+            px = Math.max(px, efd);
+            py = Math.max(py, efd);
+          });
+
+          var c = document.createElement('canvas');
+          c.width = width + 2 * px;
+          c.height = height + 2 * py;
+          var tempCtx = c.getContext('2d');
+          tempCtx.translate(-x + px, -y + py);
+          element.render(tempCtx);
+
+          // apply filters
+          this.children.forEach(function (child) {
+            child.apply(tempCtx, 0, 0, width + 2 * px, height + 2 * py);
+          });
+
+          // render on me
+          ctx.drawImage(c, 0, 0, width + 2 * px, height + 2 * py, x - px, y - py, width + 2 * px, height + 2 * py);
+
+          // reassign filter
+          element.style('filter', true).value = filter;
+        }
+      }, {
+        key: 'render',
+        value: function render(ctx) {
+          // NO RENDER
+        }
+      }]);
+      return _class42;
+    }(svg.Element.ElementBase);
+
+    svg.Element.feMorphology = function (_svg$Element$ElementB14) {
+      inherits(_class43, _svg$Element$ElementB14);
+
+      function _class43() {
+        classCallCheck(this, _class43);
+        return possibleConstructorReturn(this, (_class43.__proto__ || Object.getPrototypeOf(_class43)).apply(this, arguments));
+      }
+
+      createClass(_class43, [{
+        key: 'apply',
+        value: function apply(ctx, x, y, width, height) {
+          // TODO: implement
+        }
+      }]);
+      return _class43;
+    }(svg.Element.ElementBase);
+
+    svg.Element.feComposite = function (_svg$Element$ElementB15) {
+      inherits(_class44, _svg$Element$ElementB15);
+
+      function _class44() {
+        classCallCheck(this, _class44);
+        return possibleConstructorReturn(this, (_class44.__proto__ || Object.getPrototypeOf(_class44)).apply(this, arguments));
+      }
+
+      createClass(_class44, [{
+        key: 'apply',
+        value: function apply(ctx, x, y, width, height) {
+          // TODO: implement
+        }
+      }]);
+      return _class44;
+    }(svg.Element.ElementBase);
+
+    function imGet(img, x, y, width, height, rgba) {
+      return img[y * width * 4 + x * 4 + rgba];
+    }
+
+    function imSet(img, x, y, width, height, rgba, val) {
+      img[y * width * 4 + x * 4 + rgba] = val;
+    }
+
+    svg.Element.feColorMatrix = function (_svg$Element$ElementB16) {
+      inherits(_class45, _svg$Element$ElementB16);
+
+      function _class45(node) {
+        classCallCheck(this, _class45);
+
+        var _this49 = possibleConstructorReturn(this, (_class45.__proto__ || Object.getPrototypeOf(_class45)).call(this, node));
+
+        var matrix = svg.ToNumberArray(_this49.attribute('values').value);
+        switch (_this49.attribute('type').valueOrDefault('matrix')) {// https://www.w3.org/TR/SVG/filters.html#feColorMatrixElement
+          case 'saturate':
+            var s = matrix[0];
+            matrix = [0.213 + 0.787 * s, 0.715 - 0.715 * s, 0.072 - 0.072 * s, 0, 0, 0.213 - 0.213 * s, 0.715 + 0.285 * s, 0.072 - 0.072 * s, 0, 0, 0.213 - 0.213 * s, 0.715 - 0.715 * s, 0.072 + 0.928 * s, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1];
+            break;
+          case 'hueRotate':
+            var a = matrix[0] * Math.PI / 180.0;
+            var _c3 = function _c3(m1, m2, m3) {
+              return m1 + Math.cos(a) * m2 + Math.sin(a) * m3;
+            };
+            matrix = [_c3(0.213, 0.787, -0.213), _c3(0.715, -0.715, -0.715), _c3(0.072, -0.072, 0.928), 0, 0, _c3(0.213, -0.213, 0.143), _c3(0.715, 0.285, 0.140), _c3(0.072, -0.072, -0.283), 0, 0, _c3(0.213, -0.213, -0.787), _c3(0.715, -0.715, 0.715), _c3(0.072, 0.928, 0.072), 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1];
+            break;
+          case 'luminanceToAlpha':
+            matrix = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.2125, 0.7154, 0.0721, 0, 0, 0, 0, 0, 0, 1];
+            break;
+        }
+        _this49.matrix = matrix;
+
+        _this49._m = function (i, v) {
+          var mi = matrix[i];
+          return mi * (mi < 0 ? v - 255 : v);
+        };
+        return _this49;
+      }
+
+      createClass(_class45, [{
+        key: 'apply',
+        value: function apply(ctx, x, y, width, height) {
+          var m = this._m;
+          // assuming x==0 && y==0 for now
+
+          var srcData = ctx.getImageData(0, 0, width, height);
+          for (var _y2 = 0; _y2 < height; _y2++) {
+            for (var _x2 = 0; _x2 < width; _x2++) {
+              var _r3 = imGet(srcData.data, _x2, _y2, width, height, 0);
+              var g = imGet(srcData.data, _x2, _y2, width, height, 1);
+              var _b2 = imGet(srcData.data, _x2, _y2, width, height, 2);
+              var a = imGet(srcData.data, _x2, _y2, width, height, 3);
+              imSet(srcData.data, _x2, _y2, width, height, 0, m(0, _r3) + m(1, g) + m(2, _b2) + m(3, a) + m(4, 1));
+              imSet(srcData.data, _x2, _y2, width, height, 1, m(5, _r3) + m(6, g) + m(7, _b2) + m(8, a) + m(9, 1));
+              imSet(srcData.data, _x2, _y2, width, height, 2, m(10, _r3) + m(11, g) + m(12, _b2) + m(13, a) + m(14, 1));
+              imSet(srcData.data, _x2, _y2, width, height, 3, m(15, _r3) + m(16, g) + m(17, _b2) + m(18, a) + m(19, 1));
+            }
+          }
+          ctx.clearRect(0, 0, width, height);
+          ctx.putImageData(srcData, 0, 0);
+        }
+      }]);
+      return _class45;
+    }(svg.Element.ElementBase);
+
+    svg.Element.feGaussianBlur = function (_svg$Element$ElementB17) {
+      inherits(_class46, _svg$Element$ElementB17);
+
+      function _class46(node) {
+        classCallCheck(this, _class46);
+
+        var _this50 = possibleConstructorReturn(this, (_class46.__proto__ || Object.getPrototypeOf(_class46)).call(this, node));
+
+        _this50.blurRadius = Math.floor(_this50.attribute('stdDeviation').numValue());
+        _this50.extraFilterDistance = _this50.blurRadius;
+        return _this50;
+      }
+
+      createClass(_class46, [{
+        key: 'apply',
+        value: function apply(ctx, x, y, width, height) {
+          if (typeof canvasRGBA_ === 'undefined') {
+            svg.log('ERROR: `setStackBlurCanvasRGBA` must be run for blur to work');
+            return;
+          }
+
+          // Todo: This might not be a problem anymore with out `instanceof` fix
+          // StackBlur requires canvas be on document
+          ctx.canvas.id = svg.UniqueId();
+          ctx.canvas.style.display = 'none';
+          document.body.append(ctx.canvas);
+          canvasRGBA_(ctx.canvas, x, y, width, height, this.blurRadius);
+          ctx.canvas.remove();
+        }
+      }]);
+      return _class46;
+    }(svg.Element.ElementBase);
+
+    // title element, do nothing
+    svg.Element.title = function (_svg$Element$ElementB18) {
+      inherits(_class47, _svg$Element$ElementB18);
+
+      function _class47(node) {
+        classCallCheck(this, _class47);
+        return possibleConstructorReturn(this, (_class47.__proto__ || Object.getPrototypeOf(_class47)).call(this));
+      }
+
+      return _class47;
+    }(svg.Element.ElementBase);
+
+    // desc element, do nothing
+    svg.Element.desc = function (_svg$Element$ElementB19) {
+      inherits(_class48, _svg$Element$ElementB19);
+
+      function _class48(node) {
+        classCallCheck(this, _class48);
+        return possibleConstructorReturn(this, (_class48.__proto__ || Object.getPrototypeOf(_class48)).call(this));
+      }
+
+      return _class48;
+    }(svg.Element.ElementBase);
+
+    svg.Element.MISSING = function (_svg$Element$ElementB20) {
+      inherits(_class49, _svg$Element$ElementB20);
+
+      function _class49(node) {
+        classCallCheck(this, _class49);
+
+        var _this53 = possibleConstructorReturn(this, (_class49.__proto__ || Object.getPrototypeOf(_class49)).call(this));
+
+        svg.log('ERROR: Element \'' + node.nodeName + '\' not yet implemented.');
+        return _this53;
+      }
+
+      return _class49;
+    }(svg.Element.ElementBase);
+
+    // element factory
+    svg.CreateElement = function (node) {
+      var className = node.nodeName.replace(/^[^:]+:/, '') // remove namespace
+      .replace(/-/g, ''); // remove dashes
+      var e = void 0;
+      if (typeof svg.Element[className] !== 'undefined') {
+        e = new svg.Element[className](node);
+      } else {
+        e = new svg.Element.MISSING(node);
+      }
+
+      e.type = node.nodeName;
+      return e;
+    };
+
+    // load from url
+    svg.load = function () {
+      var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(ctx, url) {
+        var dom;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return svg.ajax(url, true);
+
+              case 2:
+                dom = _context.sent;
+                return _context.abrupt('return', svg.loadXml(ctx, dom));
+
+              case 4:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      return function (_x3, _x4) {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+
+    // load from xml
+    svg.loadXml = function (ctx, xml) {
+      return svg.loadXmlDoc(ctx, svg.parseXml(xml));
+    };
+
+    svg.loadXmlDoc = function (ctx, dom) {
+      svg.init(ctx);
+
+      var mapXY = function mapXY(p) {
+        var e = ctx.canvas;
+        while (e) {
+          p.x -= e.offsetLeft;
+          p.y -= e.offsetTop;
+          e = e.offsetParent;
+        }
+        if (window.scrollX) p.x += window.scrollX;
+        if (window.scrollY) p.y += window.scrollY;
+        return p;
+      };
+
+      // bind mouse
+      if (svg.opts.ignoreMouse !== true) {
+        ctx.canvas.onclick = function (e) {
+          var args = e != null ? [e.clientX, e.clientY] : [event.clientX, event.clientY];
+
+          var _mapXY = mapXY(new (Function.prototype.bind.apply(svg.Point, [null].concat(args)))()),
+              x = _mapXY.x,
+              y = _mapXY.y;
+
+          svg.Mouse.onclick(x, y);
+        };
+        ctx.canvas.onmousemove = function (e) {
+          var args = e != null ? [e.clientX, e.clientY] : [event.clientX, event.clientY];
+
+          var _mapXY2 = mapXY(new (Function.prototype.bind.apply(svg.Point, [null].concat(args)))()),
+              x = _mapXY2.x,
+              y = _mapXY2.y;
+
+          svg.Mouse.onmousemove(x, y);
+        };
+      }
+
+      var e = svg.CreateElement(dom.documentElement);
+      e.root = true;
+
+      // render loop
+      var isFirstRender = true;
+      var draw = function draw(resolve) {
+        svg.ViewPort.Clear();
+        if (ctx.canvas.parentNode) {
+          svg.ViewPort.SetCurrent(ctx.canvas.parentNode.clientWidth, ctx.canvas.parentNode.clientHeight);
+        }
+
+        if (svg.opts.ignoreDimensions !== true) {
+          // set canvas size
+          if (e.style('width').hasValue()) {
+            ctx.canvas.width = e.style('width').toPixels('x');
+            ctx.canvas.style.width = ctx.canvas.width + 'px';
+          }
+          if (e.style('height').hasValue()) {
+            ctx.canvas.height = e.style('height').toPixels('y');
+            ctx.canvas.style.height = ctx.canvas.height + 'px';
+          }
+        }
+        var cWidth = ctx.canvas.clientWidth || ctx.canvas.width;
+        var cHeight = ctx.canvas.clientHeight || ctx.canvas.height;
+        if (svg.opts.ignoreDimensions === true && e.style('width').hasValue() && e.style('height').hasValue()) {
+          cWidth = e.style('width').toPixels('x');
+          cHeight = e.style('height').toPixels('y');
+        }
+        svg.ViewPort.SetCurrent(cWidth, cHeight);
+
+        if (svg.opts.offsetX != null) {
+          e.attribute('x', true).value = svg.opts.offsetX;
+        }
+        if (svg.opts.offsetY != null) {
+          e.attribute('y', true).value = svg.opts.offsetY;
+        }
+        if (svg.opts.scaleWidth != null || svg.opts.scaleHeight != null) {
+          var viewBox = svg.ToNumberArray(e.attribute('viewBox').value);
+          var xRatio = null,
+              yRatio = null;
+
+          if (svg.opts.scaleWidth != null) {
+            if (e.attribute('width').hasValue()) {
+              xRatio = e.attribute('width').toPixels('x') / svg.opts.scaleWidth;
+            } else if (!isNaN(viewBox[2])) {
+              xRatio = viewBox[2] / svg.opts.scaleWidth;
+            }
+          }
+
+          if (svg.opts.scaleHeight != null) {
+            if (e.attribute('height').hasValue()) {
+              yRatio = e.attribute('height').toPixels('y') / svg.opts.scaleHeight;
+            } else if (!isNaN(viewBox[3])) {
+              yRatio = viewBox[3] / svg.opts.scaleHeight;
+            }
+          }
+
+          if (xRatio == null) {
+            xRatio = yRatio;
+          }
+          if (yRatio == null) {
+            yRatio = xRatio;
+          }
+
+          e.attribute('width', true).value = svg.opts.scaleWidth;
+          e.attribute('height', true).value = svg.opts.scaleHeight;
+          e.attribute('viewBox', true).value = '0 0 ' + cWidth * xRatio + ' ' + cHeight * yRatio;
+          e.attribute('preserveAspectRatio', true).value = 'none';
+        }
+
+        // clear and render
+        if (svg.opts.ignoreClear !== true) {
+          ctx.clearRect(0, 0, cWidth, cHeight);
+        }
+        e.render(ctx);
+        if (isFirstRender) {
+          isFirstRender = false;
+          resolve(dom);
+        }
+      };
+
+      var waitingForImages = true;
+      svg.intervalID = setInterval(function () {
+        var needUpdate = false;
+
+        if (waitingForImages && svg.ImagesLoaded()) {
+          waitingForImages = false;
+          needUpdate = true;
+        }
+
+        // need update from mouse events?
+        if (svg.opts.ignoreMouse !== true) {
+          needUpdate = needUpdate | svg.Mouse.hasEvents();
+        }
+
+        // need update from animations?
+        if (svg.opts.ignoreAnimation !== true) {
+          svg.Animations.forEach(function (animation) {
+            needUpdate = needUpdate | animation.update(1000 / svg.FRAMERATE);
+          });
+        }
+
+        // need update from redraw?
+        if (typeof svg.opts.forceRedraw === 'function') {
+          if (svg.opts.forceRedraw() === true) {
+            needUpdate = true;
+          }
+        }
+
+        // render if needed
+        if (needUpdate) {
+          draw();
+          svg.Mouse.runEvents(); // run and clear our events
+        }
+      }, 1000 / svg.FRAMERATE);
+      return new Promise(function (resolve, reject) {
+        if (svg.ImagesLoaded()) {
+          waitingForImages = false;
+          draw(resolve);
+        }
+      });
+    };
+
+    svg.stop = function () {
+      if (svg.intervalID) {
+        clearInterval(svg.intervalID);
+      }
+    };
+
+    svg.Mouse = {
+      events: [],
+      hasEvents: function hasEvents() {
+        return this.events.length !== 0;
+      },
+      onclick: function onclick(x, y) {
+        this.events.push({
+          type: 'onclick', x: x, y: y,
+          run: function run(e) {
+            if (e.onclick) e.onclick();
+          }
+        });
+      },
+      onmousemove: function onmousemove(x, y) {
+        this.events.push({
+          type: 'onmousemove', x: x, y: y,
+          run: function run(e) {
+            if (e.onmousemove) e.onmousemove();
+          }
+        });
+      },
+
+
+      eventElements: [],
+
+      checkPath: function checkPath(element, ctx) {
+        var _this54 = this;
+
+        this.events.forEach(function (_ref5, i) {
+          var x = _ref5.x,
+              y = _ref5.y;
+
+          if (ctx.isPointInPath && ctx.isPointInPath(x, y)) {
+            _this54.eventElements[i] = element;
+          }
+        });
+      },
+      checkBoundingBox: function checkBoundingBox(element, bb) {
+        var _this55 = this;
+
+        this.events.forEach(function (_ref6, i) {
+          var x = _ref6.x,
+              y = _ref6.y;
+
+          if (bb.isPointInBox(x, y)) {
+            _this55.eventElements[i] = element;
+          }
+        });
+      },
+      runEvents: function runEvents() {
+        var _this56 = this;
+
+        svg.ctx.canvas.style.cursor = '';
+
+        this.events.forEach(function (e, i) {
+          var element = _this56.eventElements[i];
+          while (element) {
+            e.run(element);
+            element = element.parent;
+          }
+        });
+
+        // done running, clear
+        this.events = [];
+        this.eventElements = [];
+      }
+    };
+
+    return svg;
+  }
+
+  if (typeof CanvasRenderingContext2D !== 'undefined') {
+    CanvasRenderingContext2D.prototype.drawSvg = function (s, dx, dy, dw, dh) {
+      canvg(this.canvas, s, {
+        ignoreMouse: true,
+        ignoreAnimation: true,
+        ignoreDimensions: true,
+        ignoreClear: true,
+        offsetX: dx,
+        offsetY: dy,
+        scaleWidth: dw,
+        scaleHeight: dh
+      });
+    };
+  }
+
+  exports.setStackBlurCanvasRGBA = setStackBlurCanvasRGBA;
+  exports.canvg = canvg;
+
+  return exports;
+
+}({}));
diff --git a/dist/dom-polyfill.js b/dist/dom-polyfill.js
new file mode 100644
index 00000000..37c2375c
--- /dev/null
+++ b/dist/dom-polyfill.js
@@ -0,0 +1,124 @@
+(function () {
+  'use strict';
+
+  // From https://github.com/inexorabletash/polyfill/blob/master/dom.js
+
+  function mixin(o, ps) {
+    if (!o) return;
+    Object.keys(ps).forEach(function (p) {
+      if (p in o || p in o.prototype) {
+        return;
+      }
+      try {
+        Object.defineProperty(o.prototype, p, Object.getOwnPropertyDescriptor(ps, p));
+      } catch (ex) {
+        // Throws in IE8; just copy it
+        o[p] = ps[p];
+      }
+    });
+  }
+
+  function convertNodesIntoANode(nodes) {
+    nodes = nodes.map(function (node) {
+      return !(node instanceof Node) ? document.createTextNode(node) : node;
+    });
+    if (nodes.length === 1) {
+      return nodes[0];
+    }
+    var node = document.createDocumentFragment();
+    nodes.forEach(function (n) {
+      node.appendChild(n);
+    });
+    return node;
+  }
+
+  var ParentNode = {
+    prepend: function prepend() {
+      for (var _len = arguments.length, nodes = Array(_len), _key = 0; _key < _len; _key++) {
+        nodes[_key] = arguments[_key];
+      }
+
+      nodes = convertNodesIntoANode(nodes);
+      this.insertBefore(nodes, this.firstChild);
+    },
+    append: function append() {
+      for (var _len2 = arguments.length, nodes = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        nodes[_key2] = arguments[_key2];
+      }
+
+      nodes = convertNodesIntoANode(nodes);
+      this.appendChild(nodes);
+    }
+  };
+
+  mixin(Document || HTMLDocument, ParentNode); // HTMLDocument for IE8
+  mixin(DocumentFragment, ParentNode);
+  mixin(Element, ParentNode);
+
+  // Mixin ChildNode
+  // https://dom.spec.whatwg.org/#interface-childnode
+
+  var ChildNode = {
+    before: function before() {
+      var parent = this.parentNode;
+      if (!parent) return;
+      var viablePreviousSibling = this.previousSibling;
+
+      for (var _len3 = arguments.length, nodes = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        nodes[_key3] = arguments[_key3];
+      }
+
+      while (nodes.includes(viablePreviousSibling)) {
+        viablePreviousSibling = viablePreviousSibling.previousSibling;
+      }
+      var node = convertNodesIntoANode(nodes);
+      parent.insertBefore(node, viablePreviousSibling ? viablePreviousSibling.nextSibling : parent.firstChild);
+    },
+    after: function after() {
+      var parent = this.parentNode;
+      if (!parent) return;
+      var viableNextSibling = this.nextSibling;
+
+      for (var _len4 = arguments.length, nodes = Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        nodes[_key4] = arguments[_key4];
+      }
+
+      while (nodes.includes(viableNextSibling)) {
+        viableNextSibling = viableNextSibling.nextSibling;
+      }
+      var node = convertNodesIntoANode(nodes);
+      parent.insertBefore(node, viableNextSibling);
+    },
+    replaceWith: function replaceWith() {
+      var parent = this.parentNode;
+      if (!parent) return;
+      var viableNextSibling = this.nextSibling;
+
+      for (var _len5 = arguments.length, nodes = Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+        nodes[_key5] = arguments[_key5];
+      }
+
+      while (nodes.includes(viableNextSibling)) {
+        viableNextSibling = viableNextSibling.nextSibling;
+      }
+      var node = convertNodesIntoANode(nodes);
+
+      if (this.parentNode === parent) {
+        parent.replaceChild(node, this);
+      } else {
+        parent.insertBefore(node, viableNextSibling);
+      }
+    },
+    remove: function remove() {
+      if (!this.parentNode) {
+        return;
+      }
+      this.parentNode.removeChild(this);
+    }
+  };
+
+  mixin(DocumentType, ChildNode);
+  mixin(Element, ChildNode);
+  mixin(CharacterData, ChildNode);
+
+}());
diff --git a/dist/extensions/ext-arrows.js b/dist/extensions/ext-arrows.js
new file mode 100644
index 00000000..83e9615f
--- /dev/null
+++ b/dist/extensions/ext-arrows.js
@@ -0,0 +1,369 @@
+var svgEditorExtension_arrows = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /* globals jQuery */
+  /**
+   * ext-arrows.js
+   *
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria
+   *
+   */
+  var extArrows = {
+    name: 'arrows',
+    init: function () {
+      var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(S) {
+        var strings, svgEditor, svgCanvas, $, addElem, nonce, prefix, selElems, arrowprefix, randomizeIds, setArrowNonce, unsetArrowNonce, pathdata, getLinked, showPanel, resetMarker, addMarker, setArrow, colorChanged, contextTools;
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                colorChanged = function colorChanged(elem) {
+                  var color = elem.getAttribute('stroke');
+                  var mtypes = ['start', 'mid', 'end'];
+                  var defs = svgCanvas.findDefs();
+
+                  $.each(mtypes, function (i, type) {
+                    var marker = getLinked(elem, 'marker-' + type);
+                    if (!marker) {
+                      return;
+                    }
+
+                    var curColor = $(marker).children().attr('fill');
+                    var curD = $(marker).children().attr('d');
+                    if (curColor === color) {
+                      return;
+                    }
+
+                    var allMarkers = $(defs).find('marker');
+                    var newMarker = null;
+                    // Different color, check if already made
+                    allMarkers.each(function () {
+                      var attrs = $(this).children().attr(['fill', 'd']);
+                      if (attrs.fill === color && attrs.d === curD) {
+                        // Found another marker with this color and this path
+                        newMarker = this;
+                      }
+                    });
+
+                    if (!newMarker) {
+                      // Create a new marker with this color
+                      var lastId = marker.id;
+                      var dir = lastId.includes('_fw') ? 'fw' : 'bk';
+
+                      newMarker = addMarker(dir, type, arrowprefix + dir + allMarkers.length);
+
+                      $(newMarker).children().attr('fill', color);
+                    }
+
+                    $(elem).attr('marker-' + type, 'url(#' + newMarker.id + ')');
+
+                    // Check if last marker can be removed
+                    var remove = true;
+                    $(S.svgcontent).find('line, polyline, path, polygon').each(function () {
+                      var elem = this;
+                      $.each(mtypes, function (j, mtype) {
+                        if ($(elem).attr('marker-' + mtype) === 'url(#' + marker.id + ')') {
+                          remove = false;
+                          return remove;
+                        }
+                      });
+                      if (!remove) {
+                        return false;
+                      }
+                    });
+
+                    // Not found, so can safely remove
+                    if (remove) {
+                      $(marker).remove();
+                    }
+                  });
+                };
+
+                setArrow = function setArrow() {
+                  resetMarker();
+
+                  var type = this.value;
+                  if (type === 'none') {
+                    return;
+                  }
+
+                  // Set marker on element
+                  var dir = 'fw';
+                  if (type === 'mid_bk') {
+                    type = 'mid';
+                    dir = 'bk';
+                  } else if (type === 'both') {
+                    addMarker('bk', type);
+                    svgCanvas.changeSelectedAttribute('marker-start', 'url(#' + pathdata.bk.id + ')');
+                    type = 'end';
+                    dir = 'fw';
+                  } else if (type === 'start') {
+                    dir = 'bk';
+                  }
+
+                  addMarker(dir, type);
+                  svgCanvas.changeSelectedAttribute('marker-' + type, 'url(#' + pathdata[dir].id + ')');
+                  svgCanvas.call('changed', selElems);
+                };
+
+                addMarker = function addMarker(dir, type, id) {
+                  // TODO: Make marker (or use?) per arrow type, since refX can be different
+                  id = id || arrowprefix + dir;
+
+                  var data = pathdata[dir];
+
+                  if (type === 'mid') {
+                    data.refx = 5;
+                  }
+
+                  var marker = svgCanvas.getElem(id);
+                  if (!marker) {
+                    marker = addElem({
+                      element: 'marker',
+                      attr: {
+                        viewBox: '0 0 10 10',
+                        id: id,
+                        refY: 5,
+                        markerUnits: 'strokeWidth',
+                        markerWidth: 5,
+                        markerHeight: 5,
+                        orient: 'auto',
+                        style: 'pointer-events:none' // Currently needed for Opera
+                      }
+                    });
+                    var arrow = addElem({
+                      element: 'path',
+                      attr: {
+                        d: data.d,
+                        fill: '#000000'
+                      }
+                    });
+                    marker.append(arrow);
+                    svgCanvas.findDefs().append(marker);
+                  }
+
+                  marker.setAttribute('refX', data.refx);
+
+                  return marker;
+                };
+
+                resetMarker = function resetMarker() {
+                  var el = selElems[0];
+                  el.removeAttribute('marker-start');
+                  el.removeAttribute('marker-mid');
+                  el.removeAttribute('marker-end');
+                };
+
+                showPanel = function showPanel(on) {
+                  $('#arrow_panel').toggle(on);
+                  if (on) {
+                    var el = selElems[0];
+                    var end = el.getAttribute('marker-end');
+                    var start = el.getAttribute('marker-start');
+                    var mid = el.getAttribute('marker-mid');
+                    var val = void 0;
+                    if (end && start) {
+                      val = 'both';
+                    } else if (end) {
+                      val = 'end';
+                    } else if (start) {
+                      val = 'start';
+                    } else if (mid) {
+                      val = 'mid';
+                      if (mid.includes('bk')) {
+                        val = 'mid_bk';
+                      }
+                    }
+
+                    if (!start && !mid && !end) {
+                      val = 'none';
+                    }
+
+                    $('#arrow_list').val(val);
+                  }
+                };
+
+                getLinked = function getLinked(elem, attr) {
+                  var str = elem.getAttribute(attr);
+                  if (!str) {
+                    return null;
+                  }
+                  var m = str.match(/\(#(.*)\)/);
+                  if (!m || m.length !== 2) {
+                    return null;
+                  }
+                  return svgCanvas.getElem(m[1]);
+                };
+
+                unsetArrowNonce = function unsetArrowNonce(window) {
+                  randomizeIds = false;
+                  arrowprefix = prefix;
+                  pathdata.fw.id = arrowprefix + 'fw';
+                  pathdata.bk.id = arrowprefix + 'bk';
+                };
+
+                setArrowNonce = function setArrowNonce(window, n) {
+                  randomizeIds = true;
+                  arrowprefix = prefix + n + '_';
+                  pathdata.fw.id = arrowprefix + 'fw';
+                  pathdata.bk.id = arrowprefix + 'bk';
+                };
+
+                _context2.next = 10;
+                return S.importLocale();
+
+              case 10:
+                strings = _context2.sent;
+                svgEditor = this;
+                svgCanvas = svgEditor.canvas;
+                $ = jQuery;
+                // {svgcontent} = S,
+                addElem = svgCanvas.addSVGElementFromJson, nonce = S.nonce, prefix = 'se_arrow_';
+                selElems = void 0, arrowprefix = void 0, randomizeIds = S.randomize_ids;
+
+
+                svgCanvas.bind('setnonce', setArrowNonce);
+                svgCanvas.bind('unsetnonce', unsetArrowNonce);
+
+                if (randomizeIds) {
+                  arrowprefix = prefix + nonce + '_';
+                } else {
+                  arrowprefix = prefix;
+                }
+
+                pathdata = {
+                  fw: { d: 'm0,0l10,5l-10,5l5,-5l-5,-5z', refx: 8, id: arrowprefix + 'fw' },
+                  bk: { d: 'm10,0l-10,5l10,5l-5,-5l5,-5z', refx: 2, id: arrowprefix + 'bk' }
+                };
+                contextTools = [{
+                  type: 'select',
+                  panel: 'arrow_panel',
+                  id: 'arrow_list',
+                  defval: 'none',
+                  events: {
+                    change: setArrow
+                  }
+                }];
+                return _context2.abrupt('return', {
+                  name: strings.name,
+                  context_tools: strings.contextTools.map(function (contextTool, i) {
+                    return Object.assign(contextTools[i], contextTool);
+                  }),
+                  callback: function callback() {
+                    $('#arrow_panel').hide();
+                    // Set ID so it can be translated in locale file
+                    $('#arrow_list option')[0].id = 'connector_no_arrow';
+                  },
+                  addLangData: function () {
+                    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref2) {
+                      var lang = _ref2.lang,
+                          importLocale = _ref2.importLocale;
+                      var strings;
+                      return regeneratorRuntime.wrap(function _callee$(_context) {
+                        while (1) {
+                          switch (_context.prev = _context.next) {
+                            case 0:
+                              _context.next = 2;
+                              return importLocale();
+
+                            case 2:
+                              strings = _context.sent;
+                              return _context.abrupt('return', {
+                                data: strings.langList
+                              });
+
+                            case 4:
+                            case 'end':
+                              return _context.stop();
+                          }
+                        }
+                      }, _callee, this);
+                    }));
+
+                    function addLangData(_x2) {
+                      return _ref3.apply(this, arguments);
+                    }
+
+                    return addLangData;
+                  }(),
+                  selectedChanged: function selectedChanged(opts) {
+                    // Use this to update the current selected elements
+                    selElems = opts.elems;
+
+                    var markerElems = ['line', 'path', 'polyline', 'polygon'];
+                    var i = selElems.length;
+                    while (i--) {
+                      var elem = selElems[i];
+                      if (elem && markerElems.includes(elem.tagName)) {
+                        if (opts.selectedElement && !opts.multiselected) {
+                          showPanel(true);
+                        } else {
+                          showPanel(false);
+                        }
+                      } else {
+                        showPanel(false);
+                      }
+                    }
+                  },
+                  elementChanged: function elementChanged(opts) {
+                    var elem = opts.elems[0];
+                    if (elem && (elem.getAttribute('marker-start') || elem.getAttribute('marker-mid') || elem.getAttribute('marker-end'))) {
+                      // const start = elem.getAttribute('marker-start');
+                      // const mid = elem.getAttribute('marker-mid');
+                      // const end = elem.getAttribute('marker-end');
+                      // Has marker, so see if it should match color
+                      colorChanged(elem);
+                    }
+                  }
+                });
+
+              case 22:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function init(_x) {
+        return _ref.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extArrows;
+
+}());
diff --git a/dist/extensions/ext-closepath.js b/dist/extensions/ext-closepath.js
new file mode 100644
index 00000000..efa7cfd0
--- /dev/null
+++ b/dist/extensions/ext-closepath.js
@@ -0,0 +1,164 @@
+var svgEditorExtension_closepath = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /* globals jQuery */
+  /**
+   * ext-closepath.js
+   *
+   * @license MIT
+   *
+   * @copyright 2010 Jeff Schiller
+   *
+   */
+
+  // This extension adds a simple button to the contextual panel for paths
+  // The button toggles whether the path is open or closed
+  var extClosepath = {
+    name: 'closepath',
+    init: function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
+        var importLocale = _ref.importLocale;
+        var strings, $, svgEditor, selElems, updateButton, showPanel, toggleClosed, buttons;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return importLocale();
+
+              case 2:
+                strings = _context.sent;
+                $ = jQuery;
+                svgEditor = this;
+                selElems = void 0;
+
+                updateButton = function updateButton(path) {
+                  var seglist = path.pathSegList,
+                      closed = seglist.getItem(seglist.numberOfItems - 1).pathSegType === 1,
+                      showbutton = closed ? '#tool_openpath' : '#tool_closepath',
+                      hidebutton = closed ? '#tool_closepath' : '#tool_openpath';
+                  $(hidebutton).hide();
+                  $(showbutton).show();
+                };
+
+                showPanel = function showPanel(on) {
+                  $('#closepath_panel').toggle(on);
+                  if (on) {
+                    var path = selElems[0];
+                    if (path) {
+                      updateButton(path);
+                    }
+                  }
+                };
+
+                toggleClosed = function toggleClosed() {
+                  var path = selElems[0];
+                  if (path) {
+                    var seglist = path.pathSegList,
+                        last = seglist.numberOfItems - 1;
+                    // is closed
+                    if (seglist.getItem(last).pathSegType === 1) {
+                      seglist.removeItem(last);
+                    } else {
+                      seglist.appendItem(path.createSVGPathSegClosePath());
+                    }
+                    updateButton(path);
+                  }
+                };
+
+                buttons = [{
+                  id: 'tool_openpath',
+                  icon: svgEditor.curConfig.extIconsPath + 'openpath.png',
+                  type: 'context',
+                  panel: 'closepath_panel',
+                  events: {
+                    click: function click() {
+                      toggleClosed();
+                    }
+                  }
+                }, {
+                  id: 'tool_closepath',
+                  icon: svgEditor.curConfig.extIconsPath + 'closepath.png',
+                  type: 'context',
+                  panel: 'closepath_panel',
+                  events: {
+                    click: function click() {
+                      toggleClosed();
+                    }
+                  }
+                }];
+                return _context.abrupt('return', {
+                  name: strings.name,
+                  svgicons: svgEditor.curConfig.extIconsPath + 'closepath_icons.svg',
+                  buttons: strings.buttons.map(function (button, i) {
+                    return Object.assign(buttons[i], button);
+                  }),
+                  callback: function callback() {
+                    $('#closepath_panel').hide();
+                  },
+                  selectedChanged: function selectedChanged(opts) {
+                    selElems = opts.elems;
+                    var i = selElems.length;
+                    while (i--) {
+                      var elem = selElems[i];
+                      if (elem && elem.tagName === 'path') {
+                        if (opts.selectedElement && !opts.multiselected) {
+                          showPanel(true);
+                        } else {
+                          showPanel(false);
+                        }
+                      } else {
+                        showPanel(false);
+                      }
+                    }
+                  }
+                });
+
+              case 11:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init(_x) {
+        return _ref2.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extClosepath;
+
+}());
diff --git a/dist/extensions/ext-connector.js b/dist/extensions/ext-connector.js
new file mode 100644
index 00000000..1d325cae
--- /dev/null
+++ b/dist/extensions/ext-connector.js
@@ -0,0 +1,683 @@
+var svgEditorExtension_connector = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /* globals jQuery */
+  /**
+   * ext-connector.js
+   *
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria
+   *
+   */
+
+  var extConnector = {
+    name: 'connector',
+    init: function () {
+      var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(S) {
+        var $, svgEditor, svgCanvas, getElem, svgroot, importLocale, addElem, selManager, connSel, elData, strings, startX, startY, curLine, startElem, endElem, seNs, svgcontent, started, connections, selElems, getBBintersect, getOffset, showPanel, setPoint, updateLine, findConnectors, updateConnectors, init, buttons;
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                init = function init() {
+                  // Make sure all connectors have data set
+                  $(svgcontent).find('*').each(function () {
+                    var conn = this.getAttributeNS(seNs, 'connector');
+                    if (conn) {
+                      this.setAttribute('class', connSel.substr(1));
+                      var connData = conn.split(' ');
+                      var sbb = svgCanvas.getStrokedBBox([getElem(connData[0])]);
+                      var ebb = svgCanvas.getStrokedBBox([getElem(connData[1])]);
+                      $(this).data('c_start', connData[0]).data('c_end', connData[1]).data('start_bb', sbb).data('end_bb', ebb);
+                      svgCanvas.getEditorNS(true);
+                    }
+                  });
+                  // updateConnectors();
+                };
+
+                updateConnectors = function updateConnectors(elems) {
+                  // Updates connector lines based on selected elements
+                  // Is not used on mousemove, as it runs getStrokedBBox every time,
+                  // which isn't necessary there.
+                  findConnectors(elems);
+                  if (connections.length) {
+                    // Update line with element
+                    var i = connections.length;
+                    while (i--) {
+                      var conn = connections[i];
+                      var line = conn.connector;
+                      var elem = conn.elem;
+
+                      // const sw = line.getAttribute('stroke-width') * 5;
+
+                      var pre = conn.is_start ? 'start' : 'end';
+
+                      // Update bbox for this element
+                      var bb = svgCanvas.getStrokedBBox([elem]);
+                      bb.x = conn.start_x;
+                      bb.y = conn.start_y;
+                      elData(line, pre + '_bb', bb);
+                      /* const addOffset = */elData(line, pre + '_off');
+
+                      var altPre = conn.is_start ? 'end' : 'start';
+
+                      // Get center pt of connected element
+                      var bb2 = elData(line, altPre + '_bb');
+                      var srcX = bb2.x + bb2.width / 2;
+                      var srcY = bb2.y + bb2.height / 2;
+
+                      // Set point of element being moved
+                      var pt = getBBintersect(srcX, srcY, bb, getOffset(pre, line));
+                      setPoint(line, conn.is_start ? 0 : 'end', pt.x, pt.y, true);
+
+                      // Set point of connected element
+                      var pt2 = getBBintersect(pt.x, pt.y, elData(line, altPre + '_bb'), getOffset(altPre, line));
+                      setPoint(line, conn.is_start ? 'end' : 0, pt2.x, pt2.y, true);
+
+                      // Update points attribute manually for webkit
+                      if (navigator.userAgent.includes('AppleWebKit')) {
+                        var pts = line.points;
+                        var len = pts.numberOfItems;
+                        var ptArr = [];
+                        for (var j = 0; j < len; j++) {
+                          pt = pts.getItem(j);
+                          ptArr[j] = pt.x + ',' + pt.y;
+                        }
+                        line.setAttribute('points', ptArr.join(' '));
+                      }
+                    }
+                  }
+                };
+
+                findConnectors = function findConnectors() {
+                  var elems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : selElems;
+
+                  var connectors = $(svgcontent).find(connSel);
+                  connections = [];
+
+                  // Loop through connectors to see if one is connected to the element
+                  connectors.each(function () {
+                    var addThis = void 0;
+                    function add() {
+                      if (elems.includes(this)) {
+                        // Pretend this element is selected
+                        addThis = true;
+                      }
+                    }
+
+                    // Grab the ends
+                    var parts = [];
+                    ['start', 'end'].forEach(function (pos, i) {
+                      var key = 'c_' + pos;
+                      var part = elData(this, key);
+                      if (part == null) {
+                        part = document.getElementById(this.attributes['se:connector'].value.split(' ')[i]);
+                        elData(this, 'c_' + pos, part.id);
+                        elData(this, pos + '_bb', svgCanvas.getStrokedBBox([part]));
+                      } else part = document.getElementById(part);
+                      parts.push(part);
+                    }.bind(this));
+
+                    for (var i = 0; i < 2; i++) {
+                      var cElem = parts[i];
+
+                      addThis = false;
+                      // The connected element might be part of a selected group
+                      $(cElem).parents().each(add);
+
+                      if (!cElem || !cElem.parentNode) {
+                        $(this).remove();
+                        continue;
+                      }
+                      if (elems.includes(cElem) || addThis) {
+                        var bb = svgCanvas.getStrokedBBox([cElem]);
+                        connections.push({
+                          elem: cElem,
+                          connector: this,
+                          is_start: i === 0,
+                          start_x: bb.x,
+                          start_y: bb.y
+                        });
+                      }
+                    }
+                  });
+                };
+
+                updateLine = function updateLine(diffX, diffY) {
+                  // Update line with element
+                  var i = connections.length;
+                  while (i--) {
+                    var conn = connections[i];
+                    var line = conn.connector;
+                    // const {elem} = conn;
+
+                    var pre = conn.is_start ? 'start' : 'end';
+                    // const sw = line.getAttribute('stroke-width') * 5;
+
+                    // Update bbox for this element
+                    var bb = elData(line, pre + '_bb');
+                    bb.x = conn.start_x + diffX;
+                    bb.y = conn.start_y + diffY;
+                    elData(line, pre + '_bb', bb);
+
+                    var altPre = conn.is_start ? 'end' : 'start';
+
+                    // Get center pt of connected element
+                    var bb2 = elData(line, altPre + '_bb');
+                    var srcX = bb2.x + bb2.width / 2;
+                    var srcY = bb2.y + bb2.height / 2;
+
+                    // Set point of element being moved
+                    var pt = getBBintersect(srcX, srcY, bb, getOffset(pre, line)); // $(line).data(pre+'_off')?sw:0
+                    setPoint(line, conn.is_start ? 0 : 'end', pt.x, pt.y, true);
+
+                    // Set point of connected element
+                    var pt2 = getBBintersect(pt.x, pt.y, elData(line, altPre + '_bb'), getOffset(altPre, line));
+                    setPoint(line, conn.is_start ? 'end' : 0, pt2.x, pt2.y, true);
+                  }
+                };
+
+                setPoint = function setPoint(elem, pos, x, y, setMid) {
+                  var pts = elem.points;
+                  var pt = svgroot.createSVGPoint();
+                  pt.x = x;
+                  pt.y = y;
+                  if (pos === 'end') {
+                    pos = pts.numberOfItems - 1;
+                  }
+                  // TODO: Test for this on init, then use alt only if needed
+                  try {
+                    pts.replaceItem(pt, pos);
+                  } catch (err) {
+                    // Should only occur in FF which formats points attr as "n,n n,n", so just split
+                    var ptArr = elem.getAttribute('points').split(' ');
+                    for (var i = 0; i < ptArr.length; i++) {
+                      if (i === pos) {
+                        ptArr[i] = x + ',' + y;
+                      }
+                    }
+                    elem.setAttribute('points', ptArr.join(' '));
+                  }
+
+                  if (setMid) {
+                    // Add center point
+                    var ptStart = pts.getItem(0);
+                    var ptEnd = pts.getItem(pts.numberOfItems - 1);
+                    setPoint(elem, 1, (ptEnd.x + ptStart.x) / 2, (ptEnd.y + ptStart.y) / 2);
+                  }
+                };
+
+                showPanel = function showPanel(on) {
+                  var connRules = $('#connector_rules');
+                  if (!connRules.length) {
+                    connRules = $('<style id="connector_rules"></style>').appendTo('head');
+                  }
+                  connRules.text(!on ? '' : '#tool_clone, #tool_topath, #tool_angle, #xy_panel { display: none !important; }');
+                  $('#connector_panel').toggle(on);
+                };
+
+                getOffset = function getOffset(side, line) {
+                  var giveOffset = !!line.getAttribute('marker-' + side);
+                  // const giveOffset = $(line).data(side+'_off');
+
+                  // TODO: Make this number (5) be based on marker width/height
+                  var size = line.getAttribute('stroke-width') * 5;
+                  return giveOffset ? size : 0;
+                };
+
+                getBBintersect = function getBBintersect(x, y, bb, offset) {
+                  if (offset) {
+                    offset -= 0;
+                    bb = $.extend({}, bb);
+                    bb.width += offset;
+                    bb.height += offset;
+                    bb.x -= offset / 2;
+                    bb.y -= offset / 2;
+                  }
+
+                  var midX = bb.x + bb.width / 2;
+                  var midY = bb.y + bb.height / 2;
+                  var lenX = x - midX;
+                  var lenY = y - midY;
+
+                  var slope = Math.abs(lenY / lenX);
+
+                  var ratio = void 0;
+                  if (slope < bb.height / bb.width) {
+                    ratio = bb.width / 2 / Math.abs(lenX);
+                  } else {
+                    ratio = lenY ? bb.height / 2 / Math.abs(lenY) : 0;
+                  }
+
+                  return {
+                    x: midX + lenX * ratio,
+                    y: midY + lenY * ratio
+                  };
+                };
+
+                $ = jQuery;
+                svgEditor = this;
+                svgCanvas = svgEditor.canvas;
+                getElem = svgCanvas.getElem;
+                svgroot = S.svgroot, importLocale = S.importLocale, addElem = svgCanvas.addSVGElementFromJson, selManager = S.selectorManager, connSel = '.se_connector', elData = $.data;
+                _context2.next = 15;
+                return importLocale();
+
+              case 15:
+                strings = _context2.sent;
+                startX = void 0, startY = void 0, curLine = void 0, startElem = void 0, endElem = void 0, seNs = void 0, svgcontent = S.svgcontent, started = false, connections = [], selElems = [];
+
+                /**
+                *
+                * @param {Element[]} [elem=selElems] Array of elements
+                */
+
+                // Do once
+                (function () {
+                  var gse = svgCanvas.groupSelectedElements;
+
+                  svgCanvas.groupSelectedElements = function () {
+                    svgCanvas.removeFromSelection($(connSel).toArray());
+                    return gse.apply(this, arguments);
+                  };
+
+                  var mse = svgCanvas.moveSelectedElements;
+
+                  svgCanvas.moveSelectedElements = function () {
+                    var cmd = mse.apply(this, arguments);
+                    updateConnectors();
+                    return cmd;
+                  };
+
+                  seNs = svgCanvas.getEditorNS();
+                })();
+
+                // Do on reset
+
+
+                // $(svgroot).parent().mousemove(function (e) {
+                // // if (started
+                // //   || svgCanvas.getMode() !== 'connector'
+                // //  || e.target.parentNode.parentNode !== svgcontent) return;
+                //
+                // console.log('y')
+                // // if (e.target.parentNode.parentNode === svgcontent) {
+                // //
+                // // }
+                // });
+
+                buttons = [{
+                  id: 'mode_connect',
+                  type: 'mode',
+                  icon: svgEditor.curConfig.imgPath + 'cut.png',
+                  includeWith: {
+                    button: '#tool_line',
+                    isDefault: false,
+                    position: 1
+                  },
+                  events: {
+                    click: function click() {
+                      svgCanvas.setMode('connector');
+                    }
+                  }
+                }];
+                return _context2.abrupt('return', {
+                  name: strings.name,
+                  svgicons: svgEditor.curConfig.imgPath + 'conn.svg',
+                  buttons: strings.buttons.map(function (button, i) {
+                    return Object.assign(buttons[i], button);
+                  }),
+                  addLangData: function () {
+                    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref2) {
+                      var lang = _ref2.lang,
+                          importLocale = _ref2.importLocale;
+                      return regeneratorRuntime.wrap(function _callee$(_context) {
+                        while (1) {
+                          switch (_context.prev = _context.next) {
+                            case 0:
+                              return _context.abrupt('return', {
+                                data: strings.langList
+                              });
+
+                            case 1:
+                            case 'end':
+                              return _context.stop();
+                          }
+                        }
+                      }, _callee, this);
+                    }));
+
+                    function addLangData(_x3) {
+                      return _ref3.apply(this, arguments);
+                    }
+
+                    return addLangData;
+                  }(),
+                  mouseDown: function mouseDown(opts) {
+                    var e = opts.event;
+                    startX = opts.start_x;
+                    startY = opts.start_y;
+                    var mode = svgCanvas.getMode();
+                    var initStroke = svgEditor.curConfig.initStroke;
+
+
+                    if (mode === 'connector') {
+                      if (started) {
+                        return;
+                      }
+
+                      var mouseTarget = e.target;
+
+                      var parents = $(mouseTarget).parents();
+
+                      if ($.inArray(svgcontent, parents) !== -1) {
+                        // Connectable element
+
+                        // If child of foreignObject, use parent
+                        var fo = $(mouseTarget).closest('foreignObject');
+                        startElem = fo.length ? fo[0] : mouseTarget;
+
+                        // Get center of source element
+                        var bb = svgCanvas.getStrokedBBox([startElem]);
+                        var x = bb.x + bb.width / 2;
+                        var y = bb.y + bb.height / 2;
+
+                        started = true;
+                        curLine = addElem({
+                          element: 'polyline',
+                          attr: {
+                            id: svgCanvas.getNextId(),
+                            points: x + ',' + y + ' ' + x + ',' + y + ' ' + startX + ',' + startY,
+                            stroke: '#' + initStroke.color,
+                            'stroke-width': !startElem.stroke_width || startElem.stroke_width === 0 ? initStroke.width : startElem.stroke_width,
+                            fill: 'none',
+                            opacity: initStroke.opacity,
+                            style: 'pointer-events:none'
+                          }
+                        });
+                        elData(curLine, 'start_bb', bb);
+                      }
+                      return {
+                        started: true
+                      };
+                    }
+                    if (mode === 'select') {
+                      findConnectors();
+                    }
+                  },
+                  mouseMove: function mouseMove(opts) {
+                    var zoom = svgCanvas.getZoom();
+                    // const e = opts.event;
+                    var x = opts.mouse_x / zoom;
+                    var y = opts.mouse_y / zoom;
+
+                    var diffX = x - startX,
+                        diffY = y - startY;
+
+                    var mode = svgCanvas.getMode();
+
+                    if (mode === 'connector' && started) {
+                      // const sw = curLine.getAttribute('stroke-width') * 3;
+                      // Set start point (adjusts based on bb)
+                      var pt = getBBintersect(x, y, elData(curLine, 'start_bb'), getOffset('start', curLine));
+                      startX = pt.x;
+                      startY = pt.y;
+
+                      setPoint(curLine, 0, pt.x, pt.y, true);
+
+                      // Set end point
+                      setPoint(curLine, 'end', x, y, true);
+                    } else if (mode === 'select') {
+                      var slen = selElems.length;
+                      while (slen--) {
+                        var elem = selElems[slen];
+                        // Look for selected connector elements
+                        if (elem && elData(elem, 'c_start')) {
+                          // Remove the "translate" transform given to move
+                          svgCanvas.removeFromSelection([elem]);
+                          svgCanvas.getTransformList(elem).clear();
+                        }
+                      }
+                      if (connections.length) {
+                        updateLine(diffX, diffY);
+                      }
+                    }
+                  },
+                  mouseUp: function mouseUp(opts) {
+                    // const zoom = svgCanvas.getZoom();
+                    var e = opts.event;
+                    // , x = opts.mouse_x / zoom,
+                    // , y = opts.mouse_y / zoom,
+                    var mouseTarget = e.target;
+
+                    if (svgCanvas.getMode() !== 'connector') {
+                      return;
+                    }
+                    var fo = $(mouseTarget).closest('foreignObject');
+                    if (fo.length) {
+                      mouseTarget = fo[0];
+                    }
+
+                    var parents = $(mouseTarget).parents();
+
+                    if (mouseTarget === startElem) {
+                      // Start line through click
+                      started = true;
+                      return {
+                        keep: true,
+                        element: null,
+                        started: started
+                      };
+                    }
+                    if ($.inArray(svgcontent, parents) === -1) {
+                      // Not a valid target element, so remove line
+                      $(curLine).remove();
+                      started = false;
+                      return {
+                        keep: false,
+                        element: null,
+                        started: started
+                      };
+                    }
+                    // Valid end element
+                    endElem = mouseTarget;
+
+                    var startId = startElem.id,
+                        endId = endElem.id;
+                    var connStr = startId + ' ' + endId;
+                    var altStr = endId + ' ' + startId;
+                    // Don't create connector if one already exists
+                    var dupe = $(svgcontent).find(connSel).filter(function () {
+                      var conn = this.getAttributeNS(seNs, 'connector');
+                      if (conn === connStr || conn === altStr) {
+                        return true;
+                      }
+                    });
+                    if (dupe.length) {
+                      $(curLine).remove();
+                      return {
+                        keep: false,
+                        element: null,
+                        started: false
+                      };
+                    }
+
+                    var bb = svgCanvas.getStrokedBBox([endElem]);
+
+                    var pt = getBBintersect(startX, startY, bb, getOffset('start', curLine));
+                    setPoint(curLine, 'end', pt.x, pt.y, true);
+                    $(curLine).data('c_start', startId).data('c_end', endId).data('end_bb', bb);
+                    seNs = svgCanvas.getEditorNS(true);
+                    curLine.setAttributeNS(seNs, 'se:connector', connStr);
+                    curLine.setAttribute('class', connSel.substr(1));
+                    curLine.setAttribute('opacity', 1);
+                    svgCanvas.addToSelection([curLine]);
+                    svgCanvas.moveToBottomSelectedElement();
+                    selManager.requestSelector(curLine).showGrips(false);
+                    started = false;
+                    return {
+                      keep: true,
+                      element: curLine,
+                      started: started
+                    };
+                  },
+                  selectedChanged: function selectedChanged(opts) {
+                    // TODO: Find better way to skip operations if no connectors are in use
+                    if (!$(svgcontent).find(connSel).length) {
+                      return;
+                    }
+
+                    if (svgCanvas.getMode() === 'connector') {
+                      svgCanvas.setMode('select');
+                    }
+
+                    // Use this to update the current selected elements
+                    selElems = opts.elems;
+
+                    var i = selElems.length;
+                    while (i--) {
+                      var elem = selElems[i];
+                      if (elem && elData(elem, 'c_start')) {
+                        selManager.requestSelector(elem).showGrips(false);
+                        if (opts.selectedElement && !opts.multiselected) {
+                          // TODO: Set up context tools and hide most regular line tools
+                          showPanel(true);
+                        } else {
+                          showPanel(false);
+                        }
+                      } else {
+                        showPanel(false);
+                      }
+                    }
+                    updateConnectors();
+                  },
+                  elementChanged: function elementChanged(opts) {
+                    var elem = opts.elems[0];
+                    if (elem && elem.tagName === 'svg' && elem.id === 'svgcontent') {
+                      // Update svgcontent (can change on import)
+                      svgcontent = elem;
+                      init();
+                    }
+
+                    // Has marker, so change offset
+                    if (elem && (elem.getAttribute('marker-start') || elem.getAttribute('marker-mid') || elem.getAttribute('marker-end'))) {
+                      var start = elem.getAttribute('marker-start');
+                      var mid = elem.getAttribute('marker-mid');
+                      var end = elem.getAttribute('marker-end');
+                      curLine = elem;
+                      $(elem).data('start_off', !!start).data('end_off', !!end);
+
+                      if (elem.tagName === 'line' && mid) {
+                        // Convert to polyline to accept mid-arrow
+
+                        var x1 = Number(elem.getAttribute('x1'));
+                        var x2 = Number(elem.getAttribute('x2'));
+                        var y1 = Number(elem.getAttribute('y1'));
+                        var y2 = Number(elem.getAttribute('y2'));
+                        var _elem = elem,
+                            id = _elem.id;
+
+
+                        var midPt = ' ' + (x1 + x2) / 2 + ',' + (y1 + y2) / 2 + ' ';
+                        var pline = addElem({
+                          element: 'polyline',
+                          attr: {
+                            points: x1 + ',' + y1 + midPt + x2 + ',' + y2,
+                            stroke: elem.getAttribute('stroke'),
+                            'stroke-width': elem.getAttribute('stroke-width'),
+                            'marker-mid': mid,
+                            fill: 'none',
+                            opacity: elem.getAttribute('opacity') || 1
+                          }
+                        });
+                        $(elem).after(pline).remove();
+                        svgCanvas.clearSelection();
+                        pline.id = id;
+                        svgCanvas.addToSelection([pline]);
+                        elem = pline;
+                      }
+                    }
+                    // Update line if it's a connector
+                    if (elem.getAttribute('class') === connSel.substr(1)) {
+                      var _start = getElem(elData(elem, 'c_start'));
+                      updateConnectors([_start]);
+                    } else {
+                      updateConnectors();
+                    }
+                  },
+                  IDsUpdated: function IDsUpdated(input) {
+                    var remove = [];
+                    input.elems.forEach(function (elem) {
+                      if ('se:connector' in elem.attr) {
+                        elem.attr['se:connector'] = elem.attr['se:connector'].split(' ').map(function (oldID) {
+                          return input.changes[oldID];
+                        }).join(' ');
+
+                        // Check validity - the field would be something like 'svg_21 svg_22', but
+                        // if one end is missing, it would be 'svg_21' and therefore fail this test
+                        if (!/. ./.test(elem.attr['se:connector'])) {
+                          remove.push(elem.attr.id);
+                        }
+                      }
+                    });
+                    return { remove: remove };
+                  },
+                  toolButtonStateUpdate: function toolButtonStateUpdate(opts) {
+                    if (opts.nostroke) {
+                      if ($('#mode_connect').hasClass('tool_button_current')) {
+                        svgEditor.clickSelect();
+                      }
+                    }
+                    $('#mode_connect').toggleClass('disabled', opts.nostroke);
+                  }
+                });
+
+              case 20:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function init(_x) {
+        return _ref.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extConnector;
+
+}());
diff --git a/dist/extensions/ext-eyedropper.js b/dist/extensions/ext-eyedropper.js
new file mode 100644
index 00000000..0f9b50b9
--- /dev/null
+++ b/dist/extensions/ext-eyedropper.js
@@ -0,0 +1,185 @@
+var svgEditorExtension_eyedropper = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /* globals jQuery */
+  /**
+   * ext-eyedropper.js
+   *
+   * @license MIT
+   *
+   * @copyright 2010 Jeff Schiller
+   *
+   */
+
+  var extEyedropper = {
+    name: 'eyedropper',
+    init: function () {
+      var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(S) {
+        var strings, svgEditor, $, ChangeElementCommand, svgCanvas, addToHistory, currentStyle, getStyle, buttons;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                getStyle = function getStyle(opts) {
+                  // if we are in eyedropper mode, we don't want to disable the eye-dropper tool
+                  var mode = svgCanvas.getMode();
+                  if (mode === 'eyedropper') {
+                    return;
+                  }
+
+                  var tool = $('#tool_eyedropper');
+                  // enable-eye-dropper if one element is selected
+                  var elem = null;
+                  if (!opts.multiselected && opts.elems[0] && !['svg', 'g', 'use'].includes(opts.elems[0].nodeName)) {
+                    elem = opts.elems[0];
+                    tool.removeClass('disabled');
+                    // grab the current style
+                    currentStyle.fillPaint = elem.getAttribute('fill') || 'black';
+                    currentStyle.fillOpacity = elem.getAttribute('fill-opacity') || 1.0;
+                    currentStyle.strokePaint = elem.getAttribute('stroke');
+                    currentStyle.strokeOpacity = elem.getAttribute('stroke-opacity') || 1.0;
+                    currentStyle.strokeWidth = elem.getAttribute('stroke-width');
+                    currentStyle.strokeDashArray = elem.getAttribute('stroke-dasharray');
+                    currentStyle.strokeLinecap = elem.getAttribute('stroke-linecap');
+                    currentStyle.strokeLinejoin = elem.getAttribute('stroke-linejoin');
+                    currentStyle.opacity = elem.getAttribute('opacity') || 1.0;
+                    // disable eye-dropper tool
+                  } else {
+                    tool.addClass('disabled');
+                  }
+                };
+
+                _context.next = 3;
+                return S.importLocale();
+
+              case 3:
+                strings = _context.sent;
+                svgEditor = this;
+                $ = jQuery;
+                ChangeElementCommand = S.ChangeElementCommand, svgCanvas = svgEditor.canvas, addToHistory = function addToHistory(cmd) {
+                  svgCanvas.undoMgr.addCommandToHistory(cmd);
+                }, currentStyle = {
+                  fillPaint: 'red', fillOpacity: 1.0,
+                  strokePaint: 'black', strokeOpacity: 1.0,
+                  strokeWidth: 5, strokeDashArray: null,
+                  opacity: 1.0,
+                  strokeLinecap: 'butt',
+                  strokeLinejoin: 'miter'
+                };
+                buttons = [{
+                  id: 'tool_eyedropper',
+                  icon: svgEditor.curConfig.extIconsPath + 'eyedropper.png',
+                  type: 'mode',
+                  events: {
+                    click: function click() {
+                      svgCanvas.setMode('eyedropper');
+                    }
+                  }
+                }];
+                return _context.abrupt('return', {
+                  name: strings.name,
+                  svgicons: svgEditor.curConfig.extIconsPath + 'eyedropper-icon.xml',
+                  buttons: strings.buttons.map(function (button, i) {
+                    return Object.assign(buttons[i], button);
+                  }),
+
+                  // if we have selected an element, grab its paint and enable the eye dropper button
+                  selectedChanged: getStyle,
+                  elementChanged: getStyle,
+
+                  mouseDown: function mouseDown(opts) {
+                    var mode = svgCanvas.getMode();
+                    if (mode === 'eyedropper') {
+                      var e = opts.event;
+                      var target = e.target;
+
+                      if (!['svg', 'g', 'use'].includes(target.nodeName)) {
+                        var changes = {};
+
+                        var change = function change(elem, attrname, newvalue) {
+                          changes[attrname] = elem.getAttribute(attrname);
+                          elem.setAttribute(attrname, newvalue);
+                        };
+
+                        if (currentStyle.fillPaint) {
+                          change(target, 'fill', currentStyle.fillPaint);
+                        }
+                        if (currentStyle.fillOpacity) {
+                          change(target, 'fill-opacity', currentStyle.fillOpacity);
+                        }
+                        if (currentStyle.strokePaint) {
+                          change(target, 'stroke', currentStyle.strokePaint);
+                        }
+                        if (currentStyle.strokeOpacity) {
+                          change(target, 'stroke-opacity', currentStyle.strokeOpacity);
+                        }
+                        if (currentStyle.strokeWidth) {
+                          change(target, 'stroke-width', currentStyle.strokeWidth);
+                        }
+                        if (currentStyle.strokeDashArray) {
+                          change(target, 'stroke-dasharray', currentStyle.strokeDashArray);
+                        }
+                        if (currentStyle.opacity) {
+                          change(target, 'opacity', currentStyle.opacity);
+                        }
+                        if (currentStyle.strokeLinecap) {
+                          change(target, 'stroke-linecap', currentStyle.strokeLinecap);
+                        }
+                        if (currentStyle.strokeLinejoin) {
+                          change(target, 'stroke-linejoin', currentStyle.strokeLinejoin);
+                        }
+
+                        addToHistory(new ChangeElementCommand(target, changes));
+                      }
+                    }
+                  }
+                });
+
+              case 9:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init(_x) {
+        return _ref.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extEyedropper;
+
+}());
diff --git a/dist/extensions/ext-foreignobject.js b/dist/extensions/ext-foreignobject.js
new file mode 100644
index 00000000..13544a0f
--- /dev/null
+++ b/dist/extensions/ext-foreignobject.js
@@ -0,0 +1,318 @@
+var svgEditorExtension_foreignobject = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /* globals jQuery */
+  /**
+   * ext-foreignobject.js
+   *
+   * @license Apache-2.0
+   *
+   * @copyright 2010 Jacques Distler, 2010 Alexis Deveria
+   *
+   */
+
+  var extForeignobject = {
+    name: 'foreignobject',
+    init: function () {
+      var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(S) {
+        var svgEditor, text2xml, NS, importLocale, $, svgCanvas, svgdoc, strings, properlySourceSizeTextArea, showPanel, toggleSourceButtons, selElems, started, newFO, editingforeign, setForeignString, showForeignEditor, setAttr, buttons, contextTools;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                setAttr = function setAttr(attr, val) {
+                  svgCanvas.changeSelectedAttribute(attr, val);
+                  svgCanvas.call('changed', selElems);
+                };
+
+                showForeignEditor = function showForeignEditor() {
+                  var elt = selElems[0];
+                  if (!elt || editingforeign) {
+                    return;
+                  }
+                  editingforeign = true;
+                  toggleSourceButtons(true);
+                  elt.removeAttribute('fill');
+
+                  var str = svgCanvas.svgToString(elt, 0);
+                  $('#svg_source_textarea').val(str);
+                  $('#svg_source_editor').fadeIn();
+                  properlySourceSizeTextArea();
+                  $('#svg_source_textarea').focus();
+                };
+
+                setForeignString = function setForeignString(xmlString) {
+                  var elt = selElems[0];
+                  try {
+                    // convert string into XML document
+                    var newDoc = text2xml('<svg xmlns="' + NS.SVG + '" xmlns:xlink="' + NS.XLINK + '">' + xmlString + '</svg>');
+                    // run it through our sanitizer to remove anything we do not support
+                    svgCanvas.sanitizeSvg(newDoc.documentElement);
+                    elt.replaceWith(svgdoc.importNode(newDoc.documentElement.firstChild, true));
+                    svgCanvas.call('changed', [elt]);
+                    svgCanvas.clearSelection();
+                  } catch (e) {
+                    console.log(e);
+                    return false;
+                  }
+
+                  return true;
+                };
+
+                toggleSourceButtons = function toggleSourceButtons(on) {
+                  $('#tool_source_save, #tool_source_cancel').toggle(!on);
+                  $('#foreign_save, #foreign_cancel').toggle(on);
+                };
+
+                showPanel = function showPanel(on) {
+                  var fcRules = $('#fc_rules');
+                  if (!fcRules.length) {
+                    fcRules = $('<style id="fc_rules"></style>').appendTo('head');
+                  }
+                  fcRules.text(!on ? '' : ' #tool_topath { display: none !important; }');
+                  $('#foreignObject_panel').toggle(on);
+                };
+
+                svgEditor = this;
+                text2xml = S.text2xml, NS = S.NS, importLocale = S.importLocale;
+                $ = jQuery;
+                svgCanvas = svgEditor.canvas;
+                svgdoc = S.svgroot.parentNode.ownerDocument;
+                _context.next = 12;
+                return importLocale();
+
+              case 12:
+                strings = _context.sent;
+
+                properlySourceSizeTextArea = function properlySourceSizeTextArea() {
+                  // TODO: remove magic numbers here and get values from CSS
+                  var height = $('#svg_source_container').height() - 80;
+                  $('#svg_source_textarea').css('height', height);
+                };
+
+                selElems = void 0, started = void 0, newFO = void 0, editingforeign = false;
+
+                /**
+                * This function sets the content of element elt to the input XML.
+                * @param {string} xmlString - The XML text
+                * @param {Element} elt - the parent element to append to
+                * @returns {boolean} This function returns false if the set was unsuccessful, true otherwise.
+                */
+
+                buttons = [{
+                  id: 'tool_foreign',
+                  icon: svgEditor.curConfig.extIconsPath + 'foreignobject-tool.png',
+                  type: 'mode',
+                  events: {
+                    click: function click() {
+                      svgCanvas.setMode('foreign');
+                    }
+                  }
+                }, {
+                  id: 'edit_foreign',
+                  icon: svgEditor.curConfig.extIconsPath + 'foreignobject-edit.png',
+                  type: 'context',
+                  panel: 'foreignObject_panel',
+                  events: {
+                    click: function click() {
+                      showForeignEditor();
+                    }
+                  }
+                }];
+                contextTools = [{
+                  type: 'input',
+                  panel: 'foreignObject_panel',
+                  id: 'foreign_width',
+                  size: 3,
+                  events: {
+                    change: function change() {
+                      setAttr('width', this.value);
+                    }
+                  }
+                }, {
+                  type: 'input',
+                  panel: 'foreignObject_panel',
+                  id: 'foreign_height',
+                  events: {
+                    change: function change() {
+                      setAttr('height', this.value);
+                    }
+                  }
+                }, {
+                  type: 'input',
+                  panel: 'foreignObject_panel',
+                  id: 'foreign_font_size',
+                  size: 2,
+                  defval: 16,
+                  events: {
+                    change: function change() {
+                      setAttr('font-size', this.value);
+                    }
+                  }
+                }];
+                return _context.abrupt('return', {
+                  name: strings.name,
+                  svgicons: svgEditor.curConfig.extIconsPath + 'foreignobject-icons.xml',
+                  buttons: strings.buttons.map(function (button, i) {
+                    return Object.assign(buttons[i], button);
+                  }),
+                  context_tools: strings.contextTools.map(function (contextTool, i) {
+                    return Object.assign(contextTools[i], contextTool);
+                  }),
+                  callback: function callback() {
+                    $('#foreignObject_panel').hide();
+
+                    var endChanges = function endChanges() {
+                      $('#svg_source_editor').hide();
+                      editingforeign = false;
+                      $('#svg_source_textarea').blur();
+                      toggleSourceButtons(false);
+                    };
+
+                    // TODO: Needs to be done after orig icon loads
+                    setTimeout(function () {
+                      // Create source save/cancel buttons
+                      /* const save = */$('#tool_source_save').clone().hide().attr('id', 'foreign_save').unbind().appendTo('#tool_source_back').click(function () {
+                        if (!editingforeign) {
+                          return;
+                        }
+
+                        if (!setForeignString($('#svg_source_textarea').val())) {
+                          $.confirm('Errors found. Revert to original?', function (ok) {
+                            if (!ok) {
+                              return false;
+                            }
+                            endChanges();
+                          });
+                        } else {
+                          endChanges();
+                        }
+                        // setSelectMode();
+                      });
+
+                      /* const cancel = */$('#tool_source_cancel').clone().hide().attr('id', 'foreign_cancel').unbind().appendTo('#tool_source_back').click(function () {
+                        endChanges();
+                      });
+                    }, 3000);
+                  },
+                  mouseDown: function mouseDown(opts) {
+                    // const e = opts.event;
+
+                    if (svgCanvas.getMode() === 'foreign') {
+                      started = true;
+                      newFO = svgCanvas.addSVGElementFromJson({
+                        element: 'foreignObject',
+                        attr: {
+                          x: opts.start_x,
+                          y: opts.start_y,
+                          id: svgCanvas.getNextId(),
+                          'font-size': 16, // cur_text.font_size,
+                          width: '48',
+                          height: '20',
+                          style: 'pointer-events:inherit'
+                        }
+                      });
+                      var m = svgdoc.createElementNS(NS.MATH, 'math');
+                      m.setAttributeNS(NS.XMLNS, 'xmlns', NS.MATH);
+                      m.setAttribute('display', 'inline');
+                      var mi = svgdoc.createElementNS(NS.MATH, 'mi');
+                      mi.setAttribute('mathvariant', 'normal');
+                      mi.textContent = '\u03A6';
+                      var mo = svgdoc.createElementNS(NS.MATH, 'mo');
+                      mo.textContent = '\u222A';
+                      var mi2 = svgdoc.createElementNS(NS.MATH, 'mi');
+                      mi2.textContent = '\u2133';
+                      m.append(mi, mo, mi2);
+                      newFO.append(m);
+                      return {
+                        started: true
+                      };
+                    }
+                  },
+                  mouseUp: function mouseUp(opts) {
+                    // const e = opts.event;
+                    if (svgCanvas.getMode() === 'foreign' && started) {
+                      var attrs = $(newFO).attr(['width', 'height']);
+                      var keep = attrs.width !== '0' || attrs.height !== '0';
+                      svgCanvas.addToSelection([newFO], true);
+
+                      return {
+                        keep: keep,
+                        element: newFO
+                      };
+                    }
+                  },
+                  selectedChanged: function selectedChanged(opts) {
+                    // Use this to update the current selected elements
+                    selElems = opts.elems;
+
+                    var i = selElems.length;
+                    while (i--) {
+                      var elem = selElems[i];
+                      if (elem && elem.tagName === 'foreignObject') {
+                        if (opts.selectedElement && !opts.multiselected) {
+                          $('#foreign_font_size').val(elem.getAttribute('font-size'));
+                          $('#foreign_width').val(elem.getAttribute('width'));
+                          $('#foreign_height').val(elem.getAttribute('height'));
+                          showPanel(true);
+                        } else {
+                          showPanel(false);
+                        }
+                      } else {
+                        showPanel(false);
+                      }
+                    }
+                  },
+                  elementChanged: function elementChanged(opts) {
+                    // const elem = opts.elems[0];
+                  }
+                });
+
+              case 18:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init(_x) {
+        return _ref.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extForeignobject;
+
+}());
diff --git a/dist/extensions/ext-grid.js b/dist/extensions/ext-grid.js
new file mode 100644
index 00000000..ee7ec5c2
--- /dev/null
+++ b/dist/extensions/ext-grid.js
@@ -0,0 +1,230 @@
+var svgEditorExtension_grid = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /* globals jQuery */
+  /**
+   * ext-grid.js
+   *
+   * @license Apache-2.0
+   *
+   * @copyright 2010 Redou Mine, 2010 Alexis Deveria
+   *
+   */
+
+  var extGrid = {
+    name: 'grid',
+    init: function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
+        var NS = _ref.NS,
+            getTypeMap = _ref.getTypeMap,
+            importLocale = _ref.importLocale;
+        var strings, svgEditor, $, svgCanvas, svgdoc, assignAttributes, hcanvas, canvBG, units, intervals, showGrid, canvasGrid, gridPattern, gridimg, gridBox, updateGrid, gridUpdate, buttons;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                gridUpdate = function gridUpdate() {
+                  if (showGrid) {
+                    updateGrid(svgCanvas.getZoom());
+                  }
+                  $('#canvasGrid').toggle(showGrid);
+                  $('#view_grid').toggleClass('push_button_pressed tool_button');
+                };
+
+                updateGrid = function updateGrid(zoom) {
+                  // TODO: Try this with <line> elements, then compare performance difference
+                  var unit = units[svgEditor.curConfig.baseUnit]; // 1 = 1px
+                  var uMulti = unit * zoom;
+                  // Calculate the main number interval
+                  var rawM = 100 / uMulti;
+                  var multi = 1;
+                  for (var i = 0; i < intervals.length; i++) {
+                    var num = intervals[i];
+                    multi = num;
+                    if (rawM <= num) {
+                      break;
+                    }
+                  }
+                  var bigInt = multi * uMulti;
+
+                  // Set the canvas size to the width of the container
+                  hcanvas.width = bigInt;
+                  hcanvas.height = bigInt;
+                  var ctx = hcanvas.getContext('2d');
+                  var curD = 0.5;
+                  var part = bigInt / 10;
+
+                  ctx.globalAlpha = 0.2;
+                  ctx.strokeStyle = svgEditor.curConfig.gridColor;
+                  for (var _i = 1; _i < 10; _i++) {
+                    var subD = Math.round(part * _i) + 0.5;
+                    // const lineNum = (i % 2)?12:10;
+                    var lineNum = 0;
+                    ctx.moveTo(subD, bigInt);
+                    ctx.lineTo(subD, lineNum);
+                    ctx.moveTo(bigInt, subD);
+                    ctx.lineTo(lineNum, subD);
+                  }
+                  ctx.stroke();
+                  ctx.beginPath();
+                  ctx.globalAlpha = 0.5;
+                  ctx.moveTo(curD, bigInt);
+                  ctx.lineTo(curD, 0);
+
+                  ctx.moveTo(bigInt, curD);
+                  ctx.lineTo(0, curD);
+                  ctx.stroke();
+
+                  var datauri = hcanvas.toDataURL('image/png');
+                  gridimg.setAttribute('width', bigInt);
+                  gridimg.setAttribute('height', bigInt);
+                  gridimg.parentNode.setAttribute('width', bigInt);
+                  gridimg.parentNode.setAttribute('height', bigInt);
+                  svgCanvas.setHref(gridimg, datauri);
+                };
+
+                _context.next = 4;
+                return importLocale();
+
+              case 4:
+                strings = _context.sent;
+                svgEditor = this;
+                $ = jQuery;
+                svgCanvas = svgEditor.canvas;
+                svgdoc = document.getElementById('svgcanvas').ownerDocument, assignAttributes = svgCanvas.assignAttributes, hcanvas = document.createElement('canvas'), canvBG = $('#canvasBackground'), units = getTypeMap(), intervals = [0.01, 0.1, 1, 10, 100, 1000];
+                showGrid = svgEditor.curConfig.showGrid || false;
+
+
+                $(hcanvas).hide().appendTo('body');
+
+                canvasGrid = svgdoc.createElementNS(NS.SVG, 'svg');
+
+                assignAttributes(canvasGrid, {
+                  id: 'canvasGrid',
+                  width: '100%',
+                  height: '100%',
+                  x: 0,
+                  y: 0,
+                  overflow: 'visible',
+                  display: 'none'
+                });
+                canvBG.append(canvasGrid);
+
+                // grid-pattern
+                gridPattern = svgdoc.createElementNS(NS.SVG, 'pattern');
+
+                assignAttributes(gridPattern, {
+                  id: 'gridpattern',
+                  patternUnits: 'userSpaceOnUse',
+                  x: 0, // -(value.strokeWidth / 2), // position for strokewidth
+                  y: 0, // -(value.strokeWidth / 2), // position for strokewidth
+                  width: 100,
+                  height: 100
+                });
+
+                gridimg = svgdoc.createElementNS(NS.SVG, 'image');
+
+                assignAttributes(gridimg, {
+                  x: 0,
+                  y: 0,
+                  width: 100,
+                  height: 100
+                });
+                gridPattern.append(gridimg);
+                $('#svgroot defs').append(gridPattern);
+
+                // grid-box
+                gridBox = svgdoc.createElementNS(NS.SVG, 'rect');
+
+                assignAttributes(gridBox, {
+                  width: '100%',
+                  height: '100%',
+                  x: 0,
+                  y: 0,
+                  'stroke-width': 0,
+                  stroke: 'none',
+                  fill: 'url(#gridpattern)',
+                  style: 'pointer-events: none; display:visible;'
+                });
+                $('#canvasGrid').append(gridBox);
+
+                buttons = [{
+                  id: 'view_grid',
+                  icon: svgEditor.curConfig.extIconsPath + 'grid.png',
+                  type: 'context',
+                  panel: 'editor_panel',
+                  events: {
+                    click: function click() {
+                      svgEditor.curConfig.showGrid = showGrid = !showGrid;
+                      gridUpdate();
+                    }
+                  }
+                }];
+                return _context.abrupt('return', {
+                  name: strings.name,
+                  svgicons: svgEditor.curConfig.extIconsPath + 'grid-icon.xml',
+
+                  zoomChanged: function zoomChanged(zoom) {
+                    if (showGrid) {
+                      updateGrid(zoom);
+                    }
+                  },
+                  callback: function callback() {
+                    if (showGrid) {
+                      gridUpdate();
+                    }
+                  },
+
+                  buttons: strings.buttons.map(function (button, i) {
+                    return Object.assign(buttons[i], button);
+                  })
+                });
+
+              case 25:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init(_x) {
+        return _ref2.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extGrid;
+
+}());
diff --git a/dist/extensions/ext-helloworld.js b/dist/extensions/ext-helloworld.js
new file mode 100644
index 00000000..410b5b20
--- /dev/null
+++ b/dist/extensions/ext-helloworld.js
@@ -0,0 +1,193 @@
+var svgEditorExtension_helloworld = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  var slicedToArray = function () {
+    function sliceIterator(arr, i) {
+      var _arr = [];
+      var _n = true;
+      var _d = false;
+      var _e = undefined;
+
+      try {
+        for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+          _arr.push(_s.value);
+
+          if (i && _arr.length === i) break;
+        }
+      } catch (err) {
+        _d = true;
+        _e = err;
+      } finally {
+        try {
+          if (!_n && _i["return"]) _i["return"]();
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+
+      return _arr;
+    }
+
+    return function (arr, i) {
+      if (Array.isArray(arr)) {
+        return arr;
+      } else if (Symbol.iterator in Object(arr)) {
+        return sliceIterator(arr, i);
+      } else {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance");
+      }
+    };
+  }();
+
+  /* globals jQuery */
+  /**
+   * ext-helloworld.js
+   *
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria
+   *
+   */
+
+  /**
+  * This is a very basic SVG-Edit extension. It adds a "Hello World" button in
+  *  the left ("mode") panel. Clicking on the button, and then the canvas
+  *  will show the user the point on the canvas that was clicked on.
+  */
+  var extHelloworld = {
+    name: 'helloworld',
+    init: function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
+        var importLocale = _ref.importLocale;
+        var strings, svgEditor, $, svgCanvas;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return importLocale();
+
+              case 2:
+                strings = _context.sent;
+                svgEditor = this;
+                $ = jQuery;
+                svgCanvas = svgEditor.canvas;
+                return _context.abrupt('return', {
+                  name: strings.name,
+                  // For more notes on how to make an icon file, see the source of
+                  // the helloworld-icon.xml
+                  svgicons: svgEditor.curConfig.extIconsPath + 'helloworld-icon.xml',
+
+                  // Multiple buttons can be added in this array
+                  buttons: [{
+                    // Must match the icon ID in helloworld-icon.xml
+                    id: 'hello_world',
+
+                    // Fallback, e.g., for `file://` access
+                    icon: svgEditor.curConfig.extIconsPath + 'helloworld.png',
+
+                    // This indicates that the button will be added to the "mode"
+                    // button panel on the left side
+                    type: 'mode',
+
+                    // Tooltip text
+                    title: strings.buttons[0].title,
+
+                    // Events
+                    events: {
+                      click: function click() {
+                        // The action taken when the button is clicked on.
+                        // For "mode" buttons, any other button will
+                        // automatically be de-pressed.
+                        svgCanvas.setMode('hello_world');
+                      }
+                    }
+                  }],
+                  // This is triggered when the main mouse button is pressed down
+                  // on the editor canvas (not the tool panels)
+                  mouseDown: function mouseDown() {
+                    // Check the mode on mousedown
+                    if (svgCanvas.getMode() === 'hello_world') {
+                      // The returned object must include "started" with
+                      // a value of true in order for mouseUp to be triggered
+                      return { started: true };
+                    }
+                  },
+
+
+                  // This is triggered from anywhere, but "started" must have been set
+                  // to true (see above). Note that "opts" is an object with event info
+                  mouseUp: function mouseUp(opts) {
+                    // Check the mode on mouseup
+                    if (svgCanvas.getMode() === 'hello_world') {
+                      var zoom = svgCanvas.getZoom();
+
+                      // Get the actual coordinate by dividing by the zoom value
+                      var x = opts.mouse_x / zoom;
+                      var y = opts.mouse_y / zoom;
+
+                      // We do our own formatting
+                      var text = strings.text;
+
+                      [['x', x], ['y', y]].forEach(function (_ref3) {
+                        var _ref4 = slicedToArray(_ref3, 2),
+                            prop = _ref4[0],
+                            val = _ref4[1];
+
+                        text = text.replace('{' + prop + '}', val);
+                      });
+
+                      // Show the text using the custom alert function
+                      $.alert(text);
+                    }
+                  }
+                });
+
+              case 7:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init(_x) {
+        return _ref2.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extHelloworld;
+
+}());
diff --git a/dist/extensions/ext-imagelib.js b/dist/extensions/ext-imagelib.js
new file mode 100644
index 00000000..1f81f9ff
--- /dev/null
+++ b/dist/extensions/ext-imagelib.js
@@ -0,0 +1,429 @@
+var svgEditorExtension_imagelib = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /* globals jQuery */
+  /**
+   * ext-imagelib.js
+   *
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria
+   *
+   */
+  var extImagelib = {
+    name: 'imagelib',
+    init: function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
+        var decode64 = _ref.decode64,
+            importLocale = _ref.importLocale;
+        var imagelibStrings, svgEditor, $, uiStrings, svgCanvas, closeBrowser, importImage, pending, mode, multiArr, transferStopped, preview, submit, toggleMulti, showBrowser, buttons;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                showBrowser = function showBrowser() {
+                  var browser = $('#imgbrowse');
+                  if (!browser.length) {
+                    $('<div id=imgbrowse_holder><div id=imgbrowse class=toolbar_button>' + '</div></div>').insertAfter('#svg_docprops');
+                    browser = $('#imgbrowse');
+
+                    var allLibs = imagelibStrings.select_lib;
+
+                    var libOpts = $('<ul id=imglib_opts>').appendTo(browser);
+                    var frame = $('<iframe/>').prependTo(browser).hide().wrap('<div id=lib_framewrap>');
+
+                    var header = $('<h1>').prependTo(browser).text(allLibs).css({
+                      position: 'absolute',
+                      top: 0,
+                      left: 0,
+                      width: '100%'
+                    });
+
+                    var cancel = $('<button>' + uiStrings.common.cancel + '</button>').appendTo(browser).on('click touchend', function () {
+                      $('#imgbrowse_holder').hide();
+                    }).css({
+                      position: 'absolute',
+                      top: 5,
+                      right: -10
+                    });
+
+                    var leftBlock = $('<span>').css({ position: 'absolute', top: 5, left: 10 }).appendTo(browser);
+
+                    var back = $('<button hidden>' + imagelibStrings.show_list + '</button>').appendTo(leftBlock).on('click touchend', function () {
+                      frame.attr('src', 'about:blank').hide();
+                      libOpts.show();
+                      header.text(allLibs);
+                      back.hide();
+                    }).css({
+                      'margin-right': 5
+                    }).hide();
+
+                    /* const type = */$('<select><option value=s>' + imagelibStrings.import_single + '</option><option value=m>' + imagelibStrings.import_multi + '</option><option value=o>' + imagelibStrings.open + '</option></select>').appendTo(leftBlock).change(function () {
+                      mode = $(this).val();
+                      switch (mode) {
+                        case 's':
+                        case 'o':
+                          toggleMulti(false);
+                          break;
+
+                        case 'm':
+                          // Import multiple
+                          toggleMulti(true);
+                          break;
+                      }
+                    }).css({
+                      'margin-top': 10
+                    });
+
+                    cancel.prepend($.getSvgIcon('cancel', true));
+                    back.prepend($.getSvgIcon('tool_imagelib', true));
+
+                    var modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+                    $.each(imagelibStrings.imgLibs, function (i, _ref3) {
+                      var name = _ref3.name,
+                          url = _ref3.url,
+                          description = _ref3.description;
+
+                      $('<li>').appendTo(libOpts).text(name).on('click touchend', function () {
+                        frame.attr('src',
+                        // Todo: Adopt some standard formatting library like `fluent.js` instead
+                        url.replace('{path}', svgEditor.curConfig.extIconsPath).replace('{modularVersion}', modularVersion ? imagelibStrings.moduleEnding || '-es' : '')).show();
+                        header.text(name);
+                        libOpts.hide();
+                        back.show();
+                      }).append('<span>' + description + '</span>');
+                    });
+                  } else {
+                    $('#imgbrowse_holder').show();
+                  }
+                };
+
+                toggleMulti = function toggleMulti(show) {
+                  $('#lib_framewrap, #imglib_opts').css({ right: show ? 200 : 10 });
+                  if (!preview) {
+                    preview = $('<div id=imglib_preview>').css({
+                      position: 'absolute',
+                      top: 45,
+                      right: 10,
+                      width: 180,
+                      bottom: 45,
+                      background: '#fff',
+                      overflow: 'auto'
+                    }).insertAfter('#lib_framewrap');
+
+                    submit = $('<button disabled>Import selected</button>').appendTo('#imgbrowse').on('click touchend', function () {
+                      $.each(multiArr, function (i) {
+                        var type = this[0];
+                        var data = this[1];
+                        if (type === 'svg') {
+                          svgCanvas.importSvgString(data);
+                        } else {
+                          importImage(data);
+                        }
+                        svgCanvas.moveSelectedElements(i * 20, i * 20, false);
+                      });
+                      preview.empty();
+                      multiArr = [];
+                      $('#imgbrowse_holder').hide();
+                    }).css({
+                      position: 'absolute',
+                      bottom: 10,
+                      right: -10
+                    });
+                  }
+
+                  preview.toggle(show);
+                  submit.toggle(show);
+                };
+
+                importImage = function importImage(url) {
+                  var newImage = svgCanvas.addSVGElementFromJson({
+                    element: 'image',
+                    attr: {
+                      x: 0,
+                      y: 0,
+                      width: 0,
+                      height: 0,
+                      id: svgCanvas.getNextId(),
+                      style: 'pointer-events:inherit'
+                    }
+                  });
+                  svgCanvas.clearSelection();
+                  svgCanvas.addToSelection([newImage]);
+                  svgCanvas.setImageURL(url);
+                };
+
+                closeBrowser = function closeBrowser() {
+                  $('#imgbrowse_holder').hide();
+                };
+
+                _context.next = 6;
+                return importLocale();
+
+              case 6:
+                imagelibStrings = _context.sent;
+                svgEditor = this;
+                $ = jQuery;
+                uiStrings = svgEditor.uiStrings, svgCanvas = svgEditor.canvas;
+                pending = {};
+                mode = 's';
+                multiArr = [];
+                transferStopped = false;
+                preview = void 0, submit = void 0;
+
+
+                window.addEventListener('message', function (evt) {
+                  // Receive `postMessage` data
+                  var response = evt.data;
+
+                  if (!response || typeof response !== 'string') {
+                    // Do nothing
+                    return;
+                  }
+                  try {
+                    // Todo: This block can be removed (and the above check changed to
+                    //   insist on an object) if embedAPI moves away from a string to
+                    //   an object (if IE9 support not needed)
+                    response = JSON.parse(response);
+                    if (response.namespace !== 'imagelib') {
+                      return;
+                    }
+                  } catch (e) {
+                    return;
+                  }
+
+                  var hasName = 'name' in response;
+                  var hasHref = 'href' in response;
+
+                  if (!hasName && transferStopped) {
+                    transferStopped = false;
+                    return;
+                  }
+
+                  var id = void 0;
+                  if (hasHref) {
+                    id = response.href;
+                    response = response.data;
+                  }
+
+                  // Hide possible transfer dialog box
+                  $('#dialog_box').hide();
+                  var entry = void 0,
+                      curMeta = void 0,
+                      svgStr = void 0,
+                      imgStr = void 0;
+                  var type = hasName ? 'meta' : response.charAt(0);
+                  switch (type) {
+                    case 'meta':
+                      {
+                        // Metadata
+                        transferStopped = false;
+                        curMeta = response;
+
+                        pending[curMeta.id] = curMeta;
+
+                        var name = curMeta.name || 'file';
+
+                        var message = uiStrings.notification.retrieving.replace('%s', name);
+
+                        if (mode !== 'm') {
+                          $.process_cancel(message, function () {
+                            transferStopped = true;
+                            // Should a message be sent back to the frame?
+
+                            $('#dialog_box').hide();
+                          });
+                        } else {
+                          entry = $('<div>' + message + '</div>').data('id', curMeta.id);
+                          preview.append(entry);
+                          curMeta.entry = entry;
+                        }
+
+                        return;
+                      }
+                    case '<':
+                      svgStr = true;
+                      break;
+                    case 'd':
+                      {
+                        if (response.startsWith('data:image/svg+xml')) {
+                          var pre = 'data:image/svg+xml;base64,';
+                          var src = response.substring(pre.length);
+                          response = decode64(src);
+                          svgStr = true;
+                          break;
+                        } else if (response.startsWith('data:image/')) {
+                          imgStr = true;
+                          break;
+                        }
+                      }
+                    // Else fall through
+                    default:
+                      // TODO: See if there's a way to base64 encode the binary data stream
+                      // const str = 'data:;base64,' + svgedit.utilities.encode64(response, true);
+
+                      // Assume it's raw image data
+                      // importImage(str);
+
+                      // Don't give warning as postMessage may have been used by something else
+                      if (mode !== 'm') {
+                        closeBrowser();
+                      } else {
+                        pending[id].entry.remove();
+                      }
+                      // $.alert('Unexpected data was returned: ' + response, function() {
+                      //   if (mode !== 'm') {
+                      //     closeBrowser();
+                      //   } else {
+                      //     pending[id].entry.remove();
+                      //   }
+                      // });
+                      return;
+                  }
+
+                  switch (mode) {
+                    case 's':
+                      // Import one
+                      if (svgStr) {
+                        svgCanvas.importSvgString(response);
+                      } else if (imgStr) {
+                        importImage(response);
+                      }
+                      closeBrowser();
+                      break;
+                    case 'm':
+                      // Import multiple
+                      multiArr.push([svgStr ? 'svg' : 'img', response]);
+                      curMeta = pending[id];
+                      var title = void 0;
+                      if (svgStr) {
+                        if (curMeta && curMeta.name) {
+                          title = curMeta.name;
+                        } else {
+                          // Try to find a title
+                          var xml = new DOMParser().parseFromString(response, 'text/xml').documentElement;
+                          title = $(xml).children('title').first().text() || '(SVG #' + response.length + ')';
+                        }
+                        if (curMeta) {
+                          preview.children().each(function () {
+                            if ($(this).data('id') === id) {
+                              if (curMeta.preview_url) {
+                                $(this).html('<img src="' + curMeta.preview_url + '">' + title);
+                              } else {
+                                $(this).text(title);
+                              }
+                              submit.removeAttr('disabled');
+                            }
+                          });
+                        } else {
+                          preview.append('<div>' + title + '</div>');
+                          submit.removeAttr('disabled');
+                        }
+                      } else {
+                        if (curMeta && curMeta.preview_url) {
+                          title = curMeta.name || '';
+                        }
+                        if (curMeta && curMeta.preview_url) {
+                          entry = '<img src="' + curMeta.preview_url + '">' + title;
+                        } else {
+                          entry = '<img src="' + response + '">';
+                        }
+
+                        if (curMeta) {
+                          preview.children().each(function () {
+                            if ($(this).data('id') === id) {
+                              $(this).html(entry);
+                              submit.removeAttr('disabled');
+                            }
+                          });
+                        } else {
+                          preview.append($('<div>').append(entry));
+                          submit.removeAttr('disabled');
+                        }
+                      }
+                      break;
+                    case 'o':
+                      // Open
+                      if (!svgStr) {
+                        break;
+                      }
+                      svgEditor.openPrep(function (ok) {
+                        if (!ok) {
+                          return;
+                        }
+                        svgCanvas.clear();
+                        svgCanvas.setSvgString(response);
+                        // updateCanvas();
+                      });
+                      closeBrowser();
+                      break;
+                  }
+                }, true);
+
+                buttons = [{
+                  id: 'tool_imagelib',
+                  type: 'app_menu', // _flyout
+                  icon: svgEditor.curConfig.extIconsPath + 'imagelib.png',
+                  position: 4,
+                  events: {
+                    mouseup: showBrowser
+                  }
+                }];
+                return _context.abrupt('return', {
+                  svgicons: svgEditor.curConfig.extIconsPath + 'ext-imagelib.xml',
+                  buttons: imagelibStrings.buttons.map(function (button, i) {
+                    return Object.assign(buttons[i], button);
+                  }),
+                  callback: function callback() {
+                    $('<style>').text('#imgbrowse_holder {' + 'position: absolute;' + 'top: 0;' + 'left: 0;' + 'width: 100%;' + 'height: 100%;' + 'background-color: rgba(0, 0, 0, .5);' + 'z-index: 5;' + '}' + '#imgbrowse {' + 'position: absolute;' + 'top: 25px;' + 'left: 25px;' + 'right: 25px;' + 'bottom: 25px;' + 'min-width: 300px;' + 'min-height: 200px;' + 'background: #B0B0B0;' + 'border: 1px outset #777;' + '}' + '#imgbrowse h1 {' + 'font-size: 20px;' + 'margin: .4em;' + 'text-align: center;' + '}' + '#lib_framewrap,' + '#imgbrowse > ul {' + 'position: absolute;' + 'top: 45px;' + 'left: 10px;' + 'right: 10px;' + 'bottom: 10px;' + 'background: white;' + 'margin: 0;' + 'padding: 0;' + '}' + '#imgbrowse > ul {' + 'overflow: auto;' + '}' + '#imgbrowse > div {' + 'border: 1px solid #666;' + '}' + '#imglib_preview > div {' + 'padding: 5px;' + 'font-size: 12px;' + '}' + '#imglib_preview img {' + 'display: block;' + 'margin: 0 auto;' + 'max-height: 100px;' + '}' + '#imgbrowse li {' + 'list-style: none;' + 'padding: .5em;' + 'background: #E8E8E8;' + 'border-bottom: 1px solid #B0B0B0;' + 'line-height: 1.2em;' + 'font-style: sans-serif;' + '}' + '#imgbrowse li > span {' + 'color: #666;' + 'font-size: 15px;' + 'display: block;' + '}' + '#imgbrowse li:hover {' + 'background: #FFC;' + 'cursor: pointer;' + '}' + '#imgbrowse iframe {' + 'width: 100%;' + 'height: 100%;' + 'border: 0;' + '}').appendTo('head');
+                  }
+                });
+
+              case 18:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init(_x) {
+        return _ref2.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extImagelib;
+
+}());
diff --git a/dist/extensions/ext-locale/arrows/en.js b/dist/extensions/ext-locale/arrows/en.js
new file mode 100644
index 00000000..6b7dae1c
--- /dev/null
+++ b/dist/extensions/ext-locale/arrows/en.js
@@ -0,0 +1,22 @@
+var svgEditorExtensionLocale_arrows_en = (function () {
+  'use strict';
+
+  var en = {
+    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;--'
+      }
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/arrows/fr.js b/dist/extensions/ext-locale/arrows/fr.js
new file mode 100644
index 00000000..a524dd8e
--- /dev/null
+++ b/dist/extensions/ext-locale/arrows/fr.js
@@ -0,0 +1,22 @@
+var svgEditorExtensionLocale_arrows_fr = (function () {
+  'use strict';
+
+  var fr = {
+    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;--'
+      }
+    }]
+  };
+
+  return fr;
+
+}());
diff --git a/dist/extensions/ext-locale/closepath/en.js b/dist/extensions/ext-locale/closepath/en.js
new file mode 100644
index 00000000..f8dc9bcf
--- /dev/null
+++ b/dist/extensions/ext-locale/closepath/en.js
@@ -0,0 +1,15 @@
+var svgEditorExtensionLocale_closepath_en = (function () {
+  'use strict';
+
+  var en = {
+    name: 'ClosePath',
+    buttons: [{
+      title: 'Open path'
+    }, {
+      title: 'Close path'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/connector/en.js b/dist/extensions/ext-locale/connector/en.js
new file mode 100644
index 00000000..15602d4f
--- /dev/null
+++ b/dist/extensions/ext-locale/connector/en.js
@@ -0,0 +1,14 @@
+var svgEditorExtensionLocale_connector_en = (function () {
+  'use strict';
+
+  var en = {
+    name: 'Connector',
+    langList: [{ id: 'mode_connect', title: 'Connect two objects' }],
+    buttons: [{
+      title: 'Connect two objects'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/connector/fr.js b/dist/extensions/ext-locale/connector/fr.js
new file mode 100644
index 00000000..ee67808c
--- /dev/null
+++ b/dist/extensions/ext-locale/connector/fr.js
@@ -0,0 +1,14 @@
+var svgEditorExtensionLocale_connector_fr = (function () {
+  'use strict';
+
+  var fr = {
+    name: 'Connector',
+    langList: [{ id: 'mode_connect', title: 'Connecter deux objets' }],
+    buttons: [{
+      title: 'Connect two objects'
+    }]
+  };
+
+  return fr;
+
+}());
diff --git a/dist/extensions/ext-locale/eyedropper/en.js b/dist/extensions/ext-locale/eyedropper/en.js
new file mode 100644
index 00000000..2f1fa530
--- /dev/null
+++ b/dist/extensions/ext-locale/eyedropper/en.js
@@ -0,0 +1,14 @@
+var svgEditorExtensionLocale_eyedropper_en = (function () {
+  'use strict';
+
+  var en = {
+    name: 'eyedropper',
+    buttons: [{
+      title: 'Eye Dropper Tool',
+      key: 'I'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/foreignobject/en.js b/dist/extensions/ext-locale/foreignobject/en.js
new file mode 100644
index 00000000..ed7a79e2
--- /dev/null
+++ b/dist/extensions/ext-locale/foreignobject/en.js
@@ -0,0 +1,25 @@
+var svgEditorExtensionLocale_foreignobject_en = (function () {
+  'use strict';
+
+  var en = {
+    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'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/grid/en.js b/dist/extensions/ext-locale/grid/en.js
new file mode 100644
index 00000000..9eb87099
--- /dev/null
+++ b/dist/extensions/ext-locale/grid/en.js
@@ -0,0 +1,13 @@
+var svgEditorExtensionLocale_grid_en = (function () {
+  'use strict';
+
+  var en = {
+    name: 'View Grid',
+    buttons: [{
+      title: 'Show/Hide Grid'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/helloworld/en.js b/dist/extensions/ext-locale/helloworld/en.js
new file mode 100644
index 00000000..5f602f1a
--- /dev/null
+++ b/dist/extensions/ext-locale/helloworld/en.js
@@ -0,0 +1,14 @@
+var svgEditorExtensionLocale_helloworld_en = (function () {
+  'use strict';
+
+  var en = {
+    name: 'Hello World',
+    text: 'Hello World!\n\nYou clicked here: {x}, {y}',
+    buttons: [{
+      title: "Say 'Hello World'"
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/imagelib/de.js b/dist/extensions/ext-locale/imagelib/de.js
new file mode 100644
index 00000000..c6837f1c
--- /dev/null
+++ b/dist/extensions/ext-locale/imagelib/de.js
@@ -0,0 +1,30 @@
+var svgEditorExtensionLocale_imagelib_de = (function () {
+  'use strict';
+
+  var de = {
+    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',
+      description: 'Free library of illustrations'
+    }, {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }]
+  };
+
+  return de;
+
+}());
diff --git a/dist/extensions/ext-locale/imagelib/en.js b/dist/extensions/ext-locale/imagelib/en.js
new file mode 100644
index 00000000..db752513
--- /dev/null
+++ b/dist/extensions/ext-locale/imagelib/en.js
@@ -0,0 +1,30 @@
+var svgEditorExtensionLocale_imagelib_en = (function () {
+  'use strict';
+
+  var en = {
+    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',
+      description: 'Free library of illustrations'
+    }, {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/imagelib/fr.js b/dist/extensions/ext-locale/imagelib/fr.js
new file mode 100644
index 00000000..70f75002
--- /dev/null
+++ b/dist/extensions/ext-locale/imagelib/fr.js
@@ -0,0 +1,30 @@
+var svgEditorExtensionLocale_imagelib_fr = (function () {
+  'use strict';
+
+  var fr = {
+    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',
+      description: 'Free library of illustrations'
+    }, {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }]
+  };
+
+  return fr;
+
+}());
diff --git a/dist/extensions/ext-locale/imagelib/pl.js b/dist/extensions/ext-locale/imagelib/pl.js
new file mode 100644
index 00000000..fa191624
--- /dev/null
+++ b/dist/extensions/ext-locale/imagelib/pl.js
@@ -0,0 +1,30 @@
+var svgEditorExtensionLocale_imagelib_pl = (function () {
+  'use strict';
+
+  var pl = {
+    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',
+      description: 'Free library of illustrations'
+    }, {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }]
+  };
+
+  return pl;
+
+}());
diff --git a/dist/extensions/ext-locale/imagelib/pt-BR.js b/dist/extensions/ext-locale/imagelib/pt-BR.js
new file mode 100644
index 00000000..2d804444
--- /dev/null
+++ b/dist/extensions/ext-locale/imagelib/pt-BR.js
@@ -0,0 +1,30 @@
+var svgEditorExtensionLocale_imagelib_pt_BR = (function () {
+  'use strict';
+
+  var ptBR = {
+    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',
+      description: 'Free library of illustrations'
+    }, {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }]
+  };
+
+  return ptBR;
+
+}());
diff --git a/dist/extensions/ext-locale/imagelib/ro.js b/dist/extensions/ext-locale/imagelib/ro.js
new file mode 100644
index 00000000..867ba0da
--- /dev/null
+++ b/dist/extensions/ext-locale/imagelib/ro.js
@@ -0,0 +1,30 @@
+var svgEditorExtensionLocale_imagelib_ro = (function () {
+  'use strict';
+
+  var ro = {
+    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',
+      description: 'Free library of illustrations'
+    }, {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }]
+  };
+
+  return ro;
+
+}());
diff --git a/dist/extensions/ext-locale/imagelib/sk.js b/dist/extensions/ext-locale/imagelib/sk.js
new file mode 100644
index 00000000..bf431d61
--- /dev/null
+++ b/dist/extensions/ext-locale/imagelib/sk.js
@@ -0,0 +1,30 @@
+var svgEditorExtensionLocale_imagelib_sk = (function () {
+  'use strict';
+
+  var sk = {
+    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',
+      description: 'Free library of illustrations'
+    }, {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }]
+  };
+
+  return sk;
+
+}());
diff --git a/dist/extensions/ext-locale/imagelib/sl.js b/dist/extensions/ext-locale/imagelib/sl.js
new file mode 100644
index 00000000..a4100359
--- /dev/null
+++ b/dist/extensions/ext-locale/imagelib/sl.js
@@ -0,0 +1,30 @@
+var svgEditorExtensionLocale_imagelib_sl = (function () {
+  'use strict';
+
+  var sl = {
+    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',
+      description: 'Free library of illustrations'
+    }, {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }]
+  };
+
+  return sl;
+
+}());
diff --git a/dist/extensions/ext-locale/imagelib/zh-CN.js b/dist/extensions/ext-locale/imagelib/zh-CN.js
new file mode 100644
index 00000000..56318945
--- /dev/null
+++ b/dist/extensions/ext-locale/imagelib/zh-CN.js
@@ -0,0 +1,30 @@
+var svgEditorExtensionLocale_imagelib_zh_CN = (function () {
+  'use strict';
+
+  var zhCN = {
+    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',
+      description: 'Free library of illustrations'
+    }, {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }]
+  };
+
+  return zhCN;
+
+}());
diff --git a/dist/extensions/ext-locale/markers/en.js b/dist/extensions/ext-locale/markers/en.js
new file mode 100644
index 00000000..bb976f1b
--- /dev/null
+++ b/dist/extensions/ext-locale/markers/en.js
@@ -0,0 +1,27 @@
+var svgEditorExtensionLocale_markers_en = (function () {
+  'use strict';
+
+  var en = {
+    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'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/mathjax/en.js b/dist/extensions/ext-locale/mathjax/en.js
new file mode 100644
index 00000000..5cb58851
--- /dev/null
+++ b/dist/extensions/ext-locale/mathjax/en.js
@@ -0,0 +1,13 @@
+var svgEditorExtensionLocale_mathjax_en = (function () {
+  'use strict';
+
+  var en = {
+    name: 'MathJax',
+    buttons: [{
+      title: 'Add Mathematics'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/panning/en.js b/dist/extensions/ext-locale/panning/en.js
new file mode 100644
index 00000000..4feb49c6
--- /dev/null
+++ b/dist/extensions/ext-locale/panning/en.js
@@ -0,0 +1,13 @@
+var svgEditorExtensionLocale_panning_en = (function () {
+  'use strict';
+
+  var en = {
+    name: 'Extension Panning',
+    buttons: [{
+      title: 'Panning'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/polygon/en.js b/dist/extensions/ext-locale/polygon/en.js
new file mode 100644
index 00000000..f88b0648
--- /dev/null
+++ b/dist/extensions/ext-locale/polygon/en.js
@@ -0,0 +1,17 @@
+var svgEditorExtensionLocale_polygon_en = (function () {
+  'use strict';
+
+  var en = {
+    name: 'polygon',
+    buttons: [{
+      title: 'Polygon Tool'
+    }],
+    contextTools: [{
+      title: 'Number of Sides',
+      label: 'sides'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/server_moinsave/en.js b/dist/extensions/ext-locale/server_moinsave/en.js
new file mode 100644
index 00000000..ec005b7a
--- /dev/null
+++ b/dist/extensions/ext-locale/server_moinsave/en.js
@@ -0,0 +1,10 @@
+var svgEditorExtensionLocale_server_moinsave_en = (function () {
+  'use strict';
+
+  var en = {
+    saved: 'Saved! Return to Item View!'
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/server_opensave/en.js b/dist/extensions/ext-locale/server_opensave/en.js
new file mode 100644
index 00000000..a1ae39ab
--- /dev/null
+++ b/dist/extensions/ext-locale/server_opensave/en.js
@@ -0,0 +1,10 @@
+var svgEditorExtensionLocale_server_opensave_en = (function () {
+  'use strict';
+
+  var en = {
+    uploading: 'Uploading...'
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/shapes/en.js b/dist/extensions/ext-locale/shapes/en.js
new file mode 100644
index 00000000..96b379a6
--- /dev/null
+++ b/dist/extensions/ext-locale/shapes/en.js
@@ -0,0 +1,29 @@
+var svgEditorExtensionLocale_shapes_en = (function () {
+  'use strict';
+
+  var en = {
+    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'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/shapes/fr.js b/dist/extensions/ext-locale/shapes/fr.js
new file mode 100644
index 00000000..72dae219
--- /dev/null
+++ b/dist/extensions/ext-locale/shapes/fr.js
@@ -0,0 +1,29 @@
+var svgEditorExtensionLocale_shapes_fr = (function () {
+  'use strict';
+
+  var fr = {
+    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"
+    }]
+  };
+
+  return fr;
+
+}());
diff --git a/dist/extensions/ext-locale/star/en.js b/dist/extensions/ext-locale/star/en.js
new file mode 100644
index 00000000..abf7d96d
--- /dev/null
+++ b/dist/extensions/ext-locale/star/en.js
@@ -0,0 +1,23 @@
+var svgEditorExtensionLocale_star_en = (function () {
+  'use strict';
+
+  var en = {
+    name: 'star',
+    buttons: [{
+      title: 'Star Tool'
+    }],
+    contextTools: [{
+      title: 'Number of Sides',
+      label: 'points'
+    }, {
+      title: 'Pointiness',
+      label: 'Pointiness'
+    }, {
+      title: 'Twists the star',
+      label: 'Radial Shift'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/storage/de.js b/dist/extensions/ext-locale/storage/de.js
new file mode 100644
index 00000000..3ffd3e6d
--- /dev/null
+++ b/dist/extensions/ext-locale/storage/de.js
@@ -0,0 +1,17 @@
+var svgEditorExtensionLocale_storage_de = (function () {
+  'use strict';
+
+  var de = {
+    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.'
+  };
+
+  return de;
+
+}());
diff --git a/dist/extensions/ext-locale/storage/en.js b/dist/extensions/ext-locale/storage/en.js
new file mode 100644
index 00000000..415458f1
--- /dev/null
+++ b/dist/extensions/ext-locale/storage/en.js
@@ -0,0 +1,17 @@
+var svgEditorExtensionLocale_storage_en = (function () {
+  'use strict';
+
+  var en = {
+    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.'
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-locale/storage/fr.js b/dist/extensions/ext-locale/storage/fr.js
new file mode 100644
index 00000000..c17b761a
--- /dev/null
+++ b/dist/extensions/ext-locale/storage/fr.js
@@ -0,0 +1,17 @@
+var svgEditorExtensionLocale_storage_fr = (function () {
+  'use strict';
+
+  var fr = {
+    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."
+  };
+
+  return fr;
+
+}());
diff --git a/dist/extensions/ext-locale/webappfind/en.js b/dist/extensions/ext-locale/webappfind/en.js
new file mode 100644
index 00000000..33f212e8
--- /dev/null
+++ b/dist/extensions/ext-locale/webappfind/en.js
@@ -0,0 +1,13 @@
+var svgEditorExtensionLocale_webappfind_en = (function () {
+  'use strict';
+
+  var en = {
+    name: 'WebAppFind',
+    buttons: [{
+      title: 'Save Image back to Disk'
+    }]
+  };
+
+  return en;
+
+}());
diff --git a/dist/extensions/ext-markers.js b/dist/extensions/ext-markers.js
new file mode 100644
index 00000000..fdbbc4f7
--- /dev/null
+++ b/dist/extensions/ext-markers.js
@@ -0,0 +1,664 @@
+var svgEditorExtension_markers = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /* globals jQuery */
+  /**
+   * ext-markers.js
+   *
+   * @license Apache-2.0
+   *
+   * @copyright 2010 Will Schleter based on ext-arrows.js by Copyright(c) 2010 Alexis Deveria
+   *
+   * This extension provides for the addition of markers to the either end
+   * or the middle of a line, polyline, path, polygon.
+   *
+   * Markers may be either a graphic or arbitary text
+   *
+   * to simplify the coding and make the implementation as robust as possible,
+   * markers are not shared - every object has its own set of markers.
+   * this relationship is maintained by a naming convention between the
+   * ids of the markers and the ids of the object
+   *
+   * The following restrictions exist for simplicty of use and programming
+   *    objects and their markers to have the same color
+   *    marker size is fixed
+   *    text marker font, size, and attributes are fixed
+   *    an application specific attribute - se_type - is added to each marker element
+   *        to store the type of marker
+   *
+   * @todo
+   *    remove some of the restrictions above
+   *    add option for keeping text aligned to horizontal
+   *    add support for dimension extension lines
+   *
+  */
+  var extMarkers = {
+    name: 'markers',
+    init: function () {
+      var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(S) {
+        var strings, svgEditor, $, svgCanvas, addElem, mtypes, markerPrefix, idPrefix, markerTypes, getLinked, setIcon, selElems, showPanel, addMarker, convertline, setMarker, colorChanged, updateReferences, triggerTextEntry, showTextPrompt, setArrowFromButton, getTitle, buildButtonList, contextTools;
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                buildButtonList = function buildButtonList(lang) {
+                  var buttons = [];
+                  // const i = 0;
+                  /*
+                  buttons.push({
+                    id: idPrefix + 'markers_off',
+                    title: 'Turn off all markers',
+                    type: 'context',
+                    events: { click: setMarkerSet },
+                    panel: 'marker_panel'
+                  });
+                  buttons.push({
+                    id: idPrefix + 'markers_dimension',
+                    title: 'Dimension',
+                    type: 'context',
+                    events: { click: setMarkerSet },
+                    panel: 'marker_panel'
+                  });
+                  buttons.push({
+                    id: idPrefix + 'markers_label',
+                    title: 'Label',
+                    type: 'context',
+                    events: { click: setMarkerSet },
+                    panel: 'marker_panel'
+                  });
+                  */
+                  $.each(mtypes, function (k, pos) {
+                    var listname = pos + '_marker_list';
+                    var def = true;
+                    Object.keys(markerTypes).forEach(function (id) {
+                      var title = getTitle(String(id));
+                      buttons.push({
+                        id: idPrefix + pos + '_' + id,
+                        svgicon: id,
+                        icon: svgEditor.curConfig.extIconsPath + 'markers-' + id + '.png',
+                        title: title,
+                        type: 'context',
+                        events: { click: setArrowFromButton },
+                        panel: 'marker_panel',
+                        list: listname,
+                        isDefault: def
+                      });
+                      def = false;
+                    });
+                  });
+                  return buttons;
+                };
+
+                getTitle = function getTitle(id) {
+                  var langList = strings.langList;
+
+                  var item = langList.find(function (item) {
+                    return item.id === id;
+                  });
+                  return item ? item.title : id;
+                };
+
+                setArrowFromButton = function setArrowFromButton(obj) {
+                  var parts = this.id.split('_');
+                  var pos = parts[1];
+                  var val = parts[2];
+                  if (parts[3]) {
+                    val += '_' + parts[3];
+                  }
+
+                  if (val !== 'textmarker') {
+                    triggerTextEntry(pos, '\\' + val);
+                  } else {
+                    showTextPrompt(pos);
+                  }
+                };
+
+                showTextPrompt = function showTextPrompt(pos) {
+                  var def = $('#' + pos + '_marker').val();
+                  if (def.substr(0, 1) === '\\') {
+                    def = '';
+                  }
+                  $.prompt('Enter text for ' + pos + ' marker', def, function (txt) {
+                    if (txt) {
+                      triggerTextEntry(pos, txt);
+                    }
+                  });
+                };
+
+                triggerTextEntry = function triggerTextEntry(pos, val) {
+                  $('#' + pos + '_marker').val(val);
+                  $('#' + pos + '_marker').change();
+                  // const txtbox = $('#'+pos+'_marker');
+                  // if (val.substr(0,1)=='\\') {txtbox.hide();}
+                  // else {txtbox.show();}
+                };
+
+                updateReferences = function updateReferences(el) {
+                  $.each(mtypes, function (i, pos) {
+                    var id = markerPrefix + pos + '_' + el.id;
+                    var markerName = 'marker-' + pos;
+                    var marker = getLinked(el, markerName);
+                    if (!marker || !marker.attributes.se_type) {
+                      return;
+                    } // not created by this extension
+                    var url = el.getAttribute(markerName);
+                    if (url) {
+                      var len = el.id.length;
+                      var linkid = url.substr(-len - 1, len);
+                      if (el.id !== linkid) {
+                        var val = $('#' + pos + '_marker').attr('value');
+                        addMarker(id, val);
+                        svgCanvas.changeSelectedAttribute(markerName, 'url(#' + id + ')');
+                        if (el.tagName === 'line' && pos === 'mid') {
+                          el = convertline(el);
+                        }
+                        svgCanvas.call('changed', selElems);
+                      }
+                    }
+                  });
+                };
+
+                colorChanged = function colorChanged(elem) {
+                  var color = elem.getAttribute('stroke');
+
+                  $.each(mtypes, function (i, pos) {
+                    var marker = getLinked(elem, 'marker-' + pos);
+                    if (!marker) {
+                      return;
+                    }
+                    if (!marker.attributes.se_type) {
+                      return;
+                    } // not created by this extension
+                    var ch = marker.lastElementChild;
+                    if (!ch) {
+                      return;
+                    }
+                    var curfill = ch.getAttribute('fill');
+                    var curstroke = ch.getAttribute('stroke');
+                    if (curfill && curfill !== 'none') {
+                      ch.setAttribute('fill', color);
+                    }
+                    if (curstroke && curstroke !== 'none') {
+                      ch.setAttribute('stroke', color);
+                    }
+                  });
+                };
+
+                setMarker = function setMarker() {
+                  var poslist = { start_marker: 'start', mid_marker: 'mid', end_marker: 'end' };
+                  var pos = poslist[this.id];
+                  var markerName = 'marker-' + pos;
+                  var el = selElems[0];
+                  var marker = getLinked(el, markerName);
+                  if (marker) {
+                    $(marker).remove();
+                  }
+                  el.removeAttribute(markerName);
+                  var val = this.value;
+                  if (val === '') {
+                    val = '\\nomarker';
+                  }
+                  if (val === '\\nomarker') {
+                    setIcon(pos, val);
+                    svgCanvas.call('changed', selElems);
+                    return;
+                  }
+                  // Set marker on element
+                  var id = markerPrefix + pos + '_' + el.id;
+                  addMarker(id, val);
+                  svgCanvas.changeSelectedAttribute(markerName, 'url(#' + id + ')');
+                  if (el.tagName === 'line' && pos === 'mid') {
+                    el = convertline(el);
+                  }
+                  svgCanvas.call('changed', selElems);
+                  setIcon(pos, val);
+                };
+
+                convertline = function convertline(elem) {
+                  // this routine came from the connectors extension
+                  // it is needed because midpoint markers don't work with line elements
+                  if (!(elem.tagName === 'line')) {
+                    return elem;
+                  }
+
+                  // Convert to polyline to accept mid-arrow
+
+                  var x1 = Number(elem.getAttribute('x1'));
+                  var x2 = Number(elem.getAttribute('x2'));
+                  var y1 = Number(elem.getAttribute('y1'));
+                  var y2 = Number(elem.getAttribute('y2'));
+                  var id = elem.id;
+
+
+                  var midPt = ' ' + (x1 + x2) / 2 + ',' + (y1 + y2) / 2 + ' ';
+                  var pline = addElem({
+                    element: 'polyline',
+                    attr: {
+                      points: x1 + ',' + y1 + midPt + x2 + ',' + y2,
+                      stroke: elem.getAttribute('stroke'),
+                      'stroke-width': elem.getAttribute('stroke-width'),
+                      fill: 'none',
+                      opacity: elem.getAttribute('opacity') || 1
+                    }
+                  });
+                  $.each(mtypes, function (i, pos) {
+                    // get any existing marker definitions
+                    var nam = 'marker-' + pos;
+                    var m = elem.getAttribute(nam);
+                    if (m) {
+                      pline.setAttribute(nam, elem.getAttribute(nam));
+                    }
+                  });
+
+                  var batchCmd = new S.BatchCommand();
+                  batchCmd.addSubCommand(new S.RemoveElementCommand(elem, elem.parentNode));
+                  batchCmd.addSubCommand(new S.InsertElementCommand(pline));
+
+                  $(elem).after(pline).remove();
+                  svgCanvas.clearSelection();
+                  pline.id = id;
+                  svgCanvas.addToSelection([pline]);
+                  S.addCommandToHistory(batchCmd);
+                  return pline;
+                };
+
+                addMarker = function addMarker(id, val) {
+                  var txtBoxBg = '#ffffff';
+                  var txtBoxBorder = 'none';
+                  var txtBoxStrokeWidth = 0;
+
+                  var marker = svgCanvas.getElem(id);
+                  if (marker) {
+                    return;
+                  }
+
+                  if (val === '' || val === '\\nomarker') {
+                    return;
+                  }
+
+                  var el = selElems[0];
+                  var color = el.getAttribute('stroke');
+                  // NOTE: Safari didn't like a negative value in viewBox
+                  // so we use a standardized 0 0 100 100
+                  // with 50 50 being mapped to the marker position
+                  var strokeWidth = 10;
+                  var refX = 50;
+                  var refY = 50;
+                  var viewBox = '0 0 100 100';
+                  var markerWidth = 5;
+                  var markerHeight = 5;
+                  var seType = void 0;
+                  if (val.substr(0, 1) === '\\') {
+                    seType = val.substr(1);
+                  } else {
+                    seType = 'textmarker';
+                  }
+
+                  if (!markerTypes[seType]) {
+                    return;
+                  } // an unknown type!
+
+                  // create a generic marker
+                  marker = addElem({
+                    element: 'marker',
+                    attr: {
+                      id: id,
+                      markerUnits: 'strokeWidth',
+                      orient: 'auto',
+                      style: 'pointer-events:none',
+                      se_type: seType
+                    }
+                  });
+
+                  if (seType !== 'textmarker') {
+                    var mel = addElem(markerTypes[seType]);
+                    var fillcolor = seType.substr(-2) === '_o' ? 'none' : color;
+
+                    mel.setAttribute('fill', fillcolor);
+                    mel.setAttribute('stroke', color);
+                    mel.setAttribute('stroke-width', strokeWidth);
+                    marker.append(mel);
+                  } else {
+                    var text = addElem(markerTypes[seType]);
+                    // have to add text to get bounding box
+                    text.textContent = val;
+                    var tb = text.getBBox();
+                    // alert(tb.x + ' ' + tb.y + ' ' + tb.width + ' ' + tb.height);
+                    var pad = 1;
+                    var bb = tb;
+                    bb.x = 0;
+                    bb.y = 0;
+                    bb.width += pad * 2;
+                    bb.height += pad * 2;
+                    // shift text according to its size
+                    text.setAttribute('x', pad);
+                    text.setAttribute('y', bb.height - pad - tb.height / 4); // kludge?
+                    text.setAttribute('fill', color);
+                    refX = bb.width / 2 + pad;
+                    refY = bb.height / 2 + pad;
+                    viewBox = bb.x + ' ' + bb.y + ' ' + bb.width + ' ' + bb.height;
+                    markerWidth = bb.width / 10;
+                    markerHeight = bb.height / 10;
+
+                    var box = addElem({
+                      element: 'rect',
+                      attr: {
+                        x: bb.x,
+                        y: bb.y,
+                        width: bb.width,
+                        height: bb.height,
+                        fill: txtBoxBg,
+                        stroke: txtBoxBorder,
+                        'stroke-width': txtBoxStrokeWidth
+                      }
+                    });
+                    marker.setAttribute('orient', 0);
+                    marker.append(box, text);
+                  }
+
+                  marker.setAttribute('viewBox', viewBox);
+                  marker.setAttribute('markerWidth', markerWidth);
+                  marker.setAttribute('markerHeight', markerHeight);
+                  marker.setAttribute('refX', refX);
+                  marker.setAttribute('refY', refY);
+                  svgCanvas.findDefs().append(marker);
+
+                  return marker;
+                };
+
+                showPanel = function showPanel(on) {
+                  $('#marker_panel').toggle(on);
+
+                  if (on) {
+                    var el = selElems[0];
+
+                    var val = void 0,
+                        ci = void 0;
+                    $.each(mtypes, function (i, pos) {
+                      var m = getLinked(el, 'marker-' + pos);
+                      var txtbox = $('#' + pos + '_marker');
+                      if (!m) {
+                        val = '\\nomarker';
+                        ci = val;
+                        txtbox.hide(); // hide text box
+                      } else {
+                        if (!m.attributes.se_type) {
+                          return;
+                        } // not created by this extension
+                        val = '\\' + m.attributes.se_type.textContent;
+                        ci = val;
+                        if (val === '\\textmarker') {
+                          val = m.lastChild.textContent;
+                          // txtbox.show(); // show text box
+                        } else {
+                          txtbox.hide(); // hide text box
+                        }
+                      }
+                      txtbox.val(val);
+                      setIcon(pos, ci);
+                    });
+                  }
+                };
+
+                setIcon = function setIcon(pos, id) {
+                  if (id.substr(0, 1) !== '\\') {
+                    id = '\\textmarker';
+                  }
+                  var ci = '#' + idPrefix + pos + '_' + id.substr(1);
+                  svgEditor.setIcon('#cur_' + pos + '_marker_list', $(ci).children());
+                  $(ci).addClass('current').siblings().removeClass('current');
+                };
+
+                getLinked = function getLinked(elem, attr) {
+                  var str = elem.getAttribute(attr);
+                  if (!str) {
+                    return null;
+                  }
+                  var m = str.match(/\(#(.*)\)/);
+                  if (!m || m.length !== 2) {
+                    return null;
+                  }
+                  return svgCanvas.getElem(m[1]);
+                };
+
+                _context2.next = 15;
+                return S.importLocale();
+
+              case 15:
+                strings = _context2.sent;
+                svgEditor = this;
+                $ = jQuery;
+                svgCanvas = svgEditor.canvas;
+                addElem = svgCanvas.addSVGElementFromJson;
+                mtypes = ['start', 'mid', 'end'];
+                markerPrefix = 'se_marker_';
+                idPrefix = 'mkr_';
+
+                // note - to add additional marker types add them below with a unique id
+                // and add the associated icon(s) to marker-icons.svg
+                // the geometry is normalized to a 100x100 box with the origin at lower left
+                // Safari did not like negative values for low left of viewBox
+                // remember that the coordinate system has +y downward
+
+                markerTypes = {
+                  nomarker: {},
+                  leftarrow: { element: 'path', attr: { d: 'M0,50 L100,90 L70,50 L100,10 Z' } },
+                  rightarrow: { element: 'path', attr: { d: 'M100,50 L0,90 L30,50 L0,10 Z' } },
+                  textmarker: { element: 'text', attr: { x: 0, y: 0, 'stroke-width': 0, stroke: 'none', 'font-size': 75, 'font-family': 'serif', 'text-anchor': 'left',
+                      'xml:space': 'preserve' } },
+                  forwardslash: { element: 'path', attr: { d: 'M30,100 L70,0' } },
+                  reverseslash: { element: 'path', attr: { d: 'M30,0 L70,100' } },
+                  verticalslash: { element: 'path', attr: { d: 'M50,0 L50,100' } },
+                  box: { element: 'path', attr: { d: 'M20,20 L20,80 L80,80 L80,20 Z' } },
+                  star: { element: 'path', attr: { d: 'M10,30 L90,30 L20,90 L50,10 L80,90 Z' } },
+                  xmark: { element: 'path', attr: { d: 'M20,80 L80,20 M80,80 L20,20' } },
+                  triangle: { element: 'path', attr: { d: 'M10,80 L50,20 L80,80 Z' } },
+                  mcircle: { element: 'circle', attr: { r: 30, cx: 50, cy: 50 } }
+                };
+
+                // duplicate shapes to support unfilled (open) marker types with an _o suffix
+
+                ['leftarrow', 'rightarrow', 'box', 'star', 'mcircle', 'triangle'].forEach(function (v) {
+                  markerTypes[v + '_o'] = markerTypes[v];
+                });
+
+                /**
+                * @param {Element} elem - A graphic element will have an attribute like marker-start
+                * @param {"marker-start"|"marker-mid"|"marker-end"} attr
+                * @returns {Element} The marker element that is linked to the graphic element
+                */
+                selElems = void 0;
+                // toggles context tool panel off/on
+                // sets the controls with the selected element's settings
+
+
+                // called when the main system modifies an object
+                // this routine changes the associated markers to be the same color
+
+
+                // called when the main system creates or modifies an object
+                // primary purpose is create new markers for cloned objects
+
+
+                // simulate a change event a text box that stores the current element's marker type
+
+
+                /*
+                function setMarkerSet(obj) {
+                  const parts = this.id.split('_');
+                  const set = parts[2];
+                  switch (set) {
+                  case 'off':
+                    triggerTextEntry('start','\\nomarker');
+                    triggerTextEntry('mid','\\nomarker');
+                    triggerTextEntry('end','\\nomarker');
+                    break;
+                  case 'dimension':
+                    triggerTextEntry('start','\\leftarrow');
+                    triggerTextEntry('end','\\rightarrow');
+                    showTextPrompt('mid');
+                    break;
+                  case 'label':
+                    triggerTextEntry('mid','\\nomarker');
+                    triggerTextEntry('end','\\rightarrow');
+                    showTextPrompt('start');
+                    break;
+                  }
+                }
+                */
+                // callback function for a toolbar button click
+
+
+                // build the toolbar button array from the marker definitions
+
+                contextTools = [{
+                  type: 'input',
+                  panel: 'marker_panel',
+                  id: 'start_marker',
+                  size: 3,
+                  events: { change: setMarker }
+                }, {
+                  type: 'button-select',
+                  panel: 'marker_panel',
+                  id: 'start_marker_list',
+                  colnum: 3,
+                  events: { change: setArrowFromButton }
+                }, {
+                  type: 'input',
+                  panel: 'marker_panel',
+                  id: 'mid_marker',
+                  defval: '',
+                  size: 3,
+                  events: { change: setMarker }
+                }, {
+                  type: 'button-select',
+                  panel: 'marker_panel',
+                  id: 'mid_marker_list',
+                  colnum: 3,
+                  events: { change: setArrowFromButton }
+                }, {
+                  type: 'input',
+                  panel: 'marker_panel',
+                  id: 'end_marker',
+                  size: 3,
+                  events: { change: setMarker }
+                }, {
+                  type: 'button-select',
+                  panel: 'marker_panel',
+                  id: 'end_marker_list',
+                  colnum: 3,
+                  events: { change: setArrowFromButton }
+                }];
+                return _context2.abrupt('return', {
+                  name: strings.name,
+                  svgicons: svgEditor.curConfig.extIconsPath + 'markers-icons.xml',
+                  callback: function callback() {
+                    $('#marker_panel').addClass('toolset').hide();
+                  },
+                  addLangData: function () {
+                    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref2) {
+                      var importLocale = _ref2.importLocale,
+                          lang = _ref2.lang;
+                      return regeneratorRuntime.wrap(function _callee$(_context) {
+                        while (1) {
+                          switch (_context.prev = _context.next) {
+                            case 0:
+                              return _context.abrupt('return', { data: strings.langList });
+
+                            case 1:
+                            case 'end':
+                              return _context.stop();
+                          }
+                        }
+                      }, _callee, this);
+                    }));
+
+                    function addLangData(_x2) {
+                      return _ref3.apply(this, arguments);
+                    }
+
+                    return addLangData;
+                  }(),
+                  selectedChanged: function selectedChanged(opts) {
+                    // Use this to update the current selected elements
+                    // console.log('selectChanged',opts);
+                    selElems = opts.elems;
+
+                    var markerElems = ['line', 'path', 'polyline', 'polygon'];
+
+                    var i = selElems.length;
+                    while (i--) {
+                      var elem = selElems[i];
+                      if (elem && markerElems.includes(elem.tagName)) {
+                        if (opts.selectedElement && !opts.multiselected) {
+                          showPanel(true);
+                        } else {
+                          showPanel(false);
+                        }
+                      } else {
+                        showPanel(false);
+                      }
+                    }
+                  },
+                  elementChanged: function elementChanged(opts) {
+                    // console.log('elementChanged',opts);
+                    var elem = opts.elems[0];
+                    if (elem && (elem.getAttribute('marker-start') || elem.getAttribute('marker-mid') || elem.getAttribute('marker-end'))) {
+                      colorChanged(elem);
+                      updateReferences(elem);
+                    }
+                    // changing_flag = false; // Not apparently in use
+                  },
+
+                  buttons: buildButtonList(),
+                  context_tools: contextTools
+                });
+
+              case 28:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function init(_x) {
+        return _ref.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extMarkers;
+
+}());
diff --git a/dist/extensions/ext-mathjax.js b/dist/extensions/ext-mathjax.js
new file mode 100644
index 00000000..a10183dd
--- /dev/null
+++ b/dist/extensions/ext-mathjax.js
@@ -0,0 +1,452 @@
+var svgEditorExtension_mathjax = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  var _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  // MIT License
+  // From: https://github.com/uupaa/dynamic-import-polyfill/blob/master/importModule.js
+
+  /**
+   * @module importModule
+   */
+
+  function toAbsoluteURL(url) {
+    var a = document.createElement('a');
+    a.setAttribute('href', url); // <a href="hoge.html">
+    return a.cloneNode(false).href; // -> "http://example.com/hoge.html"
+  }
+
+  function addScriptAtts(script, atts) {
+    ['id', 'class', 'type'].forEach(function (prop) {
+      if (prop in atts) {
+        script[prop] = atts[prop];
+      }
+    });
+  }
+
+  // Additions by Brett
+  /**
+  * @typedef {PlainObject} module:importModule.ImportConfig
+  * @property {string} global The variable name to set on `window` (when not using the modular version)
+  * @property {boolean} [returnDefault=false]
+  */
+  /**
+  * @function module:importModule.importSetGlobalDefault
+  * @param {string} url
+  * @param {module:importModule.ImportConfig} config
+  * @returns {*} The return depends on the export of the targeted module.
+  */
+  var importSetGlobalDefault = function () {
+    var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(url, config) {
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt('return', importSetGlobal(url, _extends({}, config, { returnDefault: true })));
+
+            case 1:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, this);
+    }));
+
+    return function importSetGlobalDefault(_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  /**
+  * @function module:importModule.importSetGlobal
+  * @param {string} url
+  * @param {module:importModule.ImportConfig} config
+  * @returns {ArbitraryModule|*} The return depends on the export of the targeted module.
+  */
+  var importSetGlobal = function () {
+    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(url, _ref2) {
+      var global = _ref2.global,
+          returnDefault = _ref2.returnDefault;
+      var modularVersion;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              // Todo: Replace calls to this function with `import()` when supported
+              modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+
+              if (!modularVersion) {
+                _context2.next = 3;
+                break;
+              }
+
+              return _context2.abrupt('return', importModule(url, undefined, { returnDefault: returnDefault }));
+
+            case 3:
+              _context2.next = 5;
+              return importScript(url);
+
+            case 5:
+              return _context2.abrupt('return', window[global]);
+
+            case 6:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, this);
+    }));
+
+    return function importSetGlobal(_x3, _x4) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  // Addition by Brett
+  function importScript(url) {
+    var atts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    if (Array.isArray(url)) {
+      return Promise.all(url.map(function (u) {
+        return importScript(u, atts);
+      }));
+    }
+    return new Promise(function (resolve, reject) {
+      var script = document.createElement('script');
+      var destructor = function destructor() {
+        script.onerror = null;
+        script.onload = null;
+        script.remove();
+        script.src = '';
+      };
+      script.defer = 'defer';
+      addScriptAtts(script, atts);
+      script.onerror = function () {
+        reject(new Error('Failed to import: ' + url));
+        destructor();
+      };
+      script.onload = function () {
+        resolve();
+        destructor();
+      };
+      script.src = url;
+
+      document.head.append(script);
+    });
+  }
+
+  function importModule(url) {
+    var atts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    var _ref4 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+        _ref4$returnDefault = _ref4.returnDefault,
+        returnDefault = _ref4$returnDefault === undefined ? false : _ref4$returnDefault;
+
+    if (Array.isArray(url)) {
+      return Promise.all(url.map(function (u) {
+        return importModule(u, atts);
+      }));
+    }
+    return new Promise(function (resolve, reject) {
+      var vector = '$importModule$' + Math.random().toString(32).slice(2);
+      var script = document.createElement('script');
+      var destructor = function destructor() {
+        delete window[vector];
+        script.onerror = null;
+        script.onload = null;
+        script.remove();
+        URL.revokeObjectURL(script.src);
+        script.src = '';
+      };
+      addScriptAtts(script, atts);
+      script.defer = 'defer';
+      script.type = 'module';
+      script.onerror = function () {
+        reject(new Error('Failed to import: ' + url));
+        destructor();
+      };
+      script.onload = function () {
+        resolve(window[vector]);
+        destructor();
+      };
+      var absURL = toAbsoluteURL(url);
+      var loader = 'import * as m from \'' + absURL.replace(/'/g, "\\'") + '\'; window.' + vector + ' = ' + (returnDefault ? 'm.default || ' : '') + 'm;'; // export Module
+      var blob = new Blob([loader], { type: 'text/javascript' });
+      script.src = URL.createObjectURL(blob);
+
+      document.head.append(script);
+    });
+  }
+
+  /* globals jQuery, MathJax */
+
+  var extMathjax = {
+    name: 'mathjax',
+    init: function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
+        var importLocale = _ref.importLocale;
+        var strings, svgEditor, $, svgCanvas, mathjaxSrcSecure, uiStrings, math, locationX, locationY, mathjaxLoaded, saveMath, buttons;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                saveMath = function saveMath() {
+                  var code = $('#mathjax_code_textarea').val();
+                  // displaystyle to force MathJax NOT to use the inline style. Because it is
+                  // less fancy!
+                  MathJax.Hub.queue.Push(['Text', math, '\\displaystyle{' + code + '}']);
+
+                  /*
+                   * The MathJax library doesn't want to bloat your webpage so it creates
+                   * every symbol (glymph) you need only once. These are saved in a `<svg>` on
+                   * the top of your html document, just under the body tag. Each glymph has
+                   * its unique id and is saved as a `<path>` in the `<defs>` tag of the `<svg>`
+                   *
+                   * Then when the symbols are needed in the rest of your html document they
+                   * are refferd to by a `<use>` tag.
+                   * Because of bug 1076 we can't just grab the defs tag on the top and add it
+                   * to your formula's `<svg>` and copy the lot. So we have to replace each
+                   * `<use>` tag by its `<path>`.
+                   */
+                  MathJax.Hub.queue.Push(function () {
+                    var mathjaxMath = $('.MathJax_SVG');
+                    var svg = $(mathjaxMath.html());
+                    svg.find('use').each(function () {
+                      // TODO: find a less pragmatic and more elegant solution to this.
+                      var id = $(this).attr('href') ? $(this).attr('href').slice(1) // Works in Chrome.
+                      : $(this).attr('xlink:href').slice(1); // Works in Firefox.
+                      var glymph = $('#' + id).clone().removeAttr('id');
+                      var x = $(this).attr('x');
+                      var y = $(this).attr('y');
+                      var transform = $(this).attr('transform');
+                      if (transform && (x || y)) {
+                        glymph.attr('transform', transform + ' translate(' + x + ',' + y + ')');
+                      } else if (transform) {
+                        glymph.attr('transform', transform);
+                      } else if (x || y) {
+                        glymph.attr('transform', 'translate(' + x + ',' + y + ')');
+                      }
+                      $(this).replaceWith(glymph);
+                    });
+                    // Remove the style tag because it interferes with SVG-Edit.
+                    svg.removeAttr('style');
+                    svg.attr('xmlns', 'http://www.w3.org/2000/svg');
+                    svgCanvas.importSvgString($('<div>').append(svg.clone()).html(), true);
+                    svgCanvas.ungroupSelectedElement();
+                    // TODO: To undo the adding of the Formula you now have to undo twice.
+                    // This should only be once!
+                    svgCanvas.moveSelectedElements(locationX, locationY, true);
+                  });
+                };
+
+                _context.next = 3;
+                return importLocale();
+
+              case 3:
+                strings = _context.sent;
+                svgEditor = this;
+                $ = jQuery;
+                svgCanvas = svgEditor.canvas;
+
+                // Configuration of the MathJax extention.
+
+                // This will be added to the head tag before MathJax is loaded.
+
+                /* mathjaxConfiguration = `<script type="text/x-mathjax-config">
+                MathJax.Hub.Config({
+                extensions: ['tex2jax.js'],
+                jax: ['input/TeX', 'output/SVG'],
+                showProcessingMessages: true,
+                showMathMenu: false,
+                showMathMenuMSIE: false,
+                errorSettings: {
+                  message: ['[Math Processing Error]'],
+                  style: {color: '#CC0000', 'font-style': 'italic'}
+                },
+                elements: [],
+                  tex2jax: {
+                  ignoreClass: 'tex2jax_ignore2', processClass: 'tex2jax_process2',
+                },
+                TeX: {
+                  extensions: ['AMSmath.js', 'AMSsymbols.js', 'noErrors.js', 'noUndefined.js']
+                },
+                SVG: {
+                }
+                });
+                </script>`, */
+                // mathjaxSrc = 'http://cdn.mathjax.org/mathjax/latest/MathJax.js',
+                // Had been on https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG.js
+                // Obtained Text-AMS-MML_SVG.js from https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.3/config/TeX-AMS-MML_SVG.js
+                mathjaxSrcSecure = 'mathjax/MathJax.min.js?config=TeX-AMS-MML_SVG.js', uiStrings = svgEditor.uiStrings;
+                math = void 0, locationX = void 0, locationY = void 0, mathjaxLoaded = false;
+
+                // TODO: Implement language support. Move these uiStrings to the locale files and the code to the langReady callback.
+
+                $.extend(uiStrings, {
+                  mathjax: {
+                    embed_svg: 'Save as mathematics',
+                    embed_mathml: 'Save as figure',
+                    svg_save_warning: 'The math will be transformed into a figure is manipulatable like everything else. You will not be able to manipulate the TeX-code anymore. ',
+                    mathml_save_warning: 'Advised. The math will be saved as a figure.',
+                    title: 'Mathematics code editor'
+                  }
+                });
+
+                buttons = [{
+                  id: 'tool_mathjax',
+                  type: 'mode',
+                  icon: svgEditor.curConfig.extIconsPath + 'mathjax.png',
+                  events: {
+                    click: function click() {
+                      // Only load Mathjax when needed, we don't want to strain Svg-Edit any more.
+                      // From this point on it is very probable that it will be needed, so load it.
+                      if (mathjaxLoaded === false) {
+                        $('<div id="mathjax">' + '<!-- Here is where MathJax creates the math -->' + '<div id="mathjax_creator" class="tex2jax_process" style="display:none">' + '$${}$$' + '</div>' + '<div id="mathjax_overlay"></div>' + '<div id="mathjax_container">' + '<div id="tool_mathjax_back" class="toolbar_button">' + '<button id="tool_mathjax_save">OK</button>' + '<button id="tool_mathjax_cancel">Cancel</button>' + '</div>' + '<fieldset>' + '<legend id="mathjax_legend">Mathematics Editor</legend>' + '<label>' + '<span id="mathjax_explication">Please type your mathematics in ' + '<a href="https://en.wikipedia.org/wiki/Help:Displaying_a_formula" target="_blank">TeX</a> code.</span></label>' + '<textarea id="mathjax_code_textarea" spellcheck="false"></textarea>' + '</fieldset>' + '</div>' + '</div>').insertAfter('#svg_prefs').hide();
+
+                        // Make the MathEditor draggable.
+                        $('#mathjax_container').draggable({
+                          cancel: 'button,fieldset',
+                          containment: 'window'
+                        });
+
+                        // Add functionality and picture to cancel button.
+                        $('#tool_mathjax_cancel').prepend($.getSvgIcon('cancel', true)).on('click touched', function () {
+                          $('#mathjax').hide();
+                        });
+
+                        // Add functionality and picture to the save button.
+                        $('#tool_mathjax_save').prepend($.getSvgIcon('ok', true)).on('click touched', function () {
+                          saveMath();
+                          $('#mathjax').hide();
+                        });
+
+                        // MathJax preprocessing has to ignore most of the page.
+                        $('body').addClass('tex2jax_ignore');
+
+                        // Now get (and run) the MathJax Library.
+                        // Todo: insert script with modules once widely supported
+                        //   and if MathJax (and its `TeX-AMS-MML_SVG.js` dependency) ends up
+                        //   providing an ES6 module export: https://github.com/mathjax/MathJax/issues/1998
+                        /*
+                        const modularVersion = !('svgEditor' in window) ||
+                          !window.svgEditor ||
+                          window.svgEditor.modules !== false;
+                        // Add as second argument to `importScript`
+                        {
+                          type: modularVersion
+                            ? 'module' // Make this the default when widely supported
+                            : 'text/javascript'
+                        }
+                        // If only using modules, just use this:
+                        const {default: MathJax} = await importModule( // or `import()` when widely supported
+                          svgEditor.curConfig.extIconsPath + mathjaxSrcSecure
+                        );
+                        */
+                        importScript(svgEditor.curConfig.extIconsPath + mathjaxSrcSecure).then(function () {
+                          // When MathJax is loaded get the div where the math will be rendered.
+                          MathJax.Hub.queue.Push(function () {
+                            math = MathJax.Hub.getAllJax('#mathjax_creator')[0];
+                            console.log(math);
+                            mathjaxLoaded = true;
+                            console.log('MathJax Loaded');
+                          });
+                        }).catch(function () {
+                          console.log('Failed loadeing MathJax.');
+                          $.alert('Failed loading MathJax. You will not be able to change the mathematics.');
+                        });
+                      }
+                      // Set the mode.
+                      svgCanvas.setMode('mathjax');
+                    }
+                  }
+                }];
+                return _context.abrupt('return', {
+                  name: strings.name,
+                  svgicons: svgEditor.curConfig.extIconsPath + 'mathjax-icons.xml',
+                  buttons: strings.buttons.map(function (button, i) {
+                    return Object.assign(buttons[i], button);
+                  }),
+
+                  mouseDown: function mouseDown() {
+                    if (svgCanvas.getMode() === 'mathjax') {
+                      return { started: true };
+                    }
+                  },
+                  mouseUp: function mouseUp(opts) {
+                    if (svgCanvas.getMode() === 'mathjax') {
+                      // Get the coordinates from your mouse.
+                      var zoom = svgCanvas.getZoom();
+                      // Get the actual coordinate by dividing by the zoom value
+                      locationX = opts.mouse_x / zoom;
+                      locationY = opts.mouse_y / zoom;
+
+                      $('#mathjax').show();
+                      return { started: false }; // Otherwise the last selected object dissapears.
+                    }
+                  },
+                  callback: function callback() {
+                    $('<style>').text('#mathjax fieldset{' + 'padding: 5px;' + 'margin: 5px;' + 'border: 1px solid #DDD;' + '}' + '#mathjax label{' + 'display: block;' + 'margin: .5em;' + '}' + '#mathjax legend {' + 'max-width:195px;' + '}' + '#mathjax_overlay {' + 'position: absolute;' + 'top: 0;' + 'left: 0;' + 'right: 0;' + 'bottom: 0;' + 'background-color: black;' + 'opacity: 0.6;' + 'z-index: 20000;' + '}' + '#mathjax_container {' + 'position: absolute;' + 'top: 50px;' + 'padding: 10px;' + 'background-color: #B0B0B0;' + 'border: 1px outset #777;' + 'opacity: 1.0;' + 'font-family: Verdana, Helvetica, sans-serif;' + 'font-size: .8em;' + 'z-index: 20001;' + '}' + '#tool_mathjax_back {' + 'margin-left: 1em;' + 'overflow: auto;' + '}' + '#mathjax_legend{' + 'font-weight: bold;' + 'font-size:1.1em;' + '}' + '#mathjax_code_textarea {\\n' + 'margin: 5px .7em;' + 'overflow: hidden;' + 'width: 416px;' + 'display: block;' + 'height: 100px;' + '}').appendTo('head');
+
+                    // Add the MathJax configuration.
+                    // $(mathjaxConfiguration).appendTo('head');
+                  }
+                });
+
+              case 12:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init(_x) {
+        return _ref2.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extMathjax;
+
+}());
diff --git a/dist/extensions/ext-overview_window.js b/dist/extensions/ext-overview_window.js
new file mode 100644
index 00000000..8ba2e38a
--- /dev/null
+++ b/dist/extensions/ext-overview_window.js
@@ -0,0 +1,156 @@
+var svgEditorExtension_overview_window = (function () {
+  'use strict';
+
+  /* globals jQuery */
+  /**
+   * ext-overview_window.js
+   *
+   * @license MIT
+   *
+   * @copyright 2013 James Sacksteder
+   *
+   */
+  var extOverview_window = {
+    name: 'overview_window',
+    init: function init(_ref) {
+      var isChrome = _ref.isChrome,
+          isIE = _ref.isIE;
+
+      var $ = jQuery;
+      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 = parseInt(navigator.userAgent.substring(verIndex), 10);
+        if (chromeVersion < 49) {
+          return;
+        }
+      }
+
+      // 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 = parseFloat($('#workarea').css('height'));
+        var portWidth = parseFloat($('#workarea').css('width'));
+        var portX = $('#workarea').scrollLeft();
+        var portY = $('#workarea').scrollTop();
+        var windowWidth = parseFloat($('#svgcanvas').css('width'));
+        var windowHeight = 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 = parseFloat($('#svgcanvas').css('width'));
+        var windowHeight = parseFloat($('#svgcanvas').css('height'));
+        var overviewWidth = $('#overviewMiniView').attr('width');
+        var overviewHeight = $('#overviewMiniView').attr('height');
+        var viewBoxX = parseFloat($('#overview_window_view_box').css('left'));
+        var viewBoxY = 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 = parseFloat($('#overview_window_view_box').css('min-width'));
+        var viewBoxHeight = 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
+      };
+    }
+  };
+
+  return extOverview_window;
+
+}());
diff --git a/dist/extensions/ext-panning.js b/dist/extensions/ext-panning.js
new file mode 100644
index 00000000..c9165647
--- /dev/null
+++ b/dist/extensions/ext-panning.js
@@ -0,0 +1,112 @@
+var svgEditorExtension_panning = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /**
+   * ext-panning.js
+   *
+   * @license MIT
+   *
+   * @copyright 2013 Luis Aguirre
+   *
+   */
+  /*
+    This is a very basic SVG-Edit extension to let tablet/mobile devices pan without problem
+  */
+  var extPanning = {
+    name: 'panning',
+    init: function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
+        var importLocale = _ref.importLocale;
+        var strings, svgEditor, svgCanvas, buttons;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return importLocale();
+
+              case 2:
+                strings = _context.sent;
+                svgEditor = this;
+                svgCanvas = svgEditor.canvas;
+                buttons = [{
+                  id: 'ext-panning',
+                  icon: svgEditor.curConfig.extIconsPath + 'panning.png',
+                  type: 'mode',
+                  events: {
+                    click: function click() {
+                      svgCanvas.setMode('ext-panning');
+                    }
+                  }
+                }];
+                return _context.abrupt('return', {
+                  name: strings.name,
+                  svgicons: svgEditor.curConfig.extIconsPath + 'ext-panning.xml',
+                  buttons: strings.buttons.map(function (button, i) {
+                    return Object.assign(buttons[i], button);
+                  }),
+                  mouseDown: function mouseDown() {
+                    if (svgCanvas.getMode() === 'ext-panning') {
+                      svgEditor.setPanning(true);
+                      return { started: true };
+                    }
+                  },
+                  mouseUp: function mouseUp() {
+                    if (svgCanvas.getMode() === 'ext-panning') {
+                      svgEditor.setPanning(false);
+                      return {
+                        keep: false,
+                        element: null
+                      };
+                    }
+                  }
+                });
+
+              case 7:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init(_x) {
+        return _ref2.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extPanning;
+
+}());
diff --git a/dist/extensions/ext-php_savefile.js b/dist/extensions/ext-php_savefile.js
new file mode 100644
index 00000000..452a8323
--- /dev/null
+++ b/dist/extensions/ext-php_savefile.js
@@ -0,0 +1,32 @@
+var svgEditorExtension_php_savefile = (function () {
+  'use strict';
+
+  /* globals jQuery */
+  // TODO: Might add support for "exportImage" custom
+  //   handler as in "ext-server_opensave.js" (and in savefile.php)
+
+  var extPhp_savefile = {
+    name: 'php_savefile',
+    init: function init() {
+      var svgEditor = this;
+      var $ = jQuery;
+      var svgCanvas = svgEditor.canvas;
+      function getFileNameFromTitle() {
+        var title = svgCanvas.getDocumentTitle();
+        return title.trim();
+      }
+      var saveSvgAction = svgEditor.curConfig.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 });
+        }
+      });
+    }
+  };
+
+  return extPhp_savefile;
+
+}());
diff --git a/dist/extensions/ext-polygon.js b/dist/extensions/ext-polygon.js
new file mode 100644
index 00000000..23efeffa
--- /dev/null
+++ b/dist/extensions/ext-polygon.js
@@ -0,0 +1,331 @@
+var svgEditorExtension_polygon = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /* globals jQuery */
+  /**
+   * ext-polygon.js
+   *
+   *
+   * @copyright 2010 CloudCanvas, Inc. All rights reserved
+   *
+   */
+  var extPolygon = {
+    name: 'polygon',
+    init: function () {
+      var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(S) {
+        var svgEditor, $, svgCanvas, importLocale, editingitex, strings, selElems, started, newFO, showPanel, setAttr, cot, sec, buttons, contextTools;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                sec = function sec(n) {
+                  return 1 / Math.cos(n);
+                };
+
+                cot = function cot(n) {
+                  return 1 / Math.tan(n);
+                };
+
+                setAttr = function setAttr(attr, val) {
+                  svgCanvas.changeSelectedAttribute(attr, val);
+                  svgCanvas.call('changed', selElems);
+                };
+
+                showPanel = function showPanel(on) {
+                  var fcRules = $('#fc_rules');
+                  if (!fcRules.length) {
+                    fcRules = $('<style id="fc_rules"></style>').appendTo('head');
+                  }
+                  fcRules.text(!on ? '' : ' #tool_topath { display: none !important; }');
+                  $('#polygon_panel').toggle(on);
+                };
+
+                svgEditor = this;
+                $ = jQuery;
+                svgCanvas = svgEditor.canvas;
+                importLocale = S.importLocale, editingitex = false;
+                _context.next = 10;
+                return importLocale();
+
+              case 10:
+                strings = _context.sent;
+                selElems = void 0, started = void 0, newFO = void 0;
+
+                // const ccZoom;
+                // const wEl, hEl;
+                // const wOffset, hOffset;
+                // const ccRBG;
+                // const ccOpacity;
+                // const brushW, brushH;
+
+                // const ccDebug = document.getElementById('debugpanel');
+
+                /* const properlySourceSizeTextArea = function(){
+                 // TODO: remove magic numbers here and get values from CSS
+                 const height = $('#svg_source_container').height() - 80;
+                 $('#svg_source_textarea').css('height', height);
+                 }; */
+
+
+                /*
+                function toggleSourceButtons(on){
+                  $('#tool_source_save, #tool_source_cancel').toggle(!on);
+                  $('#polygon_save, #polygon_cancel').toggle(on);
+                }
+                */
+
+                /**
+                * Obtained from http://code.google.com/p/passenger-top/source/browse/instiki/public/svg-edit/editor/extensions/ext-itex.js?r=3
+                * This function sets the content of of the currently-selected foreignObject element,
+                *   based on the itex contained in string.
+                * @param {string} tex The itex text.
+                * @returns {boolean} This function returns false if the set was unsuccessful, true otherwise.
+                */
+                /*
+                function setItexString(tex) {
+                  const mathns = 'http://www.w3.org/1998/Math/MathML',
+                    xmlnsns = 'http://www.w3.org/2000/xmlns/',
+                    ajaxEndpoint = '../../itex';
+                  const elt = selElems[0];
+                  try {
+                    const math = svgdoc.createElementNS(mathns, 'math');
+                    math.setAttributeNS(xmlnsns, 'xmlns', mathns);
+                    math.setAttribute('display', 'inline');
+                    const semantics = document.createElementNS(mathns, 'semantics');
+                    const annotation = document.createElementNS(mathns, 'annotation');
+                    annotation.setAttribute('encoding', 'application/x-tex');
+                    annotation.textContent = tex;
+                    const mrow = document.createElementNS(mathns, 'mrow');
+                    semantics.append(mrow, annotation);
+                    math.append(semantics);
+                    // make an AJAX request to the server, to get the MathML
+                    $.post(ajaxEndpoint, {tex, display: 'inline'}, function(data){
+                      const children = data.documentElement.childNodes;
+                      while (children.length > 0) {
+                         mrow.append(svgdoc.adoptNode(children[0], true));
+                      }
+                      svgCanvas.sanitizeSvg(math);
+                      svgCanvas.call('changed', [elt]);
+                    });
+                    elt.firstChild.replaceWith(math);
+                    svgCanvas.call('changed', [elt]);
+                    svgCanvas.clearSelection();
+                  } catch(e) {
+                    console.log(e);
+                    return false;
+                  }
+                   return true;
+                }
+                */
+                buttons = [{
+                  id: 'tool_polygon',
+                  icon: svgEditor.curConfig.extIconsPath + 'polygon.png',
+                  type: 'mode',
+                  position: 11,
+                  events: {
+                    click: function click() {
+                      svgCanvas.setMode('polygon');
+                      showPanel(true);
+                    }
+                  }
+                }];
+                contextTools = [{
+                  type: 'input',
+                  panel: 'polygon_panel',
+                  id: 'polySides',
+                  size: 3,
+                  defval: 5,
+                  events: {
+                    change: function change() {
+                      setAttr('sides', this.value);
+                    }
+                  }
+                }];
+                return _context.abrupt('return', {
+                  name: strings.name,
+                  svgicons: svgEditor.curConfig.extIconsPath + 'polygon-icons.svg',
+                  buttons: strings.buttons.map(function (button, i) {
+                    return Object.assign(buttons[i], button);
+                  }),
+                  context_tools: strings.contextTools.map(function (contextTool, i) {
+                    return Object.assign(contextTools[i], contextTool);
+                  }),
+
+                  callback: function callback() {
+                    $('#polygon_panel').hide();
+
+                    // TODO: Needs to be done after orig icon loads
+                    setTimeout(function () {
+                      // Create source save/cancel buttons
+                      /* const save = */$('#tool_source_save').clone().hide().attr('id', 'polygon_save').unbind().appendTo('#tool_source_back').click(function () {
+                        if (!editingitex) {
+                          return;
+                        }
+                        // }
+                        // setSelectMode();
+                      });
+
+                      /* const cancel = */$('#tool_source_cancel').clone().hide().attr('id', 'polygon_cancel').unbind().appendTo('#tool_source_back').click(function () {
+                      });
+                    }, 3000);
+                  },
+                  mouseDown: function mouseDown(opts) {
+                    // const e = opts.event;
+                    var rgb = svgCanvas.getColor('fill');
+                    // const ccRgbEl = rgb.substring(1, rgb.length);
+                    var sRgb = svgCanvas.getColor('stroke');
+                    // ccSRgbEl = sRgb.substring(1, rgb.length);
+                    var sWidth = svgCanvas.getStrokeWidth();
+
+                    if (svgCanvas.getMode() === 'polygon') {
+                      started = true;
+
+                      newFO = svgCanvas.addSVGElementFromJson({
+                        element: 'polygon',
+                        attr: {
+                          cx: opts.start_x,
+                          cy: opts.start_y,
+                          id: svgCanvas.getNextId(),
+                          shape: 'regularPoly',
+                          sides: document.getElementById('polySides').value,
+                          orient: 'x',
+                          edge: 0,
+                          fill: rgb,
+                          strokecolor: sRgb,
+                          strokeWidth: sWidth
+                        }
+                      });
+
+                      return {
+                        started: true
+                      };
+                    }
+                  },
+                  mouseMove: function mouseMove(opts) {
+                    if (!started) {
+                      return;
+                    }
+                    if (svgCanvas.getMode() === 'polygon') {
+                      // const e = opts.event;
+                      var c = $(newFO).attr(['cx', 'cy', 'sides', 'orient', 'fill', 'strokecolor', 'strokeWidth']);
+                      var x = opts.mouse_x;
+                      var y = opts.mouse_y;
+                      var cx = c.cx,
+                          cy = c.cy,
+                          fill = c.fill,
+                          strokecolor = c.strokecolor,
+                          strokeWidth = c.strokeWidth,
+                          sides = c.sides,
+                          edg = Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy)) / 1.5;
+
+                      newFO.setAttributeNS(null, 'edge', edg);
+
+                      var inradius = edg / 2 * cot(Math.PI / sides);
+                      var circumradius = inradius * sec(Math.PI / sides);
+                      var points = '';
+                      for (var s = 0; sides >= s; s++) {
+                        var angle = 2.0 * Math.PI * s / sides;
+                        x = circumradius * Math.cos(angle) + cx;
+                        y = circumradius * Math.sin(angle) + cy;
+
+                        points += x + ',' + y + ' ';
+                      }
+
+                      // const poly = newFO.createElementNS(NS.SVG, 'polygon');
+                      newFO.setAttributeNS(null, 'points', points);
+                      newFO.setAttributeNS(null, 'fill', fill);
+                      newFO.setAttributeNS(null, 'stroke', strokecolor);
+                      newFO.setAttributeNS(null, 'stroke-width', strokeWidth);
+                      // newFO.setAttributeNS(null, 'transform', 'rotate(-90)');
+                      // const shape = newFO.getAttributeNS(null, 'shape');
+                      // newFO.append(poly);
+                      // DrawPoly(cx, cy, sides, edg, orient);
+                      return {
+                        started: true
+                      };
+                    }
+                  },
+                  mouseUp: function mouseUp(opts) {
+                    if (svgCanvas.getMode() === 'polygon') {
+                      var attrs = $(newFO).attr('edge');
+                      var keep = attrs.edge !== '0';
+                      // svgCanvas.addToSelection([newFO], true);
+                      return {
+                        keep: keep,
+                        element: newFO
+                      };
+                    }
+                  },
+                  selectedChanged: function selectedChanged(opts) {
+                    // Use this to update the current selected elements
+                    selElems = opts.elems;
+
+                    var i = selElems.length;
+                    while (i--) {
+                      var elem = selElems[i];
+                      if (elem && elem.getAttributeNS(null, 'shape') === 'regularPoly') {
+                        if (opts.selectedElement && !opts.multiselected) {
+                          $('#polySides').val(elem.getAttribute('sides'));
+
+                          showPanel(true);
+                        } else {
+                          showPanel(false);
+                        }
+                      } else {
+                        showPanel(false);
+                      }
+                    }
+                  },
+                  elementChanged: function elementChanged(opts) {
+                    // const elem = opts.elems[0];
+                  }
+                });
+
+              case 15:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init(_x) {
+        return _ref.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extPolygon;
+
+}());
diff --git a/dist/extensions/ext-server_moinsave.js b/dist/extensions/ext-server_moinsave.js
new file mode 100644
index 00000000..8b6777d6
--- /dev/null
+++ b/dist/extensions/ext-server_moinsave.js
@@ -0,0 +1,4475 @@
+var svgEditorExtension_server_moinsave = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  var classCallCheck = function (instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  };
+
+  var createClass = function () {
+    function defineProperties(target, props) {
+      for (var i = 0; i < props.length; i++) {
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+      }
+    }
+
+    return function (Constructor, protoProps, staticProps) {
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) defineProperties(Constructor, staticProps);
+      return Constructor;
+    };
+  }();
+
+  var get = function get(object, property, receiver) {
+    if (object === null) object = Function.prototype;
+    var desc = Object.getOwnPropertyDescriptor(object, property);
+
+    if (desc === undefined) {
+      var parent = Object.getPrototypeOf(object);
+
+      if (parent === null) {
+        return undefined;
+      } else {
+        return get(parent, property, receiver);
+      }
+    } else if ("value" in desc) {
+      return desc.value;
+    } else {
+      var getter = desc.get;
+
+      if (getter === undefined) {
+        return undefined;
+      }
+
+      return getter.call(receiver);
+    }
+  };
+
+  var inherits = function (subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+  };
+
+  var possibleConstructorReturn = function (self, call) {
+    if (!self) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return call && (typeof call === "object" || typeof call === "function") ? call : self;
+  };
+
+  var slicedToArray = function () {
+    function sliceIterator(arr, i) {
+      var _arr = [];
+      var _n = true;
+      var _d = false;
+      var _e = undefined;
+
+      try {
+        for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+          _arr.push(_s.value);
+
+          if (i && _arr.length === i) break;
+        }
+      } catch (err) {
+        _d = true;
+        _e = err;
+      } finally {
+        try {
+          if (!_n && _i["return"]) _i["return"]();
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+
+      return _arr;
+    }
+
+    return function (arr, i) {
+      if (Array.isArray(arr)) {
+        return arr;
+      } else if (Symbol.iterator in Object(arr)) {
+        return sliceIterator(arr, i);
+      } else {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance");
+      }
+    };
+  }();
+
+  var toConsumableArray = function (arr) {
+    if (Array.isArray(arr)) {
+      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+      return arr2;
+    } else {
+      return Array.from(arr);
+    }
+  };
+
+  /**
+   * For parsing color values
+   * @module RGBColor
+   * @author Stoyan Stefanov <sstoo@gmail.com>
+   * @see https://www.phpied.com/rgb-color-parser-in-javascript/
+   * @license MIT
+  */
+  var simpleColors = {
+    aliceblue: 'f0f8ff',
+    antiquewhite: 'faebd7',
+    aqua: '00ffff',
+    aquamarine: '7fffd4',
+    azure: 'f0ffff',
+    beige: 'f5f5dc',
+    bisque: 'ffe4c4',
+    black: '000000',
+    blanchedalmond: 'ffebcd',
+    blue: '0000ff',
+    blueviolet: '8a2be2',
+    brown: 'a52a2a',
+    burlywood: 'deb887',
+    cadetblue: '5f9ea0',
+    chartreuse: '7fff00',
+    chocolate: 'd2691e',
+    coral: 'ff7f50',
+    cornflowerblue: '6495ed',
+    cornsilk: 'fff8dc',
+    crimson: 'dc143c',
+    cyan: '00ffff',
+    darkblue: '00008b',
+    darkcyan: '008b8b',
+    darkgoldenrod: 'b8860b',
+    darkgray: 'a9a9a9',
+    darkgreen: '006400',
+    darkkhaki: 'bdb76b',
+    darkmagenta: '8b008b',
+    darkolivegreen: '556b2f',
+    darkorange: 'ff8c00',
+    darkorchid: '9932cc',
+    darkred: '8b0000',
+    darksalmon: 'e9967a',
+    darkseagreen: '8fbc8f',
+    darkslateblue: '483d8b',
+    darkslategray: '2f4f4f',
+    darkturquoise: '00ced1',
+    darkviolet: '9400d3',
+    deeppink: 'ff1493',
+    deepskyblue: '00bfff',
+    dimgray: '696969',
+    dodgerblue: '1e90ff',
+    feldspar: 'd19275',
+    firebrick: 'b22222',
+    floralwhite: 'fffaf0',
+    forestgreen: '228b22',
+    fuchsia: 'ff00ff',
+    gainsboro: 'dcdcdc',
+    ghostwhite: 'f8f8ff',
+    gold: 'ffd700',
+    goldenrod: 'daa520',
+    gray: '808080',
+    green: '008000',
+    greenyellow: 'adff2f',
+    honeydew: 'f0fff0',
+    hotpink: 'ff69b4',
+    indianred: 'cd5c5c',
+    indigo: '4b0082',
+    ivory: 'fffff0',
+    khaki: 'f0e68c',
+    lavender: 'e6e6fa',
+    lavenderblush: 'fff0f5',
+    lawngreen: '7cfc00',
+    lemonchiffon: 'fffacd',
+    lightblue: 'add8e6',
+    lightcoral: 'f08080',
+    lightcyan: 'e0ffff',
+    lightgoldenrodyellow: 'fafad2',
+    lightgrey: 'd3d3d3',
+    lightgreen: '90ee90',
+    lightpink: 'ffb6c1',
+    lightsalmon: 'ffa07a',
+    lightseagreen: '20b2aa',
+    lightskyblue: '87cefa',
+    lightslateblue: '8470ff',
+    lightslategray: '778899',
+    lightsteelblue: 'b0c4de',
+    lightyellow: 'ffffe0',
+    lime: '00ff00',
+    limegreen: '32cd32',
+    linen: 'faf0e6',
+    magenta: 'ff00ff',
+    maroon: '800000',
+    mediumaquamarine: '66cdaa',
+    mediumblue: '0000cd',
+    mediumorchid: 'ba55d3',
+    mediumpurple: '9370d8',
+    mediumseagreen: '3cb371',
+    mediumslateblue: '7b68ee',
+    mediumspringgreen: '00fa9a',
+    mediumturquoise: '48d1cc',
+    mediumvioletred: 'c71585',
+    midnightblue: '191970',
+    mintcream: 'f5fffa',
+    mistyrose: 'ffe4e1',
+    moccasin: 'ffe4b5',
+    navajowhite: 'ffdead',
+    navy: '000080',
+    oldlace: 'fdf5e6',
+    olive: '808000',
+    olivedrab: '6b8e23',
+    orange: 'ffa500',
+    orangered: 'ff4500',
+    orchid: 'da70d6',
+    palegoldenrod: 'eee8aa',
+    palegreen: '98fb98',
+    paleturquoise: 'afeeee',
+    palevioletred: 'd87093',
+    papayawhip: 'ffefd5',
+    peachpuff: 'ffdab9',
+    peru: 'cd853f',
+    pink: 'ffc0cb',
+    plum: 'dda0dd',
+    powderblue: 'b0e0e6',
+    purple: '800080',
+    red: 'ff0000',
+    rosybrown: 'bc8f8f',
+    royalblue: '4169e1',
+    saddlebrown: '8b4513',
+    salmon: 'fa8072',
+    sandybrown: 'f4a460',
+    seagreen: '2e8b57',
+    seashell: 'fff5ee',
+    sienna: 'a0522d',
+    silver: 'c0c0c0',
+    skyblue: '87ceeb',
+    slateblue: '6a5acd',
+    slategray: '708090',
+    snow: 'fffafa',
+    springgreen: '00ff7f',
+    steelblue: '4682b4',
+    tan: 'd2b48c',
+    teal: '008080',
+    thistle: 'd8bfd8',
+    tomato: 'ff6347',
+    turquoise: '40e0d0',
+    violet: 'ee82ee',
+    violetred: 'd02090',
+    wheat: 'f5deb3',
+    white: 'ffffff',
+    whitesmoke: 'f5f5f5',
+    yellow: 'ffff00',
+    yellowgreen: '9acd32'
+  };
+
+  // array of color definition objects
+  var colorDefs = [{
+    re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
+    example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
+    process: function process(bits) {
+      return [parseInt(bits[1], 10), parseInt(bits[2], 10), parseInt(bits[3], 10)];
+    }
+  }, {
+    re: /^(\w{2})(\w{2})(\w{2})$/,
+    example: ['#00ff00', '336699'],
+    process: function process(bits) {
+      return [parseInt(bits[1], 16), parseInt(bits[2], 16), parseInt(bits[3], 16)];
+    }
+  }, {
+    re: /^(\w{1})(\w{1})(\w{1})$/,
+    example: ['#fb0', 'f0f'],
+    process: function process(bits) {
+      return [parseInt(bits[1] + bits[1], 16), parseInt(bits[2] + bits[2], 16), parseInt(bits[3] + bits[3], 16)];
+    }
+  }];
+
+  /**
+   * A class to parse color values
+   */
+
+  var RGBColor = function () {
+    /**
+    * @param {string} colorString
+    */
+    function RGBColor(colorString) {
+      classCallCheck(this, RGBColor);
+
+      this.ok = false;
+
+      // strip any leading #
+      if (colorString.charAt(0) === '#') {
+        // remove # if any
+        colorString = colorString.substr(1, 6);
+      }
+
+      colorString = colorString.replace(/ /g, '');
+      colorString = colorString.toLowerCase();
+
+      // before getting into regexps, try simple matches
+      // and overwrite the input
+      if (colorString in simpleColors) {
+        colorString = simpleColors[colorString];
+      }
+      // end of simple type-in colors
+
+      // search through the definitions to find a match
+      for (var i = 0; i < colorDefs.length; i++) {
+        var re = colorDefs[i].re;
+
+        var processor = colorDefs[i].process;
+        var bits = re.exec(colorString);
+        if (bits) {
+          var _processor = processor(bits),
+              _processor2 = slicedToArray(_processor, 3),
+              r = _processor2[0],
+              g = _processor2[1],
+              b = _processor2[2];
+
+          Object.assign(this, { r: r, g: g, b: b });
+          this.ok = true;
+        }
+      }
+
+      // validate/cleanup values
+      this.r = this.r < 0 || isNaN(this.r) ? 0 : this.r > 255 ? 255 : this.r;
+      this.g = this.g < 0 || isNaN(this.g) ? 0 : this.g > 255 ? 255 : this.g;
+      this.b = this.b < 0 || isNaN(this.b) ? 0 : this.b > 255 ? 255 : this.b;
+    }
+
+    // some getters
+    /**
+    * @returns {string}
+    */
+
+
+    createClass(RGBColor, [{
+      key: 'toRGB',
+      value: function toRGB() {
+        return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
+      }
+
+      /**
+      * @returns {string}
+      */
+
+    }, {
+      key: 'toHex',
+      value: function toHex() {
+        var r = this.r.toString(16);
+        var g = this.g.toString(16);
+        var b = this.b.toString(16);
+        if (r.length === 1) {
+          r = '0' + r;
+        }
+        if (g.length === 1) {
+          g = '0' + g;
+        }
+        if (b.length === 1) {
+          b = '0' + b;
+        }
+        return '#' + r + g + b;
+      }
+
+      /**
+      * help
+      * @returns {HTMLUListElement}
+      */
+
+    }, {
+      key: 'getHelpXML',
+      value: function getHelpXML() {
+        var examples = [];
+        // add regexps
+        for (var i = 0; i < colorDefs.length; i++) {
+          var example = colorDefs[i].example;
+
+          for (var j = 0; j < example.length; j++) {
+            examples[examples.length] = example[j];
+          }
+        }
+        // add type-in colors
+        examples.push.apply(examples, toConsumableArray(Object.keys(simpleColors)));
+
+        var xml = document.createElement('ul');
+        xml.setAttribute('id', 'rgbcolor-examples');
+        for (var _i = 0; _i < examples.length; _i++) {
+          try {
+            var listItem = document.createElement('li');
+            var listColor = new RGBColor(examples[_i]);
+            var exampleDiv = document.createElement('div');
+            exampleDiv.style.cssText = 'margin: 3px;\nborder: 1px solid black;\nbackground: ' + listColor.toHex() + ';\ncolor: ' + listColor.toHex() + ';';
+            exampleDiv.append('test');
+            var listItemValue = ' ' + examples[_i] + ' -> ' + listColor.toRGB() + ' -> ' + listColor.toHex();
+            listItem.append(exampleDiv, listItemValue);
+            xml.append(listItem);
+          } catch (e) {}
+        }
+        return xml;
+      }
+    }]);
+    return RGBColor;
+  }();
+
+  /**
+  * StackBlur - a fast almost Gaussian Blur For Canvas
+
+  In case you find this class useful - especially in commercial projects -
+  I am not totally unhappy for a small donation to my PayPal account
+  mario@quasimondo.de
+
+  Or support me on flattr:
+  https://flattr.com/thing/72791/StackBlur-a-fast-almost-Gaussian-Blur-Effect-for-CanvasJavascript
+
+  * @module StackBlur
+  * @version 0.5
+  * @author Mario Klingemann
+  Contact: mario@quasimondo.com
+  Website: http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html
+  Twitter: @quasimondo
+
+  * @copyright (c) 2010 Mario Klingemann
+
+  Permission is hereby granted, free of charge, to any person
+  obtaining a copy of this software and associated documentation
+  files (the "Software"), to deal in the Software without
+  restriction, including without limitation the rights to use,
+  copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the
+  Software is furnished to do so, subject to the following
+  conditions:
+
+  The above copyright notice and this permission notice shall be
+  included in all copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+  OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+  NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+  HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+  WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+  FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+  OTHER DEALINGS IN THE SOFTWARE.
+  */
+
+  var mulTable = [512, 512, 456, 512, 328, 456, 335, 512, 405, 328, 271, 456, 388, 335, 292, 512, 454, 405, 364, 328, 298, 271, 496, 456, 420, 388, 360, 335, 312, 292, 273, 512, 482, 454, 428, 405, 383, 364, 345, 328, 312, 298, 284, 271, 259, 496, 475, 456, 437, 420, 404, 388, 374, 360, 347, 335, 323, 312, 302, 292, 282, 273, 265, 512, 497, 482, 468, 454, 441, 428, 417, 405, 394, 383, 373, 364, 354, 345, 337, 328, 320, 312, 305, 298, 291, 284, 278, 271, 265, 259, 507, 496, 485, 475, 465, 456, 446, 437, 428, 420, 412, 404, 396, 388, 381, 374, 367, 360, 354, 347, 341, 335, 329, 323, 318, 312, 307, 302, 297, 292, 287, 282, 278, 273, 269, 265, 261, 512, 505, 497, 489, 482, 475, 468, 461, 454, 447, 441, 435, 428, 422, 417, 411, 405, 399, 394, 389, 383, 378, 373, 368, 364, 359, 354, 350, 345, 341, 337, 332, 328, 324, 320, 316, 312, 309, 305, 301, 298, 294, 291, 287, 284, 281, 278, 274, 271, 268, 265, 262, 259, 257, 507, 501, 496, 491, 485, 480, 475, 470, 465, 460, 456, 451, 446, 442, 437, 433, 428, 424, 420, 416, 412, 408, 404, 400, 396, 392, 388, 385, 381, 377, 374, 370, 367, 363, 360, 357, 354, 350, 347, 344, 341, 338, 335, 332, 329, 326, 323, 320, 318, 315, 312, 310, 307, 304, 302, 299, 297, 294, 292, 289, 287, 285, 282, 280, 278, 275, 273, 271, 269, 267, 265, 263, 261, 259];
+
+  var shgTable = [9, 11, 12, 13, 13, 14, 14, 15, 15, 15, 15, 16, 16, 16, 16, 17, 17, 17, 17, 17, 17, 17, 18, 18, 18, 18, 18, 18, 18, 18, 18, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24];
+
+  /**
+   * @param {string|HTMLCanvasElement} canvas
+   * @param {Integer} topX
+   * @param {Integer} topY
+   * @param {Integer} width
+   * @param {Integer} height
+   * @throws {Error}
+   * @returns {ImageData} See {@link https://html.spec.whatwg.org/multipage/canvas.html#imagedata}
+   */
+  function getImageDataFromCanvas(canvas, topX, topY, width, height) {
+    if (typeof canvas === 'string') {
+      canvas = document.getElementById(canvas);
+    }
+    if (!canvas || !('getContext' in canvas)) {
+      return;
+    }
+
+    var context = canvas.getContext('2d');
+
+    try {
+      return context.getImageData(topX, topY, width, height);
+    } catch (e) {
+      throw new Error('unable to access image data: ' + e);
+    }
+  }
+
+  /**
+   * @param {HTMLCanvasElement} canvas
+   * @param {Integer} topX
+   * @param {Integer} topY
+   * @param {Integer} width
+   * @param {Integer} height
+   * @param {Float} radius
+   * @returns {undefined}
+   */
+  function processCanvasRGBA(canvas, topX, topY, width, height, radius) {
+    if (isNaN(radius) || radius < 1) {
+      return;
+    }
+    radius |= 0;
+
+    var imageData = getImageDataFromCanvas(canvas, topX, topY, width, height);
+
+    imageData = processImageDataRGBA(imageData, topX, topY, width, height, radius);
+
+    canvas.getContext('2d').putImageData(imageData, topX, topY);
+  }
+
+  /**
+   * @param {ImageData} imageData
+   * @param {Integer} topX
+   * @param {Integer} topY
+   * @param {Integer} width
+   * @param {Integer} height
+   * @param {Float} radius
+   * @returns {ImageData}
+   */
+  function processImageDataRGBA(imageData, topX, topY, width, height, radius) {
+    var pixels = imageData.data;
+
+    var x = void 0,
+        y = void 0,
+        i = void 0,
+        p = void 0,
+        yp = void 0,
+        yi = void 0,
+        yw = void 0,
+        rSum = void 0,
+        gSum = void 0,
+        bSum = void 0,
+        aSum = void 0,
+        rOutSum = void 0,
+        gOutSum = void 0,
+        bOutSum = void 0,
+        aOutSum = void 0,
+        rInSum = void 0,
+        gInSum = void 0,
+        bInSum = void 0,
+        aInSum = void 0,
+        pr = void 0,
+        pg = void 0,
+        pb = void 0,
+        pa = void 0,
+        rbs = void 0;
+
+    var div = radius + radius + 1;
+    // const w4 = width << 2;
+    var widthMinus1 = width - 1;
+    var heightMinus1 = height - 1;
+    var radiusPlus1 = radius + 1;
+    var sumFactor = radiusPlus1 * (radiusPlus1 + 1) / 2;
+
+    var stackStart = new BlurStack();
+    var stack = stackStart;
+    var stackEnd = void 0;
+    for (i = 1; i < div; i++) {
+      stack = stack.next = new BlurStack();
+      if (i === radiusPlus1) {
+        stackEnd = stack;
+      }
+    }
+    stack.next = stackStart;
+    var stackIn = null;
+    var stackOut = null;
+
+    yw = yi = 0;
+
+    var mulSum = mulTable[radius];
+    var shgSum = shgTable[radius];
+
+    for (y = 0; y < height; y++) {
+      rInSum = gInSum = bInSum = aInSum = rSum = gSum = bSum = aSum = 0;
+
+      rOutSum = radiusPlus1 * (pr = pixels[yi]);
+      gOutSum = radiusPlus1 * (pg = pixels[yi + 1]);
+      bOutSum = radiusPlus1 * (pb = pixels[yi + 2]);
+      aOutSum = radiusPlus1 * (pa = pixels[yi + 3]);
+
+      rSum += sumFactor * pr;
+      gSum += sumFactor * pg;
+      bSum += sumFactor * pb;
+      aSum += sumFactor * pa;
+
+      stack = stackStart;
+
+      for (i = 0; i < radiusPlus1; i++) {
+        stack.r = pr;
+        stack.g = pg;
+        stack.b = pb;
+        stack.a = pa;
+        stack = stack.next;
+      }
+
+      for (i = 1; i < radiusPlus1; i++) {
+        p = yi + ((widthMinus1 < i ? widthMinus1 : i) << 2);
+        rSum += (stack.r = pr = pixels[p]) * (rbs = radiusPlus1 - i);
+        gSum += (stack.g = pg = pixels[p + 1]) * rbs;
+        bSum += (stack.b = pb = pixels[p + 2]) * rbs;
+        aSum += (stack.a = pa = pixels[p + 3]) * rbs;
+
+        rInSum += pr;
+        gInSum += pg;
+        bInSum += pb;
+        aInSum += pa;
+
+        stack = stack.next;
+      }
+
+      stackIn = stackStart;
+      stackOut = stackEnd;
+      for (x = 0; x < width; x++) {
+        pixels[yi + 3] = pa = aSum * mulSum >> shgSum;
+        if (pa !== 0) {
+          pa = 255 / pa;
+          pixels[yi] = (rSum * mulSum >> shgSum) * pa;
+          pixels[yi + 1] = (gSum * mulSum >> shgSum) * pa;
+          pixels[yi + 2] = (bSum * mulSum >> shgSum) * pa;
+        } else {
+          pixels[yi] = pixels[yi + 1] = pixels[yi + 2] = 0;
+        }
+
+        rSum -= rOutSum;
+        gSum -= gOutSum;
+        bSum -= bOutSum;
+        aSum -= aOutSum;
+
+        rOutSum -= stackIn.r;
+        gOutSum -= stackIn.g;
+        bOutSum -= stackIn.b;
+        aOutSum -= stackIn.a;
+
+        p = yw + ((p = x + radius + 1) < widthMinus1 ? p : widthMinus1) << 2;
+
+        rInSum += stackIn.r = pixels[p];
+        gInSum += stackIn.g = pixels[p + 1];
+        bInSum += stackIn.b = pixels[p + 2];
+        aInSum += stackIn.a = pixels[p + 3];
+
+        rSum += rInSum;
+        gSum += gInSum;
+        bSum += bInSum;
+        aSum += aInSum;
+
+        stackIn = stackIn.next;
+
+        rOutSum += pr = stackOut.r;
+        gOutSum += pg = stackOut.g;
+        bOutSum += pb = stackOut.b;
+        aOutSum += pa = stackOut.a;
+
+        rInSum -= pr;
+        gInSum -= pg;
+        bInSum -= pb;
+        aInSum -= pa;
+
+        stackOut = stackOut.next;
+
+        yi += 4;
+      }
+      yw += width;
+    }
+
+    for (x = 0; x < width; x++) {
+      gInSum = bInSum = aInSum = rInSum = gSum = bSum = aSum = rSum = 0;
+
+      yi = x << 2;
+      rOutSum = radiusPlus1 * (pr = pixels[yi]);
+      gOutSum = radiusPlus1 * (pg = pixels[yi + 1]);
+      bOutSum = radiusPlus1 * (pb = pixels[yi + 2]);
+      aOutSum = radiusPlus1 * (pa = pixels[yi + 3]);
+
+      rSum += sumFactor * pr;
+      gSum += sumFactor * pg;
+      bSum += sumFactor * pb;
+      aSum += sumFactor * pa;
+
+      stack = stackStart;
+
+      for (i = 0; i < radiusPlus1; i++) {
+        stack.r = pr;
+        stack.g = pg;
+        stack.b = pb;
+        stack.a = pa;
+        stack = stack.next;
+      }
+
+      yp = width;
+
+      for (i = 1; i <= radius; i++) {
+        yi = yp + x << 2;
+
+        rSum += (stack.r = pr = pixels[yi]) * (rbs = radiusPlus1 - i);
+        gSum += (stack.g = pg = pixels[yi + 1]) * rbs;
+        bSum += (stack.b = pb = pixels[yi + 2]) * rbs;
+        aSum += (stack.a = pa = pixels[yi + 3]) * rbs;
+
+        rInSum += pr;
+        gInSum += pg;
+        bInSum += pb;
+        aInSum += pa;
+
+        stack = stack.next;
+
+        if (i < heightMinus1) {
+          yp += width;
+        }
+      }
+
+      yi = x;
+      stackIn = stackStart;
+      stackOut = stackEnd;
+      for (y = 0; y < height; y++) {
+        p = yi << 2;
+        pixels[p + 3] = pa = aSum * mulSum >> shgSum;
+        if (pa > 0) {
+          pa = 255 / pa;
+          pixels[p] = (rSum * mulSum >> shgSum) * pa;
+          pixels[p + 1] = (gSum * mulSum >> shgSum) * pa;
+          pixels[p + 2] = (bSum * mulSum >> shgSum) * pa;
+        } else {
+          pixels[p] = pixels[p + 1] = pixels[p + 2] = 0;
+        }
+
+        rSum -= rOutSum;
+        gSum -= gOutSum;
+        bSum -= bOutSum;
+        aSum -= aOutSum;
+
+        rOutSum -= stackIn.r;
+        gOutSum -= stackIn.g;
+        bOutSum -= stackIn.b;
+        aOutSum -= stackIn.a;
+
+        p = x + ((p = y + radiusPlus1) < heightMinus1 ? p : heightMinus1) * width << 2;
+
+        rSum += rInSum += stackIn.r = pixels[p];
+        gSum += gInSum += stackIn.g = pixels[p + 1];
+        bSum += bInSum += stackIn.b = pixels[p + 2];
+        aSum += aInSum += stackIn.a = pixels[p + 3];
+
+        stackIn = stackIn.next;
+
+        rOutSum += pr = stackOut.r;
+        gOutSum += pg = stackOut.g;
+        bOutSum += pb = stackOut.b;
+        aOutSum += pa = stackOut.a;
+
+        rInSum -= pr;
+        gInSum -= pg;
+        bInSum -= pb;
+        aInSum -= pa;
+
+        stackOut = stackOut.next;
+
+        yi += width;
+      }
+    }
+    return imageData;
+  }
+
+  /**
+   *
+   */
+  var BlurStack = function BlurStack() {
+    classCallCheck(this, BlurStack);
+
+    this.r = 0;
+    this.g = 0;
+    this.b = 0;
+    this.a = 0;
+    this.next = null;
+  };
+
+  /* eslint-disable new-cap */
+
+  var canvasRGBA_ = processCanvasRGBA;
+
+  /**
+  * @typedef {PlainObject} module:canvg.CanvgOptions
+  * @property {boolean} opts.ignoreMouse true => ignore mouse events
+  * @property {boolean} opts.ignoreAnimation true => ignore animations
+  * @property {boolean} opts.ignoreDimensions true => does not try to resize canvas
+  * @property {boolean} opts.ignoreClear true => does not clear canvas
+  * @property {Integer} opts.offsetX int => draws at a x offset
+  * @property {Integer} opts.offsetY int => draws at a y offset
+  * @property {Integer} opts.scaleWidth int => scales horizontally to width
+  * @property {Integer} opts.scaleHeight int => scales vertically to height
+  * @property {module:canvg.ForceRedraw} opts.forceRedraw function => will call the function on every frame, if it returns true, will redraw
+  * @property {boolean} opts.log Adds log function
+  * @property {boolean} opts.useCORS Whether to set CORS `crossOrigin` for the image to `Anonymous`
+  */
+
+  /**
+  * If called with no arguments, it will replace all `<svg>` elements on the page with `<canvas>` elements
+  * @function module:canvg.canvg
+  * @param {HTMLCanvasElement|string} target canvas element or the id of a canvas element
+  * @param {string|XMLDocument} s: svg string, url to svg file, or xml document
+  * @param {module:canvg.CanvgOptions} [opts] Optional hash of options
+  * @returns {Promise} All the function after the first render is completed with dom
+  */
+  var canvg = function canvg(target, s, opts) {
+    // no parameters
+    if (target == null && s == null && opts == null) {
+      var svgTags = document.querySelectorAll('svg');
+      return Promise.all([].concat(toConsumableArray(svgTags)).map(function (svgTag) {
+        var c = document.createElement('canvas');
+        c.width = svgTag.clientWidth;
+        c.height = svgTag.clientHeight;
+        svgTag.before(c);
+        svgTag.remove();
+        var div = document.createElement('div');
+        div.append(svgTag);
+        return canvg(c, div.innerHTML);
+      }));
+    }
+
+    if (typeof target === 'string') {
+      target = document.getElementById(target);
+    }
+
+    // store class on canvas
+    if (target.svg != null) target.svg.stop();
+    var svg = build(opts || {});
+    // on i.e. 8 for flash canvas, we can't assign the property so check for it
+    if (!(target.childNodes.length === 1 && target.childNodes[0].nodeName === 'OBJECT')) {
+      target.svg = svg;
+    }
+
+    var ctx = target.getContext('2d');
+    if (typeof s.documentElement !== 'undefined') {
+      // load from xml doc
+      return svg.loadXmlDoc(ctx, s);
+    }
+    if (s.substr(0, 1) === '<') {
+      // load from xml string
+      return svg.loadXml(ctx, s);
+    }
+    // load from url
+    return svg.load(ctx, s);
+  };
+
+  /**
+  * @param {module:canvg.CanvgOptions} opts
+  * @returns {object}
+  * @todo Flesh out exactly what object is returned here (after updating to latest and reincluding our changes here and those of StackBlur)
+  */
+  function build(opts) {
+    var svg = { opts: opts };
+
+    svg.FRAMERATE = 30;
+    svg.MAX_VIRTUAL_PIXELS = 30000;
+
+    svg.log = function (msg) {};
+    if (svg.opts.log === true && typeof console !== 'undefined') {
+      svg.log = function (msg) {
+        console.log(msg);
+      };
+    }
+
+    // globals
+    svg.init = function (ctx) {
+      var uniqueId = 0;
+      svg.UniqueId = function () {
+        uniqueId++;
+        return 'canvg' + uniqueId;
+      };
+      svg.Definitions = {};
+      svg.Styles = {};
+      svg.Animations = [];
+      svg.Images = [];
+      svg.ctx = ctx;
+      svg.ViewPort = {
+        viewPorts: [],
+        Clear: function Clear() {
+          this.viewPorts = [];
+        },
+        SetCurrent: function SetCurrent(width, height) {
+          this.viewPorts.push({ width: width, height: height });
+        },
+        RemoveCurrent: function RemoveCurrent() {
+          this.viewPorts.pop();
+        },
+        Current: function Current() {
+          return this.viewPorts[this.viewPorts.length - 1];
+        },
+        width: function width() {
+          return this.Current().width;
+        },
+        height: function height() {
+          return this.Current().height;
+        },
+        ComputeSize: function ComputeSize(d) {
+          if (d != null && typeof d === 'number') return d;
+          if (d === 'x') return this.width();
+          if (d === 'y') return this.height();
+          return Math.sqrt(Math.pow(this.width(), 2) + Math.pow(this.height(), 2)) / Math.sqrt(2);
+        }
+      };
+    };
+    svg.init();
+
+    // images loaded
+    svg.ImagesLoaded = function () {
+      return svg.Images.every(function (img) {
+        return img.loaded;
+      });
+    };
+
+    // trim
+    svg.trim = function (s) {
+      return s.replace(/^\s+|\s+$/g, '');
+    };
+
+    // compress spaces
+    svg.compressSpaces = function (s) {
+      return s.replace(/[\s\r\t\n]+/gm, ' ');
+    };
+
+    // ajax
+    svg.ajax = function (url, asynch) {
+      var AJAX = window.XMLHttpRequest ? new XMLHttpRequest() : new window.ActiveXObject('Microsoft.XMLHTTP');
+      if (!AJAX) {
+        return null;
+      }
+      if (asynch) {
+        return new Promise(function (resolve, reject) {
+          var req = AJAX.open('GET', url, true);
+          req.addEventListener('load', function () {
+            resolve(AJAX.responseText);
+          });
+          AJAX.send(null);
+        });
+      }
+
+      AJAX.open('GET', url, false);
+      AJAX.send(null);
+      return AJAX.responseText;
+    };
+
+    // parse xml
+    svg.parseXml = function (xml) {
+      if (window.DOMParser) {
+        var parser = new DOMParser();
+        return parser.parseFromString(xml, 'text/xml');
+      } else {
+        xml = xml.replace(/<!DOCTYPE svg[^>]*>/, '');
+        var xmlDoc = new window.ActiveXObject('Microsoft.XMLDOM');
+        xmlDoc.async = 'false';
+        xmlDoc.loadXML(xml);
+        return xmlDoc;
+      }
+    };
+
+    // text extensions
+    // get the text baseline
+    var textBaselineMapping = {
+      baseline: 'alphabetic',
+      'before-edge': 'top',
+      'text-before-edge': 'top',
+      middle: 'middle',
+      central: 'middle',
+      'after-edge': 'bottom',
+      'text-after-edge': 'bottom',
+      ideographic: 'ideographic',
+      alphabetic: 'alphabetic',
+      hanging: 'hanging',
+      mathematical: 'alphabetic'
+    };
+
+    svg.Property = function () {
+      function Property(name, value) {
+        classCallCheck(this, Property);
+
+        this.name = name;
+        this.value = value;
+      }
+
+      createClass(Property, [{
+        key: 'getValue',
+        value: function getValue() {
+          return this.value;
+        }
+      }, {
+        key: 'hasValue',
+        value: function hasValue() {
+          return this.value != null && this.value !== '';
+        }
+
+        // return the numerical value of the property
+
+      }, {
+        key: 'numValue',
+        value: function numValue() {
+          if (!this.hasValue()) return 0;
+
+          var n = parseFloat(this.value);
+          if ((this.value + '').match(/%$/)) {
+            n = n / 100.0;
+          }
+          return n;
+        }
+      }, {
+        key: 'valueOrDefault',
+        value: function valueOrDefault(def) {
+          if (this.hasValue()) return this.value;
+          return def;
+        }
+      }, {
+        key: 'numValueOrDefault',
+        value: function numValueOrDefault(def) {
+          if (this.hasValue()) return this.numValue();
+          return def;
+        }
+
+        // color extensions
+        // augment the current color value with the opacity
+
+      }, {
+        key: 'addOpacity',
+        value: function addOpacity(opacityProp) {
+          var newValue = this.value;
+          if (opacityProp.value != null && opacityProp.value !== '' && typeof this.value === 'string') {
+            // can only add opacity to colors, not patterns
+            var color = new RGBColor(this.value);
+            if (color.ok) {
+              newValue = 'rgba(' + color.r + ', ' + color.g + ', ' + color.b + ', ' + opacityProp.numValue() + ')';
+            }
+          }
+          return new svg.Property(this.name, newValue);
+        }
+
+        // definition extensions
+        // get the definition from the definitions table
+
+      }, {
+        key: 'getDefinition',
+        value: function getDefinition() {
+          var name = this.value.match(/#([^)'"]+)/);
+          if (name) {
+            name = name[1];
+          }
+          if (!name) {
+            name = this.value;
+          }
+          return svg.Definitions[name];
+        }
+      }, {
+        key: 'isUrlDefinition',
+        value: function isUrlDefinition() {
+          return this.value.startsWith('url(');
+        }
+      }, {
+        key: 'getFillStyleDefinition',
+        value: function getFillStyleDefinition(e, opacityProp) {
+          var def = this.getDefinition();
+
+          // gradient
+          if (def != null && def.createGradient) {
+            return def.createGradient(svg.ctx, e, opacityProp);
+          }
+
+          // pattern
+          if (def != null && def.createPattern) {
+            if (def.getHrefAttribute().hasValue()) {
+              var pt = def.attribute('patternTransform');
+              def = def.getHrefAttribute().getDefinition();
+              if (pt.hasValue()) {
+                def.attribute('patternTransform', true).value = pt.value;
+              }
+            }
+            return def.createPattern(svg.ctx, e);
+          }
+
+          return null;
+        }
+
+        // length extensions
+
+      }, {
+        key: 'getDPI',
+        value: function getDPI(viewPort) {
+          return 96.0; // TODO: compute?
+        }
+      }, {
+        key: 'getEM',
+        value: function getEM(viewPort) {
+          var em = 12;
+
+          var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
+          if (fontSize.hasValue()) em = fontSize.toPixels(viewPort);
+
+          return em;
+        }
+      }, {
+        key: 'getUnits',
+        value: function getUnits() {
+          var s = this.value + '';
+          return s.replace(/[0-9.-]/g, '');
+        }
+
+        // get the length as pixels
+
+      }, {
+        key: 'toPixels',
+        value: function toPixels(viewPort, processPercent) {
+          if (!this.hasValue()) return 0;
+          var s = this.value + '';
+          if (s.match(/em$/)) return this.numValue() * this.getEM(viewPort);
+          if (s.match(/ex$/)) return this.numValue() * this.getEM(viewPort) / 2.0;
+          if (s.match(/px$/)) return this.numValue();
+          if (s.match(/pt$/)) return this.numValue() * this.getDPI(viewPort) * (1.0 / 72.0);
+          if (s.match(/pc$/)) return this.numValue() * 15;
+          if (s.match(/cm$/)) return this.numValue() * this.getDPI(viewPort) / 2.54;
+          if (s.match(/mm$/)) return this.numValue() * this.getDPI(viewPort) / 25.4;
+          if (s.match(/in$/)) return this.numValue() * this.getDPI(viewPort);
+          if (s.match(/%$/)) return this.numValue() * svg.ViewPort.ComputeSize(viewPort);
+          var n = this.numValue();
+          if (processPercent && n < 1.0) return n * svg.ViewPort.ComputeSize(viewPort);
+          return n;
+        }
+
+        // time extensions
+        // get the time as milliseconds
+
+      }, {
+        key: 'toMilliseconds',
+        value: function toMilliseconds() {
+          if (!this.hasValue()) return 0;
+          var s = this.value + '';
+          if (s.match(/s$/)) return this.numValue() * 1000;
+          if (s.match(/ms$/)) return this.numValue();
+          return this.numValue();
+        }
+
+        // angle extensions
+        // get the angle as radians
+
+      }, {
+        key: 'toRadians',
+        value: function toRadians() {
+          if (!this.hasValue()) return 0;
+          var s = this.value + '';
+          if (s.match(/deg$/)) return this.numValue() * (Math.PI / 180.0);
+          if (s.match(/grad$/)) return this.numValue() * (Math.PI / 200.0);
+          if (s.match(/rad$/)) return this.numValue();
+          return this.numValue() * (Math.PI / 180.0);
+        }
+      }, {
+        key: 'toTextBaseline',
+        value: function toTextBaseline() {
+          if (!this.hasValue()) return null;
+          return textBaselineMapping[this.value];
+        }
+      }]);
+      return Property;
+    }();
+
+    // fonts
+    svg.Font = {
+      Styles: 'normal|italic|oblique|inherit',
+      Variants: 'normal|small-caps|inherit',
+      Weights: 'normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900|inherit',
+
+      CreateFont: function CreateFont(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit) {
+        var f = inherit != null ? this.Parse(inherit) : this.CreateFont('', '', '', '', '', svg.ctx.font);
+        return {
+          fontFamily: fontFamily || f.fontFamily,
+          fontSize: fontSize || f.fontSize,
+          fontStyle: fontStyle || f.fontStyle,
+          fontWeight: fontWeight || f.fontWeight,
+          fontVariant: fontVariant || f.fontVariant,
+          toString: function toString() {
+            return [this.fontStyle, this.fontVariant, this.fontWeight, this.fontSize, this.fontFamily].join(' ');
+          }
+        };
+      },
+      Parse: function Parse(s) {
+        var _this = this;
+
+        var f = {};
+        var d = svg.trim(svg.compressSpaces(s || '')).split(' ');
+        var set$$1 = {
+          fontSize: false, fontStyle: false, fontWeight: false, fontVariant: false
+        };
+        var ff = '';
+        d.forEach(function (d) {
+          if (!set$$1.fontStyle && _this.Styles.includes(d)) {
+            if (d !== 'inherit') {
+              f.fontStyle = d;
+            }
+            set$$1.fontStyle = true;
+          } else if (!set$$1.fontVariant && _this.Variants.includes(d)) {
+            if (d !== 'inherit') {
+              f.fontVariant = d;
+            }
+            set$$1.fontStyle = set$$1.fontVariant = true;
+          } else if (!set$$1.fontWeight && _this.Weights.includes(d)) {
+            if (d !== 'inherit') {
+              f.fontWeight = d;
+            }
+            set$$1.fontStyle = set$$1.fontVariant = set$$1.fontWeight = true;
+          } else if (!set$$1.fontSize) {
+            if (d !== 'inherit') {
+              f.fontSize = d.split('/')[0];
+            }
+            set$$1.fontStyle = set$$1.fontVariant = set$$1.fontWeight = set$$1.fontSize = true;
+          } else {
+            if (d !== 'inherit') {
+              ff += d;
+            }
+          }
+        });
+        if (ff !== '') {
+          f.fontFamily = ff;
+        }
+        return f;
+      }
+    };
+
+    // points and paths
+    svg.ToNumberArray = function (s) {
+      var a = svg.trim(svg.compressSpaces((s || '').replace(/,/g, ' '))).split(' ');
+      return a.map(function (a) {
+        return parseFloat(a);
+      });
+    };
+    svg.Point = function () {
+      function _class(x, y) {
+        classCallCheck(this, _class);
+
+        this.x = x;
+        this.y = y;
+      }
+
+      createClass(_class, [{
+        key: 'angleTo',
+        value: function angleTo(p) {
+          return Math.atan2(p.y - this.y, p.x - this.x);
+        }
+      }, {
+        key: 'applyTransform',
+        value: function applyTransform(v) {
+          var xp = this.x * v[0] + this.y * v[2] + v[4];
+          var yp = this.x * v[1] + this.y * v[3] + v[5];
+          this.x = xp;
+          this.y = yp;
+        }
+      }]);
+      return _class;
+    }();
+
+    svg.CreatePoint = function (s) {
+      var a = svg.ToNumberArray(s);
+      return new svg.Point(a[0], a[1]);
+    };
+    svg.CreatePath = function (s) {
+      var a = svg.ToNumberArray(s);
+      var path = [];
+      for (var i = 0; i < a.length; i += 2) {
+        path.push(new svg.Point(a[i], a[i + 1]));
+      }
+      return path;
+    };
+
+    // bounding box
+    svg.BoundingBox = function () {
+      function _class2(x1, y1, x2, y2) {
+        classCallCheck(this, _class2);
+        // pass in initial points if you want
+        this.x1 = Number.NaN;
+        this.y1 = Number.NaN;
+        this.x2 = Number.NaN;
+        this.y2 = Number.NaN;
+        this.addPoint(x1, y1);
+        this.addPoint(x2, y2);
+      }
+
+      createClass(_class2, [{
+        key: 'x',
+        value: function x() {
+          return this.x1;
+        }
+      }, {
+        key: 'y',
+        value: function y() {
+          return this.y1;
+        }
+      }, {
+        key: 'width',
+        value: function width() {
+          return this.x2 - this.x1;
+        }
+      }, {
+        key: 'height',
+        value: function height() {
+          return this.y2 - this.y1;
+        }
+      }, {
+        key: 'addPoint',
+        value: function addPoint(x, y) {
+          if (x != null) {
+            if (isNaN(this.x1) || isNaN(this.x2)) {
+              this.x1 = x;
+              this.x2 = x;
+            }
+            if (x < this.x1) this.x1 = x;
+            if (x > this.x2) this.x2 = x;
+          }
+
+          if (y != null) {
+            if (isNaN(this.y1) || isNaN(this.y2)) {
+              this.y1 = y;
+              this.y2 = y;
+            }
+            if (y < this.y1) this.y1 = y;
+            if (y > this.y2) this.y2 = y;
+          }
+        }
+      }, {
+        key: 'addX',
+        value: function addX(x) {
+          this.addPoint(x, null);
+        }
+      }, {
+        key: 'addY',
+        value: function addY(y) {
+          this.addPoint(null, y);
+        }
+      }, {
+        key: 'addBoundingBox',
+        value: function addBoundingBox(bb) {
+          this.addPoint(bb.x1, bb.y1);
+          this.addPoint(bb.x2, bb.y2);
+        }
+      }, {
+        key: 'addQuadraticCurve',
+        value: function addQuadraticCurve(p0x, p0y, p1x, p1y, p2x, p2y) {
+          var cp1x = p0x + 2 / 3 * (p1x - p0x); // CP1 = QP0 + 2/3 *(QP1-QP0)
+          var cp1y = p0y + 2 / 3 * (p1y - p0y); // CP1 = QP0 + 2/3 *(QP1-QP0)
+          var cp2x = cp1x + 1 / 3 * (p2x - p0x); // CP2 = CP1 + 1/3 *(QP2-QP0)
+          var cp2y = cp1y + 1 / 3 * (p2y - p0y); // CP2 = CP1 + 1/3 *(QP2-QP0)
+          this.addBezierCurve(p0x, p0y, cp1x, cp2x, cp1y, cp2y, p2x, p2y);
+        }
+      }, {
+        key: 'addBezierCurve',
+        value: function addBezierCurve(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {
+          var _this2 = this;
+
+          // from http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html
+          var p0 = [p0x, p0y],
+              p1 = [p1x, p1y],
+              p2 = [p2x, p2y],
+              p3 = [p3x, p3y];
+          this.addPoint(p0[0], p0[1]);
+          this.addPoint(p3[0], p3[1]);
+
+          var _loop = function _loop(i) {
+            var f = function f(t) {
+              return Math.pow(1 - t, 3) * p0[i] + 3 * Math.pow(1 - t, 2) * t * p1[i] + 3 * (1 - t) * Math.pow(t, 2) * p2[i] + Math.pow(t, 3) * p3[i];
+            };
+
+            var b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
+            var a = -3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
+            var c = 3 * p1[i] - 3 * p0[i];
+
+            if (a === 0) {
+              if (b === 0) return 'continue';
+              var t = -c / b;
+              if (t > 0 && t < 1) {
+                if (i === 0) _this2.addX(f(t));
+                if (i === 1) _this2.addY(f(t));
+              }
+              return 'continue';
+            }
+
+            var b2ac = Math.pow(b, 2) - 4 * c * a;
+            if (b2ac < 0) return 'continue';
+            var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
+            if (t1 > 0 && t1 < 1) {
+              if (i === 0) _this2.addX(f(t1));
+              if (i === 1) _this2.addY(f(t1));
+            }
+            var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
+            if (t2 > 0 && t2 < 1) {
+              if (i === 0) _this2.addX(f(t2));
+              if (i === 1) _this2.addY(f(t2));
+            }
+          };
+
+          for (var i = 0; i <= 1; i++) {
+            var _ret = _loop(i);
+
+            if (_ret === 'continue') continue;
+          }
+        }
+      }, {
+        key: 'isPointInBox',
+        value: function isPointInBox(x, y) {
+          return this.x1 <= x && x <= this.x2 && this.y1 <= y && y <= this.y2;
+        }
+      }]);
+      return _class2;
+    }();
+
+    // transforms
+    svg.Transform = function () {
+      function _class3(v) {
+        var _this6 = this;
+
+        classCallCheck(this, _class3);
+
+        this.Type = {
+          translate: function translate(s) {
+            classCallCheck(this, translate);
+
+            this.p = svg.CreatePoint(s);
+            this.apply = function (ctx) {
+              ctx.translate(this.p.x || 0.0, this.p.y || 0.0);
+            };
+            this.unapply = function (ctx) {
+              ctx.translate(-1.0 * this.p.x || 0.0, -1.0 * this.p.y || 0.0);
+            };
+            this.applyToPoint = function (p) {
+              p.applyTransform([1, 0, 0, 1, this.p.x || 0.0, this.p.y || 0.0]);
+            };
+          },
+          rotate: function rotate(s) {
+            classCallCheck(this, rotate);
+
+            var a = svg.ToNumberArray(s);
+            this.angle = new svg.Property('angle', a[0]);
+            this.cx = a[1] || 0;
+            this.cy = a[2] || 0;
+            this.apply = function (ctx) {
+              ctx.translate(this.cx, this.cy);
+              ctx.rotate(this.angle.toRadians());
+              ctx.translate(-this.cx, -this.cy);
+            };
+            this.unapply = function (ctx) {
+              ctx.translate(this.cx, this.cy);
+              ctx.rotate(-1.0 * this.angle.toRadians());
+              ctx.translate(-this.cx, -this.cy);
+            };
+            this.applyToPoint = function (p) {
+              var a = this.angle.toRadians();
+              p.applyTransform([1, 0, 0, 1, this.p.x || 0.0, this.p.y || 0.0]);
+              p.applyTransform([Math.cos(a), Math.sin(a), -Math.sin(a), Math.cos(a), 0, 0]);
+              p.applyTransform([1, 0, 0, 1, -this.p.x || 0.0, -this.p.y || 0.0]);
+            };
+          },
+          scale: function scale(s) {
+            classCallCheck(this, scale);
+
+            this.p = svg.CreatePoint(s);
+            this.apply = function (ctx) {
+              ctx.scale(this.p.x || 1.0, this.p.y || this.p.x || 1.0);
+            };
+            this.unapply = function (ctx) {
+              ctx.scale(1.0 / this.p.x || 1.0, 1.0 / this.p.y || this.p.x || 1.0);
+            };
+            this.applyToPoint = function (p) {
+              p.applyTransform([this.p.x || 0.0, 0, 0, this.p.y || 0.0, 0, 0]);
+            };
+          },
+          matrix: function matrix(s) {
+            classCallCheck(this, matrix);
+
+            this.m = svg.ToNumberArray(s);
+            this.apply = function (ctx) {
+              ctx.transform(this.m[0], this.m[1], this.m[2], this.m[3], this.m[4], this.m[5]);
+            };
+            this.applyToPoint = function (p) {
+              p.applyTransform(this.m);
+            };
+          }
+        };
+        Object.assign(this.Type, {
+          SkewBase: function (_Type$matrix) {
+            inherits(SkewBase, _Type$matrix);
+
+            function SkewBase(s) {
+              classCallCheck(this, SkewBase);
+
+              var _this3 = possibleConstructorReturn(this, (SkewBase.__proto__ || Object.getPrototypeOf(SkewBase)).call(this, s));
+
+              _this3.angle = new svg.Property('angle', s);
+              return _this3;
+            }
+
+            return SkewBase;
+          }(this.Type.matrix)
+        });
+        Object.assign(this.Type, {
+          skewX: function (_Type$SkewBase) {
+            inherits(skewX, _Type$SkewBase);
+
+            function skewX(s) {
+              classCallCheck(this, skewX);
+
+              var _this4 = possibleConstructorReturn(this, (skewX.__proto__ || Object.getPrototypeOf(skewX)).call(this, s));
+
+              _this4.m = [1, 0, Math.tan(_this4.angle.toRadians()), 1, 0, 0];
+              return _this4;
+            }
+
+            return skewX;
+          }(this.Type.SkewBase),
+          skewY: function (_Type$SkewBase2) {
+            inherits(skewY, _Type$SkewBase2);
+
+            function skewY(s) {
+              classCallCheck(this, skewY);
+
+              var _this5 = possibleConstructorReturn(this, (skewY.__proto__ || Object.getPrototypeOf(skewY)).call(this, s));
+
+              _this5.m = [1, Math.tan(_this5.angle.toRadians()), 0, 1, 0, 0];
+              return _this5;
+            }
+
+            return skewY;
+          }(this.Type.SkewBase)
+        });
+
+        var data = svg.trim(svg.compressSpaces(v)).replace(/\)([a-zA-Z])/g, ') $1').replace(/\)(\s?,\s?)/g, ') ').split(/\s(?=[a-z])/);
+        this.transforms = data.map(function (d) {
+          var type = svg.trim(d.split('(')[0]);
+          var s = d.split('(')[1].replace(')', '');
+          var transform = new _this6.Type[type](s);
+          transform.type = type;
+          return transform;
+        });
+      }
+
+      createClass(_class3, [{
+        key: 'apply',
+        value: function apply(ctx) {
+          this.transforms.forEach(function (transform) {
+            transform.apply(ctx);
+          });
+        }
+      }, {
+        key: 'unapply',
+        value: function unapply(ctx) {
+          for (var i = this.transforms.length - 1; i >= 0; i--) {
+            this.transforms[i].unapply(ctx);
+          }
+        }
+      }, {
+        key: 'applyToPoint',
+        value: function applyToPoint(p) {
+          this.transforms.forEach(function (transform) {
+            transform.applyToPoint(p);
+          });
+        }
+      }]);
+      return _class3;
+    }();
+
+    // aspect ratio
+    svg.AspectRatio = function (ctx, aspectRatio, width, desiredWidth, height, desiredHeight, minX, minY, refX, refY) {
+      // aspect ratio - https://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute
+      aspectRatio = svg.compressSpaces(aspectRatio);
+      aspectRatio = aspectRatio.replace(/^defer\s/, ''); // ignore defer
+      var align = aspectRatio.split(' ')[0] || 'xMidYMid';
+      var meetOrSlice = aspectRatio.split(' ')[1] || 'meet';
+
+      // calculate scale
+      var scaleX = width / desiredWidth;
+      var scaleY = height / desiredHeight;
+      var scaleMin = Math.min(scaleX, scaleY);
+      var scaleMax = Math.max(scaleX, scaleY);
+      if (meetOrSlice === 'meet') {
+        desiredWidth *= scaleMin;desiredHeight *= scaleMin;
+      }
+      if (meetOrSlice === 'slice') {
+        desiredWidth *= scaleMax;desiredHeight *= scaleMax;
+      }
+
+      refX = new svg.Property('refX', refX);
+      refY = new svg.Property('refY', refY);
+      if (refX.hasValue() && refY.hasValue()) {
+        ctx.translate(-scaleMin * refX.toPixels('x'), -scaleMin * refY.toPixels('y'));
+      } else {
+        // align
+        if (align.match(/^xMid/) && (meetOrSlice === 'meet' && scaleMin === scaleY || meetOrSlice === 'slice' && scaleMax === scaleY)) ctx.translate(width / 2.0 - desiredWidth / 2.0, 0);
+        if (align.match(/YMid$/) && (meetOrSlice === 'meet' && scaleMin === scaleX || meetOrSlice === 'slice' && scaleMax === scaleX)) ctx.translate(0, height / 2.0 - desiredHeight / 2.0);
+        if (align.match(/^xMax/) && (meetOrSlice === 'meet' && scaleMin === scaleY || meetOrSlice === 'slice' && scaleMax === scaleY)) ctx.translate(width - desiredWidth, 0);
+        if (align.match(/YMax$/) && (meetOrSlice === 'meet' && scaleMin === scaleX || meetOrSlice === 'slice' && scaleMax === scaleX)) ctx.translate(0, height - desiredHeight);
+      }
+
+      // scale
+      if (align === 'none') ctx.scale(scaleX, scaleY);else if (meetOrSlice === 'meet') ctx.scale(scaleMin, scaleMin);else if (meetOrSlice === 'slice') ctx.scale(scaleMax, scaleMax);
+
+      // translate
+      ctx.translate(minX == null ? 0 : -minX, minY == null ? 0 : -minY);
+    };
+
+    // elements
+    svg.Element = {};
+
+    svg.EmptyProperty = new svg.Property('EMPTY', '');
+
+    svg.Element.ElementBase = function () {
+      function _class4(node) {
+        var _this7 = this;
+
+        classCallCheck(this, _class4);
+
+        this.captureTextNodes = arguments[1]; // Argument from inheriting class
+        this.attributes = {};
+        this.styles = {};
+        this.children = [];
+        if (node != null && node.nodeType === 1) {
+          // ELEMENT_NODE
+          // add children
+          [].concat(toConsumableArray(node.childNodes)).forEach(function (childNode) {
+            if (childNode.nodeType === 1) {
+              _this7.addChild(childNode, true); // ELEMENT_NODE
+            }
+            if (_this7.captureTextNodes && (childNode.nodeType === 3 || childNode.nodeType === 4)) {
+              var text = childNode.nodeValue || childNode.text || '';
+              if (svg.trim(svg.compressSpaces(text)) !== '') {
+                _this7.addChild(new svg.Element.tspan(childNode), false); // TEXT_NODE
+              }
+            }
+          });
+
+          // add attributes
+          [].concat(toConsumableArray(node.attributes)).forEach(function (_ref) {
+            var nodeName = _ref.nodeName,
+                nodeValue = _ref.nodeValue;
+
+            _this7.attributes[nodeName] = new svg.Property(nodeName, nodeValue);
+          });
+          // add tag styles
+          var styles = svg.Styles[node.nodeName];
+          if (styles != null) {
+            for (var name in styles) {
+              this.styles[name] = styles[name];
+            }
+          }
+
+          // add class styles
+          if (this.attribute('class').hasValue()) {
+            var classes = svg.compressSpaces(this.attribute('class').value).split(' ');
+            classes.forEach(function (clss) {
+              styles = svg.Styles['.' + clss];
+              if (styles != null) {
+                for (var _name in styles) {
+                  _this7.styles[_name] = styles[_name];
+                }
+              }
+              styles = svg.Styles[node.nodeName + '.' + clss];
+              if (styles != null) {
+                for (var _name2 in styles) {
+                  _this7.styles[_name2] = styles[_name2];
+                }
+              }
+            });
+          }
+
+          // add id styles
+          if (this.attribute('id').hasValue()) {
+            var _styles = svg.Styles['#' + this.attribute('id').value];
+            if (_styles != null) {
+              for (var _name3 in _styles) {
+                this.styles[_name3] = _styles[_name3];
+              }
+            }
+          }
+
+          // add inline styles
+          if (this.attribute('style').hasValue()) {
+            var _styles2 = this.attribute('style').value.split(';');
+            _styles2.forEach(function (style) {
+              if (svg.trim(style) !== '') {
+                var _style$split = style.split(':'),
+                    _name4 = _style$split.name,
+                    value = _style$split.value;
+
+                _name4 = svg.trim(_name4);
+                value = svg.trim(value);
+                _this7.styles[_name4] = new svg.Property(_name4, value);
+              }
+            });
+          }
+
+          // add id
+          if (this.attribute('id').hasValue()) {
+            if (svg.Definitions[this.attribute('id').value] == null) {
+              svg.Definitions[this.attribute('id').value] = this;
+            }
+          }
+        }
+      }
+
+      // get or create attribute
+
+
+      createClass(_class4, [{
+        key: 'attribute',
+        value: function attribute(name, createIfNotExists) {
+          var a = this.attributes[name];
+          if (a != null) return a;
+
+          if (createIfNotExists === true) {
+            a = new svg.Property(name, '');this.attributes[name] = a;
+          }
+          return a || svg.EmptyProperty;
+        }
+      }, {
+        key: 'getHrefAttribute',
+        value: function getHrefAttribute() {
+          for (var a in this.attributes) {
+            if (a.match(/:href$/)) {
+              return this.attributes[a];
+            }
+          }
+          return svg.EmptyProperty;
+        }
+
+        // get or create style, crawls up node tree
+
+      }, {
+        key: 'style',
+        value: function style(name, createIfNotExists, skipAncestors) {
+          var s = this.styles[name];
+          if (s != null) return s;
+
+          var a = this.attribute(name);
+          if (a != null && a.hasValue()) {
+            this.styles[name] = a; // move up to me to cache
+            return a;
+          }
+
+          if (skipAncestors !== true) {
+            var p = this.parent;
+            if (p != null) {
+              var ps = p.style(name);
+              if (ps != null && ps.hasValue()) {
+                return ps;
+              }
+            }
+          }
+
+          if (createIfNotExists === true) {
+            s = new svg.Property(name, '');this.styles[name] = s;
+          }
+          return s || svg.EmptyProperty;
+        }
+
+        // base render
+
+      }, {
+        key: 'render',
+        value: function render(ctx) {
+          // don't render display=none
+          if (this.style('display').value === 'none') return;
+
+          // don't render visibility=hidden
+          if (this.style('visibility').value === 'hidden') return;
+
+          ctx.save();
+          if (this.attribute('mask').hasValue()) {
+            // mask
+            var mask = this.attribute('mask').getDefinition();
+            if (mask != null) mask.apply(ctx, this);
+          } else if (this.style('filter').hasValue()) {
+            // filter
+            var filter = this.style('filter').getDefinition();
+            if (filter != null) filter.apply(ctx, this);
+          } else {
+            this.setContext(ctx);
+            this.renderChildren(ctx);
+            this.clearContext(ctx);
+          }
+          ctx.restore();
+        }
+
+        // base set context
+
+      }, {
+        key: 'setContext',
+        value: function setContext(ctx) {}
+        // OVERRIDE ME!
+
+
+        // base clear context
+
+      }, {
+        key: 'clearContext',
+        value: function clearContext(ctx) {}
+        // OVERRIDE ME!
+
+
+        // base render children
+
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          this.children.forEach(function (child) {
+            child.render(ctx);
+          });
+        }
+      }, {
+        key: 'addChild',
+        value: function addChild(childNode, create) {
+          var child = create ? svg.CreateElement(childNode) : childNode;
+          child.parent = this;
+          if (child.type !== 'title') {
+            this.children.push(child);
+          }
+        }
+      }]);
+      return _class4;
+    }();
+
+    svg.Element.RenderedElementBase = function (_svg$Element$ElementB) {
+      inherits(_class5, _svg$Element$ElementB);
+
+      function _class5() {
+        classCallCheck(this, _class5);
+        return possibleConstructorReturn(this, (_class5.__proto__ || Object.getPrototypeOf(_class5)).apply(this, arguments));
+      }
+
+      createClass(_class5, [{
+        key: 'setContext',
+        value: function setContext(ctx) {
+          // fill
+          if (this.style('fill').isUrlDefinition()) {
+            var fs = this.style('fill').getFillStyleDefinition(this, this.style('fill-opacity'));
+            if (fs != null) ctx.fillStyle = fs;
+          } else if (this.style('fill').hasValue()) {
+            var fillStyle = this.style('fill');
+            if (fillStyle.value === 'currentColor') fillStyle.value = this.style('color').value;
+            ctx.fillStyle = fillStyle.value === 'none' ? 'rgba(0,0,0,0)' : fillStyle.value;
+          }
+          if (this.style('fill-opacity').hasValue()) {
+            var _fillStyle = new svg.Property('fill', ctx.fillStyle);
+            _fillStyle = _fillStyle.addOpacity(this.style('fill-opacity'));
+            ctx.fillStyle = _fillStyle.value;
+          }
+
+          // stroke
+          if (this.style('stroke').isUrlDefinition()) {
+            var _fs = this.style('stroke').getFillStyleDefinition(this, this.style('stroke-opacity'));
+            if (_fs != null) ctx.strokeStyle = _fs;
+          } else if (this.style('stroke').hasValue()) {
+            var strokeStyle = this.style('stroke');
+            if (strokeStyle.value === 'currentColor') strokeStyle.value = this.style('color').value;
+            ctx.strokeStyle = strokeStyle.value === 'none' ? 'rgba(0,0,0,0)' : strokeStyle.value;
+          }
+          if (this.style('stroke-opacity').hasValue()) {
+            var _strokeStyle = new svg.Property('stroke', ctx.strokeStyle);
+            _strokeStyle = _strokeStyle.addOpacity(this.style('stroke-opacity'));
+            ctx.strokeStyle = _strokeStyle.value;
+          }
+          if (this.style('stroke-width').hasValue()) {
+            var newLineWidth = this.style('stroke-width').toPixels();
+            ctx.lineWidth = newLineWidth === 0 ? 0.001 : newLineWidth; // browsers don't respect 0
+          }
+          if (this.style('stroke-linecap').hasValue()) ctx.lineCap = this.style('stroke-linecap').value;
+          if (this.style('stroke-linejoin').hasValue()) ctx.lineJoin = this.style('stroke-linejoin').value;
+          if (this.style('stroke-miterlimit').hasValue()) ctx.miterLimit = this.style('stroke-miterlimit').value;
+          if (this.style('stroke-dasharray').hasValue() && this.style('stroke-dasharray').value !== 'none') {
+            var gaps = svg.ToNumberArray(this.style('stroke-dasharray').value);
+            if (typeof ctx.setLineDash !== 'undefined') {
+              ctx.setLineDash(gaps);
+            } else if (typeof ctx.webkitLineDash !== 'undefined') {
+              ctx.webkitLineDash = gaps;
+            } else if (typeof ctx.mozDash !== 'undefined' && !(gaps.length === 1 && gaps[0] === 0)) {
+              ctx.mozDash = gaps;
+            }
+
+            var offset = this.style('stroke-dashoffset').numValueOrDefault(1);
+            if (typeof ctx.lineDashOffset !== 'undefined') {
+              ctx.lineDashOffset = offset;
+            } else if (typeof ctx.webkitLineDashOffset !== 'undefined') {
+              ctx.webkitLineDashOffset = offset;
+            } else if (typeof ctx.mozDashOffset !== 'undefined') {
+              ctx.mozDashOffset = offset;
+            }
+          }
+
+          // font
+          if (typeof ctx.font !== 'undefined') {
+            ctx.font = svg.Font.CreateFont(this.style('font-style').value, this.style('font-variant').value, this.style('font-weight').value, this.style('font-size').hasValue() ? this.style('font-size').toPixels() + 'px' : '', this.style('font-family').value).toString();
+          }
+
+          // transform
+          if (this.attribute('transform').hasValue()) {
+            var transform = new svg.Transform(this.attribute('transform').value);
+            transform.apply(ctx);
+          }
+
+          // clip
+          if (this.style('clip-path', false, true).hasValue()) {
+            var clip = this.style('clip-path', false, true).getDefinition();
+            if (clip != null) clip.apply(ctx);
+          }
+
+          // opacity
+          if (this.style('opacity').hasValue()) {
+            ctx.globalAlpha = this.style('opacity').numValue();
+          }
+        }
+      }]);
+      return _class5;
+    }(svg.Element.ElementBase);
+
+    svg.Element.PathElementBase = function (_svg$Element$Rendered) {
+      inherits(_class6, _svg$Element$Rendered);
+
+      function _class6() {
+        classCallCheck(this, _class6);
+        return possibleConstructorReturn(this, (_class6.__proto__ || Object.getPrototypeOf(_class6)).apply(this, arguments));
+      }
+
+      createClass(_class6, [{
+        key: 'path',
+        value: function path(ctx) {
+          if (ctx != null) ctx.beginPath();
+          return new svg.BoundingBox();
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          this.path(ctx);
+          svg.Mouse.checkPath(this, ctx);
+          if (ctx.fillStyle !== '') {
+            if (this.style('fill-rule').valueOrDefault('inherit') !== 'inherit') {
+              ctx.fill(this.style('fill-rule').value);
+            } else {
+              ctx.fill();
+            }
+          }
+          if (ctx.strokeStyle !== '') ctx.stroke();
+
+          var markers = this.getMarkers();
+          if (markers != null) {
+            if (this.style('marker-start').isUrlDefinition()) {
+              var marker = this.style('marker-start').getDefinition();
+              marker.render(ctx, markers[0][0], markers[0][1]);
+            }
+            if (this.style('marker-mid').isUrlDefinition()) {
+              var _marker = this.style('marker-mid').getDefinition();
+              for (var i = 1; i < markers.length - 1; i++) {
+                _marker.render(ctx, markers[i][0], markers[i][1]);
+              }
+            }
+            if (this.style('marker-end').isUrlDefinition()) {
+              var _marker2 = this.style('marker-end').getDefinition();
+              _marker2.render(ctx, markers[markers.length - 1][0], markers[markers.length - 1][1]);
+            }
+          }
+        }
+      }, {
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          return this.path();
+        }
+      }, {
+        key: 'getMarkers',
+        value: function getMarkers() {
+          return null;
+        }
+      }]);
+      return _class6;
+    }(svg.Element.RenderedElementBase);
+
+    // svg element
+    svg.Element.svg = function (_svg$Element$Rendered2) {
+      inherits(_class7, _svg$Element$Rendered2);
+
+      function _class7() {
+        classCallCheck(this, _class7);
+        return possibleConstructorReturn(this, (_class7.__proto__ || Object.getPrototypeOf(_class7)).apply(this, arguments));
+      }
+
+      createClass(_class7, [{
+        key: 'clearContext',
+        value: function clearContext(ctx) {
+          get(_class7.prototype.__proto__ || Object.getPrototypeOf(_class7.prototype), 'clearContext', this).call(this, ctx);
+          svg.ViewPort.RemoveCurrent();
+        }
+      }, {
+        key: 'setContext',
+        value: function setContext(ctx) {
+          // initial values and defaults
+          ctx.strokeStyle = 'rgba(0,0,0,0)';
+          ctx.lineCap = 'butt';
+          ctx.lineJoin = 'miter';
+          ctx.miterLimit = 4;
+          if (typeof ctx.font !== 'undefined' && typeof window.getComputedStyle !== 'undefined') {
+            ctx.font = window.getComputedStyle(ctx.canvas).getPropertyValue('font');
+          }
+
+          get(_class7.prototype.__proto__ || Object.getPrototypeOf(_class7.prototype), 'setContext', this).call(this, ctx);
+
+          // create new view port
+          if (!this.attribute('x').hasValue()) this.attribute('x', true).value = 0;
+          if (!this.attribute('y').hasValue()) this.attribute('y', true).value = 0;
+          ctx.translate(this.attribute('x').toPixels('x'), this.attribute('y').toPixels('y'));
+
+          var width = svg.ViewPort.width();
+          var height = svg.ViewPort.height();
+
+          if (!this.attribute('width').hasValue()) this.attribute('width', true).value = '100%';
+          if (!this.attribute('height').hasValue()) this.attribute('height', true).value = '100%';
+          if (typeof this.root === 'undefined') {
+            width = this.attribute('width').toPixels('x');
+            height = this.attribute('height').toPixels('y');
+
+            var x = 0;
+            var y = 0;
+            if (this.attribute('refX').hasValue() && this.attribute('refY').hasValue()) {
+              x = -this.attribute('refX').toPixels('x');
+              y = -this.attribute('refY').toPixels('y');
+            }
+
+            if (this.attribute('overflow').valueOrDefault('hidden') !== 'visible') {
+              ctx.beginPath();
+              ctx.moveTo(x, y);
+              ctx.lineTo(width, y);
+              ctx.lineTo(width, height);
+              ctx.lineTo(x, height);
+              ctx.closePath();
+              ctx.clip();
+            }
+          }
+          svg.ViewPort.SetCurrent(width, height);
+
+          // viewbox
+          if (this.attribute('viewBox').hasValue()) {
+            var viewBox = svg.ToNumberArray(this.attribute('viewBox').value);
+            var minX = viewBox[0];
+            var minY = viewBox[1];
+            width = viewBox[2];
+            height = viewBox[3];
+
+            svg.AspectRatio(ctx, this.attribute('preserveAspectRatio').value, svg.ViewPort.width(), width, svg.ViewPort.height(), height, minX, minY, this.attribute('refX').value, this.attribute('refY').value);
+
+            svg.ViewPort.RemoveCurrent();
+            svg.ViewPort.SetCurrent(viewBox[2], viewBox[3]);
+          }
+        }
+      }]);
+      return _class7;
+    }(svg.Element.RenderedElementBase);
+
+    // rect element
+    svg.Element.rect = function (_svg$Element$PathElem) {
+      inherits(_class8, _svg$Element$PathElem);
+
+      function _class8() {
+        classCallCheck(this, _class8);
+        return possibleConstructorReturn(this, (_class8.__proto__ || Object.getPrototypeOf(_class8)).apply(this, arguments));
+      }
+
+      createClass(_class8, [{
+        key: 'path',
+        value: function path(ctx) {
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+          var width = this.attribute('width').toPixels('x');
+          var height = this.attribute('height').toPixels('y');
+          var rx = this.attribute('rx').toPixels('x');
+          var ry = this.attribute('ry').toPixels('y');
+          if (this.attribute('rx').hasValue() && !this.attribute('ry').hasValue()) ry = rx;
+          if (this.attribute('ry').hasValue() && !this.attribute('rx').hasValue()) rx = ry;
+          rx = Math.min(rx, width / 2.0);
+          ry = Math.min(ry, height / 2.0);
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.moveTo(x + rx, y);
+            ctx.lineTo(x + width - rx, y);
+            ctx.quadraticCurveTo(x + width, y, x + width, y + ry);
+            ctx.lineTo(x + width, y + height - ry);
+            ctx.quadraticCurveTo(x + width, y + height, x + width - rx, y + height);
+            ctx.lineTo(x + rx, y + height);
+            ctx.quadraticCurveTo(x, y + height, x, y + height - ry);
+            ctx.lineTo(x, y + ry);
+            ctx.quadraticCurveTo(x, y, x + rx, y);
+            ctx.closePath();
+          }
+
+          return new svg.BoundingBox(x, y, x + width, y + height);
+        }
+      }]);
+      return _class8;
+    }(svg.Element.PathElementBase);
+
+    // circle element
+    svg.Element.circle = function (_svg$Element$PathElem2) {
+      inherits(_class9, _svg$Element$PathElem2);
+
+      function _class9() {
+        classCallCheck(this, _class9);
+        return possibleConstructorReturn(this, (_class9.__proto__ || Object.getPrototypeOf(_class9)).apply(this, arguments));
+      }
+
+      createClass(_class9, [{
+        key: 'path',
+        value: function path(ctx) {
+          var cx = this.attribute('cx').toPixels('x');
+          var cy = this.attribute('cy').toPixels('y');
+          var r = this.attribute('r').toPixels();
+
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.arc(cx, cy, r, 0, Math.PI * 2, true);
+            ctx.closePath();
+          }
+
+          return new svg.BoundingBox(cx - r, cy - r, cx + r, cy + r);
+        }
+      }]);
+      return _class9;
+    }(svg.Element.PathElementBase);
+
+    // ellipse element
+    var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);
+    svg.Element.ellipse = function (_svg$Element$PathElem3) {
+      inherits(_class10, _svg$Element$PathElem3);
+
+      function _class10() {
+        classCallCheck(this, _class10);
+        return possibleConstructorReturn(this, (_class10.__proto__ || Object.getPrototypeOf(_class10)).apply(this, arguments));
+      }
+
+      createClass(_class10, [{
+        key: 'path',
+        value: function path(ctx) {
+          var rx = this.attribute('rx').toPixels('x');
+          var ry = this.attribute('ry').toPixels('y');
+          var cx = this.attribute('cx').toPixels('x');
+          var cy = this.attribute('cy').toPixels('y');
+
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.moveTo(cx, cy - ry);
+            ctx.bezierCurveTo(cx + KAPPA * rx, cy - ry, cx + rx, cy - KAPPA * ry, cx + rx, cy);
+            ctx.bezierCurveTo(cx + rx, cy + KAPPA * ry, cx + KAPPA * rx, cy + ry, cx, cy + ry);
+            ctx.bezierCurveTo(cx - KAPPA * rx, cy + ry, cx - rx, cy + KAPPA * ry, cx - rx, cy);
+            ctx.bezierCurveTo(cx - rx, cy - KAPPA * ry, cx - KAPPA * rx, cy - ry, cx, cy - ry);
+            ctx.closePath();
+          }
+
+          return new svg.BoundingBox(cx - rx, cy - ry, cx + rx, cy + ry);
+        }
+      }]);
+      return _class10;
+    }(svg.Element.PathElementBase);
+
+    // line element
+    svg.Element.line = function (_svg$Element$PathElem4) {
+      inherits(_class11, _svg$Element$PathElem4);
+
+      function _class11() {
+        classCallCheck(this, _class11);
+        return possibleConstructorReturn(this, (_class11.__proto__ || Object.getPrototypeOf(_class11)).apply(this, arguments));
+      }
+
+      createClass(_class11, [{
+        key: 'getPoints',
+        value: function getPoints() {
+          return [new svg.Point(this.attribute('x1').toPixels('x'), this.attribute('y1').toPixels('y')), new svg.Point(this.attribute('x2').toPixels('x'), this.attribute('y2').toPixels('y'))];
+        }
+      }, {
+        key: 'path',
+        value: function path(ctx) {
+          var points = this.getPoints();
+
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.moveTo(points[0].x, points[0].y);
+            ctx.lineTo(points[1].x, points[1].y);
+          }
+
+          return new svg.BoundingBox(points[0].x, points[0].y, points[1].x, points[1].y);
+        }
+      }, {
+        key: 'getMarkers',
+        value: function getMarkers() {
+          var points = this.getPoints();
+          var a = points[0].angleTo(points[1]);
+          return [[points[0], a], [points[1], a]];
+        }
+      }]);
+      return _class11;
+    }(svg.Element.PathElementBase);
+
+    // polyline element
+    svg.Element.polyline = function (_svg$Element$PathElem5) {
+      inherits(_class12, _svg$Element$PathElem5);
+
+      function _class12(node) {
+        classCallCheck(this, _class12);
+
+        var _this15 = possibleConstructorReturn(this, (_class12.__proto__ || Object.getPrototypeOf(_class12)).call(this, node));
+
+        _this15.points = svg.CreatePath(_this15.attribute('points').value);
+        return _this15;
+      }
+
+      createClass(_class12, [{
+        key: 'path',
+        value: function path(ctx) {
+          var _points$ = this.points[0],
+              x = _points$.x,
+              y = _points$.y;
+
+          var bb = new svg.BoundingBox(x, y);
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.moveTo(x, y);
+          }
+          for (var i = 1; i < this.points.length; i++) {
+            var _points$i = this.points[i],
+                _x = _points$i.x,
+                _y = _points$i.y;
+
+            bb.addPoint(_x, _y);
+            if (ctx != null) ctx.lineTo(_x, _y);
+          }
+          return bb;
+        }
+      }, {
+        key: 'getMarkers',
+        value: function getMarkers() {
+          var markers = [];
+          for (var i = 0; i < this.points.length - 1; i++) {
+            markers.push([this.points[i], this.points[i].angleTo(this.points[i + 1])]);
+          }
+          markers.push([this.points[this.points.length - 1], markers[markers.length - 1][1]]);
+          return markers;
+        }
+      }]);
+      return _class12;
+    }(svg.Element.PathElementBase);
+
+    // polygon element
+    svg.Element.polygon = function (_svg$Element$polyline) {
+      inherits(_class13, _svg$Element$polyline);
+
+      function _class13() {
+        classCallCheck(this, _class13);
+        return possibleConstructorReturn(this, (_class13.__proto__ || Object.getPrototypeOf(_class13)).apply(this, arguments));
+      }
+
+      createClass(_class13, [{
+        key: 'path',
+        value: function path(ctx) {
+          var bb = get(_class13.prototype.__proto__ || Object.getPrototypeOf(_class13.prototype), 'path', this).call(this, ctx);
+          if (ctx != null) {
+            ctx.lineTo(this.points[0].x, this.points[0].y);
+            ctx.closePath();
+          }
+          return bb;
+        }
+      }]);
+      return _class13;
+    }(svg.Element.polyline);
+
+    // path element
+    svg.Element.path = function (_svg$Element$PathElem6) {
+      inherits(_class14, _svg$Element$PathElem6);
+
+      function _class14(node) {
+        classCallCheck(this, _class14);
+
+        var _this17 = possibleConstructorReturn(this, (_class14.__proto__ || Object.getPrototypeOf(_class14)).call(this, node));
+
+        var d = _this17.attribute('d').value
+        // TODO: convert to real lexer based on https://www.w3.org/TR/SVG11/paths.html#PathDataBNF
+        .replace(/,/gm, ' ') // get rid of all commas
+        .replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // separate commands from commands
+        .replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // separate commands from commands
+        .replace(/([MmZzLlHhVvCcSsQqTtAa])([^\s])/gm, '$1 $2') // separate commands from points
+        .replace(/([^\s])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // separate commands from points
+        .replace(/([0-9])([+-])/gm, '$1 $2') // separate digits when no comma
+        .replace(/(\.[0-9]*)(\.)/gm, '$1 $2') // separate digits when no comma
+        .replace(/([Aa](\s+[0-9]+){3})\s+([01])\s*([01])/gm, '$1 $3 $4 '); // shorthand elliptical arc path syntax
+        d = svg.compressSpaces(d); // compress multiple spaces
+        d = svg.trim(d);
+        _this17.PathParser = {
+          tokens: d.split(' '),
+
+          reset: function reset() {
+            this.i = -1;
+            this.command = '';
+            this.previousCommand = '';
+            this.start = new svg.Point(0, 0);
+            this.control = new svg.Point(0, 0);
+            this.current = new svg.Point(0, 0);
+            this.points = [];
+            this.angles = [];
+          },
+          isEnd: function isEnd() {
+            return this.i >= this.tokens.length - 1;
+          },
+          isCommandOrEnd: function isCommandOrEnd() {
+            if (this.isEnd()) return true;
+            return this.tokens[this.i + 1].match(/^[A-Za-z]$/) != null;
+          },
+          isRelativeCommand: function isRelativeCommand() {
+            switch (this.command) {
+              case 'm':
+              case 'l':
+              case 'h':
+              case 'v':
+              case 'c':
+              case 's':
+              case 'q':
+              case 't':
+              case 'a':
+              case 'z':
+                return true;
+            }
+            return false;
+          },
+          getToken: function getToken() {
+            this.i++;
+            return this.tokens[this.i];
+          },
+          getScalar: function getScalar() {
+            return parseFloat(this.getToken());
+          },
+          nextCommand: function nextCommand() {
+            this.previousCommand = this.command;
+            this.command = this.getToken();
+          },
+          getPoint: function getPoint() {
+            var p = new svg.Point(this.getScalar(), this.getScalar());
+            return this.makeAbsolute(p);
+          },
+          getAsControlPoint: function getAsControlPoint() {
+            var p = this.getPoint();
+            this.control = p;
+            return p;
+          },
+          getAsCurrentPoint: function getAsCurrentPoint() {
+            var p = this.getPoint();
+            this.current = p;
+            return p;
+          },
+          getReflectedControlPoint: function getReflectedControlPoint() {
+            if (this.previousCommand.toLowerCase() !== 'c' && this.previousCommand.toLowerCase() !== 's' && this.previousCommand.toLowerCase() !== 'q' && this.previousCommand.toLowerCase() !== 't') {
+              return this.current;
+            }
+
+            // reflect point
+            var p = new svg.Point(2 * this.current.x - this.control.x, 2 * this.current.y - this.control.y);
+            return p;
+          },
+          makeAbsolute: function makeAbsolute(p) {
+            if (this.isRelativeCommand()) {
+              p.x += this.current.x;
+              p.y += this.current.y;
+            }
+            return p;
+          },
+          addMarker: function addMarker(p, from, priorTo) {
+            // if the last angle isn't filled in because we didn't have this point yet ...
+            if (priorTo != null && this.angles.length > 0 && this.angles[this.angles.length - 1] == null) {
+              this.angles[this.angles.length - 1] = this.points[this.points.length - 1].angleTo(priorTo);
+            }
+            this.addMarkerAngle(p, from == null ? null : from.angleTo(p));
+          },
+          addMarkerAngle: function addMarkerAngle(p, a) {
+            this.points.push(p);
+            this.angles.push(a);
+          },
+          getMarkerPoints: function getMarkerPoints() {
+            return this.points;
+          },
+          getMarkerAngles: function getMarkerAngles() {
+            for (var i = 0; i < this.angles.length; i++) {
+              if (this.angles[i] == null) {
+                for (var j = i + 1; j < this.angles.length; j++) {
+                  if (this.angles[j] != null) {
+                    this.angles[i] = this.angles[j];
+                    break;
+                  }
+                }
+              }
+            }
+            return this.angles;
+          }
+        };
+        return _this17;
+      }
+
+      createClass(_class14, [{
+        key: 'path',
+        value: function path(ctx) {
+          var pp = this.PathParser;
+          pp.reset();
+
+          var bb = new svg.BoundingBox();
+          if (ctx != null) ctx.beginPath();
+          while (!pp.isEnd()) {
+            pp.nextCommand();
+            switch (pp.command) {
+              case 'M':
+              case 'm':
+                var p = pp.getAsCurrentPoint();
+                pp.addMarker(p);
+                bb.addPoint(p.x, p.y);
+                if (ctx != null) ctx.moveTo(p.x, p.y);
+                pp.start = pp.current;
+                while (!pp.isCommandOrEnd()) {
+                  var _p = pp.getAsCurrentPoint();
+                  pp.addMarker(_p, pp.start);
+                  bb.addPoint(_p.x, _p.y);
+                  if (ctx != null) ctx.lineTo(_p.x, _p.y);
+                }
+                break;
+              case 'L':
+              case 'l':
+                while (!pp.isCommandOrEnd()) {
+                  var _c = pp.current;
+                  var _p2 = pp.getAsCurrentPoint();
+                  pp.addMarker(_p2, _c);
+                  bb.addPoint(_p2.x, _p2.y);
+                  if (ctx != null) ctx.lineTo(_p2.x, _p2.y);
+                }
+                break;
+              case 'H':
+              case 'h':
+                while (!pp.isCommandOrEnd()) {
+                  var newP = new svg.Point((pp.isRelativeCommand() ? pp.current.x : 0) + pp.getScalar(), pp.current.y);
+                  pp.addMarker(newP, pp.current);
+                  pp.current = newP;
+                  bb.addPoint(pp.current.x, pp.current.y);
+                  if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
+                }
+                break;
+              case 'V':
+              case 'v':
+                while (!pp.isCommandOrEnd()) {
+                  var _newP = new svg.Point(pp.current.x, (pp.isRelativeCommand() ? pp.current.y : 0) + pp.getScalar());
+                  pp.addMarker(_newP, pp.current);
+                  pp.current = _newP;
+                  bb.addPoint(pp.current.x, pp.current.y);
+                  if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
+                }
+                break;
+              case 'C':
+              case 'c':
+                while (!pp.isCommandOrEnd()) {
+                  var curr = pp.current;
+                  var p1 = pp.getPoint();
+                  var cntrl = pp.getAsControlPoint();
+                  var cp = pp.getAsCurrentPoint();
+                  pp.addMarker(cp, cntrl, p1);
+                  bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+                  if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+                }
+                break;
+              case 'S':
+              case 's':
+                while (!pp.isCommandOrEnd()) {
+                  var _curr = pp.current;
+                  var _p3 = pp.getReflectedControlPoint();
+                  var _cntrl = pp.getAsControlPoint();
+                  var _cp = pp.getAsCurrentPoint();
+                  pp.addMarker(_cp, _cntrl, _p3);
+                  bb.addBezierCurve(_curr.x, _curr.y, _p3.x, _p3.y, _cntrl.x, _cntrl.y, _cp.x, _cp.y);
+                  if (ctx != null) ctx.bezierCurveTo(_p3.x, _p3.y, _cntrl.x, _cntrl.y, _cp.x, _cp.y);
+                }
+                break;
+              case 'Q':
+              case 'q':
+                while (!pp.isCommandOrEnd()) {
+                  var _curr2 = pp.current;
+                  var _cntrl2 = pp.getAsControlPoint();
+                  var _cp2 = pp.getAsCurrentPoint();
+                  pp.addMarker(_cp2, _cntrl2, _cntrl2);
+                  bb.addQuadraticCurve(_curr2.x, _curr2.y, _cntrl2.x, _cntrl2.y, _cp2.x, _cp2.y);
+                  if (ctx != null) ctx.quadraticCurveTo(_cntrl2.x, _cntrl2.y, _cp2.x, _cp2.y);
+                }
+                break;
+              case 'T':
+              case 't':
+                while (!pp.isCommandOrEnd()) {
+                  var _curr3 = pp.current;
+                  var _cntrl3 = pp.getReflectedControlPoint();
+                  pp.control = _cntrl3;
+                  var _cp3 = pp.getAsCurrentPoint();
+                  pp.addMarker(_cp3, _cntrl3, _cntrl3);
+                  bb.addQuadraticCurve(_curr3.x, _curr3.y, _cntrl3.x, _cntrl3.y, _cp3.x, _cp3.y);
+                  if (ctx != null) ctx.quadraticCurveTo(_cntrl3.x, _cntrl3.y, _cp3.x, _cp3.y);
+                }
+                break;
+              case 'A':
+              case 'a':
+                var _loop2 = function _loop2() {
+                  var curr = pp.current;
+                  var rx = pp.getScalar();
+                  var ry = pp.getScalar();
+                  var xAxisRotation = pp.getScalar() * (Math.PI / 180.0);
+                  var largeArcFlag = pp.getScalar();
+                  var sweepFlag = pp.getScalar();
+                  var cp = pp.getAsCurrentPoint();
+
+                  // Conversion from endpoint to center parameterization
+                  // https://www.w3.org/TR/SVG11/implnote.html#ArcConversionEndpointToCenter
+
+                  // x1', y1'
+                  var currp = new svg.Point(Math.cos(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.sin(xAxisRotation) * (curr.y - cp.y) / 2.0, -Math.sin(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.cos(xAxisRotation) * (curr.y - cp.y) / 2.0);
+                  // adjust radii
+                  var l = Math.pow(currp.x, 2) / Math.pow(rx, 2) + Math.pow(currp.y, 2) / Math.pow(ry, 2);
+                  if (l > 1) {
+                    rx *= Math.sqrt(l);
+                    ry *= Math.sqrt(l);
+                  }
+                  // cx', cy'
+                  var s = (largeArcFlag === sweepFlag ? -1 : 1) * Math.sqrt((Math.pow(rx, 2) * Math.pow(ry, 2) - Math.pow(rx, 2) * Math.pow(currp.y, 2) - Math.pow(ry, 2) * Math.pow(currp.x, 2)) / (Math.pow(rx, 2) * Math.pow(currp.y, 2) + Math.pow(ry, 2) * Math.pow(currp.x, 2)));
+                  if (isNaN(s)) s = 0;
+                  var cpp = new svg.Point(s * rx * currp.y / ry, s * -ry * currp.x / rx);
+                  // cx, cy
+                  var centp = new svg.Point((curr.x + cp.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y, (curr.y + cp.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y);
+                  // vector magnitude
+                  var m = function m(v) {
+                    return Math.sqrt(Math.pow(v[0], 2) + Math.pow(v[1], 2));
+                  };
+                  // ratio between two vectors
+                  var r = function r(u, v) {
+                    return (u[0] * v[0] + u[1] * v[1]) / (m(u) * m(v));
+                  };
+                  // angle between two vectors
+                  var a = function a(u, v) {
+                    return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(r(u, v));
+                  };
+                  // initial angle
+                  var a1 = a([1, 0], [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry]);
+                  // angle delta
+                  var u = [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry];
+                  var v = [(-currp.x - cpp.x) / rx, (-currp.y - cpp.y) / ry];
+                  var ad = a(u, v);
+                  if (r(u, v) <= -1) ad = Math.PI;
+                  if (r(u, v) >= 1) ad = 0;
+
+                  // for markers
+                  var dir = 1 - sweepFlag ? 1.0 : -1.0;
+                  var ah = a1 + dir * (ad / 2.0);
+                  var halfWay = new svg.Point(centp.x + rx * Math.cos(ah), centp.y + ry * Math.sin(ah));
+                  pp.addMarkerAngle(halfWay, ah - dir * Math.PI / 2);
+                  pp.addMarkerAngle(cp, ah - dir * Math.PI);
+
+                  bb.addPoint(cp.x, cp.y); // TODO: this is too naive, make it better
+                  if (ctx != null) {
+                    var _r = rx > ry ? rx : ry;
+                    var sx = rx > ry ? 1 : rx / ry;
+                    var sy = rx > ry ? ry / rx : 1;
+
+                    ctx.translate(centp.x, centp.y);
+                    ctx.rotate(xAxisRotation);
+                    ctx.scale(sx, sy);
+                    ctx.arc(0, 0, _r, a1, a1 + ad, 1 - sweepFlag);
+                    ctx.scale(1 / sx, 1 / sy);
+                    ctx.rotate(-xAxisRotation);
+                    ctx.translate(-centp.x, -centp.y);
+                  }
+                };
+
+                while (!pp.isCommandOrEnd()) {
+                  _loop2();
+                }
+                break;
+              case 'Z':
+              case 'z':
+                if (ctx != null) ctx.closePath();
+                pp.current = pp.start;
+            }
+          }
+
+          return bb;
+        }
+      }, {
+        key: 'getMarkers',
+        value: function getMarkers() {
+          var points = this.PathParser.getMarkerPoints();
+          var angles = this.PathParser.getMarkerAngles();
+
+          var markers = points.map(function (point, i) {
+            return [point, angles[i]];
+          });
+          return markers;
+        }
+      }]);
+      return _class14;
+    }(svg.Element.PathElementBase);
+
+    // pattern element
+    svg.Element.pattern = function (_svg$Element$ElementB2) {
+      inherits(_class15, _svg$Element$ElementB2);
+
+      function _class15() {
+        classCallCheck(this, _class15);
+        return possibleConstructorReturn(this, (_class15.__proto__ || Object.getPrototypeOf(_class15)).apply(this, arguments));
+      }
+
+      createClass(_class15, [{
+        key: 'createPattern',
+        value: function createPattern(ctx, element) {
+          var width = this.attribute('width').toPixels('x', true);
+          var height = this.attribute('height').toPixels('y', true);
+
+          // render me using a temporary svg element
+          var tempSvg = new svg.Element.svg();
+          tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+          tempSvg.attributes['width'] = new svg.Property('width', width + 'px');
+          tempSvg.attributes['height'] = new svg.Property('height', height + 'px');
+          tempSvg.attributes['transform'] = new svg.Property('transform', this.attribute('patternTransform').value);
+          tempSvg.children = this.children;
+
+          var c = document.createElement('canvas');
+          c.width = width;
+          c.height = height;
+          var cctx = c.getContext('2d');
+          if (this.attribute('x').hasValue() && this.attribute('y').hasValue()) {
+            cctx.translate(this.attribute('x').toPixels('x', true), this.attribute('y').toPixels('y', true));
+          }
+          // render 3x3 grid so when we transform there's no white space on edges
+          for (var x = -1; x <= 1; x++) {
+            for (var y = -1; y <= 1; y++) {
+              cctx.save();
+              cctx.translate(x * c.width, y * c.height);
+              tempSvg.render(cctx);
+              cctx.restore();
+            }
+          }
+          var pattern = ctx.createPattern(c, 'repeat');
+          return pattern;
+        }
+      }]);
+      return _class15;
+    }(svg.Element.ElementBase);
+
+    // marker element
+    svg.Element.marker = function (_svg$Element$ElementB3) {
+      inherits(_class16, _svg$Element$ElementB3);
+
+      function _class16() {
+        classCallCheck(this, _class16);
+        return possibleConstructorReturn(this, (_class16.__proto__ || Object.getPrototypeOf(_class16)).apply(this, arguments));
+      }
+
+      createClass(_class16, [{
+        key: 'render',
+        value: function render(ctx, point, angle) {
+          ctx.translate(point.x, point.y);
+          if (this.attribute('orient').valueOrDefault('auto') === 'auto') ctx.rotate(angle);
+          if (this.attribute('markerUnits').valueOrDefault('strokeWidth') === 'strokeWidth') ctx.scale(ctx.lineWidth, ctx.lineWidth);
+          ctx.save();
+
+          // render me using a temporary svg element
+          var tempSvg = new svg.Element.svg();
+          tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+          tempSvg.attributes['refX'] = new svg.Property('refX', this.attribute('refX').value);
+          tempSvg.attributes['refY'] = new svg.Property('refY', this.attribute('refY').value);
+          tempSvg.attributes['width'] = new svg.Property('width', this.attribute('markerWidth').value);
+          tempSvg.attributes['height'] = new svg.Property('height', this.attribute('markerHeight').value);
+          tempSvg.attributes['fill'] = new svg.Property('fill', this.attribute('fill').valueOrDefault('black'));
+          tempSvg.attributes['stroke'] = new svg.Property('stroke', this.attribute('stroke').valueOrDefault('none'));
+          tempSvg.children = this.children;
+          tempSvg.render(ctx);
+
+          ctx.restore();
+          if (this.attribute('markerUnits').valueOrDefault('strokeWidth') === 'strokeWidth') ctx.scale(1 / ctx.lineWidth, 1 / ctx.lineWidth);
+          if (this.attribute('orient').valueOrDefault('auto') === 'auto') ctx.rotate(-angle);
+          ctx.translate(-point.x, -point.y);
+        }
+      }]);
+      return _class16;
+    }(svg.Element.ElementBase);
+
+    // definitions element
+    svg.Element.defs = function (_svg$Element$ElementB4) {
+      inherits(_class17, _svg$Element$ElementB4);
+
+      function _class17() {
+        classCallCheck(this, _class17);
+        return possibleConstructorReturn(this, (_class17.__proto__ || Object.getPrototypeOf(_class17)).apply(this, arguments));
+      }
+
+      createClass(_class17, [{
+        key: 'render',
+        value: function render(ctx) {
+          // NOOP
+        }
+      }]);
+      return _class17;
+    }(svg.Element.ElementBase);
+
+    // base for gradients
+    svg.Element.GradientBase = function (_svg$Element$ElementB5) {
+      inherits(_class18, _svg$Element$ElementB5);
+
+      function _class18(node) {
+        classCallCheck(this, _class18);
+
+        var _this21 = possibleConstructorReturn(this, (_class18.__proto__ || Object.getPrototypeOf(_class18)).call(this, node));
+
+        _this21.gradientUnits = _this21.attribute('gradientUnits').valueOrDefault('objectBoundingBox');
+
+        _this21.stops = [];
+        _this21.children.forEach(function (child) {
+          if (child.type === 'stop') {
+            _this21.stops.push(child);
+          }
+        });
+        return _this21;
+      }
+
+      createClass(_class18, [{
+        key: 'getGradient',
+        value: function getGradient() {
+          // OVERRIDE ME!
+        }
+      }, {
+        key: 'createGradient',
+        value: function createGradient(ctx, element, parentOpacityProp) {
+          var stopsContainer = this.getHrefAttribute().hasValue() ? this.getHrefAttribute().getDefinition() : this;
+
+          var addParentOpacity = function addParentOpacity(color) {
+            if (parentOpacityProp.hasValue()) {
+              var p = new svg.Property('color', color);
+              return p.addOpacity(parentOpacityProp).value;
+            }
+            return color;
+          };
+
+          var g = this.getGradient(ctx, element);
+          if (g == null) return addParentOpacity(stopsContainer.stops[stopsContainer.stops.length - 1].color);
+          stopsContainer.stops.forEach(function (_ref2) {
+            var offset = _ref2.offset,
+                color = _ref2.color;
+
+            g.addColorStop(offset, addParentOpacity(color));
+          });
+
+          if (this.attribute('gradientTransform').hasValue()) {
+            // render as transformed pattern on temporary canvas
+            var rootView = svg.ViewPort.viewPorts[0];
+
+            var rect = new svg.Element.rect();
+            rect.attributes['x'] = new svg.Property('x', -svg.MAX_VIRTUAL_PIXELS / 3.0);
+            rect.attributes['y'] = new svg.Property('y', -svg.MAX_VIRTUAL_PIXELS / 3.0);
+            rect.attributes['width'] = new svg.Property('width', svg.MAX_VIRTUAL_PIXELS);
+            rect.attributes['height'] = new svg.Property('height', svg.MAX_VIRTUAL_PIXELS);
+
+            var group = new svg.Element.g();
+            group.attributes['transform'] = new svg.Property('transform', this.attribute('gradientTransform').value);
+            group.children = [rect];
+
+            var tempSvg = new svg.Element.svg();
+            tempSvg.attributes['x'] = new svg.Property('x', 0);
+            tempSvg.attributes['y'] = new svg.Property('y', 0);
+            tempSvg.attributes['width'] = new svg.Property('width', rootView.width);
+            tempSvg.attributes['height'] = new svg.Property('height', rootView.height);
+            tempSvg.children = [group];
+
+            var _c2 = document.createElement('canvas');
+            _c2.width = rootView.width;
+            _c2.height = rootView.height;
+            var tempCtx = _c2.getContext('2d');
+            tempCtx.fillStyle = g;
+            tempSvg.render(tempCtx);
+            return tempCtx.createPattern(_c2, 'no-repeat');
+          }
+
+          return g;
+        }
+      }]);
+      return _class18;
+    }(svg.Element.ElementBase);
+
+    // linear gradient element
+    svg.Element.linearGradient = function (_svg$Element$Gradient) {
+      inherits(_class19, _svg$Element$Gradient);
+
+      function _class19() {
+        classCallCheck(this, _class19);
+        return possibleConstructorReturn(this, (_class19.__proto__ || Object.getPrototypeOf(_class19)).apply(this, arguments));
+      }
+
+      createClass(_class19, [{
+        key: 'getGradient',
+        value: function getGradient(ctx, element) {
+          var useBB = this.gradientUnits === 'objectBoundingBox' && element.getBoundingBox;
+          var bb = useBB ? element.getBoundingBox() : null;
+
+          if (!this.attribute('x1').hasValue() && !this.attribute('y1').hasValue() && !this.attribute('x2').hasValue() && !this.attribute('y2').hasValue()) {
+            this.attribute('x1', true).value = 0;
+            this.attribute('y1', true).value = 0;
+            this.attribute('x2', true).value = 1;
+            this.attribute('y2', true).value = 0;
+          }
+
+          var x1 = useBB ? bb.x() + bb.width() * this.attribute('x1').numValue() : this.attribute('x1').toPixels('x');
+          var y1 = useBB ? bb.y() + bb.height() * this.attribute('y1').numValue() : this.attribute('y1').toPixels('y');
+          var x2 = useBB ? bb.x() + bb.width() * this.attribute('x2').numValue() : this.attribute('x2').toPixels('x');
+          var y2 = useBB ? bb.y() + bb.height() * this.attribute('y2').numValue() : this.attribute('y2').toPixels('y');
+
+          if (x1 === x2 && y1 === y2) return null;
+          return ctx.createLinearGradient(x1, y1, x2, y2);
+        }
+      }]);
+      return _class19;
+    }(svg.Element.GradientBase);
+
+    // radial gradient element
+    svg.Element.radialGradient = function (_svg$Element$Gradient2) {
+      inherits(_class20, _svg$Element$Gradient2);
+
+      function _class20() {
+        classCallCheck(this, _class20);
+        return possibleConstructorReturn(this, (_class20.__proto__ || Object.getPrototypeOf(_class20)).apply(this, arguments));
+      }
+
+      createClass(_class20, [{
+        key: 'getGradient',
+        value: function getGradient(ctx, element) {
+          var useBB = this.gradientUnits === 'objectBoundingBox' && element.getBoundingBox;
+          var bb = useBB ? element.getBoundingBox() : null;
+
+          if (!this.attribute('cx').hasValue()) this.attribute('cx', true).value = '50%';
+          if (!this.attribute('cy').hasValue()) this.attribute('cy', true).value = '50%';
+          if (!this.attribute('r').hasValue()) this.attribute('r', true).value = '50%';
+
+          var cx = useBB ? bb.x() + bb.width() * this.attribute('cx').numValue() : this.attribute('cx').toPixels('x');
+          var cy = useBB ? bb.y() + bb.height() * this.attribute('cy').numValue() : this.attribute('cy').toPixels('y');
+
+          var fx = cx;
+          var fy = cy;
+          if (this.attribute('fx').hasValue()) {
+            fx = useBB ? bb.x() + bb.width() * this.attribute('fx').numValue() : this.attribute('fx').toPixels('x');
+          }
+          if (this.attribute('fy').hasValue()) {
+            fy = useBB ? bb.y() + bb.height() * this.attribute('fy').numValue() : this.attribute('fy').toPixels('y');
+          }
+
+          var r = useBB ? (bb.width() + bb.height()) / 2.0 * this.attribute('r').numValue() : this.attribute('r').toPixels();
+
+          return ctx.createRadialGradient(fx, fy, 0, cx, cy, r);
+        }
+      }]);
+      return _class20;
+    }(svg.Element.GradientBase);
+
+    // gradient stop element
+    svg.Element.stop = function (_svg$Element$ElementB6) {
+      inherits(_class21, _svg$Element$ElementB6);
+
+      function _class21(node) {
+        classCallCheck(this, _class21);
+
+        var _this24 = possibleConstructorReturn(this, (_class21.__proto__ || Object.getPrototypeOf(_class21)).call(this, node));
+
+        _this24.offset = _this24.attribute('offset').numValue();
+        if (_this24.offset < 0) _this24.offset = 0;
+        if (_this24.offset > 1) _this24.offset = 1;
+
+        var stopColor = _this24.style('stop-color');
+        if (_this24.style('stop-opacity').hasValue()) {
+          stopColor = stopColor.addOpacity(_this24.style('stop-opacity'));
+        }
+        _this24.color = stopColor.value;
+        return _this24;
+      }
+
+      return _class21;
+    }(svg.Element.ElementBase);
+
+    // animation base element
+    svg.Element.AnimateBase = function (_svg$Element$ElementB7) {
+      inherits(_class22, _svg$Element$ElementB7);
+
+      function _class22(node) {
+        classCallCheck(this, _class22);
+
+        var _this25 = possibleConstructorReturn(this, (_class22.__proto__ || Object.getPrototypeOf(_class22)).call(this, node));
+
+        svg.Animations.push(_this25);
+
+        _this25.duration = 0.0;
+        _this25.begin = _this25.attribute('begin').toMilliseconds();
+        _this25.maxDuration = _this25.begin + _this25.attribute('dur').toMilliseconds();
+
+        _this25.initialValue = null;
+        _this25.initialUnits = '';
+        _this25.removed = false;
+
+        _this25.from = _this25.attribute('from');
+        _this25.to = _this25.attribute('to');
+        _this25.values = _this25.attribute('values');
+        if (_this25.values.hasValue()) _this25.values.value = _this25.values.value.split(';');
+        return _this25;
+      }
+
+      createClass(_class22, [{
+        key: 'getProperty',
+        value: function getProperty() {
+          var attributeType = this.attribute('attributeType').value;
+          var attributeName = this.attribute('attributeName').value;
+
+          if (attributeType === 'CSS') {
+            return this.parent.style(attributeName, true);
+          }
+          return this.parent.attribute(attributeName, true);
+        }
+      }, {
+        key: 'calcValue',
+        value: function calcValue() {
+          // OVERRIDE ME!
+          return '';
+        }
+      }, {
+        key: 'update',
+        value: function update(delta) {
+          // set initial value
+          if (this.initialValue == null) {
+            this.initialValue = this.getProperty().value;
+            this.initialUnits = this.getProperty().getUnits();
+          }
+
+          // if we're past the end time
+          if (this.duration > this.maxDuration) {
+            // loop for indefinitely repeating animations
+            if (this.attribute('repeatCount').value === 'indefinite' || this.attribute('repeatDur').value === 'indefinite') {
+              this.duration = 0.0;
+            } else if (this.attribute('fill').valueOrDefault('remove') === 'freeze' && !this.frozen) {
+              this.frozen = true;
+              this.parent.animationFrozen = true;
+              this.parent.animationFrozenValue = this.getProperty().value;
+            } else if (this.attribute('fill').valueOrDefault('remove') === 'remove' && !this.removed) {
+              this.removed = true;
+              this.getProperty().value = this.parent.animationFrozen ? this.parent.animationFrozenValue : this.initialValue;
+              return true;
+            }
+            return false;
+          }
+          this.duration = this.duration + delta;
+
+          // if we're past the begin time
+          var updated = false;
+          if (this.begin < this.duration) {
+            var newValue = this.calcValue(); // tween
+
+            if (this.attribute('type').hasValue()) {
+              // for transform, etc.
+              var type = this.attribute('type').value;
+              newValue = type + '(' + newValue + ')';
+            }
+
+            this.getProperty().value = newValue;
+            updated = true;
+          }
+
+          return updated;
+        }
+
+        // fraction of duration we've covered
+
+      }, {
+        key: 'progress',
+        value: function progress() {
+          var ret = { progress: (this.duration - this.begin) / (this.maxDuration - this.begin) };
+          if (this.values.hasValue()) {
+            var p = ret.progress * (this.values.value.length - 1);
+            var lb = Math.floor(p),
+                ub = Math.ceil(p);
+            ret.from = new svg.Property('from', parseFloat(this.values.value[lb]));
+            ret.to = new svg.Property('to', parseFloat(this.values.value[ub]));
+            ret.progress = (p - lb) / (ub - lb);
+          } else {
+            ret.from = this.from;
+            ret.to = this.to;
+          }
+          return ret;
+        }
+      }]);
+      return _class22;
+    }(svg.Element.ElementBase);
+
+    // animate element
+    svg.Element.animate = function (_svg$Element$AnimateB) {
+      inherits(_class23, _svg$Element$AnimateB);
+
+      function _class23() {
+        classCallCheck(this, _class23);
+        return possibleConstructorReturn(this, (_class23.__proto__ || Object.getPrototypeOf(_class23)).apply(this, arguments));
+      }
+
+      createClass(_class23, [{
+        key: 'calcValue',
+        value: function calcValue() {
+          var p = this.progress();
+
+          // tween value linearly
+          var newValue = p.from.numValue() + (p.to.numValue() - p.from.numValue()) * p.progress;
+          return newValue + this.initialUnits;
+        }
+      }]);
+      return _class23;
+    }(svg.Element.AnimateBase);
+
+    // animate color element
+    svg.Element.animateColor = function (_svg$Element$AnimateB2) {
+      inherits(_class24, _svg$Element$AnimateB2);
+
+      function _class24() {
+        classCallCheck(this, _class24);
+        return possibleConstructorReturn(this, (_class24.__proto__ || Object.getPrototypeOf(_class24)).apply(this, arguments));
+      }
+
+      createClass(_class24, [{
+        key: 'calcValue',
+        value: function calcValue() {
+          var p = this.progress();
+          var from = new RGBColor(p.from.value);
+          var to = new RGBColor(p.to.value);
+
+          if (from.ok && to.ok) {
+            // tween color linearly
+            var _r2 = from.r + (to.r - from.r) * p.progress;
+            var g = from.g + (to.g - from.g) * p.progress;
+            var _b = from.b + (to.b - from.b) * p.progress;
+            return 'rgb(' + parseInt(_r2, 10) + ',' + parseInt(g, 10) + ',' + parseInt(_b, 10) + ')';
+          }
+          return this.attribute('from').value;
+        }
+      }]);
+      return _class24;
+    }(svg.Element.AnimateBase);
+
+    // animate transform element
+    svg.Element.animateTransform = function (_svg$Element$animate) {
+      inherits(_class25, _svg$Element$animate);
+
+      function _class25() {
+        classCallCheck(this, _class25);
+        return possibleConstructorReturn(this, (_class25.__proto__ || Object.getPrototypeOf(_class25)).apply(this, arguments));
+      }
+
+      createClass(_class25, [{
+        key: 'calcValue',
+        value: function calcValue() {
+          var p = this.progress();
+
+          // tween value linearly
+          var from = svg.ToNumberArray(p.from.value);
+          var to = svg.ToNumberArray(p.to.value);
+          var newValue = '';
+          from.forEach(function (fr, i) {
+            newValue += fr + (to[i] - fr) * p.progress + ' ';
+          });
+          return newValue;
+        }
+      }]);
+      return _class25;
+    }(svg.Element.animate);
+
+    // font element
+    svg.Element.font = function (_svg$Element$ElementB8) {
+      inherits(_class26, _svg$Element$ElementB8);
+
+      function _class26(node) {
+        classCallCheck(this, _class26);
+
+        var _this29 = possibleConstructorReturn(this, (_class26.__proto__ || Object.getPrototypeOf(_class26)).call(this, node));
+
+        _this29.horizAdvX = _this29.attribute('horiz-adv-x').numValue();
+
+        _this29.isRTL = false;
+        _this29.isArabic = false;
+        _this29.fontFace = null;
+        _this29.missingGlyph = null;
+        _this29.glyphs = [];
+        _this29.children.forEach(function (child) {
+          if (child.type === 'font-face') {
+            _this29.fontFace = child;
+            if (child.style('font-family').hasValue()) {
+              svg.Definitions[child.style('font-family').value] = _this29;
+            }
+          } else if (child.type === 'missing-glyph') {
+            _this29.missingGlyph = child;
+          } else if (child.type === 'glyph') {
+            if (child.arabicForm !== '') {
+              _this29.isRTL = true;
+              _this29.isArabic = true;
+              if (typeof _this29.glyphs[child.unicode] === 'undefined') {
+                _this29.glyphs[child.unicode] = [];
+              }
+              _this29.glyphs[child.unicode][child.arabicForm] = child;
+            } else {
+              _this29.glyphs[child.unicode] = child;
+            }
+          }
+        });
+        return _this29;
+      }
+
+      return _class26;
+    }(svg.Element.ElementBase);
+
+    // font-face element
+    svg.Element.fontface = function (_svg$Element$ElementB9) {
+      inherits(_class27, _svg$Element$ElementB9);
+
+      function _class27(node) {
+        classCallCheck(this, _class27);
+
+        var _this30 = possibleConstructorReturn(this, (_class27.__proto__ || Object.getPrototypeOf(_class27)).call(this, node));
+
+        _this30.ascent = _this30.attribute('ascent').value;
+        _this30.descent = _this30.attribute('descent').value;
+        _this30.unitsPerEm = _this30.attribute('units-per-em').numValue();
+        return _this30;
+      }
+
+      return _class27;
+    }(svg.Element.ElementBase);
+
+    // missing-glyph element
+    svg.Element.missingglyph = function (_svg$Element$path) {
+      inherits(_class28, _svg$Element$path);
+
+      function _class28(node) {
+        classCallCheck(this, _class28);
+
+        var _this31 = possibleConstructorReturn(this, (_class28.__proto__ || Object.getPrototypeOf(_class28)).call(this, node));
+
+        _this31.horizAdvX = 0;
+        return _this31;
+      }
+
+      return _class28;
+    }(svg.Element.path);
+
+    // glyph element
+    svg.Element.glyph = function (_svg$Element$path2) {
+      inherits(_class29, _svg$Element$path2);
+
+      function _class29(node) {
+        classCallCheck(this, _class29);
+
+        var _this32 = possibleConstructorReturn(this, (_class29.__proto__ || Object.getPrototypeOf(_class29)).call(this, node));
+
+        _this32.horizAdvX = _this32.attribute('horiz-adv-x').numValue();
+        _this32.unicode = _this32.attribute('unicode').value;
+        _this32.arabicForm = _this32.attribute('arabic-form').value;
+        return _this32;
+      }
+
+      return _class29;
+    }(svg.Element.path);
+
+    // text element
+    svg.Element.text = function (_svg$Element$Rendered3) {
+      inherits(_class30, _svg$Element$Rendered3);
+
+      function _class30(node) {
+        classCallCheck(this, _class30);
+        return possibleConstructorReturn(this, (_class30.__proto__ || Object.getPrototypeOf(_class30)).call(this, node, true));
+      }
+
+      createClass(_class30, [{
+        key: 'setContext',
+        value: function setContext(ctx) {
+          get(_class30.prototype.__proto__ || Object.getPrototypeOf(_class30.prototype), 'setContext', this).call(this, ctx);
+
+          var textBaseline = this.style('dominant-baseline').toTextBaseline();
+          if (textBaseline == null) textBaseline = this.style('alignment-baseline').toTextBaseline();
+          if (textBaseline != null) ctx.textBaseline = textBaseline;
+        }
+      }, {
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+          var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+          return new svg.BoundingBox(x, y - fontSize, x + Math.floor(fontSize * 2.0 / 3.0) * this.children[0].getText().length, y);
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          var _this34 = this;
+
+          this.x = this.attribute('x').toPixels('x');
+          this.y = this.attribute('y').toPixels('y');
+          this.x += this.getAnchorDelta(ctx, this, 0);
+          this.children.forEach(function (child, i) {
+            _this34.renderChild(ctx, _this34, i);
+          });
+        }
+      }, {
+        key: 'getAnchorDelta',
+        value: function getAnchorDelta(ctx, parent, startI) {
+          var textAnchor = this.style('text-anchor').valueOrDefault('start');
+          if (textAnchor !== 'start') {
+            var width = 0;
+            for (var i = startI; i < parent.children.length; i++) {
+              var child = parent.children[i];
+              if (i > startI && child.attribute('x').hasValue()) break; // new group
+              width += child.measureTextRecursive(ctx);
+            }
+            return -1 * (textAnchor === 'end' ? width : width / 2.0);
+          }
+          return 0;
+        }
+      }, {
+        key: 'renderChild',
+        value: function renderChild(ctx, parent, i) {
+          var child = parent.children[i];
+          if (child.attribute('x').hasValue()) {
+            child.x = child.attribute('x').toPixels('x') + this.getAnchorDelta(ctx, parent, i);
+            if (child.attribute('dx').hasValue()) child.x += child.attribute('dx').toPixels('x');
+          } else {
+            if (this.attribute('dx').hasValue()) this.x += this.attribute('dx').toPixels('x');
+            if (child.attribute('dx').hasValue()) this.x += child.attribute('dx').toPixels('x');
+            child.x = this.x;
+          }
+          this.x = child.x + child.measureText(ctx);
+
+          if (child.attribute('y').hasValue()) {
+            child.y = child.attribute('y').toPixels('y');
+            if (child.attribute('dy').hasValue()) child.y += child.attribute('dy').toPixels('y');
+          } else {
+            if (this.attribute('dy').hasValue()) this.y += this.attribute('dy').toPixels('y');
+            if (child.attribute('dy').hasValue()) this.y += child.attribute('dy').toPixels('y');
+            child.y = this.y;
+          }
+          this.y = child.y;
+
+          child.render(ctx);
+
+          for (var _i = 0; _i < child.children.length; _i++) {
+            this.renderChild(ctx, child, _i);
+          }
+        }
+      }]);
+      return _class30;
+    }(svg.Element.RenderedElementBase);
+
+    // text base
+    svg.Element.TextElementBase = function (_svg$Element$Rendered4) {
+      inherits(_class31, _svg$Element$Rendered4);
+
+      function _class31() {
+        classCallCheck(this, _class31);
+        return possibleConstructorReturn(this, (_class31.__proto__ || Object.getPrototypeOf(_class31)).apply(this, arguments));
+      }
+
+      createClass(_class31, [{
+        key: 'getGlyph',
+        value: function getGlyph(font, text, i) {
+          var c = text[i];
+          var glyph = null;
+          if (font.isArabic) {
+            var arabicForm = 'isolated';
+            if ((i === 0 || text[i - 1] === ' ') && i < text.length - 2 && text[i + 1] !== ' ') arabicForm = 'terminal';
+            if (i > 0 && text[i - 1] !== ' ' && i < text.length - 2 && text[i + 1] !== ' ') arabicForm = 'medial';
+            if (i > 0 && text[i - 1] !== ' ' && (i === text.length - 1 || text[i + 1] === ' ')) arabicForm = 'initial';
+            if (typeof font.glyphs[c] !== 'undefined') {
+              glyph = font.glyphs[c][arabicForm];
+              if (glyph == null && font.glyphs[c].type === 'glyph') glyph = font.glyphs[c];
+            }
+          } else {
+            glyph = font.glyphs[c];
+          }
+          if (glyph == null) glyph = font.missingGlyph;
+          return glyph;
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          var customFont = this.parent.style('font-family').getDefinition();
+          if (customFont != null) {
+            var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+            var fontStyle = this.parent.style('font-style').valueOrDefault(svg.Font.Parse(svg.ctx.font).fontStyle);
+            var text = this.getText();
+            if (customFont.isRTL) text = text.split('').reverse().join('');
+
+            var dx = svg.ToNumberArray(this.parent.attribute('dx').value);
+            for (var i = 0; i < text.length; i++) {
+              var glyph = this.getGlyph(customFont, text, i);
+              var scale = fontSize / customFont.fontFace.unitsPerEm;
+              ctx.translate(this.x, this.y);
+              ctx.scale(scale, -scale);
+              var lw = ctx.lineWidth;
+              ctx.lineWidth = ctx.lineWidth * customFont.fontFace.unitsPerEm / fontSize;
+              if (fontStyle === 'italic') ctx.transform(1, 0, 0.4, 1, 0, 0);
+              glyph.render(ctx);
+              if (fontStyle === 'italic') ctx.transform(1, 0, -0.4, 1, 0, 0);
+              ctx.lineWidth = lw;
+              ctx.scale(1 / scale, -1 / scale);
+              ctx.translate(-this.x, -this.y);
+
+              this.x += fontSize * (glyph.horizAdvX || customFont.horizAdvX) / customFont.fontFace.unitsPerEm;
+              if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {
+                this.x += dx[i];
+              }
+            }
+            return;
+          }
+
+          if (ctx.fillStyle !== '') ctx.fillText(svg.compressSpaces(this.getText()), this.x, this.y);
+          if (ctx.strokeStyle !== '') ctx.strokeText(svg.compressSpaces(this.getText()), this.x, this.y);
+        }
+      }, {
+        key: 'getText',
+        value: function getText() {
+          // OVERRIDE ME
+        }
+      }, {
+        key: 'measureTextRecursive',
+        value: function measureTextRecursive(ctx) {
+          var width = this.measureText(ctx);
+          this.children.forEach(function (child) {
+            width += child.measureTextRecursive(ctx);
+          });
+          return width;
+        }
+      }, {
+        key: 'measureText',
+        value: function measureText(ctx) {
+          var customFont = this.parent.style('font-family').getDefinition();
+          if (customFont != null) {
+            var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+            var measure = 0;
+            var text = this.getText();
+            if (customFont.isRTL) text = text.split('').reverse().join('');
+            var dx = svg.ToNumberArray(this.parent.attribute('dx').value);
+            for (var i = 0; i < text.length; i++) {
+              var glyph = this.getGlyph(customFont, text, i);
+              measure += (glyph.horizAdvX || customFont.horizAdvX) * fontSize / customFont.fontFace.unitsPerEm;
+              if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {
+                measure += dx[i];
+              }
+            }
+            return measure;
+          }
+
+          var textToMeasure = svg.compressSpaces(this.getText());
+          if (!ctx.measureText) return textToMeasure.length * 10;
+
+          ctx.save();
+          this.setContext(ctx);
+
+          var _ctx$measureText = ctx.measureText(textToMeasure),
+              width = _ctx$measureText.width;
+
+          ctx.restore();
+          return width;
+        }
+      }]);
+      return _class31;
+    }(svg.Element.RenderedElementBase);
+
+    // tspan
+    svg.Element.tspan = function (_svg$Element$TextElem) {
+      inherits(_class32, _svg$Element$TextElem);
+
+      function _class32(node) {
+        classCallCheck(this, _class32);
+
+        var _this36 = possibleConstructorReturn(this, (_class32.__proto__ || Object.getPrototypeOf(_class32)).call(this, node, true));
+
+        _this36.text = node.nodeValue || node.text || '';
+        return _this36;
+      }
+
+      createClass(_class32, [{
+        key: 'getText',
+        value: function getText() {
+          return this.text;
+        }
+      }]);
+      return _class32;
+    }(svg.Element.TextElementBase);
+
+    // tref
+    svg.Element.tref = function (_svg$Element$TextElem2) {
+      inherits(_class33, _svg$Element$TextElem2);
+
+      function _class33() {
+        classCallCheck(this, _class33);
+        return possibleConstructorReturn(this, (_class33.__proto__ || Object.getPrototypeOf(_class33)).apply(this, arguments));
+      }
+
+      createClass(_class33, [{
+        key: 'getText',
+        value: function getText() {
+          var element = this.getHrefAttribute().getDefinition();
+          if (element != null) return element.children[0].getText();
+        }
+      }]);
+      return _class33;
+    }(svg.Element.TextElementBase);
+
+    // a element
+    svg.Element.a = function (_svg$Element$TextElem3) {
+      inherits(_class34, _svg$Element$TextElem3);
+
+      function _class34(node) {
+        classCallCheck(this, _class34);
+
+        var _this38 = possibleConstructorReturn(this, (_class34.__proto__ || Object.getPrototypeOf(_class34)).call(this, node));
+
+        _this38.hasText = true;
+        [].concat(toConsumableArray(node.childNodes)).forEach(function (childNode) {
+          if (childNode.nodeType !== 3) {
+            _this38.hasText = false;
+          }
+        });
+        // this might contain text
+        _this38.text = _this38.hasText ? node.childNodes[0].nodeValue : '';
+        return _this38;
+      }
+
+      createClass(_class34, [{
+        key: 'getText',
+        value: function getText() {
+          return this.text;
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          if (this.hasText) {
+            // render as text element
+            get(_class34.prototype.__proto__ || Object.getPrototypeOf(_class34.prototype), 'renderChildren', this).call(this, ctx);
+            var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
+            svg.Mouse.checkBoundingBox(this, new svg.BoundingBox(this.x, this.y - fontSize.toPixels('y'), this.x + this.measureText(ctx), this.y));
+          } else {
+            // render as temporary group
+            var g = new svg.Element.g();
+            g.children = this.children;
+            g.parent = this;
+            g.render(ctx);
+          }
+        }
+      }, {
+        key: 'onclick',
+        value: function onclick() {
+          window.open(this.getHrefAttribute().value);
+        }
+      }, {
+        key: 'onmousemove',
+        value: function onmousemove() {
+          svg.ctx.canvas.style.cursor = 'pointer';
+        }
+      }]);
+      return _class34;
+    }(svg.Element.TextElementBase);
+
+    // image element
+    svg.Element.image = function (_svg$Element$Rendered5) {
+      inherits(_class35, _svg$Element$Rendered5);
+
+      function _class35(node) {
+        classCallCheck(this, _class35);
+
+        var _this39 = possibleConstructorReturn(this, (_class35.__proto__ || Object.getPrototypeOf(_class35)).call(this, node));
+
+        var href = _this39.getHrefAttribute().value;
+        if (href === '') {
+          return possibleConstructorReturn(_this39);
+        }
+        _this39._isSvg = href.match(/\.svg$/);
+
+        svg.Images.push(_this39);
+        _this39.loaded = false;
+        if (!_this39._isSvg) {
+          _this39.img = document.createElement('img');
+          if (svg.opts.useCORS === true) {
+            _this39.img.crossOrigin = 'Anonymous';
+          }
+          var self = _this39;
+          _this39.img.onload = function () {
+            self.loaded = true;
+          };
+          _this39.img.onerror = function () {
+            svg.log('ERROR: image "' + href + '" not found');
+            self.loaded = true;
+          };
+          _this39.img.src = href;
+        } else {
+          svg.ajax(href, true).then(function (img) {
+            _this39.img = img;
+            _this39.loaded = true;
+          });
+        }
+        return _this39;
+      }
+
+      createClass(_class35, [{
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+
+          var width = this.attribute('width').toPixels('x');
+          var height = this.attribute('height').toPixels('y');
+          if (width === 0 || height === 0) return;
+
+          ctx.save();
+          if (this._isSvg) {
+            ctx.drawSvg(this.img, x, y, width, height);
+          } else {
+            ctx.translate(x, y);
+            svg.AspectRatio(ctx, this.attribute('preserveAspectRatio').value, width, this.img.width, height, this.img.height, 0, 0);
+            ctx.drawImage(this.img, 0, 0);
+          }
+          ctx.restore();
+        }
+      }, {
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+          var width = this.attribute('width').toPixels('x');
+          var height = this.attribute('height').toPixels('y');
+          return new svg.BoundingBox(x, y, x + width, y + height);
+        }
+      }]);
+      return _class35;
+    }(svg.Element.RenderedElementBase);
+
+    // group element
+    svg.Element.g = function (_svg$Element$Rendered6) {
+      inherits(_class36, _svg$Element$Rendered6);
+
+      function _class36() {
+        classCallCheck(this, _class36);
+        return possibleConstructorReturn(this, (_class36.__proto__ || Object.getPrototypeOf(_class36)).apply(this, arguments));
+      }
+
+      createClass(_class36, [{
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          var bb = new svg.BoundingBox();
+          this.children.forEach(function (child) {
+            bb.addBoundingBox(child.getBoundingBox());
+          });
+          return bb;
+        }
+      }]);
+      return _class36;
+    }(svg.Element.RenderedElementBase);
+
+    // symbol element
+    svg.Element.symbol = function (_svg$Element$Rendered7) {
+      inherits(_class37, _svg$Element$Rendered7);
+
+      function _class37() {
+        classCallCheck(this, _class37);
+        return possibleConstructorReturn(this, (_class37.__proto__ || Object.getPrototypeOf(_class37)).apply(this, arguments));
+      }
+
+      createClass(_class37, [{
+        key: 'render',
+        value: function render(ctx) {
+          // NO RENDER
+        }
+      }]);
+      return _class37;
+    }(svg.Element.RenderedElementBase);
+
+    // style element
+    svg.Element.style = function (_svg$Element$ElementB10) {
+      inherits(_class38, _svg$Element$ElementB10);
+
+      function _class38(node) {
+        classCallCheck(this, _class38);
+
+        // text, or spaces then CDATA
+        var _this42 = possibleConstructorReturn(this, (_class38.__proto__ || Object.getPrototypeOf(_class38)).call(this, node));
+
+        var css = '';
+        [].concat(toConsumableArray(node.childNodes)).forEach(function (_ref3) {
+          var nodeValue = _ref3.nodeValue;
+
+          css += nodeValue;
+        });
+        css = css.replace(/(\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*+\/)|(^[\s]*\/\/.*)/gm, ''); // remove comments
+        css = svg.compressSpaces(css); // replace whitespace
+        var cssDefs = css.split('}');
+        cssDefs.forEach(function (cssDef) {
+          if (svg.trim(cssDef) !== '') {
+            var _cssDef$split = cssDef.split('{'),
+                _cssDef$split2 = slicedToArray(_cssDef$split, 2),
+                cssClasses = _cssDef$split2[0],
+                cssProps = _cssDef$split2[1];
+
+            cssClasses = cssClasses.split(',');
+            cssProps = cssProps.split(';');
+            cssClasses.forEach(function (cssClass) {
+              cssClass = svg.trim(cssClass);
+              if (cssClass !== '') {
+                var props = {};
+                cssProps.forEach(function (cssProp) {
+                  var prop = cssProp.indexOf(':');
+                  var name = cssProp.substr(0, prop);
+                  var value = cssProp.substr(prop + 1, cssProp.length - prop);
+                  if (name != null && value != null) {
+                    props[svg.trim(name)] = new svg.Property(svg.trim(name), svg.trim(value));
+                  }
+                });
+                svg.Styles[cssClass] = props;
+                if (cssClass === '@font-face') {
+                  var fontFamily = props['font-family'].value.replace(/"/g, '');
+                  var srcs = props['src'].value.split(',');
+                  srcs.forEach(function (src) {
+                    if (src.includes('format("svg")')) {
+                      var urlStart = src.indexOf('url');
+                      var urlEnd = src.indexOf(')', urlStart);
+                      var url = src.substr(urlStart + 5, urlEnd - urlStart - 6);
+                      // Can this ajax safely be converted to async?
+                      var doc = svg.parseXml(svg.ajax(url));
+                      var fonts = doc.getElementsByTagName('font');
+                      [].concat(toConsumableArray(fonts)).forEach(function (font) {
+                        font = svg.CreateElement(font);
+                        svg.Definitions[fontFamily] = font;
+                      });
+                    }
+                  });
+                }
+              }
+            });
+          }
+        });
+        return _this42;
+      }
+
+      return _class38;
+    }(svg.Element.ElementBase);
+
+    // use element
+    svg.Element.use = function (_svg$Element$Rendered8) {
+      inherits(_class39, _svg$Element$Rendered8);
+
+      function _class39(node) {
+        classCallCheck(this, _class39);
+
+        var _this43 = possibleConstructorReturn(this, (_class39.__proto__ || Object.getPrototypeOf(_class39)).call(this, node));
+
+        _this43._el = _this43.getHrefAttribute().getDefinition();
+        return _this43;
+      }
+
+      createClass(_class39, [{
+        key: 'setContext',
+        value: function setContext(ctx) {
+          get(_class39.prototype.__proto__ || Object.getPrototypeOf(_class39.prototype), 'setContext', this).call(this, ctx);
+          if (this.attribute('x').hasValue()) ctx.translate(this.attribute('x').toPixels('x'), 0);
+          if (this.attribute('y').hasValue()) ctx.translate(0, this.attribute('y').toPixels('y'));
+        }
+      }, {
+        key: 'path',
+        value: function path(ctx) {
+          var element = this._el;
+
+          if (element != null) element.path(ctx);
+        }
+      }, {
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          var element = this._el;
+
+          if (element != null) return element.getBoundingBox();
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          var element = this._el;
+
+          if (element != null) {
+            var tempSvg = element;
+            if (element.type === 'symbol') {
+              // render me using a temporary svg element in symbol cases (https://www.w3.org/TR/SVG/struct.html#UseElement)
+              tempSvg = new svg.Element.svg();
+              tempSvg.type = 'svg';
+              tempSvg.attributes['viewBox'] = new svg.Property('viewBox', element.attribute('viewBox').value);
+              tempSvg.attributes['preserveAspectRatio'] = new svg.Property('preserveAspectRatio', element.attribute('preserveAspectRatio').value);
+              tempSvg.attributes['overflow'] = new svg.Property('overflow', element.attribute('overflow').value);
+              tempSvg.children = element.children;
+            }
+            if (tempSvg.type === 'svg') {
+              // if symbol or svg, inherit width/height from me
+              if (this.attribute('width').hasValue()) tempSvg.attributes['width'] = new svg.Property('width', this.attribute('width').value);
+              if (this.attribute('height').hasValue()) tempSvg.attributes['height'] = new svg.Property('height', this.attribute('height').value);
+            }
+            var oldParent = tempSvg.parent;
+            tempSvg.parent = null;
+            tempSvg.render(ctx);
+            tempSvg.parent = oldParent;
+          }
+        }
+      }]);
+      return _class39;
+    }(svg.Element.RenderedElementBase);
+
+    // mask element
+    svg.Element.mask = function (_svg$Element$ElementB11) {
+      inherits(_class40, _svg$Element$ElementB11);
+
+      function _class40() {
+        classCallCheck(this, _class40);
+        return possibleConstructorReturn(this, (_class40.__proto__ || Object.getPrototypeOf(_class40)).apply(this, arguments));
+      }
+
+      createClass(_class40, [{
+        key: 'apply',
+        value: function apply(ctx, element) {
+          // render as temp svg
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+          var width = this.attribute('width').toPixels('x');
+          var height = this.attribute('height').toPixels('y');
+
+          if (width === 0 && height === 0) {
+            var bb = new svg.BoundingBox();
+            this.children.forEach(function (child) {
+              bb.addBoundingBox(child.getBoundingBox());
+            });
+            x = Math.floor(bb.x1);
+            y = Math.floor(bb.y1);
+            width = Math.floor(bb.width());
+            height = Math.floor(bb.height());
+          }
+
+          // temporarily remove mask to avoid recursion
+          var mask = element.attribute('mask').value;
+          element.attribute('mask').value = '';
+
+          var cMask = document.createElement('canvas');
+          cMask.width = x + width;
+          cMask.height = y + height;
+          var maskCtx = cMask.getContext('2d');
+          this.renderChildren(maskCtx);
+
+          var c = document.createElement('canvas');
+          c.width = x + width;
+          c.height = y + height;
+          var tempCtx = c.getContext('2d');
+          element.render(tempCtx);
+          tempCtx.globalCompositeOperation = 'destination-in';
+          tempCtx.fillStyle = maskCtx.createPattern(cMask, 'no-repeat');
+          tempCtx.fillRect(0, 0, x + width, y + height);
+
+          ctx.fillStyle = tempCtx.createPattern(c, 'no-repeat');
+          ctx.fillRect(0, 0, x + width, y + height);
+
+          // reassign mask
+          element.attribute('mask').value = mask;
+        }
+      }, {
+        key: 'render',
+        value: function render(ctx) {
+          // NO RENDER
+        }
+      }]);
+      return _class40;
+    }(svg.Element.ElementBase);
+
+    // clip element
+    svg.Element.clipPath = function (_svg$Element$ElementB12) {
+      inherits(_class41, _svg$Element$ElementB12);
+
+      function _class41() {
+        classCallCheck(this, _class41);
+        return possibleConstructorReturn(this, (_class41.__proto__ || Object.getPrototypeOf(_class41)).apply(this, arguments));
+      }
+
+      createClass(_class41, [{
+        key: 'apply',
+        value: function apply(ctx) {
+          this.children.forEach(function (child) {
+            if (typeof child.path !== 'undefined') {
+              var transform = null;
+              if (child.attribute('transform').hasValue()) {
+                transform = new svg.Transform(child.attribute('transform').value);
+                transform.apply(ctx);
+              }
+              child.path(ctx);
+              ctx.clip();
+              if (transform) {
+                transform.unapply(ctx);
+              }
+            }
+          });
+        }
+      }, {
+        key: 'render',
+        value: function render(ctx) {
+          // NO RENDER
+        }
+      }]);
+      return _class41;
+    }(svg.Element.ElementBase);
+
+    // filters
+    svg.Element.filter = function (_svg$Element$ElementB13) {
+      inherits(_class42, _svg$Element$ElementB13);
+
+      function _class42() {
+        classCallCheck(this, _class42);
+        return possibleConstructorReturn(this, (_class42.__proto__ || Object.getPrototypeOf(_class42)).apply(this, arguments));
+      }
+
+      createClass(_class42, [{
+        key: 'apply',
+        value: function apply(ctx, element) {
+          // render as temp svg
+          var bb = element.getBoundingBox();
+          var x = Math.floor(bb.x1);
+          var y = Math.floor(bb.y1);
+          var width = Math.floor(bb.width());
+          var height = Math.floor(bb.height());
+
+          // temporarily remove filter to avoid recursion
+          var filter = element.style('filter').value;
+          element.style('filter').value = '';
+
+          var px = 0,
+              py = 0;
+          this.children.forEach(function (child) {
+            var efd = child.extraFilterDistance || 0;
+            px = Math.max(px, efd);
+            py = Math.max(py, efd);
+          });
+
+          var c = document.createElement('canvas');
+          c.width = width + 2 * px;
+          c.height = height + 2 * py;
+          var tempCtx = c.getContext('2d');
+          tempCtx.translate(-x + px, -y + py);
+          element.render(tempCtx);
+
+          // apply filters
+          this.children.forEach(function (child) {
+            child.apply(tempCtx, 0, 0, width + 2 * px, height + 2 * py);
+          });
+
+          // render on me
+          ctx.drawImage(c, 0, 0, width + 2 * px, height + 2 * py, x - px, y - py, width + 2 * px, height + 2 * py);
+
+          // reassign filter
+          element.style('filter', true).value = filter;
+        }
+      }, {
+        key: 'render',
+        value: function render(ctx) {
+          // NO RENDER
+        }
+      }]);
+      return _class42;
+    }(svg.Element.ElementBase);
+
+    svg.Element.feMorphology = function (_svg$Element$ElementB14) {
+      inherits(_class43, _svg$Element$ElementB14);
+
+      function _class43() {
+        classCallCheck(this, _class43);
+        return possibleConstructorReturn(this, (_class43.__proto__ || Object.getPrototypeOf(_class43)).apply(this, arguments));
+      }
+
+      createClass(_class43, [{
+        key: 'apply',
+        value: function apply(ctx, x, y, width, height) {
+          // TODO: implement
+        }
+      }]);
+      return _class43;
+    }(svg.Element.ElementBase);
+
+    svg.Element.feComposite = function (_svg$Element$ElementB15) {
+      inherits(_class44, _svg$Element$ElementB15);
+
+      function _class44() {
+        classCallCheck(this, _class44);
+        return possibleConstructorReturn(this, (_class44.__proto__ || Object.getPrototypeOf(_class44)).apply(this, arguments));
+      }
+
+      createClass(_class44, [{
+        key: 'apply',
+        value: function apply(ctx, x, y, width, height) {
+          // TODO: implement
+        }
+      }]);
+      return _class44;
+    }(svg.Element.ElementBase);
+
+    function imGet(img, x, y, width, height, rgba) {
+      return img[y * width * 4 + x * 4 + rgba];
+    }
+
+    function imSet(img, x, y, width, height, rgba, val) {
+      img[y * width * 4 + x * 4 + rgba] = val;
+    }
+
+    svg.Element.feColorMatrix = function (_svg$Element$ElementB16) {
+      inherits(_class45, _svg$Element$ElementB16);
+
+      function _class45(node) {
+        classCallCheck(this, _class45);
+
+        var _this49 = possibleConstructorReturn(this, (_class45.__proto__ || Object.getPrototypeOf(_class45)).call(this, node));
+
+        var matrix = svg.ToNumberArray(_this49.attribute('values').value);
+        switch (_this49.attribute('type').valueOrDefault('matrix')) {// https://www.w3.org/TR/SVG/filters.html#feColorMatrixElement
+          case 'saturate':
+            var s = matrix[0];
+            matrix = [0.213 + 0.787 * s, 0.715 - 0.715 * s, 0.072 - 0.072 * s, 0, 0, 0.213 - 0.213 * s, 0.715 + 0.285 * s, 0.072 - 0.072 * s, 0, 0, 0.213 - 0.213 * s, 0.715 - 0.715 * s, 0.072 + 0.928 * s, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1];
+            break;
+          case 'hueRotate':
+            var a = matrix[0] * Math.PI / 180.0;
+            var _c3 = function _c3(m1, m2, m3) {
+              return m1 + Math.cos(a) * m2 + Math.sin(a) * m3;
+            };
+            matrix = [_c3(0.213, 0.787, -0.213), _c3(0.715, -0.715, -0.715), _c3(0.072, -0.072, 0.928), 0, 0, _c3(0.213, -0.213, 0.143), _c3(0.715, 0.285, 0.140), _c3(0.072, -0.072, -0.283), 0, 0, _c3(0.213, -0.213, -0.787), _c3(0.715, -0.715, 0.715), _c3(0.072, 0.928, 0.072), 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1];
+            break;
+          case 'luminanceToAlpha':
+            matrix = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.2125, 0.7154, 0.0721, 0, 0, 0, 0, 0, 0, 1];
+            break;
+        }
+        _this49.matrix = matrix;
+
+        _this49._m = function (i, v) {
+          var mi = matrix[i];
+          return mi * (mi < 0 ? v - 255 : v);
+        };
+        return _this49;
+      }
+
+      createClass(_class45, [{
+        key: 'apply',
+        value: function apply(ctx, x, y, width, height) {
+          var m = this._m;
+          // assuming x==0 && y==0 for now
+
+          var srcData = ctx.getImageData(0, 0, width, height);
+          for (var _y2 = 0; _y2 < height; _y2++) {
+            for (var _x2 = 0; _x2 < width; _x2++) {
+              var _r3 = imGet(srcData.data, _x2, _y2, width, height, 0);
+              var g = imGet(srcData.data, _x2, _y2, width, height, 1);
+              var _b2 = imGet(srcData.data, _x2, _y2, width, height, 2);
+              var a = imGet(srcData.data, _x2, _y2, width, height, 3);
+              imSet(srcData.data, _x2, _y2, width, height, 0, m(0, _r3) + m(1, g) + m(2, _b2) + m(3, a) + m(4, 1));
+              imSet(srcData.data, _x2, _y2, width, height, 1, m(5, _r3) + m(6, g) + m(7, _b2) + m(8, a) + m(9, 1));
+              imSet(srcData.data, _x2, _y2, width, height, 2, m(10, _r3) + m(11, g) + m(12, _b2) + m(13, a) + m(14, 1));
+              imSet(srcData.data, _x2, _y2, width, height, 3, m(15, _r3) + m(16, g) + m(17, _b2) + m(18, a) + m(19, 1));
+            }
+          }
+          ctx.clearRect(0, 0, width, height);
+          ctx.putImageData(srcData, 0, 0);
+        }
+      }]);
+      return _class45;
+    }(svg.Element.ElementBase);
+
+    svg.Element.feGaussianBlur = function (_svg$Element$ElementB17) {
+      inherits(_class46, _svg$Element$ElementB17);
+
+      function _class46(node) {
+        classCallCheck(this, _class46);
+
+        var _this50 = possibleConstructorReturn(this, (_class46.__proto__ || Object.getPrototypeOf(_class46)).call(this, node));
+
+        _this50.blurRadius = Math.floor(_this50.attribute('stdDeviation').numValue());
+        _this50.extraFilterDistance = _this50.blurRadius;
+        return _this50;
+      }
+
+      createClass(_class46, [{
+        key: 'apply',
+        value: function apply(ctx, x, y, width, height) {
+          if (typeof canvasRGBA_ === 'undefined') {
+            svg.log('ERROR: `setStackBlurCanvasRGBA` must be run for blur to work');
+            return;
+          }
+
+          // Todo: This might not be a problem anymore with out `instanceof` fix
+          // StackBlur requires canvas be on document
+          ctx.canvas.id = svg.UniqueId();
+          ctx.canvas.style.display = 'none';
+          document.body.append(ctx.canvas);
+          canvasRGBA_(ctx.canvas, x, y, width, height, this.blurRadius);
+          ctx.canvas.remove();
+        }
+      }]);
+      return _class46;
+    }(svg.Element.ElementBase);
+
+    // title element, do nothing
+    svg.Element.title = function (_svg$Element$ElementB18) {
+      inherits(_class47, _svg$Element$ElementB18);
+
+      function _class47(node) {
+        classCallCheck(this, _class47);
+        return possibleConstructorReturn(this, (_class47.__proto__ || Object.getPrototypeOf(_class47)).call(this));
+      }
+
+      return _class47;
+    }(svg.Element.ElementBase);
+
+    // desc element, do nothing
+    svg.Element.desc = function (_svg$Element$ElementB19) {
+      inherits(_class48, _svg$Element$ElementB19);
+
+      function _class48(node) {
+        classCallCheck(this, _class48);
+        return possibleConstructorReturn(this, (_class48.__proto__ || Object.getPrototypeOf(_class48)).call(this));
+      }
+
+      return _class48;
+    }(svg.Element.ElementBase);
+
+    svg.Element.MISSING = function (_svg$Element$ElementB20) {
+      inherits(_class49, _svg$Element$ElementB20);
+
+      function _class49(node) {
+        classCallCheck(this, _class49);
+
+        var _this53 = possibleConstructorReturn(this, (_class49.__proto__ || Object.getPrototypeOf(_class49)).call(this));
+
+        svg.log('ERROR: Element \'' + node.nodeName + '\' not yet implemented.');
+        return _this53;
+      }
+
+      return _class49;
+    }(svg.Element.ElementBase);
+
+    // element factory
+    svg.CreateElement = function (node) {
+      var className = node.nodeName.replace(/^[^:]+:/, '') // remove namespace
+      .replace(/-/g, ''); // remove dashes
+      var e = void 0;
+      if (typeof svg.Element[className] !== 'undefined') {
+        e = new svg.Element[className](node);
+      } else {
+        e = new svg.Element.MISSING(node);
+      }
+
+      e.type = node.nodeName;
+      return e;
+    };
+
+    // load from url
+    svg.load = function () {
+      var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(ctx, url) {
+        var dom;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return svg.ajax(url, true);
+
+              case 2:
+                dom = _context.sent;
+                return _context.abrupt('return', svg.loadXml(ctx, dom));
+
+              case 4:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      return function (_x3, _x4) {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+
+    // load from xml
+    svg.loadXml = function (ctx, xml) {
+      return svg.loadXmlDoc(ctx, svg.parseXml(xml));
+    };
+
+    svg.loadXmlDoc = function (ctx, dom) {
+      svg.init(ctx);
+
+      var mapXY = function mapXY(p) {
+        var e = ctx.canvas;
+        while (e) {
+          p.x -= e.offsetLeft;
+          p.y -= e.offsetTop;
+          e = e.offsetParent;
+        }
+        if (window.scrollX) p.x += window.scrollX;
+        if (window.scrollY) p.y += window.scrollY;
+        return p;
+      };
+
+      // bind mouse
+      if (svg.opts.ignoreMouse !== true) {
+        ctx.canvas.onclick = function (e) {
+          var args = e != null ? [e.clientX, e.clientY] : [event.clientX, event.clientY];
+
+          var _mapXY = mapXY(new (Function.prototype.bind.apply(svg.Point, [null].concat(args)))()),
+              x = _mapXY.x,
+              y = _mapXY.y;
+
+          svg.Mouse.onclick(x, y);
+        };
+        ctx.canvas.onmousemove = function (e) {
+          var args = e != null ? [e.clientX, e.clientY] : [event.clientX, event.clientY];
+
+          var _mapXY2 = mapXY(new (Function.prototype.bind.apply(svg.Point, [null].concat(args)))()),
+              x = _mapXY2.x,
+              y = _mapXY2.y;
+
+          svg.Mouse.onmousemove(x, y);
+        };
+      }
+
+      var e = svg.CreateElement(dom.documentElement);
+      e.root = true;
+
+      // render loop
+      var isFirstRender = true;
+      var draw = function draw(resolve) {
+        svg.ViewPort.Clear();
+        if (ctx.canvas.parentNode) {
+          svg.ViewPort.SetCurrent(ctx.canvas.parentNode.clientWidth, ctx.canvas.parentNode.clientHeight);
+        }
+
+        if (svg.opts.ignoreDimensions !== true) {
+          // set canvas size
+          if (e.style('width').hasValue()) {
+            ctx.canvas.width = e.style('width').toPixels('x');
+            ctx.canvas.style.width = ctx.canvas.width + 'px';
+          }
+          if (e.style('height').hasValue()) {
+            ctx.canvas.height = e.style('height').toPixels('y');
+            ctx.canvas.style.height = ctx.canvas.height + 'px';
+          }
+        }
+        var cWidth = ctx.canvas.clientWidth || ctx.canvas.width;
+        var cHeight = ctx.canvas.clientHeight || ctx.canvas.height;
+        if (svg.opts.ignoreDimensions === true && e.style('width').hasValue() && e.style('height').hasValue()) {
+          cWidth = e.style('width').toPixels('x');
+          cHeight = e.style('height').toPixels('y');
+        }
+        svg.ViewPort.SetCurrent(cWidth, cHeight);
+
+        if (svg.opts.offsetX != null) {
+          e.attribute('x', true).value = svg.opts.offsetX;
+        }
+        if (svg.opts.offsetY != null) {
+          e.attribute('y', true).value = svg.opts.offsetY;
+        }
+        if (svg.opts.scaleWidth != null || svg.opts.scaleHeight != null) {
+          var viewBox = svg.ToNumberArray(e.attribute('viewBox').value);
+          var xRatio = null,
+              yRatio = null;
+
+          if (svg.opts.scaleWidth != null) {
+            if (e.attribute('width').hasValue()) {
+              xRatio = e.attribute('width').toPixels('x') / svg.opts.scaleWidth;
+            } else if (!isNaN(viewBox[2])) {
+              xRatio = viewBox[2] / svg.opts.scaleWidth;
+            }
+          }
+
+          if (svg.opts.scaleHeight != null) {
+            if (e.attribute('height').hasValue()) {
+              yRatio = e.attribute('height').toPixels('y') / svg.opts.scaleHeight;
+            } else if (!isNaN(viewBox[3])) {
+              yRatio = viewBox[3] / svg.opts.scaleHeight;
+            }
+          }
+
+          if (xRatio == null) {
+            xRatio = yRatio;
+          }
+          if (yRatio == null) {
+            yRatio = xRatio;
+          }
+
+          e.attribute('width', true).value = svg.opts.scaleWidth;
+          e.attribute('height', true).value = svg.opts.scaleHeight;
+          e.attribute('viewBox', true).value = '0 0 ' + cWidth * xRatio + ' ' + cHeight * yRatio;
+          e.attribute('preserveAspectRatio', true).value = 'none';
+        }
+
+        // clear and render
+        if (svg.opts.ignoreClear !== true) {
+          ctx.clearRect(0, 0, cWidth, cHeight);
+        }
+        e.render(ctx);
+        if (isFirstRender) {
+          isFirstRender = false;
+          resolve(dom);
+        }
+      };
+
+      var waitingForImages = true;
+      svg.intervalID = setInterval(function () {
+        var needUpdate = false;
+
+        if (waitingForImages && svg.ImagesLoaded()) {
+          waitingForImages = false;
+          needUpdate = true;
+        }
+
+        // need update from mouse events?
+        if (svg.opts.ignoreMouse !== true) {
+          needUpdate = needUpdate | svg.Mouse.hasEvents();
+        }
+
+        // need update from animations?
+        if (svg.opts.ignoreAnimation !== true) {
+          svg.Animations.forEach(function (animation) {
+            needUpdate = needUpdate | animation.update(1000 / svg.FRAMERATE);
+          });
+        }
+
+        // need update from redraw?
+        if (typeof svg.opts.forceRedraw === 'function') {
+          if (svg.opts.forceRedraw() === true) {
+            needUpdate = true;
+          }
+        }
+
+        // render if needed
+        if (needUpdate) {
+          draw();
+          svg.Mouse.runEvents(); // run and clear our events
+        }
+      }, 1000 / svg.FRAMERATE);
+      return new Promise(function (resolve, reject) {
+        if (svg.ImagesLoaded()) {
+          waitingForImages = false;
+          draw(resolve);
+        }
+      });
+    };
+
+    svg.stop = function () {
+      if (svg.intervalID) {
+        clearInterval(svg.intervalID);
+      }
+    };
+
+    svg.Mouse = {
+      events: [],
+      hasEvents: function hasEvents() {
+        return this.events.length !== 0;
+      },
+      onclick: function onclick(x, y) {
+        this.events.push({
+          type: 'onclick', x: x, y: y,
+          run: function run(e) {
+            if (e.onclick) e.onclick();
+          }
+        });
+      },
+      onmousemove: function onmousemove(x, y) {
+        this.events.push({
+          type: 'onmousemove', x: x, y: y,
+          run: function run(e) {
+            if (e.onmousemove) e.onmousemove();
+          }
+        });
+      },
+
+
+      eventElements: [],
+
+      checkPath: function checkPath(element, ctx) {
+        var _this54 = this;
+
+        this.events.forEach(function (_ref5, i) {
+          var x = _ref5.x,
+              y = _ref5.y;
+
+          if (ctx.isPointInPath && ctx.isPointInPath(x, y)) {
+            _this54.eventElements[i] = element;
+          }
+        });
+      },
+      checkBoundingBox: function checkBoundingBox(element, bb) {
+        var _this55 = this;
+
+        this.events.forEach(function (_ref6, i) {
+          var x = _ref6.x,
+              y = _ref6.y;
+
+          if (bb.isPointInBox(x, y)) {
+            _this55.eventElements[i] = element;
+          }
+        });
+      },
+      runEvents: function runEvents() {
+        var _this56 = this;
+
+        svg.ctx.canvas.style.cursor = '';
+
+        this.events.forEach(function (e, i) {
+          var element = _this56.eventElements[i];
+          while (element) {
+            e.run(element);
+            element = element.parent;
+          }
+        });
+
+        // done running, clear
+        this.events = [];
+        this.eventElements = [];
+      }
+    };
+
+    return svg;
+  }
+
+  if (typeof CanvasRenderingContext2D !== 'undefined') {
+    CanvasRenderingContext2D.prototype.drawSvg = function (s, dx, dy, dw, dh) {
+      canvg(this.canvas, s, {
+        ignoreMouse: true,
+        ignoreAnimation: true,
+        ignoreDimensions: true,
+        ignoreClear: true,
+        offsetX: dx,
+        offsetY: dy,
+        scaleWidth: dw,
+        scaleHeight: dh
+      });
+    };
+  }
+
+  /* globals jQuery */
+
+  var extServer_moinsave = {
+    name: 'server_moinsave',
+    init: function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(_ref) {
+        var encode64 = _ref.encode64,
+            importLocale = _ref.importLocale;
+        var strings, svgEditor, $, svgCanvas, saveSvgAction;
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return importLocale();
+
+              case 2:
+                strings = _context2.sent;
+                svgEditor = this;
+                $ = jQuery;
+                svgCanvas = svgEditor.canvas;
+                saveSvgAction = '/+modify';
+
+                // Create upload target (hidden iframe)
+                /* const target = */
+                $('<iframe name="output_frame" src="#"/>').hide().appendTo('body');
+
+                svgEditor.setCustomHandlers({
+                  save: function () {
+                    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(win, data) {
+                      var svg, qstr, name, svgData, c, datauri, pngData;
+                      return regeneratorRuntime.wrap(function _callee$(_context) {
+                        while (1) {
+                          switch (_context.prev = _context.next) {
+                            case 0:
+                              svg = '<?xml version="1.0"?>\n' + data;
+                              qstr = $.param.querystring();
+                              name = qstr.substr(9).split('/+get/')[1];
+                              svgData = encode64(svg);
+
+                              if (!$('#export_canvas').length) {
+                                $('<canvas>', { id: 'export_canvas' }).hide().appendTo('body');
+                              }
+                              c = $('#export_canvas')[0];
+
+                              c.width = svgCanvas.contentW;
+                              c.height = svgCanvas.contentH;
+                              _context.next = 10;
+                              return canvg(c, svg);
+
+                            case 10:
+                              datauri = c.toDataURL('image/png');
+                              // const {uiStrings} = svgEditor;
+
+                              pngData = encode64(datauri); // Brett: This encoding seems unnecessary
+                              /* const form = */
+                              $('<form>').attr({
+                                method: 'post',
+                                action: saveSvgAction + '/' + name,
+                                target: 'output_frame'
+                              }).append('<input type="hidden" name="png_data" value="' + pngData + '">').append('<input type="hidden" name="filepath" value="' + svgData + '">').append('<input type="hidden" name="filename" value="' + 'drawing.svg">').append('<input type="hidden" name="contenttype" value="application/x-svgdraw">').appendTo('body').submit().remove();
+                              alert(strings.saved);
+                              top.window.location = '/' + name;
+
+                            case 15:
+                            case 'end':
+                              return _context.stop();
+                          }
+                        }
+                      }, _callee, this);
+                    }));
+
+                    function save(_x2, _x3) {
+                      return _ref3.apply(this, arguments);
+                    }
+
+                    return save;
+                  }()
+                });
+
+              case 9:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function init(_x) {
+        return _ref2.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extServer_moinsave;
+
+}());
diff --git a/dist/extensions/ext-server_opensave.js b/dist/extensions/ext-server_opensave.js
new file mode 100644
index 00000000..fa7bc54c
--- /dev/null
+++ b/dist/extensions/ext-server_opensave.js
@@ -0,0 +1,4660 @@
+var svgEditorExtension_server_opensave = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  var classCallCheck = function (instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  };
+
+  var createClass = function () {
+    function defineProperties(target, props) {
+      for (var i = 0; i < props.length; i++) {
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+      }
+    }
+
+    return function (Constructor, protoProps, staticProps) {
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) defineProperties(Constructor, staticProps);
+      return Constructor;
+    };
+  }();
+
+  var get = function get(object, property, receiver) {
+    if (object === null) object = Function.prototype;
+    var desc = Object.getOwnPropertyDescriptor(object, property);
+
+    if (desc === undefined) {
+      var parent = Object.getPrototypeOf(object);
+
+      if (parent === null) {
+        return undefined;
+      } else {
+        return get(parent, property, receiver);
+      }
+    } else if ("value" in desc) {
+      return desc.value;
+    } else {
+      var getter = desc.get;
+
+      if (getter === undefined) {
+        return undefined;
+      }
+
+      return getter.call(receiver);
+    }
+  };
+
+  var inherits = function (subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+  };
+
+  var possibleConstructorReturn = function (self, call) {
+    if (!self) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return call && (typeof call === "object" || typeof call === "function") ? call : self;
+  };
+
+  var slicedToArray = function () {
+    function sliceIterator(arr, i) {
+      var _arr = [];
+      var _n = true;
+      var _d = false;
+      var _e = undefined;
+
+      try {
+        for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+          _arr.push(_s.value);
+
+          if (i && _arr.length === i) break;
+        }
+      } catch (err) {
+        _d = true;
+        _e = err;
+      } finally {
+        try {
+          if (!_n && _i["return"]) _i["return"]();
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+
+      return _arr;
+    }
+
+    return function (arr, i) {
+      if (Array.isArray(arr)) {
+        return arr;
+      } else if (Symbol.iterator in Object(arr)) {
+        return sliceIterator(arr, i);
+      } else {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance");
+      }
+    };
+  }();
+
+  var toConsumableArray = function (arr) {
+    if (Array.isArray(arr)) {
+      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+      return arr2;
+    } else {
+      return Array.from(arr);
+    }
+  };
+
+  /**
+   * For parsing color values
+   * @module RGBColor
+   * @author Stoyan Stefanov <sstoo@gmail.com>
+   * @see https://www.phpied.com/rgb-color-parser-in-javascript/
+   * @license MIT
+  */
+  var simpleColors = {
+    aliceblue: 'f0f8ff',
+    antiquewhite: 'faebd7',
+    aqua: '00ffff',
+    aquamarine: '7fffd4',
+    azure: 'f0ffff',
+    beige: 'f5f5dc',
+    bisque: 'ffe4c4',
+    black: '000000',
+    blanchedalmond: 'ffebcd',
+    blue: '0000ff',
+    blueviolet: '8a2be2',
+    brown: 'a52a2a',
+    burlywood: 'deb887',
+    cadetblue: '5f9ea0',
+    chartreuse: '7fff00',
+    chocolate: 'd2691e',
+    coral: 'ff7f50',
+    cornflowerblue: '6495ed',
+    cornsilk: 'fff8dc',
+    crimson: 'dc143c',
+    cyan: '00ffff',
+    darkblue: '00008b',
+    darkcyan: '008b8b',
+    darkgoldenrod: 'b8860b',
+    darkgray: 'a9a9a9',
+    darkgreen: '006400',
+    darkkhaki: 'bdb76b',
+    darkmagenta: '8b008b',
+    darkolivegreen: '556b2f',
+    darkorange: 'ff8c00',
+    darkorchid: '9932cc',
+    darkred: '8b0000',
+    darksalmon: 'e9967a',
+    darkseagreen: '8fbc8f',
+    darkslateblue: '483d8b',
+    darkslategray: '2f4f4f',
+    darkturquoise: '00ced1',
+    darkviolet: '9400d3',
+    deeppink: 'ff1493',
+    deepskyblue: '00bfff',
+    dimgray: '696969',
+    dodgerblue: '1e90ff',
+    feldspar: 'd19275',
+    firebrick: 'b22222',
+    floralwhite: 'fffaf0',
+    forestgreen: '228b22',
+    fuchsia: 'ff00ff',
+    gainsboro: 'dcdcdc',
+    ghostwhite: 'f8f8ff',
+    gold: 'ffd700',
+    goldenrod: 'daa520',
+    gray: '808080',
+    green: '008000',
+    greenyellow: 'adff2f',
+    honeydew: 'f0fff0',
+    hotpink: 'ff69b4',
+    indianred: 'cd5c5c',
+    indigo: '4b0082',
+    ivory: 'fffff0',
+    khaki: 'f0e68c',
+    lavender: 'e6e6fa',
+    lavenderblush: 'fff0f5',
+    lawngreen: '7cfc00',
+    lemonchiffon: 'fffacd',
+    lightblue: 'add8e6',
+    lightcoral: 'f08080',
+    lightcyan: 'e0ffff',
+    lightgoldenrodyellow: 'fafad2',
+    lightgrey: 'd3d3d3',
+    lightgreen: '90ee90',
+    lightpink: 'ffb6c1',
+    lightsalmon: 'ffa07a',
+    lightseagreen: '20b2aa',
+    lightskyblue: '87cefa',
+    lightslateblue: '8470ff',
+    lightslategray: '778899',
+    lightsteelblue: 'b0c4de',
+    lightyellow: 'ffffe0',
+    lime: '00ff00',
+    limegreen: '32cd32',
+    linen: 'faf0e6',
+    magenta: 'ff00ff',
+    maroon: '800000',
+    mediumaquamarine: '66cdaa',
+    mediumblue: '0000cd',
+    mediumorchid: 'ba55d3',
+    mediumpurple: '9370d8',
+    mediumseagreen: '3cb371',
+    mediumslateblue: '7b68ee',
+    mediumspringgreen: '00fa9a',
+    mediumturquoise: '48d1cc',
+    mediumvioletred: 'c71585',
+    midnightblue: '191970',
+    mintcream: 'f5fffa',
+    mistyrose: 'ffe4e1',
+    moccasin: 'ffe4b5',
+    navajowhite: 'ffdead',
+    navy: '000080',
+    oldlace: 'fdf5e6',
+    olive: '808000',
+    olivedrab: '6b8e23',
+    orange: 'ffa500',
+    orangered: 'ff4500',
+    orchid: 'da70d6',
+    palegoldenrod: 'eee8aa',
+    palegreen: '98fb98',
+    paleturquoise: 'afeeee',
+    palevioletred: 'd87093',
+    papayawhip: 'ffefd5',
+    peachpuff: 'ffdab9',
+    peru: 'cd853f',
+    pink: 'ffc0cb',
+    plum: 'dda0dd',
+    powderblue: 'b0e0e6',
+    purple: '800080',
+    red: 'ff0000',
+    rosybrown: 'bc8f8f',
+    royalblue: '4169e1',
+    saddlebrown: '8b4513',
+    salmon: 'fa8072',
+    sandybrown: 'f4a460',
+    seagreen: '2e8b57',
+    seashell: 'fff5ee',
+    sienna: 'a0522d',
+    silver: 'c0c0c0',
+    skyblue: '87ceeb',
+    slateblue: '6a5acd',
+    slategray: '708090',
+    snow: 'fffafa',
+    springgreen: '00ff7f',
+    steelblue: '4682b4',
+    tan: 'd2b48c',
+    teal: '008080',
+    thistle: 'd8bfd8',
+    tomato: 'ff6347',
+    turquoise: '40e0d0',
+    violet: 'ee82ee',
+    violetred: 'd02090',
+    wheat: 'f5deb3',
+    white: 'ffffff',
+    whitesmoke: 'f5f5f5',
+    yellow: 'ffff00',
+    yellowgreen: '9acd32'
+  };
+
+  // array of color definition objects
+  var colorDefs = [{
+    re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
+    example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
+    process: function process(bits) {
+      return [parseInt(bits[1], 10), parseInt(bits[2], 10), parseInt(bits[3], 10)];
+    }
+  }, {
+    re: /^(\w{2})(\w{2})(\w{2})$/,
+    example: ['#00ff00', '336699'],
+    process: function process(bits) {
+      return [parseInt(bits[1], 16), parseInt(bits[2], 16), parseInt(bits[3], 16)];
+    }
+  }, {
+    re: /^(\w{1})(\w{1})(\w{1})$/,
+    example: ['#fb0', 'f0f'],
+    process: function process(bits) {
+      return [parseInt(bits[1] + bits[1], 16), parseInt(bits[2] + bits[2], 16), parseInt(bits[3] + bits[3], 16)];
+    }
+  }];
+
+  /**
+   * A class to parse color values
+   */
+
+  var RGBColor = function () {
+    /**
+    * @param {string} colorString
+    */
+    function RGBColor(colorString) {
+      classCallCheck(this, RGBColor);
+
+      this.ok = false;
+
+      // strip any leading #
+      if (colorString.charAt(0) === '#') {
+        // remove # if any
+        colorString = colorString.substr(1, 6);
+      }
+
+      colorString = colorString.replace(/ /g, '');
+      colorString = colorString.toLowerCase();
+
+      // before getting into regexps, try simple matches
+      // and overwrite the input
+      if (colorString in simpleColors) {
+        colorString = simpleColors[colorString];
+      }
+      // end of simple type-in colors
+
+      // search through the definitions to find a match
+      for (var i = 0; i < colorDefs.length; i++) {
+        var re = colorDefs[i].re;
+
+        var processor = colorDefs[i].process;
+        var bits = re.exec(colorString);
+        if (bits) {
+          var _processor = processor(bits),
+              _processor2 = slicedToArray(_processor, 3),
+              r = _processor2[0],
+              g = _processor2[1],
+              b = _processor2[2];
+
+          Object.assign(this, { r: r, g: g, b: b });
+          this.ok = true;
+        }
+      }
+
+      // validate/cleanup values
+      this.r = this.r < 0 || isNaN(this.r) ? 0 : this.r > 255 ? 255 : this.r;
+      this.g = this.g < 0 || isNaN(this.g) ? 0 : this.g > 255 ? 255 : this.g;
+      this.b = this.b < 0 || isNaN(this.b) ? 0 : this.b > 255 ? 255 : this.b;
+    }
+
+    // some getters
+    /**
+    * @returns {string}
+    */
+
+
+    createClass(RGBColor, [{
+      key: 'toRGB',
+      value: function toRGB() {
+        return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
+      }
+
+      /**
+      * @returns {string}
+      */
+
+    }, {
+      key: 'toHex',
+      value: function toHex() {
+        var r = this.r.toString(16);
+        var g = this.g.toString(16);
+        var b = this.b.toString(16);
+        if (r.length === 1) {
+          r = '0' + r;
+        }
+        if (g.length === 1) {
+          g = '0' + g;
+        }
+        if (b.length === 1) {
+          b = '0' + b;
+        }
+        return '#' + r + g + b;
+      }
+
+      /**
+      * help
+      * @returns {HTMLUListElement}
+      */
+
+    }, {
+      key: 'getHelpXML',
+      value: function getHelpXML() {
+        var examples = [];
+        // add regexps
+        for (var i = 0; i < colorDefs.length; i++) {
+          var example = colorDefs[i].example;
+
+          for (var j = 0; j < example.length; j++) {
+            examples[examples.length] = example[j];
+          }
+        }
+        // add type-in colors
+        examples.push.apply(examples, toConsumableArray(Object.keys(simpleColors)));
+
+        var xml = document.createElement('ul');
+        xml.setAttribute('id', 'rgbcolor-examples');
+        for (var _i = 0; _i < examples.length; _i++) {
+          try {
+            var listItem = document.createElement('li');
+            var listColor = new RGBColor(examples[_i]);
+            var exampleDiv = document.createElement('div');
+            exampleDiv.style.cssText = 'margin: 3px;\nborder: 1px solid black;\nbackground: ' + listColor.toHex() + ';\ncolor: ' + listColor.toHex() + ';';
+            exampleDiv.append('test');
+            var listItemValue = ' ' + examples[_i] + ' -> ' + listColor.toRGB() + ' -> ' + listColor.toHex();
+            listItem.append(exampleDiv, listItemValue);
+            xml.append(listItem);
+          } catch (e) {}
+        }
+        return xml;
+      }
+    }]);
+    return RGBColor;
+  }();
+
+  /**
+  * StackBlur - a fast almost Gaussian Blur For Canvas
+
+  In case you find this class useful - especially in commercial projects -
+  I am not totally unhappy for a small donation to my PayPal account
+  mario@quasimondo.de
+
+  Or support me on flattr:
+  https://flattr.com/thing/72791/StackBlur-a-fast-almost-Gaussian-Blur-Effect-for-CanvasJavascript
+
+  * @module StackBlur
+  * @version 0.5
+  * @author Mario Klingemann
+  Contact: mario@quasimondo.com
+  Website: http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html
+  Twitter: @quasimondo
+
+  * @copyright (c) 2010 Mario Klingemann
+
+  Permission is hereby granted, free of charge, to any person
+  obtaining a copy of this software and associated documentation
+  files (the "Software"), to deal in the Software without
+  restriction, including without limitation the rights to use,
+  copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the
+  Software is furnished to do so, subject to the following
+  conditions:
+
+  The above copyright notice and this permission notice shall be
+  included in all copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+  OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+  NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+  HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+  WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+  FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+  OTHER DEALINGS IN THE SOFTWARE.
+  */
+
+  var mulTable = [512, 512, 456, 512, 328, 456, 335, 512, 405, 328, 271, 456, 388, 335, 292, 512, 454, 405, 364, 328, 298, 271, 496, 456, 420, 388, 360, 335, 312, 292, 273, 512, 482, 454, 428, 405, 383, 364, 345, 328, 312, 298, 284, 271, 259, 496, 475, 456, 437, 420, 404, 388, 374, 360, 347, 335, 323, 312, 302, 292, 282, 273, 265, 512, 497, 482, 468, 454, 441, 428, 417, 405, 394, 383, 373, 364, 354, 345, 337, 328, 320, 312, 305, 298, 291, 284, 278, 271, 265, 259, 507, 496, 485, 475, 465, 456, 446, 437, 428, 420, 412, 404, 396, 388, 381, 374, 367, 360, 354, 347, 341, 335, 329, 323, 318, 312, 307, 302, 297, 292, 287, 282, 278, 273, 269, 265, 261, 512, 505, 497, 489, 482, 475, 468, 461, 454, 447, 441, 435, 428, 422, 417, 411, 405, 399, 394, 389, 383, 378, 373, 368, 364, 359, 354, 350, 345, 341, 337, 332, 328, 324, 320, 316, 312, 309, 305, 301, 298, 294, 291, 287, 284, 281, 278, 274, 271, 268, 265, 262, 259, 257, 507, 501, 496, 491, 485, 480, 475, 470, 465, 460, 456, 451, 446, 442, 437, 433, 428, 424, 420, 416, 412, 408, 404, 400, 396, 392, 388, 385, 381, 377, 374, 370, 367, 363, 360, 357, 354, 350, 347, 344, 341, 338, 335, 332, 329, 326, 323, 320, 318, 315, 312, 310, 307, 304, 302, 299, 297, 294, 292, 289, 287, 285, 282, 280, 278, 275, 273, 271, 269, 267, 265, 263, 261, 259];
+
+  var shgTable = [9, 11, 12, 13, 13, 14, 14, 15, 15, 15, 15, 16, 16, 16, 16, 17, 17, 17, 17, 17, 17, 17, 18, 18, 18, 18, 18, 18, 18, 18, 18, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24];
+
+  /**
+   * @param {string|HTMLCanvasElement} canvas
+   * @param {Integer} topX
+   * @param {Integer} topY
+   * @param {Integer} width
+   * @param {Integer} height
+   * @throws {Error}
+   * @returns {ImageData} See {@link https://html.spec.whatwg.org/multipage/canvas.html#imagedata}
+   */
+  function getImageDataFromCanvas(canvas, topX, topY, width, height) {
+    if (typeof canvas === 'string') {
+      canvas = document.getElementById(canvas);
+    }
+    if (!canvas || !('getContext' in canvas)) {
+      return;
+    }
+
+    var context = canvas.getContext('2d');
+
+    try {
+      return context.getImageData(topX, topY, width, height);
+    } catch (e) {
+      throw new Error('unable to access image data: ' + e);
+    }
+  }
+
+  /**
+   * @param {HTMLCanvasElement} canvas
+   * @param {Integer} topX
+   * @param {Integer} topY
+   * @param {Integer} width
+   * @param {Integer} height
+   * @param {Float} radius
+   * @returns {undefined}
+   */
+  function processCanvasRGBA(canvas, topX, topY, width, height, radius) {
+    if (isNaN(radius) || radius < 1) {
+      return;
+    }
+    radius |= 0;
+
+    var imageData = getImageDataFromCanvas(canvas, topX, topY, width, height);
+
+    imageData = processImageDataRGBA(imageData, topX, topY, width, height, radius);
+
+    canvas.getContext('2d').putImageData(imageData, topX, topY);
+  }
+
+  /**
+   * @param {ImageData} imageData
+   * @param {Integer} topX
+   * @param {Integer} topY
+   * @param {Integer} width
+   * @param {Integer} height
+   * @param {Float} radius
+   * @returns {ImageData}
+   */
+  function processImageDataRGBA(imageData, topX, topY, width, height, radius) {
+    var pixels = imageData.data;
+
+    var x = void 0,
+        y = void 0,
+        i = void 0,
+        p = void 0,
+        yp = void 0,
+        yi = void 0,
+        yw = void 0,
+        rSum = void 0,
+        gSum = void 0,
+        bSum = void 0,
+        aSum = void 0,
+        rOutSum = void 0,
+        gOutSum = void 0,
+        bOutSum = void 0,
+        aOutSum = void 0,
+        rInSum = void 0,
+        gInSum = void 0,
+        bInSum = void 0,
+        aInSum = void 0,
+        pr = void 0,
+        pg = void 0,
+        pb = void 0,
+        pa = void 0,
+        rbs = void 0;
+
+    var div = radius + radius + 1;
+    // const w4 = width << 2;
+    var widthMinus1 = width - 1;
+    var heightMinus1 = height - 1;
+    var radiusPlus1 = radius + 1;
+    var sumFactor = radiusPlus1 * (radiusPlus1 + 1) / 2;
+
+    var stackStart = new BlurStack();
+    var stack = stackStart;
+    var stackEnd = void 0;
+    for (i = 1; i < div; i++) {
+      stack = stack.next = new BlurStack();
+      if (i === radiusPlus1) {
+        stackEnd = stack;
+      }
+    }
+    stack.next = stackStart;
+    var stackIn = null;
+    var stackOut = null;
+
+    yw = yi = 0;
+
+    var mulSum = mulTable[radius];
+    var shgSum = shgTable[radius];
+
+    for (y = 0; y < height; y++) {
+      rInSum = gInSum = bInSum = aInSum = rSum = gSum = bSum = aSum = 0;
+
+      rOutSum = radiusPlus1 * (pr = pixels[yi]);
+      gOutSum = radiusPlus1 * (pg = pixels[yi + 1]);
+      bOutSum = radiusPlus1 * (pb = pixels[yi + 2]);
+      aOutSum = radiusPlus1 * (pa = pixels[yi + 3]);
+
+      rSum += sumFactor * pr;
+      gSum += sumFactor * pg;
+      bSum += sumFactor * pb;
+      aSum += sumFactor * pa;
+
+      stack = stackStart;
+
+      for (i = 0; i < radiusPlus1; i++) {
+        stack.r = pr;
+        stack.g = pg;
+        stack.b = pb;
+        stack.a = pa;
+        stack = stack.next;
+      }
+
+      for (i = 1; i < radiusPlus1; i++) {
+        p = yi + ((widthMinus1 < i ? widthMinus1 : i) << 2);
+        rSum += (stack.r = pr = pixels[p]) * (rbs = radiusPlus1 - i);
+        gSum += (stack.g = pg = pixels[p + 1]) * rbs;
+        bSum += (stack.b = pb = pixels[p + 2]) * rbs;
+        aSum += (stack.a = pa = pixels[p + 3]) * rbs;
+
+        rInSum += pr;
+        gInSum += pg;
+        bInSum += pb;
+        aInSum += pa;
+
+        stack = stack.next;
+      }
+
+      stackIn = stackStart;
+      stackOut = stackEnd;
+      for (x = 0; x < width; x++) {
+        pixels[yi + 3] = pa = aSum * mulSum >> shgSum;
+        if (pa !== 0) {
+          pa = 255 / pa;
+          pixels[yi] = (rSum * mulSum >> shgSum) * pa;
+          pixels[yi + 1] = (gSum * mulSum >> shgSum) * pa;
+          pixels[yi + 2] = (bSum * mulSum >> shgSum) * pa;
+        } else {
+          pixels[yi] = pixels[yi + 1] = pixels[yi + 2] = 0;
+        }
+
+        rSum -= rOutSum;
+        gSum -= gOutSum;
+        bSum -= bOutSum;
+        aSum -= aOutSum;
+
+        rOutSum -= stackIn.r;
+        gOutSum -= stackIn.g;
+        bOutSum -= stackIn.b;
+        aOutSum -= stackIn.a;
+
+        p = yw + ((p = x + radius + 1) < widthMinus1 ? p : widthMinus1) << 2;
+
+        rInSum += stackIn.r = pixels[p];
+        gInSum += stackIn.g = pixels[p + 1];
+        bInSum += stackIn.b = pixels[p + 2];
+        aInSum += stackIn.a = pixels[p + 3];
+
+        rSum += rInSum;
+        gSum += gInSum;
+        bSum += bInSum;
+        aSum += aInSum;
+
+        stackIn = stackIn.next;
+
+        rOutSum += pr = stackOut.r;
+        gOutSum += pg = stackOut.g;
+        bOutSum += pb = stackOut.b;
+        aOutSum += pa = stackOut.a;
+
+        rInSum -= pr;
+        gInSum -= pg;
+        bInSum -= pb;
+        aInSum -= pa;
+
+        stackOut = stackOut.next;
+
+        yi += 4;
+      }
+      yw += width;
+    }
+
+    for (x = 0; x < width; x++) {
+      gInSum = bInSum = aInSum = rInSum = gSum = bSum = aSum = rSum = 0;
+
+      yi = x << 2;
+      rOutSum = radiusPlus1 * (pr = pixels[yi]);
+      gOutSum = radiusPlus1 * (pg = pixels[yi + 1]);
+      bOutSum = radiusPlus1 * (pb = pixels[yi + 2]);
+      aOutSum = radiusPlus1 * (pa = pixels[yi + 3]);
+
+      rSum += sumFactor * pr;
+      gSum += sumFactor * pg;
+      bSum += sumFactor * pb;
+      aSum += sumFactor * pa;
+
+      stack = stackStart;
+
+      for (i = 0; i < radiusPlus1; i++) {
+        stack.r = pr;
+        stack.g = pg;
+        stack.b = pb;
+        stack.a = pa;
+        stack = stack.next;
+      }
+
+      yp = width;
+
+      for (i = 1; i <= radius; i++) {
+        yi = yp + x << 2;
+
+        rSum += (stack.r = pr = pixels[yi]) * (rbs = radiusPlus1 - i);
+        gSum += (stack.g = pg = pixels[yi + 1]) * rbs;
+        bSum += (stack.b = pb = pixels[yi + 2]) * rbs;
+        aSum += (stack.a = pa = pixels[yi + 3]) * rbs;
+
+        rInSum += pr;
+        gInSum += pg;
+        bInSum += pb;
+        aInSum += pa;
+
+        stack = stack.next;
+
+        if (i < heightMinus1) {
+          yp += width;
+        }
+      }
+
+      yi = x;
+      stackIn = stackStart;
+      stackOut = stackEnd;
+      for (y = 0; y < height; y++) {
+        p = yi << 2;
+        pixels[p + 3] = pa = aSum * mulSum >> shgSum;
+        if (pa > 0) {
+          pa = 255 / pa;
+          pixels[p] = (rSum * mulSum >> shgSum) * pa;
+          pixels[p + 1] = (gSum * mulSum >> shgSum) * pa;
+          pixels[p + 2] = (bSum * mulSum >> shgSum) * pa;
+        } else {
+          pixels[p] = pixels[p + 1] = pixels[p + 2] = 0;
+        }
+
+        rSum -= rOutSum;
+        gSum -= gOutSum;
+        bSum -= bOutSum;
+        aSum -= aOutSum;
+
+        rOutSum -= stackIn.r;
+        gOutSum -= stackIn.g;
+        bOutSum -= stackIn.b;
+        aOutSum -= stackIn.a;
+
+        p = x + ((p = y + radiusPlus1) < heightMinus1 ? p : heightMinus1) * width << 2;
+
+        rSum += rInSum += stackIn.r = pixels[p];
+        gSum += gInSum += stackIn.g = pixels[p + 1];
+        bSum += bInSum += stackIn.b = pixels[p + 2];
+        aSum += aInSum += stackIn.a = pixels[p + 3];
+
+        stackIn = stackIn.next;
+
+        rOutSum += pr = stackOut.r;
+        gOutSum += pg = stackOut.g;
+        bOutSum += pb = stackOut.b;
+        aOutSum += pa = stackOut.a;
+
+        rInSum -= pr;
+        gInSum -= pg;
+        bInSum -= pb;
+        aInSum -= pa;
+
+        stackOut = stackOut.next;
+
+        yi += width;
+      }
+    }
+    return imageData;
+  }
+
+  /**
+   *
+   */
+  var BlurStack = function BlurStack() {
+    classCallCheck(this, BlurStack);
+
+    this.r = 0;
+    this.g = 0;
+    this.b = 0;
+    this.a = 0;
+    this.next = null;
+  };
+
+  /* eslint-disable new-cap */
+
+  var canvasRGBA_ = processCanvasRGBA;
+
+  /**
+  * @typedef {PlainObject} module:canvg.CanvgOptions
+  * @property {boolean} opts.ignoreMouse true => ignore mouse events
+  * @property {boolean} opts.ignoreAnimation true => ignore animations
+  * @property {boolean} opts.ignoreDimensions true => does not try to resize canvas
+  * @property {boolean} opts.ignoreClear true => does not clear canvas
+  * @property {Integer} opts.offsetX int => draws at a x offset
+  * @property {Integer} opts.offsetY int => draws at a y offset
+  * @property {Integer} opts.scaleWidth int => scales horizontally to width
+  * @property {Integer} opts.scaleHeight int => scales vertically to height
+  * @property {module:canvg.ForceRedraw} opts.forceRedraw function => will call the function on every frame, if it returns true, will redraw
+  * @property {boolean} opts.log Adds log function
+  * @property {boolean} opts.useCORS Whether to set CORS `crossOrigin` for the image to `Anonymous`
+  */
+
+  /**
+  * If called with no arguments, it will replace all `<svg>` elements on the page with `<canvas>` elements
+  * @function module:canvg.canvg
+  * @param {HTMLCanvasElement|string} target canvas element or the id of a canvas element
+  * @param {string|XMLDocument} s: svg string, url to svg file, or xml document
+  * @param {module:canvg.CanvgOptions} [opts] Optional hash of options
+  * @returns {Promise} All the function after the first render is completed with dom
+  */
+  var canvg = function canvg(target, s, opts) {
+    // no parameters
+    if (target == null && s == null && opts == null) {
+      var svgTags = document.querySelectorAll('svg');
+      return Promise.all([].concat(toConsumableArray(svgTags)).map(function (svgTag) {
+        var c = document.createElement('canvas');
+        c.width = svgTag.clientWidth;
+        c.height = svgTag.clientHeight;
+        svgTag.before(c);
+        svgTag.remove();
+        var div = document.createElement('div');
+        div.append(svgTag);
+        return canvg(c, div.innerHTML);
+      }));
+    }
+
+    if (typeof target === 'string') {
+      target = document.getElementById(target);
+    }
+
+    // store class on canvas
+    if (target.svg != null) target.svg.stop();
+    var svg = build(opts || {});
+    // on i.e. 8 for flash canvas, we can't assign the property so check for it
+    if (!(target.childNodes.length === 1 && target.childNodes[0].nodeName === 'OBJECT')) {
+      target.svg = svg;
+    }
+
+    var ctx = target.getContext('2d');
+    if (typeof s.documentElement !== 'undefined') {
+      // load from xml doc
+      return svg.loadXmlDoc(ctx, s);
+    }
+    if (s.substr(0, 1) === '<') {
+      // load from xml string
+      return svg.loadXml(ctx, s);
+    }
+    // load from url
+    return svg.load(ctx, s);
+  };
+
+  /**
+  * @param {module:canvg.CanvgOptions} opts
+  * @returns {object}
+  * @todo Flesh out exactly what object is returned here (after updating to latest and reincluding our changes here and those of StackBlur)
+  */
+  function build(opts) {
+    var svg = { opts: opts };
+
+    svg.FRAMERATE = 30;
+    svg.MAX_VIRTUAL_PIXELS = 30000;
+
+    svg.log = function (msg) {};
+    if (svg.opts.log === true && typeof console !== 'undefined') {
+      svg.log = function (msg) {
+        console.log(msg);
+      };
+    }
+
+    // globals
+    svg.init = function (ctx) {
+      var uniqueId = 0;
+      svg.UniqueId = function () {
+        uniqueId++;
+        return 'canvg' + uniqueId;
+      };
+      svg.Definitions = {};
+      svg.Styles = {};
+      svg.Animations = [];
+      svg.Images = [];
+      svg.ctx = ctx;
+      svg.ViewPort = {
+        viewPorts: [],
+        Clear: function Clear() {
+          this.viewPorts = [];
+        },
+        SetCurrent: function SetCurrent(width, height) {
+          this.viewPorts.push({ width: width, height: height });
+        },
+        RemoveCurrent: function RemoveCurrent() {
+          this.viewPorts.pop();
+        },
+        Current: function Current() {
+          return this.viewPorts[this.viewPorts.length - 1];
+        },
+        width: function width() {
+          return this.Current().width;
+        },
+        height: function height() {
+          return this.Current().height;
+        },
+        ComputeSize: function ComputeSize(d) {
+          if (d != null && typeof d === 'number') return d;
+          if (d === 'x') return this.width();
+          if (d === 'y') return this.height();
+          return Math.sqrt(Math.pow(this.width(), 2) + Math.pow(this.height(), 2)) / Math.sqrt(2);
+        }
+      };
+    };
+    svg.init();
+
+    // images loaded
+    svg.ImagesLoaded = function () {
+      return svg.Images.every(function (img) {
+        return img.loaded;
+      });
+    };
+
+    // trim
+    svg.trim = function (s) {
+      return s.replace(/^\s+|\s+$/g, '');
+    };
+
+    // compress spaces
+    svg.compressSpaces = function (s) {
+      return s.replace(/[\s\r\t\n]+/gm, ' ');
+    };
+
+    // ajax
+    svg.ajax = function (url, asynch) {
+      var AJAX = window.XMLHttpRequest ? new XMLHttpRequest() : new window.ActiveXObject('Microsoft.XMLHTTP');
+      if (!AJAX) {
+        return null;
+      }
+      if (asynch) {
+        return new Promise(function (resolve, reject) {
+          var req = AJAX.open('GET', url, true);
+          req.addEventListener('load', function () {
+            resolve(AJAX.responseText);
+          });
+          AJAX.send(null);
+        });
+      }
+
+      AJAX.open('GET', url, false);
+      AJAX.send(null);
+      return AJAX.responseText;
+    };
+
+    // parse xml
+    svg.parseXml = function (xml) {
+      if (window.DOMParser) {
+        var parser = new DOMParser();
+        return parser.parseFromString(xml, 'text/xml');
+      } else {
+        xml = xml.replace(/<!DOCTYPE svg[^>]*>/, '');
+        var xmlDoc = new window.ActiveXObject('Microsoft.XMLDOM');
+        xmlDoc.async = 'false';
+        xmlDoc.loadXML(xml);
+        return xmlDoc;
+      }
+    };
+
+    // text extensions
+    // get the text baseline
+    var textBaselineMapping = {
+      baseline: 'alphabetic',
+      'before-edge': 'top',
+      'text-before-edge': 'top',
+      middle: 'middle',
+      central: 'middle',
+      'after-edge': 'bottom',
+      'text-after-edge': 'bottom',
+      ideographic: 'ideographic',
+      alphabetic: 'alphabetic',
+      hanging: 'hanging',
+      mathematical: 'alphabetic'
+    };
+
+    svg.Property = function () {
+      function Property(name, value) {
+        classCallCheck(this, Property);
+
+        this.name = name;
+        this.value = value;
+      }
+
+      createClass(Property, [{
+        key: 'getValue',
+        value: function getValue() {
+          return this.value;
+        }
+      }, {
+        key: 'hasValue',
+        value: function hasValue() {
+          return this.value != null && this.value !== '';
+        }
+
+        // return the numerical value of the property
+
+      }, {
+        key: 'numValue',
+        value: function numValue() {
+          if (!this.hasValue()) return 0;
+
+          var n = parseFloat(this.value);
+          if ((this.value + '').match(/%$/)) {
+            n = n / 100.0;
+          }
+          return n;
+        }
+      }, {
+        key: 'valueOrDefault',
+        value: function valueOrDefault(def) {
+          if (this.hasValue()) return this.value;
+          return def;
+        }
+      }, {
+        key: 'numValueOrDefault',
+        value: function numValueOrDefault(def) {
+          if (this.hasValue()) return this.numValue();
+          return def;
+        }
+
+        // color extensions
+        // augment the current color value with the opacity
+
+      }, {
+        key: 'addOpacity',
+        value: function addOpacity(opacityProp) {
+          var newValue = this.value;
+          if (opacityProp.value != null && opacityProp.value !== '' && typeof this.value === 'string') {
+            // can only add opacity to colors, not patterns
+            var color = new RGBColor(this.value);
+            if (color.ok) {
+              newValue = 'rgba(' + color.r + ', ' + color.g + ', ' + color.b + ', ' + opacityProp.numValue() + ')';
+            }
+          }
+          return new svg.Property(this.name, newValue);
+        }
+
+        // definition extensions
+        // get the definition from the definitions table
+
+      }, {
+        key: 'getDefinition',
+        value: function getDefinition() {
+          var name = this.value.match(/#([^)'"]+)/);
+          if (name) {
+            name = name[1];
+          }
+          if (!name) {
+            name = this.value;
+          }
+          return svg.Definitions[name];
+        }
+      }, {
+        key: 'isUrlDefinition',
+        value: function isUrlDefinition() {
+          return this.value.startsWith('url(');
+        }
+      }, {
+        key: 'getFillStyleDefinition',
+        value: function getFillStyleDefinition(e, opacityProp) {
+          var def = this.getDefinition();
+
+          // gradient
+          if (def != null && def.createGradient) {
+            return def.createGradient(svg.ctx, e, opacityProp);
+          }
+
+          // pattern
+          if (def != null && def.createPattern) {
+            if (def.getHrefAttribute().hasValue()) {
+              var pt = def.attribute('patternTransform');
+              def = def.getHrefAttribute().getDefinition();
+              if (pt.hasValue()) {
+                def.attribute('patternTransform', true).value = pt.value;
+              }
+            }
+            return def.createPattern(svg.ctx, e);
+          }
+
+          return null;
+        }
+
+        // length extensions
+
+      }, {
+        key: 'getDPI',
+        value: function getDPI(viewPort) {
+          return 96.0; // TODO: compute?
+        }
+      }, {
+        key: 'getEM',
+        value: function getEM(viewPort) {
+          var em = 12;
+
+          var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
+          if (fontSize.hasValue()) em = fontSize.toPixels(viewPort);
+
+          return em;
+        }
+      }, {
+        key: 'getUnits',
+        value: function getUnits() {
+          var s = this.value + '';
+          return s.replace(/[0-9.-]/g, '');
+        }
+
+        // get the length as pixels
+
+      }, {
+        key: 'toPixels',
+        value: function toPixels(viewPort, processPercent) {
+          if (!this.hasValue()) return 0;
+          var s = this.value + '';
+          if (s.match(/em$/)) return this.numValue() * this.getEM(viewPort);
+          if (s.match(/ex$/)) return this.numValue() * this.getEM(viewPort) / 2.0;
+          if (s.match(/px$/)) return this.numValue();
+          if (s.match(/pt$/)) return this.numValue() * this.getDPI(viewPort) * (1.0 / 72.0);
+          if (s.match(/pc$/)) return this.numValue() * 15;
+          if (s.match(/cm$/)) return this.numValue() * this.getDPI(viewPort) / 2.54;
+          if (s.match(/mm$/)) return this.numValue() * this.getDPI(viewPort) / 25.4;
+          if (s.match(/in$/)) return this.numValue() * this.getDPI(viewPort);
+          if (s.match(/%$/)) return this.numValue() * svg.ViewPort.ComputeSize(viewPort);
+          var n = this.numValue();
+          if (processPercent && n < 1.0) return n * svg.ViewPort.ComputeSize(viewPort);
+          return n;
+        }
+
+        // time extensions
+        // get the time as milliseconds
+
+      }, {
+        key: 'toMilliseconds',
+        value: function toMilliseconds() {
+          if (!this.hasValue()) return 0;
+          var s = this.value + '';
+          if (s.match(/s$/)) return this.numValue() * 1000;
+          if (s.match(/ms$/)) return this.numValue();
+          return this.numValue();
+        }
+
+        // angle extensions
+        // get the angle as radians
+
+      }, {
+        key: 'toRadians',
+        value: function toRadians() {
+          if (!this.hasValue()) return 0;
+          var s = this.value + '';
+          if (s.match(/deg$/)) return this.numValue() * (Math.PI / 180.0);
+          if (s.match(/grad$/)) return this.numValue() * (Math.PI / 200.0);
+          if (s.match(/rad$/)) return this.numValue();
+          return this.numValue() * (Math.PI / 180.0);
+        }
+      }, {
+        key: 'toTextBaseline',
+        value: function toTextBaseline() {
+          if (!this.hasValue()) return null;
+          return textBaselineMapping[this.value];
+        }
+      }]);
+      return Property;
+    }();
+
+    // fonts
+    svg.Font = {
+      Styles: 'normal|italic|oblique|inherit',
+      Variants: 'normal|small-caps|inherit',
+      Weights: 'normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900|inherit',
+
+      CreateFont: function CreateFont(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit) {
+        var f = inherit != null ? this.Parse(inherit) : this.CreateFont('', '', '', '', '', svg.ctx.font);
+        return {
+          fontFamily: fontFamily || f.fontFamily,
+          fontSize: fontSize || f.fontSize,
+          fontStyle: fontStyle || f.fontStyle,
+          fontWeight: fontWeight || f.fontWeight,
+          fontVariant: fontVariant || f.fontVariant,
+          toString: function toString() {
+            return [this.fontStyle, this.fontVariant, this.fontWeight, this.fontSize, this.fontFamily].join(' ');
+          }
+        };
+      },
+      Parse: function Parse(s) {
+        var _this = this;
+
+        var f = {};
+        var d = svg.trim(svg.compressSpaces(s || '')).split(' ');
+        var set$$1 = {
+          fontSize: false, fontStyle: false, fontWeight: false, fontVariant: false
+        };
+        var ff = '';
+        d.forEach(function (d) {
+          if (!set$$1.fontStyle && _this.Styles.includes(d)) {
+            if (d !== 'inherit') {
+              f.fontStyle = d;
+            }
+            set$$1.fontStyle = true;
+          } else if (!set$$1.fontVariant && _this.Variants.includes(d)) {
+            if (d !== 'inherit') {
+              f.fontVariant = d;
+            }
+            set$$1.fontStyle = set$$1.fontVariant = true;
+          } else if (!set$$1.fontWeight && _this.Weights.includes(d)) {
+            if (d !== 'inherit') {
+              f.fontWeight = d;
+            }
+            set$$1.fontStyle = set$$1.fontVariant = set$$1.fontWeight = true;
+          } else if (!set$$1.fontSize) {
+            if (d !== 'inherit') {
+              f.fontSize = d.split('/')[0];
+            }
+            set$$1.fontStyle = set$$1.fontVariant = set$$1.fontWeight = set$$1.fontSize = true;
+          } else {
+            if (d !== 'inherit') {
+              ff += d;
+            }
+          }
+        });
+        if (ff !== '') {
+          f.fontFamily = ff;
+        }
+        return f;
+      }
+    };
+
+    // points and paths
+    svg.ToNumberArray = function (s) {
+      var a = svg.trim(svg.compressSpaces((s || '').replace(/,/g, ' '))).split(' ');
+      return a.map(function (a) {
+        return parseFloat(a);
+      });
+    };
+    svg.Point = function () {
+      function _class(x, y) {
+        classCallCheck(this, _class);
+
+        this.x = x;
+        this.y = y;
+      }
+
+      createClass(_class, [{
+        key: 'angleTo',
+        value: function angleTo(p) {
+          return Math.atan2(p.y - this.y, p.x - this.x);
+        }
+      }, {
+        key: 'applyTransform',
+        value: function applyTransform(v) {
+          var xp = this.x * v[0] + this.y * v[2] + v[4];
+          var yp = this.x * v[1] + this.y * v[3] + v[5];
+          this.x = xp;
+          this.y = yp;
+        }
+      }]);
+      return _class;
+    }();
+
+    svg.CreatePoint = function (s) {
+      var a = svg.ToNumberArray(s);
+      return new svg.Point(a[0], a[1]);
+    };
+    svg.CreatePath = function (s) {
+      var a = svg.ToNumberArray(s);
+      var path = [];
+      for (var i = 0; i < a.length; i += 2) {
+        path.push(new svg.Point(a[i], a[i + 1]));
+      }
+      return path;
+    };
+
+    // bounding box
+    svg.BoundingBox = function () {
+      function _class2(x1, y1, x2, y2) {
+        classCallCheck(this, _class2);
+        // pass in initial points if you want
+        this.x1 = Number.NaN;
+        this.y1 = Number.NaN;
+        this.x2 = Number.NaN;
+        this.y2 = Number.NaN;
+        this.addPoint(x1, y1);
+        this.addPoint(x2, y2);
+      }
+
+      createClass(_class2, [{
+        key: 'x',
+        value: function x() {
+          return this.x1;
+        }
+      }, {
+        key: 'y',
+        value: function y() {
+          return this.y1;
+        }
+      }, {
+        key: 'width',
+        value: function width() {
+          return this.x2 - this.x1;
+        }
+      }, {
+        key: 'height',
+        value: function height() {
+          return this.y2 - this.y1;
+        }
+      }, {
+        key: 'addPoint',
+        value: function addPoint(x, y) {
+          if (x != null) {
+            if (isNaN(this.x1) || isNaN(this.x2)) {
+              this.x1 = x;
+              this.x2 = x;
+            }
+            if (x < this.x1) this.x1 = x;
+            if (x > this.x2) this.x2 = x;
+          }
+
+          if (y != null) {
+            if (isNaN(this.y1) || isNaN(this.y2)) {
+              this.y1 = y;
+              this.y2 = y;
+            }
+            if (y < this.y1) this.y1 = y;
+            if (y > this.y2) this.y2 = y;
+          }
+        }
+      }, {
+        key: 'addX',
+        value: function addX(x) {
+          this.addPoint(x, null);
+        }
+      }, {
+        key: 'addY',
+        value: function addY(y) {
+          this.addPoint(null, y);
+        }
+      }, {
+        key: 'addBoundingBox',
+        value: function addBoundingBox(bb) {
+          this.addPoint(bb.x1, bb.y1);
+          this.addPoint(bb.x2, bb.y2);
+        }
+      }, {
+        key: 'addQuadraticCurve',
+        value: function addQuadraticCurve(p0x, p0y, p1x, p1y, p2x, p2y) {
+          var cp1x = p0x + 2 / 3 * (p1x - p0x); // CP1 = QP0 + 2/3 *(QP1-QP0)
+          var cp1y = p0y + 2 / 3 * (p1y - p0y); // CP1 = QP0 + 2/3 *(QP1-QP0)
+          var cp2x = cp1x + 1 / 3 * (p2x - p0x); // CP2 = CP1 + 1/3 *(QP2-QP0)
+          var cp2y = cp1y + 1 / 3 * (p2y - p0y); // CP2 = CP1 + 1/3 *(QP2-QP0)
+          this.addBezierCurve(p0x, p0y, cp1x, cp2x, cp1y, cp2y, p2x, p2y);
+        }
+      }, {
+        key: 'addBezierCurve',
+        value: function addBezierCurve(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {
+          var _this2 = this;
+
+          // from http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html
+          var p0 = [p0x, p0y],
+              p1 = [p1x, p1y],
+              p2 = [p2x, p2y],
+              p3 = [p3x, p3y];
+          this.addPoint(p0[0], p0[1]);
+          this.addPoint(p3[0], p3[1]);
+
+          var _loop = function _loop(i) {
+            var f = function f(t) {
+              return Math.pow(1 - t, 3) * p0[i] + 3 * Math.pow(1 - t, 2) * t * p1[i] + 3 * (1 - t) * Math.pow(t, 2) * p2[i] + Math.pow(t, 3) * p3[i];
+            };
+
+            var b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
+            var a = -3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
+            var c = 3 * p1[i] - 3 * p0[i];
+
+            if (a === 0) {
+              if (b === 0) return 'continue';
+              var t = -c / b;
+              if (t > 0 && t < 1) {
+                if (i === 0) _this2.addX(f(t));
+                if (i === 1) _this2.addY(f(t));
+              }
+              return 'continue';
+            }
+
+            var b2ac = Math.pow(b, 2) - 4 * c * a;
+            if (b2ac < 0) return 'continue';
+            var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
+            if (t1 > 0 && t1 < 1) {
+              if (i === 0) _this2.addX(f(t1));
+              if (i === 1) _this2.addY(f(t1));
+            }
+            var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
+            if (t2 > 0 && t2 < 1) {
+              if (i === 0) _this2.addX(f(t2));
+              if (i === 1) _this2.addY(f(t2));
+            }
+          };
+
+          for (var i = 0; i <= 1; i++) {
+            var _ret = _loop(i);
+
+            if (_ret === 'continue') continue;
+          }
+        }
+      }, {
+        key: 'isPointInBox',
+        value: function isPointInBox(x, y) {
+          return this.x1 <= x && x <= this.x2 && this.y1 <= y && y <= this.y2;
+        }
+      }]);
+      return _class2;
+    }();
+
+    // transforms
+    svg.Transform = function () {
+      function _class3(v) {
+        var _this6 = this;
+
+        classCallCheck(this, _class3);
+
+        this.Type = {
+          translate: function translate(s) {
+            classCallCheck(this, translate);
+
+            this.p = svg.CreatePoint(s);
+            this.apply = function (ctx) {
+              ctx.translate(this.p.x || 0.0, this.p.y || 0.0);
+            };
+            this.unapply = function (ctx) {
+              ctx.translate(-1.0 * this.p.x || 0.0, -1.0 * this.p.y || 0.0);
+            };
+            this.applyToPoint = function (p) {
+              p.applyTransform([1, 0, 0, 1, this.p.x || 0.0, this.p.y || 0.0]);
+            };
+          },
+          rotate: function rotate(s) {
+            classCallCheck(this, rotate);
+
+            var a = svg.ToNumberArray(s);
+            this.angle = new svg.Property('angle', a[0]);
+            this.cx = a[1] || 0;
+            this.cy = a[2] || 0;
+            this.apply = function (ctx) {
+              ctx.translate(this.cx, this.cy);
+              ctx.rotate(this.angle.toRadians());
+              ctx.translate(-this.cx, -this.cy);
+            };
+            this.unapply = function (ctx) {
+              ctx.translate(this.cx, this.cy);
+              ctx.rotate(-1.0 * this.angle.toRadians());
+              ctx.translate(-this.cx, -this.cy);
+            };
+            this.applyToPoint = function (p) {
+              var a = this.angle.toRadians();
+              p.applyTransform([1, 0, 0, 1, this.p.x || 0.0, this.p.y || 0.0]);
+              p.applyTransform([Math.cos(a), Math.sin(a), -Math.sin(a), Math.cos(a), 0, 0]);
+              p.applyTransform([1, 0, 0, 1, -this.p.x || 0.0, -this.p.y || 0.0]);
+            };
+          },
+          scale: function scale(s) {
+            classCallCheck(this, scale);
+
+            this.p = svg.CreatePoint(s);
+            this.apply = function (ctx) {
+              ctx.scale(this.p.x || 1.0, this.p.y || this.p.x || 1.0);
+            };
+            this.unapply = function (ctx) {
+              ctx.scale(1.0 / this.p.x || 1.0, 1.0 / this.p.y || this.p.x || 1.0);
+            };
+            this.applyToPoint = function (p) {
+              p.applyTransform([this.p.x || 0.0, 0, 0, this.p.y || 0.0, 0, 0]);
+            };
+          },
+          matrix: function matrix(s) {
+            classCallCheck(this, matrix);
+
+            this.m = svg.ToNumberArray(s);
+            this.apply = function (ctx) {
+              ctx.transform(this.m[0], this.m[1], this.m[2], this.m[3], this.m[4], this.m[5]);
+            };
+            this.applyToPoint = function (p) {
+              p.applyTransform(this.m);
+            };
+          }
+        };
+        Object.assign(this.Type, {
+          SkewBase: function (_Type$matrix) {
+            inherits(SkewBase, _Type$matrix);
+
+            function SkewBase(s) {
+              classCallCheck(this, SkewBase);
+
+              var _this3 = possibleConstructorReturn(this, (SkewBase.__proto__ || Object.getPrototypeOf(SkewBase)).call(this, s));
+
+              _this3.angle = new svg.Property('angle', s);
+              return _this3;
+            }
+
+            return SkewBase;
+          }(this.Type.matrix)
+        });
+        Object.assign(this.Type, {
+          skewX: function (_Type$SkewBase) {
+            inherits(skewX, _Type$SkewBase);
+
+            function skewX(s) {
+              classCallCheck(this, skewX);
+
+              var _this4 = possibleConstructorReturn(this, (skewX.__proto__ || Object.getPrototypeOf(skewX)).call(this, s));
+
+              _this4.m = [1, 0, Math.tan(_this4.angle.toRadians()), 1, 0, 0];
+              return _this4;
+            }
+
+            return skewX;
+          }(this.Type.SkewBase),
+          skewY: function (_Type$SkewBase2) {
+            inherits(skewY, _Type$SkewBase2);
+
+            function skewY(s) {
+              classCallCheck(this, skewY);
+
+              var _this5 = possibleConstructorReturn(this, (skewY.__proto__ || Object.getPrototypeOf(skewY)).call(this, s));
+
+              _this5.m = [1, Math.tan(_this5.angle.toRadians()), 0, 1, 0, 0];
+              return _this5;
+            }
+
+            return skewY;
+          }(this.Type.SkewBase)
+        });
+
+        var data = svg.trim(svg.compressSpaces(v)).replace(/\)([a-zA-Z])/g, ') $1').replace(/\)(\s?,\s?)/g, ') ').split(/\s(?=[a-z])/);
+        this.transforms = data.map(function (d) {
+          var type = svg.trim(d.split('(')[0]);
+          var s = d.split('(')[1].replace(')', '');
+          var transform = new _this6.Type[type](s);
+          transform.type = type;
+          return transform;
+        });
+      }
+
+      createClass(_class3, [{
+        key: 'apply',
+        value: function apply(ctx) {
+          this.transforms.forEach(function (transform) {
+            transform.apply(ctx);
+          });
+        }
+      }, {
+        key: 'unapply',
+        value: function unapply(ctx) {
+          for (var i = this.transforms.length - 1; i >= 0; i--) {
+            this.transforms[i].unapply(ctx);
+          }
+        }
+      }, {
+        key: 'applyToPoint',
+        value: function applyToPoint(p) {
+          this.transforms.forEach(function (transform) {
+            transform.applyToPoint(p);
+          });
+        }
+      }]);
+      return _class3;
+    }();
+
+    // aspect ratio
+    svg.AspectRatio = function (ctx, aspectRatio, width, desiredWidth, height, desiredHeight, minX, minY, refX, refY) {
+      // aspect ratio - https://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute
+      aspectRatio = svg.compressSpaces(aspectRatio);
+      aspectRatio = aspectRatio.replace(/^defer\s/, ''); // ignore defer
+      var align = aspectRatio.split(' ')[0] || 'xMidYMid';
+      var meetOrSlice = aspectRatio.split(' ')[1] || 'meet';
+
+      // calculate scale
+      var scaleX = width / desiredWidth;
+      var scaleY = height / desiredHeight;
+      var scaleMin = Math.min(scaleX, scaleY);
+      var scaleMax = Math.max(scaleX, scaleY);
+      if (meetOrSlice === 'meet') {
+        desiredWidth *= scaleMin;desiredHeight *= scaleMin;
+      }
+      if (meetOrSlice === 'slice') {
+        desiredWidth *= scaleMax;desiredHeight *= scaleMax;
+      }
+
+      refX = new svg.Property('refX', refX);
+      refY = new svg.Property('refY', refY);
+      if (refX.hasValue() && refY.hasValue()) {
+        ctx.translate(-scaleMin * refX.toPixels('x'), -scaleMin * refY.toPixels('y'));
+      } else {
+        // align
+        if (align.match(/^xMid/) && (meetOrSlice === 'meet' && scaleMin === scaleY || meetOrSlice === 'slice' && scaleMax === scaleY)) ctx.translate(width / 2.0 - desiredWidth / 2.0, 0);
+        if (align.match(/YMid$/) && (meetOrSlice === 'meet' && scaleMin === scaleX || meetOrSlice === 'slice' && scaleMax === scaleX)) ctx.translate(0, height / 2.0 - desiredHeight / 2.0);
+        if (align.match(/^xMax/) && (meetOrSlice === 'meet' && scaleMin === scaleY || meetOrSlice === 'slice' && scaleMax === scaleY)) ctx.translate(width - desiredWidth, 0);
+        if (align.match(/YMax$/) && (meetOrSlice === 'meet' && scaleMin === scaleX || meetOrSlice === 'slice' && scaleMax === scaleX)) ctx.translate(0, height - desiredHeight);
+      }
+
+      // scale
+      if (align === 'none') ctx.scale(scaleX, scaleY);else if (meetOrSlice === 'meet') ctx.scale(scaleMin, scaleMin);else if (meetOrSlice === 'slice') ctx.scale(scaleMax, scaleMax);
+
+      // translate
+      ctx.translate(minX == null ? 0 : -minX, minY == null ? 0 : -minY);
+    };
+
+    // elements
+    svg.Element = {};
+
+    svg.EmptyProperty = new svg.Property('EMPTY', '');
+
+    svg.Element.ElementBase = function () {
+      function _class4(node) {
+        var _this7 = this;
+
+        classCallCheck(this, _class4);
+
+        this.captureTextNodes = arguments[1]; // Argument from inheriting class
+        this.attributes = {};
+        this.styles = {};
+        this.children = [];
+        if (node != null && node.nodeType === 1) {
+          // ELEMENT_NODE
+          // add children
+          [].concat(toConsumableArray(node.childNodes)).forEach(function (childNode) {
+            if (childNode.nodeType === 1) {
+              _this7.addChild(childNode, true); // ELEMENT_NODE
+            }
+            if (_this7.captureTextNodes && (childNode.nodeType === 3 || childNode.nodeType === 4)) {
+              var text = childNode.nodeValue || childNode.text || '';
+              if (svg.trim(svg.compressSpaces(text)) !== '') {
+                _this7.addChild(new svg.Element.tspan(childNode), false); // TEXT_NODE
+              }
+            }
+          });
+
+          // add attributes
+          [].concat(toConsumableArray(node.attributes)).forEach(function (_ref) {
+            var nodeName = _ref.nodeName,
+                nodeValue = _ref.nodeValue;
+
+            _this7.attributes[nodeName] = new svg.Property(nodeName, nodeValue);
+          });
+          // add tag styles
+          var styles = svg.Styles[node.nodeName];
+          if (styles != null) {
+            for (var name in styles) {
+              this.styles[name] = styles[name];
+            }
+          }
+
+          // add class styles
+          if (this.attribute('class').hasValue()) {
+            var classes = svg.compressSpaces(this.attribute('class').value).split(' ');
+            classes.forEach(function (clss) {
+              styles = svg.Styles['.' + clss];
+              if (styles != null) {
+                for (var _name in styles) {
+                  _this7.styles[_name] = styles[_name];
+                }
+              }
+              styles = svg.Styles[node.nodeName + '.' + clss];
+              if (styles != null) {
+                for (var _name2 in styles) {
+                  _this7.styles[_name2] = styles[_name2];
+                }
+              }
+            });
+          }
+
+          // add id styles
+          if (this.attribute('id').hasValue()) {
+            var _styles = svg.Styles['#' + this.attribute('id').value];
+            if (_styles != null) {
+              for (var _name3 in _styles) {
+                this.styles[_name3] = _styles[_name3];
+              }
+            }
+          }
+
+          // add inline styles
+          if (this.attribute('style').hasValue()) {
+            var _styles2 = this.attribute('style').value.split(';');
+            _styles2.forEach(function (style) {
+              if (svg.trim(style) !== '') {
+                var _style$split = style.split(':'),
+                    _name4 = _style$split.name,
+                    value = _style$split.value;
+
+                _name4 = svg.trim(_name4);
+                value = svg.trim(value);
+                _this7.styles[_name4] = new svg.Property(_name4, value);
+              }
+            });
+          }
+
+          // add id
+          if (this.attribute('id').hasValue()) {
+            if (svg.Definitions[this.attribute('id').value] == null) {
+              svg.Definitions[this.attribute('id').value] = this;
+            }
+          }
+        }
+      }
+
+      // get or create attribute
+
+
+      createClass(_class4, [{
+        key: 'attribute',
+        value: function attribute(name, createIfNotExists) {
+          var a = this.attributes[name];
+          if (a != null) return a;
+
+          if (createIfNotExists === true) {
+            a = new svg.Property(name, '');this.attributes[name] = a;
+          }
+          return a || svg.EmptyProperty;
+        }
+      }, {
+        key: 'getHrefAttribute',
+        value: function getHrefAttribute() {
+          for (var a in this.attributes) {
+            if (a.match(/:href$/)) {
+              return this.attributes[a];
+            }
+          }
+          return svg.EmptyProperty;
+        }
+
+        // get or create style, crawls up node tree
+
+      }, {
+        key: 'style',
+        value: function style(name, createIfNotExists, skipAncestors) {
+          var s = this.styles[name];
+          if (s != null) return s;
+
+          var a = this.attribute(name);
+          if (a != null && a.hasValue()) {
+            this.styles[name] = a; // move up to me to cache
+            return a;
+          }
+
+          if (skipAncestors !== true) {
+            var p = this.parent;
+            if (p != null) {
+              var ps = p.style(name);
+              if (ps != null && ps.hasValue()) {
+                return ps;
+              }
+            }
+          }
+
+          if (createIfNotExists === true) {
+            s = new svg.Property(name, '');this.styles[name] = s;
+          }
+          return s || svg.EmptyProperty;
+        }
+
+        // base render
+
+      }, {
+        key: 'render',
+        value: function render(ctx) {
+          // don't render display=none
+          if (this.style('display').value === 'none') return;
+
+          // don't render visibility=hidden
+          if (this.style('visibility').value === 'hidden') return;
+
+          ctx.save();
+          if (this.attribute('mask').hasValue()) {
+            // mask
+            var mask = this.attribute('mask').getDefinition();
+            if (mask != null) mask.apply(ctx, this);
+          } else if (this.style('filter').hasValue()) {
+            // filter
+            var filter = this.style('filter').getDefinition();
+            if (filter != null) filter.apply(ctx, this);
+          } else {
+            this.setContext(ctx);
+            this.renderChildren(ctx);
+            this.clearContext(ctx);
+          }
+          ctx.restore();
+        }
+
+        // base set context
+
+      }, {
+        key: 'setContext',
+        value: function setContext(ctx) {}
+        // OVERRIDE ME!
+
+
+        // base clear context
+
+      }, {
+        key: 'clearContext',
+        value: function clearContext(ctx) {}
+        // OVERRIDE ME!
+
+
+        // base render children
+
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          this.children.forEach(function (child) {
+            child.render(ctx);
+          });
+        }
+      }, {
+        key: 'addChild',
+        value: function addChild(childNode, create) {
+          var child = create ? svg.CreateElement(childNode) : childNode;
+          child.parent = this;
+          if (child.type !== 'title') {
+            this.children.push(child);
+          }
+        }
+      }]);
+      return _class4;
+    }();
+
+    svg.Element.RenderedElementBase = function (_svg$Element$ElementB) {
+      inherits(_class5, _svg$Element$ElementB);
+
+      function _class5() {
+        classCallCheck(this, _class5);
+        return possibleConstructorReturn(this, (_class5.__proto__ || Object.getPrototypeOf(_class5)).apply(this, arguments));
+      }
+
+      createClass(_class5, [{
+        key: 'setContext',
+        value: function setContext(ctx) {
+          // fill
+          if (this.style('fill').isUrlDefinition()) {
+            var fs = this.style('fill').getFillStyleDefinition(this, this.style('fill-opacity'));
+            if (fs != null) ctx.fillStyle = fs;
+          } else if (this.style('fill').hasValue()) {
+            var fillStyle = this.style('fill');
+            if (fillStyle.value === 'currentColor') fillStyle.value = this.style('color').value;
+            ctx.fillStyle = fillStyle.value === 'none' ? 'rgba(0,0,0,0)' : fillStyle.value;
+          }
+          if (this.style('fill-opacity').hasValue()) {
+            var _fillStyle = new svg.Property('fill', ctx.fillStyle);
+            _fillStyle = _fillStyle.addOpacity(this.style('fill-opacity'));
+            ctx.fillStyle = _fillStyle.value;
+          }
+
+          // stroke
+          if (this.style('stroke').isUrlDefinition()) {
+            var _fs = this.style('stroke').getFillStyleDefinition(this, this.style('stroke-opacity'));
+            if (_fs != null) ctx.strokeStyle = _fs;
+          } else if (this.style('stroke').hasValue()) {
+            var strokeStyle = this.style('stroke');
+            if (strokeStyle.value === 'currentColor') strokeStyle.value = this.style('color').value;
+            ctx.strokeStyle = strokeStyle.value === 'none' ? 'rgba(0,0,0,0)' : strokeStyle.value;
+          }
+          if (this.style('stroke-opacity').hasValue()) {
+            var _strokeStyle = new svg.Property('stroke', ctx.strokeStyle);
+            _strokeStyle = _strokeStyle.addOpacity(this.style('stroke-opacity'));
+            ctx.strokeStyle = _strokeStyle.value;
+          }
+          if (this.style('stroke-width').hasValue()) {
+            var newLineWidth = this.style('stroke-width').toPixels();
+            ctx.lineWidth = newLineWidth === 0 ? 0.001 : newLineWidth; // browsers don't respect 0
+          }
+          if (this.style('stroke-linecap').hasValue()) ctx.lineCap = this.style('stroke-linecap').value;
+          if (this.style('stroke-linejoin').hasValue()) ctx.lineJoin = this.style('stroke-linejoin').value;
+          if (this.style('stroke-miterlimit').hasValue()) ctx.miterLimit = this.style('stroke-miterlimit').value;
+          if (this.style('stroke-dasharray').hasValue() && this.style('stroke-dasharray').value !== 'none') {
+            var gaps = svg.ToNumberArray(this.style('stroke-dasharray').value);
+            if (typeof ctx.setLineDash !== 'undefined') {
+              ctx.setLineDash(gaps);
+            } else if (typeof ctx.webkitLineDash !== 'undefined') {
+              ctx.webkitLineDash = gaps;
+            } else if (typeof ctx.mozDash !== 'undefined' && !(gaps.length === 1 && gaps[0] === 0)) {
+              ctx.mozDash = gaps;
+            }
+
+            var offset = this.style('stroke-dashoffset').numValueOrDefault(1);
+            if (typeof ctx.lineDashOffset !== 'undefined') {
+              ctx.lineDashOffset = offset;
+            } else if (typeof ctx.webkitLineDashOffset !== 'undefined') {
+              ctx.webkitLineDashOffset = offset;
+            } else if (typeof ctx.mozDashOffset !== 'undefined') {
+              ctx.mozDashOffset = offset;
+            }
+          }
+
+          // font
+          if (typeof ctx.font !== 'undefined') {
+            ctx.font = svg.Font.CreateFont(this.style('font-style').value, this.style('font-variant').value, this.style('font-weight').value, this.style('font-size').hasValue() ? this.style('font-size').toPixels() + 'px' : '', this.style('font-family').value).toString();
+          }
+
+          // transform
+          if (this.attribute('transform').hasValue()) {
+            var transform = new svg.Transform(this.attribute('transform').value);
+            transform.apply(ctx);
+          }
+
+          // clip
+          if (this.style('clip-path', false, true).hasValue()) {
+            var clip = this.style('clip-path', false, true).getDefinition();
+            if (clip != null) clip.apply(ctx);
+          }
+
+          // opacity
+          if (this.style('opacity').hasValue()) {
+            ctx.globalAlpha = this.style('opacity').numValue();
+          }
+        }
+      }]);
+      return _class5;
+    }(svg.Element.ElementBase);
+
+    svg.Element.PathElementBase = function (_svg$Element$Rendered) {
+      inherits(_class6, _svg$Element$Rendered);
+
+      function _class6() {
+        classCallCheck(this, _class6);
+        return possibleConstructorReturn(this, (_class6.__proto__ || Object.getPrototypeOf(_class6)).apply(this, arguments));
+      }
+
+      createClass(_class6, [{
+        key: 'path',
+        value: function path(ctx) {
+          if (ctx != null) ctx.beginPath();
+          return new svg.BoundingBox();
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          this.path(ctx);
+          svg.Mouse.checkPath(this, ctx);
+          if (ctx.fillStyle !== '') {
+            if (this.style('fill-rule').valueOrDefault('inherit') !== 'inherit') {
+              ctx.fill(this.style('fill-rule').value);
+            } else {
+              ctx.fill();
+            }
+          }
+          if (ctx.strokeStyle !== '') ctx.stroke();
+
+          var markers = this.getMarkers();
+          if (markers != null) {
+            if (this.style('marker-start').isUrlDefinition()) {
+              var marker = this.style('marker-start').getDefinition();
+              marker.render(ctx, markers[0][0], markers[0][1]);
+            }
+            if (this.style('marker-mid').isUrlDefinition()) {
+              var _marker = this.style('marker-mid').getDefinition();
+              for (var i = 1; i < markers.length - 1; i++) {
+                _marker.render(ctx, markers[i][0], markers[i][1]);
+              }
+            }
+            if (this.style('marker-end').isUrlDefinition()) {
+              var _marker2 = this.style('marker-end').getDefinition();
+              _marker2.render(ctx, markers[markers.length - 1][0], markers[markers.length - 1][1]);
+            }
+          }
+        }
+      }, {
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          return this.path();
+        }
+      }, {
+        key: 'getMarkers',
+        value: function getMarkers() {
+          return null;
+        }
+      }]);
+      return _class6;
+    }(svg.Element.RenderedElementBase);
+
+    // svg element
+    svg.Element.svg = function (_svg$Element$Rendered2) {
+      inherits(_class7, _svg$Element$Rendered2);
+
+      function _class7() {
+        classCallCheck(this, _class7);
+        return possibleConstructorReturn(this, (_class7.__proto__ || Object.getPrototypeOf(_class7)).apply(this, arguments));
+      }
+
+      createClass(_class7, [{
+        key: 'clearContext',
+        value: function clearContext(ctx) {
+          get(_class7.prototype.__proto__ || Object.getPrototypeOf(_class7.prototype), 'clearContext', this).call(this, ctx);
+          svg.ViewPort.RemoveCurrent();
+        }
+      }, {
+        key: 'setContext',
+        value: function setContext(ctx) {
+          // initial values and defaults
+          ctx.strokeStyle = 'rgba(0,0,0,0)';
+          ctx.lineCap = 'butt';
+          ctx.lineJoin = 'miter';
+          ctx.miterLimit = 4;
+          if (typeof ctx.font !== 'undefined' && typeof window.getComputedStyle !== 'undefined') {
+            ctx.font = window.getComputedStyle(ctx.canvas).getPropertyValue('font');
+          }
+
+          get(_class7.prototype.__proto__ || Object.getPrototypeOf(_class7.prototype), 'setContext', this).call(this, ctx);
+
+          // create new view port
+          if (!this.attribute('x').hasValue()) this.attribute('x', true).value = 0;
+          if (!this.attribute('y').hasValue()) this.attribute('y', true).value = 0;
+          ctx.translate(this.attribute('x').toPixels('x'), this.attribute('y').toPixels('y'));
+
+          var width = svg.ViewPort.width();
+          var height = svg.ViewPort.height();
+
+          if (!this.attribute('width').hasValue()) this.attribute('width', true).value = '100%';
+          if (!this.attribute('height').hasValue()) this.attribute('height', true).value = '100%';
+          if (typeof this.root === 'undefined') {
+            width = this.attribute('width').toPixels('x');
+            height = this.attribute('height').toPixels('y');
+
+            var x = 0;
+            var y = 0;
+            if (this.attribute('refX').hasValue() && this.attribute('refY').hasValue()) {
+              x = -this.attribute('refX').toPixels('x');
+              y = -this.attribute('refY').toPixels('y');
+            }
+
+            if (this.attribute('overflow').valueOrDefault('hidden') !== 'visible') {
+              ctx.beginPath();
+              ctx.moveTo(x, y);
+              ctx.lineTo(width, y);
+              ctx.lineTo(width, height);
+              ctx.lineTo(x, height);
+              ctx.closePath();
+              ctx.clip();
+            }
+          }
+          svg.ViewPort.SetCurrent(width, height);
+
+          // viewbox
+          if (this.attribute('viewBox').hasValue()) {
+            var viewBox = svg.ToNumberArray(this.attribute('viewBox').value);
+            var minX = viewBox[0];
+            var minY = viewBox[1];
+            width = viewBox[2];
+            height = viewBox[3];
+
+            svg.AspectRatio(ctx, this.attribute('preserveAspectRatio').value, svg.ViewPort.width(), width, svg.ViewPort.height(), height, minX, minY, this.attribute('refX').value, this.attribute('refY').value);
+
+            svg.ViewPort.RemoveCurrent();
+            svg.ViewPort.SetCurrent(viewBox[2], viewBox[3]);
+          }
+        }
+      }]);
+      return _class7;
+    }(svg.Element.RenderedElementBase);
+
+    // rect element
+    svg.Element.rect = function (_svg$Element$PathElem) {
+      inherits(_class8, _svg$Element$PathElem);
+
+      function _class8() {
+        classCallCheck(this, _class8);
+        return possibleConstructorReturn(this, (_class8.__proto__ || Object.getPrototypeOf(_class8)).apply(this, arguments));
+      }
+
+      createClass(_class8, [{
+        key: 'path',
+        value: function path(ctx) {
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+          var width = this.attribute('width').toPixels('x');
+          var height = this.attribute('height').toPixels('y');
+          var rx = this.attribute('rx').toPixels('x');
+          var ry = this.attribute('ry').toPixels('y');
+          if (this.attribute('rx').hasValue() && !this.attribute('ry').hasValue()) ry = rx;
+          if (this.attribute('ry').hasValue() && !this.attribute('rx').hasValue()) rx = ry;
+          rx = Math.min(rx, width / 2.0);
+          ry = Math.min(ry, height / 2.0);
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.moveTo(x + rx, y);
+            ctx.lineTo(x + width - rx, y);
+            ctx.quadraticCurveTo(x + width, y, x + width, y + ry);
+            ctx.lineTo(x + width, y + height - ry);
+            ctx.quadraticCurveTo(x + width, y + height, x + width - rx, y + height);
+            ctx.lineTo(x + rx, y + height);
+            ctx.quadraticCurveTo(x, y + height, x, y + height - ry);
+            ctx.lineTo(x, y + ry);
+            ctx.quadraticCurveTo(x, y, x + rx, y);
+            ctx.closePath();
+          }
+
+          return new svg.BoundingBox(x, y, x + width, y + height);
+        }
+      }]);
+      return _class8;
+    }(svg.Element.PathElementBase);
+
+    // circle element
+    svg.Element.circle = function (_svg$Element$PathElem2) {
+      inherits(_class9, _svg$Element$PathElem2);
+
+      function _class9() {
+        classCallCheck(this, _class9);
+        return possibleConstructorReturn(this, (_class9.__proto__ || Object.getPrototypeOf(_class9)).apply(this, arguments));
+      }
+
+      createClass(_class9, [{
+        key: 'path',
+        value: function path(ctx) {
+          var cx = this.attribute('cx').toPixels('x');
+          var cy = this.attribute('cy').toPixels('y');
+          var r = this.attribute('r').toPixels();
+
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.arc(cx, cy, r, 0, Math.PI * 2, true);
+            ctx.closePath();
+          }
+
+          return new svg.BoundingBox(cx - r, cy - r, cx + r, cy + r);
+        }
+      }]);
+      return _class9;
+    }(svg.Element.PathElementBase);
+
+    // ellipse element
+    var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);
+    svg.Element.ellipse = function (_svg$Element$PathElem3) {
+      inherits(_class10, _svg$Element$PathElem3);
+
+      function _class10() {
+        classCallCheck(this, _class10);
+        return possibleConstructorReturn(this, (_class10.__proto__ || Object.getPrototypeOf(_class10)).apply(this, arguments));
+      }
+
+      createClass(_class10, [{
+        key: 'path',
+        value: function path(ctx) {
+          var rx = this.attribute('rx').toPixels('x');
+          var ry = this.attribute('ry').toPixels('y');
+          var cx = this.attribute('cx').toPixels('x');
+          var cy = this.attribute('cy').toPixels('y');
+
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.moveTo(cx, cy - ry);
+            ctx.bezierCurveTo(cx + KAPPA * rx, cy - ry, cx + rx, cy - KAPPA * ry, cx + rx, cy);
+            ctx.bezierCurveTo(cx + rx, cy + KAPPA * ry, cx + KAPPA * rx, cy + ry, cx, cy + ry);
+            ctx.bezierCurveTo(cx - KAPPA * rx, cy + ry, cx - rx, cy + KAPPA * ry, cx - rx, cy);
+            ctx.bezierCurveTo(cx - rx, cy - KAPPA * ry, cx - KAPPA * rx, cy - ry, cx, cy - ry);
+            ctx.closePath();
+          }
+
+          return new svg.BoundingBox(cx - rx, cy - ry, cx + rx, cy + ry);
+        }
+      }]);
+      return _class10;
+    }(svg.Element.PathElementBase);
+
+    // line element
+    svg.Element.line = function (_svg$Element$PathElem4) {
+      inherits(_class11, _svg$Element$PathElem4);
+
+      function _class11() {
+        classCallCheck(this, _class11);
+        return possibleConstructorReturn(this, (_class11.__proto__ || Object.getPrototypeOf(_class11)).apply(this, arguments));
+      }
+
+      createClass(_class11, [{
+        key: 'getPoints',
+        value: function getPoints() {
+          return [new svg.Point(this.attribute('x1').toPixels('x'), this.attribute('y1').toPixels('y')), new svg.Point(this.attribute('x2').toPixels('x'), this.attribute('y2').toPixels('y'))];
+        }
+      }, {
+        key: 'path',
+        value: function path(ctx) {
+          var points = this.getPoints();
+
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.moveTo(points[0].x, points[0].y);
+            ctx.lineTo(points[1].x, points[1].y);
+          }
+
+          return new svg.BoundingBox(points[0].x, points[0].y, points[1].x, points[1].y);
+        }
+      }, {
+        key: 'getMarkers',
+        value: function getMarkers() {
+          var points = this.getPoints();
+          var a = points[0].angleTo(points[1]);
+          return [[points[0], a], [points[1], a]];
+        }
+      }]);
+      return _class11;
+    }(svg.Element.PathElementBase);
+
+    // polyline element
+    svg.Element.polyline = function (_svg$Element$PathElem5) {
+      inherits(_class12, _svg$Element$PathElem5);
+
+      function _class12(node) {
+        classCallCheck(this, _class12);
+
+        var _this15 = possibleConstructorReturn(this, (_class12.__proto__ || Object.getPrototypeOf(_class12)).call(this, node));
+
+        _this15.points = svg.CreatePath(_this15.attribute('points').value);
+        return _this15;
+      }
+
+      createClass(_class12, [{
+        key: 'path',
+        value: function path(ctx) {
+          var _points$ = this.points[0],
+              x = _points$.x,
+              y = _points$.y;
+
+          var bb = new svg.BoundingBox(x, y);
+          if (ctx != null) {
+            ctx.beginPath();
+            ctx.moveTo(x, y);
+          }
+          for (var i = 1; i < this.points.length; i++) {
+            var _points$i = this.points[i],
+                _x = _points$i.x,
+                _y = _points$i.y;
+
+            bb.addPoint(_x, _y);
+            if (ctx != null) ctx.lineTo(_x, _y);
+          }
+          return bb;
+        }
+      }, {
+        key: 'getMarkers',
+        value: function getMarkers() {
+          var markers = [];
+          for (var i = 0; i < this.points.length - 1; i++) {
+            markers.push([this.points[i], this.points[i].angleTo(this.points[i + 1])]);
+          }
+          markers.push([this.points[this.points.length - 1], markers[markers.length - 1][1]]);
+          return markers;
+        }
+      }]);
+      return _class12;
+    }(svg.Element.PathElementBase);
+
+    // polygon element
+    svg.Element.polygon = function (_svg$Element$polyline) {
+      inherits(_class13, _svg$Element$polyline);
+
+      function _class13() {
+        classCallCheck(this, _class13);
+        return possibleConstructorReturn(this, (_class13.__proto__ || Object.getPrototypeOf(_class13)).apply(this, arguments));
+      }
+
+      createClass(_class13, [{
+        key: 'path',
+        value: function path(ctx) {
+          var bb = get(_class13.prototype.__proto__ || Object.getPrototypeOf(_class13.prototype), 'path', this).call(this, ctx);
+          if (ctx != null) {
+            ctx.lineTo(this.points[0].x, this.points[0].y);
+            ctx.closePath();
+          }
+          return bb;
+        }
+      }]);
+      return _class13;
+    }(svg.Element.polyline);
+
+    // path element
+    svg.Element.path = function (_svg$Element$PathElem6) {
+      inherits(_class14, _svg$Element$PathElem6);
+
+      function _class14(node) {
+        classCallCheck(this, _class14);
+
+        var _this17 = possibleConstructorReturn(this, (_class14.__proto__ || Object.getPrototypeOf(_class14)).call(this, node));
+
+        var d = _this17.attribute('d').value
+        // TODO: convert to real lexer based on https://www.w3.org/TR/SVG11/paths.html#PathDataBNF
+        .replace(/,/gm, ' ') // get rid of all commas
+        .replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // separate commands from commands
+        .replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // separate commands from commands
+        .replace(/([MmZzLlHhVvCcSsQqTtAa])([^\s])/gm, '$1 $2') // separate commands from points
+        .replace(/([^\s])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // separate commands from points
+        .replace(/([0-9])([+-])/gm, '$1 $2') // separate digits when no comma
+        .replace(/(\.[0-9]*)(\.)/gm, '$1 $2') // separate digits when no comma
+        .replace(/([Aa](\s+[0-9]+){3})\s+([01])\s*([01])/gm, '$1 $3 $4 '); // shorthand elliptical arc path syntax
+        d = svg.compressSpaces(d); // compress multiple spaces
+        d = svg.trim(d);
+        _this17.PathParser = {
+          tokens: d.split(' '),
+
+          reset: function reset() {
+            this.i = -1;
+            this.command = '';
+            this.previousCommand = '';
+            this.start = new svg.Point(0, 0);
+            this.control = new svg.Point(0, 0);
+            this.current = new svg.Point(0, 0);
+            this.points = [];
+            this.angles = [];
+          },
+          isEnd: function isEnd() {
+            return this.i >= this.tokens.length - 1;
+          },
+          isCommandOrEnd: function isCommandOrEnd() {
+            if (this.isEnd()) return true;
+            return this.tokens[this.i + 1].match(/^[A-Za-z]$/) != null;
+          },
+          isRelativeCommand: function isRelativeCommand() {
+            switch (this.command) {
+              case 'm':
+              case 'l':
+              case 'h':
+              case 'v':
+              case 'c':
+              case 's':
+              case 'q':
+              case 't':
+              case 'a':
+              case 'z':
+                return true;
+            }
+            return false;
+          },
+          getToken: function getToken() {
+            this.i++;
+            return this.tokens[this.i];
+          },
+          getScalar: function getScalar() {
+            return parseFloat(this.getToken());
+          },
+          nextCommand: function nextCommand() {
+            this.previousCommand = this.command;
+            this.command = this.getToken();
+          },
+          getPoint: function getPoint() {
+            var p = new svg.Point(this.getScalar(), this.getScalar());
+            return this.makeAbsolute(p);
+          },
+          getAsControlPoint: function getAsControlPoint() {
+            var p = this.getPoint();
+            this.control = p;
+            return p;
+          },
+          getAsCurrentPoint: function getAsCurrentPoint() {
+            var p = this.getPoint();
+            this.current = p;
+            return p;
+          },
+          getReflectedControlPoint: function getReflectedControlPoint() {
+            if (this.previousCommand.toLowerCase() !== 'c' && this.previousCommand.toLowerCase() !== 's' && this.previousCommand.toLowerCase() !== 'q' && this.previousCommand.toLowerCase() !== 't') {
+              return this.current;
+            }
+
+            // reflect point
+            var p = new svg.Point(2 * this.current.x - this.control.x, 2 * this.current.y - this.control.y);
+            return p;
+          },
+          makeAbsolute: function makeAbsolute(p) {
+            if (this.isRelativeCommand()) {
+              p.x += this.current.x;
+              p.y += this.current.y;
+            }
+            return p;
+          },
+          addMarker: function addMarker(p, from, priorTo) {
+            // if the last angle isn't filled in because we didn't have this point yet ...
+            if (priorTo != null && this.angles.length > 0 && this.angles[this.angles.length - 1] == null) {
+              this.angles[this.angles.length - 1] = this.points[this.points.length - 1].angleTo(priorTo);
+            }
+            this.addMarkerAngle(p, from == null ? null : from.angleTo(p));
+          },
+          addMarkerAngle: function addMarkerAngle(p, a) {
+            this.points.push(p);
+            this.angles.push(a);
+          },
+          getMarkerPoints: function getMarkerPoints() {
+            return this.points;
+          },
+          getMarkerAngles: function getMarkerAngles() {
+            for (var i = 0; i < this.angles.length; i++) {
+              if (this.angles[i] == null) {
+                for (var j = i + 1; j < this.angles.length; j++) {
+                  if (this.angles[j] != null) {
+                    this.angles[i] = this.angles[j];
+                    break;
+                  }
+                }
+              }
+            }
+            return this.angles;
+          }
+        };
+        return _this17;
+      }
+
+      createClass(_class14, [{
+        key: 'path',
+        value: function path(ctx) {
+          var pp = this.PathParser;
+          pp.reset();
+
+          var bb = new svg.BoundingBox();
+          if (ctx != null) ctx.beginPath();
+          while (!pp.isEnd()) {
+            pp.nextCommand();
+            switch (pp.command) {
+              case 'M':
+              case 'm':
+                var p = pp.getAsCurrentPoint();
+                pp.addMarker(p);
+                bb.addPoint(p.x, p.y);
+                if (ctx != null) ctx.moveTo(p.x, p.y);
+                pp.start = pp.current;
+                while (!pp.isCommandOrEnd()) {
+                  var _p = pp.getAsCurrentPoint();
+                  pp.addMarker(_p, pp.start);
+                  bb.addPoint(_p.x, _p.y);
+                  if (ctx != null) ctx.lineTo(_p.x, _p.y);
+                }
+                break;
+              case 'L':
+              case 'l':
+                while (!pp.isCommandOrEnd()) {
+                  var _c = pp.current;
+                  var _p2 = pp.getAsCurrentPoint();
+                  pp.addMarker(_p2, _c);
+                  bb.addPoint(_p2.x, _p2.y);
+                  if (ctx != null) ctx.lineTo(_p2.x, _p2.y);
+                }
+                break;
+              case 'H':
+              case 'h':
+                while (!pp.isCommandOrEnd()) {
+                  var newP = new svg.Point((pp.isRelativeCommand() ? pp.current.x : 0) + pp.getScalar(), pp.current.y);
+                  pp.addMarker(newP, pp.current);
+                  pp.current = newP;
+                  bb.addPoint(pp.current.x, pp.current.y);
+                  if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
+                }
+                break;
+              case 'V':
+              case 'v':
+                while (!pp.isCommandOrEnd()) {
+                  var _newP = new svg.Point(pp.current.x, (pp.isRelativeCommand() ? pp.current.y : 0) + pp.getScalar());
+                  pp.addMarker(_newP, pp.current);
+                  pp.current = _newP;
+                  bb.addPoint(pp.current.x, pp.current.y);
+                  if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
+                }
+                break;
+              case 'C':
+              case 'c':
+                while (!pp.isCommandOrEnd()) {
+                  var curr = pp.current;
+                  var p1 = pp.getPoint();
+                  var cntrl = pp.getAsControlPoint();
+                  var cp = pp.getAsCurrentPoint();
+                  pp.addMarker(cp, cntrl, p1);
+                  bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+                  if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+                }
+                break;
+              case 'S':
+              case 's':
+                while (!pp.isCommandOrEnd()) {
+                  var _curr = pp.current;
+                  var _p3 = pp.getReflectedControlPoint();
+                  var _cntrl = pp.getAsControlPoint();
+                  var _cp = pp.getAsCurrentPoint();
+                  pp.addMarker(_cp, _cntrl, _p3);
+                  bb.addBezierCurve(_curr.x, _curr.y, _p3.x, _p3.y, _cntrl.x, _cntrl.y, _cp.x, _cp.y);
+                  if (ctx != null) ctx.bezierCurveTo(_p3.x, _p3.y, _cntrl.x, _cntrl.y, _cp.x, _cp.y);
+                }
+                break;
+              case 'Q':
+              case 'q':
+                while (!pp.isCommandOrEnd()) {
+                  var _curr2 = pp.current;
+                  var _cntrl2 = pp.getAsControlPoint();
+                  var _cp2 = pp.getAsCurrentPoint();
+                  pp.addMarker(_cp2, _cntrl2, _cntrl2);
+                  bb.addQuadraticCurve(_curr2.x, _curr2.y, _cntrl2.x, _cntrl2.y, _cp2.x, _cp2.y);
+                  if (ctx != null) ctx.quadraticCurveTo(_cntrl2.x, _cntrl2.y, _cp2.x, _cp2.y);
+                }
+                break;
+              case 'T':
+              case 't':
+                while (!pp.isCommandOrEnd()) {
+                  var _curr3 = pp.current;
+                  var _cntrl3 = pp.getReflectedControlPoint();
+                  pp.control = _cntrl3;
+                  var _cp3 = pp.getAsCurrentPoint();
+                  pp.addMarker(_cp3, _cntrl3, _cntrl3);
+                  bb.addQuadraticCurve(_curr3.x, _curr3.y, _cntrl3.x, _cntrl3.y, _cp3.x, _cp3.y);
+                  if (ctx != null) ctx.quadraticCurveTo(_cntrl3.x, _cntrl3.y, _cp3.x, _cp3.y);
+                }
+                break;
+              case 'A':
+              case 'a':
+                var _loop2 = function _loop2() {
+                  var curr = pp.current;
+                  var rx = pp.getScalar();
+                  var ry = pp.getScalar();
+                  var xAxisRotation = pp.getScalar() * (Math.PI / 180.0);
+                  var largeArcFlag = pp.getScalar();
+                  var sweepFlag = pp.getScalar();
+                  var cp = pp.getAsCurrentPoint();
+
+                  // Conversion from endpoint to center parameterization
+                  // https://www.w3.org/TR/SVG11/implnote.html#ArcConversionEndpointToCenter
+
+                  // x1', y1'
+                  var currp = new svg.Point(Math.cos(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.sin(xAxisRotation) * (curr.y - cp.y) / 2.0, -Math.sin(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.cos(xAxisRotation) * (curr.y - cp.y) / 2.0);
+                  // adjust radii
+                  var l = Math.pow(currp.x, 2) / Math.pow(rx, 2) + Math.pow(currp.y, 2) / Math.pow(ry, 2);
+                  if (l > 1) {
+                    rx *= Math.sqrt(l);
+                    ry *= Math.sqrt(l);
+                  }
+                  // cx', cy'
+                  var s = (largeArcFlag === sweepFlag ? -1 : 1) * Math.sqrt((Math.pow(rx, 2) * Math.pow(ry, 2) - Math.pow(rx, 2) * Math.pow(currp.y, 2) - Math.pow(ry, 2) * Math.pow(currp.x, 2)) / (Math.pow(rx, 2) * Math.pow(currp.y, 2) + Math.pow(ry, 2) * Math.pow(currp.x, 2)));
+                  if (isNaN(s)) s = 0;
+                  var cpp = new svg.Point(s * rx * currp.y / ry, s * -ry * currp.x / rx);
+                  // cx, cy
+                  var centp = new svg.Point((curr.x + cp.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y, (curr.y + cp.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y);
+                  // vector magnitude
+                  var m = function m(v) {
+                    return Math.sqrt(Math.pow(v[0], 2) + Math.pow(v[1], 2));
+                  };
+                  // ratio between two vectors
+                  var r = function r(u, v) {
+                    return (u[0] * v[0] + u[1] * v[1]) / (m(u) * m(v));
+                  };
+                  // angle between two vectors
+                  var a = function a(u, v) {
+                    return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(r(u, v));
+                  };
+                  // initial angle
+                  var a1 = a([1, 0], [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry]);
+                  // angle delta
+                  var u = [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry];
+                  var v = [(-currp.x - cpp.x) / rx, (-currp.y - cpp.y) / ry];
+                  var ad = a(u, v);
+                  if (r(u, v) <= -1) ad = Math.PI;
+                  if (r(u, v) >= 1) ad = 0;
+
+                  // for markers
+                  var dir = 1 - sweepFlag ? 1.0 : -1.0;
+                  var ah = a1 + dir * (ad / 2.0);
+                  var halfWay = new svg.Point(centp.x + rx * Math.cos(ah), centp.y + ry * Math.sin(ah));
+                  pp.addMarkerAngle(halfWay, ah - dir * Math.PI / 2);
+                  pp.addMarkerAngle(cp, ah - dir * Math.PI);
+
+                  bb.addPoint(cp.x, cp.y); // TODO: this is too naive, make it better
+                  if (ctx != null) {
+                    var _r = rx > ry ? rx : ry;
+                    var sx = rx > ry ? 1 : rx / ry;
+                    var sy = rx > ry ? ry / rx : 1;
+
+                    ctx.translate(centp.x, centp.y);
+                    ctx.rotate(xAxisRotation);
+                    ctx.scale(sx, sy);
+                    ctx.arc(0, 0, _r, a1, a1 + ad, 1 - sweepFlag);
+                    ctx.scale(1 / sx, 1 / sy);
+                    ctx.rotate(-xAxisRotation);
+                    ctx.translate(-centp.x, -centp.y);
+                  }
+                };
+
+                while (!pp.isCommandOrEnd()) {
+                  _loop2();
+                }
+                break;
+              case 'Z':
+              case 'z':
+                if (ctx != null) ctx.closePath();
+                pp.current = pp.start;
+            }
+          }
+
+          return bb;
+        }
+      }, {
+        key: 'getMarkers',
+        value: function getMarkers() {
+          var points = this.PathParser.getMarkerPoints();
+          var angles = this.PathParser.getMarkerAngles();
+
+          var markers = points.map(function (point, i) {
+            return [point, angles[i]];
+          });
+          return markers;
+        }
+      }]);
+      return _class14;
+    }(svg.Element.PathElementBase);
+
+    // pattern element
+    svg.Element.pattern = function (_svg$Element$ElementB2) {
+      inherits(_class15, _svg$Element$ElementB2);
+
+      function _class15() {
+        classCallCheck(this, _class15);
+        return possibleConstructorReturn(this, (_class15.__proto__ || Object.getPrototypeOf(_class15)).apply(this, arguments));
+      }
+
+      createClass(_class15, [{
+        key: 'createPattern',
+        value: function createPattern(ctx, element) {
+          var width = this.attribute('width').toPixels('x', true);
+          var height = this.attribute('height').toPixels('y', true);
+
+          // render me using a temporary svg element
+          var tempSvg = new svg.Element.svg();
+          tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+          tempSvg.attributes['width'] = new svg.Property('width', width + 'px');
+          tempSvg.attributes['height'] = new svg.Property('height', height + 'px');
+          tempSvg.attributes['transform'] = new svg.Property('transform', this.attribute('patternTransform').value);
+          tempSvg.children = this.children;
+
+          var c = document.createElement('canvas');
+          c.width = width;
+          c.height = height;
+          var cctx = c.getContext('2d');
+          if (this.attribute('x').hasValue() && this.attribute('y').hasValue()) {
+            cctx.translate(this.attribute('x').toPixels('x', true), this.attribute('y').toPixels('y', true));
+          }
+          // render 3x3 grid so when we transform there's no white space on edges
+          for (var x = -1; x <= 1; x++) {
+            for (var y = -1; y <= 1; y++) {
+              cctx.save();
+              cctx.translate(x * c.width, y * c.height);
+              tempSvg.render(cctx);
+              cctx.restore();
+            }
+          }
+          var pattern = ctx.createPattern(c, 'repeat');
+          return pattern;
+        }
+      }]);
+      return _class15;
+    }(svg.Element.ElementBase);
+
+    // marker element
+    svg.Element.marker = function (_svg$Element$ElementB3) {
+      inherits(_class16, _svg$Element$ElementB3);
+
+      function _class16() {
+        classCallCheck(this, _class16);
+        return possibleConstructorReturn(this, (_class16.__proto__ || Object.getPrototypeOf(_class16)).apply(this, arguments));
+      }
+
+      createClass(_class16, [{
+        key: 'render',
+        value: function render(ctx, point, angle) {
+          ctx.translate(point.x, point.y);
+          if (this.attribute('orient').valueOrDefault('auto') === 'auto') ctx.rotate(angle);
+          if (this.attribute('markerUnits').valueOrDefault('strokeWidth') === 'strokeWidth') ctx.scale(ctx.lineWidth, ctx.lineWidth);
+          ctx.save();
+
+          // render me using a temporary svg element
+          var tempSvg = new svg.Element.svg();
+          tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+          tempSvg.attributes['refX'] = new svg.Property('refX', this.attribute('refX').value);
+          tempSvg.attributes['refY'] = new svg.Property('refY', this.attribute('refY').value);
+          tempSvg.attributes['width'] = new svg.Property('width', this.attribute('markerWidth').value);
+          tempSvg.attributes['height'] = new svg.Property('height', this.attribute('markerHeight').value);
+          tempSvg.attributes['fill'] = new svg.Property('fill', this.attribute('fill').valueOrDefault('black'));
+          tempSvg.attributes['stroke'] = new svg.Property('stroke', this.attribute('stroke').valueOrDefault('none'));
+          tempSvg.children = this.children;
+          tempSvg.render(ctx);
+
+          ctx.restore();
+          if (this.attribute('markerUnits').valueOrDefault('strokeWidth') === 'strokeWidth') ctx.scale(1 / ctx.lineWidth, 1 / ctx.lineWidth);
+          if (this.attribute('orient').valueOrDefault('auto') === 'auto') ctx.rotate(-angle);
+          ctx.translate(-point.x, -point.y);
+        }
+      }]);
+      return _class16;
+    }(svg.Element.ElementBase);
+
+    // definitions element
+    svg.Element.defs = function (_svg$Element$ElementB4) {
+      inherits(_class17, _svg$Element$ElementB4);
+
+      function _class17() {
+        classCallCheck(this, _class17);
+        return possibleConstructorReturn(this, (_class17.__proto__ || Object.getPrototypeOf(_class17)).apply(this, arguments));
+      }
+
+      createClass(_class17, [{
+        key: 'render',
+        value: function render(ctx) {
+          // NOOP
+        }
+      }]);
+      return _class17;
+    }(svg.Element.ElementBase);
+
+    // base for gradients
+    svg.Element.GradientBase = function (_svg$Element$ElementB5) {
+      inherits(_class18, _svg$Element$ElementB5);
+
+      function _class18(node) {
+        classCallCheck(this, _class18);
+
+        var _this21 = possibleConstructorReturn(this, (_class18.__proto__ || Object.getPrototypeOf(_class18)).call(this, node));
+
+        _this21.gradientUnits = _this21.attribute('gradientUnits').valueOrDefault('objectBoundingBox');
+
+        _this21.stops = [];
+        _this21.children.forEach(function (child) {
+          if (child.type === 'stop') {
+            _this21.stops.push(child);
+          }
+        });
+        return _this21;
+      }
+
+      createClass(_class18, [{
+        key: 'getGradient',
+        value: function getGradient() {
+          // OVERRIDE ME!
+        }
+      }, {
+        key: 'createGradient',
+        value: function createGradient(ctx, element, parentOpacityProp) {
+          var stopsContainer = this.getHrefAttribute().hasValue() ? this.getHrefAttribute().getDefinition() : this;
+
+          var addParentOpacity = function addParentOpacity(color) {
+            if (parentOpacityProp.hasValue()) {
+              var p = new svg.Property('color', color);
+              return p.addOpacity(parentOpacityProp).value;
+            }
+            return color;
+          };
+
+          var g = this.getGradient(ctx, element);
+          if (g == null) return addParentOpacity(stopsContainer.stops[stopsContainer.stops.length - 1].color);
+          stopsContainer.stops.forEach(function (_ref2) {
+            var offset = _ref2.offset,
+                color = _ref2.color;
+
+            g.addColorStop(offset, addParentOpacity(color));
+          });
+
+          if (this.attribute('gradientTransform').hasValue()) {
+            // render as transformed pattern on temporary canvas
+            var rootView = svg.ViewPort.viewPorts[0];
+
+            var rect = new svg.Element.rect();
+            rect.attributes['x'] = new svg.Property('x', -svg.MAX_VIRTUAL_PIXELS / 3.0);
+            rect.attributes['y'] = new svg.Property('y', -svg.MAX_VIRTUAL_PIXELS / 3.0);
+            rect.attributes['width'] = new svg.Property('width', svg.MAX_VIRTUAL_PIXELS);
+            rect.attributes['height'] = new svg.Property('height', svg.MAX_VIRTUAL_PIXELS);
+
+            var group = new svg.Element.g();
+            group.attributes['transform'] = new svg.Property('transform', this.attribute('gradientTransform').value);
+            group.children = [rect];
+
+            var tempSvg = new svg.Element.svg();
+            tempSvg.attributes['x'] = new svg.Property('x', 0);
+            tempSvg.attributes['y'] = new svg.Property('y', 0);
+            tempSvg.attributes['width'] = new svg.Property('width', rootView.width);
+            tempSvg.attributes['height'] = new svg.Property('height', rootView.height);
+            tempSvg.children = [group];
+
+            var _c2 = document.createElement('canvas');
+            _c2.width = rootView.width;
+            _c2.height = rootView.height;
+            var tempCtx = _c2.getContext('2d');
+            tempCtx.fillStyle = g;
+            tempSvg.render(tempCtx);
+            return tempCtx.createPattern(_c2, 'no-repeat');
+          }
+
+          return g;
+        }
+      }]);
+      return _class18;
+    }(svg.Element.ElementBase);
+
+    // linear gradient element
+    svg.Element.linearGradient = function (_svg$Element$Gradient) {
+      inherits(_class19, _svg$Element$Gradient);
+
+      function _class19() {
+        classCallCheck(this, _class19);
+        return possibleConstructorReturn(this, (_class19.__proto__ || Object.getPrototypeOf(_class19)).apply(this, arguments));
+      }
+
+      createClass(_class19, [{
+        key: 'getGradient',
+        value: function getGradient(ctx, element) {
+          var useBB = this.gradientUnits === 'objectBoundingBox' && element.getBoundingBox;
+          var bb = useBB ? element.getBoundingBox() : null;
+
+          if (!this.attribute('x1').hasValue() && !this.attribute('y1').hasValue() && !this.attribute('x2').hasValue() && !this.attribute('y2').hasValue()) {
+            this.attribute('x1', true).value = 0;
+            this.attribute('y1', true).value = 0;
+            this.attribute('x2', true).value = 1;
+            this.attribute('y2', true).value = 0;
+          }
+
+          var x1 = useBB ? bb.x() + bb.width() * this.attribute('x1').numValue() : this.attribute('x1').toPixels('x');
+          var y1 = useBB ? bb.y() + bb.height() * this.attribute('y1').numValue() : this.attribute('y1').toPixels('y');
+          var x2 = useBB ? bb.x() + bb.width() * this.attribute('x2').numValue() : this.attribute('x2').toPixels('x');
+          var y2 = useBB ? bb.y() + bb.height() * this.attribute('y2').numValue() : this.attribute('y2').toPixels('y');
+
+          if (x1 === x2 && y1 === y2) return null;
+          return ctx.createLinearGradient(x1, y1, x2, y2);
+        }
+      }]);
+      return _class19;
+    }(svg.Element.GradientBase);
+
+    // radial gradient element
+    svg.Element.radialGradient = function (_svg$Element$Gradient2) {
+      inherits(_class20, _svg$Element$Gradient2);
+
+      function _class20() {
+        classCallCheck(this, _class20);
+        return possibleConstructorReturn(this, (_class20.__proto__ || Object.getPrototypeOf(_class20)).apply(this, arguments));
+      }
+
+      createClass(_class20, [{
+        key: 'getGradient',
+        value: function getGradient(ctx, element) {
+          var useBB = this.gradientUnits === 'objectBoundingBox' && element.getBoundingBox;
+          var bb = useBB ? element.getBoundingBox() : null;
+
+          if (!this.attribute('cx').hasValue()) this.attribute('cx', true).value = '50%';
+          if (!this.attribute('cy').hasValue()) this.attribute('cy', true).value = '50%';
+          if (!this.attribute('r').hasValue()) this.attribute('r', true).value = '50%';
+
+          var cx = useBB ? bb.x() + bb.width() * this.attribute('cx').numValue() : this.attribute('cx').toPixels('x');
+          var cy = useBB ? bb.y() + bb.height() * this.attribute('cy').numValue() : this.attribute('cy').toPixels('y');
+
+          var fx = cx;
+          var fy = cy;
+          if (this.attribute('fx').hasValue()) {
+            fx = useBB ? bb.x() + bb.width() * this.attribute('fx').numValue() : this.attribute('fx').toPixels('x');
+          }
+          if (this.attribute('fy').hasValue()) {
+            fy = useBB ? bb.y() + bb.height() * this.attribute('fy').numValue() : this.attribute('fy').toPixels('y');
+          }
+
+          var r = useBB ? (bb.width() + bb.height()) / 2.0 * this.attribute('r').numValue() : this.attribute('r').toPixels();
+
+          return ctx.createRadialGradient(fx, fy, 0, cx, cy, r);
+        }
+      }]);
+      return _class20;
+    }(svg.Element.GradientBase);
+
+    // gradient stop element
+    svg.Element.stop = function (_svg$Element$ElementB6) {
+      inherits(_class21, _svg$Element$ElementB6);
+
+      function _class21(node) {
+        classCallCheck(this, _class21);
+
+        var _this24 = possibleConstructorReturn(this, (_class21.__proto__ || Object.getPrototypeOf(_class21)).call(this, node));
+
+        _this24.offset = _this24.attribute('offset').numValue();
+        if (_this24.offset < 0) _this24.offset = 0;
+        if (_this24.offset > 1) _this24.offset = 1;
+
+        var stopColor = _this24.style('stop-color');
+        if (_this24.style('stop-opacity').hasValue()) {
+          stopColor = stopColor.addOpacity(_this24.style('stop-opacity'));
+        }
+        _this24.color = stopColor.value;
+        return _this24;
+      }
+
+      return _class21;
+    }(svg.Element.ElementBase);
+
+    // animation base element
+    svg.Element.AnimateBase = function (_svg$Element$ElementB7) {
+      inherits(_class22, _svg$Element$ElementB7);
+
+      function _class22(node) {
+        classCallCheck(this, _class22);
+
+        var _this25 = possibleConstructorReturn(this, (_class22.__proto__ || Object.getPrototypeOf(_class22)).call(this, node));
+
+        svg.Animations.push(_this25);
+
+        _this25.duration = 0.0;
+        _this25.begin = _this25.attribute('begin').toMilliseconds();
+        _this25.maxDuration = _this25.begin + _this25.attribute('dur').toMilliseconds();
+
+        _this25.initialValue = null;
+        _this25.initialUnits = '';
+        _this25.removed = false;
+
+        _this25.from = _this25.attribute('from');
+        _this25.to = _this25.attribute('to');
+        _this25.values = _this25.attribute('values');
+        if (_this25.values.hasValue()) _this25.values.value = _this25.values.value.split(';');
+        return _this25;
+      }
+
+      createClass(_class22, [{
+        key: 'getProperty',
+        value: function getProperty() {
+          var attributeType = this.attribute('attributeType').value;
+          var attributeName = this.attribute('attributeName').value;
+
+          if (attributeType === 'CSS') {
+            return this.parent.style(attributeName, true);
+          }
+          return this.parent.attribute(attributeName, true);
+        }
+      }, {
+        key: 'calcValue',
+        value: function calcValue() {
+          // OVERRIDE ME!
+          return '';
+        }
+      }, {
+        key: 'update',
+        value: function update(delta) {
+          // set initial value
+          if (this.initialValue == null) {
+            this.initialValue = this.getProperty().value;
+            this.initialUnits = this.getProperty().getUnits();
+          }
+
+          // if we're past the end time
+          if (this.duration > this.maxDuration) {
+            // loop for indefinitely repeating animations
+            if (this.attribute('repeatCount').value === 'indefinite' || this.attribute('repeatDur').value === 'indefinite') {
+              this.duration = 0.0;
+            } else if (this.attribute('fill').valueOrDefault('remove') === 'freeze' && !this.frozen) {
+              this.frozen = true;
+              this.parent.animationFrozen = true;
+              this.parent.animationFrozenValue = this.getProperty().value;
+            } else if (this.attribute('fill').valueOrDefault('remove') === 'remove' && !this.removed) {
+              this.removed = true;
+              this.getProperty().value = this.parent.animationFrozen ? this.parent.animationFrozenValue : this.initialValue;
+              return true;
+            }
+            return false;
+          }
+          this.duration = this.duration + delta;
+
+          // if we're past the begin time
+          var updated = false;
+          if (this.begin < this.duration) {
+            var newValue = this.calcValue(); // tween
+
+            if (this.attribute('type').hasValue()) {
+              // for transform, etc.
+              var type = this.attribute('type').value;
+              newValue = type + '(' + newValue + ')';
+            }
+
+            this.getProperty().value = newValue;
+            updated = true;
+          }
+
+          return updated;
+        }
+
+        // fraction of duration we've covered
+
+      }, {
+        key: 'progress',
+        value: function progress() {
+          var ret = { progress: (this.duration - this.begin) / (this.maxDuration - this.begin) };
+          if (this.values.hasValue()) {
+            var p = ret.progress * (this.values.value.length - 1);
+            var lb = Math.floor(p),
+                ub = Math.ceil(p);
+            ret.from = new svg.Property('from', parseFloat(this.values.value[lb]));
+            ret.to = new svg.Property('to', parseFloat(this.values.value[ub]));
+            ret.progress = (p - lb) / (ub - lb);
+          } else {
+            ret.from = this.from;
+            ret.to = this.to;
+          }
+          return ret;
+        }
+      }]);
+      return _class22;
+    }(svg.Element.ElementBase);
+
+    // animate element
+    svg.Element.animate = function (_svg$Element$AnimateB) {
+      inherits(_class23, _svg$Element$AnimateB);
+
+      function _class23() {
+        classCallCheck(this, _class23);
+        return possibleConstructorReturn(this, (_class23.__proto__ || Object.getPrototypeOf(_class23)).apply(this, arguments));
+      }
+
+      createClass(_class23, [{
+        key: 'calcValue',
+        value: function calcValue() {
+          var p = this.progress();
+
+          // tween value linearly
+          var newValue = p.from.numValue() + (p.to.numValue() - p.from.numValue()) * p.progress;
+          return newValue + this.initialUnits;
+        }
+      }]);
+      return _class23;
+    }(svg.Element.AnimateBase);
+
+    // animate color element
+    svg.Element.animateColor = function (_svg$Element$AnimateB2) {
+      inherits(_class24, _svg$Element$AnimateB2);
+
+      function _class24() {
+        classCallCheck(this, _class24);
+        return possibleConstructorReturn(this, (_class24.__proto__ || Object.getPrototypeOf(_class24)).apply(this, arguments));
+      }
+
+      createClass(_class24, [{
+        key: 'calcValue',
+        value: function calcValue() {
+          var p = this.progress();
+          var from = new RGBColor(p.from.value);
+          var to = new RGBColor(p.to.value);
+
+          if (from.ok && to.ok) {
+            // tween color linearly
+            var _r2 = from.r + (to.r - from.r) * p.progress;
+            var g = from.g + (to.g - from.g) * p.progress;
+            var _b = from.b + (to.b - from.b) * p.progress;
+            return 'rgb(' + parseInt(_r2, 10) + ',' + parseInt(g, 10) + ',' + parseInt(_b, 10) + ')';
+          }
+          return this.attribute('from').value;
+        }
+      }]);
+      return _class24;
+    }(svg.Element.AnimateBase);
+
+    // animate transform element
+    svg.Element.animateTransform = function (_svg$Element$animate) {
+      inherits(_class25, _svg$Element$animate);
+
+      function _class25() {
+        classCallCheck(this, _class25);
+        return possibleConstructorReturn(this, (_class25.__proto__ || Object.getPrototypeOf(_class25)).apply(this, arguments));
+      }
+
+      createClass(_class25, [{
+        key: 'calcValue',
+        value: function calcValue() {
+          var p = this.progress();
+
+          // tween value linearly
+          var from = svg.ToNumberArray(p.from.value);
+          var to = svg.ToNumberArray(p.to.value);
+          var newValue = '';
+          from.forEach(function (fr, i) {
+            newValue += fr + (to[i] - fr) * p.progress + ' ';
+          });
+          return newValue;
+        }
+      }]);
+      return _class25;
+    }(svg.Element.animate);
+
+    // font element
+    svg.Element.font = function (_svg$Element$ElementB8) {
+      inherits(_class26, _svg$Element$ElementB8);
+
+      function _class26(node) {
+        classCallCheck(this, _class26);
+
+        var _this29 = possibleConstructorReturn(this, (_class26.__proto__ || Object.getPrototypeOf(_class26)).call(this, node));
+
+        _this29.horizAdvX = _this29.attribute('horiz-adv-x').numValue();
+
+        _this29.isRTL = false;
+        _this29.isArabic = false;
+        _this29.fontFace = null;
+        _this29.missingGlyph = null;
+        _this29.glyphs = [];
+        _this29.children.forEach(function (child) {
+          if (child.type === 'font-face') {
+            _this29.fontFace = child;
+            if (child.style('font-family').hasValue()) {
+              svg.Definitions[child.style('font-family').value] = _this29;
+            }
+          } else if (child.type === 'missing-glyph') {
+            _this29.missingGlyph = child;
+          } else if (child.type === 'glyph') {
+            if (child.arabicForm !== '') {
+              _this29.isRTL = true;
+              _this29.isArabic = true;
+              if (typeof _this29.glyphs[child.unicode] === 'undefined') {
+                _this29.glyphs[child.unicode] = [];
+              }
+              _this29.glyphs[child.unicode][child.arabicForm] = child;
+            } else {
+              _this29.glyphs[child.unicode] = child;
+            }
+          }
+        });
+        return _this29;
+      }
+
+      return _class26;
+    }(svg.Element.ElementBase);
+
+    // font-face element
+    svg.Element.fontface = function (_svg$Element$ElementB9) {
+      inherits(_class27, _svg$Element$ElementB9);
+
+      function _class27(node) {
+        classCallCheck(this, _class27);
+
+        var _this30 = possibleConstructorReturn(this, (_class27.__proto__ || Object.getPrototypeOf(_class27)).call(this, node));
+
+        _this30.ascent = _this30.attribute('ascent').value;
+        _this30.descent = _this30.attribute('descent').value;
+        _this30.unitsPerEm = _this30.attribute('units-per-em').numValue();
+        return _this30;
+      }
+
+      return _class27;
+    }(svg.Element.ElementBase);
+
+    // missing-glyph element
+    svg.Element.missingglyph = function (_svg$Element$path) {
+      inherits(_class28, _svg$Element$path);
+
+      function _class28(node) {
+        classCallCheck(this, _class28);
+
+        var _this31 = possibleConstructorReturn(this, (_class28.__proto__ || Object.getPrototypeOf(_class28)).call(this, node));
+
+        _this31.horizAdvX = 0;
+        return _this31;
+      }
+
+      return _class28;
+    }(svg.Element.path);
+
+    // glyph element
+    svg.Element.glyph = function (_svg$Element$path2) {
+      inherits(_class29, _svg$Element$path2);
+
+      function _class29(node) {
+        classCallCheck(this, _class29);
+
+        var _this32 = possibleConstructorReturn(this, (_class29.__proto__ || Object.getPrototypeOf(_class29)).call(this, node));
+
+        _this32.horizAdvX = _this32.attribute('horiz-adv-x').numValue();
+        _this32.unicode = _this32.attribute('unicode').value;
+        _this32.arabicForm = _this32.attribute('arabic-form').value;
+        return _this32;
+      }
+
+      return _class29;
+    }(svg.Element.path);
+
+    // text element
+    svg.Element.text = function (_svg$Element$Rendered3) {
+      inherits(_class30, _svg$Element$Rendered3);
+
+      function _class30(node) {
+        classCallCheck(this, _class30);
+        return possibleConstructorReturn(this, (_class30.__proto__ || Object.getPrototypeOf(_class30)).call(this, node, true));
+      }
+
+      createClass(_class30, [{
+        key: 'setContext',
+        value: function setContext(ctx) {
+          get(_class30.prototype.__proto__ || Object.getPrototypeOf(_class30.prototype), 'setContext', this).call(this, ctx);
+
+          var textBaseline = this.style('dominant-baseline').toTextBaseline();
+          if (textBaseline == null) textBaseline = this.style('alignment-baseline').toTextBaseline();
+          if (textBaseline != null) ctx.textBaseline = textBaseline;
+        }
+      }, {
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+          var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+          return new svg.BoundingBox(x, y - fontSize, x + Math.floor(fontSize * 2.0 / 3.0) * this.children[0].getText().length, y);
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          var _this34 = this;
+
+          this.x = this.attribute('x').toPixels('x');
+          this.y = this.attribute('y').toPixels('y');
+          this.x += this.getAnchorDelta(ctx, this, 0);
+          this.children.forEach(function (child, i) {
+            _this34.renderChild(ctx, _this34, i);
+          });
+        }
+      }, {
+        key: 'getAnchorDelta',
+        value: function getAnchorDelta(ctx, parent, startI) {
+          var textAnchor = this.style('text-anchor').valueOrDefault('start');
+          if (textAnchor !== 'start') {
+            var width = 0;
+            for (var i = startI; i < parent.children.length; i++) {
+              var child = parent.children[i];
+              if (i > startI && child.attribute('x').hasValue()) break; // new group
+              width += child.measureTextRecursive(ctx);
+            }
+            return -1 * (textAnchor === 'end' ? width : width / 2.0);
+          }
+          return 0;
+        }
+      }, {
+        key: 'renderChild',
+        value: function renderChild(ctx, parent, i) {
+          var child = parent.children[i];
+          if (child.attribute('x').hasValue()) {
+            child.x = child.attribute('x').toPixels('x') + this.getAnchorDelta(ctx, parent, i);
+            if (child.attribute('dx').hasValue()) child.x += child.attribute('dx').toPixels('x');
+          } else {
+            if (this.attribute('dx').hasValue()) this.x += this.attribute('dx').toPixels('x');
+            if (child.attribute('dx').hasValue()) this.x += child.attribute('dx').toPixels('x');
+            child.x = this.x;
+          }
+          this.x = child.x + child.measureText(ctx);
+
+          if (child.attribute('y').hasValue()) {
+            child.y = child.attribute('y').toPixels('y');
+            if (child.attribute('dy').hasValue()) child.y += child.attribute('dy').toPixels('y');
+          } else {
+            if (this.attribute('dy').hasValue()) this.y += this.attribute('dy').toPixels('y');
+            if (child.attribute('dy').hasValue()) this.y += child.attribute('dy').toPixels('y');
+            child.y = this.y;
+          }
+          this.y = child.y;
+
+          child.render(ctx);
+
+          for (var _i = 0; _i < child.children.length; _i++) {
+            this.renderChild(ctx, child, _i);
+          }
+        }
+      }]);
+      return _class30;
+    }(svg.Element.RenderedElementBase);
+
+    // text base
+    svg.Element.TextElementBase = function (_svg$Element$Rendered4) {
+      inherits(_class31, _svg$Element$Rendered4);
+
+      function _class31() {
+        classCallCheck(this, _class31);
+        return possibleConstructorReturn(this, (_class31.__proto__ || Object.getPrototypeOf(_class31)).apply(this, arguments));
+      }
+
+      createClass(_class31, [{
+        key: 'getGlyph',
+        value: function getGlyph(font, text, i) {
+          var c = text[i];
+          var glyph = null;
+          if (font.isArabic) {
+            var arabicForm = 'isolated';
+            if ((i === 0 || text[i - 1] === ' ') && i < text.length - 2 && text[i + 1] !== ' ') arabicForm = 'terminal';
+            if (i > 0 && text[i - 1] !== ' ' && i < text.length - 2 && text[i + 1] !== ' ') arabicForm = 'medial';
+            if (i > 0 && text[i - 1] !== ' ' && (i === text.length - 1 || text[i + 1] === ' ')) arabicForm = 'initial';
+            if (typeof font.glyphs[c] !== 'undefined') {
+              glyph = font.glyphs[c][arabicForm];
+              if (glyph == null && font.glyphs[c].type === 'glyph') glyph = font.glyphs[c];
+            }
+          } else {
+            glyph = font.glyphs[c];
+          }
+          if (glyph == null) glyph = font.missingGlyph;
+          return glyph;
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          var customFont = this.parent.style('font-family').getDefinition();
+          if (customFont != null) {
+            var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+            var fontStyle = this.parent.style('font-style').valueOrDefault(svg.Font.Parse(svg.ctx.font).fontStyle);
+            var text = this.getText();
+            if (customFont.isRTL) text = text.split('').reverse().join('');
+
+            var dx = svg.ToNumberArray(this.parent.attribute('dx').value);
+            for (var i = 0; i < text.length; i++) {
+              var glyph = this.getGlyph(customFont, text, i);
+              var scale = fontSize / customFont.fontFace.unitsPerEm;
+              ctx.translate(this.x, this.y);
+              ctx.scale(scale, -scale);
+              var lw = ctx.lineWidth;
+              ctx.lineWidth = ctx.lineWidth * customFont.fontFace.unitsPerEm / fontSize;
+              if (fontStyle === 'italic') ctx.transform(1, 0, 0.4, 1, 0, 0);
+              glyph.render(ctx);
+              if (fontStyle === 'italic') ctx.transform(1, 0, -0.4, 1, 0, 0);
+              ctx.lineWidth = lw;
+              ctx.scale(1 / scale, -1 / scale);
+              ctx.translate(-this.x, -this.y);
+
+              this.x += fontSize * (glyph.horizAdvX || customFont.horizAdvX) / customFont.fontFace.unitsPerEm;
+              if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {
+                this.x += dx[i];
+              }
+            }
+            return;
+          }
+
+          if (ctx.fillStyle !== '') ctx.fillText(svg.compressSpaces(this.getText()), this.x, this.y);
+          if (ctx.strokeStyle !== '') ctx.strokeText(svg.compressSpaces(this.getText()), this.x, this.y);
+        }
+      }, {
+        key: 'getText',
+        value: function getText() {
+          // OVERRIDE ME
+        }
+      }, {
+        key: 'measureTextRecursive',
+        value: function measureTextRecursive(ctx) {
+          var width = this.measureText(ctx);
+          this.children.forEach(function (child) {
+            width += child.measureTextRecursive(ctx);
+          });
+          return width;
+        }
+      }, {
+        key: 'measureText',
+        value: function measureText(ctx) {
+          var customFont = this.parent.style('font-family').getDefinition();
+          if (customFont != null) {
+            var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+            var measure = 0;
+            var text = this.getText();
+            if (customFont.isRTL) text = text.split('').reverse().join('');
+            var dx = svg.ToNumberArray(this.parent.attribute('dx').value);
+            for (var i = 0; i < text.length; i++) {
+              var glyph = this.getGlyph(customFont, text, i);
+              measure += (glyph.horizAdvX || customFont.horizAdvX) * fontSize / customFont.fontFace.unitsPerEm;
+              if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {
+                measure += dx[i];
+              }
+            }
+            return measure;
+          }
+
+          var textToMeasure = svg.compressSpaces(this.getText());
+          if (!ctx.measureText) return textToMeasure.length * 10;
+
+          ctx.save();
+          this.setContext(ctx);
+
+          var _ctx$measureText = ctx.measureText(textToMeasure),
+              width = _ctx$measureText.width;
+
+          ctx.restore();
+          return width;
+        }
+      }]);
+      return _class31;
+    }(svg.Element.RenderedElementBase);
+
+    // tspan
+    svg.Element.tspan = function (_svg$Element$TextElem) {
+      inherits(_class32, _svg$Element$TextElem);
+
+      function _class32(node) {
+        classCallCheck(this, _class32);
+
+        var _this36 = possibleConstructorReturn(this, (_class32.__proto__ || Object.getPrototypeOf(_class32)).call(this, node, true));
+
+        _this36.text = node.nodeValue || node.text || '';
+        return _this36;
+      }
+
+      createClass(_class32, [{
+        key: 'getText',
+        value: function getText() {
+          return this.text;
+        }
+      }]);
+      return _class32;
+    }(svg.Element.TextElementBase);
+
+    // tref
+    svg.Element.tref = function (_svg$Element$TextElem2) {
+      inherits(_class33, _svg$Element$TextElem2);
+
+      function _class33() {
+        classCallCheck(this, _class33);
+        return possibleConstructorReturn(this, (_class33.__proto__ || Object.getPrototypeOf(_class33)).apply(this, arguments));
+      }
+
+      createClass(_class33, [{
+        key: 'getText',
+        value: function getText() {
+          var element = this.getHrefAttribute().getDefinition();
+          if (element != null) return element.children[0].getText();
+        }
+      }]);
+      return _class33;
+    }(svg.Element.TextElementBase);
+
+    // a element
+    svg.Element.a = function (_svg$Element$TextElem3) {
+      inherits(_class34, _svg$Element$TextElem3);
+
+      function _class34(node) {
+        classCallCheck(this, _class34);
+
+        var _this38 = possibleConstructorReturn(this, (_class34.__proto__ || Object.getPrototypeOf(_class34)).call(this, node));
+
+        _this38.hasText = true;
+        [].concat(toConsumableArray(node.childNodes)).forEach(function (childNode) {
+          if (childNode.nodeType !== 3) {
+            _this38.hasText = false;
+          }
+        });
+        // this might contain text
+        _this38.text = _this38.hasText ? node.childNodes[0].nodeValue : '';
+        return _this38;
+      }
+
+      createClass(_class34, [{
+        key: 'getText',
+        value: function getText() {
+          return this.text;
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          if (this.hasText) {
+            // render as text element
+            get(_class34.prototype.__proto__ || Object.getPrototypeOf(_class34.prototype), 'renderChildren', this).call(this, ctx);
+            var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
+            svg.Mouse.checkBoundingBox(this, new svg.BoundingBox(this.x, this.y - fontSize.toPixels('y'), this.x + this.measureText(ctx), this.y));
+          } else {
+            // render as temporary group
+            var g = new svg.Element.g();
+            g.children = this.children;
+            g.parent = this;
+            g.render(ctx);
+          }
+        }
+      }, {
+        key: 'onclick',
+        value: function onclick() {
+          window.open(this.getHrefAttribute().value);
+        }
+      }, {
+        key: 'onmousemove',
+        value: function onmousemove() {
+          svg.ctx.canvas.style.cursor = 'pointer';
+        }
+      }]);
+      return _class34;
+    }(svg.Element.TextElementBase);
+
+    // image element
+    svg.Element.image = function (_svg$Element$Rendered5) {
+      inherits(_class35, _svg$Element$Rendered5);
+
+      function _class35(node) {
+        classCallCheck(this, _class35);
+
+        var _this39 = possibleConstructorReturn(this, (_class35.__proto__ || Object.getPrototypeOf(_class35)).call(this, node));
+
+        var href = _this39.getHrefAttribute().value;
+        if (href === '') {
+          return possibleConstructorReturn(_this39);
+        }
+        _this39._isSvg = href.match(/\.svg$/);
+
+        svg.Images.push(_this39);
+        _this39.loaded = false;
+        if (!_this39._isSvg) {
+          _this39.img = document.createElement('img');
+          if (svg.opts.useCORS === true) {
+            _this39.img.crossOrigin = 'Anonymous';
+          }
+          var self = _this39;
+          _this39.img.onload = function () {
+            self.loaded = true;
+          };
+          _this39.img.onerror = function () {
+            svg.log('ERROR: image "' + href + '" not found');
+            self.loaded = true;
+          };
+          _this39.img.src = href;
+        } else {
+          svg.ajax(href, true).then(function (img) {
+            _this39.img = img;
+            _this39.loaded = true;
+          });
+        }
+        return _this39;
+      }
+
+      createClass(_class35, [{
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+
+          var width = this.attribute('width').toPixels('x');
+          var height = this.attribute('height').toPixels('y');
+          if (width === 0 || height === 0) return;
+
+          ctx.save();
+          if (this._isSvg) {
+            ctx.drawSvg(this.img, x, y, width, height);
+          } else {
+            ctx.translate(x, y);
+            svg.AspectRatio(ctx, this.attribute('preserveAspectRatio').value, width, this.img.width, height, this.img.height, 0, 0);
+            ctx.drawImage(this.img, 0, 0);
+          }
+          ctx.restore();
+        }
+      }, {
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+          var width = this.attribute('width').toPixels('x');
+          var height = this.attribute('height').toPixels('y');
+          return new svg.BoundingBox(x, y, x + width, y + height);
+        }
+      }]);
+      return _class35;
+    }(svg.Element.RenderedElementBase);
+
+    // group element
+    svg.Element.g = function (_svg$Element$Rendered6) {
+      inherits(_class36, _svg$Element$Rendered6);
+
+      function _class36() {
+        classCallCheck(this, _class36);
+        return possibleConstructorReturn(this, (_class36.__proto__ || Object.getPrototypeOf(_class36)).apply(this, arguments));
+      }
+
+      createClass(_class36, [{
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          var bb = new svg.BoundingBox();
+          this.children.forEach(function (child) {
+            bb.addBoundingBox(child.getBoundingBox());
+          });
+          return bb;
+        }
+      }]);
+      return _class36;
+    }(svg.Element.RenderedElementBase);
+
+    // symbol element
+    svg.Element.symbol = function (_svg$Element$Rendered7) {
+      inherits(_class37, _svg$Element$Rendered7);
+
+      function _class37() {
+        classCallCheck(this, _class37);
+        return possibleConstructorReturn(this, (_class37.__proto__ || Object.getPrototypeOf(_class37)).apply(this, arguments));
+      }
+
+      createClass(_class37, [{
+        key: 'render',
+        value: function render(ctx) {
+          // NO RENDER
+        }
+      }]);
+      return _class37;
+    }(svg.Element.RenderedElementBase);
+
+    // style element
+    svg.Element.style = function (_svg$Element$ElementB10) {
+      inherits(_class38, _svg$Element$ElementB10);
+
+      function _class38(node) {
+        classCallCheck(this, _class38);
+
+        // text, or spaces then CDATA
+        var _this42 = possibleConstructorReturn(this, (_class38.__proto__ || Object.getPrototypeOf(_class38)).call(this, node));
+
+        var css = '';
+        [].concat(toConsumableArray(node.childNodes)).forEach(function (_ref3) {
+          var nodeValue = _ref3.nodeValue;
+
+          css += nodeValue;
+        });
+        css = css.replace(/(\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*+\/)|(^[\s]*\/\/.*)/gm, ''); // remove comments
+        css = svg.compressSpaces(css); // replace whitespace
+        var cssDefs = css.split('}');
+        cssDefs.forEach(function (cssDef) {
+          if (svg.trim(cssDef) !== '') {
+            var _cssDef$split = cssDef.split('{'),
+                _cssDef$split2 = slicedToArray(_cssDef$split, 2),
+                cssClasses = _cssDef$split2[0],
+                cssProps = _cssDef$split2[1];
+
+            cssClasses = cssClasses.split(',');
+            cssProps = cssProps.split(';');
+            cssClasses.forEach(function (cssClass) {
+              cssClass = svg.trim(cssClass);
+              if (cssClass !== '') {
+                var props = {};
+                cssProps.forEach(function (cssProp) {
+                  var prop = cssProp.indexOf(':');
+                  var name = cssProp.substr(0, prop);
+                  var value = cssProp.substr(prop + 1, cssProp.length - prop);
+                  if (name != null && value != null) {
+                    props[svg.trim(name)] = new svg.Property(svg.trim(name), svg.trim(value));
+                  }
+                });
+                svg.Styles[cssClass] = props;
+                if (cssClass === '@font-face') {
+                  var fontFamily = props['font-family'].value.replace(/"/g, '');
+                  var srcs = props['src'].value.split(',');
+                  srcs.forEach(function (src) {
+                    if (src.includes('format("svg")')) {
+                      var urlStart = src.indexOf('url');
+                      var urlEnd = src.indexOf(')', urlStart);
+                      var url = src.substr(urlStart + 5, urlEnd - urlStart - 6);
+                      // Can this ajax safely be converted to async?
+                      var doc = svg.parseXml(svg.ajax(url));
+                      var fonts = doc.getElementsByTagName('font');
+                      [].concat(toConsumableArray(fonts)).forEach(function (font) {
+                        font = svg.CreateElement(font);
+                        svg.Definitions[fontFamily] = font;
+                      });
+                    }
+                  });
+                }
+              }
+            });
+          }
+        });
+        return _this42;
+      }
+
+      return _class38;
+    }(svg.Element.ElementBase);
+
+    // use element
+    svg.Element.use = function (_svg$Element$Rendered8) {
+      inherits(_class39, _svg$Element$Rendered8);
+
+      function _class39(node) {
+        classCallCheck(this, _class39);
+
+        var _this43 = possibleConstructorReturn(this, (_class39.__proto__ || Object.getPrototypeOf(_class39)).call(this, node));
+
+        _this43._el = _this43.getHrefAttribute().getDefinition();
+        return _this43;
+      }
+
+      createClass(_class39, [{
+        key: 'setContext',
+        value: function setContext(ctx) {
+          get(_class39.prototype.__proto__ || Object.getPrototypeOf(_class39.prototype), 'setContext', this).call(this, ctx);
+          if (this.attribute('x').hasValue()) ctx.translate(this.attribute('x').toPixels('x'), 0);
+          if (this.attribute('y').hasValue()) ctx.translate(0, this.attribute('y').toPixels('y'));
+        }
+      }, {
+        key: 'path',
+        value: function path(ctx) {
+          var element = this._el;
+
+          if (element != null) element.path(ctx);
+        }
+      }, {
+        key: 'getBoundingBox',
+        value: function getBoundingBox() {
+          var element = this._el;
+
+          if (element != null) return element.getBoundingBox();
+        }
+      }, {
+        key: 'renderChildren',
+        value: function renderChildren(ctx) {
+          var element = this._el;
+
+          if (element != null) {
+            var tempSvg = element;
+            if (element.type === 'symbol') {
+              // render me using a temporary svg element in symbol cases (https://www.w3.org/TR/SVG/struct.html#UseElement)
+              tempSvg = new svg.Element.svg();
+              tempSvg.type = 'svg';
+              tempSvg.attributes['viewBox'] = new svg.Property('viewBox', element.attribute('viewBox').value);
+              tempSvg.attributes['preserveAspectRatio'] = new svg.Property('preserveAspectRatio', element.attribute('preserveAspectRatio').value);
+              tempSvg.attributes['overflow'] = new svg.Property('overflow', element.attribute('overflow').value);
+              tempSvg.children = element.children;
+            }
+            if (tempSvg.type === 'svg') {
+              // if symbol or svg, inherit width/height from me
+              if (this.attribute('width').hasValue()) tempSvg.attributes['width'] = new svg.Property('width', this.attribute('width').value);
+              if (this.attribute('height').hasValue()) tempSvg.attributes['height'] = new svg.Property('height', this.attribute('height').value);
+            }
+            var oldParent = tempSvg.parent;
+            tempSvg.parent = null;
+            tempSvg.render(ctx);
+            tempSvg.parent = oldParent;
+          }
+        }
+      }]);
+      return _class39;
+    }(svg.Element.RenderedElementBase);
+
+    // mask element
+    svg.Element.mask = function (_svg$Element$ElementB11) {
+      inherits(_class40, _svg$Element$ElementB11);
+
+      function _class40() {
+        classCallCheck(this, _class40);
+        return possibleConstructorReturn(this, (_class40.__proto__ || Object.getPrototypeOf(_class40)).apply(this, arguments));
+      }
+
+      createClass(_class40, [{
+        key: 'apply',
+        value: function apply(ctx, element) {
+          // render as temp svg
+          var x = this.attribute('x').toPixels('x');
+          var y = this.attribute('y').toPixels('y');
+          var width = this.attribute('width').toPixels('x');
+          var height = this.attribute('height').toPixels('y');
+
+          if (width === 0 && height === 0) {
+            var bb = new svg.BoundingBox();
+            this.children.forEach(function (child) {
+              bb.addBoundingBox(child.getBoundingBox());
+            });
+            x = Math.floor(bb.x1);
+            y = Math.floor(bb.y1);
+            width = Math.floor(bb.width());
+            height = Math.floor(bb.height());
+          }
+
+          // temporarily remove mask to avoid recursion
+          var mask = element.attribute('mask').value;
+          element.attribute('mask').value = '';
+
+          var cMask = document.createElement('canvas');
+          cMask.width = x + width;
+          cMask.height = y + height;
+          var maskCtx = cMask.getContext('2d');
+          this.renderChildren(maskCtx);
+
+          var c = document.createElement('canvas');
+          c.width = x + width;
+          c.height = y + height;
+          var tempCtx = c.getContext('2d');
+          element.render(tempCtx);
+          tempCtx.globalCompositeOperation = 'destination-in';
+          tempCtx.fillStyle = maskCtx.createPattern(cMask, 'no-repeat');
+          tempCtx.fillRect(0, 0, x + width, y + height);
+
+          ctx.fillStyle = tempCtx.createPattern(c, 'no-repeat');
+          ctx.fillRect(0, 0, x + width, y + height);
+
+          // reassign mask
+          element.attribute('mask').value = mask;
+        }
+      }, {
+        key: 'render',
+        value: function render(ctx) {
+          // NO RENDER
+        }
+      }]);
+      return _class40;
+    }(svg.Element.ElementBase);
+
+    // clip element
+    svg.Element.clipPath = function (_svg$Element$ElementB12) {
+      inherits(_class41, _svg$Element$ElementB12);
+
+      function _class41() {
+        classCallCheck(this, _class41);
+        return possibleConstructorReturn(this, (_class41.__proto__ || Object.getPrototypeOf(_class41)).apply(this, arguments));
+      }
+
+      createClass(_class41, [{
+        key: 'apply',
+        value: function apply(ctx) {
+          this.children.forEach(function (child) {
+            if (typeof child.path !== 'undefined') {
+              var transform = null;
+              if (child.attribute('transform').hasValue()) {
+                transform = new svg.Transform(child.attribute('transform').value);
+                transform.apply(ctx);
+              }
+              child.path(ctx);
+              ctx.clip();
+              if (transform) {
+                transform.unapply(ctx);
+              }
+            }
+          });
+        }
+      }, {
+        key: 'render',
+        value: function render(ctx) {
+          // NO RENDER
+        }
+      }]);
+      return _class41;
+    }(svg.Element.ElementBase);
+
+    // filters
+    svg.Element.filter = function (_svg$Element$ElementB13) {
+      inherits(_class42, _svg$Element$ElementB13);
+
+      function _class42() {
+        classCallCheck(this, _class42);
+        return possibleConstructorReturn(this, (_class42.__proto__ || Object.getPrototypeOf(_class42)).apply(this, arguments));
+      }
+
+      createClass(_class42, [{
+        key: 'apply',
+        value: function apply(ctx, element) {
+          // render as temp svg
+          var bb = element.getBoundingBox();
+          var x = Math.floor(bb.x1);
+          var y = Math.floor(bb.y1);
+          var width = Math.floor(bb.width());
+          var height = Math.floor(bb.height());
+
+          // temporarily remove filter to avoid recursion
+          var filter = element.style('filter').value;
+          element.style('filter').value = '';
+
+          var px = 0,
+              py = 0;
+          this.children.forEach(function (child) {
+            var efd = child.extraFilterDistance || 0;
+            px = Math.max(px, efd);
+            py = Math.max(py, efd);
+          });
+
+          var c = document.createElement('canvas');
+          c.width = width + 2 * px;
+          c.height = height + 2 * py;
+          var tempCtx = c.getContext('2d');
+          tempCtx.translate(-x + px, -y + py);
+          element.render(tempCtx);
+
+          // apply filters
+          this.children.forEach(function (child) {
+            child.apply(tempCtx, 0, 0, width + 2 * px, height + 2 * py);
+          });
+
+          // render on me
+          ctx.drawImage(c, 0, 0, width + 2 * px, height + 2 * py, x - px, y - py, width + 2 * px, height + 2 * py);
+
+          // reassign filter
+          element.style('filter', true).value = filter;
+        }
+      }, {
+        key: 'render',
+        value: function render(ctx) {
+          // NO RENDER
+        }
+      }]);
+      return _class42;
+    }(svg.Element.ElementBase);
+
+    svg.Element.feMorphology = function (_svg$Element$ElementB14) {
+      inherits(_class43, _svg$Element$ElementB14);
+
+      function _class43() {
+        classCallCheck(this, _class43);
+        return possibleConstructorReturn(this, (_class43.__proto__ || Object.getPrototypeOf(_class43)).apply(this, arguments));
+      }
+
+      createClass(_class43, [{
+        key: 'apply',
+        value: function apply(ctx, x, y, width, height) {
+          // TODO: implement
+        }
+      }]);
+      return _class43;
+    }(svg.Element.ElementBase);
+
+    svg.Element.feComposite = function (_svg$Element$ElementB15) {
+      inherits(_class44, _svg$Element$ElementB15);
+
+      function _class44() {
+        classCallCheck(this, _class44);
+        return possibleConstructorReturn(this, (_class44.__proto__ || Object.getPrototypeOf(_class44)).apply(this, arguments));
+      }
+
+      createClass(_class44, [{
+        key: 'apply',
+        value: function apply(ctx, x, y, width, height) {
+          // TODO: implement
+        }
+      }]);
+      return _class44;
+    }(svg.Element.ElementBase);
+
+    function imGet(img, x, y, width, height, rgba) {
+      return img[y * width * 4 + x * 4 + rgba];
+    }
+
+    function imSet(img, x, y, width, height, rgba, val) {
+      img[y * width * 4 + x * 4 + rgba] = val;
+    }
+
+    svg.Element.feColorMatrix = function (_svg$Element$ElementB16) {
+      inherits(_class45, _svg$Element$ElementB16);
+
+      function _class45(node) {
+        classCallCheck(this, _class45);
+
+        var _this49 = possibleConstructorReturn(this, (_class45.__proto__ || Object.getPrototypeOf(_class45)).call(this, node));
+
+        var matrix = svg.ToNumberArray(_this49.attribute('values').value);
+        switch (_this49.attribute('type').valueOrDefault('matrix')) {// https://www.w3.org/TR/SVG/filters.html#feColorMatrixElement
+          case 'saturate':
+            var s = matrix[0];
+            matrix = [0.213 + 0.787 * s, 0.715 - 0.715 * s, 0.072 - 0.072 * s, 0, 0, 0.213 - 0.213 * s, 0.715 + 0.285 * s, 0.072 - 0.072 * s, 0, 0, 0.213 - 0.213 * s, 0.715 - 0.715 * s, 0.072 + 0.928 * s, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1];
+            break;
+          case 'hueRotate':
+            var a = matrix[0] * Math.PI / 180.0;
+            var _c3 = function _c3(m1, m2, m3) {
+              return m1 + Math.cos(a) * m2 + Math.sin(a) * m3;
+            };
+            matrix = [_c3(0.213, 0.787, -0.213), _c3(0.715, -0.715, -0.715), _c3(0.072, -0.072, 0.928), 0, 0, _c3(0.213, -0.213, 0.143), _c3(0.715, 0.285, 0.140), _c3(0.072, -0.072, -0.283), 0, 0, _c3(0.213, -0.213, -0.787), _c3(0.715, -0.715, 0.715), _c3(0.072, 0.928, 0.072), 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1];
+            break;
+          case 'luminanceToAlpha':
+            matrix = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0.2125, 0.7154, 0.0721, 0, 0, 0, 0, 0, 0, 1];
+            break;
+        }
+        _this49.matrix = matrix;
+
+        _this49._m = function (i, v) {
+          var mi = matrix[i];
+          return mi * (mi < 0 ? v - 255 : v);
+        };
+        return _this49;
+      }
+
+      createClass(_class45, [{
+        key: 'apply',
+        value: function apply(ctx, x, y, width, height) {
+          var m = this._m;
+          // assuming x==0 && y==0 for now
+
+          var srcData = ctx.getImageData(0, 0, width, height);
+          for (var _y2 = 0; _y2 < height; _y2++) {
+            for (var _x2 = 0; _x2 < width; _x2++) {
+              var _r3 = imGet(srcData.data, _x2, _y2, width, height, 0);
+              var g = imGet(srcData.data, _x2, _y2, width, height, 1);
+              var _b2 = imGet(srcData.data, _x2, _y2, width, height, 2);
+              var a = imGet(srcData.data, _x2, _y2, width, height, 3);
+              imSet(srcData.data, _x2, _y2, width, height, 0, m(0, _r3) + m(1, g) + m(2, _b2) + m(3, a) + m(4, 1));
+              imSet(srcData.data, _x2, _y2, width, height, 1, m(5, _r3) + m(6, g) + m(7, _b2) + m(8, a) + m(9, 1));
+              imSet(srcData.data, _x2, _y2, width, height, 2, m(10, _r3) + m(11, g) + m(12, _b2) + m(13, a) + m(14, 1));
+              imSet(srcData.data, _x2, _y2, width, height, 3, m(15, _r3) + m(16, g) + m(17, _b2) + m(18, a) + m(19, 1));
+            }
+          }
+          ctx.clearRect(0, 0, width, height);
+          ctx.putImageData(srcData, 0, 0);
+        }
+      }]);
+      return _class45;
+    }(svg.Element.ElementBase);
+
+    svg.Element.feGaussianBlur = function (_svg$Element$ElementB17) {
+      inherits(_class46, _svg$Element$ElementB17);
+
+      function _class46(node) {
+        classCallCheck(this, _class46);
+
+        var _this50 = possibleConstructorReturn(this, (_class46.__proto__ || Object.getPrototypeOf(_class46)).call(this, node));
+
+        _this50.blurRadius = Math.floor(_this50.attribute('stdDeviation').numValue());
+        _this50.extraFilterDistance = _this50.blurRadius;
+        return _this50;
+      }
+
+      createClass(_class46, [{
+        key: 'apply',
+        value: function apply(ctx, x, y, width, height) {
+          if (typeof canvasRGBA_ === 'undefined') {
+            svg.log('ERROR: `setStackBlurCanvasRGBA` must be run for blur to work');
+            return;
+          }
+
+          // Todo: This might not be a problem anymore with out `instanceof` fix
+          // StackBlur requires canvas be on document
+          ctx.canvas.id = svg.UniqueId();
+          ctx.canvas.style.display = 'none';
+          document.body.append(ctx.canvas);
+          canvasRGBA_(ctx.canvas, x, y, width, height, this.blurRadius);
+          ctx.canvas.remove();
+        }
+      }]);
+      return _class46;
+    }(svg.Element.ElementBase);
+
+    // title element, do nothing
+    svg.Element.title = function (_svg$Element$ElementB18) {
+      inherits(_class47, _svg$Element$ElementB18);
+
+      function _class47(node) {
+        classCallCheck(this, _class47);
+        return possibleConstructorReturn(this, (_class47.__proto__ || Object.getPrototypeOf(_class47)).call(this));
+      }
+
+      return _class47;
+    }(svg.Element.ElementBase);
+
+    // desc element, do nothing
+    svg.Element.desc = function (_svg$Element$ElementB19) {
+      inherits(_class48, _svg$Element$ElementB19);
+
+      function _class48(node) {
+        classCallCheck(this, _class48);
+        return possibleConstructorReturn(this, (_class48.__proto__ || Object.getPrototypeOf(_class48)).call(this));
+      }
+
+      return _class48;
+    }(svg.Element.ElementBase);
+
+    svg.Element.MISSING = function (_svg$Element$ElementB20) {
+      inherits(_class49, _svg$Element$ElementB20);
+
+      function _class49(node) {
+        classCallCheck(this, _class49);
+
+        var _this53 = possibleConstructorReturn(this, (_class49.__proto__ || Object.getPrototypeOf(_class49)).call(this));
+
+        svg.log('ERROR: Element \'' + node.nodeName + '\' not yet implemented.');
+        return _this53;
+      }
+
+      return _class49;
+    }(svg.Element.ElementBase);
+
+    // element factory
+    svg.CreateElement = function (node) {
+      var className = node.nodeName.replace(/^[^:]+:/, '') // remove namespace
+      .replace(/-/g, ''); // remove dashes
+      var e = void 0;
+      if (typeof svg.Element[className] !== 'undefined') {
+        e = new svg.Element[className](node);
+      } else {
+        e = new svg.Element.MISSING(node);
+      }
+
+      e.type = node.nodeName;
+      return e;
+    };
+
+    // load from url
+    svg.load = function () {
+      var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(ctx, url) {
+        var dom;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return svg.ajax(url, true);
+
+              case 2:
+                dom = _context.sent;
+                return _context.abrupt('return', svg.loadXml(ctx, dom));
+
+              case 4:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      return function (_x3, _x4) {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+
+    // load from xml
+    svg.loadXml = function (ctx, xml) {
+      return svg.loadXmlDoc(ctx, svg.parseXml(xml));
+    };
+
+    svg.loadXmlDoc = function (ctx, dom) {
+      svg.init(ctx);
+
+      var mapXY = function mapXY(p) {
+        var e = ctx.canvas;
+        while (e) {
+          p.x -= e.offsetLeft;
+          p.y -= e.offsetTop;
+          e = e.offsetParent;
+        }
+        if (window.scrollX) p.x += window.scrollX;
+        if (window.scrollY) p.y += window.scrollY;
+        return p;
+      };
+
+      // bind mouse
+      if (svg.opts.ignoreMouse !== true) {
+        ctx.canvas.onclick = function (e) {
+          var args = e != null ? [e.clientX, e.clientY] : [event.clientX, event.clientY];
+
+          var _mapXY = mapXY(new (Function.prototype.bind.apply(svg.Point, [null].concat(args)))()),
+              x = _mapXY.x,
+              y = _mapXY.y;
+
+          svg.Mouse.onclick(x, y);
+        };
+        ctx.canvas.onmousemove = function (e) {
+          var args = e != null ? [e.clientX, e.clientY] : [event.clientX, event.clientY];
+
+          var _mapXY2 = mapXY(new (Function.prototype.bind.apply(svg.Point, [null].concat(args)))()),
+              x = _mapXY2.x,
+              y = _mapXY2.y;
+
+          svg.Mouse.onmousemove(x, y);
+        };
+      }
+
+      var e = svg.CreateElement(dom.documentElement);
+      e.root = true;
+
+      // render loop
+      var isFirstRender = true;
+      var draw = function draw(resolve) {
+        svg.ViewPort.Clear();
+        if (ctx.canvas.parentNode) {
+          svg.ViewPort.SetCurrent(ctx.canvas.parentNode.clientWidth, ctx.canvas.parentNode.clientHeight);
+        }
+
+        if (svg.opts.ignoreDimensions !== true) {
+          // set canvas size
+          if (e.style('width').hasValue()) {
+            ctx.canvas.width = e.style('width').toPixels('x');
+            ctx.canvas.style.width = ctx.canvas.width + 'px';
+          }
+          if (e.style('height').hasValue()) {
+            ctx.canvas.height = e.style('height').toPixels('y');
+            ctx.canvas.style.height = ctx.canvas.height + 'px';
+          }
+        }
+        var cWidth = ctx.canvas.clientWidth || ctx.canvas.width;
+        var cHeight = ctx.canvas.clientHeight || ctx.canvas.height;
+        if (svg.opts.ignoreDimensions === true && e.style('width').hasValue() && e.style('height').hasValue()) {
+          cWidth = e.style('width').toPixels('x');
+          cHeight = e.style('height').toPixels('y');
+        }
+        svg.ViewPort.SetCurrent(cWidth, cHeight);
+
+        if (svg.opts.offsetX != null) {
+          e.attribute('x', true).value = svg.opts.offsetX;
+        }
+        if (svg.opts.offsetY != null) {
+          e.attribute('y', true).value = svg.opts.offsetY;
+        }
+        if (svg.opts.scaleWidth != null || svg.opts.scaleHeight != null) {
+          var viewBox = svg.ToNumberArray(e.attribute('viewBox').value);
+          var xRatio = null,
+              yRatio = null;
+
+          if (svg.opts.scaleWidth != null) {
+            if (e.attribute('width').hasValue()) {
+              xRatio = e.attribute('width').toPixels('x') / svg.opts.scaleWidth;
+            } else if (!isNaN(viewBox[2])) {
+              xRatio = viewBox[2] / svg.opts.scaleWidth;
+            }
+          }
+
+          if (svg.opts.scaleHeight != null) {
+            if (e.attribute('height').hasValue()) {
+              yRatio = e.attribute('height').toPixels('y') / svg.opts.scaleHeight;
+            } else if (!isNaN(viewBox[3])) {
+              yRatio = viewBox[3] / svg.opts.scaleHeight;
+            }
+          }
+
+          if (xRatio == null) {
+            xRatio = yRatio;
+          }
+          if (yRatio == null) {
+            yRatio = xRatio;
+          }
+
+          e.attribute('width', true).value = svg.opts.scaleWidth;
+          e.attribute('height', true).value = svg.opts.scaleHeight;
+          e.attribute('viewBox', true).value = '0 0 ' + cWidth * xRatio + ' ' + cHeight * yRatio;
+          e.attribute('preserveAspectRatio', true).value = 'none';
+        }
+
+        // clear and render
+        if (svg.opts.ignoreClear !== true) {
+          ctx.clearRect(0, 0, cWidth, cHeight);
+        }
+        e.render(ctx);
+        if (isFirstRender) {
+          isFirstRender = false;
+          resolve(dom);
+        }
+      };
+
+      var waitingForImages = true;
+      svg.intervalID = setInterval(function () {
+        var needUpdate = false;
+
+        if (waitingForImages && svg.ImagesLoaded()) {
+          waitingForImages = false;
+          needUpdate = true;
+        }
+
+        // need update from mouse events?
+        if (svg.opts.ignoreMouse !== true) {
+          needUpdate = needUpdate | svg.Mouse.hasEvents();
+        }
+
+        // need update from animations?
+        if (svg.opts.ignoreAnimation !== true) {
+          svg.Animations.forEach(function (animation) {
+            needUpdate = needUpdate | animation.update(1000 / svg.FRAMERATE);
+          });
+        }
+
+        // need update from redraw?
+        if (typeof svg.opts.forceRedraw === 'function') {
+          if (svg.opts.forceRedraw() === true) {
+            needUpdate = true;
+          }
+        }
+
+        // render if needed
+        if (needUpdate) {
+          draw();
+          svg.Mouse.runEvents(); // run and clear our events
+        }
+      }, 1000 / svg.FRAMERATE);
+      return new Promise(function (resolve, reject) {
+        if (svg.ImagesLoaded()) {
+          waitingForImages = false;
+          draw(resolve);
+        }
+      });
+    };
+
+    svg.stop = function () {
+      if (svg.intervalID) {
+        clearInterval(svg.intervalID);
+      }
+    };
+
+    svg.Mouse = {
+      events: [],
+      hasEvents: function hasEvents() {
+        return this.events.length !== 0;
+      },
+      onclick: function onclick(x, y) {
+        this.events.push({
+          type: 'onclick', x: x, y: y,
+          run: function run(e) {
+            if (e.onclick) e.onclick();
+          }
+        });
+      },
+      onmousemove: function onmousemove(x, y) {
+        this.events.push({
+          type: 'onmousemove', x: x, y: y,
+          run: function run(e) {
+            if (e.onmousemove) e.onmousemove();
+          }
+        });
+      },
+
+
+      eventElements: [],
+
+      checkPath: function checkPath(element, ctx) {
+        var _this54 = this;
+
+        this.events.forEach(function (_ref5, i) {
+          var x = _ref5.x,
+              y = _ref5.y;
+
+          if (ctx.isPointInPath && ctx.isPointInPath(x, y)) {
+            _this54.eventElements[i] = element;
+          }
+        });
+      },
+      checkBoundingBox: function checkBoundingBox(element, bb) {
+        var _this55 = this;
+
+        this.events.forEach(function (_ref6, i) {
+          var x = _ref6.x,
+              y = _ref6.y;
+
+          if (bb.isPointInBox(x, y)) {
+            _this55.eventElements[i] = element;
+          }
+        });
+      },
+      runEvents: function runEvents() {
+        var _this56 = this;
+
+        svg.ctx.canvas.style.cursor = '';
+
+        this.events.forEach(function (e, i) {
+          var element = _this56.eventElements[i];
+          while (element) {
+            e.run(element);
+            element = element.parent;
+          }
+        });
+
+        // done running, clear
+        this.events = [];
+        this.eventElements = [];
+      }
+    };
+
+    return svg;
+  }
+
+  if (typeof CanvasRenderingContext2D !== 'undefined') {
+    CanvasRenderingContext2D.prototype.drawSvg = function (s, dx, dy, dw, dh) {
+      canvg(this.canvas, s, {
+        ignoreMouse: true,
+        ignoreAnimation: true,
+        ignoreDimensions: true,
+        ignoreClear: true,
+        offsetX: dx,
+        offsetY: dy,
+        scaleWidth: dw,
+        scaleHeight: dh
+      });
+    };
+  }
+
+  /* globals jQuery */
+
+  var extServer_opensave = {
+    name: 'server_opensave',
+    init: function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(_ref) {
+        var decode64 = _ref.decode64,
+            encode64 = _ref.encode64,
+            importLocale = _ref.importLocale;
+        var strings, svgEditor, $, svgCanvas, getFileNameFromTitle, xhtmlEscape, clientDownloadSupport, saveSvgAction, saveImgAction, cancelled, openSvgAction, importSvgAction, importImgAction, openSvgForm, importSvgForm, importImgForm, rebuildInput;
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                rebuildInput = function rebuildInput(form) {
+                  form.empty();
+                  var inp = $('<input type="file" name="svg_file">').appendTo(form);
+
+                  function submit() {
+                    // This submits the form, which returns the file data using svgEditor.processFile()
+                    form.submit();
+
+                    rebuildInput(form);
+                    $.process_cancel(strings.uploading, function () {
+                      cancelled = true;
+                      $('#dialog_box').hide();
+                    });
+                  }
+
+                  if (form[0] === openSvgForm[0]) {
+                    inp.change(function () {
+                      // This takes care of the "are you sure" dialog box
+                      svgEditor.openPrep(function (ok) {
+                        if (!ok) {
+                          rebuildInput(form);
+                          return;
+                        }
+                        submit();
+                      });
+                    });
+                  } else {
+                    inp.change(function () {
+                      // This submits the form, which returns the file data using svgEditor.processFile()
+                      submit();
+                    });
+                  }
+                };
+
+                clientDownloadSupport = function clientDownloadSupport(filename, suffix, uri) {
+                  var support = $('<a>')[0].download === '';
+                  var a = void 0;
+                  if (support) {
+                    a = $('<a>hidden</a>').attr({
+                      download: (filename || 'image') + suffix,
+                      href: uri
+                    }).css('display', 'none').appendTo('body');
+                    a[0].click();
+                    return true;
+                  }
+                };
+
+                xhtmlEscape = function xhtmlEscape(str) {
+                  return str.replace(/&(?!amp;)/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;'); // < is actually disallowed above anyways
+                };
+
+                getFileNameFromTitle = function getFileNameFromTitle() {
+                  var title = svgCanvas.getDocumentTitle();
+                  // We convert (to underscore) only those disallowed Win7 file name characters
+                  return title.trim().replace(/[/\\:*?"<>|]/g, '_');
+                };
+
+                _context2.next = 6;
+                return importLocale();
+
+              case 6:
+                strings = _context2.sent;
+                svgEditor = this;
+                $ = jQuery;
+                svgCanvas = svgEditor.canvas;
+                saveSvgAction = svgEditor.curConfig.extPath + 'filesave.php', saveImgAction = svgEditor.curConfig.extPath + 'filesave.php';
+                // Create upload target (hidden iframe)
+
+                cancelled = false;
+
+
+                $('<iframe name="output_frame" src="#"/>').hide().appendTo('body');
+                svgEditor.setCustomHandlers({
+                  save: function save(win, data) {
+                    var svg = '<?xml version="1.0" encoding="UTF-8"?>\n' + data,
+                        // Firefox doesn't seem to know it is UTF-8 (no matter whether we use or skip the clientDownload code) despite the Content-Disposition header containing UTF-8, but adding the encoding works
+                    filename = getFileNameFromTitle();
+
+                    if (clientDownloadSupport(filename, '.svg', 'data:image/svg+xml;charset=UTF-8;base64,' + encode64(svg))) {
+                      return;
+                    }
+
+                    $('<form>').attr({
+                      method: 'post',
+                      action: saveSvgAction,
+                      target: 'output_frame'
+                    }).append('<input type="hidden" name="output_svg" value="' + xhtmlEscape(svg) + '">').append('<input type="hidden" name="filename" value="' + xhtmlEscape(filename) + '">').appendTo('body').submit().remove();
+                  },
+                  exportPDF: function exportPDF(win, data) {
+                    var filename = getFileNameFromTitle(),
+                        datauri = data.output;
+                    if (clientDownloadSupport(filename, '.pdf', datauri)) {
+                      return;
+                    }
+                    $('<form>').attr({
+                      method: 'post',
+                      action: saveImgAction,
+                      target: 'output_frame'
+                    }).append('<input type="hidden" name="output_img" value="' + datauri + '">').append('<input type="hidden" name="mime" value="application/pdf">').append('<input type="hidden" name="filename" value="' + xhtmlEscape(filename) + '">').appendTo('body').submit().remove();
+                  },
+
+                  // Todo: Integrate this extension with a new built-in exportWindowType, "download"
+                  exportImage: function () {
+                    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(win, data) {
+                      var issues, mimeType, quality, c, datauri, pre, note, filename, suffix;
+                      return regeneratorRuntime.wrap(function _callee$(_context) {
+                        while (1) {
+                          switch (_context.prev = _context.next) {
+                            case 0:
+                              issues = data.issues, mimeType = data.mimeType, quality = data.quality;
+
+
+                              if (!$('#export_canvas').length) {
+                                $('<canvas>', { id: 'export_canvas' }).hide().appendTo('body');
+                              }
+                              c = $('#export_canvas')[0];
+
+
+                              c.width = svgCanvas.contentW;
+                              c.height = svgCanvas.contentH;
+                              _context.next = 7;
+                              return canvg(c, data.svg);
+
+                            case 7:
+                              datauri = quality ? c.toDataURL(mimeType, quality) : c.toDataURL(mimeType);
+                              // {uiStrings} = svgEditor;
+
+                              // Check if there are issues
+
+                              pre = void 0, note = '';
+
+                              if (issues.length) {
+                                pre = '\n \u2022 ';
+                                note += '\n\n' + pre + issues.join(pre);
+                              }
+
+                              if (note.length) {
+                                alert(note);
+                              }
+
+                              filename = getFileNameFromTitle();
+                              suffix = '.' + data.type.toLowerCase();
+
+                              if (!clientDownloadSupport(filename, suffix, datauri)) {
+                                _context.next = 15;
+                                break;
+                              }
+
+                              return _context.abrupt('return');
+
+                            case 15:
+
+                              $('<form>').attr({
+                                method: 'post',
+                                action: saveImgAction,
+                                target: 'output_frame'
+                              }).append('<input type="hidden" name="output_img" value="' + datauri + '">').append('<input type="hidden" name="mime" value="' + mimeType + '">').append('<input type="hidden" name="filename" value="' + xhtmlEscape(filename) + '">').appendTo('body').submit().remove();
+
+                            case 16:
+                            case 'end':
+                              return _context.stop();
+                          }
+                        }
+                      }, _callee, this);
+                    }));
+
+                    function exportImage(_x2, _x3) {
+                      return _ref3.apply(this, arguments);
+                    }
+
+                    return exportImage;
+                  }()
+                });
+
+                // Do nothing if client support is found
+
+                if (!window.FileReader) {
+                  _context2.next = 16;
+                  break;
+                }
+
+                return _context2.abrupt('return');
+
+              case 16:
+
+                // Change these to appropriate script file
+                openSvgAction = svgEditor.curConfig.extPath + 'fileopen.php?type=load_svg';
+                importSvgAction = svgEditor.curConfig.extPath + 'fileopen.php?type=import_svg';
+                importImgAction = svgEditor.curConfig.extPath + 'fileopen.php?type=import_img';
+
+                // Set up function for PHP uploader to use
+
+                svgEditor.processFile = function (str64, type) {
+                  var xmlstr = void 0;
+                  if (cancelled) {
+                    cancelled = false;
+                    return;
+                  }
+
+                  $('#dialog_box').hide();
+
+                  if (type !== 'import_img') {
+                    xmlstr = decode64(str64);
+                  }
+
+                  switch (type) {
+                    case 'load_svg':
+                      svgCanvas.clear();
+                      svgCanvas.setSvgString(xmlstr);
+                      svgEditor.updateCanvas();
+                      break;
+                    case 'import_svg':
+                      svgCanvas.importSvgString(xmlstr);
+                      svgEditor.updateCanvas();
+                      break;
+                    case 'import_img':
+                      svgCanvas.setGoodImage(str64);
+                      break;
+                  }
+                };
+
+                // Create upload form
+                openSvgForm = $('<form>');
+
+                openSvgForm.attr({
+                  enctype: 'multipart/form-data',
+                  method: 'post',
+                  action: openSvgAction,
+                  target: 'output_frame'
+                });
+
+                // Create import form
+                importSvgForm = openSvgForm.clone().attr('action', importSvgAction);
+
+                // Create image form
+
+                importImgForm = openSvgForm.clone().attr('action', importImgAction);
+
+                // It appears necessary to rebuild this input every time a file is
+                // selected so the same file can be picked and the change event can fire.
+
+                // Create the input elements
+                rebuildInput(openSvgForm);
+                rebuildInput(importSvgForm);
+                rebuildInput(importImgForm);
+
+                // Add forms to buttons
+                $('#tool_open').show().prepend(openSvgForm);
+                $('#tool_import').show().prepend(importSvgForm);
+                $('#tool_image').prepend(importImgForm);
+
+              case 30:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function init(_x) {
+        return _ref2.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extServer_opensave;
+
+}());
diff --git a/dist/extensions/ext-shapes.js b/dist/extensions/ext-shapes.js
new file mode 100644
index 00000000..f92ed058
--- /dev/null
+++ b/dist/extensions/ext-shapes.js
@@ -0,0 +1,395 @@
+var svgEditorExtension_shapes = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /* globals jQuery */
+  /**
+   * ext-shapes.js
+   *
+   * @license MIT
+   *
+   * @copyright 2010 Christian Tzurcanu, 2010 Alexis Deveria
+   *
+   */
+  var extShapes = {
+    name: 'shapes',
+    init: function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
+        var importLocale = _ref.importLocale;
+        var strings, svgEditor, $, canv, svgroot, lastBBox, categories, library, modeId, startClientPos, currentD, curShapeId, curShape, startX, startY, curLib, loadIcons, makeButtons, loadLibrary, buttons;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                loadLibrary = function loadLibrary(catId) {
+                  var lib = library[catId];
+
+                  if (!lib) {
+                    $('#shape_buttons').html(strings.loading);
+                    $.getJSON(svgEditor.curConfig.extIconsPath + 'shapelib/' + catId + '.json', function (result) {
+                      curLib = library[catId] = {
+                        data: result.data,
+                        size: result.size,
+                        fill: result.fill
+                      };
+                      makeButtons(catId, result);
+                      loadIcons();
+                    });
+                    return;
+                  }
+                  curLib = lib;
+                  if (!lib.buttons.length) {
+                    makeButtons(catId, lib);
+                  }
+                  loadIcons();
+                };
+
+                makeButtons = function makeButtons(cat, shapes) {
+                  var size = curLib.size || 300;
+                  var fill = curLib.fill || false;
+                  var off = size * 0.05;
+                  var vb = [-off, -off, size + off * 2, size + off * 2].join(' ');
+                  var stroke = fill ? 0 : size / 30;
+                  var shapeIcon = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg">' + '<svg viewBox="' + vb + '">' + '<path fill="' + (fill ? '#333' : 'none') + '" stroke="#000" stroke-width="' + stroke + '" /></svg></svg>', 'text/xml');
+
+                  var width = 24;
+                  var height = 24;
+                  shapeIcon.documentElement.setAttribute('width', width);
+                  shapeIcon.documentElement.setAttribute('height', height);
+                  var svgElem = $(document.importNode(shapeIcon.documentElement, true));
+
+                  var data = shapes.data;
+
+
+                  curLib.buttons = [];
+                  for (var id in data) {
+                    var pathD = data[id];
+                    var icon = svgElem.clone();
+                    icon.find('path').attr('d', pathD);
+
+                    var iconBtn = icon.wrap('<div class="tool_button">').parent().attr({
+                      id: modeId + '_' + id,
+                      title: id
+                    });
+                    // Store for later use
+                    curLib.buttons.push(iconBtn[0]);
+                  }
+                };
+
+                loadIcons = function loadIcons() {
+                  $('#shape_buttons').empty().append(curLib.buttons);
+                };
+
+                _context.next = 5;
+                return importLocale();
+
+              case 5:
+                strings = _context.sent;
+                svgEditor = this;
+                $ = jQuery;
+                canv = svgEditor.canvas;
+                svgroot = canv.getRootElem();
+                lastBBox = {};
+
+                // This populates the category list
+
+                categories = strings.categories;
+                library = {
+                  basic: {
+                    data: {
+                      heart: 'm150,73c61,-175 300,0 0,225c-300,-225 -61,-400 0,-225z',
+                      frame: 'm0,0l300,0l0,300l-300,0zm35,-265l0,230l230,0l0,-230z',
+                      donut: 'm1,150l0,0c0,-82.29042 66.70958,-149 149,-149l0,0c39.51724,0 77.41599,15.69816 105.35889,43.64108c27.94293,27.94293 43.64111,65.84165 43.64111,105.35892l0,0c0,82.29041 -66.70958,149 -149,149l0,0c-82.29041,0 -149,-66.70959 -149,-149zm74.5,0l0,0c0,41.1452 33.35481,74.5 74.5,74.5c41.14522,0 74.5,-33.3548 74.5,-74.5c0,-41.1452 -33.3548,-74.5 -74.5,-74.5l0,0c-41.14519,0 -74.5,33.35481 -74.5,74.5z',
+                      triangle: 'm1,280.375l149,-260.75l149,260.75z',
+                      right_triangle: 'm1,299l0,-298l298,298z',
+                      diamond: 'm1,150l149,-149l149,149l-149,149l-149,-149z',
+                      pentagon: 'm1.00035,116.97758l148.99963,-108.4053l148.99998,108.4053l-56.91267,175.4042l-184.1741,0l-56.91284,-175.4042z',
+                      hexagon: 'm1,149.99944l63.85715,-127.71428l170.28572,0l63.85713,127.71428l-63.85713,127.71428l-170.28572,0l-63.85715,-127.71428z',
+                      septagon1: 'm0.99917,191.06511l29.51249,-127.7108l119.48833,-56.83673l119.48836,56.83673l29.51303,127.7108l-82.69087,102.41679l-132.62103,0l-82.69031,-102.41679z',
+                      heptagon: 'm1,88.28171l87.28172,-87.28171l123.43653,0l87.28172,87.28171l0,123.43654l-87.28172,87.28172l-123.43653,0l-87.28172,-87.28172l0,-123.43654z',
+                      decagon: 'm1,150.00093l28.45646,-88.40318l74.49956,-54.63682l92.08794,0l74.50002,54.63682l28.45599,88.40318l-28.45599,88.40318l-74.50002,54.63681l-92.08794,0l-74.49956,-54.63681l-28.45646,-88.40318z',
+                      dodecagon: 'm1,110.07421l39.92579,-69.14842l69.14842,-39.92579l79.85159,0l69.14842,39.92579l39.92578,69.14842l0,79.85159l-39.92578,69.14842l-69.14842,39.92578l-79.85159,0l-69.14842,-39.92578l-39.92579,-69.14842l0,-79.85159z',
+                      star_points_5: 'm1,116.58409l113.82668,0l35.17332,-108.13487l35.17334,108.13487l113.82666,0l-92.08755,66.83026l35.17514,108.13487l-92.08759,-66.83208l-92.08757,66.83208l35.17515,-108.13487l-92.08758,-66.83026z',
+                      trapezoid: 'm1,299l55.875,-298l186.25001,0l55.87498,298z',
+                      arrow_up: 'm1.49805,149.64304l148.50121,-148.00241l148.50121,148.00241l-74.25061,0l0,148.71457l-148.5012,0l0,-148.71457z',
+                      vertical_scrool: 'm37.375,261.625l0,-242.9375l0,0c0,-10.32083 8.36669,-18.6875 18.6875,-18.6875l224.25,0c10.32083,0 18.6875,8.36667 18.6875,18.6875c0,10.32081 -8.36667,18.6875 -18.6875,18.6875l-18.6875,0l0,242.9375c0,10.32083 -8.36668,18.6875 -18.6875,18.6875l-224.25,0l0,0c-10.32083,0 -18.6875,-8.36667 -18.6875,-18.6875c0,-10.32083 8.36667,-18.6875 18.6875,-18.6875zm37.375,-261.625l0,0c10.32081,0 18.6875,8.36667 18.6875,18.6875c0,10.32081 -8.36669,18.6875 -18.6875,18.6875c-5.1604,0 -9.34375,-4.18335 -9.34375,-9.34375c0,-5.16041 4.18335,-9.34375 9.34375,-9.34375l18.6875,0m186.875,18.6875l-205.5625,0m-37.375,224.25l0,0c5.1604,0 9.34375,4.18335 9.34375,9.34375c0,5.1604 -4.18335,9.34375 -9.34375,9.34375l18.6875,0m-18.6875,18.6875l0,0c10.32081,0 18.6875,-8.36667 18.6875,-18.6875l0,-18.6875',
+                      smiley: 'm68.49886,214.78838q81.06408,55.67332 161.93891,0m-144.36983,-109.9558c0,-8.60432 6.97517,-15.57949 15.57948,-15.57949c8.60431,0 15.57948,6.97517 15.57948,15.57949c0,8.60431 -6.97517,15.57947 -15.57948,15.57947c-8.60431,0 -15.57948,-6.97516 -15.57948,-15.57947m95.83109,0c0,-8.60432 6.97517,-15.57949 15.57948,-15.57949c8.60431,0 15.57947,6.97517 15.57947,15.57949c0,8.60431 -6.97516,15.57947 -15.57947,15.57947c-8.60429,0 -15.57948,-6.97516 -15.57948,-15.57947m-181.89903,44.73038l0,0c0,-82.60133 66.96162,-149.56296 149.56296,-149.56296c82.60135,0 149.56296,66.96162 149.56296,149.56296c0,82.60135 -66.96161,149.56296 -149.56296,149.56296c-82.60133,0 -149.56296,-66.96161 -149.56296,-149.56296zm0,0l0,0c0,-82.60133 66.96162,-149.56296 149.56296,-149.56296c82.60135,0 149.56296,66.96162 149.56296,149.56296c0,82.60135 -66.96161,149.56296 -149.56296,149.56296c-82.60133,0 -149.56296,-66.96161 -149.56296,-149.56296z',
+                      left_braket: 'm174.24565,298.5c-13.39009,0 -24.24489,-1.80908 -24.24489,-4.04065l0,-140.4187c0,-2.23158 -10.85481,-4.04065 -24.2449,-4.04065l0,0c13.39009,0 24.2449,-1.80907 24.2449,-4.04065l0,-140.4187l0,0c0,-2.23159 10.8548,-4.04066 24.24489,-4.04066',
+                      uml_actor: 'm40.5,100l219,0m-108.99991,94.00006l107,105m-107.00009,-106.00006l-100,106m99.5,-231l0,125m33.24219,-158.75781c0,18.35916 -14.88303,33.24219 -33.24219,33.24219c-18.35916,0 -33.2422,-14.88303 -33.2422,-33.24219c0.00002,-18.35915 14.88304,-33.24219 33.2422,-33.24219c18.35916,0 33.24219,14.88304 33.24219,33.24219z',
+                      dialog_balloon_1: 'm0.99786,35.96579l0,0c0,-19.31077 15.28761,-34.96524 34.14583,-34.96524l15.52084,0l0,0l74.50001,0l139.68748,0c9.05606,0 17.74118,3.68382 24.14478,10.24108c6.40356,6.55726 10.00107,15.45081 10.00107,24.72416l0,87.41311l0,0l0,52.44785l0,0c0,19.31078 -15.2876,34.96524 -34.14584,34.96524l-139.68748,0l-97.32507,88.90848l22.82506,-88.90848l-15.52084,0c-18.85822,0 -34.14583,-15.65446 -34.14583,-34.96524l0,0l0,-52.44785l0,0z',
+                      cloud: 'm182.05086,34.31005c-0.64743,0.02048 -1.27309,0.07504 -1.92319,0.13979c-10.40161,1.03605 -19.58215,7.63722 -24.24597,17.4734l-2.47269,7.44367c0.53346,-2.57959 1.35258,-5.08134 2.47269,-7.44367c-8.31731,-8.61741 -19.99149,-12.59487 -31.52664,-10.72866c-11.53516,1.8662 -21.55294,9.3505 -27.02773,20.19925c-15.45544,-9.51897 -34.72095,-8.94245 -49.62526,1.50272c-14.90431,10.44516 -22.84828,28.93916 -20.43393,47.59753l1.57977,7.58346c-0.71388,-2.48442 -1.24701,-5.01186 -1.57977,-7.58346l-0.2404,0.69894c-12.95573,1.4119 -23.58103,11.46413 -26.34088,24.91708c-2.75985,13.45294 2.9789,27.25658 14.21789,34.21291l17.54914,4.26352c-6.1277,0.50439 -12.24542,-0.9808 -17.54914,-4.26352c-8.66903,9.71078 -10.6639,24.08736 -4.94535,35.96027c5.71854,11.87289 17.93128,18.70935 30.53069,17.15887l7.65843,-2.02692c-2.46413,1.0314 -5.02329,1.70264 -7.65843,2.02692c7.15259,13.16728 19.01251,22.77237 32.93468,26.5945c13.92217,3.82214 28.70987,1.56322 41.03957,-6.25546c10.05858,15.86252 27.91113,24.19412 45.81322,21.38742c17.90208,-2.8067 32.66954,-16.26563 37.91438,-34.52742l1.82016,-10.20447c-0.27254,3.46677 -0.86394,6.87508 -1.82016,10.20447c12.31329,8.07489 27.80199,8.52994 40.52443,1.18819c12.72244,-7.34175 20.6609,-21.34155 20.77736,-36.58929l-4.56108,-22.7823l-17.96776,-15.41455c13.89359,8.70317 22.6528,21.96329 22.52884,38.19685c16.5202,0.17313 30.55292,-13.98268 36.84976,-30.22897c6.29684,-16.24631 3.91486,-34.76801 -6.2504,-48.68089c4.21637,-10.35873 3.96622,-22.14172 -0.68683,-32.29084c-4.65308,-10.14912 -13.23602,-17.69244 -23.55914,-20.65356c-2.31018,-13.45141 -11.83276,-24.27162 -24.41768,-27.81765c-12.58492,-3.54603 -25.98557,0.82654 -34.41142,11.25287l-5.11707,8.63186c1.30753,-3.12148 3.01521,-6.03101 5.11707,-8.63186c-5.93959,-8.19432 -15.2556,-12.8181 -24.96718,-12.51096z',
+                      cylinder: 'm299.0007,83.77844c0,18.28676 -66.70958,33.11111 -149.00002,33.11111m149.00002,-33.11111l0,0c0,18.28676 -66.70958,33.11111 -149.00002,33.11111c-82.29041,0 -148.99997,-14.82432 -148.99997,-33.11111m0,0l0,0c0,-18.28674 66.70956,-33.1111 148.99997,-33.1111c82.29044,0 149.00002,14.82436 149.00002,33.1111l0,132.44449c0,18.28674 -66.70958,33.11105 -149.00002,33.11105c-82.29041,0 -148.99997,-14.82431 -148.99997,-33.11105z',
+                      arrow_u_turn: 'm1.00059,299.00055l0,-167.62497l0,0c0,-72.00411 58.37087,-130.37499 130.375,-130.37499l0,0l0,0c34.57759,0 67.73898,13.7359 92.18906,38.18595c24.45006,24.45005 38.18593,57.61144 38.18593,92.18904l0,18.625l37.24997,0l-74.49995,74.50002l-74.50002,-74.50002l37.25,0l0,-18.625c0,-30.8589 -25.0161,-55.87498 -55.87498,-55.87498l0,0l0,0c-30.85892,0 -55.875,25.01608 -55.875,55.87498l0,167.62497z',
+                      arrow_left_up: 'm0.99865,224.5l74.50004,-74.5l0,37.25l111.74991,0l0,-111.75l-37.25,0l74.5,-74.5l74.5,74.5l-37.25,0l0,186.25l-186.24989,0l0,37.25l-74.50005,-74.5z',
+                      maximize: 'm1.00037,150.34581l55.30305,-55.30267l0,27.65093l22.17356,0l0,-44.21833l44.21825,0l0,-22.17357l-27.65095,0l55.30267,-55.30292l55.3035,55.30292l-27.65175,0l0,22.17357l44.21835,0l0,44.21833l22.17357,0l0,-27.65093l55.30345,55.30267l-55.30345,55.3035l0,-27.65175l-22.17357,0l0,44.21834l-44.21835,0l0,22.17355l27.65175,0l-55.3035,55.30348l-55.30267,-55.30348l27.65095,0l0,-22.17355l-44.21825,0l0,-44.21834l-22.17356,0l0,27.65175l-55.30305,-55.3035z',
+                      cross: 'm0.99844,99.71339l98.71494,0l0,-98.71495l101.26279,0l0,98.71495l98.71495,0l0,101.2628l-98.71495,0l0,98.71494l-101.26279,0l0,-98.71494l-98.71494,0z',
+                      plaque: 'm-0.00197,49.94376l0,0c27.5829,0 49.94327,-22.36036 49.94327,-49.94327l199.76709,0l0,0c0,27.5829 22.36037,49.94327 49.94325,49.94327l0,199.7671l0,0c-27.58289,0 -49.94325,22.36034 -49.94325,49.94325l-199.76709,0c0,-27.58292 -22.36037,-49.94325 -49.94327,-49.94325z',
+                      page: 'm249.3298,298.99744l9.9335,-39.73413l39.73413,-9.93355l-49.66763,49.66768l-248.33237,0l0,-298.00001l298.00001,0l0,248.33234'
+
+                    },
+                    buttons: []
+                  }
+                };
+                modeId = 'shapelib';
+                startClientPos = {};
+                currentD = void 0, curShapeId = void 0, curShape = void 0, startX = void 0, startY = void 0;
+                curLib = library.basic;
+                buttons = [{
+                  id: 'tool_shapelib',
+                  icon: svgEditor.curConfig.extIconsPath + 'shapes.png',
+                  type: 'mode_flyout', // _flyout
+                  position: 6,
+                  events: {
+                    click: function click() {
+                      canv.setMode(modeId);
+                    }
+                  }
+                }];
+                return _context.abrupt('return', {
+                  svgicons: svgEditor.curConfig.extIconsPath + 'ext-shapes.xml',
+                  buttons: strings.buttons.map(function (button, i) {
+                    return Object.assign(buttons[i], button);
+                  }),
+                  callback: function callback() {
+                    $('<style>').text('#shape_buttons {' + 'overflow: auto;' + 'width: 180px;' + 'max-height: 300px;' + 'display: table-cell;' + 'vertical-align: middle;' + '}' + '#shape_cats {' + 'min-width: 110px;' + 'display: table-cell;' + 'vertical-align: middle;' + 'height: 300px;' + '}' + '#shape_cats > div {' + 'line-height: 1em;' + 'padding: .5em;' + 'border:1px solid #B0B0B0;' + 'background: #E8E8E8;' + 'margin-bottom: -1px;' + '}' + '#shape_cats div:hover {' + 'background: #FFFFCC;' + '}' + '#shape_cats div.current {' + 'font-weight: bold;' + '}').appendTo('head');
+
+                    var btnDiv = $('<div id="shape_buttons">');
+                    $('#tools_shapelib > *').wrapAll(btnDiv);
+
+                    var shower = $('#tools_shapelib_show');
+
+                    loadLibrary('basic');
+
+                    // Do mouseup on parent element rather than each button
+                    $('#shape_buttons').mouseup(function (evt) {
+                      var btn = $(evt.target).closest('div.tool_button');
+
+                      if (!btn.length) {
+                        return;
+                      }
+
+                      var copy = btn.children().clone();
+                      shower.children(':not(.flyout_arrow_horiz)').remove();
+                      shower.append(copy).attr('data-curopt', '#' + btn[0].id) // This sets the current mode
+                      .mouseup();
+                      canv.setMode(modeId);
+
+                      curShapeId = btn[0].id.substr((modeId + '_').length);
+                      currentD = curLib.data[curShapeId];
+
+                      $('.tools_flyout').fadeOut();
+                    });
+
+                    var shapeCats = $('<div id="shape_cats">');
+
+                    var catStr = '';
+                    $.each(categories, function (id, label) {
+                      catStr += '<div data-cat=' + id + '>' + label + '</div>';
+                    });
+
+                    shapeCats.html(catStr).children().bind('mouseup', function () {
+                      var catlink = $(this);
+                      catlink.siblings().removeClass('current');
+                      catlink.addClass('current');
+
+                      loadLibrary(catlink.attr('data-cat'));
+                      // Get stuff
+                      return false;
+                    });
+
+                    shapeCats.children().eq(0).addClass('current');
+
+                    $('#tools_shapelib').append(shapeCats);
+
+                    shower.mouseup(function () {
+                      canv.setMode(currentD ? modeId : 'select');
+                    });
+                    $('#tool_shapelib').remove();
+
+                    var h = $('#tools_shapelib').height();
+                    $('#tools_shapelib').css({
+                      'margin-top': -(h / 2 - 15),
+                      'margin-left': 3
+                    });
+                    // Now add shape categories from locale
+                    var cats = {};
+                    for (var o in categories) {
+                      cats['#shape_cats [data-cat="' + o + '"]'] = categories[o];
+                    }
+                    this.setStrings('content', cats);
+                  },
+                  mouseDown: function mouseDown(opts) {
+                    var mode = canv.getMode();
+                    if (mode !== modeId) {
+                      return;
+                    }
+
+                    startX = opts.start_x;
+                    var x = startX;
+                    startY = opts.start_y;
+                    var y = startY;
+                    var curStyle = canv.getStyle();
+
+                    startClientPos.x = opts.event.clientX;
+                    startClientPos.y = opts.event.clientY;
+
+                    curShape = canv.addSVGElementFromJson({
+                      element: 'path',
+                      curStyles: true,
+                      attr: {
+                        d: currentD,
+                        id: canv.getNextId(),
+                        opacity: curStyle.opacity / 2,
+                        style: 'pointer-events:none'
+                      }
+                    });
+
+                    // Make sure shape uses absolute values
+                    if (/[a-z]/.test(currentD)) {
+                      currentD = curLib.data[curShapeId] = canv.pathActions.convertPath(curShape);
+                      curShape.setAttribute('d', currentD);
+                      canv.pathActions.fixEnd(curShape);
+                    }
+                    curShape.setAttribute('transform', 'translate(' + x + ',' + y + ') scale(0.005) translate(' + -x + ',' + -y + ')');
+
+                    canv.recalculateDimensions(curShape);
+
+                    /* const tlist = */canv.getTransformList(curShape);
+
+                    lastBBox = curShape.getBBox();
+
+                    return {
+                      started: true
+                    };
+                  },
+                  mouseMove: function mouseMove(opts) {
+                    var mode = canv.getMode();
+                    if (mode !== modeId) {
+                      return;
+                    }
+
+                    var zoom = canv.getZoom();
+                    var evt = opts.event;
+
+                    var x = opts.mouse_x / zoom;
+                    var y = opts.mouse_y / zoom;
+
+                    var tlist = canv.getTransformList(curShape),
+                        box = curShape.getBBox(),
+                        left = box.x,
+                        top = box.y;
+                    // {width, height} = box,
+                    // const dx = (x - startX), dy = (y - startY);
+
+                    var newbox = {
+                      x: Math.min(startX, x),
+                      y: Math.min(startY, y),
+                      width: Math.abs(x - startX),
+                      height: Math.abs(y - startY)
+                    };
+
+                    /*
+                    // This is currently serving no purpose, so commenting out
+                    let sy = height ? (height + dy) / height : 1,
+                      sx = width ? (width + dx) / width : 1;
+                    */
+
+                    var sx = newbox.width / lastBBox.width || 1;
+                    var sy = newbox.height / lastBBox.height || 1;
+
+                    // Not perfect, but mostly works...
+                    var tx = 0;
+                    if (x < startX) {
+                      tx = lastBBox.width;
+                    }
+                    var ty = 0;
+                    if (y < startY) {
+                      ty = lastBBox.height;
+                    }
+
+                    // update the transform list with translate,scale,translate
+                    var translateOrigin = svgroot.createSVGTransform(),
+                        scale = svgroot.createSVGTransform(),
+                        translateBack = svgroot.createSVGTransform();
+
+                    translateOrigin.setTranslate(-(left + tx), -(top + ty));
+                    if (!evt.shiftKey) {
+                      var max = Math.min(Math.abs(sx), Math.abs(sy));
+
+                      sx = max * (sx < 0 ? -1 : 1);
+                      sy = max * (sy < 0 ? -1 : 1);
+                    }
+                    scale.setScale(sx, sy);
+
+                    translateBack.setTranslate(left + tx, top + ty);
+                    tlist.appendItem(translateBack);
+                    tlist.appendItem(scale);
+                    tlist.appendItem(translateOrigin);
+
+                    canv.recalculateDimensions(curShape);
+
+                    lastBBox = curShape.getBBox();
+                  },
+                  mouseUp: function mouseUp(opts) {
+                    var mode = canv.getMode();
+                    if (mode !== modeId) {
+                      return;
+                    }
+
+                    var keepObject = opts.event.clientX !== startClientPos.x && opts.event.clientY !== startClientPos.y;
+
+                    return {
+                      keep: keepObject,
+                      element: curShape,
+                      started: false
+                    };
+                  }
+                });
+
+              case 19:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init(_x) {
+        return _ref2.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extShapes;
+
+}());
diff --git a/dist/extensions/ext-star.js b/dist/extensions/ext-star.js
new file mode 100644
index 00000000..566798f3
--- /dev/null
+++ b/dist/extensions/ext-star.js
@@ -0,0 +1,293 @@
+var svgEditorExtension_star = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /* globals jQuery */
+  /**
+   * ext-star.js
+   *
+   *
+   * @copyright 2010 CloudCanvas, Inc. All rights reserved
+   *
+   */
+  var extStar = {
+    name: 'star',
+    init: function () {
+      var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(S) {
+        var svgEditor, $, svgCanvas, importLocale, selElems, started, newFO, strings, showPanel, setAttr, buttons, contextTools;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                setAttr = function setAttr(attr, val) {
+                  svgCanvas.changeSelectedAttribute(attr, val);
+                  svgCanvas.call('changed', selElems);
+                };
+
+                showPanel = function showPanel(on) {
+                  var fcRules = $('#fc_rules');
+                  if (!fcRules.length) {
+                    fcRules = $('<style id="fc_rules"></style>').appendTo('head');
+                  }
+                  fcRules.text(!on ? '' : ' #tool_topath { display: none !important; }');
+                  $('#star_panel').toggle(on);
+                };
+
+                svgEditor = this;
+                $ = jQuery;
+                svgCanvas = svgEditor.canvas;
+                importLocale = S.importLocale; // {svgcontent},
+
+                selElems = void 0, started = void 0, newFO = void 0;
+                // edg = 0,
+                // newFOG, newFOGParent, newDef, newImageName, newMaskID,
+                // undoCommand = 'Not image',
+                // modeChangeG, ccZoom, wEl, hEl, wOffset, hOffset, ccRgbEl, brushW, brushH;
+
+                _context.next = 9;
+                return importLocale();
+
+              case 9:
+                strings = _context.sent;
+
+
+                /*
+                function cot(n){
+                  return 1 / Math.tan(n);
+                }
+                 function sec(n){
+                  return 1 / Math.cos(n);
+                }
+                */
+                buttons = [{
+                  id: 'tool_star',
+                  icon: svgEditor.curConfig.extIconsPath + 'star.png',
+                  type: 'mode',
+                  position: 12,
+                  events: {
+                    click: function click() {
+                      showPanel(true);
+                      svgCanvas.setMode('star');
+                    }
+                  }
+                }];
+                contextTools = [{
+                  type: 'input',
+                  panel: 'star_panel',
+                  id: 'starNumPoints',
+                  size: 3,
+                  defval: 5,
+                  events: {
+                    change: function change() {
+                      setAttr('point', this.value);
+                    }
+                  }
+                }, {
+                  type: 'input',
+                  panel: 'star_panel',
+                  id: 'starRadiusMulitplier',
+                  size: 3,
+                  defval: 2.5
+                }, {
+                  type: 'input',
+                  panel: 'star_panel',
+                  id: 'radialShift',
+                  size: 3,
+                  defval: 0,
+                  events: {
+                    change: function change() {
+                      setAttr('radialshift', this.value);
+                    }
+                  }
+                }];
+                return _context.abrupt('return', {
+                  name: strings.name,
+                  svgicons: svgEditor.curConfig.extIconsPath + 'star-icons.svg',
+                  buttons: strings.buttons.map(function (button, i) {
+                    return Object.assign(buttons[i], button);
+                  }),
+                  context_tools: strings.contextTools.map(function (contextTool, i) {
+                    return Object.assign(contextTools[i], contextTool);
+                  }),
+                  callback: function callback() {
+                    $('#star_panel').hide();
+                    // const endChanges = function(){};
+                  },
+                  mouseDown: function mouseDown(opts) {
+                    var rgb = svgCanvas.getColor('fill');
+                    // const ccRgbEl = rgb.substring(1, rgb.length);
+                    var sRgb = svgCanvas.getColor('stroke');
+                    // const ccSRgbEl = sRgb.substring(1, rgb.length);
+                    var sWidth = svgCanvas.getStrokeWidth();
+
+                    if (svgCanvas.getMode() === 'star') {
+                      started = true;
+
+                      newFO = svgCanvas.addSVGElementFromJson({
+                        element: 'polygon',
+                        attr: {
+                          cx: opts.start_x,
+                          cy: opts.start_y,
+                          id: svgCanvas.getNextId(),
+                          shape: 'star',
+                          point: document.getElementById('starNumPoints').value,
+                          r: 0,
+                          radialshift: document.getElementById('radialShift').value,
+                          r2: 0,
+                          orient: 'point',
+                          fill: rgb,
+                          strokecolor: sRgb,
+                          strokeWidth: sWidth
+                        }
+                      });
+                      return {
+                        started: true
+                      };
+                    }
+                  },
+                  mouseMove: function mouseMove(opts) {
+                    if (!started) {
+                      return;
+                    }
+                    if (svgCanvas.getMode() === 'star') {
+                      var c = $(newFO).attr(['cx', 'cy', 'point', 'orient', 'fill', 'strokecolor', 'strokeWidth', 'radialshift']);
+
+                      var x = opts.mouse_x;
+                      var y = opts.mouse_y;
+                      var cx = c.cx,
+                          cy = c.cy,
+                          fill = c.fill,
+                          strokecolor = c.strokecolor,
+                          strokeWidth = c.strokeWidth,
+                          radialshift = c.radialshift,
+                          point = c.point,
+                          orient = c.orient,
+                          circumradius = Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy)) / 1.5,
+                          inradius = circumradius / document.getElementById('starRadiusMulitplier').value;
+
+                      newFO.setAttributeNS(null, 'r', circumradius);
+                      newFO.setAttributeNS(null, 'r2', inradius);
+
+                      var polyPoints = '';
+                      for (var s = 0; point >= s; s++) {
+                        var angle = 2.0 * Math.PI * (s / point);
+                        if (orient === 'point') {
+                          angle -= Math.PI / 2;
+                        } else if (orient === 'edge') {
+                          angle = angle + Math.PI / point - Math.PI / 2;
+                        }
+
+                        x = circumradius * Math.cos(angle) + cx;
+                        y = circumradius * Math.sin(angle) + cy;
+
+                        polyPoints += x + ',' + y + ' ';
+
+                        if (inradius != null) {
+                          angle = 2.0 * Math.PI * (s / point) + Math.PI / point;
+                          if (orient === 'point') {
+                            angle -= Math.PI / 2;
+                          } else if (orient === 'edge') {
+                            angle = angle + Math.PI / point - Math.PI / 2;
+                          }
+                          angle += radialshift;
+
+                          x = inradius * Math.cos(angle) + cx;
+                          y = inradius * Math.sin(angle) + cy;
+
+                          polyPoints += x + ',' + y + ' ';
+                        }
+                      }
+                      newFO.setAttributeNS(null, 'points', polyPoints);
+                      newFO.setAttributeNS(null, 'fill', fill);
+                      newFO.setAttributeNS(null, 'stroke', strokecolor);
+                      newFO.setAttributeNS(null, 'stroke-width', strokeWidth);
+                      /* const shape = */newFO.getAttributeNS(null, 'shape');
+
+                      return {
+                        started: true
+                      };
+                    }
+                  },
+                  mouseUp: function mouseUp() {
+                    if (svgCanvas.getMode() === 'star') {
+                      var attrs = $(newFO).attr(['r']);
+                      // svgCanvas.addToSelection([newFO], true);
+                      return {
+                        keep: attrs.r !== '0',
+                        element: newFO
+                      };
+                    }
+                  },
+                  selectedChanged: function selectedChanged(opts) {
+                    // Use this to update the current selected elements
+                    selElems = opts.elems;
+
+                    var i = selElems.length;
+                    while (i--) {
+                      var elem = selElems[i];
+                      if (elem && elem.getAttributeNS(null, 'shape') === 'star') {
+                        if (opts.selectedElement && !opts.multiselected) {
+                          // $('#starRadiusMulitplier').val(elem.getAttribute('r2'));
+                          $('#starNumPoints').val(elem.getAttribute('point'));
+                          $('#radialShift').val(elem.getAttribute('radialshift'));
+                          showPanel(true);
+                        } else {
+                          showPanel(false);
+                        }
+                      } else {
+                        showPanel(false);
+                      }
+                    }
+                  },
+                  elementChanged: function elementChanged(opts) {
+                    // const elem = opts.elems[0];
+                  }
+                });
+
+              case 13:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init(_x) {
+        return _ref.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extStar;
+
+}());
diff --git a/dist/extensions/ext-storage.js b/dist/extensions/ext-storage.js
new file mode 100644
index 00000000..c476fa3f
--- /dev/null
+++ b/dist/extensions/ext-storage.js
@@ -0,0 +1,314 @@
+var svgEditorExtension_storage = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /* globals jQuery */
+  /**
+   * ext-storage.js
+   *
+   * This extension allows automatic saving of the SVG canvas contents upon
+   *  page unload (which can later be automatically retrieved upon future
+   *  editor loads).
+   *
+   *  The functionality was originally part of the SVG Editor, but moved to a
+   *  separate extension to make the setting behavior optional, and adapted
+   *  to inform the user of its setting of local data.
+   * Dependencies:
+   *
+   * 1. jQuery BBQ (for deparam)
+   * @license MIT
+   *
+   * @copyright 2010 Brett Zamir
+   * @todo Revisit on whether to use $.pref over directly setting curConfig in all
+   *   extensions for a more public API (not only for extPath and imagePath,
+   *   but other currently used config in the extensions)
+   * @todo We might provide control of storage settings through the UI besides the
+   *   initial (or URL-forced) dialog. *
+  */
+  var extStorage = {
+    name: 'storage',
+    init: function init() {
+      var svgEditor = this;
+      var $ = jQuery;
+      var svgCanvas = svgEditor.canvas;
+
+      // We could empty any already-set data for users when they decline storage,
+      //  but it would be a risk for users who wanted to store but accidentally
+      // said "no"; instead, we'll let those who already set it, delete it themselves;
+      // to change, set the "emptyStorageOnDecline" config setting to true
+      // in svgedit-config-iife.js/svgedit-config-es.js.
+      var _svgEditor$curConfig = svgEditor.curConfig,
+          emptyStorageOnDecline = _svgEditor$curConfig.emptyStorageOnDecline,
+          noStorageOnLoad = _svgEditor$curConfig.noStorageOnLoad,
+          forceStorage = _svgEditor$curConfig.forceStorage;
+      var storage = svgEditor.storage;
+
+
+      function replaceStoragePrompt(val) {
+        val = val ? 'storagePrompt=' + val : '';
+        var loc = top.location; // Allow this to work with the embedded editor as well
+        if (loc.href.includes('storagePrompt=')) {
+          loc.href = loc.href.replace(/([&?])storagePrompt=[^&]*(&?)/, function (n0, n1, amp) {
+            return (val ? n1 : '') + val + (!val && amp ? n1 : amp || '');
+          });
+        } else {
+          loc.href += (loc.href.includes('?') ? '&' : '?') + val;
+        }
+      }
+      function setSVGContentStorage(val) {
+        if (storage) {
+          var name = 'svgedit-' + svgEditor.curConfig.canvasName;
+          if (!val) {
+            storage.removeItem(name);
+          } else {
+            storage.setItem(name, val);
+          }
+        }
+      }
+
+      function expireCookie(cookie) {
+        document.cookie = encodeURIComponent(cookie) + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT';
+      }
+
+      function removeStoragePrefCookie() {
+        expireCookie('store');
+      }
+
+      function emptyStorage() {
+        setSVGContentStorage('');
+        for (var name in svgEditor.curPrefs) {
+          if (svgEditor.curPrefs.hasOwnProperty(name)) {
+            name = 'svg-edit-' + name;
+            if (storage) {
+              storage.removeItem(name);
+            }
+            expireCookie(name);
+          }
+        }
+      }
+
+      // emptyStorage();
+
+      /**
+      * Listen for unloading: If and only if opted in by the user, set the content
+      *   document and preferences into storage:
+      * 1. Prevent save warnings (since we're automatically saving unsaved
+      *       content into storage)
+      * 2. Use localStorage to set SVG contents (potentially too large to allow in cookies)
+      * 3. Use localStorage (where available) or cookies to set preferences.
+      */
+      function setupBeforeUnloadListener() {
+        window.addEventListener('beforeunload', function (e) {
+          // Don't save anything unless the user opted in to storage
+          if (!document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/)) {
+            return;
+          }
+          if (document.cookie.match(/(?:^|;\s*)store=prefsAndContent/)) {
+            setSVGContentStorage(svgCanvas.getSvgString());
+          }
+
+          svgEditor.setConfig({ no_save_warning: true }); // No need for explicit saving at all once storage is on
+          // svgEditor.showSaveWarning = false;
+
+          var curPrefs = svgEditor.curPrefs;
+
+
+          for (var key in curPrefs) {
+            if (curPrefs.hasOwnProperty(key)) {
+              // It's our own config, so we don't need to iterate up the prototype chain
+              var val = curPrefs[key];
+              var store = val !== undefined;
+              key = 'svg-edit-' + key;
+              if (!store) {
+                continue;
+              }
+              if (storage) {
+                storage.setItem(key, val);
+              } else if (window.widget) {
+                window.widget.setPreferenceForKey(val, key);
+              } else {
+                val = encodeURIComponent(val);
+                document.cookie = encodeURIComponent(key) + '=' + val + '; expires=Fri, 31 Dec 9999 23:59:59 GMT';
+              }
+            }
+          }
+        }, false);
+      }
+
+      var loaded = false;
+      return {
+        name: 'storage',
+        langReady: function () {
+          var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
+            var importLocale = _ref.importLocale;
+
+            var _$$deparam$querystrin, storagePrompt, confirmSetStorage, message, storagePrefsAndContent, storagePrefsOnly, storagePrefs, storageNoPrefsOrContent, storageNoPrefs, rememberLabel, rememberTooltip, options, oldContainerWidth, oldContainerMarginLeft, oldContentHeight, oldContainerHeight;
+
+            return regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    _$$deparam$querystrin = $.deparam.querystring(true), storagePrompt = _$$deparam$querystrin.storagePrompt;
+                    _context.next = 3;
+                    return importLocale();
+
+                  case 3:
+                    confirmSetStorage = _context.sent;
+                    message = confirmSetStorage.message, storagePrefsAndContent = confirmSetStorage.storagePrefsAndContent, storagePrefsOnly = confirmSetStorage.storagePrefsOnly, storagePrefs = confirmSetStorage.storagePrefs, storageNoPrefsOrContent = confirmSetStorage.storageNoPrefsOrContent, storageNoPrefs = confirmSetStorage.storageNoPrefs, rememberLabel = confirmSetStorage.rememberLabel, rememberTooltip = confirmSetStorage.rememberTooltip;
+
+                    // No need to run this one-time dialog again just because the user
+                    //   changes the language
+
+                    if (!loaded) {
+                      _context.next = 7;
+                      break;
+                    }
+
+                    return _context.abrupt('return');
+
+                  case 7:
+                    loaded = true;
+
+                    // Note that the following can load even if "noStorageOnLoad" is
+                    //   set to false; to avoid any chance of storage, avoid this
+                    //   extension! (and to avoid using any prior storage, set the
+                    //   config option "noStorageOnLoad" to true).
+                    if (!forceStorage && (
+                    // If the URL has been explicitly set to always prompt the
+                    //  user (e.g., so one can be pointed to a URL where one
+                    // can alter one's settings, say to prevent future storage)...
+                    storagePrompt === true ||
+                    // ...or...if the URL at least doesn't explicitly prevent a
+                    //  storage prompt (as we use for users who
+                    // don't want to set cookies at all but who don't want
+                    // continual prompts about it)...
+                    storagePrompt !== false &&
+                    // ...and this user hasn't previously indicated a desire for storage
+                    !document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/)
+                    // ...then show the storage prompt.
+                    )) {
+                      options = [];
+
+                      if (storage) {
+                        options.unshift({ value: 'prefsAndContent', text: storagePrefsAndContent }, { value: 'prefsOnly', text: storagePrefsOnly }, { value: 'noPrefsOrContent', text: storageNoPrefsOrContent });
+                      } else {
+                        options.unshift({ value: 'prefsOnly', text: storagePrefs }, { value: 'noPrefsOrContent', text: storageNoPrefs });
+                      }
+
+                      // Hack to temporarily provide a wide and high enough dialog
+                      oldContainerWidth = $('#dialog_container')[0].style.width, oldContainerMarginLeft = $('#dialog_container')[0].style.marginLeft, oldContentHeight = $('#dialog_content')[0].style.height, oldContainerHeight = $('#dialog_container')[0].style.height;
+
+                      $('#dialog_content')[0].style.height = '120px';
+                      $('#dialog_container')[0].style.height = '170px';
+                      $('#dialog_container')[0].style.width = '800px';
+                      $('#dialog_container')[0].style.marginLeft = '-400px';
+
+                      // Open select-with-checkbox dialog
+                      // From svg-editor.js
+                      $.select(message, options, function (pref, checked) {
+                        if (pref && pref !== 'noPrefsOrContent') {
+                          // Regardless of whether the user opted
+                          // to remember the choice (and move to a URL which won't
+                          // ask them again), we have to assume the user
+                          // doesn't even want to remember their not wanting
+                          // storage, so we don't set the cookie or continue on with
+                          //  setting storage on beforeunload
+                          document.cookie = 'store=' + encodeURIComponent(pref) + '; expires=Fri, 31 Dec 9999 23:59:59 GMT'; // 'prefsAndContent' | 'prefsOnly'
+                          // If the URL was configured to always insist on a prompt, if
+                          //    the user does indicate a wish to store their info, we
+                          //    don't want ask them again upon page refresh so move
+                          //    them instead to a URL which does not always prompt
+                          if (storagePrompt === true && checked) {
+                            replaceStoragePrompt();
+                            return;
+                          }
+                        } else {
+                          // The user does not wish storage (or cancelled, which we treat equivalently)
+                          removeStoragePrefCookie();
+                          if (pref && // If the user explicitly expresses wish for no storage
+                          emptyStorageOnDecline) {
+                            emptyStorage();
+                          }
+                          if (pref && checked) {
+                            // Open a URL which won't set storage and won't prompt user about storage
+                            replaceStoragePrompt('false');
+                            return;
+                          }
+                        }
+
+                        // Reset width/height of dialog (e.g., for use by Export)
+                        $('#dialog_container')[0].style.width = oldContainerWidth;
+                        $('#dialog_container')[0].style.marginLeft = oldContainerMarginLeft;
+                        $('#dialog_content')[0].style.height = oldContentHeight;
+                        $('#dialog_container')[0].style.height = oldContainerHeight;
+
+                        // It should be enough to (conditionally) add to storage on
+                        //   beforeunload, but if we wished to update immediately,
+                        //   we might wish to try setting:
+                        //       svgEditor.setConfig({noStorageOnLoad: true});
+                        //   and then call:
+                        //       svgEditor.loadContentAndPrefs();
+
+                        // We don't check for noStorageOnLoad here because
+                        //   the prompt gives the user the option to store data
+                        setupBeforeUnloadListener();
+
+                        svgEditor.storagePromptClosed = true;
+                      }, null, null, {
+                        label: rememberLabel,
+                        checked: false,
+                        tooltip: rememberTooltip
+                      });
+                    } else if (!noStorageOnLoad || forceStorage) {
+                      setupBeforeUnloadListener();
+                    }
+
+                  case 9:
+                  case 'end':
+                    return _context.stop();
+                }
+              }
+            }, _callee, this);
+          }));
+
+          function langReady(_x) {
+            return _ref2.apply(this, arguments);
+          }
+
+          return langReady;
+        }()
+      };
+    }
+  };
+
+  return extStorage;
+
+}());
diff --git a/dist/extensions/ext-webappfind.js b/dist/extensions/ext-webappfind.js
new file mode 100644
index 00000000..c89a72e6
--- /dev/null
+++ b/dist/extensions/ext-webappfind.js
@@ -0,0 +1,168 @@
+var svgEditorExtension_webappfind = (function () {
+  'use strict';
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  /**
+  * Depends on Firefox add-on and executables from {@link https://github.com/brettz9/webappfind}
+  * @author Brett Zamir
+  * @license MIT
+  * @todo See WebAppFind Readme for SVG-related todos
+  */
+
+  var extWebappfind = {
+    name: 'webappfind',
+    init: function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
+        var importLocale = _ref.importLocale;
+        var strings, svgEditor, saveMessage, readMessage, excludedMessages, pathID, buttons;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return importLocale();
+
+              case 2:
+                strings = _context.sent;
+                svgEditor = this;
+                saveMessage = 'save', readMessage = 'read', excludedMessages = [readMessage, saveMessage];
+                pathID = void 0;
+
+                this.canvas.bind('message',
+                /**
+                * @param {external:Window} win
+                * @param {module:svgcanvas.SvgCanvas#event:message} data
+                * @listens module:svgcanvas.SvgCanvas#event:message
+                * @throws {Error} Unexpected event type
+                * @returns {undefined}
+                */
+                function (win, _ref3) {
+                  var data = _ref3.data,
+                      origin = _ref3.origin;
+
+                  // console.log('data, origin', data, origin);
+                  var type = void 0,
+                      content = void 0;
+                  try {
+                    // May throw if data is not an object
+                    var _data$webappfind = data.webappfind;
+                    type = _data$webappfind.type;
+                    pathID = _data$webappfind.pathID;
+                    content = _data$webappfind.content;
+                    if (origin !== location.origin || // We are only interested in a message sent as though within this URL by our browser add-on
+                    excludedMessages.includes(type) // Avoid our post below (other messages might be possible in the future which may also need to be excluded if your subsequent code makes assumptions on the type of message this is)
+                    ) {
+                        return;
+                      }
+                  } catch (err) {
+                    return;
+                  }
+
+                  switch (type) {
+                    case 'view':
+                      // Populate the contents
+                      svgEditor.loadFromString(content);
+
+                      /* if ($('#tool_save_file')) {
+                        $('#tool_save_file').disabled = false;
+                      } */
+                      break;
+                    case 'save-end':
+                      alert('save complete for pathID ' + pathID + '!');
+                      break;
+                    default:
+                      throw new Error('Unexpected WebAppFind event type');
+                  }
+                });
+
+                /*
+                window.postMessage({
+                  webappfind: {
+                    type: readMessage
+                  }
+                }, window.location.origin === 'null'
+                  // Avoid "null" string error for `file:` protocol (even though
+                  //  file protocol not currently supported by Firefox)
+                  ? '*'
+                  : window.location.origin
+                );
+                */
+                buttons = [{
+                  id: 'webappfind_save', //
+                  icon: svgEditor.curConfig.extIconsPath + 'webappfind.png',
+                  type: 'app_menu',
+                  position: 4, // Before 0-based index position 4 (after the regular "Save Image (S)")
+                  events: {
+                    click: function click() {
+                      if (!pathID) {
+                        // Not ready yet as haven't received first payload
+                        return;
+                      }
+                      window.postMessage({
+                        webappfind: {
+                          type: saveMessage,
+                          pathID: pathID,
+                          content: svgEditor.canvas.getSvgString()
+                        }
+                      }, window.location.origin === 'null'
+                      // Avoid "null" string error for `file:` protocol (even
+                      //  though file protocol not currently supported by add-on)
+                      ? '*' : window.location.origin);
+                    }
+                  }
+                }];
+                return _context.abrupt('return', {
+                  name: strings.name,
+                  svgicons: svgEditor.curConfig.extIconsPath + 'webappfind-icon.svg',
+                  buttons: strings.buttons.map(function (button, i) {
+                    return Object.assign(buttons[i], button);
+                  })
+                });
+
+              case 9:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function init(_x) {
+        return _ref2.apply(this, arguments);
+      }
+
+      return init;
+    }()
+  };
+
+  return extWebappfind;
+
+}());
diff --git a/dist/extensions/ext-xdomain-messaging.js b/dist/extensions/ext-xdomain-messaging.js
new file mode 100644
index 00000000..8c167ccb
--- /dev/null
+++ b/dist/extensions/ext-xdomain-messaging.js
@@ -0,0 +1,62 @@
+var svgEditorExtension_xdomain_messaging = (function () {
+  'use strict';
+
+  var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  };
+
+  /**
+  * Should not be needed for same domain control (just call via child frame),
+  *  but an API common for cross-domain and same domain use can be found
+  *  in embedapi.js with a demo at embedapi.html
+  */
+  var extXdomainMessaging = {
+    name: 'xdomain-messaging',
+    init: function init() {
+      var svgEditor = this;
+      var svgCanvas = svgEditor.canvas;
+      try {
+        window.addEventListener('message', function (e) {
+          // We accept and post strings for the sake of IE9 support
+          if (typeof e.data !== 'string' || e.data.charAt() === '|') {
+            return;
+          }
+          var data = JSON.parse(e.data);
+          if (!data || (typeof data === 'undefined' ? 'undefined' : _typeof(data)) !== 'object' || data.namespace !== 'svgCanvas') {
+            return;
+          }
+          // The default is not to allow any origins, including even the same domain or
+          //  if run on a file:// URL See svgedit-config-es.js for an example of how
+          //  to configure
+          var allowedOrigins = svgEditor.curConfig.allowedOrigins;
+
+          if (!allowedOrigins.includes('*') && !allowedOrigins.includes(e.origin)) {
+            console.log('Origin ' + e.origin + ' not whitelisted for posting to ' + window.origin);
+            return;
+          }
+          var cbid = data.id;
+          var name = data.name,
+              args = data.args;
+
+          var message = {
+            namespace: 'svg-edit',
+            id: cbid
+          };
+          try {
+            message.result = svgCanvas[name].apply(svgCanvas, args);
+          } catch (err) {
+            message.error = err.message;
+          }
+          e.source.postMessage(JSON.stringify(message), '*');
+        }, false);
+      } catch (err) {
+        console.log('Error with xdomain message listener: ' + err);
+      }
+    }
+  };
+
+  return extXdomainMessaging;
+
+}());
diff --git a/dist/extensions/imagelib/index.js b/dist/extensions/imagelib/index.js
new file mode 100644
index 00000000..390815c8
--- /dev/null
+++ b/dist/extensions/imagelib/index.js
@@ -0,0 +1,67 @@
+(function () {
+  'use strict';
+
+  var _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  /* globals jQuery */
+  var $ = jQuery;
+  $('a').click(function () {
+    var href = this.href;
+
+    var target = window.parent;
+    var post = function post(message) {
+      // Todo: Make origin customizable as set by opening window
+      // Todo: If dropping IE9, avoid stringifying
+      target.postMessage(JSON.stringify(_extends({
+        namespace: 'imagelib'
+      }, message)), '*');
+    };
+    // Convert Non-SVG images to data URL first
+    // (this could also have been done server-side by the library)
+    // Send metadata (also indicates file is about to be sent)
+    post({
+      name: $(this).text(),
+      id: href
+    });
+    if (!this.href.includes('.svg')) {
+      var img = new Image();
+      img.onload = function () {
+        var canvas = document.createElement('canvas');
+        canvas.width = this.width;
+        canvas.height = this.height;
+        // load the raster image into the canvas
+        canvas.getContext('2d').drawImage(this, 0, 0);
+        // retrieve the data: URL
+        var data = void 0;
+        try {
+          data = canvas.toDataURL();
+        } catch (err) {
+          // This fails in Firefox with file:// URLs :(
+          alert('Data URL conversion failed: ' + err);
+          data = '';
+        }
+        post({ href: href, data: data });
+      };
+      img.src = href;
+    } else {
+      // Do ajax request for image's href value
+      $.get(href, function (data) {
+        post({ href: href, data: data });
+      }, 'html'); // 'html' is necessary to keep returned data as a string
+    }
+    return false;
+  });
+
+}());
diff --git a/dist/index-es.js b/dist/index-es.js
new file mode 100644
index 00000000..a749ac4e
--- /dev/null
+++ b/dist/index-es.js
@@ -0,0 +1,31055 @@
+// http://ross.posterous.com/2008/08/19/iphone-touch-events-in-javascript/
+function touchHandler(ev) {
+  var changedTouches = ev.changedTouches,
+      first = changedTouches[0];
+
+
+  var type = '';
+  switch (ev.type) {
+    case 'touchstart':
+      type = 'mousedown';break;
+    case 'touchmove':
+      type = 'mousemove';break;
+    case 'touchend':
+      type = 'mouseup';break;
+    default:
+      return;
+  }
+
+  var screenX = first.screenX,
+      screenY = first.screenY,
+      clientX = first.clientX,
+      clientY = first.clientY;
+
+  var simulatedEvent = new MouseEvent(type, {
+    // Event interface
+    bubbles: true,
+    cancelable: true,
+    // UIEvent interface
+    view: window,
+    detail: 1, // click count
+    // MouseEvent interface (customized)
+    screenX: screenX, screenY: screenY, clientX: clientX, clientY: clientY,
+    // MouseEvent interface (defaults) - these could be removed
+    ctrlKey: false,
+    altKey: false,
+    shiftKey: false,
+    metaKey: false,
+    button: 0, // main button (usually left)
+    relatedTarget: null
+  });
+  if (changedTouches.length < 2) {
+    first.target.dispatchEvent(simulatedEvent);
+    ev.preventDefault();
+  }
+}
+
+document.addEventListener('touchstart', touchHandler, true);
+document.addEventListener('touchmove', touchHandler, true);
+document.addEventListener('touchend', touchHandler, true);
+document.addEventListener('touchcancel', touchHandler, true);
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+  return typeof obj;
+} : function (obj) {
+  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+};
+
+var asyncToGenerator = function (fn) {
+  return function () {
+    var gen = fn.apply(this, arguments);
+    return new Promise(function (resolve, reject) {
+      function step(key, arg) {
+        try {
+          var info = gen[key](arg);
+          var value = info.value;
+        } catch (error) {
+          reject(error);
+          return;
+        }
+
+        if (info.done) {
+          resolve(value);
+        } else {
+          return Promise.resolve(value).then(function (value) {
+            step("next", value);
+          }, function (err) {
+            step("throw", err);
+          });
+        }
+      }
+
+      return step("next");
+    });
+  };
+};
+
+var classCallCheck = function (instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+};
+
+var createClass = function () {
+  function defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  return function (Constructor, protoProps, staticProps) {
+    if (protoProps) defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) defineProperties(Constructor, staticProps);
+    return Constructor;
+  };
+}();
+
+var _extends = Object.assign || function (target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i];
+
+    for (var key in source) {
+      if (Object.prototype.hasOwnProperty.call(source, key)) {
+        target[key] = source[key];
+      }
+    }
+  }
+
+  return target;
+};
+
+var inherits = function (subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+};
+
+var possibleConstructorReturn = function (self, call) {
+  if (!self) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return call && (typeof call === "object" || typeof call === "function") ? call : self;
+};
+
+var slicedToArray = function () {
+  function sliceIterator(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"]) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
+  return function (arr, i) {
+    if (Array.isArray(arr)) {
+      return arr;
+    } else if (Symbol.iterator in Object(arr)) {
+      return sliceIterator(arr, i);
+    } else {
+      throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    }
+  };
+}();
+
+var toConsumableArray = function (arr) {
+  if (Array.isArray(arr)) {
+    for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+    return arr2;
+  } else {
+    return Array.from(arr);
+  }
+};
+
+/**
+ * Namespaces or tools therefor
+ * @module namespaces
+ * @license MIT
+*/
+
+/**
+* Common namepaces constants in alpha order
+* @enum {string}
+* @type {PlainObject}
+* @memberof module:namespaces
+*/
+var NS = {
+  HTML: 'http://www.w3.org/1999/xhtml',
+  MATH: 'http://www.w3.org/1998/Math/MathML',
+  SE: 'http://svg-edit.googlecode.com',
+  SVG: 'http://www.w3.org/2000/svg',
+  XLINK: 'http://www.w3.org/1999/xlink',
+  XML: 'http://www.w3.org/XML/1998/namespace',
+  XMLNS: 'http://www.w3.org/2000/xmlns/' // see http://www.w3.org/TR/REC-xml-names/#xmlReserved
+};
+
+/**
+* @function module:namespaces.getReverseNS
+* @returns {string} The NS with key values switched and lowercase
+*/
+var getReverseNS = function getReverseNS() {
+  var reverseNS = {};
+  Object.entries(NS).forEach(function (_ref) {
+    var _ref2 = slicedToArray(_ref, 2),
+        name = _ref2[0],
+        URI = _ref2[1];
+
+    reverseNS[URI] = name.toLowerCase();
+  });
+  return reverseNS;
+};
+
+/**
+* SVGPathSeg API polyfill
+* https://github.com/progers/pathseg
+*
+* This is a drop-in replacement for the `SVGPathSeg` and `SVGPathSegList` APIs
+* that were removed from SVG2 ({@link https://lists.w3.org/Archives/Public/www-svg/2015Jun/0044.html}),
+* including the latest spec changes which were implemented in Firefox 43 and
+* Chrome 46.
+*/
+(function () {
+  if (!('SVGPathSeg' in window)) {
+    // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSeg
+    var _SVGPathSeg = function () {
+      function _SVGPathSeg(type, typeAsLetter, owningPathSegList) {
+        classCallCheck(this, _SVGPathSeg);
+
+        this.pathSegType = type;
+        this.pathSegTypeAsLetter = typeAsLetter;
+        this._owningPathSegList = owningPathSegList;
+      }
+      // Notify owning PathSegList on any changes so they can be synchronized back to the path element.
+
+
+      createClass(_SVGPathSeg, [{
+        key: '_segmentChanged',
+        value: function _segmentChanged() {
+          if (this._owningPathSegList) {
+            this._owningPathSegList.segmentChanged(this);
+          }
+        }
+      }]);
+      return _SVGPathSeg;
+    }();
+
+    _SVGPathSeg.prototype.classname = 'SVGPathSeg';
+
+    _SVGPathSeg.PATHSEG_UNKNOWN = 0;
+    _SVGPathSeg.PATHSEG_CLOSEPATH = 1;
+    _SVGPathSeg.PATHSEG_MOVETO_ABS = 2;
+    _SVGPathSeg.PATHSEG_MOVETO_REL = 3;
+    _SVGPathSeg.PATHSEG_LINETO_ABS = 4;
+    _SVGPathSeg.PATHSEG_LINETO_REL = 5;
+    _SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS = 6;
+    _SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL = 7;
+    _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS = 8;
+    _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL = 9;
+    _SVGPathSeg.PATHSEG_ARC_ABS = 10;
+    _SVGPathSeg.PATHSEG_ARC_REL = 11;
+    _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS = 12;
+    _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL = 13;
+    _SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS = 14;
+    _SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL = 15;
+    _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS = 16;
+    _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL = 17;
+    _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS = 18;
+    _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL = 19;
+
+    var _SVGPathSegClosePath = function (_SVGPathSeg2) {
+      inherits(_SVGPathSegClosePath, _SVGPathSeg2);
+
+      function _SVGPathSegClosePath(owningPathSegList) {
+        classCallCheck(this, _SVGPathSegClosePath);
+        return possibleConstructorReturn(this, (_SVGPathSegClosePath.__proto__ || Object.getPrototypeOf(_SVGPathSegClosePath)).call(this, _SVGPathSeg.PATHSEG_CLOSEPATH, 'z', owningPathSegList));
+      }
+
+      createClass(_SVGPathSegClosePath, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegClosePath]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegClosePath(undefined);
+        }
+      }]);
+      return _SVGPathSegClosePath;
+    }(_SVGPathSeg);
+
+    var _SVGPathSegMovetoAbs = function (_SVGPathSeg3) {
+      inherits(_SVGPathSegMovetoAbs, _SVGPathSeg3);
+
+      function _SVGPathSegMovetoAbs(owningPathSegList, x, y) {
+        classCallCheck(this, _SVGPathSegMovetoAbs);
+
+        var _this2 = possibleConstructorReturn(this, (_SVGPathSegMovetoAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegMovetoAbs)).call(this, _SVGPathSeg.PATHSEG_MOVETO_ABS, 'M', owningPathSegList));
+
+        _this2._x = x;
+        _this2._y = y;
+        return _this2;
+      }
+
+      createClass(_SVGPathSegMovetoAbs, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegMovetoAbs]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegMovetoAbs(undefined, this._x, this._y);
+        }
+      }]);
+      return _SVGPathSegMovetoAbs;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegMovetoAbs.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true
+      },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true
+      }
+    });
+
+    var _SVGPathSegMovetoRel = function (_SVGPathSeg4) {
+      inherits(_SVGPathSegMovetoRel, _SVGPathSeg4);
+
+      function _SVGPathSegMovetoRel(owningPathSegList, x, y) {
+        classCallCheck(this, _SVGPathSegMovetoRel);
+
+        var _this3 = possibleConstructorReturn(this, (_SVGPathSegMovetoRel.__proto__ || Object.getPrototypeOf(_SVGPathSegMovetoRel)).call(this, _SVGPathSeg.PATHSEG_MOVETO_REL, 'm', owningPathSegList));
+
+        _this3._x = x;
+        _this3._y = y;
+        return _this3;
+      }
+
+      createClass(_SVGPathSegMovetoRel, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegMovetoRel]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegMovetoRel(undefined, this._x, this._y);
+        }
+      }]);
+      return _SVGPathSegMovetoRel;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegMovetoRel.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    var _SVGPathSegLinetoAbs = function (_SVGPathSeg5) {
+      inherits(_SVGPathSegLinetoAbs, _SVGPathSeg5);
+
+      function _SVGPathSegLinetoAbs(owningPathSegList, x, y) {
+        classCallCheck(this, _SVGPathSegLinetoAbs);
+
+        var _this4 = possibleConstructorReturn(this, (_SVGPathSegLinetoAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_ABS, 'L', owningPathSegList));
+
+        _this4._x = x;
+        _this4._y = y;
+        return _this4;
+      }
+
+      createClass(_SVGPathSegLinetoAbs, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegLinetoAbs]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegLinetoAbs(undefined, this._x, this._y);
+        }
+      }]);
+      return _SVGPathSegLinetoAbs;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegLinetoAbs.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    var _SVGPathSegLinetoRel = function (_SVGPathSeg6) {
+      inherits(_SVGPathSegLinetoRel, _SVGPathSeg6);
+
+      function _SVGPathSegLinetoRel(owningPathSegList, x, y) {
+        classCallCheck(this, _SVGPathSegLinetoRel);
+
+        var _this5 = possibleConstructorReturn(this, (_SVGPathSegLinetoRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_REL, 'l', owningPathSegList));
+
+        _this5._x = x;
+        _this5._y = y;
+        return _this5;
+      }
+
+      createClass(_SVGPathSegLinetoRel, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegLinetoRel]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegLinetoRel(undefined, this._x, this._y);
+        }
+      }]);
+      return _SVGPathSegLinetoRel;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegLinetoRel.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    var _SVGPathSegCurvetoCubicAbs = function (_SVGPathSeg7) {
+      inherits(_SVGPathSegCurvetoCubicAbs, _SVGPathSeg7);
+
+      function _SVGPathSegCurvetoCubicAbs(owningPathSegList, x, y, x1, y1, x2, y2) {
+        classCallCheck(this, _SVGPathSegCurvetoCubicAbs);
+
+        var _this6 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS, 'C', owningPathSegList));
+
+        _this6._x = x;
+        _this6._y = y;
+        _this6._x1 = x1;
+        _this6._y1 = y1;
+        _this6._x2 = x2;
+        _this6._y2 = y2;
+        return _this6;
+      }
+
+      createClass(_SVGPathSegCurvetoCubicAbs, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegCurvetoCubicAbs]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);
+        }
+      }]);
+      return _SVGPathSegCurvetoCubicAbs;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegCurvetoCubicAbs.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true },
+      x1: {
+        get: function get$$1() {
+          return this._x1;
+        },
+        set: function set$$1(x1) {
+          this._x1 = x1;this._segmentChanged();
+        },
+        enumerable: true },
+      y1: {
+        get: function get$$1() {
+          return this._y1;
+        },
+        set: function set$$1(y1) {
+          this._y1 = y1;this._segmentChanged();
+        },
+        enumerable: true },
+      x2: {
+        get: function get$$1() {
+          return this._x2;
+        },
+        set: function set$$1(x2) {
+          this._x2 = x2;this._segmentChanged();
+        },
+        enumerable: true },
+      y2: {
+        get: function get$$1() {
+          return this._y2;
+        },
+        set: function set$$1(y2) {
+          this._y2 = y2;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    var _SVGPathSegCurvetoCubicRel = function (_SVGPathSeg8) {
+      inherits(_SVGPathSegCurvetoCubicRel, _SVGPathSeg8);
+
+      function _SVGPathSegCurvetoCubicRel(owningPathSegList, x, y, x1, y1, x2, y2) {
+        classCallCheck(this, _SVGPathSegCurvetoCubicRel);
+
+        var _this7 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, 'c', owningPathSegList));
+
+        _this7._x = x;
+        _this7._y = y;
+        _this7._x1 = x1;
+        _this7._y1 = y1;
+        _this7._x2 = x2;
+        _this7._y2 = y2;
+        return _this7;
+      }
+
+      createClass(_SVGPathSegCurvetoCubicRel, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegCurvetoCubicRel]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);
+        }
+      }]);
+      return _SVGPathSegCurvetoCubicRel;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegCurvetoCubicRel.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true },
+      x1: {
+        get: function get$$1() {
+          return this._x1;
+        },
+        set: function set$$1(x1) {
+          this._x1 = x1;this._segmentChanged();
+        },
+        enumerable: true },
+      y1: {
+        get: function get$$1() {
+          return this._y1;
+        },
+        set: function set$$1(y1) {
+          this._y1 = y1;this._segmentChanged();
+        },
+        enumerable: true },
+      x2: {
+        get: function get$$1() {
+          return this._x2;
+        },
+        set: function set$$1(x2) {
+          this._x2 = x2;this._segmentChanged();
+        },
+        enumerable: true },
+      y2: {
+        get: function get$$1() {
+          return this._y2;
+        },
+        set: function set$$1(y2) {
+          this._y2 = y2;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    var _SVGPathSegCurvetoQuadraticAbs = function (_SVGPathSeg9) {
+      inherits(_SVGPathSegCurvetoQuadraticAbs, _SVGPathSeg9);
+
+      function _SVGPathSegCurvetoQuadraticAbs(owningPathSegList, x, y, x1, y1) {
+        classCallCheck(this, _SVGPathSegCurvetoQuadraticAbs);
+
+        var _this8 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS, 'Q', owningPathSegList));
+
+        _this8._x = x;
+        _this8._y = y;
+        _this8._x1 = x1;
+        _this8._y1 = y1;
+        return _this8;
+      }
+
+      createClass(_SVGPathSegCurvetoQuadraticAbs, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegCurvetoQuadraticAbs]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1);
+        }
+      }]);
+      return _SVGPathSegCurvetoQuadraticAbs;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegCurvetoQuadraticAbs.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true },
+      x1: {
+        get: function get$$1() {
+          return this._x1;
+        },
+        set: function set$$1(x1) {
+          this._x1 = x1;this._segmentChanged();
+        },
+        enumerable: true },
+      y1: {
+        get: function get$$1() {
+          return this._y1;
+        },
+        set: function set$$1(y1) {
+          this._y1 = y1;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    var _SVGPathSegCurvetoQuadraticRel = function (_SVGPathSeg10) {
+      inherits(_SVGPathSegCurvetoQuadraticRel, _SVGPathSeg10);
+
+      function _SVGPathSegCurvetoQuadraticRel(owningPathSegList, x, y, x1, y1) {
+        classCallCheck(this, _SVGPathSegCurvetoQuadraticRel);
+
+        var _this9 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL, 'q', owningPathSegList));
+
+        _this9._x = x;
+        _this9._y = y;
+        _this9._x1 = x1;
+        _this9._y1 = y1;
+        return _this9;
+      }
+
+      createClass(_SVGPathSegCurvetoQuadraticRel, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegCurvetoQuadraticRel]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1);
+        }
+      }]);
+      return _SVGPathSegCurvetoQuadraticRel;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegCurvetoQuadraticRel.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true },
+      x1: {
+        get: function get$$1() {
+          return this._x1;
+        },
+        set: function set$$1(x1) {
+          this._x1 = x1;this._segmentChanged();
+        },
+        enumerable: true },
+      y1: {
+        get: function get$$1() {
+          return this._y1;
+        },
+        set: function set$$1(y1) {
+          this._y1 = y1;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    var _SVGPathSegArcAbs = function (_SVGPathSeg11) {
+      inherits(_SVGPathSegArcAbs, _SVGPathSeg11);
+
+      function _SVGPathSegArcAbs(owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+        classCallCheck(this, _SVGPathSegArcAbs);
+
+        var _this10 = possibleConstructorReturn(this, (_SVGPathSegArcAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegArcAbs)).call(this, _SVGPathSeg.PATHSEG_ARC_ABS, 'A', owningPathSegList));
+
+        _this10._x = x;
+        _this10._y = y;
+        _this10._r1 = r1;
+        _this10._r2 = r2;
+        _this10._angle = angle;
+        _this10._largeArcFlag = largeArcFlag;
+        _this10._sweepFlag = sweepFlag;
+        return _this10;
+      }
+
+      createClass(_SVGPathSegArcAbs, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegArcAbs]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);
+        }
+      }]);
+      return _SVGPathSegArcAbs;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegArcAbs.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true },
+      r1: {
+        get: function get$$1() {
+          return this._r1;
+        },
+        set: function set$$1(r1) {
+          this._r1 = r1;this._segmentChanged();
+        },
+        enumerable: true },
+      r2: {
+        get: function get$$1() {
+          return this._r2;
+        },
+        set: function set$$1(r2) {
+          this._r2 = r2;this._segmentChanged();
+        },
+        enumerable: true },
+      angle: {
+        get: function get$$1() {
+          return this._angle;
+        },
+        set: function set$$1(angle) {
+          this._angle = angle;this._segmentChanged();
+        },
+        enumerable: true },
+      largeArcFlag: {
+        get: function get$$1() {
+          return this._largeArcFlag;
+        },
+        set: function set$$1(largeArcFlag) {
+          this._largeArcFlag = largeArcFlag;this._segmentChanged();
+        },
+        enumerable: true },
+      sweepFlag: {
+        get: function get$$1() {
+          return this._sweepFlag;
+        },
+        set: function set$$1(sweepFlag) {
+          this._sweepFlag = sweepFlag;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    var _SVGPathSegArcRel = function (_SVGPathSeg12) {
+      inherits(_SVGPathSegArcRel, _SVGPathSeg12);
+
+      function _SVGPathSegArcRel(owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+        classCallCheck(this, _SVGPathSegArcRel);
+
+        var _this11 = possibleConstructorReturn(this, (_SVGPathSegArcRel.__proto__ || Object.getPrototypeOf(_SVGPathSegArcRel)).call(this, _SVGPathSeg.PATHSEG_ARC_REL, 'a', owningPathSegList));
+
+        _this11._x = x;
+        _this11._y = y;
+        _this11._r1 = r1;
+        _this11._r2 = r2;
+        _this11._angle = angle;
+        _this11._largeArcFlag = largeArcFlag;
+        _this11._sweepFlag = sweepFlag;
+        return _this11;
+      }
+
+      createClass(_SVGPathSegArcRel, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegArcRel]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);
+        }
+      }]);
+      return _SVGPathSegArcRel;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegArcRel.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true },
+      r1: {
+        get: function get$$1() {
+          return this._r1;
+        },
+        set: function set$$1(r1) {
+          this._r1 = r1;this._segmentChanged();
+        },
+        enumerable: true },
+      r2: {
+        get: function get$$1() {
+          return this._r2;
+        },
+        set: function set$$1(r2) {
+          this._r2 = r2;this._segmentChanged();
+        },
+        enumerable: true },
+      angle: {
+        get: function get$$1() {
+          return this._angle;
+        },
+        set: function set$$1(angle) {
+          this._angle = angle;this._segmentChanged();
+        },
+        enumerable: true },
+      largeArcFlag: {
+        get: function get$$1() {
+          return this._largeArcFlag;
+        },
+        set: function set$$1(largeArcFlag) {
+          this._largeArcFlag = largeArcFlag;this._segmentChanged();
+        },
+        enumerable: true },
+      sweepFlag: {
+        get: function get$$1() {
+          return this._sweepFlag;
+        },
+        set: function set$$1(sweepFlag) {
+          this._sweepFlag = sweepFlag;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    var _SVGPathSegLinetoHorizontalAbs = function (_SVGPathSeg13) {
+      inherits(_SVGPathSegLinetoHorizontalAbs, _SVGPathSeg13);
+
+      function _SVGPathSegLinetoHorizontalAbs(owningPathSegList, x) {
+        classCallCheck(this, _SVGPathSegLinetoHorizontalAbs);
+
+        var _this12 = possibleConstructorReturn(this, (_SVGPathSegLinetoHorizontalAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoHorizontalAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS, 'H', owningPathSegList));
+
+        _this12._x = x;
+        return _this12;
+      }
+
+      createClass(_SVGPathSegLinetoHorizontalAbs, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegLinetoHorizontalAbs]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegLinetoHorizontalAbs(undefined, this._x);
+        }
+      }]);
+      return _SVGPathSegLinetoHorizontalAbs;
+    }(_SVGPathSeg);
+
+    Object.defineProperty(_SVGPathSegLinetoHorizontalAbs.prototype, 'x', {
+      get: function get$$1() {
+        return this._x;
+      },
+      set: function set$$1(x) {
+        this._x = x;this._segmentChanged();
+      },
+      enumerable: true });
+
+    var _SVGPathSegLinetoHorizontalRel = function (_SVGPathSeg14) {
+      inherits(_SVGPathSegLinetoHorizontalRel, _SVGPathSeg14);
+
+      function _SVGPathSegLinetoHorizontalRel(owningPathSegList, x) {
+        classCallCheck(this, _SVGPathSegLinetoHorizontalRel);
+
+        var _this13 = possibleConstructorReturn(this, (_SVGPathSegLinetoHorizontalRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoHorizontalRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL, 'h', owningPathSegList));
+
+        _this13._x = x;
+        return _this13;
+      }
+
+      createClass(_SVGPathSegLinetoHorizontalRel, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegLinetoHorizontalRel]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegLinetoHorizontalRel(undefined, this._x);
+        }
+      }]);
+      return _SVGPathSegLinetoHorizontalRel;
+    }(_SVGPathSeg);
+
+    Object.defineProperty(_SVGPathSegLinetoHorizontalRel.prototype, 'x', {
+      get: function get$$1() {
+        return this._x;
+      },
+      set: function set$$1(x) {
+        this._x = x;this._segmentChanged();
+      },
+      enumerable: true });
+
+    var _SVGPathSegLinetoVerticalAbs = function (_SVGPathSeg15) {
+      inherits(_SVGPathSegLinetoVerticalAbs, _SVGPathSeg15);
+
+      function _SVGPathSegLinetoVerticalAbs(owningPathSegList, y) {
+        classCallCheck(this, _SVGPathSegLinetoVerticalAbs);
+
+        var _this14 = possibleConstructorReturn(this, (_SVGPathSegLinetoVerticalAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoVerticalAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS, 'V', owningPathSegList));
+
+        _this14._y = y;
+        return _this14;
+      }
+
+      createClass(_SVGPathSegLinetoVerticalAbs, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegLinetoVerticalAbs]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegLinetoVerticalAbs(undefined, this._y);
+        }
+      }]);
+      return _SVGPathSegLinetoVerticalAbs;
+    }(_SVGPathSeg);
+
+    Object.defineProperty(_SVGPathSegLinetoVerticalAbs.prototype, 'y', {
+      get: function get$$1() {
+        return this._y;
+      },
+      set: function set$$1(y) {
+        this._y = y;this._segmentChanged();
+      },
+      enumerable: true });
+
+    var _SVGPathSegLinetoVerticalRel = function (_SVGPathSeg16) {
+      inherits(_SVGPathSegLinetoVerticalRel, _SVGPathSeg16);
+
+      function _SVGPathSegLinetoVerticalRel(owningPathSegList, y) {
+        classCallCheck(this, _SVGPathSegLinetoVerticalRel);
+
+        var _this15 = possibleConstructorReturn(this, (_SVGPathSegLinetoVerticalRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoVerticalRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL, 'v', owningPathSegList));
+
+        _this15._y = y;
+        return _this15;
+      }
+
+      createClass(_SVGPathSegLinetoVerticalRel, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegLinetoVerticalRel]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegLinetoVerticalRel(undefined, this._y);
+        }
+      }]);
+      return _SVGPathSegLinetoVerticalRel;
+    }(_SVGPathSeg);
+
+    Object.defineProperty(_SVGPathSegLinetoVerticalRel.prototype, 'y', {
+      get: function get$$1() {
+        return this._y;
+      },
+      set: function set$$1(y) {
+        this._y = y;this._segmentChanged();
+      },
+      enumerable: true });
+
+    var _SVGPathSegCurvetoCubicSmoothAbs = function (_SVGPathSeg17) {
+      inherits(_SVGPathSegCurvetoCubicSmoothAbs, _SVGPathSeg17);
+
+      function _SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, x, y, x2, y2) {
+        classCallCheck(this, _SVGPathSegCurvetoCubicSmoothAbs);
+
+        var _this16 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicSmoothAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicSmoothAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS, 'S', owningPathSegList));
+
+        _this16._x = x;
+        _this16._y = y;
+        _this16._x2 = x2;
+        _this16._y2 = y2;
+        return _this16;
+      }
+
+      createClass(_SVGPathSegCurvetoCubicSmoothAbs, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegCurvetoCubicSmoothAbs]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2);
+        }
+      }]);
+      return _SVGPathSegCurvetoCubicSmoothAbs;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegCurvetoCubicSmoothAbs.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true },
+      x2: {
+        get: function get$$1() {
+          return this._x2;
+        },
+        set: function set$$1(x2) {
+          this._x2 = x2;this._segmentChanged();
+        },
+        enumerable: true },
+      y2: {
+        get: function get$$1() {
+          return this._y2;
+        },
+        set: function set$$1(y2) {
+          this._y2 = y2;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    var _SVGPathSegCurvetoCubicSmoothRel = function (_SVGPathSeg18) {
+      inherits(_SVGPathSegCurvetoCubicSmoothRel, _SVGPathSeg18);
+
+      function _SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, x, y, x2, y2) {
+        classCallCheck(this, _SVGPathSegCurvetoCubicSmoothRel);
+
+        var _this17 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicSmoothRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicSmoothRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL, 's', owningPathSegList));
+
+        _this17._x = x;
+        _this17._y = y;
+        _this17._x2 = x2;
+        _this17._y2 = y2;
+        return _this17;
+      }
+
+      createClass(_SVGPathSegCurvetoCubicSmoothRel, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegCurvetoCubicSmoothRel]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2);
+        }
+      }]);
+      return _SVGPathSegCurvetoCubicSmoothRel;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegCurvetoCubicSmoothRel.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true },
+      x2: {
+        get: function get$$1() {
+          return this._x2;
+        },
+        set: function set$$1(x2) {
+          this._x2 = x2;this._segmentChanged();
+        },
+        enumerable: true },
+      y2: {
+        get: function get$$1() {
+          return this._y2;
+        },
+        set: function set$$1(y2) {
+          this._y2 = y2;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    var _SVGPathSegCurvetoQuadraticSmoothAbs = function (_SVGPathSeg19) {
+      inherits(_SVGPathSegCurvetoQuadraticSmoothAbs, _SVGPathSeg19);
+
+      function _SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, x, y) {
+        classCallCheck(this, _SVGPathSegCurvetoQuadraticSmoothAbs);
+
+        var _this18 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticSmoothAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticSmoothAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS, 'T', owningPathSegList));
+
+        _this18._x = x;
+        _this18._y = y;
+        return _this18;
+      }
+
+      createClass(_SVGPathSegCurvetoQuadraticSmoothAbs, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegCurvetoQuadraticSmoothAbs]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y);
+        }
+      }]);
+      return _SVGPathSegCurvetoQuadraticSmoothAbs;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegCurvetoQuadraticSmoothAbs.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    var _SVGPathSegCurvetoQuadraticSmoothRel = function (_SVGPathSeg20) {
+      inherits(_SVGPathSegCurvetoQuadraticSmoothRel, _SVGPathSeg20);
+
+      function _SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, x, y) {
+        classCallCheck(this, _SVGPathSegCurvetoQuadraticSmoothRel);
+
+        var _this19 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticSmoothRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticSmoothRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL, 't', owningPathSegList));
+
+        _this19._x = x;
+        _this19._y = y;
+        return _this19;
+      }
+
+      createClass(_SVGPathSegCurvetoQuadraticSmoothRel, [{
+        key: 'toString',
+        value: function toString() {
+          return '[object SVGPathSegCurvetoQuadraticSmoothRel]';
+        }
+      }, {
+        key: '_asPathString',
+        value: function _asPathString() {
+          return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+        }
+      }, {
+        key: 'clone',
+        value: function clone() {
+          return new _SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y);
+        }
+      }]);
+      return _SVGPathSegCurvetoQuadraticSmoothRel;
+    }(_SVGPathSeg);
+
+    Object.defineProperties(_SVGPathSegCurvetoQuadraticSmoothRel.prototype, {
+      x: {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true },
+      y: {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true }
+    });
+
+    // Add createSVGPathSeg* functions to SVGPathElement.
+    // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathElement.
+    SVGPathElement.prototype.createSVGPathSegClosePath = function () {
+      return new _SVGPathSegClosePath(undefined);
+    };
+    SVGPathElement.prototype.createSVGPathSegMovetoAbs = function (x, y) {
+      return new _SVGPathSegMovetoAbs(undefined, x, y);
+    };
+    SVGPathElement.prototype.createSVGPathSegMovetoRel = function (x, y) {
+      return new _SVGPathSegMovetoRel(undefined, x, y);
+    };
+    SVGPathElement.prototype.createSVGPathSegLinetoAbs = function (x, y) {
+      return new _SVGPathSegLinetoAbs(undefined, x, y);
+    };
+    SVGPathElement.prototype.createSVGPathSegLinetoRel = function (x, y) {
+      return new _SVGPathSegLinetoRel(undefined, x, y);
+    };
+    SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs = function (x, y, x1, y1, x2, y2) {
+      return new _SVGPathSegCurvetoCubicAbs(undefined, x, y, x1, y1, x2, y2);
+    };
+    SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel = function (x, y, x1, y1, x2, y2) {
+      return new _SVGPathSegCurvetoCubicRel(undefined, x, y, x1, y1, x2, y2);
+    };
+    SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs = function (x, y, x1, y1) {
+      return new _SVGPathSegCurvetoQuadraticAbs(undefined, x, y, x1, y1);
+    };
+    SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel = function (x, y, x1, y1) {
+      return new _SVGPathSegCurvetoQuadraticRel(undefined, x, y, x1, y1);
+    };
+    SVGPathElement.prototype.createSVGPathSegArcAbs = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+      return new _SVGPathSegArcAbs(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);
+    };
+    SVGPathElement.prototype.createSVGPathSegArcRel = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+      return new _SVGPathSegArcRel(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);
+    };
+    SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs = function (x) {
+      return new _SVGPathSegLinetoHorizontalAbs(undefined, x);
+    };
+    SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel = function (x) {
+      return new _SVGPathSegLinetoHorizontalRel(undefined, x);
+    };
+    SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs = function (y) {
+      return new _SVGPathSegLinetoVerticalAbs(undefined, y);
+    };
+    SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel = function (y) {
+      return new _SVGPathSegLinetoVerticalRel(undefined, y);
+    };
+    SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs = function (x, y, x2, y2) {
+      return new _SVGPathSegCurvetoCubicSmoothAbs(undefined, x, y, x2, y2);
+    };
+    SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel = function (x, y, x2, y2) {
+      return new _SVGPathSegCurvetoCubicSmoothRel(undefined, x, y, x2, y2);
+    };
+    SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs = function (x, y) {
+      return new _SVGPathSegCurvetoQuadraticSmoothAbs(undefined, x, y);
+    };
+    SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel = function (x, y) {
+      return new _SVGPathSegCurvetoQuadraticSmoothRel(undefined, x, y);
+    };
+
+    if (!('getPathSegAtLength' in SVGPathElement.prototype)) {
+      // Add getPathSegAtLength to SVGPathElement.
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-__svg__SVGPathElement__getPathSegAtLength
+      // This polyfill requires SVGPathElement.getTotalLength to implement the distance-along-a-path algorithm.
+      SVGPathElement.prototype.getPathSegAtLength = function (distance) {
+        if (distance === undefined || !isFinite(distance)) {
+          throw new Error('Invalid arguments.');
+        }
+
+        var measurementElement = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+        measurementElement.setAttribute('d', this.getAttribute('d'));
+        var lastPathSegment = measurementElement.pathSegList.numberOfItems - 1;
+
+        // If the path is empty, return 0.
+        if (lastPathSegment <= 0) {
+          return 0;
+        }
+
+        do {
+          measurementElement.pathSegList.removeItem(lastPathSegment);
+          if (distance > measurementElement.getTotalLength()) {
+            break;
+          }
+          lastPathSegment--;
+        } while (lastPathSegment > 0);
+        return lastPathSegment;
+      };
+    }
+
+    window.SVGPathSeg = _SVGPathSeg;
+    window.SVGPathSegClosePath = _SVGPathSegClosePath;
+    window.SVGPathSegMovetoAbs = _SVGPathSegMovetoAbs;
+    window.SVGPathSegMovetoRel = _SVGPathSegMovetoRel;
+    window.SVGPathSegLinetoAbs = _SVGPathSegLinetoAbs;
+    window.SVGPathSegLinetoRel = _SVGPathSegLinetoRel;
+    window.SVGPathSegCurvetoCubicAbs = _SVGPathSegCurvetoCubicAbs;
+    window.SVGPathSegCurvetoCubicRel = _SVGPathSegCurvetoCubicRel;
+    window.SVGPathSegCurvetoQuadraticAbs = _SVGPathSegCurvetoQuadraticAbs;
+    window.SVGPathSegCurvetoQuadraticRel = _SVGPathSegCurvetoQuadraticRel;
+    window.SVGPathSegArcAbs = _SVGPathSegArcAbs;
+    window.SVGPathSegArcRel = _SVGPathSegArcRel;
+    window.SVGPathSegLinetoHorizontalAbs = _SVGPathSegLinetoHorizontalAbs;
+    window.SVGPathSegLinetoHorizontalRel = _SVGPathSegLinetoHorizontalRel;
+    window.SVGPathSegLinetoVerticalAbs = _SVGPathSegLinetoVerticalAbs;
+    window.SVGPathSegLinetoVerticalRel = _SVGPathSegLinetoVerticalRel;
+    window.SVGPathSegCurvetoCubicSmoothAbs = _SVGPathSegCurvetoCubicSmoothAbs;
+    window.SVGPathSegCurvetoCubicSmoothRel = _SVGPathSegCurvetoCubicSmoothRel;
+    window.SVGPathSegCurvetoQuadraticSmoothAbs = _SVGPathSegCurvetoQuadraticSmoothAbs;
+    window.SVGPathSegCurvetoQuadraticSmoothRel = _SVGPathSegCurvetoQuadraticSmoothRel;
+  }
+
+  // Checking for SVGPathSegList in window checks for the case of an implementation without the
+  // SVGPathSegList API.
+  // The second check for appendItem is specific to Firefox 59+ which removed only parts of the
+  // SVGPathSegList API (e.g., appendItem). In this case we need to re-implement the entire API
+  // so the polyfill data (i.e., _list) is used throughout.
+  if (!('SVGPathSegList' in window) || !('appendItem' in SVGPathSegList.prototype)) {
+    // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSegList
+    var _SVGPathSegList = function () {
+      function _SVGPathSegList(pathElement) {
+        classCallCheck(this, _SVGPathSegList);
+
+        this._pathElement = pathElement;
+        this._list = this._parsePath(this._pathElement.getAttribute('d'));
+
+        // Use a MutationObserver to catch changes to the path's "d" attribute.
+        this._mutationObserverConfig = { attributes: true, attributeFilter: ['d'] };
+        this._pathElementMutationObserver = new MutationObserver(this._updateListFromPathMutations.bind(this));
+        this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
+      }
+      // Process any pending mutations to the path element and update the list as needed.
+      // This should be the first call of all public functions and is needed because
+      // MutationObservers are not synchronous so we can have pending asynchronous mutations.
+
+
+      createClass(_SVGPathSegList, [{
+        key: '_checkPathSynchronizedToList',
+        value: function _checkPathSynchronizedToList() {
+          this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords());
+        }
+      }, {
+        key: '_updateListFromPathMutations',
+        value: function _updateListFromPathMutations(mutationRecords) {
+          if (!this._pathElement) {
+            return;
+          }
+          var hasPathMutations = false;
+          mutationRecords.forEach(function (record) {
+            if (record.attributeName === 'd') {
+              hasPathMutations = true;
+            }
+          });
+          if (hasPathMutations) {
+            this._list = this._parsePath(this._pathElement.getAttribute('d'));
+          }
+        }
+
+        // Serialize the list and update the path's 'd' attribute.
+
+      }, {
+        key: '_writeListToPath',
+        value: function _writeListToPath() {
+          this._pathElementMutationObserver.disconnect();
+          this._pathElement.setAttribute('d', _SVGPathSegList._pathSegArrayAsString(this._list));
+          this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
+        }
+
+        // When a path segment changes the list needs to be synchronized back to the path element.
+
+      }, {
+        key: 'segmentChanged',
+        value: function segmentChanged(pathSeg) {
+          this._writeListToPath();
+        }
+      }, {
+        key: 'clear',
+        value: function clear() {
+          this._checkPathSynchronizedToList();
+
+          this._list.forEach(function (pathSeg) {
+            pathSeg._owningPathSegList = null;
+          });
+          this._list = [];
+          this._writeListToPath();
+        }
+      }, {
+        key: 'initialize',
+        value: function initialize(newItem) {
+          this._checkPathSynchronizedToList();
+
+          this._list = [newItem];
+          newItem._owningPathSegList = this;
+          this._writeListToPath();
+          return newItem;
+        }
+      }, {
+        key: '_checkValidIndex',
+        value: function _checkValidIndex(index) {
+          if (isNaN(index) || index < 0 || index >= this.numberOfItems) {
+            throw new Error('INDEX_SIZE_ERR');
+          }
+        }
+      }, {
+        key: 'getItem',
+        value: function getItem(index) {
+          this._checkPathSynchronizedToList();
+
+          this._checkValidIndex(index);
+          return this._list[index];
+        }
+      }, {
+        key: 'insertItemBefore',
+        value: function insertItemBefore(newItem, index) {
+          this._checkPathSynchronizedToList();
+
+          // Spec: If the index is greater than or equal to numberOfItems, then the new item is appended to the end of the list.
+          if (index > this.numberOfItems) {
+            index = this.numberOfItems;
+          }
+          if (newItem._owningPathSegList) {
+            // SVG2 spec says to make a copy.
+            newItem = newItem.clone();
+          }
+          this._list.splice(index, 0, newItem);
+          newItem._owningPathSegList = this;
+          this._writeListToPath();
+          return newItem;
+        }
+      }, {
+        key: 'replaceItem',
+        value: function replaceItem(newItem, index) {
+          this._checkPathSynchronizedToList();
+
+          if (newItem._owningPathSegList) {
+            // SVG2 spec says to make a copy.
+            newItem = newItem.clone();
+          }
+          this._checkValidIndex(index);
+          this._list[index] = newItem;
+          newItem._owningPathSegList = this;
+          this._writeListToPath();
+          return newItem;
+        }
+      }, {
+        key: 'removeItem',
+        value: function removeItem(index) {
+          this._checkPathSynchronizedToList();
+
+          this._checkValidIndex(index);
+          var item = this._list[index];
+          this._list.splice(index, 1);
+          this._writeListToPath();
+          return item;
+        }
+      }, {
+        key: 'appendItem',
+        value: function appendItem(newItem) {
+          this._checkPathSynchronizedToList();
+
+          if (newItem._owningPathSegList) {
+            // SVG2 spec says to make a copy.
+            newItem = newItem.clone();
+          }
+          this._list.push(newItem);
+          newItem._owningPathSegList = this;
+          // TODO: Optimize this to just append to the existing attribute.
+          this._writeListToPath();
+          return newItem;
+        }
+
+        // This closely follows SVGPathParser::parsePath from Source/core/svg/SVGPathParser.cpp.
+
+      }, {
+        key: '_parsePath',
+        value: function _parsePath(string) {
+          if (!string || !string.length) {
+            return [];
+          }
+
+          var owningPathSegList = this;
+
+          var Builder = function () {
+            function Builder() {
+              classCallCheck(this, Builder);
+
+              this.pathSegList = [];
+            }
+
+            createClass(Builder, [{
+              key: 'appendSegment',
+              value: function appendSegment(pathSeg) {
+                this.pathSegList.push(pathSeg);
+              }
+            }]);
+            return Builder;
+          }();
+
+          var Source = function () {
+            function Source(string) {
+              classCallCheck(this, Source);
+
+              this._string = string;
+              this._currentIndex = 0;
+              this._endIndex = this._string.length;
+              this._previousCommand = SVGPathSeg.PATHSEG_UNKNOWN;
+
+              this._skipOptionalSpaces();
+            }
+
+            createClass(Source, [{
+              key: '_isCurrentSpace',
+              value: function _isCurrentSpace() {
+                var character = this._string[this._currentIndex];
+                return character <= ' ' && (character === ' ' || character === '\n' || character === '\t' || character === '\r' || character === '\f');
+              }
+            }, {
+              key: '_skipOptionalSpaces',
+              value: function _skipOptionalSpaces() {
+                while (this._currentIndex < this._endIndex && this._isCurrentSpace()) {
+                  this._currentIndex++;
+                }
+                return this._currentIndex < this._endIndex;
+              }
+            }, {
+              key: '_skipOptionalSpacesOrDelimiter',
+              value: function _skipOptionalSpacesOrDelimiter() {
+                if (this._currentIndex < this._endIndex && !this._isCurrentSpace() && this._string.charAt(this._currentIndex) !== ',') {
+                  return false;
+                }
+                if (this._skipOptionalSpaces()) {
+                  if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === ',') {
+                    this._currentIndex++;
+                    this._skipOptionalSpaces();
+                  }
+                }
+                return this._currentIndex < this._endIndex;
+              }
+            }, {
+              key: 'hasMoreData',
+              value: function hasMoreData() {
+                return this._currentIndex < this._endIndex;
+              }
+            }, {
+              key: 'peekSegmentType',
+              value: function peekSegmentType() {
+                var lookahead = this._string[this._currentIndex];
+                return this._pathSegTypeFromChar(lookahead);
+              }
+            }, {
+              key: '_pathSegTypeFromChar',
+              value: function _pathSegTypeFromChar(lookahead) {
+                switch (lookahead) {
+                  case 'Z':
+                  case 'z':
+                    return SVGPathSeg.PATHSEG_CLOSEPATH;
+                  case 'M':
+                    return SVGPathSeg.PATHSEG_MOVETO_ABS;
+                  case 'm':
+                    return SVGPathSeg.PATHSEG_MOVETO_REL;
+                  case 'L':
+                    return SVGPathSeg.PATHSEG_LINETO_ABS;
+                  case 'l':
+                    return SVGPathSeg.PATHSEG_LINETO_REL;
+                  case 'C':
+                    return SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS;
+                  case 'c':
+                    return SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL;
+                  case 'Q':
+                    return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;
+                  case 'q':
+                    return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;
+                  case 'A':
+                    return SVGPathSeg.PATHSEG_ARC_ABS;
+                  case 'a':
+                    return SVGPathSeg.PATHSEG_ARC_REL;
+                  case 'H':
+                    return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;
+                  case 'h':
+                    return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;
+                  case 'V':
+                    return SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;
+                  case 'v':
+                    return SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;
+                  case 'S':
+                    return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;
+                  case 's':
+                    return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;
+                  case 'T':
+                    return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;
+                  case 't':
+                    return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;
+                  default:
+                    return SVGPathSeg.PATHSEG_UNKNOWN;
+                }
+              }
+            }, {
+              key: '_nextCommandHelper',
+              value: function _nextCommandHelper(lookahead, previousCommand) {
+                // Check for remaining coordinates in the current command.
+                if ((lookahead === '+' || lookahead === '-' || lookahead === '.' || lookahead >= '0' && lookahead <= '9') && previousCommand !== SVGPathSeg.PATHSEG_CLOSEPATH) {
+                  if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_ABS) {
+                    return SVGPathSeg.PATHSEG_LINETO_ABS;
+                  }
+                  if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_REL) {
+                    return SVGPathSeg.PATHSEG_LINETO_REL;
+                  }
+                  return previousCommand;
+                }
+                return SVGPathSeg.PATHSEG_UNKNOWN;
+              }
+            }, {
+              key: 'initialCommandIsMoveTo',
+              value: function initialCommandIsMoveTo() {
+                // If the path is empty it is still valid, so return true.
+                if (!this.hasMoreData()) {
+                  return true;
+                }
+                var command = this.peekSegmentType();
+                // Path must start with moveTo.
+                return command === SVGPathSeg.PATHSEG_MOVETO_ABS || command === SVGPathSeg.PATHSEG_MOVETO_REL;
+              }
+
+              // Parse a number from an SVG path. This very closely follows genericParseNumber(...) from Source/core/svg/SVGParserUtilities.cpp.
+              // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-PathDataBNF
+
+            }, {
+              key: '_parseNumber',
+              value: function _parseNumber() {
+                var exponent = 0;
+                var integer = 0;
+                var frac = 1;
+                var decimal = 0;
+                var sign = 1;
+                var expsign = 1;
+
+                var startIndex = this._currentIndex;
+
+                this._skipOptionalSpaces();
+
+                // Read the sign.
+                if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '+') {
+                  this._currentIndex++;
+                } else if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '-') {
+                  this._currentIndex++;
+                  sign = -1;
+                }
+
+                if (this._currentIndex === this._endIndex || (this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') && this._string.charAt(this._currentIndex) !== '.') {
+                  // The first character of a number must be one of [0-9+-.].
+                  return undefined;
+                }
+
+                // Read the integer part, build right-to-left.
+                var startIntPartIndex = this._currentIndex;
+                while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                  this._currentIndex++; // Advance to first non-digit.
+                }
+
+                if (this._currentIndex !== startIntPartIndex) {
+                  var scanIntPartIndex = this._currentIndex - 1;
+                  var multiplier = 1;
+                  while (scanIntPartIndex >= startIntPartIndex) {
+                    integer += multiplier * (this._string.charAt(scanIntPartIndex--) - '0');
+                    multiplier *= 10;
+                  }
+                }
+
+                // Read the decimals.
+                if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '.') {
+                  this._currentIndex++;
+
+                  // There must be a least one digit following the .
+                  if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {
+                    return undefined;
+                  }
+                  while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                    frac *= 10;
+                    decimal += (this._string.charAt(this._currentIndex) - '0') / frac;
+                    this._currentIndex += 1;
+                  }
+                }
+
+                // Read the exponent part.
+                if (this._currentIndex !== startIndex && this._currentIndex + 1 < this._endIndex && (this._string.charAt(this._currentIndex) === 'e' || this._string.charAt(this._currentIndex) === 'E') && this._string.charAt(this._currentIndex + 1) !== 'x' && this._string.charAt(this._currentIndex + 1) !== 'm') {
+                  this._currentIndex++;
+
+                  // Read the sign of the exponent.
+                  if (this._string.charAt(this._currentIndex) === '+') {
+                    this._currentIndex++;
+                  } else if (this._string.charAt(this._currentIndex) === '-') {
+                    this._currentIndex++;
+                    expsign = -1;
+                  }
+
+                  // There must be an exponent.
+                  if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {
+                    return undefined;
+                  }
+
+                  while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                    exponent *= 10;
+                    exponent += this._string.charAt(this._currentIndex) - '0';
+                    this._currentIndex++;
+                  }
+                }
+
+                var number = integer + decimal;
+                number *= sign;
+
+                if (exponent) {
+                  number *= Math.pow(10, expsign * exponent);
+                }
+
+                if (startIndex === this._currentIndex) {
+                  return undefined;
+                }
+
+                this._skipOptionalSpacesOrDelimiter();
+
+                return number;
+              }
+            }, {
+              key: '_parseArcFlag',
+              value: function _parseArcFlag() {
+                if (this._currentIndex >= this._endIndex) {
+                  return undefined;
+                }
+                var flag = false;
+                var flagChar = this._string.charAt(this._currentIndex++);
+                if (flagChar === '0') {
+                  flag = false;
+                } else if (flagChar === '1') {
+                  flag = true;
+                } else {
+                  return undefined;
+                }
+
+                this._skipOptionalSpacesOrDelimiter();
+                return flag;
+              }
+            }, {
+              key: 'parseSegment',
+              value: function parseSegment() {
+                var lookahead = this._string[this._currentIndex];
+                var command = this._pathSegTypeFromChar(lookahead);
+                if (command === SVGPathSeg.PATHSEG_UNKNOWN) {
+                  // Possibly an implicit command. Not allowed if this is the first command.
+                  if (this._previousCommand === SVGPathSeg.PATHSEG_UNKNOWN) {
+                    return null;
+                  }
+                  command = this._nextCommandHelper(lookahead, this._previousCommand);
+                  if (command === SVGPathSeg.PATHSEG_UNKNOWN) {
+                    return null;
+                  }
+                } else {
+                  this._currentIndex++;
+                }
+
+                this._previousCommand = command;
+
+                switch (command) {
+                  case SVGPathSeg.PATHSEG_MOVETO_REL:
+                    return new SVGPathSegMovetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                  case SVGPathSeg.PATHSEG_MOVETO_ABS:
+                    return new SVGPathSegMovetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                  case SVGPathSeg.PATHSEG_LINETO_REL:
+                    return new SVGPathSegLinetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                  case SVGPathSeg.PATHSEG_LINETO_ABS:
+                    return new SVGPathSegLinetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                  case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:
+                    return new SVGPathSegLinetoHorizontalRel(owningPathSegList, this._parseNumber());
+                  case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:
+                    return new SVGPathSegLinetoHorizontalAbs(owningPathSegList, this._parseNumber());
+                  case SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:
+                    return new SVGPathSegLinetoVerticalRel(owningPathSegList, this._parseNumber());
+                  case SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:
+                    return new SVGPathSegLinetoVerticalAbs(owningPathSegList, this._parseNumber());
+                  case SVGPathSeg.PATHSEG_CLOSEPATH:
+                    this._skipOptionalSpaces();
+                    return new SVGPathSegClosePath(owningPathSegList);
+                  case SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:
+                    {
+                      var _points = { x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                      return new SVGPathSegCurvetoCubicRel(owningPathSegList, _points.x, _points.y, _points.x1, _points.y1, _points.x2, _points.y2);
+                    }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:
+                    {
+                      var _points2 = { x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                      return new SVGPathSegCurvetoCubicAbs(owningPathSegList, _points2.x, _points2.y, _points2.x1, _points2.y1, _points2.x2, _points2.y2);
+                    }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:
+                    {
+                      var _points3 = { x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                      return new SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, _points3.x, _points3.y, _points3.x2, _points3.y2);
+                    }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:
+                    {
+                      var _points4 = { x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                      return new SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, _points4.x, _points4.y, _points4.x2, _points4.y2);
+                    }case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:
+                    {
+                      var _points5 = { x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                      return new SVGPathSegCurvetoQuadraticRel(owningPathSegList, _points5.x, _points5.y, _points5.x1, _points5.y1);
+                    }case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:
+                    var points = { x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                    return new SVGPathSegCurvetoQuadraticAbs(owningPathSegList, points.x, points.y, points.x1, points.y1);
+                  case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:
+                    return new SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                  case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:
+                    return new SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                  case SVGPathSeg.PATHSEG_ARC_REL:
+                    {
+                      var _points6 = { x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber() };
+                      return new SVGPathSegArcRel(owningPathSegList, _points6.x, _points6.y, _points6.x1, _points6.y1, _points6.arcAngle, _points6.arcLarge, _points6.arcSweep);
+                    }case SVGPathSeg.PATHSEG_ARC_ABS:
+                    {
+                      var _points7 = { x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber() };
+                      return new SVGPathSegArcAbs(owningPathSegList, _points7.x, _points7.y, _points7.x1, _points7.y1, _points7.arcAngle, _points7.arcLarge, _points7.arcSweep);
+                    }default:
+                    throw new Error('Unknown path seg type.');
+                }
+              }
+            }]);
+            return Source;
+          }();
+
+          var builder = new Builder();
+          var source = new Source(string);
+
+          if (!source.initialCommandIsMoveTo()) {
+            return [];
+          }
+          while (source.hasMoreData()) {
+            var pathSeg = source.parseSegment();
+            if (!pathSeg) {
+              return [];
+            }
+            builder.appendSegment(pathSeg);
+          }
+
+          return builder.pathSegList;
+        }
+      }]);
+      return _SVGPathSegList;
+    }();
+
+    _SVGPathSegList.prototype.classname = 'SVGPathSegList';
+
+    Object.defineProperty(_SVGPathSegList.prototype, 'numberOfItems', {
+      get: function get$$1() {
+        this._checkPathSynchronizedToList();
+        return this._list.length;
+      },
+
+      enumerable: true
+    });
+
+    _SVGPathSegList._pathSegArrayAsString = function (pathSegArray) {
+      var string = '';
+      var first = true;
+      pathSegArray.forEach(function (pathSeg) {
+        if (first) {
+          first = false;
+          string += pathSeg._asPathString();
+        } else {
+          string += ' ' + pathSeg._asPathString();
+        }
+      });
+      return string;
+    };
+
+    // Add the pathSegList accessors to SVGPathElement.
+    // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGAnimatedPathData
+    Object.defineProperties(SVGPathElement.prototype, {
+      pathSegList: {
+        get: function get$$1() {
+          if (!this._pathSegList) {
+            this._pathSegList = new _SVGPathSegList(this);
+          }
+          return this._pathSegList;
+        },
+
+        enumerable: true
+      },
+      // FIXME: The following are not implemented and simply return SVGPathElement.pathSegList.
+      normalizedPathSegList: {
+        get: function get$$1() {
+          return this.pathSegList;
+        },
+        enumerable: true },
+      animatedPathSegList: {
+        get: function get$$1() {
+          return this.pathSegList;
+        },
+        enumerable: true },
+      animatedNormalizedPathSegList: {
+        get: function get$$1() {
+          return this.pathSegList;
+        },
+        enumerable: true }
+    });
+    window.SVGPathSegList = _SVGPathSegList;
+  }
+})();
+
+/* globals jQuery */
+
+var $ = jQuery;
+
+var supportsSVG_ = function () {
+  return !!document.createElementNS && !!document.createElementNS(NS.SVG, 'svg').createSVGRect;
+}();
+
+var _navigator = navigator,
+    userAgent = _navigator.userAgent;
+
+var svg = document.createElementNS(NS.SVG, 'svg');
+
+// Note: Browser sniffing should only be used if no other detection method is possible
+var isOpera_ = !!window.opera;
+var isWebkit_ = userAgent.includes('AppleWebKit');
+var isGecko_ = userAgent.includes('Gecko/');
+var isIE_ = userAgent.includes('MSIE');
+var isChrome_ = userAgent.includes('Chrome/');
+var isWindows_ = userAgent.includes('Windows');
+var isMac_ = userAgent.includes('Macintosh');
+var isTouch_ = 'ontouchstart' in window;
+
+var supportsSelectors_ = function () {
+  return !!svg.querySelector;
+}();
+
+var supportsXpath_ = function () {
+  return !!document.evaluate;
+}();
+
+// segList functions (for FF1.5 and 2.0)
+var supportsPathReplaceItem_ = function () {
+  var path = document.createElementNS(NS.SVG, 'path');
+  path.setAttribute('d', 'M0,0 10,10');
+  var seglist = path.pathSegList;
+  var seg = path.createSVGPathSegLinetoAbs(5, 5);
+  try {
+    seglist.replaceItem(seg, 1);
+    return true;
+  } catch (err) {}
+  return false;
+}();
+
+var supportsPathInsertItemBefore_ = function () {
+  var path = document.createElementNS(NS.SVG, 'path');
+  path.setAttribute('d', 'M0,0 10,10');
+  var seglist = path.pathSegList;
+  var seg = path.createSVGPathSegLinetoAbs(5, 5);
+  try {
+    seglist.insertItemBefore(seg, 1);
+    return true;
+  } catch (err) {}
+  return false;
+}();
+
+// text character positioning (for IE9)
+var supportsGoodTextCharPos_ = function () {
+  var svgroot = document.createElementNS(NS.SVG, 'svg');
+  var svgcontent = document.createElementNS(NS.SVG, 'svg');
+  document.documentElement.append(svgroot);
+  svgcontent.setAttribute('x', 5);
+  svgroot.append(svgcontent);
+  var text = document.createElementNS(NS.SVG, 'text');
+  text.textContent = 'a';
+  svgcontent.append(text);
+  var pos = text.getStartPositionOfChar(0).x;
+  svgroot.remove();
+  return pos === 0;
+}();
+
+var supportsPathBBox_ = function () {
+  var svgcontent = document.createElementNS(NS.SVG, 'svg');
+  document.documentElement.append(svgcontent);
+  var path = document.createElementNS(NS.SVG, 'path');
+  path.setAttribute('d', 'M0,0 C0,0 10,10 10,0');
+  svgcontent.append(path);
+  var bbox = path.getBBox();
+  svgcontent.remove();
+  return bbox.height > 4 && bbox.height < 5;
+}();
+
+// Support for correct bbox sizing on groups with horizontal/vertical lines
+var supportsHVLineContainerBBox_ = function () {
+  var svgcontent = document.createElementNS(NS.SVG, 'svg');
+  document.documentElement.append(svgcontent);
+  var path = document.createElementNS(NS.SVG, 'path');
+  path.setAttribute('d', 'M0,0 10,0');
+  var path2 = document.createElementNS(NS.SVG, 'path');
+  path2.setAttribute('d', 'M5,0 15,0');
+  var g = document.createElementNS(NS.SVG, 'g');
+  g.append(path, path2);
+  svgcontent.append(g);
+  var bbox = g.getBBox();
+  svgcontent.remove();
+  // Webkit gives 0, FF gives 10, Opera (correctly) gives 15
+  return bbox.width === 15;
+}();
+
+var supportsGoodDecimals_ = function () {
+  // Correct decimals on clone attributes (Opera < 10.5/win/non-en)
+  var rect = document.createElementNS(NS.SVG, 'rect');
+  rect.setAttribute('x', 0.1);
+  var crect = rect.cloneNode(false);
+  var retValue = !crect.getAttribute('x').includes(',');
+  if (!retValue) {
+    // Todo: i18nize or remove
+    $.alert('NOTE: This version of Opera is known to contain bugs in SVG-edit.\n' + 'Please upgrade to the <a href="http://opera.com">latest version</a> in which the problems have been fixed.');
+  }
+  return retValue;
+}();
+
+var supportsNonScalingStroke_ = function () {
+  var rect = document.createElementNS(NS.SVG, 'rect');
+  rect.setAttribute('style', 'vector-effect:non-scaling-stroke');
+  return rect.style.vectorEffect === 'non-scaling-stroke';
+}();
+
+var supportsNativeSVGTransformLists_ = function () {
+  var rect = document.createElementNS(NS.SVG, 'rect');
+  var rxform = rect.transform.baseVal;
+  var t1 = svg.createSVGTransform();
+  rxform.appendItem(t1);
+  var r1 = rxform.getItem(0);
+  // Todo: Do frame-independent instance checking
+  return r1 instanceof SVGTransform && t1 instanceof SVGTransform && r1.type === t1.type && r1.angle === t1.angle && r1.matrix.a === t1.matrix.a && r1.matrix.b === t1.matrix.b && r1.matrix.c === t1.matrix.c && r1.matrix.d === t1.matrix.d && r1.matrix.e === t1.matrix.e && r1.matrix.f === t1.matrix.f;
+}();
+
+// Public API
+
+/**
+ * @function module:browser.isOpera
+ * @returns {boolean}
+*/
+var isOpera = function isOpera() {
+  return isOpera_;
+};
+/**
+ * @function module:browser.isWebkit
+ * @returns {boolean}
+*/
+var isWebkit = function isWebkit() {
+  return isWebkit_;
+};
+/**
+ * @function module:browser.isGecko
+ * @returns {boolean}
+*/
+var isGecko = function isGecko() {
+  return isGecko_;
+};
+/**
+ * @function module:browser.isIE
+ * @returns {boolean}
+*/
+var isIE = function isIE() {
+  return isIE_;
+};
+/**
+ * @function module:browser.isChrome
+ * @returns {boolean}
+*/
+var isChrome = function isChrome() {
+  return isChrome_;
+};
+/**
+ * @function module:browser.isMac
+ * @returns {boolean}
+*/
+var isMac = function isMac() {
+  return isMac_;
+};
+/**
+ * @function module:browser.isTouch
+ * @returns {boolean}
+*/
+var isTouch = function isTouch() {
+  return isTouch_;
+};
+
+/**
+ * @function module:browser.supportsSelectors
+ * @returns {boolean}
+*/
+var supportsSelectors = function supportsSelectors() {
+  return supportsSelectors_;
+};
+
+/**
+ * @function module:browser.supportsXpath
+ * @returns {boolean}
+*/
+var supportsXpath = function supportsXpath() {
+  return supportsXpath_;
+};
+
+/**
+ * @function module:browser.supportsPathReplaceItem
+ * @returns {boolean}
+*/
+var supportsPathReplaceItem = function supportsPathReplaceItem() {
+  return supportsPathReplaceItem_;
+};
+
+/**
+ * @function module:browser.supportsPathInsertItemBefore
+ * @returns {boolean}
+*/
+var supportsPathInsertItemBefore = function supportsPathInsertItemBefore() {
+  return supportsPathInsertItemBefore_;
+};
+
+/**
+ * @function module:browser.supportsPathBBox
+ * @returns {boolean}
+*/
+var supportsPathBBox = function supportsPathBBox() {
+  return supportsPathBBox_;
+};
+
+/**
+ * @function module:browser.supportsHVLineContainerBBox
+ * @returns {boolean}
+*/
+var supportsHVLineContainerBBox = function supportsHVLineContainerBBox() {
+  return supportsHVLineContainerBBox_;
+};
+
+/**
+ * @function module:browser.supportsGoodTextCharPos
+ * @returns {boolean}
+*/
+var supportsGoodTextCharPos = function supportsGoodTextCharPos() {
+  return supportsGoodTextCharPos_;
+};
+
+/**
+* @function module:browser.supportsNonScalingStroke
+* @returns {boolean}
+*/
+var supportsNonScalingStroke = function supportsNonScalingStroke() {
+  return supportsNonScalingStroke_;
+};
+
+/**
+* @function module:browser.supportsNativeTransformLists
+* @returns {boolean}
+*/
+var supportsNativeTransformLists = function supportsNativeTransformLists() {
+  return supportsNativeSVGTransformLists_;
+};
+
+/**
+ * jQuery module to work with SVG attributes
+ * @module jQueryAttr
+ * @license MIT
+ */
+
+/**
+* This fixes `$(...).attr()` to work as expected with SVG elements.
+* Does not currently use `*AttributeNS()` since we rarely need that.
+* Adds {@link external:jQuery.fn.attr}.
+* See {@link https://api.jquery.com/attr/} for basic documentation of `.attr()`
+*
+* Additional functionality:
+* - When getting attributes, a string that's a number is returned as type number.
+* - If an array is supplied as the first parameter, multiple values are returned
+*    as an object with values for each given attribute
+* @function module:jQueryAttr.jQueryAttr
+* @param {external:jQuery} $ The jQuery object to which to add the plug-in
+* @returns {external:jQuery}
+*/
+function jqPluginSVG ($) {
+  var proxied = $.fn.attr,
+      svgns = 'http://www.w3.org/2000/svg';
+  /**
+  * @typedef {PlainObject.<string, string|Float>} module:jQueryAttr.Attributes
+  */
+  /**
+  * @function external:jQuery.fn.attr
+  * @param {string|string[]|PlainObject.<string, string>} key
+  * @param {string} value
+  * @returns {external:jQuery|module:jQueryAttr.Attributes}
+  */
+  $.fn.attr = function (key, value) {
+    var len = this.length;
+    if (!len) {
+      return proxied.apply(this, arguments);
+    }
+    for (var i = 0; i < len; ++i) {
+      var elem = this[i];
+      // set/get SVG attribute
+      if (elem.namespaceURI === svgns) {
+        // Setting attribute
+        if (value !== undefined) {
+          elem.setAttribute(key, value);
+        } else if (Array.isArray(key)) {
+          // Getting attributes from array
+          var obj = {};
+          var j = key.length;
+
+          while (j--) {
+            var aname = key[j];
+            var attr = elem.getAttribute(aname);
+            // This returns a number when appropriate
+            if (attr || attr === '0') {
+              attr = isNaN(attr) ? attr : attr - 0;
+            }
+            obj[aname] = attr;
+          }
+          return obj;
+        }
+        if ((typeof key === 'undefined' ? 'undefined' : _typeof(key)) === 'object') {
+          // Setting attributes from object
+          var _iteratorNormalCompletion = true;
+          var _didIteratorError = false;
+          var _iteratorError = undefined;
+
+          try {
+            for (var _iterator = Object.entries(key)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var _ref = _step.value;
+
+              var _ref2 = slicedToArray(_ref, 2);
+
+              var name = _ref2[0];
+              var val = _ref2[1];
+
+              elem.setAttribute(name, val);
+            }
+            // Getting attribute
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+        } else {
+          var _attr = elem.getAttribute(key);
+          if (_attr || _attr === '0') {
+            _attr = isNaN(_attr) ? _attr : _attr - 0;
+          }
+          return _attr;
+        }
+      } else {
+        return proxied.apply(this, arguments);
+      }
+    }
+    return this;
+  };
+  return $;
+}
+
+/**
+ * Partial polyfill of `SVGTransformList`
+ * @module SVGTransformList
+ *
+ * @license MIT
+ *
+ * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+ */
+
+var svgroot = document.createElementNS(NS.SVG, 'svg');
+
+// Helper function.
+function transformToString(xform) {
+  var m = xform.matrix;
+  var text = '';
+  switch (xform.type) {
+    case 1:
+      // MATRIX
+      text = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')';
+      break;
+    case 2:
+      // TRANSLATE
+      text = 'translate(' + m.e + ',' + m.f + ')';
+      break;
+    case 3:
+      // SCALE
+      if (m.a === m.d) {
+        text = 'scale(' + m.a + ')';
+      } else {
+        text = 'scale(' + m.a + ',' + m.d + ')';
+      }
+      break;
+    case 4:
+      {
+        // ROTATE
+        var cx = 0;
+        var cy = 0;
+        // this prevents divide by zero
+        if (xform.angle !== 0) {
+          var K = 1 - m.a;
+          cy = (K * m.f + m.b * m.e) / (K * K + m.b * m.b);
+          cx = (m.e - m.b * cy) / K;
+        }
+        text = 'rotate(' + xform.angle + ' ' + cx + ',' + cy + ')';
+        break;
+      }
+  }
+  return text;
+}
+
+/**
+ * Map of SVGTransformList objects.
+ */
+var listMap_ = {};
+
+/**
+* @interface module:SVGTransformList.SVGEditTransformList
+* @property {Integer} numberOfItems unsigned long
+*/
+/**
+* @function module:SVGTransformList.SVGEditTransformList#clear
+* @returns {undefined}
+*/
+/**
+* @function module:SVGTransformList.SVGEditTransformList#initialize
+* @param {SVGTransform} newItem
+* @returns {SVGTransform}
+*/
+/**
+* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+* @function module:SVGTransformList.SVGEditTransformList#getItem
+* @param {Integer} index unsigned long
+* @returns {SVGTransform}
+*/
+/**
+* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+* @function module:SVGTransformList.SVGEditTransformList#insertItemBefore
+* @param {SVGTransform} newItem
+* @param {Integer} index unsigned long
+* @returns {SVGTransform}
+*/
+/**
+* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+* @function module:SVGTransformList.SVGEditTransformList#replaceItem
+* @param {SVGTransform} newItem
+* @param {Integer} index unsigned long
+* @returns {SVGTransform}
+*/
+/**
+* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+* @function module:SVGTransformList.SVGEditTransformList#removeItem
+* @param {Integer} index unsigned long
+* @returns {SVGTransform}
+*/
+/**
+* @function module:SVGTransformList.SVGEditTransformList#appendItem
+* @param {SVGTransform} newItem
+* @returns {SVGTransform}
+*/
+/**
+* NOT IMPLEMENTED
+* @ignore
+* @function module:SVGTransformList.SVGEditTransformList#createSVGTransformFromMatrix
+* @param {SVGMatrix} matrix
+* @returns {SVGTransform}
+*/
+/**
+* NOT IMPLEMENTED
+* @ignore
+* @function module:SVGTransformList.SVGEditTransformList#consolidate
+* @returns {SVGTransform}
+*/
+
+/**
+* SVGTransformList implementation for Webkit.
+* These methods do not currently raise any exceptions.
+* These methods also do not check that transforms are being inserted.  This is basically
+* implementing as much of SVGTransformList that we need to get the job done.
+*/
+var SVGTransformList = function () {
+  /**
+  * @param {Element} elem
+  */
+  function SVGTransformList(elem) {
+    classCallCheck(this, SVGTransformList);
+
+    this._elem = elem || null;
+    this._xforms = [];
+    // TODO: how do we capture the undo-ability in the changed transform list?
+    this._update = function () {
+      var tstr = '';
+      /* const concatMatrix = */svgroot.createSVGMatrix();
+      for (var i = 0; i < this.numberOfItems; ++i) {
+        var xform = this._list.getItem(i);
+        tstr += transformToString(xform) + ' ';
+      }
+      this._elem.setAttribute('transform', tstr);
+    };
+    this._list = this;
+    this._init = function () {
+      var _this = this;
+
+      // Transform attribute parser
+      var str = this._elem.getAttribute('transform');
+      if (!str) {
+        return;
+      }
+
+      // TODO: Add skew support in future
+      var re = /\s*((scale|matrix|rotate|translate)\s*\(.*?\))\s*,?\s*/;
+      var m = true;
+      while (m) {
+        m = str.match(re);
+        str = str.replace(re, '');
+        if (m && m[1]) {
+          (function () {
+            var x = m[1];
+            var bits = x.split(/\s*\(/);
+            var name = bits[0];
+            var valBits = bits[1].match(/\s*(.*?)\s*\)/);
+            valBits[1] = valBits[1].replace(/(\d)-/g, '$1 -');
+            var valArr = valBits[1].split(/[, ]+/);
+            var letters = 'abcdef'.split('');
+            var mtx = svgroot.createSVGMatrix();
+            Object.values(valArr).forEach(function (item, i) {
+              valArr[i] = parseFloat(item);
+              if (name === 'matrix') {
+                mtx[letters[i]] = valArr[i];
+              }
+            });
+            var xform = svgroot.createSVGTransform();
+            var fname = 'set' + name.charAt(0).toUpperCase() + name.slice(1);
+            var values = name === 'matrix' ? [mtx] : valArr;
+
+            if (name === 'scale' && values.length === 1) {
+              values.push(values[0]);
+            } else if (name === 'translate' && values.length === 1) {
+              values.push(0);
+            } else if (name === 'rotate' && values.length === 1) {
+              values.push(0, 0);
+            }
+            xform[fname].apply(xform, values);
+            _this._list.appendItem(xform);
+          })();
+        }
+      }
+    };
+    this._removeFromOtherLists = function (item) {
+      if (item) {
+        // Check if this transform is already in a transformlist, and
+        // remove it if so.
+        var found = false;
+        for (var id in listMap_) {
+          var tl = listMap_[id];
+          for (var i = 0, len = tl._xforms.length; i < len; ++i) {
+            if (tl._xforms[i] === item) {
+              found = true;
+              tl.removeItem(i);
+              break;
+            }
+          }
+          if (found) {
+            break;
+          }
+        }
+      }
+    };
+
+    this.numberOfItems = 0;
+  }
+  /**
+  * @returns {undefined}
+  */
+
+
+  createClass(SVGTransformList, [{
+    key: 'clear',
+    value: function clear() {
+      this.numberOfItems = 0;
+      this._xforms = [];
+    }
+
+    /**
+    * @param {SVGTransform} newItem
+    * @returns {SVGTransform}
+    */
+
+  }, {
+    key: 'initialize',
+    value: function initialize(newItem) {
+      this.numberOfItems = 1;
+      this._removeFromOtherLists(newItem);
+      this._xforms = [newItem];
+    }
+
+    /**
+    * @param {Integer} index unsigned long
+    * @throws {Error}
+    * @returns {SVGTransform}
+    */
+
+  }, {
+    key: 'getItem',
+    value: function getItem(index) {
+      if (index < this.numberOfItems && index >= 0) {
+        return this._xforms[index];
+      }
+      var err = new Error('DOMException with code=INDEX_SIZE_ERR');
+      err.code = 1;
+      throw err;
+    }
+
+    /**
+    * @param {SVGTransform} newItem
+    * @param {Integer} index unsigned long
+    * @returns {SVGTransform}
+    */
+
+  }, {
+    key: 'insertItemBefore',
+    value: function insertItemBefore(newItem, index) {
+      var retValue = null;
+      if (index >= 0) {
+        if (index < this.numberOfItems) {
+          this._removeFromOtherLists(newItem);
+          var newxforms = new Array(this.numberOfItems + 1);
+          // TODO: use array copying and slicing
+          var i = void 0;
+          for (i = 0; i < index; ++i) {
+            newxforms[i] = this._xforms[i];
+          }
+          newxforms[i] = newItem;
+          for (var j = i + 1; i < this.numberOfItems; ++j, ++i) {
+            newxforms[j] = this._xforms[i];
+          }
+          this.numberOfItems++;
+          this._xforms = newxforms;
+          retValue = newItem;
+          this._list._update();
+        } else {
+          retValue = this._list.appendItem(newItem);
+        }
+      }
+      return retValue;
+    }
+
+    /**
+    * @param {SVGTransform} newItem
+    * @param {Integer} index unsigned long
+    * @returns {SVGTransform}
+    */
+
+  }, {
+    key: 'replaceItem',
+    value: function replaceItem(newItem, index) {
+      var retValue = null;
+      if (index < this.numberOfItems && index >= 0) {
+        this._removeFromOtherLists(newItem);
+        this._xforms[index] = newItem;
+        retValue = newItem;
+        this._list._update();
+      }
+      return retValue;
+    }
+
+    /**
+    * @param {Integer} index unsigned long
+    * @throws {Error}
+    * @returns {SVGTransform}
+    */
+
+  }, {
+    key: 'removeItem',
+    value: function removeItem(index) {
+      if (index < this.numberOfItems && index >= 0) {
+        var retValue = this._xforms[index];
+        var newxforms = new Array(this.numberOfItems - 1);
+        var i = void 0;
+        for (i = 0; i < index; ++i) {
+          newxforms[i] = this._xforms[i];
+        }
+        for (var j = i; j < this.numberOfItems - 1; ++j, ++i) {
+          newxforms[j] = this._xforms[i + 1];
+        }
+        this.numberOfItems--;
+        this._xforms = newxforms;
+        this._list._update();
+        return retValue;
+      }
+      var err = new Error('DOMException with code=INDEX_SIZE_ERR');
+      err.code = 1;
+      throw err;
+    }
+
+    /**
+    * @param {SVGTransform} newItem
+    * @returns {SVGTransform}
+    */
+
+  }, {
+    key: 'appendItem',
+    value: function appendItem(newItem) {
+      this._removeFromOtherLists(newItem);
+      this._xforms.push(newItem);
+      this.numberOfItems++;
+      this._list._update();
+      return newItem;
+    }
+  }]);
+  return SVGTransformList;
+}();
+
+/**
+* @function module:SVGTransformList.resetListMap
+* @returns {undefined}
+*/
+var resetListMap = function resetListMap() {
+  listMap_ = {};
+};
+
+/**
+ * Removes transforms of the given element from the map.
+ * @function module:SVGTransformList.removeElementFromListMap
+ * @param {Element} elem - a DOM Element
+ * @returns {undefined}
+ */
+var removeElementFromListMap = function removeElementFromListMap(elem) {
+  if (elem.id && listMap_[elem.id]) {
+    delete listMap_[elem.id];
+  }
+};
+
+/**
+* Returns an object that behaves like a `SVGTransformList` for the given DOM element
+* @function module:SVGTransformList.getTransformList
+* @param {Element} elem - DOM element to get a transformlist from
+* @todo The polyfill should have `SVGAnimatedTransformList` and this should use it
+* @returns {SVGAnimatedTransformList|SVGTransformList}
+*/
+var getTransformList = function getTransformList(elem) {
+  if (!supportsNativeTransformLists()) {
+    var id = elem.id || 'temp';
+    var t = listMap_[id];
+    if (!t || id === 'temp') {
+      listMap_[id] = new SVGTransformList(elem);
+      listMap_[id]._init();
+      t = listMap_[id];
+    }
+    return t;
+  }
+  if (elem.transform) {
+    return elem.transform.baseVal;
+  }
+  if (elem.gradientTransform) {
+    return elem.gradientTransform.baseVal;
+  }
+  if (elem.patternTransform) {
+    return elem.patternTransform.baseVal;
+  }
+
+  return null;
+};
+
+/**
+ * Tools for working with units
+ * @module units
+ * @license MIT
+ *
+ * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+ */
+
+var wAttrs = ['x', 'x1', 'cx', 'rx', 'width'];
+var hAttrs = ['y', 'y1', 'cy', 'ry', 'height'];
+var unitAttrs = ['r', 'radius'].concat(wAttrs, hAttrs);
+// unused
+/*
+const unitNumMap = {
+  '%': 2,
+  em: 3,
+  ex: 4,
+  px: 5,
+  cm: 6,
+  mm: 7,
+  in: 8,
+  pt: 9,
+  pc: 10
+};
+*/
+// Container of elements.
+var elementContainer_ = void 0;
+
+// Stores mapping of unit type to user coordinates.
+var typeMap_ = {};
+
+/**
+ * @interface module:units.ElementContainer
+ */
+/**
+ * @function module:units.ElementContainer#getBaseUnit
+ * @returns {string} The base unit type of the container ('em')
+ */
+/**
+ * @function module:units.ElementContainer#getElement
+ * @returns {Element} An element in the container given an id
+ */
+/**
+ * @function module:units.ElementContainer#getHeight
+ * @returns {Float} The container's height
+ */
+/**
+ * @function module:units.ElementContainer#getWidth
+ * @returns {Float} The container's width
+ */
+/**
+ * @function module:units.ElementContainer#getRoundDigits
+ * @returns {Integer} The number of digits number should be rounded to
+ */
+
+/**
+ * @typedef {PlainObject} module:units.TypeMap
+ * @property {Float} em
+ * @property {Float} ex
+ * @property {Float} in
+ * @property {Float} cm
+ * @property {Float} mm
+ * @property {Float} pt
+ * @property {Float} pc
+ * @property {Integer} px
+ * @property {0} %
+ */
+
+/**
+ * Initializes this module.
+ *
+ * @function module:units.init
+ * @param {module:units.ElementContainer} elementContainer - An object implementing the ElementContainer interface.
+ * @returns {undefined}
+ */
+var init = function init(elementContainer) {
+  elementContainer_ = elementContainer;
+
+  // Get correct em/ex values by creating a temporary SVG.
+  var svg = document.createElementNS(NS.SVG, 'svg');
+  document.body.append(svg);
+  var rect = document.createElementNS(NS.SVG, 'rect');
+  rect.setAttribute('width', '1em');
+  rect.setAttribute('height', '1ex');
+  rect.setAttribute('x', '1in');
+  svg.append(rect);
+  var bb = rect.getBBox();
+  svg.remove();
+
+  var inch = bb.x;
+  typeMap_ = {
+    em: bb.width,
+    ex: bb.height,
+    in: inch,
+    cm: inch / 2.54,
+    mm: inch / 25.4,
+    pt: inch / 72,
+    pc: inch / 6,
+    px: 1,
+    '%': 0
+  };
+};
+
+/**
+* Group: Unit conversion functions
+*/
+
+/**
+ * @function module:units.getTypeMap
+ * @returns {module:units.TypeMap} The unit object with values for each unit
+*/
+var getTypeMap = function getTypeMap() {
+  return typeMap_;
+};
+
+/**
+* @typedef {GenericArray} module:units.CompareNumbers
+* @property {Integer} length 2
+* @property {Float} 0
+* @property {Float} 1
+*/
+
+/**
+* Rounds a given value to a float with number of digits defined in
+* `round_digits` of `saveOptions`
+*
+* @function module:units.shortFloat
+* @param {string|Float|module:units.CompareNumbers} val - The value (or Array of two numbers) to be rounded
+* @returns {Float|string} If a string/number was given, returns a Float. If an array, return a string
+* with comma-separated floats
+*/
+var shortFloat = function shortFloat(val) {
+  var digits = elementContainer_.getRoundDigits();
+  if (!isNaN(val)) {
+    // Note that + converts to Number
+    return +(+val).toFixed(digits);
+  }
+  if (Array.isArray(val)) {
+    return shortFloat(val[0]) + ',' + shortFloat(val[1]);
+  }
+  return parseFloat(val).toFixed(digits) - 0;
+};
+
+/**
+* Converts the number to given unit or baseUnit
+* @function module:units.convertUnit
+* @returns {Float}
+*/
+var convertUnit = function convertUnit(val, unit) {
+  unit = unit || elementContainer_.getBaseUnit();
+  // baseVal.convertToSpecifiedUnits(unitNumMap[unit]);
+  // const val = baseVal.valueInSpecifiedUnits;
+  // baseVal.convertToSpecifiedUnits(1);
+  return shortFloat(val / typeMap_[unit]);
+};
+
+/**
+* Sets an element's attribute based on the unit in its current value.
+*
+* @function module:units.setUnitAttr
+* @param {Element} elem - DOM element to be changed
+* @param {string} attr - Name of the attribute associated with the value
+* @param {string} val - Attribute value to convert
+* @returns {undefined}
+*/
+var setUnitAttr = function setUnitAttr(elem, attr, val) {
+  //  if (!isNaN(val)) {
+  // New value is a number, so check currently used unit
+  // const oldVal = elem.getAttribute(attr);
+
+  // Enable this for alternate mode
+  // if (oldVal !== null && (isNaN(oldVal) || elementContainer_.getBaseUnit() !== 'px')) {
+  //   // Old value was a number, so get unit, then convert
+  //   let unit;
+  //   if (oldVal.substr(-1) === '%') {
+  //     const res = getResolution();
+  //     unit = '%';
+  //     val *= 100;
+  //     if (wAttrs.includes(attr)) {
+  //       val = val / res.w;
+  //     } else if (hAttrs.includes(attr)) {
+  //       val = val / res.h;
+  //     } else {
+  //       return val / Math.sqrt((res.w*res.w) + (res.h*res.h))/Math.sqrt(2);
+  //     }
+  //   } else {
+  //     if (elementContainer_.getBaseUnit() !== 'px') {
+  //       unit = elementContainer_.getBaseUnit();
+  //     } else {
+  //       unit = oldVal.substr(-2);
+  //     }
+  //     val = val / typeMap_[unit];
+  //   }
+  //
+  // val += unit;
+  // }
+  // }
+  elem.setAttribute(attr, val);
+};
+
+/**
+* Converts given values to numbers. Attributes must be supplied in
+* case a percentage is given
+*
+* @function module:units.convertToNum
+* @param {string} attr - Name of the attribute associated with the value
+* @param {string} val - Attribute value to convert
+* @returns {Float} The converted number
+*/
+var convertToNum = function convertToNum(attr, val) {
+  // Return a number if that's what it already is
+  if (!isNaN(val)) {
+    return val - 0;
+  }
+  if (val.substr(-1) === '%') {
+    // Deal with percentage, depends on attribute
+    var _num = val.substr(0, val.length - 1) / 100;
+    var width = elementContainer_.getWidth();
+    var height = elementContainer_.getHeight();
+
+    if (wAttrs.includes(attr)) {
+      return _num * width;
+    }
+    if (hAttrs.includes(attr)) {
+      return _num * height;
+    }
+    return _num * Math.sqrt(width * width + height * height) / Math.sqrt(2);
+  }
+  var unit = val.substr(-2);
+  var num = val.substr(0, val.length - 2);
+  // Note that this multiplication turns the string into a number
+  return num * typeMap_[unit];
+};
+
+/**
+* Check if an attribute's value is in a valid format
+* @function module:units.isValidUnit
+* @param {string} attr - The name of the attribute associated with the value
+* @param {string} val - The attribute value to check
+* @returns {boolean} Whether the unit is valid
+*/
+var isValidUnit = function isValidUnit(attr, val, selectedElement) {
+  if (unitAttrs.includes(attr)) {
+    // True if it's just a number
+    if (!isNaN(val)) {
+      return true;
+    }
+    // Not a number, check if it has a valid unit
+    val = val.toLowerCase();
+    return Object.keys(typeMap_).some(function (unit) {
+      var re = new RegExp('^-?[\\d\\.]+' + unit + '$');
+      return re.test(val);
+    });
+  }
+  if (attr === 'id') {
+    // if we're trying to change the id, make sure it's not already present in the doc
+    // and the id value is valid.
+
+    var result = false;
+    // because getElem() can throw an exception in the case of an invalid id
+    // (according to https://www.w3.org/TR/xml-id/ IDs must be a NCName)
+    // we wrap it in an exception and only return true if the ID was valid and
+    // not already present
+    try {
+      var elem = elementContainer_.getElement(val);
+      result = elem == null || elem === selectedElement;
+    } catch (e) {}
+    return result;
+  }
+  return true;
+};
+
+/**
+ * For command history tracking and undo functionality
+ * @module history
+ * @license MIT
+ * @copyright 2010 Jeff Schiller
+ */
+
+/**
+* Group: Undo/Redo history management
+*/
+var HistoryEventTypes = {
+  BEFORE_APPLY: 'before_apply',
+  AFTER_APPLY: 'after_apply',
+  BEFORE_UNAPPLY: 'before_unapply',
+  AFTER_UNAPPLY: 'after_unapply'
+};
+
+// const removedElements = {};
+
+/**
+* Base class for commands
+*/
+
+var Command = function () {
+  function Command() {
+    classCallCheck(this, Command);
+  }
+
+  createClass(Command, [{
+    key: 'getText',
+
+    /**
+    * @returns {string}
+    */
+    value: function getText() {
+      return this.text;
+    }
+  }]);
+  return Command;
+}();
+
+// Todo: Figure out why the interface members aren't showing
+//   up (with or without modules applied), despite our apparently following
+//   http://usejsdoc.org/tags-interface.html#virtual-comments
+
+/**
+ * An interface that all command objects must implement.
+ * @interface module:history.HistoryCommand
+*/
+/**
+ * Applies
+ *
+ * @function module:history.HistoryCommand#apply
+ * @param {module:history.HistoryEventHandler}
+ * @fires module:history~Command#event:history
+ * @returns {undefined|true}
+ */
+/**
+ *
+ * Unapplies
+ * @function module:history.HistoryCommand#unapply
+ * @param {module:history.HistoryEventHandler}
+ * @fires module:history~Command#event:history
+ * @returns {undefined|true}
+ */
+/**
+ * Returns the elements
+ * @function module:history.HistoryCommand#elements
+ * @returns {Element[]}
+ */
+/**
+ * Gets the text
+ * @function module:history.HistoryCommand#getText
+ * @returns {string}
+ */
+/**
+ * Gives the type
+ * @function module:history.HistoryCommand.type
+ * @returns {string}
+ */
+/**
+ * Gives the type
+ * @function module:history.HistoryCommand#type
+ * @returns {string}
+*/
+
+/**
+ * @event module:history~Command#event:history
+ * @type {module:history.HistoryCommand}
+ */
+
+/**
+ * An interface for objects that will handle history events.
+ * @interface module:history.HistoryEventHandler
+ */
+/**
+ *
+ * @function module:history.HistoryEventHandler#handleHistoryEvent
+ * @param {string} eventType One of the HistoryEvent types
+ * @param {module:history~Command#event:history} command
+ * @listens module:history~Command#event:history
+ * @returns {undefined}
+ *
+ */
+
+/**
+ * History command for an element that had its DOM position changed
+ * @implements {module:history.HistoryCommand}
+ * @param {Element} elem - The DOM element that was moved
+ * @param {Element} oldNextSibling - The element's next sibling before it was moved
+ * @param {Element} oldParent - The element's parent before it was moved
+ * @param {string} [text] - An optional string visible to user related to this change
+*/
+
+
+var MoveElementCommand = function (_Command) {
+  inherits(MoveElementCommand, _Command);
+
+  function MoveElementCommand(elem, oldNextSibling, oldParent, text) {
+    classCallCheck(this, MoveElementCommand);
+
+    var _this = possibleConstructorReturn(this, (MoveElementCommand.__proto__ || Object.getPrototypeOf(MoveElementCommand)).call(this));
+
+    _this.elem = elem;
+    _this.text = text ? 'Move ' + elem.tagName + ' to ' + text : 'Move ' + elem.tagName;
+    _this.oldNextSibling = oldNextSibling;
+    _this.oldParent = oldParent;
+    _this.newNextSibling = elem.nextSibling;
+    _this.newParent = elem.parentNode;
+    return _this;
+  }
+
+  createClass(MoveElementCommand, [{
+    key: 'type',
+    value: function type() {
+      return 'svgedit.history.MoveElementCommand';
+    }
+
+    /**
+     * Re-positions the element
+     * @param {module:history.HistoryEventHandler} handler
+     * @fires module:history~Command#event:history
+     * @returns {undefined}
+    */
+
+  }, {
+    key: 'apply',
+    value: function apply(handler) {
+      // TODO(codedread): Refactor this common event code into a base HistoryCommand class.
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+      }
+
+      this.elem = this.newParent.insertBefore(this.elem, this.newNextSibling);
+
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+      }
+    }
+
+    /**
+     * Positions the element back to its original location
+     * @param {module:history.HistoryEventHandler} handler
+     * @fires module:history~Command#event:history
+     * @returns {undefined}
+    */
+
+  }, {
+    key: 'unapply',
+    value: function unapply(handler) {
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+      }
+
+      this.elem = this.oldParent.insertBefore(this.elem, this.oldNextSibling);
+
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+      }
+    }
+
+    /**
+    * @returns {Element[]} Array with element associated with this command
+    */
+
+  }, {
+    key: 'elements',
+    value: function elements() {
+      return [this.elem];
+    }
+  }]);
+  return MoveElementCommand;
+}(Command);
+MoveElementCommand.type = MoveElementCommand.prototype.type;
+
+/**
+* History command for an element that was added to the DOM
+* @implements {module:history.HistoryCommand}
+*
+* @param {Element} elem - The newly added DOM element
+* @param {string} text - An optional string visible to user related to this change
+*/
+var InsertElementCommand = function (_Command2) {
+  inherits(InsertElementCommand, _Command2);
+
+  function InsertElementCommand(elem, text) {
+    classCallCheck(this, InsertElementCommand);
+
+    var _this2 = possibleConstructorReturn(this, (InsertElementCommand.__proto__ || Object.getPrototypeOf(InsertElementCommand)).call(this));
+
+    _this2.elem = elem;
+    _this2.text = text || 'Create ' + elem.tagName;
+    _this2.parent = elem.parentNode;
+    _this2.nextSibling = _this2.elem.nextSibling;
+    return _this2;
+  }
+
+  createClass(InsertElementCommand, [{
+    key: 'type',
+    value: function type() {
+      return 'svgedit.history.InsertElementCommand';
+    }
+
+    /**
+    * Re-inserts the new element
+    * @param {module:history.HistoryEventHandler} handler
+    * @fires module:history~Command#event:history
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'apply',
+    value: function apply(handler) {
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+      }
+
+      this.elem = this.parent.insertBefore(this.elem, this.nextSibling);
+
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+      }
+    }
+
+    /**
+    * Removes the element
+    * @param {module:history.HistoryEventHandler} handler
+    * @fires module:history~Command#event:history
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'unapply',
+    value: function unapply(handler) {
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+      }
+
+      this.parent = this.elem.parentNode;
+      this.elem = this.elem.parentNode.removeChild(this.elem);
+
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+      }
+    }
+
+    /**
+    * @returns {Element[]} Array with element associated with this command
+    */
+
+  }, {
+    key: 'elements',
+    value: function elements() {
+      return [this.elem];
+    }
+  }]);
+  return InsertElementCommand;
+}(Command);
+InsertElementCommand.type = InsertElementCommand.prototype.type;
+
+/**
+* History command for an element removed from the DOM
+* @implements {module:history.HistoryCommand}
+* @param {Element} elem - The removed DOM element
+* @param {Node} oldNextSibling - The DOM element's nextSibling when it was in the DOM
+* @param {Element} oldParent - The DOM element's parent
+* @param {string} [text] - An optional string visible to user related to this change
+*/
+var RemoveElementCommand = function (_Command3) {
+  inherits(RemoveElementCommand, _Command3);
+
+  function RemoveElementCommand(elem, oldNextSibling, oldParent, text) {
+    classCallCheck(this, RemoveElementCommand);
+
+    var _this3 = possibleConstructorReturn(this, (RemoveElementCommand.__proto__ || Object.getPrototypeOf(RemoveElementCommand)).call(this));
+
+    _this3.elem = elem;
+    _this3.text = text || 'Delete ' + elem.tagName;
+    _this3.nextSibling = oldNextSibling;
+    _this3.parent = oldParent;
+
+    // special hack for webkit: remove this element's entry in the svgTransformLists map
+    removeElementFromListMap(elem);
+    return _this3;
+  }
+
+  createClass(RemoveElementCommand, [{
+    key: 'type',
+    value: function type() {
+      return 'svgedit.history.RemoveElementCommand';
+    }
+
+    /**
+    * Re-removes the new element
+    * @param {module:history.HistoryEventHandler} handler
+    * @fires module:history~Command#event:history
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'apply',
+    value: function apply(handler) {
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+      }
+
+      removeElementFromListMap(this.elem);
+      this.parent = this.elem.parentNode;
+      this.elem = this.parent.removeChild(this.elem);
+
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+      }
+    }
+
+    /**
+    * Re-adds the new element
+    * @param {module:history.HistoryEventHandler} handler
+    * @fires module:history~Command#event:history
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'unapply',
+    value: function unapply(handler) {
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+      }
+
+      removeElementFromListMap(this.elem);
+      if (this.nextSibling == null) {
+        if (window.console) {
+          console.log('Error: reference element was lost');
+        }
+      }
+      this.parent.insertBefore(this.elem, this.nextSibling); // Don't use `before` or `prepend` as `this.nextSibling` may be `null`
+
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+      }
+    }
+
+    /**
+    * @returns {Element[]} Array with element associated with this command
+    */
+
+  }, {
+    key: 'elements',
+    value: function elements() {
+      return [this.elem];
+    }
+  }]);
+  return RemoveElementCommand;
+}(Command);
+RemoveElementCommand.type = RemoveElementCommand.prototype.type;
+
+/**
+* @typedef {"#text"|"#href"|string} module:history.CommandAttributeName
+*/
+/**
+* @typedef {PlainObject.<module:history.CommandAttributeName, string>} module:history.CommandAttributes
+*/
+
+/**
+* History command to make a change to an element.
+* Usually an attribute change, but can also be textcontent.
+* @implements {module:history.HistoryCommand}
+* @param {Element} elem - The DOM element that was changed
+* @param {module:history.CommandAttributes} attrs - Attributes to be changed with the values they had *before* the change
+* @param {string} text - An optional string visible to user related to this change
+*/
+var ChangeElementCommand = function (_Command4) {
+  inherits(ChangeElementCommand, _Command4);
+
+  function ChangeElementCommand(elem, attrs, text) {
+    classCallCheck(this, ChangeElementCommand);
+
+    var _this4 = possibleConstructorReturn(this, (ChangeElementCommand.__proto__ || Object.getPrototypeOf(ChangeElementCommand)).call(this));
+
+    _this4.elem = elem;
+    _this4.text = text ? 'Change ' + elem.tagName + ' ' + text : 'Change ' + elem.tagName;
+    _this4.newValues = {};
+    _this4.oldValues = attrs;
+    for (var attr in attrs) {
+      if (attr === '#text') {
+        _this4.newValues[attr] = elem.textContent;
+      } else if (attr === '#href') {
+        _this4.newValues[attr] = getHref(elem);
+      } else {
+        _this4.newValues[attr] = elem.getAttribute(attr);
+      }
+    }
+    return _this4;
+  }
+
+  createClass(ChangeElementCommand, [{
+    key: 'type',
+    value: function type() {
+      return 'svgedit.history.ChangeElementCommand';
+    }
+
+    /**
+    * Performs the stored change action
+    * @param {module:history.HistoryEventHandler} handler
+    * @fires module:history~Command#event:history
+    * @returns {true}
+    */
+
+  }, {
+    key: 'apply',
+    value: function apply(handler) {
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+      }
+
+      var bChangedTransform = false;
+      for (var attr in this.newValues) {
+        if (this.newValues[attr]) {
+          if (attr === '#text') {
+            this.elem.textContent = this.newValues[attr];
+          } else if (attr === '#href') {
+            setHref(this.elem, this.newValues[attr]);
+          } else {
+            this.elem.setAttribute(attr, this.newValues[attr]);
+          }
+        } else {
+          if (attr === '#text') {
+            this.elem.textContent = '';
+          } else {
+            this.elem.setAttribute(attr, '');
+            this.elem.removeAttribute(attr);
+          }
+        }
+
+        if (attr === 'transform') {
+          bChangedTransform = true;
+        }
+      }
+
+      // relocate rotational transform, if necessary
+      if (!bChangedTransform) {
+        var angle = getRotationAngle(this.elem);
+        if (angle) {
+          var bbox = this.elem.getBBox();
+          var cx = bbox.x + bbox.width / 2,
+              cy = bbox.y + bbox.height / 2;
+          var rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');
+          if (rotate !== this.elem.getAttribute('transform')) {
+            this.elem.setAttribute('transform', rotate);
+          }
+        }
+      }
+
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+      }
+
+      return true;
+    }
+
+    /**
+    * Reverses the stored change action
+    * @param {module:history.HistoryEventHandler} handler
+    * @fires module:history~Command#event:history
+    * @returns {true}
+    */
+
+  }, {
+    key: 'unapply',
+    value: function unapply(handler) {
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+      }
+
+      var bChangedTransform = false;
+      for (var attr in this.oldValues) {
+        if (this.oldValues[attr]) {
+          if (attr === '#text') {
+            this.elem.textContent = this.oldValues[attr];
+          } else if (attr === '#href') {
+            setHref(this.elem, this.oldValues[attr]);
+          } else {
+            this.elem.setAttribute(attr, this.oldValues[attr]);
+          }
+        } else {
+          if (attr === '#text') {
+            this.elem.textContent = '';
+          } else {
+            this.elem.removeAttribute(attr);
+          }
+        }
+        if (attr === 'transform') {
+          bChangedTransform = true;
+        }
+      }
+      // relocate rotational transform, if necessary
+      if (!bChangedTransform) {
+        var angle = getRotationAngle(this.elem);
+        if (angle) {
+          var bbox = this.elem.getBBox();
+          var cx = bbox.x + bbox.width / 2,
+              cy = bbox.y + bbox.height / 2;
+          var rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');
+          if (rotate !== this.elem.getAttribute('transform')) {
+            this.elem.setAttribute('transform', rotate);
+          }
+        }
+      }
+
+      // Remove transformlist to prevent confusion that causes bugs like 575.
+      removeElementFromListMap(this.elem);
+
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+      }
+
+      return true;
+    }
+
+    /**
+    * @returns {Element[]} Array with element associated with this command
+    */
+
+  }, {
+    key: 'elements',
+    value: function elements() {
+      return [this.elem];
+    }
+  }]);
+  return ChangeElementCommand;
+}(Command);
+ChangeElementCommand.type = ChangeElementCommand.prototype.type;
+
+// TODO: create a 'typing' command object that tracks changes in text
+// if a new Typing command is created and the top command on the stack is also a Typing
+// and they both affect the same element, then collapse the two commands into one
+
+/**
+* History command that can contain/execute multiple other commands
+* @implements {module:history.HistoryCommand}
+*/
+var BatchCommand = function (_Command5) {
+  inherits(BatchCommand, _Command5);
+
+  /**
+  * @param {string} [text] - An optional string visible to user related to this change
+  */
+  function BatchCommand(text) {
+    classCallCheck(this, BatchCommand);
+
+    var _this5 = possibleConstructorReturn(this, (BatchCommand.__proto__ || Object.getPrototypeOf(BatchCommand)).call(this));
+
+    _this5.text = text || 'Batch Command';
+    _this5.stack = [];
+    return _this5;
+  }
+
+  createClass(BatchCommand, [{
+    key: 'type',
+    value: function type() {
+      return 'svgedit.history.BatchCommand';
+    }
+
+    /**
+    * Runs "apply" on all subcommands
+    * @param {module:history.HistoryEventHandler} handler
+    * @fires module:history~Command#event:history
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'apply',
+    value: function apply(handler) {
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+      }
+
+      var len = this.stack.length;
+      for (var i = 0; i < len; ++i) {
+        this.stack[i].apply(handler);
+      }
+
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+      }
+    }
+
+    /**
+    * Runs "unapply" on all subcommands
+    * @param {module:history.HistoryEventHandler} handler
+    * @fires module:history~Command#event:history
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'unapply',
+    value: function unapply(handler) {
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+      }
+
+      for (var i = this.stack.length - 1; i >= 0; i--) {
+        this.stack[i].unapply(handler);
+      }
+
+      if (handler) {
+        handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+      }
+    }
+
+    /**
+    * Iterate through all our subcommands
+    * @returns {Element[]} All the elements we are changing
+    */
+
+  }, {
+    key: 'elements',
+    value: function elements() {
+      var elems = [];
+      var cmd = this.stack.length;
+      while (cmd--) {
+        var thisElems = this.stack[cmd].elements();
+        var elem = thisElems.length;
+        while (elem--) {
+          if (!elems.includes(thisElems[elem])) {
+            elems.push(thisElems[elem]);
+          }
+        }
+      }
+      return elems;
+    }
+
+    /**
+    * Adds a given command to the history stack
+    * @param {Command} cmd - The undo command object to add
+    */
+
+  }, {
+    key: 'addSubCommand',
+    value: function addSubCommand(cmd) {
+      this.stack.push(cmd);
+    }
+
+    /**
+    * @returns {boolean} Indicates whether or not the batch command is empty
+    */
+
+  }, {
+    key: 'isEmpty',
+    value: function isEmpty() {
+      return !this.stack.length;
+    }
+  }]);
+  return BatchCommand;
+}(Command);
+BatchCommand.type = BatchCommand.prototype.type;
+
+/**
+*
+*/
+var UndoManager = function () {
+  /**
+  * @param {module:history.HistoryEventHandler} historyEventHandler
+  */
+  function UndoManager(historyEventHandler) {
+    classCallCheck(this, UndoManager);
+
+    this.handler_ = historyEventHandler || null;
+    this.undoStackPointer = 0;
+    this.undoStack = [];
+
+    // this is the stack that stores the original values, the elements and
+    // the attribute name for begin/finish
+    this.undoChangeStackPointer = -1;
+    this.undoableChangeStack = [];
+  }
+
+  /**
+  * Resets the undo stack, effectively clearing the undo/redo history
+  * @returns {undefined}
+  */
+
+
+  createClass(UndoManager, [{
+    key: 'resetUndoStack',
+    value: function resetUndoStack() {
+      this.undoStack = [];
+      this.undoStackPointer = 0;
+    }
+
+    /**
+    * @returns {Integer} Current size of the undo history stack
+    */
+
+  }, {
+    key: 'getUndoStackSize',
+    value: function getUndoStackSize() {
+      return this.undoStackPointer;
+    }
+
+    /**
+    * @returns {Integer} Current size of the redo history stack
+    */
+
+  }, {
+    key: 'getRedoStackSize',
+    value: function getRedoStackSize() {
+      return this.undoStack.length - this.undoStackPointer;
+    }
+
+    /**
+    * @returns {string} String associated with the next undo command
+    */
+
+  }, {
+    key: 'getNextUndoCommandText',
+    value: function getNextUndoCommandText() {
+      return this.undoStackPointer > 0 ? this.undoStack[this.undoStackPointer - 1].getText() : '';
+    }
+
+    /**
+    * @returns {string} String associated with the next redo command
+    */
+
+  }, {
+    key: 'getNextRedoCommandText',
+    value: function getNextRedoCommandText() {
+      return this.undoStackPointer < this.undoStack.length ? this.undoStack[this.undoStackPointer].getText() : '';
+    }
+
+    /**
+    * Performs an undo step
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'undo',
+    value: function undo() {
+      if (this.undoStackPointer > 0) {
+        var cmd = this.undoStack[--this.undoStackPointer];
+        cmd.unapply(this.handler_);
+      }
+    }
+
+    /**
+    * Performs a redo step
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'redo',
+    value: function redo() {
+      if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {
+        var cmd = this.undoStack[this.undoStackPointer++];
+        cmd.apply(this.handler_);
+      }
+    }
+
+    /**
+    * Adds a command object to the undo history stack
+    * @param {Command} cmd - The command object to add
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'addCommandToHistory',
+    value: function addCommandToHistory(cmd) {
+      // FIXME: we MUST compress consecutive text changes to the same element
+      // (right now each keystroke is saved as a separate command that includes the
+      // entire text contents of the text element)
+      // TODO: consider limiting the history that we store here (need to do some slicing)
+
+      // if our stack pointer is not at the end, then we have to remove
+      // all commands after the pointer and insert the new command
+      if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {
+        this.undoStack = this.undoStack.splice(0, this.undoStackPointer);
+      }
+      this.undoStack.push(cmd);
+      this.undoStackPointer = this.undoStack.length;
+    }
+
+    /**
+    * This function tells the canvas to remember the old values of the
+    * `attrName` attribute for each element sent in.  The elements and values
+    * are stored on a stack, so the next call to `finishUndoableChange()` will
+    * pop the elements and old values off the stack, gets the current values
+    * from the DOM and uses all of these to construct the undo-able command.
+    * @param {string} attrName - The name of the attribute being changed
+    * @param {Element[]} elems - Array of DOM elements being changed
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'beginUndoableChange',
+    value: function beginUndoableChange(attrName, elems) {
+      var p = ++this.undoChangeStackPointer;
+      var i = elems.length;
+      var oldValues = new Array(i),
+          elements = new Array(i);
+      while (i--) {
+        var elem = elems[i];
+        if (elem == null) {
+          continue;
+        }
+        elements[i] = elem;
+        oldValues[i] = elem.getAttribute(attrName);
+      }
+      this.undoableChangeStack[p] = {
+        attrName: attrName,
+        oldValues: oldValues,
+        elements: elements
+      };
+    }
+
+    /**
+    * This function returns a `BatchCommand` object which summarizes the
+    * change since `beginUndoableChange` was called.  The command can then
+    * be added to the command history
+    * @returns {BatchCommand} Batch command object with resulting changes
+    */
+
+  }, {
+    key: 'finishUndoableChange',
+    value: function finishUndoableChange() {
+      var p = this.undoChangeStackPointer--;
+      var changeset = this.undoableChangeStack[p];
+      var attrName = changeset.attrName;
+
+      var batchCmd = new BatchCommand('Change ' + attrName);
+      var i = changeset.elements.length;
+      while (i--) {
+        var elem = changeset.elements[i];
+        if (elem == null) {
+          continue;
+        }
+        var changes = {};
+        changes[attrName] = changeset.oldValues[i];
+        if (changes[attrName] !== elem.getAttribute(attrName)) {
+          batchCmd.addSubCommand(new ChangeElementCommand(elem, changes, attrName));
+        }
+      }
+      this.undoableChangeStack[p] = null;
+      return batchCmd;
+    }
+  }]);
+  return UndoManager;
+}();
+
+var history = /*#__PURE__*/Object.freeze({
+  HistoryEventTypes: HistoryEventTypes,
+  MoveElementCommand: MoveElementCommand,
+  InsertElementCommand: InsertElementCommand,
+  RemoveElementCommand: RemoveElementCommand,
+  ChangeElementCommand: ChangeElementCommand,
+  BatchCommand: BatchCommand,
+  UndoManager: UndoManager
+});
+
+/**
+ * Mathematical utilities
+ * @module math
+ * @license MIT
+ *
+ * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+ */
+
+// Constants
+var NEAR_ZERO = 1e-14;
+
+// Throw away SVGSVGElement used for creating matrices/transforms.
+var svg$1 = document.createElementNS(NS.SVG, 'svg');
+
+/**
+ * A (hopefully) quicker function to transform a point by a matrix
+ * (this function avoids any DOM calls and just does the math)
+ * @function module:math.transformPoint
+ * @param {Float} x - Float representing the x coordinate
+ * @param {Float} y - Float representing the y coordinate
+ * @param {SVGMatrix} m - Matrix object to transform the point with
+ * @returns {module:math.XYObject} An x, y object representing the transformed point
+*/
+var transformPoint = function transformPoint(x, y, m) {
+  return { x: m.a * x + m.c * y + m.e, y: m.b * x + m.d * y + m.f };
+};
+
+/**
+ * Helper function to check if the matrix performs no actual transform
+ * (i.e. exists for identity purposes)
+ * @function module:math.isIdentity
+ * @param {SVGMatrix} m - The matrix object to check
+ * @returns {boolean} Indicates whether or not the matrix is 1,0,0,1,0,0
+*/
+var isIdentity = function isIdentity(m) {
+  return m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && m.e === 0 && m.f === 0;
+};
+
+/**
+ * This function tries to return a `SVGMatrix` that is the multiplication `m1 * m2`.
+ * We also round to zero when it's near zero
+ * @function module:math.matrixMultiply
+ * @param {...SVGMatrix} args - Matrix objects to multiply
+ * @returns {SVGMatrix} The matrix object resulting from the calculation
+*/
+var matrixMultiply = function matrixMultiply() {
+  for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  var m = args.reduceRight(function (prev, m1) {
+    return m1.multiply(prev);
+  });
+
+  if (Math.abs(m.a) < NEAR_ZERO) {
+    m.a = 0;
+  }
+  if (Math.abs(m.b) < NEAR_ZERO) {
+    m.b = 0;
+  }
+  if (Math.abs(m.c) < NEAR_ZERO) {
+    m.c = 0;
+  }
+  if (Math.abs(m.d) < NEAR_ZERO) {
+    m.d = 0;
+  }
+  if (Math.abs(m.e) < NEAR_ZERO) {
+    m.e = 0;
+  }
+  if (Math.abs(m.f) < NEAR_ZERO) {
+    m.f = 0;
+  }
+
+  return m;
+};
+
+/**
+ * See if the given transformlist includes a non-indentity matrix transform
+ * @function module:math.hasMatrixTransform
+ * @param {SVGTransformList} [tlist] - The transformlist to check
+ * @returns {boolean} Whether or not a matrix transform was found
+*/
+var hasMatrixTransform = function hasMatrixTransform(tlist) {
+  if (!tlist) {
+    return false;
+  }
+  var num = tlist.numberOfItems;
+  while (num--) {
+    var xform = tlist.getItem(num);
+    if (xform.type === 1 && !isIdentity(xform.matrix)) {
+      return true;
+    }
+  }
+  return false;
+};
+
+/**
+* @typedef {PlainObject} module:math.TransformedBox An object with the following values
+* @property {module:math.XYObject} tl - The top left coordinate
+* @property {module:math.XYObject} tr - The top right coordinate
+* @property {module:math.XYObject} bl - The bottom left coordinate
+* @property {module:math.XYObject} br - The bottom right coordinate
+* @property {PlainObject} aabox - Object with the following values:
+* @property {Float} aabox.x - Float with the axis-aligned x coordinate
+* @property {Float} aabox.y - Float with the axis-aligned y coordinate
+* @property {Float} aabox.width - Float with the axis-aligned width coordinate
+* @property {Float} aabox.height - Float with the axis-aligned height coordinate
+*/
+
+/**
+ * Transforms a rectangle based on the given matrix
+ * @function module:math.transformBox
+ * @param {Float} l - Float with the box's left coordinate
+ * @param {Float} t - Float with the box's top coordinate
+ * @param {Float} w - Float with the box width
+ * @param {Float} h - Float with the box height
+ * @param {SVGMatrix} m - Matrix object to transform the box by
+ * @returns {module:math.TransformedBox}
+*/
+var transformBox = function transformBox(l, t, w, h, m) {
+  var tl = transformPoint(l, t, m),
+      tr = transformPoint(l + w, t, m),
+      bl = transformPoint(l, t + h, m),
+      br = transformPoint(l + w, t + h, m),
+      minx = Math.min(tl.x, tr.x, bl.x, br.x),
+      maxx = Math.max(tl.x, tr.x, bl.x, br.x),
+      miny = Math.min(tl.y, tr.y, bl.y, br.y),
+      maxy = Math.max(tl.y, tr.y, bl.y, br.y);
+
+  return {
+    tl: tl,
+    tr: tr,
+    bl: bl,
+    br: br,
+    aabox: {
+      x: minx,
+      y: miny,
+      width: maxx - minx,
+      height: maxy - miny
+    }
+  };
+};
+
+/**
+ * This returns a single matrix Transform for a given Transform List
+ * (this is the equivalent of `SVGTransformList.consolidate()` but unlike
+ * that method, this one does not modify the actual `SVGTransformList`).
+ * This function is very liberal with its `min`, `max` arguments
+ * @function module:math.transformListToTransform
+ * @param {SVGTransformList} tlist - The transformlist object
+ * @param {Integer} [min=0] - Optional integer indicating start transform position
+ * @param {Integer} [max] - Optional integer indicating end transform position;
+ *   defaults to one less than the tlist's `numberOfItems`
+ * @returns {SVGTransform} A single matrix transform object
+*/
+var transformListToTransform = function transformListToTransform(tlist, min, max) {
+  if (tlist == null) {
+    // Or should tlist = null have been prevented before this?
+    return svg$1.createSVGTransformFromMatrix(svg$1.createSVGMatrix());
+  }
+  min = min || 0;
+  max = max || tlist.numberOfItems - 1;
+  min = parseInt(min, 10);
+  max = parseInt(max, 10);
+  if (min > max) {
+    var temp = max;max = min;min = temp;
+  }
+  var m = svg$1.createSVGMatrix();
+  for (var i = min; i <= max; ++i) {
+    // if our indices are out of range, just use a harmless identity matrix
+    var mtom = i >= 0 && i < tlist.numberOfItems ? tlist.getItem(i).matrix : svg$1.createSVGMatrix();
+    m = matrixMultiply(m, mtom);
+  }
+  return svg$1.createSVGTransformFromMatrix(m);
+};
+
+/**
+ * Get the matrix object for a given element
+ * @function module:math.getMatrix
+ * @param {Element} elem - The DOM element to check
+ * @returns {SVGMatrix} The matrix object associated with the element's transformlist
+*/
+var getMatrix = function getMatrix(elem) {
+  var tlist = getTransformList(elem);
+  return transformListToTransform(tlist).matrix;
+};
+
+/**
+ * Returns a 45 degree angle coordinate associated with the two given
+ * coordinates
+ * @function module:math.snapToAngle
+ * @param {Integer} x1 - First coordinate's x value
+ * @param {Integer} x2 - Second coordinate's x value
+ * @param {Integer} y1 - First coordinate's y value
+ * @param {Integer} y2 - Second coordinate's y value
+ * @returns {module:math.AngleCoord45}
+*/
+var snapToAngle = function snapToAngle(x1, y1, x2, y2) {
+  var snap = Math.PI / 4; // 45 degrees
+  var dx = x2 - x1;
+  var dy = y2 - y1;
+  var angle = Math.atan2(dy, dx);
+  var dist = Math.sqrt(dx * dx + dy * dy);
+  var snapangle = Math.round(angle / snap) * snap;
+
+  return {
+    x: x1 + dist * Math.cos(snapangle),
+    y: y1 + dist * Math.sin(snapangle),
+    a: snapangle
+  };
+};
+
+/**
+ * Check if two rectangles (BBoxes objects) intersect each other
+ * @function module:math.rectsIntersect
+ * @param {SVGRect} r1 - The first BBox-like object
+ * @param {SVGRect} r2 - The second BBox-like object
+ * @returns {boolean} True if rectangles intersect
+ */
+var rectsIntersect = function rectsIntersect(r1, r2) {
+  return r2.x < r1.x + r1.width && r2.x + r2.width > r1.x && r2.y < r1.y + r1.height && r2.y + r2.height > r1.y;
+};
+
+/* globals jQuery */
+
+var $$1 = jQuery;
+
+var segData = {
+  2: ['x', 'y'], // PATHSEG_MOVETO_ABS
+  4: ['x', 'y'], // PATHSEG_LINETO_ABS
+  6: ['x', 'y', 'x1', 'y1', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_ABS
+  8: ['x', 'y', 'x1', 'y1'], // PATHSEG_CURVETO_QUADRATIC_ABS
+  10: ['x', 'y', 'r1', 'r2', 'angle', 'largeArcFlag', 'sweepFlag'], // PATHSEG_ARC_ABS
+  12: ['x'], // PATHSEG_LINETO_HORIZONTAL_ABS
+  14: ['y'], // PATHSEG_LINETO_VERTICAL_ABS
+  16: ['x', 'y', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_SMOOTH_ABS
+  18: ['x', 'y'] // PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS
+};
+
+/**
+ * @tutorial LocaleDocs
+ * @typedef {module:locale.LocaleStrings|PlainObject} module:path.uiStrings
+ * @property {PlainObject.<string, string>} ui
+*/
+
+var uiStrings = {};
+/**
+* @function module:path.setUiStrings
+* @param {module:path.uiStrings} strs
+* @returns {undefined}
+*/
+var setUiStrings = function setUiStrings(strs) {
+  Object.assign(uiStrings, strs.ui);
+};
+
+var pathFuncs = [];
+
+var linkControlPts = true;
+
+// Stores references to paths via IDs.
+// TODO: Make this cross-document happy.
+var pathData = {};
+
+/**
+* @function module:path.setLinkControlPoints
+* @param {boolean} lcp
+* @returns {undefined}
+*/
+var setLinkControlPoints = function setLinkControlPoints(lcp) {
+  linkControlPts = lcp;
+};
+
+/**
+ * @name module:path.path
+ * @type {null|module:path.Path}
+ * @memberof module:path
+*/
+var path = null;
+
+var editorContext_ = null;
+
+/**
+* @external MouseEvent
+*/
+
+/**
+* Object with the following keys/values
+* @typedef {PlainObject} module:path.SVGElementJSON
+* @property {string} element - Tag name of the SVG element to create
+* @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element
+* @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first
+* @property {module:path.SVGElementJSON[]} [children] - Data objects to be added recursively as children
+* @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace
+*/
+/**
+ * @interface module:path.EditorContext
+ * @property {module:select.SelectorManager} selectorManager
+ * @property {module:svgcanvas.SvgCanvas} canvas
+ */
+/**
+ * @function module:path.EditorContext#call
+ * @param {"selected"|"changed"} ev - String with the event name
+ * @param {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed} arg - Argument to pass through to the callback function. If the event is "changed", an array of `Element`s is passed; if "selected", a single-item array of `Element` is passed.
+ * @returns {undefined}
+ */
+/**
+ * @function module:path.EditorContext#resetD
+ * @param {SVGPathElement} p
+ * @returns {undefined}
+*/
+/**
+ * Note: This doesn't round to an integer necessarily
+ * @function module:path.EditorContext#round
+ * @param {Float} val
+ * @returns {Float} Rounded value to nearest value based on `currentZoom`
+ */
+/**
+ * @function module:path.EditorContext#clearSelection
+ * @param {boolean} [noCall] - When `true`, does not call the "selected" handler
+ * @returns {undefined}
+*/
+/**
+ * @function module:path.EditorContext#addToSelection
+ * @param {Element[]} elemsToAdd - An array of DOM elements to add to the selection
+ * @param {boolean} showGrips - Indicates whether the resize grips should be shown
+ * @returns {undefined}
+*/
+/**
+ * @function module:path.EditorContext#addCommandToHistory
+ * @param {Command} cmd
+ * @returns {undefined}
+ */
+/**
+ * @function module:path.EditorContext#remapElement
+ * @param {Element} selected - DOM element to be changed
+ * @param {PlainObject.<string, string>} changes - Object with changes to be remapped
+ * @param {SVGMatrix} m - Matrix object to use for remapping coordinates
+ * @returns {undefined}
+ */
+/**
+ * @function module:path.EditorContext#addSVGElementFromJson
+ * @param {module:path.SVGElementJSON} data
+ * @returns {Element} The new element
+*/
+/**
+ * @function module:path.EditorContext#getGridSnapping
+ * @returns {boolean}
+ */
+/**
+ * @function module:path.EditorContext#getOpacity
+ * @returns {Float}
+ */
+/**
+ * @function module:path.EditorContext#getSelectedElements
+ * @returns {Element[]} the array with selected DOM elements
+*/
+/**
+ * @function module:path.EditorContext#getContainer
+ * @returns {Element}
+ */
+/**
+ * @function module:path.EditorContext#setStarted
+ * @param {boolean} s
+ * @returns {undefined}
+ */
+/**
+ * @function module:path.EditorContext#getRubberBox
+ * @returns {SVGRectElement}
+*/
+/**
+ * @function module:path.EditorContext#setRubberBox
+ * @param {SVGRectElement} rb
+ * @returns {SVGRectElement} Same as parameter passed in
+ */
+/**
+ * @function module:path.EditorContext#addPtsToSelection
+ * @param {PlainObject} cfg
+ * @param {boolean} cfg.closedSubpath
+ * @param {SVGCircleElement[]} cfg.grips
+ * @returns {undefined}
+ */
+/**
+ * @function module:path.EditorContext#endChanges
+ * @param {PlainObject} cfg
+ * @param {string} cfg.cmd
+ * @param {Element} cfg.elem
+ * @returns {undefined}
+*/
+/**
+ * @function module:path.EditorContext#getCurrentZoom
+ * @returns {Float} The current zoom level
+ */
+/**
+ * Returns the last created DOM element ID string
+ * @function module:path.EditorContext#getId
+ * @returns {string}
+ */
+/**
+ * Creates and returns a unique ID string for a DOM element
+ * @function module:path.EditorContext#getNextId
+ * @returns {string}
+*/
+/**
+ * Gets the desired element from a mouse event
+ * @function module:path.EditorContext#getMouseTarget
+ * @param {external:MouseEvent} evt - Event object from the mouse event
+ * @returns {Element} DOM element we want
+ */
+/**
+ * @function module:path.EditorContext#getCurrentMode
+ * @returns {string}
+ */
+/**
+ * @function module:path.EditorContext#setCurrentMode
+ * @param {string} cm The mode
+ * @returns {string} The same mode as passed in
+*/
+/**
+ * @function module:path.EditorContext#getDrawnPath
+ * @returns {SVGPathElement|null}
+ */
+/**
+ * @function module:path.EditorContext#setDrawnPath
+ * @param {SVGPathElement|null} dp
+ * @returns {SVGPathElement|null} The same value as passed in
+ */
+/**
+ * @function module:path.EditorContext#getSVGRoot
+ * @returns {SVGSVGElement}
+*/
+
+/**
+* @function module:path.init
+* @param {module:path.EditorContext} editorContext
+* @returns {undefined}
+*/
+var init$1 = function init$$1(editorContext) {
+  editorContext_ = editorContext;
+
+  pathFuncs = [0, 'ClosePath'];
+  var pathFuncsStrs = ['Moveto', 'Lineto', 'CurvetoCubic', 'CurvetoQuadratic', 'Arc', 'LinetoHorizontal', 'LinetoVertical', 'CurvetoCubicSmooth', 'CurvetoQuadraticSmooth'];
+  $$1.each(pathFuncsStrs, function (i, s) {
+    pathFuncs.push(s + 'Abs');
+    pathFuncs.push(s + 'Rel');
+  });
+};
+
+/**
+* @function module:path.insertItemBefore
+* @param {Element} elem
+* @param {Segment} newseg
+* @param {Integer} index
+* @returns {undefined}
+*/
+var insertItemBefore = function insertItemBefore(elem, newseg, index) {
+  // Support insertItemBefore on paths for FF2
+  var list = elem.pathSegList;
+
+  if (supportsPathInsertItemBefore()) {
+    list.insertItemBefore(newseg, index);
+    return;
+  }
+  var len = list.numberOfItems;
+  var arr = [];
+  for (var i = 0; i < len; i++) {
+    var curSeg = list.getItem(i);
+    arr.push(curSeg);
+  }
+  list.clear();
+  for (var _i = 0; _i < len; _i++) {
+    if (_i === index) {
+      // index + 1
+      list.appendItem(newseg);
+    }
+    list.appendItem(arr[_i]);
+  }
+};
+
+/**
+* @function module:path.ptObjToArr
+* @todo See if this should just live in `replacePathSeg`
+* @param {string} type
+* @param {SVGPathSegMovetoAbs|SVGPathSegLinetoAbs|SVGPathSegCurvetoCubicAbs|SVGPathSegCurvetoQuadraticAbs|SVGPathSegArcAbs|SVGPathSegLinetoHorizontalAbs|SVGPathSegLinetoVerticalAbs|SVGPathSegCurvetoCubicSmoothAbs|SVGPathSegCurvetoQuadraticSmoothAbs} segItem
+* @returns {ArgumentsArray}
+*/
+var ptObjToArr = function ptObjToArr(type, segItem) {
+  var props = segData[type];
+  return props.map(function (prop) {
+    return segItem[prop];
+  });
+};
+
+/**
+* @function module:path.getGripPt
+* @param {Segment} seg
+* @param {module:math.XYObject} altPt
+* @returns {module:math.XYObject}
+*/
+var getGripPt = function getGripPt(seg, altPt) {
+  var path = seg.path;
+
+  var out = {
+    x: altPt ? altPt.x : seg.item.x,
+    y: altPt ? altPt.y : seg.item.y
+  };
+
+  if (path.matrix) {
+    var pt = transformPoint(out.x, out.y, path.matrix);
+    out = pt;
+  }
+
+  var currentZoom = editorContext_.getCurrentZoom();
+  out.x *= currentZoom;
+  out.y *= currentZoom;
+
+  return out;
+};
+
+/**
+* @function module:path.getPointFromGrip
+* @param {module:math.XYObject} pt
+* @param {module:path.Path} path
+* @returns {module:math.XYObject}
+*/
+var getPointFromGrip = function getPointFromGrip(pt, path) {
+  var out = {
+    x: pt.x,
+    y: pt.y
+  };
+
+  if (path.matrix) {
+    pt = transformPoint(out.x, out.y, path.imatrix);
+    out.x = pt.x;
+    out.y = pt.y;
+  }
+
+  var currentZoom = editorContext_.getCurrentZoom();
+  out.x /= currentZoom;
+  out.y /= currentZoom;
+
+  return out;
+};
+
+/**
+* Requires prior call to `setUiStrings` if `xlink:title`
+*    to be set on the grip
+* @function module:path.addPointGrip
+* @param {Integer} index
+* @param {Integer} x
+* @param {Integer} y
+* @returns {SVGCircleElement}
+*/
+var addPointGrip = function addPointGrip(index, x, y) {
+  // create the container of all the point grips
+  var pointGripContainer = getGripContainer();
+
+  var pointGrip = getElem('pathpointgrip_' + index);
+  // create it
+  if (!pointGrip) {
+    pointGrip = document.createElementNS(NS.SVG, 'circle');
+    var atts = {
+      id: 'pathpointgrip_' + index,
+      display: 'none',
+      r: 4,
+      fill: '#0FF',
+      stroke: '#00F',
+      'stroke-width': 2,
+      cursor: 'move',
+      style: 'pointer-events:all'
+    };
+    if ('pathNodeTooltip' in uiStrings) {
+      // May be empty if running path.js without svg-editor
+      atts['xlink:title'] = uiStrings.pathNodeTooltip;
+    }
+    assignAttributes(pointGrip, atts);
+    pointGrip = pointGripContainer.appendChild(pointGrip);
+
+    var grip = $$1('#pathpointgrip_' + index);
+    grip.dblclick(function () {
+      if (path) {
+        path.setSegType();
+      }
+    });
+  }
+  if (x && y) {
+    // set up the point grip element and display it
+    assignAttributes(pointGrip, {
+      cx: x,
+      cy: y,
+      display: 'inline'
+    });
+  }
+  return pointGrip;
+};
+
+/**
+* @function module:path.getGripContainer
+* @returns {Element}
+*/
+var getGripContainer = function getGripContainer() {
+  var c = getElem('pathpointgrip_container');
+  if (!c) {
+    var parent = getElem('selectorParentGroup');
+    c = parent.appendChild(document.createElementNS(NS.SVG, 'g'));
+    c.id = 'pathpointgrip_container';
+  }
+  return c;
+};
+
+/**
+* Requires prior call to `setUiStrings` if `xlink:title`
+*    to be set on the grip
+* @function module:path.addCtrlGrip
+* @param {string} id
+* @returns {SVGCircleElement}
+*/
+var addCtrlGrip = function addCtrlGrip(id) {
+  var pointGrip = getElem('ctrlpointgrip_' + id);
+  if (pointGrip) {
+    return pointGrip;
+  }
+
+  pointGrip = document.createElementNS(NS.SVG, 'circle');
+  var atts = {
+    id: 'ctrlpointgrip_' + id,
+    display: 'none',
+    r: 4,
+    fill: '#0FF',
+    stroke: '#55F',
+    'stroke-width': 1,
+    cursor: 'move',
+    style: 'pointer-events:all'
+  };
+  if ('pathCtrlPtTooltip' in uiStrings) {
+    // May be empty if running path.js without svg-editor
+    atts['xlink:title'] = uiStrings.pathCtrlPtTooltip;
+  }
+  assignAttributes(pointGrip, atts);
+  getGripContainer().append(pointGrip);
+  return pointGrip;
+};
+
+/**
+* @function module:path.getCtrlLine
+* @param {string} id
+* @returns {SVGLineElement}
+*/
+var getCtrlLine = function getCtrlLine(id) {
+  var ctrlLine = getElem('ctrlLine_' + id);
+  if (ctrlLine) {
+    return ctrlLine;
+  }
+
+  ctrlLine = document.createElementNS(NS.SVG, 'line');
+  assignAttributes(ctrlLine, {
+    id: 'ctrlLine_' + id,
+    stroke: '#555',
+    'stroke-width': 1,
+    style: 'pointer-events:none'
+  });
+  getGripContainer().append(ctrlLine);
+  return ctrlLine;
+};
+
+/**
+* @function module:path.getPointGrip
+* @param {Segment} seg
+* @param {boolean} update
+* @returns {SVGCircleElement}
+*/
+var getPointGrip = function getPointGrip(seg, update) {
+  var index = seg.index;
+
+  var pointGrip = addPointGrip(index);
+
+  if (update) {
+    var pt = getGripPt(seg);
+    assignAttributes(pointGrip, {
+      cx: pt.x,
+      cy: pt.y,
+      display: 'inline'
+    });
+  }
+
+  return pointGrip;
+};
+
+/**
+* @function module:path.getControlPoints
+* @param {Segment} seg
+* @returns {PlainObject.<string, SVGLineElement|SVGCircleElement>}
+*/
+var getControlPoints = function getControlPoints(seg) {
+  var item = seg.item,
+      index = seg.index;
+
+  if (!('x1' in item) || !('x2' in item)) {
+    return null;
+  }
+  var cpt = {};
+  /* const pointGripContainer = */getGripContainer();
+
+  // Note that this is intentionally not seg.prev.item
+  var prev = path.segs[index - 1].item;
+
+  var segItems = [prev, item];
+
+  for (var i = 1; i < 3; i++) {
+    var id = index + 'c' + i;
+
+    var ctrlLine = cpt['c' + i + '_line'] = getCtrlLine(id);
+
+    var pt = getGripPt(seg, { x: item['x' + i], y: item['y' + i] });
+    var gpt = getGripPt(seg, { x: segItems[i - 1].x, y: segItems[i - 1].y });
+
+    assignAttributes(ctrlLine, {
+      x1: pt.x,
+      y1: pt.y,
+      x2: gpt.x,
+      y2: gpt.y,
+      display: 'inline'
+    });
+
+    cpt['c' + i + '_line'] = ctrlLine;
+
+    // create it
+    var pointGrip = cpt['c' + i] = addCtrlGrip(id);
+
+    assignAttributes(pointGrip, {
+      cx: pt.x,
+      cy: pt.y,
+      display: 'inline'
+    });
+    cpt['c' + i] = pointGrip;
+  }
+  return cpt;
+};
+
+/**
+* This replaces the segment at the given index. Type is given as number.
+* @function module:path.replacePathSeg
+* @param {Integer} type Possible values set during {@link module:path.init}
+* @param {Integer} index
+* @param {ArgumentsArray} pts
+* @param {SVGPathElement} elem
+*/
+var replacePathSeg = function replacePathSeg(type, index, pts, elem) {
+  var pth = elem || path.elem;
+
+  var func = 'createSVGPathSeg' + pathFuncs[type];
+  var seg = pth[func].apply(pth, pts);
+
+  if (supportsPathReplaceItem()) {
+    pth.pathSegList.replaceItem(seg, index);
+  } else {
+    var segList = pth.pathSegList;
+    var len = segList.numberOfItems;
+    var arr = [];
+    for (var i = 0; i < len; i++) {
+      var curSeg = segList.getItem(i);
+      arr.push(curSeg);
+    }
+    segList.clear();
+    for (var _i2 = 0; _i2 < len; _i2++) {
+      if (_i2 === index) {
+        segList.appendItem(seg);
+      } else {
+        segList.appendItem(arr[_i2]);
+      }
+    }
+  }
+};
+
+/**
+* @function module:path.getSegSelector
+* @param {Segment} seg
+* @param {boolean} update
+* @returns {SVGPathElement}
+*/
+var getSegSelector = function getSegSelector(seg, update) {
+  var index = seg.index;
+
+  var segLine = getElem('segline_' + index);
+  if (!segLine) {
+    var pointGripContainer = getGripContainer();
+    // create segline
+    segLine = document.createElementNS(NS.SVG, 'path');
+    assignAttributes(segLine, {
+      id: 'segline_' + index,
+      display: 'none',
+      fill: 'none',
+      stroke: '#0FF',
+      'stroke-width': 2,
+      style: 'pointer-events:none',
+      d: 'M0,0 0,0'
+    });
+    pointGripContainer.append(segLine);
+  }
+
+  if (update) {
+    var prev = seg.prev;
+
+    if (!prev) {
+      segLine.setAttribute('display', 'none');
+      return segLine;
+    }
+
+    var pt = getGripPt(prev);
+    // Set start point
+    replacePathSeg(2, 0, [pt.x, pt.y], segLine);
+
+    var pts = ptObjToArr(seg.type, seg.item, true);
+    for (var i = 0; i < pts.length; i += 2) {
+      var _pt = getGripPt(seg, { x: pts[i], y: pts[i + 1] });
+      pts[i] = _pt.x;
+      pts[i + 1] = _pt.y;
+    }
+
+    replacePathSeg(seg.type, 1, pts, segLine);
+  }
+  return segLine;
+};
+
+/**
+ * @typedef {PlainObject} Point
+ * @property {Integer} x The x value
+ * @property {Integer} y The y value
+ */
+
+/**
+* Takes three points and creates a smoother line based on them
+* @function module:path.smoothControlPoints
+* @param {Point} ct1 - Object with x and y values (first control point)
+* @param {Point} ct2 - Object with x and y values (second control point)
+* @param {Point} pt - Object with x and y values (third point)
+* @returns {Point[]} Array of two "smoothed" point objects
+*/
+var smoothControlPoints = function smoothControlPoints(ct1, ct2, pt) {
+  // each point must not be the origin
+  var x1 = ct1.x - pt.x,
+      y1 = ct1.y - pt.y,
+      x2 = ct2.x - pt.x,
+      y2 = ct2.y - pt.y;
+
+  if ((x1 !== 0 || y1 !== 0) && (x2 !== 0 || y2 !== 0)) {
+    var r1 = Math.sqrt(x1 * x1 + y1 * y1),
+        r2 = Math.sqrt(x2 * x2 + y2 * y2),
+        nct1 = editorContext_.getSVGRoot().createSVGPoint(),
+        nct2 = editorContext_.getSVGRoot().createSVGPoint();
+    var anglea = Math.atan2(y1, x1),
+        angleb = Math.atan2(y2, x2);
+    if (anglea < 0) {
+      anglea += 2 * Math.PI;
+    }
+    if (angleb < 0) {
+      angleb += 2 * Math.PI;
+    }
+
+    var angleBetween = Math.abs(anglea - angleb),
+        angleDiff = Math.abs(Math.PI - angleBetween) / 2;
+
+    var newAnglea = void 0,
+        newAngleb = void 0;
+    if (anglea - angleb > 0) {
+      newAnglea = angleBetween < Math.PI ? anglea + angleDiff : anglea - angleDiff;
+      newAngleb = angleBetween < Math.PI ? angleb - angleDiff : angleb + angleDiff;
+    } else {
+      newAnglea = angleBetween < Math.PI ? anglea - angleDiff : anglea + angleDiff;
+      newAngleb = angleBetween < Math.PI ? angleb + angleDiff : angleb - angleDiff;
+    }
+
+    // rotate the points
+    nct1.x = r1 * Math.cos(newAnglea) + pt.x;
+    nct1.y = r1 * Math.sin(newAnglea) + pt.y;
+    nct2.x = r2 * Math.cos(newAngleb) + pt.x;
+    nct2.y = r2 * Math.sin(newAngleb) + pt.y;
+
+    return [nct1, nct2];
+  }
+  return undefined;
+};
+
+/**
+*
+*/
+var Segment = function () {
+  /**
+  * @param {Integer} index
+  * @param {SVGPathSeg} item
+  * @todo Is `item` be more constrained here?
+  */
+  function Segment(index, item) {
+    classCallCheck(this, Segment);
+
+    this.selected = false;
+    this.index = index;
+    this.item = item;
+    this.type = item.pathSegType;
+
+    this.ctrlpts = [];
+    this.ptgrip = null;
+    this.segsel = null;
+  }
+
+  /**
+   * @param {boolean} y
+   * @returns {undefined}
+   */
+
+
+  createClass(Segment, [{
+    key: 'showCtrlPts',
+    value: function showCtrlPts(y) {
+      for (var i in this.ctrlpts) {
+        if (this.ctrlpts.hasOwnProperty(i)) {
+          this.ctrlpts[i].setAttribute('display', y ? 'inline' : 'none');
+        }
+      }
+    }
+
+    /**
+     * @param {boolean} y
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'selectCtrls',
+    value: function selectCtrls(y) {
+      $$1('#ctrlpointgrip_' + this.index + 'c1, #ctrlpointgrip_' + this.index + 'c2').attr('fill', y ? '#0FF' : '#EEE');
+    }
+
+    /**
+     * @param {boolean} y
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'show',
+    value: function show(y) {
+      if (this.ptgrip) {
+        this.ptgrip.setAttribute('display', y ? 'inline' : 'none');
+        this.segsel.setAttribute('display', y ? 'inline' : 'none');
+        // Show/hide all control points if available
+        this.showCtrlPts(y);
+      }
+    }
+
+    /**
+     * @param {boolean} y
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'select',
+    value: function select(y) {
+      if (this.ptgrip) {
+        this.ptgrip.setAttribute('stroke', y ? '#0FF' : '#00F');
+        this.segsel.setAttribute('display', y ? 'inline' : 'none');
+        if (this.ctrlpts) {
+          this.selectCtrls(y);
+        }
+        this.selected = y;
+      }
+    }
+
+    /**
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'addGrip',
+    value: function addGrip() {
+      this.ptgrip = getPointGrip(this, true);
+      this.ctrlpts = getControlPoints(this, true);
+      this.segsel = getSegSelector(this, true);
+    }
+
+    /**
+     * @param {boolean} full
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'update',
+    value: function update(full) {
+      if (this.ptgrip) {
+        var pt = getGripPt(this);
+        assignAttributes(this.ptgrip, {
+          cx: pt.x,
+          cy: pt.y
+        });
+
+        getSegSelector(this, true);
+
+        if (this.ctrlpts) {
+          if (full) {
+            this.item = path.elem.pathSegList.getItem(this.index);
+            this.type = this.item.pathSegType;
+          }
+          getControlPoints(this);
+        }
+        // this.segsel.setAttribute('display', y ? 'inline' : 'none');
+      }
+    }
+
+    /**
+     * @param {Integer} dx
+     * @param {Integer} dy
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'move',
+    value: function move(dx, dy) {
+      var item = this.item;
+
+
+      var curPts = this.ctrlpts ? [item.x += dx, item.y += dy, item.x1, item.y1, item.x2 += dx, item.y2 += dy] : [item.x += dx, item.y += dy];
+
+      replacePathSeg(this.type, this.index, curPts);
+
+      if (this.next && this.next.ctrlpts) {
+        var next = this.next.item;
+        var nextPts = [next.x, next.y, next.x1 += dx, next.y1 += dy, next.x2, next.y2];
+        replacePathSeg(this.next.type, this.next.index, nextPts);
+      }
+
+      if (this.mate) {
+        // The last point of a closed subpath has a 'mate',
+        // which is the 'M' segment of the subpath
+        var _item = this.mate.item;
+
+        var pts = [_item.x += dx, _item.y += dy];
+        replacePathSeg(this.mate.type, this.mate.index, pts);
+        // Has no grip, so does not need 'updating'?
+      }
+
+      this.update(true);
+      if (this.next) {
+        this.next.update(true);
+      }
+    }
+
+    /**
+     * @param {Integer} num
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'setLinked',
+    value: function setLinked(num) {
+      var seg = void 0,
+          anum = void 0,
+          pt = void 0;
+      if (num === 2) {
+        anum = 1;
+        seg = this.next;
+        if (!seg) {
+          return;
+        }
+        pt = this.item;
+      } else {
+        anum = 2;
+        seg = this.prev;
+        if (!seg) {
+          return;
+        }
+        pt = seg.item;
+      }
+
+      var _seg = seg,
+          item = _seg.item;
+
+      item['x' + anum] = pt.x + (pt.x - this.item['x' + num]);
+      item['y' + anum] = pt.y + (pt.y - this.item['y' + num]);
+
+      var pts = [item.x, item.y, item.x1, item.y1, item.x2, item.y2];
+
+      replacePathSeg(seg.type, seg.index, pts);
+      seg.update(true);
+    }
+
+    /**
+     * @param {Integer} num
+     * @param {Integer} dx
+     * @param {Integer} dy
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'moveCtrl',
+    value: function moveCtrl(num, dx, dy) {
+      var item = this.item;
+
+      item['x' + num] += dx;
+      item['y' + num] += dy;
+
+      var pts = [item.x, item.y, item.x1, item.y1, item.x2, item.y2];
+
+      replacePathSeg(this.type, this.index, pts);
+      this.update(true);
+    }
+
+    /**
+     * @param {Integer} newType Possible values set during {@link module:path.init}
+     * @param {ArgumentsArray} pts
+     */
+
+  }, {
+    key: 'setType',
+    value: function setType(newType, pts) {
+      replacePathSeg(newType, this.index, pts);
+      this.type = newType;
+      this.item = path.elem.pathSegList.getItem(this.index);
+      this.showCtrlPts(newType === 6);
+      this.ctrlpts = getControlPoints(this);
+      this.update(true);
+    }
+  }]);
+  return Segment;
+}();
+
+/**
+*
+*/
+var Path = function () {
+  /**
+  * @param {SVGPathElement}
+  * @throws {Error} If constructed without a path element
+  */
+  function Path(elem) {
+    classCallCheck(this, Path);
+
+    if (!elem || elem.tagName !== 'path') {
+      throw new Error('svgedit.path.Path constructed without a <path> element');
+    }
+
+    this.elem = elem;
+    this.segs = [];
+    this.selected_pts = [];
+    path = this;
+
+    this.init();
+  }
+
+  /**
+  * Reset path data
+  * @returns {module:path.Path}
+  */
+
+
+  createClass(Path, [{
+    key: 'init',
+    value: function init$$1() {
+      // Hide all grips, etc
+
+      // fixed, needed to work on all found elements, not just first
+      $$1(getGripContainer()).find('*').each(function () {
+        $$1(this).attr('display', 'none');
+      });
+
+      var segList = this.elem.pathSegList;
+      var len = segList.numberOfItems;
+      this.segs = [];
+      this.selected_pts = [];
+      this.first_seg = null;
+
+      // Set up segs array
+      for (var i = 0; i < len; i++) {
+        var item = segList.getItem(i);
+        var segment = new Segment(i, item);
+        segment.path = this;
+        this.segs.push(segment);
+      }
+
+      var segs = this.segs;
+
+
+      var startI = null;
+      for (var _i3 = 0; _i3 < len; _i3++) {
+        var seg = segs[_i3];
+        var nextSeg = _i3 + 1 >= len ? null : segs[_i3 + 1];
+        var prevSeg = _i3 - 1 < 0 ? null : segs[_i3 - 1];
+        if (seg.type === 2) {
+          if (prevSeg && prevSeg.type !== 1) {
+            // New sub-path, last one is open,
+            // so add a grip to last sub-path's first point
+            var startSeg = segs[startI];
+            startSeg.next = segs[startI + 1];
+            startSeg.next.prev = startSeg;
+            startSeg.addGrip();
+          }
+          // Remember that this is a starter seg
+          startI = _i3;
+        } else if (nextSeg && nextSeg.type === 1) {
+          // This is the last real segment of a closed sub-path
+          // Next is first seg after "M"
+          seg.next = segs[startI + 1];
+
+          // First seg after "M"'s prev is this
+          seg.next.prev = seg;
+          seg.mate = segs[startI];
+          seg.addGrip();
+          if (this.first_seg == null) {
+            this.first_seg = seg;
+          }
+        } else if (!nextSeg) {
+          if (seg.type !== 1) {
+            // Last seg, doesn't close so add a grip
+            // to last sub-path's first point
+            var _startSeg = segs[startI];
+            _startSeg.next = segs[startI + 1];
+            _startSeg.next.prev = _startSeg;
+            _startSeg.addGrip();
+            seg.addGrip();
+
+            if (!this.first_seg) {
+              // Open path, so set first as real first and add grip
+              this.first_seg = segs[startI];
+            }
+          }
+        } else if (seg.type !== 1) {
+          // Regular segment, so add grip and its "next"
+          seg.addGrip();
+
+          // Don't set its "next" if it's an "M"
+          if (nextSeg && nextSeg.type !== 2) {
+            seg.next = nextSeg;
+            seg.next.prev = seg;
+          }
+        }
+      }
+      return this;
+    }
+
+    /**
+    * @callback module:path.PathEachSegCallback
+    * @this module:path.Segment
+    * @param {Integer} i The index of the seg being iterated
+    * @returns {boolean} Will stop execution of `eachSeg` if returns `false`
+    */
+    /**
+    * @param {module:path.PathEachSegCallback} fn
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'eachSeg',
+    value: function eachSeg(fn) {
+      var len = this.segs.length;
+      for (var i = 0; i < len; i++) {
+        var ret = fn.call(this.segs[i], i);
+        if (ret === false) {
+          break;
+        }
+      }
+    }
+
+    /**
+    * @param {Integer} index
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'addSeg',
+    value: function addSeg(index) {
+      // Adds a new segment
+      var seg = this.segs[index];
+      if (!seg.prev) {
+        return;
+      }
+
+      var prev = seg.prev;
+
+      var newseg = void 0,
+          newX = void 0,
+          newY = void 0;
+      switch (seg.item.pathSegType) {
+        case 4:
+          {
+            newX = (seg.item.x + prev.item.x) / 2;
+            newY = (seg.item.y + prev.item.y) / 2;
+            newseg = this.elem.createSVGPathSegLinetoAbs(newX, newY);
+            break;
+          }case 6:
+          {
+            // make it a curved segment to preserve the shape (WRS)
+            // https://en.wikipedia.org/wiki/De_Casteljau%27s_algorithm#Geometric_interpretation
+            var p0x = (prev.item.x + seg.item.x1) / 2;
+            var p1x = (seg.item.x1 + seg.item.x2) / 2;
+            var p2x = (seg.item.x2 + seg.item.x) / 2;
+            var p01x = (p0x + p1x) / 2;
+            var p12x = (p1x + p2x) / 2;
+            newX = (p01x + p12x) / 2;
+            var p0y = (prev.item.y + seg.item.y1) / 2;
+            var p1y = (seg.item.y1 + seg.item.y2) / 2;
+            var p2y = (seg.item.y2 + seg.item.y) / 2;
+            var p01y = (p0y + p1y) / 2;
+            var p12y = (p1y + p2y) / 2;
+            newY = (p01y + p12y) / 2;
+            newseg = this.elem.createSVGPathSegCurvetoCubicAbs(newX, newY, p0x, p0y, p01x, p01y);
+            var pts = [seg.item.x, seg.item.y, p12x, p12y, p2x, p2y];
+            replacePathSeg(seg.type, index, pts);
+            break;
+          }
+      }
+
+      insertItemBefore(this.elem, newseg, index);
+    }
+
+    /**
+    * @param {Integer} index
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'deleteSeg',
+    value: function deleteSeg(index) {
+      var seg = this.segs[index];
+      var list = this.elem.pathSegList;
+
+      seg.show(false);
+      var next = seg.next;
+
+      if (seg.mate) {
+        // Make the next point be the "M" point
+        var pt = [next.item.x, next.item.y];
+        replacePathSeg(2, next.index, pt);
+
+        // Reposition last node
+        replacePathSeg(4, seg.index, pt);
+
+        list.removeItem(seg.mate.index);
+      } else if (!seg.prev) {
+        // First node of open path, make next point the M
+        // const {item} = seg;
+        var _pt2 = [next.item.x, next.item.y];
+        replacePathSeg(2, seg.next.index, _pt2);
+        list.removeItem(index);
+      } else {
+        list.removeItem(index);
+      }
+    }
+
+    /**
+    * @param {Integer} index
+    * @returns {boolean}
+    */
+
+  }, {
+    key: 'subpathIsClosed',
+    value: function subpathIsClosed(index) {
+      var closed = false;
+      // Check if subpath is already open
+      path.eachSeg(function (i) {
+        if (i <= index) {
+          return true;
+        }
+        if (this.type === 2) {
+          // Found M first, so open
+          return false;
+        }
+        if (this.type === 1) {
+          // Found Z first, so closed
+          closed = true;
+          return false;
+        }
+      });
+
+      return closed;
+    }
+
+    /**
+    * @param {Integer} index
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'removePtFromSelection',
+    value: function removePtFromSelection(index) {
+      var pos = this.selected_pts.indexOf(index);
+      if (pos === -1) {
+        return;
+      }
+      this.segs[index].select(false);
+      this.selected_pts.splice(pos, 1);
+    }
+
+    /**
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'clearSelection',
+    value: function clearSelection() {
+      this.eachSeg(function () {
+        // 'this' is the segment here
+        this.select(false);
+      });
+      this.selected_pts = [];
+    }
+
+    /**
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'storeD',
+    value: function storeD() {
+      this.last_d = this.elem.getAttribute('d');
+    }
+
+    /**
+    * @param {Integer} y
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'show',
+    value: function show(y) {
+      // Shows this path's segment grips
+      this.eachSeg(function () {
+        // 'this' is the segment here
+        this.show(y);
+      });
+      if (y) {
+        this.selectPt(this.first_seg.index);
+      }
+      return this;
+    }
+
+    /**
+    * Move selected points
+    * @param {Integer} dx
+    * @param {Integer} dy
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'movePts',
+    value: function movePts(dx, dy) {
+      var i = this.selected_pts.length;
+      while (i--) {
+        var seg = this.segs[this.selected_pts[i]];
+        seg.move(dx, dy);
+      }
+    }
+
+    /**
+    * @param {Integer} dx
+    * @param {Integer} dy
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'moveCtrl',
+    value: function moveCtrl(dx, dy) {
+      var seg = this.segs[this.selected_pts[0]];
+      seg.moveCtrl(this.dragctrl, dx, dy);
+      if (linkControlPts) {
+        seg.setLinked(this.dragctrl);
+      }
+    }
+
+    /**
+    * @param {?Integer} newType See {@link https://www.w3.org/TR/SVG/single-page.html#paths-InterfaceSVGPathSeg}
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'setSegType',
+    value: function setSegType(newType) {
+      this.storeD();
+      var i = this.selected_pts.length;
+      var text = void 0;
+      while (i--) {
+        var selPt = this.selected_pts[i];
+
+        // Selected seg
+        var cur = this.segs[selPt];
+        var prev = cur.prev;
+
+        if (!prev) {
+          continue;
+        }
+
+        if (!newType) {
+          // double-click, so just toggle
+          text = 'Toggle Path Segment Type';
+
+          // Toggle segment to curve/straight line
+          var oldType = cur.type;
+
+          newType = oldType === 6 ? 4 : 6;
+        }
+
+        newType = Number(newType);
+
+        var curX = cur.item.x;
+        var curY = cur.item.y;
+        var prevX = prev.item.x;
+        var prevY = prev.item.y;
+        var points = void 0;
+        switch (newType) {
+          case 6:
+            {
+              if (cur.olditem) {
+                var old = cur.olditem;
+                points = [curX, curY, old.x1, old.y1, old.x2, old.y2];
+              } else {
+                var diffX = curX - prevX;
+                var diffY = curY - prevY;
+                // get control points from straight line segment
+                /*
+                const ct1x = (prevX + (diffY/2));
+                const ct1y = (prevY - (diffX/2));
+                const ct2x = (curX + (diffY/2));
+                const ct2y = (curY - (diffX/2));
+                */
+                // create control points on the line to preserve the shape (WRS)
+                var ct1x = prevX + diffX / 3;
+                var ct1y = prevY + diffY / 3;
+                var ct2x = curX - diffX / 3;
+                var ct2y = curY - diffY / 3;
+                points = [curX, curY, ct1x, ct1y, ct2x, ct2y];
+              }
+              break;
+            }case 4:
+            {
+              points = [curX, curY];
+
+              // Store original prevve segment nums
+              cur.olditem = cur.item;
+              break;
+            }
+        }
+
+        cur.setType(newType, points);
+      }
+      path.endChanges(text);
+    }
+
+    /**
+    * @param {Integer} pt
+    * @param {Integer} ctrlNum
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'selectPt',
+    value: function selectPt(pt, ctrlNum) {
+      this.clearSelection();
+      if (pt == null) {
+        this.eachSeg(function (i) {
+          // 'this' is the segment here.
+          if (this.prev) {
+            pt = i;
+          }
+        });
+      }
+      this.addPtsToSelection(pt);
+      if (ctrlNum) {
+        this.dragctrl = ctrlNum;
+
+        if (linkControlPts) {
+          this.segs[pt].setLinked(ctrlNum);
+        }
+      }
+    }
+
+    /**
+    * Update position of all points
+    * @returns {Path}
+    */
+
+  }, {
+    key: 'update',
+    value: function update() {
+      var elem = this.elem;
+
+      if (getRotationAngle(elem)) {
+        this.matrix = getMatrix(elem);
+        this.imatrix = this.matrix.inverse();
+      } else {
+        this.matrix = null;
+        this.imatrix = null;
+      }
+
+      this.eachSeg(function (i) {
+        this.item = elem.pathSegList.getItem(i);
+        this.update();
+      });
+
+      return this;
+    }
+
+    /**
+    * @param {string} text
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'endChanges',
+    value: function endChanges(text) {
+      if (isWebkit()) {
+        editorContext_.resetD(this.elem);
+      }
+      var cmd = new ChangeElementCommand(this.elem, { d: this.last_d }, text);
+      editorContext_.endChanges({ cmd: cmd, elem: this.elem });
+    }
+
+    /**
+    * @param {Integer|Integer[]} indexes
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'addPtsToSelection',
+    value: function addPtsToSelection(indexes) {
+      if (!Array.isArray(indexes)) {
+        indexes = [indexes];
+      }
+      for (var _i4 = 0; _i4 < indexes.length; _i4++) {
+        var index = indexes[_i4];
+        var seg = this.segs[index];
+        if (seg.ptgrip) {
+          if (!this.selected_pts.includes(index) && index >= 0) {
+            this.selected_pts.push(index);
+          }
+        }
+      }
+      this.selected_pts.sort();
+      var i = this.selected_pts.length;
+      var grips = [];
+      grips.length = i;
+      // Loop through points to be selected and highlight each
+      while (i--) {
+        var pt = this.selected_pts[i];
+        var _seg2 = this.segs[pt];
+        _seg2.select(true);
+        grips[i] = _seg2.ptgrip;
+      }
+
+      var closedSubpath = this.subpathIsClosed(this.selected_pts[0]);
+      editorContext_.addPtsToSelection({ grips: grips, closedSubpath: closedSubpath });
+    }
+  }]);
+  return Path;
+}();
+
+/**
+* @function module:path.getPath_
+* @param {SVGPathElement} elem
+* @returns {module:path.Path}
+*/
+var getPath_ = function getPath_(elem) {
+  var p = pathData[elem.id];
+  if (!p) {
+    p = pathData[elem.id] = new Path(elem);
+  }
+  return p;
+};
+
+/**
+* @function module:path.removePath_
+* @param {string} id
+* @returns {undefined}
+*/
+var removePath_ = function removePath_(id) {
+  if (id in pathData) {
+    delete pathData[id];
+  }
+};
+
+var newcx = void 0,
+    newcy = void 0,
+    oldcx = void 0,
+    oldcy = void 0,
+    angle = void 0;
+
+var getRotVals = function getRotVals(x, y) {
+  var dx = x - oldcx;
+  var dy = y - oldcy;
+
+  // rotate the point around the old center
+  var r = Math.sqrt(dx * dx + dy * dy);
+  var theta = Math.atan2(dy, dx) + angle;
+  dx = r * Math.cos(theta) + oldcx;
+  dy = r * Math.sin(theta) + oldcy;
+
+  // dx,dy should now hold the actual coordinates of each
+  // point after being rotated
+
+  // now we want to rotate them around the new center in the reverse direction
+  dx -= newcx;
+  dy -= newcy;
+
+  r = Math.sqrt(dx * dx + dy * dy);
+  theta = Math.atan2(dy, dx) - angle;
+
+  return { x: r * Math.cos(theta) + newcx,
+    y: r * Math.sin(theta) + newcy };
+};
+
+// If the path was rotated, we must now pay the piper:
+// Every path point must be rotated into the rotated coordinate system of
+// its old center, then determine the new center, then rotate it back
+// This is because we want the path to remember its rotation
+
+/**
+* @function module:path.recalcRotatedPath
+* @todo This is still using ye olde transform methods, can probably
+* be optimized or even taken care of by `recalculateDimensions`
+* @returns {undefined}
+*/
+var recalcRotatedPath = function recalcRotatedPath() {
+  var currentPath = path.elem;
+  angle = getRotationAngle(currentPath, true);
+  if (!angle) {
+    return;
+  }
+  // selectedBBoxes[0] = path.oldbbox;
+  var oldbox = path.oldbbox; // selectedBBoxes[0],
+  oldcx = oldbox.x + oldbox.width / 2;
+  oldcy = oldbox.y + oldbox.height / 2;
+  var box = getBBox(currentPath);
+  newcx = box.x + box.width / 2;
+  newcy = box.y + box.height / 2;
+
+  // un-rotate the new center to the proper position
+  var dx = newcx - oldcx,
+      dy = newcy - oldcy,
+      r = Math.sqrt(dx * dx + dy * dy),
+      theta = Math.atan2(dy, dx) + angle;
+
+  newcx = r * Math.cos(theta) + oldcx;
+  newcy = r * Math.sin(theta) + oldcy;
+
+  var list = currentPath.pathSegList;
+
+  var i = list.numberOfItems;
+  while (i) {
+    i -= 1;
+    var seg = list.getItem(i),
+        type = seg.pathSegType;
+    if (type === 1) {
+      continue;
+    }
+
+    var rvals = getRotVals(seg.x, seg.y),
+        points = [rvals.x, rvals.y];
+    if (seg.x1 != null && seg.x2 != null) {
+      var cVals1 = getRotVals(seg.x1, seg.y1);
+      var cVals2 = getRotVals(seg.x2, seg.y2);
+      points.splice(points.length, 0, cVals1.x, cVals1.y, cVals2.x, cVals2.y);
+    }
+    replacePathSeg(type, i, points);
+  } // loop for each point
+
+  box = getBBox(currentPath);
+  // selectedBBoxes[0].x = box.x; selectedBBoxes[0].y = box.y;
+  // selectedBBoxes[0].width = box.width; selectedBBoxes[0].height = box.height;
+
+  // now we must set the new transform to be rotated around the new center
+  var Rnc = editorContext_.getSVGRoot().createSVGTransform(),
+      tlist = getTransformList(currentPath);
+  Rnc.setRotate(angle * 180.0 / Math.PI, newcx, newcy);
+  tlist.replaceItem(Rnc, 0);
+};
+
+// ====================================
+// Public API starts here
+
+/**
+* @function module:path.clearData
+* @returns {undefined}
+*/
+var clearData = function clearData() {
+  pathData = {};
+};
+
+// Making public for mocking
+/**
+* @function module:path.reorientGrads
+* @param {Element} elem
+* @param {SVGMatrix} m
+* @returns {undefined}
+*/
+var reorientGrads = function reorientGrads(elem, m) {
+  var bb = getBBox(elem);
+  for (var i = 0; i < 2; i++) {
+    var type = i === 0 ? 'fill' : 'stroke';
+    var attrVal = elem.getAttribute(type);
+    if (attrVal && attrVal.startsWith('url(')) {
+      var grad = getRefElem(attrVal);
+      if (grad.tagName === 'linearGradient') {
+        var x1 = grad.getAttribute('x1') || 0;
+        var y1 = grad.getAttribute('y1') || 0;
+        var x2 = grad.getAttribute('x2') || 1;
+        var y2 = grad.getAttribute('y2') || 0;
+
+        // Convert to USOU points
+        x1 = bb.width * x1 + bb.x;
+        y1 = bb.height * y1 + bb.y;
+        x2 = bb.width * x2 + bb.x;
+        y2 = bb.height * y2 + bb.y;
+
+        // Transform those points
+        var pt1 = transformPoint(x1, y1, m);
+        var pt2 = transformPoint(x2, y2, m);
+
+        // Convert back to BB points
+        var gCoords = {};
+
+        gCoords.x1 = (pt1.x - bb.x) / bb.width;
+        gCoords.y1 = (pt1.y - bb.y) / bb.height;
+        gCoords.x2 = (pt2.x - bb.x) / bb.width;
+        gCoords.y2 = (pt2.y - bb.y) / bb.height;
+
+        var newgrad = grad.cloneNode(true);
+        $$1(newgrad).attr(gCoords);
+
+        newgrad.id = editorContext_.getNextId();
+        findDefs().append(newgrad);
+        elem.setAttribute(type, 'url(#' + newgrad.id + ')');
+      }
+    }
+  }
+};
+
+/**
+* This is how we map paths to our preferred relative segment types
+* @name module:path.pathMap
+* @type {GenericArray}
+*/
+var pathMap = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a', 'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];
+
+/**
+ * Convert a path to one with only absolute or relative values
+ * @todo move to pathActions.js
+ * @function module:path.convertPath
+ * @param {SVGPathElement} path - the path to convert
+ * @param {boolean} toRel - true of convert to relative
+ * @returns {string}
+ */
+var convertPath = function convertPath(path, toRel) {
+  var segList = path.pathSegList;
+  var len = segList.numberOfItems;
+  var curx = 0,
+      cury = 0;
+  var d = '';
+  var lastM = null;
+
+  for (var i = 0; i < len; ++i) {
+    var seg = segList.getItem(i);
+    // if these properties are not in the segment, set them to zero
+    var x = seg.x || 0,
+        y = seg.y || 0,
+        x1 = seg.x1 || 0,
+        y1 = seg.y1 || 0,
+        x2 = seg.x2 || 0,
+        y2 = seg.y2 || 0;
+
+    var type = seg.pathSegType;
+    var letter = pathMap[type]['to' + (toRel ? 'Lower' : 'Upper') + 'Case']();
+
+    switch (type) {
+      case 1:
+        // z,Z closepath (Z/z)
+        d += 'z';
+        if (lastM && !toRel) {
+          curx = lastM[0];
+          cury = lastM[1];
+        }
+        break;
+      case 12:
+        // absolute horizontal line (H)
+        x -= curx;
+      // Fallthrough
+      case 13:
+        // relative horizontal line (h)
+        if (toRel) {
+          curx += x;
+          letter = 'l';
+        } else {
+          x += curx;
+          curx = x;
+          letter = 'L';
+        }
+        // Convert to "line" for easier editing
+        d += pathDSegment(letter, [[x, cury]]);
+        break;
+      case 14:
+        // absolute vertical line (V)
+        y -= cury;
+      // Fallthrough
+      case 15:
+        // relative vertical line (v)
+        if (toRel) {
+          cury += y;
+          letter = 'l';
+        } else {
+          y += cury;
+          cury = y;
+          letter = 'L';
+        }
+        // Convert to "line" for easier editing
+        d += pathDSegment(letter, [[curx, y]]);
+        break;
+      case 2: // absolute move (M)
+      case 4: // absolute line (L)
+      case 18:
+        // absolute smooth quad (T)
+        x -= curx;
+        y -= cury;
+      // Fallthrough
+      case 5: // relative line (l)
+      case 3: // relative move (m)
+      case 19:
+        // relative smooth quad (t)
+        if (toRel) {
+          curx += x;
+          cury += y;
+        } else {
+          x += curx;
+          y += cury;
+          curx = x;
+          cury = y;
+        }
+        if (type === 2 || type === 3) {
+          lastM = [curx, cury];
+        }
+
+        d += pathDSegment(letter, [[x, y]]);
+        break;
+      case 6:
+        // absolute cubic (C)
+        x -= curx;x1 -= curx;x2 -= curx;
+        y -= cury;y1 -= cury;y2 -= cury;
+      // Fallthrough
+      case 7:
+        // relative cubic (c)
+        if (toRel) {
+          curx += x;
+          cury += y;
+        } else {
+          x += curx;x1 += curx;x2 += curx;
+          y += cury;y1 += cury;y2 += cury;
+          curx = x;
+          cury = y;
+        }
+        d += pathDSegment(letter, [[x1, y1], [x2, y2], [x, y]]);
+        break;
+      case 8:
+        // absolute quad (Q)
+        x -= curx;x1 -= curx;
+        y -= cury;y1 -= cury;
+      // Fallthrough
+      case 9:
+        // relative quad (q)
+        if (toRel) {
+          curx += x;
+          cury += y;
+        } else {
+          x += curx;x1 += curx;
+          y += cury;y1 += cury;
+          curx = x;
+          cury = y;
+        }
+        d += pathDSegment(letter, [[x1, y1], [x, y]]);
+        break;
+      case 10:
+        // absolute elliptical arc (A)
+        x -= curx;
+        y -= cury;
+      // Fallthrough
+      case 11:
+        // relative elliptical arc (a)
+        if (toRel) {
+          curx += x;
+          cury += y;
+        } else {
+          x += curx;
+          y += cury;
+          curx = x;
+          cury = y;
+        }
+        d += pathDSegment(letter, [[seg.r1, seg.r2]], [seg.angle, seg.largeArcFlag ? 1 : 0, seg.sweepFlag ? 1 : 0], [x, y]);
+        break;
+      case 16:
+        // absolute smooth cubic (S)
+        x -= curx;x2 -= curx;
+        y -= cury;y2 -= cury;
+      // Fallthrough
+      case 17:
+        // relative smooth cubic (s)
+        if (toRel) {
+          curx += x;
+          cury += y;
+        } else {
+          x += curx;x2 += curx;
+          y += cury;y2 += cury;
+          curx = x;
+          cury = y;
+        }
+        d += pathDSegment(letter, [[x2, y2], [x, y]]);
+        break;
+    } // switch on path segment type
+  } // for each segment
+  return d;
+};
+
+/**
+ * TODO: refactor callers in convertPath to use getPathDFromSegments instead of this function.
+ * Legacy code refactored from svgcanvas.pathActions.convertPath
+ * @param {string} letter - path segment command (letter in potentially either case from {@link module:path.pathMap}; see [SVGPathSeg#pathSegTypeAsLetter]{@link https://www.w3.org/TR/SVG/single-page.html#paths-__svg__SVGPathSeg__pathSegTypeAsLetter})
+ * @param {Integer[][]} points - x,y points
+ * @param {Integer[][]} [morePoints] - x,y points
+ * @param {Integer[]} [lastPoint] - x,y point
+ * @returns {string}
+ */
+function pathDSegment(letter, points, morePoints, lastPoint) {
+  $$1.each(points, function (i, pnt) {
+    points[i] = shortFloat(pnt);
+  });
+  var segment = letter + points.join(' ');
+  if (morePoints) {
+    segment += ' ' + morePoints.join(' ');
+  }
+  if (lastPoint) {
+    segment += ' ' + shortFloat(lastPoint);
+  }
+  return segment;
+}
+
+/**
+* Group: Path edit functions
+* Functions relating to editing path elements
+* @namespace {PlainObject} pathActions
+* @memberof module:path
+*/
+var pathActions = function () {
+  var subpath = false;
+  var newPoint = void 0,
+      firstCtrl = void 0;
+
+  var currentPath = null;
+  var hasMoved = false;
+  // No `editorContext_` yet but should be ok as is `null` by default
+  // editorContext_.setDrawnPath(null);
+
+  /**
+  * This function converts a polyline (created by the fh_path tool) into
+  * a path element and coverts every three line segments into a single bezier
+  * curve in an attempt to smooth out the free-hand
+  * @function smoothPolylineIntoPath
+  * @param {Element} element
+  * @returns {Element}
+  */
+  var smoothPolylineIntoPath = function smoothPolylineIntoPath(element) {
+    var i = void 0;
+    var _element = element,
+        points = _element.points;
+
+    var N = points.numberOfItems;
+    if (N >= 4) {
+      // loop through every 3 points and convert to a cubic bezier curve segment
+      //
+      // NOTE: this is cheating, it means that every 3 points has the potential to
+      // be a corner instead of treating each point in an equal manner. In general,
+      // this technique does not look that good.
+      //
+      // I am open to better ideas!
+      //
+      // Reading:
+      // - http://www.efg2.com/Lab/Graphics/Jean-YvesQueinecBezierCurves.htm
+      // - https://www.codeproject.com/KB/graphics/BezierSpline.aspx?msg=2956963
+      // - https://www.ian-ko.com/ET_GeoWizards/UserGuide/smooth.htm
+      // - https://www.cs.mtu.edu/~shene/COURSES/cs3621/NOTES/spline/Bezier/bezier-der.html
+      var curpos = points.getItem(0),
+          prevCtlPt = null;
+      var d = [];
+      d.push(['M', curpos.x, ',', curpos.y, ' C'].join(''));
+      for (i = 1; i <= N - 4; i += 3) {
+        var ct1 = points.getItem(i);
+        var ct2 = points.getItem(i + 1);
+        var end = points.getItem(i + 2);
+
+        // if the previous segment had a control point, we want to smooth out
+        // the control points on both sides
+        if (prevCtlPt) {
+          var newpts = smoothControlPoints(prevCtlPt, ct1, curpos);
+          if (newpts && newpts.length === 2) {
+            var prevArr = d[d.length - 1].split(',');
+            prevArr[2] = newpts[0].x;
+            prevArr[3] = newpts[0].y;
+            d[d.length - 1] = prevArr.join(',');
+            ct1 = newpts[1];
+          }
+        }
+
+        d.push([ct1.x, ct1.y, ct2.x, ct2.y, end.x, end.y].join(','));
+
+        curpos = end;
+        prevCtlPt = ct2;
+      }
+      // handle remaining line segments
+      d.push('L');
+      while (i < N) {
+        var pt = points.getItem(i);
+        d.push([pt.x, pt.y].join(','));
+        i++;
+      }
+      d = d.join(' ');
+
+      // create new path element
+      element = editorContext_.addSVGElementFromJson({
+        element: 'path',
+        curStyles: true,
+        attr: {
+          id: editorContext_.getId(),
+          d: d,
+          fill: 'none'
+        }
+      });
+      // No need to call "changed", as this is already done under mouseUp
+    }
+    return element;
+  };
+
+  return (/** @lends module:path.pathActions */{
+      /**
+      * @param {MouseEvent} evt
+      * @param {Element} mouseTarget
+      * @param {Float} startX
+      * @param {Float} startY
+      * @returns {undefined}
+      */
+      mouseDown: function mouseDown(evt, mouseTarget, startX, startY) {
+        var id = void 0;
+        if (editorContext_.getCurrentMode() === 'path') {
+          var mouseX = startX; // Was this meant to work with the other `mouseX`? (was defined globally so adding `let` to at least avoid a global)
+          var mouseY = startY; // Was this meant to work with the other `mouseY`? (was defined globally so adding `let` to at least avoid a global)
+
+          var currentZoom = editorContext_.getCurrentZoom();
+          var x = mouseX / currentZoom,
+              y = mouseY / currentZoom,
+              stretchy = getElem('path_stretch_line');
+          newPoint = [x, y];
+
+          if (editorContext_.getGridSnapping()) {
+            x = snapToGrid(x);
+            y = snapToGrid(y);
+            mouseX = snapToGrid(mouseX);
+            mouseY = snapToGrid(mouseY);
+          }
+
+          if (!stretchy) {
+            stretchy = document.createElementNS(NS.SVG, 'path');
+            assignAttributes(stretchy, {
+              id: 'path_stretch_line',
+              stroke: '#22C',
+              'stroke-width': '0.5',
+              fill: 'none'
+            });
+            stretchy = getElem('selectorParentGroup').appendChild(stretchy);
+          }
+          stretchy.setAttribute('display', 'inline');
+
+          var keep = null;
+          var index = void 0;
+          // if pts array is empty, create path element with M at current point
+          var drawnPath = editorContext_.getDrawnPath();
+          if (!drawnPath) {
+            var dAttr = 'M' + x + ',' + y + ' '; // Was this meant to work with the other `dAttr`? (was defined globally so adding `var` to at least avoid a global)
+            drawnPath = editorContext_.setDrawnPath(editorContext_.addSVGElementFromJson({
+              element: 'path',
+              curStyles: true,
+              attr: {
+                d: dAttr,
+                id: editorContext_.getNextId(),
+                opacity: editorContext_.getOpacity() / 2
+              }
+            }));
+            // set stretchy line to first point
+            stretchy.setAttribute('d', ['M', mouseX, mouseY, mouseX, mouseY].join(' '));
+            index = subpath ? path.segs.length : 0;
+            addPointGrip(index, mouseX, mouseY);
+          } else {
+            // determine if we clicked on an existing point
+            var seglist = drawnPath.pathSegList;
+            var i = seglist.numberOfItems;
+            var FUZZ = 6 / currentZoom;
+            var clickOnPoint = false;
+            while (i) {
+              i--;
+              var item = seglist.getItem(i);
+              var px = item.x,
+                  py = item.y;
+              // found a matching point
+              if (x >= px - FUZZ && x <= px + FUZZ && y >= py - FUZZ && y <= py + FUZZ) {
+                clickOnPoint = true;
+                break;
+              }
+            }
+
+            // get path element that we are in the process of creating
+            id = editorContext_.getId();
+
+            // Remove previous path object if previously created
+            removePath_(id);
+
+            var newpath = getElem(id);
+            var newseg = void 0;
+            var sSeg = void 0;
+            var len = seglist.numberOfItems;
+            // if we clicked on an existing point, then we are done this path, commit it
+            // (i, i+1) are the x,y that were clicked on
+            if (clickOnPoint) {
+              // if clicked on any other point but the first OR
+              // the first point was clicked on and there are less than 3 points
+              // then leave the path open
+              // otherwise, close the path
+              if (i <= 1 && len >= 2) {
+                // Create end segment
+                var absX = seglist.getItem(0).x;
+                var absY = seglist.getItem(0).y;
+
+                sSeg = stretchy.pathSegList.getItem(1);
+                if (sSeg.pathSegType === 4) {
+                  newseg = drawnPath.createSVGPathSegLinetoAbs(absX, absY);
+                } else {
+                  newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(absX, absY, sSeg.x1 / currentZoom, sSeg.y1 / currentZoom, absX, absY);
+                }
+
+                var endseg = drawnPath.createSVGPathSegClosePath();
+                seglist.appendItem(newseg);
+                seglist.appendItem(endseg);
+              } else if (len < 3) {
+                keep = false;
+                return keep;
+              }
+              $$1(stretchy).remove();
+
+              // This will signal to commit the path
+              // const element = newpath; // Other event handlers define own `element`, so this was probably not meant to interact with them or one which shares state (as there were none); I therefore adding a missing `var` to avoid a global
+              drawnPath = editorContext_.setDrawnPath(null);
+              editorContext_.setStarted(false);
+
+              if (subpath) {
+                if (path.matrix) {
+                  editorContext_.remapElement(newpath, {}, path.matrix.inverse());
+                }
+
+                var newD = newpath.getAttribute('d');
+                var origD = $$1(path.elem).attr('d');
+                $$1(path.elem).attr('d', origD + newD);
+                $$1(newpath).remove();
+                if (path.matrix) {
+                  recalcRotatedPath();
+                }
+                init$1();
+                pathActions.toEditMode(path.elem);
+                path.selectPt();
+                return false;
+              }
+              // else, create a new point, update path element
+            } else {
+              // Checks if current target or parents are #svgcontent
+              if (!$$1.contains(editorContext_.getContainer(), editorContext_.getMouseTarget(evt))) {
+                // Clicked outside canvas, so don't make point
+                console.log('Clicked outside canvas');
+                return false;
+              }
+
+              var num = drawnPath.pathSegList.numberOfItems;
+              var last = drawnPath.pathSegList.getItem(num - 1);
+              var lastx = last.x,
+                  lasty = last.y;
+
+              if (evt.shiftKey) {
+                var xya = snapToAngle(lastx, lasty, x, y);
+                x = xya.x;
+                y = xya.y;
+              }
+
+              // Use the segment defined by stretchy
+              sSeg = stretchy.pathSegList.getItem(1);
+              if (sSeg.pathSegType === 4) {
+                newseg = drawnPath.createSVGPathSegLinetoAbs(editorContext_.round(x), editorContext_.round(y));
+              } else {
+                newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(editorContext_.round(x), editorContext_.round(y), sSeg.x1 / currentZoom, sSeg.y1 / currentZoom, sSeg.x2 / currentZoom, sSeg.y2 / currentZoom);
+              }
+
+              drawnPath.pathSegList.appendItem(newseg);
+
+              x *= currentZoom;
+              y *= currentZoom;
+
+              // set stretchy line to latest point
+              stretchy.setAttribute('d', ['M', x, y, x, y].join(' '));
+              index = num;
+              if (subpath) {
+                index += path.segs.length;
+              }
+              addPointGrip(index, x, y);
+            }
+            // keep = true;
+          }
+
+          return;
+        }
+
+        // TODO: Make sure currentPath isn't null at this point
+        if (!path) {
+          return;
+        }
+
+        path.storeD();
+
+        id = evt.target.id;
+
+        var curPt = void 0;
+        if (id.substr(0, 14) === 'pathpointgrip_') {
+          // Select this point
+          curPt = path.cur_pt = parseInt(id.substr(14), 10);
+          path.dragging = [startX, startY];
+          var seg = path.segs[curPt];
+
+          // only clear selection if shift is not pressed (otherwise, add
+          // node to selection)
+          if (!evt.shiftKey) {
+            if (path.selected_pts.length <= 1 || !seg.selected) {
+              path.clearSelection();
+            }
+            path.addPtsToSelection(curPt);
+          } else if (seg.selected) {
+            path.removePtFromSelection(curPt);
+          } else {
+            path.addPtsToSelection(curPt);
+          }
+        } else if (id.startsWith('ctrlpointgrip_')) {
+          path.dragging = [startX, startY];
+
+          var parts = id.split('_')[1].split('c');
+          curPt = Number(parts[0]);
+          var ctrlNum = Number(parts[1]);
+          path.selectPt(curPt, ctrlNum);
+        }
+
+        // Start selection box
+        if (!path.dragging) {
+          var rubberBox = editorContext_.getRubberBox();
+          if (rubberBox == null) {
+            rubberBox = editorContext_.setRubberBox(editorContext_.selectorManager.getRubberBandBox());
+          }
+          var _currentZoom = editorContext_.getCurrentZoom();
+          assignAttributes(rubberBox, {
+            x: startX * _currentZoom,
+            y: startY * _currentZoom,
+            width: 0,
+            height: 0,
+            display: 'inline'
+          }, 100);
+        }
+      },
+
+      /**
+      * @param {Float} mouseX
+      * @param {Float} mouseY
+      * @returns {undefined}
+      */
+      mouseMove: function mouseMove(mouseX, mouseY) {
+        var currentZoom = editorContext_.getCurrentZoom();
+        hasMoved = true;
+        var drawnPath = editorContext_.getDrawnPath();
+        if (editorContext_.getCurrentMode() === 'path') {
+          if (!drawnPath) {
+            return;
+          }
+          var seglist = drawnPath.pathSegList;
+          var index = seglist.numberOfItems - 1;
+
+          if (newPoint) {
+            // First point
+            // if (!index) { return; }
+
+            // Set control points
+            var pointGrip1 = addCtrlGrip('1c1');
+            var pointGrip2 = addCtrlGrip('0c2');
+
+            // dragging pointGrip1
+            pointGrip1.setAttribute('cx', mouseX);
+            pointGrip1.setAttribute('cy', mouseY);
+            pointGrip1.setAttribute('display', 'inline');
+
+            var ptX = newPoint[0];
+            var ptY = newPoint[1];
+
+            // set curve
+            // const seg = seglist.getItem(index);
+            var curX = mouseX / currentZoom;
+            var curY = mouseY / currentZoom;
+            var altX = ptX + (ptX - curX);
+            var altY = ptY + (ptY - curY);
+
+            pointGrip2.setAttribute('cx', altX * currentZoom);
+            pointGrip2.setAttribute('cy', altY * currentZoom);
+            pointGrip2.setAttribute('display', 'inline');
+
+            var ctrlLine = getCtrlLine(1);
+            assignAttributes(ctrlLine, {
+              x1: mouseX,
+              y1: mouseY,
+              x2: altX * currentZoom,
+              y2: altY * currentZoom,
+              display: 'inline'
+            });
+
+            if (index === 0) {
+              firstCtrl = [mouseX, mouseY];
+            } else {
+              var last = seglist.getItem(index - 1);
+              var lastX = last.x;
+              var lastY = last.y;
+
+              if (last.pathSegType === 6) {
+                lastX += lastX - last.x2;
+                lastY += lastY - last.y2;
+              } else if (firstCtrl) {
+                lastX = firstCtrl[0] / currentZoom;
+                lastY = firstCtrl[1] / currentZoom;
+              }
+              replacePathSeg(6, index, [ptX, ptY, lastX, lastY, altX, altY], drawnPath);
+            }
+          } else {
+            var stretchy = getElem('path_stretch_line');
+            if (stretchy) {
+              var prev = seglist.getItem(index);
+              if (prev.pathSegType === 6) {
+                var prevX = prev.x + (prev.x - prev.x2);
+                var prevY = prev.y + (prev.y - prev.y2);
+                replacePathSeg(6, 1, [mouseX, mouseY, prevX * currentZoom, prevY * currentZoom, mouseX, mouseY], stretchy);
+              } else if (firstCtrl) {
+                replacePathSeg(6, 1, [mouseX, mouseY, firstCtrl[0], firstCtrl[1], mouseX, mouseY], stretchy);
+              } else {
+                replacePathSeg(4, 1, [mouseX, mouseY], stretchy);
+              }
+            }
+          }
+          return;
+        }
+        // if we are dragging a point, let's move it
+        if (path.dragging) {
+          var pt = getPointFromGrip({
+            x: path.dragging[0],
+            y: path.dragging[1]
+          }, path);
+          var mpt = getPointFromGrip({
+            x: mouseX,
+            y: mouseY
+          }, path);
+          var diffX = mpt.x - pt.x;
+          var diffY = mpt.y - pt.y;
+          path.dragging = [mouseX, mouseY];
+
+          if (path.dragctrl) {
+            path.moveCtrl(diffX, diffY);
+          } else {
+            path.movePts(diffX, diffY);
+          }
+        } else {
+          path.selected_pts = [];
+          path.eachSeg(function (i) {
+            var seg = this;
+            if (!seg.next && !seg.prev) {
+              return;
+            }
+
+            // const {item} = seg;
+            var rubberBox = editorContext_.getRubberBox();
+            var rbb = rubberBox.getBBox();
+
+            var pt = getGripPt(seg);
+            var ptBb = {
+              x: pt.x,
+              y: pt.y,
+              width: 0,
+              height: 0
+            };
+
+            var sel = rectsIntersect(rbb, ptBb);
+
+            this.select(sel);
+            // Note that addPtsToSelection is not being run
+            if (sel) {
+              path.selected_pts.push(seg.index);
+            }
+          });
+        }
+      },
+
+      /**
+      * @param {Event} evt
+      * @param {Element} element
+      * @param {Float} mouseX
+      * @param {Float} mouseY
+      * @returns {undefined}
+      */
+      mouseUp: function mouseUp(evt, element, mouseX, mouseY) {
+        var drawnPath = editorContext_.getDrawnPath();
+        // Create mode
+        if (editorContext_.getCurrentMode() === 'path') {
+          newPoint = null;
+          if (!drawnPath) {
+            element = getElem(editorContext_.getId());
+            editorContext_.setStarted(false);
+            firstCtrl = null;
+          }
+
+          return {
+            keep: true,
+            element: element
+          };
+        }
+
+        // Edit mode
+        var rubberBox = editorContext_.getRubberBox();
+        if (path.dragging) {
+          var lastPt = path.cur_pt;
+
+          path.dragging = false;
+          path.dragctrl = false;
+          path.update();
+
+          if (hasMoved) {
+            path.endChanges('Move path point(s)');
+          }
+
+          if (!evt.shiftKey && !hasMoved) {
+            path.selectPt(lastPt);
+          }
+        } else if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+          // Done with multi-node-select
+          rubberBox.setAttribute('display', 'none');
+
+          if (rubberBox.getAttribute('width') <= 2 && rubberBox.getAttribute('height') <= 2) {
+            pathActions.toSelectMode(evt.target);
+          }
+
+          // else, move back to select mode
+        } else {
+          pathActions.toSelectMode(evt.target);
+        }
+        hasMoved = false;
+      },
+
+      /**
+      * @param {Element} element
+      * @returns {undefined}
+      */
+      toEditMode: function toEditMode(element) {
+        path = getPath_(element);
+        editorContext_.setCurrentMode('pathedit');
+        editorContext_.clearSelection();
+        path.show(true).update();
+        path.oldbbox = getBBox(path.elem);
+        subpath = false;
+      },
+
+      /**
+      * @param {Element} element
+      * @fires module:svgcanvas.SvgCanvas#event:selected
+      * @returns {undefined}
+      */
+      toSelectMode: function toSelectMode(elem) {
+        var selPath = elem === path.elem;
+        editorContext_.setCurrentMode('select');
+        path.show(false);
+        currentPath = false;
+        editorContext_.clearSelection();
+
+        if (path.matrix) {
+          // Rotated, so may need to re-calculate the center
+          recalcRotatedPath();
+        }
+
+        if (selPath) {
+          editorContext_.call('selected', [elem]);
+          editorContext_.addToSelection([elem], true);
+        }
+      },
+
+      /**
+      * @param {boolean} on
+      * @returns {undefined}
+      */
+      addSubPath: function addSubPath(on) {
+        if (on) {
+          // Internally we go into "path" mode, but in the UI it will
+          // still appear as if in "pathedit" mode.
+          editorContext_.setCurrentMode('path');
+          subpath = true;
+        } else {
+          pathActions.clear(true);
+          pathActions.toEditMode(path.elem);
+        }
+      },
+
+      /**
+      * @param {Element} target
+      * @returns {undefined}
+      */
+      select: function select(target) {
+        if (currentPath === target) {
+          pathActions.toEditMode(target);
+          editorContext_.setCurrentMode('pathedit');
+          // going into pathedit mode
+        } else {
+          currentPath = target;
+        }
+      },
+
+      /**
+      * @fires module:svgcanvas.SvgCanvas#event:changed
+      * @returns {undefined}
+      */
+      reorient: function reorient() {
+        var elem = editorContext_.getSelectedElements()[0];
+        if (!elem) {
+          return;
+        }
+        var angle = getRotationAngle(elem);
+        if (angle === 0) {
+          return;
+        }
+
+        var batchCmd = new BatchCommand('Reorient path');
+        var changes = {
+          d: elem.getAttribute('d'),
+          transform: elem.getAttribute('transform')
+        };
+        batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));
+        editorContext_.clearSelection();
+        this.resetOrientation(elem);
+
+        editorContext_.addCommandToHistory(batchCmd);
+
+        // Set matrix to null
+        getPath_(elem).show(false).matrix = null;
+
+        this.clear();
+
+        editorContext_.addToSelection([elem], true);
+        editorContext_.call('changed', editorContext_.getSelectedElements());
+      },
+
+
+      /**
+      * @param {boolean} remove Not in use
+      * @returns {undefined}
+      */
+      clear: function clear(remove) {
+        var drawnPath = editorContext_.getDrawnPath();
+        currentPath = null;
+        if (drawnPath) {
+          var elem = getElem(editorContext_.getId());
+          $$1(getElem('path_stretch_line')).remove();
+          $$1(elem).remove();
+          $$1(getElem('pathpointgrip_container')).find('*').attr('display', 'none');
+          firstCtrl = null;
+          editorContext_.setDrawnPath(null);
+          editorContext_.setStarted(false);
+        } else if (editorContext_.getCurrentMode() === 'pathedit') {
+          this.toSelectMode();
+        }
+        if (path) {
+          path.init().show(false);
+        }
+      },
+
+      /**
+      * @param {?(Element|SVGPathElement)} pth
+      * @returns {false|undefined}
+      */
+      resetOrientation: function resetOrientation(pth) {
+        if (pth == null || pth.nodeName !== 'path') {
+          return false;
+        }
+        var tlist = getTransformList(pth);
+        var m = transformListToTransform(tlist).matrix;
+        tlist.clear();
+        pth.removeAttribute('transform');
+        var segList = pth.pathSegList;
+
+        // Opera/win/non-EN throws an error here.
+        // TODO: Find out why!
+        // Presumed fixed in Opera 10.5, so commented out for now
+
+        // try {
+        var len = segList.numberOfItems;
+        // } catch(err) {
+        //   const fixed_d = pathActions.convertPath(pth);
+        //   pth.setAttribute('d', fixed_d);
+        //   segList = pth.pathSegList;
+        //   const len = segList.numberOfItems;
+        // }
+        // let lastX, lastY;
+
+        var _loop = function _loop(i) {
+          var seg = segList.getItem(i);
+          var type = seg.pathSegType;
+          if (type === 1) {
+            return 'continue';
+          }
+          var pts = [];
+          $$1.each(['', 1, 2], function (j, n) {
+            var x = seg['x' + n],
+                y = seg['y' + n];
+            if (x !== undefined && y !== undefined) {
+              var pt = transformPoint(x, y, m);
+              pts.splice(pts.length, 0, pt.x, pt.y);
+            }
+          });
+          replacePathSeg(type, i, pts, pth);
+        };
+
+        for (var i = 0; i < len; ++i) {
+          var _ret = _loop(i);
+
+          if (_ret === 'continue') continue;
+        }
+
+        reorientGrads(pth, m);
+      },
+
+      /**
+      * @returns {undefined}
+      */
+      zoomChange: function zoomChange() {
+        if (editorContext_.getCurrentMode() === 'pathedit') {
+          path.update();
+        }
+      },
+
+      /**
+      * @typedef {PlainObject} module:path.NodePoint
+      * @property {Float} x
+      * @property {Float} y
+      * @property {Integer} type
+      */
+      /**
+      * @returns {module:path.NodePoint}
+      */
+      getNodePoint: function getNodePoint() {
+        var selPt = path.selected_pts.length ? path.selected_pts[0] : 1;
+
+        var seg = path.segs[selPt];
+        return {
+          x: seg.item.x,
+          y: seg.item.y,
+          type: seg.type
+        };
+      },
+
+      /**
+      * @param {boolean} linkPoints
+      * @returns {undefined}
+      */
+      linkControlPoints: function linkControlPoints(linkPoints) {
+        setLinkControlPoints(linkPoints);
+      },
+
+      /**
+      * @returns {undefined}
+      */
+      clonePathNode: function clonePathNode() {
+        path.storeD();
+
+        var selPts = path.selected_pts;
+        // const {segs} = path;
+
+        var i = selPts.length;
+        var nums = [];
+
+        while (i--) {
+          var pt = selPts[i];
+          path.addSeg(pt);
+
+          nums.push(pt + i);
+          nums.push(pt + i + 1);
+        }
+        path.init().addPtsToSelection(nums);
+
+        path.endChanges('Clone path node(s)');
+      },
+
+      /**
+      * @returns {undefined}
+      */
+      opencloseSubPath: function opencloseSubPath() {
+        var selPts = path.selected_pts;
+        // Only allow one selected node for now
+        if (selPts.length !== 1) {
+          return;
+        }
+
+        var _path = path,
+            elem = _path.elem;
+
+        var list = elem.pathSegList;
+
+        // const len = list.numberOfItems;
+
+        var index = selPts[0];
+
+        var openPt = null;
+        var startItem = null;
+
+        // Check if subpath is already open
+        path.eachSeg(function (i) {
+          if (this.type === 2 && i <= index) {
+            startItem = this.item;
+          }
+          if (i <= index) {
+            return true;
+          }
+          if (this.type === 2) {
+            // Found M first, so open
+            openPt = i;
+            return false;
+          }
+          if (this.type === 1) {
+            // Found Z first, so closed
+            openPt = false;
+            return false;
+          }
+        });
+
+        if (openPt == null) {
+          // Single path, so close last seg
+          openPt = path.segs.length - 1;
+        }
+
+        if (openPt !== false) {
+          // Close this path
+
+          // Create a line going to the previous "M"
+          var newseg = elem.createSVGPathSegLinetoAbs(startItem.x, startItem.y);
+
+          var closer = elem.createSVGPathSegClosePath();
+          if (openPt === path.segs.length - 1) {
+            list.appendItem(newseg);
+            list.appendItem(closer);
+          } else {
+            insertItemBefore(elem, closer, openPt);
+            insertItemBefore(elem, newseg, openPt);
+          }
+
+          path.init().selectPt(openPt + 1);
+          return;
+        }
+
+        // M 1,1 L 2,2 L 3,3 L 1,1 z // open at 2,2
+        // M 2,2 L 3,3 L 1,1
+
+        // M 1,1 L 2,2 L 1,1 z M 4,4 L 5,5 L6,6 L 5,5 z
+        // M 1,1 L 2,2 L 1,1 z [M 4,4] L 5,5 L(M)6,6 L 5,5 z
+
+        var seg = path.segs[index];
+
+        if (seg.mate) {
+          list.removeItem(index); // Removes last "L"
+          list.removeItem(index); // Removes the "Z"
+          path.init().selectPt(index - 1);
+          return;
+        }
+
+        var lastM = void 0,
+            zSeg = void 0;
+
+        // Find this sub-path's closing point and remove
+        for (var i = 0; i < list.numberOfItems; i++) {
+          var item = list.getItem(i);
+
+          if (item.pathSegType === 2) {
+            // Find the preceding M
+            lastM = i;
+          } else if (i === index) {
+            // Remove it
+            list.removeItem(lastM);
+            // index--;
+          } else if (item.pathSegType === 1 && index < i) {
+            // Remove the closing seg of this subpath
+            zSeg = i - 1;
+            list.removeItem(i);
+            break;
+          }
+        }
+
+        var num = index - lastM - 1;
+
+        while (num--) {
+          insertItemBefore(elem, list.getItem(lastM), zSeg);
+        }
+
+        var pt = list.getItem(lastM);
+
+        // Make this point the new "M"
+        replacePathSeg(2, lastM, [pt.x, pt.y]);
+
+        // i = index; // i is local here, so has no effect; what was the intent for this?
+
+        path.init().selectPt(0);
+      },
+
+      /**
+      * @returns {undefined}
+      */
+      deletePathNode: function deletePathNode() {
+        if (!pathActions.canDeleteNodes) {
+          return;
+        }
+        path.storeD();
+
+        var selPts = path.selected_pts;
+
+        var i = selPts.length;
+        while (i--) {
+          var pt = selPts[i];
+          path.deleteSeg(pt);
+        }
+
+        // Cleanup
+        var cleanup = function cleanup() {
+          var segList = path.elem.pathSegList;
+          var len = segList.numberOfItems;
+
+          var remItems = function remItems(pos, count) {
+            while (count--) {
+              segList.removeItem(pos);
+            }
+          };
+
+          if (len <= 1) {
+            return true;
+          }
+
+          while (len--) {
+            var item = segList.getItem(len);
+            if (item.pathSegType === 1) {
+              var prev = segList.getItem(len - 1);
+              var nprev = segList.getItem(len - 2);
+              if (prev.pathSegType === 2) {
+                remItems(len - 1, 2);
+                cleanup();
+                break;
+              } else if (nprev.pathSegType === 2) {
+                remItems(len - 2, 3);
+                cleanup();
+                break;
+              }
+            } else if (item.pathSegType === 2) {
+              if (len > 0) {
+                var prevType = segList.getItem(len - 1).pathSegType;
+                // Path has M M
+                if (prevType === 2) {
+                  remItems(len - 1, 1);
+                  cleanup();
+                  break;
+                  // Entire path ends with Z M
+                } else if (prevType === 1 && segList.numberOfItems - 1 === len) {
+                  remItems(len, 1);
+                  cleanup();
+                  break;
+                }
+              }
+            }
+          }
+          return false;
+        };
+
+        cleanup();
+
+        // Completely delete a path with 1 or 0 segments
+        if (path.elem.pathSegList.numberOfItems <= 1) {
+          pathActions.toSelectMode(path.elem);
+          editorContext_.canvas.deleteSelectedElements();
+          return;
+        }
+
+        path.init();
+        path.clearSelection();
+
+        // TODO: Find right way to select point now
+        // path.selectPt(selPt);
+        if (window.opera) {
+          // Opera repaints incorrectly
+          var cp = $$1(path.elem);
+          cp.attr('d', cp.attr('d'));
+        }
+        path.endChanges('Delete path node(s)');
+      },
+
+      // Can't seem to use `@borrows` here, so using `@see`
+      /**
+      * Smooth polyline into path
+      * @function module:path.pathActions.smoothPolylineIntoPath
+      * @see module:path~smoothPolylineIntoPath
+      */
+      smoothPolylineIntoPath: smoothPolylineIntoPath,
+      /**
+      * @returns {undefined}
+      */
+      setSegType: function setSegType(v) {
+        path.setSegType(v);
+      },
+
+      /**
+      * @param {string} attr
+      * @param {Float} newValue
+      * @returns {undefined}
+      */
+      moveNode: function moveNode(attr, newValue) {
+        var selPts = path.selected_pts;
+        if (!selPts.length) {
+          return;
+        }
+
+        path.storeD();
+
+        // Get first selected point
+        var seg = path.segs[selPts[0]];
+        var diff = { x: 0, y: 0 };
+        diff[attr] = newValue - seg.item[attr];
+
+        seg.move(diff.x, diff.y);
+        path.endChanges('Move path point');
+      },
+
+      /**
+      * @param {Element} elem
+      * @returns {undefined}
+      */
+      fixEnd: function fixEnd(elem) {
+        // Adds an extra segment if the last seg before a Z doesn't end
+        // at its M point
+        // M0,0 L0,100 L100,100 z
+        var segList = elem.pathSegList;
+        var len = segList.numberOfItems;
+        var lastM = void 0;
+        for (var i = 0; i < len; ++i) {
+          var item = segList.getItem(i);
+          if (item.pathSegType === 2) {
+            lastM = item;
+          }
+
+          if (item.pathSegType === 1) {
+            var prev = segList.getItem(i - 1);
+            if (prev.x !== lastM.x || prev.y !== lastM.y) {
+              // Add an L segment here
+              var newseg = elem.createSVGPathSegLinetoAbs(lastM.x, lastM.y);
+              insertItemBefore(elem, newseg, i);
+              // Can this be done better?
+              pathActions.fixEnd(elem);
+              break;
+            }
+          }
+        }
+        if (isWebkit()) {
+          editorContext_.resetD(elem);
+        }
+      },
+
+      // Can't seem to use `@borrows` here, so using `@see`
+      /**
+      * Convert a path to one with only absolute or relative values
+      * @function module:path.pathActions.convertPath
+      * @see module:path.convertPath
+      */
+      convertPath: convertPath
+    }
+  );
+}();
+
+/* globals jQuery */
+
+// Constants
+var $$2 = jqPluginSVG(jQuery);
+
+// String used to encode base64.
+var KEYSTR = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+
+// Much faster than running getBBox() every time
+var visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';
+var visElemsArr = visElems.split(',');
+// const hidElems = 'clipPath,defs,desc,feGaussianBlur,filter,linearGradient,marker,mask,metadata,pattern,radialGradient,stop,switch,symbol,title,textPath';
+
+var editorContext_$1 = null;
+var domdoc_ = null;
+var domcontainer_ = null;
+var svgroot_ = null;
+
+/**
+* Object with the following keys/values
+* @typedef {PlainObject} module:utilities.SVGElementJSON
+* @property {string} element - Tag name of the SVG element to create
+* @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element
+* @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first
+* @property {module:utilities.SVGElementJSON[]} [children] - Data objects to be added recursively as children
+* @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace
+*/
+
+/**
+ * An object that creates SVG elements for the canvas.
+ *
+ * @interface module:utilities.EditorContext
+ * @property {module:path.pathActions} pathActions
+ */
+/**
+ * @function module:utilities.EditorContext#getSVGContent
+ * @returns {SVGSVGElement}
+ */
+/**
+ * Create a new SVG element based on the given object keys/values and add it
+ * to the current layer.
+ * The element will be run through `cleanupElement` before being returned
+ * @function module:utilities.EditorContext#addSVGElementFromJson
+ * @param {module:utilities.SVGElementJSON} data
+ * @returns {Element} The new element
+*/
+/**
+ * @function module:utilities.EditorContext#getSelectedElements
+ * @returns {Element[]} the array with selected DOM elements
+*/
+/**
+ * @function module:utilities.EditorContext#getDOMDocument
+ * @returns {HTMLDocument}
+*/
+/**
+ * @function module:utilities.EditorContext#getDOMContainer
+ * @returns {HTMLElement}
+*/
+/**
+ * @function module:utilities.EditorContext#getSVGRoot
+ * @returns {SVGSVGElement}
+*/
+/**
+ * @function module:utilities.EditorContext#getBaseUnit
+ * @returns {string}
+*/
+/**
+ * @function module:utilities.EditorContext#getSnappingStep
+ * @returns {Float|string}
+*/
+
+/**
+* @function module:utilities.init
+* @param {module:utilities.EditorContext} editorContext
+* @returns {undefined}
+*/
+var init$2 = function init$$1(editorContext) {
+  editorContext_$1 = editorContext;
+  domdoc_ = editorContext.getDOMDocument();
+  domcontainer_ = editorContext.getDOMContainer();
+  svgroot_ = editorContext.getSVGRoot();
+};
+
+/**
+* Converts characters in a string to XML-friendly entities.
+* @function module:utilities.toXml
+* @example `&` becomes `&amp;`
+* @param {string} str - The string to be converted
+* @returns {string} The converted string
+*/
+var toXml = function toXml(str) {
+  // &apos; is ok in XML, but not HTML
+  // &gt; does not normally need escaping, though it can if within a CDATA expression (and preceded by "]]")
+  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/, '&#x27;');
+};
+
+// This code was written by Tyler Akins and has been placed in the
+// public domain.  It would be nice if you left this header intact.
+// Base64 code from Tyler Akins -- http://rumkin.com
+
+// schiller: Removed string concatenation in favour of Array.join() optimization,
+//        also precalculate the size of the array needed.
+
+/**
+* Converts a string to base64
+* @function module:utilities.encode64
+* @param {string} input
+* @returns {string} Base64 output
+*/
+var encode64 = function encode64(input) {
+  // base64 strings are 4/3 larger than the original string
+  input = encodeUTF8(input); // convert non-ASCII characters
+  // input = convertToXMLReferences(input);
+  if (window.btoa) {
+    return window.btoa(input); // Use native if available
+  }
+  var output = [];
+  output.length = Math.floor((input.length + 2) / 3) * 4;
+
+  var i = 0,
+      p = 0;
+  do {
+    var chr1 = input.charCodeAt(i++);
+    var chr2 = input.charCodeAt(i++);
+    var chr3 = input.charCodeAt(i++);
+
+    var enc1 = chr1 >> 2;
+    var enc2 = (chr1 & 3) << 4 | chr2 >> 4;
+
+    var enc3 = (chr2 & 15) << 2 | chr3 >> 6;
+    var enc4 = chr3 & 63;
+
+    if (isNaN(chr2)) {
+      enc3 = enc4 = 64;
+    } else if (isNaN(chr3)) {
+      enc4 = 64;
+    }
+
+    output[p++] = KEYSTR.charAt(enc1);
+    output[p++] = KEYSTR.charAt(enc2);
+    output[p++] = KEYSTR.charAt(enc3);
+    output[p++] = KEYSTR.charAt(enc4);
+  } while (i < input.length);
+
+  return output.join('');
+};
+
+/**
+* Converts a string from base64
+* @function module:utilities.decode64
+* @param {string} input Base64-encoded input
+* @returns {string} Decoded output
+*/
+var decode64 = function decode64(input) {
+  if (window.atob) {
+    return decodeUTF8(window.atob(input));
+  }
+
+  // remove all characters that are not A-Z, a-z, 0-9, +, /, or =
+  input = input.replace(/[^A-Za-z0-9+/=]/g, '');
+
+  var output = '';
+  var i = 0;
+
+  do {
+    var enc1 = KEYSTR.indexOf(input.charAt(i++));
+    var enc2 = KEYSTR.indexOf(input.charAt(i++));
+    var enc3 = KEYSTR.indexOf(input.charAt(i++));
+    var enc4 = KEYSTR.indexOf(input.charAt(i++));
+
+    var chr1 = enc1 << 2 | enc2 >> 4;
+    var chr2 = (enc2 & 15) << 4 | enc3 >> 2;
+    var chr3 = (enc3 & 3) << 6 | enc4;
+
+    output += String.fromCharCode(chr1);
+
+    if (enc3 !== 64) {
+      output = output + String.fromCharCode(chr2);
+    }
+    if (enc4 !== 64) {
+      output = output + String.fromCharCode(chr3);
+    }
+  } while (i < input.length);
+  return decodeUTF8(output);
+};
+
+/**
+* @function module:utilities.decodeUTF8
+* @param {string} argString
+* @returns {string}
+*/
+var decodeUTF8 = function decodeUTF8(argString) {
+  return decodeURIComponent(escape(argString));
+};
+
+// codedread:does not seem to work with webkit-based browsers on OSX // Brettz9: please test again as function upgraded
+/**
+* @function module:utilities.encodeUTF8
+* @param {string} argString
+* @returns {string}
+*/
+var encodeUTF8 = function encodeUTF8(argString) {
+  return unescape(encodeURIComponent(argString));
+};
+
+/**
+ * convert dataURL to object URL
+ * @function module:utilities.dataURLToObjectURL
+ * @param {string} dataurl
+ * @returns {string} object URL or empty string
+ */
+var dataURLToObjectURL = function dataURLToObjectURL(dataurl) {
+  if (typeof Uint8Array === 'undefined' || typeof Blob === 'undefined' || typeof URL === 'undefined' || !URL.createObjectURL) {
+    return '';
+  }
+  var arr = dataurl.split(','),
+      mime = arr[0].match(/:(.*?);/)[1],
+      bstr = atob(arr[1]);
+  var n = bstr.length;
+  var u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  var blob = new Blob([u8arr], { type: mime });
+  return URL.createObjectURL(blob);
+};
+
+/**
+ * get object URL for a blob object
+ * @function module:utilities.createObjectURL
+ * @param {Blob} blob A Blob object or File object
+ * @returns {string} object URL or empty string
+ */
+var createObjectURL = function createObjectURL(blob) {
+  if (!blob || typeof URL === 'undefined' || !URL.createObjectURL) {
+    return '';
+  }
+  return URL.createObjectURL(blob);
+};
+
+/**
+ * @property {string} blankPageObjectURL
+ */
+var blankPageObjectURL = function () {
+  if (typeof Blob === 'undefined') {
+    return '';
+  }
+  var blob = new Blob(['<html><head><title>SVG-edit</title></head><body>&nbsp;</body></html>'], { type: 'text/html' });
+  return createObjectURL(blob);
+}();
+
+/**
+* Cross-browser compatible method of converting a string to an XML tree
+* found this function [here]{@link http://groups.google.com/group/jquery-dev/browse_thread/thread/c6d11387c580a77f}
+* @function module:utilities.text2xml
+* @param {string} sXML
+* @throws {Error}
+* @returns {XMLDocument}
+*/
+var text2xml = function text2xml(sXML) {
+  if (sXML.includes('<svg:svg')) {
+    sXML = sXML.replace(/<(\/?)svg:/g, '<$1').replace('xmlns:svg', 'xmlns');
+  }
+
+  var out = void 0,
+      dXML = void 0;
+  try {
+    dXML = window.DOMParser ? new DOMParser() : new window.ActiveXObject('Microsoft.XMLDOM');
+    dXML.async = false;
+  } catch (e) {
+    throw new Error('XML Parser could not be instantiated');
+  }
+  try {
+    if (dXML.loadXML) {
+      out = dXML.loadXML(sXML) ? dXML : false;
+    } else {
+      out = dXML.parseFromString(sXML, 'text/xml');
+    }
+  } catch (e2) {
+    throw new Error('Error parsing XML string');
+  }
+  return out;
+};
+
+/**
+* @typedef {PlainObject} module:utilities.BBoxObject (like `DOMRect`)
+* @property {Float} x
+* @property {Float} y
+* @property {Float} width
+* @property {Float} height
+*/
+
+/**
+* Converts a `SVGRect` into an object.
+* @function module:utilities.bboxToObj
+* @param {SVGRect} bbox - a SVGRect
+* @returns {module:utilities.BBoxObject} An object with properties names x, y, width, height.
+*/
+var bboxToObj = function bboxToObj(_ref) {
+  var x = _ref.x,
+      y = _ref.y,
+      width = _ref.width,
+      height = _ref.height;
+
+  return { x: x, y: y, width: width, height: height };
+};
+
+/**
+* @callback module:utilities.TreeWalker
+* @param {Element} elem - DOM element being traversed
+* @returns {undefined}
+*/
+
+/**
+* Walks the tree and executes the callback on each element in a top-down fashion
+* @function module:utilities.walkTree
+* @param {Element} elem - DOM element to traverse
+* @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element
+* @returns {undefined}
+*/
+var walkTree = function walkTree(elem, cbFn) {
+  if (elem && elem.nodeType === 1) {
+    cbFn(elem);
+    var i = elem.childNodes.length;
+    while (i--) {
+      walkTree(elem.childNodes.item(i), cbFn);
+    }
+  }
+};
+
+/**
+* Walks the tree and executes the callback on each element in a depth-first fashion
+* @function module:utilities.walkTreePost
+* @todo FIXME: Shouldn't this be calling walkTreePost?
+* @param {Element} elem - DOM element to traverse
+* @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element
+* @returns {undefined}
+*/
+var walkTreePost = function walkTreePost(elem, cbFn) {
+  if (elem && elem.nodeType === 1) {
+    var i = elem.childNodes.length;
+    while (i--) {
+      walkTree(elem.childNodes.item(i), cbFn);
+    }
+    cbFn(elem);
+  }
+};
+
+/**
+* Extracts the URL from the `url(...)` syntax of some attributes.
+* Three variants:
+*  - `<circle fill="url(someFile.svg#foo)" />`
+*  - `<circle fill="url('someFile.svg#foo')" />`
+*  - `<circle fill='url("someFile.svg#foo")' />`
+* @function module:utilities.getUrlFromAttr
+* @param {string} attrVal The attribute value as a string
+* @returns {string} String with just the URL, like "someFile.svg#foo"
+*/
+var getUrlFromAttr = function getUrlFromAttr(attrVal) {
+  if (attrVal) {
+    // url('#somegrad')
+    if (attrVal.startsWith('url("')) {
+      return attrVal.substring(5, attrVal.indexOf('"', 6));
+    }
+    // url('#somegrad')
+    if (attrVal.startsWith("url('")) {
+      return attrVal.substring(5, attrVal.indexOf("'", 6));
+    }
+    if (attrVal.startsWith('url(')) {
+      return attrVal.substring(4, attrVal.indexOf(')'));
+    }
+  }
+  return null;
+};
+
+/**
+* @function module:utilities.getHref
+* @param {Element} elem
+* @returns {string} The given element's `xlink:href` value
+*/
+var getHref = function getHref(elem) {
+  return elem.getAttributeNS(NS.XLINK, 'href');
+};
+
+/**
+* Sets the given element's `xlink:href` value
+* @function module:utilities.setHref
+* @param {Element} elem
+* @param {string} val
+* @returns {undefined}
+*/
+var setHref = function setHref(elem, val) {
+  elem.setAttributeNS(NS.XLINK, 'xlink:href', val);
+};
+
+/**
+* @function module:utilities.findDefs
+* @returns {SVGDefsElement} The document's `<defs>` element, creating it first if necessary
+*/
+var findDefs = function findDefs() {
+  var svgElement = editorContext_$1.getSVGContent();
+  var defs = svgElement.getElementsByTagNameNS(NS.SVG, 'defs');
+  if (defs.length > 0) {
+    defs = defs[0];
+  } else {
+    defs = svgElement.ownerDocument.createElementNS(NS.SVG, 'defs');
+    if (svgElement.firstChild) {
+      // first child is a comment, so call nextSibling
+      svgElement.insertBefore(defs, svgElement.firstChild.nextSibling);
+      // svgElement.firstChild.nextSibling.before(defs); // Not safe
+    } else {
+      svgElement.append(defs);
+    }
+  }
+  return defs;
+};
+
+// TODO(codedread): Consider moving the next to functions to bbox.js
+
+/**
+* Get correct BBox for a path in Webkit.
+* Converted from code found [here]{@link http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html}
+* @function module:utilities.getPathBBox
+* @param {SVGPathElement} path - The path DOM element to get the BBox for
+* @returns {module:utilities.BBoxObject} A BBox-like object
+*/
+var getPathBBox = function getPathBBox(path$$1) {
+  var seglist = path$$1.pathSegList;
+  var tot = seglist.numberOfItems;
+
+  var bounds = [[], []];
+  var start = seglist.getItem(0);
+  var P0 = [start.x, start.y];
+
+  for (var i = 0; i < tot; i++) {
+    var seg = seglist.getItem(i);
+
+    if (seg.x === undefined) {
+      continue;
+    }
+
+    // Add actual points to limits
+    bounds[0].push(P0[0]);
+    bounds[1].push(P0[1]);
+
+    if (seg.x1) {
+      (function () {
+        var P1 = [seg.x1, seg.y1],
+            P2 = [seg.x2, seg.y2],
+            P3 = [seg.x, seg.y];
+
+        var _loop = function _loop(j) {
+          var calc = function calc(t) {
+            return Math.pow(1 - t, 3) * P0[j] + 3 * Math.pow(1 - t, 2) * t * P1[j] + 3 * (1 - t) * Math.pow(t, 2) * P2[j] + Math.pow(t, 3) * P3[j];
+          };
+
+          var b = 6 * P0[j] - 12 * P1[j] + 6 * P2[j];
+          var a = -3 * P0[j] + 9 * P1[j] - 9 * P2[j] + 3 * P3[j];
+          var c = 3 * P1[j] - 3 * P0[j];
+
+          if (a === 0) {
+            if (b === 0) {
+              return 'continue';
+            }
+            var t = -c / b;
+            if (t > 0 && t < 1) {
+              bounds[j].push(calc(t));
+            }
+            return 'continue';
+          }
+          var b2ac = Math.pow(b, 2) - 4 * c * a;
+          if (b2ac < 0) {
+            return 'continue';
+          }
+          var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
+          if (t1 > 0 && t1 < 1) {
+            bounds[j].push(calc(t1));
+          }
+          var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
+          if (t2 > 0 && t2 < 1) {
+            bounds[j].push(calc(t2));
+          }
+        };
+
+        for (var j = 0; j < 2; j++) {
+          var _ret2 = _loop(j);
+
+          if (_ret2 === 'continue') continue;
+        }
+        P0 = P3;
+      })();
+    } else {
+      bounds[0].push(seg.x);
+      bounds[1].push(seg.y);
+    }
+  }
+
+  var x = Math.min.apply(null, bounds[0]);
+  var w = Math.max.apply(null, bounds[0]) - x;
+  var y = Math.min.apply(null, bounds[1]);
+  var h = Math.max.apply(null, bounds[1]) - y;
+  return {
+    x: x,
+    y: y,
+    width: w,
+    height: h
+  };
+};
+
+/**
+* Get the given/selected element's bounding box object, checking for
+* horizontal/vertical lines (see issue 717)
+* Note that performance is currently terrible, so some way to improve would
+* be great.
+* @param {Element} selected - Container or `<use>` DOM element
+* @returns {DOMRect} Bounding box object
+*/
+function groupBBFix(selected) {
+  if (supportsHVLineContainerBBox()) {
+    try {
+      return selected.getBBox();
+    } catch (e) {}
+  }
+  var ref = $$2.data(selected, 'ref');
+  var matched = null;
+  var ret = void 0,
+      copy = void 0;
+
+  if (ref) {
+    copy = $$2(ref).children().clone().attr('visibility', 'hidden');
+    $$2(svgroot_).append(copy);
+    matched = copy.filter('line, path');
+  } else {
+    matched = $$2(selected).find('line, path');
+  }
+
+  var issue = false;
+  if (matched.length) {
+    matched.each(function () {
+      var bb = this.getBBox();
+      if (!bb.width || !bb.height) {
+        issue = true;
+      }
+    });
+    if (issue) {
+      var elems = ref ? copy : $$2(selected).children();
+      ret = getStrokedBBox(elems);
+    } else {
+      ret = selected.getBBox();
+    }
+  } else {
+    ret = selected.getBBox();
+  }
+  if (ref) {
+    copy.remove();
+  }
+  return ret;
+}
+
+/**
+* Get the given/selected element's bounding box object, convert it to be more
+* usable when necessary
+* @function module:utilities.getBBox
+* @param {Element} elem - Optional DOM element to get the BBox for
+* @returns {module:utilities.BBoxObject} Bounding box object
+*/
+var getBBox = function getBBox(elem) {
+  var selected = elem || editorContext_$1.geSelectedElements()[0];
+  if (elem.nodeType !== 1) {
+    return null;
+  }
+  var elname = selected.nodeName;
+
+  var ret = null;
+  switch (elname) {
+    case 'text':
+      if (selected.textContent === '') {
+        selected.textContent = 'a'; // Some character needed for the selector to use.
+        ret = selected.getBBox();
+        selected.textContent = '';
+      } else {
+        if (selected.getBBox) {
+          ret = selected.getBBox();
+        }
+      }
+      break;
+    case 'path':
+      if (!supportsPathBBox()) {
+        ret = getPathBBox(selected);
+      } else {
+        if (selected.getBBox) {
+          ret = selected.getBBox();
+        }
+      }
+      break;
+    case 'g':
+    case 'a':
+      ret = groupBBFix(selected);
+      break;
+    default:
+
+      if (elname === 'use') {
+        ret = groupBBFix(selected, true);
+      }
+      if (elname === 'use' || elname === 'foreignObject' && isWebkit()) {
+        if (!ret) {
+          ret = selected.getBBox();
+        }
+        // This is resolved in later versions of webkit, perhaps we should
+        // have a featured detection for correct 'use' behavior?
+        // ——————————
+        if (!isWebkit()) {
+          var bb = {};
+          bb.width = ret.width;
+          bb.height = ret.height;
+          bb.x = ret.x + parseFloat(selected.getAttribute('x') || 0);
+          bb.y = ret.y + parseFloat(selected.getAttribute('y') || 0);
+          ret = bb;
+        }
+      } else if (visElemsArr.includes(elname)) {
+        if (selected) {
+          try {
+            ret = selected.getBBox();
+          } catch (err) {
+            // tspan (and textPath apparently) have no `getBBox` in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=937268
+            // Re: Chrome returning bbox for containing text element, see: https://bugs.chromium.org/p/chromium/issues/detail?id=349835
+            var extent = selected.getExtentOfChar(0); // pos+dimensions of the first glyph
+            var width = selected.getComputedTextLength(); // width of the tspan
+            ret = {
+              x: extent.x,
+              y: extent.y,
+              width: width,
+              height: extent.height
+            };
+          }
+        } else {
+          // Check if element is child of a foreignObject
+          var fo = $$2(selected).closest('foreignObject');
+          if (fo.length) {
+            if (fo[0].getBBox) {
+              ret = fo[0].getBBox();
+            }
+          }
+        }
+      }
+  }
+  if (ret) {
+    ret = bboxToObj(ret);
+  }
+
+  // get the bounding box from the DOM (which is in that element's coordinate system)
+  return ret;
+};
+
+/**
+* @typedef {GenericArray} module:utilities.PathSegmentArray
+* @property {Integer} length 2
+* @property {"M"|"L"|"C"|"Z"} 0
+* @property {Float[]} 1
+*/
+
+/**
+* Create a path 'd' attribute from path segments.
+* Each segment is an array of the form: `[singleChar, [x,y, x,y, ...]]`
+* @function module:utilities.getPathDFromSegments
+* @param {module:utilities.PathSegmentArray[]} pathSegments - An array of path segments to be converted
+* @returns {string} The converted path d attribute.
+*/
+var getPathDFromSegments = function getPathDFromSegments(pathSegments) {
+  var d = '';
+
+  $$2.each(pathSegments, function (j, _ref2) {
+    var _ref3 = slicedToArray(_ref2, 2),
+        singleChar = _ref3[0],
+        pts = _ref3[1];
+
+    d += singleChar;
+    for (var i = 0; i < pts.length; i += 2) {
+      d += pts[i] + ',' + pts[i + 1] + ' ';
+    }
+  });
+
+  return d;
+};
+
+/**
+* Make a path 'd' attribute from a simple SVG element shape.
+* @function module:utilities.getPathDFromElement
+* @param {Element} elem - The element to be converted
+* @returns {string} The path d attribute or `undefined` if the element type is unknown.
+*/
+var getPathDFromElement = function getPathDFromElement(elem) {
+  // Possibly the cubed root of 6, but 1.81 works best
+  var num = 1.81;
+  var d = void 0,
+      a = void 0,
+      rx = void 0,
+      ry = void 0;
+  switch (elem.tagName) {
+    case 'ellipse':
+    case 'circle':
+      a = $$2(elem).attr(['rx', 'ry', 'cx', 'cy']);
+      var _a = a,
+          cx = _a.cx,
+          cy = _a.cy;
+      var _a2 = a;
+      rx = _a2.rx;
+      ry = _a2.ry;
+
+      if (elem.tagName === 'circle') {
+        rx = ry = $$2(elem).attr('r');
+      }
+
+      d = getPathDFromSegments([['M', [cx - rx, cy]], ['C', [cx - rx, cy - ry / num, cx - rx / num, cy - ry, cx, cy - ry]], ['C', [cx + rx / num, cy - ry, cx + rx, cy - ry / num, cx + rx, cy]], ['C', [cx + rx, cy + ry / num, cx + rx / num, cy + ry, cx, cy + ry]], ['C', [cx - rx / num, cy + ry, cx - rx, cy + ry / num, cx - rx, cy]], ['Z', []]]);
+      break;
+    case 'path':
+      d = elem.getAttribute('d');
+      break;
+    case 'line':
+      a = $$2(elem).attr(['x1', 'y1', 'x2', 'y2']);
+      d = 'M' + a.x1 + ',' + a.y1 + 'L' + a.x2 + ',' + a.y2;
+      break;
+    case 'polyline':
+      d = 'M' + elem.getAttribute('points');
+      break;
+    case 'polygon':
+      d = 'M' + elem.getAttribute('points') + ' Z';
+      break;
+    case 'rect':
+      var r = $$2(elem).attr(['rx', 'ry']);
+      rx = r.rx;
+      ry = r.ry;
+
+      var _b = elem.getBBox();
+      var x = _b.x,
+          y = _b.y,
+          w = _b.width,
+          h = _b.height;
+
+      num = 4 - num; // Why? Because!
+
+      if (!rx && !ry) {
+        // Regular rect
+        d = getPathDFromSegments([['M', [x, y]], ['L', [x + w, y]], ['L', [x + w, y + h]], ['L', [x, y + h]], ['L', [x, y]], ['Z', []]]);
+      } else {
+        d = getPathDFromSegments([['M', [x, y + ry]], ['C', [x, y + ry / num, x + rx / num, y, x + rx, y]], ['L', [x + w - rx, y]], ['C', [x + w - rx / num, y, x + w, y + ry / num, x + w, y + ry]], ['L', [x + w, y + h - ry]], ['C', [x + w, y + h - ry / num, x + w - rx / num, y + h, x + w - rx, y + h]], ['L', [x + rx, y + h]], ['C', [x + rx / num, y + h, x, y + h - ry / num, x, y + h - ry]], ['L', [x, y + ry]], ['Z', []]]);
+      }
+      break;
+    default:
+      break;
+  }
+
+  return d;
+};
+
+/**
+* Get a set of attributes from an element that is useful for convertToPath.
+* @function module:utilities.getExtraAttributesForConvertToPath
+* @param {Element} elem - The element to be probed
+* @returns {PlainObject.<"marker-start"|"marker-end"|"marker-mid"|"filter"|"clip-path", string>} An object with attributes.
+*/
+var getExtraAttributesForConvertToPath = function getExtraAttributesForConvertToPath(elem) {
+  var attrs = {};
+  // TODO: make this list global so that we can properly maintain it
+  // TODO: what about @transform, @clip-rule, @fill-rule, etc?
+  $$2.each(['marker-start', 'marker-end', 'marker-mid', 'filter', 'clip-path'], function () {
+    var a = elem.getAttribute(this);
+    if (a) {
+      attrs[this] = a;
+    }
+  });
+  return attrs;
+};
+
+/**
+* Get the BBox of an element-as-path
+* @function module:utilities.getBBoxOfElementAsPath
+* @param {Element} elem - The DOM element to be probed
+* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+* @param {module:path.pathActions} pathActions - If a transform exists, `pathActions.resetOrientation()` is used. See: canvas.pathActions.
+* @returns {DOMRect|false} The resulting path's bounding box object.
+*/
+var getBBoxOfElementAsPath = function getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1) {
+  var path$$1 = addSVGElementFromJson({
+    element: 'path',
+    attr: getExtraAttributesForConvertToPath(elem)
+  });
+
+  var eltrans = elem.getAttribute('transform');
+  if (eltrans) {
+    path$$1.setAttribute('transform', eltrans);
+  }
+
+  var parent = elem.parentNode;
+  if (elem.nextSibling) {
+    elem.before(path$$1);
+  } else {
+    parent.append(path$$1);
+  }
+
+  var d = getPathDFromElement(elem);
+  if (d) {
+    path$$1.setAttribute('d', d);
+  } else {
+    path$$1.remove();
+  }
+
+  // Get the correct BBox of the new path, then discard it
+  pathActions$$1.resetOrientation(path$$1);
+  var bb = false;
+  try {
+    bb = path$$1.getBBox();
+  } catch (e) {
+    // Firefox fails
+  }
+  path$$1.remove();
+  return bb;
+};
+
+/**
+* Convert selected element to a path.
+* @function module:utilities.convertToPath
+* @param {Element} elem - The DOM element to be converted
+* @param {module:utilities.SVGElementJSON} attrs - Apply attributes to new path. see canvas.convertToPath
+* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+* @param {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection} clearSelection - see [canvas.clearSelection]{@link module:svgcanvas.SvgCanvas#clearSelection}
+* @param {module:path.EditorContext#addToSelection} addToSelection - see [canvas.addToSelection]{@link module:svgcanvas.SvgCanvas#addToSelection}
+* @param {module:history} history - see history module
+* @param {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory} addCommandToHistory - see [canvas.addCommandToHistory]{@link module:svgcanvas~addCommandToHistory}
+* @returns {SVGPathElement|null} The converted path element or null if the DOM element was not recognized.
+*/
+var convertToPath = function convertToPath(elem, attrs, addSVGElementFromJson, pathActions$$1, clearSelection, addToSelection, history, addCommandToHistory) {
+  var batchCmd = new history.BatchCommand('Convert element to Path');
+
+  // Any attribute on the element not covered by the passed-in attributes
+  attrs = $$2.extend({}, attrs, getExtraAttributesForConvertToPath(elem));
+
+  var path$$1 = addSVGElementFromJson({
+    element: 'path',
+    attr: attrs
+  });
+
+  var eltrans = elem.getAttribute('transform');
+  if (eltrans) {
+    path$$1.setAttribute('transform', eltrans);
+  }
+
+  var id = elem.id;
+
+  var parent = elem.parentNode;
+  if (elem.nextSibling) {
+    elem.before(path$$1);
+  } else {
+    parent.append(path$$1);
+  }
+
+  var d = getPathDFromElement(elem);
+  if (d) {
+    path$$1.setAttribute('d', d);
+
+    // Replace the current element with the converted one
+
+    // Reorient if it has a matrix
+    if (eltrans) {
+      var tlist = getTransformList(path$$1);
+      if (hasMatrixTransform(tlist)) {
+        pathActions$$1.resetOrientation(path$$1);
+      }
+    }
+
+    var nextSibling = elem.nextSibling;
+
+    batchCmd.addSubCommand(new history.RemoveElementCommand(elem, nextSibling, parent));
+    batchCmd.addSubCommand(new history.InsertElementCommand(path$$1));
+
+    clearSelection();
+    elem.remove();
+    path$$1.setAttribute('id', id);
+    path$$1.removeAttribute('visibility');
+    addToSelection([path$$1], true);
+
+    addCommandToHistory(batchCmd);
+
+    return path$$1;
+  }
+  // the elem.tagName was not recognized, so no "d" attribute. Remove it, so we've haven't changed anything.
+  path$$1.remove();
+  return null;
+};
+
+/**
+* Can the bbox be optimized over the native getBBox? The optimized bbox is the same as the native getBBox when
+* the rotation angle is a multiple of 90 degrees and there are no complex transforms.
+* Getting an optimized bbox can be dramatically slower, so we want to make sure it's worth it.
+*
+* The best example for this is a circle rotate 45 degrees. The circle doesn't get wider or taller when rotated
+* about it's center.
+*
+* The standard, unoptimized technique gets the native bbox of the circle, rotates the box 45 degrees, uses
+* that width and height, and applies any transforms to get the final bbox. This means the calculated bbox
+* is much wider than the original circle. If the angle had been 0, 90, 180, etc. both techniques render the
+* same bbox.
+*
+* The optimization is not needed if the rotation is a multiple 90 degrees. The default technique is to call
+* getBBox then apply the angle and any transforms.
+*
+* @param {Float} angle - The rotation angle in degrees
+* @param {boolean} hasMatrixTransform - True if there is a matrix transform
+* @returns {boolean} True if the bbox can be optimized.
+*/
+function bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixTransform$$1) {
+  var angleModulo90 = angle % 90;
+  var closeTo90 = angleModulo90 < -89.99 || angleModulo90 > 89.99;
+  var closeTo0 = angleModulo90 > -0.001 && angleModulo90 < 0.001;
+  return hasMatrixTransform$$1 || !(closeTo0 || closeTo90);
+}
+
+/**
+* Get bounding box that includes any transforms.
+* @function module:utilities.getBBoxWithTransform
+* @param {Element} elem - The DOM element to be converted
+* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+* @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object
+*/
+var getBBoxWithTransform = function getBBoxWithTransform(elem, addSVGElementFromJson, pathActions$$1) {
+  // TODO: Fix issue with rotated groups. Currently they work
+  // fine in FF, but not in other browsers (same problem mentioned
+  // in Issue 339 comment #2).
+
+  var bb = getBBox(elem);
+
+  if (!bb) {
+    return null;
+  }
+
+  var tlist = getTransformList(elem);
+  var angle = getRotationAngleFromTransformList(tlist);
+  var hasMatrixXForm = hasMatrixTransform(tlist);
+
+  if (angle || hasMatrixXForm) {
+    var goodBb = false;
+    if (bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixXForm)) {
+      // Get the BBox from the raw path for these elements
+      // TODO: why ellipse and not circle
+      var elemNames = ['ellipse', 'path', 'line', 'polyline', 'polygon'];
+      if (elemNames.includes(elem.tagName)) {
+        bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1);
+      } else if (elem.tagName === 'rect') {
+        // Look for radius
+        var rx = elem.getAttribute('rx');
+        var ry = elem.getAttribute('ry');
+        if (rx || ry) {
+          bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1);
+        }
+      }
+    }
+
+    if (!goodBb) {
+      var _transformListToTrans = transformListToTransform(tlist),
+          matrix = _transformListToTrans.matrix;
+
+      bb = transformBox(bb.x, bb.y, bb.width, bb.height, matrix).aabox;
+
+      // Old technique that was exceedingly slow with large documents.
+      //
+      // Accurate way to get BBox of rotated element in Firefox:
+      // Put element in group and get its BBox
+      //
+      // Must use clone else FF freaks out
+      // const clone = elem.cloneNode(true);
+      // const g = document.createElementNS(NS.SVG, 'g');
+      // const parent = elem.parentNode;
+      // parent.append(g);
+      // g.append(clone);
+      // const bb2 = bboxToObj(g.getBBox());
+      // g.remove();
+    }
+  }
+  return bb;
+};
+
+// TODO: This is problematic with large stroke-width and, for example, a single horizontal line. The calculated BBox extends way beyond left and right sides.
+function getStrokeOffsetForBBox(elem) {
+  var sw = elem.getAttribute('stroke-width');
+  return !isNaN(sw) && elem.getAttribute('stroke') !== 'none' ? sw / 2 : 0;
+}
+
+/**
+ * @typedef {PlainObject} BBox
+ * @property {Integer} x The x value
+ * @property {Integer} y The y value
+ * @property {Float} width
+ * @property {Float} height
+ */
+
+/**
+* Get the bounding box for one or more stroked and/or transformed elements
+* @function module:utilities.getStrokedBBox
+* @param {Element[]} elems - Array with DOM elements to check
+* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+* @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object
+*/
+var getStrokedBBox = function getStrokedBBox(elems, addSVGElementFromJson, pathActions$$1) {
+  if (!elems || !elems.length) {
+    return false;
+  }
+
+  var fullBb = void 0;
+  $$2.each(elems, function () {
+    if (fullBb) {
+      return;
+    }
+    if (!this.parentNode) {
+      return;
+    }
+    fullBb = getBBoxWithTransform(this, addSVGElementFromJson, pathActions$$1);
+  });
+
+  // This shouldn't ever happen...
+  if (fullBb === undefined) {
+    return null;
+  }
+
+  // fullBb doesn't include the stoke, so this does no good!
+  // if (elems.length == 1) return fullBb;
+
+  var maxX = fullBb.x + fullBb.width;
+  var maxY = fullBb.y + fullBb.height;
+  var minX = fullBb.x;
+  var minY = fullBb.y;
+
+  // If only one elem, don't call the potentially slow getBBoxWithTransform method again.
+  if (elems.length === 1) {
+    var offset = getStrokeOffsetForBBox(elems[0]);
+    minX -= offset;
+    minY -= offset;
+    maxX += offset;
+    maxY += offset;
+  } else {
+    $$2.each(elems, function (i, elem) {
+      var curBb = getBBoxWithTransform(elem, addSVGElementFromJson, pathActions$$1);
+      if (curBb) {
+        var _offset = getStrokeOffsetForBBox(elem);
+        minX = Math.min(minX, curBb.x - _offset);
+        minY = Math.min(minY, curBb.y - _offset);
+        // TODO: The old code had this test for max, but not min. I suspect this test should be for both min and max
+        if (elem.nodeType === 1) {
+          maxX = Math.max(maxX, curBb.x + curBb.width + _offset);
+          maxY = Math.max(maxY, curBb.y + curBb.height + _offset);
+        }
+      }
+    });
+  }
+
+  fullBb.x = minX;
+  fullBb.y = minY;
+  fullBb.width = maxX - minX;
+  fullBb.height = maxY - minY;
+  return fullBb;
+};
+
+/**
+* Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).
+* Note that 0-opacity, off-screen etc elements are still considered "visible"
+* for this function
+* @function module:utilities.getVisibleElements
+* @param {Element} parent - The parent DOM element to search within
+* @returns {Element[]} All "visible" elements.
+*/
+var getVisibleElements = function getVisibleElements(parent) {
+  if (!parent) {
+    parent = $$2(editorContext_$1.getSVGContent()).children(); // Prevent layers from being included
+  }
+
+  var contentElems = [];
+  $$2(parent).children().each(function (i, elem) {
+    if (elem.getBBox) {
+      contentElems.push(elem);
+    }
+  });
+  return contentElems.reverse();
+};
+
+/**
+* Get the bounding box for one or more stroked and/or transformed elements
+* @function module:utilities.getStrokedBBoxDefaultVisible
+* @param {Element[]} elems - Array with DOM elements to check
+* @returns {module:utilities.BBoxObject} A single bounding box object
+*/
+var getStrokedBBoxDefaultVisible = function getStrokedBBoxDefaultVisible(elems) {
+  if (!elems) {
+    elems = getVisibleElements();
+  }
+  return getStrokedBBox(elems, editorContext_$1.addSVGElementFromJson, editorContext_$1.pathActions);
+};
+
+/**
+* Get the rotation angle of the given transform list.
+* @function module:utilities.getRotationAngleFromTransformList
+* @param {SVGTransformList} tlist - List of transforms
+* @param {boolean} toRad - When true returns the value in radians rather than degrees
+* @returns {Float} The angle in degrees or radians
+*/
+var getRotationAngleFromTransformList = function getRotationAngleFromTransformList(tlist, toRad) {
+  if (!tlist) {
+    return 0;
+  } // <svg> elements have no tlist
+  var N = tlist.numberOfItems;
+  for (var i = 0; i < N; ++i) {
+    var xform = tlist.getItem(i);
+    if (xform.type === 4) {
+      return toRad ? xform.angle * Math.PI / 180.0 : xform.angle;
+    }
+  }
+  return 0.0;
+};
+
+/**
+* Get the rotation angle of the given/selected DOM element
+* @function module:utilities.getRotationAngle
+* @param {Element} [elem] - DOM element to get the angle for. Default to first of selected elements.
+* @param {boolean} [toRad=false] - When true returns the value in radians rather than degrees
+* @returns {Float} The angle in degrees or radians
+*/
+var getRotationAngle = function getRotationAngle(elem, toRad) {
+  var selected = elem || editorContext_$1.getSelectedElements()[0];
+  // find the rotation transform (if any) and set it
+  var tlist = getTransformList(selected);
+  return getRotationAngleFromTransformList(tlist, toRad);
+};
+
+/**
+* Get the reference element associated with the given attribute value
+* @function module:utilities.getRefElem
+* @param {string} attrVal - The attribute value as a string
+* @returns {Element} Reference element
+*/
+var getRefElem = function getRefElem(attrVal) {
+  return getElem(getUrlFromAttr(attrVal).substr(1));
+};
+
+/**
+* Get a DOM element by ID within the SVG root element.
+* @function module:utilities.getElem
+* @param {string} id - String with the element's new ID
+* @returns {Element}
+*/
+var getElem = supportsSelectors() ? function (id) {
+  // querySelector lookup
+  return svgroot_.querySelector('#' + id);
+} : supportsXpath() ? function (id) {
+  // xpath lookup
+  return domdoc_.evaluate('svg:svg[@id="svgroot"]//svg:*[@id="' + id + '"]', domcontainer_, function () {
+    return NS.SVG;
+  }, 9, null).singleNodeValue;
+} : function (id) {
+  // jQuery lookup: twice as slow as xpath in FF
+  return $$2(svgroot_).find('[id=' + id + ']')[0];
+};
+
+/**
+* Assigns multiple attributes to an element.
+* @function module:utilities.assignAttributes
+* @param {Element} elem - DOM element to apply new attribute values to
+* @param {PlainObject.<string, string>} attrs - Object with attribute keys/values
+* @param {Integer} [suspendLength] - Milliseconds to suspend redraw
+* @param {boolean} [unitCheck=false] - Boolean to indicate the need to use units.setUnitAttr
+* @returns {undefined}
+*/
+var assignAttributes = function assignAttributes(elem, attrs, suspendLength, unitCheck) {
+  var _iteratorNormalCompletion = true;
+  var _didIteratorError = false;
+  var _iteratorError = undefined;
+
+  try {
+    for (var _iterator = Object.entries(attrs)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var _ref4 = _step.value;
+
+      var _ref5 = slicedToArray(_ref4, 2);
+
+      var key = _ref5[0];
+      var value = _ref5[1];
+
+      var ns = key.substr(0, 4) === 'xml:' ? NS.XML : key.substr(0, 6) === 'xlink:' ? NS.XLINK : null;
+
+      if (ns) {
+        elem.setAttributeNS(ns, key, value);
+      } else if (!unitCheck) {
+        elem.setAttribute(key, value);
+      } else {
+        setUnitAttr(elem, key, value);
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+};
+
+/**
+* Remove unneeded (default) attributes, makes resulting SVG smaller
+* @function module:utilities.cleanupElement
+* @param {Element} element - DOM element to clean up
+* @returns {undefined}
+*/
+var cleanupElement = function cleanupElement(element) {
+  var defaults$$1 = {
+    'fill-opacity': 1,
+    'stop-opacity': 1,
+    opacity: 1,
+    stroke: 'none',
+    'stroke-dasharray': 'none',
+    'stroke-linejoin': 'miter',
+    'stroke-linecap': 'butt',
+    'stroke-opacity': 1,
+    'stroke-width': 1,
+    rx: 0,
+    ry: 0
+  };
+
+  if (element.nodeName === 'ellipse') {
+    // Ellipse elements require rx and ry attributes
+    delete defaults$$1.rx;
+    delete defaults$$1.ry;
+  }
+
+  for (var attr in defaults$$1) {
+    var val = defaults$$1[attr];
+    if (element.getAttribute(attr) === String(val)) {
+      element.removeAttribute(attr);
+    }
+  }
+};
+
+/**
+* Round value to for snapping
+* @function module:utilities.snapToGrid
+* @param {Float} value
+* @returns {Integer}
+*/
+var snapToGrid = function snapToGrid(value) {
+  var unit = editorContext_$1.getBaseUnit();
+  var stepSize = editorContext_$1.getSnappingStep();
+  if (unit !== 'px') {
+    stepSize *= getTypeMap()[unit];
+  }
+  value = Math.round(value / stepSize) * stepSize;
+  return value;
+};
+
+/**
+* Escapes special characters in a regular expression
+* @function module:utilities.regexEscape
+* @param {string} str
+* @returns {string}
+*/
+var regexEscape = function regexEscape(str) {
+  // From: http://phpjs.org/functions
+  return String(str).replace(new RegExp('[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\-]', 'g'), '\\$&');
+};
+
+/**
+ * Prevents default browser click behaviour on the given element
+ * @function module:utilities.preventClickDefault
+ * @param {Element} img - The DOM element to prevent the click on
+ * @returns {undefined}
+ */
+var preventClickDefault = function preventClickDefault(img) {
+  $$2(img).click(function (e) {
+    e.preventDefault();
+  });
+};
+
+/**
+ * @callback module:utilities.GetNextID
+ * @returns {string} The ID
+ */
+/**
+ * Create a clone of an element, updating its ID and its children's IDs when needed
+ * @function module:utilities.copyElem
+ * @param {Element} el - DOM element to clone
+ * @param {module:utilities.GetNextID} getNextId - The getter of the next unique ID.
+ * @returns {Element} The cloned element
+ */
+var copyElem = function copyElem(el, getNextId) {
+  // manually create a copy of the element
+  var newEl = document.createElementNS(el.namespaceURI, el.nodeName);
+  $$2.each(el.attributes, function (i, attr) {
+    if (attr.localName !== '-moz-math-font-style') {
+      newEl.setAttributeNS(attr.namespaceURI, attr.nodeName, attr.value);
+    }
+  });
+  // set the copied element's new id
+  newEl.removeAttribute('id');
+  newEl.id = getNextId();
+
+  // Opera's "d" value needs to be reset for Opera/Win/non-EN
+  // Also needed for webkit (else does not keep curved segments on clone)
+  if (isWebkit() && el.nodeName === 'path') {
+    var fixedD = convertPath(el);
+    newEl.setAttribute('d', fixedD);
+  }
+
+  // now create copies of all children
+  $$2.each(el.childNodes, function (i, child) {
+    switch (child.nodeType) {
+      case 1:
+        // element node
+        newEl.append(copyElem(child, getNextId));
+        break;
+      case 3:
+        // text node
+        newEl.textContent = child.nodeValue;
+        break;
+      default:
+        break;
+    }
+  });
+
+  if ($$2(el).data('gsvg')) {
+    $$2(newEl).data('gsvg', newEl.firstChild);
+  } else if ($$2(el).data('symbol')) {
+    var ref = $$2(el).data('symbol');
+    $$2(newEl).data('ref', ref).data('symbol', ref);
+  } else if (newEl.tagName === 'image') {
+    preventClickDefault(newEl);
+  }
+
+  return newEl;
+};
+
+/* globals jQuery */
+/**
+ * Adds context menu functionality
+ * @module contextmenu
+ * @license Apache-2.0
+ * @author Adam Bender
+ */
+// Dependencies:
+// 1) jQuery (for dom injection of context menus)
+
+var $$3 = jQuery;
+
+var contextMenuExtensions = {};
+
+/**
+* @function module:contextmenu.hasCustomHandler
+* @param {string} handlerKey
+* @returns {boolean}
+*/
+var hasCustomHandler = function hasCustomHandler(handlerKey) {
+  return Boolean(contextMenuExtensions[handlerKey]);
+};
+
+/**
+* @function module:contextmenu.getCustomHandler
+* @param {string} handlerKey
+* @returns {module:contextmenu.MenuItemAction}
+*/
+var getCustomHandler = function getCustomHandler(handlerKey) {
+  return contextMenuExtensions[handlerKey].action;
+};
+
+/**
+* @param {module:contextmenu.MenuItem} menuItem
+* @returns {undefined}
+*/
+var injectExtendedContextMenuItemIntoDom = function injectExtendedContextMenuItemIntoDom(menuItem) {
+  if (!Object.keys(contextMenuExtensions).length) {
+    // all menuItems appear at the bottom of the menu in their own container.
+    // if this is the first extension menu we need to add the separator.
+    $$3('#cmenu_canvas').append("<li class='separator'>");
+  }
+  var shortcut = menuItem.shortcut || '';
+  $$3('#cmenu_canvas').append("<li class='disabled'><a href='#" + menuItem.id + "'>" + menuItem.label + "<span class='shortcut'>" + shortcut + '</span></a></li>');
+};
+
+/**
+* @function module:contextmenu.injectExtendedContextMenuItemsIntoDom
+* @returns {undefined}
+*/
+var injectExtendedContextMenuItemsIntoDom = function injectExtendedContextMenuItemsIntoDom() {
+  for (var menuItem in contextMenuExtensions) {
+    injectExtendedContextMenuItemIntoDom(contextMenuExtensions[menuItem]);
+  }
+};
+
+// MIT License
+// From: https://github.com/uupaa/dynamic-import-polyfill/blob/master/importModule.js
+
+/**
+ * @module importModule
+ */
+
+function toAbsoluteURL(url) {
+  var a = document.createElement('a');
+  a.setAttribute('href', url); // <a href="hoge.html">
+  return a.cloneNode(false).href; // -> "http://example.com/hoge.html"
+}
+
+function addScriptAtts(script, atts) {
+  ['id', 'class', 'type'].forEach(function (prop) {
+    if (prop in atts) {
+      script[prop] = atts[prop];
+    }
+  });
+}
+
+// Additions by Brett
+/**
+* @typedef {PlainObject} module:importModule.ImportConfig
+* @property {string} global The variable name to set on `window` (when not using the modular version)
+* @property {boolean} [returnDefault=false]
+*/
+/**
+* @function module:importModule.importSetGlobalDefault
+* @param {string} url
+* @param {module:importModule.ImportConfig} config
+* @returns {*} The return depends on the export of the targeted module.
+*/
+var importSetGlobalDefault = function () {
+  var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(url, config) {
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt('return', importSetGlobal(url, _extends({}, config, { returnDefault: true })));
+
+          case 1:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, this);
+  }));
+
+  return function importSetGlobalDefault(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+/**
+* @function module:importModule.importSetGlobal
+* @param {string} url
+* @param {module:importModule.ImportConfig} config
+* @returns {ArbitraryModule|*} The return depends on the export of the targeted module.
+*/
+var importSetGlobal = function () {
+  var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(url, _ref2) {
+    var global = _ref2.global,
+        returnDefault = _ref2.returnDefault;
+    var modularVersion;
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            // Todo: Replace calls to this function with `import()` when supported
+            modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+
+            if (!modularVersion) {
+              _context2.next = 3;
+              break;
+            }
+
+            return _context2.abrupt('return', importModule(url, undefined, { returnDefault: returnDefault }));
+
+          case 3:
+            _context2.next = 5;
+            return importScript(url);
+
+          case 5:
+            return _context2.abrupt('return', window[global]);
+
+          case 6:
+          case 'end':
+            return _context2.stop();
+        }
+      }
+    }, _callee2, this);
+  }));
+
+  return function importSetGlobal(_x3, _x4) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+// Addition by Brett
+function importScript(url) {
+  var atts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  if (Array.isArray(url)) {
+    return Promise.all(url.map(function (u) {
+      return importScript(u, atts);
+    }));
+  }
+  return new Promise(function (resolve, reject) {
+    var script = document.createElement('script');
+    var destructor = function destructor() {
+      script.onerror = null;
+      script.onload = null;
+      script.remove();
+      script.src = '';
+    };
+    script.defer = 'defer';
+    addScriptAtts(script, atts);
+    script.onerror = function () {
+      reject(new Error('Failed to import: ' + url));
+      destructor();
+    };
+    script.onload = function () {
+      resolve();
+      destructor();
+    };
+    script.src = url;
+
+    document.head.append(script);
+  });
+}
+
+function importModule(url) {
+  var atts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var _ref4 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+      _ref4$returnDefault = _ref4.returnDefault,
+      returnDefault = _ref4$returnDefault === undefined ? false : _ref4$returnDefault;
+
+  if (Array.isArray(url)) {
+    return Promise.all(url.map(function (u) {
+      return importModule(u, atts);
+    }));
+  }
+  return new Promise(function (resolve, reject) {
+    var vector = '$importModule$' + Math.random().toString(32).slice(2);
+    var script = document.createElement('script');
+    var destructor = function destructor() {
+      delete window[vector];
+      script.onerror = null;
+      script.onload = null;
+      script.remove();
+      URL.revokeObjectURL(script.src);
+      script.src = '';
+    };
+    addScriptAtts(script, atts);
+    script.defer = 'defer';
+    script.type = 'module';
+    script.onerror = function () {
+      reject(new Error('Failed to import: ' + url));
+      destructor();
+    };
+    script.onload = function () {
+      resolve(window[vector]);
+      destructor();
+    };
+    var absURL = toAbsoluteURL(url);
+    var loader = 'import * as m from \'' + absURL.replace(/'/g, "\\'") + '\'; window.' + vector + ' = ' + (returnDefault ? 'm.default || ' : '') + 'm;'; // export Module
+    var blob = new Blob([loader], { type: 'text/javascript' });
+    script.src = URL.createObjectURL(blob);
+
+    document.head.append(script);
+  });
+}
+
+/* globals jQuery */
+
+var $$4 = jQuery;
+
+/**
+ * This class encapsulates the concept of a layer in the drawing. It can be constructed with
+ * an existing group element or, with three parameters, will create a new layer group element.
+ *
+ * @example
+ * new Layer('name', group);          // Use the existing group for this layer.
+ * new Layer('name', group, svgElem); // Create a new group and add it to the DOM after group.
+ * new Layer('name', null, svgElem);  // Create a new group and add it to the DOM as the last layer.
+ * @memberof module:layer
+ */
+
+var Layer = function () {
+  /**
+  * @param {string} name - Layer name
+  * @param {SVGGElement|null} group - An existing SVG group element or null.
+  *     If group and no svgElem, use group for this layer.
+  *     If group and svgElem, create a new group element and insert it in the DOM after group.
+  *     If no group and svgElem, create a new group element and insert it in the DOM as the last layer.
+  * @param {SVGGElement=} svgElem - The SVG DOM element. If defined, use this to add
+  *     a new layer to the document.
+  */
+  function Layer(name, group, svgElem) {
+    classCallCheck(this, Layer);
+
+    this.name_ = name;
+    this.group_ = svgElem ? null : group;
+
+    if (svgElem) {
+      // Create a group element with title and add it to the DOM.
+      var svgdoc = svgElem.ownerDocument;
+      this.group_ = svgdoc.createElementNS(NS.SVG, 'g');
+      var layerTitle = svgdoc.createElementNS(NS.SVG, 'title');
+      layerTitle.textContent = name;
+      this.group_.append(layerTitle);
+      if (group) {
+        $$4(group).after(this.group_);
+      } else {
+        svgElem.append(this.group_);
+      }
+    }
+
+    addLayerClass(this.group_);
+    walkTree(this.group_, function (e) {
+      e.setAttribute('style', 'pointer-events:inherit');
+    });
+
+    this.group_.setAttribute('style', svgElem ? 'pointer-events:all' : 'pointer-events:none');
+  }
+
+  /**
+   * Get the layer's name.
+   * @returns {string} The layer name
+   */
+
+
+  createClass(Layer, [{
+    key: 'getName',
+    value: function getName() {
+      return this.name_;
+    }
+
+    /**
+     * Get the group element for this layer.
+     * @returns {SVGGElement} The layer SVG group
+     */
+
+  }, {
+    key: 'getGroup',
+    value: function getGroup() {
+      return this.group_;
+    }
+
+    /**
+     * Active this layer so it takes pointer events.
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'activate',
+    value: function activate() {
+      this.group_.setAttribute('style', 'pointer-events:all');
+    }
+
+    /**
+     * Deactive this layer so it does NOT take pointer events.
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'deactivate',
+    value: function deactivate() {
+      this.group_.setAttribute('style', 'pointer-events:none');
+    }
+
+    /**
+     * Set this layer visible or hidden based on 'visible' parameter.
+     * @param {boolean} visible - If true, make visible; otherwise, hide it.
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'setVisible',
+    value: function setVisible(visible) {
+      var expected = visible === undefined || visible ? 'inline' : 'none';
+      var oldDisplay = this.group_.getAttribute('display');
+      if (oldDisplay !== expected) {
+        this.group_.setAttribute('display', expected);
+      }
+    }
+
+    /**
+     * Is this layer visible?
+     * @returns {boolean} True if visible.
+     */
+
+  }, {
+    key: 'isVisible',
+    value: function isVisible() {
+      return this.group_.getAttribute('display') !== 'none';
+    }
+
+    /**
+     * Get layer opacity.
+     * @returns {Float} Opacity value.
+     */
+
+  }, {
+    key: 'getOpacity',
+    value: function getOpacity() {
+      var opacity = this.group_.getAttribute('opacity');
+      if (opacity === null || opacity === undefined) {
+        return 1;
+      }
+      return parseFloat(opacity);
+    }
+
+    /**
+     * Sets the opacity of this layer. If opacity is not a value between 0.0 and 1.0,
+     * nothing happens.
+     * @param {Float} opacity - A float value in the range 0.0-1.0
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'setOpacity',
+    value: function setOpacity(opacity) {
+      if (typeof opacity === 'number' && opacity >= 0.0 && opacity <= 1.0) {
+        this.group_.setAttribute('opacity', opacity);
+      }
+    }
+
+    /**
+     * Append children to this layer.
+     * @param {SVGGElement} children - The children to append to this layer.
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'appendChildren',
+    value: function appendChildren(children) {
+      for (var i = 0; i < children.length; ++i) {
+        this.group_.append(children[i]);
+      }
+    }
+
+    /**
+    * @returns {SVGTitleElement|null}
+    */
+
+  }, {
+    key: 'getTitleElement',
+    value: function getTitleElement() {
+      var len = this.group_.childNodes.length;
+      for (var i = 0; i < len; ++i) {
+        var child = this.group_.childNodes.item(i);
+        if (child && child.tagName === 'title') {
+          return child;
+        }
+      }
+      return null;
+    }
+
+    /**
+     * Set the name of this layer.
+     * @param {string} name - The new name.
+     * @param {module:history.HistoryRecordingService} hrService - History recording service
+     * @returns {string|null} The new name if changed; otherwise, null.
+     */
+
+  }, {
+    key: 'setName',
+    value: function setName(name, hrService) {
+      var previousName = this.name_;
+      name = toXml(name);
+      // now change the underlying title element contents
+      var title = this.getTitleElement();
+      if (title) {
+        $$4(title).empty();
+        title.textContent = name;
+        this.name_ = name;
+        if (hrService) {
+          hrService.changeElement(title, { '#text': previousName });
+        }
+        return this.name_;
+      }
+      return null;
+    }
+
+    /**
+     * Remove this layer's group from the DOM. No more functions on group can be called after this.
+     * @param {SVGGElement} children - The children to append to this layer.
+     * @returns {SVGGElement} The layer SVG group that was just removed.
+     */
+
+  }, {
+    key: 'removeGroup',
+    value: function removeGroup() {
+      var parent = this.group_.parentNode;
+      var group = parent.removeChild(this.group_);
+      this.group_ = undefined;
+      return group;
+    }
+  }]);
+  return Layer;
+}();
+/**
+ * @property {string} CLASS_NAME - class attribute assigned to all layer groups.
+ */
+
+
+Layer.CLASS_NAME = 'layer';
+
+/**
+ * @property {RegExp} CLASS_REGEX - Used to test presence of class Layer.CLASS_NAME
+ */
+Layer.CLASS_REGEX = new RegExp('(\\s|^)' + Layer.CLASS_NAME + '(\\s|$)');
+
+/**
+ * Add class `Layer.CLASS_NAME` to the element (usually `class='layer'`).
+ *
+ * @param {SVGGElement} elem - The SVG element to update
+ * @returns {undefined}
+ */
+function addLayerClass(elem) {
+  var classes = elem.getAttribute('class');
+  if (classes === null || classes === undefined || !classes.length) {
+    elem.setAttribute('class', Layer.CLASS_NAME);
+  } else if (!Layer.CLASS_REGEX.test(classes)) {
+    elem.setAttribute('class', classes + ' ' + Layer.CLASS_NAME);
+  }
+}
+
+/**
+ * HistoryRecordingService component of history
+ * @module history
+ * @license MIT
+ * @copyright 2016 Flint O'Brien
+ */
+
+/**
+ * History recording service.
+ *
+ * A self-contained service interface for recording history. Once injected, no other dependencies
+ * or globals are required (example: UndoManager, command types, etc.). Easy to mock for unit tests.
+ * Built on top of history classes in history.js.
+ *
+ * There is a simple start/end interface for batch commands.
+ *
+ * HistoryRecordingService.NO_HISTORY is a singleton that can be passed in to functions
+ * that record history. This helps when the caller requires that no history be recorded.
+ *
+ * The following will record history: insert, batch, insert.
+ * @example
+ * hrService = new history.HistoryRecordingService(this.undoMgr);
+ * hrService.insertElement(elem, text);         // add simple command to history.
+ * hrService.startBatchCommand('create two elements');
+ * hrService.changeElement(elem, attrs, text);  // add to batchCommand
+ * hrService.changeElement(elem, attrs2, text); // add to batchCommand
+ * hrService.endBatchCommand();                  // add batch command with two change commands to history.
+ * hrService.insertElement(elem, text);         // add simple command to history.
+ *
+ * @example
+ * // Note that all functions return this, so commands can be chained, like so:
+ * hrService
+ *   .startBatchCommand('create two elements')
+ *   .insertElement(elem, text)
+ *   .changeElement(elem, attrs, text)
+ *   .endBatchCommand();
+ *
+ * @memberof module:history
+ */
+
+var HistoryRecordingService = function () {
+  /**
+  * @param {history.UndoManager|null} undoManager - The undo manager.
+  *     A value of `null` is valid for cases where no history recording is required.
+  *     See singleton: {@link module:history.HistoryRecordingService.HistoryRecordingService.NO_HISTORY}
+  */
+  function HistoryRecordingService(undoManager) {
+    classCallCheck(this, HistoryRecordingService);
+
+    this.undoManager_ = undoManager;
+    this.currentBatchCommand_ = null;
+    this.batchCommandStack_ = [];
+  }
+
+  /**
+   * Start a batch command so multiple commands can recorded as a single history command.
+   * Requires a corresponding call to endBatchCommand. Start and end commands can be nested.
+   *
+   * @param {string} text - Optional string describing the batch command.
+   * @returns {module:history.HistoryRecordingService}
+   */
+
+
+  createClass(HistoryRecordingService, [{
+    key: 'startBatchCommand',
+    value: function startBatchCommand(text) {
+      if (!this.undoManager_) {
+        return this;
+      }
+      this.currentBatchCommand_ = new BatchCommand(text);
+      this.batchCommandStack_.push(this.currentBatchCommand_);
+      return this;
+    }
+
+    /**
+     * End a batch command and add it to the history or a parent batch command.
+     * @returns {module:history.HistoryRecordingService}
+     */
+
+  }, {
+    key: 'endBatchCommand',
+    value: function endBatchCommand() {
+      if (!this.undoManager_) {
+        return this;
+      }
+      if (this.currentBatchCommand_) {
+        var batchCommand = this.currentBatchCommand_;
+        this.batchCommandStack_.pop();
+        var length = this.batchCommandStack_.length;
+
+        this.currentBatchCommand_ = length ? this.batchCommandStack_[length - 1] : null;
+        this.addCommand_(batchCommand);
+      }
+      return this;
+    }
+
+    /**
+     * Add a MoveElementCommand to the history or current batch command
+     * @param {Element} elem - The DOM element that was moved
+     * @param {Element} oldNextSibling - The element's next sibling before it was moved
+     * @param {Element} oldParent - The element's parent before it was moved
+     * @param {string} [text] - An optional string visible to user related to this change
+     * @returns {module:history.HistoryRecordingService}
+     */
+
+  }, {
+    key: 'moveElement',
+    value: function moveElement(elem, oldNextSibling, oldParent, text) {
+      if (!this.undoManager_) {
+        return this;
+      }
+      this.addCommand_(new MoveElementCommand(elem, oldNextSibling, oldParent, text));
+      return this;
+    }
+
+    /**
+     * Add an InsertElementCommand to the history or current batch command
+     * @param {Element} elem - The DOM element that was added
+     * @param {string} [text] - An optional string visible to user related to this change
+     * @returns {module:history.HistoryRecordingService}
+     */
+
+  }, {
+    key: 'insertElement',
+    value: function insertElement(elem, text) {
+      if (!this.undoManager_) {
+        return this;
+      }
+      this.addCommand_(new InsertElementCommand(elem, text));
+      return this;
+    }
+
+    /**
+     * Add a RemoveElementCommand to the history or current batch command
+     * @param {Element} elem - The DOM element that was removed
+     * @param {Element} oldNextSibling - The element's next sibling before it was removed
+     * @param {Element} oldParent - The element's parent before it was removed
+     * @param {string} [text] - An optional string visible to user related to this change
+     * @returns {module:history.HistoryRecordingService}
+     */
+
+  }, {
+    key: 'removeElement',
+    value: function removeElement(elem, oldNextSibling, oldParent, text) {
+      if (!this.undoManager_) {
+        return this;
+      }
+      this.addCommand_(new RemoveElementCommand(elem, oldNextSibling, oldParent, text));
+      return this;
+    }
+
+    /**
+     * Add a ChangeElementCommand to the history or current batch command
+     * @param {Element} elem - The DOM element that was changed
+     * @param {module:history.CommandAttributes} attrs - An object with the attributes to be changed and the values they had *before* the change
+     * @param {string} [text] - An optional string visible to user related to this change
+     * @returns {module:history.HistoryRecordingService}
+     */
+
+  }, {
+    key: 'changeElement',
+    value: function changeElement(elem, attrs, text) {
+      if (!this.undoManager_) {
+        return this;
+      }
+      this.addCommand_(new ChangeElementCommand(elem, attrs, text));
+      return this;
+    }
+
+    /**
+     * Private function to add a command to the history or current batch command.
+     * @private
+     * @param {Command} cmd
+     * @returns {module:history.HistoryRecordingService}
+     */
+
+  }, {
+    key: 'addCommand_',
+    value: function addCommand_(cmd) {
+      if (!this.undoManager_) {
+        return this;
+      }
+      if (this.currentBatchCommand_) {
+        this.currentBatchCommand_.addSubCommand(cmd);
+      } else {
+        this.undoManager_.addCommandToHistory(cmd);
+      }
+    }
+  }]);
+  return HistoryRecordingService;
+}();
+/**
+ * @memberof module:history.HistoryRecordingService
+ * @property {module:history.HistoryRecordingService} NO_HISTORY - Singleton that can be passed to functions that record history, but the caller requires that no history be recorded.
+ */
+
+
+HistoryRecordingService.NO_HISTORY = new HistoryRecordingService();
+
+/* globals jQuery */
+
+var $$5 = jQuery;
+
+var visElems$1 = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use'.split(',');
+
+var RandomizeModes = {
+  LET_DOCUMENT_DECIDE: 0,
+  ALWAYS_RANDOMIZE: 1,
+  NEVER_RANDOMIZE: 2
+};
+var randIds = RandomizeModes.LET_DOCUMENT_DECIDE;
+// Array with current disabled elements (for in-group editing)
+var disabledElems = [];
+
+/**
+ * Get a HistoryRecordingService.
+ * @param {module:history.HistoryRecordingService} [hrService] - if exists, return it instead of creating a new service.
+ * @returns {module:history.HistoryRecordingService}
+ */
+function historyRecordingService(hrService) {
+  return hrService || new HistoryRecordingService(canvas_.undoMgr);
+}
+
+/**
+ * Find the layer name in a group element.
+ * @param {Element} group The group element to search in.
+ * @returns {string} The layer name or empty string.
+ */
+function findLayerNameInGroup(group) {
+  return $$5('title', group).text() || (isOpera() && group.querySelectorAll
+  // Hack for Opera 10.60
+  ? $$5(group.querySelectorAll('title')).text() : '');
+}
+
+/**
+ * Given a set of names, return a new unique name.
+ * @param {string[]} existingLayerNames - Existing layer names.
+ * @returns {string} - The new name.
+ */
+function getNewLayerName(existingLayerNames) {
+  var i = 1;
+  // TODO(codedread): What about internationalization of "Layer"?
+  while (existingLayerNames.includes('Layer ' + i)) {
+    i++;
+  }
+  return 'Layer ' + i;
+}
+
+/**
+ * This class encapsulates the concept of a SVG-edit drawing
+ */
+var Drawing = function () {
+  /**
+  * @param {SVGSVGElement} svgElem - The SVG DOM Element that this JS object
+  *     encapsulates.  If the svgElem has a se:nonce attribute on it, then
+  *     IDs will use the nonce as they are generated.
+  * @param {string} [optIdPrefix=svg_] - The ID prefix to use.
+  * @throws {Error} If not initialized with an SVG element
+  */
+  function Drawing(svgElem, optIdPrefix) {
+    classCallCheck(this, Drawing);
+
+    if (!svgElem || !svgElem.tagName || !svgElem.namespaceURI || svgElem.tagName !== 'svg' || svgElem.namespaceURI !== NS.SVG) {
+      throw new Error('Error: svgedit.draw.Drawing instance initialized without a <svg> element');
+    }
+
+    /**
+    * The SVG DOM Element that represents this drawing.
+    * @type {SVGSVGElement}
+    */
+    this.svgElem_ = svgElem;
+
+    /**
+    * The latest object number used in this drawing.
+    * @type {Integer}
+    */
+    this.obj_num = 0;
+
+    /**
+    * The prefix to prepend to each element id in the drawing.
+    * @type {string}
+    */
+    this.idPrefix = optIdPrefix || 'svg_';
+
+    /**
+    * An array of released element ids to immediately reuse.
+    * @type {Integer[]}
+    */
+    this.releasedNums = [];
+
+    /**
+    * The z-ordered array of Layer objects. Each layer has a name
+    * and group element.
+    * The first layer is the one at the bottom of the rendering.
+    * @type {Layer[]}
+    */
+    this.all_layers = [];
+
+    /**
+    * Map of all_layers by name.
+    *
+    * Note: Layers are ordered, but referenced externally by name; so, we need both container
+    * types depending on which function is called (i.e. all_layers and layer_map).
+    *
+    * @type {PlainObject.<string, Layer>}
+    */
+    this.layer_map = {};
+
+    /**
+    * The current layer being used.
+    * @type {Layer}
+    */
+    this.current_layer = null;
+
+    /**
+    * The nonce to use to uniquely identify elements across drawings.
+    * @type {!String}
+    */
+    this.nonce_ = '';
+    var n = this.svgElem_.getAttributeNS(NS.SE, 'nonce');
+    // If already set in the DOM, use the nonce throughout the document
+    // else, if randomizeIds(true) has been called, create and set the nonce.
+    if (!!n && randIds !== RandomizeModes.NEVER_RANDOMIZE) {
+      this.nonce_ = n;
+    } else if (randIds === RandomizeModes.ALWAYS_RANDOMIZE) {
+      this.setNonce(Math.floor(Math.random() * 100001));
+    }
+  }
+
+  /**
+   * @param {string} id Element ID to retrieve
+   * @returns {Element} SVG element within the root SVGSVGElement
+  */
+
+
+  createClass(Drawing, [{
+    key: 'getElem_',
+    value: function getElem_(id) {
+      if (this.svgElem_.querySelector) {
+        // querySelector lookup
+        return this.svgElem_.querySelector('#' + id);
+      }
+      // jQuery lookup: twice as slow as xpath in FF
+      return $$5(this.svgElem_).find('[id=' + id + ']')[0];
+    }
+
+    /**
+     * @returns {SVGSVGElement}
+     */
+
+  }, {
+    key: 'getSvgElem',
+    value: function getSvgElem() {
+      return this.svgElem_;
+    }
+
+    /**
+     * @returns {!(string|Integer)} The previously set nonce
+     */
+
+  }, {
+    key: 'getNonce',
+    value: function getNonce() {
+      return this.nonce_;
+    }
+
+    /**
+     * @param {!(string|Integer)} n The nonce to set
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'setNonce',
+    value: function setNonce(n) {
+      this.svgElem_.setAttributeNS(NS.XMLNS, 'xmlns:se', NS.SE);
+      this.svgElem_.setAttributeNS(NS.SE, 'se:nonce', n);
+      this.nonce_ = n;
+    }
+
+    /**
+     * Clears any previously set nonce
+     * @returns {undefined}
+     */
+
+  }, {
+    key: 'clearNonce',
+    value: function clearNonce() {
+      // We deliberately leave any se:nonce attributes alone,
+      // we just don't use it to randomize ids.
+      this.nonce_ = '';
+    }
+
+    /**
+     * Returns the latest object id as a string.
+     * @returns {string} The latest object Id.
+     */
+
+  }, {
+    key: 'getId',
+    value: function getId() {
+      return this.nonce_ ? this.idPrefix + this.nonce_ + '_' + this.obj_num : this.idPrefix + this.obj_num;
+    }
+
+    /**
+     * Returns the next object Id as a string.
+     * @returns {string} The next object Id to use.
+     */
+
+  }, {
+    key: 'getNextId',
+    value: function getNextId() {
+      var oldObjNum = this.obj_num;
+      var restoreOldObjNum = false;
+
+      // If there are any released numbers in the release stack,
+      // use the last one instead of the next obj_num.
+      // We need to temporarily use obj_num as that is what getId() depends on.
+      if (this.releasedNums.length > 0) {
+        this.obj_num = this.releasedNums.pop();
+        restoreOldObjNum = true;
+      } else {
+        // If we are not using a released id, then increment the obj_num.
+        this.obj_num++;
+      }
+
+      // Ensure the ID does not exist.
+      var id = this.getId();
+      while (this.getElem_(id)) {
+        if (restoreOldObjNum) {
+          this.obj_num = oldObjNum;
+          restoreOldObjNum = false;
+        }
+        this.obj_num++;
+        id = this.getId();
+      }
+      // Restore the old object number if required.
+      if (restoreOldObjNum) {
+        this.obj_num = oldObjNum;
+      }
+      return id;
+    }
+
+    /**
+     * Releases the object Id, letting it be used as the next id in getNextId().
+     * This method DOES NOT remove any elements from the DOM, it is expected
+     * that client code will do this.
+     * @param {string} id - The id to release.
+     * @returns {boolean} True if the id was valid to be released, false otherwise.
+    */
+
+  }, {
+    key: 'releaseId',
+    value: function releaseId(id) {
+      // confirm if this is a valid id for this Document, else return false
+      var front = this.idPrefix + (this.nonce_ ? this.nonce_ + '_' : '');
+      if (typeof id !== 'string' || !id.startsWith(front)) {
+        return false;
+      }
+      // extract the obj_num of this id
+      var num = parseInt(id.substr(front.length), 10);
+
+      // if we didn't get a positive number or we already released this number
+      // then return false.
+      if (typeof num !== 'number' || num <= 0 || this.releasedNums.includes(num)) {
+        return false;
+      }
+
+      // push the released number into the released queue
+      this.releasedNums.push(num);
+
+      return true;
+    }
+
+    /**
+     * Returns the number of layers in the current drawing.
+     * @returns {Integer} The number of layers in the current drawing.
+    */
+
+  }, {
+    key: 'getNumLayers',
+    value: function getNumLayers() {
+      return this.all_layers.length;
+    }
+
+    /**
+     * Check if layer with given name already exists
+     * @param {string} name - The layer name to check
+     * @returns {boolean}
+    */
+
+  }, {
+    key: 'hasLayer',
+    value: function hasLayer(name) {
+      return this.layer_map[name] !== undefined;
+    }
+
+    /**
+     * Returns the name of the ith layer. If the index is out of range, an empty string is returned.
+     * @param {Integer} i - The zero-based index of the layer you are querying.
+     * @returns {string} The name of the ith layer (or the empty string if none found)
+    */
+
+  }, {
+    key: 'getLayerName',
+    value: function getLayerName(i) {
+      return i >= 0 && i < this.getNumLayers() ? this.all_layers[i].getName() : '';
+    }
+
+    /**
+     * @returns {SVGGElement|null} The SVGGElement representing the current layer.
+     */
+
+  }, {
+    key: 'getCurrentLayer',
+    value: function getCurrentLayer() {
+      return this.current_layer ? this.current_layer.getGroup() : null;
+    }
+
+    /**
+     * Get a layer by name.
+     * @returns {SVGGElement} The SVGGElement representing the named layer or null.
+     */
+
+  }, {
+    key: 'getLayerByName',
+    value: function getLayerByName(name) {
+      var layer = this.layer_map[name];
+      return layer ? layer.getGroup() : null;
+    }
+
+    /**
+     * Returns the name of the currently selected layer. If an error occurs, an empty string
+     * is returned.
+     * @returns {string} The name of the currently active layer (or the empty string if none found).
+    */
+
+  }, {
+    key: 'getCurrentLayerName',
+    value: function getCurrentLayerName() {
+      return this.current_layer ? this.current_layer.getName() : '';
+    }
+
+    /**
+     * Set the current layer's name.
+     * @param {string} name - The new name.
+     * @param {module:history.HistoryRecordingService} hrService - History recording service
+     * @returns {string|null} The new name if changed; otherwise, null.
+     */
+
+  }, {
+    key: 'setCurrentLayerName',
+    value: function setCurrentLayerName(name, hrService) {
+      var finalName = null;
+      if (this.current_layer) {
+        var oldName = this.current_layer.getName();
+        finalName = this.current_layer.setName(name, hrService);
+        if (finalName) {
+          delete this.layer_map[oldName];
+          this.layer_map[finalName] = this.current_layer;
+        }
+      }
+      return finalName;
+    }
+
+    /**
+     * Set the current layer's position.
+     * @param {Integer} newpos - The zero-based index of the new position of the layer. Range should be 0 to layers-1
+     * @returns {{title: SVGGElement, previousName: string}|null} If the name was changed, returns {title:SVGGElement, previousName:string}; otherwise null.
+     */
+
+  }, {
+    key: 'setCurrentLayerPosition',
+    value: function setCurrentLayerPosition(newpos) {
+      var layerCount = this.getNumLayers();
+      if (!this.current_layer || newpos < 0 || newpos >= layerCount) {
+        return null;
+      }
+
+      var oldpos = void 0;
+      for (oldpos = 0; oldpos < layerCount; ++oldpos) {
+        if (this.all_layers[oldpos] === this.current_layer) {
+          break;
+        }
+      }
+      // some unknown error condition (current_layer not in all_layers)
+      if (oldpos === layerCount) {
+        return null;
+      }
+
+      if (oldpos !== newpos) {
+        // if our new position is below us, we need to insert before the node after newpos
+        var currentGroup = this.current_layer.getGroup();
+        var oldNextSibling = currentGroup.nextSibling;
+
+        var refGroup = null;
+        if (newpos > oldpos) {
+          if (newpos < layerCount - 1) {
+            refGroup = this.all_layers[newpos + 1].getGroup();
+          }
+          // if our new position is above us, we need to insert before the node at newpos
+        } else {
+          refGroup = this.all_layers[newpos].getGroup();
+        }
+        this.svgElem_.insertBefore(currentGroup, refGroup); // Ok to replace with `refGroup.before(currentGroup);`?
+
+        this.identifyLayers();
+        this.setCurrentLayer(this.getLayerName(newpos));
+
+        return {
+          currentGroup: currentGroup,
+          oldNextSibling: oldNextSibling
+        };
+      }
+      return null;
+    }
+
+    /**
+    * @param {module:history.HistoryRecordingService} hrService
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'mergeLayer',
+    value: function mergeLayer(hrService) {
+      var currentGroup = this.current_layer.getGroup();
+      var prevGroup = $$5(currentGroup).prev()[0];
+      if (!prevGroup) {
+        return;
+      }
+
+      hrService.startBatchCommand('Merge Layer');
+
+      var layerNextSibling = currentGroup.nextSibling;
+      hrService.removeElement(currentGroup, layerNextSibling, this.svgElem_);
+
+      while (currentGroup.firstChild) {
+        var child = currentGroup.firstChild;
+        if (child.localName === 'title') {
+          hrService.removeElement(child, child.nextSibling, currentGroup);
+          child.remove();
+          continue;
+        }
+        var oldNextSibling = child.nextSibling;
+        prevGroup.append(child);
+        hrService.moveElement(child, oldNextSibling, currentGroup);
+      }
+
+      // Remove current layer's group
+      this.current_layer.removeGroup();
+      // Remove the current layer and set the previous layer as the new current layer
+      var index = this.all_layers.indexOf(this.current_layer);
+      if (index > 0) {
+        var _name = this.current_layer.getName();
+        this.current_layer = this.all_layers[index - 1];
+        this.all_layers.splice(index, 1);
+        delete this.layer_map[_name];
+      }
+
+      hrService.endBatchCommand();
+    }
+
+    /**
+    * @param {module:history.HistoryRecordingService} hrService
+    * @returns {undefined}
+    */
+
+  }, {
+    key: 'mergeAllLayers',
+    value: function mergeAllLayers(hrService) {
+      // Set the current layer to the last layer.
+      this.current_layer = this.all_layers[this.all_layers.length - 1];
+
+      hrService.startBatchCommand('Merge all Layers');
+      while (this.all_layers.length > 1) {
+        this.mergeLayer(hrService);
+      }
+      hrService.endBatchCommand();
+    }
+
+    /**
+     * Sets the current layer. If the name is not a valid layer name, then this
+     * function returns `false`. Otherwise it returns `true`. This is not an
+     * undo-able action.
+     * @param {string} name - The name of the layer you want to switch to.
+     * @returns {boolean} `true` if the current layer was switched, otherwise `false`
+     */
+
+  }, {
+    key: 'setCurrentLayer',
+    value: function setCurrentLayer(name) {
+      var layer = this.layer_map[name];
+      if (layer) {
+        if (this.current_layer) {
+          this.current_layer.deactivate();
+        }
+        this.current_layer = layer;
+        this.current_layer.activate();
+        return true;
+      }
+      return false;
+    }
+
+    /**
+     * Deletes the current layer from the drawing and then clears the selection.
+     * This function then calls the 'changed' handler.  This is an undoable action.
+     * @todo Does this actually call the 'changed' handler?
+     * @returns {SVGGElement} The SVGGElement of the layer removed or null.
+     */
+
+  }, {
+    key: 'deleteCurrentLayer',
+    value: function deleteCurrentLayer() {
+      if (this.current_layer && this.getNumLayers() > 1) {
+        var oldLayerGroup = this.current_layer.removeGroup();
+        this.identifyLayers();
+        return oldLayerGroup;
+      }
+      return null;
+    }
+
+    /**
+     * Updates layer system and sets the current layer to the
+     * top-most layer (last `<g>` child of this drawing).
+     * @returns {undefined}
+    */
+
+  }, {
+    key: 'identifyLayers',
+    value: function identifyLayers() {
+      this.all_layers = [];
+      this.layer_map = {};
+      var numchildren = this.svgElem_.childNodes.length;
+      // loop through all children of SVG element
+      var orphans = [],
+          layernames = [];
+      var layer = null;
+      var childgroups = false;
+      for (var i = 0; i < numchildren; ++i) {
+        var child = this.svgElem_.childNodes.item(i);
+        // for each g, find its layer name
+        if (child && child.nodeType === 1) {
+          if (child.tagName === 'g') {
+            childgroups = true;
+            var _name2 = findLayerNameInGroup(child);
+            if (_name2) {
+              layernames.push(_name2);
+              layer = new Layer(_name2, child);
+              this.all_layers.push(layer);
+              this.layer_map[_name2] = layer;
+            } else {
+              // if group did not have a name, it is an orphan
+              orphans.push(child);
+            }
+          } else if (visElems$1.includes(child.nodeName)) {
+            // Child is "visible" (i.e. not a <title> or <defs> element), so it is an orphan
+            orphans.push(child);
+          }
+        }
+      }
+
+      // If orphans or no layers found, create a new layer and add all the orphans to it
+      if (orphans.length > 0 || !childgroups) {
+        layer = new Layer(getNewLayerName(layernames), null, this.svgElem_);
+        layer.appendChildren(orphans);
+        this.all_layers.push(layer);
+        this.layer_map[name] = layer;
+      } else {
+        layer.activate();
+      }
+      this.current_layer = layer;
+    }
+
+    /**
+     * Creates a new top-level layer in the drawing with the given name and
+     * makes it the current layer.
+     * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+     * @param {module:history.HistoryRecordingService} hrService - History recording service
+     * @returns {SVGGElement} The SVGGElement of the new layer, which is
+     *     also the current layer of this drawing.
+    */
+
+  }, {
+    key: 'createLayer',
+    value: function createLayer(name, hrService) {
+      if (this.current_layer) {
+        this.current_layer.deactivate();
+      }
+      // Check for duplicate name.
+      if (name === undefined || name === null || name === '' || this.layer_map[name]) {
+        name = getNewLayerName(Object.keys(this.layer_map));
+      }
+
+      // Crate new layer and add to DOM as last layer
+      var layer = new Layer(name, null, this.svgElem_);
+      // Like to assume hrService exists, but this is backwards compatible with old version of createLayer.
+      if (hrService) {
+        hrService.startBatchCommand('Create Layer');
+        hrService.insertElement(layer.getGroup());
+        hrService.endBatchCommand();
+      }
+
+      this.all_layers.push(layer);
+      this.layer_map[name] = layer;
+      this.current_layer = layer;
+      return layer.getGroup();
+    }
+
+    /**
+     * Creates a copy of the current layer with the given name and makes it the current layer.
+     * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+     * @param {module:history.HistoryRecordingService} hrService - History recording service
+     * @returns {SVGGElement} The SVGGElement of the new layer, which is
+     *     also the current layer of this drawing.
+    */
+
+  }, {
+    key: 'cloneLayer',
+    value: function cloneLayer(name, hrService) {
+      if (!this.current_layer) {
+        return null;
+      }
+      this.current_layer.deactivate();
+      // Check for duplicate name.
+      if (name === undefined || name === null || name === '' || this.layer_map[name]) {
+        name = getNewLayerName(Object.keys(this.layer_map));
+      }
+
+      // Create new group and add to DOM just after current_layer
+      var currentGroup = this.current_layer.getGroup();
+      var layer = new Layer(name, currentGroup, this.svgElem_);
+      var group = layer.getGroup();
+
+      // Clone children
+      var children = currentGroup.childNodes;
+      for (var _index = 0; _index < children.length; _index++) {
+        var ch = children[_index];
+        if (ch.localName === 'title') {
+          continue;
+        }
+        group.append(this.copyElem(ch));
+      }
+
+      if (hrService) {
+        hrService.startBatchCommand('Duplicate Layer');
+        hrService.insertElement(group);
+        hrService.endBatchCommand();
+      }
+
+      // Update layer containers and current_layer.
+      var index = this.all_layers.indexOf(this.current_layer);
+      if (index >= 0) {
+        this.all_layers.splice(index + 1, 0, layer);
+      } else {
+        this.all_layers.push(layer);
+      }
+      this.layer_map[name] = layer;
+      this.current_layer = layer;
+      return group;
+    }
+
+    /**
+     * Returns whether the layer is visible.  If the layer name is not valid,
+     * then this function returns `false`.
+     * @param {string} layerName - The name of the layer which you want to query.
+     * @returns {boolean} The visibility state of the layer, or `false` if the layer name was invalid.
+    */
+
+  }, {
+    key: 'getLayerVisibility',
+    value: function getLayerVisibility(layerName) {
+      var layer = this.layer_map[layerName];
+      return layer ? layer.isVisible() : false;
+    }
+
+    /**
+     * Sets the visibility of the layer. If the layer name is not valid, this
+     * function returns `null`, otherwise it returns the `SVGElement` representing
+     * the layer. This is an undo-able action.
+     * @param {string} layerName - The name of the layer to change the visibility
+     * @param {boolean} bVisible - Whether the layer should be visible
+     * @returns {?SVGGElement} The SVGGElement representing the layer if the
+     *   `layerName` was valid, otherwise `null`.
+    */
+
+  }, {
+    key: 'setLayerVisibility',
+    value: function setLayerVisibility(layerName, bVisible) {
+      if (typeof bVisible !== 'boolean') {
+        return null;
+      }
+      var layer = this.layer_map[layerName];
+      if (!layer) {
+        return null;
+      }
+      layer.setVisible(bVisible);
+      return layer.getGroup();
+    }
+
+    /**
+     * Returns the opacity of the given layer.  If the input name is not a layer, `null` is returned.
+     * @param {string} layerName - name of the layer on which to get the opacity
+     * @returns {?Float} The opacity value of the given layer.  This will be a value between 0.0 and 1.0, or `null`
+     * if `layerName` is not a valid layer
+    */
+
+  }, {
+    key: 'getLayerOpacity',
+    value: function getLayerOpacity(layerName) {
+      var layer = this.layer_map[layerName];
+      if (!layer) {
+        return null;
+      }
+      return layer.getOpacity();
+    }
+
+    /**
+     * Sets the opacity of the given layer.  If the input name is not a layer,
+     * nothing happens. If opacity is not a value between 0.0 and 1.0, then
+     * nothing happens.
+     * NOTE: this function exists solely to apply a highlighting/de-emphasis
+     * effect to a layer. When it is possible for a user to affect the opacity
+     * of a layer, we will need to allow this function to produce an undo-able
+     * action.
+     * @param {string} layerName - Name of the layer on which to set the opacity
+     * @param {Float} opacity - A float value in the range 0.0-1.0
+     * @returns {undefined}
+    */
+
+  }, {
+    key: 'setLayerOpacity',
+    value: function setLayerOpacity(layerName, opacity) {
+      if (typeof opacity !== 'number' || opacity < 0.0 || opacity > 1.0) {
+        return;
+      }
+      var layer = this.layer_map[layerName];
+      if (layer) {
+        layer.setOpacity(opacity);
+      }
+    }
+
+    /**
+     * Create a clone of an element, updating its ID and its children's IDs when needed
+     * @param {Element} el - DOM element to clone
+     * @returns {Element}
+     */
+
+  }, {
+    key: 'copyElem',
+    value: function copyElem$$1(el) {
+      var self = this;
+      var getNextIdClosure = function getNextIdClosure() {
+        return self.getNextId();
+      };
+      return copyElem(el, getNextIdClosure);
+    }
+  }]);
+  return Drawing;
+}();
+
+/**
+ * Called to ensure that drawings will or will not have randomized ids.
+ * The currentDrawing will have its nonce set if it doesn't already.
+ * @function module:draw.randomizeIds
+ * @param {boolean} enableRandomization - flag indicating if documents should have randomized ids
+ * @param {draw.Drawing} currentDrawing
+ * @returns {undefined}
+ */
+var randomizeIds = function randomizeIds(enableRandomization, currentDrawing) {
+  randIds = enableRandomization === false ? RandomizeModes.NEVER_RANDOMIZE : RandomizeModes.ALWAYS_RANDOMIZE;
+
+  if (randIds === RandomizeModes.ALWAYS_RANDOMIZE && !currentDrawing.getNonce()) {
+    currentDrawing.setNonce(Math.floor(Math.random() * 100001));
+  } else if (randIds === RandomizeModes.NEVER_RANDOMIZE && currentDrawing.getNonce()) {
+    currentDrawing.clearNonce();
+  }
+};
+
+// Layer API Functions
+
+/**
+* Group: Layers
+*/
+
+/**
+ * @see {@link https://api.jquery.com/jQuery.data/}
+ * @name external:jQuery.data
+ */
+
+/**
+ * @interface module:draw.DrawCanvasInit
+ * @property {module:path.pathActions} pathActions
+ * @property {external:jQuery.data} elData
+ * @property {module:history.UndoManager} undoMgr
+ */
+/**
+ * @function module:draw.DrawCanvasInit#getCurrentGroup
+ * @returns {Element}
+ */
+/**
+ * @function module:draw.DrawCanvasInit#setCurrentGroup
+ * @param {Element} cg
+ * @returns {undefined}
+*/
+/**
+ * @function module:draw.DrawCanvasInit#getSelectedElements
+ * @returns {Element[]} the array with selected DOM elements
+*/
+/**
+ * @function module:draw.DrawCanvasInit#getSVGContent
+ * @returns {SVGSVGElement}
+ */
+/**
+ * @function module:draw.DrawCanvasInit#getCurrentDrawing
+ * @returns {module:draw.Drawing}
+ */
+/**
+ * @function module:draw.DrawCanvasInit#clearSelection
+ * @param {boolean} [noCall] - When `true`, does not call the "selected" handler
+ * @returns {undefined}
+*/
+/**
+ * Run the callback function associated with the given event
+ * @function module:draw.DrawCanvasInit#call
+ * @param {"changed"|"contextset"} ev - String with the event name
+ * @param {module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset} arg - Argument to pass through to the callback
+ * function. If the event is "changed", a (single-item) array of `Element`s is
+ * passed. If the event is "contextset", the arg is `null` or `Element`.
+ * @returns {undefined}
+ */
+/**
+ * @function module:draw.DrawCanvasInit#addCommandToHistory
+ * @param {Command} cmd
+ * @returns {undefined}
+*/
+/**
+ * @function module:draw.DrawCanvasInit#changeSVGContent
+ * @returns {undefined}
+ */
+
+var canvas_ = void 0;
+/**
+* @function module:draw.init
+* @param {module:draw.DrawCanvasInit} canvas
+* @returns {undefined}
+*/
+var init$3 = function init(canvas) {
+  canvas_ = canvas;
+};
+
+/**
+* Updates layer system
+* @function module:draw.identifyLayers
+* @returns {undefined}
+*/
+var identifyLayers = function identifyLayers() {
+  leaveContext();
+  canvas_.getCurrentDrawing().identifyLayers();
+};
+
+/**
+* Creates a new top-level layer in the drawing with the given name, sets the current layer
+* to it, and then clears the selection. This function then calls the 'changed' handler.
+* This is an undoable action.
+* @function module:draw.createLayer
+* @param {string} name - The given name
+* @param {module:history.HistoryRecordingService} hrService
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+var createLayer = function createLayer(name, hrService) {
+  var newLayer = canvas_.getCurrentDrawing().createLayer(name, historyRecordingService(hrService));
+  canvas_.clearSelection();
+  canvas_.call('changed', [newLayer]);
+};
+
+/**
+ * Creates a new top-level layer in the drawing with the given name, copies all the current layer's contents
+ * to it, and then clears the selection. This function then calls the 'changed' handler.
+ * This is an undoable action.
+ * @function module:draw.cloneLayer
+ * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+ * @param {module:history.HistoryRecordingService} hrService - History recording service
+ * @fires module:svgcanvas.SvgCanvas#event:changed
+ * @returns {undefined}
+ */
+var cloneLayer = function cloneLayer(name, hrService) {
+  // Clone the current layer and make the cloned layer the new current layer
+  var newLayer = canvas_.getCurrentDrawing().cloneLayer(name, historyRecordingService(hrService));
+
+  canvas_.clearSelection();
+  leaveContext();
+  canvas_.call('changed', [newLayer]);
+};
+
+/**
+* Deletes the current layer from the drawing and then clears the selection. This function
+* then calls the 'changed' handler. This is an undoable action.
+* @function module:draw.deleteCurrentLayer
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {boolean} `true` if an old layer group was found to delete
+*/
+var deleteCurrentLayer = function deleteCurrentLayer() {
+  var currentLayer = canvas_.getCurrentDrawing().getCurrentLayer();
+  var _currentLayer = currentLayer,
+      nextSibling = _currentLayer.nextSibling;
+
+  var parent = currentLayer.parentNode;
+  currentLayer = canvas_.getCurrentDrawing().deleteCurrentLayer();
+  if (currentLayer) {
+    var batchCmd = new BatchCommand('Delete Layer');
+    // store in our Undo History
+    batchCmd.addSubCommand(new RemoveElementCommand(currentLayer, nextSibling, parent));
+    canvas_.addCommandToHistory(batchCmd);
+    canvas_.clearSelection();
+    canvas_.call('changed', [parent]);
+    return true;
+  }
+  return false;
+};
+
+/**
+* Sets the current layer. If the name is not a valid layer name, then this function returns
+* false. Otherwise it returns true. This is not an undo-able action.
+* @function module:draw.setCurrentLayer
+* @param {string} name - The name of the layer you want to switch to.
+* @returns {boolean} true if the current layer was switched, otherwise false
+*/
+var setCurrentLayer = function setCurrentLayer(name) {
+  var result = canvas_.getCurrentDrawing().setCurrentLayer(toXml(name));
+  if (result) {
+    canvas_.clearSelection();
+  }
+  return result;
+};
+
+/**
+* Renames the current layer. If the layer name is not valid (i.e. unique), then this function
+* does nothing and returns `false`, otherwise it returns `true`. This is an undo-able action.
+* @function module:draw.renameCurrentLayer
+* @param {string} newName - the new name you want to give the current layer. This name must
+* be unique among all layer names.
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {boolean} Whether the rename succeeded
+*/
+var renameCurrentLayer = function renameCurrentLayer(newName) {
+  var drawing = canvas_.getCurrentDrawing();
+  var layer = drawing.getCurrentLayer();
+  if (layer) {
+    var result = drawing.setCurrentLayerName(newName, historyRecordingService());
+    if (result) {
+      canvas_.call('changed', [layer]);
+      return true;
+    }
+  }
+  return false;
+};
+
+/**
+* Changes the position of the current layer to the new value. If the new index is not valid,
+* this function does nothing and returns false, otherwise it returns true. This is an
+* undo-able action.
+* @function module:draw.setCurrentLayerPosition
+* @param {Integer} newPos - The zero-based index of the new position of the layer. This should be between
+* 0 and (number of layers - 1)
+* @returns {boolean} `true` if the current layer position was changed, `false` otherwise.
+*/
+var setCurrentLayerPosition = function setCurrentLayerPosition(newPos) {
+  var drawing = canvas_.getCurrentDrawing();
+  var result = drawing.setCurrentLayerPosition(newPos);
+  if (result) {
+    canvas_.addCommandToHistory(new MoveElementCommand(result.currentGroup, result.oldNextSibling, canvas_.getSVGContent()));
+    return true;
+  }
+  return false;
+};
+
+/**
+* Sets the visibility of the layer. If the layer name is not valid, this function return
+* `false`, otherwise it returns `true`. This is an undo-able action.
+* @function module:draw.setLayerVisibility
+* @param {string} layerName - The name of the layer to change the visibility
+* @param {boolean} bVisible - Whether the layer should be visible
+* @returns {boolean} true if the layer's visibility was set, false otherwise
+*/
+var setLayerVisibility = function setLayerVisibility(layerName, bVisible) {
+  var drawing = canvas_.getCurrentDrawing();
+  var prevVisibility = drawing.getLayerVisibility(layerName);
+  var layer = drawing.setLayerVisibility(layerName, bVisible);
+  if (layer) {
+    var oldDisplay = prevVisibility ? 'inline' : 'none';
+    canvas_.addCommandToHistory(new ChangeElementCommand(layer, { display: oldDisplay }, 'Layer Visibility'));
+  } else {
+    return false;
+  }
+
+  if (layer === drawing.getCurrentLayer()) {
+    canvas_.clearSelection();
+    canvas_.pathActions.clear();
+  }
+  // call('changed', [selected]);
+  return true;
+};
+
+/**
+* Moves the selected elements to layerName. If the name is not a valid layer name, then `false`
+* is returned. Otherwise it returns `true`. This is an undo-able action.
+* @function module:draw.moveSelectedToLayer
+* @param {string} layerName - The name of the layer you want to which you want to move the selected elements
+* @returns {boolean} Whether the selected elements were moved to the layer.
+*/
+var moveSelectedToLayer = function moveSelectedToLayer(layerName) {
+  // find the layer
+  var drawing = canvas_.getCurrentDrawing();
+  var layer = drawing.getLayerByName(layerName);
+  if (!layer) {
+    return false;
+  }
+
+  var batchCmd = new BatchCommand('Move Elements to Layer');
+
+  // loop for each selected element and move it
+  var selElems = canvas_.getSelectedElements();
+  var i = selElems.length;
+  while (i--) {
+    var elem = selElems[i];
+    if (!elem) {
+      continue;
+    }
+    var oldNextSibling = elem.nextSibling;
+    // TODO: this is pretty brittle!
+    var oldLayer = elem.parentNode;
+    layer.append(elem);
+    batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldLayer));
+  }
+
+  canvas_.addCommandToHistory(batchCmd);
+
+  return true;
+};
+
+/**
+* @function module:draw.mergeLayer
+* @param {module:history.HistoryRecordingService} hrService
+* @returns {undefined}
+*/
+var mergeLayer = function mergeLayer(hrService) {
+  canvas_.getCurrentDrawing().mergeLayer(historyRecordingService(hrService));
+  canvas_.clearSelection();
+  leaveContext();
+  canvas_.changeSVGContent();
+};
+
+/**
+* @function module:draw.mergeAllLayers
+* @param {module:history.HistoryRecordingService} hrService
+* @returns {undefined}
+*/
+var mergeAllLayers = function mergeAllLayers(hrService) {
+  canvas_.getCurrentDrawing().mergeAllLayers(historyRecordingService(hrService));
+  canvas_.clearSelection();
+  leaveContext();
+  canvas_.changeSVGContent();
+};
+
+/**
+* Return from a group context to the regular kind, make any previously
+* disabled elements enabled again
+* @function module:draw.leaveContext
+* @fires module:svgcanvas.SvgCanvas#event:contextset
+* @returns {undefined}
+*/
+var leaveContext = function leaveContext() {
+  var len = disabledElems.length;
+  if (len) {
+    for (var i = 0; i < len; i++) {
+      var elem = disabledElems[i];
+      var orig = canvas_.elData(elem, 'orig_opac');
+      if (orig !== 1) {
+        elem.setAttribute('opacity', orig);
+      } else {
+        elem.removeAttribute('opacity');
+      }
+      elem.setAttribute('style', 'pointer-events: inherit');
+    }
+    disabledElems = [];
+    canvas_.clearSelection(true);
+    canvas_.call('contextset', null);
+  }
+  canvas_.setCurrentGroup(null);
+};
+
+/**
+* Set the current context (for in-group editing)
+* @function module:draw.setContext
+* @param {Element} elem
+* @fires module:svgcanvas.SvgCanvas#event:contextset
+* @returns {undefined}
+*/
+var setContext = function setContext(elem) {
+  leaveContext();
+  if (typeof elem === 'string') {
+    elem = getElem(elem);
+  }
+
+  // Edit inside this group
+  canvas_.setCurrentGroup(elem);
+
+  // Disable other elements
+  $$5(elem).parentsUntil('#svgcontent').andSelf().siblings().each(function () {
+    var opac = this.getAttribute('opacity') || 1;
+    // Store the original's opacity
+    canvas_.elData(this, 'orig_opac', opac);
+    this.setAttribute('opacity', opac * 0.33);
+    this.setAttribute('style', 'pointer-events: none');
+    disabledElems.push(this);
+  });
+
+  canvas_.clearSelection();
+  canvas_.call('contextset', canvas_.getCurrentGroup());
+};
+
+var draw = /*#__PURE__*/Object.freeze({
+  Drawing: Drawing,
+  randomizeIds: randomizeIds,
+  init: init$3,
+  identifyLayers: identifyLayers,
+  createLayer: createLayer,
+  cloneLayer: cloneLayer,
+  deleteCurrentLayer: deleteCurrentLayer,
+  setCurrentLayer: setCurrentLayer,
+  renameCurrentLayer: renameCurrentLayer,
+  setCurrentLayerPosition: setCurrentLayerPosition,
+  setLayerVisibility: setLayerVisibility,
+  moveSelectedToLayer: moveSelectedToLayer,
+  mergeLayer: mergeLayer,
+  mergeAllLayers: mergeAllLayers,
+  leaveContext: leaveContext,
+  setContext: setContext,
+  Layer: Layer
+});
+
+/**
+ * Tools for SVG sanitization
+ * @module sanitize
+ * @license MIT
+ *
+ * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+ */
+
+var REVERSE_NS = getReverseNS();
+
+// this defines which elements and attributes that we support
+var svgWhiteList_ = {
+  // SVG Elements
+  a: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'xlink:href', 'xlink:title'],
+  circle: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'r', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+  clipPath: ['class', 'clipPathUnits', 'id'],
+  defs: [],
+  style: ['type'],
+  desc: [],
+  ellipse: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+  feGaussianBlur: ['class', 'color-interpolation-filters', 'id', 'requiredFeatures', 'stdDeviation'],
+  filter: ['class', 'color-interpolation-filters', 'filterRes', 'filterUnits', 'height', 'id', 'primitiveUnits', 'requiredFeatures', 'width', 'x', 'xlink:href', 'y'],
+  foreignObject: ['class', 'font-size', 'height', 'id', 'opacity', 'requiredFeatures', 'style', 'transform', 'width', 'x', 'y'],
+  g: ['class', 'clip-path', 'clip-rule', 'id', 'display', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'font-family', 'font-size', 'font-style', 'font-weight', 'text-anchor'],
+  image: ['class', 'clip-path', 'clip-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'style', 'systemLanguage', 'transform', 'width', 'x', 'xlink:href', 'xlink:title', 'y'],
+  line: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'x1', 'x2', 'y1', 'y2'],
+  linearGradient: ['class', 'id', 'gradientTransform', 'gradientUnits', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'x1', 'x2', 'xlink:href', 'y1', 'y2'],
+  marker: ['id', 'class', 'markerHeight', 'markerUnits', 'markerWidth', 'orient', 'preserveAspectRatio', 'refX', 'refY', 'systemLanguage', 'viewBox'],
+  mask: ['class', 'height', 'id', 'maskContentUnits', 'maskUnits', 'width', 'x', 'y'],
+  metadata: ['class', 'id'],
+  path: ['class', 'clip-path', 'clip-rule', 'd', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+  pattern: ['class', 'height', 'id', 'patternContentUnits', 'patternTransform', 'patternUnits', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xlink:href', 'y'],
+  polygon: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'class', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+  polyline: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+  radialGradient: ['class', 'cx', 'cy', 'fx', 'fy', 'gradientTransform', 'gradientUnits', 'id', 'r', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'xlink:href'],
+  rect: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'width', 'x', 'y'],
+  stop: ['class', 'id', 'offset', 'requiredFeatures', 'stop-color', 'stop-opacity', 'style', 'systemLanguage'],
+  svg: ['class', 'clip-path', 'clip-rule', 'filter', 'id', 'height', 'mask', 'preserveAspectRatio', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xmlns', 'xmlns:se', 'xmlns:xlink', 'y'],
+  switch: ['class', 'id', 'requiredFeatures', 'systemLanguage'],
+  symbol: ['class', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'opacity', 'preserveAspectRatio', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'viewBox'],
+  text: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'transform', 'x', 'xml:space', 'y'],
+  textPath: ['class', 'id', 'method', 'requiredFeatures', 'spacing', 'startOffset', 'style', 'systemLanguage', 'transform', 'xlink:href'],
+  title: [],
+  tspan: ['class', 'clip-path', 'clip-rule', 'dx', 'dy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'rotate', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'textLength', 'transform', 'x', 'xml:space', 'y'],
+  use: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'transform', 'width', 'x', 'xlink:href', 'y'],
+
+  // MathML Elements
+  annotation: ['encoding'],
+  'annotation-xml': ['encoding'],
+  maction: ['actiontype', 'other', 'selection'],
+  math: ['class', 'id', 'display', 'xmlns'],
+  menclose: ['notation'],
+  merror: [],
+  mfrac: ['linethickness'],
+  mi: ['mathvariant'],
+  mmultiscripts: [],
+  mn: [],
+  mo: ['fence', 'lspace', 'maxsize', 'minsize', 'rspace', 'stretchy'],
+  mover: [],
+  mpadded: ['lspace', 'width', 'height', 'depth', 'voffset'],
+  mphantom: [],
+  mprescripts: [],
+  mroot: [],
+  mrow: ['xlink:href', 'xlink:type', 'xmlns:xlink'],
+  mspace: ['depth', 'height', 'width'],
+  msqrt: [],
+  mstyle: ['displaystyle', 'mathbackground', 'mathcolor', 'mathvariant', 'scriptlevel'],
+  msub: [],
+  msubsup: [],
+  msup: [],
+  mtable: ['align', 'columnalign', 'columnlines', 'columnspacing', 'displaystyle', 'equalcolumns', 'equalrows', 'frame', 'rowalign', 'rowlines', 'rowspacing', 'width'],
+  mtd: ['columnalign', 'columnspan', 'rowalign', 'rowspan'],
+  mtext: [],
+  mtr: ['columnalign', 'rowalign'],
+  munder: [],
+  munderover: [],
+  none: [],
+  semantics: []
+};
+
+// Produce a Namespace-aware version of svgWhitelist
+var svgWhiteListNS_ = {};
+Object.entries(svgWhiteList_).forEach(function (_ref) {
+  var _ref2 = slicedToArray(_ref, 2),
+      elt = _ref2[0],
+      atts = _ref2[1];
+
+  var attNS = {};
+  Object.entries(atts).forEach(function (_ref3) {
+    var _ref4 = slicedToArray(_ref3, 2),
+        i = _ref4[0],
+        att = _ref4[1];
+
+    if (att.includes(':')) {
+      var v = att.split(':');
+      attNS[v[1]] = NS[v[0].toUpperCase()];
+    } else {
+      attNS[att] = att === 'xmlns' ? NS.XMLNS : null;
+    }
+  });
+  svgWhiteListNS_[elt] = attNS;
+});
+
+/**
+* Sanitizes the input node and its children.
+* It only keeps what is allowed from our whitelist defined above.
+* @function module:sanitize.sanitizeSvg
+* @param {Text|Element} node - The DOM element to be checked (we'll also check its children) or text node to be cleaned up
+* @returns {undefined}
+*/
+var sanitizeSvg = function sanitizeSvg(node) {
+  // Cleanup text nodes
+  if (node.nodeType === 3) {
+    // 3 === TEXT_NODE
+    // Trim whitespace
+    node.nodeValue = node.nodeValue.replace(/^\s+|\s+$/g, '');
+    // Remove if empty
+    if (!node.nodeValue.length) {
+      node.remove();
+    }
+  }
+
+  // We only care about element nodes.
+  // Automatically return for all non-element nodes, such as comments, etc.
+  if (node.nodeType !== 1) {
+    // 1 == ELEMENT_NODE
+    return;
+  }
+
+  var doc = node.ownerDocument;
+  var parent = node.parentNode;
+  // can parent ever be null here?  I think the root node's parent is the document...
+  if (!doc || !parent) {
+    return;
+  }
+
+  var allowedAttrs = svgWhiteList_[node.nodeName];
+  var allowedAttrsNS = svgWhiteListNS_[node.nodeName];
+  // if this element is supported, sanitize it
+  if (typeof allowedAttrs !== 'undefined') {
+    var seAttrs = [];
+    var i = node.attributes.length;
+    while (i--) {
+      // if the attribute is not in our whitelist, then remove it
+      // could use jQuery's inArray(), but I don't know if that's any better
+      var attr = node.attributes.item(i);
+      var attrName = attr.nodeName;
+      var attrLocalName = attr.localName;
+      var attrNsURI = attr.namespaceURI;
+      // Check that an attribute with the correct localName in the correct namespace is on
+      // our whitelist or is a namespace declaration for one of our allowed namespaces
+      if (!(allowedAttrsNS.hasOwnProperty(attrLocalName) && attrNsURI === allowedAttrsNS[attrLocalName] && attrNsURI !== NS.XMLNS) && !(attrNsURI === NS.XMLNS && REVERSE_NS[attr.value])) {
+        // TODO(codedread): Programmatically add the se: attributes to the NS-aware whitelist.
+        // Bypassing the whitelist to allow se: prefixes.
+        // Is there a more appropriate way to do this?
+        if (attrName.startsWith('se:') || attrName.startsWith('data-')) {
+          seAttrs.push([attrName, attr.value]);
+        }
+        node.removeAttributeNS(attrNsURI, attrLocalName);
+      }
+
+      // Add spaces before negative signs where necessary
+      if (isGecko()) {
+        switch (attrName) {
+          case 'transform':
+          case 'gradientTransform':
+          case 'patternTransform':
+            var val = attr.value.replace(/(\d)-/g, '$1 -');
+            node.setAttribute(attrName, val);
+            break;
+        }
+      }
+
+      // For the style attribute, rewrite it in terms of XML presentational attributes
+      if (attrName === 'style') {
+        var props = attr.value.split(';');
+        var p = props.length;
+        while (p--) {
+          var _props$p$split = props[p].split(':'),
+              _props$p$split2 = slicedToArray(_props$p$split, 2),
+              name = _props$p$split2[0],
+              _val = _props$p$split2[1];
+
+          var styleAttrName = (name || '').trim();
+          var styleAttrVal = (_val || '').trim();
+          // Now check that this attribute is supported
+          if (allowedAttrs.includes(styleAttrName)) {
+            node.setAttribute(styleAttrName, styleAttrVal);
+          }
+        }
+        node.removeAttribute('style');
+      }
+    }
+
+    Object.values(seAttrs).forEach(function (_ref5) {
+      var _ref6 = slicedToArray(_ref5, 2),
+          att = _ref6[0],
+          val = _ref6[1];
+
+      node.setAttributeNS(NS.SE, att, val);
+    });
+
+    // for some elements that have a xlink:href, ensure the URI refers to a local element
+    // (but not for links)
+    var href = getHref(node);
+    if (href && ['filter', 'linearGradient', 'pattern', 'radialGradient', 'textPath', 'use'].includes(node.nodeName)) {
+      // TODO: we simply check if the first character is a #, is this bullet-proof?
+      if (href[0] !== '#') {
+        // remove the attribute (but keep the element)
+        setHref(node, '');
+        node.removeAttributeNS(NS.XLINK, 'href');
+      }
+    }
+
+    // Safari crashes on a <use> without a xlink:href, so we just remove the node here
+    if (node.nodeName === 'use' && !getHref(node)) {
+      node.remove();
+      return;
+    }
+    // if the element has attributes pointing to a non-local reference,
+    // need to remove the attribute
+    Object.values(['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'], function (attr) {
+      var val = node.getAttribute(attr);
+      if (val) {
+        val = getUrlFromAttr(val);
+        // simply check for first character being a '#'
+        if (val && val[0] !== '#') {
+          node.setAttribute(attr, '');
+          node.removeAttribute(attr);
+        }
+      }
+    });
+
+    // recurse to children
+    i = node.childNodes.length;
+    while (i--) {
+      sanitizeSvg(node.childNodes.item(i));
+    }
+    // else (element not supported), remove it
+  } else {
+    // remove all children from this node and insert them before this node
+    // FIXME: in the case of animation elements this will hardly ever be correct
+    var children = [];
+    while (node.hasChildNodes()) {
+      children.push(parent.insertBefore(node.firstChild, node));
+    }
+
+    // remove this node from the document altogether
+    node.remove();
+
+    // call sanitizeSvg on each of those children
+    var _i = children.length;
+    while (_i--) {
+      sanitizeSvg(children[_i]);
+    }
+  }
+};
+
+/* globals jQuery */
+
+var $$6 = jQuery;
+
+// this is how we map paths to our preferred relative segment types
+var pathMap$1 = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a', 'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];
+
+/**
+ * @interface module:coords.EditorContext
+ */
+/**
+ * @function module:coords.EditorContext#getGridSnapping
+ * @returns {boolean}
+ */
+/**
+ * @function module:coords.EditorContext#getDrawing
+ * @returns {module:draw.Drawing}
+*/
+/**
+ * @function module:coords.EditorContext#getSVGRoot
+ * @returns {SVGSVGElement}
+*/
+
+var editorContext_$2 = null;
+
+/**
+* @function module:coords.init
+* @param {module:coords.EditorContext} editorContext
+*/
+var init$4 = function init(editorContext) {
+  editorContext_$2 = editorContext;
+};
+
+/**
+ * Applies coordinate changes to an element based on the given matrix
+ * @function module:coords.remapElement
+ * @implements {module:path.EditorContext#remapElement}
+*/
+var remapElement = function remapElement(selected, changes, m) {
+  var remap = function remap(x, y) {
+    return transformPoint(x, y, m);
+  },
+      scalew = function scalew(w) {
+    return m.a * w;
+  },
+      scaleh = function scaleh(h) {
+    return m.d * h;
+  },
+      doSnapping = editorContext_$2.getGridSnapping() && selected.parentNode.parentNode.localName === 'svg',
+      finishUp = function finishUp() {
+    if (doSnapping) {
+      for (var o in changes) {
+        changes[o] = snapToGrid(changes[o]);
+      }
+    }
+    assignAttributes(selected, changes, 1000, true);
+  },
+      box = getBBox(selected);
+
+  for (var i = 0; i < 2; i++) {
+    var type = i === 0 ? 'fill' : 'stroke';
+    var attrVal = selected.getAttribute(type);
+    if (attrVal && attrVal.startsWith('url(')) {
+      if (m.a < 0 || m.d < 0) {
+        var grad = getRefElem(attrVal);
+        var newgrad = grad.cloneNode(true);
+        if (m.a < 0) {
+          // flip x
+          var x1 = newgrad.getAttribute('x1');
+          var x2 = newgrad.getAttribute('x2');
+          newgrad.setAttribute('x1', -(x1 - 1));
+          newgrad.setAttribute('x2', -(x2 - 1));
+        }
+
+        if (m.d < 0) {
+          // flip y
+          var y1 = newgrad.getAttribute('y1');
+          var y2 = newgrad.getAttribute('y2');
+          newgrad.setAttribute('y1', -(y1 - 1));
+          newgrad.setAttribute('y2', -(y2 - 1));
+        }
+        newgrad.id = editorContext_$2.getDrawing().getNextId();
+        findDefs().append(newgrad);
+        selected.setAttribute(type, 'url(#' + newgrad.id + ')');
+      }
+
+      // Not really working :(
+      // if (selected.tagName === 'path') {
+      //   reorientGrads(selected, m);
+      // }
+    }
+  }
+
+  var elName = selected.tagName;
+  if (elName === 'g' || elName === 'text' || elName === 'tspan' || elName === 'use') {
+    // if it was a translate, then just update x,y
+    if (m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && (m.e !== 0 || m.f !== 0)) {
+      // [T][M] = [M][T']
+      // therefore [T'] = [M_inv][T][M]
+      var existing = transformListToTransform(selected).matrix,
+          tNew = matrixMultiply(existing.inverse(), m, existing);
+      changes.x = parseFloat(changes.x) + tNew.e;
+      changes.y = parseFloat(changes.y) + tNew.f;
+    } else {
+      // we just absorb all matrices into the element and don't do any remapping
+      var chlist = getTransformList(selected);
+      var mt = editorContext_$2.getSVGRoot().createSVGTransform();
+      mt.setMatrix(matrixMultiply(transformListToTransform(chlist).matrix, m));
+      chlist.clear();
+      chlist.appendItem(mt);
+    }
+  }
+
+  // now we have a set of changes and an applied reduced transform list
+  // we apply the changes directly to the DOM
+  switch (elName) {
+    case 'foreignObject':
+    case 'rect':
+    case 'image':
+      {
+        // Allow images to be inverted (give them matrix when flipped)
+        if (elName === 'image' && (m.a < 0 || m.d < 0)) {
+          // Convert to matrix
+          var _chlist = getTransformList(selected);
+          var _mt = editorContext_$2.getSVGRoot().createSVGTransform();
+          _mt.setMatrix(matrixMultiply(transformListToTransform(_chlist).matrix, m));
+          _chlist.clear();
+          _chlist.appendItem(_mt);
+        } else {
+          var pt1 = remap(changes.x, changes.y);
+          changes.width = scalew(changes.width);
+          changes.height = scaleh(changes.height);
+          changes.x = pt1.x + Math.min(0, changes.width);
+          changes.y = pt1.y + Math.min(0, changes.height);
+          changes.width = Math.abs(changes.width);
+          changes.height = Math.abs(changes.height);
+        }
+        finishUp();
+        break;
+      }case 'ellipse':
+      {
+        var c = remap(changes.cx, changes.cy);
+        changes.cx = c.x;
+        changes.cy = c.y;
+        changes.rx = scalew(changes.rx);
+        changes.ry = scaleh(changes.ry);
+        changes.rx = Math.abs(changes.rx);
+        changes.ry = Math.abs(changes.ry);
+        finishUp();
+        break;
+      }case 'circle':
+      {
+        var _c = remap(changes.cx, changes.cy);
+        changes.cx = _c.x;
+        changes.cy = _c.y;
+        // take the minimum of the new selected box's dimensions for the new circle radius
+        var tbox = transformBox(box.x, box.y, box.width, box.height, m);
+        var w = tbox.tr.x - tbox.tl.x,
+            h = tbox.bl.y - tbox.tl.y;
+        changes.r = Math.min(w / 2, h / 2);
+
+        if (changes.r) {
+          changes.r = Math.abs(changes.r);
+        }
+        finishUp();
+        break;
+      }case 'line':
+      {
+        var _pt = remap(changes.x1, changes.y1);
+        var pt2 = remap(changes.x2, changes.y2);
+        changes.x1 = _pt.x;
+        changes.y1 = _pt.y;
+        changes.x2 = pt2.x;
+        changes.y2 = pt2.y;
+      } // Fallthrough
+    case 'text':
+    case 'tspan':
+    case 'use':
+      {
+        finishUp();
+        break;
+      }case 'g':
+      {
+        var gsvg = $$6(selected).data('gsvg');
+        if (gsvg) {
+          assignAttributes(gsvg, changes, 1000, true);
+        }
+        break;
+      }case 'polyline':
+    case 'polygon':
+      {
+        var len = changes.points.length;
+        for (var _i = 0; _i < len; ++_i) {
+          var pt = changes.points[_i];
+
+          var _remap = remap(pt.x, pt.y),
+              x = _remap.x,
+              y = _remap.y;
+
+          changes.points[_i].x = x;
+          changes.points[_i].y = y;
+        }
+
+        // const len = changes.points.length;
+        var pstr = '';
+        for (var _i2 = 0; _i2 < len; ++_i2) {
+          var _pt2 = changes.points[_i2];
+          pstr += _pt2.x + ',' + _pt2.y + ' ';
+        }
+        selected.setAttribute('points', pstr);
+        break;
+      }case 'path':
+      {
+        var segList = selected.pathSegList;
+        var _len = segList.numberOfItems;
+        changes.d = [];
+        for (var _i3 = 0; _i3 < _len; ++_i3) {
+          var seg = segList.getItem(_i3);
+          changes.d[_i3] = {
+            type: seg.pathSegType,
+            x: seg.x,
+            y: seg.y,
+            x1: seg.x1,
+            y1: seg.y1,
+            x2: seg.x2,
+            y2: seg.y2,
+            r1: seg.r1,
+            r2: seg.r2,
+            angle: seg.angle,
+            largeArcFlag: seg.largeArcFlag,
+            sweepFlag: seg.sweepFlag
+          };
+        }
+
+        _len = changes.d.length;
+        var firstseg = changes.d[0],
+            currentpt = remap(firstseg.x, firstseg.y);
+        changes.d[0].x = currentpt.x;
+        changes.d[0].y = currentpt.y;
+        for (var _i4 = 1; _i4 < _len; ++_i4) {
+          var _seg = changes.d[_i4];
+          var _type = _seg.type;
+          // if absolute or first segment, we want to remap x, y, x1, y1, x2, y2
+          // if relative, we want to scalew, scaleh
+
+          if (_type % 2 === 0) {
+            // absolute
+            var thisx = _seg.x !== undefined ? _seg.x : currentpt.x,
+                // for V commands
+            thisy = _seg.y !== undefined ? _seg.y : currentpt.y; // for H commands
+            var _pt3 = remap(thisx, thisy);
+            var _pt4 = remap(_seg.x1, _seg.y1);
+            var _pt5 = remap(_seg.x2, _seg.y2);
+            _seg.x = _pt3.x;
+            _seg.y = _pt3.y;
+            _seg.x1 = _pt4.x;
+            _seg.y1 = _pt4.y;
+            _seg.x2 = _pt5.x;
+            _seg.y2 = _pt5.y;
+            _seg.r1 = scalew(_seg.r1);
+            _seg.r2 = scaleh(_seg.r2);
+          } else {
+            // relative
+            _seg.x = scalew(_seg.x);
+            _seg.y = scaleh(_seg.y);
+            _seg.x1 = scalew(_seg.x1);
+            _seg.y1 = scaleh(_seg.y1);
+            _seg.x2 = scalew(_seg.x2);
+            _seg.y2 = scaleh(_seg.y2);
+            _seg.r1 = scalew(_seg.r1);
+            _seg.r2 = scaleh(_seg.r2);
+          }
+        } // for each segment
+
+        var dstr = '';
+        _len = changes.d.length;
+        for (var _i5 = 0; _i5 < _len; ++_i5) {
+          var _seg2 = changes.d[_i5];
+          var _type2 = _seg2.type;
+
+          dstr += pathMap$1[_type2];
+          switch (_type2) {
+            case 13: // relative horizontal line (h)
+            case 12:
+              // absolute horizontal line (H)
+              dstr += _seg2.x + ' ';
+              break;
+            case 15: // relative vertical line (v)
+            case 14:
+              // absolute vertical line (V)
+              dstr += _seg2.y + ' ';
+              break;
+            case 3: // relative move (m)
+            case 5: // relative line (l)
+            case 19: // relative smooth quad (t)
+            case 2: // absolute move (M)
+            case 4: // absolute line (L)
+            case 18:
+              // absolute smooth quad (T)
+              dstr += _seg2.x + ',' + _seg2.y + ' ';
+              break;
+            case 7: // relative cubic (c)
+            case 6:
+              // absolute cubic (C)
+              dstr += _seg2.x1 + ',' + _seg2.y1 + ' ' + _seg2.x2 + ',' + _seg2.y2 + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+              break;
+            case 9: // relative quad (q)
+            case 8:
+              // absolute quad (Q)
+              dstr += _seg2.x1 + ',' + _seg2.y1 + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+              break;
+            case 11: // relative elliptical arc (a)
+            case 10:
+              // absolute elliptical arc (A)
+              dstr += _seg2.r1 + ',' + _seg2.r2 + ' ' + _seg2.angle + ' ' + +_seg2.largeArcFlag + ' ' + +_seg2.sweepFlag + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+              break;
+            case 17: // relative smooth cubic (s)
+            case 16:
+              // absolute smooth cubic (S)
+              dstr += _seg2.x2 + ',' + _seg2.y2 + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+              break;
+          }
+        }
+
+        selected.setAttribute('d', dstr);
+        break;
+      }
+  }
+};
+
+/* globals jQuery */
+
+var $$7 = jqPluginSVG(jQuery);
+
+var context_ = void 0;
+
+/**
+* @interface module:recalculate.EditorContext
+*/
+/**
+ * @function module:recalculate.EditorContext#getSVGRoot
+ * @returns {SVGSVGElement} The root DOM element
+ */
+/**
+ * @function module:recalculate.EditorContext#getStartTransform
+ * @returns {string}
+*/
+/**
+ * @function module:recalculate.EditorContext#setStartTransform
+ * @param {string} transform
+ * @returns {undefined}
+ */
+
+/**
+* @function module:recalculate.init
+* @param {module:recalculate.EditorContext} editorContext
+* @returns {undefined}
+*/
+var init$5 = function init$$1(editorContext) {
+  context_ = editorContext;
+};
+
+/**
+* Updates a `<clipPath>`s values based on the given translation of an element
+* @function module:recalculate.updateClipPath
+* @param {string} attr - The clip-path attribute value with the clipPath's ID
+* @param {Float} tx - The translation's x value
+* @param {Float} ty - The translation's y value
+* @returns {undefined}
+*/
+var updateClipPath = function updateClipPath(attr, tx, ty) {
+  var path = getRefElem(attr).firstChild;
+  var cpXform = getTransformList(path);
+  var newxlate = context_.getSVGRoot().createSVGTransform();
+  newxlate.setTranslate(tx, ty);
+
+  cpXform.appendItem(newxlate);
+
+  // Update clipPath's dimensions
+  recalculateDimensions(path);
+};
+
+/**
+* Decides the course of action based on the element's transform list
+* @function module:recalculate.recalculateDimensions
+* @param {Element} selected - The DOM element to recalculate
+* @returns {Command} Undo command object with the resulting change
+*/
+var recalculateDimensions = function recalculateDimensions(selected) {
+  if (selected == null) {
+    return null;
+  }
+
+  // Firefox Issue - 1081
+  if (selected.nodeName === 'svg' && navigator.userAgent.includes('Firefox/20')) {
+    return null;
+  }
+
+  var svgroot = context_.getSVGRoot();
+  var tlist = getTransformList(selected);
+
+  // remove any unnecessary transforms
+  if (tlist && tlist.numberOfItems > 0) {
+    var k = tlist.numberOfItems;
+    var noi = k;
+    while (k--) {
+      var xform = tlist.getItem(k);
+      if (xform.type === 0) {
+        tlist.removeItem(k);
+        // remove identity matrices
+      } else if (xform.type === 1) {
+        if (isIdentity(xform.matrix)) {
+          if (noi === 1) {
+            // Overcome Chrome bug (though only when noi is 1) with
+            //    `removeItem` preventing `removeAttribute` from
+            //    subsequently working
+            // See https://bugs.chromium.org/p/chromium/issues/detail?id=843901
+            selected.removeAttribute('transform');
+            return null;
+          }
+          tlist.removeItem(k);
+        }
+        // remove zero-degree rotations
+      } else if (xform.type === 4) {
+        if (xform.angle === 0) {
+          tlist.removeItem(k);
+        }
+      }
+    }
+    // End here if all it has is a rotation
+    if (tlist.numberOfItems === 1 && getRotationAngle(selected)) {
+      return null;
+    }
+  }
+
+  // if this element had no transforms, we are done
+  if (!tlist || tlist.numberOfItems === 0) {
+    // Chrome apparently had a bug that requires clearing the attribute first.
+    selected.setAttribute('transform', '');
+    // However, this still next line currently doesn't work at all in Chrome
+    selected.removeAttribute('transform');
+    // selected.transform.baseVal.clear(); // Didn't help for Chrome bug
+    return null;
+  }
+
+  // TODO: Make this work for more than 2
+  if (tlist) {
+    var mxs = [];
+    var _k = tlist.numberOfItems;
+    while (_k--) {
+      var _xform = tlist.getItem(_k);
+      if (_xform.type === 1) {
+        mxs.push([_xform.matrix, _k]);
+      } else if (mxs.length) {
+        mxs = [];
+      }
+    }
+    if (mxs.length === 2) {
+      var mNew = svgroot.createSVGTransformFromMatrix(matrixMultiply(mxs[1][0], mxs[0][0]));
+      tlist.removeItem(mxs[0][1]);
+      tlist.removeItem(mxs[1][1]);
+      tlist.insertItemBefore(mNew, mxs[1][1]);
+    }
+
+    // combine matrix + translate
+    _k = tlist.numberOfItems;
+    if (_k >= 2 && tlist.getItem(_k - 2).type === 1 && tlist.getItem(_k - 1).type === 2) {
+      var mt = svgroot.createSVGTransform();
+
+      var m = matrixMultiply(tlist.getItem(_k - 2).matrix, tlist.getItem(_k - 1).matrix);
+      mt.setMatrix(m);
+      tlist.removeItem(_k - 2);
+      tlist.removeItem(_k - 2);
+      tlist.appendItem(mt);
+    }
+  }
+
+  // If it still has a single [M] or [R][M], return null too (prevents BatchCommand from being returned).
+  switch (selected.tagName) {
+    // Ignore these elements, as they can absorb the [M]
+    case 'line':
+    case 'polyline':
+    case 'polygon':
+    case 'path':
+      break;
+    default:
+      if (tlist.numberOfItems === 1 && tlist.getItem(0).type === 1 || tlist.numberOfItems === 2 && tlist.getItem(0).type === 1 && tlist.getItem(0).type === 4) {
+        return null;
+      }
+  }
+
+  // Grouped SVG element
+  var gsvg = $$7(selected).data('gsvg');
+
+  // we know we have some transforms, so set up return variable
+  var batchCmd = new BatchCommand('Transform');
+
+  // store initial values that will be affected by reducing the transform list
+  var changes = {};
+  var initial = null;
+  var attrs = [];
+  switch (selected.tagName) {
+    case 'line':
+      attrs = ['x1', 'y1', 'x2', 'y2'];
+      break;
+    case 'circle':
+      attrs = ['cx', 'cy', 'r'];
+      break;
+    case 'ellipse':
+      attrs = ['cx', 'cy', 'rx', 'ry'];
+      break;
+    case 'foreignObject':
+    case 'rect':
+    case 'image':
+      attrs = ['width', 'height', 'x', 'y'];
+      break;
+    case 'use':
+    case 'text':
+    case 'tspan':
+      attrs = ['x', 'y'];
+      break;
+    case 'polygon':
+    case 'polyline':
+      {
+        initial = {};
+        initial.points = selected.getAttribute('points');
+        var list = selected.points;
+        var len = list.numberOfItems;
+        changes.points = new Array(len);
+        for (var i = 0; i < len; ++i) {
+          var pt = list.getItem(i);
+          changes.points[i] = { x: pt.x, y: pt.y };
+        }
+        break;
+      }case 'path':
+      initial = {};
+      initial.d = selected.getAttribute('d');
+      changes.d = selected.getAttribute('d');
+      break;
+  } // switch on element type to get initial values
+
+  if (attrs.length) {
+    changes = $$7(selected).attr(attrs);
+    $$7.each(changes, function (attr, val) {
+      changes[attr] = convertToNum(attr, val);
+    });
+  } else if (gsvg) {
+    // GSVG exception
+    changes = {
+      x: $$7(gsvg).attr('x') || 0,
+      y: $$7(gsvg).attr('y') || 0
+    };
+  }
+
+  // if we haven't created an initial array in polygon/polyline/path, then
+  // make a copy of initial values and include the transform
+  if (initial == null) {
+    initial = $$7.extend(true, {}, changes);
+    $$7.each(initial, function (attr, val) {
+      initial[attr] = convertToNum(attr, val);
+    });
+  }
+  // save the start transform value too
+  initial.transform = context_.getStartTransform() || '';
+
+  var oldcenter = void 0,
+      newcenter = void 0;
+
+  // if it's a regular group, we have special processing to flatten transforms
+  if (selected.tagName === 'g' && !gsvg || selected.tagName === 'a') {
+    var box = getBBox(selected);
+
+    oldcenter = { x: box.x + box.width / 2, y: box.y + box.height / 2 };
+    newcenter = transformPoint(box.x + box.width / 2, box.y + box.height / 2, transformListToTransform(tlist).matrix);
+    var _m = svgroot.createSVGMatrix();
+
+    // temporarily strip off the rotate and save the old center
+    var gangle = getRotationAngle(selected);
+    if (gangle) {
+      var a = gangle * Math.PI / 180;
+      var s = void 0;
+      if (Math.abs(a) > 1.0e-10) {
+        s = Math.sin(a) / (1 - Math.cos(a));
+      } else {
+        // FIXME: This blows up if the angle is exactly 0!
+        s = 2 / a;
+      }
+      for (var _i = 0; _i < tlist.numberOfItems; ++_i) {
+        var _xform2 = tlist.getItem(_i);
+        if (_xform2.type === 4) {
+          // extract old center through mystical arts
+          var rm = _xform2.matrix;
+          oldcenter.y = (s * rm.e + rm.f) / 2;
+          oldcenter.x = (rm.e - s * rm.f) / 2;
+          tlist.removeItem(_i);
+          break;
+        }
+      }
+    }
+    var N = tlist.numberOfItems;
+    var tx = 0,
+        ty = 0,
+        operation = 0;
+
+    var firstM = void 0;
+    if (N) {
+      firstM = tlist.getItem(0).matrix;
+    }
+
+    var oldStartTransform = void 0;
+    // first, if it was a scale then the second-last transform will be it
+    if (N >= 3 && tlist.getItem(N - 2).type === 3 && tlist.getItem(N - 3).type === 2 && tlist.getItem(N - 1).type === 2) {
+      operation = 3; // scale
+
+      // if the children are unrotated, pass the scale down directly
+      // otherwise pass the equivalent matrix() down directly
+      var tm = tlist.getItem(N - 3).matrix,
+          sm = tlist.getItem(N - 2).matrix,
+          tmn = tlist.getItem(N - 1).matrix;
+
+      var children = selected.childNodes;
+      var c = children.length;
+      while (c--) {
+        var child = children.item(c);
+        tx = 0;
+        ty = 0;
+        if (child.nodeType === 1) {
+          var childTlist = getTransformList(child);
+
+          // some children might not have a transform (<metadata>, <defs>, etc)
+          if (!childTlist) {
+            continue;
+          }
+
+          var _m2 = transformListToTransform(childTlist).matrix;
+
+          // Convert a matrix to a scale if applicable
+          // if (hasMatrixTransform(childTlist) && childTlist.numberOfItems == 1) {
+          //   if (m.b==0 && m.c==0 && m.e==0 && m.f==0) {
+          //     childTlist.removeItem(0);
+          //     const translateOrigin = svgroot.createSVGTransform(),
+          //       scale = svgroot.createSVGTransform(),
+          //       translateBack = svgroot.createSVGTransform();
+          //     translateOrigin.setTranslate(0, 0);
+          //     scale.setScale(m.a, m.d);
+          //     translateBack.setTranslate(0, 0);
+          //     childTlist.appendItem(translateBack);
+          //     childTlist.appendItem(scale);
+          //     childTlist.appendItem(translateOrigin);
+          //   }
+          // }
+
+          var angle = getRotationAngle(child);
+          oldStartTransform = context_.getStartTransform();
+          context_.setStartTransform(child.getAttribute('transform'));
+          if (angle || hasMatrixTransform(childTlist)) {
+            var e2t = svgroot.createSVGTransform();
+            e2t.setMatrix(matrixMultiply(tm, sm, tmn, _m2));
+            childTlist.clear();
+            childTlist.appendItem(e2t);
+            // if not rotated or skewed, push the [T][S][-T] down to the child
+          } else {
+            // update the transform list with translate,scale,translate
+
+            // slide the [T][S][-T] from the front to the back
+            // [T][S][-T][M] = [M][T2][S2][-T2]
+
+            // (only bringing [-T] to the right of [M])
+            // [T][S][-T][M] = [T][S][M][-T2]
+            // [-T2] = [M_inv][-T][M]
+            var t2n = matrixMultiply(_m2.inverse(), tmn, _m2);
+            // [T2] is always negative translation of [-T2]
+            var t2 = svgroot.createSVGMatrix();
+            t2.e = -t2n.e;
+            t2.f = -t2n.f;
+
+            // [T][S][-T][M] = [M][T2][S2][-T2]
+            // [S2] = [T2_inv][M_inv][T][S][-T][M][-T2_inv]
+            var s2 = matrixMultiply(t2.inverse(), _m2.inverse(), tm, sm, tmn, _m2, t2n.inverse());
+
+            var translateOrigin = svgroot.createSVGTransform(),
+                scale = svgroot.createSVGTransform(),
+                translateBack = svgroot.createSVGTransform();
+            translateOrigin.setTranslate(t2n.e, t2n.f);
+            scale.setScale(s2.a, s2.d);
+            translateBack.setTranslate(t2.e, t2.f);
+            childTlist.appendItem(translateBack);
+            childTlist.appendItem(scale);
+            childTlist.appendItem(translateOrigin);
+            // logMatrix(translateBack.matrix);
+            // logMatrix(scale.matrix);
+          } // not rotated
+          batchCmd.addSubCommand(recalculateDimensions(child));
+          // TODO: If any <use> have this group as a parent and are
+          // referencing this child, then we need to impose a reverse
+          // scale on it so that when it won't get double-translated
+          // const uses = selected.getElementsByTagNameNS(NS.SVG, 'use');
+          // const href = '#' + child.id;
+          // let u = uses.length;
+          // while (u--) {
+          //   const useElem = uses.item(u);
+          //   if (href == getHref(useElem)) {
+          //     const usexlate = svgroot.createSVGTransform();
+          //     usexlate.setTranslate(-tx,-ty);
+          //     getTransformList(useElem).insertItemBefore(usexlate,0);
+          //     batchCmd.addSubCommand( recalculateDimensions(useElem) );
+          //   }
+          // }
+          context_.setStartTransform(oldStartTransform);
+        } // element
+      } // for each child
+      // Remove these transforms from group
+      tlist.removeItem(N - 1);
+      tlist.removeItem(N - 2);
+      tlist.removeItem(N - 3);
+    } else if (N >= 3 && tlist.getItem(N - 1).type === 1) {
+      operation = 3; // scale
+      _m = transformListToTransform(tlist).matrix;
+      var _e2t = svgroot.createSVGTransform();
+      _e2t.setMatrix(_m);
+      tlist.clear();
+      tlist.appendItem(_e2t);
+      // next, check if the first transform was a translate
+      // if we had [ T1 ] [ M ] we want to transform this into [ M ] [ T2 ]
+      // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ]
+    } else if ((N === 1 || N > 1 && tlist.getItem(1).type !== 3) && tlist.getItem(0).type === 2) {
+      operation = 2; // translate
+      var T_M = transformListToTransform(tlist).matrix;
+      tlist.removeItem(0);
+      var mInv = transformListToTransform(tlist).matrix.inverse();
+      var M2 = matrixMultiply(mInv, T_M);
+
+      tx = M2.e;
+      ty = M2.f;
+
+      if (tx !== 0 || ty !== 0) {
+        // we pass the translates down to the individual children
+        var _children = selected.childNodes;
+        var _c = _children.length;
+
+        var clipPathsDone = [];
+
+        while (_c--) {
+          var _child = _children.item(_c);
+          if (_child.nodeType === 1) {
+            // Check if child has clip-path
+            if (_child.getAttribute('clip-path')) {
+              // tx, ty
+              var attr = _child.getAttribute('clip-path');
+              if (!clipPathsDone.includes(attr)) {
+                updateClipPath(attr, tx, ty);
+                clipPathsDone.push(attr);
+              }
+            }
+
+            oldStartTransform = context_.getStartTransform();
+            context_.setStartTransform(_child.getAttribute('transform'));
+
+            var _childTlist = getTransformList(_child);
+            // some children might not have a transform (<metadata>, <defs>, etc)
+            if (_childTlist) {
+              var newxlate = svgroot.createSVGTransform();
+              newxlate.setTranslate(tx, ty);
+              if (_childTlist.numberOfItems) {
+                _childTlist.insertItemBefore(newxlate, 0);
+              } else {
+                _childTlist.appendItem(newxlate);
+              }
+              batchCmd.addSubCommand(recalculateDimensions(_child));
+              // If any <use> have this group as a parent and are
+              // referencing this child, then impose a reverse translate on it
+              // so that when it won't get double-translated
+              var uses = selected.getElementsByTagNameNS(NS.SVG, 'use');
+              var href = '#' + _child.id;
+              var u = uses.length;
+              while (u--) {
+                var useElem = uses.item(u);
+                if (href === getHref(useElem)) {
+                  var usexlate = svgroot.createSVGTransform();
+                  usexlate.setTranslate(-tx, -ty);
+                  getTransformList(useElem).insertItemBefore(usexlate, 0);
+                  batchCmd.addSubCommand(recalculateDimensions(useElem));
+                }
+              }
+              context_.setStartTransform(oldStartTransform);
+            }
+          }
+        }
+
+        clipPathsDone = [];
+        context_.setStartTransform(oldStartTransform);
+      }
+      // else, a matrix imposition from a parent group
+      // keep pushing it down to the children
+    } else if (N === 1 && tlist.getItem(0).type === 1 && !gangle) {
+      operation = 1;
+      var _m3 = tlist.getItem(0).matrix,
+          _children2 = selected.childNodes;
+      var _c2 = _children2.length;
+      while (_c2--) {
+        var _child2 = _children2.item(_c2);
+        if (_child2.nodeType === 1) {
+          oldStartTransform = context_.getStartTransform();
+          context_.setStartTransform(_child2.getAttribute('transform'));
+          var _childTlist2 = getTransformList(_child2);
+
+          if (!_childTlist2) {
+            continue;
+          }
+
+          var em = matrixMultiply(_m3, transformListToTransform(_childTlist2).matrix);
+          var e2m = svgroot.createSVGTransform();
+          e2m.setMatrix(em);
+          _childTlist2.clear();
+          _childTlist2.appendItem(e2m, 0);
+
+          batchCmd.addSubCommand(recalculateDimensions(_child2));
+          context_.setStartTransform(oldStartTransform);
+
+          // Convert stroke
+          // TODO: Find out if this should actually happen somewhere else
+          var sw = _child2.getAttribute('stroke-width');
+          if (_child2.getAttribute('stroke') !== 'none' && !isNaN(sw)) {
+            var avg = (Math.abs(em.a) + Math.abs(em.d)) / 2;
+            _child2.setAttribute('stroke-width', sw * avg);
+          }
+        }
+      }
+      tlist.clear();
+      // else it was just a rotate
+    } else {
+      if (gangle) {
+        var newRot = svgroot.createSVGTransform();
+        newRot.setRotate(gangle, newcenter.x, newcenter.y);
+        if (tlist.numberOfItems) {
+          tlist.insertItemBefore(newRot, 0);
+        } else {
+          tlist.appendItem(newRot);
+        }
+      }
+      if (tlist.numberOfItems === 0) {
+        selected.removeAttribute('transform');
+      }
+      return null;
+    }
+
+    // if it was a translate, put back the rotate at the new center
+    if (operation === 2) {
+      if (gangle) {
+        newcenter = {
+          x: oldcenter.x + firstM.e,
+          y: oldcenter.y + firstM.f
+        };
+
+        var _newRot = svgroot.createSVGTransform();
+        _newRot.setRotate(gangle, newcenter.x, newcenter.y);
+        if (tlist.numberOfItems) {
+          tlist.insertItemBefore(_newRot, 0);
+        } else {
+          tlist.appendItem(_newRot);
+        }
+      }
+      // if it was a resize
+    } else if (operation === 3) {
+      var _m4 = transformListToTransform(tlist).matrix;
+      var roldt = svgroot.createSVGTransform();
+      roldt.setRotate(gangle, oldcenter.x, oldcenter.y);
+      var rold = roldt.matrix;
+      var rnew = svgroot.createSVGTransform();
+      rnew.setRotate(gangle, newcenter.x, newcenter.y);
+      var rnewInv = rnew.matrix.inverse(),
+          _mInv = _m4.inverse(),
+          extrat = matrixMultiply(_mInv, rnewInv, rold, _m4);
+
+      tx = extrat.e;
+      ty = extrat.f;
+
+      if (tx !== 0 || ty !== 0) {
+        // now push this transform down to the children
+        // we pass the translates down to the individual children
+        var _children3 = selected.childNodes;
+        var _c3 = _children3.length;
+        while (_c3--) {
+          var _child3 = _children3.item(_c3);
+          if (_child3.nodeType === 1) {
+            oldStartTransform = context_.getStartTransform();
+            context_.setStartTransform(_child3.getAttribute('transform'));
+            var _childTlist3 = getTransformList(_child3);
+            var _newxlate = svgroot.createSVGTransform();
+            _newxlate.setTranslate(tx, ty);
+            if (_childTlist3.numberOfItems) {
+              _childTlist3.insertItemBefore(_newxlate, 0);
+            } else {
+              _childTlist3.appendItem(_newxlate);
+            }
+
+            batchCmd.addSubCommand(recalculateDimensions(_child3));
+            context_.setStartTransform(oldStartTransform);
+          }
+        }
+      }
+
+      if (gangle) {
+        if (tlist.numberOfItems) {
+          tlist.insertItemBefore(rnew, 0);
+        } else {
+          tlist.appendItem(rnew);
+        }
+      }
+    }
+    // else, it's a non-group
+  } else {
+    // FIXME: box might be null for some elements (<metadata> etc), need to handle this
+    var _box = getBBox(selected);
+
+    // Paths (and possbly other shapes) will have no BBox while still in <defs>,
+    // but we still may need to recalculate them (see issue 595).
+    // TODO: Figure out how to get BBox from these elements in case they
+    // have a rotation transform
+
+    if (!_box && selected.tagName !== 'path') return null;
+
+    var _m5 = svgroot.createSVGMatrix();
+    // temporarily strip off the rotate and save the old center
+    var _angle = getRotationAngle(selected);
+    if (_angle) {
+      oldcenter = { x: _box.x + _box.width / 2, y: _box.y + _box.height / 2 };
+      newcenter = transformPoint(_box.x + _box.width / 2, _box.y + _box.height / 2, transformListToTransform(tlist).matrix);
+
+      var _a = _angle * Math.PI / 180;
+      var _s = Math.abs(_a) > 1.0e-10 ? Math.sin(_a) / (1 - Math.cos(_a))
+      // FIXME: This blows up if the angle is exactly 0!
+      : 2 / _a;
+
+      for (var _i2 = 0; _i2 < tlist.numberOfItems; ++_i2) {
+        var _xform3 = tlist.getItem(_i2);
+        if (_xform3.type === 4) {
+          // extract old center through mystical arts
+          var _rm = _xform3.matrix;
+          oldcenter.y = (_s * _rm.e + _rm.f) / 2;
+          oldcenter.x = (_rm.e - _s * _rm.f) / 2;
+          tlist.removeItem(_i2);
+          break;
+        }
+      }
+    }
+
+    // 2 = translate, 3 = scale, 4 = rotate, 1 = matrix imposition
+    var _operation = 0;
+    var _N = tlist.numberOfItems;
+
+    // Check if it has a gradient with userSpaceOnUse, in which case
+    // adjust it by recalculating the matrix transform.
+    // TODO: Make this work in Webkit using transformlist.SVGTransformList
+    if (!isWebkit()) {
+      var fill = selected.getAttribute('fill');
+      if (fill && fill.startsWith('url(')) {
+        var paint = getRefElem(fill);
+        var type = 'pattern';
+        if (paint.tagName !== type) type = 'gradient';
+        var attrVal = paint.getAttribute(type + 'Units');
+        if (attrVal === 'userSpaceOnUse') {
+          // Update the userSpaceOnUse element
+          _m5 = transformListToTransform(tlist).matrix;
+          var gtlist = getTransformList(paint);
+          var gmatrix = transformListToTransform(gtlist).matrix;
+          _m5 = matrixMultiply(_m5, gmatrix);
+          var mStr = 'matrix(' + [_m5.a, _m5.b, _m5.c, _m5.d, _m5.e, _m5.f].join(',') + ')';
+          paint.setAttribute(type + 'Transform', mStr);
+        }
+      }
+    }
+
+    // first, if it was a scale of a non-skewed element, then the second-last
+    // transform will be the [S]
+    // if we had [M][T][S][T] we want to extract the matrix equivalent of
+    // [T][S][T] and push it down to the element
+    if (_N >= 3 && tlist.getItem(_N - 2).type === 3 && tlist.getItem(_N - 3).type === 2 && tlist.getItem(_N - 1).type === 2) {
+      // Removed this so a <use> with a given [T][S][T] would convert to a matrix.
+      // Is that bad?
+      //  && selected.nodeName != 'use'
+      _operation = 3; // scale
+      _m5 = transformListToTransform(tlist, _N - 3, _N - 1).matrix;
+      tlist.removeItem(_N - 1);
+      tlist.removeItem(_N - 2);
+      tlist.removeItem(_N - 3);
+      // if we had [T][S][-T][M], then this was a skewed element being resized
+      // Thus, we simply combine it all into one matrix
+    } else if (_N === 4 && tlist.getItem(_N - 1).type === 1) {
+      _operation = 3; // scale
+      _m5 = transformListToTransform(tlist).matrix;
+      var _e2t2 = svgroot.createSVGTransform();
+      _e2t2.setMatrix(_m5);
+      tlist.clear();
+      tlist.appendItem(_e2t2);
+      // reset the matrix so that the element is not re-mapped
+      _m5 = svgroot.createSVGMatrix();
+      // if we had [R][T][S][-T][M], then this was a rotated matrix-element
+      // if we had [T1][M] we want to transform this into [M][T2]
+      // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ] and we can push [T2]
+      // down to the element
+    } else if ((_N === 1 || _N > 1 && tlist.getItem(1).type !== 3) && tlist.getItem(0).type === 2) {
+      _operation = 2; // translate
+      var oldxlate = tlist.getItem(0).matrix,
+          meq = transformListToTransform(tlist, 1).matrix,
+          meqInv = meq.inverse();
+      _m5 = matrixMultiply(meqInv, oldxlate, meq);
+      tlist.removeItem(0);
+      // else if this child now has a matrix imposition (from a parent group)
+      // we might be able to simplify
+    } else if (_N === 1 && tlist.getItem(0).type === 1 && !_angle) {
+      // Remap all point-based elements
+      _m5 = transformListToTransform(tlist).matrix;
+      switch (selected.tagName) {
+        case 'line':
+          changes = $$7(selected).attr(['x1', 'y1', 'x2', 'y2']);
+        // Fallthrough
+        case 'polyline':
+        case 'polygon':
+          changes.points = selected.getAttribute('points');
+          if (changes.points) {
+            var _list = selected.points;
+            var _len = _list.numberOfItems;
+            changes.points = new Array(_len);
+            for (var _i3 = 0; _i3 < _len; ++_i3) {
+              var _pt = _list.getItem(_i3);
+              changes.points[_i3] = { x: _pt.x, y: _pt.y };
+            }
+          }
+        // Fallthrough
+        case 'path':
+          changes.d = selected.getAttribute('d');
+          _operation = 1;
+          tlist.clear();
+          break;
+        default:
+          break;
+      }
+      // if it was a rotation, put the rotate back and return without a command
+      // (this function has zero work to do for a rotate())
+    } else {
+      _operation = 4; // rotation
+      if (_angle) {
+        var _newRot2 = svgroot.createSVGTransform();
+        _newRot2.setRotate(_angle, newcenter.x, newcenter.y);
+
+        if (tlist.numberOfItems) {
+          tlist.insertItemBefore(_newRot2, 0);
+        } else {
+          tlist.appendItem(_newRot2);
+        }
+      }
+      if (tlist.numberOfItems === 0) {
+        selected.removeAttribute('transform');
+      }
+      return null;
+    }
+
+    // if it was a translate or resize, we need to remap the element and absorb the xform
+    if (_operation === 1 || _operation === 2 || _operation === 3) {
+      remapElement(selected, changes, _m5);
+    } // if we are remapping
+
+    // if it was a translate, put back the rotate at the new center
+    if (_operation === 2) {
+      if (_angle) {
+        if (!hasMatrixTransform(tlist)) {
+          newcenter = {
+            x: oldcenter.x + _m5.e,
+            y: oldcenter.y + _m5.f
+          };
+        }
+        var _newRot3 = svgroot.createSVGTransform();
+        _newRot3.setRotate(_angle, newcenter.x, newcenter.y);
+        if (tlist.numberOfItems) {
+          tlist.insertItemBefore(_newRot3, 0);
+        } else {
+          tlist.appendItem(_newRot3);
+        }
+      }
+      // We have special processing for tspans:  Tspans are not transformable
+      // but they can have x,y coordinates (sigh).  Thus, if this was a translate,
+      // on a text element, also translate any tspan children.
+      if (selected.tagName === 'text') {
+        var _children4 = selected.childNodes;
+        var _c4 = _children4.length;
+        while (_c4--) {
+          var _child4 = _children4.item(_c4);
+          if (_child4.tagName === 'tspan') {
+            var tspanChanges = {
+              x: $$7(_child4).attr('x') || 0,
+              y: $$7(_child4).attr('y') || 0
+            };
+            remapElement(_child4, tspanChanges, _m5);
+          }
+        }
+      }
+      // [Rold][M][T][S][-T] became [Rold][M]
+      // we want it to be [Rnew][M][Tr] where Tr is the
+      // translation required to re-center it
+      // Therefore, [Tr] = [M_inv][Rnew_inv][Rold][M]
+    } else if (_operation === 3 && _angle) {
+      var _m6 = transformListToTransform(tlist).matrix;
+      var _roldt = svgroot.createSVGTransform();
+      _roldt.setRotate(_angle, oldcenter.x, oldcenter.y);
+      var _rold = _roldt.matrix;
+      var _rnew = svgroot.createSVGTransform();
+      _rnew.setRotate(_angle, newcenter.x, newcenter.y);
+      var _rnewInv = _rnew.matrix.inverse();
+      var _mInv2 = _m6.inverse();
+      var _extrat = matrixMultiply(_mInv2, _rnewInv, _rold, _m6);
+
+      remapElement(selected, changes, _extrat);
+      if (_angle) {
+        if (tlist.numberOfItems) {
+          tlist.insertItemBefore(_rnew, 0);
+        } else {
+          tlist.appendItem(_rnew);
+        }
+      }
+    }
+  } // a non-group
+
+  // if the transform list has been emptied, remove it
+  if (tlist.numberOfItems === 0) {
+    selected.removeAttribute('transform');
+  }
+
+  batchCmd.addSubCommand(new ChangeElementCommand(selected, initial));
+
+  return batchCmd;
+};
+
+/* globals jQuery */
+
+var $$8 = jQuery;
+
+var svgFactory_ = void 0;
+var config_ = void 0;
+var selectorManager_ = void 0; // A Singleton
+var gripRadius = isTouch() ? 10 : 4;
+
+/**
+* Private class for DOM element selection boxes
+*/
+var Selector = function () {
+  /**
+  * @param {Integer} id - Internally identify the selector
+  * @param {Element} elem - DOM element associated with this selector
+  * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for initialization (prevents duplicate `getBBox` call).
+  */
+  function Selector(id, elem, bbox) {
+    classCallCheck(this, Selector);
+
+    // this is the selector's unique number
+    this.id = id;
+
+    // this holds a reference to the element for which this selector is being used
+    this.selectedElement = elem;
+
+    // this is a flag used internally to track whether the selector is being used or not
+    this.locked = true;
+
+    // this holds a reference to the <g> element that holds all visual elements of the selector
+    this.selectorGroup = svgFactory_.createSVGElement({
+      element: 'g',
+      attr: { id: 'selectorGroup' + this.id }
+    });
+
+    // this holds a reference to the path rect
+    this.selectorRect = this.selectorGroup.appendChild(svgFactory_.createSVGElement({
+      element: 'path',
+      attr: {
+        id: 'selectedBox' + this.id,
+        fill: 'none',
+        stroke: '#22C',
+        'stroke-width': '1',
+        'stroke-dasharray': '5,5',
+        // need to specify this so that the rect is not selectable
+        style: 'pointer-events:none'
+      }
+    }));
+
+    // this holds a reference to the grip coordinates for this selector
+    this.gripCoords = {
+      nw: null,
+      n: null,
+      ne: null,
+      e: null,
+      se: null,
+      s: null,
+      sw: null,
+      w: null
+    };
+
+    this.reset(this.selectedElement, bbox);
+  }
+
+  /**
+  * Used to reset the id and element that the selector is attached to
+  * @param {Element} e - DOM element associated with this selector
+  * @param {module:utilities.BBoxObject} bbox - Optional bbox to use for reset (prevents duplicate getBBox call).
+  */
+
+
+  createClass(Selector, [{
+    key: 'reset',
+    value: function reset(e, bbox) {
+      this.locked = true;
+      this.selectedElement = e;
+      this.resize(bbox);
+      this.selectorGroup.setAttribute('display', 'inline');
+    }
+
+    /**
+    * Updates cursors for corner grips on rotation so arrows point the right way
+    * @param {Float} angle - Current rotation angle in degrees
+    */
+
+  }, {
+    key: 'updateGripCursors',
+    value: function updateGripCursors(angle) {
+      var dir = void 0;
+      var dirArr = [];
+      var steps = Math.round(angle / 45);
+      if (steps < 0) {
+        steps += 8;
+      }
+      for (dir in selectorManager_.selectorGrips) {
+        dirArr.push(dir);
+      }
+      while (steps > 0) {
+        dirArr.push(dirArr.shift());
+        steps--;
+      }
+      var i = 0;
+      for (dir in selectorManager_.selectorGrips) {
+        selectorManager_.selectorGrips[dir].setAttribute('style', 'cursor:' + dirArr[i] + '-resize');
+        i++;
+      }
+    }
+
+    /**
+    * Show the resize grips of this selector
+    *
+    * @param {boolean} show - Indicates whether grips should be shown or not
+    */
+
+  }, {
+    key: 'showGrips',
+    value: function showGrips(show) {
+      var bShow = show ? 'inline' : 'none';
+      selectorManager_.selectorGripsGroup.setAttribute('display', bShow);
+      var elem = this.selectedElement;
+      this.hasGrips = show;
+      if (elem && show) {
+        this.selectorGroup.append(selectorManager_.selectorGripsGroup);
+        this.updateGripCursors(getRotationAngle(elem));
+      }
+    }
+
+    /**
+    * Updates the selector to match the element's size
+    * @param {module:utilities.BBoxObject} [bbox] - BBox to use for resize (prevents duplicate getBBox call).
+    */
+
+  }, {
+    key: 'resize',
+    value: function resize(bbox) {
+      var selectedBox = this.selectorRect,
+          mgr = selectorManager_,
+          selectedGrips = mgr.selectorGrips,
+          selected = this.selectedElement,
+          sw = selected.getAttribute('stroke-width'),
+          currentZoom = svgFactory_.getCurrentZoom();
+      var offset = 1 / currentZoom;
+      if (selected.getAttribute('stroke') !== 'none' && !isNaN(sw)) {
+        offset += sw / 2;
+      }
+
+      var tagName = selected.tagName;
+
+      if (tagName === 'text') {
+        offset += 2 / currentZoom;
+      }
+
+      // loop and transform our bounding box until we reach our first rotation
+      var tlist = getTransformList(selected);
+      var m = transformListToTransform(tlist).matrix;
+
+      // This should probably be handled somewhere else, but for now
+      // it keeps the selection box correctly positioned when zoomed
+      m.e *= currentZoom;
+      m.f *= currentZoom;
+
+      if (!bbox) {
+        bbox = getBBox(selected);
+      }
+      // TODO: getBBox (previous line) already knows to call getStrokedBBox when tagName === 'g'. Remove this?
+      // TODO: getBBox doesn't exclude 'gsvg' and calls getStrokedBBox for any 'g'. Should getBBox be updated?
+      if (tagName === 'g' && !$$8.data(selected, 'gsvg')) {
+        // The bbox for a group does not include stroke vals, so we
+        // get the bbox based on its children.
+        var strokedBbox = getStrokedBBox([selected.childNodes]);
+        if (strokedBbox) {
+          bbox = strokedBbox;
+        }
+      }
+
+      // apply the transforms
+      var l = bbox.x,
+          t = bbox.y,
+          w = bbox.width,
+          h = bbox.height;
+      bbox = { x: l, y: t, width: w, height: h };
+
+      // we need to handle temporary transforms too
+      // if skewed, get its transformed box, then find its axis-aligned bbox
+
+      // *
+      offset *= currentZoom;
+
+      var nbox = transformBox(l * currentZoom, t * currentZoom, w * currentZoom, h * currentZoom, m),
+          aabox = nbox.aabox;
+
+      var nbax = aabox.x - offset,
+          nbay = aabox.y - offset,
+          nbaw = aabox.width + offset * 2,
+          nbah = aabox.height + offset * 2;
+
+      // now if the shape is rotated, un-rotate it
+      var cx = nbax + nbaw / 2,
+          cy = nbay + nbah / 2;
+
+      var angle = getRotationAngle(selected);
+      if (angle) {
+        var rot = svgFactory_.svgRoot().createSVGTransform();
+        rot.setRotate(-angle, cx, cy);
+        var rotm = rot.matrix;
+        nbox.tl = transformPoint(nbox.tl.x, nbox.tl.y, rotm);
+        nbox.tr = transformPoint(nbox.tr.x, nbox.tr.y, rotm);
+        nbox.bl = transformPoint(nbox.bl.x, nbox.bl.y, rotm);
+        nbox.br = transformPoint(nbox.br.x, nbox.br.y, rotm);
+
+        // calculate the axis-aligned bbox
+        var tl = nbox.tl;
+
+        var minx = tl.x,
+            miny = tl.y,
+            maxx = tl.x,
+            maxy = tl.y;
+
+        var min = Math.min,
+            max = Math.max;
+
+
+        minx = min(minx, min(nbox.tr.x, min(nbox.bl.x, nbox.br.x))) - offset;
+        miny = min(miny, min(nbox.tr.y, min(nbox.bl.y, nbox.br.y))) - offset;
+        maxx = max(maxx, max(nbox.tr.x, max(nbox.bl.x, nbox.br.x))) + offset;
+        maxy = max(maxy, max(nbox.tr.y, max(nbox.bl.y, nbox.br.y))) + offset;
+
+        nbax = minx;
+        nbay = miny;
+        nbaw = maxx - minx;
+        nbah = maxy - miny;
+      }
+
+      var dstr = 'M' + nbax + ',' + nbay + ' L' + (nbax + nbaw) + ',' + nbay + ' ' + (nbax + nbaw) + ',' + (nbay + nbah) + ' ' + nbax + ',' + (nbay + nbah) + 'z';
+      selectedBox.setAttribute('d', dstr);
+
+      var xform = angle ? 'rotate(' + [angle, cx, cy].join(',') + ')' : '';
+      this.selectorGroup.setAttribute('transform', xform);
+
+      // TODO(codedread): Is this needed?
+      //  if (selected === selectedElements[0]) {
+      this.gripCoords = {
+        nw: [nbax, nbay],
+        ne: [nbax + nbaw, nbay],
+        sw: [nbax, nbay + nbah],
+        se: [nbax + nbaw, nbay + nbah],
+        n: [nbax + nbaw / 2, nbay],
+        w: [nbax, nbay + nbah / 2],
+        e: [nbax + nbaw, nbay + nbah / 2],
+        s: [nbax + nbaw / 2, nbay + nbah]
+      };
+      for (var dir in this.gripCoords) {
+        var coords = this.gripCoords[dir];
+        selectedGrips[dir].setAttribute('cx', coords[0]);
+        selectedGrips[dir].setAttribute('cy', coords[1]);
+      }
+
+      // we want to go 20 pixels in the negative transformed y direction, ignoring scale
+      mgr.rotateGripConnector.setAttribute('x1', nbax + nbaw / 2);
+      mgr.rotateGripConnector.setAttribute('y1', nbay);
+      mgr.rotateGripConnector.setAttribute('x2', nbax + nbaw / 2);
+      mgr.rotateGripConnector.setAttribute('y2', nbay - gripRadius * 5);
+
+      mgr.rotateGrip.setAttribute('cx', nbax + nbaw / 2);
+      mgr.rotateGrip.setAttribute('cy', nbay - gripRadius * 5);
+      // }
+    }
+  }]);
+  return Selector;
+}();
+
+/**
+* Manage all selector objects (selection boxes)
+*/
+var SelectorManager = function () {
+  function SelectorManager() {
+    classCallCheck(this, SelectorManager);
+
+    // this will hold the <g> element that contains all selector rects/grips
+    this.selectorParentGroup = null;
+
+    // this is a special rect that is used for multi-select
+    this.rubberBandBox = null;
+
+    // this will hold objects of type Selector (see above)
+    this.selectors = [];
+
+    // this holds a map of SVG elements to their Selector object
+    this.selectorMap = {};
+
+    // this holds a reference to the grip elements
+    this.selectorGrips = {
+      nw: null,
+      n: null,
+      ne: null,
+      e: null,
+      se: null,
+      s: null,
+      sw: null,
+      w: null
+    };
+
+    this.selectorGripsGroup = null;
+    this.rotateGripConnector = null;
+    this.rotateGrip = null;
+
+    this.initGroup();
+  }
+
+  /**
+  * Resets the parent selector group element
+  */
+
+
+  createClass(SelectorManager, [{
+    key: 'initGroup',
+    value: function initGroup() {
+      // remove old selector parent group if it existed
+      if (this.selectorParentGroup && this.selectorParentGroup.parentNode) {
+        this.selectorParentGroup.remove();
+      }
+
+      // create parent selector group and add it to svgroot
+      this.selectorParentGroup = svgFactory_.createSVGElement({
+        element: 'g',
+        attr: { id: 'selectorParentGroup' }
+      });
+      this.selectorGripsGroup = svgFactory_.createSVGElement({
+        element: 'g',
+        attr: { display: 'none' }
+      });
+      this.selectorParentGroup.append(this.selectorGripsGroup);
+      svgFactory_.svgRoot().append(this.selectorParentGroup);
+
+      this.selectorMap = {};
+      this.selectors = [];
+      this.rubberBandBox = null;
+
+      // add the corner grips
+      for (var dir in this.selectorGrips) {
+        var grip = svgFactory_.createSVGElement({
+          element: 'circle',
+          attr: {
+            id: 'selectorGrip_resize_' + dir,
+            fill: '#22C',
+            r: gripRadius,
+            style: 'cursor:' + dir + '-resize',
+            // This expands the mouse-able area of the grips making them
+            // easier to grab with the mouse.
+            // This works in Opera and WebKit, but does not work in Firefox
+            // see https://bugzilla.mozilla.org/show_bug.cgi?id=500174
+            'stroke-width': 2,
+            'pointer-events': 'all'
+          }
+        });
+
+        $$8.data(grip, 'dir', dir);
+        $$8.data(grip, 'type', 'resize');
+        this.selectorGrips[dir] = this.selectorGripsGroup.appendChild(grip);
+      }
+
+      // add rotator elems
+      this.rotateGripConnector = this.selectorGripsGroup.appendChild(svgFactory_.createSVGElement({
+        element: 'line',
+        attr: {
+          id: 'selectorGrip_rotateconnector',
+          stroke: '#22C',
+          'stroke-width': '1'
+        }
+      }));
+
+      this.rotateGrip = this.selectorGripsGroup.appendChild(svgFactory_.createSVGElement({
+        element: 'circle',
+        attr: {
+          id: 'selectorGrip_rotate',
+          fill: 'lime',
+          r: gripRadius,
+          stroke: '#22C',
+          'stroke-width': 2,
+          style: 'cursor:url(' + config_.imgPath + 'rotate.png) 12 12, auto;'
+        }
+      }));
+      $$8.data(this.rotateGrip, 'type', 'rotate');
+
+      if ($$8('#canvasBackground').length) {
+        return;
+      }
+
+      var _config_$dimensions = slicedToArray(config_.dimensions, 2),
+          width = _config_$dimensions[0],
+          height = _config_$dimensions[1];
+
+      var canvasbg = svgFactory_.createSVGElement({
+        element: 'svg',
+        attr: {
+          id: 'canvasBackground',
+          width: width,
+          height: height,
+          x: 0,
+          y: 0,
+          overflow: isWebkit() ? 'none' : 'visible', // Chrome 7 has a problem with this when zooming out
+          style: 'pointer-events:none'
+        }
+      });
+
+      var rect = svgFactory_.createSVGElement({
+        element: 'rect',
+        attr: {
+          width: '100%',
+          height: '100%',
+          x: 0,
+          y: 0,
+          'stroke-width': 1,
+          stroke: '#000',
+          fill: '#FFF',
+          style: 'pointer-events:none'
+        }
+      });
+
+      // Both Firefox and WebKit are too slow with this filter region (especially at higher
+      // zoom levels) and Opera has at least one bug
+      // if (!isOpera()) rect.setAttribute('filter', 'url(#canvashadow)');
+      canvasbg.append(rect);
+      svgFactory_.svgRoot().insertBefore(canvasbg, svgFactory_.svgContent());
+      // Ok to replace above with `svgFactory_.svgContent().before(canvasbg);`?
+    }
+
+    /**
+    *
+    * @param {Element} elem - DOM element to get the selector for
+    * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for reset (prevents duplicate getBBox call).
+    * @returns {Selector} The selector based on the given element
+    */
+
+  }, {
+    key: 'requestSelector',
+    value: function requestSelector(elem, bbox) {
+      if (elem == null) {
+        return null;
+      }
+
+      var N = this.selectors.length;
+      // If we've already acquired one for this element, return it.
+      if (_typeof(this.selectorMap[elem.id]) === 'object') {
+        this.selectorMap[elem.id].locked = true;
+        return this.selectorMap[elem.id];
+      }
+      for (var i = 0; i < N; ++i) {
+        if (this.selectors[i] && !this.selectors[i].locked) {
+          this.selectors[i].locked = true;
+          this.selectors[i].reset(elem, bbox);
+          this.selectorMap[elem.id] = this.selectors[i];
+          return this.selectors[i];
+        }
+      }
+      // if we reached here, no available selectors were found, we create one
+      this.selectors[N] = new Selector(N, elem, bbox);
+      this.selectorParentGroup.append(this.selectors[N].selectorGroup);
+      this.selectorMap[elem.id] = this.selectors[N];
+      return this.selectors[N];
+    }
+
+    /**
+    * Removes the selector of the given element (hides selection box)
+    *
+    * @param {Element} elem - DOM element to remove the selector for
+    */
+
+  }, {
+    key: 'releaseSelector',
+    value: function releaseSelector(elem) {
+      if (elem == null) {
+        return;
+      }
+      var N = this.selectors.length,
+          sel = this.selectorMap[elem.id];
+      if (!sel.locked) {
+        // TODO(codedread): Ensure this exists in this module.
+        console.log('WARNING! selector was released but was already unlocked');
+      }
+      for (var i = 0; i < N; ++i) {
+        if (this.selectors[i] && this.selectors[i] === sel) {
+          delete this.selectorMap[elem.id];
+          sel.locked = false;
+          sel.selectedElement = null;
+          sel.showGrips(false);
+
+          // remove from DOM and store reference in JS but only if it exists in the DOM
+          try {
+            sel.selectorGroup.setAttribute('display', 'none');
+          } catch (e) {}
+
+          break;
+        }
+      }
+    }
+
+    /**
+    * @returns {SVGRectElement} The rubberBandBox DOM element. This is the rectangle drawn by
+    * the user for selecting/zooming
+    */
+
+  }, {
+    key: 'getRubberBandBox',
+    value: function getRubberBandBox() {
+      if (!this.rubberBandBox) {
+        this.rubberBandBox = this.selectorParentGroup.appendChild(svgFactory_.createSVGElement({
+          element: 'rect',
+          attr: {
+            id: 'selectorRubberBand',
+            fill: '#22C',
+            'fill-opacity': 0.15,
+            stroke: '#22C',
+            'stroke-width': 0.5,
+            display: 'none',
+            style: 'pointer-events:none'
+          }
+        }));
+      }
+      return this.rubberBandBox;
+    }
+  }]);
+  return SelectorManager;
+}();
+
+/**
+ * An object that creates SVG elements for the canvas.
+ *
+ * @interface module:select.SVGFactory
+ */
+/**
+ * @function module:select.SVGFactory#createSVGElement
+ * @param {module:utilities.EditorContext#addSVGElementFromJson} jsonMap
+ * @returns {SVGElement}
+ */
+/**
+ * @function module:select.SVGFactory#svgRoot
+ * @returns {SVGSVGElement}
+ */
+/**
+ * @function module:select.SVGFactory#svgContent
+ * @returns {SVGSVGElement}
+ */
+/**
+ * @function module:select.SVGFactory#getCurrentZoom
+ * @returns {Float}
+ */
+
+/**
+ * @typedef {GenericArray} module:select.Dimensions
+ * @property {Integer} length 2
+ * @property {Float} 0 Width
+ * @property {Float} 1 Height
+ */
+/**
+ * @typedef {PlainObject} module:select.Config
+ * @property {string} imgPath
+ * @property {module:select.Dimensions} dimensions
+ */
+
+/**
+ * Initializes this module.
+ * @function module:select.init
+ * @param {module:select.Config} config - An object containing configurable parameters (imgPath)
+ * @param {module:select.SVGFactory} svgFactory - An object implementing the SVGFactory interface.
+ * @returns {undefined}
+ */
+var init$6 = function init(config, svgFactory) {
+  config_ = config;
+  svgFactory_ = svgFactory;
+  selectorManager_ = new SelectorManager();
+};
+
+/**
+ * @function module:select.getSelectorManager
+ * @returns {module:select.SelectorManager} The SelectorManager instance.
+ */
+var getSelectorManager = function getSelectorManager() {
+  return selectorManager_;
+};
+
+/* eslint-disable indent */
+
+var $$9 = jqPluginSVG(jQuery);
+var MoveElementCommand$1 = MoveElementCommand,
+    InsertElementCommand$1 = InsertElementCommand,
+    RemoveElementCommand$1 = RemoveElementCommand,
+    ChangeElementCommand$1 = ChangeElementCommand,
+    BatchCommand$1 = BatchCommand,
+    UndoManager$1 = UndoManager,
+    HistoryEventTypes$1 = HistoryEventTypes;
+
+
+if (!window.console) {
+  window.console = {};
+  window.console.log = function (str) {};
+  window.console.dir = function (str) {};
+}
+
+if (window.opera) {
+  window.console.log = function (str) {
+    opera.postError(str);
+  };
+  window.console.dir = function (str) {};
+}
+
+/**
+* The main SvgCanvas class that manages all SVG-related functions
+* @memberof module:svgcanvas
+*
+* @borrows module:coords.remapElement as #remapElement
+* @borrows module:recalculate.recalculateDimensions as #recalculateDimensions
+*
+* @borrows module:utilities.cleanupElement as #cleanupElement
+* @borrows module:utilities.getStrokedBBoxDefaultVisible as #getStrokedBBox
+* @borrows module:utilities.getVisibleElements as #getVisibleElements
+* @borrows module:utilities.findDefs as #findDefs
+* @borrows module:utilities.getUrlFromAttr as #getUrlFromAttr
+* @borrows module:utilities.getHref as #getHref
+* @borrows module:utilities.setHref as #setHref
+* @borrows module:utilities.getRotationAngle as #getRotationAngle
+* @borrows module:utilities.getBBox as #getBBox
+* @borrows module:utilities.getElem as #getElem
+* @borrows module:utilities.getRefElem as #getRefElem
+* @borrows module:utilities.assignAttributes as #assignAttributes
+*
+* @borrows module:SVGTransformList.getTransformList as #getTransformList
+* @borrows module:math.matrixMultiply as #matrixMultiply
+* @borrows module:math.hasMatrixTransform as #hasMatrixTransform
+* @borrows module:math.transformListToTransform as #transformListToTransform
+* @borrows module:units.convertToNum as #convertToNum
+* @borrows module:sanitize.sanitizeSvg as #sanitizeSvg
+* @borrows module:path.pathActions.linkControlPoints as #linkControlPoints
+*/
+
+var SvgCanvas =
+/**
+* @param {HTMLElement} container - The container HTML element that should hold the SVG root element
+* @param {module:SVGEditor.curConfig} config - An object that contains configuration data
+*/
+function SvgCanvas(container, config) {
+  classCallCheck(this, SvgCanvas);
+
+  // Alias Namespace constants
+
+  // Default configuration options
+  var curConfig = {
+    show_outside_canvas: true,
+    selectNew: true,
+    dimensions: [640, 480]
+  };
+
+  // Update config with new one if given
+  if (config) {
+    $$9.extend(curConfig, config);
+  }
+
+  // Array with width/height of canvas
+  var dimensions = curConfig.dimensions;
+
+
+  var canvas = this;
+
+  // "document" element associated with the container (same as window.document using default svg-editor.js)
+  // NOTE: This is not actually a SVG document, but an HTML document.
+  var svgdoc = container.ownerDocument;
+
+  // This is a container for the document being edited, not the document itself.
+  /**
+   * @name module:svgcanvas~svgroot
+   * @type {SVGSVGElement}
+   */
+  var svgroot = svgdoc.importNode(text2xml('<svg id="svgroot" xmlns="' + NS.SVG + '" xlinkns="' + NS.XLINK + '" ' + 'width="' + dimensions[0] + '" height="' + dimensions[1] + '" x="' + dimensions[0] + '" y="' + dimensions[1] + '" overflow="visible">' + '<defs>' + '<filter id="canvashadow" filterUnits="objectBoundingBox">' + '<feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>' + '<feOffset in="blur" dx="5" dy="5" result="offsetBlur"/>' + '<feMerge>' + '<feMergeNode in="offsetBlur"/>' + '<feMergeNode in="SourceGraphic"/>' + '</feMerge>' + '</filter>' + '</defs>' + '</svg>').documentElement, true);
+  container.append(svgroot);
+
+  /**
+   * The actual element that represents the final output SVG element
+   * @name module:svgcanvas~svgcontent
+   * @type {SVGSVGElement}
+   */
+  var svgcontent = svgdoc.createElementNS(NS.SVG, 'svg');
+
+  /**
+  * This function resets the svgcontent element while keeping it in the DOM.
+  * @function module:svgcanvas.SvgCanvas#clearSvgContentElement
+  * @returns {undefined}
+  */
+  var clearSvgContentElement = canvas.clearSvgContentElement = function () {
+    $$9(svgcontent).empty();
+
+    // TODO: Clear out all other attributes first?
+    $$9(svgcontent).attr({
+      id: 'svgcontent',
+      width: dimensions[0],
+      height: dimensions[1],
+      x: dimensions[0],
+      y: dimensions[1],
+      overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden',
+      xmlns: NS.SVG,
+      'xmlns:se': NS.SE,
+      'xmlns:xlink': NS.XLINK
+    }).appendTo(svgroot);
+
+    // TODO: make this string optional and set by the client
+    var comment = svgdoc.createComment(' Created with SVG-edit - https://github.com/SVG-Edit/svgedit');
+    svgcontent.append(comment);
+  };
+  clearSvgContentElement();
+
+  // Prefix string for element IDs
+  var idprefix = 'svg_';
+
+  /**
+  * Changes the ID prefix to the given value
+  * @function module:svgcanvas.SvgCanvas#setIdPrefix
+  * @param {string} p - String with the new prefix
+  * @returns {undefined}
+  */
+  canvas.setIdPrefix = function (p) {
+    idprefix = p;
+  };
+
+  /**
+  * Current draw.Drawing object
+  * @type {module:draw.Drawing}
+  * @name module:svgcanvas.SvgCanvas#current_drawing_
+  */
+  canvas.current_drawing_ = new Drawing(svgcontent, idprefix);
+
+  /**
+  * Returns the current Drawing.
+  * @function module:svgcanvas.SvgCanvas#getCurrentDrawing
+  * @implements {module:draw.DrawCanvasInit#getCurrentDrawing}
+  */
+  var getCurrentDrawing = canvas.getCurrentDrawing = function () {
+    return canvas.current_drawing_;
+  };
+
+  /**
+  * Float displaying the current zoom level (1 = 100%, .5 = 50%, etc)
+  * @type {Float}
+  */
+  var currentZoom = 1;
+
+  // pointer to current group (for in-group editing)
+  var currentGroup = null;
+
+  // Object containing data for the currently selected styles
+  var allProperties = {
+    shape: {
+      fill: (curConfig.initFill.color === 'none' ? '' : '#') + curConfig.initFill.color,
+      fill_paint: null,
+      fill_opacity: curConfig.initFill.opacity,
+      stroke: '#' + curConfig.initStroke.color,
+      stroke_paint: null,
+      stroke_opacity: curConfig.initStroke.opacity,
+      stroke_width: curConfig.initStroke.width,
+      stroke_dasharray: 'none',
+      stroke_linejoin: 'miter',
+      stroke_linecap: 'butt',
+      opacity: curConfig.initOpacity
+    }
+  };
+
+  allProperties.text = $$9.extend(true, {}, allProperties.shape);
+  $$9.extend(allProperties.text, {
+    fill: '#000000',
+    stroke_width: curConfig.text && curConfig.text.stroke_width,
+    font_size: curConfig.text && curConfig.text.font_size,
+    font_family: curConfig.text && curConfig.text.font_family
+  });
+
+  // Current shape style properties
+  var curShape = allProperties.shape;
+
+  // Array with all the currently selected elements
+  // default size of 1 until it needs to grow bigger
+  var selectedElements = [];
+
+  /**
+  * @typedef {PlainObject} module:svgcanvas.SVGAsJSON
+  * @property {string} element
+  * @property {PlainObject.<string, string>} attr
+  * @property {module:svgcanvas.SVGAsJSON[]} children
+  */
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getContentElem
+  * @param {Text|Element} data
+  * @returns {module:svgcanvas.SVGAsJSON}
+  */
+  var getJsonFromSvgElement = this.getJsonFromSvgElement = function (data) {
+    // Text node
+    if (data.nodeType === 3) return data.nodeValue;
+
+    var retval = {
+      element: data.tagName,
+      // namespace: nsMap[data.namespaceURI],
+      attr: {},
+      children: []
+    };
+
+    // Iterate attributes
+    for (var i = 0, attr; attr = data.attributes[i]; i++) {
+      retval.attr[attr.name] = attr.value;
+    }
+
+    // Iterate children
+    for (var _i = 0, node; node = data.childNodes[_i]; _i++) {
+      retval.children[_i] = getJsonFromSvgElement(node);
+    }
+
+    return retval;
+  };
+
+  /**
+  * This should really be an intersection implementing all rather than a union
+  * @function module:svgcanvas.SvgCanvas#addSVGElementFromJson
+  * @implements {module:utilities.EditorContext#addSVGElementFromJson|module:path.EditorContext#addSVGElementFromJson}
+  */
+  var addSVGElementFromJson = this.addSVGElementFromJson = function (data) {
+    if (typeof data === 'string') return svgdoc.createTextNode(data);
+
+    var shape = getElem(data.attr.id);
+    // if shape is a path but we need to create a rect/ellipse, then remove the path
+    var currentLayer = getCurrentDrawing().getCurrentLayer();
+    if (shape && data.element !== shape.tagName) {
+      shape.remove();
+      shape = null;
+    }
+    if (!shape) {
+      var ns = data.namespace || NS.SVG;
+      shape = svgdoc.createElementNS(ns, data.element);
+      if (currentLayer) {
+        (currentGroup || currentLayer).append(shape);
+      }
+    }
+    if (data.curStyles) {
+      assignAttributes(shape, {
+        fill: curShape.fill,
+        stroke: curShape.stroke,
+        'stroke-width': curShape.stroke_width,
+        'stroke-dasharray': curShape.stroke_dasharray,
+        'stroke-linejoin': curShape.stroke_linejoin,
+        'stroke-linecap': curShape.stroke_linecap,
+        'stroke-opacity': curShape.stroke_opacity,
+        'fill-opacity': curShape.fill_opacity,
+        opacity: curShape.opacity / 2,
+        style: 'pointer-events:inherit'
+      }, 100);
+    }
+    assignAttributes(shape, data.attr, 100);
+    cleanupElement(shape);
+
+    // Children
+    if (data.children) {
+      data.children.forEach(function (child) {
+        shape.append(addSVGElementFromJson(child));
+      });
+    }
+
+    return shape;
+  };
+
+  canvas.getTransformList = getTransformList;
+
+  canvas.matrixMultiply = matrixMultiply;
+  canvas.hasMatrixTransform = hasMatrixTransform;
+  canvas.transformListToTransform = transformListToTransform;
+
+  /**
+  * @implements {module:utilities.EditorContext#getBaseUnit}
+  */
+  var getBaseUnit = function getBaseUnit() {
+    return curConfig.baseUnit;
+  };
+
+  /**
+  * initialize from units.js.
+  * Send in an object implementing the ElementContainer interface (see units.js)
+  */
+  init(
+  /**
+  * @implements {module:units.ElementContainer}
+  */
+  {
+    getBaseUnit: getBaseUnit,
+    getElement: getElem,
+    getHeight: function getHeight() {
+      return svgcontent.getAttribute('height') / currentZoom;
+    },
+    getWidth: function getWidth() {
+      return svgcontent.getAttribute('width') / currentZoom;
+    },
+    getRoundDigits: function getRoundDigits() {
+      return saveOptions.round_digits;
+    }
+  });
+
+  canvas.convertToNum = convertToNum;
+
+  /**
+  * This should really be an intersection implementing all rather than a union
+  * @implements {module:draw.DrawCanvasInit#getSVGContent|module:utilities.EditorContext#getSVGContent}
+  */
+  var getSVGContent = function getSVGContent() {
+    return svgcontent;
+  };
+
+  /**
+  * Should really be an intersection with all needing to apply rather than a union
+  * @function module:svgcanvas.SvgCanvas#getSelectedElements
+  * @implements {module:utilities.EditorContext#getSelectedElements|module:draw.DrawCanvasInit#getSelectedElements|module:path.EditorContext#getSelectedElements}
+  */
+  var getSelectedElements = this.getSelectedElems = function () {
+    return selectedElements;
+  };
+
+  var pathActions$$1 = pathActions;
+
+  /**
+  * This should actually be an intersection as all interfaces should be met
+  * @implements {module:utilities.EditorContext#getSVGRoot|module:recalculate.EditorContext#getSVGRoot|module:coords.EditorContext#getSVGRoot|module:path.EditorContext#getSVGRoot}
+  */
+  var getSVGRoot = function getSVGRoot() {
+    return svgroot;
+  };
+
+  init$2(
+  /**
+  * @implements {module:utilities.EditorContext}
+  */
+  {
+    pathActions: pathActions$$1, // Ok since not modifying
+    getSVGContent: getSVGContent,
+    addSVGElementFromJson: addSVGElementFromJson,
+    getSelectedElements: getSelectedElements,
+    getDOMDocument: function getDOMDocument() {
+      return svgdoc;
+    },
+    getDOMContainer: function getDOMContainer() {
+      return container;
+    },
+
+    getSVGRoot: getSVGRoot,
+    // TODO: replace this mostly with a way to get the current drawing.
+    getBaseUnit: getBaseUnit,
+    getSnappingStep: function getSnappingStep() {
+      return curConfig.snappingStep;
+    }
+  });
+
+  canvas.findDefs = findDefs;
+  canvas.getUrlFromAttr = getUrlFromAttr;
+  canvas.getHref = getHref;
+  canvas.setHref = setHref;
+  /* const getBBox = */canvas.getBBox = getBBox;
+  canvas.getRotationAngle = getRotationAngle;
+  canvas.getElem = getElem;
+  canvas.getRefElem = getRefElem;
+  canvas.assignAttributes = assignAttributes;
+
+  this.cleanupElement = cleanupElement;
+
+  /**
+  * This should actually be an intersection not a union as all should apply
+  * @implements {module:coords.EditorContext|module:path.EditorContext}
+  */
+  var getGridSnapping = function getGridSnapping() {
+    return curConfig.gridSnapping;
+  };
+
+  init$4(
+  /**
+  * @implements {module:coords.EditorContext}
+  */
+  {
+    getDrawing: function getDrawing() {
+      return getCurrentDrawing();
+    },
+
+    getSVGRoot: getSVGRoot,
+    getGridSnapping: getGridSnapping
+  });
+  this.remapElement = remapElement;
+
+  init$5(
+  /**
+  * @implements {module:recalculate.EditorContext}
+  */
+  {
+    getSVGRoot: getSVGRoot,
+    getStartTransform: function getStartTransform() {
+      return startTransform;
+    },
+    setStartTransform: function setStartTransform(transform) {
+      startTransform = transform;
+    }
+  });
+  this.recalculateDimensions = recalculateDimensions;
+
+  // import from sanitize.js
+  var nsMap = getReverseNS();
+  canvas.sanitizeSvg = sanitizeSvg;
+
+  /**
+  * @name undoMgr
+  * @memberof module:svgcanvas.SvgCanvas#
+  * @type {module:history.HistoryEventHandler}
+  */
+  var undoMgr = canvas.undoMgr = new UndoManager$1({
+    /**
+     * @param {string} eventType One of the HistoryEvent types
+     * @param {module:history.HistoryCommand} cmd Fulfills the HistoryCommand interface
+     * @fires module:svgcanvas.SvgCanvas#event:changed
+     * @returns {undefined}
+     */
+    handleHistoryEvent: function handleHistoryEvent(eventType, cmd) {
+      var EventTypes = HistoryEventTypes$1;
+      // TODO: handle setBlurOffsets.
+      if (eventType === EventTypes.BEFORE_UNAPPLY || eventType === EventTypes.BEFORE_APPLY) {
+        canvas.clearSelection();
+      } else if (eventType === EventTypes.AFTER_APPLY || eventType === EventTypes.AFTER_UNAPPLY) {
+        var elems = cmd.elements();
+        canvas.pathActions.clear();
+        call('changed', elems);
+        var cmdType = cmd.type();
+        var isApply = eventType === EventTypes.AFTER_APPLY;
+        if (cmdType === MoveElementCommand$1.type()) {
+          var parent = isApply ? cmd.newParent : cmd.oldParent;
+          if (parent === svgcontent) {
+            identifyLayers();
+          }
+        } else if (cmdType === InsertElementCommand$1.type() || cmdType === RemoveElementCommand$1.type()) {
+          if (cmd.parent === svgcontent) {
+            identifyLayers();
+          }
+          if (cmdType === InsertElementCommand$1.type()) {
+            if (isApply) {
+              restoreRefElems(cmd.elem);
+            }
+          } else {
+            if (!isApply) {
+              restoreRefElems(cmd.elem);
+            }
+          }
+          if (cmd.elem.tagName === 'use') {
+            setUseData(cmd.elem);
+          }
+        } else if (cmdType === ChangeElementCommand$1.type()) {
+          // if we are changing layer names, re-identify all layers
+          if (cmd.elem.tagName === 'title' && cmd.elem.parentNode.parentNode === svgcontent) {
+            identifyLayers();
+          }
+          var values = isApply ? cmd.newValues : cmd.oldValues;
+          // If stdDeviation was changed, update the blur.
+          if (values.stdDeviation) {
+            canvas.setBlurOffsets(cmd.elem.parentNode, values.stdDeviation);
+          }
+          // This is resolved in later versions of webkit, perhaps we should
+          // have a featured detection for correct 'use' behavior?
+          // ——————————
+          // Remove & Re-add hack for Webkit (issue 775)
+          // if (cmd.elem.tagName === 'use' && isWebkit()) {
+          //  const {elem} = cmd;
+          //  if (!elem.getAttribute('x') && !elem.getAttribute('y')) {
+          //    const parent = elem.parentNode;
+          //    const sib = elem.nextSibling;
+          //    elem.remove();
+          //    parent.insertBefore(elem, sib);
+          //    // Ok to replace above with this? `sib.before(elem);`
+          //  }
+          // }
+        }
+      }
+    }
+  });
+
+  /**
+  * This should really be an intersection applying to all types rather than a union
+  * @function module:svgcanvas~addCommandToHistory
+  * @implements {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory}
+  */
+  var addCommandToHistory = function addCommandToHistory(cmd) {
+    canvas.undoMgr.addCommandToHistory(cmd);
+  };
+
+  /**
+  * This should really be an intersection applying to all types rather than a union
+  * @function module:svgcanvas.SvgCanvas#getZoom
+  * @implements {module:path.EditorContext#getCurrentZoom|module:select.SVGFactory#getCurrentZoom}
+  */
+  var getCurrentZoom = this.getZoom = function () {
+    return currentZoom;
+  };
+
+  /**
+  * This method rounds the incoming value to the nearest value based on the `currentZoom`
+  * @function module:svgcanvas.SvgCanvas#round
+  * @implements {module:path.EditorContext#round}
+  */
+  var round = this.round = function (val) {
+    return parseInt(val * currentZoom, 10) / currentZoom;
+  };
+
+  init$6(curConfig,
+  /**
+  * Export to select.js
+  * @implements {module:select.SVGFactory}
+  */
+  {
+    createSVGElement: function createSVGElement(jsonMap) {
+      return canvas.addSVGElementFromJson(jsonMap);
+    },
+    svgRoot: function svgRoot() {
+      return svgroot;
+    },
+    svgContent: function svgContent() {
+      return svgcontent;
+    },
+
+    getCurrentZoom: getCurrentZoom
+  });
+  /**
+  * This object manages selectors for us
+  * @name module:svgcanvas.SvgCanvas#selectorManager
+  * @type {module:select.SelectorManager}
+  */
+  var selectorManager = this.selectorManager = getSelectorManager();
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getNextId
+  * @implements {module:path.EditorContext#getNextId}
+  */
+  var getNextId = canvas.getNextId = function () {
+    return getCurrentDrawing().getNextId();
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getId
+  * @implements {module:path.EditorContext#getId}
+  */
+  var getId = canvas.getId = function () {
+    return getCurrentDrawing().getId();
+  };
+
+  /**
+  * The "implements" should really be an intersection applying to all types rather than a union
+  * @function module:svgcanvas.SvgCanvas#call
+  * @implements {module:draw.DrawCanvasInit#call|module:path.EditorContext#call}
+  * @param {"selected"|"changed"|"contextset"|"pointsAdded"|"extension_added"|"extensions_added"|"message"|"transition"|"zoomed"|"updateCanvas"|"zoomDone"|"saved"|"exported"|"exportedPDF"|"setnonce"|"unsetnonce"|"cleared"} ev - String with the event name
+  * @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg - Argument to pass through to the callback function.
+  * @returns {undefined}
+  */
+  var call = function call(ev, arg) {
+    if (events[ev]) {
+      return events[ev](window, arg);
+    }
+  };
+
+  /**
+  * Clears the selection. The 'selected' handler is then optionally called.
+  * This should really be an intersection applying to all types rather than a union
+  * @function module:svgcanvas.SvgCanvas#clearSelection
+  * @implements {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection}
+  * @fires module:svgcanvas.SvgCanvas#event:selected
+  */
+  var clearSelection = this.clearSelection = function (noCall) {
+    selectedElements.forEach(function (elem) {
+      if (elem == null) {
+        return;
+      }
+      selectorManager.releaseSelector(elem);
+    });
+    selectedElements = [];
+
+    if (!noCall) {
+      call('selected', selectedElements);
+    }
+  };
+
+  /**
+  * Adds a list of elements to the selection. The 'selected' handler is then called.
+  * @function module:svgcanvas.SvgCanvas#addToSelection
+  * @implements {module:path.EditorContext#addToSelection}
+  * @fires module:svgcanvas.SvgCanvas#event:selected
+  */
+  var addToSelection = this.addToSelection = function (elemsToAdd, showGrips) {
+    if (!elemsToAdd.length) {
+      return;
+    }
+    // find the first null in our selectedElements array
+
+    var j = 0;
+    while (j < selectedElements.length) {
+      if (selectedElements[j] == null) {
+        break;
+      }
+      ++j;
+    }
+
+    // now add each element consecutively
+    var i = elemsToAdd.length;
+    while (i--) {
+      var elem = elemsToAdd[i];
+      if (!elem) {
+        continue;
+      }
+      var bbox = getBBox(elem);
+      if (!bbox) {
+        continue;
+      }
+
+      if (elem.tagName === 'a' && elem.childNodes.length === 1) {
+        // Make "a" element's child be the selected element
+        elem = elem.firstChild;
+      }
+
+      // if it's not already there, add it
+      if (!selectedElements.includes(elem)) {
+        selectedElements[j] = elem;
+
+        // only the first selectedBBoxes element is ever used in the codebase these days
+        // if (j === 0) selectedBBoxes[0] = utilsGetBBox(elem);
+        j++;
+        var sel = selectorManager.requestSelector(elem, bbox);
+
+        if (selectedElements.length > 1) {
+          sel.showGrips(false);
+        }
+      }
+    }
+    call('selected', selectedElements);
+
+    if (showGrips || selectedElements.length === 1) {
+      selectorManager.requestSelector(selectedElements[0]).showGrips(true);
+    } else {
+      selectorManager.requestSelector(selectedElements[0]).showGrips(false);
+    }
+
+    // make sure the elements are in the correct order
+    // See: https://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-compareDocumentPosition
+
+    selectedElements.sort(function (a, b) {
+      if (a && b && a.compareDocumentPosition) {
+        return 3 - (b.compareDocumentPosition(a) & 6);
+      }
+      if (a == null) {
+        return 1;
+      }
+    });
+
+    // Make sure first elements are not null
+    while (selectedElements[0] == null) {
+      selectedElements.shift(0);
+    }
+  };
+
+  /**
+  * @implements {module:path.EditorContext#getOpacity}
+  */
+  var getOpacity = function getOpacity() {
+    return curShape.opacity;
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getMouseTarget
+  * @implements {module:path.EditorContext#getMouseTarget}
+  */
+  var getMouseTarget = this.getMouseTarget = function (evt) {
+    if (evt == null) {
+      return null;
+    }
+    var mouseTarget = evt.target;
+
+    // if it was a <use>, Opera and WebKit return the SVGElementInstance
+    if (mouseTarget.correspondingUseElement) {
+      mouseTarget = mouseTarget.correspondingUseElement;
+    }
+
+    // for foreign content, go up until we find the foreignObject
+    // WebKit browsers set the mouse target to the svgcanvas div
+    if ([NS.MATH, NS.HTML].includes(mouseTarget.namespaceURI) && mouseTarget.id !== 'svgcanvas') {
+      while (mouseTarget.nodeName !== 'foreignObject') {
+        mouseTarget = mouseTarget.parentNode;
+        if (!mouseTarget) {
+          return svgroot;
+        }
+      }
+    }
+
+    // Get the desired mouseTarget with jQuery selector-fu
+    // If it's root-like, select the root
+    var currentLayer = getCurrentDrawing().getCurrentLayer();
+    if ([svgroot, container, svgcontent, currentLayer].includes(mouseTarget)) {
+      return svgroot;
+    }
+
+    var $target = $$9(mouseTarget);
+
+    // If it's a selection grip, return the grip parent
+    if ($target.closest('#selectorParentGroup').length) {
+      // While we could instead have just returned mouseTarget,
+      // this makes it easier to indentify as being a selector grip
+      return selectorManager.selectorParentGroup;
+    }
+
+    while (mouseTarget.parentNode !== (currentGroup || currentLayer)) {
+      mouseTarget = mouseTarget.parentNode;
+    }
+
+    //
+    // // go up until we hit a child of a layer
+    // while (mouseTarget.parentNode.parentNode.tagName == 'g') {
+    //   mouseTarget = mouseTarget.parentNode;
+    // }
+    // Webkit bubbles the mouse event all the way up to the div, so we
+    // set the mouseTarget to the svgroot like the other browsers
+    // if (mouseTarget.nodeName.toLowerCase() == 'div') {
+    //   mouseTarget = svgroot;
+    // }
+
+    return mouseTarget;
+  };
+
+  /**
+  * @namespace {module:path.pathActions} pathActions
+  * @memberof module:svgcanvas.SvgCanvas#
+  * @see module:path.pathActions
+  */
+  canvas.pathActions = pathActions$$1;
+  /**
+  * @implements {module:path.EditorContext#resetD}
+  */
+  function resetD(p) {
+    p.setAttribute('d', pathActions$$1.convertPath(p));
+  }
+  init$1(
+  /**
+  * @implements {module:path.EditorContext}
+  */
+  {
+    selectorManager: selectorManager, // Ok since not changing
+    canvas: canvas, // Ok since not changing
+    call: call,
+    resetD: resetD,
+    round: round,
+    clearSelection: clearSelection,
+    addToSelection: addToSelection,
+    addCommandToHistory: addCommandToHistory,
+    remapElement: remapElement,
+    addSVGElementFromJson: addSVGElementFromJson,
+    getGridSnapping: getGridSnapping,
+    getOpacity: getOpacity,
+    getSelectedElements: getSelectedElements,
+    getContainer: function getContainer() {
+      return container;
+    },
+    setStarted: function setStarted(s) {
+      started = s;
+    },
+    getRubberBox: function getRubberBox() {
+      return rubberBox;
+    },
+    setRubberBox: function setRubberBox(rb) {
+      rubberBox = rb;
+      return rubberBox;
+    },
+
+    /**
+     * @param {boolean} closedSubpath
+     * @param {SVGCircleElement[]} grips
+     * @fires module:svgcanvas.SvgCanvas#event:pointsAdded
+     * @fires module:svgcanvas.SvgCanvas#event:selected
+     */
+    addPtsToSelection: function addPtsToSelection(_ref) {
+      var closedSubpath = _ref.closedSubpath,
+          grips = _ref.grips;
+
+      // TODO: Correct this:
+      pathActions$$1.canDeleteNodes = true;
+      pathActions$$1.closed_subpath = closedSubpath;
+      call('pointsAdded', { closedSubpath: closedSubpath, grips: grips });
+      call('selected', grips);
+    },
+
+    /**
+     * @param {ChangeElementCommand} cmd
+     * @param {SVGPathElement} elem
+     * @fires module:svgcanvas.SvgCanvas#event:changed
+     * @returns {undefined}
+     */
+    endChanges: function endChanges(_ref2) {
+      var cmd = _ref2.cmd,
+          elem = _ref2.elem;
+
+      addCommandToHistory(cmd);
+      call('changed', [elem]);
+    },
+
+    getCurrentZoom: getCurrentZoom,
+    getId: getId,
+    getNextId: getNextId,
+    getMouseTarget: getMouseTarget,
+    getCurrentMode: function getCurrentMode() {
+      return currentMode;
+    },
+    setCurrentMode: function setCurrentMode(cm) {
+      currentMode = cm;
+      return currentMode;
+    },
+    getDrawnPath: function getDrawnPath() {
+      return drawnPath;
+    },
+    setDrawnPath: function setDrawnPath(dp) {
+      drawnPath = dp;
+      return drawnPath;
+    },
+
+    getSVGRoot: getSVGRoot
+  });
+
+  // Interface strings, usually for title elements
+  var uiStrings = {};
+
+  var visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';
+  var refAttrs = ['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'];
+
+  var elData = $$9.data;
+
+  // Animation element to change the opacity of any newly created element
+  var opacAni = document.createElementNS(NS.SVG, 'animate');
+  $$9(opacAni).attr({
+    attributeName: 'opacity',
+    begin: 'indefinite',
+    dur: 1,
+    fill: 'freeze'
+  }).appendTo(svgroot);
+
+  var restoreRefElems = function restoreRefElems(elem) {
+    // Look for missing reference elements, restore any found
+    var attrs = $$9(elem).attr(refAttrs);
+    for (var o in attrs) {
+      var val = attrs[o];
+      if (val && val.startsWith('url(')) {
+        var id = getUrlFromAttr(val).substr(1);
+        var ref = getElem(id);
+        if (!ref) {
+          findDefs().append(removedElements[id]);
+          delete removedElements[id];
+        }
+      }
+    }
+
+    var childs = elem.getElementsByTagName('*');
+
+    if (childs.length) {
+      for (var i = 0, l = childs.length; i < l; i++) {
+        restoreRefElems(childs[i]);
+      }
+    }
+  };
+
+  // (function () {
+  // TODO For Issue 208: this is a start on a thumbnail
+  //  const svgthumb = svgdoc.createElementNS(NS.SVG, 'use');
+  //  svgthumb.setAttribute('width', '100');
+  //  svgthumb.setAttribute('height', '100');
+  //  setHref(svgthumb, '#svgcontent');
+  //  svgroot.append(svgthumb);
+  // }());
+
+  /**
+   * @typedef {PlainObject} module:svgcanvas.SaveOptions
+   * @property {boolean} apply
+   * @property {"embed"} [image]
+   * @property {Integer} round_digits
+   */
+
+  // Object to contain image data for raster images that were found encodable
+  var encodableImages = {},
+
+
+  // Object with save options
+  /**
+   * @type {module:svgcanvas.SaveOptions}
+   */
+  saveOptions = { round_digits: 5 },
+
+
+  // Object with IDs for imported files, to see if one was already added
+  importIds = {},
+
+
+  // Current text style properties
+  curText = allProperties.text,
+
+
+  // Object to contain all included extensions
+  extensions = {},
+
+
+  // Map of deleted reference elements
+  removedElements = {};
+
+  var
+  // String with image URL of last loadable image
+  lastGoodImgUrl = curConfig.imgPath + 'logo.png',
+
+
+  // Boolean indicating whether or not a draw action has been started
+  started = false,
+
+
+  // String with an element's initial transform attribute value
+  startTransform = null,
+
+
+  // String indicating the current editor mode
+  currentMode = 'select',
+
+
+  // String with the current direction in which an element is being resized
+  currentResizeMode = 'none',
+
+
+  // Current general properties
+  curProperties = curShape,
+
+
+  // Array with selected elements' Bounding box object
+  // selectedBBoxes = new Array(1),
+
+  // The DOM element that was just selected
+  justSelected = null,
+
+
+  // DOM element for selection rectangle drawn by the user
+  rubberBox = null,
+
+
+  // Array of current BBoxes, used in getIntersectionList().
+  curBBoxes = [],
+
+
+  // Canvas point for the most recent right click
+  lastClickPoint = null;
+
+  /**
+  * @typedef {module:svgcanvas.ExtensionMouseDownStatus|module:svgcanvas.ExtensionMouseUpStatus|module:svgcanvas.ExtensionIDsUpdatedStatus|module:locale.ExtensionLocaleData[]|undefined} module:svgcanvas.ExtensionStatus
+  * @tutorial ExtensionDocs
+  */
+  /**
+  * @callback module:svgcanvas.ExtensionVarBuilder
+  * @param {string} name The name of the extension
+  */
+  /**
+  * @todo Consider: Should this return an array by default, so extension results aren't overwritten?
+  * @todo Would be easier to document if passing in object with key of action and vars as value; could then define an interface which tied both together
+  * @function module:svgcanvas.SvgCanvas#runExtensions
+  * @param {"mouseDown"|"mouseMove"|"mouseUp"|"zoomChanged"|"IDsUpdated"|"canvasUpdated"|"toolButtonStateUpdate"|"selectedChanged"|"elementTransition"|"elementChanged"|"langReady"|"langChanged"|"addLangData"|"onNewDocument"|"workareaResized"} action
+  * @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown|module:svgcanvas.SvgCanvas#event:ext-mouseMove|module:svgcanvas.SvgCanvas#event:ext-mouseUp|module:svgcanvas.SvgCanvas#event:ext-zoomChanged|module:svgcanvas.SvgCanvas#event:ext-IDsUpdated|module:svgcanvas.SvgCanvas#event:ext-canvasUpdated|module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate|module:svgcanvas.SvgCanvas#event:ext-selectedChanged|module:svgcanvas.SvgCanvas#event:ext-elementTransition|module:svgcanvas.SvgCanvas#event:ext-elementChanged|module:svgcanvas.SvgCanvas#event:ext-langReady|module:svgcanvas.SvgCanvas#event:ext-langChanged|module:svgcanvas.SvgCanvas#event:ext-addLangData|module:svgcanvas.SvgCanvas#event:ext-onNewDocument|module:svgcanvas.SvgCanvas#event:ext-workareaResized|module:svgcanvas.ExtensionVarBuilder} [vars]
+  * @param {boolean} [returnArray]
+  * @returns {GenericArray.<module:svgcanvas.ExtensionStatus>|module:svgcanvas.ExtensionStatus|false} See {@tutorial ExtensionDocs} on the ExtensionStatus.
+  */
+  var runExtensions = this.runExtensions = function (action, vars, returnArray) {
+    var result = returnArray ? [] : false;
+    $$9.each(extensions, function (name, ext) {
+      if (ext && action in ext) {
+        if (typeof vars === 'function') {
+          vars = vars(name); // ext, action
+        }
+        if (returnArray) {
+          result.push(ext[action](vars));
+        } else {
+          result = ext[action](vars);
+        }
+      }
+    });
+    return result;
+  };
+
+  /**
+  * @typedef {PlainObject} module:svgcanvas.ExtensionMouseDownStatus
+  * @property {boolean} started Indicates that creating/editing has started
+  */
+  /**
+  * @typedef {PlainObject} module:svgcanvas.ExtensionMouseUpStatus
+  * @property {boolean} keep Indicates if the current element should be kept
+  * @property {boolean} started Indicates if editing should still be considered as "started"
+  * @property {Element} element The element being affected
+  */
+  /**
+  * @typedef {PlainObject} module:svgcanvas.ExtensionIDsUpdatedStatus
+  * @property {string[]} remove Contains string IDs (used by `ext-connector.js`)
+  */
+
+  /**
+   * @interface module:svgcanvas.ExtensionInitResponse
+   * @property {module:SVGEditor.ContextTool[]|PlainObject.<string, module:SVGEditor.ContextTool>} [context_tools]
+   * @property {module:SVGEditor.Button[]|PlainObject.<Integer, module:SVGEditor.Button>} [buttons]
+   * @property {string} [svgicons] The location of a local SVG or SVGz file
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#mouseDown
+   * @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown} arg
+   * @returns {undefined|module:svgcanvas.ExtensionMouseDownStatus}
+   */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#mouseMove
+   * @param {module:svgcanvas.SvgCanvas#event:ext-mouseMove} arg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#mouseUp
+   * @param {module:svgcanvas.SvgCanvas#event:ext-mouseUp} arg
+   * @returns {module:svgcanvas.ExtensionMouseUpStatus}
+   */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#zoomChanged
+   * @param {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} arg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#IDsUpdated
+   * @param {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} arg
+   * @returns {module:svgcanvas.ExtensionIDsUpdatedStatus}
+   */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#canvasUpdated
+   * @param {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated} arg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#toolButtonStateUpdate
+   * @param {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} arg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#selectedChanged
+   * @param {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} arg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#elementTransition
+   * @param {module:svgcanvas.SvgCanvas#event:ext-elementTransition} arg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#elementChanged
+   * @param {module:svgcanvas.SvgCanvas#event:ext-elementChanged} arg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#langReady
+   * @param {module:svgcanvas.SvgCanvas#event:ext-langReady} arg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#langChanged
+   * @param {module:svgcanvas.SvgCanvas#event:ext-langChanged} arg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#addLangData
+   * @param {module:svgcanvas.SvgCanvas#event:ext-addLangData} arg
+   * @returns {Promise} Resolves to {@link module:locale.ExtensionLocaleData}
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#onNewDocument
+   * @param {module:svgcanvas.SvgCanvas#event:ext-onNewDocument} arg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#workareaResized
+   * @param {module:svgcanvas.SvgCanvas#event:ext-workareaResized} arg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:svgcanvas.ExtensionInitResponse#callback
+   * @param {module:svgcanvas.SvgCanvas#event:ext-callback} arg
+   * @returns {undefined}
+  */
+
+  /**
+  * @callback module:svgcanvas.ExtensionInitCallback
+  * @this module:SVGEditor
+  * @param {module:svgcanvas.ExtensionArgumentObject} arg
+  * @returns {Promise} Resolves to [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse} or `undefined`
+  */
+  /**
+  * Add an extension to the editor
+  * @function module:svgcanvas.SvgCanvas#addExtension
+  * @param {string} name - String with the ID of the extension. Used internally; no need for i18n.
+  * @param {module:svgcanvas.ExtensionInitCallback} [extInitFunc] - Function supplied by the extension with its data
+  * @param {module:SVGEditor~ImportLocale} importLocale
+  * @fires module:svgcanvas.SvgCanvas#event:extension_added
+  * @throws {TypeError} If `extInitFunc` is not a function
+  * @returns {Promise} Resolves to `undefined`
+  */
+  this.addExtension = function () {
+    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(name, extInitFunc, importLocale) {
+      var extObj, argObj;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!(typeof extInitFunc !== 'function')) {
+                _context.next = 2;
+                break;
+              }
+
+              throw new TypeError('Function argument expected for `svgcanvas.addExtension`');
+
+            case 2:
+              extObj = {};
+
+              if (name in extensions) {
+                _context.next = 14;
+                break;
+              }
+
+              // Provide private vars/funcs here. Is there a better way to do this?
+              /**
+               * @typedef {module:svgcanvas.PrivateMethods} module:svgcanvas.ExtensionArgumentObject
+               * @property {SVGSVGElement} svgroot See {@link module:svgcanvas~svgroot}
+               * @property {SVGSVGElement} svgcontent See {@link module:svgcanvas~svgcontent}
+               * @property {!(string|Integer)} nonce See {@link module:draw.Drawing#getNonce}
+               * @property {module:select.SelectorManager} selectorManager
+               * @property {module:SVGEditor~ImportLocale} importLocale
+               */
+              /**
+               * @type {module:svgcanvas.ExtensionArgumentObject}
+               * @see {@link module:svgcanvas.PrivateMethods} source for the other methods/properties
+               */
+              argObj = $$9.extend(canvas.getPrivateMethods(), {
+                importLocale: importLocale,
+                svgroot: svgroot,
+                svgcontent: svgcontent,
+                nonce: getCurrentDrawing().getNonce(),
+                selectorManager: selectorManager
+              });
+
+              if (!extInitFunc) {
+                _context.next = 9;
+                break;
+              }
+
+              _context.next = 8;
+              return extInitFunc(argObj);
+
+            case 8:
+              extObj = _context.sent;
+
+            case 9:
+              if (extObj) {
+                extObj.name = name;
+              }
+
+              extensions[name] = extObj;
+              return _context.abrupt('return', call('extension_added', extObj));
+
+            case 14:
+              console.log('Cannot add extension "' + name + '", an extension by that name already exists.');
+
+            case 15:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, this);
+    }));
+
+    return function (_x, _x2, _x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  /**
+  * This method sends back an array or a NodeList full of elements that
+  * intersect the multi-select rubber-band-box on the currentLayer only.
+  *
+  * We brute-force `getIntersectionList` for browsers that do not support it (Firefox).
+  *
+  * Reference:
+  * Firefox does not implement `getIntersectionList()`, see {@link https://bugzilla.mozilla.org/show_bug.cgi?id=501421}
+  * @function module:svgcanvas.SvgCanvas#getIntersectionList
+  * @param {SVGRect} rect
+  * @returns {Element[]|NodeList} Bbox elements
+  */
+  var getIntersectionList = this.getIntersectionList = function (rect) {
+    if (rubberBox == null) {
+      return null;
+    }
+
+    var parent = currentGroup || getCurrentDrawing().getCurrentLayer();
+
+    var rubberBBox = void 0;
+    if (!rect) {
+      rubberBBox = rubberBox.getBBox();
+      var bb = svgcontent.createSVGRect();
+
+      for (var o in rubberBBox) {
+        bb[o] = rubberBBox[o] / currentZoom;
+      }
+      rubberBBox = bb;
+    } else {
+      rubberBBox = svgcontent.createSVGRect();
+      rubberBBox.x = rect.x;
+      rubberBBox.y = rect.y;
+      rubberBBox.width = rect.width;
+      rubberBBox.height = rect.height;
+    }
+
+    var resultList = null;
+    if (!isIE) {
+      if (typeof svgroot.getIntersectionList === 'function') {
+        // Offset the bbox of the rubber box by the offset of the svgcontent element.
+        rubberBBox.x += parseInt(svgcontent.getAttribute('x'), 10);
+        rubberBBox.y += parseInt(svgcontent.getAttribute('y'), 10);
+
+        resultList = svgroot.getIntersectionList(rubberBBox, parent);
+      }
+    }
+
+    if (resultList == null || typeof resultList.item !== 'function') {
+      resultList = [];
+
+      if (!curBBoxes.length) {
+        // Cache all bboxes
+        curBBoxes = getVisibleElementsAndBBoxes(parent);
+      }
+      var i = curBBoxes.length;
+      while (i--) {
+        if (!rubberBBox.width) {
+          continue;
+        }
+        if (rectsIntersect(rubberBBox, curBBoxes[i].bbox)) {
+          resultList.push(curBBoxes[i].elem);
+        }
+      }
+    }
+
+    // addToSelection expects an array, but it's ok to pass a NodeList
+    // because using square-bracket notation is allowed:
+    // https://www.w3.org/TR/DOM-Level-2-Core/ecma-script-binding.html
+    return resultList;
+  };
+
+  this.getStrokedBBox = getStrokedBBoxDefaultVisible;
+
+  this.getVisibleElements = getVisibleElements;
+
+  /**
+  * @typedef {PlainObject} ElementAndBBox
+  * @property {Element} elem - The element
+  * @property {module:utilities.BBoxObject} bbox - The element's BBox as retrieved from `getStrokedBBoxDefaultVisible`
+  */
+
+  /**
+  * Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).
+  * Note that 0-opacity, off-screen etc elements are still considered "visible"
+  * for this function
+  * @function module:svgcanvas.SvgCanvas#getVisibleElementsAndBBoxes
+  * @param {Element} parent - The parent DOM element to search within
+  * @returns {ElementAndBBox[]} An array with objects that include:
+  */
+  var getVisibleElementsAndBBoxes = this.getVisibleElementsAndBBoxes = function (parent) {
+    if (!parent) {
+      parent = $$9(svgcontent).children(); // Prevent layers from being included
+    }
+    var contentElems = [];
+    $$9(parent).children().each(function (i, elem) {
+      if (elem.getBBox) {
+        contentElems.push({ elem: elem, bbox: getStrokedBBoxDefaultVisible([elem]) });
+      }
+    });
+    return contentElems.reverse();
+  };
+
+  /**
+  * Wrap an SVG element into a group element, mark the group as 'gsvg'
+  * @function module:svgcanvas.SvgCanvas#groupSvgElem
+  * @param {Element} elem - SVG element to wrap
+  * @returns {undefined}
+  */
+  var groupSvgElem = this.groupSvgElem = function (elem) {
+    var g = document.createElementNS(NS.SVG, 'g');
+    elem.replaceWith(g);
+    $$9(g).append(elem).data('gsvg', elem)[0].id = getNextId();
+  };
+
+  // Set scope for these functions
+
+  // Object to contain editor event names and callback functions
+  var events = {};
+
+  canvas.call = call;
+  /**
+   * Array of what was changed (elements, layers)
+   * @event module:svgcanvas.SvgCanvas#event:changed
+   * @type {Element[]}
+   */
+  /**
+   * Array of selected elements
+   * @event module:svgcanvas.SvgCanvas#event:selected
+   * @type {Element[]}
+   */
+  /**
+   * Array of selected elements
+   * @event module:svgcanvas.SvgCanvas#event:transition
+   * @type {Element[]}
+   */
+  /**
+   * The Element is always `SVGGElement`?
+   * If not `null`, will be the set current group element
+   * @event module:svgcanvas.SvgCanvas#event:contextset
+   * @type {null|Element}
+   */
+  /**
+   * @event module:svgcanvas.SvgCanvas#event:pointsAdded
+   * @type {PlainObject}
+   * @property {boolean} closedSubpath
+   * @property {SVGCircleElement[]} grips Grips elements
+   */
+
+  /**
+   * @event module:svgcanvas.SvgCanvas#event:zoomed
+   * @type {PlainObject}
+   * @property {Float} x
+   * @property {Float} y
+   * @property {Float} width
+   * @property {Float} height
+   * @property {0.5|2} factor
+   * @see module:SVGEditor.BBoxObjectWithFactor
+   */
+  /**
+   * @event module:svgcanvas.SvgCanvas#event:updateCanvas
+   * @type {PlainObject}
+   * @property {false} center
+   * @property {module:math.XYObject} newCtr
+   */
+  /**
+   * @typedef {PlainObject} module:svgcanvas.ExtensionInitResponsePlusName
+   * @implements {module:svgcanvas.ExtensionInitResponse}
+   * @property {string} name The extension's resolved ID (whether explicit or based on file name)
+   */
+  /**
+   * Generalized extension object response of
+   * [`init()`]{@link module:svgcanvas.ExtensionInitCallback}
+   * along with the name of the extension.
+   * @event module:svgcanvas.SvgCanvas#event:extension_added
+   * @type {module:svgcanvas.ExtensionInitResponsePlusName|undefined}
+   */
+  /**
+   * @event module:svgcanvas.SvgCanvas#event:extensions_added
+   * @type {undefined}
+  */
+  /**
+   * @typedef {PlainObject} module:svgcanvas.Message
+   * @property {Any} data The data
+   * @property {string} origin The origin
+   */
+  /**
+   * @event module:svgcanvas.SvgCanvas#event:message
+   * @type {module:svgcanvas.Message}
+   */
+  /**
+   * SVG canvas converted to string
+   * @event module:svgcanvas.SvgCanvas#event:saved
+   * @type {string}
+   */
+  /**
+   * @event module:svgcanvas.SvgCanvas#event:setnonce
+   * @type {!(string|Integer)}
+   */
+  /**
+   * @event module:svgcanvas.SvgCanvas#event:unsetnonce
+   * @type {undefined}
+   */
+  /**
+   * @event module:svgcanvas.SvgCanvas#event:zoomDone
+   * @type {undefined}
+  */
+  /**
+   * @event module:svgcanvas.SvgCanvas#event:cleared
+   * @type {undefined}
+  */
+
+  /**
+   * @event module:svgcanvas.SvgCanvas#event:exported
+   * @type {module:svgcanvas.ImageExportedResults}
+   */
+  /**
+   * @event module:svgcanvas.SvgCanvas#event:exportedPDF
+   * @type {module:svgcanvas.PDFExportedResults}
+   */
+  /**
+   * Creating a cover-all class until {@link https://github.com/jsdoc3/jsdoc/issues/1545} may be supported.
+   * `undefined` may be returned by {@link module:svgcanvas.SvgCanvas#event:extension_added} if the extension's `init` returns `undefined` It is also the type for the following events "zoomDone", "unsetnonce", "cleared", and "extensions_added".
+   * @event module:svgcanvas.SvgCanvas#event:GenericCanvasEvent
+   * @type {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset|module:svgcanvas.SvgCanvas#event:pointsAdded|module:svgcanvas.SvgCanvas#event:extension_added|module:svgcanvas.SvgCanvas#event:extensions_added|module:svgcanvas.SvgCanvas#event:message|module:svgcanvas.SvgCanvas#event:transition|module:svgcanvas.SvgCanvas#event:zoomed|module:svgcanvas.SvgCanvas#event:updateCanvas|module:svgcanvas.SvgCanvas#event:saved|module:svgcanvas.SvgCanvas#event:exported|module:svgcanvas.SvgCanvas#event:exportedPDF|module:svgcanvas.SvgCanvas#event:setnonce|module:svgcanvas.SvgCanvas#event:unsetnonce|undefined}
+   */
+
+  /**
+  * @callback module:svgcanvas.EventHandler
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg
+  * @listens module:svgcanvas.SvgCanvas#event:GenericCanvasEvent
+  */
+
+  /**
+  * Attaches a callback function to an event
+  * @function module:svgcanvas.SvgCanvas#bind
+  * @param {"changed"|"contextset"|"selected"|"pointsAdded"|"extension_added"|"extensions_added"|"message"|"transition"|"zoomed"|"updateCanvas"|"zoomDone"|"saved"|"exported"|"exportedPDF"|"setnonce"|"unsetnonce"|"cleared"} ev - String indicating the name of the event
+  * @param {module:svgcanvas.EventHandler} f - The callback function to bind to the event
+  * @returns {module:svgcanvas.EventHandler} The previous event
+  */
+  canvas.bind = function (ev, f) {
+    var old = events[ev];
+    events[ev] = f;
+    return old;
+  };
+
+  /**
+  * Runs the SVG Document through the sanitizer and then updates its paths.
+  * @function module:svgcanvas.SvgCanvas#prepareSvg
+  * @param {XMLDocument} newDoc - The SVG DOM document
+  * @returns {undefined}
+  */
+  this.prepareSvg = function (newDoc) {
+    this.sanitizeSvg(newDoc.documentElement);
+
+    // convert paths into absolute commands
+    var paths = [].concat(toConsumableArray(newDoc.getElementsByTagNameNS(NS.SVG, 'path')));
+    paths.forEach(function (path$$1) {
+      path$$1.setAttribute('d', pathActions$$1.convertPath(path$$1));
+      pathActions$$1.fixEnd(path$$1);
+    });
+  };
+
+  /**
+  * Hack for Firefox bugs where text element features aren't updated or get
+  * messed up. See issue 136 and issue 137.
+  * This function clones the element and re-selects it.
+  * @function module:svgcanvas~ffClone
+  * @todo Test for this bug on load and add it to "support" object instead of
+  * browser sniffing
+  * @param {Element} elem - The (text) DOM element to clone
+  * @returns {Element} Cloned element
+  */
+  var ffClone = function ffClone(elem) {
+    if (!isGecko()) {
+      return elem;
+    }
+    var clone = elem.cloneNode(true);
+    elem.before(clone);
+    elem.remove();
+    selectorManager.releaseSelector(elem);
+    selectedElements[0] = clone;
+    selectorManager.requestSelector(clone).showGrips(true);
+    return clone;
+  };
+
+  // `this.each` is deprecated, if any extension used this it can be recreated by doing this:
+  // * @example $(canvas.getRootElem()).children().each(...)
+  // * @function module:svgcanvas.SvgCanvas#each
+  // this.each = function (cb) {
+  //  $(svgroot).children().each(cb);
+  // };
+
+  /**
+  * Removes any old rotations if present, prepends a new rotation at the
+  * transformed center
+  * @function module:svgcanvas.SvgCanvas#setRotationAngle
+  * @param {string|Float} val - The new rotation angle in degrees
+  * @param {boolean} preventUndo - Indicates whether the action should be undoable or not
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  this.setRotationAngle = function (val, preventUndo) {
+    // ensure val is the proper type
+    val = parseFloat(val);
+    var elem = selectedElements[0];
+    var oldTransform = elem.getAttribute('transform');
+    var bbox = getBBox(elem);
+    var cx = bbox.x + bbox.width / 2,
+        cy = bbox.y + bbox.height / 2;
+    var tlist = getTransformList(elem);
+
+    // only remove the real rotational transform if present (i.e. at index=0)
+    if (tlist.numberOfItems > 0) {
+      var xform = tlist.getItem(0);
+      if (xform.type === 4) {
+        tlist.removeItem(0);
+      }
+    }
+    // find Rnc and insert it
+    if (val !== 0) {
+      var center = transformPoint(cx, cy, transformListToTransform(tlist).matrix);
+      var Rnc = svgroot.createSVGTransform();
+      Rnc.setRotate(val, center.x, center.y);
+      if (tlist.numberOfItems) {
+        tlist.insertItemBefore(Rnc, 0);
+      } else {
+        tlist.appendItem(Rnc);
+      }
+    } else if (tlist.numberOfItems === 0) {
+      elem.removeAttribute('transform');
+    }
+
+    if (!preventUndo) {
+      // we need to undo it, then redo it so it can be undo-able! :)
+      // TODO: figure out how to make changes to transform list undo-able cross-browser?
+      var newTransform = elem.getAttribute('transform');
+      elem.setAttribute('transform', oldTransform);
+      changeSelectedAttribute('transform', newTransform, selectedElements);
+      call('changed', selectedElements);
+    }
+    // const pointGripContainer = getElem('pathpointgrip_container');
+    // if (elem.nodeName === 'path' && pointGripContainer) {
+    //   pathActions.setPointContainerTransform(elem.getAttribute('transform'));
+    // }
+    var selector = selectorManager.requestSelector(selectedElements[0]);
+    selector.resize();
+    selector.updateGripCursors(val);
+  };
+
+  /**
+  * Runs `recalculateDimensions` on the selected elements,
+  * adding the changes to a single batch command
+  * @function module:svgcanvas.SvgCanvas#recalculateAllSelectedDimensions
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  var recalculateAllSelectedDimensions = this.recalculateAllSelectedDimensions = function () {
+    var text = currentResizeMode === 'none' ? 'position' : 'size';
+    var batchCmd = new BatchCommand$1(text);
+
+    var i = selectedElements.length;
+    while (i--) {
+      var elem = selectedElements[i];
+      // if (getRotationAngle(elem) && !hasMatrixTransform(getTransformList(elem))) { continue; }
+      var cmd = recalculateDimensions(elem);
+      if (cmd) {
+        batchCmd.addSubCommand(cmd);
+      }
+    }
+
+    if (!batchCmd.isEmpty()) {
+      addCommandToHistory(batchCmd);
+      call('changed', selectedElements);
+    }
+  };
+
+  /**
+   * Debug tool to easily see the current matrix in the browser's console
+   * @function module:svgcanvas~logMatrix
+   * @param {SVGMatrix} m The matrix
+   * @returns {undefined}
+   */
+  var logMatrix = function logMatrix(m) {
+    console.log([m.a, m.b, m.c, m.d, m.e, m.f]);
+  };
+
+  // Root Current Transformation Matrix in user units
+  var rootSctm = null;
+
+  /**
+  * Group: Selection
+  */
+
+  // TODO: do we need to worry about selectedBBoxes here?
+
+  /**
+  * Selects only the given elements, shortcut for clearSelection(); addToSelection()
+  * @function module:svgcanvas.SvgCanvas#selectOnly
+  * @param {Element[]} elems - an array of DOM elements to be selected
+  * @param {boolean} showGrips - Indicates whether the resize grips should be shown
+  * @returns {undefined}
+  */
+  var selectOnly = this.selectOnly = function (elems, showGrips) {
+    clearSelection(true);
+    addToSelection(elems, showGrips);
+  };
+
+  // TODO: could use slice here to make this faster?
+  // TODO: should the 'selected' handler
+
+  /**
+  * Removes elements from the selection.
+  * @function module:svgcanvas.SvgCanvas#removeFromSelection
+  * @param {Element[]} elemsToRemove - An array of elements to remove from selection
+  * @returns {undefined}
+  */
+  /* const removeFromSelection = */this.removeFromSelection = function (elemsToRemove) {
+    if (selectedElements[0] == null) {
+      return;
+    }
+    if (!elemsToRemove.length) {
+      return;
+    }
+
+    // find every element and remove it from our array copy
+    var newSelectedItems = [],
+        len = selectedElements.length;
+    for (var i = 0; i < len; ++i) {
+      var elem = selectedElements[i];
+      if (elem) {
+        // keep the item
+        if (!elemsToRemove.includes(elem)) {
+          newSelectedItems.push(elem);
+        } else {
+          // remove the item and its selector
+          selectorManager.releaseSelector(elem);
+        }
+      }
+    }
+    // the copy becomes the master now
+    selectedElements = newSelectedItems;
+  };
+
+  /**
+  * Clears the selection, then adds all elements in the current layer to the selection.
+  * @function module:svgcanvas.SvgCanvas#selectAllInCurrentLayer
+  * @returns {undefined}
+  */
+  this.selectAllInCurrentLayer = function () {
+    var currentLayer = getCurrentDrawing().getCurrentLayer();
+    if (currentLayer) {
+      currentMode = 'select';
+      selectOnly($$9(currentGroup || currentLayer).children());
+    }
+  };
+
+  var drawnPath = null;
+
+  // Mouse events
+  (function () {
+    var freehand = {
+      minx: null,
+      miny: null,
+      maxx: null,
+      maxy: null
+    };
+    var THRESHOLD_DIST = 0.8,
+        STEP_COUNT = 10;
+    var dAttr = null,
+        startX = null,
+        startY = null,
+        rStartX = null,
+        rStartY = null,
+        initBbox = {},
+        sumDistance = 0,
+        controllPoint2 = { x: 0, y: 0 },
+        controllPoint1 = { x: 0, y: 0 },
+        start = { x: 0, y: 0 },
+        end = { x: 0, y: 0 },
+        bSpline = { x: 0, y: 0 },
+        nextPos = { x: 0, y: 0 },
+        parameter = void 0,
+        nextParameter = void 0;
+
+    var getBsplinePoint = function getBsplinePoint(t) {
+      var spline = { x: 0, y: 0 },
+          p0 = controllPoint2,
+          p1 = controllPoint1,
+          p2 = start,
+          p3 = end,
+          S = 1.0 / 6.0,
+          t2 = t * t,
+          t3 = t2 * t;
+
+      var m = [[-1, 3, -3, 1], [3, -6, 3, 0], [-3, 0, 3, 0], [1, 4, 1, 0]];
+
+      spline.x = S * ((p0.x * m[0][0] + p1.x * m[0][1] + p2.x * m[0][2] + p3.x * m[0][3]) * t3 + (p0.x * m[1][0] + p1.x * m[1][1] + p2.x * m[1][2] + p3.x * m[1][3]) * t2 + (p0.x * m[2][0] + p1.x * m[2][1] + p2.x * m[2][2] + p3.x * m[2][3]) * t + (p0.x * m[3][0] + p1.x * m[3][1] + p2.x * m[3][2] + p3.x * m[3][3]));
+      spline.y = S * ((p0.y * m[0][0] + p1.y * m[0][1] + p2.y * m[0][2] + p3.y * m[0][3]) * t3 + (p0.y * m[1][0] + p1.y * m[1][1] + p2.y * m[1][2] + p3.y * m[1][3]) * t2 + (p0.y * m[2][0] + p1.y * m[2][1] + p2.y * m[2][2] + p3.y * m[2][3]) * t + (p0.y * m[3][0] + p1.y * m[3][1] + p2.y * m[3][2] + p3.y * m[3][3]));
+
+      return {
+        x: spline.x,
+        y: spline.y
+      };
+    };
+    /**
+     * - When we are in a create mode, the element is added to the canvas but the
+     *   action is not recorded until mousing up.
+     * - When we are in select mode, select the element, remember the position
+     *   and do nothing else
+     * @param {MouseEvent} evt
+     * @fires module:svgcanvas.SvgCanvas#event:ext-mouseDown
+     * @returns {undefined}
+     */
+    var mouseDown = function mouseDown(evt) {
+      if (canvas.spaceKey || evt.button === 1) {
+        return;
+      }
+
+      var rightClick = evt.button === 2;
+
+      if (evt.altKey) {
+        // duplicate when dragging
+        canvas.cloneSelectedElements(0, 0);
+      }
+
+      rootSctm = $$9('#svgcontent g')[0].getScreenCTM().inverse();
+
+      var pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+          mouseX = pt.x * currentZoom,
+          mouseY = pt.y * currentZoom;
+
+      evt.preventDefault();
+
+      if (rightClick) {
+        currentMode = 'select';
+        lastClickPoint = pt;
+      }
+
+      // This would seem to be unnecessary...
+      // if (!['select', 'resize'].includes(currentMode)) {
+      //   setGradient();
+      // }
+
+      var x = mouseX / currentZoom,
+          y = mouseY / currentZoom;
+      var mouseTarget = getMouseTarget(evt);
+
+      if (mouseTarget.tagName === 'a' && mouseTarget.childNodes.length === 1) {
+        mouseTarget = mouseTarget.firstChild;
+      }
+
+      // realX/y ignores grid-snap value
+      var realX = x;
+      rStartX = startX = x;
+      var realY = y;
+      rStartY = startY = y;
+
+      if (curConfig.gridSnapping) {
+        x = snapToGrid(x);
+        y = snapToGrid(y);
+        startX = snapToGrid(startX);
+        startY = snapToGrid(startY);
+      }
+
+      // if it is a selector grip, then it must be a single element selected,
+      // set the mouseTarget to that and update the mode to rotate/resize
+
+      if (mouseTarget === selectorManager.selectorParentGroup && selectedElements[0] != null) {
+        var grip = evt.target;
+        var griptype = elData(grip, 'type');
+        // rotating
+        if (griptype === 'rotate') {
+          currentMode = 'rotate';
+          // resizing
+        } else if (griptype === 'resize') {
+          currentMode = 'resize';
+          currentResizeMode = elData(grip, 'dir');
+        }
+        mouseTarget = selectedElements[0];
+      }
+
+      startTransform = mouseTarget.getAttribute('transform');
+      var i = void 0,
+          strokeW = void 0;
+      var tlist = getTransformList(mouseTarget);
+      switch (currentMode) {
+        case 'select':
+          started = true;
+          currentResizeMode = 'none';
+          if (rightClick) {
+            started = false;
+          }
+
+          if (mouseTarget !== svgroot) {
+            // if this element is not yet selected, clear selection and select it
+            if (!selectedElements.includes(mouseTarget)) {
+              // only clear selection if shift is not pressed (otherwise, add
+              // element to selection)
+              if (!evt.shiftKey) {
+                // No need to do the call here as it will be done on addToSelection
+                clearSelection(true);
+              }
+              addToSelection([mouseTarget]);
+              justSelected = mouseTarget;
+              pathActions$$1.clear();
+            }
+            // else if it's a path, go into pathedit mode in mouseup
+
+            if (!rightClick) {
+              // insert a dummy transform so if the element(s) are moved it will have
+              // a transform to use for its translate
+              for (i = 0; i < selectedElements.length; ++i) {
+                if (selectedElements[i] == null) {
+                  continue;
+                }
+                var slist = getTransformList(selectedElements[i]);
+                if (slist.numberOfItems) {
+                  slist.insertItemBefore(svgroot.createSVGTransform(), 0);
+                } else {
+                  slist.appendItem(svgroot.createSVGTransform());
+                }
+              }
+            }
+          } else if (!rightClick) {
+            clearSelection();
+            currentMode = 'multiselect';
+            if (rubberBox == null) {
+              rubberBox = selectorManager.getRubberBandBox();
+            }
+            rStartX *= currentZoom;
+            rStartY *= currentZoom;
+            // console.log('p',[evt.pageX, evt.pageY]);
+            // console.log('c',[evt.clientX, evt.clientY]);
+            // console.log('o',[evt.offsetX, evt.offsetY]);
+            // console.log('s',[startX, startY]);
+
+            assignAttributes(rubberBox, {
+              x: rStartX,
+              y: rStartY,
+              width: 0,
+              height: 0,
+              display: 'inline'
+            }, 100);
+          }
+          break;
+        case 'zoom':
+          started = true;
+          if (rubberBox == null) {
+            rubberBox = selectorManager.getRubberBandBox();
+          }
+          assignAttributes(rubberBox, {
+            x: realX * currentZoom,
+            y: realX * currentZoom,
+            width: 0,
+            height: 0,
+            display: 'inline'
+          }, 100);
+          break;
+        case 'resize':
+          started = true;
+          startX = x;
+          startY = y;
+
+          // Getting the BBox from the selection box, since we know we
+          // want to orient around it
+          initBbox = getBBox($$9('#selectedBox0')[0]);
+          var bb = {};
+          $$9.each(initBbox, function (key, val) {
+            bb[key] = val / currentZoom;
+          });
+          initBbox = bb;
+
+          // append three dummy transforms to the tlist so that
+          // we can translate,scale,translate in mousemove
+          var pos = getRotationAngle(mouseTarget) ? 1 : 0;
+
+          if (hasMatrixTransform(tlist)) {
+            tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+            tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+            tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+          } else {
+            tlist.appendItem(svgroot.createSVGTransform());
+            tlist.appendItem(svgroot.createSVGTransform());
+            tlist.appendItem(svgroot.createSVGTransform());
+
+            if (supportsNonScalingStroke()) {
+              // Handle crash for newer Chrome and Safari 6 (Mobile and Desktop):
+              // https://code.google.com/p/svg-edit/issues/detail?id=904
+              // Chromium issue: https://code.google.com/p/chromium/issues/detail?id=114625
+              // TODO: Remove this workaround once vendor fixes the issue
+              var iswebkit = isWebkit();
+
+              var delayedStroke = void 0;
+              if (iswebkit) {
+                delayedStroke = function delayedStroke(ele) {
+                  var _stroke = ele.getAttributeNS(null, 'stroke');
+                  ele.removeAttributeNS(null, 'stroke');
+                  // Re-apply stroke after delay. Anything higher than 1 seems to cause flicker
+                  if (_stroke !== null) setTimeout(function () {
+                    ele.setAttributeNS(null, 'stroke', _stroke);
+                  }, 0);
+                };
+              }
+              mouseTarget.style.vectorEffect = 'non-scaling-stroke';
+              if (iswebkit) {
+                delayedStroke(mouseTarget);
+              }
+
+              var all = mouseTarget.getElementsByTagName('*'),
+                  len = all.length;
+              for (i = 0; i < len; i++) {
+                if (!all[i].style) {
+                  // mathML
+                  continue;
+                }
+                all[i].style.vectorEffect = 'non-scaling-stroke';
+                if (iswebkit) {
+                  delayedStroke(all[i]);
+                }
+              }
+            }
+          }
+          break;
+        case 'fhellipse':
+        case 'fhrect':
+        case 'fhpath':
+          start.x = realX;
+          start.y = realY;
+          started = true;
+          dAttr = realX + ',' + realY + ' ';
+          strokeW = parseFloat(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;
+          addSVGElementFromJson({
+            element: 'polyline',
+            curStyles: true,
+            attr: {
+              points: dAttr,
+              id: getNextId(),
+              fill: 'none',
+              opacity: curShape.opacity / 2,
+              'stroke-linecap': 'round',
+              style: 'pointer-events:none'
+            }
+          });
+          freehand.minx = realX;
+          freehand.maxx = realX;
+          freehand.miny = realY;
+          freehand.maxy = realY;
+          break;
+        case 'image':
+          started = true;
+          var newImage = addSVGElementFromJson({
+            element: 'image',
+            attr: {
+              x: x,
+              y: y,
+              width: 0,
+              height: 0,
+              id: getNextId(),
+              opacity: curShape.opacity / 2,
+              style: 'pointer-events:inherit'
+            }
+          });
+          setHref(newImage, lastGoodImgUrl);
+          preventClickDefault(newImage);
+          break;
+        case 'square':
+        // FIXME: once we create the rect, we lose information that this was a square
+        // (for resizing purposes this could be important)
+        // Fallthrough
+        case 'rect':
+          started = true;
+          startX = x;
+          startY = y;
+          addSVGElementFromJson({
+            element: 'rect',
+            curStyles: true,
+            attr: {
+              x: x,
+              y: y,
+              width: 0,
+              height: 0,
+              id: getNextId(),
+              opacity: curShape.opacity / 2
+            }
+          });
+          break;
+        case 'line':
+          started = true;
+          strokeW = Number(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;
+          addSVGElementFromJson({
+            element: 'line',
+            curStyles: true,
+            attr: {
+              x1: x,
+              y1: y,
+              x2: x,
+              y2: y,
+              id: getNextId(),
+              stroke: curShape.stroke,
+              'stroke-width': strokeW,
+              'stroke-dasharray': curShape.stroke_dasharray,
+              'stroke-linejoin': curShape.stroke_linejoin,
+              'stroke-linecap': curShape.stroke_linecap,
+              'stroke-opacity': curShape.stroke_opacity,
+              fill: 'none',
+              opacity: curShape.opacity / 2,
+              style: 'pointer-events:none'
+            }
+          });
+          break;
+        case 'circle':
+          started = true;
+          addSVGElementFromJson({
+            element: 'circle',
+            curStyles: true,
+            attr: {
+              cx: x,
+              cy: y,
+              r: 0,
+              id: getNextId(),
+              opacity: curShape.opacity / 2
+            }
+          });
+          break;
+        case 'ellipse':
+          started = true;
+          addSVGElementFromJson({
+            element: 'ellipse',
+            curStyles: true,
+            attr: {
+              cx: x,
+              cy: y,
+              rx: 0,
+              ry: 0,
+              id: getNextId(),
+              opacity: curShape.opacity / 2
+            }
+          });
+          break;
+        case 'text':
+          started = true;
+          /* const newText = */addSVGElementFromJson({
+            element: 'text',
+            curStyles: true,
+            attr: {
+              x: x,
+              y: y,
+              id: getNextId(),
+              fill: curText.fill,
+              'stroke-width': curText.stroke_width,
+              'font-size': curText.font_size,
+              'font-family': curText.font_family,
+              'text-anchor': 'middle',
+              'xml:space': 'preserve',
+              opacity: curShape.opacity
+            }
+          });
+          // newText.textContent = 'text';
+          break;
+        case 'path':
+        // Fall through
+        case 'pathedit':
+          startX *= currentZoom;
+          startY *= currentZoom;
+          pathActions$$1.mouseDown(evt, mouseTarget, startX, startY);
+          started = true;
+          break;
+        case 'textedit':
+          startX *= currentZoom;
+          startY *= currentZoom;
+          textActions.mouseDown(evt, mouseTarget, startX, startY);
+          started = true;
+          break;
+        case 'rotate':
+          started = true;
+          // we are starting an undoable change (a drag-rotation)
+          canvas.undoMgr.beginUndoableChange('transform', selectedElements);
+          break;
+        default:
+          // This could occur in an extension
+          break;
+      }
+
+      /**
+       * The main (left) mouse button is held down on the canvas area
+       * @event module:svgcanvas.SvgCanvas#event:ext-mouseDown
+       * @type {PlainObject}
+       * @property {MouseEvent} event The event object
+       * @property {Float} start_x x coordinate on canvas
+       * @property {Float} start_y y coordinate on canvas
+       * @property {Element[]} selectedElements An array of the selected Elements
+      */
+      var extResult = runExtensions('mouseDown', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseDown} */{
+        event: evt,
+        start_x: startX,
+        start_y: startY,
+        selectedElements: selectedElements
+      }, true);
+
+      $$9.each(extResult, function (i, r) {
+        if (r && r.started) {
+          started = true;
+        }
+      });
+    };
+
+    // in this function we do not record any state changes yet (but we do update
+    // any elements that are still being created, moved or resized on the canvas)
+    /**
+     *
+     * @param {MouseEvent} evt
+     * @fires module:svgcanvas.SvgCanvas#event:transition
+     * @fires module:svgcanvas.SvgCanvas#event:ext-mouseMove
+     * @returns {undefined}
+     */
+    var mouseMove = function mouseMove(evt) {
+      if (!started) {
+        return;
+      }
+      if (evt.button === 1 || canvas.spaceKey) {
+        return;
+      }
+
+      var i = void 0,
+          xya = void 0,
+          c = void 0,
+          cx = void 0,
+          cy = void 0,
+          dx = void 0,
+          dy = void 0,
+          len = void 0,
+          angle = void 0,
+          box = void 0,
+          selected = selectedElements[0];
+      var pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+          mouseX = pt.x * currentZoom,
+          mouseY = pt.y * currentZoom,
+          shape = getElem(getId());
+
+      var realX = mouseX / currentZoom;
+      var x = realX;
+      var realY = mouseY / currentZoom;
+      var y = realY;
+
+      if (curConfig.gridSnapping) {
+        x = snapToGrid(x);
+        y = snapToGrid(y);
+      }
+
+      evt.preventDefault();
+      var tlist = void 0;
+      switch (currentMode) {
+        case 'select':
+          {
+            // we temporarily use a translate on the element(s) being dragged
+            // this transform is removed upon mousing up and the element is
+            // relocated to the new location
+            if (selectedElements[0] !== null) {
+              dx = x - startX;
+              dy = y - startY;
+
+              if (curConfig.gridSnapping) {
+                dx = snapToGrid(dx);
+                dy = snapToGrid(dy);
+              }
+
+              if (evt.shiftKey) {
+                xya = snapToAngle(startX, startY, x, y);
+                var _xya = xya;
+                x = _xya.x;
+                y = _xya.y;
+              }
+
+              if (dx !== 0 || dy !== 0) {
+                len = selectedElements.length;
+                for (i = 0; i < len; ++i) {
+                  selected = selectedElements[i];
+                  if (selected == null) {
+                    break;
+                  }
+                  // if (i === 0) {
+                  //   const box = utilsGetBBox(selected);
+                  //     selectedBBoxes[i].x = box.x + dx;
+                  //     selectedBBoxes[i].y = box.y + dy;
+                  // }
+
+                  // update the dummy transform in our transform list
+                  // to be a translate
+                  var xform = svgroot.createSVGTransform();
+                  tlist = getTransformList(selected);
+                  // Note that if Webkit and there's no ID for this
+                  // element, the dummy transform may have gotten lost.
+                  // This results in unexpected behaviour
+
+                  xform.setTranslate(dx, dy);
+                  if (tlist.numberOfItems) {
+                    tlist.replaceItem(xform, 0);
+                  } else {
+                    tlist.appendItem(xform);
+                  }
+
+                  // update our internal bbox that we're tracking while dragging
+                  selectorManager.requestSelector(selected).resize();
+                }
+
+                call('transition', selectedElements);
+              }
+            }
+            break;
+          }case 'multiselect':
+          {
+            realX *= currentZoom;
+            realY *= currentZoom;
+            assignAttributes(rubberBox, {
+              x: Math.min(rStartX, realX),
+              y: Math.min(rStartY, realY),
+              width: Math.abs(realX - rStartX),
+              height: Math.abs(realY - rStartY)
+            }, 100);
+
+            // for each selected:
+            // - if newList contains selected, do nothing
+            // - if newList doesn't contain selected, remove it from selected
+            // - for any newList that was not in selectedElements, add it to selected
+            var elemsToRemove = selectedElements.slice(),
+                elemsToAdd = [],
+                newList = getIntersectionList();
+
+            // For every element in the intersection, add if not present in selectedElements.
+            len = newList.length;
+            for (i = 0; i < len; ++i) {
+              var intElem = newList[i];
+              // Found an element that was not selected before, so we should add it.
+              if (!selectedElements.includes(intElem)) {
+                elemsToAdd.push(intElem);
+              }
+              // Found an element that was already selected, so we shouldn't remove it.
+              var foundInd = elemsToRemove.indexOf(intElem);
+              if (foundInd !== -1) {
+                elemsToRemove.splice(foundInd, 1);
+              }
+            }
+
+            if (elemsToRemove.length > 0) {
+              canvas.removeFromSelection(elemsToRemove);
+            }
+
+            if (elemsToAdd.length > 0) {
+              canvas.addToSelection(elemsToAdd);
+            }
+
+            break;
+          }case 'resize':
+          {
+            // we track the resize bounding box and translate/scale the selected element
+            // while the mouse is down, when mouse goes up, we use this to recalculate
+            // the shape's coordinates
+            tlist = getTransformList(selected);
+            var hasMatrix = hasMatrixTransform(tlist);
+            box = hasMatrix ? initBbox : getBBox(selected);
+            var left = box.x,
+                top = box.y,
+                _box = box,
+                width = _box.width,
+                height = _box.height;
+
+            dx = x - startX;
+            dy = y - startY;
+
+            if (curConfig.gridSnapping) {
+              dx = snapToGrid(dx);
+              dy = snapToGrid(dy);
+              height = snapToGrid(height);
+              width = snapToGrid(width);
+            }
+
+            // if rotated, adjust the dx,dy values
+            angle = getRotationAngle(selected);
+            if (angle) {
+              var r = Math.sqrt(dx * dx + dy * dy),
+                  theta = Math.atan2(dy, dx) - angle * Math.PI / 180.0;
+              dx = r * Math.cos(theta);
+              dy = r * Math.sin(theta);
+            }
+
+            // if not stretching in y direction, set dy to 0
+            // if not stretching in x direction, set dx to 0
+            if (!currentResizeMode.includes('n') && !currentResizeMode.includes('s')) {
+              dy = 0;
+            }
+            if (!currentResizeMode.includes('e') && !currentResizeMode.includes('w')) {
+              dx = 0;
+            }
+
+            var // ts = null,
+            tx = 0,
+                ty = 0,
+                sy = height ? (height + dy) / height : 1,
+                sx = width ? (width + dx) / width : 1;
+            // if we are dragging on the north side, then adjust the scale factor and ty
+            if (currentResizeMode.includes('n')) {
+              sy = height ? (height - dy) / height : 1;
+              ty = height;
+            }
+
+            // if we dragging on the east side, then adjust the scale factor and tx
+            if (currentResizeMode.includes('w')) {
+              sx = width ? (width - dx) / width : 1;
+              tx = width;
+            }
+
+            // update the transform list with translate,scale,translate
+            var translateOrigin = svgroot.createSVGTransform(),
+                scale = svgroot.createSVGTransform(),
+                translateBack = svgroot.createSVGTransform();
+
+            if (curConfig.gridSnapping) {
+              left = snapToGrid(left);
+              tx = snapToGrid(tx);
+              top = snapToGrid(top);
+              ty = snapToGrid(ty);
+            }
+
+            translateOrigin.setTranslate(-(left + tx), -(top + ty));
+            if (evt.shiftKey) {
+              if (sx === 1) {
+                sx = sy;
+              } else {
+                sy = sx;
+              }
+            }
+            scale.setScale(sx, sy);
+
+            translateBack.setTranslate(left + tx, top + ty);
+            if (hasMatrix) {
+              var diff = angle ? 1 : 0;
+              tlist.replaceItem(translateOrigin, 2 + diff);
+              tlist.replaceItem(scale, 1 + diff);
+              tlist.replaceItem(translateBack, Number(diff));
+            } else {
+              var N = tlist.numberOfItems;
+              tlist.replaceItem(translateBack, N - 3);
+              tlist.replaceItem(scale, N - 2);
+              tlist.replaceItem(translateOrigin, N - 1);
+            }
+
+            selectorManager.requestSelector(selected).resize();
+
+            call('transition', selectedElements);
+
+            break;
+          }case 'zoom':
+          {
+            realX *= currentZoom;
+            realY *= currentZoom;
+            assignAttributes(rubberBox, {
+              x: Math.min(rStartX * currentZoom, realX),
+              y: Math.min(rStartY * currentZoom, realY),
+              width: Math.abs(realX - rStartX * currentZoom),
+              height: Math.abs(realY - rStartY * currentZoom)
+            }, 100);
+            break;
+          }case 'text':
+          {
+            assignAttributes(shape, {
+              x: x,
+              y: y
+            }, 1000);
+            break;
+          }case 'line':
+          {
+            if (curConfig.gridSnapping) {
+              x = snapToGrid(x);
+              y = snapToGrid(y);
+            }
+
+            var x2 = x;
+            var y2 = y;
+
+            if (evt.shiftKey) {
+              xya = snapToAngle(startX, startY, x2, y2);
+              x2 = xya.x;
+              y2 = xya.y;
+            }
+
+            shape.setAttributeNS(null, 'x2', x2);
+            shape.setAttributeNS(null, 'y2', y2);
+            break;
+          }case 'foreignObject':
+        // fall through
+        case 'square':
+        // fall through
+        case 'rect':
+        // fall through
+        case 'image':
+          {
+            var square = currentMode === 'square' || evt.shiftKey;
+            var w = Math.abs(x - startX),
+                h = Math.abs(y - startY);
+            var newX = void 0,
+                newY = void 0;
+            if (square) {
+              w = h = Math.max(w, h);
+              newX = startX < x ? startX : startX - w;
+              newY = startY < y ? startY : startY - h;
+            } else {
+              newX = Math.min(startX, x);
+              newY = Math.min(startY, y);
+            }
+
+            if (curConfig.gridSnapping) {
+              w = snapToGrid(w);
+              h = snapToGrid(h);
+              newX = snapToGrid(newX);
+              newY = snapToGrid(newY);
+            }
+
+            assignAttributes(shape, {
+              width: w,
+              height: h,
+              x: newX,
+              y: newY
+            }, 1000);
+
+            break;
+          }case 'circle':
+          {
+            c = $$9(shape).attr(['cx', 'cy']);
+            var _c = c;
+            cx = _c.cx;
+            cy = _c.cy;
+
+            var rad = Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy));
+            if (curConfig.gridSnapping) {
+              rad = snapToGrid(rad);
+            }
+            shape.setAttributeNS(null, 'r', rad);
+            break;
+          }case 'ellipse':
+          {
+            c = $$9(shape).attr(['cx', 'cy']);
+            var _c2 = c;
+            cx = _c2.cx;
+            cy = _c2.cy;
+
+            if (curConfig.gridSnapping) {
+              x = snapToGrid(x);
+              cx = snapToGrid(cx);
+              y = snapToGrid(y);
+              cy = snapToGrid(cy);
+            }
+            shape.setAttributeNS(null, 'rx', Math.abs(x - cx));
+            var ry = Math.abs(evt.shiftKey ? x - cx : y - cy);
+            shape.setAttributeNS(null, 'ry', ry);
+            break;
+          }
+        case 'fhellipse':
+        case 'fhrect':
+          {
+            freehand.minx = Math.min(realX, freehand.minx);
+            freehand.maxx = Math.max(realX, freehand.maxx);
+            freehand.miny = Math.min(realY, freehand.miny);
+            freehand.maxy = Math.max(realY, freehand.maxy);
+          }
+        // Fallthrough
+        case 'fhpath':
+          {
+            // dAttr += + realX + ',' + realY + ' ';
+            // shape.setAttributeNS(null, 'points', dAttr);
+            end.x = realX;end.y = realY;
+            if (controllPoint2.x && controllPoint2.y) {
+              for (i = 0; i < STEP_COUNT - 1; i++) {
+                parameter = i / STEP_COUNT;
+                nextParameter = (i + 1) / STEP_COUNT;
+                bSpline = getBsplinePoint(nextParameter);
+                nextPos = bSpline;
+                bSpline = getBsplinePoint(parameter);
+                sumDistance += Math.sqrt((nextPos.x - bSpline.x) * (nextPos.x - bSpline.x) + (nextPos.y - bSpline.y) * (nextPos.y - bSpline.y));
+                if (sumDistance > THRESHOLD_DIST) {
+                  sumDistance -= THRESHOLD_DIST;
+
+                  // Faster than completely re-writing the points attribute.
+                  var point = svgcontent.createSVGPoint();
+                  point.x = bSpline.x;
+                  point.y = bSpline.y;
+                  shape.points.appendItem(point);
+                }
+              }
+            }
+            controllPoint2 = { x: controllPoint1.x, y: controllPoint1.y };
+            controllPoint1 = { x: start.x, y: start.y };
+            start = { x: end.x, y: end.y };
+            break;
+            // update path stretch line coordinates
+          }case 'path':
+
+        // fall through
+        case 'pathedit':
+          {
+            x *= currentZoom;
+            y *= currentZoom;
+
+            if (curConfig.gridSnapping) {
+              x = snapToGrid(x);
+              y = snapToGrid(y);
+              startX = snapToGrid(startX);
+              startY = snapToGrid(startY);
+            }
+            if (evt.shiftKey) {
+              var path$$1 = path;
+
+              var x1 = void 0,
+                  y1 = void 0;
+              if (path$$1) {
+                x1 = path$$1.dragging ? path$$1.dragging[0] : startX;
+                y1 = path$$1.dragging ? path$$1.dragging[1] : startY;
+              } else {
+                x1 = startX;
+                y1 = startY;
+              }
+              xya = snapToAngle(x1, y1, x, y);
+              var _xya2 = xya;
+              x = _xya2.x;
+              y = _xya2.y;
+            }
+
+            if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+              realX *= currentZoom;
+              realY *= currentZoom;
+              assignAttributes(rubberBox, {
+                x: Math.min(rStartX * currentZoom, realX),
+                y: Math.min(rStartY * currentZoom, realY),
+                width: Math.abs(realX - rStartX * currentZoom),
+                height: Math.abs(realY - rStartY * currentZoom)
+              }, 100);
+            }
+            pathActions$$1.mouseMove(x, y);
+
+            break;
+          }case 'textedit':
+          {
+            x *= currentZoom;
+            y *= currentZoom;
+            // if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+            //   assignAttributes(rubberBox, {
+            //     x: Math.min(startX, x),
+            //     y: Math.min(startY, y),
+            //     width: Math.abs(x - startX),
+            //     height: Math.abs(y - startY)
+            //   }, 100);
+            // }
+
+            textActions.mouseMove(mouseX, mouseY);
+
+            break;
+          }case 'rotate':
+          {
+            box = getBBox(selected);
+            cx = box.x + box.width / 2;
+            cy = box.y + box.height / 2;
+            var m = getMatrix(selected),
+                center = transformPoint(cx, cy, m);
+            cx = center.x;
+            cy = center.y;
+            angle = (Math.atan2(cy - y, cx - x) * (180 / Math.PI) - 90) % 360;
+            if (curConfig.gridSnapping) {
+              angle = snapToGrid(angle);
+            }
+            if (evt.shiftKey) {
+              // restrict rotations to nice angles (WRS)
+              var snap = 45;
+              angle = Math.round(angle / snap) * snap;
+            }
+
+            canvas.setRotationAngle(angle < -180 ? 360 + angle : angle, true);
+            call('transition', selectedElements);
+            break;
+          }default:
+          break;
+      }
+
+      /**
+      * The mouse has moved on the canvas area
+      * @event module:svgcanvas.SvgCanvas#event:ext-mouseMove
+      * @type {PlainObject}
+      * @property {MouseEvent} event The event object
+      * @property {Float} mouse_x x coordinate on canvas
+      * @property {Float} mouse_y y coordinate on canvas
+      * @property {Element} selected Refers to the first selected element
+      */
+      runExtensions('mouseMove', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseMove} */{
+        event: evt,
+        mouse_x: mouseX,
+        mouse_y: mouseY,
+        selected: selected
+      });
+    }; // mouseMove()
+
+    // - in create mode, the element's opacity is set properly, we create an InsertElementCommand
+    // and store it on the Undo stack
+    // - in move/resize mode, the element's attributes which were affected by the move/resize are
+    // identified, a ChangeElementCommand is created and stored on the stack for those attrs
+    // this is done in when we recalculate the selected dimensions()
+    /**
+     *
+     * @param {MouseEvent} evt
+     * @fires module:svgcanvas.SvgCanvas#event:zoomed
+     * @fires module:svgcanvas.SvgCanvas#event:changed
+     * @fires module:svgcanvas.SvgCanvas#event:ext-mouseUp
+     * @returns {undefined}
+     */
+    var mouseUp = function mouseUp(evt) {
+      if (evt.button === 2) {
+        return;
+      }
+      var tempJustSelected = justSelected;
+      justSelected = null;
+      if (!started) {
+        return;
+      }
+      var pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+          mouseX = pt.x * currentZoom,
+          mouseY = pt.y * currentZoom,
+          x = mouseX / currentZoom,
+          y = mouseY / currentZoom;
+
+      var element = getElem(getId());
+      var keep = false;
+
+      var realX = x;
+      var realY = y;
+      started = false;
+      var attrs = void 0,
+          t = void 0;
+      switch (currentMode) {
+        // intentionally fall-through to select here
+        case 'resize':
+        case 'multiselect':
+          if (rubberBox != null) {
+            rubberBox.setAttribute('display', 'none');
+            curBBoxes = [];
+          }
+          currentMode = 'select';
+        // Fallthrough
+        case 'select':
+          if (selectedElements[0] != null) {
+            // if we only have one selected element
+            if (selectedElements[1] == null) {
+              // set our current stroke/fill properties to the element's
+              var selected = selectedElements[0];
+              switch (selected.tagName) {
+                case 'g':
+                case 'use':
+                case 'image':
+                case 'foreignObject':
+                  break;
+                default:
+                  curProperties.fill = selected.getAttribute('fill');
+                  curProperties.fill_opacity = selected.getAttribute('fill-opacity');
+                  curProperties.stroke = selected.getAttribute('stroke');
+                  curProperties.stroke_opacity = selected.getAttribute('stroke-opacity');
+                  curProperties.stroke_width = selected.getAttribute('stroke-width');
+                  curProperties.stroke_dasharray = selected.getAttribute('stroke-dasharray');
+                  curProperties.stroke_linejoin = selected.getAttribute('stroke-linejoin');
+                  curProperties.stroke_linecap = selected.getAttribute('stroke-linecap');
+              }
+
+              if (selected.tagName === 'text') {
+                curText.font_size = selected.getAttribute('font-size');
+                curText.font_family = selected.getAttribute('font-family');
+              }
+              selectorManager.requestSelector(selected).showGrips(true);
+
+              // This shouldn't be necessary as it was done on mouseDown...
+              // call('selected', [selected]);
+            }
+            // always recalculate dimensions to strip off stray identity transforms
+            recalculateAllSelectedDimensions();
+            // if it was being dragged/resized
+            if (realX !== rStartX || realY !== rStartY) {
+              var len = selectedElements.length;
+              for (var i = 0; i < len; ++i) {
+                if (selectedElements[i] == null) {
+                  break;
+                }
+                if (!selectedElements[i].firstChild) {
+                  // Not needed for groups (incorrectly resizes elems), possibly not needed at all?
+                  selectorManager.requestSelector(selectedElements[i]).resize();
+                }
+              }
+              // no change in position/size, so maybe we should move to pathedit
+            } else {
+              t = evt.target;
+              if (selectedElements[0].nodeName === 'path' && selectedElements[1] == null) {
+                pathActions$$1.select(selectedElements[0]);
+                // if it was a path
+                // else, if it was selected and this is a shift-click, remove it from selection
+              } else if (evt.shiftKey) {
+                if (tempJustSelected !== t) {
+                  canvas.removeFromSelection([t]);
+                }
+              }
+            } // no change in mouse position
+
+            // Remove non-scaling stroke
+            if (supportsNonScalingStroke()) {
+              var elem = selectedElements[0];
+              if (elem) {
+                elem.removeAttribute('style');
+                walkTree(elem, function (elem) {
+                  elem.removeAttribute('style');
+                });
+              }
+            }
+          }
+          return;
+        case 'zoom':
+          if (rubberBox != null) {
+            rubberBox.setAttribute('display', 'none');
+          }
+          var factor = evt.shiftKey ? 0.5 : 2;
+          call('zoomed', {
+            x: Math.min(rStartX, realX),
+            y: Math.min(rStartY, realY),
+            width: Math.abs(realX - rStartX),
+            height: Math.abs(realY - rStartY),
+            factor: factor
+          });
+          return;
+        case 'fhpath':
+          // Check that the path contains at least 2 points; a degenerate one-point path
+          // causes problems.
+          // Webkit ignores how we set the points attribute with commas and uses space
+          // to separate all coordinates, see https://bugs.webkit.org/show_bug.cgi?id=29870
+          sumDistance = 0;
+          controllPoint2 = { x: 0, y: 0 };
+          controllPoint1 = { x: 0, y: 0 };
+          start = { x: 0, y: 0 };
+          end = { x: 0, y: 0 };
+          var coords = element.getAttribute('points');
+          var commaIndex = coords.indexOf(',');
+          if (commaIndex >= 0) {
+            keep = coords.indexOf(',', commaIndex + 1) >= 0;
+          } else {
+            keep = coords.indexOf(' ', coords.indexOf(' ') + 1) >= 0;
+          }
+          if (keep) {
+            element = pathActions$$1.smoothPolylineIntoPath(element);
+          }
+          break;
+        case 'line':
+          attrs = $$9(element).attr(['x1', 'x2', 'y1', 'y2']);
+          keep = attrs.x1 !== attrs.x2 || attrs.y1 !== attrs.y2;
+          break;
+        case 'foreignObject':
+        case 'square':
+        case 'rect':
+        case 'image':
+          attrs = $$9(element).attr(['width', 'height']);
+          // Image should be kept regardless of size (use inherit dimensions later)
+          keep = attrs.width || attrs.height || currentMode === 'image';
+          break;
+        case 'circle':
+          keep = element.getAttribute('r') !== '0';
+          break;
+        case 'ellipse':
+          attrs = $$9(element).attr(['rx', 'ry']);
+          keep = attrs.rx || attrs.ry;
+          break;
+        case 'fhellipse':
+          if (freehand.maxx - freehand.minx > 0 && freehand.maxy - freehand.miny > 0) {
+            element = addSVGElementFromJson({
+              element: 'ellipse',
+              curStyles: true,
+              attr: {
+                cx: (freehand.minx + freehand.maxx) / 2,
+                cy: (freehand.miny + freehand.maxy) / 2,
+                rx: (freehand.maxx - freehand.minx) / 2,
+                ry: (freehand.maxy - freehand.miny) / 2,
+                id: getId()
+              }
+            });
+            call('changed', [element]);
+            keep = true;
+          }
+          break;
+        case 'fhrect':
+          if (freehand.maxx - freehand.minx > 0 && freehand.maxy - freehand.miny > 0) {
+            element = addSVGElementFromJson({
+              element: 'rect',
+              curStyles: true,
+              attr: {
+                x: freehand.minx,
+                y: freehand.miny,
+                width: freehand.maxx - freehand.minx,
+                height: freehand.maxy - freehand.miny,
+                id: getId()
+              }
+            });
+            call('changed', [element]);
+            keep = true;
+          }
+          break;
+        case 'text':
+          keep = true;
+          selectOnly([element]);
+          textActions.start(element);
+          break;
+        case 'path':
+          // set element to null here so that it is not removed nor finalized
+          element = null;
+          // continue to be set to true so that mouseMove happens
+          started = true;
+
+          var res = pathActions$$1.mouseUp(evt, element, mouseX, mouseY);
+          element = res.element;
+          keep = res.keep;
+
+          break;
+        case 'pathedit':
+          keep = true;
+          element = null;
+          pathActions$$1.mouseUp(evt);
+          break;
+        case 'textedit':
+          keep = false;
+          element = null;
+          textActions.mouseUp(evt, mouseX, mouseY);
+          break;
+        case 'rotate':
+          keep = true;
+          element = null;
+          currentMode = 'select';
+          var batchCmd = canvas.undoMgr.finishUndoableChange();
+          if (!batchCmd.isEmpty()) {
+            addCommandToHistory(batchCmd);
+          }
+          // perform recalculation to weed out any stray identity transforms that might get stuck
+          recalculateAllSelectedDimensions();
+          call('changed', selectedElements);
+          break;
+        default:
+          // This could occur in an extension
+          break;
+      }
+
+      /**
+      * The main (left) mouse button is released (anywhere)
+      * @event module:svgcanvas.SvgCanvas#event:ext-mouseUp
+      * @type {PlainObject}
+      * @property {MouseEvent} event The event object
+      * @property {Float} mouse_x x coordinate on canvas
+      * @property {Float} mouse_y y coordinate on canvas
+      */
+      var extResult = runExtensions('mouseUp', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseUp} */{
+        event: evt,
+        mouse_x: mouseX,
+        mouse_y: mouseY
+      }, true);
+
+      $$9.each(extResult, function (i, r) {
+        if (r) {
+          keep = r.keep || keep;
+          element = r.element;
+
+          started = r.started || started;
+        }
+      });
+
+      if (!keep && element != null) {
+        getCurrentDrawing().releaseId(getId());
+        element.remove();
+        element = null;
+
+        t = evt.target;
+
+        // if this element is in a group, go up until we reach the top-level group
+        // just below the layer groups
+        // TODO: once we implement links, we also would have to check for <a> elements
+        while (t && t.parentNode && t.parentNode.parentNode && t.parentNode.parentNode.tagName === 'g') {
+          t = t.parentNode;
+        }
+        // if we are not in the middle of creating a path, and we've clicked on some shape,
+        // then go to Select mode.
+        // WebKit returns <div> when the canvas is clicked, Firefox/Opera return <svg>
+        if ((currentMode !== 'path' || !drawnPath) && t && t.parentNode && t.parentNode.id !== 'selectorParentGroup' && t.id !== 'svgcanvas' && t.id !== 'svgroot') {
+          // switch into "select" mode if we've clicked on an element
+          canvas.setMode('select');
+          selectOnly([t], true);
+        }
+      } else if (element != null) {
+        /**
+        * @name module:svgcanvas.SvgCanvas#addedNew
+        * @type {boolean}
+        */
+        canvas.addedNew = true;
+
+        var aniDur = 0.2;
+        var cAni = void 0;
+        if (opacAni.beginElement && parseFloat(element.getAttribute('opacity')) !== curShape.opacity) {
+          cAni = $$9(opacAni).clone().attr({
+            to: curShape.opacity,
+            dur: aniDur
+          }).appendTo(element);
+          try {
+            // Fails in FF4 on foreignObject
+            cAni[0].beginElement();
+          } catch (e) {}
+        } else {
+          aniDur = 0;
+        }
+
+        // Ideally this would be done on the endEvent of the animation,
+        // but that doesn't seem to be supported in Webkit
+        setTimeout(function () {
+          if (cAni) {
+            cAni.remove();
+          }
+          element.setAttribute('opacity', curShape.opacity);
+          element.setAttribute('style', 'pointer-events:inherit');
+          cleanupElement(element);
+          if (currentMode === 'path') {
+            pathActions$$1.toEditMode(element);
+          } else if (curConfig.selectNew) {
+            selectOnly([element], true);
+          }
+          // we create the insert command that is stored on the stack
+          // undo means to call cmd.unapply(), redo means to call cmd.apply()
+          addCommandToHistory(new InsertElementCommand$1(element));
+
+          call('changed', [element]);
+        }, aniDur * 1000);
+      }
+
+      startTransform = null;
+    };
+
+    var dblClick = function dblClick(evt) {
+      var evtTarget = evt.target;
+      var parent = evtTarget.parentNode;
+
+      // Do nothing if already in current group
+      if (parent === currentGroup) {
+        return;
+      }
+
+      var mouseTarget = getMouseTarget(evt);
+      var _mouseTarget = mouseTarget,
+          tagName = _mouseTarget.tagName;
+
+
+      if (tagName === 'text' && currentMode !== 'textedit') {
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm);
+        textActions.select(mouseTarget, pt.x, pt.y);
+      }
+
+      if ((tagName === 'g' || tagName === 'a') && getRotationAngle(mouseTarget)) {
+        // TODO: Allow method of in-group editing without having to do
+        // this (similar to editing rotated paths)
+
+        // Ungroup and regroup
+        pushGroupProperties(mouseTarget);
+        mouseTarget = selectedElements[0];
+        clearSelection(true);
+      }
+      // Reset context
+      if (currentGroup) {
+        leaveContext();
+      }
+
+      if (parent.tagName !== 'g' && parent.tagName !== 'a' || parent === getCurrentDrawing().getCurrentLayer() || mouseTarget === selectorManager.selectorParentGroup) {
+        // Escape from in-group edit
+        return;
+      }
+      setContext(mouseTarget);
+    };
+
+    // prevent links from being followed in the canvas
+    var handleLinkInCanvas = function handleLinkInCanvas(e) {
+      e.preventDefault();
+      return false;
+    };
+
+    // Added mouseup to the container here.
+    // TODO(codedread): Figure out why after the Closure compiler, the window mouseup is ignored.
+    $$9(container).mousedown(mouseDown).mousemove(mouseMove).click(handleLinkInCanvas).dblclick(dblClick).mouseup(mouseUp);
+    // $(window).mouseup(mouseUp);
+
+    // TODO(rafaelcastrocouto): User preference for shift key and zoom factor
+    $$9(container).bind('mousewheel DOMMouseScroll',
+    /**
+     * @param {Event} e
+     * @fires module:svgcanvas.SvgCanvas#event:updateCanvas
+     * @fires module:svgcanvas.SvgCanvas#event:zoomDone
+     * @returns {undefined}
+     */
+    function (e) {
+      if (!e.shiftKey) {
+        return;
+      }
+
+      e.preventDefault();
+      var evt = e.originalEvent;
+
+      rootSctm = $$9('#svgcontent g')[0].getScreenCTM().inverse();
+
+      var workarea = $$9('#workarea');
+      var scrbar = 15;
+      var rulerwidth = curConfig.showRulers ? 16 : 0;
+
+      // mouse relative to content area in content pixels
+      var pt = transformPoint(evt.pageX, evt.pageY, rootSctm);
+
+      // full work area width in screen pixels
+      var editorFullW = workarea.width();
+      var editorFullH = workarea.height();
+
+      // work area width minus scroll and ruler in screen pixels
+      var editorW = editorFullW - scrbar - rulerwidth;
+      var editorH = editorFullH - scrbar - rulerwidth;
+
+      // work area width in content pixels
+      var workareaViewW = editorW * rootSctm.a;
+      var workareaViewH = editorH * rootSctm.d;
+
+      // content offset from canvas in screen pixels
+      var wOffset = workarea.offset();
+      var wOffsetLeft = wOffset['left'] + rulerwidth;
+      var wOffsetTop = wOffset['top'] + rulerwidth;
+
+      var delta = evt.wheelDelta ? evt.wheelDelta : evt.detail ? -evt.detail : 0;
+      if (!delta) {
+        return;
+      }
+
+      var factor = Math.max(3 / 4, Math.min(4 / 3, delta));
+
+      var wZoom = void 0,
+          hZoom = void 0;
+      if (factor > 1) {
+        wZoom = Math.ceil(editorW / workareaViewW * factor * 100) / 100;
+        hZoom = Math.ceil(editorH / workareaViewH * factor * 100) / 100;
+      } else {
+        wZoom = Math.floor(editorW / workareaViewW * factor * 100) / 100;
+        hZoom = Math.floor(editorH / workareaViewH * factor * 100) / 100;
+      }
+      var zoomlevel = Math.min(wZoom, hZoom);
+      zoomlevel = Math.min(10, Math.max(0.01, zoomlevel));
+      if (zoomlevel === currentZoom) {
+        return;
+      }
+      factor = zoomlevel / currentZoom;
+
+      // top left of workarea in content pixels before zoom
+      var topLeftOld = transformPoint(wOffsetLeft, wOffsetTop, rootSctm);
+
+      // top left of workarea in content pixels after zoom
+      var topLeftNew = {
+        x: pt.x - (pt.x - topLeftOld.x) / factor,
+        y: pt.y - (pt.y - topLeftOld.y) / factor
+      };
+
+      // top left of workarea in canvas pixels relative to content after zoom
+      var topLeftNewCanvas = {
+        x: topLeftNew.x * zoomlevel,
+        y: topLeftNew.y * zoomlevel
+      };
+
+      // new center in canvas pixels
+      var newCtr = {
+        x: topLeftNewCanvas.x - rulerwidth + editorFullW / 2,
+        y: topLeftNewCanvas.y - rulerwidth + editorFullH / 2
+      };
+
+      canvas.setZoom(zoomlevel);
+      $$9('#zoom').val((zoomlevel * 100).toFixed(1));
+
+      call('updateCanvas', { center: false, newCtr: newCtr });
+      call('zoomDone');
+    });
+  })();
+
+  /**
+  * Group: Text edit functions
+  * Functions relating to editing text elements
+  * @namespace {PlainObject} textActions
+  * @memberof module:svgcanvas.SvgCanvas#
+  */
+  var textActions = canvas.textActions = function () {
+    var curtext = void 0;
+    var textinput = void 0;
+    var cursor = void 0;
+    var selblock = void 0;
+    var blinker = void 0;
+    var chardata = [];
+    var textbb = void 0; // , transbb;
+    var matrix = void 0;
+    var lastX = void 0,
+        lastY = void 0;
+    var allowDbl = void 0;
+
+    function setCursor(index) {
+      var empty = textinput.value === '';
+      $$9(textinput).focus();
+
+      if (!arguments.length) {
+        if (empty) {
+          index = 0;
+        } else {
+          if (textinput.selectionEnd !== textinput.selectionStart) {
+            return;
+          }
+          index = textinput.selectionEnd;
+        }
+      }
+
+      var charbb = chardata[index];
+      if (!empty) {
+        textinput.setSelectionRange(index, index);
+      }
+      cursor = getElem('text_cursor');
+      if (!cursor) {
+        cursor = document.createElementNS(NS.SVG, 'line');
+        assignAttributes(cursor, {
+          id: 'text_cursor',
+          stroke: '#333',
+          'stroke-width': 1
+        });
+        cursor = getElem('selectorParentGroup').appendChild(cursor);
+      }
+
+      if (!blinker) {
+        blinker = setInterval(function () {
+          var show = cursor.getAttribute('display') === 'none';
+          cursor.setAttribute('display', show ? 'inline' : 'none');
+        }, 600);
+      }
+
+      var startPt = ptToScreen(charbb.x, textbb.y);
+      var endPt = ptToScreen(charbb.x, textbb.y + textbb.height);
+
+      assignAttributes(cursor, {
+        x1: startPt.x,
+        y1: startPt.y,
+        x2: endPt.x,
+        y2: endPt.y,
+        visibility: 'visible',
+        display: 'inline'
+      });
+
+      if (selblock) {
+        selblock.setAttribute('d', '');
+      }
+    }
+
+    function setSelection(start, end, skipInput) {
+      if (start === end) {
+        setCursor(end);
+        return;
+      }
+
+      if (!skipInput) {
+        textinput.setSelectionRange(start, end);
+      }
+
+      selblock = getElem('text_selectblock');
+      if (!selblock) {
+        selblock = document.createElementNS(NS.SVG, 'path');
+        assignAttributes(selblock, {
+          id: 'text_selectblock',
+          fill: 'green',
+          opacity: 0.5,
+          style: 'pointer-events:none'
+        });
+        getElem('selectorParentGroup').append(selblock);
+      }
+
+      var startbb = chardata[start];
+      var endbb = chardata[end];
+
+      cursor.setAttribute('visibility', 'hidden');
+
+      var tl = ptToScreen(startbb.x, textbb.y),
+          tr = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y),
+          bl = ptToScreen(startbb.x, textbb.y + textbb.height),
+          br = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y + textbb.height);
+
+      var dstr = 'M' + tl.x + ',' + tl.y + ' L' + tr.x + ',' + tr.y + ' ' + br.x + ',' + br.y + ' ' + bl.x + ',' + bl.y + 'z';
+
+      assignAttributes(selblock, {
+        d: dstr,
+        display: 'inline'
+      });
+    }
+
+    function getIndexFromPoint(mouseX, mouseY) {
+      // Position cursor here
+      var pt = svgroot.createSVGPoint();
+      pt.x = mouseX;
+      pt.y = mouseY;
+
+      // No content, so return 0
+      if (chardata.length === 1) {
+        return 0;
+      }
+      // Determine if cursor should be on left or right of character
+      var charpos = curtext.getCharNumAtPosition(pt);
+      if (charpos < 0) {
+        // Out of text range, look at mouse coords
+        charpos = chardata.length - 2;
+        if (mouseX <= chardata[0].x) {
+          charpos = 0;
+        }
+      } else if (charpos >= chardata.length - 2) {
+        charpos = chardata.length - 2;
+      }
+      var charbb = chardata[charpos];
+      var mid = charbb.x + charbb.width / 2;
+      if (mouseX > mid) {
+        charpos++;
+      }
+      return charpos;
+    }
+
+    function setCursorFromPoint(mouseX, mouseY) {
+      setCursor(getIndexFromPoint(mouseX, mouseY));
+    }
+
+    function setEndSelectionFromPoint(x, y, apply) {
+      var i1 = textinput.selectionStart;
+      var i2 = getIndexFromPoint(x, y);
+
+      var start = Math.min(i1, i2);
+      var end = Math.max(i1, i2);
+      setSelection(start, end, !apply);
+    }
+
+    function screenToPt(xIn, yIn) {
+      var out = {
+        x: xIn,
+        y: yIn
+      };
+
+      out.x /= currentZoom;
+      out.y /= currentZoom;
+
+      if (matrix) {
+        var pt = transformPoint(out.x, out.y, matrix.inverse());
+        out.x = pt.x;
+        out.y = pt.y;
+      }
+
+      return out;
+    }
+
+    function ptToScreen(xIn, yIn) {
+      var out = {
+        x: xIn,
+        y: yIn
+      };
+
+      if (matrix) {
+        var pt = transformPoint(out.x, out.y, matrix);
+        out.x = pt.x;
+        out.y = pt.y;
+      }
+
+      out.x *= currentZoom;
+      out.y *= currentZoom;
+
+      return out;
+    }
+
+    /*
+    // Not currently in use
+    function hideCursor () {
+      if (cursor) {
+        cursor.setAttribute('visibility', 'hidden');
+      }
+    }
+    */
+
+    function selectAll(evt) {
+      setSelection(0, curtext.textContent.length);
+      $$9(this).unbind(evt);
+    }
+
+    function selectWord(evt) {
+      if (!allowDbl || !curtext) {
+        return;
+      }
+
+      var ept = transformPoint(evt.pageX, evt.pageY, rootSctm),
+          mouseX = ept.x * currentZoom,
+          mouseY = ept.y * currentZoom;
+      var pt = screenToPt(mouseX, mouseY);
+
+      var index = getIndexFromPoint(pt.x, pt.y);
+      var str = curtext.textContent;
+      var first = str.substr(0, index).replace(/[a-z0-9]+$/i, '').length;
+      var m = str.substr(index).match(/^[a-z0-9]+/i);
+      var last = (m ? m[0].length : 0) + index;
+      setSelection(first, last);
+
+      // Set tripleclick
+      $$9(evt.target).click(selectAll);
+      setTimeout(function () {
+        $$9(evt.target).unbind('click', selectAll);
+      }, 300);
+    }
+
+    return (/** @lends module:svgcanvas.SvgCanvas#textActions */{
+        /**
+        * @param {Element} target
+        * @param {Float} x
+        * @param {Float} y
+        * @returns {undefined}
+        */
+        select: function select(target, x, y) {
+          curtext = target;
+          textActions.toEditMode(x, y);
+        },
+
+        /**
+        * @param {Element} elem
+        * @returns {undefined}
+        */
+        start: function start(elem) {
+          curtext = elem;
+          textActions.toEditMode();
+        },
+
+        /**
+        * @param {external:MouseEvent} evt
+        * @param {Element} mouseTarget
+        * @param {Float} startX
+        * @param {Float} startY
+        * @returns {undefined}
+        */
+        mouseDown: function mouseDown(evt, mouseTarget, startX, startY) {
+          var pt = screenToPt(startX, startY);
+
+          textinput.focus();
+          setCursorFromPoint(pt.x, pt.y);
+          lastX = startX;
+          lastY = startY;
+
+          // TODO: Find way to block native selection
+        },
+
+        /**
+        * @param {Float} mouseX
+        * @param {Float} mouseY
+        * @returns {undefined}
+        */
+        mouseMove: function mouseMove(mouseX, mouseY) {
+          var pt = screenToPt(mouseX, mouseY);
+          setEndSelectionFromPoint(pt.x, pt.y);
+        },
+
+        /**
+        * @param {external:MouseEvent}
+        * @param {Float} mouseX
+        * @param {Float} mouseY
+        * @returns {undefined}
+        */
+        mouseUp: function mouseUp(evt, mouseX, mouseY) {
+          var pt = screenToPt(mouseX, mouseY);
+
+          setEndSelectionFromPoint(pt.x, pt.y, true);
+
+          // TODO: Find a way to make this work: Use transformed BBox instead of evt.target
+          // if (lastX === mouseX && lastY === mouseY
+          //   && !rectsIntersect(transbb, {x: pt.x, y: pt.y, width: 0, height: 0})) {
+          //   textActions.toSelectMode(true);
+          // }
+
+          if (evt.target !== curtext && mouseX < lastX + 2 && mouseX > lastX - 2 && mouseY < lastY + 2 && mouseY > lastY - 2) {
+            textActions.toSelectMode(true);
+          }
+        },
+
+        /**
+        * @function
+        * @param {Integer} index
+        * @returns {undefined}
+        */
+        setCursor: setCursor,
+        /**
+        * @param {Float} x
+        * @param {Float} y
+        * @returns {undefined}
+        */
+        toEditMode: function toEditMode(x, y) {
+          allowDbl = false;
+          currentMode = 'textedit';
+          selectorManager.requestSelector(curtext).showGrips(false);
+          // Make selector group accept clicks
+          /* const selector = */selectorManager.requestSelector(curtext); // Do we need this? Has side effect of setting lock, so keeping for now, but next line wasn't being used
+          // const sel = selector.selectorRect;
+
+          textActions.init();
+
+          $$9(curtext).css('cursor', 'text');
+
+          // if (supportsEditableText()) {
+          //   curtext.setAttribute('editable', 'simple');
+          //   return;
+          // }
+
+          if (!arguments.length) {
+            setCursor();
+          } else {
+            var pt = screenToPt(x, y);
+            setCursorFromPoint(pt.x, pt.y);
+          }
+
+          setTimeout(function () {
+            allowDbl = true;
+          }, 300);
+        },
+
+        /**
+        * @param {boolean|Element} selectElem
+        * @fires module:svgcanvas.SvgCanvas#event:selected
+        * @returns {undefined}
+        */
+        toSelectMode: function toSelectMode(selectElem) {
+          currentMode = 'select';
+          clearInterval(blinker);
+          blinker = null;
+          if (selblock) {
+            $$9(selblock).attr('display', 'none');
+          }
+          if (cursor) {
+            $$9(cursor).attr('visibility', 'hidden');
+          }
+          $$9(curtext).css('cursor', 'move');
+
+          if (selectElem) {
+            clearSelection();
+            $$9(curtext).css('cursor', 'move');
+
+            call('selected', [curtext]);
+            addToSelection([curtext], true);
+          }
+          if (curtext && !curtext.textContent.length) {
+            // No content, so delete
+            canvas.deleteSelectedElements();
+          }
+
+          $$9(textinput).blur();
+
+          curtext = false;
+
+          // if (supportsEditableText()) {
+          //   curtext.removeAttribute('editable');
+          // }
+        },
+
+        /**
+        * @param {Element} elem
+        * @returns {undefined}
+        */
+        setInputElem: function setInputElem(elem) {
+          textinput = elem;
+          // $(textinput).blur(hideCursor);
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        clear: function clear() {
+          if (currentMode === 'textedit') {
+            textActions.toSelectMode();
+          }
+        },
+
+        /**
+        * @param {Element} inputElem Not in use
+        * @returns {undefined}
+        */
+        init: function init$$1(inputElem) {
+          if (!curtext) {
+            return;
+          }
+          var i = void 0,
+              end = void 0;
+          // if (supportsEditableText()) {
+          //   curtext.select();
+          //   return;
+          // }
+
+          if (!curtext.parentNode) {
+            // Result of the ffClone, need to get correct element
+            curtext = selectedElements[0];
+            selectorManager.requestSelector(curtext).showGrips(false);
+          }
+
+          var str = curtext.textContent;
+          var len = str.length;
+
+          var xform = curtext.getAttribute('transform');
+
+          textbb = getBBox(curtext);
+
+          matrix = xform ? getMatrix(curtext) : null;
+
+          chardata = [];
+          chardata.length = len;
+          textinput.focus();
+
+          $$9(curtext).unbind('dblclick', selectWord).dblclick(selectWord);
+
+          if (!len) {
+            end = { x: textbb.x + textbb.width / 2, width: 0 };
+          }
+
+          for (i = 0; i < len; i++) {
+            var start = curtext.getStartPositionOfChar(i);
+            end = curtext.getEndPositionOfChar(i);
+
+            if (!supportsGoodTextCharPos()) {
+              var offset = canvas.contentW * currentZoom;
+              start.x -= offset;
+              end.x -= offset;
+
+              start.x /= currentZoom;
+              end.x /= currentZoom;
+            }
+
+            // Get a "bbox" equivalent for each character. Uses the
+            // bbox data of the actual text for y, height purposes
+
+            // TODO: Decide if y, width and height are actually necessary
+            chardata[i] = {
+              x: start.x,
+              y: textbb.y, // start.y?
+              width: end.x - start.x,
+              height: textbb.height
+            };
+          }
+
+          // Add a last bbox for cursor at end of text
+          chardata.push({
+            x: end.x,
+            width: 0
+          });
+          setSelection(textinput.selectionStart, textinput.selectionEnd, true);
+        }
+      }
+    );
+  }();
+
+  /**
+  * Group: Serialization
+  */
+
+  /**
+  * Looks at DOM elements inside the `<defs>` to see if they are referred to,
+  * removes them from the DOM if they are not.
+  * @function module:svgcanvas.SvgCanvas#removeUnusedDefElems
+  * @returns {Integer} The number of elements that were removed
+  */
+  var removeUnusedDefElems = this.removeUnusedDefElems = function () {
+    var defs = svgcontent.getElementsByTagNameNS(NS.SVG, 'defs');
+    if (!defs || !defs.length) {
+      return 0;
+    }
+
+    // if (!defs.firstChild) { return; }
+
+    var defelemUses = [];
+    var numRemoved = 0;
+    var attrs = ['fill', 'stroke', 'filter', 'marker-start', 'marker-mid', 'marker-end'];
+    var alen = attrs.length;
+
+    var allEls = svgcontent.getElementsByTagNameNS(NS.SVG, '*');
+    var allLen = allEls.length;
+
+    var i = void 0,
+        j = void 0;
+    for (i = 0; i < allLen; i++) {
+      var el = allEls[i];
+      for (j = 0; j < alen; j++) {
+        var ref = getUrlFromAttr(el.getAttribute(attrs[j]));
+        if (ref) {
+          defelemUses.push(ref.substr(1));
+        }
+      }
+
+      // gradients can refer to other gradients
+      var href = getHref(el);
+      if (href && href.startsWith('#')) {
+        defelemUses.push(href.substr(1));
+      }
+    }
+
+    var defelems = $$9(defs).find('linearGradient, radialGradient, filter, marker, svg, symbol');
+    i = defelems.length;
+    while (i--) {
+      var defelem = defelems[i];
+      var id = defelem.id;
+
+      if (!defelemUses.includes(id)) {
+        // Not found, so remove (but remember)
+        removedElements[id] = defelem;
+        defelem.remove();
+        numRemoved++;
+      }
+    }
+
+    return numRemoved;
+  };
+
+  /**
+  * Main function to set up the SVG content for output
+  * @function module:svgcanvas.SvgCanvas#svgCanvasToString
+  * @returns {string} The SVG image for output
+  */
+  this.svgCanvasToString = function () {
+    // keep calling it until there are none to remove
+    while (removeUnusedDefElems() > 0) {}
+
+    pathActions$$1.clear(true);
+
+    // Keep SVG-Edit comment on top
+    $$9.each(svgcontent.childNodes, function (i, node) {
+      if (i && node.nodeType === 8 && node.data.includes('Created with')) {
+        svgcontent.firstChild.before(node);
+      }
+    });
+
+    // Move out of in-group editing mode
+    if (currentGroup) {
+      leaveContext();
+      selectOnly([currentGroup]);
+    }
+
+    var nakedSvgs = [];
+
+    // Unwrap gsvg if it has no special attributes (only id and style)
+    $$9(svgcontent).find('g:data(gsvg)').each(function () {
+      var attrs = this.attributes;
+      var len = attrs.length;
+      for (var i = 0; i < len; i++) {
+        if (attrs[i].nodeName === 'id' || attrs[i].nodeName === 'style') {
+          len--;
+        }
+      }
+      // No significant attributes, so ungroup
+      if (len <= 0) {
+        var svg = this.firstChild;
+        nakedSvgs.push(svg);
+        $$9(this).replaceWith(svg);
+      }
+    });
+    var output = this.svgToString(svgcontent, 0);
+
+    // Rewrap gsvg
+    if (nakedSvgs.length) {
+      $$9(nakedSvgs).each(function () {
+        groupSvgElem(this);
+      });
+    }
+
+    return output;
+  };
+
+  /**
+  * Sub function ran on each SVG element to convert it to a string as desired
+  * @function module:svgcanvas.SvgCanvas#svgToString
+  * @param {Element} elem - The SVG element to convert
+  * @param {Integer} indent - Number of spaces to indent this tag
+  * @returns {string} The given element as an SVG tag
+  */
+  this.svgToString = function (elem, indent) {
+    var out = [];
+    var unit = curConfig.baseUnit;
+    var unitRe = new RegExp('^-?[\\d\\.]+' + unit + '$');
+
+    if (elem) {
+      cleanupElement(elem);
+      var attrs = Array.from(elem.attributes);
+      var i = void 0;
+      var childs = elem.childNodes;
+      attrs.sort(function (a, b) {
+        return a.name > b.name ? -1 : 1;
+      });
+
+      for (i = 0; i < indent; i++) {
+        out.push(' ');
+      }
+      out.push('<');out.push(elem.nodeName);
+      if (elem.id === 'svgcontent') {
+        // Process root element separately
+        var res = getResolution();
+
+        var vb = '';
+        // TODO: Allow this by dividing all values by current baseVal
+        // Note that this also means we should properly deal with this on import
+        // if (curConfig.baseUnit !== 'px') {
+        //   const unit = curConfig.baseUnit;
+        //   const unitM = getTypeMap()[unit];
+        //   res.w = shortFloat(res.w / unitM);
+        //   res.h = shortFloat(res.h / unitM);
+        //   vb = ' viewBox="' + [0, 0, res.w, res.h].join(' ') + '"';
+        //   res.w += unit;
+        //   res.h += unit;
+        // }
+
+        if (unit !== 'px') {
+          res.w = convertUnit(res.w, unit) + unit;
+          res.h = convertUnit(res.h, unit) + unit;
+        }
+
+        out.push(' width="' + res.w + '" height="' + res.h + '"' + vb + ' xmlns="' + NS.SVG + '"');
+
+        var nsuris = {};
+
+        // Check elements for namespaces, add if found
+        $$9(elem).find('*').andSelf().each(function () {
+          // const el = this;
+          // for some elements have no attribute
+          var uri = this.namespaceURI;
+          if (uri && !nsuris[uri] && nsMap[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {
+            nsuris[uri] = true;
+            out.push(' xmlns:' + nsMap[uri] + '="' + uri + '"');
+          }
+
+          $$9.each(this.attributes, function (i, attr) {
+            var uri = attr.namespaceURI;
+            if (uri && !nsuris[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {
+              nsuris[uri] = true;
+              out.push(' xmlns:' + nsMap[uri] + '="' + uri + '"');
+            }
+          });
+        });
+
+        i = attrs.length;
+        var attrNames = ['width', 'height', 'xmlns', 'x', 'y', 'viewBox', 'id', 'overflow'];
+        while (i--) {
+          var attr = attrs[i];
+          var attrVal = toXml(attr.value);
+
+          // Namespaces have already been dealt with, so skip
+          if (attr.nodeName.startsWith('xmlns:')) {
+            continue;
+          }
+
+          // only serialize attributes we don't use internally
+          if (attrVal !== '' && !attrNames.includes(attr.localName)) {
+            if (!attr.namespaceURI || nsMap[attr.namespaceURI]) {
+              out.push(' ');
+              out.push(attr.nodeName);out.push('="');
+              out.push(attrVal);out.push('"');
+            }
+          }
+        }
+      } else {
+        // Skip empty defs
+        if (elem.nodeName === 'defs' && !elem.firstChild) {
+          return;
+        }
+
+        var mozAttrs = ['-moz-math-font-style', '_moz-math-font-style'];
+        for (i = attrs.length - 1; i >= 0; i--) {
+          var _attr = attrs[i];
+          var _attrVal = toXml(_attr.value);
+          // remove bogus attributes added by Gecko
+          if (mozAttrs.includes(_attr.localName)) {
+            continue;
+          }
+          if (_attrVal !== '') {
+            if (_attrVal.startsWith('pointer-events')) {
+              continue;
+            }
+            if (_attr.localName === 'class' && _attrVal.startsWith('se_')) {
+              continue;
+            }
+            out.push(' ');
+            if (_attr.localName === 'd') {
+              _attrVal = pathActions$$1.convertPath(elem, true);
+            }
+            if (!isNaN(_attrVal)) {
+              _attrVal = shortFloat(_attrVal);
+            } else if (unitRe.test(_attrVal)) {
+              _attrVal = shortFloat(_attrVal) + unit;
+            }
+
+            // Embed images when saving
+            if (saveOptions.apply && elem.nodeName === 'image' && _attr.localName === 'href' && saveOptions.images && saveOptions.images === 'embed') {
+              var img = encodableImages[_attrVal];
+              if (img) {
+                _attrVal = img;
+              }
+            }
+
+            // map various namespaces to our fixed namespace prefixes
+            // (the default xmlns attribute itself does not get a prefix)
+            if (!_attr.namespaceURI || _attr.namespaceURI === NS.SVG || nsMap[_attr.namespaceURI]) {
+              out.push(_attr.nodeName);out.push('="');
+              out.push(_attrVal);out.push('"');
+            }
+          }
+        }
+      }
+
+      if (elem.hasChildNodes()) {
+        out.push('>');
+        indent++;
+        var bOneLine = false;
+
+        for (i = 0; i < childs.length; i++) {
+          var child = childs.item(i);
+          switch (child.nodeType) {
+            case 1:
+              // element node
+              out.push('\n');
+              out.push(this.svgToString(childs.item(i), indent));
+              break;
+            case 3:
+              // text node
+              var str = child.nodeValue.replace(/^\s+|\s+$/g, '');
+              if (str !== '') {
+                bOneLine = true;
+                out.push(String(toXml(str)));
+              }
+              break;
+            case 4:
+              // cdata node
+              out.push('\n');
+              out.push(new Array(indent + 1).join(' '));
+              out.push('<![CDATA[');
+              out.push(child.nodeValue);
+              out.push(']]>');
+              break;
+            case 8:
+              // comment
+              out.push('\n');
+              out.push(new Array(indent + 1).join(' '));
+              out.push('<!--');
+              out.push(child.data);
+              out.push('-->');
+              break;
+          } // switch on node type
+        }
+        indent--;
+        if (!bOneLine) {
+          out.push('\n');
+          for (i = 0; i < indent; i++) {
+            out.push(' ');
+          }
+        }
+        out.push('</');out.push(elem.nodeName);out.push('>');
+      } else {
+        out.push('/>');
+      }
+    }
+    return out.join('');
+  }; // end svgToString()
+
+  /**
+   * Function to run when image data is found
+   * @callback module:svgcanvas.ImageEmbeddedCallback
+   * @param {string|false} result Data URL
+   * @returns {undefined}
+   */
+  /**
+  * Converts a given image file to a data URL when possible, then runs a given callback
+  * @function module:svgcanvas.SvgCanvas#embedImage
+  * @param {string} src - The path/URL of the image
+  * @param {module:svgcanvas.ImageEmbeddedCallback} [callback] - Function to run when image data is found
+  * @returns {Promise} Resolves to Data URL (string|false)
+  */
+  this.embedImage = function (src, callback) {
+    return new Promise(function (resolve, reject) {
+      // load in the image and once it's loaded, get the dimensions
+      $$9(new Image()).load(function (response, status, xhr) {
+        if (status === 'error') {
+          reject(new Error('Error loading image: ' + xhr.status + ' ' + xhr.statusText));
+          return;
+        }
+        // create a canvas the same size as the raster image
+        var cvs = document.createElement('canvas');
+        cvs.width = this.width;
+        cvs.height = this.height;
+        // load the raster image into the canvas
+        cvs.getContext('2d').drawImage(this, 0, 0);
+        // retrieve the data: URL
+        try {
+          var urldata = ';svgedit_url=' + encodeURIComponent(src);
+          urldata = cvs.toDataURL().replace(';base64', urldata + ';base64');
+          encodableImages[src] = urldata;
+        } catch (e) {
+          encodableImages[src] = false;
+        }
+        lastGoodImgUrl = src;
+        if (callback) {
+          callback(encodableImages[src]);
+        }
+        resolve(encodableImages[src]);
+      }).attr('src', src);
+    });
+  };
+
+  /**
+  * Sets a given URL to be a "last good image" URL
+  * @function module:svgcanvas.SvgCanvas#setGoodImage
+  * @param {string} val
+  * @returns {undefined}
+  */
+  this.setGoodImage = function (val) {
+    lastGoodImgUrl = val;
+  };
+
+  /**
+  * Does nothing by default, handled by optional widget/extension
+  * @function module:svgcanvas.SvgCanvas#open
+  * @returns {undefined}
+  */
+  this.open = function () {};
+
+  /**
+  * Serializes the current drawing into SVG XML text and passes it to the 'saved' handler.
+  * This function also includes the XML prolog. Clients of the `SvgCanvas` bind their save
+  * function to the 'saved' event.
+  * @function module:svgcanvas.SvgCanvas#save
+  * @param {module:svgcanvas.SaveOptions} opts
+  * @fires module:svgcanvas.SvgCanvas#event:saved
+  * @returns {undefined}
+  */
+  this.save = function (opts) {
+    // remove the selected outline before serializing
+    clearSelection();
+    // Update save options if provided
+    if (opts) {
+      $$9.extend(saveOptions, opts);
+    }
+    saveOptions.apply = true;
+
+    // no need for doctype, see https://jwatt.org/svg/authoring/#doctype-declaration
+    var str = this.svgCanvasToString();
+    call('saved', str);
+  };
+
+  /**
+  * Codes only is useful for locale-independent detection
+  */
+  function getIssues() {
+    // remove the selected outline before serializing
+    clearSelection();
+
+    // Check for known CanVG issues
+    var issues = [];
+    var issueCodes = [];
+
+    // Selector and notice
+    var issueList = {
+      feGaussianBlur: uiStrings.exportNoBlur,
+      foreignObject: uiStrings.exportNoforeignObject,
+      '[stroke-dasharray]': uiStrings.exportNoDashArray
+    };
+    var content = $$9(svgcontent);
+
+    // Add font/text check if Canvas Text API is not implemented
+    if (!('font' in $$9('<canvas>')[0].getContext('2d'))) {
+      issueList.text = uiStrings.exportNoText;
+    }
+
+    $$9.each(issueList, function (sel, descr) {
+      if (content.find(sel).length) {
+        issueCodes.push(sel);
+        issues.push(descr);
+      }
+    });
+    return { issues: issues, issueCodes: issueCodes };
+  }
+
+  var canvg = void 0;
+  /**
+  * @typedef {"feGaussianBlur"|"foreignObject"|"[stroke-dasharray]"|"text"} module:svgcanvas.IssueCode
+  */
+  /**
+  * @typedef {PlainObject} module:svgcanvas.ImageExportedResults
+  * @property {string} datauri Contents as a Data URL
+  * @property {string} bloburl May be the empty string
+  * @property {string} svg The SVG contents as a string
+  * @property {string[]} issues The localization messages of `issueCodes`
+  * @property {module:svgcanvas.IssueCode[]} issueCodes CanVG issues found with the SVG
+  * @property {"PNG"|"JPEG"|"BMP"|"WEBP"|"ICO"} type The chosen image type
+  * @property {"image/png"|"image/jpeg"|"image/bmp"|"image/webp"} mimeType The image MIME type
+  * @property {Float} quality A decimal between 0 and 1 (for use with JPEG or WEBP)
+  * @property {string} exportWindowName A convenience for passing along a `window.name` to target a window on which the export could be added
+  */
+
+  /**
+   * Function to run when image data is found
+   * @callback module:svgcanvas.ImageExportedCallback
+   * @param {module:svgcanvas.ImageExportedResults} obj
+   * @returns {undefined}
+   */
+  /**
+  * Generates a PNG (or JPG, BMP, WEBP) Data URL based on the current image,
+  * then calls "exported" with an object including the string, image
+  * information, and any issues found
+  * @function module:svgcanvas.SvgCanvas#rasterExport
+  * @param {"PNG"|"JPEG"|"BMP"|"WEBP"|"ICO"} [imgType="PNG"]
+  * @param {Float} [quality] Between 0 and 1
+  * @param {string} [exportWindowName]
+  * @param {module:svgcanvas.ImageExportedCallback} [cb]
+  * @fires module:svgcanvas.SvgCanvas#event:exported
+  * @todo Confirm/fix ICO type
+  * @returns {Promise} Resolves to {@link module:svgcanvas.ImageExportedResults}
+  */
+  this.rasterExport = function (imgType, quality, exportWindowName, cb) {
+    var _this = this;
+
+    var type = imgType === 'ICO' ? 'BMP' : imgType || 'PNG';
+    var mimeType = 'image/' + type.toLowerCase();
+
+    var _getIssues = getIssues(),
+        issues = _getIssues.issues,
+        issueCodes = _getIssues.issueCodes;
+
+    var svg = this.svgCanvasToString();
+
+    return new Promise(function () {
+      var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(resolve, reject) {
+        var _ref5, c, dataURLType, datauri, bloburl, done;
+
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                done = function done() {
+                  var obj = {
+                    datauri: datauri, bloburl: bloburl, svg: svg, issues: issues, issueCodes: issueCodes, type: imgType,
+                    mimeType: mimeType, quality: quality, exportWindowName: exportWindowName
+                  };
+                  call('exported', obj);
+                  if (cb) {
+                    cb(obj);
+                  }
+                  resolve(obj);
+                };
+
+                if (canvg) {
+                  _context2.next = 6;
+                  break;
+                }
+
+                _context2.next = 4;
+                return importSetGlobal(curConfig.canvgPath + 'canvg.js', {
+                  global: 'canvg'
+                });
+
+              case 4:
+                _ref5 = _context2.sent;
+                canvg = _ref5.canvg;
+
+              case 6:
+                if (!$$9('#export_canvas').length) {
+                  $$9('<canvas>', { id: 'export_canvas' }).hide().appendTo('body');
+                }
+                c = $$9('#export_canvas')[0];
+
+                c.width = canvas.contentW;
+                c.height = canvas.contentH;
+
+                _context2.next = 12;
+                return canvg(c, svg);
+
+              case 12:
+                dataURLType = type.toLowerCase();
+                datauri = quality ? c.toDataURL('image/' + dataURLType, quality) : c.toDataURL('image/' + dataURLType);
+                bloburl = void 0;
+
+                if (!c.toBlob) {
+                  _context2.next = 18;
+                  break;
+                }
+
+                c.toBlob(function (blob) {
+                  bloburl = createObjectURL(blob);
+                  done();
+                }, mimeType, quality);
+                return _context2.abrupt('return');
+
+              case 18:
+                bloburl = dataURLToObjectURL(datauri);
+                done();
+
+              case 20:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, _this);
+      }));
+
+      return function (_x4, _x5) {
+        return _ref4.apply(this, arguments);
+      };
+    }());
+  };
+  /**
+   * @external jsPDF
+   */
+  /**
+   * @typedef {undefined|"save"|"arraybuffer"|"blob"|"datauristring"|"dataurlstring"|"dataurlnewwindow"|"datauri"|"dataurl"} external:jsPDF.OutputType
+   * @todo Newer version to add also allows these `outputType` values "bloburi"|"bloburl" which return strings, so document here and for `outputType` of `module:svgcanvas.PDFExportedResults` below if added
+  */
+  /**
+  * @typedef {PlainObject} module:svgcanvas.PDFExportedResults
+  * @property {string} svg The SVG PDF output
+  * @property {string|ArrayBuffer|Blob|window} output The output based on the `outputType`;
+  * if `undefined`, "datauristring", "dataurlstring", "datauri",
+  * or "dataurl", will be a string (`undefined` gives a document, while the others
+  * build as Data URLs; "datauri" and "dataurl" change the location of the current page); if
+  * "arraybuffer", will return `ArrayBuffer`; if "blob", returns a `Blob`;
+  * if "dataurlnewwindow", will change the current page's location and return a string
+  * if in Safari and no window object is found; otherwise opens in, and returns, a new `window`
+  * object; if "save", will have the same return as "dataurlnewwindow" if
+  * `navigator.getUserMedia` support is found without `URL.createObjectURL` support; otherwise
+  * returns `undefined` but attempts to save
+  * @property {external:jsPDF.OutputType} outputType
+  * @property {string[]} issues The human-readable localization messages of corresponding `issueCodes`
+  * @property {module:svgcanvas.IssueCode[]} issueCodes
+  * @property {string} exportWindowName
+  */
+
+  /**
+   * Function to run when PDF data is found
+   * @callback module:svgcanvas.PDFExportedCallback
+   * @param {module:svgcanvas.PDFExportedResults} obj
+   * @returns {undefined}
+   */
+  /**
+  * Generates a PDF based on the current image, then calls "exportedPDF" with
+  * an object including the string, the data URL, and any issues found
+  * @function module:svgcanvas.SvgCanvas#exportPDF
+  * @param {string} exportWindowName
+  * @param {external:jsPDF.OutputType} [outputType="dataurlstring"]
+  * @param {module:svgcanvas.PDFExportedCallback} cb
+  * @fires module:svgcanvas.SvgCanvas#event:exportedPDF
+  * @returns {Promise} Resolves to {@link module:svgcanvas.PDFExportedResults}
+  */
+  this.exportPDF = function (exportWindowName, outputType, cb) {
+    var _this2 = this;
+
+    var that = this;
+    return new Promise(function () {
+      var _ref6 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(resolve, reject) {
+        var modularVersion, res, orientation, unit, doc, docTitle, _getIssues2, issues, issueCodes, svg, obj;
+
+        return regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                if (window.jsPDF) {
+                  _context3.next = 6;
+                  break;
+                }
+
+                _context3.next = 3;
+                return importScript([
+                // We do not currently have these paths configurable as they are
+                //   currently global-only, so not Rolled-up
+                'jspdf/underscore-min.js', 'jspdf/jspdf.min.js']);
+
+              case 3:
+                modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+                // Todo: Switch to `import()` when widely supported and available (also allow customization of path)
+
+                _context3.next = 6;
+                return importScript(curConfig.jspdfPath + 'jspdf.plugin.svgToPdf.js', {
+                  type: modularVersion ? 'module' : 'text/javascript'
+                });
+
+              case 6:
+                res = getResolution();
+                orientation = res.w > res.h ? 'landscape' : 'portrait';
+                unit = 'pt'; // curConfig.baseUnit; // We could use baseUnit, but that is presumably not intended for export purposes
+
+                // Todo: Give options to use predefined jsPDF formats like "a4", etc. from pull-down (with option to keep customizable)
+
+                doc = jsPDF({
+                  orientation: orientation,
+                  unit: unit,
+                  format: [res.w, res.h]
+                  // , compressPdf: true
+                });
+                docTitle = getDocumentTitle();
+
+                doc.setProperties({
+                  title: docTitle /* ,
+                                  subject: '',
+                                  author: '',
+                                  keywords: '',
+                                  creator: '' */
+                });
+                _getIssues2 = getIssues(), issues = _getIssues2.issues, issueCodes = _getIssues2.issueCodes;
+                svg = that.svgCanvasToString();
+
+                doc.addSVG(svg, 0, 0);
+
+                // doc.output('save'); // Works to open in a new
+                //  window; todo: configure this and other export
+                //  options to optionally work in this manner as
+                //  opposed to opening a new tab
+                outputType = outputType || 'dataurlstring';
+                obj = { svg: svg, issues: issues, issueCodes: issueCodes, exportWindowName: exportWindowName, outputType: outputType };
+
+                obj.output = doc.output(outputType);
+                if (cb) {
+                  cb(obj);
+                }
+                resolve(obj);
+                call('exportedPDF', obj);
+
+              case 21:
+              case 'end':
+                return _context3.stop();
+            }
+          }
+        }, _callee3, _this2);
+      }));
+
+      return function (_x6, _x7) {
+        return _ref6.apply(this, arguments);
+      };
+    }());
+  };
+
+  /**
+  * Returns the current drawing as raw SVG XML text.
+  * @function module:svgcanvas.SvgCanvas#getSvgString
+  * @returns {string} The current drawing as raw SVG XML text.
+  */
+  this.getSvgString = function () {
+    saveOptions.apply = false;
+    return this.svgCanvasToString();
+  };
+
+  /**
+  * This function determines whether to use a nonce in the prefix, when
+  * generating IDs for future documents in SVG-Edit.
+  * If you're controlling SVG-Edit externally, and want randomized IDs, call
+  * this BEFORE calling svgCanvas.setSvgString
+  * @function module:svgcanvas.SvgCanvas#randomizeIds
+  * @param {boolean} [enableRandomization] If true, adds a nonce to the prefix. Thus
+  * `svgCanvas.randomizeIds() <==> svgCanvas.randomizeIds(true)`
+  * @returns {undefined}
+  */
+  this.randomizeIds = function (enableRandomization) {
+    if (arguments.length > 0 && enableRandomization === false) {
+      randomizeIds(false, getCurrentDrawing());
+    } else {
+      randomizeIds(true, getCurrentDrawing());
+    }
+  };
+
+  /**
+  * Ensure each element has a unique ID
+  * @function module:svgcanvas.SvgCanvas#uniquifyElems
+  * @param {Element} g - The parent element of the tree to give unique IDs
+  * @returns {undefined}
+  */
+  var uniquifyElems = this.uniquifyElems = function (g) {
+    var ids = {};
+    // TODO: Handle markers and connectors. These are not yet re-identified properly
+    // as their referring elements do not get remapped.
+    //
+    // <marker id='se_marker_end_svg_7'/>
+    // <polyline id='svg_7' se:connector='svg_1 svg_6' marker-end='url(#se_marker_end_svg_7)'/>
+    //
+    // Problem #1: if svg_1 gets renamed, we do not update the polyline's se:connector attribute
+    // Problem #2: if the polyline svg_7 gets renamed, we do not update the marker id nor the polyline's marker-end attribute
+    var refElems = ['filter', 'linearGradient', 'pattern', 'radialGradient', 'symbol', 'textPath', 'use'];
+
+    walkTree(g, function (n) {
+      // if it's an element node
+      if (n.nodeType === 1) {
+        // and the element has an ID
+        if (n.id) {
+          // and we haven't tracked this ID yet
+          if (!(n.id in ids)) {
+            // add this id to our map
+            ids[n.id] = { elem: null, attrs: [], hrefs: [] };
+          }
+          ids[n.id].elem = n;
+        }
+
+        // now search for all attributes on this element that might refer
+        // to other elements
+        $$9.each(refAttrs, function (i, attr) {
+          var attrnode = n.getAttributeNode(attr);
+          if (attrnode) {
+            // the incoming file has been sanitized, so we should be able to safely just strip off the leading #
+            var url = getUrlFromAttr(attrnode.value),
+                refid = url ? url.substr(1) : null;
+            if (refid) {
+              if (!(refid in ids)) {
+                // add this id to our map
+                ids[refid] = { elem: null, attrs: [], hrefs: [] };
+              }
+              ids[refid].attrs.push(attrnode);
+            }
+          }
+        });
+
+        // check xlink:href now
+        var href = getHref(n);
+        // TODO: what if an <image> or <a> element refers to an element internally?
+        if (href && refElems.includes(n.nodeName)) {
+          var refid = href.substr(1);
+          if (refid) {
+            if (!(refid in ids)) {
+              // add this id to our map
+              ids[refid] = { elem: null, attrs: [], hrefs: [] };
+            }
+            ids[refid].hrefs.push(n);
+          }
+        }
+      }
+    });
+
+    // in ids, we now have a map of ids, elements and attributes, let's re-identify
+    for (var oldid in ids) {
+      if (!oldid) {
+        continue;
+      }
+      var elem = ids[oldid].elem;
+
+      if (elem) {
+        var newid = getNextId();
+
+        // assign element its new id
+        elem.id = newid;
+
+        // remap all url() attributes
+        var attrs = ids[oldid].attrs;
+
+        var j = attrs.length;
+        while (j--) {
+          var attr = attrs[j];
+          attr.ownerElement.setAttribute(attr.name, 'url(#' + newid + ')');
+        }
+
+        // remap all href attributes
+        var hreffers = ids[oldid].hrefs;
+        var k = hreffers.length;
+        while (k--) {
+          var hreffer = hreffers[k];
+          setHref(hreffer, '#' + newid);
+        }
+      }
+    }
+  };
+
+  /**
+  * Assigns reference data for each use element
+  * @function module:svgcanvas.SvgCanvas#setUseData
+  * @param {Element} parent
+  * @returns {undefined}
+  */
+  var setUseData = this.setUseData = function (parent) {
+    var elems = $$9(parent);
+
+    if (parent.tagName !== 'use') {
+      elems = elems.find('use');
+    }
+
+    elems.each(function () {
+      var id = getHref(this).substr(1);
+      var refElem = getElem(id);
+      if (!refElem) {
+        return;
+      }
+      $$9(this).data('ref', refElem);
+      if (refElem.tagName === 'symbol' || refElem.tagName === 'svg') {
+        $$9(this).data('symbol', refElem).data('ref', refElem);
+      }
+    });
+  };
+
+  /**
+  * Converts gradients from userSpaceOnUse to objectBoundingBox
+  * @function module:svgcanvas.SvgCanvas#convertGradients
+  * @param {Element} elem
+  * @returns {undefined}
+  */
+  var convertGradients = this.convertGradients = function (elem) {
+    var elems = $$9(elem).find('linearGradient, radialGradient');
+    if (!elems.length && isWebkit()) {
+      // Bug in webkit prevents regular *Gradient selector search
+      elems = $$9(elem).find('*').filter(function () {
+        return this.tagName.includes('Gradient');
+      });
+    }
+
+    elems.each(function () {
+      var grad = this;
+      if ($$9(grad).attr('gradientUnits') === 'userSpaceOnUse') {
+        // TODO: Support more than one element with this ref by duplicating parent grad
+        var _elems = $$9(svgcontent).find('[fill="url(#' + grad.id + ')"],[stroke="url(#' + grad.id + ')"]');
+        if (!_elems.length) {
+          return;
+        }
+
+        // get object's bounding box
+        var bb = getBBox(_elems[0]);
+
+        // This will occur if the element is inside a <defs> or a <symbol>,
+        // in which we shouldn't need to convert anyway.
+        if (!bb) {
+          return;
+        }
+
+        if (grad.tagName === 'linearGradient') {
+          var gCoords = $$9(grad).attr(['x1', 'y1', 'x2', 'y2']);
+
+          // If has transform, convert
+          var tlist = grad.gradientTransform.baseVal;
+          if (tlist && tlist.numberOfItems > 0) {
+            var m = transformListToTransform(tlist).matrix;
+            var pt1 = transformPoint(gCoords.x1, gCoords.y1, m);
+            var pt2 = transformPoint(gCoords.x2, gCoords.y2, m);
+
+            gCoords.x1 = pt1.x;
+            gCoords.y1 = pt1.y;
+            gCoords.x2 = pt2.x;
+            gCoords.y2 = pt2.y;
+            grad.removeAttribute('gradientTransform');
+          }
+
+          $$9(grad).attr({
+            x1: (gCoords.x1 - bb.x) / bb.width,
+            y1: (gCoords.y1 - bb.y) / bb.height,
+            x2: (gCoords.x2 - bb.x) / bb.width,
+            y2: (gCoords.y2 - bb.y) / bb.height
+          });
+          grad.removeAttribute('gradientUnits');
+        }
+        // else {
+        //   Note: radialGradient elements cannot be easily converted
+        //   because userSpaceOnUse will keep circular gradients, while
+        //   objectBoundingBox will x/y scale the gradient according to
+        //   its bbox.
+        //
+        //   For now we'll do nothing, though we should probably have
+        //   the gradient be updated as the element is moved, as
+        //   inkscape/illustrator do.
+        //
+        //   const gCoords = $(grad).attr(['cx', 'cy', 'r']);
+        //
+        //   $(grad).attr({
+        //     cx: (gCoords.cx - bb.x) / bb.width,
+        //     cy: (gCoords.cy - bb.y) / bb.height,
+        //     r: gCoords.r
+        //   });
+        //
+        //   grad.removeAttribute('gradientUnits');
+        // }
+      }
+    });
+  };
+
+  /**
+  * Converts selected/given `<use>` or child SVG element to a group
+  * @function module:svgcanvas.SvgCanvas#convertToGroup
+  * @param {Element} elem
+  * @fires module:svgcanvas.SvgCanvas#event:selected
+  * @returns {undefined}
+  */
+  var convertToGroup = this.convertToGroup = function (elem) {
+    if (!elem) {
+      elem = selectedElements[0];
+    }
+    var $elem = $$9(elem);
+    var batchCmd = new BatchCommand$1();
+    var ts = void 0;
+
+    if ($elem.data('gsvg')) {
+      // Use the gsvg as the new group
+      var svg = elem.firstChild;
+      var pt = $$9(svg).attr(['x', 'y']);
+
+      $$9(elem.firstChild.firstChild).unwrap();
+      $$9(elem).removeData('gsvg');
+
+      var tlist = getTransformList(elem);
+      var xform = svgroot.createSVGTransform();
+      xform.setTranslate(pt.x, pt.y);
+      tlist.appendItem(xform);
+      recalculateDimensions(elem);
+      call('selected', [elem]);
+    } else if ($elem.data('symbol')) {
+      elem = $elem.data('symbol');
+
+      ts = $elem.attr('transform');
+      var pos = $elem.attr(['x', 'y']);
+
+      var vb = elem.getAttribute('viewBox');
+
+      if (vb) {
+        var nums = vb.split(' ');
+        pos.x -= +nums[0];
+        pos.y -= +nums[1];
+      }
+
+      // Not ideal, but works
+      ts += ' translate(' + (pos.x || 0) + ',' + (pos.y || 0) + ')';
+
+      var prev = $elem.prev();
+
+      // Remove <use> element
+      batchCmd.addSubCommand(new RemoveElementCommand$1($elem[0], $elem[0].nextSibling, $elem[0].parentNode));
+      $elem.remove();
+
+      // See if other elements reference this symbol
+      var hasMore = $$9(svgcontent).find('use:data(symbol)').length;
+
+      var g = svgdoc.createElementNS(NS.SVG, 'g');
+      var childs = elem.childNodes;
+
+      var i = void 0;
+      for (i = 0; i < childs.length; i++) {
+        g.append(childs[i].cloneNode(true));
+      }
+
+      // Duplicate the gradients for Gecko, since they weren't included in the <symbol>
+      if (isGecko()) {
+        var dupeGrads = $$9(findDefs()).children('linearGradient,radialGradient,pattern').clone();
+        $$9(g).append(dupeGrads);
+      }
+
+      if (ts) {
+        g.setAttribute('transform', ts);
+      }
+
+      var parent = elem.parentNode;
+
+      uniquifyElems(g);
+
+      // Put the dupe gradients back into <defs> (after uniquifying them)
+      if (isGecko()) {
+        $$9(findDefs()).append($$9(g).find('linearGradient,radialGradient,pattern'));
+      }
+
+      // now give the g itself a new id
+      g.id = getNextId();
+
+      prev.after(g);
+
+      if (parent) {
+        if (!hasMore) {
+          // remove symbol/svg element
+          var _elem = elem,
+              nextSibling = _elem.nextSibling;
+
+          elem.remove();
+          batchCmd.addSubCommand(new RemoveElementCommand$1(elem, nextSibling, parent));
+        }
+        batchCmd.addSubCommand(new InsertElementCommand$1(g));
+      }
+
+      setUseData(g);
+
+      if (isGecko()) {
+        convertGradients(findDefs());
+      } else {
+        convertGradients(g);
+      }
+
+      // recalculate dimensions on the top-level children so that unnecessary transforms
+      // are removed
+      walkTreePost(g, function (n) {
+        try {
+          recalculateDimensions(n);
+        } catch (e) {
+          console.log(e);
+        }
+      });
+
+      // Give ID for any visible element missing one
+      $$9(g).find(visElems).each(function () {
+        if (!this.id) {
+          this.id = getNextId();
+        }
+      });
+
+      selectOnly([g]);
+
+      var cm = pushGroupProperties(g, true);
+      if (cm) {
+        batchCmd.addSubCommand(cm);
+      }
+
+      addCommandToHistory(batchCmd);
+    } else {
+      console.log('Unexpected element to ungroup:', elem);
+    }
+  };
+
+  /**
+  * This function sets the current drawing as the input SVG XML.
+  * @function module:svgcanvas.SvgCanvas#setSvgString
+  * @param {string} xmlString - The SVG as XML text.
+  * @param {boolean} [preventUndo=false] - Indicates if we want to do the
+  * changes without adding them to the undo stack - e.g. for initializing a
+  * drawing on page load.
+  * @fires module:svgcanvas.SvgCanvas#event:setnonce
+  * @fires module:svgcanvas.SvgCanvas#event:unsetnonce
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {boolean} This function returns `false` if the set was
+  *     unsuccessful, `true` otherwise.
+  */
+  this.setSvgString = function (xmlString, preventUndo) {
+    try {
+      // convert string into XML document
+      var newDoc = text2xml(xmlString);
+      if (newDoc.firstElementChild && newDoc.firstElementChild.namespaceURI !== NS.SVG) {
+        return false;
+      }
+
+      this.prepareSvg(newDoc);
+
+      var batchCmd = new BatchCommand$1('Change Source');
+
+      // remove old svg document
+      var _svgcontent = svgcontent,
+          nextSibling = _svgcontent.nextSibling;
+
+      var oldzoom = svgroot.removeChild(svgcontent);
+      batchCmd.addSubCommand(new RemoveElementCommand$1(oldzoom, nextSibling, svgroot));
+
+      // set new svg document
+      // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()
+      if (svgdoc.adoptNode) {
+        svgcontent = svgdoc.adoptNode(newDoc.documentElement);
+      } else {
+        svgcontent = svgdoc.importNode(newDoc.documentElement, true);
+      }
+
+      svgroot.append(svgcontent);
+      var content = $$9(svgcontent);
+
+      canvas.current_drawing_ = new Drawing(svgcontent, idprefix);
+
+      // retrieve or set the nonce
+      var nonce = getCurrentDrawing().getNonce();
+      if (nonce) {
+        call('setnonce', nonce);
+      } else {
+        call('unsetnonce');
+      }
+
+      // change image href vals if possible
+      content.find('image').each(function () {
+        var image = this;
+        preventClickDefault(image);
+        var val = getHref(this);
+        if (val) {
+          if (val.startsWith('data:')) {
+            // Check if an SVG-edit data URI
+            var m = val.match(/svgedit_url=(.*?);/);
+            if (m) {
+              var url = decodeURIComponent(m[1]);
+              $$9(new Image()).load(function () {
+                image.setAttributeNS(NS.XLINK, 'xlink:href', url);
+              }).attr('src', url);
+            }
+          }
+          // Add to encodableImages if it loads
+          canvas.embedImage(val);
+        }
+      });
+
+      // Wrap child SVGs in group elements
+      content.find('svg').each(function () {
+        // Skip if it's in a <defs>
+        if ($$9(this).closest('defs').length) {
+          return;
+        }
+
+        uniquifyElems(this);
+
+        // Check if it already has a gsvg group
+        var pa = this.parentNode;
+        if (pa.childNodes.length === 1 && pa.nodeName === 'g') {
+          $$9(pa).data('gsvg', this);
+          pa.id = pa.id || getNextId();
+        } else {
+          groupSvgElem(this);
+        }
+      });
+
+      // For Firefox: Put all paint elems in defs
+      if (isGecko()) {
+        content.find('linearGradient, radialGradient, pattern').appendTo(findDefs());
+      }
+
+      // Set ref element for <use> elements
+
+      // TODO: This should also be done if the object is re-added through "redo"
+      setUseData(content);
+
+      convertGradients(content[0]);
+
+      var attrs = {
+        id: 'svgcontent',
+        overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden'
+      };
+
+      var percs = false;
+
+      // determine proper size
+      if (content.attr('viewBox')) {
+        var vb = content.attr('viewBox').split(' ');
+        attrs.width = vb[2];
+        attrs.height = vb[3];
+        // handle content that doesn't have a viewBox
+      } else {
+        $$9.each(['width', 'height'], function (i, dim) {
+          // Set to 100 if not given
+          var val = content.attr(dim) || '100%';
+
+          if (String(val).substr(-1) === '%') {
+            // Use user units if percentage given
+            percs = true;
+          } else {
+            attrs[dim] = convertToNum(dim, val);
+          }
+        });
+      }
+
+      // identify layers
+      identifyLayers();
+
+      // Give ID for any visible layer children missing one
+      content.children().find(visElems).each(function () {
+        if (!this.id) {
+          this.id = getNextId();
+        }
+      });
+
+      // Percentage width/height, so let's base it on visible elements
+      if (percs) {
+        var bb = getStrokedBBoxDefaultVisible();
+        attrs.width = bb.width + bb.x;
+        attrs.height = bb.height + bb.y;
+      }
+
+      // Just in case negative numbers are given or
+      // result from the percs calculation
+      if (attrs.width <= 0) {
+        attrs.width = 100;
+      }
+      if (attrs.height <= 0) {
+        attrs.height = 100;
+      }
+
+      content.attr(attrs);
+      this.contentW = attrs.width;
+      this.contentH = attrs.height;
+
+      batchCmd.addSubCommand(new InsertElementCommand$1(svgcontent));
+      // update root to the correct size
+      var changes = content.attr(['width', 'height']);
+      batchCmd.addSubCommand(new ChangeElementCommand$1(svgroot, changes));
+
+      // reset zoom
+      currentZoom = 1;
+
+      // reset transform lists
+      resetListMap();
+      clearSelection();
+      clearData();
+      svgroot.append(selectorManager.selectorParentGroup);
+
+      if (!preventUndo) addCommandToHistory(batchCmd);
+      call('changed', [svgcontent]);
+    } catch (e) {
+      console.log(e);
+      return false;
+    }
+
+    return true;
+  };
+
+  /**
+  * This function imports the input SVG XML as a `<symbol>` in the `<defs>`, then adds a
+  * `<use>` to the current layer.
+  * @function module:svgcanvas.SvgCanvas#importSvgString
+  * @param {string} xmlString - The SVG as XML text.
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {null|Element} This function returns null if the import was unsuccessful, or the element otherwise.
+  * @todo
+  * - properly handle if namespace is introduced by imported content (must add to svgcontent
+  * and update all prefixes in the imported node)
+  * - properly handle recalculating dimensions, `recalculateDimensions()` doesn't handle
+  * arbitrary transform lists, but makes some assumptions about how the transform list
+  * was obtained
+  */
+  this.importSvgString = function (xmlString) {
+    var j = void 0,
+        ts = void 0,
+        useEl = void 0;
+    try {
+      // Get unique ID
+      var uid = encode64(xmlString.length + xmlString).substr(0, 32);
+
+      var useExisting = false;
+      // Look for symbol and make sure symbol exists in image
+      if (importIds[uid]) {
+        if ($$9(importIds[uid].symbol).parents('#svgroot').length) {
+          useExisting = true;
+        }
+      }
+
+      var batchCmd = new BatchCommand$1('Import Image');
+      var symbol = void 0;
+      if (useExisting) {
+        symbol = importIds[uid].symbol;
+
+        ts = importIds[uid].xform;
+      } else {
+        // convert string into XML document
+        var newDoc = text2xml(xmlString);
+
+        this.prepareSvg(newDoc);
+
+        // import new svg document into our document
+        var svg = void 0;
+        // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()
+        if (svgdoc.adoptNode) {
+          svg = svgdoc.adoptNode(newDoc.documentElement);
+        } else {
+          svg = svgdoc.importNode(newDoc.documentElement, true);
+        }
+
+        uniquifyElems(svg);
+
+        var innerw = convertToNum('width', svg.getAttribute('width')),
+            innerh = convertToNum('height', svg.getAttribute('height')),
+            innervb = svg.getAttribute('viewBox'),
+
+        // if no explicit viewbox, create one out of the width and height
+        vb = innervb ? innervb.split(' ') : [0, 0, innerw, innerh];
+        for (j = 0; j < 4; ++j) {
+          vb[j] = +vb[j];
+        }
+
+        // TODO: properly handle preserveAspectRatio
+        var // canvasw = +svgcontent.getAttribute('width'),
+        canvash = +svgcontent.getAttribute('height');
+        // imported content should be 1/3 of the canvas on its largest dimension
+
+        if (innerh > innerw) {
+          ts = 'scale(' + canvash / 3 / vb[3] + ')';
+        } else {
+          ts = 'scale(' + canvash / 3 / vb[2] + ')';
+        }
+
+        // Hack to make recalculateDimensions understand how to scale
+        ts = 'translate(0) ' + ts + ' translate(0)';
+
+        symbol = svgdoc.createElementNS(NS.SVG, 'symbol');
+        var defs = findDefs();
+
+        if (isGecko()) {
+          // Move all gradients into root for Firefox, workaround for this bug:
+          // https://bugzilla.mozilla.org/show_bug.cgi?id=353575
+          // TODO: Make this properly undo-able.
+          $$9(svg).find('linearGradient, radialGradient, pattern').appendTo(defs);
+        }
+
+        while (svg.firstChild) {
+          var first = svg.firstChild;
+          symbol.append(first);
+        }
+        var attrs = svg.attributes;
+        for (var i = 0; i < attrs.length; i++) {
+          var attr = attrs[i];
+          symbol.setAttribute(attr.nodeName, attr.value);
+        }
+        symbol.id = getNextId();
+
+        // Store data
+        importIds[uid] = {
+          symbol: symbol,
+          xform: ts
+        };
+
+        findDefs().append(symbol);
+        batchCmd.addSubCommand(new InsertElementCommand$1(symbol));
+      }
+
+      useEl = svgdoc.createElementNS(NS.SVG, 'use');
+      useEl.id = getNextId();
+      setHref(useEl, '#' + symbol.id);
+
+      (currentGroup || getCurrentDrawing().getCurrentLayer()).append(useEl);
+      batchCmd.addSubCommand(new InsertElementCommand$1(useEl));
+      clearSelection();
+
+      useEl.setAttribute('transform', ts);
+      recalculateDimensions(useEl);
+      $$9(useEl).data('symbol', symbol).data('ref', symbol);
+      addToSelection([useEl]);
+
+      // TODO: Find way to add this in a recalculateDimensions-parsable way
+      // if (vb[0] !== 0 || vb[1] !== 0) {
+      //   ts = 'translate(' + (-vb[0]) + ',' + (-vb[1]) + ') ' + ts;
+      // }
+      addCommandToHistory(batchCmd);
+      call('changed', [svgcontent]);
+    } catch (e) {
+      console.log(e);
+      return null;
+    }
+
+    // we want to return the element so we can automatically select it
+    return useEl;
+  };
+
+  // Could deprecate, but besides external uses, their usage makes clear that
+  //  canvas is a dependency for all of these
+  ['identifyLayers', 'createLayer', 'cloneLayer', 'deleteCurrentLayer', 'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition', 'setLayerVisibility', 'moveSelectedToLayer', 'mergeLayer', 'mergeAllLayers', 'leaveContext', 'setContext'].forEach(function (prop) {
+    canvas[prop] = draw[prop];
+  });
+  init$3(
+  /**
+  * @implements {module:draw.DrawCanvasInit}
+  */
+  {
+    pathActions: pathActions$$1,
+    getCurrentGroup: function getCurrentGroup() {
+      return currentGroup;
+    },
+    setCurrentGroup: function setCurrentGroup(cg) {
+      currentGroup = cg;
+    },
+
+    getSelectedElements: getSelectedElements,
+    getSVGContent: getSVGContent,
+    undoMgr: undoMgr,
+    elData: elData,
+    getCurrentDrawing: getCurrentDrawing,
+    clearSelection: clearSelection,
+    call: call,
+    addCommandToHistory: addCommandToHistory,
+    /**
+     * @fires module:svgcanvas.SvgCanvas#event:changed
+     * @returns {undefined}
+     */
+    changeSVGContent: function changeSVGContent() {
+      call('changed', [svgcontent]);
+    }
+  });
+
+  /**
+  * Group: Document functions
+  */
+
+  /**
+  * Clears the current document. This is not an undoable action.
+  * @function module:svgcanvas.SvgCanvas#clear
+  * @fires module:svgcanvas.SvgCanvas#event:cleared
+  * @returns {undefined}
+  */
+  this.clear = function () {
+    pathActions$$1.clear();
+
+    clearSelection();
+
+    // clear the svgcontent node
+    canvas.clearSvgContentElement();
+
+    // create new document
+    canvas.current_drawing_ = new Drawing(svgcontent);
+
+    // create empty first layer
+    canvas.createLayer('Layer 1');
+
+    // clear the undo stack
+    canvas.undoMgr.resetUndoStack();
+
+    // reset the selector manager
+    selectorManager.initGroup();
+
+    // reset the rubber band box
+    rubberBox = selectorManager.getRubberBandBox();
+
+    call('cleared');
+  };
+
+  // Alias function
+  this.linkControlPoints = pathActions$$1.linkControlPoints;
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getContentElem
+  * @returns {Element} The content DOM element
+  */
+  this.getContentElem = function () {
+    return svgcontent;
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getRootElem
+  * @returns {SVGSVGElement} The root DOM element
+  */
+  this.getRootElem = function () {
+    return svgroot;
+  };
+
+  /**
+  * @typedef {PlainObject} DimensionsAndZoom
+  * @property {Float} w Width
+  * @property {Float} h Height
+  * @property {Float} zoom Zoom
+  */
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getResolution
+  * @returns {DimensionsAndZoom} The current dimensions and zoom level in an object
+  */
+  var getResolution = this.getResolution = function () {
+    //    const vb = svgcontent.getAttribute('viewBox').split(' ');
+    //    return {w:vb[2], h:vb[3], zoom: currentZoom};
+
+    var w = svgcontent.getAttribute('width') / currentZoom;
+    var h = svgcontent.getAttribute('height') / currentZoom;
+
+    return {
+      w: w,
+      h: h,
+      zoom: currentZoom
+    };
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getSnapToGrid
+  * @returns {boolean} The current snap to grid setting
+  */
+  this.getSnapToGrid = function () {
+    return curConfig.gridSnapping;
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getVersion
+  * @returns {string} A string which describes the revision number of SvgCanvas.
+  */
+  this.getVersion = function () {
+    return 'svgcanvas.js ($Rev$)';
+  };
+
+  /**
+  * Update interface strings with given values
+  * @function module:svgcanvas.SvgCanvas#setUiStrings
+  * @param {module:path.uiStrings} strs - Object with strings (see the [locales API]{@link module:locale.LocaleStrings} and the [tutorial]{@tutorial LocaleDocs})
+  * @returns {undefined}
+  */
+  this.setUiStrings = function (strs) {
+    Object.assign(uiStrings, strs.notification);
+    setUiStrings(strs);
+  };
+
+  /**
+  * Update configuration options with given values
+  * @function module:svgcanvas.SvgCanvas#setConfig
+  * @param {module:SVGEditor.Config} opts - Object with options
+  * @returns {undefined}
+  */
+  this.setConfig = function (opts) {
+    Object.assign(curConfig, opts);
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getTitle
+  * @param {Element} elem
+  * @returns {string|undefined} the current group/SVG's title contents
+  */
+  this.getTitle = function (elem) {
+    elem = elem || selectedElements[0];
+    if (!elem) {
+      return;
+    }
+    elem = $$9(elem).data('gsvg') || $$9(elem).data('symbol') || elem;
+    var childs = elem.childNodes;
+    for (var i = 0; i < childs.length; i++) {
+      if (childs[i].nodeName === 'title') {
+        return childs[i].textContent;
+      }
+    }
+    return '';
+  };
+
+  /**
+  * Sets the group/SVG's title content
+  * @function module:svgcanvas.SvgCanvas#setGroupTitle
+  * @param {string} val
+  * @todo Combine this with `setDocumentTitle`
+  * @returns {undefined}
+  */
+  this.setGroupTitle = function (val) {
+    var elem = selectedElements[0];
+    elem = $$9(elem).data('gsvg') || elem;
+
+    var ts = $$9(elem).children('title');
+
+    var batchCmd = new BatchCommand$1('Set Label');
+
+    var title = void 0;
+    if (!val.length) {
+      // Remove title element
+      var tsNextSibling = ts.nextSibling;
+      batchCmd.addSubCommand(new RemoveElementCommand$1(ts[0], tsNextSibling, elem));
+      ts.remove();
+    } else if (ts.length) {
+      // Change title contents
+      title = ts[0];
+      batchCmd.addSubCommand(new ChangeElementCommand$1(title, { '#text': title.textContent }));
+      title.textContent = val;
+    } else {
+      // Add title element
+      title = svgdoc.createElementNS(NS.SVG, 'title');
+      title.textContent = val;
+      $$9(elem).prepend(title);
+      batchCmd.addSubCommand(new InsertElementCommand$1(title));
+    }
+
+    addCommandToHistory(batchCmd);
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getDocumentTitle
+  * @returns {string|undefined} The current document title or an empty string if not found
+  */
+  var getDocumentTitle = this.getDocumentTitle = function () {
+    return canvas.getTitle(svgcontent);
+  };
+
+  /**
+  * Adds/updates a title element for the document with the given name.
+  * This is an undoable action
+  * @function module:svgcanvas.SvgCanvas#setDocumentTitle
+  * @param {string} newTitle - String with the new title
+  * @returns {undefined}
+  */
+  this.setDocumentTitle = function (newTitle) {
+    var childs = svgcontent.childNodes;
+    var docTitle = false,
+        oldTitle = '';
+
+    var batchCmd = new BatchCommand$1('Change Image Title');
+
+    for (var i = 0; i < childs.length; i++) {
+      if (childs[i].nodeName === 'title') {
+        docTitle = childs[i];
+        oldTitle = docTitle.textContent;
+        break;
+      }
+    }
+    if (!docTitle) {
+      docTitle = svgdoc.createElementNS(NS.SVG, 'title');
+      svgcontent.insertBefore(docTitle, svgcontent.firstChild);
+      // svgcontent.firstChild.before(docTitle); // Ok to replace above with this?
+    }
+
+    if (newTitle.length) {
+      docTitle.textContent = newTitle;
+    } else {
+      // No title given, so element is not necessary
+      docTitle.remove();
+    }
+    batchCmd.addSubCommand(new ChangeElementCommand$1(docTitle, { '#text': oldTitle }));
+    addCommandToHistory(batchCmd);
+  };
+
+  /**
+  * Returns the editor's namespace URL, optionally adding it to the root element
+  * @function module:svgcanvas.SvgCanvas#getEditorNS
+  * @param {boolean} [add] - Indicates whether or not to add the namespace value
+  * @returns {string} The editor's namespace URL
+  */
+  this.getEditorNS = function (add) {
+    if (add) {
+      svgcontent.setAttribute('xmlns:se', NS.SE);
+    }
+    return NS.SE;
+  };
+
+  /**
+  * Changes the document's dimensions to the given size
+  * @function module:svgcanvas.SvgCanvas#setResolution
+  * @param {Float|"fit"} x - Number with the width of the new dimensions in user units.
+  * Can also be the string "fit" to indicate "fit to content"
+  * @param {Float} y - Number with the height of the new dimensions in user units.
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {boolean} Indicates if resolution change was successful.
+  * It will fail on "fit to content" option with no content to fit to.
+  */
+  this.setResolution = function (x, y) {
+    var res = getResolution();
+    var w = res.w,
+        h = res.h;
+
+    var batchCmd = void 0;
+
+    if (x === 'fit') {
+      // Get bounding box
+      var bbox = getStrokedBBoxDefaultVisible();
+
+      if (bbox) {
+        batchCmd = new BatchCommand$1('Fit Canvas to Content');
+        var visEls = getVisibleElements();
+        addToSelection(visEls);
+        var dx = [],
+            dy = [];
+        $$9.each(visEls, function (i, item) {
+          dx.push(bbox.x * -1);
+          dy.push(bbox.y * -1);
+        });
+
+        var cmd = canvas.moveSelectedElements(dx, dy, true);
+        batchCmd.addSubCommand(cmd);
+        clearSelection();
+
+        x = Math.round(bbox.width);
+        y = Math.round(bbox.height);
+      } else {
+        return false;
+      }
+    }
+    if (x !== w || y !== h) {
+      if (!batchCmd) {
+        batchCmd = new BatchCommand$1('Change Image Dimensions');
+      }
+
+      x = convertToNum('width', x);
+      y = convertToNum('height', y);
+
+      svgcontent.setAttribute('width', x);
+      svgcontent.setAttribute('height', y);
+
+      this.contentW = x;
+      this.contentH = y;
+      batchCmd.addSubCommand(new ChangeElementCommand$1(svgcontent, { width: w, height: h }));
+
+      svgcontent.setAttribute('viewBox', [0, 0, x / currentZoom, y / currentZoom].join(' '));
+      batchCmd.addSubCommand(new ChangeElementCommand$1(svgcontent, { viewBox: ['0 0', w, h].join(' ') }));
+
+      addCommandToHistory(batchCmd);
+      call('changed', [svgcontent]);
+    }
+    return true;
+  };
+
+  /**
+  * @typedef {module:jQueryAttr.Attributes} module:svgcanvas.ElementPositionInCanvas
+  * @property {Float} x
+  * @property {Float} y
+  */
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getOffset
+  * @returns {module:svgcanvas.ElementPositionInCanvas} An object with `x`, `y` values indicating the svgcontent element's
+  * position in the editor's canvas.
+  */
+  this.getOffset = function () {
+    return $$9(svgcontent).attr(['x', 'y']);
+  };
+
+  /**
+   * @typedef {PlainObject} module:svgcanvas.ZoomAndBBox
+   * @property {Float} zoom
+   * @property {module:utilities.BBoxObject} bbox
+   */
+  /**
+  * Sets the zoom level on the canvas-side based on the given value
+  * @function module:svgcanvas.SvgCanvas#setBBoxZoom
+  * @param {"selection"|"canvas"|"content"|"layer"|module:SVGEditor.BBoxObjectWithFactor} val - Bounding box object to zoom to or string indicating zoom option. Note: the object value type is defined in `svg-editor.js`
+  * @param {Integer} editorW - The editor's workarea box's width
+  * @param {Integer} editorH - The editor's workarea box's height
+  * @returns {module:svgcanvas.ZoomAndBBox|undefined}
+  */
+  this.setBBoxZoom = function (val, editorW, editorH) {
+    var spacer = 0.85;
+    var bb = void 0;
+    var calcZoom = function calcZoom(bb) {
+      if (!bb) {
+        return false;
+      }
+      var wZoom = Math.round(editorW / bb.width * 100 * spacer) / 100;
+      var hZoom = Math.round(editorH / bb.height * 100 * spacer) / 100;
+      var zoom = Math.min(wZoom, hZoom);
+      canvas.setZoom(zoom);
+      return { zoom: zoom, bbox: bb };
+    };
+
+    if ((typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object') {
+      bb = val;
+      if (bb.width === 0 || bb.height === 0) {
+        var newzoom = bb.zoom ? bb.zoom : currentZoom * bb.factor;
+        canvas.setZoom(newzoom);
+        return { zoom: currentZoom, bbox: bb };
+      }
+      return calcZoom(bb);
+    }
+
+    switch (val) {
+      case 'selection':
+        if (!selectedElements[0]) {
+          return;
+        }
+        var selectedElems = $$9.map(selectedElements, function (n) {
+          if (n) {
+            return n;
+          }
+        });
+        bb = getStrokedBBoxDefaultVisible(selectedElems);
+        break;
+      case 'canvas':
+        var res = getResolution();
+        spacer = 0.95;
+        bb = { width: res.w, height: res.h, x: 0, y: 0 };
+        break;
+      case 'content':
+        bb = getStrokedBBoxDefaultVisible();
+        break;
+      case 'layer':
+        bb = getStrokedBBoxDefaultVisible(getVisibleElements(getCurrentDrawing().getCurrentLayer()));
+        break;
+      default:
+        return;
+    }
+    return calcZoom(bb);
+  };
+
+  /**
+  * The zoom level has changed. Supplies the new zoom level as a number (not percentage).
+  * @event module:svgcanvas.SvgCanvas#event:ext-zoomChanged
+  * @type {Float}
+  */
+  /**
+  * The bottom panel was updated
+  * @event module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate
+  * @type {PlainObject}
+  * @property {boolean} nofill Indicates fill is disabled
+  * @property {boolean} nostroke Indicates stroke is disabled
+  */
+  /**
+  * The element selection has changed (elements were added/removed from selection)
+  * @event module:svgcanvas.SvgCanvas#event:ext-selectedChanged
+  * @type {PlainObject}
+  * @property {Element[]} elems Array of the newly selected elements
+  * @property {Element|null} selectedElement The single selected element
+  * @property {boolean} multiselected Indicates whether one or more elements were selected
+  */
+  /**
+  * Called when part of element is in process of changing, generally on
+  * mousemove actions like rotate, move, etc.
+  * @event module:svgcanvas.SvgCanvas#event:ext-elementTransition
+  * @type {PlainObject}
+  * @property {Element[]} elems Array of transitioning elements
+  */
+  /**
+  * One or more elements were changed
+  * @event module:svgcanvas.SvgCanvas#event:ext-elementChanged
+  * @type {PlainObject}
+  * @property {Element[]} elems Array of the affected elements
+  */
+  /**
+  * Invoked as soon as the locale is ready
+  * @event module:svgcanvas.SvgCanvas#event:ext-langReady
+  * @type {PlainObject}
+  * @property {string} lang The two-letter language code
+  * @property {module:SVGEditor.uiStrings} uiStrings
+  * @property {module:SVGEditor~ImportLocale} importLocale
+  */
+  /**
+  * The language was changed. Two-letter code of the new language.
+  * @event module:svgcanvas.SvgCanvas#event:ext-langChanged
+  * @type {string}
+  */
+  /**
+  * Means for an extension to add locale data. The two-letter language code.
+  * @event module:svgcanvas.SvgCanvas#event:ext-addLangData
+  * @type {PlainObject}
+  * @property {string} lang
+  * @property {module:SVGEditor~ImportLocale} importLocale
+  */
+  /**
+   * Called when new image is created
+   * @event module:svgcanvas.SvgCanvas#event:ext-onNewDocument
+   * @type {undefined}
+   */
+  /**
+   * Called when sidepanel is resized or toggled
+   * @event module:svgcanvas.SvgCanvas#event:ext-workareaResized
+   * @type {undefined}
+  */
+  /**
+   * Called upon addition of the extension, or, if svgicons are set,
+   * after the icons are ready when extension SVG icons have loaded.
+   * @event module:svgcanvas.SvgCanvas#event:ext-callback
+   * @type {undefined}
+  */
+
+  /**
+  * Sets the zoom to the given level
+  * @function module:svgcanvas.SvgCanvas#setZoom
+  * @param {Float} zoomLevel - Float indicating the zoom level to change to
+  * @fires module:svgcanvas.SvgCanvas#event:ext-zoomChanged
+  * @returns {undefined}
+  */
+  this.setZoom = function (zoomLevel) {
+    var res = getResolution();
+    svgcontent.setAttribute('viewBox', '0 0 ' + res.w / zoomLevel + ' ' + res.h / zoomLevel);
+    currentZoom = zoomLevel;
+    $$9.each(selectedElements, function (i, elem) {
+      if (!elem) {
+        return;
+      }
+      selectorManager.requestSelector(elem).resize();
+    });
+    pathActions$$1.zoomChange();
+    runExtensions('zoomChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} */zoomLevel);
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getMode
+  * @returns {string} The current editor mode string
+  */
+  this.getMode = function () {
+    return currentMode;
+  };
+
+  /**
+  * Sets the editor's mode to the given string
+  * @function module:svgcanvas.SvgCanvas#setMode
+  * @param {string} name - String with the new mode to change to
+  * @returns {undefined}
+  */
+  this.setMode = function (name) {
+    pathActions$$1.clear(true);
+    textActions.clear();
+    curProperties = selectedElements[0] && selectedElements[0].nodeName === 'text' ? curText : curShape;
+    currentMode = name;
+  };
+
+  /**
+  * Group: Element Styling
+  */
+
+  /**
+  * @typedef {PlainObject} module:svgcanvas.PaintOptions
+  * @property {"solidColor"} type
+  */
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getColor
+  * @param {string} type
+  * @returns {string|module:svgcanvas.PaintOptions|Float|module:jGraduate~Paint} The current fill/stroke option
+  */
+  this.getColor = function (type) {
+    return curProperties[type];
+  };
+
+  /**
+  * Change the current stroke/fill color/gradient value
+  * @function module:svgcanvas.SvgCanvas#setColor
+  * @param {string} type - String indicating fill or stroke
+  * @param {string} val - The value to set the stroke attribute to
+  * @param {boolean} preventUndo - Boolean indicating whether or not this should be an undoable option
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  this.setColor = function (type, val, preventUndo) {
+    curShape[type] = val;
+    curProperties[type + '_paint'] = { type: 'solidColor' };
+    var elems = [];
+    function addNonG(e) {
+      if (e.nodeName !== 'g') {
+        elems.push(e);
+      }
+    }
+    var i = selectedElements.length;
+    while (i--) {
+      var elem = selectedElements[i];
+      if (elem) {
+        if (elem.tagName === 'g') {
+          walkTree(elem, addNonG);
+        } else {
+          if (type === 'fill') {
+            if (elem.tagName !== 'polyline' && elem.tagName !== 'line') {
+              elems.push(elem);
+            }
+          } else {
+            elems.push(elem);
+          }
+        }
+      }
+    }
+    if (elems.length > 0) {
+      if (!preventUndo) {
+        changeSelectedAttribute(type, val, elems);
+        call('changed', elems);
+      } else {
+        changeSelectedAttributeNoUndo(type, val, elems);
+      }
+    }
+  };
+
+  /**
+  * Apply the current gradient to selected element's fill or stroke
+  * @function module:svgcanvas.SvgCanvas#setGradient
+  * @param {"fill"|"stroke"} type - String indicating "fill" or "stroke" to apply to an element
+  * @returns {undefined}
+  */
+  var setGradient = this.setGradient = function (type) {
+    if (!curProperties[type + '_paint'] || curProperties[type + '_paint'].type === 'solidColor') {
+      return;
+    }
+    var grad = canvas[type + 'Grad'];
+    // find out if there is a duplicate gradient already in the defs
+    var duplicateGrad = findDuplicateGradient(grad);
+    var defs = findDefs();
+    // no duplicate found, so import gradient into defs
+    if (!duplicateGrad) {
+      // const origGrad = grad;
+      grad = defs.appendChild(svgdoc.importNode(grad, true));
+      // get next id and set it on the grad
+      grad.id = getNextId();
+    } else {
+      // use existing gradient
+      grad = duplicateGrad;
+    }
+    canvas.setColor(type, 'url(#' + grad.id + ')');
+  };
+
+  /**
+  * Check if exact gradient already exists
+  * @function module:svgcanvas~findDuplicateGradient
+  * @param {SVGGradientElement} grad - The gradient DOM element to compare to others
+  * @returns {SVGGradientElement} The existing gradient if found, `null` if not
+  */
+  var findDuplicateGradient = function findDuplicateGradient(grad) {
+    var defs = findDefs();
+    var existingGrads = $$9(defs).find('linearGradient, radialGradient');
+    var i = existingGrads.length;
+    var radAttrs = ['r', 'cx', 'cy', 'fx', 'fy'];
+    while (i--) {
+      var og = existingGrads[i];
+      if (grad.tagName === 'linearGradient') {
+        if (grad.getAttribute('x1') !== og.getAttribute('x1') || grad.getAttribute('y1') !== og.getAttribute('y1') || grad.getAttribute('x2') !== og.getAttribute('x2') || grad.getAttribute('y2') !== og.getAttribute('y2')) {
+          continue;
+        }
+      } else {
+        var _ret = function () {
+          var gradAttrs = $$9(grad).attr(radAttrs);
+          var ogAttrs = $$9(og).attr(radAttrs);
+
+          var diff = false;
+          $$9.each(radAttrs, function (i, attr) {
+            if (gradAttrs[attr] !== ogAttrs[attr]) {
+              diff = true;
+            }
+          });
+
+          if (diff) {
+            return 'continue';
+          }
+        }();
+
+        if (_ret === 'continue') continue;
+      }
+
+      // else could be a duplicate, iterate through stops
+      var stops = grad.getElementsByTagNameNS(NS.SVG, 'stop');
+      var ostops = og.getElementsByTagNameNS(NS.SVG, 'stop');
+
+      if (stops.length !== ostops.length) {
+        continue;
+      }
+
+      var j = stops.length;
+      while (j--) {
+        var stop = stops[j];
+        var ostop = ostops[j];
+
+        if (stop.getAttribute('offset') !== ostop.getAttribute('offset') || stop.getAttribute('stop-opacity') !== ostop.getAttribute('stop-opacity') || stop.getAttribute('stop-color') !== ostop.getAttribute('stop-color')) {
+          break;
+        }
+      }
+
+      if (j === -1) {
+        return og;
+      }
+    } // for each gradient in defs
+
+    return null;
+  };
+
+  /**
+  * Set a color/gradient to a fill/stroke
+  * @function module:svgcanvas.SvgCanvas#setPaint
+  * @param {"fill"|"stroke"} type - String with "fill" or "stroke"
+  * @param {module:jGraduate.jGraduatePaintOptions} paint - The jGraduate paint object to apply
+  * @returns {undefined}
+  */
+  this.setPaint = function (type, paint) {
+    // make a copy
+    var p = new $$9.jGraduate.Paint(paint);
+    this.setPaintOpacity(type, p.alpha / 100, true);
+
+    // now set the current paint object
+    curProperties[type + '_paint'] = p;
+    switch (p.type) {
+      case 'solidColor':
+        this.setColor(type, p.solidColor !== 'none' ? '#' + p.solidColor : 'none');
+        break;
+      case 'linearGradient':
+      case 'radialGradient':
+        canvas[type + 'Grad'] = p[p.type];
+        setGradient(type);
+        break;
+    }
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#setStrokePaint
+  * @param {module:jGraduate~Paint} paint
+  * @returns {undefined}
+  */
+  this.setStrokePaint = function (paint) {
+    this.setPaint('stroke', paint);
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#setFillPaint
+  * @param {module:jGraduate~Paint} paint
+  * @returns {undefined}
+  */
+  this.setFillPaint = function (paint) {
+    this.setPaint('fill', paint);
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getStrokeWidth
+  * @returns {Float|string} The current stroke-width value
+  */
+  this.getStrokeWidth = function () {
+    return curProperties.stroke_width;
+  };
+
+  /**
+  * Sets the stroke width for the current selected elements.
+  * When attempting to set a line's width to 0, this changes it to 1 instead
+  * @function module:svgcanvas.SvgCanvas#setStrokeWidth
+  * @param {Float} val - A Float indicating the new stroke width value
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  this.setStrokeWidth = function (val) {
+    if (val === 0 && ['line', 'path'].includes(currentMode)) {
+      canvas.setStrokeWidth(1);
+      return;
+    }
+    curProperties.stroke_width = val;
+
+    var elems = [];
+    function addNonG(e) {
+      if (e.nodeName !== 'g') {
+        elems.push(e);
+      }
+    }
+    var i = selectedElements.length;
+    while (i--) {
+      var elem = selectedElements[i];
+      if (elem) {
+        if (elem.tagName === 'g') {
+          walkTree(elem, addNonG);
+        } else {
+          elems.push(elem);
+        }
+      }
+    }
+    if (elems.length > 0) {
+      changeSelectedAttribute('stroke-width', val, elems);
+      call('changed', selectedElements);
+    }
+  };
+
+  /**
+  * Set the given stroke-related attribute the given value for selected elements
+  * @function module:svgcanvas.SvgCanvas#setStrokeAttr
+  * @param {string} attr - String with the attribute name
+  * @param {string|Float} val - String or number with the attribute value
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  this.setStrokeAttr = function (attr, val) {
+    curShape[attr.replace('-', '_')] = val;
+    var elems = [];
+
+    var i = selectedElements.length;
+    while (i--) {
+      var elem = selectedElements[i];
+      if (elem) {
+        if (elem.tagName === 'g') {
+          walkTree(elem, function (e) {
+            if (e.nodeName !== 'g') {
+              elems.push(e);
+            }
+          });
+        } else {
+          elems.push(elem);
+        }
+      }
+    }
+    if (elems.length > 0) {
+      changeSelectedAttribute(attr, val, elems);
+      call('changed', selectedElements);
+    }
+  };
+
+  /**
+  * @typedef {PlainObject} module:svgcanvas.StyleOptions
+  * @property {string} fill
+  * @property {Float} fill_opacity
+  * @property {string} stroke
+  * @property {Float} stroke_width
+  * @property {string} stroke_dasharray
+  * @property {string} stroke_linejoin
+  * @property {string} stroke_linecap
+  * @property {Float} stroke_opacity
+  * @property {Float} opacity
+  */
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getStyle
+  * @returns {module:svgcanvas.StyleOptions} current style options
+  */
+  this.getStyle = function () {
+    return curShape;
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getOpacity
+  * @returns {Float} the current opacity
+  */
+  this.getOpacity = getOpacity;
+
+  /**
+  * Sets the given opacity to the current selected elements
+  * @function module:svgcanvas.SvgCanvas#setOpacity
+  * @param {string} val
+  * @returns {undefined}
+  */
+  this.setOpacity = function (val) {
+    curShape.opacity = val;
+    changeSelectedAttribute('opacity', val);
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getFillOpacity
+  * @returns {Float} the current fill opacity
+  */
+  this.getFillOpacity = function () {
+    return curShape.fill_opacity;
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getStrokeOpacity
+  * @returns {string} the current stroke opacity
+  */
+  this.getStrokeOpacity = function () {
+    return curShape.stroke_opacity;
+  };
+
+  /**
+  * Sets the current fill/stroke opacity
+  * @function module:svgcanvas.SvgCanvas#setPaintOpacity
+  * @param {string} type - String with "fill" or "stroke"
+  * @param {Float} val - Float with the new opacity value
+  * @param {boolean} preventUndo - Indicates whether or not this should be an undoable action
+  * @returns {undefined}
+  */
+  this.setPaintOpacity = function (type, val, preventUndo) {
+    curShape[type + '_opacity'] = val;
+    if (!preventUndo) {
+      changeSelectedAttribute(type + '-opacity', val);
+    } else {
+      changeSelectedAttributeNoUndo(type + '-opacity', val);
+    }
+  };
+
+  /**
+  * Gets the current fill/stroke opacity
+  * @function module:svgcanvas.SvgCanvas#getPaintOpacity
+  * @param {"fill"|"stroke"} type - String with "fill" or "stroke"
+  * @returns {Float} Fill/stroke opacity
+  */
+  this.getPaintOpacity = function (type) {
+    return type === 'fill' ? this.getFillOpacity() : this.getStrokeOpacity();
+  };
+
+  /**
+  * Gets the `stdDeviation` blur value of the given element
+  * @function module:svgcanvas.SvgCanvas#getBlur
+  * @param {Element} elem - The element to check the blur value for
+  * @returns {string} stdDeviation blur attribute value
+  */
+  this.getBlur = function (elem) {
+    var val = 0;
+    // const elem = selectedElements[0];
+
+    if (elem) {
+      var filterUrl = elem.getAttribute('filter');
+      if (filterUrl) {
+        var blur = getElem(elem.id + '_blur');
+        if (blur) {
+          val = blur.firstChild.getAttribute('stdDeviation');
+        }
+      }
+    }
+    return val;
+  };
+
+  (function () {
+    var curCommand = null;
+    var filter = null;
+    var filterHidden = false;
+
+    /**
+    * Sets the `stdDeviation` blur value on the selected element without being undoable
+    * @function module:svgcanvas.SvgCanvas#setBlurNoUndo
+    * @param {Float} val - The new `stdDeviation` value
+    * @returns {undefined}
+    */
+    canvas.setBlurNoUndo = function (val) {
+      if (!filter) {
+        canvas.setBlur(val);
+        return;
+      }
+      if (val === 0) {
+        // Don't change the StdDev, as that will hide the element.
+        // Instead, just remove the value for "filter"
+        changeSelectedAttributeNoUndo('filter', '');
+        filterHidden = true;
+      } else {
+        var elem = selectedElements[0];
+        if (filterHidden) {
+          changeSelectedAttributeNoUndo('filter', 'url(#' + elem.id + '_blur)');
+        }
+        if (isWebkit()) {
+          console.log('e', elem);
+          elem.removeAttribute('filter');
+          elem.setAttribute('filter', 'url(#' + elem.id + '_blur)');
+        }
+        changeSelectedAttributeNoUndo('stdDeviation', val, [filter.firstChild]);
+        canvas.setBlurOffsets(filter, val);
+      }
+    };
+
+    function finishChange() {
+      var bCmd = canvas.undoMgr.finishUndoableChange();
+      curCommand.addSubCommand(bCmd);
+      addCommandToHistory(curCommand);
+      curCommand = null;
+      filter = null;
+    }
+
+    /**
+    * Sets the `x`, `y`, `width`, `height` values of the filter element in order to
+    * make the blur not be clipped. Removes them if not neeeded
+    * @function module:svgcanvas.SvgCanvas#setBlurOffsets
+    * @param {Element} filter - The filter DOM element to update
+    * @param {Float} stdDev - The standard deviation value on which to base the offset size
+    * @returns {undefined}
+    */
+    canvas.setBlurOffsets = function (filter, stdDev) {
+      if (stdDev > 3) {
+        // TODO: Create algorithm here where size is based on expected blur
+        assignAttributes(filter, {
+          x: '-50%',
+          y: '-50%',
+          width: '200%',
+          height: '200%'
+        }, 100);
+      } else {
+        // Removing these attributes hides text in Chrome (see Issue 579)
+        if (!isWebkit()) {
+          filter.removeAttribute('x');
+          filter.removeAttribute('y');
+          filter.removeAttribute('width');
+          filter.removeAttribute('height');
+        }
+      }
+    };
+
+    /**
+    * Adds/updates the blur filter to the selected element
+    * @function module:svgcanvas.SvgCanvas#setBlur
+    * @param {Float} val - Float with the new `stdDeviation` blur value
+    * @param {boolean} complete - Whether or not the action should be completed (to add to the undo manager)
+    * @returns {undefined}
+    */
+    canvas.setBlur = function (val, complete) {
+      if (curCommand) {
+        finishChange();
+        return;
+      }
+
+      // Looks for associated blur, creates one if not found
+      var elem = selectedElements[0];
+      var elemId = elem.id;
+      filter = getElem(elemId + '_blur');
+
+      val -= 0;
+
+      var batchCmd = new BatchCommand$1();
+
+      // Blur found!
+      if (filter) {
+        if (val === 0) {
+          filter = null;
+        }
+      } else {
+        // Not found, so create
+        var newblur = addSVGElementFromJson({ element: 'feGaussianBlur',
+          attr: {
+            in: 'SourceGraphic',
+            stdDeviation: val
+          }
+        });
+
+        filter = addSVGElementFromJson({ element: 'filter',
+          attr: {
+            id: elemId + '_blur'
+          }
+        });
+
+        filter.append(newblur);
+        findDefs().append(filter);
+
+        batchCmd.addSubCommand(new InsertElementCommand$1(filter));
+      }
+
+      var changes = { filter: elem.getAttribute('filter') };
+
+      if (val === 0) {
+        elem.removeAttribute('filter');
+        batchCmd.addSubCommand(new ChangeElementCommand$1(elem, changes));
+        return;
+      }
+
+      changeSelectedAttribute('filter', 'url(#' + elemId + '_blur)');
+      batchCmd.addSubCommand(new ChangeElementCommand$1(elem, changes));
+      canvas.setBlurOffsets(filter, val);
+
+      curCommand = batchCmd;
+      canvas.undoMgr.beginUndoableChange('stdDeviation', [filter ? filter.firstChild : null]);
+      if (complete) {
+        canvas.setBlurNoUndo(val);
+        finishChange();
+      }
+    };
+  })();
+
+  /**
+  * Check whether selected element is bold or not
+  * @function module:svgcanvas.SvgCanvas#getBold
+  * @returns {boolean} Indicates whether or not element is bold
+  */
+  this.getBold = function () {
+    // should only have one element selected
+    var selected = selectedElements[0];
+    if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+      return selected.getAttribute('font-weight') === 'bold';
+    }
+    return false;
+  };
+
+  /**
+  * Make the selected element bold or normal
+  * @function module:svgcanvas.SvgCanvas#setBold
+  * @param {boolean} b - Indicates bold (`true`) or normal (`false`)
+  * @returns {undefined}
+  */
+  this.setBold = function (b) {
+    var selected = selectedElements[0];
+    if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+      changeSelectedAttribute('font-weight', b ? 'bold' : 'normal');
+    }
+    if (!selectedElements[0].textContent) {
+      textActions.setCursor();
+    }
+  };
+
+  /**
+  * Check whether selected element is italic or not
+  * @function module:svgcanvas.SvgCanvas#getItalic
+  * @returns {boolean} Indicates whether or not element is italic
+  */
+  this.getItalic = function () {
+    var selected = selectedElements[0];
+    if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+      return selected.getAttribute('font-style') === 'italic';
+    }
+    return false;
+  };
+
+  /**
+  * Make the selected element italic or normal
+  * @function module:svgcanvas.SvgCanvas#setItalic
+  * @param {boolean} b - Indicates italic (`true`) or normal (`false`)
+  * @returns {undefined}
+  */
+  this.setItalic = function (i) {
+    var selected = selectedElements[0];
+    if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+      changeSelectedAttribute('font-style', i ? 'italic' : 'normal');
+    }
+    if (!selectedElements[0].textContent) {
+      textActions.setCursor();
+    }
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getFontFamily
+  * @returns {string} The current font family
+  */
+  this.getFontFamily = function () {
+    return curText.font_family;
+  };
+
+  /**
+  * Set the new font family
+  * @function module:svgcanvas.SvgCanvas#setFontFamily
+  * @param {string} val - String with the new font family
+  * @returns {undefined}
+  */
+  this.setFontFamily = function (val) {
+    curText.font_family = val;
+    changeSelectedAttribute('font-family', val);
+    if (selectedElements[0] && !selectedElements[0].textContent) {
+      textActions.setCursor();
+    }
+  };
+
+  /**
+  * Set the new font color
+  * @function module:svgcanvas.SvgCanvas#setFontColor
+  * @param {string} val - String with the new font color
+  * @returns {undefined}
+  */
+  this.setFontColor = function (val) {
+    curText.fill = val;
+    changeSelectedAttribute('fill', val);
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getFontColor
+  * @returns {string} The current font color
+  */
+  this.getFontColor = function () {
+    return curText.fill;
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getFontSize
+  * @returns {Float} The current font size
+  */
+  this.getFontSize = function () {
+    return curText.font_size;
+  };
+
+  /**
+  * Applies the given font size to the selected element
+  * @function module:svgcanvas.SvgCanvas#setFontSize
+  * @param {Float} val - Float with the new font size
+  * @returns {undefined}
+  */
+  this.setFontSize = function (val) {
+    curText.font_size = val;
+    changeSelectedAttribute('font-size', val);
+    if (!selectedElements[0].textContent) {
+      textActions.setCursor();
+    }
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#getText
+  * @returns {string} The current text (`textContent`) of the selected element
+  */
+  this.getText = function () {
+    var selected = selectedElements[0];
+    if (selected == null) {
+      return '';
+    }
+    return selected.textContent;
+  };
+
+  /**
+  * Updates the text element with the given string
+  * @function module:svgcanvas.SvgCanvas#setTextContent
+  * @param {string} val - String with the new text
+  * @returns {undefined}
+  */
+  this.setTextContent = function (val) {
+    changeSelectedAttribute('#text', val);
+    textActions.init(val);
+    textActions.setCursor();
+  };
+
+  /**
+  * Sets the new image URL for the selected image element. Updates its size if
+  * a new URL is given
+  * @function module:svgcanvas.SvgCanvas#setImageURL
+  * @param {string} val - String with the image URL/path
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  this.setImageURL = function (val) {
+    var elem = selectedElements[0];
+    if (!elem) {
+      return;
+    }
+
+    var attrs = $$9(elem).attr(['width', 'height']);
+    var setsize = !attrs.width || !attrs.height;
+
+    var curHref = getHref(elem);
+
+    // Do nothing if no URL change or size change
+    if (curHref !== val) {
+      setsize = true;
+    } else if (!setsize) {
+      return;
+    }
+
+    var batchCmd = new BatchCommand$1('Change Image URL');
+
+    setHref(elem, val);
+    batchCmd.addSubCommand(new ChangeElementCommand$1(elem, {
+      '#href': curHref
+    }));
+
+    if (setsize) {
+      $$9(new Image()).load(function () {
+        var changes = $$9(elem).attr(['width', 'height']);
+
+        $$9(elem).attr({
+          width: this.width,
+          height: this.height
+        });
+
+        selectorManager.requestSelector(elem).resize();
+
+        batchCmd.addSubCommand(new ChangeElementCommand$1(elem, changes));
+        addCommandToHistory(batchCmd);
+        call('changed', [elem]);
+      }).attr('src', val);
+    } else {
+      addCommandToHistory(batchCmd);
+    }
+  };
+
+  /**
+  * Sets the new link URL for the selected anchor element.
+  * @function module:svgcanvas.SvgCanvas#setLinkURL
+  * @param {string} val - String with the link URL/path
+  * @returns {undefined}
+  */
+  this.setLinkURL = function (val) {
+    var elem = selectedElements[0];
+    if (!elem) {
+      return;
+    }
+    if (elem.tagName !== 'a') {
+      // See if parent is an anchor
+      var parentsA = $$9(elem).parents('a');
+      if (parentsA.length) {
+        elem = parentsA[0];
+      } else {
+        return;
+      }
+    }
+
+    var curHref = getHref(elem);
+
+    if (curHref === val) {
+      return;
+    }
+
+    var batchCmd = new BatchCommand$1('Change Link URL');
+
+    setHref(elem, val);
+    batchCmd.addSubCommand(new ChangeElementCommand$1(elem, {
+      '#href': curHref
+    }));
+
+    addCommandToHistory(batchCmd);
+  };
+
+  /**
+  * Sets the `rx` and `ry` values to the selected `rect` element to change its corner radius
+  * @function module:svgcanvas.SvgCanvas#setRectRadius
+  * @param {string|Float} val - The new radius
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  this.setRectRadius = function (val) {
+    var selected = selectedElements[0];
+    if (selected != null && selected.tagName === 'rect') {
+      var r = selected.getAttribute('rx');
+      if (r !== String(val)) {
+        selected.setAttribute('rx', val);
+        selected.setAttribute('ry', val);
+        addCommandToHistory(new ChangeElementCommand$1(selected, { rx: r, ry: r }, 'Radius'));
+        call('changed', [selected]);
+      }
+    }
+  };
+
+  /**
+  * Wraps the selected element(s) in an anchor element or converts group to one
+  * @function module:svgcanvas.SvgCanvas#makeHyperlink
+  * @param {string} url
+  * @returns {undefined}
+  */
+  this.makeHyperlink = function (url) {
+    canvas.groupSelectedElements('a', url);
+
+    // TODO: If element is a single "g", convert to "a"
+    //  if (selectedElements.length > 1 && selectedElements[1]) {
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#removeHyperlink
+  * @returns {undefined}
+  */
+  this.removeHyperlink = function () {
+    canvas.ungroupSelectedElement();
+  };
+
+  /**
+  * Group: Element manipulation
+  */
+
+  /**
+  * Sets the new segment type to the selected segment(s).
+  * @function module:svgcanvas.SvgCanvas#setSegType
+  * @param {Integer} newType - New segment type. See {@link https://www.w3.org/TR/SVG/paths.html#InterfaceSVGPathSeg} for list
+  * @returns {undefined}
+  */
+  this.setSegType = function (newType) {
+    pathActions$$1.setSegType(newType);
+  };
+
+  /**
+  * Convert selected element to a path, or get the BBox of an element-as-path
+  * @function module:svgcanvas.SvgCanvas#convertToPath
+  * @todo (codedread): Remove the getBBox argument and split this function into two.
+  * @param {Element} elem - The DOM element to be converted
+  * @param {boolean} getBBox - Boolean on whether or not to only return the path's BBox
+  * @returns {undefined|DOMRect|false|SVGPathElement|null} If the getBBox flag is true, the resulting path's bounding box object.
+  * Otherwise the resulting path element is returned.
+  */
+  this.convertToPath = function (elem, getBBox$$1) {
+    if (elem == null) {
+      var elems = selectedElements;
+      $$9.each(elems, function (i, elem) {
+        if (elem) {
+          canvas.convertToPath(elem);
+        }
+      });
+      return;
+    }
+    if (getBBox$$1) {
+      return getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1);
+    }
+    // TODO: Why is this applying attributes from curShape, then inside utilities.convertToPath it's pulling addition attributes from elem?
+    // TODO: If convertToPath is called with one elem, curShape and elem are probably the same; but calling with multiple is a bug or cool feature.
+    var attrs = {
+      fill: curShape.fill,
+      'fill-opacity': curShape.fill_opacity,
+      stroke: curShape.stroke,
+      'stroke-width': curShape.stroke_width,
+      'stroke-dasharray': curShape.stroke_dasharray,
+      'stroke-linejoin': curShape.stroke_linejoin,
+      'stroke-linecap': curShape.stroke_linecap,
+      'stroke-opacity': curShape.stroke_opacity,
+      opacity: curShape.opacity,
+      visibility: 'hidden'
+    };
+    return convertToPath(elem, attrs, addSVGElementFromJson, pathActions$$1, clearSelection, addToSelection, history, addCommandToHistory);
+  };
+
+  /**
+  * This function makes the changes to the elements. It does not add the change
+  * to the history stack.
+  * @param {string} attr - Attribute name
+  * @param {string|Float} newValue - String or number with the new attribute value
+  * @param {Element[]} elems - The DOM elements to apply the change to
+  * @returns {undefined}
+  */
+  var changeSelectedAttributeNoUndo = function changeSelectedAttributeNoUndo(attr, newValue, elems) {
+    if (currentMode === 'pathedit') {
+      // Editing node
+      pathActions$$1.moveNode(attr, newValue);
+    }
+    elems = elems || selectedElements;
+    var i = elems.length;
+    var noXYElems = ['g', 'polyline', 'path'];
+    var goodGAttrs = ['transform', 'opacity', 'filter'];
+
+    var _loop = function _loop() {
+      var elem = elems[i];
+      if (elem == null) {
+        return 'continue';
+      }
+
+      // Set x,y vals on elements that don't have them
+      if ((attr === 'x' || attr === 'y') && noXYElems.includes(elem.tagName)) {
+        var bbox = getStrokedBBoxDefaultVisible([elem]);
+        var diffX = attr === 'x' ? newValue - bbox.x : 0;
+        var diffY = attr === 'y' ? newValue - bbox.y : 0;
+        canvas.moveSelectedElements(diffX * currentZoom, diffY * currentZoom, true);
+        return 'continue';
+      }
+
+      // only allow the transform/opacity/filter attribute to change on <g> elements, slightly hacky
+      // TODO: FIXME: This doesn't seem right. Where's the body of this if statement?
+      if (elem.tagName === 'g' && goodGAttrs.includes(attr)) ;
+      var oldval = attr === '#text' ? elem.textContent : elem.getAttribute(attr);
+      if (oldval == null) {
+        oldval = '';
+      }
+      if (oldval !== String(newValue)) {
+        if (attr === '#text') {
+          // const oldW = utilsGetBBox(elem).width;
+          elem.textContent = newValue;
+
+          // FF bug occurs on on rotated elements
+          if (/rotate/.test(elem.getAttribute('transform'))) {
+            elem = ffClone(elem);
+          }
+          // Hoped to solve the issue of moving text with text-anchor="start",
+          // but this doesn't actually fix it. Hopefully on the right track, though. -Fyrd
+          // const box = getBBox(elem), left = box.x, top = box.y, {width, height} = box,
+          //   dx = width - oldW, dy = 0;
+          // const angle = getRotationAngle(elem, true);
+          // if (angle) {
+          //   const r = Math.sqrt(dx * dx + dy * dy);
+          //   const theta = Math.atan2(dy, dx) - angle;
+          //   dx = r * Math.cos(theta);
+          //   dy = r * Math.sin(theta);
+          //
+          //   elem.setAttribute('x', elem.getAttribute('x') - dx);
+          //   elem.setAttribute('y', elem.getAttribute('y') - dy);
+          // }
+        } else if (attr === '#href') {
+          setHref(elem, newValue);
+        } else {
+          elem.setAttribute(attr, newValue);
+        }
+
+        // Go into "select" mode for text changes
+        // NOTE: Important that this happens AFTER elem.setAttribute() or else attributes like
+        // font-size can get reset to their old value, ultimately by svgEditor.updateContextPanel(),
+        // after calling textActions.toSelectMode() below
+        if (currentMode === 'textedit' && attr !== '#text' && elem.textContent.length) {
+          textActions.toSelectMode(elem);
+        }
+
+        // if (i === 0) {
+        //   selectedBBoxes[0] = utilsGetBBox(elem);
+        // }
+
+        // Use the Firefox ffClone hack for text elements with gradients or
+        // where other text attributes are changed.
+        if (isGecko() && elem.nodeName === 'text' && /rotate/.test(elem.getAttribute('transform'))) {
+          if (String(newValue).startsWith('url') || ['font-size', 'font-family', 'x', 'y'].includes(attr) && elem.textContent) {
+            elem = ffClone(elem);
+          }
+        }
+        // Timeout needed for Opera & Firefox
+        // codedread: it is now possible for this function to be called with elements
+        // that are not in the selectedElements array, we need to only request a
+        // selector if the element is in that array
+        if (selectedElements.includes(elem)) {
+          setTimeout(function () {
+            // Due to element replacement, this element may no longer
+            // be part of the DOM
+            if (!elem.parentNode) {
+              return;
+            }
+            selectorManager.requestSelector(elem).resize();
+          }, 0);
+        }
+        // if this element was rotated, and we changed the position of this element
+        // we need to update the rotational transform attribute
+        var angle = getRotationAngle(elem);
+        if (angle !== 0 && attr !== 'transform') {
+          var tlist = getTransformList(elem);
+          var n = tlist.numberOfItems;
+          while (n--) {
+            var xform = tlist.getItem(n);
+            if (xform.type === 4) {
+              // remove old rotate
+              tlist.removeItem(n);
+
+              var box = getBBox(elem);
+              var center = transformPoint(box.x + box.width / 2, box.y + box.height / 2, transformListToTransform(tlist).matrix);
+              var cx = center.x,
+                  cy = center.y;
+              var newrot = svgroot.createSVGTransform();
+              newrot.setRotate(angle, cx, cy);
+              tlist.insertItemBefore(newrot, n);
+              break;
+            }
+          }
+        }
+      } // if oldValue != newValue
+    };
+
+    while (i--) {
+      var _ret2 = _loop();
+
+      if (_ret2 === 'continue') continue;
+    } // for each elem
+  };
+
+  /**
+  * Change the given/selected element and add the original value to the history stack.
+  * If you want to change all `selectedElements`, ignore the `elems` argument.
+  * If you want to change only a subset of `selectedElements`, then send the
+  * subset to this function in the `elems` argument.
+  * @function module:svgcanvas.SvgCanvas#changeSelectedAttribute
+  * @param {string} attr - String with the attribute name
+  * @param {string|Float} newValue - String or number with the new attribute value
+  * @param {Element[]} elems - The DOM elements to apply the change to
+  * @returns {undefined}
+  */
+  var changeSelectedAttribute = this.changeSelectedAttribute = function (attr, val, elems) {
+    elems = elems || selectedElements;
+    canvas.undoMgr.beginUndoableChange(attr, elems);
+    // const i = elems.length;
+
+    changeSelectedAttributeNoUndo(attr, val, elems);
+
+    var batchCmd = canvas.undoMgr.finishUndoableChange();
+    if (!batchCmd.isEmpty()) {
+      addCommandToHistory(batchCmd);
+    }
+  };
+
+  /**
+  * Removes all selected elements from the DOM and adds the change to the
+  * history stack
+  * @function module:svgcanvas.SvgCanvas#deleteSelectedElements
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  this.deleteSelectedElements = function () {
+    var batchCmd = new BatchCommand$1('Delete Elements');
+    var len = selectedElements.length;
+    var selectedCopy = []; // selectedElements is being deleted
+
+    for (var i = 0; i < len; ++i) {
+      var selected = selectedElements[i];
+      if (selected == null) {
+        break;
+      }
+
+      var parent = selected.parentNode;
+      var t = selected;
+
+      // this will unselect the element and remove the selectedOutline
+      selectorManager.releaseSelector(t);
+
+      // Remove the path if present.
+      removePath_(t.id);
+
+      // Get the parent if it's a single-child anchor
+      if (parent.tagName === 'a' && parent.childNodes.length === 1) {
+        t = parent;
+        parent = parent.parentNode;
+      }
+
+      var _t = t,
+          nextSibling = _t.nextSibling;
+
+      var _elem2 = parent.removeChild(t);
+      selectedCopy.push(selected); // for the copy
+      batchCmd.addSubCommand(new RemoveElementCommand$1(_elem2, nextSibling, parent));
+    }
+    selectedElements = [];
+
+    if (!batchCmd.isEmpty()) {
+      addCommandToHistory(batchCmd);
+    }
+    call('changed', selectedCopy);
+    clearSelection();
+  };
+
+  /**
+  * Removes all selected elements from the DOM and adds the change to the
+  * history stack. Remembers removed elements on the clipboard
+  * @function module:svgcanvas.SvgCanvas#cutSelectedElements
+  * @returns {undefined}
+  */
+  this.cutSelectedElements = function () {
+    canvas.copySelectedElements();
+    canvas.deleteSelectedElements();
+  };
+
+  /**
+  * Remembers the current selected elements on the clipboard
+  * @function module:svgcanvas.SvgCanvas#copySelectedElements
+  * @returns {undefined}
+  */
+  this.copySelectedElements = function () {
+    localStorage.setItem('svgedit_clipboard', JSON.stringify(selectedElements.map(function (x) {
+      return getJsonFromSvgElement(x);
+    })));
+
+    $$9('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');
+  };
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#pasteElements
+  * @param {"in_place"|"point"|undefined} type
+  * @param {Integer|undefined} x Expected if type is "point"
+  * @param {Integer|undefined} y Expected if type is "point"
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @fires module:svgcanvas.SvgCanvas#event:ext-IDsUpdated
+  * @returns {undefined}
+  */
+  this.pasteElements = function (type, x, y) {
+    var clipb = JSON.parse(localStorage.getItem('svgedit_clipboard'));
+    var len = clipb.length;
+    if (!len) {
+      return;
+    }
+
+    var pasted = [];
+    var batchCmd = new BatchCommand$1('Paste elements');
+    // const drawing = getCurrentDrawing();
+    /**
+    * @typedef {PlainObject.<string, string>} module:svgcanvas.ChangedIDs
+    */
+    /**
+     * @type {module:svgcanvas.ChangedIDs}
+     */
+    var changedIDs = {};
+
+    // Recursively replace IDs and record the changes
+    function checkIDs(elem) {
+      if (elem.attr && elem.attr.id) {
+        changedIDs[elem.attr.id] = getNextId();
+        elem.attr.id = changedIDs[elem.attr.id];
+      }
+      if (elem.children) elem.children.forEach(checkIDs);
+    }
+    clipb.forEach(checkIDs);
+
+    // Give extensions like the connector extension a chance to reflect new IDs and remove invalid elements
+    /**
+    * Triggered when `pasteElements` is called from a paste action (context menu or key)
+    * @event module:svgcanvas.SvgCanvas#event:ext-IDsUpdated
+    * @type {PlainObject}
+    * @property {module:svgcanvas.SVGAsJSON[]} elems
+    * @property {module:svgcanvas.ChangedIDs} changes Maps past ID (on attribute) to current ID
+    */
+    runExtensions('IDsUpdated',
+    /** @type {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} */
+    { elems: clipb, changes: changedIDs }, true).forEach(function (extChanges) {
+      if (!extChanges || !('remove' in extChanges)) return;
+
+      extChanges.remove.forEach(function (removeID) {
+        clipb = clipb.filter(function (clipBoardItem) {
+          return clipBoardItem.attr.id !== removeID;
+        });
+      });
+    });
+
+    // Move elements to lastClickPoint
+    while (len--) {
+      var _elem3 = clipb[len];
+      if (!_elem3) {
+        continue;
+      }
+
+      var copy = addSVGElementFromJson(_elem3);
+      pasted.push(copy);
+      batchCmd.addSubCommand(new InsertElementCommand$1(copy));
+
+      restoreRefElems(copy);
+    }
+
+    selectOnly(pasted);
+
+    if (type !== 'in_place') {
+      var ctrX = void 0,
+          ctrY = void 0;
+
+      if (!type) {
+        ctrX = lastClickPoint.x;
+        ctrY = lastClickPoint.y;
+      } else if (type === 'point') {
+        ctrX = x;
+        ctrY = y;
+      }
+
+      var bbox = getStrokedBBoxDefaultVisible(pasted);
+      var cx = ctrX - (bbox.x + bbox.width / 2),
+          cy = ctrY - (bbox.y + bbox.height / 2),
+          dx = [],
+          dy = [];
+
+      $$9.each(pasted, function (i, item) {
+        dx.push(cx);
+        dy.push(cy);
+      });
+
+      var cmd = canvas.moveSelectedElements(dx, dy, false);
+      if (cmd) batchCmd.addSubCommand(cmd);
+    }
+
+    addCommandToHistory(batchCmd);
+    call('changed', pasted);
+  };
+
+  /**
+  * Wraps all the selected elements in a group (`g`) element
+  * @function module:svgcanvas.SvgCanvas#groupSelectedElements
+  * @param {"a"|"g"} [type="g"] - type of element to group into, defaults to `<g>`
+  * @param {string} [urlArg]
+  * @returns {undefined}
+  */
+  this.groupSelectedElements = function (type, urlArg) {
+    if (!type) {
+      type = 'g';
+    }
+    var cmdStr = '';
+    var url = void 0;
+
+    switch (type) {
+      case 'a':
+        {
+          cmdStr = 'Make hyperlink';
+          url = urlArg || '';
+          break;
+        }default:
+        {
+          type = 'g';
+          cmdStr = 'Group Elements';
+          break;
+        }
+    }
+
+    var batchCmd = new BatchCommand$1(cmdStr);
+
+    // create and insert the group element
+    var g = addSVGElementFromJson({
+      element: type,
+      attr: {
+        id: getNextId()
+      }
+    });
+    if (type === 'a') {
+      setHref(g, url);
+    }
+    batchCmd.addSubCommand(new InsertElementCommand$1(g));
+
+    // now move all children into the group
+    var i = selectedElements.length;
+    while (i--) {
+      var _elem4 = selectedElements[i];
+      if (_elem4 == null) {
+        continue;
+      }
+
+      if (_elem4.parentNode.tagName === 'a' && _elem4.parentNode.childNodes.length === 1) {
+        _elem4 = _elem4.parentNode;
+      }
+
+      var oldNextSibling = _elem4.nextSibling;
+      var oldParent = _elem4.parentNode;
+      g.append(_elem4);
+      batchCmd.addSubCommand(new MoveElementCommand$1(_elem4, oldNextSibling, oldParent));
+    }
+    if (!batchCmd.isEmpty()) {
+      addCommandToHistory(batchCmd);
+    }
+
+    // update selection
+    selectOnly([g], true);
+  };
+
+  /**
+  * Pushes all appropriate parent group properties down to its children, then
+  * removes them from the group
+  * @function module:svgcanvas.SvgCanvas#pushGroupProperties
+  * @param {SVGAElement|SVGGElement} g
+  * @param {boolean} undoable
+  * @returns {undefined}
+  */
+  var pushGroupProperties = this.pushGroupProperties = function (g, undoable) {
+    var children = g.childNodes;
+    var len = children.length;
+    var xform = g.getAttribute('transform');
+
+    var glist = getTransformList(g);
+    var m = transformListToTransform(glist).matrix;
+
+    var batchCmd = new BatchCommand$1('Push group properties');
+
+    // TODO: get all fill/stroke properties from the group that we are about to destroy
+    // "fill", "fill-opacity", "fill-rule", "stroke", "stroke-dasharray", "stroke-dashoffset",
+    // "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity",
+    // "stroke-width"
+    // and then for each child, if they do not have the attribute (or the value is 'inherit')
+    // then set the child's attribute
+
+    var gangle = getRotationAngle(g);
+
+    var gattrs = $$9(g).attr(['filter', 'opacity']);
+    var gfilter = void 0,
+        gblur = void 0,
+        changes = void 0;
+    var drawing = getCurrentDrawing();
+
+    for (var i = 0; i < len; i++) {
+      var _elem5 = children[i];
+
+      if (_elem5.nodeType !== 1) {
+        continue;
+      }
+
+      if (gattrs.opacity !== null && gattrs.opacity !== 1) {
+        // const c_opac = elem.getAttribute('opacity') || 1;
+        var newOpac = Math.round((_elem5.getAttribute('opacity') || 1) * gattrs.opacity * 100) / 100;
+        changeSelectedAttribute('opacity', newOpac, [_elem5]);
+      }
+
+      if (gattrs.filter) {
+        var cblur = this.getBlur(_elem5);
+        var origCblur = cblur;
+        if (!gblur) {
+          gblur = this.getBlur(g);
+        }
+        if (cblur) {
+          // Is this formula correct?
+          cblur = Number(gblur) + Number(cblur);
+        } else if (cblur === 0) {
+          cblur = gblur;
+        }
+
+        // If child has no current filter, get group's filter or clone it.
+        if (!origCblur) {
+          // Set group's filter to use first child's ID
+          if (!gfilter) {
+            gfilter = getRefElem(gattrs.filter);
+          } else {
+            // Clone the group's filter
+            gfilter = drawing.copyElem(gfilter);
+            findDefs().append(gfilter);
+          }
+        } else {
+          gfilter = getRefElem(_elem5.getAttribute('filter'));
+        }
+
+        // Change this in future for different filters
+        var suffix = gfilter.firstChild.tagName === 'feGaussianBlur' ? 'blur' : 'filter';
+        gfilter.id = _elem5.id + '_' + suffix;
+        changeSelectedAttribute('filter', 'url(#' + gfilter.id + ')', [_elem5]);
+
+        // Update blur value
+        if (cblur) {
+          changeSelectedAttribute('stdDeviation', cblur, [gfilter.firstChild]);
+          canvas.setBlurOffsets(gfilter, cblur);
+        }
+      }
+
+      var chtlist = getTransformList(_elem5);
+
+      // Don't process gradient transforms
+      if (_elem5.tagName.includes('Gradient')) {
+        chtlist = null;
+      }
+
+      // Hopefully not a problem to add this. Necessary for elements like <desc/>
+      if (!chtlist) {
+        continue;
+      }
+
+      // Apparently <defs> can get get a transformlist, but we don't want it to have one!
+      if (_elem5.tagName === 'defs') {
+        continue;
+      }
+
+      if (glist.numberOfItems) {
+        // TODO: if the group's transform is just a rotate, we can always transfer the
+        // rotate() down to the children (collapsing consecutive rotates and factoring
+        // out any translates)
+        if (gangle && glist.numberOfItems === 1) {
+          // [Rg] [Rc] [Mc]
+          // we want [Tr] [Rc2] [Mc] where:
+          //  - [Rc2] is at the child's current center but has the
+          // sum of the group and child's rotation angles
+          //  - [Tr] is the equivalent translation that this child
+          // undergoes if the group wasn't there
+
+          // [Tr] = [Rg] [Rc] [Rc2_inv]
+
+          // get group's rotation matrix (Rg)
+          var rgm = glist.getItem(0).matrix;
+
+          // get child's rotation matrix (Rc)
+          var rcm = svgroot.createSVGMatrix();
+          var cangle = getRotationAngle(_elem5);
+          if (cangle) {
+            rcm = chtlist.getItem(0).matrix;
+          }
+
+          // get child's old center of rotation
+          var cbox = getBBox(_elem5);
+          var ceqm = transformListToTransform(chtlist).matrix;
+          var coldc = transformPoint(cbox.x + cbox.width / 2, cbox.y + cbox.height / 2, ceqm);
+
+          // sum group and child's angles
+          var sangle = gangle + cangle;
+
+          // get child's rotation at the old center (Rc2_inv)
+          var r2 = svgroot.createSVGTransform();
+          r2.setRotate(sangle, coldc.x, coldc.y);
+
+          // calculate equivalent translate
+          var trm = matrixMultiply(rgm, rcm, r2.matrix.inverse());
+
+          // set up tlist
+          if (cangle) {
+            chtlist.removeItem(0);
+          }
+
+          if (sangle) {
+            if (chtlist.numberOfItems) {
+              chtlist.insertItemBefore(r2, 0);
+            } else {
+              chtlist.appendItem(r2);
+            }
+          }
+
+          if (trm.e || trm.f) {
+            var tr = svgroot.createSVGTransform();
+            tr.setTranslate(trm.e, trm.f);
+            if (chtlist.numberOfItems) {
+              chtlist.insertItemBefore(tr, 0);
+            } else {
+              chtlist.appendItem(tr);
+            }
+          }
+        } else {
+          // more complicated than just a rotate
+          // transfer the group's transform down to each child and then
+          // call recalculateDimensions()
+          var oldxform = _elem5.getAttribute('transform');
+          changes = {};
+          changes.transform = oldxform || '';
+
+          var newxform = svgroot.createSVGTransform();
+
+          // [ gm ] [ chm ] = [ chm ] [ gm' ]
+          // [ gm' ] = [ chmInv ] [ gm ] [ chm ]
+          var chm = transformListToTransform(chtlist).matrix,
+              chmInv = chm.inverse();
+          var gm = matrixMultiply(chmInv, m, chm);
+          newxform.setMatrix(gm);
+          chtlist.appendItem(newxform);
+        }
+        var cmd = recalculateDimensions(_elem5);
+        if (cmd) {
+          batchCmd.addSubCommand(cmd);
+        }
+      }
+    }
+
+    // remove transform and make it undo-able
+    if (xform) {
+      changes = {};
+      changes.transform = xform;
+      g.setAttribute('transform', '');
+      g.removeAttribute('transform');
+      batchCmd.addSubCommand(new ChangeElementCommand$1(g, changes));
+    }
+
+    if (undoable && !batchCmd.isEmpty()) {
+      return batchCmd;
+    }
+  };
+
+  /**
+  * Unwraps all the elements in a selected group (`g`) element. This requires
+  * significant recalculations to apply group's transforms, etc. to its children
+  * @function module:svgcanvas.SvgCanvas#ungroupSelectedElement
+  * @returns {undefined}
+  */
+  this.ungroupSelectedElement = function () {
+    var g = selectedElements[0];
+    if (!g) {
+      return;
+    }
+    if ($$9(g).data('gsvg') || $$9(g).data('symbol')) {
+      // Is svg, so actually convert to group
+      convertToGroup(g);
+      return;
+    }
+    if (g.tagName === 'use') {
+      // Somehow doesn't have data set, so retrieve
+      var symbol = getElem(getHref(g).substr(1));
+      $$9(g).data('symbol', symbol).data('ref', symbol);
+      convertToGroup(g);
+      return;
+    }
+    var parentsA = $$9(g).parents('a');
+    if (parentsA.length) {
+      g = parentsA[0];
+    }
+
+    // Look for parent "a"
+    if (g.tagName === 'g' || g.tagName === 'a') {
+      var batchCmd = new BatchCommand$1('Ungroup Elements');
+      var cmd = pushGroupProperties(g, true);
+      if (cmd) {
+        batchCmd.addSubCommand(cmd);
+      }
+
+      var parent = g.parentNode;
+      var anchor = g.nextSibling;
+      var children = new Array(g.childNodes.length);
+
+      var i = 0;
+      while (g.firstChild) {
+        var _elem6 = g.firstChild;
+        var oldNextSibling = _elem6.nextSibling;
+        var oldParent = _elem6.parentNode;
+
+        // Remove child title elements
+        if (_elem6.tagName === 'title') {
+          var _elem7 = _elem6,
+              nextSibling = _elem7.nextSibling;
+
+          batchCmd.addSubCommand(new RemoveElementCommand$1(_elem6, nextSibling, oldParent));
+          _elem6.remove();
+          continue;
+        }
+
+        children[i++] = _elem6 = parent.insertBefore(_elem6, anchor);
+        batchCmd.addSubCommand(new MoveElementCommand$1(_elem6, oldNextSibling, oldParent));
+      }
+
+      // remove the group from the selection
+      clearSelection();
+
+      // delete the group element (but make undo-able)
+      var gNextSibling = g.nextSibling;
+      g = parent.removeChild(g);
+      batchCmd.addSubCommand(new RemoveElementCommand$1(g, gNextSibling, parent));
+
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+      }
+
+      // update selection
+      addToSelection(children);
+    }
+  };
+
+  /**
+  * Repositions the selected element to the bottom in the DOM to appear on top of
+  * other elements
+  * @function module:svgcanvas.SvgCanvas#moveToTopSelectedElement
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  this.moveToTopSelectedElement = function () {
+    var _selectedElements = selectedElements,
+        _selectedElements2 = slicedToArray(_selectedElements, 1),
+        selected = _selectedElements2[0];
+
+    if (selected != null) {
+      var t = selected;
+      var oldParent = t.parentNode;
+      var oldNextSibling = t.nextSibling;
+      t = t.parentNode.appendChild(t);
+      // If the element actually moved position, add the command and fire the changed
+      // event handler.
+      if (oldNextSibling !== t.nextSibling) {
+        addCommandToHistory(new MoveElementCommand$1(t, oldNextSibling, oldParent, 'top'));
+        call('changed', [t]);
+      }
+    }
+  };
+
+  /**
+  * Repositions the selected element to the top in the DOM to appear under
+  * other elements
+  * @function module:svgcanvas.SvgCanvas#moveToBottomSelectedElement
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  this.moveToBottomSelectedElement = function () {
+    var _selectedElements3 = selectedElements,
+        _selectedElements4 = slicedToArray(_selectedElements3, 1),
+        selected = _selectedElements4[0];
+
+    if (selected != null) {
+      var t = selected;
+      var oldParent = t.parentNode;
+      var oldNextSibling = t.nextSibling;
+      var firstChild = t.parentNode.firstChild;
+
+      if (firstChild.tagName === 'title') {
+        firstChild = firstChild.nextSibling;
+      }
+      // This can probably be removed, as the defs should not ever apppear
+      // inside a layer group
+      if (firstChild.tagName === 'defs') {
+        firstChild = firstChild.nextSibling;
+      }
+      t = t.parentNode.insertBefore(t, firstChild);
+      // If the element actually moved position, add the command and fire the changed
+      // event handler.
+      if (oldNextSibling !== t.nextSibling) {
+        addCommandToHistory(new MoveElementCommand$1(t, oldNextSibling, oldParent, 'bottom'));
+        call('changed', [t]);
+      }
+    }
+  };
+
+  /**
+  * Moves the select element up or down the stack, based on the visibly
+  * intersecting elements
+  * @function module:svgcanvas.SvgCanvas#moveUpDownSelected
+  * @param {"Up"|"Down"} dir - String that's either 'Up' or 'Down'
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  this.moveUpDownSelected = function (dir) {
+    var selected = selectedElements[0];
+    if (!selected) {
+      return;
+    }
+
+    curBBoxes = [];
+    var closest = void 0,
+        foundCur = void 0;
+    // jQuery sorts this list
+    var list = $$9(getIntersectionList(getStrokedBBoxDefaultVisible([selected]))).toArray();
+    if (dir === 'Down') {
+      list.reverse();
+    }
+
+    $$9.each(list, function () {
+      if (!foundCur) {
+        if (this === selected) {
+          foundCur = true;
+        }
+        return;
+      }
+      closest = this;
+      return false;
+    });
+    if (!closest) {
+      return;
+    }
+
+    var t = selected;
+    var oldParent = t.parentNode;
+    var oldNextSibling = t.nextSibling;
+    $$9(closest)[dir === 'Down' ? 'before' : 'after'](t);
+    // If the element actually moved position, add the command and fire the changed
+    // event handler.
+    if (oldNextSibling !== t.nextSibling) {
+      addCommandToHistory(new MoveElementCommand$1(t, oldNextSibling, oldParent, 'Move ' + dir));
+      call('changed', [t]);
+    }
+  };
+
+  /**
+  * Moves selected elements on the X/Y axis
+  * @function module:svgcanvas.SvgCanvas#moveSelectedElements
+  * @param {Float} dx - Float with the distance to move on the x-axis
+  * @param {Float} dy - Float with the distance to move on the y-axis
+  * @param {boolean} undoable - Boolean indicating whether or not the action should be undoable
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {BatchCommand} Batch command for the move
+  */
+  this.moveSelectedElements = function (dx, dy, undoable) {
+    // if undoable is not sent, default to true
+    // if single values, scale them to the zoom
+    if (dx.constructor !== Array) {
+      dx /= currentZoom;
+      dy /= currentZoom;
+    }
+    undoable = undoable || true;
+    var batchCmd = new BatchCommand$1('position');
+    var i = selectedElements.length;
+    while (i--) {
+      var selected = selectedElements[i];
+      if (selected != null) {
+        // if (i === 0) {
+        //   selectedBBoxes[0] = utilsGetBBox(selected);
+        // }
+        // const b = {};
+        // for (const j in selectedBBoxes[i]) b[j] = selectedBBoxes[i][j];
+        // selectedBBoxes[i] = b;
+
+        var xform = svgroot.createSVGTransform();
+        var tlist = getTransformList(selected);
+
+        // dx and dy could be arrays
+        if (dx.constructor === Array) {
+          // if (i === 0) {
+          //   selectedBBoxes[0].x += dx[0];
+          //   selectedBBoxes[0].y += dy[0];
+          // }
+          xform.setTranslate(dx[i], dy[i]);
+        } else {
+          // if (i === 0) {
+          //   selectedBBoxes[0].x += dx;
+          //   selectedBBoxes[0].y += dy;
+          // }
+          xform.setTranslate(dx, dy);
+        }
+
+        if (tlist.numberOfItems) {
+          tlist.insertItemBefore(xform, 0);
+        } else {
+          tlist.appendItem(xform);
+        }
+
+        var cmd = recalculateDimensions(selected);
+        if (cmd) {
+          batchCmd.addSubCommand(cmd);
+        }
+
+        selectorManager.requestSelector(selected).resize();
+      }
+    }
+    if (!batchCmd.isEmpty()) {
+      if (undoable) {
+        addCommandToHistory(batchCmd);
+      }
+      call('changed', selectedElements);
+      return batchCmd;
+    }
+  };
+
+  /**
+  * Create deep DOM copies (clones) of all selected elements and move them slightly
+  * from their originals
+  * @function module:svgcanvas.SvgCanvas#cloneSelectedElements
+  * @param {Float} x Float with the distance to move on the x-axis
+  * @param {Float} y Float with the distance to move on the y-axis
+  * @returns {undefined}
+  */
+  this.cloneSelectedElements = function (x, y) {
+    var i = void 0,
+        elem = void 0;
+    var batchCmd = new BatchCommand$1('Clone Elements');
+    // find all the elements selected (stop at first null)
+    var len = selectedElements.length;
+    function sortfunction(a, b) {
+      return $$9(b).index() - $$9(a).index(); // causes an array to be sorted numerically and ascending
+    }
+    selectedElements.sort(sortfunction);
+    for (i = 0; i < len; ++i) {
+      elem = selectedElements[i];
+      if (elem == null) {
+        break;
+      }
+    }
+    // use slice to quickly get the subset of elements we need
+    var copiedElements = selectedElements.slice(0, i);
+    this.clearSelection(true);
+    // note that we loop in the reverse way because of the way elements are added
+    // to the selectedElements array (top-first)
+    var drawing = getCurrentDrawing();
+    i = copiedElements.length;
+    while (i--) {
+      // clone each element and replace it within copiedElements
+      elem = copiedElements[i] = drawing.copyElem(copiedElements[i]);
+      (currentGroup || drawing.getCurrentLayer()).append(elem);
+      batchCmd.addSubCommand(new InsertElementCommand$1(elem));
+    }
+
+    if (!batchCmd.isEmpty()) {
+      addToSelection(copiedElements.reverse()); // Need to reverse for correct selection-adding
+      this.moveSelectedElements(x, y, false);
+      addCommandToHistory(batchCmd);
+    }
+  };
+
+  /**
+  * Aligns selected elements
+  * @function module:svgcanvas.SvgCanvas#alignSelectedElements
+  * @param {string} type - String with single character indicating the alignment type
+  * @param {"selected"|"largest"|"smallest"|"page"} relativeTo
+  * @returns {undefined}
+  */
+  this.alignSelectedElements = function (type, relativeTo) {
+    var bboxes = []; // angles = [];
+    var len = selectedElements.length;
+    if (!len) {
+      return;
+    }
+    var minx = Number.MAX_VALUE,
+        maxx = Number.MIN_VALUE,
+        miny = Number.MAX_VALUE,
+        maxy = Number.MIN_VALUE;
+    var curwidth = Number.MIN_VALUE,
+        curheight = Number.MIN_VALUE;
+    for (var i = 0; i < len; ++i) {
+      if (selectedElements[i] == null) {
+        break;
+      }
+      var _elem8 = selectedElements[i];
+      bboxes[i] = getStrokedBBoxDefaultVisible([_elem8]);
+
+      // now bbox is axis-aligned and handles rotation
+      switch (relativeTo) {
+        case 'smallest':
+          if ((type === 'l' || type === 'c' || type === 'r') && (curwidth === Number.MIN_VALUE || curwidth > bboxes[i].width) || (type === 't' || type === 'm' || type === 'b') && (curheight === Number.MIN_VALUE || curheight > bboxes[i].height)) {
+            minx = bboxes[i].x;
+            miny = bboxes[i].y;
+            maxx = bboxes[i].x + bboxes[i].width;
+            maxy = bboxes[i].y + bboxes[i].height;
+            curwidth = bboxes[i].width;
+            curheight = bboxes[i].height;
+          }
+          break;
+        case 'largest':
+          if ((type === 'l' || type === 'c' || type === 'r') && (curwidth === Number.MIN_VALUE || curwidth < bboxes[i].width) || (type === 't' || type === 'm' || type === 'b') && (curheight === Number.MIN_VALUE || curheight < bboxes[i].height)) {
+            minx = bboxes[i].x;
+            miny = bboxes[i].y;
+            maxx = bboxes[i].x + bboxes[i].width;
+            maxy = bboxes[i].y + bboxes[i].height;
+            curwidth = bboxes[i].width;
+            curheight = bboxes[i].height;
+          }
+          break;
+        default:
+          // 'selected'
+          if (bboxes[i].x < minx) {
+            minx = bboxes[i].x;
+          }
+          if (bboxes[i].y < miny) {
+            miny = bboxes[i].y;
+          }
+          if (bboxes[i].x + bboxes[i].width > maxx) {
+            maxx = bboxes[i].x + bboxes[i].width;
+          }
+          if (bboxes[i].y + bboxes[i].height > maxy) {
+            maxy = bboxes[i].y + bboxes[i].height;
+          }
+          break;
+      }
+    } // loop for each element to find the bbox and adjust min/max
+
+    if (relativeTo === 'page') {
+      minx = 0;
+      miny = 0;
+      maxx = canvas.contentW;
+      maxy = canvas.contentH;
+    }
+
+    var dx = new Array(len);
+    var dy = new Array(len);
+    for (var _i2 = 0; _i2 < len; ++_i2) {
+      if (selectedElements[_i2] == null) {
+        break;
+      }
+      // const elem = selectedElements[i];
+      var bbox = bboxes[_i2];
+      dx[_i2] = 0;
+      dy[_i2] = 0;
+      switch (type) {
+        case 'l':
+          // left (horizontal)
+          dx[_i2] = minx - bbox.x;
+          break;
+        case 'c':
+          // center (horizontal)
+          dx[_i2] = (minx + maxx) / 2 - (bbox.x + bbox.width / 2);
+          break;
+        case 'r':
+          // right (horizontal)
+          dx[_i2] = maxx - (bbox.x + bbox.width);
+          break;
+        case 't':
+          // top (vertical)
+          dy[_i2] = miny - bbox.y;
+          break;
+        case 'm':
+          // middle (vertical)
+          dy[_i2] = (miny + maxy) / 2 - (bbox.y + bbox.height / 2);
+          break;
+        case 'b':
+          // bottom (vertical)
+          dy[_i2] = maxy - (bbox.y + bbox.height);
+          break;
+      }
+    }
+    this.moveSelectedElements(dx, dy);
+  };
+
+  /**
+  * Group: Additional editor tools
+  */
+
+  /**
+  * @name module:svgcanvas.SvgCanvas#contentW
+  * @type {Float}
+  */
+  this.contentW = getResolution().w;
+  /**
+  * @name module:svgcanvas.SvgCanvas#contentH
+  * @type {Float}
+  */
+  this.contentH = getResolution().h;
+
+  /**
+  * @typedef {PlainObject} module:svgcanvas.CanvasInfo
+  * @property {Float} x - The canvas' new x coordinate
+  * @property {Float} y - The canvas' new y coordinate
+  * @property {string} oldX - The canvas' old x coordinate
+  * @property {string} oldY - The canvas' old y coordinate
+  * @property {Float} d_x - The x position difference
+  * @property {Float} d_y - The y position difference
+  */
+
+  /**
+  * Updates the editor canvas width/height/position after a zoom has occurred
+  * @function module:svgcanvas.SvgCanvas#updateCanvas
+  * @param {Float} w - Float with the new width
+  * @param {Float} h - Float with the new height
+  * @fires module:svgcanvas.SvgCanvas#event:ext-canvasUpdated
+  * @returns {module:svgcanvas.CanvasInfo}
+  */
+  this.updateCanvas = function (w, h) {
+    svgroot.setAttribute('width', w);
+    svgroot.setAttribute('height', h);
+    var bg = $$9('#canvasBackground')[0];
+    var oldX = svgcontent.getAttribute('x');
+    var oldY = svgcontent.getAttribute('y');
+    var x = w / 2 - this.contentW * currentZoom / 2;
+    var y = h / 2 - this.contentH * currentZoom / 2;
+
+    assignAttributes(svgcontent, {
+      width: this.contentW * currentZoom,
+      height: this.contentH * currentZoom,
+      x: x,
+      y: y,
+      viewBox: '0 0 ' + this.contentW + ' ' + this.contentH
+    });
+
+    assignAttributes(bg, {
+      width: svgcontent.getAttribute('width'),
+      height: svgcontent.getAttribute('height'),
+      x: x,
+      y: y
+    });
+
+    var bgImg = getElem('background_image');
+    if (bgImg) {
+      assignAttributes(bgImg, {
+        width: '100%',
+        height: '100%'
+      });
+    }
+
+    selectorManager.selectorParentGroup.setAttribute('transform', 'translate(' + x + ',' + y + ')');
+    /**
+    * Invoked upon updates to the canvas.
+    * @event module:svgcanvas.SvgCanvas#event:ext-canvasUpdated
+    * @type {PlainObject}
+    * @property {Integer} new_x
+    * @property {Integer} new_y
+    * @property {string} old_x (Of Integer)
+    * @property {string} old_y (Of Integer)
+    * @property {Integer} d_x
+    * @property {Integer} d_y
+    */
+    runExtensions('canvasUpdated',
+    /**
+     * @type {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated}
+     */
+    { new_x: x, new_y: y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY });
+    return { x: x, y: y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY };
+  };
+
+  /**
+  * Set the background of the editor (NOT the actual document)
+  * @function module:svgcanvas.SvgCanvas#setBackground
+  * @param {string} color - String with fill color to apply
+  * @param {string} url - URL or path to image to use
+  * @returns {undefined}
+  */
+  this.setBackground = function (color, url) {
+    var bg = getElem('canvasBackground');
+    var border = $$9(bg).find('rect')[0];
+    var bgImg = getElem('background_image');
+    border.setAttribute('fill', color);
+    if (url) {
+      if (!bgImg) {
+        bgImg = svgdoc.createElementNS(NS.SVG, 'image');
+        assignAttributes(bgImg, {
+          id: 'background_image',
+          width: '100%',
+          height: '100%',
+          preserveAspectRatio: 'xMinYMin',
+          style: 'pointer-events:none'
+        });
+      }
+      setHref(bgImg, url);
+      bg.append(bgImg);
+    } else if (bgImg) {
+      bgImg.remove();
+    }
+  };
+
+  /**
+  * Select the next/previous element within the current layer
+  * @function module:svgcanvas.SvgCanvas#cycleElement
+  * @param {boolean} next - true = next and false = previous element
+  * @fires module:svgcanvas.SvgCanvas#event:selected
+  * @returns {undefined}
+  */
+  this.cycleElement = function (next) {
+    var num = void 0;
+    var curElem = selectedElements[0];
+    var elem = false;
+    var allElems = getVisibleElements(currentGroup || getCurrentDrawing().getCurrentLayer());
+    if (!allElems.length) {
+      return;
+    }
+    if (curElem == null) {
+      num = next ? allElems.length - 1 : 0;
+      elem = allElems[num];
+    } else {
+      var i = allElems.length;
+      while (i--) {
+        if (allElems[i] === curElem) {
+          num = next ? i - 1 : i + 1;
+          if (num >= allElems.length) {
+            num = 0;
+          } else if (num < 0) {
+            num = allElems.length - 1;
+          }
+          elem = allElems[num];
+          break;
+        }
+      }
+    }
+    selectOnly([elem], true);
+    call('selected', selectedElements);
+  };
+
+  this.clear();
+
+  /**
+  * @interface module:svgcanvas.PrivateMethods
+  * @type {PlainObject}
+  * @property {module:svgcanvas~addCommandToHistory} addCommandToHistory
+  * @property {module:history.HistoryCommand} BatchCommand
+  * @property {module:history.HistoryCommand} ChangeElementCommand
+  * @property {module:utilities.decode64} decode64
+  * @property {module:utilities.encode64} encode64
+  * @property {module:svgcanvas~ffClone} ffClone
+  * @property {module:svgcanvas~findDuplicateGradient} findDuplicateGradient
+  * @property {module:utilities.getPathBBox} getPathBBox
+  * @property {module:units.getTypeMap} getTypeMap
+  * @property {module:draw.identifyLayers} identifyLayers
+  * @property {module:history.HistoryCommand} InsertElementCommand
+  * @property {module:browser.isChrome} isChrome
+  * @property {module:math.isIdentity} isIdentity
+  * @property {module:browser.isIE} isIE
+  * @property {module:svgcanvas~logMatrix} logMatrix
+  * @property {module:history.HistoryCommand} MoveElementCommand
+  * @property {module:namespaces.NS} NS
+  * @property {module:utilities.preventClickDefault} preventClickDefault
+  * @property {module:history.HistoryCommand} RemoveElementCommand
+  * @property {module:SVGTransformList.SVGEditTransformList} SVGEditTransformList
+  * @property {module:utilities.text2xml} text2xml
+  * @property {module:math.transformBox} transformBox
+  * @property {module:math.transformPoint} transformPoint
+  * @property {module:utilities.walkTree} walkTree
+  */
+  /**
+  * @deprecated getPrivateMethods
+  * Since all methods are/should be public somehow, this function should be removed;
+  *  we might require `import` in place of this in the future once ES6 Modules
+  *  widespread
+  
+  * Being able to access private methods publicly seems wrong somehow,
+  * but currently appears to be the best way to allow testing and provide
+  * access to them to plugins.
+  * @function module:svgcanvas.SvgCanvas#getPrivateMethods
+  * @returns {module:svgcanvas.PrivateMethods}
+  */
+  this.getPrivateMethods = function () {
+    var obj = {
+      addCommandToHistory: addCommandToHistory,
+      BatchCommand: BatchCommand$1,
+      ChangeElementCommand: ChangeElementCommand$1,
+      decode64: decode64,
+      encode64: encode64,
+      ffClone: ffClone,
+      findDefs: findDefs,
+      findDuplicateGradient: findDuplicateGradient,
+      getElem: getElem,
+      getPathBBox: getPathBBox,
+      getTypeMap: getTypeMap,
+      getUrlFromAttr: getUrlFromAttr,
+      identifyLayers: identifyLayers,
+      InsertElementCommand: InsertElementCommand$1,
+      isChrome: isChrome,
+      isIdentity: isIdentity,
+      isIE: isIE,
+      logMatrix: logMatrix,
+      MoveElementCommand: MoveElementCommand$1,
+      NS: NS,
+      preventClickDefault: preventClickDefault,
+      RemoveElementCommand: RemoveElementCommand$1,
+      SVGEditTransformList: SVGTransformList,
+      text2xml: text2xml,
+      transformBox: transformBox,
+      transformPoint: transformPoint,
+      walkTree: walkTree
+    };
+    return obj;
+  };
+} // End constructor
+; // End class
+
+// Todo: Update: https://github.com/jeresig/jquery.hotkeys
+/*
+ * jQuery Hotkeys Plugin
+ * Copyright 2010, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ *
+ * http://github.com/jeresig/jquery.hotkeys
+ *
+ * Based upon the plugin by Tzury Bar Yochay:
+ * http://github.com/tzuryby/hotkeys
+ *
+ * Original idea by:
+ * Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/
+*/
+
+function jqPluginJSHotkeys (b) {
+  b.hotkeys = { version: "0.8", specialKeys: { 8: "backspace", 9: "tab", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause", 20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home", 37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7", 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111: "/", 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8", 120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 191: "/", 224: "meta", 219: "[", 221: "]" }, shiftNums: { "`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&", "8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": '"', ",": "<", ".": ">", "/": "?", "\\": "|" } };function a(d) {
+    if (typeof d.data !== "string") {
+      return;
+    }var c = d.handler,
+        e = d.data.toLowerCase().split(" ");d.handler = function (n) {
+      if (this !== n.target && (/textarea|select/i.test(n.target.nodeName) || n.target.type === "text")) {
+        return;
+      }var h = n.type !== "keypress" && b.hotkeys.specialKeys[n.which],
+          o = String.fromCharCode(n.which).toLowerCase(),
+          m = "",
+          g = {};if (n.altKey && h !== "alt") {
+        m += "alt+";
+      }if (n.ctrlKey && h !== "ctrl") {
+        m += "ctrl+";
+      }if (n.metaKey && !n.ctrlKey && h !== "meta") {
+        m += "meta+";
+      }if (n.shiftKey && h !== "shift") {
+        m += "shift+";
+      }if (h) {
+        g[m + h] = true;
+      } else {
+        g[m + o] = true;g[m + b.hotkeys.shiftNums[o]] = true;if (m === "shift+") {
+          g[b.hotkeys.shiftNums[o]] = true;
+        }
+      }for (var j = 0, f = e.length; j < f; j++) {
+        if (g[e[j]]) {
+          return c.apply(this, arguments);
+        }
+      }
+    };
+  }b.each(["keydown", "keyup", "keypress"], function () {
+    b.event.special[this] = { add: a };
+  });
+
+  return b;
+}
+
+/*
+ * Todo: Update to latest at https://github.com/cowboy/jquery-bbq ?
+ * jQuery BBQ: Back Button & Query Library - v1.2.1 - 2/17/2010
+ * http://benalman.com/projects/jquery-bbq-plugin/
+ *
+ * Copyright (c) 2010 "Cowboy" Ben Alman
+ * Dual licensed under the MIT and GPL licenses.
+ * http://benalman.com/about/license/
+ */
+
+// For sake of modules, added this wrapping export and changed `this` to `window`
+function jqPluginBBQ (jQuery) {
+
+  (function ($, p) {
+    var i,
+        m = Array.prototype.slice,
+        r = decodeURIComponent,
+        a = $.param,
+        c,
+        l,
+        v,
+        b = $.bbq = $.bbq || {},
+        q,
+        u,
+        j,
+        e = $.event.special,
+        d = "hashchange",
+        A = "querystring",
+        D = "fragment",
+        y = "elemUrlAttr",
+        g = "location",
+        k = "href",
+        t = "src",
+        x = /^.*\?|#.*$/g,
+        w = /^.*\#/,
+        h,
+        C = {};function E(F) {
+      return typeof F === "string";
+    }function B(G) {
+      var F = m.call(arguments, 1);return function () {
+        return G.apply(this, F.concat(m.call(arguments)));
+      };
+    }function n(F) {
+      return F.replace(/^[^#]*#?(.*)$/, "$1");
+    }function o(F) {
+      return F.replace(/(?:^[^?#]*\?([^#]*).*$)?.*/, "$1");
+    }function f(H, M, F, I, G) {
+      var O, L, K, N, J;if (I !== i) {
+        K = F.match(H ? /^([^#]*)\#?(.*)$/ : /^([^#?]*)\??([^#]*)(#?.*)/);J = K[3] || "";if (G === 2 && E(I)) {
+          L = I.replace(H ? w : x, "");
+        } else {
+          N = l(K[2]);I = E(I) ? l[H ? D : A](I) : I;L = G === 2 ? I : G === 1 ? $.extend({}, I, N) : $.extend({}, N, I);L = a(L);if (H) {
+            L = L.replace(h, r);
+          }
+        }O = K[1] + (H ? "#" : L || !K[1] ? "?" : "") + L + J;
+      } else {
+        O = M(F !== i ? F : p[g][k]);
+      }return O;
+    }a[A] = B(f, 0, o);a[D] = c = B(f, 1, n);c.noEscape = function (G) {
+      G = G || "";var F = $.map(G.split(""), encodeURIComponent);h = new RegExp(F.join("|"), "g");
+    };c.noEscape(",/");$.deparam = l = function l(I, F) {
+      var H = {},
+          G = { "true": !0, "false": !1, "null": null };$.each(I.replace(/\+/g, " ").split("&"), function (L, Q) {
+        var K = Q.split("="),
+            P = r(K[0]),
+            J,
+            O = H,
+            M = 0,
+            R = P.split("]["),
+            N = R.length - 1;if (/\[/.test(R[0]) && /\]$/.test(R[N])) {
+          R[N] = R[N].replace(/\]$/, "");R = R.shift().split("[").concat(R);N = R.length - 1;
+        } else {
+          N = 0;
+        }if (K.length === 2) {
+          J = r(K[1]);if (F) {
+            J = J && !isNaN(J) ? +J : J === "undefined" ? i : G[J] !== i ? G[J] : J;
+          }if (N) {
+            for (; M <= N; M++) {
+              P = R[M] === "" ? O.length : R[M];O = O[P] = M < N ? O[P] || (R[M + 1] && isNaN(R[M + 1]) ? {} : []) : J;
+            }
+          } else {
+            if ($.isArray(H[P])) {
+              H[P].push(J);
+            } else {
+              if (H[P] !== i) {
+                H[P] = [H[P], J];
+              } else {
+                H[P] = J;
+              }
+            }
+          }
+        } else {
+          if (P) {
+            H[P] = F ? i : "";
+          }
+        }
+      });return H;
+    };function z(H, F, G) {
+      if (F === i || typeof F === "boolean") {
+        G = F;F = a[H ? D : A]();
+      } else {
+        F = E(F) ? F.replace(H ? w : x, "") : F;
+      }return l(F, G);
+    }l[A] = B(z, 0);l[D] = v = B(z, 1);$[y] || ($[y] = function (F) {
+      return $.extend(C, F);
+    })({ a: k, base: k, iframe: t, img: t, input: t, form: "action", link: k, script: t });j = $[y];function s(I, G, H, F) {
+      if (!E(H) && (typeof H === "undefined" ? "undefined" : _typeof(H)) !== "object") {
+        F = H;H = G;G = i;
+      }return this.each(function () {
+        var L = $(this),
+            J = G || j()[(this.nodeName || "").toLowerCase()] || "",
+            K = J && L.attr(J) || "";L.attr(J, a[I](K, H, F));
+      });
+    }$.fn[A] = B(s, A);$.fn[D] = B(s, D);b.pushState = q = function q(I, F) {
+      if (E(I) && /^#/.test(I) && F === i) {
+        F = 2;
+      }var H = I !== i,
+          G = c(p[g][k], H ? I : {}, H ? F : 2);p[g][k] = G + (/#/.test(G) ? "" : "#");
+    };b.getState = u = function u(F, G) {
+      return F === i || typeof F === "boolean" ? v(F) : v(G)[F];
+    };b.removeState = function (F) {
+      var G = {};if (F !== i) {
+        G = u();$.each($.isArray(F) ? F : arguments, function (I, H) {
+          delete G[H];
+        });
+      }q(G, 2);
+    };e[d] = $.extend(e[d], { add: function add(F) {
+        var H;function G(J) {
+          var I = J[D] = c();J.getState = function (K, L) {
+            return K === i || typeof K === "boolean" ? l(I, K) : l(I, L)[K];
+          };H.apply(this, arguments);
+        }if ($.isFunction(F)) {
+          H = F;return G;
+        } else {
+          H = F.handler;F.handler = G;
+        }
+      } });
+  })(jQuery, window);
+  /*
+   * jQuery hashchange event - v1.2 - 2/11/2010
+   * http://benalman.com/projects/jquery-hashchange-plugin/
+   *
+   * Copyright (c) 2010 "Cowboy" Ben Alman
+   * Dual licensed under the MIT and GPL licenses.
+   * http://benalman.com/about/license/
+   */
+  (function ($, i, b) {
+    var j,
+        k = $.event.special,
+        c = "location",
+        d = "hashchange",
+        l = "href",
+        f = $.browser,
+        g = document.documentMode,
+        h = f.msie && (g === b || g < 8),
+        e = "on" + d in i && !h;function a(m) {
+      m = m || i[c][l];return m.replace(/^[^#]*#?(.*)$/, "$1");
+    }$[d + "Delay"] = 100;k[d] = $.extend(k[d], { setup: function setup() {
+        if (e) {
+          return false;
+        }$(j.start);
+      }, teardown: function teardown() {
+        if (e) {
+          return false;
+        }$(j.stop);
+      } });j = function () {
+      var m = {},
+          r,
+          n,
+          o,
+          q;function p() {
+        o = q = function q(s) {
+          return s;
+        };if (h) {
+          n = $('<iframe src="javascript:0"/>').hide().insertAfter("body")[0].contentWindow;q = function q() {
+            return a(n.document[c][l]);
+          };o = function o(u, s) {
+            if (u !== s) {
+              var t = n.document;t.open().close();t[c].hash = "#" + u;
+            }
+          };o(a());
+        }
+      }m.start = function () {
+        if (r) {
+          return;
+        }var t = a();o || p();(function s() {
+          var v = a(),
+              u = q(t);if (v !== t) {
+            o(t = v, u);$(i).trigger(d);
+          } else {
+            if (u !== t) {
+              i[c][l] = i[c][l].replace(/#.*/, "") + "#" + u;
+            }
+          }r = setTimeout(s, $[d + "Delay"]);
+        })();
+      };m.stop = function () {
+        if (!n) {
+          r && clearTimeout(r);r = 0;
+        }
+      };return m;
+    }();
+  })(jQuery, window);
+
+  return jQuery;
+}
+
+/**
+ * SVG Icon Loader 2.0
+ *
+ * jQuery Plugin for loading SVG icons from a single file
+ *
+ * Adds {@link external:jQuery.svgIcons}, {@link external:jQuery.getSvgIcon}, {@link external:jQuery.resizeSvgIcons}
+ *
+ * How to use:
+
+1. Create the SVG master file that includes all icons:
+
+The master SVG icon-containing file is an SVG file that contains
+`<g>` elements. Each `<g>` element should contain the markup of an SVG
+icon. The `<g>` element has an ID that should
+correspond with the ID of the HTML element used on the page that should contain
+or optionally be replaced by the icon. Additionally, one empty element should be
+added at the end with id "svg_eof".
+
+2. Optionally create fallback raster images for each SVG icon.
+
+3. Include the jQuery and the SVG Icon Loader scripts on your page.
+
+4. Run `$.svgIcons()` when the document is ready. See its signature
+
+5. To access an icon at a later point without using the callback, use this:
+  `$.getSvgIcon(id (string), uniqueClone (boolean))`;
+
+This will return the icon (as jQuery object) with a given ID.
+
+6. To resize icons at a later point without using the callback, use this:
+  `$.resizeSvgIcons(resizeOptions)` (use the same way as the "resize" parameter)
+ *
+ * @module jQuerySVGIcons
+ * @license MIT
+ * @copyright (c) 2009 Alexis Deveria
+ * {@link http://a.deveria.com}
+ * @example usage #1:
+
+$(function() {
+  $.svgIcons('my_icon_set.svg'); // The SVG file that contains all icons
+  // No options have been set, so all icons will automatically be inserted
+  // into HTML elements that match the same IDs.
+});
+
+* @example usage #2:
+
+$(function() {
+  $.svgIcons('my_icon_set.svg', { // The SVG file that contains all icons
+    callback (icons) { // Custom callback function that sets click
+                  // events for each icon
+      $.each(icons, function(id, icon) {
+        icon.click(function() {
+          alert('You clicked on the icon with id ' + id);
+        });
+      });
+    }
+  }); //The SVG file that contains all icons
+});
+
+* @example usage #3:
+
+$(function() {
+  $.svgIcons('my_icon_set.svgz', { // The SVGZ file that contains all icons
+    w: 32,  // All icons will be 32px wide
+    h: 32,  // All icons will be 32px high
+    fallback_path: 'icons/',  // All fallback files can be found here
+    fallback: {
+      '#open_icon': 'open.png',  // The "open.png" will be appended to the
+                    // HTML element with ID "open_icon"
+      '#close_icon': 'close.png',
+      '#save_icon': 'save.png'
+    },
+    placement: {'.open_icon','open'}, // The "open" icon will be added
+                    // to all elements with class "open_icon"
+    resize () {
+      '#save_icon .svg_icon': 64  // The "save" icon will be resized to 64 x 64px
+    },
+
+    callback (icons) { // Sets background color for "close" icon
+      icons['close'].css('background','red');
+    },
+
+    svgz: true // Indicates that an SVGZ file is being used
+
+  })
+});
+*/
+
+/**
+* @callback module:jQuerySVGIcons.SVGIconsLoadedCallback
+* @param {PlainObject.<string, external:jQuery>} svgIcons IDs keyed to jQuery objects of images
+*/
+
+/**
+ * @function module:jQuerySVGIcons.jQuerySVGIcons
+ * @param {external:jQuery} $ Its keys include all icon IDs and the values, the icon as a jQuery object
+*/
+function jqPluginSVGIcons ($) {
+  var svgIcons = {};
+
+  var fixIDs = void 0;
+  /**
+  * @function external:jQuery.svgIcons
+  * @param {string} file The location of a local SVG or SVGz file
+  * @param {PlainObject} [options]
+  * @param {Float} [options.w] The icon widths
+  * @param {Float} [options.h] The icon heights
+  * @param {PlainObject.<string, string>} [options.fallback] List of raster images with each
+    key being the SVG icon ID to replace, and the value the image file name
+  * @param {string} [options.fallback_path] The path to use for all images
+    listed under "fallback"
+  * @param {boolean} [options.replace] If set to `true`, HTML elements will be replaced by,
+    rather than include the SVG icon.
+  * @param {PlainObject.<string, string>} [options.placement] List with selectors for keys and SVG icon ids
+    as values. This provides a custom method of adding icons.
+  * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} [options.resize] List with selectors for keys and numbers
+    as values. This allows an easy way to resize specific icons.
+  * @param {module:jQuerySVGIcons.SVGIconsLoadedCallback} [options.callback] A function to call when all icons have been loaded.
+  * @param {boolean} [options.id_match=true] Automatically attempt to match SVG icon ids with
+    corresponding HTML id
+  * @param {boolean} [options.no_img] Prevent attempting to convert the icon into an `<img>`
+    element (may be faster, help for browser consistency)
+  * @param {boolean} [options.svgz] Indicate that the file is an SVGZ file, and thus not to
+    parse as XML. SVGZ files add compression benefits, but getting data from
+    them fails in Firefox 2 and older.
+  */
+  $.svgIcons = function (file) {
+    var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    var svgns = 'http://www.w3.org/2000/svg',
+        xlinkns = 'http://www.w3.org/1999/xlink',
+        iconW = opts.w || 24,
+        iconH = opts.h || 24;
+    var elems = void 0,
+        svgdoc = void 0,
+        testImg = void 0,
+        iconsMade = false,
+        dataLoaded = false,
+        loadAttempts = 0;
+    var isOpera = !!window.opera,
+
+    // ua = navigator.userAgent,
+    // isSafari = (ua.includes('Safari/') && !ua.includes('Chrome/')),
+    dataPre = 'data:image/svg+xml;charset=utf-8;base64,';
+
+    var dataEl = void 0;
+    if (opts.svgz) {
+      dataEl = $('<object data="' + file + '" type=image/svg+xml>').appendTo('body').hide();
+      try {
+        svgdoc = dataEl[0].contentDocument;
+        dataEl.load(getIcons);
+        getIcons(0, true); // Opera will not run "load" event if file is already cached
+      } catch (err1) {
+        useFallback();
+      }
+    } else {
+      var parser = new DOMParser();
+      $.ajax({
+        url: file,
+        dataType: 'string',
+        success: function success(data) {
+          if (!data) {
+            $(useFallback);
+            return;
+          }
+          svgdoc = parser.parseFromString(data, 'text/xml');
+          $(function () {
+            getIcons('ajax');
+          });
+        },
+        error: function error(err) {
+          // TODO: Fix Opera widget icon bug
+          if (window.opera) {
+            $(function () {
+              useFallback();
+            });
+          } else {
+            if (err.responseText) {
+              svgdoc = parser.parseFromString(err.responseText, 'text/xml');
+
+              if (!svgdoc.childNodes.length) {
+                $(useFallback);
+              }
+              $(function () {
+                getIcons('ajax');
+              });
+            } else {
+              $(useFallback);
+            }
+          }
+        }
+      });
+    }
+
+    function getIcons(evt, noWait) {
+      if (evt !== 'ajax') {
+        if (dataLoaded) return;
+        // Webkit sometimes says svgdoc is undefined, other times
+        // it fails to load all nodes. Thus we must make sure the "eof"
+        // element is loaded.
+        svgdoc = dataEl[0].contentDocument; // Needed again for Webkit
+        var isReady = svgdoc && svgdoc.getElementById('svg_eof');
+        if (!isReady && !(noWait && isReady)) {
+          loadAttempts++;
+          if (loadAttempts < 50) {
+            setTimeout(getIcons, 20);
+          } else {
+            useFallback();
+            dataLoaded = true;
+          }
+          return;
+        }
+        dataLoaded = true;
+      }
+
+      elems = $(svgdoc.firstChild).children(); // .getElementsByTagName('foreignContent');
+
+      if (!opts.no_img) {
+        var testSrc = dataPre + 'PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D';
+
+        testImg = $(new Image()).attr({
+          src: testSrc,
+          width: 0,
+          height: 0
+        }).appendTo('body').load(function () {
+          // Safari 4 crashes, Opera and Chrome don't
+          makeIcons(true);
+        }).error(function () {
+          makeIcons();
+        });
+      } else {
+        setTimeout(function () {
+          if (!iconsMade) makeIcons();
+        }, 500);
+      }
+    }
+
+    function setIcon(target, icon, id, setID) {
+      if (isOpera) icon.css('visibility', 'hidden');
+      if (opts.replace) {
+        if (setID) icon.attr('id', id);
+        var cl = target.attr('class');
+        if (cl) icon.attr('class', 'svg_icon ' + cl);
+        target.replaceWith(icon);
+      } else {
+        target.append(icon);
+      }
+      if (isOpera) {
+        setTimeout(function () {
+          icon.removeAttr('style');
+        }, 1);
+      }
+    }
+
+    var holder = void 0;
+    function addIcon(icon, id) {
+      if (opts.id_match === undefined || opts.id_match !== false) {
+        setIcon(holder, icon, id, true);
+      }
+      svgIcons[id] = icon;
+    }
+
+    function makeIcons(toImage, fallback) {
+      if (iconsMade) return;
+      if (opts.no_img) toImage = false;
+
+      var tempHolder = void 0;
+      if (toImage) {
+        tempHolder = $(document.createElement('div'));
+        tempHolder.hide().appendTo('body');
+      }
+      if (fallback) {
+        var path = opts.fallback_path || '';
+        $.each(fallback, function (id, imgsrc) {
+          holder = $('#' + id);
+          var icon = $(new Image()).attr({
+            class: 'svg_icon',
+            src: path + imgsrc,
+            width: iconW,
+            height: iconH,
+            alt: 'icon'
+          });
+
+          addIcon(icon, id);
+        });
+      } else {
+        var len = elems.length;
+        for (var i = 0; i < len; i++) {
+          var elem = elems[i];
+          var id = elem.id;
+
+          if (id === 'svg_eof') break;
+          holder = $('#' + id);
+          var svgroot = document.createElementNS(svgns, 'svg');
+          // Per https://www.w3.org/TR/xml-names11/#defaulting, the namespace for
+          // attributes should have no value.
+          svgroot.setAttributeNS(null, 'viewBox', [0, 0, iconW, iconH].join(' '));
+
+          var svg = elem.getElementsByTagNameNS(svgns, 'svg')[0];
+
+          // Make flexible by converting width/height to viewBox
+          var w = svg.getAttribute('width');
+          var h = svg.getAttribute('height');
+          svg.removeAttribute('width');
+          svg.removeAttribute('height');
+
+          var vb = svg.getAttribute('viewBox');
+          if (!vb) {
+            svg.setAttribute('viewBox', [0, 0, w, h].join(' '));
+          }
+
+          // Not using jQuery to be a bit faster
+          svgroot.setAttribute('xmlns', svgns);
+          svgroot.setAttribute('width', iconW);
+          svgroot.setAttribute('height', iconH);
+          svgroot.setAttribute('xmlns:xlink', xlinkns);
+          svgroot.setAttribute('class', 'svg_icon');
+
+          // Without cloning, Firefox will make another GET request.
+          // With cloning, causes issue in Opera/Win/Non-EN
+          if (!isOpera) svg = svg.cloneNode(true);
+
+          svgroot.append(svg);
+
+          var icon = void 0;
+          if (toImage) {
+            tempHolder.empty().append(svgroot);
+            var str = dataPre + encode64(unescape(encodeURIComponent(new XMLSerializer().serializeToString(svgroot))));
+            icon = $(new Image()).attr({ class: 'svg_icon', src: str });
+          } else {
+            icon = fixIDs($(svgroot), i);
+          }
+          addIcon(icon, id);
+        }
+      }
+
+      if (opts.placement) {
+        $.each(opts.placement, function (sel, id) {
+          if (!svgIcons[id]) return;
+          $(sel).each(function (i) {
+            var copy = svgIcons[id].clone();
+            if (i > 0 && !toImage) copy = fixIDs(copy, i, true);
+            setIcon($(this), copy, id);
+          });
+        });
+      }
+      if (!fallback) {
+        if (toImage) tempHolder.remove();
+        if (dataEl) dataEl.remove();
+        if (testImg) testImg.remove();
+      }
+      if (opts.resize) $.resizeSvgIcons(opts.resize);
+      iconsMade = true;
+
+      if (opts.callback) opts.callback(svgIcons);
+    }
+
+    fixIDs = function fixIDs(svgEl, svgNum, force) {
+      var defs = svgEl.find('defs');
+      if (!defs.length) return svgEl;
+
+      var idElems = void 0;
+      if (isOpera) {
+        idElems = defs.find('*').filter(function () {
+          return !!this.id;
+        });
+      } else {
+        idElems = defs.find('[id]');
+      }
+
+      var allElems = svgEl[0].getElementsByTagName('*'),
+          len = allElems.length;
+
+      idElems.each(function (i) {
+        var id = this.id;
+        /*
+        const noDupes = ($(svgdoc).find('#' + id).length <= 1);
+        if (isOpera) noDupes = false; // Opera didn't clone svgEl, so not reliable
+        if(!force && noDupes) return;
+        */
+
+        var newId = 'x' + id + svgNum + i;
+        this.id = newId;
+
+        var oldVal = 'url(#' + id + ')';
+        var newVal = 'url(#' + newId + ')';
+
+        // Selector method, possibly faster but fails in Opera / jQuery 1.4.3
+        //  svgEl.find('[fill="url(#' + id + ')"]').each(function() {
+        //    this.setAttribute('fill', 'url(#' + newId + ')');
+        //  }).end().find('[stroke="url(#' + id + ')"]').each(function() {
+        //    this.setAttribute('stroke', 'url(#' + newId + ')');
+        //  }).end().find('use').each(function() {
+        //    if(this.getAttribute('xlink:href') == '#' + id) {
+        //      this.setAttributeNS(xlinkns,'href','#' + newId);
+        //    }
+        //  }).end().find('[filter="url(#' + id + ')"]').each(function() {
+        //    this.setAttribute('filter', 'url(#' + newId + ')');
+        //  });
+
+        for (i = 0; i < len; i++) {
+          var elem = allElems[i];
+          if (elem.getAttribute('fill') === oldVal) {
+            elem.setAttribute('fill', newVal);
+          }
+          if (elem.getAttribute('stroke') === oldVal) {
+            elem.setAttribute('stroke', newVal);
+          }
+          if (elem.getAttribute('filter') === oldVal) {
+            elem.setAttribute('filter', newVal);
+          }
+        }
+      });
+      return svgEl;
+    };
+
+    function useFallback() {
+      if (file.includes('.svgz')) {
+        var regFile = file.replace('.svgz', '.svg');
+        if (window.console) {
+          console.log('.svgz failed, trying with .svg');
+        }
+        $.svgIcons(regFile, opts);
+      } else if (opts.fallback) {
+        makeIcons(false, opts.fallback);
+      }
+    }
+
+    function encode64(input) {
+      // base64 strings are 4/3 larger than the original string
+      if (window.btoa) return window.btoa(input);
+      var _keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+      var output = new Array(Math.floor((input.length + 2) / 3) * 4);
+
+      var i = 0,
+          p = 0;
+      do {
+        var chr1 = input.charCodeAt(i++);
+        var chr2 = input.charCodeAt(i++);
+        var chr3 = input.charCodeAt(i++);
+
+        var enc1 = chr1 >> 2;
+        var enc2 = (chr1 & 3) << 4 | chr2 >> 4;
+
+        var enc3 = (chr2 & 15) << 2 | chr3 >> 6;
+        var enc4 = chr3 & 63;
+        if (isNaN(chr2)) {
+          enc3 = enc4 = 64;
+        } else if (isNaN(chr3)) {
+          enc4 = 64;
+        }
+
+        output[p++] = _keyStr.charAt(enc1);
+        output[p++] = _keyStr.charAt(enc2);
+        output[p++] = _keyStr.charAt(enc3);
+        output[p++] = _keyStr.charAt(enc4);
+      } while (i < input.length);
+
+      return output.join('');
+    }
+  };
+
+  /**
+  * @function external:jQuery.getSvgIcon
+  * @param {string} id
+  * @param {boolean} uniqueClone Whether to clone
+  * @returns {external:jQuery} The icon (optionally cloned)
+  */
+  $.getSvgIcon = function (id, uniqueClone) {
+    var icon = svgIcons[id];
+    if (uniqueClone && icon) {
+      icon = fixIDs(icon, 0, true).clone(true);
+    }
+    return icon;
+  };
+
+  /**
+  * @typedef {GenericArray} module:jQuerySVGIcons.Dimensions
+  * @property {Integer} length 2
+  * @property {Float} 0 Width
+  * @property {Float} 1 Height
+  */
+
+  /**
+  * If a Float is used, it will represent width and height. Arrays contain the width and height.
+  * @typedef {module:jQuerySVGIcons.Dimensions|Float} module:jQuerySVGIcons.Size
+  */
+
+  /**
+  * @function external:jQuery.resizeSvgIcons
+  * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} obj Object with selectors as keys. The values are sizes.
+  * @returns {undefined}
+  */
+  $.resizeSvgIcons = function (obj) {
+    // FF2 and older don't detect .svg_icon, so we change it detect svg elems instead
+    var changeSel = !$('.svg_icon:first').length;
+    $.each(obj, function (sel, size) {
+      var arr = Array.isArray(size);
+      var w = arr ? size[0] : size,
+          h = arr ? size[1] : size;
+      if (changeSel) {
+        sel = sel.replace(/\.svg_icon/g, 'svg');
+      }
+      $(sel).each(function () {
+        this.setAttribute('width', w);
+        this.setAttribute('height', h);
+        if (window.opera && window.widget) {
+          this.parentNode.style.width = w + 'px';
+          this.parentNode.style.height = h + 'px';
+        }
+      });
+    });
+  };
+  return $;
+}
+
+/**
+ * jGraduate 0.4
+ *
+ * jQuery Plugin for a gradient picker
+ *
+ * @module jGraduate
+ * @copyright 2010 Jeff Schiller {@link http://blog.codedread.com/}, 2010 Alexis Deveria {@link http://a.deveria.com/}
+ *
+ * @license Apache-2.0
+ * @example
+ * // The Paint object is described below.
+ * $.jGraduate.Paint() // constructs a 'none' color
+ * @example $.jGraduate.Paint({copy: o}) // creates a copy of the paint o
+ * @example $.jGraduate.Paint({hex: '#rrggbb'}) // creates a solid color paint with hex = "#rrggbb"
+ * @example $.jGraduate.Paint({linearGradient: o, a: 50}) // creates a linear gradient paint with opacity=0.5
+ * @example $.jGraduate.Paint({radialGradient: o, a: 7}) // creates a radial gradient paint with opacity=0.07
+ * @example $.jGraduate.Paint({hex: '#rrggbb', linearGradient: o}) // throws an exception?
+ *
+*/
+
+/**
+  * The jQuery namespace.
+  * @external jQuery
+*/
+/**
+ * The jQuery plugin namespace.
+ * @namespace {PlainObject} fn
+ * @memberof external:jQuery
+ * @see {@link http://learn.jquery.com/plugins/|jQuery Plugins}
+ */
+
+var ns = {
+  svg: 'http://www.w3.org/2000/svg',
+  xlink: 'http://www.w3.org/1999/xlink'
+};
+
+if (!window.console) {
+  window.console = {
+    log: function log(str) {},
+    dir: function dir(str) {}
+  };
+}
+
+/**
+* Adds {@link external:jQuery.jGraduate.Paint}, {@link external:jQuery.fn.jGraduateDefaults}, {@link external:jQuery.fn.jGraduate}
+* @function module:jGraduate.jGraduate
+* @param {external:jQuery} $ The jQuery instance to wrap
+* @returns {external:jQuery}
+*/
+function jqPluginJGraduate ($) {
+  if (!$.loadingStylesheets) {
+    $.loadingStylesheets = [];
+  }
+  var stylesheet = 'jgraduate/css/jGraduate.css';
+  if (!$.loadingStylesheets.includes(stylesheet)) {
+    $.loadingStylesheets.push(stylesheet);
+  }
+
+  /**
+  * @typedef {PlainObject} module:jGraduate.jGraduatePaintOptions
+  * @param {Float} [alpha]
+  * @param {module:jGraduate~Paint} [copy] Copy paint object
+  * @param {SVGLinearGradientElement} [linearGradient]
+  * @param {SVGRadialGradientElement} [radialGradient]
+  * @param {string} [solidColor]
+  */
+
+  /**
+  * @memberof module:jGraduate~
+  */
+
+  var Paint =
+  /**
+   * @param {module:jGraduate.jGraduatePaintOptions} [opt]
+  */
+  function Paint(opt) {
+    classCallCheck(this, Paint);
+
+    var options = opt || {};
+    this.alpha = isNaN(options.alpha) ? 100 : options.alpha;
+    // copy paint object
+    if (options.copy) {
+      /**
+       * @name module:jGraduate~Paint#type
+       * @type {"none"|"solidColor"|"linearGradient"|"radialGradient"}
+       */
+      this.type = options.copy.type;
+      /**
+       * Represents opacity (0-100)
+       * @name module:jGraduate~Paint#alpha
+       * @type {Float}
+       */
+      this.alpha = options.copy.alpha;
+      /**
+       * Represents #RRGGBB hex of color
+       * @name module:jGraduate~Paint#solidColor
+       * @type {string}
+       */
+      this.solidColor = null;
+      /**
+       * @name module:jGraduate~Paint#linearGradient
+       * @type {SVGLinearGradientElement}
+       */
+      this.linearGradient = null;
+      /**
+       * @name module:jGraduate~Paint#radialGradient
+       * @type {SVGRadialGradientElement}
+       */
+      this.radialGradient = null;
+
+      switch (this.type) {
+        case 'none':
+          break;
+        case 'solidColor':
+          this.solidColor = options.copy.solidColor;
+          break;
+        case 'linearGradient':
+          this.linearGradient = options.copy.linearGradient.cloneNode(true);
+          break;
+        case 'radialGradient':
+          this.radialGradient = options.copy.radialGradient.cloneNode(true);
+          break;
+      }
+      // create linear gradient paint
+    } else if (options.linearGradient) {
+      this.type = 'linearGradient';
+      this.solidColor = null;
+      this.radialGradient = null;
+      this.linearGradient = options.linearGradient.cloneNode(true);
+      // create linear gradient paint
+    } else if (options.radialGradient) {
+      this.type = 'radialGradient';
+      this.solidColor = null;
+      this.linearGradient = null;
+      this.radialGradient = options.radialGradient.cloneNode(true);
+      // create solid color paint
+    } else if (options.solidColor) {
+      this.type = 'solidColor';
+      this.solidColor = options.solidColor;
+      // create empty paint
+    } else {
+      this.type = 'none';
+      this.solidColor = null;
+      this.linearGradient = null;
+      this.radialGradient = null;
+    }
+  };
+  /**
+  * @namespace {PlainObject} jGraduate
+  * @memberof external:jQuery
+  */
+
+
+  $.jGraduate = /** @lends external:jQuery.jGraduate */{
+    /**
+    * @class external:jQuery.jGraduate.Paint
+    * @see module:jGraduate~Paint
+    */
+    Paint: Paint
+  };
+
+  // JSDoc doesn't show this as belonging to our `module:jGraduate.Options` type,
+  //   so we use `@see`
+  /**
+  * @namespace {module:jGraduate.Options} jGraduateDefaults
+  * @memberof external:jQuery.fn
+  */
+  $.fn.jGraduateDefaults = /** @lends external:jQuery.fn.jGraduateDefaults */{
+    /**
+    * Creates an object with a 'none' color
+    * @type {external:jQuery.jGraduate.Paint}
+    * @see module:jGraduate.Options
+    */
+    paint: new $.jGraduate.Paint(),
+    /**
+    * @namespace
+    */
+    window: {
+      /**
+      * @type {string}
+      * @see module:jGraduate.Options
+      */
+      pickerTitle: 'Drag markers to pick a paint'
+    },
+    /**
+    * @namespace
+    */
+    images: {
+      /**
+      * @type {string}
+      * @see module:jGraduate.Options
+      */
+      clientPath: 'images/'
+    },
+    /**
+    * @type {string}
+    * @see module:jGraduate.Options
+    */
+    newstop: 'inverse' // same, inverse, black, white
+  };
+
+  var isGecko = navigator.userAgent.includes('Gecko/');
+
+  function setAttrs(elem, attrs) {
+    if (isGecko) {
+      for (var aname in attrs) {
+        elem.setAttribute(aname, attrs[aname]);
+      }
+    } else {
+      for (var _aname in attrs) {
+        var val = attrs[_aname],
+            prop = elem[_aname];
+        if (prop && prop.constructor === 'SVGLength') {
+          prop.baseVal.value = val;
+        } else {
+          elem.setAttribute(_aname, val);
+        }
+      }
+    }
+  }
+
+  function mkElem(name, attrs, newparent) {
+    var elem = document.createElementNS(ns.svg, name);
+    setAttrs(elem, attrs);
+    if (newparent) {
+      newparent.append(elem);
+    }
+    return elem;
+  }
+
+  /**
+  * @typedef {PlainObject} module:jGraduate.ColorOpac Object may have one or both values
+  * @property {string} [color] #Hex color
+  * @property {Float} [opac] 0-1
+  */
+  /**
+  * @typedef {PlainObject} module:jGraduate.Options
+  * @property {module:jGraduate~Paint} [paint] A Paint object object describing the paint to display initially; defaults to a new instance without options (defaults to opaque white)
+  * @property {external:Window} [window]
+  * @property {string} [window.pickerTitle='Drag markers to pick a paint']
+  * @property {PlainObject} [images]
+  * @property {string} [images.clientPath='images/']
+  * @property {"same"|"inverse"|"black"|"white"|module:jGraduate.ColorOpac} [newstop="inverse"]
+  */
+
+  /**
+  * @callback external:jQuery.fn.jGraduate.OkCallback
+  * @param {external:jQuery.jGraduate.Paint} paint
+  * @returns {undefined}
+  */
+  /**
+  * @callback external:jQuery.fn.jGraduate.CancelCallback
+  * @returns {undefined}
+  */
+
+  /**
+  * @function external:jQuery.fn.jGraduate
+  * @param {module:jGraduate.Options} [options]
+  * @param {external:jQuery.fn.jGraduate.OkCallback} [okCallback] Called with a Paint object when Ok is pressed
+  * @param {external:jQuery.fn.jGraduate.CancelCallback} [cancelCallback] Called with no arguments when Cancel is pressed
+  * @returns {external:jQuery}
+  */
+  $.fn.jGraduate = function (options, okCallback, cancelCallback) {
+    return this.each(function () {
+      var $this = $(this),
+          $settings = $.extend(true, {}, $.fn.jGraduateDefaults, options || {}),
+          id = $this.attr('id'),
+          idref = '#' + $this.attr('id') + ' ';
+
+      if (!idref) {
+        alert('Container element must have an id attribute to maintain unique id strings for sub-elements.');
+        return;
+      }
+
+      var okClicked = function okClicked() {
+        switch ($this.paint.type) {
+          case 'radialGradient':
+            $this.paint.linearGradient = null;
+            break;
+          case 'linearGradient':
+            $this.paint.radialGradient = null;
+            break;
+          case 'solidColor':
+            $this.paint.radialGradient = $this.paint.linearGradient = null;
+            break;
+        }
+        typeof $this.okCallback === 'function' && $this.okCallback($this.paint);
+        $this.hide();
+      };
+      var cancelClicked = function cancelClicked() {
+        typeof $this.cancelCallback === 'function' && $this.cancelCallback();
+        $this.hide();
+      };
+
+      $.extend(true, $this, { // public properties, methods, and callbacks
+        // make a copy of the incoming paint
+        paint: new $.jGraduate.Paint({ copy: $settings.paint }),
+        okCallback: typeof okCallback === 'function' ? okCallback : null,
+        cancelCallback: typeof cancelCallback === 'function' ? cancelCallback : null
+      });
+
+      var // pos = $this.position(),
+      color = null;
+      var $win = $(window);
+
+      if ($this.paint.type === 'none') {
+        $this.paint = new $.jGraduate.Paint({ solidColor: 'ffffff' });
+      }
+
+      $this.addClass('jGraduate_Picker');
+      $this.html('<ul class="jGraduate_tabs">' + '<li class="jGraduate_tab_color jGraduate_tab_current" data-type="col">Solid Color</li>' + '<li class="jGraduate_tab_lingrad" data-type="lg">Linear Gradient</li>' + '<li class="jGraduate_tab_radgrad" data-type="rg">Radial Gradient</li>' + '</ul>' + '<div class="jGraduate_colPick"></div>' + '<div class="jGraduate_gradPick"></div>' + '<div class="jGraduate_LightBox"></div>' + '<div id="' + id + '_jGraduate_stopPicker" class="jGraduate_stopPicker"></div>');
+      var colPicker = $(idref + '> .jGraduate_colPick');
+      var gradPicker = $(idref + '> .jGraduate_gradPick');
+
+      gradPicker.html('<div id="' + id + '_jGraduate_Swatch" class="jGraduate_Swatch">' + '<h2 class="jGraduate_Title">' + $settings.window.pickerTitle + '</h2>' + '<div id="' + id + '_jGraduate_GradContainer" class="jGraduate_GradContainer"></div>' + '<div id="' + id + '_jGraduate_StopSlider" class="jGraduate_StopSlider"></div>' + '</div>' + '<div class="jGraduate_Form jGraduate_Points jGraduate_lg_field">' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">Begin Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_x1" size="3" title="Enter starting x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_y1" size="3" title="Enter starting y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">End Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_x2" size="3" title="Enter ending x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_y2" size="3" title="Enter ending y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '</div>' + '<div class="jGraduate_Form jGraduate_Points jGraduate_rg_field">' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">Center Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_cx" size="3" title="Enter x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_cy" size="3" title="Enter y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">Focal Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>Match center: <input type="checkbox" checked="checked" id="' + id + '_jGraduate_match_ctr"/></label><br/>' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_fx" size="3" title="Enter x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_fy" size="3" title="Enter y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '</div>' + '<div class="jGraduate_StopSection jGraduate_SpreadMethod">' + '<label class="jGraduate_Form_Heading">Spread method</label>' + '<div class="jGraduate_Form_Section">' + '<select class="jGraduate_spreadMethod">' + '<option value=pad selected>Pad</option>' + '<option value=reflect>Reflect</option>' + '<option value=repeat>Repeat</option>' + '</select>' + '</div>' + '</div>' + '<div class="jGraduate_Form">' + '<div class="jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field">' + '<label class="prelabel">Radius:</label>' + '<div id="' + id + '_jGraduate_Radius" class="jGraduate_SliderBar jGraduate_Radius" title="Click to set radius">' + '<img id="' + id + '_jGraduate_RadiusArrows" class="jGraduate_RadiusArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_RadiusInput" size="3" value="100"/>%</label>' + '</div>' + '<div class="jGraduate_Slider jGraduate_EllipField jGraduate_rg_field">' + '<label class="prelabel">Ellip:</label>' + '<div id="' + id + '_jGraduate_Ellip" class="jGraduate_SliderBar jGraduate_Ellip" title="Click to set Ellip">' + '<img id="' + id + '_jGraduate_EllipArrows" class="jGraduate_EllipArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_EllipInput" size="3" value="0"/>%</label>' + '</div>' + '<div class="jGraduate_Slider jGraduate_AngleField jGraduate_rg_field">' + '<label class="prelabel">Angle:</label>' + '<div id="' + id + '_jGraduate_Angle" class="jGraduate_SliderBar jGraduate_Angle" title="Click to set Angle">' + '<img id="' + id + '_jGraduate_AngleArrows" class="jGraduate_AngleArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_AngleInput" size="3" value="0"/>deg</label>' + '</div>' + '<div class="jGraduate_Slider jGraduate_OpacField">' + '<label class="prelabel">Opac:</label>' + '<div id="' + id + '_jGraduate_Opac" class="jGraduate_SliderBar jGraduate_Opac" title="Click to set Opac">' + '<img id="' + id + '_jGraduate_OpacArrows" class="jGraduate_OpacArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_OpacInput" size="3" value="100"/>%</label>' + '</div>' + '</div>' + '<div class="jGraduate_OkCancel">' + '<input type="button" id="' + id + '_jGraduate_Ok" class="jGraduate_Ok" value="OK"/>' + '<input type="button" id="' + id + '_jGraduate_Cancel" class="jGraduate_Cancel" value="Cancel"/>' + '</div>');
+
+      // --------------
+      // Set up all the SVG elements (the gradient, stops and rectangle)
+      var MAX = 256,
+          MARGINX = 0,
+          MARGINY = 0,
+
+      // STOP_RADIUS = 15 / 2,
+      SIZEX = MAX - 2 * MARGINX,
+          SIZEY = MAX - 2 * MARGINY;
+
+      var attrInput = {};
+
+      var SLIDERW = 145;
+      $('.jGraduate_SliderBar').width(SLIDERW);
+
+      var container = $('#' + id + '_jGraduate_GradContainer')[0];
+
+      var svg = mkElem('svg', {
+        id: id + '_jgraduate_svg',
+        width: MAX,
+        height: MAX,
+        xmlns: ns.svg
+      }, container);
+
+      // This wasn't working as designed
+      // let curType;
+      // curType = curType || $this.paint.type;
+
+      // if we are sent a gradient, import it
+      var curType = $this.paint.type;
+
+      var grad = $this.paint[curType];
+      var curGradient = grad;
+
+      var gradalpha = $this.paint.alpha;
+
+      var isSolid = curType === 'solidColor';
+
+      // Make any missing gradients
+      switch (curType) {
+        case 'solidColor':
+        // fall through
+        case 'linearGradient':
+          if (!isSolid) {
+            curGradient.id = id + '_lg_jgraduate_grad';
+            grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));
+          }
+          mkElem('radialGradient', {
+            id: id + '_rg_jgraduate_grad'
+          }, svg);
+          if (curType === 'linearGradient') {
+            break;
+          }
+        // fall through
+        case 'radialGradient':
+          if (!isSolid) {
+            curGradient.id = id + '_rg_jgraduate_grad';
+            grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));
+          }
+          mkElem('linearGradient', {
+            id: id + '_lg_jgraduate_grad'
+          }, svg);
+      }
+
+      var stopGroup = void 0; // eslint-disable-line prefer-const
+      if (isSolid) {
+        grad = curGradient = $('#' + id + '_lg_jgraduate_grad')[0];
+        color = $this.paint[curType];
+        mkStop(0, '#' + color, 1);
+
+        var type = _typeof($settings.newstop);
+
+        if (type === 'string') {
+          switch ($settings.newstop) {
+            case 'same':
+              mkStop(1, '#' + color, 1);
+              break;
+
+            case 'inverse':
+              // Invert current color for second stop
+              var inverted = '';
+              for (var i = 0; i < 6; i += 2) {
+                // const ch = color.substr(i, 2);
+                var inv = (255 - parseInt(color.substr(i, 2), 16)).toString(16);
+                if (inv.length < 2) inv = 0 + inv;
+                inverted += inv;
+              }
+              mkStop(1, '#' + inverted, 1);
+              break;
+
+            case 'white':
+              mkStop(1, '#ffffff', 1);
+              break;
+
+            case 'black':
+              mkStop(1, '#000000', 1);
+              break;
+          }
+        } else if (type === 'object') {
+          var opac = 'opac' in $settings.newstop ? $settings.newstop.opac : 1;
+          mkStop(1, $settings.newstop.color || '#' + color, opac);
+        }
+      }
+
+      var x1 = parseFloat(grad.getAttribute('x1') || 0.0),
+          y1 = parseFloat(grad.getAttribute('y1') || 0.0),
+          x2 = parseFloat(grad.getAttribute('x2') || 1.0),
+          y2 = parseFloat(grad.getAttribute('y2') || 0.0);
+
+      var cx = parseFloat(grad.getAttribute('cx') || 0.5),
+          cy = parseFloat(grad.getAttribute('cy') || 0.5),
+          fx = parseFloat(grad.getAttribute('fx') || cx),
+          fy = parseFloat(grad.getAttribute('fy') || cy);
+
+      var previewRect = mkElem('rect', {
+        id: id + '_jgraduate_rect',
+        x: MARGINX,
+        y: MARGINY,
+        width: SIZEX,
+        height: SIZEY,
+        fill: 'url(#' + id + '_jgraduate_grad)',
+        'fill-opacity': gradalpha / 100
+      }, svg);
+
+      // stop visuals created here
+      var beginCoord = $('<div/>').attr({
+        class: 'grad_coord jGraduate_lg_field',
+        title: 'Begin Stop'
+      }).text(1).css({
+        top: y1 * MAX,
+        left: x1 * MAX
+      }).data('coord', 'start').appendTo(container);
+
+      var endCoord = beginCoord.clone().text(2).css({
+        top: y2 * MAX,
+        left: x2 * MAX
+      }).attr('title', 'End stop').data('coord', 'end').appendTo(container);
+
+      var centerCoord = $('<div/>').attr({
+        class: 'grad_coord jGraduate_rg_field',
+        title: 'Center stop'
+      }).text('C').css({
+        top: cy * MAX,
+        left: cx * MAX
+      }).data('coord', 'center').appendTo(container);
+
+      var focusCoord = centerCoord.clone().text('F').css({
+        top: fy * MAX,
+        left: fx * MAX,
+        display: 'none'
+      }).attr('title', 'Focus point').data('coord', 'focus').appendTo(container);
+
+      focusCoord[0].id = id + '_jGraduate_focusCoord';
+
+      // const coords = $(idref + ' .grad_coord');
+
+      // $(container).hover(function () {
+      //   coords.animate({
+      //     opacity: 1
+      //   }, 500);
+      // }, function () {
+      //   coords.animate({
+      //     opacity: .2
+      //   }, 500);
+      // });
+
+      var showFocus = void 0;
+      $.each(['x1', 'y1', 'x2', 'y2', 'cx', 'cy', 'fx', 'fy'], function (i, attr) {
+        var isRadial = isNaN(attr[1]);
+
+        var attrval = curGradient.getAttribute(attr);
+        if (!attrval) {
+          // Set defaults
+          if (isRadial) {
+            // For radial points
+            attrval = '0.5';
+          } else {
+            // Only x2 is 1
+            attrval = attr === 'x2' ? '1.0' : '0.0';
+          }
+        }
+
+        attrInput[attr] = $('#' + id + '_jGraduate_' + attr).val(attrval).change(function () {
+          // TODO: Support values < 0 and > 1 (zoomable preview?)
+          if (isNaN(parseFloat(this.value)) || this.value < 0) {
+            this.value = 0.0;
+          } else if (this.value > 1) {
+            this.value = 1.0;
+          }
+
+          if (!(attr[0] === 'f' && !showFocus)) {
+            if (isRadial && curType === 'radialGradient' || !isRadial && curType === 'linearGradient') {
+              curGradient.setAttribute(attr, this.value);
+            }
+          }
+
+          var $elem = isRadial ? attr[0] === 'c' ? centerCoord : focusCoord : attr[1] === '1' ? beginCoord : endCoord;
+
+          var cssName = attr.includes('x') ? 'left' : 'top';
+
+          $elem.css(cssName, this.value * MAX);
+        }).change();
+      });
+
+      function mkStop(n, color, opac, sel, stopElem) {
+        var stop = stopElem || mkElem('stop', { 'stop-color': color, 'stop-opacity': opac, offset: n }, curGradient);
+        if (stopElem) {
+          color = stopElem.getAttribute('stop-color');
+          opac = stopElem.getAttribute('stop-opacity');
+          n = stopElem.getAttribute('offset');
+        } else {
+          curGradient.append(stop);
+        }
+        if (opac === null) opac = 1;
+
+        var pickerD = 'M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z';
+
+        var pathbg = mkElem('path', {
+          d: pickerD,
+          fill: 'url(#jGraduate_trans)',
+          transform: 'translate(' + (10 + n * MAX) + ', 26)'
+        }, stopGroup);
+
+        var path = mkElem('path', {
+          d: pickerD,
+          fill: color,
+          'fill-opacity': opac,
+          transform: 'translate(' + (10 + n * MAX) + ', 26)',
+          stroke: '#000',
+          'stroke-width': 1.5
+        }, stopGroup);
+
+        $(path).mousedown(function (e) {
+          selectStop(this);
+          drag = curStop;
+          $win.mousemove(dragColor).mouseup(remDrags);
+          stopOffset = stopMakerDiv.offset();
+          e.preventDefault();
+          return false;
+        }).data('stop', stop).data('bg', pathbg).dblclick(function () {
+          $('div.jGraduate_LightBox').show();
+          var colorhandle = this;
+          var stopOpacity = +stop.getAttribute('stop-opacity') || 1;
+          var stopColor = stop.getAttribute('stop-color') || 1;
+          var thisAlpha = (parseFloat(stopOpacity) * 255).toString(16);
+          while (thisAlpha.length < 2) {
+            thisAlpha = '0' + thisAlpha;
+          }
+          color = stopColor.substr(1) + thisAlpha;
+          $('#' + id + '_jGraduate_stopPicker').css({ left: 100, bottom: 15 }).jPicker({
+            window: { title: 'Pick the start color and opacity for the gradient' },
+            images: { clientPath: $settings.images.clientPath },
+            color: { active: color, alphaSupport: true }
+          }, function (color, arg2) {
+            stopColor = color.val('hex') ? '#' + color.val('hex') : 'none';
+            stopOpacity = color.val('a') !== null ? color.val('a') / 256 : 1;
+            colorhandle.setAttribute('fill', stopColor);
+            colorhandle.setAttribute('fill-opacity', stopOpacity);
+            stop.setAttribute('stop-color', stopColor);
+            stop.setAttribute('stop-opacity', stopOpacity);
+            $('div.jGraduate_LightBox').hide();
+            $('#' + id + '_jGraduate_stopPicker').hide();
+          }, null, function () {
+            $('div.jGraduate_LightBox').hide();
+            $('#' + id + '_jGraduate_stopPicker').hide();
+          });
+        });
+
+        $(curGradient).find('stop').each(function () {
+          var curS = $(this);
+          if (+this.getAttribute('offset') > n) {
+            if (!color) {
+              var newcolor = this.getAttribute('stop-color');
+              var newopac = this.getAttribute('stop-opacity');
+              stop.setAttribute('stop-color', newcolor);
+              path.setAttribute('fill', newcolor);
+              stop.setAttribute('stop-opacity', newopac === null ? 1 : newopac);
+              path.setAttribute('fill-opacity', newopac === null ? 1 : newopac);
+            }
+            curS.before(stop);
+            return false;
+          }
+        });
+        if (sel) selectStop(path);
+        return stop;
+      }
+
+      function remStop() {
+        delStop.setAttribute('display', 'none');
+        var path = $(curStop);
+        var stop = path.data('stop');
+        var bg = path.data('bg');
+        $([curStop, stop, bg]).remove();
+      }
+
+      var stopMakerDiv = $('#' + id + '_jGraduate_StopSlider');
+
+      var stops = void 0,
+          curStop = void 0,
+          drag = void 0;
+
+      var delStop = mkElem('path', {
+        d: 'm9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5',
+        fill: 'none',
+        stroke: '#D00',
+        'stroke-width': 5,
+        display: 'none'
+      }, undefined); // stopMakerSVG);
+
+      function selectStop(item) {
+        if (curStop) curStop.setAttribute('stroke', '#000');
+        item.setAttribute('stroke', 'blue');
+        curStop = item;
+        curStop.parentNode.append(curStop);
+        //   stops = $('stop');
+        //   opac_select.val(curStop.attr('fill-opacity') || 1);
+        //   root.append(delStop);
+      }
+
+      var stopOffset = void 0;
+
+      function remDrags() {
+        $win.unbind('mousemove', dragColor);
+        if (delStop.getAttribute('display') !== 'none') {
+          remStop();
+        }
+        drag = null;
+      }
+
+      var scaleX = 1,
+          scaleY = 1,
+          angle = 0;
+
+      var cX = cx;
+      var cY = cy;
+      function xform() {
+        var rot = angle ? 'rotate(' + angle + ',' + cX + ',' + cY + ') ' : '';
+        if (scaleX === 1 && scaleY === 1) {
+          curGradient.removeAttribute('gradientTransform');
+          // $('#ang').addClass('dis');
+        } else {
+          var x = -cX * (scaleX - 1);
+          var y = -cY * (scaleY - 1);
+          curGradient.setAttribute('gradientTransform', rot + 'translate(' + x + ',' + y + ') scale(' + scaleX + ',' + scaleY + ')');
+          // $('#ang').removeClass('dis');
+        }
+      }
+
+      function dragColor(evt) {
+        var x = evt.pageX - stopOffset.left;
+        var y = evt.pageY - stopOffset.top;
+        x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10 : x;
+
+        var xfStr = 'translate(' + x + ', 26)';
+        if (y < -60 || y > 130) {
+          delStop.setAttribute('display', 'block');
+          delStop.setAttribute('transform', xfStr);
+        } else {
+          delStop.setAttribute('display', 'none');
+        }
+
+        drag.setAttribute('transform', xfStr);
+        $.data(drag, 'bg').setAttribute('transform', xfStr);
+        var stop = $.data(drag, 'stop');
+        var sX = (x - 10) / MAX;
+
+        stop.setAttribute('offset', sX);
+
+        var last = 0;
+        $(curGradient).find('stop').each(function (i) {
+          var cur = this.getAttribute('offset');
+          var t = $(this);
+          if (cur < last) {
+            t.prev().before(t);
+            stops = $(curGradient).find('stop');
+          }
+          last = cur;
+        });
+      }
+
+      var stopMakerSVG = mkElem('svg', {
+        width: '100%',
+        height: 45
+      }, stopMakerDiv[0]);
+
+      var transPattern = mkElem('pattern', {
+        width: 16,
+        height: 16,
+        patternUnits: 'userSpaceOnUse',
+        id: 'jGraduate_trans'
+      }, stopMakerSVG);
+
+      var transImg = mkElem('image', {
+        width: 16,
+        height: 16
+      }, transPattern);
+
+      var bgImage = $settings.images.clientPath + 'map-opacity.png';
+
+      transImg.setAttributeNS(ns.xlink, 'xlink:href', bgImage);
+
+      $(stopMakerSVG).click(function (evt) {
+        stopOffset = stopMakerDiv.offset();
+        var target = evt.target;
+
+        if (target.tagName === 'path') return;
+        var x = evt.pageX - stopOffset.left - 8;
+        x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10 : x;
+        mkStop(x / MAX, 0, 0, true);
+        evt.stopPropagation();
+      });
+
+      $(stopMakerSVG).mouseover(function () {
+        stopMakerSVG.append(delStop);
+      });
+
+      stopGroup = mkElem('g', {}, stopMakerSVG);
+
+      mkElem('line', {
+        x1: 10,
+        y1: 15,
+        x2: MAX + 10,
+        y2: 15,
+        'stroke-width': 2,
+        stroke: '#000'
+      }, stopMakerSVG);
+
+      var spreadMethodOpt = gradPicker.find('.jGraduate_spreadMethod').change(function () {
+        curGradient.setAttribute('spreadMethod', $(this).val());
+      });
+
+      // handle dragging the stop around the swatch
+      var draggingCoord = null;
+
+      var onCoordDrag = function onCoordDrag(evt) {
+        var x = evt.pageX - offset.left;
+        var y = evt.pageY - offset.top;
+
+        // clamp stop to the swatch
+        x = x < 0 ? 0 : x > MAX ? MAX : x;
+        y = y < 0 ? 0 : y > MAX ? MAX : y;
+
+        draggingCoord.css('left', x).css('top', y);
+
+        // calculate stop offset
+        var fracx = x / SIZEX;
+        var fracy = y / SIZEY;
+
+        var type = draggingCoord.data('coord');
+        var grad = curGradient;
+
+        switch (type) {
+          case 'start':
+            attrInput.x1.val(fracx);
+            attrInput.y1.val(fracy);
+            grad.setAttribute('x1', fracx);
+            grad.setAttribute('y1', fracy);
+            break;
+          case 'end':
+            attrInput.x2.val(fracx);
+            attrInput.y2.val(fracy);
+            grad.setAttribute('x2', fracx);
+            grad.setAttribute('y2', fracy);
+            break;
+          case 'center':
+            attrInput.cx.val(fracx);
+            attrInput.cy.val(fracy);
+            grad.setAttribute('cx', fracx);
+            grad.setAttribute('cy', fracy);
+            cX = fracx;
+            cY = fracy;
+            xform();
+            break;
+          case 'focus':
+            attrInput.fx.val(fracx);
+            attrInput.fy.val(fracy);
+            grad.setAttribute('fx', fracx);
+            grad.setAttribute('fy', fracy);
+            xform();
+        }
+
+        evt.preventDefault();
+      };
+
+      var onCoordUp = function onCoordUp() {
+        draggingCoord = null;
+        $win.unbind('mousemove', onCoordDrag).unbind('mouseup', onCoordUp);
+      };
+
+      // Linear gradient
+      // (function () {
+
+      stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+
+      var numstops = stops.length;
+      // if there are not at least two stops, then
+      if (numstops < 2) {
+        while (numstops < 2) {
+          curGradient.append(document.createElementNS(ns.svg, 'stop'));
+          ++numstops;
+        }
+        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+      }
+
+      for (var _i = 0; _i < numstops; _i++) {
+        mkStop(0, 0, 0, 0, stops[_i]);
+      }
+
+      spreadMethodOpt.val(curGradient.getAttribute('spreadMethod') || 'pad');
+
+      var offset = void 0;
+
+      // No match, so show focus point
+      showFocus = false;
+
+      previewRect.setAttribute('fill-opacity', gradalpha / 100);
+
+      $('#' + id + ' div.grad_coord').mousedown(function (evt) {
+        evt.preventDefault();
+        draggingCoord = $(this);
+        // const sPos = draggingCoord.offset();
+        offset = draggingCoord.parent().offset();
+        $win.mousemove(onCoordDrag).mouseup(onCoordUp);
+      });
+
+      // bind GUI elements
+      $('#' + id + '_jGraduate_Ok').bind('click', function () {
+        $this.paint.type = curType;
+        $this.paint[curType] = curGradient.cloneNode(true);
+        $this.paint.solidColor = null;
+        okClicked();
+      });
+      $('#' + id + '_jGraduate_Cancel').bind('click', function (paint) {
+        cancelClicked();
+      });
+
+      if (curType === 'radialGradient') {
+        if (showFocus) {
+          focusCoord.show();
+        } else {
+          focusCoord.hide();
+          attrInput.fx.val('');
+          attrInput.fy.val('');
+        }
+      }
+
+      $('#' + id + '_jGraduate_match_ctr')[0].checked = !showFocus;
+
+      var lastfx = void 0,
+          lastfy = void 0;
+
+      $('#' + id + '_jGraduate_match_ctr').change(function () {
+        showFocus = !this.checked;
+        focusCoord.toggle(showFocus);
+        attrInput.fx.val('');
+        attrInput.fy.val('');
+        var grad = curGradient;
+        if (!showFocus) {
+          lastfx = grad.getAttribute('fx');
+          lastfy = grad.getAttribute('fy');
+          grad.removeAttribute('fx');
+          grad.removeAttribute('fy');
+        } else {
+          var _fx = lastfx || 0.5;
+          var _fy = lastfy || 0.5;
+          grad.setAttribute('fx', _fx);
+          grad.setAttribute('fy', _fy);
+          attrInput.fx.val(_fx);
+          attrInput.fy.val(_fy);
+        }
+      });
+
+      stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+      numstops = stops.length;
+      // if there are not at least two stops, then
+      if (numstops < 2) {
+        while (numstops < 2) {
+          curGradient.append(document.createElementNS(ns.svg, 'stop'));
+          ++numstops;
+        }
+        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+      }
+
+      var slider = void 0;
+
+      var setSlider = function setSlider(e) {
+        var _slider = slider,
+            offset = _slider.offset;
+
+        var div = slider.parent;
+        var x = e.pageX - offset.left - parseInt(div.css('border-left-width'));
+        if (x > SLIDERW) x = SLIDERW;
+        if (x <= 0) x = 0;
+        var posx = x - 5;
+        x /= SLIDERW;
+
+        switch (slider.type) {
+          case 'radius':
+            x = Math.pow(x * 2, 2.5);
+            if (x > 0.98 && x < 1.02) x = 1;
+            if (x <= 0.01) x = 0.01;
+            curGradient.setAttribute('r', x);
+            break;
+          case 'opacity':
+            $this.paint.alpha = parseInt(x * 100);
+            previewRect.setAttribute('fill-opacity', x);
+            break;
+          case 'ellip':
+            scaleX = 1;
+            scaleY = 1;
+            if (x < 0.5) {
+              x /= 0.5; // 0.001
+              scaleX = x <= 0 ? 0.01 : x;
+            } else if (x > 0.5) {
+              x /= 0.5; // 2
+              x = 2 - x;
+              scaleY = x <= 0 ? 0.01 : x;
+            }
+            xform();
+            x -= 1;
+            if (scaleY === x + 1) {
+              x = Math.abs(x);
+            }
+            break;
+          case 'angle':
+            x = x - 0.5;
+            angle = x *= 180;
+            xform();
+            x /= 100;
+            break;
+        }
+        slider.elem.css({ 'margin-left': posx });
+        x = Math.round(x * 100);
+        slider.input.val(x);
+      };
+
+      var ellipVal = 0,
+          angleVal = 0;
+
+      if (curType === 'radialGradient') {
+        var tlist = curGradient.gradientTransform.baseVal;
+        if (tlist.numberOfItems === 2) {
+          var t = tlist.getItem(0);
+          var s = tlist.getItem(1);
+          if (t.type === 2 && s.type === 3) {
+            var m = s.matrix;
+            if (m.a !== 1) {
+              ellipVal = Math.round(-(1 - m.a) * 100);
+            } else if (m.d !== 1) {
+              ellipVal = Math.round((1 - m.d) * 100);
+            }
+          }
+        } else if (tlist.numberOfItems === 3) {
+          // Assume [R][T][S]
+          var r = tlist.getItem(0);
+          var _t = tlist.getItem(1);
+          var _s = tlist.getItem(2);
+
+          if (r.type === 4 && _t.type === 2 && _s.type === 3) {
+            angleVal = Math.round(r.angle);
+            var _m = _s.matrix;
+            if (_m.a !== 1) {
+              ellipVal = Math.round(-(1 - _m.a) * 100);
+            } else if (_m.d !== 1) {
+              ellipVal = Math.round((1 - _m.d) * 100);
+            }
+          }
+        }
+      }
+
+      var sliders = {
+        radius: {
+          handle: '#' + id + '_jGraduate_RadiusArrows',
+          input: '#' + id + '_jGraduate_RadiusInput',
+          val: (curGradient.getAttribute('r') || 0.5) * 100
+        },
+        opacity: {
+          handle: '#' + id + '_jGraduate_OpacArrows',
+          input: '#' + id + '_jGraduate_OpacInput',
+          val: $this.paint.alpha || 100
+        },
+        ellip: {
+          handle: '#' + id + '_jGraduate_EllipArrows',
+          input: '#' + id + '_jGraduate_EllipInput',
+          val: ellipVal
+        },
+        angle: {
+          handle: '#' + id + '_jGraduate_AngleArrows',
+          input: '#' + id + '_jGraduate_AngleInput',
+          val: angleVal
+        }
+      };
+
+      $.each(sliders, function (type, data) {
+        var handle = $(data.handle);
+        handle.mousedown(function (evt) {
+          var parent = handle.parent();
+          slider = {
+            type: type,
+            elem: handle,
+            input: $(data.input),
+            parent: parent,
+            offset: parent.offset()
+          };
+          $win.mousemove(dragSlider).mouseup(stopSlider);
+          evt.preventDefault();
+        });
+
+        $(data.input).val(data.val).change(function () {
+          var isRad = curType === 'radialGradient';
+          var val = +this.value;
+          var xpos = 0;
+          switch (type) {
+            case 'radius':
+              if (isRad) curGradient.setAttribute('r', val / 100);
+              xpos = Math.pow(val / 100, 1 / 2.5) / 2 * SLIDERW;
+              break;
+
+            case 'opacity':
+              $this.paint.alpha = val;
+              previewRect.setAttribute('fill-opacity', val / 100);
+              xpos = val * (SLIDERW / 100);
+              break;
+
+            case 'ellip':
+              scaleX = scaleY = 1;
+              if (val === 0) {
+                xpos = SLIDERW * 0.5;
+                break;
+              }
+              if (val > 99.5) val = 99.5;
+              if (val > 0) {
+                scaleY = 1 - val / 100;
+              } else {
+                scaleX = -(val / 100) - 1;
+              }
+
+              xpos = SLIDERW * ((val + 100) / 2) / 100;
+              if (isRad) xform();
+              break;
+
+            case 'angle':
+              angle = val;
+              xpos = angle / 180;
+              xpos += 0.5;
+              xpos *= SLIDERW;
+              if (isRad) xform();
+          }
+          if (xpos > SLIDERW) {
+            xpos = SLIDERW;
+          } else if (xpos < 0) {
+            xpos = 0;
+          }
+          handle.css({ 'margin-left': xpos - 5 });
+        }).change();
+      });
+
+      var dragSlider = function dragSlider(evt) {
+        setSlider(evt);
+        evt.preventDefault();
+      };
+
+      var stopSlider = function stopSlider(evt) {
+        $win.unbind('mousemove', dragSlider).unbind('mouseup', stopSlider);
+        slider = null;
+      };
+
+      // --------------
+      var thisAlpha = ($this.paint.alpha * 255 / 100).toString(16);
+      while (thisAlpha.length < 2) {
+        thisAlpha = '0' + thisAlpha;
+      }
+      thisAlpha = thisAlpha.split('.')[0];
+      color = $this.paint.solidColor === 'none' ? '' : $this.paint.solidColor + thisAlpha;
+
+      if (!isSolid) {
+        color = stops[0].getAttribute('stop-color');
+      }
+
+      // This should be done somewhere else, probably
+      $.extend($.fn.jPicker.defaults.window, {
+        alphaSupport: true, effects: { type: 'show', speed: 0 }
+      });
+
+      colPicker.jPicker({
+        window: { title: $settings.window.pickerTitle },
+        images: { clientPath: $settings.images.clientPath },
+        color: { active: color, alphaSupport: true }
+      }, function (color) {
+        $this.paint.type = 'solidColor';
+        $this.paint.alpha = color.val('ahex') ? Math.round(color.val('a') / 255 * 100) : 100;
+        $this.paint.solidColor = color.val('hex') ? color.val('hex') : 'none';
+        $this.paint.radialGradient = null;
+        okClicked();
+      }, null, function () {
+        cancelClicked();
+      });
+
+      var tabs = $(idref + ' .jGraduate_tabs li');
+      tabs.click(function () {
+        tabs.removeClass('jGraduate_tab_current');
+        $(this).addClass('jGraduate_tab_current');
+        $(idref + ' > div').hide();
+        var type = $(this).attr('data-type');
+        /* const container = */$(idref + ' .jGraduate_gradPick').show();
+        if (type === 'rg' || type === 'lg') {
+          // Show/hide appropriate fields
+          $('.jGraduate_' + type + '_field').show();
+          $('.jGraduate_' + (type === 'lg' ? 'rg' : 'lg') + '_field').hide();
+
+          $('#' + id + '_jgraduate_rect')[0].setAttribute('fill', 'url(#' + id + '_' + type + '_jgraduate_grad)');
+
+          // Copy stops
+
+          curType = type === 'lg' ? 'linearGradient' : 'radialGradient';
+
+          $('#' + id + '_jGraduate_OpacInput').val($this.paint.alpha).change();
+
+          var newGrad = $('#' + id + '_' + type + '_jgraduate_grad')[0];
+
+          if (curGradient !== newGrad) {
+            var curStops = $(curGradient).find('stop');
+            $(newGrad).empty().append(curStops);
+            curGradient = newGrad;
+            var sm = spreadMethodOpt.val();
+            curGradient.setAttribute('spreadMethod', sm);
+          }
+          showFocus = type === 'rg' && curGradient.getAttribute('fx') != null && !(cx === fx && cy === fy);
+          $('#' + id + '_jGraduate_focusCoord').toggle(showFocus);
+          if (showFocus) {
+            $('#' + id + '_jGraduate_match_ctr')[0].checked = false;
+          }
+        } else {
+          $(idref + ' .jGraduate_gradPick').hide();
+          $(idref + ' .jGraduate_colPick').show();
+        }
+      });
+      $(idref + ' > div').hide();
+      tabs.removeClass('jGraduate_tab_current');
+      var tab = void 0;
+      switch ($this.paint.type) {
+        case 'linearGradient':
+          tab = $(idref + ' .jGraduate_tab_lingrad');
+          break;
+        case 'radialGradient':
+          tab = $(idref + ' .jGraduate_tab_radgrad');
+          break;
+        default:
+          tab = $(idref + ' .jGraduate_tab_color');
+          break;
+      }
+      $this.show();
+
+      // jPicker will try to show after a 0ms timeout, so need to fire this after that
+      setTimeout(function () {
+        tab.addClass('jGraduate_tab_current').click();
+      }, 10);
+    });
+  };
+  return $;
+}
+
+/**
+ * SpinButton control
+ *
+ * Adds bells and whistles to any ordinary textbox to
+ * make it look and feel like a SpinButton Control.
+ *
+ * Supplies {@link external:jQuery.fn.SpinButton} (and also {@link external:jQuery.loadingStylesheets})
+ *
+ * Originally written by George Adamson, Software Unity (george.jquery@softwareunity.com) August 2006.
+ * - Added min/max options
+ * - Added step size option
+ * - Added bigStep (page up/down) option
+ *
+ * Modifications made by Mark Gibson, (mgibson@designlinks.net) September 2006:
+ * - Converted to jQuery plugin
+ * - Allow limited or unlimited min/max values
+ * - Allow custom class names, and add class to input element
+ * - Removed global vars
+ * - Reset (to original or through config) when invalid value entered
+ * - Repeat whilst holding mouse button down (with initial pause, like keyboard repeat)
+ * - Support mouse wheel in Firefox
+ * - Fix double click in IE
+ * - Refactored some code and renamed some vars
+ *
+ * Modifications by Jeff Schiller, June 2009:
+ * - provide callback function for when the value changes based on the following
+ *   {@link https://www.mail-archive.com/jquery-en@googlegroups.com/msg36070.html}
+ *
+ * Modifications by Jeff Schiller, July 2009:
+ * - improve styling for widget in Opera
+ * - consistent key-repeat handling cross-browser
+ *
+ * Modifications by Alexis Deveria, October 2009:
+ * - provide "stepfunc" callback option to allow custom function to run when changing a value
+ * - Made adjustValue(0) only run on certain keyup events, not all.
+ *
+ * Tested in IE6, Opera9, Firefox 1.5
+ *
+ * | Version | Date | Author | Notes
+ * |---------|------|--------|------|
+ * | v1.0 | 11 Aug 2006 | George Adamson | First release
+ * | v1.1 | Aug 2006 | George Adamson | Minor enhancements
+ * | v1.2 | 27 Sep 2006 | Mark Gibson | Major enhancements
+ * | v1.3a | 28 Sep 2006 | George Adamson | Minor enhancements
+ * | v1.4 | 18 Jun 2009 | Jeff Schiller | Added callback function
+ * | v1.5 | 06 Jul 2009 | Jeff Schiller | Fixes for Opera.
+ * | v1.6 | 13 Oct 2009 | Alexis Deveria | Added stepfunc function
+ * | v1.7 | 21 Oct 2009 | Alexis Deveria | Minor fixes.<br />Fast-repeat for keys and live updating as you type.
+ * | v1.8 | 12 Jan 2010 | Benjamin Thomas | Fixes for mouseout behavior.<br />Added smallStep
+ * | v1.9 | 20 May 2018 | Brett Zamir | Avoid SVGEdit dependency via `stateObj` config;<br />convert to ES6 module |
+ * @module jQuerySpinButton
+ * @example
+
+  // Create group of settings to initialise spinbutton(s). (Optional)
+  const myOptions = {
+    min: 0, // Set lower limit.
+    max: 100, // Set upper limit.
+    step: 1, // Set increment size.
+    smallStep: 0.5, // Set shift-click increment size.
+    stateObj: {tool_scale: 1}, // Object to allow passing in live-updating scale
+    spinClass: mySpinBtnClass, // CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
+    upClass: mySpinUpClass, // CSS class for style when mouse over up button.
+    downClass: mySpinDnClass // CSS class for style when mouse over down button.
+  };
+
+  $(function () {
+    // Initialise INPUT element(s) as SpinButtons: (passing options if desired)
+    $("#myInputElement").SpinButton(myOptions);
+  });
+ */
+/**
+ * @function module:jQuerySpinButton.jQuerySpinButton
+ * @param {external:jQuery} $ The jQuery object to which to add the plug-in
+ * @returns {external:jQuery}
+*/
+function jqPluginSpinBtn ($) {
+  if (!$.loadingStylesheets) {
+    $.loadingStylesheets = [];
+  }
+  var stylesheet = 'spinbtn/jQuery.SpinButton.css';
+  if (!$.loadingStylesheets.includes(stylesheet)) {
+    $.loadingStylesheets.push(stylesheet);
+  }
+  /**
+  * @callback module:jQuerySpinButton.StepCallback
+  * @param {external:jQuery} thisArg Value of `this`
+  */
+  /**
+  * @callback module:jQuerySpinButton.ValueCallback
+  * @param {external:jQuery} thisArg Value of `this`
+  * @param {Float} value Value that was changed
+  */
+  /**
+   * @typedef {PlainObject} module:jQuerySpinButton.SpinButtonConfig
+   * @property {Float} min Set lower limit
+   * @property {Float} max Set upper limit.
+   * @property {Float} step Set increment size.
+   * @property {module:jQuerySpinButton.StepCallback} stepfunc Custom function to run when changing a value; called with `this` of object and the value to adjust
+   * @property {module:jQuerySpinButton.ValueCallback} callback Called after value adjusted (with `this` of object)
+   * @property {Float} smallStep Set shift-click increment size.
+   * @property {PlainObject} stateObj Object to allow passing in live-updating scale
+   * @property {Float} stateObj.tool_scale
+   * @property {string} spinClass CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
+   * @property {string} upClass CSS class for style when mouse over up button.
+   * @property {string} downClass CSS class for style when mouse over down button.
+   * @property {Float} page Value to be adjusted on page up/page down
+   * @property {Float} reset Reset value when invalid value entered
+   * @property {Float} delay Millisecond delay
+   * @property {Float} interval Millisecond interval
+  */
+  /**
+  * @function external:jQuery.fn.SpinButton
+  * @param {module:jQuerySpinButton.SpinButtonConfig} cfg
+  * @returns {external:jQuery}
+  */
+  $.fn.SpinButton = function (cfg) {
+    cfg = cfg || {};
+    function coord(el, prop) {
+      var b = document.body;
+
+      var c = el[prop];
+      while ((el = el.offsetParent) && el !== b) {
+        if (!$.browser.msie || el.currentStyle.position !== 'relative') {
+          c += el[prop];
+        }
+      }
+
+      return c;
+    }
+
+    return this.each(function () {
+      this.repeating = false;
+
+      // Apply specified options or defaults:
+      // (Ought to refactor this some day to use $.extend() instead)
+      this.spinCfg = {
+        // min: cfg.min ? Number(cfg.min) : null,
+        // max: cfg.max ? Number(cfg.max) : null,
+        min: !isNaN(parseFloat(cfg.min)) ? Number(cfg.min) : null, // Fixes bug with min:0
+        max: !isNaN(parseFloat(cfg.max)) ? Number(cfg.max) : null,
+        step: cfg.step ? Number(cfg.step) : 1,
+        stepfunc: cfg.stepfunc || false,
+        page: cfg.page ? Number(cfg.page) : 10,
+        upClass: cfg.upClass || 'up',
+        downClass: cfg.downClass || 'down',
+        reset: cfg.reset || this.value,
+        delay: cfg.delay ? Number(cfg.delay) : 500,
+        interval: cfg.interval ? Number(cfg.interval) : 100,
+        _btn_width: 20,
+        _direction: null,
+        _delay: null,
+        _repeat: null,
+        callback: cfg.callback || null
+      };
+
+      // if a smallStep isn't supplied, use half the regular step
+      this.spinCfg.smallStep = cfg.smallStep || this.spinCfg.step / 2;
+
+      this.adjustValue = function (i) {
+        var v = void 0;
+        if (isNaN(this.value)) {
+          v = this.spinCfg.reset;
+        } else if (typeof this.spinCfg.stepfunc === 'function') {
+          v = this.spinCfg.stepfunc(this, i);
+        } else {
+          // weirdest JavaScript bug ever: 5.1 + 0.1 = 5.199999999
+          v = Number((Number(this.value) + Number(i)).toFixed(5));
+        }
+        if (this.spinCfg.min !== null) {
+          v = Math.max(v, this.spinCfg.min);
+        }
+        if (this.spinCfg.max !== null) {
+          v = Math.min(v, this.spinCfg.max);
+        }
+        this.value = v;
+        if (typeof this.spinCfg.callback === 'function') {
+          this.spinCfg.callback(this);
+        }
+      };
+
+      $(this).addClass(cfg.spinClass || 'spin-button').mousemove(function (e) {
+        // Determine which button mouse is over, or not (spin direction):
+        var x = e.pageX || e.x;
+        var y = e.pageY || e.y;
+        var el = e.target;
+        var scale = cfg.stateObj.tool_scale || 1;
+        var height = $(el).height() / 2;
+
+        var direction = x > coord(el, 'offsetLeft') + el.offsetWidth * scale - this.spinCfg._btn_width ? y < coord(el, 'offsetTop') + height * scale ? 1 : -1 : 0;
+
+        if (direction !== this.spinCfg._direction) {
+          // Style up/down buttons:
+          switch (direction) {
+            case 1:
+              // Up arrow:
+              $(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);
+              break;
+            case -1:
+              // Down arrow:
+              $(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);
+              break;
+            default:
+              // Mouse is elsewhere in the textbox
+              $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
+          }
+
+          // Set spin direction:
+          this.spinCfg._direction = direction;
+        }
+      }).mouseout(function () {
+        // Reset up/down buttons to their normal appearance when mouse moves away:
+        $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
+        this.spinCfg._direction = null;
+        window.clearInterval(this.spinCfg._repeat);
+        window.clearTimeout(this.spinCfg._delay);
+      }).mousedown(function (e) {
+        var _this = this;
+
+        if (e.button === 0 && this.spinCfg._direction !== 0) {
+          // Respond to click on one of the buttons:
+          var stepSize = e.shiftKey ? this.spinCfg.smallStep : this.spinCfg.step;
+
+          var adjust = function adjust() {
+            _this.adjustValue(_this.spinCfg._direction * stepSize);
+          };
+
+          adjust();
+
+          // Initial delay before repeating adjustment
+          this.spinCfg._delay = window.setTimeout(function () {
+            adjust();
+            // Repeat adjust at regular intervals
+            _this.spinCfg._repeat = window.setInterval(adjust, _this.spinCfg.interval);
+          }, this.spinCfg.delay);
+        }
+      }).mouseup(function (e) {
+        // Cancel repeating adjustment
+        window.clearInterval(this.spinCfg._repeat);
+        window.clearTimeout(this.spinCfg._delay);
+      }).dblclick(function (e) {
+        if ($.browser.msie) {
+          this.adjustValue(this.spinCfg._direction * this.spinCfg.step);
+        }
+      }).keydown(function (e) {
+        // Respond to up/down arrow keys.
+        switch (e.keyCode) {
+          case 38:
+            this.adjustValue(this.spinCfg.step);break; // Up
+          case 40:
+            this.adjustValue(-this.spinCfg.step);break; // Down
+          case 33:
+            this.adjustValue(this.spinCfg.page);break; // PageUp
+          case 34:
+            this.adjustValue(-this.spinCfg.page);break; // PageDown
+        }
+      })
+
+      /*
+      http://unixpapa.com/js/key.html describes the current state-of-affairs for
+      key repeat events:
+      - Safari 3.1 changed their model so that keydown is reliably repeated going forward
+      - Firefox and Opera still only repeat the keypress event, not the keydown
+      */
+      .keypress(function (e) {
+        if (this.repeating) {
+          // Respond to up/down arrow keys.
+          switch (e.keyCode) {
+            case 38:
+              this.adjustValue(this.spinCfg.step);break; // Up
+            case 40:
+              this.adjustValue(-this.spinCfg.step);break; // Down
+            case 33:
+              this.adjustValue(this.spinCfg.page);break; // PageUp
+            case 34:
+              this.adjustValue(-this.spinCfg.page);break; // PageDown
+          }
+          // we always ignore the first keypress event (use the keydown instead)
+        } else {
+          this.repeating = true;
+        }
+      })
+
+      // clear the 'repeating' flag
+      .keyup(function (e) {
+        this.repeating = false;
+        switch (e.keyCode) {
+          case 38: // Up
+          case 40: // Down
+          case 33: // PageUp
+          case 34: // PageDown
+          case 13:
+            this.adjustValue(0);break; // Enter/Return
+        }
+      }).bind('mousewheel', function (e) {
+        // Respond to mouse wheel in IE. (It returns up/dn motion in multiples of 120)
+        if (e.wheelDelta >= 120) {
+          this.adjustValue(this.spinCfg.step);
+        } else if (e.wheelDelta <= -120) {
+          this.adjustValue(-this.spinCfg.step);
+        }
+
+        e.preventDefault();
+      }).change(function (e) {
+        this.adjustValue(0);
+      });
+
+      if (this.addEventListener) {
+        // Respond to mouse wheel in Firefox
+        this.addEventListener('DOMMouseScroll', function (e) {
+          if (e.detail > 0) {
+            this.adjustValue(-this.spinCfg.step);
+          } else if (e.detail < 0) {
+            this.adjustValue(this.spinCfg.step);
+          }
+
+          e.preventDefault();
+        }, false);
+      }
+    });
+  };
+  return $;
+}
+
+/**
+ * jQuery Context Menu Plugin
+ * Cory S.N. LaViska
+ * A Beautiful Site ({@link https://abeautifulsite.net/})
+ * Modified by Alexis Deveria
+ *
+ * More info: {@link https://abeautifulsite.net/2008/09/jquery-context-menu-plugin/}
+ *
+ * @module jQueryContextMenu
+ * @todo Update to latest version and adapt (and needs jQuery update as well): {@link https://github.com/swisnl/jQuery-contextMenu}
+ * @version 1.01
+ *
+ * @license
+ * Terms of Use
+ *
+ * This plugin is dual-licensed under the GNU General Public License
+ *   and the MIT License and is copyright A Beautiful Site, LLC.
+ *
+*/
+
+/**
+* @callback module:jQueryContextMenu.jQueryContextMenuCallback
+* @param {string} href The `href` value after the first character (for bypassing an initial `#`)
+* @param {external:jQuery} srcElement The wrapped jQuery srcElement
+* @param {{x: Float, y: Float, docX: Float, docY: Float}} coords
+*/
+
+/**
+* @typedef {PlainObject} module:jQueryContextMenu.jQueryContextMenuConfig
+* @property {string} menu
+* @property {Float} inSpeed
+* @property {Float} outSpeed
+* @property {boolean} allowLeft
+*/
+
+/**
+* Adds {@link external:jQuery.fn.contextMenu}, {@link external:jQuery.fn.disableContextMenuItems}, {@link external:jQuery.fn.enableContextMenuItems}, {@link external:jQuery.fn.disableContextMenu}, {@link external:jQuery.fn.enableContextMenu}, {@link external:jQuery.fn.destroyContextMenu}
+* @function module:jQueryContextMenu.jQueryContextMenu
+* @param {external:jQuery} $ The jQuery object to wrap (with `contextMenu`, `disableContextMenuItems`, `enableContextMenuItems`, `disableContextMenu`, `enableContextMenu`, `destroyContextMenu`)
+* @returns {external:jQuery}
+*/
+function jQueryContextMenu($) {
+  var win = $(window);
+  var doc = $(document);
+
+  $.extend($.fn, {
+    /**
+    * @memberof external:jQuery.fn
+    * @param {module:jQueryContextMenu.jQueryContextMenuConfig} o
+    * @param {module:jQueryContextMenu.jQueryContextMenuCallback} callback
+    * @returns {external:jQuery}
+    */
+    contextMenu: function contextMenu(o, callback) {
+      // Defaults
+      if (o.menu === undefined) return false;
+      if (o.inSpeed === undefined) o.inSpeed = 150;
+      if (o.outSpeed === undefined) o.outSpeed = 75;
+      // 0 needs to be -1 for expected results (no fade)
+      if (o.inSpeed === 0) o.inSpeed = -1;
+      if (o.outSpeed === 0) o.outSpeed = -1;
+      // Loop each context menu
+      $(this).each(function () {
+        var el = $(this);
+        var offset = $(el).offset();
+
+        var menu = $('#' + o.menu);
+
+        // Add contextMenu class
+        menu.addClass('contextMenu');
+        // Simulate a true right click
+        $(this).bind('mousedown', function (e) {
+          var evt = e;
+          $(this).mouseup(function (e) {
+            var srcElement = $(this);
+            srcElement.unbind('mouseup');
+            if (evt.button === 2 || o.allowLeft || evt.ctrlKey && isMac()) {
+              e.stopPropagation();
+              // Hide context menus that may be showing
+              $('.contextMenu').hide();
+              // Get this context menu
+
+              if (el.hasClass('disabled')) return false;
+
+              // Detect mouse position
+              var x = e.pageX,
+                  y = e.pageY;
+
+              var xOff = win.width() - menu.width(),
+                  yOff = win.height() - menu.height();
+
+              if (x > xOff - 15) x = xOff - 15;
+              if (y > yOff - 30) y = yOff - 30; // 30 is needed to prevent scrollbars in FF
+
+              // Show the menu
+              doc.unbind('click');
+              menu.css({ top: y, left: x }).fadeIn(o.inSpeed);
+              // Hover events
+              menu.find('A').mouseover(function () {
+                menu.find('LI.hover').removeClass('hover');
+                $(this).parent().addClass('hover');
+              }).mouseout(function () {
+                menu.find('LI.hover').removeClass('hover');
+              });
+
+              // Keyboard
+              doc.keypress(function (e) {
+                switch (e.keyCode) {
+                  case 38:
+                    // up
+                    if (!menu.find('LI.hover').length) {
+                      menu.find('LI:last').addClass('hover');
+                    } else {
+                      menu.find('LI.hover').removeClass('hover').prevAll('LI:not(.disabled)').eq(0).addClass('hover');
+                      if (!menu.find('LI.hover').length) menu.find('LI:last').addClass('hover');
+                    }
+                    break;
+                  case 40:
+                    // down
+                    if (!menu.find('LI.hover').length) {
+                      menu.find('LI:first').addClass('hover');
+                    } else {
+                      menu.find('LI.hover').removeClass('hover').nextAll('LI:not(.disabled)').eq(0).addClass('hover');
+                      if (!menu.find('LI.hover').length) menu.find('LI:first').addClass('hover');
+                    }
+                    break;
+                  case 13:
+                    // enter
+                    menu.find('LI.hover A').trigger('click');
+                    break;
+                  case 27:
+                    // esc
+                    doc.trigger('click');
+                    break;
+                }
+              });
+
+              // When items are selected
+              menu.find('A').unbind('mouseup');
+              menu.find('LI:not(.disabled) A').mouseup(function () {
+                doc.unbind('click').unbind('keypress');
+                $('.contextMenu').hide();
+                // Callback
+                if (callback) {
+                  callback($(this).attr('href').substr(1), $(srcElement), { x: x - offset.left, y: y - offset.top, docX: x, docY: y });
+                }
+                return false;
+              });
+
+              // Hide bindings
+              setTimeout(function () {
+                // Delay for Mozilla
+                doc.click(function () {
+                  doc.unbind('click').unbind('keypress');
+                  menu.fadeOut(o.outSpeed);
+                  return false;
+                });
+              }, 0);
+            }
+          });
+        });
+
+        // Disable text selection
+        if ($.browser.mozilla) {
+          $('#' + o.menu).each(function () {
+            $(this).css({ MozUserSelect: 'none' });
+          });
+        } else if ($.browser.msie) {
+          $('#' + o.menu).each(function () {
+            $(this).bind('selectstart.disableTextSelect', function () {
+              return false;
+            });
+          });
+        } else {
+          $('#' + o.menu).each(function () {
+            $(this).bind('mousedown.disableTextSelect', function () {
+              return false;
+            });
+          });
+        }
+        // Disable browser context menu (requires both selectors to work in IE/Safari + FF/Chrome)
+        $(el).add($('UL.contextMenu')).bind('contextmenu', function () {
+          return false;
+        });
+      });
+      return $(this);
+    },
+
+
+    /**
+    * Disable context menu items on the fly
+    * @memberof external:jQuery.fn
+    * @param {undefined|string} o Comma-separated
+    * @returns {external:jQuery}
+    */
+    disableContextMenuItems: function disableContextMenuItems(o) {
+      if (o === undefined) {
+        // Disable all
+        $(this).find('LI').addClass('disabled');
+        return $(this);
+      }
+      $(this).each(function () {
+        if (o !== undefined) {
+          var d = o.split(',');
+          for (var i = 0; i < d.length; i++) {
+            $(this).find('A[href="' + d[i] + '"]').parent().addClass('disabled');
+          }
+        }
+      });
+      return $(this);
+    },
+
+
+    /**
+    * Enable context menu items on the fly
+    * @memberof external:jQuery.fn
+    * @param {undefined|string} o Comma-separated
+    * @returns {external:jQuery}
+    */
+    enableContextMenuItems: function enableContextMenuItems(o) {
+      if (o === undefined) {
+        // Enable all
+        $(this).find('LI.disabled').removeClass('disabled');
+        return $(this);
+      }
+      $(this).each(function () {
+        if (o !== undefined) {
+          var d = o.split(',');
+          for (var i = 0; i < d.length; i++) {
+            $(this).find('A[href="' + d[i] + '"]').parent().removeClass('disabled');
+          }
+        }
+      });
+      return $(this);
+    },
+
+
+    /**
+    * Disable context menu(s)
+    * @memberof external:jQuery.fn
+    * @returns {external:jQuery}
+    */
+    disableContextMenu: function disableContextMenu() {
+      $(this).each(function () {
+        $(this).addClass('disabled');
+      });
+      return $(this);
+    },
+
+
+    /**
+    * Enable context menu(s)
+    * @memberof external:jQuery.fn
+    * @returns {external:jQuery}
+    */
+    enableContextMenu: function enableContextMenu() {
+      $(this).each(function () {
+        $(this).removeClass('disabled');
+      });
+      return $(this);
+    },
+
+
+    /**
+    * Destroy context menu(s)
+    * @memberof external:jQuery.fn
+    * @returns {external:jQuery}
+    */
+    destroyContextMenu: function destroyContextMenu() {
+      // Destroy specified context menus
+      $(this).each(function () {
+        // Disable action
+        $(this).unbind('mousedown').unbind('mouseup');
+      });
+      return $(this);
+    }
+  });
+  return $;
+}
+
+/**
+ * jPicker (Adapted from version 1.1.6)
+ *
+ * jQuery Plugin for Photoshop style color picker
+ *
+ * @module jPicker
+ * @copyright (c) 2010 Christopher T. Tillman
+ * Digital Magic Productions, Inc. ({@link http://www.digitalmagicpro.com/})
+ * FREE to use, alter, copy, sell, and especially ENHANCE
+ * @license MIT
+ *
+ * Painstakingly ported from John Dyers' excellent work on his own color picker based on the Prototype framework.
+ *
+ * John Dyers' website: {@link http://johndyer.name}
+ * Color Picker page: {@link http://johndyer.name/photoshop-like-javascript-color-picker/}
+ */
+
+/**
+* @external Math
+*/
+/**
+* @memberof external:Math
+* @param {Float} value
+* @param {Float} precision
+* @returns {Float}
+*/
+Math.precision = function (value, precision) {
+  if (precision === undefined) precision = 0;
+  return Math.round(value * Math.pow(10, precision)) / Math.pow(10, precision);
+};
+
+/**
+* @function module:jPicker.jPicker
+* @param {external:jQuery} $ The jQuery object to wrap (with {@link external:jQuery.loadingStylesheets}, {@link external:jQuery.fn.$.fn.jPicker}, {@link external:jQuery.fn.$.fn.jPicker.defaults})
+* @returns {external:jQuery}
+*/
+var jPicker = function jPicker($) {
+  if (!$.loadingStylesheets) {
+    /**
+    * @name loadingStylesheets
+    * @type {string[]}
+    * @memberof external:jQuery
+    */
+    $.loadingStylesheets = [];
+  }
+  var stylesheet = 'jgraduate/css/jPicker.css';
+  if (!$.loadingStylesheets.includes(stylesheet)) {
+    $.loadingStylesheets.push(stylesheet);
+  }
+  /**
+  * @typedef {PlainObject} module:jPicker.SliderOptions
+  * @property {external:jQuery|PlainObject} arrow
+  * @property {string} arrow.image Not in use?
+  * @property {Float} arrow.width
+  * @property {Float} arrow.height
+  * @property {PlainObject} map
+  * @property {Float} map.width
+  * @property {Float} map.height
+  */
+
+  /**
+  * Encapsulate slider functionality for the ColorMap and ColorBar -
+  * could be useful to use a jQuery UI draggable for this with certain extensions
+  * @param {external:jQuery} bar
+  * @param {module:jPicker.SliderOptions} options
+  */
+  function Slider(bar, options) {
+    var $this = this;
+    function fireChangeEvents(context) {
+      for (var i = 0; i < changeEvents.length; i++) {
+        changeEvents[i].call($this, $this, context);
+      }
+    }
+    // bind the mousedown to the bar not the arrow for quick snapping to the clicked location
+    function mouseDown(e) {
+      var off = bar.offset();
+      offset = { l: off.left | 0, t: off.top | 0 };
+      clearTimeout(timeout);
+      // using setTimeout for visual updates - once the style is updated the browser will re-render internally allowing the next Javascript to run
+      timeout = setTimeout(function () {
+        setValuesFromMousePosition.call($this, e);
+      }, 0);
+      // Bind mousemove and mouseup event to the document so it responds when dragged of of the bar - we will unbind these when on mouseup to save processing
+      $(document).bind('mousemove', mouseMove).bind('mouseup', mouseUp);
+      e.preventDefault(); // don't try to select anything or drag the image to the desktop
+    }
+    // set the values as the mouse moves
+    function mouseMove(e) {
+      clearTimeout(timeout);
+      timeout = setTimeout(function () {
+        setValuesFromMousePosition.call($this, e);
+      }, 0);
+      e.stopPropagation();
+      e.preventDefault();
+      return false;
+    }
+    // unbind the document events - they aren't needed when not dragging
+    function mouseUp(e) {
+      $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);
+      e.stopPropagation();
+      e.preventDefault();
+      return false;
+    }
+    // calculate mouse position and set value within the current range
+    function setValuesFromMousePosition(e) {
+      var barW = bar.w,
+          // local copies for YUI compressor
+      barH = bar.h;
+      var locX = e.pageX - offset.l,
+          locY = e.pageY - offset.t;
+      // keep the arrow within the bounds of the bar
+      if (locX < 0) locX = 0;else if (locX > barW) locX = barW;
+      if (locY < 0) locY = 0;else if (locY > barH) locY = barH;
+      val.call($this, 'xy', { x: locX / barW * rangeX + minX, y: locY / barH * rangeY + minY });
+    }
+    function draw() {
+      var barW = bar.w,
+          barH = bar.h,
+          arrowW = arrow.w,
+          arrowH = arrow.h;
+      var arrowOffsetX = 0,
+          arrowOffsetY = 0;
+      setTimeout(function () {
+        if (rangeX > 0) {
+          // range is greater than zero
+          // constrain to bounds
+          if (x === maxX) arrowOffsetX = barW;else arrowOffsetX = x / rangeX * barW | 0;
+        }
+        if (rangeY > 0) {
+          // range is greater than zero
+          // constrain to bounds
+          if (y === maxY) arrowOffsetY = barH;else arrowOffsetY = y / rangeY * barH | 0;
+        }
+        // if arrow width is greater than bar width, center arrow and prevent horizontal dragging
+        if (arrowW >= barW) arrowOffsetX = (barW >> 1) - (arrowW >> 1); // number >> 1 - superfast bitwise divide by two and truncate (move bits over one bit discarding lowest)
+        else arrowOffsetX -= arrowW >> 1;
+        // if arrow height is greater than bar height, center arrow and prevent vertical dragging
+        if (arrowH >= barH) arrowOffsetY = (barH >> 1) - (arrowH >> 1);else arrowOffsetY -= arrowH >> 1;
+        // set the arrow position based on these offsets
+        arrow.css({ left: arrowOffsetX + 'px', top: arrowOffsetY + 'px' });
+      }, 0);
+    }
+    function val(name, value, context) {
+      var set$$1 = value !== undefined;
+      if (!set$$1) {
+        if (name === undefined || name == null) name = 'xy';
+        switch (name.toLowerCase()) {
+          case 'x':
+            return x;
+          case 'y':
+            return y;
+          case 'xy':
+          default:
+            return { x: x, y: y };
+        }
+      }
+      if (context != null && context === $this) return;
+      var changed = false;
+
+      var newX = void 0,
+          newY = void 0;
+      if (name == null) name = 'xy';
+      switch (name.toLowerCase()) {
+        case 'x':
+          newX = value && (value.x && value.x | 0 || value | 0) || 0;
+          break;
+        case 'y':
+          newY = value && (value.y && value.y | 0 || value | 0) || 0;
+          break;
+        case 'xy':
+        default:
+          newX = value && value.x && value.x | 0 || 0;
+          newY = value && value.y && value.y | 0 || 0;
+          break;
+      }
+      if (newX != null) {
+        if (newX < minX) newX = minX;else if (newX > maxX) newX = maxX;
+        if (x !== newX) {
+          x = newX;
+          changed = true;
+        }
+      }
+      if (newY != null) {
+        if (newY < minY) newY = minY;else if (newY > maxY) newY = maxY;
+        if (y !== newY) {
+          y = newY;
+          changed = true;
+        }
+      }
+      changed && fireChangeEvents.call($this, context || $this);
+    }
+    function range(name, value) {
+      var set$$1 = value !== undefined;
+      if (!set$$1) {
+        if (name === undefined || name == null) name = 'all';
+        switch (name.toLowerCase()) {
+          case 'minx':
+            return minX;
+          case 'maxx':
+            return maxX;
+          case 'rangex':
+            return { minX: minX, maxX: maxX, rangeX: rangeX };
+          case 'miny':
+            return minY;
+          case 'maxy':
+            return maxY;
+          case 'rangey':
+            return { minY: minY, maxY: maxY, rangeY: rangeY };
+          case 'all':
+          default:
+            return { minX: minX, maxX: maxX, rangeX: rangeX, minY: minY, maxY: maxY, rangeY: rangeY };
+        }
+      }
+      var // changed = false,
+      newMinX = void 0,
+          newMaxX = void 0,
+          newMinY = void 0,
+          newMaxY = void 0;
+      if (name == null) name = 'all';
+      switch (name.toLowerCase()) {
+        case 'minx':
+          newMinX = value && (value.minX && value.minX | 0 || value | 0) || 0;
+          break;
+        case 'maxx':
+          newMaxX = value && (value.maxX && value.maxX | 0 || value | 0) || 0;
+          break;
+        case 'rangex':
+          newMinX = value && value.minX && value.minX | 0 || 0;
+          newMaxX = value && value.maxX && value.maxX | 0 || 0;
+          break;
+        case 'miny':
+          newMinY = value && (value.minY && value.minY | 0 || value | 0) || 0;
+          break;
+        case 'maxy':
+          newMaxY = value && (value.maxY && value.maxY | 0 || value | 0) || 0;
+          break;
+        case 'rangey':
+          newMinY = value && value.minY && value.minY | 0 || 0;
+          newMaxY = value && value.maxY && value.maxY | 0 || 0;
+          break;
+        case 'all':
+        default:
+          newMinX = value && value.minX && value.minX | 0 || 0;
+          newMaxX = value && value.maxX && value.maxX | 0 || 0;
+          newMinY = value && value.minY && value.minY | 0 || 0;
+          newMaxY = value && value.maxY && value.maxY | 0 || 0;
+          break;
+      }
+      if (newMinX != null && minX !== newMinX) {
+        minX = newMinX;
+        rangeX = maxX - minX;
+      }
+      if (newMaxX != null && maxX !== newMaxX) {
+        maxX = newMaxX;
+        rangeX = maxX - minX;
+      }
+      if (newMinY != null && minY !== newMinY) {
+        minY = newMinY;
+        rangeY = maxY - minY;
+      }
+      if (newMaxY != null && maxY !== newMaxY) {
+        maxY = newMaxY;
+        rangeY = maxY - minY;
+      }
+    }
+    function bind(callback) {
+      if (typeof callback === 'function') changeEvents.push(callback);
+    }
+    function unbind(callback) {
+      if (typeof callback !== 'function') return;
+      var i = void 0;
+      while (i = changeEvents.includes(callback)) {
+        changeEvents.splice(i, 1);
+      }
+    }
+    function destroy() {
+      // unbind all possible events and null objects
+      $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);
+      bar.unbind('mousedown', mouseDown);
+      bar = null;
+      arrow = null;
+      changeEvents = null;
+    }
+    var offset = void 0,
+        timeout = void 0,
+        x = 0,
+        y = 0,
+        minX = 0,
+        maxX = 100,
+        rangeX = 100,
+        minY = 0,
+        maxY = 100,
+        rangeY = 100,
+        arrow = bar.find('img:first'),
+        // the arrow image to drag
+    changeEvents = [];
+
+    $.extend(true, $this, // public properties, methods, and event bindings - these we need to access from other controls
+    {
+      val: val,
+      range: range,
+      bind: bind,
+      unbind: unbind,
+      destroy: destroy
+    });
+    // initialize this control
+    arrow.src = options.arrow && options.arrow.image;
+    arrow.w = options.arrow && options.arrow.width || arrow.width();
+    arrow.h = options.arrow && options.arrow.height || arrow.height();
+    bar.w = options.map && options.map.width || bar.width();
+    bar.h = options.map && options.map.height || bar.height();
+    // bind mousedown event
+    bar.bind('mousedown', mouseDown);
+    bind.call($this, draw);
+  }
+  // controls for all the input elements for the typing in color values
+  function ColorValuePicker(picker, color, bindedHex, alphaPrecision) {
+    var $this = this; // private properties and methods
+    var inputs = picker.find('td.Text input');
+    // input box key down - use arrows to alter color
+    function keyDown(e) {
+      if (e.target.value === '' && e.target !== hex.get(0) && (bindedHex != null && e.target !== bindedHex.get(0) || bindedHex == null)) return;
+      if (!validateKey(e)) return e;
+      switch (e.target) {
+        case red.get(0):
+          switch (e.keyCode) {
+            case 38:
+              red.val(setValueInRange.call($this, (red.val() << 0) + 1, 0, 255));
+              color.val('r', red.val(), e.target);
+              return false;
+            case 40:
+              red.val(setValueInRange.call($this, (red.val() << 0) - 1, 0, 255));
+              color.val('r', red.val(), e.target);
+              return false;
+          }
+          break;
+        case green.get(0):
+          switch (e.keyCode) {
+            case 38:
+              green.val(setValueInRange.call($this, (green.val() << 0) + 1, 0, 255));
+              color.val('g', green.val(), e.target);
+              return false;
+            case 40:
+              green.val(setValueInRange.call($this, (green.val() << 0) - 1, 0, 255));
+              color.val('g', green.val(), e.target);
+              return false;
+          }
+          break;
+        case blue.get(0):
+          switch (e.keyCode) {
+            case 38:
+              blue.val(setValueInRange.call($this, (blue.val() << 0) + 1, 0, 255));
+              color.val('b', blue.val(), e.target);
+              return false;
+            case 40:
+              blue.val(setValueInRange.call($this, (blue.val() << 0) - 1, 0, 255));
+              color.val('b', blue.val(), e.target);
+              return false;
+          }
+          break;
+        case alpha && alpha.get(0):
+          switch (e.keyCode) {
+            case 38:
+              alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) + 1, 0, 100));
+              color.val('a', Math.precision(alpha.val() * 255 / 100, alphaPrecision), e.target);
+              return false;
+            case 40:
+              alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) - 1, 0, 100));
+              color.val('a', Math.precision(alpha.val() * 255 / 100, alphaPrecision), e.target);
+              return false;
+          }
+          break;
+        case hue.get(0):
+          switch (e.keyCode) {
+            case 38:
+              hue.val(setValueInRange.call($this, (hue.val() << 0) + 1, 0, 360));
+              color.val('h', hue.val(), e.target);
+              return false;
+            case 40:
+              hue.val(setValueInRange.call($this, (hue.val() << 0) - 1, 0, 360));
+              color.val('h', hue.val(), e.target);
+              return false;
+          }
+          break;
+        case saturation.get(0):
+          switch (e.keyCode) {
+            case 38:
+              saturation.val(setValueInRange.call($this, (saturation.val() << 0) + 1, 0, 100));
+              color.val('s', saturation.val(), e.target);
+              return false;
+            case 40:
+              saturation.val(setValueInRange.call($this, (saturation.val() << 0) - 1, 0, 100));
+              color.val('s', saturation.val(), e.target);
+              return false;
+          }
+          break;
+        case value.get(0):
+          switch (e.keyCode) {
+            case 38:
+              value.val(setValueInRange.call($this, (value.val() << 0) + 1, 0, 100));
+              color.val('v', value.val(), e.target);
+              return false;
+            case 40:
+              value.val(setValueInRange.call($this, (value.val() << 0) - 1, 0, 100));
+              color.val('v', value.val(), e.target);
+              return false;
+          }
+          break;
+      }
+    }
+    // input box key up - validate value and set color
+    function keyUp(e) {
+      if (e.target.value === '' && e.target !== hex.get(0) && (bindedHex != null && e.target !== bindedHex.get(0) || bindedHex == null)) return;
+      if (!validateKey(e)) return e;
+      switch (e.target) {
+        case red.get(0):
+          red.val(setValueInRange.call($this, red.val(), 0, 255));
+          color.val('r', red.val(), e.target);
+          break;
+        case green.get(0):
+          green.val(setValueInRange.call($this, green.val(), 0, 255));
+          color.val('g', green.val(), e.target);
+          break;
+        case blue.get(0):
+          blue.val(setValueInRange.call($this, blue.val(), 0, 255));
+          color.val('b', blue.val(), e.target);
+          break;
+        case alpha && alpha.get(0):
+          alpha.val(setValueInRange.call($this, alpha.val(), 0, 100));
+          color.val('a', Math.precision(alpha.val() * 255 / 100, alphaPrecision), e.target);
+          break;
+        case hue.get(0):
+          hue.val(setValueInRange.call($this, hue.val(), 0, 360));
+          color.val('h', hue.val(), e.target);
+          break;
+        case saturation.get(0):
+          saturation.val(setValueInRange.call($this, saturation.val(), 0, 100));
+          color.val('s', saturation.val(), e.target);
+          break;
+        case value.get(0):
+          value.val(setValueInRange.call($this, value.val(), 0, 100));
+          color.val('v', value.val(), e.target);
+          break;
+        case hex.get(0):
+          hex.val(hex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));
+          bindedHex && bindedHex.val(hex.val());
+          color.val('hex', hex.val() !== '' ? hex.val() : null, e.target);
+          break;
+        case bindedHex && bindedHex.get(0):
+          bindedHex.val(bindedHex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));
+          hex.val(bindedHex.val());
+          color.val('hex', bindedHex.val() !== '' ? bindedHex.val() : null, e.target);
+          break;
+        case ahex && ahex.get(0):
+          ahex.val(ahex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 2));
+          color.val('a', ahex.val() != null ? parseInt(ahex.val(), 16) : null, e.target);
+          break;
+      }
+    }
+    // input box blur - reset to original if value empty
+    function blur(e) {
+      if (color.val() != null) {
+        switch (e.target) {
+          case red.get(0):
+            red.val(color.val('r'));break;
+          case green.get(0):
+            green.val(color.val('g'));break;
+          case blue.get(0):
+            blue.val(color.val('b'));break;
+          case alpha && alpha.get(0):
+            alpha.val(Math.precision(color.val('a') * 100 / 255, alphaPrecision));break;
+          case hue.get(0):
+            hue.val(color.val('h'));break;
+          case saturation.get(0):
+            saturation.val(color.val('s'));break;
+          case value.get(0):
+            value.val(color.val('v'));break;
+          case hex.get(0):
+          case bindedHex && bindedHex.get(0):
+            hex.val(color.val('hex'));
+            bindedHex && bindedHex.val(color.val('hex'));
+            break;
+          case ahex && ahex.get(0):
+            ahex.val(color.val('ahex').substring(6));break;
+        }
+      }
+    }
+    function validateKey(e) {
+      switch (e.keyCode) {
+        case 9:
+        case 16:
+        case 29:
+        case 37:
+        case 39:
+          return false;
+        case 'c'.charCodeAt():
+        case 'v'.charCodeAt():
+          if (e.ctrlKey) return false;
+      }
+      return true;
+    }
+    // constrain value within range
+    function setValueInRange(value, min, max) {
+      if (value === '' || isNaN(value)) return min;
+      if (value > max) return max;
+      if (value < min) return min;
+      return value;
+    }
+    function colorChanged(ui, context) {
+      var all = ui.val('all');
+      if (context !== red.get(0)) red.val(all != null ? all.r : '');
+      if (context !== green.get(0)) green.val(all != null ? all.g : '');
+      if (context !== blue.get(0)) blue.val(all != null ? all.b : '');
+      if (alpha && context !== alpha.get(0)) alpha.val(all != null ? Math.precision(all.a * 100 / 255, alphaPrecision) : '');
+      if (context !== hue.get(0)) hue.val(all != null ? all.h : '');
+      if (context !== saturation.get(0)) saturation.val(all != null ? all.s : '');
+      if (context !== value.get(0)) value.val(all != null ? all.v : '');
+      if (context !== hex.get(0) && (bindedHex && context !== bindedHex.get(0) || !bindedHex)) hex.val(all != null ? all.hex : '');
+      if (bindedHex && context !== bindedHex.get(0) && context !== hex.get(0)) bindedHex.val(all != null ? all.hex : '');
+      if (ahex && context !== ahex.get(0)) ahex.val(all != null ? all.ahex.substring(6) : '');
+    }
+    function destroy() {
+      // unbind all events and null objects
+      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).unbind('keyup', keyUp).unbind('blur', blur);
+      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).unbind('keydown', keyDown);
+      color.unbind(colorChanged);
+      red = null;
+      green = null;
+      blue = null;
+      alpha = null;
+      hue = null;
+      saturation = null;
+      value = null;
+      hex = null;
+      ahex = null;
+    }
+    var red = inputs.eq(3),
+        green = inputs.eq(4),
+        blue = inputs.eq(5),
+        alpha = inputs.length > 7 ? inputs.eq(6) : null,
+        hue = inputs.eq(0),
+        saturation = inputs.eq(1),
+        value = inputs.eq(2),
+        hex = inputs.eq(inputs.length > 7 ? 7 : 6),
+        ahex = inputs.length > 7 ? inputs.eq(8) : null;
+    $.extend(true, $this, {
+      // public properties and methods
+      destroy: destroy
+    });
+    red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).bind('keyup', keyUp).bind('blur', blur);
+    red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).bind('keydown', keyDown);
+    color.bind(colorChanged);
+  }
+
+  /**
+  * @typedef {PlainObject} module:jPicker.JPickerInit
+  * @property {Integer} a
+  * @property {Integer} b
+  * @property {Integer} g
+  * @property {Integer} h
+  * @property {Integer} r
+  * @property {Integer} s
+  * @property {Integer} v
+  * @property {string} hex
+  * @property {string} ahex
+  */
+
+  /**
+  * @namespace {PlainObject} jPicker
+  * @memberof external:jQuery
+  */
+  $.jPicker = /** @lends external:jQuery.jPicker */{
+    /**
+    * Array holding references to each active instance of the jPicker control
+    * @type {external:jQuery.fn.$.fn.jPicker[]}
+    */
+    List: [],
+    /**
+    * Color object - we will be able to assign by any color space type or
+    * retrieve any color space info.
+    * We want this public so we can optionally assign new color objects to
+    * initial values using inputs other than a string hex value (also supported)
+    * Note: JSDoc didn't document when expressed here as an ES6 Class.
+    * @namespace
+    * @class
+    * @memberof external:jQuery.jPicker
+    * @param {module:jPicker.JPickerInit} init
+    */
+    Color: function Color(init) {
+      var $this = this;
+      function fireChangeEvents(context) {
+        for (var i = 0; i < changeEvents.length; i++) {
+          changeEvents[i].call($this, $this, context);
+        }
+      }
+      function val(name, value, context) {
+        // Kind of ugly
+        var set$$1 = Boolean(value);
+        if (set$$1 && value.ahex === '') value.ahex = '00000000';
+        if (!set$$1) {
+          if (name === undefined || name == null || name === '') name = 'all';
+          if (r == null) return null;
+          switch (name.toLowerCase()) {
+            case 'ahex':
+              return ColorMethods.rgbaToHex({ r: r, g: g, b: b, a: a });
+            case 'hex':
+              return val('ahex').substring(0, 6);
+            case 'all':
+              return { r: r, g: g, b: b, a: a, h: h, s: s, v: v, hex: val.call($this, 'hex'), ahex: val.call($this, 'ahex') };
+            default:
+              var ret = {};
+              for (var i = 0; i < name.length; i++) {
+                switch (name.charAt(i)) {
+                  case 'r':
+                    if (name.length === 1) ret = r;else ret.r = r;
+                    break;
+                  case 'g':
+                    if (name.length === 1) ret = g;else ret.g = g;
+                    break;
+                  case 'b':
+                    if (name.length === 1) ret = b;else ret.b = b;
+                    break;
+                  case 'a':
+                    if (name.length === 1) ret = a;else ret.a = a;
+                    break;
+                  case 'h':
+                    if (name.length === 1) ret = h;else ret.h = h;
+                    break;
+                  case 's':
+                    if (name.length === 1) ret = s;else ret.s = s;
+                    break;
+                  case 'v':
+                    if (name.length === 1) ret = v;else ret.v = v;
+                    break;
+                }
+              }
+              return !name.length ? val.call($this, 'all') : ret;
+          }
+        }
+        if (context != null && context === $this) return;
+        if (name == null) name = '';
+
+        var changed = false;
+        if (value == null) {
+          if (r != null) {
+            r = null;
+            changed = true;
+          }
+          if (g != null) {
+            g = null;
+            changed = true;
+          }
+          if (b != null) {
+            b = null;
+            changed = true;
+          }
+          if (a != null) {
+            a = null;
+            changed = true;
+          }
+          if (h != null) {
+            h = null;
+            changed = true;
+          }
+          if (s != null) {
+            s = null;
+            changed = true;
+          }
+          if (v != null) {
+            v = null;
+            changed = true;
+          }
+          changed && fireChangeEvents.call($this, context || $this);
+          return;
+        }
+        switch (name.toLowerCase()) {
+          case 'ahex':
+          case 'hex':
+            var _ret = ColorMethods.hexToRgba(value && (value.ahex || value.hex) || value || 'none');
+            val.call($this, 'rgba', { r: _ret.r, g: _ret.g, b: _ret.b, a: name === 'ahex' ? _ret.a : a != null ? a : 255 }, context);
+            break;
+          default:
+            if (value && (value.ahex != null || value.hex != null)) {
+              val.call($this, 'ahex', value.ahex || value.hex || '00000000', context);
+              return;
+            }
+            var newV = {};
+            var rgb = false,
+                hsv = false;
+            if (value.r !== undefined && !name.includes('r')) name += 'r';
+            if (value.g !== undefined && !name.includes('g')) name += 'g';
+            if (value.b !== undefined && !name.includes('b')) name += 'b';
+            if (value.a !== undefined && !name.includes('a')) name += 'a';
+            if (value.h !== undefined && !name.includes('h')) name += 'h';
+            if (value.s !== undefined && !name.includes('s')) name += 's';
+            if (value.v !== undefined && !name.includes('v')) name += 'v';
+            for (var _i = 0; _i < name.length; _i++) {
+              switch (name.charAt(_i)) {
+                case 'r':
+                  if (hsv) continue;
+                  rgb = true;
+                  newV.r = value && value.r && value.r | 0 || value && value | 0 || 0;
+                  if (newV.r < 0) newV.r = 0;else if (newV.r > 255) newV.r = 255;
+                  if (r !== newV.r) {
+                    r = newV.r;
+
+                    changed = true;
+                  }
+                  break;
+                case 'g':
+                  if (hsv) continue;
+                  rgb = true;
+                  newV.g = value && value.g && value.g | 0 || value && value | 0 || 0;
+                  if (newV.g < 0) newV.g = 0;else if (newV.g > 255) newV.g = 255;
+                  if (g !== newV.g) {
+                    g = newV.g;
+
+                    changed = true;
+                  }
+                  break;
+                case 'b':
+                  if (hsv) continue;
+                  rgb = true;
+                  newV.b = value && value.b && value.b | 0 || value && value | 0 || 0;
+                  if (newV.b < 0) newV.b = 0;else if (newV.b > 255) newV.b = 255;
+                  if (b !== newV.b) {
+                    b = newV.b;
+
+                    changed = true;
+                  }
+                  break;
+                case 'a':
+                  newV.a = value && value.a != null ? value.a | 0 : value != null ? value | 0 : 255;
+                  if (newV.a < 0) newV.a = 0;else if (newV.a > 255) newV.a = 255;
+                  if (a !== newV.a) {
+                    a = newV.a;
+
+                    changed = true;
+                  }
+                  break;
+                case 'h':
+                  if (rgb) continue;
+                  hsv = true;
+                  newV.h = value && value.h && value.h | 0 || value && value | 0 || 0;
+                  if (newV.h < 0) newV.h = 0;else if (newV.h > 360) newV.h = 360;
+                  if (h !== newV.h) {
+                    h = newV.h;
+
+                    changed = true;
+                  }
+                  break;
+                case 's':
+                  if (rgb) continue;
+                  hsv = true;
+                  newV.s = value && value.s != null ? value.s | 0 : value != null ? value | 0 : 100;
+                  if (newV.s < 0) newV.s = 0;else if (newV.s > 100) newV.s = 100;
+                  if (s !== newV.s) {
+                    s = newV.s;
+
+                    changed = true;
+                  }
+                  break;
+                case 'v':
+                  if (rgb) continue;
+                  hsv = true;
+                  newV.v = value && value.v != null ? value.v | 0 : value != null ? value | 0 : 100;
+                  if (newV.v < 0) newV.v = 0;else if (newV.v > 100) newV.v = 100;
+                  if (v !== newV.v) {
+                    v = newV.v;
+
+                    changed = true;
+                  }
+                  break;
+              }
+            }
+            if (changed) {
+              if (rgb) {
+                r = r || 0;
+                g = g || 0;
+                b = b || 0;
+                var _ret2 = ColorMethods.rgbToHsv({ r: r, g: g, b: b });
+                h = _ret2.h;
+                s = _ret2.s;
+                v = _ret2.v;
+              } else if (hsv) {
+                h = h || 0;
+                s = s != null ? s : 100;
+                v = v != null ? v : 100;
+                var _ret3 = ColorMethods.hsvToRgb({ h: h, s: s, v: v });
+                r = _ret3.r;
+                g = _ret3.g;
+                b = _ret3.b;
+              }
+              a = a != null ? a : 255;
+              fireChangeEvents.call($this, context || $this);
+            }
+            break;
+        }
+      }
+      function bind(callback) {
+        if (typeof callback === 'function') changeEvents.push(callback);
+      }
+      function unbind(callback) {
+        if (typeof callback !== 'function') return;
+        var i = void 0;
+        while (i = changeEvents.includes(callback)) {
+          changeEvents.splice(i, 1);
+        }
+      }
+      function destroy() {
+        changeEvents = null;
+      }
+      var r = void 0,
+          g = void 0,
+          b = void 0,
+          a = void 0,
+          h = void 0,
+          s = void 0,
+          v = void 0,
+          changeEvents = [];
+
+      $.extend(true, $this, {
+        // public properties and methods
+        val: val,
+        bind: bind,
+        unbind: unbind,
+        destroy: destroy
+      });
+      if (init) {
+        if (init.ahex != null) {
+          val('ahex', init);
+        } else if (init.hex != null) {
+          val((init.a != null ? 'a' : '') + 'hex', init.a != null ? { ahex: init.hex + ColorMethods.intToHex(init.a) } : init);
+        } else if (init.r != null && init.g != null && init.b != null) {
+          val('rgb' + (init.a != null ? 'a' : ''), init);
+        } else if (init.h != null && init.s != null && init.v != null) {
+          val('hsv' + (init.a != null ? 'a' : ''), init);
+        }
+      }
+    },
+    /**
+    * color conversion methods  - make public to give use to external scripts
+    * @namespace
+    */
+    ColorMethods: {
+      /**
+      * @typedef {PlainObject} module:jPicker.RGBA
+      * @property {Integer} r
+      * @property {Integer} g
+      * @property {Integer} b
+      * @property {Integer} a
+      */
+      /**
+      * @typedef {PlainObject} module:jPicker.RGB
+      * @property {Integer} r
+      * @property {Integer} g
+      * @property {Integer} b
+      */
+      /**
+      * @param {string} hex
+      * @returns {module:jPicker.RGBA}
+      */
+      hexToRgba: function hexToRgba(hex) {
+        if (hex === '' || hex === 'none') return { r: null, g: null, b: null, a: null };
+        hex = this.validateHex(hex);
+        var r = '00',
+            g = '00',
+            b = '00',
+            a = '255';
+        if (hex.length === 6) hex += 'ff';
+        if (hex.length > 6) {
+          r = hex.substring(0, 2);
+          g = hex.substring(2, 4);
+          b = hex.substring(4, 6);
+          a = hex.substring(6, hex.length);
+        } else {
+          if (hex.length > 4) {
+            r = hex.substring(4, hex.length);
+            hex = hex.substring(0, 4);
+          }
+          if (hex.length > 2) {
+            g = hex.substring(2, hex.length);
+            hex = hex.substring(0, 2);
+          }
+          if (hex.length > 0) b = hex.substring(0, hex.length);
+        }
+        return {
+          r: this.hexToInt(r), g: this.hexToInt(g), b: this.hexToInt(b), a: this.hexToInt(a)
+        };
+      },
+
+      /**
+      * @param {string} hex
+      * @returns {string}
+      */
+      validateHex: function validateHex(hex) {
+        // if (typeof hex === 'object') return '';
+        hex = hex.toLowerCase().replace(/[^a-f0-9]/g, '');
+        if (hex.length > 8) hex = hex.substring(0, 8);
+        return hex;
+      },
+
+      /**
+      * @param {module:jPicker.RGBA} rgba
+      * @returns {string}
+      */
+      rgbaToHex: function rgbaToHex(rgba) {
+        return this.intToHex(rgba.r) + this.intToHex(rgba.g) + this.intToHex(rgba.b) + this.intToHex(rgba.a);
+      },
+
+      /**
+      * @param {Integer} dec
+      * @returns {string}
+      */
+      intToHex: function intToHex(dec) {
+        var result = (dec | 0).toString(16);
+        if (result.length === 1) result = '0' + result;
+        return result.toLowerCase();
+      },
+
+      /**
+      * @param {string} hex
+      * @returns {Integer}
+      */
+      hexToInt: function hexToInt(hex) {
+        return parseInt(hex, 16);
+      },
+
+      /**
+      * @typedef {PlainObject} module:jPicker.HSV
+      * @property {Integer} h
+      * @property {Integer} s
+      * @property {Integer} v
+      */
+      /**
+      * @param {module:jPicker.RGB} rgb
+      * @returns {module:jPicker.HSV}
+      */
+      rgbToHsv: function rgbToHsv(rgb) {
+        var r = rgb.r / 255,
+            g = rgb.g / 255,
+            b = rgb.b / 255,
+            hsv = { h: 0, s: 0, v: 0 };
+        var min = 0,
+            max = 0;
+        if (r >= g && r >= b) {
+          max = r;
+          min = g > b ? b : g;
+        } else if (g >= b && g >= r) {
+          max = g;
+          min = r > b ? b : r;
+        } else {
+          max = b;
+          min = g > r ? r : g;
+        }
+        hsv.v = max;
+        hsv.s = max ? (max - min) / max : 0;
+        var delta = void 0;
+        if (!hsv.s) hsv.h = 0;else {
+          delta = max - min;
+          if (r === max) hsv.h = (g - b) / delta;else if (g === max) hsv.h = 2 + (b - r) / delta;else hsv.h = 4 + (r - g) / delta;
+          hsv.h = parseInt(hsv.h * 60);
+          if (hsv.h < 0) hsv.h += 360;
+        }
+        hsv.s = hsv.s * 100 | 0;
+        hsv.v = hsv.v * 100 | 0;
+        return hsv;
+      },
+
+      /**
+      * @param {module:jPicker.HSV} hsv
+      * @returns {module:jPicker.RGB}
+      */
+      hsvToRgb: function hsvToRgb(hsv) {
+        var rgb = { r: 0, g: 0, b: 0, a: 100 };
+        var h = hsv.h,
+            s = hsv.s,
+            v = hsv.v;
+
+        if (s === 0) {
+          if (v === 0) rgb.r = rgb.g = rgb.b = 0;else rgb.r = rgb.g = rgb.b = v * 255 / 100 | 0;
+        } else {
+          if (h === 360) h = 0;
+          h /= 60;
+          s = s / 100;
+          v = v / 100;
+          var i = h | 0,
+              f = h - i,
+              p = v * (1 - s),
+              q = v * (1 - s * f),
+              t = v * (1 - s * (1 - f));
+          switch (i) {
+            case 0:
+              rgb.r = v;
+              rgb.g = t;
+              rgb.b = p;
+              break;
+            case 1:
+              rgb.r = q;
+              rgb.g = v;
+              rgb.b = p;
+              break;
+            case 2:
+              rgb.r = p;
+              rgb.g = v;
+              rgb.b = t;
+              break;
+            case 3:
+              rgb.r = p;
+              rgb.g = q;
+              rgb.b = v;
+              break;
+            case 4:
+              rgb.r = t;
+              rgb.g = p;
+              rgb.b = v;
+              break;
+            case 5:
+              rgb.r = v;
+              rgb.g = p;
+              rgb.b = q;
+              break;
+          }
+          rgb.r = rgb.r * 255 | 0;
+          rgb.g = rgb.g * 255 | 0;
+          rgb.b = rgb.b * 255 | 0;
+        }
+        return rgb;
+      }
+    }
+  };
+  var _$$jPicker = $.jPicker,
+      Color = _$$jPicker.Color,
+      List = _$$jPicker.List,
+      ColorMethods = _$$jPicker.ColorMethods; // local copies for YUI compressor
+  /**
+   * @function external:jQuery.fn.jPicker
+   * @see {@link external:jQuery.fn.$.fn.jPicker}
+   */
+  /**
+  * While it would seem this should specify the name `jPicker` for JSDoc, that doesn't
+  *   get us treated as a function as well as a namespace (even with `@function name`),
+  *   so we use an approach to add a redundant `$.fn.` in the name.
+  * @namespace
+  * @memberof external:jQuery.fn
+  * @param {external:jQuery.fn.jPickerOptions} options
+  * @returns {external:jQuery}
+  */
+
+  $.fn.jPicker = function (options) {
+    var $arguments = arguments;
+    return this.each(function () {
+      var $this = this,
+          settings = $.extend(true, {}, $.fn.jPicker.defaults, options); // local copies for YUI compressor
+      if ($($this).get(0).nodeName.toLowerCase() === 'input') {
+        // Add color picker icon if binding to an input element and bind the events to the input
+        $.extend(true, settings, {
+          window: {
+            bindToInput: true,
+            expandable: true,
+            input: $($this)
+          }
+        });
+        if ($($this).val() === '') {
+          settings.color.active = new Color({ hex: null });
+          settings.color.current = new Color({ hex: null });
+        } else if (ColorMethods.validateHex($($this).val())) {
+          settings.color.active = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });
+          settings.color.current = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });
+        }
+      }
+      if (settings.window.expandable) {
+        $($this).after('<span class="jPicker"><span class="Icon"><span class="Color">&nbsp;</span><span class="Alpha">&nbsp;</span><span class="Image" title="Click To Open Color Picker">&nbsp;</span><span class="Container">&nbsp;</span></span></span>');
+      } else {
+        settings.window.liveUpdate = false; // Basic control binding for inline use - You will need to override the liveCallback or commitCallback function to retrieve results
+      }
+      var isLessThanIE7 = parseFloat(navigator.appVersion.split('MSIE')[1]) < 7 && document.body.filters; // needed to run the AlphaImageLoader function for IE6
+      // set color mode and update visuals for the new color mode
+      /**
+       *
+       * @param {"h"|"s"|"v"|"r"|"g"|"b"|"a"} colorMode [description]
+       * @throws {Error} Invalid mode
+       */
+      function setColorMode(colorMode) {
+        var active = color.active,
+            hex = active.val('hex');
+        var rgbMap = void 0,
+            rgbBar = void 0;
+        settings.color.mode = colorMode;
+        switch (colorMode) {
+          case 'h':
+            setTimeout(function () {
+              setBG.call($this, colorMapDiv, 'transparent');
+              setImgLoc.call($this, colorMapL1, 0);
+              setAlpha.call($this, colorMapL1, 100);
+              setImgLoc.call($this, colorMapL2, 260);
+              setAlpha.call($this, colorMapL2, 100);
+              setBG.call($this, colorBarDiv, 'transparent');
+              setImgLoc.call($this, colorBarL1, 0);
+              setAlpha.call($this, colorBarL1, 100);
+              setImgLoc.call($this, colorBarL2, 260);
+              setAlpha.call($this, colorBarL2, 100);
+              setImgLoc.call($this, colorBarL3, 260);
+              setAlpha.call($this, colorBarL3, 100);
+              setImgLoc.call($this, colorBarL4, 260);
+              setAlpha.call($this, colorBarL4, 100);
+              setImgLoc.call($this, colorBarL6, 260);
+              setAlpha.call($this, colorBarL6, 100);
+            }, 0);
+            colorMap.range('all', { minX: 0, maxX: 100, minY: 0, maxY: 100 });
+            colorBar.range('rangeY', { minY: 0, maxY: 360 });
+            if (active.val('ahex') == null) break;
+            colorMap.val('xy', { x: active.val('s'), y: 100 - active.val('v') }, colorMap);
+            colorBar.val('y', 360 - active.val('h'), colorBar);
+            break;
+          case 's':
+            setTimeout(function () {
+              setBG.call($this, colorMapDiv, 'transparent');
+              setImgLoc.call($this, colorMapL1, -260);
+              setImgLoc.call($this, colorMapL2, -520);
+              setImgLoc.call($this, colorBarL1, -260);
+              setImgLoc.call($this, colorBarL2, -520);
+              setImgLoc.call($this, colorBarL6, 260);
+              setAlpha.call($this, colorBarL6, 100);
+            }, 0);
+            colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+            colorBar.range('rangeY', { minY: 0, maxY: 100 });
+            if (active.val('ahex') == null) break;
+            colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);
+            colorBar.val('y', 100 - active.val('s'), colorBar);
+            break;
+          case 'v':
+            setTimeout(function () {
+              setBG.call($this, colorMapDiv, '000000');
+              setImgLoc.call($this, colorMapL1, -780);
+              setImgLoc.call($this, colorMapL2, 260);
+              setBG.call($this, colorBarDiv, hex);
+              setImgLoc.call($this, colorBarL1, -520);
+              setImgLoc.call($this, colorBarL2, 260);
+              setAlpha.call($this, colorBarL2, 100);
+              setImgLoc.call($this, colorBarL6, 260);
+              setAlpha.call($this, colorBarL6, 100);
+            }, 0);
+            colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+            colorBar.range('rangeY', { minY: 0, maxY: 100 });
+            if (active.val('ahex') == null) break;
+            colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('s') }, colorMap);
+            colorBar.val('y', 100 - active.val('v'), colorBar);
+            break;
+          case 'r':
+            rgbMap = -1040;
+            rgbBar = -780;
+            colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+            colorBar.range('rangeY', { minY: 0, maxY: 255 });
+            if (active.val('ahex') == null) break;
+            colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('g') }, colorMap);
+            colorBar.val('y', 255 - active.val('r'), colorBar);
+            break;
+          case 'g':
+            rgbMap = -1560;
+            rgbBar = -1820;
+            colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+            colorBar.range('rangeY', { minY: 0, maxY: 255 });
+            if (active.val('ahex') == null) break;
+            colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('r') }, colorMap);
+            colorBar.val('y', 255 - active.val('g'), colorBar);
+            break;
+          case 'b':
+            rgbMap = -2080;
+            rgbBar = -2860;
+            colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+            colorBar.range('rangeY', { minY: 0, maxY: 255 });
+            if (active.val('ahex') == null) break;
+            colorMap.val('xy', { x: active.val('r'), y: 255 - active.val('g') }, colorMap);
+            colorBar.val('y', 255 - active.val('b'), colorBar);
+            break;
+          case 'a':
+            setTimeout(function () {
+              setBG.call($this, colorMapDiv, 'transparent');
+              setImgLoc.call($this, colorMapL1, -260);
+              setImgLoc.call($this, colorMapL2, -520);
+              setImgLoc.call($this, colorBarL1, 260);
+              setImgLoc.call($this, colorBarL2, 260);
+              setAlpha.call($this, colorBarL2, 100);
+              setImgLoc.call($this, colorBarL6, 0);
+              setAlpha.call($this, colorBarL6, 100);
+            }, 0);
+            colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+            colorBar.range('rangeY', { minY: 0, maxY: 255 });
+            if (active.val('ahex') == null) break;
+            colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);
+            colorBar.val('y', 255 - active.val('a'), colorBar);
+            break;
+          default:
+            throw new Error('Invalid Mode');
+        }
+        switch (colorMode) {
+          case 'h':
+            break;
+          case 's':
+          case 'v':
+          case 'a':
+            setTimeout(function () {
+              setAlpha.call($this, colorMapL1, 100);
+              setAlpha.call($this, colorBarL1, 100);
+              setImgLoc.call($this, colorBarL3, 260);
+              setAlpha.call($this, colorBarL3, 100);
+              setImgLoc.call($this, colorBarL4, 260);
+              setAlpha.call($this, colorBarL4, 100);
+            }, 0);
+            break;
+          case 'r':
+          case 'g':
+          case 'b':
+            setTimeout(function () {
+              setBG.call($this, colorMapDiv, 'transparent');
+              setBG.call($this, colorBarDiv, 'transparent');
+              setAlpha.call($this, colorBarL1, 100);
+              setAlpha.call($this, colorMapL1, 100);
+              setImgLoc.call($this, colorMapL1, rgbMap);
+              setImgLoc.call($this, colorMapL2, rgbMap - 260);
+              setImgLoc.call($this, colorBarL1, rgbBar - 780);
+              setImgLoc.call($this, colorBarL2, rgbBar - 520);
+              setImgLoc.call($this, colorBarL3, rgbBar);
+              setImgLoc.call($this, colorBarL4, rgbBar - 260);
+              setImgLoc.call($this, colorBarL6, 260);
+              setAlpha.call($this, colorBarL6, 100);
+            }, 0);
+            break;
+        }
+        if (active.val('ahex') == null) return;
+        activeColorChanged.call($this, active);
+      }
+      // Update color when user changes text values
+      function activeColorChanged(ui, context) {
+        if (context == null || context !== colorBar && context !== colorMap) positionMapAndBarArrows.call($this, ui, context);
+        setTimeout(function () {
+          updatePreview.call($this, ui);
+          updateMapVisuals.call($this, ui);
+          updateBarVisuals.call($this, ui);
+        }, 0);
+      }
+      // user has dragged the ColorMap pointer
+      function mapValueChanged(ui, context) {
+        var active = color.active;
+
+        if (context !== colorMap && active.val() == null) return;
+        var xy = ui.val('all');
+        switch (settings.color.mode) {
+          case 'h':
+            active.val('sv', { s: xy.x, v: 100 - xy.y }, context);
+            break;
+          case 's':
+          case 'a':
+            active.val('hv', { h: xy.x, v: 100 - xy.y }, context);
+            break;
+          case 'v':
+            active.val('hs', { h: xy.x, s: 100 - xy.y }, context);
+            break;
+          case 'r':
+            active.val('gb', { g: 255 - xy.y, b: xy.x }, context);
+            break;
+          case 'g':
+            active.val('rb', { r: 255 - xy.y, b: xy.x }, context);
+            break;
+          case 'b':
+            active.val('rg', { r: xy.x, g: 255 - xy.y }, context);
+            break;
+        }
+      }
+      // user has dragged the ColorBar slider
+      function colorBarValueChanged(ui, context) {
+        var active = color.active;
+
+        if (context !== colorBar && active.val() == null) return;
+        switch (settings.color.mode) {
+          case 'h':
+            active.val('h', { h: 360 - ui.val('y') }, context);
+            break;
+          case 's':
+            active.val('s', { s: 100 - ui.val('y') }, context);
+            break;
+          case 'v':
+            active.val('v', { v: 100 - ui.val('y') }, context);
+            break;
+          case 'r':
+            active.val('r', { r: 255 - ui.val('y') }, context);
+            break;
+          case 'g':
+            active.val('g', { g: 255 - ui.val('y') }, context);
+            break;
+          case 'b':
+            active.val('b', { b: 255 - ui.val('y') }, context);
+            break;
+          case 'a':
+            active.val('a', 255 - ui.val('y'), context);
+            break;
+        }
+      }
+      // position map and bar arrows to match current color
+      function positionMapAndBarArrows(ui, context) {
+        if (context !== colorMap) {
+          switch (settings.color.mode) {
+            case 'h':
+              var sv = ui.val('sv');
+              colorMap.val('xy', { x: sv != null ? sv.s : 100, y: 100 - (sv != null ? sv.v : 100) }, context);
+              break;
+            case 's':
+            case 'a':
+              var hv = ui.val('hv');
+              colorMap.val('xy', { x: hv && hv.h || 0, y: 100 - (hv != null ? hv.v : 100) }, context);
+              break;
+            case 'v':
+              var hs = ui.val('hs');
+              colorMap.val('xy', { x: hs && hs.h || 0, y: 100 - (hs != null ? hs.s : 100) }, context);
+              break;
+            case 'r':
+              var bg = ui.val('bg');
+              colorMap.val('xy', { x: bg && bg.b || 0, y: 255 - (bg && bg.g || 0) }, context);
+              break;
+            case 'g':
+              var br = ui.val('br');
+              colorMap.val('xy', { x: br && br.b || 0, y: 255 - (br && br.r || 0) }, context);
+              break;
+            case 'b':
+              var rg = ui.val('rg');
+              colorMap.val('xy', { x: rg && rg.r || 0, y: 255 - (rg && rg.g || 0) }, context);
+              break;
+          }
+        }
+        if (context !== colorBar) {
+          switch (settings.color.mode) {
+            case 'h':
+              colorBar.val('y', 360 - (ui.val('h') || 0), context);
+              break;
+            case 's':
+              var s = ui.val('s');
+              colorBar.val('y', 100 - (s != null ? s : 100), context);
+              break;
+            case 'v':
+              var v = ui.val('v');
+              colorBar.val('y', 100 - (v != null ? v : 100), context);
+              break;
+            case 'r':
+              colorBar.val('y', 255 - (ui.val('r') || 0), context);
+              break;
+            case 'g':
+              colorBar.val('y', 255 - (ui.val('g') || 0), context);
+              break;
+            case 'b':
+              colorBar.val('y', 255 - (ui.val('b') || 0), context);
+              break;
+            case 'a':
+              var a = ui.val('a');
+              colorBar.val('y', 255 - (a != null ? a : 255), context);
+              break;
+          }
+        }
+      }
+      function updatePreview(ui) {
+        try {
+          var all = ui.val('all');
+          activePreview.css({ backgroundColor: all && '#' + all.hex || 'transparent' });
+          setAlpha.call($this, activePreview, all && Math.precision(all.a * 100 / 255, 4) || 0);
+        } catch (e) {}
+      }
+      function updateMapVisuals(ui) {
+        switch (settings.color.mode) {
+          case 'h':
+            setBG.call($this, colorMapDiv, new Color({ h: ui.val('h') || 0, s: 100, v: 100 }).val('hex'));
+            break;
+          case 's':
+          case 'a':
+            var s = ui.val('s');
+            setAlpha.call($this, colorMapL2, 100 - (s != null ? s : 100));
+            break;
+          case 'v':
+            var v = ui.val('v');
+            setAlpha.call($this, colorMapL1, v != null ? v : 100);
+            break;
+          case 'r':
+            setAlpha.call($this, colorMapL2, Math.precision((ui.val('r') || 0) / 255 * 100, 4));
+            break;
+          case 'g':
+            setAlpha.call($this, colorMapL2, Math.precision((ui.val('g') || 0) / 255 * 100, 4));
+            break;
+          case 'b':
+            setAlpha.call($this, colorMapL2, Math.precision((ui.val('b') || 0) / 255 * 100));
+            break;
+        }
+        var a = ui.val('a');
+        setAlpha.call($this, colorMapL3, Math.precision((255 - (a || 0)) * 100 / 255, 4));
+      }
+      function updateBarVisuals(ui) {
+        switch (settings.color.mode) {
+          case 'h':
+            var a = ui.val('a');
+            setAlpha.call($this, colorBarL5, Math.precision((255 - (a || 0)) * 100 / 255, 4));
+            break;
+          case 's':
+            var hva = ui.val('hva'),
+                saturatedColor = new Color({ h: hva && hva.h || 0, s: 100, v: hva != null ? hva.v : 100 });
+            setBG.call($this, colorBarDiv, saturatedColor.val('hex'));
+            setAlpha.call($this, colorBarL2, 100 - (hva != null ? hva.v : 100));
+            setAlpha.call($this, colorBarL5, Math.precision((255 - (hva && hva.a || 0)) * 100 / 255, 4));
+            break;
+          case 'v':
+            var hsa = ui.val('hsa'),
+                valueColor = new Color({ h: hsa && hsa.h || 0, s: hsa != null ? hsa.s : 100, v: 100 });
+            setBG.call($this, colorBarDiv, valueColor.val('hex'));
+            setAlpha.call($this, colorBarL5, Math.precision((255 - (hsa && hsa.a || 0)) * 100 / 255, 4));
+            break;
+          case 'r':
+          case 'g':
+          case 'b':
+            var rgba = ui.val('rgba');
+            var hValue = 0,
+                vValue = 0;
+            if (settings.color.mode === 'r') {
+              hValue = rgba && rgba.b || 0;
+              vValue = rgba && rgba.g || 0;
+            } else if (settings.color.mode === 'g') {
+              hValue = rgba && rgba.b || 0;
+              vValue = rgba && rgba.r || 0;
+            } else if (settings.color.mode === 'b') {
+              hValue = rgba && rgba.r || 0;
+              vValue = rgba && rgba.g || 0;
+            }
+            var middle = vValue > hValue ? hValue : vValue;
+            setAlpha.call($this, colorBarL2, hValue > vValue ? Math.precision((hValue - vValue) / (255 - vValue) * 100, 4) : 0);
+            setAlpha.call($this, colorBarL3, vValue > hValue ? Math.precision((vValue - hValue) / (255 - hValue) * 100, 4) : 0);
+            setAlpha.call($this, colorBarL4, Math.precision(middle / 255 * 100, 4));
+            setAlpha.call($this, colorBarL5, Math.precision((255 - (rgba && rgba.a || 0)) * 100 / 255, 4));
+            break;
+          case 'a':
+            {
+              var _a = ui.val('a');
+              setBG.call($this, colorBarDiv, ui.val('hex') || '000000');
+              setAlpha.call($this, colorBarL5, _a != null ? 0 : 100);
+              setAlpha.call($this, colorBarL6, _a != null ? 100 : 0);
+              break;
+            }
+        }
+      }
+      function setBG(el, c) {
+        el.css({ backgroundColor: c && c.length === 6 && '#' + c || 'transparent' });
+      }
+      function setImg(img, src) {
+        if (isLessThanIE7 && (src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png'))) {
+          img.attr('pngSrc', src);
+          img.css({ backgroundImage: 'none', filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\')' });
+        } else img.css({ backgroundImage: 'url(\'' + src + '\')' });
+      }
+      function setImgLoc(img, y) {
+        img.css({ top: y + 'px' });
+      }
+      function setAlpha(obj, alpha) {
+        obj.css({ visibility: alpha > 0 ? 'visible' : 'hidden' });
+        if (alpha > 0 && alpha < 100) {
+          if (isLessThanIE7) {
+            var src = obj.attr('pngSrc');
+            if (src != null && (src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png'))) {
+              obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\') progid:DXImageTransform.Microsoft.Alpha(opacity=' + alpha + ')' });
+            } else obj.css({ opacity: Math.precision(alpha / 100, 4) });
+          } else obj.css({ opacity: Math.precision(alpha / 100, 4) });
+        } else if (alpha === 0 || alpha === 100) {
+          if (isLessThanIE7) {
+            var _src = obj.attr('pngSrc');
+            if (_src != null && (_src.includes('AlphaBar.png') || _src.includes('Bars.png') || _src.includes('Maps.png'))) {
+              obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + _src + '\', sizingMethod=\'scale\')' });
+            } else obj.css({ opacity: '' });
+          } else obj.css({ opacity: '' });
+        }
+      }
+      // revert color to original color when opened
+      function revertColor() {
+        color.active.val('ahex', color.current.val('ahex'));
+      }
+      // commit the color changes
+      function commitColor() {
+        color.current.val('ahex', color.active.val('ahex'));
+      }
+      function radioClicked(e) {
+        $(this).parents('tbody:first').find('input:radio[value!="' + e.target.value + '"]').removeAttr('checked');
+        setColorMode.call($this, e.target.value);
+      }
+      function currentClicked() {
+        revertColor.call($this);
+      }
+      function cancelClicked() {
+        revertColor.call($this);
+        settings.window.expandable && hide.call($this);
+        typeof cancelCallback === 'function' && cancelCallback.call($this, color.active, cancelButton);
+      }
+      function okClicked() {
+        commitColor.call($this);
+        settings.window.expandable && hide.call($this);
+        typeof commitCallback === 'function' && commitCallback.call($this, color.active, okButton);
+      }
+      function iconImageClicked() {
+        show.call($this);
+      }
+      function currentColorChanged(ui, context) {
+        var hex = ui.val('hex');
+        currentPreview.css({ backgroundColor: hex && '#' + hex || 'transparent' });
+        setAlpha.call($this, currentPreview, Math.precision((ui.val('a') || 0) * 100 / 255, 4));
+      }
+      function expandableColorChanged(ui, context) {
+        var hex = ui.val('hex');
+        var va = ui.val('va');
+        iconColor.css({ backgroundColor: hex && '#' + hex || 'transparent' });
+        setAlpha.call($this, iconAlpha, Math.precision((255 - (va && va.a || 0)) * 100 / 255, 4));
+        if (settings.window.bindToInput && settings.window.updateInputColor) {
+          settings.window.input.css({
+            backgroundColor: hex && '#' + hex || 'transparent',
+            color: va == null || va.v > 75 ? '#000000' : '#ffffff'
+          });
+        }
+      }
+      function moveBarMouseDown(e) {
+        // const {element} = settings.window, // local copies for YUI compressor
+        //     {page} = settings.window;
+        elementStartX = parseInt(container.css('left'));
+        elementStartY = parseInt(container.css('top'));
+        pageStartX = e.pageX;
+        pageStartY = e.pageY;
+        // bind events to document to move window - we will unbind these on mouseup
+        $(document).bind('mousemove', documentMouseMove).bind('mouseup', documentMouseUp);
+        e.preventDefault(); // prevent attempted dragging of the column
+      }
+      function documentMouseMove(e) {
+        container.css({ left: elementStartX - (pageStartX - e.pageX) + 'px', top: elementStartY - (pageStartY - e.pageY) + 'px' });
+        if (settings.window.expandable && !$.support.boxModel) container.prev().css({ left: container.css('left'), top: container.css('top') });
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+      }
+      function documentMouseUp(e) {
+        $(document).unbind('mousemove', documentMouseMove).unbind('mouseup', documentMouseUp);
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+      }
+      function quickPickClicked(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        color.active.val('ahex', $(this).attr('title') || null, e.target);
+        return false;
+      }
+      function show() {
+        color.current.val('ahex', color.active.val('ahex'));
+        function attachIFrame() {
+          if (!settings.window.expandable || $.support.boxModel) return;
+          var table = container.find('table:first');
+          container.before('<iframe/>');
+          container.prev().css({ width: table.width(), height: container.height(), opacity: 0, position: 'absolute', left: container.css('left'), top: container.css('top') });
+        }
+        if (settings.window.expandable) {
+          $(document.body).children('div.jPicker.Container').css({ zIndex: 10 });
+          container.css({ zIndex: 20 });
+        }
+        switch (settings.window.effects.type) {
+          case 'fade':
+            container.fadeIn(settings.window.effects.speed.show, attachIFrame);
+            break;
+          case 'slide':
+            container.slideDown(settings.window.effects.speed.show, attachIFrame);
+            break;
+          case 'show':
+          default:
+            container.show(settings.window.effects.speed.show, attachIFrame);
+            break;
+        }
+      }
+      function hide() {
+        function removeIFrame() {
+          if (settings.window.expandable) container.css({ zIndex: 10 });
+          if (!settings.window.expandable || $.support.boxModel) return;
+          container.prev().remove();
+        }
+        switch (settings.window.effects.type) {
+          case 'fade':
+            container.fadeOut(settings.window.effects.speed.hide, removeIFrame);
+            break;
+          case 'slide':
+            container.slideUp(settings.window.effects.speed.hide, removeIFrame);
+            break;
+          case 'show':
+          default:
+            container.hide(settings.window.effects.speed.hide, removeIFrame);
+            break;
+        }
+      }
+      function initialize() {
+        var win = settings.window,
+            popup = win.expandable ? $($this).next().find('.Container:first') : null;
+        container = win.expandable ? $('<div/>') : $($this);
+        container.addClass('jPicker Container');
+        if (win.expandable) container.hide();
+        container.get(0).onselectstart = function (event) {
+          if (event.target.nodeName.toLowerCase() !== 'input') return false;
+        };
+        // inject html source code - we are using a single table for this control - I know tables are considered bad, but it takes care of equal height columns and
+        // this control really is tabular data, so I believe it is the right move
+        var all = color.active.val('all');
+        if (win.alphaPrecision < 0) win.alphaPrecision = 0;else if (win.alphaPrecision > 2) win.alphaPrecision = 2;
+        var controlHtml = '<table class="jPicker" cellpadding="0" cellspacing="0"><tbody>' + (win.expandable ? '<tr><td class="Move" colspan="5">&nbsp;</td></tr>' : '') + '<tr><td rowspan="9"><h2 class="Title">' + (win.title || localization.text.title) + '</h2><div class="Map"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><img src="' + images.clientPath + images.colorMap.arrow.file + '" class="Arrow"/></div></td><td rowspan="9"><div class="Bar"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><span class="Map4">&nbsp;</span><span class="Map5">&nbsp;</span><span class="Map6">&nbsp;</span><img src="' + images.clientPath + images.colorBar.arrow.file + '" class="Arrow"/></div></td><td colspan="2" class="Preview">' + localization.text.newColor + '<div><span class="Active" title="' + localization.tooltips.colors.newColor + '">&nbsp;</span><span class="Current" title="' + localization.tooltips.colors.currentColor + '">&nbsp;</span></div>' + localization.text.currentColor + '</td><td rowspan="9" class="Button"><input type="button" class="Ok" value="' + localization.text.ok + '" title="' + localization.tooltips.buttons.ok + '"/><input type="button" class="Cancel" value="' + localization.text.cancel + '" title="' + localization.tooltips.buttons.cancel + '"/><hr/><div class="Grid">&nbsp;</div></td></tr><tr class="Hue"><td class="Radio"><label title="' + localization.tooltips.hue.radio + '"><input type="radio" value="h"' + (settings.color.mode === 'h' ? ' checked="checked"' : '') + '/>H:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.h : '') + '" title="' + localization.tooltips.hue.textbox + '"/>&nbsp;&deg;</td></tr><tr class="Saturation"><td class="Radio"><label title="' + localization.tooltips.saturation.radio + '"><input type="radio" value="s"' + (settings.color.mode === 's' ? ' checked="checked"' : '') + '/>S:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.s : '') + '" title="' + localization.tooltips.saturation.textbox + '"/>&nbsp;%</td></tr><tr class="Value"><td class="Radio"><label title="' + localization.tooltips.value.radio + '"><input type="radio" value="v"' + (settings.color.mode === 'v' ? ' checked="checked"' : '') + '/>V:</label><br/><br/></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.v : '') + '" title="' + localization.tooltips.value.textbox + '"/>&nbsp;%<br/><br/></td></tr><tr class="Red"><td class="Radio"><label title="' + localization.tooltips.red.radio + '"><input type="radio" value="r"' + (settings.color.mode === 'r' ? ' checked="checked"' : '') + '/>R:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.r : '') + '" title="' + localization.tooltips.red.textbox + '"/></td></tr><tr class="Green"><td class="Radio"><label title="' + localization.tooltips.green.radio + '"><input type="radio" value="g"' + (settings.color.mode === 'g' ? ' checked="checked"' : '') + '/>G:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.g : '') + '" title="' + localization.tooltips.green.textbox + '"/></td></tr><tr class="Blue"><td class="Radio"><label title="' + localization.tooltips.blue.radio + '"><input type="radio" value="b"' + (settings.color.mode === 'b' ? ' checked="checked"' : '') + '/>B:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.b : '') + '" title="' + localization.tooltips.blue.textbox + '"/></td></tr><tr class="Alpha"><td class="Radio">' + (win.alphaSupport ? '<label title="' + localization.tooltips.alpha.radio + '"><input type="radio" value="a"' + (settings.color.mode === 'a' ? ' checked="checked"' : '') + '/>A:</label>' : '&nbsp;') + '</td><td class="Text">' + (win.alphaSupport ? '<input type="text" maxlength="' + (3 + win.alphaPrecision) + '" value="' + (all != null ? Math.precision(all.a * 100 / 255, win.alphaPrecision) : '') + '" title="' + localization.tooltips.alpha.textbox + '"/>&nbsp;%' : '&nbsp;') + '</td></tr><tr class="Hex"><td colspan="2" class="Text"><label title="' + localization.tooltips.hex.textbox + '">#:<input type="text" maxlength="6" class="Hex" value="' + (all != null ? all.hex : '') + '"/></label>' + (win.alphaSupport ? '<input type="text" maxlength="2" class="AHex" value="' + (all != null ? all.ahex.substring(6) : '') + '" title="' + localization.tooltips.hex.alpha + '"/></td>' : '&nbsp;') + '</tr></tbody></table>';
+        if (win.expandable) {
+          container.html(controlHtml);
+          if (!$(document.body).children('div.jPicker.Container').length) {
+            $(document.body).prepend(container);
+          } else {
+            $(document.body).children('div.jPicker.Container:last').after(container);
+          }
+          container.mousedown(function () {
+            $(document.body).children('div.jPicker.Container').css({ zIndex: 10 });
+            container.css({ zIndex: 20 });
+          });
+          container.css( // positions must be set and display set to absolute before source code injection or IE will size the container to fit the window
+          {
+            left: win.position.x === 'left' ? popup.offset().left - 530 - (win.position.y === 'center' ? 25 : 0) + 'px' : win.position.x === 'center' ? popup.offset().left - 260 + 'px' : win.position.x === 'right' ? popup.offset().left - 10 + (win.position.y === 'center' ? 25 : 0) + 'px' : win.position.x === 'screenCenter' ? ($(document).width() >> 1) - 260 + 'px' : popup.offset().left + parseInt(win.position.x) + 'px',
+            position: 'absolute',
+            top: win.position.y === 'top' ? popup.offset().top - 312 + 'px' : win.position.y === 'center' ? popup.offset().top - 156 + 'px' : win.position.y === 'bottom' ? popup.offset().top + 25 + 'px' : popup.offset().top + parseInt(win.position.y) + 'px'
+          });
+        } else {
+          container = $($this);
+          container.html(controlHtml);
+        }
+        // initialize the objects to the source code just injected
+        var tbody = container.find('tbody:first');
+        colorMapDiv = tbody.find('div.Map:first');
+        colorBarDiv = tbody.find('div.Bar:first');
+        var MapMaps = colorMapDiv.find('span');
+        var BarMaps = colorBarDiv.find('span');
+        colorMapL1 = MapMaps.filter('.Map1:first');
+        colorMapL2 = MapMaps.filter('.Map2:first');
+        colorMapL3 = MapMaps.filter('.Map3:first');
+        colorBarL1 = BarMaps.filter('.Map1:first');
+        colorBarL2 = BarMaps.filter('.Map2:first');
+        colorBarL3 = BarMaps.filter('.Map3:first');
+        colorBarL4 = BarMaps.filter('.Map4:first');
+        colorBarL5 = BarMaps.filter('.Map5:first');
+        colorBarL6 = BarMaps.filter('.Map6:first');
+        // create color pickers and maps
+        colorMap = new Slider(colorMapDiv, {
+          map: {
+            width: images.colorMap.width,
+            height: images.colorMap.height
+          },
+          arrow: {
+            image: images.clientPath + images.colorMap.arrow.file,
+            width: images.colorMap.arrow.width,
+            height: images.colorMap.arrow.height
+          }
+        });
+        colorMap.bind(mapValueChanged);
+        colorBar = new Slider(colorBarDiv, {
+          map: {
+            width: images.colorBar.width,
+            height: images.colorBar.height
+          },
+          arrow: {
+            image: images.clientPath + images.colorBar.arrow.file,
+            width: images.colorBar.arrow.width,
+            height: images.colorBar.arrow.height
+          }
+        });
+        colorBar.bind(colorBarValueChanged);
+        colorPicker = new ColorValuePicker(tbody, color.active, win.expandable && win.bindToInput ? win.input : null, win.alphaPrecision);
+        var hex = all != null ? all.hex : null,
+            preview = tbody.find('.Preview'),
+            button = tbody.find('.Button');
+        activePreview = preview.find('.Active:first').css({ backgroundColor: hex && '#' + hex || 'transparent' });
+        currentPreview = preview.find('.Current:first').css({ backgroundColor: hex && '#' + hex || 'transparent' }).bind('click', currentClicked);
+        setAlpha.call($this, currentPreview, Math.precision(color.current.val('a') * 100) / 255, 4);
+        okButton = button.find('.Ok:first').bind('click', okClicked);
+        cancelButton = button.find('.Cancel:first').bind('click', cancelClicked);
+        grid = button.find('.Grid:first');
+        setTimeout(function () {
+          setImg.call($this, colorMapL1, images.clientPath + 'Maps.png');
+          setImg.call($this, colorMapL2, images.clientPath + 'Maps.png');
+          setImg.call($this, colorMapL3, images.clientPath + 'map-opacity.png');
+          setImg.call($this, colorBarL1, images.clientPath + 'Bars.png');
+          setImg.call($this, colorBarL2, images.clientPath + 'Bars.png');
+          setImg.call($this, colorBarL3, images.clientPath + 'Bars.png');
+          setImg.call($this, colorBarL4, images.clientPath + 'Bars.png');
+          setImg.call($this, colorBarL5, images.clientPath + 'bar-opacity.png');
+          setImg.call($this, colorBarL6, images.clientPath + 'AlphaBar.png');
+          setImg.call($this, preview.find('div:first'), images.clientPath + 'preview-opacity.png');
+        }, 0);
+        tbody.find('td.Radio input').bind('click', radioClicked);
+        // initialize quick list
+        if (color.quickList && color.quickList.length > 0) {
+          var html = '';
+          for (var i = 0; i < color.quickList.length; i++) {
+            /* if default colors are hex strings, change them to color objects */
+            if (_typeof(color.quickList[i]).toString().toLowerCase() === 'string') color.quickList[i] = new Color({ hex: color.quickList[i] });
+            var alpha = color.quickList[i].val('a');
+            var ahex = color.quickList[i].val('ahex');
+            if (!win.alphaSupport && ahex) ahex = ahex.substring(0, 6) + 'ff';
+            var quickHex = color.quickList[i].val('hex');
+            if (!ahex) ahex = '00000000';
+            html += '<span class="QuickColor"' + (ahex && ' title="#' + ahex + '"' || 'none') + ' style="background-color:' + (quickHex && '#' + quickHex || '') + ';' + (quickHex ? '' : 'background-image:url(' + images.clientPath + 'NoColor.png)') + (win.alphaSupport && alpha && alpha < 255 ? ';opacity:' + Math.precision(alpha / 255, 4) + ';filter:Alpha(opacity=' + Math.precision(alpha / 2.55, 4) + ')' : '') + '">&nbsp;</span>';
+          }
+          setImg.call($this, grid, images.clientPath + 'bar-opacity.png');
+          grid.html(html);
+          grid.find('.QuickColor').click(quickPickClicked);
+        }
+        setColorMode.call($this, settings.color.mode);
+        color.active.bind(activeColorChanged);
+        typeof liveCallback === 'function' && color.active.bind(liveCallback);
+        color.current.bind(currentColorChanged);
+        // bind to input
+        if (win.expandable) {
+          $this.icon = popup.parents('.Icon:first');
+          iconColor = $this.icon.find('.Color:first').css({ backgroundColor: hex && '#' + hex || 'transparent' });
+          iconAlpha = $this.icon.find('.Alpha:first');
+          setImg.call($this, iconAlpha, images.clientPath + 'bar-opacity.png');
+          setAlpha.call($this, iconAlpha, Math.precision((255 - (all != null ? all.a : 0)) * 100 / 255, 4));
+          iconImage = $this.icon.find('.Image:first').css({
+            backgroundImage: 'url(\'' + images.clientPath + images.picker.file + '\')'
+          }).bind('click', iconImageClicked);
+          if (win.bindToInput && win.updateInputColor) {
+            win.input.css({
+              backgroundColor: hex && '#' + hex || 'transparent',
+              color: all == null || all.v > 75 ? '#000000' : '#ffffff'
+            });
+          }
+          moveBar = tbody.find('.Move:first').bind('mousedown', moveBarMouseDown);
+          color.active.bind(expandableColorChanged);
+        } else show.call($this);
+      }
+      function destroy() {
+        container.find('td.Radio input').unbind('click', radioClicked);
+        currentPreview.unbind('click', currentClicked);
+        cancelButton.unbind('click', cancelClicked);
+        okButton.unbind('click', okClicked);
+        if (settings.window.expandable) {
+          iconImage.unbind('click', iconImageClicked);
+          moveBar.unbind('mousedown', moveBarMouseDown);
+          $this.icon = null;
+        }
+        container.find('.QuickColor').unbind('click', quickPickClicked);
+        colorMapDiv = null;
+        colorBarDiv = null;
+        colorMapL1 = null;
+        colorMapL2 = null;
+        colorMapL3 = null;
+        colorBarL1 = null;
+        colorBarL2 = null;
+        colorBarL3 = null;
+        colorBarL4 = null;
+        colorBarL5 = null;
+        colorBarL6 = null;
+        colorMap.destroy();
+        colorMap = null;
+        colorBar.destroy();
+        colorBar = null;
+        colorPicker.destroy();
+        colorPicker = null;
+        activePreview = null;
+        currentPreview = null;
+        okButton = null;
+        cancelButton = null;
+        grid = null;
+        commitCallback = null;
+        cancelCallback = null;
+        liveCallback = null;
+        container.html('');
+        for (var i = 0; i < List.length; i++) {
+          if (List[i] === $this) {
+            List.splice(i, 1);
+          }
+        }
+      }
+      var images = settings.images,
+          localization = settings.localization; // local copies for YUI compressor
+
+      var color = {
+        active: _typeof(settings.color.active).toString().toLowerCase() === 'string' ? new Color({ ahex: !settings.window.alphaSupport && settings.color.active ? settings.color.active.substring(0, 6) + 'ff' : settings.color.active
+        }) : new Color({ ahex: !settings.window.alphaSupport && settings.color.active.val('ahex') ? settings.color.active.val('ahex').substring(0, 6) + 'ff' : settings.color.active.val('ahex')
+        }),
+        current: _typeof(settings.color.active).toString().toLowerCase() === 'string' ? new Color({ ahex: !settings.window.alphaSupport && settings.color.active ? settings.color.active.substring(0, 6) + 'ff' : settings.color.active }) : new Color({ ahex: !settings.window.alphaSupport && settings.color.active.val('ahex') ? settings.color.active.val('ahex').substring(0, 6) + 'ff' : settings.color.active.val('ahex')
+        }),
+        quickList: settings.color.quickList
+      };
+
+      var elementStartX = null,
+          // Used to record the starting css positions for dragging the control
+      elementStartY = null,
+          pageStartX = null,
+          // Used to record the mousedown coordinates for dragging the control
+      pageStartY = null,
+          container = null,
+          colorMapDiv = null,
+          colorBarDiv = null,
+          colorMapL1 = null,
+          // different layers of colorMap and colorBar
+      colorMapL2 = null,
+          colorMapL3 = null,
+          colorBarL1 = null,
+          colorBarL2 = null,
+          colorBarL3 = null,
+          colorBarL4 = null,
+          colorBarL5 = null,
+          colorBarL6 = null,
+          colorMap = null,
+          // color maps
+      colorBar = null,
+          colorPicker = null,
+          activePreview = null,
+          // color boxes above the radio buttons
+      currentPreview = null,
+          okButton = null,
+          cancelButton = null,
+          grid = null,
+          // preset colors grid
+      iconColor = null,
+          // iconColor for popup icon
+      iconAlpha = null,
+          // iconAlpha for popup icon
+      iconImage = null,
+          // iconImage popup icon
+      moveBar = null,
+          // drag bar
+      commitCallback = typeof $arguments[1] === 'function' ? $arguments[1] : null,
+          liveCallback = typeof $arguments[2] === 'function' ? $arguments[2] : null,
+          cancelCallback = typeof $arguments[3] === 'function' ? $arguments[3] : null;
+
+      $.extend(true, $this, {
+        // public properties, methods, and callbacks
+        commitCallback: commitCallback, // commitCallback function can be overridden to return the selected color to a method you specify when the user clicks "OK"
+        liveCallback: liveCallback, // liveCallback function can be overridden to return the selected color to a method you specify in live mode (continuous update)
+        cancelCallback: cancelCallback, // cancelCallback function can be overridden to a method you specify when the user clicks "Cancel"
+        color: color,
+        show: show,
+        hide: hide,
+        destroy: destroy // destroys this control entirely, removing all events and objects, and removing itself from the List
+      });
+      List.push($this);
+      setTimeout(function () {
+        initialize.call($this);
+      }, 0);
+    });
+  };
+  /**
+  * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsIconInfo
+  * @property {string} file Color Map/Color Bar/Color Picker arrow icon
+  * @property {Float} width
+  * @property {Float} height
+  */
+  /**
+  * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsImagesDimensionsArrow
+  * @property {Float} width
+  * @property {Float} height
+  * @property {external:jQuery.fn.jPickerOptionsIconInfo} arrow
+  */
+  /**
+  * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsRadioTextboxLocale
+  * @property {string} radio
+  * @property {string} textbox
+  */
+  /**
+  * @typedef {PlainObject} external:jQuery.fn.jPickerOptions
+  * @property {PlainObject} window
+  * @property {string|null} window.title Any title for the jPicker window itself - displays
+  * "Drag Markers To Pick A Color" if left null
+  * @property {PlainObject} window.effects
+  * @property {"slide"|"show"|"fade"} window.effects.type Effect used to show/hide an expandable picker
+  * @property {PlainObject} window.effects.speed
+  * @property {"fast"|"slow"|Float} window.effects.speed.show Duration of "show" effect. Time in milliseconds.
+  * @property {"fast"|"slow"|Float} window.effects.speed.hide Duration of "hide" effect. Time in milliseconds
+  * @property {PlainObject} window.position
+  * @property {"left"|"center"|"right"|"screenCenter"|Float} window.position.x Relative px value
+  * @property {"top"|"bottom"|"center"|Float} window.position.y Relative px value
+  * @property {boolean} window.expandable Defaults to large static picker - set to `true` to make an expandable
+  * picker (small icon with popup) - set automatically when binded to input element
+  * @property {boolean} window.liveUpdate Set `false` if you want the user to have to click "OK" before the
+  * binded input box updates values (always `true` for expandable picker)
+  * @property {boolean} window.alphaSupport Set to `true` to enable alpha picking
+  * @property {Float} window.alphaPrecision Set decimal precision for alpha percentage display - hex codes do
+  * not map directly to percentage integers - range 0-2
+  * @property {boolean} window.updateInputColor Set to `false` to prevent binded input colors from changing
+  * @property {PlainObject} color
+  * @property {"h"|"s"|"v"|"r"|"g"|"b"|"a"} color.mode Symbols stand for "h" (hue), "s" (saturation), "v" (value), "r" (red), "g" (green), "b" (blue), "a" (alpha)
+  * @property {Color|string} color.active Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the "#" prefix
+  * @property {Color[]|string[]} color.quickList The quick pick color list
+  * Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the "#" prefix
+  * @property {PlainObject} images
+  * @property {string} images.clientPath Path to image files
+  * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorMap
+  * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorBar
+  * @property {external:jQuery.fn.jPickerOptionsIconInfo} images.picker
+  * @property {PlainObject} localization alter these to change the text presented by the picker (e.g. different language)
+  * @property {PlainObject} localization.text
+  * @property {string} localization.text.title
+  * @property {string} localization.text.newColor
+  * @property {string} localization.text.currentColor
+  * @property {string} localization.text.ok
+  * @property {string} localization.text.cancel
+  * @property {PlainObject} localization.tooltips
+  * @property {PlainObject} localization.tooltips.colors
+  * @property {string} localization.tooltips.colors.newColor
+  * @property {string} localization.tooltips.colors.currentColor
+  * @property {PlainObject} localization.tooltips.buttons
+  * @property {string} localization.tooltips.buttons.ok
+  * @property {string} localization.tooltips.buttons.cancel
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.hue
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.saturation
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.value
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.red
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.green
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.blue
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.alpha
+  * @property {PlainObject} localization.tooltips.hex
+  * @property {string} localization.tooltips.hex.textbox
+  * @property {string} localization.tooltips.hex.alpha
+  */
+  /**
+  * jPicker defaults - you can change anything in this section (such as the
+  * clientPath to your images) without fear of breaking the program
+  * @namespace {external:jQuery.fn.jPickerOptions} defaults
+  * @memberof external:jQuery.fn.$.fn.jPicker
+  * @borrows external:jQuery.fn.jPickerOptions as external:jQuery.fn.jPicker.defaults
+  * @see Source for all of the values
+  */
+  $.fn.jPicker.defaults = {
+    window: {
+      title: null,
+      effects: {
+        type: 'slide',
+        speed: {
+          show: 'slow',
+          hide: 'fast'
+        }
+      },
+      position: {
+        x: 'screenCenter',
+        y: 'top'
+      },
+      expandable: false,
+      liveUpdate: true,
+      alphaSupport: false,
+      alphaPrecision: 0,
+      updateInputColor: true
+    },
+    color: {
+      mode: 'h',
+      active: new Color({ ahex: '#ffcc00ff' }),
+      quickList: [new Color({ h: 360, s: 33, v: 100 }), new Color({ h: 360, s: 66, v: 100 }), new Color({ h: 360, s: 100, v: 100 }), new Color({ h: 360, s: 100, v: 75 }), new Color({ h: 360, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 100 }), new Color({ h: 30, s: 33, v: 100 }), new Color({ h: 30, s: 66, v: 100 }), new Color({ h: 30, s: 100, v: 100 }), new Color({ h: 30, s: 100, v: 75 }), new Color({ h: 30, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 90 }), new Color({ h: 60, s: 33, v: 100 }), new Color({ h: 60, s: 66, v: 100 }), new Color({ h: 60, s: 100, v: 100 }), new Color({ h: 60, s: 100, v: 75 }), new Color({ h: 60, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 80 }), new Color({ h: 90, s: 33, v: 100 }), new Color({ h: 90, s: 66, v: 100 }), new Color({ h: 90, s: 100, v: 100 }), new Color({ h: 90, s: 100, v: 75 }), new Color({ h: 90, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 70 }), new Color({ h: 120, s: 33, v: 100 }), new Color({ h: 120, s: 66, v: 100 }), new Color({ h: 120, s: 100, v: 100 }), new Color({ h: 120, s: 100, v: 75 }), new Color({ h: 120, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 60 }), new Color({ h: 150, s: 33, v: 100 }), new Color({ h: 150, s: 66, v: 100 }), new Color({ h: 150, s: 100, v: 100 }), new Color({ h: 150, s: 100, v: 75 }), new Color({ h: 150, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 50 }), new Color({ h: 180, s: 33, v: 100 }), new Color({ h: 180, s: 66, v: 100 }), new Color({ h: 180, s: 100, v: 100 }), new Color({ h: 180, s: 100, v: 75 }), new Color({ h: 180, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 40 }), new Color({ h: 210, s: 33, v: 100 }), new Color({ h: 210, s: 66, v: 100 }), new Color({ h: 210, s: 100, v: 100 }), new Color({ h: 210, s: 100, v: 75 }), new Color({ h: 210, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 30 }), new Color({ h: 240, s: 33, v: 100 }), new Color({ h: 240, s: 66, v: 100 }), new Color({ h: 240, s: 100, v: 100 }), new Color({ h: 240, s: 100, v: 75 }), new Color({ h: 240, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 20 }), new Color({ h: 270, s: 33, v: 100 }), new Color({ h: 270, s: 66, v: 100 }), new Color({ h: 270, s: 100, v: 100 }), new Color({ h: 270, s: 100, v: 75 }), new Color({ h: 270, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 10 }), new Color({ h: 300, s: 33, v: 100 }), new Color({ h: 300, s: 66, v: 100 }), new Color({ h: 300, s: 100, v: 100 }), new Color({ h: 300, s: 100, v: 75 }), new Color({ h: 300, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 0 }), new Color({ h: 330, s: 33, v: 100 }), new Color({ h: 330, s: 66, v: 100 }), new Color({ h: 330, s: 100, v: 100 }), new Color({ h: 330, s: 100, v: 75 }), new Color({ h: 330, s: 100, v: 50 }), new Color()]
+    },
+    images: {
+      clientPath: '/jPicker/images/',
+      colorMap: {
+        width: 256,
+        height: 256,
+        arrow: {
+          file: 'mappoint.gif',
+          width: 15,
+          height: 15
+        }
+      },
+      colorBar: {
+        width: 20,
+        height: 256,
+        arrow: {
+          file: 'rangearrows.gif',
+          width: 20,
+          height: 7
+        }
+      },
+      picker: {
+        file: 'picker.gif',
+        width: 25,
+        height: 24
+      }
+    },
+    localization: {
+      text: {
+        title: 'Drag Markers To Pick A Color',
+        newColor: 'new',
+        currentColor: 'current',
+        ok: 'OK',
+        cancel: 'Cancel'
+      },
+      tooltips: {
+        colors: {
+          newColor: 'New Color - Press &ldquo;OK&rdquo; To Commit',
+          currentColor: 'Click To Revert To Original Color'
+        },
+        buttons: {
+          ok: 'Commit To This Color Selection',
+          cancel: 'Cancel And Revert To Original Color'
+        },
+        hue: {
+          radio: 'Set To &ldquo;Hue&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Hue&rdquo; Value (0-360&deg;)'
+        },
+        saturation: {
+          radio: 'Set To &ldquo;Saturation&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Saturation&rdquo; Value (0-100%)'
+        },
+        value: {
+          radio: 'Set To &ldquo;Value&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Value&rdquo; Value (0-100%)'
+        },
+        red: {
+          radio: 'Set To &ldquo;Red&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Red&rdquo; Value (0-255)'
+        },
+        green: {
+          radio: 'Set To &ldquo;Green&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Green&rdquo; Value (0-255)'
+        },
+        blue: {
+          radio: 'Set To &ldquo;Blue&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Blue&rdquo; Value (0-255)'
+        },
+        alpha: {
+          radio: 'Set To &ldquo;Alpha&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Alpha&rdquo; Value (0-100)'
+        },
+        hex: {
+          textbox: 'Enter A &ldquo;Hex&rdquo; Color Value (#000000-#ffffff)',
+          alpha: 'Enter A &ldquo;Alpha&rdquo; Value (#00-#ff)'
+        }
+      }
+    }
+  };
+  return $;
+};
+
+/* globals jQuery */
+
+var $$a = jQuery;
+
+var langParam = void 0;
+
+/**
+* @param {"content"|"title"} type
+* @param {module:locale.LocaleSelectorValue} obj
+* @param {boolean} ids
+* @returns {undefined}
+*/
+var setStrings = function setStrings(type, obj, ids) {
+  // Root element to look for element from
+  var parent = $$a('#svg_editor').parent();
+  Object.entries(obj).forEach(function (_ref) {
+    var _ref2 = slicedToArray(_ref, 2),
+        sel = _ref2[0],
+        val = _ref2[1];
+
+    if (!val) {
+      console.log(sel);
+    }
+
+    if (ids) {
+      sel = '#' + sel;
+    }
+    var $elem = parent.find(sel);
+    if ($elem.length) {
+      var elem = parent.find(sel)[0];
+
+      switch (type) {
+        case 'content':
+          for (var i = 0, node; node = elem.childNodes[i]; i++) {
+            if (node.nodeType === 3 && node.textContent.trim()) {
+              node.textContent = val;
+              break;
+            }
+          }
+          break;
+
+        case 'title':
+          elem.title = val;
+          break;
+      }
+    } else {
+      console.log('Missing: ' + sel);
+    }
+  });
+};
+
+/**
+* The "data" property is generally set to an an array of objects with
+* "id" and "title" or "textContent" properties
+* @typedef {PlainObject} module:locale.AddLangExtensionLocaleData
+* @property {module:locale.LocaleStrings[]} data See {@tutorial LocaleDocs}
+*/
+
+/**
+* @interface module:locale.LocaleEditorInit
+*/
+/**
+ * @function module:locale.LocaleEditorInit#addLangData
+ * @param {string} langParam
+ * @returns {module:locale.AddLangExtensionLocaleData}
+*/
+
+var editor_ = void 0;
+/**
+* @function init
+* @memberof module:locale
+* @param {module:locale.LocaleEditorInit} editor
+* @returns {undefined}
+*/
+var init$7 = function init(editor) {
+  editor_ = editor;
+};
+
+/**
+* @typedef {PlainObject} module:locale.LangAndData
+* @property {string} langParam
+* @property {module:locale.LocaleStrings} langData
+*/
+
+/**
+* @function module:locale.readLang
+* @param {module:locale.LocaleStrings} langData See {@tutorial LocaleDocs}
+* @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+* @returns {Promise} Resolves to [`LangAndData`]{@link module:locale.LangAndData}
+*/
+var readLang = function () {
+  var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(langData) {
+    var more, _langData, tools, properties, config, layers, common, ui, opts;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return editor_.addLangData(langParam);
+
+          case 2:
+            more = _context.sent;
+
+            $$a.each(more, function (i, m) {
+              if (m.data) {
+                langData = $$a.merge(langData, m.data);
+              }
+            });
+
+            // Old locale file, do nothing for now.
+
+            if (langData.tools) {
+              _context.next = 6;
+              break;
+            }
+
+            return _context.abrupt('return');
+
+          case 6:
+            _langData = langData, tools = _langData.tools, properties = _langData.properties, config = _langData.config, layers = _langData.layers, common = _langData.common, ui = _langData.ui;
+
+
+            setStrings('content', {
+              // copyrightLabel: misc.powered_by, // Currently commented out in svg-editor.html
+              curve_segments: properties.curve_segments,
+              fitToContent: tools.fitToContent,
+              fit_to_all: tools.fit_to_all,
+              fit_to_canvas: tools.fit_to_canvas,
+              fit_to_layer_content: tools.fit_to_layer_content,
+              fit_to_sel: tools.fit_to_sel,
+
+              icon_large: config.icon_large,
+              icon_medium: config.icon_medium,
+              icon_small: config.icon_small,
+              icon_xlarge: config.icon_xlarge,
+              image_opt_embed: config.image_opt_embed,
+              image_opt_ref: config.image_opt_ref,
+              includedImages: config.included_images,
+
+              largest_object: tools.largest_object,
+
+              layersLabel: layers.layers,
+              page: tools.page,
+              relativeToLabel: tools.relativeTo,
+              selLayerLabel: layers.move_elems_to,
+              selectedPredefined: config.select_predefined,
+
+              selected_objects: tools.selected_objects,
+              smallest_object: tools.smallest_object,
+              straight_segments: properties.straight_segments,
+
+              svginfo_bg_url: config.editor_img_url + ':',
+              svginfo_bg_note: config.editor_bg_note,
+              svginfo_change_background: config.background,
+              svginfo_dim: config.doc_dims,
+              svginfo_editor_prefs: config.editor_prefs,
+              svginfo_height: common.height,
+              svginfo_icons: config.icon_size,
+              svginfo_image_props: config.image_props,
+              svginfo_lang: config.language,
+              svginfo_title: config.doc_title,
+              svginfo_width: common.width,
+
+              tool_docprops_cancel: common.cancel,
+              tool_docprops_save: common.ok,
+
+              tool_source_cancel: common.cancel,
+              tool_source_save: common.ok,
+
+              tool_prefs_cancel: common.cancel,
+              tool_prefs_save: common.ok,
+
+              sidepanel_handle: layers.layers.split('').join(' '),
+
+              tool_clear: tools.new_doc,
+              tool_docprops: tools.docprops,
+              tool_export: tools.export_img,
+              tool_import: tools.import_doc,
+              tool_open: tools.open_doc,
+              tool_save: tools.save_doc,
+
+              svginfo_units_rulers: config.units_and_rulers,
+              svginfo_rulers_onoff: config.show_rulers,
+              svginfo_unit: config.base_unit,
+
+              svginfo_grid_settings: config.grid,
+              svginfo_snap_onoff: config.snapping_onoff,
+              svginfo_snap_step: config.snapping_stepsize,
+              svginfo_grid_color: config.grid_color
+            }, true);
+
+            // Context menus
+            opts = {};
+
+            $$a.each(['cut', 'copy', 'paste', 'paste_in_place', 'delete', 'group', 'ungroup', 'move_front', 'move_up', 'move_down', 'move_back'], function () {
+              opts['#cmenu_canvas a[href="#' + this + '"]'] = tools[this];
+            });
+
+            $$a.each(['dupe', 'merge_down', 'merge_all'], function () {
+              opts['#cmenu_layers a[href="#' + this + '"]'] = layers[this];
+            });
+
+            opts['#cmenu_layers a[href="#delete"]'] = layers.del;
+
+            setStrings('content', opts);
+
+            setStrings('title', {
+              align_relative_to: tools.align_relative_to,
+              circle_cx: properties.circle_cx,
+              circle_cy: properties.circle_cy,
+              circle_r: properties.circle_r,
+              cornerRadiusLabel: properties.corner_radius,
+              ellipse_cx: properties.ellipse_cx,
+              ellipse_cy: properties.ellipse_cy,
+              ellipse_rx: properties.ellipse_rx,
+              ellipse_ry: properties.ellipse_ry,
+              fill_color: properties.fill_color,
+              font_family: properties.font_family,
+              idLabel: properties.id,
+              image_height: properties.image_height,
+              image_url: properties.image_url,
+              image_width: properties.image_width,
+              layer_delete: layers.del,
+              layer_down: layers.move_down,
+              layer_new: layers['new'],
+              layer_rename: layers.rename,
+              layer_moreopts: common.more_opts,
+              layer_up: layers.move_up,
+              line_x1: properties.line_x1,
+              line_x2: properties.line_x2,
+              line_y1: properties.line_y1,
+              line_y2: properties.line_y2,
+              linecap_butt: properties.linecap_butt,
+              linecap_round: properties.linecap_round,
+              linecap_square: properties.linecap_square,
+              linejoin_bevel: properties.linejoin_bevel,
+              linejoin_miter: properties.linejoin_miter,
+              linejoin_round: properties.linejoin_round,
+              main_icon: tools.main_menu,
+              palette: ui.palette_info,
+              zoom_panel: ui.zoom_level,
+              path_node_x: properties.node_x,
+              path_node_y: properties.node_y,
+              rect_height_tool: properties.rect_height,
+              rect_width_tool: properties.rect_width,
+              seg_type: properties.seg_type,
+              selLayerNames: layers.move_selected,
+              selected_x: properties.pos_x,
+              selected_y: properties.pos_y,
+              stroke_color: properties.stroke_color,
+              stroke_style: properties.stroke_style,
+              stroke_width: properties.stroke_width,
+              svginfo_title: config.doc_title,
+              text: properties.text_contents,
+              toggle_stroke_tools: ui.toggle_stroke_tools,
+              tool_add_subpath: tools.add_subpath,
+              tool_alignbottom: tools.align_bottom,
+              tool_aligncenter: tools.align_center,
+              tool_alignleft: tools.align_left,
+              tool_alignmiddle: tools.align_middle,
+              tool_alignright: tools.align_right,
+              tool_aligntop: tools.align_top,
+              tool_angle: properties.angle,
+              tool_blur: properties.blur,
+              tool_bold: properties.bold,
+              tool_circle: tools.mode_circle,
+              tool_clone: tools.clone,
+              tool_clone_multi: tools.clone,
+              tool_delete: tools.del,
+              tool_delete_multi: tools.del,
+              tool_ellipse: tools.mode_ellipse,
+              tool_fhellipse: tools.mode_fhellipse,
+              tool_fhpath: tools.mode_fhpath,
+              tool_fhrect: tools.mode_fhrect,
+              tool_font_size: properties.font_size,
+              tool_group_elements: tools.group_elements,
+              tool_make_link: tools.make_link,
+              tool_link_url: tools.set_link_url,
+              tool_image: tools.mode_image,
+              tool_italic: properties.italic,
+              tool_line: tools.mode_line,
+              tool_move_bottom: tools.move_bottom,
+              tool_move_top: tools.move_top,
+              tool_node_clone: tools.node_clone,
+              tool_node_delete: tools.node_delete,
+              tool_node_link: tools.node_link,
+              tool_opacity: properties.opacity,
+              tool_openclose_path: tools.openclose_path,
+              tool_path: tools.mode_path,
+              tool_position: tools.align_to_page,
+              tool_rect: tools.mode_rect,
+              tool_redo: tools.redo,
+              tool_reorient: tools.reorient_path,
+              tool_select: tools.mode_select,
+              tool_source: tools.source_save,
+              tool_square: tools.mode_square,
+              tool_text: tools.mode_text,
+              tool_topath: tools.to_path,
+              tool_undo: tools.undo,
+              tool_ungroup: tools.ungroup,
+              tool_wireframe: tools.wireframe_mode,
+              tool_zoom: tools.mode_zoom,
+              url_notice: tools.no_embed
+
+            }, true);
+
+            return _context.abrupt('return', { langParam: langParam, langData: langData });
+
+          case 15:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, this);
+  }));
+
+  return function readLang(_x) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+
+/**
+* @function module:locale.putLocale
+* @param {string} givenParam
+* @param {string[]} goodLangs
+* @param {{langPath: string}} conf
+* @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+* @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+* @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+* @returns {Promise} Resolves to result of {@link module:locale.readLang}
+*/
+var putLocale = function () {
+  var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(givenParam, goodLangs, conf) {
+    var url;
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            if (givenParam) {
+              langParam = givenParam;
+            } else {
+              langParam = $$a.pref('lang');
+              if (!langParam) {
+                if (navigator.userLanguage) {
+                  // Explorer
+                  langParam = navigator.userLanguage;
+                } else if (navigator.language) {
+                  // FF, Opera, ...
+                  langParam = navigator.language;
+                }
+              }
+
+              console.log('Lang: ' + langParam);
+
+              // Set to English if language is not in list of good langs
+              if (!goodLangs.includes(langParam) && langParam !== 'test') {
+                langParam = 'en';
+              }
+
+              // don't bother on first run if language is English
+              // The following line prevents setLang from running
+              //    extensions which depend on updated uiStrings,
+              //    so commenting it out.
+              // if (langParam.startsWith('en')) {return;}
+            }
+
+            url = conf.langPath + 'lang.' + langParam + '.js';
+            _context2.t0 = readLang;
+            _context2.next = 5;
+            return importSetGlobalDefault(url, {
+              global: 'svgEditorLang_' + langParam.replace(/-/g, '_')
+            });
+
+          case 5:
+            _context2.t1 = _context2.sent;
+            return _context2.abrupt('return', (0, _context2.t0)(_context2.t1));
+
+          case 7:
+          case 'end':
+            return _context2.stop();
+        }
+      }
+    }, _callee2, this);
+  }));
+
+  return function putLocale(_x2, _x3, _x4) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+
+function loadStylesheets(stylesheets) {
+    var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        beforeDefault = _ref.before,
+        afterDefault = _ref.after,
+        faviconDefault = _ref.favicon,
+        canvasDefault = _ref.canvas,
+        _ref$image = _ref.image,
+        imageDefault = _ref$image === undefined ? true : _ref$image,
+        acceptErrors = _ref.acceptErrors;
+
+    stylesheets = Array.isArray(stylesheets) ? stylesheets : [stylesheets];
+
+    function setupLink(stylesheetURL) {
+        var options = {};
+        if (Array.isArray(stylesheetURL)) {
+            var _stylesheetURL = stylesheetURL;
+
+            var _stylesheetURL2 = slicedToArray(_stylesheetURL, 2);
+
+            stylesheetURL = _stylesheetURL2[0];
+            var _stylesheetURL2$ = _stylesheetURL2[1];
+            options = _stylesheetURL2$ === undefined ? {} : _stylesheetURL2$;
+        }
+        var _options = options,
+            _options$favicon = _options.favicon,
+            favicon = _options$favicon === undefined ? faviconDefault : _options$favicon;
+        var _options2 = options,
+            _options2$before = _options2.before,
+            before = _options2$before === undefined ? beforeDefault : _options2$before,
+            _options2$after = _options2.after,
+            after = _options2$after === undefined ? afterDefault : _options2$after,
+            _options2$canvas = _options2.canvas,
+            canvas = _options2$canvas === undefined ? canvasDefault : _options2$canvas,
+            _options2$image = _options2.image,
+            image = _options2$image === undefined ? imageDefault : _options2$image;
+
+        function addLink() {
+            if (before) {
+                before.before(link);
+            } else if (after) {
+                after.after(link);
+            } else {
+                document.head.appendChild(link);
+            }
+        }
+
+        var link = document.createElement('link');
+        return new Promise(function (resolve, reject) {
+            var rej = reject;
+            if (acceptErrors) {
+                rej = typeof acceptErrors === 'function' ? function (error) {
+                    acceptErrors({ error: error, stylesheetURL: stylesheetURL, options: options, resolve: resolve, reject: reject });
+                } : resolve;
+            }
+            if (stylesheetURL.endsWith('.css')) {
+                favicon = false;
+            } else if (stylesheetURL.endsWith('.ico')) {
+                favicon = true;
+            }
+            if (favicon) {
+                link.rel = 'shortcut icon';
+                link.type = 'image/x-icon';
+
+                if (image === false) {
+                    link.href = stylesheetURL;
+                    addLink();
+                    resolve(link);
+                    return;
+                }
+
+                var cnv = document.createElement('canvas');
+                cnv.width = 16;
+                cnv.height = 16;
+                var context = cnv.getContext('2d');
+                var img = document.createElement('img');
+                img.addEventListener('error', function (error) {
+                    reject(error);
+                });
+                img.addEventListener('load', function () {
+                    context.drawImage(img, 0, 0);
+                    link.href = canvas ? cnv.toDataURL('image/x-icon') : stylesheetURL;
+                    addLink();
+                    resolve(link);
+                });
+                img.src = stylesheetURL;
+                return;
+            }
+            link.rel = 'stylesheet';
+            link.type = 'text/css';
+            link.href = stylesheetURL;
+            addLink();
+            link.addEventListener('error', function (error) {
+                rej(error);
+            });
+            link.addEventListener('load', function () {
+                resolve(link);
+            });
+        });
+    }
+
+    return Promise.all(stylesheets.map(setupLink));
+}
+
+/* globals jQuery */
+
+/**
+* The main module for the visual SVG Editor
+*
+* @license MIT
+*
+* @copyright 2010 Alexis Deveria
+* 2010 Pavol Rusnak
+* 2010 Jeff Schiller
+* 2010 Narendra Sisodiya
+* 2014 Brett Zamir
+* @exports module:SVGEditor
+* @borrows module:locale.putLocale as putLocale
+* @borrows module:locale.readLang as readLang
+* @borrows module:locale.setStrings as setStrings
+*/
+var editor = {};
+
+var $$b = [jqPluginJSHotkeys, jqPluginBBQ, jqPluginSVGIcons, jqPluginJGraduate, jqPluginSpinBtn, jqPluginSVG, jQueryContextMenu, jPicker].reduce(function ($, cb) {
+  return cb($);
+}, jQuery);
+
+/*
+if (!$.loadingStylesheets) {
+  $.loadingStylesheets = [];
+}
+*/
+var stylesheet = 'svg-editor.css';
+if (!$$b.loadingStylesheets.includes(stylesheet)) {
+  $$b.loadingStylesheets.push(stylesheet);
+}
+var favicon = 'images/logo.png';
+if ($$b.loadingStylesheets.some(function (item) {
+  return !Array.isArray(item) || item[0] !== favicon;
+})) {
+  $$b.loadingStylesheets.push([favicon, { favicon: true }]);
+}
+
+// EDITOR PROPERTIES: (defined below)
+//    curPrefs, curConfig, canvas, storage, uiStrings
+//
+// STATE MAINTENANCE PROPERTIES
+/**
+* @type {Float}
+*/
+editor.tool_scale = 1; // Dependent on icon size, so any use to making configurable instead? Used by `jQuery.SpinButton.js`
+/**
+* @type {Integer}
+*/
+editor.exportWindowCt = 0;
+/**
+* @type {boolean}
+*/
+editor.langChanged = false;
+/**
+* @type {boolean}
+*/
+editor.showSaveWarning = false;
+/**
+* @type {boolean}
+*/
+editor.storagePromptClosed = false; // For use with ext-storage.js
+
+var callbacks = [],
+
+/**
+* @typedef {"s"|"m"|"l"|"xl"|Float} module:SVGEditor.IconSize
+*/
+/**
+* Preferences
+* @interface module:SVGEditor.Prefs
+* @property {string} [lang="en"] Two-letter language code. The language must exist in the Editor Preferences language list. Defaults to "en" if `locale.js` detection does not detect another language.
+* @property {module:SVGEditor.IconSize} [iconsize="s"|"m"] Size of the toolbar icons. Will default to 's' if the window height is smaller than the minimum height and 'm' otherwise.
+* @property {string} [bkgd_color="#FFF"] Color hex for canvas background color. Defaults to white.
+* @property {string} [bkgd_url=""] Background raster image URL. This image will fill the background of the document; useful for tracing purposes.
+* @property {"embed"|"ref"} [img_save="embed"] Defines whether included raster images should be saved as Data URIs when possible, or as URL references. Settable in the Document Properties dialog.
+* @property {boolean} [save_notice_done=false] Used to track alert status
+* @property {boolean} [export_notice_done=false] Used to track alert status
+* @todo `save_notice_done` and `export_notice_done` should be changed to flags rather than preferences
+*/
+/**
+* @namespace {module:SVGEditor.Prefs} defaultPrefs
+* @memberof module:SVGEditor~
+* @implements {module:SVGEditor.Prefs}
+*/
+// The iteration algorithm for defaultPrefs does not currently support array/objects
+defaultPrefs = /** @lends module:SVGEditor~defaultPrefs */{
+  // EDITOR OPTIONS (DIALOG)
+  /**
+  * Default to "en" if locale.js detection does not detect another language
+  */
+  lang: '',
+  /**
+  * Will default to 's' if the window height is smaller than the minimum height and
+  * 'm' otherwise
+  */
+  iconsize: '',
+  bkgd_color: '#FFF',
+  bkgd_url: '',
+  // DOCUMENT PROPERTIES (DIALOG)
+  img_save: 'embed',
+  // ALERT NOTICES
+  // Only shows in UI as far as alert notices, but useful to remember, so keeping as pref
+  save_notice_done: false,
+  export_notice_done: false
+},
+
+/**
+* @name module:SVGEditor~defaultExtensions
+* @type {string[]}
+*/
+defaultExtensions = ['ext-connector.js', 'ext-eyedropper.js', 'ext-grid.js', 'ext-imagelib.js', 'ext-markers.js', 'ext-overview_window.js', 'ext-panning.js', 'ext-polygon.js', 'ext-shapes.js', 'ext-star.js', 'ext-storage.js'],
+
+/**
+* @typedef {"@default"|string} module:SVGEditor.Stylesheet `@default` will automatically load all of the default CSS paths for SVGEditor
+*/
+/**
+* @typedef {GenericArray} module:SVGEditor.XYDimensions
+* @property {Integer} length 2
+* @property {Float} 0
+* @property {Float} 1
+*/
+/**
+* @tutorial ConfigOptions
+* @interface module:SVGEditor.Config
+* @property {string} [canvasName="default"] Used to namespace storage provided via `ext-storage.js`; you can use this if you wish to have multiple independent instances of SVG Edit on the same domain
+* @property {boolean} [no_save_warning=false] If `true`, prevents the warning dialog box from appearing when closing/reloading the page. Mostly useful for testing.
+* @property {string} [imgPath="images/"] The path where the SVG icons are located, with trailing slash. Note that as of version 2.7, this is not configurable by URL for security reasons.
+* @property {string} [langPath="locale/"] The path where the language files are located, with trailing slash. Default will be changed to `../dist/locale/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.
+* @property {string} [extPath="extensions/"] The path used for extension files, with trailing slash. Default will be changed to `../dist/extensions/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.
+* @property {string} [canvgPath="canvg/"] The path used for `canvg` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.
+* @property {string} [jspdfPath="jspdf/"] The path used for `jsPDF` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.
+* @property {string} [extIconsPath="extensions/"] The path used for extension icons, with trailing slash.
+* @property {string} [jGraduatePath="jgraduate/images/"] The path where jGraduate images are located. Note that as of version 2.7, this is not configurable by URL for security reasons.
+* @property {boolean} [preventAllURLConfig=false] Set to `true` to override the ability for URLs to set non-content configuration (including extension config). Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+* @property {boolean} [preventURLContentLoading=false] Set to `true` to override the ability for URLs to set URL-based SVG content. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+* @property {boolean} [lockExtensions=false] Set to `true` to override the ability for URLs to set their own extensions; disallowed in URL setting. There is no need for this when `preventAllURLConfig` is used. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+* @property {boolean} [noDefaultExtensions=false] If set to `true`, prohibits automatic inclusion of default extensions (though "extensions" can still be used to add back any desired default extensions along with any other extensions). This can only be meaningfully used in `svgedit-config-iife.js` or in the URL
+* @property {boolean} [noStorageOnLoad=false] Some interaction with `ext-storage.js`; prevent even the loading of previously saved local storage.
+* @property {boolean} [forceStorage=false] Some interaction with `ext-storage.js`; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not (and may be required by law in some regions)
+* @property {boolean} [emptyStorageOnDecline=false] Used by `ext-storage.js`; empty any prior storage if the user declines to store
+* @property {string[]} [extensions=module:SVGEditor~defaultExtensions] Extensions to load on startup. Use an array in `setConfig` and comma separated file names in the URL. Extension names must begin with "ext-". Note that as of version 2.7, paths containing "/", "\", or ":", are disallowed for security reasons. Although previous versions of this list would entirely override the default list, as of version 2.7, the defaults will always be added to this explicit list unless the configuration `noDefaultExtensions` is included.
+* @property {module:SVGEditor.Stylesheet[]} [stylesheets=["@default"]] An array of required stylesheets to load in parallel; include the value `"@default"` within this array to ensure all default stylesheets are loaded.
+* @property {string[]} [allowedOrigins=[]] Used by `ext-xdomain-messaging.js` to indicate which origins are permitted for cross-domain messaging (e.g., between the embedded editor and main editor code). Besides explicit domains, one might add '' to allow all domains (not recommended for privacy/data integrity of your user's content!), `window.location.origin` for allowing the same origin (should be safe if you trust all apps on your domain), 'null' to allow `file://` URL usage
+* @property {null|PlainObject} [colorPickerCSS=null] Object of CSS properties mapped to values (for jQuery) to apply to the color picker. See {@link http://api.jquery.com/css/#css-properties}. A `null` value (the default) will cause the CSS to default to `left` with a position equal to that of the `fill_color` or `stroke_color` element minus 140, and a `bottom` equal to 40
+* @property {string} [paramurl] This was available via URL only. Allowed an un-encoded URL within the query string (use "url" or "source" with a data: URI instead)
+* @property {Float} [canvas_expansion=3] The minimum area visible outside the canvas, as a multiple of the image dimensions. The larger the number, the more one can scroll outside the canvas.
+* @property {PlainObject} [initFill] Init fill properties
+* @property {string} [initFill.color="FF0000"] The initial fill color. Must be a hex code string. Defaults to solid red.
+* @property {Float} [initFill.opacity=1] The initial fill opacity. Must be a number between 0 and 1
+* @property {PlainObject} [initStroke] Init stroke properties
+* @property {Float} [initStroke.width=5] The initial stroke width. Must be a positive number.
+* @property {string} [initStroke.color="000000"] The initial stroke color. Must be a hex code. Defaults to solid black.
+* @property {Float} [initStroke.opacity=1] The initial stroke opacity. Must be a number between 0 and 1.
+* @property {PlainObject} text Text style properties
+* @property {Float} [text.stroke_width=0] Text stroke width
+* @property {Float} [text.font_size=24] Text font size
+* @property {string} [text.font_family="serif"] Text font family
+* @property {Float} [initOpacity=1] Initial opacity (multiplied by 100)
+* @property {module:SVGEditor.XYDimensions} [dimensions=[640, 480]] The default width/height of a new document. Use an array in `setConfig` (e.g., `[800, 600]`) and comma separated numbers in the URL.
+* @property {boolean} [gridSnapping=false] Enable snap to grid by default. Set in Editor Options.
+* @property {string} [gridColor="#000"] Accepts hex, e.g., '#000'. Set in Editor Options. Defaults to black.
+* @property {string} [baseUnit="px"] Set in Editor Options.
+* @property {Float} [snappingStep=10] Set the default grid snapping value. Set in Editor Options.
+* @property {boolean} [showRulers=true] Initial state of ruler display (v2.6). Set in Editor Options.
+* @property {string} [initTool="select"] The initially selected tool. Must be either the ID of the button for the tool, or the ID without `tool_` prefix (e.g., "select").
+* @property {boolean} [wireframe=false] Start in wireframe mode
+* @property {boolean} [showlayers=false] Open the layers side-panel by default.
+* @property {"new"|"same"} [exportWindowType="new"] Can be "new" or "same" to indicate whether new windows will be generated for each export; the `window.name` of the export window is namespaced based on the `canvasName` (and incremented if "new" is selected as the type). Introduced 2.8.
+* @property {boolean} [showGrid=false] Set by `ext-grid.js`; determines whether or not to show the grid by default
+* @property {boolean} [show_outside_canvas=true] Defines whether or not elements outside the canvas should be visible. Set and used in `svgcanvas.js`.
+* @property {boolean} [selectNew=true] If true, will replace the selection with the current element and automatically select element objects (when not in "path" mode) after they are created, showing their grips (v2.6). Set and used in `svgcanvas.js` (`mouseUp`).
+* @todo Some others could be preferences as well (e.g., preventing URL changing of extensions, defaultExtensions, stylesheets, colorPickerCSS); Change the following to preferences and add pref controls where missing to the UI (e.g., `canvas_expansion`, `initFill`, `initStroke`, `text`, `initOpacity`, `dimensions`, `initTool`, `wireframe`, `showlayers`, `gridSnapping`, `gridColor`, `baseUnit`, `snappingStep`, `showRulers`, `exportWindowType`, `showGrid`, `show_outside_canvas`, `selectNew`)?
+*/
+/**
+* @namespace {module:SVGEditor.Config} defaultConfig
+* @memberof module:SVGEditor~
+* @implements {module:SVGEditor.Config}
+*/
+defaultConfig = {
+  canvasName: 'default',
+  canvas_expansion: 3,
+  initFill: {
+    color: 'FF0000', // solid red
+    opacity: 1
+  },
+  initStroke: {
+    width: 5,
+    color: '000000', // solid black
+    opacity: 1
+  },
+  text: {
+    stroke_width: 0,
+    font_size: 24,
+    font_family: 'serif'
+  },
+  initOpacity: 1,
+  colorPickerCSS: null, // Defaults to 'left' with a position equal to that of the fill_color or stroke_color element minus 140, and a 'bottom' equal to 40
+  initTool: 'select',
+  exportWindowType: 'new', // 'same' (todo: also support 'download')
+  wireframe: false,
+  showlayers: false,
+  no_save_warning: false,
+  // PATH CONFIGURATION
+  // The following path configuration items are disallowed in the URL (as should any future path configurations)
+  imgPath: 'images/',
+  langPath: 'locale/', // Default will be changed if this is a modular load
+  extPath: 'extensions/', // Default will be changed if this is a modular load
+  canvgPath: 'canvg/', // Default will be changed if this is a modular load
+  jspdfPath: 'jspdf/', // Default will be changed if this is a modular load
+  extIconsPath: 'extensions/',
+  jGraduatePath: 'jgraduate/images/',
+  // DOCUMENT PROPERTIES
+  // Change the following to a preference (already in the Document Properties dialog)?
+  dimensions: [640, 480],
+  // EDITOR OPTIONS
+  // Change the following to preferences (already in the Editor Options dialog)?
+  gridSnapping: false,
+  gridColor: '#000',
+  baseUnit: 'px',
+  snappingStep: 10,
+  showRulers: true,
+  // URL BEHAVIOR CONFIGURATION
+  preventAllURLConfig: false,
+  preventURLContentLoading: false,
+  // EXTENSION CONFIGURATION (see also preventAllURLConfig)
+  lockExtensions: false, // Disallowed in URL setting
+  noDefaultExtensions: false, // noDefaultExtensions can only be meaningfully used in `svgedit-config-iife.js` or in the URL
+  // EXTENSION-RELATED (GRID)
+  showGrid: false, // Set by ext-grid.js
+  // EXTENSION-RELATED (STORAGE)
+  noStorageOnLoad: false, // Some interaction with ext-storage.js; prevent even the loading of previously saved local storage
+  forceStorage: false, // Some interaction with ext-storage.js; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not
+  emptyStorageOnDecline: false // Used by ext-storage.js; empty any prior storage if the user declines to store
+},
+
+/**
+* LOCALE
+* @name module:SVGEditor.uiStrings
+* @type {PlainObject}
+*/
+uiStrings$1 = editor.uiStrings = {};
+
+var svgCanvas = void 0,
+    urldata = void 0,
+    isReady = false,
+    customExportImage = false,
+    customExportPDF = false,
+    curPrefs = {},
+
+// Note: The difference between Prefs and Config is that Prefs
+//   can be changed in the UI and are stored in the browser,
+//   while config cannot
+curConfig = {
+  // We do not put on defaultConfig to simplify object copying
+  //   procedures (we obtain instead from defaultExtensions)
+  extensions: [],
+  stylesheets: [],
+  /**
+  * Can use window.location.origin to indicate the current
+  * origin. Can contain a '*' to allow all domains or 'null' (as
+  * a string) to support all file:// URLs. Cannot be set by
+  * URL for security reasons (not safe, at least for
+  * privacy or data integrity of SVG content).
+  * Might have been fairly safe to allow
+  *   `new URL(window.location.href).origin` by default but
+  *   avoiding it ensures some more security that even third
+  *   party apps on the same domain also cannot communicate
+  *   with this app by default.
+  * For use with ext-xdomain-messaging.js
+  * @todo We might instead make as a user-facing preference.
+  */
+  allowedOrigins: []
+};
+
+function loadSvgString(str, callback) {
+  var success = svgCanvas.setSvgString(str) !== false;
+  callback = callback || $$b.noop;
+  if (success) {
+    callback(true); // eslint-disable-line standard/no-callback-literal
+  } else {
+    $$b.alert(uiStrings$1.notification.errorLoadingSVG, function () {
+      callback(false); // eslint-disable-line standard/no-callback-literal
+    });
+  }
+}
+
+/**
+ * @function module:SVGEditor~getImportLocale
+ * @param {string} defaultLang
+ * @param {string} defaultName
+ * @returns {module:SVGEditor~ImportLocale}
+ */
+function getImportLocale(_ref) {
+  var defaultLang = _ref.defaultLang,
+      defaultName = _ref.defaultName;
+
+  /**
+   * @function module:SVGEditor~ImportLocale
+   * @param {string} [name] Defaults to `defaultName` of {@link module:SVGEditor~getImportLocale}
+   * @param {string} [lang=defaultLang] Defaults to `defaultLang` of {@link module:SVGEditor~getImportLocale}
+   * @returns {Promise} Resolves to {@link module:locale.LocaleStrings}
+   */
+  return function () {
+    var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var importLocale = function () {
+        var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(lang) {
+          var url;
+          return regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  url = curConfig.extPath + 'ext-locale/' + name + '/' + lang + '.js';
+                  return _context.abrupt('return', importSetGlobalDefault(url, {
+                    global: 'svgEditorExtensionLocale_' + name + '_' + lang
+                  }));
+
+                case 2:
+                case 'end':
+                  return _context.stop();
+              }
+            }
+          }, _callee, this);
+        }));
+
+        return function importLocale(_x2) {
+          return _ref4.apply(this, arguments);
+        };
+      }();
+
+      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref3$name = _ref3.name,
+          name = _ref3$name === undefined ? defaultName : _ref3$name,
+          _ref3$lang = _ref3.lang,
+          lang = _ref3$lang === undefined ? defaultLang : _ref3$lang;
+
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              return _context2.abrupt('return', importLocale(lang));
+
+            case 4:
+              _context2.prev = 4;
+              _context2.t0 = _context2['catch'](0);
+              return _context2.abrupt('return', importLocale('en'));
+
+            case 7:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, this, [[0, 4]]);
+    }));
+
+    function importLocale() {
+      return _ref2.apply(this, arguments);
+    }
+
+    return importLocale;
+  }();
+}
+
+/**
+* EXPORTS
+*/
+
+/**
+* Store and retrieve preferences
+* @param {string} key The preference name to be retrieved or set
+* @param {string} [val] The value. If the value supplied is missing or falsey, no change to the preference will be made.
+* @returns {string} If val is missing or falsey, the value of the previously stored preference will be returned.
+* @todo Can we change setting on the jQuery namespace (onto editor) to avoid conflicts?
+* @todo Review whether any remaining existing direct references to
+*  getting `curPrefs` can be changed to use `$.pref()` getting to ensure
+*  `defaultPrefs` fallback (also for sake of `allowInitialUserOverride`); specifically, `bkgd_color` could be changed so that
+*  the pref dialog has a button to auto-calculate background, but otherwise uses `$.pref()` to be able to get default prefs
+*  or overridable settings
+*/
+$$b.pref = function (key, val) {
+  if (val) {
+    curPrefs[key] = val;
+    /**
+    * @name curPrefs
+    * @memberof module:SVGEditor
+    * @implements {module:SVGEditor.Prefs}
+    */
+    editor.curPrefs = curPrefs; // Update exported value
+    return;
+  }
+  return key in curPrefs ? curPrefs[key] : defaultPrefs[key];
+};
+
+/*
+* EDITOR PUBLIC METHODS
+// Todo: Sort these methods per invocation order, ideally with init at the end
+// Todo: Prevent execution until init executes if dependent on it?
+*/
+editor.putLocale = putLocale;
+editor.readLang = readLang;
+editor.setStrings = setStrings;
+
+/**
+* Where permitted, sets canvas and/or `defaultPrefs` based on previous
+*  storage. This will override URL settings (for security reasons) but
+*  not `svgedit-config-iife.js` configuration (unless initial user
+*  overriding is explicitly permitted there via `allowInitialUserOverride`).
+* @todo Split `allowInitialUserOverride` into `allowOverrideByURL` and
+*  `allowOverrideByUserStorage` so `svgedit-config-iife.js` can disallow some
+*  individual items for URL setting but allow for user storage AND/OR
+*  change URL setting so that it always uses a different namespace,
+*  so it won't affect pre-existing user storage (but then if users saves
+*  that, it will then be subject to tampering
+* @returns {undefined}
+*/
+editor.loadContentAndPrefs = function () {
+  if (!curConfig.forceStorage && (curConfig.noStorageOnLoad || !document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/))) {
+    return;
+  }
+
+  // LOAD CONTENT
+  if (editor.storage && ( // Cookies do not have enough available memory to hold large documents
+  curConfig.forceStorage || !curConfig.noStorageOnLoad && document.cookie.match(/(?:^|;\s*)store=prefsAndContent/))) {
+    var _name = 'svgedit-' + curConfig.canvasName;
+    var cached = editor.storage.getItem(_name);
+    if (cached) {
+      editor.loadFromString(cached);
+    }
+  }
+
+  // LOAD PREFS
+  for (var key in defaultPrefs) {
+    if (defaultPrefs.hasOwnProperty(key)) {
+      // It's our own config, so we don't need to iterate up the prototype chain
+      var storeKey = 'svg-edit-' + key;
+      if (editor.storage) {
+        var val = editor.storage.getItem(storeKey);
+        if (val) {
+          defaultPrefs[key] = String(val); // Convert to string for FF (.value fails in Webkit)
+        }
+      } else if (window.widget) {
+        defaultPrefs[key] = window.widget.preferenceForKey(storeKey);
+      } else {
+        var result = document.cookie.match(new RegExp('(?:^|;\\s*)' + regexEscape(encodeURIComponent(storeKey)) + '=([^;]+)'));
+        defaultPrefs[key] = result ? decodeURIComponent(result[1]) : '';
+      }
+    }
+  }
+};
+
+/**
+* Allows setting of preferences or configuration (including extensions).
+* @param {module:SVGEditor.Config|module:SVGEditor.Prefs} opts The preferences or configuration (including extensions). See the tutorial on {@tutorial ConfigOptions} for info on config and preferences.
+* @param {PlainObject} [cfgCfg] Describes configuration which applies to the
+*    particular batch of supplied options
+* @param {boolean} [cfgCfg.allowInitialUserOverride=false] Set to true if you wish
+*  to allow initial overriding of settings by the user via the URL
+*  (if permitted) or previously stored preferences (if permitted);
+*  note that it will be too late if you make such calls in extension
+*  code because the URL or preference storage settings will
+*   have already taken place.
+* @param {boolean} [cfgCfg.overwrite=true] Set to false if you wish to
+*  prevent the overwriting of prior-set preferences or configuration
+*  (URL settings will always follow this requirement for security
+*  reasons, so `svgedit-config-iife.js` settings cannot be overridden unless it
+*  explicitly permits via `allowInitialUserOverride` but extension config
+*  can be overridden as they will run after URL settings). Should
+*   not be needed in `svgedit-config-iife.js`.
+* @returns {undefined}
+*/
+editor.setConfig = function (opts, cfgCfg) {
+  cfgCfg = cfgCfg || {};
+  function extendOrAdd(cfgObj, key, val) {
+    if (cfgObj[key] && _typeof(cfgObj[key]) === 'object') {
+      $$b.extend(true, cfgObj[key], val);
+    } else {
+      cfgObj[key] = val;
+    }
+  }
+  $$b.each(opts, function (key, val) {
+    if (opts.hasOwnProperty(key)) {
+      // Only allow prefs defined in defaultPrefs
+      if (defaultPrefs.hasOwnProperty(key)) {
+        if (cfgCfg.overwrite === false && (curConfig.preventAllURLConfig || curPrefs.hasOwnProperty(key))) {
+          return;
+        }
+        if (cfgCfg.allowInitialUserOverride === true) {
+          defaultPrefs[key] = val;
+        } else {
+          $$b.pref(key, val);
+        }
+      } else if (['extensions', 'stylesheets', 'allowedOrigins'].includes(key)) {
+        if (cfgCfg.overwrite === false && (curConfig.preventAllURLConfig || ['allowedOrigins', 'stylesheets'].includes(key) || key === 'extensions' && curConfig.lockExtensions)) {
+          return;
+        }
+        curConfig[key] = curConfig[key].concat(val); // We will handle any dupes later
+        // Only allow other curConfig if defined in defaultConfig
+      } else if (defaultConfig.hasOwnProperty(key)) {
+        if (cfgCfg.overwrite === false && (curConfig.preventAllURLConfig || curConfig.hasOwnProperty(key))) {
+          return;
+        }
+        // Potentially overwriting of previously set config
+        if (curConfig.hasOwnProperty(key)) {
+          if (cfgCfg.overwrite === false) {
+            return;
+          }
+          extendOrAdd(curConfig, key, val);
+        } else {
+          if (cfgCfg.allowInitialUserOverride === true) {
+            extendOrAdd(defaultConfig, key, val);
+          } else {
+            if (defaultConfig[key] && _typeof(defaultConfig[key]) === 'object') {
+              curConfig[key] = {};
+              $$b.extend(true, curConfig[key], val); // Merge properties recursively, e.g., on initFill, initStroke objects
+            } else {
+              curConfig[key] = val;
+            }
+          }
+        }
+      }
+    }
+  });
+  /**
+  * @name curConfig
+  * @memberof module:SVGEditor
+  * @implements {module:SVGEditor.Config}
+  */
+  editor.curConfig = curConfig; // Update exported value
+};
+
+/**
+* All methods are optional
+* @interface module:SVGEditor.CustomHandler
+* @type {PlainObject}
+*/
+/**
+* Its responsibilities are:
+*  - invoke a file chooser dialog in 'open' mode
+*  - let user pick a SVG file
+*  - calls [svgCanvas.setSvgString()]{@link module:svgcanvas.SvgCanvas#setSvgString} with the string contents of that file.
+* Not passed any parameters.
+* @function module:SVGEditor.CustomHandler#open
+* @returns {undefined}
+*/
+/**
+* Its responsibilities are:
+*  - accept the string contents of the current document
+*  - invoke a file chooser dialog in 'save' mode
+*  - save the file to location chosen by the user
+* @function module:SVGEditor.CustomHandler#save
+* @param {external:Window} win
+* @param {module:svgcanvas.SvgCanvas#event:saved} svgStr A string of the SVG
+* @listens module:svgcanvas.SvgCanvas#event:saved
+* @returns {undefined}
+*/
+/**
+* Its responsibilities (with regard to the object it is supplied in its 2nd argument) are:
+*  - inform user of any issues supplied via the "issues" property
+*  - convert the "svg" property SVG string into an image for export;
+*    utilize the properties "type" (currently 'PNG', 'JPEG', 'BMP',
+*    'WEBP', 'PDF'), "mimeType", and "quality" (for 'JPEG' and 'WEBP'
+*    types) to determine the proper output.
+* @function module:SVGEditor.CustomHandler#exportImage
+* @param {external:Window} win
+* @param {module:svgcanvas.SvgCanvas#event:exported} data
+* @listens module:svgcanvas.SvgCanvas#event:exported
+* @returns {undefined}
+*/
+/**
+* @function module:SVGEditor.CustomHandler#exportPDF
+* @param {external:Window} win
+* @param {module:svgcanvas.SvgCanvas#event:exportedPDF} data
+* @listens module:svgcanvas.SvgCanvas#event:exportedPDF
+* @returns {undefined}
+*/
+
+/**
+* Allows one to override default SVGEdit `open`, `save`, and
+* `export` editor behaviors.
+* @param {module:SVGEditor.CustomHandler} opts Extension mechanisms may call `setCustomHandlers` with three functions: `opts.open`, `opts.save`, and `opts.exportImage`
+* @returns {undefined}
+*/
+editor.setCustomHandlers = function (opts) {
+  editor.ready(function () {
+    if (opts.open) {
+      $$b('#tool_open > input[type="file"]').remove();
+      $$b('#tool_open').show();
+      svgCanvas.open = opts.open;
+    }
+    if (opts.save) {
+      editor.showSaveWarning = false;
+      svgCanvas.bind('saved', opts.save);
+    }
+    if (opts.exportImage) {
+      customExportImage = opts.exportImage;
+      svgCanvas.bind('exported', customExportImage); // canvg and our RGBColor will be available to the method
+    }
+    if (opts.exportPDF) {
+      customExportPDF = opts.exportPDF;
+      svgCanvas.bind('exportedPDF', customExportPDF); // jsPDF and our RGBColor will be available to the method
+    }
+  });
+};
+
+/**
+* @param {boolean} arg
+* @returns {undefined}
+*/
+editor.randomizeIds = function (arg) {
+  return svgCanvas.randomizeIds(arg);
+};
+
+/**
+* Auto-run after a Promise microtask
+* @returns {undefined}
+*/
+editor.init = function () {
+  var modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+  if (!modularVersion) {
+    Object.assign(defaultConfig, {
+      langPath: '../dist/locale/',
+      extPath: '../dist/extensions/',
+      canvgPath: '../dist/',
+      jspdfPath: '../dist/'
+    });
+  }
+
+  // const host = location.hostname,
+  //  onWeb = host && host.includes('.');
+  // Some FF versions throw security errors here when directly accessing
+  try {
+    if ('localStorage' in window) {
+      // && onWeb removed so Webkit works locally
+      /**
+      * The built-in interface implemented by `localStorage`
+      * @external Storage
+      */
+      /**
+      * @name storage
+      * @memberof module:SVGEditor
+      * @type {external:Storage}
+      */
+      editor.storage = localStorage;
+    }
+  } catch (err) {}
+
+  // Todo: Avoid const-defined functions and group functions together, etc. where possible
+  var goodLangs = [];
+  $$b('#lang_select option').each(function () {
+    goodLangs.push(this.value);
+  });
+
+  function setupCurPrefs() {
+    curPrefs = $$b.extend(true, {}, defaultPrefs, curPrefs); // Now safe to merge with priority for curPrefs in the event any are already set
+    // Export updated prefs
+    editor.curPrefs = curPrefs;
+  }
+  function setupCurConfig() {
+    curConfig = $$b.extend(true, {}, defaultConfig, curConfig); // Now safe to merge with priority for curConfig in the event any are already set
+
+    // Now deal with extensions and other array config
+    if (!curConfig.noDefaultExtensions) {
+      curConfig.extensions = curConfig.extensions.concat(defaultExtensions);
+    }
+    // ...and remove any dupes
+    ['extensions', 'stylesheets', 'allowedOrigins'].forEach(function (cfg) {
+      curConfig[cfg] = $$b.grep(curConfig[cfg], function (n, i) {
+        // Supposedly faster than filter per http://amandeep1986.blogspot.hk/2015/02/jquery-grep-vs-js-filter.html
+        return i === curConfig[cfg].indexOf(n);
+      });
+    });
+    // Export updated config
+    editor.curConfig = curConfig;
+  }
+  (function () {
+    // Load config/data from URL if given
+    var src = void 0,
+        qstr = void 0;
+    urldata = $$b.deparam.querystring(true);
+    if (!$$b.isEmptyObject(urldata)) {
+      if (urldata.dimensions) {
+        urldata.dimensions = urldata.dimensions.split(',');
+      }
+
+      if (urldata.bkgd_color) {
+        urldata.bkgd_color = '#' + urldata.bkgd_color;
+      }
+
+      if (urldata.extensions) {
+        // For security reasons, disallow cross-domain or cross-folder extensions via URL
+        urldata.extensions = urldata.extensions.match(/[:/\\]/) ? '' : urldata.extensions.split(',');
+      }
+
+      // Disallowing extension paths via URL for
+      // security reasons, even for same-domain
+      // ones given potential to interact in undesirable
+      // ways with other script resources
+      ['extPath', 'imgPath', 'extIconsPath', 'canvgPath', 'langPath', 'jGraduatePath', 'jspdfPath'].forEach(function (pathConfig) {
+        if (urldata[pathConfig]) {
+          delete urldata[pathConfig];
+        }
+      });
+
+      editor.setConfig(urldata, { overwrite: false }); // Note: source and url (as with storagePrompt later) are not set on config but are used below
+
+      setupCurConfig();
+
+      if (!curConfig.preventURLContentLoading) {
+        src = urldata.source;
+        qstr = $$b.param.querystring();
+        if (!src) {
+          // urldata.source may have been null if it ended with '='
+          if (qstr.includes('source=data:')) {
+            src = qstr.match(/source=(data:[^&]*)/)[1];
+          }
+        }
+        if (src) {
+          if (src.startsWith('data:')) {
+            editor.loadFromDataURI(src);
+          } else {
+            editor.loadFromString(src);
+          }
+          return;
+        }
+        if (urldata.url) {
+          editor.loadFromURL(urldata.url);
+          return;
+        }
+      }
+      if (!urldata.noStorageOnLoad || curConfig.forceStorage) {
+        editor.loadContentAndPrefs();
+      }
+    } else {
+      setupCurConfig();
+      editor.loadContentAndPrefs();
+    }
+    setupCurPrefs();
+  })();
+
+  /**
+  * Called internally
+  * @param {string|Element|external:jQuery} elem
+  * @param {string|external:jQuery} iconId
+  * @param {Float} forcedSize Not in use
+  * @returns {undefined}
+  */
+  var setIcon = editor.setIcon = function (elem, iconId, forcedSize) {
+    var icon = typeof iconId === 'string' ? $$b.getSvgIcon(iconId, true) : iconId.clone();
+    if (!icon) {
+      console.log('NOTE: Icon image missing: ' + iconId);
+      return;
+    }
+    $$b(elem).empty().append(icon);
+  };
+
+  /**
+   * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+   * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+   * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+   * @fires module:svgcanvas.SvgCanvas#event:extensions_added
+   * @returns {Promise} Resolves to result of {@link module:locale.readLang}
+   */
+  var extAndLocaleFunc = function () {
+    var _ref5 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+      var _this = this;
+
+      var _ref6, langParam, langData;
+
+      return regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return editor.putLocale(null, goodLangs, curConfig);
+
+            case 2:
+              _ref6 = _context4.sent;
+              langParam = _ref6.langParam;
+              langData = _ref6.langData;
+
+              setLang(langParam, langData);
+
+              _context4.prev = 6;
+              _context4.next = 9;
+              return Promise.all(curConfig.extensions.map(function () {
+                var _ref7 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(extname) {
+                  var extName, url, imported, _imported$name, _name2, init$$1, importLocale;
+
+                  return regeneratorRuntime.wrap(function _callee3$(_context3) {
+                    while (1) {
+                      switch (_context3.prev = _context3.next) {
+                        case 0:
+                          extName = extname.match(/^ext-(.+)\.js/);
+
+                          if (extName) {
+                            _context3.next = 3;
+                            break;
+                          }
+
+                          return _context3.abrupt('return');
+
+                        case 3:
+                          url = curConfig.extPath + extname;
+                          // Todo: Replace this with `return import(url);` when
+                          //   `import()` widely supported
+                          /**
+                           * @tutorial ExtensionDocs
+                           * @typedef {PlainObject} module:SVGEditor.ExtensionObject
+                           * @property {string} [name] Name of the extension. Used internally; no need for i18n. Defaults to extension name without beginning "ext-" or ending ".js".
+                           * @property {module:svgcanvas.ExtensionInitCallback} [init]
+                           */
+
+                          _context3.prev = 4;
+                          _context3.next = 7;
+                          return importSetGlobalDefault(url, {
+                            global: 'svgEditorExtension_' + extName[1].replace(/-/g, '_')
+                          });
+
+                        case 7:
+                          imported = _context3.sent;
+                          _imported$name = imported.name, _name2 = _imported$name === undefined ? extName[1] : _imported$name, init$$1 = imported.init;
+                          importLocale = getImportLocale({ defaultLang: langParam, defaultName: _name2 });
+                          return _context3.abrupt('return', editor.addExtension(_name2, init$$1 && init$$1.bind(editor), importLocale));
+
+                        case 13:
+                          _context3.prev = 13;
+                          _context3.t0 = _context3['catch'](4);
+
+                          console.log(_context3.t0);
+                          console.error('Extension failed to load: ' + extname + '; ' + _context3.t0);
+
+                        case 17:
+                        case 'end':
+                          return _context3.stop();
+                      }
+                    }
+                  }, _callee3, _this, [[4, 13]]);
+                }));
+
+                return function (_x3) {
+                  return _ref7.apply(this, arguments);
+                };
+              }()));
+
+            case 9:
+              svgCanvas.bind('extensions_added',
+              /**
+              * @param {external:Window} win
+              * @param {module:svgcanvas.SvgCanvas#event:extensions_added} data
+              * @listens module:svgcanvas.SvgCanvas#event:extensions_added
+              * @returns {undefined}
+              */
+              function (win, data) {
+                extensionsAdded = true;
+                Actions.setAll();
+
+                $$b('.flyout_arrow_horiz:empty').each(function () {
+                  $$b(this).append($$b.getSvgIcon('arrow_right', true).width(5).height(5));
+                });
+                messageQueue.forEach(
+                /**
+                 * @param {module:svgcanvas.SvgCanvas#event:message} messageObj
+                 * @fires module:svgcanvas.SvgCanvas#event:message
+                 * @returns {undefined}
+                 */
+                function (messageObj) {
+                  svgCanvas.call('message', messageObj);
+                });
+              });
+              svgCanvas.call('extensions_added');
+              _context4.next = 16;
+              break;
+
+            case 13:
+              _context4.prev = 13;
+              _context4.t0 = _context4['catch'](6);
+
+              console.log(_context4.t0);
+
+            case 16:
+            case 'end':
+              return _context4.stop();
+          }
+        }
+      }, _callee4, this, [[6, 13]]);
+    }));
+
+    return function extAndLocaleFunc() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  var stateObj = { tool_scale: editor.tool_scale };
+
+  var setFlyoutPositions = function setFlyoutPositions() {
+    $$b('.tools_flyout').each(function () {
+      var shower = $$b('#' + this.id + '_show');
+
+      var _shower$offset = shower.offset(),
+          left = _shower$offset.left,
+          top = _shower$offset.top;
+
+      var w = shower.outerWidth();
+      $$b(this).css({ left: (left + w) * editor.tool_scale, top: top });
+    });
+  };
+
+  var uaPrefix = function () {
+    var regex = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/;
+    var someScript = document.getElementsByTagName('script')[0];
+    for (var prop in someScript.style) {
+      if (regex.test(prop)) {
+        // test is faster than match, so it's better to perform
+        // that on the lot and match only when necessary
+        return prop.match(regex)[0];
+      }
+    }
+    // Nothing found so far?
+    if ('WebkitOpacity' in someScript.style) {
+      return 'Webkit';
+    }
+    if ('KhtmlOpacity' in someScript.style) {
+      return 'Khtml';
+    }
+
+    return '';
+  }();
+
+  var scaleElements = function scaleElements(elems, scale) {
+    // const prefix = '-' + uaPrefix.toLowerCase() + '-'; // Currently unused
+    var sides = ['top', 'left', 'bottom', 'right'];
+
+    elems.each(function () {
+      // Handled in CSS
+      // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';
+      var el = $$b(this);
+      var w = el.outerWidth() * (scale - 1);
+      var h = el.outerHeight() * (scale - 1);
+      // const margins = {}; // Currently unused
+
+      for (var i = 0; i < 4; i++) {
+        var s = sides[i];
+        var cur = el.data('orig_margin-' + s);
+        if (cur == null) {
+          cur = parseInt(el.css('margin-' + s), 10);
+          // Cache the original margin
+          el.data('orig_margin-' + s, cur);
+        }
+        var val = cur * scale;
+        if (s === 'right') {
+          val += w;
+        } else if (s === 'bottom') {
+          val += h;
+        }
+
+        el.css('margin-' + s, val);
+        // el.css('outline', '1px solid red');
+      }
+    });
+  };
+
+  /**
+  * Called internally.
+  * @param {module:SVGEditor.IconSize} size
+  * @returns {undefined}
+  */
+  var setIconSize = editor.setIconSize = function (size) {
+    // const elems = $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open');
+    var selToscale = '#tools_top .toolset, #editor_panel > *, #history_panel > *,' + '        #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,' + '        #g_panel > *, #tool_font_size > *, .tools_flyout';
+
+    var elems = $$b(selToscale);
+
+    var scale = 1;
+    if (typeof size === 'number') {
+      scale = size;
+    } else {
+      var iconSizes = { s: 0.75, m: 1, l: 1.25, xl: 1.5 };
+      scale = iconSizes[size];
+    }
+
+    stateObj.tool_scale = editor.tool_scale = scale;
+
+    setFlyoutPositions();
+    // $('.tools_flyout').each(function () {
+    //   const pos = $(this).position();
+    //   console.log($(this), pos.left+(34 * scale));
+    //   $(this).css({left: pos.left+(34 * scale), top: pos.top+(77 * scale)});
+    //   console.log('l', $(this).css('left'));
+    // });
+    //
+    // const scale = .75;
+
+    var hiddenPs = elems.parents(':hidden');
+    hiddenPs.css('visibility', 'hidden').show();
+    scaleElements(elems, scale);
+    hiddenPs.css('visibility', 'visible').hide();
+    // return;
+
+    $$b.pref('iconsize', size);
+    $$b('#iconsize').val(size);
+
+    // Change icon size
+    // $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open')
+    // .find('> svg, > img').each(function () {
+    //   this.setAttribute('width',size_num);
+    //   this.setAttribute('height',size_num);
+    // });
+    //
+    // $.resizeSvgIcons({
+    //   '.flyout_arrow_horiz > svg, .flyout_arrow_horiz > img': size_num / 5,
+    //   '#logo > svg, #logo > img': size_num * 1.3,
+    //   '#tools_bottom .icon_label > *': (size_num === 16 ? 18 : size_num * .75)
+    // });
+    // if (size != 's') {
+    //   $.resizeSvgIcons({'#layerbuttons svg, #layerbuttons img': size_num * .6});
+    // }
+
+    // Note that all rules will be prefixed with '#svg_editor' when parsed
+    var cssResizeRules = {
+      // '.tool_button,\
+      // .push_button,\
+      // .tool_button_current,\
+      // .push_button_pressed,\
+      // .disabled,\
+      // .icon_label,\
+      // .tools_flyout .tool_button': {
+      //   width: {s: '16px', l: '32px', xl: '48px'},
+      //   height: {s: '16px', l: '32px', xl: '48px'},
+      //   padding: {s: '1px', l: '2px', xl: '3px'}
+      // },
+      // '.tool_sep': {
+      //   height: {s: '16px', l: '32px', xl: '48px'},
+      //   margin: {s: '2px 2px', l: '2px 5px', xl: '2px 8px'}
+      // },
+      // '#main_icon': {
+      //   width: {s: '31px', l: '53px', xl: '75px'},
+      //   height: {s: '22px', l: '42px', xl: '64px'}
+      // },
+      '#tools_top': {
+        left: 50 + $$b('#main_button').width(),
+        height: 72
+      },
+      '#tools_left': {
+        width: 31,
+        top: 74
+      },
+      'div#workarea': {
+        left: 38,
+        top: 74
+        // '#tools_bottom': {
+        //   left: {s: '27px', l: '46px', xl: '65px'},
+        //   height: {s: '58px', l: '98px', xl: '145px'}
+        // },
+        // '#color_tools': {
+        //   'border-spacing': {s: '0 1px'},
+        //   'margin-top': {s: '-1px'}
+        // },
+        // '#color_tools .icon_label': {
+        //   width: {l:'43px', xl: '60px'}
+        // },
+        // '.color_tool': {
+        //   height: {s: '20px'}
+        // },
+        // '#tool_opacity': {
+        //   top: {s: '1px'},
+        //   height: {s: 'auto', l:'auto', xl:'auto'}
+        // },
+        // '#tools_top input, #tools_bottom input': {
+        //   'margin-top': {s: '2px', l: '4px', xl: '5px'},
+        //   height: {s: 'auto', l: 'auto', xl: 'auto'},
+        //   border: {s: '1px solid #555', l: 'auto', xl: 'auto'},
+        //   'font-size': {s: '.9em', l: '1.2em', xl: '1.4em'}
+        // },
+        // '#zoom_panel': {
+        //   'margin-top': {s: '3px', l: '4px', xl: '5px'}
+        // },
+        // '#copyright, #tools_bottom .label': {
+        //   'font-size': {l: '1.5em', xl: '2em'},
+        //   'line-height': {s: '15px'}
+        // },
+        // '#tools_bottom_2': {
+        //   width: {l: '295px', xl: '355px'},
+        //   top: {s: '4px'}
+        // },
+        // '#tools_top > div, #tools_top': {
+        //   'line-height': {s: '17px', l: '34px', xl: '50px'}
+        // },
+        // '.dropdown button': {
+        //   height: {s: '18px', l: '34px', xl: '40px'},
+        //   'line-height': {s: '18px', l: '34px', xl: '40px'},
+        //   'margin-top': {s: '3px'}
+        // },
+        // '#tools_top label, #tools_bottom label': {
+        //   'font-size': {s: '1em', l: '1.5em', xl: '2em'},
+        //   height: {s: '25px', l: '42px', xl: '64px'}
+        // },
+        // 'div.toolset': {
+        //   height: {s: '25px', l: '42px', xl: '64px'}
+        // },
+        // '#tool_bold, #tool_italic': {
+        //   'font-size': {s: '1.5em', l: '3em', xl: '4.5em'}
+        // },
+        // '#sidepanels': {
+        //   top: {s: '50px', l: '88px', xl: '125px'},
+        //   bottom: {s: '51px', l: '68px', xl: '65px'}
+        // },
+        // '#layerbuttons': {
+        //   width: {l: '130px', xl: '175px'},
+        //   height: {l: '24px', xl: '30px'}
+        // },
+        // '#layerlist': {
+        //   width: {l: '128px', xl: '150px'}
+        // },
+        // '.layer_button': {
+        //   width: {l: '19px', xl: '28px'},
+        //   height: {l: '19px', xl: '28px'}
+        // },
+        // 'input.spin-button': {
+        //   'background-image': {l: 'url('images/spinbtn_updn_big.png')', xl: 'url('images/spinbtn_updn_big.png')'},
+        //   'background-position': {l: '100% -5px', xl: '100% -2px'},
+        //   'padding-right': {l: '24px', xl: '24px' }
+        // },
+        // 'input.spin-button.up': {
+        //   'background-position': {l: '100% -45px', xl: '100% -42px'}
+        // },
+        // 'input.spin-button.down': {
+        //   'background-position': {l: '100% -85px', xl: '100% -82px'}
+        // },
+        // '#position_opts': {
+        //   width: {all: (size_num*4) +'px'}
+        // }
+      } };
+
+    var ruleElem = $$b('#tool_size_rules');
+    if (!ruleElem.length) {
+      ruleElem = $$b('<style id="tool_size_rules"></style>').appendTo('head');
+    } else {
+      ruleElem.empty();
+    }
+
+    if (size !== 'm') {
+      var styleStr = '';
+      $$b.each(cssResizeRules, function (selector, rules) {
+        selector = '#svg_editor ' + selector.replace(/,/g, ', #svg_editor');
+        styleStr += selector + '{';
+        $$b.each(rules, function (prop, values) {
+          var val = void 0;
+          if (typeof values === 'number') {
+            val = values * scale + 'px';
+          } else if (values[size] || values.all) {
+            val = values[size] || values.all;
+          }
+          styleStr += prop + ':' + val + ';';
+        });
+        styleStr += '}';
+      });
+      // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';
+      var prefix = '-' + uaPrefix.toLowerCase() + '-';
+      styleStr += selToscale + '{' + prefix + 'transform: scale(' + scale + ');}' + ' #svg_editor div.toolset .toolset {' + prefix + 'transform: scale(1); margin: 1px !important;}' + // Hack for markers
+      ' #svg_editor .ui-slider {' + prefix + 'transform: scale(' + 1 / scale + ');}' // Hack for sliders
+      ;
+      ruleElem.text(styleStr);
+    }
+
+    setFlyoutPositions();
+  };
+  $$b.svgIcons(curConfig.imgPath + 'svg_edit_icons.svg', {
+    w: 24, h: 24,
+    id_match: false,
+    no_img: !isWebkit(), // Opera & Firefox 4 gives odd behavior w/images
+    fallback_path: curConfig.imgPath,
+    fallback: {
+      logo: 'logo.png',
+
+      select: 'select.png',
+      select_node: 'select_node.png',
+
+      square: 'square.png',
+      rect: 'rect.png',
+      fh_rect: 'freehand-square.png',
+      circle: 'circle.png',
+      ellipse: 'ellipse.png',
+      fh_ellipse: 'freehand-circle.png',
+      pencil: 'fhpath.png',
+      pen: 'line.png',
+      text: 'text.png',
+      path: 'path.png',
+      add_subpath: 'add_subpath.png',
+      close_path: 'closepath.png',
+      open_path: 'openpath.png',
+
+      image: 'image.png',
+      zoom: 'zoom.png',
+
+      arrow_right: 'flyouth.png',
+      arrow_right_big: 'arrow_right_big.png',
+      arrow_down: 'dropdown.gif',
+      fill: 'fill.png',
+      stroke: 'stroke.png',
+      opacity: 'opacity.png',
+
+      new_image: 'clear.png',
+      save: 'save.png',
+      export: 'export.png',
+      open: 'open.png',
+      import: 'import.png',
+      docprops: 'document-properties.png',
+      source: 'source.png',
+      wireframe: 'wireframe.png',
+
+      undo: 'undo.png',
+      redo: 'redo.png',
+
+      clone: 'clone.png',
+      delete: 'delete.png',
+      go_up: 'go-up.png',
+      go_down: 'go-down.png',
+      context_menu: 'context_menu.png',
+      move_bottom: 'move_bottom.png',
+      move_top: 'move_top.png',
+      to_path: 'to_path.png',
+      link_controls: 'link_controls.png',
+      reorient: 'reorient.png',
+      group_elements: 'shape_group_elements.png',
+
+      ungroup: 'shape_ungroup.png',
+      unlink_use: 'unlink_use.png',
+      width: 'width.png',
+      height: 'height.png',
+      c_radius: 'c_radius.png',
+      angle: 'angle.png',
+      blur: 'blur.png',
+      fontsize: 'fontsize.png',
+      align: 'align.png',
+
+      align_left: 'align-left.png',
+      align_center: 'align-center.png',
+      align_right: 'align-right.png',
+      align_top: 'align-top.png',
+      align_middle: 'align-middle.png',
+      align_bottom: 'align-bottom.png',
+
+      linecap_butt: 'linecap_butt.png',
+      linecap_square: 'linecap_square.png',
+      linecap_round: 'linecap_round.png',
+      linejoin_miter: 'linejoin_miter.png',
+      linejoin_bevel: 'linejoin_bevel.png',
+      linejoin_round: 'linejoin_round.png',
+      eye: 'eye.png',
+      no_color: 'no_color.png',
+
+      ok: 'save.png',
+      cancel: 'cancel.png',
+      warning: 'warning.png',
+
+      node_delete: 'node_delete.png',
+      node_clone: 'node_clone.png',
+
+      globe_link: 'globe_link.png'
+    },
+    placement: {
+      '#logo': 'logo',
+
+      '#tool_clear div,#layer_new': 'new_image',
+      '#tool_save div': 'save',
+      '#tool_export div': 'export',
+      '#tool_open div div': 'open',
+      '#tool_import div div': 'import',
+      '#tool_source': 'source',
+      '#tool_docprops > div': 'docprops',
+      '#tool_wireframe': 'wireframe',
+
+      '#tool_undo': 'undo',
+      '#tool_redo': 'redo',
+
+      '#tool_select': 'select',
+      '#tool_fhpath': 'pencil',
+      '#tool_line': 'pen',
+      '#tool_rect,#tools_rect_show': 'rect',
+      '#tool_square': 'square',
+      '#tool_fhrect': 'fh_rect',
+      '#tool_ellipse,#tools_ellipse_show': 'ellipse',
+      '#tool_circle': 'circle',
+      '#tool_fhellipse': 'fh_ellipse',
+      '#tool_path': 'path',
+      '#tool_text,#layer_rename': 'text',
+      '#tool_image': 'image',
+      '#tool_zoom': 'zoom',
+
+      '#tool_clone,#tool_clone_multi': 'clone',
+      '#tool_node_clone': 'node_clone',
+      '#layer_delete,#tool_delete,#tool_delete_multi': 'delete',
+      '#tool_node_delete': 'node_delete',
+      '#tool_add_subpath': 'add_subpath',
+      '#tool_openclose_path': 'open_path',
+      '#tool_move_top': 'move_top',
+      '#tool_move_bottom': 'move_bottom',
+      '#tool_topath': 'to_path',
+      '#tool_node_link': 'link_controls',
+      '#tool_reorient': 'reorient',
+      '#tool_group_elements': 'group_elements',
+      '#tool_ungroup': 'ungroup',
+      '#tool_unlink_use': 'unlink_use',
+
+      '#tool_alignleft, #tool_posleft': 'align_left',
+      '#tool_aligncenter, #tool_poscenter': 'align_center',
+      '#tool_alignright, #tool_posright': 'align_right',
+      '#tool_aligntop, #tool_postop': 'align_top',
+      '#tool_alignmiddle, #tool_posmiddle': 'align_middle',
+      '#tool_alignbottom, #tool_posbottom': 'align_bottom',
+      '#cur_position': 'align',
+
+      '#linecap_butt,#cur_linecap': 'linecap_butt',
+      '#linecap_round': 'linecap_round',
+      '#linecap_square': 'linecap_square',
+
+      '#linejoin_miter,#cur_linejoin': 'linejoin_miter',
+      '#linejoin_round': 'linejoin_round',
+      '#linejoin_bevel': 'linejoin_bevel',
+
+      '#url_notice': 'warning',
+
+      '#layer_up': 'go_up',
+      '#layer_down': 'go_down',
+      '#layer_moreopts': 'context_menu',
+      '#layerlist td.layervis': 'eye',
+
+      '#tool_source_save,#tool_docprops_save,#tool_prefs_save': 'ok',
+      '#tool_source_cancel,#tool_docprops_cancel,#tool_prefs_cancel': 'cancel',
+
+      '#rwidthLabel, #iwidthLabel': 'width',
+      '#rheightLabel, #iheightLabel': 'height',
+      '#cornerRadiusLabel span': 'c_radius',
+      '#angleLabel': 'angle',
+      '#linkLabel,#tool_make_link,#tool_make_link_multi': 'globe_link',
+      '#zoomLabel': 'zoom',
+      '#tool_fill label': 'fill',
+      '#tool_stroke .icon_label': 'stroke',
+      '#group_opacityLabel': 'opacity',
+      '#blurLabel': 'blur',
+      '#font_sizeLabel': 'fontsize',
+
+      '.flyout_arrow_horiz': 'arrow_right',
+      '.dropdown button, #main_button .dropdown': 'arrow_down',
+      '#palette .palette_item:first, #fill_bg, #stroke_bg': 'no_color'
+    },
+    resize: {
+      '#logo .svg_icon': 28,
+      '.flyout_arrow_horiz .svg_icon': 5,
+      '.layer_button .svg_icon, #layerlist td.layervis .svg_icon': 14,
+      '.dropdown button .svg_icon': 7,
+      '#main_button .dropdown .svg_icon': 9,
+      '.palette_item:first .svg_icon': 15,
+      '#fill_bg .svg_icon, #stroke_bg .svg_icon': 16,
+      '.toolbar_button button .svg_icon': 16,
+      '.stroke_tool div div .svg_icon': 20,
+      '#tools_bottom label .svg_icon': 18
+    },
+    callback: function callback(icons) {
+      $$b('.toolbar_button button > svg, .toolbar_button button > img').each(function () {
+        $$b(this).parent().prepend(this);
+      });
+
+      var tleft = $$b('#tools_left');
+
+      var minHeight = void 0;
+      if (tleft.length) {
+        minHeight = tleft.offset().top + tleft.outerHeight();
+      }
+
+      var size = $$b.pref('iconsize');
+      editor.setIconSize(size || ($$b(window).height() < minHeight ? 's' : 'm'));
+
+      // Look for any missing flyout icons from plugins
+      $$b('.tools_flyout').each(function () {
+        var shower = $$b('#' + this.id + '_show');
+        var sel = shower.attr('data-curopt');
+        // Check if there's an icon here
+        if (!shower.children('svg, img').length) {
+          var clone = $$b(sel).children().clone();
+          if (clone.length) {
+            clone[0].removeAttribute('style'); // Needed for Opera
+            shower.append(clone);
+          }
+        }
+      });
+
+      function getStylesheetPriority(stylesheet) {
+        switch (stylesheet) {
+          case 'jgraduate/css/jPicker.css':
+            return 1;
+          case 'jgraduate/css/jGraduate.css':
+            return 2;
+          case 'svg-editor.css':
+            return 3;
+          case 'spinbtn/jQuery.SpinButton.css':
+            return 4;
+          default:
+            return Infinity;
+        }
+      }
+      var stylesheets = $$b.loadingStylesheets.sort(function (a, b) {
+        var priorityA = getStylesheetPriority(a);
+        var priorityB = getStylesheetPriority(b);
+        if (priorityA === priorityB) {
+          return 0;
+        }
+        return priorityA > priorityB;
+      });
+      if (curConfig.stylesheets.length) {
+        // Ensure a copy with unique items
+        stylesheets = [].concat(toConsumableArray(new Set(curConfig.stylesheets)));
+        var idx = stylesheets.indexOf('@default');
+        if (idx > -1) {
+          var _stylesheets;
+
+          (_stylesheets = stylesheets).splice.apply(_stylesheets, [idx, 1].concat(toConsumableArray($$b.loadingStylesheets)));
+        }
+      }
+      loadStylesheets(stylesheets, { acceptErrors: function acceptErrors(_ref8) {
+          var stylesheetURL = _ref8.stylesheetURL,
+              reject = _ref8.reject,
+              resolve = _ref8.resolve;
+
+          if ($$b.loadingStylesheets.includes(stylesheetURL)) {
+            reject(new Error('Missing expected stylesheet: ' + stylesheetURL));
+            return;
+          }
+          resolve();
+        } }).then(function () {
+        $$b('#svg_container')[0].style.visibility = 'visible';
+        editor.runCallbacks();
+      });
+    }
+  });
+
+  /**
+  * @name module:SVGEditor.canvas
+  * @type {module:svgcanvas.SvgCanvas}
+  */
+  editor.canvas = svgCanvas = new SvgCanvas(document.getElementById('svgcanvas'), curConfig);
+  var palette = [// Todo: Make into configuration item?
+  '#000000', '#3f3f3f', '#7f7f7f', '#bfbfbf', '#ffffff', '#ff0000', '#ff7f00', '#ffff00', '#7fff00', '#00ff00', '#00ff7f', '#00ffff', '#007fff', '#0000ff', '#7f00ff', '#ff00ff', '#ff007f', '#7f0000', '#7f3f00', '#7f7f00', '#3f7f00', '#007f00', '#007f3f', '#007f7f', '#003f7f', '#00007f', '#3f007f', '#7f007f', '#7f003f', '#ffaaaa', '#ffd4aa', '#ffffaa', '#d4ffaa', '#aaffaa', '#aaffd4', '#aaffff', '#aad4ff', '#aaaaff', '#d4aaff', '#ffaaff', '#ffaad4'],
+      modKey = isMac() ? 'meta+' : 'ctrl+',
+      path = svgCanvas.pathActions,
+      _svgCanvas = svgCanvas,
+      undoMgr = _svgCanvas.undoMgr,
+      workarea = $$b('#workarea'),
+      canvMenu = $$b('#cmenu_canvas'),
+      paintBox = { fill: null, stroke: null };
+
+
+  var resizeTimer = void 0,
+      curScrollPos = void 0;
+  var exportWindow = null,
+      defaultImageURL = curConfig.imgPath + 'logo.png',
+      zoomInIcon = 'crosshair',
+      zoomOutIcon = 'crosshair',
+      uiContext = 'toolbars';
+
+  // For external openers
+  (function () {
+    // let the opener know SVG Edit is ready (now that config is set up)
+    var w = window.opener || window.parent;
+    if (w) {
+      try {
+        /**
+         * Triggered on a containing `document` (of `window.opener`
+         * or `window.parent`) when the editor is loaded.
+         * @event module:SVGEditor#event:svgEditorReadyEvent
+         * @type {Event}
+         * @property {true} bubbles
+         * @property {true} cancelable
+         */
+        /**
+         * @name module:SVGEditor.svgEditorReadyEvent
+         * @type {module:SVGEditor#event:svgEditorReadyEvent}
+         */
+        var svgEditorReadyEvent = new w.CustomEvent('svgEditorReady', {
+          bubbles: true,
+          cancelable: true
+        });
+        w.document.documentElement.dispatchEvent(svgEditorReadyEvent);
+      } catch (e) {}
+    }
+  })();
+
+  // This sets up alternative dialog boxes. They mostly work the same way as
+  // their UI counterparts, expect instead of returning the result, a callback
+  // needs to be included that returns the result as its first parameter.
+  // In the future we may want to add additional types of dialog boxes, since
+  // they should be easy to handle this way.
+  (function () {
+    $$b('#dialog_container').draggable({
+      cancel: '#dialog_content, #dialog_buttons *',
+      containment: 'window'
+    }).css('position', 'absolute');
+    var box = $$b('#dialog_box'),
+        btnHolder = $$b('#dialog_buttons'),
+        dialogContent = $$b('#dialog_content'),
+        dbox = function dbox(type, msg, callback, defaultVal, opts, changeCb, checkbox) {
+      dialogContent.html('<p>' + msg.replace(/\n/g, '</p><p>') + '</p>').toggleClass('prompt', type === 'prompt');
+      btnHolder.empty();
+
+      var ok = $$b('<input type="button" value="' + uiStrings$1.common.ok + '">').appendTo(btnHolder);
+
+      if (type !== 'alert') {
+        $$b('<input type="button" value="' + uiStrings$1.common.cancel + '">').appendTo(btnHolder).click(function () {
+          box.hide();
+          if (callback) {
+            callback(false); // eslint-disable-line standard/no-callback-literal
+          }
+        });
+      }
+
+      var ctrl = void 0,
+          chkbx = void 0;
+      if (type === 'prompt') {
+        ctrl = $$b('<input type="text">').prependTo(btnHolder);
+        ctrl.val(defaultVal || '');
+        ctrl.bind('keydown', 'return', function () {
+          ok.click();
+        });
+      } else if (type === 'select') {
+        var div = $$b('<div style="text-align:center;">');
+        ctrl = $$b('<select>').appendTo(div);
+        if (checkbox) {
+          var label = $$b('<label>').text(checkbox.label);
+          chkbx = $$b('<input type="checkbox">').appendTo(label);
+          chkbx.val(checkbox.value);
+          if (checkbox.tooltip) {
+            label.attr('title', checkbox.tooltip);
+          }
+          chkbx.prop('checked', !!checkbox.checked);
+          div.append($$b('<div>').append(label));
+        }
+        $$b.each(opts || [], function (opt, val) {
+          if ((typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object') {
+            ctrl.append($$b('<option>').val(val.value).html(val.text));
+          } else {
+            ctrl.append($$b('<option>').html(val));
+          }
+        });
+        dialogContent.append(div);
+        if (defaultVal) {
+          ctrl.val(defaultVal);
+        }
+        if (changeCb) {
+          ctrl.bind('change', 'return', changeCb);
+        }
+        ctrl.bind('keydown', 'return', function () {
+          ok.click();
+        });
+      } else if (type === 'process') {
+        ok.hide();
+      }
+
+      box.show();
+
+      ok.click(function () {
+        box.hide();
+        var resp = type === 'prompt' || type === 'select' ? ctrl.val() : true;
+        if (callback) {
+          if (chkbx) {
+            callback(resp, chkbx.prop('checked'));
+          } else {
+            callback(resp);
+          }
+        }
+      }).focus();
+
+      if (type === 'prompt' || type === 'select') {
+        ctrl.focus();
+      }
+    };
+
+    $$b.alert = function (msg, cb) {
+      dbox('alert', msg, cb);
+    };
+    $$b.confirm = function (msg, cb) {
+      dbox('confirm', msg, cb);
+    };
+    $$b.process_cancel = function (msg, cb) {
+      dbox('process', msg, cb);
+    };
+    $$b.prompt = function (msg, txt, cb) {
+      dbox('prompt', msg, cb, txt);
+    };
+    $$b.select = function (msg, opts, cb, changeCb, txt, checkbox) {
+      dbox('select', msg, cb, txt, opts, changeCb, checkbox);
+    };
+  })();
+
+  var setSelectMode = function setSelectMode() {
+    var curr = $$b('.tool_button_current');
+    if (curr.length && curr[0].id !== 'tool_select') {
+      curr.removeClass('tool_button_current').addClass('tool_button');
+      $$b('#tool_select').addClass('tool_button_current').removeClass('tool_button');
+      $$b('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all} #svgcanvas svg{cursor:default}');
+    }
+    svgCanvas.setMode('select');
+    workarea.css('cursor', 'auto');
+  };
+
+  // used to make the flyouts stay on the screen longer the very first time
+  // const flyoutspeed = 1250; // Currently unused
+  // let textBeingEntered = false; // Currently unused
+  var origTitle = $$b('title:first').text();
+  // Make [1,2,5] array
+  var rIntervals = [];
+  for (var i = 0.1; i < 1E5; i *= 10) {
+    rIntervals.push(i);
+    rIntervals.push(2 * i);
+    rIntervals.push(5 * i);
+  }
+
+  // This function highlights the layer passed in (by fading out the other layers)
+  // if no layer is passed in, this function restores the other layers
+  var toggleHighlightLayer = function toggleHighlightLayer(layerNameToHighlight) {
+    var i = void 0;
+    var curNames = [],
+        numLayers = svgCanvas.getCurrentDrawing().getNumLayers();
+    for (i = 0; i < numLayers; i++) {
+      curNames[i] = svgCanvas.getCurrentDrawing().getLayerName(i);
+    }
+
+    if (layerNameToHighlight) {
+      for (i = 0; i < numLayers; ++i) {
+        if (curNames[i] !== layerNameToHighlight) {
+          svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 0.5);
+        }
+      }
+    } else {
+      for (i = 0; i < numLayers; ++i) {
+        svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 1.0);
+      }
+    }
+  };
+
+  var populateLayers = function populateLayers() {
+    svgCanvas.clearSelection();
+    var layerlist = $$b('#layerlist tbody').empty();
+    var selLayerNames = $$b('#selLayerNames').empty();
+    var drawing = svgCanvas.getCurrentDrawing();
+    var currentLayerName = drawing.getCurrentLayerName();
+    var icon = $$b.getSvgIcon('eye');
+    var layer = svgCanvas.getCurrentDrawing().getNumLayers();
+    // we get the layers in the reverse z-order (the layer rendered on top is listed first)
+    while (layer--) {
+      var _name3 = drawing.getLayerName(layer);
+      var layerTr = $$b('<tr class="layer">').toggleClass('layersel', _name3 === currentLayerName);
+      var layerVis = $$b('<td class="layervis">').toggleClass('layerinvis', !drawing.getLayerVisibility(_name3));
+      var layerName = $$b('<td class="layername">' + _name3 + '</td>');
+      layerlist.append(layerTr.append(layerVis, layerName));
+      selLayerNames.append('<option value="' + _name3 + '">' + _name3 + '</option>');
+    }
+    if (icon !== undefined) {
+      var copy = icon.clone();
+      $$b('td.layervis', layerlist).append(copy);
+      $$b.resizeSvgIcons({ 'td.layervis .svg_icon': 14 });
+    }
+    // handle selection of layer
+    $$b('#layerlist td.layername').mouseup(function (evt) {
+      $$b('#layerlist tr.layer').removeClass('layersel');
+      $$b(this.parentNode).addClass('layersel');
+      svgCanvas.setCurrentLayer(this.textContent);
+      evt.preventDefault();
+    }).mouseover(function () {
+      toggleHighlightLayer(this.textContent);
+    }).mouseout(function () {
+      toggleHighlightLayer();
+    });
+    $$b('#layerlist td.layervis').click(function () {
+      var row = $$b(this.parentNode).prevAll().length;
+      var name = $$b('#layerlist tr.layer:eq(' + row + ') td.layername').text();
+      var vis = $$b(this).hasClass('layerinvis');
+      svgCanvas.setLayerVisibility(name, vis);
+      $$b(this).toggleClass('layerinvis');
+    });
+
+    // if there were too few rows, let's add a few to make it not so lonely
+    var num = 5 - $$b('#layerlist tr.layer').size();
+    while (num-- > 0) {
+      // FIXME: there must a better way to do this
+      layerlist.append('<tr><td style="color:white">_</td><td/></tr>');
+    }
+  };
+
+  var editingsource = false;
+  var origSource = '';
+  var showSourceEditor = function showSourceEditor(e, forSaving) {
+    if (editingsource) {
+      return;
+    }
+
+    editingsource = true;
+    origSource = svgCanvas.getSvgString();
+    $$b('#save_output_btns').toggle(!!forSaving);
+    $$b('#tool_source_back').toggle(!forSaving);
+    $$b('#svg_source_textarea').val(origSource);
+    $$b('#svg_source_editor').fadeIn();
+    $$b('#svg_source_textarea').focus();
+  };
+
+  var selectedElement = null;
+  var multiselected = false;
+
+  var togglePathEditMode = function togglePathEditMode(editmode, elems) {
+    $$b('#path_node_panel').toggle(editmode);
+    $$b('#tools_bottom_2,#tools_bottom_3').toggle(!editmode);
+    if (editmode) {
+      // Change select icon
+      $$b('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
+      $$b('#tool_select').addClass('tool_button_current').removeClass('tool_button');
+      setIcon('#tool_select', 'select_node');
+      multiselected = false;
+      if (elems.length) {
+        selectedElement = elems[0];
+      }
+    } else {
+      setTimeout(function () {
+        setIcon('#tool_select', 'select');
+      }, 1000);
+    }
+  };
+
+  /**
+   * @type {module:svgcanvas.EventHandler}
+   * @param {external:Window} wind
+   * @param {module:svgcanvas.SvgCanvas#event:saved} svg The SVG source
+   * @listens module:svgcanvas.SvgCanvas#event:saved
+   * @returns {undefined}
+   */
+  var saveHandler = function saveHandler(wind, svg) {
+    editor.showSaveWarning = false;
+
+    // by default, we add the XML prolog back, systems integrating SVG-edit (wikis, CMSs)
+    // can just provide their own custom save handler and might not want the XML prolog
+    svg = '<?xml version="1.0"?>\n' + svg;
+
+    // IE9 doesn't allow standalone Data URLs
+    // https://connect.microsoft.com/IE/feedback/details/542600/data-uri-images-fail-when-loaded-by-themselves
+    if (isIE()) {
+      showSourceEditor(0, true);
+      return;
+    }
+
+    // Since saving SVGs by opening a new window was removed in Chrome use artificial link-click
+    // https://stackoverflow.com/questions/45603201/window-is-not-allowed-to-navigate-top-frame-navigations-to-data-urls
+    var a = document.createElement('a');
+    a.href = 'data:image/svg+xml;base64,' + encode64(svg);
+    a.download = 'icon.svg';
+
+    a.click();
+
+    // Alert will only appear the first time saved OR the
+    //   first time the bug is encountered
+    var done = $$b.pref('save_notice_done');
+    if (done !== 'all') {
+      var note = uiStrings$1.notification.saveFromBrowser.replace('%s', 'SVG');
+      // Check if FF and has <defs/>
+      if (isGecko()) {
+        if (svg.includes('<defs')) {
+          // warning about Mozilla bug #308590 when applicable (seems to be fixed now in Feb 2013)
+          note += '\n\n' + uiStrings$1.notification.defsFailOnSave;
+          $$b.pref('save_notice_done', 'all');
+          done = 'all';
+        } else {
+          $$b.pref('save_notice_done', 'part');
+        }
+      } else {
+        $$b.pref('save_notice_done', 'all');
+      }
+      if (done !== 'part') {
+        alert(note);
+      }
+    }
+  };
+
+  /**
+   * @param {external:Window} win
+   * @param {module:svgcanvas.SvgCanvas#event:exported} data
+   * @listens module:svgcanvas.SvgCanvas#event:exported
+   * @returns {undefined}
+   */
+  var exportHandler = function exportHandler(win, data) {
+    var issues = data.issues,
+        exportWindowName = data.exportWindowName;
+
+
+    if (exportWindowName) {
+      exportWindow = window.open(blankPageObjectURL || '', exportWindowName); // A hack to get the window via JSON-able name without opening a new one
+    }
+
+    if (!exportWindow || exportWindow.closed) {
+      $$b.alert(uiStrings$1.notification.popupWindowBlocked);
+      return;
+    }
+
+    exportWindow.location.href = data.bloburl || data.datauri;
+    var done = $$b.pref('export_notice_done');
+    if (done !== 'all') {
+      var note = uiStrings$1.notification.saveFromBrowser.replace('%s', data.type);
+
+      // Check if there are issues
+      if (issues.length) {
+        var pre = '\n \u2022 ';
+        note += '\n\n' + uiStrings$1.notification.noteTheseIssues + pre + issues.join(pre);
+      }
+
+      // Note that this will also prevent the notice even though new issues may appear later.
+      // May want to find a way to deal with that without annoying the user
+      $$b.pref('export_notice_done', 'all');
+      exportWindow.alert(note);
+    }
+  };
+
+  var operaRepaint = function operaRepaint() {
+    // Repaints canvas in Opera. Needed for stroke-dasharray change as well as fill change
+    if (!window.opera) {
+      return;
+    }
+    $$b('<p/>').hide().appendTo('body').remove();
+  };
+
+  function setStrokeOpt(opt, changeElem) {
+    var id = opt.id;
+
+    var bits = id.split('_');
+    var pre = bits[0];
+    var val = bits[1];
+
+    if (changeElem) {
+      svgCanvas.setStrokeAttr('stroke-' + pre, val);
+    }
+    operaRepaint();
+    setIcon('#cur_' + pre, id, 20);
+    $$b(opt).addClass('current').siblings().removeClass('current');
+  }
+
+  /**
+  * This is a common function used when a tool has been clicked (chosen)
+  * It does several common things:
+  * - removes the `tool_button_current` class from whatever tool currently has it
+  * - hides any flyouts
+  * - adds the `tool_button_current` class to the button passed in
+  * @function module:SVGEDitor.toolButtonClick
+  * @param {string|Element} button The DOM element or string selector representing the toolbar button
+  * @param {boolean} noHiding Whether not to hide any flyouts
+  * @returns {boolean} Whether the button was disabled or not
+  */
+  var toolButtonClick = editor.toolButtonClick = function (button, noHiding) {
+    if ($$b(button).hasClass('disabled')) {
+      return false;
+    }
+    if ($$b(button).parent().hasClass('tools_flyout')) {
+      return true;
+    }
+    var fadeFlyouts = 'normal';
+    if (!noHiding) {
+      $$b('.tools_flyout').fadeOut(fadeFlyouts);
+    }
+    $$b('#styleoverrides').text('');
+    workarea.css('cursor', 'auto');
+    $$b('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
+    $$b(button).addClass('tool_button_current').removeClass('tool_button');
+    return true;
+  };
+
+  /**
+  * Unless the select toolbar button is disabled, sets the button
+  * and sets the select mode and cursor styles.
+  * @function module:SVGEditor.clickSelect
+  * @returns {undefined}
+  */
+  var clickSelect = editor.clickSelect = function () {
+    if (toolButtonClick('#tool_select')) {
+      svgCanvas.setMode('select');
+      $$b('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all}, #svgcanvas svg{cursor:default}');
+    }
+  };
+
+  /**
+  * Set a selected image's URL
+  * @function module:SVGEditor.setImageURL
+  * @param {string} url
+  * @returns {undefined}
+  */
+  var setImageURL = editor.setImageURL = function (url) {
+    if (!url) {
+      url = defaultImageURL;
+    }
+    svgCanvas.setImageURL(url);
+    $$b('#image_url').val(url);
+
+    if (url.startsWith('data:')) {
+      // data URI found
+      $$b('#image_url').hide();
+      $$b('#change_image_url').show();
+    } else {
+      // regular URL
+      svgCanvas.embedImage(url, function (dataURI) {
+        // Couldn't embed, so show warning
+        $$b('#url_notice').toggle(!dataURI);
+        defaultImageURL = url;
+      });
+      $$b('#image_url').show();
+      $$b('#change_image_url').hide();
+    }
+  };
+
+  function setBackground(color, url) {
+    // if (color == $.pref('bkgd_color') && url == $.pref('bkgd_url')) { return; }
+    $$b.pref('bkgd_color', color);
+    $$b.pref('bkgd_url', url);
+
+    // This should be done in svgcanvas.js for the borderRect fill
+    svgCanvas.setBackground(color, url);
+  }
+
+  function promptImgURL() {
+    var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref9$cancelDeletes = _ref9.cancelDeletes,
+        cancelDeletes = _ref9$cancelDeletes === undefined ? false : _ref9$cancelDeletes;
+
+    var curhref = svgCanvas.getHref(selectedElement);
+    curhref = curhref.startsWith('data:') ? '' : curhref;
+    $$b.prompt(uiStrings$1.notification.enterNewImgURL, curhref, function (url) {
+      if (url) {
+        setImageURL(url);
+      } else if (cancelDeletes) {
+        svgCanvas.deleteSelectedElements();
+      }
+    });
+  }
+
+  var setInputWidth = function setInputWidth(elem) {
+    var w = Math.min(Math.max(12 + elem.value.length * 6, 50), 300);
+    $$b(elem).width(w);
+  };
+
+  function updateRulers(scanvas, zoom) {
+    if (!zoom) {
+      zoom = svgCanvas.getZoom();
+    }
+    if (!scanvas) {
+      scanvas = $$b('#svgcanvas');
+    }
+
+    var d = void 0,
+        i = void 0;
+    var limit = 30000;
+    var contentElem = svgCanvas.getContentElem();
+    var units = getTypeMap();
+    var unit = units[curConfig.baseUnit]; // 1 = 1px
+
+    // draw x ruler then y ruler
+    for (d = 0; d < 2; d++) {
+      var isX = d === 0;
+      var dim = isX ? 'x' : 'y';
+      var lentype = isX ? 'width' : 'height';
+      var contentDim = Number(contentElem.getAttribute(dim));
+
+      var $hcanvOrig = $$b('#ruler_' + dim + ' canvas:first');
+
+      // Bit of a hack to fully clear the canvas in Safari & IE9
+      var $hcanv = $hcanvOrig.clone();
+      $hcanvOrig.replaceWith($hcanv);
+
+      var hcanv = $hcanv[0];
+
+      // Set the canvas size to the width of the container
+      var rulerLen = scanvas[lentype]();
+      var totalLen = rulerLen;
+      hcanv.parentNode.style[lentype] = totalLen + 'px';
+      var ctx = hcanv.getContext('2d');
+      var ctxArr = void 0,
+          num = void 0,
+          ctxArrNum = void 0;
+
+      ctx.fillStyle = 'rgb(200,0,0)';
+      ctx.fillRect(0, 0, hcanv.width, hcanv.height);
+
+      // Remove any existing canvasses
+      $hcanv.siblings().remove();
+
+      // Create multiple canvases when necessary (due to browser limits)
+      if (rulerLen >= limit) {
+        ctxArrNum = parseInt(rulerLen / limit, 10) + 1;
+        ctxArr = [];
+        ctxArr[0] = ctx;
+        var copy = void 0;
+        for (i = 1; i < ctxArrNum; i++) {
+          hcanv[lentype] = limit;
+          copy = hcanv.cloneNode(true);
+          hcanv.parentNode.append(copy);
+          ctxArr[i] = copy.getContext('2d');
+        }
+
+        copy[lentype] = rulerLen % limit;
+
+        // set copy width to last
+        rulerLen = limit;
+      }
+
+      hcanv[lentype] = rulerLen;
+
+      var uMulti = unit * zoom;
+
+      // Calculate the main number interval
+      var rawM = 50 / uMulti;
+      var multi = 1;
+      for (i = 0; i < rIntervals.length; i++) {
+        num = rIntervals[i];
+        multi = num;
+        if (rawM <= num) {
+          break;
+        }
+      }
+
+      var bigInt = multi * uMulti;
+
+      ctx.font = '9px sans-serif';
+
+      var rulerD = contentDim / uMulti % multi * uMulti;
+      var labelPos = rulerD - bigInt;
+      // draw big intervals
+      var ctxNum = 0;
+      while (rulerD < totalLen) {
+        labelPos += bigInt;
+        // const realD = rulerD - contentDim; // Currently unused
+
+        var curD = Math.round(rulerD) + 0.5;
+        if (isX) {
+          ctx.moveTo(curD, 15);
+          ctx.lineTo(curD, 0);
+        } else {
+          ctx.moveTo(15, curD);
+          ctx.lineTo(0, curD);
+        }
+
+        num = (labelPos - contentDim) / uMulti;
+        var label = void 0;
+        if (multi >= 1) {
+          label = Math.round(num);
+        } else {
+          var decs = String(multi).split('.')[1].length;
+          label = num.toFixed(decs);
+        }
+
+        // Change 1000s to Ks
+        if (label !== 0 && label !== 1000 && label % 1000 === 0) {
+          label = label / 1000 + 'K';
+        }
+
+        if (isX) {
+          ctx.fillText(label, rulerD + 2, 8);
+        } else {
+          // draw label vertically
+          var _str = String(label).split('');
+          for (i = 0; i < _str.length; i++) {
+            ctx.fillText(_str[i], 1, rulerD + 9 + i * 9);
+          }
+        }
+
+        var part = bigInt / 10;
+        // draw the small intervals
+        for (i = 1; i < 10; i++) {
+          var subD = Math.round(rulerD + part * i) + 0.5;
+          if (ctxArr && subD > rulerLen) {
+            ctxNum++;
+            ctx.stroke();
+            if (ctxNum >= ctxArrNum) {
+              i = 10;
+              rulerD = totalLen;
+              continue;
+            }
+            ctx = ctxArr[ctxNum];
+            rulerD -= limit;
+            subD = Math.round(rulerD + part * i) + 0.5;
+          }
+
+          // odd lines are slighly longer
+          var lineNum = i % 2 ? 12 : 10;
+          if (isX) {
+            ctx.moveTo(subD, 15);
+            ctx.lineTo(subD, lineNum);
+          } else {
+            ctx.moveTo(15, subD);
+            ctx.lineTo(lineNum, subD);
+          }
+        }
+        rulerD += bigInt;
+      }
+      ctx.strokeStyle = '#000';
+      ctx.stroke();
+    }
+  }
+
+  /**
+  * @function module:SVGEditor.updateCanvas
+  * @param {boolean} center
+  * @param {module:math.XYObject} newCtr
+  * @returns {undefined}
+  */
+  var updateCanvas = editor.updateCanvas = function (center, newCtr) {
+    var zoom = svgCanvas.getZoom();
+    var wArea = workarea;
+    var cnvs = $$b('#svgcanvas');
+
+    var w = workarea.width(),
+        h = workarea.height();
+    var wOrig = w,
+        hOrig = h;
+    var oldCtr = {
+      x: wArea[0].scrollLeft + wOrig / 2,
+      y: wArea[0].scrollTop + hOrig / 2
+    };
+    var multi = curConfig.canvas_expansion;
+    w = Math.max(wOrig, svgCanvas.contentW * zoom * multi);
+    h = Math.max(hOrig, svgCanvas.contentH * zoom * multi);
+
+    if (w === wOrig && h === hOrig) {
+      workarea.css('overflow', 'hidden');
+    } else {
+      workarea.css('overflow', 'scroll');
+    }
+
+    var oldCanY = cnvs.height() / 2;
+    var oldCanX = cnvs.width() / 2;
+    cnvs.width(w).height(h);
+    var newCanY = h / 2;
+    var newCanX = w / 2;
+    var offset = svgCanvas.updateCanvas(w, h);
+
+    var ratio = newCanX / oldCanX;
+
+    var scrollX = w / 2 - wOrig / 2;
+    var scrollY = h / 2 - hOrig / 2;
+
+    if (!newCtr) {
+      var oldDistX = oldCtr.x - oldCanX;
+      var newX = newCanX + oldDistX * ratio;
+
+      var oldDistY = oldCtr.y - oldCanY;
+      var newY = newCanY + oldDistY * ratio;
+
+      newCtr = {
+        x: newX,
+        y: newY
+      };
+    } else {
+      newCtr.x += offset.x;
+      newCtr.y += offset.y;
+    }
+
+    if (center) {
+      // Go to top-left for larger documents
+      if (svgCanvas.contentW > wArea.width()) {
+        // Top-left
+        workarea[0].scrollLeft = offset.x - 10;
+        workarea[0].scrollTop = offset.y - 10;
+      } else {
+        // Center
+        wArea[0].scrollLeft = scrollX;
+        wArea[0].scrollTop = scrollY;
+      }
+    } else {
+      wArea[0].scrollLeft = newCtr.x - wOrig / 2;
+      wArea[0].scrollTop = newCtr.y - hOrig / 2;
+    }
+    if (curConfig.showRulers) {
+      updateRulers(cnvs, zoom);
+      workarea.scroll();
+    }
+    if (urldata.storagePrompt !== true && !editor.storagePromptClosed) {
+      $$b('#dialog_box').hide();
+    }
+  };
+
+  /**
+   * @fires module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate
+   * @returns {undefined}
+   */
+  var updateToolButtonState = function updateToolButtonState() {
+    var index = void 0,
+        button = void 0;
+    var bNoFill = svgCanvas.getColor('fill') === 'none';
+    var bNoStroke = svgCanvas.getColor('stroke') === 'none';
+    var buttonsNeedingStroke = ['#tool_fhpath', '#tool_line'];
+    var buttonsNeedingFillAndStroke = ['#tools_rect .tool_button', '#tools_ellipse .tool_button', '#tool_text', '#tool_path'];
+    if (bNoStroke) {
+      for (index in buttonsNeedingStroke) {
+        button = buttonsNeedingStroke[index];
+        if ($$b(button).hasClass('tool_button_current')) {
+          clickSelect();
+        }
+        $$b(button).addClass('disabled');
+      }
+    } else {
+      for (index in buttonsNeedingStroke) {
+        button = buttonsNeedingStroke[index];
+        $$b(button).removeClass('disabled');
+      }
+    }
+
+    if (bNoStroke && bNoFill) {
+      for (index in buttonsNeedingFillAndStroke) {
+        button = buttonsNeedingFillAndStroke[index];
+        if ($$b(button).hasClass('tool_button_current')) {
+          clickSelect();
+        }
+        $$b(button).addClass('disabled');
+      }
+    } else {
+      for (index in buttonsNeedingFillAndStroke) {
+        button = buttonsNeedingFillAndStroke[index];
+        $$b(button).removeClass('disabled');
+      }
+    }
+
+    svgCanvas.runExtensions('toolButtonStateUpdate', /** @type {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} */{
+      nofill: bNoFill,
+      nostroke: bNoStroke
+    });
+
+    // Disable flyouts if all inside are disabled
+    $$b('.tools_flyout').each(function () {
+      var shower = $$b('#' + this.id + '_show');
+      var hasEnabled = false;
+      $$b(this).children().each(function () {
+        if (!$$b(this).hasClass('disabled')) {
+          hasEnabled = true;
+        }
+      });
+      shower.toggleClass('disabled', !hasEnabled);
+    });
+
+    operaRepaint();
+  };
+
+  // Updates the toolbar (colors, opacity, etc) based on the selected element
+  // This function also updates the opacity and id elements that are in the context panel
+  var updateToolbar = function updateToolbar() {
+    var i = void 0,
+        len = void 0;
+    if (selectedElement != null) {
+      switch (selectedElement.tagName) {
+        case 'use':
+        case 'image':
+        case 'foreignObject':
+          break;
+        case 'g':
+        case 'a':
+          // Look for common styles
+          var childs = selectedElement.getElementsByTagName('*');
+          var gWidth = null;
+          for (i = 0, len = childs.length; i < len; i++) {
+            var swidth = childs[i].getAttribute('stroke-width');
+
+            if (i === 0) {
+              gWidth = swidth;
+            } else if (gWidth !== swidth) {
+              gWidth = null;
+            }
+          }
+
+          $$b('#stroke_width').val(gWidth === null ? '' : gWidth);
+
+          paintBox.fill.update(true);
+          paintBox.stroke.update(true);
+
+          break;
+        default:
+          paintBox.fill.update(true);
+          paintBox.stroke.update(true);
+
+          $$b('#stroke_width').val(selectedElement.getAttribute('stroke-width') || 1);
+          $$b('#stroke_style').val(selectedElement.getAttribute('stroke-dasharray') || 'none');
+
+          var attr = selectedElement.getAttribute('stroke-linejoin') || 'miter';
+
+          if ($$b('#linejoin_' + attr).length) {
+            setStrokeOpt($$b('#linejoin_' + attr)[0]);
+          }
+
+          attr = selectedElement.getAttribute('stroke-linecap') || 'butt';
+
+          if ($$b('#linecap_' + attr).length) {
+            setStrokeOpt($$b('#linecap_' + attr)[0]);
+          }
+      }
+    }
+
+    // All elements including image and group have opacity
+    if (selectedElement != null) {
+      var opacPerc = (selectedElement.getAttribute('opacity') || 1.0) * 100;
+      $$b('#group_opacity').val(opacPerc);
+      $$b('#opac_slider').slider('option', 'value', opacPerc);
+      $$b('#elem_id').val(selectedElement.id);
+      $$b('#elem_class').val(selectedElement.getAttribute('class'));
+    }
+
+    updateToolButtonState();
+  };
+
+  // updates the context panel tools based on the selected element
+  var updateContextPanel = function updateContextPanel() {
+    var elem = selectedElement;
+    // If element has just been deleted, consider it null
+    if (elem != null && !elem.parentNode) {
+      elem = null;
+    }
+    var currentLayerName = svgCanvas.getCurrentDrawing().getCurrentLayerName();
+    var currentMode = svgCanvas.getMode();
+    var unit = curConfig.baseUnit !== 'px' ? curConfig.baseUnit : null;
+
+    var isNode = currentMode === 'pathedit'; // elem ? (elem.id && elem.id.startsWith('pathpointgrip')) : false;
+    var menuItems = $$b('#cmenu_canvas li');
+    $$b('#selected_panel, #multiselected_panel, #g_panel, #rect_panel, #circle_panel,' + '#ellipse_panel, #line_panel, #text_panel, #image_panel, #container_panel,' + ' #use_panel, #a_panel').hide();
+    if (elem != null) {
+      var elname = elem.nodeName;
+      // If this is a link with no transform and one child, pretend
+      // its child is selected
+      // if (elname === 'a') { // && !$(elem).attr('transform')) {
+      //   elem = elem.firstChild;
+      // }
+
+      var angle = svgCanvas.getRotationAngle(elem);
+      $$b('#angle').val(angle);
+
+      var blurval = svgCanvas.getBlur(elem);
+      $$b('#blur').val(blurval);
+      $$b('#blur_slider').slider('option', 'value', blurval);
+
+      if (svgCanvas.addedNew) {
+        if (elname === 'image' && svgCanvas.getMode() === 'image') {
+          // Prompt for URL if not a data URL
+          if (!svgCanvas.getHref(elem).startsWith('data:')) {
+            promptImgURL({ cancelDeletes: true });
+          }
+        }
+        /* else if (elname == 'text') {
+          // TODO: Do something here for new text
+        } */
+      }
+
+      if (!isNode && currentMode !== 'pathedit') {
+        $$b('#selected_panel').show();
+        // Elements in this array already have coord fields
+        if (['line', 'circle', 'ellipse'].includes(elname)) {
+          $$b('#xy_panel').hide();
+        } else {
+          var x = void 0,
+              y = void 0;
+
+          // Get BBox vals for g, polyline and path
+          if (['g', 'polyline', 'path'].includes(elname)) {
+            var bb = svgCanvas.getStrokedBBox([elem]);
+            if (bb) {
+              x = bb.x;
+              y = bb.y;
+            }
+          } else {
+            x = elem.getAttribute('x');
+            y = elem.getAttribute('y');
+          }
+
+          if (unit) {
+            x = convertUnit(x);
+            y = convertUnit(y);
+          }
+
+          $$b('#selected_x').val(x || 0);
+          $$b('#selected_y').val(y || 0);
+          $$b('#xy_panel').show();
+        }
+
+        // Elements in this array cannot be converted to a path
+        var noPath = !['image', 'text', 'path', 'g', 'use'].includes(elname);
+        $$b('#tool_topath').toggle(noPath);
+        $$b('#tool_reorient').toggle(elname === 'path');
+        $$b('#tool_reorient').toggleClass('disabled', angle === 0);
+      } else {
+        var point = path.getNodePoint();
+        $$b('#tool_add_subpath').removeClass('push_button_pressed').addClass('tool_button');
+        $$b('#tool_node_delete').toggleClass('disabled', !path.canDeleteNodes);
+
+        // Show open/close button based on selected point
+        setIcon('#tool_openclose_path', path.closed_subpath ? 'open_path' : 'close_path');
+
+        if (point) {
+          var segType = $$b('#seg_type');
+          if (unit) {
+            point.x = convertUnit(point.x);
+            point.y = convertUnit(point.y);
+          }
+          $$b('#path_node_x').val(point.x);
+          $$b('#path_node_y').val(point.y);
+          if (point.type) {
+            segType.val(point.type).removeAttr('disabled');
+          } else {
+            segType.val(4).attr('disabled', 'disabled');
+          }
+        }
+        return;
+      }
+
+      // update contextual tools here
+      var panels = {
+        g: [],
+        a: [],
+        rect: ['rx', 'width', 'height'],
+        image: ['width', 'height'],
+        circle: ['cx', 'cy', 'r'],
+        ellipse: ['cx', 'cy', 'rx', 'ry'],
+        line: ['x1', 'y1', 'x2', 'y2'],
+        text: [],
+        use: []
+      };
+
+      var _elem = elem,
+          tagName = _elem.tagName;
+
+      // if ($(elem).data('gsvg')) {
+      //   $('#g_panel').show();
+      // }
+
+      var linkHref = null;
+      if (tagName === 'a') {
+        linkHref = svgCanvas.getHref(elem);
+        $$b('#g_panel').show();
+      }
+
+      if (elem.parentNode.tagName === 'a') {
+        if (!$$b(elem).siblings().length) {
+          $$b('#a_panel').show();
+          linkHref = svgCanvas.getHref(elem.parentNode);
+        }
+      }
+
+      // Hide/show the make_link buttons
+      $$b('#tool_make_link, #tool_make_link').toggle(!linkHref);
+
+      if (linkHref) {
+        $$b('#link_url').val(linkHref);
+      }
+
+      if (panels[tagName]) {
+        var curPanel = panels[tagName];
+
+        $$b('#' + tagName + '_panel').show();
+
+        $$b.each(curPanel, function (i, item) {
+          var attrVal = elem.getAttribute(item);
+          if (curConfig.baseUnit !== 'px' && elem[item]) {
+            var bv = elem[item].baseVal.value;
+            attrVal = convertUnit(bv);
+          }
+          $$b('#' + tagName + '_' + item).val(attrVal || 0);
+        });
+
+        if (tagName === 'text') {
+          $$b('#text_panel').css('display', 'inline');
+          $$b('#tool_font_size').css('display', 'inline');
+          if (svgCanvas.getItalic()) {
+            $$b('#tool_italic').addClass('push_button_pressed').removeClass('tool_button');
+          } else {
+            $$b('#tool_italic').removeClass('push_button_pressed').addClass('tool_button');
+          }
+          if (svgCanvas.getBold()) {
+            $$b('#tool_bold').addClass('push_button_pressed').removeClass('tool_button');
+          } else {
+            $$b('#tool_bold').removeClass('push_button_pressed').addClass('tool_button');
+          }
+          $$b('#font_family').val(elem.getAttribute('font-family'));
+          $$b('#font_size').val(elem.getAttribute('font-size'));
+          $$b('#text').val(elem.textContent);
+          if (svgCanvas.addedNew) {
+            // Timeout needed for IE9
+            setTimeout(function () {
+              $$b('#text').focus().select();
+            }, 100);
+          }
+          // text
+        } else if (tagName === 'image' && svgCanvas.getMode() === 'image') {
+          setImageURL(svgCanvas.getHref(elem));
+          // image
+        } else if (tagName === 'g' || tagName === 'use') {
+          $$b('#container_panel').show();
+          var title = svgCanvas.getTitle();
+          var label = $$b('#g_title')[0];
+          label.value = title;
+          setInputWidth(label);
+          $$b('#g_title').prop('disabled', tagName === 'use');
+        }
+      }
+      menuItems[(tagName === 'g' ? 'en' : 'dis') + 'ableContextMenuItems']('#ungroup');
+      menuItems[(tagName === 'g' || !multiselected ? 'dis' : 'en') + 'ableContextMenuItems']('#group');
+      // if (elem != null)
+    } else if (multiselected) {
+      $$b('#multiselected_panel').show();
+      menuItems.enableContextMenuItems('#group').disableContextMenuItems('#ungroup');
+    } else {
+      menuItems.disableContextMenuItems('#delete,#cut,#copy,#group,#ungroup,#move_front,#move_up,#move_down,#move_back');
+    }
+
+    // update history buttons
+    $$b('#tool_undo').toggleClass('disabled', undoMgr.getUndoStackSize() === 0);
+    $$b('#tool_redo').toggleClass('disabled', undoMgr.getRedoStackSize() === 0);
+
+    svgCanvas.addedNew = false;
+
+    if (elem && !isNode || multiselected) {
+      // update the selected elements' layer
+      $$b('#selLayerNames').removeAttr('disabled').val(currentLayerName);
+
+      // Enable regular menu options
+      canvMenu.enableContextMenuItems('#delete,#cut,#copy,#move_front,#move_up,#move_down,#move_back');
+    } else {
+      $$b('#selLayerNames').attr('disabled', 'disabled');
+    }
+  };
+
+  var updateWireFrame = function updateWireFrame() {
+    // Test support
+    if (supportsNonSS) {
+      return;
+    }
+
+    var rule = '#workarea.wireframe #svgcontent * { stroke-width: ' + 1 / svgCanvas.getZoom() + 'px; }';
+    $$b('#wireframe_rules').text(workarea.hasClass('wireframe') ? rule : '');
+  };
+
+  var curContext = '';
+
+  var updateTitle = function updateTitle(title) {
+    title = title || svgCanvas.getDocumentTitle();
+    var newTitle = origTitle + (title ? ': ' + title : '');
+
+    // Remove title update with current context info, isn't really necessary
+    // if (curContext) {
+    //   new_title = new_title + curContext;
+    // }
+    $$b('title:first').text(newTitle);
+  };
+
+  // called when we've selected a different element
+  /**
+  *
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:selected} elems Array of elements that were selected
+  * @listens module:svgcanvas.SvgCanvas#event:selected
+  * @fires module:svgcanvas.SvgCanvas#event:ext-selectedChanged
+  * @returns {undefined}
+  */
+  var selectedChanged = function selectedChanged(win, elems) {
+    var mode = svgCanvas.getMode();
+    if (mode === 'select') {
+      setSelectMode();
+    }
+    var isNode = mode === 'pathedit';
+    // if elems[1] is present, then we have more than one element
+    selectedElement = elems.length === 1 || elems[1] == null ? elems[0] : null;
+    multiselected = elems.length >= 2 && elems[1] != null;
+    if (selectedElement != null) {
+      // unless we're already in always set the mode of the editor to select because
+      // upon creation of a text element the editor is switched into
+      // select mode and this event fires - we need our UI to be in sync
+
+      if (!isNode) {
+        updateToolbar();
+      }
+    } // if (elem != null)
+
+    // Deal with pathedit mode
+    togglePathEditMode(isNode, elems);
+    updateContextPanel();
+    svgCanvas.runExtensions('selectedChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} */{
+      elems: elems,
+      selectedElement: selectedElement,
+      multiselected: multiselected
+    });
+  };
+
+  // Call when part of element is in process of changing, generally
+  // on mousemove actions like rotate, move, etc.
+  /**
+   * @param {external:Window} win
+   * @param {module:svgcanvas.SvgCanvas#event:transition} elems
+   * @listens module:svgcanvas.SvgCanvas#event:transition
+   * @fires module:svgcanvas.SvgCanvas#event:ext-elementTransition
+   * @returns {undefined}
+   */
+  var elementTransition = function elementTransition(win, elems) {
+    var mode = svgCanvas.getMode();
+    var elem = elems[0];
+
+    if (!elem) {
+      return;
+    }
+
+    multiselected = elems.length >= 2 && elems[1] != null;
+    // Only updating fields for single elements for now
+    if (!multiselected) {
+      switch (mode) {
+        case 'rotate':
+          var ang = svgCanvas.getRotationAngle(elem);
+          $$b('#angle').val(ang);
+          $$b('#tool_reorient').toggleClass('disabled', ang === 0);
+          break;
+
+        // TODO: Update values that change on move/resize, etc
+        // case 'select':
+        // case 'resize':
+        //   break;
+      }
+    }
+    svgCanvas.runExtensions('elementTransition', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementTransition} */{
+      elems: elems
+    });
+  };
+
+  /**
+   * Test whether an element is a layer or not.
+   * @param {SVGGElement} elem - The SVGGElement to test.
+   * @returns {boolean} True if the element is a layer
+   */
+  function isLayer(elem) {
+    return elem && elem.tagName === 'g' && Layer.CLASS_REGEX.test(elem.getAttribute('class'));
+  }
+
+  // called when any element has changed
+  /**
+   * @param {external:Window} win
+   * @param {module:svgcanvas.SvgCanvas#event:changed} elems
+   * @listens module:svgcanvas.SvgCanvas#event:changed
+   * @fires module:svgcanvas.SvgCanvas#event:ext-elementChanged
+   * @returns {undefined}
+   */
+  var elementChanged = function elementChanged(win, elems) {
+    var mode = svgCanvas.getMode();
+    if (mode === 'select') {
+      setSelectMode();
+    }
+
+    for (var _i = 0; _i < elems.length; ++_i) {
+      var elem = elems[_i];
+
+      var isSvgElem = elem && elem.tagName === 'svg';
+      if (isSvgElem || isLayer(elem)) {
+        populateLayers();
+        // if the element changed was the svg, then it could be a resolution change
+        if (isSvgElem) {
+          updateCanvas();
+        }
+        // Update selectedElement if element is no longer part of the image.
+        // This occurs for the text elements in Firefox
+      } else if (elem && selectedElement && selectedElement.parentNode == null) {
+        // || elem && elem.tagName == "path" && !multiselected) { // This was added in r1430, but not sure why
+        selectedElement = elem;
+      }
+    }
+
+    editor.showSaveWarning = true;
+
+    // we update the contextual panel with potentially new
+    // positional/sizing information (we DON'T want to update the
+    // toolbar here as that creates an infinite loop)
+    // also this updates the history buttons
+
+    // we tell it to skip focusing the text control if the
+    // text element was previously in focus
+    updateContextPanel();
+
+    // In the event a gradient was flipped:
+    if (selectedElement && mode === 'select') {
+      paintBox.fill.update();
+      paintBox.stroke.update();
+    }
+
+    svgCanvas.runExtensions('elementChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementChanged} */{
+      elems: elems
+    });
+  };
+
+  /**
+   * @returns {undefined}
+   */
+  var zoomDone = function zoomDone() {
+    updateWireFrame();
+    // updateCanvas(); // necessary?
+  };
+
+  /**
+  * @typedef {PlainObject} module:SVGEditor.BBoxObjectWithFactor (like `DOMRect`)
+  * @property {Float} x
+  * @property {Float} y
+  * @property {Float} width
+  * @property {Float} height
+  * @property {Float} [factor] Needed if width or height are 0
+  * @property {Float} [zoom]
+  * @see module:svgcanvas.SvgCanvas#event:zoomed
+  */
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#zoomChanged
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:zoomed} bbox
+  * @param {boolean} autoCenter
+  * @listens module:svgcanvas.SvgCanvas#event:zoomed
+  * @returns {undefined}
+  */
+  var zoomChanged = svgCanvas.zoomChanged = function (win, bbox, autoCenter) {
+    var scrbar = 15,
+
+    // res = svgCanvas.getResolution(), // Currently unused
+    wArea = workarea;
+    // const canvasPos = $('#svgcanvas').position(); // Currently unused
+    var zInfo = svgCanvas.setBBoxZoom(bbox, wArea.width() - scrbar, wArea.height() - scrbar);
+    if (!zInfo) {
+      return;
+    }
+    var zoomlevel = zInfo.zoom,
+        bb = zInfo.bbox;
+
+    if (zoomlevel < 0.001) {
+      changeZoom({ value: 0.1 });
+      return;
+    }
+
+    $$b('#zoom').val((zoomlevel * 100).toFixed(1));
+
+    if (autoCenter) {
+      updateCanvas();
+    } else {
+      updateCanvas(false, { x: bb.x * zoomlevel + bb.width * zoomlevel / 2, y: bb.y * zoomlevel + bb.height * zoomlevel / 2 });
+    }
+
+    if (svgCanvas.getMode() === 'zoom' && bb.width) {
+      // Go to select if a zoom box was drawn
+      setSelectMode();
+    }
+
+    zoomDone();
+  };
+
+  var changeZoom = function changeZoom(ctl) {
+    var zoomlevel = ctl.value / 100;
+    if (zoomlevel < 0.001) {
+      ctl.value = 0.1;
+      return;
+    }
+    var zoom = svgCanvas.getZoom();
+    var wArea = workarea;
+
+    zoomChanged(window, {
+      width: 0,
+      height: 0,
+      // center pt of scroll position
+      x: (wArea[0].scrollLeft + wArea.width() / 2) / zoom,
+      y: (wArea[0].scrollTop + wArea.height() / 2) / zoom,
+      zoom: zoomlevel
+    }, true);
+  };
+
+  $$b('#cur_context_panel').delegate('a', 'click', function () {
+    var link = $$b(this);
+    if (link.attr('data-root')) {
+      svgCanvas.leaveContext();
+    } else {
+      svgCanvas.setContext(link.text());
+    }
+    svgCanvas.clearSelection();
+    return false;
+  });
+
+  /**
+   * @param {external:Window} win
+   * @param {module:svgcanvas.SvgCanvas#event:contextset} context
+   * @listens module:svgcanvas.SvgCanvas#event:contextset
+   * @returns {undefined}
+   */
+  var contextChanged = function contextChanged(win, context) {
+    var linkStr = '';
+    if (context) {
+      var _str2 = '';
+      linkStr = '<a href="#" data-root="y">' + svgCanvas.getCurrentDrawing().getCurrentLayerName() + '</a>';
+
+      $$b(context).parentsUntil('#svgcontent > g').andSelf().each(function () {
+        if (this.id) {
+          _str2 += ' > ' + this.id;
+          if (this !== context) {
+            linkStr += ' > <a href="#">' + this.id + '</a>';
+          } else {
+            linkStr += ' > ' + this.id;
+          }
+        }
+      });
+
+      curContext = _str2;
+    } else {
+      curContext = null;
+    }
+    $$b('#cur_context_panel').toggle(!!context).html(linkStr);
+
+    updateTitle();
+  };
+
+  // Makes sure the current selected paint is available to work with
+  var prepPaints = function prepPaints() {
+    paintBox.fill.prep();
+    paintBox.stroke.prep();
+  };
+
+  var flyoutFuncs = {};
+
+  var setFlyoutTitles = function setFlyoutTitles() {
+    $$b('.tools_flyout').each(function () {
+      var shower = $$b('#' + this.id + '_show');
+      if (shower.data('isLibrary')) {
+        return;
+      }
+
+      var tooltips = $$b(this).children().map(function () {
+        return this.title;
+      }).get();
+      shower[0].title = tooltips.join(' / ');
+    });
+  };
+
+  var allHolders = {};
+  /**
+   * @param {Object.<string, module:SVGEditor.ToolButton>} holders Key is a selector
+   * @returns {undefined}
+   */
+  var setupFlyouts = function setupFlyouts(holders) {
+    $$b.each(holders, function (holdSel, btnOpts) {
+      var _allHolders$holdSel;
+
+      if (!allHolders[holdSel]) {
+        allHolders[holdSel] = [];
+      }
+      (_allHolders$holdSel = allHolders[holdSel]).push.apply(_allHolders$holdSel, toConsumableArray(btnOpts));
+
+      var buttons = $$b(holdSel).children().not('.tool_button_evt_handled');
+      var showSel = holdSel + '_show';
+      var shower = $$b(showSel);
+      var def = false;
+      buttons.addClass('tool_button tool_button_evt_handled').unbind('click mousedown mouseup') // may not be necessary
+      .each(function () {
+        // Get this button's options
+        var idSel = '#' + this.getAttribute('id');
+
+        var _Object$entries$find = Object.entries(btnOpts).find(function (_ref10) {
+          var _ref11 = slicedToArray(_ref10, 2),
+              i = _ref11[0],
+              sel = _ref11[1].sel;
+
+          return sel === idSel;
+        }),
+            _Object$entries$find2 = slicedToArray(_Object$entries$find, 2),
+            i = _Object$entries$find2[0],
+            opts = _Object$entries$find2[1];
+
+        // Remember the function that goes with this ID
+
+
+        flyoutFuncs[opts.sel] = opts.fn;
+
+        if (opts.isDefault) {
+          def = i;
+        }
+
+        /**
+         * Clicking the icon in flyout should set this set's icon
+         * @param {Event} ev
+         * @returns {undefined}
+         */
+        var flyoutAction = function flyoutAction(ev) {
+          var options = opts;
+          // Find the currently selected tool if comes from keystroke
+          if (ev.type === 'keydown') {
+            var flyoutIsSelected = $$b(options.parent + '_show').hasClass('tool_button_current');
+            var currentOperation = $$b(options.parent + '_show').attr('data-curopt');
+            Object.entries(holders[opts.parent]).some(function (_ref12) {
+              var _ref13 = slicedToArray(_ref12, 2),
+                  i = _ref13[0],
+                  tool = _ref13[1];
+
+              if (tool.sel !== currentOperation) {
+                return;
+              }
+              if (!ev.shiftKey || !flyoutIsSelected) {
+                options = tool;
+              } else {
+                // If flyout is selected, allow shift key to iterate through subitems
+                i = parseInt(i, 10);
+                // Use `allHolders` to include both extension `includeWith` and toolbarButtons
+                options = allHolders[opts.parent][i + 1] || holders[opts.parent][0];
+              }
+              return true;
+            });
+          }
+          if ($$b(this).hasClass('disabled')) {
+            return false;
+          }
+          if (toolButtonClick(showSel)) {
+            options.fn();
+          }
+          var icon = void 0;
+          if (options.icon) {
+            icon = $$b.getSvgIcon(options.icon, true);
+          } else {
+            icon = $$b(options.sel).children().eq(0).clone();
+          }
+
+          icon[0].setAttribute('width', shower.width());
+          icon[0].setAttribute('height', shower.height());
+          shower.children(':not(.flyout_arrow_horiz)').remove();
+          shower.append(icon).attr('data-curopt', options.sel); // This sets the current mode
+        };
+
+        $$b(this).mouseup(flyoutAction);
+
+        if (opts.key) {
+          $$b(document).bind('keydown', opts.key[0] + ' shift+' + opts.key[0], flyoutAction);
+        }
+      });
+
+      if (def) {
+        shower.attr('data-curopt', btnOpts[def].sel);
+      } else if (!shower.attr('data-curopt')) {
+        // Set first as default
+        shower.attr('data-curopt', btnOpts[0].sel);
+      }
+
+      var timer = void 0;
+      var pos = $$b(showSel).position();
+
+      // Clicking the "show" icon should set the current mode
+      shower.mousedown(function (evt) {
+        if (shower.hasClass('disabled')) {
+          return false;
+        }
+        var holder = $$b(holdSel);
+        var l = pos.left + 34;
+        var w = holder.width() * -1;
+        var time = holder.data('shown_popop') ? 200 : 0;
+        timer = setTimeout(function () {
+          // Show corresponding menu
+          if (!shower.data('isLibrary')) {
+            holder.css('left', w).show().animate({
+              left: l
+            }, 150);
+          } else {
+            holder.css('left', l).show();
+          }
+          holder.data('shown_popop', true);
+        }, time);
+        evt.preventDefault();
+      }).mouseup(function (evt) {
+        clearTimeout(timer);
+        var opt = $$b(this).attr('data-curopt');
+        // Is library and popped up, so do nothing
+        if (shower.data('isLibrary') && $$b(showSel.replace('_show', '')).is(':visible')) {
+          toolButtonClick(showSel, true);
+          return;
+        }
+        if (toolButtonClick(showSel) && flyoutFuncs[opt]) {
+          flyoutFuncs[opt]();
+        }
+      });
+      // $('#tools_rect').mouseleave(function () { $('#tools_rect').fadeOut(); });
+    });
+    setFlyoutTitles();
+    setFlyoutPositions();
+  };
+
+  var makeFlyoutHolder = function makeFlyoutHolder(id, child) {
+    var div = $$b('<div>', {
+      class: 'tools_flyout',
+      id: id
+    }).appendTo('#svg_editor').append(child);
+
+    return div;
+  };
+
+  // TODO: Combine this with addDropDown or find other way to optimize
+  var addAltDropDown = function addAltDropDown(elem, list, callback, opts) {
+    var button = $$b(elem);
+    var dropUp = opts.dropUp;
+
+    list = $$b(list);
+    if (dropUp) {
+      $$b(elem).addClass('dropup');
+    }
+    list.find('li').bind('mouseup', function () {
+      if (opts.seticon) {
+        setIcon('#cur_' + button[0].id, $$b(this).children());
+        $$b(this).addClass('current').siblings().removeClass('current');
+      }
+      callback.apply(this, arguments);
+    });
+
+    var onButton = false;
+    $$b(window).mouseup(function (evt) {
+      if (!onButton) {
+        button.removeClass('down');
+        list.hide();
+        list.css({ top: 0, left: 0 });
+      }
+      onButton = false;
+    });
+
+    // const height = list.height(); // Currently unused
+    button.bind('mousedown', function () {
+      var off = button.offset();
+      if (dropUp) {
+        off.top -= list.height();
+        off.left += 8;
+      } else {
+        off.top += button.height();
+      }
+      list.offset(off);
+
+      if (!button.hasClass('down')) {
+        list.show();
+        onButton = true;
+      } else {
+        // CSS position must be reset for Webkit
+        list.hide();
+        list.css({ top: 0, left: 0 });
+      }
+      button.toggleClass('down');
+    }).hover(function () {
+      onButton = true;
+    }).mouseout(function () {
+      onButton = false;
+    });
+
+    if (opts.multiclick) {
+      list.mousedown(function () {
+        onButton = true;
+      });
+    }
+  };
+
+  var extsPreLang = [];
+  /**
+   * @param {external:Window} win
+   * @param {module:svgcanvas.SvgCanvas#event:extension_added} ext
+   * @listens module:svgcanvas.SvgCanvas#event:extension_added
+   * @returns {Promise} Resolves to `undefined`
+   */
+  var extAdded = function extAdded(win, ext) {
+    if (!ext) {
+      return;
+    }
+    var cbCalled = false;
+    var resizeDone = false;
+
+    if (ext.langReady) {
+      if (editor.langChanged) {
+        // We check for this since the "lang" pref could have been set by storage
+        var lang = $$b.pref('lang');
+        ext.langReady({
+          lang: lang,
+          uiStrings: uiStrings$1,
+          importLocale: getImportLocale({ defaultLang: lang, defaultName: ext.name })
+        });
+      } else {
+        extsPreLang.push(ext);
+      }
+    }
+
+    function prepResize() {
+      if (resizeTimer) {
+        clearTimeout(resizeTimer);
+        resizeTimer = null;
+      }
+      if (!resizeDone) {
+        resizeTimer = setTimeout(function () {
+          resizeDone = true;
+          setIconSize($$b.pref('iconsize'));
+        }, 50);
+      }
+    }
+
+    var runCallback = function runCallback() {
+      if (ext.callback && !cbCalled) {
+        cbCalled = true;
+        ext.callback.call(editor);
+      }
+    };
+
+    var btnSelects = [];
+
+    /**
+    * @typedef {PlainObject} module:SVGEditor.ContextTool
+    * @property {string} panel The ID of the existing panel to which the tool is being added. Required.
+    * @property {string} id The ID of the actual tool element. Required.
+    * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<"change", external:jQuery.Function>} events DOM event names keyed to associated functions. Example: `{change () { alert('Option was changed') } }`. "change" event is one specifically handled for the "button-select" type. Required.
+    * @property {string} title The tooltip text that will appear when the user hovers over the tool. Required.
+    * @property {"tool_button"|"select"|"button-select"|"input"|string} type The type of tool being added. Expected.
+    * @property {PlainObject.<string, string>} [options] List of options and their labels for select tools. Example: `{1: 'One', 2: 'Two', all: 'All' }`. Required by "select" tools.
+    * @property {string} [container_id] The ID to be given to the tool's container element.
+    * @property {string} [defval] Default value
+    * @property {string|Integer} [colnum] Added as part of the option list class.
+    * @property {string} [label] Label associated with the tool, visible in the UI
+    * @property {Integer} [size] Value of the "size" attribute of the tool input
+    * @property {module:jQuerySpinButton.SpinButtonConfig} [spindata] When added to a tool of type "input", this tool becomes a "spinner" which allows the number to be in/decreased.
+    */
+    if (ext.context_tools) {
+      $$b.each(ext.context_tools, function (i, tool) {
+        // Add select tool
+        var contId = tool.container_id ? ' id="' + tool.container_id + '"' : '';
+
+        var panel = $$b('#' + tool.panel);
+        // create the panel if it doesn't exist
+        if (!panel.length) {
+          panel = $$b('<div>', { id: tool.panel }).appendTo('#tools_top');
+        }
+
+        var html = void 0;
+        // TODO: Allow support for other types, or adding to existing tool
+        switch (tool.type) {
+          case 'tool_button':
+            html = '<div class="tool_button">' + tool.id + '</div>';
+            var div = $$b(html).appendTo(panel);
+            if (tool.events) {
+              $$b.each(tool.events, function (evt, func) {
+                $$b(div).bind(evt, func);
+              });
+            }
+            break;
+          case 'select':
+            html = '<label' + contId + '>' + '<select id="' + tool.id + '">';
+            $$b.each(tool.options, function (val, text) {
+              var sel = val === tool.defval ? ' selected' : '';
+              html += '<option value="' + val + '"' + sel + '>' + text + '</option>';
+            });
+            html += '</select></label>';
+            // Creates the tool, hides & adds it, returns the select element
+            var sel = $$b(html).appendTo(panel).find('select');
+
+            $$b.each(tool.events, function (evt, func) {
+              $$b(sel).bind(evt, func);
+            });
+            break;
+          case 'button-select':
+            html = '<div id="' + tool.id + '" class="dropdown toolset" title="' + tool.title + '">' + '<div id="cur_' + tool.id + '" class="icon_label"></div><button></button></div>';
+
+            var list = $$b('<ul id="' + tool.id + '_opts"></ul>').appendTo('#option_lists');
+
+            if (tool.colnum) {
+              list.addClass('optcols' + tool.colnum);
+            }
+
+            // Creates the tool, hides & adds it, returns the select element
+            /* const dropdown = */$$b(html).appendTo(panel).children();
+
+            btnSelects.push({
+              elem: '#' + tool.id,
+              list: '#' + tool.id + '_opts',
+              title: tool.title,
+              callback: tool.events.change,
+              cur: '#cur_' + tool.id
+            });
+
+            break;
+          case 'input':
+            html = '<label' + contId + '>' + '<span id="' + tool.id + '_label">' + tool.label + ':</span>' + '<input id="' + tool.id + '" title="' + tool.title + '" size="' + (tool.size || '4') + '" value="' + (tool.defval || '') + '" type="text"/></label>';
+
+            // Creates the tool, hides & adds it, returns the select element
+
+            // Add to given tool.panel
+            var inp = $$b(html).appendTo(panel).find('input');
+
+            if (tool.spindata) {
+              inp.SpinButton(tool.spindata);
+            }
+
+            if (tool.events) {
+              $$b.each(tool.events, function (evt, func) {
+                inp.bind(evt, func);
+              });
+            }
+            break;
+
+          default:
+            break;
+        }
+      });
+    }
+
+    var svgicons = ext.svgicons;
+
+    if (ext.buttons) {
+      var fallbackObj = {},
+          placementObj = {},
+          holders = {};
+
+      /**
+      * @typedef {GenericArray} module:SVGEditor.KeyArray
+      * @property {string} 0 The key to bind (on `keydown`)
+      * @property {boolean} 1 Whether to `preventDefault` on the `keydown` event
+      * @property {boolean} 2 Not apparently in use (NoDisableInInput)
+      */
+      /**
+       * @typedef {string|module:SVGEditor.KeyArray} module:SVGEditor.Key
+       */
+      /**
+      * @typedef {PlainObject} module:SVGEditor.Button
+      * @property {string} id A unique identifier for this button. If SVG icons are used, this must match the ID used in the icon file. Required.
+      * @property {"mode_flyout"|"mode"|"context"|"app_menu"} type Type of button. Required.
+      * @property {string} title The tooltip text that will appear when the user hovers over the icon. Required.
+      * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<"click", external:jQuery.Function>} events DOM event names with associated functions. Example: `{click () { alert('Button was clicked') } }`. Click is used with `includeWith` and `type` of "mode_flyout" (and "mode"); any events may be added if `list` is not present. Expected.
+      * @property {string} panel The ID of the context panel to be included, if type is "context". Required only if type is "context".
+      * @property {string} icon The file path to the raster version of the icon image source. Required only if no `svgicons` is supplied from [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse}.
+      * @property {string} [svgicon] If absent, will utilize the button "id"; used to set "placement" on the `svgIcons` call
+      * @property {string} [list] Points to the "id" of a `context_tools` item of type "button-select" into which the button will be added as a panel list item
+      * @property {Integer} [position] The numeric index for placement; defaults to last position (as of the time of extension addition) if not present. For use with {@link http://api.jquery.com/eq/}.
+      * @property {boolean} [isDefault] Whether or not the button is the default. Used with `list`.
+      * @property {PlainObject} [includeWith] Object with flyout menu data
+      * @property {boolean} [includeWith.isDefault] Indicates whether button is default in flyout list or not.
+      * @property {string} includeWith.button jQuery selector of the existing button to be joined. Example: '#tool_line'. Required if `includeWith` is used.
+      * @property {"last"|Integer} [includeWith.position] Position of icon in flyout list; will be added to end if not indicated. Integer is for use with {@link http://api.jquery.com/eq/}.
+      * @property {module:SVGEditor.Key} [key] The key to bind to the button
+      */
+      // Add buttons given by extension
+      $$b.each(ext.buttons, function (i, /** @type {module:SVGEditor.Button} */btn) {
+        var id = btn.id;
+
+        var num = i;
+        // Give button a unique ID
+        while ($$b('#' + id).length) {
+          id = btn.id + '_' + ++num;
+        }
+
+        var icon = void 0;
+        if (!svgicons) {
+          icon = $$b('<img src="' + btn.icon + '">');
+        } else {
+          fallbackObj[id] = btn.icon;
+          var svgicon = btn.svgicon || btn.id;
+          if (btn.type === 'app_menu') {
+            placementObj['#' + id + ' > div'] = svgicon;
+          } else {
+            placementObj['#' + id] = svgicon;
+          }
+        }
+
+        var cls = void 0,
+            parent = void 0;
+
+        // Set button up according to its type
+        switch (btn.type) {
+          case 'mode_flyout':
+          case 'mode':
+            cls = 'tool_button';
+            parent = '#tools_left';
+            break;
+          case 'context':
+            cls = 'tool_button';
+            parent = '#' + btn.panel;
+            // create the panel if it doesn't exist
+            if (!$$b(parent).length) {
+              $$b('<div>', { id: btn.panel }).appendTo('#tools_top');
+            }
+            break;
+          case 'app_menu':
+            cls = '';
+            parent = '#main_menu ul';
+            break;
+        }
+        var flyoutHolder = void 0,
+            curH = void 0,
+            showBtn = void 0,
+            refData = void 0,
+            refBtn = void 0;
+        var button = $$b(btn.list || btn.type === 'app_menu' ? '<li/>' : '<div/>').attr('id', id).attr('title', btn.title).addClass(cls);
+        if (!btn.includeWith && !btn.list) {
+          if ('position' in btn) {
+            if ($$b(parent).children().eq(btn.position).length) {
+              $$b(parent).children().eq(btn.position).before(button);
+            } else {
+              $$b(parent).children().last().before(button);
+            }
+          } else {
+            button.appendTo(parent);
+          }
+
+          if (btn.type === 'mode_flyout') {
+            // Add to flyout menu / make flyout menu
+            // const opts = btn.includeWith;
+            // // opts.button, default, position
+            refBtn = $$b(button);
+
+            flyoutHolder = refBtn.parent();
+            // Create a flyout menu if there isn't one already
+            var tlsId = void 0;
+            if (!refBtn.parent().hasClass('tools_flyout')) {
+              // Create flyout placeholder
+              tlsId = refBtn[0].id.replace('tool_', 'tools_');
+              showBtn = refBtn.clone().attr('id', tlsId + '_show').append($$b('<div>', { class: 'flyout_arrow_horiz' }));
+
+              refBtn.before(showBtn);
+
+              // Create a flyout div
+              flyoutHolder = makeFlyoutHolder(tlsId, refBtn);
+              flyoutHolder.data('isLibrary', true);
+              showBtn.data('isLibrary', true);
+            }
+            // refData = Actions.getButtonData(opts.button);
+
+            placementObj['#' + tlsId + '_show'] = btn.id;
+            // TODO: Find way to set the current icon using the iconloader if this is not default
+
+            // Include data for extension button as well as ref button
+            curH = holders['#' + flyoutHolder[0].id] = [{
+              sel: '#' + id,
+              fn: btn.events.click,
+              icon: btn.id,
+              // key: btn.key,
+              isDefault: true
+            }]; // , refData
+            //
+            // // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
+            //
+            // const pos = ('position' in opts)?opts.position:'last';
+            // const len = flyoutHolder.children().length;
+            //
+            // // Add at given position or end
+            // if (!isNaN(pos) && pos >= 0 && pos < len) {
+            //   flyoutHolder.children().eq(pos).before(button);
+            // } else {
+            //   flyoutHolder.append(button);
+            //   curH.reverse();
+            // }
+          } else if (btn.type === 'app_menu') {
+            button.append('<div>').append(btn.title);
+          }
+        } else if (btn.list) {
+          // Add button to list
+          button.addClass('push_button');
+          $$b('#' + btn.list + '_opts').append(button);
+          if (btn.isDefault) {
+            $$b('#cur_' + btn.list).append(button.children().clone());
+            var _svgicon = btn.svgicon || btn.id;
+            placementObj['#cur_' + btn.list] = _svgicon;
+          }
+        } else if (btn.includeWith) {
+          // Add to flyout menu / make flyout menu
+          var opts = btn.includeWith;
+          // opts.button, default, position
+          refBtn = $$b(opts.button);
+
+          flyoutHolder = refBtn.parent();
+          // Create a flyout menu if there isn't one already
+          var _tlsId = void 0;
+          if (!refBtn.parent().hasClass('tools_flyout')) {
+            // Create flyout placeholder
+            _tlsId = refBtn[0].id.replace('tool_', 'tools_');
+            showBtn = refBtn.clone().attr('id', _tlsId + '_show').append($$b('<div>', { class: 'flyout_arrow_horiz' }));
+
+            refBtn.before(showBtn);
+            // Create a flyout div
+            flyoutHolder = makeFlyoutHolder(_tlsId, refBtn);
+          }
+
+          refData = Actions.getButtonData(opts.button);
+
+          if (opts.isDefault) {
+            placementObj['#' + _tlsId + '_show'] = btn.id;
+          }
+          // TODO: Find way to set the current icon using the iconloader if this is not default
+
+          // Include data for extension button as well as ref button
+          curH = holders['#' + flyoutHolder[0].id] = [{
+            sel: '#' + id,
+            fn: btn.events.click,
+            icon: btn.id,
+            key: btn.key,
+            isDefault: Boolean(btn.includeWith && btn.includeWith.isDefault)
+          }, refData];
+
+          // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
+
+          var pos = 'position' in opts ? opts.position : 'last';
+          var len = flyoutHolder.children().length;
+
+          // Add at given position or end
+          if (!isNaN(pos) && pos >= 0 && pos < len) {
+            flyoutHolder.children().eq(pos).before(button);
+          } else {
+            flyoutHolder.append(button);
+            curH.reverse();
+          }
+        }
+
+        if (!svgicons) {
+          button.append(icon);
+        }
+
+        if (!btn.list) {
+          // Add given events to button
+          $$b.each(btn.events, function (name, func) {
+            if (name === 'click' && btn.type === 'mode') {
+              if (btn.includeWith) {
+                button.bind(name, func);
+              } else {
+                button.bind(name, function () {
+                  if (toolButtonClick(button)) {
+                    func();
+                  }
+                });
+              }
+              if (btn.key) {
+                $$b(document).bind('keydown', btn.key, func);
+                if (btn.title) {
+                  button.attr('title', btn.title + ' [' + btn.key + ']');
+                }
+              }
+            } else {
+              button.bind(name, func);
+            }
+          });
+        }
+
+        setupFlyouts(holders);
+      });
+
+      $$b.each(btnSelects, function () {
+        addAltDropDown(this.elem, this.list, this.callback, { seticon: true });
+      });
+
+      if (svgicons) {
+        return new Promise(function (resolve, reject) {
+          $$b.svgIcons(svgicons, {
+            w: 24, h: 24,
+            id_match: false,
+            no_img: !isWebkit(),
+            fallback: fallbackObj,
+            placement: placementObj,
+            callback: function callback(icons) {
+              // Non-ideal hack to make the icon match the current size
+              // if (curPrefs.iconsize && curPrefs.iconsize !== 'm') {
+              if ($$b.pref('iconsize') !== 'm') {
+                prepResize();
+              }
+              runCallback();
+              resolve();
+            }
+          });
+        });
+      }
+    }
+    return runCallback();
+  };
+
+  var getPaint = function getPaint(color, opac, type) {
+    // update the editor's fill paint
+    var opts = { alpha: opac };
+    if (color.startsWith('url(#')) {
+      var refElem = svgCanvas.getRefElem(color);
+      if (refElem) {
+        refElem = refElem.cloneNode(true);
+      } else {
+        refElem = $$b('#' + type + '_color defs *')[0];
+      }
+      opts[refElem.tagName] = refElem;
+    } else if (color.startsWith('#')) {
+      opts.solidColor = color.substr(1);
+    } else {
+      opts.solidColor = 'none';
+    }
+    return new $$b.jGraduate.Paint(opts);
+  };
+
+  // $('#text').focus(function () { textBeingEntered = true; });
+  // $('#text').blur(function () { textBeingEntered = false; });
+
+  // bind the selected event to our function that handles updates to the UI
+  svgCanvas.bind('selected', selectedChanged);
+  svgCanvas.bind('transition', elementTransition);
+  svgCanvas.bind('changed', elementChanged);
+  svgCanvas.bind('saved', saveHandler);
+  svgCanvas.bind('exported', exportHandler);
+  svgCanvas.bind('exportedPDF', function (win, data) {
+    var exportWindowName = data.exportWindowName;
+
+    if (exportWindowName) {
+      exportWindow = window.open('', exportWindowName); // A hack to get the window via JSON-able name without opening a new one
+    }
+    if (!exportWindow || exportWindow.closed) {
+      $$b.alert(uiStrings$1.notification.popupWindowBlocked);
+      return;
+    }
+    exportWindow.location.href = data.output;
+  });
+  svgCanvas.bind('zoomed', zoomChanged);
+  svgCanvas.bind('zoomDone', zoomDone);
+  svgCanvas.bind('updateCanvas',
+  /**
+   * @param {external:Window} win
+   * @param {false} center
+   * @param {module:math.XYObject} newCtr
+   * @listens module:svgcanvas.SvgCanvas#event:updateCanvas
+   * @returns {undefined}
+   */
+  function (win, _ref14) {
+    var center = _ref14.center,
+        newCtr = _ref14.newCtr;
+
+    updateCanvas(center, newCtr);
+  });
+  svgCanvas.bind('contextset', contextChanged);
+  svgCanvas.bind('extension_added', extAdded);
+  svgCanvas.textActions.setInputElem($$b('#text')[0]);
+
+  var str = '<div class="palette_item" data-rgb="none"></div>';
+  $$b.each(palette, function (i, item) {
+    str += '<div class="palette_item" style="background-color: ' + item + ';" data-rgb="' + item + '"></div>';
+  });
+  $$b('#palette').append(str);
+
+  // Set up editor background functionality
+  // TODO add checkerboard as "pattern"
+  var colorBlocks = ['#FFF', '#888', '#000']; // ,'url(data:image/gif;base64,R0lGODlhEAAQAIAAAP%2F%2F%2F9bW1iH5BAAAAAAALAAAAAAQABAAAAIfjG%2Bgq4jM3IFLJgpswNly%2FXkcBpIiVaInlLJr9FZWAQA7)'];
+  str = '';
+  $$b.each(colorBlocks, function () {
+    str += '<div class="color_block" style="background-color:' + this + ';"></div>';
+  });
+  $$b('#bg_blocks').append(str);
+  var blocks = $$b('#bg_blocks div');
+  var curBg = 'cur_background';
+  blocks.each(function () {
+    var blk = $$b(this);
+    blk.click(function () {
+      blocks.removeClass(curBg);
+      $$b(this).addClass(curBg);
+    });
+  });
+
+  setBackground($$b.pref('bkgd_color'), $$b.pref('bkgd_url'));
+
+  $$b('#image_save_opts input').val([$$b.pref('img_save')]);
+
+  var changeRectRadius = function changeRectRadius(ctl) {
+    svgCanvas.setRectRadius(ctl.value);
+  };
+
+  var changeFontSize = function changeFontSize(ctl) {
+    svgCanvas.setFontSize(ctl.value);
+  };
+
+  var changeStrokeWidth = function changeStrokeWidth(ctl) {
+    var val = ctl.value;
+    if (val === 0 && selectedElement && ['line', 'polyline'].includes(selectedElement.nodeName)) {
+      val = ctl.value = 1;
+    }
+    svgCanvas.setStrokeWidth(val);
+  };
+
+  var changeRotationAngle = function changeRotationAngle(ctl) {
+    svgCanvas.setRotationAngle(ctl.value);
+    $$b('#tool_reorient').toggleClass('disabled', parseInt(ctl.value, 10) === 0);
+  };
+
+  var changeOpacity = function changeOpacity(ctl, val) {
+    if (val == null) {
+      val = ctl.value;
+    }
+    $$b('#group_opacity').val(val);
+    if (!ctl || !ctl.handle) {
+      $$b('#opac_slider').slider('option', 'value', val);
+    }
+    svgCanvas.setOpacity(val / 100);
+  };
+
+  var changeBlur = function changeBlur(ctl, val, noUndo) {
+    if (val == null) {
+      val = ctl.value;
+    }
+    $$b('#blur').val(val);
+    var complete = false;
+    if (!ctl || !ctl.handle) {
+      $$b('#blur_slider').slider('option', 'value', val);
+      complete = true;
+    }
+    if (noUndo) {
+      svgCanvas.setBlurNoUndo(val);
+    } else {
+      svgCanvas.setBlur(val, complete);
+    }
+  };
+
+  $$b('#stroke_style').change(function () {
+    svgCanvas.setStrokeAttr('stroke-dasharray', $$b(this).val());
+    operaRepaint();
+  });
+
+  $$b('#stroke_linejoin').change(function () {
+    svgCanvas.setStrokeAttr('stroke-linejoin', $$b(this).val());
+    operaRepaint();
+  });
+
+  // Lose focus for select elements when changed (Allows keyboard shortcuts to work better)
+  $$b('select').change(function () {
+    $$b(this).blur();
+  });
+
+  // fired when user wants to move elements to another layer
+  var promptMoveLayerOnce = false;
+  $$b('#selLayerNames').change(function () {
+    var destLayer = this.options[this.selectedIndex].value;
+    var confirmStr = uiStrings$1.notification.QmoveElemsToLayer.replace('%s', destLayer);
+    var moveToLayer = function moveToLayer(ok) {
+      if (!ok) {
+        return;
+      }
+      promptMoveLayerOnce = true;
+      svgCanvas.moveSelectedToLayer(destLayer);
+      svgCanvas.clearSelection();
+      populateLayers();
+    };
+    if (destLayer) {
+      if (promptMoveLayerOnce) {
+        moveToLayer(true);
+      } else {
+        $$b.confirm(confirmStr, moveToLayer);
+      }
+    }
+  });
+
+  $$b('#font_family').change(function () {
+    svgCanvas.setFontFamily(this.value);
+  });
+
+  $$b('#seg_type').change(function () {
+    svgCanvas.setSegType($$b(this).val());
+  });
+
+  $$b('#text').bind('keyup input', function () {
+    svgCanvas.setTextContent(this.value);
+  });
+
+  $$b('#image_url').change(function () {
+    setImageURL(this.value);
+  });
+
+  $$b('#link_url').change(function () {
+    if (this.value.length) {
+      svgCanvas.setLinkURL(this.value);
+    } else {
+      svgCanvas.removeHyperlink();
+    }
+  });
+
+  $$b('#g_title').change(function () {
+    svgCanvas.setGroupTitle(this.value);
+  });
+
+  $$b('.attr_changer').change(function () {
+    var attr = this.getAttribute('data-attr');
+    var val = this.value;
+    var valid = isValidUnit(attr, val, selectedElement);
+
+    if (!valid) {
+      $$b.alert(uiStrings$1.notification.invalidAttrValGiven);
+      this.value = selectedElement.getAttribute(attr);
+      return false;
+    }
+
+    if (attr !== 'id' && attr !== 'class') {
+      if (isNaN(val)) {
+        val = svgCanvas.convertToNum(attr, val);
+      } else if (curConfig.baseUnit !== 'px') {
+        // Convert unitless value to one with given unit
+
+        var unitData = getTypeMap();
+
+        if (selectedElement[attr] || svgCanvas.getMode() === 'pathedit' || attr === 'x' || attr === 'y') {
+          val *= unitData[curConfig.baseUnit];
+        }
+      }
+    }
+
+    // if the user is changing the id, then de-select the element first
+    // change the ID, then re-select it with the new ID
+    if (attr === 'id') {
+      var elem = selectedElement;
+      svgCanvas.clearSelection();
+      elem.id = val;
+      svgCanvas.addToSelection([elem], true);
+    } else {
+      svgCanvas.changeSelectedAttribute(attr, val);
+    }
+    this.blur();
+  });
+
+  // Prevent selection of elements when shift-clicking
+  $$b('#palette').mouseover(function () {
+    var inp = $$b('<input type="hidden">');
+    $$b(this).append(inp);
+    inp.focus().remove();
+  });
+
+  $$b('.palette_item').mousedown(function (evt) {
+    // shift key or right click for stroke
+    var picker = evt.shiftKey || evt.button === 2 ? 'stroke' : 'fill';
+    var color = $$b(this).data('rgb');
+    var paint = void 0;
+
+    // Webkit-based browsers returned 'initial' here for no stroke
+    if (color === 'none' || color === 'transparent' || color === 'initial') {
+      color = 'none';
+      paint = new $$b.jGraduate.Paint();
+    } else {
+      paint = new $$b.jGraduate.Paint({ alpha: 100, solidColor: color.substr(1) });
+    }
+
+    paintBox[picker].setPaint(paint);
+    svgCanvas.setColor(picker, color);
+
+    if (color !== 'none' && svgCanvas.getPaintOpacity(picker) !== 1) {
+      svgCanvas.setPaintOpacity(picker, 1.0);
+    }
+    updateToolButtonState();
+  }).bind('contextmenu', function (e) {
+    e.preventDefault();
+  });
+
+  $$b('#toggle_stroke_tools').on('click', function () {
+    $$b('#tools_bottom').toggleClass('expanded');
+  });
+
+  (function () {
+    var wArea = workarea[0];
+
+    var lastX = null,
+        lastY = null,
+        panning = false,
+        keypan = false;
+
+    $$b('#svgcanvas').bind('mousemove mouseup', function (evt) {
+      if (panning === false) {
+        return;
+      }
+
+      wArea.scrollLeft -= evt.clientX - lastX;
+      wArea.scrollTop -= evt.clientY - lastY;
+
+      lastX = evt.clientX;
+      lastY = evt.clientY;
+
+      if (evt.type === 'mouseup') {
+        panning = false;
+      }
+      return false;
+    }).mousedown(function (evt) {
+      if (evt.button === 1 || keypan === true) {
+        panning = true;
+        lastX = evt.clientX;
+        lastY = evt.clientY;
+        return false;
+      }
+    });
+
+    $$b(window).mouseup(function () {
+      panning = false;
+    });
+
+    $$b(document).bind('keydown', 'space', function (evt) {
+      svgCanvas.spaceKey = keypan = true;
+      evt.preventDefault();
+    }).bind('keyup', 'space', function (evt) {
+      evt.preventDefault();
+      svgCanvas.spaceKey = keypan = false;
+    }).bind('keydown', 'shift', function (evt) {
+      if (svgCanvas.getMode() === 'zoom') {
+        workarea.css('cursor', zoomOutIcon);
+      }
+    }).bind('keyup', 'shift', function (evt) {
+      if (svgCanvas.getMode() === 'zoom') {
+        workarea.css('cursor', zoomInIcon);
+      }
+    });
+
+    /**
+    * @param {boolean} active
+    * @returns {undefined}
+    */
+    editor.setPanning = function (active) {
+      svgCanvas.spaceKey = keypan = active;
+    };
+  })();
+
+  (function () {
+    var button = $$b('#main_icon');
+    var overlay = $$b('#main_icon span');
+    var list = $$b('#main_menu');
+
+    var onButton = false;
+    var height = 0;
+    var jsHover = true;
+    var setClick = false;
+
+    /*
+    // Currently unused
+    const hideMenu = function () {
+      list.fadeOut(200);
+    };
+    */
+
+    $$b(window).mouseup(function (evt) {
+      if (!onButton) {
+        button.removeClass('buttondown');
+        // do not hide if it was the file input as that input needs to be visible
+        // for its change event to fire
+        if (evt.target.tagName !== 'INPUT') {
+          list.fadeOut(200);
+        } else if (!setClick) {
+          setClick = true;
+          $$b(evt.target).click(function () {
+            list.css('margin-left', '-9999px').show();
+          });
+        }
+      }
+      onButton = false;
+    }).mousedown(function (evt) {
+      // $('.contextMenu').hide();
+      var islib = $$b(evt.target).closest('div.tools_flyout, .contextMenu').length;
+      if (!islib) {
+        $$b('.tools_flyout:visible,.contextMenu').fadeOut(250);
+      }
+    });
+
+    overlay.bind('mousedown', function () {
+      if (!button.hasClass('buttondown')) {
+        // Margin must be reset in case it was changed before;
+        list.css('margin-left', 0).show();
+        if (!height) {
+          height = list.height();
+        }
+        // Using custom animation as slideDown has annoying 'bounce effect'
+        list.css('height', 0).animate({
+          height: height
+        }, 200);
+        onButton = true;
+      } else {
+        list.fadeOut(200);
+      }
+      button.toggleClass('buttondown buttonup');
+    }).hover(function () {
+      onButton = true;
+    }).mouseout(function () {
+      onButton = false;
+    });
+
+    var listItems = $$b('#main_menu li');
+
+    // Check if JS method of hovering needs to be used (Webkit bug)
+    listItems.mouseover(function () {
+      jsHover = $$b(this).css('background-color') === 'rgba(0, 0, 0, 0)';
+
+      listItems.unbind('mouseover');
+      if (jsHover) {
+        listItems.mouseover(function () {
+          this.style.backgroundColor = '#FFC';
+        }).mouseout(function () {
+          this.style.backgroundColor = 'transparent';
+          return true;
+        });
+      }
+    });
+  })();
+  // Made public for UI customization.
+  // TODO: Group UI functions into a public editor.ui interface.
+  /**
+   * See {@link http://api.jquery.com/bind/#bind-eventType-eventData-handler}
+   * @callback module:SVGEditor.DropDownCallback
+   * @param {external:jQuery.Event} ev See {@link http://api.jquery.com/Types/#Event}
+   * @listens external:jQuery.Event
+   * @returns {undefined|boolean} Calls `preventDefault()` and `stopPropagation()`
+  */
+  /**
+   * @param {Element|string} elem DOM Element or selector
+   * @param {module:SVGEditor.DropDownCallback} callback Mouseup callback
+   * @param {boolean} dropUp
+   * @returns {undefined}
+  */
+  editor.addDropDown = function (elem, callback, dropUp) {
+    if (!$$b(elem).length) {
+      return;
+    } // Quit if called on non-existent element
+    var button = $$b(elem).find('button');
+    var list = $$b(elem).find('ul').attr('id', $$b(elem)[0].id + '-list');
+    if (dropUp) {
+      $$b(elem).addClass('dropup');
+    } else {
+      // Move list to place where it can overflow container
+      $$b('#option_lists').append(list);
+    }
+    list.find('li').bind('mouseup', callback);
+
+    var onButton = false;
+    $$b(window).mouseup(function (evt) {
+      if (!onButton) {
+        button.removeClass('down');
+        list.hide();
+      }
+      onButton = false;
+    });
+
+    button.bind('mousedown', function () {
+      if (!button.hasClass('down')) {
+        if (!dropUp) {
+          var pos = $$b(elem).position();
+          list.css({
+            top: pos.top + 24,
+            left: pos.left - 10
+          });
+        }
+        list.show();
+        onButton = true;
+      } else {
+        list.hide();
+      }
+      button.toggleClass('down');
+    }).hover(function () {
+      onButton = true;
+    }).mouseout(function () {
+      onButton = false;
+    });
+  };
+
+  editor.addDropDown('#font_family_dropdown', function () {
+    $$b('#font_family').val($$b(this).text()).change();
+  });
+
+  editor.addDropDown('#opacity_dropdown', function () {
+    if ($$b(this).find('div').length) {
+      return;
+    }
+    var perc = parseInt($$b(this).text().split('%')[0], 10);
+    changeOpacity(false, perc);
+  }, true);
+
+  // For slider usage, see: http://jqueryui.com/demos/slider/
+  $$b('#opac_slider').slider({
+    start: function start() {
+      $$b('#opacity_dropdown li:not(.special)').hide();
+    },
+    stop: function stop() {
+      $$b('#opacity_dropdown li').show();
+      $$b(window).mouseup();
+    },
+    slide: function slide(evt, ui) {
+      changeOpacity(ui);
+    }
+  });
+
+  editor.addDropDown('#blur_dropdown', $$b.noop);
+
+  var slideStart = false;
+  $$b('#blur_slider').slider({
+    max: 10,
+    step: 0.1,
+    stop: function stop(evt, ui) {
+      slideStart = false;
+      changeBlur(ui);
+      $$b('#blur_dropdown li').show();
+      $$b(window).mouseup();
+    },
+    start: function start() {
+      slideStart = true;
+    },
+    slide: function slide(evt, ui) {
+      changeBlur(ui, null, slideStart);
+    }
+  });
+
+  editor.addDropDown('#zoom_dropdown', function () {
+    var item = $$b(this);
+    var val = item.data('val');
+    if (val) {
+      zoomChanged(window, val);
+    } else {
+      changeZoom({ value: parseFloat(item.text()) });
+    }
+  }, true);
+
+  addAltDropDown('#stroke_linecap', '#linecap_opts', function () {
+    setStrokeOpt(this, true);
+  }, { dropUp: true });
+
+  addAltDropDown('#stroke_linejoin', '#linejoin_opts', function () {
+    setStrokeOpt(this, true);
+  }, { dropUp: true });
+
+  addAltDropDown('#tool_position', '#position_opts', function () {
+    var letter = this.id.replace('tool_pos', '').charAt(0);
+    svgCanvas.alignSelectedElements(letter, 'page');
+  }, { multiclick: true });
+
+  /*
+   When a flyout icon is selected
+    (if flyout) {
+    - Change the icon
+    - Make pressing the button run its stuff
+    }
+    - Run its stuff
+   When its shortcut key is pressed
+    - If not current in list, do as above
+    , else:
+    - Just run its stuff
+   */
+
+  // Unfocus text input when workarea is mousedowned.
+  (function () {
+    var inp = void 0;
+    var unfocus = function unfocus() {
+      $$b(inp).blur();
+    };
+
+    $$b('#svg_editor').find('button, select, input:not(#text)').focus(function () {
+      inp = this;
+      uiContext = 'toolbars';
+      workarea.mousedown(unfocus);
+    }).blur(function () {
+      uiContext = 'canvas';
+      workarea.unbind('mousedown', unfocus);
+      // Go back to selecting text if in textedit mode
+      if (svgCanvas.getMode() === 'textedit') {
+        $$b('#text').focus();
+      }
+    });
+  })();
+
+  var clickFHPath = function clickFHPath() {
+    if (toolButtonClick('#tool_fhpath')) {
+      svgCanvas.setMode('fhpath');
+    }
+  };
+
+  var clickLine = function clickLine() {
+    if (toolButtonClick('#tool_line')) {
+      svgCanvas.setMode('line');
+    }
+  };
+
+  var clickSquare = function clickSquare() {
+    if (toolButtonClick('#tool_square')) {
+      svgCanvas.setMode('square');
+    }
+  };
+
+  var clickRect = function clickRect() {
+    if (toolButtonClick('#tool_rect')) {
+      svgCanvas.setMode('rect');
+    }
+  };
+
+  var clickFHRect = function clickFHRect() {
+    if (toolButtonClick('#tool_fhrect')) {
+      svgCanvas.setMode('fhrect');
+    }
+  };
+
+  var clickCircle = function clickCircle() {
+    if (toolButtonClick('#tool_circle')) {
+      svgCanvas.setMode('circle');
+    }
+  };
+
+  var clickEllipse = function clickEllipse() {
+    if (toolButtonClick('#tool_ellipse')) {
+      svgCanvas.setMode('ellipse');
+    }
+  };
+
+  var clickFHEllipse = function clickFHEllipse() {
+    if (toolButtonClick('#tool_fhellipse')) {
+      svgCanvas.setMode('fhellipse');
+    }
+  };
+
+  var clickImage = function clickImage() {
+    if (toolButtonClick('#tool_image')) {
+      svgCanvas.setMode('image');
+    }
+  };
+
+  var clickZoom = function clickZoom() {
+    if (toolButtonClick('#tool_zoom')) {
+      svgCanvas.setMode('zoom');
+      workarea.css('cursor', zoomInIcon);
+    }
+  };
+
+  var zoomImage = function zoomImage(multiplier) {
+    var res = svgCanvas.getResolution();
+    multiplier = multiplier ? res.zoom * multiplier : 1;
+    // setResolution(res.w * multiplier, res.h * multiplier, true);
+    $$b('#zoom').val(multiplier * 100);
+    svgCanvas.setZoom(multiplier);
+    zoomDone();
+    updateCanvas(true);
+  };
+
+  var dblclickZoom = function dblclickZoom() {
+    if (toolButtonClick('#tool_zoom')) {
+      zoomImage();
+      setSelectMode();
+    }
+  };
+
+  var clickText = function clickText() {
+    if (toolButtonClick('#tool_text')) {
+      svgCanvas.setMode('text');
+    }
+  };
+
+  var clickPath = function clickPath() {
+    if (toolButtonClick('#tool_path')) {
+      svgCanvas.setMode('path');
+    }
+  };
+
+  // Delete is a contextual tool that only appears in the ribbon if
+  // an element has been selected
+  var deleteSelected = function deleteSelected() {
+    if (selectedElement != null || multiselected) {
+      svgCanvas.deleteSelectedElements();
+    }
+  };
+
+  var cutSelected = function cutSelected() {
+    if (selectedElement != null || multiselected) {
+      svgCanvas.cutSelectedElements();
+    }
+  };
+
+  var copySelected = function copySelected() {
+    if (selectedElement != null || multiselected) {
+      svgCanvas.copySelectedElements();
+    }
+  };
+
+  var pasteInCenter = function pasteInCenter() {
+    var zoom = svgCanvas.getZoom();
+    var x = (workarea[0].scrollLeft + workarea.width() / 2) / zoom - svgCanvas.contentW;
+    var y = (workarea[0].scrollTop + workarea.height() / 2) / zoom - svgCanvas.contentH;
+    svgCanvas.pasteElements('point', x, y);
+  };
+
+  var moveToTopSelected = function moveToTopSelected() {
+    if (selectedElement != null) {
+      svgCanvas.moveToTopSelectedElement();
+    }
+  };
+
+  var moveToBottomSelected = function moveToBottomSelected() {
+    if (selectedElement != null) {
+      svgCanvas.moveToBottomSelectedElement();
+    }
+  };
+
+  var moveUpDownSelected = function moveUpDownSelected(dir) {
+    if (selectedElement != null) {
+      svgCanvas.moveUpDownSelected(dir);
+    }
+  };
+
+  var convertToPath$$1 = function convertToPath$$1() {
+    if (selectedElement != null) {
+      svgCanvas.convertToPath();
+    }
+  };
+
+  var reorientPath = function reorientPath() {
+    if (selectedElement != null) {
+      path.reorient();
+    }
+  };
+
+  var makeHyperlink = function makeHyperlink() {
+    if (selectedElement != null || multiselected) {
+      $$b.prompt(uiStrings$1.notification.enterNewLinkURL, 'http://', function (url) {
+        if (url) {
+          svgCanvas.makeHyperlink(url);
+        }
+      });
+    }
+  };
+
+  var moveSelected = function moveSelected(dx, dy) {
+    if (selectedElement != null || multiselected) {
+      if (curConfig.gridSnapping) {
+        // Use grid snap value regardless of zoom level
+        var multi = svgCanvas.getZoom() * curConfig.snappingStep;
+        dx *= multi;
+        dy *= multi;
+      }
+      svgCanvas.moveSelectedElements(dx, dy);
+    }
+  };
+
+  var linkControlPoints = function linkControlPoints() {
+    $$b('#tool_node_link').toggleClass('push_button_pressed tool_button');
+    var linked = $$b('#tool_node_link').hasClass('push_button_pressed');
+    path.linkControlPoints(linked);
+  };
+
+  var clonePathNode = function clonePathNode() {
+    if (path.getNodePoint()) {
+      path.clonePathNode();
+    }
+  };
+
+  var deletePathNode = function deletePathNode() {
+    if (path.getNodePoint()) {
+      path.deletePathNode();
+    }
+  };
+
+  var addSubPath = function addSubPath() {
+    var button = $$b('#tool_add_subpath');
+    var sp = !button.hasClass('push_button_pressed');
+    button.toggleClass('push_button_pressed tool_button');
+    path.addSubPath(sp);
+  };
+
+  var opencloseSubPath = function opencloseSubPath() {
+    path.opencloseSubPath();
+  };
+
+  var selectNext = function selectNext() {
+    svgCanvas.cycleElement(1);
+  };
+
+  var selectPrev = function selectPrev() {
+    svgCanvas.cycleElement(0);
+  };
+
+  var rotateSelected = function rotateSelected(cw, step) {
+    if (selectedElement == null || multiselected) {
+      return;
+    }
+    if (!cw) {
+      step *= -1;
+    }
+    var angle = parseFloat($$b('#angle').val()) + step;
+    svgCanvas.setRotationAngle(angle);
+    updateContextPanel();
+  };
+
+  /**
+   * @fires module:svgcanvas.SvgCanvas#event:ext-onNewDocument
+   * @returns {undefined}
+   */
+  var clickClear = function clickClear() {
+    var _curConfig$dimensions = slicedToArray(curConfig.dimensions, 2),
+        x = _curConfig$dimensions[0],
+        y = _curConfig$dimensions[1];
+
+    $$b.confirm(uiStrings$1.notification.QwantToClear, function (ok) {
+      if (!ok) {
+        return;
+      }
+      setSelectMode();
+      svgCanvas.clear();
+      svgCanvas.setResolution(x, y);
+      updateCanvas(true);
+      zoomImage();
+      populateLayers();
+      updateContextPanel();
+      prepPaints();
+      svgCanvas.runExtensions('onNewDocument');
+    });
+  };
+
+  var clickBold = function clickBold() {
+    svgCanvas.setBold(!svgCanvas.getBold());
+    updateContextPanel();
+    return false;
+  };
+
+  var clickItalic = function clickItalic() {
+    svgCanvas.setItalic(!svgCanvas.getItalic());
+    updateContextPanel();
+    return false;
+  };
+
+  var clickSave = function clickSave() {
+    // In the future, more options can be provided here
+    var saveOpts = {
+      images: $$b.pref('img_save'),
+      round_digits: 6
+    };
+    svgCanvas.save(saveOpts);
+  };
+
+  var loadingURL = void 0;
+  var clickExport = function clickExport() {
+    $$b.select('Select an image type for export: ', [
+    // See http://kangax.github.io/jstests/toDataUrl_mime_type_test/ for a useful list of MIME types and browser support
+    // 'ICO', // Todo: Find a way to preserve transparency in SVG-Edit if not working presently and do full packaging for x-icon; then switch back to position after 'PNG'
+    'PNG', 'JPEG', 'BMP', 'WEBP', 'PDF'], function (imgType) {
+      // todo: replace hard-coded msg with uiStrings.notification.
+      if (!imgType) {
+        return;
+      }
+      // Open placeholder window (prevents popup)
+      var exportWindowName = void 0;
+      function openExportWindow() {
+        var str = uiStrings$1.notification.loadingImage;
+        if (curConfig.exportWindowType === 'new') {
+          editor.exportWindowCt++;
+        }
+        exportWindowName = curConfig.canvasName + editor.exportWindowCt;
+        var popHTML = void 0,
+            popURL = void 0;
+        if (loadingURL) {
+          popURL = loadingURL;
+        } else {
+          popHTML = '<!DOCTYPE html><html>\n            <head>\n              <meta charset="utf-8">\n              <title>' + str + '</title>\n            </head>\n            <body><h1>' + str + '</h1></body>\n          <html>';
+          if ((typeof URL === 'undefined' ? 'undefined' : _typeof(URL)) && URL.createObjectURL) {
+            var blob = new Blob([popHTML], { type: 'text/html' });
+            popURL = URL.createObjectURL(blob);
+          } else {
+            popURL = 'data:text/html;base64;charset=utf-8,' + encode64(popHTML);
+          }
+          loadingURL = popURL;
+        }
+        exportWindow = window.open(popURL, exportWindowName);
+      }
+      if (imgType === 'PDF') {
+        if (!customExportPDF) {
+          openExportWindow();
+        }
+        svgCanvas.exportPDF(exportWindowName);
+      } else {
+        if (!customExportImage) {
+          openExportWindow();
+        }
+        var quality = parseInt($$b('#image-slider').val(), 10) / 100;
+        svgCanvas.rasterExport(imgType, quality, exportWindowName);
+      }
+    }, function () {
+      var sel = $$b(this);
+      if (sel.val() === 'JPEG' || sel.val() === 'WEBP') {
+        if (!$$b('#image-slider').length) {
+          $$b('<div><label>' + uiStrings$1.ui.quality + '\n              <input id="image-slider"\n                type="range" min="1" max="100" value="92" />\n            </label></div>').appendTo(sel.parent());
+        }
+      } else {
+        $$b('#image-slider').parent().remove();
+      }
+    });
+  };
+
+  // by default, svgCanvas.open() is a no-op.
+  // it is up to an extension mechanism (opera widget, etc)
+  // to call setCustomHandlers() which will make it do something
+  var clickOpen = function clickOpen() {
+    svgCanvas.open();
+  };
+
+  var clickImport = function clickImport() {};
+
+  var clickUndo = function clickUndo() {
+    if (undoMgr.getUndoStackSize() > 0) {
+      undoMgr.undo();
+      populateLayers();
+    }
+  };
+
+  var clickRedo = function clickRedo() {
+    if (undoMgr.getRedoStackSize() > 0) {
+      undoMgr.redo();
+      populateLayers();
+    }
+  };
+
+  var clickGroup = function clickGroup() {
+    // group
+    if (multiselected) {
+      svgCanvas.groupSelectedElements();
+      // ungroup
+    } else if (selectedElement) {
+      svgCanvas.ungroupSelectedElement();
+    }
+  };
+
+  var clickClone = function clickClone() {
+    svgCanvas.cloneSelectedElements(20, 20);
+  };
+
+  var clickAlign = function clickAlign() {
+    var letter = this.id.replace('tool_align', '').charAt(0);
+    svgCanvas.alignSelectedElements(letter, $$b('#align_relative_to').val());
+  };
+
+  var clickWireframe = function clickWireframe() {
+    $$b('#tool_wireframe').toggleClass('push_button_pressed tool_button');
+    workarea.toggleClass('wireframe');
+
+    if (supportsNonSS) {
+      return;
+    }
+    var wfRules = $$b('#wireframe_rules');
+    if (!wfRules.length) {
+      wfRules = $$b('<style id="wireframe_rules"></style>').appendTo('head');
+    } else {
+      wfRules.empty();
+    }
+
+    updateWireFrame();
+  };
+
+  $$b('#svg_docprops_container, #svg_prefs_container').draggable({
+    cancel: 'button,fieldset',
+    containment: 'window'
+  }).css('position', 'absolute');
+
+  var docprops = false;
+  var preferences = false;
+
+  var showDocProperties = function showDocProperties() {
+    if (docprops) {
+      return;
+    }
+    docprops = true;
+
+    // This selects the correct radio button by using the array notation
+    $$b('#image_save_opts input').val([$$b.pref('img_save')]);
+
+    // update resolution option with actual resolution
+    var res = svgCanvas.getResolution();
+    if (curConfig.baseUnit !== 'px') {
+      res.w = convertUnit(res.w) + curConfig.baseUnit;
+      res.h = convertUnit(res.h) + curConfig.baseUnit;
+    }
+
+    $$b('#canvas_width').val(res.w);
+    $$b('#canvas_height').val(res.h);
+    $$b('#canvas_title').val(svgCanvas.getDocumentTitle());
+
+    $$b('#svg_docprops').show();
+  };
+
+  var showPreferences = function showPreferences() {
+    if (preferences) {
+      return;
+    }
+    preferences = true;
+    $$b('#main_menu').hide();
+
+    // Update background color with current one
+    var blocks = $$b('#bg_blocks div');
+    var curBg = 'cur_background';
+    var canvasBg = curPrefs.bkgd_color;
+    var url = $$b.pref('bkgd_url');
+    blocks.each(function () {
+      var blk = $$b(this);
+      var isBg = blk.css('background-color') === canvasBg;
+      blk.toggleClass(curBg, isBg);
+      if (isBg) {
+        $$b('#canvas_bg_url').removeClass(curBg);
+      }
+    });
+    if (!canvasBg) {
+      blocks.eq(0).addClass(curBg);
+    }
+    if (url) {
+      $$b('#canvas_bg_url').val(url);
+    }
+    $$b('#grid_snapping_on').prop('checked', curConfig.gridSnapping);
+    $$b('#grid_snapping_step').attr('value', curConfig.snappingStep);
+    $$b('#grid_color').attr('value', curConfig.gridColor);
+
+    $$b('#svg_prefs').show();
+  };
+
+  var hideSourceEditor = function hideSourceEditor() {
+    $$b('#svg_source_editor').hide();
+    editingsource = false;
+    $$b('#svg_source_textarea').blur();
+  };
+
+  var saveSourceEditor = function saveSourceEditor() {
+    if (!editingsource) {
+      return;
+    }
+
+    var saveChanges = function saveChanges() {
+      svgCanvas.clearSelection();
+      hideSourceEditor();
+      zoomImage();
+      populateLayers();
+      updateTitle();
+      prepPaints();
+    };
+
+    if (!svgCanvas.setSvgString($$b('#svg_source_textarea').val())) {
+      $$b.confirm(uiStrings$1.notification.QerrorsRevertToSource, function (ok) {
+        if (!ok) {
+          return false;
+        }
+        saveChanges();
+      });
+    } else {
+      saveChanges();
+    }
+    setSelectMode();
+  };
+
+  var hideDocProperties = function hideDocProperties() {
+    $$b('#svg_docprops').hide();
+    $$b('#canvas_width,#canvas_height').removeAttr('disabled');
+    $$b('#resolution')[0].selectedIndex = 0;
+    $$b('#image_save_opts input').val([$$b.pref('img_save')]);
+    docprops = false;
+  };
+
+  var hidePreferences = function hidePreferences() {
+    $$b('#svg_prefs').hide();
+    preferences = false;
+  };
+
+  var saveDocProperties = function saveDocProperties() {
+    // set title
+    var newTitle = $$b('#canvas_title').val();
+    updateTitle(newTitle);
+    svgCanvas.setDocumentTitle(newTitle);
+
+    // update resolution
+    var width = $$b('#canvas_width'),
+        w = width.val();
+    var height = $$b('#canvas_height'),
+        h = height.val();
+
+    if (w !== 'fit' && !isValidUnit('width', w)) {
+      $$b.alert(uiStrings$1.notification.invalidAttrValGiven);
+      width.parent().addClass('error');
+      return false;
+    }
+
+    width.parent().removeClass('error');
+
+    if (h !== 'fit' && !isValidUnit('height', h)) {
+      $$b.alert(uiStrings$1.notification.invalidAttrValGiven);
+      height.parent().addClass('error');
+      return false;
+    }
+
+    height.parent().removeClass('error');
+
+    if (!svgCanvas.setResolution(w, h)) {
+      $$b.alert(uiStrings$1.notification.noContentToFitTo);
+      return false;
+    }
+
+    // Set image save option
+    $$b.pref('img_save', $$b('#image_save_opts :checked').val());
+    updateCanvas();
+    hideDocProperties();
+  };
+
+  /**
+  * Save user preferences based on current values in the UI
+  * @function module:SVGEditor.savePreferences
+  * @returns {undefined}
+  */
+  var savePreferences = editor.savePreferences = function () {
+    // Set background
+    var color = $$b('#bg_blocks div.cur_background').css('background-color') || '#FFF';
+    setBackground(color, $$b('#canvas_bg_url').val());
+
+    // set language
+    var lang = $$b('#lang_select').val();
+    if (lang !== $$b.pref('lang')) {
+      editor.putLocale(lang, goodLangs, curConfig);
+    }
+
+    // set icon size
+    setIconSize($$b('#iconsize').val());
+
+    // set grid setting
+    curConfig.gridSnapping = $$b('#grid_snapping_on')[0].checked;
+    curConfig.snappingStep = $$b('#grid_snapping_step').val();
+    curConfig.gridColor = $$b('#grid_color').val();
+    curConfig.showRulers = $$b('#show_rulers')[0].checked;
+
+    $$b('#rulers').toggle(curConfig.showRulers);
+    if (curConfig.showRulers) {
+      updateRulers();
+    }
+    curConfig.baseUnit = $$b('#base_unit').val();
+
+    svgCanvas.setConfig(curConfig);
+
+    updateCanvas();
+    hidePreferences();
+  };
+
+  var resetScrollPos = $$b.noop;
+
+  var cancelOverlays = function cancelOverlays() {
+    $$b('#dialog_box').hide();
+    if (!editingsource && !docprops && !preferences) {
+      if (curContext) {
+        svgCanvas.leaveContext();
+      }
+      return;
+    }
+
+    if (editingsource) {
+      if (origSource !== $$b('#svg_source_textarea').val()) {
+        $$b.confirm(uiStrings$1.notification.QignoreSourceChanges, function (ok) {
+          if (ok) {
+            hideSourceEditor();
+          }
+        });
+      } else {
+        hideSourceEditor();
+      }
+    } else if (docprops) {
+      hideDocProperties();
+    } else if (preferences) {
+      hidePreferences();
+    }
+    resetScrollPos();
+  };
+
+  var winWh = { width: $$b(window).width(), height: $$b(window).height() };
+
+  // Fix for Issue 781: Drawing area jumps to top-left corner on window resize (IE9)
+  if (isIE()) {
+    (function () {
+      resetScrollPos = function resetScrollPos() {
+        if (workarea[0].scrollLeft === 0 && workarea[0].scrollTop === 0) {
+          workarea[0].scrollLeft = curScrollPos.left;
+          workarea[0].scrollTop = curScrollPos.top;
+        }
+      };
+
+      curScrollPos = {
+        left: workarea[0].scrollLeft,
+        top: workarea[0].scrollTop
+      };
+
+      $$b(window).resize(resetScrollPos);
+      editor.ready(function () {
+        // TODO: Find better way to detect when to do this to minimize
+        // flickering effect
+        setTimeout(function () {
+          resetScrollPos();
+        }, 500);
+      });
+
+      workarea.scroll(function () {
+        curScrollPos = {
+          left: workarea[0].scrollLeft,
+          top: workarea[0].scrollTop
+        };
+      });
+    })();
+  }
+
+  $$b(window).resize(function (evt) {
+    $$b.each(winWh, function (type, val) {
+      var curval = $$b(window)[type]();
+      workarea[0]['scroll' + (type === 'width' ? 'Left' : 'Top')] -= (curval - val) / 2;
+      winWh[type] = curval;
+    });
+    setFlyoutPositions();
+  });
+
+  (function () {
+    workarea.scroll(function () {
+      // TODO: jQuery's scrollLeft/Top() wouldn't require a null check
+      if ($$b('#ruler_x').length) {
+        $$b('#ruler_x')[0].scrollLeft = workarea[0].scrollLeft;
+      }
+      if ($$b('#ruler_y').length) {
+        $$b('#ruler_y')[0].scrollTop = workarea[0].scrollTop;
+      }
+    });
+  })();
+
+  $$b('#url_notice').click(function () {
+    $$b.alert(this.title);
+  });
+
+  $$b('#change_image_url').click(promptImgURL);
+
+  // added these event handlers for all the push buttons so they
+  // behave more like buttons being pressed-in and not images
+  (function () {
+    var toolnames = ['clear', 'open', 'save', 'source', 'delete', 'delete_multi', 'paste', 'clone', 'clone_multi', 'move_top', 'move_bottom'];
+    var curClass = 'tool_button_current';
+
+    var allTools = '';
+
+    $$b.each(toolnames, function (i, item) {
+      allTools += (i ? ',' : '') + '#tool_' + item;
+    });
+
+    $$b(allTools).mousedown(function () {
+      $$b(this).addClass(curClass);
+    }).bind('mousedown mouseout', function () {
+      $$b(this).removeClass(curClass);
+    });
+
+    $$b('#tool_undo, #tool_redo').mousedown(function () {
+      if (!$$b(this).hasClass('disabled')) {
+        $$b(this).addClass(curClass);
+      }
+    }).bind('mousedown mouseout', function () {
+      $$b(this).removeClass(curClass);
+    });
+  })();
+
+  // switch modifier key in tooltips if mac
+  // NOTE: This code is not used yet until I can figure out how to successfully bind ctrl/meta
+  // in Opera and Chrome
+  if (isMac() && !window.opera) {
+    var shortcutButtons = ['tool_clear', 'tool_save', 'tool_source', 'tool_undo', 'tool_redo', 'tool_clone'];
+    var _i2 = shortcutButtons.length;
+    while (_i2--) {
+      var button = document.getElementById(shortcutButtons[_i2]);
+      if (button) {
+        var title = button.title;
+
+        var index = title.indexOf('Ctrl+');
+        button.title = [title.substr(0, index), 'Cmd+', title.substr(index + 5)].join('');
+      }
+    }
+  }
+
+  // TODO: go back to the color boxes having white background-color and then setting
+  //  background-image to none.png (otherwise partially transparent gradients look weird)
+  var colorPicker = function colorPicker(elem) {
+    var picker = elem.attr('id') === 'stroke_color' ? 'stroke' : 'fill';
+    // const opacity = (picker == 'stroke' ? $('#stroke_opacity') : $('#fill_opacity'));
+    var title = picker === 'stroke' ? uiStrings$1.ui.pick_stroke_paint_opacity : uiStrings$1.ui.pick_fill_paint_opacity;
+    // let wasNone = false; // Currently unused
+    var pos = elem.offset();
+    var paint = paintBox[picker].paint;
+
+    $$b('#color_picker').draggable({
+      cancel: '.jGraduate_tabs, .jGraduate_colPick, .jGraduate_gradPick, .jPicker',
+      containment: 'window'
+    }).css(curConfig.colorPickerCSS || { left: pos.left - 140, bottom: 40 }).jGraduate({
+      paint: paint,
+      window: { pickerTitle: title },
+      images: { clientPath: curConfig.jGraduatePath },
+      newstop: 'inverse'
+    }, function (p) {
+      paint = new $$b.jGraduate.Paint(p);
+      paintBox[picker].setPaint(paint);
+      svgCanvas.setPaint(picker, paint);
+      $$b('#color_picker').hide();
+    }, function () {
+      $$b('#color_picker').hide();
+    });
+  };
+
+  var PaintBox = function PaintBox(container, type) {
+    var paintColor = void 0,
+        paintOpacity = void 0;
+    var cur = curConfig[type === 'fill' ? 'initFill' : 'initStroke'];
+    // set up gradients to be used for the buttons
+    var svgdocbox = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg">\n        <rect width="16.5" height="16.5"\n          fill="#' + cur.color + '" opacity="' + cur.opacity + '"/>\n        <defs><linearGradient id="gradbox_"/></defs>\n      </svg>', 'text/xml');
+
+    var docElem = svgdocbox.documentElement;
+    docElem = $$b(container)[0].appendChild(document.importNode(docElem, true));
+    docElem.setAttribute('width', 16.5);
+
+    this.rect = docElem.firstElementChild;
+    this.defs = docElem.getElementsByTagName('defs')[0];
+    this.grad = this.defs.firstElementChild;
+    this.paint = new $$b.jGraduate.Paint({ solidColor: cur.color });
+    this.type = type;
+
+    this.setPaint = function (paint, apply) {
+      this.paint = paint;
+
+      var ptype = paint.type;
+      var opac = paint.alpha / 100;
+
+      var fillAttr = 'none';
+      switch (ptype) {
+        case 'solidColor':
+          fillAttr = paint[ptype] !== 'none' ? '#' + paint[ptype] : paint[ptype];
+          break;
+        case 'linearGradient':
+        case 'radialGradient':
+          this.grad.remove();
+          this.grad = this.defs.appendChild(paint[ptype]);
+          var id = this.grad.id = 'gradbox_' + this.type;
+          fillAttr = 'url(#' + id + ')';
+          break;
+      }
+
+      this.rect.setAttribute('fill', fillAttr);
+      this.rect.setAttribute('opacity', opac);
+
+      if (apply) {
+        svgCanvas.setColor(this.type, paintColor, true);
+        svgCanvas.setPaintOpacity(this.type, paintOpacity, true);
+      }
+    };
+
+    this.update = function (apply) {
+      if (!selectedElement) {
+        return;
+      }
+
+      var type = this.type;
+
+      switch (selectedElement.tagName) {
+        case 'use':
+        case 'image':
+        case 'foreignObject':
+          // These elements don't have fill or stroke, so don't change
+          // the current value
+          return;
+        case 'g':
+        case 'a':
+          {
+            var childs = selectedElement.getElementsByTagName('*');
+
+            var gPaint = null;
+            for (var _i3 = 0, len = childs.length; _i3 < len; _i3++) {
+              var elem = childs[_i3];
+              var p = elem.getAttribute(type);
+              if (_i3 === 0) {
+                gPaint = p;
+              } else if (gPaint !== p) {
+                gPaint = null;
+                break;
+              }
+            }
+
+            if (gPaint === null) {
+              // No common color, don't update anything
+              paintColor = null;
+              return;
+            }
+            paintColor = gPaint;
+            paintOpacity = 1;
+            break;
+          }default:
+          paintOpacity = parseFloat(selectedElement.getAttribute(type + '-opacity'));
+          if (isNaN(paintOpacity)) {
+            paintOpacity = 1.0;
+          }
+
+          var defColor = type === 'fill' ? 'black' : 'none';
+          paintColor = selectedElement.getAttribute(type) || defColor;
+      }
+
+      if (apply) {
+        svgCanvas.setColor(type, paintColor, true);
+        svgCanvas.setPaintOpacity(type, paintOpacity, true);
+      }
+
+      paintOpacity *= 100;
+
+      var paint = getPaint(paintColor, paintOpacity, type);
+      // update the rect inside #fill_color/#stroke_color
+      this.setPaint(paint);
+    };
+
+    this.prep = function () {
+      var ptype = this.paint.type;
+
+      switch (ptype) {
+        case 'linearGradient':
+        case 'radialGradient':
+          var paint = new $$b.jGraduate.Paint({ copy: this.paint });
+          svgCanvas.setPaint(type, paint);
+          break;
+      }
+    };
+  };
+
+  paintBox.fill = new PaintBox('#fill_color', 'fill');
+  paintBox.stroke = new PaintBox('#stroke_color', 'stroke');
+
+  $$b('#stroke_width').val(curConfig.initStroke.width);
+  $$b('#group_opacity').val(curConfig.initOpacity * 100);
+
+  // Use this SVG elem to test vectorEffect support
+  var testEl = paintBox.fill.rect.cloneNode(false);
+  testEl.setAttribute('style', 'vector-effect:non-scaling-stroke');
+  var supportsNonSS = testEl.style.vectorEffect === 'non-scaling-stroke';
+  testEl.removeAttribute('style');
+  var svgdocbox = paintBox.fill.rect.ownerDocument;
+  // Use this to test support for blur element. Seems to work to test support in Webkit
+  var blurTest = svgdocbox.createElementNS(NS.SVG, 'feGaussianBlur');
+  if (blurTest.stdDeviationX === undefined) {
+    $$b('#tool_blur').hide();
+  }
+  $$b(blurTest).remove();
+
+  // Test for zoom icon support
+  (function () {
+    var pre = '-' + uaPrefix.toLowerCase() + '-zoom-';
+    var zoom = pre + 'in';
+    workarea.css('cursor', zoom);
+    if (workarea.css('cursor') === zoom) {
+      zoomInIcon = zoom;
+      zoomOutIcon = pre + 'out';
+    }
+    workarea.css('cursor', 'auto');
+  })();
+
+  // Test for embedImage support (use timeout to not interfere with page load)
+  setTimeout(function () {
+    svgCanvas.embedImage('images/logo.png', function (datauri) {
+      if (!datauri) {
+        // Disable option
+        $$b('#image_save_opts [value=embed]').attr('disabled', 'disabled');
+        $$b('#image_save_opts input').val(['ref']);
+        $$b.pref('img_save', 'ref');
+        $$b('#image_opt_embed').css('color', '#666').attr('title', uiStrings$1.notification.featNotSupported);
+      }
+    });
+  }, 1000);
+
+  $$b('#fill_color, #tool_fill .icon_label').click(function () {
+    colorPicker($$b('#fill_color'));
+    updateToolButtonState();
+  });
+
+  $$b('#stroke_color, #tool_stroke .icon_label').click(function () {
+    colorPicker($$b('#stroke_color'));
+    updateToolButtonState();
+  });
+
+  $$b('#group_opacityLabel').click(function () {
+    $$b('#opacity_dropdown button').mousedown();
+    $$b(window).mouseup();
+  });
+
+  $$b('#zoomLabel').click(function () {
+    $$b('#zoom_dropdown button').mousedown();
+    $$b(window).mouseup();
+  });
+
+  $$b('#tool_move_top').mousedown(function (evt) {
+    $$b('#tools_stacking').show();
+    evt.preventDefault();
+  });
+
+  $$b('.layer_button').mousedown(function () {
+    $$b(this).addClass('layer_buttonpressed');
+  }).mouseout(function () {
+    $$b(this).removeClass('layer_buttonpressed');
+  }).mouseup(function () {
+    $$b(this).removeClass('layer_buttonpressed');
+  });
+
+  $$b('.push_button').mousedown(function () {
+    if (!$$b(this).hasClass('disabled')) {
+      $$b(this).addClass('push_button_pressed').removeClass('push_button');
+    }
+  }).mouseout(function () {
+    $$b(this).removeClass('push_button_pressed').addClass('push_button');
+  }).mouseup(function () {
+    $$b(this).removeClass('push_button_pressed').addClass('push_button');
+  });
+
+  // ask for a layer name
+  $$b('#layer_new').click(function () {
+    var uniqName = void 0,
+        i = svgCanvas.getCurrentDrawing().getNumLayers();
+    do {
+      uniqName = uiStrings$1.layers.layer + ' ' + ++i;
+    } while (svgCanvas.getCurrentDrawing().hasLayer(uniqName));
+
+    $$b.prompt(uiStrings$1.notification.enterUniqueLayerName, uniqName, function (newName) {
+      if (!newName) {
+        return;
+      }
+      if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+        $$b.alert(uiStrings$1.notification.dupeLayerName);
+        return;
+      }
+      svgCanvas.createLayer(newName);
+      updateContextPanel();
+      populateLayers();
+    });
+  });
+
+  function deleteLayer() {
+    if (svgCanvas.deleteCurrentLayer()) {
+      updateContextPanel();
+      populateLayers();
+      // This matches what SvgCanvas does
+      // TODO: make this behavior less brittle (svg-editor should get which
+      // layer is selected from the canvas and then select that one in the UI)
+      $$b('#layerlist tr.layer').removeClass('layersel');
+      $$b('#layerlist tr.layer:first').addClass('layersel');
+    }
+  }
+
+  function cloneLayer() {
+    var name = svgCanvas.getCurrentDrawing().getCurrentLayerName() + ' copy';
+
+    $$b.prompt(uiStrings$1.notification.enterUniqueLayerName, name, function (newName) {
+      if (!newName) {
+        return;
+      }
+      if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+        $$b.alert(uiStrings$1.notification.dupeLayerName);
+        return;
+      }
+      svgCanvas.cloneLayer(newName);
+      updateContextPanel();
+      populateLayers();
+    });
+  }
+
+  function mergeLayer() {
+    if ($$b('#layerlist tr.layersel').index() === svgCanvas.getCurrentDrawing().getNumLayers() - 1) {
+      return;
+    }
+    svgCanvas.mergeLayer();
+    updateContextPanel();
+    populateLayers();
+  }
+
+  function moveLayer(pos) {
+    var total = svgCanvas.getCurrentDrawing().getNumLayers();
+
+    var curIndex = $$b('#layerlist tr.layersel').index();
+    if (curIndex > 0 || curIndex < total - 1) {
+      curIndex += pos;
+      svgCanvas.setCurrentLayerPosition(total - curIndex - 1);
+      populateLayers();
+    }
+  }
+
+  $$b('#layer_delete').click(deleteLayer);
+
+  $$b('#layer_up').click(function () {
+    moveLayer(-1);
+  });
+
+  $$b('#layer_down').click(function () {
+    moveLayer(1);
+  });
+
+  $$b('#layer_rename').click(function () {
+    // const curIndex = $('#layerlist tr.layersel').prevAll().length; // Currently unused
+    var oldName = $$b('#layerlist tr.layersel td.layername').text();
+    $$b.prompt(uiStrings$1.notification.enterNewLayerName, '', function (newName) {
+      if (!newName) {
+        return;
+      }
+      if (oldName === newName || svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+        $$b.alert(uiStrings$1.notification.layerHasThatName);
+        return;
+      }
+
+      svgCanvas.renameCurrentLayer(newName);
+      populateLayers();
+    });
+  });
+
+  var SIDEPANEL_MAXWIDTH = 300;
+  var SIDEPANEL_OPENWIDTH = 150;
+  var sidedrag = -1,
+      sidedragging = false,
+      allowmove = false;
+
+  /**
+   * @param {Float} delta
+   * @fires module:svgcanvas.SvgCanvas#event:ext-workareaResized
+   * @returns {undefined}
+   */
+  var changeSidePanelWidth = function changeSidePanelWidth(delta) {
+    var rulerX = $$b('#ruler_x');
+    $$b('#sidepanels').width('+=' + delta);
+    $$b('#layerpanel').width('+=' + delta);
+    rulerX.css('right', parseInt(rulerX.css('right'), 10) + delta);
+    workarea.css('right', parseInt(workarea.css('right'), 10) + delta);
+    svgCanvas.runExtensions('workareaResized');
+  };
+
+  var resizeSidePanel = function resizeSidePanel(evt) {
+    if (!allowmove) {
+      return;
+    }
+    if (sidedrag === -1) {
+      return;
+    }
+    sidedragging = true;
+    var deltaX = sidedrag - evt.pageX;
+    var sideWidth = $$b('#sidepanels').width();
+    if (sideWidth + deltaX > SIDEPANEL_MAXWIDTH) {
+      deltaX = SIDEPANEL_MAXWIDTH - sideWidth;
+      sideWidth = SIDEPANEL_MAXWIDTH;
+    } else if (sideWidth + deltaX < 2) {
+      deltaX = 2 - sideWidth;
+      sideWidth = 2;
+    }
+    if (deltaX === 0) {
+      return;
+    }
+    sidedrag -= deltaX;
+    changeSidePanelWidth(deltaX);
+  };
+
+  /**
+   * If width is non-zero, then fully close it, otherwise fully open it
+   * @param {boolean} close Forces the side panel closed
+   * @returns {undefined}
+   */
+  var toggleSidePanel = function toggleSidePanel(close) {
+    var w = $$b('#sidepanels').width();
+    var deltaX = (w > 2 || close ? 2 : SIDEPANEL_OPENWIDTH) - w;
+    changeSidePanelWidth(deltaX);
+  };
+
+  $$b('#sidepanel_handle').mousedown(function (evt) {
+    sidedrag = evt.pageX;
+    $$b(window).mousemove(resizeSidePanel);
+    allowmove = false;
+    // Silly hack for Chrome, which always runs mousemove right after mousedown
+    setTimeout(function () {
+      allowmove = true;
+    }, 20);
+  }).mouseup(function (evt) {
+    if (!sidedragging) {
+      toggleSidePanel();
+    }
+    sidedrag = -1;
+    sidedragging = false;
+  });
+
+  $$b(window).mouseup(function () {
+    sidedrag = -1;
+    sidedragging = false;
+    $$b('#svg_editor').unbind('mousemove', resizeSidePanel);
+  });
+
+  populateLayers();
+
+  // function changeResolution (x,y) {
+  //   const {zoom} = svgCanvas.getResolution();
+  //   setResolution(x * zoom, y * zoom);
+  // }
+
+  var centerCanvas = function centerCanvas() {
+    // this centers the canvas vertically in the workarea (horizontal handled in CSS)
+    workarea.css('line-height', workarea.height() + 'px');
+  };
+
+  $$b(window).bind('load resize', centerCanvas);
+
+  function stepFontSize(elem, step) {
+    var origVal = Number(elem.value);
+    var sugVal = origVal + step;
+    var increasing = sugVal >= origVal;
+    if (step === 0) {
+      return origVal;
+    }
+
+    if (origVal >= 24) {
+      if (increasing) {
+        return Math.round(origVal * 1.1);
+      }
+      return Math.round(origVal / 1.1);
+    }
+    if (origVal <= 1) {
+      if (increasing) {
+        return origVal * 2;
+      }
+      return origVal / 2;
+    }
+    return sugVal;
+  }
+
+  function stepZoom(elem, step) {
+    var origVal = Number(elem.value);
+    if (origVal === 0) {
+      return 100;
+    }
+    var sugVal = origVal + step;
+    if (step === 0) {
+      return origVal;
+    }
+
+    if (origVal >= 100) {
+      return sugVal;
+    }
+    if (sugVal >= origVal) {
+      return origVal * 2;
+    }
+    return origVal / 2;
+  }
+
+  // function setResolution (w, h, center) {
+  //   updateCanvas();
+  //   // w -= 0; h -= 0;
+  //   // $('#svgcanvas').css({width: w, height: h});
+  //   // $('#canvas_width').val(w);
+  //   // $('#canvas_height').val(h);
+  //   //
+  //   // if (center) {
+  //   //   const wArea = workarea;
+  //   //   const scrollY = h/2 - wArea.height()/2;
+  //   //   const scrollX = w/2 - wArea.width()/2;
+  //   //   wArea[0].scrollTop = scrollY;
+  //   //   wArea[0].scrollLeft = scrollX;
+  //   // }
+  // }
+
+  $$b('#resolution').change(function () {
+    var wh = $$b('#canvas_width,#canvas_height');
+    if (!this.selectedIndex) {
+      if ($$b('#canvas_width').val() === 'fit') {
+        wh.removeAttr('disabled').val(100);
+      }
+    } else if (this.value === 'content') {
+      wh.val('fit').attr('disabled', 'disabled');
+    } else {
+      var dims = this.value.split('x');
+      $$b('#canvas_width').val(dims[0]);
+      $$b('#canvas_height').val(dims[1]);
+      wh.removeAttr('disabled');
+    }
+  });
+
+  // Prevent browser from erroneously repopulating fields
+  $$b('input,select').attr('autocomplete', 'off');
+
+  /**
+   * Associate all button actions as well as non-button keyboard shortcuts
+   * @namespace {PlainObject} module:SVGEditor~Actions
+   */
+  var Actions = function () {
+    /**
+    * @typedef {PlainObject} module:SVGEditor.ToolButton
+    * @property {string} sel The CSS selector for the tool
+    * @property {external:jQuery.Function} fn A handler to be attached to the `evt`
+    * @property {string} evt The event for which the `fn` listener will be added
+    * @property {module:SVGEditor.Key} [key] [key, preventDefault, NoDisableInInput]
+    * @property {string} [parent] Selector
+    * @property {boolean} [hidekey] Whether to show key value in title
+    * @property {string} [icon] The button ID
+    * @property {boolean} isDefault For flyout holders
+    */
+    /**
+     *
+     * @name module:SVGEditor~ToolButtons
+     * @type {module:SVGEditor.ToolButton[]}
+     */
+    var toolButtons = [{ sel: '#tool_select', fn: clickSelect, evt: 'click', key: ['V', true] }, { sel: '#tool_fhpath', fn: clickFHPath, evt: 'click', key: ['Q', true] }, { sel: '#tool_line', fn: clickLine, evt: 'click', key: ['L', true], parent: '#tools_line', prepend: true }, { sel: '#tool_rect', fn: clickRect, evt: 'mouseup',
+      key: ['R', true], parent: '#tools_rect', icon: 'rect' }, { sel: '#tool_square', fn: clickSquare, evt: 'mouseup',
+      parent: '#tools_rect', icon: 'square' }, { sel: '#tool_fhrect', fn: clickFHRect, evt: 'mouseup',
+      parent: '#tools_rect', icon: 'fh_rect' }, { sel: '#tool_ellipse', fn: clickEllipse, evt: 'mouseup',
+      key: ['E', true], parent: '#tools_ellipse', icon: 'ellipse' }, { sel: '#tool_circle', fn: clickCircle, evt: 'mouseup',
+      parent: '#tools_ellipse', icon: 'circle' }, { sel: '#tool_fhellipse', fn: clickFHEllipse, evt: 'mouseup',
+      parent: '#tools_ellipse', icon: 'fh_ellipse' }, { sel: '#tool_path', fn: clickPath, evt: 'click', key: ['P', true] }, { sel: '#tool_text', fn: clickText, evt: 'click', key: ['T', true] }, { sel: '#tool_image', fn: clickImage, evt: 'mouseup' }, { sel: '#tool_zoom', fn: clickZoom, evt: 'mouseup', key: ['Z', true] }, { sel: '#tool_clear', fn: clickClear, evt: 'mouseup', key: ['N', true] }, { sel: '#tool_save', fn: function fn() {
+        if (editingsource) {
+          saveSourceEditor();
+        } else {
+          clickSave();
+        }
+      },
+      evt: 'mouseup', key: ['S', true] }, { sel: '#tool_export', fn: clickExport, evt: 'mouseup' }, { sel: '#tool_open', fn: clickOpen, evt: 'mouseup', key: ['O', true] }, { sel: '#tool_import', fn: clickImport, evt: 'mouseup' }, { sel: '#tool_source', fn: showSourceEditor, evt: 'click', key: ['U', true] }, { sel: '#tool_wireframe', fn: clickWireframe, evt: 'click', key: ['F', true] }, { sel: '#tool_source_cancel,.overlay,#tool_docprops_cancel,#tool_prefs_cancel',
+      fn: cancelOverlays, evt: 'click', key: ['esc', false, false], hidekey: true }, { sel: '#tool_source_save', fn: saveSourceEditor, evt: 'click' }, { sel: '#tool_docprops_save', fn: saveDocProperties, evt: 'click' }, { sel: '#tool_docprops', fn: showDocProperties, evt: 'mouseup' }, { sel: '#tool_prefs_save', fn: savePreferences, evt: 'click' }, { sel: '#tool_prefs_option', fn: function fn() {
+        showPreferences();return false;
+      },
+      evt: 'mouseup' }, { sel: '#tool_delete,#tool_delete_multi', fn: deleteSelected,
+      evt: 'click', key: ['del/backspace', true] }, { sel: '#tool_reorient', fn: reorientPath, evt: 'click' }, { sel: '#tool_node_link', fn: linkControlPoints, evt: 'click' }, { sel: '#tool_node_clone', fn: clonePathNode, evt: 'click' }, { sel: '#tool_node_delete', fn: deletePathNode, evt: 'click' }, { sel: '#tool_openclose_path', fn: opencloseSubPath, evt: 'click' }, { sel: '#tool_add_subpath', fn: addSubPath, evt: 'click' }, { sel: '#tool_move_top', fn: moveToTopSelected, evt: 'click', key: 'ctrl+shift+]' }, { sel: '#tool_move_bottom', fn: moveToBottomSelected, evt: 'click', key: 'ctrl+shift+[' }, { sel: '#tool_topath', fn: convertToPath$$1, evt: 'click' }, { sel: '#tool_make_link,#tool_make_link_multi', fn: makeHyperlink, evt: 'click' }, { sel: '#tool_undo', fn: clickUndo, evt: 'click' }, { sel: '#tool_redo', fn: clickRedo, evt: 'click' }, { sel: '#tool_clone,#tool_clone_multi', fn: clickClone, evt: 'click', key: ['D', true] }, { sel: '#tool_group_elements', fn: clickGroup, evt: 'click', key: ['G', true] }, { sel: '#tool_ungroup', fn: clickGroup, evt: 'click' }, { sel: '#tool_unlink_use', fn: clickGroup, evt: 'click' }, { sel: '[id^=tool_align]', fn: clickAlign, evt: 'click' },
+    // these two lines are required to make Opera work properly with the flyout mechanism
+    // {sel: '#tools_rect_show', fn: clickRect, evt: 'click'},
+    // {sel: '#tools_ellipse_show', fn: clickEllipse, evt: 'click'},
+    { sel: '#tool_bold', fn: clickBold, evt: 'mousedown' }, { sel: '#tool_italic', fn: clickItalic, evt: 'mousedown' }, { sel: '#sidepanel_handle', fn: toggleSidePanel, key: ['X'] }, { sel: '#copy_save_done', fn: cancelOverlays, evt: 'click' },
+
+    // Shortcuts not associated with buttons
+
+    { key: 'ctrl+left', fn: function fn() {
+        rotateSelected(0, 1);
+      }
+    }, { key: 'ctrl+right', fn: function fn() {
+        rotateSelected(1, 1);
+      }
+    }, { key: 'ctrl+shift+left', fn: function fn() {
+        rotateSelected(0, 5);
+      }
+    }, { key: 'ctrl+shift+right', fn: function fn() {
+        rotateSelected(1, 5);
+      }
+    }, { key: 'shift+O', fn: selectPrev }, { key: 'shift+P', fn: selectNext }, { key: [modKey + 'up', true], fn: function fn() {
+        zoomImage(2);
+      }
+    }, { key: [modKey + 'down', true], fn: function fn() {
+        zoomImage(0.5);
+      }
+    }, { key: [modKey + ']', true], fn: function fn() {
+        moveUpDownSelected('Up');
+      }
+    }, { key: [modKey + '[', true], fn: function fn() {
+        moveUpDownSelected('Down');
+      }
+    }, { key: ['up', true], fn: function fn() {
+        moveSelected(0, -1);
+      }
+    }, { key: ['down', true], fn: function fn() {
+        moveSelected(0, 1);
+      }
+    }, { key: ['left', true], fn: function fn() {
+        moveSelected(-1, 0);
+      }
+    }, { key: ['right', true], fn: function fn() {
+        moveSelected(1, 0);
+      }
+    }, { key: 'shift+up', fn: function fn() {
+        moveSelected(0, -10);
+      }
+    }, { key: 'shift+down', fn: function fn() {
+        moveSelected(0, 10);
+      }
+    }, { key: 'shift+left', fn: function fn() {
+        moveSelected(-10, 0);
+      }
+    }, { key: 'shift+right', fn: function fn() {
+        moveSelected(10, 0);
+      }
+    }, { key: ['alt+up', true], fn: function fn() {
+        svgCanvas.cloneSelectedElements(0, -1);
+      }
+    }, { key: ['alt+down', true], fn: function fn() {
+        svgCanvas.cloneSelectedElements(0, 1);
+      }
+    }, { key: ['alt+left', true], fn: function fn() {
+        svgCanvas.cloneSelectedElements(-1, 0);
+      }
+    }, { key: ['alt+right', true], fn: function fn() {
+        svgCanvas.cloneSelectedElements(1, 0);
+      }
+    }, { key: ['alt+shift+up', true], fn: function fn() {
+        svgCanvas.cloneSelectedElements(0, -10);
+      }
+    }, { key: ['alt+shift+down', true], fn: function fn() {
+        svgCanvas.cloneSelectedElements(0, 10);
+      }
+    }, { key: ['alt+shift+left', true], fn: function fn() {
+        svgCanvas.cloneSelectedElements(-10, 0);
+      }
+    }, { key: ['alt+shift+right', true], fn: function fn() {
+        svgCanvas.cloneSelectedElements(10, 0);
+      }
+    }, { key: 'A', fn: function fn() {
+        svgCanvas.selectAllInCurrentLayer();
+      }
+    },
+
+    // Standard shortcuts
+    { key: modKey + 'z', fn: clickUndo }, { key: modKey + 'shift+z', fn: clickRedo }, { key: modKey + 'y', fn: clickRedo }, { key: modKey + 'x', fn: cutSelected }, { key: modKey + 'c', fn: copySelected }, { key: modKey + 'v', fn: pasteInCenter }];
+
+    // Tooltips not directly associated with a single function
+    var keyAssocs = {
+      '4/Shift+4': '#tools_rect_show',
+      '5/Shift+5': '#tools_ellipse_show'
+    };
+
+    return {
+      /** @lends module:SVGEditor~Actions */
+      /**
+       * @returns {undefined}
+       */
+      setAll: function setAll() {
+        var flyouts = {};
+
+        $$b.each(toolButtons, function (i, opts) {
+          // Bind function to button
+          var btn = void 0;
+          if (opts.sel) {
+            btn = $$b(opts.sel);
+            if (!btn.length) {
+              return true;
+            } // Skip if markup does not exist
+            if (opts.evt) {
+              if (isTouch() && opts.evt === 'click') {
+                opts.evt = 'mousedown';
+              }
+              btn[opts.evt](opts.fn);
+            }
+
+            // Add to parent flyout menu, if able to be displayed
+            if (opts.parent && $$b(opts.parent + '_show').length) {
+              var fH = $$b(opts.parent);
+              if (!fH.length) {
+                fH = makeFlyoutHolder(opts.parent.substr(1));
+              }
+              if (opts.prepend) {
+                btn[0].style.margin = 'initial';
+              }
+              fH[opts.prepend ? 'prepend' : 'append'](btn);
+
+              if (!Array.isArray(flyouts[opts.parent])) {
+                flyouts[opts.parent] = [];
+              }
+              flyouts[opts.parent].push(opts);
+            }
+          }
+
+          // Bind function to shortcut key
+          if (opts.key) {
+            // Set shortcut based on options
+            var keyval = void 0,
+
+            // disInInp = true,
+            pd = false;
+            if (Array.isArray(opts.key)) {
+              keyval = opts.key[0];
+              if (opts.key.length > 1) {
+                pd = opts.key[1];
+              }
+              // if (opts.key.length > 2) { disInInp = opts.key[2]; }
+            } else {
+              keyval = opts.key;
+            }
+            keyval += '';
+
+            var fn = opts.fn;
+
+            $$b.each(keyval.split('/'), function (i, key) {
+              $$b(document).bind('keydown', key, function (e) {
+                fn();
+                if (pd) {
+                  e.preventDefault();
+                }
+                // Prevent default on ALL keys?
+                return false;
+              });
+            });
+
+            // Put shortcut in title
+            if (opts.sel && !opts.hidekey && btn.attr('title')) {
+              var newTitle = btn.attr('title').split('[')[0] + ' (' + keyval + ')';
+              keyAssocs[keyval] = opts.sel;
+              // Disregard for menu items
+              if (!btn.parents('#main_menu').length) {
+                btn.attr('title', newTitle);
+              }
+            }
+          }
+        });
+
+        // Setup flyouts
+        setupFlyouts(flyouts);
+
+        // Misc additional actions
+
+        // Make 'return' keypress trigger the change event
+        $$b('.attr_changer, #image_url').bind('keydown', 'return', function (evt) {
+          $$b(this).change();
+          evt.preventDefault();
+        });
+
+        $$b(window).bind('keydown', 'tab', function (e) {
+          if (uiContext === 'canvas') {
+            e.preventDefault();
+            selectNext();
+          }
+        }).bind('keydown', 'shift+tab', function (e) {
+          if (uiContext === 'canvas') {
+            e.preventDefault();
+            selectPrev();
+          }
+        });
+
+        $$b('#tool_zoom').dblclick(dblclickZoom);
+      },
+
+      /**
+       * @returns {undefined}
+       */
+      setTitles: function setTitles() {
+        $$b.each(keyAssocs, function (keyval, sel) {
+          var menu = $$b(sel).parents('#main_menu').length;
+
+          $$b(sel).each(function () {
+            var t = void 0;
+            if (menu) {
+              t = $$b(this).text().split(' [')[0];
+            } else {
+              t = this.title.split(' [')[0];
+            }
+            var keyStr = '';
+            // Shift+Up
+            $$b.each(keyval.split('/'), function (i, key) {
+              var modBits = key.split('+');
+              var mod = '';
+              if (modBits.length > 1) {
+                mod = modBits[0] + '+';
+                key = modBits[1];
+              }
+              keyStr += (i ? '/' : '') + mod + (uiStrings$1['key_' + key] || key);
+            });
+            if (menu) {
+              this.lastChild.textContent = t + ' [' + keyStr + ']';
+            } else {
+              this.title = t + ' [' + keyStr + ']';
+            }
+          });
+        });
+      },
+
+      /**
+       * @param {string} sel Selector to match
+       * @returns {module:SVGEditor.ToolButton}
+       */
+      getButtonData: function getButtonData(sel) {
+        return Object.values(toolButtons).find(function (btn) {
+          return btn.sel === sel;
+        });
+      }
+    };
+  }();
+
+  // Select given tool
+  editor.ready(function () {
+    var tool = void 0;
+    var itool = curConfig.initTool,
+        container = $$b('#tools_left, #svg_editor .tools_flyout'),
+        preTool = container.find('#tool_' + itool),
+        regTool = container.find('#' + itool);
+    if (preTool.length) {
+      tool = preTool;
+    } else if (regTool.length) {
+      tool = regTool;
+    } else {
+      tool = $$b('#tool_select');
+    }
+    tool.click().mouseup();
+
+    if (curConfig.wireframe) {
+      $$b('#tool_wireframe').click();
+    }
+
+    if (curConfig.showlayers) {
+      toggleSidePanel();
+    }
+
+    $$b('#rulers').toggle(!!curConfig.showRulers);
+
+    if (curConfig.showRulers) {
+      $$b('#show_rulers')[0].checked = true;
+    }
+
+    if (curConfig.baseUnit) {
+      $$b('#base_unit').val(curConfig.baseUnit);
+    }
+
+    if (curConfig.gridSnapping) {
+      $$b('#grid_snapping_on')[0].checked = true;
+    }
+
+    if (curConfig.snappingStep) {
+      $$b('#grid_snapping_step').val(curConfig.snappingStep);
+    }
+
+    if (curConfig.gridColor) {
+      $$b('#grid_color').val(curConfig.gridColor);
+    }
+  });
+
+  // init SpinButtons
+  $$b('#rect_rx').SpinButton({ min: 0, max: 1000, stateObj: stateObj, callback: changeRectRadius });
+  $$b('#stroke_width').SpinButton({ min: 0, max: 99, smallStep: 0.1, stateObj: stateObj, callback: changeStrokeWidth });
+  $$b('#angle').SpinButton({ min: -180, max: 180, step: 5, stateObj: stateObj, callback: changeRotationAngle });
+  $$b('#font_size').SpinButton({ min: 0.001, stepfunc: stepFontSize, stateObj: stateObj, callback: changeFontSize });
+  $$b('#group_opacity').SpinButton({ min: 0, max: 100, step: 5, stateObj: stateObj, callback: changeOpacity });
+  $$b('#blur').SpinButton({ min: 0, max: 10, step: 0.1, stateObj: stateObj, callback: changeBlur });
+  $$b('#zoom').SpinButton({ min: 0.001, max: 10000, step: 50, stepfunc: stepZoom, stateObj: stateObj, callback: changeZoom })
+  // Set default zoom
+  .val(svgCanvas.getZoom() * 100);
+
+  $$b('#workarea').contextMenu({
+    menu: 'cmenu_canvas',
+    inSpeed: 0
+  }, function (action, el, pos) {
+    switch (action) {
+      case 'delete':
+        deleteSelected();
+        break;
+      case 'cut':
+        cutSelected();
+        break;
+      case 'copy':
+        copySelected();
+        break;
+      case 'paste':
+        svgCanvas.pasteElements();
+        break;
+      case 'paste_in_place':
+        svgCanvas.pasteElements('in_place');
+        break;
+      case 'group':
+      case 'group_elements':
+        svgCanvas.groupSelectedElements();
+        break;
+      case 'ungroup':
+        svgCanvas.ungroupSelectedElement();
+        break;
+      case 'move_front':
+        moveToTopSelected();
+        break;
+      case 'move_up':
+        moveUpDownSelected('Up');
+        break;
+      case 'move_down':
+        moveUpDownSelected('Down');
+        break;
+      case 'move_back':
+        moveToBottomSelected();
+        break;
+      default:
+        if (hasCustomHandler(action)) {
+          getCustomHandler(action).call();
+        }
+        break;
+    }
+  });
+
+  var lmenuFunc = function lmenuFunc(action, el, pos) {
+    switch (action) {
+      case 'dupe':
+        cloneLayer();
+        break;
+      case 'delete':
+        deleteLayer();
+        break;
+      case 'merge_down':
+        mergeLayer();
+        break;
+      case 'merge_all':
+        svgCanvas.mergeAllLayers();
+        updateContextPanel();
+        populateLayers();
+        break;
+    }
+  };
+
+  $$b('#layerlist').contextMenu({
+    menu: 'cmenu_layers',
+    inSpeed: 0
+  }, lmenuFunc);
+
+  $$b('#layer_moreopts').contextMenu({
+    menu: 'cmenu_layers',
+    inSpeed: 0,
+    allowLeft: true
+  }, lmenuFunc);
+
+  $$b('.contextMenu li').mousedown(function (ev) {
+    ev.preventDefault();
+  });
+
+  $$b('#cmenu_canvas li').disableContextMenu();
+  canvMenu.enableContextMenuItems('#delete,#cut,#copy');
+
+  function enableOrDisableClipboard() {
+    var svgeditClipboard = void 0;
+    try {
+      svgeditClipboard = localStorage.getItem('svgedit_clipboard');
+    } catch (err) {}
+    canvMenu[(svgeditClipboard ? 'en' : 'dis') + 'ableContextMenuItems']('#paste,#paste_in_place');
+  }
+  enableOrDisableClipboard();
+
+  window.addEventListener('storage', function (e) {
+    if (e.key !== 'svgedit_clipboard') {
+      return;
+    }
+
+    enableOrDisableClipboard();
+  });
+
+  window.addEventListener('beforeunload', function (e) {
+    // Suppress warning if page is empty
+    if (undoMgr.getUndoStackSize() === 0) {
+      editor.showSaveWarning = false;
+    }
+
+    // showSaveWarning is set to 'false' when the page is saved.
+    if (!curConfig.no_save_warning && editor.showSaveWarning) {
+      // Browser already asks question about closing the page
+      e.returnValue = uiStrings$1.notification.unsavedChanges; // Firefox needs this when beforeunload set by addEventListener (even though message is not used)
+      return uiStrings$1.notification.unsavedChanges;
+    }
+  }, false);
+
+  /**
+  * Expose the uiStrings
+  * @function module:SVGEditor.canvas.getUIStrings
+  * @returns {module:SVGEditor.uiStrings}
+  */
+  editor.canvas.getUIStrings = function () {
+    return uiStrings$1;
+  };
+
+  /**
+  * @callback module:SVGEditor.OpenPrepCallback
+  * @param {boolean} noChanges
+  * @returns {undefined}
+  */
+  /**
+  * @param {module:SVGEditor.OpenPrepCallback} func Confirmation dialog callback
+  * @returns {undefined}
+  */
+  editor.openPrep = function (func) {
+    $$b('#main_menu').hide();
+    if (undoMgr.getUndoStackSize() === 0) {
+      func(true);
+    } else {
+      $$b.confirm(uiStrings$1.notification.QwantToOpen, func);
+    }
+  };
+
+  function onDragEnter(e) {
+    e.stopPropagation();
+    e.preventDefault();
+    // and indicator should be displayed here, such as "drop files here"
+  }
+
+  function onDragOver(e) {
+    e.stopPropagation();
+    e.preventDefault();
+  }
+
+  function onDragLeave(e) {
+    e.stopPropagation();
+    e.preventDefault();
+    // hypothetical indicator should be removed here
+  }
+  // Use HTML5 File API: http://www.w3.org/TR/FileAPI/
+  // if browser has HTML5 File API support, then we will show the open menu item
+  // and provide a file input to click. When that change event fires, it will
+  // get the text contents of the file and send it to the canvas
+  if (window.FileReader) {
+    var importImage = function importImage(e) {
+      $$b.process_cancel(uiStrings$1.notification.loadingImage);
+      e.stopPropagation();
+      e.preventDefault();
+      $$b('#workarea').removeAttr('style');
+      $$b('#main_menu').hide();
+      var file = e.type === 'drop' ? e.dataTransfer.files[0] : this.files[0];
+      if (!file) {
+        $$b('#dialog_box').hide();
+        return;
+      }
+      /* if (file.type === 'application/pdf') { // Todo: Handle PDF imports
+       }
+      else */
+      if (file.type.includes('image')) {
+        // Detected an image
+        // svg handling
+        var reader = void 0;
+        if (file.type.includes('svg')) {
+          reader = new FileReader();
+          reader.onloadend = function (e) {
+            var newElement = svgCanvas.importSvgString(e.target.result, true);
+            svgCanvas.ungroupSelectedElement();
+            svgCanvas.ungroupSelectedElement();
+            svgCanvas.groupSelectedElements();
+            svgCanvas.alignSelectedElements('m', 'page');
+            svgCanvas.alignSelectedElements('c', 'page');
+            // highlight imported element, otherwise we get strange empty selectbox
+            svgCanvas.selectOnly([newElement]);
+            $$b('#dialog_box').hide();
+          };
+          reader.readAsText(file);
+        } else {
+          // bitmap handling
+          reader = new FileReader();
+          reader.onloadend = function (e) {
+            // let's insert the new image until we know its dimensions
+            var insertNewImage = function insertNewImage(width, height) {
+              var newImage = svgCanvas.addSVGElementFromJson({
+                element: 'image',
+                attr: {
+                  x: 0,
+                  y: 0,
+                  width: width,
+                  height: height,
+                  id: svgCanvas.getNextId(),
+                  style: 'pointer-events:inherit'
+                }
+              });
+              svgCanvas.setHref(newImage, e.target.result);
+              svgCanvas.selectOnly([newImage]);
+              svgCanvas.alignSelectedElements('m', 'page');
+              svgCanvas.alignSelectedElements('c', 'page');
+              updateContextPanel();
+              $$b('#dialog_box').hide();
+            };
+            // create dummy img so we know the default dimensions
+            var imgWidth = 100;
+            var imgHeight = 100;
+            var img = new Image();
+            img.src = e.target.result;
+            img.style.opacity = 0;
+            img.onload = function () {
+              imgWidth = img.offsetWidth;
+              imgHeight = img.offsetHeight;
+              insertNewImage(imgWidth, imgHeight);
+            };
+          };
+          reader.readAsDataURL(file);
+        }
+      }
+    };
+
+    workarea[0].addEventListener('dragenter', onDragEnter, false);
+    workarea[0].addEventListener('dragover', onDragOver, false);
+    workarea[0].addEventListener('dragleave', onDragLeave, false);
+    workarea[0].addEventListener('drop', importImage, false);
+
+    var open = $$b('<input type="file">').change(function () {
+      var f = this;
+      editor.openPrep(function (ok) {
+        if (!ok) {
+          return;
+        }
+        svgCanvas.clear();
+        if (f.files.length === 1) {
+          $$b.process_cancel(uiStrings$1.notification.loadingImage);
+          var reader = new FileReader();
+          reader.onloadend = function (e) {
+            loadSvgString(e.target.result);
+            updateCanvas();
+          };
+          reader.readAsText(f.files[0]);
+        }
+      });
+    });
+    $$b('#tool_open').show().prepend(open);
+
+    var imgImport = $$b('<input type="file">').change(importImage);
+    $$b('#tool_import').show().prepend(imgImport);
+  }
+
+  // $(function () {
+  updateCanvas(true);
+  // });
+
+  //  const revnums = 'svg-editor.js ($Rev$) ';
+  //  revnums += svgCanvas.getVersion();
+  //  $('#copyright')[0].setAttribute('title', revnums);
+
+  /**
+  * @function module:SVGEditor.setLang
+  * @param {string} lang The language code
+  * @param {module:locale.LocaleStrings} allStrings See {@tutorial LocaleDocs}
+  * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+  * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+  * @returns {undefined}
+  */
+  var setLang = editor.setLang = function (lang, allStrings) {
+    editor.langChanged = true;
+    $$b.pref('lang', lang);
+    $$b('#lang_select').val(lang);
+    if (!allStrings) {
+      return;
+    }
+    $$b.extend(uiStrings$1, allStrings);
+
+    // const notif = allStrings.notification; // Currently unused
+    // $.extend will only replace the given strings
+    var oldLayerName = $$b('#layerlist tr.layersel td.layername').text();
+    var renameLayer = oldLayerName === uiStrings$1.common.layer + ' 1';
+
+    svgCanvas.setUiStrings(allStrings);
+    Actions.setTitles();
+
+    if (renameLayer) {
+      svgCanvas.renameCurrentLayer(uiStrings$1.common.layer + ' 1');
+      populateLayers();
+    }
+
+    // In case extensions loaded before the locale, now we execute a callback on them
+    if (extsPreLang.length) {
+      while (extsPreLang.length) {
+        var ext = extsPreLang.shift();
+        ext.langReady({
+          lang: lang,
+          uiStrings: uiStrings$1,
+          importLocale: getImportLocale({ defaultLang: lang, defaultName: ext.name })
+        });
+      }
+    } else {
+      svgCanvas.runExtensions('langReady', /** @type {module:svgcanvas.SvgCanvas#event:ext-langReady} */{ lang: lang, uiStrings: uiStrings$1 });
+    }
+    svgCanvas.runExtensions('langChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-langChanged} */lang);
+
+    // Update flyout tooltips
+    setFlyoutTitles();
+
+    // Copy title for certain tool elements
+    var elems = {
+      '#stroke_color': '#tool_stroke .icon_label, #tool_stroke .color_block',
+      '#fill_color': '#tool_fill label, #tool_fill .color_block',
+      '#linejoin_miter': '#cur_linejoin',
+      '#linecap_butt': '#cur_linecap'
+    };
+
+    $$b.each(elems, function (source, dest) {
+      $$b(dest).attr('title', $$b(source)[0].title);
+    });
+
+    // Copy alignment titles
+    $$b('#multiselected_panel div[id^=tool_align]').each(function () {
+      $$b('#tool_pos' + this.id.substr(10))[0].title = this.title;
+    });
+  };
+  init$7(
+  /**
+  * @implements {module:locale.LocaleEditorInit}
+  */
+  {
+    /**
+    * Gets an array of results from extensions with a `addLangData` method
+    * returning an object with a `data` property set to its locales (to be
+    * merged with regular locales)
+    * @param {string} langParam
+    * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+    * @todo Can we forego this in favor of `langReady` (or forego `langReady`)?
+    * @returns {module:locale.AddLangExtensionLocaleData[]}
+    */
+    addLangData: function addLangData(langParam) {
+      return svgCanvas.runExtensions('addLangData',
+      /**
+       * @function
+       * @type {module:svgcanvas.ExtensionVarBuilder}
+       * @param {string} defaultLang
+       * @param {string} defaultName
+       * @returns {module:svgcanvas.SvgCanvas#event:ext-addLangData}
+       */
+      function (name) {
+        // We pass in a function as we don't know the extension name here when defining this `addLangData` method
+        return {
+          lang: langParam,
+          importLocale: getImportLocale({ defaultLang: langParam, defaultName: name })
+        };
+      }, true);
+    },
+
+    curConfig: curConfig
+  });
+  // Load extensions
+  // Bit of a hack to run extensions in local Opera/IE9
+  if (document.location.protocol === 'file:') {
+    setTimeout(extAndLocaleFunc, 100);
+  } else {
+    // Returns a promise (if we wanted to fire 'extensions-loaded' event, potentially useful to hide interface as some extension locales are only available after this)
+    extAndLocaleFunc();
+  }
+};
+
+/**
+* @callback module:SVGEditor.ReadyCallback
+* @returns {undefined}
+*/
+/**
+* Queues a callback to be invoked when the editor is ready (or
+*   to be invoked immediately if it is already ready--i.e.,
+*   if `svgEditor.runCallbacks` has been run)
+* @param {module:SVGEditor.ReadyCallback} cb Callback to be queued to invoke
+* @returns {undefined}
+*/
+editor.ready = function (cb) {
+  if (!isReady) {
+    callbacks.push(cb);
+  } else {
+    cb();
+  }
+};
+
+/**
+* Invokes the callbacks previous set by `svgEditor.ready`
+* @returns {undefined}
+*/
+editor.runCallbacks = function () {
+  callbacks.forEach(function (cb) {
+    cb();
+  });
+  isReady = true;
+};
+
+/**
+* @param {string} str The SVG string to load
+* @returns {undefined}
+*/
+editor.loadFromString = function (str) {
+  editor.ready(function () {
+    loadSvgString(str);
+  });
+};
+
+/**
+* Not presently in use
+* @param {PlainObject} featList
+* @returns {undefined}
+*/
+editor.disableUI = function (featList) {
+  // $(function () {
+  //   $('#tool_wireframe, #tool_image, #main_button, #tool_source, #sidepanels').remove();
+  //   $('#tools_top').css('left', 5);
+  // });
+};
+
+/**
+ * @callback module:SVGEditor.URLLoadCallback
+ * @param {boolean} success
+ * @returns {undefined}
+ */
+/**
+* @param {string} url URL from which to load an SVG string via Ajax
+* @param {PlainObject} [opts] May contain properties: `cache`, `callback`
+* @param {boolean} opts.cache
+* @param {module:SVGEditor.URLLoadCallback} opts.callback Invoked with `true` or `false` depending on success
+* @returns {undefined}
+*/
+editor.loadFromURL = function (url, opts) {
+  if (!opts) {
+    opts = {};
+  }
+
+  var _opts = opts,
+      cache = _opts.cache,
+      cb = _opts.callback;
+
+
+  editor.ready(function () {
+    $$b.ajax({
+      url: url,
+      dataType: 'text',
+      cache: !!cache,
+      beforeSend: function beforeSend() {
+        $$b.process_cancel(uiStrings$1.notification.loadingImage);
+      },
+      success: function success(str) {
+        loadSvgString(str, cb);
+      },
+      error: function error(xhr, stat, err) {
+        if (xhr.status !== 404 && xhr.responseText) {
+          loadSvgString(xhr.responseText, cb);
+        } else {
+          $$b.alert(uiStrings$1.notification.URLloadFail + ': \n' + err, cb);
+        }
+      },
+      complete: function complete() {
+        $$b('#dialog_box').hide();
+      }
+    });
+  });
+};
+
+/**
+* @param {string} str The Data URI to base64-decode (if relevant) and load
+* @returns {undefined}
+*/
+editor.loadFromDataURI = function (str) {
+  editor.ready(function () {
+    var base64 = false;
+    var pre = str.match(/^data:image\/svg\+xml;base64,/);
+    if (pre) {
+      base64 = true;
+    } else {
+      pre = str.match(/^data:image\/svg\+xml(?:;(?:utf8)?)?,/);
+    }
+    if (pre) {
+      pre = pre[0];
+    }
+    var src = str.slice(pre.length);
+    loadSvgString(base64 ? decode64(src) : decodeURIComponent(src));
+  });
+};
+
+/**
+ * @param {string} name Used internally; no need for i18n.
+ * @param {module:svgcanvas.ExtensionInitCallback} init Config to be invoked on this module
+ * @param {module:SVGEditor~ImportLocale} importLocale Importer defaulting to pth with current extension name and locale
+ * @throws {Error} If called too early
+ * @returns {Promise} Resolves to `undefined`
+*/
+editor.addExtension = function (name, init$$1, importLocale) {
+  // Note that we don't want this on editor.ready since some extensions
+  // may want to run before then (like server_opensave).
+  // $(function () {
+  if (!svgCanvas) {
+    throw new Error('Extension added too early');
+  }
+  return svgCanvas.addExtension.call(this, name, init$$1, importLocale);
+  // });
+};
+
+// Defer injection to wait out initial menu processing. This probably goes
+//    away once all context menu behavior is brought to context menu.
+editor.ready(function () {
+  injectExtendedContextMenuItemsIntoDom();
+});
+
+var extensionsAdded = false;
+var messageQueue = [];
+/**
+ * @param {Any} data
+ * @param {string} origin
+ * @fires module:svgcanvas.SvgCanvas#event:message
+ * @returns {undefined}
+ */
+var messageListener = function messageListener(_ref15) {
+  var data = _ref15.data,
+      origin = _ref15.origin;
+
+  // console.log('data, origin, extensionsAdded', data, origin, extensionsAdded);
+  var messageObj = { data: data, origin: origin };
+  if (!extensionsAdded) {
+    messageQueue.push(messageObj);
+  } else {
+    // Extensions can handle messages at this stage with their own
+    //  canvas `message` listeners
+    svgCanvas.call('message', messageObj);
+  }
+};
+window.addEventListener('message', messageListener);
+
+// Run init once DOM is loaded
+// jQuery(editor.init);
+Promise.resolve().then(function () {
+  // We wait a micro-task to let the svgEditor variable be defined for module checks
+  editor.init();
+});
+
+export default editor;
diff --git a/dist/index-es.min.js b/dist/index-es.min.js
new file mode 100644
index 00000000..b8bb0d71
--- /dev/null
+++ b/dist/index-es.min.js
@@ -0,0 +1,2 @@
+function touchHandler(e){var t=e.changedTouches,n=t[0],a="";switch(e.type){case"touchstart":a="mousedown";break;case"touchmove":a="mousemove";break;case"touchend":a="mouseup";break;default:return}var r=n.screenX,i=n.screenY,o=n.clientX,s=n.clientY,l=new MouseEvent(a,{bubbles:!0,cancelable:!0,view:window,detail:1,screenX:r,screenY:i,clientX:o,clientY:s,ctrlKey:!1,altKey:!1,shiftKey:!1,metaKey:!1,button:0,relatedTarget:null});t.length<2&&(n.target.dispatchEvent(l),e.preventDefault())}document.addEventListener("touchstart",touchHandler,!0),document.addEventListener("touchmove",touchHandler,!0),document.addEventListener("touchend",touchHandler,!0),document.addEventListener("touchcancel",touchHandler,!0);var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},asyncToGenerator=function(e){return function(){var t=e.apply(this,arguments);return new Promise(function(e,n){return function a(r,i){try{var o=t[r](i),s=o.value}catch(e){return void n(e)}if(!o.done)return Promise.resolve(s).then(function(e){a("next",e)},function(e){a("throw",e)});e(s)}("next")})}},classCallCheck=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},createClass=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},inherits=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},possibleConstructorReturn=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},slicedToArray=function(){return function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],a=!0,r=!1,i=void 0;try{for(var o,s=e[Symbol.iterator]();!(a=(o=s.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{!a&&s.return&&s.return()}finally{if(r)throw i}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),toConsumableArray=function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)},NS={HTML:"http://www.w3.org/1999/xhtml",MATH:"http://www.w3.org/1998/Math/MathML",SE:"http://svg-edit.googlecode.com",SVG:"http://www.w3.org/2000/svg",XLINK:"http://www.w3.org/1999/xlink",XML:"http://www.w3.org/XML/1998/namespace",XMLNS:"http://www.w3.org/2000/xmlns/"},getReverseNS=function(){var e={};return Object.entries(NS).forEach(function(t){var n=slicedToArray(t,2),a=n[0],r=n[1];e[r]=a.toLowerCase()}),e};!function(){if(!("SVGPathSeg"in window)){var e=function(){function e(t,n,a){classCallCheck(this,e),this.pathSegType=t,this.pathSegTypeAsLetter=n,this._owningPathSegList=a}return createClass(e,[{key:"_segmentChanged",value:function(){this._owningPathSegList&&this._owningPathSegList.segmentChanged(this)}}]),e}();e.prototype.classname="SVGPathSeg",e.PATHSEG_UNKNOWN=0,e.PATHSEG_CLOSEPATH=1,e.PATHSEG_MOVETO_ABS=2,e.PATHSEG_MOVETO_REL=3,e.PATHSEG_LINETO_ABS=4,e.PATHSEG_LINETO_REL=5,e.PATHSEG_CURVETO_CUBIC_ABS=6,e.PATHSEG_CURVETO_CUBIC_REL=7,e.PATHSEG_CURVETO_QUADRATIC_ABS=8,e.PATHSEG_CURVETO_QUADRATIC_REL=9,e.PATHSEG_ARC_ABS=10,e.PATHSEG_ARC_REL=11,e.PATHSEG_LINETO_HORIZONTAL_ABS=12,e.PATHSEG_LINETO_HORIZONTAL_REL=13,e.PATHSEG_LINETO_VERTICAL_ABS=14,e.PATHSEG_LINETO_VERTICAL_REL=15,e.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS=16,e.PATHSEG_CURVETO_CUBIC_SMOOTH_REL=17,e.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS=18,e.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL=19;var t=function(t){function n(t){return classCallCheck(this,n),possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CLOSEPATH,"z",t))}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegClosePath]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter}},{key:"clone",value:function(){return new n(void 0)}}]),n}(),n=function(t){function n(t,a,r){classCallCheck(this,n);var i=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_MOVETO_ABS,"M",t));return i._x=a,i._y=r,i}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegMovetoAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y)}}]),n}();Object.defineProperties(n.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0}});var a=function(t){function n(t,a,r){classCallCheck(this,n);var i=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_MOVETO_REL,"m",t));return i._x=a,i._y=r,i}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegMovetoRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y)}}]),n}();Object.defineProperties(a.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0}});var r=function(t){function n(t,a,r){classCallCheck(this,n);var i=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_LINETO_ABS,"L",t));return i._x=a,i._y=r,i}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegLinetoAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y)}}]),n}();Object.defineProperties(r.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0}});var i=function(t){function n(t,a,r){classCallCheck(this,n);var i=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_LINETO_REL,"l",t));return i._x=a,i._y=r,i}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegLinetoRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y)}}]),n}();Object.defineProperties(i.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0}});var o=function(t){function n(t,a,r,i,o,s,l){classCallCheck(this,n);var c=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_CUBIC_ABS,"C",t));return c._x=a,c._y=r,c._x1=i,c._y1=o,c._x2=s,c._y2=l,c}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoCubicAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x1+" "+this._y1+" "+this._x2+" "+this._y2+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._x1,this._y1,this._x2,this._y2)}}]),n}();Object.defineProperties(o.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},x1:{get:function(){return this._x1},set:function(e){this._x1=e,this._segmentChanged()},enumerable:!0},y1:{get:function(){return this._y1},set:function(e){this._y1=e,this._segmentChanged()},enumerable:!0},x2:{get:function(){return this._x2},set:function(e){this._x2=e,this._segmentChanged()},enumerable:!0},y2:{get:function(){return this._y2},set:function(e){this._y2=e,this._segmentChanged()},enumerable:!0}});var s=function(t){function n(t,a,r,i,o,s,l){classCallCheck(this,n);var c=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_CUBIC_REL,"c",t));return c._x=a,c._y=r,c._x1=i,c._y1=o,c._x2=s,c._y2=l,c}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoCubicRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x1+" "+this._y1+" "+this._x2+" "+this._y2+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._x1,this._y1,this._x2,this._y2)}}]),n}();Object.defineProperties(s.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},x1:{get:function(){return this._x1},set:function(e){this._x1=e,this._segmentChanged()},enumerable:!0},y1:{get:function(){return this._y1},set:function(e){this._y1=e,this._segmentChanged()},enumerable:!0},x2:{get:function(){return this._x2},set:function(e){this._x2=e,this._segmentChanged()},enumerable:!0},y2:{get:function(){return this._y2},set:function(e){this._y2=e,this._segmentChanged()},enumerable:!0}});var l=function(t){function n(t,a,r,i,o){classCallCheck(this,n);var s=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_QUADRATIC_ABS,"Q",t));return s._x=a,s._y=r,s._x1=i,s._y1=o,s}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoQuadraticAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x1+" "+this._y1+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._x1,this._y1)}}]),n}();Object.defineProperties(l.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},x1:{get:function(){return this._x1},set:function(e){this._x1=e,this._segmentChanged()},enumerable:!0},y1:{get:function(){return this._y1},set:function(e){this._y1=e,this._segmentChanged()},enumerable:!0}});var c=function(t){function n(t,a,r,i,o){classCallCheck(this,n);var s=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_QUADRATIC_REL,"q",t));return s._x=a,s._y=r,s._x1=i,s._y1=o,s}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoQuadraticRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x1+" "+this._y1+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._x1,this._y1)}}]),n}();Object.defineProperties(c.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},x1:{get:function(){return this._x1},set:function(e){this._x1=e,this._segmentChanged()},enumerable:!0},y1:{get:function(){return this._y1},set:function(e){this._y1=e,this._segmentChanged()},enumerable:!0}});var u=function(t){function n(t,a,r,i,o,s,l,c){classCallCheck(this,n);var u=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_ARC_ABS,"A",t));return u._x=a,u._y=r,u._r1=i,u._r2=o,u._angle=s,u._largeArcFlag=l,u._sweepFlag=c,u}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegArcAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._r1+" "+this._r2+" "+this._angle+" "+(this._largeArcFlag?"1":"0")+" "+(this._sweepFlag?"1":"0")+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._r1,this._r2,this._angle,this._largeArcFlag,this._sweepFlag)}}]),n}();Object.defineProperties(u.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},r1:{get:function(){return this._r1},set:function(e){this._r1=e,this._segmentChanged()},enumerable:!0},r2:{get:function(){return this._r2},set:function(e){this._r2=e,this._segmentChanged()},enumerable:!0},angle:{get:function(){return this._angle},set:function(e){this._angle=e,this._segmentChanged()},enumerable:!0},largeArcFlag:{get:function(){return this._largeArcFlag},set:function(e){this._largeArcFlag=e,this._segmentChanged()},enumerable:!0},sweepFlag:{get:function(){return this._sweepFlag},set:function(e){this._sweepFlag=e,this._segmentChanged()},enumerable:!0}});var d=function(t){function n(t,a,r,i,o,s,l,c){classCallCheck(this,n);var u=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_ARC_REL,"a",t));return u._x=a,u._y=r,u._r1=i,u._r2=o,u._angle=s,u._largeArcFlag=l,u._sweepFlag=c,u}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegArcRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._r1+" "+this._r2+" "+this._angle+" "+(this._largeArcFlag?"1":"0")+" "+(this._sweepFlag?"1":"0")+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._r1,this._r2,this._angle,this._largeArcFlag,this._sweepFlag)}}]),n}();Object.defineProperties(d.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},r1:{get:function(){return this._r1},set:function(e){this._r1=e,this._segmentChanged()},enumerable:!0},r2:{get:function(){return this._r2},set:function(e){this._r2=e,this._segmentChanged()},enumerable:!0},angle:{get:function(){return this._angle},set:function(e){this._angle=e,this._segmentChanged()},enumerable:!0},largeArcFlag:{get:function(){return this._largeArcFlag},set:function(e){this._largeArcFlag=e,this._segmentChanged()},enumerable:!0},sweepFlag:{get:function(){return this._sweepFlag},set:function(e){this._sweepFlag=e,this._segmentChanged()},enumerable:!0}});var h=function(t){function n(t,a){classCallCheck(this,n);var r=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_LINETO_HORIZONTAL_ABS,"H",t));return r._x=a,r}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegLinetoHorizontalAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x}},{key:"clone",value:function(){return new n(void 0,this._x)}}]),n}();Object.defineProperty(h.prototype,"x",{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0});var p=function(t){function n(t,a){classCallCheck(this,n);var r=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_LINETO_HORIZONTAL_REL,"h",t));return r._x=a,r}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegLinetoHorizontalRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x}},{key:"clone",value:function(){return new n(void 0,this._x)}}]),n}();Object.defineProperty(p.prototype,"x",{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0});var g=function(t){function n(t,a){classCallCheck(this,n);var r=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_LINETO_VERTICAL_ABS,"V",t));return r._y=a,r}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegLinetoVerticalAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._y)}}]),n}();Object.defineProperty(g.prototype,"y",{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0});var f=function(t){function n(t,a){classCallCheck(this,n);var r=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_LINETO_VERTICAL_REL,"v",t));return r._y=a,r}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegLinetoVerticalRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._y)}}]),n}();Object.defineProperty(f.prototype,"y",{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0});var v=function(t){function n(t,a,r,i,o){classCallCheck(this,n);var s=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS,"S",t));return s._x=a,s._y=r,s._x2=i,s._y2=o,s}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoCubicSmoothAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x2+" "+this._y2+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._x2,this._y2)}}]),n}();Object.defineProperties(v.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},x2:{get:function(){return this._x2},set:function(e){this._x2=e,this._segmentChanged()},enumerable:!0},y2:{get:function(){return this._y2},set:function(e){this._y2=e,this._segmentChanged()},enumerable:!0}});var m=function(t){function n(t,a,r,i,o){classCallCheck(this,n);var s=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_CUBIC_SMOOTH_REL,"s",t));return s._x=a,s._y=r,s._x2=i,s._y2=o,s}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoCubicSmoothRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x2+" "+this._y2+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._x2,this._y2)}}]),n}();Object.defineProperties(m.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},x2:{get:function(){return this._x2},set:function(e){this._x2=e,this._segmentChanged()},enumerable:!0},y2:{get:function(){return this._y2},set:function(e){this._y2=e,this._segmentChanged()},enumerable:!0}});var _=function(t){function n(t,a,r){classCallCheck(this,n);var i=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS,"T",t));return i._x=a,i._y=r,i}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoQuadraticSmoothAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y)}}]),n}();Object.defineProperties(_.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0}});var b=function(t){function n(t,a,r){classCallCheck(this,n);var i=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL,"t",t));return i._x=a,i._y=r,i}return inherits(n,e),createClass(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoQuadraticSmoothRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y)}}]),n}();Object.defineProperties(b.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0}}),SVGPathElement.prototype.createSVGPathSegClosePath=function(){return new t(void 0)},SVGPathElement.prototype.createSVGPathSegMovetoAbs=function(e,t){return new n(void 0,e,t)},SVGPathElement.prototype.createSVGPathSegMovetoRel=function(e,t){return new a(void 0,e,t)},SVGPathElement.prototype.createSVGPathSegLinetoAbs=function(e,t){return new r(void 0,e,t)},SVGPathElement.prototype.createSVGPathSegLinetoRel=function(e,t){return new i(void 0,e,t)},SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs=function(e,t,n,a,r,i){return new o(void 0,e,t,n,a,r,i)},SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel=function(e,t,n,a,r,i){return new s(void 0,e,t,n,a,r,i)},SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs=function(e,t,n,a){return new l(void 0,e,t,n,a)},SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel=function(e,t,n,a){return new c(void 0,e,t,n,a)},SVGPathElement.prototype.createSVGPathSegArcAbs=function(e,t,n,a,r,i,o){return new u(void 0,e,t,n,a,r,i,o)},SVGPathElement.prototype.createSVGPathSegArcRel=function(e,t,n,a,r,i,o){return new d(void 0,e,t,n,a,r,i,o)},SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs=function(e){return new h(void 0,e)},SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel=function(e){return new p(void 0,e)},SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs=function(e){return new g(void 0,e)},SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel=function(e){return new f(void 0,e)},SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs=function(e,t,n,a){return new v(void 0,e,t,n,a)},SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel=function(e,t,n,a){return new m(void 0,e,t,n,a)},SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs=function(e,t){return new _(void 0,e,t)},SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel=function(e,t){return new b(void 0,e,t)},"getPathSegAtLength"in SVGPathElement.prototype||(SVGPathElement.prototype.getPathSegAtLength=function(e){if(void 0===e||!isFinite(e))throw new Error("Invalid arguments.");var t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttribute("d",this.getAttribute("d"));var n=t.pathSegList.numberOfItems-1;if(n<=0)return 0;do{if(t.pathSegList.removeItem(n),e>t.getTotalLength())break;n--}while(n>0);return n}),window.SVGPathSeg=e,window.SVGPathSegClosePath=t,window.SVGPathSegMovetoAbs=n,window.SVGPathSegMovetoRel=a,window.SVGPathSegLinetoAbs=r,window.SVGPathSegLinetoRel=i,window.SVGPathSegCurvetoCubicAbs=o,window.SVGPathSegCurvetoCubicRel=s,window.SVGPathSegCurvetoQuadraticAbs=l,window.SVGPathSegCurvetoQuadraticRel=c,window.SVGPathSegArcAbs=u,window.SVGPathSegArcRel=d,window.SVGPathSegLinetoHorizontalAbs=h,window.SVGPathSegLinetoHorizontalRel=p,window.SVGPathSegLinetoVerticalAbs=g,window.SVGPathSegLinetoVerticalRel=f,window.SVGPathSegCurvetoCubicSmoothAbs=v,window.SVGPathSegCurvetoCubicSmoothRel=m,window.SVGPathSegCurvetoQuadraticSmoothAbs=_,window.SVGPathSegCurvetoQuadraticSmoothRel=b}if(!("SVGPathSegList"in window&&"appendItem"in SVGPathSegList.prototype)){var y=function(){function e(t){classCallCheck(this,e),this._pathElement=t,this._list=this._parsePath(this._pathElement.getAttribute("d")),this._mutationObserverConfig={attributes:!0,attributeFilter:["d"]},this._pathElementMutationObserver=new MutationObserver(this._updateListFromPathMutations.bind(this)),this._pathElementMutationObserver.observe(this._pathElement,this._mutationObserverConfig)}return createClass(e,[{key:"_checkPathSynchronizedToList",value:function(){this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords())}},{key:"_updateListFromPathMutations",value:function(e){if(this._pathElement){var t=!1;e.forEach(function(e){"d"===e.attributeName&&(t=!0)}),t&&(this._list=this._parsePath(this._pathElement.getAttribute("d")))}}},{key:"_writeListToPath",value:function(){this._pathElementMutationObserver.disconnect(),this._pathElement.setAttribute("d",e._pathSegArrayAsString(this._list)),this._pathElementMutationObserver.observe(this._pathElement,this._mutationObserverConfig)}},{key:"segmentChanged",value:function(e){this._writeListToPath()}},{key:"clear",value:function(){this._checkPathSynchronizedToList(),this._list.forEach(function(e){e._owningPathSegList=null}),this._list=[],this._writeListToPath()}},{key:"initialize",value:function(e){return this._checkPathSynchronizedToList(),this._list=[e],e._owningPathSegList=this,this._writeListToPath(),e}},{key:"_checkValidIndex",value:function(e){if(isNaN(e)||e<0||e>=this.numberOfItems)throw new Error("INDEX_SIZE_ERR")}},{key:"getItem",value:function(e){return this._checkPathSynchronizedToList(),this._checkValidIndex(e),this._list[e]}},{key:"insertItemBefore",value:function(e,t){return this._checkPathSynchronizedToList(),t>this.numberOfItems&&(t=this.numberOfItems),e._owningPathSegList&&(e=e.clone()),this._list.splice(t,0,e),e._owningPathSegList=this,this._writeListToPath(),e}},{key:"replaceItem",value:function(e,t){return this._checkPathSynchronizedToList(),e._owningPathSegList&&(e=e.clone()),this._checkValidIndex(t),this._list[t]=e,e._owningPathSegList=this,this._writeListToPath(),e}},{key:"removeItem",value:function(e){this._checkPathSynchronizedToList(),this._checkValidIndex(e);var t=this._list[e];return this._list.splice(e,1),this._writeListToPath(),t}},{key:"appendItem",value:function(e){return this._checkPathSynchronizedToList(),e._owningPathSegList&&(e=e.clone()),this._list.push(e),e._owningPathSegList=this,this._writeListToPath(),e}},{key:"_parsePath",value:function(e){if(!e||!e.length)return[];var t=this,n=function(){function e(){classCallCheck(this,e),this.pathSegList=[]}return createClass(e,[{key:"appendSegment",value:function(e){this.pathSegList.push(e)}}]),e}(),a=function(){function e(t){classCallCheck(this,e),this._string=t,this._currentIndex=0,this._endIndex=this._string.length,this._previousCommand=SVGPathSeg.PATHSEG_UNKNOWN,this._skipOptionalSpaces()}return createClass(e,[{key:"_isCurrentSpace",value:function(){var e=this._string[this._currentIndex];return e<=" "&&(" "===e||"\n"===e||"\t"===e||"\r"===e||"\f"===e)}},{key:"_skipOptionalSpaces",value:function(){for(;this._currentIndex<this._endIndex&&this._isCurrentSpace();)this._currentIndex++;return this._currentIndex<this._endIndex}},{key:"_skipOptionalSpacesOrDelimiter",value:function(){return!(this._currentIndex<this._endIndex&&!this._isCurrentSpace()&&","!==this._string.charAt(this._currentIndex))&&(this._skipOptionalSpaces()&&this._currentIndex<this._endIndex&&","===this._string.charAt(this._currentIndex)&&(this._currentIndex++,this._skipOptionalSpaces()),this._currentIndex<this._endIndex)}},{key:"hasMoreData",value:function(){return this._currentIndex<this._endIndex}},{key:"peekSegmentType",value:function(){var e=this._string[this._currentIndex];return this._pathSegTypeFromChar(e)}},{key:"_pathSegTypeFromChar",value:function(e){switch(e){case"Z":case"z":return SVGPathSeg.PATHSEG_CLOSEPATH;case"M":return SVGPathSeg.PATHSEG_MOVETO_ABS;case"m":return SVGPathSeg.PATHSEG_MOVETO_REL;case"L":return SVGPathSeg.PATHSEG_LINETO_ABS;case"l":return SVGPathSeg.PATHSEG_LINETO_REL;case"C":return SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS;case"c":return SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL;case"Q":return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;case"q":return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;case"A":return SVGPathSeg.PATHSEG_ARC_ABS;case"a":return SVGPathSeg.PATHSEG_ARC_REL;case"H":return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;case"h":return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;case"V":return SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;case"v":return SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;case"S":return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;case"s":return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;case"T":return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;case"t":return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;default:return SVGPathSeg.PATHSEG_UNKNOWN}}},{key:"_nextCommandHelper",value:function(e,t){return("+"===e||"-"===e||"."===e||e>="0"&&e<="9")&&t!==SVGPathSeg.PATHSEG_CLOSEPATH?t===SVGPathSeg.PATHSEG_MOVETO_ABS?SVGPathSeg.PATHSEG_LINETO_ABS:t===SVGPathSeg.PATHSEG_MOVETO_REL?SVGPathSeg.PATHSEG_LINETO_REL:t:SVGPathSeg.PATHSEG_UNKNOWN}},{key:"initialCommandIsMoveTo",value:function(){if(!this.hasMoreData())return!0;var e=this.peekSegmentType();return e===SVGPathSeg.PATHSEG_MOVETO_ABS||e===SVGPathSeg.PATHSEG_MOVETO_REL}},{key:"_parseNumber",value:function(){var e=0,t=0,n=1,a=0,r=1,i=1,o=this._currentIndex;if(this._skipOptionalSpaces(),this._currentIndex<this._endIndex&&"+"===this._string.charAt(this._currentIndex)?this._currentIndex++:this._currentIndex<this._endIndex&&"-"===this._string.charAt(this._currentIndex)&&(this._currentIndex++,r=-1),!(this._currentIndex===this._endIndex||(this._string.charAt(this._currentIndex)<"0"||this._string.charAt(this._currentIndex)>"9")&&"."!==this._string.charAt(this._currentIndex))){for(var s=this._currentIndex;this._currentIndex<this._endIndex&&this._string.charAt(this._currentIndex)>="0"&&this._string.charAt(this._currentIndex)<="9";)this._currentIndex++;if(this._currentIndex!==s)for(var l=this._currentIndex-1,c=1;l>=s;)t+=c*(this._string.charAt(l--)-"0"),c*=10;if(this._currentIndex<this._endIndex&&"."===this._string.charAt(this._currentIndex)){if(this._currentIndex++,this._currentIndex>=this._endIndex||this._string.charAt(this._currentIndex)<"0"||this._string.charAt(this._currentIndex)>"9")return;for(;this._currentIndex<this._endIndex&&this._string.charAt(this._currentIndex)>="0"&&this._string.charAt(this._currentIndex)<="9";)n*=10,a+=(this._string.charAt(this._currentIndex)-"0")/n,this._currentIndex+=1}if(this._currentIndex!==o&&this._currentIndex+1<this._endIndex&&("e"===this._string.charAt(this._currentIndex)||"E"===this._string.charAt(this._currentIndex))&&"x"!==this._string.charAt(this._currentIndex+1)&&"m"!==this._string.charAt(this._currentIndex+1)){if(this._currentIndex++,"+"===this._string.charAt(this._currentIndex)?this._currentIndex++:"-"===this._string.charAt(this._currentIndex)&&(this._currentIndex++,i=-1),this._currentIndex>=this._endIndex||this._string.charAt(this._currentIndex)<"0"||this._string.charAt(this._currentIndex)>"9")return;for(;this._currentIndex<this._endIndex&&this._string.charAt(this._currentIndex)>="0"&&this._string.charAt(this._currentIndex)<="9";)e*=10,e+=this._string.charAt(this._currentIndex)-"0",this._currentIndex++}var u=t+a;if(u*=r,e&&(u*=Math.pow(10,i*e)),o!==this._currentIndex)return this._skipOptionalSpacesOrDelimiter(),u}}},{key:"_parseArcFlag",value:function(){if(!(this._currentIndex>=this._endIndex)){var e=!1,t=this._string.charAt(this._currentIndex++);if("0"===t)e=!1;else{if("1"!==t)return;e=!0}return this._skipOptionalSpacesOrDelimiter(),e}}},{key:"parseSegment",value:function(){var e=this._string[this._currentIndex],n=this._pathSegTypeFromChar(e);if(n===SVGPathSeg.PATHSEG_UNKNOWN){if(this._previousCommand===SVGPathSeg.PATHSEG_UNKNOWN)return null;if((n=this._nextCommandHelper(e,this._previousCommand))===SVGPathSeg.PATHSEG_UNKNOWN)return null}else this._currentIndex++;switch(this._previousCommand=n,n){case SVGPathSeg.PATHSEG_MOVETO_REL:return new SVGPathSegMovetoRel(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_MOVETO_ABS:return new SVGPathSegMovetoAbs(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_REL:return new SVGPathSegLinetoRel(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_ABS:return new SVGPathSegLinetoAbs(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:return new SVGPathSegLinetoHorizontalRel(t,this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:return new SVGPathSegLinetoHorizontalAbs(t,this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:return new SVGPathSegLinetoVerticalRel(t,this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:return new SVGPathSegLinetoVerticalAbs(t,this._parseNumber());case SVGPathSeg.PATHSEG_CLOSEPATH:return this._skipOptionalSpaces(),new SVGPathSegClosePath(t);case SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:var a={x1:this._parseNumber(),y1:this._parseNumber(),x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoCubicRel(t,a.x,a.y,a.x1,a.y1,a.x2,a.y2);case SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:var r={x1:this._parseNumber(),y1:this._parseNumber(),x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoCubicAbs(t,r.x,r.y,r.x1,r.y1,r.x2,r.y2);case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:var i={x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoCubicSmoothRel(t,i.x,i.y,i.x2,i.y2);case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:var o={x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoCubicSmoothAbs(t,o.x,o.y,o.x2,o.y2);case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:var s={x1:this._parseNumber(),y1:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoQuadraticRel(t,s.x,s.y,s.x1,s.y1);case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:var l={x1:this._parseNumber(),y1:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoQuadraticAbs(t,l.x,l.y,l.x1,l.y1);case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:return new SVGPathSegCurvetoQuadraticSmoothRel(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:return new SVGPathSegCurvetoQuadraticSmoothAbs(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_ARC_REL:var c={x1:this._parseNumber(),y1:this._parseNumber(),arcAngle:this._parseNumber(),arcLarge:this._parseArcFlag(),arcSweep:this._parseArcFlag(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegArcRel(t,c.x,c.y,c.x1,c.y1,c.arcAngle,c.arcLarge,c.arcSweep);case SVGPathSeg.PATHSEG_ARC_ABS:var u={x1:this._parseNumber(),y1:this._parseNumber(),arcAngle:this._parseNumber(),arcLarge:this._parseArcFlag(),arcSweep:this._parseArcFlag(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegArcAbs(t,u.x,u.y,u.x1,u.y1,u.arcAngle,u.arcLarge,u.arcSweep);default:throw new Error("Unknown path seg type.")}}}]),e}(),r=new n,i=new a(e);if(!i.initialCommandIsMoveTo())return[];for(;i.hasMoreData();){var o=i.parseSegment();if(!o)return[];r.appendSegment(o)}return r.pathSegList}}]),e}();y.prototype.classname="SVGPathSegList",Object.defineProperty(y.prototype,"numberOfItems",{get:function(){return this._checkPathSynchronizedToList(),this._list.length},enumerable:!0}),y._pathSegArrayAsString=function(e){var t="",n=!0;return e.forEach(function(e){n?(n=!1,t+=e._asPathString()):t+=" "+e._asPathString()}),t},Object.defineProperties(SVGPathElement.prototype,{pathSegList:{get:function(){return this._pathSegList||(this._pathSegList=new y(this)),this._pathSegList},enumerable:!0},normalizedPathSegList:{get:function(){return this.pathSegList},enumerable:!0},animatedPathSegList:{get:function(){return this.pathSegList},enumerable:!0},animatedNormalizedPathSegList:{get:function(){return this.pathSegList},enumerable:!0}}),window.SVGPathSegList=y}}();var $=jQuery,supportsSVG_=!!document.createElementNS&&!!document.createElementNS(NS.SVG,"svg").createSVGRect,_navigator=navigator,userAgent=_navigator.userAgent,svg=document.createElementNS(NS.SVG,"svg"),isOpera_=!!window.opera,isWebkit_=userAgent.includes("AppleWebKit"),isGecko_=userAgent.includes("Gecko/"),isIE_=userAgent.includes("MSIE"),isChrome_=userAgent.includes("Chrome/"),isWindows_=userAgent.includes("Windows"),isMac_=userAgent.includes("Macintosh"),isTouch_="ontouchstart"in window,supportsSelectors_=!!svg.querySelector,supportsXpath_=!!document.evaluate,supportsPathReplaceItem_=function(){var e=document.createElementNS(NS.SVG,"path");e.setAttribute("d","M0,0 10,10");var t=e.pathSegList,n=e.createSVGPathSegLinetoAbs(5,5);try{return t.replaceItem(n,1),!0}catch(e){}return!1}(),supportsPathInsertItemBefore_=function(){var e=document.createElementNS(NS.SVG,"path");e.setAttribute("d","M0,0 10,10");var t=e.pathSegList,n=e.createSVGPathSegLinetoAbs(5,5);try{return t.insertItemBefore(n,1),!0}catch(e){}return!1}(),supportsGoodTextCharPos_=function(){var e=document.createElementNS(NS.SVG,"svg"),t=document.createElementNS(NS.SVG,"svg");document.documentElement.append(e),t.setAttribute("x",5),e.append(t);var n=document.createElementNS(NS.SVG,"text");n.textContent="a",t.append(n);var a=n.getStartPositionOfChar(0).x;return e.remove(),0===a}(),supportsPathBBox_=function(){var e=document.createElementNS(NS.SVG,"svg");document.documentElement.append(e);var t=document.createElementNS(NS.SVG,"path");t.setAttribute("d","M0,0 C0,0 10,10 10,0"),e.append(t);var n=t.getBBox();return e.remove(),n.height>4&&n.height<5}(),supportsHVLineContainerBBox_=function(){var e=document.createElementNS(NS.SVG,"svg");document.documentElement.append(e);var t=document.createElementNS(NS.SVG,"path");t.setAttribute("d","M0,0 10,0");var n=document.createElementNS(NS.SVG,"path");n.setAttribute("d","M5,0 15,0");var a=document.createElementNS(NS.SVG,"g");a.append(t,n),e.append(a);var r=a.getBBox();return e.remove(),15===r.width}(),supportsGoodDecimals_=function(){var e=document.createElementNS(NS.SVG,"rect");e.setAttribute("x",.1);var t=!e.cloneNode(!1).getAttribute("x").includes(",");return t||$.alert('NOTE: This version of Opera is known to contain bugs in SVG-edit.\nPlease upgrade to the <a href="http://opera.com">latest version</a> in which the problems have been fixed.'),t}(),supportsNonScalingStroke_=function(){var e=document.createElementNS(NS.SVG,"rect");return e.setAttribute("style","vector-effect:non-scaling-stroke"),"non-scaling-stroke"===e.style.vectorEffect}(),supportsNativeSVGTransformLists_=function(){var e=document.createElementNS(NS.SVG,"rect").transform.baseVal,t=svg.createSVGTransform();e.appendItem(t);var n=e.getItem(0);return n instanceof SVGTransform&&t instanceof SVGTransform&&n.type===t.type&&n.angle===t.angle&&n.matrix.a===t.matrix.a&&n.matrix.b===t.matrix.b&&n.matrix.c===t.matrix.c&&n.matrix.d===t.matrix.d&&n.matrix.e===t.matrix.e&&n.matrix.f===t.matrix.f}(),isOpera=function(){return isOpera_},isWebkit=function(){return isWebkit_},isGecko=function(){return isGecko_},isIE=function(){return isIE_},isChrome=function(){return isChrome_},isMac=function(){return isMac_},isTouch=function(){return isTouch_},supportsSelectors=function(){return supportsSelectors_},supportsXpath=function(){return supportsXpath_},supportsPathReplaceItem=function(){return supportsPathReplaceItem_},supportsPathInsertItemBefore=function(){return supportsPathInsertItemBefore_},supportsPathBBox=function(){return supportsPathBBox_},supportsHVLineContainerBBox=function(){return supportsHVLineContainerBBox_},supportsGoodTextCharPos=function(){return supportsGoodTextCharPos_},supportsNonScalingStroke=function(){return supportsNonScalingStroke_},supportsNativeTransformLists=function(){return supportsNativeSVGTransformLists_};function jqPluginSVG(e){var t=e.fn.attr;return e.fn.attr=function(e,n){var a=this.length;if(!a)return t.apply(this,arguments);for(var r=0;r<a;++r){var i=this[r];if("http://www.w3.org/2000/svg"!==i.namespaceURI)return t.apply(this,arguments);if(void 0!==n)i.setAttribute(e,n);else if(Array.isArray(e)){for(var o={},s=e.length;s--;){var l=e[s],c=i.getAttribute(l);(c||"0"===c)&&(c=isNaN(c)?c:c-0),o[l]=c}return o}if("object"!==(void 0===e?"undefined":_typeof(e))){var u=i.getAttribute(e);return(u||"0"===u)&&(u=isNaN(u)?u:u-0),u}var d=!0,h=!1,p=void 0;try{for(var g,f=Object.entries(e)[Symbol.iterator]();!(d=(g=f.next()).done);d=!0){var v=g.value,m=slicedToArray(v,2),_=m[0],b=m[1];i.setAttribute(_,b)}}catch(e){h=!0,p=e}finally{try{!d&&f.return&&f.return()}finally{if(h)throw p}}}return this},e}var svgroot=document.createElementNS(NS.SVG,"svg");function transformToString(e){var t=e.matrix,n="";switch(e.type){case 1:n="matrix("+[t.a,t.b,t.c,t.d,t.e,t.f].join(",")+")";break;case 2:n="translate("+t.e+","+t.f+")";break;case 3:n=t.a===t.d?"scale("+t.a+")":"scale("+t.a+","+t.d+")";break;case 4:var a=0,r=0;if(0!==e.angle){var i=1-t.a;r=(i*t.f+t.b*t.e)/(i*i+t.b*t.b),a=(t.e-t.b*r)/i}n="rotate("+e.angle+" "+a+","+r+")"}return n}var listMap_={},SVGTransformList=function(){function e(t){classCallCheck(this,e),this._elem=t||null,this._xforms=[],this._update=function(){var e="";svgroot.createSVGMatrix();for(var t=0;t<this.numberOfItems;++t){e+=transformToString(this._list.getItem(t))+" "}this._elem.setAttribute("transform",e)},this._list=this,this._init=function(){var e=this,t=this._elem.getAttribute("transform");if(t)for(var n=/\s*((scale|matrix|rotate|translate)\s*\(.*?\))\s*,?\s*/,a=!0;a;)a=t.match(n),t=t.replace(n,""),a&&a[1]&&function(){var t=a[1].split(/\s*\(/),n=t[0],r=t[1].match(/\s*(.*?)\s*\)/);r[1]=r[1].replace(/(\d)-/g,"$1 -");var i=r[1].split(/[, ]+/),o="abcdef".split(""),s=svgroot.createSVGMatrix();Object.values(i).forEach(function(e,t){i[t]=parseFloat(e),"matrix"===n&&(s[o[t]]=i[t])});var l=svgroot.createSVGTransform(),c="set"+n.charAt(0).toUpperCase()+n.slice(1),u="matrix"===n?[s]:i;"scale"===n&&1===u.length?u.push(u[0]):"translate"===n&&1===u.length?u.push(0):"rotate"===n&&1===u.length&&u.push(0,0),l[c].apply(l,u),e._list.appendItem(l)}()},this._removeFromOtherLists=function(e){if(e){var t=!1;for(var n in listMap_){for(var a=listMap_[n],r=0,i=a._xforms.length;r<i;++r)if(a._xforms[r]===e){t=!0,a.removeItem(r);break}if(t)break}}},this.numberOfItems=0}return createClass(e,[{key:"clear",value:function(){this.numberOfItems=0,this._xforms=[]}},{key:"initialize",value:function(e){this.numberOfItems=1,this._removeFromOtherLists(e),this._xforms=[e]}},{key:"getItem",value:function(e){if(e<this.numberOfItems&&e>=0)return this._xforms[e];var t=new Error("DOMException with code=INDEX_SIZE_ERR");throw t.code=1,t}},{key:"insertItemBefore",value:function(e,t){var n=null;if(t>=0)if(t<this.numberOfItems){this._removeFromOtherLists(e);var a=new Array(this.numberOfItems+1),r=void 0;for(r=0;r<t;++r)a[r]=this._xforms[r];a[r]=e;for(var i=r+1;r<this.numberOfItems;++i,++r)a[i]=this._xforms[r];this.numberOfItems++,this._xforms=a,n=e,this._list._update()}else n=this._list.appendItem(e);return n}},{key:"replaceItem",value:function(e,t){var n=null;return t<this.numberOfItems&&t>=0&&(this._removeFromOtherLists(e),this._xforms[t]=e,n=e,this._list._update()),n}},{key:"removeItem",value:function(e){if(e<this.numberOfItems&&e>=0){var t=this._xforms[e],n=new Array(this.numberOfItems-1),a=void 0;for(a=0;a<e;++a)n[a]=this._xforms[a];for(var r=a;r<this.numberOfItems-1;++r,++a)n[r]=this._xforms[a+1];return this.numberOfItems--,this._xforms=n,this._list._update(),t}var i=new Error("DOMException with code=INDEX_SIZE_ERR");throw i.code=1,i}},{key:"appendItem",value:function(e){return this._removeFromOtherLists(e),this._xforms.push(e),this.numberOfItems++,this._list._update(),e}}]),e}(),resetListMap=function(){listMap_={}},removeElementFromListMap=function(e){e.id&&listMap_[e.id]&&delete listMap_[e.id]},getTransformList=function(e){if(!supportsNativeTransformLists()){var t=e.id||"temp",n=listMap_[t];return n&&"temp"!==t||(listMap_[t]=new SVGTransformList(e),listMap_[t]._init(),n=listMap_[t]),n}return e.transform?e.transform.baseVal:e.gradientTransform?e.gradientTransform.baseVal:e.patternTransform?e.patternTransform.baseVal:null},wAttrs=["x","x1","cx","rx","width"],hAttrs=["y","y1","cy","ry","height"],unitAttrs=["r","radius"].concat(wAttrs,hAttrs),elementContainer_=void 0,typeMap_={},init=function(e){elementContainer_=e;var t=document.createElementNS(NS.SVG,"svg");document.body.append(t);var n=document.createElementNS(NS.SVG,"rect");n.setAttribute("width","1em"),n.setAttribute("height","1ex"),n.setAttribute("x","1in"),t.append(n);var a=n.getBBox();t.remove();var r=a.x;typeMap_={em:a.width,ex:a.height,in:r,cm:r/2.54,mm:r/25.4,pt:r/72,pc:r/6,px:1,"%":0}},getTypeMap=function(){return typeMap_},shortFloat=function e(t){var n=elementContainer_.getRoundDigits();return isNaN(t)?Array.isArray(t)?e(t[0])+","+e(t[1]):parseFloat(t).toFixed(n)-0:+(+t).toFixed(n)},convertUnit=function(e,t){return t=t||elementContainer_.getBaseUnit(),shortFloat(e/typeMap_[t])},setUnitAttr=function(e,t,n){e.setAttribute(t,n)},convertToNum=function(e,t){if(!isNaN(t))return t-0;if("%"===t.substr(-1)){var n=t.substr(0,t.length-1)/100,a=elementContainer_.getWidth(),r=elementContainer_.getHeight();return wAttrs.includes(e)?n*a:hAttrs.includes(e)?n*r:n*Math.sqrt(a*a+r*r)/Math.sqrt(2)}var i=t.substr(-2);return t.substr(0,t.length-2)*typeMap_[i]},isValidUnit=function(e,t,n){if(unitAttrs.includes(e))return!isNaN(t)||(t=t.toLowerCase(),Object.keys(typeMap_).some(function(e){return new RegExp("^-?[\\d\\.]+"+e+"$").test(t)}));if("id"===e){var a=!1;try{var r=elementContainer_.getElement(t);a=null==r||r===n}catch(e){}return a}return!0},HistoryEventTypes={BEFORE_APPLY:"before_apply",AFTER_APPLY:"after_apply",BEFORE_UNAPPLY:"before_unapply",AFTER_UNAPPLY:"after_unapply"},Command=function(){function e(){classCallCheck(this,e)}return createClass(e,[{key:"getText",value:function(){return this.text}}]),e}(),MoveElementCommand=function(e){function t(e,n,a,r){classCallCheck(this,t);var i=possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return i.elem=e,i.text=r?"Move "+e.tagName+" to "+r:"Move "+e.tagName,i.oldNextSibling=n,i.oldParent=a,i.newNextSibling=e.nextSibling,i.newParent=e.parentNode,i}return inherits(t,Command),createClass(t,[{key:"type",value:function(){return"svgedit.history.MoveElementCommand"}},{key:"apply",value:function(e){e&&e.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY,this),this.elem=this.newParent.insertBefore(this.elem,this.newNextSibling),e&&e.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY,this)}},{key:"unapply",value:function(e){e&&e.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY,this),this.elem=this.oldParent.insertBefore(this.elem,this.oldNextSibling),e&&e.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY,this)}},{key:"elements",value:function(){return[this.elem]}}]),t}();MoveElementCommand.type=MoveElementCommand.prototype.type;var InsertElementCommand=function(e){function t(e,n){classCallCheck(this,t);var a=possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return a.elem=e,a.text=n||"Create "+e.tagName,a.parent=e.parentNode,a.nextSibling=a.elem.nextSibling,a}return inherits(t,Command),createClass(t,[{key:"type",value:function(){return"svgedit.history.InsertElementCommand"}},{key:"apply",value:function(e){e&&e.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY,this),this.elem=this.parent.insertBefore(this.elem,this.nextSibling),e&&e.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY,this)}},{key:"unapply",value:function(e){e&&e.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY,this),this.parent=this.elem.parentNode,this.elem=this.elem.parentNode.removeChild(this.elem),e&&e.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY,this)}},{key:"elements",value:function(){return[this.elem]}}]),t}();InsertElementCommand.type=InsertElementCommand.prototype.type;var RemoveElementCommand=function(e){function t(e,n,a,r){classCallCheck(this,t);var i=possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return i.elem=e,i.text=r||"Delete "+e.tagName,i.nextSibling=n,i.parent=a,removeElementFromListMap(e),i}return inherits(t,Command),createClass(t,[{key:"type",value:function(){return"svgedit.history.RemoveElementCommand"}},{key:"apply",value:function(e){e&&e.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY,this),removeElementFromListMap(this.elem),this.parent=this.elem.parentNode,this.elem=this.parent.removeChild(this.elem),e&&e.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY,this)}},{key:"unapply",value:function(e){e&&e.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY,this),removeElementFromListMap(this.elem),null==this.nextSibling&&window.console&&console.log("Error: reference element was lost"),this.parent.insertBefore(this.elem,this.nextSibling),e&&e.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY,this)}},{key:"elements",value:function(){return[this.elem]}}]),t}();RemoveElementCommand.type=RemoveElementCommand.prototype.type;var ChangeElementCommand=function(e){function t(e,n,a){classCallCheck(this,t);var r=possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));for(var i in r.elem=e,r.text=a?"Change "+e.tagName+" "+a:"Change "+e.tagName,r.newValues={},r.oldValues=n,n)r.newValues[i]="#text"===i?e.textContent:"#href"===i?getHref(e):e.getAttribute(i);return r}return inherits(t,Command),createClass(t,[{key:"type",value:function(){return"svgedit.history.ChangeElementCommand"}},{key:"apply",value:function(e){e&&e.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY,this);var t=!1;for(var n in this.newValues)this.newValues[n]?"#text"===n?this.elem.textContent=this.newValues[n]:"#href"===n?setHref(this.elem,this.newValues[n]):this.elem.setAttribute(n,this.newValues[n]):"#text"===n?this.elem.textContent="":(this.elem.setAttribute(n,""),this.elem.removeAttribute(n)),"transform"===n&&(t=!0);if(!t){var a=getRotationAngle(this.elem);if(a){var r=this.elem.getBBox(),i=["rotate(",a," ",r.x+r.width/2,",",r.y+r.height/2,")"].join("");i!==this.elem.getAttribute("transform")&&this.elem.setAttribute("transform",i)}}return e&&e.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY,this),!0}},{key:"unapply",value:function(e){e&&e.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY,this);var t=!1;for(var n in this.oldValues)this.oldValues[n]?"#text"===n?this.elem.textContent=this.oldValues[n]:"#href"===n?setHref(this.elem,this.oldValues[n]):this.elem.setAttribute(n,this.oldValues[n]):"#text"===n?this.elem.textContent="":this.elem.removeAttribute(n),"transform"===n&&(t=!0);if(!t){var a=getRotationAngle(this.elem);if(a){var r=this.elem.getBBox(),i=["rotate(",a," ",r.x+r.width/2,",",r.y+r.height/2,")"].join("");i!==this.elem.getAttribute("transform")&&this.elem.setAttribute("transform",i)}}return removeElementFromListMap(this.elem),e&&e.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY,this),!0}},{key:"elements",value:function(){return[this.elem]}}]),t}();ChangeElementCommand.type=ChangeElementCommand.prototype.type;var BatchCommand=function(e){function t(e){classCallCheck(this,t);var n=possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return n.text=e||"Batch Command",n.stack=[],n}return inherits(t,Command),createClass(t,[{key:"type",value:function(){return"svgedit.history.BatchCommand"}},{key:"apply",value:function(e){e&&e.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY,this);for(var t=this.stack.length,n=0;n<t;++n)this.stack[n].apply(e);e&&e.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY,this)}},{key:"unapply",value:function(e){e&&e.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY,this);for(var t=this.stack.length-1;t>=0;t--)this.stack[t].unapply(e);e&&e.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY,this)}},{key:"elements",value:function(){for(var e=[],t=this.stack.length;t--;)for(var n=this.stack[t].elements(),a=n.length;a--;)e.includes(n[a])||e.push(n[a]);return e}},{key:"addSubCommand",value:function(e){this.stack.push(e)}},{key:"isEmpty",value:function(){return!this.stack.length}}]),t}();BatchCommand.type=BatchCommand.prototype.type;var UndoManager=function(){function e(t){classCallCheck(this,e),this.handler_=t||null,this.undoStackPointer=0,this.undoStack=[],this.undoChangeStackPointer=-1,this.undoableChangeStack=[]}return createClass(e,[{key:"resetUndoStack",value:function(){this.undoStack=[],this.undoStackPointer=0}},{key:"getUndoStackSize",value:function(){return this.undoStackPointer}},{key:"getRedoStackSize",value:function(){return this.undoStack.length-this.undoStackPointer}},{key:"getNextUndoCommandText",value:function(){return this.undoStackPointer>0?this.undoStack[this.undoStackPointer-1].getText():""}},{key:"getNextRedoCommandText",value:function(){return this.undoStackPointer<this.undoStack.length?this.undoStack[this.undoStackPointer].getText():""}},{key:"undo",value:function(){this.undoStackPointer>0&&this.undoStack[--this.undoStackPointer].unapply(this.handler_)}},{key:"redo",value:function(){this.undoStackPointer<this.undoStack.length&&this.undoStack.length>0&&this.undoStack[this.undoStackPointer++].apply(this.handler_)}},{key:"addCommandToHistory",value:function(e){this.undoStackPointer<this.undoStack.length&&this.undoStack.length>0&&(this.undoStack=this.undoStack.splice(0,this.undoStackPointer)),this.undoStack.push(e),this.undoStackPointer=this.undoStack.length}},{key:"beginUndoableChange",value:function(e,t){for(var n=++this.undoChangeStackPointer,a=t.length,r=new Array(a),i=new Array(a);a--;){var o=t[a];null!=o&&(i[a]=o,r[a]=o.getAttribute(e))}this.undoableChangeStack[n]={attrName:e,oldValues:r,elements:i}}},{key:"finishUndoableChange",value:function(){for(var e=this.undoChangeStackPointer--,t=this.undoableChangeStack[e],n=t.attrName,a=new BatchCommand("Change "+n),r=t.elements.length;r--;){var i=t.elements[r];if(null!=i){var o={};o[n]=t.oldValues[r],o[n]!==i.getAttribute(n)&&a.addSubCommand(new ChangeElementCommand(i,o,n))}}return this.undoableChangeStack[e]=null,a}}]),e}(),history=Object.freeze({HistoryEventTypes:HistoryEventTypes,MoveElementCommand:MoveElementCommand,InsertElementCommand:InsertElementCommand,RemoveElementCommand:RemoveElementCommand,ChangeElementCommand:ChangeElementCommand,BatchCommand:BatchCommand,UndoManager:UndoManager}),NEAR_ZERO=1e-14,svg$1=document.createElementNS(NS.SVG,"svg"),transformPoint=function(e,t,n){return{x:n.a*e+n.c*t+n.e,y:n.b*e+n.d*t+n.f}},isIdentity=function(e){return 1===e.a&&0===e.b&&0===e.c&&1===e.d&&0===e.e&&0===e.f},matrixMultiply=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var a=t.reduceRight(function(e,t){return t.multiply(e)});return Math.abs(a.a)<NEAR_ZERO&&(a.a=0),Math.abs(a.b)<NEAR_ZERO&&(a.b=0),Math.abs(a.c)<NEAR_ZERO&&(a.c=0),Math.abs(a.d)<NEAR_ZERO&&(a.d=0),Math.abs(a.e)<NEAR_ZERO&&(a.e=0),Math.abs(a.f)<NEAR_ZERO&&(a.f=0),a},hasMatrixTransform=function(e){if(!e)return!1;for(var t=e.numberOfItems;t--;){var n=e.getItem(t);if(1===n.type&&!isIdentity(n.matrix))return!0}return!1},transformBox=function(e,t,n,a,r){var i=transformPoint(e,t,r),o=transformPoint(e+n,t,r),s=transformPoint(e,t+a,r),l=transformPoint(e+n,t+a,r),c=Math.min(i.x,o.x,s.x,l.x),u=Math.max(i.x,o.x,s.x,l.x),d=Math.min(i.y,o.y,s.y,l.y);return{tl:i,tr:o,bl:s,br:l,aabox:{x:c,y:d,width:u-c,height:Math.max(i.y,o.y,s.y,l.y)-d}}},transformListToTransform=function(e,t,n){if(null==e)return svg$1.createSVGTransformFromMatrix(svg$1.createSVGMatrix());if(t=t||0,n=n||e.numberOfItems-1,(t=parseInt(t,10))>(n=parseInt(n,10))){var a=n;n=t,t=a}for(var r=svg$1.createSVGMatrix(),i=t;i<=n;++i){var o=i>=0&&i<e.numberOfItems?e.getItem(i).matrix:svg$1.createSVGMatrix();r=matrixMultiply(r,o)}return svg$1.createSVGTransformFromMatrix(r)},getMatrix=function(e){var t=getTransformList(e);return transformListToTransform(t).matrix},snapToAngle=function(e,t,n,a){var r=Math.PI/4,i=n-e,o=a-t,s=Math.atan2(o,i),l=Math.sqrt(i*i+o*o),c=Math.round(s/r)*r;return{x:e+l*Math.cos(c),y:t+l*Math.sin(c),a:c}},rectsIntersect=function(e,t){return t.x<e.x+e.width&&t.x+t.width>e.x&&t.y<e.y+e.height&&t.y+t.height>e.y},$$1=jQuery,segData={2:["x","y"],4:["x","y"],6:["x","y","x1","y1","x2","y2"],8:["x","y","x1","y1"],10:["x","y","r1","r2","angle","largeArcFlag","sweepFlag"],12:["x"],14:["y"],16:["x","y","x2","y2"],18:["x","y"]},uiStrings={},setUiStrings=function(e){Object.assign(uiStrings,e.ui)},pathFuncs=[],linkControlPts=!0,pathData={},setLinkControlPoints=function(e){linkControlPts=e},path=null,editorContext_=null,init$1=function(e){editorContext_=e,pathFuncs=[0,"ClosePath"];$$1.each(["Moveto","Lineto","CurvetoCubic","CurvetoQuadratic","Arc","LinetoHorizontal","LinetoVertical","CurvetoCubicSmooth","CurvetoQuadraticSmooth"],function(e,t){pathFuncs.push(t+"Abs"),pathFuncs.push(t+"Rel")})},insertItemBefore=function(e,t,n){var a=e.pathSegList;if(supportsPathInsertItemBefore())a.insertItemBefore(t,n);else{for(var r=a.numberOfItems,i=[],o=0;o<r;o++){var s=a.getItem(o);i.push(s)}a.clear();for(var l=0;l<r;l++)l===n&&a.appendItem(t),a.appendItem(i[l])}},ptObjToArr=function(e,t){return segData[e].map(function(e){return t[e]})},getGripPt=function(e,t){var n=e.path,a={x:t?t.x:e.item.x,y:t?t.y:e.item.y};n.matrix&&(a=transformPoint(a.x,a.y,n.matrix));var r=editorContext_.getCurrentZoom();return a.x*=r,a.y*=r,a},getPointFromGrip=function(e,t){var n={x:e.x,y:e.y};t.matrix&&(e=transformPoint(n.x,n.y,t.imatrix),n.x=e.x,n.y=e.y);var a=editorContext_.getCurrentZoom();return n.x/=a,n.y/=a,n},addPointGrip=function(e,t,n){var a=getGripContainer(),r=getElem("pathpointgrip_"+e);if(!r){r=document.createElementNS(NS.SVG,"circle");var i={id:"pathpointgrip_"+e,display:"none",r:4,fill:"#0FF",stroke:"#00F","stroke-width":2,cursor:"move",style:"pointer-events:all"};"pathNodeTooltip"in uiStrings&&(i["xlink:title"]=uiStrings.pathNodeTooltip),assignAttributes(r,i),r=a.appendChild(r),$$1("#pathpointgrip_"+e).dblclick(function(){path&&path.setSegType()})}return t&&n&&assignAttributes(r,{cx:t,cy:n,display:"inline"}),r},getGripContainer=function(){var e=getElem("pathpointgrip_container");e||((e=getElem("selectorParentGroup").appendChild(document.createElementNS(NS.SVG,"g"))).id="pathpointgrip_container");return e},addCtrlGrip=function(e){var t=getElem("ctrlpointgrip_"+e);if(t)return t;t=document.createElementNS(NS.SVG,"circle");var n={id:"ctrlpointgrip_"+e,display:"none",r:4,fill:"#0FF",stroke:"#55F","stroke-width":1,cursor:"move",style:"pointer-events:all"};return"pathCtrlPtTooltip"in uiStrings&&(n["xlink:title"]=uiStrings.pathCtrlPtTooltip),assignAttributes(t,n),getGripContainer().append(t),t},getCtrlLine=function(e){var t=getElem("ctrlLine_"+e);return t||(t=document.createElementNS(NS.SVG,"line"),assignAttributes(t,{id:"ctrlLine_"+e,stroke:"#555","stroke-width":1,style:"pointer-events:none"}),getGripContainer().append(t),t)},getPointGrip=function(e,t){var n=e.index,a=addPointGrip(n);if(t){var r=getGripPt(e);assignAttributes(a,{cx:r.x,cy:r.y,display:"inline"})}return a},getControlPoints=function(e){var t=e.item,n=e.index;if(!("x1"in t&&"x2"in t))return null;var a={};getGripContainer();for(var r=[path.segs[n-1].item,t],i=1;i<3;i++){var o=n+"c"+i,s=a["c"+i+"_line"]=getCtrlLine(o),l=getGripPt(e,{x:t["x"+i],y:t["y"+i]}),c=getGripPt(e,{x:r[i-1].x,y:r[i-1].y});assignAttributes(s,{x1:l.x,y1:l.y,x2:c.x,y2:c.y,display:"inline"}),a["c"+i+"_line"]=s;var u=a["c"+i]=addCtrlGrip(o);assignAttributes(u,{cx:l.x,cy:l.y,display:"inline"}),a["c"+i]=u}return a},replacePathSeg=function(e,t,n,a){var r=a||path.elem,i=r["createSVGPathSeg"+pathFuncs[e]].apply(r,n);if(supportsPathReplaceItem())r.pathSegList.replaceItem(i,t);else{for(var o=r.pathSegList,s=o.numberOfItems,l=[],c=0;c<s;c++){var u=o.getItem(c);l.push(u)}o.clear();for(var d=0;d<s;d++)d===t?o.appendItem(i):o.appendItem(l[d])}},getSegSelector=function(e,t){var n=e.index,a=getElem("segline_"+n);if(!a){var r=getGripContainer();a=document.createElementNS(NS.SVG,"path"),assignAttributes(a,{id:"segline_"+n,display:"none",fill:"none",stroke:"#0FF","stroke-width":2,style:"pointer-events:none",d:"M0,0 0,0"}),r.append(a)}if(t){var i=e.prev;if(!i)return a.setAttribute("display","none"),a;var o=getGripPt(i);replacePathSeg(2,0,[o.x,o.y],a);for(var s=ptObjToArr(e.type,e.item,!0),l=0;l<s.length;l+=2){var c=getGripPt(e,{x:s[l],y:s[l+1]});s[l]=c.x,s[l+1]=c.y}replacePathSeg(e.type,1,s,a)}return a},smoothControlPoints=function(e,t,n){var a=e.x-n.x,r=e.y-n.y,i=t.x-n.x,o=t.y-n.y;if(!(0===a&&0===r||0===i&&0===o)){var s=Math.sqrt(a*a+r*r),l=Math.sqrt(i*i+o*o),c=editorContext_.getSVGRoot().createSVGPoint(),u=editorContext_.getSVGRoot().createSVGPoint(),d=Math.atan2(r,a),h=Math.atan2(o,i);d<0&&(d+=2*Math.PI),h<0&&(h+=2*Math.PI);var p=Math.abs(d-h),g=Math.abs(Math.PI-p)/2,f=void 0,v=void 0;return d-h>0?(f=p<Math.PI?d+g:d-g,v=p<Math.PI?h-g:h+g):(f=p<Math.PI?d-g:d+g,v=p<Math.PI?h+g:h-g),c.x=s*Math.cos(f)+n.x,c.y=s*Math.sin(f)+n.y,u.x=l*Math.cos(v)+n.x,u.y=l*Math.sin(v)+n.y,[c,u]}},Segment=function(){function e(t,n){classCallCheck(this,e),this.selected=!1,this.index=t,this.item=n,this.type=n.pathSegType,this.ctrlpts=[],this.ptgrip=null,this.segsel=null}return createClass(e,[{key:"showCtrlPts",value:function(e){for(var t in this.ctrlpts)this.ctrlpts.hasOwnProperty(t)&&this.ctrlpts[t].setAttribute("display",e?"inline":"none")}},{key:"selectCtrls",value:function(e){$$1("#ctrlpointgrip_"+this.index+"c1, #ctrlpointgrip_"+this.index+"c2").attr("fill",e?"#0FF":"#EEE")}},{key:"show",value:function(e){this.ptgrip&&(this.ptgrip.setAttribute("display",e?"inline":"none"),this.segsel.setAttribute("display",e?"inline":"none"),this.showCtrlPts(e))}},{key:"select",value:function(e){this.ptgrip&&(this.ptgrip.setAttribute("stroke",e?"#0FF":"#00F"),this.segsel.setAttribute("display",e?"inline":"none"),this.ctrlpts&&this.selectCtrls(e),this.selected=e)}},{key:"addGrip",value:function(){this.ptgrip=getPointGrip(this,!0),this.ctrlpts=getControlPoints(this,!0),this.segsel=getSegSelector(this,!0)}},{key:"update",value:function(e){if(this.ptgrip){var t=getGripPt(this);assignAttributes(this.ptgrip,{cx:t.x,cy:t.y}),getSegSelector(this,!0),this.ctrlpts&&(e&&(this.item=path.elem.pathSegList.getItem(this.index),this.type=this.item.pathSegType),getControlPoints(this))}}},{key:"move",value:function(e,t){var n=this.item,a=this.ctrlpts?[n.x+=e,n.y+=t,n.x1,n.y1,n.x2+=e,n.y2+=t]:[n.x+=e,n.y+=t];if(replacePathSeg(this.type,this.index,a),this.next&&this.next.ctrlpts){var r=this.next.item,i=[r.x,r.y,r.x1+=e,r.y1+=t,r.x2,r.y2];replacePathSeg(this.next.type,this.next.index,i)}if(this.mate){var o=this.mate.item,s=[o.x+=e,o.y+=t];replacePathSeg(this.mate.type,this.mate.index,s)}this.update(!0),this.next&&this.next.update(!0)}},{key:"setLinked",value:function(e){var t=void 0,n=void 0,a=void 0;if(2===e){if(n=1,!(t=this.next))return;a=this.item}else{if(n=2,!(t=this.prev))return;a=t.item}var r=t.item;r["x"+n]=a.x+(a.x-this.item["x"+e]),r["y"+n]=a.y+(a.y-this.item["y"+e]);var i=[r.x,r.y,r.x1,r.y1,r.x2,r.y2];replacePathSeg(t.type,t.index,i),t.update(!0)}},{key:"moveCtrl",value:function(e,t,n){var a=this.item;a["x"+e]+=t,a["y"+e]+=n;var r=[a.x,a.y,a.x1,a.y1,a.x2,a.y2];replacePathSeg(this.type,this.index,r),this.update(!0)}},{key:"setType",value:function(e,t){replacePathSeg(e,this.index,t),this.type=e,this.item=path.elem.pathSegList.getItem(this.index),this.showCtrlPts(6===e),this.ctrlpts=getControlPoints(this),this.update(!0)}}]),e}(),Path=function(){function e(t){if(classCallCheck(this,e),!t||"path"!==t.tagName)throw new Error("svgedit.path.Path constructed without a <path> element");this.elem=t,this.segs=[],this.selected_pts=[],path=this,this.init()}return createClass(e,[{key:"init",value:function(){$$1(getGripContainer()).find("*").each(function(){$$1(this).attr("display","none")});var e=this.elem.pathSegList,t=e.numberOfItems;this.segs=[],this.selected_pts=[],this.first_seg=null;for(var n=0;n<t;n++){var a=e.getItem(n),r=new Segment(n,a);r.path=this,this.segs.push(r)}for(var i=this.segs,o=null,s=0;s<t;s++){var l=i[s],c=s+1>=t?null:i[s+1],u=s-1<0?null:i[s-1];if(2===l.type){if(u&&1!==u.type){var d=i[o];d.next=i[o+1],d.next.prev=d,d.addGrip()}o=s}else if(c&&1===c.type)l.next=i[o+1],l.next.prev=l,l.mate=i[o],l.addGrip(),null==this.first_seg&&(this.first_seg=l);else if(c)1!==l.type&&(l.addGrip(),c&&2!==c.type&&(l.next=c,l.next.prev=l));else if(1!==l.type){var h=i[o];h.next=i[o+1],h.next.prev=h,h.addGrip(),l.addGrip(),this.first_seg||(this.first_seg=i[o])}}return this}},{key:"eachSeg",value:function(e){for(var t=this.segs.length,n=0;n<t;n++){if(!1===e.call(this.segs[n],n))break}}},{key:"addSeg",value:function(e){var t=this.segs[e];if(t.prev){var n=t.prev,a=void 0,r=void 0,i=void 0;switch(t.item.pathSegType){case 4:r=(t.item.x+n.item.x)/2,i=(t.item.y+n.item.y)/2,a=this.elem.createSVGPathSegLinetoAbs(r,i);break;case 6:var o=(n.item.x+t.item.x1)/2,s=(t.item.x1+t.item.x2)/2,l=(t.item.x2+t.item.x)/2,c=(o+s)/2,u=(s+l)/2;r=(c+u)/2;var d=(n.item.y+t.item.y1)/2,h=(t.item.y1+t.item.y2)/2,p=(t.item.y2+t.item.y)/2,g=(d+h)/2,f=(h+p)/2;i=(g+f)/2,a=this.elem.createSVGPathSegCurvetoCubicAbs(r,i,o,d,c,g);var v=[t.item.x,t.item.y,u,f,l,p];replacePathSeg(t.type,e,v)}insertItemBefore(this.elem,a,e)}}},{key:"deleteSeg",value:function(e){var t=this.segs[e],n=this.elem.pathSegList;t.show(!1);var a=t.next;if(t.mate){var r=[a.item.x,a.item.y];replacePathSeg(2,a.index,r),replacePathSeg(4,t.index,r),n.removeItem(t.mate.index)}else if(t.prev)n.removeItem(e);else{var i=[a.item.x,a.item.y];replacePathSeg(2,t.next.index,i),n.removeItem(e)}}},{key:"subpathIsClosed",value:function(e){var t=!1;return path.eachSeg(function(n){return n<=e||2!==this.type&&(1===this.type?(t=!0,!1):void 0)}),t}},{key:"removePtFromSelection",value:function(e){var t=this.selected_pts.indexOf(e);-1!==t&&(this.segs[e].select(!1),this.selected_pts.splice(t,1))}},{key:"clearSelection",value:function(){this.eachSeg(function(){this.select(!1)}),this.selected_pts=[]}},{key:"storeD",value:function(){this.last_d=this.elem.getAttribute("d")}},{key:"show",value:function(e){return this.eachSeg(function(){this.show(e)}),e&&this.selectPt(this.first_seg.index),this}},{key:"movePts",value:function(e,t){for(var n=this.selected_pts.length;n--;){this.segs[this.selected_pts[n]].move(e,t)}}},{key:"moveCtrl",value:function(e,t){var n=this.segs[this.selected_pts[0]];n.moveCtrl(this.dragctrl,e,t),linkControlPts&&n.setLinked(this.dragctrl)}},{key:"setSegType",value:function(e){this.storeD();for(var t=this.selected_pts.length,n=void 0;t--;){var a=this.selected_pts[t],r=this.segs[a],i=r.prev;if(i){if(!e)n="Toggle Path Segment Type",e=6===r.type?4:6;e=Number(e);var o=r.item.x,s=r.item.y,l=i.item.x,c=i.item.y,u=void 0;switch(e){case 6:if(r.olditem){var d=r.olditem;u=[o,s,d.x1,d.y1,d.x2,d.y2]}else{var h=o-l,p=s-c;u=[o,s,l+h/3,c+p/3,o-h/3,s-p/3]}break;case 4:u=[o,s],r.olditem=r.item}r.setType(e,u)}}path.endChanges(n)}},{key:"selectPt",value:function(e,t){this.clearSelection(),null==e&&this.eachSeg(function(t){this.prev&&(e=t)}),this.addPtsToSelection(e),t&&(this.dragctrl=t,linkControlPts&&this.segs[e].setLinked(t))}},{key:"update",value:function(){var e=this.elem;return getRotationAngle(e)?(this.matrix=getMatrix(e),this.imatrix=this.matrix.inverse()):(this.matrix=null,this.imatrix=null),this.eachSeg(function(t){this.item=e.pathSegList.getItem(t),this.update()}),this}},{key:"endChanges",value:function(e){isWebkit()&&editorContext_.resetD(this.elem);var t=new ChangeElementCommand(this.elem,{d:this.last_d},e);editorContext_.endChanges({cmd:t,elem:this.elem})}},{key:"addPtsToSelection",value:function(e){Array.isArray(e)||(e=[e]);for(var t=0;t<e.length;t++){var n=e[t];this.segs[n].ptgrip&&!this.selected_pts.includes(n)&&n>=0&&this.selected_pts.push(n)}this.selected_pts.sort();var a=this.selected_pts.length,r=[];for(r.length=a;a--;){var i=this.selected_pts[a],o=this.segs[i];o.select(!0),r[a]=o.ptgrip}var s=this.subpathIsClosed(this.selected_pts[0]);editorContext_.addPtsToSelection({grips:r,closedSubpath:s})}}]),e}(),getPath_=function(e){var t=pathData[e.id];return t||(t=pathData[e.id]=new Path(e)),t},removePath_=function(e){e in pathData&&delete pathData[e]},newcx=void 0,newcy=void 0,oldcx=void 0,oldcy=void 0,angle=void 0,getRotVals=function(e,t){var n=e-oldcx,a=t-oldcy,r=Math.sqrt(n*n+a*a),i=Math.atan2(a,n)+angle;return n=r*Math.cos(i)+oldcx,a=r*Math.sin(i)+oldcy,n-=newcx,a-=newcy,r=Math.sqrt(n*n+a*a),i=Math.atan2(a,n)-angle,{x:r*Math.cos(i)+newcx,y:r*Math.sin(i)+newcy}},recalcRotatedPath=function(){var e=path.elem;if(angle=getRotationAngle(e,!0)){var t=path.oldbbox;oldcx=t.x+t.width/2,oldcy=t.y+t.height/2;var n=getBBox(e);newcx=n.x+n.width/2,newcy=n.y+n.height/2;var a=newcx-oldcx,r=newcy-oldcy,i=Math.sqrt(a*a+r*r),o=Math.atan2(r,a)+angle;newcx=i*Math.cos(o)+oldcx,newcy=i*Math.sin(o)+oldcy;for(var s=e.pathSegList,l=s.numberOfItems;l;){l-=1;var c=s.getItem(l),u=c.pathSegType;if(1!==u){var d=getRotVals(c.x,c.y),h=[d.x,d.y];if(null!=c.x1&&null!=c.x2){var p=getRotVals(c.x1,c.y1),g=getRotVals(c.x2,c.y2);h.splice(h.length,0,p.x,p.y,g.x,g.y)}replacePathSeg(u,l,h)}}n=getBBox(e);var f=editorContext_.getSVGRoot().createSVGTransform(),v=getTransformList(e);f.setRotate(180*angle/Math.PI,newcx,newcy),v.replaceItem(f,0)}},clearData=function(){pathData={}},reorientGrads=function(e,t){for(var n=getBBox(e),a=0;a<2;a++){var r=0===a?"fill":"stroke",i=e.getAttribute(r);if(i&&i.startsWith("url(")){var o=getRefElem(i);if("linearGradient"===o.tagName){var s=o.getAttribute("x1")||0,l=o.getAttribute("y1")||0,c=o.getAttribute("x2")||1,u=o.getAttribute("y2")||0;s=n.width*s+n.x,l=n.height*l+n.y,c=n.width*c+n.x,u=n.height*u+n.y;var d=transformPoint(s,l,t),h=transformPoint(c,u,t),p={};p.x1=(d.x-n.x)/n.width,p.y1=(d.y-n.y)/n.height,p.x2=(h.x-n.x)/n.width,p.y2=(h.y-n.y)/n.height;var g=o.cloneNode(!0);$$1(g).attr(p),g.id=editorContext_.getNextId(),findDefs().append(g),e.setAttribute(r,"url(#"+g.id+")")}}}},pathMap=[0,"z","M","m","L","l","C","c","Q","q","A","a","H","h","V","v","S","s","T","t"],convertPath=function(e,t){for(var n=e.pathSegList,a=n.numberOfItems,r=0,i=0,o="",s=null,l=0;l<a;++l){var c=n.getItem(l),u=c.x||0,d=c.y||0,h=c.x1||0,p=c.y1||0,g=c.x2||0,f=c.y2||0,v=c.pathSegType,m=pathMap[v]["to"+(t?"Lower":"Upper")+"Case"]();switch(v){case 1:o+="z",s&&!t&&(r=s[0],i=s[1]);break;case 12:u-=r;case 13:t?(r+=u,m="l"):(r=u+=r,m="L"),o+=pathDSegment(m,[[u,i]]);break;case 14:d-=i;case 15:t?(i+=d,m="l"):(i=d+=i,m="L"),o+=pathDSegment(m,[[r,d]]);break;case 2:case 4:case 18:u-=r,d-=i;case 5:case 3:case 19:t?(r+=u,i+=d):(r=u+=r,i=d+=i),2!==v&&3!==v||(s=[r,i]),o+=pathDSegment(m,[[u,d]]);break;case 6:u-=r,h-=r,g-=r,d-=i,p-=i,f-=i;case 7:t?(r+=u,i+=d):(h+=r,g+=r,p+=i,f+=i,r=u+=r,i=d+=i),o+=pathDSegment(m,[[h,p],[g,f],[u,d]]);break;case 8:u-=r,h-=r,d-=i,p-=i;case 9:t?(r+=u,i+=d):(h+=r,p+=i,r=u+=r,i=d+=i),o+=pathDSegment(m,[[h,p],[u,d]]);break;case 10:u-=r,d-=i;case 11:t?(r+=u,i+=d):(r=u+=r,i=d+=i),o+=pathDSegment(m,[[c.r1,c.r2]],[c.angle,c.largeArcFlag?1:0,c.sweepFlag?1:0],[u,d]);break;case 16:u-=r,g-=r,d-=i,f-=i;case 17:t?(r+=u,i+=d):(g+=r,f+=i,r=u+=r,i=d+=i),o+=pathDSegment(m,[[g,f],[u,d]])}}return o};function pathDSegment(e,t,n,a){$$1.each(t,function(e,n){t[e]=shortFloat(n)});var r=e+t.join(" ");return n&&(r+=" "+n.join(" ")),a&&(r+=" "+shortFloat(a)),r}var pathActions=function(){var e=!1,t=void 0,n=void 0,a=null,r=!1;return{mouseDown:function(n,a,r,i){var o=void 0;if("path"!==editorContext_.getCurrentMode()){if(path){path.storeD();var s=void 0;if("pathpointgrip_"===(o=n.target.id).substr(0,14)){s=path.cur_pt=parseInt(o.substr(14),10),path.dragging=[r,i];var l=path.segs[s];n.shiftKey?l.selected?path.removePtFromSelection(s):path.addPtsToSelection(s):((path.selected_pts.length<=1||!l.selected)&&path.clearSelection(),path.addPtsToSelection(s))}else if(o.startsWith("ctrlpointgrip_")){path.dragging=[r,i];var c=o.split("_")[1].split("c");s=Number(c[0]);var u=Number(c[1]);path.selectPt(s,u)}if(!path.dragging){var d=editorContext_.getRubberBox();null==d&&(d=editorContext_.setRubberBox(editorContext_.selectorManager.getRubberBandBox()));var h=editorContext_.getCurrentZoom();assignAttributes(d,{x:r*h,y:i*h,width:0,height:0,display:"inline"},100)}}}else{var p=r,g=i,f=editorContext_.getCurrentZoom(),v=p/f,m=g/f,_=getElem("path_stretch_line");t=[v,m],editorContext_.getGridSnapping()&&(v=snapToGrid(v),m=snapToGrid(m),p=snapToGrid(p),g=snapToGrid(g)),_||(_=document.createElementNS(NS.SVG,"path"),assignAttributes(_,{id:"path_stretch_line",stroke:"#22C","stroke-width":"0.5",fill:"none"}),_=getElem("selectorParentGroup").appendChild(_)),_.setAttribute("display","inline");var b=void 0,y=editorContext_.getDrawnPath();if(y){for(var x=y.pathSegList,C=x.numberOfItems,S=6/f,w=!1;C;){C--;var $=x.getItem(C),k=$.x,A=$.y;if(v>=k-S&&v<=k+S&&m>=A-S&&m<=A+S){w=!0;break}}o=editorContext_.getId(),removePath_(o);var E=getElem(o),P=void 0,T=void 0,G=x.numberOfItems;if(w){if(C<=1&&G>=2){var N=x.getItem(0).x,L=x.getItem(0).y;P=4===(T=_.pathSegList.getItem(1)).pathSegType?y.createSVGPathSegLinetoAbs(N,L):y.createSVGPathSegCurvetoCubicAbs(N,L,T.x1/f,T.y1/f,N,L);var I=y.createSVGPathSegClosePath();x.appendItem(P),x.appendItem(I)}else if(G<3)return!1;if($$1(_).remove(),y=editorContext_.setDrawnPath(null),editorContext_.setStarted(!1),e){path.matrix&&editorContext_.remapElement(E,{},path.matrix.inverse());var M=E.getAttribute("d"),R=$$1(path.elem).attr("d");return $$1(path.elem).attr("d",R+M),$$1(E).remove(),path.matrix&&recalcRotatedPath(),init$1(),pathActions.toEditMode(path.elem),path.selectPt(),!1}}else{if(!$$1.contains(editorContext_.getContainer(),editorContext_.getMouseTarget(n)))return console.log("Clicked outside canvas"),!1;var O=y.pathSegList.numberOfItems,V=y.pathSegList.getItem(O-1),B=V.x,j=V.y;if(n.shiftKey){var D=snapToAngle(B,j,v,m);v=D.x,m=D.y}P=4===(T=_.pathSegList.getItem(1)).pathSegType?y.createSVGPathSegLinetoAbs(editorContext_.round(v),editorContext_.round(m)):y.createSVGPathSegCurvetoCubicAbs(editorContext_.round(v),editorContext_.round(m),T.x1/f,T.y1/f,T.x2/f,T.y2/f),y.pathSegList.appendItem(P),v*=f,m*=f,_.setAttribute("d",["M",v,m,v,m].join(" ")),b=O,e&&(b+=path.segs.length),addPointGrip(b,v,m)}}else{var F="M"+v+","+m+" ";y=editorContext_.setDrawnPath(editorContext_.addSVGElementFromJson({element:"path",curStyles:!0,attr:{d:F,id:editorContext_.getNextId(),opacity:editorContext_.getOpacity()/2}})),_.setAttribute("d",["M",p,g,p,g].join(" ")),b=e?path.segs.length:0,addPointGrip(b,p,g)}}},mouseMove:function(e,a){var i=editorContext_.getCurrentZoom();r=!0;var o=editorContext_.getDrawnPath();if("path"!==editorContext_.getCurrentMode())if(path.dragging){var s=getPointFromGrip({x:path.dragging[0],y:path.dragging[1]},path),l=getPointFromGrip({x:e,y:a},path),c=l.x-s.x,u=l.y-s.y;path.dragging=[e,a],path.dragctrl?path.moveCtrl(c,u):path.movePts(c,u)}else path.selected_pts=[],path.eachSeg(function(e){if(this.next||this.prev){var t=editorContext_.getRubberBox().getBBox(),n=getGripPt(this),a={x:n.x,y:n.y,width:0,height:0},r=rectsIntersect(t,a);this.select(r),r&&path.selected_pts.push(this.index)}});else{if(!o)return;var d=o.pathSegList,h=d.numberOfItems-1;if(t){var p=addCtrlGrip("1c1"),g=addCtrlGrip("0c2");p.setAttribute("cx",e),p.setAttribute("cy",a),p.setAttribute("display","inline");var f=t[0],v=t[1],m=f+(f-e/i),_=v+(v-a/i);g.setAttribute("cx",m*i),g.setAttribute("cy",_*i),g.setAttribute("display","inline");var b=getCtrlLine(1);if(assignAttributes(b,{x1:e,y1:a,x2:m*i,y2:_*i,display:"inline"}),0===h)n=[e,a];else{var y=d.getItem(h-1),x=y.x,C=y.y;6===y.pathSegType?(x+=x-y.x2,C+=C-y.y2):n&&(x=n[0]/i,C=n[1]/i),replacePathSeg(6,h,[f,v,x,C,m,_],o)}}else{var S=getElem("path_stretch_line");if(S){var w=d.getItem(h);if(6===w.pathSegType){var $=w.x+(w.x-w.x2),k=w.y+(w.y-w.y2);replacePathSeg(6,1,[e,a,$*i,k*i,e,a],S)}else n?replacePathSeg(6,1,[e,a,n[0],n[1],e,a],S):replacePathSeg(4,1,[e,a],S)}}}},mouseUp:function(e,a,i,o){var s=editorContext_.getDrawnPath();if("path"===editorContext_.getCurrentMode())return t=null,s||(a=getElem(editorContext_.getId()),editorContext_.setStarted(!1),n=null),{keep:!0,element:a};var l=editorContext_.getRubberBox();if(path.dragging){var c=path.cur_pt;path.dragging=!1,path.dragctrl=!1,path.update(),r&&path.endChanges("Move path point(s)"),e.shiftKey||r||path.selectPt(c)}else l&&"none"!==l.getAttribute("display")?(l.setAttribute("display","none"),l.getAttribute("width")<=2&&l.getAttribute("height")<=2&&pathActions.toSelectMode(e.target)):pathActions.toSelectMode(e.target);r=!1},toEditMode:function(t){path=getPath_(t),editorContext_.setCurrentMode("pathedit"),editorContext_.clearSelection(),path.show(!0).update(),path.oldbbox=getBBox(path.elem),e=!1},toSelectMode:function(e){var t=e===path.elem;editorContext_.setCurrentMode("select"),path.show(!1),a=!1,editorContext_.clearSelection(),path.matrix&&recalcRotatedPath(),t&&(editorContext_.call("selected",[e]),editorContext_.addToSelection([e],!0))},addSubPath:function(t){t?(editorContext_.setCurrentMode("path"),e=!0):(pathActions.clear(!0),pathActions.toEditMode(path.elem))},select:function(e){a===e?(pathActions.toEditMode(e),editorContext_.setCurrentMode("pathedit")):a=e},reorient:function(){var e=editorContext_.getSelectedElements()[0];if(e&&0!==getRotationAngle(e)){var t=new BatchCommand("Reorient path"),n={d:e.getAttribute("d"),transform:e.getAttribute("transform")};t.addSubCommand(new ChangeElementCommand(e,n)),editorContext_.clearSelection(),this.resetOrientation(e),editorContext_.addCommandToHistory(t),getPath_(e).show(!1).matrix=null,this.clear(),editorContext_.addToSelection([e],!0),editorContext_.call("changed",editorContext_.getSelectedElements())}},clear:function(e){var t=editorContext_.getDrawnPath();if(a=null,t){var r=getElem(editorContext_.getId());$$1(getElem("path_stretch_line")).remove(),$$1(r).remove(),$$1(getElem("pathpointgrip_container")).find("*").attr("display","none"),n=null,editorContext_.setDrawnPath(null),editorContext_.setStarted(!1)}else"pathedit"===editorContext_.getCurrentMode()&&this.toSelectMode();path&&path.init().show(!1)},resetOrientation:function(e){if(null==e||"path"!==e.nodeName)return!1;var t=getTransformList(e),n=transformListToTransform(t).matrix;t.clear(),e.removeAttribute("transform");for(var a=e.pathSegList,r=a.numberOfItems,i=function(t){var r=a.getItem(t),i=r.pathSegType;if(1===i)return"continue";var o=[];$$1.each(["",1,2],function(e,t){var a=r["x"+t],i=r["y"+t];if(void 0!==a&&void 0!==i){var s=transformPoint(a,i,n);o.splice(o.length,0,s.x,s.y)}}),replacePathSeg(i,t,o,e)},o=0;o<r;++o)i(o);reorientGrads(e,n)},zoomChange:function(){"pathedit"===editorContext_.getCurrentMode()&&path.update()},getNodePoint:function(){var e=path.selected_pts.length?path.selected_pts[0]:1,t=path.segs[e];return{x:t.item.x,y:t.item.y,type:t.type}},linkControlPoints:function(e){setLinkControlPoints(e)},clonePathNode:function(){path.storeD();for(var e=path.selected_pts,t=e.length,n=[];t--;){var a=e[t];path.addSeg(a),n.push(a+t),n.push(a+t+1)}path.init().addPtsToSelection(n),path.endChanges("Clone path node(s)")},opencloseSubPath:function(){var e=path.selected_pts;if(1===e.length){var t=path.elem,n=t.pathSegList,a=e[0],r=null,i=null;if(path.eachSeg(function(e){return 2===this.type&&e<=a&&(i=this.item),e<=a||(2===this.type?(r=e,!1):1===this.type?(r=!1,!1):void 0)}),null==r&&(r=path.segs.length-1),!1!==r){var o=t.createSVGPathSegLinetoAbs(i.x,i.y),s=t.createSVGPathSegClosePath();return r===path.segs.length-1?(n.appendItem(o),n.appendItem(s)):(insertItemBefore(t,s,r),insertItemBefore(t,o,r)),void path.init().selectPt(r+1)}if(path.segs[a].mate)return n.removeItem(a),n.removeItem(a),void path.init().selectPt(a-1);for(var l=void 0,c=void 0,u=0;u<n.numberOfItems;u++){var d=n.getItem(u);if(2===d.pathSegType)l=u;else if(u===a)n.removeItem(l);else if(1===d.pathSegType&&a<u){c=u-1,n.removeItem(u);break}}for(var h=a-l-1;h--;)insertItemBefore(t,n.getItem(l),c);var p=n.getItem(l);replacePathSeg(2,l,[p.x,p.y]),path.init().selectPt(0)}},deletePathNode:function(){if(pathActions.canDeleteNodes){path.storeD();for(var e=path.selected_pts,t=e.length;t--;){var n=e[t];path.deleteSeg(n)}if(function e(){var t=path.elem.pathSegList,n=t.numberOfItems,a=function(e,n){for(;n--;)t.removeItem(e)};if(n<=1)return!0;for(;n--;){var r=t.getItem(n);if(1===r.pathSegType){var i=t.getItem(n-1),o=t.getItem(n-2);if(2===i.pathSegType){a(n-1,2),e();break}if(2===o.pathSegType){a(n-2,3),e();break}}else if(2===r.pathSegType&&n>0){var s=t.getItem(n-1).pathSegType;if(2===s){a(n-1,1),e();break}if(1===s&&t.numberOfItems-1===n){a(n,1),e();break}}}return!1}(),path.elem.pathSegList.numberOfItems<=1)return pathActions.toSelectMode(path.elem),void editorContext_.canvas.deleteSelectedElements();if(path.init(),path.clearSelection(),window.opera){var a=$$1(path.elem);a.attr("d",a.attr("d"))}path.endChanges("Delete path node(s)")}},smoothPolylineIntoPath:function(e){var t=void 0,n=e.points,a=n.numberOfItems;if(a>=4){var r=n.getItem(0),i=null,o=[];for(o.push(["M",r.x,",",r.y," C"].join("")),t=1;t<=a-4;t+=3){var s=n.getItem(t),l=n.getItem(t+1),c=n.getItem(t+2);if(i){var u=smoothControlPoints(i,s,r);if(u&&2===u.length){var d=o[o.length-1].split(",");d[2]=u[0].x,d[3]=u[0].y,o[o.length-1]=d.join(","),s=u[1]}}o.push([s.x,s.y,l.x,l.y,c.x,c.y].join(",")),r=c,i=l}for(o.push("L");t<a;){var h=n.getItem(t);o.push([h.x,h.y].join(",")),t++}o=o.join(" "),e=editorContext_.addSVGElementFromJson({element:"path",curStyles:!0,attr:{id:editorContext_.getId(),d:o,fill:"none"}})}return e},setSegType:function(e){path.setSegType(e)},moveNode:function(e,t){var n=path.selected_pts;if(n.length){path.storeD();var a=path.segs[n[0]],r={x:0,y:0};r[e]=t-a.item[e],a.move(r.x,r.y),path.endChanges("Move path point")}},fixEnd:function(e){for(var t=e.pathSegList,n=t.numberOfItems,a=void 0,r=0;r<n;++r){var i=t.getItem(r);if(2===i.pathSegType&&(a=i),1===i.pathSegType){var o=t.getItem(r-1);if(o.x!==a.x||o.y!==a.y){var s=e.createSVGPathSegLinetoAbs(a.x,a.y);insertItemBefore(e,s,r),pathActions.fixEnd(e);break}}}isWebkit()&&editorContext_.resetD(e)},convertPath:convertPath}}(),$$2=jqPluginSVG(jQuery),KEYSTR="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",visElems="a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use",visElemsArr=visElems.split(","),editorContext_$1=null,domdoc_=null,domcontainer_=null,svgroot_=null,init$2=function(e){editorContext_$1=e,domdoc_=e.getDOMDocument(),domcontainer_=e.getDOMContainer(),svgroot_=e.getSVGRoot()},toXml=function(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/,"&#x27;")},encode64=function(e){if(e=encodeUTF8(e),window.btoa)return window.btoa(e);var t=[];t.length=4*Math.floor((e.length+2)/3);var n=0,a=0;do{var r=e.charCodeAt(n++),i=e.charCodeAt(n++),o=e.charCodeAt(n++),s=r>>2,l=(3&r)<<4|i>>4,c=(15&i)<<2|o>>6,u=63&o;isNaN(i)?c=u=64:isNaN(o)&&(u=64),t[a++]=KEYSTR.charAt(s),t[a++]=KEYSTR.charAt(l),t[a++]=KEYSTR.charAt(c),t[a++]=KEYSTR.charAt(u)}while(n<e.length);return t.join("")},decode64=function(e){if(window.atob)return decodeUTF8(window.atob(e));e=e.replace(/[^A-Za-z0-9+/=]/g,"");var t="",n=0;do{var a=KEYSTR.indexOf(e.charAt(n++)),r=KEYSTR.indexOf(e.charAt(n++)),i=KEYSTR.indexOf(e.charAt(n++)),o=KEYSTR.indexOf(e.charAt(n++)),s=a<<2|r>>4,l=(15&r)<<4|i>>2,c=(3&i)<<6|o;t+=String.fromCharCode(s),64!==i&&(t+=String.fromCharCode(l)),64!==o&&(t+=String.fromCharCode(c))}while(n<e.length);return decodeUTF8(t)},decodeUTF8=function(e){return decodeURIComponent(escape(e))},encodeUTF8=function(e){return unescape(encodeURIComponent(e))},dataURLToObjectURL=function(e){if("undefined"==typeof Uint8Array||"undefined"==typeof Blob||"undefined"==typeof URL||!URL.createObjectURL)return"";for(var t=e.split(","),n=t[0].match(/:(.*?);/)[1],a=atob(t[1]),r=a.length,i=new Uint8Array(r);r--;)i[r]=a.charCodeAt(r);var o=new Blob([i],{type:n});return URL.createObjectURL(o)},createObjectURL=function(e){return e&&"undefined"!=typeof URL&&URL.createObjectURL?URL.createObjectURL(e):""},blankPageObjectURL=function(){if("undefined"==typeof Blob)return"";var e=new Blob(["<html><head><title>SVG-edit</title></head><body>&nbsp;</body></html>"],{type:"text/html"});return createObjectURL(e)}(),text2xml=function(e){e.includes("<svg:svg")&&(e=e.replace(/<(\/?)svg:/g,"<$1").replace("xmlns:svg","xmlns"));var t=void 0,n=void 0;try{(n=window.DOMParser?new DOMParser:new window.ActiveXObject("Microsoft.XMLDOM")).async=!1}catch(e){throw new Error("XML Parser could not be instantiated")}try{t=n.loadXML?!!n.loadXML(e)&&n:n.parseFromString(e,"text/xml")}catch(e){throw new Error("Error parsing XML string")}return t},bboxToObj=function(e){return{x:e.x,y:e.y,width:e.width,height:e.height}},walkTree=function e(t,n){if(t&&1===t.nodeType){n(t);for(var a=t.childNodes.length;a--;)e(t.childNodes.item(a),n)}},walkTreePost=function(e,t){if(e&&1===e.nodeType){for(var n=e.childNodes.length;n--;)walkTree(e.childNodes.item(n),t);t(e)}},getUrlFromAttr=function(e){if(e){if(e.startsWith('url("'))return e.substring(5,e.indexOf('"',6));if(e.startsWith("url('"))return e.substring(5,e.indexOf("'",6));if(e.startsWith("url("))return e.substring(4,e.indexOf(")"))}return null},getHref=function(e){return e.getAttributeNS(NS.XLINK,"href")},setHref=function(e,t){e.setAttributeNS(NS.XLINK,"xlink:href",t)},findDefs=function(){var e=editorContext_$1.getSVGContent(),t=e.getElementsByTagNameNS(NS.SVG,"defs");return t.length>0?t=t[0]:(t=e.ownerDocument.createElementNS(NS.SVG,"defs"),e.firstChild?e.insertBefore(t,e.firstChild.nextSibling):e.append(t)),t},getPathBBox=function(e){for(var t=e.pathSegList,n=t.numberOfItems,a=[[],[]],r=t.getItem(0),i=[r.x,r.y],o=0;o<n;o++){var s=t.getItem(o);void 0!==s.x&&(a[0].push(i[0]),a[1].push(i[1]),s.x1?function(){for(var e=[s.x1,s.y1],t=[s.x2,s.y2],n=[s.x,s.y],r=function(r){var o=function(a){return Math.pow(1-a,3)*i[r]+3*Math.pow(1-a,2)*a*e[r]+3*(1-a)*Math.pow(a,2)*t[r]+Math.pow(a,3)*n[r]},s=6*i[r]-12*e[r]+6*t[r],l=-3*i[r]+9*e[r]-9*t[r]+3*n[r],c=3*e[r]-3*i[r];if(0===l){if(0===s)return"continue";var u=-c/s;return u>0&&u<1&&a[r].push(o(u)),"continue"}var d=Math.pow(s,2)-4*c*l;if(d<0)return"continue";var h=(-s+Math.sqrt(d))/(2*l);h>0&&h<1&&a[r].push(o(h));var p=(-s-Math.sqrt(d))/(2*l);p>0&&p<1&&a[r].push(o(p))},o=0;o<2;o++)r(o);i=n}():(a[0].push(s.x),a[1].push(s.y)))}var l=Math.min.apply(null,a[0]),c=Math.max.apply(null,a[0])-l,u=Math.min.apply(null,a[1]);return{x:l,y:u,width:c,height:Math.max.apply(null,a[1])-u}};function groupBBFix(e){if(supportsHVLineContainerBBox())try{return e.getBBox()}catch(e){}var t=$$2.data(e,"ref"),n=null,a=void 0,r=void 0;t?(r=$$2(t).children().clone().attr("visibility","hidden"),$$2(svgroot_).append(r),n=r.filter("line, path")):n=$$2(e).find("line, path");var i=!1;if(n.length)if(n.each(function(){var e=this.getBBox();e.width&&e.height||(i=!0)}),i){var o=t?r:$$2(e).children();a=getStrokedBBox(o)}else a=e.getBBox();else a=e.getBBox();return t&&r.remove(),a}var getBBox=function(e){var t=e||editorContext_$1.geSelectedElements()[0];if(1!==e.nodeType)return null;var n=t.nodeName,a=null;switch(n){case"text":""===t.textContent?(t.textContent="a",a=t.getBBox(),t.textContent=""):t.getBBox&&(a=t.getBBox());break;case"path":supportsPathBBox()?t.getBBox&&(a=t.getBBox()):a=getPathBBox(t);break;case"g":case"a":a=groupBBFix(t);break;default:if("use"===n&&(a=groupBBFix(t,!0)),"use"===n||"foreignObject"===n&&isWebkit()){if(a||(a=t.getBBox()),!isWebkit()){var r={};r.width=a.width,r.height=a.height,r.x=a.x+parseFloat(t.getAttribute("x")||0),r.y=a.y+parseFloat(t.getAttribute("y")||0),a=r}}else if(visElemsArr.includes(n))if(t)try{a=t.getBBox()}catch(e){var i=t.getExtentOfChar(0),o=t.getComputedTextLength();a={x:i.x,y:i.y,width:o,height:i.height}}else{var s=$$2(t).closest("foreignObject");s.length&&s[0].getBBox&&(a=s[0].getBBox())}}return a&&(a=bboxToObj(a)),a},getPathDFromSegments=function(e){var t="";return $$2.each(e,function(e,n){var a=slicedToArray(n,2),r=a[0],i=a[1];t+=r;for(var o=0;o<i.length;o+=2)t+=i[o]+","+i[o+1]+" "}),t},getPathDFromElement=function(e){var t=1.81,n=void 0,a=void 0,r=void 0,i=void 0;switch(e.tagName){case"ellipse":case"circle":var o=a=$$2(e).attr(["rx","ry","cx","cy"]),s=o.cx,l=o.cy,c=a;r=c.rx,i=c.ry,"circle"===e.tagName&&(r=i=$$2(e).attr("r")),n=getPathDFromSegments([["M",[s-r,l]],["C",[s-r,l-i/t,s-r/t,l-i,s,l-i]],["C",[s+r/t,l-i,s+r,l-i/t,s+r,l]],["C",[s+r,l+i/t,s+r/t,l+i,s,l+i]],["C",[s-r/t,l+i,s-r,l+i/t,s-r,l]],["Z",[]]]);break;case"path":n=e.getAttribute("d");break;case"line":n="M"+(a=$$2(e).attr(["x1","y1","x2","y2"])).x1+","+a.y1+"L"+a.x2+","+a.y2;break;case"polyline":n="M"+e.getAttribute("points");break;case"polygon":n="M"+e.getAttribute("points")+" Z";break;case"rect":var u=$$2(e).attr(["rx","ry"]);r=u.rx,i=u.ry;var d=e.getBBox(),h=d.x,p=d.y,g=d.width,f=d.height;t=4-t,n=getPathDFromSegments(r||i?[["M",[h,p+i]],["C",[h,p+i/t,h+r/t,p,h+r,p]],["L",[h+g-r,p]],["C",[h+g-r/t,p,h+g,p+i/t,h+g,p+i]],["L",[h+g,p+f-i]],["C",[h+g,p+f-i/t,h+g-r/t,p+f,h+g-r,p+f]],["L",[h+r,p+f]],["C",[h+r/t,p+f,h,p+f-i/t,h,p+f-i]],["L",[h,p+i]],["Z",[]]]:[["M",[h,p]],["L",[h+g,p]],["L",[h+g,p+f]],["L",[h,p+f]],["L",[h,p]],["Z",[]]])}return n},getExtraAttributesForConvertToPath=function(e){var t={};return $$2.each(["marker-start","marker-end","marker-mid","filter","clip-path"],function(){var n=e.getAttribute(this);n&&(t[this]=n)}),t},getBBoxOfElementAsPath=function(e,t,n){var a=t({element:"path",attr:getExtraAttributesForConvertToPath(e)}),r=e.getAttribute("transform");r&&a.setAttribute("transform",r);var i=e.parentNode;e.nextSibling?e.before(a):i.append(a);var o=getPathDFromElement(e);o?a.setAttribute("d",o):a.remove(),n.resetOrientation(a);var s=!1;try{s=a.getBBox()}catch(e){}return a.remove(),s},convertToPath=function(e,t,n,a,r,i,o,s){var l=new o.BatchCommand("Convert element to Path"),c=n({element:"path",attr:t=$$2.extend({},t,getExtraAttributesForConvertToPath(e))}),u=e.getAttribute("transform");u&&c.setAttribute("transform",u);var d=e.id,h=e.parentNode;e.nextSibling?e.before(c):h.append(c);var p=getPathDFromElement(e);if(p){if(c.setAttribute("d",p),u){var g=getTransformList(c);hasMatrixTransform(g)&&a.resetOrientation(c)}var f=e.nextSibling;return l.addSubCommand(new o.RemoveElementCommand(e,f,h)),l.addSubCommand(new o.InsertElementCommand(c)),r(),e.remove(),c.setAttribute("id",d),c.removeAttribute("visibility"),i([c],!0),s(l),c}return c.remove(),null};function bBoxCanBeOptimizedOverNativeGetBBox(e,t){var n=e%90;return t||!(n>-.001&&n<.001||(n<-89.99||n>89.99))}var getBBoxWithTransform=function(e,t,n){var a=getBBox(e);if(!a)return null;var r=getTransformList(e),i=getRotationAngleFromTransformList(r),o=hasMatrixTransform(r);if(i||o){var s=!1;if(bBoxCanBeOptimizedOverNativeGetBBox(i,o)){if(["ellipse","path","line","polyline","polygon"].includes(e.tagName))a=s=getBBoxOfElementAsPath(e,t,n);else if("rect"===e.tagName){var l=e.getAttribute("rx"),c=e.getAttribute("ry");(l||c)&&(a=s=getBBoxOfElementAsPath(e,t,n))}}if(!s){var u=transformListToTransform(r).matrix;a=transformBox(a.x,a.y,a.width,a.height,u).aabox}}return a};function getStrokeOffsetForBBox(e){var t=e.getAttribute("stroke-width");return isNaN(t)||"none"===e.getAttribute("stroke")?0:t/2}var getStrokedBBox=function(e,t,n){if(!e||!e.length)return!1;var a=void 0;if($$2.each(e,function(){a||this.parentNode&&(a=getBBoxWithTransform(this,t,n))}),void 0===a)return null;var r=a.x+a.width,i=a.y+a.height,o=a.x,s=a.y;if(1===e.length){var l=getStrokeOffsetForBBox(e[0]);o-=l,s-=l,r+=l,i+=l}else $$2.each(e,function(e,a){var l=getBBoxWithTransform(a,t,n);if(l){var c=getStrokeOffsetForBBox(a);o=Math.min(o,l.x-c),s=Math.min(s,l.y-c),1===a.nodeType&&(r=Math.max(r,l.x+l.width+c),i=Math.max(i,l.y+l.height+c))}});return a.x=o,a.y=s,a.width=r-o,a.height=i-s,a},getVisibleElements=function(e){e||(e=$$2(editorContext_$1.getSVGContent()).children());var t=[];return $$2(e).children().each(function(e,n){n.getBBox&&t.push(n)}),t.reverse()},getStrokedBBoxDefaultVisible=function(e){return e||(e=getVisibleElements()),getStrokedBBox(e,editorContext_$1.addSVGElementFromJson,editorContext_$1.pathActions)},getRotationAngleFromTransformList=function(e,t){if(!e)return 0;for(var n=e.numberOfItems,a=0;a<n;++a){var r=e.getItem(a);if(4===r.type)return t?r.angle*Math.PI/180:r.angle}return 0},getRotationAngle=function(e,t){var n=e||editorContext_$1.getSelectedElements()[0],a=getTransformList(n);return getRotationAngleFromTransformList(a,t)},getRefElem=function(e){return getElem(getUrlFromAttr(e).substr(1))},getElem=supportsSelectors()?function(e){return svgroot_.querySelector("#"+e)}:supportsXpath()?function(e){return domdoc_.evaluate('svg:svg[@id="svgroot"]//svg:*[@id="'+e+'"]',domcontainer_,function(){return NS.SVG},9,null).singleNodeValue}:function(e){return $$2(svgroot_).find("[id="+e+"]")[0]},assignAttributes=function(e,t,n,a){var r=!0,i=!1,o=void 0;try{for(var s,l=Object.entries(t)[Symbol.iterator]();!(r=(s=l.next()).done);r=!0){var c=s.value,u=slicedToArray(c,2),d=u[0],h=u[1],p="xml:"===d.substr(0,4)?NS.XML:"xlink:"===d.substr(0,6)?NS.XLINK:null;p?e.setAttributeNS(p,d,h):a?setUnitAttr(e,d,h):e.setAttribute(d,h)}}catch(e){i=!0,o=e}finally{try{!r&&l.return&&l.return()}finally{if(i)throw o}}},cleanupElement=function(e){var t={"fill-opacity":1,"stop-opacity":1,opacity:1,stroke:"none","stroke-dasharray":"none","stroke-linejoin":"miter","stroke-linecap":"butt","stroke-opacity":1,"stroke-width":1,rx:0,ry:0};for(var n in"ellipse"===e.nodeName&&(delete t.rx,delete t.ry),t){var a=t[n];e.getAttribute(n)===String(a)&&e.removeAttribute(n)}},snapToGrid=function(e){var t=editorContext_$1.getBaseUnit(),n=editorContext_$1.getSnappingStep();return"px"!==t&&(n*=getTypeMap()[t]),e=Math.round(e/n)*n},regexEscape=function(e){return String(e).replace(new RegExp("[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\-]","g"),"\\$&")},preventClickDefault=function(e){$$2(e).click(function(e){e.preventDefault()})},copyElem=function e(t,n){var a=document.createElementNS(t.namespaceURI,t.nodeName);if($$2.each(t.attributes,function(e,t){"-moz-math-font-style"!==t.localName&&a.setAttributeNS(t.namespaceURI,t.nodeName,t.value)}),a.removeAttribute("id"),a.id=n(),isWebkit()&&"path"===t.nodeName){var r=convertPath(t);a.setAttribute("d",r)}if($$2.each(t.childNodes,function(t,r){switch(r.nodeType){case 1:a.append(e(r,n));break;case 3:a.textContent=r.nodeValue}}),$$2(t).data("gsvg"))$$2(a).data("gsvg",a.firstChild);else if($$2(t).data("symbol")){var i=$$2(t).data("symbol");$$2(a).data("ref",i).data("symbol",i)}else"image"===a.tagName&&preventClickDefault(a);return a},$$3=jQuery,contextMenuExtensions={},hasCustomHandler=function(e){return Boolean(contextMenuExtensions[e])},getCustomHandler=function(e){return contextMenuExtensions[e].action},injectExtendedContextMenuItemIntoDom=function(e){Object.keys(contextMenuExtensions).length||$$3("#cmenu_canvas").append("<li class='separator'>");var t=e.shortcut||"";$$3("#cmenu_canvas").append("<li class='disabled'><a href='#"+e.id+"'>"+e.label+"<span class='shortcut'>"+t+"</span></a></li>")},injectExtendedContextMenuItemsIntoDom=function(){for(var e in contextMenuExtensions)injectExtendedContextMenuItemIntoDom(contextMenuExtensions[e])};function toAbsoluteURL(e){var t=document.createElement("a");return t.setAttribute("href",e),t.cloneNode(!1).href}function addScriptAtts(e,t){["id","class","type"].forEach(function(n){n in t&&(e[n]=t[n])})}var importSetGlobalDefault=function(){var e=asyncToGenerator(regeneratorRuntime.mark(function e(t,n){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",importSetGlobal(t,_extends({},n,{returnDefault:!0})));case 1:case"end":return e.stop()}},e,this)}));return function(t,n){return e.apply(this,arguments)}}(),importSetGlobal=function(){var e=asyncToGenerator(regeneratorRuntime.mark(function e(t,n){var a=n.global,r=n.returnDefault;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!!("svgEditor"in window&&window.svgEditor&&!1===window.svgEditor.modules)){e.next=3;break}return e.abrupt("return",importModule(t,void 0,{returnDefault:r}));case 3:return e.next=5,importScript(t);case 5:return e.abrupt("return",window[a]);case 6:case"end":return e.stop()}},e,this)}));return function(t,n){return e.apply(this,arguments)}}();function importScript(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Array.isArray(e)?Promise.all(e.map(function(e){return importScript(e,t)})):new Promise(function(n,a){var r=document.createElement("script"),i=function(){r.onerror=null,r.onload=null,r.remove(),r.src=""};r.defer="defer",addScriptAtts(r,t),r.onerror=function(){a(new Error("Failed to import: "+e)),i()},r.onload=function(){n(),i()},r.src=e,document.head.append(r)})}function importModule(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).returnDefault,a=void 0!==n&&n;return Array.isArray(e)?Promise.all(e.map(function(e){return importModule(e,t)})):new Promise(function(n,r){var i="$importModule$"+Math.random().toString(32).slice(2),o=document.createElement("script"),s=function(){delete window[i],o.onerror=null,o.onload=null,o.remove(),URL.revokeObjectURL(o.src),o.src=""};addScriptAtts(o,t),o.defer="defer",o.type="module",o.onerror=function(){r(new Error("Failed to import: "+e)),s()},o.onload=function(){n(window[i]),s()};var l="import * as m from '"+toAbsoluteURL(e).replace(/'/g,"\\'")+"'; window."+i+" = "+(a?"m.default || ":"")+"m;",c=new Blob([l],{type:"text/javascript"});o.src=URL.createObjectURL(c),document.head.append(o)})}var $$4=jQuery,Layer=function(){function e(t,n,a){if(classCallCheck(this,e),this.name_=t,this.group_=a?null:n,a){var r=a.ownerDocument;this.group_=r.createElementNS(NS.SVG,"g");var i=r.createElementNS(NS.SVG,"title");i.textContent=t,this.group_.append(i),n?$$4(n).after(this.group_):a.append(this.group_)}addLayerClass(this.group_),walkTree(this.group_,function(e){e.setAttribute("style","pointer-events:inherit")}),this.group_.setAttribute("style",a?"pointer-events:all":"pointer-events:none")}return createClass(e,[{key:"getName",value:function(){return this.name_}},{key:"getGroup",value:function(){return this.group_}},{key:"activate",value:function(){this.group_.setAttribute("style","pointer-events:all")}},{key:"deactivate",value:function(){this.group_.setAttribute("style","pointer-events:none")}},{key:"setVisible",value:function(e){var t=void 0===e||e?"inline":"none";this.group_.getAttribute("display")!==t&&this.group_.setAttribute("display",t)}},{key:"isVisible",value:function(){return"none"!==this.group_.getAttribute("display")}},{key:"getOpacity",value:function(){var e=this.group_.getAttribute("opacity");return null===e||void 0===e?1:parseFloat(e)}},{key:"setOpacity",value:function(e){"number"==typeof e&&e>=0&&e<=1&&this.group_.setAttribute("opacity",e)}},{key:"appendChildren",value:function(e){for(var t=0;t<e.length;++t)this.group_.append(e[t])}},{key:"getTitleElement",value:function(){for(var e=this.group_.childNodes.length,t=0;t<e;++t){var n=this.group_.childNodes.item(t);if(n&&"title"===n.tagName)return n}return null}},{key:"setName",value:function(e,t){var n=this.name_;e=toXml(e);var a=this.getTitleElement();return a?($$4(a).empty(),a.textContent=e,this.name_=e,t&&t.changeElement(a,{"#text":n}),this.name_):null}},{key:"removeGroup",value:function(){var e=this.group_.parentNode.removeChild(this.group_);return this.group_=void 0,e}}]),e}();function addLayerClass(e){var t=e.getAttribute("class");null!==t&&void 0!==t&&t.length?Layer.CLASS_REGEX.test(t)||e.setAttribute("class",t+" "+Layer.CLASS_NAME):e.setAttribute("class",Layer.CLASS_NAME)}Layer.CLASS_NAME="layer",Layer.CLASS_REGEX=new RegExp("(\\s|^)"+Layer.CLASS_NAME+"(\\s|$)");var HistoryRecordingService=function(){function e(t){classCallCheck(this,e),this.undoManager_=t,this.currentBatchCommand_=null,this.batchCommandStack_=[]}return createClass(e,[{key:"startBatchCommand",value:function(e){return this.undoManager_?(this.currentBatchCommand_=new BatchCommand(e),this.batchCommandStack_.push(this.currentBatchCommand_),this):this}},{key:"endBatchCommand",value:function(){if(!this.undoManager_)return this;if(this.currentBatchCommand_){var e=this.currentBatchCommand_;this.batchCommandStack_.pop();var t=this.batchCommandStack_.length;this.currentBatchCommand_=t?this.batchCommandStack_[t-1]:null,this.addCommand_(e)}return this}},{key:"moveElement",value:function(e,t,n,a){return this.undoManager_?(this.addCommand_(new MoveElementCommand(e,t,n,a)),this):this}},{key:"insertElement",value:function(e,t){return this.undoManager_?(this.addCommand_(new InsertElementCommand(e,t)),this):this}},{key:"removeElement",value:function(e,t,n,a){return this.undoManager_?(this.addCommand_(new RemoveElementCommand(e,t,n,a)),this):this}},{key:"changeElement",value:function(e,t,n){return this.undoManager_?(this.addCommand_(new ChangeElementCommand(e,t,n)),this):this}},{key:"addCommand_",value:function(e){if(!this.undoManager_)return this;this.currentBatchCommand_?this.currentBatchCommand_.addSubCommand(e):this.undoManager_.addCommandToHistory(e)}}]),e}();HistoryRecordingService.NO_HISTORY=new HistoryRecordingService;var $$5=jQuery,visElems$1="a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use".split(","),RandomizeModes={LET_DOCUMENT_DECIDE:0,ALWAYS_RANDOMIZE:1,NEVER_RANDOMIZE:2},randIds=RandomizeModes.LET_DOCUMENT_DECIDE,disabledElems=[];function historyRecordingService(e){return e||new HistoryRecordingService(canvas_.undoMgr)}function findLayerNameInGroup(e){return $$5("title",e).text()||(isOpera()&&e.querySelectorAll?$$5(e.querySelectorAll("title")).text():"")}function getNewLayerName(e){for(var t=1;e.includes("Layer "+t);)t++;return"Layer "+t}var Drawing=function(){function e(t,n){if(classCallCheck(this,e),!t||!t.tagName||!t.namespaceURI||"svg"!==t.tagName||t.namespaceURI!==NS.SVG)throw new Error("Error: svgedit.draw.Drawing instance initialized without a <svg> element");this.svgElem_=t,this.obj_num=0,this.idPrefix=n||"svg_",this.releasedNums=[],this.all_layers=[],this.layer_map={},this.current_layer=null,this.nonce_="";var a=this.svgElem_.getAttributeNS(NS.SE,"nonce");a&&randIds!==RandomizeModes.NEVER_RANDOMIZE?this.nonce_=a:randIds===RandomizeModes.ALWAYS_RANDOMIZE&&this.setNonce(Math.floor(100001*Math.random()))}return createClass(e,[{key:"getElem_",value:function(e){return this.svgElem_.querySelector?this.svgElem_.querySelector("#"+e):$$5(this.svgElem_).find("[id="+e+"]")[0]}},{key:"getSvgElem",value:function(){return this.svgElem_}},{key:"getNonce",value:function(){return this.nonce_}},{key:"setNonce",value:function(e){this.svgElem_.setAttributeNS(NS.XMLNS,"xmlns:se",NS.SE),this.svgElem_.setAttributeNS(NS.SE,"se:nonce",e),this.nonce_=e}},{key:"clearNonce",value:function(){this.nonce_=""}},{key:"getId",value:function(){return this.nonce_?this.idPrefix+this.nonce_+"_"+this.obj_num:this.idPrefix+this.obj_num}},{key:"getNextId",value:function(){var e=this.obj_num,t=!1;this.releasedNums.length>0?(this.obj_num=this.releasedNums.pop(),t=!0):this.obj_num++;for(var n=this.getId();this.getElem_(n);)t&&(this.obj_num=e,t=!1),this.obj_num++,n=this.getId();return t&&(this.obj_num=e),n}},{key:"releaseId",value:function(e){var t=this.idPrefix+(this.nonce_?this.nonce_+"_":"");if("string"!=typeof e||!e.startsWith(t))return!1;var n=parseInt(e.substr(t.length),10);return!("number"!=typeof n||n<=0||this.releasedNums.includes(n))&&(this.releasedNums.push(n),!0)}},{key:"getNumLayers",value:function(){return this.all_layers.length}},{key:"hasLayer",value:function(e){return void 0!==this.layer_map[e]}},{key:"getLayerName",value:function(e){return e>=0&&e<this.getNumLayers()?this.all_layers[e].getName():""}},{key:"getCurrentLayer",value:function(){return this.current_layer?this.current_layer.getGroup():null}},{key:"getLayerByName",value:function(e){var t=this.layer_map[e];return t?t.getGroup():null}},{key:"getCurrentLayerName",value:function(){return this.current_layer?this.current_layer.getName():""}},{key:"setCurrentLayerName",value:function(e,t){var n=null;if(this.current_layer){var a=this.current_layer.getName();(n=this.current_layer.setName(e,t))&&(delete this.layer_map[a],this.layer_map[n]=this.current_layer)}return n}},{key:"setCurrentLayerPosition",value:function(e){var t=this.getNumLayers();if(!this.current_layer||e<0||e>=t)return null;var n=void 0;for(n=0;n<t&&this.all_layers[n]!==this.current_layer;++n);if(n===t)return null;if(n!==e){var a=this.current_layer.getGroup(),r=a.nextSibling,i=null;return e>n?e<t-1&&(i=this.all_layers[e+1].getGroup()):i=this.all_layers[e].getGroup(),this.svgElem_.insertBefore(a,i),this.identifyLayers(),this.setCurrentLayer(this.getLayerName(e)),{currentGroup:a,oldNextSibling:r}}return null}},{key:"mergeLayer",value:function(e){var t=this.current_layer.getGroup(),n=$$5(t).prev()[0];if(n){e.startBatchCommand("Merge Layer");var a=t.nextSibling;for(e.removeElement(t,a,this.svgElem_);t.firstChild;){var r=t.firstChild;if("title"!==r.localName){var i=r.nextSibling;n.append(r),e.moveElement(r,i,t)}else e.removeElement(r,r.nextSibling,t),r.remove()}this.current_layer.removeGroup();var o=this.all_layers.indexOf(this.current_layer);if(o>0){var s=this.current_layer.getName();this.current_layer=this.all_layers[o-1],this.all_layers.splice(o,1),delete this.layer_map[s]}e.endBatchCommand()}}},{key:"mergeAllLayers",value:function(e){for(this.current_layer=this.all_layers[this.all_layers.length-1],e.startBatchCommand("Merge all Layers");this.all_layers.length>1;)this.mergeLayer(e);e.endBatchCommand()}},{key:"setCurrentLayer",value:function(e){var t=this.layer_map[e];return!!t&&(this.current_layer&&this.current_layer.deactivate(),this.current_layer=t,this.current_layer.activate(),!0)}},{key:"deleteCurrentLayer",value:function(){if(this.current_layer&&this.getNumLayers()>1){var e=this.current_layer.removeGroup();return this.identifyLayers(),e}return null}},{key:"identifyLayers",value:function(){this.all_layers=[],this.layer_map={};for(var e=this.svgElem_.childNodes.length,t=[],n=[],a=null,r=!1,i=0;i<e;++i){var o=this.svgElem_.childNodes.item(i);if(o&&1===o.nodeType)if("g"===o.tagName){r=!0;var s=findLayerNameInGroup(o);s?(n.push(s),a=new Layer(s,o),this.all_layers.push(a),this.layer_map[s]=a):t.push(o)}else visElems$1.includes(o.nodeName)&&t.push(o)}t.length>0||!r?((a=new Layer(getNewLayerName(n),null,this.svgElem_)).appendChildren(t),this.all_layers.push(a),this.layer_map[name]=a):a.activate(),this.current_layer=a}},{key:"createLayer",value:function(e,t){this.current_layer&&this.current_layer.deactivate(),(void 0===e||null===e||""===e||this.layer_map[e])&&(e=getNewLayerName(Object.keys(this.layer_map)));var n=new Layer(e,null,this.svgElem_);return t&&(t.startBatchCommand("Create Layer"),t.insertElement(n.getGroup()),t.endBatchCommand()),this.all_layers.push(n),this.layer_map[e]=n,this.current_layer=n,n.getGroup()}},{key:"cloneLayer",value:function(e,t){if(!this.current_layer)return null;this.current_layer.deactivate(),(void 0===e||null===e||""===e||this.layer_map[e])&&(e=getNewLayerName(Object.keys(this.layer_map)));for(var n=this.current_layer.getGroup(),a=new Layer(e,n,this.svgElem_),r=a.getGroup(),i=n.childNodes,o=0;o<i.length;o++){var s=i[o];"title"!==s.localName&&r.append(this.copyElem(s))}t&&(t.startBatchCommand("Duplicate Layer"),t.insertElement(r),t.endBatchCommand());var l=this.all_layers.indexOf(this.current_layer);return l>=0?this.all_layers.splice(l+1,0,a):this.all_layers.push(a),this.layer_map[e]=a,this.current_layer=a,r}},{key:"getLayerVisibility",value:function(e){var t=this.layer_map[e];return!!t&&t.isVisible()}},{key:"setLayerVisibility",value:function(e,t){if("boolean"!=typeof t)return null;var n=this.layer_map[e];return n?(n.setVisible(t),n.getGroup()):null}},{key:"getLayerOpacity",value:function(e){var t=this.layer_map[e];return t?t.getOpacity():null}},{key:"setLayerOpacity",value:function(e,t){if(!("number"!=typeof t||t<0||t>1)){var n=this.layer_map[e];n&&n.setOpacity(t)}}},{key:"copyElem",value:function(e){var t=this;return copyElem(e,function(){return t.getNextId()})}}]),e}(),randomizeIds=function(e,t){(randIds=!1===e?RandomizeModes.NEVER_RANDOMIZE:RandomizeModes.ALWAYS_RANDOMIZE)!==RandomizeModes.ALWAYS_RANDOMIZE||t.getNonce()?randIds===RandomizeModes.NEVER_RANDOMIZE&&t.getNonce()&&t.clearNonce():t.setNonce(Math.floor(100001*Math.random()))},canvas_=void 0,init$3=function(e){canvas_=e},identifyLayers=function(){leaveContext(),canvas_.getCurrentDrawing().identifyLayers()},createLayer=function(e,t){var n=canvas_.getCurrentDrawing().createLayer(e,historyRecordingService(t));canvas_.clearSelection(),canvas_.call("changed",[n])},cloneLayer=function(e,t){var n=canvas_.getCurrentDrawing().cloneLayer(e,historyRecordingService(t));canvas_.clearSelection(),leaveContext(),canvas_.call("changed",[n])},deleteCurrentLayer=function(){var e=canvas_.getCurrentDrawing().getCurrentLayer(),t=e.nextSibling,n=e.parentNode;if(e=canvas_.getCurrentDrawing().deleteCurrentLayer()){var a=new BatchCommand("Delete Layer");return a.addSubCommand(new RemoveElementCommand(e,t,n)),canvas_.addCommandToHistory(a),canvas_.clearSelection(),canvas_.call("changed",[n]),!0}return!1},setCurrentLayer=function(e){var t=canvas_.getCurrentDrawing().setCurrentLayer(toXml(e));return t&&canvas_.clearSelection(),t},renameCurrentLayer=function(e){var t=canvas_.getCurrentDrawing(),n=t.getCurrentLayer();if(n&&t.setCurrentLayerName(e,historyRecordingService()))return canvas_.call("changed",[n]),!0;return!1},setCurrentLayerPosition=function(e){var t=canvas_.getCurrentDrawing().setCurrentLayerPosition(e);return!!t&&(canvas_.addCommandToHistory(new MoveElementCommand(t.currentGroup,t.oldNextSibling,canvas_.getSVGContent())),!0)},setLayerVisibility=function(e,t){var n=canvas_.getCurrentDrawing(),a=n.getLayerVisibility(e),r=n.setLayerVisibility(e,t);if(!r)return!1;var i=a?"inline":"none";return canvas_.addCommandToHistory(new ChangeElementCommand(r,{display:i},"Layer Visibility")),r===n.getCurrentLayer()&&(canvas_.clearSelection(),canvas_.pathActions.clear()),!0},moveSelectedToLayer=function(e){var t=canvas_.getCurrentDrawing().getLayerByName(e);if(!t)return!1;for(var n=new BatchCommand("Move Elements to Layer"),a=canvas_.getSelectedElements(),r=a.length;r--;){var i=a[r];if(i){var o=i.nextSibling,s=i.parentNode;t.append(i),n.addSubCommand(new MoveElementCommand(i,o,s))}}return canvas_.addCommandToHistory(n),!0},mergeLayer=function(e){canvas_.getCurrentDrawing().mergeLayer(historyRecordingService(e)),canvas_.clearSelection(),leaveContext(),canvas_.changeSVGContent()},mergeAllLayers=function(e){canvas_.getCurrentDrawing().mergeAllLayers(historyRecordingService(e)),canvas_.clearSelection(),leaveContext(),canvas_.changeSVGContent()},leaveContext=function(){var e=disabledElems.length;if(e){for(var t=0;t<e;t++){var n=disabledElems[t],a=canvas_.elData(n,"orig_opac");1!==a?n.setAttribute("opacity",a):n.removeAttribute("opacity"),n.setAttribute("style","pointer-events: inherit")}disabledElems=[],canvas_.clearSelection(!0),canvas_.call("contextset",null)}canvas_.setCurrentGroup(null)},setContext=function(e){leaveContext(),"string"==typeof e&&(e=getElem(e)),canvas_.setCurrentGroup(e),$$5(e).parentsUntil("#svgcontent").andSelf().siblings().each(function(){var e=this.getAttribute("opacity")||1;canvas_.elData(this,"orig_opac",e),this.setAttribute("opacity",.33*e),this.setAttribute("style","pointer-events: none"),disabledElems.push(this)}),canvas_.clearSelection(),canvas_.call("contextset",canvas_.getCurrentGroup())},draw=Object.freeze({Drawing:Drawing,randomizeIds:randomizeIds,init:init$3,identifyLayers:identifyLayers,createLayer:createLayer,cloneLayer:cloneLayer,deleteCurrentLayer:deleteCurrentLayer,setCurrentLayer:setCurrentLayer,renameCurrentLayer:renameCurrentLayer,setCurrentLayerPosition:setCurrentLayerPosition,setLayerVisibility:setLayerVisibility,moveSelectedToLayer:moveSelectedToLayer,mergeLayer:mergeLayer,mergeAllLayers:mergeAllLayers,leaveContext:leaveContext,setContext:setContext,Layer:Layer}),REVERSE_NS=getReverseNS(),svgWhiteList_={a:["class","clip-path","clip-rule","fill","fill-opacity","fill-rule","filter","id","mask","opacity","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform","xlink:href","xlink:title"],circle:["class","clip-path","clip-rule","cx","cy","fill","fill-opacity","fill-rule","filter","id","mask","opacity","r","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform"],clipPath:["class","clipPathUnits","id"],defs:[],style:["type"],desc:[],ellipse:["class","clip-path","clip-rule","cx","cy","fill","fill-opacity","fill-rule","filter","id","mask","opacity","requiredFeatures","rx","ry","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform"],feGaussianBlur:["class","color-interpolation-filters","id","requiredFeatures","stdDeviation"],filter:["class","color-interpolation-filters","filterRes","filterUnits","height","id","primitiveUnits","requiredFeatures","width","x","xlink:href","y"],foreignObject:["class","font-size","height","id","opacity","requiredFeatures","style","transform","width","x","y"],g:["class","clip-path","clip-rule","id","display","fill","fill-opacity","fill-rule","filter","mask","opacity","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform","font-family","font-size","font-style","font-weight","text-anchor"],image:["class","clip-path","clip-rule","filter","height","id","mask","opacity","requiredFeatures","style","systemLanguage","transform","width","x","xlink:href","xlink:title","y"],line:["class","clip-path","clip-rule","fill","fill-opacity","fill-rule","filter","id","marker-end","marker-mid","marker-start","mask","opacity","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform","x1","x2","y1","y2"],linearGradient:["class","id","gradientTransform","gradientUnits","requiredFeatures","spreadMethod","systemLanguage","x1","x2","xlink:href","y1","y2"],marker:["id","class","markerHeight","markerUnits","markerWidth","orient","preserveAspectRatio","refX","refY","systemLanguage","viewBox"],mask:["class","height","id","maskContentUnits","maskUnits","width","x","y"],metadata:["class","id"],path:["class","clip-path","clip-rule","d","fill","fill-opacity","fill-rule","filter","id","marker-end","marker-mid","marker-start","mask","opacity","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform"],pattern:["class","height","id","patternContentUnits","patternTransform","patternUnits","requiredFeatures","style","systemLanguage","viewBox","width","x","xlink:href","y"],polygon:["class","clip-path","clip-rule","id","fill","fill-opacity","fill-rule","filter","id","class","marker-end","marker-mid","marker-start","mask","opacity","points","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform"],polyline:["class","clip-path","clip-rule","id","fill","fill-opacity","fill-rule","filter","marker-end","marker-mid","marker-start","mask","opacity","points","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform"],radialGradient:["class","cx","cy","fx","fy","gradientTransform","gradientUnits","id","r","requiredFeatures","spreadMethod","systemLanguage","xlink:href"],rect:["class","clip-path","clip-rule","fill","fill-opacity","fill-rule","filter","height","id","mask","opacity","requiredFeatures","rx","ry","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform","width","x","y"],stop:["class","id","offset","requiredFeatures","stop-color","stop-opacity","style","systemLanguage"],svg:["class","clip-path","clip-rule","filter","id","height","mask","preserveAspectRatio","requiredFeatures","style","systemLanguage","viewBox","width","x","xmlns","xmlns:se","xmlns:xlink","y"],switch:["class","id","requiredFeatures","systemLanguage"],symbol:["class","fill","fill-opacity","fill-rule","filter","font-family","font-size","font-style","font-weight","id","opacity","preserveAspectRatio","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform","viewBox"],text:["class","clip-path","clip-rule","fill","fill-opacity","fill-rule","filter","font-family","font-size","font-style","font-weight","id","mask","opacity","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","text-anchor","transform","x","xml:space","y"],textPath:["class","id","method","requiredFeatures","spacing","startOffset","style","systemLanguage","transform","xlink:href"],title:[],tspan:["class","clip-path","clip-rule","dx","dy","fill","fill-opacity","fill-rule","filter","font-family","font-size","font-style","font-weight","id","mask","opacity","requiredFeatures","rotate","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","text-anchor","textLength","transform","x","xml:space","y"],use:["class","clip-path","clip-rule","fill","fill-opacity","fill-rule","filter","height","id","mask","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","transform","width","x","xlink:href","y"],annotation:["encoding"],"annotation-xml":["encoding"],maction:["actiontype","other","selection"],math:["class","id","display","xmlns"],menclose:["notation"],merror:[],mfrac:["linethickness"],mi:["mathvariant"],mmultiscripts:[],mn:[],mo:["fence","lspace","maxsize","minsize","rspace","stretchy"],mover:[],mpadded:["lspace","width","height","depth","voffset"],mphantom:[],mprescripts:[],mroot:[],mrow:["xlink:href","xlink:type","xmlns:xlink"],mspace:["depth","height","width"],msqrt:[],mstyle:["displaystyle","mathbackground","mathcolor","mathvariant","scriptlevel"],msub:[],msubsup:[],msup:[],mtable:["align","columnalign","columnlines","columnspacing","displaystyle","equalcolumns","equalrows","frame","rowalign","rowlines","rowspacing","width"],mtd:["columnalign","columnspan","rowalign","rowspan"],mtext:[],mtr:["columnalign","rowalign"],munder:[],munderover:[],none:[],semantics:[]},svgWhiteListNS_={};Object.entries(svgWhiteList_).forEach(function(e){var t=slicedToArray(e,2),n=t[0],a=t[1],r={};Object.entries(a).forEach(function(e){var t=slicedToArray(e,2),n=(t[0],t[1]);if(n.includes(":")){var a=n.split(":");r[a[1]]=NS[a[0].toUpperCase()]}else r[n]="xmlns"===n?NS.XMLNS:null}),svgWhiteListNS_[n]=r});var sanitizeSvg=function e(t){if(3===t.nodeType&&(t.nodeValue=t.nodeValue.replace(/^\s+|\s+$/g,""),t.nodeValue.length||t.remove()),1===t.nodeType){var n=t.ownerDocument,a=t.parentNode;if(n&&a){var r=svgWhiteList_[t.nodeName],i=svgWhiteListNS_[t.nodeName];if(void 0!==r){for(var o=[],s=t.attributes.length;s--;){var l=t.attributes.item(s),c=l.nodeName,u=l.localName,d=l.namespaceURI;if(i.hasOwnProperty(u)&&d===i[u]&&d!==NS.XMLNS||d===NS.XMLNS&&REVERSE_NS[l.value]||((c.startsWith("se:")||c.startsWith("data-"))&&o.push([c,l.value]),t.removeAttributeNS(d,u)),isGecko())switch(c){case"transform":case"gradientTransform":case"patternTransform":var h=l.value.replace(/(\d)-/g,"$1 -");t.setAttribute(c,h)}if("style"===c){for(var p=l.value.split(";"),g=p.length;g--;){var f=p[g].split(":"),v=slicedToArray(f,2),m=v[0],_=v[1],b=(m||"").trim(),y=(_||"").trim();r.includes(b)&&t.setAttribute(b,y)}t.removeAttribute("style")}}Object.values(o).forEach(function(e){var n=slicedToArray(e,2),a=n[0],r=n[1];t.setAttributeNS(NS.SE,a,r)});var x=getHref(t);if(x&&["filter","linearGradient","pattern","radialGradient","textPath","use"].includes(t.nodeName)&&"#"!==x[0]&&(setHref(t,""),t.removeAttributeNS(NS.XLINK,"href")),"use"===t.nodeName&&!getHref(t))return void t.remove();for(Object.values(["clip-path","fill","filter","marker-end","marker-mid","marker-start","mask","stroke"],function(e){var n=t.getAttribute(e);n&&(n=getUrlFromAttr(n))&&"#"!==n[0]&&(t.setAttribute(e,""),t.removeAttribute(e))}),s=t.childNodes.length;s--;)e(t.childNodes.item(s))}else{for(var C=[];t.hasChildNodes();)C.push(a.insertBefore(t.firstChild,t));t.remove();for(var S=C.length;S--;)e(C[S])}}}},$$6=jQuery,pathMap$1=[0,"z","M","m","L","l","C","c","Q","q","A","a","H","h","V","v","S","s","T","t"],editorContext_$2=null,init$4=function(e){editorContext_$2=e},remapElement=function(e,t,n){for(var a=function(e,t){return transformPoint(e,t,n)},r=function(e){return n.a*e},i=function(e){return n.d*e},o=editorContext_$2.getGridSnapping()&&"svg"===e.parentNode.parentNode.localName,s=function(){if(o)for(var n in t)t[n]=snapToGrid(t[n]);assignAttributes(e,t,1e3,!0)},l=getBBox(e),c=0;c<2;c++){var u=0===c?"fill":"stroke",d=e.getAttribute(u);if(d&&d.startsWith("url(")&&(n.a<0||n.d<0)){var h=getRefElem(d).cloneNode(!0);if(n.a<0){var p=h.getAttribute("x1"),g=h.getAttribute("x2");h.setAttribute("x1",-(p-1)),h.setAttribute("x2",-(g-1))}if(n.d<0){var f=h.getAttribute("y1"),v=h.getAttribute("y2");h.setAttribute("y1",-(f-1)),h.setAttribute("y2",-(v-1))}h.id=editorContext_$2.getDrawing().getNextId(),findDefs().append(h),e.setAttribute(u,"url(#"+h.id+")")}}var m=e.tagName;if("g"===m||"text"===m||"tspan"===m||"use"===m)if(1!==n.a||0!==n.b||0!==n.c||1!==n.d||0===n.e&&0===n.f){var _=getTransformList(e),b=editorContext_$2.getSVGRoot().createSVGTransform();b.setMatrix(matrixMultiply(transformListToTransform(_).matrix,n)),_.clear(),_.appendItem(b)}else{var y=transformListToTransform(e).matrix,x=matrixMultiply(y.inverse(),n,y);t.x=parseFloat(t.x)+x.e,t.y=parseFloat(t.y)+x.f}switch(m){case"foreignObject":case"rect":case"image":if("image"===m&&(n.a<0||n.d<0)){var C=getTransformList(e),S=editorContext_$2.getSVGRoot().createSVGTransform();S.setMatrix(matrixMultiply(transformListToTransform(C).matrix,n)),C.clear(),C.appendItem(S)}else{var w=a(t.x,t.y);t.width=r(t.width),t.height=i(t.height),t.x=w.x+Math.min(0,t.width),t.y=w.y+Math.min(0,t.height),t.width=Math.abs(t.width),t.height=Math.abs(t.height)}s();break;case"ellipse":var $=a(t.cx,t.cy);t.cx=$.x,t.cy=$.y,t.rx=r(t.rx),t.ry=i(t.ry),t.rx=Math.abs(t.rx),t.ry=Math.abs(t.ry),s();break;case"circle":var k=a(t.cx,t.cy);t.cx=k.x,t.cy=k.y;var A=transformBox(l.x,l.y,l.width,l.height,n),E=A.tr.x-A.tl.x,P=A.bl.y-A.tl.y;t.r=Math.min(E/2,P/2),t.r&&(t.r=Math.abs(t.r)),s();break;case"line":var T=a(t.x1,t.y1),G=a(t.x2,t.y2);t.x1=T.x,t.y1=T.y,t.x2=G.x,t.y2=G.y;case"text":case"tspan":case"use":s();break;case"g":var N=$$6(e).data("gsvg");N&&assignAttributes(N,t,1e3,!0);break;case"polyline":case"polygon":for(var L=t.points.length,I=0;I<L;++I){var M=t.points[I],R=a(M.x,M.y),O=R.x,V=R.y;t.points[I].x=O,t.points[I].y=V}for(var B="",j=0;j<L;++j){var D=t.points[j];B+=D.x+","+D.y+" "}e.setAttribute("points",B);break;case"path":var F=e.pathSegList,U=F.numberOfItems;t.d=[];for(var H=0;H<U;++H){var z=F.getItem(H);t.d[H]={type:z.pathSegType,x:z.x,y:z.y,x1:z.x1,y1:z.y1,x2:z.x2,y2:z.y2,r1:z.r1,r2:z.r2,angle:z.angle,largeArcFlag:z.largeArcFlag,sweepFlag:z.sweepFlag}}U=t.d.length;var q=t.d[0],W=a(q.x,q.y);t.d[0].x=W.x,t.d[0].y=W.y;for(var Y=1;Y<U;++Y){var X=t.d[Y];if(X.type%2==0){var K=a(void 0!==X.x?X.x:W.x,void 0!==X.y?X.y:W.y),Q=a(X.x1,X.y1),Z=a(X.x2,X.y2);X.x=K.x,X.y=K.y,X.x1=Q.x,X.y1=Q.y,X.x2=Z.x,X.y2=Z.y,X.r1=r(X.r1),X.r2=i(X.r2)}else X.x=r(X.x),X.y=i(X.y),X.x1=r(X.x1),X.y1=i(X.y1),X.x2=r(X.x2),X.y2=i(X.y2),X.r1=r(X.r1),X.r2=i(X.r2)}var J="";U=t.d.length;for(var ee=0;ee<U;++ee){var te=t.d[ee],ne=te.type;switch(J+=pathMap$1[ne],ne){case 13:case 12:J+=te.x+" ";break;case 15:case 14:J+=te.y+" ";break;case 3:case 5:case 19:case 2:case 4:case 18:J+=te.x+","+te.y+" ";break;case 7:case 6:J+=te.x1+","+te.y1+" "+te.x2+","+te.y2+" "+te.x+","+te.y+" ";break;case 9:case 8:J+=te.x1+","+te.y1+" "+te.x+","+te.y+" ";break;case 11:case 10:J+=te.r1+","+te.r2+" "+te.angle+" "+ +te.largeArcFlag+" "+ +te.sweepFlag+" "+te.x+","+te.y+" ";break;case 17:case 16:J+=te.x2+","+te.y2+" "+te.x+","+te.y+" "}}e.setAttribute("d",J)}},$$7=jqPluginSVG(jQuery),context_=void 0,init$5=function(e){context_=e},updateClipPath=function(e,t,n){var a=getRefElem(e).firstChild,r=getTransformList(a),i=context_.getSVGRoot().createSVGTransform();i.setTranslate(t,n),r.appendItem(i),recalculateDimensions(a)},recalculateDimensions=function e(t){if(null==t)return null;if("svg"===t.nodeName&&navigator.userAgent.includes("Firefox/20"))return null;var n=context_.getSVGRoot(),a=getTransformList(t);if(a&&a.numberOfItems>0){for(var r=a.numberOfItems,i=r;r--;){var o=a.getItem(r);if(0===o.type)a.removeItem(r);else if(1===o.type){if(isIdentity(o.matrix)){if(1===i)return t.removeAttribute("transform"),null;a.removeItem(r)}}else 4===o.type&&0===o.angle&&a.removeItem(r)}if(1===a.numberOfItems&&getRotationAngle(t))return null}if(!a||0===a.numberOfItems)return t.setAttribute("transform",""),t.removeAttribute("transform"),null;if(a){for(var s=[],l=a.numberOfItems;l--;){var c=a.getItem(l);1===c.type?s.push([c.matrix,l]):s.length&&(s=[])}if(2===s.length){var u=n.createSVGTransformFromMatrix(matrixMultiply(s[1][0],s[0][0]));a.removeItem(s[0][1]),a.removeItem(s[1][1]),a.insertItemBefore(u,s[1][1])}if((l=a.numberOfItems)>=2&&1===a.getItem(l-2).type&&2===a.getItem(l-1).type){var d=n.createSVGTransform(),h=matrixMultiply(a.getItem(l-2).matrix,a.getItem(l-1).matrix);d.setMatrix(h),a.removeItem(l-2),a.removeItem(l-2),a.appendItem(d)}}switch(t.tagName){case"line":case"polyline":case"polygon":case"path":break;default:if(1===a.numberOfItems&&1===a.getItem(0).type||2===a.numberOfItems&&1===a.getItem(0).type&&4===a.getItem(0).type)return null}var p=$$7(t).data("gsvg"),g=new BatchCommand("Transform"),f={},v=null,m=[];switch(t.tagName){case"line":m=["x1","y1","x2","y2"];break;case"circle":m=["cx","cy","r"];break;case"ellipse":m=["cx","cy","rx","ry"];break;case"foreignObject":case"rect":case"image":m=["width","height","x","y"];break;case"use":case"text":case"tspan":m=["x","y"];break;case"polygon":case"polyline":(v={}).points=t.getAttribute("points");var _=t.points,b=_.numberOfItems;f.points=new Array(b);for(var y=0;y<b;++y){var x=_.getItem(y);f.points[y]={x:x.x,y:x.y}}break;case"path":(v={}).d=t.getAttribute("d"),f.d=t.getAttribute("d")}m.length?(f=$$7(t).attr(m),$$7.each(f,function(e,t){f[e]=convertToNum(e,t)})):p&&(f={x:$$7(p).attr("x")||0,y:$$7(p).attr("y")||0}),null==v&&(v=$$7.extend(!0,{},f),$$7.each(v,function(e,t){v[e]=convertToNum(e,t)})),v.transform=context_.getStartTransform()||"";var C=void 0,S=void 0;if("g"===t.tagName&&!p||"a"===t.tagName){var w=getBBox(t);C={x:w.x+w.width/2,y:w.y+w.height/2},S=transformPoint(w.x+w.width/2,w.y+w.height/2,transformListToTransform(a).matrix);var $=n.createSVGMatrix(),k=getRotationAngle(t);if(k){var A=k*Math.PI/180,E=void 0;E=Math.abs(A)>1e-10?Math.sin(A)/(1-Math.cos(A)):2/A;for(var P=0;P<a.numberOfItems;++P){var T=a.getItem(P);if(4===T.type){var G=T.matrix;C.y=(E*G.e+G.f)/2,C.x=(G.e-E*G.f)/2,a.removeItem(P);break}}}var N=a.numberOfItems,L=0,I=0,M=0,R=void 0;N&&(R=a.getItem(0).matrix);var O=void 0;if(N>=3&&3===a.getItem(N-2).type&&2===a.getItem(N-3).type&&2===a.getItem(N-1).type){M=3;for(var V=a.getItem(N-3).matrix,B=a.getItem(N-2).matrix,j=a.getItem(N-1).matrix,D=t.childNodes,F=D.length;F--;){var U=D.item(F);if(L=0,I=0,1===U.nodeType){var H=getTransformList(U);if(!H)continue;var z=transformListToTransform(H).matrix,q=getRotationAngle(U);if(O=context_.getStartTransform(),context_.setStartTransform(U.getAttribute("transform")),q||hasMatrixTransform(H)){var W=n.createSVGTransform();W.setMatrix(matrixMultiply(V,B,j,z)),H.clear(),H.appendItem(W)}else{var Y=matrixMultiply(z.inverse(),j,z),X=n.createSVGMatrix();X.e=-Y.e,X.f=-Y.f;var K=matrixMultiply(X.inverse(),z.inverse(),V,B,j,z,Y.inverse()),Q=n.createSVGTransform(),Z=n.createSVGTransform(),J=n.createSVGTransform();Q.setTranslate(Y.e,Y.f),Z.setScale(K.a,K.d),J.setTranslate(X.e,X.f),H.appendItem(J),H.appendItem(Z),H.appendItem(Q)}g.addSubCommand(e(U)),context_.setStartTransform(O)}}a.removeItem(N-1),a.removeItem(N-2),a.removeItem(N-3)}else if(N>=3&&1===a.getItem(N-1).type){M=3,$=transformListToTransform(a).matrix;var ee=n.createSVGTransform();ee.setMatrix($),a.clear(),a.appendItem(ee)}else if((1===N||N>1&&3!==a.getItem(1).type)&&2===a.getItem(0).type){M=2;var te=transformListToTransform(a).matrix;a.removeItem(0);var ne=transformListToTransform(a).matrix.inverse(),ae=matrixMultiply(ne,te);if(L=ae.e,I=ae.f,0!==L||0!==I){for(var re=t.childNodes,ie=re.length,oe=[];ie--;){var se=re.item(ie);if(1===se.nodeType){if(se.getAttribute("clip-path")){var le=se.getAttribute("clip-path");oe.includes(le)||(updateClipPath(le,L,I),oe.push(le))}O=context_.getStartTransform(),context_.setStartTransform(se.getAttribute("transform"));var ce=getTransformList(se);if(ce){var ue=n.createSVGTransform();ue.setTranslate(L,I),ce.numberOfItems?ce.insertItemBefore(ue,0):ce.appendItem(ue),g.addSubCommand(e(se));for(var de=t.getElementsByTagNameNS(NS.SVG,"use"),he="#"+se.id,pe=de.length;pe--;){var ge=de.item(pe);if(he===getHref(ge)){var fe=n.createSVGTransform();fe.setTranslate(-L,-I),getTransformList(ge).insertItemBefore(fe,0),g.addSubCommand(e(ge))}}context_.setStartTransform(O)}}}oe=[],context_.setStartTransform(O)}}else{if(1!==N||1!==a.getItem(0).type||k){if(k){var ve=n.createSVGTransform();ve.setRotate(k,S.x,S.y),a.numberOfItems?a.insertItemBefore(ve,0):a.appendItem(ve)}return 0===a.numberOfItems&&t.removeAttribute("transform"),null}M=1;for(var me=a.getItem(0).matrix,_e=t.childNodes,be=_e.length;be--;){var ye=_e.item(be);if(1===ye.nodeType){O=context_.getStartTransform(),context_.setStartTransform(ye.getAttribute("transform"));var xe=getTransformList(ye);if(!xe)continue;var Ce=matrixMultiply(me,transformListToTransform(xe).matrix),Se=n.createSVGTransform();Se.setMatrix(Ce),xe.clear(),xe.appendItem(Se,0),g.addSubCommand(e(ye)),context_.setStartTransform(O);var we=ye.getAttribute("stroke-width");if("none"!==ye.getAttribute("stroke")&&!isNaN(we)){var $e=(Math.abs(Ce.a)+Math.abs(Ce.d))/2;ye.setAttribute("stroke-width",we*$e)}}}a.clear()}if(2===M){if(k){S={x:C.x+R.e,y:C.y+R.f};var ke=n.createSVGTransform();ke.setRotate(k,S.x,S.y),a.numberOfItems?a.insertItemBefore(ke,0):a.appendItem(ke)}}else if(3===M){var Ae=transformListToTransform(a).matrix,Ee=n.createSVGTransform();Ee.setRotate(k,C.x,C.y);var Pe=Ee.matrix,Te=n.createSVGTransform();Te.setRotate(k,S.x,S.y);var Ge=Te.matrix.inverse(),Ne=Ae.inverse(),Le=matrixMultiply(Ne,Ge,Pe,Ae);if(L=Le.e,I=Le.f,0!==L||0!==I)for(var Ie=t.childNodes,Me=Ie.length;Me--;){var Re=Ie.item(Me);if(1===Re.nodeType){O=context_.getStartTransform(),context_.setStartTransform(Re.getAttribute("transform"));var Oe=getTransformList(Re),Ve=n.createSVGTransform();Ve.setTranslate(L,I),Oe.numberOfItems?Oe.insertItemBefore(Ve,0):Oe.appendItem(Ve),g.addSubCommand(e(Re)),context_.setStartTransform(O)}}k&&(a.numberOfItems?a.insertItemBefore(Te,0):a.appendItem(Te))}}else{var Be=getBBox(t);if(!Be&&"path"!==t.tagName)return null;var je=n.createSVGMatrix(),De=getRotationAngle(t);if(De){C={x:Be.x+Be.width/2,y:Be.y+Be.height/2},S=transformPoint(Be.x+Be.width/2,Be.y+Be.height/2,transformListToTransform(a).matrix);for(var Fe=De*Math.PI/180,Ue=Math.abs(Fe)>1e-10?Math.sin(Fe)/(1-Math.cos(Fe)):2/Fe,He=0;He<a.numberOfItems;++He){var ze=a.getItem(He);if(4===ze.type){var qe=ze.matrix;C.y=(Ue*qe.e+qe.f)/2,C.x=(qe.e-Ue*qe.f)/2,a.removeItem(He);break}}}var We=0,Ye=a.numberOfItems;if(!isWebkit()){var Xe=t.getAttribute("fill");if(Xe&&Xe.startsWith("url(")){var Ke=getRefElem(Xe),Qe="pattern";if(Ke.tagName!==Qe&&(Qe="gradient"),"userSpaceOnUse"===Ke.getAttribute(Qe+"Units")){je=transformListToTransform(a).matrix;var Ze=getTransformList(Ke),Je=transformListToTransform(Ze).matrix,et="matrix("+[(je=matrixMultiply(je,Je)).a,je.b,je.c,je.d,je.e,je.f].join(",")+")";Ke.setAttribute(Qe+"Transform",et)}}}if(Ye>=3&&3===a.getItem(Ye-2).type&&2===a.getItem(Ye-3).type&&2===a.getItem(Ye-1).type)We=3,je=transformListToTransform(a,Ye-3,Ye-1).matrix,a.removeItem(Ye-1),a.removeItem(Ye-2),a.removeItem(Ye-3);else if(4===Ye&&1===a.getItem(Ye-1).type){We=3,je=transformListToTransform(a).matrix;var tt=n.createSVGTransform();tt.setMatrix(je),a.clear(),a.appendItem(tt),je=n.createSVGMatrix()}else if((1===Ye||Ye>1&&3!==a.getItem(1).type)&&2===a.getItem(0).type){We=2;var nt=a.getItem(0).matrix,at=transformListToTransform(a,1).matrix,rt=at.inverse();je=matrixMultiply(rt,nt,at),a.removeItem(0)}else{if(1!==Ye||1!==a.getItem(0).type||De){if(We=4,De){var it=n.createSVGTransform();it.setRotate(De,S.x,S.y),a.numberOfItems?a.insertItemBefore(it,0):a.appendItem(it)}return 0===a.numberOfItems&&t.removeAttribute("transform"),null}switch(je=transformListToTransform(a).matrix,t.tagName){case"line":f=$$7(t).attr(["x1","y1","x2","y2"]);case"polyline":case"polygon":if(f.points=t.getAttribute("points"),f.points){var ot=t.points,st=ot.numberOfItems;f.points=new Array(st);for(var lt=0;lt<st;++lt){var ct=ot.getItem(lt);f.points[lt]={x:ct.x,y:ct.y}}}case"path":f.d=t.getAttribute("d"),We=1,a.clear()}}if(1!==We&&2!==We&&3!==We||remapElement(t,f,je),2===We){if(De){hasMatrixTransform(a)||(S={x:C.x+je.e,y:C.y+je.f});var ut=n.createSVGTransform();ut.setRotate(De,S.x,S.y),a.numberOfItems?a.insertItemBefore(ut,0):a.appendItem(ut)}if("text"===t.tagName)for(var dt=t.childNodes,ht=dt.length;ht--;){var pt=dt.item(ht);if("tspan"===pt.tagName){var gt={x:$$7(pt).attr("x")||0,y:$$7(pt).attr("y")||0};remapElement(pt,gt,je)}}}else if(3===We&&De){var ft=transformListToTransform(a).matrix,vt=n.createSVGTransform();vt.setRotate(De,C.x,C.y);var mt=vt.matrix,_t=n.createSVGTransform();_t.setRotate(De,S.x,S.y);var bt=_t.matrix.inverse(),yt=ft.inverse(),xt=matrixMultiply(yt,bt,mt,ft);remapElement(t,f,xt),De&&(a.numberOfItems?a.insertItemBefore(_t,0):a.appendItem(_t))}}return 0===a.numberOfItems&&t.removeAttribute("transform"),g.addSubCommand(new ChangeElementCommand(t,v)),g},$$8=jQuery,svgFactory_=void 0,config_=void 0,selectorManager_=void 0,gripRadius=isTouch()?10:4,Selector=function(){function e(t,n,a){classCallCheck(this,e),this.id=t,this.selectedElement=n,this.locked=!0,this.selectorGroup=svgFactory_.createSVGElement({element:"g",attr:{id:"selectorGroup"+this.id}}),this.selectorRect=this.selectorGroup.appendChild(svgFactory_.createSVGElement({element:"path",attr:{id:"selectedBox"+this.id,fill:"none",stroke:"#22C","stroke-width":"1","stroke-dasharray":"5,5",style:"pointer-events:none"}})),this.gripCoords={nw:null,n:null,ne:null,e:null,se:null,s:null,sw:null,w:null},this.reset(this.selectedElement,a)}return createClass(e,[{key:"reset",value:function(e,t){this.locked=!0,this.selectedElement=e,this.resize(t),this.selectorGroup.setAttribute("display","inline")}},{key:"updateGripCursors",value:function(e){var t=void 0,n=[],a=Math.round(e/45);for(t in a<0&&(a+=8),selectorManager_.selectorGrips)n.push(t);for(;a>0;)n.push(n.shift()),a--;var r=0;for(t in selectorManager_.selectorGrips)selectorManager_.selectorGrips[t].setAttribute("style","cursor:"+n[r]+"-resize"),r++}},{key:"showGrips",value:function(e){var t=e?"inline":"none";selectorManager_.selectorGripsGroup.setAttribute("display",t);var n=this.selectedElement;this.hasGrips=e,n&&e&&(this.selectorGroup.append(selectorManager_.selectorGripsGroup),this.updateGripCursors(getRotationAngle(n)))}},{key:"resize",value:function(e){var t=this.selectorRect,n=selectorManager_,a=n.selectorGrips,r=this.selectedElement,i=r.getAttribute("stroke-width"),o=svgFactory_.getCurrentZoom(),s=1/o;"none"===r.getAttribute("stroke")||isNaN(i)||(s+=i/2);var l=r.tagName;"text"===l&&(s+=2/o);var c=getTransformList(r),u=transformListToTransform(c).matrix;if(u.e*=o,u.f*=o,e||(e=getBBox(r)),"g"===l&&!$$8.data(r,"gsvg")){var d=getStrokedBBox([r.childNodes]);d&&(e=d)}var h=e.x,p=e.y,g=e.width,f=e.height;e={x:h,y:p,width:g,height:f},s*=o;var v=transformBox(h*o,p*o,g*o,f*o,u),m=v.aabox,_=m.x-s,b=m.y-s,y=m.width+2*s,x=m.height+2*s,C=_+y/2,S=b+x/2,w=getRotationAngle(r);if(w){var $=svgFactory_.svgRoot().createSVGTransform();$.setRotate(-w,C,S);var k=$.matrix;v.tl=transformPoint(v.tl.x,v.tl.y,k),v.tr=transformPoint(v.tr.x,v.tr.y,k),v.bl=transformPoint(v.bl.x,v.bl.y,k),v.br=transformPoint(v.br.x,v.br.y,k);var A=v.tl,E=A.x,P=A.y,T=A.x,G=A.y,N=Math.min,L=Math.max;_=E=N(E,N(v.tr.x,N(v.bl.x,v.br.x)))-s,b=P=N(P,N(v.tr.y,N(v.bl.y,v.br.y)))-s,y=(T=L(T,L(v.tr.x,L(v.bl.x,v.br.x)))+s)-E,x=(G=L(G,L(v.tr.y,L(v.bl.y,v.br.y)))+s)-P}var I="M"+_+","+b+" L"+(_+y)+","+b+" "+(_+y)+","+(b+x)+" "+_+","+(b+x)+"z";t.setAttribute("d",I);var M=w?"rotate("+[w,C,S].join(",")+")":"";for(var R in this.selectorGroup.setAttribute("transform",M),this.gripCoords={nw:[_,b],ne:[_+y,b],sw:[_,b+x],se:[_+y,b+x],n:[_+y/2,b],w:[_,b+x/2],e:[_+y,b+x/2],s:[_+y/2,b+x]},this.gripCoords){var O=this.gripCoords[R];a[R].setAttribute("cx",O[0]),a[R].setAttribute("cy",O[1])}n.rotateGripConnector.setAttribute("x1",_+y/2),n.rotateGripConnector.setAttribute("y1",b),n.rotateGripConnector.setAttribute("x2",_+y/2),n.rotateGripConnector.setAttribute("y2",b-5*gripRadius),n.rotateGrip.setAttribute("cx",_+y/2),n.rotateGrip.setAttribute("cy",b-5*gripRadius)}}]),e}(),SelectorManager=function(){function e(){classCallCheck(this,e),this.selectorParentGroup=null,this.rubberBandBox=null,this.selectors=[],this.selectorMap={},this.selectorGrips={nw:null,n:null,ne:null,e:null,se:null,s:null,sw:null,w:null},this.selectorGripsGroup=null,this.rotateGripConnector=null,this.rotateGrip=null,this.initGroup()}return createClass(e,[{key:"initGroup",value:function(){for(var e in this.selectorParentGroup&&this.selectorParentGroup.parentNode&&this.selectorParentGroup.remove(),this.selectorParentGroup=svgFactory_.createSVGElement({element:"g",attr:{id:"selectorParentGroup"}}),this.selectorGripsGroup=svgFactory_.createSVGElement({element:"g",attr:{display:"none"}}),this.selectorParentGroup.append(this.selectorGripsGroup),svgFactory_.svgRoot().append(this.selectorParentGroup),this.selectorMap={},this.selectors=[],this.rubberBandBox=null,this.selectorGrips){var t=svgFactory_.createSVGElement({element:"circle",attr:{id:"selectorGrip_resize_"+e,fill:"#22C",r:gripRadius,style:"cursor:"+e+"-resize","stroke-width":2,"pointer-events":"all"}});$$8.data(t,"dir",e),$$8.data(t,"type","resize"),this.selectorGrips[e]=this.selectorGripsGroup.appendChild(t)}if(this.rotateGripConnector=this.selectorGripsGroup.appendChild(svgFactory_.createSVGElement({element:"line",attr:{id:"selectorGrip_rotateconnector",stroke:"#22C","stroke-width":"1"}})),this.rotateGrip=this.selectorGripsGroup.appendChild(svgFactory_.createSVGElement({element:"circle",attr:{id:"selectorGrip_rotate",fill:"lime",r:gripRadius,stroke:"#22C","stroke-width":2,style:"cursor:url("+config_.imgPath+"rotate.png) 12 12, auto;"}})),$$8.data(this.rotateGrip,"type","rotate"),!$$8("#canvasBackground").length){var n=slicedToArray(config_.dimensions,2),a=n[0],r=n[1],i=svgFactory_.createSVGElement({element:"svg",attr:{id:"canvasBackground",width:a,height:r,x:0,y:0,overflow:isWebkit()?"none":"visible",style:"pointer-events:none"}}),o=svgFactory_.createSVGElement({element:"rect",attr:{width:"100%",height:"100%",x:0,y:0,"stroke-width":1,stroke:"#000",fill:"#FFF",style:"pointer-events:none"}});i.append(o),svgFactory_.svgRoot().insertBefore(i,svgFactory_.svgContent())}}},{key:"requestSelector",value:function(e,t){if(null==e)return null;var n=this.selectors.length;if("object"===_typeof(this.selectorMap[e.id]))return this.selectorMap[e.id].locked=!0,this.selectorMap[e.id];for(var a=0;a<n;++a)if(this.selectors[a]&&!this.selectors[a].locked)return this.selectors[a].locked=!0,this.selectors[a].reset(e,t),this.selectorMap[e.id]=this.selectors[a],this.selectors[a];return this.selectors[n]=new Selector(n,e,t),this.selectorParentGroup.append(this.selectors[n].selectorGroup),this.selectorMap[e.id]=this.selectors[n],this.selectors[n]}},{key:"releaseSelector",value:function(e){if(null!=e){var t=this.selectors.length,n=this.selectorMap[e.id];n.locked||console.log("WARNING! selector was released but was already unlocked");for(var a=0;a<t;++a)if(this.selectors[a]&&this.selectors[a]===n){delete this.selectorMap[e.id],n.locked=!1,n.selectedElement=null,n.showGrips(!1);try{n.selectorGroup.setAttribute("display","none")}catch(e){}break}}}},{key:"getRubberBandBox",value:function(){return this.rubberBandBox||(this.rubberBandBox=this.selectorParentGroup.appendChild(svgFactory_.createSVGElement({element:"rect",attr:{id:"selectorRubberBand",fill:"#22C","fill-opacity":.15,stroke:"#22C","stroke-width":.5,display:"none",style:"pointer-events:none"}}))),this.rubberBandBox}}]),e}(),init$6=function(e,t){config_=e,svgFactory_=t,selectorManager_=new SelectorManager},getSelectorManager=function(){return selectorManager_},$$9=jqPluginSVG(jQuery),MoveElementCommand$1=MoveElementCommand,InsertElementCommand$1=InsertElementCommand,RemoveElementCommand$1=RemoveElementCommand,ChangeElementCommand$1=ChangeElementCommand,BatchCommand$1=BatchCommand,UndoManager$1=UndoManager,HistoryEventTypes$1=HistoryEventTypes;window.console||(window.console={},window.console.log=function(e){},window.console.dir=function(e){}),window.opera&&(window.console.log=function(e){opera.postError(e)},window.console.dir=function(e){});var SvgCanvas=function e(t,n){classCallCheck(this,e);var a={show_outside_canvas:!0,selectNew:!0,dimensions:[640,480]};n&&$$9.extend(a,n);var r=a.dimensions,i=this,o=t.ownerDocument,s=o.importNode(text2xml('<svg id="svgroot" xmlns="'+NS.SVG+'" xlinkns="'+NS.XLINK+'" width="'+r[0]+'" height="'+r[1]+'" x="'+r[0]+'" y="'+r[1]+'" overflow="visible"><defs><filter id="canvashadow" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/><feOffset in="blur" dx="5" dy="5" result="offsetBlur"/><feMerge><feMergeNode in="offsetBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs></svg>').documentElement,!0);t.append(s);var l=o.createElementNS(NS.SVG,"svg");(i.clearSvgContentElement=function(){$$9(l).empty(),$$9(l).attr({id:"svgcontent",width:r[0],height:r[1],x:r[0],y:r[1],overflow:a.show_outside_canvas?"visible":"hidden",xmlns:NS.SVG,"xmlns:se":NS.SE,"xmlns:xlink":NS.XLINK}).appendTo(s);var e=o.createComment(" Created with SVG-edit - https://github.com/SVG-Edit/svgedit");l.append(e)})();var c="svg_";i.setIdPrefix=function(e){c=e},i.current_drawing_=new Drawing(l,c);var u=i.getCurrentDrawing=function(){return i.current_drawing_},d=1,h=null,p={shape:{fill:("none"===a.initFill.color?"":"#")+a.initFill.color,fill_paint:null,fill_opacity:a.initFill.opacity,stroke:"#"+a.initStroke.color,stroke_paint:null,stroke_opacity:a.initStroke.opacity,stroke_width:a.initStroke.width,stroke_dasharray:"none",stroke_linejoin:"miter",stroke_linecap:"butt",opacity:a.initOpacity}};p.text=$$9.extend(!0,{},p.shape),$$9.extend(p.text,{fill:"#000000",stroke_width:a.text&&a.text.stroke_width,font_size:a.text&&a.text.font_size,font_family:a.text&&a.text.font_family});var g=p.shape,f=[],v=this.getJsonFromSvgElement=function(e){if(3===e.nodeType)return e.nodeValue;for(var t,n={element:e.tagName,attr:{},children:[]},a=0;t=e.attributes[a];a++)n.attr[t.name]=t.value;for(var r,i=0;r=e.childNodes[i];i++)n.children[i]=v(r);return n},m=this.addSVGElementFromJson=function(e){if("string"==typeof e)return o.createTextNode(e);var t=getElem(e.attr.id),n=u().getCurrentLayer();if(t&&e.element!==t.tagName&&(t.remove(),t=null),!t){var a=e.namespace||NS.SVG;t=o.createElementNS(a,e.element),n&&(h||n).append(t)}return e.curStyles&&assignAttributes(t,{fill:g.fill,stroke:g.stroke,"stroke-width":g.stroke_width,"stroke-dasharray":g.stroke_dasharray,"stroke-linejoin":g.stroke_linejoin,"stroke-linecap":g.stroke_linecap,"stroke-opacity":g.stroke_opacity,"fill-opacity":g.fill_opacity,opacity:g.opacity/2,style:"pointer-events:inherit"},100),assignAttributes(t,e.attr,100),cleanupElement(t),e.children&&e.children.forEach(function(e){t.append(m(e))}),t};i.getTransformList=getTransformList,i.matrixMultiply=matrixMultiply,i.hasMatrixTransform=hasMatrixTransform,i.transformListToTransform=transformListToTransform;var _=function(){return a.baseUnit};init({getBaseUnit:_,getElement:getElem,getHeight:function(){return l.getAttribute("height")/d},getWidth:function(){return l.getAttribute("width")/d},getRoundDigits:function(){return z.round_digits}}),i.convertToNum=convertToNum;var b=function(){return l},y=this.getSelectedElems=function(){return f},x=pathActions,C=function(){return s};init$2({pathActions:x,getSVGContent:b,addSVGElementFromJson:m,getSelectedElements:y,getDOMDocument:function(){return o},getDOMContainer:function(){return t},getSVGRoot:C,getBaseUnit:_,getSnappingStep:function(){return a.snappingStep}}),i.findDefs=findDefs,i.getUrlFromAttr=getUrlFromAttr,i.getHref=getHref,i.setHref=setHref,i.getBBox=getBBox,i.getRotationAngle=getRotationAngle,i.getElem=getElem,i.getRefElem=getRefElem,i.assignAttributes=assignAttributes,this.cleanupElement=cleanupElement;var S=function(){return a.gridSnapping};init$4({getDrawing:function(){return u()},getSVGRoot:C,getGridSnapping:S}),this.remapElement=remapElement,init$5({getSVGRoot:C,getStartTransform:function(){return Z},setStartTransform:function(e){Z=e}}),this.recalculateDimensions=recalculateDimensions;var w=getReverseNS();i.sanitizeSvg=sanitizeSvg;var $=i.undoMgr=new UndoManager$1({handleHistoryEvent:function(e,t){var n=HistoryEventTypes$1;if(e===n.BEFORE_UNAPPLY||e===n.BEFORE_APPLY)i.clearSelection();else if(e===n.AFTER_APPLY||e===n.AFTER_UNAPPLY){var a=t.elements();i.pathActions.clear(),N("changed",a);var r=t.type(),o=e===n.AFTER_APPLY;if(r===MoveElementCommand$1.type())(o?t.newParent:t.oldParent)===l&&identifyLayers();else if(r===InsertElementCommand$1.type()||r===RemoveElementCommand$1.type())t.parent===l&&identifyLayers(),r===InsertElementCommand$1.type()?o&&U(t.elem):o||U(t.elem),"use"===t.elem.tagName&&Ve(t.elem);else if(r===ChangeElementCommand$1.type()){"title"===t.elem.tagName&&t.elem.parentNode.parentNode===l&&identifyLayers();var s=o?t.newValues:t.oldValues;s.stdDeviation&&i.setBlurOffsets(t.elem.parentNode,s.stdDeviation)}}}}),k=function(e){i.undoMgr.addCommandToHistory(e)},A=this.getZoom=function(){return d},E=this.round=function(e){return parseInt(e*d,10)/d};init$6(a,{createSVGElement:function(e){return i.addSVGElementFromJson(e)},svgRoot:function(){return s},svgContent:function(){return l},getCurrentZoom:A});var P=this.selectorManager=getSelectorManager(),T=i.getNextId=function(){return u().getNextId()},G=i.getId=function(){return u().getId()},N=function(e,t){if(ue[e])return ue[e](window,t)},L=this.clearSelection=function(e){f.forEach(function(e){null!=e&&P.releaseSelector(e)}),f=[],e||N("selected",f)},I=this.addToSelection=function(e,t){if(e.length){for(var n=0;n<f.length&&null!=f[n];)++n;for(var a=e.length;a--;){var r=e[a];if(r){var i=getBBox(r);if(i&&("a"===r.tagName&&1===r.childNodes.length&&(r=r.firstChild),!f.includes(r))){f[n]=r,n++;var o=P.requestSelector(r,i);f.length>1&&o.showGrips(!1)}}}for(N("selected",f),t||1===f.length?P.requestSelector(f[0]).showGrips(!0):P.requestSelector(f[0]).showGrips(!1),f.sort(function(e,t){return e&&t&&e.compareDocumentPosition?3-(6&t.compareDocumentPosition(e)):null==e?1:void 0});null==f[0];)f.shift(0)}},M=function(){return g.opacity},R=this.getMouseTarget=function(e){if(null==e)return null;var n=e.target;if(n.correspondingUseElement&&(n=n.correspondingUseElement),[NS.MATH,NS.HTML].includes(n.namespaceURI)&&"svgcanvas"!==n.id)for(;"foreignObject"!==n.nodeName;)if(!(n=n.parentNode))return s;var a=u().getCurrentLayer();if([s,t,l,a].includes(n))return s;if($$9(n).closest("#selectorParentGroup").length)return P.selectorParentGroup;for(;n.parentNode!==(h||a);)n=n.parentNode;return n};i.pathActions=x,init$1({selectorManager:P,canvas:i,call:N,resetD:function(e){e.setAttribute("d",x.convertPath(e))},round:E,clearSelection:L,addToSelection:I,addCommandToHistory:k,remapElement:remapElement,addSVGElementFromJson:m,getGridSnapping:S,getOpacity:M,getSelectedElements:y,getContainer:function(){return t},setStarted:function(e){Q=e},getRubberBox:function(){return ae},setRubberBox:function(e){return ae=e},addPtsToSelection:function(e){var t=e.closedSubpath,n=e.grips;x.canDeleteNodes=!0,x.closed_subpath=t,N("pointsAdded",{closedSubpath:t,grips:n}),N("selected",n)},endChanges:function(e){var t=e.cmd,n=e.elem;k(t),N("changed",[n])},getCurrentZoom:A,getId:G,getNextId:T,getMouseTarget:R,getCurrentMode:function(){return J},setCurrentMode:function(e){return J=e},getDrawnPath:function(){return Ne},setDrawnPath:function(e){return Ne=e},getSVGRoot:C});var O={},V="a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use",B=["clip-path","fill","filter","marker-end","marker-mid","marker-start","mask","stroke"],j=$$9.data,D=document.createElementNS(NS.SVG,"animate");$$9(D).attr({attributeName:"opacity",begin:"indefinite",dur:1,fill:"freeze"}).appendTo(s);var F,U=function e(t){var n=$$9(t).attr(B);for(var a in n){var r=n[a];if(r&&r.startsWith("url(")){var i=getUrlFromAttr(r).substr(1);getElem(i)||(findDefs().append(X[i]),delete X[i])}}var o=t.getElementsByTagName("*");if(o.length)for(var s=0,l=o.length;s<l;s++)e(o[s])},H={},z={round_digits:5},q={},W=p.text,Y={},X={},K=a.imgPath+"logo.png",Q=!1,Z=null,J="select",ee="none",te=g,ne=null,ae=null,re=[],ie=null,oe=this.runExtensions=function(e,t,n){var a=!!n&&[];return $$9.each(Y,function(r,i){i&&e in i&&("function"==typeof t&&(t=t(r)),n?a.push(i[e](t)):a=i[e](t))}),a};this.addExtension=(F=asyncToGenerator(regeneratorRuntime.mark(function e(t,n,a){var r,o;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if("function"==typeof n){e.next=2;break}throw new TypeError("Function argument expected for `svgcanvas.addExtension`");case 2:if(r={},t in Y){e.next=14;break}if(o=$$9.extend(i.getPrivateMethods(),{importLocale:a,svgroot:s,svgcontent:l,nonce:u().getNonce(),selectorManager:P}),!n){e.next=9;break}return e.next=8,n(o);case 8:r=e.sent;case 9:return r&&(r.name=t),Y[t]=r,e.abrupt("return",N("extension_added",r));case 14:console.log('Cannot add extension "'+t+'", an extension by that name already exists.');case 15:case"end":return e.stop()}},e,this)})),function(e,t,n){return F.apply(this,arguments)});var se=this.getIntersectionList=function(e){if(null==ae)return null;var t=h||u().getCurrentLayer(),n=void 0;if(e)(n=l.createSVGRect()).x=e.x,n.y=e.y,n.width=e.width,n.height=e.height;else{n=ae.getBBox();var a=l.createSVGRect();for(var r in n)a[r]=n[r]/d;n=a}var i=null;if(isIE||"function"==typeof s.getIntersectionList&&(n.x+=parseInt(l.getAttribute("x"),10),n.y+=parseInt(l.getAttribute("y"),10),i=s.getIntersectionList(n,t)),null==i||"function"!=typeof i.item){i=[],re.length||(re=le(t));for(var o=re.length;o--;)n.width&&rectsIntersect(n,re[o].bbox)&&i.push(re[o].elem)}return i};this.getStrokedBBox=getStrokedBBoxDefaultVisible,this.getVisibleElements=getVisibleElements;var le=this.getVisibleElementsAndBBoxes=function(e){e||(e=$$9(l).children());var t=[];return $$9(e).children().each(function(e,n){n.getBBox&&t.push({elem:n,bbox:getStrokedBBoxDefaultVisible([n])})}),t.reverse()},ce=this.groupSvgElem=function(e){var t=document.createElementNS(NS.SVG,"g");e.replaceWith(t),$$9(t).append(e).data("gsvg",e)[0].id=T()},ue={};i.call=N,i.bind=function(e,t){var n=ue[e];return ue[e]=t,n},this.prepareSvg=function(e){this.sanitizeSvg(e.documentElement),[].concat(toConsumableArray(e.getElementsByTagNameNS(NS.SVG,"path"))).forEach(function(e){e.setAttribute("d",x.convertPath(e)),x.fixEnd(e)})};var de=function(e){if(!isGecko())return e;var t=e.cloneNode(!0);return e.before(t),e.remove(),P.releaseSelector(e),f[0]=t,P.requestSelector(t).showGrips(!0),t};this.setRotationAngle=function(e,t){e=parseFloat(e);var n=f[0],a=n.getAttribute("transform"),r=getBBox(n),i=r.x+r.width/2,o=r.y+r.height/2,l=getTransformList(n);l.numberOfItems>0&&(4===l.getItem(0).type&&l.removeItem(0));if(0!==e){var c=transformPoint(i,o,transformListToTransform(l).matrix),u=s.createSVGTransform();u.setRotate(e,c.x,c.y),l.numberOfItems?l.insertItemBefore(u,0):l.appendItem(u)}else 0===l.numberOfItems&&n.removeAttribute("transform");if(!t){var d=n.getAttribute("transform");n.setAttribute("transform",a),qe("transform",d,f),N("changed",f)}var h=P.requestSelector(f[0]);h.resize(),h.updateGripCursors(e)};var he=this.recalculateAllSelectedDimensions=function(){for(var e=new BatchCommand$1("none"===ee?"position":"size"),t=f.length;t--;){var n=f[t],a=recalculateDimensions(n);a&&e.addSubCommand(a)}e.isEmpty()||(k(e),N("changed",f))},pe=function(e){console.log([e.a,e.b,e.c,e.d,e.e,e.f])},ge=null,fe=this.selectOnly=function(e,t){L(!0),I(e,t)};this.removeFromSelection=function(e){if(null!=f[0]&&e.length){for(var t=[],n=f.length,a=0;a<n;++a){var r=f[a];r&&(e.includes(r)?P.releaseSelector(r):t.push(r))}f=t}},this.selectAllInCurrentLayer=function(){var e=u().getCurrentLayer();e&&(J="select",fe($$9(h||e).children()))};var ve,me,_e,be,ye,xe,Ce,Se,we,$e,ke,Ae,Ee,Pe,Te,Ge,Ne=null;ve={minx:null,miny:null,maxx:null,maxy:null},me=null,_e=null,be=null,ye=null,xe=null,Ce={},Se=0,we={x:0,y:0},$e={x:0,y:0},ke={x:0,y:0},Ae={x:0,y:0},Ee={x:0,y:0},Pe={x:0,y:0},Te=void 0,Ge=function(e){var t={x:0,y:0},n=we,a=$e,r=ke,i=Ae,o=e*e,s=o*e,l=[[-1,3,-3,1],[3,-6,3,0],[-3,0,3,0],[1,4,1,0]];return t.x=1/6*((n.x*l[0][0]+a.x*l[0][1]+r.x*l[0][2]+i.x*l[0][3])*s+(n.x*l[1][0]+a.x*l[1][1]+r.x*l[1][2]+i.x*l[1][3])*o+(n.x*l[2][0]+a.x*l[2][1]+r.x*l[2][2]+i.x*l[2][3])*e+(n.x*l[3][0]+a.x*l[3][1]+r.x*l[3][2]+i.x*l[3][3])),t.y=1/6*((n.y*l[0][0]+a.y*l[0][1]+r.y*l[0][2]+i.y*l[0][3])*s+(n.y*l[1][0]+a.y*l[1][1]+r.y*l[1][2]+i.y*l[1][3])*o+(n.y*l[2][0]+a.y*l[2][1]+r.y*l[2][2]+i.y*l[2][3])*e+(n.y*l[3][0]+a.y*l[3][1]+r.y*l[3][2]+i.y*l[3][3])),{x:t.x,y:t.y}},$$9(t).mousedown(function(e){if(!i.spaceKey&&1!==e.button){var t=2===e.button;e.altKey&&i.cloneSelectedElements(0,0),ge=$$9("#svgcontent g")[0].getScreenCTM().inverse();var n=transformPoint(e.pageX,e.pageY,ge),r=n.x*d,o=n.y*d;e.preventDefault(),t&&(J="select",ie=n);var l=r/d,c=o/d,u=R(e);"a"===u.tagName&&1===u.childNodes.length&&(u=u.firstChild);var h=l;ye=_e=l;var p=c;if(xe=be=c,a.gridSnapping&&(l=snapToGrid(l),c=snapToGrid(c),_e=snapToGrid(_e),be=snapToGrid(be)),u===P.selectorParentGroup&&null!=f[0]){var v=e.target,_=j(v,"type");"rotate"===_?J="rotate":"resize"===_&&(J="resize",ee=j(v,"dir")),u=f[0]}Z=u.getAttribute("transform");var b=void 0,y=void 0,C=getTransformList(u);switch(J){case"select":if(Q=!0,ee="none",t&&(Q=!1),u!==s){if(f.includes(u)||(e.shiftKey||L(!0),I([u]),ne=u,x.clear()),!t)for(b=0;b<f.length;++b)if(null!=f[b]){var S=getTransformList(f[b]);S.numberOfItems?S.insertItemBefore(s.createSVGTransform(),0):S.appendItem(s.createSVGTransform())}}else t||(L(),J="multiselect",null==ae&&(ae=P.getRubberBandBox()),assignAttributes(ae,{x:ye*=d,y:xe*=d,width:0,height:0,display:"inline"},100));break;case"zoom":Q=!0,null==ae&&(ae=P.getRubberBandBox()),assignAttributes(ae,{x:h*d,y:h*d,width:0,height:0,display:"inline"},100);break;case"resize":Q=!0,_e=l,be=c,Ce=getBBox($$9("#selectedBox0")[0]);var w={};$$9.each(Ce,function(e,t){w[e]=t/d}),Ce=w;var $=getRotationAngle(u)?1:0;if(hasMatrixTransform(C))C.insertItemBefore(s.createSVGTransform(),$),C.insertItemBefore(s.createSVGTransform(),$),C.insertItemBefore(s.createSVGTransform(),$);else if(C.appendItem(s.createSVGTransform()),C.appendItem(s.createSVGTransform()),C.appendItem(s.createSVGTransform()),supportsNonScalingStroke()){var k=isWebkit(),A=void 0;k&&(A=function(e){var t=e.getAttributeNS(null,"stroke");e.removeAttributeNS(null,"stroke"),null!==t&&setTimeout(function(){e.setAttributeNS(null,"stroke",t)},0)}),u.style.vectorEffect="non-scaling-stroke",k&&A(u);var E=u.getElementsByTagName("*"),G=E.length;for(b=0;b<G;b++)E[b].style&&(E[b].style.vectorEffect="non-scaling-stroke",k&&A(E[b]))}break;case"fhellipse":case"fhrect":case"fhpath":ke.x=h,ke.y=p,Q=!0,me=h+","+p+" ",y=0===parseFloat(g.stroke_width)?1:g.stroke_width,m({element:"polyline",curStyles:!0,attr:{points:me,id:T(),fill:"none",opacity:g.opacity/2,"stroke-linecap":"round",style:"pointer-events:none"}}),ve.minx=h,ve.maxx=h,ve.miny=p,ve.maxy=p;break;case"image":Q=!0;var N=m({element:"image",attr:{x:l,y:c,width:0,height:0,id:T(),opacity:g.opacity/2,style:"pointer-events:inherit"}});setHref(N,K),preventClickDefault(N);break;case"square":case"rect":Q=!0,_e=l,be=c,m({element:"rect",curStyles:!0,attr:{x:l,y:c,width:0,height:0,id:T(),opacity:g.opacity/2}});break;case"line":Q=!0,y=0===Number(g.stroke_width)?1:g.stroke_width,m({element:"line",curStyles:!0,attr:{x1:l,y1:c,x2:l,y2:c,id:T(),stroke:g.stroke,"stroke-width":y,"stroke-dasharray":g.stroke_dasharray,"stroke-linejoin":g.stroke_linejoin,"stroke-linecap":g.stroke_linecap,"stroke-opacity":g.stroke_opacity,fill:"none",opacity:g.opacity/2,style:"pointer-events:none"}});break;case"circle":Q=!0,m({element:"circle",curStyles:!0,attr:{cx:l,cy:c,r:0,id:T(),opacity:g.opacity/2}});break;case"ellipse":Q=!0,m({element:"ellipse",curStyles:!0,attr:{cx:l,cy:c,rx:0,ry:0,id:T(),opacity:g.opacity/2}});break;case"text":Q=!0,m({element:"text",curStyles:!0,attr:{x:l,y:c,id:T(),fill:W.fill,"stroke-width":W.stroke_width,"font-size":W.font_size,"font-family":W.font_family,"text-anchor":"middle","xml:space":"preserve",opacity:g.opacity}});break;case"path":case"pathedit":_e*=d,be*=d,x.mouseDown(e,u,_e,be),Q=!0;break;case"textedit":_e*=d,be*=d,Le.mouseDown(e,u,_e,be),Q=!0;break;case"rotate":Q=!0,i.undoMgr.beginUndoableChange("transform",f)}var M=oe("mouseDown",{event:e,start_x:_e,start_y:be,selectedElements:f},!0);$$9.each(M,function(e,t){t&&t.started&&(Q=!0)})}}).mousemove(function(e){if(Q&&1!==e.button&&!i.spaceKey){var t=void 0,n=void 0,r=void 0,o=void 0,c=void 0,u=void 0,h=void 0,p=void 0,g=void 0,v=f[0],m=transformPoint(e.pageX,e.pageY,ge),_=m.x*d,b=m.y*d,y=getElem(G()),C=_/d,S=C,w=b/d,$=w;a.gridSnapping&&(S=snapToGrid(S),$=snapToGrid($)),e.preventDefault();var k=void 0;switch(J){case"select":if(null!==f[0]){if(c=S-_e,u=$-be,a.gridSnapping&&(c=snapToGrid(c),u=snapToGrid(u)),e.shiftKey){var A=n=snapToAngle(_e,be,S,$);S=A.x,$=A.y}if(0!==c||0!==u){for(h=f.length,t=0;t<h&&null!=(v=f[t]);++t){var E=s.createSVGTransform();k=getTransformList(v),E.setTranslate(c,u),k.numberOfItems?k.replaceItem(E,0):k.appendItem(E),P.requestSelector(v).resize()}N("transition",f)}}break;case"multiselect":C*=d,w*=d,assignAttributes(ae,{x:Math.min(ye,C),y:Math.min(xe,w),width:Math.abs(C-ye),height:Math.abs(w-xe)},100);var T=f.slice(),L=[],I=se();for(h=I.length,t=0;t<h;++t){var M=I[t];f.includes(M)||L.push(M);var R=T.indexOf(M);-1!==R&&T.splice(R,1)}T.length>0&&i.removeFromSelection(T),L.length>0&&i.addToSelection(L);break;case"resize":k=getTransformList(v);var O=hasMatrixTransform(k),V=(g=O?Ce:getBBox(v)).x,B=g.y,j=g,D=j.width,F=j.height;if(c=S-_e,u=$-be,a.gridSnapping&&(c=snapToGrid(c),u=snapToGrid(u),F=snapToGrid(F),D=snapToGrid(D)),p=getRotationAngle(v)){var U=Math.sqrt(c*c+u*u),H=Math.atan2(u,c)-p*Math.PI/180;c=U*Math.cos(H),u=U*Math.sin(H)}ee.includes("n")||ee.includes("s")||(u=0),ee.includes("e")||ee.includes("w")||(c=0);var z=0,q=0,W=F?(F+u)/F:1,Y=D?(D+c)/D:1;ee.includes("n")&&(W=F?(F-u)/F:1,q=F),ee.includes("w")&&(Y=D?(D-c)/D:1,z=D);var X=s.createSVGTransform(),K=s.createSVGTransform(),Z=s.createSVGTransform();if(a.gridSnapping&&(V=snapToGrid(V),z=snapToGrid(z),B=snapToGrid(B),q=snapToGrid(q)),X.setTranslate(-(V+z),-(B+q)),e.shiftKey&&(1===Y?Y=W:W=Y),K.setScale(Y,W),Z.setTranslate(V+z,B+q),O){var te=p?1:0;k.replaceItem(X,2+te),k.replaceItem(K,1+te),k.replaceItem(Z,Number(te))}else{var ne=k.numberOfItems;k.replaceItem(Z,ne-3),k.replaceItem(K,ne-2),k.replaceItem(X,ne-1)}P.requestSelector(v).resize(),N("transition",f);break;case"zoom":C*=d,w*=d,assignAttributes(ae,{x:Math.min(ye*d,C),y:Math.min(xe*d,w),width:Math.abs(C-ye*d),height:Math.abs(w-xe*d)},100);break;case"text":assignAttributes(y,{x:S,y:$},1e3);break;case"line":a.gridSnapping&&(S=snapToGrid(S),$=snapToGrid($));var re=S,ie=$;e.shiftKey&&(re=(n=snapToAngle(_e,be,re,ie)).x,ie=n.y),y.setAttributeNS(null,"x2",re),y.setAttributeNS(null,"y2",ie);break;case"foreignObject":case"square":case"rect":case"image":var le="square"===J||e.shiftKey,ce=Math.abs(S-_e),ue=Math.abs($-be),de=void 0,he=void 0;le?(ce=ue=Math.max(ce,ue),de=_e<S?_e:_e-ce,he=be<$?be:be-ue):(de=Math.min(_e,S),he=Math.min(be,$)),a.gridSnapping&&(ce=snapToGrid(ce),ue=snapToGrid(ue),de=snapToGrid(de),he=snapToGrid(he)),assignAttributes(y,{width:ce,height:ue,x:de,y:he},1e3);break;case"circle":var pe=$$9(y).attr(["cx","cy"]);r=pe.cx,o=pe.cy;var fe=Math.sqrt((S-r)*(S-r)+($-o)*($-o));a.gridSnapping&&(fe=snapToGrid(fe)),y.setAttributeNS(null,"r",fe);break;case"ellipse":var me=$$9(y).attr(["cx","cy"]);r=me.cx,o=me.cy,a.gridSnapping&&(S=snapToGrid(S),r=snapToGrid(r),$=snapToGrid($),o=snapToGrid(o)),y.setAttributeNS(null,"rx",Math.abs(S-r));var Ne=Math.abs(e.shiftKey?S-r:$-o);y.setAttributeNS(null,"ry",Ne);break;case"fhellipse":case"fhrect":ve.minx=Math.min(C,ve.minx),ve.maxx=Math.max(C,ve.maxx),ve.miny=Math.min(w,ve.miny),ve.maxy=Math.max(w,ve.maxy);case"fhpath":if(Ae.x=C,Ae.y=w,we.x&&we.y)for(t=0;t<9;t++)if(Te=t/10,Ee=Ge((t+1)/10),Pe=Ee,Ee=Ge(Te),(Se+=Math.sqrt((Pe.x-Ee.x)*(Pe.x-Ee.x)+(Pe.y-Ee.y)*(Pe.y-Ee.y)))>.8){Se-=.8;var Ie=l.createSVGPoint();Ie.x=Ee.x,Ie.y=Ee.y,y.points.appendItem(Ie)}we={x:$e.x,y:$e.y},$e={x:ke.x,y:ke.y},ke={x:Ae.x,y:Ae.y};break;case"path":case"pathedit":if(S*=d,$*=d,a.gridSnapping&&(S=snapToGrid(S),$=snapToGrid($),_e=snapToGrid(_e),be=snapToGrid(be)),e.shiftKey){var Me=path,Re=void 0,Oe=void 0;Me?(Re=Me.dragging?Me.dragging[0]:_e,Oe=Me.dragging?Me.dragging[1]:be):(Re=_e,Oe=be);var Ve=n=snapToAngle(Re,Oe,S,$);S=Ve.x,$=Ve.y}ae&&"none"!==ae.getAttribute("display")&&(C*=d,w*=d,assignAttributes(ae,{x:Math.min(ye*d,C),y:Math.min(xe*d,w),width:Math.abs(C-ye*d),height:Math.abs(w-xe*d)},100)),x.mouseMove(S,$);break;case"textedit":S*=d,$*=d,Le.mouseMove(_,b);break;case"rotate":r=(g=getBBox(v)).x+g.width/2,o=g.y+g.height/2;var Be=getMatrix(v),je=transformPoint(r,o,Be);r=je.x,o=je.y,p=(Math.atan2(o-$,r-S)*(180/Math.PI)-90)%360,a.gridSnapping&&(p=snapToGrid(p)),e.shiftKey&&(p=45*Math.round(p/45)),i.setRotationAngle(p<-180?360+p:p,!0),N("transition",f)}oe("mouseMove",{event:e,mouse_x:_,mouse_y:b,selected:v})}}).click(function(e){return e.preventDefault(),!1}).dblclick(function(e){var t=e.target.parentNode;if(t!==h){var n=R(e),a=n.tagName;if("text"===a&&"textedit"!==J){var r=transformPoint(e.pageX,e.pageY,ge);Le.select(n,r.x,r.y)}"g"!==a&&"a"!==a||!getRotationAngle(n)||(We(n),n=f[0],L(!0)),h&&leaveContext(),"g"!==t.tagName&&"a"!==t.tagName||t===u().getCurrentLayer()||n===P.selectorParentGroup||setContext(n)}}).mouseup(function(e){if(2!==e.button){var t=ne;if(ne=null,Q){var n=transformPoint(e.pageX,e.pageY,ge),r=n.x*d,o=n.y*d,s=r/d,l=o/d,c=getElem(G()),h=!1,p=s,v=l;Q=!1;var _=void 0,b=void 0;switch(J){case"resize":case"multiselect":null!=ae&&(ae.setAttribute("display","none"),re=[]),J="select";case"select":if(null!=f[0]){if(null==f[1]){var y=f[0];switch(y.tagName){case"g":case"use":case"image":case"foreignObject":break;default:te.fill=y.getAttribute("fill"),te.fill_opacity=y.getAttribute("fill-opacity"),te.stroke=y.getAttribute("stroke"),te.stroke_opacity=y.getAttribute("stroke-opacity"),te.stroke_width=y.getAttribute("stroke-width"),te.stroke_dasharray=y.getAttribute("stroke-dasharray"),te.stroke_linejoin=y.getAttribute("stroke-linejoin"),te.stroke_linecap=y.getAttribute("stroke-linecap")}"text"===y.tagName&&(W.font_size=y.getAttribute("font-size"),W.font_family=y.getAttribute("font-family")),P.requestSelector(y).showGrips(!0)}if(he(),p!==ye||v!==xe)for(var C=f.length,S=0;S<C&&null!=f[S];++S)f[S].firstChild||P.requestSelector(f[S]).resize();else b=e.target,"path"===f[0].nodeName&&null==f[1]?x.select(f[0]):e.shiftKey&&t!==b&&i.removeFromSelection([b]);if(supportsNonScalingStroke()){var w=f[0];w&&(w.removeAttribute("style"),walkTree(w,function(e){e.removeAttribute("style")}))}}return;case"zoom":null!=ae&&ae.setAttribute("display","none");var $=e.shiftKey?.5:2;return void N("zoomed",{x:Math.min(ye,p),y:Math.min(xe,v),width:Math.abs(p-ye),height:Math.abs(v-xe),factor:$});case"fhpath":Se=0,we={x:0,y:0},$e={x:0,y:0},ke={x:0,y:0},Ae={x:0,y:0};var A=c.getAttribute("points"),E=A.indexOf(",");(h=E>=0?A.indexOf(",",E+1)>=0:A.indexOf(" ",A.indexOf(" ")+1)>=0)&&(c=x.smoothPolylineIntoPath(c));break;case"line":_=$$9(c).attr(["x1","x2","y1","y2"]),h=_.x1!==_.x2||_.y1!==_.y2;break;case"foreignObject":case"square":case"rect":case"image":_=$$9(c).attr(["width","height"]),h=_.width||_.height||"image"===J;break;case"circle":h="0"!==c.getAttribute("r");break;case"ellipse":_=$$9(c).attr(["rx","ry"]),h=_.rx||_.ry;break;case"fhellipse":ve.maxx-ve.minx>0&&ve.maxy-ve.miny>0&&(c=m({element:"ellipse",curStyles:!0,attr:{cx:(ve.minx+ve.maxx)/2,cy:(ve.miny+ve.maxy)/2,rx:(ve.maxx-ve.minx)/2,ry:(ve.maxy-ve.miny)/2,id:G()}}),N("changed",[c]),h=!0);break;case"fhrect":ve.maxx-ve.minx>0&&ve.maxy-ve.miny>0&&(c=m({element:"rect",curStyles:!0,attr:{x:ve.minx,y:ve.miny,width:ve.maxx-ve.minx,height:ve.maxy-ve.miny,id:G()}}),N("changed",[c]),h=!0);break;case"text":h=!0,fe([c]),Le.start(c);break;case"path":c=null,Q=!0;var T=x.mouseUp(e,c,r,o);c=T.element,h=T.keep;break;case"pathedit":h=!0,c=null,x.mouseUp(e);break;case"textedit":h=!1,c=null,Le.mouseUp(e,r,o);break;case"rotate":h=!0,c=null,J="select";var L=i.undoMgr.finishUndoableChange();L.isEmpty()||k(L),he(),N("changed",f)}var I=oe("mouseUp",{event:e,mouse_x:r,mouse_y:o},!0);if($$9.each(I,function(e,t){t&&(h=t.keep||h,c=t.element,Q=t.started||Q)}),h||null==c){if(null!=c){i.addedNew=!0;var M=.2,R=void 0;if(D.beginElement&&parseFloat(c.getAttribute("opacity"))!==g.opacity){R=$$9(D).clone().attr({to:g.opacity,dur:M}).appendTo(c);try{R[0].beginElement()}catch(e){}}else M=0;setTimeout(function(){R&&R.remove(),c.setAttribute("opacity",g.opacity),c.setAttribute("style","pointer-events:inherit"),cleanupElement(c),"path"===J?x.toEditMode(c):a.selectNew&&fe([c],!0),k(new InsertElementCommand$1(c)),N("changed",[c])},1e3*M)}}else{for(u().releaseId(G()),c.remove(),c=null,b=e.target;b&&b.parentNode&&b.parentNode.parentNode&&"g"===b.parentNode.parentNode.tagName;)b=b.parentNode;"path"===J&&Ne||!b||!b.parentNode||"selectorParentGroup"===b.parentNode.id||"svgcanvas"===b.id||"svgroot"===b.id||(i.setMode("select"),fe([b],!0))}Z=null}}}),$$9(t).bind("mousewheel DOMMouseScroll",function(e){if(e.shiftKey){e.preventDefault();var t=e.originalEvent;ge=$$9("#svgcontent g")[0].getScreenCTM().inverse();var n=$$9("#workarea"),r=a.showRulers?16:0,o=transformPoint(t.pageX,t.pageY,ge),s=n.width(),l=n.height(),c=s-15-r,u=l-15-r,h=c*ge.a,p=u*ge.d,g=n.offset(),f=g.left+r,v=g.top+r,m=t.wheelDelta?t.wheelDelta:t.detail?-t.detail:0;if(m){var _=Math.max(.75,Math.min(4/3,m)),b=void 0,y=void 0;_>1?(b=Math.ceil(c/h*_*100)/100,y=Math.ceil(u/p*_*100)/100):(b=Math.floor(c/h*_*100)/100,y=Math.floor(u/p*_*100)/100);var x=Math.min(b,y);if((x=Math.min(10,Math.max(.01,x)))!==d){_=x/d;var C=transformPoint(f,v,ge),S={x:(o.x-(o.x-C.x)/_)*x-r+s/2,y:(o.y-(o.y-C.y)/_)*x-r+l/2};i.setZoom(x),$$9("#zoom").val((100*x).toFixed(1)),N("updateCanvas",{center:!1,newCtr:S}),N("zoomDone")}}}});var Le=i.textActions=function(){var e=void 0,t=void 0,n=void 0,a=void 0,r=void 0,o=[],l=void 0,c=void 0,u=void 0,h=void 0,p=void 0;function g(e){var i=""===t.value;if($$9(t).focus(),!arguments.length)if(i)e=0;else{if(t.selectionEnd!==t.selectionStart)return;e=t.selectionEnd}var s=o[e];i||t.setSelectionRange(e,e),(n=getElem("text_cursor"))||(n=document.createElementNS(NS.SVG,"line"),assignAttributes(n,{id:"text_cursor",stroke:"#333","stroke-width":1}),n=getElem("selectorParentGroup").appendChild(n)),r||(r=setInterval(function(){var e="none"===n.getAttribute("display");n.setAttribute("display",e?"inline":"none")},600));var c=x(s.x,l.y),u=x(s.x,l.y+l.height);assignAttributes(n,{x1:c.x,y1:c.y,x2:u.x,y2:u.y,visibility:"visible",display:"inline"}),a&&a.setAttribute("d","")}function v(e,r,i){if(e!==r){i||t.setSelectionRange(e,r),(a=getElem("text_selectblock"))||(a=document.createElementNS(NS.SVG,"path"),assignAttributes(a,{id:"text_selectblock",fill:"green",opacity:.5,style:"pointer-events:none"}),getElem("selectorParentGroup").append(a));var s=o[e],c=o[r];n.setAttribute("visibility","hidden");var u=x(s.x,l.y),d=x(s.x+(c.x-s.x),l.y),h=x(s.x,l.y+l.height),p=x(s.x+(c.x-s.x),l.y+l.height),f="M"+u.x+","+u.y+" L"+d.x+","+d.y+" "+p.x+","+p.y+" "+h.x+","+h.y+"z";assignAttributes(a,{d:f,display:"inline"})}else g(r)}function m(t,n){var a=s.createSVGPoint();if(a.x=t,a.y=n,1===o.length)return 0;var r=e.getCharNumAtPosition(a);r<0?(r=o.length-2,t<=o[0].x&&(r=0)):r>=o.length-2&&(r=o.length-2);var i=o[r];return t>i.x+i.width/2&&r++,r}function _(e,t){g(m(e,t))}function b(e,n,a){var r=t.selectionStart,i=m(e,n);v(Math.min(r,i),Math.max(r,i),!a)}function y(e,t){var n={x:e,y:t};if(n.x/=d,n.y/=d,c){var a=transformPoint(n.x,n.y,c.inverse());n.x=a.x,n.y=a.y}return n}function x(e,t){var n={x:e,y:t};if(c){var a=transformPoint(n.x,n.y,c);n.x=a.x,n.y=a.y}return n.x*=d,n.y*=d,n}function C(t){v(0,e.textContent.length),$$9(this).unbind(t)}function S(t){if(p&&e){var n=transformPoint(t.pageX,t.pageY,ge),a=y(n.x*d,n.y*d),r=m(a.x,a.y),i=e.textContent,o=i.substr(0,r).replace(/[a-z0-9]+$/i,"").length,s=i.substr(r).match(/^[a-z0-9]+/i);v(o,(s?s[0].length:0)+r),$$9(t.target).click(C),setTimeout(function(){$$9(t.target).unbind("click",C)},300)}}return{select:function(t,n,a){e=t,Le.toEditMode(n,a)},start:function(t){e=t,Le.toEditMode()},mouseDown:function(e,n,a,r){var i=y(a,r);t.focus(),_(i.x,i.y),u=a,h=r},mouseMove:function(e,t){var n=y(e,t);b(n.x,n.y)},mouseUp:function(t,n,a){var r=y(n,a);b(r.x,r.y,!0),t.target!==e&&n<u+2&&n>u-2&&a<h+2&&a>h-2&&Le.toSelectMode(!0)},setCursor:g,toEditMode:function(t,n){if(p=!1,J="textedit",P.requestSelector(e).showGrips(!1),P.requestSelector(e),Le.init(),$$9(e).css("cursor","text"),arguments.length){var a=y(t,n);_(a.x,a.y)}else g();setTimeout(function(){p=!0},300)},toSelectMode:function(o){J="select",clearInterval(r),r=null,a&&$$9(a).attr("display","none"),n&&$$9(n).attr("visibility","hidden"),$$9(e).css("cursor","move"),o&&(L(),$$9(e).css("cursor","move"),N("selected",[e]),I([e],!0)),e&&!e.textContent.length&&i.deleteSelectedElements(),$$9(t).blur(),e=!1},setInputElem:function(e){t=e},clear:function(){"textedit"===J&&Le.toSelectMode()},init:function(n){if(e){var a=void 0,r=void 0;e.parentNode||(e=f[0],P.requestSelector(e).showGrips(!1));var s=e.textContent.length,u=e.getAttribute("transform");for(l=getBBox(e),c=u?getMatrix(e):null,(o=[]).length=s,t.focus(),$$9(e).unbind("dblclick",S).dblclick(S),s||(r={x:l.x+l.width/2,width:0}),a=0;a<s;a++){var h=e.getStartPositionOfChar(a);if(r=e.getEndPositionOfChar(a),!supportsGoodTextCharPos()){var p=i.contentW*d;h.x-=p,r.x-=p,h.x/=d,r.x/=d}o[a]={x:h.x,y:l.y,width:r.x-h.x,height:l.height}}o.push({x:r.x,width:0}),v(t.selectionStart,t.selectionEnd,!0)}}}}(),Ie=this.removeUnusedDefElems=function(){var e=l.getElementsByTagNameNS(NS.SVG,"defs");if(!e||!e.length)return 0;var t=[],n=0,a=["fill","stroke","filter","marker-start","marker-mid","marker-end"],r=a.length,i=l.getElementsByTagNameNS(NS.SVG,"*"),o=i.length,s=void 0,c=void 0;for(s=0;s<o;s++){var u=i[s];for(c=0;c<r;c++){var d=getUrlFromAttr(u.getAttribute(a[c]));d&&t.push(d.substr(1))}var h=getHref(u);h&&h.startsWith("#")&&t.push(h.substr(1))}var p=$$9(e).find("linearGradient, radialGradient, filter, marker, svg, symbol");for(s=p.length;s--;){var g=p[s],f=g.id;t.includes(f)||(X[f]=g,g.remove(),n++)}return n};function Me(){L();var e=[],t=[],n={feGaussianBlur:O.exportNoBlur,foreignObject:O.exportNoforeignObject,"[stroke-dasharray]":O.exportNoDashArray},a=$$9(l);return"font"in $$9("<canvas>")[0].getContext("2d")||(n.text=O.exportNoText),$$9.each(n,function(n,r){a.find(n).length&&(t.push(n),e.push(r))}),{issues:e,issueCodes:t}}this.svgCanvasToString=function(){for(;Ie()>0;);x.clear(!0),$$9.each(l.childNodes,function(e,t){e&&8===t.nodeType&&t.data.includes("Created with")&&l.firstChild.before(t)}),h&&(leaveContext(),fe([h]));var e=[];$$9(l).find("g:data(gsvg)").each(function(){for(var t=this.attributes,n=t.length,a=0;a<n;a++)"id"!==t[a].nodeName&&"style"!==t[a].nodeName||n--;if(n<=0){var r=this.firstChild;e.push(r),$$9(this).replaceWith(r)}});var t=this.svgToString(l,0);return e.length&&$$9(e).each(function(){ce(this)}),t},this.svgToString=function(e,t){var n=[],r=a.baseUnit,i=new RegExp("^-?[\\d\\.]+"+r+"$");if(e){cleanupElement(e);var o=Array.from(e.attributes),s=void 0,l=e.childNodes;for(o.sort(function(e,t){return e.name>t.name?-1:1}),s=0;s<t;s++)n.push(" ");if(n.push("<"),n.push(e.nodeName),"svgcontent"===e.id){var c=De();"px"!==r&&(c.w=convertUnit(c.w,r)+r,c.h=convertUnit(c.h,r)+r),n.push(' width="'+c.w+'" height="'+c.h+'" xmlns="'+NS.SVG+'"');var u={};$$9(e).find("*").andSelf().each(function(){var e=this.namespaceURI;e&&!u[e]&&w[e]&&"xmlns"!==w[e]&&"xml"!==w[e]&&(u[e]=!0,n.push(" xmlns:"+w[e]+'="'+e+'"')),$$9.each(this.attributes,function(e,t){var a=t.namespaceURI;a&&!u[a]&&"xmlns"!==w[a]&&"xml"!==w[a]&&(u[a]=!0,n.push(" xmlns:"+w[a]+'="'+a+'"'))})}),s=o.length;for(var d=["width","height","xmlns","x","y","viewBox","id","overflow"];s--;){var h=o[s],p=toXml(h.value);h.nodeName.startsWith("xmlns:")||(""===p||d.includes(h.localName)||h.namespaceURI&&!w[h.namespaceURI]||(n.push(" "),n.push(h.nodeName),n.push('="'),n.push(p),n.push('"')))}}else{if("defs"===e.nodeName&&!e.firstChild)return;var g=["-moz-math-font-style","_moz-math-font-style"];for(s=o.length-1;s>=0;s--){var f=o[s],v=toXml(f.value);if(!g.includes(f.localName)&&""!==v){if(v.startsWith("pointer-events"))continue;if("class"===f.localName&&v.startsWith("se_"))continue;if(n.push(" "),"d"===f.localName&&(v=x.convertPath(e,!0)),isNaN(v)?i.test(v)&&(v=shortFloat(v)+r):v=shortFloat(v),z.apply&&"image"===e.nodeName&&"href"===f.localName&&z.images&&"embed"===z.images){var m=H[v];m&&(v=m)}f.namespaceURI&&f.namespaceURI!==NS.SVG&&!w[f.namespaceURI]||(n.push(f.nodeName),n.push('="'),n.push(v),n.push('"'))}}}if(e.hasChildNodes()){n.push(">"),t++;var _=!1;for(s=0;s<l.length;s++){var b=l.item(s);switch(b.nodeType){case 1:n.push("\n"),n.push(this.svgToString(l.item(s),t));break;case 3:var y=b.nodeValue.replace(/^\s+|\s+$/g,"");""!==y&&(_=!0,n.push(String(toXml(y))));break;case 4:n.push("\n"),n.push(new Array(t+1).join(" ")),n.push("<![CDATA["),n.push(b.nodeValue),n.push("]]>");break;case 8:n.push("\n"),n.push(new Array(t+1).join(" ")),n.push("\x3c!--"),n.push(b.data),n.push("--\x3e")}}if(t--,!_)for(n.push("\n"),s=0;s<t;s++)n.push(" ");n.push("</"),n.push(e.nodeName),n.push(">")}else n.push("/>")}return n.join("")},this.embedImage=function(e,t){return new Promise(function(n,a){$$9(new Image).load(function(r,i,o){if("error"!==i){var s=document.createElement("canvas");s.width=this.width,s.height=this.height,s.getContext("2d").drawImage(this,0,0);try{var l=";svgedit_url="+encodeURIComponent(e);l=s.toDataURL().replace(";base64",l+";base64"),H[e]=l}catch(t){H[e]=!1}K=e,t&&t(H[e]),n(H[e])}else a(new Error("Error loading image: "+o.status+" "+o.statusText))}).attr("src",e)})},this.setGoodImage=function(e){K=e},this.open=function(){},this.save=function(e){L(),e&&$$9.extend(z,e),z.apply=!0;var t=this.svgCanvasToString();N("saved",t)};var Re=void 0;this.rasterExport=function(e,t,n,r){var o,s=this,l="ICO"===e?"BMP":e||"PNG",c="image/"+l.toLowerCase(),u=Me(),d=u.issues,h=u.issueCodes,p=this.svgCanvasToString();return new Promise((o=asyncToGenerator(regeneratorRuntime.mark(function o(u,g){var f,v,m,_,b,y;return regeneratorRuntime.wrap(function(o){for(;;)switch(o.prev=o.next){case 0:if(y=function(){var a={datauri:_,bloburl:b,svg:p,issues:d,issueCodes:h,type:e,mimeType:c,quality:t,exportWindowName:n};N("exported",a),r&&r(a),u(a)},Re){o.next=6;break}return o.next=4,importSetGlobal(a.canvgPath+"canvg.js",{global:"canvg"});case 4:f=o.sent,Re=f.canvg;case 6:return $$9("#export_canvas").length||$$9("<canvas>",{id:"export_canvas"}).hide().appendTo("body"),(v=$$9("#export_canvas")[0]).width=i.contentW,v.height=i.contentH,o.next=12,Re(v,p);case 12:if(m=l.toLowerCase(),_=t?v.toDataURL("image/"+m,t):v.toDataURL("image/"+m),b=void 0,!v.toBlob){o.next=18;break}return v.toBlob(function(e){b=createObjectURL(e),y()},c,t),o.abrupt("return");case 18:b=dataURLToObjectURL(_),y();case 20:case"end":return o.stop()}},o,s)})),function(e,t){return o.apply(this,arguments)}))},this.exportPDF=function(e,t,n){var r,i=this,o=this;return new Promise((r=asyncToGenerator(regeneratorRuntime.mark(function r(s,l){var c,u,d,h,p,g,f,v,m,_;return regeneratorRuntime.wrap(function(r){for(;;)switch(r.prev=r.next){case 0:if(window.jsPDF){r.next=6;break}return r.next=3,importScript(["jspdf/underscore-min.js","jspdf/jspdf.min.js"]);case 3:return c=!("svgEditor"in window&&window.svgEditor&&!1===window.svgEditor.modules),r.next=6,importScript(a.jspdfPath+"jspdf.plugin.svgToPdf.js",{type:c?"module":"text/javascript"});case 6:u=De(),d=u.w>u.h?"landscape":"portrait",h=jsPDF({orientation:d,unit:"pt",format:[u.w,u.h]}),p=Fe(),h.setProperties({title:p}),g=Me(),f=g.issues,v=g.issueCodes,m=o.svgCanvasToString(),h.addSVG(m,0,0),(_={svg:m,issues:f,issueCodes:v,exportWindowName:e,outputType:t=t||"dataurlstring"}).output=h.output(t),n&&n(_),s(_),N("exportedPDF",_);case 21:case"end":return r.stop()}},r,i)})),function(e,t){return r.apply(this,arguments)}))},this.getSvgString=function(){return z.apply=!1,this.svgCanvasToString()},this.randomizeIds=function(e){arguments.length>0&&!1===e?randomizeIds(!1,u()):randomizeIds(!0,u())};var Oe=this.uniquifyElems=function(e){var t={},n=["filter","linearGradient","pattern","radialGradient","symbol","textPath","use"];for(var a in walkTree(e,function(e){if(1===e.nodeType){e.id&&(e.id in t||(t[e.id]={elem:null,attrs:[],hrefs:[]}),t[e.id].elem=e),$$9.each(B,function(n,a){var r=e.getAttributeNode(a);if(r){var i=getUrlFromAttr(r.value),o=i?i.substr(1):null;o&&(o in t||(t[o]={elem:null,attrs:[],hrefs:[]}),t[o].attrs.push(r))}});var a=getHref(e);if(a&&n.includes(e.nodeName)){var r=a.substr(1);r&&(r in t||(t[r]={elem:null,attrs:[],hrefs:[]}),t[r].hrefs.push(e))}}}),t)if(a){var r=t[a].elem;if(r){var i=T();r.id=i;for(var o=t[a].attrs,s=o.length;s--;){var l=o[s];l.ownerElement.setAttribute(l.name,"url(#"+i+")")}for(var c=t[a].hrefs,u=c.length;u--;){var d=c[u];setHref(d,"#"+i)}}}},Ve=this.setUseData=function(e){var t=$$9(e);"use"!==e.tagName&&(t=t.find("use")),t.each(function(){var e=getHref(this).substr(1),t=getElem(e);t&&($$9(this).data("ref",t),"symbol"!==t.tagName&&"svg"!==t.tagName||$$9(this).data("symbol",t).data("ref",t))})},Be=this.convertGradients=function(e){var t=$$9(e).find("linearGradient, radialGradient");!t.length&&isWebkit()&&(t=$$9(e).find("*").filter(function(){return this.tagName.includes("Gradient")})),t.each(function(){if("userSpaceOnUse"===$$9(this).attr("gradientUnits")){var e=$$9(l).find('[fill="url(#'+this.id+')"],[stroke="url(#'+this.id+')"]');if(!e.length)return;var t=getBBox(e[0]);if(!t)return;if("linearGradient"===this.tagName){var n=$$9(this).attr(["x1","y1","x2","y2"]),a=this.gradientTransform.baseVal;if(a&&a.numberOfItems>0){var r=transformListToTransform(a).matrix,i=transformPoint(n.x1,n.y1,r),o=transformPoint(n.x2,n.y2,r);n.x1=i.x,n.y1=i.y,n.x2=o.x,n.y2=o.y,this.removeAttribute("gradientTransform")}$$9(this).attr({x1:(n.x1-t.x)/t.width,y1:(n.y1-t.y)/t.height,x2:(n.x2-t.x)/t.width,y2:(n.y2-t.y)/t.height}),this.removeAttribute("gradientUnits")}}})},je=this.convertToGroup=function(e){e||(e=f[0]);var t=$$9(e),n=new BatchCommand$1,a=void 0;if(t.data("gsvg")){var r=e.firstChild,i=$$9(r).attr(["x","y"]);$$9(e.firstChild.firstChild).unwrap(),$$9(e).removeData("gsvg");var c=getTransformList(e),u=s.createSVGTransform();u.setTranslate(i.x,i.y),c.appendItem(u),recalculateDimensions(e),N("selected",[e])}else if(t.data("symbol")){e=t.data("symbol"),a=t.attr("transform");var d=t.attr(["x","y"]),h=e.getAttribute("viewBox");if(h){var p=h.split(" ");d.x-=+p[0],d.y-=+p[1]}a+=" translate("+(d.x||0)+","+(d.y||0)+")";var g=t.prev();n.addSubCommand(new RemoveElementCommand$1(t[0],t[0].nextSibling,t[0].parentNode)),t.remove();var v=$$9(l).find("use:data(symbol)").length,m=o.createElementNS(NS.SVG,"g"),_=e.childNodes,b=void 0;for(b=0;b<_.length;b++)m.append(_[b].cloneNode(!0));if(isGecko()){var y=$$9(findDefs()).children("linearGradient,radialGradient,pattern").clone();$$9(m).append(y)}a&&m.setAttribute("transform",a);var x=e.parentNode;if(Oe(m),isGecko()&&$$9(findDefs()).append($$9(m).find("linearGradient,radialGradient,pattern")),m.id=T(),g.after(m),x){if(!v){var C=e.nextSibling;e.remove(),n.addSubCommand(new RemoveElementCommand$1(e,C,x))}n.addSubCommand(new InsertElementCommand$1(m))}Ve(m),isGecko()?Be(findDefs()):Be(m),walkTreePost(m,function(e){try{recalculateDimensions(e)}catch(e){console.log(e)}}),$$9(m).find(V).each(function(){this.id||(this.id=T())}),fe([m]);var S=We(m,!0);S&&n.addSubCommand(S),k(n)}else console.log("Unexpected element to ungroup:",e)};this.setSvgString=function(e,t){try{var n=text2xml(e);if(n.firstElementChild&&n.firstElementChild.namespaceURI!==NS.SVG)return!1;this.prepareSvg(n);var r=new BatchCommand$1("Change Source"),h=l.nextSibling,p=s.removeChild(l);r.addSubCommand(new RemoveElementCommand$1(p,h,s)),l=o.adoptNode?o.adoptNode(n.documentElement):o.importNode(n.documentElement,!0),s.append(l);var g=$$9(l);i.current_drawing_=new Drawing(l,c);var f=u().getNonce();f?N("setnonce",f):N("unsetnonce"),g.find("image").each(function(){var e=this;preventClickDefault(e);var t=getHref(this);if(t){if(t.startsWith("data:")){var n=t.match(/svgedit_url=(.*?);/);if(n){var a=decodeURIComponent(n[1]);$$9(new Image).load(function(){e.setAttributeNS(NS.XLINK,"xlink:href",a)}).attr("src",a)}}i.embedImage(t)}}),g.find("svg").each(function(){if(!$$9(this).closest("defs").length){Oe(this);var e=this.parentNode;1===e.childNodes.length&&"g"===e.nodeName?($$9(e).data("gsvg",this),e.id=e.id||T()):ce(this)}}),isGecko()&&g.find("linearGradient, radialGradient, pattern").appendTo(findDefs()),Ve(g),Be(g[0]);var v={id:"svgcontent",overflow:a.show_outside_canvas?"visible":"hidden"},m=!1;if(g.attr("viewBox")){var _=g.attr("viewBox").split(" ");v.width=_[2],v.height=_[3]}else $$9.each(["width","height"],function(e,t){var n=g.attr(t)||"100%";"%"===String(n).substr(-1)?m=!0:v[t]=convertToNum(t,n)});if(identifyLayers(),g.children().find(V).each(function(){this.id||(this.id=T())}),m){var b=getStrokedBBoxDefaultVisible();v.width=b.width+b.x,v.height=b.height+b.y}v.width<=0&&(v.width=100),v.height<=0&&(v.height=100),g.attr(v),this.contentW=v.width,this.contentH=v.height,r.addSubCommand(new InsertElementCommand$1(l));var y=g.attr(["width","height"]);r.addSubCommand(new ChangeElementCommand$1(s,y)),d=1,resetListMap(),L(),clearData(),s.append(P.selectorParentGroup),t||k(r),N("changed",[l])}catch(e){return console.log(e),!1}return!0},this.importSvgString=function(e){var t=void 0,n=void 0,a=void 0;try{var r=encode64(e.length+e).substr(0,32),i=!1;q[r]&&$$9(q[r].symbol).parents("#svgroot").length&&(i=!0);var s=new BatchCommand$1("Import Image"),c=void 0;if(i)c=q[r].symbol,n=q[r].xform;else{var d=text2xml(e);this.prepareSvg(d);var p=void 0;p=o.adoptNode?o.adoptNode(d.documentElement):o.importNode(d.documentElement,!0),Oe(p);var g=convertToNum("width",p.getAttribute("width")),f=convertToNum("height",p.getAttribute("height")),v=p.getAttribute("viewBox"),m=v?v.split(" "):[0,0,g,f];for(t=0;t<4;++t)m[t]=+m[t];var _=+l.getAttribute("height");n="translate(0) "+(n=f>g?"scale("+_/3/m[3]+")":"scale("+_/3/m[2]+")")+" translate(0)",c=o.createElementNS(NS.SVG,"symbol");var b=findDefs();for(isGecko()&&$$9(p).find("linearGradient, radialGradient, pattern").appendTo(b);p.firstChild;){var y=p.firstChild;c.append(y)}for(var x=p.attributes,C=0;C<x.length;C++){var S=x[C];c.setAttribute(S.nodeName,S.value)}c.id=T(),q[r]={symbol:c,xform:n},findDefs().append(c),s.addSubCommand(new InsertElementCommand$1(c))}(a=o.createElementNS(NS.SVG,"use")).id=T(),setHref(a,"#"+c.id),(h||u().getCurrentLayer()).append(a),s.addSubCommand(new InsertElementCommand$1(a)),L(),a.setAttribute("transform",n),recalculateDimensions(a),$$9(a).data("symbol",c).data("ref",c),I([a]),k(s),N("changed",[l])}catch(e){return console.log(e),null}return a},["identifyLayers","createLayer","cloneLayer","deleteCurrentLayer","setCurrentLayer","renameCurrentLayer","setCurrentLayerPosition","setLayerVisibility","moveSelectedToLayer","mergeLayer","mergeAllLayers","leaveContext","setContext"].forEach(function(e){i[e]=draw[e]}),init$3({pathActions:x,getCurrentGroup:function(){return h},setCurrentGroup:function(e){h=e},getSelectedElements:y,getSVGContent:b,undoMgr:$,elData:j,getCurrentDrawing:u,clearSelection:L,call:N,addCommandToHistory:k,changeSVGContent:function(){N("changed",[l])}}),this.clear=function(){x.clear(),L(),i.clearSvgContentElement(),i.current_drawing_=new Drawing(l),i.createLayer("Layer 1"),i.undoMgr.resetUndoStack(),P.initGroup(),ae=P.getRubberBandBox(),N("cleared")},this.linkControlPoints=x.linkControlPoints,this.getContentElem=function(){return l},this.getRootElem=function(){return s};var De=this.getResolution=function(){return{w:l.getAttribute("width")/d,h:l.getAttribute("height")/d,zoom:d}};this.getSnapToGrid=function(){return a.gridSnapping},this.getVersion=function(){return"svgcanvas.js ($Rev$)"},this.setUiStrings=function(e){Object.assign(O,e.notification),setUiStrings(e)},this.setConfig=function(e){Object.assign(a,e)},this.getTitle=function(e){if(e=e||f[0]){for(var t=(e=$$9(e).data("gsvg")||$$9(e).data("symbol")||e).childNodes,n=0;n<t.length;n++)if("title"===t[n].nodeName)return t[n].textContent;return""}},this.setGroupTitle=function(e){var t=f[0];t=$$9(t).data("gsvg")||t;var n=$$9(t).children("title"),a=new BatchCommand$1("Set Label"),r=void 0;if(e.length)n.length?(r=n[0],a.addSubCommand(new ChangeElementCommand$1(r,{"#text":r.textContent})),r.textContent=e):((r=o.createElementNS(NS.SVG,"title")).textContent=e,$$9(t).prepend(r),a.addSubCommand(new InsertElementCommand$1(r)));else{var i=n.nextSibling;a.addSubCommand(new RemoveElementCommand$1(n[0],i,t)),n.remove()}k(a)};var Fe=this.getDocumentTitle=function(){return i.getTitle(l)};this.setDocumentTitle=function(e){for(var t=l.childNodes,n=!1,a="",r=new BatchCommand$1("Change Image Title"),i=0;i<t.length;i++)if("title"===t[i].nodeName){a=(n=t[i]).textContent;break}n||(n=o.createElementNS(NS.SVG,"title"),l.insertBefore(n,l.firstChild)),e.length?n.textContent=e:n.remove(),r.addSubCommand(new ChangeElementCommand$1(n,{"#text":a})),k(r)},this.getEditorNS=function(e){return e&&l.setAttribute("xmlns:se",NS.SE),NS.SE},this.setResolution=function(e,t){var n=De(),a=n.w,r=n.h,o=void 0;if("fit"===e){var s=getStrokedBBoxDefaultVisible();if(!s)return!1;o=new BatchCommand$1("Fit Canvas to Content");var c=getVisibleElements();I(c);var u=[],h=[];$$9.each(c,function(e,t){u.push(-1*s.x),h.push(-1*s.y)});var p=i.moveSelectedElements(u,h,!0);o.addSubCommand(p),L(),e=Math.round(s.width),t=Math.round(s.height)}return e===a&&t===r||(o||(o=new BatchCommand$1("Change Image Dimensions")),e=convertToNum("width",e),t=convertToNum("height",t),l.setAttribute("width",e),l.setAttribute("height",t),this.contentW=e,this.contentH=t,o.addSubCommand(new ChangeElementCommand$1(l,{width:a,height:r})),l.setAttribute("viewBox",[0,0,e/d,t/d].join(" ")),o.addSubCommand(new ChangeElementCommand$1(l,{viewBox:["0 0",a,r].join(" ")})),k(o),N("changed",[l])),!0},this.getOffset=function(){return $$9(l).attr(["x","y"])},this.setBBoxZoom=function(e,t,n){var a=.85,r=void 0,o=function(e){if(!e)return!1;var r=Math.round(t/e.width*100*a)/100,o=Math.round(n/e.height*100*a)/100,s=Math.min(r,o);return i.setZoom(s),{zoom:s,bbox:e}};if("object"===(void 0===e?"undefined":_typeof(e))){if(0===(r=e).width||0===r.height){var s=r.zoom?r.zoom:d*r.factor;return i.setZoom(s),{zoom:d,bbox:r}}return o(r)}switch(e){case"selection":if(!f[0])return;var l=$$9.map(f,function(e){if(e)return e});r=getStrokedBBoxDefaultVisible(l);break;case"canvas":var c=De();a=.95,r={width:c.w,height:c.h,x:0,y:0};break;case"content":r=getStrokedBBoxDefaultVisible();break;case"layer":r=getStrokedBBoxDefaultVisible(getVisibleElements(u().getCurrentLayer()));break;default:return}return o(r)},this.setZoom=function(e){var t=De();l.setAttribute("viewBox","0 0 "+t.w/e+" "+t.h/e),d=e,$$9.each(f,function(e,t){t&&P.requestSelector(t).resize()}),x.zoomChange(),oe("zoomChanged",e)},this.getMode=function(){return J},this.setMode=function(e){x.clear(!0),Le.clear(),te=f[0]&&"text"===f[0].nodeName?W:g,J=e},this.getColor=function(e){return te[e]},this.setColor=function(e,t,n){g[e]=t,te[e+"_paint"]={type:"solidColor"};var a=[];function r(e){"g"!==e.nodeName&&a.push(e)}for(var i=f.length;i--;){var o=f[i];o&&("g"===o.tagName?walkTree(o,r):"fill"===e?"polyline"!==o.tagName&&"line"!==o.tagName&&a.push(o):a.push(o))}a.length>0&&(n?ze(e,t,a):(qe(e,t,a),N("changed",a)))};var Ue=this.setGradient=function(e){if(te[e+"_paint"]&&"solidColor"!==te[e+"_paint"].type){var t=i[e+"Grad"],n=He(t),a=findDefs();n?t=n:(t=a.appendChild(o.importNode(t,!0))).id=T(),i.setColor(e,"url(#"+t.id+")")}},He=function(e){for(var t=findDefs(),n=$$9(t).find("linearGradient, radialGradient"),a=n.length,r=["r","cx","cy","fx","fy"];a--;){var i=n[a];if("linearGradient"===e.tagName){if(e.getAttribute("x1")!==i.getAttribute("x1")||e.getAttribute("y1")!==i.getAttribute("y1")||e.getAttribute("x2")!==i.getAttribute("x2")||e.getAttribute("y2")!==i.getAttribute("y2"))continue}else if("continue"===function(){var t=$$9(e).attr(r),n=$$9(i).attr(r),a=!1;if($$9.each(r,function(e,r){t[r]!==n[r]&&(a=!0)}),a)return"continue"}())continue;var o=e.getElementsByTagNameNS(NS.SVG,"stop"),s=i.getElementsByTagNameNS(NS.SVG,"stop");if(o.length===s.length){for(var l=o.length;l--;){var c=o[l],u=s[l];if(c.getAttribute("offset")!==u.getAttribute("offset")||c.getAttribute("stop-opacity")!==u.getAttribute("stop-opacity")||c.getAttribute("stop-color")!==u.getAttribute("stop-color"))break}if(-1===l)return i}}return null};this.setPaint=function(e,t){var n=new $$9.jGraduate.Paint(t);switch(this.setPaintOpacity(e,n.alpha/100,!0),te[e+"_paint"]=n,n.type){case"solidColor":this.setColor(e,"none"!==n.solidColor?"#"+n.solidColor:"none");break;case"linearGradient":case"radialGradient":i[e+"Grad"]=n[n.type],Ue(e)}},this.setStrokePaint=function(e){this.setPaint("stroke",e)},this.setFillPaint=function(e){this.setPaint("fill",e)},this.getStrokeWidth=function(){return te.stroke_width},this.setStrokeWidth=function(e){if(0===e&&["line","path"].includes(J))i.setStrokeWidth(1);else{te.stroke_width=e;for(var t=[],n=f.length;n--;){var a=f[n];a&&("g"===a.tagName?walkTree(a,r):t.push(a))}t.length>0&&(qe("stroke-width",e,t),N("changed",f))}function r(e){"g"!==e.nodeName&&t.push(e)}},this.setStrokeAttr=function(e,t){g[e.replace("-","_")]=t;for(var n=[],a=f.length;a--;){var r=f[a];r&&("g"===r.tagName?walkTree(r,function(e){"g"!==e.nodeName&&n.push(e)}):n.push(r))}n.length>0&&(qe(e,t,n),N("changed",f))},this.getStyle=function(){return g},this.getOpacity=M,this.setOpacity=function(e){g.opacity=e,qe("opacity",e)},this.getFillOpacity=function(){return g.fill_opacity},this.getStrokeOpacity=function(){return g.stroke_opacity},this.setPaintOpacity=function(e,t,n){g[e+"_opacity"]=t,n?ze(e+"-opacity",t):qe(e+"-opacity",t)},this.getPaintOpacity=function(e){return"fill"===e?this.getFillOpacity():this.getStrokeOpacity()},this.getBlur=function(e){var t=0;if(e&&e.getAttribute("filter")){var n=getElem(e.id+"_blur");n&&(t=n.firstChild.getAttribute("stdDeviation"))}return t},function(){var e=null,t=null,n=!1;function a(){var n=i.undoMgr.finishUndoableChange();e.addSubCommand(n),k(e),e=null,t=null}i.setBlurNoUndo=function(e){if(t)if(0===e)ze("filter",""),n=!0;else{var a=f[0];n&&ze("filter","url(#"+a.id+"_blur)"),isWebkit()&&(console.log("e",a),a.removeAttribute("filter"),a.setAttribute("filter","url(#"+a.id+"_blur)")),ze("stdDeviation",e,[t.firstChild]),i.setBlurOffsets(t,e)}else i.setBlur(e)},i.setBlurOffsets=function(e,t){t>3?assignAttributes(e,{x:"-50%",y:"-50%",width:"200%",height:"200%"},100):isWebkit()||(e.removeAttribute("x"),e.removeAttribute("y"),e.removeAttribute("width"),e.removeAttribute("height"))},i.setBlur=function(n,r){if(e)a();else{var o=f[0],s=o.id;t=getElem(s+"_blur"),n-=0;var l=new BatchCommand$1;if(t)0===n&&(t=null);else{var c=m({element:"feGaussianBlur",attr:{in:"SourceGraphic",stdDeviation:n}});(t=m({element:"filter",attr:{id:s+"_blur"}})).append(c),findDefs().append(t),l.addSubCommand(new InsertElementCommand$1(t))}var u={filter:o.getAttribute("filter")};if(0===n)return o.removeAttribute("filter"),void l.addSubCommand(new ChangeElementCommand$1(o,u));qe("filter","url(#"+s+"_blur)"),l.addSubCommand(new ChangeElementCommand$1(o,u)),i.setBlurOffsets(t,n),e=l,i.undoMgr.beginUndoableChange("stdDeviation",[t?t.firstChild:null]),r&&(i.setBlurNoUndo(n),a())}}}(),this.getBold=function(){var e=f[0];return null!=e&&"text"===e.tagName&&null==f[1]&&"bold"===e.getAttribute("font-weight")},this.setBold=function(e){var t=f[0];null!=t&&"text"===t.tagName&&null==f[1]&&qe("font-weight",e?"bold":"normal"),f[0].textContent||Le.setCursor()},this.getItalic=function(){var e=f[0];return null!=e&&"text"===e.tagName&&null==f[1]&&"italic"===e.getAttribute("font-style")},this.setItalic=function(e){var t=f[0];null!=t&&"text"===t.tagName&&null==f[1]&&qe("font-style",e?"italic":"normal"),f[0].textContent||Le.setCursor()},this.getFontFamily=function(){return W.font_family},this.setFontFamily=function(e){W.font_family=e,qe("font-family",e),f[0]&&!f[0].textContent&&Le.setCursor()},this.setFontColor=function(e){W.fill=e,qe("fill",e)},this.getFontColor=function(){return W.fill},this.getFontSize=function(){return W.font_size},this.setFontSize=function(e){W.font_size=e,qe("font-size",e),f[0].textContent||Le.setCursor()},this.getText=function(){var e=f[0];return null==e?"":e.textContent},this.setTextContent=function(e){qe("#text",e),Le.init(e),Le.setCursor()},this.setImageURL=function(e){var t=f[0];if(t){var n=$$9(t).attr(["width","height"]),a=!n.width||!n.height,r=getHref(t);if(r!==e)a=!0;else if(!a)return;var i=new BatchCommand$1("Change Image URL");setHref(t,e),i.addSubCommand(new ChangeElementCommand$1(t,{"#href":r})),a?$$9(new Image).load(function(){var e=$$9(t).attr(["width","height"]);$$9(t).attr({width:this.width,height:this.height}),P.requestSelector(t).resize(),i.addSubCommand(new ChangeElementCommand$1(t,e)),k(i),N("changed",[t])}).attr("src",e):k(i)}},this.setLinkURL=function(e){var t=f[0];if(t){if("a"!==t.tagName){var n=$$9(t).parents("a");if(!n.length)return;t=n[0]}var a=getHref(t);if(a!==e){var r=new BatchCommand$1("Change Link URL");setHref(t,e),r.addSubCommand(new ChangeElementCommand$1(t,{"#href":a})),k(r)}}},this.setRectRadius=function(e){var t=f[0];if(null!=t&&"rect"===t.tagName){var n=t.getAttribute("rx");n!==String(e)&&(t.setAttribute("rx",e),t.setAttribute("ry",e),k(new ChangeElementCommand$1(t,{rx:n,ry:n},"Radius")),N("changed",[t]))}},this.makeHyperlink=function(e){i.groupSelectedElements("a",e)},this.removeHyperlink=function(){i.ungroupSelectedElement()},this.setSegType=function(e){x.setSegType(e)},this.convertToPath=function(e,t){if(null!=e){if(t)return getBBoxOfElementAsPath(e,m,x);var n={fill:g.fill,"fill-opacity":g.fill_opacity,stroke:g.stroke,"stroke-width":g.stroke_width,"stroke-dasharray":g.stroke_dasharray,"stroke-linejoin":g.stroke_linejoin,"stroke-linecap":g.stroke_linecap,"stroke-opacity":g.stroke_opacity,opacity:g.opacity,visibility:"hidden"};return convertToPath(e,n,m,x,L,I,history,k)}var a=f;$$9.each(a,function(e,t){t&&i.convertToPath(t)})};var ze=function(e,t,n){"pathedit"===J&&x.moveNode(e,t);for(var a=(n=n||f).length,r=["g","polyline","path"],o=["transform","opacity","filter"],l=function(){var l=n[a];if(null==l)return"continue";if(("x"===e||"y"===e)&&r.includes(l.tagName)){var c=getStrokedBBoxDefaultVisible([l]),u="x"===e?t-c.x:0,h="y"===e?t-c.y:0;return i.moveSelectedElements(u*d,h*d,!0),"continue"}"g"===l.tagName&&o.includes(e);var p="#text"===e?l.textContent:l.getAttribute(e);if(null==p&&(p=""),p!==String(t)){"#text"===e?(l.textContent=t,/rotate/.test(l.getAttribute("transform"))&&(l=de(l))):"#href"===e?setHref(l,t):l.setAttribute(e,t),"textedit"===J&&"#text"!==e&&l.textContent.length&&Le.toSelectMode(l),isGecko()&&"text"===l.nodeName&&/rotate/.test(l.getAttribute("transform"))&&(String(t).startsWith("url")||["font-size","font-family","x","y"].includes(e)&&l.textContent)&&(l=de(l)),f.includes(l)&&setTimeout(function(){l.parentNode&&P.requestSelector(l).resize()},0);var g=getRotationAngle(l);if(0!==g&&"transform"!==e)for(var v=getTransformList(l),m=v.numberOfItems;m--;){if(4===v.getItem(m).type){v.removeItem(m);var _=getBBox(l),b=transformPoint(_.x+_.width/2,_.y+_.height/2,transformListToTransform(v).matrix),y=b.x,x=b.y,C=s.createSVGTransform();C.setRotate(g,y,x),v.insertItemBefore(C,m);break}}}};a--;)l()},qe=this.changeSelectedAttribute=function(e,t,n){n=n||f,i.undoMgr.beginUndoableChange(e,n),ze(e,t,n);var a=i.undoMgr.finishUndoableChange();a.isEmpty()||k(a)};this.deleteSelectedElements=function(){for(var e=new BatchCommand$1("Delete Elements"),t=f.length,n=[],a=0;a<t;++a){var r=f[a];if(null==r)break;var i=r.parentNode,o=r;P.releaseSelector(o),removePath_(o.id),"a"===i.tagName&&1===i.childNodes.length&&(o=i,i=i.parentNode);var s=o.nextSibling,l=i.removeChild(o);n.push(r),e.addSubCommand(new RemoveElementCommand$1(l,s,i))}f=[],e.isEmpty()||k(e),N("changed",n),L()},this.cutSelectedElements=function(){i.copySelectedElements(),i.deleteSelectedElements()},this.copySelectedElements=function(){localStorage.setItem("svgedit_clipboard",JSON.stringify(f.map(function(e){return v(e)}))),$$9("#cmenu_canvas").enableContextMenuItems("#paste,#paste_in_place")},this.pasteElements=function(e,t,n){var a=JSON.parse(localStorage.getItem("svgedit_clipboard")),r=a.length;if(r){var o=[],s=new BatchCommand$1("Paste elements"),l={};for(a.forEach(function e(t){t.attr&&t.attr.id&&(l[t.attr.id]=T(),t.attr.id=l[t.attr.id]),t.children&&t.children.forEach(e)}),oe("IDsUpdated",{elems:a,changes:l},!0).forEach(function(e){e&&"remove"in e&&e.remove.forEach(function(e){a=a.filter(function(t){return t.attr.id!==e})})});r--;){var c=a[r];if(c){var u=m(c);o.push(u),s.addSubCommand(new InsertElementCommand$1(u)),U(u)}}if(fe(o),"in_place"!==e){var d=void 0,h=void 0;e?"point"===e&&(d=t,h=n):(d=ie.x,h=ie.y);var p=getStrokedBBoxDefaultVisible(o),g=d-(p.x+p.width/2),f=h-(p.y+p.height/2),v=[],_=[];$$9.each(o,function(e,t){v.push(g),_.push(f)});var b=i.moveSelectedElements(v,_,!1);b&&s.addSubCommand(b)}k(s),N("changed",o)}},this.groupSelectedElements=function(e,t){e||(e="g");var n="",a=void 0;switch(e){case"a":n="Make hyperlink",a=t||"";break;default:e="g",n="Group Elements"}var r=new BatchCommand$1(n),i=m({element:e,attr:{id:T()}});"a"===e&&setHref(i,a),r.addSubCommand(new InsertElementCommand$1(i));for(var o=f.length;o--;){var s=f[o];if(null!=s){"a"===s.parentNode.tagName&&1===s.parentNode.childNodes.length&&(s=s.parentNode);var l=s.nextSibling,c=s.parentNode;i.append(s),r.addSubCommand(new MoveElementCommand$1(s,l,c))}}r.isEmpty()||k(r),fe([i],!0)};var We=this.pushGroupProperties=function(e,t){for(var n=e.childNodes,a=n.length,r=e.getAttribute("transform"),o=getTransformList(e),l=transformListToTransform(o).matrix,c=new BatchCommand$1("Push group properties"),d=getRotationAngle(e),h=$$9(e).attr(["filter","opacity"]),p=void 0,g=void 0,f=void 0,v=u(),m=0;m<a;m++){var _=n[m];if(1===_.nodeType){if(null!==h.opacity&&1!==h.opacity){var b=Math.round((_.getAttribute("opacity")||1)*h.opacity*100)/100;qe("opacity",b,[_])}if(h.filter){var y=this.getBlur(_),x=y;g||(g=this.getBlur(e)),y?y=Number(g)+Number(y):0===y&&(y=g),x?p=getRefElem(_.getAttribute("filter")):p?(p=v.copyElem(p),findDefs().append(p)):p=getRefElem(h.filter);var C="feGaussianBlur"===p.firstChild.tagName?"blur":"filter";p.id=_.id+"_"+C,qe("filter","url(#"+p.id+")",[_]),y&&(qe("stdDeviation",y,[p.firstChild]),i.setBlurOffsets(p,y))}var S=getTransformList(_);if(_.tagName.includes("Gradient")&&(S=null),S&&"defs"!==_.tagName&&o.numberOfItems){if(d&&1===o.numberOfItems){var w=o.getItem(0).matrix,$=s.createSVGMatrix(),k=getRotationAngle(_);k&&($=S.getItem(0).matrix);var A=getBBox(_),E=transformListToTransform(S).matrix,P=transformPoint(A.x+A.width/2,A.y+A.height/2,E),T=d+k,G=s.createSVGTransform();G.setRotate(T,P.x,P.y);var N=matrixMultiply(w,$,G.matrix.inverse());if(k&&S.removeItem(0),T&&(S.numberOfItems?S.insertItemBefore(G,0):S.appendItem(G)),N.e||N.f){var L=s.createSVGTransform();L.setTranslate(N.e,N.f),S.numberOfItems?S.insertItemBefore(L,0):S.appendItem(L)}}else{var I=_.getAttribute("transform");(f={}).transform=I||"";var M=s.createSVGTransform(),R=transformListToTransform(S).matrix,O=R.inverse(),V=matrixMultiply(O,l,R);M.setMatrix(V),S.appendItem(M)}var B=recalculateDimensions(_);B&&c.addSubCommand(B)}}}if(r&&((f={}).transform=r,e.setAttribute("transform",""),e.removeAttribute("transform"),c.addSubCommand(new ChangeElementCommand$1(e,f))),t&&!c.isEmpty())return c};this.ungroupSelectedElement=function(){var e=f[0];if(e)if($$9(e).data("gsvg")||$$9(e).data("symbol"))je(e);else{if("use"===e.tagName){var t=getElem(getHref(e).substr(1));return $$9(e).data("symbol",t).data("ref",t),void je(e)}var n=$$9(e).parents("a");if(n.length&&(e=n[0]),"g"===e.tagName||"a"===e.tagName){var a=new BatchCommand$1("Ungroup Elements"),r=We(e,!0);r&&a.addSubCommand(r);for(var i=e.parentNode,o=e.nextSibling,s=new Array(e.childNodes.length),l=0;e.firstChild;){var c=e.firstChild,u=c.nextSibling,d=c.parentNode;if("title"!==c.tagName)s[l++]=c=i.insertBefore(c,o),a.addSubCommand(new MoveElementCommand$1(c,u,d));else{var h=c.nextSibling;a.addSubCommand(new RemoveElementCommand$1(c,h,d)),c.remove()}}L();var p=e.nextSibling;e=i.removeChild(e),a.addSubCommand(new RemoveElementCommand$1(e,p,i)),a.isEmpty()||k(a),I(s)}}},this.moveToTopSelectedElement=function(){var e=slicedToArray(f,1)[0];if(null!=e){var t=e,n=t.parentNode,a=t.nextSibling;a!==(t=t.parentNode.appendChild(t)).nextSibling&&(k(new MoveElementCommand$1(t,a,n,"top")),N("changed",[t]))}},this.moveToBottomSelectedElement=function(){var e=slicedToArray(f,1)[0];if(null!=e){var t=e,n=t.parentNode,a=t.nextSibling,r=t.parentNode.firstChild;"title"===r.tagName&&(r=r.nextSibling),"defs"===r.tagName&&(r=r.nextSibling),a!==(t=t.parentNode.insertBefore(t,r)).nextSibling&&(k(new MoveElementCommand$1(t,a,n,"bottom")),N("changed",[t]))}},this.moveUpDownSelected=function(e){var t=f[0];if(t){re=[];var n=void 0,a=void 0,r=$$9(se(getStrokedBBoxDefaultVisible([t]))).toArray();if("Down"===e&&r.reverse(),$$9.each(r,function(){if(a)return n=this,!1;this===t&&(a=!0)}),n){var i=t,o=i.parentNode,s=i.nextSibling;$$9(n)["Down"===e?"before":"after"](i),s!==i.nextSibling&&(k(new MoveElementCommand$1(i,s,o,"Move "+e)),N("changed",[i]))}}},this.moveSelectedElements=function(e,t,n){e.constructor!==Array&&(e/=d,t/=d),n=n||!0;for(var a=new BatchCommand$1("position"),r=f.length;r--;){var i=f[r];if(null!=i){var o=s.createSVGTransform(),l=getTransformList(i);e.constructor===Array?o.setTranslate(e[r],t[r]):o.setTranslate(e,t),l.numberOfItems?l.insertItemBefore(o,0):l.appendItem(o);var c=recalculateDimensions(i);c&&a.addSubCommand(c),P.requestSelector(i).resize()}}if(!a.isEmpty())return n&&k(a),N("changed",f),a},this.cloneSelectedElements=function(e,t){var n=void 0,a=void 0,r=new BatchCommand$1("Clone Elements"),i=f.length;for(f.sort(function(e,t){return $$9(t).index()-$$9(e).index()}),n=0;n<i&&null!=(a=f[n]);++n);var o=f.slice(0,n);this.clearSelection(!0);var s=u();for(n=o.length;n--;)a=o[n]=s.copyElem(o[n]),(h||s.getCurrentLayer()).append(a),r.addSubCommand(new InsertElementCommand$1(a));r.isEmpty()||(I(o.reverse()),this.moveSelectedElements(e,t,!1),k(r))},this.alignSelectedElements=function(e,t){var n=[],a=f.length;if(a){for(var r=Number.MAX_VALUE,o=Number.MIN_VALUE,s=Number.MAX_VALUE,l=Number.MIN_VALUE,c=Number.MIN_VALUE,u=Number.MIN_VALUE,d=0;d<a&&null!=f[d];++d){var h=f[d];switch(n[d]=getStrokedBBoxDefaultVisible([h]),t){case"smallest":(("l"===e||"c"===e||"r"===e)&&(c===Number.MIN_VALUE||c>n[d].width)||("t"===e||"m"===e||"b"===e)&&(u===Number.MIN_VALUE||u>n[d].height))&&(r=n[d].x,s=n[d].y,o=n[d].x+n[d].width,l=n[d].y+n[d].height,c=n[d].width,u=n[d].height);break;case"largest":(("l"===e||"c"===e||"r"===e)&&(c===Number.MIN_VALUE||c<n[d].width)||("t"===e||"m"===e||"b"===e)&&(u===Number.MIN_VALUE||u<n[d].height))&&(r=n[d].x,s=n[d].y,o=n[d].x+n[d].width,l=n[d].y+n[d].height,c=n[d].width,u=n[d].height);break;default:n[d].x<r&&(r=n[d].x),n[d].y<s&&(s=n[d].y),n[d].x+n[d].width>o&&(o=n[d].x+n[d].width),n[d].y+n[d].height>l&&(l=n[d].y+n[d].height)}}"page"===t&&(r=0,s=0,o=i.contentW,l=i.contentH);for(var p=new Array(a),g=new Array(a),v=0;v<a&&null!=f[v];++v){var m=n[v];switch(p[v]=0,g[v]=0,e){case"l":p[v]=r-m.x;break;case"c":p[v]=(r+o)/2-(m.x+m.width/2);break;case"r":p[v]=o-(m.x+m.width);break;case"t":g[v]=s-m.y;break;case"m":g[v]=(s+l)/2-(m.y+m.height/2);break;case"b":g[v]=l-(m.y+m.height)}}this.moveSelectedElements(p,g)}},this.contentW=De().w,this.contentH=De().h,this.updateCanvas=function(e,t){s.setAttribute("width",e),s.setAttribute("height",t);var n=$$9("#canvasBackground")[0],a=l.getAttribute("x"),r=l.getAttribute("y"),i=e/2-this.contentW*d/2,o=t/2-this.contentH*d/2;assignAttributes(l,{width:this.contentW*d,height:this.contentH*d,x:i,y:o,viewBox:"0 0 "+this.contentW+" "+this.contentH}),assignAttributes(n,{width:l.getAttribute("width"),height:l.getAttribute("height"),x:i,y:o});var c=getElem("background_image");return c&&assignAttributes(c,{width:"100%",height:"100%"}),P.selectorParentGroup.setAttribute("transform","translate("+i+","+o+")"),oe("canvasUpdated",{new_x:i,new_y:o,old_x:a,old_y:r,d_x:i-a,d_y:o-r}),{x:i,y:o,old_x:a,old_y:r,d_x:i-a,d_y:o-r}},this.setBackground=function(e,t){var n=getElem("canvasBackground"),a=$$9(n).find("rect")[0],r=getElem("background_image");a.setAttribute("fill",e),t?(r||(r=o.createElementNS(NS.SVG,"image"),assignAttributes(r,{id:"background_image",width:"100%",height:"100%",preserveAspectRatio:"xMinYMin",style:"pointer-events:none"})),setHref(r,t),n.append(r)):r&&r.remove()},this.cycleElement=function(e){var t=void 0,n=f[0],a=!1,r=getVisibleElements(h||u().getCurrentLayer());if(r.length){if(null==n)a=r[t=e?r.length-1:0];else for(var i=r.length;i--;)if(r[i]===n){(t=e?i-1:i+1)>=r.length?t=0:t<0&&(t=r.length-1),a=r[t];break}fe([a],!0),N("selected",f)}},this.clear(),this.getPrivateMethods=function(){return{addCommandToHistory:k,BatchCommand:BatchCommand$1,ChangeElementCommand:ChangeElementCommand$1,decode64:decode64,encode64:encode64,ffClone:de,findDefs:findDefs,findDuplicateGradient:He,getElem:getElem,getPathBBox:getPathBBox,getTypeMap:getTypeMap,getUrlFromAttr:getUrlFromAttr,identifyLayers:identifyLayers,InsertElementCommand:InsertElementCommand$1,isChrome:isChrome,isIdentity:isIdentity,isIE:isIE,logMatrix:pe,MoveElementCommand:MoveElementCommand$1,NS:NS,preventClickDefault:preventClickDefault,RemoveElementCommand:RemoveElementCommand$1,SVGEditTransformList:SVGTransformList,text2xml:text2xml,transformBox:transformBox,transformPoint:transformPoint,walkTree:walkTree}}};function jqPluginJSHotkeys(e){function t(t){if("string"==typeof t.data){var n=t.handler,a=t.data.toLowerCase().split(" ");t.handler=function(t){if(this===t.target||!/textarea|select/i.test(t.target.nodeName)&&"text"!==t.target.type){var r="keypress"!==t.type&&e.hotkeys.specialKeys[t.which],i=String.fromCharCode(t.which).toLowerCase(),o="",s={};t.altKey&&"alt"!==r&&(o+="alt+"),t.ctrlKey&&"ctrl"!==r&&(o+="ctrl+"),t.metaKey&&!t.ctrlKey&&"meta"!==r&&(o+="meta+"),t.shiftKey&&"shift"!==r&&(o+="shift+"),r?s[o+r]=!0:(s[o+i]=!0,s[o+e.hotkeys.shiftNums[i]]=!0,"shift+"===o&&(s[e.hotkeys.shiftNums[i]]=!0));for(var l=0,c=a.length;l<c;l++)if(s[a[l]])return n.apply(this,arguments)}}}}return e.hotkeys={version:"0.8",specialKeys:{8:"backspace",9:"tab",13:"return",16:"shift",17:"ctrl",18:"alt",19:"pause",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"insert",46:"del",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",106:"*",107:"+",109:"-",110:".",111:"/",112:"f1",113:"f2",114:"f3",115:"f4",116:"f5",117:"f6",118:"f7",119:"f8",120:"f9",121:"f10",122:"f11",123:"f12",144:"numlock",145:"scroll",191:"/",224:"meta",219:"[",221:"]"},shiftNums:{"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":": ","'":'"',",":"<",".":">","/":"?","\\":"|"}},e.each(["keydown","keyup","keypress"],function(){e.event.special[this]={add:t}}),e}function jqPluginBBQ(e){return function(e,t){var n,a,r,i,o,s,l,c,u=Array.prototype.slice,d=decodeURIComponent,h=e.param,p=e.bbq=e.bbq||{},g=e.event.special,f="hashchange",v="querystring",m="fragment",_="elemUrlAttr",b="location",y="href",x="src",C=/^.*\?|#.*$/g,S=/^.*\#/,w={};function $(e){return"string"==typeof e}function k(e){var t=u.call(arguments,1);return function(){return e.apply(this,t.concat(u.call(arguments)))}}function A(a,i,o,s,l){var u,p,g,f,_;return s!==n?(_=(g=o.match(a?/^([^#]*)\#?(.*)$/:/^([^#?]*)\??([^#]*)(#?.*)/))[3]||"",2===l&&$(s)?p=s.replace(a?S:C,""):(f=r(g[2]),s=$(s)?r[a?m:v](s):s,p=2===l?s:1===l?e.extend({},s,f):e.extend({},f,s),p=h(p),a&&(p=p.replace(c,d))),u=g[1]+(a?"#":p||!g[1]?"?":"")+p+_):u=i(o!==n?o:t[b][y]),u}function E(e,t,a){return t===n||"boolean"==typeof t?(a=t,t=h[e?m:v]()):t=$(t)?t.replace(e?S:C,""):t,r(t,a)}function P(t,a,r,i){return $(r)||"object"===(void 0===r?"undefined":_typeof(r))||(i=r,r=a,a=n),this.each(function(){var n=e(this),o=a||l()[(this.nodeName||"").toLowerCase()]||"",s=o&&n.attr(o)||"";n.attr(o,h[t](s,r,i))})}h[v]=k(A,0,function(e){return e.replace(/(?:^[^?#]*\?([^#]*).*$)?.*/,"$1")}),h[m]=a=k(A,1,function(e){return e.replace(/^[^#]*#?(.*)$/,"$1")}),a.noEscape=function(t){t=t||"";var n=e.map(t.split(""),encodeURIComponent);c=new RegExp(n.join("|"),"g")},a.noEscape(",/"),e.deparam=r=function(t,a){var r={},i={true:!0,false:!1,null:null};return e.each(t.replace(/\+/g," ").split("&"),function(t,o){var s,l=o.split("="),c=d(l[0]),u=r,h=0,p=c.split("]["),g=p.length-1;if(/\[/.test(p[0])&&/\]$/.test(p[g])?(p[g]=p[g].replace(/\]$/,""),g=(p=p.shift().split("[").concat(p)).length-1):g=0,2===l.length)if(s=d(l[1]),a&&(s=s&&!isNaN(s)?+s:"undefined"===s?n:i[s]!==n?i[s]:s),g)for(;h<=g;h++)u=u[c=""===p[h]?u.length:p[h]]=h<g?u[c]||(p[h+1]&&isNaN(p[h+1])?{}:[]):s;else e.isArray(r[c])?r[c].push(s):r[c]!==n?r[c]=[r[c],s]:r[c]=s;else c&&(r[c]=a?n:"")}),r},r[v]=k(E,0),r[m]=i=k(E,1),e[_]||(e[_]=function(t){return e.extend(w,t)})({a:y,base:y,iframe:x,img:x,input:x,form:"action",link:y,script:x}),l=e[_],e.fn[v]=k(P,v),e.fn[m]=k(P,m),p.pushState=o=function(e,r){$(e)&&/^#/.test(e)&&r===n&&(r=2);var i=e!==n,o=a(t[b][y],i?e:{},i?r:2);t[b][y]=o+(/#/.test(o)?"":"#")},p.getState=s=function(e,t){return e===n||"boolean"==typeof e?i(e):i(t)[e]},p.removeState=function(t){var a={};t!==n&&(a=s(),e.each(e.isArray(t)?t:arguments,function(e,t){delete a[t]})),o(a,2)},g[f]=e.extend(g[f],{add:function(t){var i;function o(e){var t=e[m]=a();e.getState=function(e,a){return e===n||"boolean"==typeof e?r(t,e):r(t,a)[e]},i.apply(this,arguments)}if(e.isFunction(t))return i=t,o;i=t.handler,t.handler=o}})}(e,window),function(e,t,n){var a,r=e.event.special,i="location",o="hashchange",s="href",l=e.browser,c=document.documentMode,u=l.msie&&(void 0===c||c<8),d="on"+o in t&&!u;function h(e){return(e=e||t[i][s]).replace(/^[^#]*#?(.*)$/,"$1")}e[o+"Delay"]=100,r[o]=e.extend(r[o],{setup:function(){if(d)return!1;e(a.start)},teardown:function(){if(d)return!1;e(a.stop)}}),a=function(){var n,a,r,l,c={};return c.start=function(){if(!n){var c=h();r||(r=l=function(e){return e},u&&(a=e('<iframe src="javascript:0"/>').hide().insertAfter("body")[0].contentWindow,l=function(){return h(a.document[i][s])},(r=function(e,t){if(e!==t){var n=a.document;n.open().close(),n[i].hash="#"+e}})(h()))),function a(){var u=h(),d=l(c);u!==c?(r(c=u,d),e(t).trigger(o)):d!==c&&(t[i][s]=t[i][s].replace(/#.*/,"")+"#"+d),n=setTimeout(a,e[o+"Delay"])}()}},c.stop=function(){a||(n&&clearTimeout(n),n=0)},c}()}(e,window),e}function jqPluginSVGIcons(e){var t={},n=void 0;return e.svgIcons=function(a){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i="http://www.w3.org/2000/svg",o="http://www.w3.org/1999/xlink",s=r.w||24,l=r.h||24,c=void 0,u=void 0,d=void 0,h=!1,p=!1,g=0,f=!!window.opera,v="data:image/svg+xml;charset=utf-8;base64,",m=void 0;if(r.svgz){m=e('<object data="'+a+'" type=image/svg+xml>').appendTo("body").hide();try{u=m[0].contentDocument,m.load(b),b(0,!0)}catch(e){w()}}else{var _=new DOMParser;e.ajax({url:a,dataType:"string",success:function(t){t?(u=_.parseFromString(t,"text/xml"),e(function(){b("ajax")})):e(w)},error:function(t){window.opera?e(function(){w()}):t.responseText?((u=_.parseFromString(t.responseText,"text/xml")).childNodes.length||e(w),e(function(){b("ajax")})):e(w)}})}function b(t,n){if("ajax"!==t){if(p)return;var a=(u=m[0].contentDocument)&&u.getElementById("svg_eof");if(!(a||n&&a))return void(++g<50?setTimeout(b,20):(w(),p=!0));p=!0}if(c=e(u.firstChild).children(),r.no_img)setTimeout(function(){h||S()},500);else{var i=v+"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D";d=e(new Image).attr({src:i,width:0,height:0}).appendTo("body").load(function(){S(!0)}).error(function(){S()})}}function y(e,t,n,a){if(f&&t.css("visibility","hidden"),r.replace){a&&t.attr("id",n);var i=e.attr("class");i&&t.attr("class","svg_icon "+i),e.replaceWith(t)}else e.append(t);f&&setTimeout(function(){t.removeAttr("style")},1)}var x=void 0;function C(e,n){void 0!==r.id_match&&!1===r.id_match||y(x,e,n,!0),t[n]=e}function S(a,u){if(!h){r.no_img&&(a=!1);var p=void 0;if(a&&(p=e(document.createElement("div"))).hide().appendTo("body"),u){var g=r.fallback_path||"";e.each(u,function(t,n){x=e("#"+t),C(e(new Image).attr({class:"svg_icon",src:g+n,width:s,height:l,alt:"icon"}),t)})}else for(var _=c.length,b=0;b<_;b++){var S=c[b],w=S.id;if("svg_eof"===w)break;x=e("#"+w);var k=document.createElementNS(i,"svg");k.setAttributeNS(null,"viewBox",[0,0,s,l].join(" "));var A=S.getElementsByTagNameNS(i,"svg")[0],E=A.getAttribute("width"),P=A.getAttribute("height");A.removeAttribute("width"),A.removeAttribute("height"),A.getAttribute("viewBox")||A.setAttribute("viewBox",[0,0,E,P].join(" ")),k.setAttribute("xmlns",i),k.setAttribute("width",s),k.setAttribute("height",l),k.setAttribute("xmlns:xlink",o),k.setAttribute("class","svg_icon"),f||(A=A.cloneNode(!0)),k.append(A);var T=void 0;if(a){p.empty().append(k);var G=v+$(unescape(encodeURIComponent((new XMLSerializer).serializeToString(k))));T=e(new Image).attr({class:"svg_icon",src:G})}else T=n(e(k),b);C(T,w)}r.placement&&e.each(r.placement,function(r,i){t[i]&&e(r).each(function(r){var o=t[i].clone();r>0&&!a&&(o=n(o,r,!0)),y(e(this),o,i)})}),u||(a&&p.remove(),m&&m.remove(),d&&d.remove()),r.resize&&e.resizeSvgIcons(r.resize),h=!0,r.callback&&r.callback(t)}}function w(){if(a.includes(".svgz")){var t=a.replace(".svgz",".svg");window.console&&console.log(".svgz failed, trying with .svg"),e.svgIcons(t,r)}else r.fallback&&S(!1,r.fallback)}function $(e){if(window.btoa)return window.btoa(e);var t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n=new Array(4*Math.floor((e.length+2)/3)),a=0,r=0;do{var i=e.charCodeAt(a++),o=e.charCodeAt(a++),s=e.charCodeAt(a++),l=i>>2,c=(3&i)<<4|o>>4,u=(15&o)<<2|s>>6,d=63&s;isNaN(o)?u=d=64:isNaN(s)&&(d=64),n[r++]=t.charAt(l),n[r++]=t.charAt(c),n[r++]=t.charAt(u),n[r++]=t.charAt(d)}while(a<e.length);return n.join("")}n=function(e,t,n){var a=e.find("defs");if(!a.length)return e;var r=void 0;r=f?a.find("*").filter(function(){return!!this.id}):a.find("[id]");var i=e[0].getElementsByTagName("*"),o=i.length;return r.each(function(e){var n=this.id,a="x"+n+t+e;this.id=a;var r="url(#"+n+")",s="url(#"+a+")";for(e=0;e<o;e++){var l=i[e];l.getAttribute("fill")===r&&l.setAttribute("fill",s),l.getAttribute("stroke")===r&&l.setAttribute("stroke",s),l.getAttribute("filter")===r&&l.setAttribute("filter",s)}}),e}},e.getSvgIcon=function(e,a){var r=t[e];return a&&r&&(r=n(r,0,!0).clone(!0)),r},e.resizeSvgIcons=function(t){var n=!e(".svg_icon:first").length;e.each(t,function(t,a){var r=Array.isArray(a),i=r?a[0]:a,o=r?a[1]:a;n&&(t=t.replace(/\.svg_icon/g,"svg")),e(t).each(function(){this.setAttribute("width",i),this.setAttribute("height",o),window.opera&&window.widget&&(this.parentNode.style.width=i+"px",this.parentNode.style.height=o+"px")})})},e}var ns={svg:"http://www.w3.org/2000/svg",xlink:"http://www.w3.org/1999/xlink"};function jqPluginJGraduate(e){e.loadingStylesheets||(e.loadingStylesheets=[]);e.loadingStylesheets.includes("jgraduate/css/jGraduate.css")||e.loadingStylesheets.push("jgraduate/css/jGraduate.css");e.jGraduate={Paint:function e(t){classCallCheck(this,e);var n=t||{};if(this.alpha=isNaN(n.alpha)?100:n.alpha,n.copy)switch(this.type=n.copy.type,this.alpha=n.copy.alpha,this.solidColor=null,this.linearGradient=null,this.radialGradient=null,this.type){case"none":break;case"solidColor":this.solidColor=n.copy.solidColor;break;case"linearGradient":this.linearGradient=n.copy.linearGradient.cloneNode(!0);break;case"radialGradient":this.radialGradient=n.copy.radialGradient.cloneNode(!0)}else n.linearGradient?(this.type="linearGradient",this.solidColor=null,this.radialGradient=null,this.linearGradient=n.linearGradient.cloneNode(!0)):n.radialGradient?(this.type="radialGradient",this.solidColor=null,this.linearGradient=null,this.radialGradient=n.radialGradient.cloneNode(!0)):n.solidColor?(this.type="solidColor",this.solidColor=n.solidColor):(this.type="none",this.solidColor=null,this.linearGradient=null,this.radialGradient=null)}},e.fn.jGraduateDefaults={paint:new e.jGraduate.Paint,window:{pickerTitle:"Drag markers to pick a paint"},images:{clientPath:"images/"},newstop:"inverse"};var t=navigator.userAgent.includes("Gecko/");function n(e,n,a){var r=document.createElementNS(ns.svg,e);return function(e,n){if(t)for(var a in n)e.setAttribute(a,n[a]);else for(var r in n){var i=n[r],o=e[r];o&&"SVGLength"===o.constructor?o.baseVal.value=i:e.setAttribute(r,i)}}(r,n),a&&a.append(r),r}return e.fn.jGraduate=function(t,a,r){return this.each(function(){var i=e(this),o=e.extend(!0,{},e.fn.jGraduateDefaults,t||{}),s=i.attr("id"),l="#"+i.attr("id")+" ";if(l){var c=function(){switch(i.paint.type){case"radialGradient":i.paint.linearGradient=null;break;case"linearGradient":i.paint.radialGradient=null;break;case"solidColor":i.paint.radialGradient=i.paint.linearGradient=null}"function"==typeof i.okCallback&&i.okCallback(i.paint),i.hide()},u=function(){"function"==typeof i.cancelCallback&&i.cancelCallback(),i.hide()};e.extend(!0,i,{paint:new e.jGraduate.Paint({copy:o.paint}),okCallback:"function"==typeof a?a:null,cancelCallback:"function"==typeof r?r:null});var d=null,h=e(window);"none"===i.paint.type&&(i.paint=new e.jGraduate.Paint({solidColor:"ffffff"})),i.addClass("jGraduate_Picker"),i.html('<ul class="jGraduate_tabs"><li class="jGraduate_tab_color jGraduate_tab_current" data-type="col">Solid Color</li><li class="jGraduate_tab_lingrad" data-type="lg">Linear Gradient</li><li class="jGraduate_tab_radgrad" data-type="rg">Radial Gradient</li></ul><div class="jGraduate_colPick"></div><div class="jGraduate_gradPick"></div><div class="jGraduate_LightBox"></div><div id="'+s+'_jGraduate_stopPicker" class="jGraduate_stopPicker"></div>');var p=e(l+"> .jGraduate_colPick"),g=e(l+"> .jGraduate_gradPick");g.html('<div id="'+s+'_jGraduate_Swatch" class="jGraduate_Swatch"><h2 class="jGraduate_Title">'+o.window.pickerTitle+'</h2><div id="'+s+'_jGraduate_GradContainer" class="jGraduate_GradContainer"></div><div id="'+s+'_jGraduate_StopSlider" class="jGraduate_StopSlider"></div></div><div class="jGraduate_Form jGraduate_Points jGraduate_lg_field"><div class="jGraduate_StopSection"><label class="jGraduate_Form_Heading">Begin Point</label><div class="jGraduate_Form_Section"><label>x:</label><input type="text" id="'+s+'_jGraduate_x1" size="3" title="Enter starting x value between 0.0 and 1.0"/><label>y:</label><input type="text" id="'+s+'_jGraduate_y1" size="3" title="Enter starting y value between 0.0 and 1.0"/></div></div><div class="jGraduate_StopSection"><label class="jGraduate_Form_Heading">End Point</label><div class="jGraduate_Form_Section"><label>x:</label><input type="text" id="'+s+'_jGraduate_x2" size="3" title="Enter ending x value between 0.0 and 1.0"/><label>y:</label><input type="text" id="'+s+'_jGraduate_y2" size="3" title="Enter ending y value between 0.0 and 1.0"/></div></div></div><div class="jGraduate_Form jGraduate_Points jGraduate_rg_field"><div class="jGraduate_StopSection"><label class="jGraduate_Form_Heading">Center Point</label><div class="jGraduate_Form_Section"><label>x:</label><input type="text" id="'+s+'_jGraduate_cx" size="3" title="Enter x value between 0.0 and 1.0"/><label>y:</label><input type="text" id="'+s+'_jGraduate_cy" size="3" title="Enter y value between 0.0 and 1.0"/></div></div><div class="jGraduate_StopSection"><label class="jGraduate_Form_Heading">Focal Point</label><div class="jGraduate_Form_Section"><label>Match center: <input type="checkbox" checked="checked" id="'+s+'_jGraduate_match_ctr"/></label><br/><label>x:</label><input type="text" id="'+s+'_jGraduate_fx" size="3" title="Enter x value between 0.0 and 1.0"/><label>y:</label><input type="text" id="'+s+'_jGraduate_fy" size="3" title="Enter y value between 0.0 and 1.0"/></div></div></div><div class="jGraduate_StopSection jGraduate_SpreadMethod"><label class="jGraduate_Form_Heading">Spread method</label><div class="jGraduate_Form_Section"><select class="jGraduate_spreadMethod"><option value=pad selected>Pad</option><option value=reflect>Reflect</option><option value=repeat>Repeat</option></select></div></div><div class="jGraduate_Form"><div class="jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field"><label class="prelabel">Radius:</label><div id="'+s+'_jGraduate_Radius" class="jGraduate_SliderBar jGraduate_Radius" title="Click to set radius"><img id="'+s+'_jGraduate_RadiusArrows" class="jGraduate_RadiusArrows" src="'+o.images.clientPath+'rangearrows2.gif"></div><label><input type="text" id="'+s+'_jGraduate_RadiusInput" size="3" value="100"/>%</label></div><div class="jGraduate_Slider jGraduate_EllipField jGraduate_rg_field"><label class="prelabel">Ellip:</label><div id="'+s+'_jGraduate_Ellip" class="jGraduate_SliderBar jGraduate_Ellip" title="Click to set Ellip"><img id="'+s+'_jGraduate_EllipArrows" class="jGraduate_EllipArrows" src="'+o.images.clientPath+'rangearrows2.gif"></div><label><input type="text" id="'+s+'_jGraduate_EllipInput" size="3" value="0"/>%</label></div><div class="jGraduate_Slider jGraduate_AngleField jGraduate_rg_field"><label class="prelabel">Angle:</label><div id="'+s+'_jGraduate_Angle" class="jGraduate_SliderBar jGraduate_Angle" title="Click to set Angle"><img id="'+s+'_jGraduate_AngleArrows" class="jGraduate_AngleArrows" src="'+o.images.clientPath+'rangearrows2.gif"></div><label><input type="text" id="'+s+'_jGraduate_AngleInput" size="3" value="0"/>deg</label></div><div class="jGraduate_Slider jGraduate_OpacField"><label class="prelabel">Opac:</label><div id="'+s+'_jGraduate_Opac" class="jGraduate_SliderBar jGraduate_Opac" title="Click to set Opac"><img id="'+s+'_jGraduate_OpacArrows" class="jGraduate_OpacArrows" src="'+o.images.clientPath+'rangearrows2.gif"></div><label><input type="text" id="'+s+'_jGraduate_OpacInput" size="3" value="100"/>%</label></div></div><div class="jGraduate_OkCancel"><input type="button" id="'+s+'_jGraduate_Ok" class="jGraduate_Ok" value="OK"/><input type="button" id="'+s+'_jGraduate_Cancel" class="jGraduate_Cancel" value="Cancel"/></div>');var f=256,v=f-0,m=f-0,_={};e(".jGraduate_SliderBar").width(145);var b=e("#"+s+"_jGraduate_GradContainer")[0],y=n("svg",{id:s+"_jgraduate_svg",width:f,height:f,xmlns:ns.svg},b),x=i.paint.type,C=i.paint[x],S=C,w=i.paint.alpha,$="solidColor"===x;switch(x){case"solidColor":case"linearGradient":if($||(S.id=s+"_lg_jgraduate_grad",C=S=y.appendChild(S)),n("radialGradient",{id:s+"_rg_jgraduate_grad"},y),"linearGradient"===x)break;case"radialGradient":$||(S.id=s+"_rg_jgraduate_grad",C=S=y.appendChild(S)),n("linearGradient",{id:s+"_lg_jgraduate_grad"},y)}var k=void 0;if($){C=S=e("#"+s+"_lg_jgraduate_grad")[0],Ne(0,"#"+(d=i.paint[x]),1);var A=_typeof(o.newstop);if("string"===A)switch(o.newstop){case"same":Ne(1,"#"+d,1);break;case"inverse":for(var E="",P=0;P<6;P+=2){var T=(255-parseInt(d.substr(P,2),16)).toString(16);T.length<2&&(T=0+T),E+=T}Ne(1,"#"+E,1);break;case"white":Ne(1,"#ffffff",1);break;case"black":Ne(1,"#000000",1)}else if("object"===A){var G="opac"in o.newstop?o.newstop.opac:1;Ne(1,o.newstop.color||"#"+d,G)}}var N=parseFloat(C.getAttribute("x1")||0),L=parseFloat(C.getAttribute("y1")||0),I=parseFloat(C.getAttribute("x2")||1),M=parseFloat(C.getAttribute("y2")||0),R=parseFloat(C.getAttribute("cx")||.5),O=parseFloat(C.getAttribute("cy")||.5),V=parseFloat(C.getAttribute("fx")||R),B=parseFloat(C.getAttribute("fy")||O),j=n("rect",{id:s+"_jgraduate_rect",x:0,y:0,width:v,height:m,fill:"url(#"+s+"_jgraduate_grad)","fill-opacity":w/100},y),D=e("<div/>").attr({class:"grad_coord jGraduate_lg_field",title:"Begin Stop"}).text(1).css({top:L*f,left:N*f}).data("coord","start").appendTo(b),F=D.clone().text(2).css({top:M*f,left:I*f}).attr("title","End stop").data("coord","end").appendTo(b),U=e("<div/>").attr({class:"grad_coord jGraduate_rg_field",title:"Center stop"}).text("C").css({top:O*f,left:R*f}).data("coord","center").appendTo(b),H=U.clone().text("F").css({top:B*f,left:V*f,display:"none"}).attr("title","Focus point").data("coord","focus").appendTo(b);H[0].id=s+"_jGraduate_focusCoord";var z=void 0;e.each(["x1","y1","x2","y2","cx","cy","fx","fy"],function(t,n){var a=isNaN(n[1]),r=S.getAttribute(n);r||(r=a?"0.5":"x2"===n?"1.0":"0.0"),_[n]=e("#"+s+"_jGraduate_"+n).val(r).change(function(){isNaN(parseFloat(this.value))||this.value<0?this.value=0:this.value>1&&(this.value=1),("f"!==n[0]||z)&&(a&&"radialGradient"===x||!a&&"linearGradient"===x)&&S.setAttribute(n,this.value);var e=a?"c"===n[0]?U:H:"1"===n[1]?D:F,t=n.includes("x")?"left":"top";e.css(t,this.value*f)}).change()});var q=e("#"+s+"_jGraduate_StopSlider"),W=void 0,Y=void 0,X=void 0,K=n("path",{d:"m9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5",fill:"none",stroke:"#D00","stroke-width":5,display:"none"},void 0),Q=void 0,Z=1,J=1,ee=0,te=R,ne=O,ae=n("svg",{width:"100%",height:45},q[0]),re=n("image",{width:16,height:16},n("pattern",{width:16,height:16,patternUnits:"userSpaceOnUse",id:"jGraduate_trans"},ae)),ie=o.images.clientPath+"map-opacity.png";re.setAttributeNS(ns.xlink,"xlink:href",ie),e(ae).click(function(e){if(Q=q.offset(),"path"!==e.target.tagName){var t=e.pageX-Q.left-8;Ne((t=t<10?10:t>f+10?f+10:t)/f,0,0,!0),e.stopPropagation()}}),e(ae).mouseover(function(){ae.append(K)}),k=n("g",{},ae),n("line",{x1:10,y1:15,x2:f+10,y2:15,"stroke-width":2,stroke:"#000"},ae);var oe=g.find(".jGraduate_spreadMethod").change(function(){S.setAttribute("spreadMethod",e(this).val())}),se=null,le=function(e){var t=e.pageX-he.left,n=e.pageY-he.top;t=t<0?0:t>f?f:t,n=n<0?0:n>f?f:n,se.css("left",t).css("top",n);var a=t/v,r=n/m,i=se.data("coord"),o=S;switch(i){case"start":_.x1.val(a),_.y1.val(r),o.setAttribute("x1",a),o.setAttribute("y1",r);break;case"end":_.x2.val(a),_.y2.val(r),o.setAttribute("x2",a),o.setAttribute("y2",r);break;case"center":_.cx.val(a),_.cy.val(r),o.setAttribute("cx",a),o.setAttribute("cy",r),te=a,ne=r,Me();break;case"focus":_.fx.val(a),_.fy.val(r),o.setAttribute("fx",a),o.setAttribute("fy",r),Me()}e.preventDefault()},ce=function e(){se=null,h.unbind("mousemove",le).unbind("mouseup",e)},ue=(W=S.getElementsByTagNameNS(ns.svg,"stop")).length;if(ue<2){for(;ue<2;)S.append(document.createElementNS(ns.svg,"stop")),++ue;W=S.getElementsByTagNameNS(ns.svg,"stop")}for(var de=0;de<ue;de++)Ne(0,0,0,0,W[de]);oe.val(S.getAttribute("spreadMethod")||"pad");var he=void 0;z=!1,j.setAttribute("fill-opacity",w/100),e("#"+s+" div.grad_coord").mousedown(function(t){t.preventDefault(),se=e(this),he=se.parent().offset(),h.mousemove(le).mouseup(ce)}),e("#"+s+"_jGraduate_Ok").bind("click",function(){i.paint.type=x,i.paint[x]=S.cloneNode(!0),i.paint.solidColor=null,c()}),e("#"+s+"_jGraduate_Cancel").bind("click",function(e){u()}),"radialGradient"===x&&(z?H.show():(H.hide(),_.fx.val(""),_.fy.val(""))),e("#"+s+"_jGraduate_match_ctr")[0].checked=!z;var pe=void 0,ge=void 0;if(e("#"+s+"_jGraduate_match_ctr").change(function(){z=!this.checked,H.toggle(z),_.fx.val(""),_.fy.val("");var e=S;if(z){var t=pe||.5,n=ge||.5;e.setAttribute("fx",t),e.setAttribute("fy",n),_.fx.val(t),_.fy.val(n)}else pe=e.getAttribute("fx"),ge=e.getAttribute("fy"),e.removeAttribute("fx"),e.removeAttribute("fy")}),(ue=(W=S.getElementsByTagNameNS(ns.svg,"stop")).length)<2){for(;ue<2;)S.append(document.createElementNS(ns.svg,"stop")),++ue;W=S.getElementsByTagNameNS(ns.svg,"stop")}var fe=void 0,ve=0,me=0;if("radialGradient"===x){var _e=S.gradientTransform.baseVal;if(2===_e.numberOfItems){var be=_e.getItem(0),ye=_e.getItem(1);if(2===be.type&&3===ye.type){var xe=ye.matrix;1!==xe.a?ve=Math.round(100*-(1-xe.a)):1!==xe.d&&(ve=Math.round(100*(1-xe.d)))}}else if(3===_e.numberOfItems){var Ce=_e.getItem(0),Se=_e.getItem(1),we=_e.getItem(2);if(4===Ce.type&&2===Se.type&&3===we.type){me=Math.round(Ce.angle);var $e=we.matrix;1!==$e.a?ve=Math.round(100*-(1-$e.a)):1!==$e.d&&(ve=Math.round(100*(1-$e.d)))}}}var ke={radius:{handle:"#"+s+"_jGraduate_RadiusArrows",input:"#"+s+"_jGraduate_RadiusInput",val:100*(S.getAttribute("r")||.5)},opacity:{handle:"#"+s+"_jGraduate_OpacArrows",input:"#"+s+"_jGraduate_OpacInput",val:i.paint.alpha||100},ellip:{handle:"#"+s+"_jGraduate_EllipArrows",input:"#"+s+"_jGraduate_EllipInput",val:ve},angle:{handle:"#"+s+"_jGraduate_AngleArrows",input:"#"+s+"_jGraduate_AngleInput",val:me}};e.each(ke,function(t,n){var a=e(n.handle);a.mousedown(function(r){var i=a.parent();fe={type:t,elem:a,input:e(n.input),parent:i,offset:i.offset()},h.mousemove(Ae).mouseup(Ee),r.preventDefault()}),e(n.input).val(n.val).change(function(){var e="radialGradient"===x,n=+this.value,r=0;switch(t){case"radius":e&&S.setAttribute("r",n/100),r=Math.pow(n/100,.4)/2*145;break;case"opacity":i.paint.alpha=n,j.setAttribute("fill-opacity",n/100),r=1.45*n;break;case"ellip":if(Z=J=1,0===n){r=72.5;break}n>99.5&&(n=99.5),n>0?J=1-n/100:Z=-n/100-1,r=(n+100)/2*145/100,e&&Me();break;case"angle":r=(ee=n)/180,r+=.5,r*=145,e&&Me()}r>145?r=145:r<0&&(r=0),a.css({"margin-left":r-5})}).change()});for(var Ae=function(e){!function(e){var t=fe.offset,n=fe.parent,a=e.pageX-t.left-parseInt(n.css("border-left-width"));a>145&&(a=145),a<=0&&(a=0);var r=a-5;switch(a/=145,fe.type){case"radius":(a=Math.pow(2*a,2.5))>.98&&a<1.02&&(a=1),a<=.01&&(a=.01),S.setAttribute("r",a);break;case"opacity":i.paint.alpha=parseInt(100*a),j.setAttribute("fill-opacity",a);break;case"ellip":Z=1,J=1,a<.5?Z=(a/=.5)<=0?.01:a:a>.5&&(J=(a=2-(a/=.5))<=0?.01:a),Me(),J===1+(a-=1)&&(a=Math.abs(a));break;case"angle":a-=.5,ee=a*=180,Me(),a/=100}fe.elem.css({"margin-left":r}),a=Math.round(100*a),fe.input.val(a)}(e),e.preventDefault()},Ee=function e(t){h.unbind("mousemove",Ae).unbind("mouseup",e),fe=null},Pe=(255*i.paint.alpha/100).toString(16);Pe.length<2;)Pe="0"+Pe;Pe=Pe.split(".")[0],d="none"===i.paint.solidColor?"":i.paint.solidColor+Pe,$||(d=W[0].getAttribute("stop-color")),e.extend(e.fn.jPicker.defaults.window,{alphaSupport:!0,effects:{type:"show",speed:0}}),p.jPicker({window:{title:o.window.pickerTitle},images:{clientPath:o.images.clientPath},color:{active:d,alphaSupport:!0}},function(e){i.paint.type="solidColor",i.paint.alpha=e.val("ahex")?Math.round(e.val("a")/255*100):100,i.paint.solidColor=e.val("hex")?e.val("hex"):"none",i.paint.radialGradient=null,c()},null,function(){u()});var Te=e(l+" .jGraduate_tabs li");Te.click(function(){Te.removeClass("jGraduate_tab_current"),e(this).addClass("jGraduate_tab_current"),e(l+" > div").hide();var t=e(this).attr("data-type");if(e(l+" .jGraduate_gradPick").show(),"rg"===t||"lg"===t){e(".jGraduate_"+t+"_field").show(),e(".jGraduate_"+("lg"===t?"rg":"lg")+"_field").hide(),e("#"+s+"_jgraduate_rect")[0].setAttribute("fill","url(#"+s+"_"+t+"_jgraduate_grad)"),x="lg"===t?"linearGradient":"radialGradient",e("#"+s+"_jGraduate_OpacInput").val(i.paint.alpha).change();var n=e("#"+s+"_"+t+"_jgraduate_grad")[0];if(S!==n){var a=e(S).find("stop");e(n).empty().append(a),S=n;var r=oe.val();S.setAttribute("spreadMethod",r)}z="rg"===t&&null!=S.getAttribute("fx")&&!(R===V&&O===B),e("#"+s+"_jGraduate_focusCoord").toggle(z),z&&(e("#"+s+"_jGraduate_match_ctr")[0].checked=!1)}else e(l+" .jGraduate_gradPick").hide(),e(l+" .jGraduate_colPick").show()}),e(l+" > div").hide(),Te.removeClass("jGraduate_tab_current");var Ge=void 0;switch(i.paint.type){case"linearGradient":Ge=e(l+" .jGraduate_tab_lingrad");break;case"radialGradient":Ge=e(l+" .jGraduate_tab_radgrad");break;default:Ge=e(l+" .jGraduate_tab_color")}i.show(),setTimeout(function(){Ge.addClass("jGraduate_tab_current").click()},10)}else alert("Container element must have an id attribute to maintain unique id strings for sub-elements.");function Ne(t,a,r,i,l){var c=l||n("stop",{"stop-color":a,"stop-opacity":r,offset:t},S);l?(a=l.getAttribute("stop-color"),r=l.getAttribute("stop-opacity"),t=l.getAttribute("offset")):S.append(c),null===r&&(r=1);var u="M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z",d=n("path",{d:u,fill:"url(#jGraduate_trans)",transform:"translate("+(10+t*f)+", 26)"},k),p=n("path",{d:u,fill:a,"fill-opacity":r,transform:"translate("+(10+t*f)+", 26)",stroke:"#000","stroke-width":1.5},k);return e(p).mousedown(function(e){return Le(this),X=Y,h.mousemove(Re).mouseup(Ie),Q=q.offset(),e.preventDefault(),!1}).data("stop",c).data("bg",d).dblclick(function(){e("div.jGraduate_LightBox").show();for(var t=this,n=+c.getAttribute("stop-opacity")||1,r=c.getAttribute("stop-color")||1,i=(255*parseFloat(n)).toString(16);i.length<2;)i="0"+i;a=r.substr(1)+i,e("#"+s+"_jGraduate_stopPicker").css({left:100,bottom:15}).jPicker({window:{title:"Pick the start color and opacity for the gradient"},images:{clientPath:o.images.clientPath},color:{active:a,alphaSupport:!0}},function(a,i){r=a.val("hex")?"#"+a.val("hex"):"none",n=null!==a.val("a")?a.val("a")/256:1,t.setAttribute("fill",r),t.setAttribute("fill-opacity",n),c.setAttribute("stop-color",r),c.setAttribute("stop-opacity",n),e("div.jGraduate_LightBox").hide(),e("#"+s+"_jGraduate_stopPicker").hide()},null,function(){e("div.jGraduate_LightBox").hide(),e("#"+s+"_jGraduate_stopPicker").hide()})}),e(S).find("stop").each(function(){var n=e(this);if(+this.getAttribute("offset")>t){if(!a){var r=this.getAttribute("stop-color"),i=this.getAttribute("stop-opacity");c.setAttribute("stop-color",r),p.setAttribute("fill",r),c.setAttribute("stop-opacity",null===i?1:i),p.setAttribute("fill-opacity",null===i?1:i)}return n.before(c),!1}}),i&&Le(p),c}function Le(e){Y&&Y.setAttribute("stroke","#000"),e.setAttribute("stroke","blue"),(Y=e).parentNode.append(Y)}function Ie(){h.unbind("mousemove",Re),"none"!==K.getAttribute("display")&&function(){K.setAttribute("display","none");var t=e(Y),n=t.data("stop"),a=t.data("bg");e([Y,n,a]).remove()}(),X=null}function Me(){var e=ee?"rotate("+ee+","+te+","+ne+") ":"";if(1===Z&&1===J)S.removeAttribute("gradientTransform");else{var t=-te*(Z-1),n=-ne*(J-1);S.setAttribute("gradientTransform",e+"translate("+t+","+n+") scale("+Z+","+J+")")}}function Re(t){var n=t.pageX-Q.left,a=t.pageY-Q.top,r="translate("+(n=n<10?10:n>f+10?f+10:n)+", 26)";a<-60||a>130?(K.setAttribute("display","block"),K.setAttribute("transform",r)):K.setAttribute("display","none"),X.setAttribute("transform",r),e.data(X,"bg").setAttribute("transform",r);var i=e.data(X,"stop"),o=(n-10)/f;i.setAttribute("offset",o);var s=0;e(S).find("stop").each(function(t){var n=this.getAttribute("offset"),a=e(this);n<s&&(a.prev().before(a),W=e(S).find("stop")),s=n})}})},e}function jqPluginSpinBtn(e){e.loadingStylesheets||(e.loadingStylesheets=[]);return e.loadingStylesheets.includes("spinbtn/jQuery.SpinButton.css")||e.loadingStylesheets.push("spinbtn/jQuery.SpinButton.css"),e.fn.SpinButton=function(t){function n(t,n){for(var a=document.body,r=t[n];(t=t.offsetParent)&&t!==a;)e.browser.msie&&"relative"===t.currentStyle.position||(r+=t[n]);return r}return t=t||{},this.each(function(){this.repeating=!1,this.spinCfg={min:isNaN(parseFloat(t.min))?null:Number(t.min),max:isNaN(parseFloat(t.max))?null:Number(t.max),step:t.step?Number(t.step):1,stepfunc:t.stepfunc||!1,page:t.page?Number(t.page):10,upClass:t.upClass||"up",downClass:t.downClass||"down",reset:t.reset||this.value,delay:t.delay?Number(t.delay):500,interval:t.interval?Number(t.interval):100,_btn_width:20,_direction:null,_delay:null,_repeat:null,callback:t.callback||null},this.spinCfg.smallStep=t.smallStep||this.spinCfg.step/2,this.adjustValue=function(e){var t=void 0;t=isNaN(this.value)?this.spinCfg.reset:"function"==typeof this.spinCfg.stepfunc?this.spinCfg.stepfunc(this,e):Number((Number(this.value)+Number(e)).toFixed(5)),null!==this.spinCfg.min&&(t=Math.max(t,this.spinCfg.min)),null!==this.spinCfg.max&&(t=Math.min(t,this.spinCfg.max)),this.value=t,"function"==typeof this.spinCfg.callback&&this.spinCfg.callback(this)},e(this).addClass(t.spinClass||"spin-button").mousemove(function(a){var r=a.pageX||a.x,i=a.pageY||a.y,o=a.target,s=t.stateObj.tool_scale||1,l=e(o).height()/2,c=r>n(o,"offsetLeft")+o.offsetWidth*s-this.spinCfg._btn_width?i<n(o,"offsetTop")+l*s?1:-1:0;if(c!==this.spinCfg._direction){switch(c){case 1:e(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);break;case-1:e(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);break;default:e(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass)}this.spinCfg._direction=c}}).mouseout(function(){e(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass),this.spinCfg._direction=null,window.clearInterval(this.spinCfg._repeat),window.clearTimeout(this.spinCfg._delay)}).mousedown(function(e){var t=this;if(0===e.button&&0!==this.spinCfg._direction){var n=e.shiftKey?this.spinCfg.smallStep:this.spinCfg.step,a=function(){t.adjustValue(t.spinCfg._direction*n)};a(),this.spinCfg._delay=window.setTimeout(function(){a(),t.spinCfg._repeat=window.setInterval(a,t.spinCfg.interval)},this.spinCfg.delay)}}).mouseup(function(e){window.clearInterval(this.spinCfg._repeat),window.clearTimeout(this.spinCfg._delay)}).dblclick(function(t){e.browser.msie&&this.adjustValue(this.spinCfg._direction*this.spinCfg.step)}).keydown(function(e){switch(e.keyCode){case 38:this.adjustValue(this.spinCfg.step);break;case 40:this.adjustValue(-this.spinCfg.step);break;case 33:this.adjustValue(this.spinCfg.page);break;case 34:this.adjustValue(-this.spinCfg.page)}}).keypress(function(e){if(this.repeating)switch(e.keyCode){case 38:this.adjustValue(this.spinCfg.step);break;case 40:this.adjustValue(-this.spinCfg.step);break;case 33:this.adjustValue(this.spinCfg.page);break;case 34:this.adjustValue(-this.spinCfg.page)}else this.repeating=!0}).keyup(function(e){switch(this.repeating=!1,e.keyCode){case 38:case 40:case 33:case 34:case 13:this.adjustValue(0)}}).bind("mousewheel",function(e){e.wheelDelta>=120?this.adjustValue(this.spinCfg.step):e.wheelDelta<=-120&&this.adjustValue(-this.spinCfg.step),e.preventDefault()}).change(function(e){this.adjustValue(0)}),this.addEventListener&&this.addEventListener("DOMMouseScroll",function(e){e.detail>0?this.adjustValue(-this.spinCfg.step):e.detail<0&&this.adjustValue(this.spinCfg.step),e.preventDefault()},!1)})},e}function jQueryContextMenu(e){var t=e(window),n=e(document);return e.extend(e.fn,{contextMenu:function(a,r){return void 0!==a.menu&&(void 0===a.inSpeed&&(a.inSpeed=150),void 0===a.outSpeed&&(a.outSpeed=75),0===a.inSpeed&&(a.inSpeed=-1),0===a.outSpeed&&(a.outSpeed=-1),e(this).each(function(){var i=e(this),o=e(i).offset(),s=e("#"+a.menu);s.addClass("contextMenu"),e(this).bind("mousedown",function(l){var c=l;e(this).mouseup(function(l){var u=e(this);if(u.unbind("mouseup"),2===c.button||a.allowLeft||c.ctrlKey&&isMac()){if(l.stopPropagation(),e(".contextMenu").hide(),i.hasClass("disabled"))return!1;var d=l.pageX,h=l.pageY,p=t.width()-s.width(),g=t.height()-s.height();d>p-15&&(d=p-15),h>g-30&&(h=g-30),n.unbind("click"),s.css({top:h,left:d}).fadeIn(a.inSpeed),s.find("A").mouseover(function(){s.find("LI.hover").removeClass("hover"),e(this).parent().addClass("hover")}).mouseout(function(){s.find("LI.hover").removeClass("hover")}),n.keypress(function(e){switch(e.keyCode){case 38:s.find("LI.hover").length?(s.find("LI.hover").removeClass("hover").prevAll("LI:not(.disabled)").eq(0).addClass("hover"),s.find("LI.hover").length||s.find("LI:last").addClass("hover")):s.find("LI:last").addClass("hover");break;case 40:s.find("LI.hover").length?(s.find("LI.hover").removeClass("hover").nextAll("LI:not(.disabled)").eq(0).addClass("hover"),s.find("LI.hover").length||s.find("LI:first").addClass("hover")):s.find("LI:first").addClass("hover");break;case 13:s.find("LI.hover A").trigger("click");break;case 27:n.trigger("click")}}),s.find("A").unbind("mouseup"),s.find("LI:not(.disabled) A").mouseup(function(){return n.unbind("click").unbind("keypress"),e(".contextMenu").hide(),r&&r(e(this).attr("href").substr(1),e(u),{x:d-o.left,y:h-o.top,docX:d,docY:h}),!1}),setTimeout(function(){n.click(function(){return n.unbind("click").unbind("keypress"),s.fadeOut(a.outSpeed),!1})},0)}})}),e.browser.mozilla?e("#"+a.menu).each(function(){e(this).css({MozUserSelect:"none"})}):e.browser.msie?e("#"+a.menu).each(function(){e(this).bind("selectstart.disableTextSelect",function(){return!1})}):e("#"+a.menu).each(function(){e(this).bind("mousedown.disableTextSelect",function(){return!1})}),e(i).add(e("UL.contextMenu")).bind("contextmenu",function(){return!1})}),e(this))},disableContextMenuItems:function(t){return void 0===t?(e(this).find("LI").addClass("disabled"),e(this)):(e(this).each(function(){if(void 0!==t)for(var n=t.split(","),a=0;a<n.length;a++)e(this).find('A[href="'+n[a]+'"]').parent().addClass("disabled")}),e(this))},enableContextMenuItems:function(t){return void 0===t?(e(this).find("LI.disabled").removeClass("disabled"),e(this)):(e(this).each(function(){if(void 0!==t)for(var n=t.split(","),a=0;a<n.length;a++)e(this).find('A[href="'+n[a]+'"]').parent().removeClass("disabled")}),e(this))},disableContextMenu:function(){return e(this).each(function(){e(this).addClass("disabled")}),e(this)},enableContextMenu:function(){return e(this).each(function(){e(this).removeClass("disabled")}),e(this)},destroyContextMenu:function(){return e(this).each(function(){e(this).unbind("mousedown").unbind("mouseup")}),e(this)}}),e}window.console||(window.console={log:function(e){},dir:function(e){}}),Math.precision=function(e,t){return void 0===t&&(t=0),Math.round(e*Math.pow(10,t))/Math.pow(10,t)};var jPicker=function(e){e.loadingStylesheets||(e.loadingStylesheets=[]);function t(t,n){var a=this;function r(n){var r=t.offset();u={l:0|r.left,t:0|r.top},clearTimeout(d),d=setTimeout(function(){s.call(a,n)},0),e(document).bind("mousemove",i).bind("mouseup",o),n.preventDefault()}function i(e){return clearTimeout(d),d=setTimeout(function(){s.call(a,e)},0),e.stopPropagation(),e.preventDefault(),!1}function o(t){return e(document).unbind("mouseup",o).unbind("mousemove",i),t.stopPropagation(),t.preventDefault(),!1}function s(e){var n=t.w,r=t.h,i=e.pageX-u.l,o=e.pageY-u.t;i<0?i=0:i>n&&(i=n),o<0?o=0:o>r&&(o=r),l.call(a,"xy",{x:i/n*v+g,y:o/r*b+m})}function l(e,t,n){if(!(void 0!==t))switch(void 0!==e&&null!=e||(e="xy"),e.toLowerCase()){case"x":return h;case"y":return p;case"xy":default:return{x:h,y:p}}if(null==n||n!==a){var r=!1,i=void 0,o=void 0;switch(null==e&&(e="xy"),e.toLowerCase()){case"x":i=t&&(t.x&&0|t.x||0|t)||0;break;case"y":o=t&&(t.y&&0|t.y||0|t)||0;break;case"xy":default:i=t&&t.x&&0|t.x||0,o=t&&t.y&&0|t.y||0}null!=i&&(i<g?i=g:i>f&&(i=f),h!==i&&(h=i,r=!0)),null!=o&&(o<m?o=m:o>_&&(o=_),p!==o&&(p=o,r=!0)),r&&function(e){for(var t=0;t<x.length;t++)x[t].call(a,a,e)}.call(a,n||a)}}function c(e){"function"==typeof e&&x.push(e)}var u=void 0,d=void 0,h=0,p=0,g=0,f=100,v=100,m=0,_=100,b=100,y=t.find("img:first"),x=[];e.extend(!0,a,{val:l,range:function(e,t){if(void 0===t)switch(void 0!==e&&null!=e||(e="all"),e.toLowerCase()){case"minx":return g;case"maxx":return f;case"rangex":return{minX:g,maxX:f,rangeX:v};case"miny":return m;case"maxy":return _;case"rangey":return{minY:m,maxY:_,rangeY:b};case"all":default:return{minX:g,maxX:f,rangeX:v,minY:m,maxY:_,rangeY:b}}var n=void 0,a=void 0,r=void 0,i=void 0;switch(null==e&&(e="all"),e.toLowerCase()){case"minx":n=t&&(t.minX&&0|t.minX||0|t)||0;break;case"maxx":a=t&&(t.maxX&&0|t.maxX||0|t)||0;break;case"rangex":n=t&&t.minX&&0|t.minX||0,a=t&&t.maxX&&0|t.maxX||0;break;case"miny":r=t&&(t.minY&&0|t.minY||0|t)||0;break;case"maxy":i=t&&(t.maxY&&0|t.maxY||0|t)||0;break;case"rangey":r=t&&t.minY&&0|t.minY||0,i=t&&t.maxY&&0|t.maxY||0;break;case"all":default:n=t&&t.minX&&0|t.minX||0,a=t&&t.maxX&&0|t.maxX||0,r=t&&t.minY&&0|t.minY||0,i=t&&t.maxY&&0|t.maxY||0}null!=n&&g!==n&&(v=f-(g=n)),null!=a&&f!==a&&(v=(f=a)-g),null!=r&&m!==r&&(b=_-(m=r)),null!=i&&_!==i&&(b=(_=i)-m)},bind:c,unbind:function(e){if("function"==typeof e)for(var t=void 0;t=x.includes(e);)x.splice(t,1)},destroy:function(){e(document).unbind("mouseup",o).unbind("mousemove",i),t.unbind("mousedown",r),t=null,y=null,x=null}}),y.src=n.arrow&&n.arrow.image,y.w=n.arrow&&n.arrow.width||y.width(),y.h=n.arrow&&n.arrow.height||y.height(),t.w=n.map&&n.map.width||t.width(),t.h=n.map&&n.map.height||t.height(),t.bind("mousedown",r),c.call(a,function(){var e=t.w,n=t.h,a=y.w,r=y.h,i=0,o=0;setTimeout(function(){v>0&&(i=h===f?e:h/v*e|0),b>0&&(o=p===_?n:p/b*n|0),a>=e?i=(e>>1)-(a>>1):i-=a>>1,r>=n?o=(n>>1)-(r>>1):o-=r>>1,y.css({left:i+"px",top:o+"px"})},0)})}e.loadingStylesheets.includes("jgraduate/css/jPicker.css")||e.loadingStylesheets.push("jgraduate/css/jPicker.css"),e.jPicker={List:[],Color:function(t){var n=this;function a(e){for(var t=0;t<p.length;t++)p[t].call(n,n,e)}function r(e,t,p){var g=Boolean(t);if(g&&""===t.ahex&&(t.ahex="00000000"),!g){if(void 0!==e&&null!=e&&""!==e||(e="all"),null==o)return null;switch(e.toLowerCase()){case"ahex":return i.rgbaToHex({r:o,g:s,b:l,a:c});case"hex":return r("ahex").substring(0,6);case"all":return{r:o,g:s,b:l,a:c,h:u,s:d,v:h,hex:r.call(n,"hex"),ahex:r.call(n,"ahex")};default:for(var f={},v=0;v<e.length;v++)switch(e.charAt(v)){case"r":1===e.length?f=o:f.r=o;break;case"g":1===e.length?f=s:f.g=s;break;case"b":1===e.length?f=l:f.b=l;break;case"a":1===e.length?f=c:f.a=c;break;case"h":1===e.length?f=u:f.h=u;break;case"s":1===e.length?f=d:f.s=d;break;case"v":1===e.length?f=h:f.v=h}return e.length?f:r.call(n,"all")}}if(null==p||p!==n){null==e&&(e="");var m=!1;if(null==t)return null!=o&&(o=null,m=!0),null!=s&&(s=null,m=!0),null!=l&&(l=null,m=!0),null!=c&&(c=null,m=!0),null!=u&&(u=null,m=!0),null!=d&&(d=null,m=!0),null!=h&&(h=null,m=!0),void(m&&a.call(n,p||n));switch(e.toLowerCase()){case"ahex":case"hex":var _=i.hexToRgba(t&&(t.ahex||t.hex)||t||"none");r.call(n,"rgba",{r:_.r,g:_.g,b:_.b,a:"ahex"===e?_.a:null!=c?c:255},p);break;default:if(t&&(null!=t.ahex||null!=t.hex))return void r.call(n,"ahex",t.ahex||t.hex||"00000000",p);var b={},y=!1,x=!1;void 0===t.r||e.includes("r")||(e+="r"),void 0===t.g||e.includes("g")||(e+="g"),void 0===t.b||e.includes("b")||(e+="b"),void 0===t.a||e.includes("a")||(e+="a"),void 0===t.h||e.includes("h")||(e+="h"),void 0===t.s||e.includes("s")||(e+="s"),void 0===t.v||e.includes("v")||(e+="v");for(var C=0;C<e.length;C++)switch(e.charAt(C)){case"r":if(x)continue;y=!0,b.r=t&&t.r&&0|t.r||t&&0|t||0,b.r<0?b.r=0:b.r>255&&(b.r=255),o!==b.r&&(o=b.r,m=!0);break;case"g":if(x)continue;y=!0,b.g=t&&t.g&&0|t.g||t&&0|t||0,b.g<0?b.g=0:b.g>255&&(b.g=255),s!==b.g&&(s=b.g,m=!0);break;case"b":if(x)continue;y=!0,b.b=t&&t.b&&0|t.b||t&&0|t||0,b.b<0?b.b=0:b.b>255&&(b.b=255),l!==b.b&&(l=b.b,m=!0);break;case"a":b.a=t&&null!=t.a?0|t.a:null!=t?0|t:255,b.a<0?b.a=0:b.a>255&&(b.a=255),c!==b.a&&(c=b.a,m=!0);break;case"h":if(y)continue;x=!0,b.h=t&&t.h&&0|t.h||t&&0|t||0,b.h<0?b.h=0:b.h>360&&(b.h=360),u!==b.h&&(u=b.h,m=!0);break;case"s":if(y)continue;x=!0,b.s=t&&null!=t.s?0|t.s:null!=t?0|t:100,b.s<0?b.s=0:b.s>100&&(b.s=100),d!==b.s&&(d=b.s,m=!0);break;case"v":if(y)continue;x=!0,b.v=t&&null!=t.v?0|t.v:null!=t?0|t:100,b.v<0?b.v=0:b.v>100&&(b.v=100),h!==b.v&&(h=b.v,m=!0)}if(m){if(y){o=o||0,s=s||0,l=l||0;var S=i.rgbToHsv({r:o,g:s,b:l});u=S.h,d=S.s,h=S.v}else if(x){u=u||0,d=null!=d?d:100,h=null!=h?h:100;var w=i.hsvToRgb({h:u,s:d,v:h});o=w.r,s=w.g,l=w.b}c=null!=c?c:255,a.call(n,p||n)}}}}var o=void 0,s=void 0,l=void 0,c=void 0,u=void 0,d=void 0,h=void 0,p=[];e.extend(!0,n,{val:r,bind:function(e){"function"==typeof e&&p.push(e)},unbind:function(e){if("function"==typeof e)for(var t=void 0;t=p.includes(e);)p.splice(t,1)},destroy:function(){p=null}}),t&&(null!=t.ahex?r("ahex",t):null!=t.hex?r((null!=t.a?"a":"")+"hex",null!=t.a?{ahex:t.hex+i.intToHex(t.a)}:t):null!=t.r&&null!=t.g&&null!=t.b?r("rgb"+(null!=t.a?"a":""),t):null!=t.h&&null!=t.s&&null!=t.v&&r("hsv"+(null!=t.a?"a":""),t))},ColorMethods:{hexToRgba:function(e){if(""===e||"none"===e)return{r:null,g:null,b:null,a:null};var t="00",n="00",a="00",r="255";return 6===(e=this.validateHex(e)).length&&(e+="ff"),e.length>6?(t=e.substring(0,2),n=e.substring(2,4),a=e.substring(4,6),r=e.substring(6,e.length)):(e.length>4&&(t=e.substring(4,e.length),e=e.substring(0,4)),e.length>2&&(n=e.substring(2,e.length),e=e.substring(0,2)),e.length>0&&(a=e.substring(0,e.length))),{r:this.hexToInt(t),g:this.hexToInt(n),b:this.hexToInt(a),a:this.hexToInt(r)}},validateHex:function(e){return(e=e.toLowerCase().replace(/[^a-f0-9]/g,"")).length>8&&(e=e.substring(0,8)),e},rgbaToHex:function(e){return this.intToHex(e.r)+this.intToHex(e.g)+this.intToHex(e.b)+this.intToHex(e.a)},intToHex:function(e){var t=(0|e).toString(16);return 1===t.length&&(t="0"+t),t.toLowerCase()},hexToInt:function(e){return parseInt(e,16)},rgbToHsv:function(e){var t=e.r/255,n=e.g/255,a=e.b/255,r={h:0,s:0,v:0},i=0,o=0;t>=n&&t>=a?(o=t,i=n>a?a:n):n>=a&&n>=t?(o=n,i=t>a?a:t):(o=a,i=n>t?t:n),r.v=o,r.s=o?(o-i)/o:0;var s=void 0;return r.s?(s=o-i,r.h=t===o?(n-a)/s:n===o?2+(a-t)/s:4+(t-n)/s,r.h=parseInt(60*r.h),r.h<0&&(r.h+=360)):r.h=0,r.s=100*r.s|0,r.v=100*r.v|0,r},hsvToRgb:function(e){var t={r:0,g:0,b:0,a:100},n=e.h,a=e.s,r=e.v;if(0===a)t.r=t.g=t.b=0===r?0:255*r/100|0;else{360===n&&(n=0);var i=0|(n/=60),o=n-i,s=(r/=100)*(1-(a/=100)),l=r*(1-a*o),c=r*(1-a*(1-o));switch(i){case 0:t.r=r,t.g=c,t.b=s;break;case 1:t.r=l,t.g=r,t.b=s;break;case 2:t.r=s,t.g=r,t.b=c;break;case 3:t.r=s,t.g=l,t.b=r;break;case 4:t.r=c,t.g=s,t.b=r;break;case 5:t.r=r,t.g=s,t.b=l}t.r=255*t.r|0,t.g=255*t.g|0,t.b=255*t.b|0}return t}}};var n=e.jPicker,a=n.Color,r=n.List,i=n.ColorMethods;return e.fn.jPicker=function(n){var o=arguments;return this.each(function(){var s=this,l=e.extend(!0,{},e.fn.jPicker.defaults,n);"input"===e(s).get(0).nodeName.toLowerCase()&&(e.extend(!0,l,{window:{bindToInput:!0,expandable:!0,input:e(s)}}),""===e(s).val()?(l.color.active=new a({hex:null}),l.color.current=new a({hex:null})):i.validateHex(e(s).val())&&(l.color.active=new a({hex:e(s).val(),a:l.color.active.val("a")}),l.color.current=new a({hex:e(s).val(),a:l.color.active.val("a")}))),l.window.expandable?e(s).after('<span class="jPicker"><span class="Icon"><span class="Color">&nbsp;</span><span class="Alpha">&nbsp;</span><span class="Image" title="Click To Open Color Picker">&nbsp;</span><span class="Container">&nbsp;</span></span></span>'):l.window.liveUpdate=!1;var c=parseFloat(navigator.appVersion.split("MSIE")[1])<7&&document.body.filters;function u(e){var t=M.active,n=t.val("hex"),a=void 0,r=void 0;switch(l.color.mode=e,e){case"h":if(setTimeout(function(){g.call(s,D,"transparent"),v.call(s,U,0),m.call(s,U,100),v.call(s,H,260),m.call(s,H,100),g.call(s,F,"transparent"),v.call(s,q,0),m.call(s,q,100),v.call(s,W,260),m.call(s,W,100),v.call(s,Y,260),m.call(s,Y,100),v.call(s,X,260),m.call(s,X,100),v.call(s,Q,260),m.call(s,Q,100)},0),Z.range("all",{minX:0,maxX:100,minY:0,maxY:100}),J.range("rangeY",{minY:0,maxY:360}),null==t.val("ahex"))break;Z.val("xy",{x:t.val("s"),y:100-t.val("v")},Z),J.val("y",360-t.val("h"),J);break;case"s":if(setTimeout(function(){g.call(s,D,"transparent"),v.call(s,U,-260),v.call(s,H,-520),v.call(s,q,-260),v.call(s,W,-520),v.call(s,Q,260),m.call(s,Q,100)},0),Z.range("all",{minX:0,maxX:360,minY:0,maxY:100}),J.range("rangeY",{minY:0,maxY:100}),null==t.val("ahex"))break;Z.val("xy",{x:t.val("h"),y:100-t.val("v")},Z),J.val("y",100-t.val("s"),J);break;case"v":if(setTimeout(function(){g.call(s,D,"000000"),v.call(s,U,-780),v.call(s,H,260),g.call(s,F,n),v.call(s,q,-520),v.call(s,W,260),m.call(s,W,100),v.call(s,Q,260),m.call(s,Q,100)},0),Z.range("all",{minX:0,maxX:360,minY:0,maxY:100}),J.range("rangeY",{minY:0,maxY:100}),null==t.val("ahex"))break;Z.val("xy",{x:t.val("h"),y:100-t.val("s")},Z),J.val("y",100-t.val("v"),J);break;case"r":if(a=-1040,r=-780,Z.range("all",{minX:0,maxX:255,minY:0,maxY:255}),J.range("rangeY",{minY:0,maxY:255}),null==t.val("ahex"))break;Z.val("xy",{x:t.val("b"),y:255-t.val("g")},Z),J.val("y",255-t.val("r"),J);break;case"g":if(a=-1560,r=-1820,Z.range("all",{minX:0,maxX:255,minY:0,maxY:255}),J.range("rangeY",{minY:0,maxY:255}),null==t.val("ahex"))break;Z.val("xy",{x:t.val("b"),y:255-t.val("r")},Z),J.val("y",255-t.val("g"),J);break;case"b":if(a=-2080,r=-2860,Z.range("all",{minX:0,maxX:255,minY:0,maxY:255}),J.range("rangeY",{minY:0,maxY:255}),null==t.val("ahex"))break;Z.val("xy",{x:t.val("r"),y:255-t.val("g")},Z),J.val("y",255-t.val("b"),J);break;case"a":if(setTimeout(function(){g.call(s,D,"transparent"),v.call(s,U,-260),v.call(s,H,-520),v.call(s,q,260),v.call(s,W,260),m.call(s,W,100),v.call(s,Q,0),m.call(s,Q,100)},0),Z.range("all",{minX:0,maxX:360,minY:0,maxY:100}),J.range("rangeY",{minY:0,maxY:255}),null==t.val("ahex"))break;Z.val("xy",{x:t.val("h"),y:100-t.val("v")},Z),J.val("y",255-t.val("a"),J);break;default:throw new Error("Invalid Mode")}switch(e){case"h":break;case"s":case"v":case"a":setTimeout(function(){m.call(s,U,100),m.call(s,q,100),v.call(s,Y,260),m.call(s,Y,100),v.call(s,X,260),m.call(s,X,100)},0);break;case"r":case"g":case"b":setTimeout(function(){g.call(s,D,"transparent"),g.call(s,F,"transparent"),m.call(s,q,100),m.call(s,U,100),v.call(s,U,a),v.call(s,H,a-260),v.call(s,q,r-780),v.call(s,W,r-520),v.call(s,Y,r),v.call(s,X,r-260),v.call(s,Q,260),m.call(s,Q,100)},0)}null!=t.val("ahex")&&d.call(s,t)}function d(e,t){(null==t||t!==J&&t!==Z)&&function(e,t){if(t!==Z)switch(l.color.mode){case"h":var n=e.val("sv");Z.val("xy",{x:null!=n?n.s:100,y:100-(null!=n?n.v:100)},t);break;case"s":case"a":var a=e.val("hv");Z.val("xy",{x:a&&a.h||0,y:100-(null!=a?a.v:100)},t);break;case"v":var r=e.val("hs");Z.val("xy",{x:r&&r.h||0,y:100-(null!=r?r.s:100)},t);break;case"r":var i=e.val("bg");Z.val("xy",{x:i&&i.b||0,y:255-(i&&i.g||0)},t);break;case"g":var o=e.val("br");Z.val("xy",{x:o&&o.b||0,y:255-(o&&o.r||0)},t);break;case"b":var s=e.val("rg");Z.val("xy",{x:s&&s.r||0,y:255-(s&&s.g||0)},t)}if(t!==J)switch(l.color.mode){case"h":J.val("y",360-(e.val("h")||0),t);break;case"s":var c=e.val("s");J.val("y",100-(null!=c?c:100),t);break;case"v":var u=e.val("v");J.val("y",100-(null!=u?u:100),t);break;case"r":J.val("y",255-(e.val("r")||0),t);break;case"g":J.val("y",255-(e.val("g")||0),t);break;case"b":J.val("y",255-(e.val("b")||0),t);break;case"a":var d=e.val("a");J.val("y",255-(null!=d?d:255),t)}}.call(s,e,t),setTimeout(function(){(function(e){try{var t=e.val("all");te.css({backgroundColor:t&&"#"+t.hex||"transparent"}),m.call(s,te,t&&Math.precision(100*t.a/255,4)||0)}catch(e){}}).call(s,e),function(e){switch(l.color.mode){case"h":g.call(s,D,new a({h:e.val("h")||0,s:100,v:100}).val("hex"));break;case"s":case"a":var t=e.val("s");m.call(s,H,100-(null!=t?t:100));break;case"v":var n=e.val("v");m.call(s,U,null!=n?n:100);break;case"r":m.call(s,H,Math.precision((e.val("r")||0)/255*100,4));break;case"g":m.call(s,H,Math.precision((e.val("g")||0)/255*100,4));break;case"b":m.call(s,H,Math.precision((e.val("b")||0)/255*100))}var r=e.val("a");m.call(s,z,Math.precision(100*(255-(r||0))/255,4))}.call(s,e),function(e){switch(l.color.mode){case"h":var t=e.val("a");m.call(s,K,Math.precision(100*(255-(t||0))/255,4));break;case"s":var n=e.val("hva"),r=new a({h:n&&n.h||0,s:100,v:null!=n?n.v:100});g.call(s,F,r.val("hex")),m.call(s,W,100-(null!=n?n.v:100)),m.call(s,K,Math.precision(100*(255-(n&&n.a||0))/255,4));break;case"v":var i=e.val("hsa"),o=new a({h:i&&i.h||0,s:null!=i?i.s:100,v:100});g.call(s,F,o.val("hex")),m.call(s,K,Math.precision(100*(255-(i&&i.a||0))/255,4));break;case"r":case"g":case"b":var c=e.val("rgba"),u=0,d=0;"r"===l.color.mode?(u=c&&c.b||0,d=c&&c.g||0):"g"===l.color.mode?(u=c&&c.b||0,d=c&&c.r||0):"b"===l.color.mode&&(u=c&&c.r||0,d=c&&c.g||0);var h=d>u?u:d;m.call(s,W,u>d?Math.precision((u-d)/(255-d)*100,4):0),m.call(s,Y,d>u?Math.precision((d-u)/(255-u)*100,4):0),m.call(s,X,Math.precision(h/255*100,4)),m.call(s,K,Math.precision(100*(255-(c&&c.a||0))/255,4));break;case"a":var p=e.val("a");g.call(s,F,e.val("hex")||"000000"),m.call(s,K,null!=p?0:100),m.call(s,Q,null!=p?100:0)}}.call(s,e)},0)}function h(e,t){var n=M.active;if(t===Z||null!=n.val()){var a=e.val("all");switch(l.color.mode){case"h":n.val("sv",{s:a.x,v:100-a.y},t);break;case"s":case"a":n.val("hv",{h:a.x,v:100-a.y},t);break;case"v":n.val("hs",{h:a.x,s:100-a.y},t);break;case"r":n.val("gb",{g:255-a.y,b:a.x},t);break;case"g":n.val("rb",{r:255-a.y,b:a.x},t);break;case"b":n.val("rg",{r:a.x,g:255-a.y},t)}}}function p(e,t){var n=M.active;if(t===J||null!=n.val())switch(l.color.mode){case"h":n.val("h",{h:360-e.val("y")},t);break;case"s":n.val("s",{s:100-e.val("y")},t);break;case"v":n.val("v",{v:100-e.val("y")},t);break;case"r":n.val("r",{r:255-e.val("y")},t);break;case"g":n.val("g",{g:255-e.val("y")},t);break;case"b":n.val("b",{b:255-e.val("y")},t);break;case"a":n.val("a",255-e.val("y"),t)}}function g(e,t){e.css({backgroundColor:t&&6===t.length&&"#"+t||"transparent"})}function f(e,t){c&&(t.includes("AlphaBar.png")||t.includes("Bars.png")||t.includes("Maps.png"))?(e.attr("pngSrc",t),e.css({backgroundImage:"none",filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+t+"', sizingMethod='scale')"})):e.css({backgroundImage:"url('"+t+"')"})}function v(e,t){e.css({top:t+"px"})}function m(e,t){if(e.css({visibility:t>0?"visible":"hidden"}),t>0&&t<100)if(c){var n=e.attr("pngSrc");null!=n&&(n.includes("AlphaBar.png")||n.includes("Bars.png")||n.includes("Maps.png"))?e.css({filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+n+"', sizingMethod='scale') progid:DXImageTransform.Microsoft.Alpha(opacity="+t+")"}):e.css({opacity:Math.precision(t/100,4)})}else e.css({opacity:Math.precision(t/100,4)});else if(0===t||100===t)if(c){var a=e.attr("pngSrc");null!=a&&(a.includes("AlphaBar.png")||a.includes("Bars.png")||a.includes("Maps.png"))?e.css({filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+a+"', sizingMethod='scale')"}):e.css({opacity:""})}else e.css({opacity:""})}function _(){M.active.val("ahex",M.current.val("ahex"))}function b(t){e(this).parents("tbody:first").find('input:radio[value!="'+t.target.value+'"]').removeAttr("checked"),u.call(s,t.target.value)}function y(){_.call(s)}function x(){_.call(s),l.window.expandable&&G.call(s),"function"==typeof he&&he.call(s,M.active,re)}function C(){(function(){M.current.val("ahex",M.active.val("ahex"))}).call(s),l.window.expandable&&G.call(s),"function"==typeof ue&&ue.call(s,M.active,ae)}function S(){T.call(s)}function w(e,t){var n=e.val("hex");ne.css({backgroundColor:n&&"#"+n||"transparent"}),m.call(s,ne,Math.precision(100*(e.val("a")||0)/255,4))}function $(e,t){var n=e.val("hex"),a=e.val("va");oe.css({backgroundColor:n&&"#"+n||"transparent"}),m.call(s,se,Math.precision(100*(255-(a&&a.a||0))/255,4)),l.window.bindToInput&&l.window.updateInputColor&&l.window.input.css({backgroundColor:n&&"#"+n||"transparent",color:null==a||a.v>75?"#000000":"#ffffff"})}function k(t){R=parseInt(j.css("left")),O=parseInt(j.css("top")),V=t.pageX,B=t.pageY,e(document).bind("mousemove",A).bind("mouseup",E),t.preventDefault()}function A(t){return j.css({left:R-(V-t.pageX)+"px",top:O-(B-t.pageY)+"px"}),l.window.expandable&&!e.support.boxModel&&j.prev().css({left:j.css("left"),top:j.css("top")}),t.stopPropagation(),t.preventDefault(),!1}function E(t){return e(document).unbind("mousemove",A).unbind("mouseup",E),t.stopPropagation(),t.preventDefault(),!1}function P(t){return t.preventDefault(),t.stopPropagation(),M.active.val("ahex",e(this).attr("title")||null,t.target),!1}function T(){function t(){if(l.window.expandable&&!e.support.boxModel){var t=j.find("table:first");j.before("<iframe/>"),j.prev().css({width:t.width(),height:j.height(),opacity:0,position:"absolute",left:j.css("left"),top:j.css("top")})}}switch(M.current.val("ahex",M.active.val("ahex")),l.window.expandable&&(e(document.body).children("div.jPicker.Container").css({zIndex:10}),j.css({zIndex:20})),l.window.effects.type){case"fade":j.fadeIn(l.window.effects.speed.show,t);break;case"slide":j.slideDown(l.window.effects.speed.show,t);break;case"show":default:j.show(l.window.effects.speed.show,t)}}function G(){function t(){l.window.expandable&&j.css({zIndex:10}),l.window.expandable&&!e.support.boxModel&&j.prev().remove()}switch(l.window.effects.type){case"fade":j.fadeOut(l.window.effects.speed.hide,t);break;case"slide":j.slideUp(l.window.effects.speed.hide,t);break;case"show":default:j.hide(l.window.effects.speed.hide,t)}}function N(){var n=l.window,r=n.expandable?e(s).next().find(".Container:first"):null;(j=n.expandable?e("<div/>"):e(s)).addClass("jPicker Container"),n.expandable&&j.hide(),j.get(0).onselectstart=function(e){if("input"!==e.target.nodeName.toLowerCase())return!1};var i=M.active.val("all");n.alphaPrecision<0?n.alphaPrecision=0:n.alphaPrecision>2&&(n.alphaPrecision=2);var o='<table class="jPicker" cellpadding="0" cellspacing="0"><tbody>'+(n.expandable?'<tr><td class="Move" colspan="5">&nbsp;</td></tr>':"")+'<tr><td rowspan="9"><h2 class="Title">'+(n.title||I.text.title)+'</h2><div class="Map"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><img src="'+L.clientPath+L.colorMap.arrow.file+'" class="Arrow"/></div></td><td rowspan="9"><div class="Bar"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><span class="Map4">&nbsp;</span><span class="Map5">&nbsp;</span><span class="Map6">&nbsp;</span><img src="'+L.clientPath+L.colorBar.arrow.file+'" class="Arrow"/></div></td><td colspan="2" class="Preview">'+I.text.newColor+'<div><span class="Active" title="'+I.tooltips.colors.newColor+'">&nbsp;</span><span class="Current" title="'+I.tooltips.colors.currentColor+'">&nbsp;</span></div>'+I.text.currentColor+'</td><td rowspan="9" class="Button"><input type="button" class="Ok" value="'+I.text.ok+'" title="'+I.tooltips.buttons.ok+'"/><input type="button" class="Cancel" value="'+I.text.cancel+'" title="'+I.tooltips.buttons.cancel+'"/><hr/><div class="Grid">&nbsp;</div></td></tr><tr class="Hue"><td class="Radio"><label title="'+I.tooltips.hue.radio+'"><input type="radio" value="h"'+("h"===l.color.mode?' checked="checked"':"")+'/>H:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(null!=i?i.h:"")+'" title="'+I.tooltips.hue.textbox+'"/>&nbsp;&deg;</td></tr><tr class="Saturation"><td class="Radio"><label title="'+I.tooltips.saturation.radio+'"><input type="radio" value="s"'+("s"===l.color.mode?' checked="checked"':"")+'/>S:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(null!=i?i.s:"")+'" title="'+I.tooltips.saturation.textbox+'"/>&nbsp;%</td></tr><tr class="Value"><td class="Radio"><label title="'+I.tooltips.value.radio+'"><input type="radio" value="v"'+("v"===l.color.mode?' checked="checked"':"")+'/>V:</label><br/><br/></td><td class="Text"><input type="text" maxlength="3" value="'+(null!=i?i.v:"")+'" title="'+I.tooltips.value.textbox+'"/>&nbsp;%<br/><br/></td></tr><tr class="Red"><td class="Radio"><label title="'+I.tooltips.red.radio+'"><input type="radio" value="r"'+("r"===l.color.mode?' checked="checked"':"")+'/>R:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(null!=i?i.r:"")+'" title="'+I.tooltips.red.textbox+'"/></td></tr><tr class="Green"><td class="Radio"><label title="'+I.tooltips.green.radio+'"><input type="radio" value="g"'+("g"===l.color.mode?' checked="checked"':"")+'/>G:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(null!=i?i.g:"")+'" title="'+I.tooltips.green.textbox+'"/></td></tr><tr class="Blue"><td class="Radio"><label title="'+I.tooltips.blue.radio+'"><input type="radio" value="b"'+("b"===l.color.mode?' checked="checked"':"")+'/>B:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(null!=i?i.b:"")+'" title="'+I.tooltips.blue.textbox+'"/></td></tr><tr class="Alpha"><td class="Radio">'+(n.alphaSupport?'<label title="'+I.tooltips.alpha.radio+'"><input type="radio" value="a"'+("a"===l.color.mode?' checked="checked"':"")+"/>A:</label>":"&nbsp;")+'</td><td class="Text">'+(n.alphaSupport?'<input type="text" maxlength="'+(3+n.alphaPrecision)+'" value="'+(null!=i?Math.precision(100*i.a/255,n.alphaPrecision):"")+'" title="'+I.tooltips.alpha.textbox+'"/>&nbsp;%':"&nbsp;")+'</td></tr><tr class="Hex"><td colspan="2" class="Text"><label title="'+I.tooltips.hex.textbox+'">#:<input type="text" maxlength="6" class="Hex" value="'+(null!=i?i.hex:"")+'"/></label>'+(n.alphaSupport?'<input type="text" maxlength="2" class="AHex" value="'+(null!=i?i.ahex.substring(6):"")+'" title="'+I.tooltips.hex.alpha+'"/></td>':"&nbsp;")+"</tr></tbody></table>";n.expandable?(j.html(o),e(document.body).children("div.jPicker.Container").length?e(document.body).children("div.jPicker.Container:last").after(j):e(document.body).prepend(j),j.mousedown(function(){e(document.body).children("div.jPicker.Container").css({zIndex:10}),j.css({zIndex:20})}),j.css({left:"left"===n.position.x?r.offset().left-530-("center"===n.position.y?25:0)+"px":"center"===n.position.x?r.offset().left-260+"px":"right"===n.position.x?r.offset().left-10+("center"===n.position.y?25:0)+"px":"screenCenter"===n.position.x?(e(document).width()>>1)-260+"px":r.offset().left+parseInt(n.position.x)+"px",position:"absolute",top:"top"===n.position.y?r.offset().top-312+"px":"center"===n.position.y?r.offset().top-156+"px":"bottom"===n.position.y?r.offset().top+25+"px":r.offset().top+parseInt(n.position.y)+"px"})):(j=e(s)).html(o);var c=j.find("tbody:first");D=c.find("div.Map:first"),F=c.find("div.Bar:first");var g=D.find("span"),v=F.find("span");U=g.filter(".Map1:first"),H=g.filter(".Map2:first"),z=g.filter(".Map3:first"),q=v.filter(".Map1:first"),W=v.filter(".Map2:first"),Y=v.filter(".Map3:first"),X=v.filter(".Map4:first"),K=v.filter(".Map5:first"),Q=v.filter(".Map6:first"),(Z=new t(D,{map:{width:L.colorMap.width,height:L.colorMap.height},arrow:{image:L.clientPath+L.colorMap.arrow.file,width:L.colorMap.arrow.width,height:L.colorMap.arrow.height}})).bind(h),(J=new t(F,{map:{width:L.colorBar.width,height:L.colorBar.height},arrow:{image:L.clientPath+L.colorBar.arrow.file,width:L.colorBar.arrow.width,height:L.colorBar.arrow.height}})).bind(p),ee=new function(t,n,a,r){var i=this,o=t.find("td.Text input");function s(e){if(""!==e.target.value||e.target===y.get(0)||(null==a||e.target===a.get(0))&&null!=a){if(!u(e))return e;switch(e.target){case p.get(0):switch(e.keyCode){case 38:return p.val(d.call(i,1+(p.val()<<0),0,255)),n.val("r",p.val(),e.target),!1;case 40:return p.val(d.call(i,(p.val()<<0)-1,0,255)),n.val("r",p.val(),e.target),!1}break;case g.get(0):switch(e.keyCode){case 38:return g.val(d.call(i,1+(g.val()<<0),0,255)),n.val("g",g.val(),e.target),!1;case 40:return g.val(d.call(i,(g.val()<<0)-1,0,255)),n.val("g",g.val(),e.target),!1}break;case f.get(0):switch(e.keyCode){case 38:return f.val(d.call(i,1+(f.val()<<0),0,255)),n.val("b",f.val(),e.target),!1;case 40:return f.val(d.call(i,(f.val()<<0)-1,0,255)),n.val("b",f.val(),e.target),!1}break;case v&&v.get(0):switch(e.keyCode){case 38:return v.val(d.call(i,parseFloat(v.val())+1,0,100)),n.val("a",Math.precision(255*v.val()/100,r),e.target),!1;case 40:return v.val(d.call(i,parseFloat(v.val())-1,0,100)),n.val("a",Math.precision(255*v.val()/100,r),e.target),!1}break;case m.get(0):switch(e.keyCode){case 38:return m.val(d.call(i,1+(m.val()<<0),0,360)),n.val("h",m.val(),e.target),!1;case 40:return m.val(d.call(i,(m.val()<<0)-1,0,360)),n.val("h",m.val(),e.target),!1}break;case _.get(0):switch(e.keyCode){case 38:return _.val(d.call(i,1+(_.val()<<0),0,100)),n.val("s",_.val(),e.target),!1;case 40:return _.val(d.call(i,(_.val()<<0)-1,0,100)),n.val("s",_.val(),e.target),!1}break;case b.get(0):switch(e.keyCode){case 38:return b.val(d.call(i,1+(b.val()<<0),0,100)),n.val("v",b.val(),e.target),!1;case 40:return b.val(d.call(i,(b.val()<<0)-1,0,100)),n.val("v",b.val(),e.target),!1}}}}function l(e){if(""!==e.target.value||e.target===y.get(0)||(null==a||e.target===a.get(0))&&null!=a){if(!u(e))return e;switch(e.target){case p.get(0):p.val(d.call(i,p.val(),0,255)),n.val("r",p.val(),e.target);break;case g.get(0):g.val(d.call(i,g.val(),0,255)),n.val("g",g.val(),e.target);break;case f.get(0):f.val(d.call(i,f.val(),0,255)),n.val("b",f.val(),e.target);break;case v&&v.get(0):v.val(d.call(i,v.val(),0,100)),n.val("a",Math.precision(255*v.val()/100,r),e.target);break;case m.get(0):m.val(d.call(i,m.val(),0,360)),n.val("h",m.val(),e.target);break;case _.get(0):_.val(d.call(i,_.val(),0,100)),n.val("s",_.val(),e.target);break;case b.get(0):b.val(d.call(i,b.val(),0,100)),n.val("v",b.val(),e.target);break;case y.get(0):y.val(y.val().replace(/[^a-fA-F0-9]/g,"").toLowerCase().substring(0,6)),a&&a.val(y.val()),n.val("hex",""!==y.val()?y.val():null,e.target);break;case a&&a.get(0):a.val(a.val().replace(/[^a-fA-F0-9]/g,"").toLowerCase().substring(0,6)),y.val(a.val()),n.val("hex",""!==a.val()?a.val():null,e.target);break;case x&&x.get(0):x.val(x.val().replace(/[^a-fA-F0-9]/g,"").toLowerCase().substring(0,2)),n.val("a",null!=x.val()?parseInt(x.val(),16):null,e.target)}}}function c(e){if(null!=n.val())switch(e.target){case p.get(0):p.val(n.val("r"));break;case g.get(0):g.val(n.val("g"));break;case f.get(0):f.val(n.val("b"));break;case v&&v.get(0):v.val(Math.precision(100*n.val("a")/255,r));break;case m.get(0):m.val(n.val("h"));break;case _.get(0):_.val(n.val("s"));break;case b.get(0):b.val(n.val("v"));break;case y.get(0):case a&&a.get(0):y.val(n.val("hex")),a&&a.val(n.val("hex"));break;case x&&x.get(0):x.val(n.val("ahex").substring(6))}}function u(e){switch(e.keyCode){case 9:case 16:case 29:case 37:case 39:return!1;case"c".charCodeAt():case"v".charCodeAt():if(e.ctrlKey)return!1}return!0}function d(e,t,n){return""===e||isNaN(e)?t:e>n?n:e<t?t:e}function h(e,t){var n=e.val("all");t!==p.get(0)&&p.val(null!=n?n.r:""),t!==g.get(0)&&g.val(null!=n?n.g:""),t!==f.get(0)&&f.val(null!=n?n.b:""),v&&t!==v.get(0)&&v.val(null!=n?Math.precision(100*n.a/255,r):""),t!==m.get(0)&&m.val(null!=n?n.h:""),t!==_.get(0)&&_.val(null!=n?n.s:""),t!==b.get(0)&&b.val(null!=n?n.v:""),t!==y.get(0)&&(a&&t!==a.get(0)||!a)&&y.val(null!=n?n.hex:""),a&&t!==a.get(0)&&t!==y.get(0)&&a.val(null!=n?n.hex:""),x&&t!==x.get(0)&&x.val(null!=n?n.ahex.substring(6):"")}var p=o.eq(3),g=o.eq(4),f=o.eq(5),v=o.length>7?o.eq(6):null,m=o.eq(0),_=o.eq(1),b=o.eq(2),y=o.eq(o.length>7?7:6),x=o.length>7?o.eq(8):null;e.extend(!0,i,{destroy:function(){p.add(g).add(f).add(v).add(m).add(_).add(b).add(y).add(a).add(x).unbind("keyup",l).unbind("blur",c),p.add(g).add(f).add(v).add(m).add(_).add(b).unbind("keydown",s),n.unbind(h),p=null,g=null,f=null,v=null,m=null,_=null,b=null,y=null,x=null}}),p.add(g).add(f).add(v).add(m).add(_).add(b).add(y).add(a).add(x).bind("keyup",l).bind("blur",c),p.add(g).add(f).add(v).add(m).add(_).add(b).bind("keydown",s),n.bind(h)}(c,M.active,n.expandable&&n.bindToInput?n.input:null,n.alphaPrecision);var _=null!=i?i.hex:null,A=c.find(".Preview"),E=c.find(".Button");if(te=A.find(".Active:first").css({backgroundColor:_&&"#"+_||"transparent"}),ne=A.find(".Current:first").css({backgroundColor:_&&"#"+_||"transparent"}).bind("click",y),m.call(s,ne,Math.precision(100*M.current.val("a"))/255,4),ae=E.find(".Ok:first").bind("click",C),re=E.find(".Cancel:first").bind("click",x),ie=E.find(".Grid:first"),setTimeout(function(){f.call(s,U,L.clientPath+"Maps.png"),f.call(s,H,L.clientPath+"Maps.png"),f.call(s,z,L.clientPath+"map-opacity.png"),f.call(s,q,L.clientPath+"Bars.png"),f.call(s,W,L.clientPath+"Bars.png"),f.call(s,Y,L.clientPath+"Bars.png"),f.call(s,X,L.clientPath+"Bars.png"),f.call(s,K,L.clientPath+"bar-opacity.png"),f.call(s,Q,L.clientPath+"AlphaBar.png"),f.call(s,A.find("div:first"),L.clientPath+"preview-opacity.png")},0),c.find("td.Radio input").bind("click",b),M.quickList&&M.quickList.length>0){for(var G="",N=0;N<M.quickList.length;N++){"string"===_typeof(M.quickList[N]).toString().toLowerCase()&&(M.quickList[N]=new a({hex:M.quickList[N]}));var R=M.quickList[N].val("a"),O=M.quickList[N].val("ahex");!n.alphaSupport&&O&&(O=O.substring(0,6)+"ff");var V=M.quickList[N].val("hex");O||(O="00000000"),G+='<span class="QuickColor"'+(O&&' title="#'+O+'"'||"none")+' style="background-color:'+(V&&"#"+V||"")+";"+(V?"":"background-image:url("+L.clientPath+"NoColor.png)")+(n.alphaSupport&&R&&R<255?";opacity:"+Math.precision(R/255,4)+";filter:Alpha(opacity="+Math.precision(R/2.55,4)+")":"")+'">&nbsp;</span>'}f.call(s,ie,L.clientPath+"bar-opacity.png"),ie.html(G),ie.find(".QuickColor").click(P)}u.call(s,l.color.mode),M.active.bind(d),"function"==typeof de&&M.active.bind(de),M.current.bind(w),n.expandable?(s.icon=r.parents(".Icon:first"),oe=s.icon.find(".Color:first").css({backgroundColor:_&&"#"+_||"transparent"}),se=s.icon.find(".Alpha:first"),f.call(s,se,L.clientPath+"bar-opacity.png"),m.call(s,se,Math.precision(100*(255-(null!=i?i.a:0))/255,4)),le=s.icon.find(".Image:first").css({backgroundImage:"url('"+L.clientPath+L.picker.file+"')"}).bind("click",S),n.bindToInput&&n.updateInputColor&&n.input.css({backgroundColor:_&&"#"+_||"transparent",color:null==i||i.v>75?"#000000":"#ffffff"}),ce=c.find(".Move:first").bind("mousedown",k),M.active.bind($)):T.call(s)}var L=l.images,I=l.localization,M={active:"string"===_typeof(l.color.active).toString().toLowerCase()?new a({ahex:!l.window.alphaSupport&&l.color.active?l.color.active.substring(0,6)+"ff":l.color.active}):new a({ahex:!l.window.alphaSupport&&l.color.active.val("ahex")?l.color.active.val("ahex").substring(0,6)+"ff":l.color.active.val("ahex")}),current:"string"===_typeof(l.color.active).toString().toLowerCase()?new a({ahex:!l.window.alphaSupport&&l.color.active?l.color.active.substring(0,6)+"ff":l.color.active}):new a({ahex:!l.window.alphaSupport&&l.color.active.val("ahex")?l.color.active.val("ahex").substring(0,6)+"ff":l.color.active.val("ahex")}),quickList:l.color.quickList},R=null,O=null,V=null,B=null,j=null,D=null,F=null,U=null,H=null,z=null,q=null,W=null,Y=null,X=null,K=null,Q=null,Z=null,J=null,ee=null,te=null,ne=null,ae=null,re=null,ie=null,oe=null,se=null,le=null,ce=null,ue="function"==typeof o[1]?o[1]:null,de="function"==typeof o[2]?o[2]:null,he="function"==typeof o[3]?o[3]:null;e.extend(!0,s,{commitCallback:ue,liveCallback:de,cancelCallback:he,color:M,show:T,hide:G,destroy:function(){j.find("td.Radio input").unbind("click",b),ne.unbind("click",y),re.unbind("click",x),ae.unbind("click",C),l.window.expandable&&(le.unbind("click",S),ce.unbind("mousedown",k),s.icon=null),j.find(".QuickColor").unbind("click",P),D=null,F=null,U=null,H=null,z=null,q=null,W=null,Y=null,X=null,K=null,Q=null,Z.destroy(),Z=null,J.destroy(),J=null,ee.destroy(),ee=null,te=null,ne=null,ae=null,re=null,ie=null,ue=null,he=null,de=null,j.html("");for(var e=0;e<r.length;e++)r[e]===s&&r.splice(e,1)}}),r.push(s),setTimeout(function(){N.call(s)},0)})},e.fn.jPicker.defaults={window:{title:null,effects:{type:"slide",speed:{show:"slow",hide:"fast"}},position:{x:"screenCenter",y:"top"},expandable:!1,liveUpdate:!0,alphaSupport:!1,alphaPrecision:0,updateInputColor:!0},color:{mode:"h",active:new a({ahex:"#ffcc00ff"}),quickList:[new a({h:360,s:33,v:100}),new a({h:360,s:66,v:100}),new a({h:360,s:100,v:100}),new a({h:360,s:100,v:75}),new a({h:360,s:100,v:50}),new a({h:180,s:0,v:100}),new a({h:30,s:33,v:100}),new a({h:30,s:66,v:100}),new a({h:30,s:100,v:100}),new a({h:30,s:100,v:75}),new a({h:30,s:100,v:50}),new a({h:180,s:0,v:90}),new a({h:60,s:33,v:100}),new a({h:60,s:66,v:100}),new a({h:60,s:100,v:100}),new a({h:60,s:100,v:75}),new a({h:60,s:100,v:50}),new a({h:180,s:0,v:80}),new a({h:90,s:33,v:100}),new a({h:90,s:66,v:100}),new a({h:90,s:100,v:100}),new a({h:90,s:100,v:75}),new a({h:90,s:100,v:50}),new a({h:180,s:0,v:70}),new a({h:120,s:33,v:100}),new a({h:120,s:66,v:100}),new a({h:120,s:100,v:100}),new a({h:120,s:100,v:75}),new a({h:120,s:100,v:50}),new a({h:180,s:0,v:60}),new a({h:150,s:33,v:100}),new a({h:150,s:66,v:100}),new a({h:150,s:100,v:100}),new a({h:150,s:100,v:75}),new a({h:150,s:100,v:50}),new a({h:180,s:0,v:50}),new a({h:180,s:33,v:100}),new a({h:180,s:66,v:100}),new a({h:180,s:100,v:100}),new a({h:180,s:100,v:75}),new a({h:180,s:100,v:50}),new a({h:180,s:0,v:40}),new a({h:210,s:33,v:100}),new a({h:210,s:66,v:100}),new a({h:210,s:100,v:100}),new a({h:210,s:100,v:75}),new a({h:210,s:100,v:50}),new a({h:180,s:0,v:30}),new a({h:240,s:33,v:100}),new a({h:240,s:66,v:100}),new a({h:240,s:100,v:100}),new a({h:240,s:100,v:75}),new a({h:240,s:100,v:50}),new a({h:180,s:0,v:20}),new a({h:270,s:33,v:100}),new a({h:270,s:66,v:100}),new a({h:270,s:100,v:100}),new a({h:270,s:100,v:75}),new a({h:270,s:100,v:50}),new a({h:180,s:0,v:10}),new a({h:300,s:33,v:100}),new a({h:300,s:66,v:100}),new a({h:300,s:100,v:100}),new a({h:300,s:100,v:75}),new a({h:300,s:100,v:50}),new a({h:180,s:0,v:0}),new a({h:330,s:33,v:100}),new a({h:330,s:66,v:100}),new a({h:330,s:100,v:100}),new a({h:330,s:100,v:75}),new a({h:330,s:100,v:50}),new a]},images:{clientPath:"/jPicker/images/",colorMap:{width:256,height:256,arrow:{file:"mappoint.gif",width:15,height:15}},colorBar:{width:20,height:256,arrow:{file:"rangearrows.gif",width:20,height:7}},picker:{file:"picker.gif",width:25,height:24}},localization:{text:{title:"Drag Markers To Pick A Color",newColor:"new",currentColor:"current",ok:"OK",cancel:"Cancel"},tooltips:{colors:{newColor:"New Color - Press &ldquo;OK&rdquo; To Commit",currentColor:"Click To Revert To Original Color"},buttons:{ok:"Commit To This Color Selection",cancel:"Cancel And Revert To Original Color"},hue:{radio:"Set To &ldquo;Hue&rdquo; Color Mode",textbox:"Enter A &ldquo;Hue&rdquo; Value (0-360&deg;)"},saturation:{radio:"Set To &ldquo;Saturation&rdquo; Color Mode",textbox:"Enter A &ldquo;Saturation&rdquo; Value (0-100%)"},value:{radio:"Set To &ldquo;Value&rdquo; Color Mode",textbox:"Enter A &ldquo;Value&rdquo; Value (0-100%)"},red:{radio:"Set To &ldquo;Red&rdquo; Color Mode",textbox:"Enter A &ldquo;Red&rdquo; Value (0-255)"},green:{radio:"Set To &ldquo;Green&rdquo; Color Mode",textbox:"Enter A &ldquo;Green&rdquo; Value (0-255)"},blue:{radio:"Set To &ldquo;Blue&rdquo; Color Mode",textbox:"Enter A &ldquo;Blue&rdquo; Value (0-255)"},alpha:{radio:"Set To &ldquo;Alpha&rdquo; Color Mode",textbox:"Enter A &ldquo;Alpha&rdquo; Value (0-100)"},hex:{textbox:"Enter A &ldquo;Hex&rdquo; Color Value (#000000-#ffffff)",alpha:"Enter A &ldquo;Alpha&rdquo; Value (#00-#ff)"}}}},e},$$a=jQuery,langParam=void 0,setStrings=function(e,t,n){var a=$$a("#svg_editor").parent();Object.entries(t).forEach(function(t){var r=slicedToArray(t,2),i=r[0],o=r[1];if(o||console.log(i),n&&(i="#"+i),a.find(i).length){var s=a.find(i)[0];switch(e){case"content":for(var l,c=0;l=s.childNodes[c];c++)if(3===l.nodeType&&l.textContent.trim()){l.textContent=o;break}break;case"title":s.title=o}}else console.log("Missing: "+i)})},editor_=void 0,init$7=function(e){editor_=e},readLang=function(){var e=asyncToGenerator(regeneratorRuntime.mark(function e(t){var n,a,r,i,o,s,l,c,u;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,editor_.addLangData(langParam);case 2:if(n=e.sent,$$a.each(n,function(e,n){n.data&&(t=$$a.merge(t,n.data))}),t.tools){e.next=6;break}return e.abrupt("return");case 6:return r=(a=t).tools,i=a.properties,o=a.config,s=a.layers,l=a.common,c=a.ui,setStrings("content",{curve_segments:i.curve_segments,fitToContent:r.fitToContent,fit_to_all:r.fit_to_all,fit_to_canvas:r.fit_to_canvas,fit_to_layer_content:r.fit_to_layer_content,fit_to_sel:r.fit_to_sel,icon_large:o.icon_large,icon_medium:o.icon_medium,icon_small:o.icon_small,icon_xlarge:o.icon_xlarge,image_opt_embed:o.image_opt_embed,image_opt_ref:o.image_opt_ref,includedImages:o.included_images,largest_object:r.largest_object,layersLabel:s.layers,page:r.page,relativeToLabel:r.relativeTo,selLayerLabel:s.move_elems_to,selectedPredefined:o.select_predefined,selected_objects:r.selected_objects,smallest_object:r.smallest_object,straight_segments:i.straight_segments,svginfo_bg_url:o.editor_img_url+":",svginfo_bg_note:o.editor_bg_note,svginfo_change_background:o.background,svginfo_dim:o.doc_dims,svginfo_editor_prefs:o.editor_prefs,svginfo_height:l.height,svginfo_icons:o.icon_size,svginfo_image_props:o.image_props,svginfo_lang:o.language,svginfo_title:o.doc_title,svginfo_width:l.width,tool_docprops_cancel:l.cancel,tool_docprops_save:l.ok,tool_source_cancel:l.cancel,tool_source_save:l.ok,tool_prefs_cancel:l.cancel,tool_prefs_save:l.ok,sidepanel_handle:s.layers.split("").join(" "),tool_clear:r.new_doc,tool_docprops:r.docprops,tool_export:r.export_img,tool_import:r.import_doc,tool_open:r.open_doc,tool_save:r.save_doc,svginfo_units_rulers:o.units_and_rulers,svginfo_rulers_onoff:o.show_rulers,svginfo_unit:o.base_unit,svginfo_grid_settings:o.grid,svginfo_snap_onoff:o.snapping_onoff,svginfo_snap_step:o.snapping_stepsize,svginfo_grid_color:o.grid_color},!0),u={},$$a.each(["cut","copy","paste","paste_in_place","delete","group","ungroup","move_front","move_up","move_down","move_back"],function(){u['#cmenu_canvas a[href="#'+this+'"]']=r[this]}),$$a.each(["dupe","merge_down","merge_all"],function(){u['#cmenu_layers a[href="#'+this+'"]']=s[this]}),u['#cmenu_layers a[href="#delete"]']=s.del,setStrings("content",u),setStrings("title",{align_relative_to:r.align_relative_to,circle_cx:i.circle_cx,circle_cy:i.circle_cy,circle_r:i.circle_r,cornerRadiusLabel:i.corner_radius,ellipse_cx:i.ellipse_cx,ellipse_cy:i.ellipse_cy,ellipse_rx:i.ellipse_rx,ellipse_ry:i.ellipse_ry,fill_color:i.fill_color,font_family:i.font_family,idLabel:i.id,image_height:i.image_height,image_url:i.image_url,image_width:i.image_width,layer_delete:s.del,layer_down:s.move_down,layer_new:s.new,layer_rename:s.rename,layer_moreopts:l.more_opts,layer_up:s.move_up,line_x1:i.line_x1,line_x2:i.line_x2,line_y1:i.line_y1,line_y2:i.line_y2,linecap_butt:i.linecap_butt,linecap_round:i.linecap_round,linecap_square:i.linecap_square,linejoin_bevel:i.linejoin_bevel,linejoin_miter:i.linejoin_miter,linejoin_round:i.linejoin_round,main_icon:r.main_menu,palette:c.palette_info,zoom_panel:c.zoom_level,path_node_x:i.node_x,path_node_y:i.node_y,rect_height_tool:i.rect_height,rect_width_tool:i.rect_width,seg_type:i.seg_type,selLayerNames:s.move_selected,selected_x:i.pos_x,selected_y:i.pos_y,stroke_color:i.stroke_color,stroke_style:i.stroke_style,stroke_width:i.stroke_width,svginfo_title:o.doc_title,text:i.text_contents,toggle_stroke_tools:c.toggle_stroke_tools,tool_add_subpath:r.add_subpath,tool_alignbottom:r.align_bottom,tool_aligncenter:r.align_center,tool_alignleft:r.align_left,tool_alignmiddle:r.align_middle,tool_alignright:r.align_right,tool_aligntop:r.align_top,tool_angle:i.angle,tool_blur:i.blur,tool_bold:i.bold,tool_circle:r.mode_circle,tool_clone:r.clone,tool_clone_multi:r.clone,tool_delete:r.del,tool_delete_multi:r.del,tool_ellipse:r.mode_ellipse,tool_fhellipse:r.mode_fhellipse,tool_fhpath:r.mode_fhpath,tool_fhrect:r.mode_fhrect,tool_font_size:i.font_size,tool_group_elements:r.group_elements,tool_make_link:r.make_link,tool_link_url:r.set_link_url,tool_image:r.mode_image,tool_italic:i.italic,tool_line:r.mode_line,tool_move_bottom:r.move_bottom,tool_move_top:r.move_top,tool_node_clone:r.node_clone,tool_node_delete:r.node_delete,tool_node_link:r.node_link,tool_opacity:i.opacity,tool_openclose_path:r.openclose_path,tool_path:r.mode_path,tool_position:r.align_to_page,tool_rect:r.mode_rect,tool_redo:r.redo,tool_reorient:r.reorient_path,tool_select:r.mode_select,tool_source:r.source_save,tool_square:r.mode_square,tool_text:r.mode_text,tool_topath:r.to_path,tool_undo:r.undo,tool_ungroup:r.ungroup,tool_wireframe:r.wireframe_mode,tool_zoom:r.mode_zoom,url_notice:r.no_embed},!0),e.abrupt("return",{langParam:langParam,langData:t});case 15:case"end":return e.stop()}},e,this)}));return function(t){return e.apply(this,arguments)}}(),putLocale=function(){var e=asyncToGenerator(regeneratorRuntime.mark(function e(t,n,a){var r;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t?langParam=t:((langParam=$$a.pref("lang"))||(navigator.userLanguage?langParam=navigator.userLanguage:navigator.language&&(langParam=navigator.language)),console.log("Lang: "+langParam),n.includes(langParam)||"test"===langParam||(langParam="en")),r=a.langPath+"lang."+langParam+".js",e.t0=readLang,e.next=5,importSetGlobalDefault(r,{global:"svgEditorLang_"+langParam.replace(/-/g,"_")});case 5:return e.t1=e.sent,e.abrupt("return",(0,e.t0)(e.t1));case 7:case"end":return e.stop()}},e,this)}));return function(t,n,a){return e.apply(this,arguments)}}();function loadStylesheets(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.before,a=t.after,r=t.favicon,i=t.canvas,o=t.image,s=void 0===o||o,l=t.acceptErrors;return e=Array.isArray(e)?e:[e],Promise.all(e.map(function(e){var t={};if(Array.isArray(e)){var o=slicedToArray(e,2);e=o[0];var c=o[1];t=void 0===c?{}:c}var u=t.favicon,d=void 0===u?r:u,h=t,p=h.before,g=void 0===p?n:p,f=h.after,v=void 0===f?a:f,m=h.canvas,_=void 0===m?i:m,b=h.image,y=void 0===b?s:b;function x(){g?g.before(C):v?v.after(C):document.head.appendChild(C)}var C=document.createElement("link");return new Promise(function(n,a){var r=a;if(l&&(r="function"==typeof l?function(r){l({error:r,stylesheetURL:e,options:t,resolve:n,reject:a})}:n),e.endsWith(".css")?d=!1:e.endsWith(".ico")&&(d=!0),d){if(C.rel="shortcut icon",C.type="image/x-icon",!1===y)return C.href=e,x(),void n(C);var i=document.createElement("canvas");i.width=16,i.height=16;var o=i.getContext("2d"),s=document.createElement("img");return s.addEventListener("error",function(e){a(e)}),s.addEventListener("load",function(){o.drawImage(s,0,0),C.href=_?i.toDataURL("image/x-icon"):e,x(),n(C)}),void(s.src=e)}C.rel="stylesheet",C.type="text/css",C.href=e,x(),C.addEventListener("error",function(e){r(e)}),C.addEventListener("load",function(){n(C)})})}))}var editor={},$$b=[jqPluginJSHotkeys,jqPluginBBQ,jqPluginSVGIcons,jqPluginJGraduate,jqPluginSpinBtn,jqPluginSVG,jQueryContextMenu,jPicker].reduce(function(e,t){return t(e)},jQuery),stylesheet="svg-editor.css";$$b.loadingStylesheets.includes(stylesheet)||$$b.loadingStylesheets.push(stylesheet);var favicon="images/logo.png";$$b.loadingStylesheets.some(function(e){return!Array.isArray(e)||e[0]!==favicon})&&$$b.loadingStylesheets.push([favicon,{favicon:!0}]),editor.tool_scale=1,editor.exportWindowCt=0,editor.langChanged=!1,editor.showSaveWarning=!1,editor.storagePromptClosed=!1;var callbacks=[],defaultPrefs={lang:"",iconsize:"",bkgd_color:"#FFF",bkgd_url:"",img_save:"embed",save_notice_done:!1,export_notice_done:!1},defaultExtensions=["ext-connector.js","ext-eyedropper.js","ext-grid.js","ext-imagelib.js","ext-markers.js","ext-overview_window.js","ext-panning.js","ext-polygon.js","ext-shapes.js","ext-star.js","ext-storage.js"],defaultConfig={canvasName:"default",canvas_expansion:3,initFill:{color:"FF0000",opacity:1},initStroke:{width:5,color:"000000",opacity:1},text:{stroke_width:0,font_size:24,font_family:"serif"},initOpacity:1,colorPickerCSS:null,initTool:"select",exportWindowType:"new",wireframe:!1,showlayers:!1,no_save_warning:!1,imgPath:"images/",langPath:"locale/",extPath:"extensions/",canvgPath:"canvg/",jspdfPath:"jspdf/",extIconsPath:"extensions/",jGraduatePath:"jgraduate/images/",dimensions:[640,480],gridSnapping:!1,gridColor:"#000",baseUnit:"px",snappingStep:10,showRulers:!0,preventAllURLConfig:!1,preventURLContentLoading:!1,lockExtensions:!1,noDefaultExtensions:!1,showGrid:!1,noStorageOnLoad:!1,forceStorage:!1,emptyStorageOnDecline:!1},uiStrings$1=editor.uiStrings={},svgCanvas=void 0,urldata=void 0,isReady=!1,customExportImage=!1,customExportPDF=!1,curPrefs={},curConfig={extensions:[],stylesheets:[],allowedOrigins:[]};function loadSvgString(e,t){var n=!1!==svgCanvas.setSvgString(e);t=t||$$b.noop,n?t(!0):$$b.alert(uiStrings$1.notification.errorLoadingSVG,function(){t(!1)})}function getImportLocale(e){var t=e.defaultLang,n=e.defaultName;return function(){var e=asyncToGenerator(regeneratorRuntime.mark(function e(){var a,r=(a=asyncToGenerator(regeneratorRuntime.mark(function e(t){var n;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=curConfig.extPath+"ext-locale/"+s+"/"+t+".js",e.abrupt("return",importSetGlobalDefault(n,{global:"svgEditorExtensionLocale_"+s+"_"+t}));case 2:case"end":return e.stop()}},e,this)})),function(e){return a.apply(this,arguments)}),i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=i.name,s=void 0===o?n:o,l=i.lang,c=void 0===l?t:l;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.abrupt("return",r(c));case 4:return e.prev=4,e.t0=e.catch(0),e.abrupt("return",r("en"));case 7:case"end":return e.stop()}},e,this,[[0,4]])}));return function(){return e.apply(this,arguments)}}()}$$b.pref=function(e,t){return t?(curPrefs[e]=t,void(editor.curPrefs=curPrefs)):e in curPrefs?curPrefs[e]:defaultPrefs[e]},editor.putLocale=putLocale,editor.readLang=readLang,editor.setStrings=setStrings,editor.loadContentAndPrefs=function(){if(curConfig.forceStorage||!curConfig.noStorageOnLoad&&document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/)){if(editor.storage&&(curConfig.forceStorage||!curConfig.noStorageOnLoad&&document.cookie.match(/(?:^|;\s*)store=prefsAndContent/))){var e="svgedit-"+curConfig.canvasName,t=editor.storage.getItem(e);t&&editor.loadFromString(t)}for(var n in defaultPrefs)if(defaultPrefs.hasOwnProperty(n)){var a="svg-edit-"+n;if(editor.storage){var r=editor.storage.getItem(a);r&&(defaultPrefs[n]=String(r))}else if(window.widget)defaultPrefs[n]=window.widget.preferenceForKey(a);else{var i=document.cookie.match(new RegExp("(?:^|;\\s*)"+regexEscape(encodeURIComponent(a))+"=([^;]+)"));defaultPrefs[n]=i?decodeURIComponent(i[1]):""}}}},editor.setConfig=function(e,t){function n(e,t,n){e[t]&&"object"===_typeof(e[t])?$$b.extend(!0,e[t],n):e[t]=n}t=t||{},$$b.each(e,function(a,r){if(e.hasOwnProperty(a))if(defaultPrefs.hasOwnProperty(a)){if(!1===t.overwrite&&(curConfig.preventAllURLConfig||curPrefs.hasOwnProperty(a)))return;!0===t.allowInitialUserOverride?defaultPrefs[a]=r:$$b.pref(a,r)}else if(["extensions","stylesheets","allowedOrigins"].includes(a)){if(!1===t.overwrite&&(curConfig.preventAllURLConfig||["allowedOrigins","stylesheets"].includes(a)||"extensions"===a&&curConfig.lockExtensions))return;curConfig[a]=curConfig[a].concat(r)}else if(defaultConfig.hasOwnProperty(a)){if(!1===t.overwrite&&(curConfig.preventAllURLConfig||curConfig.hasOwnProperty(a)))return;if(curConfig.hasOwnProperty(a)){if(!1===t.overwrite)return;n(curConfig,a,r)}else!0===t.allowInitialUserOverride?n(defaultConfig,a,r):defaultConfig[a]&&"object"===_typeof(defaultConfig[a])?(curConfig[a]={},$$b.extend(!0,curConfig[a],r)):curConfig[a]=r}}),editor.curConfig=curConfig},editor.setCustomHandlers=function(e){editor.ready(function(){e.open&&($$b('#tool_open > input[type="file"]').remove(),$$b("#tool_open").show(),svgCanvas.open=e.open),e.save&&(editor.showSaveWarning=!1,svgCanvas.bind("saved",e.save)),e.exportImage&&(customExportImage=e.exportImage,svgCanvas.bind("exported",customExportImage)),e.exportPDF&&(customExportPDF=e.exportPDF,svgCanvas.bind("exportedPDF",customExportPDF))})},editor.randomizeIds=function(e){return svgCanvas.randomizeIds(e)},editor.init=function(){!("svgEditor"in window&&window.svgEditor&&!1===window.svgEditor.modules)||Object.assign(defaultConfig,{langPath:"../dist/locale/",extPath:"../dist/extensions/",canvgPath:"../dist/",jspdfPath:"../dist/"});try{"localStorage"in window&&(editor.storage=localStorage)}catch(e){}var e=[];function t(){(curConfig=$$b.extend(!0,{},defaultConfig,curConfig)).noDefaultExtensions||(curConfig.extensions=curConfig.extensions.concat(defaultExtensions)),["extensions","stylesheets","allowedOrigins"].forEach(function(e){curConfig[e]=$$b.grep(curConfig[e],function(t,n){return n===curConfig[e].indexOf(t)})}),editor.curConfig=curConfig}$$b("#lang_select option").each(function(){e.push(this.value)}),function(){var e=void 0,n=void 0;if(urldata=$$b.deparam.querystring(!0),$$b.isEmptyObject(urldata))t(),editor.loadContentAndPrefs();else{if(urldata.dimensions&&(urldata.dimensions=urldata.dimensions.split(",")),urldata.bkgd_color&&(urldata.bkgd_color="#"+urldata.bkgd_color),urldata.extensions&&(urldata.extensions=urldata.extensions.match(/[:/\\]/)?"":urldata.extensions.split(",")),["extPath","imgPath","extIconsPath","canvgPath","langPath","jGraduatePath","jspdfPath"].forEach(function(e){urldata[e]&&delete urldata[e]}),editor.setConfig(urldata,{overwrite:!1}),t(),!curConfig.preventURLContentLoading){if(e=urldata.source,n=$$b.param.querystring(),e||n.includes("source=data:")&&(e=n.match(/source=(data:[^&]*)/)[1]),e)return void(e.startsWith("data:")?editor.loadFromDataURI(e):editor.loadFromString(e));if(urldata.url)return void editor.loadFromURL(urldata.url)}urldata.noStorageOnLoad&&!curConfig.forceStorage||editor.loadContentAndPrefs()}curPrefs=$$b.extend(!0,{},defaultPrefs,curPrefs),editor.curPrefs=curPrefs}();var n,a=editor.setIcon=function(e,t,n){var a="string"==typeof t?$$b.getSvgIcon(t,!0):t.clone();a?$$b(e).empty().append(a):console.log("NOTE: Icon image missing: "+t)},r=(n=asyncToGenerator(regeneratorRuntime.mark(function t(){var n,a,r,i=this;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,editor.putLocale(null,e,curConfig);case 2:return n=t.sent,a=n.langParam,r=n.langData,Zt(a,r),t.prev=6,t.next=9,Promise.all(curConfig.extensions.map(function(){var e=asyncToGenerator(regeneratorRuntime.mark(function e(t){var n,r,o,s,l,c,u;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t.match(/^ext-(.+)\.js/)){e.next=3;break}return e.abrupt("return");case 3:return r=curConfig.extPath+t,e.prev=4,e.next=7,importSetGlobalDefault(r,{global:"svgEditorExtension_"+n[1].replace(/-/g,"_")});case 7:return o=e.sent,s=o.name,l=void 0===s?n[1]:s,c=o.init,u=getImportLocale({defaultLang:a,defaultName:l}),e.abrupt("return",editor.addExtension(l,c&&c.bind(editor),u));case 13:e.prev=13,e.t0=e.catch(4),console.log(e.t0),console.error("Extension failed to load: "+t+"; "+e.t0);case 17:case"end":return e.stop()}},e,i,[[4,13]])}));return function(t){return e.apply(this,arguments)}}()));case 9:svgCanvas.bind("extensions_added",function(e,t){extensionsAdded=!0,qt.setAll(),$$b(".flyout_arrow_horiz:empty").each(function(){$$b(this).append($$b.getSvgIcon("arrow_right",!0).width(5).height(5))}),messageQueue.forEach(function(e){svgCanvas.call("message",e)})}),svgCanvas.call("extensions_added"),t.next=16;break;case 13:t.prev=13,t.t0=t.catch(6),console.log(t.t0);case 16:case"end":return t.stop()}},t,this,[[6,13]])})),function(){return n.apply(this,arguments)}),i={tool_scale:editor.tool_scale},o=function(){$$b(".tools_flyout").each(function(){var e=$$b("#"+this.id+"_show"),t=e.offset(),n=t.left,a=t.top,r=e.outerWidth();$$b(this).css({left:(n+r)*editor.tool_scale,top:a})})},s=function(){var e=/^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/,t=document.getElementsByTagName("script")[0];for(var n in t.style)if(e.test(n))return n.match(e)[0];return"WebkitOpacity"in t.style?"Webkit":"KhtmlOpacity"in t.style?"Khtml":""}(),l=editor.setIconSize=function(e){var t="#tools_top .toolset, #editor_panel > *, #history_panel > *,        #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,        #g_panel > *, #tool_font_size > *, .tools_flyout",n=$$b(t),a=1;if("number"==typeof e)a=e;else{a={s:.75,m:1,l:1.25,xl:1.5}[e]}i.tool_scale=editor.tool_scale=a,o();var r=n.parents(":hidden");r.css("visibility","hidden").show(),function(e,t){var n=["top","left","bottom","right"];e.each(function(){for(var e=$$b(this),a=e.outerWidth()*(t-1),r=e.outerHeight()*(t-1),i=0;i<4;i++){var o=n[i],s=e.data("orig_margin-"+o);null==s&&(s=parseInt(e.css("margin-"+o),10),e.data("orig_margin-"+o,s));var l=s*t;"right"===o?l+=a:"bottom"===o&&(l+=r),e.css("margin-"+o,l)}})}(n,a),r.css("visibility","visible").hide(),$$b.pref("iconsize",e),$$b("#iconsize").val(e);var l={"#tools_top":{left:50+$$b("#main_button").width(),height:72},"#tools_left":{width:31,top:74},"div#workarea":{left:38,top:74}},c=$$b("#tool_size_rules");if(c.length?c.empty():c=$$b('<style id="tool_size_rules"></style>').appendTo("head"),"m"!==e){var u="";$$b.each(l,function(t,n){t="#svg_editor "+t.replace(/,/g,", #svg_editor"),u+=t+"{",$$b.each(n,function(t,n){var r=void 0;"number"==typeof n?r=n*a+"px":(n[e]||n.all)&&(r=n[e]||n.all),u+=t+":"+r+";"}),u+="}"});var d="-"+s.toLowerCase()+"-";u+=t+"{"+d+"transform: scale("+a+");} #svg_editor div.toolset .toolset {"+d+"transform: scale(1); margin: 1px !important;} #svg_editor .ui-slider {"+d+"transform: scale("+1/a+");}",c.text(u)}o()};$$b.svgIcons(curConfig.imgPath+"svg_edit_icons.svg",{w:24,h:24,id_match:!1,no_img:!isWebkit(),fallback_path:curConfig.imgPath,fallback:{logo:"logo.png",select:"select.png",select_node:"select_node.png",square:"square.png",rect:"rect.png",fh_rect:"freehand-square.png",circle:"circle.png",ellipse:"ellipse.png",fh_ellipse:"freehand-circle.png",pencil:"fhpath.png",pen:"line.png",text:"text.png",path:"path.png",add_subpath:"add_subpath.png",close_path:"closepath.png",open_path:"openpath.png",image:"image.png",zoom:"zoom.png",arrow_right:"flyouth.png",arrow_right_big:"arrow_right_big.png",arrow_down:"dropdown.gif",fill:"fill.png",stroke:"stroke.png",opacity:"opacity.png",new_image:"clear.png",save:"save.png",export:"export.png",open:"open.png",import:"import.png",docprops:"document-properties.png",source:"source.png",wireframe:"wireframe.png",undo:"undo.png",redo:"redo.png",clone:"clone.png",delete:"delete.png",go_up:"go-up.png",go_down:"go-down.png",context_menu:"context_menu.png",move_bottom:"move_bottom.png",move_top:"move_top.png",to_path:"to_path.png",link_controls:"link_controls.png",reorient:"reorient.png",group_elements:"shape_group_elements.png",ungroup:"shape_ungroup.png",unlink_use:"unlink_use.png",width:"width.png",height:"height.png",c_radius:"c_radius.png",angle:"angle.png",blur:"blur.png",fontsize:"fontsize.png",align:"align.png",align_left:"align-left.png",align_center:"align-center.png",align_right:"align-right.png",align_top:"align-top.png",align_middle:"align-middle.png",align_bottom:"align-bottom.png",linecap_butt:"linecap_butt.png",linecap_square:"linecap_square.png",linecap_round:"linecap_round.png",linejoin_miter:"linejoin_miter.png",linejoin_bevel:"linejoin_bevel.png",linejoin_round:"linejoin_round.png",eye:"eye.png",no_color:"no_color.png",ok:"save.png",cancel:"cancel.png",warning:"warning.png",node_delete:"node_delete.png",node_clone:"node_clone.png",globe_link:"globe_link.png"},placement:{"#logo":"logo","#tool_clear div,#layer_new":"new_image","#tool_save div":"save","#tool_export div":"export","#tool_open div div":"open","#tool_import div div":"import","#tool_source":"source","#tool_docprops > div":"docprops","#tool_wireframe":"wireframe","#tool_undo":"undo","#tool_redo":"redo","#tool_select":"select","#tool_fhpath":"pencil","#tool_line":"pen","#tool_rect,#tools_rect_show":"rect","#tool_square":"square","#tool_fhrect":"fh_rect","#tool_ellipse,#tools_ellipse_show":"ellipse","#tool_circle":"circle","#tool_fhellipse":"fh_ellipse","#tool_path":"path","#tool_text,#layer_rename":"text","#tool_image":"image","#tool_zoom":"zoom","#tool_clone,#tool_clone_multi":"clone","#tool_node_clone":"node_clone","#layer_delete,#tool_delete,#tool_delete_multi":"delete","#tool_node_delete":"node_delete","#tool_add_subpath":"add_subpath","#tool_openclose_path":"open_path","#tool_move_top":"move_top","#tool_move_bottom":"move_bottom","#tool_topath":"to_path","#tool_node_link":"link_controls","#tool_reorient":"reorient","#tool_group_elements":"group_elements","#tool_ungroup":"ungroup","#tool_unlink_use":"unlink_use","#tool_alignleft, #tool_posleft":"align_left","#tool_aligncenter, #tool_poscenter":"align_center","#tool_alignright, #tool_posright":"align_right","#tool_aligntop, #tool_postop":"align_top","#tool_alignmiddle, #tool_posmiddle":"align_middle","#tool_alignbottom, #tool_posbottom":"align_bottom","#cur_position":"align","#linecap_butt,#cur_linecap":"linecap_butt","#linecap_round":"linecap_round","#linecap_square":"linecap_square","#linejoin_miter,#cur_linejoin":"linejoin_miter","#linejoin_round":"linejoin_round","#linejoin_bevel":"linejoin_bevel","#url_notice":"warning","#layer_up":"go_up","#layer_down":"go_down","#layer_moreopts":"context_menu","#layerlist td.layervis":"eye","#tool_source_save,#tool_docprops_save,#tool_prefs_save":"ok","#tool_source_cancel,#tool_docprops_cancel,#tool_prefs_cancel":"cancel","#rwidthLabel, #iwidthLabel":"width","#rheightLabel, #iheightLabel":"height","#cornerRadiusLabel span":"c_radius","#angleLabel":"angle","#linkLabel,#tool_make_link,#tool_make_link_multi":"globe_link","#zoomLabel":"zoom","#tool_fill label":"fill","#tool_stroke .icon_label":"stroke","#group_opacityLabel":"opacity","#blurLabel":"blur","#font_sizeLabel":"fontsize",".flyout_arrow_horiz":"arrow_right",".dropdown button, #main_button .dropdown":"arrow_down","#palette .palette_item:first, #fill_bg, #stroke_bg":"no_color"},resize:{"#logo .svg_icon":28,".flyout_arrow_horiz .svg_icon":5,".layer_button .svg_icon, #layerlist td.layervis .svg_icon":14,".dropdown button .svg_icon":7,"#main_button .dropdown .svg_icon":9,".palette_item:first .svg_icon":15,"#fill_bg .svg_icon, #stroke_bg .svg_icon":16,".toolbar_button button .svg_icon":16,".stroke_tool div div .svg_icon":20,"#tools_bottom label .svg_icon":18},callback:function(e){$$b(".toolbar_button button > svg, .toolbar_button button > img").each(function(){$$b(this).parent().prepend(this)});var t=$$b("#tools_left"),n=void 0;t.length&&(n=t.offset().top+t.outerHeight());var a=$$b.pref("iconsize");function r(e){switch(e){case"jgraduate/css/jPicker.css":return 1;case"jgraduate/css/jGraduate.css":return 2;case"svg-editor.css":return 3;case"spinbtn/jQuery.SpinButton.css":return 4;default:return 1/0}}editor.setIconSize(a||($$b(window).height()<n?"s":"m")),$$b(".tools_flyout").each(function(){var e=$$b("#"+this.id+"_show"),t=e.attr("data-curopt");if(!e.children("svg, img").length){var n=$$b(t).children().clone();n.length&&(n[0].removeAttribute("style"),e.append(n))}});var i=$$b.loadingStylesheets.sort(function(e,t){var n=r(e),a=r(t);return n===a?0:n>a});if(curConfig.stylesheets.length){var o,s=(i=[].concat(toConsumableArray(new Set(curConfig.stylesheets)))).indexOf("@default");if(s>-1)(o=i).splice.apply(o,[s,1].concat(toConsumableArray($$b.loadingStylesheets)))}loadStylesheets(i,{acceptErrors:function(e){var t=e.stylesheetURL,n=e.reject,a=e.resolve;$$b.loadingStylesheets.includes(t)?n(new Error("Missing expected stylesheet: "+t)):a()}}).then(function(){$$b("#svg_container")[0].style.visibility="visible",editor.runCallbacks()})}}),editor.canvas=svgCanvas=new SvgCanvas(document.getElementById("svgcanvas"),curConfig);var c=isMac()?"meta+":"ctrl+",u=svgCanvas.pathActions,d=svgCanvas.undoMgr,h=$$b("#workarea"),p=$$b("#cmenu_canvas"),g={fill:null,stroke:null},f=void 0,v=void 0,m=null,_=curConfig.imgPath+"logo.png",b="crosshair",y="crosshair",x="toolbars";!function(){var e=window.opener||window.parent;if(e)try{var t=new e.CustomEvent("svgEditorReady",{bubbles:!0,cancelable:!0});e.document.documentElement.dispatchEvent(t)}catch(e){}}(),function(){$$b("#dialog_container").draggable({cancel:"#dialog_content, #dialog_buttons *",containment:"window"}).css("position","absolute");var e=$$b("#dialog_box"),t=$$b("#dialog_buttons"),n=$$b("#dialog_content"),a=function(a,r,i,o,s,l,c){n.html("<p>"+r.replace(/\n/g,"</p><p>")+"</p>").toggleClass("prompt","prompt"===a),t.empty();var u=$$b('<input type="button" value="'+uiStrings$1.common.ok+'">').appendTo(t);"alert"!==a&&$$b('<input type="button" value="'+uiStrings$1.common.cancel+'">').appendTo(t).click(function(){e.hide(),i&&i(!1)});var d=void 0,h=void 0;if("prompt"===a)(d=$$b('<input type="text">').prependTo(t)).val(o||""),d.bind("keydown","return",function(){u.click()});else if("select"===a){var p=$$b('<div style="text-align:center;">');if(d=$$b("<select>").appendTo(p),c){var g=$$b("<label>").text(c.label);(h=$$b('<input type="checkbox">').appendTo(g)).val(c.value),c.tooltip&&g.attr("title",c.tooltip),h.prop("checked",!!c.checked),p.append($$b("<div>").append(g))}$$b.each(s||[],function(e,t){"object"===(void 0===t?"undefined":_typeof(t))?d.append($$b("<option>").val(t.value).html(t.text)):d.append($$b("<option>").html(t))}),n.append(p),o&&d.val(o),l&&d.bind("change","return",l),d.bind("keydown","return",function(){u.click()})}else"process"===a&&u.hide();e.show(),u.click(function(){e.hide();var t="prompt"!==a&&"select"!==a||d.val();i&&(h?i(t,h.prop("checked")):i(t))}).focus(),"prompt"!==a&&"select"!==a||d.focus()};$$b.alert=function(e,t){a("alert",e,t)},$$b.confirm=function(e,t){a("confirm",e,t)},$$b.process_cancel=function(e,t){a("process",e,t)},$$b.prompt=function(e,t,n){a("prompt",e,n,t)},$$b.select=function(e,t,n,r,i,o){a("select",e,n,i,t,r,o)}}();for(var C=function(){var e=$$b(".tool_button_current");e.length&&"tool_select"!==e[0].id&&(e.removeClass("tool_button_current").addClass("tool_button"),$$b("#tool_select").addClass("tool_button_current").removeClass("tool_button"),$$b("#styleoverrides").text("#svgcanvas svg *{cursor:move;pointer-events:all} #svgcanvas svg{cursor:default}")),svgCanvas.setMode("select"),h.css("cursor","auto")},S=$$b("title:first").text(),w=[],$=.1;$<1e5;$*=10)w.push($),w.push(2*$),w.push(5*$);var k=function(e){var t=void 0,n=[],a=svgCanvas.getCurrentDrawing().getNumLayers();for(t=0;t<a;t++)n[t]=svgCanvas.getCurrentDrawing().getLayerName(t);if(e)for(t=0;t<a;++t)n[t]!==e&&svgCanvas.getCurrentDrawing().setLayerOpacity(n[t],.5);else for(t=0;t<a;++t)svgCanvas.getCurrentDrawing().setLayerOpacity(n[t],1)},A=function(){svgCanvas.clearSelection();for(var e=$$b("#layerlist tbody").empty(),t=$$b("#selLayerNames").empty(),n=svgCanvas.getCurrentDrawing(),a=n.getCurrentLayerName(),r=$$b.getSvgIcon("eye"),i=svgCanvas.getCurrentDrawing().getNumLayers();i--;){var o=n.getLayerName(i),s=$$b('<tr class="layer">').toggleClass("layersel",o===a),l=$$b('<td class="layervis">').toggleClass("layerinvis",!n.getLayerVisibility(o)),c=$$b('<td class="layername">'+o+"</td>");e.append(s.append(l,c)),t.append('<option value="'+o+'">'+o+"</option>")}if(void 0!==r){var u=r.clone();$$b("td.layervis",e).append(u),$$b.resizeSvgIcons({"td.layervis .svg_icon":14})}$$b("#layerlist td.layername").mouseup(function(e){$$b("#layerlist tr.layer").removeClass("layersel"),$$b(this.parentNode).addClass("layersel"),svgCanvas.setCurrentLayer(this.textContent),e.preventDefault()}).mouseover(function(){k(this.textContent)}).mouseout(function(){k()}),$$b("#layerlist td.layervis").click(function(){var e=$$b(this.parentNode).prevAll().length,t=$$b("#layerlist tr.layer:eq("+e+") td.layername").text(),n=$$b(this).hasClass("layerinvis");svgCanvas.setLayerVisibility(t,n),$$b(this).toggleClass("layerinvis")});for(var d=5-$$b("#layerlist tr.layer").size();d-- >0;)e.append('<tr><td style="color:white">_</td><td/></tr>')},E=!1,P="",T=function(e,t){E||(E=!0,P=svgCanvas.getSvgString(),$$b("#save_output_btns").toggle(!!t),$$b("#tool_source_back").toggle(!t),$$b("#svg_source_textarea").val(P),$$b("#svg_source_editor").fadeIn(),$$b("#svg_source_textarea").focus())},G=null,N=!1,L=function(){window.opera&&$$b("<p/>").hide().appendTo("body").remove()};function I(e,t){var n=e.id,r=n.split("_"),i=r[0],o=r[1];t&&svgCanvas.setStrokeAttr("stroke-"+i,o),L(),a("#cur_"+i,n,20),$$b(e).addClass("current").siblings().removeClass("current")}var M=editor.toolButtonClick=function(e,t){if($$b(e).hasClass("disabled"))return!1;if($$b(e).parent().hasClass("tools_flyout"))return!0;return t||$$b(".tools_flyout").fadeOut("normal"),$$b("#styleoverrides").text(""),h.css("cursor","auto"),$$b(".tool_button_current").removeClass("tool_button_current").addClass("tool_button"),$$b(e).addClass("tool_button_current").removeClass("tool_button"),!0},R=editor.clickSelect=function(){M("#tool_select")&&(svgCanvas.setMode("select"),$$b("#styleoverrides").text("#svgcanvas svg *{cursor:move;pointer-events:all}, #svgcanvas svg{cursor:default}"))},O=editor.setImageURL=function(e){e||(e=_),svgCanvas.setImageURL(e),$$b("#image_url").val(e),e.startsWith("data:")?($$b("#image_url").hide(),$$b("#change_image_url").show()):(svgCanvas.embedImage(e,function(t){$$b("#url_notice").toggle(!t),_=e}),$$b("#image_url").show(),$$b("#change_image_url").hide())};function V(e,t){$$b.pref("bkgd_color",e),$$b.pref("bkgd_url",t),svgCanvas.setBackground(e,t)}function B(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).cancelDeletes,t=void 0!==e&&e,n=svgCanvas.getHref(G);n=n.startsWith("data:")?"":n,$$b.prompt(uiStrings$1.notification.enterNewImgURL,n,function(e){e?O(e):t&&svgCanvas.deleteSelectedElements()})}function j(e,t){t||(t=svgCanvas.getZoom()),e||(e=$$b("#svgcanvas"));var n=void 0,a=void 0,r=svgCanvas.getContentElem(),i=getTypeMap()[curConfig.baseUnit];for(n=0;n<2;n++){var o=0===n,s=o?"x":"y",l=o?"width":"height",c=Number(r.getAttribute(s)),u=$$b("#ruler_"+s+" canvas:first"),d=u.clone();u.replaceWith(d);var h=d[0],p=e[l](),g=p;h.parentNode.style[l]=g+"px";var f=h.getContext("2d"),v=void 0,m=void 0,_=void 0;if(f.fillStyle="rgb(200,0,0)",f.fillRect(0,0,h.width,h.height),d.siblings().remove(),p>=3e4){_=parseInt(p/3e4,10)+1,(v=[])[0]=f;var b=void 0;for(a=1;a<_;a++)h[l]=3e4,b=h.cloneNode(!0),h.parentNode.append(b),v[a]=b.getContext("2d");b[l]=p%3e4,p=3e4}h[l]=p;var y=i*t,x=50/y,C=1;for(a=0;a<w.length&&(C=m=w[a],!(x<=m));a++);var S=C*y;f.font="9px sans-serif";for(var $=c/y%C*y,k=$-S,A=0;$<g;){k+=S;var E=Math.round($)+.5;o?(f.moveTo(E,15),f.lineTo(E,0)):(f.moveTo(15,E),f.lineTo(0,E)),m=(k-c)/y;var P=void 0;if(C>=1)P=Math.round(m);else{var T=String(C).split(".")[1].length;P=m.toFixed(T)}if(0!==P&&1e3!==P&&P%1e3==0&&(P=P/1e3+"K"),o)f.fillText(P,$+2,8);else{var G=String(P).split("");for(a=0;a<G.length;a++)f.fillText(G[a],1,$+9+9*a)}var N=S/10;for(a=1;a<10;a++){var L=Math.round($+N*a)+.5;if(v&&L>p){if(A++,f.stroke(),A>=_){a=10,$=g;continue}f=v[A],$-=3e4,L=Math.round($+N*a)+.5}var I=a%2?12:10;o?(f.moveTo(L,15),f.lineTo(L,I)):(f.moveTo(15,L),f.lineTo(I,L))}$+=S}f.strokeStyle="#000",f.stroke()}}var D=editor.updateCanvas=function(e,t){var n=svgCanvas.getZoom(),a=h,r=$$b("#svgcanvas"),i=h.width(),o=h.height(),s=i,l=o,c=a[0].scrollLeft+s/2,u=a[0].scrollTop+l/2,d=curConfig.canvas_expansion;i=Math.max(s,svgCanvas.contentW*n*d),o=Math.max(l,svgCanvas.contentH*n*d),i===s&&o===l?h.css("overflow","hidden"):h.css("overflow","scroll");var p=r.height()/2,g=r.width()/2;r.width(i).height(o);var f=o/2,v=i/2,m=svgCanvas.updateCanvas(i,o),_=v/g,b=i/2-s/2,y=o/2-l/2;t?(t.x+=m.x,t.y+=m.y):t={x:v+(c-g)*_,y:f+(u-p)*_};e?svgCanvas.contentW>a.width()?(h[0].scrollLeft=m.x-10,h[0].scrollTop=m.y-10):(a[0].scrollLeft=b,a[0].scrollTop=y):(a[0].scrollLeft=t.x-s/2,a[0].scrollTop=t.y-l/2),curConfig.showRulers&&(j(r,n),h.scroll()),!0===urldata.storagePrompt||editor.storagePromptClosed||$$b("#dialog_box").hide()},F=function(){var e=void 0,t=void 0,n="none"===svgCanvas.getColor("fill"),a="none"===svgCanvas.getColor("stroke"),r=["#tool_fhpath","#tool_line"],i=["#tools_rect .tool_button","#tools_ellipse .tool_button","#tool_text","#tool_path"];if(a)for(e in r)$$b(t=r[e]).hasClass("tool_button_current")&&R(),$$b(t).addClass("disabled");else for(e in r)$$b(t=r[e]).removeClass("disabled");if(a&&n)for(e in i)$$b(t=i[e]).hasClass("tool_button_current")&&R(),$$b(t).addClass("disabled");else for(e in i)$$b(t=i[e]).removeClass("disabled");svgCanvas.runExtensions("toolButtonStateUpdate",{nofill:n,nostroke:a}),$$b(".tools_flyout").each(function(){var e=$$b("#"+this.id+"_show"),t=!1;$$b(this).children().each(function(){$$b(this).hasClass("disabled")||(t=!0)}),e.toggleClass("disabled",!t)}),L()},U=function(){var e=G;null==e||e.parentNode||(e=null);var t=svgCanvas.getCurrentDrawing().getCurrentLayerName(),n=svgCanvas.getMode(),r="px"!==curConfig.baseUnit?curConfig.baseUnit:null,i="pathedit"===n,o=$$b("#cmenu_canvas li");if($$b("#selected_panel, #multiselected_panel, #g_panel, #rect_panel, #circle_panel,#ellipse_panel, #line_panel, #text_panel, #image_panel, #container_panel, #use_panel, #a_panel").hide(),null!=e){var s=e.nodeName,l=svgCanvas.getRotationAngle(e);$$b("#angle").val(l);var c=svgCanvas.getBlur(e);if($$b("#blur").val(c),$$b("#blur_slider").slider("option","value",c),svgCanvas.addedNew&&"image"===s&&"image"===svgCanvas.getMode()&&(svgCanvas.getHref(e).startsWith("data:")||B({cancelDeletes:!0})),i||"pathedit"===n){var h=u.getNodePoint();if($$b("#tool_add_subpath").removeClass("push_button_pressed").addClass("tool_button"),$$b("#tool_node_delete").toggleClass("disabled",!u.canDeleteNodes),a("#tool_openclose_path",u.closed_subpath?"open_path":"close_path"),h){var g=$$b("#seg_type");r&&(h.x=convertUnit(h.x),h.y=convertUnit(h.y)),$$b("#path_node_x").val(h.x),$$b("#path_node_y").val(h.y),h.type?g.val(h.type).removeAttr("disabled"):g.val(4).attr("disabled","disabled")}return}if($$b("#selected_panel").show(),["line","circle","ellipse"].includes(s))$$b("#xy_panel").hide();else{var f=void 0,v=void 0;if(["g","polyline","path"].includes(s)){var m=svgCanvas.getStrokedBBox([e]);m&&(f=m.x,v=m.y)}else f=e.getAttribute("x"),v=e.getAttribute("y");r&&(f=convertUnit(f),v=convertUnit(v)),$$b("#selected_x").val(f||0),$$b("#selected_y").val(v||0),$$b("#xy_panel").show()}var _=!["image","text","path","g","use"].includes(s);$$b("#tool_topath").toggle(_),$$b("#tool_reorient").toggle("path"===s),$$b("#tool_reorient").toggleClass("disabled",0===l);var b={g:[],a:[],rect:["rx","width","height"],image:["width","height"],circle:["cx","cy","r"],ellipse:["cx","cy","rx","ry"],line:["x1","y1","x2","y2"],text:[],use:[]},y=e.tagName,x=null;if("a"===y&&(x=svgCanvas.getHref(e),$$b("#g_panel").show()),"a"===e.parentNode.tagName&&($$b(e).siblings().length||($$b("#a_panel").show(),x=svgCanvas.getHref(e.parentNode))),$$b("#tool_make_link, #tool_make_link").toggle(!x),x&&$$b("#link_url").val(x),b[y]){var C=b[y];if($$b("#"+y+"_panel").show(),$$b.each(C,function(t,n){var a=e.getAttribute(n);if("px"!==curConfig.baseUnit&&e[n]){var r=e[n].baseVal.value;a=convertUnit(r)}$$b("#"+y+"_"+n).val(a||0)}),"text"===y)$$b("#text_panel").css("display","inline"),$$b("#tool_font_size").css("display","inline"),svgCanvas.getItalic()?$$b("#tool_italic").addClass("push_button_pressed").removeClass("tool_button"):$$b("#tool_italic").removeClass("push_button_pressed").addClass("tool_button"),svgCanvas.getBold()?$$b("#tool_bold").addClass("push_button_pressed").removeClass("tool_button"):$$b("#tool_bold").removeClass("push_button_pressed").addClass("tool_button"),$$b("#font_family").val(e.getAttribute("font-family")),$$b("#font_size").val(e.getAttribute("font-size")),$$b("#text").val(e.textContent),svgCanvas.addedNew&&setTimeout(function(){$$b("#text").focus().select()},100);else if("image"===y&&"image"===svgCanvas.getMode())O(svgCanvas.getHref(e));else if("g"===y||"use"===y){$$b("#container_panel").show();var S=svgCanvas.getTitle(),w=$$b("#g_title")[0];w.value=S,function(e){var t=Math.min(Math.max(12+6*e.value.length,50),300);$$b(e).width(t)}(w),$$b("#g_title").prop("disabled","use"===y)}}o[("g"===y?"en":"dis")+"ableContextMenuItems"]("#ungroup"),o[("g"!==y&&N?"en":"dis")+"ableContextMenuItems"]("#group")}else N?($$b("#multiselected_panel").show(),o.enableContextMenuItems("#group").disableContextMenuItems("#ungroup")):o.disableContextMenuItems("#delete,#cut,#copy,#group,#ungroup,#move_front,#move_up,#move_down,#move_back");$$b("#tool_undo").toggleClass("disabled",0===d.getUndoStackSize()),$$b("#tool_redo").toggleClass("disabled",0===d.getRedoStackSize()),svgCanvas.addedNew=!1,e&&!i||N?($$b("#selLayerNames").removeAttr("disabled").val(t),p.enableContextMenuItems("#delete,#cut,#copy,#move_front,#move_up,#move_down,#move_back")):$$b("#selLayerNames").attr("disabled","disabled")},H=function(){if(!Nt){var e="#workarea.wireframe #svgcontent * { stroke-width: "+1/svgCanvas.getZoom()+"px; }";$$b("#wireframe_rules").text(h.hasClass("wireframe")?e:"")}},z="",q=function(e){e=e||svgCanvas.getDocumentTitle();var t=S+(e?": "+e:"");$$b("title:first").text(t)};function W(e){return e&&"g"===e.tagName&&Layer.CLASS_REGEX.test(e.getAttribute("class"))}var Y=function(){H()},X=svgCanvas.zoomChanged=function(e,t,n){var a=h,r=svgCanvas.setBBoxZoom(t,a.width()-15,a.height()-15);if(r){var i=r.zoom,o=r.bbox;i<.001?K({value:.1}):($$b("#zoom").val((100*i).toFixed(1)),n?D():D(!1,{x:o.x*i+o.width*i/2,y:o.y*i+o.height*i/2}),"zoom"===svgCanvas.getMode()&&o.width&&C(),Y())}},K=function(e){var t=e.value/100;if(t<.001)e.value=.1;else{var n=svgCanvas.getZoom(),a=h;X(window,{width:0,height:0,x:(a[0].scrollLeft+a.width()/2)/n,y:(a[0].scrollTop+a.height()/2)/n,zoom:t},!0)}};$$b("#cur_context_panel").delegate("a","click",function(){var e=$$b(this);return e.attr("data-root")?svgCanvas.leaveContext():svgCanvas.setContext(e.text()),svgCanvas.clearSelection(),!1});var Q=function(){g.fill.prep(),g.stroke.prep()},Z={},J=function(){$$b(".tools_flyout").each(function(){var e=$$b("#"+this.id+"_show");if(!e.data("isLibrary")){var t=$$b(this).children().map(function(){return this.title}).get();e[0].title=t.join(" / ")}})},ee={},te=function(e){$$b.each(e,function(t,n){var a;ee[t]||(ee[t]=[]),(a=ee[t]).push.apply(a,toConsumableArray(n));var r=$$b(t).children().not(".tool_button_evt_handled"),i=t+"_show",o=$$b(i),s=!1;r.addClass("tool_button tool_button_evt_handled").unbind("click mousedown mouseup").each(function(){var t="#"+this.getAttribute("id"),a=Object.entries(n).find(function(e){var n=slicedToArray(e,2);n[0];return n[1].sel===t}),r=slicedToArray(a,2),l=r[0],c=r[1];Z[c.sel]=c.fn,c.isDefault&&(s=l);var u=function(t){var n=c;if("keydown"===t.type){var a=$$b(n.parent+"_show").hasClass("tool_button_current"),r=$$b(n.parent+"_show").attr("data-curopt");Object.entries(e[c.parent]).some(function(i){var o=slicedToArray(i,2),s=o[0],l=o[1];if(l.sel===r)return t.shiftKey&&a?(s=parseInt(s,10),n=ee[c.parent][s+1]||e[c.parent][0]):n=l,!0})}if($$b(this).hasClass("disabled"))return!1;M(i)&&n.fn();var s=void 0;(s=n.icon?$$b.getSvgIcon(n.icon,!0):$$b(n.sel).children().eq(0).clone())[0].setAttribute("width",o.width()),s[0].setAttribute("height",o.height()),o.children(":not(.flyout_arrow_horiz)").remove(),o.append(s).attr("data-curopt",n.sel)};$$b(this).mouseup(u),c.key&&$$b(document).bind("keydown",c.key[0]+" shift+"+c.key[0],u)}),s?o.attr("data-curopt",n[s].sel):o.attr("data-curopt")||o.attr("data-curopt",n[0].sel);var l=void 0,c=$$b(i).position();o.mousedown(function(e){if(o.hasClass("disabled"))return!1;var n=$$b(t),a=c.left+34,r=-1*n.width(),i=n.data("shown_popop")?200:0;l=setTimeout(function(){o.data("isLibrary")?n.css("left",a).show():n.css("left",r).show().animate({left:a},150),n.data("shown_popop",!0)},i),e.preventDefault()}).mouseup(function(e){clearTimeout(l);var t=$$b(this).attr("data-curopt");o.data("isLibrary")&&$$b(i.replace("_show","")).is(":visible")?M(i,!0):M(i)&&Z[t]&&Z[t]()})}),J(),o()},ne=function(e,t){return $$b("<div>",{class:"tools_flyout",id:e}).appendTo("#svg_editor").append(t)},ae=function(e,t,n,r){var i=$$b(e),o=r.dropUp;t=$$b(t),o&&$$b(e).addClass("dropup"),t.find("li").bind("mouseup",function(){r.seticon&&(a("#cur_"+i[0].id,$$b(this).children()),$$b(this).addClass("current").siblings().removeClass("current")),n.apply(this,arguments)});var s=!1;$$b(window).mouseup(function(e){s||(i.removeClass("down"),t.hide(),t.css({top:0,left:0})),s=!1}),i.bind("mousedown",function(){var e=i.offset();o?(e.top-=t.height(),e.left+=8):e.top+=i.height(),t.offset(e),i.hasClass("down")?(t.hide(),t.css({top:0,left:0})):(t.show(),s=!0),i.toggleClass("down")}).hover(function(){s=!0}).mouseout(function(){s=!1}),r.multiclick&&t.mousedown(function(){s=!0})},re=[];svgCanvas.bind("selected",function(e,t){var n=svgCanvas.getMode();"select"===n&&C();var r="pathedit"===n;G=1===t.length||null==t[1]?t[0]:null,N=t.length>=2&&null!=t[1],null!=G&&(r||function(){var e=void 0,t=void 0;if(null!=G)switch(G.tagName){case"use":case"image":case"foreignObject":break;case"g":case"a":var n=G.getElementsByTagName("*"),a=null;for(e=0,t=n.length;e<t;e++){var r=n[e].getAttribute("stroke-width");0===e?a=r:a!==r&&(a=null)}$$b("#stroke_width").val(null===a?"":a),g.fill.update(!0),g.stroke.update(!0);break;default:g.fill.update(!0),g.stroke.update(!0),$$b("#stroke_width").val(G.getAttribute("stroke-width")||1),$$b("#stroke_style").val(G.getAttribute("stroke-dasharray")||"none");var i=G.getAttribute("stroke-linejoin")||"miter";$$b("#linejoin_"+i).length&&I($$b("#linejoin_"+i)[0]),i=G.getAttribute("stroke-linecap")||"butt",$$b("#linecap_"+i).length&&I($$b("#linecap_"+i)[0])}if(null!=G){var o=100*(G.getAttribute("opacity")||1);$$b("#group_opacity").val(o),$$b("#opac_slider").slider("option","value",o),$$b("#elem_id").val(G.id),$$b("#elem_class").val(G.getAttribute("class"))}F()}()),function(e,t){$$b("#path_node_panel").toggle(e),$$b("#tools_bottom_2,#tools_bottom_3").toggle(!e),e?($$b(".tool_button_current").removeClass("tool_button_current").addClass("tool_button"),$$b("#tool_select").addClass("tool_button_current").removeClass("tool_button"),a("#tool_select","select_node"),N=!1,t.length&&(G=t[0])):setTimeout(function(){a("#tool_select","select")},1e3)}(r,t),U(),svgCanvas.runExtensions("selectedChanged",{elems:t,selectedElement:G,multiselected:N})}),svgCanvas.bind("transition",function(e,t){var n=svgCanvas.getMode(),a=t[0];if(a){if(!(N=t.length>=2&&null!=t[1]))switch(n){case"rotate":var r=svgCanvas.getRotationAngle(a);$$b("#angle").val(r),$$b("#tool_reorient").toggleClass("disabled",0===r)}svgCanvas.runExtensions("elementTransition",{elems:t})}}),svgCanvas.bind("changed",function(e,t){var n=svgCanvas.getMode();"select"===n&&C();for(var a=0;a<t.length;++a){var r=t[a],i=r&&"svg"===r.tagName;i||W(r)?(A(),i&&D()):r&&G&&null==G.parentNode&&(G=r)}editor.showSaveWarning=!0,U(),G&&"select"===n&&(g.fill.update(),g.stroke.update()),svgCanvas.runExtensions("elementChanged",{elems:t})}),svgCanvas.bind("saved",function(e,t){if(editor.showSaveWarning=!1,t='<?xml version="1.0"?>\n'+t,isIE())T(0,!0);else{var n=document.createElement("a");n.href="data:image/svg+xml;base64,"+encode64(t),n.download="icon.svg",n.click();var a=$$b.pref("save_notice_done");if("all"!==a){var r=uiStrings$1.notification.saveFromBrowser.replace("%s","SVG");isGecko()?t.includes("<defs")?(r+="\n\n"+uiStrings$1.notification.defsFailOnSave,$$b.pref("save_notice_done","all"),a="all"):$$b.pref("save_notice_done","part"):$$b.pref("save_notice_done","all"),"part"!==a&&alert(r)}}}),svgCanvas.bind("exported",function(e,t){var n=t.issues,a=t.exportWindowName;if(a&&(m=window.open(blankPageObjectURL||"",a)),m&&!m.closed){if(m.location.href=t.bloburl||t.datauri,"all"!==$$b.pref("export_notice_done")){var r=uiStrings$1.notification.saveFromBrowser.replace("%s",t.type);n.length&&(r+="\n\n"+uiStrings$1.notification.noteTheseIssues+"\n • "+n.join("\n • ")),$$b.pref("export_notice_done","all"),m.alert(r)}}else $$b.alert(uiStrings$1.notification.popupWindowBlocked)}),svgCanvas.bind("exportedPDF",function(e,t){var n=t.exportWindowName;n&&(m=window.open("",n)),m&&!m.closed?m.location.href=t.output:$$b.alert(uiStrings$1.notification.popupWindowBlocked)}),svgCanvas.bind("zoomed",X),svgCanvas.bind("zoomDone",Y),svgCanvas.bind("updateCanvas",function(e,t){var n=t.center,a=t.newCtr;D(n,a)}),svgCanvas.bind("contextset",function(e,t){var n="";if(t){var a="";n='<a href="#" data-root="y">'+svgCanvas.getCurrentDrawing().getCurrentLayerName()+"</a>",$$b(t).parentsUntil("#svgcontent > g").andSelf().each(function(){this.id&&(a+=" > "+this.id,n+=this!==t?' > <a href="#">'+this.id+"</a>":" > "+this.id)}),z=a}else z=null;$$b("#cur_context_panel").toggle(!!t).html(n),q()}),svgCanvas.bind("extension_added",function(e,t){if(t){var n=!1,a=!1;if(t.langReady)if(editor.langChanged){var r=$$b.pref("lang");t.langReady({lang:r,uiStrings:uiStrings$1,importLocale:getImportLocale({defaultLang:r,defaultName:t.name})})}else re.push(t);var i=function(){t.callback&&!n&&(n=!0,t.callback.call(editor))},o=[];t.context_tools&&$$b.each(t.context_tools,function(e,t){var n=t.container_id?' id="'+t.container_id+'"':"",a=$$b("#"+t.panel);a.length||(a=$$b("<div>",{id:t.panel}).appendTo("#tools_top"));var r=void 0;switch(t.type){case"tool_button":r='<div class="tool_button">'+t.id+"</div>";var i=$$b(r).appendTo(a);t.events&&$$b.each(t.events,function(e,t){$$b(i).bind(e,t)});break;case"select":r="<label"+n+'><select id="'+t.id+'">',$$b.each(t.options,function(e,n){var a=e===t.defval?" selected":"";r+='<option value="'+e+'"'+a+">"+n+"</option>"});var s=$$b(r+="</select></label>").appendTo(a).find("select");$$b.each(t.events,function(e,t){$$b(s).bind(e,t)});break;case"button-select":r='<div id="'+t.id+'" class="dropdown toolset" title="'+t.title+'"><div id="cur_'+t.id+'" class="icon_label"></div><button></button></div>';var l=$$b('<ul id="'+t.id+'_opts"></ul>').appendTo("#option_lists");t.colnum&&l.addClass("optcols"+t.colnum),$$b(r).appendTo(a).children(),o.push({elem:"#"+t.id,list:"#"+t.id+"_opts",title:t.title,callback:t.events.change,cur:"#cur_"+t.id});break;case"input":r="<label"+n+'><span id="'+t.id+'_label">'+t.label+':</span><input id="'+t.id+'" title="'+t.title+'" size="'+(t.size||"4")+'" value="'+(t.defval||"")+'" type="text"/></label>';var c=$$b(r).appendTo(a).find("input");t.spindata&&c.SpinButton(t.spindata),t.events&&$$b.each(t.events,function(e,t){c.bind(e,t)})}});var s=t.svgicons;if(t.buttons){var c={},u={},d={};if($$b.each(t.buttons,function(e,t){for(var n=t.id,a=e;$$b("#"+n).length;)n=t.id+"_"+ ++a;var r=void 0;if(s){c[n]=t.icon;var i=t.svgicon||t.id;"app_menu"===t.type?u["#"+n+" > div"]=i:u["#"+n]=i}else r=$$b('<img src="'+t.icon+'">');var o=void 0,l=void 0;switch(t.type){case"mode_flyout":case"mode":o="tool_button",l="#tools_left";break;case"context":o="tool_button",l="#"+t.panel,$$b(l).length||$$b("<div>",{id:t.panel}).appendTo("#tools_top");break;case"app_menu":o="",l="#main_menu ul"}var h=void 0,p=void 0,g=void 0,f=void 0,v=void 0,m=$$b(t.list||"app_menu"===t.type?"<li/>":"<div/>").attr("id",n).attr("title",t.title).addClass(o);if(t.includeWith||t.list){if(t.list){if(m.addClass("push_button"),$$b("#"+t.list+"_opts").append(m),t.isDefault){$$b("#cur_"+t.list).append(m.children().clone());var _=t.svgicon||t.id;u["#cur_"+t.list]=_}}else if(t.includeWith){var b=t.includeWith;h=(v=$$b(b.button)).parent();var y=void 0;v.parent().hasClass("tools_flyout")||(y=v[0].id.replace("tool_","tools_"),g=v.clone().attr("id",y+"_show").append($$b("<div>",{class:"flyout_arrow_horiz"})),v.before(g),h=ne(y,v)),f=qt.getButtonData(b.button),b.isDefault&&(u["#"+y+"_show"]=t.id),p=d["#"+h[0].id]=[{sel:"#"+n,fn:t.events.click,icon:t.id,key:t.key,isDefault:Boolean(t.includeWith&&t.includeWith.isDefault)},f];var x="position"in b?b.position:"last",C=h.children().length;!isNaN(x)&&x>=0&&x<C?h.children().eq(x).before(m):(h.append(m),p.reverse())}}else if("position"in t?$$b(l).children().eq(t.position).length?$$b(l).children().eq(t.position).before(m):$$b(l).children().last().before(m):m.appendTo(l),"mode_flyout"===t.type){h=(v=$$b(m)).parent();var S=void 0;v.parent().hasClass("tools_flyout")||(S=v[0].id.replace("tool_","tools_"),g=v.clone().attr("id",S+"_show").append($$b("<div>",{class:"flyout_arrow_horiz"})),v.before(g),(h=ne(S,v)).data("isLibrary",!0),g.data("isLibrary",!0)),u["#"+S+"_show"]=t.id,p=d["#"+h[0].id]=[{sel:"#"+n,fn:t.events.click,icon:t.id,isDefault:!0}]}else"app_menu"===t.type&&m.append("<div>").append(t.title);s||m.append(r),t.list||$$b.each(t.events,function(e,n){"click"===e&&"mode"===t.type?(t.includeWith?m.bind(e,n):m.bind(e,function(){M(m)&&n()}),t.key&&($$b(document).bind("keydown",t.key,n),t.title&&m.attr("title",t.title+" ["+t.key+"]"))):m.bind(e,n)}),te(d)}),$$b.each(o,function(){ae(this.elem,this.list,this.callback,{seticon:!0})}),s)return new Promise(function(e,t){$$b.svgIcons(s,{w:24,h:24,id_match:!1,no_img:!isWebkit(),fallback:c,placement:u,callback:function(t){"m"!==$$b.pref("iconsize")&&(f&&(clearTimeout(f),f=null),a||(f=setTimeout(function(){a=!0,l($$b.pref("iconsize"))},50))),i(),e()}})})}return i()}}),svgCanvas.textActions.setInputElem($$b("#text")[0]);var ie='<div class="palette_item" data-rgb="none"></div>';$$b.each(["#000000","#3f3f3f","#7f7f7f","#bfbfbf","#ffffff","#ff0000","#ff7f00","#ffff00","#7fff00","#00ff00","#00ff7f","#00ffff","#007fff","#0000ff","#7f00ff","#ff00ff","#ff007f","#7f0000","#7f3f00","#7f7f00","#3f7f00","#007f00","#007f3f","#007f7f","#003f7f","#00007f","#3f007f","#7f007f","#7f003f","#ffaaaa","#ffd4aa","#ffffaa","#d4ffaa","#aaffaa","#aaffd4","#aaffff","#aad4ff","#aaaaff","#d4aaff","#ffaaff","#ffaad4"],function(e,t){ie+='<div class="palette_item" style="background-color: '+t+';" data-rgb="'+t+'"></div>'}),$$b("#palette").append(ie);ie="",$$b.each(["#FFF","#888","#000"],function(){ie+='<div class="color_block" style="background-color:'+this+';"></div>'}),$$b("#bg_blocks").append(ie);var oe=$$b("#bg_blocks div");oe.each(function(){$$b(this).click(function(){oe.removeClass("cur_background"),$$b(this).addClass("cur_background")})}),V($$b.pref("bkgd_color"),$$b.pref("bkgd_url")),$$b("#image_save_opts input").val([$$b.pref("img_save")]);var se=function(e,t){null==t&&(t=e.value),$$b("#group_opacity").val(t),e&&e.handle||$$b("#opac_slider").slider("option","value",t),svgCanvas.setOpacity(t/100)},le=function(e,t,n){null==t&&(t=e.value),$$b("#blur").val(t);var a=!1;e&&e.handle||($$b("#blur_slider").slider("option","value",t),a=!0),n?svgCanvas.setBlurNoUndo(t):svgCanvas.setBlur(t,a)};$$b("#stroke_style").change(function(){svgCanvas.setStrokeAttr("stroke-dasharray",$$b(this).val()),L()}),$$b("#stroke_linejoin").change(function(){svgCanvas.setStrokeAttr("stroke-linejoin",$$b(this).val()),L()}),$$b("select").change(function(){$$b(this).blur()});var ce,ue,de,he,pe,ge=!1;$$b("#selLayerNames").change(function(){var e=this.options[this.selectedIndex].value,t=uiStrings$1.notification.QmoveElemsToLayer.replace("%s",e),n=function(t){t&&(ge=!0,svgCanvas.moveSelectedToLayer(e),svgCanvas.clearSelection(),A())};e&&(ge?n(!0):$$b.confirm(t,n))}),$$b("#font_family").change(function(){svgCanvas.setFontFamily(this.value)}),$$b("#seg_type").change(function(){svgCanvas.setSegType($$b(this).val())}),$$b("#text").bind("keyup input",function(){svgCanvas.setTextContent(this.value)}),$$b("#image_url").change(function(){O(this.value)}),$$b("#link_url").change(function(){this.value.length?svgCanvas.setLinkURL(this.value):svgCanvas.removeHyperlink()}),$$b("#g_title").change(function(){svgCanvas.setGroupTitle(this.value)}),$$b(".attr_changer").change(function(){var e=this.getAttribute("data-attr"),t=this.value;if(!isValidUnit(e,t,G))return $$b.alert(uiStrings$1.notification.invalidAttrValGiven),this.value=G.getAttribute(e),!1;if("id"!==e&&"class"!==e)if(isNaN(t))t=svgCanvas.convertToNum(e,t);else if("px"!==curConfig.baseUnit){var n=getTypeMap();(G[e]||"pathedit"===svgCanvas.getMode()||"x"===e||"y"===e)&&(t*=n[curConfig.baseUnit])}if("id"===e){var a=G;svgCanvas.clearSelection(),a.id=t,svgCanvas.addToSelection([a],!0)}else svgCanvas.changeSelectedAttribute(e,t);this.blur()}),$$b("#palette").mouseover(function(){var e=$$b('<input type="hidden">');$$b(this).append(e),e.focus().remove()}),$$b(".palette_item").mousedown(function(e){var t=e.shiftKey||2===e.button?"stroke":"fill",n=$$b(this).data("rgb"),a=void 0;"none"===n||"transparent"===n||"initial"===n?(n="none",a=new $$b.jGraduate.Paint):a=new $$b.jGraduate.Paint({alpha:100,solidColor:n.substr(1)}),g[t].setPaint(a),svgCanvas.setColor(t,n),"none"!==n&&1!==svgCanvas.getPaintOpacity(t)&&svgCanvas.setPaintOpacity(t,1),F()}).bind("contextmenu",function(e){e.preventDefault()}),$$b("#toggle_stroke_tools").on("click",function(){$$b("#tools_bottom").toggleClass("expanded")}),ce=h[0],ue=null,de=null,he=!1,pe=!1,$$b("#svgcanvas").bind("mousemove mouseup",function(e){if(!1!==he)return ce.scrollLeft-=e.clientX-ue,ce.scrollTop-=e.clientY-de,ue=e.clientX,de=e.clientY,"mouseup"===e.type&&(he=!1),!1}).mousedown(function(e){if(1===e.button||!0===pe)return he=!0,ue=e.clientX,de=e.clientY,!1}),$$b(window).mouseup(function(){he=!1}),$$b(document).bind("keydown","space",function(e){svgCanvas.spaceKey=pe=!0,e.preventDefault()}).bind("keyup","space",function(e){e.preventDefault(),svgCanvas.spaceKey=pe=!1}).bind("keydown","shift",function(e){"zoom"===svgCanvas.getMode()&&h.css("cursor",y)}).bind("keyup","shift",function(e){"zoom"===svgCanvas.getMode()&&h.css("cursor",b)}),editor.setPanning=function(e){svgCanvas.spaceKey=pe=e},function(){var e=$$b("#main_icon"),t=$$b("#main_icon span"),n=$$b("#main_menu"),a=!1,r=0,i=!0,o=!1;$$b(window).mouseup(function(t){a||(e.removeClass("buttondown"),"INPUT"!==t.target.tagName?n.fadeOut(200):o||(o=!0,$$b(t.target).click(function(){n.css("margin-left","-9999px").show()}))),a=!1}).mousedown(function(e){$$b(e.target).closest("div.tools_flyout, .contextMenu").length||$$b(".tools_flyout:visible,.contextMenu").fadeOut(250)}),t.bind("mousedown",function(){e.hasClass("buttondown")?n.fadeOut(200):(n.css("margin-left",0).show(),r||(r=n.height()),n.css("height",0).animate({height:r},200),a=!0),e.toggleClass("buttondown buttonup")}).hover(function(){a=!0}).mouseout(function(){a=!1});var s=$$b("#main_menu li");s.mouseover(function(){i="rgba(0, 0, 0, 0)"===$$b(this).css("background-color"),s.unbind("mouseover"),i&&s.mouseover(function(){this.style.backgroundColor="#FFC"}).mouseout(function(){return this.style.backgroundColor="transparent",!0})})}(),editor.addDropDown=function(e,t,n){if($$b(e).length){var a=$$b(e).find("button"),r=$$b(e).find("ul").attr("id",$$b(e)[0].id+"-list");n?$$b(e).addClass("dropup"):$$b("#option_lists").append(r),r.find("li").bind("mouseup",t);var i=!1;$$b(window).mouseup(function(e){i||(a.removeClass("down"),r.hide()),i=!1}),a.bind("mousedown",function(){if(a.hasClass("down"))r.hide();else{if(!n){var t=$$b(e).position();r.css({top:t.top+24,left:t.left-10})}r.show(),i=!0}a.toggleClass("down")}).hover(function(){i=!0}).mouseout(function(){i=!1})}},editor.addDropDown("#font_family_dropdown",function(){$$b("#font_family").val($$b(this).text()).change()}),editor.addDropDown("#opacity_dropdown",function(){if(!$$b(this).find("div").length){var e=parseInt($$b(this).text().split("%")[0],10);se(!1,e)}},!0),$$b("#opac_slider").slider({start:function(){$$b("#opacity_dropdown li:not(.special)").hide()},stop:function(){$$b("#opacity_dropdown li").show(),$$b(window).mouseup()},slide:function(e,t){se(t)}}),editor.addDropDown("#blur_dropdown",$$b.noop);var fe,ve,me=!1;$$b("#blur_slider").slider({max:10,step:.1,stop:function(e,t){me=!1,le(t),$$b("#blur_dropdown li").show(),$$b(window).mouseup()},start:function(){me=!0},slide:function(e,t){le(t,null,me)}}),editor.addDropDown("#zoom_dropdown",function(){var e=$$b(this),t=e.data("val");t?X(window,t):K({value:parseFloat(e.text())})},!0),ae("#stroke_linecap","#linecap_opts",function(){I(this,!0)},{dropUp:!0}),ae("#stroke_linejoin","#linejoin_opts",function(){I(this,!0)},{dropUp:!0}),ae("#tool_position","#position_opts",function(){var e=this.id.replace("tool_pos","").charAt(0);svgCanvas.alignSelectedElements(e,"page")},{multiclick:!0}),fe=void 0,ve=function(){$$b(fe).blur()},$$b("#svg_editor").find("button, select, input:not(#text)").focus(function(){fe=this,x="toolbars",h.mousedown(ve)}).blur(function(){x="canvas",h.unbind("mousedown",ve),"textedit"===svgCanvas.getMode()&&$$b("#text").focus()});var _e=function(){M("#tool_fhpath")&&svgCanvas.setMode("fhpath")},be=function(){M("#tool_line")&&svgCanvas.setMode("line")},ye=function(){M("#tool_square")&&svgCanvas.setMode("square")},xe=function(){M("#tool_rect")&&svgCanvas.setMode("rect")},Ce=function(){M("#tool_fhrect")&&svgCanvas.setMode("fhrect")},Se=function(){M("#tool_circle")&&svgCanvas.setMode("circle")},we=function(){M("#tool_ellipse")&&svgCanvas.setMode("ellipse")},$e=function(){M("#tool_fhellipse")&&svgCanvas.setMode("fhellipse")},ke=function(){M("#tool_image")&&svgCanvas.setMode("image")},Ae=function(){M("#tool_zoom")&&(svgCanvas.setMode("zoom"),h.css("cursor",b))},Ee=function(e){var t=svgCanvas.getResolution();e=e?t.zoom*e:1,$$b("#zoom").val(100*e),svgCanvas.setZoom(e),Y(),D(!0)},Pe=function(){M("#tool_zoom")&&(Ee(),C())},Te=function(){M("#tool_text")&&svgCanvas.setMode("text")},Ge=function(){M("#tool_path")&&svgCanvas.setMode("path")},Ne=function(){(null!=G||N)&&svgCanvas.deleteSelectedElements()},Le=function(){(null!=G||N)&&svgCanvas.cutSelectedElements()},Ie=function(){(null!=G||N)&&svgCanvas.copySelectedElements()},Me=function(){var e=svgCanvas.getZoom(),t=(h[0].scrollLeft+h.width()/2)/e-svgCanvas.contentW,n=(h[0].scrollTop+h.height()/2)/e-svgCanvas.contentH;svgCanvas.pasteElements("point",t,n)},Re=function(){null!=G&&svgCanvas.moveToTopSelectedElement()},Oe=function(){null!=G&&svgCanvas.moveToBottomSelectedElement()},Ve=function(e){null!=G&&svgCanvas.moveUpDownSelected(e)},Be=function(){null!=G&&svgCanvas.convertToPath()},je=function(){null!=G&&u.reorient()},De=function(){(null!=G||N)&&$$b.prompt(uiStrings$1.notification.enterNewLinkURL,"http://",function(e){e&&svgCanvas.makeHyperlink(e)})},Fe=function(e,t){if(null!=G||N){if(curConfig.gridSnapping){var n=svgCanvas.getZoom()*curConfig.snappingStep;e*=n,t*=n}svgCanvas.moveSelectedElements(e,t)}},Ue=function(){$$b("#tool_node_link").toggleClass("push_button_pressed tool_button");var e=$$b("#tool_node_link").hasClass("push_button_pressed");u.linkControlPoints(e)},He=function(){u.getNodePoint()&&u.clonePathNode()},ze=function(){u.getNodePoint()&&u.deletePathNode()},qe=function(){var e=$$b("#tool_add_subpath"),t=!e.hasClass("push_button_pressed");e.toggleClass("push_button_pressed tool_button"),u.addSubPath(t)},We=function(){u.opencloseSubPath()},Ye=function(){svgCanvas.cycleElement(1)},Xe=function(){svgCanvas.cycleElement(0)},Ke=function(e,t){if(null!=G&&!N){e||(t*=-1);var n=parseFloat($$b("#angle").val())+t;svgCanvas.setRotationAngle(n),U()}},Qe=function(){var e=slicedToArray(curConfig.dimensions,2),t=e[0],n=e[1];$$b.confirm(uiStrings$1.notification.QwantToClear,function(e){e&&(C(),svgCanvas.clear(),svgCanvas.setResolution(t,n),D(!0),Ee(),A(),U(),Q(),svgCanvas.runExtensions("onNewDocument"))})},Ze=function(){return svgCanvas.setBold(!svgCanvas.getBold()),U(),!1},Je=function(){return svgCanvas.setItalic(!svgCanvas.getItalic()),U(),!1},et=void 0,tt=function(){$$b.select("Select an image type for export: ",["PNG","JPEG","BMP","WEBP","PDF"],function(e){if(e){var t=void 0;if("PDF"===e)customExportPDF||a(),svgCanvas.exportPDF(t);else{customExportImage||a();var n=parseInt($$b("#image-slider").val(),10)/100;svgCanvas.rasterExport(e,n,t)}}function a(){var e=uiStrings$1.notification.loadingImage;"new"===curConfig.exportWindowType&&editor.exportWindowCt++,t=curConfig.canvasName+editor.exportWindowCt;var n=void 0,a=void 0;if(et)a=et;else{if(n='<!DOCTYPE html><html>\n            <head>\n              <meta charset="utf-8">\n              <title>'+e+"</title>\n            </head>\n            <body><h1>"+e+"</h1></body>\n          <html>",("undefined"==typeof URL||_typeof(URL))&&URL.createObjectURL){var r=new Blob([n],{type:"text/html"});a=URL.createObjectURL(r)}else a="data:text/html;base64;charset=utf-8,"+encode64(n);et=a}m=window.open(a,t)}},function(){var e=$$b(this);"JPEG"===e.val()||"WEBP"===e.val()?$$b("#image-slider").length||$$b("<div><label>"+uiStrings$1.ui.quality+'\n              <input id="image-slider"\n                type="range" min="1" max="100" value="92" />\n            </label></div>').appendTo(e.parent()):$$b("#image-slider").parent().remove()})},nt=function(){svgCanvas.open()},at=function(){},rt=function(){d.getUndoStackSize()>0&&(d.undo(),A())},it=function(){d.getRedoStackSize()>0&&(d.redo(),A())},ot=function(){N?svgCanvas.groupSelectedElements():G&&svgCanvas.ungroupSelectedElement()},st=function(){svgCanvas.cloneSelectedElements(20,20)},lt=function(){var e=this.id.replace("tool_align","").charAt(0);svgCanvas.alignSelectedElements(e,$$b("#align_relative_to").val())},ct=function(){if($$b("#tool_wireframe").toggleClass("push_button_pressed tool_button"),h.toggleClass("wireframe"),!Nt){var e=$$b("#wireframe_rules");e.length?e.empty():e=$$b('<style id="wireframe_rules"></style>').appendTo("head"),H()}};$$b("#svg_docprops_container, #svg_prefs_container").draggable({cancel:"button,fieldset",containment:"window"}).css("position","absolute");var ut,dt,ht=!1,pt=!1,gt=function(){if(!ht){ht=!0,$$b("#image_save_opts input").val([$$b.pref("img_save")]);var e=svgCanvas.getResolution();"px"!==curConfig.baseUnit&&(e.w=convertUnit(e.w)+curConfig.baseUnit,e.h=convertUnit(e.h)+curConfig.baseUnit),$$b("#canvas_width").val(e.w),$$b("#canvas_height").val(e.h),$$b("#canvas_title").val(svgCanvas.getDocumentTitle()),$$b("#svg_docprops").show()}},ft=function(){$$b("#svg_source_editor").hide(),E=!1,$$b("#svg_source_textarea").blur()},vt=function(){if(E){var e=function(){svgCanvas.clearSelection(),ft(),Ee(),A(),q(),Q()};svgCanvas.setSvgString($$b("#svg_source_textarea").val())?e():$$b.confirm(uiStrings$1.notification.QerrorsRevertToSource,function(t){if(!t)return!1;e()}),C()}},mt=function(){$$b("#svg_docprops").hide(),$$b("#canvas_width,#canvas_height").removeAttr("disabled"),$$b("#resolution")[0].selectedIndex=0,$$b("#image_save_opts input").val([$$b.pref("img_save")]),ht=!1},_t=function(){$$b("#svg_prefs").hide(),pt=!1},bt=function(){var e=$$b("#canvas_title").val();q(e),svgCanvas.setDocumentTitle(e);var t=$$b("#canvas_width"),n=t.val(),a=$$b("#canvas_height"),r=a.val();return"fit"===n||isValidUnit("width",n)?(t.parent().removeClass("error"),"fit"===r||isValidUnit("height",r)?(a.parent().removeClass("error"),svgCanvas.setResolution(n,r)?($$b.pref("img_save",$$b("#image_save_opts :checked").val()),D(),void mt()):($$b.alert(uiStrings$1.notification.noContentToFitTo),!1)):($$b.alert(uiStrings$1.notification.invalidAttrValGiven),a.parent().addClass("error"),!1)):($$b.alert(uiStrings$1.notification.invalidAttrValGiven),t.parent().addClass("error"),!1)},yt=editor.savePreferences=function(){V($$b("#bg_blocks div.cur_background").css("background-color")||"#FFF",$$b("#canvas_bg_url").val());var t=$$b("#lang_select").val();t!==$$b.pref("lang")&&editor.putLocale(t,e,curConfig),l($$b("#iconsize").val()),curConfig.gridSnapping=$$b("#grid_snapping_on")[0].checked,curConfig.snappingStep=$$b("#grid_snapping_step").val(),curConfig.gridColor=$$b("#grid_color").val(),curConfig.showRulers=$$b("#show_rulers")[0].checked,$$b("#rulers").toggle(curConfig.showRulers),curConfig.showRulers&&j(),curConfig.baseUnit=$$b("#base_unit").val(),svgCanvas.setConfig(curConfig),D(),_t()},xt=$$b.noop,Ct=function(){$$b("#dialog_box").hide(),E||ht||pt?(E?P!==$$b("#svg_source_textarea").val()?$$b.confirm(uiStrings$1.notification.QignoreSourceChanges,function(e){e&&ft()}):ft():ht?mt():pt&&_t(),xt()):z&&svgCanvas.leaveContext()},St={width:$$b(window).width(),height:$$b(window).height()};if(isIE()&&(xt=function(){0===h[0].scrollLeft&&0===h[0].scrollTop&&(h[0].scrollLeft=v.left,h[0].scrollTop=v.top)},v={left:h[0].scrollLeft,top:h[0].scrollTop},$$b(window).resize(xt),editor.ready(function(){setTimeout(function(){xt()},500)}),h.scroll(function(){v={left:h[0].scrollLeft,top:h[0].scrollTop}})),$$b(window).resize(function(e){$$b.each(St,function(e,t){var n=$$b(window)[e]();h[0]["scroll"+("width"===e?"Left":"Top")]-=(n-t)/2,St[e]=n}),o()}),h.scroll(function(){$$b("#ruler_x").length&&($$b("#ruler_x")[0].scrollLeft=h[0].scrollLeft),$$b("#ruler_y").length&&($$b("#ruler_y")[0].scrollTop=h[0].scrollTop)}),$$b("#url_notice").click(function(){$$b.alert(this.title)}),$$b("#change_image_url").click(B),ut="tool_button_current",dt="",$$b.each(["clear","open","save","source","delete","delete_multi","paste","clone","clone_multi","move_top","move_bottom"],function(e,t){dt+=(e?",":"")+"#tool_"+t}),$$b(dt).mousedown(function(){$$b(this).addClass(ut)}).bind("mousedown mouseout",function(){$$b(this).removeClass(ut)}),$$b("#tool_undo, #tool_redo").mousedown(function(){$$b(this).hasClass("disabled")||$$b(this).addClass(ut)}).bind("mousedown mouseout",function(){$$b(this).removeClass(ut)}),isMac()&&!window.opera)for(var wt=["tool_clear","tool_save","tool_source","tool_undo","tool_redo","tool_clone"],$t=wt.length;$t--;){var kt=document.getElementById(wt[$t]);if(kt){var At=kt.title,Et=At.indexOf("Ctrl+");kt.title=[At.substr(0,Et),"Cmd+",At.substr(Et+5)].join("")}}var Pt=function(e){var t="stroke_color"===e.attr("id")?"stroke":"fill",n="stroke"===t?uiStrings$1.ui.pick_stroke_paint_opacity:uiStrings$1.ui.pick_fill_paint_opacity,a=e.offset(),r=g[t].paint;$$b("#color_picker").draggable({cancel:".jGraduate_tabs, .jGraduate_colPick, .jGraduate_gradPick, .jPicker",containment:"window"}).css(curConfig.colorPickerCSS||{left:a.left-140,bottom:40}).jGraduate({paint:r,window:{pickerTitle:n},images:{clientPath:curConfig.jGraduatePath},newstop:"inverse"},function(e){r=new $$b.jGraduate.Paint(e),g[t].setPaint(r),svgCanvas.setPaint(t,r),$$b("#color_picker").hide()},function(){$$b("#color_picker").hide()})},Tt=function(e,t){var n=void 0,a=void 0,r=curConfig["fill"===t?"initFill":"initStroke"],i=(new DOMParser).parseFromString('<svg xmlns="http://www.w3.org/2000/svg">\n        <rect width="16.5" height="16.5"\n          fill="#'+r.color+'" opacity="'+r.opacity+'"/>\n        <defs><linearGradient id="gradbox_"/></defs>\n      </svg>',"text/xml").documentElement;(i=$$b(e)[0].appendChild(document.importNode(i,!0))).setAttribute("width",16.5),this.rect=i.firstElementChild,this.defs=i.getElementsByTagName("defs")[0],this.grad=this.defs.firstElementChild,this.paint=new $$b.jGraduate.Paint({solidColor:r.color}),this.type=t,this.setPaint=function(e,t){this.paint=e;var r=e.type,i=e.alpha/100,o="none";switch(r){case"solidColor":o="none"!==e[r]?"#"+e[r]:e[r];break;case"linearGradient":case"radialGradient":this.grad.remove(),this.grad=this.defs.appendChild(e[r]),o="url(#"+(this.grad.id="gradbox_"+this.type)+")"}this.rect.setAttribute("fill",o),this.rect.setAttribute("opacity",i),t&&(svgCanvas.setColor(this.type,n,!0),svgCanvas.setPaintOpacity(this.type,a,!0))},this.update=function(e){if(G){var t=this.type;switch(G.tagName){case"use":case"image":case"foreignObject":return;case"g":case"a":for(var r=G.getElementsByTagName("*"),i=null,o=0,s=r.length;o<s;o++){var l=r[o].getAttribute(t);if(0===o)i=l;else if(i!==l){i=null;break}}if(null===i)return void(n=null);n=i,a=1;break;default:a=parseFloat(G.getAttribute(t+"-opacity")),isNaN(a)&&(a=1);var c="fill"===t?"black":"none";n=G.getAttribute(t)||c}e&&(svgCanvas.setColor(t,n,!0),svgCanvas.setPaintOpacity(t,a,!0));var u=function(e,t,n){var a={alpha:t};if(e.startsWith("url(#")){var r=svgCanvas.getRefElem(e);a[(r=r?r.cloneNode(!0):$$b("#"+n+"_color defs *")[0]).tagName]=r}else e.startsWith("#")?a.solidColor=e.substr(1):a.solidColor="none";return new $$b.jGraduate.Paint(a)}(n,a*=100,t);this.setPaint(u)}},this.prep=function(){switch(this.paint.type){case"linearGradient":case"radialGradient":var e=new $$b.jGraduate.Paint({copy:this.paint});svgCanvas.setPaint(t,e)}}};g.fill=new Tt("#fill_color","fill"),g.stroke=new Tt("#stroke_color","stroke"),$$b("#stroke_width").val(curConfig.initStroke.width),$$b("#group_opacity").val(100*curConfig.initOpacity);var Gt=g.fill.rect.cloneNode(!1);Gt.setAttribute("style","vector-effect:non-scaling-stroke");var Nt="non-scaling-stroke"===Gt.style.vectorEffect;Gt.removeAttribute("style");var Lt,It,Mt=g.fill.rect.ownerDocument.createElementNS(NS.SVG,"feGaussianBlur");function Rt(){svgCanvas.deleteCurrentLayer()&&(U(),A(),$$b("#layerlist tr.layer").removeClass("layersel"),$$b("#layerlist tr.layer:first").addClass("layersel"))}function Ot(e){var t=svgCanvas.getCurrentDrawing().getNumLayers(),n=$$b("#layerlist tr.layersel").index();(n>0||n<t-1)&&(n+=e,svgCanvas.setCurrentLayerPosition(t-n-1),A())}void 0===Mt.stdDeviationX&&$$b("#tool_blur").hide(),$$b(Mt).remove(),Lt="-"+s.toLowerCase()+"-zoom-",It=Lt+"in",h.css("cursor",It),h.css("cursor")===It&&(b=It,y=Lt+"out"),h.css("cursor","auto"),setTimeout(function(){svgCanvas.embedImage("images/logo.png",function(e){e||($$b("#image_save_opts [value=embed]").attr("disabled","disabled"),$$b("#image_save_opts input").val(["ref"]),$$b.pref("img_save","ref"),$$b("#image_opt_embed").css("color","#666").attr("title",uiStrings$1.notification.featNotSupported))})},1e3),$$b("#fill_color, #tool_fill .icon_label").click(function(){Pt($$b("#fill_color")),F()}),$$b("#stroke_color, #tool_stroke .icon_label").click(function(){Pt($$b("#stroke_color")),F()}),$$b("#group_opacityLabel").click(function(){$$b("#opacity_dropdown button").mousedown(),$$b(window).mouseup()}),$$b("#zoomLabel").click(function(){$$b("#zoom_dropdown button").mousedown(),$$b(window).mouseup()}),$$b("#tool_move_top").mousedown(function(e){$$b("#tools_stacking").show(),e.preventDefault()}),$$b(".layer_button").mousedown(function(){$$b(this).addClass("layer_buttonpressed")}).mouseout(function(){$$b(this).removeClass("layer_buttonpressed")}).mouseup(function(){$$b(this).removeClass("layer_buttonpressed")}),$$b(".push_button").mousedown(function(){$$b(this).hasClass("disabled")||$$b(this).addClass("push_button_pressed").removeClass("push_button")}).mouseout(function(){$$b(this).removeClass("push_button_pressed").addClass("push_button")}).mouseup(function(){$$b(this).removeClass("push_button_pressed").addClass("push_button")}),$$b("#layer_new").click(function(){var e=void 0,t=svgCanvas.getCurrentDrawing().getNumLayers();do{e=uiStrings$1.layers.layer+" "+ ++t}while(svgCanvas.getCurrentDrawing().hasLayer(e));$$b.prompt(uiStrings$1.notification.enterUniqueLayerName,e,function(e){e&&(svgCanvas.getCurrentDrawing().hasLayer(e)?$$b.alert(uiStrings$1.notification.dupeLayerName):(svgCanvas.createLayer(e),U(),A()))})}),$$b("#layer_delete").click(Rt),$$b("#layer_up").click(function(){Ot(-1)}),$$b("#layer_down").click(function(){Ot(1)}),$$b("#layer_rename").click(function(){var e=$$b("#layerlist tr.layersel td.layername").text();$$b.prompt(uiStrings$1.notification.enterNewLayerName,"",function(t){t&&(e===t||svgCanvas.getCurrentDrawing().hasLayer(t)?$$b.alert(uiStrings$1.notification.layerHasThatName):(svgCanvas.renameCurrentLayer(t),A()))})});var Vt=-1,Bt=!1,jt=!1,Dt=function(e){var t=$$b("#ruler_x");$$b("#sidepanels").width("+="+e),$$b("#layerpanel").width("+="+e),t.css("right",parseInt(t.css("right"),10)+e),h.css("right",parseInt(h.css("right"),10)+e),svgCanvas.runExtensions("workareaResized")},Ft=function(e){if(jt&&-1!==Vt){Bt=!0;var t=Vt-e.pageX,n=$$b("#sidepanels").width();n+t>300?(t=300-n,n=300):n+t<2&&(t=2-n,n=2),0!==t&&(Vt-=t,Dt(t))}},Ut=function(e){var t=$$b("#sidepanels").width();Dt((t>2||e?2:150)-t)};$$b("#sidepanel_handle").mousedown(function(e){Vt=e.pageX,$$b(window).mousemove(Ft),jt=!1,setTimeout(function(){jt=!0},20)}).mouseup(function(e){Bt||Ut(),Vt=-1,Bt=!1}),$$b(window).mouseup(function(){Vt=-1,Bt=!1,$$b("#svg_editor").unbind("mousemove",Ft)}),A();$$b(window).bind("load resize",function(){h.css("line-height",h.height()+"px")}),$$b("#resolution").change(function(){var e=$$b("#canvas_width,#canvas_height");if(this.selectedIndex)if("content"===this.value)e.val("fit").attr("disabled","disabled");else{var t=this.value.split("x");$$b("#canvas_width").val(t[0]),$$b("#canvas_height").val(t[1]),e.removeAttr("disabled")}else"fit"===$$b("#canvas_width").val()&&e.removeAttr("disabled").val(100)}),$$b("input,select").attr("autocomplete","off");var Ht,zt,qt=(Ht=[{sel:"#tool_select",fn:R,evt:"click",key:["V",!0]},{sel:"#tool_fhpath",fn:_e,evt:"click",key:["Q",!0]},{sel:"#tool_line",fn:be,evt:"click",key:["L",!0],parent:"#tools_line",prepend:!0},{sel:"#tool_rect",fn:xe,evt:"mouseup",key:["R",!0],parent:"#tools_rect",icon:"rect"},{sel:"#tool_square",fn:ye,evt:"mouseup",parent:"#tools_rect",icon:"square"},{sel:"#tool_fhrect",fn:Ce,evt:"mouseup",parent:"#tools_rect",icon:"fh_rect"},{sel:"#tool_ellipse",fn:we,evt:"mouseup",key:["E",!0],parent:"#tools_ellipse",icon:"ellipse"},{sel:"#tool_circle",fn:Se,evt:"mouseup",parent:"#tools_ellipse",icon:"circle"},{sel:"#tool_fhellipse",fn:$e,evt:"mouseup",parent:"#tools_ellipse",icon:"fh_ellipse"},{sel:"#tool_path",fn:Ge,evt:"click",key:["P",!0]},{sel:"#tool_text",fn:Te,evt:"click",key:["T",!0]},{sel:"#tool_image",fn:ke,evt:"mouseup"},{sel:"#tool_zoom",fn:Ae,evt:"mouseup",key:["Z",!0]},{sel:"#tool_clear",fn:Qe,evt:"mouseup",key:["N",!0]},{sel:"#tool_save",fn:function(){var e;E?vt():(e={images:$$b.pref("img_save"),round_digits:6},svgCanvas.save(e))},evt:"mouseup",key:["S",!0]},{sel:"#tool_export",fn:tt,evt:"mouseup"},{sel:"#tool_open",fn:nt,evt:"mouseup",key:["O",!0]},{sel:"#tool_import",fn:at,evt:"mouseup"},{sel:"#tool_source",fn:T,evt:"click",key:["U",!0]},{sel:"#tool_wireframe",fn:ct,evt:"click",key:["F",!0]},{sel:"#tool_source_cancel,.overlay,#tool_docprops_cancel,#tool_prefs_cancel",fn:Ct,evt:"click",key:["esc",!1,!1],hidekey:!0},{sel:"#tool_source_save",fn:vt,evt:"click"},{sel:"#tool_docprops_save",fn:bt,evt:"click"},{sel:"#tool_docprops",fn:gt,evt:"mouseup"},{sel:"#tool_prefs_save",fn:yt,evt:"click"},{sel:"#tool_prefs_option",fn:function(){return function(){if(!pt){pt=!0,$$b("#main_menu").hide();var e=$$b("#bg_blocks div"),t="cur_background",n=curPrefs.bkgd_color,a=$$b.pref("bkgd_url");e.each(function(){var e=$$b(this),a=e.css("background-color")===n;e.toggleClass(t,a),a&&$$b("#canvas_bg_url").removeClass(t)}),n||e.eq(0).addClass(t),a&&$$b("#canvas_bg_url").val(a),$$b("#grid_snapping_on").prop("checked",curConfig.gridSnapping),$$b("#grid_snapping_step").attr("value",curConfig.snappingStep),$$b("#grid_color").attr("value",curConfig.gridColor),$$b("#svg_prefs").show()}}(),!1},evt:"mouseup"},{sel:"#tool_delete,#tool_delete_multi",fn:Ne,evt:"click",key:["del/backspace",!0]},{sel:"#tool_reorient",fn:je,evt:"click"},{sel:"#tool_node_link",fn:Ue,evt:"click"},{sel:"#tool_node_clone",fn:He,evt:"click"},{sel:"#tool_node_delete",fn:ze,evt:"click"},{sel:"#tool_openclose_path",fn:We,evt:"click"},{sel:"#tool_add_subpath",fn:qe,evt:"click"},{sel:"#tool_move_top",fn:Re,evt:"click",key:"ctrl+shift+]"},{sel:"#tool_move_bottom",fn:Oe,evt:"click",key:"ctrl+shift+["},{sel:"#tool_topath",fn:Be,evt:"click"},{sel:"#tool_make_link,#tool_make_link_multi",fn:De,evt:"click"},{sel:"#tool_undo",fn:rt,evt:"click"},{sel:"#tool_redo",fn:it,evt:"click"},{sel:"#tool_clone,#tool_clone_multi",fn:st,evt:"click",key:["D",!0]},{sel:"#tool_group_elements",fn:ot,evt:"click",key:["G",!0]},{sel:"#tool_ungroup",fn:ot,evt:"click"},{sel:"#tool_unlink_use",fn:ot,evt:"click"},{sel:"[id^=tool_align]",fn:lt,evt:"click"},{sel:"#tool_bold",fn:Ze,evt:"mousedown"},{sel:"#tool_italic",fn:Je,evt:"mousedown"},{sel:"#sidepanel_handle",fn:Ut,key:["X"]},{sel:"#copy_save_done",fn:Ct,evt:"click"},{key:"ctrl+left",fn:function(){Ke(0,1)}},{key:"ctrl+right",fn:function(){Ke(1,1)}},{key:"ctrl+shift+left",fn:function(){Ke(0,5)}},{key:"ctrl+shift+right",fn:function(){Ke(1,5)}},{key:"shift+O",fn:Xe},{key:"shift+P",fn:Ye},{key:[c+"up",!0],fn:function(){Ee(2)}},{key:[c+"down",!0],fn:function(){Ee(.5)}},{key:[c+"]",!0],fn:function(){Ve("Up")}},{key:[c+"[",!0],fn:function(){Ve("Down")}},{key:["up",!0],fn:function(){Fe(0,-1)}},{key:["down",!0],fn:function(){Fe(0,1)}},{key:["left",!0],fn:function(){Fe(-1,0)}},{key:["right",!0],fn:function(){Fe(1,0)}},{key:"shift+up",fn:function(){Fe(0,-10)}},{key:"shift+down",fn:function(){Fe(0,10)}},{key:"shift+left",fn:function(){Fe(-10,0)}},{key:"shift+right",fn:function(){Fe(10,0)}},{key:["alt+up",!0],fn:function(){svgCanvas.cloneSelectedElements(0,-1)}},{key:["alt+down",!0],fn:function(){svgCanvas.cloneSelectedElements(0,1)}},{key:["alt+left",!0],fn:function(){svgCanvas.cloneSelectedElements(-1,0)}},{key:["alt+right",!0],fn:function(){svgCanvas.cloneSelectedElements(1,0)}},{key:["alt+shift+up",!0],fn:function(){svgCanvas.cloneSelectedElements(0,-10)}},{key:["alt+shift+down",!0],fn:function(){svgCanvas.cloneSelectedElements(0,10)}},{key:["alt+shift+left",!0],fn:function(){svgCanvas.cloneSelectedElements(-10,0)}},{key:["alt+shift+right",!0],fn:function(){svgCanvas.cloneSelectedElements(10,0)}},{key:"A",fn:function(){svgCanvas.selectAllInCurrentLayer()}},{key:c+"z",fn:rt},{key:c+"shift+z",fn:it},{key:c+"y",fn:it},{key:c+"x",fn:Le},{key:c+"c",fn:Ie},{key:c+"v",fn:Me}],zt={"4/Shift+4":"#tools_rect_show","5/Shift+5":"#tools_ellipse_show"},{setAll:function(){var e={};$$b.each(Ht,function(t,n){var a=void 0;if(n.sel){if(!(a=$$b(n.sel)).length)return!0;if(n.evt&&(isTouch()&&"click"===n.evt&&(n.evt="mousedown"),a[n.evt](n.fn)),n.parent&&$$b(n.parent+"_show").length){var r=$$b(n.parent);r.length||(r=ne(n.parent.substr(1))),n.prepend&&(a[0].style.margin="initial"),r[n.prepend?"prepend":"append"](a),Array.isArray(e[n.parent])||(e[n.parent]=[]),e[n.parent].push(n)}}if(n.key){var i=void 0,o=!1;Array.isArray(n.key)?(i=n.key[0],n.key.length>1&&(o=n.key[1])):i=n.key,i+="";var s=n.fn;if($$b.each(i.split("/"),function(e,t){$$b(document).bind("keydown",t,function(e){return s(),o&&e.preventDefault(),!1})}),n.sel&&!n.hidekey&&a.attr("title")){var l=a.attr("title").split("[")[0]+" ("+i+")";zt[i]=n.sel,a.parents("#main_menu").length||a.attr("title",l)}}}),te(e),$$b(".attr_changer, #image_url").bind("keydown","return",function(e){$$b(this).change(),e.preventDefault()}),$$b(window).bind("keydown","tab",function(e){"canvas"===x&&(e.preventDefault(),Ye())}).bind("keydown","shift+tab",function(e){"canvas"===x&&(e.preventDefault(),Xe())}),$$b("#tool_zoom").dblclick(Pe)},setTitles:function(){$$b.each(zt,function(e,t){var n=$$b(t).parents("#main_menu").length;$$b(t).each(function(){var t=void 0;t=n?$$b(this).text().split(" [")[0]:this.title.split(" [")[0];var a="";$$b.each(e.split("/"),function(e,t){var n=t.split("+"),r="";n.length>1&&(r=n[0]+"+",t=n[1]),a+=(e?"/":"")+r+(uiStrings$1["key_"+t]||t)}),n?this.lastChild.textContent=t+" ["+a+"]":this.title=t+" ["+a+"]"})})},getButtonData:function(e){return Object.values(Ht).find(function(t){return t.sel===e})}});editor.ready(function(){var e=curConfig.initTool,t=$$b("#tools_left, #svg_editor .tools_flyout"),n=t.find("#tool_"+e),a=t.find("#"+e);(n.length?n:a.length?a:$$b("#tool_select")).click().mouseup(),curConfig.wireframe&&$$b("#tool_wireframe").click(),curConfig.showlayers&&Ut(),$$b("#rulers").toggle(!!curConfig.showRulers),curConfig.showRulers&&($$b("#show_rulers")[0].checked=!0),curConfig.baseUnit&&$$b("#base_unit").val(curConfig.baseUnit),curConfig.gridSnapping&&($$b("#grid_snapping_on")[0].checked=!0),curConfig.snappingStep&&$$b("#grid_snapping_step").val(curConfig.snappingStep),curConfig.gridColor&&$$b("#grid_color").val(curConfig.gridColor)}),$$b("#rect_rx").SpinButton({min:0,max:1e3,stateObj:i,callback:function(e){svgCanvas.setRectRadius(e.value)}}),$$b("#stroke_width").SpinButton({min:0,max:99,smallStep:.1,stateObj:i,callback:function(e){var t=e.value;0===t&&G&&["line","polyline"].includes(G.nodeName)&&(t=e.value=1),svgCanvas.setStrokeWidth(t)}}),$$b("#angle").SpinButton({min:-180,max:180,step:5,stateObj:i,callback:function(e){svgCanvas.setRotationAngle(e.value),$$b("#tool_reorient").toggleClass("disabled",0===parseInt(e.value,10))}}),$$b("#font_size").SpinButton({min:.001,stepfunc:function(e,t){var n=Number(e.value),a=n+t,r=a>=n;return 0===t?n:n>=24?r?Math.round(1.1*n):Math.round(n/1.1):n<=1?r?2*n:n/2:a},stateObj:i,callback:function(e){svgCanvas.setFontSize(e.value)}}),$$b("#group_opacity").SpinButton({min:0,max:100,step:5,stateObj:i,callback:se}),$$b("#blur").SpinButton({min:0,max:10,step:.1,stateObj:i,callback:le}),$$b("#zoom").SpinButton({min:.001,max:1e4,step:50,stepfunc:function(e,t){var n=Number(e.value);if(0===n)return 100;var a=n+t;return 0===t?n:n>=100?a:a>=n?2*n:n/2},stateObj:i,callback:K}).val(100*svgCanvas.getZoom()),$$b("#workarea").contextMenu({menu:"cmenu_canvas",inSpeed:0},function(e,t,n){switch(e){case"delete":Ne();break;case"cut":Le();break;case"copy":Ie();break;case"paste":svgCanvas.pasteElements();break;case"paste_in_place":svgCanvas.pasteElements("in_place");break;case"group":case"group_elements":svgCanvas.groupSelectedElements();break;case"ungroup":svgCanvas.ungroupSelectedElement();break;case"move_front":Re();break;case"move_up":Ve("Up");break;case"move_down":Ve("Down");break;case"move_back":Oe();break;default:hasCustomHandler(e)&&getCustomHandler(e).call()}});var Wt=function(e,t,n){switch(e){case"dupe":a=svgCanvas.getCurrentDrawing().getCurrentLayerName()+" copy",$$b.prompt(uiStrings$1.notification.enterUniqueLayerName,a,function(e){e&&(svgCanvas.getCurrentDrawing().hasLayer(e)?$$b.alert(uiStrings$1.notification.dupeLayerName):(svgCanvas.cloneLayer(e),U(),A()))});break;case"delete":Rt();break;case"merge_down":$$b("#layerlist tr.layersel").index()!==svgCanvas.getCurrentDrawing().getNumLayers()-1&&(svgCanvas.mergeLayer(),U(),A());break;case"merge_all":svgCanvas.mergeAllLayers(),U(),A()}var a};function Yt(){var e=void 0;try{e=localStorage.getItem("svgedit_clipboard")}catch(e){}p[(e?"en":"dis")+"ableContextMenuItems"]("#paste,#paste_in_place")}if($$b("#layerlist").contextMenu({menu:"cmenu_layers",inSpeed:0},Wt),$$b("#layer_moreopts").contextMenu({menu:"cmenu_layers",inSpeed:0,allowLeft:!0},Wt),$$b(".contextMenu li").mousedown(function(e){e.preventDefault()}),$$b("#cmenu_canvas li").disableContextMenu(),p.enableContextMenuItems("#delete,#cut,#copy"),Yt(),window.addEventListener("storage",function(e){"svgedit_clipboard"===e.key&&Yt()}),window.addEventListener("beforeunload",function(e){if(0===d.getUndoStackSize()&&(editor.showSaveWarning=!1),!curConfig.no_save_warning&&editor.showSaveWarning)return e.returnValue=uiStrings$1.notification.unsavedChanges,uiStrings$1.notification.unsavedChanges},!1),editor.canvas.getUIStrings=function(){return uiStrings$1},editor.openPrep=function(e){$$b("#main_menu").hide(),0===d.getUndoStackSize()?e(!0):$$b.confirm(uiStrings$1.notification.QwantToOpen,e)},window.FileReader){var Xt=function(e){$$b.process_cancel(uiStrings$1.notification.loadingImage),e.stopPropagation(),e.preventDefault(),$$b("#workarea").removeAttr("style"),$$b("#main_menu").hide();var t="drop"===e.type?e.dataTransfer.files[0]:this.files[0];if(t){if(t.type.includes("image")){var n=void 0;t.type.includes("svg")?((n=new FileReader).onloadend=function(e){var t=svgCanvas.importSvgString(e.target.result,!0);svgCanvas.ungroupSelectedElement(),svgCanvas.ungroupSelectedElement(),svgCanvas.groupSelectedElements(),svgCanvas.alignSelectedElements("m","page"),svgCanvas.alignSelectedElements("c","page"),svgCanvas.selectOnly([t]),$$b("#dialog_box").hide()},n.readAsText(t)):((n=new FileReader).onloadend=function(e){var t=100,n=100,a=new Image;a.src=e.target.result,a.style.opacity=0,a.onload=function(){var r,i,o;t=a.offsetWidth,n=a.offsetHeight,r=t,i=n,o=svgCanvas.addSVGElementFromJson({element:"image",attr:{x:0,y:0,width:r,height:i,id:svgCanvas.getNextId(),style:"pointer-events:inherit"}}),svgCanvas.setHref(o,e.target.result),svgCanvas.selectOnly([o]),svgCanvas.alignSelectedElements("m","page"),svgCanvas.alignSelectedElements("c","page"),U(),$$b("#dialog_box").hide()}},n.readAsDataURL(t))}}else $$b("#dialog_box").hide()};h[0].addEventListener("dragenter",function(e){e.stopPropagation(),e.preventDefault()},!1),h[0].addEventListener("dragover",function(e){e.stopPropagation(),e.preventDefault()},!1),h[0].addEventListener("dragleave",function(e){e.stopPropagation(),e.preventDefault()},!1),h[0].addEventListener("drop",Xt,!1);var Kt=$$b('<input type="file">').change(function(){var e=this;editor.openPrep(function(t){if(t&&(svgCanvas.clear(),1===e.files.length)){$$b.process_cancel(uiStrings$1.notification.loadingImage);var n=new FileReader;n.onloadend=function(e){loadSvgString(e.target.result),D()},n.readAsText(e.files[0])}})});$$b("#tool_open").show().prepend(Kt);var Qt=$$b('<input type="file">').change(Xt);$$b("#tool_import").show().prepend(Qt)}D(!0);var Zt=editor.setLang=function(e,t){if(editor.langChanged=!0,$$b.pref("lang",e),$$b("#lang_select").val(e),t){$$b.extend(uiStrings$1,t);var n=$$b("#layerlist tr.layersel td.layername").text()===uiStrings$1.common.layer+" 1";if(svgCanvas.setUiStrings(t),qt.setTitles(),n&&(svgCanvas.renameCurrentLayer(uiStrings$1.common.layer+" 1"),A()),re.length)for(;re.length;){var a=re.shift();a.langReady({lang:e,uiStrings:uiStrings$1,importLocale:getImportLocale({defaultLang:e,defaultName:a.name})})}else svgCanvas.runExtensions("langReady",{lang:e,uiStrings:uiStrings$1});svgCanvas.runExtensions("langChanged",e),J();$$b.each({"#stroke_color":"#tool_stroke .icon_label, #tool_stroke .color_block","#fill_color":"#tool_fill label, #tool_fill .color_block","#linejoin_miter":"#cur_linejoin","#linecap_butt":"#cur_linecap"},function(e,t){$$b(t).attr("title",$$b(e)[0].title)}),$$b("#multiselected_panel div[id^=tool_align]").each(function(){$$b("#tool_pos"+this.id.substr(10))[0].title=this.title})}};init$7({addLangData:function(e){return svgCanvas.runExtensions("addLangData",function(t){return{lang:e,importLocale:getImportLocale({defaultLang:e,defaultName:t})}},!0)},curConfig:curConfig}),"file:"===document.location.protocol?setTimeout(r,100):r()},editor.ready=function(e){isReady?e():callbacks.push(e)},editor.runCallbacks=function(){callbacks.forEach(function(e){e()}),isReady=!0},editor.loadFromString=function(e){editor.ready(function(){loadSvgString(e)})},editor.disableUI=function(e){},editor.loadFromURL=function(e,t){t||(t={});var n=t,a=n.cache,r=n.callback;editor.ready(function(){$$b.ajax({url:e,dataType:"text",cache:!!a,beforeSend:function(){$$b.process_cancel(uiStrings$1.notification.loadingImage)},success:function(e){loadSvgString(e,r)},error:function(e,t,n){404!==e.status&&e.responseText?loadSvgString(e.responseText,r):$$b.alert(uiStrings$1.notification.URLloadFail+": \n"+n,r)},complete:function(){$$b("#dialog_box").hide()}})})},editor.loadFromDataURI=function(e){editor.ready(function(){var t=!1,n=e.match(/^data:image\/svg\+xml;base64,/);n?t=!0:n=e.match(/^data:image\/svg\+xml(?:;(?:utf8)?)?,/),n&&(n=n[0]);var a=e.slice(n.length);loadSvgString(t?decode64(a):decodeURIComponent(a))})},editor.addExtension=function(e,t,n){if(!svgCanvas)throw new Error("Extension added too early");return svgCanvas.addExtension.call(this,e,t,n)},editor.ready(function(){injectExtendedContextMenuItemsIntoDom()});var extensionsAdded=!1,messageQueue=[],messageListener=function(e){var t={data:e.data,origin:e.origin};extensionsAdded?svgCanvas.call("message",t):messageQueue.push(t)};window.addEventListener("message",messageListener),Promise.resolve().then(function(){editor.init()});export default editor;
+//# sourceMappingURL=index-es.min.js.map
diff --git a/dist/index-es.min.js.map b/dist/index-es.min.js.map
new file mode 100644
index 00000000..9064d62a
--- /dev/null
+++ b/dist/index-es.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"index-es.min.js","sources":["../editor/touch.js","../editor/namespaces.js","../editor/svgpathseg.js","../editor/browser.js","../editor/jQuery.attr.js","../editor/svgtransformlist.js","../editor/units.js","../editor/history.js","../editor/math.js","../editor/path.js","../editor/utilities.js","../editor/contextmenu.js","../editor/external/dynamic-import-polyfill/importModule.js","../editor/layer.js","../editor/historyrecording.js","../editor/draw.js","../editor/sanitize.js","../editor/coords.js","../editor/recalculate.js","../editor/select.js","../editor/svgcanvas.js","../editor/js-hotkeys/jquery.hotkeys.min.js","../editor/jquerybbq/jquery.bbq.min.js","../editor/svgicons/jQuery.svgIcons.js","../editor/jgraduate/jQuery.jGraduate.js","../editor/spinbtn/jQuery.SpinButton.js","../editor/contextmenu/jQuery.contextMenu.js","../editor/jgraduate/jQuery.jPicker.js","../editor/locale/locale.js","../editor/external/load-stylesheets/index-es.js","../editor/svg-editor.js"],"sourcesContent":["// http://ross.posterous.com/2008/08/19/iphone-touch-events-in-javascript/\nfunction touchHandler (ev) {\n  const {changedTouches} = ev,\n    first = changedTouches[0];\n\n  let type = '';\n  switch (ev.type) {\n  case 'touchstart': type = 'mousedown'; break;\n  case 'touchmove': type = 'mousemove'; break;\n  case 'touchend': type = 'mouseup'; break;\n  default: return;\n  }\n\n  const {screenX, screenY, clientX, clientY} = first;\n  const simulatedEvent = new MouseEvent(type, {\n    // Event interface\n    bubbles: true,\n    cancelable: true,\n    // UIEvent interface\n    view: window,\n    detail: 1, // click count\n    // MouseEvent interface (customized)\n    screenX, screenY, clientX, clientY,\n    // MouseEvent interface (defaults) - these could be removed\n    ctrlKey: false,\n    altKey: false,\n    shiftKey: false,\n    metaKey: false,\n    button: 0, // main button (usually left)\n    relatedTarget: null\n  });\n  if (changedTouches.length < 2) {\n    first.target.dispatchEvent(simulatedEvent);\n    ev.preventDefault();\n  }\n}\n\ndocument.addEventListener('touchstart', touchHandler, true);\ndocument.addEventListener('touchmove', touchHandler, true);\ndocument.addEventListener('touchend', touchHandler, true);\ndocument.addEventListener('touchcancel', touchHandler, true);\n","/**\n * Namespaces or tools therefor\n * @module namespaces\n * @license MIT\n*/\n\n/**\n* Common namepaces constants in alpha order\n* @enum {string}\n* @type {PlainObject}\n* @memberof module:namespaces\n*/\nexport const NS = {\n  HTML: 'http://www.w3.org/1999/xhtml',\n  MATH: 'http://www.w3.org/1998/Math/MathML',\n  SE: 'http://svg-edit.googlecode.com',\n  SVG: 'http://www.w3.org/2000/svg',\n  XLINK: 'http://www.w3.org/1999/xlink',\n  XML: 'http://www.w3.org/XML/1998/namespace',\n  XMLNS: 'http://www.w3.org/2000/xmlns/' // see http://www.w3.org/TR/REC-xml-names/#xmlReserved\n};\n\n/**\n* @function module:namespaces.getReverseNS\n* @returns {string} The NS with key values switched and lowercase\n*/\nexport const getReverseNS = function () {\n  const reverseNS = {};\n  Object.entries(NS).forEach(([name, URI]) => {\n    reverseNS[URI] = name.toLowerCase();\n  });\n  return reverseNS;\n};\n","/**\n* SVGPathSeg API polyfill\n* https://github.com/progers/pathseg\n*\n* This is a drop-in replacement for the `SVGPathSeg` and `SVGPathSegList` APIs\n* that were removed from SVG2 ({@link https://lists.w3.org/Archives/Public/www-svg/2015Jun/0044.html}),\n* including the latest spec changes which were implemented in Firefox 43 and\n* Chrome 46.\n*/\n(() => {\nif (!('SVGPathSeg' in window)) {\n  // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSeg\n  class SVGPathSeg {\n    constructor (type, typeAsLetter, owningPathSegList) {\n      this.pathSegType = type;\n      this.pathSegTypeAsLetter = typeAsLetter;\n      this._owningPathSegList = owningPathSegList;\n    }\n    // Notify owning PathSegList on any changes so they can be synchronized back to the path element.\n    _segmentChanged () {\n      if (this._owningPathSegList) {\n        this._owningPathSegList.segmentChanged(this);\n      }\n    }\n  }\n  SVGPathSeg.prototype.classname = 'SVGPathSeg';\n\n  SVGPathSeg.PATHSEG_UNKNOWN = 0;\n  SVGPathSeg.PATHSEG_CLOSEPATH = 1;\n  SVGPathSeg.PATHSEG_MOVETO_ABS = 2;\n  SVGPathSeg.PATHSEG_MOVETO_REL = 3;\n  SVGPathSeg.PATHSEG_LINETO_ABS = 4;\n  SVGPathSeg.PATHSEG_LINETO_REL = 5;\n  SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS = 6;\n  SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL = 7;\n  SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS = 8;\n  SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL = 9;\n  SVGPathSeg.PATHSEG_ARC_ABS = 10;\n  SVGPathSeg.PATHSEG_ARC_REL = 11;\n  SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS = 12;\n  SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL = 13;\n  SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS = 14;\n  SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL = 15;\n  SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS = 16;\n  SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL = 17;\n  SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS = 18;\n  SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL = 19;\n\n  class SVGPathSegClosePath extends SVGPathSeg {\n    constructor (owningPathSegList) {\n      super(SVGPathSeg.PATHSEG_CLOSEPATH, 'z', owningPathSegList);\n    }\n    toString () { return '[object SVGPathSegClosePath]'; }\n    _asPathString () { return this.pathSegTypeAsLetter; }\n    clone () { return new SVGPathSegClosePath(undefined); }\n  }\n\n  class SVGPathSegMovetoAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y) {\n      super(SVGPathSeg.PATHSEG_MOVETO_ABS, 'M', owningPathSegList);\n      this._x = x;\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegMovetoAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegMovetoAbs(undefined, this._x, this._y); }\n  }\n  Object.defineProperties(SVGPathSegMovetoAbs.prototype, {\n    x: {\n      get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true\n    },\n    y: {\n      get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true\n    }\n  });\n\n  class SVGPathSegMovetoRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y) {\n      super(SVGPathSeg.PATHSEG_MOVETO_REL, 'm', owningPathSegList);\n      this._x = x;\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegMovetoRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegMovetoRel(undefined, this._x, this._y); }\n  }\n  Object.defineProperties(SVGPathSegMovetoRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegLinetoAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y) {\n      super(SVGPathSeg.PATHSEG_LINETO_ABS, 'L', owningPathSegList);\n      this._x = x;\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegLinetoAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegLinetoAbs(undefined, this._x, this._y); }\n  }\n  Object.defineProperties(SVGPathSegLinetoAbs.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegLinetoRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y) {\n      super(SVGPathSeg.PATHSEG_LINETO_REL, 'l', owningPathSegList);\n      this._x = x;\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegLinetoRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegLinetoRel(undefined, this._x, this._y); }\n  }\n  Object.defineProperties(SVGPathSegLinetoRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoCubicAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, x1, y1, x2, y2) {\n      super(SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS, 'C', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._x1 = x1;\n      this._y1 = y1;\n      this._x2 = x2;\n      this._y2 = y2;\n    }\n    toString () { return '[object SVGPathSegCurvetoCubicAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoCubicAbs.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    x1: { get () { return this._x1; }, set (x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true },\n    y1: { get () { return this._y1; }, set (y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true },\n    x2: { get () { return this._x2; }, set (x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true },\n    y2: { get () { return this._y2; }, set (y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoCubicRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, x1, y1, x2, y2) {\n      super(SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, 'c', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._x1 = x1;\n      this._y1 = y1;\n      this._x2 = x2;\n      this._y2 = y2;\n    }\n    toString () { return '[object SVGPathSegCurvetoCubicRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoCubicRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    x1: { get () { return this._x1; }, set (x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true },\n    y1: { get () { return this._y1; }, set (y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true },\n    x2: { get () { return this._x2; }, set (x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true },\n    y2: { get () { return this._y2; }, set (y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoQuadraticAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, x1, y1) {\n      super(SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS, 'Q', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._x1 = x1;\n      this._y1 = y1;\n    }\n    toString () { return '[object SVGPathSegCurvetoQuadraticAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoQuadraticAbs.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    x1: { get () { return this._x1; }, set (x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true },\n    y1: { get () { return this._y1; }, set (y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoQuadraticRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, x1, y1) {\n      super(SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL, 'q', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._x1 = x1;\n      this._y1 = y1;\n    }\n    toString () { return '[object SVGPathSegCurvetoQuadraticRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoQuadraticRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    x1: { get () { return this._x1; }, set (x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true },\n    y1: { get () { return this._y1; }, set (y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegArcAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {\n      super(SVGPathSeg.PATHSEG_ARC_ABS, 'A', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._r1 = r1;\n      this._r2 = r2;\n      this._angle = angle;\n      this._largeArcFlag = largeArcFlag;\n      this._sweepFlag = sweepFlag;\n    }\n    toString () { return '[object SVGPathSegArcAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag); }\n  }\n  Object.defineProperties(SVGPathSegArcAbs.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    r1: { get () { return this._r1; }, set (r1) { this._r1 = r1; this._segmentChanged(); }, enumerable: true },\n    r2: { get () { return this._r2; }, set (r2) { this._r2 = r2; this._segmentChanged(); }, enumerable: true },\n    angle: { get () { return this._angle; }, set (angle) { this._angle = angle; this._segmentChanged(); }, enumerable: true },\n    largeArcFlag: { get () { return this._largeArcFlag; }, set (largeArcFlag) { this._largeArcFlag = largeArcFlag; this._segmentChanged(); }, enumerable: true },\n    sweepFlag: { get () { return this._sweepFlag; }, set (sweepFlag) { this._sweepFlag = sweepFlag; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegArcRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {\n      super(SVGPathSeg.PATHSEG_ARC_REL, 'a', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._r1 = r1;\n      this._r2 = r2;\n      this._angle = angle;\n      this._largeArcFlag = largeArcFlag;\n      this._sweepFlag = sweepFlag;\n    }\n    toString () { return '[object SVGPathSegArcRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag); }\n  }\n  Object.defineProperties(SVGPathSegArcRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    r1: { get () { return this._r1; }, set (r1) { this._r1 = r1; this._segmentChanged(); }, enumerable: true },\n    r2: { get () { return this._r2; }, set (r2) { this._r2 = r2; this._segmentChanged(); }, enumerable: true },\n    angle: { get () { return this._angle; }, set (angle) { this._angle = angle; this._segmentChanged(); }, enumerable: true },\n    largeArcFlag: { get () { return this._largeArcFlag; }, set (largeArcFlag) { this._largeArcFlag = largeArcFlag; this._segmentChanged(); }, enumerable: true },\n    sweepFlag: { get () { return this._sweepFlag; }, set (sweepFlag) { this._sweepFlag = sweepFlag; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegLinetoHorizontalAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x) {\n      super(SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS, 'H', owningPathSegList);\n      this._x = x;\n    }\n    toString () { return '[object SVGPathSegLinetoHorizontalAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x; }\n    clone () { return new SVGPathSegLinetoHorizontalAbs(undefined, this._x); }\n  }\n  Object.defineProperty(SVGPathSegLinetoHorizontalAbs.prototype, 'x', { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true });\n\n  class SVGPathSegLinetoHorizontalRel extends SVGPathSeg {\n    constructor (owningPathSegList, x) {\n      super(SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL, 'h', owningPathSegList);\n      this._x = x;\n    }\n    toString () { return '[object SVGPathSegLinetoHorizontalRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x; }\n    clone () { return new SVGPathSegLinetoHorizontalRel(undefined, this._x); }\n  }\n  Object.defineProperty(SVGPathSegLinetoHorizontalRel.prototype, 'x', { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true });\n\n  class SVGPathSegLinetoVerticalAbs extends SVGPathSeg {\n    constructor (owningPathSegList, y) {\n      super(SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS, 'V', owningPathSegList);\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegLinetoVerticalAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._y; }\n    clone () { return new SVGPathSegLinetoVerticalAbs(undefined, this._y); }\n  }\n  Object.defineProperty(SVGPathSegLinetoVerticalAbs.prototype, 'y', { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true });\n\n  class SVGPathSegLinetoVerticalRel extends SVGPathSeg {\n    constructor (owningPathSegList, y) {\n      super(SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL, 'v', owningPathSegList);\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegLinetoVerticalRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._y; }\n    clone () { return new SVGPathSegLinetoVerticalRel(undefined, this._y); }\n  }\n  Object.defineProperty(SVGPathSegLinetoVerticalRel.prototype, 'y', { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true });\n\n  class SVGPathSegCurvetoCubicSmoothAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, x2, y2) {\n      super(SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS, 'S', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._x2 = x2;\n      this._y2 = y2;\n    }\n    toString () { return '[object SVGPathSegCurvetoCubicSmoothAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoCubicSmoothAbs.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    x2: { get () { return this._x2; }, set (x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true },\n    y2: { get () { return this._y2; }, set (y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoCubicSmoothRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, x2, y2) {\n      super(SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL, 's', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._x2 = x2;\n      this._y2 = y2;\n    }\n    toString () { return '[object SVGPathSegCurvetoCubicSmoothRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoCubicSmoothRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    x2: { get () { return this._x2; }, set (x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true },\n    y2: { get () { return this._y2; }, set (y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoQuadraticSmoothAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y) {\n      super(SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS, 'T', owningPathSegList);\n      this._x = x;\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegCurvetoQuadraticSmoothAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoQuadraticSmoothAbs.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoQuadraticSmoothRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y) {\n      super(SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL, 't', owningPathSegList);\n      this._x = x;\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegCurvetoQuadraticSmoothRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoQuadraticSmoothRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }\n  });\n\n  // Add createSVGPathSeg* functions to SVGPathElement.\n  // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathElement.\n  SVGPathElement.prototype.createSVGPathSegClosePath = function () { return new SVGPathSegClosePath(undefined); };\n  SVGPathElement.prototype.createSVGPathSegMovetoAbs = function (x, y) { return new SVGPathSegMovetoAbs(undefined, x, y); };\n  SVGPathElement.prototype.createSVGPathSegMovetoRel = function (x, y) { return new SVGPathSegMovetoRel(undefined, x, y); };\n  SVGPathElement.prototype.createSVGPathSegLinetoAbs = function (x, y) { return new SVGPathSegLinetoAbs(undefined, x, y); };\n  SVGPathElement.prototype.createSVGPathSegLinetoRel = function (x, y) { return new SVGPathSegLinetoRel(undefined, x, y); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs = function (x, y, x1, y1, x2, y2) { return new SVGPathSegCurvetoCubicAbs(undefined, x, y, x1, y1, x2, y2); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel = function (x, y, x1, y1, x2, y2) { return new SVGPathSegCurvetoCubicRel(undefined, x, y, x1, y1, x2, y2); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs = function (x, y, x1, y1) { return new SVGPathSegCurvetoQuadraticAbs(undefined, x, y, x1, y1); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel = function (x, y, x1, y1) { return new SVGPathSegCurvetoQuadraticRel(undefined, x, y, x1, y1); };\n  SVGPathElement.prototype.createSVGPathSegArcAbs = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) { return new SVGPathSegArcAbs(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag); };\n  SVGPathElement.prototype.createSVGPathSegArcRel = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) { return new SVGPathSegArcRel(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag); };\n  SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs = function (x) { return new SVGPathSegLinetoHorizontalAbs(undefined, x); };\n  SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel = function (x) { return new SVGPathSegLinetoHorizontalRel(undefined, x); };\n  SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs = function (y) { return new SVGPathSegLinetoVerticalAbs(undefined, y); };\n  SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel = function (y) { return new SVGPathSegLinetoVerticalRel(undefined, y); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs = function (x, y, x2, y2) { return new SVGPathSegCurvetoCubicSmoothAbs(undefined, x, y, x2, y2); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel = function (x, y, x2, y2) { return new SVGPathSegCurvetoCubicSmoothRel(undefined, x, y, x2, y2); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs = function (x, y) { return new SVGPathSegCurvetoQuadraticSmoothAbs(undefined, x, y); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel = function (x, y) { return new SVGPathSegCurvetoQuadraticSmoothRel(undefined, x, y); };\n\n  if (!('getPathSegAtLength' in SVGPathElement.prototype)) {\n    // Add getPathSegAtLength to SVGPathElement.\n    // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-__svg__SVGPathElement__getPathSegAtLength\n    // This polyfill requires SVGPathElement.getTotalLength to implement the distance-along-a-path algorithm.\n    SVGPathElement.prototype.getPathSegAtLength = function (distance) {\n      if (distance === undefined || !isFinite(distance)) {\n        throw new Error('Invalid arguments.');\n      }\n\n      const measurementElement = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n      measurementElement.setAttribute('d', this.getAttribute('d'));\n      let lastPathSegment = measurementElement.pathSegList.numberOfItems - 1;\n\n      // If the path is empty, return 0.\n      if (lastPathSegment <= 0) {\n        return 0;\n      }\n\n      do {\n        measurementElement.pathSegList.removeItem(lastPathSegment);\n        if (distance > measurementElement.getTotalLength()) {\n          break;\n        }\n        lastPathSegment--;\n      } while (lastPathSegment > 0);\n      return lastPathSegment;\n    };\n  }\n\n  window.SVGPathSeg = SVGPathSeg;\n  window.SVGPathSegClosePath = SVGPathSegClosePath;\n  window.SVGPathSegMovetoAbs = SVGPathSegMovetoAbs;\n  window.SVGPathSegMovetoRel = SVGPathSegMovetoRel;\n  window.SVGPathSegLinetoAbs = SVGPathSegLinetoAbs;\n  window.SVGPathSegLinetoRel = SVGPathSegLinetoRel;\n  window.SVGPathSegCurvetoCubicAbs = SVGPathSegCurvetoCubicAbs;\n  window.SVGPathSegCurvetoCubicRel = SVGPathSegCurvetoCubicRel;\n  window.SVGPathSegCurvetoQuadraticAbs = SVGPathSegCurvetoQuadraticAbs;\n  window.SVGPathSegCurvetoQuadraticRel = SVGPathSegCurvetoQuadraticRel;\n  window.SVGPathSegArcAbs = SVGPathSegArcAbs;\n  window.SVGPathSegArcRel = SVGPathSegArcRel;\n  window.SVGPathSegLinetoHorizontalAbs = SVGPathSegLinetoHorizontalAbs;\n  window.SVGPathSegLinetoHorizontalRel = SVGPathSegLinetoHorizontalRel;\n  window.SVGPathSegLinetoVerticalAbs = SVGPathSegLinetoVerticalAbs;\n  window.SVGPathSegLinetoVerticalRel = SVGPathSegLinetoVerticalRel;\n  window.SVGPathSegCurvetoCubicSmoothAbs = SVGPathSegCurvetoCubicSmoothAbs;\n  window.SVGPathSegCurvetoCubicSmoothRel = SVGPathSegCurvetoCubicSmoothRel;\n  window.SVGPathSegCurvetoQuadraticSmoothAbs = SVGPathSegCurvetoQuadraticSmoothAbs;\n  window.SVGPathSegCurvetoQuadraticSmoothRel = SVGPathSegCurvetoQuadraticSmoothRel;\n}\n\n// Checking for SVGPathSegList in window checks for the case of an implementation without the\n// SVGPathSegList API.\n// The second check for appendItem is specific to Firefox 59+ which removed only parts of the\n// SVGPathSegList API (e.g., appendItem). In this case we need to re-implement the entire API\n// so the polyfill data (i.e., _list) is used throughout.\nif (!('SVGPathSegList' in window) || !('appendItem' in SVGPathSegList.prototype)) {\n  // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSegList\n  class SVGPathSegList {\n    constructor (pathElement) {\n      this._pathElement = pathElement;\n      this._list = this._parsePath(this._pathElement.getAttribute('d'));\n\n      // Use a MutationObserver to catch changes to the path's \"d\" attribute.\n      this._mutationObserverConfig = {attributes: true, attributeFilter: ['d']};\n      this._pathElementMutationObserver = new MutationObserver(this._updateListFromPathMutations.bind(this));\n      this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);\n    }\n    // Process any pending mutations to the path element and update the list as needed.\n    // This should be the first call of all public functions and is needed because\n    // MutationObservers are not synchronous so we can have pending asynchronous mutations.\n    _checkPathSynchronizedToList () {\n      this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords());\n    }\n\n    _updateListFromPathMutations (mutationRecords) {\n      if (!this._pathElement) {\n        return;\n      }\n      let hasPathMutations = false;\n      mutationRecords.forEach((record) => {\n        if (record.attributeName === 'd') {\n          hasPathMutations = true;\n        }\n      });\n      if (hasPathMutations) {\n        this._list = this._parsePath(this._pathElement.getAttribute('d'));\n      }\n    }\n\n    // Serialize the list and update the path's 'd' attribute.\n    _writeListToPath () {\n      this._pathElementMutationObserver.disconnect();\n      this._pathElement.setAttribute('d', SVGPathSegList._pathSegArrayAsString(this._list));\n      this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);\n    }\n\n    // When a path segment changes the list needs to be synchronized back to the path element.\n    segmentChanged (pathSeg) {\n      this._writeListToPath();\n    }\n\n    clear () {\n      this._checkPathSynchronizedToList();\n\n      this._list.forEach((pathSeg) => {\n        pathSeg._owningPathSegList = null;\n      });\n      this._list = [];\n      this._writeListToPath();\n    }\n\n    initialize (newItem) {\n      this._checkPathSynchronizedToList();\n\n      this._list = [newItem];\n      newItem._owningPathSegList = this;\n      this._writeListToPath();\n      return newItem;\n    }\n\n    _checkValidIndex (index) {\n      if (isNaN(index) || index < 0 || index >= this.numberOfItems) {\n        throw new Error('INDEX_SIZE_ERR');\n      }\n    }\n\n    getItem (index) {\n      this._checkPathSynchronizedToList();\n\n      this._checkValidIndex(index);\n      return this._list[index];\n    }\n\n    insertItemBefore (newItem, index) {\n      this._checkPathSynchronizedToList();\n\n      // Spec: If the index is greater than or equal to numberOfItems, then the new item is appended to the end of the list.\n      if (index > this.numberOfItems) {\n        index = this.numberOfItems;\n      }\n      if (newItem._owningPathSegList) {\n        // SVG2 spec says to make a copy.\n        newItem = newItem.clone();\n      }\n      this._list.splice(index, 0, newItem);\n      newItem._owningPathSegList = this;\n      this._writeListToPath();\n      return newItem;\n    }\n\n    replaceItem (newItem, index) {\n      this._checkPathSynchronizedToList();\n\n      if (newItem._owningPathSegList) {\n        // SVG2 spec says to make a copy.\n        newItem = newItem.clone();\n      }\n      this._checkValidIndex(index);\n      this._list[index] = newItem;\n      newItem._owningPathSegList = this;\n      this._writeListToPath();\n      return newItem;\n    }\n\n    removeItem (index) {\n      this._checkPathSynchronizedToList();\n\n      this._checkValidIndex(index);\n      const item = this._list[index];\n      this._list.splice(index, 1);\n      this._writeListToPath();\n      return item;\n    }\n\n    appendItem (newItem) {\n      this._checkPathSynchronizedToList();\n\n      if (newItem._owningPathSegList) {\n        // SVG2 spec says to make a copy.\n        newItem = newItem.clone();\n      }\n      this._list.push(newItem);\n      newItem._owningPathSegList = this;\n      // TODO: Optimize this to just append to the existing attribute.\n      this._writeListToPath();\n      return newItem;\n    }\n\n    // This closely follows SVGPathParser::parsePath from Source/core/svg/SVGPathParser.cpp.\n    _parsePath (string) {\n      if (!string || !string.length) {\n        return [];\n      }\n\n      const owningPathSegList = this;\n\n      class Builder {\n        constructor () {\n          this.pathSegList = [];\n        }\n        appendSegment (pathSeg) {\n          this.pathSegList.push(pathSeg);\n        }\n      }\n\n      class Source {\n        constructor (string) {\n          this._string = string;\n          this._currentIndex = 0;\n          this._endIndex = this._string.length;\n          this._previousCommand = SVGPathSeg.PATHSEG_UNKNOWN;\n\n          this._skipOptionalSpaces();\n        }\n        _isCurrentSpace () {\n          const character = this._string[this._currentIndex];\n          return character <= ' ' && (character === ' ' || character === '\\n' || character === '\\t' || character === '\\r' || character === '\\f');\n        }\n\n        _skipOptionalSpaces () {\n          while (this._currentIndex < this._endIndex && this._isCurrentSpace()) {\n            this._currentIndex++;\n          }\n          return this._currentIndex < this._endIndex;\n        }\n\n        _skipOptionalSpacesOrDelimiter () {\n          if (this._currentIndex < this._endIndex && !this._isCurrentSpace() && this._string.charAt(this._currentIndex) !== ',') {\n            return false;\n          }\n          if (this._skipOptionalSpaces()) {\n            if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === ',') {\n              this._currentIndex++;\n              this._skipOptionalSpaces();\n            }\n          }\n          return this._currentIndex < this._endIndex;\n        }\n\n        hasMoreData () {\n          return this._currentIndex < this._endIndex;\n        }\n\n        peekSegmentType () {\n          const lookahead = this._string[this._currentIndex];\n          return this._pathSegTypeFromChar(lookahead);\n        }\n\n        _pathSegTypeFromChar (lookahead) {\n          switch (lookahead) {\n          case 'Z':\n          case 'z':\n            return SVGPathSeg.PATHSEG_CLOSEPATH;\n          case 'M':\n            return SVGPathSeg.PATHSEG_MOVETO_ABS;\n          case 'm':\n            return SVGPathSeg.PATHSEG_MOVETO_REL;\n          case 'L':\n            return SVGPathSeg.PATHSEG_LINETO_ABS;\n          case 'l':\n            return SVGPathSeg.PATHSEG_LINETO_REL;\n          case 'C':\n            return SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS;\n          case 'c':\n            return SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL;\n          case 'Q':\n            return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;\n          case 'q':\n            return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;\n          case 'A':\n            return SVGPathSeg.PATHSEG_ARC_ABS;\n          case 'a':\n            return SVGPathSeg.PATHSEG_ARC_REL;\n          case 'H':\n            return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;\n          case 'h':\n            return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;\n          case 'V':\n            return SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;\n          case 'v':\n            return SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;\n          case 'S':\n            return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;\n          case 's':\n            return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;\n          case 'T':\n            return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;\n          case 't':\n            return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;\n          default:\n            return SVGPathSeg.PATHSEG_UNKNOWN;\n          }\n        }\n\n        _nextCommandHelper (lookahead, previousCommand) {\n          // Check for remaining coordinates in the current command.\n          if ((lookahead === '+' || lookahead === '-' || lookahead === '.' || (lookahead >= '0' && lookahead <= '9')) && previousCommand !== SVGPathSeg.PATHSEG_CLOSEPATH) {\n            if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_ABS) {\n              return SVGPathSeg.PATHSEG_LINETO_ABS;\n            }\n            if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_REL) {\n              return SVGPathSeg.PATHSEG_LINETO_REL;\n            }\n            return previousCommand;\n          }\n          return SVGPathSeg.PATHSEG_UNKNOWN;\n        }\n\n        initialCommandIsMoveTo () {\n          // If the path is empty it is still valid, so return true.\n          if (!this.hasMoreData()) {\n            return true;\n          }\n          const command = this.peekSegmentType();\n          // Path must start with moveTo.\n          return command === SVGPathSeg.PATHSEG_MOVETO_ABS || command === SVGPathSeg.PATHSEG_MOVETO_REL;\n        }\n\n        // Parse a number from an SVG path. This very closely follows genericParseNumber(...) from Source/core/svg/SVGParserUtilities.cpp.\n        // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-PathDataBNF\n        _parseNumber () {\n          let exponent = 0;\n          let integer = 0;\n          let frac = 1;\n          let decimal = 0;\n          let sign = 1;\n          let expsign = 1;\n\n          const startIndex = this._currentIndex;\n\n          this._skipOptionalSpaces();\n\n          // Read the sign.\n          if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '+') {\n            this._currentIndex++;\n          } else if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '-') {\n            this._currentIndex++;\n            sign = -1;\n          }\n\n          if (this._currentIndex === this._endIndex || ((this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') && this._string.charAt(this._currentIndex) !== '.')) {\n            // The first character of a number must be one of [0-9+-.].\n            return undefined;\n          }\n\n          // Read the integer part, build right-to-left.\n          const startIntPartIndex = this._currentIndex;\n          while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {\n            this._currentIndex++; // Advance to first non-digit.\n          }\n\n          if (this._currentIndex !== startIntPartIndex) {\n            let scanIntPartIndex = this._currentIndex - 1;\n            let multiplier = 1;\n            while (scanIntPartIndex >= startIntPartIndex) {\n              integer += multiplier * (this._string.charAt(scanIntPartIndex--) - '0');\n              multiplier *= 10;\n            }\n          }\n\n          // Read the decimals.\n          if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '.') {\n            this._currentIndex++;\n\n            // There must be a least one digit following the .\n            if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {\n              return undefined;\n            }\n            while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {\n              frac *= 10;\n              decimal += (this._string.charAt(this._currentIndex) - '0') / frac;\n              this._currentIndex += 1;\n            }\n          }\n\n          // Read the exponent part.\n          if (this._currentIndex !== startIndex && this._currentIndex + 1 < this._endIndex && (this._string.charAt(this._currentIndex) === 'e' || this._string.charAt(this._currentIndex) === 'E') && (this._string.charAt(this._currentIndex + 1) !== 'x' && this._string.charAt(this._currentIndex + 1) !== 'm')) {\n            this._currentIndex++;\n\n            // Read the sign of the exponent.\n            if (this._string.charAt(this._currentIndex) === '+') {\n              this._currentIndex++;\n            } else if (this._string.charAt(this._currentIndex) === '-') {\n              this._currentIndex++;\n              expsign = -1;\n            }\n\n            // There must be an exponent.\n            if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {\n              return undefined;\n            }\n\n            while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {\n              exponent *= 10;\n              exponent += (this._string.charAt(this._currentIndex) - '0');\n              this._currentIndex++;\n            }\n          }\n\n          let number = integer + decimal;\n          number *= sign;\n\n          if (exponent) {\n            number *= Math.pow(10, expsign * exponent);\n          }\n\n          if (startIndex === this._currentIndex) {\n            return undefined;\n          }\n\n          this._skipOptionalSpacesOrDelimiter();\n\n          return number;\n        }\n\n        _parseArcFlag () {\n          if (this._currentIndex >= this._endIndex) {\n            return undefined;\n          }\n          let flag = false;\n          const flagChar = this._string.charAt(this._currentIndex++);\n          if (flagChar === '0') {\n            flag = false;\n          } else if (flagChar === '1') {\n            flag = true;\n          } else {\n            return undefined;\n          }\n\n          this._skipOptionalSpacesOrDelimiter();\n          return flag;\n        }\n\n        parseSegment () {\n          const lookahead = this._string[this._currentIndex];\n          let command = this._pathSegTypeFromChar(lookahead);\n          if (command === SVGPathSeg.PATHSEG_UNKNOWN) {\n            // Possibly an implicit command. Not allowed if this is the first command.\n            if (this._previousCommand === SVGPathSeg.PATHSEG_UNKNOWN) {\n              return null;\n            }\n            command = this._nextCommandHelper(lookahead, this._previousCommand);\n            if (command === SVGPathSeg.PATHSEG_UNKNOWN) {\n              return null;\n            }\n          } else {\n            this._currentIndex++;\n          }\n\n          this._previousCommand = command;\n\n          switch (command) {\n          case SVGPathSeg.PATHSEG_MOVETO_REL:\n            return new SVGPathSegMovetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());\n          case SVGPathSeg.PATHSEG_MOVETO_ABS:\n            return new SVGPathSegMovetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());\n          case SVGPathSeg.PATHSEG_LINETO_REL:\n            return new SVGPathSegLinetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());\n          case SVGPathSeg.PATHSEG_LINETO_ABS:\n            return new SVGPathSegLinetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());\n          case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:\n            return new SVGPathSegLinetoHorizontalRel(owningPathSegList, this._parseNumber());\n          case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:\n            return new SVGPathSegLinetoHorizontalAbs(owningPathSegList, this._parseNumber());\n          case SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:\n            return new SVGPathSegLinetoVerticalRel(owningPathSegList, this._parseNumber());\n          case SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:\n            return new SVGPathSegLinetoVerticalAbs(owningPathSegList, this._parseNumber());\n          case SVGPathSeg.PATHSEG_CLOSEPATH:\n            this._skipOptionalSpaces();\n            return new SVGPathSegClosePath(owningPathSegList);\n          case SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL: {\n            const points = {x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegCurvetoCubicRel(owningPathSegList, points.x, points.y, points.x1, points.y1, points.x2, points.y2);\n          } case SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS: {\n            const points = {x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegCurvetoCubicAbs(owningPathSegList, points.x, points.y, points.x1, points.y1, points.x2, points.y2);\n          } case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL: {\n            const points = {x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, points.x, points.y, points.x2, points.y2);\n          } case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS: {\n            const points = {x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, points.x, points.y, points.x2, points.y2);\n          } case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL: {\n            const points = {x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegCurvetoQuadraticRel(owningPathSegList, points.x, points.y, points.x1, points.y1);\n          } case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:\n            const points = {x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegCurvetoQuadraticAbs(owningPathSegList, points.x, points.y, points.x1, points.y1);\n          case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:\n            return new SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, this._parseNumber(), this._parseNumber());\n          case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:\n            return new SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, this._parseNumber(), this._parseNumber());\n          case SVGPathSeg.PATHSEG_ARC_REL: {\n            const points = {x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegArcRel(owningPathSegList, points.x, points.y, points.x1, points.y1, points.arcAngle, points.arcLarge, points.arcSweep);\n          } case SVGPathSeg.PATHSEG_ARC_ABS: {\n            const points = {x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegArcAbs(owningPathSegList, points.x, points.y, points.x1, points.y1, points.arcAngle, points.arcLarge, points.arcSweep);\n          } default:\n            throw new Error('Unknown path seg type.');\n          }\n        }\n      }\n\n      const builder = new Builder();\n      const source = new Source(string);\n\n      if (!source.initialCommandIsMoveTo()) {\n        return [];\n      }\n      while (source.hasMoreData()) {\n        const pathSeg = source.parseSegment();\n        if (!pathSeg) {\n          return [];\n        }\n        builder.appendSegment(pathSeg);\n      }\n\n      return builder.pathSegList;\n    }\n  }\n\n  SVGPathSegList.prototype.classname = 'SVGPathSegList';\n\n  Object.defineProperty(SVGPathSegList.prototype, 'numberOfItems', {\n    get () {\n      this._checkPathSynchronizedToList();\n      return this._list.length;\n    },\n    enumerable: true\n  });\n\n  SVGPathSegList._pathSegArrayAsString = function (pathSegArray) {\n    let string = '';\n    let first = true;\n    pathSegArray.forEach((pathSeg) => {\n      if (first) {\n        first = false;\n        string += pathSeg._asPathString();\n      } else {\n        string += ' ' + pathSeg._asPathString();\n      }\n    });\n    return string;\n  };\n\n  // Add the pathSegList accessors to SVGPathElement.\n  // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGAnimatedPathData\n  Object.defineProperties(SVGPathElement.prototype, {\n    pathSegList: {\n      get () {\n        if (!this._pathSegList) {\n          this._pathSegList = new SVGPathSegList(this);\n        }\n        return this._pathSegList;\n      },\n      enumerable: true\n    },\n    // FIXME: The following are not implemented and simply return SVGPathElement.pathSegList.\n    normalizedPathSegList: { get () { return this.pathSegList; }, enumerable: true },\n    animatedPathSegList: { get () { return this.pathSegList; }, enumerable: true },\n    animatedNormalizedPathSegList: { get () { return this.pathSegList; }, enumerable: true }\n  });\n  window.SVGPathSegList = SVGPathSegList;\n}\n})();\n","/* globals jQuery */\n/**\n * Browser detection\n * @module browser\n * @license MIT\n *\n * @copyright 2010 Jeff Schiller, 2010 Alexis Deveria\n */\n\n// Dependencies:\n// 1) jQuery (for $.alert())\n\nimport './svgpathseg.js';\nimport {NS} from './namespaces.js';\n\nconst $ = jQuery;\n\nconst supportsSVG_ = (function () {\nreturn !!document.createElementNS && !!document.createElementNS(NS.SVG, 'svg').createSVGRect;\n}());\n\n/**\n * @function module:browser.supportsSvg\n * @returns {boolean}\n*/\nexport const supportsSvg = () => supportsSVG_;\n\nconst {userAgent} = navigator;\nconst svg = document.createElementNS(NS.SVG, 'svg');\n\n// Note: Browser sniffing should only be used if no other detection method is possible\nconst isOpera_ = !!window.opera;\nconst isWebkit_ = userAgent.includes('AppleWebKit');\nconst isGecko_ = userAgent.includes('Gecko/');\nconst isIE_ = userAgent.includes('MSIE');\nconst isChrome_ = userAgent.includes('Chrome/');\nconst isWindows_ = userAgent.includes('Windows');\nconst isMac_ = userAgent.includes('Macintosh');\nconst isTouch_ = 'ontouchstart' in window;\n\nconst supportsSelectors_ = (function () {\nreturn !!svg.querySelector;\n}());\n\nconst supportsXpath_ = (function () {\nreturn !!document.evaluate;\n}());\n\n// segList functions (for FF1.5 and 2.0)\nconst supportsPathReplaceItem_ = (function () {\nconst path = document.createElementNS(NS.SVG, 'path');\npath.setAttribute('d', 'M0,0 10,10');\nconst seglist = path.pathSegList;\nconst seg = path.createSVGPathSegLinetoAbs(5, 5);\ntry {\n  seglist.replaceItem(seg, 1);\n  return true;\n} catch (err) {}\nreturn false;\n}());\n\nconst supportsPathInsertItemBefore_ = (function () {\nconst path = document.createElementNS(NS.SVG, 'path');\npath.setAttribute('d', 'M0,0 10,10');\nconst seglist = path.pathSegList;\nconst seg = path.createSVGPathSegLinetoAbs(5, 5);\ntry {\n  seglist.insertItemBefore(seg, 1);\n  return true;\n} catch (err) {}\nreturn false;\n}());\n\n// text character positioning (for IE9)\nconst supportsGoodTextCharPos_ = (function () {\nconst svgroot = document.createElementNS(NS.SVG, 'svg');\nconst svgcontent = document.createElementNS(NS.SVG, 'svg');\ndocument.documentElement.append(svgroot);\nsvgcontent.setAttribute('x', 5);\nsvgroot.append(svgcontent);\nconst text = document.createElementNS(NS.SVG, 'text');\ntext.textContent = 'a';\nsvgcontent.append(text);\nconst pos = text.getStartPositionOfChar(0).x;\nsvgroot.remove();\nreturn (pos === 0);\n}());\n\nconst supportsPathBBox_ = (function () {\nconst svgcontent = document.createElementNS(NS.SVG, 'svg');\ndocument.documentElement.append(svgcontent);\nconst path = document.createElementNS(NS.SVG, 'path');\npath.setAttribute('d', 'M0,0 C0,0 10,10 10,0');\nsvgcontent.append(path);\nconst bbox = path.getBBox();\nsvgcontent.remove();\nreturn (bbox.height > 4 && bbox.height < 5);\n}());\n\n// Support for correct bbox sizing on groups with horizontal/vertical lines\nconst supportsHVLineContainerBBox_ = (function () {\nconst svgcontent = document.createElementNS(NS.SVG, 'svg');\ndocument.documentElement.append(svgcontent);\nconst path = document.createElementNS(NS.SVG, 'path');\npath.setAttribute('d', 'M0,0 10,0');\nconst path2 = document.createElementNS(NS.SVG, 'path');\npath2.setAttribute('d', 'M5,0 15,0');\nconst g = document.createElementNS(NS.SVG, 'g');\ng.append(path, path2);\nsvgcontent.append(g);\nconst bbox = g.getBBox();\nsvgcontent.remove();\n// Webkit gives 0, FF gives 10, Opera (correctly) gives 15\nreturn (bbox.width === 15);\n}());\n\nconst supportsEditableText_ = (function () {\n// TODO: Find better way to check support for this\nreturn isOpera_;\n}());\n\nconst supportsGoodDecimals_ = (function () {\n// Correct decimals on clone attributes (Opera < 10.5/win/non-en)\nconst rect = document.createElementNS(NS.SVG, 'rect');\nrect.setAttribute('x', 0.1);\nconst crect = rect.cloneNode(false);\nconst retValue = (!crect.getAttribute('x').includes(','));\nif (!retValue) {\n  // Todo: i18nize or remove\n  $.alert('NOTE: This version of Opera is known to contain bugs in SVG-edit.\\n' +\n\t'Please upgrade to the <a href=\"http://opera.com\">latest version</a> in which the problems have been fixed.');\n}\nreturn retValue;\n}());\n\nconst supportsNonScalingStroke_ = (function () {\nconst rect = document.createElementNS(NS.SVG, 'rect');\nrect.setAttribute('style', 'vector-effect:non-scaling-stroke');\nreturn rect.style.vectorEffect === 'non-scaling-stroke';\n}());\n\nlet supportsNativeSVGTransformLists_ = (function () {\nconst rect = document.createElementNS(NS.SVG, 'rect');\nconst rxform = rect.transform.baseVal;\nconst t1 = svg.createSVGTransform();\nrxform.appendItem(t1);\nconst r1 = rxform.getItem(0);\n// Todo: Do frame-independent instance checking\nreturn r1 instanceof SVGTransform && t1 instanceof SVGTransform &&\n\tr1.type === t1.type && r1.angle === t1.angle &&\n\tr1.matrix.a === t1.matrix.a &&\n\tr1.matrix.b === t1.matrix.b &&\n\tr1.matrix.c === t1.matrix.c &&\n\tr1.matrix.d === t1.matrix.d &&\n\tr1.matrix.e === t1.matrix.e &&\n\tr1.matrix.f === t1.matrix.f;\n}());\n\n// Public API\n\n/**\n * @function module:browser.isOpera\n * @returns {boolean}\n*/\nexport const isOpera = () => isOpera_;\n/**\n * @function module:browser.isWebkit\n * @returns {boolean}\n*/\nexport const isWebkit = () => isWebkit_;\n/**\n * @function module:browser.isGecko\n * @returns {boolean}\n*/\nexport const isGecko = () => isGecko_;\n/**\n * @function module:browser.isIE\n * @returns {boolean}\n*/\nexport const isIE = () => isIE_;\n/**\n * @function module:browser.isChrome\n * @returns {boolean}\n*/\nexport const isChrome = () => isChrome_;\n/**\n * @function module:browser.isWindows\n * @returns {boolean}\n*/\nexport const isWindows = () => isWindows_;\n/**\n * @function module:browser.isMac\n * @returns {boolean}\n*/\nexport const isMac = () => isMac_;\n/**\n * @function module:browser.isTouch\n * @returns {boolean}\n*/\nexport const isTouch = () => isTouch_;\n\n/**\n * @function module:browser.supportsSelectors\n * @returns {boolean}\n*/\nexport const supportsSelectors = () => supportsSelectors_;\n\n/**\n * @function module:browser.supportsXpath\n * @returns {boolean}\n*/\nexport const supportsXpath = () => supportsXpath_;\n\n/**\n * @function module:browser.supportsPathReplaceItem\n * @returns {boolean}\n*/\nexport const supportsPathReplaceItem = () => supportsPathReplaceItem_;\n\n/**\n * @function module:browser.supportsPathInsertItemBefore\n * @returns {boolean}\n*/\nexport const supportsPathInsertItemBefore = () => supportsPathInsertItemBefore_;\n\n/**\n * @function module:browser.supportsPathBBox\n * @returns {boolean}\n*/\nexport const supportsPathBBox = () => supportsPathBBox_;\n\n/**\n * @function module:browser.supportsHVLineContainerBBox\n * @returns {boolean}\n*/\nexport const supportsHVLineContainerBBox = () => supportsHVLineContainerBBox_;\n\n/**\n * @function module:browser.supportsGoodTextCharPos\n * @returns {boolean}\n*/\nexport const supportsGoodTextCharPos = () => supportsGoodTextCharPos_;\n\n/**\n* @function module:browser.supportsEditableText\n * @returns {boolean}\n*/\nexport const supportsEditableText = () => supportsEditableText_;\n\n/**\n * @function module:browser.supportsGoodDecimals\n * @returns {boolean}\n*/\nexport const supportsGoodDecimals = () => supportsGoodDecimals_;\n\n/**\n* @function module:browser.supportsNonScalingStroke\n* @returns {boolean}\n*/\nexport const supportsNonScalingStroke = () => supportsNonScalingStroke_;\n\n/**\n* @function module:browser.supportsNativeTransformLists\n* @returns {boolean}\n*/\nexport const supportsNativeTransformLists = () => supportsNativeSVGTransformLists_;\n\n/**\n * Set `supportsNativeSVGTransformLists_` to `false` (for unit testing)\n * @function module:browser.disableSupportsNativeTransformLists\n * @returns {undefined}\n*/\nexport const disableSupportsNativeTransformLists = () => {\n  supportsNativeSVGTransformLists_ = false;\n};\n","/**\n * jQuery module to work with SVG attributes\n * @module jQueryAttr\n * @license MIT\n */\n\n/**\n* This fixes `$(...).attr()` to work as expected with SVG elements.\n* Does not currently use `*AttributeNS()` since we rarely need that.\n* Adds {@link external:jQuery.fn.attr}.\n* See {@link https://api.jquery.com/attr/} for basic documentation of `.attr()`\n*\n* Additional functionality:\n* - When getting attributes, a string that's a number is returned as type number.\n* - If an array is supplied as the first parameter, multiple values are returned\n*    as an object with values for each given attribute\n* @function module:jQueryAttr.jQueryAttr\n* @param {external:jQuery} $ The jQuery object to which to add the plug-in\n* @returns {external:jQuery}\n*/\nexport default function ($) {\n  const proxied = $.fn.attr,\n    svgns = 'http://www.w3.org/2000/svg';\n  /**\n  * @typedef {PlainObject.<string, string|Float>} module:jQueryAttr.Attributes\n  */\n  /**\n  * @function external:jQuery.fn.attr\n  * @param {string|string[]|PlainObject.<string, string>} key\n  * @param {string} value\n  * @returns {external:jQuery|module:jQueryAttr.Attributes}\n  */\n  $.fn.attr = function (key, value) {\n    const len = this.length;\n    if (!len) { return proxied.apply(this, arguments); }\n    for (let i = 0; i < len; ++i) {\n      const elem = this[i];\n      // set/get SVG attribute\n      if (elem.namespaceURI === svgns) {\n        // Setting attribute\n        if (value !== undefined) {\n          elem.setAttribute(key, value);\n        } else if (Array.isArray(key)) {\n          // Getting attributes from array\n          const obj = {};\n          let j = key.length;\n\n          while (j--) {\n            const aname = key[j];\n            let attr = elem.getAttribute(aname);\n            // This returns a number when appropriate\n            if (attr || attr === '0') {\n              attr = isNaN(attr) ? attr : (attr - 0);\n            }\n            obj[aname] = attr;\n          }\n          return obj;\n        }\n        if (typeof key === 'object') {\n          // Setting attributes from object\n          for (const [name, val] of Object.entries(key)) {\n            elem.setAttribute(name, val);\n          }\n        // Getting attribute\n        } else {\n          let attr = elem.getAttribute(key);\n          if (attr || attr === '0') {\n            attr = isNaN(attr) ? attr : (attr - 0);\n          }\n          return attr;\n        }\n      } else {\n        return proxied.apply(this, arguments);\n      }\n    }\n    return this;\n  };\n  return $;\n}\n","/**\n * Partial polyfill of `SVGTransformList`\n * @module SVGTransformList\n *\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller\n */\n\nimport {NS} from './namespaces.js';\nimport {supportsNativeTransformLists} from './browser.js';\n\nconst svgroot = document.createElementNS(NS.SVG, 'svg');\n\n// Helper function.\nfunction transformToString (xform) {\n  const m = xform.matrix;\n  let text = '';\n  switch (xform.type) {\n  case 1: // MATRIX\n    text = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')';\n    break;\n  case 2: // TRANSLATE\n    text = 'translate(' + m.e + ',' + m.f + ')';\n    break;\n  case 3: // SCALE\n    if (m.a === m.d) {\n      text = 'scale(' + m.a + ')';\n    } else {\n      text = 'scale(' + m.a + ',' + m.d + ')';\n    }\n    break;\n  case 4: { // ROTATE\n    let cx = 0;\n    let cy = 0;\n    // this prevents divide by zero\n    if (xform.angle !== 0) {\n      const K = 1 - m.a;\n      cy = (K * m.f + m.b * m.e) / (K * K + m.b * m.b);\n      cx = (m.e - m.b * cy) / K;\n    }\n    text = 'rotate(' + xform.angle + ' ' + cx + ',' + cy + ')';\n    break;\n  }\n  }\n  return text;\n}\n\n/**\n * Map of SVGTransformList objects.\n */\nlet listMap_ = {};\n\n/**\n* @interface module:SVGTransformList.SVGEditTransformList\n* @property {Integer} numberOfItems unsigned long\n*/\n/**\n* @function module:SVGTransformList.SVGEditTransformList#clear\n* @returns {undefined}\n*/\n/**\n* @function module:SVGTransformList.SVGEditTransformList#initialize\n* @param {SVGTransform} newItem\n* @returns {SVGTransform}\n*/\n/**\n* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)\n* @function module:SVGTransformList.SVGEditTransformList#getItem\n* @param {Integer} index unsigned long\n* @returns {SVGTransform}\n*/\n/**\n* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)\n* @function module:SVGTransformList.SVGEditTransformList#insertItemBefore\n* @param {SVGTransform} newItem\n* @param {Integer} index unsigned long\n* @returns {SVGTransform}\n*/\n/**\n* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)\n* @function module:SVGTransformList.SVGEditTransformList#replaceItem\n* @param {SVGTransform} newItem\n* @param {Integer} index unsigned long\n* @returns {SVGTransform}\n*/\n/**\n* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)\n* @function module:SVGTransformList.SVGEditTransformList#removeItem\n* @param {Integer} index unsigned long\n* @returns {SVGTransform}\n*/\n/**\n* @function module:SVGTransformList.SVGEditTransformList#appendItem\n* @param {SVGTransform} newItem\n* @returns {SVGTransform}\n*/\n/**\n* NOT IMPLEMENTED\n* @ignore\n* @function module:SVGTransformList.SVGEditTransformList#createSVGTransformFromMatrix\n* @param {SVGMatrix} matrix\n* @returns {SVGTransform}\n*/\n/**\n* NOT IMPLEMENTED\n* @ignore\n* @function module:SVGTransformList.SVGEditTransformList#consolidate\n* @returns {SVGTransform}\n*/\n\n/**\n* SVGTransformList implementation for Webkit.\n* These methods do not currently raise any exceptions.\n* These methods also do not check that transforms are being inserted.  This is basically\n* implementing as much of SVGTransformList that we need to get the job done.\n*/\nexport class SVGTransformList {\n  /**\n  * @param {Element} elem\n  */\n  constructor (elem) {\n    this._elem = elem || null;\n    this._xforms = [];\n    // TODO: how do we capture the undo-ability in the changed transform list?\n    this._update = function () {\n      let tstr = '';\n      /* const concatMatrix = */ svgroot.createSVGMatrix();\n      for (let i = 0; i < this.numberOfItems; ++i) {\n        const xform = this._list.getItem(i);\n        tstr += transformToString(xform) + ' ';\n      }\n      this._elem.setAttribute('transform', tstr);\n    };\n    this._list = this;\n    this._init = function () {\n      // Transform attribute parser\n      let str = this._elem.getAttribute('transform');\n      if (!str) { return; }\n\n      // TODO: Add skew support in future\n      const re = /\\s*((scale|matrix|rotate|translate)\\s*\\(.*?\\))\\s*,?\\s*/;\n      let m = true;\n      while (m) {\n        m = str.match(re);\n        str = str.replace(re, '');\n        if (m && m[1]) {\n          const x = m[1];\n          const bits = x.split(/\\s*\\(/);\n          const name = bits[0];\n          const valBits = bits[1].match(/\\s*(.*?)\\s*\\)/);\n          valBits[1] = valBits[1].replace(/(\\d)-/g, '$1 -');\n          const valArr = valBits[1].split(/[, ]+/);\n          const letters = 'abcdef'.split('');\n          const mtx = svgroot.createSVGMatrix();\n          Object.values(valArr).forEach(function (item, i) {\n            valArr[i] = parseFloat(item);\n            if (name === 'matrix') {\n              mtx[letters[i]] = valArr[i];\n            }\n          });\n          const xform = svgroot.createSVGTransform();\n          const fname = 'set' + name.charAt(0).toUpperCase() + name.slice(1);\n          const values = name === 'matrix' ? [mtx] : valArr;\n\n          if (name === 'scale' && values.length === 1) {\n            values.push(values[0]);\n          } else if (name === 'translate' && values.length === 1) {\n            values.push(0);\n          } else if (name === 'rotate' && values.length === 1) {\n            values.push(0, 0);\n          }\n          xform[fname].apply(xform, values);\n          this._list.appendItem(xform);\n        }\n      }\n    };\n    this._removeFromOtherLists = function (item) {\n      if (item) {\n        // Check if this transform is already in a transformlist, and\n        // remove it if so.\n        let found = false;\n        for (const id in listMap_) {\n          const tl = listMap_[id];\n          for (let i = 0, len = tl._xforms.length; i < len; ++i) {\n            if (tl._xforms[i] === item) {\n              found = true;\n              tl.removeItem(i);\n              break;\n            }\n          }\n          if (found) {\n            break;\n          }\n        }\n      }\n    };\n\n    this.numberOfItems = 0;\n  }\n  /**\n  * @returns {undefined}\n  */\n  clear () {\n    this.numberOfItems = 0;\n    this._xforms = [];\n  }\n\n  /**\n  * @param {SVGTransform} newItem\n  * @returns {SVGTransform}\n  */\n  initialize (newItem) {\n    this.numberOfItems = 1;\n    this._removeFromOtherLists(newItem);\n    this._xforms = [newItem];\n  }\n\n  /**\n  * @param {Integer} index unsigned long\n  * @throws {Error}\n  * @returns {SVGTransform}\n  */\n  getItem (index) {\n    if (index < this.numberOfItems && index >= 0) {\n      return this._xforms[index];\n    }\n    const err = new Error('DOMException with code=INDEX_SIZE_ERR');\n    err.code = 1;\n    throw err;\n  }\n\n  /**\n  * @param {SVGTransform} newItem\n  * @param {Integer} index unsigned long\n  * @returns {SVGTransform}\n  */\n  insertItemBefore (newItem, index) {\n    let retValue = null;\n    if (index >= 0) {\n      if (index < this.numberOfItems) {\n        this._removeFromOtherLists(newItem);\n        const newxforms = new Array(this.numberOfItems + 1);\n        // TODO: use array copying and slicing\n        let i;\n        for (i = 0; i < index; ++i) {\n          newxforms[i] = this._xforms[i];\n        }\n        newxforms[i] = newItem;\n        for (let j = i + 1; i < this.numberOfItems; ++j, ++i) {\n          newxforms[j] = this._xforms[i];\n        }\n        this.numberOfItems++;\n        this._xforms = newxforms;\n        retValue = newItem;\n        this._list._update();\n      } else {\n        retValue = this._list.appendItem(newItem);\n      }\n    }\n    return retValue;\n  }\n\n  /**\n  * @param {SVGTransform} newItem\n  * @param {Integer} index unsigned long\n  * @returns {SVGTransform}\n  */\n  replaceItem (newItem, index) {\n    let retValue = null;\n    if (index < this.numberOfItems && index >= 0) {\n      this._removeFromOtherLists(newItem);\n      this._xforms[index] = newItem;\n      retValue = newItem;\n      this._list._update();\n    }\n    return retValue;\n  }\n\n  /**\n  * @param {Integer} index unsigned long\n  * @throws {Error}\n  * @returns {SVGTransform}\n  */\n  removeItem (index) {\n    if (index < this.numberOfItems && index >= 0) {\n      const retValue = this._xforms[index];\n      const newxforms = new Array(this.numberOfItems - 1);\n      let i;\n      for (i = 0; i < index; ++i) {\n        newxforms[i] = this._xforms[i];\n      }\n      for (let j = i; j < this.numberOfItems - 1; ++j, ++i) {\n        newxforms[j] = this._xforms[i + 1];\n      }\n      this.numberOfItems--;\n      this._xforms = newxforms;\n      this._list._update();\n      return retValue;\n    }\n    const err = new Error('DOMException with code=INDEX_SIZE_ERR');\n    err.code = 1;\n    throw err;\n  }\n\n  /**\n  * @param {SVGTransform} newItem\n  * @returns {SVGTransform}\n  */\n  appendItem (newItem) {\n    this._removeFromOtherLists(newItem);\n    this._xforms.push(newItem);\n    this.numberOfItems++;\n    this._list._update();\n    return newItem;\n  }\n}\n\n/**\n* @function module:SVGTransformList.resetListMap\n* @returns {undefined}\n*/\nexport const resetListMap = function () {\n  listMap_ = {};\n};\n\n/**\n * Removes transforms of the given element from the map.\n * @function module:SVGTransformList.removeElementFromListMap\n * @param {Element} elem - a DOM Element\n * @returns {undefined}\n */\nexport let removeElementFromListMap = function (elem) {\n  if (elem.id && listMap_[elem.id]) {\n    delete listMap_[elem.id];\n  }\n};\n\n/**\n* Returns an object that behaves like a `SVGTransformList` for the given DOM element\n* @function module:SVGTransformList.getTransformList\n* @param {Element} elem - DOM element to get a transformlist from\n* @todo The polyfill should have `SVGAnimatedTransformList` and this should use it\n* @returns {SVGAnimatedTransformList|SVGTransformList}\n*/\nexport const getTransformList = function (elem) {\n  if (!supportsNativeTransformLists()) {\n    const id = elem.id || 'temp';\n    let t = listMap_[id];\n    if (!t || id === 'temp') {\n      listMap_[id] = new SVGTransformList(elem);\n      listMap_[id]._init();\n      t = listMap_[id];\n    }\n    return t;\n  }\n  if (elem.transform) {\n    return elem.transform.baseVal;\n  }\n  if (elem.gradientTransform) {\n    return elem.gradientTransform.baseVal;\n  }\n  if (elem.patternTransform) {\n    return elem.patternTransform.baseVal;\n  }\n\n  return null;\n};\n\n/**\n* @callback module:SVGTransformList.removeElementFromListMap\n* @param {Element} elem\n*/\n/**\n* For unit-testing\n* @function module:SVGTransformList.changeRemoveElementFromListMap\n* @param {module:SVGTransformList.removeElementFromListMap} cb Passed a single argument `elem`\n* @returns {undefined}\n*/\nexport const changeRemoveElementFromListMap = function (cb) {\n  removeElementFromListMap = cb;\n};\n","/**\n * Tools for working with units\n * @module units\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller\n */\n\nimport {NS} from './namespaces.js';\n\nconst wAttrs = ['x', 'x1', 'cx', 'rx', 'width'];\nconst hAttrs = ['y', 'y1', 'cy', 'ry', 'height'];\nconst unitAttrs = ['r', 'radius', ...wAttrs, ...hAttrs];\n// unused\n/*\nconst unitNumMap = {\n  '%': 2,\n  em: 3,\n  ex: 4,\n  px: 5,\n  cm: 6,\n  mm: 7,\n  in: 8,\n  pt: 9,\n  pc: 10\n};\n*/\n// Container of elements.\nlet elementContainer_;\n\n// Stores mapping of unit type to user coordinates.\nlet typeMap_ = {};\n\n/**\n * @interface module:units.ElementContainer\n */\n/**\n * @function module:units.ElementContainer#getBaseUnit\n * @returns {string} The base unit type of the container ('em')\n */\n/**\n * @function module:units.ElementContainer#getElement\n * @returns {Element} An element in the container given an id\n */\n/**\n * @function module:units.ElementContainer#getHeight\n * @returns {Float} The container's height\n */\n/**\n * @function module:units.ElementContainer#getWidth\n * @returns {Float} The container's width\n */\n/**\n * @function module:units.ElementContainer#getRoundDigits\n * @returns {Integer} The number of digits number should be rounded to\n */\n\n/**\n * @typedef {PlainObject} module:units.TypeMap\n * @property {Float} em\n * @property {Float} ex\n * @property {Float} in\n * @property {Float} cm\n * @property {Float} mm\n * @property {Float} pt\n * @property {Float} pc\n * @property {Integer} px\n * @property {0} %\n */\n\n/**\n * Initializes this module.\n *\n * @function module:units.init\n * @param {module:units.ElementContainer} elementContainer - An object implementing the ElementContainer interface.\n * @returns {undefined}\n */\nexport const init = function (elementContainer) {\n  elementContainer_ = elementContainer;\n\n  // Get correct em/ex values by creating a temporary SVG.\n  const svg = document.createElementNS(NS.SVG, 'svg');\n  document.body.append(svg);\n  const rect = document.createElementNS(NS.SVG, 'rect');\n  rect.setAttribute('width', '1em');\n  rect.setAttribute('height', '1ex');\n  rect.setAttribute('x', '1in');\n  svg.append(rect);\n  const bb = rect.getBBox();\n  svg.remove();\n\n  const inch = bb.x;\n  typeMap_ = {\n    em: bb.width,\n    ex: bb.height,\n    in: inch,\n    cm: inch / 2.54,\n    mm: inch / 25.4,\n    pt: inch / 72,\n    pc: inch / 6,\n    px: 1,\n    '%': 0\n  };\n};\n\n/**\n* Group: Unit conversion functions\n*/\n\n/**\n * @function module:units.getTypeMap\n * @returns {module:units.TypeMap} The unit object with values for each unit\n*/\nexport const getTypeMap = function () {\n  return typeMap_;\n};\n\n/**\n* @typedef {GenericArray} module:units.CompareNumbers\n* @property {Integer} length 2\n* @property {Float} 0\n* @property {Float} 1\n*/\n\n/**\n* Rounds a given value to a float with number of digits defined in\n* `round_digits` of `saveOptions`\n*\n* @function module:units.shortFloat\n* @param {string|Float|module:units.CompareNumbers} val - The value (or Array of two numbers) to be rounded\n* @returns {Float|string} If a string/number was given, returns a Float. If an array, return a string\n* with comma-separated floats\n*/\nexport const shortFloat = function (val) {\n  const digits = elementContainer_.getRoundDigits();\n  if (!isNaN(val)) {\n    // Note that + converts to Number\n    return +((+val).toFixed(digits));\n  }\n  if (Array.isArray(val)) {\n    return shortFloat(val[0]) + ',' + shortFloat(val[1]);\n  }\n  return parseFloat(val).toFixed(digits) - 0;\n};\n\n/**\n* Converts the number to given unit or baseUnit\n* @function module:units.convertUnit\n* @returns {Float}\n*/\nexport const convertUnit = function (val, unit) {\n  unit = unit || elementContainer_.getBaseUnit();\n  // baseVal.convertToSpecifiedUnits(unitNumMap[unit]);\n  // const val = baseVal.valueInSpecifiedUnits;\n  // baseVal.convertToSpecifiedUnits(1);\n  return shortFloat(val / typeMap_[unit]);\n};\n\n/**\n* Sets an element's attribute based on the unit in its current value.\n*\n* @function module:units.setUnitAttr\n* @param {Element} elem - DOM element to be changed\n* @param {string} attr - Name of the attribute associated with the value\n* @param {string} val - Attribute value to convert\n* @returns {undefined}\n*/\nexport const setUnitAttr = function (elem, attr, val) {\n  //  if (!isNaN(val)) {\n  // New value is a number, so check currently used unit\n  // const oldVal = elem.getAttribute(attr);\n\n  // Enable this for alternate mode\n  // if (oldVal !== null && (isNaN(oldVal) || elementContainer_.getBaseUnit() !== 'px')) {\n  //   // Old value was a number, so get unit, then convert\n  //   let unit;\n  //   if (oldVal.substr(-1) === '%') {\n  //     const res = getResolution();\n  //     unit = '%';\n  //     val *= 100;\n  //     if (wAttrs.includes(attr)) {\n  //       val = val / res.w;\n  //     } else if (hAttrs.includes(attr)) {\n  //       val = val / res.h;\n  //     } else {\n  //       return val / Math.sqrt((res.w*res.w) + (res.h*res.h))/Math.sqrt(2);\n  //     }\n  //   } else {\n  //     if (elementContainer_.getBaseUnit() !== 'px') {\n  //       unit = elementContainer_.getBaseUnit();\n  //     } else {\n  //       unit = oldVal.substr(-2);\n  //     }\n  //     val = val / typeMap_[unit];\n  //   }\n  //\n  // val += unit;\n  // }\n  // }\n  elem.setAttribute(attr, val);\n};\n\nconst attrsToConvert = {\n  line: ['x1', 'x2', 'y1', 'y2'],\n  circle: ['cx', 'cy', 'r'],\n  ellipse: ['cx', 'cy', 'rx', 'ry'],\n  foreignObject: ['x', 'y', 'width', 'height'],\n  rect: ['x', 'y', 'width', 'height'],\n  image: ['x', 'y', 'width', 'height'],\n  use: ['x', 'y', 'width', 'height'],\n  text: ['x', 'y']\n};\n\n/**\n* Converts all applicable attributes to the configured baseUnit\n* @function module:units.convertAttrs\n* @param {Element} element - A DOM element whose attributes should be converted\n* @returns {undefined}\n*/\nexport const convertAttrs = function (element) {\n  const elName = element.tagName;\n  const unit = elementContainer_.getBaseUnit();\n  const attrs = attrsToConvert[elName];\n  if (!attrs) { return; }\n\n  const len = attrs.length;\n  for (let i = 0; i < len; i++) {\n    const attr = attrs[i];\n    const cur = element.getAttribute(attr);\n    if (cur) {\n      if (!isNaN(cur)) {\n        element.setAttribute(attr, (cur / typeMap_[unit]) + unit);\n      }\n      // else {\n      // Convert existing?\n      // }\n    }\n  }\n};\n\n/**\n* Converts given values to numbers. Attributes must be supplied in\n* case a percentage is given\n*\n* @function module:units.convertToNum\n* @param {string} attr - Name of the attribute associated with the value\n* @param {string} val - Attribute value to convert\n* @returns {Float} The converted number\n*/\nexport const convertToNum = function (attr, val) {\n  // Return a number if that's what it already is\n  if (!isNaN(val)) { return val - 0; }\n  if (val.substr(-1) === '%') {\n    // Deal with percentage, depends on attribute\n    const num = val.substr(0, val.length - 1) / 100;\n    const width = elementContainer_.getWidth();\n    const height = elementContainer_.getHeight();\n\n    if (wAttrs.includes(attr)) {\n      return num * width;\n    }\n    if (hAttrs.includes(attr)) {\n      return num * height;\n    }\n    return num * Math.sqrt((width * width) + (height * height)) / Math.sqrt(2);\n  }\n  const unit = val.substr(-2);\n  const num = val.substr(0, val.length - 2);\n  // Note that this multiplication turns the string into a number\n  return num * typeMap_[unit];\n};\n\n/**\n* Check if an attribute's value is in a valid format\n* @function module:units.isValidUnit\n* @param {string} attr - The name of the attribute associated with the value\n* @param {string} val - The attribute value to check\n* @returns {boolean} Whether the unit is valid\n*/\nexport const isValidUnit = function (attr, val, selectedElement) {\n  if (unitAttrs.includes(attr)) {\n    // True if it's just a number\n    if (!isNaN(val)) {\n      return true;\n    }\n    // Not a number, check if it has a valid unit\n    val = val.toLowerCase();\n    return Object.keys(typeMap_).some((unit) => {\n      const re = new RegExp('^-?[\\\\d\\\\.]+' + unit + '$');\n      return re.test(val);\n    });\n  }\n  if (attr === 'id') {\n    // if we're trying to change the id, make sure it's not already present in the doc\n    // and the id value is valid.\n\n    let result = false;\n    // because getElem() can throw an exception in the case of an invalid id\n    // (according to https://www.w3.org/TR/xml-id/ IDs must be a NCName)\n    // we wrap it in an exception and only return true if the ID was valid and\n    // not already present\n    try {\n      const elem = elementContainer_.getElement(val);\n      result = (elem == null || elem === selectedElement);\n    } catch (e) {}\n    return result;\n  }\n  return true;\n};\n","/**\n * For command history tracking and undo functionality\n * @module history\n * @license MIT\n * @copyright 2010 Jeff Schiller\n */\n\nimport {getHref, setHref, getRotationAngle} from './utilities.js';\nimport {removeElementFromListMap} from './svgtransformlist.js';\n\n/**\n* Group: Undo/Redo history management\n*/\nexport const HistoryEventTypes = {\n  BEFORE_APPLY: 'before_apply',\n  AFTER_APPLY: 'after_apply',\n  BEFORE_UNAPPLY: 'before_unapply',\n  AFTER_UNAPPLY: 'after_unapply'\n};\n\n// const removedElements = {};\n\n/**\n* Base class for commands\n*/\nclass Command {\n  /**\n  * @returns {string}\n  */\n  getText () {\n    return this.text;\n  }\n}\n\n// Todo: Figure out why the interface members aren't showing\n//   up (with or without modules applied), despite our apparently following\n//   http://usejsdoc.org/tags-interface.html#virtual-comments\n\n/**\n * An interface that all command objects must implement.\n * @interface module:history.HistoryCommand\n*/\n/**\n * Applies\n *\n * @function module:history.HistoryCommand#apply\n * @param {module:history.HistoryEventHandler}\n * @fires module:history~Command#event:history\n * @returns {undefined|true}\n */\n/**\n *\n * Unapplies\n * @function module:history.HistoryCommand#unapply\n * @param {module:history.HistoryEventHandler}\n * @fires module:history~Command#event:history\n * @returns {undefined|true}\n */\n/**\n * Returns the elements\n * @function module:history.HistoryCommand#elements\n * @returns {Element[]}\n */\n/**\n * Gets the text\n * @function module:history.HistoryCommand#getText\n * @returns {string}\n */\n/**\n * Gives the type\n * @function module:history.HistoryCommand.type\n * @returns {string}\n */\n/**\n * Gives the type\n * @function module:history.HistoryCommand#type\n * @returns {string}\n*/\n\n/**\n * @event module:history~Command#event:history\n * @type {module:history.HistoryCommand}\n */\n\n/**\n * An interface for objects that will handle history events.\n * @interface module:history.HistoryEventHandler\n */\n/**\n *\n * @function module:history.HistoryEventHandler#handleHistoryEvent\n * @param {string} eventType One of the HistoryEvent types\n * @param {module:history~Command#event:history} command\n * @listens module:history~Command#event:history\n * @returns {undefined}\n *\n */\n\n/**\n * History command for an element that had its DOM position changed\n * @implements {module:history.HistoryCommand}\n * @param {Element} elem - The DOM element that was moved\n * @param {Element} oldNextSibling - The element's next sibling before it was moved\n * @param {Element} oldParent - The element's parent before it was moved\n * @param {string} [text] - An optional string visible to user related to this change\n*/\nexport class MoveElementCommand extends Command {\n  constructor (elem, oldNextSibling, oldParent, text) {\n    super();\n    this.elem = elem;\n    this.text = text ? ('Move ' + elem.tagName + ' to ' + text) : ('Move ' + elem.tagName);\n    this.oldNextSibling = oldNextSibling;\n    this.oldParent = oldParent;\n    this.newNextSibling = elem.nextSibling;\n    this.newParent = elem.parentNode;\n  }\n  type () {\n    return 'svgedit.history.MoveElementCommand';\n  }\n\n  /**\n   * Re-positions the element\n   * @param {module:history.HistoryEventHandler} handler\n   * @fires module:history~Command#event:history\n   * @returns {undefined}\n  */\n  apply (handler) {\n    // TODO(codedread): Refactor this common event code into a base HistoryCommand class.\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);\n    }\n\n    this.elem = this.newParent.insertBefore(this.elem, this.newNextSibling);\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);\n    }\n  }\n\n  /**\n   * Positions the element back to its original location\n   * @param {module:history.HistoryEventHandler} handler\n   * @fires module:history~Command#event:history\n   * @returns {undefined}\n  */\n  unapply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);\n    }\n\n    this.elem = this.oldParent.insertBefore(this.elem, this.oldNextSibling);\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);\n    }\n  }\n\n  /**\n  * @returns {Element[]} Array with element associated with this command\n  */\n  elements () {\n    return [this.elem];\n  }\n}\nMoveElementCommand.type = MoveElementCommand.prototype.type;\n\n/**\n* History command for an element that was added to the DOM\n* @implements {module:history.HistoryCommand}\n*\n* @param {Element} elem - The newly added DOM element\n* @param {string} text - An optional string visible to user related to this change\n*/\nexport class InsertElementCommand extends Command {\n  constructor (elem, text) {\n    super();\n    this.elem = elem;\n    this.text = text || ('Create ' + elem.tagName);\n    this.parent = elem.parentNode;\n    this.nextSibling = this.elem.nextSibling;\n  }\n\n  type () {\n    return 'svgedit.history.InsertElementCommand';\n  }\n\n  /**\n  * Re-inserts the new element\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {undefined}\n  */\n  apply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);\n    }\n\n    this.elem = this.parent.insertBefore(this.elem, this.nextSibling);\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);\n    }\n  }\n\n  /**\n  * Removes the element\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {undefined}\n  */\n  unapply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);\n    }\n\n    this.parent = this.elem.parentNode;\n    this.elem = this.elem.parentNode.removeChild(this.elem);\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);\n    }\n  }\n\n  /**\n  * @returns {Element[]} Array with element associated with this command\n  */\n  elements () {\n    return [this.elem];\n  }\n}\nInsertElementCommand.type = InsertElementCommand.prototype.type;\n\n/**\n* History command for an element removed from the DOM\n* @implements {module:history.HistoryCommand}\n* @param {Element} elem - The removed DOM element\n* @param {Node} oldNextSibling - The DOM element's nextSibling when it was in the DOM\n* @param {Element} oldParent - The DOM element's parent\n* @param {string} [text] - An optional string visible to user related to this change\n*/\nexport class RemoveElementCommand extends Command {\n  constructor (elem, oldNextSibling, oldParent, text) {\n    super();\n    this.elem = elem;\n    this.text = text || ('Delete ' + elem.tagName);\n    this.nextSibling = oldNextSibling;\n    this.parent = oldParent;\n\n    // special hack for webkit: remove this element's entry in the svgTransformLists map\n    removeElementFromListMap(elem);\n  }\n  type () {\n    return 'svgedit.history.RemoveElementCommand';\n  }\n\n  /**\n  * Re-removes the new element\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {undefined}\n  */\n  apply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);\n    }\n\n    removeElementFromListMap(this.elem);\n    this.parent = this.elem.parentNode;\n    this.elem = this.parent.removeChild(this.elem);\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);\n    }\n  }\n\n  /**\n  * Re-adds the new element\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {undefined}\n  */\n  unapply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);\n    }\n\n    removeElementFromListMap(this.elem);\n    if (this.nextSibling == null) {\n      if (window.console) {\n        console.log('Error: reference element was lost');\n      }\n    }\n    this.parent.insertBefore(this.elem, this.nextSibling); // Don't use `before` or `prepend` as `this.nextSibling` may be `null`\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);\n    }\n  }\n\n  /**\n  * @returns {Element[]} Array with element associated with this command\n  */\n  elements () {\n    return [this.elem];\n  }\n}\nRemoveElementCommand.type = RemoveElementCommand.prototype.type;\n\n/**\n* @typedef {\"#text\"|\"#href\"|string} module:history.CommandAttributeName\n*/\n/**\n* @typedef {PlainObject.<module:history.CommandAttributeName, string>} module:history.CommandAttributes\n*/\n\n/**\n* History command to make a change to an element.\n* Usually an attribute change, but can also be textcontent.\n* @implements {module:history.HistoryCommand}\n* @param {Element} elem - The DOM element that was changed\n* @param {module:history.CommandAttributes} attrs - Attributes to be changed with the values they had *before* the change\n* @param {string} text - An optional string visible to user related to this change\n*/\nexport class ChangeElementCommand extends Command {\n  constructor (elem, attrs, text) {\n    super();\n    this.elem = elem;\n    this.text = text ? ('Change ' + elem.tagName + ' ' + text) : ('Change ' + elem.tagName);\n    this.newValues = {};\n    this.oldValues = attrs;\n    for (const attr in attrs) {\n      if (attr === '#text') {\n        this.newValues[attr] = elem.textContent;\n      } else if (attr === '#href') {\n        this.newValues[attr] = getHref(elem);\n      } else {\n        this.newValues[attr] = elem.getAttribute(attr);\n      }\n    }\n  }\n  type () {\n    return 'svgedit.history.ChangeElementCommand';\n  }\n\n  /**\n  * Performs the stored change action\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {true}\n  */\n  apply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);\n    }\n\n    let bChangedTransform = false;\n    for (const attr in this.newValues) {\n      if (this.newValues[attr]) {\n        if (attr === '#text') {\n          this.elem.textContent = this.newValues[attr];\n        } else if (attr === '#href') {\n          setHref(this.elem, this.newValues[attr]);\n        } else {\n          this.elem.setAttribute(attr, this.newValues[attr]);\n        }\n      } else {\n        if (attr === '#text') {\n          this.elem.textContent = '';\n        } else {\n          this.elem.setAttribute(attr, '');\n          this.elem.removeAttribute(attr);\n        }\n      }\n\n      if (attr === 'transform') { bChangedTransform = true; }\n    }\n\n    // relocate rotational transform, if necessary\n    if (!bChangedTransform) {\n      const angle = getRotationAngle(this.elem);\n      if (angle) {\n        const bbox = this.elem.getBBox();\n        const cx = bbox.x + bbox.width / 2,\n          cy = bbox.y + bbox.height / 2;\n        const rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');\n        if (rotate !== this.elem.getAttribute('transform')) {\n          this.elem.setAttribute('transform', rotate);\n        }\n      }\n    }\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);\n    }\n\n    return true;\n  }\n\n  /**\n  * Reverses the stored change action\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {true}\n  */\n  unapply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);\n    }\n\n    let bChangedTransform = false;\n    for (const attr in this.oldValues) {\n      if (this.oldValues[attr]) {\n        if (attr === '#text') {\n          this.elem.textContent = this.oldValues[attr];\n        } else if (attr === '#href') {\n          setHref(this.elem, this.oldValues[attr]);\n        } else {\n          this.elem.setAttribute(attr, this.oldValues[attr]);\n        }\n      } else {\n        if (attr === '#text') {\n          this.elem.textContent = '';\n        } else {\n          this.elem.removeAttribute(attr);\n        }\n      }\n      if (attr === 'transform') { bChangedTransform = true; }\n    }\n    // relocate rotational transform, if necessary\n    if (!bChangedTransform) {\n      const angle = getRotationAngle(this.elem);\n      if (angle) {\n        const bbox = this.elem.getBBox();\n        const cx = bbox.x + bbox.width / 2,\n          cy = bbox.y + bbox.height / 2;\n        const rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');\n        if (rotate !== this.elem.getAttribute('transform')) {\n          this.elem.setAttribute('transform', rotate);\n        }\n      }\n    }\n\n    // Remove transformlist to prevent confusion that causes bugs like 575.\n    removeElementFromListMap(this.elem);\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);\n    }\n\n    return true;\n  }\n\n  /**\n  * @returns {Element[]} Array with element associated with this command\n  */\n  elements () {\n    return [this.elem];\n  }\n}\nChangeElementCommand.type = ChangeElementCommand.prototype.type;\n\n// TODO: create a 'typing' command object that tracks changes in text\n// if a new Typing command is created and the top command on the stack is also a Typing\n// and they both affect the same element, then collapse the two commands into one\n\n/**\n* History command that can contain/execute multiple other commands\n* @implements {module:history.HistoryCommand}\n*/\nexport class BatchCommand extends Command {\n  /**\n  * @param {string} [text] - An optional string visible to user related to this change\n  */\n  constructor (text) {\n    super();\n    this.text = text || 'Batch Command';\n    this.stack = [];\n  }\n\n  type () {\n    return 'svgedit.history.BatchCommand';\n  }\n\n  /**\n  * Runs \"apply\" on all subcommands\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {undefined}\n  */\n  apply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);\n    }\n\n    const len = this.stack.length;\n    for (let i = 0; i < len; ++i) {\n      this.stack[i].apply(handler);\n    }\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);\n    }\n  }\n\n  /**\n  * Runs \"unapply\" on all subcommands\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {undefined}\n  */\n  unapply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);\n    }\n\n    for (let i = this.stack.length - 1; i >= 0; i--) {\n      this.stack[i].unapply(handler);\n    }\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);\n    }\n  }\n\n  /**\n  * Iterate through all our subcommands\n  * @returns {Element[]} All the elements we are changing\n  */\n  elements () {\n    const elems = [];\n    let cmd = this.stack.length;\n    while (cmd--) {\n      const thisElems = this.stack[cmd].elements();\n      let elem = thisElems.length;\n      while (elem--) {\n        if (!elems.includes(thisElems[elem])) { elems.push(thisElems[elem]); }\n      }\n    }\n    return elems;\n  }\n\n  /**\n  * Adds a given command to the history stack\n  * @param {Command} cmd - The undo command object to add\n  */\n  addSubCommand (cmd) {\n    this.stack.push(cmd);\n  }\n\n  /**\n  * @returns {boolean} Indicates whether or not the batch command is empty\n  */\n  isEmpty () {\n    return !this.stack.length;\n  }\n}\nBatchCommand.type = BatchCommand.prototype.type;\n\n/**\n*\n*/\nexport class UndoManager {\n  /**\n  * @param {module:history.HistoryEventHandler} historyEventHandler\n  */\n  constructor (historyEventHandler) {\n    this.handler_ = historyEventHandler || null;\n    this.undoStackPointer = 0;\n    this.undoStack = [];\n\n    // this is the stack that stores the original values, the elements and\n    // the attribute name for begin/finish\n    this.undoChangeStackPointer = -1;\n    this.undoableChangeStack = [];\n  }\n\n  /**\n  * Resets the undo stack, effectively clearing the undo/redo history\n  * @returns {undefined}\n  */\n  resetUndoStack () {\n    this.undoStack = [];\n    this.undoStackPointer = 0;\n  }\n\n  /**\n  * @returns {Integer} Current size of the undo history stack\n  */\n  getUndoStackSize () {\n    return this.undoStackPointer;\n  }\n\n  /**\n  * @returns {Integer} Current size of the redo history stack\n  */\n  getRedoStackSize () {\n    return this.undoStack.length - this.undoStackPointer;\n  }\n\n  /**\n  * @returns {string} String associated with the next undo command\n  */\n  getNextUndoCommandText () {\n    return this.undoStackPointer > 0 ? this.undoStack[this.undoStackPointer - 1].getText() : '';\n  }\n\n  /**\n  * @returns {string} String associated with the next redo command\n  */\n  getNextRedoCommandText () {\n    return this.undoStackPointer < this.undoStack.length ? this.undoStack[this.undoStackPointer].getText() : '';\n  }\n\n  /**\n  * Performs an undo step\n  * @returns {undefined}\n  */\n  undo () {\n    if (this.undoStackPointer > 0) {\n      const cmd = this.undoStack[--this.undoStackPointer];\n      cmd.unapply(this.handler_);\n    }\n  }\n\n  /**\n  * Performs a redo step\n  * @returns {undefined}\n  */\n  redo () {\n    if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {\n      const cmd = this.undoStack[this.undoStackPointer++];\n      cmd.apply(this.handler_);\n    }\n  }\n\n  /**\n  * Adds a command object to the undo history stack\n  * @param {Command} cmd - The command object to add\n  * @returns {undefined}\n  */\n  addCommandToHistory (cmd) {\n    // FIXME: we MUST compress consecutive text changes to the same element\n    // (right now each keystroke is saved as a separate command that includes the\n    // entire text contents of the text element)\n    // TODO: consider limiting the history that we store here (need to do some slicing)\n\n    // if our stack pointer is not at the end, then we have to remove\n    // all commands after the pointer and insert the new command\n    if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {\n      this.undoStack = this.undoStack.splice(0, this.undoStackPointer);\n    }\n    this.undoStack.push(cmd);\n    this.undoStackPointer = this.undoStack.length;\n  }\n\n  /**\n  * This function tells the canvas to remember the old values of the\n  * `attrName` attribute for each element sent in.  The elements and values\n  * are stored on a stack, so the next call to `finishUndoableChange()` will\n  * pop the elements and old values off the stack, gets the current values\n  * from the DOM and uses all of these to construct the undo-able command.\n  * @param {string} attrName - The name of the attribute being changed\n  * @param {Element[]} elems - Array of DOM elements being changed\n  * @returns {undefined}\n  */\n  beginUndoableChange (attrName, elems) {\n    const p = ++this.undoChangeStackPointer;\n    let i = elems.length;\n    const oldValues = new Array(i), elements = new Array(i);\n    while (i--) {\n      const elem = elems[i];\n      if (elem == null) { continue; }\n      elements[i] = elem;\n      oldValues[i] = elem.getAttribute(attrName);\n    }\n    this.undoableChangeStack[p] = {\n      attrName,\n      oldValues,\n      elements\n    };\n  }\n\n  /**\n  * This function returns a `BatchCommand` object which summarizes the\n  * change since `beginUndoableChange` was called.  The command can then\n  * be added to the command history\n  * @returns {BatchCommand} Batch command object with resulting changes\n  */\n  finishUndoableChange () {\n    const p = this.undoChangeStackPointer--;\n    const changeset = this.undoableChangeStack[p];\n    const {attrName} = changeset;\n    const batchCmd = new BatchCommand('Change ' + attrName);\n    let i = changeset.elements.length;\n    while (i--) {\n      const elem = changeset.elements[i];\n      if (elem == null) { continue; }\n      const changes = {};\n      changes[attrName] = changeset.oldValues[i];\n      if (changes[attrName] !== elem.getAttribute(attrName)) {\n        batchCmd.addSubCommand(new ChangeElementCommand(elem, changes, attrName));\n      }\n    }\n    this.undoableChangeStack[p] = null;\n    return batchCmd;\n  }\n}\n","/**\n * Mathematical utilities\n * @module math\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller\n */\n\n/**\n* @typedef {PlainObject} module:math.AngleCoord45\n* @property {Float} x - The angle-snapped x value\n* @property {Float} y - The angle-snapped y value\n* @property {Integer} a - The angle at which to snap\n*/\n\n/**\n* @typedef {PlainObject} module:math.XYObject\n* @property {Float} x\n* @property {Float} y\n*/\n\nimport {NS} from './namespaces.js';\nimport {getTransformList} from './svgtransformlist.js';\n\n// Constants\nconst NEAR_ZERO = 1e-14;\n\n// Throw away SVGSVGElement used for creating matrices/transforms.\nconst svg = document.createElementNS(NS.SVG, 'svg');\n\n/**\n * A (hopefully) quicker function to transform a point by a matrix\n * (this function avoids any DOM calls and just does the math)\n * @function module:math.transformPoint\n * @param {Float} x - Float representing the x coordinate\n * @param {Float} y - Float representing the y coordinate\n * @param {SVGMatrix} m - Matrix object to transform the point with\n * @returns {module:math.XYObject} An x, y object representing the transformed point\n*/\nexport const transformPoint = function (x, y, m) {\n  return {x: m.a * x + m.c * y + m.e, y: m.b * x + m.d * y + m.f};\n};\n\n/**\n * Helper function to check if the matrix performs no actual transform\n * (i.e. exists for identity purposes)\n * @function module:math.isIdentity\n * @param {SVGMatrix} m - The matrix object to check\n * @returns {boolean} Indicates whether or not the matrix is 1,0,0,1,0,0\n*/\nexport const isIdentity = function (m) {\n  return (m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && m.e === 0 && m.f === 0);\n};\n\n/**\n * This function tries to return a `SVGMatrix` that is the multiplication `m1 * m2`.\n * We also round to zero when it's near zero\n * @function module:math.matrixMultiply\n * @param {...SVGMatrix} args - Matrix objects to multiply\n * @returns {SVGMatrix} The matrix object resulting from the calculation\n*/\nexport const matrixMultiply = function (...args) {\n  const m = args.reduceRight((prev, m1) => {\n    return m1.multiply(prev);\n  });\n\n  if (Math.abs(m.a) < NEAR_ZERO) { m.a = 0; }\n  if (Math.abs(m.b) < NEAR_ZERO) { m.b = 0; }\n  if (Math.abs(m.c) < NEAR_ZERO) { m.c = 0; }\n  if (Math.abs(m.d) < NEAR_ZERO) { m.d = 0; }\n  if (Math.abs(m.e) < NEAR_ZERO) { m.e = 0; }\n  if (Math.abs(m.f) < NEAR_ZERO) { m.f = 0; }\n\n  return m;\n};\n\n/**\n * See if the given transformlist includes a non-indentity matrix transform\n * @function module:math.hasMatrixTransform\n * @param {SVGTransformList} [tlist] - The transformlist to check\n * @returns {boolean} Whether or not a matrix transform was found\n*/\nexport const hasMatrixTransform = function (tlist) {\n  if (!tlist) { return false; }\n  let num = tlist.numberOfItems;\n  while (num--) {\n    const xform = tlist.getItem(num);\n    if (xform.type === 1 && !isIdentity(xform.matrix)) { return true; }\n  }\n  return false;\n};\n\n/**\n* @typedef {PlainObject} module:math.TransformedBox An object with the following values\n* @property {module:math.XYObject} tl - The top left coordinate\n* @property {module:math.XYObject} tr - The top right coordinate\n* @property {module:math.XYObject} bl - The bottom left coordinate\n* @property {module:math.XYObject} br - The bottom right coordinate\n* @property {PlainObject} aabox - Object with the following values:\n* @property {Float} aabox.x - Float with the axis-aligned x coordinate\n* @property {Float} aabox.y - Float with the axis-aligned y coordinate\n* @property {Float} aabox.width - Float with the axis-aligned width coordinate\n* @property {Float} aabox.height - Float with the axis-aligned height coordinate\n*/\n\n/**\n * Transforms a rectangle based on the given matrix\n * @function module:math.transformBox\n * @param {Float} l - Float with the box's left coordinate\n * @param {Float} t - Float with the box's top coordinate\n * @param {Float} w - Float with the box width\n * @param {Float} h - Float with the box height\n * @param {SVGMatrix} m - Matrix object to transform the box by\n * @returns {module:math.TransformedBox}\n*/\nexport const transformBox = function (l, t, w, h, m) {\n  const tl = transformPoint(l, t, m),\n    tr = transformPoint((l + w), t, m),\n    bl = transformPoint(l, (t + h), m),\n    br = transformPoint((l + w), (t + h), m),\n\n    minx = Math.min(tl.x, tr.x, bl.x, br.x),\n    maxx = Math.max(tl.x, tr.x, bl.x, br.x),\n    miny = Math.min(tl.y, tr.y, bl.y, br.y),\n    maxy = Math.max(tl.y, tr.y, bl.y, br.y);\n\n  return {\n    tl,\n    tr,\n    bl,\n    br,\n    aabox: {\n      x: minx,\n      y: miny,\n      width: (maxx - minx),\n      height: (maxy - miny)\n    }\n  };\n};\n\n/**\n * This returns a single matrix Transform for a given Transform List\n * (this is the equivalent of `SVGTransformList.consolidate()` but unlike\n * that method, this one does not modify the actual `SVGTransformList`).\n * This function is very liberal with its `min`, `max` arguments\n * @function module:math.transformListToTransform\n * @param {SVGTransformList} tlist - The transformlist object\n * @param {Integer} [min=0] - Optional integer indicating start transform position\n * @param {Integer} [max] - Optional integer indicating end transform position;\n *   defaults to one less than the tlist's `numberOfItems`\n * @returns {SVGTransform} A single matrix transform object\n*/\nexport const transformListToTransform = function (tlist, min, max) {\n  if (tlist == null) {\n    // Or should tlist = null have been prevented before this?\n    return svg.createSVGTransformFromMatrix(svg.createSVGMatrix());\n  }\n  min = min || 0;\n  max = max || (tlist.numberOfItems - 1);\n  min = parseInt(min, 10);\n  max = parseInt(max, 10);\n  if (min > max) { const temp = max; max = min; min = temp; }\n  let m = svg.createSVGMatrix();\n  for (let i = min; i <= max; ++i) {\n    // if our indices are out of range, just use a harmless identity matrix\n    const mtom = (i >= 0 && i < tlist.numberOfItems\n      ? tlist.getItem(i).matrix\n      : svg.createSVGMatrix());\n    m = matrixMultiply(m, mtom);\n  }\n  return svg.createSVGTransformFromMatrix(m);\n};\n\n/**\n * Get the matrix object for a given element\n * @function module:math.getMatrix\n * @param {Element} elem - The DOM element to check\n * @returns {SVGMatrix} The matrix object associated with the element's transformlist\n*/\nexport const getMatrix = function (elem) {\n  const tlist = getTransformList(elem);\n  return transformListToTransform(tlist).matrix;\n};\n\n/**\n * Returns a 45 degree angle coordinate associated with the two given\n * coordinates\n * @function module:math.snapToAngle\n * @param {Integer} x1 - First coordinate's x value\n * @param {Integer} x2 - Second coordinate's x value\n * @param {Integer} y1 - First coordinate's y value\n * @param {Integer} y2 - Second coordinate's y value\n * @returns {module:math.AngleCoord45}\n*/\nexport const snapToAngle = function (x1, y1, x2, y2) {\n  const snap = Math.PI / 4; // 45 degrees\n  const dx = x2 - x1;\n  const dy = y2 - y1;\n  const angle = Math.atan2(dy, dx);\n  const dist = Math.sqrt(dx * dx + dy * dy);\n  const snapangle = Math.round(angle / snap) * snap;\n\n  return {\n    x: x1 + dist * Math.cos(snapangle),\n    y: y1 + dist * Math.sin(snapangle),\n    a: snapangle\n  };\n};\n\n/**\n * Check if two rectangles (BBoxes objects) intersect each other\n * @function module:math.rectsIntersect\n * @param {SVGRect} r1 - The first BBox-like object\n * @param {SVGRect} r2 - The second BBox-like object\n * @returns {boolean} True if rectangles intersect\n */\nexport const rectsIntersect = function (r1, r2) {\n  return r2.x < (r1.x + r1.width) &&\n    (r2.x + r2.width) > r1.x &&\n    r2.y < (r1.y + r1.height) &&\n    (r2.y + r2.height) > r1.y;\n};\n","/* globals jQuery */\n/**\n * Path functionality\n * @module path\n * @license MIT\n *\n * @copyright 2011 Alexis Deveria, 2011 Jeff Schiller\n */\n\nimport './svgpathseg.js';\nimport {NS} from './namespaces.js';\nimport {getTransformList} from './svgtransformlist.js';\nimport {shortFloat} from './units.js';\nimport {ChangeElementCommand, BatchCommand} from './history.js';\nimport {\n  transformPoint, getMatrix, snapToAngle, rectsIntersect,\n  transformListToTransform\n} from './math.js';\nimport {\n  assignAttributes, getElem, getRotationAngle, getBBox,\n  getRefElem, findDefs, snapToGrid,\n  getBBox as utilsGetBBox\n} from './utilities.js';\nimport {\n  supportsPathInsertItemBefore, supportsPathReplaceItem, isWebkit\n} from './browser.js';\n\nconst $ = jQuery;\n\nconst segData = {\n  2: ['x', 'y'], // PATHSEG_MOVETO_ABS\n  4: ['x', 'y'], // PATHSEG_LINETO_ABS\n  6: ['x', 'y', 'x1', 'y1', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_ABS\n  8: ['x', 'y', 'x1', 'y1'], // PATHSEG_CURVETO_QUADRATIC_ABS\n  10: ['x', 'y', 'r1', 'r2', 'angle', 'largeArcFlag', 'sweepFlag'], // PATHSEG_ARC_ABS\n  12: ['x'], // PATHSEG_LINETO_HORIZONTAL_ABS\n  14: ['y'], // PATHSEG_LINETO_VERTICAL_ABS\n  16: ['x', 'y', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_SMOOTH_ABS\n  18: ['x', 'y'] // PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS\n};\n\n/**\n * @tutorial LocaleDocs\n * @typedef {module:locale.LocaleStrings|PlainObject} module:path.uiStrings\n * @property {PlainObject.<string, string>} ui\n*/\n\nconst uiStrings = {};\n/**\n* @function module:path.setUiStrings\n* @param {module:path.uiStrings} strs\n* @returns {undefined}\n*/\nexport const setUiStrings = function (strs) {\n  Object.assign(uiStrings, strs.ui);\n};\n\nlet pathFuncs = [];\n\nlet linkControlPts = true;\n\n// Stores references to paths via IDs.\n// TODO: Make this cross-document happy.\nlet pathData = {};\n\n/**\n* @function module:path.setLinkControlPoints\n* @param {boolean} lcp\n* @returns {undefined}\n*/\nexport const setLinkControlPoints = function (lcp) {\n  linkControlPts = lcp;\n};\n\n/**\n * @name module:path.path\n * @type {null|module:path.Path}\n * @memberof module:path\n*/\nexport let path = null;\n\nlet editorContext_ = null;\n\n/**\n* @external MouseEvent\n*/\n\n/**\n* Object with the following keys/values\n* @typedef {PlainObject} module:path.SVGElementJSON\n* @property {string} element - Tag name of the SVG element to create\n* @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element\n* @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first\n* @property {module:path.SVGElementJSON[]} [children] - Data objects to be added recursively as children\n* @property {string} [namespace=\"http://www.w3.org/2000/svg\"] - Indicate a (non-SVG) namespace\n*/\n/**\n * @interface module:path.EditorContext\n * @property {module:select.SelectorManager} selectorManager\n * @property {module:svgcanvas.SvgCanvas} canvas\n */\n/**\n * @function module:path.EditorContext#call\n * @param {\"selected\"|\"changed\"} ev - String with the event name\n * @param {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed} arg - Argument to pass through to the callback function. If the event is \"changed\", an array of `Element`s is passed; if \"selected\", a single-item array of `Element` is passed.\n * @returns {undefined}\n */\n/**\n * @function module:path.EditorContext#resetD\n * @param {SVGPathElement} p\n * @returns {undefined}\n*/\n/**\n * Note: This doesn't round to an integer necessarily\n * @function module:path.EditorContext#round\n * @param {Float} val\n * @returns {Float} Rounded value to nearest value based on `currentZoom`\n */\n/**\n * @function module:path.EditorContext#clearSelection\n * @param {boolean} [noCall] - When `true`, does not call the \"selected\" handler\n * @returns {undefined}\n*/\n/**\n * @function module:path.EditorContext#addToSelection\n * @param {Element[]} elemsToAdd - An array of DOM elements to add to the selection\n * @param {boolean} showGrips - Indicates whether the resize grips should be shown\n * @returns {undefined}\n*/\n/**\n * @function module:path.EditorContext#addCommandToHistory\n * @param {Command} cmd\n * @returns {undefined}\n */\n/**\n * @function module:path.EditorContext#remapElement\n * @param {Element} selected - DOM element to be changed\n * @param {PlainObject.<string, string>} changes - Object with changes to be remapped\n * @param {SVGMatrix} m - Matrix object to use for remapping coordinates\n * @returns {undefined}\n */\n/**\n * @function module:path.EditorContext#addSVGElementFromJson\n * @param {module:path.SVGElementJSON} data\n * @returns {Element} The new element\n*/\n/**\n * @function module:path.EditorContext#getGridSnapping\n * @returns {boolean}\n */\n/**\n * @function module:path.EditorContext#getOpacity\n * @returns {Float}\n */\n/**\n * @function module:path.EditorContext#getSelectedElements\n * @returns {Element[]} the array with selected DOM elements\n*/\n/**\n * @function module:path.EditorContext#getContainer\n * @returns {Element}\n */\n/**\n * @function module:path.EditorContext#setStarted\n * @param {boolean} s\n * @returns {undefined}\n */\n/**\n * @function module:path.EditorContext#getRubberBox\n * @returns {SVGRectElement}\n*/\n/**\n * @function module:path.EditorContext#setRubberBox\n * @param {SVGRectElement} rb\n * @returns {SVGRectElement} Same as parameter passed in\n */\n/**\n * @function module:path.EditorContext#addPtsToSelection\n * @param {PlainObject} cfg\n * @param {boolean} cfg.closedSubpath\n * @param {SVGCircleElement[]} cfg.grips\n * @returns {undefined}\n */\n/**\n * @function module:path.EditorContext#endChanges\n * @param {PlainObject} cfg\n * @param {string} cfg.cmd\n * @param {Element} cfg.elem\n * @returns {undefined}\n*/\n/**\n * @function module:path.EditorContext#getCurrentZoom\n * @returns {Float} The current zoom level\n */\n/**\n * Returns the last created DOM element ID string\n * @function module:path.EditorContext#getId\n * @returns {string}\n */\n/**\n * Creates and returns a unique ID string for a DOM element\n * @function module:path.EditorContext#getNextId\n * @returns {string}\n*/\n/**\n * Gets the desired element from a mouse event\n * @function module:path.EditorContext#getMouseTarget\n * @param {external:MouseEvent} evt - Event object from the mouse event\n * @returns {Element} DOM element we want\n */\n/**\n * @function module:path.EditorContext#getCurrentMode\n * @returns {string}\n */\n/**\n * @function module:path.EditorContext#setCurrentMode\n * @param {string} cm The mode\n * @returns {string} The same mode as passed in\n*/\n/**\n * @function module:path.EditorContext#getDrawnPath\n * @returns {SVGPathElement|null}\n */\n/**\n * @function module:path.EditorContext#setDrawnPath\n * @param {SVGPathElement|null} dp\n * @returns {SVGPathElement|null} The same value as passed in\n */\n/**\n * @function module:path.EditorContext#getSVGRoot\n * @returns {SVGSVGElement}\n*/\n\n/**\n* @function module:path.init\n* @param {module:path.EditorContext} editorContext\n* @returns {undefined}\n*/\nexport const init = function (editorContext) {\n  editorContext_ = editorContext;\n\n  pathFuncs = [0, 'ClosePath'];\n  const pathFuncsStrs = ['Moveto', 'Lineto', 'CurvetoCubic', 'CurvetoQuadratic', 'Arc',\n    'LinetoHorizontal', 'LinetoVertical', 'CurvetoCubicSmooth', 'CurvetoQuadraticSmooth'];\n  $.each(pathFuncsStrs, function (i, s) {\n    pathFuncs.push(s + 'Abs');\n    pathFuncs.push(s + 'Rel');\n  });\n};\n\n/**\n* @function module:path.insertItemBefore\n* @param {Element} elem\n* @param {Segment} newseg\n* @param {Integer} index\n* @returns {undefined}\n*/\nexport const insertItemBefore = function (elem, newseg, index) {\n  // Support insertItemBefore on paths for FF2\n  const list = elem.pathSegList;\n\n  if (supportsPathInsertItemBefore()) {\n    list.insertItemBefore(newseg, index);\n    return;\n  }\n  const len = list.numberOfItems;\n  const arr = [];\n  for (let i = 0; i < len; i++) {\n    const curSeg = list.getItem(i);\n    arr.push(curSeg);\n  }\n  list.clear();\n  for (let i = 0; i < len; i++) {\n    if (i === index) { // index + 1\n      list.appendItem(newseg);\n    }\n    list.appendItem(arr[i]);\n  }\n};\n\n/**\n* @function module:path.ptObjToArr\n* @todo See if this should just live in `replacePathSeg`\n* @param {string} type\n* @param {SVGPathSegMovetoAbs|SVGPathSegLinetoAbs|SVGPathSegCurvetoCubicAbs|SVGPathSegCurvetoQuadraticAbs|SVGPathSegArcAbs|SVGPathSegLinetoHorizontalAbs|SVGPathSegLinetoVerticalAbs|SVGPathSegCurvetoCubicSmoothAbs|SVGPathSegCurvetoQuadraticSmoothAbs} segItem\n* @returns {ArgumentsArray}\n*/\nexport const ptObjToArr = function (type, segItem) {\n  const props = segData[type];\n  return props.map((prop) => {\n    return segItem[prop];\n  });\n};\n\n/**\n* @function module:path.getGripPt\n* @param {Segment} seg\n* @param {module:math.XYObject} altPt\n* @returns {module:math.XYObject}\n*/\nexport const getGripPt = function (seg, altPt) {\n  const {path} = seg;\n  let out = {\n    x: altPt ? altPt.x : seg.item.x,\n    y: altPt ? altPt.y : seg.item.y\n  };\n\n  if (path.matrix) {\n    const pt = transformPoint(out.x, out.y, path.matrix);\n    out = pt;\n  }\n\n  const currentZoom = editorContext_.getCurrentZoom();\n  out.x *= currentZoom;\n  out.y *= currentZoom;\n\n  return out;\n};\n\n/**\n* @function module:path.getPointFromGrip\n* @param {module:math.XYObject} pt\n* @param {module:path.Path} path\n* @returns {module:math.XYObject}\n*/\nexport const getPointFromGrip = function (pt, path) {\n  const out = {\n    x: pt.x,\n    y: pt.y\n  };\n\n  if (path.matrix) {\n    pt = transformPoint(out.x, out.y, path.imatrix);\n    out.x = pt.x;\n    out.y = pt.y;\n  }\n\n  const currentZoom = editorContext_.getCurrentZoom();\n  out.x /= currentZoom;\n  out.y /= currentZoom;\n\n  return out;\n};\n\n/**\n* Requires prior call to `setUiStrings` if `xlink:title`\n*    to be set on the grip\n* @function module:path.addPointGrip\n* @param {Integer} index\n* @param {Integer} x\n* @param {Integer} y\n* @returns {SVGCircleElement}\n*/\nexport const addPointGrip = function (index, x, y) {\n  // create the container of all the point grips\n  const pointGripContainer = getGripContainer();\n\n  let pointGrip = getElem('pathpointgrip_' + index);\n  // create it\n  if (!pointGrip) {\n    pointGrip = document.createElementNS(NS.SVG, 'circle');\n    const atts = {\n      id: 'pathpointgrip_' + index,\n      display: 'none',\n      r: 4,\n      fill: '#0FF',\n      stroke: '#00F',\n      'stroke-width': 2,\n      cursor: 'move',\n      style: 'pointer-events:all'\n    };\n    if ('pathNodeTooltip' in uiStrings) { // May be empty if running path.js without svg-editor\n      atts['xlink:title'] = uiStrings.pathNodeTooltip;\n    }\n    assignAttributes(pointGrip, atts);\n    pointGrip = pointGripContainer.appendChild(pointGrip);\n\n    const grip = $('#pathpointgrip_' + index);\n    grip.dblclick(function () {\n      if (path) {\n        path.setSegType();\n      }\n    });\n  }\n  if (x && y) {\n    // set up the point grip element and display it\n    assignAttributes(pointGrip, {\n      cx: x,\n      cy: y,\n      display: 'inline'\n    });\n  }\n  return pointGrip;\n};\n\n/**\n* @function module:path.getGripContainer\n* @returns {Element}\n*/\nexport const getGripContainer = function () {\n  let c = getElem('pathpointgrip_container');\n  if (!c) {\n    const parent = getElem('selectorParentGroup');\n    c = parent.appendChild(document.createElementNS(NS.SVG, 'g'));\n    c.id = 'pathpointgrip_container';\n  }\n  return c;\n};\n\n/**\n* Requires prior call to `setUiStrings` if `xlink:title`\n*    to be set on the grip\n* @function module:path.addCtrlGrip\n* @param {string} id\n* @returns {SVGCircleElement}\n*/\nexport const addCtrlGrip = function (id) {\n  let pointGrip = getElem('ctrlpointgrip_' + id);\n  if (pointGrip) { return pointGrip; }\n\n  pointGrip = document.createElementNS(NS.SVG, 'circle');\n  const atts = {\n    id: 'ctrlpointgrip_' + id,\n    display: 'none',\n    r: 4,\n    fill: '#0FF',\n    stroke: '#55F',\n    'stroke-width': 1,\n    cursor: 'move',\n    style: 'pointer-events:all'\n  };\n  if ('pathCtrlPtTooltip' in uiStrings) { // May be empty if running path.js without svg-editor\n    atts['xlink:title'] = uiStrings.pathCtrlPtTooltip;\n  }\n  assignAttributes(pointGrip, atts);\n  getGripContainer().append(pointGrip);\n  return pointGrip;\n};\n\n/**\n* @function module:path.getCtrlLine\n* @param {string} id\n* @returns {SVGLineElement}\n*/\nexport const getCtrlLine = function (id) {\n  let ctrlLine = getElem('ctrlLine_' + id);\n  if (ctrlLine) { return ctrlLine; }\n\n  ctrlLine = document.createElementNS(NS.SVG, 'line');\n  assignAttributes(ctrlLine, {\n    id: 'ctrlLine_' + id,\n    stroke: '#555',\n    'stroke-width': 1,\n    style: 'pointer-events:none'\n  });\n  getGripContainer().append(ctrlLine);\n  return ctrlLine;\n};\n\n/**\n* @function module:path.getPointGrip\n* @param {Segment} seg\n* @param {boolean} update\n* @returns {SVGCircleElement}\n*/\nexport const getPointGrip = function (seg, update) {\n  const {index} = seg;\n  const pointGrip = addPointGrip(index);\n\n  if (update) {\n    const pt = getGripPt(seg);\n    assignAttributes(pointGrip, {\n      cx: pt.x,\n      cy: pt.y,\n      display: 'inline'\n    });\n  }\n\n  return pointGrip;\n};\n\n/**\n* @function module:path.getControlPoints\n* @param {Segment} seg\n* @returns {PlainObject.<string, SVGLineElement|SVGCircleElement>}\n*/\nexport const getControlPoints = function (seg) {\n  const {item, index} = seg;\n  if (!('x1' in item) || !('x2' in item)) { return null; }\n  const cpt = {};\n  /* const pointGripContainer = */ getGripContainer();\n\n  // Note that this is intentionally not seg.prev.item\n  const prev = path.segs[index - 1].item;\n\n  const segItems = [prev, item];\n\n  for (let i = 1; i < 3; i++) {\n    const id = index + 'c' + i;\n\n    const ctrlLine = cpt['c' + i + '_line'] = getCtrlLine(id);\n\n    const pt = getGripPt(seg, {x: item['x' + i], y: item['y' + i]});\n    const gpt = getGripPt(seg, {x: segItems[i - 1].x, y: segItems[i - 1].y});\n\n    assignAttributes(ctrlLine, {\n      x1: pt.x,\n      y1: pt.y,\n      x2: gpt.x,\n      y2: gpt.y,\n      display: 'inline'\n    });\n\n    cpt['c' + i + '_line'] = ctrlLine;\n\n    // create it\n    const pointGrip = cpt['c' + i] = addCtrlGrip(id);\n\n    assignAttributes(pointGrip, {\n      cx: pt.x,\n      cy: pt.y,\n      display: 'inline'\n    });\n    cpt['c' + i] = pointGrip;\n  }\n  return cpt;\n};\n\n/**\n* This replaces the segment at the given index. Type is given as number.\n* @function module:path.replacePathSeg\n* @param {Integer} type Possible values set during {@link module:path.init}\n* @param {Integer} index\n* @param {ArgumentsArray} pts\n* @param {SVGPathElement} elem\n*/\nexport const replacePathSeg = function (type, index, pts, elem) {\n  const pth = elem || path.elem;\n\n  const func = 'createSVGPathSeg' + pathFuncs[type];\n  const seg = pth[func].apply(pth, pts);\n\n  if (supportsPathReplaceItem()) {\n    pth.pathSegList.replaceItem(seg, index);\n  } else {\n    const segList = pth.pathSegList;\n    const len = segList.numberOfItems;\n    const arr = [];\n    for (let i = 0; i < len; i++) {\n      const curSeg = segList.getItem(i);\n      arr.push(curSeg);\n    }\n    segList.clear();\n    for (let i = 0; i < len; i++) {\n      if (i === index) {\n        segList.appendItem(seg);\n      } else {\n        segList.appendItem(arr[i]);\n      }\n    }\n  }\n};\n\n/**\n* @function module:path.getSegSelector\n* @param {Segment} seg\n* @param {boolean} update\n* @returns {SVGPathElement}\n*/\nexport const getSegSelector = function (seg, update) {\n  const {index} = seg;\n  let segLine = getElem('segline_' + index);\n  if (!segLine) {\n    const pointGripContainer = getGripContainer();\n    // create segline\n    segLine = document.createElementNS(NS.SVG, 'path');\n    assignAttributes(segLine, {\n      id: 'segline_' + index,\n      display: 'none',\n      fill: 'none',\n      stroke: '#0FF',\n      'stroke-width': 2,\n      style: 'pointer-events:none',\n      d: 'M0,0 0,0'\n    });\n    pointGripContainer.append(segLine);\n  }\n\n  if (update) {\n    const {prev} = seg;\n    if (!prev) {\n      segLine.setAttribute('display', 'none');\n      return segLine;\n    }\n\n    const pt = getGripPt(prev);\n    // Set start point\n    replacePathSeg(2, 0, [pt.x, pt.y], segLine);\n\n    const pts = ptObjToArr(seg.type, seg.item, true);\n    for (let i = 0; i < pts.length; i += 2) {\n      const pt = getGripPt(seg, {x: pts[i], y: pts[i + 1]});\n      pts[i] = pt.x;\n      pts[i + 1] = pt.y;\n    }\n\n    replacePathSeg(seg.type, 1, pts, segLine);\n  }\n  return segLine;\n};\n\n/**\n * @typedef {PlainObject} Point\n * @property {Integer} x The x value\n * @property {Integer} y The y value\n */\n\n/**\n* Takes three points and creates a smoother line based on them\n* @function module:path.smoothControlPoints\n* @param {Point} ct1 - Object with x and y values (first control point)\n* @param {Point} ct2 - Object with x and y values (second control point)\n* @param {Point} pt - Object with x and y values (third point)\n* @returns {Point[]} Array of two \"smoothed\" point objects\n*/\nexport const smoothControlPoints = function (ct1, ct2, pt) {\n  // each point must not be the origin\n  const x1 = ct1.x - pt.x,\n    y1 = ct1.y - pt.y,\n    x2 = ct2.x - pt.x,\n    y2 = ct2.y - pt.y;\n\n  if ((x1 !== 0 || y1 !== 0) && (x2 !== 0 || y2 !== 0)) {\n    const\n      r1 = Math.sqrt(x1 * x1 + y1 * y1),\n      r2 = Math.sqrt(x2 * x2 + y2 * y2),\n      nct1 = editorContext_.getSVGRoot().createSVGPoint(),\n      nct2 = editorContext_.getSVGRoot().createSVGPoint();\n    let anglea = Math.atan2(y1, x1),\n      angleb = Math.atan2(y2, x2);\n    if (anglea < 0) { anglea += 2 * Math.PI; }\n    if (angleb < 0) { angleb += 2 * Math.PI; }\n\n    const angleBetween = Math.abs(anglea - angleb),\n      angleDiff = Math.abs(Math.PI - angleBetween) / 2;\n\n    let newAnglea, newAngleb;\n    if (anglea - angleb > 0) {\n      newAnglea = angleBetween < Math.PI ? (anglea + angleDiff) : (anglea - angleDiff);\n      newAngleb = angleBetween < Math.PI ? (angleb - angleDiff) : (angleb + angleDiff);\n    } else {\n      newAnglea = angleBetween < Math.PI ? (anglea - angleDiff) : (anglea + angleDiff);\n      newAngleb = angleBetween < Math.PI ? (angleb + angleDiff) : (angleb - angleDiff);\n    }\n\n    // rotate the points\n    nct1.x = r1 * Math.cos(newAnglea) + pt.x;\n    nct1.y = r1 * Math.sin(newAnglea) + pt.y;\n    nct2.x = r2 * Math.cos(newAngleb) + pt.x;\n    nct2.y = r2 * Math.sin(newAngleb) + pt.y;\n\n    return [nct1, nct2];\n  }\n  return undefined;\n};\n\n/**\n*\n*/\nexport class Segment {\n  /**\n  * @param {Integer} index\n  * @param {SVGPathSeg} item\n  * @todo Is `item` be more constrained here?\n  */\n  constructor (index, item) {\n    this.selected = false;\n    this.index = index;\n    this.item = item;\n    this.type = item.pathSegType;\n\n    this.ctrlpts = [];\n    this.ptgrip = null;\n    this.segsel = null;\n  }\n\n  /**\n   * @param {boolean} y\n   * @returns {undefined}\n   */\n  showCtrlPts (y) {\n    for (const i in this.ctrlpts) {\n      if (this.ctrlpts.hasOwnProperty(i)) {\n        this.ctrlpts[i].setAttribute('display', y ? 'inline' : 'none');\n      }\n    }\n  }\n\n  /**\n   * @param {boolean} y\n   * @returns {undefined}\n   */\n  selectCtrls (y) {\n    $('#ctrlpointgrip_' + this.index + 'c1, #ctrlpointgrip_' + this.index + 'c2')\n      .attr('fill', y ? '#0FF' : '#EEE');\n  }\n\n  /**\n   * @param {boolean} y\n   * @returns {undefined}\n   */\n  show (y) {\n    if (this.ptgrip) {\n      this.ptgrip.setAttribute('display', y ? 'inline' : 'none');\n      this.segsel.setAttribute('display', y ? 'inline' : 'none');\n      // Show/hide all control points if available\n      this.showCtrlPts(y);\n    }\n  }\n\n  /**\n   * @param {boolean} y\n   * @returns {undefined}\n   */\n  select (y) {\n    if (this.ptgrip) {\n      this.ptgrip.setAttribute('stroke', y ? '#0FF' : '#00F');\n      this.segsel.setAttribute('display', y ? 'inline' : 'none');\n      if (this.ctrlpts) {\n        this.selectCtrls(y);\n      }\n      this.selected = y;\n    }\n  }\n\n  /**\n   * @returns {undefined}\n   */\n  addGrip () {\n    this.ptgrip = getPointGrip(this, true);\n    this.ctrlpts = getControlPoints(this, true);\n    this.segsel = getSegSelector(this, true);\n  }\n\n  /**\n   * @param {boolean} full\n   * @returns {undefined}\n   */\n  update (full) {\n    if (this.ptgrip) {\n      const pt = getGripPt(this);\n      assignAttributes(this.ptgrip, {\n        cx: pt.x,\n        cy: pt.y\n      });\n\n      getSegSelector(this, true);\n\n      if (this.ctrlpts) {\n        if (full) {\n          this.item = path.elem.pathSegList.getItem(this.index);\n          this.type = this.item.pathSegType;\n        }\n        getControlPoints(this);\n      }\n      // this.segsel.setAttribute('display', y ? 'inline' : 'none');\n    }\n  }\n\n  /**\n   * @param {Integer} dx\n   * @param {Integer} dy\n   * @returns {undefined}\n   */\n  move (dx, dy) {\n    const {item} = this;\n\n    const curPts = this.ctrlpts\n      ? [item.x += dx, item.y += dy,\n        item.x1, item.y1, item.x2 += dx, item.y2 += dy\n      ]\n      : [item.x += dx, item.y += dy];\n\n    replacePathSeg(this.type, this.index, curPts);\n\n    if (this.next && this.next.ctrlpts) {\n      const next = this.next.item;\n      const nextPts = [next.x, next.y,\n        next.x1 += dx, next.y1 += dy, next.x2, next.y2];\n      replacePathSeg(this.next.type, this.next.index, nextPts);\n    }\n\n    if (this.mate) {\n      // The last point of a closed subpath has a 'mate',\n      // which is the 'M' segment of the subpath\n      const {item} = this.mate;\n      const pts = [item.x += dx, item.y += dy];\n      replacePathSeg(this.mate.type, this.mate.index, pts);\n      // Has no grip, so does not need 'updating'?\n    }\n\n    this.update(true);\n    if (this.next) { this.next.update(true); }\n  }\n\n  /**\n   * @param {Integer} num\n   * @returns {undefined}\n   */\n  setLinked (num) {\n    let seg, anum, pt;\n    if (num === 2) {\n      anum = 1;\n      seg = this.next;\n      if (!seg) { return; }\n      pt = this.item;\n    } else {\n      anum = 2;\n      seg = this.prev;\n      if (!seg) { return; }\n      pt = seg.item;\n    }\n\n    const {item} = seg;\n    item['x' + anum] = pt.x + (pt.x - this.item['x' + num]);\n    item['y' + anum] = pt.y + (pt.y - this.item['y' + num]);\n\n    const pts = [item.x, item.y,\n      item.x1, item.y1,\n      item.x2, item.y2];\n\n    replacePathSeg(seg.type, seg.index, pts);\n    seg.update(true);\n  }\n\n  /**\n   * @param {Integer} num\n   * @param {Integer} dx\n   * @param {Integer} dy\n   * @returns {undefined}\n   */\n  moveCtrl (num, dx, dy) {\n    const {item} = this;\n    item['x' + num] += dx;\n    item['y' + num] += dy;\n\n    const pts = [item.x, item.y,\n      item.x1, item.y1, item.x2, item.y2];\n\n    replacePathSeg(this.type, this.index, pts);\n    this.update(true);\n  }\n\n  /**\n   * @param {Integer} newType Possible values set during {@link module:path.init}\n   * @param {ArgumentsArray} pts\n   */\n  setType (newType, pts) {\n    replacePathSeg(newType, this.index, pts);\n    this.type = newType;\n    this.item = path.elem.pathSegList.getItem(this.index);\n    this.showCtrlPts(newType === 6);\n    this.ctrlpts = getControlPoints(this);\n    this.update(true);\n  }\n}\n\n/**\n*\n*/\nexport class Path {\n  /**\n  * @param {SVGPathElement}\n  * @throws {Error} If constructed without a path element\n  */\n  constructor (elem) {\n    if (!elem || elem.tagName !== 'path') {\n      throw new Error('svgedit.path.Path constructed without a <path> element');\n    }\n\n    this.elem = elem;\n    this.segs = [];\n    this.selected_pts = [];\n    path = this;\n\n    this.init();\n  }\n\n  /**\n  * Reset path data\n  * @returns {module:path.Path}\n  */\n  init () {\n    // Hide all grips, etc\n\n    // fixed, needed to work on all found elements, not just first\n    $(getGripContainer()).find('*').each(function () {\n      $(this).attr('display', 'none');\n    });\n\n    const segList = this.elem.pathSegList;\n    const len = segList.numberOfItems;\n    this.segs = [];\n    this.selected_pts = [];\n    this.first_seg = null;\n\n    // Set up segs array\n    for (let i = 0; i < len; i++) {\n      const item = segList.getItem(i);\n      const segment = new Segment(i, item);\n      segment.path = this;\n      this.segs.push(segment);\n    }\n\n    const {segs} = this;\n\n    let startI = null;\n    for (let i = 0; i < len; i++) {\n      const seg = segs[i];\n      const nextSeg = (i + 1) >= len ? null : segs[i + 1];\n      const prevSeg = (i - 1) < 0 ? null : segs[i - 1];\n      if (seg.type === 2) {\n        if (prevSeg && prevSeg.type !== 1) {\n          // New sub-path, last one is open,\n          // so add a grip to last sub-path's first point\n          const startSeg = segs[startI];\n          startSeg.next = segs[startI + 1];\n          startSeg.next.prev = startSeg;\n          startSeg.addGrip();\n        }\n        // Remember that this is a starter seg\n        startI = i;\n      } else if (nextSeg && nextSeg.type === 1) {\n        // This is the last real segment of a closed sub-path\n        // Next is first seg after \"M\"\n        seg.next = segs[startI + 1];\n\n        // First seg after \"M\"'s prev is this\n        seg.next.prev = seg;\n        seg.mate = segs[startI];\n        seg.addGrip();\n        if (this.first_seg == null) {\n          this.first_seg = seg;\n        }\n      } else if (!nextSeg) {\n        if (seg.type !== 1) {\n          // Last seg, doesn't close so add a grip\n          // to last sub-path's first point\n          const startSeg = segs[startI];\n          startSeg.next = segs[startI + 1];\n          startSeg.next.prev = startSeg;\n          startSeg.addGrip();\n          seg.addGrip();\n\n          if (!this.first_seg) {\n            // Open path, so set first as real first and add grip\n            this.first_seg = segs[startI];\n          }\n        }\n      } else if (seg.type !== 1) {\n        // Regular segment, so add grip and its \"next\"\n        seg.addGrip();\n\n        // Don't set its \"next\" if it's an \"M\"\n        if (nextSeg && nextSeg.type !== 2) {\n          seg.next = nextSeg;\n          seg.next.prev = seg;\n        }\n      }\n    }\n    return this;\n  }\n\n  /**\n  * @callback module:path.PathEachSegCallback\n  * @this module:path.Segment\n  * @param {Integer} i The index of the seg being iterated\n  * @returns {boolean} Will stop execution of `eachSeg` if returns `false`\n  */\n  /**\n  * @param {module:path.PathEachSegCallback} fn\n  * @returns {undefined}\n  */\n  eachSeg (fn) {\n    const len = this.segs.length;\n    for (let i = 0; i < len; i++) {\n      const ret = fn.call(this.segs[i], i);\n      if (ret === false) { break; }\n    }\n  }\n\n  /**\n  * @param {Integer} index\n  * @returns {undefined}\n  */\n  addSeg (index) {\n    // Adds a new segment\n    const seg = this.segs[index];\n    if (!seg.prev) { return; }\n\n    const {prev} = seg;\n    let newseg, newX, newY;\n    switch (seg.item.pathSegType) {\n    case 4: {\n      newX = (seg.item.x + prev.item.x) / 2;\n      newY = (seg.item.y + prev.item.y) / 2;\n      newseg = this.elem.createSVGPathSegLinetoAbs(newX, newY);\n      break;\n    } case 6: { // make it a curved segment to preserve the shape (WRS)\n      // https://en.wikipedia.org/wiki/De_Casteljau%27s_algorithm#Geometric_interpretation\n      const p0x = (prev.item.x + seg.item.x1) / 2;\n      const p1x = (seg.item.x1 + seg.item.x2) / 2;\n      const p2x = (seg.item.x2 + seg.item.x) / 2;\n      const p01x = (p0x + p1x) / 2;\n      const p12x = (p1x + p2x) / 2;\n      newX = (p01x + p12x) / 2;\n      const p0y = (prev.item.y + seg.item.y1) / 2;\n      const p1y = (seg.item.y1 + seg.item.y2) / 2;\n      const p2y = (seg.item.y2 + seg.item.y) / 2;\n      const p01y = (p0y + p1y) / 2;\n      const p12y = (p1y + p2y) / 2;\n      newY = (p01y + p12y) / 2;\n      newseg = this.elem.createSVGPathSegCurvetoCubicAbs(newX, newY, p0x, p0y, p01x, p01y);\n      const pts = [seg.item.x, seg.item.y, p12x, p12y, p2x, p2y];\n      replacePathSeg(seg.type, index, pts);\n      break;\n    }\n    }\n\n    insertItemBefore(this.elem, newseg, index);\n  }\n\n  /**\n  * @param {Integer} index\n  * @returns {undefined}\n  */\n  deleteSeg (index) {\n    const seg = this.segs[index];\n    const list = this.elem.pathSegList;\n\n    seg.show(false);\n    const {next} = seg;\n    if (seg.mate) {\n      // Make the next point be the \"M\" point\n      const pt = [next.item.x, next.item.y];\n      replacePathSeg(2, next.index, pt);\n\n      // Reposition last node\n      replacePathSeg(4, seg.index, pt);\n\n      list.removeItem(seg.mate.index);\n    } else if (!seg.prev) {\n      // First node of open path, make next point the M\n      // const {item} = seg;\n      const pt = [next.item.x, next.item.y];\n      replacePathSeg(2, seg.next.index, pt);\n      list.removeItem(index);\n    } else {\n      list.removeItem(index);\n    }\n  }\n\n  /**\n  * @param {Integer} index\n  * @returns {boolean}\n  */\n  subpathIsClosed (index) {\n    let closed = false;\n    // Check if subpath is already open\n    path.eachSeg(function (i) {\n      if (i <= index) { return true; }\n      if (this.type === 2) {\n        // Found M first, so open\n        return false;\n      }\n      if (this.type === 1) {\n        // Found Z first, so closed\n        closed = true;\n        return false;\n      }\n    });\n\n    return closed;\n  }\n\n  /**\n  * @param {Integer} index\n  * @returns {undefined}\n  */\n  removePtFromSelection (index) {\n    const pos = this.selected_pts.indexOf(index);\n    if (pos === -1) {\n      return;\n    }\n    this.segs[index].select(false);\n    this.selected_pts.splice(pos, 1);\n  }\n\n  /**\n  * @returns {undefined}\n  */\n  clearSelection () {\n    this.eachSeg(function () {\n      // 'this' is the segment here\n      this.select(false);\n    });\n    this.selected_pts = [];\n  }\n\n  /**\n  * @returns {undefined}\n  */\n  storeD () {\n    this.last_d = this.elem.getAttribute('d');\n  }\n\n  /**\n  * @param {Integer} y\n  * @returns {undefined}\n  */\n  show (y) {\n    // Shows this path's segment grips\n    this.eachSeg(function () {\n      // 'this' is the segment here\n      this.show(y);\n    });\n    if (y) {\n      this.selectPt(this.first_seg.index);\n    }\n    return this;\n  }\n\n  /**\n  * Move selected points\n  * @param {Integer} dx\n  * @param {Integer} dy\n  * @returns {undefined}\n  */\n  movePts (dx, dy) {\n    let i = this.selected_pts.length;\n    while (i--) {\n      const seg = this.segs[this.selected_pts[i]];\n      seg.move(dx, dy);\n    }\n  }\n\n  /**\n  * @param {Integer} dx\n  * @param {Integer} dy\n  * @returns {undefined}\n  */\n  moveCtrl (dx, dy) {\n    const seg = this.segs[this.selected_pts[0]];\n    seg.moveCtrl(this.dragctrl, dx, dy);\n    if (linkControlPts) {\n      seg.setLinked(this.dragctrl);\n    }\n  }\n\n  /**\n  * @param {?Integer} newType See {@link https://www.w3.org/TR/SVG/single-page.html#paths-InterfaceSVGPathSeg}\n  * @returns {undefined}\n  */\n  setSegType (newType) {\n    this.storeD();\n    let i = this.selected_pts.length;\n    let text;\n    while (i--) {\n      const selPt = this.selected_pts[i];\n\n      // Selected seg\n      const cur = this.segs[selPt];\n      const {prev} = cur;\n      if (!prev) { continue; }\n\n      if (!newType) { // double-click, so just toggle\n        text = 'Toggle Path Segment Type';\n\n        // Toggle segment to curve/straight line\n        const oldType = cur.type;\n\n        newType = (oldType === 6) ? 4 : 6;\n      }\n\n      newType = Number(newType);\n\n      const curX = cur.item.x;\n      const curY = cur.item.y;\n      const prevX = prev.item.x;\n      const prevY = prev.item.y;\n      let points;\n      switch (newType) {\n      case 6: {\n        if (cur.olditem) {\n          const old = cur.olditem;\n          points = [curX, curY, old.x1, old.y1, old.x2, old.y2];\n        } else {\n          const diffX = curX - prevX;\n          const diffY = curY - prevY;\n          // get control points from straight line segment\n          /*\n          const ct1x = (prevX + (diffY/2));\n          const ct1y = (prevY - (diffX/2));\n          const ct2x = (curX + (diffY/2));\n          const ct2y = (curY - (diffX/2));\n          */\n          // create control points on the line to preserve the shape (WRS)\n          const ct1x = (prevX + (diffX / 3));\n          const ct1y = (prevY + (diffY / 3));\n          const ct2x = (curX - (diffX / 3));\n          const ct2y = (curY - (diffY / 3));\n          points = [curX, curY, ct1x, ct1y, ct2x, ct2y];\n        }\n        break;\n      } case 4: {\n        points = [curX, curY];\n\n        // Store original prevve segment nums\n        cur.olditem = cur.item;\n        break;\n      }\n      }\n\n      cur.setType(newType, points);\n    }\n    path.endChanges(text);\n  }\n\n  /**\n  * @param {Integer} pt\n  * @param {Integer} ctrlNum\n  * @returns {undefined}\n  */\n  selectPt (pt, ctrlNum) {\n    this.clearSelection();\n    if (pt == null) {\n      this.eachSeg(function (i) {\n        // 'this' is the segment here.\n        if (this.prev) {\n          pt = i;\n        }\n      });\n    }\n    this.addPtsToSelection(pt);\n    if (ctrlNum) {\n      this.dragctrl = ctrlNum;\n\n      if (linkControlPts) {\n        this.segs[pt].setLinked(ctrlNum);\n      }\n    }\n  }\n\n  /**\n  * Update position of all points\n  * @returns {Path}\n  */\n  update () {\n    const {elem} = this;\n    if (getRotationAngle(elem)) {\n      this.matrix = getMatrix(elem);\n      this.imatrix = this.matrix.inverse();\n    } else {\n      this.matrix = null;\n      this.imatrix = null;\n    }\n\n    this.eachSeg(function (i) {\n      this.item = elem.pathSegList.getItem(i);\n      this.update();\n    });\n\n    return this;\n  }\n\n  /**\n  * @param {string} text\n  * @returns {undefined}\n  */\n  endChanges (text) {\n    if (isWebkit()) { editorContext_.resetD(this.elem); }\n    const cmd = new ChangeElementCommand(this.elem, {d: this.last_d}, text);\n    editorContext_.endChanges({cmd, elem: this.elem});\n  }\n\n  /**\n  * @param {Integer|Integer[]} indexes\n  * @returns {undefined}\n  */\n  addPtsToSelection (indexes) {\n    if (!Array.isArray(indexes)) { indexes = [indexes]; }\n    for (let i = 0; i < indexes.length; i++) {\n      const index = indexes[i];\n      const seg = this.segs[index];\n      if (seg.ptgrip) {\n        if (!this.selected_pts.includes(index) && index >= 0) {\n          this.selected_pts.push(index);\n        }\n      }\n    }\n    this.selected_pts.sort();\n    let i = this.selected_pts.length;\n    const grips = [];\n    grips.length = i;\n    // Loop through points to be selected and highlight each\n    while (i--) {\n      const pt = this.selected_pts[i];\n      const seg = this.segs[pt];\n      seg.select(true);\n      grips[i] = seg.ptgrip;\n    }\n\n    const closedSubpath = this.subpathIsClosed(this.selected_pts[0]);\n    editorContext_.addPtsToSelection({grips, closedSubpath});\n  }\n}\n\n/**\n* @function module:path.getPath_\n* @param {SVGPathElement} elem\n* @returns {module:path.Path}\n*/\nexport const getPath_ = function (elem) {\n  let p = pathData[elem.id];\n  if (!p) {\n    p = pathData[elem.id] = new Path(elem);\n  }\n  return p;\n};\n\n/**\n* @function module:path.removePath_\n* @param {string} id\n* @returns {undefined}\n*/\nexport const removePath_ = function (id) {\n  if (id in pathData) { delete pathData[id]; }\n};\n\nlet newcx, newcy, oldcx, oldcy, angle;\n\nconst getRotVals = function (x, y) {\n  let dx = x - oldcx;\n  let dy = y - oldcy;\n\n  // rotate the point around the old center\n  let r = Math.sqrt(dx * dx + dy * dy);\n  let theta = Math.atan2(dy, dx) + angle;\n  dx = r * Math.cos(theta) + oldcx;\n  dy = r * Math.sin(theta) + oldcy;\n\n  // dx,dy should now hold the actual coordinates of each\n  // point after being rotated\n\n  // now we want to rotate them around the new center in the reverse direction\n  dx -= newcx;\n  dy -= newcy;\n\n  r = Math.sqrt(dx * dx + dy * dy);\n  theta = Math.atan2(dy, dx) - angle;\n\n  return {x: r * Math.cos(theta) + newcx,\n    y: r * Math.sin(theta) + newcy};\n};\n\n// If the path was rotated, we must now pay the piper:\n// Every path point must be rotated into the rotated coordinate system of\n// its old center, then determine the new center, then rotate it back\n// This is because we want the path to remember its rotation\n\n/**\n* @function module:path.recalcRotatedPath\n* @todo This is still using ye olde transform methods, can probably\n* be optimized or even taken care of by `recalculateDimensions`\n* @returns {undefined}\n*/\nexport const recalcRotatedPath = function () {\n  const currentPath = path.elem;\n  angle = getRotationAngle(currentPath, true);\n  if (!angle) { return; }\n  // selectedBBoxes[0] = path.oldbbox;\n  const oldbox = path.oldbbox; // selectedBBoxes[0],\n  oldcx = oldbox.x + oldbox.width / 2;\n  oldcy = oldbox.y + oldbox.height / 2;\n  let box = getBBox(currentPath);\n  newcx = box.x + box.width / 2;\n  newcy = box.y + box.height / 2;\n\n  // un-rotate the new center to the proper position\n  const dx = newcx - oldcx,\n    dy = newcy - oldcy,\n    r = Math.sqrt(dx * dx + dy * dy),\n    theta = Math.atan2(dy, dx) + angle;\n\n  newcx = r * Math.cos(theta) + oldcx;\n  newcy = r * Math.sin(theta) + oldcy;\n\n  const list = currentPath.pathSegList;\n\n  let i = list.numberOfItems;\n  while (i) {\n    i -= 1;\n    const seg = list.getItem(i),\n      type = seg.pathSegType;\n    if (type === 1) { continue; }\n\n    const rvals = getRotVals(seg.x, seg.y),\n      points = [rvals.x, rvals.y];\n    if (seg.x1 != null && seg.x2 != null) {\n      const cVals1 = getRotVals(seg.x1, seg.y1);\n      const cVals2 = getRotVals(seg.x2, seg.y2);\n      points.splice(points.length, 0, cVals1.x, cVals1.y, cVals2.x, cVals2.y);\n    }\n    replacePathSeg(type, i, points);\n  } // loop for each point\n\n  box = getBBox(currentPath);\n  // selectedBBoxes[0].x = box.x; selectedBBoxes[0].y = box.y;\n  // selectedBBoxes[0].width = box.width; selectedBBoxes[0].height = box.height;\n\n  // now we must set the new transform to be rotated around the new center\n  const Rnc = editorContext_.getSVGRoot().createSVGTransform(),\n    tlist = getTransformList(currentPath);\n  Rnc.setRotate((angle * 180.0 / Math.PI), newcx, newcy);\n  tlist.replaceItem(Rnc, 0);\n};\n\n// ====================================\n// Public API starts here\n\n/**\n* @function module:path.clearData\n* @returns {undefined}\n*/\nexport const clearData = function () {\n  pathData = {};\n};\n\n// Making public for mocking\n/**\n* @function module:path.reorientGrads\n* @param {Element} elem\n* @param {SVGMatrix} m\n* @returns {undefined}\n*/\nexport const reorientGrads = function (elem, m) {\n  const bb = utilsGetBBox(elem);\n  for (let i = 0; i < 2; i++) {\n    const type = i === 0 ? 'fill' : 'stroke';\n    const attrVal = elem.getAttribute(type);\n    if (attrVal && attrVal.startsWith('url(')) {\n      const grad = getRefElem(attrVal);\n      if (grad.tagName === 'linearGradient') {\n        let x1 = grad.getAttribute('x1') || 0;\n        let y1 = grad.getAttribute('y1') || 0;\n        let x2 = grad.getAttribute('x2') || 1;\n        let y2 = grad.getAttribute('y2') || 0;\n\n        // Convert to USOU points\n        x1 = (bb.width * x1) + bb.x;\n        y1 = (bb.height * y1) + bb.y;\n        x2 = (bb.width * x2) + bb.x;\n        y2 = (bb.height * y2) + bb.y;\n\n        // Transform those points\n        const pt1 = transformPoint(x1, y1, m);\n        const pt2 = transformPoint(x2, y2, m);\n\n        // Convert back to BB points\n        const gCoords = {};\n\n        gCoords.x1 = (pt1.x - bb.x) / bb.width;\n        gCoords.y1 = (pt1.y - bb.y) / bb.height;\n        gCoords.x2 = (pt2.x - bb.x) / bb.width;\n        gCoords.y2 = (pt2.y - bb.y) / bb.height;\n\n        const newgrad = grad.cloneNode(true);\n        $(newgrad).attr(gCoords);\n\n        newgrad.id = editorContext_.getNextId();\n        findDefs().append(newgrad);\n        elem.setAttribute(type, 'url(#' + newgrad.id + ')');\n      }\n    }\n  }\n};\n\n/**\n* This is how we map paths to our preferred relative segment types\n* @name module:path.pathMap\n* @type {GenericArray}\n*/\nconst pathMap = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a',\n  'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];\n\n/**\n * Convert a path to one with only absolute or relative values\n * @todo move to pathActions.js\n * @function module:path.convertPath\n * @param {SVGPathElement} path - the path to convert\n * @param {boolean} toRel - true of convert to relative\n * @returns {string}\n */\nexport const convertPath = function (path, toRel) {\n  const segList = path.pathSegList;\n  const len = segList.numberOfItems;\n  let curx = 0, cury = 0;\n  let d = '';\n  let lastM = null;\n\n  for (let i = 0; i < len; ++i) {\n    const seg = segList.getItem(i);\n    // if these properties are not in the segment, set them to zero\n    let x = seg.x || 0,\n      y = seg.y || 0,\n      x1 = seg.x1 || 0,\n      y1 = seg.y1 || 0,\n      x2 = seg.x2 || 0,\n      y2 = seg.y2 || 0;\n\n    const type = seg.pathSegType;\n    let letter = pathMap[type]['to' + (toRel ? 'Lower' : 'Upper') + 'Case']();\n\n    switch (type) {\n    case 1: // z,Z closepath (Z/z)\n      d += 'z';\n      if (lastM && !toRel) {\n        curx = lastM[0];\n        cury = lastM[1];\n      }\n      break;\n    case 12: // absolute horizontal line (H)\n      x -= curx;\n      // Fallthrough\n    case 13: // relative horizontal line (h)\n      if (toRel) {\n        curx += x;\n        letter = 'l';\n      } else {\n        x += curx;\n        curx = x;\n        letter = 'L';\n      }\n      // Convert to \"line\" for easier editing\n      d += pathDSegment(letter, [[x, cury]]);\n      break;\n    case 14: // absolute vertical line (V)\n      y -= cury;\n      // Fallthrough\n    case 15: // relative vertical line (v)\n      if (toRel) {\n        cury += y;\n        letter = 'l';\n      } else {\n        y += cury;\n        cury = y;\n        letter = 'L';\n      }\n      // Convert to \"line\" for easier editing\n      d += pathDSegment(letter, [[curx, y]]);\n      break;\n    case 2: // absolute move (M)\n    case 4: // absolute line (L)\n    case 18: // absolute smooth quad (T)\n      x -= curx;\n      y -= cury;\n      // Fallthrough\n    case 5: // relative line (l)\n    case 3: // relative move (m)\n    case 19: // relative smooth quad (t)\n      if (toRel) {\n        curx += x;\n        cury += y;\n      } else {\n        x += curx;\n        y += cury;\n        curx = x;\n        cury = y;\n      }\n      if (type === 2 || type === 3) { lastM = [curx, cury]; }\n\n      d += pathDSegment(letter, [[x, y]]);\n      break;\n    case 6: // absolute cubic (C)\n      x -= curx; x1 -= curx; x2 -= curx;\n      y -= cury; y1 -= cury; y2 -= cury;\n      // Fallthrough\n    case 7: // relative cubic (c)\n      if (toRel) {\n        curx += x;\n        cury += y;\n      } else {\n        x += curx; x1 += curx; x2 += curx;\n        y += cury; y1 += cury; y2 += cury;\n        curx = x;\n        cury = y;\n      }\n      d += pathDSegment(letter, [[x1, y1], [x2, y2], [x, y]]);\n      break;\n    case 8: // absolute quad (Q)\n      x -= curx; x1 -= curx;\n      y -= cury; y1 -= cury;\n      // Fallthrough\n    case 9: // relative quad (q)\n      if (toRel) {\n        curx += x;\n        cury += y;\n      } else {\n        x += curx; x1 += curx;\n        y += cury; y1 += cury;\n        curx = x;\n        cury = y;\n      }\n      d += pathDSegment(letter, [[x1, y1], [x, y]]);\n      break;\n    case 10: // absolute elliptical arc (A)\n      x -= curx;\n      y -= cury;\n      // Fallthrough\n    case 11: // relative elliptical arc (a)\n      if (toRel) {\n        curx += x;\n        cury += y;\n      } else {\n        x += curx;\n        y += cury;\n        curx = x;\n        cury = y;\n      }\n      d += pathDSegment(letter, [[seg.r1, seg.r2]], [\n        seg.angle,\n        (seg.largeArcFlag ? 1 : 0),\n        (seg.sweepFlag ? 1 : 0)\n      ], [x, y]);\n      break;\n    case 16: // absolute smooth cubic (S)\n      x -= curx; x2 -= curx;\n      y -= cury; y2 -= cury;\n      // Fallthrough\n    case 17: // relative smooth cubic (s)\n      if (toRel) {\n        curx += x;\n        cury += y;\n      } else {\n        x += curx; x2 += curx;\n        y += cury; y2 += cury;\n        curx = x;\n        cury = y;\n      }\n      d += pathDSegment(letter, [[x2, y2], [x, y]]);\n      break;\n    } // switch on path segment type\n  } // for each segment\n  return d;\n};\n\n/**\n * TODO: refactor callers in convertPath to use getPathDFromSegments instead of this function.\n * Legacy code refactored from svgcanvas.pathActions.convertPath\n * @param {string} letter - path segment command (letter in potentially either case from {@link module:path.pathMap}; see [SVGPathSeg#pathSegTypeAsLetter]{@link https://www.w3.org/TR/SVG/single-page.html#paths-__svg__SVGPathSeg__pathSegTypeAsLetter})\n * @param {Integer[][]} points - x,y points\n * @param {Integer[][]} [morePoints] - x,y points\n * @param {Integer[]} [lastPoint] - x,y point\n * @returns {string}\n */\nfunction pathDSegment (letter, points, morePoints, lastPoint) {\n  $.each(points, function (i, pnt) {\n    points[i] = shortFloat(pnt);\n  });\n  let segment = letter + points.join(' ');\n  if (morePoints) {\n    segment += ' ' + morePoints.join(' ');\n  }\n  if (lastPoint) {\n    segment += ' ' + shortFloat(lastPoint);\n  }\n  return segment;\n}\n\n/**\n* Group: Path edit functions\n* Functions relating to editing path elements\n* @namespace {PlainObject} pathActions\n* @memberof module:path\n*/\nexport const pathActions = (function () {\n  let subpath = false;\n  let newPoint, firstCtrl;\n\n  let currentPath = null;\n  let hasMoved = false;\n  // No `editorContext_` yet but should be ok as is `null` by default\n  // editorContext_.setDrawnPath(null);\n\n  /**\n  * This function converts a polyline (created by the fh_path tool) into\n  * a path element and coverts every three line segments into a single bezier\n  * curve in an attempt to smooth out the free-hand\n  * @function smoothPolylineIntoPath\n  * @param {Element} element\n  * @returns {Element}\n  */\n  const smoothPolylineIntoPath = function (element) {\n    let i;\n    const {points} = element;\n    const N = points.numberOfItems;\n    if (N >= 4) {\n      // loop through every 3 points and convert to a cubic bezier curve segment\n      //\n      // NOTE: this is cheating, it means that every 3 points has the potential to\n      // be a corner instead of treating each point in an equal manner. In general,\n      // this technique does not look that good.\n      //\n      // I am open to better ideas!\n      //\n      // Reading:\n      // - http://www.efg2.com/Lab/Graphics/Jean-YvesQueinecBezierCurves.htm\n      // - https://www.codeproject.com/KB/graphics/BezierSpline.aspx?msg=2956963\n      // - https://www.ian-ko.com/ET_GeoWizards/UserGuide/smooth.htm\n      // - https://www.cs.mtu.edu/~shene/COURSES/cs3621/NOTES/spline/Bezier/bezier-der.html\n      let curpos = points.getItem(0), prevCtlPt = null;\n      let d = [];\n      d.push(['M', curpos.x, ',', curpos.y, ' C'].join(''));\n      for (i = 1; i <= (N - 4); i += 3) {\n        let ct1 = points.getItem(i);\n        const ct2 = points.getItem(i + 1);\n        const end = points.getItem(i + 2);\n\n        // if the previous segment had a control point, we want to smooth out\n        // the control points on both sides\n        if (prevCtlPt) {\n          const newpts = smoothControlPoints(prevCtlPt, ct1, curpos);\n          if (newpts && newpts.length === 2) {\n            const prevArr = d[d.length - 1].split(',');\n            prevArr[2] = newpts[0].x;\n            prevArr[3] = newpts[0].y;\n            d[d.length - 1] = prevArr.join(',');\n            ct1 = newpts[1];\n          }\n        }\n\n        d.push([ct1.x, ct1.y, ct2.x, ct2.y, end.x, end.y].join(','));\n\n        curpos = end;\n        prevCtlPt = ct2;\n      }\n      // handle remaining line segments\n      d.push('L');\n      while (i < N) {\n        const pt = points.getItem(i);\n        d.push([pt.x, pt.y].join(','));\n        i++;\n      }\n      d = d.join(' ');\n\n      // create new path element\n      element = editorContext_.addSVGElementFromJson({\n        element: 'path',\n        curStyles: true,\n        attr: {\n          id: editorContext_.getId(),\n          d,\n          fill: 'none'\n        }\n      });\n      // No need to call \"changed\", as this is already done under mouseUp\n    }\n    return element;\n  };\n\n  return (/** @lends module:path.pathActions */ {\n    /**\n    * @param {MouseEvent} evt\n    * @param {Element} mouseTarget\n    * @param {Float} startX\n    * @param {Float} startY\n    * @returns {undefined}\n    */\n    mouseDown (evt, mouseTarget, startX, startY) {\n      let id;\n      if (editorContext_.getCurrentMode() === 'path') {\n        let mouseX = startX; // Was this meant to work with the other `mouseX`? (was defined globally so adding `let` to at least avoid a global)\n        let mouseY = startY; // Was this meant to work with the other `mouseY`? (was defined globally so adding `let` to at least avoid a global)\n\n        const currentZoom = editorContext_.getCurrentZoom();\n        let x = mouseX / currentZoom,\n          y = mouseY / currentZoom,\n          stretchy = getElem('path_stretch_line');\n        newPoint = [x, y];\n\n        if (editorContext_.getGridSnapping()) {\n          x = snapToGrid(x);\n          y = snapToGrid(y);\n          mouseX = snapToGrid(mouseX);\n          mouseY = snapToGrid(mouseY);\n        }\n\n        if (!stretchy) {\n          stretchy = document.createElementNS(NS.SVG, 'path');\n          assignAttributes(stretchy, {\n            id: 'path_stretch_line',\n            stroke: '#22C',\n            'stroke-width': '0.5',\n            fill: 'none'\n          });\n          stretchy = getElem('selectorParentGroup').appendChild(stretchy);\n        }\n        stretchy.setAttribute('display', 'inline');\n\n        let keep = null;\n        let index;\n        // if pts array is empty, create path element with M at current point\n        let drawnPath = editorContext_.getDrawnPath();\n        if (!drawnPath) {\n          const dAttr = 'M' + x + ',' + y + ' '; // Was this meant to work with the other `dAttr`? (was defined globally so adding `var` to at least avoid a global)\n          drawnPath = editorContext_.setDrawnPath(editorContext_.addSVGElementFromJson({\n            element: 'path',\n            curStyles: true,\n            attr: {\n              d: dAttr,\n              id: editorContext_.getNextId(),\n              opacity: editorContext_.getOpacity() / 2\n            }\n          }));\n          // set stretchy line to first point\n          stretchy.setAttribute('d', ['M', mouseX, mouseY, mouseX, mouseY].join(' '));\n          index = subpath ? path.segs.length : 0;\n          addPointGrip(index, mouseX, mouseY);\n        } else {\n          // determine if we clicked on an existing point\n          const seglist = drawnPath.pathSegList;\n          let i = seglist.numberOfItems;\n          const FUZZ = 6 / currentZoom;\n          let clickOnPoint = false;\n          while (i) {\n            i--;\n            const item = seglist.getItem(i);\n            const px = item.x, py = item.y;\n            // found a matching point\n            if (x >= (px - FUZZ) && x <= (px + FUZZ) &&\n              y >= (py - FUZZ) && y <= (py + FUZZ)\n            ) {\n              clickOnPoint = true;\n              break;\n            }\n          }\n\n          // get path element that we are in the process of creating\n          id = editorContext_.getId();\n\n          // Remove previous path object if previously created\n          removePath_(id);\n\n          const newpath = getElem(id);\n          let newseg;\n          let sSeg;\n          const len = seglist.numberOfItems;\n          // if we clicked on an existing point, then we are done this path, commit it\n          // (i, i+1) are the x,y that were clicked on\n          if (clickOnPoint) {\n            // if clicked on any other point but the first OR\n            // the first point was clicked on and there are less than 3 points\n            // then leave the path open\n            // otherwise, close the path\n            if (i <= 1 && len >= 2) {\n              // Create end segment\n              const absX = seglist.getItem(0).x;\n              const absY = seglist.getItem(0).y;\n\n              sSeg = stretchy.pathSegList.getItem(1);\n              if (sSeg.pathSegType === 4) {\n                newseg = drawnPath.createSVGPathSegLinetoAbs(absX, absY);\n              } else {\n                newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(\n                  absX,\n                  absY,\n                  sSeg.x1 / currentZoom,\n                  sSeg.y1 / currentZoom,\n                  absX,\n                  absY\n                );\n              }\n\n              const endseg = drawnPath.createSVGPathSegClosePath();\n              seglist.appendItem(newseg);\n              seglist.appendItem(endseg);\n            } else if (len < 3) {\n              keep = false;\n              return keep;\n            }\n            $(stretchy).remove();\n\n            // This will signal to commit the path\n            // const element = newpath; // Other event handlers define own `element`, so this was probably not meant to interact with them or one which shares state (as there were none); I therefore adding a missing `var` to avoid a global\n            drawnPath = editorContext_.setDrawnPath(null);\n            editorContext_.setStarted(false);\n\n            if (subpath) {\n              if (path.matrix) {\n                editorContext_.remapElement(newpath, {}, path.matrix.inverse());\n              }\n\n              const newD = newpath.getAttribute('d');\n              const origD = $(path.elem).attr('d');\n              $(path.elem).attr('d', origD + newD);\n              $(newpath).remove();\n              if (path.matrix) {\n                recalcRotatedPath();\n              }\n              init();\n              pathActions.toEditMode(path.elem);\n              path.selectPt();\n              return false;\n            }\n          // else, create a new point, update path element\n          } else {\n            // Checks if current target or parents are #svgcontent\n            if (!$.contains(\n              editorContext_.getContainer(),\n              editorContext_.getMouseTarget(evt)\n            )) {\n              // Clicked outside canvas, so don't make point\n              console.log('Clicked outside canvas');\n              return false;\n            }\n\n            const num = drawnPath.pathSegList.numberOfItems;\n            const last = drawnPath.pathSegList.getItem(num - 1);\n            const lastx = last.x, lasty = last.y;\n\n            if (evt.shiftKey) {\n              const xya = snapToAngle(lastx, lasty, x, y);\n              ({x, y} = xya);\n            }\n\n            // Use the segment defined by stretchy\n            sSeg = stretchy.pathSegList.getItem(1);\n            if (sSeg.pathSegType === 4) {\n              newseg = drawnPath.createSVGPathSegLinetoAbs(\n                editorContext_.round(x),\n                editorContext_.round(y)\n              );\n            } else {\n              newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(\n                editorContext_.round(x),\n                editorContext_.round(y),\n                sSeg.x1 / currentZoom,\n                sSeg.y1 / currentZoom,\n                sSeg.x2 / currentZoom,\n                sSeg.y2 / currentZoom\n              );\n            }\n\n            drawnPath.pathSegList.appendItem(newseg);\n\n            x *= currentZoom;\n            y *= currentZoom;\n\n            // set stretchy line to latest point\n            stretchy.setAttribute('d', ['M', x, y, x, y].join(' '));\n            index = num;\n            if (subpath) { index += path.segs.length; }\n            addPointGrip(index, x, y);\n          }\n          // keep = true;\n        }\n\n        return;\n      }\n\n      // TODO: Make sure currentPath isn't null at this point\n      if (!path) { return; }\n\n      path.storeD();\n\n      ({id} = evt.target);\n      let curPt;\n      if (id.substr(0, 14) === 'pathpointgrip_') {\n        // Select this point\n        curPt = path.cur_pt = parseInt(id.substr(14), 10);\n        path.dragging = [startX, startY];\n        const seg = path.segs[curPt];\n\n        // only clear selection if shift is not pressed (otherwise, add\n        // node to selection)\n        if (!evt.shiftKey) {\n          if (path.selected_pts.length <= 1 || !seg.selected) {\n            path.clearSelection();\n          }\n          path.addPtsToSelection(curPt);\n        } else if (seg.selected) {\n          path.removePtFromSelection(curPt);\n        } else {\n          path.addPtsToSelection(curPt);\n        }\n      } else if (id.startsWith('ctrlpointgrip_')) {\n        path.dragging = [startX, startY];\n\n        const parts = id.split('_')[1].split('c');\n        curPt = Number(parts[0]);\n        const ctrlNum = Number(parts[1]);\n        path.selectPt(curPt, ctrlNum);\n      }\n\n      // Start selection box\n      if (!path.dragging) {\n        let rubberBox = editorContext_.getRubberBox();\n        if (rubberBox == null) {\n          rubberBox = editorContext_.setRubberBox(\n            editorContext_.selectorManager.getRubberBandBox()\n          );\n        }\n        const currentZoom = editorContext_.getCurrentZoom();\n        assignAttributes(rubberBox, {\n          x: startX * currentZoom,\n          y: startY * currentZoom,\n          width: 0,\n          height: 0,\n          display: 'inline'\n        }, 100);\n      }\n    },\n    /**\n    * @param {Float} mouseX\n    * @param {Float} mouseY\n    * @returns {undefined}\n    */\n    mouseMove (mouseX, mouseY) {\n      const currentZoom = editorContext_.getCurrentZoom();\n      hasMoved = true;\n      const drawnPath = editorContext_.getDrawnPath();\n      if (editorContext_.getCurrentMode() === 'path') {\n        if (!drawnPath) { return; }\n        const seglist = drawnPath.pathSegList;\n        const index = seglist.numberOfItems - 1;\n\n        if (newPoint) {\n          // First point\n          // if (!index) { return; }\n\n          // Set control points\n          const pointGrip1 = addCtrlGrip('1c1');\n          const pointGrip2 = addCtrlGrip('0c2');\n\n          // dragging pointGrip1\n          pointGrip1.setAttribute('cx', mouseX);\n          pointGrip1.setAttribute('cy', mouseY);\n          pointGrip1.setAttribute('display', 'inline');\n\n          const ptX = newPoint[0];\n          const ptY = newPoint[1];\n\n          // set curve\n          // const seg = seglist.getItem(index);\n          const curX = mouseX / currentZoom;\n          const curY = mouseY / currentZoom;\n          const altX = (ptX + (ptX - curX));\n          const altY = (ptY + (ptY - curY));\n\n          pointGrip2.setAttribute('cx', altX * currentZoom);\n          pointGrip2.setAttribute('cy', altY * currentZoom);\n          pointGrip2.setAttribute('display', 'inline');\n\n          const ctrlLine = getCtrlLine(1);\n          assignAttributes(ctrlLine, {\n            x1: mouseX,\n            y1: mouseY,\n            x2: altX * currentZoom,\n            y2: altY * currentZoom,\n            display: 'inline'\n          });\n\n          if (index === 0) {\n            firstCtrl = [mouseX, mouseY];\n          } else {\n            const last = seglist.getItem(index - 1);\n            let lastX = last.x;\n            let lastY = last.y;\n\n            if (last.pathSegType === 6) {\n              lastX += (lastX - last.x2);\n              lastY += (lastY - last.y2);\n            } else if (firstCtrl) {\n              lastX = firstCtrl[0] / currentZoom;\n              lastY = firstCtrl[1] / currentZoom;\n            }\n            replacePathSeg(6, index, [ptX, ptY, lastX, lastY, altX, altY], drawnPath);\n          }\n        } else {\n          const stretchy = getElem('path_stretch_line');\n          if (stretchy) {\n            const prev = seglist.getItem(index);\n            if (prev.pathSegType === 6) {\n              const prevX = prev.x + (prev.x - prev.x2);\n              const prevY = prev.y + (prev.y - prev.y2);\n              replacePathSeg(6, 1, [mouseX, mouseY, prevX * currentZoom, prevY * currentZoom, mouseX, mouseY], stretchy);\n            } else if (firstCtrl) {\n              replacePathSeg(6, 1, [mouseX, mouseY, firstCtrl[0], firstCtrl[1], mouseX, mouseY], stretchy);\n            } else {\n              replacePathSeg(4, 1, [mouseX, mouseY], stretchy);\n            }\n          }\n        }\n        return;\n      }\n      // if we are dragging a point, let's move it\n      if (path.dragging) {\n        const pt = getPointFromGrip({\n          x: path.dragging[0],\n          y: path.dragging[1]\n        }, path);\n        const mpt = getPointFromGrip({\n          x: mouseX,\n          y: mouseY\n        }, path);\n        const diffX = mpt.x - pt.x;\n        const diffY = mpt.y - pt.y;\n        path.dragging = [mouseX, mouseY];\n\n        if (path.dragctrl) {\n          path.moveCtrl(diffX, diffY);\n        } else {\n          path.movePts(diffX, diffY);\n        }\n      } else {\n        path.selected_pts = [];\n        path.eachSeg(function (i) {\n          const seg = this;\n          if (!seg.next && !seg.prev) { return; }\n\n          // const {item} = seg;\n          const rubberBox = editorContext_.getRubberBox();\n          const rbb = rubberBox.getBBox();\n\n          const pt = getGripPt(seg);\n          const ptBb = {\n            x: pt.x,\n            y: pt.y,\n            width: 0,\n            height: 0\n          };\n\n          const sel = rectsIntersect(rbb, ptBb);\n\n          this.select(sel);\n          // Note that addPtsToSelection is not being run\n          if (sel) { path.selected_pts.push(seg.index); }\n        });\n      }\n    },\n    /**\n    * @param {Event} evt\n    * @param {Element} element\n    * @param {Float} mouseX\n    * @param {Float} mouseY\n    * @returns {undefined}\n    */\n    mouseUp (evt, element, mouseX, mouseY) {\n      const drawnPath = editorContext_.getDrawnPath();\n      // Create mode\n      if (editorContext_.getCurrentMode() === 'path') {\n        newPoint = null;\n        if (!drawnPath) {\n          element = getElem(editorContext_.getId());\n          editorContext_.setStarted(false);\n          firstCtrl = null;\n        }\n\n        return {\n          keep: true,\n          element\n        };\n      }\n\n      // Edit mode\n      const rubberBox = editorContext_.getRubberBox();\n      if (path.dragging) {\n        const lastPt = path.cur_pt;\n\n        path.dragging = false;\n        path.dragctrl = false;\n        path.update();\n\n        if (hasMoved) {\n          path.endChanges('Move path point(s)');\n        }\n\n        if (!evt.shiftKey && !hasMoved) {\n          path.selectPt(lastPt);\n        }\n      } else if (rubberBox && rubberBox.getAttribute('display') !== 'none') {\n        // Done with multi-node-select\n        rubberBox.setAttribute('display', 'none');\n\n        if (rubberBox.getAttribute('width') <= 2 && rubberBox.getAttribute('height') <= 2) {\n          pathActions.toSelectMode(evt.target);\n        }\n\n      // else, move back to select mode\n      } else {\n        pathActions.toSelectMode(evt.target);\n      }\n      hasMoved = false;\n    },\n    /**\n    * @param {Element} element\n    * @returns {undefined}\n    */\n    toEditMode (element) {\n      path = getPath_(element);\n      editorContext_.setCurrentMode('pathedit');\n      editorContext_.clearSelection();\n      path.show(true).update();\n      path.oldbbox = utilsGetBBox(path.elem);\n      subpath = false;\n    },\n    /**\n    * @param {Element} element\n    * @fires module:svgcanvas.SvgCanvas#event:selected\n    * @returns {undefined}\n    */\n    toSelectMode (elem) {\n      const selPath = (elem === path.elem);\n      editorContext_.setCurrentMode('select');\n      path.show(false);\n      currentPath = false;\n      editorContext_.clearSelection();\n\n      if (path.matrix) {\n        // Rotated, so may need to re-calculate the center\n        recalcRotatedPath();\n      }\n\n      if (selPath) {\n        editorContext_.call('selected', [elem]);\n        editorContext_.addToSelection([elem], true);\n      }\n    },\n    /**\n    * @param {boolean} on\n    * @returns {undefined}\n    */\n    addSubPath (on) {\n      if (on) {\n        // Internally we go into \"path\" mode, but in the UI it will\n        // still appear as if in \"pathedit\" mode.\n        editorContext_.setCurrentMode('path');\n        subpath = true;\n      } else {\n        pathActions.clear(true);\n        pathActions.toEditMode(path.elem);\n      }\n    },\n    /**\n    * @param {Element} target\n    * @returns {undefined}\n    */\n    select (target) {\n      if (currentPath === target) {\n        pathActions.toEditMode(target);\n        editorContext_.setCurrentMode('pathedit');\n      // going into pathedit mode\n      } else {\n        currentPath = target;\n      }\n    },\n    /**\n    * @fires module:svgcanvas.SvgCanvas#event:changed\n    * @returns {undefined}\n    */\n    reorient () {\n      const elem = editorContext_.getSelectedElements()[0];\n      if (!elem) { return; }\n      const angle = getRotationAngle(elem);\n      if (angle === 0) { return; }\n\n      const batchCmd = new BatchCommand('Reorient path');\n      const changes = {\n        d: elem.getAttribute('d'),\n        transform: elem.getAttribute('transform')\n      };\n      batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));\n      editorContext_.clearSelection();\n      this.resetOrientation(elem);\n\n      editorContext_.addCommandToHistory(batchCmd);\n\n      // Set matrix to null\n      getPath_(elem).show(false).matrix = null;\n\n      this.clear();\n\n      editorContext_.addToSelection([elem], true);\n      editorContext_.call('changed', editorContext_.getSelectedElements());\n    },\n\n    /**\n    * @param {boolean} remove Not in use\n    * @returns {undefined}\n    */\n    clear (remove) {\n      const drawnPath = editorContext_.getDrawnPath();\n      currentPath = null;\n      if (drawnPath) {\n        const elem = getElem(editorContext_.getId());\n        $(getElem('path_stretch_line')).remove();\n        $(elem).remove();\n        $(getElem('pathpointgrip_container')).find('*').attr('display', 'none');\n        firstCtrl = null;\n        editorContext_.setDrawnPath(null);\n        editorContext_.setStarted(false);\n      } else if (editorContext_.getCurrentMode() === 'pathedit') {\n        this.toSelectMode();\n      }\n      if (path) { path.init().show(false); }\n    },\n    /**\n    * @param {?(Element|SVGPathElement)} pth\n    * @returns {false|undefined}\n    */\n    resetOrientation (pth) {\n      if (pth == null || pth.nodeName !== 'path') { return false; }\n      const tlist = getTransformList(pth);\n      const m = transformListToTransform(tlist).matrix;\n      tlist.clear();\n      pth.removeAttribute('transform');\n      const segList = pth.pathSegList;\n\n      // Opera/win/non-EN throws an error here.\n      // TODO: Find out why!\n      // Presumed fixed in Opera 10.5, so commented out for now\n\n      // try {\n      const len = segList.numberOfItems;\n      // } catch(err) {\n      //   const fixed_d = pathActions.convertPath(pth);\n      //   pth.setAttribute('d', fixed_d);\n      //   segList = pth.pathSegList;\n      //   const len = segList.numberOfItems;\n      // }\n      // let lastX, lastY;\n      for (let i = 0; i < len; ++i) {\n        const seg = segList.getItem(i);\n        const type = seg.pathSegType;\n        if (type === 1) { continue; }\n        const pts = [];\n        $.each(['', 1, 2], function (j, n) {\n          const x = seg['x' + n], y = seg['y' + n];\n          if (x !== undefined && y !== undefined) {\n            const pt = transformPoint(x, y, m);\n            pts.splice(pts.length, 0, pt.x, pt.y);\n          }\n        });\n        replacePathSeg(type, i, pts, pth);\n      }\n\n      reorientGrads(pth, m);\n    },\n    /**\n    * @returns {undefined}\n    */\n    zoomChange () {\n      if (editorContext_.getCurrentMode() === 'pathedit') {\n        path.update();\n      }\n    },\n    /**\n    * @typedef {PlainObject} module:path.NodePoint\n    * @property {Float} x\n    * @property {Float} y\n    * @property {Integer} type\n    */\n    /**\n    * @returns {module:path.NodePoint}\n    */\n    getNodePoint () {\n      const selPt = path.selected_pts.length ? path.selected_pts[0] : 1;\n\n      const seg = path.segs[selPt];\n      return {\n        x: seg.item.x,\n        y: seg.item.y,\n        type: seg.type\n      };\n    },\n    /**\n    * @param {boolean} linkPoints\n    * @returns {undefined}\n    */\n    linkControlPoints (linkPoints) {\n      setLinkControlPoints(linkPoints);\n    },\n    /**\n    * @returns {undefined}\n    */\n    clonePathNode () {\n      path.storeD();\n\n      const selPts = path.selected_pts;\n      // const {segs} = path;\n\n      let i = selPts.length;\n      const nums = [];\n\n      while (i--) {\n        const pt = selPts[i];\n        path.addSeg(pt);\n\n        nums.push(pt + i);\n        nums.push(pt + i + 1);\n      }\n      path.init().addPtsToSelection(nums);\n\n      path.endChanges('Clone path node(s)');\n    },\n    /**\n    * @returns {undefined}\n    */\n    opencloseSubPath () {\n      const selPts = path.selected_pts;\n      // Only allow one selected node for now\n      if (selPts.length !== 1) { return; }\n\n      const {elem} = path;\n      const list = elem.pathSegList;\n\n      // const len = list.numberOfItems;\n\n      const index = selPts[0];\n\n      let openPt = null;\n      let startItem = null;\n\n      // Check if subpath is already open\n      path.eachSeg(function (i) {\n        if (this.type === 2 && i <= index) {\n          startItem = this.item;\n        }\n        if (i <= index) { return true; }\n        if (this.type === 2) {\n          // Found M first, so open\n          openPt = i;\n          return false;\n        }\n        if (this.type === 1) {\n          // Found Z first, so closed\n          openPt = false;\n          return false;\n        }\n      });\n\n      if (openPt == null) {\n        // Single path, so close last seg\n        openPt = path.segs.length - 1;\n      }\n\n      if (openPt !== false) {\n        // Close this path\n\n        // Create a line going to the previous \"M\"\n        const newseg = elem.createSVGPathSegLinetoAbs(startItem.x, startItem.y);\n\n        const closer = elem.createSVGPathSegClosePath();\n        if (openPt === path.segs.length - 1) {\n          list.appendItem(newseg);\n          list.appendItem(closer);\n        } else {\n          insertItemBefore(elem, closer, openPt);\n          insertItemBefore(elem, newseg, openPt);\n        }\n\n        path.init().selectPt(openPt + 1);\n        return;\n      }\n\n      // M 1,1 L 2,2 L 3,3 L 1,1 z // open at 2,2\n      // M 2,2 L 3,3 L 1,1\n\n      // M 1,1 L 2,2 L 1,1 z M 4,4 L 5,5 L6,6 L 5,5 z\n      // M 1,1 L 2,2 L 1,1 z [M 4,4] L 5,5 L(M)6,6 L 5,5 z\n\n      const seg = path.segs[index];\n\n      if (seg.mate) {\n        list.removeItem(index); // Removes last \"L\"\n        list.removeItem(index); // Removes the \"Z\"\n        path.init().selectPt(index - 1);\n        return;\n      }\n\n      let lastM, zSeg;\n\n      // Find this sub-path's closing point and remove\n      for (let i = 0; i < list.numberOfItems; i++) {\n        const item = list.getItem(i);\n\n        if (item.pathSegType === 2) {\n          // Find the preceding M\n          lastM = i;\n        } else if (i === index) {\n          // Remove it\n          list.removeItem(lastM);\n          // index--;\n        } else if (item.pathSegType === 1 && index < i) {\n          // Remove the closing seg of this subpath\n          zSeg = i - 1;\n          list.removeItem(i);\n          break;\n        }\n      }\n\n      let num = (index - lastM) - 1;\n\n      while (num--) {\n        insertItemBefore(elem, list.getItem(lastM), zSeg);\n      }\n\n      const pt = list.getItem(lastM);\n\n      // Make this point the new \"M\"\n      replacePathSeg(2, lastM, [pt.x, pt.y]);\n\n      // i = index; // i is local here, so has no effect; what was the intent for this?\n\n      path.init().selectPt(0);\n    },\n    /**\n    * @returns {undefined}\n    */\n    deletePathNode () {\n      if (!pathActions.canDeleteNodes) { return; }\n      path.storeD();\n\n      const selPts = path.selected_pts;\n\n      let i = selPts.length;\n      while (i--) {\n        const pt = selPts[i];\n        path.deleteSeg(pt);\n      }\n\n      // Cleanup\n      const cleanup = function () {\n        const segList = path.elem.pathSegList;\n        let len = segList.numberOfItems;\n\n        const remItems = function (pos, count) {\n          while (count--) {\n            segList.removeItem(pos);\n          }\n        };\n\n        if (len <= 1) { return true; }\n\n        while (len--) {\n          const item = segList.getItem(len);\n          if (item.pathSegType === 1) {\n            const prev = segList.getItem(len - 1);\n            const nprev = segList.getItem(len - 2);\n            if (prev.pathSegType === 2) {\n              remItems(len - 1, 2);\n              cleanup();\n              break;\n            } else if (nprev.pathSegType === 2) {\n              remItems(len - 2, 3);\n              cleanup();\n              break;\n            }\n          } else if (item.pathSegType === 2) {\n            if (len > 0) {\n              const prevType = segList.getItem(len - 1).pathSegType;\n              // Path has M M\n              if (prevType === 2) {\n                remItems(len - 1, 1);\n                cleanup();\n                break;\n              // Entire path ends with Z M\n              } else if (prevType === 1 && segList.numberOfItems - 1 === len) {\n                remItems(len, 1);\n                cleanup();\n                break;\n              }\n            }\n          }\n        }\n        return false;\n      };\n\n      cleanup();\n\n      // Completely delete a path with 1 or 0 segments\n      if (path.elem.pathSegList.numberOfItems <= 1) {\n        pathActions.toSelectMode(path.elem);\n        editorContext_.canvas.deleteSelectedElements();\n        return;\n      }\n\n      path.init();\n      path.clearSelection();\n\n      // TODO: Find right way to select point now\n      // path.selectPt(selPt);\n      if (window.opera) { // Opera repaints incorrectly\n        const cp = $(path.elem);\n        cp.attr('d', cp.attr('d'));\n      }\n      path.endChanges('Delete path node(s)');\n    },\n    // Can't seem to use `@borrows` here, so using `@see`\n    /**\n    * Smooth polyline into path\n    * @function module:path.pathActions.smoothPolylineIntoPath\n    * @see module:path~smoothPolylineIntoPath\n    */\n    smoothPolylineIntoPath,\n    /**\n    * @returns {undefined}\n    */\n    setSegType (v) {\n      path.setSegType(v);\n    },\n    /**\n    * @param {string} attr\n    * @param {Float} newValue\n    * @returns {undefined}\n    */\n    moveNode (attr, newValue) {\n      const selPts = path.selected_pts;\n      if (!selPts.length) { return; }\n\n      path.storeD();\n\n      // Get first selected point\n      const seg = path.segs[selPts[0]];\n      const diff = {x: 0, y: 0};\n      diff[attr] = newValue - seg.item[attr];\n\n      seg.move(diff.x, diff.y);\n      path.endChanges('Move path point');\n    },\n    /**\n    * @param {Element} elem\n    * @returns {undefined}\n    */\n    fixEnd (elem) {\n      // Adds an extra segment if the last seg before a Z doesn't end\n      // at its M point\n      // M0,0 L0,100 L100,100 z\n      const segList = elem.pathSegList;\n      const len = segList.numberOfItems;\n      let lastM;\n      for (let i = 0; i < len; ++i) {\n        const item = segList.getItem(i);\n        if (item.pathSegType === 2) {\n          lastM = item;\n        }\n\n        if (item.pathSegType === 1) {\n          const prev = segList.getItem(i - 1);\n          if (prev.x !== lastM.x || prev.y !== lastM.y) {\n            // Add an L segment here\n            const newseg = elem.createSVGPathSegLinetoAbs(lastM.x, lastM.y);\n            insertItemBefore(elem, newseg, i);\n            // Can this be done better?\n            pathActions.fixEnd(elem);\n            break;\n          }\n        }\n      }\n      if (isWebkit()) { editorContext_.resetD(elem); }\n    },\n    // Can't seem to use `@borrows` here, so using `@see`\n    /**\n    * Convert a path to one with only absolute or relative values\n    * @function module:path.pathActions.convertPath\n    * @see module:path.convertPath\n    */\n    convertPath\n  });\n})();\n// end pathActions\n","/* globals jQuery */\n/**\n * Miscellaneous utilities\n * @module utilities\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller\n */\n\nimport './svgpathseg.js';\nimport jqPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`\nimport {NS} from './namespaces.js';\nimport {getTransformList} from './svgtransformlist.js';\nimport {setUnitAttr, getTypeMap} from './units.js';\nimport {convertPath} from './path.js';\nimport {\n  hasMatrixTransform, transformListToTransform, transformBox\n} from './math.js';\nimport {\n  isWebkit, supportsHVLineContainerBBox, supportsPathBBox, supportsXpath,\n  supportsSelectors\n} from './browser.js';\n\n// Constants\nconst $ = jqPluginSVG(jQuery);\n\n// String used to encode base64.\nconst KEYSTR = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';\n\n// Much faster than running getBBox() every time\nconst visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';\nconst visElemsArr = visElems.split(',');\n// const hidElems = 'clipPath,defs,desc,feGaussianBlur,filter,linearGradient,marker,mask,metadata,pattern,radialGradient,stop,switch,symbol,title,textPath';\n\nlet editorContext_ = null;\nlet domdoc_ = null;\nlet domcontainer_ = null;\nlet svgroot_ = null;\n\n/**\n* Object with the following keys/values\n* @typedef {PlainObject} module:utilities.SVGElementJSON\n* @property {string} element - Tag name of the SVG element to create\n* @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element\n* @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first\n* @property {module:utilities.SVGElementJSON[]} [children] - Data objects to be added recursively as children\n* @property {string} [namespace=\"http://www.w3.org/2000/svg\"] - Indicate a (non-SVG) namespace\n*/\n\n/**\n * An object that creates SVG elements for the canvas.\n *\n * @interface module:utilities.EditorContext\n * @property {module:path.pathActions} pathActions\n */\n/**\n * @function module:utilities.EditorContext#getSVGContent\n * @returns {SVGSVGElement}\n */\n/**\n * Create a new SVG element based on the given object keys/values and add it\n * to the current layer.\n * The element will be run through `cleanupElement` before being returned\n * @function module:utilities.EditorContext#addSVGElementFromJson\n * @param {module:utilities.SVGElementJSON} data\n * @returns {Element} The new element\n*/\n/**\n * @function module:utilities.EditorContext#getSelectedElements\n * @returns {Element[]} the array with selected DOM elements\n*/\n/**\n * @function module:utilities.EditorContext#getDOMDocument\n * @returns {HTMLDocument}\n*/\n/**\n * @function module:utilities.EditorContext#getDOMContainer\n * @returns {HTMLElement}\n*/\n/**\n * @function module:utilities.EditorContext#getSVGRoot\n * @returns {SVGSVGElement}\n*/\n/**\n * @function module:utilities.EditorContext#getBaseUnit\n * @returns {string}\n*/\n/**\n * @function module:utilities.EditorContext#getSnappingStep\n * @returns {Float|string}\n*/\n\n/**\n* @function module:utilities.init\n* @param {module:utilities.EditorContext} editorContext\n* @returns {undefined}\n*/\nexport const init = function (editorContext) {\n  editorContext_ = editorContext;\n  domdoc_ = editorContext.getDOMDocument();\n  domcontainer_ = editorContext.getDOMContainer();\n  svgroot_ = editorContext.getSVGRoot();\n};\n\n/**\n* Converts characters in a string to XML-friendly entities.\n* @function module:utilities.toXml\n* @example `&` becomes `&amp;`\n* @param {string} str - The string to be converted\n* @returns {string} The converted string\n*/\nexport const toXml = function (str) {\n  // &apos; is ok in XML, but not HTML\n  // &gt; does not normally need escaping, though it can if within a CDATA expression (and preceded by \"]]\")\n  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/'/, '&#x27;');\n};\n\n/**\n* Converts XML entities in a string to single characters.\n* @function module:utilities.fromXml\n* @example `&amp;` becomes `&`\n* @param {string} str - The string to be converted\n* @returns {string} The converted string\n*/\nexport const fromXml = function (str) {\n  return $('<p/>').html(str).text();\n};\n\n// This code was written by Tyler Akins and has been placed in the\n// public domain.  It would be nice if you left this header intact.\n// Base64 code from Tyler Akins -- http://rumkin.com\n\n// schiller: Removed string concatenation in favour of Array.join() optimization,\n//        also precalculate the size of the array needed.\n\n/**\n* Converts a string to base64\n* @function module:utilities.encode64\n* @param {string} input\n* @returns {string} Base64 output\n*/\nexport const encode64 = function (input) {\n  // base64 strings are 4/3 larger than the original string\n  input = encodeUTF8(input); // convert non-ASCII characters\n  // input = convertToXMLReferences(input);\n  if (window.btoa) {\n    return window.btoa(input); // Use native if available\n  }\n  const output = [];\n  output.length = Math.floor((input.length + 2) / 3) * 4;\n\n  let i = 0, p = 0;\n  do {\n    const chr1 = input.charCodeAt(i++);\n    const chr2 = input.charCodeAt(i++);\n    const chr3 = input.charCodeAt(i++);\n\n    const enc1 = chr1 >> 2;\n    const enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);\n\n    let enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);\n    let enc4 = chr3 & 63;\n\n    if (isNaN(chr2)) {\n      enc3 = enc4 = 64;\n    } else if (isNaN(chr3)) {\n      enc4 = 64;\n    }\n\n    output[p++] = KEYSTR.charAt(enc1);\n    output[p++] = KEYSTR.charAt(enc2);\n    output[p++] = KEYSTR.charAt(enc3);\n    output[p++] = KEYSTR.charAt(enc4);\n  } while (i < input.length);\n\n  return output.join('');\n};\n\n/**\n* Converts a string from base64\n* @function module:utilities.decode64\n* @param {string} input Base64-encoded input\n* @returns {string} Decoded output\n*/\nexport const decode64 = function (input) {\n  if (window.atob) {\n    return decodeUTF8(window.atob(input));\n  }\n\n  // remove all characters that are not A-Z, a-z, 0-9, +, /, or =\n  input = input.replace(/[^A-Za-z0-9+/=]/g, '');\n\n  let output = '';\n  let i = 0;\n\n  do {\n    const enc1 = KEYSTR.indexOf(input.charAt(i++));\n    const enc2 = KEYSTR.indexOf(input.charAt(i++));\n    const enc3 = KEYSTR.indexOf(input.charAt(i++));\n    const enc4 = KEYSTR.indexOf(input.charAt(i++));\n\n    const chr1 = (enc1 << 2) | (enc2 >> 4);\n    const chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);\n    const chr3 = ((enc3 & 3) << 6) | enc4;\n\n    output += String.fromCharCode(chr1);\n\n    if (enc3 !== 64) {\n      output = output + String.fromCharCode(chr2);\n    }\n    if (enc4 !== 64) {\n      output = output + String.fromCharCode(chr3);\n    }\n  } while (i < input.length);\n  return decodeUTF8(output);\n};\n\n/**\n* @function module:utilities.decodeUTF8\n* @param {string} argString\n* @returns {string}\n*/\nexport const decodeUTF8 = function (argString) {\n  return decodeURIComponent(escape(argString));\n};\n\n// codedread:does not seem to work with webkit-based browsers on OSX // Brettz9: please test again as function upgraded\n/**\n* @function module:utilities.encodeUTF8\n* @param {string} argString\n* @returns {string}\n*/\nexport const encodeUTF8 = function (argString) {\n  return unescape(encodeURIComponent(argString));\n};\n\n/**\n * convert dataURL to object URL\n * @function module:utilities.dataURLToObjectURL\n * @param {string} dataurl\n * @returns {string} object URL or empty string\n */\nexport const dataURLToObjectURL = function (dataurl) {\n  if (typeof Uint8Array === 'undefined' || typeof Blob === 'undefined' || typeof URL === 'undefined' || !URL.createObjectURL) {\n    return '';\n  }\n  const arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],\n    bstr = atob(arr[1]);\n  let n = bstr.length;\n  const u8arr = new Uint8Array(n);\n  while (n--) {\n    u8arr[n] = bstr.charCodeAt(n);\n  }\n  const blob = new Blob([u8arr], {type: mime});\n  return URL.createObjectURL(blob);\n};\n\n/**\n * get object URL for a blob object\n * @function module:utilities.createObjectURL\n * @param {Blob} blob A Blob object or File object\n * @returns {string} object URL or empty string\n */\nexport const createObjectURL = function (blob) {\n  if (!blob || typeof URL === 'undefined' || !URL.createObjectURL) {\n    return '';\n  }\n  return URL.createObjectURL(blob);\n};\n\n/**\n * @property {string} blankPageObjectURL\n */\nexport const blankPageObjectURL = (function () {\n  if (typeof Blob === 'undefined') {\n    return '';\n  }\n  const blob = new Blob(['<html><head><title>SVG-edit</title></head><body>&nbsp;</body></html>'], {type: 'text/html'});\n  return createObjectURL(blob);\n})();\n\n/**\n* Converts a string to use XML references (for non-ASCII)\n* @function module:utilities.convertToXMLReferences\n* @param {string} input\n* @returns {string} Decimal numeric character references\n*/\nexport const convertToXMLReferences = function (input) {\n  let output = '';\n  [...input].forEach((ch) => {\n    const c = ch.charCodeAt();\n    if (c <= 127) {\n      output += ch;\n    } else {\n      output += `&#${c};`;\n    }\n  });\n  return output;\n};\n\n/**\n* Cross-browser compatible method of converting a string to an XML tree\n* found this function [here]{@link http://groups.google.com/group/jquery-dev/browse_thread/thread/c6d11387c580a77f}\n* @function module:utilities.text2xml\n* @param {string} sXML\n* @throws {Error}\n* @returns {XMLDocument}\n*/\nexport const text2xml = function (sXML) {\n  if (sXML.includes('<svg:svg')) {\n    sXML = sXML.replace(/<(\\/?)svg:/g, '<$1').replace('xmlns:svg', 'xmlns');\n  }\n\n  let out, dXML;\n  try {\n    dXML = (window.DOMParser) ? new DOMParser() : new window.ActiveXObject('Microsoft.XMLDOM');\n    dXML.async = false;\n  } catch (e) {\n    throw new Error('XML Parser could not be instantiated');\n  }\n  try {\n    if (dXML.loadXML) {\n      out = (dXML.loadXML(sXML)) ? dXML : false;\n    } else {\n      out = dXML.parseFromString(sXML, 'text/xml');\n    }\n  } catch (e2) { throw new Error('Error parsing XML string'); }\n  return out;\n};\n\n/**\n* @typedef {PlainObject} module:utilities.BBoxObject (like `DOMRect`)\n* @property {Float} x\n* @property {Float} y\n* @property {Float} width\n* @property {Float} height\n*/\n\n/**\n* Converts a `SVGRect` into an object.\n* @function module:utilities.bboxToObj\n* @param {SVGRect} bbox - a SVGRect\n* @returns {module:utilities.BBoxObject} An object with properties names x, y, width, height.\n*/\nexport const bboxToObj = function ({x, y, width, height}) {\n  return {x, y, width, height};\n};\n\n/**\n* @callback module:utilities.TreeWalker\n* @param {Element} elem - DOM element being traversed\n* @returns {undefined}\n*/\n\n/**\n* Walks the tree and executes the callback on each element in a top-down fashion\n* @function module:utilities.walkTree\n* @param {Element} elem - DOM element to traverse\n* @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element\n* @returns {undefined}\n*/\nexport const walkTree = function (elem, cbFn) {\n  if (elem && elem.nodeType === 1) {\n    cbFn(elem);\n    let i = elem.childNodes.length;\n    while (i--) {\n      walkTree(elem.childNodes.item(i), cbFn);\n    }\n  }\n};\n\n/**\n* Walks the tree and executes the callback on each element in a depth-first fashion\n* @function module:utilities.walkTreePost\n* @todo FIXME: Shouldn't this be calling walkTreePost?\n* @param {Element} elem - DOM element to traverse\n* @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element\n* @returns {undefined}\n*/\nexport const walkTreePost = function (elem, cbFn) {\n  if (elem && elem.nodeType === 1) {\n    let i = elem.childNodes.length;\n    while (i--) {\n      walkTree(elem.childNodes.item(i), cbFn);\n    }\n    cbFn(elem);\n  }\n};\n\n/**\n* Extracts the URL from the `url(...)` syntax of some attributes.\n* Three variants:\n*  - `<circle fill=\"url(someFile.svg#foo)\" />`\n*  - `<circle fill=\"url('someFile.svg#foo')\" />`\n*  - `<circle fill='url(\"someFile.svg#foo\")' />`\n* @function module:utilities.getUrlFromAttr\n* @param {string} attrVal The attribute value as a string\n* @returns {string} String with just the URL, like \"someFile.svg#foo\"\n*/\nexport const getUrlFromAttr = function (attrVal) {\n  if (attrVal) {\n    // url('#somegrad')\n    if (attrVal.startsWith('url(\"')) {\n      return attrVal.substring(5, attrVal.indexOf('\"', 6));\n    }\n    // url('#somegrad')\n    if (attrVal.startsWith(\"url('\")) {\n      return attrVal.substring(5, attrVal.indexOf(\"'\", 6));\n    }\n    if (attrVal.startsWith('url(')) {\n      return attrVal.substring(4, attrVal.indexOf(')'));\n    }\n  }\n  return null;\n};\n\n/**\n* @function module:utilities.getHref\n* @param {Element} elem\n* @returns {string} The given element's `xlink:href` value\n*/\nexport let getHref = function (elem) {\n  return elem.getAttributeNS(NS.XLINK, 'href');\n};\n\n/**\n* Sets the given element's `xlink:href` value\n* @function module:utilities.setHref\n* @param {Element} elem\n* @param {string} val\n* @returns {undefined}\n*/\nexport let setHref = function (elem, val) {\n  elem.setAttributeNS(NS.XLINK, 'xlink:href', val);\n};\n\n/**\n* @function module:utilities.findDefs\n* @returns {SVGDefsElement} The document's `<defs>` element, creating it first if necessary\n*/\nexport const findDefs = function () {\n  const svgElement = editorContext_.getSVGContent();\n  let defs = svgElement.getElementsByTagNameNS(NS.SVG, 'defs');\n  if (defs.length > 0) {\n    defs = defs[0];\n  } else {\n    defs = svgElement.ownerDocument.createElementNS(NS.SVG, 'defs');\n    if (svgElement.firstChild) {\n      // first child is a comment, so call nextSibling\n      svgElement.insertBefore(defs, svgElement.firstChild.nextSibling);\n      // svgElement.firstChild.nextSibling.before(defs); // Not safe\n    } else {\n      svgElement.append(defs);\n    }\n  }\n  return defs;\n};\n\n// TODO(codedread): Consider moving the next to functions to bbox.js\n\n/**\n* Get correct BBox for a path in Webkit.\n* Converted from code found [here]{@link http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html}\n* @function module:utilities.getPathBBox\n* @param {SVGPathElement} path - The path DOM element to get the BBox for\n* @returns {module:utilities.BBoxObject} A BBox-like object\n*/\nexport const getPathBBox = function (path) {\n  const seglist = path.pathSegList;\n  const tot = seglist.numberOfItems;\n\n  const bounds = [[], []];\n  const start = seglist.getItem(0);\n  let P0 = [start.x, start.y];\n\n  for (let i = 0; i < tot; i++) {\n    const seg = seglist.getItem(i);\n\n    if (seg.x === undefined) { continue; }\n\n    // Add actual points to limits\n    bounds[0].push(P0[0]);\n    bounds[1].push(P0[1]);\n\n    if (seg.x1) {\n      const P1 = [seg.x1, seg.y1],\n        P2 = [seg.x2, seg.y2],\n        P3 = [seg.x, seg.y];\n\n      for (let j = 0; j < 2; j++) {\n        const calc = function (t) {\n          return Math.pow(1 - t, 3) * P0[j] +\n            3 * Math.pow(1 - t, 2) * t * P1[j] +\n            3 * (1 - t) * Math.pow(t, 2) * P2[j] +\n            Math.pow(t, 3) * P3[j];\n        };\n\n        const b = 6 * P0[j] - 12 * P1[j] + 6 * P2[j];\n        const a = -3 * P0[j] + 9 * P1[j] - 9 * P2[j] + 3 * P3[j];\n        const c = 3 * P1[j] - 3 * P0[j];\n\n        if (a === 0) {\n          if (b === 0) {\n            continue;\n          }\n          const t = -c / b;\n          if (t > 0 && t < 1) {\n            bounds[j].push(calc(t));\n          }\n          continue;\n        }\n        const b2ac = Math.pow(b, 2) - 4 * c * a;\n        if (b2ac < 0) { continue; }\n        const t1 = (-b + Math.sqrt(b2ac)) / (2 * a);\n        if (t1 > 0 && t1 < 1) { bounds[j].push(calc(t1)); }\n        const t2 = (-b - Math.sqrt(b2ac)) / (2 * a);\n        if (t2 > 0 && t2 < 1) { bounds[j].push(calc(t2)); }\n      }\n      P0 = P3;\n    } else {\n      bounds[0].push(seg.x);\n      bounds[1].push(seg.y);\n    }\n  }\n\n  const x = Math.min.apply(null, bounds[0]);\n  const w = Math.max.apply(null, bounds[0]) - x;\n  const y = Math.min.apply(null, bounds[1]);\n  const h = Math.max.apply(null, bounds[1]) - y;\n  return {\n    x,\n    y,\n    width: w,\n    height: h\n  };\n};\n\n/**\n* Get the given/selected element's bounding box object, checking for\n* horizontal/vertical lines (see issue 717)\n* Note that performance is currently terrible, so some way to improve would\n* be great.\n* @param {Element} selected - Container or `<use>` DOM element\n* @returns {DOMRect} Bounding box object\n*/\nfunction groupBBFix (selected) {\n  if (supportsHVLineContainerBBox()) {\n    try { return selected.getBBox(); } catch (e) {}\n  }\n  const ref = $.data(selected, 'ref');\n  let matched = null;\n  let ret, copy;\n\n  if (ref) {\n    copy = $(ref).children().clone().attr('visibility', 'hidden');\n    $(svgroot_).append(copy);\n    matched = copy.filter('line, path');\n  } else {\n    matched = $(selected).find('line, path');\n  }\n\n  let issue = false;\n  if (matched.length) {\n    matched.each(function () {\n      const bb = this.getBBox();\n      if (!bb.width || !bb.height) {\n        issue = true;\n      }\n    });\n    if (issue) {\n      const elems = ref ? copy : $(selected).children();\n      ret = getStrokedBBox(elems);\n    } else {\n      ret = selected.getBBox();\n    }\n  } else {\n    ret = selected.getBBox();\n  }\n  if (ref) {\n    copy.remove();\n  }\n  return ret;\n}\n\n/**\n* Get the given/selected element's bounding box object, convert it to be more\n* usable when necessary\n* @function module:utilities.getBBox\n* @param {Element} elem - Optional DOM element to get the BBox for\n* @returns {module:utilities.BBoxObject} Bounding box object\n*/\nexport const getBBox = function (elem) {\n  const selected = elem || editorContext_.geSelectedElements()[0];\n  if (elem.nodeType !== 1) { return null; }\n  const elname = selected.nodeName;\n\n  let ret = null;\n  switch (elname) {\n  case 'text':\n    if (selected.textContent === '') {\n      selected.textContent = 'a'; // Some character needed for the selector to use.\n      ret = selected.getBBox();\n      selected.textContent = '';\n    } else {\n      if (selected.getBBox) { ret = selected.getBBox(); }\n    }\n    break;\n  case 'path':\n    if (!supportsPathBBox()) {\n      ret = getPathBBox(selected);\n    } else {\n      if (selected.getBBox) { ret = selected.getBBox(); }\n    }\n    break;\n  case 'g':\n  case 'a':\n    ret = groupBBFix(selected);\n    break;\n  default:\n\n    if (elname === 'use') {\n      ret = groupBBFix(selected, true);\n    }\n    if (elname === 'use' || (elname === 'foreignObject' && isWebkit())) {\n      if (!ret) { ret = selected.getBBox(); }\n      // This is resolved in later versions of webkit, perhaps we should\n      // have a featured detection for correct 'use' behavior?\n      // ——————————\n      if (!isWebkit()) {\n        const bb = {};\n        bb.width = ret.width;\n        bb.height = ret.height;\n        bb.x = ret.x + parseFloat(selected.getAttribute('x') || 0);\n        bb.y = ret.y + parseFloat(selected.getAttribute('y') || 0);\n        ret = bb;\n      }\n    } else if (visElemsArr.includes(elname)) {\n      if (selected) {\n        try {\n          ret = selected.getBBox();\n        } catch (err) {\n          // tspan (and textPath apparently) have no `getBBox` in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=937268\n          // Re: Chrome returning bbox for containing text element, see: https://bugs.chromium.org/p/chromium/issues/detail?id=349835\n          const extent = selected.getExtentOfChar(0); // pos+dimensions of the first glyph\n          const width = selected.getComputedTextLength(); // width of the tspan\n          ret = {\n            x: extent.x,\n            y: extent.y,\n            width,\n            height: extent.height\n          };\n        }\n      } else {\n        // Check if element is child of a foreignObject\n        const fo = $(selected).closest('foreignObject');\n        if (fo.length) {\n          if (fo[0].getBBox) {\n            ret = fo[0].getBBox();\n          }\n        }\n      }\n    }\n  }\n  if (ret) {\n    ret = bboxToObj(ret);\n  }\n\n  // get the bounding box from the DOM (which is in that element's coordinate system)\n  return ret;\n};\n\n/**\n* @typedef {GenericArray} module:utilities.PathSegmentArray\n* @property {Integer} length 2\n* @property {\"M\"|\"L\"|\"C\"|\"Z\"} 0\n* @property {Float[]} 1\n*/\n\n/**\n* Create a path 'd' attribute from path segments.\n* Each segment is an array of the form: `[singleChar, [x,y, x,y, ...]]`\n* @function module:utilities.getPathDFromSegments\n* @param {module:utilities.PathSegmentArray[]} pathSegments - An array of path segments to be converted\n* @returns {string} The converted path d attribute.\n*/\nexport const getPathDFromSegments = function (pathSegments) {\n  let d = '';\n\n  $.each(pathSegments, function (j, [singleChar, pts]) {\n    d += singleChar;\n    for (let i = 0; i < pts.length; i += 2) {\n      d += (pts[i] + ',' + pts[i + 1]) + ' ';\n    }\n  });\n\n  return d;\n};\n\n/**\n* Make a path 'd' attribute from a simple SVG element shape.\n* @function module:utilities.getPathDFromElement\n* @param {Element} elem - The element to be converted\n* @returns {string} The path d attribute or `undefined` if the element type is unknown.\n*/\nexport const getPathDFromElement = function (elem) {\n  // Possibly the cubed root of 6, but 1.81 works best\n  let num = 1.81;\n  let d, a, rx, ry;\n  switch (elem.tagName) {\n  case 'ellipse':\n  case 'circle':\n    a = $(elem).attr(['rx', 'ry', 'cx', 'cy']);\n    const {cx, cy} = a;\n    ({rx, ry} = a);\n    if (elem.tagName === 'circle') {\n      rx = ry = $(elem).attr('r');\n    }\n\n    d = getPathDFromSegments([\n      ['M', [(cx - rx), (cy)]],\n      ['C', [(cx - rx), (cy - ry / num), (cx - rx / num), (cy - ry), (cx), (cy - ry)]],\n      ['C', [(cx + rx / num), (cy - ry), (cx + rx), (cy - ry / num), (cx + rx), (cy)]],\n      ['C', [(cx + rx), (cy + ry / num), (cx + rx / num), (cy + ry), (cx), (cy + ry)]],\n      ['C', [(cx - rx / num), (cy + ry), (cx - rx), (cy + ry / num), (cx - rx), (cy)]],\n      ['Z', []]\n    ]);\n    break;\n  case 'path':\n    d = elem.getAttribute('d');\n    break;\n  case 'line':\n    a = $(elem).attr(['x1', 'y1', 'x2', 'y2']);\n    d = 'M' + a.x1 + ',' + a.y1 + 'L' + a.x2 + ',' + a.y2;\n    break;\n  case 'polyline':\n    d = 'M' + elem.getAttribute('points');\n    break;\n  case 'polygon':\n    d = 'M' + elem.getAttribute('points') + ' Z';\n    break;\n  case 'rect':\n    const r = $(elem).attr(['rx', 'ry']);\n    ({rx, ry} = r);\n    const b = elem.getBBox();\n    const {x, y} = b, w = b.width, h = b.height;\n    num = 4 - num; // Why? Because!\n\n    if (!rx && !ry) {\n      // Regular rect\n      d = getPathDFromSegments([\n        ['M', [x, y]],\n        ['L', [x + w, y]],\n        ['L', [x + w, y + h]],\n        ['L', [x, y + h]],\n        ['L', [x, y]],\n        ['Z', []]\n      ]);\n    } else {\n      d = getPathDFromSegments([\n        ['M', [x, y + ry]],\n        ['C', [x, y + ry / num, x + rx / num, y, x + rx, y]],\n        ['L', [x + w - rx, y]],\n        ['C', [x + w - rx / num, y, x + w, y + ry / num, x + w, y + ry]],\n        ['L', [x + w, y + h - ry]],\n        ['C', [x + w, y + h - ry / num, x + w - rx / num, y + h, x + w - rx, y + h]],\n        ['L', [x + rx, y + h]],\n        ['C', [x + rx / num, y + h, x, y + h - ry / num, x, y + h - ry]],\n        ['L', [x, y + ry]],\n        ['Z', []]\n      ]);\n    }\n    break;\n  default:\n    break;\n  }\n\n  return d;\n};\n\n/**\n* Get a set of attributes from an element that is useful for convertToPath.\n* @function module:utilities.getExtraAttributesForConvertToPath\n* @param {Element} elem - The element to be probed\n* @returns {PlainObject.<\"marker-start\"|\"marker-end\"|\"marker-mid\"|\"filter\"|\"clip-path\", string>} An object with attributes.\n*/\nexport const getExtraAttributesForConvertToPath = function (elem) {\n  const attrs = {};\n  // TODO: make this list global so that we can properly maintain it\n  // TODO: what about @transform, @clip-rule, @fill-rule, etc?\n  $.each(['marker-start', 'marker-end', 'marker-mid', 'filter', 'clip-path'], function () {\n    const a = elem.getAttribute(this);\n    if (a) {\n      attrs[this] = a;\n    }\n  });\n  return attrs;\n};\n\n/**\n* Get the BBox of an element-as-path\n* @function module:utilities.getBBoxOfElementAsPath\n* @param {Element} elem - The DOM element to be probed\n* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson\n* @param {module:path.pathActions} pathActions - If a transform exists, `pathActions.resetOrientation()` is used. See: canvas.pathActions.\n* @returns {DOMRect|false} The resulting path's bounding box object.\n*/\nexport const getBBoxOfElementAsPath = function (elem, addSVGElementFromJson, pathActions) {\n  const path = addSVGElementFromJson({\n    element: 'path',\n    attr: getExtraAttributesForConvertToPath(elem)\n  });\n\n  const eltrans = elem.getAttribute('transform');\n  if (eltrans) {\n    path.setAttribute('transform', eltrans);\n  }\n\n  const parent = elem.parentNode;\n  if (elem.nextSibling) {\n    elem.before(path);\n  } else {\n    parent.append(path);\n  }\n\n  const d = getPathDFromElement(elem);\n  if (d) {\n    path.setAttribute('d', d);\n  } else {\n    path.remove();\n  }\n\n  // Get the correct BBox of the new path, then discard it\n  pathActions.resetOrientation(path);\n  let bb = false;\n  try {\n    bb = path.getBBox();\n  } catch (e) {\n    // Firefox fails\n  }\n  path.remove();\n  return bb;\n};\n\n/**\n* Convert selected element to a path.\n* @function module:utilities.convertToPath\n* @param {Element} elem - The DOM element to be converted\n* @param {module:utilities.SVGElementJSON} attrs - Apply attributes to new path. see canvas.convertToPath\n* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson\n* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.\n* @param {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection} clearSelection - see [canvas.clearSelection]{@link module:svgcanvas.SvgCanvas#clearSelection}\n* @param {module:path.EditorContext#addToSelection} addToSelection - see [canvas.addToSelection]{@link module:svgcanvas.SvgCanvas#addToSelection}\n* @param {module:history} history - see history module\n* @param {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory} addCommandToHistory - see [canvas.addCommandToHistory]{@link module:svgcanvas~addCommandToHistory}\n* @returns {SVGPathElement|null} The converted path element or null if the DOM element was not recognized.\n*/\nexport const convertToPath = function (elem, attrs, addSVGElementFromJson, pathActions, clearSelection, addToSelection, history, addCommandToHistory) {\n  const batchCmd = new history.BatchCommand('Convert element to Path');\n\n  // Any attribute on the element not covered by the passed-in attributes\n  attrs = $.extend({}, attrs, getExtraAttributesForConvertToPath(elem));\n\n  const path = addSVGElementFromJson({\n    element: 'path',\n    attr: attrs\n  });\n\n  const eltrans = elem.getAttribute('transform');\n  if (eltrans) {\n    path.setAttribute('transform', eltrans);\n  }\n\n  const {id} = elem;\n  const parent = elem.parentNode;\n  if (elem.nextSibling) {\n    elem.before(path);\n  } else {\n    parent.append(path);\n  }\n\n  const d = getPathDFromElement(elem);\n  if (d) {\n    path.setAttribute('d', d);\n\n    // Replace the current element with the converted one\n\n    // Reorient if it has a matrix\n    if (eltrans) {\n      const tlist = getTransformList(path);\n      if (hasMatrixTransform(tlist)) {\n        pathActions.resetOrientation(path);\n      }\n    }\n\n    const {nextSibling} = elem;\n    batchCmd.addSubCommand(new history.RemoveElementCommand(elem, nextSibling, parent));\n    batchCmd.addSubCommand(new history.InsertElementCommand(path));\n\n    clearSelection();\n    elem.remove();\n    path.setAttribute('id', id);\n    path.removeAttribute('visibility');\n    addToSelection([path], true);\n\n    addCommandToHistory(batchCmd);\n\n    return path;\n  }\n  // the elem.tagName was not recognized, so no \"d\" attribute. Remove it, so we've haven't changed anything.\n  path.remove();\n  return null;\n};\n\n/**\n* Can the bbox be optimized over the native getBBox? The optimized bbox is the same as the native getBBox when\n* the rotation angle is a multiple of 90 degrees and there are no complex transforms.\n* Getting an optimized bbox can be dramatically slower, so we want to make sure it's worth it.\n*\n* The best example for this is a circle rotate 45 degrees. The circle doesn't get wider or taller when rotated\n* about it's center.\n*\n* The standard, unoptimized technique gets the native bbox of the circle, rotates the box 45 degrees, uses\n* that width and height, and applies any transforms to get the final bbox. This means the calculated bbox\n* is much wider than the original circle. If the angle had been 0, 90, 180, etc. both techniques render the\n* same bbox.\n*\n* The optimization is not needed if the rotation is a multiple 90 degrees. The default technique is to call\n* getBBox then apply the angle and any transforms.\n*\n* @param {Float} angle - The rotation angle in degrees\n* @param {boolean} hasMatrixTransform - True if there is a matrix transform\n* @returns {boolean} True if the bbox can be optimized.\n*/\nfunction bBoxCanBeOptimizedOverNativeGetBBox (angle, hasMatrixTransform) {\n  const angleModulo90 = angle % 90;\n  const closeTo90 = angleModulo90 < -89.99 || angleModulo90 > 89.99;\n  const closeTo0 = angleModulo90 > -0.001 && angleModulo90 < 0.001;\n  return hasMatrixTransform || !(closeTo0 || closeTo90);\n}\n\n/**\n* Get bounding box that includes any transforms.\n* @function module:utilities.getBBoxWithTransform\n* @param {Element} elem - The DOM element to be converted\n* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson\n* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.\n* @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object\n*/\nexport const getBBoxWithTransform = function (elem, addSVGElementFromJson, pathActions) {\n  // TODO: Fix issue with rotated groups. Currently they work\n  // fine in FF, but not in other browsers (same problem mentioned\n  // in Issue 339 comment #2).\n\n  let bb = getBBox(elem);\n\n  if (!bb) {\n    return null;\n  }\n\n  const tlist = getTransformList(elem);\n  const angle = getRotationAngleFromTransformList(tlist);\n  const hasMatrixXForm = hasMatrixTransform(tlist);\n\n  if (angle || hasMatrixXForm) {\n    let goodBb = false;\n    if (bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixXForm)) {\n      // Get the BBox from the raw path for these elements\n      // TODO: why ellipse and not circle\n      const elemNames = ['ellipse', 'path', 'line', 'polyline', 'polygon'];\n      if (elemNames.includes(elem.tagName)) {\n        bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions);\n      } else if (elem.tagName === 'rect') {\n        // Look for radius\n        const rx = elem.getAttribute('rx');\n        const ry = elem.getAttribute('ry');\n        if (rx || ry) {\n          bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions);\n        }\n      }\n    }\n\n    if (!goodBb) {\n      const {matrix} = transformListToTransform(tlist);\n      bb = transformBox(bb.x, bb.y, bb.width, bb.height, matrix).aabox;\n\n      // Old technique that was exceedingly slow with large documents.\n      //\n      // Accurate way to get BBox of rotated element in Firefox:\n      // Put element in group and get its BBox\n      //\n      // Must use clone else FF freaks out\n      // const clone = elem.cloneNode(true);\n      // const g = document.createElementNS(NS.SVG, 'g');\n      // const parent = elem.parentNode;\n      // parent.append(g);\n      // g.append(clone);\n      // const bb2 = bboxToObj(g.getBBox());\n      // g.remove();\n    }\n  }\n  return bb;\n};\n\n// TODO: This is problematic with large stroke-width and, for example, a single horizontal line. The calculated BBox extends way beyond left and right sides.\nfunction getStrokeOffsetForBBox (elem) {\n  const sw = elem.getAttribute('stroke-width');\n  return (!isNaN(sw) && elem.getAttribute('stroke') !== 'none') ? sw / 2 : 0;\n}\n\n/**\n * @typedef {PlainObject} BBox\n * @property {Integer} x The x value\n * @property {Integer} y The y value\n * @property {Float} width\n * @property {Float} height\n */\n\n/**\n* Get the bounding box for one or more stroked and/or transformed elements\n* @function module:utilities.getStrokedBBox\n* @param {Element[]} elems - Array with DOM elements to check\n* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson\n* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.\n* @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object\n*/\nexport const getStrokedBBox = function (elems, addSVGElementFromJson, pathActions) {\n  if (!elems || !elems.length) { return false; }\n\n  let fullBb;\n  $.each(elems, function () {\n    if (fullBb) { return; }\n    if (!this.parentNode) { return; }\n    fullBb = getBBoxWithTransform(this, addSVGElementFromJson, pathActions);\n  });\n\n  // This shouldn't ever happen...\n  if (fullBb === undefined) { return null; }\n\n  // fullBb doesn't include the stoke, so this does no good!\n  // if (elems.length == 1) return fullBb;\n\n  let maxX = fullBb.x + fullBb.width;\n  let maxY = fullBb.y + fullBb.height;\n  let minX = fullBb.x;\n  let minY = fullBb.y;\n\n  // If only one elem, don't call the potentially slow getBBoxWithTransform method again.\n  if (elems.length === 1) {\n    const offset = getStrokeOffsetForBBox(elems[0]);\n    minX -= offset;\n    minY -= offset;\n    maxX += offset;\n    maxY += offset;\n  } else {\n    $.each(elems, function (i, elem) {\n      const curBb = getBBoxWithTransform(elem, addSVGElementFromJson, pathActions);\n      if (curBb) {\n        const offset = getStrokeOffsetForBBox(elem);\n        minX = Math.min(minX, curBb.x - offset);\n        minY = Math.min(minY, curBb.y - offset);\n        // TODO: The old code had this test for max, but not min. I suspect this test should be for both min and max\n        if (elem.nodeType === 1) {\n          maxX = Math.max(maxX, curBb.x + curBb.width + offset);\n          maxY = Math.max(maxY, curBb.y + curBb.height + offset);\n        }\n      }\n    });\n  }\n\n  fullBb.x = minX;\n  fullBb.y = minY;\n  fullBb.width = maxX - minX;\n  fullBb.height = maxY - minY;\n  return fullBb;\n};\n\n/**\n* Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).\n* Note that 0-opacity, off-screen etc elements are still considered \"visible\"\n* for this function\n* @function module:utilities.getVisibleElements\n* @param {Element} parent - The parent DOM element to search within\n* @returns {Element[]} All \"visible\" elements.\n*/\nexport const getVisibleElements = function (parent) {\n  if (!parent) {\n    parent = $(editorContext_.getSVGContent()).children(); // Prevent layers from being included\n  }\n\n  const contentElems = [];\n  $(parent).children().each(function (i, elem) {\n    if (elem.getBBox) {\n      contentElems.push(elem);\n    }\n  });\n  return contentElems.reverse();\n};\n\n/**\n* Get the bounding box for one or more stroked and/or transformed elements\n* @function module:utilities.getStrokedBBoxDefaultVisible\n* @param {Element[]} elems - Array with DOM elements to check\n* @returns {module:utilities.BBoxObject} A single bounding box object\n*/\nexport const getStrokedBBoxDefaultVisible = function (elems) {\n  if (!elems) { elems = getVisibleElements(); }\n  return getStrokedBBox(\n    elems,\n    editorContext_.addSVGElementFromJson,\n    editorContext_.pathActions\n  );\n};\n\n/**\n* Get the rotation angle of the given transform list.\n* @function module:utilities.getRotationAngleFromTransformList\n* @param {SVGTransformList} tlist - List of transforms\n* @param {boolean} toRad - When true returns the value in radians rather than degrees\n* @returns {Float} The angle in degrees or radians\n*/\nexport const getRotationAngleFromTransformList = function (tlist, toRad) {\n  if (!tlist) { return 0; } // <svg> elements have no tlist\n  const N = tlist.numberOfItems;\n  for (let i = 0; i < N; ++i) {\n    const xform = tlist.getItem(i);\n    if (xform.type === 4) {\n      return toRad ? xform.angle * Math.PI / 180.0 : xform.angle;\n    }\n  }\n  return 0.0;\n};\n\n/**\n* Get the rotation angle of the given/selected DOM element\n* @function module:utilities.getRotationAngle\n* @param {Element} [elem] - DOM element to get the angle for. Default to first of selected elements.\n* @param {boolean} [toRad=false] - When true returns the value in radians rather than degrees\n* @returns {Float} The angle in degrees or radians\n*/\nexport let getRotationAngle = function (elem, toRad) {\n  const selected = elem || editorContext_.getSelectedElements()[0];\n  // find the rotation transform (if any) and set it\n  const tlist = getTransformList(selected);\n  return getRotationAngleFromTransformList(tlist, toRad);\n};\n\n/**\n* Get the reference element associated with the given attribute value\n* @function module:utilities.getRefElem\n* @param {string} attrVal - The attribute value as a string\n* @returns {Element} Reference element\n*/\nexport const getRefElem = function (attrVal) {\n  return getElem(getUrlFromAttr(attrVal).substr(1));\n};\n\n/**\n* Get a DOM element by ID within the SVG root element.\n* @function module:utilities.getElem\n* @param {string} id - String with the element's new ID\n* @returns {Element}\n*/\nexport const getElem = (supportsSelectors())\n  ? function (id) {\n    // querySelector lookup\n    return svgroot_.querySelector('#' + id);\n  } : supportsXpath()\n    ? function (id) {\n      // xpath lookup\n      return domdoc_.evaluate(\n        'svg:svg[@id=\"svgroot\"]//svg:*[@id=\"' + id + '\"]',\n        domcontainer_,\n        function () { return NS.SVG; },\n        9,\n        null).singleNodeValue;\n    }\n    : function (id) {\n      // jQuery lookup: twice as slow as xpath in FF\n      return $(svgroot_).find('[id=' + id + ']')[0];\n    };\n\n/**\n* Assigns multiple attributes to an element.\n* @function module:utilities.assignAttributes\n* @param {Element} elem - DOM element to apply new attribute values to\n* @param {PlainObject.<string, string>} attrs - Object with attribute keys/values\n* @param {Integer} [suspendLength] - Milliseconds to suspend redraw\n* @param {boolean} [unitCheck=false] - Boolean to indicate the need to use units.setUnitAttr\n* @returns {undefined}\n*/\nexport const assignAttributes = function (elem, attrs, suspendLength, unitCheck) {\n  for (const [key, value] of Object.entries(attrs)) {\n    const ns = (key.substr(0, 4) === 'xml:'\n      ? NS.XML\n      : key.substr(0, 6) === 'xlink:' ? NS.XLINK : null);\n\n    if (ns) {\n      elem.setAttributeNS(ns, key, value);\n    } else if (!unitCheck) {\n      elem.setAttribute(key, value);\n    } else {\n      setUnitAttr(elem, key, value);\n    }\n  }\n};\n\n/**\n* Remove unneeded (default) attributes, makes resulting SVG smaller\n* @function module:utilities.cleanupElement\n* @param {Element} element - DOM element to clean up\n* @returns {undefined}\n*/\nexport const cleanupElement = function (element) {\n  const defaults = {\n    'fill-opacity': 1,\n    'stop-opacity': 1,\n    opacity: 1,\n    stroke: 'none',\n    'stroke-dasharray': 'none',\n    'stroke-linejoin': 'miter',\n    'stroke-linecap': 'butt',\n    'stroke-opacity': 1,\n    'stroke-width': 1,\n    rx: 0,\n    ry: 0\n  };\n\n  if (element.nodeName === 'ellipse') {\n    // Ellipse elements require rx and ry attributes\n    delete defaults.rx;\n    delete defaults.ry;\n  }\n\n  for (const attr in defaults) {\n    const val = defaults[attr];\n    if (element.getAttribute(attr) === String(val)) {\n      element.removeAttribute(attr);\n    }\n  }\n};\n\n/**\n* Round value to for snapping\n* @function module:utilities.snapToGrid\n* @param {Float} value\n* @returns {Integer}\n*/\nexport const snapToGrid = function (value) {\n  const unit = editorContext_.getBaseUnit();\n  let stepSize = editorContext_.getSnappingStep();\n  if (unit !== 'px') {\n    stepSize *= getTypeMap()[unit];\n  }\n  value = Math.round(value / stepSize) * stepSize;\n  return value;\n};\n\n/**\n* Escapes special characters in a regular expression\n* @function module:utilities.regexEscape\n* @param {string} str\n* @returns {string}\n*/\nexport const regexEscape = function (str) {\n  // From: http://phpjs.org/functions\n  return String(str).replace(new RegExp('[.\\\\\\\\+*?\\\\[\\\\^\\\\]$(){}=!<>|:\\\\-]', 'g'), '\\\\$&');\n};\n\n/**\n * Prevents default browser click behaviour on the given element\n * @function module:utilities.preventClickDefault\n * @param {Element} img - The DOM element to prevent the click on\n * @returns {undefined}\n */\nexport const preventClickDefault = function (img) {\n  $(img).click(function (e) { e.preventDefault(); });\n};\n\n/**\n * @callback module:utilities.GetNextID\n * @returns {string} The ID\n */\n/**\n * Create a clone of an element, updating its ID and its children's IDs when needed\n * @function module:utilities.copyElem\n * @param {Element} el - DOM element to clone\n * @param {module:utilities.GetNextID} getNextId - The getter of the next unique ID.\n * @returns {Element} The cloned element\n */\nexport const copyElem = function (el, getNextId) {\n  // manually create a copy of the element\n  const newEl = document.createElementNS(el.namespaceURI, el.nodeName);\n  $.each(el.attributes, function (i, attr) {\n    if (attr.localName !== '-moz-math-font-style') {\n      newEl.setAttributeNS(attr.namespaceURI, attr.nodeName, attr.value);\n    }\n  });\n  // set the copied element's new id\n  newEl.removeAttribute('id');\n  newEl.id = getNextId();\n\n  // Opera's \"d\" value needs to be reset for Opera/Win/non-EN\n  // Also needed for webkit (else does not keep curved segments on clone)\n  if (isWebkit() && el.nodeName === 'path') {\n    const fixedD = convertPath(el);\n    newEl.setAttribute('d', fixedD);\n  }\n\n  // now create copies of all children\n  $.each(el.childNodes, function (i, child) {\n    switch (child.nodeType) {\n    case 1: // element node\n      newEl.append(copyElem(child, getNextId));\n      break;\n    case 3: // text node\n      newEl.textContent = child.nodeValue;\n      break;\n    default:\n      break;\n    }\n  });\n\n  if ($(el).data('gsvg')) {\n    $(newEl).data('gsvg', newEl.firstChild);\n  } else if ($(el).data('symbol')) {\n    const ref = $(el).data('symbol');\n    $(newEl).data('ref', ref).data('symbol', ref);\n  } else if (newEl.tagName === 'image') {\n    preventClickDefault(newEl);\n  }\n\n  return newEl;\n};\n\n/**\n* Unit testing\n* @function module:utilities.mock\n* @returns {undefined}\n*/\nexport const mock = ({\n  getHref: getHrefUser, setHref: setHrefUser, getRotationAngle: getRotationAngleUser\n}) => {\n  getHref = getHrefUser;\n  setHref = setHrefUser;\n  getRotationAngle = getRotationAngleUser;\n};\n","/* globals jQuery */\n/**\n * Adds context menu functionality\n * @module contextmenu\n * @license Apache-2.0\n * @author Adam Bender\n */\n// Dependencies:\n// 1) jQuery (for dom injection of context menus)\n\nconst $ = jQuery;\n\nlet contextMenuExtensions = {};\n\n/**\n * Signature depends on what the user adds; in the case of our uses with\n * SVGEditor, no parameters are passed nor anything expected for a return.\n * @callback module:contextmenu.MenuItemAction\n*/\n\n/**\n* @typedef {PlainObject} module:contextmenu.MenuItem\n* @property {string} id\n* @property {string} label\n* @property {module:contextmenu.MenuItemAction} action\n*/\n\n/**\n* @param {module:contextmenu.MenuItem} menuItem\n* @returns {boolean}\n*/\nconst menuItemIsValid = function (menuItem) {\n  return menuItem && menuItem.id && menuItem.label && menuItem.action && typeof menuItem.action === 'function';\n};\n\n/**\n* @function module:contextmenu.add\n* @param {module:contextmenu.MenuItem} menuItem\n* @returns {undefined}\n*/\nexport const add = function (menuItem) {\n  // menuItem: {id, label, shortcut, action}\n  if (!menuItemIsValid(menuItem)) {\n    console.error('Menu items must be defined and have at least properties: id, label, action, where action must be a function');\n    return;\n  }\n  if (menuItem.id in contextMenuExtensions) {\n    console.error('Cannot add extension \"' + menuItem.id + '\", an extension by that name already exists\"');\n    return;\n  }\n  // Register menuItem action, see below for deferred menu dom injection\n  console.log('Registed contextmenu item: {id:' + menuItem.id + ', label:' + menuItem.label + '}');\n  contextMenuExtensions[menuItem.id] = menuItem;\n  // TODO: Need to consider how to handle custom enable/disable behavior\n};\n\n/**\n* @function module:contextmenu.hasCustomHandler\n* @param {string} handlerKey\n* @returns {boolean}\n*/\nexport const hasCustomHandler = function (handlerKey) {\n  return Boolean(contextMenuExtensions[handlerKey]);\n};\n\n/**\n* @function module:contextmenu.getCustomHandler\n* @param {string} handlerKey\n* @returns {module:contextmenu.MenuItemAction}\n*/\nexport const getCustomHandler = function (handlerKey) {\n  return contextMenuExtensions[handlerKey].action;\n};\n\n/**\n* @param {module:contextmenu.MenuItem} menuItem\n* @returns {undefined}\n*/\nconst injectExtendedContextMenuItemIntoDom = function (menuItem) {\n  if (!Object.keys(contextMenuExtensions).length) {\n    // all menuItems appear at the bottom of the menu in their own container.\n    // if this is the first extension menu we need to add the separator.\n    $('#cmenu_canvas').append(\"<li class='separator'>\");\n  }\n  const shortcut = menuItem.shortcut || '';\n  $('#cmenu_canvas').append(\"<li class='disabled'><a href='#\" + menuItem.id + \"'>\" +\n    menuItem.label + \"<span class='shortcut'>\" +\n    shortcut + '</span></a></li>');\n};\n\n/**\n* @function module:contextmenu.injectExtendedContextMenuItemsIntoDom\n* @returns {undefined}\n*/\nexport const injectExtendedContextMenuItemsIntoDom = function () {\n  for (const menuItem in contextMenuExtensions) {\n    injectExtendedContextMenuItemIntoDom(contextMenuExtensions[menuItem]);\n  }\n};\n/**\n* @function module:contextmenu.resetCustomMenus\n* @returns {undefined}\n*/\nexport const resetCustomMenus = function () { contextMenuExtensions = {}; };\n","// MIT License\n// From: https://github.com/uupaa/dynamic-import-polyfill/blob/master/importModule.js\n\n/**\n * @module importModule\n */\n\nfunction toAbsoluteURL (url) {\n  const a = document.createElement('a');\n  a.setAttribute('href', url); // <a href=\"hoge.html\">\n  return a.cloneNode(false).href; // -> \"http://example.com/hoge.html\"\n}\n\nfunction addScriptAtts (script, atts) {\n  ['id', 'class', 'type'].forEach((prop) => {\n    if (prop in atts) {\n      script[prop] = atts[prop];\n    }\n  });\n}\n\n// Additions by Brett\n/**\n* @typedef {PlainObject} module:importModule.ImportConfig\n* @property {string} global The variable name to set on `window` (when not using the modular version)\n* @property {boolean} [returnDefault=false]\n*/\n/**\n* @function module:importModule.importSetGlobalDefault\n* @param {string} url\n* @param {module:importModule.ImportConfig} config\n* @returns {*} The return depends on the export of the targeted module.\n*/\nexport async function importSetGlobalDefault (url, config) {\n  return importSetGlobal(url, {...config, returnDefault: true});\n}\n/**\n* @function module:importModule.importSetGlobal\n* @param {string} url\n* @param {module:importModule.ImportConfig} config\n* @returns {ArbitraryModule|*} The return depends on the export of the targeted module.\n*/\nexport async function importSetGlobal (url, {global, returnDefault}) {\n  // Todo: Replace calls to this function with `import()` when supported\n  const modularVersion = !('svgEditor' in window) ||\n    !window.svgEditor ||\n    window.svgEditor.modules !== false;\n  if (modularVersion) {\n    return importModule(url, undefined, {returnDefault});\n  }\n  await importScript(url);\n  return window[global];\n}\n// Addition by Brett\nexport function importScript (url, atts = {}) {\n  if (Array.isArray(url)) {\n    return Promise.all(url.map((u) => {\n      return importScript(u, atts);\n    }));\n  }\n  return new Promise((resolve, reject) => {\n    const script = document.createElement('script');\n    const destructor = () => {\n      script.onerror = null;\n      script.onload = null;\n      script.remove();\n      script.src = '';\n    };\n    script.defer = 'defer';\n    addScriptAtts(script, atts);\n    script.onerror = () => {\n      reject(new Error(`Failed to import: ${url}`));\n      destructor();\n    };\n    script.onload = () => {\n      resolve();\n      destructor();\n    };\n    script.src = url;\n\n    document.head.append(script);\n  });\n}\n\nexport function importModule (url, atts = {}, {returnDefault = false} = {}) {\n  if (Array.isArray(url)) {\n    return Promise.all(url.map((u) => {\n      return importModule(u, atts);\n    }));\n  }\n  return new Promise((resolve, reject) => {\n    const vector = '$importModule$' + Math.random().toString(32).slice(2);\n    const script = document.createElement('script');\n    const destructor = () => {\n      delete window[vector];\n      script.onerror = null;\n      script.onload = null;\n      script.remove();\n      URL.revokeObjectURL(script.src);\n      script.src = '';\n    };\n    addScriptAtts(script, atts);\n    script.defer = 'defer';\n    script.type = 'module';\n    script.onerror = () => {\n      reject(new Error(`Failed to import: ${url}`));\n      destructor();\n    };\n    script.onload = () => {\n      resolve(window[vector]);\n      destructor();\n    };\n    const absURL = toAbsoluteURL(url);\n    const loader = `import * as m from '${absURL.replace(/'/g, \"\\\\'\")}'; window.${vector} = ${returnDefault ? 'm.default || ' : ''}m;`; // export Module\n    const blob = new Blob([loader], { type: 'text/javascript' });\n    script.src = URL.createObjectURL(blob);\n\n    document.head.append(script);\n  });\n}\n\nexport default importModule;\n","/* globals jQuery */\n/**\n * Provides tools for the layer concept\n * @module layer\n * @license MIT\n *\n * @copyright 2011 Jeff Schiller, 2016 Flint O'Brien\n */\n\nimport {NS} from './namespaces.js';\nimport {toXml, walkTree} from './utilities.js';\n\nconst $ = jQuery;\n\n/**\n * This class encapsulates the concept of a layer in the drawing. It can be constructed with\n * an existing group element or, with three parameters, will create a new layer group element.\n *\n * @example\n * new Layer('name', group);          // Use the existing group for this layer.\n * new Layer('name', group, svgElem); // Create a new group and add it to the DOM after group.\n * new Layer('name', null, svgElem);  // Create a new group and add it to the DOM as the last layer.\n * @memberof module:layer\n */\nclass Layer {\n  /**\n  * @param {string} name - Layer name\n  * @param {SVGGElement|null} group - An existing SVG group element or null.\n  *     If group and no svgElem, use group for this layer.\n  *     If group and svgElem, create a new group element and insert it in the DOM after group.\n  *     If no group and svgElem, create a new group element and insert it in the DOM as the last layer.\n  * @param {SVGGElement=} svgElem - The SVG DOM element. If defined, use this to add\n  *     a new layer to the document.\n  */\n  constructor (name, group, svgElem) {\n    this.name_ = name;\n    this.group_ = svgElem ? null : group;\n\n    if (svgElem) {\n      // Create a group element with title and add it to the DOM.\n      const svgdoc = svgElem.ownerDocument;\n      this.group_ = svgdoc.createElementNS(NS.SVG, 'g');\n      const layerTitle = svgdoc.createElementNS(NS.SVG, 'title');\n      layerTitle.textContent = name;\n      this.group_.append(layerTitle);\n      if (group) {\n        $(group).after(this.group_);\n      } else {\n        svgElem.append(this.group_);\n      }\n    }\n\n    addLayerClass(this.group_);\n    walkTree(this.group_, function (e) {\n      e.setAttribute('style', 'pointer-events:inherit');\n    });\n\n    this.group_.setAttribute('style', svgElem ? 'pointer-events:all' : 'pointer-events:none');\n  }\n\n  /**\n   * Get the layer's name.\n   * @returns {string} The layer name\n   */\n  getName () {\n    return this.name_;\n  }\n\n  /**\n   * Get the group element for this layer.\n   * @returns {SVGGElement} The layer SVG group\n   */\n  getGroup () {\n    return this.group_;\n  }\n\n  /**\n   * Active this layer so it takes pointer events.\n   * @returns {undefined}\n   */\n  activate () {\n    this.group_.setAttribute('style', 'pointer-events:all');\n  }\n\n  /**\n   * Deactive this layer so it does NOT take pointer events.\n   * @returns {undefined}\n   */\n  deactivate () {\n    this.group_.setAttribute('style', 'pointer-events:none');\n  }\n\n  /**\n   * Set this layer visible or hidden based on 'visible' parameter.\n   * @param {boolean} visible - If true, make visible; otherwise, hide it.\n   * @returns {undefined}\n   */\n  setVisible (visible) {\n    const expected = visible === undefined || visible ? 'inline' : 'none';\n    const oldDisplay = this.group_.getAttribute('display');\n    if (oldDisplay !== expected) {\n      this.group_.setAttribute('display', expected);\n    }\n  }\n\n  /**\n   * Is this layer visible?\n   * @returns {boolean} True if visible.\n   */\n  isVisible () {\n    return this.group_.getAttribute('display') !== 'none';\n  }\n\n  /**\n   * Get layer opacity.\n   * @returns {Float} Opacity value.\n   */\n  getOpacity () {\n    const opacity = this.group_.getAttribute('opacity');\n    if (opacity === null || opacity === undefined) {\n      return 1;\n    }\n    return parseFloat(opacity);\n  }\n\n  /**\n   * Sets the opacity of this layer. If opacity is not a value between 0.0 and 1.0,\n   * nothing happens.\n   * @param {Float} opacity - A float value in the range 0.0-1.0\n   * @returns {undefined}\n   */\n  setOpacity (opacity) {\n    if (typeof opacity === 'number' && opacity >= 0.0 && opacity <= 1.0) {\n      this.group_.setAttribute('opacity', opacity);\n    }\n  }\n\n  /**\n   * Append children to this layer.\n   * @param {SVGGElement} children - The children to append to this layer.\n   * @returns {undefined}\n   */\n  appendChildren (children) {\n    for (let i = 0; i < children.length; ++i) {\n      this.group_.append(children[i]);\n    }\n  }\n\n  /**\n  * @returns {SVGTitleElement|null}\n  */\n  getTitleElement () {\n    const len = this.group_.childNodes.length;\n    for (let i = 0; i < len; ++i) {\n      const child = this.group_.childNodes.item(i);\n      if (child && child.tagName === 'title') {\n        return child;\n      }\n    }\n    return null;\n  }\n\n  /**\n   * Set the name of this layer.\n   * @param {string} name - The new name.\n   * @param {module:history.HistoryRecordingService} hrService - History recording service\n   * @returns {string|null} The new name if changed; otherwise, null.\n   */\n  setName (name, hrService) {\n    const previousName = this.name_;\n    name = toXml(name);\n    // now change the underlying title element contents\n    const title = this.getTitleElement();\n    if (title) {\n      $(title).empty();\n      title.textContent = name;\n      this.name_ = name;\n      if (hrService) {\n        hrService.changeElement(title, {'#text': previousName});\n      }\n      return this.name_;\n    }\n    return null;\n  }\n\n  /**\n   * Remove this layer's group from the DOM. No more functions on group can be called after this.\n   * @param {SVGGElement} children - The children to append to this layer.\n   * @returns {SVGGElement} The layer SVG group that was just removed.\n   */\n  removeGroup () {\n    const parent = this.group_.parentNode;\n    const group = parent.removeChild(this.group_);\n    this.group_ = undefined;\n    return group;\n  }\n}\n/**\n * @property {string} CLASS_NAME - class attribute assigned to all layer groups.\n */\nLayer.CLASS_NAME = 'layer';\n\n/**\n * @property {RegExp} CLASS_REGEX - Used to test presence of class Layer.CLASS_NAME\n */\nLayer.CLASS_REGEX = new RegExp('(\\\\s|^)' + Layer.CLASS_NAME + '(\\\\s|$)');\n\n/**\n * Add class `Layer.CLASS_NAME` to the element (usually `class='layer'`).\n *\n * @param {SVGGElement} elem - The SVG element to update\n * @returns {undefined}\n */\nfunction addLayerClass (elem) {\n  const classes = elem.getAttribute('class');\n  if (classes === null || classes === undefined || !classes.length) {\n    elem.setAttribute('class', Layer.CLASS_NAME);\n  } else if (!Layer.CLASS_REGEX.test(classes)) {\n    elem.setAttribute('class', classes + ' ' + Layer.CLASS_NAME);\n  }\n}\n\nexport default Layer;\n","/**\n * HistoryRecordingService component of history\n * @module history\n * @license MIT\n * @copyright 2016 Flint O'Brien\n */\n\nimport {\n  BatchCommand, MoveElementCommand, InsertElementCommand, RemoveElementCommand,\n  ChangeElementCommand\n} from './history.js';\n\n/**\n * History recording service.\n *\n * A self-contained service interface for recording history. Once injected, no other dependencies\n * or globals are required (example: UndoManager, command types, etc.). Easy to mock for unit tests.\n * Built on top of history classes in history.js.\n *\n * There is a simple start/end interface for batch commands.\n *\n * HistoryRecordingService.NO_HISTORY is a singleton that can be passed in to functions\n * that record history. This helps when the caller requires that no history be recorded.\n *\n * The following will record history: insert, batch, insert.\n * @example\n * hrService = new history.HistoryRecordingService(this.undoMgr);\n * hrService.insertElement(elem, text);         // add simple command to history.\n * hrService.startBatchCommand('create two elements');\n * hrService.changeElement(elem, attrs, text);  // add to batchCommand\n * hrService.changeElement(elem, attrs2, text); // add to batchCommand\n * hrService.endBatchCommand();                  // add batch command with two change commands to history.\n * hrService.insertElement(elem, text);         // add simple command to history.\n *\n * @example\n * // Note that all functions return this, so commands can be chained, like so:\n * hrService\n *   .startBatchCommand('create two elements')\n *   .insertElement(elem, text)\n *   .changeElement(elem, attrs, text)\n *   .endBatchCommand();\n *\n * @memberof module:history\n */\nclass HistoryRecordingService {\n  /**\n  * @param {history.UndoManager|null} undoManager - The undo manager.\n  *     A value of `null` is valid for cases where no history recording is required.\n  *     See singleton: {@link module:history.HistoryRecordingService.HistoryRecordingService.NO_HISTORY}\n  */\n  constructor (undoManager) {\n    this.undoManager_ = undoManager;\n    this.currentBatchCommand_ = null;\n    this.batchCommandStack_ = [];\n  }\n\n  /**\n   * Start a batch command so multiple commands can recorded as a single history command.\n   * Requires a corresponding call to endBatchCommand. Start and end commands can be nested.\n   *\n   * @param {string} text - Optional string describing the batch command.\n   * @returns {module:history.HistoryRecordingService}\n   */\n  startBatchCommand (text) {\n    if (!this.undoManager_) { return this; }\n    this.currentBatchCommand_ = new BatchCommand(text);\n    this.batchCommandStack_.push(this.currentBatchCommand_);\n    return this;\n  }\n\n  /**\n   * End a batch command and add it to the history or a parent batch command.\n   * @returns {module:history.HistoryRecordingService}\n   */\n  endBatchCommand () {\n    if (!this.undoManager_) { return this; }\n    if (this.currentBatchCommand_) {\n      const batchCommand = this.currentBatchCommand_;\n      this.batchCommandStack_.pop();\n      const {length} = this.batchCommandStack_;\n      this.currentBatchCommand_ = length ? this.batchCommandStack_[length - 1] : null;\n      this.addCommand_(batchCommand);\n    }\n    return this;\n  }\n\n  /**\n   * Add a MoveElementCommand to the history or current batch command\n   * @param {Element} elem - The DOM element that was moved\n   * @param {Element} oldNextSibling - The element's next sibling before it was moved\n   * @param {Element} oldParent - The element's parent before it was moved\n   * @param {string} [text] - An optional string visible to user related to this change\n   * @returns {module:history.HistoryRecordingService}\n   */\n  moveElement (elem, oldNextSibling, oldParent, text) {\n    if (!this.undoManager_) { return this; }\n    this.addCommand_(new MoveElementCommand(elem, oldNextSibling, oldParent, text));\n    return this;\n  }\n\n  /**\n   * Add an InsertElementCommand to the history or current batch command\n   * @param {Element} elem - The DOM element that was added\n   * @param {string} [text] - An optional string visible to user related to this change\n   * @returns {module:history.HistoryRecordingService}\n   */\n  insertElement (elem, text) {\n    if (!this.undoManager_) { return this; }\n    this.addCommand_(new InsertElementCommand(elem, text));\n    return this;\n  }\n\n  /**\n   * Add a RemoveElementCommand to the history or current batch command\n   * @param {Element} elem - The DOM element that was removed\n   * @param {Element} oldNextSibling - The element's next sibling before it was removed\n   * @param {Element} oldParent - The element's parent before it was removed\n   * @param {string} [text] - An optional string visible to user related to this change\n   * @returns {module:history.HistoryRecordingService}\n   */\n  removeElement (elem, oldNextSibling, oldParent, text) {\n    if (!this.undoManager_) { return this; }\n    this.addCommand_(new RemoveElementCommand(elem, oldNextSibling, oldParent, text));\n    return this;\n  }\n\n  /**\n   * Add a ChangeElementCommand to the history or current batch command\n   * @param {Element} elem - The DOM element that was changed\n   * @param {module:history.CommandAttributes} attrs - An object with the attributes to be changed and the values they had *before* the change\n   * @param {string} [text] - An optional string visible to user related to this change\n   * @returns {module:history.HistoryRecordingService}\n   */\n  changeElement (elem, attrs, text) {\n    if (!this.undoManager_) { return this; }\n    this.addCommand_(new ChangeElementCommand(elem, attrs, text));\n    return this;\n  }\n\n  /**\n   * Private function to add a command to the history or current batch command.\n   * @private\n   * @param {Command} cmd\n   * @returns {module:history.HistoryRecordingService}\n   */\n  addCommand_ (cmd) {\n    if (!this.undoManager_) { return this; }\n    if (this.currentBatchCommand_) {\n      this.currentBatchCommand_.addSubCommand(cmd);\n    } else {\n      this.undoManager_.addCommandToHistory(cmd);\n    }\n  }\n}\n/**\n * @memberof module:history.HistoryRecordingService\n * @property {module:history.HistoryRecordingService} NO_HISTORY - Singleton that can be passed to functions that record history, but the caller requires that no history be recorded.\n */\nHistoryRecordingService.NO_HISTORY = new HistoryRecordingService();\nexport default HistoryRecordingService;\n","/* globals jQuery */\n/**\n * Tools for drawing\n * @module draw\n * @license MIT\n * @copyright 2011 Jeff Schiller\n */\n\nimport Layer from './layer.js';\nimport HistoryRecordingService from './historyrecording.js';\n\nimport {NS} from './namespaces.js';\nimport {isOpera} from './browser.js';\nimport {\n  toXml, getElem,\n  copyElem as utilCopyElem\n} from './utilities.js';\nimport {\n  BatchCommand, RemoveElementCommand, MoveElementCommand, ChangeElementCommand\n} from './history.js';\n\nconst $ = jQuery;\n\nconst visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use'.split(',');\n\nconst RandomizeModes = {\n  LET_DOCUMENT_DECIDE: 0,\n  ALWAYS_RANDOMIZE: 1,\n  NEVER_RANDOMIZE: 2\n};\nlet randIds = RandomizeModes.LET_DOCUMENT_DECIDE;\n// Array with current disabled elements (for in-group editing)\nlet disabledElems = [];\n\n/**\n * Get a HistoryRecordingService.\n * @param {module:history.HistoryRecordingService} [hrService] - if exists, return it instead of creating a new service.\n * @returns {module:history.HistoryRecordingService}\n */\nfunction historyRecordingService (hrService) {\n  return hrService || new HistoryRecordingService(canvas_.undoMgr);\n}\n\n/**\n * Find the layer name in a group element.\n * @param {Element} group The group element to search in.\n * @returns {string} The layer name or empty string.\n */\nfunction findLayerNameInGroup (group) {\n  return $('title', group).text() ||\n    (isOpera() && group.querySelectorAll\n      // Hack for Opera 10.60\n      ? $(group.querySelectorAll('title')).text()\n      : '');\n}\n\n/**\n * Given a set of names, return a new unique name.\n * @param {string[]} existingLayerNames - Existing layer names.\n * @returns {string} - The new name.\n */\nfunction getNewLayerName (existingLayerNames) {\n  let i = 1;\n  // TODO(codedread): What about internationalization of \"Layer\"?\n  while (existingLayerNames.includes(('Layer ' + i))) { i++; }\n  return 'Layer ' + i;\n}\n\n/**\n * This class encapsulates the concept of a SVG-edit drawing\n */\nexport class Drawing {\n  /**\n  * @param {SVGSVGElement} svgElem - The SVG DOM Element that this JS object\n  *     encapsulates.  If the svgElem has a se:nonce attribute on it, then\n  *     IDs will use the nonce as they are generated.\n  * @param {string} [optIdPrefix=svg_] - The ID prefix to use.\n  * @throws {Error} If not initialized with an SVG element\n  */\n  constructor (svgElem, optIdPrefix) {\n    if (!svgElem || !svgElem.tagName || !svgElem.namespaceURI ||\n      svgElem.tagName !== 'svg' || svgElem.namespaceURI !== NS.SVG) {\n      throw new Error('Error: svgedit.draw.Drawing instance initialized without a <svg> element');\n    }\n\n    /**\n    * The SVG DOM Element that represents this drawing.\n    * @type {SVGSVGElement}\n    */\n    this.svgElem_ = svgElem;\n\n    /**\n    * The latest object number used in this drawing.\n    * @type {Integer}\n    */\n    this.obj_num = 0;\n\n    /**\n    * The prefix to prepend to each element id in the drawing.\n    * @type {string}\n    */\n    this.idPrefix = optIdPrefix || 'svg_';\n\n    /**\n    * An array of released element ids to immediately reuse.\n    * @type {Integer[]}\n    */\n    this.releasedNums = [];\n\n    /**\n    * The z-ordered array of Layer objects. Each layer has a name\n    * and group element.\n    * The first layer is the one at the bottom of the rendering.\n    * @type {Layer[]}\n    */\n    this.all_layers = [];\n\n    /**\n    * Map of all_layers by name.\n    *\n    * Note: Layers are ordered, but referenced externally by name; so, we need both container\n    * types depending on which function is called (i.e. all_layers and layer_map).\n    *\n    * @type {PlainObject.<string, Layer>}\n    */\n    this.layer_map = {};\n\n    /**\n    * The current layer being used.\n    * @type {Layer}\n    */\n    this.current_layer = null;\n\n    /**\n    * The nonce to use to uniquely identify elements across drawings.\n    * @type {!String}\n    */\n    this.nonce_ = '';\n    const n = this.svgElem_.getAttributeNS(NS.SE, 'nonce');\n    // If already set in the DOM, use the nonce throughout the document\n    // else, if randomizeIds(true) has been called, create and set the nonce.\n    if (!!n && randIds !== RandomizeModes.NEVER_RANDOMIZE) {\n      this.nonce_ = n;\n    } else if (randIds === RandomizeModes.ALWAYS_RANDOMIZE) {\n      this.setNonce(Math.floor(Math.random() * 100001));\n    }\n  }\n\n  /**\n   * @param {string} id Element ID to retrieve\n   * @returns {Element} SVG element within the root SVGSVGElement\n  */\n  getElem_ (id) {\n    if (this.svgElem_.querySelector) {\n      // querySelector lookup\n      return this.svgElem_.querySelector('#' + id);\n    }\n    // jQuery lookup: twice as slow as xpath in FF\n    return $(this.svgElem_).find('[id=' + id + ']')[0];\n  }\n\n  /**\n   * @returns {SVGSVGElement}\n   */\n  getSvgElem () {\n    return this.svgElem_;\n  }\n\n  /**\n   * @returns {!(string|Integer)} The previously set nonce\n   */\n  getNonce () {\n    return this.nonce_;\n  }\n\n  /**\n   * @param {!(string|Integer)} n The nonce to set\n   * @returns {undefined}\n   */\n  setNonce (n) {\n    this.svgElem_.setAttributeNS(NS.XMLNS, 'xmlns:se', NS.SE);\n    this.svgElem_.setAttributeNS(NS.SE, 'se:nonce', n);\n    this.nonce_ = n;\n  }\n\n  /**\n   * Clears any previously set nonce\n   * @returns {undefined}\n   */\n  clearNonce () {\n    // We deliberately leave any se:nonce attributes alone,\n    // we just don't use it to randomize ids.\n    this.nonce_ = '';\n  }\n\n  /**\n   * Returns the latest object id as a string.\n   * @returns {string} The latest object Id.\n   */\n  getId () {\n    return this.nonce_\n      ? this.idPrefix + this.nonce_ + '_' + this.obj_num\n      : this.idPrefix + this.obj_num;\n  }\n\n  /**\n   * Returns the next object Id as a string.\n   * @returns {string} The next object Id to use.\n   */\n  getNextId () {\n    const oldObjNum = this.obj_num;\n    let restoreOldObjNum = false;\n\n    // If there are any released numbers in the release stack,\n    // use the last one instead of the next obj_num.\n    // We need to temporarily use obj_num as that is what getId() depends on.\n    if (this.releasedNums.length > 0) {\n      this.obj_num = this.releasedNums.pop();\n      restoreOldObjNum = true;\n    } else {\n      // If we are not using a released id, then increment the obj_num.\n      this.obj_num++;\n    }\n\n    // Ensure the ID does not exist.\n    let id = this.getId();\n    while (this.getElem_(id)) {\n      if (restoreOldObjNum) {\n        this.obj_num = oldObjNum;\n        restoreOldObjNum = false;\n      }\n      this.obj_num++;\n      id = this.getId();\n    }\n    // Restore the old object number if required.\n    if (restoreOldObjNum) {\n      this.obj_num = oldObjNum;\n    }\n    return id;\n  }\n\n  /**\n   * Releases the object Id, letting it be used as the next id in getNextId().\n   * This method DOES NOT remove any elements from the DOM, it is expected\n   * that client code will do this.\n   * @param {string} id - The id to release.\n   * @returns {boolean} True if the id was valid to be released, false otherwise.\n  */\n  releaseId (id) {\n    // confirm if this is a valid id for this Document, else return false\n    const front = this.idPrefix + (this.nonce_ ? this.nonce_ + '_' : '');\n    if (typeof id !== 'string' || !id.startsWith(front)) {\n      return false;\n    }\n    // extract the obj_num of this id\n    const num = parseInt(id.substr(front.length), 10);\n\n    // if we didn't get a positive number or we already released this number\n    // then return false.\n    if (typeof num !== 'number' || num <= 0 || this.releasedNums.includes(num)) {\n      return false;\n    }\n\n    // push the released number into the released queue\n    this.releasedNums.push(num);\n\n    return true;\n  }\n\n  /**\n   * Returns the number of layers in the current drawing.\n   * @returns {Integer} The number of layers in the current drawing.\n  */\n  getNumLayers () {\n    return this.all_layers.length;\n  }\n\n  /**\n   * Check if layer with given name already exists\n   * @param {string} name - The layer name to check\n   * @returns {boolean}\n  */\n  hasLayer (name) {\n    return this.layer_map[name] !== undefined;\n  }\n\n  /**\n   * Returns the name of the ith layer. If the index is out of range, an empty string is returned.\n   * @param {Integer} i - The zero-based index of the layer you are querying.\n   * @returns {string} The name of the ith layer (or the empty string if none found)\n  */\n  getLayerName (i) {\n    return i >= 0 && i < this.getNumLayers() ? this.all_layers[i].getName() : '';\n  }\n\n  /**\n   * @returns {SVGGElement|null} The SVGGElement representing the current layer.\n   */\n  getCurrentLayer () {\n    return this.current_layer ? this.current_layer.getGroup() : null;\n  }\n\n  /**\n   * Get a layer by name.\n   * @returns {SVGGElement} The SVGGElement representing the named layer or null.\n   */\n  getLayerByName (name) {\n    const layer = this.layer_map[name];\n    return layer ? layer.getGroup() : null;\n  }\n\n  /**\n   * Returns the name of the currently selected layer. If an error occurs, an empty string\n   * is returned.\n   * @returns {string} The name of the currently active layer (or the empty string if none found).\n  */\n  getCurrentLayerName () {\n    return this.current_layer ? this.current_layer.getName() : '';\n  }\n\n  /**\n   * Set the current layer's name.\n   * @param {string} name - The new name.\n   * @param {module:history.HistoryRecordingService} hrService - History recording service\n   * @returns {string|null} The new name if changed; otherwise, null.\n   */\n  setCurrentLayerName (name, hrService) {\n    let finalName = null;\n    if (this.current_layer) {\n      const oldName = this.current_layer.getName();\n      finalName = this.current_layer.setName(name, hrService);\n      if (finalName) {\n        delete this.layer_map[oldName];\n        this.layer_map[finalName] = this.current_layer;\n      }\n    }\n    return finalName;\n  }\n\n  /**\n   * Set the current layer's position.\n   * @param {Integer} newpos - The zero-based index of the new position of the layer. Range should be 0 to layers-1\n   * @returns {{title: SVGGElement, previousName: string}|null} If the name was changed, returns {title:SVGGElement, previousName:string}; otherwise null.\n   */\n  setCurrentLayerPosition (newpos) {\n    const layerCount = this.getNumLayers();\n    if (!this.current_layer || newpos < 0 || newpos >= layerCount) {\n      return null;\n    }\n\n    let oldpos;\n    for (oldpos = 0; oldpos < layerCount; ++oldpos) {\n      if (this.all_layers[oldpos] === this.current_layer) { break; }\n    }\n    // some unknown error condition (current_layer not in all_layers)\n    if (oldpos === layerCount) { return null; }\n\n    if (oldpos !== newpos) {\n      // if our new position is below us, we need to insert before the node after newpos\n      const currentGroup = this.current_layer.getGroup();\n      const oldNextSibling = currentGroup.nextSibling;\n\n      let refGroup = null;\n      if (newpos > oldpos) {\n        if (newpos < layerCount - 1) {\n          refGroup = this.all_layers[newpos + 1].getGroup();\n        }\n      // if our new position is above us, we need to insert before the node at newpos\n      } else {\n        refGroup = this.all_layers[newpos].getGroup();\n      }\n      this.svgElem_.insertBefore(currentGroup, refGroup); // Ok to replace with `refGroup.before(currentGroup);`?\n\n      this.identifyLayers();\n      this.setCurrentLayer(this.getLayerName(newpos));\n\n      return {\n        currentGroup,\n        oldNextSibling\n      };\n    }\n    return null;\n  }\n\n  /**\n  * @param {module:history.HistoryRecordingService} hrService\n  * @returns {undefined}\n  */\n  mergeLayer (hrService) {\n    const currentGroup = this.current_layer.getGroup();\n    const prevGroup = $(currentGroup).prev()[0];\n    if (!prevGroup) { return; }\n\n    hrService.startBatchCommand('Merge Layer');\n\n    const layerNextSibling = currentGroup.nextSibling;\n    hrService.removeElement(currentGroup, layerNextSibling, this.svgElem_);\n\n    while (currentGroup.firstChild) {\n      const child = currentGroup.firstChild;\n      if (child.localName === 'title') {\n        hrService.removeElement(child, child.nextSibling, currentGroup);\n        child.remove();\n        continue;\n      }\n      const oldNextSibling = child.nextSibling;\n      prevGroup.append(child);\n      hrService.moveElement(child, oldNextSibling, currentGroup);\n    }\n\n    // Remove current layer's group\n    this.current_layer.removeGroup();\n    // Remove the current layer and set the previous layer as the new current layer\n    const index = this.all_layers.indexOf(this.current_layer);\n    if (index > 0) {\n      const name = this.current_layer.getName();\n      this.current_layer = this.all_layers[index - 1];\n      this.all_layers.splice(index, 1);\n      delete this.layer_map[name];\n    }\n\n    hrService.endBatchCommand();\n  }\n\n  /**\n  * @param {module:history.HistoryRecordingService} hrService\n  * @returns {undefined}\n  */\n  mergeAllLayers (hrService) {\n    // Set the current layer to the last layer.\n    this.current_layer = this.all_layers[this.all_layers.length - 1];\n\n    hrService.startBatchCommand('Merge all Layers');\n    while (this.all_layers.length > 1) {\n      this.mergeLayer(hrService);\n    }\n    hrService.endBatchCommand();\n  }\n\n  /**\n   * Sets the current layer. If the name is not a valid layer name, then this\n   * function returns `false`. Otherwise it returns `true`. This is not an\n   * undo-able action.\n   * @param {string} name - The name of the layer you want to switch to.\n   * @returns {boolean} `true` if the current layer was switched, otherwise `false`\n   */\n  setCurrentLayer (name) {\n    const layer = this.layer_map[name];\n    if (layer) {\n      if (this.current_layer) {\n        this.current_layer.deactivate();\n      }\n      this.current_layer = layer;\n      this.current_layer.activate();\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Deletes the current layer from the drawing and then clears the selection.\n   * This function then calls the 'changed' handler.  This is an undoable action.\n   * @todo Does this actually call the 'changed' handler?\n   * @returns {SVGGElement} The SVGGElement of the layer removed or null.\n   */\n  deleteCurrentLayer () {\n    if (this.current_layer && this.getNumLayers() > 1) {\n      const oldLayerGroup = this.current_layer.removeGroup();\n      this.identifyLayers();\n      return oldLayerGroup;\n    }\n    return null;\n  }\n\n  /**\n   * Updates layer system and sets the current layer to the\n   * top-most layer (last `<g>` child of this drawing).\n   * @returns {undefined}\n  */\n  identifyLayers () {\n    this.all_layers = [];\n    this.layer_map = {};\n    const numchildren = this.svgElem_.childNodes.length;\n    // loop through all children of SVG element\n    const orphans = [], layernames = [];\n    let layer = null;\n    let childgroups = false;\n    for (let i = 0; i < numchildren; ++i) {\n      const child = this.svgElem_.childNodes.item(i);\n      // for each g, find its layer name\n      if (child && child.nodeType === 1) {\n        if (child.tagName === 'g') {\n          childgroups = true;\n          const name = findLayerNameInGroup(child);\n          if (name) {\n            layernames.push(name);\n            layer = new Layer(name, child);\n            this.all_layers.push(layer);\n            this.layer_map[name] = layer;\n          } else {\n            // if group did not have a name, it is an orphan\n            orphans.push(child);\n          }\n        } else if (visElems.includes(child.nodeName)) {\n          // Child is \"visible\" (i.e. not a <title> or <defs> element), so it is an orphan\n          orphans.push(child);\n        }\n      }\n    }\n\n    // If orphans or no layers found, create a new layer and add all the orphans to it\n    if (orphans.length > 0 || !childgroups) {\n      layer = new Layer(getNewLayerName(layernames), null, this.svgElem_);\n      layer.appendChildren(orphans);\n      this.all_layers.push(layer);\n      this.layer_map[name] = layer;\n    } else {\n      layer.activate();\n    }\n    this.current_layer = layer;\n  }\n\n  /**\n   * Creates a new top-level layer in the drawing with the given name and\n   * makes it the current layer.\n   * @param {string} name - The given name. If the layer name exists, a new name will be generated.\n   * @param {module:history.HistoryRecordingService} hrService - History recording service\n   * @returns {SVGGElement} The SVGGElement of the new layer, which is\n   *     also the current layer of this drawing.\n  */\n  createLayer (name, hrService) {\n    if (this.current_layer) {\n      this.current_layer.deactivate();\n    }\n    // Check for duplicate name.\n    if (name === undefined || name === null || name === '' || this.layer_map[name]) {\n      name = getNewLayerName(Object.keys(this.layer_map));\n    }\n\n    // Crate new layer and add to DOM as last layer\n    const layer = new Layer(name, null, this.svgElem_);\n    // Like to assume hrService exists, but this is backwards compatible with old version of createLayer.\n    if (hrService) {\n      hrService.startBatchCommand('Create Layer');\n      hrService.insertElement(layer.getGroup());\n      hrService.endBatchCommand();\n    }\n\n    this.all_layers.push(layer);\n    this.layer_map[name] = layer;\n    this.current_layer = layer;\n    return layer.getGroup();\n  }\n\n  /**\n   * Creates a copy of the current layer with the given name and makes it the current layer.\n   * @param {string} name - The given name. If the layer name exists, a new name will be generated.\n   * @param {module:history.HistoryRecordingService} hrService - History recording service\n   * @returns {SVGGElement} The SVGGElement of the new layer, which is\n   *     also the current layer of this drawing.\n  */\n  cloneLayer (name, hrService) {\n    if (!this.current_layer) { return null; }\n    this.current_layer.deactivate();\n    // Check for duplicate name.\n    if (name === undefined || name === null || name === '' || this.layer_map[name]) {\n      name = getNewLayerName(Object.keys(this.layer_map));\n    }\n\n    // Create new group and add to DOM just after current_layer\n    const currentGroup = this.current_layer.getGroup();\n    const layer = new Layer(name, currentGroup, this.svgElem_);\n    const group = layer.getGroup();\n\n    // Clone children\n    const children = currentGroup.childNodes;\n    for (let index = 0; index < children.length; index++) {\n      const ch = children[index];\n      if (ch.localName === 'title') { continue; }\n      group.append(this.copyElem(ch));\n    }\n\n    if (hrService) {\n      hrService.startBatchCommand('Duplicate Layer');\n      hrService.insertElement(group);\n      hrService.endBatchCommand();\n    }\n\n    // Update layer containers and current_layer.\n    const index = this.all_layers.indexOf(this.current_layer);\n    if (index >= 0) {\n      this.all_layers.splice(index + 1, 0, layer);\n    } else {\n      this.all_layers.push(layer);\n    }\n    this.layer_map[name] = layer;\n    this.current_layer = layer;\n    return group;\n  }\n\n  /**\n   * Returns whether the layer is visible.  If the layer name is not valid,\n   * then this function returns `false`.\n   * @param {string} layerName - The name of the layer which you want to query.\n   * @returns {boolean} The visibility state of the layer, or `false` if the layer name was invalid.\n  */\n  getLayerVisibility (layerName) {\n    const layer = this.layer_map[layerName];\n    return layer ? layer.isVisible() : false;\n  }\n\n  /**\n   * Sets the visibility of the layer. If the layer name is not valid, this\n   * function returns `null`, otherwise it returns the `SVGElement` representing\n   * the layer. This is an undo-able action.\n   * @param {string} layerName - The name of the layer to change the visibility\n   * @param {boolean} bVisible - Whether the layer should be visible\n   * @returns {?SVGGElement} The SVGGElement representing the layer if the\n   *   `layerName` was valid, otherwise `null`.\n  */\n  setLayerVisibility (layerName, bVisible) {\n    if (typeof bVisible !== 'boolean') {\n      return null;\n    }\n    const layer = this.layer_map[layerName];\n    if (!layer) { return null; }\n    layer.setVisible(bVisible);\n    return layer.getGroup();\n  }\n\n  /**\n   * Returns the opacity of the given layer.  If the input name is not a layer, `null` is returned.\n   * @param {string} layerName - name of the layer on which to get the opacity\n   * @returns {?Float} The opacity value of the given layer.  This will be a value between 0.0 and 1.0, or `null`\n   * if `layerName` is not a valid layer\n  */\n  getLayerOpacity (layerName) {\n    const layer = this.layer_map[layerName];\n    if (!layer) { return null; }\n    return layer.getOpacity();\n  }\n\n  /**\n   * Sets the opacity of the given layer.  If the input name is not a layer,\n   * nothing happens. If opacity is not a value between 0.0 and 1.0, then\n   * nothing happens.\n   * NOTE: this function exists solely to apply a highlighting/de-emphasis\n   * effect to a layer. When it is possible for a user to affect the opacity\n   * of a layer, we will need to allow this function to produce an undo-able\n   * action.\n   * @param {string} layerName - Name of the layer on which to set the opacity\n   * @param {Float} opacity - A float value in the range 0.0-1.0\n   * @returns {undefined}\n  */\n  setLayerOpacity (layerName, opacity) {\n    if (typeof opacity !== 'number' || opacity < 0.0 || opacity > 1.0) {\n      return;\n    }\n    const layer = this.layer_map[layerName];\n    if (layer) {\n      layer.setOpacity(opacity);\n    }\n  }\n\n  /**\n   * Create a clone of an element, updating its ID and its children's IDs when needed\n   * @param {Element} el - DOM element to clone\n   * @returns {Element}\n   */\n  copyElem (el) {\n    const self = this;\n    const getNextIdClosure = function () { return self.getNextId(); };\n    return utilCopyElem(el, getNextIdClosure);\n  }\n}\n\n/**\n * Called to ensure that drawings will or will not have randomized ids.\n * The currentDrawing will have its nonce set if it doesn't already.\n * @function module:draw.randomizeIds\n * @param {boolean} enableRandomization - flag indicating if documents should have randomized ids\n * @param {draw.Drawing} currentDrawing\n * @returns {undefined}\n */\nexport const randomizeIds = function (enableRandomization, currentDrawing) {\n  randIds = enableRandomization === false\n    ? RandomizeModes.NEVER_RANDOMIZE\n    : RandomizeModes.ALWAYS_RANDOMIZE;\n\n  if (randIds === RandomizeModes.ALWAYS_RANDOMIZE && !currentDrawing.getNonce()) {\n    currentDrawing.setNonce(Math.floor(Math.random() * 100001));\n  } else if (randIds === RandomizeModes.NEVER_RANDOMIZE && currentDrawing.getNonce()) {\n    currentDrawing.clearNonce();\n  }\n};\n\n// Layer API Functions\n\n/**\n* Group: Layers\n*/\n\n/**\n * @see {@link https://api.jquery.com/jQuery.data/}\n * @name external:jQuery.data\n */\n\n/**\n * @interface module:draw.DrawCanvasInit\n * @property {module:path.pathActions} pathActions\n * @property {external:jQuery.data} elData\n * @property {module:history.UndoManager} undoMgr\n */\n/**\n * @function module:draw.DrawCanvasInit#getCurrentGroup\n * @returns {Element}\n */\n/**\n * @function module:draw.DrawCanvasInit#setCurrentGroup\n * @param {Element} cg\n * @returns {undefined}\n*/\n/**\n * @function module:draw.DrawCanvasInit#getSelectedElements\n * @returns {Element[]} the array with selected DOM elements\n*/\n/**\n * @function module:draw.DrawCanvasInit#getSVGContent\n * @returns {SVGSVGElement}\n */\n/**\n * @function module:draw.DrawCanvasInit#getCurrentDrawing\n * @returns {module:draw.Drawing}\n */\n/**\n * @function module:draw.DrawCanvasInit#clearSelection\n * @param {boolean} [noCall] - When `true`, does not call the \"selected\" handler\n * @returns {undefined}\n*/\n/**\n * Run the callback function associated with the given event\n * @function module:draw.DrawCanvasInit#call\n * @param {\"changed\"|\"contextset\"} ev - String with the event name\n * @param {module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset} arg - Argument to pass through to the callback\n * function. If the event is \"changed\", a (single-item) array of `Element`s is\n * passed. If the event is \"contextset\", the arg is `null` or `Element`.\n * @returns {undefined}\n */\n/**\n * @function module:draw.DrawCanvasInit#addCommandToHistory\n * @param {Command} cmd\n * @returns {undefined}\n*/\n/**\n * @function module:draw.DrawCanvasInit#changeSVGContent\n * @returns {undefined}\n */\n\nlet canvas_;\n/**\n* @function module:draw.init\n* @param {module:draw.DrawCanvasInit} canvas\n* @returns {undefined}\n*/\nexport const init = function (canvas) {\n  canvas_ = canvas;\n};\n\n/**\n* Updates layer system\n* @function module:draw.identifyLayers\n* @returns {undefined}\n*/\nexport const identifyLayers = function () {\n  leaveContext();\n  canvas_.getCurrentDrawing().identifyLayers();\n};\n\n/**\n* Creates a new top-level layer in the drawing with the given name, sets the current layer\n* to it, and then clears the selection. This function then calls the 'changed' handler.\n* This is an undoable action.\n* @function module:draw.createLayer\n* @param {string} name - The given name\n* @param {module:history.HistoryRecordingService} hrService\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nexport const createLayer = function (name, hrService) {\n  const newLayer = canvas_.getCurrentDrawing().createLayer(\n    name,\n    historyRecordingService(hrService)\n  );\n  canvas_.clearSelection();\n  canvas_.call('changed', [newLayer]);\n};\n\n/**\n * Creates a new top-level layer in the drawing with the given name, copies all the current layer's contents\n * to it, and then clears the selection. This function then calls the 'changed' handler.\n * This is an undoable action.\n * @function module:draw.cloneLayer\n * @param {string} name - The given name. If the layer name exists, a new name will be generated.\n * @param {module:history.HistoryRecordingService} hrService - History recording service\n * @fires module:svgcanvas.SvgCanvas#event:changed\n * @returns {undefined}\n */\nexport const cloneLayer = function (name, hrService) {\n  // Clone the current layer and make the cloned layer the new current layer\n  const newLayer = canvas_.getCurrentDrawing().cloneLayer(name, historyRecordingService(hrService));\n\n  canvas_.clearSelection();\n  leaveContext();\n  canvas_.call('changed', [newLayer]);\n};\n\n/**\n* Deletes the current layer from the drawing and then clears the selection. This function\n* then calls the 'changed' handler. This is an undoable action.\n* @function module:draw.deleteCurrentLayer\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {boolean} `true` if an old layer group was found to delete\n*/\nexport const deleteCurrentLayer = function () {\n  let currentLayer = canvas_.getCurrentDrawing().getCurrentLayer();\n  const {nextSibling} = currentLayer;\n  const parent = currentLayer.parentNode;\n  currentLayer = canvas_.getCurrentDrawing().deleteCurrentLayer();\n  if (currentLayer) {\n    const batchCmd = new BatchCommand('Delete Layer');\n    // store in our Undo History\n    batchCmd.addSubCommand(new RemoveElementCommand(currentLayer, nextSibling, parent));\n    canvas_.addCommandToHistory(batchCmd);\n    canvas_.clearSelection();\n    canvas_.call('changed', [parent]);\n    return true;\n  }\n  return false;\n};\n\n/**\n* Sets the current layer. If the name is not a valid layer name, then this function returns\n* false. Otherwise it returns true. This is not an undo-able action.\n* @function module:draw.setCurrentLayer\n* @param {string} name - The name of the layer you want to switch to.\n* @returns {boolean} true if the current layer was switched, otherwise false\n*/\nexport const setCurrentLayer = function (name) {\n  const result = canvas_.getCurrentDrawing().setCurrentLayer(toXml(name));\n  if (result) {\n    canvas_.clearSelection();\n  }\n  return result;\n};\n\n/**\n* Renames the current layer. If the layer name is not valid (i.e. unique), then this function\n* does nothing and returns `false`, otherwise it returns `true`. This is an undo-able action.\n* @function module:draw.renameCurrentLayer\n* @param {string} newName - the new name you want to give the current layer. This name must\n* be unique among all layer names.\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {boolean} Whether the rename succeeded\n*/\nexport const renameCurrentLayer = function (newName) {\n  const drawing = canvas_.getCurrentDrawing();\n  const layer = drawing.getCurrentLayer();\n  if (layer) {\n    const result = drawing.setCurrentLayerName(newName, historyRecordingService());\n    if (result) {\n      canvas_.call('changed', [layer]);\n      return true;\n    }\n  }\n  return false;\n};\n\n/**\n* Changes the position of the current layer to the new value. If the new index is not valid,\n* this function does nothing and returns false, otherwise it returns true. This is an\n* undo-able action.\n* @function module:draw.setCurrentLayerPosition\n* @param {Integer} newPos - The zero-based index of the new position of the layer. This should be between\n* 0 and (number of layers - 1)\n* @returns {boolean} `true` if the current layer position was changed, `false` otherwise.\n*/\nexport const setCurrentLayerPosition = function (newPos) {\n  const drawing = canvas_.getCurrentDrawing();\n  const result = drawing.setCurrentLayerPosition(newPos);\n  if (result) {\n    canvas_.addCommandToHistory(new MoveElementCommand(result.currentGroup, result.oldNextSibling, canvas_.getSVGContent()));\n    return true;\n  }\n  return false;\n};\n\n/**\n* Sets the visibility of the layer. If the layer name is not valid, this function return\n* `false`, otherwise it returns `true`. This is an undo-able action.\n* @function module:draw.setLayerVisibility\n* @param {string} layerName - The name of the layer to change the visibility\n* @param {boolean} bVisible - Whether the layer should be visible\n* @returns {boolean} true if the layer's visibility was set, false otherwise\n*/\nexport const setLayerVisibility = function (layerName, bVisible) {\n  const drawing = canvas_.getCurrentDrawing();\n  const prevVisibility = drawing.getLayerVisibility(layerName);\n  const layer = drawing.setLayerVisibility(layerName, bVisible);\n  if (layer) {\n    const oldDisplay = prevVisibility ? 'inline' : 'none';\n    canvas_.addCommandToHistory(new ChangeElementCommand(layer, {display: oldDisplay}, 'Layer Visibility'));\n  } else {\n    return false;\n  }\n\n  if (layer === drawing.getCurrentLayer()) {\n    canvas_.clearSelection();\n    canvas_.pathActions.clear();\n  }\n  // call('changed', [selected]);\n  return true;\n};\n\n/**\n* Moves the selected elements to layerName. If the name is not a valid layer name, then `false`\n* is returned. Otherwise it returns `true`. This is an undo-able action.\n* @function module:draw.moveSelectedToLayer\n* @param {string} layerName - The name of the layer you want to which you want to move the selected elements\n* @returns {boolean} Whether the selected elements were moved to the layer.\n*/\nexport const moveSelectedToLayer = function (layerName) {\n  // find the layer\n  const drawing = canvas_.getCurrentDrawing();\n  const layer = drawing.getLayerByName(layerName);\n  if (!layer) { return false; }\n\n  const batchCmd = new BatchCommand('Move Elements to Layer');\n\n  // loop for each selected element and move it\n  const selElems = canvas_.getSelectedElements();\n  let i = selElems.length;\n  while (i--) {\n    const elem = selElems[i];\n    if (!elem) { continue; }\n    const oldNextSibling = elem.nextSibling;\n    // TODO: this is pretty brittle!\n    const oldLayer = elem.parentNode;\n    layer.append(elem);\n    batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldLayer));\n  }\n\n  canvas_.addCommandToHistory(batchCmd);\n\n  return true;\n};\n\n/**\n* @function module:draw.mergeLayer\n* @param {module:history.HistoryRecordingService} hrService\n* @returns {undefined}\n*/\nexport const mergeLayer = function (hrService) {\n  canvas_.getCurrentDrawing().mergeLayer(historyRecordingService(hrService));\n  canvas_.clearSelection();\n  leaveContext();\n  canvas_.changeSVGContent();\n};\n\n/**\n* @function module:draw.mergeAllLayers\n* @param {module:history.HistoryRecordingService} hrService\n* @returns {undefined}\n*/\nexport const mergeAllLayers = function (hrService) {\n  canvas_.getCurrentDrawing().mergeAllLayers(historyRecordingService(hrService));\n  canvas_.clearSelection();\n  leaveContext();\n  canvas_.changeSVGContent();\n};\n\n/**\n* Return from a group context to the regular kind, make any previously\n* disabled elements enabled again\n* @function module:draw.leaveContext\n* @fires module:svgcanvas.SvgCanvas#event:contextset\n* @returns {undefined}\n*/\nexport const leaveContext = function () {\n  const len = disabledElems.length;\n  if (len) {\n    for (let i = 0; i < len; i++) {\n      const elem = disabledElems[i];\n      const orig = canvas_.elData(elem, 'orig_opac');\n      if (orig !== 1) {\n        elem.setAttribute('opacity', orig);\n      } else {\n        elem.removeAttribute('opacity');\n      }\n      elem.setAttribute('style', 'pointer-events: inherit');\n    }\n    disabledElems = [];\n    canvas_.clearSelection(true);\n    canvas_.call('contextset', null);\n  }\n  canvas_.setCurrentGroup(null);\n};\n\n/**\n* Set the current context (for in-group editing)\n* @function module:draw.setContext\n* @param {Element} elem\n* @fires module:svgcanvas.SvgCanvas#event:contextset\n* @returns {undefined}\n*/\nexport const setContext = function (elem) {\n  leaveContext();\n  if (typeof elem === 'string') {\n    elem = getElem(elem);\n  }\n\n  // Edit inside this group\n  canvas_.setCurrentGroup(elem);\n\n  // Disable other elements\n  $(elem).parentsUntil('#svgcontent').andSelf().siblings().each(function () {\n    const opac = this.getAttribute('opacity') || 1;\n    // Store the original's opacity\n    canvas_.elData(this, 'orig_opac', opac);\n    this.setAttribute('opacity', opac * 0.33);\n    this.setAttribute('style', 'pointer-events: none');\n    disabledElems.push(this);\n  });\n\n  canvas_.clearSelection();\n  canvas_.call('contextset', canvas_.getCurrentGroup());\n};\n\n/**\n* @memberof module:draw\n* @class Layer\n* @see {@link module:layer.Layer}\n*/\nexport {Layer};\n","/**\n * Tools for SVG sanitization\n * @module sanitize\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller\n */\n\nimport {getReverseNS, NS} from './namespaces.js';\nimport {isGecko} from './browser.js';\nimport {getHref, setHref, getUrlFromAttr} from './utilities.js';\n\nconst REVERSE_NS = getReverseNS();\n\n// this defines which elements and attributes that we support\nconst svgWhiteList_ = {\n  // SVG Elements\n  a: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'xlink:href', 'xlink:title'],\n  circle: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'r', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],\n  clipPath: ['class', 'clipPathUnits', 'id'],\n  defs: [],\n  style: ['type'],\n  desc: [],\n  ellipse: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],\n  feGaussianBlur: ['class', 'color-interpolation-filters', 'id', 'requiredFeatures', 'stdDeviation'],\n  filter: ['class', 'color-interpolation-filters', 'filterRes', 'filterUnits', 'height', 'id', 'primitiveUnits', 'requiredFeatures', 'width', 'x', 'xlink:href', 'y'],\n  foreignObject: ['class', 'font-size', 'height', 'id', 'opacity', 'requiredFeatures', 'style', 'transform', 'width', 'x', 'y'],\n  g: ['class', 'clip-path', 'clip-rule', 'id', 'display', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'font-family', 'font-size', 'font-style', 'font-weight', 'text-anchor'],\n  image: ['class', 'clip-path', 'clip-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'style', 'systemLanguage', 'transform', 'width', 'x', 'xlink:href', 'xlink:title', 'y'],\n  line: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'x1', 'x2', 'y1', 'y2'],\n  linearGradient: ['class', 'id', 'gradientTransform', 'gradientUnits', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'x1', 'x2', 'xlink:href', 'y1', 'y2'],\n  marker: ['id', 'class', 'markerHeight', 'markerUnits', 'markerWidth', 'orient', 'preserveAspectRatio', 'refX', 'refY', 'systemLanguage', 'viewBox'],\n  mask: ['class', 'height', 'id', 'maskContentUnits', 'maskUnits', 'width', 'x', 'y'],\n  metadata: ['class', 'id'],\n  path: ['class', 'clip-path', 'clip-rule', 'd', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],\n  pattern: ['class', 'height', 'id', 'patternContentUnits', 'patternTransform', 'patternUnits', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xlink:href', 'y'],\n  polygon: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'class', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],\n  polyline: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],\n  radialGradient: ['class', 'cx', 'cy', 'fx', 'fy', 'gradientTransform', 'gradientUnits', 'id', 'r', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'xlink:href'],\n  rect: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'width', 'x', 'y'],\n  stop: ['class', 'id', 'offset', 'requiredFeatures', 'stop-color', 'stop-opacity', 'style', 'systemLanguage'],\n  svg: ['class', 'clip-path', 'clip-rule', 'filter', 'id', 'height', 'mask', 'preserveAspectRatio', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xmlns', 'xmlns:se', 'xmlns:xlink', 'y'],\n  switch: ['class', 'id', 'requiredFeatures', 'systemLanguage'],\n  symbol: ['class', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'opacity', 'preserveAspectRatio', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'viewBox'],\n  text: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'transform', 'x', 'xml:space', 'y'],\n  textPath: ['class', 'id', 'method', 'requiredFeatures', 'spacing', 'startOffset', 'style', 'systemLanguage', 'transform', 'xlink:href'],\n  title: [],\n  tspan: ['class', 'clip-path', 'clip-rule', 'dx', 'dy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'rotate', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'textLength', 'transform', 'x', 'xml:space', 'y'],\n  use: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'transform', 'width', 'x', 'xlink:href', 'y'],\n\n  // MathML Elements\n  annotation: ['encoding'],\n  'annotation-xml': ['encoding'],\n  maction: ['actiontype', 'other', 'selection'],\n  math: ['class', 'id', 'display', 'xmlns'],\n  menclose: ['notation'],\n  merror: [],\n  mfrac: ['linethickness'],\n  mi: ['mathvariant'],\n  mmultiscripts: [],\n  mn: [],\n  mo: ['fence', 'lspace', 'maxsize', 'minsize', 'rspace', 'stretchy'],\n  mover: [],\n  mpadded: ['lspace', 'width', 'height', 'depth', 'voffset'],\n  mphantom: [],\n  mprescripts: [],\n  mroot: [],\n  mrow: ['xlink:href', 'xlink:type', 'xmlns:xlink'],\n  mspace: ['depth', 'height', 'width'],\n  msqrt: [],\n  mstyle: ['displaystyle', 'mathbackground', 'mathcolor', 'mathvariant', 'scriptlevel'],\n  msub: [],\n  msubsup: [],\n  msup: [],\n  mtable: ['align', 'columnalign', 'columnlines', 'columnspacing', 'displaystyle', 'equalcolumns', 'equalrows', 'frame', 'rowalign', 'rowlines', 'rowspacing', 'width'],\n  mtd: ['columnalign', 'columnspan', 'rowalign', 'rowspan'],\n  mtext: [],\n  mtr: ['columnalign', 'rowalign'],\n  munder: [],\n  munderover: [],\n  none: [],\n  semantics: []\n};\n\n// Produce a Namespace-aware version of svgWhitelist\nconst svgWhiteListNS_ = {};\nObject.entries(svgWhiteList_).forEach(function ([elt, atts]) {\n  const attNS = {};\n  Object.entries(atts).forEach(function ([i, att]) {\n    if (att.includes(':')) {\n      const v = att.split(':');\n      attNS[v[1]] = NS[(v[0]).toUpperCase()];\n    } else {\n      attNS[att] = att === 'xmlns' ? NS.XMLNS : null;\n    }\n  });\n  svgWhiteListNS_[elt] = attNS;\n});\n\n/**\n* Sanitizes the input node and its children.\n* It only keeps what is allowed from our whitelist defined above.\n* @function module:sanitize.sanitizeSvg\n* @param {Text|Element} node - The DOM element to be checked (we'll also check its children) or text node to be cleaned up\n* @returns {undefined}\n*/\nexport const sanitizeSvg = function (node) {\n  // Cleanup text nodes\n  if (node.nodeType === 3) { // 3 === TEXT_NODE\n    // Trim whitespace\n    node.nodeValue = node.nodeValue.replace(/^\\s+|\\s+$/g, '');\n    // Remove if empty\n    if (!node.nodeValue.length) {\n      node.remove();\n    }\n  }\n\n  // We only care about element nodes.\n  // Automatically return for all non-element nodes, such as comments, etc.\n  if (node.nodeType !== 1) { // 1 == ELEMENT_NODE\n    return;\n  }\n\n  const doc = node.ownerDocument;\n  const parent = node.parentNode;\n  // can parent ever be null here?  I think the root node's parent is the document...\n  if (!doc || !parent) {\n    return;\n  }\n\n  const allowedAttrs = svgWhiteList_[node.nodeName];\n  const allowedAttrsNS = svgWhiteListNS_[node.nodeName];\n  // if this element is supported, sanitize it\n  if (typeof allowedAttrs !== 'undefined') {\n    const seAttrs = [];\n    let i = node.attributes.length;\n    while (i--) {\n      // if the attribute is not in our whitelist, then remove it\n      // could use jQuery's inArray(), but I don't know if that's any better\n      const attr = node.attributes.item(i);\n      const attrName = attr.nodeName;\n      const attrLocalName = attr.localName;\n      const attrNsURI = attr.namespaceURI;\n      // Check that an attribute with the correct localName in the correct namespace is on\n      // our whitelist or is a namespace declaration for one of our allowed namespaces\n      if (!(allowedAttrsNS.hasOwnProperty(attrLocalName) && attrNsURI === allowedAttrsNS[attrLocalName] && attrNsURI !== NS.XMLNS) &&\n        !(attrNsURI === NS.XMLNS && REVERSE_NS[attr.value])) {\n        // TODO(codedread): Programmatically add the se: attributes to the NS-aware whitelist.\n        // Bypassing the whitelist to allow se: prefixes.\n        // Is there a more appropriate way to do this?\n        if (attrName.startsWith('se:') || attrName.startsWith('data-')) {\n          seAttrs.push([attrName, attr.value]);\n        }\n        node.removeAttributeNS(attrNsURI, attrLocalName);\n      }\n\n      // Add spaces before negative signs where necessary\n      if (isGecko()) {\n        switch (attrName) {\n        case 'transform':\n        case 'gradientTransform':\n        case 'patternTransform':\n          const val = attr.value.replace(/(\\d)-/g, '$1 -');\n          node.setAttribute(attrName, val);\n          break;\n        }\n      }\n\n      // For the style attribute, rewrite it in terms of XML presentational attributes\n      if (attrName === 'style') {\n        const props = attr.value.split(';');\n        let p = props.length;\n        while (p--) {\n          const [name, val] = props[p].split(':');\n          const styleAttrName = (name || '').trim();\n          const styleAttrVal = (val || '').trim();\n          // Now check that this attribute is supported\n          if (allowedAttrs.includes(styleAttrName)) {\n            node.setAttribute(styleAttrName, styleAttrVal);\n          }\n        }\n        node.removeAttribute('style');\n      }\n    }\n\n    Object.values(seAttrs).forEach(([att, val]) => {\n      node.setAttributeNS(NS.SE, att, val);\n    });\n\n    // for some elements that have a xlink:href, ensure the URI refers to a local element\n    // (but not for links)\n    const href = getHref(node);\n    if (href &&\n      ['filter', 'linearGradient', 'pattern',\n        'radialGradient', 'textPath', 'use'].includes(node.nodeName)) {\n      // TODO: we simply check if the first character is a #, is this bullet-proof?\n      if (href[0] !== '#') {\n        // remove the attribute (but keep the element)\n        setHref(node, '');\n        node.removeAttributeNS(NS.XLINK, 'href');\n      }\n    }\n\n    // Safari crashes on a <use> without a xlink:href, so we just remove the node here\n    if (node.nodeName === 'use' && !getHref(node)) {\n      node.remove();\n      return;\n    }\n    // if the element has attributes pointing to a non-local reference,\n    // need to remove the attribute\n    Object.values(['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'], function (attr) {\n      let val = node.getAttribute(attr);\n      if (val) {\n        val = getUrlFromAttr(val);\n        // simply check for first character being a '#'\n        if (val && val[0] !== '#') {\n          node.setAttribute(attr, '');\n          node.removeAttribute(attr);\n        }\n      }\n    });\n\n    // recurse to children\n    i = node.childNodes.length;\n    while (i--) { sanitizeSvg(node.childNodes.item(i)); }\n  // else (element not supported), remove it\n  } else {\n    // remove all children from this node and insert them before this node\n    // FIXME: in the case of animation elements this will hardly ever be correct\n    const children = [];\n    while (node.hasChildNodes()) {\n      children.push(parent.insertBefore(node.firstChild, node));\n    }\n\n    // remove this node from the document altogether\n    node.remove();\n\n    // call sanitizeSvg on each of those children\n    let i = children.length;\n    while (i--) { sanitizeSvg(children[i]); }\n  }\n};\n","/* globals jQuery */\n/**\n * Manipulating coordinates\n * @module coords\n * @license MIT\n */\n\nimport './svgpathseg.js';\nimport {\n  snapToGrid, assignAttributes, getBBox, getRefElem, findDefs\n} from './utilities.js';\nimport {\n  transformPoint, transformListToTransform, matrixMultiply, transformBox\n} from './math.js';\nimport {getTransformList} from './svgtransformlist.js';\n\nconst $ = jQuery;\n\n// this is how we map paths to our preferred relative segment types\nconst pathMap = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a',\n  'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];\n\n/**\n * @interface module:coords.EditorContext\n */\n/**\n * @function module:coords.EditorContext#getGridSnapping\n * @returns {boolean}\n */\n/**\n * @function module:coords.EditorContext#getDrawing\n * @returns {module:draw.Drawing}\n*/\n/**\n * @function module:coords.EditorContext#getSVGRoot\n * @returns {SVGSVGElement}\n*/\n\nlet editorContext_ = null;\n\n/**\n* @function module:coords.init\n* @param {module:coords.EditorContext} editorContext\n*/\nexport const init = function (editorContext) {\n  editorContext_ = editorContext;\n};\n\n/**\n * Applies coordinate changes to an element based on the given matrix\n * @function module:coords.remapElement\n * @implements {module:path.EditorContext#remapElement}\n*/\nexport const remapElement = function (selected, changes, m) {\n  const remap = function (x, y) { return transformPoint(x, y, m); },\n    scalew = function (w) { return m.a * w; },\n    scaleh = function (h) { return m.d * h; },\n    doSnapping = editorContext_.getGridSnapping() && selected.parentNode.parentNode.localName === 'svg',\n    finishUp = function () {\n      if (doSnapping) {\n        for (const o in changes) {\n          changes[o] = snapToGrid(changes[o]);\n        }\n      }\n      assignAttributes(selected, changes, 1000, true);\n    },\n    box = getBBox(selected);\n\n  for (let i = 0; i < 2; i++) {\n    const type = i === 0 ? 'fill' : 'stroke';\n    const attrVal = selected.getAttribute(type);\n    if (attrVal && attrVal.startsWith('url(')) {\n      if (m.a < 0 || m.d < 0) {\n        const grad = getRefElem(attrVal);\n        const newgrad = grad.cloneNode(true);\n        if (m.a < 0) {\n          // flip x\n          const x1 = newgrad.getAttribute('x1');\n          const x2 = newgrad.getAttribute('x2');\n          newgrad.setAttribute('x1', -(x1 - 1));\n          newgrad.setAttribute('x2', -(x2 - 1));\n        }\n\n        if (m.d < 0) {\n          // flip y\n          const y1 = newgrad.getAttribute('y1');\n          const y2 = newgrad.getAttribute('y2');\n          newgrad.setAttribute('y1', -(y1 - 1));\n          newgrad.setAttribute('y2', -(y2 - 1));\n        }\n        newgrad.id = editorContext_.getDrawing().getNextId();\n        findDefs().append(newgrad);\n        selected.setAttribute(type, 'url(#' + newgrad.id + ')');\n      }\n\n      // Not really working :(\n      // if (selected.tagName === 'path') {\n      //   reorientGrads(selected, m);\n      // }\n    }\n  }\n\n  const elName = selected.tagName;\n  if (elName === 'g' || elName === 'text' || elName === 'tspan' || elName === 'use') {\n    // if it was a translate, then just update x,y\n    if (m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && (m.e !== 0 || m.f !== 0)) {\n      // [T][M] = [M][T']\n      // therefore [T'] = [M_inv][T][M]\n      const existing = transformListToTransform(selected).matrix,\n        tNew = matrixMultiply(existing.inverse(), m, existing);\n      changes.x = parseFloat(changes.x) + tNew.e;\n      changes.y = parseFloat(changes.y) + tNew.f;\n    } else {\n      // we just absorb all matrices into the element and don't do any remapping\n      const chlist = getTransformList(selected);\n      const mt = editorContext_.getSVGRoot().createSVGTransform();\n      mt.setMatrix(matrixMultiply(transformListToTransform(chlist).matrix, m));\n      chlist.clear();\n      chlist.appendItem(mt);\n    }\n  }\n\n  // now we have a set of changes and an applied reduced transform list\n  // we apply the changes directly to the DOM\n  switch (elName) {\n  case 'foreignObject':\n  case 'rect':\n  case 'image': {\n    // Allow images to be inverted (give them matrix when flipped)\n    if (elName === 'image' && (m.a < 0 || m.d < 0)) {\n      // Convert to matrix\n      const chlist = getTransformList(selected);\n      const mt = editorContext_.getSVGRoot().createSVGTransform();\n      mt.setMatrix(matrixMultiply(transformListToTransform(chlist).matrix, m));\n      chlist.clear();\n      chlist.appendItem(mt);\n    } else {\n      const pt1 = remap(changes.x, changes.y);\n      changes.width = scalew(changes.width);\n      changes.height = scaleh(changes.height);\n      changes.x = pt1.x + Math.min(0, changes.width);\n      changes.y = pt1.y + Math.min(0, changes.height);\n      changes.width = Math.abs(changes.width);\n      changes.height = Math.abs(changes.height);\n    }\n    finishUp();\n    break;\n  } case 'ellipse': {\n    const c = remap(changes.cx, changes.cy);\n    changes.cx = c.x;\n    changes.cy = c.y;\n    changes.rx = scalew(changes.rx);\n    changes.ry = scaleh(changes.ry);\n    changes.rx = Math.abs(changes.rx);\n    changes.ry = Math.abs(changes.ry);\n    finishUp();\n    break;\n  } case 'circle': {\n    const c = remap(changes.cx, changes.cy);\n    changes.cx = c.x;\n    changes.cy = c.y;\n    // take the minimum of the new selected box's dimensions for the new circle radius\n    const tbox = transformBox(box.x, box.y, box.width, box.height, m);\n    const w = tbox.tr.x - tbox.tl.x, h = tbox.bl.y - tbox.tl.y;\n    changes.r = Math.min(w / 2, h / 2);\n\n    if (changes.r) { changes.r = Math.abs(changes.r); }\n    finishUp();\n    break;\n  } case 'line': {\n    const pt1 = remap(changes.x1, changes.y1);\n    const pt2 = remap(changes.x2, changes.y2);\n    changes.x1 = pt1.x;\n    changes.y1 = pt1.y;\n    changes.x2 = pt2.x;\n    changes.y2 = pt2.y;\n  } // Fallthrough\n  case 'text':\n  case 'tspan':\n  case 'use': {\n    finishUp();\n    break;\n  } case 'g': {\n    const gsvg = $(selected).data('gsvg');\n    if (gsvg) {\n      assignAttributes(gsvg, changes, 1000, true);\n    }\n    break;\n  } case 'polyline':\n  case 'polygon': {\n    const len = changes.points.length;\n    for (let i = 0; i < len; ++i) {\n      const pt = changes.points[i];\n      const {x, y} = remap(pt.x, pt.y);\n      changes.points[i].x = x;\n      changes.points[i].y = y;\n    }\n\n    // const len = changes.points.length;\n    let pstr = '';\n    for (let i = 0; i < len; ++i) {\n      const pt = changes.points[i];\n      pstr += pt.x + ',' + pt.y + ' ';\n    }\n    selected.setAttribute('points', pstr);\n    break;\n  } case 'path': {\n    const segList = selected.pathSegList;\n    let len = segList.numberOfItems;\n    changes.d = [];\n    for (let i = 0; i < len; ++i) {\n      const seg = segList.getItem(i);\n      changes.d[i] = {\n        type: seg.pathSegType,\n        x: seg.x,\n        y: seg.y,\n        x1: seg.x1,\n        y1: seg.y1,\n        x2: seg.x2,\n        y2: seg.y2,\n        r1: seg.r1,\n        r2: seg.r2,\n        angle: seg.angle,\n        largeArcFlag: seg.largeArcFlag,\n        sweepFlag: seg.sweepFlag\n      };\n    }\n\n    len = changes.d.length;\n    const firstseg = changes.d[0],\n      currentpt = remap(firstseg.x, firstseg.y);\n    changes.d[0].x = currentpt.x;\n    changes.d[0].y = currentpt.y;\n    for (let i = 1; i < len; ++i) {\n      const seg = changes.d[i];\n      const {type} = seg;\n      // if absolute or first segment, we want to remap x, y, x1, y1, x2, y2\n      // if relative, we want to scalew, scaleh\n      if (type % 2 === 0) { // absolute\n        const thisx = (seg.x !== undefined) ? seg.x : currentpt.x, // for V commands\n          thisy = (seg.y !== undefined) ? seg.y : currentpt.y; // for H commands\n        const pt = remap(thisx, thisy);\n        const pt1 = remap(seg.x1, seg.y1);\n        const pt2 = remap(seg.x2, seg.y2);\n        seg.x = pt.x;\n        seg.y = pt.y;\n        seg.x1 = pt1.x;\n        seg.y1 = pt1.y;\n        seg.x2 = pt2.x;\n        seg.y2 = pt2.y;\n        seg.r1 = scalew(seg.r1);\n        seg.r2 = scaleh(seg.r2);\n      } else { // relative\n        seg.x = scalew(seg.x);\n        seg.y = scaleh(seg.y);\n        seg.x1 = scalew(seg.x1);\n        seg.y1 = scaleh(seg.y1);\n        seg.x2 = scalew(seg.x2);\n        seg.y2 = scaleh(seg.y2);\n        seg.r1 = scalew(seg.r1);\n        seg.r2 = scaleh(seg.r2);\n      }\n    } // for each segment\n\n    let dstr = '';\n    len = changes.d.length;\n    for (let i = 0; i < len; ++i) {\n      const seg = changes.d[i];\n      const {type} = seg;\n      dstr += pathMap[type];\n      switch (type) {\n      case 13: // relative horizontal line (h)\n      case 12: // absolute horizontal line (H)\n        dstr += seg.x + ' ';\n        break;\n      case 15: // relative vertical line (v)\n      case 14: // absolute vertical line (V)\n        dstr += seg.y + ' ';\n        break;\n      case 3: // relative move (m)\n      case 5: // relative line (l)\n      case 19: // relative smooth quad (t)\n      case 2: // absolute move (M)\n      case 4: // absolute line (L)\n      case 18: // absolute smooth quad (T)\n        dstr += seg.x + ',' + seg.y + ' ';\n        break;\n      case 7: // relative cubic (c)\n      case 6: // absolute cubic (C)\n        dstr += seg.x1 + ',' + seg.y1 + ' ' + seg.x2 + ',' + seg.y2 + ' ' +\n          seg.x + ',' + seg.y + ' ';\n        break;\n      case 9: // relative quad (q)\n      case 8: // absolute quad (Q)\n        dstr += seg.x1 + ',' + seg.y1 + ' ' + seg.x + ',' + seg.y + ' ';\n        break;\n      case 11: // relative elliptical arc (a)\n      case 10: // absolute elliptical arc (A)\n        dstr += seg.r1 + ',' + seg.r2 + ' ' + seg.angle + ' ' + (+seg.largeArcFlag) +\n          ' ' + (+seg.sweepFlag) + ' ' + seg.x + ',' + seg.y + ' ';\n        break;\n      case 17: // relative smooth cubic (s)\n      case 16: // absolute smooth cubic (S)\n        dstr += seg.x2 + ',' + seg.y2 + ' ' + seg.x + ',' + seg.y + ' ';\n        break;\n      }\n    }\n\n    selected.setAttribute('d', dstr);\n    break;\n  }\n  }\n};\n","/* globals jQuery */\n/**\n * Recalculate.\n * @module recalculate\n * @license MIT\n */\n\nimport jqPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`\nimport {NS} from './namespaces.js';\nimport {convertToNum} from './units.js';\nimport {isWebkit} from './browser.js';\nimport {getTransformList} from './svgtransformlist.js';\nimport {getRotationAngle, getHref, getBBox, getRefElem} from './utilities.js';\nimport {BatchCommand, ChangeElementCommand} from './history.js';\nimport {remapElement} from './coords.js';\nimport {\n  isIdentity, matrixMultiply, transformPoint, transformListToTransform,\n  hasMatrixTransform\n} from './math.js';\n\nconst $ = jqPluginSVG(jQuery);\n\nlet context_;\n\n/**\n* @interface module:recalculate.EditorContext\n*/\n/**\n * @function module:recalculate.EditorContext#getSVGRoot\n * @returns {SVGSVGElement} The root DOM element\n */\n/**\n * @function module:recalculate.EditorContext#getStartTransform\n * @returns {string}\n*/\n/**\n * @function module:recalculate.EditorContext#setStartTransform\n * @param {string} transform\n * @returns {undefined}\n */\n\n/**\n* @function module:recalculate.init\n* @param {module:recalculate.EditorContext} editorContext\n* @returns {undefined}\n*/\nexport const init = function (editorContext) {\n  context_ = editorContext;\n};\n\n/**\n* Updates a `<clipPath>`s values based on the given translation of an element\n* @function module:recalculate.updateClipPath\n* @param {string} attr - The clip-path attribute value with the clipPath's ID\n* @param {Float} tx - The translation's x value\n* @param {Float} ty - The translation's y value\n* @returns {undefined}\n*/\nexport const updateClipPath = function (attr, tx, ty) {\n  const path = getRefElem(attr).firstChild;\n  const cpXform = getTransformList(path);\n  const newxlate = context_.getSVGRoot().createSVGTransform();\n  newxlate.setTranslate(tx, ty);\n\n  cpXform.appendItem(newxlate);\n\n  // Update clipPath's dimensions\n  recalculateDimensions(path);\n};\n\n/**\n* Decides the course of action based on the element's transform list\n* @function module:recalculate.recalculateDimensions\n* @param {Element} selected - The DOM element to recalculate\n* @returns {Command} Undo command object with the resulting change\n*/\nexport const recalculateDimensions = function (selected) {\n  if (selected == null) { return null; }\n\n  // Firefox Issue - 1081\n  if (selected.nodeName === 'svg' && navigator.userAgent.includes('Firefox/20')) {\n    return null;\n  }\n\n  const svgroot = context_.getSVGRoot();\n  const tlist = getTransformList(selected);\n\n  // remove any unnecessary transforms\n  if (tlist && tlist.numberOfItems > 0) {\n    let k = tlist.numberOfItems;\n    const noi = k;\n    while (k--) {\n      const xform = tlist.getItem(k);\n      if (xform.type === 0) {\n        tlist.removeItem(k);\n      // remove identity matrices\n      } else if (xform.type === 1) {\n        if (isIdentity(xform.matrix)) {\n          if (noi === 1) {\n            // Overcome Chrome bug (though only when noi is 1) with\n            //    `removeItem` preventing `removeAttribute` from\n            //    subsequently working\n            // See https://bugs.chromium.org/p/chromium/issues/detail?id=843901\n            selected.removeAttribute('transform');\n            return null;\n          }\n          tlist.removeItem(k);\n        }\n      // remove zero-degree rotations\n      } else if (xform.type === 4) {\n        if (xform.angle === 0) {\n          tlist.removeItem(k);\n        }\n      }\n    }\n    // End here if all it has is a rotation\n    if (tlist.numberOfItems === 1 &&\n        getRotationAngle(selected)) { return null; }\n  }\n\n  // if this element had no transforms, we are done\n  if (!tlist || tlist.numberOfItems === 0) {\n    // Chrome apparently had a bug that requires clearing the attribute first.\n    selected.setAttribute('transform', '');\n    // However, this still next line currently doesn't work at all in Chrome\n    selected.removeAttribute('transform');\n    // selected.transform.baseVal.clear(); // Didn't help for Chrome bug\n    return null;\n  }\n\n  // TODO: Make this work for more than 2\n  if (tlist) {\n    let mxs = [];\n    let k = tlist.numberOfItems;\n    while (k--) {\n      const xform = tlist.getItem(k);\n      if (xform.type === 1) {\n        mxs.push([xform.matrix, k]);\n      } else if (mxs.length) {\n        mxs = [];\n      }\n    }\n    if (mxs.length === 2) {\n      const mNew = svgroot.createSVGTransformFromMatrix(matrixMultiply(mxs[1][0], mxs[0][0]));\n      tlist.removeItem(mxs[0][1]);\n      tlist.removeItem(mxs[1][1]);\n      tlist.insertItemBefore(mNew, mxs[1][1]);\n    }\n\n    // combine matrix + translate\n    k = tlist.numberOfItems;\n    if (k >= 2 && tlist.getItem(k - 2).type === 1 && tlist.getItem(k - 1).type === 2) {\n      const mt = svgroot.createSVGTransform();\n\n      const m = matrixMultiply(\n        tlist.getItem(k - 2).matrix,\n        tlist.getItem(k - 1).matrix);\n      mt.setMatrix(m);\n      tlist.removeItem(k - 2);\n      tlist.removeItem(k - 2);\n      tlist.appendItem(mt);\n    }\n  }\n\n  // If it still has a single [M] or [R][M], return null too (prevents BatchCommand from being returned).\n  switch (selected.tagName) {\n  // Ignore these elements, as they can absorb the [M]\n  case 'line':\n  case 'polyline':\n  case 'polygon':\n  case 'path':\n    break;\n  default:\n    if ((tlist.numberOfItems === 1 && tlist.getItem(0).type === 1) ||\n        (tlist.numberOfItems === 2 && tlist.getItem(0).type === 1 && tlist.getItem(0).type === 4)) {\n      return null;\n    }\n  }\n\n  // Grouped SVG element\n  const gsvg = $(selected).data('gsvg');\n\n  // we know we have some transforms, so set up return variable\n  const batchCmd = new BatchCommand('Transform');\n\n  // store initial values that will be affected by reducing the transform list\n  let changes = {};\n  let initial = null;\n  let attrs = [];\n  switch (selected.tagName) {\n  case 'line':\n    attrs = ['x1', 'y1', 'x2', 'y2'];\n    break;\n  case 'circle':\n    attrs = ['cx', 'cy', 'r'];\n    break;\n  case 'ellipse':\n    attrs = ['cx', 'cy', 'rx', 'ry'];\n    break;\n  case 'foreignObject':\n  case 'rect':\n  case 'image':\n    attrs = ['width', 'height', 'x', 'y'];\n    break;\n  case 'use':\n  case 'text':\n  case 'tspan':\n    attrs = ['x', 'y'];\n    break;\n  case 'polygon':\n  case 'polyline': {\n    initial = {};\n    initial.points = selected.getAttribute('points');\n    const list = selected.points;\n    const len = list.numberOfItems;\n    changes.points = new Array(len);\n    for (let i = 0; i < len; ++i) {\n      const pt = list.getItem(i);\n      changes.points[i] = {x: pt.x, y: pt.y};\n    }\n    break;\n  } case 'path':\n    initial = {};\n    initial.d = selected.getAttribute('d');\n    changes.d = selected.getAttribute('d');\n    break;\n  } // switch on element type to get initial values\n\n  if (attrs.length) {\n    changes = $(selected).attr(attrs);\n    $.each(changes, function (attr, val) {\n      changes[attr] = convertToNum(attr, val);\n    });\n  } else if (gsvg) {\n    // GSVG exception\n    changes = {\n      x: $(gsvg).attr('x') || 0,\n      y: $(gsvg).attr('y') || 0\n    };\n  }\n\n  // if we haven't created an initial array in polygon/polyline/path, then\n  // make a copy of initial values and include the transform\n  if (initial == null) {\n    initial = $.extend(true, {}, changes);\n    $.each(initial, function (attr, val) {\n      initial[attr] = convertToNum(attr, val);\n    });\n  }\n  // save the start transform value too\n  initial.transform = context_.getStartTransform() || '';\n\n  let oldcenter, newcenter;\n\n  // if it's a regular group, we have special processing to flatten transforms\n  if ((selected.tagName === 'g' && !gsvg) || selected.tagName === 'a') {\n    const box = getBBox(selected);\n\n    oldcenter = {x: box.x + box.width / 2, y: box.y + box.height / 2};\n    newcenter = transformPoint(\n      box.x + box.width / 2,\n      box.y + box.height / 2,\n      transformListToTransform(tlist).matrix\n    );\n    let m = svgroot.createSVGMatrix();\n\n    // temporarily strip off the rotate and save the old center\n    const gangle = getRotationAngle(selected);\n    if (gangle) {\n      const a = gangle * Math.PI / 180;\n      let s;\n      if (Math.abs(a) > (1.0e-10)) {\n        s = Math.sin(a) / (1 - Math.cos(a));\n      } else {\n        // FIXME: This blows up if the angle is exactly 0!\n        s = 2 / a;\n      }\n      for (let i = 0; i < tlist.numberOfItems; ++i) {\n        const xform = tlist.getItem(i);\n        if (xform.type === 4) {\n          // extract old center through mystical arts\n          const rm = xform.matrix;\n          oldcenter.y = (s * rm.e + rm.f) / 2;\n          oldcenter.x = (rm.e - s * rm.f) / 2;\n          tlist.removeItem(i);\n          break;\n        }\n      }\n    }\n    const N = tlist.numberOfItems;\n    let tx = 0, ty = 0, operation = 0;\n\n    let firstM;\n    if (N) {\n      firstM = tlist.getItem(0).matrix;\n    }\n\n    let oldStartTransform;\n    // first, if it was a scale then the second-last transform will be it\n    if (N >= 3 && tlist.getItem(N - 2).type === 3 &&\n      tlist.getItem(N - 3).type === 2 && tlist.getItem(N - 1).type === 2) {\n      operation = 3; // scale\n\n      // if the children are unrotated, pass the scale down directly\n      // otherwise pass the equivalent matrix() down directly\n      const tm = tlist.getItem(N - 3).matrix,\n        sm = tlist.getItem(N - 2).matrix,\n        tmn = tlist.getItem(N - 1).matrix;\n\n      const children = selected.childNodes;\n      let c = children.length;\n      while (c--) {\n        const child = children.item(c);\n        tx = 0;\n        ty = 0;\n        if (child.nodeType === 1) {\n          const childTlist = getTransformList(child);\n\n          // some children might not have a transform (<metadata>, <defs>, etc)\n          if (!childTlist) { continue; }\n\n          const m = transformListToTransform(childTlist).matrix;\n\n          // Convert a matrix to a scale if applicable\n          // if (hasMatrixTransform(childTlist) && childTlist.numberOfItems == 1) {\n          //   if (m.b==0 && m.c==0 && m.e==0 && m.f==0) {\n          //     childTlist.removeItem(0);\n          //     const translateOrigin = svgroot.createSVGTransform(),\n          //       scale = svgroot.createSVGTransform(),\n          //       translateBack = svgroot.createSVGTransform();\n          //     translateOrigin.setTranslate(0, 0);\n          //     scale.setScale(m.a, m.d);\n          //     translateBack.setTranslate(0, 0);\n          //     childTlist.appendItem(translateBack);\n          //     childTlist.appendItem(scale);\n          //     childTlist.appendItem(translateOrigin);\n          //   }\n          // }\n\n          const angle = getRotationAngle(child);\n          oldStartTransform = context_.getStartTransform();\n          const childxforms = [];\n          context_.setStartTransform(child.getAttribute('transform'));\n          if (angle || hasMatrixTransform(childTlist)) {\n            const e2t = svgroot.createSVGTransform();\n            e2t.setMatrix(matrixMultiply(tm, sm, tmn, m));\n            childTlist.clear();\n            childTlist.appendItem(e2t);\n            childxforms.push(e2t);\n          // if not rotated or skewed, push the [T][S][-T] down to the child\n          } else {\n            // update the transform list with translate,scale,translate\n\n            // slide the [T][S][-T] from the front to the back\n            // [T][S][-T][M] = [M][T2][S2][-T2]\n\n            // (only bringing [-T] to the right of [M])\n            // [T][S][-T][M] = [T][S][M][-T2]\n            // [-T2] = [M_inv][-T][M]\n            const t2n = matrixMultiply(m.inverse(), tmn, m);\n            // [T2] is always negative translation of [-T2]\n            const t2 = svgroot.createSVGMatrix();\n            t2.e = -t2n.e;\n            t2.f = -t2n.f;\n\n            // [T][S][-T][M] = [M][T2][S2][-T2]\n            // [S2] = [T2_inv][M_inv][T][S][-T][M][-T2_inv]\n            const s2 = matrixMultiply(t2.inverse(), m.inverse(), tm, sm, tmn, m, t2n.inverse());\n\n            const translateOrigin = svgroot.createSVGTransform(),\n              scale = svgroot.createSVGTransform(),\n              translateBack = svgroot.createSVGTransform();\n            translateOrigin.setTranslate(t2n.e, t2n.f);\n            scale.setScale(s2.a, s2.d);\n            translateBack.setTranslate(t2.e, t2.f);\n            childTlist.appendItem(translateBack);\n            childTlist.appendItem(scale);\n            childTlist.appendItem(translateOrigin);\n            childxforms.push(translateBack);\n            childxforms.push(scale);\n            childxforms.push(translateOrigin);\n            // logMatrix(translateBack.matrix);\n            // logMatrix(scale.matrix);\n          } // not rotated\n          batchCmd.addSubCommand(recalculateDimensions(child));\n          // TODO: If any <use> have this group as a parent and are\n          // referencing this child, then we need to impose a reverse\n          // scale on it so that when it won't get double-translated\n          // const uses = selected.getElementsByTagNameNS(NS.SVG, 'use');\n          // const href = '#' + child.id;\n          // let u = uses.length;\n          // while (u--) {\n          //   const useElem = uses.item(u);\n          //   if (href == getHref(useElem)) {\n          //     const usexlate = svgroot.createSVGTransform();\n          //     usexlate.setTranslate(-tx,-ty);\n          //     getTransformList(useElem).insertItemBefore(usexlate,0);\n          //     batchCmd.addSubCommand( recalculateDimensions(useElem) );\n          //   }\n          // }\n          context_.setStartTransform(oldStartTransform);\n        } // element\n      } // for each child\n      // Remove these transforms from group\n      tlist.removeItem(N - 1);\n      tlist.removeItem(N - 2);\n      tlist.removeItem(N - 3);\n    } else if (N >= 3 && tlist.getItem(N - 1).type === 1) {\n      operation = 3; // scale\n      m = transformListToTransform(tlist).matrix;\n      const e2t = svgroot.createSVGTransform();\n      e2t.setMatrix(m);\n      tlist.clear();\n      tlist.appendItem(e2t);\n    // next, check if the first transform was a translate\n    // if we had [ T1 ] [ M ] we want to transform this into [ M ] [ T2 ]\n    // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ]\n    } else if ((N === 1 || (N > 1 && tlist.getItem(1).type !== 3)) &&\n      tlist.getItem(0).type === 2) {\n      operation = 2; // translate\n      const T_M = transformListToTransform(tlist).matrix;\n      tlist.removeItem(0);\n      const mInv = transformListToTransform(tlist).matrix.inverse();\n      const M2 = matrixMultiply(mInv, T_M);\n\n      tx = M2.e;\n      ty = M2.f;\n\n      if (tx !== 0 || ty !== 0) {\n        // we pass the translates down to the individual children\n        const children = selected.childNodes;\n        let c = children.length;\n\n        let clipPathsDone = [];\n\n        while (c--) {\n          const child = children.item(c);\n          if (child.nodeType === 1) {\n            // Check if child has clip-path\n            if (child.getAttribute('clip-path')) {\n              // tx, ty\n              const attr = child.getAttribute('clip-path');\n              if (!clipPathsDone.includes(attr)) {\n                updateClipPath(attr, tx, ty);\n                clipPathsDone.push(attr);\n              }\n            }\n\n            oldStartTransform = context_.getStartTransform();\n            context_.setStartTransform(child.getAttribute('transform'));\n\n            const childTlist = getTransformList(child);\n            // some children might not have a transform (<metadata>, <defs>, etc)\n            if (childTlist) {\n              const newxlate = svgroot.createSVGTransform();\n              newxlate.setTranslate(tx, ty);\n              if (childTlist.numberOfItems) {\n                childTlist.insertItemBefore(newxlate, 0);\n              } else {\n                childTlist.appendItem(newxlate);\n              }\n              batchCmd.addSubCommand(recalculateDimensions(child));\n              // If any <use> have this group as a parent and are\n              // referencing this child, then impose a reverse translate on it\n              // so that when it won't get double-translated\n              const uses = selected.getElementsByTagNameNS(NS.SVG, 'use');\n              const href = '#' + child.id;\n              let u = uses.length;\n              while (u--) {\n                const useElem = uses.item(u);\n                if (href === getHref(useElem)) {\n                  const usexlate = svgroot.createSVGTransform();\n                  usexlate.setTranslate(-tx, -ty);\n                  getTransformList(useElem).insertItemBefore(usexlate, 0);\n                  batchCmd.addSubCommand(recalculateDimensions(useElem));\n                }\n              }\n              context_.setStartTransform(oldStartTransform);\n            }\n          }\n        }\n\n        clipPathsDone = [];\n        context_.setStartTransform(oldStartTransform);\n      }\n    // else, a matrix imposition from a parent group\n    // keep pushing it down to the children\n    } else if (N === 1 && tlist.getItem(0).type === 1 && !gangle) {\n      operation = 1;\n      const m = tlist.getItem(0).matrix,\n        children = selected.childNodes;\n      let c = children.length;\n      while (c--) {\n        const child = children.item(c);\n        if (child.nodeType === 1) {\n          oldStartTransform = context_.getStartTransform();\n          context_.setStartTransform(child.getAttribute('transform'));\n          const childTlist = getTransformList(child);\n\n          if (!childTlist) { continue; }\n\n          const em = matrixMultiply(m, transformListToTransform(childTlist).matrix);\n          const e2m = svgroot.createSVGTransform();\n          e2m.setMatrix(em);\n          childTlist.clear();\n          childTlist.appendItem(e2m, 0);\n\n          batchCmd.addSubCommand(recalculateDimensions(child));\n          context_.setStartTransform(oldStartTransform);\n\n          // Convert stroke\n          // TODO: Find out if this should actually happen somewhere else\n          const sw = child.getAttribute('stroke-width');\n          if (child.getAttribute('stroke') !== 'none' && !isNaN(sw)) {\n            const avg = (Math.abs(em.a) + Math.abs(em.d)) / 2;\n            child.setAttribute('stroke-width', sw * avg);\n          }\n        }\n      }\n      tlist.clear();\n    // else it was just a rotate\n    } else {\n      if (gangle) {\n        const newRot = svgroot.createSVGTransform();\n        newRot.setRotate(gangle, newcenter.x, newcenter.y);\n        if (tlist.numberOfItems) {\n          tlist.insertItemBefore(newRot, 0);\n        } else {\n          tlist.appendItem(newRot);\n        }\n      }\n      if (tlist.numberOfItems === 0) {\n        selected.removeAttribute('transform');\n      }\n      return null;\n    }\n\n    // if it was a translate, put back the rotate at the new center\n    if (operation === 2) {\n      if (gangle) {\n        newcenter = {\n          x: oldcenter.x + firstM.e,\n          y: oldcenter.y + firstM.f\n        };\n\n        const newRot = svgroot.createSVGTransform();\n        newRot.setRotate(gangle, newcenter.x, newcenter.y);\n        if (tlist.numberOfItems) {\n          tlist.insertItemBefore(newRot, 0);\n        } else {\n          tlist.appendItem(newRot);\n        }\n      }\n    // if it was a resize\n    } else if (operation === 3) {\n      const m = transformListToTransform(tlist).matrix;\n      const roldt = svgroot.createSVGTransform();\n      roldt.setRotate(gangle, oldcenter.x, oldcenter.y);\n      const rold = roldt.matrix;\n      const rnew = svgroot.createSVGTransform();\n      rnew.setRotate(gangle, newcenter.x, newcenter.y);\n      const rnewInv = rnew.matrix.inverse(),\n        mInv = m.inverse(),\n        extrat = matrixMultiply(mInv, rnewInv, rold, m);\n\n      tx = extrat.e;\n      ty = extrat.f;\n\n      if (tx !== 0 || ty !== 0) {\n        // now push this transform down to the children\n        // we pass the translates down to the individual children\n        const children = selected.childNodes;\n        let c = children.length;\n        while (c--) {\n          const child = children.item(c);\n          if (child.nodeType === 1) {\n            oldStartTransform = context_.getStartTransform();\n            context_.setStartTransform(child.getAttribute('transform'));\n            const childTlist = getTransformList(child);\n            const newxlate = svgroot.createSVGTransform();\n            newxlate.setTranslate(tx, ty);\n            if (childTlist.numberOfItems) {\n              childTlist.insertItemBefore(newxlate, 0);\n            } else {\n              childTlist.appendItem(newxlate);\n            }\n\n            batchCmd.addSubCommand(recalculateDimensions(child));\n            context_.setStartTransform(oldStartTransform);\n          }\n        }\n      }\n\n      if (gangle) {\n        if (tlist.numberOfItems) {\n          tlist.insertItemBefore(rnew, 0);\n        } else {\n          tlist.appendItem(rnew);\n        }\n      }\n    }\n  // else, it's a non-group\n  } else {\n    // FIXME: box might be null for some elements (<metadata> etc), need to handle this\n    const box = getBBox(selected);\n\n    // Paths (and possbly other shapes) will have no BBox while still in <defs>,\n    // but we still may need to recalculate them (see issue 595).\n    // TODO: Figure out how to get BBox from these elements in case they\n    // have a rotation transform\n\n    if (!box && selected.tagName !== 'path') return null;\n\n    let m = svgroot.createSVGMatrix();\n    // temporarily strip off the rotate and save the old center\n    const angle = getRotationAngle(selected);\n    if (angle) {\n      oldcenter = {x: box.x + box.width / 2, y: box.y + box.height / 2};\n      newcenter = transformPoint(\n        box.x + box.width / 2,\n        box.y + box.height / 2,\n        transformListToTransform(tlist).matrix\n      );\n\n      const a = angle * Math.PI / 180;\n      const s = (Math.abs(a) > (1.0e-10))\n        ? Math.sin(a) / (1 - Math.cos(a))\n        // FIXME: This blows up if the angle is exactly 0!\n        : 2 / a;\n\n      for (let i = 0; i < tlist.numberOfItems; ++i) {\n        const xform = tlist.getItem(i);\n        if (xform.type === 4) {\n          // extract old center through mystical arts\n          const rm = xform.matrix;\n          oldcenter.y = (s * rm.e + rm.f) / 2;\n          oldcenter.x = (rm.e - s * rm.f) / 2;\n          tlist.removeItem(i);\n          break;\n        }\n      }\n    }\n\n    // 2 = translate, 3 = scale, 4 = rotate, 1 = matrix imposition\n    let operation = 0;\n    const N = tlist.numberOfItems;\n\n    // Check if it has a gradient with userSpaceOnUse, in which case\n    // adjust it by recalculating the matrix transform.\n    // TODO: Make this work in Webkit using transformlist.SVGTransformList\n    if (!isWebkit()) {\n      const fill = selected.getAttribute('fill');\n      if (fill && fill.startsWith('url(')) {\n        const paint = getRefElem(fill);\n        let type = 'pattern';\n        if (paint.tagName !== type) type = 'gradient';\n        const attrVal = paint.getAttribute(type + 'Units');\n        if (attrVal === 'userSpaceOnUse') {\n          // Update the userSpaceOnUse element\n          m = transformListToTransform(tlist).matrix;\n          const gtlist = getTransformList(paint);\n          const gmatrix = transformListToTransform(gtlist).matrix;\n          m = matrixMultiply(m, gmatrix);\n          const mStr = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')';\n          paint.setAttribute(type + 'Transform', mStr);\n        }\n      }\n    }\n\n    // first, if it was a scale of a non-skewed element, then the second-last\n    // transform will be the [S]\n    // if we had [M][T][S][T] we want to extract the matrix equivalent of\n    // [T][S][T] and push it down to the element\n    if (N >= 3 && tlist.getItem(N - 2).type === 3 &&\n      tlist.getItem(N - 3).type === 2 && tlist.getItem(N - 1).type === 2) {\n      // Removed this so a <use> with a given [T][S][T] would convert to a matrix.\n      // Is that bad?\n      //  && selected.nodeName != 'use'\n      operation = 3; // scale\n      m = transformListToTransform(tlist, N - 3, N - 1).matrix;\n      tlist.removeItem(N - 1);\n      tlist.removeItem(N - 2);\n      tlist.removeItem(N - 3);\n    // if we had [T][S][-T][M], then this was a skewed element being resized\n    // Thus, we simply combine it all into one matrix\n    } else if (N === 4 && tlist.getItem(N - 1).type === 1) {\n      operation = 3; // scale\n      m = transformListToTransform(tlist).matrix;\n      const e2t = svgroot.createSVGTransform();\n      e2t.setMatrix(m);\n      tlist.clear();\n      tlist.appendItem(e2t);\n      // reset the matrix so that the element is not re-mapped\n      m = svgroot.createSVGMatrix();\n    // if we had [R][T][S][-T][M], then this was a rotated matrix-element\n    // if we had [T1][M] we want to transform this into [M][T2]\n    // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ] and we can push [T2]\n    // down to the element\n    } else if ((N === 1 || (N > 1 && tlist.getItem(1).type !== 3)) &&\n      tlist.getItem(0).type === 2) {\n      operation = 2; // translate\n      const oldxlate = tlist.getItem(0).matrix,\n        meq = transformListToTransform(tlist, 1).matrix,\n        meqInv = meq.inverse();\n      m = matrixMultiply(meqInv, oldxlate, meq);\n      tlist.removeItem(0);\n    // else if this child now has a matrix imposition (from a parent group)\n    // we might be able to simplify\n    } else if (N === 1 && tlist.getItem(0).type === 1 && !angle) {\n      // Remap all point-based elements\n      m = transformListToTransform(tlist).matrix;\n      switch (selected.tagName) {\n      case 'line':\n        changes = $(selected).attr(['x1', 'y1', 'x2', 'y2']);\n        // Fallthrough\n      case 'polyline':\n      case 'polygon':\n        changes.points = selected.getAttribute('points');\n        if (changes.points) {\n          const list = selected.points;\n          const len = list.numberOfItems;\n          changes.points = new Array(len);\n          for (let i = 0; i < len; ++i) {\n            const pt = list.getItem(i);\n            changes.points[i] = {x: pt.x, y: pt.y};\n          }\n        }\n        // Fallthrough\n      case 'path':\n        changes.d = selected.getAttribute('d');\n        operation = 1;\n        tlist.clear();\n        break;\n      default:\n        break;\n      }\n    // if it was a rotation, put the rotate back and return without a command\n    // (this function has zero work to do for a rotate())\n    } else {\n      operation = 4; // rotation\n      if (angle) {\n        const newRot = svgroot.createSVGTransform();\n        newRot.setRotate(angle, newcenter.x, newcenter.y);\n\n        if (tlist.numberOfItems) {\n          tlist.insertItemBefore(newRot, 0);\n        } else {\n          tlist.appendItem(newRot);\n        }\n      }\n      if (tlist.numberOfItems === 0) {\n        selected.removeAttribute('transform');\n      }\n      return null;\n    }\n\n    // if it was a translate or resize, we need to remap the element and absorb the xform\n    if (operation === 1 || operation === 2 || operation === 3) {\n      remapElement(selected, changes, m);\n    } // if we are remapping\n\n    // if it was a translate, put back the rotate at the new center\n    if (operation === 2) {\n      if (angle) {\n        if (!hasMatrixTransform(tlist)) {\n          newcenter = {\n            x: oldcenter.x + m.e,\n            y: oldcenter.y + m.f\n          };\n        }\n        const newRot = svgroot.createSVGTransform();\n        newRot.setRotate(angle, newcenter.x, newcenter.y);\n        if (tlist.numberOfItems) {\n          tlist.insertItemBefore(newRot, 0);\n        } else {\n          tlist.appendItem(newRot);\n        }\n      }\n      // We have special processing for tspans:  Tspans are not transformable\n      // but they can have x,y coordinates (sigh).  Thus, if this was a translate,\n      // on a text element, also translate any tspan children.\n      if (selected.tagName === 'text') {\n        const children = selected.childNodes;\n        let c = children.length;\n        while (c--) {\n          const child = children.item(c);\n          if (child.tagName === 'tspan') {\n            const tspanChanges = {\n              x: $(child).attr('x') || 0,\n              y: $(child).attr('y') || 0\n            };\n            remapElement(child, tspanChanges, m);\n          }\n        }\n      }\n    // [Rold][M][T][S][-T] became [Rold][M]\n    // we want it to be [Rnew][M][Tr] where Tr is the\n    // translation required to re-center it\n    // Therefore, [Tr] = [M_inv][Rnew_inv][Rold][M]\n    } else if (operation === 3 && angle) {\n      const m = transformListToTransform(tlist).matrix;\n      const roldt = svgroot.createSVGTransform();\n      roldt.setRotate(angle, oldcenter.x, oldcenter.y);\n      const rold = roldt.matrix;\n      const rnew = svgroot.createSVGTransform();\n      rnew.setRotate(angle, newcenter.x, newcenter.y);\n      const rnewInv = rnew.matrix.inverse();\n      const mInv = m.inverse();\n      const extrat = matrixMultiply(mInv, rnewInv, rold, m);\n\n      remapElement(selected, changes, extrat);\n      if (angle) {\n        if (tlist.numberOfItems) {\n          tlist.insertItemBefore(rnew, 0);\n        } else {\n          tlist.appendItem(rnew);\n        }\n      }\n    }\n  } // a non-group\n\n  // if the transform list has been emptied, remove it\n  if (tlist.numberOfItems === 0) {\n    selected.removeAttribute('transform');\n  }\n\n  batchCmd.addSubCommand(new ChangeElementCommand(selected, initial));\n\n  return batchCmd;\n};\n","/* globals jQuery */\n/**\n * DOM element selection box tools\n * @module select\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller\n */\n\nimport {isTouch, isWebkit} from './browser.js'; // , isOpera\nimport {getRotationAngle, getBBox, getStrokedBBox} from './utilities.js';\nimport {transformListToTransform, transformBox, transformPoint} from './math.js';\nimport {getTransformList} from './svgtransformlist.js';\n\nconst $ = jQuery;\n\nlet svgFactory_;\nlet config_;\nlet selectorManager_; // A Singleton\nconst gripRadius = isTouch() ? 10 : 4;\n\n/**\n* Private class for DOM element selection boxes\n*/\nexport class Selector {\n  /**\n  * @param {Integer} id - Internally identify the selector\n  * @param {Element} elem - DOM element associated with this selector\n  * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for initialization (prevents duplicate `getBBox` call).\n  */\n  constructor (id, elem, bbox) {\n    // this is the selector's unique number\n    this.id = id;\n\n    // this holds a reference to the element for which this selector is being used\n    this.selectedElement = elem;\n\n    // this is a flag used internally to track whether the selector is being used or not\n    this.locked = true;\n\n    // this holds a reference to the <g> element that holds all visual elements of the selector\n    this.selectorGroup = svgFactory_.createSVGElement({\n      element: 'g',\n      attr: {id: ('selectorGroup' + this.id)}\n    });\n\n    // this holds a reference to the path rect\n    this.selectorRect = this.selectorGroup.appendChild(\n      svgFactory_.createSVGElement({\n        element: 'path',\n        attr: {\n          id: ('selectedBox' + this.id),\n          fill: 'none',\n          stroke: '#22C',\n          'stroke-width': '1',\n          'stroke-dasharray': '5,5',\n          // need to specify this so that the rect is not selectable\n          style: 'pointer-events:none'\n        }\n      })\n    );\n\n    // this holds a reference to the grip coordinates for this selector\n    this.gripCoords = {\n      nw: null,\n      n: null,\n      ne: null,\n      e: null,\n      se: null,\n      s: null,\n      sw: null,\n      w: null\n    };\n\n    this.reset(this.selectedElement, bbox);\n  }\n\n  /**\n  * Used to reset the id and element that the selector is attached to\n  * @param {Element} e - DOM element associated with this selector\n  * @param {module:utilities.BBoxObject} bbox - Optional bbox to use for reset (prevents duplicate getBBox call).\n  */\n  reset (e, bbox) {\n    this.locked = true;\n    this.selectedElement = e;\n    this.resize(bbox);\n    this.selectorGroup.setAttribute('display', 'inline');\n  }\n\n  /**\n  * Updates cursors for corner grips on rotation so arrows point the right way\n  * @param {Float} angle - Current rotation angle in degrees\n  */\n  updateGripCursors (angle) {\n    let dir;\n    const dirArr = [];\n    let steps = Math.round(angle / 45);\n    if (steps < 0) { steps += 8; }\n    for (dir in selectorManager_.selectorGrips) {\n      dirArr.push(dir);\n    }\n    while (steps > 0) {\n      dirArr.push(dirArr.shift());\n      steps--;\n    }\n    let i = 0;\n    for (dir in selectorManager_.selectorGrips) {\n      selectorManager_.selectorGrips[dir].setAttribute('style', ('cursor:' + dirArr[i] + '-resize'));\n      i++;\n    }\n  }\n\n  /**\n  * Show the resize grips of this selector\n  *\n  * @param {boolean} show - Indicates whether grips should be shown or not\n  */\n  showGrips (show) {\n    const bShow = show ? 'inline' : 'none';\n    selectorManager_.selectorGripsGroup.setAttribute('display', bShow);\n    const elem = this.selectedElement;\n    this.hasGrips = show;\n    if (elem && show) {\n      this.selectorGroup.append(selectorManager_.selectorGripsGroup);\n      this.updateGripCursors(getRotationAngle(elem));\n    }\n  }\n\n  /**\n  * Updates the selector to match the element's size\n  * @param {module:utilities.BBoxObject} [bbox] - BBox to use for resize (prevents duplicate getBBox call).\n  */\n  resize (bbox) {\n    const selectedBox = this.selectorRect,\n      mgr = selectorManager_,\n      selectedGrips = mgr.selectorGrips,\n      selected = this.selectedElement,\n      sw = selected.getAttribute('stroke-width'),\n      currentZoom = svgFactory_.getCurrentZoom();\n    let offset = 1 / currentZoom;\n    if (selected.getAttribute('stroke') !== 'none' && !isNaN(sw)) {\n      offset += (sw / 2);\n    }\n\n    const {tagName} = selected;\n    if (tagName === 'text') {\n      offset += 2 / currentZoom;\n    }\n\n    // loop and transform our bounding box until we reach our first rotation\n    const tlist = getTransformList(selected);\n    const m = transformListToTransform(tlist).matrix;\n\n    // This should probably be handled somewhere else, but for now\n    // it keeps the selection box correctly positioned when zoomed\n    m.e *= currentZoom;\n    m.f *= currentZoom;\n\n    if (!bbox) {\n      bbox = getBBox(selected);\n    }\n    // TODO: getBBox (previous line) already knows to call getStrokedBBox when tagName === 'g'. Remove this?\n    // TODO: getBBox doesn't exclude 'gsvg' and calls getStrokedBBox for any 'g'. Should getBBox be updated?\n    if (tagName === 'g' && !$.data(selected, 'gsvg')) {\n      // The bbox for a group does not include stroke vals, so we\n      // get the bbox based on its children.\n      const strokedBbox = getStrokedBBox([selected.childNodes]);\n      if (strokedBbox) {\n        bbox = strokedBbox;\n      }\n    }\n\n    // apply the transforms\n    const l = bbox.x, t = bbox.y, w = bbox.width, h = bbox.height;\n    bbox = {x: l, y: t, width: w, height: h};\n\n    // we need to handle temporary transforms too\n    // if skewed, get its transformed box, then find its axis-aligned bbox\n\n    // *\n    offset *= currentZoom;\n\n    const nbox = transformBox(l * currentZoom, t * currentZoom, w * currentZoom, h * currentZoom, m),\n      {aabox} = nbox;\n    let nbax = aabox.x - offset,\n      nbay = aabox.y - offset,\n      nbaw = aabox.width + (offset * 2),\n      nbah = aabox.height + (offset * 2);\n\n    // now if the shape is rotated, un-rotate it\n    const cx = nbax + nbaw / 2,\n      cy = nbay + nbah / 2;\n\n    const angle = getRotationAngle(selected);\n    if (angle) {\n      const rot = svgFactory_.svgRoot().createSVGTransform();\n      rot.setRotate(-angle, cx, cy);\n      const rotm = rot.matrix;\n      nbox.tl = transformPoint(nbox.tl.x, nbox.tl.y, rotm);\n      nbox.tr = transformPoint(nbox.tr.x, nbox.tr.y, rotm);\n      nbox.bl = transformPoint(nbox.bl.x, nbox.bl.y, rotm);\n      nbox.br = transformPoint(nbox.br.x, nbox.br.y, rotm);\n\n      // calculate the axis-aligned bbox\n      const {tl} = nbox;\n      let minx = tl.x,\n        miny = tl.y,\n        maxx = tl.x,\n        maxy = tl.y;\n\n      const {min, max} = Math;\n\n      minx = min(minx, min(nbox.tr.x, min(nbox.bl.x, nbox.br.x))) - offset;\n      miny = min(miny, min(nbox.tr.y, min(nbox.bl.y, nbox.br.y))) - offset;\n      maxx = max(maxx, max(nbox.tr.x, max(nbox.bl.x, nbox.br.x))) + offset;\n      maxy = max(maxy, max(nbox.tr.y, max(nbox.bl.y, nbox.br.y))) + offset;\n\n      nbax = minx;\n      nbay = miny;\n      nbaw = (maxx - minx);\n      nbah = (maxy - miny);\n    }\n\n    const dstr = 'M' + nbax + ',' + nbay +\n      ' L' + (nbax + nbaw) + ',' + nbay +\n      ' ' + (nbax + nbaw) + ',' + (nbay + nbah) +\n      ' ' + nbax + ',' + (nbay + nbah) + 'z';\n    selectedBox.setAttribute('d', dstr);\n\n    const xform = angle ? 'rotate(' + [angle, cx, cy].join(',') + ')' : '';\n    this.selectorGroup.setAttribute('transform', xform);\n\n    // TODO(codedread): Is this needed?\n    //  if (selected === selectedElements[0]) {\n    this.gripCoords = {\n      nw: [nbax, nbay],\n      ne: [nbax + nbaw, nbay],\n      sw: [nbax, nbay + nbah],\n      se: [nbax + nbaw, nbay + nbah],\n      n: [nbax + (nbaw) / 2, nbay],\n      w: [nbax, nbay + (nbah) / 2],\n      e: [nbax + nbaw, nbay + (nbah) / 2],\n      s: [nbax + (nbaw) / 2, nbay + nbah]\n    };\n    for (const dir in this.gripCoords) {\n      const coords = this.gripCoords[dir];\n      selectedGrips[dir].setAttribute('cx', coords[0]);\n      selectedGrips[dir].setAttribute('cy', coords[1]);\n    }\n\n    // we want to go 20 pixels in the negative transformed y direction, ignoring scale\n    mgr.rotateGripConnector.setAttribute('x1', nbax + (nbaw) / 2);\n    mgr.rotateGripConnector.setAttribute('y1', nbay);\n    mgr.rotateGripConnector.setAttribute('x2', nbax + (nbaw) / 2);\n    mgr.rotateGripConnector.setAttribute('y2', nbay - (gripRadius * 5));\n\n    mgr.rotateGrip.setAttribute('cx', nbax + (nbaw) / 2);\n    mgr.rotateGrip.setAttribute('cy', nbay - (gripRadius * 5));\n    // }\n  }\n}\n\n/**\n* Manage all selector objects (selection boxes)\n*/\nexport class SelectorManager {\n  constructor () {\n    // this will hold the <g> element that contains all selector rects/grips\n    this.selectorParentGroup = null;\n\n    // this is a special rect that is used for multi-select\n    this.rubberBandBox = null;\n\n    // this will hold objects of type Selector (see above)\n    this.selectors = [];\n\n    // this holds a map of SVG elements to their Selector object\n    this.selectorMap = {};\n\n    // this holds a reference to the grip elements\n    this.selectorGrips = {\n      nw: null,\n      n: null,\n      ne: null,\n      e: null,\n      se: null,\n      s: null,\n      sw: null,\n      w: null\n    };\n\n    this.selectorGripsGroup = null;\n    this.rotateGripConnector = null;\n    this.rotateGrip = null;\n\n    this.initGroup();\n  }\n\n  /**\n  * Resets the parent selector group element\n  */\n  initGroup () {\n    // remove old selector parent group if it existed\n    if (this.selectorParentGroup && this.selectorParentGroup.parentNode) {\n      this.selectorParentGroup.remove();\n    }\n\n    // create parent selector group and add it to svgroot\n    this.selectorParentGroup = svgFactory_.createSVGElement({\n      element: 'g',\n      attr: {id: 'selectorParentGroup'}\n    });\n    this.selectorGripsGroup = svgFactory_.createSVGElement({\n      element: 'g',\n      attr: {display: 'none'}\n    });\n    this.selectorParentGroup.append(this.selectorGripsGroup);\n    svgFactory_.svgRoot().append(this.selectorParentGroup);\n\n    this.selectorMap = {};\n    this.selectors = [];\n    this.rubberBandBox = null;\n\n    // add the corner grips\n    for (const dir in this.selectorGrips) {\n      const grip = svgFactory_.createSVGElement({\n        element: 'circle',\n        attr: {\n          id: ('selectorGrip_resize_' + dir),\n          fill: '#22C',\n          r: gripRadius,\n          style: ('cursor:' + dir + '-resize'),\n          // This expands the mouse-able area of the grips making them\n          // easier to grab with the mouse.\n          // This works in Opera and WebKit, but does not work in Firefox\n          // see https://bugzilla.mozilla.org/show_bug.cgi?id=500174\n          'stroke-width': 2,\n          'pointer-events': 'all'\n        }\n      });\n\n      $.data(grip, 'dir', dir);\n      $.data(grip, 'type', 'resize');\n      this.selectorGrips[dir] = this.selectorGripsGroup.appendChild(grip);\n    }\n\n    // add rotator elems\n    this.rotateGripConnector = this.selectorGripsGroup.appendChild(\n      svgFactory_.createSVGElement({\n        element: 'line',\n        attr: {\n          id: ('selectorGrip_rotateconnector'),\n          stroke: '#22C',\n          'stroke-width': '1'\n        }\n      })\n    );\n\n    this.rotateGrip = this.selectorGripsGroup.appendChild(\n      svgFactory_.createSVGElement({\n        element: 'circle',\n        attr: {\n          id: 'selectorGrip_rotate',\n          fill: 'lime',\n          r: gripRadius,\n          stroke: '#22C',\n          'stroke-width': 2,\n          style: 'cursor:url(' + config_.imgPath + 'rotate.png) 12 12, auto;'\n        }\n      })\n    );\n    $.data(this.rotateGrip, 'type', 'rotate');\n\n    if ($('#canvasBackground').length) { return; }\n\n    const [width, height] = config_.dimensions;\n    const canvasbg = svgFactory_.createSVGElement({\n      element: 'svg',\n      attr: {\n        id: 'canvasBackground',\n        width,\n        height,\n        x: 0,\n        y: 0,\n        overflow: (isWebkit() ? 'none' : 'visible'), // Chrome 7 has a problem with this when zooming out\n        style: 'pointer-events:none'\n      }\n    });\n\n    const rect = svgFactory_.createSVGElement({\n      element: 'rect',\n      attr: {\n        width: '100%',\n        height: '100%',\n        x: 0,\n        y: 0,\n        'stroke-width': 1,\n        stroke: '#000',\n        fill: '#FFF',\n        style: 'pointer-events:none'\n      }\n    });\n\n    // Both Firefox and WebKit are too slow with this filter region (especially at higher\n    // zoom levels) and Opera has at least one bug\n    // if (!isOpera()) rect.setAttribute('filter', 'url(#canvashadow)');\n    canvasbg.append(rect);\n    svgFactory_.svgRoot().insertBefore(canvasbg, svgFactory_.svgContent());\n    // Ok to replace above with `svgFactory_.svgContent().before(canvasbg);`?\n  }\n\n  /**\n  *\n  * @param {Element} elem - DOM element to get the selector for\n  * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for reset (prevents duplicate getBBox call).\n  * @returns {Selector} The selector based on the given element\n  */\n  requestSelector (elem, bbox) {\n    if (elem == null) { return null; }\n\n    const N = this.selectors.length;\n    // If we've already acquired one for this element, return it.\n    if (typeof this.selectorMap[elem.id] === 'object') {\n      this.selectorMap[elem.id].locked = true;\n      return this.selectorMap[elem.id];\n    }\n    for (let i = 0; i < N; ++i) {\n      if (this.selectors[i] && !this.selectors[i].locked) {\n        this.selectors[i].locked = true;\n        this.selectors[i].reset(elem, bbox);\n        this.selectorMap[elem.id] = this.selectors[i];\n        return this.selectors[i];\n      }\n    }\n    // if we reached here, no available selectors were found, we create one\n    this.selectors[N] = new Selector(N, elem, bbox);\n    this.selectorParentGroup.append(this.selectors[N].selectorGroup);\n    this.selectorMap[elem.id] = this.selectors[N];\n    return this.selectors[N];\n  }\n\n  /**\n  * Removes the selector of the given element (hides selection box)\n  *\n  * @param {Element} elem - DOM element to remove the selector for\n  */\n  releaseSelector (elem) {\n    if (elem == null) { return; }\n    const N = this.selectors.length,\n      sel = this.selectorMap[elem.id];\n    if (!sel.locked) {\n      // TODO(codedread): Ensure this exists in this module.\n      console.log('WARNING! selector was released but was already unlocked');\n    }\n    for (let i = 0; i < N; ++i) {\n      if (this.selectors[i] && this.selectors[i] === sel) {\n        delete this.selectorMap[elem.id];\n        sel.locked = false;\n        sel.selectedElement = null;\n        sel.showGrips(false);\n\n        // remove from DOM and store reference in JS but only if it exists in the DOM\n        try {\n          sel.selectorGroup.setAttribute('display', 'none');\n        } catch (e) {}\n\n        break;\n      }\n    }\n  }\n\n  /**\n  * @returns {SVGRectElement} The rubberBandBox DOM element. This is the rectangle drawn by\n  * the user for selecting/zooming\n  */\n  getRubberBandBox () {\n    if (!this.rubberBandBox) {\n      this.rubberBandBox = this.selectorParentGroup.appendChild(\n        svgFactory_.createSVGElement({\n          element: 'rect',\n          attr: {\n            id: 'selectorRubberBand',\n            fill: '#22C',\n            'fill-opacity': 0.15,\n            stroke: '#22C',\n            'stroke-width': 0.5,\n            display: 'none',\n            style: 'pointer-events:none'\n          }\n        })\n      );\n    }\n    return this.rubberBandBox;\n  }\n}\n\n/**\n * An object that creates SVG elements for the canvas.\n *\n * @interface module:select.SVGFactory\n */\n/**\n * @function module:select.SVGFactory#createSVGElement\n * @param {module:utilities.EditorContext#addSVGElementFromJson} jsonMap\n * @returns {SVGElement}\n */\n/**\n * @function module:select.SVGFactory#svgRoot\n * @returns {SVGSVGElement}\n */\n/**\n * @function module:select.SVGFactory#svgContent\n * @returns {SVGSVGElement}\n */\n/**\n * @function module:select.SVGFactory#getCurrentZoom\n * @returns {Float}\n */\n\n/**\n * @typedef {GenericArray} module:select.Dimensions\n * @property {Integer} length 2\n * @property {Float} 0 Width\n * @property {Float} 1 Height\n */\n/**\n * @typedef {PlainObject} module:select.Config\n * @property {string} imgPath\n * @property {module:select.Dimensions} dimensions\n */\n\n/**\n * Initializes this module.\n * @function module:select.init\n * @param {module:select.Config} config - An object containing configurable parameters (imgPath)\n * @param {module:select.SVGFactory} svgFactory - An object implementing the SVGFactory interface.\n * @returns {undefined}\n */\nexport const init = function (config, svgFactory) {\n  config_ = config;\n  svgFactory_ = svgFactory;\n  selectorManager_ = new SelectorManager();\n};\n\n/**\n * @function module:select.getSelectorManager\n * @returns {module:select.SelectorManager} The SelectorManager instance.\n */\nexport const getSelectorManager = () => selectorManager_;\n","/* eslint-disable indent */\n/* globals jQuery, jsPDF */\n/**\n * Numerous tools for working with the editor's \"canvas\"\n * @module svgcanvas\n *\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Pavol Rusnak, 2010 Jeff Schiller\n *\n */\n\n/* Dependencies:\n1. Also expects jQuery UI for `svgCanvasToString` and\n`convertToGroup` use of `:data()` selector\n*/\n\n// Todo: Obtain/adapt latest jsPDF to utilize ES Module for `jsPDF`/avoid global\n\nimport './svgpathseg.js';\nimport jqPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`\n\nimport * as draw from './draw.js';\nimport * as pathModule from './path.js';\nimport {sanitizeSvg} from './sanitize.js';\nimport {getReverseNS, NS} from './namespaces.js';\nimport {importSetGlobal, importScript} from './external/dynamic-import-polyfill/importModule.js';\nimport {\n  text2xml, assignAttributes, cleanupElement, getElem, getUrlFromAttr,\n  findDefs, getHref, setHref, getRefElem, getRotationAngle, getPathBBox,\n  preventClickDefault, snapToGrid, walkTree, walkTreePost,\n  getBBoxOfElementAsPath, convertToPath, toXml, encode64, decode64,\n  dataURLToObjectURL, createObjectURL,\n  getVisibleElements,\n  init as utilsInit, getBBox as utilsGetBBox, getStrokedBBoxDefaultVisible\n} from './utilities.js';\nimport * as history from './history.js';\nimport {\n  transformPoint, matrixMultiply, hasMatrixTransform, transformListToTransform,\n  getMatrix, snapToAngle, isIdentity, rectsIntersect, transformBox\n} from './math.js';\nimport {\n  convertToNum, convertAttrs, convertUnit, shortFloat, getTypeMap,\n  init as unitsInit\n} from './units.js';\nimport {\n  isGecko, isChrome, isIE, isWebkit, supportsNonScalingStroke, supportsGoodTextCharPos\n} from './browser.js'; // , supportsEditableText\nimport {\n  getTransformList, resetListMap,\n  SVGTransformList as SVGEditTransformList\n} from './svgtransformlist.js';\nimport {\n  remapElement,\n  init as coordsInit\n} from './coords.js';\nimport {\n  recalculateDimensions,\n  init as recalculateInit\n} from './recalculate.js';\nimport {\n  getSelectorManager,\n  init as selectInit\n} from './select.js';\n\nconst $ = jqPluginSVG(jQuery);\nconst {\n  MoveElementCommand, InsertElementCommand, RemoveElementCommand,\n  ChangeElementCommand, BatchCommand, UndoManager, HistoryEventTypes\n} = history;\n\nif (!window.console) {\n  window.console = {};\n  window.console.log = function (str) {};\n  window.console.dir = function (str) {};\n}\n\nif (window.opera) {\n  window.console.log = function (str) { opera.postError(str); };\n  window.console.dir = function (str) {};\n}\n\n/**\n* The main SvgCanvas class that manages all SVG-related functions\n* @memberof module:svgcanvas\n*\n* @borrows module:coords.remapElement as #remapElement\n* @borrows module:recalculate.recalculateDimensions as #recalculateDimensions\n*\n* @borrows module:utilities.cleanupElement as #cleanupElement\n* @borrows module:utilities.getStrokedBBoxDefaultVisible as #getStrokedBBox\n* @borrows module:utilities.getVisibleElements as #getVisibleElements\n* @borrows module:utilities.findDefs as #findDefs\n* @borrows module:utilities.getUrlFromAttr as #getUrlFromAttr\n* @borrows module:utilities.getHref as #getHref\n* @borrows module:utilities.setHref as #setHref\n* @borrows module:utilities.getRotationAngle as #getRotationAngle\n* @borrows module:utilities.getBBox as #getBBox\n* @borrows module:utilities.getElem as #getElem\n* @borrows module:utilities.getRefElem as #getRefElem\n* @borrows module:utilities.assignAttributes as #assignAttributes\n*\n* @borrows module:SVGTransformList.getTransformList as #getTransformList\n* @borrows module:math.matrixMultiply as #matrixMultiply\n* @borrows module:math.hasMatrixTransform as #hasMatrixTransform\n* @borrows module:math.transformListToTransform as #transformListToTransform\n* @borrows module:units.convertToNum as #convertToNum\n* @borrows module:sanitize.sanitizeSvg as #sanitizeSvg\n* @borrows module:path.pathActions.linkControlPoints as #linkControlPoints\n*/\nclass SvgCanvas {\n  /**\n  * @param {HTMLElement} container - The container HTML element that should hold the SVG root element\n  * @param {module:SVGEditor.curConfig} config - An object that contains configuration data\n  */\n  constructor (container, config) {\n// Alias Namespace constants\n\n// Default configuration options\nconst curConfig = {\n  show_outside_canvas: true,\n  selectNew: true,\n  dimensions: [640, 480]\n};\n\n// Update config with new one if given\nif (config) {\n  $.extend(curConfig, config);\n}\n\n// Array with width/height of canvas\nconst {dimensions} = curConfig;\n\nconst canvas = this;\n\n// \"document\" element associated with the container (same as window.document using default svg-editor.js)\n// NOTE: This is not actually a SVG document, but an HTML document.\nconst svgdoc = container.ownerDocument;\n\n// This is a container for the document being edited, not the document itself.\n/**\n * @name module:svgcanvas~svgroot\n * @type {SVGSVGElement}\n */\nconst svgroot = svgdoc.importNode(\n  text2xml(\n    '<svg id=\"svgroot\" xmlns=\"' + NS.SVG + '\" xlinkns=\"' + NS.XLINK + '\" ' +\n      'width=\"' + dimensions[0] + '\" height=\"' + dimensions[1] + '\" x=\"' + dimensions[0] + '\" y=\"' + dimensions[1] + '\" overflow=\"visible\">' +\n      '<defs>' +\n        '<filter id=\"canvashadow\" filterUnits=\"objectBoundingBox\">' +\n          '<feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"4\" result=\"blur\"/>' +\n          '<feOffset in=\"blur\" dx=\"5\" dy=\"5\" result=\"offsetBlur\"/>' +\n          '<feMerge>' +\n            '<feMergeNode in=\"offsetBlur\"/>' +\n            '<feMergeNode in=\"SourceGraphic\"/>' +\n          '</feMerge>' +\n        '</filter>' +\n      '</defs>' +\n    '</svg>'\n  ).documentElement,\n  true\n);\ncontainer.append(svgroot);\n\n/**\n * The actual element that represents the final output SVG element\n * @name module:svgcanvas~svgcontent\n * @type {SVGSVGElement}\n */\nlet svgcontent = svgdoc.createElementNS(NS.SVG, 'svg');\n\n/**\n* This function resets the svgcontent element while keeping it in the DOM.\n* @function module:svgcanvas.SvgCanvas#clearSvgContentElement\n* @returns {undefined}\n*/\nconst clearSvgContentElement = canvas.clearSvgContentElement = function () {\n  $(svgcontent).empty();\n\n  // TODO: Clear out all other attributes first?\n  $(svgcontent).attr({\n    id: 'svgcontent',\n    width: dimensions[0],\n    height: dimensions[1],\n    x: dimensions[0],\n    y: dimensions[1],\n    overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden',\n    xmlns: NS.SVG,\n    'xmlns:se': NS.SE,\n    'xmlns:xlink': NS.XLINK\n  }).appendTo(svgroot);\n\n  // TODO: make this string optional and set by the client\n  const comment = svgdoc.createComment(' Created with SVG-edit - https://github.com/SVG-Edit/svgedit');\n  svgcontent.append(comment);\n};\nclearSvgContentElement();\n\n// Prefix string for element IDs\nlet idprefix = 'svg_';\n\n/**\n* Changes the ID prefix to the given value\n* @function module:svgcanvas.SvgCanvas#setIdPrefix\n* @param {string} p - String with the new prefix\n* @returns {undefined}\n*/\ncanvas.setIdPrefix = function (p) {\n  idprefix = p;\n};\n\n/**\n* Current draw.Drawing object\n* @type {module:draw.Drawing}\n* @name module:svgcanvas.SvgCanvas#current_drawing_\n*/\ncanvas.current_drawing_ = new draw.Drawing(svgcontent, idprefix);\n\n/**\n* Returns the current Drawing.\n* @function module:svgcanvas.SvgCanvas#getCurrentDrawing\n* @implements {module:draw.DrawCanvasInit#getCurrentDrawing}\n*/\nconst getCurrentDrawing = canvas.getCurrentDrawing = function () {\n  return canvas.current_drawing_;\n};\n\n/**\n* Float displaying the current zoom level (1 = 100%, .5 = 50%, etc)\n* @type {Float}\n*/\nlet currentZoom = 1;\n\n// pointer to current group (for in-group editing)\nlet currentGroup = null;\n\n// Object containing data for the currently selected styles\nconst allProperties = {\n  shape: {\n    fill: (curConfig.initFill.color === 'none' ? '' : '#') + curConfig.initFill.color,\n    fill_paint: null,\n    fill_opacity: curConfig.initFill.opacity,\n    stroke: '#' + curConfig.initStroke.color,\n    stroke_paint: null,\n    stroke_opacity: curConfig.initStroke.opacity,\n    stroke_width: curConfig.initStroke.width,\n    stroke_dasharray: 'none',\n    stroke_linejoin: 'miter',\n    stroke_linecap: 'butt',\n    opacity: curConfig.initOpacity\n  }\n};\n\nallProperties.text = $.extend(true, {}, allProperties.shape);\n$.extend(allProperties.text, {\n  fill: '#000000',\n  stroke_width: curConfig.text && curConfig.text.stroke_width,\n  font_size: curConfig.text && curConfig.text.font_size,\n  font_family: curConfig.text && curConfig.text.font_family\n});\n\n// Current shape style properties\nconst curShape = allProperties.shape;\n\n// Array with all the currently selected elements\n// default size of 1 until it needs to grow bigger\nlet selectedElements = [];\n\n/**\n* @typedef {PlainObject} module:svgcanvas.SVGAsJSON\n* @property {string} element\n* @property {PlainObject.<string, string>} attr\n* @property {module:svgcanvas.SVGAsJSON[]} children\n*/\n\n/**\n* @function module:svgcanvas.SvgCanvas#getContentElem\n* @param {Text|Element} data\n* @returns {module:svgcanvas.SVGAsJSON}\n*/\nconst getJsonFromSvgElement = this.getJsonFromSvgElement = function (data) {\n  // Text node\n  if (data.nodeType === 3) return data.nodeValue;\n\n  const retval = {\n    element: data.tagName,\n    // namespace: nsMap[data.namespaceURI],\n    attr: {},\n    children: []\n  };\n\n  // Iterate attributes\n  for (let i = 0, attr; (attr = data.attributes[i]); i++) {\n    retval.attr[attr.name] = attr.value;\n  }\n\n  // Iterate children\n  for (let i = 0, node; (node = data.childNodes[i]); i++) {\n    retval.children[i] = getJsonFromSvgElement(node);\n  }\n\n  return retval;\n};\n\n/**\n* This should really be an intersection implementing all rather than a union\n* @function module:svgcanvas.SvgCanvas#addSVGElementFromJson\n* @implements {module:utilities.EditorContext#addSVGElementFromJson|module:path.EditorContext#addSVGElementFromJson}\n*/\nconst addSVGElementFromJson = this.addSVGElementFromJson = function (data) {\n  if (typeof data === 'string') return svgdoc.createTextNode(data);\n\n  let shape = getElem(data.attr.id);\n  // if shape is a path but we need to create a rect/ellipse, then remove the path\n  const currentLayer = getCurrentDrawing().getCurrentLayer();\n  if (shape && data.element !== shape.tagName) {\n    shape.remove();\n    shape = null;\n  }\n  if (!shape) {\n    const ns = data.namespace || NS.SVG;\n    shape = svgdoc.createElementNS(ns, data.element);\n    if (currentLayer) {\n      (currentGroup || currentLayer).append(shape);\n    }\n  }\n  if (data.curStyles) {\n    assignAttributes(shape, {\n      fill: curShape.fill,\n      stroke: curShape.stroke,\n      'stroke-width': curShape.stroke_width,\n      'stroke-dasharray': curShape.stroke_dasharray,\n      'stroke-linejoin': curShape.stroke_linejoin,\n      'stroke-linecap': curShape.stroke_linecap,\n      'stroke-opacity': curShape.stroke_opacity,\n      'fill-opacity': curShape.fill_opacity,\n      opacity: curShape.opacity / 2,\n      style: 'pointer-events:inherit'\n    }, 100);\n  }\n  assignAttributes(shape, data.attr, 100);\n  cleanupElement(shape);\n\n  // Children\n  if (data.children) {\n    data.children.forEach((child) => {\n      shape.append(addSVGElementFromJson(child));\n    });\n  }\n\n  return shape;\n};\n\ncanvas.getTransformList = getTransformList;\n\ncanvas.matrixMultiply = matrixMultiply;\ncanvas.hasMatrixTransform = hasMatrixTransform;\ncanvas.transformListToTransform = transformListToTransform;\n\n/**\n* @implements {module:utilities.EditorContext#getBaseUnit}\n*/\nconst getBaseUnit = () => { return curConfig.baseUnit; };\n\n/**\n* initialize from units.js.\n* Send in an object implementing the ElementContainer interface (see units.js)\n*/\nunitsInit(\n  /**\n  * @implements {module:units.ElementContainer}\n  */\n  {\n    getBaseUnit,\n    getElement: getElem,\n    getHeight () { return svgcontent.getAttribute('height') / currentZoom; },\n    getWidth () { return svgcontent.getAttribute('width') / currentZoom; },\n    getRoundDigits () { return saveOptions.round_digits; }\n  }\n);\n\ncanvas.convertToNum = convertToNum;\n\n/**\n* This should really be an intersection implementing all rather than a union\n* @implements {module:draw.DrawCanvasInit#getSVGContent|module:utilities.EditorContext#getSVGContent}\n*/\nconst getSVGContent = () => { return svgcontent; };\n\n/**\n* Should really be an intersection with all needing to apply rather than a union\n* @function module:svgcanvas.SvgCanvas#getSelectedElements\n* @implements {module:utilities.EditorContext#getSelectedElements|module:draw.DrawCanvasInit#getSelectedElements|module:path.EditorContext#getSelectedElements}\n*/\nconst getSelectedElements = this.getSelectedElems = function () {\n  return selectedElements;\n};\n\nconst pathActions = pathModule.pathActions;\n\n/**\n* This should actually be an intersection as all interfaces should be met\n* @implements {module:utilities.EditorContext#getSVGRoot|module:recalculate.EditorContext#getSVGRoot|module:coords.EditorContext#getSVGRoot|module:path.EditorContext#getSVGRoot}\n*/\nconst getSVGRoot = () => svgroot;\n\nutilsInit(\n  /**\n  * @implements {module:utilities.EditorContext}\n  */\n  {\n    pathActions, // Ok since not modifying\n    getSVGContent,\n    addSVGElementFromJson,\n    getSelectedElements,\n    getDOMDocument () { return svgdoc; },\n    getDOMContainer () { return container; },\n    getSVGRoot,\n    // TODO: replace this mostly with a way to get the current drawing.\n    getBaseUnit,\n    getSnappingStep () { return curConfig.snappingStep; }\n  }\n);\n\ncanvas.findDefs = findDefs;\ncanvas.getUrlFromAttr = getUrlFromAttr;\ncanvas.getHref = getHref;\ncanvas.setHref = setHref;\n/* const getBBox = */ canvas.getBBox = utilsGetBBox;\ncanvas.getRotationAngle = getRotationAngle;\ncanvas.getElem = getElem;\ncanvas.getRefElem = getRefElem;\ncanvas.assignAttributes = assignAttributes;\n\nthis.cleanupElement = cleanupElement;\n\n/**\n* This should actually be an intersection not a union as all should apply\n* @implements {module:coords.EditorContext|module:path.EditorContext}\n*/\nconst getGridSnapping = () => { return curConfig.gridSnapping; };\n\ncoordsInit(\n  /**\n  * @implements {module:coords.EditorContext}\n  */\n  {\n    getDrawing () { return getCurrentDrawing(); },\n    getSVGRoot,\n    getGridSnapping\n  }\n);\nthis.remapElement = remapElement;\n\nrecalculateInit(\n  /**\n  * @implements {module:recalculate.EditorContext}\n  */\n  {\n    getSVGRoot,\n    getStartTransform () { return startTransform; },\n    setStartTransform (transform) { startTransform = transform; }\n  }\n);\nthis.recalculateDimensions = recalculateDimensions;\n\n// import from sanitize.js\nconst nsMap = getReverseNS();\ncanvas.sanitizeSvg = sanitizeSvg;\n\n/**\n* @name undoMgr\n* @memberof module:svgcanvas.SvgCanvas#\n* @type {module:history.HistoryEventHandler}\n*/\nconst undoMgr = canvas.undoMgr = new UndoManager({\n  /**\n   * @param {string} eventType One of the HistoryEvent types\n   * @param {module:history.HistoryCommand} cmd Fulfills the HistoryCommand interface\n   * @fires module:svgcanvas.SvgCanvas#event:changed\n   * @returns {undefined}\n   */\n  handleHistoryEvent (eventType, cmd) {\n    const EventTypes = HistoryEventTypes;\n    // TODO: handle setBlurOffsets.\n    if (eventType === EventTypes.BEFORE_UNAPPLY || eventType === EventTypes.BEFORE_APPLY) {\n      canvas.clearSelection();\n    } else if (eventType === EventTypes.AFTER_APPLY || eventType === EventTypes.AFTER_UNAPPLY) {\n      const elems = cmd.elements();\n      canvas.pathActions.clear();\n      call('changed', elems);\n      const cmdType = cmd.type();\n      const isApply = (eventType === EventTypes.AFTER_APPLY);\n      if (cmdType === MoveElementCommand.type()) {\n        const parent = isApply ? cmd.newParent : cmd.oldParent;\n        if (parent === svgcontent) {\n          draw.identifyLayers();\n        }\n      } else if (cmdType === InsertElementCommand.type() ||\n          cmdType === RemoveElementCommand.type()) {\n        if (cmd.parent === svgcontent) {\n          draw.identifyLayers();\n        }\n        if (cmdType === InsertElementCommand.type()) {\n          if (isApply) { restoreRefElems(cmd.elem); }\n        } else {\n          if (!isApply) { restoreRefElems(cmd.elem); }\n        }\n        if (cmd.elem.tagName === 'use') {\n          setUseData(cmd.elem);\n        }\n      } else if (cmdType === ChangeElementCommand.type()) {\n        // if we are changing layer names, re-identify all layers\n        if (cmd.elem.tagName === 'title' &&\n          cmd.elem.parentNode.parentNode === svgcontent\n        ) {\n          draw.identifyLayers();\n        }\n        const values = isApply ? cmd.newValues : cmd.oldValues;\n        // If stdDeviation was changed, update the blur.\n        if (values.stdDeviation) {\n          canvas.setBlurOffsets(cmd.elem.parentNode, values.stdDeviation);\n        }\n        // This is resolved in later versions of webkit, perhaps we should\n        // have a featured detection for correct 'use' behavior?\n        // ——————————\n        // Remove & Re-add hack for Webkit (issue 775)\n        // if (cmd.elem.tagName === 'use' && isWebkit()) {\n        //  const {elem} = cmd;\n        //  if (!elem.getAttribute('x') && !elem.getAttribute('y')) {\n        //    const parent = elem.parentNode;\n        //    const sib = elem.nextSibling;\n        //    elem.remove();\n        //    parent.insertBefore(elem, sib);\n        //    // Ok to replace above with this? `sib.before(elem);`\n        //  }\n        // }\n      }\n    }\n  }\n});\n\n/**\n* This should really be an intersection applying to all types rather than a union\n* @function module:svgcanvas~addCommandToHistory\n* @implements {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory}\n*/\nconst addCommandToHistory = function (cmd) {\n  canvas.undoMgr.addCommandToHistory(cmd);\n};\n\n/**\n* This should really be an intersection applying to all types rather than a union\n* @function module:svgcanvas.SvgCanvas#getZoom\n* @implements {module:path.EditorContext#getCurrentZoom|module:select.SVGFactory#getCurrentZoom}\n*/\nconst getCurrentZoom = this.getZoom = function () { return currentZoom; };\n\n/**\n* This method rounds the incoming value to the nearest value based on the `currentZoom`\n* @function module:svgcanvas.SvgCanvas#round\n* @implements {module:path.EditorContext#round}\n*/\nconst round = this.round = function (val) {\n  return parseInt(val * currentZoom, 10) / currentZoom;\n};\n\nselectInit(\n  curConfig,\n  /**\n  * Export to select.js\n  * @implements {module:select.SVGFactory}\n  */\n  {\n    createSVGElement (jsonMap) { return canvas.addSVGElementFromJson(jsonMap); },\n    svgRoot () { return svgroot; },\n    svgContent () { return svgcontent; },\n    getCurrentZoom\n  }\n);\n/**\n* This object manages selectors for us\n* @name module:svgcanvas.SvgCanvas#selectorManager\n* @type {module:select.SelectorManager}\n*/\nconst selectorManager = this.selectorManager = getSelectorManager();\n\n/**\n* @function module:svgcanvas.SvgCanvas#getNextId\n* @implements {module:path.EditorContext#getNextId}\n*/\nconst getNextId = canvas.getNextId = function () {\n  return getCurrentDrawing().getNextId();\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getId\n* @implements {module:path.EditorContext#getId}\n*/\nconst getId = canvas.getId = function () {\n  return getCurrentDrawing().getId();\n};\n\n/**\n* The \"implements\" should really be an intersection applying to all types rather than a union\n* @function module:svgcanvas.SvgCanvas#call\n* @implements {module:draw.DrawCanvasInit#call|module:path.EditorContext#call}\n* @param {\"selected\"|\"changed\"|\"contextset\"|\"pointsAdded\"|\"extension_added\"|\"extensions_added\"|\"message\"|\"transition\"|\"zoomed\"|\"updateCanvas\"|\"zoomDone\"|\"saved\"|\"exported\"|\"exportedPDF\"|\"setnonce\"|\"unsetnonce\"|\"cleared\"} ev - String with the event name\n* @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg - Argument to pass through to the callback function.\n* @returns {undefined}\n*/\nconst call = function (ev, arg) {\n  if (events[ev]) {\n    return events[ev](window, arg);\n  }\n};\n\n/**\n* Clears the selection. The 'selected' handler is then optionally called.\n* This should really be an intersection applying to all types rather than a union\n* @function module:svgcanvas.SvgCanvas#clearSelection\n* @implements {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection}\n* @fires module:svgcanvas.SvgCanvas#event:selected\n*/\nconst clearSelection = this.clearSelection = function (noCall) {\n  selectedElements.forEach((elem) => {\n    if (elem == null) {\n      return;\n    }\n    selectorManager.releaseSelector(elem);\n  });\n  selectedElements = [];\n\n  if (!noCall) { call('selected', selectedElements); }\n};\n\n/**\n* Adds a list of elements to the selection. The 'selected' handler is then called.\n* @function module:svgcanvas.SvgCanvas#addToSelection\n* @implements {module:path.EditorContext#addToSelection}\n* @fires module:svgcanvas.SvgCanvas#event:selected\n*/\nconst addToSelection = this.addToSelection = function (elemsToAdd, showGrips) {\n  if (!elemsToAdd.length) { return; }\n  // find the first null in our selectedElements array\n\n  let j = 0;\n  while (j < selectedElements.length) {\n    if (selectedElements[j] == null) {\n      break;\n    }\n    ++j;\n  }\n\n  // now add each element consecutively\n  let i = elemsToAdd.length;\n  while (i--) {\n    let elem = elemsToAdd[i];\n    if (!elem) { continue; }\n    const bbox = utilsGetBBox(elem);\n    if (!bbox) { continue; }\n\n    if (elem.tagName === 'a' && elem.childNodes.length === 1) {\n      // Make \"a\" element's child be the selected element\n      elem = elem.firstChild;\n    }\n\n    // if it's not already there, add it\n    if (!selectedElements.includes(elem)) {\n      selectedElements[j] = elem;\n\n      // only the first selectedBBoxes element is ever used in the codebase these days\n      // if (j === 0) selectedBBoxes[0] = utilsGetBBox(elem);\n      j++;\n      const sel = selectorManager.requestSelector(elem, bbox);\n\n      if (selectedElements.length > 1) {\n        sel.showGrips(false);\n      }\n    }\n  }\n  call('selected', selectedElements);\n\n  if (showGrips || selectedElements.length === 1) {\n    selectorManager.requestSelector(selectedElements[0]).showGrips(true);\n  } else {\n    selectorManager.requestSelector(selectedElements[0]).showGrips(false);\n  }\n\n  // make sure the elements are in the correct order\n  // See: https://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-compareDocumentPosition\n\n  selectedElements.sort(function (a, b) {\n    if (a && b && a.compareDocumentPosition) {\n      return 3 - (b.compareDocumentPosition(a) & 6);\n    }\n    if (a == null) {\n      return 1;\n    }\n  });\n\n  // Make sure first elements are not null\n  while (selectedElements[0] == null) {\n    selectedElements.shift(0);\n  }\n};\n\n/**\n* @implements {module:path.EditorContext#getOpacity}\n*/\nconst getOpacity = function () {\n  return curShape.opacity;\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getMouseTarget\n* @implements {module:path.EditorContext#getMouseTarget}\n*/\nconst getMouseTarget = this.getMouseTarget = function (evt) {\n  if (evt == null) {\n    return null;\n  }\n  let mouseTarget = evt.target;\n\n  // if it was a <use>, Opera and WebKit return the SVGElementInstance\n  if (mouseTarget.correspondingUseElement) { mouseTarget = mouseTarget.correspondingUseElement; }\n\n  // for foreign content, go up until we find the foreignObject\n  // WebKit browsers set the mouse target to the svgcanvas div\n  if ([NS.MATH, NS.HTML].includes(mouseTarget.namespaceURI) &&\n    mouseTarget.id !== 'svgcanvas'\n  ) {\n    while (mouseTarget.nodeName !== 'foreignObject') {\n      mouseTarget = mouseTarget.parentNode;\n      if (!mouseTarget) { return svgroot; }\n    }\n  }\n\n  // Get the desired mouseTarget with jQuery selector-fu\n  // If it's root-like, select the root\n  const currentLayer = getCurrentDrawing().getCurrentLayer();\n  if ([svgroot, container, svgcontent, currentLayer].includes(mouseTarget)) {\n    return svgroot;\n  }\n\n  const $target = $(mouseTarget);\n\n  // If it's a selection grip, return the grip parent\n  if ($target.closest('#selectorParentGroup').length) {\n    // While we could instead have just returned mouseTarget,\n    // this makes it easier to indentify as being a selector grip\n    return selectorManager.selectorParentGroup;\n  }\n\n  while (mouseTarget.parentNode !== (currentGroup || currentLayer)) {\n    mouseTarget = mouseTarget.parentNode;\n  }\n\n  //\n  // // go up until we hit a child of a layer\n  // while (mouseTarget.parentNode.parentNode.tagName == 'g') {\n  //   mouseTarget = mouseTarget.parentNode;\n  // }\n  // Webkit bubbles the mouse event all the way up to the div, so we\n  // set the mouseTarget to the svgroot like the other browsers\n  // if (mouseTarget.nodeName.toLowerCase() == 'div') {\n  //   mouseTarget = svgroot;\n  // }\n\n  return mouseTarget;\n};\n\n/**\n* @namespace {module:path.pathActions} pathActions\n* @memberof module:svgcanvas.SvgCanvas#\n* @see module:path.pathActions\n*/\ncanvas.pathActions = pathActions;\n/**\n* @implements {module:path.EditorContext#resetD}\n*/\nfunction resetD (p) {\n  p.setAttribute('d', pathActions.convertPath(p));\n}\npathModule.init(\n  /**\n  * @implements {module:path.EditorContext}\n  */\n  {\n    selectorManager, // Ok since not changing\n    canvas, // Ok since not changing\n    call,\n    resetD,\n    round,\n    clearSelection,\n    addToSelection,\n    addCommandToHistory,\n    remapElement,\n    addSVGElementFromJson,\n    getGridSnapping,\n    getOpacity,\n    getSelectedElements,\n    getContainer () {\n      return container;\n    },\n    setStarted (s) {\n      started = s;\n    },\n    getRubberBox () {\n      return rubberBox;\n    },\n    setRubberBox (rb) {\n      rubberBox = rb;\n      return rubberBox;\n    },\n    /**\n     * @param {boolean} closedSubpath\n     * @param {SVGCircleElement[]} grips\n     * @fires module:svgcanvas.SvgCanvas#event:pointsAdded\n     * @fires module:svgcanvas.SvgCanvas#event:selected\n     */\n    addPtsToSelection ({closedSubpath, grips}) {\n      // TODO: Correct this:\n      pathActions.canDeleteNodes = true;\n      pathActions.closed_subpath = closedSubpath;\n      call('pointsAdded', {closedSubpath, grips});\n      call('selected', grips);\n    },\n    /**\n     * @param {ChangeElementCommand} cmd\n     * @param {SVGPathElement} elem\n     * @fires module:svgcanvas.SvgCanvas#event:changed\n     * @returns {undefined}\n     */\n    endChanges ({cmd, elem}) {\n      addCommandToHistory(cmd);\n      call('changed', [elem]);\n    },\n    getCurrentZoom,\n    getId,\n    getNextId,\n    getMouseTarget,\n    getCurrentMode () {\n      return currentMode;\n    },\n    setCurrentMode (cm) {\n      currentMode = cm;\n      return currentMode;\n    },\n    getDrawnPath () {\n      return drawnPath;\n    },\n    setDrawnPath (dp) {\n      drawnPath = dp;\n      return drawnPath;\n    },\n    getSVGRoot\n  }\n);\n\n// Interface strings, usually for title elements\nconst uiStrings = {};\n\nconst visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';\nconst refAttrs = ['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'];\n\nconst elData = $.data;\n\n// Animation element to change the opacity of any newly created element\nconst opacAni = document.createElementNS(NS.SVG, 'animate');\n$(opacAni).attr({\n  attributeName: 'opacity',\n  begin: 'indefinite',\n  dur: 1,\n  fill: 'freeze'\n}).appendTo(svgroot);\n\nconst restoreRefElems = function (elem) {\n  // Look for missing reference elements, restore any found\n  const attrs = $(elem).attr(refAttrs);\n  for (const o in attrs) {\n    const val = attrs[o];\n    if (val && val.startsWith('url(')) {\n      const id = getUrlFromAttr(val).substr(1);\n      const ref = getElem(id);\n      if (!ref) {\n        findDefs().append(removedElements[id]);\n        delete removedElements[id];\n      }\n    }\n  }\n\n  const childs = elem.getElementsByTagName('*');\n\n  if (childs.length) {\n    for (let i = 0, l = childs.length; i < l; i++) {\n      restoreRefElems(childs[i]);\n    }\n  }\n};\n\n// (function () {\n// TODO For Issue 208: this is a start on a thumbnail\n//  const svgthumb = svgdoc.createElementNS(NS.SVG, 'use');\n//  svgthumb.setAttribute('width', '100');\n//  svgthumb.setAttribute('height', '100');\n//  setHref(svgthumb, '#svgcontent');\n//  svgroot.append(svgthumb);\n// }());\n\n/**\n * @typedef {PlainObject} module:svgcanvas.SaveOptions\n * @property {boolean} apply\n * @property {\"embed\"} [image]\n * @property {Integer} round_digits\n */\n\n// Object to contain image data for raster images that were found encodable\nconst encodableImages = {},\n\n  // Object with save options\n  /**\n   * @type {module:svgcanvas.SaveOptions}\n   */\n  saveOptions = {round_digits: 5},\n\n  // Object with IDs for imported files, to see if one was already added\n  importIds = {},\n\n  // Current text style properties\n  curText = allProperties.text,\n\n  // Object to contain all included extensions\n  extensions = {},\n\n  // Map of deleted reference elements\n  removedElements = {};\n\nlet\n  // String with image URL of last loadable image\n  lastGoodImgUrl = curConfig.imgPath + 'logo.png',\n\n  // Boolean indicating whether or not a draw action has been started\n  started = false,\n\n  // String with an element's initial transform attribute value\n  startTransform = null,\n\n  // String indicating the current editor mode\n  currentMode = 'select',\n\n  // String with the current direction in which an element is being resized\n  currentResizeMode = 'none',\n\n  // Current general properties\n  curProperties = curShape,\n\n  // Array with selected elements' Bounding box object\n  // selectedBBoxes = new Array(1),\n\n  // The DOM element that was just selected\n  justSelected = null,\n\n  // DOM element for selection rectangle drawn by the user\n  rubberBox = null,\n\n  // Array of current BBoxes, used in getIntersectionList().\n  curBBoxes = [],\n\n  // Canvas point for the most recent right click\n  lastClickPoint = null;\n\n/**\n* @typedef {module:svgcanvas.ExtensionMouseDownStatus|module:svgcanvas.ExtensionMouseUpStatus|module:svgcanvas.ExtensionIDsUpdatedStatus|module:locale.ExtensionLocaleData[]|undefined} module:svgcanvas.ExtensionStatus\n* @tutorial ExtensionDocs\n*/\n/**\n* @callback module:svgcanvas.ExtensionVarBuilder\n* @param {string} name The name of the extension\n*/\n/**\n* @todo Consider: Should this return an array by default, so extension results aren't overwritten?\n* @todo Would be easier to document if passing in object with key of action and vars as value; could then define an interface which tied both together\n* @function module:svgcanvas.SvgCanvas#runExtensions\n* @param {\"mouseDown\"|\"mouseMove\"|\"mouseUp\"|\"zoomChanged\"|\"IDsUpdated\"|\"canvasUpdated\"|\"toolButtonStateUpdate\"|\"selectedChanged\"|\"elementTransition\"|\"elementChanged\"|\"langReady\"|\"langChanged\"|\"addLangData\"|\"onNewDocument\"|\"workareaResized\"} action\n* @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown|module:svgcanvas.SvgCanvas#event:ext-mouseMove|module:svgcanvas.SvgCanvas#event:ext-mouseUp|module:svgcanvas.SvgCanvas#event:ext-zoomChanged|module:svgcanvas.SvgCanvas#event:ext-IDsUpdated|module:svgcanvas.SvgCanvas#event:ext-canvasUpdated|module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate|module:svgcanvas.SvgCanvas#event:ext-selectedChanged|module:svgcanvas.SvgCanvas#event:ext-elementTransition|module:svgcanvas.SvgCanvas#event:ext-elementChanged|module:svgcanvas.SvgCanvas#event:ext-langReady|module:svgcanvas.SvgCanvas#event:ext-langChanged|module:svgcanvas.SvgCanvas#event:ext-addLangData|module:svgcanvas.SvgCanvas#event:ext-onNewDocument|module:svgcanvas.SvgCanvas#event:ext-workareaResized|module:svgcanvas.ExtensionVarBuilder} [vars]\n* @param {boolean} [returnArray]\n* @returns {GenericArray.<module:svgcanvas.ExtensionStatus>|module:svgcanvas.ExtensionStatus|false} See {@tutorial ExtensionDocs} on the ExtensionStatus.\n*/\nconst runExtensions = this.runExtensions = function (action, vars, returnArray) {\n  let result = returnArray ? [] : false;\n  $.each(extensions, function (name, ext) {\n    if (ext && action in ext) {\n      if (typeof vars === 'function') {\n        vars = vars(name); // ext, action\n      }\n      if (returnArray) {\n        result.push(ext[action](vars));\n      } else {\n        result = ext[action](vars);\n      }\n    }\n  });\n  return result;\n};\n\n/**\n* @typedef {PlainObject} module:svgcanvas.ExtensionMouseDownStatus\n* @property {boolean} started Indicates that creating/editing has started\n*/\n/**\n* @typedef {PlainObject} module:svgcanvas.ExtensionMouseUpStatus\n* @property {boolean} keep Indicates if the current element should be kept\n* @property {boolean} started Indicates if editing should still be considered as \"started\"\n* @property {Element} element The element being affected\n*/\n/**\n* @typedef {PlainObject} module:svgcanvas.ExtensionIDsUpdatedStatus\n* @property {string[]} remove Contains string IDs (used by `ext-connector.js`)\n*/\n\n/**\n * @interface module:svgcanvas.ExtensionInitResponse\n * @property {module:SVGEditor.ContextTool[]|PlainObject.<string, module:SVGEditor.ContextTool>} [context_tools]\n * @property {module:SVGEditor.Button[]|PlainObject.<Integer, module:SVGEditor.Button>} [buttons]\n * @property {string} [svgicons] The location of a local SVG or SVGz file\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#mouseDown\n * @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown} arg\n * @returns {undefined|module:svgcanvas.ExtensionMouseDownStatus}\n */\n/**\n * @function module:svgcanvas.ExtensionInitResponse#mouseMove\n * @param {module:svgcanvas.SvgCanvas#event:ext-mouseMove} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#mouseUp\n * @param {module:svgcanvas.SvgCanvas#event:ext-mouseUp} arg\n * @returns {module:svgcanvas.ExtensionMouseUpStatus}\n */\n/**\n * @function module:svgcanvas.ExtensionInitResponse#zoomChanged\n * @param {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#IDsUpdated\n * @param {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} arg\n * @returns {module:svgcanvas.ExtensionIDsUpdatedStatus}\n */\n/**\n * @function module:svgcanvas.ExtensionInitResponse#canvasUpdated\n * @param {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#toolButtonStateUpdate\n * @param {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#selectedChanged\n * @param {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#elementTransition\n * @param {module:svgcanvas.SvgCanvas#event:ext-elementTransition} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#elementChanged\n * @param {module:svgcanvas.SvgCanvas#event:ext-elementChanged} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#langReady\n * @param {module:svgcanvas.SvgCanvas#event:ext-langReady} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#langChanged\n * @param {module:svgcanvas.SvgCanvas#event:ext-langChanged} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#addLangData\n * @param {module:svgcanvas.SvgCanvas#event:ext-addLangData} arg\n * @returns {Promise} Resolves to {@link module:locale.ExtensionLocaleData}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#onNewDocument\n * @param {module:svgcanvas.SvgCanvas#event:ext-onNewDocument} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#workareaResized\n * @param {module:svgcanvas.SvgCanvas#event:ext-workareaResized} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#callback\n * @param {module:svgcanvas.SvgCanvas#event:ext-callback} arg\n * @returns {undefined}\n*/\n\n/**\n* @callback module:svgcanvas.ExtensionInitCallback\n* @this module:SVGEditor\n* @param {module:svgcanvas.ExtensionArgumentObject} arg\n* @returns {Promise} Resolves to [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse} or `undefined`\n*/\n/**\n* Add an extension to the editor\n* @function module:svgcanvas.SvgCanvas#addExtension\n* @param {string} name - String with the ID of the extension. Used internally; no need for i18n.\n* @param {module:svgcanvas.ExtensionInitCallback} [extInitFunc] - Function supplied by the extension with its data\n* @param {module:SVGEditor~ImportLocale} importLocale\n* @fires module:svgcanvas.SvgCanvas#event:extension_added\n* @throws {TypeError} If `extInitFunc` is not a function\n* @returns {Promise} Resolves to `undefined`\n*/\nthis.addExtension = async function (name, extInitFunc, importLocale) {\n  if (typeof extInitFunc !== 'function') {\n    throw new TypeError('Function argument expected for `svgcanvas.addExtension`');\n  }\n  let extObj = {};\n  if (!(name in extensions)) {\n    // Provide private vars/funcs here. Is there a better way to do this?\n    /**\n     * @typedef {module:svgcanvas.PrivateMethods} module:svgcanvas.ExtensionArgumentObject\n     * @property {SVGSVGElement} svgroot See {@link module:svgcanvas~svgroot}\n     * @property {SVGSVGElement} svgcontent See {@link module:svgcanvas~svgcontent}\n     * @property {!(string|Integer)} nonce See {@link module:draw.Drawing#getNonce}\n     * @property {module:select.SelectorManager} selectorManager\n     * @property {module:SVGEditor~ImportLocale} importLocale\n     */\n    /**\n     * @type {module:svgcanvas.ExtensionArgumentObject}\n     * @see {@link module:svgcanvas.PrivateMethods} source for the other methods/properties\n     */\n    const argObj = $.extend(canvas.getPrivateMethods(), {\n      importLocale,\n      svgroot,\n      svgcontent,\n      nonce: getCurrentDrawing().getNonce(),\n      selectorManager\n    });\n    if (extInitFunc) {\n      extObj = await extInitFunc(argObj);\n    }\n    if (extObj) {\n      extObj.name = name;\n    }\n\n    extensions[name] = extObj;\n    return call('extension_added', extObj);\n  } else {\n    console.log('Cannot add extension \"' + name + '\", an extension by that name already exists.');\n  }\n};\n\n/**\n* This method sends back an array or a NodeList full of elements that\n* intersect the multi-select rubber-band-box on the currentLayer only.\n*\n* We brute-force `getIntersectionList` for browsers that do not support it (Firefox).\n*\n* Reference:\n* Firefox does not implement `getIntersectionList()`, see {@link https://bugzilla.mozilla.org/show_bug.cgi?id=501421}\n* @function module:svgcanvas.SvgCanvas#getIntersectionList\n* @param {SVGRect} rect\n* @returns {Element[]|NodeList} Bbox elements\n*/\nconst getIntersectionList = this.getIntersectionList = function (rect) {\n  if (rubberBox == null) { return null; }\n\n  const parent = currentGroup || getCurrentDrawing().getCurrentLayer();\n\n  let rubberBBox;\n  if (!rect) {\n    rubberBBox = rubberBox.getBBox();\n    const bb = svgcontent.createSVGRect();\n\n    for (const o in rubberBBox) {\n      bb[o] = rubberBBox[o] / currentZoom;\n    }\n    rubberBBox = bb;\n  } else {\n    rubberBBox = svgcontent.createSVGRect();\n    rubberBBox.x = rect.x;\n    rubberBBox.y = rect.y;\n    rubberBBox.width = rect.width;\n    rubberBBox.height = rect.height;\n  }\n\n  let resultList = null;\n  if (!isIE) {\n    if (typeof svgroot.getIntersectionList === 'function') {\n      // Offset the bbox of the rubber box by the offset of the svgcontent element.\n      rubberBBox.x += parseInt(svgcontent.getAttribute('x'), 10);\n      rubberBBox.y += parseInt(svgcontent.getAttribute('y'), 10);\n\n      resultList = svgroot.getIntersectionList(rubberBBox, parent);\n    }\n  }\n\n  if (resultList == null || typeof resultList.item !== 'function') {\n    resultList = [];\n\n    if (!curBBoxes.length) {\n      // Cache all bboxes\n      curBBoxes = getVisibleElementsAndBBoxes(parent);\n    }\n    let i = curBBoxes.length;\n    while (i--) {\n      if (!rubberBBox.width) { continue; }\n      if (rectsIntersect(rubberBBox, curBBoxes[i].bbox)) {\n        resultList.push(curBBoxes[i].elem);\n      }\n    }\n  }\n\n  // addToSelection expects an array, but it's ok to pass a NodeList\n  // because using square-bracket notation is allowed:\n  // https://www.w3.org/TR/DOM-Level-2-Core/ecma-script-binding.html\n  return resultList;\n};\n\nthis.getStrokedBBox = getStrokedBBoxDefaultVisible;\n\nthis.getVisibleElements = getVisibleElements;\n\n/**\n* @typedef {PlainObject} ElementAndBBox\n* @property {Element} elem - The element\n* @property {module:utilities.BBoxObject} bbox - The element's BBox as retrieved from `getStrokedBBoxDefaultVisible`\n*/\n\n/**\n* Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).\n* Note that 0-opacity, off-screen etc elements are still considered \"visible\"\n* for this function\n* @function module:svgcanvas.SvgCanvas#getVisibleElementsAndBBoxes\n* @param {Element} parent - The parent DOM element to search within\n* @returns {ElementAndBBox[]} An array with objects that include:\n*/\nconst getVisibleElementsAndBBoxes = this.getVisibleElementsAndBBoxes = function (parent) {\n  if (!parent) {\n    parent = $(svgcontent).children(); // Prevent layers from being included\n  }\n  const contentElems = [];\n  $(parent).children().each(function (i, elem) {\n    if (elem.getBBox) {\n      contentElems.push({elem, bbox: getStrokedBBoxDefaultVisible([elem])});\n    }\n  });\n  return contentElems.reverse();\n};\n\n/**\n* Wrap an SVG element into a group element, mark the group as 'gsvg'\n* @function module:svgcanvas.SvgCanvas#groupSvgElem\n* @param {Element} elem - SVG element to wrap\n* @returns {undefined}\n*/\nconst groupSvgElem = this.groupSvgElem = function (elem) {\n  const g = document.createElementNS(NS.SVG, 'g');\n  elem.replaceWith(g);\n  $(g).append(elem).data('gsvg', elem)[0].id = getNextId();\n};\n\n// Set scope for these functions\n\n// Object to contain editor event names and callback functions\nconst events = {};\n\ncanvas.call = call;\n/**\n * Array of what was changed (elements, layers)\n * @event module:svgcanvas.SvgCanvas#event:changed\n * @type {Element[]}\n */\n/**\n * Array of selected elements\n * @event module:svgcanvas.SvgCanvas#event:selected\n * @type {Element[]}\n */\n/**\n * Array of selected elements\n * @event module:svgcanvas.SvgCanvas#event:transition\n * @type {Element[]}\n */\n/**\n * The Element is always `SVGGElement`?\n * If not `null`, will be the set current group element\n * @event module:svgcanvas.SvgCanvas#event:contextset\n * @type {null|Element}\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:pointsAdded\n * @type {PlainObject}\n * @property {boolean} closedSubpath\n * @property {SVGCircleElement[]} grips Grips elements\n */\n\n/**\n * @event module:svgcanvas.SvgCanvas#event:zoomed\n * @type {PlainObject}\n * @property {Float} x\n * @property {Float} y\n * @property {Float} width\n * @property {Float} height\n * @property {0.5|2} factor\n * @see module:SVGEditor.BBoxObjectWithFactor\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:updateCanvas\n * @type {PlainObject}\n * @property {false} center\n * @property {module:math.XYObject} newCtr\n */\n/**\n * @typedef {PlainObject} module:svgcanvas.ExtensionInitResponsePlusName\n * @implements {module:svgcanvas.ExtensionInitResponse}\n * @property {string} name The extension's resolved ID (whether explicit or based on file name)\n */\n/**\n * Generalized extension object response of\n * [`init()`]{@link module:svgcanvas.ExtensionInitCallback}\n * along with the name of the extension.\n * @event module:svgcanvas.SvgCanvas#event:extension_added\n * @type {module:svgcanvas.ExtensionInitResponsePlusName|undefined}\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:extensions_added\n * @type {undefined}\n*/\n/**\n * @typedef {PlainObject} module:svgcanvas.Message\n * @property {Any} data The data\n * @property {string} origin The origin\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:message\n * @type {module:svgcanvas.Message}\n */\n/**\n * SVG canvas converted to string\n * @event module:svgcanvas.SvgCanvas#event:saved\n * @type {string}\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:setnonce\n * @type {!(string|Integer)}\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:unsetnonce\n * @type {undefined}\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:zoomDone\n * @type {undefined}\n*/\n/**\n * @event module:svgcanvas.SvgCanvas#event:cleared\n * @type {undefined}\n*/\n\n/**\n * @event module:svgcanvas.SvgCanvas#event:exported\n * @type {module:svgcanvas.ImageExportedResults}\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:exportedPDF\n * @type {module:svgcanvas.PDFExportedResults}\n */\n/**\n * Creating a cover-all class until {@link https://github.com/jsdoc3/jsdoc/issues/1545} may be supported.\n * `undefined` may be returned by {@link module:svgcanvas.SvgCanvas#event:extension_added} if the extension's `init` returns `undefined` It is also the type for the following events \"zoomDone\", \"unsetnonce\", \"cleared\", and \"extensions_added\".\n * @event module:svgcanvas.SvgCanvas#event:GenericCanvasEvent\n * @type {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset|module:svgcanvas.SvgCanvas#event:pointsAdded|module:svgcanvas.SvgCanvas#event:extension_added|module:svgcanvas.SvgCanvas#event:extensions_added|module:svgcanvas.SvgCanvas#event:message|module:svgcanvas.SvgCanvas#event:transition|module:svgcanvas.SvgCanvas#event:zoomed|module:svgcanvas.SvgCanvas#event:updateCanvas|module:svgcanvas.SvgCanvas#event:saved|module:svgcanvas.SvgCanvas#event:exported|module:svgcanvas.SvgCanvas#event:exportedPDF|module:svgcanvas.SvgCanvas#event:setnonce|module:svgcanvas.SvgCanvas#event:unsetnonce|undefined}\n */\n\n/**\n* @callback module:svgcanvas.EventHandler\n* @param {external:Window} win\n* @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg\n* @listens module:svgcanvas.SvgCanvas#event:GenericCanvasEvent\n*/\n\n/**\n* Attaches a callback function to an event\n* @function module:svgcanvas.SvgCanvas#bind\n* @param {\"changed\"|\"contextset\"|\"selected\"|\"pointsAdded\"|\"extension_added\"|\"extensions_added\"|\"message\"|\"transition\"|\"zoomed\"|\"updateCanvas\"|\"zoomDone\"|\"saved\"|\"exported\"|\"exportedPDF\"|\"setnonce\"|\"unsetnonce\"|\"cleared\"} ev - String indicating the name of the event\n* @param {module:svgcanvas.EventHandler} f - The callback function to bind to the event\n* @returns {module:svgcanvas.EventHandler} The previous event\n*/\ncanvas.bind = function (ev, f) {\n  const old = events[ev];\n  events[ev] = f;\n  return old;\n};\n\n/**\n* Runs the SVG Document through the sanitizer and then updates its paths.\n* @function module:svgcanvas.SvgCanvas#prepareSvg\n* @param {XMLDocument} newDoc - The SVG DOM document\n* @returns {undefined}\n*/\nthis.prepareSvg = function (newDoc) {\n  this.sanitizeSvg(newDoc.documentElement);\n\n  // convert paths into absolute commands\n  const paths = [...newDoc.getElementsByTagNameNS(NS.SVG, 'path')];\n  paths.forEach((path) => {\n    path.setAttribute('d', pathActions.convertPath(path));\n    pathActions.fixEnd(path);\n  });\n};\n\n/**\n* Hack for Firefox bugs where text element features aren't updated or get\n* messed up. See issue 136 and issue 137.\n* This function clones the element and re-selects it.\n* @function module:svgcanvas~ffClone\n* @todo Test for this bug on load and add it to \"support\" object instead of\n* browser sniffing\n* @param {Element} elem - The (text) DOM element to clone\n* @returns {Element} Cloned element\n*/\nconst ffClone = function (elem) {\n  if (!isGecko()) { return elem; }\n  const clone = elem.cloneNode(true);\n  elem.before(clone);\n  elem.remove();\n  selectorManager.releaseSelector(elem);\n  selectedElements[0] = clone;\n  selectorManager.requestSelector(clone).showGrips(true);\n  return clone;\n};\n\n// `this.each` is deprecated, if any extension used this it can be recreated by doing this:\n// * @example $(canvas.getRootElem()).children().each(...)\n// * @function module:svgcanvas.SvgCanvas#each\n// this.each = function (cb) {\n//  $(svgroot).children().each(cb);\n// };\n\n/**\n* Removes any old rotations if present, prepends a new rotation at the\n* transformed center\n* @function module:svgcanvas.SvgCanvas#setRotationAngle\n* @param {string|Float} val - The new rotation angle in degrees\n* @param {boolean} preventUndo - Indicates whether the action should be undoable or not\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.setRotationAngle = function (val, preventUndo) {\n  // ensure val is the proper type\n  val = parseFloat(val);\n  const elem = selectedElements[0];\n  const oldTransform = elem.getAttribute('transform');\n  const bbox = utilsGetBBox(elem);\n  const cx = bbox.x + bbox.width / 2, cy = bbox.y + bbox.height / 2;\n  const tlist = getTransformList(elem);\n\n  // only remove the real rotational transform if present (i.e. at index=0)\n  if (tlist.numberOfItems > 0) {\n    const xform = tlist.getItem(0);\n    if (xform.type === 4) {\n      tlist.removeItem(0);\n    }\n  }\n  // find Rnc and insert it\n  if (val !== 0) {\n    const center = transformPoint(cx, cy, transformListToTransform(tlist).matrix);\n    const Rnc = svgroot.createSVGTransform();\n    Rnc.setRotate(val, center.x, center.y);\n    if (tlist.numberOfItems) {\n      tlist.insertItemBefore(Rnc, 0);\n    } else {\n      tlist.appendItem(Rnc);\n    }\n  } else if (tlist.numberOfItems === 0) {\n    elem.removeAttribute('transform');\n  }\n\n  if (!preventUndo) {\n    // we need to undo it, then redo it so it can be undo-able! :)\n    // TODO: figure out how to make changes to transform list undo-able cross-browser?\n    const newTransform = elem.getAttribute('transform');\n    elem.setAttribute('transform', oldTransform);\n    changeSelectedAttribute('transform', newTransform, selectedElements);\n    call('changed', selectedElements);\n  }\n  // const pointGripContainer = getElem('pathpointgrip_container');\n  // if (elem.nodeName === 'path' && pointGripContainer) {\n  //   pathActions.setPointContainerTransform(elem.getAttribute('transform'));\n  // }\n  const selector = selectorManager.requestSelector(selectedElements[0]);\n  selector.resize();\n  selector.updateGripCursors(val);\n};\n\n/**\n* Runs `recalculateDimensions` on the selected elements,\n* adding the changes to a single batch command\n* @function module:svgcanvas.SvgCanvas#recalculateAllSelectedDimensions\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nconst recalculateAllSelectedDimensions = this.recalculateAllSelectedDimensions = function () {\n  const text = (currentResizeMode === 'none' ? 'position' : 'size');\n  const batchCmd = new BatchCommand(text);\n\n  let i = selectedElements.length;\n  while (i--) {\n    const elem = selectedElements[i];\n    // if (getRotationAngle(elem) && !hasMatrixTransform(getTransformList(elem))) { continue; }\n    const cmd = recalculateDimensions(elem);\n    if (cmd) {\n      batchCmd.addSubCommand(cmd);\n    }\n  }\n\n  if (!batchCmd.isEmpty()) {\n    addCommandToHistory(batchCmd);\n    call('changed', selectedElements);\n  }\n};\n\n/**\n * Debug tool to easily see the current matrix in the browser's console\n * @function module:svgcanvas~logMatrix\n * @param {SVGMatrix} m The matrix\n * @returns {undefined}\n */\nconst logMatrix = function (m) {\n  console.log([m.a, m.b, m.c, m.d, m.e, m.f]);\n};\n\n// Root Current Transformation Matrix in user units\nlet rootSctm = null;\n\n/**\n* Group: Selection\n*/\n\n// TODO: do we need to worry about selectedBBoxes here?\n\n/**\n* Selects only the given elements, shortcut for clearSelection(); addToSelection()\n* @function module:svgcanvas.SvgCanvas#selectOnly\n* @param {Element[]} elems - an array of DOM elements to be selected\n* @param {boolean} showGrips - Indicates whether the resize grips should be shown\n* @returns {undefined}\n*/\nconst selectOnly = this.selectOnly = function (elems, showGrips) {\n  clearSelection(true);\n  addToSelection(elems, showGrips);\n};\n\n// TODO: could use slice here to make this faster?\n// TODO: should the 'selected' handler\n\n/**\n* Removes elements from the selection.\n* @function module:svgcanvas.SvgCanvas#removeFromSelection\n* @param {Element[]} elemsToRemove - An array of elements to remove from selection\n* @returns {undefined}\n*/\n/* const removeFromSelection = */ this.removeFromSelection = function (elemsToRemove) {\n  if (selectedElements[0] == null) { return; }\n  if (!elemsToRemove.length) { return; }\n\n  // find every element and remove it from our array copy\n  const newSelectedItems = [],\n    len = selectedElements.length;\n  for (let i = 0; i < len; ++i) {\n    const elem = selectedElements[i];\n    if (elem) {\n      // keep the item\n      if (!elemsToRemove.includes(elem)) {\n        newSelectedItems.push(elem);\n      } else { // remove the item and its selector\n        selectorManager.releaseSelector(elem);\n      }\n    }\n  }\n  // the copy becomes the master now\n  selectedElements = newSelectedItems;\n};\n\n/**\n* Clears the selection, then adds all elements in the current layer to the selection.\n* @function module:svgcanvas.SvgCanvas#selectAllInCurrentLayer\n* @returns {undefined}\n*/\nthis.selectAllInCurrentLayer = function () {\n  const currentLayer = getCurrentDrawing().getCurrentLayer();\n  if (currentLayer) {\n    currentMode = 'select';\n    selectOnly($(currentGroup || currentLayer).children());\n  }\n};\n\nlet drawnPath = null;\n\n// Mouse events\n(function () {\nconst freehand = {\n  minx: null,\n  miny: null,\n  maxx: null,\n  maxy: null\n};\nconst THRESHOLD_DIST = 0.8,\n  STEP_COUNT = 10;\nlet dAttr = null,\n  startX = null,\n  startY = null,\n  rStartX = null,\n  rStartY = null,\n  initBbox = {},\n  sumDistance = 0,\n  controllPoint2 = {x: 0, y: 0},\n  controllPoint1 = {x: 0, y: 0},\n  start = {x: 0, y: 0},\n  end = {x: 0, y: 0},\n  bSpline = {x: 0, y: 0},\n  nextPos = {x: 0, y: 0},\n  parameter,\n  nextParameter;\n\nconst getBsplinePoint = function (t) {\n  const spline = {x: 0, y: 0},\n    p0 = controllPoint2,\n    p1 = controllPoint1,\n    p2 = start,\n    p3 = end,\n    S = 1.0 / 6.0,\n    t2 = t * t,\n    t3 = t2 * t;\n\n  const m = [\n    [-1, 3, -3, 1],\n    [3, -6, 3, 0],\n    [-3, 0, 3, 0],\n    [1, 4, 1, 0]\n  ];\n\n  spline.x = S * (\n    (p0.x * m[0][0] + p1.x * m[0][1] + p2.x * m[0][2] + p3.x * m[0][3]) * t3 +\n      (p0.x * m[1][0] + p1.x * m[1][1] + p2.x * m[1][2] + p3.x * m[1][3]) * t2 +\n      (p0.x * m[2][0] + p1.x * m[2][1] + p2.x * m[2][2] + p3.x * m[2][3]) * t +\n      (p0.x * m[3][0] + p1.x * m[3][1] + p2.x * m[3][2] + p3.x * m[3][3])\n  );\n  spline.y = S * (\n    (p0.y * m[0][0] + p1.y * m[0][1] + p2.y * m[0][2] + p3.y * m[0][3]) * t3 +\n      (p0.y * m[1][0] + p1.y * m[1][1] + p2.y * m[1][2] + p3.y * m[1][3]) * t2 +\n      (p0.y * m[2][0] + p1.y * m[2][1] + p2.y * m[2][2] + p3.y * m[2][3]) * t +\n      (p0.y * m[3][0] + p1.y * m[3][1] + p2.y * m[3][2] + p3.y * m[3][3])\n  );\n\n  return {\n    x: spline.x,\n    y: spline.y\n  };\n};\n/**\n * - When we are in a create mode, the element is added to the canvas but the\n *   action is not recorded until mousing up.\n * - When we are in select mode, select the element, remember the position\n *   and do nothing else\n * @param {MouseEvent} evt\n * @fires module:svgcanvas.SvgCanvas#event:ext-mouseDown\n * @returns {undefined}\n */\nconst mouseDown = function (evt) {\n  if (canvas.spaceKey || evt.button === 1) { return; }\n\n  const rightClick = evt.button === 2;\n\n  if (evt.altKey) { // duplicate when dragging\n    canvas.cloneSelectedElements(0, 0);\n  }\n\n  rootSctm = $('#svgcontent g')[0].getScreenCTM().inverse();\n\n  const pt = transformPoint(evt.pageX, evt.pageY, rootSctm),\n    mouseX = pt.x * currentZoom,\n    mouseY = pt.y * currentZoom;\n\n  evt.preventDefault();\n\n  if (rightClick) {\n    currentMode = 'select';\n    lastClickPoint = pt;\n  }\n\n  // This would seem to be unnecessary...\n  // if (!['select', 'resize'].includes(currentMode)) {\n  //   setGradient();\n  // }\n\n  let x = mouseX / currentZoom,\n    y = mouseY / currentZoom;\n  let mouseTarget = getMouseTarget(evt);\n\n  if (mouseTarget.tagName === 'a' && mouseTarget.childNodes.length === 1) {\n    mouseTarget = mouseTarget.firstChild;\n  }\n\n  // realX/y ignores grid-snap value\n  const realX = x;\n  rStartX = startX = x;\n  const realY = y;\n  rStartY = startY = y;\n\n  if (curConfig.gridSnapping) {\n    x = snapToGrid(x);\n    y = snapToGrid(y);\n    startX = snapToGrid(startX);\n    startY = snapToGrid(startY);\n  }\n\n  // if it is a selector grip, then it must be a single element selected,\n  // set the mouseTarget to that and update the mode to rotate/resize\n\n  if (mouseTarget === selectorManager.selectorParentGroup && selectedElements[0] != null) {\n    const grip = evt.target;\n    const griptype = elData(grip, 'type');\n    // rotating\n    if (griptype === 'rotate') {\n      currentMode = 'rotate';\n    // resizing\n    } else if (griptype === 'resize') {\n      currentMode = 'resize';\n      currentResizeMode = elData(grip, 'dir');\n    }\n    mouseTarget = selectedElements[0];\n  }\n\n  startTransform = mouseTarget.getAttribute('transform');\n  let i, strokeW;\n  const tlist = getTransformList(mouseTarget);\n  switch (currentMode) {\n  case 'select':\n    started = true;\n    currentResizeMode = 'none';\n    if (rightClick) { started = false; }\n\n    if (mouseTarget !== svgroot) {\n      // if this element is not yet selected, clear selection and select it\n      if (!selectedElements.includes(mouseTarget)) {\n        // only clear selection if shift is not pressed (otherwise, add\n        // element to selection)\n        if (!evt.shiftKey) {\n          // No need to do the call here as it will be done on addToSelection\n          clearSelection(true);\n        }\n        addToSelection([mouseTarget]);\n        justSelected = mouseTarget;\n        pathActions.clear();\n      }\n      // else if it's a path, go into pathedit mode in mouseup\n\n      if (!rightClick) {\n        // insert a dummy transform so if the element(s) are moved it will have\n        // a transform to use for its translate\n        for (i = 0; i < selectedElements.length; ++i) {\n          if (selectedElements[i] == null) { continue; }\n          const slist = getTransformList(selectedElements[i]);\n          if (slist.numberOfItems) {\n            slist.insertItemBefore(svgroot.createSVGTransform(), 0);\n          } else {\n            slist.appendItem(svgroot.createSVGTransform());\n          }\n        }\n      }\n    } else if (!rightClick) {\n      clearSelection();\n      currentMode = 'multiselect';\n      if (rubberBox == null) {\n        rubberBox = selectorManager.getRubberBandBox();\n      }\n      rStartX *= currentZoom;\n      rStartY *= currentZoom;\n      // console.log('p',[evt.pageX, evt.pageY]);\n      // console.log('c',[evt.clientX, evt.clientY]);\n      // console.log('o',[evt.offsetX, evt.offsetY]);\n      // console.log('s',[startX, startY]);\n\n      assignAttributes(rubberBox, {\n        x: rStartX,\n        y: rStartY,\n        width: 0,\n        height: 0,\n        display: 'inline'\n      }, 100);\n    }\n    break;\n  case 'zoom':\n    started = true;\n    if (rubberBox == null) {\n      rubberBox = selectorManager.getRubberBandBox();\n    }\n    assignAttributes(rubberBox, {\n      x: realX * currentZoom,\n      y: realX * currentZoom,\n      width: 0,\n      height: 0,\n      display: 'inline'\n    }, 100);\n    break;\n  case 'resize':\n    started = true;\n    startX = x;\n    startY = y;\n\n    // Getting the BBox from the selection box, since we know we\n    // want to orient around it\n    initBbox = utilsGetBBox($('#selectedBox0')[0]);\n    const bb = {};\n    $.each(initBbox, function (key, val) {\n      bb[key] = val / currentZoom;\n    });\n    initBbox = bb;\n\n    // append three dummy transforms to the tlist so that\n    // we can translate,scale,translate in mousemove\n    const pos = getRotationAngle(mouseTarget) ? 1 : 0;\n\n    if (hasMatrixTransform(tlist)) {\n      tlist.insertItemBefore(svgroot.createSVGTransform(), pos);\n      tlist.insertItemBefore(svgroot.createSVGTransform(), pos);\n      tlist.insertItemBefore(svgroot.createSVGTransform(), pos);\n    } else {\n      tlist.appendItem(svgroot.createSVGTransform());\n      tlist.appendItem(svgroot.createSVGTransform());\n      tlist.appendItem(svgroot.createSVGTransform());\n\n      if (supportsNonScalingStroke()) {\n        // Handle crash for newer Chrome and Safari 6 (Mobile and Desktop):\n        // https://code.google.com/p/svg-edit/issues/detail?id=904\n        // Chromium issue: https://code.google.com/p/chromium/issues/detail?id=114625\n        // TODO: Remove this workaround once vendor fixes the issue\n        const iswebkit = isWebkit();\n\n        let delayedStroke;\n        if (iswebkit) {\n          delayedStroke = function (ele) {\n            const _stroke = ele.getAttributeNS(null, 'stroke');\n            ele.removeAttributeNS(null, 'stroke');\n            // Re-apply stroke after delay. Anything higher than 1 seems to cause flicker\n            if (_stroke !== null) setTimeout(function () { ele.setAttributeNS(null, 'stroke', _stroke); }, 0);\n          };\n        }\n        mouseTarget.style.vectorEffect = 'non-scaling-stroke';\n        if (iswebkit) { delayedStroke(mouseTarget); }\n\n        const all = mouseTarget.getElementsByTagName('*'),\n          len = all.length;\n        for (i = 0; i < len; i++) {\n          if (!all[i].style) { // mathML\n            continue;\n          }\n          all[i].style.vectorEffect = 'non-scaling-stroke';\n          if (iswebkit) { delayedStroke(all[i]); }\n        }\n      }\n    }\n    break;\n  case 'fhellipse':\n  case 'fhrect':\n  case 'fhpath':\n    start.x = realX;\n    start.y = realY;\n    started = true;\n    dAttr = realX + ',' + realY + ' ';\n    strokeW = parseFloat(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;\n    addSVGElementFromJson({\n      element: 'polyline',\n      curStyles: true,\n      attr: {\n        points: dAttr,\n        id: getNextId(),\n        fill: 'none',\n        opacity: curShape.opacity / 2,\n        'stroke-linecap': 'round',\n        style: 'pointer-events:none'\n      }\n    });\n    freehand.minx = realX;\n    freehand.maxx = realX;\n    freehand.miny = realY;\n    freehand.maxy = realY;\n    break;\n  case 'image':\n    started = true;\n    const newImage = addSVGElementFromJson({\n      element: 'image',\n      attr: {\n        x,\n        y,\n        width: 0,\n        height: 0,\n        id: getNextId(),\n        opacity: curShape.opacity / 2,\n        style: 'pointer-events:inherit'\n      }\n    });\n    setHref(newImage, lastGoodImgUrl);\n    preventClickDefault(newImage);\n    break;\n  case 'square':\n    // FIXME: once we create the rect, we lose information that this was a square\n    // (for resizing purposes this could be important)\n    // Fallthrough\n  case 'rect':\n    started = true;\n    startX = x;\n    startY = y;\n    addSVGElementFromJson({\n      element: 'rect',\n      curStyles: true,\n      attr: {\n        x,\n        y,\n        width: 0,\n        height: 0,\n        id: getNextId(),\n        opacity: curShape.opacity / 2\n      }\n    });\n    break;\n  case 'line':\n    started = true;\n    strokeW = Number(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;\n    addSVGElementFromJson({\n      element: 'line',\n      curStyles: true,\n      attr: {\n        x1: x,\n        y1: y,\n        x2: x,\n        y2: y,\n        id: getNextId(),\n        stroke: curShape.stroke,\n        'stroke-width': strokeW,\n        'stroke-dasharray': curShape.stroke_dasharray,\n        'stroke-linejoin': curShape.stroke_linejoin,\n        'stroke-linecap': curShape.stroke_linecap,\n        'stroke-opacity': curShape.stroke_opacity,\n        fill: 'none',\n        opacity: curShape.opacity / 2,\n        style: 'pointer-events:none'\n      }\n    });\n    break;\n  case 'circle':\n    started = true;\n    addSVGElementFromJson({\n      element: 'circle',\n      curStyles: true,\n      attr: {\n        cx: x,\n        cy: y,\n        r: 0,\n        id: getNextId(),\n        opacity: curShape.opacity / 2\n      }\n    });\n    break;\n  case 'ellipse':\n    started = true;\n    addSVGElementFromJson({\n      element: 'ellipse',\n      curStyles: true,\n      attr: {\n        cx: x,\n        cy: y,\n        rx: 0,\n        ry: 0,\n        id: getNextId(),\n        opacity: curShape.opacity / 2\n      }\n    });\n    break;\n  case 'text':\n    started = true;\n    /* const newText = */ addSVGElementFromJson({\n      element: 'text',\n      curStyles: true,\n      attr: {\n        x,\n        y,\n        id: getNextId(),\n        fill: curText.fill,\n        'stroke-width': curText.stroke_width,\n        'font-size': curText.font_size,\n        'font-family': curText.font_family,\n        'text-anchor': 'middle',\n        'xml:space': 'preserve',\n        opacity: curShape.opacity\n      }\n    });\n    // newText.textContent = 'text';\n    break;\n  case 'path':\n    // Fall through\n  case 'pathedit':\n    startX *= currentZoom;\n    startY *= currentZoom;\n    pathActions.mouseDown(evt, mouseTarget, startX, startY);\n    started = true;\n    break;\n  case 'textedit':\n    startX *= currentZoom;\n    startY *= currentZoom;\n    textActions.mouseDown(evt, mouseTarget, startX, startY);\n    started = true;\n    break;\n  case 'rotate':\n    started = true;\n    // we are starting an undoable change (a drag-rotation)\n    canvas.undoMgr.beginUndoableChange('transform', selectedElements);\n    break;\n  default:\n    // This could occur in an extension\n    break;\n  }\n\n  /**\n   * The main (left) mouse button is held down on the canvas area\n   * @event module:svgcanvas.SvgCanvas#event:ext-mouseDown\n   * @type {PlainObject}\n   * @property {MouseEvent} event The event object\n   * @property {Float} start_x x coordinate on canvas\n   * @property {Float} start_y y coordinate on canvas\n   * @property {Element[]} selectedElements An array of the selected Elements\n  */\n  const extResult = runExtensions('mouseDown', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseDown} */ {\n    event: evt,\n    start_x: startX,\n    start_y: startY,\n    selectedElements\n  }, true);\n\n  $.each(extResult, function (i, r) {\n    if (r && r.started) {\n      started = true;\n    }\n  });\n};\n\n// in this function we do not record any state changes yet (but we do update\n// any elements that are still being created, moved or resized on the canvas)\n/**\n *\n * @param {MouseEvent} evt\n * @fires module:svgcanvas.SvgCanvas#event:transition\n * @fires module:svgcanvas.SvgCanvas#event:ext-mouseMove\n * @returns {undefined}\n */\nconst mouseMove = function (evt) {\n  if (!started) { return; }\n  if (evt.button === 1 || canvas.spaceKey) { return; }\n\n  let i, xya, c, cx, cy, dx, dy, len, angle, box,\n    selected = selectedElements[0];\n  const\n    pt = transformPoint(evt.pageX, evt.pageY, rootSctm),\n    mouseX = pt.x * currentZoom,\n    mouseY = pt.y * currentZoom,\n    shape = getElem(getId());\n\n  let realX = mouseX / currentZoom;\n  let x = realX;\n  let realY = mouseY / currentZoom;\n  let y = realY;\n\n  if (curConfig.gridSnapping) {\n    x = snapToGrid(x);\n    y = snapToGrid(y);\n  }\n\n  evt.preventDefault();\n  let tlist;\n  switch (currentMode) {\n  case 'select': {\n    // we temporarily use a translate on the element(s) being dragged\n    // this transform is removed upon mousing up and the element is\n    // relocated to the new location\n    if (selectedElements[0] !== null) {\n      dx = x - startX;\n      dy = y - startY;\n\n      if (curConfig.gridSnapping) {\n        dx = snapToGrid(dx);\n        dy = snapToGrid(dy);\n      }\n\n      if (evt.shiftKey) {\n        xya = snapToAngle(startX, startY, x, y);\n        ({x, y} = xya);\n      }\n\n      if (dx !== 0 || dy !== 0) {\n        len = selectedElements.length;\n        for (i = 0; i < len; ++i) {\n          selected = selectedElements[i];\n          if (selected == null) { break; }\n          // if (i === 0) {\n          //   const box = utilsGetBBox(selected);\n          //     selectedBBoxes[i].x = box.x + dx;\n          //     selectedBBoxes[i].y = box.y + dy;\n          // }\n\n          // update the dummy transform in our transform list\n          // to be a translate\n          const xform = svgroot.createSVGTransform();\n          tlist = getTransformList(selected);\n          // Note that if Webkit and there's no ID for this\n          // element, the dummy transform may have gotten lost.\n          // This results in unexpected behaviour\n\n          xform.setTranslate(dx, dy);\n          if (tlist.numberOfItems) {\n            tlist.replaceItem(xform, 0);\n          } else {\n            tlist.appendItem(xform);\n          }\n\n          // update our internal bbox that we're tracking while dragging\n          selectorManager.requestSelector(selected).resize();\n        }\n\n        call('transition', selectedElements);\n      }\n    }\n    break;\n  } case 'multiselect': {\n    realX *= currentZoom;\n    realY *= currentZoom;\n    assignAttributes(rubberBox, {\n      x: Math.min(rStartX, realX),\n      y: Math.min(rStartY, realY),\n      width: Math.abs(realX - rStartX),\n      height: Math.abs(realY - rStartY)\n    }, 100);\n\n    // for each selected:\n    // - if newList contains selected, do nothing\n    // - if newList doesn't contain selected, remove it from selected\n    // - for any newList that was not in selectedElements, add it to selected\n    const elemsToRemove = selectedElements.slice(), elemsToAdd = [],\n      newList = getIntersectionList();\n\n    // For every element in the intersection, add if not present in selectedElements.\n    len = newList.length;\n    for (i = 0; i < len; ++i) {\n      const intElem = newList[i];\n      // Found an element that was not selected before, so we should add it.\n      if (!selectedElements.includes(intElem)) {\n        elemsToAdd.push(intElem);\n      }\n      // Found an element that was already selected, so we shouldn't remove it.\n      const foundInd = elemsToRemove.indexOf(intElem);\n      if (foundInd !== -1) {\n        elemsToRemove.splice(foundInd, 1);\n      }\n    }\n\n    if (elemsToRemove.length > 0) {\n      canvas.removeFromSelection(elemsToRemove);\n    }\n\n    if (elemsToAdd.length > 0) {\n      canvas.addToSelection(elemsToAdd);\n    }\n\n    break;\n  } case 'resize': {\n    // we track the resize bounding box and translate/scale the selected element\n    // while the mouse is down, when mouse goes up, we use this to recalculate\n    // the shape's coordinates\n    tlist = getTransformList(selected);\n    const hasMatrix = hasMatrixTransform(tlist);\n    box = hasMatrix ? initBbox : utilsGetBBox(selected);\n    let left = box.x,\n      top = box.y,\n      {width, height} = box;\n    dx = (x - startX);\n    dy = (y - startY);\n\n    if (curConfig.gridSnapping) {\n      dx = snapToGrid(dx);\n      dy = snapToGrid(dy);\n      height = snapToGrid(height);\n      width = snapToGrid(width);\n    }\n\n    // if rotated, adjust the dx,dy values\n    angle = getRotationAngle(selected);\n    if (angle) {\n      const r = Math.sqrt(dx * dx + dy * dy),\n        theta = Math.atan2(dy, dx) - angle * Math.PI / 180.0;\n      dx = r * Math.cos(theta);\n      dy = r * Math.sin(theta);\n    }\n\n    // if not stretching in y direction, set dy to 0\n    // if not stretching in x direction, set dx to 0\n    if (!currentResizeMode.includes('n') && !currentResizeMode.includes('s')) {\n      dy = 0;\n    }\n    if (!currentResizeMode.includes('e') && !currentResizeMode.includes('w')) {\n      dx = 0;\n    }\n\n    let // ts = null,\n      tx = 0, ty = 0,\n      sy = height ? (height + dy) / height : 1,\n      sx = width ? (width + dx) / width : 1;\n    // if we are dragging on the north side, then adjust the scale factor and ty\n    if (currentResizeMode.includes('n')) {\n      sy = height ? (height - dy) / height : 1;\n      ty = height;\n    }\n\n    // if we dragging on the east side, then adjust the scale factor and tx\n    if (currentResizeMode.includes('w')) {\n      sx = width ? (width - dx) / width : 1;\n      tx = width;\n    }\n\n    // update the transform list with translate,scale,translate\n    const translateOrigin = svgroot.createSVGTransform(),\n      scale = svgroot.createSVGTransform(),\n      translateBack = svgroot.createSVGTransform();\n\n    if (curConfig.gridSnapping) {\n      left = snapToGrid(left);\n      tx = snapToGrid(tx);\n      top = snapToGrid(top);\n      ty = snapToGrid(ty);\n    }\n\n    translateOrigin.setTranslate(-(left + tx), -(top + ty));\n    if (evt.shiftKey) {\n      if (sx === 1) {\n        sx = sy;\n      } else { sy = sx; }\n    }\n    scale.setScale(sx, sy);\n\n    translateBack.setTranslate(left + tx, top + ty);\n    if (hasMatrix) {\n      const diff = angle ? 1 : 0;\n      tlist.replaceItem(translateOrigin, 2 + diff);\n      tlist.replaceItem(scale, 1 + diff);\n      tlist.replaceItem(translateBack, Number(diff));\n    } else {\n      const N = tlist.numberOfItems;\n      tlist.replaceItem(translateBack, N - 3);\n      tlist.replaceItem(scale, N - 2);\n      tlist.replaceItem(translateOrigin, N - 1);\n    }\n\n    selectorManager.requestSelector(selected).resize();\n\n    call('transition', selectedElements);\n\n    break;\n  } case 'zoom': {\n    realX *= currentZoom;\n    realY *= currentZoom;\n    assignAttributes(rubberBox, {\n      x: Math.min(rStartX * currentZoom, realX),\n      y: Math.min(rStartY * currentZoom, realY),\n      width: Math.abs(realX - rStartX * currentZoom),\n      height: Math.abs(realY - rStartY * currentZoom)\n    }, 100);\n    break;\n  } case 'text': {\n    assignAttributes(shape, {\n      x,\n      y\n    }, 1000);\n    break;\n  } case 'line': {\n    if (curConfig.gridSnapping) {\n      x = snapToGrid(x);\n      y = snapToGrid(y);\n    }\n\n    let x2 = x;\n    let y2 = y;\n\n    if (evt.shiftKey) {\n      xya = snapToAngle(startX, startY, x2, y2);\n      x2 = xya.x;\n      y2 = xya.y;\n    }\n\n    shape.setAttributeNS(null, 'x2', x2);\n    shape.setAttributeNS(null, 'y2', y2);\n    break;\n  } case 'foreignObject':\n    // fall through\n  case 'square':\n    // fall through\n  case 'rect':\n    // fall through\n  case 'image': {\n    const square = (currentMode === 'square') || evt.shiftKey;\n    let\n      w = Math.abs(x - startX),\n      h = Math.abs(y - startY);\n    let newX, newY;\n    if (square) {\n      w = h = Math.max(w, h);\n      newX = startX < x ? startX : startX - w;\n      newY = startY < y ? startY : startY - h;\n    } else {\n      newX = Math.min(startX, x);\n      newY = Math.min(startY, y);\n    }\n\n    if (curConfig.gridSnapping) {\n      w = snapToGrid(w);\n      h = snapToGrid(h);\n      newX = snapToGrid(newX);\n      newY = snapToGrid(newY);\n    }\n\n    assignAttributes(shape, {\n      width: w,\n      height: h,\n      x: newX,\n      y: newY\n    }, 1000);\n\n    break;\n  } case 'circle': {\n    c = $(shape).attr(['cx', 'cy']);\n    ({cx, cy} = c);\n    let rad = Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy));\n    if (curConfig.gridSnapping) {\n      rad = snapToGrid(rad);\n    }\n    shape.setAttributeNS(null, 'r', rad);\n    break;\n  } case 'ellipse': {\n    c = $(shape).attr(['cx', 'cy']);\n    ({cx, cy} = c);\n    if (curConfig.gridSnapping) {\n      x = snapToGrid(x);\n      cx = snapToGrid(cx);\n      y = snapToGrid(y);\n      cy = snapToGrid(cy);\n    }\n    shape.setAttributeNS(null, 'rx', Math.abs(x - cx));\n    const ry = Math.abs(evt.shiftKey ? (x - cx) : (y - cy));\n    shape.setAttributeNS(null, 'ry', ry);\n    break;\n  }\n  case 'fhellipse':\n  case 'fhrect': {\n    freehand.minx = Math.min(realX, freehand.minx);\n    freehand.maxx = Math.max(realX, freehand.maxx);\n    freehand.miny = Math.min(realY, freehand.miny);\n    freehand.maxy = Math.max(realY, freehand.maxy);\n  }\n  // Fallthrough\n  case 'fhpath': {\n    // dAttr += + realX + ',' + realY + ' ';\n    // shape.setAttributeNS(null, 'points', dAttr);\n    end.x = realX; end.y = realY;\n    if (controllPoint2.x && controllPoint2.y) {\n      for (i = 0; i < STEP_COUNT - 1; i++) {\n        parameter = i / STEP_COUNT;\n        nextParameter = (i + 1) / STEP_COUNT;\n        bSpline = getBsplinePoint(nextParameter);\n        nextPos = bSpline;\n        bSpline = getBsplinePoint(parameter);\n        sumDistance += Math.sqrt((nextPos.x - bSpline.x) * (nextPos.x - bSpline.x) + (nextPos.y - bSpline.y) * (nextPos.y - bSpline.y));\n        if (sumDistance > THRESHOLD_DIST) {\n          sumDistance -= THRESHOLD_DIST;\n\n          // Faster than completely re-writing the points attribute.\n          const point = svgcontent.createSVGPoint();\n          point.x = bSpline.x;\n          point.y = bSpline.y;\n          shape.points.appendItem(point);\n        }\n      }\n    }\n    controllPoint2 = {x: controllPoint1.x, y: controllPoint1.y};\n    controllPoint1 = {x: start.x, y: start.y};\n    start = {x: end.x, y: end.y};\n    break;\n  // update path stretch line coordinates\n  } case 'path': {\n  }\n  // fall through\n  case 'pathedit': {\n    x *= currentZoom;\n    y *= currentZoom;\n\n    if (curConfig.gridSnapping) {\n      x = snapToGrid(x);\n      y = snapToGrid(y);\n      startX = snapToGrid(startX);\n      startY = snapToGrid(startY);\n    }\n    if (evt.shiftKey) {\n      const {path} = pathModule;\n      let x1, y1;\n      if (path) {\n        x1 = path.dragging ? path.dragging[0] : startX;\n        y1 = path.dragging ? path.dragging[1] : startY;\n      } else {\n        x1 = startX;\n        y1 = startY;\n      }\n      xya = snapToAngle(x1, y1, x, y);\n      ({x, y} = xya);\n    }\n\n    if (rubberBox && rubberBox.getAttribute('display') !== 'none') {\n      realX *= currentZoom;\n      realY *= currentZoom;\n      assignAttributes(rubberBox, {\n        x: Math.min(rStartX * currentZoom, realX),\n        y: Math.min(rStartY * currentZoom, realY),\n        width: Math.abs(realX - rStartX * currentZoom),\n        height: Math.abs(realY - rStartY * currentZoom)\n      }, 100);\n    }\n    pathActions.mouseMove(x, y);\n\n    break;\n  } case 'textedit': {\n    x *= currentZoom;\n    y *= currentZoom;\n    // if (rubberBox && rubberBox.getAttribute('display') !== 'none') {\n    //   assignAttributes(rubberBox, {\n    //     x: Math.min(startX, x),\n    //     y: Math.min(startY, y),\n    //     width: Math.abs(x - startX),\n    //     height: Math.abs(y - startY)\n    //   }, 100);\n    // }\n\n    textActions.mouseMove(mouseX, mouseY);\n\n    break;\n  } case 'rotate': {\n    box = utilsGetBBox(selected);\n    cx = box.x + box.width / 2;\n    cy = box.y + box.height / 2;\n    const m = getMatrix(selected),\n      center = transformPoint(cx, cy, m);\n    cx = center.x;\n    cy = center.y;\n    angle = ((Math.atan2(cy - y, cx - x) * (180 / Math.PI)) - 90) % 360;\n    if (curConfig.gridSnapping) {\n      angle = snapToGrid(angle);\n    }\n    if (evt.shiftKey) { // restrict rotations to nice angles (WRS)\n      const snap = 45;\n      angle = Math.round(angle / snap) * snap;\n    }\n\n    canvas.setRotationAngle(angle < -180 ? (360 + angle) : angle, true);\n    call('transition', selectedElements);\n    break;\n  } default:\n    break;\n  }\n\n  /**\n  * The mouse has moved on the canvas area\n  * @event module:svgcanvas.SvgCanvas#event:ext-mouseMove\n  * @type {PlainObject}\n  * @property {MouseEvent} event The event object\n  * @property {Float} mouse_x x coordinate on canvas\n  * @property {Float} mouse_y y coordinate on canvas\n  * @property {Element} selected Refers to the first selected element\n  */\n  runExtensions('mouseMove', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseMove} */ {\n    event: evt,\n    mouse_x: mouseX,\n    mouse_y: mouseY,\n    selected\n  });\n}; // mouseMove()\n\n// - in create mode, the element's opacity is set properly, we create an InsertElementCommand\n// and store it on the Undo stack\n// - in move/resize mode, the element's attributes which were affected by the move/resize are\n// identified, a ChangeElementCommand is created and stored on the stack for those attrs\n// this is done in when we recalculate the selected dimensions()\n/**\n *\n * @param {MouseEvent} evt\n * @fires module:svgcanvas.SvgCanvas#event:zoomed\n * @fires module:svgcanvas.SvgCanvas#event:changed\n * @fires module:svgcanvas.SvgCanvas#event:ext-mouseUp\n * @returns {undefined}\n */\nconst mouseUp = function (evt) {\n  if (evt.button === 2) { return; }\n  const tempJustSelected = justSelected;\n  justSelected = null;\n  if (!started) { return; }\n  const pt = transformPoint(evt.pageX, evt.pageY, rootSctm),\n    mouseX = pt.x * currentZoom,\n    mouseY = pt.y * currentZoom,\n    x = mouseX / currentZoom,\n    y = mouseY / currentZoom;\n\n  let element = getElem(getId());\n  let keep = false;\n\n  const realX = x;\n  const realY = y;\n\n  // TODO: Make true when in multi-unit mode\n  const useUnit = false; // (curConfig.baseUnit !== 'px');\n  started = false;\n  let attrs, t;\n  switch (currentMode) {\n  // intentionally fall-through to select here\n  case 'resize':\n  case 'multiselect':\n    if (rubberBox != null) {\n      rubberBox.setAttribute('display', 'none');\n      curBBoxes = [];\n    }\n    currentMode = 'select';\n    // Fallthrough\n  case 'select':\n    if (selectedElements[0] != null) {\n      // if we only have one selected element\n      if (selectedElements[1] == null) {\n        // set our current stroke/fill properties to the element's\n        const selected = selectedElements[0];\n        switch (selected.tagName) {\n        case 'g':\n        case 'use':\n        case 'image':\n        case 'foreignObject':\n          break;\n        default:\n          curProperties.fill = selected.getAttribute('fill');\n          curProperties.fill_opacity = selected.getAttribute('fill-opacity');\n          curProperties.stroke = selected.getAttribute('stroke');\n          curProperties.stroke_opacity = selected.getAttribute('stroke-opacity');\n          curProperties.stroke_width = selected.getAttribute('stroke-width');\n          curProperties.stroke_dasharray = selected.getAttribute('stroke-dasharray');\n          curProperties.stroke_linejoin = selected.getAttribute('stroke-linejoin');\n          curProperties.stroke_linecap = selected.getAttribute('stroke-linecap');\n        }\n\n        if (selected.tagName === 'text') {\n          curText.font_size = selected.getAttribute('font-size');\n          curText.font_family = selected.getAttribute('font-family');\n        }\n        selectorManager.requestSelector(selected).showGrips(true);\n\n        // This shouldn't be necessary as it was done on mouseDown...\n        // call('selected', [selected]);\n      }\n      // always recalculate dimensions to strip off stray identity transforms\n      recalculateAllSelectedDimensions();\n      // if it was being dragged/resized\n      if (realX !== rStartX || realY !== rStartY) {\n        const len = selectedElements.length;\n        for (let i = 0; i < len; ++i) {\n          if (selectedElements[i] == null) { break; }\n          if (!selectedElements[i].firstChild) {\n            // Not needed for groups (incorrectly resizes elems), possibly not needed at all?\n            selectorManager.requestSelector(selectedElements[i]).resize();\n          }\n        }\n      // no change in position/size, so maybe we should move to pathedit\n      } else {\n        t = evt.target;\n        if (selectedElements[0].nodeName === 'path' && selectedElements[1] == null) {\n          pathActions.select(selectedElements[0]);\n        // if it was a path\n        // else, if it was selected and this is a shift-click, remove it from selection\n        } else if (evt.shiftKey) {\n          if (tempJustSelected !== t) {\n            canvas.removeFromSelection([t]);\n          }\n        }\n      } // no change in mouse position\n\n      // Remove non-scaling stroke\n      if (supportsNonScalingStroke()) {\n        const elem = selectedElements[0];\n        if (elem) {\n          elem.removeAttribute('style');\n          walkTree(elem, function (elem) {\n            elem.removeAttribute('style');\n          });\n        }\n      }\n    }\n    return;\n  case 'zoom':\n    if (rubberBox != null) {\n      rubberBox.setAttribute('display', 'none');\n    }\n    const factor = evt.shiftKey ? 0.5 : 2;\n    call('zoomed', {\n      x: Math.min(rStartX, realX),\n      y: Math.min(rStartY, realY),\n      width: Math.abs(realX - rStartX),\n      height: Math.abs(realY - rStartY),\n      factor\n    });\n    return;\n  case 'fhpath':\n    // Check that the path contains at least 2 points; a degenerate one-point path\n    // causes problems.\n    // Webkit ignores how we set the points attribute with commas and uses space\n    // to separate all coordinates, see https://bugs.webkit.org/show_bug.cgi?id=29870\n    sumDistance = 0;\n    controllPoint2 = {x: 0, y: 0};\n    controllPoint1 = {x: 0, y: 0};\n    start = {x: 0, y: 0};\n    end = {x: 0, y: 0};\n    const coords = element.getAttribute('points');\n    const commaIndex = coords.indexOf(',');\n    if (commaIndex >= 0) {\n      keep = coords.indexOf(',', commaIndex + 1) >= 0;\n    } else {\n      keep = coords.indexOf(' ', coords.indexOf(' ') + 1) >= 0;\n    }\n    if (keep) {\n      element = pathActions.smoothPolylineIntoPath(element);\n    }\n    break;\n  case 'line':\n    attrs = $(element).attr(['x1', 'x2', 'y1', 'y2']);\n    keep = (attrs.x1 !== attrs.x2 || attrs.y1 !== attrs.y2);\n    break;\n  case 'foreignObject':\n  case 'square':\n  case 'rect':\n  case 'image':\n    attrs = $(element).attr(['width', 'height']);\n    // Image should be kept regardless of size (use inherit dimensions later)\n    keep = (attrs.width || attrs.height) || currentMode === 'image';\n    break;\n  case 'circle':\n    keep = (element.getAttribute('r') !== '0');\n    break;\n  case 'ellipse':\n    attrs = $(element).attr(['rx', 'ry']);\n    keep = (attrs.rx || attrs.ry);\n    break;\n  case 'fhellipse':\n    if ((freehand.maxx - freehand.minx) > 0 &&\n      (freehand.maxy - freehand.miny) > 0) {\n      element = addSVGElementFromJson({\n        element: 'ellipse',\n        curStyles: true,\n        attr: {\n          cx: (freehand.minx + freehand.maxx) / 2,\n          cy: (freehand.miny + freehand.maxy) / 2,\n          rx: (freehand.maxx - freehand.minx) / 2,\n          ry: (freehand.maxy - freehand.miny) / 2,\n          id: getId()\n        }\n      });\n      call('changed', [element]);\n      keep = true;\n    }\n    break;\n  case 'fhrect':\n    if ((freehand.maxx - freehand.minx) > 0 &&\n      (freehand.maxy - freehand.miny) > 0) {\n      element = addSVGElementFromJson({\n        element: 'rect',\n        curStyles: true,\n        attr: {\n          x: freehand.minx,\n          y: freehand.miny,\n          width: (freehand.maxx - freehand.minx),\n          height: (freehand.maxy - freehand.miny),\n          id: getId()\n        }\n      });\n      call('changed', [element]);\n      keep = true;\n    }\n    break;\n  case 'text':\n    keep = true;\n    selectOnly([element]);\n    textActions.start(element);\n    break;\n  case 'path':\n    // set element to null here so that it is not removed nor finalized\n    element = null;\n    // continue to be set to true so that mouseMove happens\n    started = true;\n\n    const res = pathActions.mouseUp(evt, element, mouseX, mouseY);\n    ({element} = res);\n    ({keep} = res);\n    break;\n  case 'pathedit':\n    keep = true;\n    element = null;\n    pathActions.mouseUp(evt);\n    break;\n  case 'textedit':\n    keep = false;\n    element = null;\n    textActions.mouseUp(evt, mouseX, mouseY);\n    break;\n  case 'rotate':\n    keep = true;\n    element = null;\n    currentMode = 'select';\n    const batchCmd = canvas.undoMgr.finishUndoableChange();\n    if (!batchCmd.isEmpty()) {\n      addCommandToHistory(batchCmd);\n    }\n    // perform recalculation to weed out any stray identity transforms that might get stuck\n    recalculateAllSelectedDimensions();\n    call('changed', selectedElements);\n    break;\n  default:\n    // This could occur in an extension\n    break;\n  }\n\n  /**\n  * The main (left) mouse button is released (anywhere)\n  * @event module:svgcanvas.SvgCanvas#event:ext-mouseUp\n  * @type {PlainObject}\n  * @property {MouseEvent} event The event object\n  * @property {Float} mouse_x x coordinate on canvas\n  * @property {Float} mouse_y y coordinate on canvas\n  */\n  const extResult = runExtensions('mouseUp', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseUp} */ {\n    event: evt,\n    mouse_x: mouseX,\n    mouse_y: mouseY\n  }, true);\n\n  $.each(extResult, function (i, r) {\n    if (r) {\n      keep = r.keep || keep;\n      ({element} = r);\n      started = r.started || started;\n    }\n  });\n\n  if (!keep && element != null) {\n    getCurrentDrawing().releaseId(getId());\n    element.remove();\n    element = null;\n\n    t = evt.target;\n\n    // if this element is in a group, go up until we reach the top-level group\n    // just below the layer groups\n    // TODO: once we implement links, we also would have to check for <a> elements\n    while (t && t.parentNode && t.parentNode.parentNode && t.parentNode.parentNode.tagName === 'g') {\n      t = t.parentNode;\n    }\n    // if we are not in the middle of creating a path, and we've clicked on some shape,\n    // then go to Select mode.\n    // WebKit returns <div> when the canvas is clicked, Firefox/Opera return <svg>\n    if ((currentMode !== 'path' || !drawnPath) &&\n      t && t.parentNode &&\n      t.parentNode.id !== 'selectorParentGroup' &&\n      t.id !== 'svgcanvas' && t.id !== 'svgroot'\n    ) {\n      // switch into \"select\" mode if we've clicked on an element\n      canvas.setMode('select');\n      selectOnly([t], true);\n    }\n  } else if (element != null) {\n    /**\n    * @name module:svgcanvas.SvgCanvas#addedNew\n    * @type {boolean}\n    */\n    canvas.addedNew = true;\n\n    if (useUnit) { convertAttrs(element); }\n\n    let aniDur = 0.2;\n    let cAni;\n    if (opacAni.beginElement && parseFloat(element.getAttribute('opacity')) !== curShape.opacity) {\n      cAni = $(opacAni).clone().attr({\n        to: curShape.opacity,\n        dur: aniDur\n      }).appendTo(element);\n      try {\n        // Fails in FF4 on foreignObject\n        cAni[0].beginElement();\n      } catch (e) {}\n    } else {\n      aniDur = 0;\n    }\n\n    // Ideally this would be done on the endEvent of the animation,\n    // but that doesn't seem to be supported in Webkit\n    setTimeout(function () {\n      if (cAni) { cAni.remove(); }\n      element.setAttribute('opacity', curShape.opacity);\n      element.setAttribute('style', 'pointer-events:inherit');\n      cleanupElement(element);\n      if (currentMode === 'path') {\n        pathActions.toEditMode(element);\n      } else if (curConfig.selectNew) {\n        selectOnly([element], true);\n      }\n      // we create the insert command that is stored on the stack\n      // undo means to call cmd.unapply(), redo means to call cmd.apply()\n      addCommandToHistory(new InsertElementCommand(element));\n\n      call('changed', [element]);\n    }, aniDur * 1000);\n  }\n\n  startTransform = null;\n};\n\nconst dblClick = function (evt) {\n  const evtTarget = evt.target;\n  const parent = evtTarget.parentNode;\n\n  // Do nothing if already in current group\n  if (parent === currentGroup) { return; }\n\n  let mouseTarget = getMouseTarget(evt);\n  const {tagName} = mouseTarget;\n\n  if (tagName === 'text' && currentMode !== 'textedit') {\n    const pt = transformPoint(evt.pageX, evt.pageY, rootSctm);\n    textActions.select(mouseTarget, pt.x, pt.y);\n  }\n\n  if ((tagName === 'g' || tagName === 'a') &&\n    getRotationAngle(mouseTarget)\n  ) {\n    // TODO: Allow method of in-group editing without having to do\n    // this (similar to editing rotated paths)\n\n    // Ungroup and regroup\n    pushGroupProperties(mouseTarget);\n    mouseTarget = selectedElements[0];\n    clearSelection(true);\n  }\n  // Reset context\n  if (currentGroup) {\n    draw.leaveContext();\n  }\n\n  if ((parent.tagName !== 'g' && parent.tagName !== 'a') ||\n    parent === getCurrentDrawing().getCurrentLayer() ||\n    mouseTarget === selectorManager.selectorParentGroup\n  ) {\n    // Escape from in-group edit\n    return;\n  }\n  draw.setContext(mouseTarget);\n};\n\n// prevent links from being followed in the canvas\nconst handleLinkInCanvas = function (e) {\n  e.preventDefault();\n  return false;\n};\n\n// Added mouseup to the container here.\n// TODO(codedread): Figure out why after the Closure compiler, the window mouseup is ignored.\n$(container).mousedown(mouseDown).mousemove(mouseMove).click(handleLinkInCanvas).dblclick(dblClick).mouseup(mouseUp);\n// $(window).mouseup(mouseUp);\n\n// TODO(rafaelcastrocouto): User preference for shift key and zoom factor\n$(container).bind(\n  'mousewheel DOMMouseScroll',\n  /**\n   * @param {Event} e\n   * @fires module:svgcanvas.SvgCanvas#event:updateCanvas\n   * @fires module:svgcanvas.SvgCanvas#event:zoomDone\n   * @returns {undefined}\n   */\n  function (e) {\n    if (!e.shiftKey) { return; }\n\n    e.preventDefault();\n    const evt = e.originalEvent;\n\n    rootSctm = $('#svgcontent g')[0].getScreenCTM().inverse();\n\n    const workarea = $('#workarea');\n    const scrbar = 15;\n    const rulerwidth = curConfig.showRulers ? 16 : 0;\n\n    // mouse relative to content area in content pixels\n    const pt = transformPoint(evt.pageX, evt.pageY, rootSctm);\n\n    // full work area width in screen pixels\n    const editorFullW = workarea.width();\n    const editorFullH = workarea.height();\n\n    // work area width minus scroll and ruler in screen pixels\n    const editorW = editorFullW - scrbar - rulerwidth;\n    const editorH = editorFullH - scrbar - rulerwidth;\n\n    // work area width in content pixels\n    const workareaViewW = editorW * rootSctm.a;\n    const workareaViewH = editorH * rootSctm.d;\n\n    // content offset from canvas in screen pixels\n    const wOffset = workarea.offset();\n    const wOffsetLeft = wOffset['left'] + rulerwidth;\n    const wOffsetTop = wOffset['top'] + rulerwidth;\n\n    const delta = (evt.wheelDelta) ? evt.wheelDelta : (evt.detail) ? -evt.detail : 0;\n    if (!delta) { return; }\n\n    let factor = Math.max(3 / 4, Math.min(4 / 3, (delta)));\n\n    let wZoom, hZoom;\n    if (factor > 1) {\n      wZoom = Math.ceil(editorW / workareaViewW * factor * 100) / 100;\n      hZoom = Math.ceil(editorH / workareaViewH * factor * 100) / 100;\n    } else {\n      wZoom = Math.floor(editorW / workareaViewW * factor * 100) / 100;\n      hZoom = Math.floor(editorH / workareaViewH * factor * 100) / 100;\n    }\n    let zoomlevel = Math.min(wZoom, hZoom);\n    zoomlevel = Math.min(10, Math.max(0.01, zoomlevel));\n    if (zoomlevel === currentZoom) {\n      return;\n    }\n    factor = zoomlevel / currentZoom;\n\n    // top left of workarea in content pixels before zoom\n    const topLeftOld = transformPoint(wOffsetLeft, wOffsetTop, rootSctm);\n\n    // top left of workarea in content pixels after zoom\n    const topLeftNew = {\n      x: pt.x - (pt.x - topLeftOld.x) / factor,\n      y: pt.y - (pt.y - topLeftOld.y) / factor\n    };\n\n    // top left of workarea in canvas pixels relative to content after zoom\n    const topLeftNewCanvas = {\n      x: topLeftNew.x * zoomlevel,\n      y: topLeftNew.y * zoomlevel\n    };\n\n    // new center in canvas pixels\n    const newCtr = {\n      x: topLeftNewCanvas.x - rulerwidth + editorFullW / 2,\n      y: topLeftNewCanvas.y - rulerwidth + editorFullH / 2\n    };\n\n    canvas.setZoom(zoomlevel);\n    $('#zoom').val((zoomlevel * 100).toFixed(1));\n\n    call('updateCanvas', {center: false, newCtr});\n    call('zoomDone');\n  }\n);\n}());\n\n/**\n* Group: Text edit functions\n* Functions relating to editing text elements\n* @namespace {PlainObject} textActions\n* @memberof module:svgcanvas.SvgCanvas#\n*/\nconst textActions = canvas.textActions = (function () {\nlet curtext;\nlet textinput;\nlet cursor;\nlet selblock;\nlet blinker;\nlet chardata = [];\nlet textbb; // , transbb;\nlet matrix;\nlet lastX, lastY;\nlet allowDbl;\n\nfunction setCursor (index) {\n  const empty = (textinput.value === '');\n  $(textinput).focus();\n\n  if (!arguments.length) {\n    if (empty) {\n      index = 0;\n    } else {\n      if (textinput.selectionEnd !== textinput.selectionStart) { return; }\n      index = textinput.selectionEnd;\n    }\n  }\n\n  const charbb = chardata[index];\n  if (!empty) {\n    textinput.setSelectionRange(index, index);\n  }\n  cursor = getElem('text_cursor');\n  if (!cursor) {\n    cursor = document.createElementNS(NS.SVG, 'line');\n    assignAttributes(cursor, {\n      id: 'text_cursor',\n      stroke: '#333',\n      'stroke-width': 1\n    });\n    cursor = getElem('selectorParentGroup').appendChild(cursor);\n  }\n\n  if (!blinker) {\n    blinker = setInterval(function () {\n      const show = (cursor.getAttribute('display') === 'none');\n      cursor.setAttribute('display', show ? 'inline' : 'none');\n    }, 600);\n  }\n\n  const startPt = ptToScreen(charbb.x, textbb.y);\n  const endPt = ptToScreen(charbb.x, (textbb.y + textbb.height));\n\n  assignAttributes(cursor, {\n    x1: startPt.x,\n    y1: startPt.y,\n    x2: endPt.x,\n    y2: endPt.y,\n    visibility: 'visible',\n    display: 'inline'\n  });\n\n  if (selblock) { selblock.setAttribute('d', ''); }\n}\n\nfunction setSelection (start, end, skipInput) {\n  if (start === end) {\n    setCursor(end);\n    return;\n  }\n\n  if (!skipInput) {\n    textinput.setSelectionRange(start, end);\n  }\n\n  selblock = getElem('text_selectblock');\n  if (!selblock) {\n    selblock = document.createElementNS(NS.SVG, 'path');\n    assignAttributes(selblock, {\n      id: 'text_selectblock',\n      fill: 'green',\n      opacity: 0.5,\n      style: 'pointer-events:none'\n    });\n    getElem('selectorParentGroup').append(selblock);\n  }\n\n  const startbb = chardata[start];\n  const endbb = chardata[end];\n\n  cursor.setAttribute('visibility', 'hidden');\n\n  const tl = ptToScreen(startbb.x, textbb.y),\n    tr = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y),\n    bl = ptToScreen(startbb.x, textbb.y + textbb.height),\n    br = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y + textbb.height);\n\n  const dstr = 'M' + tl.x + ',' + tl.y +\n    ' L' + tr.x + ',' + tr.y +\n    ' ' + br.x + ',' + br.y +\n    ' ' + bl.x + ',' + bl.y + 'z';\n\n  assignAttributes(selblock, {\n    d: dstr,\n    display: 'inline'\n  });\n}\n\nfunction getIndexFromPoint (mouseX, mouseY) {\n  // Position cursor here\n  const pt = svgroot.createSVGPoint();\n  pt.x = mouseX;\n  pt.y = mouseY;\n\n  // No content, so return 0\n  if (chardata.length === 1) { return 0; }\n  // Determine if cursor should be on left or right of character\n  let charpos = curtext.getCharNumAtPosition(pt);\n  if (charpos < 0) {\n    // Out of text range, look at mouse coords\n    charpos = chardata.length - 2;\n    if (mouseX <= chardata[0].x) {\n      charpos = 0;\n    }\n  } else if (charpos >= chardata.length - 2) {\n    charpos = chardata.length - 2;\n  }\n  const charbb = chardata[charpos];\n  const mid = charbb.x + (charbb.width / 2);\n  if (mouseX > mid) {\n    charpos++;\n  }\n  return charpos;\n}\n\nfunction setCursorFromPoint (mouseX, mouseY) {\n  setCursor(getIndexFromPoint(mouseX, mouseY));\n}\n\nfunction setEndSelectionFromPoint (x, y, apply) {\n  const i1 = textinput.selectionStart;\n  const i2 = getIndexFromPoint(x, y);\n\n  const start = Math.min(i1, i2);\n  const end = Math.max(i1, i2);\n  setSelection(start, end, !apply);\n}\n\nfunction screenToPt (xIn, yIn) {\n  const out = {\n    x: xIn,\n    y: yIn\n  };\n\n  out.x /= currentZoom;\n  out.y /= currentZoom;\n\n  if (matrix) {\n    const pt = transformPoint(out.x, out.y, matrix.inverse());\n    out.x = pt.x;\n    out.y = pt.y;\n  }\n\n  return out;\n}\n\nfunction ptToScreen (xIn, yIn) {\n  const out = {\n    x: xIn,\n    y: yIn\n  };\n\n  if (matrix) {\n    const pt = transformPoint(out.x, out.y, matrix);\n    out.x = pt.x;\n    out.y = pt.y;\n  }\n\n  out.x *= currentZoom;\n  out.y *= currentZoom;\n\n  return out;\n}\n\n/*\n// Not currently in use\nfunction hideCursor () {\n  if (cursor) {\n    cursor.setAttribute('visibility', 'hidden');\n  }\n}\n*/\n\nfunction selectAll (evt) {\n  setSelection(0, curtext.textContent.length);\n  $(this).unbind(evt);\n}\n\nfunction selectWord (evt) {\n  if (!allowDbl || !curtext) { return; }\n\n  const ept = transformPoint(evt.pageX, evt.pageY, rootSctm),\n    mouseX = ept.x * currentZoom,\n    mouseY = ept.y * currentZoom;\n  const pt = screenToPt(mouseX, mouseY);\n\n  const index = getIndexFromPoint(pt.x, pt.y);\n  const str = curtext.textContent;\n  const first = str.substr(0, index).replace(/[a-z0-9]+$/i, '').length;\n  const m = str.substr(index).match(/^[a-z0-9]+/i);\n  const last = (m ? m[0].length : 0) + index;\n  setSelection(first, last);\n\n  // Set tripleclick\n  $(evt.target).click(selectAll);\n  setTimeout(function () {\n    $(evt.target).unbind('click', selectAll);\n  }, 300);\n}\n\nreturn /** @lends module:svgcanvas.SvgCanvas#textActions */ {\n  /**\n  * @param {Element} target\n  * @param {Float} x\n  * @param {Float} y\n  * @returns {undefined}\n  */\n  select (target, x, y) {\n    curtext = target;\n    textActions.toEditMode(x, y);\n  },\n  /**\n  * @param {Element} elem\n  * @returns {undefined}\n  */\n  start (elem) {\n    curtext = elem;\n    textActions.toEditMode();\n  },\n  /**\n  * @param {external:MouseEvent} evt\n  * @param {Element} mouseTarget\n  * @param {Float} startX\n  * @param {Float} startY\n  * @returns {undefined}\n  */\n  mouseDown (evt, mouseTarget, startX, startY) {\n    const pt = screenToPt(startX, startY);\n\n    textinput.focus();\n    setCursorFromPoint(pt.x, pt.y);\n    lastX = startX;\n    lastY = startY;\n\n    // TODO: Find way to block native selection\n  },\n  /**\n  * @param {Float} mouseX\n  * @param {Float} mouseY\n  * @returns {undefined}\n  */\n  mouseMove (mouseX, mouseY) {\n    const pt = screenToPt(mouseX, mouseY);\n    setEndSelectionFromPoint(pt.x, pt.y);\n  },\n  /**\n  * @param {external:MouseEvent}\n  * @param {Float} mouseX\n  * @param {Float} mouseY\n  * @returns {undefined}\n  */\n  mouseUp (evt, mouseX, mouseY) {\n    const pt = screenToPt(mouseX, mouseY);\n\n    setEndSelectionFromPoint(pt.x, pt.y, true);\n\n    // TODO: Find a way to make this work: Use transformed BBox instead of evt.target\n    // if (lastX === mouseX && lastY === mouseY\n    //   && !rectsIntersect(transbb, {x: pt.x, y: pt.y, width: 0, height: 0})) {\n    //   textActions.toSelectMode(true);\n    // }\n\n    if (\n      evt.target !== curtext &&\n      mouseX < lastX + 2 &&\n      mouseX > lastX - 2 &&\n      mouseY < lastY + 2 &&\n      mouseY > lastY - 2\n    ) {\n      textActions.toSelectMode(true);\n    }\n  },\n  /**\n  * @function\n  * @param {Integer} index\n  * @returns {undefined}\n  */\n  setCursor,\n  /**\n  * @param {Float} x\n  * @param {Float} y\n  * @returns {undefined}\n  */\n  toEditMode (x, y) {\n    allowDbl = false;\n    currentMode = 'textedit';\n    selectorManager.requestSelector(curtext).showGrips(false);\n    // Make selector group accept clicks\n    /* const selector = */ selectorManager.requestSelector(curtext); // Do we need this? Has side effect of setting lock, so keeping for now, but next line wasn't being used\n    // const sel = selector.selectorRect;\n\n    textActions.init();\n\n    $(curtext).css('cursor', 'text');\n\n    // if (supportsEditableText()) {\n    //   curtext.setAttribute('editable', 'simple');\n    //   return;\n    // }\n\n    if (!arguments.length) {\n      setCursor();\n    } else {\n      const pt = screenToPt(x, y);\n      setCursorFromPoint(pt.x, pt.y);\n    }\n\n    setTimeout(function () {\n      allowDbl = true;\n    }, 300);\n  },\n  /**\n  * @param {boolean|Element} selectElem\n  * @fires module:svgcanvas.SvgCanvas#event:selected\n  * @returns {undefined}\n  */\n  toSelectMode (selectElem) {\n    currentMode = 'select';\n    clearInterval(blinker);\n    blinker = null;\n    if (selblock) { $(selblock).attr('display', 'none'); }\n    if (cursor) { $(cursor).attr('visibility', 'hidden'); }\n    $(curtext).css('cursor', 'move');\n\n    if (selectElem) {\n      clearSelection();\n      $(curtext).css('cursor', 'move');\n\n      call('selected', [curtext]);\n      addToSelection([curtext], true);\n    }\n    if (curtext && !curtext.textContent.length) {\n      // No content, so delete\n      canvas.deleteSelectedElements();\n    }\n\n    $(textinput).blur();\n\n    curtext = false;\n\n    // if (supportsEditableText()) {\n    //   curtext.removeAttribute('editable');\n    // }\n  },\n  /**\n  * @param {Element} elem\n  * @returns {undefined}\n  */\n  setInputElem (elem) {\n    textinput = elem;\n    // $(textinput).blur(hideCursor);\n  },\n  /**\n  * @returns {undefined}\n  */\n  clear () {\n    if (currentMode === 'textedit') {\n      textActions.toSelectMode();\n    }\n  },\n  /**\n  * @param {Element} inputElem Not in use\n  * @returns {undefined}\n  */\n  init (inputElem) {\n    if (!curtext) { return; }\n    let i, end;\n    // if (supportsEditableText()) {\n    //   curtext.select();\n    //   return;\n    // }\n\n    if (!curtext.parentNode) {\n      // Result of the ffClone, need to get correct element\n      curtext = selectedElements[0];\n      selectorManager.requestSelector(curtext).showGrips(false);\n    }\n\n    const str = curtext.textContent;\n    const len = str.length;\n\n    const xform = curtext.getAttribute('transform');\n\n    textbb = utilsGetBBox(curtext);\n\n    matrix = xform ? getMatrix(curtext) : null;\n\n    chardata = [];\n    chardata.length = len;\n    textinput.focus();\n\n    $(curtext).unbind('dblclick', selectWord).dblclick(selectWord);\n\n    if (!len) {\n      end = {x: textbb.x + (textbb.width / 2), width: 0};\n    }\n\n    for (i = 0; i < len; i++) {\n      const start = curtext.getStartPositionOfChar(i);\n      end = curtext.getEndPositionOfChar(i);\n\n      if (!supportsGoodTextCharPos()) {\n        const offset = canvas.contentW * currentZoom;\n        start.x -= offset;\n        end.x -= offset;\n\n        start.x /= currentZoom;\n        end.x /= currentZoom;\n      }\n\n      // Get a \"bbox\" equivalent for each character. Uses the\n      // bbox data of the actual text for y, height purposes\n\n      // TODO: Decide if y, width and height are actually necessary\n      chardata[i] = {\n        x: start.x,\n        y: textbb.y, // start.y?\n        width: end.x - start.x,\n        height: textbb.height\n      };\n    }\n\n    // Add a last bbox for cursor at end of text\n    chardata.push({\n      x: end.x,\n      width: 0\n    });\n    setSelection(textinput.selectionStart, textinput.selectionEnd, true);\n  }\n};\n}());\n\n/**\n* Group: Serialization\n*/\n\n/**\n* Looks at DOM elements inside the `<defs>` to see if they are referred to,\n* removes them from the DOM if they are not.\n* @function module:svgcanvas.SvgCanvas#removeUnusedDefElems\n* @returns {Integer} The number of elements that were removed\n*/\nconst removeUnusedDefElems = this.removeUnusedDefElems = function () {\n  const defs = svgcontent.getElementsByTagNameNS(NS.SVG, 'defs');\n  if (!defs || !defs.length) { return 0; }\n\n  // if (!defs.firstChild) { return; }\n\n  const defelemUses = [];\n  let numRemoved = 0;\n  const attrs = ['fill', 'stroke', 'filter', 'marker-start', 'marker-mid', 'marker-end'];\n  const alen = attrs.length;\n\n  const allEls = svgcontent.getElementsByTagNameNS(NS.SVG, '*');\n  const allLen = allEls.length;\n\n  let i, j;\n  for (i = 0; i < allLen; i++) {\n    const el = allEls[i];\n    for (j = 0; j < alen; j++) {\n      const ref = getUrlFromAttr(el.getAttribute(attrs[j]));\n      if (ref) {\n        defelemUses.push(ref.substr(1));\n      }\n    }\n\n    // gradients can refer to other gradients\n    const href = getHref(el);\n    if (href && href.startsWith('#')) {\n      defelemUses.push(href.substr(1));\n    }\n  }\n\n  const defelems = $(defs).find('linearGradient, radialGradient, filter, marker, svg, symbol');\n  i = defelems.length;\n  while (i--) {\n    const defelem = defelems[i];\n    const {id} = defelem;\n    if (!defelemUses.includes(id)) {\n      // Not found, so remove (but remember)\n      removedElements[id] = defelem;\n      defelem.remove();\n      numRemoved++;\n    }\n  }\n\n  return numRemoved;\n};\n\n/**\n* Main function to set up the SVG content for output\n* @function module:svgcanvas.SvgCanvas#svgCanvasToString\n* @returns {string} The SVG image for output\n*/\nthis.svgCanvasToString = function () {\n  // keep calling it until there are none to remove\n  while (removeUnusedDefElems() > 0) {}\n\n  pathActions.clear(true);\n\n  // Keep SVG-Edit comment on top\n  $.each(svgcontent.childNodes, function (i, node) {\n    if (i && node.nodeType === 8 && node.data.includes('Created with')) {\n      svgcontent.firstChild.before(node);\n    }\n  });\n\n  // Move out of in-group editing mode\n  if (currentGroup) {\n    draw.leaveContext();\n    selectOnly([currentGroup]);\n  }\n\n  const nakedSvgs = [];\n\n  // Unwrap gsvg if it has no special attributes (only id and style)\n  $(svgcontent).find('g:data(gsvg)').each(function () {\n    const attrs = this.attributes;\n    let len = attrs.length;\n    for (let i = 0; i < len; i++) {\n      if (attrs[i].nodeName === 'id' || attrs[i].nodeName === 'style') {\n        len--;\n      }\n    }\n    // No significant attributes, so ungroup\n    if (len <= 0) {\n      const svg = this.firstChild;\n      nakedSvgs.push(svg);\n      $(this).replaceWith(svg);\n    }\n  });\n  const output = this.svgToString(svgcontent, 0);\n\n  // Rewrap gsvg\n  if (nakedSvgs.length) {\n    $(nakedSvgs).each(function () {\n      groupSvgElem(this);\n    });\n  }\n\n  return output;\n};\n\n/**\n* Sub function ran on each SVG element to convert it to a string as desired\n* @function module:svgcanvas.SvgCanvas#svgToString\n* @param {Element} elem - The SVG element to convert\n* @param {Integer} indent - Number of spaces to indent this tag\n* @returns {string} The given element as an SVG tag\n*/\nthis.svgToString = function (elem, indent) {\n  const out = [];\n  const unit = curConfig.baseUnit;\n  const unitRe = new RegExp('^-?[\\\\d\\\\.]+' + unit + '$');\n\n  if (elem) {\n    cleanupElement(elem);\n    const attrs = Array.from(elem.attributes);\n    let i;\n    const childs = elem.childNodes;\n    attrs.sort((a, b) => a.name > b.name ? -1 : 1);\n\n    for (i = 0; i < indent; i++) { out.push(' '); }\n    out.push('<'); out.push(elem.nodeName);\n    if (elem.id === 'svgcontent') {\n      // Process root element separately\n      const res = getResolution();\n\n      const vb = '';\n      // TODO: Allow this by dividing all values by current baseVal\n      // Note that this also means we should properly deal with this on import\n      // if (curConfig.baseUnit !== 'px') {\n      //   const unit = curConfig.baseUnit;\n      //   const unitM = getTypeMap()[unit];\n      //   res.w = shortFloat(res.w / unitM);\n      //   res.h = shortFloat(res.h / unitM);\n      //   vb = ' viewBox=\"' + [0, 0, res.w, res.h].join(' ') + '\"';\n      //   res.w += unit;\n      //   res.h += unit;\n      // }\n\n      if (unit !== 'px') {\n        res.w = convertUnit(res.w, unit) + unit;\n        res.h = convertUnit(res.h, unit) + unit;\n      }\n\n      out.push(' width=\"' + res.w + '\" height=\"' + res.h + '\"' + vb + ' xmlns=\"' + NS.SVG + '\"');\n\n      const nsuris = {};\n\n      // Check elements for namespaces, add if found\n      $(elem).find('*').andSelf().each(function () {\n        // const el = this;\n        // for some elements have no attribute\n        const uri = this.namespaceURI;\n        if (uri && !nsuris[uri] && nsMap[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {\n          nsuris[uri] = true;\n          out.push(' xmlns:' + nsMap[uri] + '=\"' + uri + '\"');\n        }\n\n        $.each(this.attributes, function (i, attr) {\n          const uri = attr.namespaceURI;\n          if (uri && !nsuris[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {\n            nsuris[uri] = true;\n            out.push(' xmlns:' + nsMap[uri] + '=\"' + uri + '\"');\n          }\n        });\n      });\n\n      i = attrs.length;\n      const attrNames = ['width', 'height', 'xmlns', 'x', 'y', 'viewBox', 'id', 'overflow'];\n      while (i--) {\n        const attr = attrs[i];\n        const attrVal = toXml(attr.value);\n\n        // Namespaces have already been dealt with, so skip\n        if (attr.nodeName.startsWith('xmlns:')) { continue; }\n\n        // only serialize attributes we don't use internally\n        if (attrVal !== '' && !attrNames.includes(attr.localName)) {\n          if (!attr.namespaceURI || nsMap[attr.namespaceURI]) {\n            out.push(' ');\n            out.push(attr.nodeName); out.push('=\"');\n            out.push(attrVal); out.push('\"');\n          }\n        }\n      }\n    } else {\n      // Skip empty defs\n      if (elem.nodeName === 'defs' && !elem.firstChild) { return; }\n\n      const mozAttrs = ['-moz-math-font-style', '_moz-math-font-style'];\n      for (i = attrs.length - 1; i >= 0; i--) {\n        const attr = attrs[i];\n        let attrVal = toXml(attr.value);\n        // remove bogus attributes added by Gecko\n        if (mozAttrs.includes(attr.localName)) { continue; }\n        if (attrVal !== '') {\n          if (attrVal.startsWith('pointer-events')) { continue; }\n          if (attr.localName === 'class' && attrVal.startsWith('se_')) { continue; }\n          out.push(' ');\n          if (attr.localName === 'd') { attrVal = pathActions.convertPath(elem, true); }\n          if (!isNaN(attrVal)) {\n            attrVal = shortFloat(attrVal);\n          } else if (unitRe.test(attrVal)) {\n            attrVal = shortFloat(attrVal) + unit;\n          }\n\n          // Embed images when saving\n          if (saveOptions.apply &&\n            elem.nodeName === 'image' &&\n            attr.localName === 'href' &&\n            saveOptions.images &&\n            saveOptions.images === 'embed'\n          ) {\n            const img = encodableImages[attrVal];\n            if (img) { attrVal = img; }\n          }\n\n          // map various namespaces to our fixed namespace prefixes\n          // (the default xmlns attribute itself does not get a prefix)\n          if (!attr.namespaceURI || attr.namespaceURI === NS.SVG || nsMap[attr.namespaceURI]) {\n            out.push(attr.nodeName); out.push('=\"');\n            out.push(attrVal); out.push('\"');\n          }\n        }\n      }\n    }\n\n    if (elem.hasChildNodes()) {\n      out.push('>');\n      indent++;\n      let bOneLine = false;\n\n      for (i = 0; i < childs.length; i++) {\n        const child = childs.item(i);\n        switch (child.nodeType) {\n        case 1: // element node\n          out.push('\\n');\n          out.push(this.svgToString(childs.item(i), indent));\n          break;\n        case 3: // text node\n          const str = child.nodeValue.replace(/^\\s+|\\s+$/g, '');\n          if (str !== '') {\n            bOneLine = true;\n            out.push(String(toXml(str)));\n          }\n          break;\n        case 4: // cdata node\n          out.push('\\n');\n          out.push(new Array(indent + 1).join(' '));\n          out.push('<![CDATA[');\n          out.push(child.nodeValue);\n          out.push(']]>');\n          break;\n        case 8: // comment\n          out.push('\\n');\n          out.push(new Array(indent + 1).join(' '));\n          out.push('<!--');\n          out.push(child.data);\n          out.push('-->');\n          break;\n        } // switch on node type\n      }\n      indent--;\n      if (!bOneLine) {\n        out.push('\\n');\n        for (i = 0; i < indent; i++) { out.push(' '); }\n      }\n      out.push('</'); out.push(elem.nodeName); out.push('>');\n    } else {\n      out.push('/>');\n    }\n  }\n  return out.join('');\n}; // end svgToString()\n\n/**\n * Function to run when image data is found\n * @callback module:svgcanvas.ImageEmbeddedCallback\n * @param {string|false} result Data URL\n * @returns {undefined}\n */\n/**\n* Converts a given image file to a data URL when possible, then runs a given callback\n* @function module:svgcanvas.SvgCanvas#embedImage\n* @param {string} src - The path/URL of the image\n* @param {module:svgcanvas.ImageEmbeddedCallback} [callback] - Function to run when image data is found\n* @returns {Promise} Resolves to Data URL (string|false)\n*/\nthis.embedImage = function (src, callback) {\n  return new Promise(function (resolve, reject) {\n    // load in the image and once it's loaded, get the dimensions\n    $(new Image()).load(function (response, status, xhr) {\n      if (status === 'error') {\n        reject(new Error('Error loading image: ' + xhr.status + ' ' + xhr.statusText));\n        return;\n      }\n      // create a canvas the same size as the raster image\n      const cvs = document.createElement('canvas');\n      cvs.width = this.width;\n      cvs.height = this.height;\n      // load the raster image into the canvas\n      cvs.getContext('2d').drawImage(this, 0, 0);\n      // retrieve the data: URL\n      try {\n        let urldata = ';svgedit_url=' + encodeURIComponent(src);\n        urldata = cvs.toDataURL().replace(';base64', urldata + ';base64');\n        encodableImages[src] = urldata;\n      } catch (e) {\n        encodableImages[src] = false;\n      }\n      lastGoodImgUrl = src;\n      if (callback) { callback(encodableImages[src]); }\n      resolve(encodableImages[src]);\n    }).attr('src', src);\n  });\n};\n\n/**\n* Sets a given URL to be a \"last good image\" URL\n* @function module:svgcanvas.SvgCanvas#setGoodImage\n* @param {string} val\n* @returns {undefined}\n*/\nthis.setGoodImage = function (val) {\n  lastGoodImgUrl = val;\n};\n\n/**\n* Does nothing by default, handled by optional widget/extension\n* @function module:svgcanvas.SvgCanvas#open\n* @returns {undefined}\n*/\nthis.open = function () {\n};\n\n/**\n* Serializes the current drawing into SVG XML text and passes it to the 'saved' handler.\n* This function also includes the XML prolog. Clients of the `SvgCanvas` bind their save\n* function to the 'saved' event.\n* @function module:svgcanvas.SvgCanvas#save\n* @param {module:svgcanvas.SaveOptions} opts\n* @fires module:svgcanvas.SvgCanvas#event:saved\n* @returns {undefined}\n*/\nthis.save = function (opts) {\n  // remove the selected outline before serializing\n  clearSelection();\n  // Update save options if provided\n  if (opts) { $.extend(saveOptions, opts); }\n  saveOptions.apply = true;\n\n  // no need for doctype, see https://jwatt.org/svg/authoring/#doctype-declaration\n  const str = this.svgCanvasToString();\n  call('saved', str);\n};\n\n/**\n* Codes only is useful for locale-independent detection\n*/\nfunction getIssues () {\n  // remove the selected outline before serializing\n  clearSelection();\n\n  // Check for known CanVG issues\n  const issues = [];\n  const issueCodes = [];\n\n  // Selector and notice\n  const issueList = {\n    feGaussianBlur: uiStrings.exportNoBlur,\n    foreignObject: uiStrings.exportNoforeignObject,\n    '[stroke-dasharray]': uiStrings.exportNoDashArray\n  };\n  const content = $(svgcontent);\n\n  // Add font/text check if Canvas Text API is not implemented\n  if (!('font' in $('<canvas>')[0].getContext('2d'))) {\n    issueList.text = uiStrings.exportNoText;\n  }\n\n  $.each(issueList, function (sel, descr) {\n    if (content.find(sel).length) {\n      issueCodes.push(sel);\n      issues.push(descr);\n    }\n  });\n  return {issues, issueCodes};\n}\n\nlet canvg;\n/**\n* @typedef {\"feGaussianBlur\"|\"foreignObject\"|\"[stroke-dasharray]\"|\"text\"} module:svgcanvas.IssueCode\n*/\n/**\n* @typedef {PlainObject} module:svgcanvas.ImageExportedResults\n* @property {string} datauri Contents as a Data URL\n* @property {string} bloburl May be the empty string\n* @property {string} svg The SVG contents as a string\n* @property {string[]} issues The localization messages of `issueCodes`\n* @property {module:svgcanvas.IssueCode[]} issueCodes CanVG issues found with the SVG\n* @property {\"PNG\"|\"JPEG\"|\"BMP\"|\"WEBP\"|\"ICO\"} type The chosen image type\n* @property {\"image/png\"|\"image/jpeg\"|\"image/bmp\"|\"image/webp\"} mimeType The image MIME type\n* @property {Float} quality A decimal between 0 and 1 (for use with JPEG or WEBP)\n* @property {string} exportWindowName A convenience for passing along a `window.name` to target a window on which the export could be added\n*/\n\n/**\n * Function to run when image data is found\n * @callback module:svgcanvas.ImageExportedCallback\n * @param {module:svgcanvas.ImageExportedResults} obj\n * @returns {undefined}\n */\n/**\n* Generates a PNG (or JPG, BMP, WEBP) Data URL based on the current image,\n* then calls \"exported\" with an object including the string, image\n* information, and any issues found\n* @function module:svgcanvas.SvgCanvas#rasterExport\n* @param {\"PNG\"|\"JPEG\"|\"BMP\"|\"WEBP\"|\"ICO\"} [imgType=\"PNG\"]\n* @param {Float} [quality] Between 0 and 1\n* @param {string} [exportWindowName]\n* @param {module:svgcanvas.ImageExportedCallback} [cb]\n* @fires module:svgcanvas.SvgCanvas#event:exported\n* @todo Confirm/fix ICO type\n* @returns {Promise} Resolves to {@link module:svgcanvas.ImageExportedResults}\n*/\nthis.rasterExport = function (imgType, quality, exportWindowName, cb) {\n  const type = imgType === 'ICO' ? 'BMP' : (imgType || 'PNG');\n  const mimeType = 'image/' + type.toLowerCase();\n  const {issues, issueCodes} = getIssues();\n  const svg = this.svgCanvasToString();\n\n  return new Promise(async (resolve, reject) => {\n    if (!canvg) {\n      ({canvg} = await importSetGlobal(curConfig.canvgPath + 'canvg.js', {\n        global: 'canvg'\n      }));\n    }\n    if (!$('#export_canvas').length) {\n      $('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');\n    }\n    const c = $('#export_canvas')[0];\n    c.width = canvas.contentW;\n    c.height = canvas.contentH;\n\n    await canvg(c, svg);\n    const dataURLType = type.toLowerCase();\n    const datauri = quality\n      ? c.toDataURL('image/' + dataURLType, quality)\n      : c.toDataURL('image/' + dataURLType);\n    let bloburl;\n    function done () {\n      const obj = {\n        datauri, bloburl, svg, issues, issueCodes, type: imgType,\n        mimeType, quality, exportWindowName\n      };\n      call('exported', obj);\n      if (cb) {\n        cb(obj);\n      }\n      resolve(obj);\n    }\n    if (c.toBlob) {\n      c.toBlob((blob) => {\n        bloburl = createObjectURL(blob);\n        done();\n      }, mimeType, quality);\n      return;\n    }\n    bloburl = dataURLToObjectURL(datauri);\n    done();\n  });\n};\n/**\n * @external jsPDF\n */\n/**\n * @typedef {undefined|\"save\"|\"arraybuffer\"|\"blob\"|\"datauristring\"|\"dataurlstring\"|\"dataurlnewwindow\"|\"datauri\"|\"dataurl\"} external:jsPDF.OutputType\n * @todo Newer version to add also allows these `outputType` values \"bloburi\"|\"bloburl\" which return strings, so document here and for `outputType` of `module:svgcanvas.PDFExportedResults` below if added\n*/\n/**\n* @typedef {PlainObject} module:svgcanvas.PDFExportedResults\n* @property {string} svg The SVG PDF output\n* @property {string|ArrayBuffer|Blob|window} output The output based on the `outputType`;\n* if `undefined`, \"datauristring\", \"dataurlstring\", \"datauri\",\n* or \"dataurl\", will be a string (`undefined` gives a document, while the others\n* build as Data URLs; \"datauri\" and \"dataurl\" change the location of the current page); if\n* \"arraybuffer\", will return `ArrayBuffer`; if \"blob\", returns a `Blob`;\n* if \"dataurlnewwindow\", will change the current page's location and return a string\n* if in Safari and no window object is found; otherwise opens in, and returns, a new `window`\n* object; if \"save\", will have the same return as \"dataurlnewwindow\" if\n* `navigator.getUserMedia` support is found without `URL.createObjectURL` support; otherwise\n* returns `undefined` but attempts to save\n* @property {external:jsPDF.OutputType} outputType\n* @property {string[]} issues The human-readable localization messages of corresponding `issueCodes`\n* @property {module:svgcanvas.IssueCode[]} issueCodes\n* @property {string} exportWindowName\n*/\n\n/**\n * Function to run when PDF data is found\n * @callback module:svgcanvas.PDFExportedCallback\n * @param {module:svgcanvas.PDFExportedResults} obj\n * @returns {undefined}\n */\n/**\n* Generates a PDF based on the current image, then calls \"exportedPDF\" with\n* an object including the string, the data URL, and any issues found\n* @function module:svgcanvas.SvgCanvas#exportPDF\n* @param {string} exportWindowName\n* @param {external:jsPDF.OutputType} [outputType=\"dataurlstring\"]\n* @param {module:svgcanvas.PDFExportedCallback} cb\n* @fires module:svgcanvas.SvgCanvas#event:exportedPDF\n* @returns {Promise} Resolves to {@link module:svgcanvas.PDFExportedResults}\n*/\nthis.exportPDF = function (exportWindowName, outputType, cb) {\n  const that = this;\n  return new Promise(async (resolve, reject) => {\n    if (!window.jsPDF) {\n      // Todo: Switch to `import()` when widely supported and available (also allow customization of path)\n      await importScript([\n        // We do not currently have these paths configurable as they are\n        //   currently global-only, so not Rolled-up\n        'jspdf/underscore-min.js',\n        'jspdf/jspdf.min.js'\n      ]);\n\n      const modularVersion = !('svgEditor' in window) ||\n        !window.svgEditor ||\n        window.svgEditor.modules !== false;\n      // Todo: Switch to `import()` when widely supported and available (also allow customization of path)\n      await importScript(curConfig.jspdfPath + 'jspdf.plugin.svgToPdf.js', {\n        type: modularVersion\n          ? 'module'\n          : 'text/javascript'\n      });\n      // await importModule('jspdf/jspdf.plugin.svgToPdf.js');\n    }\n\n    const res = getResolution();\n    const orientation = res.w > res.h ? 'landscape' : 'portrait';\n    const unit = 'pt'; // curConfig.baseUnit; // We could use baseUnit, but that is presumably not intended for export purposes\n\n    // Todo: Give options to use predefined jsPDF formats like \"a4\", etc. from pull-down (with option to keep customizable)\n    const doc = jsPDF({\n      orientation,\n      unit,\n      format: [res.w, res.h]\n      // , compressPdf: true\n    });\n    const docTitle = getDocumentTitle();\n    doc.setProperties({\n      title: docTitle /* ,\n      subject: '',\n      author: '',\n      keywords: '',\n      creator: '' */\n    });\n    const {issues, issueCodes} = getIssues();\n    const svg = that.svgCanvasToString();\n    doc.addSVG(svg, 0, 0);\n\n    // doc.output('save'); // Works to open in a new\n    //  window; todo: configure this and other export\n    //  options to optionally work in this manner as\n    //  opposed to opening a new tab\n    outputType = outputType || 'dataurlstring';\n    const obj = {svg, issues, issueCodes, exportWindowName, outputType};\n    obj.output = doc.output(outputType);\n    if (cb) {\n      cb(obj);\n    }\n    resolve(obj);\n    call('exportedPDF', obj);\n  });\n};\n\n/**\n* Returns the current drawing as raw SVG XML text.\n* @function module:svgcanvas.SvgCanvas#getSvgString\n* @returns {string} The current drawing as raw SVG XML text.\n*/\nthis.getSvgString = function () {\n  saveOptions.apply = false;\n  return this.svgCanvasToString();\n};\n\n/**\n* This function determines whether to use a nonce in the prefix, when\n* generating IDs for future documents in SVG-Edit.\n* If you're controlling SVG-Edit externally, and want randomized IDs, call\n* this BEFORE calling svgCanvas.setSvgString\n* @function module:svgcanvas.SvgCanvas#randomizeIds\n* @param {boolean} [enableRandomization] If true, adds a nonce to the prefix. Thus\n* `svgCanvas.randomizeIds() <==> svgCanvas.randomizeIds(true)`\n* @returns {undefined}\n*/\nthis.randomizeIds = function (enableRandomization) {\n  if (arguments.length > 0 && enableRandomization === false) {\n    draw.randomizeIds(false, getCurrentDrawing());\n  } else {\n    draw.randomizeIds(true, getCurrentDrawing());\n  }\n};\n\n/**\n* Ensure each element has a unique ID\n* @function module:svgcanvas.SvgCanvas#uniquifyElems\n* @param {Element} g - The parent element of the tree to give unique IDs\n* @returns {undefined}\n*/\nconst uniquifyElems = this.uniquifyElems = function (g) {\n  const ids = {};\n  // TODO: Handle markers and connectors. These are not yet re-identified properly\n  // as their referring elements do not get remapped.\n  //\n  // <marker id='se_marker_end_svg_7'/>\n  // <polyline id='svg_7' se:connector='svg_1 svg_6' marker-end='url(#se_marker_end_svg_7)'/>\n  //\n  // Problem #1: if svg_1 gets renamed, we do not update the polyline's se:connector attribute\n  // Problem #2: if the polyline svg_7 gets renamed, we do not update the marker id nor the polyline's marker-end attribute\n  const refElems = ['filter', 'linearGradient', 'pattern', 'radialGradient', 'symbol', 'textPath', 'use'];\n\n  walkTree(g, function (n) {\n    // if it's an element node\n    if (n.nodeType === 1) {\n      // and the element has an ID\n      if (n.id) {\n        // and we haven't tracked this ID yet\n        if (!(n.id in ids)) {\n          // add this id to our map\n          ids[n.id] = {elem: null, attrs: [], hrefs: []};\n        }\n        ids[n.id].elem = n;\n      }\n\n      // now search for all attributes on this element that might refer\n      // to other elements\n      $.each(refAttrs, function (i, attr) {\n        const attrnode = n.getAttributeNode(attr);\n        if (attrnode) {\n          // the incoming file has been sanitized, so we should be able to safely just strip off the leading #\n          const url = getUrlFromAttr(attrnode.value),\n            refid = url ? url.substr(1) : null;\n          if (refid) {\n            if (!(refid in ids)) {\n              // add this id to our map\n              ids[refid] = {elem: null, attrs: [], hrefs: []};\n            }\n            ids[refid].attrs.push(attrnode);\n          }\n        }\n      });\n\n      // check xlink:href now\n      const href = getHref(n);\n      // TODO: what if an <image> or <a> element refers to an element internally?\n      if (href && refElems.includes(n.nodeName)) {\n        const refid = href.substr(1);\n        if (refid) {\n          if (!(refid in ids)) {\n            // add this id to our map\n            ids[refid] = {elem: null, attrs: [], hrefs: []};\n          }\n          ids[refid].hrefs.push(n);\n        }\n      }\n    }\n  });\n\n  // in ids, we now have a map of ids, elements and attributes, let's re-identify\n  for (const oldid in ids) {\n    if (!oldid) { continue; }\n    const {elem} = ids[oldid];\n    if (elem) {\n      const newid = getNextId();\n\n      // assign element its new id\n      elem.id = newid;\n\n      // remap all url() attributes\n      const {attrs} = ids[oldid];\n      let j = attrs.length;\n      while (j--) {\n        const attr = attrs[j];\n        attr.ownerElement.setAttribute(attr.name, 'url(#' + newid + ')');\n      }\n\n      // remap all href attributes\n      const hreffers = ids[oldid].hrefs;\n      let k = hreffers.length;\n      while (k--) {\n        const hreffer = hreffers[k];\n        setHref(hreffer, '#' + newid);\n      }\n    }\n  }\n};\n\n/**\n* Assigns reference data for each use element\n* @function module:svgcanvas.SvgCanvas#setUseData\n* @param {Element} parent\n* @returns {undefined}\n*/\nconst setUseData = this.setUseData = function (parent) {\n  let elems = $(parent);\n\n  if (parent.tagName !== 'use') {\n    elems = elems.find('use');\n  }\n\n  elems.each(function () {\n    const id = getHref(this).substr(1);\n    const refElem = getElem(id);\n    if (!refElem) { return; }\n    $(this).data('ref', refElem);\n    if (refElem.tagName === 'symbol' || refElem.tagName === 'svg') {\n      $(this).data('symbol', refElem).data('ref', refElem);\n    }\n  });\n};\n\n/**\n* Converts gradients from userSpaceOnUse to objectBoundingBox\n* @function module:svgcanvas.SvgCanvas#convertGradients\n* @param {Element} elem\n* @returns {undefined}\n*/\nconst convertGradients = this.convertGradients = function (elem) {\n  let elems = $(elem).find('linearGradient, radialGradient');\n  if (!elems.length && isWebkit()) {\n    // Bug in webkit prevents regular *Gradient selector search\n    elems = $(elem).find('*').filter(function () {\n      return (this.tagName.includes('Gradient'));\n    });\n  }\n\n  elems.each(function () {\n    const grad = this;\n    if ($(grad).attr('gradientUnits') === 'userSpaceOnUse') {\n      // TODO: Support more than one element with this ref by duplicating parent grad\n      const elems = $(svgcontent).find('[fill=\"url(#' + grad.id + ')\"],[stroke=\"url(#' + grad.id + ')\"]');\n      if (!elems.length) { return; }\n\n      // get object's bounding box\n      const bb = utilsGetBBox(elems[0]);\n\n      // This will occur if the element is inside a <defs> or a <symbol>,\n      // in which we shouldn't need to convert anyway.\n      if (!bb) { return; }\n\n      if (grad.tagName === 'linearGradient') {\n        const gCoords = $(grad).attr(['x1', 'y1', 'x2', 'y2']);\n\n        // If has transform, convert\n        const tlist = grad.gradientTransform.baseVal;\n        if (tlist && tlist.numberOfItems > 0) {\n          const m = transformListToTransform(tlist).matrix;\n          const pt1 = transformPoint(gCoords.x1, gCoords.y1, m);\n          const pt2 = transformPoint(gCoords.x2, gCoords.y2, m);\n\n          gCoords.x1 = pt1.x;\n          gCoords.y1 = pt1.y;\n          gCoords.x2 = pt2.x;\n          gCoords.y2 = pt2.y;\n          grad.removeAttribute('gradientTransform');\n        }\n\n        $(grad).attr({\n          x1: (gCoords.x1 - bb.x) / bb.width,\n          y1: (gCoords.y1 - bb.y) / bb.height,\n          x2: (gCoords.x2 - bb.x) / bb.width,\n          y2: (gCoords.y2 - bb.y) / bb.height\n        });\n        grad.removeAttribute('gradientUnits');\n      }\n      // else {\n      //   Note: radialGradient elements cannot be easily converted\n      //   because userSpaceOnUse will keep circular gradients, while\n      //   objectBoundingBox will x/y scale the gradient according to\n      //   its bbox.\n      //\n      //   For now we'll do nothing, though we should probably have\n      //   the gradient be updated as the element is moved, as\n      //   inkscape/illustrator do.\n      //\n      //   const gCoords = $(grad).attr(['cx', 'cy', 'r']);\n      //\n      //   $(grad).attr({\n      //     cx: (gCoords.cx - bb.x) / bb.width,\n      //     cy: (gCoords.cy - bb.y) / bb.height,\n      //     r: gCoords.r\n      //   });\n      //\n      //   grad.removeAttribute('gradientUnits');\n      // }\n    }\n  });\n};\n\n/**\n* Converts selected/given `<use>` or child SVG element to a group\n* @function module:svgcanvas.SvgCanvas#convertToGroup\n* @param {Element} elem\n* @fires module:svgcanvas.SvgCanvas#event:selected\n* @returns {undefined}\n*/\nconst convertToGroup = this.convertToGroup = function (elem) {\n  if (!elem) {\n    elem = selectedElements[0];\n  }\n  const $elem = $(elem);\n  const batchCmd = new BatchCommand();\n  let ts;\n\n  if ($elem.data('gsvg')) {\n    // Use the gsvg as the new group\n    const svg = elem.firstChild;\n    const pt = $(svg).attr(['x', 'y']);\n\n    $(elem.firstChild.firstChild).unwrap();\n    $(elem).removeData('gsvg');\n\n    const tlist = getTransformList(elem);\n    const xform = svgroot.createSVGTransform();\n    xform.setTranslate(pt.x, pt.y);\n    tlist.appendItem(xform);\n    recalculateDimensions(elem);\n    call('selected', [elem]);\n  } else if ($elem.data('symbol')) {\n    elem = $elem.data('symbol');\n\n    ts = $elem.attr('transform');\n    const pos = $elem.attr(['x', 'y']);\n\n    const vb = elem.getAttribute('viewBox');\n\n    if (vb) {\n      const nums = vb.split(' ');\n      pos.x -= +nums[0];\n      pos.y -= +nums[1];\n    }\n\n    // Not ideal, but works\n    ts += ' translate(' + (pos.x || 0) + ',' + (pos.y || 0) + ')';\n\n    const prev = $elem.prev();\n\n    // Remove <use> element\n    batchCmd.addSubCommand(new RemoveElementCommand($elem[0], $elem[0].nextSibling, $elem[0].parentNode));\n    $elem.remove();\n\n    // See if other elements reference this symbol\n    const hasMore = $(svgcontent).find('use:data(symbol)').length;\n\n    const g = svgdoc.createElementNS(NS.SVG, 'g');\n    const childs = elem.childNodes;\n\n    let i;\n    for (i = 0; i < childs.length; i++) {\n      g.append(childs[i].cloneNode(true));\n    }\n\n    // Duplicate the gradients for Gecko, since they weren't included in the <symbol>\n    if (isGecko()) {\n      const dupeGrads = $(findDefs()).children('linearGradient,radialGradient,pattern').clone();\n      $(g).append(dupeGrads);\n    }\n\n    if (ts) {\n      g.setAttribute('transform', ts);\n    }\n\n    const parent = elem.parentNode;\n\n    uniquifyElems(g);\n\n    // Put the dupe gradients back into <defs> (after uniquifying them)\n    if (isGecko()) {\n      $(findDefs()).append($(g).find('linearGradient,radialGradient,pattern'));\n    }\n\n    // now give the g itself a new id\n    g.id = getNextId();\n\n    prev.after(g);\n\n    if (parent) {\n      if (!hasMore) {\n        // remove symbol/svg element\n        const {nextSibling} = elem;\n        elem.remove();\n        batchCmd.addSubCommand(new RemoveElementCommand(elem, nextSibling, parent));\n      }\n      batchCmd.addSubCommand(new InsertElementCommand(g));\n    }\n\n    setUseData(g);\n\n    if (isGecko()) {\n      convertGradients(findDefs());\n    } else {\n      convertGradients(g);\n    }\n\n    // recalculate dimensions on the top-level children so that unnecessary transforms\n    // are removed\n    walkTreePost(g, function (n) {\n      try {\n        recalculateDimensions(n);\n      } catch (e) {\n        console.log(e);\n      }\n    });\n\n    // Give ID for any visible element missing one\n    $(g).find(visElems).each(function () {\n      if (!this.id) { this.id = getNextId(); }\n    });\n\n    selectOnly([g]);\n\n    const cm = pushGroupProperties(g, true);\n    if (cm) {\n      batchCmd.addSubCommand(cm);\n    }\n\n    addCommandToHistory(batchCmd);\n  } else {\n    console.log('Unexpected element to ungroup:', elem);\n  }\n};\n\n/**\n* This function sets the current drawing as the input SVG XML.\n* @function module:svgcanvas.SvgCanvas#setSvgString\n* @param {string} xmlString - The SVG as XML text.\n* @param {boolean} [preventUndo=false] - Indicates if we want to do the\n* changes without adding them to the undo stack - e.g. for initializing a\n* drawing on page load.\n* @fires module:svgcanvas.SvgCanvas#event:setnonce\n* @fires module:svgcanvas.SvgCanvas#event:unsetnonce\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {boolean} This function returns `false` if the set was\n*     unsuccessful, `true` otherwise.\n*/\nthis.setSvgString = function (xmlString, preventUndo) {\n  try {\n    // convert string into XML document\n    const newDoc = text2xml(xmlString);\n    if (newDoc.firstElementChild &&\n      newDoc.firstElementChild.namespaceURI !== NS.SVG) {\n      return false;\n    }\n\n    this.prepareSvg(newDoc);\n\n    const batchCmd = new BatchCommand('Change Source');\n\n    // remove old svg document\n    const {nextSibling} = svgcontent;\n    const oldzoom = svgroot.removeChild(svgcontent);\n    batchCmd.addSubCommand(new RemoveElementCommand(oldzoom, nextSibling, svgroot));\n\n    // set new svg document\n    // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()\n    if (svgdoc.adoptNode) {\n      svgcontent = svgdoc.adoptNode(newDoc.documentElement);\n    } else {\n      svgcontent = svgdoc.importNode(newDoc.documentElement, true);\n    }\n\n    svgroot.append(svgcontent);\n    const content = $(svgcontent);\n\n    canvas.current_drawing_ = new draw.Drawing(svgcontent, idprefix);\n\n    // retrieve or set the nonce\n    const nonce = getCurrentDrawing().getNonce();\n    if (nonce) {\n      call('setnonce', nonce);\n    } else {\n      call('unsetnonce');\n    }\n\n    // change image href vals if possible\n    content.find('image').each(function () {\n      const image = this;\n      preventClickDefault(image);\n      const val = getHref(this);\n      if (val) {\n        if (val.startsWith('data:')) {\n          // Check if an SVG-edit data URI\n          const m = val.match(/svgedit_url=(.*?);/);\n          if (m) {\n            const url = decodeURIComponent(m[1]);\n            $(new Image()).load(function () {\n              image.setAttributeNS(NS.XLINK, 'xlink:href', url);\n            }).attr('src', url);\n          }\n        }\n        // Add to encodableImages if it loads\n        canvas.embedImage(val);\n      }\n    });\n\n    // Wrap child SVGs in group elements\n    content.find('svg').each(function () {\n      // Skip if it's in a <defs>\n      if ($(this).closest('defs').length) { return; }\n\n      uniquifyElems(this);\n\n      // Check if it already has a gsvg group\n      const pa = this.parentNode;\n      if (pa.childNodes.length === 1 && pa.nodeName === 'g') {\n        $(pa).data('gsvg', this);\n        pa.id = pa.id || getNextId();\n      } else {\n        groupSvgElem(this);\n      }\n    });\n\n    // For Firefox: Put all paint elems in defs\n    if (isGecko()) {\n      content.find('linearGradient, radialGradient, pattern').appendTo(findDefs());\n    }\n\n    // Set ref element for <use> elements\n\n    // TODO: This should also be done if the object is re-added through \"redo\"\n    setUseData(content);\n\n    convertGradients(content[0]);\n\n    const attrs = {\n      id: 'svgcontent',\n      overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden'\n    };\n\n    let percs = false;\n\n    // determine proper size\n    if (content.attr('viewBox')) {\n      const vb = content.attr('viewBox').split(' ');\n      attrs.width = vb[2];\n      attrs.height = vb[3];\n    // handle content that doesn't have a viewBox\n    } else {\n      $.each(['width', 'height'], function (i, dim) {\n        // Set to 100 if not given\n        const val = content.attr(dim) || '100%';\n\n        if (String(val).substr(-1) === '%') {\n          // Use user units if percentage given\n          percs = true;\n        } else {\n          attrs[dim] = convertToNum(dim, val);\n        }\n      });\n    }\n\n    // identify layers\n    draw.identifyLayers();\n\n    // Give ID for any visible layer children missing one\n    content.children().find(visElems).each(function () {\n      if (!this.id) { this.id = getNextId(); }\n    });\n\n    // Percentage width/height, so let's base it on visible elements\n    if (percs) {\n      const bb = getStrokedBBoxDefaultVisible();\n      attrs.width = bb.width + bb.x;\n      attrs.height = bb.height + bb.y;\n    }\n\n    // Just in case negative numbers are given or\n    // result from the percs calculation\n    if (attrs.width <= 0) { attrs.width = 100; }\n    if (attrs.height <= 0) { attrs.height = 100; }\n\n    content.attr(attrs);\n    this.contentW = attrs.width;\n    this.contentH = attrs.height;\n\n    batchCmd.addSubCommand(new InsertElementCommand(svgcontent));\n    // update root to the correct size\n    const changes = content.attr(['width', 'height']);\n    batchCmd.addSubCommand(new ChangeElementCommand(svgroot, changes));\n\n    // reset zoom\n    currentZoom = 1;\n\n    // reset transform lists\n    resetListMap();\n    clearSelection();\n    pathModule.clearData();\n    svgroot.append(selectorManager.selectorParentGroup);\n\n    if (!preventUndo) addCommandToHistory(batchCmd);\n    call('changed', [svgcontent]);\n  } catch (e) {\n    console.log(e);\n    return false;\n  }\n\n  return true;\n};\n\n/**\n* This function imports the input SVG XML as a `<symbol>` in the `<defs>`, then adds a\n* `<use>` to the current layer.\n* @function module:svgcanvas.SvgCanvas#importSvgString\n* @param {string} xmlString - The SVG as XML text.\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {null|Element} This function returns null if the import was unsuccessful, or the element otherwise.\n* @todo\n* - properly handle if namespace is introduced by imported content (must add to svgcontent\n* and update all prefixes in the imported node)\n* - properly handle recalculating dimensions, `recalculateDimensions()` doesn't handle\n* arbitrary transform lists, but makes some assumptions about how the transform list\n* was obtained\n*/\nthis.importSvgString = function (xmlString) {\n  let j, ts, useEl;\n  try {\n    // Get unique ID\n    const uid = encode64(xmlString.length + xmlString).substr(0, 32);\n\n    let useExisting = false;\n    // Look for symbol and make sure symbol exists in image\n    if (importIds[uid]) {\n      if ($(importIds[uid].symbol).parents('#svgroot').length) {\n        useExisting = true;\n      }\n    }\n\n    const batchCmd = new BatchCommand('Import Image');\n    let symbol;\n    if (useExisting) {\n      ({symbol} = importIds[uid]);\n      ts = importIds[uid].xform;\n    } else {\n      // convert string into XML document\n      const newDoc = text2xml(xmlString);\n\n      this.prepareSvg(newDoc);\n\n      // import new svg document into our document\n      let svg;\n      // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()\n      if (svgdoc.adoptNode) {\n        svg = svgdoc.adoptNode(newDoc.documentElement);\n      } else {\n        svg = svgdoc.importNode(newDoc.documentElement, true);\n      }\n\n      uniquifyElems(svg);\n\n      const innerw = convertToNum('width', svg.getAttribute('width')),\n        innerh = convertToNum('height', svg.getAttribute('height')),\n        innervb = svg.getAttribute('viewBox'),\n        // if no explicit viewbox, create one out of the width and height\n        vb = innervb ? innervb.split(' ') : [0, 0, innerw, innerh];\n      for (j = 0; j < 4; ++j) {\n        vb[j] = +(vb[j]);\n      }\n\n      // TODO: properly handle preserveAspectRatio\n      const // canvasw = +svgcontent.getAttribute('width'),\n        canvash = +svgcontent.getAttribute('height');\n      // imported content should be 1/3 of the canvas on its largest dimension\n\n      if (innerh > innerw) {\n        ts = 'scale(' + (canvash / 3) / vb[3] + ')';\n      } else {\n        ts = 'scale(' + (canvash / 3) / vb[2] + ')';\n      }\n\n      // Hack to make recalculateDimensions understand how to scale\n      ts = 'translate(0) ' + ts + ' translate(0)';\n\n      symbol = svgdoc.createElementNS(NS.SVG, 'symbol');\n      const defs = findDefs();\n\n      if (isGecko()) {\n        // Move all gradients into root for Firefox, workaround for this bug:\n        // https://bugzilla.mozilla.org/show_bug.cgi?id=353575\n        // TODO: Make this properly undo-able.\n        $(svg).find('linearGradient, radialGradient, pattern').appendTo(defs);\n      }\n\n      while (svg.firstChild) {\n        const first = svg.firstChild;\n        symbol.append(first);\n      }\n      const attrs = svg.attributes;\n      for (let i = 0; i < attrs.length; i++) {\n        const attr = attrs[i];\n        symbol.setAttribute(attr.nodeName, attr.value);\n      }\n      symbol.id = getNextId();\n\n      // Store data\n      importIds[uid] = {\n        symbol,\n        xform: ts\n      };\n\n      findDefs().append(symbol);\n      batchCmd.addSubCommand(new InsertElementCommand(symbol));\n    }\n\n    useEl = svgdoc.createElementNS(NS.SVG, 'use');\n    useEl.id = getNextId();\n    setHref(useEl, '#' + symbol.id);\n\n    (currentGroup || getCurrentDrawing().getCurrentLayer()).append(useEl);\n    batchCmd.addSubCommand(new InsertElementCommand(useEl));\n    clearSelection();\n\n    useEl.setAttribute('transform', ts);\n    recalculateDimensions(useEl);\n    $(useEl).data('symbol', symbol).data('ref', symbol);\n    addToSelection([useEl]);\n\n    // TODO: Find way to add this in a recalculateDimensions-parsable way\n    // if (vb[0] !== 0 || vb[1] !== 0) {\n    //   ts = 'translate(' + (-vb[0]) + ',' + (-vb[1]) + ') ' + ts;\n    // }\n    addCommandToHistory(batchCmd);\n    call('changed', [svgcontent]);\n  } catch (e) {\n    console.log(e);\n    return null;\n  }\n\n  // we want to return the element so we can automatically select it\n  return useEl;\n};\n\n// Could deprecate, but besides external uses, their usage makes clear that\n//  canvas is a dependency for all of these\n[\n  'identifyLayers', 'createLayer', 'cloneLayer', 'deleteCurrentLayer',\n  'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition',\n  'setLayerVisibility', 'moveSelectedToLayer', 'mergeLayer', 'mergeAllLayers',\n  'leaveContext', 'setContext'\n].forEach((prop) => {\n  canvas[prop] = draw[prop];\n});\ndraw.init(\n  /**\n  * @implements {module:draw.DrawCanvasInit}\n  */\n  {\n    pathActions,\n    getCurrentGroup () {\n      return currentGroup;\n    },\n    setCurrentGroup (cg) {\n      currentGroup = cg;\n    },\n    getSelectedElements,\n    getSVGContent,\n    undoMgr,\n    elData,\n    getCurrentDrawing,\n    clearSelection,\n    call,\n    addCommandToHistory,\n    /**\n     * @fires module:svgcanvas.SvgCanvas#event:changed\n     * @returns {undefined}\n     */\n    changeSVGContent () {\n      call('changed', [svgcontent]);\n    }\n  }\n);\n\n/**\n* Group: Document functions\n*/\n\n/**\n* Clears the current document. This is not an undoable action.\n* @function module:svgcanvas.SvgCanvas#clear\n* @fires module:svgcanvas.SvgCanvas#event:cleared\n* @returns {undefined}\n*/\nthis.clear = function () {\n  pathActions.clear();\n\n  clearSelection();\n\n  // clear the svgcontent node\n  canvas.clearSvgContentElement();\n\n  // create new document\n  canvas.current_drawing_ = new draw.Drawing(svgcontent);\n\n  // create empty first layer\n  canvas.createLayer('Layer 1');\n\n  // clear the undo stack\n  canvas.undoMgr.resetUndoStack();\n\n  // reset the selector manager\n  selectorManager.initGroup();\n\n  // reset the rubber band box\n  rubberBox = selectorManager.getRubberBandBox();\n\n  call('cleared');\n};\n\n// Alias function\nthis.linkControlPoints = pathActions.linkControlPoints;\n\n/**\n* @function module:svgcanvas.SvgCanvas#getContentElem\n* @returns {Element} The content DOM element\n*/\nthis.getContentElem = function () { return svgcontent; };\n\n/**\n* @function module:svgcanvas.SvgCanvas#getRootElem\n* @returns {SVGSVGElement} The root DOM element\n*/\nthis.getRootElem = function () { return svgroot; };\n\n/**\n* @typedef {PlainObject} DimensionsAndZoom\n* @property {Float} w Width\n* @property {Float} h Height\n* @property {Float} zoom Zoom\n*/\n\n/**\n* @function module:svgcanvas.SvgCanvas#getResolution\n* @returns {DimensionsAndZoom} The current dimensions and zoom level in an object\n*/\nconst getResolution = this.getResolution = function () {\n//    const vb = svgcontent.getAttribute('viewBox').split(' ');\n//    return {w:vb[2], h:vb[3], zoom: currentZoom};\n\n  const w = svgcontent.getAttribute('width') / currentZoom;\n  const h = svgcontent.getAttribute('height') / currentZoom;\n\n  return {\n    w,\n    h,\n    zoom: currentZoom\n  };\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getSnapToGrid\n* @returns {boolean} The current snap to grid setting\n*/\nthis.getSnapToGrid = function () { return curConfig.gridSnapping; };\n\n/**\n* @function module:svgcanvas.SvgCanvas#getVersion\n* @returns {string} A string which describes the revision number of SvgCanvas.\n*/\nthis.getVersion = function () {\n  return 'svgcanvas.js ($Rev$)';\n};\n\n/**\n* Update interface strings with given values\n* @function module:svgcanvas.SvgCanvas#setUiStrings\n* @param {module:path.uiStrings} strs - Object with strings (see the [locales API]{@link module:locale.LocaleStrings} and the [tutorial]{@tutorial LocaleDocs})\n* @returns {undefined}\n*/\nthis.setUiStrings = function (strs) {\n  Object.assign(uiStrings, strs.notification);\n  pathModule.setUiStrings(strs);\n};\n\n/**\n* Update configuration options with given values\n* @function module:svgcanvas.SvgCanvas#setConfig\n* @param {module:SVGEditor.Config} opts - Object with options\n* @returns {undefined}\n*/\nthis.setConfig = function (opts) {\n  Object.assign(curConfig, opts);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getTitle\n* @param {Element} elem\n* @returns {string|undefined} the current group/SVG's title contents\n*/\nthis.getTitle = function (elem) {\n  elem = elem || selectedElements[0];\n  if (!elem) { return; }\n  elem = $(elem).data('gsvg') || $(elem).data('symbol') || elem;\n  const childs = elem.childNodes;\n  for (let i = 0; i < childs.length; i++) {\n    if (childs[i].nodeName === 'title') {\n      return childs[i].textContent;\n    }\n  }\n  return '';\n};\n\n/**\n* Sets the group/SVG's title content\n* @function module:svgcanvas.SvgCanvas#setGroupTitle\n* @param {string} val\n* @todo Combine this with `setDocumentTitle`\n* @returns {undefined}\n*/\nthis.setGroupTitle = function (val) {\n  let elem = selectedElements[0];\n  elem = $(elem).data('gsvg') || elem;\n\n  const ts = $(elem).children('title');\n\n  const batchCmd = new BatchCommand('Set Label');\n\n  let title;\n  if (!val.length) {\n    // Remove title element\n    const tsNextSibling = ts.nextSibling;\n    batchCmd.addSubCommand(new RemoveElementCommand(ts[0], tsNextSibling, elem));\n    ts.remove();\n  } else if (ts.length) {\n    // Change title contents\n    title = ts[0];\n    batchCmd.addSubCommand(new ChangeElementCommand(title, {'#text': title.textContent}));\n    title.textContent = val;\n  } else {\n    // Add title element\n    title = svgdoc.createElementNS(NS.SVG, 'title');\n    title.textContent = val;\n    $(elem).prepend(title);\n    batchCmd.addSubCommand(new InsertElementCommand(title));\n  }\n\n  addCommandToHistory(batchCmd);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getDocumentTitle\n* @returns {string|undefined} The current document title or an empty string if not found\n*/\nconst getDocumentTitle = this.getDocumentTitle = function () {\n  return canvas.getTitle(svgcontent);\n};\n\n/**\n* Adds/updates a title element for the document with the given name.\n* This is an undoable action\n* @function module:svgcanvas.SvgCanvas#setDocumentTitle\n* @param {string} newTitle - String with the new title\n* @returns {undefined}\n*/\nthis.setDocumentTitle = function (newTitle) {\n  const childs = svgcontent.childNodes;\n  let docTitle = false, oldTitle = '';\n\n  const batchCmd = new BatchCommand('Change Image Title');\n\n  for (let i = 0; i < childs.length; i++) {\n    if (childs[i].nodeName === 'title') {\n      docTitle = childs[i];\n      oldTitle = docTitle.textContent;\n      break;\n    }\n  }\n  if (!docTitle) {\n    docTitle = svgdoc.createElementNS(NS.SVG, 'title');\n    svgcontent.insertBefore(docTitle, svgcontent.firstChild);\n    // svgcontent.firstChild.before(docTitle); // Ok to replace above with this?\n  }\n\n  if (newTitle.length) {\n    docTitle.textContent = newTitle;\n  } else {\n    // No title given, so element is not necessary\n    docTitle.remove();\n  }\n  batchCmd.addSubCommand(new ChangeElementCommand(docTitle, {'#text': oldTitle}));\n  addCommandToHistory(batchCmd);\n};\n\n/**\n* Returns the editor's namespace URL, optionally adding it to the root element\n* @function module:svgcanvas.SvgCanvas#getEditorNS\n* @param {boolean} [add] - Indicates whether or not to add the namespace value\n* @returns {string} The editor's namespace URL\n*/\nthis.getEditorNS = function (add) {\n  if (add) {\n    svgcontent.setAttribute('xmlns:se', NS.SE);\n  }\n  return NS.SE;\n};\n\n/**\n* Changes the document's dimensions to the given size\n* @function module:svgcanvas.SvgCanvas#setResolution\n* @param {Float|\"fit\"} x - Number with the width of the new dimensions in user units.\n* Can also be the string \"fit\" to indicate \"fit to content\"\n* @param {Float} y - Number with the height of the new dimensions in user units.\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {boolean} Indicates if resolution change was successful.\n* It will fail on \"fit to content\" option with no content to fit to.\n*/\nthis.setResolution = function (x, y) {\n  const res = getResolution();\n  const {w, h} = res;\n  let batchCmd;\n\n  if (x === 'fit') {\n    // Get bounding box\n    const bbox = getStrokedBBoxDefaultVisible();\n\n    if (bbox) {\n      batchCmd = new BatchCommand('Fit Canvas to Content');\n      const visEls = getVisibleElements();\n      addToSelection(visEls);\n      const dx = [], dy = [];\n      $.each(visEls, function (i, item) {\n        dx.push(bbox.x * -1);\n        dy.push(bbox.y * -1);\n      });\n\n      const cmd = canvas.moveSelectedElements(dx, dy, true);\n      batchCmd.addSubCommand(cmd);\n      clearSelection();\n\n      x = Math.round(bbox.width);\n      y = Math.round(bbox.height);\n    } else {\n      return false;\n    }\n  }\n  if (x !== w || y !== h) {\n    if (!batchCmd) {\n      batchCmd = new BatchCommand('Change Image Dimensions');\n    }\n\n    x = convertToNum('width', x);\n    y = convertToNum('height', y);\n\n    svgcontent.setAttribute('width', x);\n    svgcontent.setAttribute('height', y);\n\n    this.contentW = x;\n    this.contentH = y;\n    batchCmd.addSubCommand(new ChangeElementCommand(svgcontent, {width: w, height: h}));\n\n    svgcontent.setAttribute('viewBox', [0, 0, x / currentZoom, y / currentZoom].join(' '));\n    batchCmd.addSubCommand(new ChangeElementCommand(svgcontent, {viewBox: ['0 0', w, h].join(' ')}));\n\n    addCommandToHistory(batchCmd);\n    call('changed', [svgcontent]);\n  }\n  return true;\n};\n\n/**\n* @typedef {module:jQueryAttr.Attributes} module:svgcanvas.ElementPositionInCanvas\n* @property {Float} x\n* @property {Float} y\n*/\n\n/**\n* @function module:svgcanvas.SvgCanvas#getOffset\n* @returns {module:svgcanvas.ElementPositionInCanvas} An object with `x`, `y` values indicating the svgcontent element's\n* position in the editor's canvas.\n*/\nthis.getOffset = function () {\n  return $(svgcontent).attr(['x', 'y']);\n};\n\n/**\n * @typedef {PlainObject} module:svgcanvas.ZoomAndBBox\n * @property {Float} zoom\n * @property {module:utilities.BBoxObject} bbox\n */\n/**\n* Sets the zoom level on the canvas-side based on the given value\n* @function module:svgcanvas.SvgCanvas#setBBoxZoom\n* @param {\"selection\"|\"canvas\"|\"content\"|\"layer\"|module:SVGEditor.BBoxObjectWithFactor} val - Bounding box object to zoom to or string indicating zoom option. Note: the object value type is defined in `svg-editor.js`\n* @param {Integer} editorW - The editor's workarea box's width\n* @param {Integer} editorH - The editor's workarea box's height\n* @returns {module:svgcanvas.ZoomAndBBox|undefined}\n*/\nthis.setBBoxZoom = function (val, editorW, editorH) {\n  let spacer = 0.85;\n  let bb;\n  const calcZoom = function (bb) {\n    if (!bb) { return false; }\n    const wZoom = Math.round((editorW / bb.width) * 100 * spacer) / 100;\n    const hZoom = Math.round((editorH / bb.height) * 100 * spacer) / 100;\n    const zoom = Math.min(wZoom, hZoom);\n    canvas.setZoom(zoom);\n    return {zoom, bbox: bb};\n  };\n\n  if (typeof val === 'object') {\n    bb = val;\n    if (bb.width === 0 || bb.height === 0) {\n      const newzoom = bb.zoom ? bb.zoom : currentZoom * bb.factor;\n      canvas.setZoom(newzoom);\n      return {zoom: currentZoom, bbox: bb};\n    }\n    return calcZoom(bb);\n  }\n\n  switch (val) {\n  case 'selection':\n    if (!selectedElements[0]) { return; }\n    const selectedElems = $.map(selectedElements, function (n) { if (n) { return n; } });\n    bb = getStrokedBBoxDefaultVisible(selectedElems);\n    break;\n  case 'canvas':\n    const res = getResolution();\n    spacer = 0.95;\n    bb = {width: res.w, height: res.h, x: 0, y: 0};\n    break;\n  case 'content':\n    bb = getStrokedBBoxDefaultVisible();\n    break;\n  case 'layer':\n    bb = getStrokedBBoxDefaultVisible(getVisibleElements(getCurrentDrawing().getCurrentLayer()));\n    break;\n  default:\n    return;\n  }\n  return calcZoom(bb);\n};\n\n/**\n* The zoom level has changed. Supplies the new zoom level as a number (not percentage).\n* @event module:svgcanvas.SvgCanvas#event:ext-zoomChanged\n* @type {Float}\n*/\n/**\n* The bottom panel was updated\n* @event module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate\n* @type {PlainObject}\n* @property {boolean} nofill Indicates fill is disabled\n* @property {boolean} nostroke Indicates stroke is disabled\n*/\n/**\n* The element selection has changed (elements were added/removed from selection)\n* @event module:svgcanvas.SvgCanvas#event:ext-selectedChanged\n* @type {PlainObject}\n* @property {Element[]} elems Array of the newly selected elements\n* @property {Element|null} selectedElement The single selected element\n* @property {boolean} multiselected Indicates whether one or more elements were selected\n*/\n/**\n* Called when part of element is in process of changing, generally on\n* mousemove actions like rotate, move, etc.\n* @event module:svgcanvas.SvgCanvas#event:ext-elementTransition\n* @type {PlainObject}\n* @property {Element[]} elems Array of transitioning elements\n*/\n/**\n* One or more elements were changed\n* @event module:svgcanvas.SvgCanvas#event:ext-elementChanged\n* @type {PlainObject}\n* @property {Element[]} elems Array of the affected elements\n*/\n/**\n* Invoked as soon as the locale is ready\n* @event module:svgcanvas.SvgCanvas#event:ext-langReady\n* @type {PlainObject}\n* @property {string} lang The two-letter language code\n* @property {module:SVGEditor.uiStrings} uiStrings\n* @property {module:SVGEditor~ImportLocale} importLocale\n*/\n/**\n* The language was changed. Two-letter code of the new language.\n* @event module:svgcanvas.SvgCanvas#event:ext-langChanged\n* @type {string}\n*/\n/**\n* Means for an extension to add locale data. The two-letter language code.\n* @event module:svgcanvas.SvgCanvas#event:ext-addLangData\n* @type {PlainObject}\n* @property {string} lang\n* @property {module:SVGEditor~ImportLocale} importLocale\n*/\n/**\n * Called when new image is created\n * @event module:svgcanvas.SvgCanvas#event:ext-onNewDocument\n * @type {undefined}\n */\n/**\n * Called when sidepanel is resized or toggled\n * @event module:svgcanvas.SvgCanvas#event:ext-workareaResized\n * @type {undefined}\n*/\n/**\n * Called upon addition of the extension, or, if svgicons are set,\n * after the icons are ready when extension SVG icons have loaded.\n * @event module:svgcanvas.SvgCanvas#event:ext-callback\n * @type {undefined}\n*/\n\n/**\n* Sets the zoom to the given level\n* @function module:svgcanvas.SvgCanvas#setZoom\n* @param {Float} zoomLevel - Float indicating the zoom level to change to\n* @fires module:svgcanvas.SvgCanvas#event:ext-zoomChanged\n* @returns {undefined}\n*/\nthis.setZoom = function (zoomLevel) {\n  const res = getResolution();\n  svgcontent.setAttribute('viewBox', '0 0 ' + res.w / zoomLevel + ' ' + res.h / zoomLevel);\n  currentZoom = zoomLevel;\n  $.each(selectedElements, function (i, elem) {\n    if (!elem) { return; }\n    selectorManager.requestSelector(elem).resize();\n  });\n  pathActions.zoomChange();\n  runExtensions('zoomChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} */ zoomLevel);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getMode\n* @returns {string} The current editor mode string\n*/\nthis.getMode = function () {\n  return currentMode;\n};\n\n/**\n* Sets the editor's mode to the given string\n* @function module:svgcanvas.SvgCanvas#setMode\n* @param {string} name - String with the new mode to change to\n* @returns {undefined}\n*/\nthis.setMode = function (name) {\n  pathActions.clear(true);\n  textActions.clear();\n  curProperties = (selectedElements[0] && selectedElements[0].nodeName === 'text') ? curText : curShape;\n  currentMode = name;\n};\n\n/**\n* Group: Element Styling\n*/\n\n/**\n* @typedef {PlainObject} module:svgcanvas.PaintOptions\n* @property {\"solidColor\"} type\n*/\n\n/**\n* @function module:svgcanvas.SvgCanvas#getColor\n* @param {string} type\n* @returns {string|module:svgcanvas.PaintOptions|Float|module:jGraduate~Paint} The current fill/stroke option\n*/\nthis.getColor = function (type) {\n  return curProperties[type];\n};\n\n/**\n* Change the current stroke/fill color/gradient value\n* @function module:svgcanvas.SvgCanvas#setColor\n* @param {string} type - String indicating fill or stroke\n* @param {string} val - The value to set the stroke attribute to\n* @param {boolean} preventUndo - Boolean indicating whether or not this should be an undoable option\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.setColor = function (type, val, preventUndo) {\n  curShape[type] = val;\n  curProperties[type + '_paint'] = {type: 'solidColor'};\n  const elems = [];\n  function addNonG (e) {\n    if (e.nodeName !== 'g') {\n      elems.push(e);\n    }\n  }\n  let i = selectedElements.length;\n  while (i--) {\n    const elem = selectedElements[i];\n    if (elem) {\n      if (elem.tagName === 'g') {\n        walkTree(elem, addNonG);\n      } else {\n        if (type === 'fill') {\n          if (elem.tagName !== 'polyline' && elem.tagName !== 'line') {\n            elems.push(elem);\n          }\n        } else {\n          elems.push(elem);\n        }\n      }\n    }\n  }\n  if (elems.length > 0) {\n    if (!preventUndo) {\n      changeSelectedAttribute(type, val, elems);\n      call('changed', elems);\n    } else {\n      changeSelectedAttributeNoUndo(type, val, elems);\n    }\n  }\n};\n\n/**\n* Apply the current gradient to selected element's fill or stroke\n* @function module:svgcanvas.SvgCanvas#setGradient\n* @param {\"fill\"|\"stroke\"} type - String indicating \"fill\" or \"stroke\" to apply to an element\n* @returns {undefined}\n*/\nconst setGradient = this.setGradient = function (type) {\n  if (!curProperties[type + '_paint'] || curProperties[type + '_paint'].type === 'solidColor') { return; }\n  let grad = canvas[type + 'Grad'];\n  // find out if there is a duplicate gradient already in the defs\n  const duplicateGrad = findDuplicateGradient(grad);\n  const defs = findDefs();\n  // no duplicate found, so import gradient into defs\n  if (!duplicateGrad) {\n    // const origGrad = grad;\n    grad = defs.appendChild(svgdoc.importNode(grad, true));\n    // get next id and set it on the grad\n    grad.id = getNextId();\n  } else { // use existing gradient\n    grad = duplicateGrad;\n  }\n  canvas.setColor(type, 'url(#' + grad.id + ')');\n};\n\n/**\n* Check if exact gradient already exists\n* @function module:svgcanvas~findDuplicateGradient\n* @param {SVGGradientElement} grad - The gradient DOM element to compare to others\n* @returns {SVGGradientElement} The existing gradient if found, `null` if not\n*/\nconst findDuplicateGradient = function (grad) {\n  const defs = findDefs();\n  const existingGrads = $(defs).find('linearGradient, radialGradient');\n  let i = existingGrads.length;\n  const radAttrs = ['r', 'cx', 'cy', 'fx', 'fy'];\n  while (i--) {\n    const og = existingGrads[i];\n    if (grad.tagName === 'linearGradient') {\n      if (grad.getAttribute('x1') !== og.getAttribute('x1') ||\n        grad.getAttribute('y1') !== og.getAttribute('y1') ||\n        grad.getAttribute('x2') !== og.getAttribute('x2') ||\n        grad.getAttribute('y2') !== og.getAttribute('y2')\n      ) {\n        continue;\n      }\n    } else {\n      const gradAttrs = $(grad).attr(radAttrs);\n      const ogAttrs = $(og).attr(radAttrs);\n\n      let diff = false;\n      $.each(radAttrs, function (i, attr) {\n        if (gradAttrs[attr] !== ogAttrs[attr]) { diff = true; }\n      });\n\n      if (diff) { continue; }\n    }\n\n    // else could be a duplicate, iterate through stops\n    const stops = grad.getElementsByTagNameNS(NS.SVG, 'stop');\n    const ostops = og.getElementsByTagNameNS(NS.SVG, 'stop');\n\n    if (stops.length !== ostops.length) {\n      continue;\n    }\n\n    let j = stops.length;\n    while (j--) {\n      const stop = stops[j];\n      const ostop = ostops[j];\n\n      if (stop.getAttribute('offset') !== ostop.getAttribute('offset') ||\n        stop.getAttribute('stop-opacity') !== ostop.getAttribute('stop-opacity') ||\n        stop.getAttribute('stop-color') !== ostop.getAttribute('stop-color')) {\n        break;\n      }\n    }\n\n    if (j === -1) {\n      return og;\n    }\n  } // for each gradient in defs\n\n  return null;\n};\n\n/**\n* Set a color/gradient to a fill/stroke\n* @function module:svgcanvas.SvgCanvas#setPaint\n* @param {\"fill\"|\"stroke\"} type - String with \"fill\" or \"stroke\"\n* @param {module:jGraduate.jGraduatePaintOptions} paint - The jGraduate paint object to apply\n* @returns {undefined}\n*/\nthis.setPaint = function (type, paint) {\n  // make a copy\n  const p = new $.jGraduate.Paint(paint);\n  this.setPaintOpacity(type, p.alpha / 100, true);\n\n  // now set the current paint object\n  curProperties[type + '_paint'] = p;\n  switch (p.type) {\n  case 'solidColor':\n    this.setColor(type, p.solidColor !== 'none' ? '#' + p.solidColor : 'none');\n    break;\n  case 'linearGradient':\n  case 'radialGradient':\n    canvas[type + 'Grad'] = p[p.type];\n    setGradient(type);\n    break;\n  }\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#setStrokePaint\n* @param {module:jGraduate~Paint} paint\n* @returns {undefined}\n*/\nthis.setStrokePaint = function (paint) {\n  this.setPaint('stroke', paint);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#setFillPaint\n* @param {module:jGraduate~Paint} paint\n* @returns {undefined}\n*/\nthis.setFillPaint = function (paint) {\n  this.setPaint('fill', paint);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getStrokeWidth\n* @returns {Float|string} The current stroke-width value\n*/\nthis.getStrokeWidth = function () {\n  return curProperties.stroke_width;\n};\n\n/**\n* Sets the stroke width for the current selected elements.\n* When attempting to set a line's width to 0, this changes it to 1 instead\n* @function module:svgcanvas.SvgCanvas#setStrokeWidth\n* @param {Float} val - A Float indicating the new stroke width value\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.setStrokeWidth = function (val) {\n  if (val === 0 && ['line', 'path'].includes(currentMode)) {\n    canvas.setStrokeWidth(1);\n    return;\n  }\n  curProperties.stroke_width = val;\n\n  const elems = [];\n  function addNonG (e) {\n    if (e.nodeName !== 'g') {\n      elems.push(e);\n    }\n  }\n  let i = selectedElements.length;\n  while (i--) {\n    const elem = selectedElements[i];\n    if (elem) {\n      if (elem.tagName === 'g') {\n        walkTree(elem, addNonG);\n      } else {\n        elems.push(elem);\n      }\n    }\n  }\n  if (elems.length > 0) {\n    changeSelectedAttribute('stroke-width', val, elems);\n    call('changed', selectedElements);\n  }\n};\n\n/**\n* Set the given stroke-related attribute the given value for selected elements\n* @function module:svgcanvas.SvgCanvas#setStrokeAttr\n* @param {string} attr - String with the attribute name\n* @param {string|Float} val - String or number with the attribute value\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.setStrokeAttr = function (attr, val) {\n  curShape[attr.replace('-', '_')] = val;\n  const elems = [];\n\n  let i = selectedElements.length;\n  while (i--) {\n    const elem = selectedElements[i];\n    if (elem) {\n      if (elem.tagName === 'g') {\n        walkTree(elem, function (e) { if (e.nodeName !== 'g') { elems.push(e); } });\n      } else {\n        elems.push(elem);\n      }\n    }\n  }\n  if (elems.length > 0) {\n    changeSelectedAttribute(attr, val, elems);\n    call('changed', selectedElements);\n  }\n};\n\n/**\n* @typedef {PlainObject} module:svgcanvas.StyleOptions\n* @property {string} fill\n* @property {Float} fill_opacity\n* @property {string} stroke\n* @property {Float} stroke_width\n* @property {string} stroke_dasharray\n* @property {string} stroke_linejoin\n* @property {string} stroke_linecap\n* @property {Float} stroke_opacity\n* @property {Float} opacity\n*/\n\n/**\n* @function module:svgcanvas.SvgCanvas#getStyle\n* @returns {module:svgcanvas.StyleOptions} current style options\n*/\nthis.getStyle = function () {\n  return curShape;\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getOpacity\n* @returns {Float} the current opacity\n*/\nthis.getOpacity = getOpacity;\n\n/**\n* Sets the given opacity to the current selected elements\n* @function module:svgcanvas.SvgCanvas#setOpacity\n* @param {string} val\n* @returns {undefined}\n*/\nthis.setOpacity = function (val) {\n  curShape.opacity = val;\n  changeSelectedAttribute('opacity', val);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getFillOpacity\n* @returns {Float} the current fill opacity\n*/\nthis.getFillOpacity = function () {\n  return curShape.fill_opacity;\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getStrokeOpacity\n* @returns {string} the current stroke opacity\n*/\nthis.getStrokeOpacity = function () {\n  return curShape.stroke_opacity;\n};\n\n/**\n* Sets the current fill/stroke opacity\n* @function module:svgcanvas.SvgCanvas#setPaintOpacity\n* @param {string} type - String with \"fill\" or \"stroke\"\n* @param {Float} val - Float with the new opacity value\n* @param {boolean} preventUndo - Indicates whether or not this should be an undoable action\n* @returns {undefined}\n*/\nthis.setPaintOpacity = function (type, val, preventUndo) {\n  curShape[type + '_opacity'] = val;\n  if (!preventUndo) {\n    changeSelectedAttribute(type + '-opacity', val);\n  } else {\n    changeSelectedAttributeNoUndo(type + '-opacity', val);\n  }\n};\n\n/**\n* Gets the current fill/stroke opacity\n* @function module:svgcanvas.SvgCanvas#getPaintOpacity\n* @param {\"fill\"|\"stroke\"} type - String with \"fill\" or \"stroke\"\n* @returns {Float} Fill/stroke opacity\n*/\nthis.getPaintOpacity = function (type) {\n  return type === 'fill' ? this.getFillOpacity() : this.getStrokeOpacity();\n};\n\n/**\n* Gets the `stdDeviation` blur value of the given element\n* @function module:svgcanvas.SvgCanvas#getBlur\n* @param {Element} elem - The element to check the blur value for\n* @returns {string} stdDeviation blur attribute value\n*/\nthis.getBlur = function (elem) {\n  let val = 0;\n  // const elem = selectedElements[0];\n\n  if (elem) {\n    const filterUrl = elem.getAttribute('filter');\n    if (filterUrl) {\n      const blur = getElem(elem.id + '_blur');\n      if (blur) {\n        val = blur.firstChild.getAttribute('stdDeviation');\n      }\n    }\n  }\n  return val;\n};\n\n(function () {\nlet curCommand = null;\nlet filter = null;\nlet filterHidden = false;\n\n/**\n* Sets the `stdDeviation` blur value on the selected element without being undoable\n* @function module:svgcanvas.SvgCanvas#setBlurNoUndo\n* @param {Float} val - The new `stdDeviation` value\n* @returns {undefined}\n*/\ncanvas.setBlurNoUndo = function (val) {\n  if (!filter) {\n    canvas.setBlur(val);\n    return;\n  }\n  if (val === 0) {\n    // Don't change the StdDev, as that will hide the element.\n    // Instead, just remove the value for \"filter\"\n    changeSelectedAttributeNoUndo('filter', '');\n    filterHidden = true;\n  } else {\n    const elem = selectedElements[0];\n    if (filterHidden) {\n      changeSelectedAttributeNoUndo('filter', 'url(#' + elem.id + '_blur)');\n    }\n    if (isWebkit()) {\n      console.log('e', elem);\n      elem.removeAttribute('filter');\n      elem.setAttribute('filter', 'url(#' + elem.id + '_blur)');\n    }\n    changeSelectedAttributeNoUndo('stdDeviation', val, [filter.firstChild]);\n    canvas.setBlurOffsets(filter, val);\n  }\n};\n\nfunction finishChange () {\n  const bCmd = canvas.undoMgr.finishUndoableChange();\n  curCommand.addSubCommand(bCmd);\n  addCommandToHistory(curCommand);\n  curCommand = null;\n  filter = null;\n}\n\n/**\n* Sets the `x`, `y`, `width`, `height` values of the filter element in order to\n* make the blur not be clipped. Removes them if not neeeded\n* @function module:svgcanvas.SvgCanvas#setBlurOffsets\n* @param {Element} filter - The filter DOM element to update\n* @param {Float} stdDev - The standard deviation value on which to base the offset size\n* @returns {undefined}\n*/\ncanvas.setBlurOffsets = function (filter, stdDev) {\n  if (stdDev > 3) {\n    // TODO: Create algorithm here where size is based on expected blur\n    assignAttributes(filter, {\n      x: '-50%',\n      y: '-50%',\n      width: '200%',\n      height: '200%'\n    }, 100);\n  } else {\n    // Removing these attributes hides text in Chrome (see Issue 579)\n    if (!isWebkit()) {\n      filter.removeAttribute('x');\n      filter.removeAttribute('y');\n      filter.removeAttribute('width');\n      filter.removeAttribute('height');\n    }\n  }\n};\n\n/**\n* Adds/updates the blur filter to the selected element\n* @function module:svgcanvas.SvgCanvas#setBlur\n* @param {Float} val - Float with the new `stdDeviation` blur value\n* @param {boolean} complete - Whether or not the action should be completed (to add to the undo manager)\n* @returns {undefined}\n*/\ncanvas.setBlur = function (val, complete) {\n  if (curCommand) {\n    finishChange();\n    return;\n  }\n\n  // Looks for associated blur, creates one if not found\n  const elem = selectedElements[0];\n  const elemId = elem.id;\n  filter = getElem(elemId + '_blur');\n\n  val -= 0;\n\n  const batchCmd = new BatchCommand();\n\n  // Blur found!\n  if (filter) {\n    if (val === 0) {\n      filter = null;\n    }\n  } else {\n    // Not found, so create\n    const newblur = addSVGElementFromJson({ element: 'feGaussianBlur',\n      attr: {\n        in: 'SourceGraphic',\n        stdDeviation: val\n      }\n    });\n\n    filter = addSVGElementFromJson({ element: 'filter',\n      attr: {\n        id: elemId + '_blur'\n      }\n    });\n\n    filter.append(newblur);\n    findDefs().append(filter);\n\n    batchCmd.addSubCommand(new InsertElementCommand(filter));\n  }\n\n  const changes = {filter: elem.getAttribute('filter')};\n\n  if (val === 0) {\n    elem.removeAttribute('filter');\n    batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));\n    return;\n  }\n\n  changeSelectedAttribute('filter', 'url(#' + elemId + '_blur)');\n  batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));\n  canvas.setBlurOffsets(filter, val);\n\n  curCommand = batchCmd;\n  canvas.undoMgr.beginUndoableChange('stdDeviation', [filter ? filter.firstChild : null]);\n  if (complete) {\n    canvas.setBlurNoUndo(val);\n    finishChange();\n  }\n};\n}());\n\n/**\n* Check whether selected element is bold or not\n* @function module:svgcanvas.SvgCanvas#getBold\n* @returns {boolean} Indicates whether or not element is bold\n*/\nthis.getBold = function () {\n  // should only have one element selected\n  const selected = selectedElements[0];\n  if (selected != null && selected.tagName === 'text' &&\n    selectedElements[1] == null) {\n    return (selected.getAttribute('font-weight') === 'bold');\n  }\n  return false;\n};\n\n/**\n* Make the selected element bold or normal\n* @function module:svgcanvas.SvgCanvas#setBold\n* @param {boolean} b - Indicates bold (`true`) or normal (`false`)\n* @returns {undefined}\n*/\nthis.setBold = function (b) {\n  const selected = selectedElements[0];\n  if (selected != null && selected.tagName === 'text' &&\n    selectedElements[1] == null) {\n    changeSelectedAttribute('font-weight', b ? 'bold' : 'normal');\n  }\n  if (!selectedElements[0].textContent) {\n    textActions.setCursor();\n  }\n};\n\n/**\n* Check whether selected element is italic or not\n* @function module:svgcanvas.SvgCanvas#getItalic\n* @returns {boolean} Indicates whether or not element is italic\n*/\nthis.getItalic = function () {\n  const selected = selectedElements[0];\n  if (selected != null && selected.tagName === 'text' &&\n    selectedElements[1] == null) {\n    return (selected.getAttribute('font-style') === 'italic');\n  }\n  return false;\n};\n\n/**\n* Make the selected element italic or normal\n* @function module:svgcanvas.SvgCanvas#setItalic\n* @param {boolean} b - Indicates italic (`true`) or normal (`false`)\n* @returns {undefined}\n*/\nthis.setItalic = function (i) {\n  const selected = selectedElements[0];\n  if (selected != null && selected.tagName === 'text' &&\n    selectedElements[1] == null) {\n    changeSelectedAttribute('font-style', i ? 'italic' : 'normal');\n  }\n  if (!selectedElements[0].textContent) {\n    textActions.setCursor();\n  }\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getFontFamily\n* @returns {string} The current font family\n*/\nthis.getFontFamily = function () {\n  return curText.font_family;\n};\n\n/**\n* Set the new font family\n* @function module:svgcanvas.SvgCanvas#setFontFamily\n* @param {string} val - String with the new font family\n* @returns {undefined}\n*/\nthis.setFontFamily = function (val) {\n  curText.font_family = val;\n  changeSelectedAttribute('font-family', val);\n  if (selectedElements[0] && !selectedElements[0].textContent) {\n    textActions.setCursor();\n  }\n};\n\n/**\n* Set the new font color\n* @function module:svgcanvas.SvgCanvas#setFontColor\n* @param {string} val - String with the new font color\n* @returns {undefined}\n*/\nthis.setFontColor = function (val) {\n  curText.fill = val;\n  changeSelectedAttribute('fill', val);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getFontColor\n* @returns {string} The current font color\n*/\nthis.getFontColor = function () {\n  return curText.fill;\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getFontSize\n* @returns {Float} The current font size\n*/\nthis.getFontSize = function () {\n  return curText.font_size;\n};\n\n/**\n* Applies the given font size to the selected element\n* @function module:svgcanvas.SvgCanvas#setFontSize\n* @param {Float} val - Float with the new font size\n* @returns {undefined}\n*/\nthis.setFontSize = function (val) {\n  curText.font_size = val;\n  changeSelectedAttribute('font-size', val);\n  if (!selectedElements[0].textContent) {\n    textActions.setCursor();\n  }\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getText\n* @returns {string} The current text (`textContent`) of the selected element\n*/\nthis.getText = function () {\n  const selected = selectedElements[0];\n  if (selected == null) { return ''; }\n  return selected.textContent;\n};\n\n/**\n* Updates the text element with the given string\n* @function module:svgcanvas.SvgCanvas#setTextContent\n* @param {string} val - String with the new text\n* @returns {undefined}\n*/\nthis.setTextContent = function (val) {\n  changeSelectedAttribute('#text', val);\n  textActions.init(val);\n  textActions.setCursor();\n};\n\n/**\n* Sets the new image URL for the selected image element. Updates its size if\n* a new URL is given\n* @function module:svgcanvas.SvgCanvas#setImageURL\n* @param {string} val - String with the image URL/path\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.setImageURL = function (val) {\n  const elem = selectedElements[0];\n  if (!elem) { return; }\n\n  const attrs = $(elem).attr(['width', 'height']);\n  let setsize = (!attrs.width || !attrs.height);\n\n  const curHref = getHref(elem);\n\n  // Do nothing if no URL change or size change\n  if (curHref !== val) {\n    setsize = true;\n  } else if (!setsize) { return; }\n\n  const batchCmd = new BatchCommand('Change Image URL');\n\n  setHref(elem, val);\n  batchCmd.addSubCommand(new ChangeElementCommand(elem, {\n    '#href': curHref\n  }));\n\n  if (setsize) {\n    $(new Image()).load(function () {\n      const changes = $(elem).attr(['width', 'height']);\n\n      $(elem).attr({\n        width: this.width,\n        height: this.height\n      });\n\n      selectorManager.requestSelector(elem).resize();\n\n      batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));\n      addCommandToHistory(batchCmd);\n      call('changed', [elem]);\n    }).attr('src', val);\n  } else {\n    addCommandToHistory(batchCmd);\n  }\n};\n\n/**\n* Sets the new link URL for the selected anchor element.\n* @function module:svgcanvas.SvgCanvas#setLinkURL\n* @param {string} val - String with the link URL/path\n* @returns {undefined}\n*/\nthis.setLinkURL = function (val) {\n  let elem = selectedElements[0];\n  if (!elem) { return; }\n  if (elem.tagName !== 'a') {\n    // See if parent is an anchor\n    const parentsA = $(elem).parents('a');\n    if (parentsA.length) {\n      elem = parentsA[0];\n    } else {\n      return;\n    }\n  }\n\n  const curHref = getHref(elem);\n\n  if (curHref === val) { return; }\n\n  const batchCmd = new BatchCommand('Change Link URL');\n\n  setHref(elem, val);\n  batchCmd.addSubCommand(new ChangeElementCommand(elem, {\n    '#href': curHref\n  }));\n\n  addCommandToHistory(batchCmd);\n};\n\n/**\n* Sets the `rx` and `ry` values to the selected `rect` element to change its corner radius\n* @function module:svgcanvas.SvgCanvas#setRectRadius\n* @param {string|Float} val - The new radius\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.setRectRadius = function (val) {\n  const selected = selectedElements[0];\n  if (selected != null && selected.tagName === 'rect') {\n    const r = selected.getAttribute('rx');\n    if (r !== String(val)) {\n      selected.setAttribute('rx', val);\n      selected.setAttribute('ry', val);\n      addCommandToHistory(new ChangeElementCommand(selected, {rx: r, ry: r}, 'Radius'));\n      call('changed', [selected]);\n    }\n  }\n};\n\n/**\n* Wraps the selected element(s) in an anchor element or converts group to one\n* @function module:svgcanvas.SvgCanvas#makeHyperlink\n* @param {string} url\n* @returns {undefined}\n*/\nthis.makeHyperlink = function (url) {\n  canvas.groupSelectedElements('a', url);\n\n  // TODO: If element is a single \"g\", convert to \"a\"\n  //  if (selectedElements.length > 1 && selectedElements[1]) {\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#removeHyperlink\n* @returns {undefined}\n*/\nthis.removeHyperlink = function () {\n  canvas.ungroupSelectedElement();\n};\n\n/**\n* Group: Element manipulation\n*/\n\n/**\n* Sets the new segment type to the selected segment(s).\n* @function module:svgcanvas.SvgCanvas#setSegType\n* @param {Integer} newType - New segment type. See {@link https://www.w3.org/TR/SVG/paths.html#InterfaceSVGPathSeg} for list\n* @returns {undefined}\n*/\nthis.setSegType = function (newType) {\n  pathActions.setSegType(newType);\n};\n\n/**\n* Convert selected element to a path, or get the BBox of an element-as-path\n* @function module:svgcanvas.SvgCanvas#convertToPath\n* @todo (codedread): Remove the getBBox argument and split this function into two.\n* @param {Element} elem - The DOM element to be converted\n* @param {boolean} getBBox - Boolean on whether or not to only return the path's BBox\n* @returns {undefined|DOMRect|false|SVGPathElement|null} If the getBBox flag is true, the resulting path's bounding box object.\n* Otherwise the resulting path element is returned.\n*/\nthis.convertToPath = function (elem, getBBox) {\n  if (elem == null) {\n    const elems = selectedElements;\n    $.each(elems, function (i, elem) {\n      if (elem) { canvas.convertToPath(elem); }\n    });\n    return;\n  }\n  if (getBBox) {\n    return getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions);\n  }\n  // TODO: Why is this applying attributes from curShape, then inside utilities.convertToPath it's pulling addition attributes from elem?\n  // TODO: If convertToPath is called with one elem, curShape and elem are probably the same; but calling with multiple is a bug or cool feature.\n  const attrs = {\n    fill: curShape.fill,\n    'fill-opacity': curShape.fill_opacity,\n    stroke: curShape.stroke,\n    'stroke-width': curShape.stroke_width,\n    'stroke-dasharray': curShape.stroke_dasharray,\n    'stroke-linejoin': curShape.stroke_linejoin,\n    'stroke-linecap': curShape.stroke_linecap,\n    'stroke-opacity': curShape.stroke_opacity,\n    opacity: curShape.opacity,\n    visibility: 'hidden'\n  };\n  return convertToPath(elem, attrs, addSVGElementFromJson, pathActions, clearSelection, addToSelection, history, addCommandToHistory);\n};\n\n/**\n* This function makes the changes to the elements. It does not add the change\n* to the history stack.\n* @param {string} attr - Attribute name\n* @param {string|Float} newValue - String or number with the new attribute value\n* @param {Element[]} elems - The DOM elements to apply the change to\n* @returns {undefined}\n*/\nconst changeSelectedAttributeNoUndo = function (attr, newValue, elems) {\n  if (currentMode === 'pathedit') {\n    // Editing node\n    pathActions.moveNode(attr, newValue);\n  }\n  elems = elems || selectedElements;\n  let i = elems.length;\n  const noXYElems = ['g', 'polyline', 'path'];\n  const goodGAttrs = ['transform', 'opacity', 'filter'];\n\n  while (i--) {\n    let elem = elems[i];\n    if (elem == null) { continue; }\n\n    // Set x,y vals on elements that don't have them\n    if ((attr === 'x' || attr === 'y') && noXYElems.includes(elem.tagName)) {\n      const bbox = getStrokedBBoxDefaultVisible([elem]);\n      const diffX = attr === 'x' ? newValue - bbox.x : 0;\n      const diffY = attr === 'y' ? newValue - bbox.y : 0;\n      canvas.moveSelectedElements(diffX * currentZoom, diffY * currentZoom, true);\n      continue;\n    }\n\n    // only allow the transform/opacity/filter attribute to change on <g> elements, slightly hacky\n    // TODO: FIXME: This doesn't seem right. Where's the body of this if statement?\n    if (elem.tagName === 'g' && goodGAttrs.includes(attr)) {}\n    let oldval = attr === '#text' ? elem.textContent : elem.getAttribute(attr);\n    if (oldval == null) { oldval = ''; }\n    if (oldval !== String(newValue)) {\n      if (attr === '#text') {\n        // const oldW = utilsGetBBox(elem).width;\n        elem.textContent = newValue;\n\n        // FF bug occurs on on rotated elements\n        if ((/rotate/).test(elem.getAttribute('transform'))) {\n          elem = ffClone(elem);\n        }\n        // Hoped to solve the issue of moving text with text-anchor=\"start\",\n        // but this doesn't actually fix it. Hopefully on the right track, though. -Fyrd\n        // const box = getBBox(elem), left = box.x, top = box.y, {width, height} = box,\n        //   dx = width - oldW, dy = 0;\n        // const angle = getRotationAngle(elem, true);\n        // if (angle) {\n        //   const r = Math.sqrt(dx * dx + dy * dy);\n        //   const theta = Math.atan2(dy, dx) - angle;\n        //   dx = r * Math.cos(theta);\n        //   dy = r * Math.sin(theta);\n        //\n        //   elem.setAttribute('x', elem.getAttribute('x') - dx);\n        //   elem.setAttribute('y', elem.getAttribute('y') - dy);\n        // }\n      } else if (attr === '#href') {\n        setHref(elem, newValue);\n      } else { elem.setAttribute(attr, newValue); }\n\n      // Go into \"select\" mode for text changes\n      // NOTE: Important that this happens AFTER elem.setAttribute() or else attributes like\n      // font-size can get reset to their old value, ultimately by svgEditor.updateContextPanel(),\n      // after calling textActions.toSelectMode() below\n      if (currentMode === 'textedit' && attr !== '#text' && elem.textContent.length) {\n        textActions.toSelectMode(elem);\n      }\n\n      // if (i === 0) {\n      //   selectedBBoxes[0] = utilsGetBBox(elem);\n      // }\n\n      // Use the Firefox ffClone hack for text elements with gradients or\n      // where other text attributes are changed.\n      if (isGecko() && elem.nodeName === 'text' && (/rotate/).test(elem.getAttribute('transform'))) {\n        if (String(newValue).startsWith('url') || (['font-size', 'font-family', 'x', 'y'].includes(attr) && elem.textContent)) {\n          elem = ffClone(elem);\n        }\n      }\n      // Timeout needed for Opera & Firefox\n      // codedread: it is now possible for this function to be called with elements\n      // that are not in the selectedElements array, we need to only request a\n      // selector if the element is in that array\n      if (selectedElements.includes(elem)) {\n        setTimeout(function () {\n          // Due to element replacement, this element may no longer\n          // be part of the DOM\n          if (!elem.parentNode) { return; }\n          selectorManager.requestSelector(elem).resize();\n        }, 0);\n      }\n      // if this element was rotated, and we changed the position of this element\n      // we need to update the rotational transform attribute\n      const angle = getRotationAngle(elem);\n      if (angle !== 0 && attr !== 'transform') {\n        const tlist = getTransformList(elem);\n        let n = tlist.numberOfItems;\n        while (n--) {\n          const xform = tlist.getItem(n);\n          if (xform.type === 4) {\n            // remove old rotate\n            tlist.removeItem(n);\n\n            const box = utilsGetBBox(elem);\n            const center = transformPoint(box.x + box.width / 2, box.y + box.height / 2, transformListToTransform(tlist).matrix);\n            const cx = center.x,\n              cy = center.y;\n            const newrot = svgroot.createSVGTransform();\n            newrot.setRotate(angle, cx, cy);\n            tlist.insertItemBefore(newrot, n);\n            break;\n          }\n        }\n      }\n    } // if oldValue != newValue\n  } // for each elem\n};\n\n/**\n* Change the given/selected element and add the original value to the history stack.\n* If you want to change all `selectedElements`, ignore the `elems` argument.\n* If you want to change only a subset of `selectedElements`, then send the\n* subset to this function in the `elems` argument.\n* @function module:svgcanvas.SvgCanvas#changeSelectedAttribute\n* @param {string} attr - String with the attribute name\n* @param {string|Float} newValue - String or number with the new attribute value\n* @param {Element[]} elems - The DOM elements to apply the change to\n* @returns {undefined}\n*/\nconst changeSelectedAttribute = this.changeSelectedAttribute = function (attr, val, elems) {\n  elems = elems || selectedElements;\n  canvas.undoMgr.beginUndoableChange(attr, elems);\n  // const i = elems.length;\n\n  changeSelectedAttributeNoUndo(attr, val, elems);\n\n  const batchCmd = canvas.undoMgr.finishUndoableChange();\n  if (!batchCmd.isEmpty()) {\n    addCommandToHistory(batchCmd);\n  }\n};\n\n/**\n* Removes all selected elements from the DOM and adds the change to the\n* history stack\n* @function module:svgcanvas.SvgCanvas#deleteSelectedElements\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.deleteSelectedElements = function () {\n  const batchCmd = new BatchCommand('Delete Elements');\n  const len = selectedElements.length;\n  const selectedCopy = []; // selectedElements is being deleted\n\n  for (let i = 0; i < len; ++i) {\n    const selected = selectedElements[i];\n    if (selected == null) { break; }\n\n    let parent = selected.parentNode;\n    let t = selected;\n\n    // this will unselect the element and remove the selectedOutline\n    selectorManager.releaseSelector(t);\n\n    // Remove the path if present.\n    pathModule.removePath_(t.id);\n\n    // Get the parent if it's a single-child anchor\n    if (parent.tagName === 'a' && parent.childNodes.length === 1) {\n      t = parent;\n      parent = parent.parentNode;\n    }\n\n    const {nextSibling} = t;\n    const elem = parent.removeChild(t);\n    selectedCopy.push(selected); // for the copy\n    batchCmd.addSubCommand(new RemoveElementCommand(elem, nextSibling, parent));\n  }\n  selectedElements = [];\n\n  if (!batchCmd.isEmpty()) { addCommandToHistory(batchCmd); }\n  call('changed', selectedCopy);\n  clearSelection();\n};\n\n/**\n* Removes all selected elements from the DOM and adds the change to the\n* history stack. Remembers removed elements on the clipboard\n* @function module:svgcanvas.SvgCanvas#cutSelectedElements\n* @returns {undefined}\n*/\nthis.cutSelectedElements = function () {\n  canvas.copySelectedElements();\n  canvas.deleteSelectedElements();\n};\n\n/**\n* Remembers the current selected elements on the clipboard\n* @function module:svgcanvas.SvgCanvas#copySelectedElements\n* @returns {undefined}\n*/\nthis.copySelectedElements = function () {\n  localStorage.setItem('svgedit_clipboard', JSON.stringify(\n    selectedElements.map(function (x) { return getJsonFromSvgElement(x); })\n  ));\n\n  $('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#pasteElements\n* @param {\"in_place\"|\"point\"|undefined} type\n* @param {Integer|undefined} x Expected if type is \"point\"\n* @param {Integer|undefined} y Expected if type is \"point\"\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @fires module:svgcanvas.SvgCanvas#event:ext-IDsUpdated\n* @returns {undefined}\n*/\nthis.pasteElements = function (type, x, y) {\n  let clipb = JSON.parse(localStorage.getItem('svgedit_clipboard'));\n  let len = clipb.length;\n  if (!len) { return; }\n\n  const pasted = [];\n  const batchCmd = new BatchCommand('Paste elements');\n  // const drawing = getCurrentDrawing();\n  /**\n  * @typedef {PlainObject.<string, string>} module:svgcanvas.ChangedIDs\n  */\n  /**\n   * @type {module:svgcanvas.ChangedIDs}\n   */\n  const changedIDs = {};\n\n  // Recursively replace IDs and record the changes\n  function checkIDs (elem) {\n    if (elem.attr && elem.attr.id) {\n      changedIDs[elem.attr.id] = getNextId();\n      elem.attr.id = changedIDs[elem.attr.id];\n    }\n    if (elem.children) elem.children.forEach(checkIDs);\n  }\n  clipb.forEach(checkIDs);\n\n  // Give extensions like the connector extension a chance to reflect new IDs and remove invalid elements\n  /**\n  * Triggered when `pasteElements` is called from a paste action (context menu or key)\n  * @event module:svgcanvas.SvgCanvas#event:ext-IDsUpdated\n  * @type {PlainObject}\n  * @property {module:svgcanvas.SVGAsJSON[]} elems\n  * @property {module:svgcanvas.ChangedIDs} changes Maps past ID (on attribute) to current ID\n  */\n  runExtensions(\n    'IDsUpdated',\n    /** @type {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} */\n    {elems: clipb, changes: changedIDs},\n    true\n  ).forEach(function (extChanges) {\n    if (!extChanges || !('remove' in extChanges)) return;\n\n    extChanges.remove.forEach(function (removeID) {\n      clipb = clipb.filter(function (clipBoardItem) {\n        return clipBoardItem.attr.id !== removeID;\n      });\n    });\n  });\n\n  // Move elements to lastClickPoint\n  while (len--) {\n    const elem = clipb[len];\n    if (!elem) { continue; }\n\n    const copy = addSVGElementFromJson(elem);\n    pasted.push(copy);\n    batchCmd.addSubCommand(new InsertElementCommand(copy));\n\n    restoreRefElems(copy);\n  }\n\n  selectOnly(pasted);\n\n  if (type !== 'in_place') {\n    let ctrX, ctrY;\n\n    if (!type) {\n      ctrX = lastClickPoint.x;\n      ctrY = lastClickPoint.y;\n    } else if (type === 'point') {\n      ctrX = x;\n      ctrY = y;\n    }\n\n    const bbox = getStrokedBBoxDefaultVisible(pasted);\n    const cx = ctrX - (bbox.x + bbox.width / 2),\n      cy = ctrY - (bbox.y + bbox.height / 2),\n      dx = [],\n      dy = [];\n\n    $.each(pasted, function (i, item) {\n      dx.push(cx);\n      dy.push(cy);\n    });\n\n    const cmd = canvas.moveSelectedElements(dx, dy, false);\n    if (cmd) batchCmd.addSubCommand(cmd);\n  }\n\n  addCommandToHistory(batchCmd);\n  call('changed', pasted);\n};\n\n/**\n* Wraps all the selected elements in a group (`g`) element\n* @function module:svgcanvas.SvgCanvas#groupSelectedElements\n* @param {\"a\"|\"g\"} [type=\"g\"] - type of element to group into, defaults to `<g>`\n* @param {string} [urlArg]\n* @returns {undefined}\n*/\nthis.groupSelectedElements = function (type, urlArg) {\n  if (!type) { type = 'g'; }\n  let cmdStr = '';\n  let url;\n\n  switch (type) {\n  case 'a': {\n    cmdStr = 'Make hyperlink';\n    url = urlArg || '';\n    break;\n  } default: {\n    type = 'g';\n    cmdStr = 'Group Elements';\n    break;\n  }\n  }\n\n  const batchCmd = new BatchCommand(cmdStr);\n\n  // create and insert the group element\n  const g = addSVGElementFromJson({\n    element: type,\n    attr: {\n      id: getNextId()\n    }\n  });\n  if (type === 'a') {\n    setHref(g, url);\n  }\n  batchCmd.addSubCommand(new InsertElementCommand(g));\n\n  // now move all children into the group\n  let i = selectedElements.length;\n  while (i--) {\n    let elem = selectedElements[i];\n    if (elem == null) { continue; }\n\n    if (elem.parentNode.tagName === 'a' && elem.parentNode.childNodes.length === 1) {\n      elem = elem.parentNode;\n    }\n\n    const oldNextSibling = elem.nextSibling;\n    const oldParent = elem.parentNode;\n    g.append(elem);\n    batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldParent));\n  }\n  if (!batchCmd.isEmpty()) { addCommandToHistory(batchCmd); }\n\n  // update selection\n  selectOnly([g], true);\n};\n\n/**\n* Pushes all appropriate parent group properties down to its children, then\n* removes them from the group\n* @function module:svgcanvas.SvgCanvas#pushGroupProperties\n* @param {SVGAElement|SVGGElement} g\n* @param {boolean} undoable\n* @returns {undefined}\n*/\nconst pushGroupProperties = this.pushGroupProperties = function (g, undoable) {\n  const children = g.childNodes;\n  const len = children.length;\n  const xform = g.getAttribute('transform');\n\n  const glist = getTransformList(g);\n  const m = transformListToTransform(glist).matrix;\n\n  const batchCmd = new BatchCommand('Push group properties');\n\n  // TODO: get all fill/stroke properties from the group that we are about to destroy\n  // \"fill\", \"fill-opacity\", \"fill-rule\", \"stroke\", \"stroke-dasharray\", \"stroke-dashoffset\",\n  // \"stroke-linecap\", \"stroke-linejoin\", \"stroke-miterlimit\", \"stroke-opacity\",\n  // \"stroke-width\"\n  // and then for each child, if they do not have the attribute (or the value is 'inherit')\n  // then set the child's attribute\n\n  const gangle = getRotationAngle(g);\n\n  const gattrs = $(g).attr(['filter', 'opacity']);\n  let gfilter, gblur, changes;\n  const drawing = getCurrentDrawing();\n\n  for (let i = 0; i < len; i++) {\n    const elem = children[i];\n\n    if (elem.nodeType !== 1) { continue; }\n\n    if (gattrs.opacity !== null && gattrs.opacity !== 1) {\n      // const c_opac = elem.getAttribute('opacity') || 1;\n      const newOpac = Math.round((elem.getAttribute('opacity') || 1) * gattrs.opacity * 100) / 100;\n      changeSelectedAttribute('opacity', newOpac, [elem]);\n    }\n\n    if (gattrs.filter) {\n      let cblur = this.getBlur(elem);\n      const origCblur = cblur;\n      if (!gblur) { gblur = this.getBlur(g); }\n      if (cblur) {\n        // Is this formula correct?\n        cblur = Number(gblur) + Number(cblur);\n      } else if (cblur === 0) {\n        cblur = gblur;\n      }\n\n      // If child has no current filter, get group's filter or clone it.\n      if (!origCblur) {\n        // Set group's filter to use first child's ID\n        if (!gfilter) {\n          gfilter = getRefElem(gattrs.filter);\n        } else {\n          // Clone the group's filter\n          gfilter = drawing.copyElem(gfilter);\n          findDefs().append(gfilter);\n        }\n      } else {\n        gfilter = getRefElem(elem.getAttribute('filter'));\n      }\n\n      // Change this in future for different filters\n      const suffix = (gfilter.firstChild.tagName === 'feGaussianBlur') ? 'blur' : 'filter';\n      gfilter.id = elem.id + '_' + suffix;\n      changeSelectedAttribute('filter', 'url(#' + gfilter.id + ')', [elem]);\n\n      // Update blur value\n      if (cblur) {\n        changeSelectedAttribute('stdDeviation', cblur, [gfilter.firstChild]);\n        canvas.setBlurOffsets(gfilter, cblur);\n      }\n    }\n\n    let chtlist = getTransformList(elem);\n\n    // Don't process gradient transforms\n    if (elem.tagName.includes('Gradient')) { chtlist = null; }\n\n    // Hopefully not a problem to add this. Necessary for elements like <desc/>\n    if (!chtlist) { continue; }\n\n    // Apparently <defs> can get get a transformlist, but we don't want it to have one!\n    if (elem.tagName === 'defs') { continue; }\n\n    if (glist.numberOfItems) {\n      // TODO: if the group's transform is just a rotate, we can always transfer the\n      // rotate() down to the children (collapsing consecutive rotates and factoring\n      // out any translates)\n      if (gangle && glist.numberOfItems === 1) {\n        // [Rg] [Rc] [Mc]\n        // we want [Tr] [Rc2] [Mc] where:\n        //  - [Rc2] is at the child's current center but has the\n        // sum of the group and child's rotation angles\n        //  - [Tr] is the equivalent translation that this child\n        // undergoes if the group wasn't there\n\n        // [Tr] = [Rg] [Rc] [Rc2_inv]\n\n        // get group's rotation matrix (Rg)\n        const rgm = glist.getItem(0).matrix;\n\n        // get child's rotation matrix (Rc)\n        let rcm = svgroot.createSVGMatrix();\n        const cangle = getRotationAngle(elem);\n        if (cangle) {\n          rcm = chtlist.getItem(0).matrix;\n        }\n\n        // get child's old center of rotation\n        const cbox = utilsGetBBox(elem);\n        const ceqm = transformListToTransform(chtlist).matrix;\n        const coldc = transformPoint(cbox.x + cbox.width / 2, cbox.y + cbox.height / 2, ceqm);\n\n        // sum group and child's angles\n        const sangle = gangle + cangle;\n\n        // get child's rotation at the old center (Rc2_inv)\n        const r2 = svgroot.createSVGTransform();\n        r2.setRotate(sangle, coldc.x, coldc.y);\n\n        // calculate equivalent translate\n        const trm = matrixMultiply(rgm, rcm, r2.matrix.inverse());\n\n        // set up tlist\n        if (cangle) {\n          chtlist.removeItem(0);\n        }\n\n        if (sangle) {\n          if (chtlist.numberOfItems) {\n            chtlist.insertItemBefore(r2, 0);\n          } else {\n            chtlist.appendItem(r2);\n          }\n        }\n\n        if (trm.e || trm.f) {\n          const tr = svgroot.createSVGTransform();\n          tr.setTranslate(trm.e, trm.f);\n          if (chtlist.numberOfItems) {\n            chtlist.insertItemBefore(tr, 0);\n          } else {\n            chtlist.appendItem(tr);\n          }\n        }\n      } else { // more complicated than just a rotate\n        // transfer the group's transform down to each child and then\n        // call recalculateDimensions()\n        const oldxform = elem.getAttribute('transform');\n        changes = {};\n        changes.transform = oldxform || '';\n\n        const newxform = svgroot.createSVGTransform();\n\n        // [ gm ] [ chm ] = [ chm ] [ gm' ]\n        // [ gm' ] = [ chmInv ] [ gm ] [ chm ]\n        const chm = transformListToTransform(chtlist).matrix,\n          chmInv = chm.inverse();\n        const gm = matrixMultiply(chmInv, m, chm);\n        newxform.setMatrix(gm);\n        chtlist.appendItem(newxform);\n      }\n      const cmd = recalculateDimensions(elem);\n      if (cmd) { batchCmd.addSubCommand(cmd); }\n    }\n  }\n\n  // remove transform and make it undo-able\n  if (xform) {\n    changes = {};\n    changes.transform = xform;\n    g.setAttribute('transform', '');\n    g.removeAttribute('transform');\n    batchCmd.addSubCommand(new ChangeElementCommand(g, changes));\n  }\n\n  if (undoable && !batchCmd.isEmpty()) {\n    return batchCmd;\n  }\n};\n\n/**\n* Unwraps all the elements in a selected group (`g`) element. This requires\n* significant recalculations to apply group's transforms, etc. to its children\n* @function module:svgcanvas.SvgCanvas#ungroupSelectedElement\n* @returns {undefined}\n*/\nthis.ungroupSelectedElement = function () {\n  let g = selectedElements[0];\n  if (!g) {\n    return;\n  }\n  if ($(g).data('gsvg') || $(g).data('symbol')) {\n    // Is svg, so actually convert to group\n    convertToGroup(g);\n    return;\n  }\n  if (g.tagName === 'use') {\n    // Somehow doesn't have data set, so retrieve\n    const symbol = getElem(getHref(g).substr(1));\n    $(g).data('symbol', symbol).data('ref', symbol);\n    convertToGroup(g);\n    return;\n  }\n  const parentsA = $(g).parents('a');\n  if (parentsA.length) {\n    g = parentsA[0];\n  }\n\n  // Look for parent \"a\"\n  if (g.tagName === 'g' || g.tagName === 'a') {\n    const batchCmd = new BatchCommand('Ungroup Elements');\n    const cmd = pushGroupProperties(g, true);\n    if (cmd) { batchCmd.addSubCommand(cmd); }\n\n    const parent = g.parentNode;\n    const anchor = g.nextSibling;\n    const children = new Array(g.childNodes.length);\n\n    let i = 0;\n    while (g.firstChild) {\n      let elem = g.firstChild;\n      const oldNextSibling = elem.nextSibling;\n      const oldParent = elem.parentNode;\n\n      // Remove child title elements\n      if (elem.tagName === 'title') {\n        const {nextSibling} = elem;\n        batchCmd.addSubCommand(new RemoveElementCommand(elem, nextSibling, oldParent));\n        elem.remove();\n        continue;\n      }\n\n      children[i++] = elem = parent.insertBefore(elem, anchor);\n      batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldParent));\n    }\n\n    // remove the group from the selection\n    clearSelection();\n\n    // delete the group element (but make undo-able)\n    const gNextSibling = g.nextSibling;\n    g = parent.removeChild(g);\n    batchCmd.addSubCommand(new RemoveElementCommand(g, gNextSibling, parent));\n\n    if (!batchCmd.isEmpty()) { addCommandToHistory(batchCmd); }\n\n    // update selection\n    addToSelection(children);\n  }\n};\n\n/**\n* Repositions the selected element to the bottom in the DOM to appear on top of\n* other elements\n* @function module:svgcanvas.SvgCanvas#moveToTopSelectedElement\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.moveToTopSelectedElement = function () {\n  const [selected] = selectedElements;\n  if (selected != null) {\n    let t = selected;\n    const oldParent = t.parentNode;\n    const oldNextSibling = t.nextSibling;\n    t = t.parentNode.appendChild(t);\n    // If the element actually moved position, add the command and fire the changed\n    // event handler.\n    if (oldNextSibling !== t.nextSibling) {\n      addCommandToHistory(new MoveElementCommand(t, oldNextSibling, oldParent, 'top'));\n      call('changed', [t]);\n    }\n  }\n};\n\n/**\n* Repositions the selected element to the top in the DOM to appear under\n* other elements\n* @function module:svgcanvas.SvgCanvas#moveToBottomSelectedElement\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.moveToBottomSelectedElement = function () {\n  const [selected] = selectedElements;\n  if (selected != null) {\n    let t = selected;\n    const oldParent = t.parentNode;\n    const oldNextSibling = t.nextSibling;\n    let {firstChild} = t.parentNode;\n    if (firstChild.tagName === 'title') {\n      firstChild = firstChild.nextSibling;\n    }\n    // This can probably be removed, as the defs should not ever apppear\n    // inside a layer group\n    if (firstChild.tagName === 'defs') {\n      firstChild = firstChild.nextSibling;\n    }\n    t = t.parentNode.insertBefore(t, firstChild);\n    // If the element actually moved position, add the command and fire the changed\n    // event handler.\n    if (oldNextSibling !== t.nextSibling) {\n      addCommandToHistory(new MoveElementCommand(t, oldNextSibling, oldParent, 'bottom'));\n      call('changed', [t]);\n    }\n  }\n};\n\n/**\n* Moves the select element up or down the stack, based on the visibly\n* intersecting elements\n* @function module:svgcanvas.SvgCanvas#moveUpDownSelected\n* @param {\"Up\"|\"Down\"} dir - String that's either 'Up' or 'Down'\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.moveUpDownSelected = function (dir) {\n  const selected = selectedElements[0];\n  if (!selected) { return; }\n\n  curBBoxes = [];\n  let closest, foundCur;\n  // jQuery sorts this list\n  const list = $(getIntersectionList(getStrokedBBoxDefaultVisible([selected]))).toArray();\n  if (dir === 'Down') { list.reverse(); }\n\n  $.each(list, function () {\n    if (!foundCur) {\n      if (this === selected) {\n        foundCur = true;\n      }\n      return;\n    }\n    closest = this;\n    return false;\n  });\n  if (!closest) { return; }\n\n  const t = selected;\n  const oldParent = t.parentNode;\n  const oldNextSibling = t.nextSibling;\n  $(closest)[dir === 'Down' ? 'before' : 'after'](t);\n  // If the element actually moved position, add the command and fire the changed\n  // event handler.\n  if (oldNextSibling !== t.nextSibling) {\n    addCommandToHistory(new MoveElementCommand(t, oldNextSibling, oldParent, 'Move ' + dir));\n    call('changed', [t]);\n  }\n};\n\n/**\n* Moves selected elements on the X/Y axis\n* @function module:svgcanvas.SvgCanvas#moveSelectedElements\n* @param {Float} dx - Float with the distance to move on the x-axis\n* @param {Float} dy - Float with the distance to move on the y-axis\n* @param {boolean} undoable - Boolean indicating whether or not the action should be undoable\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {BatchCommand} Batch command for the move\n*/\nthis.moveSelectedElements = function (dx, dy, undoable) {\n  // if undoable is not sent, default to true\n  // if single values, scale them to the zoom\n  if (dx.constructor !== Array) {\n    dx /= currentZoom;\n    dy /= currentZoom;\n  }\n  undoable = undoable || true;\n  const batchCmd = new BatchCommand('position');\n  let i = selectedElements.length;\n  while (i--) {\n    const selected = selectedElements[i];\n    if (selected != null) {\n      // if (i === 0) {\n      //   selectedBBoxes[0] = utilsGetBBox(selected);\n      // }\n      // const b = {};\n      // for (const j in selectedBBoxes[i]) b[j] = selectedBBoxes[i][j];\n      // selectedBBoxes[i] = b;\n\n      const xform = svgroot.createSVGTransform();\n      const tlist = getTransformList(selected);\n\n      // dx and dy could be arrays\n      if (dx.constructor === Array) {\n        // if (i === 0) {\n        //   selectedBBoxes[0].x += dx[0];\n        //   selectedBBoxes[0].y += dy[0];\n        // }\n        xform.setTranslate(dx[i], dy[i]);\n      } else {\n        // if (i === 0) {\n        //   selectedBBoxes[0].x += dx;\n        //   selectedBBoxes[0].y += dy;\n        // }\n        xform.setTranslate(dx, dy);\n      }\n\n      if (tlist.numberOfItems) {\n        tlist.insertItemBefore(xform, 0);\n      } else {\n        tlist.appendItem(xform);\n      }\n\n      const cmd = recalculateDimensions(selected);\n      if (cmd) {\n        batchCmd.addSubCommand(cmd);\n      }\n\n      selectorManager.requestSelector(selected).resize();\n    }\n  }\n  if (!batchCmd.isEmpty()) {\n    if (undoable) {\n      addCommandToHistory(batchCmd);\n    }\n    call('changed', selectedElements);\n    return batchCmd;\n  }\n};\n\n/**\n* Create deep DOM copies (clones) of all selected elements and move them slightly\n* from their originals\n* @function module:svgcanvas.SvgCanvas#cloneSelectedElements\n* @param {Float} x Float with the distance to move on the x-axis\n* @param {Float} y Float with the distance to move on the y-axis\n* @returns {undefined}\n*/\nthis.cloneSelectedElements = function (x, y) {\n  let i, elem;\n  const batchCmd = new BatchCommand('Clone Elements');\n  // find all the elements selected (stop at first null)\n  const len = selectedElements.length;\n  function sortfunction (a, b) {\n    return ($(b).index() - $(a).index()); // causes an array to be sorted numerically and ascending\n  }\n  selectedElements.sort(sortfunction);\n  for (i = 0; i < len; ++i) {\n    elem = selectedElements[i];\n    if (elem == null) { break; }\n  }\n  // use slice to quickly get the subset of elements we need\n  const copiedElements = selectedElements.slice(0, i);\n  this.clearSelection(true);\n  // note that we loop in the reverse way because of the way elements are added\n  // to the selectedElements array (top-first)\n  const drawing = getCurrentDrawing();\n  i = copiedElements.length;\n  while (i--) {\n    // clone each element and replace it within copiedElements\n    elem = copiedElements[i] = drawing.copyElem(copiedElements[i]);\n    (currentGroup || drawing.getCurrentLayer()).append(elem);\n    batchCmd.addSubCommand(new InsertElementCommand(elem));\n  }\n\n  if (!batchCmd.isEmpty()) {\n    addToSelection(copiedElements.reverse()); // Need to reverse for correct selection-adding\n    this.moveSelectedElements(x, y, false);\n    addCommandToHistory(batchCmd);\n  }\n};\n\n/**\n* Aligns selected elements\n* @function module:svgcanvas.SvgCanvas#alignSelectedElements\n* @param {string} type - String with single character indicating the alignment type\n* @param {\"selected\"|\"largest\"|\"smallest\"|\"page\"} relativeTo\n* @returns {undefined}\n*/\nthis.alignSelectedElements = function (type, relativeTo) {\n  const bboxes = []; // angles = [];\n  const len = selectedElements.length;\n  if (!len) { return; }\n  let minx = Number.MAX_VALUE, maxx = Number.MIN_VALUE,\n    miny = Number.MAX_VALUE, maxy = Number.MIN_VALUE;\n  let curwidth = Number.MIN_VALUE, curheight = Number.MIN_VALUE;\n  for (let i = 0; i < len; ++i) {\n    if (selectedElements[i] == null) { break; }\n    const elem = selectedElements[i];\n    bboxes[i] = getStrokedBBoxDefaultVisible([elem]);\n\n    // now bbox is axis-aligned and handles rotation\n    switch (relativeTo) {\n    case 'smallest':\n      if (((type === 'l' || type === 'c' || type === 'r') &&\n        (curwidth === Number.MIN_VALUE || curwidth > bboxes[i].width)) ||\n        ((type === 't' || type === 'm' || type === 'b') &&\n        (curheight === Number.MIN_VALUE || curheight > bboxes[i].height))\n      ) {\n        minx = bboxes[i].x;\n        miny = bboxes[i].y;\n        maxx = bboxes[i].x + bboxes[i].width;\n        maxy = bboxes[i].y + bboxes[i].height;\n        curwidth = bboxes[i].width;\n        curheight = bboxes[i].height;\n      }\n      break;\n    case 'largest':\n      if (((type === 'l' || type === 'c' || type === 'r') &&\n        (curwidth === Number.MIN_VALUE || curwidth < bboxes[i].width)) ||\n        ((type === 't' || type === 'm' || type === 'b') &&\n        (curheight === Number.MIN_VALUE || curheight < bboxes[i].height))\n      ) {\n        minx = bboxes[i].x;\n        miny = bboxes[i].y;\n        maxx = bboxes[i].x + bboxes[i].width;\n        maxy = bboxes[i].y + bboxes[i].height;\n        curwidth = bboxes[i].width;\n        curheight = bboxes[i].height;\n      }\n      break;\n    default: // 'selected'\n      if (bboxes[i].x < minx) { minx = bboxes[i].x; }\n      if (bboxes[i].y < miny) { miny = bboxes[i].y; }\n      if (bboxes[i].x + bboxes[i].width > maxx) { maxx = bboxes[i].x + bboxes[i].width; }\n      if (bboxes[i].y + bboxes[i].height > maxy) { maxy = bboxes[i].y + bboxes[i].height; }\n      break;\n    }\n  } // loop for each element to find the bbox and adjust min/max\n\n  if (relativeTo === 'page') {\n    minx = 0;\n    miny = 0;\n    maxx = canvas.contentW;\n    maxy = canvas.contentH;\n  }\n\n  const dx = new Array(len);\n  const dy = new Array(len);\n  for (let i = 0; i < len; ++i) {\n    if (selectedElements[i] == null) { break; }\n    // const elem = selectedElements[i];\n    const bbox = bboxes[i];\n    dx[i] = 0;\n    dy[i] = 0;\n    switch (type) {\n    case 'l': // left (horizontal)\n      dx[i] = minx - bbox.x;\n      break;\n    case 'c': // center (horizontal)\n      dx[i] = (minx + maxx) / 2 - (bbox.x + bbox.width / 2);\n      break;\n    case 'r': // right (horizontal)\n      dx[i] = maxx - (bbox.x + bbox.width);\n      break;\n    case 't': // top (vertical)\n      dy[i] = miny - bbox.y;\n      break;\n    case 'm': // middle (vertical)\n      dy[i] = (miny + maxy) / 2 - (bbox.y + bbox.height / 2);\n      break;\n    case 'b': // bottom (vertical)\n      dy[i] = maxy - (bbox.y + bbox.height);\n      break;\n    }\n  }\n  this.moveSelectedElements(dx, dy);\n};\n\n/**\n* Group: Additional editor tools\n*/\n\n/**\n* @name module:svgcanvas.SvgCanvas#contentW\n* @type {Float}\n*/\nthis.contentW = getResolution().w;\n/**\n* @name module:svgcanvas.SvgCanvas#contentH\n* @type {Float}\n*/\nthis.contentH = getResolution().h;\n\n/**\n* @typedef {PlainObject} module:svgcanvas.CanvasInfo\n* @property {Float} x - The canvas' new x coordinate\n* @property {Float} y - The canvas' new y coordinate\n* @property {string} oldX - The canvas' old x coordinate\n* @property {string} oldY - The canvas' old y coordinate\n* @property {Float} d_x - The x position difference\n* @property {Float} d_y - The y position difference\n*/\n\n/**\n* Updates the editor canvas width/height/position after a zoom has occurred\n* @function module:svgcanvas.SvgCanvas#updateCanvas\n* @param {Float} w - Float with the new width\n* @param {Float} h - Float with the new height\n* @fires module:svgcanvas.SvgCanvas#event:ext-canvasUpdated\n* @returns {module:svgcanvas.CanvasInfo}\n*/\nthis.updateCanvas = function (w, h) {\n  svgroot.setAttribute('width', w);\n  svgroot.setAttribute('height', h);\n  const bg = $('#canvasBackground')[0];\n  const oldX = svgcontent.getAttribute('x');\n  const oldY = svgcontent.getAttribute('y');\n  const x = (w / 2 - this.contentW * currentZoom / 2);\n  const y = (h / 2 - this.contentH * currentZoom / 2);\n\n  assignAttributes(svgcontent, {\n    width: this.contentW * currentZoom,\n    height: this.contentH * currentZoom,\n    x,\n    y,\n    viewBox: '0 0 ' + this.contentW + ' ' + this.contentH\n  });\n\n  assignAttributes(bg, {\n    width: svgcontent.getAttribute('width'),\n    height: svgcontent.getAttribute('height'),\n    x,\n    y\n  });\n\n  const bgImg = getElem('background_image');\n  if (bgImg) {\n    assignAttributes(bgImg, {\n      width: '100%',\n      height: '100%'\n    });\n  }\n\n  selectorManager.selectorParentGroup.setAttribute('transform', 'translate(' + x + ',' + y + ')');\n  /**\n  * Invoked upon updates to the canvas.\n  * @event module:svgcanvas.SvgCanvas#event:ext-canvasUpdated\n  * @type {PlainObject}\n  * @property {Integer} new_x\n  * @property {Integer} new_y\n  * @property {string} old_x (Of Integer)\n  * @property {string} old_y (Of Integer)\n  * @property {Integer} d_x\n  * @property {Integer} d_y\n  */\n  runExtensions(\n    'canvasUpdated',\n    /**\n     * @type {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated}\n     */\n    {new_x: x, new_y: y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY}\n  );\n  return {x, y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY};\n};\n\n/**\n* Set the background of the editor (NOT the actual document)\n* @function module:svgcanvas.SvgCanvas#setBackground\n* @param {string} color - String with fill color to apply\n* @param {string} url - URL or path to image to use\n* @returns {undefined}\n*/\nthis.setBackground = function (color, url) {\n  const bg = getElem('canvasBackground');\n  const border = $(bg).find('rect')[0];\n  let bgImg = getElem('background_image');\n  border.setAttribute('fill', color);\n  if (url) {\n    if (!bgImg) {\n      bgImg = svgdoc.createElementNS(NS.SVG, 'image');\n      assignAttributes(bgImg, {\n        id: 'background_image',\n        width: '100%',\n        height: '100%',\n        preserveAspectRatio: 'xMinYMin',\n        style: 'pointer-events:none'\n      });\n    }\n    setHref(bgImg, url);\n    bg.append(bgImg);\n  } else if (bgImg) {\n    bgImg.remove();\n  }\n};\n\n/**\n* Select the next/previous element within the current layer\n* @function module:svgcanvas.SvgCanvas#cycleElement\n* @param {boolean} next - true = next and false = previous element\n* @fires module:svgcanvas.SvgCanvas#event:selected\n* @returns {undefined}\n*/\nthis.cycleElement = function (next) {\n  let num;\n  const curElem = selectedElements[0];\n  let elem = false;\n  const allElems = getVisibleElements(currentGroup || getCurrentDrawing().getCurrentLayer());\n  if (!allElems.length) { return; }\n  if (curElem == null) {\n    num = next ? allElems.length - 1 : 0;\n    elem = allElems[num];\n  } else {\n    let i = allElems.length;\n    while (i--) {\n      if (allElems[i] === curElem) {\n        num = next ? i - 1 : i + 1;\n        if (num >= allElems.length) {\n          num = 0;\n        } else if (num < 0) {\n          num = allElems.length - 1;\n        }\n        elem = allElems[num];\n        break;\n      }\n    }\n  }\n  selectOnly([elem], true);\n  call('selected', selectedElements);\n};\n\nthis.clear();\n\n/**\n* @interface module:svgcanvas.PrivateMethods\n* @type {PlainObject}\n* @property {module:svgcanvas~addCommandToHistory} addCommandToHistory\n* @property {module:history.HistoryCommand} BatchCommand\n* @property {module:history.HistoryCommand} ChangeElementCommand\n* @property {module:utilities.decode64} decode64\n* @property {module:utilities.encode64} encode64\n* @property {module:svgcanvas~ffClone} ffClone\n* @property {module:svgcanvas~findDuplicateGradient} findDuplicateGradient\n* @property {module:utilities.getPathBBox} getPathBBox\n* @property {module:units.getTypeMap} getTypeMap\n* @property {module:draw.identifyLayers} identifyLayers\n* @property {module:history.HistoryCommand} InsertElementCommand\n* @property {module:browser.isChrome} isChrome\n* @property {module:math.isIdentity} isIdentity\n* @property {module:browser.isIE} isIE\n* @property {module:svgcanvas~logMatrix} logMatrix\n* @property {module:history.HistoryCommand} MoveElementCommand\n* @property {module:namespaces.NS} NS\n* @property {module:utilities.preventClickDefault} preventClickDefault\n* @property {module:history.HistoryCommand} RemoveElementCommand\n* @property {module:SVGTransformList.SVGEditTransformList} SVGEditTransformList\n* @property {module:utilities.text2xml} text2xml\n* @property {module:math.transformBox} transformBox\n* @property {module:math.transformPoint} transformPoint\n* @property {module:utilities.walkTree} walkTree\n*/\n/**\n* @deprecated getPrivateMethods\n* Since all methods are/should be public somehow, this function should be removed;\n*  we might require `import` in place of this in the future once ES6 Modules\n*  widespread\n\n* Being able to access private methods publicly seems wrong somehow,\n* but currently appears to be the best way to allow testing and provide\n* access to them to plugins.\n* @function module:svgcanvas.SvgCanvas#getPrivateMethods\n* @returns {module:svgcanvas.PrivateMethods}\n*/\nthis.getPrivateMethods = function () {\n  const obj = {\n    addCommandToHistory,\n    BatchCommand,\n    ChangeElementCommand,\n    decode64,\n    encode64,\n    ffClone,\n    findDefs,\n    findDuplicateGradient,\n    getElem,\n    getPathBBox,\n    getTypeMap,\n    getUrlFromAttr,\n    identifyLayers: draw.identifyLayers,\n    InsertElementCommand,\n    isChrome,\n    isIdentity,\n    isIE,\n    logMatrix,\n    MoveElementCommand,\n    NS,\n    preventClickDefault,\n    RemoveElementCommand,\n    SVGEditTransformList,\n    text2xml,\n    transformBox,\n    transformPoint,\n    walkTree\n  };\n  return obj;\n};\n  } // End constructor\n} // End class\n\nexport default SvgCanvas;\n","// Todo: Update: https://github.com/jeresig/jquery.hotkeys\n/*\n * jQuery Hotkeys Plugin\n * Copyright 2010, John Resig\n * Dual licensed under the MIT or GPL Version 2 licenses.\n *\n * http://github.com/jeresig/jquery.hotkeys\n *\n * Based upon the plugin by Tzury Bar Yochay:\n * http://github.com/tzuryby/hotkeys\n *\n * Original idea by:\n * Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/\n*/\n\nexport default function(b){b.hotkeys={version:\"0.8\",specialKeys:{8:\"backspace\",9:\"tab\",13:\"return\",16:\"shift\",17:\"ctrl\",18:\"alt\",19:\"pause\",20:\"capslock\",27:\"esc\",32:\"space\",33:\"pageup\",34:\"pagedown\",35:\"end\",36:\"home\",37:\"left\",38:\"up\",39:\"right\",40:\"down\",45:\"insert\",46:\"del\",96:\"0\",97:\"1\",98:\"2\",99:\"3\",100:\"4\",101:\"5\",102:\"6\",103:\"7\",104:\"8\",105:\"9\",106:\"*\",107:\"+\",109:\"-\",110:\".\",111:\"/\",112:\"f1\",113:\"f2\",114:\"f3\",115:\"f4\",116:\"f5\",117:\"f6\",118:\"f7\",119:\"f8\",120:\"f9\",121:\"f10\",122:\"f11\",123:\"f12\",144:\"numlock\",145:\"scroll\",191:\"/\",224:\"meta\",219:\"[\",221:\"]\"},shiftNums:{\"`\":\"~\",\"1\":\"!\",\"2\":\"@\",\"3\":\"#\",\"4\":\"$\",\"5\":\"%\",\"6\":\"^\",\"7\":\"&\",\"8\":\"*\",\"9\":\"(\",\"0\":\")\",\"-\":\"_\",\"=\":\"+\",\";\":\": \",\"'\":'\"',\",\":\"<\",\".\":\">\",\"/\":\"?\",\"\\\\\":\"|\"}};function a(d){if(typeof d.data!==\"string\"){return}var c=d.handler,e=d.data.toLowerCase().split(\" \");d.handler=function(n){if(this!==n.target&&(/textarea|select/i.test(n.target.nodeName)||n.target.type===\"text\")){return}var h=n.type!==\"keypress\"&&b.hotkeys.specialKeys[n.which],o=String.fromCharCode(n.which).toLowerCase(),k,m=\"\",g={};if(n.altKey&&h!==\"alt\"){m+=\"alt+\"}if(n.ctrlKey&&h!==\"ctrl\"){m+=\"ctrl+\"}if(n.metaKey&&!n.ctrlKey&&h!==\"meta\"){m+=\"meta+\"}if(n.shiftKey&&h!==\"shift\"){m+=\"shift+\"}if(h){g[m+h]=true}else{g[m+o]=true;g[m+b.hotkeys.shiftNums[o]]=true;if(m===\"shift+\"){g[b.hotkeys.shiftNums[o]]=true}}for(var j=0,f=e.length;j<f;j++){if(g[e[j]]){return c.apply(this,arguments)}}}}b.each([\"keydown\",\"keyup\",\"keypress\"],function(){b.event.special[this]={add:a}})\n\nreturn b;\n}\n","/*\n * Todo: Update to latest at https://github.com/cowboy/jquery-bbq ?\n * jQuery BBQ: Back Button & Query Library - v1.2.1 - 2/17/2010\n * http://benalman.com/projects/jquery-bbq-plugin/\n *\n * Copyright (c) 2010 \"Cowboy\" Ben Alman\n * Dual licensed under the MIT and GPL licenses.\n * http://benalman.com/about/license/\n */\n\n// For sake of modules, added this wrapping export and changed `this` to `window`\nexport default function (jQuery) {\n\n(function($,p){var i,m=Array.prototype.slice,r=decodeURIComponent,a=$.param,c,l,v,b=$.bbq=$.bbq||{},q,u,j,e=$.event.special,d=\"hashchange\",A=\"querystring\",D=\"fragment\",y=\"elemUrlAttr\",g=\"location\",k=\"href\",t=\"src\",x=/^.*\\?|#.*$/g,w=/^.*\\#/,h,C={};function E(F){return typeof F===\"string\"}function B(G){var F=m.call(arguments,1);return function(){return G.apply(this,F.concat(m.call(arguments)))}}function n(F){return F.replace(/^[^#]*#?(.*)$/,\"$1\")}function o(F){return F.replace(/(?:^[^?#]*\\?([^#]*).*$)?.*/,\"$1\")}function f(H,M,F,I,G){var O,L,K,N,J;if(I!==i){K=F.match(H?/^([^#]*)\\#?(.*)$/:/^([^#?]*)\\??([^#]*)(#?.*)/);J=K[3]||\"\";if(G===2&&E(I)){L=I.replace(H?w:x,\"\")}else{N=l(K[2]);I=E(I)?l[H?D:A](I):I;L=G===2?I:G===1?$.extend({},I,N):$.extend({},N,I);L=a(L);if(H){L=L.replace(h,r)}}O=K[1]+(H?\"#\":L||!K[1]?\"?\":\"\")+L+J}else{O=M(F!==i?F:p[g][k])}return O}a[A]=B(f,0,o);a[D]=c=B(f,1,n);c.noEscape=function(G){G=G||\"\";var F=$.map(G.split(\"\"),encodeURIComponent);h=new RegExp(F.join(\"|\"),\"g\")};c.noEscape(\",/\");$.deparam=l=function(I,F){var H={},G={\"true\":!0,\"false\":!1,\"null\":null};$.each(I.replace(/\\+/g,\" \").split(\"&\"),function(L,Q){var K=Q.split(\"=\"),P=r(K[0]),J,O=H,M=0,R=P.split(\"][\"),N=R.length-1;if(/\\[/.test(R[0])&&/\\]$/.test(R[N])){R[N]=R[N].replace(/\\]$/,\"\");R=R.shift().split(\"[\").concat(R);N=R.length-1}else{N=0}if(K.length===2){J=r(K[1]);if(F){J=J&&!isNaN(J)?+J:J===\"undefined\"?i:G[J]!==i?G[J]:J}if(N){for(;M<=N;M++){P=R[M]===\"\"?O.length:R[M];O=O[P]=M<N?O[P]||(R[M+1]&&isNaN(R[M+1])?{}:[]):J}}else{if($.isArray(H[P])){H[P].push(J)}else{if(H[P]!==i){H[P]=[H[P],J]}else{H[P]=J}}}}else{if(P){H[P]=F?i:\"\"}}});return H};function z(H,F,G){if(F===i||typeof F===\"boolean\"){G=F;F=a[H?D:A]()}else{F=E(F)?F.replace(H?w:x,\"\"):F}return l(F,G)}l[A]=B(z,0);l[D]=v=B(z,1);$[y]||($[y]=function(F){return $.extend(C,F)})({a:k,base:k,iframe:t,img:t,input:t,form:\"action\",link:k,script:t});j=$[y];function s(I,G,H,F){if(!E(H)&&typeof H!==\"object\"){F=H;H=G;G=i}return this.each(function(){var L=$(this),J=G||j()[(this.nodeName||\"\").toLowerCase()]||\"\",K=J&&L.attr(J)||\"\";L.attr(J,a[I](K,H,F))})}$.fn[A]=B(s,A);$.fn[D]=B(s,D);b.pushState=q=function(I,F){if(E(I)&&/^#/.test(I)&&F===i){F=2}var H=I!==i,G=c(p[g][k],H?I:{},H?F:2);p[g][k]=G+(/#/.test(G)?\"\":\"#\")};b.getState=u=function(F,G){return F===i||typeof F===\"boolean\"?v(F):v(G)[F]};b.removeState=function(F){var G={};if(F!==i){G=u();$.each($.isArray(F)?F:arguments,function(I,H){delete G[H]})}q(G,2)};e[d]=$.extend(e[d],{add:function(F){var H;function G(J){var I=J[D]=c();J.getState=function(K,L){return K===i||typeof K===\"boolean\"?l(I,K):l(I,L)[K]};H.apply(this,arguments)}if($.isFunction(F)){H=F;return G}else{H=F.handler;F.handler=G}}})})(jQuery,window);\n/*\n * jQuery hashchange event - v1.2 - 2/11/2010\n * http://benalman.com/projects/jquery-hashchange-plugin/\n *\n * Copyright (c) 2010 \"Cowboy\" Ben Alman\n * Dual licensed under the MIT and GPL licenses.\n * http://benalman.com/about/license/\n */\n(function($,i,b){var j,k=$.event.special,c=\"location\",d=\"hashchange\",l=\"href\",f=$.browser,g=document.documentMode,h=f.msie&&(g===b||g<8),e=\"on\"+d in i&&!h;function a(m){m=m||i[c][l];return m.replace(/^[^#]*#?(.*)$/,\"$1\")}$[d+\"Delay\"]=100;k[d]=$.extend(k[d],{setup:function(){if(e){return false}$(j.start)},teardown:function(){if(e){return false}$(j.stop)}});j=(function(){var m={},r,n,o,q;function p(){o=q=function(s){return s};if(h){n=$('<iframe src=\"javascript:0\"/>').hide().insertAfter(\"body\")[0].contentWindow;q=function(){return a(n.document[c][l])};o=function(u,s){if(u!==s){var t=n.document;t.open().close();t[c].hash=\"#\"+u}};o(a())}}m.start=function(){if(r){return}var t=a();o||p();(function s(){var v=a(),u=q(t);if(v!==t){o(t=v,u);$(i).trigger(d)}else{if(u!==t){i[c][l]=i[c][l].replace(/#.*/,\"\")+\"#\"+u}}r=setTimeout(s,$[d+\"Delay\"])})()};m.stop=function(){if(!n){r&&clearTimeout(r);r=0}};return m})()})(jQuery,window);\n\nreturn jQuery;\n}\n","/**\n * SVG Icon Loader 2.0\n *\n * jQuery Plugin for loading SVG icons from a single file\n *\n * Adds {@link external:jQuery.svgIcons}, {@link external:jQuery.getSvgIcon}, {@link external:jQuery.resizeSvgIcons}\n *\n * How to use:\n\n1. Create the SVG master file that includes all icons:\n\nThe master SVG icon-containing file is an SVG file that contains\n`<g>` elements. Each `<g>` element should contain the markup of an SVG\nicon. The `<g>` element has an ID that should\ncorrespond with the ID of the HTML element used on the page that should contain\nor optionally be replaced by the icon. Additionally, one empty element should be\nadded at the end with id \"svg_eof\".\n\n2. Optionally create fallback raster images for each SVG icon.\n\n3. Include the jQuery and the SVG Icon Loader scripts on your page.\n\n4. Run `$.svgIcons()` when the document is ready. See its signature\n\n5. To access an icon at a later point without using the callback, use this:\n  `$.getSvgIcon(id (string), uniqueClone (boolean))`;\n\nThis will return the icon (as jQuery object) with a given ID.\n\n6. To resize icons at a later point without using the callback, use this:\n  `$.resizeSvgIcons(resizeOptions)` (use the same way as the \"resize\" parameter)\n *\n * @module jQuerySVGIcons\n * @license MIT\n * @copyright (c) 2009 Alexis Deveria\n * {@link http://a.deveria.com}\n * @example usage #1:\n\n$(function() {\n  $.svgIcons('my_icon_set.svg'); // The SVG file that contains all icons\n  // No options have been set, so all icons will automatically be inserted\n  // into HTML elements that match the same IDs.\n});\n\n* @example usage #2:\n\n$(function() {\n  $.svgIcons('my_icon_set.svg', { // The SVG file that contains all icons\n    callback (icons) { // Custom callback function that sets click\n                  // events for each icon\n      $.each(icons, function(id, icon) {\n        icon.click(function() {\n          alert('You clicked on the icon with id ' + id);\n        });\n      });\n    }\n  }); //The SVG file that contains all icons\n});\n\n* @example usage #3:\n\n$(function() {\n  $.svgIcons('my_icon_set.svgz', { // The SVGZ file that contains all icons\n    w: 32,  // All icons will be 32px wide\n    h: 32,  // All icons will be 32px high\n    fallback_path: 'icons/',  // All fallback files can be found here\n    fallback: {\n      '#open_icon': 'open.png',  // The \"open.png\" will be appended to the\n                    // HTML element with ID \"open_icon\"\n      '#close_icon': 'close.png',\n      '#save_icon': 'save.png'\n    },\n    placement: {'.open_icon','open'}, // The \"open\" icon will be added\n                    // to all elements with class \"open_icon\"\n    resize () {\n      '#save_icon .svg_icon': 64  // The \"save\" icon will be resized to 64 x 64px\n    },\n\n    callback (icons) { // Sets background color for \"close\" icon\n      icons['close'].css('background','red');\n    },\n\n    svgz: true // Indicates that an SVGZ file is being used\n\n  })\n});\n*/\n\n/**\n* @callback module:jQuerySVGIcons.SVGIconsLoadedCallback\n* @param {PlainObject.<string, external:jQuery>} svgIcons IDs keyed to jQuery objects of images\n*/\n\n/**\n * @function module:jQuerySVGIcons.jQuerySVGIcons\n * @param {external:jQuery} $ Its keys include all icon IDs and the values, the icon as a jQuery object\n*/\nexport default function ($) {\n  const svgIcons = {};\n\n  let fixIDs;\n  /**\n  * @function external:jQuery.svgIcons\n  * @param {string} file The location of a local SVG or SVGz file\n  * @param {PlainObject} [options]\n  * @param {Float} [options.w] The icon widths\n  * @param {Float} [options.h] The icon heights\n  * @param {PlainObject.<string, string>} [options.fallback] List of raster images with each\n    key being the SVG icon ID to replace, and the value the image file name\n  * @param {string} [options.fallback_path] The path to use for all images\n    listed under \"fallback\"\n  * @param {boolean} [options.replace] If set to `true`, HTML elements will be replaced by,\n    rather than include the SVG icon.\n  * @param {PlainObject.<string, string>} [options.placement] List with selectors for keys and SVG icon ids\n    as values. This provides a custom method of adding icons.\n  * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} [options.resize] List with selectors for keys and numbers\n    as values. This allows an easy way to resize specific icons.\n  * @param {module:jQuerySVGIcons.SVGIconsLoadedCallback} [options.callback] A function to call when all icons have been loaded.\n  * @param {boolean} [options.id_match=true] Automatically attempt to match SVG icon ids with\n    corresponding HTML id\n  * @param {boolean} [options.no_img] Prevent attempting to convert the icon into an `<img>`\n    element (may be faster, help for browser consistency)\n  * @param {boolean} [options.svgz] Indicate that the file is an SVGZ file, and thus not to\n    parse as XML. SVGZ files add compression benefits, but getting data from\n    them fails in Firefox 2 and older.\n  */\n  $.svgIcons = function (file, opts = {}) {\n    const svgns = 'http://www.w3.org/2000/svg',\n      xlinkns = 'http://www.w3.org/1999/xlink',\n      iconW = opts.w || 24,\n      iconH = opts.h || 24;\n    let elems, svgdoc, testImg,\n      iconsMade = false, dataLoaded = false, loadAttempts = 0;\n    const isOpera = !!window.opera,\n      // ua = navigator.userAgent,\n      // isSafari = (ua.includes('Safari/') && !ua.includes('Chrome/')),\n      dataPre = 'data:image/svg+xml;charset=utf-8;base64,';\n\n    let dataEl;\n    if (opts.svgz) {\n      dataEl = $('<object data=\"' + file + '\" type=image/svg+xml>').appendTo('body').hide();\n      try {\n        svgdoc = dataEl[0].contentDocument;\n        dataEl.load(getIcons);\n        getIcons(0, true); // Opera will not run \"load\" event if file is already cached\n      } catch (err1) {\n        useFallback();\n      }\n    } else {\n      const parser = new DOMParser();\n      $.ajax({\n        url: file,\n        dataType: 'string',\n        success (data) {\n          if (!data) {\n            $(useFallback);\n            return;\n          }\n          svgdoc = parser.parseFromString(data, 'text/xml');\n          $(function () {\n            getIcons('ajax');\n          });\n        },\n        error (err) {\n          // TODO: Fix Opera widget icon bug\n          if (window.opera) {\n            $(function () {\n              useFallback();\n            });\n          } else {\n            if (err.responseText) {\n              svgdoc = parser.parseFromString(err.responseText, 'text/xml');\n\n              if (!svgdoc.childNodes.length) {\n                $(useFallback);\n              }\n              $(function () {\n                getIcons('ajax');\n              });\n            } else {\n              $(useFallback);\n            }\n          }\n        }\n      });\n    }\n\n    function getIcons (evt, noWait) {\n      if (evt !== 'ajax') {\n        if (dataLoaded) return;\n        // Webkit sometimes says svgdoc is undefined, other times\n        // it fails to load all nodes. Thus we must make sure the \"eof\"\n        // element is loaded.\n        svgdoc = dataEl[0].contentDocument; // Needed again for Webkit\n        const isReady = (svgdoc && svgdoc.getElementById('svg_eof'));\n        if (!isReady && !(noWait && isReady)) {\n          loadAttempts++;\n          if (loadAttempts < 50) {\n            setTimeout(getIcons, 20);\n          } else {\n            useFallback();\n            dataLoaded = true;\n          }\n          return;\n        }\n        dataLoaded = true;\n      }\n\n      elems = $(svgdoc.firstChild).children(); // .getElementsByTagName('foreignContent');\n\n      if (!opts.no_img) {\n        const testSrc = dataPre + 'PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D';\n\n        testImg = $(new Image()).attr({\n          src: testSrc,\n          width: 0,\n          height: 0\n        }).appendTo('body')\n          .load(function () {\n            // Safari 4 crashes, Opera and Chrome don't\n            makeIcons(true);\n          }).error(function () {\n            makeIcons();\n          });\n      } else {\n        setTimeout(function () {\n          if (!iconsMade) makeIcons();\n        }, 500);\n      }\n    }\n\n    function setIcon (target, icon, id, setID) {\n      if (isOpera) icon.css('visibility', 'hidden');\n      if (opts.replace) {\n        if (setID) icon.attr('id', id);\n        const cl = target.attr('class');\n        if (cl) icon.attr('class', 'svg_icon ' + cl);\n        target.replaceWith(icon);\n      } else {\n        target.append(icon);\n      }\n      if (isOpera) {\n        setTimeout(function () {\n          icon.removeAttr('style');\n        }, 1);\n      }\n    }\n\n    let holder;\n    function addIcon (icon, id) {\n      if (opts.id_match === undefined || opts.id_match !== false) {\n        setIcon(holder, icon, id, true);\n      }\n      svgIcons[id] = icon;\n    }\n\n    function makeIcons (toImage, fallback) {\n      if (iconsMade) return;\n      if (opts.no_img) toImage = false;\n\n      let tempHolder;\n      if (toImage) {\n        tempHolder = $(document.createElement('div'));\n        tempHolder.hide().appendTo('body');\n      }\n      if (fallback) {\n        const path = opts.fallback_path || '';\n        $.each(fallback, function (id, imgsrc) {\n          holder = $('#' + id);\n          const icon = $(new Image())\n            .attr({\n              class: 'svg_icon',\n              src: path + imgsrc,\n              width: iconW,\n              height: iconH,\n              alt: 'icon'\n            });\n\n          addIcon(icon, id);\n        });\n      } else {\n        const len = elems.length;\n        for (let i = 0; i < len; i++) {\n          const elem = elems[i];\n          const {id} = elem;\n          if (id === 'svg_eof') break;\n          holder = $('#' + id);\n          const svgroot = document.createElementNS(svgns, 'svg');\n          // Per https://www.w3.org/TR/xml-names11/#defaulting, the namespace for\n          // attributes should have no value.\n          svgroot.setAttributeNS(null, 'viewBox', [0, 0, iconW, iconH].join(' '));\n\n          let svg = elem.getElementsByTagNameNS(svgns, 'svg')[0];\n\n          // Make flexible by converting width/height to viewBox\n          const w = svg.getAttribute('width');\n          const h = svg.getAttribute('height');\n          svg.removeAttribute('width');\n          svg.removeAttribute('height');\n\n          const vb = svg.getAttribute('viewBox');\n          if (!vb) {\n            svg.setAttribute('viewBox', [0, 0, w, h].join(' '));\n          }\n\n          // Not using jQuery to be a bit faster\n          svgroot.setAttribute('xmlns', svgns);\n          svgroot.setAttribute('width', iconW);\n          svgroot.setAttribute('height', iconH);\n          svgroot.setAttribute('xmlns:xlink', xlinkns);\n          svgroot.setAttribute('class', 'svg_icon');\n\n          // Without cloning, Firefox will make another GET request.\n          // With cloning, causes issue in Opera/Win/Non-EN\n          if (!isOpera) svg = svg.cloneNode(true);\n\n          svgroot.append(svg);\n\n          let icon;\n          if (toImage) {\n            tempHolder.empty().append(svgroot);\n            const str = dataPre + encode64(unescape(encodeURIComponent(new XMLSerializer().serializeToString(svgroot))));\n            icon = $(new Image())\n              .attr({class: 'svg_icon', src: str});\n          } else {\n            icon = fixIDs($(svgroot), i);\n          }\n          addIcon(icon, id);\n        }\n      }\n\n      if (opts.placement) {\n        $.each(opts.placement, function (sel, id) {\n          if (!svgIcons[id]) return;\n          $(sel).each(function (i) {\n            let copy = svgIcons[id].clone();\n            if (i > 0 && !toImage) copy = fixIDs(copy, i, true);\n            setIcon($(this), copy, id);\n          });\n        });\n      }\n      if (!fallback) {\n        if (toImage) tempHolder.remove();\n        if (dataEl) dataEl.remove();\n        if (testImg) testImg.remove();\n      }\n      if (opts.resize) $.resizeSvgIcons(opts.resize);\n      iconsMade = true;\n\n      if (opts.callback) opts.callback(svgIcons);\n    }\n\n    fixIDs = function (svgEl, svgNum, force) {\n      const defs = svgEl.find('defs');\n      if (!defs.length) return svgEl;\n\n      let idElems;\n      if (isOpera) {\n        idElems = defs.find('*').filter(function () {\n          return !!this.id;\n        });\n      } else {\n        idElems = defs.find('[id]');\n      }\n\n      const allElems = svgEl[0].getElementsByTagName('*'), len = allElems.length;\n\n      idElems.each(function (i) {\n        const {id} = this;\n        /*\n        const noDupes = ($(svgdoc).find('#' + id).length <= 1);\n        if (isOpera) noDupes = false; // Opera didn't clone svgEl, so not reliable\n        if(!force && noDupes) return;\n        */\n        const newId = 'x' + id + svgNum + i;\n        this.id = newId;\n\n        const oldVal = 'url(#' + id + ')';\n        const newVal = 'url(#' + newId + ')';\n\n        // Selector method, possibly faster but fails in Opera / jQuery 1.4.3\n        //  svgEl.find('[fill=\"url(#' + id + ')\"]').each(function() {\n        //    this.setAttribute('fill', 'url(#' + newId + ')');\n        //  }).end().find('[stroke=\"url(#' + id + ')\"]').each(function() {\n        //    this.setAttribute('stroke', 'url(#' + newId + ')');\n        //  }).end().find('use').each(function() {\n        //    if(this.getAttribute('xlink:href') == '#' + id) {\n        //      this.setAttributeNS(xlinkns,'href','#' + newId);\n        //    }\n        //  }).end().find('[filter=\"url(#' + id + ')\"]').each(function() {\n        //    this.setAttribute('filter', 'url(#' + newId + ')');\n        //  });\n\n        for (i = 0; i < len; i++) {\n          const elem = allElems[i];\n          if (elem.getAttribute('fill') === oldVal) {\n            elem.setAttribute('fill', newVal);\n          }\n          if (elem.getAttribute('stroke') === oldVal) {\n            elem.setAttribute('stroke', newVal);\n          }\n          if (elem.getAttribute('filter') === oldVal) {\n            elem.setAttribute('filter', newVal);\n          }\n        }\n      });\n      return svgEl;\n    };\n\n    function useFallback () {\n      if (file.includes('.svgz')) {\n        const regFile = file.replace('.svgz', '.svg');\n        if (window.console) {\n          console.log('.svgz failed, trying with .svg');\n        }\n        $.svgIcons(regFile, opts);\n      } else if (opts.fallback) {\n        makeIcons(false, opts.fallback);\n      }\n    }\n\n    function encode64 (input) {\n      // base64 strings are 4/3 larger than the original string\n      if (window.btoa) return window.btoa(input);\n      const _keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';\n      const output = new Array(Math.floor((input.length + 2) / 3) * 4);\n\n      let i = 0, p = 0;\n      do {\n        const chr1 = input.charCodeAt(i++);\n        const chr2 = input.charCodeAt(i++);\n        const chr3 = input.charCodeAt(i++);\n\n        const enc1 = chr1 >> 2;\n        const enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);\n\n        let enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);\n        let enc4 = chr3 & 63;\n        if (isNaN(chr2)) {\n          enc3 = enc4 = 64;\n        } else if (isNaN(chr3)) {\n          enc4 = 64;\n        }\n\n        output[p++] = _keyStr.charAt(enc1);\n        output[p++] = _keyStr.charAt(enc2);\n        output[p++] = _keyStr.charAt(enc3);\n        output[p++] = _keyStr.charAt(enc4);\n      } while (i < input.length);\n\n      return output.join('');\n    }\n  };\n\n  /**\n  * @function external:jQuery.getSvgIcon\n  * @param {string} id\n  * @param {boolean} uniqueClone Whether to clone\n  * @returns {external:jQuery} The icon (optionally cloned)\n  */\n  $.getSvgIcon = function (id, uniqueClone) {\n    let icon = svgIcons[id];\n    if (uniqueClone && icon) {\n      icon = fixIDs(icon, 0, true).clone(true);\n    }\n    return icon;\n  };\n\n  /**\n  * @typedef {GenericArray} module:jQuerySVGIcons.Dimensions\n  * @property {Integer} length 2\n  * @property {Float} 0 Width\n  * @property {Float} 1 Height\n  */\n\n  /**\n  * If a Float is used, it will represent width and height. Arrays contain the width and height.\n  * @typedef {module:jQuerySVGIcons.Dimensions|Float} module:jQuerySVGIcons.Size\n  */\n\n  /**\n  * @function external:jQuery.resizeSvgIcons\n  * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} obj Object with selectors as keys. The values are sizes.\n  * @returns {undefined}\n  */\n  $.resizeSvgIcons = function (obj) {\n    // FF2 and older don't detect .svg_icon, so we change it detect svg elems instead\n    const changeSel = !$('.svg_icon:first').length;\n    $.each(obj, function (sel, size) {\n      const arr = Array.isArray(size);\n      const w = arr ? size[0] : size,\n        h = arr ? size[1] : size;\n      if (changeSel) {\n        sel = sel.replace(/\\.svg_icon/g, 'svg');\n      }\n      $(sel).each(function () {\n        this.setAttribute('width', w);\n        this.setAttribute('height', h);\n        if (window.opera && window.widget) {\n          this.parentNode.style.width = w + 'px';\n          this.parentNode.style.height = h + 'px';\n        }\n      });\n    });\n  };\n  return $;\n}\n","/**\n * jGraduate 0.4\n *\n * jQuery Plugin for a gradient picker\n *\n * @module jGraduate\n * @copyright 2010 Jeff Schiller {@link http://blog.codedread.com/}, 2010 Alexis Deveria {@link http://a.deveria.com/}\n *\n * @license Apache-2.0\n * @example\n * // The Paint object is described below.\n * $.jGraduate.Paint() // constructs a 'none' color\n * @example $.jGraduate.Paint({copy: o}) // creates a copy of the paint o\n * @example $.jGraduate.Paint({hex: '#rrggbb'}) // creates a solid color paint with hex = \"#rrggbb\"\n * @example $.jGraduate.Paint({linearGradient: o, a: 50}) // creates a linear gradient paint with opacity=0.5\n * @example $.jGraduate.Paint({radialGradient: o, a: 7}) // creates a radial gradient paint with opacity=0.07\n * @example $.jGraduate.Paint({hex: '#rrggbb', linearGradient: o}) // throws an exception?\n *\n*/\n\n/**\n  * The jQuery namespace.\n  * @external jQuery\n*/\n/**\n * The jQuery plugin namespace.\n * @namespace {PlainObject} fn\n * @memberof external:jQuery\n * @see {@link http://learn.jquery.com/plugins/|jQuery Plugins}\n */\n\nconst ns = {\n  svg: 'http://www.w3.org/2000/svg',\n  xlink: 'http://www.w3.org/1999/xlink'\n};\n\nif (!window.console) {\n  window.console = {\n    log (str) {},\n    dir (str) {}\n  };\n}\n\n/**\n* Adds {@link external:jQuery.jGraduate.Paint}, {@link external:jQuery.fn.jGraduateDefaults}, {@link external:jQuery.fn.jGraduate}\n* @function module:jGraduate.jGraduate\n* @param {external:jQuery} $ The jQuery instance to wrap\n* @returns {external:jQuery}\n*/\nexport default function ($) {\n  if (!$.loadingStylesheets) {\n    $.loadingStylesheets = [];\n  }\n  const stylesheet = 'jgraduate/css/jGraduate.css';\n  if (!$.loadingStylesheets.includes(stylesheet)) {\n    $.loadingStylesheets.push(stylesheet);\n  }\n\n  /**\n  * @typedef {PlainObject} module:jGraduate.jGraduatePaintOptions\n  * @param {Float} [alpha]\n  * @param {module:jGraduate~Paint} [copy] Copy paint object\n  * @param {SVGLinearGradientElement} [linearGradient]\n  * @param {SVGRadialGradientElement} [radialGradient]\n  * @param {string} [solidColor]\n  */\n\n  /**\n  * @memberof module:jGraduate~\n  */\n  class Paint {\n    /**\n     * @param {module:jGraduate.jGraduatePaintOptions} [opt]\n    */\n    constructor (opt) {\n      const options = opt || {};\n      this.alpha = isNaN(options.alpha) ? 100 : options.alpha;\n      // copy paint object\n      if (options.copy) {\n        /**\n         * @name module:jGraduate~Paint#type\n         * @type {\"none\"|\"solidColor\"|\"linearGradient\"|\"radialGradient\"}\n         */\n        this.type = options.copy.type;\n        /**\n         * Represents opacity (0-100)\n         * @name module:jGraduate~Paint#alpha\n         * @type {Float}\n         */\n        this.alpha = options.copy.alpha;\n        /**\n         * Represents #RRGGBB hex of color\n         * @name module:jGraduate~Paint#solidColor\n         * @type {string}\n         */\n        this.solidColor = null;\n        /**\n         * @name module:jGraduate~Paint#linearGradient\n         * @type {SVGLinearGradientElement}\n         */\n        this.linearGradient = null;\n        /**\n         * @name module:jGraduate~Paint#radialGradient\n         * @type {SVGRadialGradientElement}\n         */\n        this.radialGradient = null;\n\n        switch (this.type) {\n        case 'none':\n          break;\n        case 'solidColor':\n          this.solidColor = options.copy.solidColor;\n          break;\n        case 'linearGradient':\n          this.linearGradient = options.copy.linearGradient.cloneNode(true);\n          break;\n        case 'radialGradient':\n          this.radialGradient = options.copy.radialGradient.cloneNode(true);\n          break;\n        }\n      // create linear gradient paint\n      } else if (options.linearGradient) {\n        this.type = 'linearGradient';\n        this.solidColor = null;\n        this.radialGradient = null;\n        this.linearGradient = options.linearGradient.cloneNode(true);\n      // create linear gradient paint\n      } else if (options.radialGradient) {\n        this.type = 'radialGradient';\n        this.solidColor = null;\n        this.linearGradient = null;\n        this.radialGradient = options.radialGradient.cloneNode(true);\n      // create solid color paint\n      } else if (options.solidColor) {\n        this.type = 'solidColor';\n        this.solidColor = options.solidColor;\n      // create empty paint\n      } else {\n        this.type = 'none';\n        this.solidColor = null;\n        this.linearGradient = null;\n        this.radialGradient = null;\n      }\n    }\n  }\n  /**\n  * @namespace {PlainObject} jGraduate\n  * @memberof external:jQuery\n  */\n  $.jGraduate = /** @lends external:jQuery.jGraduate */ {\n    /**\n    * @class external:jQuery.jGraduate.Paint\n    * @see module:jGraduate~Paint\n    */\n    Paint\n  };\n\n  // JSDoc doesn't show this as belonging to our `module:jGraduate.Options` type,\n  //   so we use `@see`\n  /**\n  * @namespace {module:jGraduate.Options} jGraduateDefaults\n  * @memberof external:jQuery.fn\n  */\n  $.fn.jGraduateDefaults = /** @lends external:jQuery.fn.jGraduateDefaults */ {\n    /**\n    * Creates an object with a 'none' color\n    * @type {external:jQuery.jGraduate.Paint}\n    * @see module:jGraduate.Options\n    */\n    paint: new $.jGraduate.Paint(),\n    /**\n    * @namespace\n    */\n    window: {\n      /**\n      * @type {string}\n      * @see module:jGraduate.Options\n      */\n      pickerTitle: 'Drag markers to pick a paint'\n    },\n    /**\n    * @namespace\n    */\n    images: {\n      /**\n      * @type {string}\n      * @see module:jGraduate.Options\n      */\n      clientPath: 'images/'\n    },\n    /**\n    * @type {string}\n    * @see module:jGraduate.Options\n    */\n    newstop: 'inverse' // same, inverse, black, white\n  };\n\n  const isGecko = navigator.userAgent.includes('Gecko/');\n\n  function setAttrs (elem, attrs) {\n    if (isGecko) {\n      for (const aname in attrs) elem.setAttribute(aname, attrs[aname]);\n    } else {\n      for (const aname in attrs) {\n        const val = attrs[aname], prop = elem[aname];\n        if (prop && prop.constructor === 'SVGLength') {\n          prop.baseVal.value = val;\n        } else {\n          elem.setAttribute(aname, val);\n        }\n      }\n    }\n  }\n\n  function mkElem (name, attrs, newparent) {\n    const elem = document.createElementNS(ns.svg, name);\n    setAttrs(elem, attrs);\n    if (newparent) {\n      newparent.append(elem);\n    }\n    return elem;\n  }\n\n  /**\n  * @typedef {PlainObject} module:jGraduate.ColorOpac Object may have one or both values\n  * @property {string} [color] #Hex color\n  * @property {Float} [opac] 0-1\n  */\n  /**\n  * @typedef {PlainObject} module:jGraduate.Options\n  * @property {module:jGraduate~Paint} [paint] A Paint object object describing the paint to display initially; defaults to a new instance without options (defaults to opaque white)\n  * @property {external:Window} [window]\n  * @property {string} [window.pickerTitle='Drag markers to pick a paint']\n  * @property {PlainObject} [images]\n  * @property {string} [images.clientPath='images/']\n  * @property {\"same\"|\"inverse\"|\"black\"|\"white\"|module:jGraduate.ColorOpac} [newstop=\"inverse\"]\n  */\n\n  /**\n  * @callback external:jQuery.fn.jGraduate.OkCallback\n  * @param {external:jQuery.jGraduate.Paint} paint\n  * @returns {undefined}\n  */\n  /**\n  * @callback external:jQuery.fn.jGraduate.CancelCallback\n  * @returns {undefined}\n  */\n\n  /**\n  * @function external:jQuery.fn.jGraduate\n  * @param {module:jGraduate.Options} [options]\n  * @param {external:jQuery.fn.jGraduate.OkCallback} [okCallback] Called with a Paint object when Ok is pressed\n  * @param {external:jQuery.fn.jGraduate.CancelCallback} [cancelCallback] Called with no arguments when Cancel is pressed\n  * @returns {external:jQuery}\n  */\n  $.fn.jGraduate = function (options, okCallback, cancelCallback) {\n    return this.each(function () {\n      const $this = $(this),\n        $settings = $.extend(true, {}, $.fn.jGraduateDefaults, options || {}),\n        id = $this.attr('id'),\n        idref = '#' + $this.attr('id') + ' ';\n\n      if (!idref) {\n        alert('Container element must have an id attribute to maintain unique id strings for sub-elements.');\n        return;\n      }\n\n      const okClicked = function () {\n        switch ($this.paint.type) {\n        case 'radialGradient':\n          $this.paint.linearGradient = null;\n          break;\n        case 'linearGradient':\n          $this.paint.radialGradient = null;\n          break;\n        case 'solidColor':\n          $this.paint.radialGradient = $this.paint.linearGradient = null;\n          break;\n        }\n        typeof $this.okCallback === 'function' && $this.okCallback($this.paint);\n        $this.hide();\n      };\n      const cancelClicked = function () {\n        typeof $this.cancelCallback === 'function' && $this.cancelCallback();\n        $this.hide();\n      };\n\n      $.extend(true, $this, { // public properties, methods, and callbacks\n        // make a copy of the incoming paint\n        paint: new $.jGraduate.Paint({copy: $settings.paint}),\n        okCallback: typeof okCallback === 'function' ? okCallback : null,\n        cancelCallback: typeof cancelCallback === 'function' ? cancelCallback : null\n      });\n\n      let // pos = $this.position(),\n        color = null;\n      const $win = $(window);\n\n      if ($this.paint.type === 'none') {\n        $this.paint = new $.jGraduate.Paint({solidColor: 'ffffff'});\n      }\n\n      $this.addClass('jGraduate_Picker');\n      $this.html(\n        '<ul class=\"jGraduate_tabs\">' +\n          '<li class=\"jGraduate_tab_color jGraduate_tab_current\" data-type=\"col\">Solid Color</li>' +\n          '<li class=\"jGraduate_tab_lingrad\" data-type=\"lg\">Linear Gradient</li>' +\n          '<li class=\"jGraduate_tab_radgrad\" data-type=\"rg\">Radial Gradient</li>' +\n        '</ul>' +\n        '<div class=\"jGraduate_colPick\"></div>' +\n        '<div class=\"jGraduate_gradPick\"></div>' +\n        '<div class=\"jGraduate_LightBox\"></div>' +\n        '<div id=\"' + id + '_jGraduate_stopPicker\" class=\"jGraduate_stopPicker\"></div>'\n      );\n      const colPicker = $(idref + '> .jGraduate_colPick');\n      const gradPicker = $(idref + '> .jGraduate_gradPick');\n\n      gradPicker.html(\n        '<div id=\"' + id + '_jGraduate_Swatch\" class=\"jGraduate_Swatch\">' +\n          '<h2 class=\"jGraduate_Title\">' + $settings.window.pickerTitle + '</h2>' +\n          '<div id=\"' + id + '_jGraduate_GradContainer\" class=\"jGraduate_GradContainer\"></div>' +\n          '<div id=\"' + id + '_jGraduate_StopSlider\" class=\"jGraduate_StopSlider\"></div>' +\n        '</div>' +\n        '<div class=\"jGraduate_Form jGraduate_Points jGraduate_lg_field\">' +\n          '<div class=\"jGraduate_StopSection\">' +\n            '<label class=\"jGraduate_Form_Heading\">Begin Point</label>' +\n            '<div class=\"jGraduate_Form_Section\">' +\n              '<label>x:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_x1\" size=\"3\" title=\"Enter starting x value between 0.0 and 1.0\"/>' +\n              '<label>y:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_y1\" size=\"3\" title=\"Enter starting y value between 0.0 and 1.0\"/>' +\n            '</div>' +\n          '</div>' +\n          '<div class=\"jGraduate_StopSection\">' +\n            '<label class=\"jGraduate_Form_Heading\">End Point</label>' +\n            '<div class=\"jGraduate_Form_Section\">' +\n              '<label>x:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_x2\" size=\"3\" title=\"Enter ending x value between 0.0 and 1.0\"/>' +\n              '<label>y:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_y2\" size=\"3\" title=\"Enter ending y value between 0.0 and 1.0\"/>' +\n            '</div>' +\n          '</div>' +\n        '</div>' +\n        '<div class=\"jGraduate_Form jGraduate_Points jGraduate_rg_field\">' +\n          '<div class=\"jGraduate_StopSection\">' +\n            '<label class=\"jGraduate_Form_Heading\">Center Point</label>' +\n            '<div class=\"jGraduate_Form_Section\">' +\n              '<label>x:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_cx\" size=\"3\" title=\"Enter x value between 0.0 and 1.0\"/>' +\n              '<label>y:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_cy\" size=\"3\" title=\"Enter y value between 0.0 and 1.0\"/>' +\n            '</div>' +\n          '</div>' +\n          '<div class=\"jGraduate_StopSection\">' +\n            '<label class=\"jGraduate_Form_Heading\">Focal Point</label>' +\n            '<div class=\"jGraduate_Form_Section\">' +\n              '<label>Match center: <input type=\"checkbox\" checked=\"checked\" id=\"' + id + '_jGraduate_match_ctr\"/></label><br/>' +\n              '<label>x:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_fx\" size=\"3\" title=\"Enter x value between 0.0 and 1.0\"/>' +\n              '<label>y:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_fy\" size=\"3\" title=\"Enter y value between 0.0 and 1.0\"/>' +\n            '</div>' +\n          '</div>' +\n        '</div>' +\n        '<div class=\"jGraduate_StopSection jGraduate_SpreadMethod\">' +\n          '<label class=\"jGraduate_Form_Heading\">Spread method</label>' +\n          '<div class=\"jGraduate_Form_Section\">' +\n            '<select class=\"jGraduate_spreadMethod\">' +\n              '<option value=pad selected>Pad</option>' +\n              '<option value=reflect>Reflect</option>' +\n              '<option value=repeat>Repeat</option>' +\n            '</select>' +\n          '</div>' +\n        '</div>' +\n        '<div class=\"jGraduate_Form\">' +\n          '<div class=\"jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field\">' +\n            '<label class=\"prelabel\">Radius:</label>' +\n            '<div id=\"' + id + '_jGraduate_Radius\" class=\"jGraduate_SliderBar jGraduate_Radius\" title=\"Click to set radius\">' +\n              '<img id=\"' + id + '_jGraduate_RadiusArrows\" class=\"jGraduate_RadiusArrows\" src=\"' + $settings.images.clientPath + 'rangearrows2.gif\">' +\n            '</div>' +\n            '<label><input type=\"text\" id=\"' + id + '_jGraduate_RadiusInput\" size=\"3\" value=\"100\"/>%</label>' +\n          '</div>' +\n          '<div class=\"jGraduate_Slider jGraduate_EllipField jGraduate_rg_field\">' +\n            '<label class=\"prelabel\">Ellip:</label>' +\n            '<div id=\"' + id + '_jGraduate_Ellip\" class=\"jGraduate_SliderBar jGraduate_Ellip\" title=\"Click to set Ellip\">' +\n              '<img id=\"' + id + '_jGraduate_EllipArrows\" class=\"jGraduate_EllipArrows\" src=\"' + $settings.images.clientPath + 'rangearrows2.gif\">' +\n            '</div>' +\n            '<label><input type=\"text\" id=\"' + id + '_jGraduate_EllipInput\" size=\"3\" value=\"0\"/>%</label>' +\n          '</div>' +\n          '<div class=\"jGraduate_Slider jGraduate_AngleField jGraduate_rg_field\">' +\n            '<label class=\"prelabel\">Angle:</label>' +\n            '<div id=\"' + id + '_jGraduate_Angle\" class=\"jGraduate_SliderBar jGraduate_Angle\" title=\"Click to set Angle\">' +\n              '<img id=\"' + id + '_jGraduate_AngleArrows\" class=\"jGraduate_AngleArrows\" src=\"' + $settings.images.clientPath + 'rangearrows2.gif\">' +\n            '</div>' +\n            '<label><input type=\"text\" id=\"' + id + '_jGraduate_AngleInput\" size=\"3\" value=\"0\"/>deg</label>' +\n          '</div>' +\n          '<div class=\"jGraduate_Slider jGraduate_OpacField\">' +\n            '<label class=\"prelabel\">Opac:</label>' +\n            '<div id=\"' + id + '_jGraduate_Opac\" class=\"jGraduate_SliderBar jGraduate_Opac\" title=\"Click to set Opac\">' +\n              '<img id=\"' + id + '_jGraduate_OpacArrows\" class=\"jGraduate_OpacArrows\" src=\"' + $settings.images.clientPath + 'rangearrows2.gif\">' +\n            '</div>' +\n            '<label><input type=\"text\" id=\"' + id + '_jGraduate_OpacInput\" size=\"3\" value=\"100\"/>%</label>' +\n          '</div>' +\n        '</div>' +\n        '<div class=\"jGraduate_OkCancel\">' +\n          '<input type=\"button\" id=\"' + id + '_jGraduate_Ok\" class=\"jGraduate_Ok\" value=\"OK\"/>' +\n          '<input type=\"button\" id=\"' + id + '_jGraduate_Cancel\" class=\"jGraduate_Cancel\" value=\"Cancel\"/>' +\n        '</div>');\n\n      // --------------\n      // Set up all the SVG elements (the gradient, stops and rectangle)\n      const MAX = 256,\n        MARGINX = 0,\n        MARGINY = 0,\n        // STOP_RADIUS = 15 / 2,\n        SIZEX = MAX - 2 * MARGINX,\n        SIZEY = MAX - 2 * MARGINY;\n\n      const attrInput = {};\n\n      const SLIDERW = 145;\n      $('.jGraduate_SliderBar').width(SLIDERW);\n\n      const container = $('#' + id + '_jGraduate_GradContainer')[0];\n\n      const svg = mkElem('svg', {\n        id: id + '_jgraduate_svg',\n        width: MAX,\n        height: MAX,\n        xmlns: ns.svg\n      }, container);\n\n      // This wasn't working as designed\n      // let curType;\n      // curType = curType || $this.paint.type;\n\n      // if we are sent a gradient, import it\n      let curType = $this.paint.type;\n\n      let grad = $this.paint[curType];\n      let curGradient = grad;\n\n      const gradalpha = $this.paint.alpha;\n\n      const isSolid = curType === 'solidColor';\n\n      // Make any missing gradients\n      switch (curType) {\n      case 'solidColor':\n        // fall through\n      case 'linearGradient':\n        if (!isSolid) {\n          curGradient.id = id + '_lg_jgraduate_grad';\n          grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));\n        }\n        mkElem('radialGradient', {\n          id: id + '_rg_jgraduate_grad'\n        }, svg);\n        if (curType === 'linearGradient') { break; }\n        // fall through\n      case 'radialGradient':\n        if (!isSolid) {\n          curGradient.id = id + '_rg_jgraduate_grad';\n          grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));\n        }\n        mkElem('linearGradient', {\n          id: id + '_lg_jgraduate_grad'\n        }, svg);\n      }\n\n      let stopGroup; // eslint-disable-line prefer-const\n      if (isSolid) {\n        grad = curGradient = $('#' + id + '_lg_jgraduate_grad')[0];\n        color = $this.paint[curType];\n        mkStop(0, '#' + color, 1);\n\n        const type = typeof $settings.newstop;\n\n        if (type === 'string') {\n          switch ($settings.newstop) {\n          case 'same':\n            mkStop(1, '#' + color, 1);\n            break;\n\n          case 'inverse':\n            // Invert current color for second stop\n            let inverted = '';\n            for (let i = 0; i < 6; i += 2) {\n              // const ch = color.substr(i, 2);\n              let inv = (255 - parseInt(color.substr(i, 2), 16)).toString(16);\n              if (inv.length < 2) inv = 0 + inv;\n              inverted += inv;\n            }\n            mkStop(1, '#' + inverted, 1);\n            break;\n\n          case 'white':\n            mkStop(1, '#ffffff', 1);\n            break;\n\n          case 'black':\n            mkStop(1, '#000000', 1);\n            break;\n          }\n        } else if (type === 'object') {\n          const opac = ('opac' in $settings.newstop) ? $settings.newstop.opac : 1;\n          mkStop(1, ($settings.newstop.color || '#' + color), opac);\n        }\n      }\n\n      const x1 = parseFloat(grad.getAttribute('x1') || 0.0),\n        y1 = parseFloat(grad.getAttribute('y1') || 0.0),\n        x2 = parseFloat(grad.getAttribute('x2') || 1.0),\n        y2 = parseFloat(grad.getAttribute('y2') || 0.0);\n\n      const cx = parseFloat(grad.getAttribute('cx') || 0.5),\n        cy = parseFloat(grad.getAttribute('cy') || 0.5),\n        fx = parseFloat(grad.getAttribute('fx') || cx),\n        fy = parseFloat(grad.getAttribute('fy') || cy);\n\n      const previewRect = mkElem('rect', {\n        id: id + '_jgraduate_rect',\n        x: MARGINX,\n        y: MARGINY,\n        width: SIZEX,\n        height: SIZEY,\n        fill: 'url(#' + id + '_jgraduate_grad)',\n        'fill-opacity': gradalpha / 100\n      }, svg);\n\n      // stop visuals created here\n      const beginCoord = $('<div/>').attr({\n        class: 'grad_coord jGraduate_lg_field',\n        title: 'Begin Stop'\n      }).text(1).css({\n        top: y1 * MAX,\n        left: x1 * MAX\n      }).data('coord', 'start').appendTo(container);\n\n      const endCoord = beginCoord.clone().text(2).css({\n        top: y2 * MAX,\n        left: x2 * MAX\n      }).attr('title', 'End stop').data('coord', 'end').appendTo(container);\n\n      const centerCoord = $('<div/>').attr({\n        class: 'grad_coord jGraduate_rg_field',\n        title: 'Center stop'\n      }).text('C').css({\n        top: cy * MAX,\n        left: cx * MAX\n      }).data('coord', 'center').appendTo(container);\n\n      const focusCoord = centerCoord.clone().text('F').css({\n        top: fy * MAX,\n        left: fx * MAX,\n        display: 'none'\n      }).attr('title', 'Focus point').data('coord', 'focus').appendTo(container);\n\n      focusCoord[0].id = id + '_jGraduate_focusCoord';\n\n      // const coords = $(idref + ' .grad_coord');\n\n      // $(container).hover(function () {\n      //   coords.animate({\n      //     opacity: 1\n      //   }, 500);\n      // }, function () {\n      //   coords.animate({\n      //     opacity: .2\n      //   }, 500);\n      // });\n\n      let showFocus;\n      $.each(['x1', 'y1', 'x2', 'y2', 'cx', 'cy', 'fx', 'fy'], function (i, attr) {\n        const isRadial = isNaN(attr[1]);\n\n        let attrval = curGradient.getAttribute(attr);\n        if (!attrval) {\n          // Set defaults\n          if (isRadial) {\n            // For radial points\n            attrval = '0.5';\n          } else {\n            // Only x2 is 1\n            attrval = attr === 'x2' ? '1.0' : '0.0';\n          }\n        }\n\n        attrInput[attr] = $('#' + id + '_jGraduate_' + attr)\n          .val(attrval)\n          .change(function () {\n            // TODO: Support values < 0 and > 1 (zoomable preview?)\n            if (isNaN(parseFloat(this.value)) || this.value < 0) {\n              this.value = 0.0;\n            } else if (this.value > 1) {\n              this.value = 1.0;\n            }\n\n            if (!(attr[0] === 'f' && !showFocus)) {\n              if ((isRadial && curType === 'radialGradient') || (!isRadial && curType === 'linearGradient')) {\n                curGradient.setAttribute(attr, this.value);\n              }\n            }\n\n            const $elem = isRadial\n              ? attr[0] === 'c' ? centerCoord : focusCoord\n              : attr[1] === '1' ? beginCoord : endCoord;\n\n            const cssName = attr.includes('x') ? 'left' : 'top';\n\n            $elem.css(cssName, this.value * MAX);\n          }).change();\n      });\n\n      function mkStop (n, color, opac, sel, stopElem) {\n        const stop = stopElem || mkElem('stop', {'stop-color': color, 'stop-opacity': opac, offset: n}, curGradient);\n        if (stopElem) {\n          color = stopElem.getAttribute('stop-color');\n          opac = stopElem.getAttribute('stop-opacity');\n          n = stopElem.getAttribute('offset');\n        } else {\n          curGradient.append(stop);\n        }\n        if (opac === null) opac = 1;\n\n        const pickerD = 'M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z';\n\n        const pathbg = mkElem('path', {\n          d: pickerD,\n          fill: 'url(#jGraduate_trans)',\n          transform: 'translate(' + (10 + n * MAX) + ', 26)'\n        }, stopGroup);\n\n        const path = mkElem('path', {\n          d: pickerD,\n          fill: color,\n          'fill-opacity': opac,\n          transform: 'translate(' + (10 + n * MAX) + ', 26)',\n          stroke: '#000',\n          'stroke-width': 1.5\n        }, stopGroup);\n\n        $(path).mousedown(function (e) {\n          selectStop(this);\n          drag = curStop;\n          $win.mousemove(dragColor).mouseup(remDrags);\n          stopOffset = stopMakerDiv.offset();\n          e.preventDefault();\n          return false;\n        }).data('stop', stop).data('bg', pathbg).dblclick(function () {\n          $('div.jGraduate_LightBox').show();\n          const colorhandle = this;\n          let stopOpacity = +stop.getAttribute('stop-opacity') || 1;\n          let stopColor = stop.getAttribute('stop-color') || 1;\n          let thisAlpha = (parseFloat(stopOpacity) * 255).toString(16);\n          while (thisAlpha.length < 2) { thisAlpha = '0' + thisAlpha; }\n          color = stopColor.substr(1) + thisAlpha;\n          $('#' + id + '_jGraduate_stopPicker').css({left: 100, bottom: 15}).jPicker({\n            window: { title: 'Pick the start color and opacity for the gradient' },\n            images: { clientPath: $settings.images.clientPath },\n            color: { active: color, alphaSupport: true }\n          }, function (color, arg2) {\n            stopColor = color.val('hex') ? ('#' + color.val('hex')) : 'none';\n            stopOpacity = color.val('a') !== null ? color.val('a') / 256 : 1;\n            colorhandle.setAttribute('fill', stopColor);\n            colorhandle.setAttribute('fill-opacity', stopOpacity);\n            stop.setAttribute('stop-color', stopColor);\n            stop.setAttribute('stop-opacity', stopOpacity);\n            $('div.jGraduate_LightBox').hide();\n            $('#' + id + '_jGraduate_stopPicker').hide();\n          }, null, function () {\n            $('div.jGraduate_LightBox').hide();\n            $('#' + id + '_jGraduate_stopPicker').hide();\n          });\n        });\n\n        $(curGradient).find('stop').each(function () {\n          const curS = $(this);\n          if (+this.getAttribute('offset') > n) {\n            if (!color) {\n              const newcolor = this.getAttribute('stop-color');\n              const newopac = this.getAttribute('stop-opacity');\n              stop.setAttribute('stop-color', newcolor);\n              path.setAttribute('fill', newcolor);\n              stop.setAttribute('stop-opacity', newopac === null ? 1 : newopac);\n              path.setAttribute('fill-opacity', newopac === null ? 1 : newopac);\n            }\n            curS.before(stop);\n            return false;\n          }\n        });\n        if (sel) selectStop(path);\n        return stop;\n      }\n\n      function remStop () {\n        delStop.setAttribute('display', 'none');\n        const path = $(curStop);\n        const stop = path.data('stop');\n        const bg = path.data('bg');\n        $([curStop, stop, bg]).remove();\n      }\n\n      const stopMakerDiv = $('#' + id + '_jGraduate_StopSlider');\n\n      let stops, curStop, drag;\n\n      const delStop = mkElem('path', {\n        d: 'm9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5',\n        fill: 'none',\n        stroke: '#D00',\n        'stroke-width': 5,\n        display: 'none'\n      }, undefined); // stopMakerSVG);\n\n      function selectStop (item) {\n        if (curStop) curStop.setAttribute('stroke', '#000');\n        item.setAttribute('stroke', 'blue');\n        curStop = item;\n        curStop.parentNode.append(curStop);\n        //   stops = $('stop');\n        //   opac_select.val(curStop.attr('fill-opacity') || 1);\n        //   root.append(delStop);\n      }\n\n      let stopOffset;\n\n      function remDrags () {\n        $win.unbind('mousemove', dragColor);\n        if (delStop.getAttribute('display') !== 'none') {\n          remStop();\n        }\n        drag = null;\n      }\n\n      let scaleX = 1, scaleY = 1, angle = 0;\n\n      let cX = cx;\n      let cY = cy;\n      function xform () {\n        const rot = angle ? 'rotate(' + angle + ',' + cX + ',' + cY + ') ' : '';\n        if (scaleX === 1 && scaleY === 1) {\n          curGradient.removeAttribute('gradientTransform');\n          // $('#ang').addClass('dis');\n        } else {\n          const x = -cX * (scaleX - 1);\n          const y = -cY * (scaleY - 1);\n          curGradient.setAttribute('gradientTransform', rot + 'translate(' + x + ',' + y + ') scale(' + scaleX + ',' + scaleY + ')');\n          // $('#ang').removeClass('dis');\n        }\n      }\n\n      function dragColor (evt) {\n        let x = evt.pageX - stopOffset.left;\n        const y = evt.pageY - stopOffset.top;\n        x = x < 10\n          ? 10\n          : x > MAX + 10\n            ? MAX + 10\n            : x;\n\n        const xfStr = 'translate(' + x + ', 26)';\n        if (y < -60 || y > 130) {\n          delStop.setAttribute('display', 'block');\n          delStop.setAttribute('transform', xfStr);\n        } else {\n          delStop.setAttribute('display', 'none');\n        }\n\n        drag.setAttribute('transform', xfStr);\n        $.data(drag, 'bg').setAttribute('transform', xfStr);\n        const stop = $.data(drag, 'stop');\n        const sX = (x - 10) / MAX;\n\n        stop.setAttribute('offset', sX);\n\n        let last = 0;\n        $(curGradient).find('stop').each(function (i) {\n          const cur = this.getAttribute('offset');\n          const t = $(this);\n          if (cur < last) {\n            t.prev().before(t);\n            stops = $(curGradient).find('stop');\n          }\n          last = cur;\n        });\n      }\n\n      const stopMakerSVG = mkElem('svg', {\n        width: '100%',\n        height: 45\n      }, stopMakerDiv[0]);\n\n      const transPattern = mkElem('pattern', {\n        width: 16,\n        height: 16,\n        patternUnits: 'userSpaceOnUse',\n        id: 'jGraduate_trans'\n      }, stopMakerSVG);\n\n      const transImg = mkElem('image', {\n        width: 16,\n        height: 16\n      }, transPattern);\n\n      const bgImage = $settings.images.clientPath + 'map-opacity.png';\n\n      transImg.setAttributeNS(ns.xlink, 'xlink:href', bgImage);\n\n      $(stopMakerSVG).click(function (evt) {\n        stopOffset = stopMakerDiv.offset();\n        const {target} = evt;\n        if (target.tagName === 'path') return;\n        let x = evt.pageX - stopOffset.left - 8;\n        x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10 : x;\n        mkStop(x / MAX, 0, 0, true);\n        evt.stopPropagation();\n      });\n\n      $(stopMakerSVG).mouseover(function () {\n        stopMakerSVG.append(delStop);\n      });\n\n      stopGroup = mkElem('g', {}, stopMakerSVG);\n\n      mkElem('line', {\n        x1: 10,\n        y1: 15,\n        x2: MAX + 10,\n        y2: 15,\n        'stroke-width': 2,\n        stroke: '#000'\n      }, stopMakerSVG);\n\n      const spreadMethodOpt = gradPicker.find('.jGraduate_spreadMethod').change(function () {\n        curGradient.setAttribute('spreadMethod', $(this).val());\n      });\n\n      // handle dragging the stop around the swatch\n      let draggingCoord = null;\n\n      const onCoordDrag = function (evt) {\n        let x = evt.pageX - offset.left;\n        let y = evt.pageY - offset.top;\n\n        // clamp stop to the swatch\n        x = x < 0 ? 0 : x > MAX ? MAX : x;\n        y = y < 0 ? 0 : y > MAX ? MAX : y;\n\n        draggingCoord.css('left', x).css('top', y);\n\n        // calculate stop offset\n        const fracx = x / SIZEX;\n        const fracy = y / SIZEY;\n\n        const type = draggingCoord.data('coord');\n        const grad = curGradient;\n\n        switch (type) {\n        case 'start':\n          attrInput.x1.val(fracx);\n          attrInput.y1.val(fracy);\n          grad.setAttribute('x1', fracx);\n          grad.setAttribute('y1', fracy);\n          break;\n        case 'end':\n          attrInput.x2.val(fracx);\n          attrInput.y2.val(fracy);\n          grad.setAttribute('x2', fracx);\n          grad.setAttribute('y2', fracy);\n          break;\n        case 'center':\n          attrInput.cx.val(fracx);\n          attrInput.cy.val(fracy);\n          grad.setAttribute('cx', fracx);\n          grad.setAttribute('cy', fracy);\n          cX = fracx;\n          cY = fracy;\n          xform();\n          break;\n        case 'focus':\n          attrInput.fx.val(fracx);\n          attrInput.fy.val(fracy);\n          grad.setAttribute('fx', fracx);\n          grad.setAttribute('fy', fracy);\n          xform();\n        }\n\n        evt.preventDefault();\n      };\n\n      const onCoordUp = function () {\n        draggingCoord = null;\n        $win.unbind('mousemove', onCoordDrag).unbind('mouseup', onCoordUp);\n      };\n\n      // Linear gradient\n      // (function () {\n\n      stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');\n\n      let numstops = stops.length;\n      // if there are not at least two stops, then\n      if (numstops < 2) {\n        while (numstops < 2) {\n          curGradient.append(document.createElementNS(ns.svg, 'stop'));\n          ++numstops;\n        }\n        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');\n      }\n\n      for (let i = 0; i < numstops; i++) {\n        mkStop(0, 0, 0, 0, stops[i]);\n      }\n\n      spreadMethodOpt.val(curGradient.getAttribute('spreadMethod') || 'pad');\n\n      let offset;\n\n      // No match, so show focus point\n      showFocus = false;\n\n      previewRect.setAttribute('fill-opacity', gradalpha / 100);\n\n      $('#' + id + ' div.grad_coord').mousedown(function (evt) {\n        evt.preventDefault();\n        draggingCoord = $(this);\n        // const sPos = draggingCoord.offset();\n        offset = draggingCoord.parent().offset();\n        $win.mousemove(onCoordDrag).mouseup(onCoordUp);\n      });\n\n      // bind GUI elements\n      $('#' + id + '_jGraduate_Ok').bind('click', function () {\n        $this.paint.type = curType;\n        $this.paint[curType] = curGradient.cloneNode(true);\n        $this.paint.solidColor = null;\n        okClicked();\n      });\n      $('#' + id + '_jGraduate_Cancel').bind('click', function (paint) {\n        cancelClicked();\n      });\n\n      if (curType === 'radialGradient') {\n        if (showFocus) {\n          focusCoord.show();\n        } else {\n          focusCoord.hide();\n          attrInput.fx.val('');\n          attrInput.fy.val('');\n        }\n      }\n\n      $('#' + id + '_jGraduate_match_ctr')[0].checked = !showFocus;\n\n      let lastfx, lastfy;\n\n      $('#' + id + '_jGraduate_match_ctr').change(function () {\n        showFocus = !this.checked;\n        focusCoord.toggle(showFocus);\n        attrInput.fx.val('');\n        attrInput.fy.val('');\n        const grad = curGradient;\n        if (!showFocus) {\n          lastfx = grad.getAttribute('fx');\n          lastfy = grad.getAttribute('fy');\n          grad.removeAttribute('fx');\n          grad.removeAttribute('fy');\n        } else {\n          const fx = lastfx || 0.5;\n          const fy = lastfy || 0.5;\n          grad.setAttribute('fx', fx);\n          grad.setAttribute('fy', fy);\n          attrInput.fx.val(fx);\n          attrInput.fy.val(fy);\n        }\n      });\n\n      stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');\n      numstops = stops.length;\n      // if there are not at least two stops, then\n      if (numstops < 2) {\n        while (numstops < 2) {\n          curGradient.append(document.createElementNS(ns.svg, 'stop'));\n          ++numstops;\n        }\n        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');\n      }\n\n      let slider;\n\n      const setSlider = function (e) {\n        const {offset} = slider;\n        const div = slider.parent;\n        let x = (e.pageX - offset.left - parseInt(div.css('border-left-width')));\n        if (x > SLIDERW) x = SLIDERW;\n        if (x <= 0) x = 0;\n        const posx = x - 5;\n        x /= SLIDERW;\n\n        switch (slider.type) {\n        case 'radius':\n          x = Math.pow(x * 2, 2.5);\n          if (x > 0.98 && x < 1.02) x = 1;\n          if (x <= 0.01) x = 0.01;\n          curGradient.setAttribute('r', x);\n          break;\n        case 'opacity':\n          $this.paint.alpha = parseInt(x * 100);\n          previewRect.setAttribute('fill-opacity', x);\n          break;\n        case 'ellip':\n          scaleX = 1;\n          scaleY = 1;\n          if (x < 0.5) {\n            x /= 0.5; // 0.001\n            scaleX = x <= 0 ? 0.01 : x;\n          } else if (x > 0.5) {\n            x /= 0.5; // 2\n            x = 2 - x;\n            scaleY = x <= 0 ? 0.01 : x;\n          }\n          xform();\n          x -= 1;\n          if (scaleY === x + 1) {\n            x = Math.abs(x);\n          }\n          break;\n        case 'angle':\n          x = x - 0.5;\n          angle = x *= 180;\n          xform();\n          x /= 100;\n          break;\n        }\n        slider.elem.css({'margin-left': posx});\n        x = Math.round(x * 100);\n        slider.input.val(x);\n      };\n\n      let ellipVal = 0, angleVal = 0;\n\n      if (curType === 'radialGradient') {\n        const tlist = curGradient.gradientTransform.baseVal;\n        if (tlist.numberOfItems === 2) {\n          const t = tlist.getItem(0);\n          const s = tlist.getItem(1);\n          if (t.type === 2 && s.type === 3) {\n            const m = s.matrix;\n            if (m.a !== 1) {\n              ellipVal = Math.round(-(1 - m.a) * 100);\n            } else if (m.d !== 1) {\n              ellipVal = Math.round((1 - m.d) * 100);\n            }\n          }\n        } else if (tlist.numberOfItems === 3) {\n          // Assume [R][T][S]\n          const r = tlist.getItem(0);\n          const t = tlist.getItem(1);\n          const s = tlist.getItem(2);\n\n          if (r.type === 4 &&\n            t.type === 2 &&\n            s.type === 3\n          ) {\n            angleVal = Math.round(r.angle);\n            const m = s.matrix;\n            if (m.a !== 1) {\n              ellipVal = Math.round(-(1 - m.a) * 100);\n            } else if (m.d !== 1) {\n              ellipVal = Math.round((1 - m.d) * 100);\n            }\n          }\n        }\n      }\n\n      const sliders = {\n        radius: {\n          handle: '#' + id + '_jGraduate_RadiusArrows',\n          input: '#' + id + '_jGraduate_RadiusInput',\n          val: (curGradient.getAttribute('r') || 0.5) * 100\n        },\n        opacity: {\n          handle: '#' + id + '_jGraduate_OpacArrows',\n          input: '#' + id + '_jGraduate_OpacInput',\n          val: $this.paint.alpha || 100\n        },\n        ellip: {\n          handle: '#' + id + '_jGraduate_EllipArrows',\n          input: '#' + id + '_jGraduate_EllipInput',\n          val: ellipVal\n        },\n        angle: {\n          handle: '#' + id + '_jGraduate_AngleArrows',\n          input: '#' + id + '_jGraduate_AngleInput',\n          val: angleVal\n        }\n      };\n\n      $.each(sliders, function (type, data) {\n        const handle = $(data.handle);\n        handle.mousedown(function (evt) {\n          const parent = handle.parent();\n          slider = {\n            type,\n            elem: handle,\n            input: $(data.input),\n            parent,\n            offset: parent.offset()\n          };\n          $win.mousemove(dragSlider).mouseup(stopSlider);\n          evt.preventDefault();\n        });\n\n        $(data.input).val(data.val).change(function () {\n          const isRad = curType === 'radialGradient';\n          let val = +this.value;\n          let xpos = 0;\n          switch (type) {\n          case 'radius':\n            if (isRad) curGradient.setAttribute('r', val / 100);\n            xpos = (Math.pow(val / 100, 1 / 2.5) / 2) * SLIDERW;\n            break;\n\n          case 'opacity':\n            $this.paint.alpha = val;\n            previewRect.setAttribute('fill-opacity', val / 100);\n            xpos = val * (SLIDERW / 100);\n            break;\n\n          case 'ellip':\n            scaleX = scaleY = 1;\n            if (val === 0) {\n              xpos = SLIDERW * 0.5;\n              break;\n            }\n            if (val > 99.5) val = 99.5;\n            if (val > 0) {\n              scaleY = 1 - (val / 100);\n            } else {\n              scaleX = -(val / 100) - 1;\n            }\n\n            xpos = SLIDERW * ((val + 100) / 2) / 100;\n            if (isRad) xform();\n            break;\n\n          case 'angle':\n            angle = val;\n            xpos = angle / 180;\n            xpos += 0.5;\n            xpos *= SLIDERW;\n            if (isRad) xform();\n          }\n          if (xpos > SLIDERW) {\n            xpos = SLIDERW;\n          } else if (xpos < 0) {\n            xpos = 0;\n          }\n          handle.css({'margin-left': xpos - 5});\n        }).change();\n      });\n\n      const dragSlider = function (evt) {\n        setSlider(evt);\n        evt.preventDefault();\n      };\n\n      const stopSlider = function (evt) {\n        $win.unbind('mousemove', dragSlider).unbind('mouseup', stopSlider);\n        slider = null;\n      };\n\n      // --------------\n      let thisAlpha = ($this.paint.alpha * 255 / 100).toString(16);\n      while (thisAlpha.length < 2) { thisAlpha = '0' + thisAlpha; }\n      thisAlpha = thisAlpha.split('.')[0];\n      color = $this.paint.solidColor === 'none' ? '' : $this.paint.solidColor + thisAlpha;\n\n      if (!isSolid) {\n        color = stops[0].getAttribute('stop-color');\n      }\n\n      // This should be done somewhere else, probably\n      $.extend($.fn.jPicker.defaults.window, {\n        alphaSupport: true, effects: {type: 'show', speed: 0}\n      });\n\n      colPicker.jPicker(\n        {\n          window: { title: $settings.window.pickerTitle },\n          images: { clientPath: $settings.images.clientPath },\n          color: { active: color, alphaSupport: true }\n        },\n        function (color) {\n          $this.paint.type = 'solidColor';\n          $this.paint.alpha = color.val('ahex') ? Math.round((color.val('a') / 255) * 100) : 100;\n          $this.paint.solidColor = color.val('hex') ? color.val('hex') : 'none';\n          $this.paint.radialGradient = null;\n          okClicked();\n        },\n        null,\n        function () { cancelClicked(); }\n      );\n\n      const tabs = $(idref + ' .jGraduate_tabs li');\n      tabs.click(function () {\n        tabs.removeClass('jGraduate_tab_current');\n        $(this).addClass('jGraduate_tab_current');\n        $(idref + ' > div').hide();\n        const type = $(this).attr('data-type');\n        /* const container = */ $(idref + ' .jGraduate_gradPick').show();\n        if (type === 'rg' || type === 'lg') {\n          // Show/hide appropriate fields\n          $('.jGraduate_' + type + '_field').show();\n          $('.jGraduate_' + (type === 'lg' ? 'rg' : 'lg') + '_field').hide();\n\n          $('#' + id + '_jgraduate_rect')[0].setAttribute('fill', 'url(#' + id + '_' + type + '_jgraduate_grad)');\n\n          // Copy stops\n\n          curType = type === 'lg' ? 'linearGradient' : 'radialGradient';\n\n          $('#' + id + '_jGraduate_OpacInput').val($this.paint.alpha).change();\n\n          const newGrad = $('#' + id + '_' + type + '_jgraduate_grad')[0];\n\n          if (curGradient !== newGrad) {\n            const curStops = $(curGradient).find('stop');\n            $(newGrad).empty().append(curStops);\n            curGradient = newGrad;\n            const sm = spreadMethodOpt.val();\n            curGradient.setAttribute('spreadMethod', sm);\n          }\n          showFocus = type === 'rg' && curGradient.getAttribute('fx') != null && !(cx === fx && cy === fy);\n          $('#' + id + '_jGraduate_focusCoord').toggle(showFocus);\n          if (showFocus) {\n            $('#' + id + '_jGraduate_match_ctr')[0].checked = false;\n          }\n        } else {\n          $(idref + ' .jGraduate_gradPick').hide();\n          $(idref + ' .jGraduate_colPick').show();\n        }\n      });\n      $(idref + ' > div').hide();\n      tabs.removeClass('jGraduate_tab_current');\n      let tab;\n      switch ($this.paint.type) {\n      case 'linearGradient':\n        tab = $(idref + ' .jGraduate_tab_lingrad');\n        break;\n      case 'radialGradient':\n        tab = $(idref + ' .jGraduate_tab_radgrad');\n        break;\n      default:\n        tab = $(idref + ' .jGraduate_tab_color');\n        break;\n      }\n      $this.show();\n\n      // jPicker will try to show after a 0ms timeout, so need to fire this after that\n      setTimeout(() => {\n        tab.addClass('jGraduate_tab_current').click();\n      }, 10);\n    });\n  };\n  return $;\n}\n","/**\n * SpinButton control\n *\n * Adds bells and whistles to any ordinary textbox to\n * make it look and feel like a SpinButton Control.\n *\n * Supplies {@link external:jQuery.fn.SpinButton} (and also {@link external:jQuery.loadingStylesheets})\n *\n * Originally written by George Adamson, Software Unity (george.jquery@softwareunity.com) August 2006.\n * - Added min/max options\n * - Added step size option\n * - Added bigStep (page up/down) option\n *\n * Modifications made by Mark Gibson, (mgibson@designlinks.net) September 2006:\n * - Converted to jQuery plugin\n * - Allow limited or unlimited min/max values\n * - Allow custom class names, and add class to input element\n * - Removed global vars\n * - Reset (to original or through config) when invalid value entered\n * - Repeat whilst holding mouse button down (with initial pause, like keyboard repeat)\n * - Support mouse wheel in Firefox\n * - Fix double click in IE\n * - Refactored some code and renamed some vars\n *\n * Modifications by Jeff Schiller, June 2009:\n * - provide callback function for when the value changes based on the following\n *   {@link https://www.mail-archive.com/jquery-en@googlegroups.com/msg36070.html}\n *\n * Modifications by Jeff Schiller, July 2009:\n * - improve styling for widget in Opera\n * - consistent key-repeat handling cross-browser\n *\n * Modifications by Alexis Deveria, October 2009:\n * - provide \"stepfunc\" callback option to allow custom function to run when changing a value\n * - Made adjustValue(0) only run on certain keyup events, not all.\n *\n * Tested in IE6, Opera9, Firefox 1.5\n *\n * | Version | Date | Author | Notes\n * |---------|------|--------|------|\n * | v1.0 | 11 Aug 2006 | George Adamson | First release\n * | v1.1 | Aug 2006 | George Adamson | Minor enhancements\n * | v1.2 | 27 Sep 2006 | Mark Gibson | Major enhancements\n * | v1.3a | 28 Sep 2006 | George Adamson | Minor enhancements\n * | v1.4 | 18 Jun 2009 | Jeff Schiller | Added callback function\n * | v1.5 | 06 Jul 2009 | Jeff Schiller | Fixes for Opera.\n * | v1.6 | 13 Oct 2009 | Alexis Deveria | Added stepfunc function\n * | v1.7 | 21 Oct 2009 | Alexis Deveria | Minor fixes.<br />Fast-repeat for keys and live updating as you type.\n * | v1.8 | 12 Jan 2010 | Benjamin Thomas | Fixes for mouseout behavior.<br />Added smallStep\n * | v1.9 | 20 May 2018 | Brett Zamir | Avoid SVGEdit dependency via `stateObj` config;<br />convert to ES6 module |\n * @module jQuerySpinButton\n * @example\n\n  // Create group of settings to initialise spinbutton(s). (Optional)\n  const myOptions = {\n    min: 0, // Set lower limit.\n    max: 100, // Set upper limit.\n    step: 1, // Set increment size.\n    smallStep: 0.5, // Set shift-click increment size.\n    stateObj: {tool_scale: 1}, // Object to allow passing in live-updating scale\n    spinClass: mySpinBtnClass, // CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)\n    upClass: mySpinUpClass, // CSS class for style when mouse over up button.\n    downClass: mySpinDnClass // CSS class for style when mouse over down button.\n  };\n\n  $(function () {\n    // Initialise INPUT element(s) as SpinButtons: (passing options if desired)\n    $(\"#myInputElement\").SpinButton(myOptions);\n  });\n */\n/**\n * @function module:jQuerySpinButton.jQuerySpinButton\n * @param {external:jQuery} $ The jQuery object to which to add the plug-in\n * @returns {external:jQuery}\n*/\nexport default function ($) {\n  if (!$.loadingStylesheets) {\n    $.loadingStylesheets = [];\n  }\n  const stylesheet = 'spinbtn/jQuery.SpinButton.css';\n  if (!$.loadingStylesheets.includes(stylesheet)) {\n    $.loadingStylesheets.push(stylesheet);\n  }\n  /**\n  * @callback module:jQuerySpinButton.StepCallback\n  * @param {external:jQuery} thisArg Value of `this`\n  */\n  /**\n  * @callback module:jQuerySpinButton.ValueCallback\n  * @param {external:jQuery} thisArg Value of `this`\n  * @param {Float} value Value that was changed\n  */\n  /**\n   * @typedef {PlainObject} module:jQuerySpinButton.SpinButtonConfig\n   * @property {Float} min Set lower limit\n   * @property {Float} max Set upper limit.\n   * @property {Float} step Set increment size.\n   * @property {module:jQuerySpinButton.StepCallback} stepfunc Custom function to run when changing a value; called with `this` of object and the value to adjust\n   * @property {module:jQuerySpinButton.ValueCallback} callback Called after value adjusted (with `this` of object)\n   * @property {Float} smallStep Set shift-click increment size.\n   * @property {PlainObject} stateObj Object to allow passing in live-updating scale\n   * @property {Float} stateObj.tool_scale\n   * @property {string} spinClass CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)\n   * @property {string} upClass CSS class for style when mouse over up button.\n   * @property {string} downClass CSS class for style when mouse over down button.\n   * @property {Float} page Value to be adjusted on page up/page down\n   * @property {Float} reset Reset value when invalid value entered\n   * @property {Float} delay Millisecond delay\n   * @property {Float} interval Millisecond interval\n  */\n  /**\n  * @function external:jQuery.fn.SpinButton\n  * @param {module:jQuerySpinButton.SpinButtonConfig} cfg\n  * @returns {external:jQuery}\n  */\n  $.fn.SpinButton = function (cfg) {\n    cfg = cfg || {};\n    function coord (el, prop) {\n      const b = document.body;\n\n      let c = el[prop];\n      while ((el = el.offsetParent) && (el !== b)) {\n        if (!$.browser.msie || (el.currentStyle.position !== 'relative')) {\n          c += el[prop];\n        }\n      }\n\n      return c;\n    }\n\n    return this.each(function () {\n      this.repeating = false;\n\n      // Apply specified options or defaults:\n      // (Ought to refactor this some day to use $.extend() instead)\n      this.spinCfg = {\n        // min: cfg.min ? Number(cfg.min) : null,\n        // max: cfg.max ? Number(cfg.max) : null,\n        min: !isNaN(parseFloat(cfg.min)) ? Number(cfg.min) : null, // Fixes bug with min:0\n        max: !isNaN(parseFloat(cfg.max)) ? Number(cfg.max) : null,\n        step: cfg.step ? Number(cfg.step) : 1,\n        stepfunc: cfg.stepfunc || false,\n        page: cfg.page ? Number(cfg.page) : 10,\n        upClass: cfg.upClass || 'up',\n        downClass: cfg.downClass || 'down',\n        reset: cfg.reset || this.value,\n        delay: cfg.delay ? Number(cfg.delay) : 500,\n        interval: cfg.interval ? Number(cfg.interval) : 100,\n        _btn_width: 20,\n        _direction: null,\n        _delay: null,\n        _repeat: null,\n        callback: cfg.callback || null\n      };\n\n      // if a smallStep isn't supplied, use half the regular step\n      this.spinCfg.smallStep = cfg.smallStep || this.spinCfg.step / 2;\n\n      this.adjustValue = function (i) {\n        let v;\n        if (isNaN(this.value)) {\n          v = this.spinCfg.reset;\n        } else if (typeof this.spinCfg.stepfunc === 'function') {\n          v = this.spinCfg.stepfunc(this, i);\n        } else {\n          // weirdest JavaScript bug ever: 5.1 + 0.1 = 5.199999999\n          v = Number((Number(this.value) + Number(i)).toFixed(5));\n        }\n        if (this.spinCfg.min !== null) { v = Math.max(v, this.spinCfg.min); }\n        if (this.spinCfg.max !== null) { v = Math.min(v, this.spinCfg.max); }\n        this.value = v;\n        if (typeof this.spinCfg.callback === 'function') { this.spinCfg.callback(this); }\n      };\n\n      $(this)\n        .addClass(cfg.spinClass || 'spin-button')\n\n        .mousemove(function (e) {\n          // Determine which button mouse is over, or not (spin direction):\n          const x = e.pageX || e.x;\n          const y = e.pageY || e.y;\n          const el = e.target;\n          const scale = cfg.stateObj.tool_scale || 1;\n          const height = $(el).height() / 2;\n\n          const direction =\n            (x > coord(el, 'offsetLeft') +\n              el.offsetWidth * scale - this.spinCfg._btn_width)\n              ? ((y < coord(el, 'offsetTop') + height * scale) ? 1 : -1) : 0;\n\n          if (direction !== this.spinCfg._direction) {\n            // Style up/down buttons:\n            switch (direction) {\n            case 1: // Up arrow:\n              $(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);\n              break;\n            case -1: // Down arrow:\n              $(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);\n              break;\n            default: // Mouse is elsewhere in the textbox\n              $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);\n            }\n\n            // Set spin direction:\n            this.spinCfg._direction = direction;\n          }\n        })\n\n        .mouseout(function () {\n          // Reset up/down buttons to their normal appearance when mouse moves away:\n          $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);\n          this.spinCfg._direction = null;\n          window.clearInterval(this.spinCfg._repeat);\n          window.clearTimeout(this.spinCfg._delay);\n        })\n\n        .mousedown(function (e) {\n          if (e.button === 0 && this.spinCfg._direction !== 0) {\n            // Respond to click on one of the buttons:\n            const stepSize = e.shiftKey ? this.spinCfg.smallStep : this.spinCfg.step;\n\n            const adjust = () => {\n              this.adjustValue(this.spinCfg._direction * stepSize);\n            };\n\n            adjust();\n\n            // Initial delay before repeating adjustment\n            this.spinCfg._delay = window.setTimeout(() => {\n              adjust();\n              // Repeat adjust at regular intervals\n              this.spinCfg._repeat = window.setInterval(adjust, this.spinCfg.interval);\n            }, this.spinCfg.delay);\n          }\n        })\n\n        .mouseup(function (e) {\n          // Cancel repeating adjustment\n          window.clearInterval(this.spinCfg._repeat);\n          window.clearTimeout(this.spinCfg._delay);\n        })\n\n        .dblclick(function (e) {\n          if ($.browser.msie) {\n            this.adjustValue(this.spinCfg._direction * this.spinCfg.step);\n          }\n        })\n\n        .keydown(function (e) {\n          // Respond to up/down arrow keys.\n          switch (e.keyCode) {\n          case 38: this.adjustValue(this.spinCfg.step); break; // Up\n          case 40: this.adjustValue(-this.spinCfg.step); break; // Down\n          case 33: this.adjustValue(this.spinCfg.page); break; // PageUp\n          case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown\n          }\n        })\n\n        /*\n        http://unixpapa.com/js/key.html describes the current state-of-affairs for\n        key repeat events:\n        - Safari 3.1 changed their model so that keydown is reliably repeated going forward\n        - Firefox and Opera still only repeat the keypress event, not the keydown\n        */\n        .keypress(function (e) {\n          if (this.repeating) {\n            // Respond to up/down arrow keys.\n            switch (e.keyCode) {\n            case 38: this.adjustValue(this.spinCfg.step); break; // Up\n            case 40: this.adjustValue(-this.spinCfg.step); break; // Down\n            case 33: this.adjustValue(this.spinCfg.page); break; // PageUp\n            case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown\n            }\n          // we always ignore the first keypress event (use the keydown instead)\n          } else {\n            this.repeating = true;\n          }\n        })\n\n        // clear the 'repeating' flag\n        .keyup(function (e) {\n          this.repeating = false;\n          switch (e.keyCode) {\n          case 38: // Up\n          case 40: // Down\n          case 33: // PageUp\n          case 34: // PageDown\n          case 13: this.adjustValue(0); break; // Enter/Return\n          }\n        })\n\n        .bind('mousewheel', function (e) {\n          // Respond to mouse wheel in IE. (It returns up/dn motion in multiples of 120)\n          if (e.wheelDelta >= 120) {\n            this.adjustValue(this.spinCfg.step);\n          } else if (e.wheelDelta <= -120) {\n            this.adjustValue(-this.spinCfg.step);\n          }\n\n          e.preventDefault();\n        })\n\n        .change(function (e) {\n          this.adjustValue(0);\n        });\n\n      if (this.addEventListener) {\n        // Respond to mouse wheel in Firefox\n        this.addEventListener('DOMMouseScroll', function (e) {\n          if (e.detail > 0) {\n            this.adjustValue(-this.spinCfg.step);\n          } else if (e.detail < 0) {\n            this.adjustValue(this.spinCfg.step);\n          }\n\n          e.preventDefault();\n        }, false);\n      }\n    });\n  };\n  return $;\n}\n","/**\n * jQuery Context Menu Plugin\n * Cory S.N. LaViska\n * A Beautiful Site ({@link https://abeautifulsite.net/})\n * Modified by Alexis Deveria\n *\n * More info: {@link https://abeautifulsite.net/2008/09/jquery-context-menu-plugin/}\n *\n * @module jQueryContextMenu\n * @todo Update to latest version and adapt (and needs jQuery update as well): {@link https://github.com/swisnl/jQuery-contextMenu}\n * @version 1.01\n *\n * @license\n * Terms of Use\n *\n * This plugin is dual-licensed under the GNU General Public License\n *   and the MIT License and is copyright A Beautiful Site, LLC.\n *\n*/\nimport {isMac} from '../browser.js';\n\n/**\n* @callback module:jQueryContextMenu.jQueryContextMenuCallback\n* @param {string} href The `href` value after the first character (for bypassing an initial `#`)\n* @param {external:jQuery} srcElement The wrapped jQuery srcElement\n* @param {{x: Float, y: Float, docX: Float, docY: Float}} coords\n*/\n\n/**\n* @typedef {PlainObject} module:jQueryContextMenu.jQueryContextMenuConfig\n* @property {string} menu\n* @property {Float} inSpeed\n* @property {Float} outSpeed\n* @property {boolean} allowLeft\n*/\n\n/**\n* Adds {@link external:jQuery.fn.contextMenu}, {@link external:jQuery.fn.disableContextMenuItems}, {@link external:jQuery.fn.enableContextMenuItems}, {@link external:jQuery.fn.disableContextMenu}, {@link external:jQuery.fn.enableContextMenu}, {@link external:jQuery.fn.destroyContextMenu}\n* @function module:jQueryContextMenu.jQueryContextMenu\n* @param {external:jQuery} $ The jQuery object to wrap (with `contextMenu`, `disableContextMenuItems`, `enableContextMenuItems`, `disableContextMenu`, `enableContextMenu`, `destroyContextMenu`)\n* @returns {external:jQuery}\n*/\nfunction jQueryContextMenu ($) {\n  const win = $(window);\n  const doc = $(document);\n\n  $.extend($.fn, {\n    /**\n    * @memberof external:jQuery.fn\n    * @param {module:jQueryContextMenu.jQueryContextMenuConfig} o\n    * @param {module:jQueryContextMenu.jQueryContextMenuCallback} callback\n    * @returns {external:jQuery}\n    */\n    contextMenu (o, callback) {\n      // Defaults\n      if (o.menu === undefined) return false;\n      if (o.inSpeed === undefined) o.inSpeed = 150;\n      if (o.outSpeed === undefined) o.outSpeed = 75;\n      // 0 needs to be -1 for expected results (no fade)\n      if (o.inSpeed === 0) o.inSpeed = -1;\n      if (o.outSpeed === 0) o.outSpeed = -1;\n      // Loop each context menu\n      $(this).each(function () {\n        const el = $(this);\n        const offset = $(el).offset();\n\n        const menu = $('#' + o.menu);\n\n        // Add contextMenu class\n        menu.addClass('contextMenu');\n        // Simulate a true right click\n        $(this).bind('mousedown', function (e) {\n          const evt = e;\n          $(this).mouseup(function (e) {\n            const srcElement = $(this);\n            srcElement.unbind('mouseup');\n            if (evt.button === 2 || o.allowLeft ||\n              (evt.ctrlKey && isMac())) {\n              e.stopPropagation();\n              // Hide context menus that may be showing\n              $('.contextMenu').hide();\n              // Get this context menu\n\n              if (el.hasClass('disabled')) return false;\n\n              // Detect mouse position\n              let x = e.pageX, y = e.pageY;\n\n              const xOff = win.width() - menu.width(),\n                yOff = win.height() - menu.height();\n\n              if (x > xOff - 15) x = xOff - 15;\n              if (y > yOff - 30) y = yOff - 30; // 30 is needed to prevent scrollbars in FF\n\n              // Show the menu\n              doc.unbind('click');\n              menu.css({ top: y, left: x }).fadeIn(o.inSpeed);\n              // Hover events\n              menu.find('A').mouseover(function () {\n                menu.find('LI.hover').removeClass('hover');\n                $(this).parent().addClass('hover');\n              }).mouseout(function () {\n                menu.find('LI.hover').removeClass('hover');\n              });\n\n              // Keyboard\n              doc.keypress(function (e) {\n                switch (e.keyCode) {\n                case 38: // up\n                  if (!menu.find('LI.hover').length) {\n                    menu.find('LI:last').addClass('hover');\n                  } else {\n                    menu.find('LI.hover').removeClass('hover').prevAll('LI:not(.disabled)').eq(0).addClass('hover');\n                    if (!menu.find('LI.hover').length) menu.find('LI:last').addClass('hover');\n                  }\n                  break;\n                case 40: // down\n                  if (!menu.find('LI.hover').length) {\n                    menu.find('LI:first').addClass('hover');\n                  } else {\n                    menu.find('LI.hover').removeClass('hover').nextAll('LI:not(.disabled)').eq(0).addClass('hover');\n                    if (!menu.find('LI.hover').length) menu.find('LI:first').addClass('hover');\n                  }\n                  break;\n                case 13: // enter\n                  menu.find('LI.hover A').trigger('click');\n                  break;\n                case 27: // esc\n                  doc.trigger('click');\n                  break;\n                }\n              });\n\n              // When items are selected\n              menu.find('A').unbind('mouseup');\n              menu.find('LI:not(.disabled) A').mouseup(function () {\n                doc.unbind('click').unbind('keypress');\n                $('.contextMenu').hide();\n                // Callback\n                if (callback) {\n                  callback($(this).attr('href').substr(1), $(srcElement), {x: x - offset.left, y: y - offset.top, docX: x, docY: y});\n                }\n                return false;\n              });\n\n              // Hide bindings\n              setTimeout(function () { // Delay for Mozilla\n                doc.click(function () {\n                  doc.unbind('click').unbind('keypress');\n                  menu.fadeOut(o.outSpeed);\n                  return false;\n                });\n              }, 0);\n            }\n          });\n        });\n\n        // Disable text selection\n        if ($.browser.mozilla) {\n          $('#' + o.menu).each(function () { $(this).css({MozUserSelect: 'none'}); });\n        } else if ($.browser.msie) {\n          $('#' + o.menu).each(function () { $(this).bind('selectstart.disableTextSelect', function () { return false; }); });\n        } else {\n          $('#' + o.menu).each(function () { $(this).bind('mousedown.disableTextSelect', function () { return false; }); });\n        }\n        // Disable browser context menu (requires both selectors to work in IE/Safari + FF/Chrome)\n        $(el).add($('UL.contextMenu')).bind('contextmenu', function () { return false; });\n      });\n      return $(this);\n    },\n\n    /**\n    * Disable context menu items on the fly\n    * @memberof external:jQuery.fn\n    * @param {undefined|string} o Comma-separated\n    * @returns {external:jQuery}\n    */\n    disableContextMenuItems (o) {\n      if (o === undefined) {\n        // Disable all\n        $(this).find('LI').addClass('disabled');\n        return $(this);\n      }\n      $(this).each(function () {\n        if (o !== undefined) {\n          const d = o.split(',');\n          for (let i = 0; i < d.length; i++) {\n            $(this).find('A[href=\"' + d[i] + '\"]').parent().addClass('disabled');\n          }\n        }\n      });\n      return $(this);\n    },\n\n    /**\n    * Enable context menu items on the fly\n    * @memberof external:jQuery.fn\n    * @param {undefined|string} o Comma-separated\n    * @returns {external:jQuery}\n    */\n    enableContextMenuItems (o) {\n      if (o === undefined) {\n        // Enable all\n        $(this).find('LI.disabled').removeClass('disabled');\n        return $(this);\n      }\n      $(this).each(function () {\n        if (o !== undefined) {\n          const d = o.split(',');\n          for (let i = 0; i < d.length; i++) {\n            $(this).find('A[href=\"' + d[i] + '\"]').parent().removeClass('disabled');\n          }\n        }\n      });\n      return $(this);\n    },\n\n    /**\n    * Disable context menu(s)\n    * @memberof external:jQuery.fn\n    * @returns {external:jQuery}\n    */\n    disableContextMenu () {\n      $(this).each(function () {\n        $(this).addClass('disabled');\n      });\n      return $(this);\n    },\n\n    /**\n    * Enable context menu(s)\n    * @memberof external:jQuery.fn\n    * @returns {external:jQuery}\n    */\n    enableContextMenu () {\n      $(this).each(function () {\n        $(this).removeClass('disabled');\n      });\n      return $(this);\n    },\n\n    /**\n    * Destroy context menu(s)\n    * @memberof external:jQuery.fn\n    * @returns {external:jQuery}\n    */\n    destroyContextMenu () {\n      // Destroy specified context menus\n      $(this).each(function () {\n        // Disable action\n        $(this).unbind('mousedown').unbind('mouseup');\n      });\n      return $(this);\n    }\n  });\n  return $;\n}\n\nexport default jQueryContextMenu;\n","/**\n * jPicker (Adapted from version 1.1.6)\n *\n * jQuery Plugin for Photoshop style color picker\n *\n * @module jPicker\n * @copyright (c) 2010 Christopher T. Tillman\n * Digital Magic Productions, Inc. ({@link http://www.digitalmagicpro.com/})\n * FREE to use, alter, copy, sell, and especially ENHANCE\n * @license MIT\n *\n * Painstakingly ported from John Dyers' excellent work on his own color picker based on the Prototype framework.\n *\n * John Dyers' website: {@link http://johndyer.name}\n * Color Picker page: {@link http://johndyer.name/photoshop-like-javascript-color-picker/}\n */\n\n/**\n* @external Math\n*/\n/**\n* @memberof external:Math\n* @param {Float} value\n* @param {Float} precision\n* @returns {Float}\n*/\nMath.precision = function (value, precision) {\n  if (precision === undefined) precision = 0;\n  return Math.round(value * Math.pow(10, precision)) / Math.pow(10, precision);\n};\n\n/**\n* @function module:jPicker.jPicker\n* @param {external:jQuery} $ The jQuery object to wrap (with {@link external:jQuery.loadingStylesheets}, {@link external:jQuery.fn.$.fn.jPicker}, {@link external:jQuery.fn.$.fn.jPicker.defaults})\n* @returns {external:jQuery}\n*/\nconst jPicker = function ($) {\n  if (!$.loadingStylesheets) {\n    /**\n    * @name loadingStylesheets\n    * @type {string[]}\n    * @memberof external:jQuery\n    */\n    $.loadingStylesheets = [];\n  }\n  const stylesheet = 'jgraduate/css/jPicker.css';\n  if (!$.loadingStylesheets.includes(stylesheet)) {\n    $.loadingStylesheets.push(stylesheet);\n  }\n  /**\n  * @typedef {PlainObject} module:jPicker.SliderOptions\n  * @property {external:jQuery|PlainObject} arrow\n  * @property {string} arrow.image Not in use?\n  * @property {Float} arrow.width\n  * @property {Float} arrow.height\n  * @property {PlainObject} map\n  * @property {Float} map.width\n  * @property {Float} map.height\n  */\n\n  /**\n  * Encapsulate slider functionality for the ColorMap and ColorBar -\n  * could be useful to use a jQuery UI draggable for this with certain extensions\n  * @param {external:jQuery} bar\n  * @param {module:jPicker.SliderOptions} options\n  */\n  function Slider (bar, options) {\n    const $this = this;\n    function fireChangeEvents (context) {\n      for (let i = 0; i < changeEvents.length; i++) {\n        changeEvents[i].call($this, $this, context);\n      }\n    }\n    // bind the mousedown to the bar not the arrow for quick snapping to the clicked location\n    function mouseDown (e) {\n      const off = bar.offset();\n      offset = {l: off.left | 0, t: off.top | 0};\n      clearTimeout(timeout);\n      // using setTimeout for visual updates - once the style is updated the browser will re-render internally allowing the next Javascript to run\n      timeout = setTimeout(function () {\n        setValuesFromMousePosition.call($this, e);\n      }, 0);\n      // Bind mousemove and mouseup event to the document so it responds when dragged of of the bar - we will unbind these when on mouseup to save processing\n      $(document).bind('mousemove', mouseMove).bind('mouseup', mouseUp);\n      e.preventDefault(); // don't try to select anything or drag the image to the desktop\n    }\n    // set the values as the mouse moves\n    function mouseMove (e) {\n      clearTimeout(timeout);\n      timeout = setTimeout(function () {\n        setValuesFromMousePosition.call($this, e);\n      }, 0);\n      e.stopPropagation();\n      e.preventDefault();\n      return false;\n    }\n    // unbind the document events - they aren't needed when not dragging\n    function mouseUp (e) {\n      $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);\n      e.stopPropagation();\n      e.preventDefault();\n      return false;\n    }\n    // calculate mouse position and set value within the current range\n    function setValuesFromMousePosition (e) {\n      const barW = bar.w, // local copies for YUI compressor\n        barH = bar.h;\n      let locX = e.pageX - offset.l,\n        locY = e.pageY - offset.t;\n      // keep the arrow within the bounds of the bar\n      if (locX < 0) locX = 0;\n      else if (locX > barW) locX = barW;\n      if (locY < 0) locY = 0;\n      else if (locY > barH) locY = barH;\n      val.call($this, 'xy', { x: ((locX / barW) * rangeX) + minX, y: ((locY / barH) * rangeY) + minY });\n    }\n    function draw () {\n      const\n        barW = bar.w,\n        barH = bar.h,\n        arrowW = arrow.w,\n        arrowH = arrow.h;\n      let arrowOffsetX = 0,\n        arrowOffsetY = 0;\n      setTimeout(function () {\n        if (rangeX > 0) { // range is greater than zero\n          // constrain to bounds\n          if (x === maxX) arrowOffsetX = barW;\n          else arrowOffsetX = ((x / rangeX) * barW) | 0;\n        }\n        if (rangeY > 0) { // range is greater than zero\n          // constrain to bounds\n          if (y === maxY) arrowOffsetY = barH;\n          else arrowOffsetY = ((y / rangeY) * barH) | 0;\n        }\n        // if arrow width is greater than bar width, center arrow and prevent horizontal dragging\n        if (arrowW >= barW) arrowOffsetX = (barW >> 1) - (arrowW >> 1); // number >> 1 - superfast bitwise divide by two and truncate (move bits over one bit discarding lowest)\n        else arrowOffsetX -= arrowW >> 1;\n        // if arrow height is greater than bar height, center arrow and prevent vertical dragging\n        if (arrowH >= barH) arrowOffsetY = (barH >> 1) - (arrowH >> 1);\n        else arrowOffsetY -= arrowH >> 1;\n        // set the arrow position based on these offsets\n        arrow.css({ left: arrowOffsetX + 'px', top: arrowOffsetY + 'px' });\n      }, 0);\n    }\n    function val (name, value, context) {\n      const set = value !== undefined;\n      if (!set) {\n        if (name === undefined || name == null) name = 'xy';\n        switch (name.toLowerCase()) {\n        case 'x': return x;\n        case 'y': return y;\n        case 'xy':\n        default: return { x, y };\n        }\n      }\n      if (context != null && context === $this) return;\n      let changed = false;\n\n      let newX, newY;\n      if (name == null) name = 'xy';\n      switch (name.toLowerCase()) {\n      case 'x':\n        newX = (value && ((value.x && value.x | 0) || value | 0)) || 0;\n        break;\n      case 'y':\n        newY = (value && ((value.y && value.y | 0) || value | 0)) || 0;\n        break;\n      case 'xy':\n      default:\n        newX = (value && value.x && value.x | 0) || 0;\n        newY = (value && value.y && value.y | 0) || 0;\n        break;\n      }\n      if (newX != null) {\n        if (newX < minX) newX = minX;\n        else if (newX > maxX) newX = maxX;\n        if (x !== newX) {\n          x = newX;\n          changed = true;\n        }\n      }\n      if (newY != null) {\n        if (newY < minY) newY = minY;\n        else if (newY > maxY) newY = maxY;\n        if (y !== newY) {\n          y = newY;\n          changed = true;\n        }\n      }\n      changed && fireChangeEvents.call($this, context || $this);\n    }\n    function range (name, value) {\n      const set = value !== undefined;\n      if (!set) {\n        if (name === undefined || name == null) name = 'all';\n        switch (name.toLowerCase()) {\n        case 'minx': return minX;\n        case 'maxx': return maxX;\n        case 'rangex': return { minX, maxX, rangeX };\n        case 'miny': return minY;\n        case 'maxy': return maxY;\n        case 'rangey': return { minY, maxY, rangeY };\n        case 'all':\n        default: return { minX, maxX, rangeX, minY, maxY, rangeY };\n        }\n      }\n      let // changed = false,\n        newMinX,\n        newMaxX,\n        newMinY,\n        newMaxY;\n      if (name == null) name = 'all';\n      switch (name.toLowerCase()) {\n      case 'minx':\n        newMinX = (value && ((value.minX && value.minX | 0) || value | 0)) || 0;\n        break;\n      case 'maxx':\n        newMaxX = (value && ((value.maxX && value.maxX | 0) || value | 0)) || 0;\n        break;\n      case 'rangex':\n        newMinX = (value && value.minX && value.minX | 0) || 0;\n        newMaxX = (value && value.maxX && value.maxX | 0) || 0;\n        break;\n      case 'miny':\n        newMinY = (value && ((value.minY && value.minY | 0) || value | 0)) || 0;\n        break;\n      case 'maxy':\n        newMaxY = (value && ((value.maxY && value.maxY | 0) || value | 0)) || 0;\n        break;\n      case 'rangey':\n        newMinY = (value && value.minY && value.minY | 0) || 0;\n        newMaxY = (value && value.maxY && value.maxY | 0) || 0;\n        break;\n      case 'all':\n      default:\n        newMinX = (value && value.minX && value.minX | 0) || 0;\n        newMaxX = (value && value.maxX && value.maxX | 0) || 0;\n        newMinY = (value && value.minY && value.minY | 0) || 0;\n        newMaxY = (value && value.maxY && value.maxY | 0) || 0;\n        break;\n      }\n      if (newMinX != null && minX !== newMinX) {\n        minX = newMinX;\n        rangeX = maxX - minX;\n      }\n      if (newMaxX != null && maxX !== newMaxX) {\n        maxX = newMaxX;\n        rangeX = maxX - minX;\n      }\n      if (newMinY != null && minY !== newMinY) {\n        minY = newMinY;\n        rangeY = maxY - minY;\n      }\n      if (newMaxY != null && maxY !== newMaxY) {\n        maxY = newMaxY;\n        rangeY = maxY - minY;\n      }\n    }\n    function bind (callback) {\n      if (typeof callback === 'function') changeEvents.push(callback);\n    }\n    function unbind (callback) {\n      if (typeof callback !== 'function') return;\n      let i;\n      while ((i = changeEvents.includes(callback))) changeEvents.splice(i, 1);\n    }\n    function destroy () {\n      // unbind all possible events and null objects\n      $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);\n      bar.unbind('mousedown', mouseDown);\n      bar = null;\n      arrow = null;\n      changeEvents = null;\n    }\n    let offset,\n      timeout,\n      x = 0,\n      y = 0,\n      minX = 0,\n      maxX = 100,\n      rangeX = 100,\n      minY = 0,\n      maxY = 100,\n      rangeY = 100,\n      arrow = bar.find('img:first'), // the arrow image to drag\n      changeEvents = [];\n\n    $.extend(true, $this, // public properties, methods, and event bindings - these we need to access from other controls\n      {\n        val,\n        range,\n        bind,\n        unbind,\n        destroy\n      }\n    );\n    // initialize this control\n    arrow.src = options.arrow && options.arrow.image;\n    arrow.w = (options.arrow && options.arrow.width) || arrow.width();\n    arrow.h = (options.arrow && options.arrow.height) || arrow.height();\n    bar.w = (options.map && options.map.width) || bar.width();\n    bar.h = (options.map && options.map.height) || bar.height();\n    // bind mousedown event\n    bar.bind('mousedown', mouseDown);\n    bind.call($this, draw);\n  }\n  // controls for all the input elements for the typing in color values\n  function ColorValuePicker (picker, color, bindedHex, alphaPrecision) {\n    const $this = this; // private properties and methods\n    const inputs = picker.find('td.Text input');\n    // input box key down - use arrows to alter color\n    function keyDown (e) {\n      if (e.target.value === '' && e.target !== hex.get(0) && ((bindedHex != null && e.target !== bindedHex.get(0)) || bindedHex == null)) return;\n      if (!validateKey(e)) return e;\n      switch (e.target) {\n      case red.get(0):\n        switch (e.keyCode) {\n        case 38:\n          red.val(setValueInRange.call($this, (red.val() << 0) + 1, 0, 255));\n          color.val('r', red.val(), e.target);\n          return false;\n        case 40:\n          red.val(setValueInRange.call($this, (red.val() << 0) - 1, 0, 255));\n          color.val('r', red.val(), e.target);\n          return false;\n        }\n        break;\n      case green.get(0):\n        switch (e.keyCode) {\n        case 38:\n          green.val(setValueInRange.call($this, (green.val() << 0) + 1, 0, 255));\n          color.val('g', green.val(), e.target);\n          return false;\n        case 40:\n          green.val(setValueInRange.call($this, (green.val() << 0) - 1, 0, 255));\n          color.val('g', green.val(), e.target);\n          return false;\n        }\n        break;\n      case blue.get(0):\n        switch (e.keyCode) {\n        case 38:\n          blue.val(setValueInRange.call($this, (blue.val() << 0) + 1, 0, 255));\n          color.val('b', blue.val(), e.target);\n          return false;\n        case 40:\n          blue.val(setValueInRange.call($this, (blue.val() << 0) - 1, 0, 255));\n          color.val('b', blue.val(), e.target);\n          return false;\n        }\n        break;\n      case alpha && alpha.get(0):\n        switch (e.keyCode) {\n        case 38:\n          alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) + 1, 0, 100));\n          color.val('a', Math.precision((alpha.val() * 255) / 100, alphaPrecision), e.target);\n          return false;\n        case 40:\n          alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) - 1, 0, 100));\n          color.val('a', Math.precision((alpha.val() * 255) / 100, alphaPrecision), e.target);\n          return false;\n        }\n        break;\n      case hue.get(0):\n        switch (e.keyCode) {\n        case 38:\n          hue.val(setValueInRange.call($this, (hue.val() << 0) + 1, 0, 360));\n          color.val('h', hue.val(), e.target);\n          return false;\n        case 40:\n          hue.val(setValueInRange.call($this, (hue.val() << 0) - 1, 0, 360));\n          color.val('h', hue.val(), e.target);\n          return false;\n        }\n        break;\n      case saturation.get(0):\n        switch (e.keyCode) {\n        case 38:\n          saturation.val(setValueInRange.call($this, (saturation.val() << 0) + 1, 0, 100));\n          color.val('s', saturation.val(), e.target);\n          return false;\n        case 40:\n          saturation.val(setValueInRange.call($this, (saturation.val() << 0) - 1, 0, 100));\n          color.val('s', saturation.val(), e.target);\n          return false;\n        }\n        break;\n      case value.get(0):\n        switch (e.keyCode) {\n        case 38:\n          value.val(setValueInRange.call($this, (value.val() << 0) + 1, 0, 100));\n          color.val('v', value.val(), e.target);\n          return false;\n        case 40:\n          value.val(setValueInRange.call($this, (value.val() << 0) - 1, 0, 100));\n          color.val('v', value.val(), e.target);\n          return false;\n        }\n        break;\n      }\n    }\n    // input box key up - validate value and set color\n    function keyUp (e) {\n      if (e.target.value === '' && e.target !== hex.get(0) &&\n        ((bindedHex != null && e.target !== bindedHex.get(0)) ||\n        bindedHex == null)) return;\n      if (!validateKey(e)) return e;\n      switch (e.target) {\n      case red.get(0):\n        red.val(setValueInRange.call($this, red.val(), 0, 255));\n        color.val('r', red.val(), e.target);\n        break;\n      case green.get(0):\n        green.val(setValueInRange.call($this, green.val(), 0, 255));\n        color.val('g', green.val(), e.target);\n        break;\n      case blue.get(0):\n        blue.val(setValueInRange.call($this, blue.val(), 0, 255));\n        color.val('b', blue.val(), e.target);\n        break;\n      case alpha && alpha.get(0):\n        alpha.val(setValueInRange.call($this, alpha.val(), 0, 100));\n        color.val('a', Math.precision((alpha.val() * 255) / 100, alphaPrecision), e.target);\n        break;\n      case hue.get(0):\n        hue.val(setValueInRange.call($this, hue.val(), 0, 360));\n        color.val('h', hue.val(), e.target);\n        break;\n      case saturation.get(0):\n        saturation.val(setValueInRange.call($this, saturation.val(), 0, 100));\n        color.val('s', saturation.val(), e.target);\n        break;\n      case value.get(0):\n        value.val(setValueInRange.call($this, value.val(), 0, 100));\n        color.val('v', value.val(), e.target);\n        break;\n      case hex.get(0):\n        hex.val(hex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));\n        bindedHex && bindedHex.val(hex.val());\n        color.val('hex', hex.val() !== '' ? hex.val() : null, e.target);\n        break;\n      case bindedHex && bindedHex.get(0):\n        bindedHex.val(bindedHex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));\n        hex.val(bindedHex.val());\n        color.val('hex', bindedHex.val() !== '' ? bindedHex.val() : null, e.target);\n        break;\n      case ahex && ahex.get(0):\n        ahex.val(ahex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 2));\n        color.val('a', ahex.val() != null ? parseInt(ahex.val(), 16) : null, e.target);\n        break;\n      }\n    }\n    // input box blur - reset to original if value empty\n    function blur (e) {\n      if (color.val() != null) {\n        switch (e.target) {\n        case red.get(0): red.val(color.val('r')); break;\n        case green.get(0): green.val(color.val('g')); break;\n        case blue.get(0): blue.val(color.val('b')); break;\n        case alpha && alpha.get(0): alpha.val(Math.precision((color.val('a') * 100) / 255, alphaPrecision)); break;\n        case hue.get(0): hue.val(color.val('h')); break;\n        case saturation.get(0): saturation.val(color.val('s')); break;\n        case value.get(0): value.val(color.val('v')); break;\n        case hex.get(0):\n        case bindedHex && bindedHex.get(0):\n          hex.val(color.val('hex'));\n          bindedHex && bindedHex.val(color.val('hex'));\n          break;\n        case ahex && ahex.get(0): ahex.val(color.val('ahex').substring(6)); break;\n        }\n      }\n    }\n    function validateKey (e) {\n      switch (e.keyCode) {\n      case 9:\n      case 16:\n      case 29:\n      case 37:\n      case 39:\n        return false;\n      case 'c'.charCodeAt():\n      case 'v'.charCodeAt():\n        if (e.ctrlKey) return false;\n      }\n      return true;\n    }\n    // constrain value within range\n    function setValueInRange (value, min, max) {\n      if (value === '' || isNaN(value)) return min;\n      if (value > max) return max;\n      if (value < min) return min;\n      return value;\n    }\n    function colorChanged (ui, context) {\n      const all = ui.val('all');\n      if (context !== red.get(0)) red.val(all != null ? all.r : '');\n      if (context !== green.get(0)) green.val(all != null ? all.g : '');\n      if (context !== blue.get(0)) blue.val(all != null ? all.b : '');\n      if (alpha && context !== alpha.get(0)) alpha.val(all != null ? Math.precision((all.a * 100) / 255, alphaPrecision) : '');\n      if (context !== hue.get(0)) hue.val(all != null ? all.h : '');\n      if (context !== saturation.get(0)) saturation.val(all != null ? all.s : '');\n      if (context !== value.get(0)) value.val(all != null ? all.v : '');\n      if (context !== hex.get(0) && ((bindedHex && context !== bindedHex.get(0)) || !bindedHex)) hex.val(all != null ? all.hex : '');\n      if (bindedHex && context !== bindedHex.get(0) && context !== hex.get(0)) bindedHex.val(all != null ? all.hex : '');\n      if (ahex && context !== ahex.get(0)) ahex.val(all != null ? all.ahex.substring(6) : '');\n    }\n    function destroy () {\n      // unbind all events and null objects\n      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).unbind('keyup', keyUp).unbind('blur', blur);\n      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).unbind('keydown', keyDown);\n      color.unbind(colorChanged);\n      red = null;\n      green = null;\n      blue = null;\n      alpha = null;\n      hue = null;\n      saturation = null;\n      value = null;\n      hex = null;\n      ahex = null;\n    }\n    let\n      red = inputs.eq(3),\n      green = inputs.eq(4),\n      blue = inputs.eq(5),\n      alpha = inputs.length > 7 ? inputs.eq(6) : null,\n      hue = inputs.eq(0),\n      saturation = inputs.eq(1),\n      value = inputs.eq(2),\n      hex = inputs.eq(inputs.length > 7 ? 7 : 6),\n      ahex = inputs.length > 7 ? inputs.eq(8) : null;\n    $.extend(true, $this, {\n      // public properties and methods\n      destroy\n    });\n    red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).bind('keyup', keyUp).bind('blur', blur);\n    red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).bind('keydown', keyDown);\n    color.bind(colorChanged);\n  }\n\n  /**\n  * @typedef {PlainObject} module:jPicker.JPickerInit\n  * @property {Integer} a\n  * @property {Integer} b\n  * @property {Integer} g\n  * @property {Integer} h\n  * @property {Integer} r\n  * @property {Integer} s\n  * @property {Integer} v\n  * @property {string} hex\n  * @property {string} ahex\n  */\n\n  /**\n  * @namespace {PlainObject} jPicker\n  * @memberof external:jQuery\n  */\n  $.jPicker = /** @lends external:jQuery.jPicker */ {\n    /**\n    * Array holding references to each active instance of the jPicker control\n    * @type {external:jQuery.fn.$.fn.jPicker[]}\n    */\n    List: [],\n    /**\n    * Color object - we will be able to assign by any color space type or\n    * retrieve any color space info.\n    * We want this public so we can optionally assign new color objects to\n    * initial values using inputs other than a string hex value (also supported)\n    * Note: JSDoc didn't document when expressed here as an ES6 Class.\n    * @namespace\n    * @class\n    * @memberof external:jQuery.jPicker\n    * @param {module:jPicker.JPickerInit} init\n    */\n    Color: function (init) {\n      const $this = this;\n      function fireChangeEvents (context) {\n        for (let i = 0; i < changeEvents.length; i++) changeEvents[i].call($this, $this, context);\n      }\n      function val (name, value, context) {\n        // Kind of ugly\n        const set = Boolean(value);\n        if (set && value.ahex === '') value.ahex = '00000000';\n        if (!set) {\n          if (name === undefined || name == null || name === '') name = 'all';\n          if (r == null) return null;\n          switch (name.toLowerCase()) {\n          case 'ahex': return ColorMethods.rgbaToHex({ r, g, b, a });\n          case 'hex': return val('ahex').substring(0, 6);\n          case 'all': return { r, g, b, a, h, s, v, hex: val.call($this, 'hex'), ahex: val.call($this, 'ahex') };\n          default:\n            let ret = {};\n            for (let i = 0; i < name.length; i++) {\n              switch (name.charAt(i)) {\n              case 'r':\n                if (name.length === 1) ret = r;\n                else ret.r = r;\n                break;\n              case 'g':\n                if (name.length === 1) ret = g;\n                else ret.g = g;\n                break;\n              case 'b':\n                if (name.length === 1) ret = b;\n                else ret.b = b;\n                break;\n              case 'a':\n                if (name.length === 1) ret = a;\n                else ret.a = a;\n                break;\n              case 'h':\n                if (name.length === 1) ret = h;\n                else ret.h = h;\n                break;\n              case 's':\n                if (name.length === 1) ret = s;\n                else ret.s = s;\n                break;\n              case 'v':\n                if (name.length === 1) ret = v;\n                else ret.v = v;\n                break;\n              }\n            }\n            return !name.length ? val.call($this, 'all') : ret;\n          }\n        }\n        if (context != null && context === $this) return;\n        if (name == null) name = '';\n\n        let changed = false;\n        if (value == null) {\n          if (r != null) {\n            r = null;\n            changed = true;\n          }\n          if (g != null) {\n            g = null;\n            changed = true;\n          }\n          if (b != null) {\n            b = null;\n            changed = true;\n          }\n          if (a != null) {\n            a = null;\n            changed = true;\n          }\n          if (h != null) {\n            h = null;\n            changed = true;\n          }\n          if (s != null) {\n            s = null;\n            changed = true;\n          }\n          if (v != null) {\n            v = null;\n            changed = true;\n          }\n          changed && fireChangeEvents.call($this, context || $this);\n          return;\n        }\n        switch (name.toLowerCase()) {\n        case 'ahex':\n        case 'hex':\n          const ret = ColorMethods.hexToRgba((value && (value.ahex || value.hex)) || value || 'none');\n          val.call($this, 'rgba', { r: ret.r, g: ret.g, b: ret.b, a: name === 'ahex' ? ret.a : a != null ? a : 255 }, context);\n          break;\n        default:\n          if (value && (value.ahex != null || value.hex != null)) {\n            val.call($this, 'ahex', value.ahex || value.hex || '00000000', context);\n            return;\n          }\n          const newV = {};\n          let rgb = false, hsv = false;\n          if (value.r !== undefined && !name.includes('r')) name += 'r';\n          if (value.g !== undefined && !name.includes('g')) name += 'g';\n          if (value.b !== undefined && !name.includes('b')) name += 'b';\n          if (value.a !== undefined && !name.includes('a')) name += 'a';\n          if (value.h !== undefined && !name.includes('h')) name += 'h';\n          if (value.s !== undefined && !name.includes('s')) name += 's';\n          if (value.v !== undefined && !name.includes('v')) name += 'v';\n          for (let i = 0; i < name.length; i++) {\n            switch (name.charAt(i)) {\n            case 'r':\n              if (hsv) continue;\n              rgb = true;\n              newV.r = (value && value.r && value.r | 0) || (value && value | 0) || 0;\n              if (newV.r < 0) newV.r = 0;\n              else if (newV.r > 255) newV.r = 255;\n              if (r !== newV.r) {\n                ({r} = newV);\n                changed = true;\n              }\n              break;\n            case 'g':\n              if (hsv) continue;\n              rgb = true;\n              newV.g = (value && value.g && value.g | 0) || (value && value | 0) || 0;\n              if (newV.g < 0) newV.g = 0;\n              else if (newV.g > 255) newV.g = 255;\n              if (g !== newV.g) {\n                ({g} = newV);\n                changed = true;\n              }\n              break;\n            case 'b':\n              if (hsv) continue;\n              rgb = true;\n              newV.b = (value && value.b && value.b | 0) || (value && value | 0) || 0;\n              if (newV.b < 0) newV.b = 0;\n              else if (newV.b > 255) newV.b = 255;\n              if (b !== newV.b) {\n                ({b} = newV);\n                changed = true;\n              }\n              break;\n            case 'a':\n              newV.a = value && value.a != null ? value.a | 0 : value != null ? value | 0 : 255;\n              if (newV.a < 0) newV.a = 0;\n              else if (newV.a > 255) newV.a = 255;\n              if (a !== newV.a) {\n                ({a} = newV);\n                changed = true;\n              }\n              break;\n            case 'h':\n              if (rgb) continue;\n              hsv = true;\n              newV.h = (value && value.h && value.h | 0) || (value && value | 0) || 0;\n              if (newV.h < 0) newV.h = 0;\n              else if (newV.h > 360) newV.h = 360;\n              if (h !== newV.h) {\n                ({h} = newV);\n                changed = true;\n              }\n              break;\n            case 's':\n              if (rgb) continue;\n              hsv = true;\n              newV.s = value && value.s != null ? value.s | 0 : value != null ? value | 0 : 100;\n              if (newV.s < 0) newV.s = 0;\n              else if (newV.s > 100) newV.s = 100;\n              if (s !== newV.s) {\n                ({s} = newV);\n                changed = true;\n              }\n              break;\n            case 'v':\n              if (rgb) continue;\n              hsv = true;\n              newV.v = value && value.v != null ? value.v | 0 : value != null ? value | 0 : 100;\n              if (newV.v < 0) newV.v = 0;\n              else if (newV.v > 100) newV.v = 100;\n              if (v !== newV.v) {\n                ({v} = newV);\n                changed = true;\n              }\n              break;\n            }\n          }\n          if (changed) {\n            if (rgb) {\n              r = r || 0;\n              g = g || 0;\n              b = b || 0;\n              const ret = ColorMethods.rgbToHsv({ r, g, b });\n              ({h, s, v} = ret);\n            } else if (hsv) {\n              h = h || 0;\n              s = s != null ? s : 100;\n              v = v != null ? v : 100;\n              const ret = ColorMethods.hsvToRgb({ h, s, v });\n              ({r, g, b} = ret);\n            }\n            a = a != null ? a : 255;\n            fireChangeEvents.call($this, context || $this);\n          }\n          break;\n        }\n      }\n      function bind (callback) {\n        if (typeof callback === 'function') changeEvents.push(callback);\n      }\n      function unbind (callback) {\n        if (typeof callback !== 'function') return;\n        let i;\n        while ((i = changeEvents.includes(callback))) {\n          changeEvents.splice(i, 1);\n        }\n      }\n      function destroy () {\n        changeEvents = null;\n      }\n      let r, g, b, a, h, s, v, changeEvents = [];\n\n      $.extend(true, $this, {\n        // public properties and methods\n        val,\n        bind,\n        unbind,\n        destroy\n      });\n      if (init) {\n        if (init.ahex != null) {\n          val('ahex', init);\n        } else if (init.hex != null) {\n          val(\n            (init.a != null ? 'a' : '') + 'hex',\n            init.a != null\n              ? {ahex: init.hex + ColorMethods.intToHex(init.a)}\n              : init\n          );\n        } else if (init.r != null && init.g != null && init.b != null) {\n          val('rgb' + (init.a != null ? 'a' : ''), init);\n        } else if (init.h != null && init.s != null && init.v != null) {\n          val('hsv' + (init.a != null ? 'a' : ''), init);\n        }\n      }\n    },\n    /**\n    * color conversion methods  - make public to give use to external scripts\n    * @namespace\n    */\n    ColorMethods: {\n      /**\n      * @typedef {PlainObject} module:jPicker.RGBA\n      * @property {Integer} r\n      * @property {Integer} g\n      * @property {Integer} b\n      * @property {Integer} a\n      */\n      /**\n      * @typedef {PlainObject} module:jPicker.RGB\n      * @property {Integer} r\n      * @property {Integer} g\n      * @property {Integer} b\n      */\n      /**\n      * @param {string} hex\n      * @returns {module:jPicker.RGBA}\n      */\n      hexToRgba (hex) {\n        if (hex === '' || hex === 'none') return { r: null, g: null, b: null, a: null };\n        hex = this.validateHex(hex);\n        let r = '00', g = '00', b = '00', a = '255';\n        if (hex.length === 6) hex += 'ff';\n        if (hex.length > 6) {\n          r = hex.substring(0, 2);\n          g = hex.substring(2, 4);\n          b = hex.substring(4, 6);\n          a = hex.substring(6, hex.length);\n        } else {\n          if (hex.length > 4) {\n            r = hex.substring(4, hex.length);\n            hex = hex.substring(0, 4);\n          }\n          if (hex.length > 2) {\n            g = hex.substring(2, hex.length);\n            hex = hex.substring(0, 2);\n          }\n          if (hex.length > 0) b = hex.substring(0, hex.length);\n        }\n        return {\n          r: this.hexToInt(r), g: this.hexToInt(g), b: this.hexToInt(b), a: this.hexToInt(a)\n        };\n      },\n      /**\n      * @param {string} hex\n      * @returns {string}\n      */\n      validateHex (hex) {\n        // if (typeof hex === 'object') return '';\n        hex = hex.toLowerCase().replace(/[^a-f0-9]/g, '');\n        if (hex.length > 8) hex = hex.substring(0, 8);\n        return hex;\n      },\n      /**\n      * @param {module:jPicker.RGBA} rgba\n      * @returns {string}\n      */\n      rgbaToHex (rgba) {\n        return this.intToHex(rgba.r) + this.intToHex(rgba.g) + this.intToHex(rgba.b) + this.intToHex(rgba.a);\n      },\n      /**\n      * @param {Integer} dec\n      * @returns {string}\n      */\n      intToHex (dec) {\n        let result = (dec | 0).toString(16);\n        if (result.length === 1) result = ('0' + result);\n        return result.toLowerCase();\n      },\n      /**\n      * @param {string} hex\n      * @returns {Integer}\n      */\n      hexToInt (hex) {\n        return parseInt(hex, 16);\n      },\n      /**\n      * @typedef {PlainObject} module:jPicker.HSV\n      * @property {Integer} h\n      * @property {Integer} s\n      * @property {Integer} v\n      */\n      /**\n      * @param {module:jPicker.RGB} rgb\n      * @returns {module:jPicker.HSV}\n      */\n      rgbToHsv (rgb) {\n        const r = rgb.r / 255, g = rgb.g / 255, b = rgb.b / 255, hsv = { h: 0, s: 0, v: 0 };\n        let min = 0, max = 0;\n        if (r >= g && r >= b) {\n          max = r;\n          min = g > b ? b : g;\n        } else if (g >= b && g >= r) {\n          max = g;\n          min = r > b ? b : r;\n        } else {\n          max = b;\n          min = g > r ? r : g;\n        }\n        hsv.v = max;\n        hsv.s = max ? (max - min) / max : 0;\n        let delta;\n        if (!hsv.s) hsv.h = 0;\n        else {\n          delta = max - min;\n          if (r === max) hsv.h = (g - b) / delta;\n          else if (g === max) hsv.h = 2 + (b - r) / delta;\n          else hsv.h = 4 + (r - g) / delta;\n          hsv.h = parseInt(hsv.h * 60);\n          if (hsv.h < 0) hsv.h += 360;\n        }\n        hsv.s = (hsv.s * 100) | 0;\n        hsv.v = (hsv.v * 100) | 0;\n        return hsv;\n      },\n      /**\n      * @param {module:jPicker.HSV} hsv\n      * @returns {module:jPicker.RGB}\n      */\n      hsvToRgb (hsv) {\n        const rgb = {r: 0, g: 0, b: 0, a: 100};\n        let {h, s, v} = hsv;\n        if (s === 0) {\n          if (v === 0) rgb.r = rgb.g = rgb.b = 0;\n          else rgb.r = rgb.g = rgb.b = (v * 255 / 100) | 0;\n        } else {\n          if (h === 360) h = 0;\n          h /= 60;\n          s = s / 100;\n          v = v / 100;\n          const i = h | 0,\n            f = h - i,\n            p = v * (1 - s),\n            q = v * (1 - (s * f)),\n            t = v * (1 - (s * (1 - f)));\n          switch (i) {\n          case 0:\n            rgb.r = v;\n            rgb.g = t;\n            rgb.b = p;\n            break;\n          case 1:\n            rgb.r = q;\n            rgb.g = v;\n            rgb.b = p;\n            break;\n          case 2:\n            rgb.r = p;\n            rgb.g = v;\n            rgb.b = t;\n            break;\n          case 3:\n            rgb.r = p;\n            rgb.g = q;\n            rgb.b = v;\n            break;\n          case 4:\n            rgb.r = t;\n            rgb.g = p;\n            rgb.b = v;\n            break;\n          case 5:\n            rgb.r = v;\n            rgb.g = p;\n            rgb.b = q;\n            break;\n          }\n          rgb.r = (rgb.r * 255) | 0;\n          rgb.g = (rgb.g * 255) | 0;\n          rgb.b = (rgb.b * 255) | 0;\n        }\n        return rgb;\n      }\n    }\n  };\n  const {Color, List, ColorMethods} = $.jPicker; // local copies for YUI compressor\n  /**\n   * @function external:jQuery.fn.jPicker\n   * @see {@link external:jQuery.fn.$.fn.jPicker}\n   */\n  /**\n  * While it would seem this should specify the name `jPicker` for JSDoc, that doesn't\n  *   get us treated as a function as well as a namespace (even with `@function name`),\n  *   so we use an approach to add a redundant `$.fn.` in the name.\n  * @namespace\n  * @memberof external:jQuery.fn\n  * @param {external:jQuery.fn.jPickerOptions} options\n  * @returns {external:jQuery}\n  */\n  $.fn.jPicker = function (options) {\n    const $arguments = arguments;\n    return this.each(function () {\n      const $this = this, settings = $.extend(true, {}, $.fn.jPicker.defaults, options); // local copies for YUI compressor\n      if ($($this).get(0).nodeName.toLowerCase() === 'input') { // Add color picker icon if binding to an input element and bind the events to the input\n        $.extend(true, settings, {\n          window: {\n            bindToInput: true,\n            expandable: true,\n            input: $($this)\n          }\n        });\n        if ($($this).val() === '') {\n          settings.color.active = new Color({ hex: null });\n          settings.color.current = new Color({ hex: null });\n        } else if (ColorMethods.validateHex($($this).val())) {\n          settings.color.active = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });\n          settings.color.current = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });\n        }\n      }\n      if (settings.window.expandable) {\n        $($this).after('<span class=\"jPicker\"><span class=\"Icon\"><span class=\"Color\">&nbsp;</span><span class=\"Alpha\">&nbsp;</span><span class=\"Image\" title=\"Click To Open Color Picker\">&nbsp;</span><span class=\"Container\">&nbsp;</span></span></span>');\n      } else {\n        settings.window.liveUpdate = false; // Basic control binding for inline use - You will need to override the liveCallback or commitCallback function to retrieve results\n      }\n      const isLessThanIE7 = parseFloat(navigator.appVersion.split('MSIE')[1]) < 7 && document.body.filters; // needed to run the AlphaImageLoader function for IE6\n      // set color mode and update visuals for the new color mode\n      /**\n       *\n       * @param {\"h\"|\"s\"|\"v\"|\"r\"|\"g\"|\"b\"|\"a\"} colorMode [description]\n       * @throws {Error} Invalid mode\n       */\n      function setColorMode (colorMode) {\n        const {active} = color, // local copies for YUI compressor\n          // {clientPath} = images,\n          hex = active.val('hex');\n        let rgbMap, rgbBar;\n        settings.color.mode = colorMode;\n        switch (colorMode) {\n        case 'h':\n          setTimeout(function () {\n            setBG.call($this, colorMapDiv, 'transparent');\n            setImgLoc.call($this, colorMapL1, 0);\n            setAlpha.call($this, colorMapL1, 100);\n            setImgLoc.call($this, colorMapL2, 260);\n            setAlpha.call($this, colorMapL2, 100);\n            setBG.call($this, colorBarDiv, 'transparent');\n            setImgLoc.call($this, colorBarL1, 0);\n            setAlpha.call($this, colorBarL1, 100);\n            setImgLoc.call($this, colorBarL2, 260);\n            setAlpha.call($this, colorBarL2, 100);\n            setImgLoc.call($this, colorBarL3, 260);\n            setAlpha.call($this, colorBarL3, 100);\n            setImgLoc.call($this, colorBarL4, 260);\n            setAlpha.call($this, colorBarL4, 100);\n            setImgLoc.call($this, colorBarL6, 260);\n            setAlpha.call($this, colorBarL6, 100);\n          }, 0);\n          colorMap.range('all', { minX: 0, maxX: 100, minY: 0, maxY: 100 });\n          colorBar.range('rangeY', { minY: 0, maxY: 360 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('s'), y: 100 - active.val('v') }, colorMap);\n          colorBar.val('y', 360 - active.val('h'), colorBar);\n          break;\n        case 's':\n          setTimeout(function () {\n            setBG.call($this, colorMapDiv, 'transparent');\n            setImgLoc.call($this, colorMapL1, -260);\n            setImgLoc.call($this, colorMapL2, -520);\n            setImgLoc.call($this, colorBarL1, -260);\n            setImgLoc.call($this, colorBarL2, -520);\n            setImgLoc.call($this, colorBarL6, 260);\n            setAlpha.call($this, colorBarL6, 100);\n          }, 0);\n          colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });\n          colorBar.range('rangeY', { minY: 0, maxY: 100 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);\n          colorBar.val('y', 100 - active.val('s'), colorBar);\n          break;\n        case 'v':\n          setTimeout(function () {\n            setBG.call($this, colorMapDiv, '000000');\n            setImgLoc.call($this, colorMapL1, -780);\n            setImgLoc.call($this, colorMapL2, 260);\n            setBG.call($this, colorBarDiv, hex);\n            setImgLoc.call($this, colorBarL1, -520);\n            setImgLoc.call($this, colorBarL2, 260);\n            setAlpha.call($this, colorBarL2, 100);\n            setImgLoc.call($this, colorBarL6, 260);\n            setAlpha.call($this, colorBarL6, 100);\n          }, 0);\n          colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });\n          colorBar.range('rangeY', { minY: 0, maxY: 100 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('s') }, colorMap);\n          colorBar.val('y', 100 - active.val('v'), colorBar);\n          break;\n        case 'r':\n          rgbMap = -1040;\n          rgbBar = -780;\n          colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });\n          colorBar.range('rangeY', { minY: 0, maxY: 255 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('g') }, colorMap);\n          colorBar.val('y', 255 - active.val('r'), colorBar);\n          break;\n        case 'g':\n          rgbMap = -1560;\n          rgbBar = -1820;\n          colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });\n          colorBar.range('rangeY', { minY: 0, maxY: 255 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('r') }, colorMap);\n          colorBar.val('y', 255 - active.val('g'), colorBar);\n          break;\n        case 'b':\n          rgbMap = -2080;\n          rgbBar = -2860;\n          colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });\n          colorBar.range('rangeY', { minY: 0, maxY: 255 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('r'), y: 255 - active.val('g') }, colorMap);\n          colorBar.val('y', 255 - active.val('b'), colorBar);\n          break;\n        case 'a':\n          setTimeout(function () {\n            setBG.call($this, colorMapDiv, 'transparent');\n            setImgLoc.call($this, colorMapL1, -260);\n            setImgLoc.call($this, colorMapL2, -520);\n            setImgLoc.call($this, colorBarL1, 260);\n            setImgLoc.call($this, colorBarL2, 260);\n            setAlpha.call($this, colorBarL2, 100);\n            setImgLoc.call($this, colorBarL6, 0);\n            setAlpha.call($this, colorBarL6, 100);\n          }, 0);\n          colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });\n          colorBar.range('rangeY', { minY: 0, maxY: 255 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);\n          colorBar.val('y', 255 - active.val('a'), colorBar);\n          break;\n        default:\n          throw new Error('Invalid Mode');\n        }\n        switch (colorMode) {\n        case 'h':\n          break;\n        case 's':\n        case 'v':\n        case 'a':\n          setTimeout(function () {\n            setAlpha.call($this, colorMapL1, 100);\n            setAlpha.call($this, colorBarL1, 100);\n            setImgLoc.call($this, colorBarL3, 260);\n            setAlpha.call($this, colorBarL3, 100);\n            setImgLoc.call($this, colorBarL4, 260);\n            setAlpha.call($this, colorBarL4, 100);\n          }, 0);\n          break;\n        case 'r':\n        case 'g':\n        case 'b':\n          setTimeout(function () {\n            setBG.call($this, colorMapDiv, 'transparent');\n            setBG.call($this, colorBarDiv, 'transparent');\n            setAlpha.call($this, colorBarL1, 100);\n            setAlpha.call($this, colorMapL1, 100);\n            setImgLoc.call($this, colorMapL1, rgbMap);\n            setImgLoc.call($this, colorMapL2, rgbMap - 260);\n            setImgLoc.call($this, colorBarL1, rgbBar - 780);\n            setImgLoc.call($this, colorBarL2, rgbBar - 520);\n            setImgLoc.call($this, colorBarL3, rgbBar);\n            setImgLoc.call($this, colorBarL4, rgbBar - 260);\n            setImgLoc.call($this, colorBarL6, 260);\n            setAlpha.call($this, colorBarL6, 100);\n          }, 0);\n          break;\n        }\n        if (active.val('ahex') == null) return;\n        activeColorChanged.call($this, active);\n      }\n      // Update color when user changes text values\n      function activeColorChanged (ui, context) {\n        if (context == null || (context !== colorBar && context !== colorMap)) positionMapAndBarArrows.call($this, ui, context);\n        setTimeout(function () {\n          updatePreview.call($this, ui);\n          updateMapVisuals.call($this, ui);\n          updateBarVisuals.call($this, ui);\n        }, 0);\n      }\n      // user has dragged the ColorMap pointer\n      function mapValueChanged (ui, context) {\n        const {active} = color;\n        if (context !== colorMap && active.val() == null) return;\n        const xy = ui.val('all');\n        switch (settings.color.mode) {\n        case 'h':\n          active.val('sv', { s: xy.x, v: 100 - xy.y }, context);\n          break;\n        case 's':\n        case 'a':\n          active.val('hv', { h: xy.x, v: 100 - xy.y }, context);\n          break;\n        case 'v':\n          active.val('hs', { h: xy.x, s: 100 - xy.y }, context);\n          break;\n        case 'r':\n          active.val('gb', { g: 255 - xy.y, b: xy.x }, context);\n          break;\n        case 'g':\n          active.val('rb', { r: 255 - xy.y, b: xy.x }, context);\n          break;\n        case 'b':\n          active.val('rg', { r: xy.x, g: 255 - xy.y }, context);\n          break;\n        }\n      }\n      // user has dragged the ColorBar slider\n      function colorBarValueChanged (ui, context) {\n        const {active} = color;\n        if (context !== colorBar && active.val() == null) return;\n        switch (settings.color.mode) {\n        case 'h':\n          active.val('h', { h: 360 - ui.val('y') }, context);\n          break;\n        case 's':\n          active.val('s', { s: 100 - ui.val('y') }, context);\n          break;\n        case 'v':\n          active.val('v', { v: 100 - ui.val('y') }, context);\n          break;\n        case 'r':\n          active.val('r', { r: 255 - ui.val('y') }, context);\n          break;\n        case 'g':\n          active.val('g', { g: 255 - ui.val('y') }, context);\n          break;\n        case 'b':\n          active.val('b', { b: 255 - ui.val('y') }, context);\n          break;\n        case 'a':\n          active.val('a', 255 - ui.val('y'), context);\n          break;\n        }\n      }\n      // position map and bar arrows to match current color\n      function positionMapAndBarArrows (ui, context) {\n        if (context !== colorMap) {\n          switch (settings.color.mode) {\n          case 'h':\n            const sv = ui.val('sv');\n            colorMap.val('xy', { x: sv != null ? sv.s : 100, y: 100 - (sv != null ? sv.v : 100) }, context);\n            break;\n          case 's':\n          case 'a':\n            const hv = ui.val('hv');\n            colorMap.val('xy', { x: (hv && hv.h) || 0, y: 100 - (hv != null ? hv.v : 100) }, context);\n            break;\n          case 'v':\n            const hs = ui.val('hs');\n            colorMap.val('xy', { x: (hs && hs.h) || 0, y: 100 - (hs != null ? hs.s : 100) }, context);\n            break;\n          case 'r':\n            const bg = ui.val('bg');\n            colorMap.val('xy', { x: (bg && bg.b) || 0, y: 255 - ((bg && bg.g) || 0) }, context);\n            break;\n          case 'g':\n            const br = ui.val('br');\n            colorMap.val('xy', { x: (br && br.b) || 0, y: 255 - ((br && br.r) || 0) }, context);\n            break;\n          case 'b':\n            const rg = ui.val('rg');\n            colorMap.val('xy', { x: (rg && rg.r) || 0, y: 255 - ((rg && rg.g) || 0) }, context);\n            break;\n          }\n        }\n        if (context !== colorBar) {\n          switch (settings.color.mode) {\n          case 'h':\n            colorBar.val('y', 360 - (ui.val('h') || 0), context);\n            break;\n          case 's':\n            const s = ui.val('s');\n            colorBar.val('y', 100 - (s != null ? s : 100), context);\n            break;\n          case 'v':\n            const v = ui.val('v');\n            colorBar.val('y', 100 - (v != null ? v : 100), context);\n            break;\n          case 'r':\n            colorBar.val('y', 255 - (ui.val('r') || 0), context);\n            break;\n          case 'g':\n            colorBar.val('y', 255 - (ui.val('g') || 0), context);\n            break;\n          case 'b':\n            colorBar.val('y', 255 - (ui.val('b') || 0), context);\n            break;\n          case 'a':\n            const a = ui.val('a');\n            colorBar.val('y', 255 - (a != null ? a : 255), context);\n            break;\n          }\n        }\n      }\n      function updatePreview (ui) {\n        try {\n          const all = ui.val('all');\n          activePreview.css({ backgroundColor: (all && '#' + all.hex) || 'transparent' });\n          setAlpha.call($this, activePreview, (all && Math.precision((all.a * 100) / 255, 4)) || 0);\n        } catch (e) { }\n      }\n      function updateMapVisuals (ui) {\n        switch (settings.color.mode) {\n        case 'h':\n          setBG.call($this, colorMapDiv, new Color({ h: ui.val('h') || 0, s: 100, v: 100 }).val('hex'));\n          break;\n        case 's':\n        case 'a':\n          const s = ui.val('s');\n          setAlpha.call($this, colorMapL2, 100 - (s != null ? s : 100));\n          break;\n        case 'v':\n          const v = ui.val('v');\n          setAlpha.call($this, colorMapL1, v != null ? v : 100);\n          break;\n        case 'r':\n          setAlpha.call($this, colorMapL2, Math.precision((ui.val('r') || 0) / 255 * 100, 4));\n          break;\n        case 'g':\n          setAlpha.call($this, colorMapL2, Math.precision((ui.val('g') || 0) / 255 * 100, 4));\n          break;\n        case 'b':\n          setAlpha.call($this, colorMapL2, Math.precision((ui.val('b') || 0) / 255 * 100));\n          break;\n        }\n        const a = ui.val('a');\n        setAlpha.call($this, colorMapL3, Math.precision(((255 - (a || 0)) * 100) / 255, 4));\n      }\n      function updateBarVisuals (ui) {\n        switch (settings.color.mode) {\n        case 'h':\n          const a = ui.val('a');\n          setAlpha.call($this, colorBarL5, Math.precision(((255 - (a || 0)) * 100) / 255, 4));\n          break;\n        case 's':\n          const hva = ui.val('hva'),\n            saturatedColor = new Color({ h: (hva && hva.h) || 0, s: 100, v: hva != null ? hva.v : 100 });\n          setBG.call($this, colorBarDiv, saturatedColor.val('hex'));\n          setAlpha.call($this, colorBarL2, 100 - (hva != null ? hva.v : 100));\n          setAlpha.call($this, colorBarL5, Math.precision(((255 - ((hva && hva.a) || 0)) * 100) / 255, 4));\n          break;\n        case 'v':\n          const hsa = ui.val('hsa'),\n            valueColor = new Color({ h: (hsa && hsa.h) || 0, s: hsa != null ? hsa.s : 100, v: 100 });\n          setBG.call($this, colorBarDiv, valueColor.val('hex'));\n          setAlpha.call($this, colorBarL5, Math.precision(((255 - ((hsa && hsa.a) || 0)) * 100) / 255, 4));\n          break;\n        case 'r':\n        case 'g':\n        case 'b':\n          const rgba = ui.val('rgba');\n          let hValue = 0, vValue = 0;\n          if (settings.color.mode === 'r') {\n            hValue = (rgba && rgba.b) || 0;\n            vValue = (rgba && rgba.g) || 0;\n          } else if (settings.color.mode === 'g') {\n            hValue = (rgba && rgba.b) || 0;\n            vValue = (rgba && rgba.r) || 0;\n          } else if (settings.color.mode === 'b') {\n            hValue = (rgba && rgba.r) || 0;\n            vValue = (rgba && rgba.g) || 0;\n          }\n          const middle = vValue > hValue ? hValue : vValue;\n          setAlpha.call($this, colorBarL2, hValue > vValue ? Math.precision(((hValue - vValue) / (255 - vValue)) * 100, 4) : 0);\n          setAlpha.call($this, colorBarL3, vValue > hValue ? Math.precision(((vValue - hValue) / (255 - hValue)) * 100, 4) : 0);\n          setAlpha.call($this, colorBarL4, Math.precision((middle / 255) * 100, 4));\n          setAlpha.call($this, colorBarL5, Math.precision(((255 - ((rgba && rgba.a) || 0)) * 100) / 255, 4));\n          break;\n        case 'a': {\n          const a = ui.val('a');\n          setBG.call($this, colorBarDiv, ui.val('hex') || '000000');\n          setAlpha.call($this, colorBarL5, a != null ? 0 : 100);\n          setAlpha.call($this, colorBarL6, a != null ? 100 : 0);\n          break;\n        }\n        }\n      }\n      function setBG (el, c) {\n        el.css({backgroundColor: (c && c.length === 6 && '#' + c) || 'transparent'});\n      }\n      function setImg (img, src) {\n        if (isLessThanIE7 && (src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png'))) {\n          img.attr('pngSrc', src);\n          img.css({ backgroundImage: 'none', filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\\'' + src + '\\', sizingMethod=\\'scale\\')' });\n        } else img.css({ backgroundImage: 'url(\\'' + src + '\\')' });\n      }\n      function setImgLoc (img, y) {\n        img.css({ top: y + 'px' });\n      }\n      function setAlpha (obj, alpha) {\n        obj.css({ visibility: alpha > 0 ? 'visible' : 'hidden' });\n        if (alpha > 0 && alpha < 100) {\n          if (isLessThanIE7) {\n            const src = obj.attr('pngSrc');\n            if (src != null && (\n              src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png')\n            )) {\n              obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\\'' + src + '\\', sizingMethod=\\'scale\\') progid:DXImageTransform.Microsoft.Alpha(opacity=' + alpha + ')' });\n            } else obj.css({ opacity: Math.precision(alpha / 100, 4) });\n          } else obj.css({ opacity: Math.precision(alpha / 100, 4) });\n        } else if (alpha === 0 || alpha === 100) {\n          if (isLessThanIE7) {\n            const src = obj.attr('pngSrc');\n            if (src != null && (\n              src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png')\n            )) {\n              obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\\'' + src + '\\', sizingMethod=\\'scale\\')' });\n            } else obj.css({ opacity: '' });\n          } else obj.css({ opacity: '' });\n        }\n      }\n      // revert color to original color when opened\n      function revertColor () {\n        color.active.val('ahex', color.current.val('ahex'));\n      }\n      // commit the color changes\n      function commitColor () {\n        color.current.val('ahex', color.active.val('ahex'));\n      }\n      function radioClicked (e) {\n        $(this).parents('tbody:first').find('input:radio[value!=\"' + e.target.value + '\"]').removeAttr('checked');\n        setColorMode.call($this, e.target.value);\n      }\n      function currentClicked () {\n        revertColor.call($this);\n      }\n      function cancelClicked () {\n        revertColor.call($this);\n        settings.window.expandable && hide.call($this);\n        typeof cancelCallback === 'function' && cancelCallback.call($this, color.active, cancelButton);\n      }\n      function okClicked () {\n        commitColor.call($this);\n        settings.window.expandable && hide.call($this);\n        typeof commitCallback === 'function' && commitCallback.call($this, color.active, okButton);\n      }\n      function iconImageClicked () {\n        show.call($this);\n      }\n      function currentColorChanged (ui, context) {\n        const hex = ui.val('hex');\n        currentPreview.css({ backgroundColor: (hex && '#' + hex) || 'transparent' });\n        setAlpha.call($this, currentPreview, Math.precision(((ui.val('a') || 0) * 100) / 255, 4));\n      }\n      function expandableColorChanged (ui, context) {\n        const hex = ui.val('hex');\n        const va = ui.val('va');\n        iconColor.css({ backgroundColor: (hex && '#' + hex) || 'transparent' });\n        setAlpha.call($this, iconAlpha, Math.precision(((255 - ((va && va.a) || 0)) * 100) / 255, 4));\n        if (settings.window.bindToInput && settings.window.updateInputColor) {\n          settings.window.input.css({\n            backgroundColor: (hex && '#' + hex) || 'transparent',\n            color: va == null || va.v > 75 ? '#000000' : '#ffffff'\n          });\n        }\n      }\n      function moveBarMouseDown (e) {\n        // const {element} = settings.window, // local copies for YUI compressor\n        //     {page} = settings.window;\n        elementStartX = parseInt(container.css('left'));\n        elementStartY = parseInt(container.css('top'));\n        pageStartX = e.pageX;\n        pageStartY = e.pageY;\n        // bind events to document to move window - we will unbind these on mouseup\n        $(document).bind('mousemove', documentMouseMove).bind('mouseup', documentMouseUp);\n        e.preventDefault(); // prevent attempted dragging of the column\n      }\n      function documentMouseMove (e) {\n        container.css({ left: elementStartX - (pageStartX - e.pageX) + 'px', top: elementStartY - (pageStartY - e.pageY) + 'px' });\n        if (settings.window.expandable && !$.support.boxModel) container.prev().css({ left: container.css('left'), top: container.css('top') });\n        e.stopPropagation();\n        e.preventDefault();\n        return false;\n      }\n      function documentMouseUp (e) {\n        $(document).unbind('mousemove', documentMouseMove).unbind('mouseup', documentMouseUp);\n        e.stopPropagation();\n        e.preventDefault();\n        return false;\n      }\n      function quickPickClicked (e) {\n        e.preventDefault();\n        e.stopPropagation();\n        color.active.val('ahex', $(this).attr('title') || null, e.target);\n        return false;\n      }\n      function show () {\n        color.current.val('ahex', color.active.val('ahex'));\n        function attachIFrame () {\n          if (!settings.window.expandable || $.support.boxModel) return;\n          const table = container.find('table:first');\n          container.before('<iframe/>');\n          container.prev().css({width: table.width(), height: container.height(), opacity: 0, position: 'absolute', left: container.css('left'), top: container.css('top')});\n        }\n        if (settings.window.expandable) {\n          $(document.body).children('div.jPicker.Container').css({zIndex: 10});\n          container.css({zIndex: 20});\n        }\n        switch (settings.window.effects.type) {\n        case 'fade':\n          container.fadeIn(settings.window.effects.speed.show, attachIFrame);\n          break;\n        case 'slide':\n          container.slideDown(settings.window.effects.speed.show, attachIFrame);\n          break;\n        case 'show':\n        default:\n          container.show(settings.window.effects.speed.show, attachIFrame);\n          break;\n        }\n      }\n      function hide () {\n        function removeIFrame () {\n          if (settings.window.expandable) container.css({ zIndex: 10 });\n          if (!settings.window.expandable || $.support.boxModel) return;\n          container.prev().remove();\n        }\n        switch (settings.window.effects.type) {\n        case 'fade':\n          container.fadeOut(settings.window.effects.speed.hide, removeIFrame);\n          break;\n        case 'slide':\n          container.slideUp(settings.window.effects.speed.hide, removeIFrame);\n          break;\n        case 'show':\n        default:\n          container.hide(settings.window.effects.speed.hide, removeIFrame);\n          break;\n        }\n      }\n      function initialize () {\n        const win = settings.window,\n          popup = win.expandable ? $($this).next().find('.Container:first') : null;\n        container = win.expandable ? $('<div/>') : $($this);\n        container.addClass('jPicker Container');\n        if (win.expandable) container.hide();\n        container.get(0).onselectstart = function (event) { if (event.target.nodeName.toLowerCase() !== 'input') return false; };\n        // inject html source code - we are using a single table for this control - I know tables are considered bad, but it takes care of equal height columns and\n        // this control really is tabular data, so I believe it is the right move\n        const all = color.active.val('all');\n        if (win.alphaPrecision < 0) win.alphaPrecision = 0;\n        else if (win.alphaPrecision > 2) win.alphaPrecision = 2;\n        const controlHtml = '<table class=\"jPicker\" cellpadding=\"0\" cellspacing=\"0\"><tbody>' + (win.expandable ? '<tr><td class=\"Move\" colspan=\"5\">&nbsp;</td></tr>' : '') + '<tr><td rowspan=\"9\"><h2 class=\"Title\">' + (win.title || localization.text.title) + '</h2><div class=\"Map\"><span class=\"Map1\">&nbsp;</span><span class=\"Map2\">&nbsp;</span><span class=\"Map3\">&nbsp;</span><img src=\"' + images.clientPath + images.colorMap.arrow.file + '\" class=\"Arrow\"/></div></td><td rowspan=\"9\"><div class=\"Bar\"><span class=\"Map1\">&nbsp;</span><span class=\"Map2\">&nbsp;</span><span class=\"Map3\">&nbsp;</span><span class=\"Map4\">&nbsp;</span><span class=\"Map5\">&nbsp;</span><span class=\"Map6\">&nbsp;</span><img src=\"' + images.clientPath + images.colorBar.arrow.file + '\" class=\"Arrow\"/></div></td><td colspan=\"2\" class=\"Preview\">' + localization.text.newColor + '<div><span class=\"Active\" title=\"' + localization.tooltips.colors.newColor + '\">&nbsp;</span><span class=\"Current\" title=\"' + localization.tooltips.colors.currentColor + '\">&nbsp;</span></div>' + localization.text.currentColor + '</td><td rowspan=\"9\" class=\"Button\"><input type=\"button\" class=\"Ok\" value=\"' + localization.text.ok + '\" title=\"' + localization.tooltips.buttons.ok + '\"/><input type=\"button\" class=\"Cancel\" value=\"' + localization.text.cancel + '\" title=\"' + localization.tooltips.buttons.cancel + '\"/><hr/><div class=\"Grid\">&nbsp;</div></td></tr><tr class=\"Hue\"><td class=\"Radio\"><label title=\"' + localization.tooltips.hue.radio + '\"><input type=\"radio\" value=\"h\"' + (settings.color.mode === 'h' ? ' checked=\"checked\"' : '') + '/>H:</label></td><td class=\"Text\"><input type=\"text\" maxlength=\"3\" value=\"' + (all != null ? all.h : '') + '\" title=\"' + localization.tooltips.hue.textbox + '\"/>&nbsp;&deg;</td></tr><tr class=\"Saturation\"><td class=\"Radio\"><label title=\"' + localization.tooltips.saturation.radio + '\"><input type=\"radio\" value=\"s\"' + (settings.color.mode === 's' ? ' checked=\"checked\"' : '') + '/>S:</label></td><td class=\"Text\"><input type=\"text\" maxlength=\"3\" value=\"' + (all != null ? all.s : '') + '\" title=\"' + localization.tooltips.saturation.textbox + '\"/>&nbsp;%</td></tr><tr class=\"Value\"><td class=\"Radio\"><label title=\"' + localization.tooltips.value.radio + '\"><input type=\"radio\" value=\"v\"' + (settings.color.mode === 'v' ? ' checked=\"checked\"' : '') + '/>V:</label><br/><br/></td><td class=\"Text\"><input type=\"text\" maxlength=\"3\" value=\"' + (all != null ? all.v : '') + '\" title=\"' + localization.tooltips.value.textbox + '\"/>&nbsp;%<br/><br/></td></tr><tr class=\"Red\"><td class=\"Radio\"><label title=\"' + localization.tooltips.red.radio + '\"><input type=\"radio\" value=\"r\"' + (settings.color.mode === 'r' ? ' checked=\"checked\"' : '') + '/>R:</label></td><td class=\"Text\"><input type=\"text\" maxlength=\"3\" value=\"' + (all != null ? all.r : '') + '\" title=\"' + localization.tooltips.red.textbox + '\"/></td></tr><tr class=\"Green\"><td class=\"Radio\"><label title=\"' + localization.tooltips.green.radio + '\"><input type=\"radio\" value=\"g\"' + (settings.color.mode === 'g' ? ' checked=\"checked\"' : '') + '/>G:</label></td><td class=\"Text\"><input type=\"text\" maxlength=\"3\" value=\"' + (all != null ? all.g : '') + '\" title=\"' + localization.tooltips.green.textbox + '\"/></td></tr><tr class=\"Blue\"><td class=\"Radio\"><label title=\"' + localization.tooltips.blue.radio + '\"><input type=\"radio\" value=\"b\"' + (settings.color.mode === 'b' ? ' checked=\"checked\"' : '') + '/>B:</label></td><td class=\"Text\"><input type=\"text\" maxlength=\"3\" value=\"' + (all != null ? all.b : '') + '\" title=\"' + localization.tooltips.blue.textbox + '\"/></td></tr><tr class=\"Alpha\"><td class=\"Radio\">' + (win.alphaSupport ? '<label title=\"' + localization.tooltips.alpha.radio + '\"><input type=\"radio\" value=\"a\"' + (settings.color.mode === 'a' ? ' checked=\"checked\"' : '') + '/>A:</label>' : '&nbsp;') + '</td><td class=\"Text\">' + (win.alphaSupport ? '<input type=\"text\" maxlength=\"' + (3 + win.alphaPrecision) + '\" value=\"' + (all != null ? Math.precision((all.a * 100) / 255, win.alphaPrecision) : '') + '\" title=\"' + localization.tooltips.alpha.textbox + '\"/>&nbsp;%' : '&nbsp;') + '</td></tr><tr class=\"Hex\"><td colspan=\"2\" class=\"Text\"><label title=\"' + localization.tooltips.hex.textbox + '\">#:<input type=\"text\" maxlength=\"6\" class=\"Hex\" value=\"' + (all != null ? all.hex : '') + '\"/></label>' + (win.alphaSupport ? '<input type=\"text\" maxlength=\"2\" class=\"AHex\" value=\"' + (all != null ? all.ahex.substring(6) : '') + '\" title=\"' + localization.tooltips.hex.alpha + '\"/></td>' : '&nbsp;') + '</tr></tbody></table>';\n        if (win.expandable) {\n          container.html(controlHtml);\n          if (!$(document.body).children('div.jPicker.Container').length) {\n            $(document.body).prepend(container);\n          } else {\n            $(document.body).children('div.jPicker.Container:last').after(container);\n          }\n          container.mousedown(\n            function () {\n              $(document.body).children('div.jPicker.Container').css({zIndex: 10});\n              container.css({zIndex: 20});\n            });\n          container.css( // positions must be set and display set to absolute before source code injection or IE will size the container to fit the window\n            {\n              left:\n                win.position.x === 'left'\n                  ? (popup.offset().left - 530 - (win.position.y === 'center' ? 25 : 0)) + 'px'\n                  : win.position.x === 'center'\n                    ? (popup.offset().left - 260) + 'px'\n                    : win.position.x === 'right'\n                      ? (popup.offset().left - 10 + (win.position.y === 'center' ? 25 : 0)) + 'px'\n                      : win.position.x === 'screenCenter'\n                        ? (($(document).width() >> 1) - 260) + 'px'\n                        : (popup.offset().left + parseInt(win.position.x)) + 'px',\n              position: 'absolute',\n              top: win.position.y === 'top'\n                ? (popup.offset().top - 312) + 'px'\n                : win.position.y === 'center'\n                  ? (popup.offset().top - 156) + 'px'\n                  : win.position.y === 'bottom'\n                    ? (popup.offset().top + 25) + 'px'\n                    : (popup.offset().top + parseInt(win.position.y)) + 'px'\n            });\n        } else {\n          container = $($this);\n          container.html(controlHtml);\n        }\n        // initialize the objects to the source code just injected\n        const tbody = container.find('tbody:first');\n        colorMapDiv = tbody.find('div.Map:first');\n        colorBarDiv = tbody.find('div.Bar:first');\n        const MapMaps = colorMapDiv.find('span');\n        const BarMaps = colorBarDiv.find('span');\n        colorMapL1 = MapMaps.filter('.Map1:first');\n        colorMapL2 = MapMaps.filter('.Map2:first');\n        colorMapL3 = MapMaps.filter('.Map3:first');\n        colorBarL1 = BarMaps.filter('.Map1:first');\n        colorBarL2 = BarMaps.filter('.Map2:first');\n        colorBarL3 = BarMaps.filter('.Map3:first');\n        colorBarL4 = BarMaps.filter('.Map4:first');\n        colorBarL5 = BarMaps.filter('.Map5:first');\n        colorBarL6 = BarMaps.filter('.Map6:first');\n        // create color pickers and maps\n        colorMap = new Slider(colorMapDiv,\n          {\n            map: {\n              width: images.colorMap.width,\n              height: images.colorMap.height\n            },\n            arrow: {\n              image: images.clientPath + images.colorMap.arrow.file,\n              width: images.colorMap.arrow.width,\n              height: images.colorMap.arrow.height\n            }\n          }\n        );\n        colorMap.bind(mapValueChanged);\n        colorBar = new Slider(colorBarDiv,\n          {\n            map: {\n              width: images.colorBar.width,\n              height: images.colorBar.height\n            },\n            arrow: {\n              image: images.clientPath + images.colorBar.arrow.file,\n              width: images.colorBar.arrow.width,\n              height: images.colorBar.arrow.height\n            }\n          }\n        );\n        colorBar.bind(colorBarValueChanged);\n        colorPicker = new ColorValuePicker(\n          tbody,\n          color.active,\n          win.expandable && win.bindToInput ? win.input : null, win.alphaPrecision\n        );\n        const hex = all != null ? all.hex : null,\n          preview = tbody.find('.Preview'),\n          button = tbody.find('.Button');\n        activePreview = preview.find('.Active:first').css({ backgroundColor: (hex && '#' + hex) || 'transparent' });\n        currentPreview = preview.find('.Current:first').css({ backgroundColor: (hex && '#' + hex) || 'transparent' }).bind('click', currentClicked);\n        setAlpha.call($this, currentPreview, Math.precision(color.current.val('a') * 100) / 255, 4);\n        okButton = button.find('.Ok:first').bind('click', okClicked);\n        cancelButton = button.find('.Cancel:first').bind('click', cancelClicked);\n        grid = button.find('.Grid:first');\n        setTimeout(function () {\n          setImg.call($this, colorMapL1, images.clientPath + 'Maps.png');\n          setImg.call($this, colorMapL2, images.clientPath + 'Maps.png');\n          setImg.call($this, colorMapL3, images.clientPath + 'map-opacity.png');\n          setImg.call($this, colorBarL1, images.clientPath + 'Bars.png');\n          setImg.call($this, colorBarL2, images.clientPath + 'Bars.png');\n          setImg.call($this, colorBarL3, images.clientPath + 'Bars.png');\n          setImg.call($this, colorBarL4, images.clientPath + 'Bars.png');\n          setImg.call($this, colorBarL5, images.clientPath + 'bar-opacity.png');\n          setImg.call($this, colorBarL6, images.clientPath + 'AlphaBar.png');\n          setImg.call($this, preview.find('div:first'), images.clientPath + 'preview-opacity.png');\n        }, 0);\n        tbody.find('td.Radio input').bind('click', radioClicked);\n        // initialize quick list\n        if (color.quickList && color.quickList.length > 0) {\n          let html = '';\n          for (let i = 0; i < color.quickList.length; i++) {\n            /* if default colors are hex strings, change them to color objects */\n            if ((typeof (color.quickList[i])).toString().toLowerCase() === 'string') color.quickList[i] = new Color({ hex: color.quickList[i] });\n            const alpha = color.quickList[i].val('a');\n            let ahex = color.quickList[i].val('ahex');\n            if (!win.alphaSupport && ahex) ahex = ahex.substring(0, 6) + 'ff';\n            const quickHex = color.quickList[i].val('hex');\n            if (!ahex) ahex = '00000000';\n            html += '<span class=\"QuickColor\"' + ((ahex && ' title=\"#' + ahex + '\"') || 'none') + ' style=\"background-color:' + ((quickHex && '#' + quickHex) || '') + ';' + (quickHex ? '' : 'background-image:url(' + images.clientPath + 'NoColor.png)') + (win.alphaSupport && alpha && alpha < 255 ? ';opacity:' + Math.precision(alpha / 255, 4) + ';filter:Alpha(opacity=' + Math.precision(alpha / 2.55, 4) + ')' : '') + '\">&nbsp;</span>';\n          }\n          setImg.call($this, grid, images.clientPath + 'bar-opacity.png');\n          grid.html(html);\n          grid.find('.QuickColor').click(quickPickClicked);\n        }\n        setColorMode.call($this, settings.color.mode);\n        color.active.bind(activeColorChanged);\n        typeof liveCallback === 'function' && color.active.bind(liveCallback);\n        color.current.bind(currentColorChanged);\n        // bind to input\n        if (win.expandable) {\n          $this.icon = popup.parents('.Icon:first');\n          iconColor = $this.icon.find('.Color:first').css({ backgroundColor: (hex && '#' + hex) || 'transparent' });\n          iconAlpha = $this.icon.find('.Alpha:first');\n          setImg.call($this, iconAlpha, images.clientPath + 'bar-opacity.png');\n          setAlpha.call($this, iconAlpha, Math.precision(((255 - (all != null ? all.a : 0)) * 100) / 255, 4));\n          iconImage = $this.icon.find('.Image:first').css({\n            backgroundImage: 'url(\\'' + images.clientPath + images.picker.file + '\\')'\n          }).bind('click', iconImageClicked);\n          if (win.bindToInput && win.updateInputColor) {\n            win.input.css({\n              backgroundColor: (hex && '#' + hex) || 'transparent',\n              color: all == null || all.v > 75 ? '#000000' : '#ffffff'\n            });\n          }\n          moveBar = tbody.find('.Move:first').bind('mousedown', moveBarMouseDown);\n          color.active.bind(expandableColorChanged);\n        } else show.call($this);\n      }\n      function destroy () {\n        container.find('td.Radio input').unbind('click', radioClicked);\n        currentPreview.unbind('click', currentClicked);\n        cancelButton.unbind('click', cancelClicked);\n        okButton.unbind('click', okClicked);\n        if (settings.window.expandable) {\n          iconImage.unbind('click', iconImageClicked);\n          moveBar.unbind('mousedown', moveBarMouseDown);\n          $this.icon = null;\n        }\n        container.find('.QuickColor').unbind('click', quickPickClicked);\n        colorMapDiv = null;\n        colorBarDiv = null;\n        colorMapL1 = null;\n        colorMapL2 = null;\n        colorMapL3 = null;\n        colorBarL1 = null;\n        colorBarL2 = null;\n        colorBarL3 = null;\n        colorBarL4 = null;\n        colorBarL5 = null;\n        colorBarL6 = null;\n        colorMap.destroy();\n        colorMap = null;\n        colorBar.destroy();\n        colorBar = null;\n        colorPicker.destroy();\n        colorPicker = null;\n        activePreview = null;\n        currentPreview = null;\n        okButton = null;\n        cancelButton = null;\n        grid = null;\n        commitCallback = null;\n        cancelCallback = null;\n        liveCallback = null;\n        container.html('');\n        for (let i = 0; i < List.length; i++) {\n          if (List[i] === $this) {\n            List.splice(i, 1);\n          }\n        }\n      }\n      const {images, localization} = settings; // local copies for YUI compressor\n      const color = {\n        active: (typeof settings.color.active).toString().toLowerCase() === 'string'\n          ? new Color({ahex: !settings.window.alphaSupport && settings.color.active\n            ? settings.color.active.substring(0, 6) + 'ff'\n            : settings.color.active\n          })\n          : new Color({ahex: !settings.window.alphaSupport &&\n              settings.color.active.val('ahex')\n            ? settings.color.active.val('ahex').substring(0, 6) + 'ff'\n            : settings.color.active.val('ahex')\n          }),\n        current: (typeof settings.color.active).toString().toLowerCase() === 'string'\n          ? new Color({ahex: !settings.window.alphaSupport && settings.color.active\n            ? settings.color.active.substring(0, 6) + 'ff'\n            : settings.color.active})\n          : new Color({ahex: !settings.window.alphaSupport &&\n              settings.color.active.val('ahex')\n            ? settings.color.active.val('ahex').substring(0, 6) + 'ff'\n            : settings.color.active.val('ahex')\n          }),\n        quickList: settings.color.quickList\n      };\n\n      let elementStartX = null, // Used to record the starting css positions for dragging the control\n        elementStartY = null,\n        pageStartX = null, // Used to record the mousedown coordinates for dragging the control\n        pageStartY = null,\n        container = null,\n        colorMapDiv = null,\n        colorBarDiv = null,\n        colorMapL1 = null, // different layers of colorMap and colorBar\n        colorMapL2 = null,\n        colorMapL3 = null,\n        colorBarL1 = null,\n        colorBarL2 = null,\n        colorBarL3 = null,\n        colorBarL4 = null,\n        colorBarL5 = null,\n        colorBarL6 = null,\n        colorMap = null, // color maps\n        colorBar = null,\n        colorPicker = null,\n        activePreview = null, // color boxes above the radio buttons\n        currentPreview = null,\n        okButton = null,\n        cancelButton = null,\n        grid = null, // preset colors grid\n        iconColor = null, // iconColor for popup icon\n        iconAlpha = null, // iconAlpha for popup icon\n        iconImage = null, // iconImage popup icon\n        moveBar = null, // drag bar\n        commitCallback = typeof $arguments[1] === 'function' ? $arguments[1] : null,\n        liveCallback = typeof $arguments[2] === 'function' ? $arguments[2] : null,\n        cancelCallback = typeof $arguments[3] === 'function' ? $arguments[3] : null;\n\n      $.extend(true, $this, {\n        // public properties, methods, and callbacks\n        commitCallback, // commitCallback function can be overridden to return the selected color to a method you specify when the user clicks \"OK\"\n        liveCallback, // liveCallback function can be overridden to return the selected color to a method you specify in live mode (continuous update)\n        cancelCallback, // cancelCallback function can be overridden to a method you specify when the user clicks \"Cancel\"\n        color,\n        show,\n        hide,\n        destroy // destroys this control entirely, removing all events and objects, and removing itself from the List\n      });\n      List.push($this);\n      setTimeout(function () {\n        initialize.call($this);\n      }, 0);\n    });\n  };\n  /**\n  * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsIconInfo\n  * @property {string} file Color Map/Color Bar/Color Picker arrow icon\n  * @property {Float} width\n  * @property {Float} height\n  */\n  /**\n  * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsImagesDimensionsArrow\n  * @property {Float} width\n  * @property {Float} height\n  * @property {external:jQuery.fn.jPickerOptionsIconInfo} arrow\n  */\n  /**\n  * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsRadioTextboxLocale\n  * @property {string} radio\n  * @property {string} textbox\n  */\n  /**\n  * @typedef {PlainObject} external:jQuery.fn.jPickerOptions\n  * @property {PlainObject} window\n  * @property {string|null} window.title Any title for the jPicker window itself - displays\n  * \"Drag Markers To Pick A Color\" if left null\n  * @property {PlainObject} window.effects\n  * @property {\"slide\"|\"show\"|\"fade\"} window.effects.type Effect used to show/hide an expandable picker\n  * @property {PlainObject} window.effects.speed\n  * @property {\"fast\"|\"slow\"|Float} window.effects.speed.show Duration of \"show\" effect. Time in milliseconds.\n  * @property {\"fast\"|\"slow\"|Float} window.effects.speed.hide Duration of \"hide\" effect. Time in milliseconds\n  * @property {PlainObject} window.position\n  * @property {\"left\"|\"center\"|\"right\"|\"screenCenter\"|Float} window.position.x Relative px value\n  * @property {\"top\"|\"bottom\"|\"center\"|Float} window.position.y Relative px value\n  * @property {boolean} window.expandable Defaults to large static picker - set to `true` to make an expandable\n  * picker (small icon with popup) - set automatically when binded to input element\n  * @property {boolean} window.liveUpdate Set `false` if you want the user to have to click \"OK\" before the\n  * binded input box updates values (always `true` for expandable picker)\n  * @property {boolean} window.alphaSupport Set to `true` to enable alpha picking\n  * @property {Float} window.alphaPrecision Set decimal precision for alpha percentage display - hex codes do\n  * not map directly to percentage integers - range 0-2\n  * @property {boolean} window.updateInputColor Set to `false` to prevent binded input colors from changing\n  * @property {PlainObject} color\n  * @property {\"h\"|\"s\"|\"v\"|\"r\"|\"g\"|\"b\"|\"a\"} color.mode Symbols stand for \"h\" (hue), \"s\" (saturation), \"v\" (value), \"r\" (red), \"g\" (green), \"b\" (blue), \"a\" (alpha)\n  * @property {Color|string} color.active Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the \"#\" prefix\n  * @property {Color[]|string[]} color.quickList The quick pick color list\n  * Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the \"#\" prefix\n  * @property {PlainObject} images\n  * @property {string} images.clientPath Path to image files\n  * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorMap\n  * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorBar\n  * @property {external:jQuery.fn.jPickerOptionsIconInfo} images.picker\n  * @property {PlainObject} localization alter these to change the text presented by the picker (e.g. different language)\n  * @property {PlainObject} localization.text\n  * @property {string} localization.text.title\n  * @property {string} localization.text.newColor\n  * @property {string} localization.text.currentColor\n  * @property {string} localization.text.ok\n  * @property {string} localization.text.cancel\n  * @property {PlainObject} localization.tooltips\n  * @property {PlainObject} localization.tooltips.colors\n  * @property {string} localization.tooltips.colors.newColor\n  * @property {string} localization.tooltips.colors.currentColor\n  * @property {PlainObject} localization.tooltips.buttons\n  * @property {string} localization.tooltips.buttons.ok\n  * @property {string} localization.tooltips.buttons.cancel\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.hue\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.saturation\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.value\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.red\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.green\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.blue\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.alpha\n  * @property {PlainObject} localization.tooltips.hex\n  * @property {string} localization.tooltips.hex.textbox\n  * @property {string} localization.tooltips.hex.alpha\n  */\n  /**\n  * jPicker defaults - you can change anything in this section (such as the\n  * clientPath to your images) without fear of breaking the program\n  * @namespace {external:jQuery.fn.jPickerOptions} defaults\n  * @memberof external:jQuery.fn.$.fn.jPicker\n  * @borrows external:jQuery.fn.jPickerOptions as external:jQuery.fn.jPicker.defaults\n  * @see Source for all of the values\n  */\n  $.fn.jPicker.defaults = {\n    window: {\n      title: null,\n      effects: {\n        type: 'slide',\n        speed: {\n          show: 'slow',\n          hide: 'fast'\n        }\n      },\n      position: {\n        x: 'screenCenter',\n        y: 'top'\n      },\n      expandable: false,\n      liveUpdate: true,\n      alphaSupport: false,\n      alphaPrecision: 0,\n      updateInputColor: true\n    },\n    color: {\n      mode: 'h',\n      active: new Color({ahex: '#ffcc00ff'}),\n      quickList: [\n        new Color({ h: 360, s: 33, v: 100 }),\n        new Color({ h: 360, s: 66, v: 100 }),\n        new Color({ h: 360, s: 100, v: 100 }),\n        new Color({ h: 360, s: 100, v: 75 }),\n        new Color({ h: 360, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 100 }),\n        new Color({ h: 30, s: 33, v: 100 }),\n        new Color({ h: 30, s: 66, v: 100 }),\n        new Color({ h: 30, s: 100, v: 100 }),\n        new Color({ h: 30, s: 100, v: 75 }),\n        new Color({ h: 30, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 90 }),\n        new Color({ h: 60, s: 33, v: 100 }),\n        new Color({ h: 60, s: 66, v: 100 }),\n        new Color({ h: 60, s: 100, v: 100 }),\n        new Color({ h: 60, s: 100, v: 75 }),\n        new Color({ h: 60, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 80 }),\n        new Color({ h: 90, s: 33, v: 100 }),\n        new Color({ h: 90, s: 66, v: 100 }),\n        new Color({ h: 90, s: 100, v: 100 }),\n        new Color({ h: 90, s: 100, v: 75 }),\n        new Color({ h: 90, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 70 }),\n        new Color({ h: 120, s: 33, v: 100 }),\n        new Color({ h: 120, s: 66, v: 100 }),\n        new Color({ h: 120, s: 100, v: 100 }),\n        new Color({ h: 120, s: 100, v: 75 }),\n        new Color({ h: 120, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 60 }),\n        new Color({ h: 150, s: 33, v: 100 }),\n        new Color({ h: 150, s: 66, v: 100 }),\n        new Color({ h: 150, s: 100, v: 100 }),\n        new Color({ h: 150, s: 100, v: 75 }),\n        new Color({ h: 150, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 50 }),\n        new Color({ h: 180, s: 33, v: 100 }),\n        new Color({ h: 180, s: 66, v: 100 }),\n        new Color({ h: 180, s: 100, v: 100 }),\n        new Color({ h: 180, s: 100, v: 75 }),\n        new Color({ h: 180, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 40 }),\n        new Color({ h: 210, s: 33, v: 100 }),\n        new Color({ h: 210, s: 66, v: 100 }),\n        new Color({ h: 210, s: 100, v: 100 }),\n        new Color({ h: 210, s: 100, v: 75 }),\n        new Color({ h: 210, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 30 }),\n        new Color({ h: 240, s: 33, v: 100 }),\n        new Color({ h: 240, s: 66, v: 100 }),\n        new Color({ h: 240, s: 100, v: 100 }),\n        new Color({ h: 240, s: 100, v: 75 }),\n        new Color({ h: 240, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 20 }),\n        new Color({ h: 270, s: 33, v: 100 }),\n        new Color({ h: 270, s: 66, v: 100 }),\n        new Color({ h: 270, s: 100, v: 100 }),\n        new Color({ h: 270, s: 100, v: 75 }),\n        new Color({ h: 270, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 10 }),\n        new Color({ h: 300, s: 33, v: 100 }),\n        new Color({ h: 300, s: 66, v: 100 }),\n        new Color({ h: 300, s: 100, v: 100 }),\n        new Color({ h: 300, s: 100, v: 75 }),\n        new Color({ h: 300, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 0 }),\n        new Color({ h: 330, s: 33, v: 100 }),\n        new Color({ h: 330, s: 66, v: 100 }),\n        new Color({ h: 330, s: 100, v: 100 }),\n        new Color({ h: 330, s: 100, v: 75 }),\n        new Color({ h: 330, s: 100, v: 50 }),\n        new Color()\n      ]\n    },\n    images: {\n      clientPath: '/jPicker/images/',\n      colorMap: {\n        width: 256,\n        height: 256,\n        arrow: {\n          file: 'mappoint.gif',\n          width: 15,\n          height: 15\n        }\n      },\n      colorBar: {\n        width: 20,\n        height: 256,\n        arrow: {\n          file: 'rangearrows.gif',\n          width: 20,\n          height: 7\n        }\n      },\n      picker: {\n        file: 'picker.gif',\n        width: 25,\n        height: 24\n      }\n    },\n    localization: {\n      text: {\n        title: 'Drag Markers To Pick A Color',\n        newColor: 'new',\n        currentColor: 'current',\n        ok: 'OK',\n        cancel: 'Cancel'\n      },\n      tooltips: {\n        colors: {\n          newColor: 'New Color - Press &ldquo;OK&rdquo; To Commit',\n          currentColor: 'Click To Revert To Original Color'\n        },\n        buttons: {\n          ok: 'Commit To This Color Selection',\n          cancel: 'Cancel And Revert To Original Color'\n        },\n        hue: {\n          radio: 'Set To &ldquo;Hue&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Hue&rdquo; Value (0-360&deg;)'\n        },\n        saturation: {\n          radio: 'Set To &ldquo;Saturation&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Saturation&rdquo; Value (0-100%)'\n        },\n        value: {\n          radio: 'Set To &ldquo;Value&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Value&rdquo; Value (0-100%)'\n        },\n        red: {\n          radio: 'Set To &ldquo;Red&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Red&rdquo; Value (0-255)'\n        },\n        green: {\n          radio: 'Set To &ldquo;Green&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Green&rdquo; Value (0-255)'\n        },\n        blue: {\n          radio: 'Set To &ldquo;Blue&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Blue&rdquo; Value (0-255)'\n        },\n        alpha: {\n          radio: 'Set To &ldquo;Alpha&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Alpha&rdquo; Value (0-100)'\n        },\n        hex: {\n          textbox: 'Enter A &ldquo;Hex&rdquo; Color Value (#000000-#ffffff)',\n          alpha: 'Enter A &ldquo;Alpha&rdquo; Value (#00-#ff)'\n        }\n      }\n    }\n  };\n  return $;\n};\n\nexport default jPicker;\n","/* globals jQuery */\n/**\n * Localizing script for SVG-edit UI\n * @module locale\n * @license MIT\n *\n * @copyright 2010 Narendra Sisodya\n * @copyright 2010 Alexis Deveria\n *\n */\n\n/**\n * Used, for example, in the ImageLibs extension, to present libraries (with name/URL/description) in order\n * @typedef {GenericArray.<module:locale.LocaleStrings>} module:locale.LocaleArray\n*/\n/**\n * The string keys of the object are two-letter language codes\n * @tutorial LocaleDocs\n * @typedef {PlainObject.<string, string|module:locale.LocaleStrings|module:locale.LocaleArray>} module:locale.LocaleStrings\n */\n// keyed to an array of objects with \"id\" and \"title\" or \"textContent\" properties\n/**\n * @typedef {PlainObject.<string, string>} module:locale.LocaleSelectorValue\n */\n\nimport {importSetGlobalDefault} from '../external/dynamic-import-polyfill/importModule.js';\n\nconst $ = jQuery;\n\nlet langParam;\n\n/**\n* @param {\"content\"|\"title\"} type\n* @param {module:locale.LocaleSelectorValue} obj\n* @param {boolean} ids\n* @returns {undefined}\n*/\nexport const setStrings = function (type, obj, ids) {\n  // Root element to look for element from\n  const parent = $('#svg_editor').parent();\n  Object.entries(obj).forEach(([sel, val]) => {\n    if (!val) { console.log(sel); }\n\n    if (ids) { sel = '#' + sel; }\n    const $elem = parent.find(sel);\n    if ($elem.length) {\n      const elem = parent.find(sel)[0];\n\n      switch (type) {\n      case 'content':\n        for (let i = 0, node; (node = elem.childNodes[i]); i++) {\n          if (node.nodeType === 3 && node.textContent.trim()) {\n            node.textContent = val;\n            break;\n          }\n        }\n        break;\n\n      case 'title':\n        elem.title = val;\n        break;\n      }\n    } else {\n      console.log('Missing: ' + sel);\n    }\n  });\n};\n\n/**\n* The \"data\" property is generally set to an an array of objects with\n* \"id\" and \"title\" or \"textContent\" properties\n* @typedef {PlainObject} module:locale.AddLangExtensionLocaleData\n* @property {module:locale.LocaleStrings[]} data See {@tutorial LocaleDocs}\n*/\n\n/**\n* @interface module:locale.LocaleEditorInit\n*/\n/**\n * @function module:locale.LocaleEditorInit#addLangData\n * @param {string} langParam\n * @returns {module:locale.AddLangExtensionLocaleData}\n*/\n\nlet editor_;\n/**\n* @function init\n* @memberof module:locale\n* @param {module:locale.LocaleEditorInit} editor\n* @returns {undefined}\n*/\nexport const init = (editor) => {\n  editor_ = editor;\n};\n\n/**\n* @typedef {PlainObject} module:locale.LangAndData\n* @property {string} langParam\n* @property {module:locale.LocaleStrings} langData\n*/\n\n/**\n* @function module:locale.readLang\n* @param {module:locale.LocaleStrings} langData See {@tutorial LocaleDocs}\n* @fires module:svgcanvas.SvgCanvas#event:ext-addLangData\n* @returns {Promise} Resolves to [`LangAndData`]{@link module:locale.LangAndData}\n*/\nexport const readLang = async function (langData) {\n  const more = await editor_.addLangData(langParam);\n  $.each(more, function (i, m) {\n    if (m.data) {\n      langData = $.merge(langData, m.data);\n    }\n  });\n\n  // Old locale file, do nothing for now.\n  if (!langData.tools) { return; }\n\n  const {\n    tools,\n    // misc,\n    properties, config, layers, common, ui\n  } = langData;\n\n  setStrings('content', {\n    // copyrightLabel: misc.powered_by, // Currently commented out in svg-editor.html\n    curve_segments: properties.curve_segments,\n    fitToContent: tools.fitToContent,\n    fit_to_all: tools.fit_to_all,\n    fit_to_canvas: tools.fit_to_canvas,\n    fit_to_layer_content: tools.fit_to_layer_content,\n    fit_to_sel: tools.fit_to_sel,\n\n    icon_large: config.icon_large,\n    icon_medium: config.icon_medium,\n    icon_small: config.icon_small,\n    icon_xlarge: config.icon_xlarge,\n    image_opt_embed: config.image_opt_embed,\n    image_opt_ref: config.image_opt_ref,\n    includedImages: config.included_images,\n\n    largest_object: tools.largest_object,\n\n    layersLabel: layers.layers,\n    page: tools.page,\n    relativeToLabel: tools.relativeTo,\n    selLayerLabel: layers.move_elems_to,\n    selectedPredefined: config.select_predefined,\n\n    selected_objects: tools.selected_objects,\n    smallest_object: tools.smallest_object,\n    straight_segments: properties.straight_segments,\n\n    svginfo_bg_url: config.editor_img_url + ':',\n    svginfo_bg_note: config.editor_bg_note,\n    svginfo_change_background: config.background,\n    svginfo_dim: config.doc_dims,\n    svginfo_editor_prefs: config.editor_prefs,\n    svginfo_height: common.height,\n    svginfo_icons: config.icon_size,\n    svginfo_image_props: config.image_props,\n    svginfo_lang: config.language,\n    svginfo_title: config.doc_title,\n    svginfo_width: common.width,\n\n    tool_docprops_cancel: common.cancel,\n    tool_docprops_save: common.ok,\n\n    tool_source_cancel: common.cancel,\n    tool_source_save: common.ok,\n\n    tool_prefs_cancel: common.cancel,\n    tool_prefs_save: common.ok,\n\n    sidepanel_handle: layers.layers.split('').join(' '),\n\n    tool_clear: tools.new_doc,\n    tool_docprops: tools.docprops,\n    tool_export: tools.export_img,\n    tool_import: tools.import_doc,\n    tool_open: tools.open_doc,\n    tool_save: tools.save_doc,\n\n    svginfo_units_rulers: config.units_and_rulers,\n    svginfo_rulers_onoff: config.show_rulers,\n    svginfo_unit: config.base_unit,\n\n    svginfo_grid_settings: config.grid,\n    svginfo_snap_onoff: config.snapping_onoff,\n    svginfo_snap_step: config.snapping_stepsize,\n    svginfo_grid_color: config.grid_color\n  }, true);\n\n  // Context menus\n  const opts = {};\n  $.each(['cut', 'copy', 'paste', 'paste_in_place', 'delete', 'group', 'ungroup', 'move_front', 'move_up', 'move_down', 'move_back'], function () {\n    opts['#cmenu_canvas a[href=\"#' + this + '\"]'] = tools[this];\n  });\n\n  $.each(['dupe', 'merge_down', 'merge_all'], function () {\n    opts['#cmenu_layers a[href=\"#' + this + '\"]'] = layers[this];\n  });\n\n  opts['#cmenu_layers a[href=\"#delete\"]'] = layers.del;\n\n  setStrings('content', opts);\n\n  setStrings('title', {\n    align_relative_to: tools.align_relative_to,\n    circle_cx: properties.circle_cx,\n    circle_cy: properties.circle_cy,\n    circle_r: properties.circle_r,\n    cornerRadiusLabel: properties.corner_radius,\n    ellipse_cx: properties.ellipse_cx,\n    ellipse_cy: properties.ellipse_cy,\n    ellipse_rx: properties.ellipse_rx,\n    ellipse_ry: properties.ellipse_ry,\n    fill_color: properties.fill_color,\n    font_family: properties.font_family,\n    idLabel: properties.id,\n    image_height: properties.image_height,\n    image_url: properties.image_url,\n    image_width: properties.image_width,\n    layer_delete: layers.del,\n    layer_down: layers.move_down,\n    layer_new: layers['new'],\n    layer_rename: layers.rename,\n    layer_moreopts: common.more_opts,\n    layer_up: layers.move_up,\n    line_x1: properties.line_x1,\n    line_x2: properties.line_x2,\n    line_y1: properties.line_y1,\n    line_y2: properties.line_y2,\n    linecap_butt: properties.linecap_butt,\n    linecap_round: properties.linecap_round,\n    linecap_square: properties.linecap_square,\n    linejoin_bevel: properties.linejoin_bevel,\n    linejoin_miter: properties.linejoin_miter,\n    linejoin_round: properties.linejoin_round,\n    main_icon: tools.main_menu,\n    palette: ui.palette_info,\n    zoom_panel: ui.zoom_level,\n    path_node_x: properties.node_x,\n    path_node_y: properties.node_y,\n    rect_height_tool: properties.rect_height,\n    rect_width_tool: properties.rect_width,\n    seg_type: properties.seg_type,\n    selLayerNames: layers.move_selected,\n    selected_x: properties.pos_x,\n    selected_y: properties.pos_y,\n    stroke_color: properties.stroke_color,\n    stroke_style: properties.stroke_style,\n    stroke_width: properties.stroke_width,\n    svginfo_title: config.doc_title,\n    text: properties.text_contents,\n    toggle_stroke_tools: ui.toggle_stroke_tools,\n    tool_add_subpath: tools.add_subpath,\n    tool_alignbottom: tools.align_bottom,\n    tool_aligncenter: tools.align_center,\n    tool_alignleft: tools.align_left,\n    tool_alignmiddle: tools.align_middle,\n    tool_alignright: tools.align_right,\n    tool_aligntop: tools.align_top,\n    tool_angle: properties.angle,\n    tool_blur: properties.blur,\n    tool_bold: properties.bold,\n    tool_circle: tools.mode_circle,\n    tool_clone: tools.clone,\n    tool_clone_multi: tools.clone,\n    tool_delete: tools.del,\n    tool_delete_multi: tools.del,\n    tool_ellipse: tools.mode_ellipse,\n    tool_fhellipse: tools.mode_fhellipse,\n    tool_fhpath: tools.mode_fhpath,\n    tool_fhrect: tools.mode_fhrect,\n    tool_font_size: properties.font_size,\n    tool_group_elements: tools.group_elements,\n    tool_make_link: tools.make_link,\n    tool_link_url: tools.set_link_url,\n    tool_image: tools.mode_image,\n    tool_italic: properties.italic,\n    tool_line: tools.mode_line,\n    tool_move_bottom: tools.move_bottom,\n    tool_move_top: tools.move_top,\n    tool_node_clone: tools.node_clone,\n    tool_node_delete: tools.node_delete,\n    tool_node_link: tools.node_link,\n    tool_opacity: properties.opacity,\n    tool_openclose_path: tools.openclose_path,\n    tool_path: tools.mode_path,\n    tool_position: tools.align_to_page,\n    tool_rect: tools.mode_rect,\n    tool_redo: tools.redo,\n    tool_reorient: tools.reorient_path,\n    tool_select: tools.mode_select,\n    tool_source: tools.source_save,\n    tool_square: tools.mode_square,\n    tool_text: tools.mode_text,\n    tool_topath: tools.to_path,\n    tool_undo: tools.undo,\n    tool_ungroup: tools.ungroup,\n    tool_wireframe: tools.wireframe_mode,\n    tool_zoom: tools.mode_zoom,\n    url_notice: tools.no_embed\n\n  }, true);\n\n  return {langParam, langData};\n};\n\n/**\n* @function module:locale.putLocale\n* @param {string} givenParam\n* @param {string[]} goodLangs\n* @param {{langPath: string}} conf\n* @fires module:svgcanvas.SvgCanvas#event:ext-addLangData\n* @fires module:svgcanvas.SvgCanvas#event:ext-langReady\n* @fires module:svgcanvas.SvgCanvas#event:ext-langChanged\n* @returns {Promise} Resolves to result of {@link module:locale.readLang}\n*/\nexport const putLocale = async function (givenParam, goodLangs, conf) {\n  if (givenParam) {\n    langParam = givenParam;\n  } else {\n    langParam = $.pref('lang');\n    if (!langParam) {\n      if (navigator.userLanguage) { // Explorer\n        langParam = navigator.userLanguage;\n      } else if (navigator.language) { // FF, Opera, ...\n        langParam = navigator.language;\n      }\n    }\n\n    console.log('Lang: ' + langParam);\n\n    // Set to English if language is not in list of good langs\n    if (!goodLangs.includes(langParam) && langParam !== 'test') {\n      langParam = 'en';\n    }\n\n    // don't bother on first run if language is English\n    // The following line prevents setLang from running\n    //    extensions which depend on updated uiStrings,\n    //    so commenting it out.\n    // if (langParam.startsWith('en')) {return;}\n  }\n\n  const url = conf.langPath + 'lang.' + langParam + '.js';\n  return readLang(\n    // Todo: Replace this with `return import(url);` when\n    //   `import()` widely supported\n    await importSetGlobalDefault(url, {\n      global: 'svgEditorLang_' + langParam.replace(/-/g, '_')\n    })\n  );\n};\n","function loadStylesheets(stylesheets, {\n    before: beforeDefault, after: afterDefault, favicon: faviconDefault,\n    canvas: canvasDefault, image: imageDefault = true,\n    acceptErrors\n} = {}) {\n    stylesheets = Array.isArray(stylesheets) ? stylesheets : [stylesheets];\n\n    function setupLink(stylesheetURL) {\n        let options = {};\n        if (Array.isArray(stylesheetURL)) {\n            [stylesheetURL, options = {}] = stylesheetURL;\n        }\n        let { favicon = faviconDefault } = options;\n        const {\n            before = beforeDefault,\n            after = afterDefault,\n            canvas = canvasDefault,\n            image = imageDefault\n        } = options;\n        function addLink() {\n            if (before) {\n                before.before(link);\n            } else if (after) {\n                after.after(link);\n            } else {\n                document.head.appendChild(link);\n            }\n        }\n\n        const link = document.createElement('link');\n        return new Promise((resolve, reject) => {\n            let rej = reject;\n            if (acceptErrors) {\n                rej = typeof acceptErrors === 'function' ? error => {\n                    acceptErrors({ error, stylesheetURL, options, resolve, reject });\n                } : resolve;\n            }\n            if (stylesheetURL.endsWith('.css')) {\n                favicon = false;\n            } else if (stylesheetURL.endsWith('.ico')) {\n                favicon = true;\n            }\n            if (favicon) {\n                link.rel = 'shortcut icon';\n                link.type = 'image/x-icon';\n\n                if (image === false) {\n                    link.href = stylesheetURL;\n                    addLink();\n                    resolve(link);\n                    return;\n                }\n\n                const cnv = document.createElement('canvas');\n                cnv.width = 16;\n                cnv.height = 16;\n                const context = cnv.getContext('2d');\n                const img = document.createElement('img');\n                img.addEventListener('error', error => {\n                    reject(error);\n                });\n                img.addEventListener('load', () => {\n                    context.drawImage(img, 0, 0);\n                    link.href = canvas ? cnv.toDataURL('image/x-icon') : stylesheetURL;\n                    addLink();\n                    resolve(link);\n                });\n                img.src = stylesheetURL;\n                return;\n            }\n            link.rel = 'stylesheet';\n            link.type = 'text/css';\n            link.href = stylesheetURL;\n            addLink();\n            link.addEventListener('error', error => {\n                rej(error);\n            });\n            link.addEventListener('load', () => {\n                resolve(link);\n            });\n        });\n    }\n\n    return Promise.all(stylesheets.map(setupLink));\n}\n\nexport default loadStylesheets;\n","/* globals jQuery */\n\nimport './touch.js';\nimport {NS} from './namespaces.js';\nimport {isWebkit, isGecko, isIE, isMac, isTouch} from './browser.js';\nimport * as Utils from './utilities.js';\nimport {getTypeMap, convertUnit, isValidUnit} from './units.js';\nimport {\n  hasCustomHandler, getCustomHandler, injectExtendedContextMenuItemsIntoDom\n} from './contextmenu.js';\nimport {importSetGlobalDefault} from './external/dynamic-import-polyfill/importModule.js';\n\nimport SvgCanvas from './svgcanvas.js';\nimport Layer from './layer.js';\n\nimport jqPluginJSHotkeys from './js-hotkeys/jquery.hotkeys.min.js';\nimport jqPluginBBQ from './jquerybbq/jquery.bbq.min.js';\nimport jqPluginSVGIcons from './svgicons/jQuery.svgIcons.js';\nimport jqPluginJGraduate from './jgraduate/jQuery.jGraduate.js';\nimport jqPluginSpinBtn from './spinbtn/jQuery.SpinButton.js';\nimport jqPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`\nimport jqPluginContextMenu from './contextmenu/jQuery.contextMenu.js';\nimport jqPluginJPicker from './jgraduate/jQuery.jPicker.js';\nimport {\n  readLang, putLocale,\n  setStrings,\n  init as localeInit\n} from './locale/locale.js';\nimport loadStylesheets from './external/load-stylesheets/index-es.js';\n\n/**\n* The main module for the visual SVG Editor\n*\n* @license MIT\n*\n* @copyright 2010 Alexis Deveria\n* 2010 Pavol Rusnak\n* 2010 Jeff Schiller\n* 2010 Narendra Sisodiya\n* 2014 Brett Zamir\n* @exports module:SVGEditor\n* @borrows module:locale.putLocale as putLocale\n* @borrows module:locale.readLang as readLang\n* @borrows module:locale.setStrings as setStrings\n*/\nconst editor = {};\n\nconst $ = [\n  jqPluginJSHotkeys, jqPluginBBQ, jqPluginSVGIcons, jqPluginJGraduate,\n  jqPluginSpinBtn, jqPluginSVG, jqPluginContextMenu, jqPluginJPicker\n].reduce(($, cb) => cb($), jQuery);\n\n/*\nif (!$.loadingStylesheets) {\n  $.loadingStylesheets = [];\n}\n*/\nconst stylesheet = 'svg-editor.css';\nif (!$.loadingStylesheets.includes(stylesheet)) {\n  $.loadingStylesheets.push(stylesheet);\n}\nconst favicon = 'images/logo.png';\nif ($.loadingStylesheets.some((item) => {\n  return !Array.isArray(item) || item[0] !== favicon;\n})) {\n  $.loadingStylesheets.push([favicon, {favicon: true}]);\n}\n\n// EDITOR PROPERTIES: (defined below)\n//    curPrefs, curConfig, canvas, storage, uiStrings\n//\n// STATE MAINTENANCE PROPERTIES\n/**\n* @type {Float}\n*/\neditor.tool_scale = 1; // Dependent on icon size, so any use to making configurable instead? Used by `jQuery.SpinButton.js`\n/**\n* @type {Integer}\n*/\neditor.exportWindowCt = 0;\n/**\n* @type {boolean}\n*/\neditor.langChanged = false;\n/**\n* @type {boolean}\n*/\neditor.showSaveWarning = false;\n/**\n* @type {boolean}\n*/\neditor.storagePromptClosed = false; // For use with ext-storage.js\n\nconst callbacks = [],\n  /**\n  * @typedef {\"s\"|\"m\"|\"l\"|\"xl\"|Float} module:SVGEditor.IconSize\n  */\n  /**\n  * Preferences\n  * @interface module:SVGEditor.Prefs\n  * @property {string} [lang=\"en\"] Two-letter language code. The language must exist in the Editor Preferences language list. Defaults to \"en\" if `locale.js` detection does not detect another language.\n  * @property {module:SVGEditor.IconSize} [iconsize=\"s\"|\"m\"] Size of the toolbar icons. Will default to 's' if the window height is smaller than the minimum height and 'm' otherwise.\n  * @property {string} [bkgd_color=\"#FFF\"] Color hex for canvas background color. Defaults to white.\n  * @property {string} [bkgd_url=\"\"] Background raster image URL. This image will fill the background of the document; useful for tracing purposes.\n  * @property {\"embed\"|\"ref\"} [img_save=\"embed\"] Defines whether included raster images should be saved as Data URIs when possible, or as URL references. Settable in the Document Properties dialog.\n  * @property {boolean} [save_notice_done=false] Used to track alert status\n  * @property {boolean} [export_notice_done=false] Used to track alert status\n  * @todo `save_notice_done` and `export_notice_done` should be changed to flags rather than preferences\n  */\n  /**\n  * @namespace {module:SVGEditor.Prefs} defaultPrefs\n  * @memberof module:SVGEditor~\n  * @implements {module:SVGEditor.Prefs}\n  */\n  // The iteration algorithm for defaultPrefs does not currently support array/objects\n  defaultPrefs = /** @lends module:SVGEditor~defaultPrefs */ {\n    // EDITOR OPTIONS (DIALOG)\n    /**\n    * Default to \"en\" if locale.js detection does not detect another language\n    */\n    lang: '',\n    /**\n    * Will default to 's' if the window height is smaller than the minimum height and\n    * 'm' otherwise\n    */\n    iconsize: '',\n    bkgd_color: '#FFF',\n    bkgd_url: '',\n    // DOCUMENT PROPERTIES (DIALOG)\n    img_save: 'embed',\n    // ALERT NOTICES\n    // Only shows in UI as far as alert notices, but useful to remember, so keeping as pref\n    save_notice_done: false,\n    export_notice_done: false\n  },\n  /**\n  * @name module:SVGEditor~defaultExtensions\n  * @type {string[]}\n  */\n  defaultExtensions = [\n    'ext-connector.js',\n    'ext-eyedropper.js',\n    'ext-grid.js',\n    'ext-imagelib.js',\n    'ext-markers.js',\n    'ext-overview_window.js',\n    'ext-panning.js',\n    'ext-polygon.js',\n    'ext-shapes.js',\n    'ext-star.js',\n    'ext-storage.js'\n  ],\n  /**\n  * @typedef {\"@default\"|string} module:SVGEditor.Stylesheet `@default` will automatically load all of the default CSS paths for SVGEditor\n  */\n  /**\n  * @typedef {GenericArray} module:SVGEditor.XYDimensions\n  * @property {Integer} length 2\n  * @property {Float} 0\n  * @property {Float} 1\n  */\n  /**\n  * @tutorial ConfigOptions\n  * @interface module:SVGEditor.Config\n  * @property {string} [canvasName=\"default\"] Used to namespace storage provided via `ext-storage.js`; you can use this if you wish to have multiple independent instances of SVG Edit on the same domain\n  * @property {boolean} [no_save_warning=false] If `true`, prevents the warning dialog box from appearing when closing/reloading the page. Mostly useful for testing.\n  * @property {string} [imgPath=\"images/\"] The path where the SVG icons are located, with trailing slash. Note that as of version 2.7, this is not configurable by URL for security reasons.\n  * @property {string} [langPath=\"locale/\"] The path where the language files are located, with trailing slash. Default will be changed to `../dist/locale/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.\n  * @property {string} [extPath=\"extensions/\"] The path used for extension files, with trailing slash. Default will be changed to `../dist/extensions/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.\n  * @property {string} [canvgPath=\"canvg/\"] The path used for `canvg` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.\n  * @property {string} [jspdfPath=\"jspdf/\"] The path used for `jsPDF` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.\n  * @property {string} [extIconsPath=\"extensions/\"] The path used for extension icons, with trailing slash.\n  * @property {string} [jGraduatePath=\"jgraduate/images/\"] The path where jGraduate images are located. Note that as of version 2.7, this is not configurable by URL for security reasons.\n  * @property {boolean} [preventAllURLConfig=false] Set to `true` to override the ability for URLs to set non-content configuration (including extension config). Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!\n  * @property {boolean} [preventURLContentLoading=false] Set to `true` to override the ability for URLs to set URL-based SVG content. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!\n  * @property {boolean} [lockExtensions=false] Set to `true` to override the ability for URLs to set their own extensions; disallowed in URL setting. There is no need for this when `preventAllURLConfig` is used. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!\n  * @property {boolean} [noDefaultExtensions=false] If set to `true`, prohibits automatic inclusion of default extensions (though \"extensions\" can still be used to add back any desired default extensions along with any other extensions). This can only be meaningfully used in `svgedit-config-iife.js` or in the URL\n  * @property {boolean} [noStorageOnLoad=false] Some interaction with `ext-storage.js`; prevent even the loading of previously saved local storage.\n  * @property {boolean} [forceStorage=false] Some interaction with `ext-storage.js`; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not (and may be required by law in some regions)\n  * @property {boolean} [emptyStorageOnDecline=false] Used by `ext-storage.js`; empty any prior storage if the user declines to store\n  * @property {string[]} [extensions=module:SVGEditor~defaultExtensions] Extensions to load on startup. Use an array in `setConfig` and comma separated file names in the URL. Extension names must begin with \"ext-\". Note that as of version 2.7, paths containing \"/\", \"\\\", or \":\", are disallowed for security reasons. Although previous versions of this list would entirely override the default list, as of version 2.7, the defaults will always be added to this explicit list unless the configuration `noDefaultExtensions` is included.\n  * @property {module:SVGEditor.Stylesheet[]} [stylesheets=[\"@default\"]] An array of required stylesheets to load in parallel; include the value `\"@default\"` within this array to ensure all default stylesheets are loaded.\n  * @property {string[]} [allowedOrigins=[]] Used by `ext-xdomain-messaging.js` to indicate which origins are permitted for cross-domain messaging (e.g., between the embedded editor and main editor code). Besides explicit domains, one might add '' to allow all domains (not recommended for privacy/data integrity of your user's content!), `window.location.origin` for allowing the same origin (should be safe if you trust all apps on your domain), 'null' to allow `file://` URL usage\n  * @property {null|PlainObject} [colorPickerCSS=null] Object of CSS properties mapped to values (for jQuery) to apply to the color picker. See {@link http://api.jquery.com/css/#css-properties}. A `null` value (the default) will cause the CSS to default to `left` with a position equal to that of the `fill_color` or `stroke_color` element minus 140, and a `bottom` equal to 40\n  * @property {string} [paramurl] This was available via URL only. Allowed an un-encoded URL within the query string (use \"url\" or \"source\" with a data: URI instead)\n  * @property {Float} [canvas_expansion=3] The minimum area visible outside the canvas, as a multiple of the image dimensions. The larger the number, the more one can scroll outside the canvas.\n  * @property {PlainObject} [initFill] Init fill properties\n  * @property {string} [initFill.color=\"FF0000\"] The initial fill color. Must be a hex code string. Defaults to solid red.\n  * @property {Float} [initFill.opacity=1] The initial fill opacity. Must be a number between 0 and 1\n  * @property {PlainObject} [initStroke] Init stroke properties\n  * @property {Float} [initStroke.width=5] The initial stroke width. Must be a positive number.\n  * @property {string} [initStroke.color=\"000000\"] The initial stroke color. Must be a hex code. Defaults to solid black.\n  * @property {Float} [initStroke.opacity=1] The initial stroke opacity. Must be a number between 0 and 1.\n  * @property {PlainObject} text Text style properties\n  * @property {Float} [text.stroke_width=0] Text stroke width\n  * @property {Float} [text.font_size=24] Text font size\n  * @property {string} [text.font_family=\"serif\"] Text font family\n  * @property {Float} [initOpacity=1] Initial opacity (multiplied by 100)\n  * @property {module:SVGEditor.XYDimensions} [dimensions=[640, 480]] The default width/height of a new document. Use an array in `setConfig` (e.g., `[800, 600]`) and comma separated numbers in the URL.\n  * @property {boolean} [gridSnapping=false] Enable snap to grid by default. Set in Editor Options.\n  * @property {string} [gridColor=\"#000\"] Accepts hex, e.g., '#000'. Set in Editor Options. Defaults to black.\n  * @property {string} [baseUnit=\"px\"] Set in Editor Options.\n  * @property {Float} [snappingStep=10] Set the default grid snapping value. Set in Editor Options.\n  * @property {boolean} [showRulers=true] Initial state of ruler display (v2.6). Set in Editor Options.\n  * @property {string} [initTool=\"select\"] The initially selected tool. Must be either the ID of the button for the tool, or the ID without `tool_` prefix (e.g., \"select\").\n  * @property {boolean} [wireframe=false] Start in wireframe mode\n  * @property {boolean} [showlayers=false] Open the layers side-panel by default.\n  * @property {\"new\"|\"same\"} [exportWindowType=\"new\"] Can be \"new\" or \"same\" to indicate whether new windows will be generated for each export; the `window.name` of the export window is namespaced based on the `canvasName` (and incremented if \"new\" is selected as the type). Introduced 2.8.\n  * @property {boolean} [showGrid=false] Set by `ext-grid.js`; determines whether or not to show the grid by default\n  * @property {boolean} [show_outside_canvas=true] Defines whether or not elements outside the canvas should be visible. Set and used in `svgcanvas.js`.\n  * @property {boolean} [selectNew=true] If true, will replace the selection with the current element and automatically select element objects (when not in \"path\" mode) after they are created, showing their grips (v2.6). Set and used in `svgcanvas.js` (`mouseUp`).\n  * @todo Some others could be preferences as well (e.g., preventing URL changing of extensions, defaultExtensions, stylesheets, colorPickerCSS); Change the following to preferences and add pref controls where missing to the UI (e.g., `canvas_expansion`, `initFill`, `initStroke`, `text`, `initOpacity`, `dimensions`, `initTool`, `wireframe`, `showlayers`, `gridSnapping`, `gridColor`, `baseUnit`, `snappingStep`, `showRulers`, `exportWindowType`, `showGrid`, `show_outside_canvas`, `selectNew`)?\n  */\n  /**\n  * @namespace {module:SVGEditor.Config} defaultConfig\n  * @memberof module:SVGEditor~\n  * @implements {module:SVGEditor.Config}\n  */\n  defaultConfig = {\n    canvasName: 'default',\n    canvas_expansion: 3,\n    initFill: {\n      color: 'FF0000', // solid red\n      opacity: 1\n    },\n    initStroke: {\n      width: 5,\n      color: '000000', // solid black\n      opacity: 1\n    },\n    text: {\n      stroke_width: 0,\n      font_size: 24,\n      font_family: 'serif'\n    },\n    initOpacity: 1,\n    colorPickerCSS: null, // Defaults to 'left' with a position equal to that of the fill_color or stroke_color element minus 140, and a 'bottom' equal to 40\n    initTool: 'select',\n    exportWindowType: 'new', // 'same' (todo: also support 'download')\n    wireframe: false,\n    showlayers: false,\n    no_save_warning: false,\n    // PATH CONFIGURATION\n    // The following path configuration items are disallowed in the URL (as should any future path configurations)\n    imgPath: 'images/',\n    langPath: 'locale/', // Default will be changed if this is a modular load\n    extPath: 'extensions/', // Default will be changed if this is a modular load\n    canvgPath: 'canvg/', // Default will be changed if this is a modular load\n    jspdfPath: 'jspdf/', // Default will be changed if this is a modular load\n    extIconsPath: 'extensions/',\n    jGraduatePath: 'jgraduate/images/',\n    // DOCUMENT PROPERTIES\n    // Change the following to a preference (already in the Document Properties dialog)?\n    dimensions: [640, 480],\n    // EDITOR OPTIONS\n    // Change the following to preferences (already in the Editor Options dialog)?\n    gridSnapping: false,\n    gridColor: '#000',\n    baseUnit: 'px',\n    snappingStep: 10,\n    showRulers: true,\n    // URL BEHAVIOR CONFIGURATION\n    preventAllURLConfig: false,\n    preventURLContentLoading: false,\n    // EXTENSION CONFIGURATION (see also preventAllURLConfig)\n    lockExtensions: false, // Disallowed in URL setting\n    noDefaultExtensions: false, // noDefaultExtensions can only be meaningfully used in `svgedit-config-iife.js` or in the URL\n    // EXTENSION-RELATED (GRID)\n    showGrid: false, // Set by ext-grid.js\n    // EXTENSION-RELATED (STORAGE)\n    noStorageOnLoad: false, // Some interaction with ext-storage.js; prevent even the loading of previously saved local storage\n    forceStorage: false, // Some interaction with ext-storage.js; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not\n    emptyStorageOnDecline: false // Used by ext-storage.js; empty any prior storage if the user declines to store\n  },\n  /**\n  * LOCALE\n  * @name module:SVGEditor.uiStrings\n  * @type {PlainObject}\n  */\n  uiStrings = editor.uiStrings = {};\n\nlet svgCanvas, urldata,\n  isReady = false,\n  customExportImage = false,\n  customExportPDF = false,\n  curPrefs = {},\n  // Note: The difference between Prefs and Config is that Prefs\n  //   can be changed in the UI and are stored in the browser,\n  //   while config cannot\n  curConfig = {\n    // We do not put on defaultConfig to simplify object copying\n    //   procedures (we obtain instead from defaultExtensions)\n    extensions: [],\n    stylesheets: [],\n    /**\n    * Can use window.location.origin to indicate the current\n    * origin. Can contain a '*' to allow all domains or 'null' (as\n    * a string) to support all file:// URLs. Cannot be set by\n    * URL for security reasons (not safe, at least for\n    * privacy or data integrity of SVG content).\n    * Might have been fairly safe to allow\n    *   `new URL(window.location.href).origin` by default but\n    *   avoiding it ensures some more security that even third\n    *   party apps on the same domain also cannot communicate\n    *   with this app by default.\n    * For use with ext-xdomain-messaging.js\n    * @todo We might instead make as a user-facing preference.\n    */\n    allowedOrigins: []\n  };\n\nfunction loadSvgString (str, callback) {\n  const success = svgCanvas.setSvgString(str) !== false;\n  callback = callback || $.noop;\n  if (success) {\n    callback(true); // eslint-disable-line standard/no-callback-literal\n  } else {\n    $.alert(uiStrings.notification.errorLoadingSVG, function () {\n      callback(false); // eslint-disable-line standard/no-callback-literal\n    });\n  }\n}\n\n/**\n * @function module:SVGEditor~getImportLocale\n * @param {string} defaultLang\n * @param {string} defaultName\n * @returns {module:SVGEditor~ImportLocale}\n */\nfunction getImportLocale ({defaultLang, defaultName}) {\n  /**\n   * @function module:SVGEditor~ImportLocale\n   * @param {string} [name] Defaults to `defaultName` of {@link module:SVGEditor~getImportLocale}\n   * @param {string} [lang=defaultLang] Defaults to `defaultLang` of {@link module:SVGEditor~getImportLocale}\n   * @returns {Promise} Resolves to {@link module:locale.LocaleStrings}\n   */\n  return async function importLocale ({name = defaultName, lang = defaultLang} = {}) {\n    async function importLocale (lang) {\n      const url = `${curConfig.extPath}ext-locale/${name}/${lang}.js`;\n      return importSetGlobalDefault(url, {\n        global: `svgEditorExtensionLocale_${name}_${lang}`\n      });\n    }\n    try {\n      return importLocale(lang);\n    } catch (err) {\n      return importLocale('en');\n    }\n  };\n}\n\n/**\n* EXPORTS\n*/\n\n/**\n* Store and retrieve preferences\n* @param {string} key The preference name to be retrieved or set\n* @param {string} [val] The value. If the value supplied is missing or falsey, no change to the preference will be made.\n* @returns {string} If val is missing or falsey, the value of the previously stored preference will be returned.\n* @todo Can we change setting on the jQuery namespace (onto editor) to avoid conflicts?\n* @todo Review whether any remaining existing direct references to\n*  getting `curPrefs` can be changed to use `$.pref()` getting to ensure\n*  `defaultPrefs` fallback (also for sake of `allowInitialUserOverride`); specifically, `bkgd_color` could be changed so that\n*  the pref dialog has a button to auto-calculate background, but otherwise uses `$.pref()` to be able to get default prefs\n*  or overridable settings\n*/\n$.pref = function (key, val) {\n  if (val) {\n    curPrefs[key] = val;\n    /**\n    * @name curPrefs\n    * @memberof module:SVGEditor\n    * @implements {module:SVGEditor.Prefs}\n    */\n    editor.curPrefs = curPrefs; // Update exported value\n    return;\n  }\n  return (key in curPrefs) ? curPrefs[key] : defaultPrefs[key];\n};\n\n/*\n* EDITOR PUBLIC METHODS\n// Todo: Sort these methods per invocation order, ideally with init at the end\n// Todo: Prevent execution until init executes if dependent on it?\n*/\neditor.putLocale = putLocale;\neditor.readLang = readLang;\neditor.setStrings = setStrings;\n\n/**\n* Where permitted, sets canvas and/or `defaultPrefs` based on previous\n*  storage. This will override URL settings (for security reasons) but\n*  not `svgedit-config-iife.js` configuration (unless initial user\n*  overriding is explicitly permitted there via `allowInitialUserOverride`).\n* @todo Split `allowInitialUserOverride` into `allowOverrideByURL` and\n*  `allowOverrideByUserStorage` so `svgedit-config-iife.js` can disallow some\n*  individual items for URL setting but allow for user storage AND/OR\n*  change URL setting so that it always uses a different namespace,\n*  so it won't affect pre-existing user storage (but then if users saves\n*  that, it will then be subject to tampering\n* @returns {undefined}\n*/\neditor.loadContentAndPrefs = function () {\n  if (!curConfig.forceStorage &&\n    (curConfig.noStorageOnLoad ||\n        !document.cookie.match(/(?:^|;\\s*)store=(?:prefsAndContent|prefsOnly)/)\n    )\n  ) {\n    return;\n  }\n\n  // LOAD CONTENT\n  if (editor.storage && // Cookies do not have enough available memory to hold large documents\n    (curConfig.forceStorage ||\n      (!curConfig.noStorageOnLoad &&\n        document.cookie.match(/(?:^|;\\s*)store=prefsAndContent/))\n    )\n  ) {\n    const name = 'svgedit-' + curConfig.canvasName;\n    const cached = editor.storage.getItem(name);\n    if (cached) {\n      editor.loadFromString(cached);\n    }\n  }\n\n  // LOAD PREFS\n  for (const key in defaultPrefs) {\n    if (defaultPrefs.hasOwnProperty(key)) { // It's our own config, so we don't need to iterate up the prototype chain\n      const storeKey = 'svg-edit-' + key;\n      if (editor.storage) {\n        const val = editor.storage.getItem(storeKey);\n        if (val) {\n          defaultPrefs[key] = String(val); // Convert to string for FF (.value fails in Webkit)\n        }\n      } else if (window.widget) {\n        defaultPrefs[key] = window.widget.preferenceForKey(storeKey);\n      } else {\n        const result = document.cookie.match(new RegExp('(?:^|;\\\\s*)' + Utils.regexEscape(encodeURIComponent(storeKey)) + '=([^;]+)'));\n        defaultPrefs[key] = result ? decodeURIComponent(result[1]) : '';\n      }\n    }\n  }\n};\n\n/**\n* Allows setting of preferences or configuration (including extensions).\n* @param {module:SVGEditor.Config|module:SVGEditor.Prefs} opts The preferences or configuration (including extensions). See the tutorial on {@tutorial ConfigOptions} for info on config and preferences.\n* @param {PlainObject} [cfgCfg] Describes configuration which applies to the\n*    particular batch of supplied options\n* @param {boolean} [cfgCfg.allowInitialUserOverride=false] Set to true if you wish\n*  to allow initial overriding of settings by the user via the URL\n*  (if permitted) or previously stored preferences (if permitted);\n*  note that it will be too late if you make such calls in extension\n*  code because the URL or preference storage settings will\n*   have already taken place.\n* @param {boolean} [cfgCfg.overwrite=true] Set to false if you wish to\n*  prevent the overwriting of prior-set preferences or configuration\n*  (URL settings will always follow this requirement for security\n*  reasons, so `svgedit-config-iife.js` settings cannot be overridden unless it\n*  explicitly permits via `allowInitialUserOverride` but extension config\n*  can be overridden as they will run after URL settings). Should\n*   not be needed in `svgedit-config-iife.js`.\n* @returns {undefined}\n*/\neditor.setConfig = function (opts, cfgCfg) {\n  cfgCfg = cfgCfg || {};\n  function extendOrAdd (cfgObj, key, val) {\n    if (cfgObj[key] && typeof cfgObj[key] === 'object') {\n      $.extend(true, cfgObj[key], val);\n    } else {\n      cfgObj[key] = val;\n    }\n  }\n  $.each(opts, function (key, val) {\n    if (opts.hasOwnProperty(key)) {\n      // Only allow prefs defined in defaultPrefs\n      if (defaultPrefs.hasOwnProperty(key)) {\n        if (cfgCfg.overwrite === false && (\n          curConfig.preventAllURLConfig ||\n          curPrefs.hasOwnProperty(key)\n        )) {\n          return;\n        }\n        if (cfgCfg.allowInitialUserOverride === true) {\n          defaultPrefs[key] = val;\n        } else {\n          $.pref(key, val);\n        }\n      } else if (['extensions', 'stylesheets', 'allowedOrigins'].includes(key)) {\n        if (cfgCfg.overwrite === false &&\n          (\n            curConfig.preventAllURLConfig ||\n            ['allowedOrigins', 'stylesheets'].includes(key) ||\n            (key === 'extensions' && curConfig.lockExtensions)\n          )\n        ) {\n          return;\n        }\n        curConfig[key] = curConfig[key].concat(val); // We will handle any dupes later\n      // Only allow other curConfig if defined in defaultConfig\n      } else if (defaultConfig.hasOwnProperty(key)) {\n        if (cfgCfg.overwrite === false && (\n          curConfig.preventAllURLConfig ||\n          curConfig.hasOwnProperty(key)\n        )) {\n          return;\n        }\n        // Potentially overwriting of previously set config\n        if (curConfig.hasOwnProperty(key)) {\n          if (cfgCfg.overwrite === false) {\n            return;\n          }\n          extendOrAdd(curConfig, key, val);\n        } else {\n          if (cfgCfg.allowInitialUserOverride === true) {\n            extendOrAdd(defaultConfig, key, val);\n          } else {\n            if (defaultConfig[key] && typeof defaultConfig[key] === 'object') {\n              curConfig[key] = {};\n              $.extend(true, curConfig[key], val); // Merge properties recursively, e.g., on initFill, initStroke objects\n            } else {\n              curConfig[key] = val;\n            }\n          }\n        }\n      }\n    }\n  });\n  /**\n  * @name curConfig\n  * @memberof module:SVGEditor\n  * @implements {module:SVGEditor.Config}\n  */\n  editor.curConfig = curConfig; // Update exported value\n};\n\n/**\n* All methods are optional\n* @interface module:SVGEditor.CustomHandler\n* @type {PlainObject}\n*/\n/**\n* Its responsibilities are:\n*  - invoke a file chooser dialog in 'open' mode\n*  - let user pick a SVG file\n*  - calls [svgCanvas.setSvgString()]{@link module:svgcanvas.SvgCanvas#setSvgString} with the string contents of that file.\n* Not passed any parameters.\n* @function module:SVGEditor.CustomHandler#open\n* @returns {undefined}\n*/\n/**\n* Its responsibilities are:\n*  - accept the string contents of the current document\n*  - invoke a file chooser dialog in 'save' mode\n*  - save the file to location chosen by the user\n* @function module:SVGEditor.CustomHandler#save\n* @param {external:Window} win\n* @param {module:svgcanvas.SvgCanvas#event:saved} svgStr A string of the SVG\n* @listens module:svgcanvas.SvgCanvas#event:saved\n* @returns {undefined}\n*/\n/**\n* Its responsibilities (with regard to the object it is supplied in its 2nd argument) are:\n*  - inform user of any issues supplied via the \"issues\" property\n*  - convert the \"svg\" property SVG string into an image for export;\n*    utilize the properties \"type\" (currently 'PNG', 'JPEG', 'BMP',\n*    'WEBP', 'PDF'), \"mimeType\", and \"quality\" (for 'JPEG' and 'WEBP'\n*    types) to determine the proper output.\n* @function module:SVGEditor.CustomHandler#exportImage\n* @param {external:Window} win\n* @param {module:svgcanvas.SvgCanvas#event:exported} data\n* @listens module:svgcanvas.SvgCanvas#event:exported\n* @returns {undefined}\n*/\n/**\n* @function module:SVGEditor.CustomHandler#exportPDF\n* @param {external:Window} win\n* @param {module:svgcanvas.SvgCanvas#event:exportedPDF} data\n* @listens module:svgcanvas.SvgCanvas#event:exportedPDF\n* @returns {undefined}\n*/\n\n/**\n* Allows one to override default SVGEdit `open`, `save`, and\n* `export` editor behaviors.\n* @param {module:SVGEditor.CustomHandler} opts Extension mechanisms may call `setCustomHandlers` with three functions: `opts.open`, `opts.save`, and `opts.exportImage`\n* @returns {undefined}\n*/\neditor.setCustomHandlers = function (opts) {\n  editor.ready(function () {\n    if (opts.open) {\n      $('#tool_open > input[type=\"file\"]').remove();\n      $('#tool_open').show();\n      svgCanvas.open = opts.open;\n    }\n    if (opts.save) {\n      editor.showSaveWarning = false;\n      svgCanvas.bind('saved', opts.save);\n    }\n    if (opts.exportImage) {\n      customExportImage = opts.exportImage;\n      svgCanvas.bind('exported', customExportImage); // canvg and our RGBColor will be available to the method\n    }\n    if (opts.exportPDF) {\n      customExportPDF = opts.exportPDF;\n      svgCanvas.bind('exportedPDF', customExportPDF); // jsPDF and our RGBColor will be available to the method\n    }\n  });\n};\n\n/**\n* @param {boolean} arg\n* @returns {undefined}\n*/\neditor.randomizeIds = function (arg) {\n  return svgCanvas.randomizeIds(arg);\n};\n\n/**\n* Auto-run after a Promise microtask\n* @returns {undefined}\n*/\neditor.init = function () {\n  const modularVersion = !('svgEditor' in window) ||\n    !window.svgEditor ||\n    window.svgEditor.modules !== false;\n  if (!modularVersion) {\n    Object.assign(defaultConfig, {\n      langPath: '../dist/locale/',\n      extPath: '../dist/extensions/',\n      canvgPath: '../dist/',\n      jspdfPath: '../dist/'\n    });\n  }\n\n  // const host = location.hostname,\n  //  onWeb = host && host.includes('.');\n  // Some FF versions throw security errors here when directly accessing\n  try {\n    if ('localStorage' in window) { // && onWeb removed so Webkit works locally\n      /**\n      * The built-in interface implemented by `localStorage`\n      * @external Storage\n      */\n      /**\n      * @name storage\n      * @memberof module:SVGEditor\n      * @type {external:Storage}\n      */\n      editor.storage = localStorage;\n    }\n  } catch (err) {}\n\n  // Todo: Avoid const-defined functions and group functions together, etc. where possible\n  const goodLangs = [];\n  $('#lang_select option').each(function () {\n    goodLangs.push(this.value);\n  });\n\n  function setupCurPrefs () {\n    curPrefs = $.extend(true, {}, defaultPrefs, curPrefs); // Now safe to merge with priority for curPrefs in the event any are already set\n    // Export updated prefs\n    editor.curPrefs = curPrefs;\n  }\n  function setupCurConfig () {\n    curConfig = $.extend(true, {}, defaultConfig, curConfig); // Now safe to merge with priority for curConfig in the event any are already set\n\n    // Now deal with extensions and other array config\n    if (!curConfig.noDefaultExtensions) {\n      curConfig.extensions = curConfig.extensions.concat(defaultExtensions);\n    }\n    // ...and remove any dupes\n    ['extensions', 'stylesheets', 'allowedOrigins'].forEach(function (cfg) {\n      curConfig[cfg] = $.grep(curConfig[cfg], function (n, i) { // Supposedly faster than filter per http://amandeep1986.blogspot.hk/2015/02/jquery-grep-vs-js-filter.html\n        return i === curConfig[cfg].indexOf(n);\n      });\n    });\n    // Export updated config\n    editor.curConfig = curConfig;\n  }\n  (() => {\n    // Load config/data from URL if given\n    let src, qstr;\n    urldata = $.deparam.querystring(true);\n    if (!$.isEmptyObject(urldata)) {\n      if (urldata.dimensions) {\n        urldata.dimensions = urldata.dimensions.split(',');\n      }\n\n      if (urldata.bkgd_color) {\n        urldata.bkgd_color = '#' + urldata.bkgd_color;\n      }\n\n      if (urldata.extensions) {\n        // For security reasons, disallow cross-domain or cross-folder extensions via URL\n        urldata.extensions = urldata.extensions.match(/[:/\\\\]/) ? '' : urldata.extensions.split(',');\n      }\n\n      // Disallowing extension paths via URL for\n      // security reasons, even for same-domain\n      // ones given potential to interact in undesirable\n      // ways with other script resources\n      [\n        'extPath', 'imgPath', 'extIconsPath', 'canvgPath',\n        'langPath', 'jGraduatePath', 'jspdfPath'\n      ].forEach(function (pathConfig) {\n        if (urldata[pathConfig]) {\n          delete urldata[pathConfig];\n        }\n      });\n\n      editor.setConfig(urldata, {overwrite: false}); // Note: source and url (as with storagePrompt later) are not set on config but are used below\n\n      setupCurConfig();\n\n      if (!curConfig.preventURLContentLoading) {\n        src = urldata.source;\n        qstr = $.param.querystring();\n        if (!src) { // urldata.source may have been null if it ended with '='\n          if (qstr.includes('source=data:')) {\n            src = qstr.match(/source=(data:[^&]*)/)[1];\n          }\n        }\n        if (src) {\n          if (src.startsWith('data:')) {\n            editor.loadFromDataURI(src);\n          } else {\n            editor.loadFromString(src);\n          }\n          return;\n        }\n        if (urldata.url) {\n          editor.loadFromURL(urldata.url);\n          return;\n        }\n      }\n      if (!urldata.noStorageOnLoad || curConfig.forceStorage) {\n        editor.loadContentAndPrefs();\n      }\n    } else {\n      setupCurConfig();\n      editor.loadContentAndPrefs();\n    }\n    setupCurPrefs();\n  })();\n\n  /**\n  * Called internally\n  * @param {string|Element|external:jQuery} elem\n  * @param {string|external:jQuery} iconId\n  * @param {Float} forcedSize Not in use\n  * @returns {undefined}\n  */\n  const setIcon = editor.setIcon = function (elem, iconId, forcedSize) {\n    const icon = (typeof iconId === 'string') ? $.getSvgIcon(iconId, true) : iconId.clone();\n    if (!icon) {\n      console.log('NOTE: Icon image missing: ' + iconId);\n      return;\n    }\n    $(elem).empty().append(icon);\n  };\n\n  /**\n   * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData\n   * @fires module:svgcanvas.SvgCanvas#event:ext-langReady\n   * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged\n   * @fires module:svgcanvas.SvgCanvas#event:extensions_added\n   * @returns {Promise} Resolves to result of {@link module:locale.readLang}\n   */\n  const extAndLocaleFunc = async function () {\n    // const lang = ('lang' in curPrefs) ? curPrefs.lang : null;\n    const {langParam, langData} = await editor.putLocale(null, goodLangs, curConfig);\n    setLang(langParam, langData);\n\n    try {\n      await Promise.all(\n        curConfig.extensions.map(async (extname) => {\n          const extName = extname.match(/^ext-(.+)\\.js/);\n          if (!extName) { // Ensure URL cannot specify some other unintended file in the extPath\n            return;\n          }\n          const url = curConfig.extPath + extname;\n          // Todo: Replace this with `return import(url);` when\n          //   `import()` widely supported\n          /**\n           * @tutorial ExtensionDocs\n           * @typedef {PlainObject} module:SVGEditor.ExtensionObject\n           * @property {string} [name] Name of the extension. Used internally; no need for i18n. Defaults to extension name without beginning \"ext-\" or ending \".js\".\n           * @property {module:svgcanvas.ExtensionInitCallback} [init]\n           */\n          try {\n            /**\n             * @type {module:SVGEditor.ExtensionObject}\n             */\n            const imported = await importSetGlobalDefault(url, {\n              global: 'svgEditorExtension_' + extName[1].replace(/-/g, '_')\n            });\n            const {name = extName[1], init} = imported;\n            const importLocale = getImportLocale({defaultLang: langParam, defaultName: name});\n            return editor.addExtension(name, (init && init.bind(editor)), importLocale);\n          } catch (err) {\n            console.log(err);\n            console.error('Extension failed to load: ' + extname + '; ' + err);\n          }\n        })\n      );\n      svgCanvas.bind('extensions_added',\n        /**\n        * @param {external:Window} win\n        * @param {module:svgcanvas.SvgCanvas#event:extensions_added} data\n        * @listens module:svgcanvas.SvgCanvas#event:extensions_added\n        * @returns {undefined}\n        */\n        (win, data) => {\n          extensionsAdded = true;\n          Actions.setAll();\n\n          $('.flyout_arrow_horiz:empty').each(function () {\n            $(this).append($.getSvgIcon('arrow_right', true).width(5).height(5));\n          });\n          messageQueue.forEach(\n            /**\n             * @param {module:svgcanvas.SvgCanvas#event:message} messageObj\n             * @fires module:svgcanvas.SvgCanvas#event:message\n             * @returns {undefined}\n             */\n            (messageObj) => {\n              svgCanvas.call('message', messageObj);\n            }\n          );\n        }\n      );\n      svgCanvas.call('extensions_added');\n    } catch (err) {\n      console.log(err);\n    }\n  };\n\n  const stateObj = {tool_scale: editor.tool_scale};\n\n  const setFlyoutPositions = function () {\n    $('.tools_flyout').each(function () {\n      const shower = $('#' + this.id + '_show');\n      const {left, top} = shower.offset();\n      const w = shower.outerWidth();\n      $(this).css({left: (left + w) * editor.tool_scale, top});\n    });\n  };\n\n  const uaPrefix = (function () {\n    const regex = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/;\n    const someScript = document.getElementsByTagName('script')[0];\n    for (const prop in someScript.style) {\n      if (regex.test(prop)) {\n        // test is faster than match, so it's better to perform\n        // that on the lot and match only when necessary\n        return prop.match(regex)[0];\n      }\n    }\n    // Nothing found so far?\n    if ('WebkitOpacity' in someScript.style) { return 'Webkit'; }\n    if ('KhtmlOpacity' in someScript.style) { return 'Khtml'; }\n\n    return '';\n  }());\n\n  const scaleElements = function (elems, scale) {\n    // const prefix = '-' + uaPrefix.toLowerCase() + '-'; // Currently unused\n    const sides = ['top', 'left', 'bottom', 'right'];\n\n    elems.each(function () {\n      // Handled in CSS\n      // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';\n      const el = $(this);\n      const w = el.outerWidth() * (scale - 1);\n      const h = el.outerHeight() * (scale - 1);\n      // const margins = {}; // Currently unused\n\n      for (let i = 0; i < 4; i++) {\n        const s = sides[i];\n        let cur = el.data('orig_margin-' + s);\n        if (cur == null) {\n          cur = parseInt(el.css('margin-' + s), 10);\n          // Cache the original margin\n          el.data('orig_margin-' + s, cur);\n        }\n        let val = cur * scale;\n        if (s === 'right') {\n          val += w;\n        } else if (s === 'bottom') {\n          val += h;\n        }\n\n        el.css('margin-' + s, val);\n        // el.css('outline', '1px solid red');\n      }\n    });\n  };\n\n  /**\n  * Called internally.\n  * @param {module:SVGEditor.IconSize} size\n  * @returns {undefined}\n  */\n  const setIconSize = editor.setIconSize = function (size) {\n    // const elems = $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open');\n    const selToscale = '#tools_top .toolset, #editor_panel > *, #history_panel > *,' +\n  '        #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,' +\n  '        #g_panel > *, #tool_font_size > *, .tools_flyout';\n\n    const elems = $(selToscale);\n\n    let scale = 1;\n    if (typeof size === 'number') {\n      scale = size;\n    } else {\n      const iconSizes = {s: 0.75, m: 1, l: 1.25, xl: 1.5};\n      scale = iconSizes[size];\n    }\n\n    stateObj.tool_scale = editor.tool_scale = scale;\n\n    setFlyoutPositions();\n    // $('.tools_flyout').each(function () {\n    //   const pos = $(this).position();\n    //   console.log($(this), pos.left+(34 * scale));\n    //   $(this).css({left: pos.left+(34 * scale), top: pos.top+(77 * scale)});\n    //   console.log('l', $(this).css('left'));\n    // });\n    //\n    // const scale = .75;\n\n    const hiddenPs = elems.parents(':hidden');\n    hiddenPs.css('visibility', 'hidden').show();\n    scaleElements(elems, scale);\n    hiddenPs.css('visibility', 'visible').hide();\n    // return;\n\n    $.pref('iconsize', size);\n    $('#iconsize').val(size);\n\n    // Change icon size\n    // $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open')\n    // .find('> svg, > img').each(function () {\n    //   this.setAttribute('width',size_num);\n    //   this.setAttribute('height',size_num);\n    // });\n    //\n    // $.resizeSvgIcons({\n    //   '.flyout_arrow_horiz > svg, .flyout_arrow_horiz > img': size_num / 5,\n    //   '#logo > svg, #logo > img': size_num * 1.3,\n    //   '#tools_bottom .icon_label > *': (size_num === 16 ? 18 : size_num * .75)\n    // });\n    // if (size != 's') {\n    //   $.resizeSvgIcons({'#layerbuttons svg, #layerbuttons img': size_num * .6});\n    // }\n\n    // Note that all rules will be prefixed with '#svg_editor' when parsed\n    const cssResizeRules = {\n      // '.tool_button,\\\n      // .push_button,\\\n      // .tool_button_current,\\\n      // .push_button_pressed,\\\n      // .disabled,\\\n      // .icon_label,\\\n      // .tools_flyout .tool_button': {\n      //   width: {s: '16px', l: '32px', xl: '48px'},\n      //   height: {s: '16px', l: '32px', xl: '48px'},\n      //   padding: {s: '1px', l: '2px', xl: '3px'}\n      // },\n      // '.tool_sep': {\n      //   height: {s: '16px', l: '32px', xl: '48px'},\n      //   margin: {s: '2px 2px', l: '2px 5px', xl: '2px 8px'}\n      // },\n      // '#main_icon': {\n      //   width: {s: '31px', l: '53px', xl: '75px'},\n      //   height: {s: '22px', l: '42px', xl: '64px'}\n      // },\n      '#tools_top': {\n        left: 50 + $('#main_button').width(),\n        height: 72\n      },\n      '#tools_left': {\n        width: 31,\n        top: 74\n      },\n      'div#workarea': {\n        left: 38,\n        top: 74\n      }\n      // '#tools_bottom': {\n      //   left: {s: '27px', l: '46px', xl: '65px'},\n      //   height: {s: '58px', l: '98px', xl: '145px'}\n      // },\n      // '#color_tools': {\n      //   'border-spacing': {s: '0 1px'},\n      //   'margin-top': {s: '-1px'}\n      // },\n      // '#color_tools .icon_label': {\n      //   width: {l:'43px', xl: '60px'}\n      // },\n      // '.color_tool': {\n      //   height: {s: '20px'}\n      // },\n      // '#tool_opacity': {\n      //   top: {s: '1px'},\n      //   height: {s: 'auto', l:'auto', xl:'auto'}\n      // },\n      // '#tools_top input, #tools_bottom input': {\n      //   'margin-top': {s: '2px', l: '4px', xl: '5px'},\n      //   height: {s: 'auto', l: 'auto', xl: 'auto'},\n      //   border: {s: '1px solid #555', l: 'auto', xl: 'auto'},\n      //   'font-size': {s: '.9em', l: '1.2em', xl: '1.4em'}\n      // },\n      // '#zoom_panel': {\n      //   'margin-top': {s: '3px', l: '4px', xl: '5px'}\n      // },\n      // '#copyright, #tools_bottom .label': {\n      //   'font-size': {l: '1.5em', xl: '2em'},\n      //   'line-height': {s: '15px'}\n      // },\n      // '#tools_bottom_2': {\n      //   width: {l: '295px', xl: '355px'},\n      //   top: {s: '4px'}\n      // },\n      // '#tools_top > div, #tools_top': {\n      //   'line-height': {s: '17px', l: '34px', xl: '50px'}\n      // },\n      // '.dropdown button': {\n      //   height: {s: '18px', l: '34px', xl: '40px'},\n      //   'line-height': {s: '18px', l: '34px', xl: '40px'},\n      //   'margin-top': {s: '3px'}\n      // },\n      // '#tools_top label, #tools_bottom label': {\n      //   'font-size': {s: '1em', l: '1.5em', xl: '2em'},\n      //   height: {s: '25px', l: '42px', xl: '64px'}\n      // },\n      // 'div.toolset': {\n      //   height: {s: '25px', l: '42px', xl: '64px'}\n      // },\n      // '#tool_bold, #tool_italic': {\n      //   'font-size': {s: '1.5em', l: '3em', xl: '4.5em'}\n      // },\n      // '#sidepanels': {\n      //   top: {s: '50px', l: '88px', xl: '125px'},\n      //   bottom: {s: '51px', l: '68px', xl: '65px'}\n      // },\n      // '#layerbuttons': {\n      //   width: {l: '130px', xl: '175px'},\n      //   height: {l: '24px', xl: '30px'}\n      // },\n      // '#layerlist': {\n      //   width: {l: '128px', xl: '150px'}\n      // },\n      // '.layer_button': {\n      //   width: {l: '19px', xl: '28px'},\n      //   height: {l: '19px', xl: '28px'}\n      // },\n      // 'input.spin-button': {\n      //   'background-image': {l: 'url('images/spinbtn_updn_big.png')', xl: 'url('images/spinbtn_updn_big.png')'},\n      //   'background-position': {l: '100% -5px', xl: '100% -2px'},\n      //   'padding-right': {l: '24px', xl: '24px' }\n      // },\n      // 'input.spin-button.up': {\n      //   'background-position': {l: '100% -45px', xl: '100% -42px'}\n      // },\n      // 'input.spin-button.down': {\n      //   'background-position': {l: '100% -85px', xl: '100% -82px'}\n      // },\n      // '#position_opts': {\n      //   width: {all: (size_num*4) +'px'}\n      // }\n    };\n\n    let ruleElem = $('#tool_size_rules');\n    if (!ruleElem.length) {\n      ruleElem = $('<style id=\"tool_size_rules\"></style>').appendTo('head');\n    } else {\n      ruleElem.empty();\n    }\n\n    if (size !== 'm') {\n      let styleStr = '';\n      $.each(cssResizeRules, function (selector, rules) {\n        selector = '#svg_editor ' + selector.replace(/,/g, ', #svg_editor');\n        styleStr += selector + '{';\n        $.each(rules, function (prop, values) {\n          let val;\n          if (typeof values === 'number') {\n            val = (values * scale) + 'px';\n          } else if (values[size] || values.all) {\n            val = (values[size] || values.all);\n          }\n          styleStr += (prop + ':' + val + ';');\n        });\n        styleStr += '}';\n      });\n      // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';\n      const prefix = '-' + uaPrefix.toLowerCase() + '-';\n      styleStr += (selToscale + '{' + prefix + 'transform: scale(' + scale + ');}' +\n        ' #svg_editor div.toolset .toolset {' + prefix + 'transform: scale(1); margin: 1px !important;}' + // Hack for markers\n        ' #svg_editor .ui-slider {' + prefix + 'transform: scale(' + (1 / scale) + ');}' // Hack for sliders\n      );\n      ruleElem.text(styleStr);\n    }\n\n    setFlyoutPositions();\n  };\n  $.svgIcons(curConfig.imgPath + 'svg_edit_icons.svg', {\n    w: 24, h: 24,\n    id_match: false,\n    no_img: !isWebkit(), // Opera & Firefox 4 gives odd behavior w/images\n    fallback_path: curConfig.imgPath,\n    fallback: {\n      logo: 'logo.png',\n\n      select: 'select.png',\n      select_node: 'select_node.png',\n\n      square: 'square.png',\n      rect: 'rect.png',\n      fh_rect: 'freehand-square.png',\n      circle: 'circle.png',\n      ellipse: 'ellipse.png',\n      fh_ellipse: 'freehand-circle.png',\n      pencil: 'fhpath.png',\n      pen: 'line.png',\n      text: 'text.png',\n      path: 'path.png',\n      add_subpath: 'add_subpath.png',\n      close_path: 'closepath.png',\n      open_path: 'openpath.png',\n\n      image: 'image.png',\n      zoom: 'zoom.png',\n\n      arrow_right: 'flyouth.png',\n      arrow_right_big: 'arrow_right_big.png',\n      arrow_down: 'dropdown.gif',\n      fill: 'fill.png',\n      stroke: 'stroke.png',\n      opacity: 'opacity.png',\n\n      new_image: 'clear.png',\n      save: 'save.png',\n      export: 'export.png',\n      open: 'open.png',\n      import: 'import.png',\n      docprops: 'document-properties.png',\n      source: 'source.png',\n      wireframe: 'wireframe.png',\n\n      undo: 'undo.png',\n      redo: 'redo.png',\n\n      clone: 'clone.png',\n      delete: 'delete.png',\n      go_up: 'go-up.png',\n      go_down: 'go-down.png',\n      context_menu: 'context_menu.png',\n      move_bottom: 'move_bottom.png',\n      move_top: 'move_top.png',\n      to_path: 'to_path.png',\n      link_controls: 'link_controls.png',\n      reorient: 'reorient.png',\n      group_elements: 'shape_group_elements.png',\n\n      ungroup: 'shape_ungroup.png',\n      unlink_use: 'unlink_use.png',\n      width: 'width.png',\n      height: 'height.png',\n      c_radius: 'c_radius.png',\n      angle: 'angle.png',\n      blur: 'blur.png',\n      fontsize: 'fontsize.png',\n      align: 'align.png',\n\n      align_left: 'align-left.png',\n      align_center: 'align-center.png',\n      align_right: 'align-right.png',\n      align_top: 'align-top.png',\n      align_middle: 'align-middle.png',\n      align_bottom: 'align-bottom.png',\n\n      linecap_butt: 'linecap_butt.png',\n      linecap_square: 'linecap_square.png',\n      linecap_round: 'linecap_round.png',\n      linejoin_miter: 'linejoin_miter.png',\n      linejoin_bevel: 'linejoin_bevel.png',\n      linejoin_round: 'linejoin_round.png',\n      eye: 'eye.png',\n      no_color: 'no_color.png',\n\n      ok: 'save.png',\n      cancel: 'cancel.png',\n      warning: 'warning.png',\n\n      node_delete: 'node_delete.png',\n      node_clone: 'node_clone.png',\n\n      globe_link: 'globe_link.png'\n    },\n    placement: {\n      '#logo': 'logo',\n\n      '#tool_clear div,#layer_new': 'new_image',\n      '#tool_save div': 'save',\n      '#tool_export div': 'export',\n      '#tool_open div div': 'open',\n      '#tool_import div div': 'import',\n      '#tool_source': 'source',\n      '#tool_docprops > div': 'docprops',\n      '#tool_wireframe': 'wireframe',\n\n      '#tool_undo': 'undo',\n      '#tool_redo': 'redo',\n\n      '#tool_select': 'select',\n      '#tool_fhpath': 'pencil',\n      '#tool_line': 'pen',\n      '#tool_rect,#tools_rect_show': 'rect',\n      '#tool_square': 'square',\n      '#tool_fhrect': 'fh_rect',\n      '#tool_ellipse,#tools_ellipse_show': 'ellipse',\n      '#tool_circle': 'circle',\n      '#tool_fhellipse': 'fh_ellipse',\n      '#tool_path': 'path',\n      '#tool_text,#layer_rename': 'text',\n      '#tool_image': 'image',\n      '#tool_zoom': 'zoom',\n\n      '#tool_clone,#tool_clone_multi': 'clone',\n      '#tool_node_clone': 'node_clone',\n      '#layer_delete,#tool_delete,#tool_delete_multi': 'delete',\n      '#tool_node_delete': 'node_delete',\n      '#tool_add_subpath': 'add_subpath',\n      '#tool_openclose_path': 'open_path',\n      '#tool_move_top': 'move_top',\n      '#tool_move_bottom': 'move_bottom',\n      '#tool_topath': 'to_path',\n      '#tool_node_link': 'link_controls',\n      '#tool_reorient': 'reorient',\n      '#tool_group_elements': 'group_elements',\n      '#tool_ungroup': 'ungroup',\n      '#tool_unlink_use': 'unlink_use',\n\n      '#tool_alignleft, #tool_posleft': 'align_left',\n      '#tool_aligncenter, #tool_poscenter': 'align_center',\n      '#tool_alignright, #tool_posright': 'align_right',\n      '#tool_aligntop, #tool_postop': 'align_top',\n      '#tool_alignmiddle, #tool_posmiddle': 'align_middle',\n      '#tool_alignbottom, #tool_posbottom': 'align_bottom',\n      '#cur_position': 'align',\n\n      '#linecap_butt,#cur_linecap': 'linecap_butt',\n      '#linecap_round': 'linecap_round',\n      '#linecap_square': 'linecap_square',\n\n      '#linejoin_miter,#cur_linejoin': 'linejoin_miter',\n      '#linejoin_round': 'linejoin_round',\n      '#linejoin_bevel': 'linejoin_bevel',\n\n      '#url_notice': 'warning',\n\n      '#layer_up': 'go_up',\n      '#layer_down': 'go_down',\n      '#layer_moreopts': 'context_menu',\n      '#layerlist td.layervis': 'eye',\n\n      '#tool_source_save,#tool_docprops_save,#tool_prefs_save': 'ok',\n      '#tool_source_cancel,#tool_docprops_cancel,#tool_prefs_cancel': 'cancel',\n\n      '#rwidthLabel, #iwidthLabel': 'width',\n      '#rheightLabel, #iheightLabel': 'height',\n      '#cornerRadiusLabel span': 'c_radius',\n      '#angleLabel': 'angle',\n      '#linkLabel,#tool_make_link,#tool_make_link_multi': 'globe_link',\n      '#zoomLabel': 'zoom',\n      '#tool_fill label': 'fill',\n      '#tool_stroke .icon_label': 'stroke',\n      '#group_opacityLabel': 'opacity',\n      '#blurLabel': 'blur',\n      '#font_sizeLabel': 'fontsize',\n\n      '.flyout_arrow_horiz': 'arrow_right',\n      '.dropdown button, #main_button .dropdown': 'arrow_down',\n      '#palette .palette_item:first, #fill_bg, #stroke_bg': 'no_color'\n    },\n    resize: {\n      '#logo .svg_icon': 28,\n      '.flyout_arrow_horiz .svg_icon': 5,\n      '.layer_button .svg_icon, #layerlist td.layervis .svg_icon': 14,\n      '.dropdown button .svg_icon': 7,\n      '#main_button .dropdown .svg_icon': 9,\n      '.palette_item:first .svg_icon': 15,\n      '#fill_bg .svg_icon, #stroke_bg .svg_icon': 16,\n      '.toolbar_button button .svg_icon': 16,\n      '.stroke_tool div div .svg_icon': 20,\n      '#tools_bottom label .svg_icon': 18\n    },\n    callback (icons) {\n      $('.toolbar_button button > svg, .toolbar_button button > img').each(function () {\n        $(this).parent().prepend(this);\n      });\n\n      const tleft = $('#tools_left');\n\n      let minHeight;\n      if (tleft.length) {\n        minHeight = tleft.offset().top + tleft.outerHeight();\n      }\n\n      const size = $.pref('iconsize');\n      editor.setIconSize(size || ($(window).height() < minHeight ? 's' : 'm'));\n\n      // Look for any missing flyout icons from plugins\n      $('.tools_flyout').each(function () {\n        const shower = $('#' + this.id + '_show');\n        const sel = shower.attr('data-curopt');\n        // Check if there's an icon here\n        if (!shower.children('svg, img').length) {\n          const clone = $(sel).children().clone();\n          if (clone.length) {\n            clone[0].removeAttribute('style'); // Needed for Opera\n            shower.append(clone);\n          }\n        }\n      });\n\n      function getStylesheetPriority (stylesheet) {\n        switch (stylesheet) {\n        case 'jgraduate/css/jPicker.css':\n          return 1;\n        case 'jgraduate/css/jGraduate.css':\n          return 2;\n        case 'svg-editor.css':\n          return 3;\n        case 'spinbtn/jQuery.SpinButton.css':\n          return 4;\n        default:\n          return Infinity;\n        }\n      }\n      let stylesheets = $.loadingStylesheets.sort((a, b) => {\n        const priorityA = getStylesheetPriority(a);\n        const priorityB = getStylesheetPriority(b);\n        if (priorityA === priorityB) {\n          return 0;\n        }\n        return priorityA > priorityB;\n      });\n      if (curConfig.stylesheets.length) {\n        // Ensure a copy with unique items\n        stylesheets = [...new Set(curConfig.stylesheets)];\n        const idx = stylesheets.indexOf('@default');\n        if (idx > -1) {\n          stylesheets.splice(idx, 1, ...$.loadingStylesheets);\n        }\n      }\n      loadStylesheets(stylesheets, {acceptErrors: ({stylesheetURL, reject, resolve}) => {\n        if ($.loadingStylesheets.includes(stylesheetURL)) {\n          reject(new Error(`Missing expected stylesheet: ${stylesheetURL}`));\n          return;\n        }\n        resolve();\n      }}).then(() => {\n        $('#svg_container')[0].style.visibility = 'visible';\n        editor.runCallbacks();\n      });\n    }\n  });\n\n  /**\n  * @name module:SVGEditor.canvas\n  * @type {module:svgcanvas.SvgCanvas}\n  */\n  editor.canvas = svgCanvas = new SvgCanvas(\n    document.getElementById('svgcanvas'),\n    curConfig\n  );\n  const palette = [ // Todo: Make into configuration item?\n      '#000000', '#3f3f3f', '#7f7f7f', '#bfbfbf', '#ffffff',\n      '#ff0000', '#ff7f00', '#ffff00', '#7fff00',\n      '#00ff00', '#00ff7f', '#00ffff', '#007fff',\n      '#0000ff', '#7f00ff', '#ff00ff', '#ff007f',\n      '#7f0000', '#7f3f00', '#7f7f00', '#3f7f00',\n      '#007f00', '#007f3f', '#007f7f', '#003f7f',\n      '#00007f', '#3f007f', '#7f007f', '#7f003f',\n      '#ffaaaa', '#ffd4aa', '#ffffaa', '#d4ffaa',\n      '#aaffaa', '#aaffd4', '#aaffff', '#aad4ff',\n      '#aaaaff', '#d4aaff', '#ffaaff', '#ffaad4'\n    ],\n    modKey = (isMac() ? 'meta+' : 'ctrl+'), // ⌘\n    path = svgCanvas.pathActions,\n    {undoMgr} = svgCanvas,\n    workarea = $('#workarea'),\n    canvMenu = $('#cmenu_canvas'),\n    // layerMenu = $('#cmenu_layers'), // Unused\n    paintBox = {fill: null, stroke: null};\n\n  let resizeTimer, curScrollPos;\n  let exportWindow = null,\n    defaultImageURL = curConfig.imgPath + 'logo.png',\n    zoomInIcon = 'crosshair',\n    zoomOutIcon = 'crosshair',\n    uiContext = 'toolbars';\n\n  // For external openers\n  (function () {\n    // let the opener know SVG Edit is ready (now that config is set up)\n    const w = window.opener || window.parent;\n    if (w) {\n      try {\n        /**\n         * Triggered on a containing `document` (of `window.opener`\n         * or `window.parent`) when the editor is loaded.\n         * @event module:SVGEditor#event:svgEditorReadyEvent\n         * @type {Event}\n         * @property {true} bubbles\n         * @property {true} cancelable\n         */\n        /**\n         * @name module:SVGEditor.svgEditorReadyEvent\n         * @type {module:SVGEditor#event:svgEditorReadyEvent}\n         */\n        const svgEditorReadyEvent = new w.CustomEvent('svgEditorReady', {\n          bubbles: true,\n          cancelable: true\n        });\n        w.document.documentElement.dispatchEvent(svgEditorReadyEvent);\n      } catch (e) {}\n    }\n  }());\n\n  // This sets up alternative dialog boxes. They mostly work the same way as\n  // their UI counterparts, expect instead of returning the result, a callback\n  // needs to be included that returns the result as its first parameter.\n  // In the future we may want to add additional types of dialog boxes, since\n  // they should be easy to handle this way.\n  (function () {\n    $('#dialog_container').draggable({\n      cancel: '#dialog_content, #dialog_buttons *',\n      containment: 'window'\n    }).css('position', 'absolute');\n    const box = $('#dialog_box'),\n      btnHolder = $('#dialog_buttons'),\n      dialogContent = $('#dialog_content'),\n      dbox = function (type, msg, callback, defaultVal, opts, changeCb, checkbox) {\n        dialogContent.html('<p>' + msg.replace(/\\n/g, '</p><p>') + '</p>')\n          .toggleClass('prompt', (type === 'prompt'));\n        btnHolder.empty();\n\n        const ok = $('<input type=\"button\" value=\"' + uiStrings.common.ok + '\">').appendTo(btnHolder);\n\n        if (type !== 'alert') {\n          $('<input type=\"button\" value=\"' + uiStrings.common.cancel + '\">')\n            .appendTo(btnHolder)\n            .click(function () {\n              box.hide();\n              if (callback) {\n                callback(false); // eslint-disable-line standard/no-callback-literal\n              }\n            });\n        }\n\n        let ctrl, chkbx;\n        if (type === 'prompt') {\n          ctrl = $('<input type=\"text\">').prependTo(btnHolder);\n          ctrl.val(defaultVal || '');\n          ctrl.bind('keydown', 'return', function () { ok.click(); });\n        } else if (type === 'select') {\n          const div = $('<div style=\"text-align:center;\">');\n          ctrl = $('<select>').appendTo(div);\n          if (checkbox) {\n            const label = $('<label>').text(checkbox.label);\n            chkbx = $('<input type=\"checkbox\">').appendTo(label);\n            chkbx.val(checkbox.value);\n            if (checkbox.tooltip) {\n              label.attr('title', checkbox.tooltip);\n            }\n            chkbx.prop('checked', !!checkbox.checked);\n            div.append($('<div>').append(label));\n          }\n          $.each(opts || [], function (opt, val) {\n            if (typeof val === 'object') {\n              ctrl.append($('<option>').val(val.value).html(val.text));\n            } else {\n              ctrl.append($('<option>').html(val));\n            }\n          });\n          dialogContent.append(div);\n          if (defaultVal) {\n            ctrl.val(defaultVal);\n          }\n          if (changeCb) {\n            ctrl.bind('change', 'return', changeCb);\n          }\n          ctrl.bind('keydown', 'return', function () { ok.click(); });\n        } else if (type === 'process') {\n          ok.hide();\n        }\n\n        box.show();\n\n        ok.click(function () {\n          box.hide();\n          const resp = (type === 'prompt' || type === 'select') ? ctrl.val() : true;\n          if (callback) {\n            if (chkbx) {\n              callback(resp, chkbx.prop('checked'));\n            } else {\n              callback(resp);\n            }\n          }\n        }).focus();\n\n        if (type === 'prompt' || type === 'select') {\n          ctrl.focus();\n        }\n      };\n\n    $.alert = function (msg, cb) { dbox('alert', msg, cb); };\n    $.confirm = function (msg, cb) { dbox('confirm', msg, cb); };\n    $.process_cancel = function (msg, cb) { dbox('process', msg, cb); };\n    $.prompt = function (msg, txt, cb) { dbox('prompt', msg, cb, txt); };\n    $.select = function (msg, opts, cb, changeCb, txt, checkbox) { dbox('select', msg, cb, txt, opts, changeCb, checkbox); };\n  }());\n\n  const setSelectMode = function () {\n    const curr = $('.tool_button_current');\n    if (curr.length && curr[0].id !== 'tool_select') {\n      curr.removeClass('tool_button_current').addClass('tool_button');\n      $('#tool_select').addClass('tool_button_current').removeClass('tool_button');\n      $('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all} #svgcanvas svg{cursor:default}');\n    }\n    svgCanvas.setMode('select');\n    workarea.css('cursor', 'auto');\n  };\n\n  // used to make the flyouts stay on the screen longer the very first time\n  // const flyoutspeed = 1250; // Currently unused\n  // let textBeingEntered = false; // Currently unused\n  const origTitle = $('title:first').text();\n  // Make [1,2,5] array\n  const rIntervals = [];\n  for (let i = 0.1; i < 1E5; i *= 10) {\n    rIntervals.push(i);\n    rIntervals.push(2 * i);\n    rIntervals.push(5 * i);\n  }\n\n  // This function highlights the layer passed in (by fading out the other layers)\n  // if no layer is passed in, this function restores the other layers\n  const toggleHighlightLayer = function (layerNameToHighlight) {\n    let i;\n    const curNames = [], numLayers = svgCanvas.getCurrentDrawing().getNumLayers();\n    for (i = 0; i < numLayers; i++) {\n      curNames[i] = svgCanvas.getCurrentDrawing().getLayerName(i);\n    }\n\n    if (layerNameToHighlight) {\n      for (i = 0; i < numLayers; ++i) {\n        if (curNames[i] !== layerNameToHighlight) {\n          svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 0.5);\n        }\n      }\n    } else {\n      for (i = 0; i < numLayers; ++i) {\n        svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 1.0);\n      }\n    }\n  };\n\n  const populateLayers = function () {\n    svgCanvas.clearSelection();\n    const layerlist = $('#layerlist tbody').empty();\n    const selLayerNames = $('#selLayerNames').empty();\n    const drawing = svgCanvas.getCurrentDrawing();\n    const currentLayerName = drawing.getCurrentLayerName();\n    const icon = $.getSvgIcon('eye');\n    let layer = svgCanvas.getCurrentDrawing().getNumLayers();\n    // we get the layers in the reverse z-order (the layer rendered on top is listed first)\n    while (layer--) {\n      const name = drawing.getLayerName(layer);\n      const layerTr = $('<tr class=\"layer\">').toggleClass('layersel', name === currentLayerName);\n      const layerVis = $('<td class=\"layervis\">').toggleClass('layerinvis', !drawing.getLayerVisibility(name));\n      const layerName = $('<td class=\"layername\">' + name + '</td>');\n      layerlist.append(layerTr.append(layerVis, layerName));\n      selLayerNames.append('<option value=\"' + name + '\">' + name + '</option>');\n    }\n    if (icon !== undefined) {\n      const copy = icon.clone();\n      $('td.layervis', layerlist).append(copy);\n      $.resizeSvgIcons({'td.layervis .svg_icon': 14});\n    }\n    // handle selection of layer\n    $('#layerlist td.layername')\n      .mouseup(function (evt) {\n        $('#layerlist tr.layer').removeClass('layersel');\n        $(this.parentNode).addClass('layersel');\n        svgCanvas.setCurrentLayer(this.textContent);\n        evt.preventDefault();\n      })\n      .mouseover(function () {\n        toggleHighlightLayer(this.textContent);\n      })\n      .mouseout(function () {\n        toggleHighlightLayer();\n      });\n    $('#layerlist td.layervis').click(function () {\n      const row = $(this.parentNode).prevAll().length;\n      const name = $('#layerlist tr.layer:eq(' + row + ') td.layername').text();\n      const vis = $(this).hasClass('layerinvis');\n      svgCanvas.setLayerVisibility(name, vis);\n      $(this).toggleClass('layerinvis');\n    });\n\n    // if there were too few rows, let's add a few to make it not so lonely\n    let num = 5 - $('#layerlist tr.layer').size();\n    while (num-- > 0) {\n      // FIXME: there must a better way to do this\n      layerlist.append('<tr><td style=\"color:white\">_</td><td/></tr>');\n    }\n  };\n\n  let editingsource = false;\n  let origSource = '';\n  const showSourceEditor = function (e, forSaving) {\n    if (editingsource) { return; }\n\n    editingsource = true;\n    origSource = svgCanvas.getSvgString();\n    $('#save_output_btns').toggle(!!forSaving);\n    $('#tool_source_back').toggle(!forSaving);\n    $('#svg_source_textarea').val(origSource);\n    $('#svg_source_editor').fadeIn();\n    $('#svg_source_textarea').focus();\n  };\n\n  let selectedElement = null;\n  let multiselected = false;\n\n  const togglePathEditMode = function (editmode, elems) {\n    $('#path_node_panel').toggle(editmode);\n    $('#tools_bottom_2,#tools_bottom_3').toggle(!editmode);\n    if (editmode) {\n      // Change select icon\n      $('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');\n      $('#tool_select').addClass('tool_button_current').removeClass('tool_button');\n      setIcon('#tool_select', 'select_node');\n      multiselected = false;\n      if (elems.length) {\n        selectedElement = elems[0];\n      }\n    } else {\n      setTimeout(() => {\n        setIcon('#tool_select', 'select');\n      }, 1000);\n    }\n  };\n\n  /**\n   * @type {module:svgcanvas.EventHandler}\n   * @param {external:Window} wind\n   * @param {module:svgcanvas.SvgCanvas#event:saved} svg The SVG source\n   * @listens module:svgcanvas.SvgCanvas#event:saved\n   * @returns {undefined}\n   */\n  const saveHandler = function (wind, svg) {\n    editor.showSaveWarning = false;\n\n    // by default, we add the XML prolog back, systems integrating SVG-edit (wikis, CMSs)\n    // can just provide their own custom save handler and might not want the XML prolog\n    svg = '<?xml version=\"1.0\"?>\\n' + svg;\n\n    // IE9 doesn't allow standalone Data URLs\n    // https://connect.microsoft.com/IE/feedback/details/542600/data-uri-images-fail-when-loaded-by-themselves\n    if (isIE()) {\n      showSourceEditor(0, true);\n      return;\n    }\n\n    // Since saving SVGs by opening a new window was removed in Chrome use artificial link-click\n    // https://stackoverflow.com/questions/45603201/window-is-not-allowed-to-navigate-top-frame-navigations-to-data-urls\n    const a = document.createElement('a');\n    a.href = 'data:image/svg+xml;base64,' + Utils.encode64(svg);\n    a.download = 'icon.svg';\n\n    a.click();\n\n    // Alert will only appear the first time saved OR the\n    //   first time the bug is encountered\n    let done = $.pref('save_notice_done');\n    if (done !== 'all') {\n      let note = uiStrings.notification.saveFromBrowser.replace('%s', 'SVG');\n      // Check if FF and has <defs/>\n      if (isGecko()) {\n        if (svg.includes('<defs')) {\n          // warning about Mozilla bug #308590 when applicable (seems to be fixed now in Feb 2013)\n          note += '\\n\\n' + uiStrings.notification.defsFailOnSave;\n          $.pref('save_notice_done', 'all');\n          done = 'all';\n        } else {\n          $.pref('save_notice_done', 'part');\n        }\n      } else {\n        $.pref('save_notice_done', 'all');\n      }\n      if (done !== 'part') {\n        alert(note);\n      }\n    }\n  };\n\n  /**\n   * @param {external:Window} win\n   * @param {module:svgcanvas.SvgCanvas#event:exported} data\n   * @listens module:svgcanvas.SvgCanvas#event:exported\n   * @returns {undefined}\n   */\n  const exportHandler = function (win, data) {\n    const {issues, exportWindowName} = data;\n\n    if (exportWindowName) {\n      exportWindow = window.open(Utils.blankPageObjectURL || '', exportWindowName); // A hack to get the window via JSON-able name without opening a new one\n    }\n\n    if (!exportWindow || exportWindow.closed) {\n      $.alert(uiStrings.notification.popupWindowBlocked);\n      return;\n    }\n\n    exportWindow.location.href = data.bloburl || data.datauri;\n    const done = $.pref('export_notice_done');\n    if (done !== 'all') {\n      let note = uiStrings.notification.saveFromBrowser.replace('%s', data.type);\n\n      // Check if there are issues\n      if (issues.length) {\n        const pre = '\\n \\u2022 ';\n        note += ('\\n\\n' + uiStrings.notification.noteTheseIssues + pre + issues.join(pre));\n      }\n\n      // Note that this will also prevent the notice even though new issues may appear later.\n      // May want to find a way to deal with that without annoying the user\n      $.pref('export_notice_done', 'all');\n      exportWindow.alert(note);\n    }\n  };\n\n  const operaRepaint = function () {\n    // Repaints canvas in Opera. Needed for stroke-dasharray change as well as fill change\n    if (!window.opera) {\n      return;\n    }\n    $('<p/>').hide().appendTo('body').remove();\n  };\n\n  function setStrokeOpt (opt, changeElem) {\n    const {id} = opt;\n    const bits = id.split('_');\n    const pre = bits[0];\n    const val = bits[1];\n\n    if (changeElem) {\n      svgCanvas.setStrokeAttr('stroke-' + pre, val);\n    }\n    operaRepaint();\n    setIcon('#cur_' + pre, id, 20);\n    $(opt).addClass('current').siblings().removeClass('current');\n  }\n\n  /**\n  * This is a common function used when a tool has been clicked (chosen)\n  * It does several common things:\n  * - removes the `tool_button_current` class from whatever tool currently has it\n  * - hides any flyouts\n  * - adds the `tool_button_current` class to the button passed in\n  * @function module:SVGEDitor.toolButtonClick\n  * @param {string|Element} button The DOM element or string selector representing the toolbar button\n  * @param {boolean} noHiding Whether not to hide any flyouts\n  * @returns {boolean} Whether the button was disabled or not\n  */\n  const toolButtonClick = editor.toolButtonClick = function (button, noHiding) {\n    if ($(button).hasClass('disabled')) { return false; }\n    if ($(button).parent().hasClass('tools_flyout')) { return true; }\n    const fadeFlyouts = 'normal';\n    if (!noHiding) {\n      $('.tools_flyout').fadeOut(fadeFlyouts);\n    }\n    $('#styleoverrides').text('');\n    workarea.css('cursor', 'auto');\n    $('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');\n    $(button).addClass('tool_button_current').removeClass('tool_button');\n    return true;\n  };\n\n  /**\n  * Unless the select toolbar button is disabled, sets the button\n  * and sets the select mode and cursor styles.\n  * @function module:SVGEditor.clickSelect\n  * @returns {undefined}\n  */\n  const clickSelect = editor.clickSelect = function () {\n    if (toolButtonClick('#tool_select')) {\n      svgCanvas.setMode('select');\n      $('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all}, #svgcanvas svg{cursor:default}');\n    }\n  };\n\n  /**\n  * Set a selected image's URL\n  * @function module:SVGEditor.setImageURL\n  * @param {string} url\n  * @returns {undefined}\n  */\n  const setImageURL = editor.setImageURL = function (url) {\n    if (!url) {\n      url = defaultImageURL;\n    }\n    svgCanvas.setImageURL(url);\n    $('#image_url').val(url);\n\n    if (url.startsWith('data:')) {\n      // data URI found\n      $('#image_url').hide();\n      $('#change_image_url').show();\n    } else {\n      // regular URL\n      svgCanvas.embedImage(url, function (dataURI) {\n        // Couldn't embed, so show warning\n        $('#url_notice').toggle(!dataURI);\n        defaultImageURL = url;\n      });\n      $('#image_url').show();\n      $('#change_image_url').hide();\n    }\n  };\n\n  function setBackground (color, url) {\n    // if (color == $.pref('bkgd_color') && url == $.pref('bkgd_url')) { return; }\n    $.pref('bkgd_color', color);\n    $.pref('bkgd_url', url);\n\n    // This should be done in svgcanvas.js for the borderRect fill\n    svgCanvas.setBackground(color, url);\n  }\n\n  function promptImgURL ({cancelDeletes = false} = {}) {\n    let curhref = svgCanvas.getHref(selectedElement);\n    curhref = curhref.startsWith('data:') ? '' : curhref;\n    $.prompt(uiStrings.notification.enterNewImgURL, curhref, function (url) {\n      if (url) {\n        setImageURL(url);\n      } else if (cancelDeletes) {\n        svgCanvas.deleteSelectedElements();\n      }\n    });\n  }\n\n  const setInputWidth = function (elem) {\n    const w = Math.min(Math.max(12 + elem.value.length * 6, 50), 300);\n    $(elem).width(w);\n  };\n\n  function updateRulers (scanvas, zoom) {\n    if (!zoom) { zoom = svgCanvas.getZoom(); }\n    if (!scanvas) { scanvas = $('#svgcanvas'); }\n\n    let d, i;\n    const limit = 30000;\n    const contentElem = svgCanvas.getContentElem();\n    const units = getTypeMap();\n    const unit = units[curConfig.baseUnit]; // 1 = 1px\n\n    // draw x ruler then y ruler\n    for (d = 0; d < 2; d++) {\n      const isX = (d === 0);\n      const dim = isX ? 'x' : 'y';\n      const lentype = isX ? 'width' : 'height';\n      const contentDim = Number(contentElem.getAttribute(dim));\n\n      const $hcanvOrig = $('#ruler_' + dim + ' canvas:first');\n\n      // Bit of a hack to fully clear the canvas in Safari & IE9\n      const $hcanv = $hcanvOrig.clone();\n      $hcanvOrig.replaceWith($hcanv);\n\n      const hcanv = $hcanv[0];\n\n      // Set the canvas size to the width of the container\n      let rulerLen = scanvas[lentype]();\n      const totalLen = rulerLen;\n      hcanv.parentNode.style[lentype] = totalLen + 'px';\n      let ctx = hcanv.getContext('2d');\n      let ctxArr, num, ctxArrNum;\n\n      ctx.fillStyle = 'rgb(200,0,0)';\n      ctx.fillRect(0, 0, hcanv.width, hcanv.height);\n\n      // Remove any existing canvasses\n      $hcanv.siblings().remove();\n\n      // Create multiple canvases when necessary (due to browser limits)\n      if (rulerLen >= limit) {\n        ctxArrNum = parseInt(rulerLen / limit, 10) + 1;\n        ctxArr = [];\n        ctxArr[0] = ctx;\n        let copy;\n        for (i = 1; i < ctxArrNum; i++) {\n          hcanv[lentype] = limit;\n          copy = hcanv.cloneNode(true);\n          hcanv.parentNode.append(copy);\n          ctxArr[i] = copy.getContext('2d');\n        }\n\n        copy[lentype] = rulerLen % limit;\n\n        // set copy width to last\n        rulerLen = limit;\n      }\n\n      hcanv[lentype] = rulerLen;\n\n      const uMulti = unit * zoom;\n\n      // Calculate the main number interval\n      const rawM = 50 / uMulti;\n      let multi = 1;\n      for (i = 0; i < rIntervals.length; i++) {\n        num = rIntervals[i];\n        multi = num;\n        if (rawM <= num) {\n          break;\n        }\n      }\n\n      const bigInt = multi * uMulti;\n\n      ctx.font = '9px sans-serif';\n\n      let rulerD = ((contentDim / uMulti) % multi) * uMulti;\n      let labelPos = rulerD - bigInt;\n      // draw big intervals\n      let ctxNum = 0;\n      while (rulerD < totalLen) {\n        labelPos += bigInt;\n        // const realD = rulerD - contentDim; // Currently unused\n\n        const curD = Math.round(rulerD) + 0.5;\n        if (isX) {\n          ctx.moveTo(curD, 15);\n          ctx.lineTo(curD, 0);\n        } else {\n          ctx.moveTo(15, curD);\n          ctx.lineTo(0, curD);\n        }\n\n        num = (labelPos - contentDim) / uMulti;\n        let label;\n        if (multi >= 1) {\n          label = Math.round(num);\n        } else {\n          const decs = String(multi).split('.')[1].length;\n          label = num.toFixed(decs);\n        }\n\n        // Change 1000s to Ks\n        if (label !== 0 && label !== 1000 && label % 1000 === 0) {\n          label = (label / 1000) + 'K';\n        }\n\n        if (isX) {\n          ctx.fillText(label, rulerD + 2, 8);\n        } else {\n          // draw label vertically\n          const str = String(label).split('');\n          for (i = 0; i < str.length; i++) {\n            ctx.fillText(str[i], 1, (rulerD + 9) + i * 9);\n          }\n        }\n\n        const part = bigInt / 10;\n        // draw the small intervals\n        for (i = 1; i < 10; i++) {\n          let subD = Math.round(rulerD + part * i) + 0.5;\n          if (ctxArr && subD > rulerLen) {\n            ctxNum++;\n            ctx.stroke();\n            if (ctxNum >= ctxArrNum) {\n              i = 10;\n              rulerD = totalLen;\n              continue;\n            }\n            ctx = ctxArr[ctxNum];\n            rulerD -= limit;\n            subD = Math.round(rulerD + part * i) + 0.5;\n          }\n\n          // odd lines are slighly longer\n          const lineNum = (i % 2) ? 12 : 10;\n          if (isX) {\n            ctx.moveTo(subD, 15);\n            ctx.lineTo(subD, lineNum);\n          } else {\n            ctx.moveTo(15, subD);\n            ctx.lineTo(lineNum, subD);\n          }\n        }\n        rulerD += bigInt;\n      }\n      ctx.strokeStyle = '#000';\n      ctx.stroke();\n    }\n  }\n\n  /**\n  * @function module:SVGEditor.updateCanvas\n  * @param {boolean} center\n  * @param {module:math.XYObject} newCtr\n  * @returns {undefined}\n  */\n  const updateCanvas = editor.updateCanvas = function (center, newCtr) {\n    const zoom = svgCanvas.getZoom();\n    const wArea = workarea;\n    const cnvs = $('#svgcanvas');\n\n    let w = workarea.width(), h = workarea.height();\n    const wOrig = w, hOrig = h;\n    const oldCtr = {\n      x: wArea[0].scrollLeft + wOrig / 2,\n      y: wArea[0].scrollTop + hOrig / 2\n    };\n    const multi = curConfig.canvas_expansion;\n    w = Math.max(wOrig, svgCanvas.contentW * zoom * multi);\n    h = Math.max(hOrig, svgCanvas.contentH * zoom * multi);\n\n    if (w === wOrig && h === hOrig) {\n      workarea.css('overflow', 'hidden');\n    } else {\n      workarea.css('overflow', 'scroll');\n    }\n\n    const oldCanY = cnvs.height() / 2;\n    const oldCanX = cnvs.width() / 2;\n    cnvs.width(w).height(h);\n    const newCanY = h / 2;\n    const newCanX = w / 2;\n    const offset = svgCanvas.updateCanvas(w, h);\n\n    const ratio = newCanX / oldCanX;\n\n    const scrollX = w / 2 - wOrig / 2;\n    const scrollY = h / 2 - hOrig / 2;\n\n    if (!newCtr) {\n      const oldDistX = oldCtr.x - oldCanX;\n      const newX = newCanX + oldDistX * ratio;\n\n      const oldDistY = oldCtr.y - oldCanY;\n      const newY = newCanY + oldDistY * ratio;\n\n      newCtr = {\n        x: newX,\n        y: newY\n      };\n    } else {\n      newCtr.x += offset.x;\n      newCtr.y += offset.y;\n    }\n\n    if (center) {\n      // Go to top-left for larger documents\n      if (svgCanvas.contentW > wArea.width()) {\n        // Top-left\n        workarea[0].scrollLeft = offset.x - 10;\n        workarea[0].scrollTop = offset.y - 10;\n      } else {\n        // Center\n        wArea[0].scrollLeft = scrollX;\n        wArea[0].scrollTop = scrollY;\n      }\n    } else {\n      wArea[0].scrollLeft = newCtr.x - wOrig / 2;\n      wArea[0].scrollTop = newCtr.y - hOrig / 2;\n    }\n    if (curConfig.showRulers) {\n      updateRulers(cnvs, zoom);\n      workarea.scroll();\n    }\n    if (urldata.storagePrompt !== true && !editor.storagePromptClosed) {\n      $('#dialog_box').hide();\n    }\n  };\n\n  /**\n   * @fires module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate\n   * @returns {undefined}\n   */\n  const updateToolButtonState = function () {\n    let index, button;\n    const bNoFill = (svgCanvas.getColor('fill') === 'none');\n    const bNoStroke = (svgCanvas.getColor('stroke') === 'none');\n    const buttonsNeedingStroke = ['#tool_fhpath', '#tool_line'];\n    const buttonsNeedingFillAndStroke = ['#tools_rect .tool_button', '#tools_ellipse .tool_button', '#tool_text', '#tool_path'];\n    if (bNoStroke) {\n      for (index in buttonsNeedingStroke) {\n        button = buttonsNeedingStroke[index];\n        if ($(button).hasClass('tool_button_current')) {\n          clickSelect();\n        }\n        $(button).addClass('disabled');\n      }\n    } else {\n      for (index in buttonsNeedingStroke) {\n        button = buttonsNeedingStroke[index];\n        $(button).removeClass('disabled');\n      }\n    }\n\n    if (bNoStroke && bNoFill) {\n      for (index in buttonsNeedingFillAndStroke) {\n        button = buttonsNeedingFillAndStroke[index];\n        if ($(button).hasClass('tool_button_current')) {\n          clickSelect();\n        }\n        $(button).addClass('disabled');\n      }\n    } else {\n      for (index in buttonsNeedingFillAndStroke) {\n        button = buttonsNeedingFillAndStroke[index];\n        $(button).removeClass('disabled');\n      }\n    }\n\n    svgCanvas.runExtensions('toolButtonStateUpdate', /** @type {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} */ {\n      nofill: bNoFill,\n      nostroke: bNoStroke\n    });\n\n    // Disable flyouts if all inside are disabled\n    $('.tools_flyout').each(function () {\n      const shower = $('#' + this.id + '_show');\n      let hasEnabled = false;\n      $(this).children().each(function () {\n        if (!$(this).hasClass('disabled')) {\n          hasEnabled = true;\n        }\n      });\n      shower.toggleClass('disabled', !hasEnabled);\n    });\n\n    operaRepaint();\n  };\n\n  // Updates the toolbar (colors, opacity, etc) based on the selected element\n  // This function also updates the opacity and id elements that are in the context panel\n  const updateToolbar = function () {\n    let i, len;\n    if (selectedElement != null) {\n      switch (selectedElement.tagName) {\n      case 'use':\n      case 'image':\n      case 'foreignObject':\n        break;\n      case 'g':\n      case 'a':\n        // Look for common styles\n        const childs = selectedElement.getElementsByTagName('*');\n        let gWidth = null;\n        for (i = 0, len = childs.length; i < len; i++) {\n          const swidth = childs[i].getAttribute('stroke-width');\n\n          if (i === 0) {\n            gWidth = swidth;\n          } else if (gWidth !== swidth) {\n            gWidth = null;\n          }\n        }\n\n        $('#stroke_width').val(gWidth === null ? '' : gWidth);\n\n        paintBox.fill.update(true);\n        paintBox.stroke.update(true);\n\n        break;\n      default:\n        paintBox.fill.update(true);\n        paintBox.stroke.update(true);\n\n        $('#stroke_width').val(selectedElement.getAttribute('stroke-width') || 1);\n        $('#stroke_style').val(selectedElement.getAttribute('stroke-dasharray') || 'none');\n\n        let attr = selectedElement.getAttribute('stroke-linejoin') || 'miter';\n\n        if ($('#linejoin_' + attr).length) {\n          setStrokeOpt($('#linejoin_' + attr)[0]);\n        }\n\n        attr = selectedElement.getAttribute('stroke-linecap') || 'butt';\n\n        if ($('#linecap_' + attr).length) {\n          setStrokeOpt($('#linecap_' + attr)[0]);\n        }\n      }\n    }\n\n    // All elements including image and group have opacity\n    if (selectedElement != null) {\n      const opacPerc = (selectedElement.getAttribute('opacity') || 1.0) * 100;\n      $('#group_opacity').val(opacPerc);\n      $('#opac_slider').slider('option', 'value', opacPerc);\n      $('#elem_id').val(selectedElement.id);\n      $('#elem_class').val(selectedElement.getAttribute('class'));\n    }\n\n    updateToolButtonState();\n  };\n\n  // updates the context panel tools based on the selected element\n  const updateContextPanel = function () {\n    let elem = selectedElement;\n    // If element has just been deleted, consider it null\n    if (elem != null && !elem.parentNode) { elem = null; }\n    const currentLayerName = svgCanvas.getCurrentDrawing().getCurrentLayerName();\n    const currentMode = svgCanvas.getMode();\n    const unit = curConfig.baseUnit !== 'px' ? curConfig.baseUnit : null;\n\n    const isNode = currentMode === 'pathedit'; // elem ? (elem.id && elem.id.startsWith('pathpointgrip')) : false;\n    const menuItems = $('#cmenu_canvas li');\n    $('#selected_panel, #multiselected_panel, #g_panel, #rect_panel, #circle_panel,' +\n      '#ellipse_panel, #line_panel, #text_panel, #image_panel, #container_panel,' +\n      ' #use_panel, #a_panel').hide();\n    if (elem != null) {\n      const elname = elem.nodeName;\n      // If this is a link with no transform and one child, pretend\n      // its child is selected\n      // if (elname === 'a') { // && !$(elem).attr('transform')) {\n      //   elem = elem.firstChild;\n      // }\n\n      const angle = svgCanvas.getRotationAngle(elem);\n      $('#angle').val(angle);\n\n      const blurval = svgCanvas.getBlur(elem);\n      $('#blur').val(blurval);\n      $('#blur_slider').slider('option', 'value', blurval);\n\n      if (svgCanvas.addedNew) {\n        if (elname === 'image' && svgCanvas.getMode() === 'image') {\n          // Prompt for URL if not a data URL\n          if (!svgCanvas.getHref(elem).startsWith('data:')) {\n            promptImgURL({cancelDeletes: true});\n          }\n        }\n        /* else if (elname == 'text') {\n          // TODO: Do something here for new text\n        } */\n      }\n\n      if (!isNode && currentMode !== 'pathedit') {\n        $('#selected_panel').show();\n        // Elements in this array already have coord fields\n        if (['line', 'circle', 'ellipse'].includes(elname)) {\n          $('#xy_panel').hide();\n        } else {\n          let x, y;\n\n          // Get BBox vals for g, polyline and path\n          if (['g', 'polyline', 'path'].includes(elname)) {\n            const bb = svgCanvas.getStrokedBBox([elem]);\n            if (bb) {\n              ({x, y} = bb);\n            }\n          } else {\n            x = elem.getAttribute('x');\n            y = elem.getAttribute('y');\n          }\n\n          if (unit) {\n            x = convertUnit(x);\n            y = convertUnit(y);\n          }\n\n          $('#selected_x').val(x || 0);\n          $('#selected_y').val(y || 0);\n          $('#xy_panel').show();\n        }\n\n        // Elements in this array cannot be converted to a path\n        const noPath = !['image', 'text', 'path', 'g', 'use'].includes(elname);\n        $('#tool_topath').toggle(noPath);\n        $('#tool_reorient').toggle(elname === 'path');\n        $('#tool_reorient').toggleClass('disabled', angle === 0);\n      } else {\n        const point = path.getNodePoint();\n        $('#tool_add_subpath').removeClass('push_button_pressed').addClass('tool_button');\n        $('#tool_node_delete').toggleClass('disabled', !path.canDeleteNodes);\n\n        // Show open/close button based on selected point\n        setIcon('#tool_openclose_path', path.closed_subpath ? 'open_path' : 'close_path');\n\n        if (point) {\n          const segType = $('#seg_type');\n          if (unit) {\n            point.x = convertUnit(point.x);\n            point.y = convertUnit(point.y);\n          }\n          $('#path_node_x').val(point.x);\n          $('#path_node_y').val(point.y);\n          if (point.type) {\n            segType.val(point.type).removeAttr('disabled');\n          } else {\n            segType.val(4).attr('disabled', 'disabled');\n          }\n        }\n        return;\n      }\n\n      // update contextual tools here\n      const panels = {\n        g: [],\n        a: [],\n        rect: ['rx', 'width', 'height'],\n        image: ['width', 'height'],\n        circle: ['cx', 'cy', 'r'],\n        ellipse: ['cx', 'cy', 'rx', 'ry'],\n        line: ['x1', 'y1', 'x2', 'y2'],\n        text: [],\n        use: []\n      };\n\n      const {tagName} = elem;\n\n      // if ($(elem).data('gsvg')) {\n      //   $('#g_panel').show();\n      // }\n\n      let linkHref = null;\n      if (tagName === 'a') {\n        linkHref = svgCanvas.getHref(elem);\n        $('#g_panel').show();\n      }\n\n      if (elem.parentNode.tagName === 'a') {\n        if (!$(elem).siblings().length) {\n          $('#a_panel').show();\n          linkHref = svgCanvas.getHref(elem.parentNode);\n        }\n      }\n\n      // Hide/show the make_link buttons\n      $('#tool_make_link, #tool_make_link').toggle(!linkHref);\n\n      if (linkHref) {\n        $('#link_url').val(linkHref);\n      }\n\n      if (panels[tagName]) {\n        const curPanel = panels[tagName];\n\n        $('#' + tagName + '_panel').show();\n\n        $.each(curPanel, function (i, item) {\n          let attrVal = elem.getAttribute(item);\n          if (curConfig.baseUnit !== 'px' && elem[item]) {\n            const bv = elem[item].baseVal.value;\n            attrVal = convertUnit(bv);\n          }\n          $('#' + tagName + '_' + item).val(attrVal || 0);\n        });\n\n        if (tagName === 'text') {\n          $('#text_panel').css('display', 'inline');\n          $('#tool_font_size').css('display', 'inline');\n          if (svgCanvas.getItalic()) {\n            $('#tool_italic').addClass('push_button_pressed').removeClass('tool_button');\n          } else {\n            $('#tool_italic').removeClass('push_button_pressed').addClass('tool_button');\n          }\n          if (svgCanvas.getBold()) {\n            $('#tool_bold').addClass('push_button_pressed').removeClass('tool_button');\n          } else {\n            $('#tool_bold').removeClass('push_button_pressed').addClass('tool_button');\n          }\n          $('#font_family').val(elem.getAttribute('font-family'));\n          $('#font_size').val(elem.getAttribute('font-size'));\n          $('#text').val(elem.textContent);\n          if (svgCanvas.addedNew) {\n            // Timeout needed for IE9\n            setTimeout(function () {\n              $('#text').focus().select();\n            }, 100);\n          }\n        // text\n        } else if (tagName === 'image' && svgCanvas.getMode() === 'image') {\n          setImageURL(svgCanvas.getHref(elem));\n        // image\n        } else if (tagName === 'g' || tagName === 'use') {\n          $('#container_panel').show();\n          const title = svgCanvas.getTitle();\n          const label = $('#g_title')[0];\n          label.value = title;\n          setInputWidth(label);\n          $('#g_title').prop('disabled', tagName === 'use');\n        }\n      }\n      menuItems[(tagName === 'g' ? 'en' : 'dis') + 'ableContextMenuItems']('#ungroup');\n      menuItems[((tagName === 'g' || !multiselected) ? 'dis' : 'en') + 'ableContextMenuItems']('#group');\n    // if (elem != null)\n    } else if (multiselected) {\n      $('#multiselected_panel').show();\n      menuItems\n        .enableContextMenuItems('#group')\n        .disableContextMenuItems('#ungroup');\n    } else {\n      menuItems.disableContextMenuItems('#delete,#cut,#copy,#group,#ungroup,#move_front,#move_up,#move_down,#move_back');\n    }\n\n    // update history buttons\n    $('#tool_undo').toggleClass('disabled', undoMgr.getUndoStackSize() === 0);\n    $('#tool_redo').toggleClass('disabled', undoMgr.getRedoStackSize() === 0);\n\n    svgCanvas.addedNew = false;\n\n    if ((elem && !isNode) || multiselected) {\n      // update the selected elements' layer\n      $('#selLayerNames').removeAttr('disabled').val(currentLayerName);\n\n      // Enable regular menu options\n      canvMenu.enableContextMenuItems('#delete,#cut,#copy,#move_front,#move_up,#move_down,#move_back');\n    } else {\n      $('#selLayerNames').attr('disabled', 'disabled');\n    }\n  };\n\n  const updateWireFrame = function () {\n    // Test support\n    if (supportsNonSS) { return; }\n\n    const rule = '#workarea.wireframe #svgcontent * { stroke-width: ' + 1 / svgCanvas.getZoom() + 'px; }';\n    $('#wireframe_rules').text(workarea.hasClass('wireframe') ? rule : '');\n  };\n\n  let curContext = '';\n\n  const updateTitle = function (title) {\n    title = title || svgCanvas.getDocumentTitle();\n    const newTitle = origTitle + (title ? ': ' + title : '');\n\n    // Remove title update with current context info, isn't really necessary\n    // if (curContext) {\n    //   new_title = new_title + curContext;\n    // }\n    $('title:first').text(newTitle);\n  };\n\n  // called when we've selected a different element\n  /**\n  *\n  * @param {external:Window} win\n  * @param {module:svgcanvas.SvgCanvas#event:selected} elems Array of elements that were selected\n  * @listens module:svgcanvas.SvgCanvas#event:selected\n  * @fires module:svgcanvas.SvgCanvas#event:ext-selectedChanged\n  * @returns {undefined}\n  */\n  const selectedChanged = function (win, elems) {\n    const mode = svgCanvas.getMode();\n    if (mode === 'select') {\n      setSelectMode();\n    }\n    const isNode = mode === 'pathedit';\n    // if elems[1] is present, then we have more than one element\n    selectedElement = (elems.length === 1 || elems[1] == null ? elems[0] : null);\n    multiselected = (elems.length >= 2 && elems[1] != null);\n    if (selectedElement != null) {\n      // unless we're already in always set the mode of the editor to select because\n      // upon creation of a text element the editor is switched into\n      // select mode and this event fires - we need our UI to be in sync\n\n      if (!isNode) {\n        updateToolbar();\n      }\n    } // if (elem != null)\n\n    // Deal with pathedit mode\n    togglePathEditMode(isNode, elems);\n    updateContextPanel();\n    svgCanvas.runExtensions('selectedChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} */ {\n      elems,\n      selectedElement,\n      multiselected\n    });\n  };\n\n  // Call when part of element is in process of changing, generally\n  // on mousemove actions like rotate, move, etc.\n  /**\n   * @param {external:Window} win\n   * @param {module:svgcanvas.SvgCanvas#event:transition} elems\n   * @listens module:svgcanvas.SvgCanvas#event:transition\n   * @fires module:svgcanvas.SvgCanvas#event:ext-elementTransition\n   * @returns {undefined}\n   */\n  const elementTransition = function (win, elems) {\n    const mode = svgCanvas.getMode();\n    const elem = elems[0];\n\n    if (!elem) {\n      return;\n    }\n\n    multiselected = (elems.length >= 2 && elems[1] != null);\n    // Only updating fields for single elements for now\n    if (!multiselected) {\n      switch (mode) {\n      case 'rotate':\n        const ang = svgCanvas.getRotationAngle(elem);\n        $('#angle').val(ang);\n        $('#tool_reorient').toggleClass('disabled', ang === 0);\n        break;\n\n      // TODO: Update values that change on move/resize, etc\n      // case 'select':\n      // case 'resize':\n      //   break;\n      }\n    }\n    svgCanvas.runExtensions('elementTransition', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementTransition} */ {\n      elems\n    });\n  };\n\n  /**\n   * Test whether an element is a layer or not.\n   * @param {SVGGElement} elem - The SVGGElement to test.\n   * @returns {boolean} True if the element is a layer\n   */\n  function isLayer (elem) {\n    return elem && elem.tagName === 'g' && Layer.CLASS_REGEX.test(elem.getAttribute('class'));\n  }\n\n  // called when any element has changed\n  /**\n   * @param {external:Window} win\n   * @param {module:svgcanvas.SvgCanvas#event:changed} elems\n   * @listens module:svgcanvas.SvgCanvas#event:changed\n   * @fires module:svgcanvas.SvgCanvas#event:ext-elementChanged\n   * @returns {undefined}\n   */\n  const elementChanged = function (win, elems) {\n    const mode = svgCanvas.getMode();\n    if (mode === 'select') {\n      setSelectMode();\n    }\n\n    for (let i = 0; i < elems.length; ++i) {\n      const elem = elems[i];\n\n      const isSvgElem = (elem && elem.tagName === 'svg');\n      if (isSvgElem || isLayer(elem)) {\n        populateLayers();\n        // if the element changed was the svg, then it could be a resolution change\n        if (isSvgElem) {\n          updateCanvas();\n        }\n      // Update selectedElement if element is no longer part of the image.\n      // This occurs for the text elements in Firefox\n      } else if (elem && selectedElement && selectedElement.parentNode == null) {\n        // || elem && elem.tagName == \"path\" && !multiselected) { // This was added in r1430, but not sure why\n        selectedElement = elem;\n      }\n    }\n\n    editor.showSaveWarning = true;\n\n    // we update the contextual panel with potentially new\n    // positional/sizing information (we DON'T want to update the\n    // toolbar here as that creates an infinite loop)\n    // also this updates the history buttons\n\n    // we tell it to skip focusing the text control if the\n    // text element was previously in focus\n    updateContextPanel();\n\n    // In the event a gradient was flipped:\n    if (selectedElement && mode === 'select') {\n      paintBox.fill.update();\n      paintBox.stroke.update();\n    }\n\n    svgCanvas.runExtensions('elementChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementChanged} */ {\n      elems\n    });\n  };\n\n  /**\n   * @returns {undefined}\n   */\n  const zoomDone = function () {\n    updateWireFrame();\n    // updateCanvas(); // necessary?\n  };\n\n  /**\n  * @typedef {PlainObject} module:SVGEditor.BBoxObjectWithFactor (like `DOMRect`)\n  * @property {Float} x\n  * @property {Float} y\n  * @property {Float} width\n  * @property {Float} height\n  * @property {Float} [factor] Needed if width or height are 0\n  * @property {Float} [zoom]\n  * @see module:svgcanvas.SvgCanvas#event:zoomed\n  */\n\n  /**\n  * @function module:svgcanvas.SvgCanvas#zoomChanged\n  * @param {external:Window} win\n  * @param {module:svgcanvas.SvgCanvas#event:zoomed} bbox\n  * @param {boolean} autoCenter\n  * @listens module:svgcanvas.SvgCanvas#event:zoomed\n  * @returns {undefined}\n  */\n  const zoomChanged = svgCanvas.zoomChanged = function (win, bbox, autoCenter) {\n    const scrbar = 15,\n      // res = svgCanvas.getResolution(), // Currently unused\n      wArea = workarea;\n    // const canvasPos = $('#svgcanvas').position(); // Currently unused\n    const zInfo = svgCanvas.setBBoxZoom(bbox, wArea.width() - scrbar, wArea.height() - scrbar);\n    if (!zInfo) { return; }\n    const zoomlevel = zInfo.zoom,\n      bb = zInfo.bbox;\n\n    if (zoomlevel < 0.001) {\n      changeZoom({value: 0.1});\n      return;\n    }\n\n    $('#zoom').val((zoomlevel * 100).toFixed(1));\n\n    if (autoCenter) {\n      updateCanvas();\n    } else {\n      updateCanvas(false, {x: bb.x * zoomlevel + (bb.width * zoomlevel) / 2, y: bb.y * zoomlevel + (bb.height * zoomlevel) / 2});\n    }\n\n    if (svgCanvas.getMode() === 'zoom' && bb.width) {\n      // Go to select if a zoom box was drawn\n      setSelectMode();\n    }\n\n    zoomDone();\n  };\n\n  const changeZoom = function (ctl) {\n    const zoomlevel = ctl.value / 100;\n    if (zoomlevel < 0.001) {\n      ctl.value = 0.1;\n      return;\n    }\n    const zoom = svgCanvas.getZoom();\n    const wArea = workarea;\n\n    zoomChanged(window, {\n      width: 0,\n      height: 0,\n      // center pt of scroll position\n      x: (wArea[0].scrollLeft + wArea.width() / 2) / zoom,\n      y: (wArea[0].scrollTop + wArea.height() / 2) / zoom,\n      zoom: zoomlevel\n    }, true);\n  };\n\n  $('#cur_context_panel').delegate('a', 'click', function () {\n    const link = $(this);\n    if (link.attr('data-root')) {\n      svgCanvas.leaveContext();\n    } else {\n      svgCanvas.setContext(link.text());\n    }\n    svgCanvas.clearSelection();\n    return false;\n  });\n\n  /**\n   * @param {external:Window} win\n   * @param {module:svgcanvas.SvgCanvas#event:contextset} context\n   * @listens module:svgcanvas.SvgCanvas#event:contextset\n   * @returns {undefined}\n   */\n  const contextChanged = function (win, context) {\n    let linkStr = '';\n    if (context) {\n      let str = '';\n      linkStr = '<a href=\"#\" data-root=\"y\">' + svgCanvas.getCurrentDrawing().getCurrentLayerName() + '</a>';\n\n      $(context).parentsUntil('#svgcontent > g').andSelf().each(function () {\n        if (this.id) {\n          str += ' > ' + this.id;\n          if (this !== context) {\n            linkStr += ' > <a href=\"#\">' + this.id + '</a>';\n          } else {\n            linkStr += ' > ' + this.id;\n          }\n        }\n      });\n\n      curContext = str;\n    } else {\n      curContext = null;\n    }\n    $('#cur_context_panel').toggle(!!context).html(linkStr);\n\n    updateTitle();\n  };\n\n  // Makes sure the current selected paint is available to work with\n  const prepPaints = function () {\n    paintBox.fill.prep();\n    paintBox.stroke.prep();\n  };\n\n  const flyoutFuncs = {};\n\n  const setFlyoutTitles = function () {\n    $('.tools_flyout').each(function () {\n      const shower = $('#' + this.id + '_show');\n      if (shower.data('isLibrary')) {\n        return;\n      }\n\n      const tooltips = $(this).children().map(function () {\n        return this.title;\n      }).get();\n      shower[0].title = tooltips.join(' / ');\n    });\n  };\n\n  const allHolders = {};\n  /**\n   * @param {Object.<string, module:SVGEditor.ToolButton>} holders Key is a selector\n   * @returns {undefined}\n   */\n  const setupFlyouts = function (holders) {\n    $.each(holders, function (holdSel, btnOpts) {\n      if (!allHolders[holdSel]) {\n        allHolders[holdSel] = [];\n      }\n      allHolders[holdSel].push(...btnOpts);\n\n      const buttons = $(holdSel).children().not('.tool_button_evt_handled');\n      const showSel = holdSel + '_show';\n      const shower = $(showSel);\n      let def = false;\n      buttons.addClass('tool_button tool_button_evt_handled')\n        .unbind('click mousedown mouseup') // may not be necessary\n        .each(function () {\n          // Get this button's options\n          const idSel = '#' + this.getAttribute('id');\n          const [i, opts] = Object.entries(btnOpts).find(([i, {sel}]) => {\n            return sel === idSel;\n          });\n\n          // Remember the function that goes with this ID\n          flyoutFuncs[opts.sel] = opts.fn;\n\n          if (opts.isDefault) { def = i; }\n\n          /**\n           * Clicking the icon in flyout should set this set's icon\n           * @param {Event} ev\n           * @returns {undefined}\n           */\n          const flyoutAction = function (ev) {\n            let options = opts;\n            // Find the currently selected tool if comes from keystroke\n            if (ev.type === 'keydown') {\n              const flyoutIsSelected = $(options.parent + '_show').hasClass('tool_button_current');\n              const currentOperation = $(options.parent + '_show').attr('data-curopt');\n              Object.entries(holders[opts.parent]).some(([i, tool]) => {\n                if (tool.sel !== currentOperation) {\n                  return;\n                }\n                if (!ev.shiftKey || !flyoutIsSelected) {\n                  options = tool;\n                } else {\n                  // If flyout is selected, allow shift key to iterate through subitems\n                  i = parseInt(i, 10);\n                  // Use `allHolders` to include both extension `includeWith` and toolbarButtons\n                  options = allHolders[opts.parent][i + 1] ||\n                    holders[opts.parent][0];\n                }\n                return true;\n              });\n            }\n            if ($(this).hasClass('disabled')) { return false; }\n            if (toolButtonClick(showSel)) {\n              options.fn();\n            }\n            let icon;\n            if (options.icon) {\n              icon = $.getSvgIcon(options.icon, true);\n            } else {\n              icon = $(options.sel).children().eq(0).clone();\n            }\n\n            icon[0].setAttribute('width', shower.width());\n            icon[0].setAttribute('height', shower.height());\n            shower.children(':not(.flyout_arrow_horiz)').remove();\n            shower.append(icon).attr('data-curopt', options.sel); // This sets the current mode\n          };\n\n          $(this).mouseup(flyoutAction);\n\n          if (opts.key) {\n            $(document).bind('keydown', opts.key[0] + ' shift+' + opts.key[0], flyoutAction);\n          }\n        });\n\n      if (def) {\n        shower.attr('data-curopt', btnOpts[def].sel);\n      } else if (!shower.attr('data-curopt')) {\n        // Set first as default\n        shower.attr('data-curopt', btnOpts[0].sel);\n      }\n\n      let timer;\n      const pos = $(showSel).position();\n\n      // Clicking the \"show\" icon should set the current mode\n      shower.mousedown(function (evt) {\n        if (shower.hasClass('disabled')) {\n          return false;\n        }\n        const holder = $(holdSel);\n        const l = pos.left + 34;\n        const w = holder.width() * -1;\n        const time = holder.data('shown_popop') ? 200 : 0;\n        timer = setTimeout(function () {\n          // Show corresponding menu\n          if (!shower.data('isLibrary')) {\n            holder.css('left', w).show().animate({\n              left: l\n            }, 150);\n          } else {\n            holder.css('left', l).show();\n          }\n          holder.data('shown_popop', true);\n        }, time);\n        evt.preventDefault();\n      }).mouseup(function (evt) {\n        clearTimeout(timer);\n        const opt = $(this).attr('data-curopt');\n        // Is library and popped up, so do nothing\n        if (shower.data('isLibrary') && $(showSel.replace('_show', '')).is(':visible')) {\n          toolButtonClick(showSel, true);\n          return;\n        }\n        if (toolButtonClick(showSel) && flyoutFuncs[opt]) {\n          flyoutFuncs[opt]();\n        }\n      });\n      // $('#tools_rect').mouseleave(function () { $('#tools_rect').fadeOut(); });\n    });\n    setFlyoutTitles();\n    setFlyoutPositions();\n  };\n\n  const makeFlyoutHolder = function (id, child) {\n    const div = $('<div>', {\n      class: 'tools_flyout',\n      id\n    }).appendTo('#svg_editor').append(child);\n\n    return div;\n  };\n\n  // TODO: Combine this with addDropDown or find other way to optimize\n  const addAltDropDown = function (elem, list, callback, opts) {\n    const button = $(elem);\n    const {dropUp} = opts;\n    list = $(list);\n    if (dropUp) {\n      $(elem).addClass('dropup');\n    }\n    list.find('li').bind('mouseup', function () {\n      if (opts.seticon) {\n        setIcon('#cur_' + button[0].id, $(this).children());\n        $(this).addClass('current').siblings().removeClass('current');\n      }\n      callback.apply(this, arguments);\n    });\n\n    let onButton = false;\n    $(window).mouseup(function (evt) {\n      if (!onButton) {\n        button.removeClass('down');\n        list.hide();\n        list.css({top: 0, left: 0});\n      }\n      onButton = false;\n    });\n\n    // const height = list.height(); // Currently unused\n    button.bind('mousedown', function () {\n      const off = button.offset();\n      if (dropUp) {\n        off.top -= list.height();\n        off.left += 8;\n      } else {\n        off.top += button.height();\n      }\n      list.offset(off);\n\n      if (!button.hasClass('down')) {\n        list.show();\n        onButton = true;\n      } else {\n        // CSS position must be reset for Webkit\n        list.hide();\n        list.css({top: 0, left: 0});\n      }\n      button.toggleClass('down');\n    }).hover(function () {\n      onButton = true;\n    }).mouseout(function () {\n      onButton = false;\n    });\n\n    if (opts.multiclick) {\n      list.mousedown(function () {\n        onButton = true;\n      });\n    }\n  };\n\n  const extsPreLang = [];\n  /**\n   * @param {external:Window} win\n   * @param {module:svgcanvas.SvgCanvas#event:extension_added} ext\n   * @listens module:svgcanvas.SvgCanvas#event:extension_added\n   * @returns {Promise} Resolves to `undefined`\n   */\n  const extAdded = function (win, ext) {\n    if (!ext) {\n      return;\n    }\n    let cbCalled = false;\n    let resizeDone = false;\n\n    if (ext.langReady) {\n      if (editor.langChanged) { // We check for this since the \"lang\" pref could have been set by storage\n        const lang = $.pref('lang');\n        ext.langReady({\n          lang,\n          uiStrings,\n          importLocale: getImportLocale({defaultLang: lang, defaultName: ext.name})\n        });\n      } else {\n        extsPreLang.push(ext);\n      }\n    }\n\n    function prepResize () {\n      if (resizeTimer) {\n        clearTimeout(resizeTimer);\n        resizeTimer = null;\n      }\n      if (!resizeDone) {\n        resizeTimer = setTimeout(function () {\n          resizeDone = true;\n          setIconSize($.pref('iconsize'));\n        }, 50);\n      }\n    }\n\n    const runCallback = function () {\n      if (ext.callback && !cbCalled) {\n        cbCalled = true;\n        ext.callback.call(editor);\n      }\n    };\n\n    const btnSelects = [];\n\n    /**\n    * @typedef {PlainObject} module:SVGEditor.ContextTool\n    * @property {string} panel The ID of the existing panel to which the tool is being added. Required.\n    * @property {string} id The ID of the actual tool element. Required.\n    * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<\"change\", external:jQuery.Function>} events DOM event names keyed to associated functions. Example: `{change () { alert('Option was changed') } }`. \"change\" event is one specifically handled for the \"button-select\" type. Required.\n    * @property {string} title The tooltip text that will appear when the user hovers over the tool. Required.\n    * @property {\"tool_button\"|\"select\"|\"button-select\"|\"input\"|string} type The type of tool being added. Expected.\n    * @property {PlainObject.<string, string>} [options] List of options and their labels for select tools. Example: `{1: 'One', 2: 'Two', all: 'All' }`. Required by \"select\" tools.\n    * @property {string} [container_id] The ID to be given to the tool's container element.\n    * @property {string} [defval] Default value\n    * @property {string|Integer} [colnum] Added as part of the option list class.\n    * @property {string} [label] Label associated with the tool, visible in the UI\n    * @property {Integer} [size] Value of the \"size\" attribute of the tool input\n    * @property {module:jQuerySpinButton.SpinButtonConfig} [spindata] When added to a tool of type \"input\", this tool becomes a \"spinner\" which allows the number to be in/decreased.\n    */\n    if (ext.context_tools) {\n      $.each(ext.context_tools, function (i, tool) {\n        // Add select tool\n        const contId = tool.container_id ? (' id=\"' + tool.container_id + '\"') : '';\n\n        let panel = $('#' + tool.panel);\n        // create the panel if it doesn't exist\n        if (!panel.length) {\n          panel = $('<div>', {id: tool.panel}).appendTo('#tools_top');\n        }\n\n        let html;\n        // TODO: Allow support for other types, or adding to existing tool\n        switch (tool.type) {\n        case 'tool_button':\n          html = '<div class=\"tool_button\">' + tool.id + '</div>';\n          const div = $(html).appendTo(panel);\n          if (tool.events) {\n            $.each(tool.events, function (evt, func) {\n              $(div).bind(evt, func);\n            });\n          }\n          break;\n        case 'select':\n          html = '<label' + contId + '>' +\n            '<select id=\"' + tool.id + '\">';\n          $.each(tool.options, function (val, text) {\n            const sel = (val === tool.defval) ? ' selected' : '';\n            html += '<option value=\"' + val + '\"' + sel + '>' + text + '</option>';\n          });\n          html += '</select></label>';\n          // Creates the tool, hides & adds it, returns the select element\n          const sel = $(html).appendTo(panel).find('select');\n\n          $.each(tool.events, function (evt, func) {\n            $(sel).bind(evt, func);\n          });\n          break;\n        case 'button-select':\n          html = '<div id=\"' + tool.id + '\" class=\"dropdown toolset\" title=\"' + tool.title + '\">' +\n            '<div id=\"cur_' + tool.id + '\" class=\"icon_label\"></div><button></button></div>';\n\n          const list = $('<ul id=\"' + tool.id + '_opts\"></ul>').appendTo('#option_lists');\n\n          if (tool.colnum) {\n            list.addClass('optcols' + tool.colnum);\n          }\n\n          // Creates the tool, hides & adds it, returns the select element\n          /* const dropdown = */ $(html).appendTo(panel).children();\n\n          btnSelects.push({\n            elem: ('#' + tool.id),\n            list: ('#' + tool.id + '_opts'),\n            title: tool.title,\n            callback: tool.events.change,\n            cur: ('#cur_' + tool.id)\n          });\n\n          break;\n        case 'input':\n          html = '<label' + contId + '>' +\n            '<span id=\"' + tool.id + '_label\">' +\n            tool.label + ':</span>' +\n            '<input id=\"' + tool.id + '\" title=\"' + tool.title +\n            '\" size=\"' + (tool.size || '4') + '\" value=\"' + (tool.defval || '') + '\" type=\"text\"/></label>';\n\n          // Creates the tool, hides & adds it, returns the select element\n\n          // Add to given tool.panel\n          const inp = $(html).appendTo(panel).find('input');\n\n          if (tool.spindata) {\n            inp.SpinButton(tool.spindata);\n          }\n\n          if (tool.events) {\n            $.each(tool.events, function (evt, func) {\n              inp.bind(evt, func);\n            });\n          }\n          break;\n\n        default:\n          break;\n        }\n      });\n    }\n\n    const {svgicons} = ext;\n    if (ext.buttons) {\n      const fallbackObj = {},\n        placementObj = {},\n        holders = {};\n\n      /**\n      * @typedef {GenericArray} module:SVGEditor.KeyArray\n      * @property {string} 0 The key to bind (on `keydown`)\n      * @property {boolean} 1 Whether to `preventDefault` on the `keydown` event\n      * @property {boolean} 2 Not apparently in use (NoDisableInInput)\n      */\n      /**\n       * @typedef {string|module:SVGEditor.KeyArray} module:SVGEditor.Key\n       */\n      /**\n      * @typedef {PlainObject} module:SVGEditor.Button\n      * @property {string} id A unique identifier for this button. If SVG icons are used, this must match the ID used in the icon file. Required.\n      * @property {\"mode_flyout\"|\"mode\"|\"context\"|\"app_menu\"} type Type of button. Required.\n      * @property {string} title The tooltip text that will appear when the user hovers over the icon. Required.\n      * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<\"click\", external:jQuery.Function>} events DOM event names with associated functions. Example: `{click () { alert('Button was clicked') } }`. Click is used with `includeWith` and `type` of \"mode_flyout\" (and \"mode\"); any events may be added if `list` is not present. Expected.\n      * @property {string} panel The ID of the context panel to be included, if type is \"context\". Required only if type is \"context\".\n      * @property {string} icon The file path to the raster version of the icon image source. Required only if no `svgicons` is supplied from [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse}.\n      * @property {string} [svgicon] If absent, will utilize the button \"id\"; used to set \"placement\" on the `svgIcons` call\n      * @property {string} [list] Points to the \"id\" of a `context_tools` item of type \"button-select\" into which the button will be added as a panel list item\n      * @property {Integer} [position] The numeric index for placement; defaults to last position (as of the time of extension addition) if not present. For use with {@link http://api.jquery.com/eq/}.\n      * @property {boolean} [isDefault] Whether or not the button is the default. Used with `list`.\n      * @property {PlainObject} [includeWith] Object with flyout menu data\n      * @property {boolean} [includeWith.isDefault] Indicates whether button is default in flyout list or not.\n      * @property {string} includeWith.button jQuery selector of the existing button to be joined. Example: '#tool_line'. Required if `includeWith` is used.\n      * @property {\"last\"|Integer} [includeWith.position] Position of icon in flyout list; will be added to end if not indicated. Integer is for use with {@link http://api.jquery.com/eq/}.\n      * @property {module:SVGEditor.Key} [key] The key to bind to the button\n      */\n      // Add buttons given by extension\n      $.each(ext.buttons, function (i, /** @type {module:SVGEditor.Button} */ btn) {\n        let {id} = btn;\n        let num = i;\n        // Give button a unique ID\n        while ($('#' + id).length) {\n          id = btn.id + '_' + (++num);\n        }\n\n        let icon;\n        if (!svgicons) {\n          icon = $('<img src=\"' + btn.icon + '\">');\n        } else {\n          fallbackObj[id] = btn.icon;\n          const svgicon = btn.svgicon || btn.id;\n          if (btn.type === 'app_menu') {\n            placementObj['#' + id + ' > div'] = svgicon;\n          } else {\n            placementObj['#' + id] = svgicon;\n          }\n        }\n\n        let cls, parent;\n\n        // Set button up according to its type\n        switch (btn.type) {\n        case 'mode_flyout':\n        case 'mode':\n          cls = 'tool_button';\n          parent = '#tools_left';\n          break;\n        case 'context':\n          cls = 'tool_button';\n          parent = '#' + btn.panel;\n          // create the panel if it doesn't exist\n          if (!$(parent).length) {\n            $('<div>', {id: btn.panel}).appendTo('#tools_top');\n          }\n          break;\n        case 'app_menu':\n          cls = '';\n          parent = '#main_menu ul';\n          break;\n        }\n        let flyoutHolder, curH, showBtn, refData, refBtn;\n        const button = $((btn.list || btn.type === 'app_menu') ? '<li/>' : '<div/>')\n          .attr('id', id)\n          .attr('title', btn.title)\n          .addClass(cls);\n        if (!btn.includeWith && !btn.list) {\n          if ('position' in btn) {\n            if ($(parent).children().eq(btn.position).length) {\n              $(parent).children().eq(btn.position).before(button);\n            } else {\n              $(parent).children().last().before(button);\n            }\n          } else {\n            button.appendTo(parent);\n          }\n\n          if (btn.type === 'mode_flyout') {\n          // Add to flyout menu / make flyout menu\n            // const opts = btn.includeWith;\n            // // opts.button, default, position\n            refBtn = $(button);\n\n            flyoutHolder = refBtn.parent();\n            // Create a flyout menu if there isn't one already\n            let tlsId;\n            if (!refBtn.parent().hasClass('tools_flyout')) {\n              // Create flyout placeholder\n              tlsId = refBtn[0].id.replace('tool_', 'tools_');\n              showBtn = refBtn.clone()\n                .attr('id', tlsId + '_show')\n                .append($('<div>', {class: 'flyout_arrow_horiz'}));\n\n              refBtn.before(showBtn);\n\n              // Create a flyout div\n              flyoutHolder = makeFlyoutHolder(tlsId, refBtn);\n              flyoutHolder.data('isLibrary', true);\n              showBtn.data('isLibrary', true);\n            }\n            // refData = Actions.getButtonData(opts.button);\n\n            placementObj['#' + tlsId + '_show'] = btn.id;\n            // TODO: Find way to set the current icon using the iconloader if this is not default\n\n            // Include data for extension button as well as ref button\n            curH = holders['#' + flyoutHolder[0].id] = [{\n              sel: '#' + id,\n              fn: btn.events.click,\n              icon: btn.id,\n              // key: btn.key,\n              isDefault: true\n            }]; // , refData\n            //\n            // // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}\n            //\n            // const pos = ('position' in opts)?opts.position:'last';\n            // const len = flyoutHolder.children().length;\n            //\n            // // Add at given position or end\n            // if (!isNaN(pos) && pos >= 0 && pos < len) {\n            //   flyoutHolder.children().eq(pos).before(button);\n            // } else {\n            //   flyoutHolder.append(button);\n            //   curH.reverse();\n            // }\n          } else if (btn.type === 'app_menu') {\n            button.append('<div>').append(btn.title);\n          }\n        } else if (btn.list) {\n          // Add button to list\n          button.addClass('push_button');\n          $('#' + btn.list + '_opts').append(button);\n          if (btn.isDefault) {\n            $('#cur_' + btn.list).append(button.children().clone());\n            const svgicon = btn.svgicon || btn.id;\n            placementObj['#cur_' + btn.list] = svgicon;\n          }\n        } else if (btn.includeWith) {\n          // Add to flyout menu / make flyout menu\n          const opts = btn.includeWith;\n          // opts.button, default, position\n          refBtn = $(opts.button);\n\n          flyoutHolder = refBtn.parent();\n          // Create a flyout menu if there isn't one already\n          let tlsId;\n          if (!refBtn.parent().hasClass('tools_flyout')) {\n            // Create flyout placeholder\n            tlsId = refBtn[0].id.replace('tool_', 'tools_');\n            showBtn = refBtn.clone()\n              .attr('id', tlsId + '_show')\n              .append($('<div>', {class: 'flyout_arrow_horiz'}));\n\n            refBtn.before(showBtn);\n            // Create a flyout div\n            flyoutHolder = makeFlyoutHolder(tlsId, refBtn);\n          }\n\n          refData = Actions.getButtonData(opts.button);\n\n          if (opts.isDefault) {\n            placementObj['#' + tlsId + '_show'] = btn.id;\n          }\n          // TODO: Find way to set the current icon using the iconloader if this is not default\n\n          // Include data for extension button as well as ref button\n          curH = holders['#' + flyoutHolder[0].id] = [{\n            sel: '#' + id,\n            fn: btn.events.click,\n            icon: btn.id,\n            key: btn.key,\n            isDefault: Boolean(btn.includeWith && btn.includeWith.isDefault)\n          }, refData];\n\n          // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}\n\n          const pos = ('position' in opts) ? opts.position : 'last';\n          const len = flyoutHolder.children().length;\n\n          // Add at given position or end\n          if (!isNaN(pos) && pos >= 0 && pos < len) {\n            flyoutHolder.children().eq(pos).before(button);\n          } else {\n            flyoutHolder.append(button);\n            curH.reverse();\n          }\n        }\n\n        if (!svgicons) {\n          button.append(icon);\n        }\n\n        if (!btn.list) {\n          // Add given events to button\n          $.each(btn.events, function (name, func) {\n            if (name === 'click' && btn.type === 'mode') {\n              if (btn.includeWith) {\n                button.bind(name, func);\n              } else {\n                button.bind(name, function () {\n                  if (toolButtonClick(button)) {\n                    func();\n                  }\n                });\n              }\n              if (btn.key) {\n                $(document).bind('keydown', btn.key, func);\n                if (btn.title) {\n                  button.attr('title', btn.title + ' [' + btn.key + ']');\n                }\n              }\n            } else {\n              button.bind(name, func);\n            }\n          });\n        }\n\n        setupFlyouts(holders);\n      });\n\n      $.each(btnSelects, function () {\n        addAltDropDown(this.elem, this.list, this.callback, {seticon: true});\n      });\n\n      if (svgicons) {\n        return new Promise((resolve, reject) => {\n          $.svgIcons(svgicons, {\n            w: 24, h: 24,\n            id_match: false,\n            no_img: (!isWebkit()),\n            fallback: fallbackObj,\n            placement: placementObj,\n            callback (icons) {\n              // Non-ideal hack to make the icon match the current size\n              // if (curPrefs.iconsize && curPrefs.iconsize !== 'm') {\n              if ($.pref('iconsize') !== 'm') {\n                prepResize();\n              }\n              runCallback();\n              resolve();\n            }\n          });\n        });\n      }\n    }\n    return runCallback();\n  };\n\n  const getPaint = function (color, opac, type) {\n    // update the editor's fill paint\n    const opts = { alpha: opac };\n    if (color.startsWith('url(#')) {\n      let refElem = svgCanvas.getRefElem(color);\n      if (refElem) {\n        refElem = refElem.cloneNode(true);\n      } else {\n        refElem = $('#' + type + '_color defs *')[0];\n      }\n      opts[refElem.tagName] = refElem;\n    } else if (color.startsWith('#')) {\n      opts.solidColor = color.substr(1);\n    } else {\n      opts.solidColor = 'none';\n    }\n    return new $.jGraduate.Paint(opts);\n  };\n\n  // $('#text').focus(function () { textBeingEntered = true; });\n  // $('#text').blur(function () { textBeingEntered = false; });\n\n  // bind the selected event to our function that handles updates to the UI\n  svgCanvas.bind('selected', selectedChanged);\n  svgCanvas.bind('transition', elementTransition);\n  svgCanvas.bind('changed', elementChanged);\n  svgCanvas.bind('saved', saveHandler);\n  svgCanvas.bind('exported', exportHandler);\n  svgCanvas.bind('exportedPDF', function (win, data) {\n    const {exportWindowName} = data;\n    if (exportWindowName) {\n      exportWindow = window.open('', exportWindowName); // A hack to get the window via JSON-able name without opening a new one\n    }\n    if (!exportWindow || exportWindow.closed) {\n      $.alert(uiStrings.notification.popupWindowBlocked);\n      return;\n    }\n    exportWindow.location.href = data.output;\n  });\n  svgCanvas.bind('zoomed', zoomChanged);\n  svgCanvas.bind('zoomDone', zoomDone);\n  svgCanvas.bind(\n    'updateCanvas',\n    /**\n     * @param {external:Window} win\n     * @param {false} center\n     * @param {module:math.XYObject} newCtr\n     * @listens module:svgcanvas.SvgCanvas#event:updateCanvas\n     * @returns {undefined}\n     */\n    function (win, {center, newCtr}) {\n      updateCanvas(center, newCtr);\n    }\n  );\n  svgCanvas.bind('contextset', contextChanged);\n  svgCanvas.bind('extension_added', extAdded);\n  svgCanvas.textActions.setInputElem($('#text')[0]);\n\n  let str = '<div class=\"palette_item\" data-rgb=\"none\"></div>';\n  $.each(palette, function (i, item) {\n    str += '<div class=\"palette_item\" style=\"background-color: ' + item + ';\" data-rgb=\"' + item + '\"></div>';\n  });\n  $('#palette').append(str);\n\n  // Set up editor background functionality\n  // TODO add checkerboard as \"pattern\"\n  const colorBlocks = ['#FFF', '#888', '#000']; // ,'url(data:image/gif;base64,R0lGODlhEAAQAIAAAP%2F%2F%2F9bW1iH5BAAAAAAALAAAAAAQABAAAAIfjG%2Bgq4jM3IFLJgpswNly%2FXkcBpIiVaInlLJr9FZWAQA7)'];\n  str = '';\n  $.each(colorBlocks, function () {\n    str += '<div class=\"color_block\" style=\"background-color:' + this + ';\"></div>';\n  });\n  $('#bg_blocks').append(str);\n  const blocks = $('#bg_blocks div');\n  const curBg = 'cur_background';\n  blocks.each(function () {\n    const blk = $(this);\n    blk.click(function () {\n      blocks.removeClass(curBg);\n      $(this).addClass(curBg);\n    });\n  });\n\n  setBackground($.pref('bkgd_color'), $.pref('bkgd_url'));\n\n  $('#image_save_opts input').val([$.pref('img_save')]);\n\n  const changeRectRadius = function (ctl) {\n    svgCanvas.setRectRadius(ctl.value);\n  };\n\n  const changeFontSize = function (ctl) {\n    svgCanvas.setFontSize(ctl.value);\n  };\n\n  const changeStrokeWidth = function (ctl) {\n    let val = ctl.value;\n    if (val === 0 && selectedElement && ['line', 'polyline'].includes(selectedElement.nodeName)) {\n      val = ctl.value = 1;\n    }\n    svgCanvas.setStrokeWidth(val);\n  };\n\n  const changeRotationAngle = function (ctl) {\n    svgCanvas.setRotationAngle(ctl.value);\n    $('#tool_reorient').toggleClass('disabled', parseInt(ctl.value, 10) === 0);\n  };\n\n  const changeOpacity = function (ctl, val) {\n    if (val == null) { val = ctl.value; }\n    $('#group_opacity').val(val);\n    if (!ctl || !ctl.handle) {\n      $('#opac_slider').slider('option', 'value', val);\n    }\n    svgCanvas.setOpacity(val / 100);\n  };\n\n  const changeBlur = function (ctl, val, noUndo) {\n    if (val == null) { val = ctl.value; }\n    $('#blur').val(val);\n    let complete = false;\n    if (!ctl || !ctl.handle) {\n      $('#blur_slider').slider('option', 'value', val);\n      complete = true;\n    }\n    if (noUndo) {\n      svgCanvas.setBlurNoUndo(val);\n    } else {\n      svgCanvas.setBlur(val, complete);\n    }\n  };\n\n  $('#stroke_style').change(function () {\n    svgCanvas.setStrokeAttr('stroke-dasharray', $(this).val());\n    operaRepaint();\n  });\n\n  $('#stroke_linejoin').change(function () {\n    svgCanvas.setStrokeAttr('stroke-linejoin', $(this).val());\n    operaRepaint();\n  });\n\n  // Lose focus for select elements when changed (Allows keyboard shortcuts to work better)\n  $('select').change(function () { $(this).blur(); });\n\n  // fired when user wants to move elements to another layer\n  let promptMoveLayerOnce = false;\n  $('#selLayerNames').change(function () {\n    const destLayer = this.options[this.selectedIndex].value;\n    const confirmStr = uiStrings.notification.QmoveElemsToLayer.replace('%s', destLayer);\n    const moveToLayer = function (ok) {\n      if (!ok) { return; }\n      promptMoveLayerOnce = true;\n      svgCanvas.moveSelectedToLayer(destLayer);\n      svgCanvas.clearSelection();\n      populateLayers();\n    };\n    if (destLayer) {\n      if (promptMoveLayerOnce) {\n        moveToLayer(true);\n      } else {\n        $.confirm(confirmStr, moveToLayer);\n      }\n    }\n  });\n\n  $('#font_family').change(function () {\n    svgCanvas.setFontFamily(this.value);\n  });\n\n  $('#seg_type').change(function () {\n    svgCanvas.setSegType($(this).val());\n  });\n\n  $('#text').bind('keyup input', function () {\n    svgCanvas.setTextContent(this.value);\n  });\n\n  $('#image_url').change(function () {\n    setImageURL(this.value);\n  });\n\n  $('#link_url').change(function () {\n    if (this.value.length) {\n      svgCanvas.setLinkURL(this.value);\n    } else {\n      svgCanvas.removeHyperlink();\n    }\n  });\n\n  $('#g_title').change(function () {\n    svgCanvas.setGroupTitle(this.value);\n  });\n\n  $('.attr_changer').change(function () {\n    const attr = this.getAttribute('data-attr');\n    let val = this.value;\n    const valid = isValidUnit(attr, val, selectedElement);\n\n    if (!valid) {\n      $.alert(uiStrings.notification.invalidAttrValGiven);\n      this.value = selectedElement.getAttribute(attr);\n      return false;\n    }\n\n    if (attr !== 'id' && attr !== 'class') {\n      if (isNaN(val)) {\n        val = svgCanvas.convertToNum(attr, val);\n      } else if (curConfig.baseUnit !== 'px') {\n        // Convert unitless value to one with given unit\n\n        const unitData = getTypeMap();\n\n        if (selectedElement[attr] || svgCanvas.getMode() === 'pathedit' || attr === 'x' || attr === 'y') {\n          val *= unitData[curConfig.baseUnit];\n        }\n      }\n    }\n\n    // if the user is changing the id, then de-select the element first\n    // change the ID, then re-select it with the new ID\n    if (attr === 'id') {\n      const elem = selectedElement;\n      svgCanvas.clearSelection();\n      elem.id = val;\n      svgCanvas.addToSelection([elem], true);\n    } else {\n      svgCanvas.changeSelectedAttribute(attr, val);\n    }\n    this.blur();\n  });\n\n  // Prevent selection of elements when shift-clicking\n  $('#palette').mouseover(function () {\n    const inp = $('<input type=\"hidden\">');\n    $(this).append(inp);\n    inp.focus().remove();\n  });\n\n  $('.palette_item').mousedown(function (evt) {\n    // shift key or right click for stroke\n    const picker = evt.shiftKey || evt.button === 2 ? 'stroke' : 'fill';\n    let color = $(this).data('rgb');\n    let paint;\n\n    // Webkit-based browsers returned 'initial' here for no stroke\n    if (color === 'none' || color === 'transparent' || color === 'initial') {\n      color = 'none';\n      paint = new $.jGraduate.Paint();\n    } else {\n      paint = new $.jGraduate.Paint({alpha: 100, solidColor: color.substr(1)});\n    }\n\n    paintBox[picker].setPaint(paint);\n    svgCanvas.setColor(picker, color);\n\n    if (color !== 'none' && svgCanvas.getPaintOpacity(picker) !== 1) {\n      svgCanvas.setPaintOpacity(picker, 1.0);\n    }\n    updateToolButtonState();\n  }).bind('contextmenu', function (e) { e.preventDefault(); });\n\n  $('#toggle_stroke_tools').on('click', function () {\n    $('#tools_bottom').toggleClass('expanded');\n  });\n\n  (function () {\n    const wArea = workarea[0];\n\n    let lastX = null, lastY = null,\n      panning = false, keypan = false;\n\n    $('#svgcanvas').bind('mousemove mouseup', function (evt) {\n      if (panning === false) { return; }\n\n      wArea.scrollLeft -= (evt.clientX - lastX);\n      wArea.scrollTop -= (evt.clientY - lastY);\n\n      lastX = evt.clientX;\n      lastY = evt.clientY;\n\n      if (evt.type === 'mouseup') { panning = false; }\n      return false;\n    }).mousedown(function (evt) {\n      if (evt.button === 1 || keypan === true) {\n        panning = true;\n        lastX = evt.clientX;\n        lastY = evt.clientY;\n        return false;\n      }\n    });\n\n    $(window).mouseup(function () {\n      panning = false;\n    });\n\n    $(document).bind('keydown', 'space', function (evt) {\n      svgCanvas.spaceKey = keypan = true;\n      evt.preventDefault();\n    }).bind('keyup', 'space', function (evt) {\n      evt.preventDefault();\n      svgCanvas.spaceKey = keypan = false;\n    }).bind('keydown', 'shift', function (evt) {\n      if (svgCanvas.getMode() === 'zoom') {\n        workarea.css('cursor', zoomOutIcon);\n      }\n    }).bind('keyup', 'shift', function (evt) {\n      if (svgCanvas.getMode() === 'zoom') {\n        workarea.css('cursor', zoomInIcon);\n      }\n    });\n\n    /**\n    * @param {boolean} active\n    * @returns {undefined}\n    */\n    editor.setPanning = function (active) {\n      svgCanvas.spaceKey = keypan = active;\n    };\n  }());\n\n  (function () {\n    const button = $('#main_icon');\n    const overlay = $('#main_icon span');\n    const list = $('#main_menu');\n\n    let onButton = false;\n    let height = 0;\n    let jsHover = true;\n    let setClick = false;\n\n    /*\n    // Currently unused\n    const hideMenu = function () {\n      list.fadeOut(200);\n    };\n    */\n\n    $(window).mouseup(function (evt) {\n      if (!onButton) {\n        button.removeClass('buttondown');\n        // do not hide if it was the file input as that input needs to be visible\n        // for its change event to fire\n        if (evt.target.tagName !== 'INPUT') {\n          list.fadeOut(200);\n        } else if (!setClick) {\n          setClick = true;\n          $(evt.target).click(function () {\n            list.css('margin-left', '-9999px').show();\n          });\n        }\n      }\n      onButton = false;\n    }).mousedown(function (evt) {\n      // $('.contextMenu').hide();\n      const islib = $(evt.target).closest('div.tools_flyout, .contextMenu').length;\n      if (!islib) {\n        $('.tools_flyout:visible,.contextMenu').fadeOut(250);\n      }\n    });\n\n    overlay.bind('mousedown', function () {\n      if (!button.hasClass('buttondown')) {\n        // Margin must be reset in case it was changed before;\n        list.css('margin-left', 0).show();\n        if (!height) {\n          height = list.height();\n        }\n        // Using custom animation as slideDown has annoying 'bounce effect'\n        list.css('height', 0).animate({\n          height\n        }, 200);\n        onButton = true;\n      } else {\n        list.fadeOut(200);\n      }\n      button.toggleClass('buttondown buttonup');\n    }).hover(function () {\n      onButton = true;\n    }).mouseout(function () {\n      onButton = false;\n    });\n\n    const listItems = $('#main_menu li');\n\n    // Check if JS method of hovering needs to be used (Webkit bug)\n    listItems.mouseover(function () {\n      jsHover = ($(this).css('background-color') === 'rgba(0, 0, 0, 0)');\n\n      listItems.unbind('mouseover');\n      if (jsHover) {\n        listItems.mouseover(function () {\n          this.style.backgroundColor = '#FFC';\n        }).mouseout(function () {\n          this.style.backgroundColor = 'transparent';\n          return true;\n        });\n      }\n    });\n  }());\n  // Made public for UI customization.\n  // TODO: Group UI functions into a public editor.ui interface.\n  /**\n   * See {@link http://api.jquery.com/bind/#bind-eventType-eventData-handler}\n   * @callback module:SVGEditor.DropDownCallback\n   * @param {external:jQuery.Event} ev See {@link http://api.jquery.com/Types/#Event}\n   * @listens external:jQuery.Event\n   * @returns {undefined|boolean} Calls `preventDefault()` and `stopPropagation()`\n  */\n  /**\n   * @param {Element|string} elem DOM Element or selector\n   * @param {module:SVGEditor.DropDownCallback} callback Mouseup callback\n   * @param {boolean} dropUp\n   * @returns {undefined}\n  */\n  editor.addDropDown = function (elem, callback, dropUp) {\n    if (!$(elem).length) { return; } // Quit if called on non-existent element\n    const button = $(elem).find('button');\n    const list = $(elem).find('ul').attr('id', $(elem)[0].id + '-list');\n    if (dropUp) {\n      $(elem).addClass('dropup');\n    } else {\n      // Move list to place where it can overflow container\n      $('#option_lists').append(list);\n    }\n    list.find('li').bind('mouseup', callback);\n\n    let onButton = false;\n    $(window).mouseup(function (evt) {\n      if (!onButton) {\n        button.removeClass('down');\n        list.hide();\n      }\n      onButton = false;\n    });\n\n    button.bind('mousedown', function () {\n      if (!button.hasClass('down')) {\n        if (!dropUp) {\n          const pos = $(elem).position();\n          list.css({\n            top: pos.top + 24,\n            left: pos.left - 10\n          });\n        }\n        list.show();\n        onButton = true;\n      } else {\n        list.hide();\n      }\n      button.toggleClass('down');\n    }).hover(function () {\n      onButton = true;\n    }).mouseout(function () {\n      onButton = false;\n    });\n  };\n\n  editor.addDropDown('#font_family_dropdown', function () {\n    $('#font_family').val($(this).text()).change();\n  });\n\n  editor.addDropDown('#opacity_dropdown', function () {\n    if ($(this).find('div').length) { return; }\n    const perc = parseInt($(this).text().split('%')[0], 10);\n    changeOpacity(false, perc);\n  }, true);\n\n  // For slider usage, see: http://jqueryui.com/demos/slider/\n  $('#opac_slider').slider({\n    start () {\n      $('#opacity_dropdown li:not(.special)').hide();\n    },\n    stop () {\n      $('#opacity_dropdown li').show();\n      $(window).mouseup();\n    },\n    slide (evt, ui) {\n      changeOpacity(ui);\n    }\n  });\n\n  editor.addDropDown('#blur_dropdown', $.noop);\n\n  let slideStart = false;\n  $('#blur_slider').slider({\n    max: 10,\n    step: 0.1,\n    stop (evt, ui) {\n      slideStart = false;\n      changeBlur(ui);\n      $('#blur_dropdown li').show();\n      $(window).mouseup();\n    },\n    start () {\n      slideStart = true;\n    },\n    slide (evt, ui) {\n      changeBlur(ui, null, slideStart);\n    }\n  });\n\n  editor.addDropDown('#zoom_dropdown', function () {\n    const item = $(this);\n    const val = item.data('val');\n    if (val) {\n      zoomChanged(window, val);\n    } else {\n      changeZoom({value: parseFloat(item.text())});\n    }\n  }, true);\n\n  addAltDropDown('#stroke_linecap', '#linecap_opts', function () {\n    setStrokeOpt(this, true);\n  }, {dropUp: true});\n\n  addAltDropDown('#stroke_linejoin', '#linejoin_opts', function () {\n    setStrokeOpt(this, true);\n  }, {dropUp: true});\n\n  addAltDropDown('#tool_position', '#position_opts', function () {\n    const letter = this.id.replace('tool_pos', '').charAt(0);\n    svgCanvas.alignSelectedElements(letter, 'page');\n  }, {multiclick: true});\n\n  /*\n\n  When a flyout icon is selected\n    (if flyout) {\n    - Change the icon\n    - Make pressing the button run its stuff\n    }\n    - Run its stuff\n\n  When its shortcut key is pressed\n    - If not current in list, do as above\n    , else:\n    - Just run its stuff\n\n  */\n\n  // Unfocus text input when workarea is mousedowned.\n  (function () {\n    let inp;\n    const unfocus = function () {\n      $(inp).blur();\n    };\n\n    $('#svg_editor').find('button, select, input:not(#text)').focus(function () {\n      inp = this;\n      uiContext = 'toolbars';\n      workarea.mousedown(unfocus);\n    }).blur(function () {\n      uiContext = 'canvas';\n      workarea.unbind('mousedown', unfocus);\n      // Go back to selecting text if in textedit mode\n      if (svgCanvas.getMode() === 'textedit') {\n        $('#text').focus();\n      }\n    });\n  }());\n\n  const clickFHPath = function () {\n    if (toolButtonClick('#tool_fhpath')) {\n      svgCanvas.setMode('fhpath');\n    }\n  };\n\n  const clickLine = function () {\n    if (toolButtonClick('#tool_line')) {\n      svgCanvas.setMode('line');\n    }\n  };\n\n  const clickSquare = function () {\n    if (toolButtonClick('#tool_square')) {\n      svgCanvas.setMode('square');\n    }\n  };\n\n  const clickRect = function () {\n    if (toolButtonClick('#tool_rect')) {\n      svgCanvas.setMode('rect');\n    }\n  };\n\n  const clickFHRect = function () {\n    if (toolButtonClick('#tool_fhrect')) {\n      svgCanvas.setMode('fhrect');\n    }\n  };\n\n  const clickCircle = function () {\n    if (toolButtonClick('#tool_circle')) {\n      svgCanvas.setMode('circle');\n    }\n  };\n\n  const clickEllipse = function () {\n    if (toolButtonClick('#tool_ellipse')) {\n      svgCanvas.setMode('ellipse');\n    }\n  };\n\n  const clickFHEllipse = function () {\n    if (toolButtonClick('#tool_fhellipse')) {\n      svgCanvas.setMode('fhellipse');\n    }\n  };\n\n  const clickImage = function () {\n    if (toolButtonClick('#tool_image')) {\n      svgCanvas.setMode('image');\n    }\n  };\n\n  const clickZoom = function () {\n    if (toolButtonClick('#tool_zoom')) {\n      svgCanvas.setMode('zoom');\n      workarea.css('cursor', zoomInIcon);\n    }\n  };\n\n  const zoomImage = function (multiplier) {\n    const res = svgCanvas.getResolution();\n    multiplier = multiplier ? res.zoom * multiplier : 1;\n    // setResolution(res.w * multiplier, res.h * multiplier, true);\n    $('#zoom').val(multiplier * 100);\n    svgCanvas.setZoom(multiplier);\n    zoomDone();\n    updateCanvas(true);\n  };\n\n  const dblclickZoom = function () {\n    if (toolButtonClick('#tool_zoom')) {\n      zoomImage();\n      setSelectMode();\n    }\n  };\n\n  const clickText = function () {\n    if (toolButtonClick('#tool_text')) {\n      svgCanvas.setMode('text');\n    }\n  };\n\n  const clickPath = function () {\n    if (toolButtonClick('#tool_path')) {\n      svgCanvas.setMode('path');\n    }\n  };\n\n  // Delete is a contextual tool that only appears in the ribbon if\n  // an element has been selected\n  const deleteSelected = function () {\n    if (selectedElement != null || multiselected) {\n      svgCanvas.deleteSelectedElements();\n    }\n  };\n\n  const cutSelected = function () {\n    if (selectedElement != null || multiselected) {\n      svgCanvas.cutSelectedElements();\n    }\n  };\n\n  const copySelected = function () {\n    if (selectedElement != null || multiselected) {\n      svgCanvas.copySelectedElements();\n    }\n  };\n\n  const pasteInCenter = function () {\n    const zoom = svgCanvas.getZoom();\n    const x = (workarea[0].scrollLeft + workarea.width() / 2) / zoom - svgCanvas.contentW;\n    const y = (workarea[0].scrollTop + workarea.height() / 2) / zoom - svgCanvas.contentH;\n    svgCanvas.pasteElements('point', x, y);\n  };\n\n  const moveToTopSelected = function () {\n    if (selectedElement != null) {\n      svgCanvas.moveToTopSelectedElement();\n    }\n  };\n\n  const moveToBottomSelected = function () {\n    if (selectedElement != null) {\n      svgCanvas.moveToBottomSelectedElement();\n    }\n  };\n\n  const moveUpDownSelected = function (dir) {\n    if (selectedElement != null) {\n      svgCanvas.moveUpDownSelected(dir);\n    }\n  };\n\n  const convertToPath = function () {\n    if (selectedElement != null) {\n      svgCanvas.convertToPath();\n    }\n  };\n\n  const reorientPath = function () {\n    if (selectedElement != null) {\n      path.reorient();\n    }\n  };\n\n  const makeHyperlink = function () {\n    if (selectedElement != null || multiselected) {\n      $.prompt(uiStrings.notification.enterNewLinkURL, 'http://', function (url) {\n        if (url) { svgCanvas.makeHyperlink(url); }\n      });\n    }\n  };\n\n  const moveSelected = function (dx, dy) {\n    if (selectedElement != null || multiselected) {\n      if (curConfig.gridSnapping) {\n        // Use grid snap value regardless of zoom level\n        const multi = svgCanvas.getZoom() * curConfig.snappingStep;\n        dx *= multi;\n        dy *= multi;\n      }\n      svgCanvas.moveSelectedElements(dx, dy);\n    }\n  };\n\n  const linkControlPoints = function () {\n    $('#tool_node_link').toggleClass('push_button_pressed tool_button');\n    const linked = $('#tool_node_link').hasClass('push_button_pressed');\n    path.linkControlPoints(linked);\n  };\n\n  const clonePathNode = function () {\n    if (path.getNodePoint()) {\n      path.clonePathNode();\n    }\n  };\n\n  const deletePathNode = function () {\n    if (path.getNodePoint()) {\n      path.deletePathNode();\n    }\n  };\n\n  const addSubPath = function () {\n    const button = $('#tool_add_subpath');\n    const sp = !button.hasClass('push_button_pressed');\n    button.toggleClass('push_button_pressed tool_button');\n    path.addSubPath(sp);\n  };\n\n  const opencloseSubPath = function () {\n    path.opencloseSubPath();\n  };\n\n  const selectNext = function () {\n    svgCanvas.cycleElement(1);\n  };\n\n  const selectPrev = function () {\n    svgCanvas.cycleElement(0);\n  };\n\n  const rotateSelected = function (cw, step) {\n    if (selectedElement == null || multiselected) { return; }\n    if (!cw) { step *= -1; }\n    const angle = parseFloat($('#angle').val()) + step;\n    svgCanvas.setRotationAngle(angle);\n    updateContextPanel();\n  };\n\n  /**\n   * @fires module:svgcanvas.SvgCanvas#event:ext-onNewDocument\n   * @returns {undefined}\n   */\n  const clickClear = function () {\n    const [x, y] = curConfig.dimensions;\n    $.confirm(uiStrings.notification.QwantToClear, function (ok) {\n      if (!ok) { return; }\n      setSelectMode();\n      svgCanvas.clear();\n      svgCanvas.setResolution(x, y);\n      updateCanvas(true);\n      zoomImage();\n      populateLayers();\n      updateContextPanel();\n      prepPaints();\n      svgCanvas.runExtensions('onNewDocument');\n    });\n  };\n\n  const clickBold = function () {\n    svgCanvas.setBold(!svgCanvas.getBold());\n    updateContextPanel();\n    return false;\n  };\n\n  const clickItalic = function () {\n    svgCanvas.setItalic(!svgCanvas.getItalic());\n    updateContextPanel();\n    return false;\n  };\n\n  const clickSave = function () {\n    // In the future, more options can be provided here\n    const saveOpts = {\n      images: $.pref('img_save'),\n      round_digits: 6\n    };\n    svgCanvas.save(saveOpts);\n  };\n\n  let loadingURL;\n  const clickExport = function () {\n    $.select('Select an image type for export: ', [\n      // See http://kangax.github.io/jstests/toDataUrl_mime_type_test/ for a useful list of MIME types and browser support\n      // 'ICO', // Todo: Find a way to preserve transparency in SVG-Edit if not working presently and do full packaging for x-icon; then switch back to position after 'PNG'\n      'PNG',\n      'JPEG', 'BMP', 'WEBP', 'PDF'\n    ], function (imgType) { // todo: replace hard-coded msg with uiStrings.notification.\n      if (!imgType) {\n        return;\n      }\n      // Open placeholder window (prevents popup)\n      let exportWindowName;\n      function openExportWindow () {\n        const str = uiStrings.notification.loadingImage;\n        if (curConfig.exportWindowType === 'new') {\n          editor.exportWindowCt++;\n        }\n        exportWindowName = curConfig.canvasName + editor.exportWindowCt;\n        let popHTML, popURL;\n        if (loadingURL) {\n          popURL = loadingURL;\n        } else {\n          popHTML = `<!DOCTYPE html><html>\n            <head>\n              <meta charset=\"utf-8\">\n              <title>${str}</title>\n            </head>\n            <body><h1>${str}</h1></body>\n          <html>`;\n          if (typeof URL && URL.createObjectURL) {\n            const blob = new Blob([popHTML], {type: 'text/html'});\n            popURL = URL.createObjectURL(blob);\n          } else {\n            popURL = 'data:text/html;base64;charset=utf-8,' + Utils.encode64(popHTML);\n          }\n          loadingURL = popURL;\n        }\n        exportWindow = window.open(popURL, exportWindowName);\n      }\n      if (imgType === 'PDF') {\n        if (!customExportPDF) {\n          openExportWindow();\n        }\n        svgCanvas.exportPDF(exportWindowName);\n      } else {\n        if (!customExportImage) {\n          openExportWindow();\n        }\n        const quality = parseInt($('#image-slider').val(), 10) / 100;\n        svgCanvas.rasterExport(imgType, quality, exportWindowName);\n      }\n    }, function () {\n      const sel = $(this);\n      if (sel.val() === 'JPEG' || sel.val() === 'WEBP') {\n        if (!$('#image-slider').length) {\n          $(`<div><label>${uiStrings.ui.quality}\n              <input id=\"image-slider\"\n                type=\"range\" min=\"1\" max=\"100\" value=\"92\" />\n            </label></div>`).appendTo(sel.parent());\n        }\n      } else {\n        $('#image-slider').parent().remove();\n      }\n    });\n  };\n\n  // by default, svgCanvas.open() is a no-op.\n  // it is up to an extension mechanism (opera widget, etc)\n  // to call setCustomHandlers() which will make it do something\n  const clickOpen = function () {\n    svgCanvas.open();\n  };\n\n  const clickImport = function () {\n  };\n\n  const clickUndo = function () {\n    if (undoMgr.getUndoStackSize() > 0) {\n      undoMgr.undo();\n      populateLayers();\n    }\n  };\n\n  const clickRedo = function () {\n    if (undoMgr.getRedoStackSize() > 0) {\n      undoMgr.redo();\n      populateLayers();\n    }\n  };\n\n  const clickGroup = function () {\n    // group\n    if (multiselected) {\n      svgCanvas.groupSelectedElements();\n    // ungroup\n    } else if (selectedElement) {\n      svgCanvas.ungroupSelectedElement();\n    }\n  };\n\n  const clickClone = function () {\n    svgCanvas.cloneSelectedElements(20, 20);\n  };\n\n  const clickAlign = function () {\n    const letter = this.id.replace('tool_align', '').charAt(0);\n    svgCanvas.alignSelectedElements(letter, $('#align_relative_to').val());\n  };\n\n  const clickWireframe = function () {\n    $('#tool_wireframe').toggleClass('push_button_pressed tool_button');\n    workarea.toggleClass('wireframe');\n\n    if (supportsNonSS) { return; }\n    let wfRules = $('#wireframe_rules');\n    if (!wfRules.length) {\n      wfRules = $('<style id=\"wireframe_rules\"></style>').appendTo('head');\n    } else {\n      wfRules.empty();\n    }\n\n    updateWireFrame();\n  };\n\n  $('#svg_docprops_container, #svg_prefs_container').draggable({\n    cancel: 'button,fieldset',\n    containment: 'window'\n  }).css('position', 'absolute');\n\n  let docprops = false;\n  let preferences = false;\n\n  const showDocProperties = function () {\n    if (docprops) { return; }\n    docprops = true;\n\n    // This selects the correct radio button by using the array notation\n    $('#image_save_opts input').val([$.pref('img_save')]);\n\n    // update resolution option with actual resolution\n    const res = svgCanvas.getResolution();\n    if (curConfig.baseUnit !== 'px') {\n      res.w = convertUnit(res.w) + curConfig.baseUnit;\n      res.h = convertUnit(res.h) + curConfig.baseUnit;\n    }\n\n    $('#canvas_width').val(res.w);\n    $('#canvas_height').val(res.h);\n    $('#canvas_title').val(svgCanvas.getDocumentTitle());\n\n    $('#svg_docprops').show();\n  };\n\n  const showPreferences = function () {\n    if (preferences) { return; }\n    preferences = true;\n    $('#main_menu').hide();\n\n    // Update background color with current one\n    const blocks = $('#bg_blocks div');\n    const curBg = 'cur_background';\n    const canvasBg = curPrefs.bkgd_color;\n    const url = $.pref('bkgd_url');\n    blocks.each(function () {\n      const blk = $(this);\n      const isBg = blk.css('background-color') === canvasBg;\n      blk.toggleClass(curBg, isBg);\n      if (isBg) { $('#canvas_bg_url').removeClass(curBg); }\n    });\n    if (!canvasBg) { blocks.eq(0).addClass(curBg); }\n    if (url) {\n      $('#canvas_bg_url').val(url);\n    }\n    $('#grid_snapping_on').prop('checked', curConfig.gridSnapping);\n    $('#grid_snapping_step').attr('value', curConfig.snappingStep);\n    $('#grid_color').attr('value', curConfig.gridColor);\n\n    $('#svg_prefs').show();\n  };\n\n  const hideSourceEditor = function () {\n    $('#svg_source_editor').hide();\n    editingsource = false;\n    $('#svg_source_textarea').blur();\n  };\n\n  const saveSourceEditor = function () {\n    if (!editingsource) { return; }\n\n    const saveChanges = function () {\n      svgCanvas.clearSelection();\n      hideSourceEditor();\n      zoomImage();\n      populateLayers();\n      updateTitle();\n      prepPaints();\n    };\n\n    if (!svgCanvas.setSvgString($('#svg_source_textarea').val())) {\n      $.confirm(uiStrings.notification.QerrorsRevertToSource, function (ok) {\n        if (!ok) { return false; }\n        saveChanges();\n      });\n    } else {\n      saveChanges();\n    }\n    setSelectMode();\n  };\n\n  const hideDocProperties = function () {\n    $('#svg_docprops').hide();\n    $('#canvas_width,#canvas_height').removeAttr('disabled');\n    $('#resolution')[0].selectedIndex = 0;\n    $('#image_save_opts input').val([$.pref('img_save')]);\n    docprops = false;\n  };\n\n  const hidePreferences = function () {\n    $('#svg_prefs').hide();\n    preferences = false;\n  };\n\n  const saveDocProperties = function () {\n    // set title\n    const newTitle = $('#canvas_title').val();\n    updateTitle(newTitle);\n    svgCanvas.setDocumentTitle(newTitle);\n\n    // update resolution\n    const width = $('#canvas_width'), w = width.val();\n    const height = $('#canvas_height'), h = height.val();\n\n    if (w !== 'fit' && !isValidUnit('width', w)) {\n      $.alert(uiStrings.notification.invalidAttrValGiven);\n      width.parent().addClass('error');\n      return false;\n    }\n\n    width.parent().removeClass('error');\n\n    if (h !== 'fit' && !isValidUnit('height', h)) {\n      $.alert(uiStrings.notification.invalidAttrValGiven);\n      height.parent().addClass('error');\n      return false;\n    }\n\n    height.parent().removeClass('error');\n\n    if (!svgCanvas.setResolution(w, h)) {\n      $.alert(uiStrings.notification.noContentToFitTo);\n      return false;\n    }\n\n    // Set image save option\n    $.pref('img_save', $('#image_save_opts :checked').val());\n    updateCanvas();\n    hideDocProperties();\n  };\n\n  /**\n  * Save user preferences based on current values in the UI\n  * @function module:SVGEditor.savePreferences\n  * @returns {undefined}\n  */\n  const savePreferences = editor.savePreferences = function () {\n    // Set background\n    const color = $('#bg_blocks div.cur_background').css('background-color') || '#FFF';\n    setBackground(color, $('#canvas_bg_url').val());\n\n    // set language\n    const lang = $('#lang_select').val();\n    if (lang !== $.pref('lang')) {\n      editor.putLocale(lang, goodLangs, curConfig);\n    }\n\n    // set icon size\n    setIconSize($('#iconsize').val());\n\n    // set grid setting\n    curConfig.gridSnapping = $('#grid_snapping_on')[0].checked;\n    curConfig.snappingStep = $('#grid_snapping_step').val();\n    curConfig.gridColor = $('#grid_color').val();\n    curConfig.showRulers = $('#show_rulers')[0].checked;\n\n    $('#rulers').toggle(curConfig.showRulers);\n    if (curConfig.showRulers) { updateRulers(); }\n    curConfig.baseUnit = $('#base_unit').val();\n\n    svgCanvas.setConfig(curConfig);\n\n    updateCanvas();\n    hidePreferences();\n  };\n\n  let resetScrollPos = $.noop;\n\n  const cancelOverlays = function () {\n    $('#dialog_box').hide();\n    if (!editingsource && !docprops && !preferences) {\n      if (curContext) {\n        svgCanvas.leaveContext();\n      }\n      return;\n    }\n\n    if (editingsource) {\n      if (origSource !== $('#svg_source_textarea').val()) {\n        $.confirm(uiStrings.notification.QignoreSourceChanges, function (ok) {\n          if (ok) { hideSourceEditor(); }\n        });\n      } else {\n        hideSourceEditor();\n      }\n    } else if (docprops) {\n      hideDocProperties();\n    } else if (preferences) {\n      hidePreferences();\n    }\n    resetScrollPos();\n  };\n\n  const winWh = {width: $(window).width(), height: $(window).height()};\n\n  // Fix for Issue 781: Drawing area jumps to top-left corner on window resize (IE9)\n  if (isIE()) {\n    (() => {\n      resetScrollPos = function () {\n        if (workarea[0].scrollLeft === 0 && workarea[0].scrollTop === 0) {\n          workarea[0].scrollLeft = curScrollPos.left;\n          workarea[0].scrollTop = curScrollPos.top;\n        }\n      };\n\n      curScrollPos = {\n        left: workarea[0].scrollLeft,\n        top: workarea[0].scrollTop\n      };\n\n      $(window).resize(resetScrollPos);\n      editor.ready(function () {\n        // TODO: Find better way to detect when to do this to minimize\n        // flickering effect\n        setTimeout(function () {\n          resetScrollPos();\n        }, 500);\n      });\n\n      workarea.scroll(function () {\n        curScrollPos = {\n          left: workarea[0].scrollLeft,\n          top: workarea[0].scrollTop\n        };\n      });\n    })();\n  }\n\n  $(window).resize(function (evt) {\n    $.each(winWh, function (type, val) {\n      const curval = $(window)[type]();\n      workarea[0]['scroll' + (type === 'width' ? 'Left' : 'Top')] -= (curval - val) / 2;\n      winWh[type] = curval;\n    });\n    setFlyoutPositions();\n  });\n\n  (() => {\n    workarea.scroll(function () {\n      // TODO: jQuery's scrollLeft/Top() wouldn't require a null check\n      if ($('#ruler_x').length) {\n        $('#ruler_x')[0].scrollLeft = workarea[0].scrollLeft;\n      }\n      if ($('#ruler_y').length) {\n        $('#ruler_y')[0].scrollTop = workarea[0].scrollTop;\n      }\n    });\n  })();\n\n  $('#url_notice').click(function () {\n    $.alert(this.title);\n  });\n\n  $('#change_image_url').click(promptImgURL);\n\n  // added these event handlers for all the push buttons so they\n  // behave more like buttons being pressed-in and not images\n  (function () {\n    const toolnames = ['clear', 'open', 'save', 'source', 'delete', 'delete_multi', 'paste', 'clone', 'clone_multi', 'move_top', 'move_bottom'];\n    const curClass = 'tool_button_current';\n\n    let allTools = '';\n\n    $.each(toolnames, function (i, item) {\n      allTools += (i ? ',' : '') + '#tool_' + item;\n    });\n\n    $(allTools).mousedown(function () {\n      $(this).addClass(curClass);\n    }).bind('mousedown mouseout', function () {\n      $(this).removeClass(curClass);\n    });\n\n    $('#tool_undo, #tool_redo').mousedown(function () {\n      if (!$(this).hasClass('disabled')) { $(this).addClass(curClass); }\n    }).bind('mousedown mouseout', function () {\n      $(this).removeClass(curClass);\n    });\n  }());\n\n  // switch modifier key in tooltips if mac\n  // NOTE: This code is not used yet until I can figure out how to successfully bind ctrl/meta\n  // in Opera and Chrome\n  if (isMac() && !window.opera) {\n    const shortcutButtons = ['tool_clear', 'tool_save', 'tool_source', 'tool_undo', 'tool_redo', 'tool_clone'];\n    let i = shortcutButtons.length;\n    while (i--) {\n      const button = document.getElementById(shortcutButtons[i]);\n      if (button) {\n        const {title} = button;\n        const index = title.indexOf('Ctrl+');\n        button.title = [title.substr(0, index), 'Cmd+', title.substr(index + 5)].join('');\n      }\n    }\n  }\n\n  // TODO: go back to the color boxes having white background-color and then setting\n  //  background-image to none.png (otherwise partially transparent gradients look weird)\n  const colorPicker = function (elem) {\n    const picker = elem.attr('id') === 'stroke_color' ? 'stroke' : 'fill';\n    // const opacity = (picker == 'stroke' ? $('#stroke_opacity') : $('#fill_opacity'));\n    const title = picker === 'stroke'\n      ? uiStrings.ui.pick_stroke_paint_opacity\n      : uiStrings.ui.pick_fill_paint_opacity;\n    // let wasNone = false; // Currently unused\n    const pos = elem.offset();\n    let {paint} = paintBox[picker];\n    $('#color_picker')\n      .draggable({\n        cancel: '.jGraduate_tabs, .jGraduate_colPick, .jGraduate_gradPick, .jPicker',\n        containment: 'window'\n      })\n      .css(curConfig.colorPickerCSS || {left: pos.left - 140, bottom: 40})\n      .jGraduate(\n        {\n          paint,\n          window: { pickerTitle: title },\n          images: { clientPath: curConfig.jGraduatePath },\n          newstop: 'inverse'\n        },\n        function (p) {\n          paint = new $.jGraduate.Paint(p);\n          paintBox[picker].setPaint(paint);\n          svgCanvas.setPaint(picker, paint);\n          $('#color_picker').hide();\n        },\n        function () {\n          $('#color_picker').hide();\n        }\n      );\n  };\n\n  const PaintBox = function (container, type) {\n    let paintColor, paintOpacity;\n    const cur = curConfig[type === 'fill' ? 'initFill' : 'initStroke'];\n    // set up gradients to be used for the buttons\n    const svgdocbox = new DOMParser().parseFromString(\n      `<svg xmlns=\"http://www.w3.org/2000/svg\">\n        <rect width=\"16.5\" height=\"16.5\"\n          fill=\"#${cur.color}\" opacity=\"${cur.opacity}\"/>\n        <defs><linearGradient id=\"gradbox_\"/></defs>\n      </svg>`,\n      'text/xml'\n    );\n\n    let docElem = svgdocbox.documentElement;\n    docElem = $(container)[0].appendChild(document.importNode(docElem, true));\n    docElem.setAttribute('width', 16.5);\n\n    this.rect = docElem.firstElementChild;\n    this.defs = docElem.getElementsByTagName('defs')[0];\n    this.grad = this.defs.firstElementChild;\n    this.paint = new $.jGraduate.Paint({solidColor: cur.color});\n    this.type = type;\n\n    this.setPaint = function (paint, apply) {\n      this.paint = paint;\n\n      const ptype = paint.type;\n      const opac = paint.alpha / 100;\n\n      let fillAttr = 'none';\n      switch (ptype) {\n      case 'solidColor':\n        fillAttr = (paint[ptype] !== 'none') ? '#' + paint[ptype] : paint[ptype];\n        break;\n      case 'linearGradient':\n      case 'radialGradient':\n        this.grad.remove();\n        this.grad = this.defs.appendChild(paint[ptype]);\n        const id = this.grad.id = 'gradbox_' + this.type;\n        fillAttr = 'url(#' + id + ')';\n        break;\n      }\n\n      this.rect.setAttribute('fill', fillAttr);\n      this.rect.setAttribute('opacity', opac);\n\n      if (apply) {\n        svgCanvas.setColor(this.type, paintColor, true);\n        svgCanvas.setPaintOpacity(this.type, paintOpacity, true);\n      }\n    };\n\n    this.update = function (apply) {\n      if (!selectedElement) { return; }\n\n      const {type} = this;\n      switch (selectedElement.tagName) {\n      case 'use':\n      case 'image':\n      case 'foreignObject':\n        // These elements don't have fill or stroke, so don't change\n        // the current value\n        return;\n      case 'g':\n      case 'a': {\n        const childs = selectedElement.getElementsByTagName('*');\n\n        let gPaint = null;\n        for (let i = 0, len = childs.length; i < len; i++) {\n          const elem = childs[i];\n          const p = elem.getAttribute(type);\n          if (i === 0) {\n            gPaint = p;\n          } else if (gPaint !== p) {\n            gPaint = null;\n            break;\n          }\n        }\n\n        if (gPaint === null) {\n          // No common color, don't update anything\n          paintColor = null;\n          return;\n        }\n        paintColor = gPaint;\n        paintOpacity = 1;\n        break;\n      } default:\n        paintOpacity = parseFloat(selectedElement.getAttribute(type + '-opacity'));\n        if (isNaN(paintOpacity)) {\n          paintOpacity = 1.0;\n        }\n\n        const defColor = type === 'fill' ? 'black' : 'none';\n        paintColor = selectedElement.getAttribute(type) || defColor;\n      }\n\n      if (apply) {\n        svgCanvas.setColor(type, paintColor, true);\n        svgCanvas.setPaintOpacity(type, paintOpacity, true);\n      }\n\n      paintOpacity *= 100;\n\n      const paint = getPaint(paintColor, paintOpacity, type);\n      // update the rect inside #fill_color/#stroke_color\n      this.setPaint(paint);\n    };\n\n    this.prep = function () {\n      const ptype = this.paint.type;\n\n      switch (ptype) {\n      case 'linearGradient':\n      case 'radialGradient':\n        const paint = new $.jGraduate.Paint({copy: this.paint});\n        svgCanvas.setPaint(type, paint);\n        break;\n      }\n    };\n  };\n\n  paintBox.fill = new PaintBox('#fill_color', 'fill');\n  paintBox.stroke = new PaintBox('#stroke_color', 'stroke');\n\n  $('#stroke_width').val(curConfig.initStroke.width);\n  $('#group_opacity').val(curConfig.initOpacity * 100);\n\n  // Use this SVG elem to test vectorEffect support\n  const testEl = paintBox.fill.rect.cloneNode(false);\n  testEl.setAttribute('style', 'vector-effect:non-scaling-stroke');\n  const supportsNonSS = (testEl.style.vectorEffect === 'non-scaling-stroke');\n  testEl.removeAttribute('style');\n  const svgdocbox = paintBox.fill.rect.ownerDocument;\n  // Use this to test support for blur element. Seems to work to test support in Webkit\n  const blurTest = svgdocbox.createElementNS(NS.SVG, 'feGaussianBlur');\n  if (blurTest.stdDeviationX === undefined) {\n    $('#tool_blur').hide();\n  }\n  $(blurTest).remove();\n\n  // Test for zoom icon support\n  (function () {\n    const pre = '-' + uaPrefix.toLowerCase() + '-zoom-';\n    const zoom = pre + 'in';\n    workarea.css('cursor', zoom);\n    if (workarea.css('cursor') === zoom) {\n      zoomInIcon = zoom;\n      zoomOutIcon = pre + 'out';\n    }\n    workarea.css('cursor', 'auto');\n  }());\n\n  // Test for embedImage support (use timeout to not interfere with page load)\n  setTimeout(function () {\n    svgCanvas.embedImage('images/logo.png', function (datauri) {\n      if (!datauri) {\n        // Disable option\n        $('#image_save_opts [value=embed]').attr('disabled', 'disabled');\n        $('#image_save_opts input').val(['ref']);\n        $.pref('img_save', 'ref');\n        $('#image_opt_embed').css('color', '#666').attr('title', uiStrings.notification.featNotSupported);\n      }\n    });\n  }, 1000);\n\n  $('#fill_color, #tool_fill .icon_label').click(function () {\n    colorPicker($('#fill_color'));\n    updateToolButtonState();\n  });\n\n  $('#stroke_color, #tool_stroke .icon_label').click(function () {\n    colorPicker($('#stroke_color'));\n    updateToolButtonState();\n  });\n\n  $('#group_opacityLabel').click(function () {\n    $('#opacity_dropdown button').mousedown();\n    $(window).mouseup();\n  });\n\n  $('#zoomLabel').click(function () {\n    $('#zoom_dropdown button').mousedown();\n    $(window).mouseup();\n  });\n\n  $('#tool_move_top').mousedown(function (evt) {\n    $('#tools_stacking').show();\n    evt.preventDefault();\n  });\n\n  $('.layer_button').mousedown(function () {\n    $(this).addClass('layer_buttonpressed');\n  }).mouseout(function () {\n    $(this).removeClass('layer_buttonpressed');\n  }).mouseup(function () {\n    $(this).removeClass('layer_buttonpressed');\n  });\n\n  $('.push_button').mousedown(function () {\n    if (!$(this).hasClass('disabled')) {\n      $(this).addClass('push_button_pressed').removeClass('push_button');\n    }\n  }).mouseout(function () {\n    $(this).removeClass('push_button_pressed').addClass('push_button');\n  }).mouseup(function () {\n    $(this).removeClass('push_button_pressed').addClass('push_button');\n  });\n\n  // ask for a layer name\n  $('#layer_new').click(function () {\n    let uniqName,\n      i = svgCanvas.getCurrentDrawing().getNumLayers();\n    do {\n      uniqName = uiStrings.layers.layer + ' ' + (++i);\n    } while (svgCanvas.getCurrentDrawing().hasLayer(uniqName));\n\n    $.prompt(uiStrings.notification.enterUniqueLayerName, uniqName, function (newName) {\n      if (!newName) { return; }\n      if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {\n        $.alert(uiStrings.notification.dupeLayerName);\n        return;\n      }\n      svgCanvas.createLayer(newName);\n      updateContextPanel();\n      populateLayers();\n    });\n  });\n\n  function deleteLayer () {\n    if (svgCanvas.deleteCurrentLayer()) {\n      updateContextPanel();\n      populateLayers();\n      // This matches what SvgCanvas does\n      // TODO: make this behavior less brittle (svg-editor should get which\n      // layer is selected from the canvas and then select that one in the UI)\n      $('#layerlist tr.layer').removeClass('layersel');\n      $('#layerlist tr.layer:first').addClass('layersel');\n    }\n  }\n\n  function cloneLayer () {\n    const name = svgCanvas.getCurrentDrawing().getCurrentLayerName() + ' copy';\n\n    $.prompt(uiStrings.notification.enterUniqueLayerName, name, function (newName) {\n      if (!newName) { return; }\n      if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {\n        $.alert(uiStrings.notification.dupeLayerName);\n        return;\n      }\n      svgCanvas.cloneLayer(newName);\n      updateContextPanel();\n      populateLayers();\n    });\n  }\n\n  function mergeLayer () {\n    if ($('#layerlist tr.layersel').index() === svgCanvas.getCurrentDrawing().getNumLayers() - 1) {\n      return;\n    }\n    svgCanvas.mergeLayer();\n    updateContextPanel();\n    populateLayers();\n  }\n\n  function moveLayer (pos) {\n    const total = svgCanvas.getCurrentDrawing().getNumLayers();\n\n    let curIndex = $('#layerlist tr.layersel').index();\n    if (curIndex > 0 || curIndex < total - 1) {\n      curIndex += pos;\n      svgCanvas.setCurrentLayerPosition(total - curIndex - 1);\n      populateLayers();\n    }\n  }\n\n  $('#layer_delete').click(deleteLayer);\n\n  $('#layer_up').click(() => {\n    moveLayer(-1);\n  });\n\n  $('#layer_down').click(() => {\n    moveLayer(1);\n  });\n\n  $('#layer_rename').click(function () {\n    // const curIndex = $('#layerlist tr.layersel').prevAll().length; // Currently unused\n    const oldName = $('#layerlist tr.layersel td.layername').text();\n    $.prompt(uiStrings.notification.enterNewLayerName, '', function (newName) {\n      if (!newName) { return; }\n      if (oldName === newName || svgCanvas.getCurrentDrawing().hasLayer(newName)) {\n        $.alert(uiStrings.notification.layerHasThatName);\n        return;\n      }\n\n      svgCanvas.renameCurrentLayer(newName);\n      populateLayers();\n    });\n  });\n\n  const SIDEPANEL_MAXWIDTH = 300;\n  const SIDEPANEL_OPENWIDTH = 150;\n  let sidedrag = -1, sidedragging = false, allowmove = false;\n\n  /**\n   * @param {Float} delta\n   * @fires module:svgcanvas.SvgCanvas#event:ext-workareaResized\n   * @returns {undefined}\n   */\n  const changeSidePanelWidth = function (delta) {\n    const rulerX = $('#ruler_x');\n    $('#sidepanels').width('+=' + delta);\n    $('#layerpanel').width('+=' + delta);\n    rulerX.css('right', parseInt(rulerX.css('right'), 10) + delta);\n    workarea.css('right', parseInt(workarea.css('right'), 10) + delta);\n    svgCanvas.runExtensions('workareaResized');\n  };\n\n  const resizeSidePanel = function (evt) {\n    if (!allowmove) { return; }\n    if (sidedrag === -1) { return; }\n    sidedragging = true;\n    let deltaX = sidedrag - evt.pageX;\n    let sideWidth = $('#sidepanels').width();\n    if (sideWidth + deltaX > SIDEPANEL_MAXWIDTH) {\n      deltaX = SIDEPANEL_MAXWIDTH - sideWidth;\n      sideWidth = SIDEPANEL_MAXWIDTH;\n    } else if (sideWidth + deltaX < 2) {\n      deltaX = 2 - sideWidth;\n      sideWidth = 2;\n    }\n    if (deltaX === 0) { return; }\n    sidedrag -= deltaX;\n    changeSidePanelWidth(deltaX);\n  };\n\n  /**\n   * If width is non-zero, then fully close it, otherwise fully open it\n   * @param {boolean} close Forces the side panel closed\n   * @returns {undefined}\n   */\n  const toggleSidePanel = function (close) {\n    const w = $('#sidepanels').width();\n    const deltaX = (w > 2 || close ? 2 : SIDEPANEL_OPENWIDTH) - w;\n    changeSidePanelWidth(deltaX);\n  };\n\n  $('#sidepanel_handle')\n    .mousedown(function (evt) {\n      sidedrag = evt.pageX;\n      $(window).mousemove(resizeSidePanel);\n      allowmove = false;\n      // Silly hack for Chrome, which always runs mousemove right after mousedown\n      setTimeout(function () {\n        allowmove = true;\n      }, 20);\n    })\n    .mouseup(function (evt) {\n      if (!sidedragging) { toggleSidePanel(); }\n      sidedrag = -1;\n      sidedragging = false;\n    });\n\n  $(window).mouseup(function () {\n    sidedrag = -1;\n    sidedragging = false;\n    $('#svg_editor').unbind('mousemove', resizeSidePanel);\n  });\n\n  populateLayers();\n\n  // function changeResolution (x,y) {\n  //   const {zoom} = svgCanvas.getResolution();\n  //   setResolution(x * zoom, y * zoom);\n  // }\n\n  const centerCanvas = () => {\n    // this centers the canvas vertically in the workarea (horizontal handled in CSS)\n    workarea.css('line-height', workarea.height() + 'px');\n  };\n\n  $(window).bind('load resize', centerCanvas);\n\n  function stepFontSize (elem, step) {\n    const origVal = Number(elem.value);\n    const sugVal = origVal + step;\n    const increasing = sugVal >= origVal;\n    if (step === 0) { return origVal; }\n\n    if (origVal >= 24) {\n      if (increasing) {\n        return Math.round(origVal * 1.1);\n      }\n      return Math.round(origVal / 1.1);\n    }\n    if (origVal <= 1) {\n      if (increasing) {\n        return origVal * 2;\n      }\n      return origVal / 2;\n    }\n    return sugVal;\n  }\n\n  function stepZoom (elem, step) {\n    const origVal = Number(elem.value);\n    if (origVal === 0) { return 100; }\n    const sugVal = origVal + step;\n    if (step === 0) { return origVal; }\n\n    if (origVal >= 100) {\n      return sugVal;\n    }\n    if (sugVal >= origVal) {\n      return origVal * 2;\n    }\n    return origVal / 2;\n  }\n\n  // function setResolution (w, h, center) {\n  //   updateCanvas();\n  //   // w -= 0; h -= 0;\n  //   // $('#svgcanvas').css({width: w, height: h});\n  //   // $('#canvas_width').val(w);\n  //   // $('#canvas_height').val(h);\n  //   //\n  //   // if (center) {\n  //   //   const wArea = workarea;\n  //   //   const scrollY = h/2 - wArea.height()/2;\n  //   //   const scrollX = w/2 - wArea.width()/2;\n  //   //   wArea[0].scrollTop = scrollY;\n  //   //   wArea[0].scrollLeft = scrollX;\n  //   // }\n  // }\n\n  $('#resolution').change(function () {\n    const wh = $('#canvas_width,#canvas_height');\n    if (!this.selectedIndex) {\n      if ($('#canvas_width').val() === 'fit') {\n        wh.removeAttr('disabled').val(100);\n      }\n    } else if (this.value === 'content') {\n      wh.val('fit').attr('disabled', 'disabled');\n    } else {\n      const dims = this.value.split('x');\n      $('#canvas_width').val(dims[0]);\n      $('#canvas_height').val(dims[1]);\n      wh.removeAttr('disabled');\n    }\n  });\n\n  // Prevent browser from erroneously repopulating fields\n  $('input,select').attr('autocomplete', 'off');\n\n  /**\n   * Associate all button actions as well as non-button keyboard shortcuts\n   * @namespace {PlainObject} module:SVGEditor~Actions\n   */\n  const Actions = (function () {\n    /**\n    * @typedef {PlainObject} module:SVGEditor.ToolButton\n    * @property {string} sel The CSS selector for the tool\n    * @property {external:jQuery.Function} fn A handler to be attached to the `evt`\n    * @property {string} evt The event for which the `fn` listener will be added\n    * @property {module:SVGEditor.Key} [key] [key, preventDefault, NoDisableInInput]\n    * @property {string} [parent] Selector\n    * @property {boolean} [hidekey] Whether to show key value in title\n    * @property {string} [icon] The button ID\n    * @property {boolean} isDefault For flyout holders\n    */\n    /**\n     *\n     * @name module:SVGEditor~ToolButtons\n     * @type {module:SVGEditor.ToolButton[]}\n     */\n    const toolButtons = [\n      {sel: '#tool_select', fn: clickSelect, evt: 'click', key: ['V', true]},\n      {sel: '#tool_fhpath', fn: clickFHPath, evt: 'click', key: ['Q', true]},\n      {sel: '#tool_line', fn: clickLine, evt: 'click', key: ['L', true], parent: '#tools_line', prepend: true},\n      {sel: '#tool_rect', fn: clickRect, evt: 'mouseup',\n        key: ['R', true], parent: '#tools_rect', icon: 'rect'},\n      {sel: '#tool_square', fn: clickSquare, evt: 'mouseup',\n        parent: '#tools_rect', icon: 'square'},\n      {sel: '#tool_fhrect', fn: clickFHRect, evt: 'mouseup',\n        parent: '#tools_rect', icon: 'fh_rect'},\n      {sel: '#tool_ellipse', fn: clickEllipse, evt: 'mouseup',\n        key: ['E', true], parent: '#tools_ellipse', icon: 'ellipse'},\n      {sel: '#tool_circle', fn: clickCircle, evt: 'mouseup',\n        parent: '#tools_ellipse', icon: 'circle'},\n      {sel: '#tool_fhellipse', fn: clickFHEllipse, evt: 'mouseup',\n        parent: '#tools_ellipse', icon: 'fh_ellipse'},\n      {sel: '#tool_path', fn: clickPath, evt: 'click', key: ['P', true]},\n      {sel: '#tool_text', fn: clickText, evt: 'click', key: ['T', true]},\n      {sel: '#tool_image', fn: clickImage, evt: 'mouseup'},\n      {sel: '#tool_zoom', fn: clickZoom, evt: 'mouseup', key: ['Z', true]},\n      {sel: '#tool_clear', fn: clickClear, evt: 'mouseup', key: ['N', true]},\n      {sel: '#tool_save', fn () {\n        if (editingsource) {\n          saveSourceEditor();\n        } else {\n          clickSave();\n        }\n      }, evt: 'mouseup', key: ['S', true]},\n      {sel: '#tool_export', fn: clickExport, evt: 'mouseup'},\n      {sel: '#tool_open', fn: clickOpen, evt: 'mouseup', key: ['O', true]},\n      {sel: '#tool_import', fn: clickImport, evt: 'mouseup'},\n      {sel: '#tool_source', fn: showSourceEditor, evt: 'click', key: ['U', true]},\n      {sel: '#tool_wireframe', fn: clickWireframe, evt: 'click', key: ['F', true]},\n      {sel: '#tool_source_cancel,.overlay,#tool_docprops_cancel,#tool_prefs_cancel',\n        fn: cancelOverlays, evt: 'click', key: ['esc', false, false], hidekey: true},\n      {sel: '#tool_source_save', fn: saveSourceEditor, evt: 'click'},\n      {sel: '#tool_docprops_save', fn: saveDocProperties, evt: 'click'},\n      {sel: '#tool_docprops', fn: showDocProperties, evt: 'mouseup'},\n      {sel: '#tool_prefs_save', fn: savePreferences, evt: 'click'},\n      {sel: '#tool_prefs_option', fn () { showPreferences(); return false; }, evt: 'mouseup'},\n      {sel: '#tool_delete,#tool_delete_multi', fn: deleteSelected,\n        evt: 'click', key: ['del/backspace', true]},\n      {sel: '#tool_reorient', fn: reorientPath, evt: 'click'},\n      {sel: '#tool_node_link', fn: linkControlPoints, evt: 'click'},\n      {sel: '#tool_node_clone', fn: clonePathNode, evt: 'click'},\n      {sel: '#tool_node_delete', fn: deletePathNode, evt: 'click'},\n      {sel: '#tool_openclose_path', fn: opencloseSubPath, evt: 'click'},\n      {sel: '#tool_add_subpath', fn: addSubPath, evt: 'click'},\n      {sel: '#tool_move_top', fn: moveToTopSelected, evt: 'click', key: 'ctrl+shift+]'},\n      {sel: '#tool_move_bottom', fn: moveToBottomSelected, evt: 'click', key: 'ctrl+shift+['},\n      {sel: '#tool_topath', fn: convertToPath, evt: 'click'},\n      {sel: '#tool_make_link,#tool_make_link_multi', fn: makeHyperlink, evt: 'click'},\n      {sel: '#tool_undo', fn: clickUndo, evt: 'click'},\n      {sel: '#tool_redo', fn: clickRedo, evt: 'click'},\n      {sel: '#tool_clone,#tool_clone_multi', fn: clickClone, evt: 'click', key: ['D', true]},\n      {sel: '#tool_group_elements', fn: clickGroup, evt: 'click', key: ['G', true]},\n      {sel: '#tool_ungroup', fn: clickGroup, evt: 'click'},\n      {sel: '#tool_unlink_use', fn: clickGroup, evt: 'click'},\n      {sel: '[id^=tool_align]', fn: clickAlign, evt: 'click'},\n      // these two lines are required to make Opera work properly with the flyout mechanism\n      // {sel: '#tools_rect_show', fn: clickRect, evt: 'click'},\n      // {sel: '#tools_ellipse_show', fn: clickEllipse, evt: 'click'},\n      {sel: '#tool_bold', fn: clickBold, evt: 'mousedown'},\n      {sel: '#tool_italic', fn: clickItalic, evt: 'mousedown'},\n      {sel: '#sidepanel_handle', fn: toggleSidePanel, key: ['X']},\n      {sel: '#copy_save_done', fn: cancelOverlays, evt: 'click'},\n\n      // Shortcuts not associated with buttons\n\n      {key: 'ctrl+left', fn () { rotateSelected(0, 1); }},\n      {key: 'ctrl+right', fn () { rotateSelected(1, 1); }},\n      {key: 'ctrl+shift+left', fn () { rotateSelected(0, 5); }},\n      {key: 'ctrl+shift+right', fn () { rotateSelected(1, 5); }},\n      {key: 'shift+O', fn: selectPrev},\n      {key: 'shift+P', fn: selectNext},\n      {key: [modKey + 'up', true], fn () { zoomImage(2); }},\n      {key: [modKey + 'down', true], fn () { zoomImage(0.5); }},\n      {key: [modKey + ']', true], fn () { moveUpDownSelected('Up'); }},\n      {key: [modKey + '[', true], fn () { moveUpDownSelected('Down'); }},\n      {key: ['up', true], fn () { moveSelected(0, -1); }},\n      {key: ['down', true], fn () { moveSelected(0, 1); }},\n      {key: ['left', true], fn () { moveSelected(-1, 0); }},\n      {key: ['right', true], fn () { moveSelected(1, 0); }},\n      {key: 'shift+up', fn () { moveSelected(0, -10); }},\n      {key: 'shift+down', fn () { moveSelected(0, 10); }},\n      {key: 'shift+left', fn () { moveSelected(-10, 0); }},\n      {key: 'shift+right', fn () { moveSelected(10, 0); }},\n      {key: ['alt+up', true], fn () { svgCanvas.cloneSelectedElements(0, -1); }},\n      {key: ['alt+down', true], fn () { svgCanvas.cloneSelectedElements(0, 1); }},\n      {key: ['alt+left', true], fn () { svgCanvas.cloneSelectedElements(-1, 0); }},\n      {key: ['alt+right', true], fn () { svgCanvas.cloneSelectedElements(1, 0); }},\n      {key: ['alt+shift+up', true], fn () { svgCanvas.cloneSelectedElements(0, -10); }},\n      {key: ['alt+shift+down', true], fn () { svgCanvas.cloneSelectedElements(0, 10); }},\n      {key: ['alt+shift+left', true], fn () { svgCanvas.cloneSelectedElements(-10, 0); }},\n      {key: ['alt+shift+right', true], fn () { svgCanvas.cloneSelectedElements(10, 0); }},\n      {key: 'A', fn () { svgCanvas.selectAllInCurrentLayer(); }},\n\n      // Standard shortcuts\n      {key: modKey + 'z', fn: clickUndo},\n      {key: modKey + 'shift+z', fn: clickRedo},\n      {key: modKey + 'y', fn: clickRedo},\n\n      {key: modKey + 'x', fn: cutSelected},\n      {key: modKey + 'c', fn: copySelected},\n      {key: modKey + 'v', fn: pasteInCenter}\n    ];\n\n    // Tooltips not directly associated with a single function\n    const keyAssocs = {\n      '4/Shift+4': '#tools_rect_show',\n      '5/Shift+5': '#tools_ellipse_show'\n    };\n\n    return { /** @lends module:SVGEditor~Actions */\n      /**\n       * @returns {undefined}\n       */\n      setAll () {\n        const flyouts = {};\n\n        $.each(toolButtons, function (i, opts) {\n          // Bind function to button\n          let btn;\n          if (opts.sel) {\n            btn = $(opts.sel);\n            if (!btn.length) { return true; } // Skip if markup does not exist\n            if (opts.evt) {\n              if (isTouch() && opts.evt === 'click') {\n                opts.evt = 'mousedown';\n              }\n              btn[opts.evt](opts.fn);\n            }\n\n            // Add to parent flyout menu, if able to be displayed\n            if (opts.parent && $(opts.parent + '_show').length) {\n              let fH = $(opts.parent);\n              if (!fH.length) {\n                fH = makeFlyoutHolder(opts.parent.substr(1));\n              }\n              if (opts.prepend) {\n                btn[0].style.margin = 'initial';\n              }\n              fH[opts.prepend ? 'prepend' : 'append'](btn);\n\n              if (!Array.isArray(flyouts[opts.parent])) {\n                flyouts[opts.parent] = [];\n              }\n              flyouts[opts.parent].push(opts);\n            }\n          }\n\n          // Bind function to shortcut key\n          if (opts.key) {\n            // Set shortcut based on options\n            let keyval,\n              // disInInp = true,\n              pd = false;\n            if (Array.isArray(opts.key)) {\n              keyval = opts.key[0];\n              if (opts.key.length > 1) { pd = opts.key[1]; }\n              // if (opts.key.length > 2) { disInInp = opts.key[2]; }\n            } else {\n              keyval = opts.key;\n            }\n            keyval += '';\n\n            const {fn} = opts;\n            $.each(keyval.split('/'), function (i, key) {\n              $(document).bind('keydown', key, function (e) {\n                fn();\n                if (pd) {\n                  e.preventDefault();\n                }\n                // Prevent default on ALL keys?\n                return false;\n              });\n            });\n\n            // Put shortcut in title\n            if (opts.sel && !opts.hidekey && btn.attr('title')) {\n              const newTitle = btn.attr('title').split('[')[0] + ' (' + keyval + ')';\n              keyAssocs[keyval] = opts.sel;\n              // Disregard for menu items\n              if (!btn.parents('#main_menu').length) {\n                btn.attr('title', newTitle);\n              }\n            }\n          }\n        });\n\n        // Setup flyouts\n        setupFlyouts(flyouts);\n\n        // Misc additional actions\n\n        // Make 'return' keypress trigger the change event\n        $('.attr_changer, #image_url').bind('keydown', 'return',\n          function (evt) {\n            $(this).change();\n            evt.preventDefault();\n          }\n        );\n\n        $(window).bind('keydown', 'tab', function (e) {\n          if (uiContext === 'canvas') {\n            e.preventDefault();\n            selectNext();\n          }\n        }).bind('keydown', 'shift+tab', function (e) {\n          if (uiContext === 'canvas') {\n            e.preventDefault();\n            selectPrev();\n          }\n        });\n\n        $('#tool_zoom').dblclick(dblclickZoom);\n      },\n      /**\n       * @returns {undefined}\n       */\n      setTitles () {\n        $.each(keyAssocs, function (keyval, sel) {\n          const menu = ($(sel).parents('#main_menu').length);\n\n          $(sel).each(function () {\n            let t;\n            if (menu) {\n              t = $(this).text().split(' [')[0];\n            } else {\n              t = this.title.split(' [')[0];\n            }\n            let keyStr = '';\n            // Shift+Up\n            $.each(keyval.split('/'), function (i, key) {\n              const modBits = key.split('+');\n              let mod = '';\n              if (modBits.length > 1) {\n                mod = modBits[0] + '+';\n                key = modBits[1];\n              }\n              keyStr += (i ? '/' : '') + mod + (uiStrings['key_' + key] || key);\n            });\n            if (menu) {\n              this.lastChild.textContent = t + ' [' + keyStr + ']';\n            } else {\n              this.title = t + ' [' + keyStr + ']';\n            }\n          });\n        });\n      },\n      /**\n       * @param {string} sel Selector to match\n       * @returns {module:SVGEditor.ToolButton}\n       */\n      getButtonData (sel) {\n        return Object.values(toolButtons).find((btn) => {\n          return btn.sel === sel;\n        });\n      }\n    };\n  }());\n\n  // Select given tool\n  editor.ready(function () {\n    let tool;\n    const itool = curConfig.initTool,\n      container = $('#tools_left, #svg_editor .tools_flyout'),\n      preTool = container.find('#tool_' + itool),\n      regTool = container.find('#' + itool);\n    if (preTool.length) {\n      tool = preTool;\n    } else if (regTool.length) {\n      tool = regTool;\n    } else {\n      tool = $('#tool_select');\n    }\n    tool.click().mouseup();\n\n    if (curConfig.wireframe) {\n      $('#tool_wireframe').click();\n    }\n\n    if (curConfig.showlayers) {\n      toggleSidePanel();\n    }\n\n    $('#rulers').toggle(!!curConfig.showRulers);\n\n    if (curConfig.showRulers) {\n      $('#show_rulers')[0].checked = true;\n    }\n\n    if (curConfig.baseUnit) {\n      $('#base_unit').val(curConfig.baseUnit);\n    }\n\n    if (curConfig.gridSnapping) {\n      $('#grid_snapping_on')[0].checked = true;\n    }\n\n    if (curConfig.snappingStep) {\n      $('#grid_snapping_step').val(curConfig.snappingStep);\n    }\n\n    if (curConfig.gridColor) {\n      $('#grid_color').val(curConfig.gridColor);\n    }\n  });\n\n  // init SpinButtons\n  $('#rect_rx').SpinButton({min: 0, max: 1000, stateObj, callback: changeRectRadius});\n  $('#stroke_width').SpinButton({min: 0, max: 99, smallStep: 0.1, stateObj, callback: changeStrokeWidth});\n  $('#angle').SpinButton({min: -180, max: 180, step: 5, stateObj, callback: changeRotationAngle});\n  $('#font_size').SpinButton({min: 0.001, stepfunc: stepFontSize, stateObj, callback: changeFontSize});\n  $('#group_opacity').SpinButton({min: 0, max: 100, step: 5, stateObj, callback: changeOpacity});\n  $('#blur').SpinButton({min: 0, max: 10, step: 0.1, stateObj, callback: changeBlur});\n  $('#zoom').SpinButton({min: 0.001, max: 10000, step: 50, stepfunc: stepZoom, stateObj, callback: changeZoom})\n    // Set default zoom\n    .val(svgCanvas.getZoom() * 100);\n\n  $('#workarea').contextMenu(\n    {\n      menu: 'cmenu_canvas',\n      inSpeed: 0\n    },\n    function (action, el, pos) {\n      switch (action) {\n      case 'delete':\n        deleteSelected();\n        break;\n      case 'cut':\n        cutSelected();\n        break;\n      case 'copy':\n        copySelected();\n        break;\n      case 'paste':\n        svgCanvas.pasteElements();\n        break;\n      case 'paste_in_place':\n        svgCanvas.pasteElements('in_place');\n        break;\n      case 'group':\n      case 'group_elements':\n        svgCanvas.groupSelectedElements();\n        break;\n      case 'ungroup':\n        svgCanvas.ungroupSelectedElement();\n        break;\n      case 'move_front':\n        moveToTopSelected();\n        break;\n      case 'move_up':\n        moveUpDownSelected('Up');\n        break;\n      case 'move_down':\n        moveUpDownSelected('Down');\n        break;\n      case 'move_back':\n        moveToBottomSelected();\n        break;\n      default:\n        if (hasCustomHandler(action)) {\n          getCustomHandler(action).call();\n        }\n        break;\n      }\n    }\n  );\n\n  const lmenuFunc = function (action, el, pos) {\n    switch (action) {\n    case 'dupe':\n      cloneLayer();\n      break;\n    case 'delete':\n      deleteLayer();\n      break;\n    case 'merge_down':\n      mergeLayer();\n      break;\n    case 'merge_all':\n      svgCanvas.mergeAllLayers();\n      updateContextPanel();\n      populateLayers();\n      break;\n    }\n  };\n\n  $('#layerlist').contextMenu(\n    {\n      menu: 'cmenu_layers',\n      inSpeed: 0\n    },\n    lmenuFunc\n  );\n\n  $('#layer_moreopts').contextMenu(\n    {\n      menu: 'cmenu_layers',\n      inSpeed: 0,\n      allowLeft: true\n    },\n    lmenuFunc\n  );\n\n  $('.contextMenu li').mousedown(function (ev) {\n    ev.preventDefault();\n  });\n\n  $('#cmenu_canvas li').disableContextMenu();\n  canvMenu.enableContextMenuItems('#delete,#cut,#copy');\n\n  function enableOrDisableClipboard () {\n    let svgeditClipboard;\n    try {\n      svgeditClipboard = localStorage.getItem('svgedit_clipboard');\n    } catch (err) {}\n    canvMenu[(svgeditClipboard ? 'en' : 'dis') + 'ableContextMenuItems'](\n      '#paste,#paste_in_place'\n    );\n  }\n  enableOrDisableClipboard();\n\n  window.addEventListener('storage', function (e) {\n    if (e.key !== 'svgedit_clipboard') { return; }\n\n    enableOrDisableClipboard();\n  });\n\n  window.addEventListener('beforeunload', function (e) {\n    // Suppress warning if page is empty\n    if (undoMgr.getUndoStackSize() === 0) {\n      editor.showSaveWarning = false;\n    }\n\n    // showSaveWarning is set to 'false' when the page is saved.\n    if (!curConfig.no_save_warning && editor.showSaveWarning) {\n      // Browser already asks question about closing the page\n      e.returnValue = uiStrings.notification.unsavedChanges; // Firefox needs this when beforeunload set by addEventListener (even though message is not used)\n      return uiStrings.notification.unsavedChanges;\n    }\n  }, false);\n\n  /**\n  * Expose the uiStrings\n  * @function module:SVGEditor.canvas.getUIStrings\n  * @returns {module:SVGEditor.uiStrings}\n  */\n  editor.canvas.getUIStrings = function () {\n    return uiStrings;\n  };\n\n  /**\n  * @callback module:SVGEditor.OpenPrepCallback\n  * @param {boolean} noChanges\n  * @returns {undefined}\n  */\n  /**\n  * @param {module:SVGEditor.OpenPrepCallback} func Confirmation dialog callback\n  * @returns {undefined}\n  */\n  editor.openPrep = function (func) {\n    $('#main_menu').hide();\n    if (undoMgr.getUndoStackSize() === 0) {\n      func(true);\n    } else {\n      $.confirm(uiStrings.notification.QwantToOpen, func);\n    }\n  };\n\n  function onDragEnter (e) {\n    e.stopPropagation();\n    e.preventDefault();\n    // and indicator should be displayed here, such as \"drop files here\"\n  }\n\n  function onDragOver (e) {\n    e.stopPropagation();\n    e.preventDefault();\n  }\n\n  function onDragLeave (e) {\n    e.stopPropagation();\n    e.preventDefault();\n    // hypothetical indicator should be removed here\n  }\n  // Use HTML5 File API: http://www.w3.org/TR/FileAPI/\n  // if browser has HTML5 File API support, then we will show the open menu item\n  // and provide a file input to click. When that change event fires, it will\n  // get the text contents of the file and send it to the canvas\n  if (window.FileReader) {\n    const importImage = function (e) {\n      $.process_cancel(uiStrings.notification.loadingImage);\n      e.stopPropagation();\n      e.preventDefault();\n      $('#workarea').removeAttr('style');\n      $('#main_menu').hide();\n      const file = (e.type === 'drop') ? e.dataTransfer.files[0] : this.files[0];\n      if (!file) {\n        $('#dialog_box').hide();\n        return;\n      }\n      /* if (file.type === 'application/pdf') { // Todo: Handle PDF imports\n\n      }\n      else */\n      if (file.type.includes('image')) {\n        // Detected an image\n        // svg handling\n        let reader;\n        if (file.type.includes('svg')) {\n          reader = new FileReader();\n          reader.onloadend = function (e) {\n            const newElement = svgCanvas.importSvgString(e.target.result, true);\n            svgCanvas.ungroupSelectedElement();\n            svgCanvas.ungroupSelectedElement();\n            svgCanvas.groupSelectedElements();\n            svgCanvas.alignSelectedElements('m', 'page');\n            svgCanvas.alignSelectedElements('c', 'page');\n            // highlight imported element, otherwise we get strange empty selectbox\n            svgCanvas.selectOnly([newElement]);\n            $('#dialog_box').hide();\n          };\n          reader.readAsText(file);\n        } else {\n          // bitmap handling\n          reader = new FileReader();\n          reader.onloadend = function (e) {\n            // let's insert the new image until we know its dimensions\n            const insertNewImage = function (width, height) {\n              const newImage = svgCanvas.addSVGElementFromJson({\n                element: 'image',\n                attr: {\n                  x: 0,\n                  y: 0,\n                  width,\n                  height,\n                  id: svgCanvas.getNextId(),\n                  style: 'pointer-events:inherit'\n                }\n              });\n              svgCanvas.setHref(newImage, e.target.result);\n              svgCanvas.selectOnly([newImage]);\n              svgCanvas.alignSelectedElements('m', 'page');\n              svgCanvas.alignSelectedElements('c', 'page');\n              updateContextPanel();\n              $('#dialog_box').hide();\n            };\n            // create dummy img so we know the default dimensions\n            let imgWidth = 100;\n            let imgHeight = 100;\n            const img = new Image();\n            img.src = e.target.result;\n            img.style.opacity = 0;\n            img.onload = function () {\n              imgWidth = img.offsetWidth;\n              imgHeight = img.offsetHeight;\n              insertNewImage(imgWidth, imgHeight);\n            };\n          };\n          reader.readAsDataURL(file);\n        }\n      }\n    };\n\n    workarea[0].addEventListener('dragenter', onDragEnter, false);\n    workarea[0].addEventListener('dragover', onDragOver, false);\n    workarea[0].addEventListener('dragleave', onDragLeave, false);\n    workarea[0].addEventListener('drop', importImage, false);\n\n    const open = $('<input type=\"file\">').change(function () {\n      const f = this;\n      editor.openPrep(function (ok) {\n        if (!ok) { return; }\n        svgCanvas.clear();\n        if (f.files.length === 1) {\n          $.process_cancel(uiStrings.notification.loadingImage);\n          const reader = new FileReader();\n          reader.onloadend = function (e) {\n            loadSvgString(e.target.result);\n            updateCanvas();\n          };\n          reader.readAsText(f.files[0]);\n        }\n      });\n    });\n    $('#tool_open').show().prepend(open);\n\n    const imgImport = $('<input type=\"file\">').change(importImage);\n    $('#tool_import').show().prepend(imgImport);\n  }\n\n  // $(function () {\n  updateCanvas(true);\n  // });\n\n  //  const revnums = 'svg-editor.js ($Rev$) ';\n  //  revnums += svgCanvas.getVersion();\n  //  $('#copyright')[0].setAttribute('title', revnums);\n\n  /**\n  * @function module:SVGEditor.setLang\n  * @param {string} lang The language code\n  * @param {module:locale.LocaleStrings} allStrings See {@tutorial LocaleDocs}\n  * @fires module:svgcanvas.SvgCanvas#event:ext-langReady\n  * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged\n  * @returns {undefined}\n  */\n  const setLang = editor.setLang = function (lang, allStrings) {\n    editor.langChanged = true;\n    $.pref('lang', lang);\n    $('#lang_select').val(lang);\n    if (!allStrings) {\n      return;\n    }\n    $.extend(uiStrings, allStrings);\n\n    // const notif = allStrings.notification; // Currently unused\n    // $.extend will only replace the given strings\n    const oldLayerName = $('#layerlist tr.layersel td.layername').text();\n    const renameLayer = (oldLayerName === uiStrings.common.layer + ' 1');\n\n    svgCanvas.setUiStrings(allStrings);\n    Actions.setTitles();\n\n    if (renameLayer) {\n      svgCanvas.renameCurrentLayer(uiStrings.common.layer + ' 1');\n      populateLayers();\n    }\n\n    // In case extensions loaded before the locale, now we execute a callback on them\n    if (extsPreLang.length) {\n      while (extsPreLang.length) {\n        const ext = extsPreLang.shift();\n        ext.langReady({\n          lang,\n          uiStrings,\n          importLocale: getImportLocale({defaultLang: lang, defaultName: ext.name})\n        });\n      }\n    } else {\n      svgCanvas.runExtensions('langReady', /** @type {module:svgcanvas.SvgCanvas#event:ext-langReady} */ {lang, uiStrings});\n    }\n    svgCanvas.runExtensions('langChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-langChanged} */ lang);\n\n    // Update flyout tooltips\n    setFlyoutTitles();\n\n    // Copy title for certain tool elements\n    const elems = {\n      '#stroke_color': '#tool_stroke .icon_label, #tool_stroke .color_block',\n      '#fill_color': '#tool_fill label, #tool_fill .color_block',\n      '#linejoin_miter': '#cur_linejoin',\n      '#linecap_butt': '#cur_linecap'\n    };\n\n    $.each(elems, function (source, dest) {\n      $(dest).attr('title', $(source)[0].title);\n    });\n\n    // Copy alignment titles\n    $('#multiselected_panel div[id^=tool_align]').each(function () {\n      $('#tool_pos' + this.id.substr(10))[0].title = this.title;\n    });\n  };\n  localeInit(\n    /**\n    * @implements {module:locale.LocaleEditorInit}\n    */\n    {\n      /**\n      * Gets an array of results from extensions with a `addLangData` method\n      * returning an object with a `data` property set to its locales (to be\n      * merged with regular locales)\n      * @param {string} langParam\n      * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData\n      * @todo Can we forego this in favor of `langReady` (or forego `langReady`)?\n      * @returns {module:locale.AddLangExtensionLocaleData[]}\n      */\n      addLangData (langParam) {\n        return svgCanvas.runExtensions(\n          'addLangData',\n          /**\n           * @function\n           * @type {module:svgcanvas.ExtensionVarBuilder}\n           * @param {string} defaultLang\n           * @param {string} defaultName\n           * @returns {module:svgcanvas.SvgCanvas#event:ext-addLangData}\n           */\n          (name) => { // We pass in a function as we don't know the extension name here when defining this `addLangData` method\n            return {\n              lang: langParam,\n              importLocale: getImportLocale({defaultLang: langParam, defaultName: name})\n            };\n          },\n          true\n        );\n      },\n      curConfig\n    }\n  );\n  // Load extensions\n  // Bit of a hack to run extensions in local Opera/IE9\n  if (document.location.protocol === 'file:') {\n    setTimeout(extAndLocaleFunc, 100);\n  } else {\n    // Returns a promise (if we wanted to fire 'extensions-loaded' event, potentially useful to hide interface as some extension locales are only available after this)\n    extAndLocaleFunc();\n  }\n};\n\n/**\n* @callback module:SVGEditor.ReadyCallback\n* @returns {undefined}\n*/\n/**\n* Queues a callback to be invoked when the editor is ready (or\n*   to be invoked immediately if it is already ready--i.e.,\n*   if `svgEditor.runCallbacks` has been run)\n* @param {module:SVGEditor.ReadyCallback} cb Callback to be queued to invoke\n* @returns {undefined}\n*/\neditor.ready = function (cb) {\n  if (!isReady) {\n    callbacks.push(cb);\n  } else {\n    cb();\n  }\n};\n\n/**\n* Invokes the callbacks previous set by `svgEditor.ready`\n* @returns {undefined}\n*/\neditor.runCallbacks = function () {\n  callbacks.forEach((cb) => {\n    cb();\n  });\n  isReady = true;\n};\n\n/**\n* @param {string} str The SVG string to load\n* @returns {undefined}\n*/\neditor.loadFromString = function (str) {\n  editor.ready(function () {\n    loadSvgString(str);\n  });\n};\n\n/**\n* Not presently in use\n* @param {PlainObject} featList\n* @returns {undefined}\n*/\neditor.disableUI = function (featList) {\n  // $(function () {\n  //   $('#tool_wireframe, #tool_image, #main_button, #tool_source, #sidepanels').remove();\n  //   $('#tools_top').css('left', 5);\n  // });\n};\n\n/**\n * @callback module:SVGEditor.URLLoadCallback\n * @param {boolean} success\n * @returns {undefined}\n */\n/**\n* @param {string} url URL from which to load an SVG string via Ajax\n* @param {PlainObject} [opts] May contain properties: `cache`, `callback`\n* @param {boolean} opts.cache\n* @param {module:SVGEditor.URLLoadCallback} opts.callback Invoked with `true` or `false` depending on success\n* @returns {undefined}\n*/\neditor.loadFromURL = function (url, opts) {\n  if (!opts) { opts = {}; }\n\n  const {cache, callback: cb} = opts;\n\n  editor.ready(function () {\n    $.ajax({\n      url,\n      dataType: 'text',\n      cache: !!cache,\n      beforeSend () {\n        $.process_cancel(uiStrings.notification.loadingImage);\n      },\n      success (str) {\n        loadSvgString(str, cb);\n      },\n      error (xhr, stat, err) {\n        if (xhr.status !== 404 && xhr.responseText) {\n          loadSvgString(xhr.responseText, cb);\n        } else {\n          $.alert(uiStrings.notification.URLloadFail + ': \\n' + err, cb);\n        }\n      },\n      complete () {\n        $('#dialog_box').hide();\n      }\n    });\n  });\n};\n\n/**\n* @param {string} str The Data URI to base64-decode (if relevant) and load\n* @returns {undefined}\n*/\neditor.loadFromDataURI = function (str) {\n  editor.ready(function () {\n    let base64 = false;\n    let pre = str.match(/^data:image\\/svg\\+xml;base64,/);\n    if (pre) {\n      base64 = true;\n    } else {\n      pre = str.match(/^data:image\\/svg\\+xml(?:;(?:utf8)?)?,/);\n    }\n    if (pre) {\n      pre = pre[0];\n    }\n    const src = str.slice(pre.length);\n    loadSvgString(base64 ? Utils.decode64(src) : decodeURIComponent(src));\n  });\n};\n\n/**\n * @param {string} name Used internally; no need for i18n.\n * @param {module:svgcanvas.ExtensionInitCallback} init Config to be invoked on this module\n * @param {module:SVGEditor~ImportLocale} importLocale Importer defaulting to pth with current extension name and locale\n * @throws {Error} If called too early\n * @returns {Promise} Resolves to `undefined`\n*/\neditor.addExtension = function (name, init, importLocale) {\n  // Note that we don't want this on editor.ready since some extensions\n  // may want to run before then (like server_opensave).\n  // $(function () {\n  if (!svgCanvas) {\n    throw new Error('Extension added too early');\n  }\n  return svgCanvas.addExtension.call(this, name, init, importLocale);\n  // });\n};\n\n// Defer injection to wait out initial menu processing. This probably goes\n//    away once all context menu behavior is brought to context menu.\neditor.ready(() => {\n  injectExtendedContextMenuItemsIntoDom();\n});\n\nlet extensionsAdded = false;\nconst messageQueue = [];\n/**\n * @param {Any} data\n * @param {string} origin\n * @fires module:svgcanvas.SvgCanvas#event:message\n * @returns {undefined}\n */\nconst messageListener = ({data, origin}) => {\n  // console.log('data, origin, extensionsAdded', data, origin, extensionsAdded);\n  const messageObj = {data, origin};\n  if (!extensionsAdded) {\n    messageQueue.push(messageObj);\n  } else {\n    // Extensions can handle messages at this stage with their own\n    //  canvas `message` listeners\n    svgCanvas.call('message', messageObj);\n  }\n};\nwindow.addEventListener('message', messageListener);\n\n// Run init once DOM is loaded\n// jQuery(editor.init);\nPromise.resolve().then(() => {\n  // We wait a micro-task to let the svgEditor variable be defined for module checks\n  editor.init();\n});\n\nexport default editor;\n"],"names":["touchHandler","ev","changedTouches","first","type","screenX","screenY","clientX","clientY","simulatedEvent","MouseEvent","window","length","target","dispatchEvent","preventDefault","document","addEventListener","NS","getReverseNS","reverseNS","entries","forEach","name","URI","toLowerCase","SVGPathSeg","typeAsLetter","owningPathSegList","pathSegType","pathSegTypeAsLetter","_owningPathSegList","this","segmentChanged","prototype","classname","PATHSEG_UNKNOWN","PATHSEG_CLOSEPATH","PATHSEG_MOVETO_ABS","PATHSEG_MOVETO_REL","PATHSEG_LINETO_ABS","PATHSEG_LINETO_REL","PATHSEG_CURVETO_CUBIC_ABS","PATHSEG_CURVETO_CUBIC_REL","PATHSEG_CURVETO_QUADRATIC_ABS","PATHSEG_CURVETO_QUADRATIC_REL","PATHSEG_ARC_ABS","PATHSEG_ARC_REL","PATHSEG_LINETO_HORIZONTAL_ABS","PATHSEG_LINETO_HORIZONTAL_REL","PATHSEG_LINETO_VERTICAL_ABS","PATHSEG_LINETO_VERTICAL_REL","PATHSEG_CURVETO_CUBIC_SMOOTH_ABS","PATHSEG_CURVETO_CUBIC_SMOOTH_REL","PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS","PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL","SVGPathSegClosePath","undefined","SVGPathSegMovetoAbs","x","y","_x","_y","defineProperties","_segmentChanged","SVGPathSegMovetoRel","SVGPathSegLinetoAbs","SVGPathSegLinetoRel","SVGPathSegCurvetoCubicAbs","x1","y1","x2","y2","_x1","_y1","_x2","_y2","SVGPathSegCurvetoCubicRel","SVGPathSegCurvetoQuadraticAbs","SVGPathSegCurvetoQuadraticRel","SVGPathSegArcAbs","r1","r2","angle","largeArcFlag","sweepFlag","_r1","_r2","_angle","_largeArcFlag","_sweepFlag","SVGPathSegArcRel","SVGPathSegLinetoHorizontalAbs","defineProperty","SVGPathSegLinetoHorizontalRel","SVGPathSegLinetoVerticalAbs","SVGPathSegLinetoVerticalRel","SVGPathSegCurvetoCubicSmoothAbs","SVGPathSegCurvetoCubicSmoothRel","SVGPathSegCurvetoQuadraticSmoothAbs","SVGPathSegCurvetoQuadraticSmoothRel","createSVGPathSegClosePath","createSVGPathSegMovetoAbs","createSVGPathSegMovetoRel","createSVGPathSegLinetoAbs","createSVGPathSegLinetoRel","createSVGPathSegCurvetoCubicAbs","createSVGPathSegCurvetoCubicRel","createSVGPathSegCurvetoQuadraticAbs","createSVGPathSegCurvetoQuadraticRel","createSVGPathSegArcAbs","createSVGPathSegArcRel","createSVGPathSegLinetoHorizontalAbs","createSVGPathSegLinetoHorizontalRel","createSVGPathSegLinetoVerticalAbs","createSVGPathSegLinetoVerticalRel","createSVGPathSegCurvetoCubicSmoothAbs","createSVGPathSegCurvetoCubicSmoothRel","createSVGPathSegCurvetoQuadraticSmoothAbs","createSVGPathSegCurvetoQuadraticSmoothRel","SVGPathElement","getPathSegAtLength","distance","isFinite","Error","measurementElement","createElementNS","setAttribute","getAttribute","lastPathSegment","pathSegList","numberOfItems","removeItem","getTotalLength","SVGPathSegList","pathElement","_pathElement","_list","_parsePath","_mutationObserverConfig","attributes","attributeFilter","_pathElementMutationObserver","MutationObserver","_updateListFromPathMutations","bind","observe","takeRecords","mutationRecords","hasPathMutations","record","attributeName","disconnect","_pathSegArrayAsString","pathSeg","_writeListToPath","_checkPathSynchronizedToList","newItem","index","isNaN","_checkValidIndex","clone","splice","item","push","string","Builder","Source","_string","_currentIndex","_endIndex","_previousCommand","_skipOptionalSpaces","character","_isCurrentSpace","charAt","lookahead","_pathSegTypeFromChar","previousCommand","hasMoreData","command","peekSegmentType","exponent","integer","frac","decimal","sign","expsign","startIndex","startIntPartIndex","scanIntPartIndex","multiplier","number","Math","pow","_skipOptionalSpacesOrDelimiter","flag","flagChar","_nextCommandHelper","_parseNumber","points","arcAngle","arcLarge","_parseArcFlag","arcSweep","builder","source","initialCommandIsMoveTo","parseSegment","appendSegment","pathSegArray","_asPathString","_pathSegList","$","jQuery","supportsSVG_","SVG","createSVGRect","navigator","userAgent","svg","isOpera_","opera","isWebkit_","includes","isGecko_","isIE_","isChrome_","isWindows_","isMac_","isTouch_","supportsSelectors_","querySelector","supportsXpath_","evaluate","supportsPathReplaceItem_","path","seglist","seg","replaceItem","err","supportsPathInsertItemBefore_","insertItemBefore","supportsGoodTextCharPos_","svgroot","svgcontent","documentElement","append","text","textContent","pos","getStartPositionOfChar","remove","supportsPathBBox_","bbox","getBBox","height","supportsHVLineContainerBBox_","path2","g","width","supportsGoodDecimals_","rect","retValue","cloneNode","alert","supportsNonScalingStroke_","style","vectorEffect","supportsNativeSVGTransformLists_","rxform","transform","baseVal","t1","createSVGTransform","appendItem","getItem","SVGTransform","matrix","a","b","c","d","e","f","isOpera","isWebkit","isGecko","isIE","isChrome","isMac","isTouch","supportsSelectors","supportsXpath","supportsPathReplaceItem","supportsPathInsertItemBefore","supportsPathBBox","supportsHVLineContainerBBox","supportsGoodTextCharPos","supportsNonScalingStroke","supportsNativeTransformLists","proxied","fn","attr","key","value","len","apply","arguments","i","elem","namespaceURI","Array","isArray","obj","j","aname","Object","val","transformToString","xform","m","join","cx","cy","K","listMap_","SVGTransformList","_elem","_xforms","_update","tstr","createSVGMatrix","_init","str","re","match","replace","bits","split","valBits","valArr","letters","mtx","values","parseFloat","fname","toUpperCase","slice","_removeFromOtherLists","found","id","tl","code","newxforms","resetListMap","removeElementFromListMap","getTransformList","t","gradientTransform","patternTransform","wAttrs","hAttrs","unitAttrs","elementContainer_","typeMap_","init","elementContainer","body","bb","inch","getTypeMap","shortFloat","digits","getRoundDigits","toFixed","convertUnit","unit","getBaseUnit","setUnitAttr","convertToNum","substr","num","getWidth","getHeight","sqrt","isValidUnit","selectedElement","keys","some","RegExp","test","result","getElement","HistoryEventTypes","Command","MoveElementCommand","oldNextSibling","oldParent","tagName","newNextSibling","nextSibling","newParent","parentNode","handler","handleHistoryEvent","BEFORE_APPLY","insertBefore","AFTER_APPLY","BEFORE_UNAPPLY","AFTER_UNAPPLY","InsertElementCommand","parent","_this2","removeChild","RemoveElementCommand","console","log","ChangeElementCommand","attrs","newValues","oldValues","getHref","bChangedTransform","removeAttribute","getRotationAngle","rotate","BatchCommand","stack","unapply","elems","cmd","thisElems","elements","UndoManager","historyEventHandler","handler_","undoStackPointer","undoStack","undoChangeStackPointer","undoableChangeStack","getText","attrName","p","changeset","batchCmd","changes","addSubCommand","NEAR_ZERO","transformPoint","isIdentity","matrixMultiply","args","reduceRight","prev","m1","multiply","abs","hasMatrixTransform","tlist","transformBox","l","w","h","tr","bl","br","minx","min","maxx","max","miny","transformListToTransform","createSVGTransformFromMatrix","parseInt","temp","mtom","getMatrix","snapToAngle","snap","PI","dx","dy","atan2","dist","snapangle","round","cos","sin","rectsIntersect","segData","uiStrings","setUiStrings","strs","assign","ui","pathFuncs","linkControlPts","pathData","setLinkControlPoints","lcp","editorContext_","editorContext","each","s","newseg","list","arr","curSeg","clear","ptObjToArr","segItem","map","prop","getGripPt","altPt","out","currentZoom","getCurrentZoom","getPointFromGrip","pt","imatrix","addPointGrip","pointGripContainer","getGripContainer","pointGrip","getElem","atts","pathNodeTooltip","appendChild","dblclick","setSegType","addCtrlGrip","pathCtrlPtTooltip","getCtrlLine","ctrlLine","getPointGrip","update","getControlPoints","cpt","segItems","segs","gpt","replacePathSeg","pts","pth","segList","getSegSelector","segLine","smoothControlPoints","ct1","ct2","nct1","getSVGRoot","createSVGPoint","nct2","anglea","angleb","angleBetween","angleDiff","newAnglea","newAngleb","Segment","selected","ctrlpts","ptgrip","segsel","hasOwnProperty","showCtrlPts","selectCtrls","full","curPts","next","nextPts","mate","anum","newType","Path","selected_pts","find","first_seg","segment","startI","nextSeg","prevSeg","startSeg","addGrip","call","newX","newY","p0x","p1x","p2x","p01x","p12x","p0y","p1y","p2y","p01y","p12y","show","closed","eachSeg","indexOf","select","last_d","selectPt","move","moveCtrl","dragctrl","setLinked","storeD","selPt","cur","Number","curX","curY","prevX","prevY","olditem","old","diffX","diffY","setType","endChanges","ctrlNum","clearSelection","addPtsToSelection","inverse","resetD","indexes","sort","grips","closedSubpath","subpathIsClosed","getPath_","removePath_","newcx","newcy","oldcx","oldcy","getRotVals","r","theta","recalcRotatedPath","currentPath","oldbox","oldbbox","box","rvals","cVals1","cVals2","Rnc","setRotate","clearData","reorientGrads","utilsGetBBox","attrVal","startsWith","grad","getRefElem","pt1","pt2","gCoords","newgrad","getNextId","pathMap","convertPath","toRel","curx","cury","lastM","letter","pathDSegment","morePoints","lastPoint","pnt","pathActions","subpath","newPoint","firstCtrl","hasMoved","evt","mouseTarget","startX","startY","getCurrentMode","curPt","cur_pt","dragging","shiftKey","removePtFromSelection","parts","rubberBox","getRubberBox","setRubberBox","selectorManager","getRubberBandBox","mouseX","mouseY","stretchy","getGridSnapping","snapToGrid","drawnPath","getDrawnPath","FUZZ","clickOnPoint","px","py","getId","newpath","sSeg","absX","absY","endseg","setDrawnPath","setStarted","remapElement","newD","origD","toEditMode","contains","getContainer","getMouseTarget","last","lastx","lasty","xya","dAttr","addSVGElementFromJson","getOpacity","mpt","movePts","rbb","ptBb","sel","pointGrip1","pointGrip2","ptX","ptY","altX","altY","lastX","lastY","element","lastPt","toSelectMode","setCurrentMode","selPath","addToSelection","on","getSelectedElements","resetOrientation","addCommandToHistory","nodeName","n","linkPoints","selPts","nums","addSeg","openPt","startItem","closer","zSeg","canDeleteNodes","deleteSeg","cleanup","remItems","count","nprev","prevType","canvas","deleteSelectedElements","cp","N","curpos","prevCtlPt","end","newpts","prevArr","v","newValue","diff","fixEnd","jqPluginSVG","KEYSTR","visElems","visElemsArr","domdoc_","domcontainer_","svgroot_","getDOMDocument","getDOMContainer","toXml","encode64","input","encodeUTF8","btoa","output","floor","chr1","charCodeAt","chr2","chr3","enc1","enc2","enc3","enc4","decode64","atob","decodeUTF8","String","fromCharCode","argString","decodeURIComponent","escape","unescape","encodeURIComponent","dataURLToObjectURL","dataurl","Uint8Array","Blob","URL","createObjectURL","mime","bstr","u8arr","blob","blankPageObjectURL","text2xml","sXML","dXML","DOMParser","ActiveXObject","async","loadXML","parseFromString","e2","bboxToObj","walkTree","cbFn","nodeType","childNodes","walkTreePost","getUrlFromAttr","substring","getAttributeNS","XLINK","setHref","setAttributeNS","findDefs","svgElement","getSVGContent","defs","getElementsByTagNameNS","ownerDocument","firstChild","getPathBBox","tot","bounds","start","P0","P1","P2","P3","calc","b2ac","t2","groupBBFix","ref","data","matched","ret","copy","children","filter","issue","getStrokedBBox","geSelectedElements","elname","extent","getExtentOfChar","getComputedTextLength","fo","closest","getPathDFromSegments","pathSegments","singleChar","getPathDFromElement","rx","ry","getExtraAttributesForConvertToPath","getBBoxOfElementAsPath","eltrans","before","convertToPath","history","extend","bBoxCanBeOptimizedOverNativeGetBBox","angleModulo90","getBBoxWithTransform","getRotationAngleFromTransformList","hasMatrixXForm","goodBb","aabox","getStrokeOffsetForBBox","sw","fullBb","maxX","maxY","minX","minY","offset","curBb","getVisibleElements","contentElems","reverse","getStrokedBBoxDefaultVisible","toRad","singleNodeValue","assignAttributes","suspendLength","unitCheck","ns","XML","cleanupElement","defaults","stepSize","getSnappingStep","regexEscape","preventClickDefault","img","click","copyElem","el","newEl","localName","fixedD","child","nodeValue","contextMenuExtensions","hasCustomHandler","handlerKey","Boolean","getCustomHandler","action","injectExtendedContextMenuItemIntoDom","menuItem","shortcut","label","injectExtendedContextMenuItemsIntoDom","toAbsoluteURL","url","createElement","href","addScriptAtts","script","config","importSetGlobal","returnDefault","global","svgEditor","modules","importModule","importScript","Promise","all","u","resolve","reject","destructor","onerror","onload","src","defer","head","vector","random","toString","revokeObjectURL","loader","Layer","group","svgElem","name_","group_","svgdoc","layerTitle","after","visible","expected","opacity","hrService","previousName","title","getTitleElement","empty","changeElement","#text","addLayerClass","classes","CLASS_REGEX","CLASS_NAME","HistoryRecordingService","undoManager","undoManager_","currentBatchCommand_","batchCommandStack_","batchCommand","pop","addCommand_","NO_HISTORY","RandomizeModes","randIds","LET_DOCUMENT_DECIDE","disabledElems","historyRecordingService","canvas_","undoMgr","findLayerNameInGroup","querySelectorAll","getNewLayerName","existingLayerNames","Drawing","optIdPrefix","svgElem_","obj_num","idPrefix","releasedNums","all_layers","layer_map","current_layer","nonce_","SE","NEVER_RANDOMIZE","ALWAYS_RANDOMIZE","setNonce","XMLNS","oldObjNum","restoreOldObjNum","getElem_","front","getNumLayers","getName","getGroup","layer","finalName","oldName","setName","newpos","layerCount","oldpos","currentGroup","refGroup","identifyLayers","setCurrentLayer","getLayerName","prevGroup","startBatchCommand","layerNextSibling","removeElement","moveElement","removeGroup","endBatchCommand","mergeLayer","deactivate","activate","oldLayerGroup","numchildren","orphans","layernames","childgroups","appendChildren","insertElement","ch","layerName","isVisible","bVisible","setVisible","setOpacity","self","utilCopyElem","randomizeIds","enableRandomization","currentDrawing","getNonce","clearNonce","getCurrentDrawing","createLayer","newLayer","cloneLayer","deleteCurrentLayer","currentLayer","getCurrentLayer","renameCurrentLayer","newName","drawing","setCurrentLayerName","setCurrentLayerPosition","newPos","setLayerVisibility","prevVisibility","getLayerVisibility","oldDisplay","display","moveSelectedToLayer","getLayerByName","selElems","oldLayer","changeSVGContent","mergeAllLayers","leaveContext","orig","elData","setCurrentGroup","setContext","parentsUntil","andSelf","siblings","opac","getCurrentGroup","REVERSE_NS","svgWhiteList_","svgWhiteListNS_","elt","attNS","att","sanitizeSvg","node","doc","allowedAttrs","allowedAttrsNS","seAttrs","attrLocalName","attrNsURI","removeAttributeNS","props","styleAttrName","trim","styleAttrVal","hasChildNodes","remap","scalew","scaleh","doSnapping","finishUp","o","getDrawing","elName","chlist","mt","setMatrix","existing","tNew","tbox","gsvg","pstr","firstseg","currentpt","dstr","context_","updateClipPath","tx","ty","cpXform","newxlate","setTranslate","recalculateDimensions","k","noi","mxs","mNew","initial","getStartTransform","oldcenter","newcenter","gangle","rm","operation","firstM","oldStartTransform","tm","sm","tmn","childTlist","setStartTransform","e2t","t2n","s2","translateOrigin","scale","translateBack","setScale","T_M","mInv","M2","clipPathsDone","uses","useElem","usexlate","newRot","em","e2m","avg","roldt","rold","rnew","rnewInv","extrat","fill","paint","gtlist","gmatrix","mStr","oldxlate","meq","meqInv","tspanChanges","svgFactory_","config_","selectorManager_","gripRadius","Selector","locked","selectorGroup","createSVGElement","selectorRect","gripCoords","reset","resize","dir","dirArr","steps","selectorGrips","shift","bShow","selectorGripsGroup","hasGrips","updateGripCursors","selectedBox","mgr","selectedGrips","strokedBbox","nbox","nbax","nbay","nbaw","nbah","rot","svgRoot","rotm","maxy","coords","rotateGripConnector","rotateGrip","SelectorManager","selectorParentGroup","rubberBandBox","selectors","selectorMap","initGroup","grip","imgPath","dimensions","canvasbg","svgContent","babelHelpers.typeof","showGrips","svgFactory","getSelectorManager","postError","SvgCanvas","container","curConfig","importNode","clearSvgContentElement","show_outside_canvas","appendTo","comment","createComment","idprefix","setIdPrefix","current_drawing_","draw","allProperties","initFill","color","initStroke","initOpacity","shape","stroke_width","font_size","font_family","curShape","selectedElements","getJsonFromSvgElement","retval","createTextNode","namespace","curStyles","stroke","stroke_dasharray","stroke_linejoin","stroke_linecap","stroke_opacity","fill_opacity","baseUnit","saveOptions","round_digits","getSelectedElems","pathModule","snappingStep","gridSnapping","startTransform","nsMap","eventType","EventTypes","cmdType","isApply","stdDeviation","setBlurOffsets","getZoom","jsonMap","arg","events","noCall","releaseSelector","elemsToAdd","requestSelector","compareDocumentPosition","correspondingUseElement","MATH","HTML","rb","closed_subpath","currentMode","cm","dp","refAttrs","opacAni","restoreRefElems","removedElements","childs","getElementsByTagName","encodableImages","runExtensions","vars","returnArray","extensions","ext","addExtension","extInitFunc","importLocale","TypeError","getPrivateMethods","argObj","extObj","getIntersectionList","rubberBBox","resultList","curBBoxes","getVisibleElementsAndBBoxes","groupSvgElem","replaceWith","prepareSvg","newDoc","ffClone","setRotationAngle","preventUndo","oldTransform","center","newTransform","selector","recalculateAllSelectedDimensions","currentResizeMode","isEmpty","logMatrix","rootSctm","selectOnly","removeFromSelection","elemsToRemove","newSelectedItems","selectAllInCurrentLayer","freehand","rStartX","rStartY","initBbox","sumDistance","controllPoint2","controllPoint1","bSpline","nextPos","parameter","getBsplinePoint","spline","p0","p1","p2","p3","t3","mousedown","spaceKey","button","rightClick","altKey","cloneSelectedElements","getScreenCTM","pageX","pageY","realX","realY","griptype","strokeW","slist","iswebkit","delayedStroke","ele","_stroke","setTimeout","newImage","lastGoodImgUrl","curText","mouseDown","beginUndoableChange","extResult","started","mousemove","newList","intElem","foundInd","hasMatrix","top","sy","sx","left","square","rad","STEP_COUNT","point","mouseMove","mouseup","tempJustSelected","justSelected","keep","factor","commaIndex","smoothPolylineIntoPath","res","mouseUp","finishUndoableChange","addedNew","aniDur","cAni","beginElement","selectNew","releaseId","setMode","originalEvent","workarea","rulerwidth","showRulers","editorFullW","editorFullH","editorW","editorH","workareaViewW","workareaViewH","wOffset","wOffsetLeft","wOffsetTop","delta","wheelDelta","detail","wZoom","hZoom","ceil","zoomlevel","topLeftOld","newCtr","setZoom","textActions","curtext","textinput","cursor","selblock","blinker","chardata","textbb","allowDbl","setCursor","focus","selectionEnd","selectionStart","charbb","setSelectionRange","setInterval","startPt","ptToScreen","endPt","setSelection","skipInput","startbb","endbb","getIndexFromPoint","charpos","getCharNumAtPosition","setCursorFromPoint","setEndSelectionFromPoint","i1","i2","screenToPt","xIn","yIn","selectAll","unbind","selectWord","ept","css","selectElem","blur","inputElem","getEndPositionOfChar","contentW","removeUnusedDefElems","defelemUses","numRemoved","alen","allEls","allLen","defelems","defelem","getIssues","issues","issueCodes","issueList","exportNoBlur","exportNoforeignObject","exportNoDashArray","content","getContext","exportNoText","descr","svgCanvasToString","nakedSvgs","svgToString","indent","unitRe","from","getResolution","nsuris","uri","attrNames","mozAttrs","images","bOneLine","embedImage","callback","Image","load","response","status","xhr","cvs","drawImage","urldata","toDataURL","statusText","setGoodImage","open","save","opts","canvg","rasterExport","imgType","quality","exportWindowName","cb","mimeType","done","bloburl","canvgPath","hide","contentH","dataURLType","toBlob","datauri","exportPDF","outputType","that","jsPDF","jspdfPath","modularVersion","getDocumentTitle","setProperties","docTitle","addSVG","getSvgString","uniquifyElems","ids","refElems","oldid","hrefs","attrnode","getAttributeNode","refid","newid","ownerElement","hreffers","hreffer","setUseData","refElem","convertGradients","convertToGroup","$elem","ts","unwrap","removeData","vb","hasMore","dupeGrads","pushGroupProperties","setSvgString","xmlString","firstElementChild","oldzoom","adoptNode","nonce","image","pa","percs","dim","importSvgString","useEl","uid","useExisting","importIds","symbol","parents","innerw","innerh","innervb","canvash","cg","resetUndoStack","linkControlPoints","getContentElem","getRootElem","getSnapToGrid","getVersion","notification","setConfig","getTitle","setGroupTitle","prepend","tsNextSibling","setDocumentTitle","newTitle","oldTitle","getEditorNS","add","setResolution","visEls","moveSelectedElements","viewBox","getOffset","setBBoxZoom","spacer","calcZoom","zoom","newzoom","selectedElems","zoomLevel","zoomChange","getMode","getColor","curProperties","setColor","addNonG","setGradient","duplicateGrad","findDuplicateGradient","existingGrads","radAttrs","og","gradAttrs","ogAttrs","stops","ostops","stop","ostop","setPaint","jGraduate","Paint","setPaintOpacity","alpha","solidColor","setStrokePaint","setFillPaint","getStrokeWidth","setStrokeWidth","setStrokeAttr","getStyle","getFillOpacity","getStrokeOpacity","getPaintOpacity","getBlur","curCommand","filterHidden","finishChange","bCmd","setBlurNoUndo","setBlur","stdDev","complete","elemId","newblur","getBold","setBold","getItalic","setItalic","getFontFamily","setFontFamily","setFontColor","getFontColor","getFontSize","setFontSize","setTextContent","setImageURL","setsize","curHref","setLinkURL","parentsA","setRectRadius","makeHyperlink","groupSelectedElements","removeHyperlink","ungroupSelectedElement","changeSelectedAttributeNoUndo","moveNode","noXYElems","goodGAttrs","oldval","newrot","changeSelectedAttribute","selectedCopy","cutSelectedElements","copySelectedElements","setItem","JSON","stringify","enableContextMenuItems","pasteElements","clipb","parse","localStorage","pasted","changedIDs","checkIDs","extChanges","removeID","clipBoardItem","ctrX","ctrY","lastClickPoint","urlArg","cmdStr","undoable","glist","gattrs","gfilter","gblur","newOpac","cblur","origCblur","suffix","chtlist","rgm","rcm","cangle","cbox","ceqm","coldc","sangle","trm","oldxform","newxform","chm","chmInv","gm","anchor","gNextSibling","moveToTopSelectedElement","moveToBottomSelectedElement","moveUpDownSelected","foundCur","toArray","constructor","copiedElements","alignSelectedElements","relativeTo","bboxes","MAX_VALUE","MIN_VALUE","curwidth","curheight","updateCanvas","bg","oldX","oldY","bgImg","new_x","new_y","old_x","old_y","d_x","d_y","setBackground","border","cycleElement","curElem","allElems","hotkeys","specialKeys","which","ctrlKey","metaKey","shiftNums","version","8","9","13","16","17","18","19","20","27","32","33","34","35","36","37","38","39","40","45","46","96","97","98","99","100","101","102","103","104","105","106","107","109","110","111","112","113","114","115","116","117","118","119","120","121","122","123","144","145","191","224","219","221","`","1","2","3","4","5","6","7","0","-","=",";","'",",",".","/","\\","event","special","q","param","bbq","A","D","C","E","F","B","G","concat","H","M","I","O","L","J","z","noEscape","deparam","true","false","null","Q","P","R","base","iframe","form","link","pushState","getState","removeState","isFunction","browser","documentMode","msie","setup","teardown","insertAfter","contentWindow","close","hash","trigger","clearTimeout","svgIcons","fixIDs","file","svgns","xlinkns","iconW","iconH","testImg","iconsMade","dataLoaded","loadAttempts","dataEl","svgz","contentDocument","getIcons","err1","parser","ajax","useFallback","responseText","noWait","isReady","getElementById","no_img","makeIcons","testSrc","dataPre","error","setIcon","icon","setID","cl","removeAttr","holder","addIcon","id_match","toImage","fallback","tempHolder","fallback_path","imgsrc","XMLSerializer","serializeToString","class","placement","resizeSvgIcons","regFile","_keyStr","svgEl","svgNum","force","idElems","newId","oldVal","newVal","getSvgIcon","uniqueClone","changeSel","size","widget","loadingStylesheets","opt","options","linearGradient","radialGradient","jGraduateDefaults","mkElem","newparent","okCallback","cancelCallback","$this","$settings","idref","okClicked","cancelClicked","$win","addClass","html","colPicker","gradPicker","pickerTitle","clientPath","MAX","SIZEY","attrInput","curType","curGradient","gradalpha","isSolid","stopGroup","newstop","inverted","inv","fx","fy","previewRect","SIZEX","beginCoord","endCoord","centerCoord","focusCoord","showFocus","isRadial","attrval","change","cssName","stopMakerDiv","curStop","drag","delStop","stopOffset","scaleX","scaleY","cX","cY","stopMakerSVG","transImg","bgImage","xlink","stopPropagation","mouseover","spreadMethodOpt","draggingCoord","onCoordDrag","fracx","fracy","onCoordUp","numstops","checked","lastfx","lastfy","toggle","slider","ellipVal","angleVal","sliders","handle","dragSlider","stopSlider","isRad","xpos","SLIDERW","margin-left","div","posx","thisAlpha","jPicker","effects","speed","active","alphaSupport","tabs","removeClass","newGrad","curStops","tab","mkStop","stopElem","stop-color","stop-opacity","pickerD","pathbg","dragColor","remDrags","colorhandle","stopOpacity","stopColor","bottom","arg2","curS","newcolor","newopac","selectStop","xfStr","sX","SpinButton","cfg","coord","offsetParent","currentStyle","position","repeating","spinCfg","step","stepfunc","page","upClass","downClass","delay","interval","smallStep","adjustValue","spinClass","stateObj","tool_scale","direction","offsetWidth","_btn_width","_direction","mouseout","clearInterval","_repeat","_delay","adjust","_this","keydown","keyCode","keypress","keyup","jQueryContextMenu","win","menu","inSpeed","outSpeed","srcElement","allowLeft","hasClass","xOff","yOff","fadeIn","prevAll","eq","nextAll","docX","docY","fadeOut","mozilla","MozUserSelect","precision","Slider","bar","off","timeout","setValuesFromMousePosition","barW","locX","locY","barH","rangeX","rangeY","context","changed","changeEvents","arrow","newMaxX","newMinY","newMaxY","newMinX","arrowW","arrowH","arrowOffsetX","arrowOffsetY","fireChangeEvents","set","ahex","ColorMethods","rgbaToHex","hex","hexToRgba","newV","rgb","hsv","rgbToHsv","hsvToRgb","intToHex","validateHex","hexToInt","rgba","dec","Color","List","$arguments","settings","get","current","expandable","liveUpdate","isLessThanIE7","appVersion","filters","setColorMode","colorMode","rgbMap","rgbBar","mode","colorMapDiv","colorMapL1","colorMapL2","colorBarDiv","colorBarL1","colorBarL2","colorBarL3","colorBarL4","colorBarL6","range","colorMap","colorBar","activeColorChanged","sv","hv","hs","rg","backgroundColor","activePreview","colorMapL3","colorBarL5","hva","saturatedColor","hsa","valueColor","hValue","vValue","middle","mapValueChanged","xy","colorBarValueChanged","setBG","setImg","backgroundImage","setImgLoc","setAlpha","visibility","revertColor","radioClicked","currentClicked","cancelButton","commitCallback","okButton","iconImageClicked","currentColorChanged","currentPreview","expandableColorChanged","va","iconAlpha","bindToInput","updateInputColor","moveBarMouseDown","documentMouseMove","documentMouseUp","elementStartX","pageStartX","elementStartY","pageStartY","support","boxModel","quickPickClicked","attachIFrame","table","zIndex","slideDown","removeIFrame","slideUp","initialize","popup","onselectstart","alphaPrecision","controlHtml","localization","newColor","tooltips","colors","currentColor","ok","buttons","cancel","hue","radio","textbox","saturation","red","green","blue","tbody","MapMaps","BarMaps","picker","bindedHex","inputs","keyDown","validateKey","setValueInRange","keyUp","colorChanged","preview","quickList","quickHex","grid","liveCallback","colorPicker","destroy","langParam","setStrings","editor_","editor","readLang","langData","addLangData","more","merge","tools","properties","layers","common","curve_segments","fitToContent","fit_to_all","fit_to_canvas","fit_to_layer_content","fit_to_sel","icon_large","icon_medium","icon_small","icon_xlarge","image_opt_embed","image_opt_ref","included_images","largest_object","move_elems_to","select_predefined","selected_objects","smallest_object","straight_segments","editor_img_url","editor_bg_note","background","doc_dims","editor_prefs","icon_size","image_props","language","doc_title","new_doc","docprops","export_img","import_doc","open_doc","save_doc","units_and_rulers","show_rulers","base_unit","snapping_onoff","snapping_stepsize","grid_color","del","align_relative_to","circle_cx","circle_cy","circle_r","corner_radius","ellipse_cx","ellipse_cy","ellipse_rx","ellipse_ry","fill_color","image_height","image_url","image_width","move_down","rename","more_opts","move_up","line_x1","line_x2","line_y1","line_y2","linecap_butt","linecap_round","linecap_square","linejoin_bevel","linejoin_miter","linejoin_round","main_menu","palette_info","zoom_level","node_x","node_y","rect_height","rect_width","seg_type","move_selected","pos_x","pos_y","stroke_color","stroke_style","text_contents","toggle_stroke_tools","add_subpath","align_bottom","align_center","align_left","align_middle","align_right","align_top","bold","mode_circle","mode_ellipse","mode_fhellipse","mode_fhpath","mode_fhrect","group_elements","make_link","set_link_url","mode_image","italic","mode_line","move_bottom","move_top","node_clone","node_delete","node_link","openclose_path","mode_path","align_to_page","mode_rect","redo","reorient_path","mode_select","source_save","mode_square","mode_text","to_path","undo","ungroup","wireframe_mode","mode_zoom","no_embed","putLocale","givenParam","goodLangs","conf","pref","userLanguage","langPath","importSetGlobalDefault","loadStylesheets","stylesheets","beforeDefault","afterDefault","faviconDefault","favicon","canvasDefault","imageDefault","acceptErrors","stylesheetURL","addLink","rej","endsWith","rel","cnv","jqPluginJSHotkeys","jqPluginBBQ","jqPluginSVGIcons","jqPluginJGraduate","jqPluginSpinBtn","jqPluginContextMenu","jqPluginJPicker","reduce","stylesheet","exportWindowCt","langChanged","showSaveWarning","storagePromptClosed","callbacks","defaultPrefs","defaultExtensions","defaultConfig","svgCanvas","customExportImage","customExportPDF","curPrefs","loadSvgString","success","noop","errorLoadingSVG","getImportLocale","defaultLang","defaultName","lang","extPath","loadContentAndPrefs","forceStorage","noStorageOnLoad","cookie","storage","canvasName","cached","loadFromString","storeKey","preferenceForKey","Utils","cfgCfg","extendOrAdd","cfgObj","overwrite","preventAllURLConfig","allowInitialUserOverride","lockExtensions","setCustomHandlers","ready","exportImage","setupCurConfig","noDefaultExtensions","grep","qstr","querystring","isEmptyObject","bkgd_color","pathConfig","preventURLContentLoading","loadFromDataURI","loadFromURL","iconId","forcedSize","extAndLocaleFunc","extname","extName","imported","setAll","messageObj","setFlyoutPositions","shower","outerWidth","uaPrefix","regex","someScript","setIconSize","selToscale","xl","hiddenPs","sides","outerHeight","cssResizeRules","ruleElem","styleStr","rules","prefix","icons","tleft","minHeight","getStylesheetPriority","Infinity","priorityA","priorityB","idx","Set","then","runCallbacks","modKey","canvMenu","paintBox","resizeTimer","curScrollPos","exportWindow","defaultImageURL","zoomInIcon","zoomOutIcon","uiContext","opener","svgEditorReadyEvent","CustomEvent","draggable","btnHolder","dialogContent","dbox","msg","defaultVal","changeCb","checkbox","toggleClass","ctrl","chkbx","prependTo","tooltip","resp","confirm","process_cancel","prompt","txt","setSelectMode","curr","origTitle","rIntervals","toggleHighlightLayer","layerNameToHighlight","curNames","numLayers","setLayerOpacity","populateLayers","layerlist","selLayerNames","currentLayerName","getCurrentLayerName","layerTr","layerVis","td.layervis .svg_icon","row","vis","editingsource","origSource","showSourceEditor","forSaving","multiselected","operaRepaint","setStrokeOpt","changeElem","pre","toolButtonClick","noHiding","clickSelect","dataURI","promptImgURL","cancelDeletes","curhref","enterNewImgURL","updateRulers","scanvas","contentElem","isX","lentype","contentDim","$hcanvOrig","$hcanv","hcanv","rulerLen","totalLen","ctx","ctxArr","ctxArrNum","fillStyle","fillRect","uMulti","rawM","multi","bigInt","font","rulerD","labelPos","ctxNum","curD","moveTo","lineTo","decs","fillText","part","subD","lineNum","strokeStyle","wArea","cnvs","wOrig","hOrig","oldCtr","scrollLeft","scrollTop","canvas_expansion","oldCanY","oldCanX","newCanY","newCanX","ratio","scrollX","scrollY","scroll","storagePrompt","updateToolButtonState","bNoFill","bNoStroke","buttonsNeedingStroke","buttonsNeedingFillAndStroke","hasEnabled","updateContextPanel","isNode","menuItems","blurval","getNodePoint","segType","noPath","panels","linkHref","curPanel","bv","disableContextMenuItems","getUndoStackSize","getRedoStackSize","updateWireFrame","supportsNonSS","rule","curContext","updateTitle","isLayer","zoomDone","zoomChanged","autoCenter","zInfo","changeZoom","ctl","delegate","prepPaints","prep","flyoutFuncs","setFlyoutTitles","allHolders","setupFlyouts","holders","holdSel","btnOpts","not","showSel","def","idSel","isDefault","flyoutAction","flyoutIsSelected","currentOperation","tool","timer","time","animate","is","makeFlyoutHolder","addAltDropDown","dropUp","seticon","onButton","hover","multiclick","extsPreLang","gWidth","swidth","opacPerc","editmode","ang","isSvgElem","wind","download","note","saveFromBrowser","defsFailOnSave","location","noteTheseIssues","popupWindowBlocked","linkStr","cbCalled","resizeDone","langReady","runCallback","btnSelects","context_tools","contId","container_id","panel","func","defval","colnum","inp","spindata","svgicons","fallbackObj","placementObj","btn","svgicon","cls","flyoutHolder","curH","showBtn","refData","refBtn","includeWith","tlsId","Actions","getButtonData","setInputElem","blocks","changeOpacity","changeBlur","noUndo","panning","keypan","promptMoveLayerOnce","destLayer","selectedIndex","confirmStr","QmoveElemsToLayer","moveToLayer","invalidAttrValGiven","unitData","setPanning","overlay","jsHover","setClick","listItems","addDropDown","perc","unfocus","slideStart","clickFHPath","clickLine","clickSquare","clickRect","clickFHRect","clickCircle","clickEllipse","clickFHEllipse","clickImage","clickZoom","zoomImage","dblclickZoom","clickText","clickPath","deleteSelected","cutSelected","copySelected","pasteInCenter","moveToTopSelected","moveToBottomSelected","reorientPath","reorient","enterNewLinkURL","moveSelected","linked","clonePathNode","deletePathNode","addSubPath","sp","opencloseSubPath","selectNext","selectPrev","rotateSelected","cw","clickClear","QwantToClear","clickBold","clickItalic","loadingURL","clickExport","openExportWindow","loadingImage","exportWindowType","popHTML","popURL","clickOpen","clickImport","clickUndo","clickRedo","clickGroup","clickClone","clickAlign","clickWireframe","wfRules","curClass","allTools","preferences","showDocProperties","hideSourceEditor","saveSourceEditor","saveChanges","QerrorsRevertToSource","hideDocProperties","hidePreferences","saveDocProperties","noContentToFitTo","savePreferences","gridColor","resetScrollPos","cancelOverlays","QignoreSourceChanges","winWh","curval","shortcutButtons","pick_stroke_paint_opacity","pick_fill_paint_opacity","colorPickerCSS","jGraduatePath","PaintBox","paintColor","paintOpacity","docElem","ptype","fillAttr","gPaint","defColor","getPaint","testEl","blurTest","deleteLayer","moveLayer","total","curIndex","stdDeviationX","featNotSupported","uniqName","hasLayer","enterUniqueLayerName","dupeLayerName","enterNewLayerName","layerHasThatName","sidedrag","sidedragging","allowmove","changeSidePanelWidth","rulerX","resizeSidePanel","deltaX","sideWidth","toggleSidePanel","wh","dims","toolButtons","keyAssocs","saveOpts","hidekey","curBg","canvasBg","blk","isBg","flyouts","fH","margin","keyval","pd","keyStr","modBits","mod","lastChild","itool","initTool","preTool","regTool","wireframe","showlayers","origVal","sugVal","increasing","contextMenu","lmenuFunc","enableOrDisableClipboard","svgeditClipboard","disableContextMenu","no_save_warning","returnValue","unsavedChanges","getUIStrings","openPrep","QwantToOpen","FileReader","importImage","dataTransfer","files","reader","onloadend","newElement","readAsText","imgWidth","imgHeight","offsetHeight","readAsDataURL","imgImport","setLang","allStrings","renameLayer","setTitles","dest","protocol","disableUI","featList","cache","stat","URLloadFail","base64","extensionsAdded","messageQueue","messageListener","origin"],"mappings":"AACA,SAASA,aAAcC,OACdC,EAAkBD,EAAlBC,eACLC,EAAQD,EAAe,GAErBE,EAAO,UACHH,EAAGG,UACN,eAAqB,YAAa,UAClC,cAAoB,YAAa,UACjC,aAAmB,UAAW,yBAI5BC,EAAsCF,EAAtCE,QAASC,EAA6BH,EAA7BG,QAASC,EAAoBJ,EAApBI,QAASC,EAAWL,EAAXK,QAC5BC,EAAiB,IAAIC,WAAWN,YAE3B,cACG,OAENO,cACE,YAECL,UAASC,UAASC,mBAElB,UACD,YACE,WACD,SACD,gBACO,OAEbN,EAAeU,OAAS,MACpBC,OAAOC,cAAcL,KACxBM,kBAIPC,SAASC,iBAAiB,aAAcjB,cAAc,GACtDgB,SAASC,iBAAiB,YAAajB,cAAc,GACrDgB,SAASC,iBAAiB,WAAYjB,cAAc,GACpDgB,SAASC,iBAAiB,cAAejB,cAAc,ilEC5B1CkB,SACL,oCACA,wCACF,qCACC,mCACE,mCACF,6CACE,iCAOIC,aAAe,eACpBC,mBACCC,QAAQH,IAAII,QAAQ,qCAAEC,OAAMC,SACvBA,GAAOD,EAAKE,gBAEjBL,ICtBT,gBACM,eAAgBT,QAAS,KAEvBe,wBACStB,EAAMuB,EAAcC,+BAC1BC,YAAczB,OACd0B,oBAAsBH,OACtBI,mBAAqBH,gEAItBI,KAAKD,yBACFA,mBAAmBE,eAAeD,iBAIlCE,UAAUC,UAAY,eAEtBC,gBAAkB,IAClBC,kBAAoB,IACpBC,mBAAqB,IACrBC,mBAAqB,IACrBC,mBAAqB,IACrBC,mBAAqB,IACrBC,0BAA4B,IAC5BC,0BAA4B,IAC5BC,8BAAgC,IAChCC,8BAAgC,IAChCC,gBAAkB,KAClBC,gBAAkB,KAClBC,8BAAgC,KAChCC,8BAAgC,KAChCC,4BAA8B,KAC9BC,4BAA8B,KAC9BC,iCAAmC,KACnCC,iCAAmC,KACnCC,qCAAuC,KACvCC,qCAAuC,OAE5CC,yBACS5B,kHACLF,EAAWW,kBAAmB,IAAKT,sBAFXF,yDAIX,8EACKM,KAAKF,2DACb,IAAI0B,OAAoBC,YAGtCC,yBACS9B,EAAmB+B,EAAGC,iHAC3BlC,EAAWY,mBAAoB,IAAKV,aACrCiC,GAAKF,IACLG,GAAKF,sBAJoBlC,yDAMX,8EACKM,KAAKF,oBAAsB,IAAME,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAC9D,IAAIJ,OAAoBD,EAAWzB,KAAK6B,GAAI7B,KAAK8B,oBAE9DC,iBAAiBL,EAAoBxB,oCAExBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAG1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,SAIxFC,yBACSrC,EAAmB+B,EAAGC,iHAC3BlC,EAAWa,mBAAoB,IAAKX,aACrCiC,GAAKF,IACLG,GAAKF,sBAJoBlC,yDAMX,8EACKM,KAAKF,oBAAsB,IAAME,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAC9D,IAAIG,OAAoBR,EAAWzB,KAAK6B,GAAI7B,KAAK8B,oBAE9DC,iBAAiBE,EAAoB/B,oCACrBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,SAG3FE,yBACStC,EAAmB+B,EAAGC,iHAC3BlC,EAAWc,mBAAoB,IAAKZ,aACrCiC,GAAKF,IACLG,GAAKF,sBAJoBlC,yDAMX,8EACKM,KAAKF,oBAAsB,IAAME,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAC9D,IAAII,OAAoBT,EAAWzB,KAAK6B,GAAI7B,KAAK8B,oBAE9DC,iBAAiBG,EAAoBhC,oCACrBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,SAG3FG,yBACSvC,EAAmB+B,EAAGC,iHAC3BlC,EAAWe,mBAAoB,IAAKb,aACrCiC,GAAKF,IACLG,GAAKF,sBAJoBlC,yDAMX,8EACKM,KAAKF,oBAAsB,IAAME,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAC9D,IAAIK,OAAoBV,EAAWzB,KAAK6B,GAAI7B,KAAK8B,oBAE9DC,iBAAiBI,EAAoBjC,oCACrBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,SAG3FI,yBACSxC,EAAmB+B,EAAGC,EAAGS,EAAIC,EAAIC,EAAIC,iHAC1C9C,EAAWgB,0BAA2B,IAAKd,aAC5CiC,GAAKF,IACLG,GAAKF,IACLa,IAAMJ,IACNK,IAAMJ,IACNK,IAAMJ,IACNK,IAAMJ,sBARyB9C,yDAUjB,oFACKM,KAAKF,oBAAsB,IAAME,KAAKyC,IAAM,IAAMzC,KAAK0C,IAAM,IAAM1C,KAAK2C,IAAM,IAAM3C,KAAK4C,IAAM,IAAM5C,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAClI,IAAIM,OAA0BX,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAKyC,IAAKzC,KAAK0C,IAAK1C,KAAK2C,IAAK3C,KAAK4C,qBAE3Gb,iBAAiBK,EAA0BlC,oCAC3BF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAKyC,kBAAaJ,QAAWI,IAAMJ,EAAIrC,KAAKgC,+BAAkC,6BAC9EhC,KAAK0C,kBAAaJ,QAAWI,IAAMJ,EAAItC,KAAKgC,+BAAkC,6BAC9EhC,KAAK2C,kBAAaJ,QAAWI,IAAMJ,EAAIvC,KAAKgC,+BAAkC,6BAC9EhC,KAAK4C,kBAAaJ,QAAWI,IAAMJ,EAAIxC,KAAKgC,+BAAkC,SAGhGa,yBACSjD,EAAmB+B,EAAGC,EAAGS,EAAIC,EAAIC,EAAIC,iHAC1C9C,EAAWiB,0BAA2B,IAAKf,aAC5CiC,GAAKF,IACLG,GAAKF,IACLa,IAAMJ,IACNK,IAAMJ,IACNK,IAAMJ,IACNK,IAAMJ,sBARyB9C,yDAUjB,oFACKM,KAAKF,oBAAsB,IAAME,KAAKyC,IAAM,IAAMzC,KAAK0C,IAAM,IAAM1C,KAAK2C,IAAM,IAAM3C,KAAK4C,IAAM,IAAM5C,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAClI,IAAIe,OAA0BpB,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAKyC,IAAKzC,KAAK0C,IAAK1C,KAAK2C,IAAK3C,KAAK4C,qBAE3Gb,iBAAiBc,EAA0B3C,oCAC3BF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAKyC,kBAAaJ,QAAWI,IAAMJ,EAAIrC,KAAKgC,+BAAkC,6BAC9EhC,KAAK0C,kBAAaJ,QAAWI,IAAMJ,EAAItC,KAAKgC,+BAAkC,6BAC9EhC,KAAK2C,kBAAaJ,QAAWI,IAAMJ,EAAIvC,KAAKgC,+BAAkC,6BAC9EhC,KAAK4C,kBAAaJ,QAAWI,IAAMJ,EAAIxC,KAAKgC,+BAAkC,SAGhGc,yBACSlD,EAAmB+B,EAAGC,EAAGS,EAAIC,iHAClC5C,EAAWkB,8BAA+B,IAAKhB,aAChDiC,GAAKF,IACLG,GAAKF,IACLa,IAAMJ,IACNK,IAAMJ,sBAN6B5C,yDAQrB,wFACKM,KAAKF,oBAAsB,IAAME,KAAKyC,IAAM,IAAMzC,KAAK0C,IAAM,IAAM1C,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAChG,IAAIgB,OAA8BrB,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAKyC,IAAKzC,KAAK0C,qBAE3FX,iBAAiBe,EAA8B5C,oCAC/BF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAKyC,kBAAaJ,QAAWI,IAAMJ,EAAIrC,KAAKgC,+BAAkC,6BAC9EhC,KAAK0C,kBAAaJ,QAAWI,IAAMJ,EAAItC,KAAKgC,+BAAkC,SAGhGe,yBACSnD,EAAmB+B,EAAGC,EAAGS,EAAIC,iHAClC5C,EAAWmB,8BAA+B,IAAKjB,aAChDiC,GAAKF,IACLG,GAAKF,IACLa,IAAMJ,IACNK,IAAMJ,sBAN6B5C,yDAQrB,wFACKM,KAAKF,oBAAsB,IAAME,KAAKyC,IAAM,IAAMzC,KAAK0C,IAAM,IAAM1C,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAChG,IAAIiB,OAA8BtB,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAKyC,IAAKzC,KAAK0C,qBAE3FX,iBAAiBgB,EAA8B7C,oCAC/BF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAKyC,kBAAaJ,QAAWI,IAAMJ,EAAIrC,KAAKgC,+BAAkC,6BAC9EhC,KAAK0C,kBAAaJ,QAAWI,IAAMJ,EAAItC,KAAKgC,+BAAkC,SAGhGgB,yBACSpD,EAAmB+B,EAAGC,EAAGqB,EAAIC,EAAIC,EAAOC,EAAcC,iHAC3D3D,EAAWoB,gBAAiB,IAAKlB,aAClCiC,GAAKF,IACLG,GAAKF,IACL0B,IAAML,IACNM,IAAML,IACNM,OAASL,IACTM,cAAgBL,IAChBM,WAAaL,sBATS3D,yDAWR,2EACKM,KAAKF,oBAAsB,IAAME,KAAKsD,IAAM,IAAMtD,KAAKuD,IAAM,IAAMvD,KAAKwD,OAAS,KAAOxD,KAAKyD,cAAgB,IAAM,KAAO,KAAOzD,KAAK0D,WAAa,IAAM,KAAO,IAAM1D,KAAK6B,GAAK,IAAM7B,KAAK8B,0CACnM,IAAIkB,OAAiBvB,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAKsD,IAAKtD,KAAKuD,IAAKvD,KAAKwD,OAAQxD,KAAKyD,cAAezD,KAAK0D,4BAEzH3B,iBAAiBiB,EAAiB9C,oCAClBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAKsD,kBAAaL,QAAWK,IAAML,EAAIjD,KAAKgC,+BAAkC,6BAC9EhC,KAAKuD,kBAAaL,QAAWK,IAAML,EAAIlD,KAAKgC,+BAAkC,gCAC3EhC,KAAKwD,qBAAgBL,QAAcK,OAASL,EAAOnD,KAAKgC,+BAAkC,uCACnFhC,KAAKyD,4BAAuBL,QAAqBK,cAAgBL,EAAcpD,KAAKgC,+BAAkC,oCACzHhC,KAAK0D,yBAAoBL,QAAkBK,WAAaL,EAAWrD,KAAKgC,+BAAkC,SAGnI2B,yBACS/D,EAAmB+B,EAAGC,EAAGqB,EAAIC,EAAIC,EAAOC,EAAcC,iHAC3D3D,EAAWqB,gBAAiB,IAAKnB,aAClCiC,GAAKF,IACLG,GAAKF,IACL0B,IAAML,IACNM,IAAML,IACNM,OAASL,IACTM,cAAgBL,IAChBM,WAAaL,sBATS3D,yDAWR,2EACKM,KAAKF,oBAAsB,IAAME,KAAKsD,IAAM,IAAMtD,KAAKuD,IAAM,IAAMvD,KAAKwD,OAAS,KAAOxD,KAAKyD,cAAgB,IAAM,KAAO,KAAOzD,KAAK0D,WAAa,IAAM,KAAO,IAAM1D,KAAK6B,GAAK,IAAM7B,KAAK8B,0CACnM,IAAI6B,OAAiBlC,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAKsD,IAAKtD,KAAKuD,IAAKvD,KAAKwD,OAAQxD,KAAKyD,cAAezD,KAAK0D,4BAEzH3B,iBAAiB4B,EAAiBzD,oCAClBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAKsD,kBAAaL,QAAWK,IAAML,EAAIjD,KAAKgC,+BAAkC,6BAC9EhC,KAAKuD,kBAAaL,QAAWK,IAAML,EAAIlD,KAAKgC,+BAAkC,gCAC3EhC,KAAKwD,qBAAgBL,QAAcK,OAASL,EAAOnD,KAAKgC,+BAAkC,uCACnFhC,KAAKyD,4BAAuBL,QAAqBK,cAAgBL,EAAcpD,KAAKgC,+BAAkC,oCACzHhC,KAAK0D,yBAAoBL,QAAkBK,WAAaL,EAAWrD,KAAKgC,+BAAkC,SAGnI4B,yBACShE,EAAmB+B,iHACxBjC,EAAWsB,8BAA+B,IAAKpB,aAChDiC,GAAKF,sBAH8BjC,yDAKrB,wFACKM,KAAKF,oBAAsB,IAAME,KAAK6B,0CAC9C,IAAI+B,OAA8BnC,EAAWzB,KAAK6B,oBAE/DgC,eAAeD,EAA8B1D,UAAW,2BAAuBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,QAE1J8B,yBACSlE,EAAmB+B,iHACxBjC,EAAWuB,8BAA+B,IAAKrB,aAChDiC,GAAKF,sBAH8BjC,yDAKrB,wFACKM,KAAKF,oBAAsB,IAAME,KAAK6B,0CAC9C,IAAIiC,OAA8BrC,EAAWzB,KAAK6B,oBAE/DgC,eAAeC,EAA8B5D,UAAW,2BAAuBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,QAE1J+B,yBACSnE,EAAmBgC,iHACxBlC,EAAWwB,4BAA6B,IAAKtB,aAC9CkC,GAAKF,sBAH4BlC,yDAKnB,sFACKM,KAAKF,oBAAsB,IAAME,KAAK8B,0CAC9C,IAAIiC,OAA4BtC,EAAWzB,KAAK8B,oBAE7D+B,eAAeE,EAA4B7D,UAAW,2BAAuBF,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,QAExJgC,yBACSpE,EAAmBgC,iHACxBlC,EAAWyB,4BAA6B,IAAKvB,aAC9CkC,GAAKF,sBAH4BlC,yDAKnB,sFACKM,KAAKF,oBAAsB,IAAME,KAAK8B,0CAC9C,IAAIkC,OAA4BvC,EAAWzB,KAAK8B,oBAE7D+B,eAAeG,EAA4B9D,UAAW,2BAAuBF,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,QAExJiC,yBACSrE,EAAmB+B,EAAGC,EAAGW,EAAIC,iHAClC9C,EAAW0B,iCAAkC,IAAKxB,aACnDiC,GAAKF,IACLG,GAAKF,IACLe,IAAMJ,IACNK,IAAMJ,sBAN+B9C,yDAQvB,0FACKM,KAAKF,oBAAsB,IAAME,KAAK2C,IAAM,IAAM3C,KAAK4C,IAAM,IAAM5C,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAChG,IAAImC,OAAgCxC,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAK2C,IAAK3C,KAAK4C,qBAE7Fb,iBAAiBkC,EAAgC/D,oCACjCF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAK2C,kBAAaJ,QAAWI,IAAMJ,EAAIvC,KAAKgC,+BAAkC,6BAC9EhC,KAAK4C,kBAAaJ,QAAWI,IAAMJ,EAAIxC,KAAKgC,+BAAkC,SAGhGkC,yBACStE,EAAmB+B,EAAGC,EAAGW,EAAIC,iHAClC9C,EAAW2B,iCAAkC,IAAKzB,aACnDiC,GAAKF,IACLG,GAAKF,IACLe,IAAMJ,IACNK,IAAMJ,sBAN+B9C,yDAQvB,0FACKM,KAAKF,oBAAsB,IAAME,KAAK2C,IAAM,IAAM3C,KAAK4C,IAAM,IAAM5C,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAChG,IAAIoC,OAAgCzC,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAK2C,IAAK3C,KAAK4C,qBAE7Fb,iBAAiBmC,EAAgChE,oCACjCF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAK2C,kBAAaJ,QAAWI,IAAMJ,EAAIvC,KAAKgC,+BAAkC,6BAC9EhC,KAAK4C,kBAAaJ,QAAWI,IAAMJ,EAAIxC,KAAKgC,+BAAkC,SAGhGmC,yBACSvE,EAAmB+B,EAAGC,iHAC3BlC,EAAW4B,qCAAsC,IAAK1B,aACvDiC,GAAKF,IACLG,GAAKF,sBAJoClC,yDAM3B,8FACKM,KAAKF,oBAAsB,IAAME,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAC9D,IAAIqC,OAAoC1C,EAAWzB,KAAK6B,GAAI7B,KAAK8B,oBAE9EC,iBAAiBoC,EAAoCjE,oCACrCF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,SAG3FoC,yBACSxE,EAAmB+B,EAAGC,iHAC3BlC,EAAW6B,qCAAsC,IAAK3B,aACvDiC,GAAKF,IACLG,GAAKF,sBAJoClC,yDAM3B,8FACKM,KAAKF,oBAAsB,IAAME,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAC9D,IAAIsC,OAAoC3C,EAAWzB,KAAK6B,GAAI7B,KAAK8B,oBAE9EC,iBAAiBqC,EAAoClE,oCACrCF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,oBAKlF9B,UAAUmE,0BAA4B,kBAAqB,IAAI7C,OAAoBC,mBACnFvB,UAAUoE,0BAA4B,SAAU3C,EAAGC,UAAY,IAAIF,OAAoBD,EAAWE,EAAGC,mBACrG1B,UAAUqE,0BAA4B,SAAU5C,EAAGC,UAAY,IAAIK,OAAoBR,EAAWE,EAAGC,mBACrG1B,UAAUsE,0BAA4B,SAAU7C,EAAGC,UAAY,IAAIM,OAAoBT,EAAWE,EAAGC,mBACrG1B,UAAUuE,0BAA4B,SAAU9C,EAAGC,UAAY,IAAIO,OAAoBV,EAAWE,EAAGC,mBACrG1B,UAAUwE,gCAAkC,SAAU/C,EAAGC,EAAGS,EAAIC,EAAIC,EAAIC,UAAa,IAAIJ,OAA0BX,EAAWE,EAAGC,EAAGS,EAAIC,EAAIC,EAAIC,mBAChJtC,UAAUyE,gCAAkC,SAAUhD,EAAGC,EAAGS,EAAIC,EAAIC,EAAIC,UAAa,IAAIK,OAA0BpB,EAAWE,EAAGC,EAAGS,EAAIC,EAAIC,EAAIC,mBAChJtC,UAAU0E,oCAAsC,SAAUjD,EAAGC,EAAGS,EAAIC,UAAa,IAAIQ,OAA8BrB,EAAWE,EAAGC,EAAGS,EAAIC,mBACxIpC,UAAU2E,oCAAsC,SAAUlD,EAAGC,EAAGS,EAAIC,UAAa,IAAIS,OAA8BtB,EAAWE,EAAGC,EAAGS,EAAIC,mBACxIpC,UAAU4E,uBAAyB,SAAUnD,EAAGC,EAAGqB,EAAIC,EAAIC,EAAOC,EAAcC,UAAoB,IAAIL,OAAiBvB,EAAWE,EAAGC,EAAGqB,EAAIC,EAAIC,EAAOC,EAAcC,mBACvKnD,UAAU6E,uBAAyB,SAAUpD,EAAGC,EAAGqB,EAAIC,EAAIC,EAAOC,EAAcC,UAAoB,IAAIM,OAAiBlC,EAAWE,EAAGC,EAAGqB,EAAIC,EAAIC,EAAOC,EAAcC,mBACvKnD,UAAU8E,oCAAsC,SAAUrD,UAAY,IAAIiC,OAA8BnC,EAAWE,mBACnHzB,UAAU+E,oCAAsC,SAAUtD,UAAY,IAAImC,OAA8BrC,EAAWE,mBACnHzB,UAAUgF,kCAAoC,SAAUtD,UAAY,IAAImC,OAA4BtC,EAAWG,mBAC/G1B,UAAUiF,kCAAoC,SAAUvD,UAAY,IAAIoC,OAA4BvC,EAAWG,mBAC/G1B,UAAUkF,sCAAwC,SAAUzD,EAAGC,EAAGW,EAAIC,UAAa,IAAIyB,OAAgCxC,EAAWE,EAAGC,EAAGW,EAAIC,mBAC5ItC,UAAUmF,sCAAwC,SAAU1D,EAAGC,EAAGW,EAAIC,UAAa,IAAI0B,OAAgCzC,EAAWE,EAAGC,EAAGW,EAAIC,mBAC5ItC,UAAUoF,0CAA4C,SAAU3D,EAAGC,UAAY,IAAIuC,OAAoC1C,EAAWE,EAAGC,mBACrI1B,UAAUqF,0CAA4C,SAAU5D,EAAGC,UAAY,IAAIwC,OAAoC3C,EAAWE,EAAGC,IAE9I,uBAAwB4D,eAAetF,2BAI5BA,UAAUuF,mBAAqB,SAAUC,WACrCjE,IAAbiE,IAA2BC,SAASD,SAChC,IAAIE,MAAM,0BAGZC,EAAqB7G,SAAS8G,gBAAgB,6BAA8B,UAC/DC,aAAa,IAAK/F,KAAKgG,aAAa,UACnDC,EAAkBJ,EAAmBK,YAAYC,cAAgB,KAGjEF,GAAmB,SACd,IAGN,MACkBC,YAAYE,WAAWH,GACtCP,EAAWG,EAAmBQ,iCAI3BJ,EAAkB,UACpBA,WAIJvG,WAAaA,SACb8B,oBAAsBA,SACtBE,oBAAsBA,SACtBO,oBAAsBA,SACtBC,oBAAsBA,SACtBC,oBAAsBA,SACtBC,0BAA4BA,SAC5BS,0BAA4BA,SAC5BC,8BAAgCA,SAChCC,8BAAgCA,SAChCC,iBAAmBA,SACnBW,iBAAmBA,SACnBC,8BAAgCA,SAChCE,8BAAgCA,SAChCC,4BAA8BA,SAC9BC,4BAA8BA,SAC9BC,gCAAkCA,SAClCC,gCAAkCA,SAClCC,oCAAsCA,SACtCC,oCAAsCA,OAQzC,mBAAoBzF,QAAa,eAAgB2H,eAAepG,WAAY,KAE1EoG,wBACSC,+BACNC,aAAeD,OACfE,MAAQzG,KAAK0G,WAAW1G,KAAKwG,aAAaR,aAAa,WAGvDW,yBAA2BC,YAAY,EAAMC,iBAAkB,WAC/DC,6BAA+B,IAAIC,iBAAiB/G,KAAKgH,6BAA6BC,KAAKjH,YAC3F8G,6BAA6BI,QAAQlH,KAAKwG,aAAcxG,KAAK2G,yGAM7DK,6BAA6BhH,KAAK8G,6BAA6BK,oEAGxCC,MACvBpH,KAAKwG,kBAGNa,GAAmB,IACP/H,QAAQ,SAACgI,GACM,MAAzBA,EAAOC,mBACU,KAGnBF,SACGZ,MAAQzG,KAAK0G,WAAW1G,KAAKwG,aAAaR,aAAa,wDAMzDc,6BAA6BU,kBAC7BhB,aAAaT,aAAa,IAAKO,EAAemB,sBAAsBzH,KAAKyG,aACzEK,6BAA6BI,QAAQlH,KAAKwG,aAAcxG,KAAK2G,gEAIpDe,QACTC,wDAIAC,oCAEAnB,MAAMnH,QAAQ,SAACoI,KACV3H,mBAAqB,YAE1B0G,cACAkB,sDAGKE,eACLD,oCAEAnB,OAASoB,KACN9H,mBAAqBC,UACxB2H,mBACEE,2CAGSC,MACZC,MAAMD,IAAUA,EAAQ,GAAKA,GAAS9H,KAAKmG,oBACvC,IAAIP,MAAM,kDAIXkC,eACFF,oCAEAI,iBAAiBF,GACf9H,KAAKyG,MAAMqB,4CAGFD,EAASC,eACpBF,+BAGDE,EAAQ9H,KAAKmG,kBACPnG,KAAKmG,eAEX0B,EAAQ9H,uBAEA8H,EAAQI,cAEfxB,MAAMyB,OAAOJ,EAAO,EAAGD,KACpB9H,mBAAqBC,UACxB2H,mBACEE,sCAGIA,EAASC,eACfF,+BAEDC,EAAQ9H,uBAEA8H,EAAQI,cAEfD,iBAAiBF,QACjBrB,MAAMqB,GAASD,IACZ9H,mBAAqBC,UACxB2H,mBACEE,qCAGGC,QACLF,oCAEAI,iBAAiBF,OAChBK,EAAOnI,KAAKyG,MAAMqB,eACnBrB,MAAMyB,OAAOJ,EAAO,QACpBH,mBACEQ,qCAGGN,eACLD,+BAEDC,EAAQ9H,uBAEA8H,EAAQI,cAEfxB,MAAM2B,KAAKP,KACR9H,mBAAqBC,UAExB2H,mBACEE,qCAIGQ,OACLA,IAAWA,EAAOzJ,oBAIjBgB,EAAoBI,KAEpBsI,sDAEGpC,yEAEQwB,QACRxB,YAAYkC,KAAKV,YAIpBa,wBACSF,+BACNG,QAAUH,OACVI,cAAgB,OAChBC,UAAY1I,KAAKwI,QAAQ5J,YACzB+J,iBAAmBjJ,WAAWU,qBAE9BwI,wFAGCC,EAAY7I,KAAKwI,QAAQxI,KAAKyI,sBAC7BI,GAAa,MAAsB,MAAdA,GAAmC,OAAdA,GAAoC,OAAdA,GAAoC,OAAdA,GAAoC,OAAdA,sDAI5G7I,KAAKyI,cAAgBzI,KAAK0I,WAAa1I,KAAK8I,wBAC5CL,uBAEAzI,KAAKyI,cAAgBzI,KAAK0I,2EAI7B1I,KAAKyI,cAAgBzI,KAAK0I,YAAc1I,KAAK8I,mBAAiE,MAA5C9I,KAAKwI,QAAQO,OAAO/I,KAAKyI,kBAG3FzI,KAAK4I,uBACH5I,KAAKyI,cAAgBzI,KAAK0I,WAAyD,MAA5C1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,sBAC7DA,qBACAG,uBAGF5I,KAAKyI,cAAgBzI,KAAK0I,wDAI1B1I,KAAKyI,cAAgBzI,KAAK0I,wDAI3BM,EAAYhJ,KAAKwI,QAAQxI,KAAKyI,sBAC7BzI,KAAKiJ,qBAAqBD,gDAGbA,UACZA,OACH,QACA,WACItJ,WAAWW,sBACf,WACIX,WAAWY,uBACf,WACIZ,WAAWa,uBACf,WACIb,WAAWc,uBACf,WACId,WAAWe,uBACf,WACIf,WAAWgB,8BACf,WACIhB,WAAWiB,8BACf,WACIjB,WAAWkB,kCACf,WACIlB,WAAWmB,kCACf,WACInB,WAAWoB,oBACf,WACIpB,WAAWqB,oBACf,WACIrB,WAAWsB,kCACf,WACItB,WAAWuB,kCACf,WACIvB,WAAWwB,gCACf,WACIxB,WAAWyB,gCACf,WACIzB,WAAW0B,qCACf,WACI1B,WAAW2B,qCACf,WACI3B,WAAW4B,yCACf,WACI5B,WAAW6B,oDAEX7B,WAAWU,4DAIF4I,EAAWE,UAEV,MAAdF,GAAmC,MAAdA,GAAmC,MAAdA,GAAsBA,GAAa,KAAOA,GAAa,MAASE,IAAoBxJ,WAAWW,kBACxI6I,IAAoBxJ,WAAWY,mBAC1BZ,WAAWc,mBAEhB0I,IAAoBxJ,WAAWa,mBAC1Bb,WAAWe,mBAEbyI,EAEFxJ,WAAWU,qEAKbJ,KAAKmJ,qBACD,MAEHC,EAAUpJ,KAAKqJ,yBAEdD,IAAY1J,WAAWY,oBAAsB8I,IAAY1J,WAAWa,8DAMvE+I,EAAW,EACXC,EAAU,EACVC,EAAO,EACPC,EAAU,EACVC,EAAO,EACPC,EAAU,EAERC,EAAa5J,KAAKyI,sBAEnBG,sBAGD5I,KAAKyI,cAAgBzI,KAAK0I,WAAyD,MAA5C1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,oBAC7DA,gBACIzI,KAAKyI,cAAgBzI,KAAK0I,WAAyD,MAA5C1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,sBACpEA,mBACG,KAGNzI,KAAKyI,gBAAkBzI,KAAK0I,YAAe1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,KAAOzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,MAAoD,MAA5CzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,yBAMrKoB,EAAoB7J,KAAKyI,cACxBzI,KAAKyI,cAAgBzI,KAAK0I,WAAa1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAkB,KAAOzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAkB,UACpIA,mBAGHzI,KAAKyI,gBAAkBoB,UACrBC,EAAmB9J,KAAKyI,cAAgB,EACxCsB,EAAa,EACVD,GAAoBD,MACdE,GAAc/J,KAAKwI,QAAQO,OAAOe,KAAsB,QACrD,MAKd9J,KAAKyI,cAAgBzI,KAAK0I,WAAyD,MAA5C1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAwB,SACrFA,gBAGDzI,KAAKyI,eAAiBzI,KAAK0I,WAAa1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,KAAOzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,gBAGhIzI,KAAKyI,cAAgBzI,KAAK0I,WAAa1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAkB,KAAOzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAkB,QACjI,OACIzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,KAAOe,OACxDf,eAAiB,KAKtBzI,KAAKyI,gBAAkBmB,GAAc5J,KAAKyI,cAAgB,EAAIzI,KAAK0I,YAA0D,MAA5C1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAsE,MAA5CzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,iBAA4E,MAAhDzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,cAAgB,IAA8D,MAAhDzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,cAAgB,GAAa,SACnSA,gBAG2C,MAA5CzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,oBACtBA,gBACgD,MAA5CzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,sBAC7BA,mBACM,GAITzI,KAAKyI,eAAiBzI,KAAK0I,WAAa1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,KAAOzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,gBAIhIzI,KAAKyI,cAAgBzI,KAAK0I,WAAa1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAkB,KAAOzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAkB,QAC7H,MACCzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,SAClDA,oBAILuB,EAAST,EAAUE,QACbC,EAENJ,OACQW,KAAKC,IAAI,GAAIP,EAAUL,IAG/BM,IAAe5J,KAAKyI,0BAInB0B,iCAEEH,gDAIHhK,KAAKyI,eAAiBzI,KAAK0I,gBAG3B0B,GAAO,EACLC,EAAWrK,KAAKwI,QAAQO,OAAO/I,KAAKyI,oBACzB,MAAb4B,KACK,MACF,CAAA,GAAiB,MAAbA,YACF,cAKJF,iCACEC,8CAIDpB,EAAYhJ,KAAKwI,QAAQxI,KAAKyI,eAChCW,EAAUpJ,KAAKiJ,qBAAqBD,MACpCI,IAAY1J,WAAWU,gBAAiB,IAEtCJ,KAAK2I,mBAAqBjJ,WAAWU,uBAChC,WAECJ,KAAKsK,mBAAmBtB,EAAWhJ,KAAK2I,qBAClCjJ,WAAWU,uBAClB,eAGJqI,4BAGFE,iBAAmBS,EAEhBA,QACH1J,WAAWa,0BACP,IAAI0B,oBAAoBrC,EAAmBI,KAAKuK,eAAgBvK,KAAKuK,qBACzE7K,WAAWY,0BACP,IAAIoB,oBAAoB9B,EAAmBI,KAAKuK,eAAgBvK,KAAKuK,qBACzE7K,WAAWe,0BACP,IAAI0B,oBAAoBvC,EAAmBI,KAAKuK,eAAgBvK,KAAKuK,qBACzE7K,WAAWc,0BACP,IAAI0B,oBAAoBtC,EAAmBI,KAAKuK,eAAgBvK,KAAKuK,qBACzE7K,WAAWuB,qCACP,IAAI6C,8BAA8BlE,EAAmBI,KAAKuK,qBAC9D7K,WAAWsB,qCACP,IAAI4C,8BAA8BhE,EAAmBI,KAAKuK,qBAC9D7K,WAAWyB,mCACP,IAAI6C,4BAA4BpE,EAAmBI,KAAKuK,qBAC5D7K,WAAWwB,mCACP,IAAI6C,4BAA4BnE,EAAmBI,KAAKuK,qBAC5D7K,WAAWW,8BACTuI,sBACE,IAAIpH,oBAAoB5B,QAC5BF,WAAWiB,8BACR6J,GAAUnI,GAAIrC,KAAKuK,eAAgBjI,GAAItC,KAAKuK,eAAgBhI,GAAIvC,KAAKuK,eAAgB/H,GAAIxC,KAAKuK,eAAgB5I,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC7I,IAAI1H,0BAA0BjD,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOnI,GAAImI,EAAOlI,GAAIkI,EAAOjI,GAAIiI,EAAOhI,IACpH,KAAK9C,WAAWgB,8BACV8J,GAAUnI,GAAIrC,KAAKuK,eAAgBjI,GAAItC,KAAKuK,eAAgBhI,GAAIvC,KAAKuK,eAAgB/H,GAAIxC,KAAKuK,eAAgB5I,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC7I,IAAInI,0BAA0BxC,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOnI,GAAImI,EAAOlI,GAAIkI,EAAOjI,GAAIiI,EAAOhI,IACpH,KAAK9C,WAAW2B,qCACVmJ,GAAUjI,GAAIvC,KAAKuK,eAAgB/H,GAAIxC,KAAKuK,eAAgB5I,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC3F,IAAIrG,gCAAgCtE,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOjI,GAAIiI,EAAOhI,IACpG,KAAK9C,WAAW0B,qCACVoJ,GAAUjI,GAAIvC,KAAKuK,eAAgB/H,GAAIxC,KAAKuK,eAAgB5I,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC3F,IAAItG,gCAAgCrE,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOjI,GAAIiI,EAAOhI,IACpG,KAAK9C,WAAWmB,kCACV2J,GAAUnI,GAAIrC,KAAKuK,eAAgBjI,GAAItC,KAAKuK,eAAgB5I,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC3F,IAAIxH,8BAA8BnD,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOnI,GAAImI,EAAOlI,IAClG,KAAK5C,WAAWkB,kCACV4J,GAAUnI,GAAIrC,KAAKuK,eAAgBjI,GAAItC,KAAKuK,eAAgB5I,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC3F,IAAIzH,8BAA8BlD,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOnI,GAAImI,EAAOlI,SAC/F5C,WAAW6B,4CACP,IAAI6C,oCAAoCxE,EAAmBI,KAAKuK,eAAgBvK,KAAKuK,qBACzF7K,WAAW4B,4CACP,IAAI6C,oCAAoCvE,EAAmBI,KAAKuK,eAAgBvK,KAAKuK,qBACzF7K,WAAWqB,oBACRyJ,GAAUnI,GAAIrC,KAAKuK,eAAgBjI,GAAItC,KAAKuK,eAAgBE,SAAUzK,KAAKuK,eAAgBG,SAAU1K,KAAK2K,gBAAiBC,SAAU5K,KAAK2K,gBAAiBhJ,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC1L,IAAI5G,iBAAiB/D,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOnI,GAAImI,EAAOlI,GAAIkI,EAAOC,SAAUD,EAAOE,SAAUF,EAAOI,UAClI,KAAKlL,WAAWoB,oBACV0J,GAAUnI,GAAIrC,KAAKuK,eAAgBjI,GAAItC,KAAKuK,eAAgBE,SAAUzK,KAAKuK,eAAgBG,SAAU1K,KAAK2K,gBAAiBC,SAAU5K,KAAK2K,gBAAiBhJ,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC1L,IAAIvH,iBAAiBpD,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOnI,GAAImI,EAAOlI,GAAIkI,EAAOC,SAAUD,EAAOE,SAAUF,EAAOI,UAClI,cACM,IAAIhF,MAAM,oCAKhBiF,EAAU,IAAIvC,EACdwC,EAAS,IAAIvC,EAAOF,OAErByC,EAAOC,uCAGLD,EAAO3B,eAAe,KACrBzB,EAAUoD,EAAOE,mBAClBtD,aAGGuD,cAAcvD,UAGjBmD,EAAQ3E,uBAIJhG,UAAUC,UAAY,wBAE9B0D,eAAeyC,EAAepG,UAAW,4CAEvC0H,+BACE5H,KAAKyG,MAAM7H,oBAER,MAGC6I,sBAAwB,SAAUyD,OAC3C7C,EAAS,GACTlK,GAAQ,WACCmB,QAAQ,SAACoI,GAChBvJ,MACM,KACEuJ,EAAQyD,oBAER,IAAMzD,EAAQyD,kBAGrB9C,UAKFtG,iBAAiByD,eAAetF,8CAG5BF,KAAKoL,oBACHA,aAAe,IAAI9E,EAAetG,OAElCA,KAAKoL,0BAEF,gDAG2BpL,KAAKkG,yBAA4B,8CACnClG,KAAKkG,yBAA4B,wDACvBlG,KAAKkG,yBAA4B,YAE7EI,eAAiBA,GAj7B1B,GCMA,IAAM+E,EAAIC,OAEJC,eACGvM,SAAS8G,mBAAqB9G,SAAS8G,gBAAgB5G,GAAGsM,IAAK,OAAOC,yBAS3DC,UAAbC,qBAAAA,UACDC,IAAM5M,SAAS8G,gBAAgB5G,GAAGsM,IAAK,OAGvCK,WAAalN,OAAOmN,MACpBC,UAAYJ,UAAUK,SAAS,eAC/BC,SAAWN,UAAUK,SAAS,UAC9BE,MAAQP,UAAUK,SAAS,QAC3BG,UAAYR,UAAUK,SAAS,WAC/BI,WAAaT,UAAUK,SAAS,WAChCK,OAASV,UAAUK,SAAS,aAC5BM,SAAW,iBAAkB3N,OAE7B4N,qBACGX,IAAIY,cAGPC,iBACGzN,SAAS0N,SAIZC,yBAA4B,eAC5BC,EAAO5N,SAAS8G,gBAAgB5G,GAAGsM,IAAK,UACzCzF,aAAa,IAAK,kBACjB8G,EAAUD,EAAK1G,YACf4G,EAAMF,EAAKpI,0BAA0B,EAAG,gBAEpCuI,YAAYD,EAAK,IAClB,EACP,MAAOE,WACF,EAT2B,GAY5BC,8BAAiC,eACjCL,EAAO5N,SAAS8G,gBAAgB5G,GAAGsM,IAAK,UACzCzF,aAAa,IAAK,kBACjB8G,EAAUD,EAAK1G,YACf4G,EAAMF,EAAKpI,0BAA0B,EAAG,gBAEpC0I,iBAAiBJ,EAAK,IACvB,EACP,MAAOE,WACF,EATgC,GAajCG,yBAA4B,eAC5BC,EAAUpO,SAAS8G,gBAAgB5G,GAAGsM,IAAK,OAC3C6B,EAAarO,SAAS8G,gBAAgB5G,GAAGsM,IAAK,gBAC3C8B,gBAAgBC,OAAOH,KACrBrH,aAAa,IAAK,KACrBwH,OAAOF,OACTG,EAAOxO,SAAS8G,gBAAgB5G,GAAGsM,IAAK,UACzCiC,YAAc,MACRF,OAAOC,OACZE,EAAMF,EAAKG,uBAAuB,GAAGhM,WACnCiM,SACQ,IAARF,EAX0B,GAc5BG,kBAAqB,eACrBR,EAAarO,SAAS8G,gBAAgB5G,GAAGsM,IAAK,gBAC3C8B,gBAAgBC,OAAOF,OAC1BT,EAAO5N,SAAS8G,gBAAgB5G,GAAGsM,IAAK,UACzCzF,aAAa,IAAK,0BACZwH,OAAOX,OACZkB,EAAOlB,EAAKmB,mBACPH,SACHE,EAAKE,OAAS,GAAKF,EAAKE,OAAS,EARd,GAYrBC,6BAAgC,eAChCZ,EAAarO,SAAS8G,gBAAgB5G,GAAGsM,IAAK,gBAC3C8B,gBAAgBC,OAAOF,OAC1BT,EAAO5N,SAAS8G,gBAAgB5G,GAAGsM,IAAK,UACzCzF,aAAa,IAAK,iBACjBmI,EAAQlP,SAAS8G,gBAAgB5G,GAAGsM,IAAK,UACzCzF,aAAa,IAAK,iBAClBoI,EAAInP,SAAS8G,gBAAgB5G,GAAGsM,IAAK,OACzC+B,OAAOX,EAAMsB,KACJX,OAAOY,OACZL,EAAOK,EAAEJ,mBACJH,SAEY,KAAfE,EAAKM,MAbyB,GAqBhCC,sBAAyB,eAEzBC,EAAOtP,SAAS8G,gBAAgB5G,GAAGsM,IAAK,UACzCzF,aAAa,IAAK,QAEjBwI,GADQD,EAAKE,WAAU,GACJxI,aAAa,KAAKgG,SAAS,YAC/CuC,KAEDE,MAAM,iLAGHF,EAXwB,GAczBG,0BAA6B,eAC7BJ,EAAOtP,SAAS8G,gBAAgB5G,GAAGsM,IAAK,iBACzCzF,aAAa,QAAS,oCACQ,uBAA5BuI,EAAKK,MAAMC,aAHiB,GAM/BC,iCAAoC,eAElCC,EADO9P,SAAS8G,gBAAgB5G,GAAGsM,IAAK,QAC1BuD,UAAUC,QACxBC,EAAKrD,IAAIsD,uBACRC,WAAWF,OACZhM,EAAK6L,EAAOM,QAAQ,UAEnBnM,aAAcoM,cAAgBJ,aAAcI,cAClDpM,EAAG7E,OAAS6Q,EAAG7Q,MAAQ6E,EAAGE,QAAU8L,EAAG9L,OACvCF,EAAGqM,OAAOC,IAAMN,EAAGK,OAAOC,GAC1BtM,EAAGqM,OAAOE,IAAMP,EAAGK,OAAOE,GAC1BvM,EAAGqM,OAAOG,IAAMR,EAAGK,OAAOG,GAC1BxM,EAAGqM,OAAOI,IAAMT,EAAGK,OAAOI,GAC1BzM,EAAGqM,OAAOK,IAAMV,EAAGK,OAAOK,GAC1B1M,EAAGqM,OAAOM,IAAMX,EAAGK,OAAOM,EAda,GAuB3BC,QAAU,kBAAMhE,UAKhBiE,SAAW,kBAAM/D,WAKjBgE,QAAU,kBAAM9D,UAKhB+D,KAAO,kBAAM9D,OAKb+D,SAAW,kBAAM9D,WAUjB+D,MAAQ,kBAAM7D,QAKd8D,QAAU,kBAAM7D,UAMhB8D,kBAAoB,kBAAM7D,oBAM1B8D,cAAgB,kBAAM5D,gBAMtB6D,wBAA0B,kBAAM3D,0BAMhC4D,6BAA+B,kBAAMtD,+BAMrCuD,iBAAmB,kBAAM3C,mBAMzB4C,4BAA8B,kBAAMxC,8BAMpCyC,wBAA0B,kBAAMvD,0BAkBhCwD,yBAA2B,kBAAMjC,2BAMjCkC,6BAA+B,kBAAM/B,kCCrPlD,qBAAyBxD,OACjBwF,EAAUxF,EAAEyF,GAAGC,cAWnBD,GAAGC,KAAO,SAAUC,EAAKC,OACnBC,EAAMlR,KAAKpB,WACZsS,SAAcL,EAAQM,MAAMnR,KAAMoR,eAClC,IAAIC,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBC,EAAOtR,KAAKqR,MAdZ,+BAgBFC,EAAKC,oBAkCAV,EAAQM,MAAMnR,KAAMoR,mBAhCb3P,IAAVwP,IACGlL,aAAaiL,EAAKC,QAClB,GAAIO,MAAMC,QAAQT,GAAM,SAEvBU,KACFC,EAAIX,EAAIpS,OAEL+S,KAAK,KACJC,EAAQZ,EAAIW,GACdZ,EAAOO,EAAKtL,aAAa4L,IAEzBb,GAAiB,MAATA,OACHhJ,MAAMgJ,GAAQA,EAAQA,EAAO,KAElCa,GAASb,SAERW,KAEU,qBAARV,sBAAAA,IAMJ,KACDD,EAAOO,EAAKtL,aAAagL,UACzBD,GAAiB,MAATA,OACHhJ,MAAMgJ,GAAQA,EAAQA,EAAO,GAE/BA,yCATmBc,OAAOxS,QAAQ2R,kDAAM,oCAAnCzR,OAAMuS,SACX/L,aAAaxG,EAAMuS,yFAczB9R,MAEFqL,ECjET,IAAM+B,QAAUpO,SAAS8G,gBAAgB5G,GAAGsM,IAAK,OAGjD,SAASuG,kBAAmBC,OACpBC,EAAID,EAAM1C,OACZ9B,EAAO,UACHwE,EAAM5T,WACT,IACI,WAAa6T,EAAE1C,EAAG0C,EAAEzC,EAAGyC,EAAExC,EAAGwC,EAAEvC,EAAGuC,EAAEtC,EAAGsC,EAAErC,GAAGsC,KAAK,KAAO,eAE3D,IACI,aAAeD,EAAEtC,EAAI,IAAMsC,EAAErC,EAAI,eAErC,IACCqC,EAAE1C,IAAM0C,EAAEvC,EACL,SAAWuC,EAAE1C,EAAI,IAEjB,SAAW0C,EAAE1C,EAAI,IAAM0C,EAAEvC,EAAI,eAGnC,MACCyC,EAAK,EACLC,EAAK,KAEW,IAAhBJ,EAAM7O,MAAa,KACfkP,EAAI,EAAIJ,EAAE1C,KACV8C,EAAIJ,EAAErC,EAAIqC,EAAEzC,EAAIyC,EAAEtC,IAAM0C,EAAIA,EAAIJ,EAAEzC,EAAIyC,EAAEzC,MACxCyC,EAAEtC,EAAIsC,EAAEzC,EAAI4C,GAAMC,IAEnB,UAAYL,EAAM7O,MAAQ,IAAMgP,EAAK,IAAMC,EAAK,WAIlD5E,EAMT,IAAI8E,YAkESC,uCAIEjB,+BACNkB,MAAQlB,GAAQ,UAChBmB,gBAEAC,QAAU,eACTC,EAAO,GACgBvF,QAAQwF,sBAC9B,IAAIvB,EAAI,EAAGA,EAAIrR,KAAKmG,gBAAiBkL,EAAG,IAEnCU,kBADM/R,KAAKyG,MAAM2I,QAAQiC,IACE,SAEhCmB,MAAMzM,aAAa,YAAa4M,SAElClM,MAAQzG,UACR6S,MAAQ,sBAEPC,EAAM9S,KAAKwS,MAAMxM,aAAa,gBAC7B8M,UAGCC,EAAK,yDACPd,GAAI,EACDA,KACDa,EAAIE,MAAMD,KACRD,EAAIG,QAAQF,EAAI,IAClBd,GAAKA,EAAE,mBAEHiB,EADIjB,EAAE,GACGkB,MAAM,SACf5T,EAAO2T,EAAK,GACZE,EAAUF,EAAK,GAAGF,MAAM,mBACtB,GAAKI,EAAQ,GAAGH,QAAQ,SAAU,YACpCI,EAASD,EAAQ,GAAGD,MAAM,SAC1BG,EAAU,SAASH,MAAM,IACzBI,EAAMnG,QAAQwF,yBACbY,OAAOH,GAAQ/T,QAAQ,SAAU6I,EAAMkJ,KACrCA,GAAKoC,WAAWtL,GACV,WAAT5I,MACE+T,EAAQjC,IAAMgC,EAAOhC,UAGvBW,EAAQ5E,QAAQ8B,qBAChBwE,EAAQ,MAAQnU,EAAKwJ,OAAO,GAAG4K,cAAgBpU,EAAKqU,MAAM,GAC1DJ,EAAkB,WAATjU,GAAqBgU,GAAOF,EAE9B,UAAT9T,GAAsC,IAAlBiU,EAAO5U,SACtBwJ,KAAKoL,EAAO,IACD,cAATjU,GAA0C,IAAlBiU,EAAO5U,SACjCwJ,KAAK,GACM,WAAT7I,GAAuC,IAAlBiU,EAAO5U,UAC9BwJ,KAAK,EAAG,KAEXsL,GAAOvC,MAAMa,EAAOwB,KACrB/M,MAAM0I,WAAW6C,YAIvB6B,sBAAwB,SAAU1L,MACjCA,EAAM,KAGJ2L,GAAQ,MACP,IAAMC,KAAMzB,SAAU,SACnB0B,EAAK1B,SAASyB,GACX1C,EAAI,EAAGH,EAAM8C,EAAGvB,QAAQ7T,OAAQyS,EAAIH,IAAOG,KAC9C2C,EAAGvB,QAAQpB,KAAOlJ,EAAM,IAClB,IACL/B,WAAWiL,YAIdyC,gBAOL3N,cAAgB,2DAMhBA,cAAgB,OAChBsM,8CAOK5K,QACL1B,cAAgB,OAChB0N,sBAAsBhM,QACtB4K,SAAW5K,mCAQTC,MACHA,EAAQ9H,KAAKmG,eAAiB2B,GAAS,SAClC9H,KAAKyS,QAAQ3K,OAEhBkF,EAAM,IAAIpH,MAAM,iDAClBqO,KAAO,EACLjH,2CAQUnF,EAASC,OACrByG,EAAW,QACXzG,GAAS,KACPA,EAAQ9H,KAAKmG,cAAe,MACzB0N,sBAAsBhM,OACrBqM,EAAY,IAAI1C,MAAMxR,KAAKmG,cAAgB,GAE7CkL,aACCA,EAAI,EAAGA,EAAIvJ,IAASuJ,IACbA,GAAKrR,KAAKyS,QAAQpB,KAEpBA,GAAKxJ,MACV,IAAI8J,EAAIN,EAAI,EAAGA,EAAIrR,KAAKmG,gBAAiBwL,IAAKN,IACvCM,GAAK3R,KAAKyS,QAAQpB,QAEzBlL,qBACAsM,QAAUyB,IACJrM,OACNpB,MAAMiM,iBAEA1S,KAAKyG,MAAM0I,WAAWtH,UAG9B0G,sCAQI1G,EAASC,OAChByG,EAAW,YACXzG,EAAQ9H,KAAKmG,eAAiB2B,GAAS,SACpC+L,sBAAsBhM,QACtB4K,QAAQ3K,GAASD,IACXA,OACNpB,MAAMiM,WAENnE,qCAQGzG,MACNA,EAAQ9H,KAAKmG,eAAiB2B,GAAS,EAAG,KACtCyG,EAAWvO,KAAKyS,QAAQ3K,GACxBoM,EAAY,IAAI1C,MAAMxR,KAAKmG,cAAgB,GAC7CkL,aACCA,EAAI,EAAGA,EAAIvJ,IAASuJ,IACbA,GAAKrR,KAAKyS,QAAQpB,OAEzB,IAAIM,EAAIN,EAAGM,EAAI3R,KAAKmG,cAAgB,IAAKwL,IAAKN,IACvCM,GAAK3R,KAAKyS,QAAQpB,EAAI,eAE7BlL,qBACAsM,QAAUyB,OACVzN,MAAMiM,UACJnE,MAEHvB,EAAM,IAAIpH,MAAM,iDAClBqO,KAAO,EACLjH,qCAOInF,eACLgM,sBAAsBhM,QACtB4K,QAAQrK,KAAKP,QACb1B,qBACAM,MAAMiM,UACJ7K,WAQEsM,aAAe,wBAUjBC,yBAA2B,SAAU9C,GAC1CA,EAAKyC,IAAMzB,SAAShB,EAAKyC,YACpBzB,SAAShB,EAAKyC,KAWZM,iBAAmB,SAAU/C,OACnCV,+BAAgC,KAC7BmD,EAAKzC,EAAKyC,IAAM,OAClBO,EAAIhC,SAASyB,UACZO,GAAY,SAAPP,aACCA,GAAM,IAAIxB,iBAAiBjB,YAC3ByC,GAAIlB,UACTP,SAASyB,IAERO,SAELhD,EAAKvC,UACAuC,EAAKvC,UAAUC,QAEpBsC,EAAKiD,kBACAjD,EAAKiD,kBAAkBvF,QAE5BsC,EAAKkD,iBACAlD,EAAKkD,iBAAiBxF,QAGxB,MCpWHyF,QAAU,IAAK,KAAM,KAAM,KAAM,SACjCC,QAAU,IAAK,KAAM,KAAM,KAAM,UACjCC,WAAa,IAAK,iBAAaF,OAAWC,QAgB5CE,yBAGAC,YA8CSC,KAAO,SAAUC,qBACRA,MAGdnJ,EAAM5M,SAAS8G,gBAAgB5G,GAAGsM,IAAK,gBACpCwJ,KAAKzH,OAAO3B,OACf0C,EAAOtP,SAAS8G,gBAAgB5G,GAAGsM,IAAK,UACzCzF,aAAa,QAAS,SACtBA,aAAa,SAAU,SACvBA,aAAa,IAAK,SACnBwH,OAAOe,OACL2G,EAAK3G,EAAKP,YACZH,aAEEsH,EAAOD,EAAGtT,eAEVsT,EAAG7G,SACH6G,EAAGjH,UACHkH,KACAA,EAAO,QACPA,EAAO,QACPA,EAAO,MACPA,EAAO,KACP,MACC,IAYIC,WAAa,kBACjBN,UAmBIO,WAAa,SAAbA,EAAuBtD,OAC5BuD,EAAST,kBAAkBU,wBAC5BvN,MAAM+J,GAIPN,MAAMC,QAAQK,GACTsD,EAAWtD,EAAI,IAAM,IAAMsD,EAAWtD,EAAI,IAE5C2B,WAAW3B,GAAKyD,QAAQF,GAAU,KAL5BvD,GAAKyD,QAAQF,IAafG,YAAc,SAAU1D,EAAK2D,YACjCA,GAAQb,kBAAkBc,cAI1BN,WAAWtD,EAAM+C,SAASY,KAYtBE,YAAc,SAAUrE,EAAMP,EAAMe,KAgC1C/L,aAAagL,EAAMe,IAkDb8D,aAAe,SAAU7E,EAAMe,OAErC/J,MAAM+J,UAAeA,EAAM,KACT,MAAnBA,EAAI+D,QAAQ,GAAY,KAEpBC,EAAMhE,EAAI+D,OAAO,EAAG/D,EAAIlT,OAAS,GAAK,IACtCwP,EAAQwG,kBAAkBmB,WAC1B/H,EAAS4G,kBAAkBoB,mBAE7BvB,OAAOzI,SAAS+E,GACX+E,EAAM1H,EAEXsG,OAAO1I,SAAS+E,GACX+E,EAAM9H,EAER8H,EAAM7L,KAAKgM,KAAM7H,EAAQA,EAAUJ,EAASA,GAAW/D,KAAKgM,KAAK,OAEpER,EAAO3D,EAAI+D,QAAQ,UACb/D,EAAI+D,OAAO,EAAG/D,EAAIlT,OAAS,GAE1BiW,SAASY,IAUXS,YAAc,SAAUnF,EAAMe,EAAKqE,MAC1CxB,UAAU3I,SAAS+E,UAEhBhJ,MAAM+J,OAILA,EAAIrS,cACHoS,OAAOuE,KAAKvB,UAAUwB,KAAK,SAACZ,UACtB,IAAIa,OAAO,eAAiBb,EAAO,KACpCc,KAAKzE,SAGN,OAATf,EAAe,KAIbyF,GAAS,UAMLlF,EAAOsD,kBAAkB6B,WAAW3E,KACxB,MAARR,GAAgBA,IAAS6E,EACnC,MAAOxG,WACF6G,SAEF,GCtSIE,gCACG,2BACD,6BACG,+BACD,iBAQXC,oHAKK3W,KAAKwN,cA4EHoJ,0CACEtF,EAAMuF,EAAgBC,EAAWtJ,4HAEvC8D,KAAOA,IACP9D,KAAOA,EAAQ,QAAU8D,EAAKyF,QAAU,OAASvJ,EAAS,QAAU8D,EAAKyF,UACzEF,eAAiBA,IACjBC,UAAYA,IACZE,eAAiB1F,EAAK2F,cACtBC,UAAY5F,EAAK6F,+BARcR,2DAW7B,mEASFS,GAEDA,KACMC,mBAAmBX,kBAAkBY,aAActX,WAGxDsR,KAAOtR,KAAKkX,UAAUK,aAAavX,KAAKsR,KAAMtR,KAAKgX,gBAEpDI,KACMC,mBAAmBX,kBAAkBc,YAAaxX,sCAUrDoX,GACHA,KACMC,mBAAmBX,kBAAkBe,eAAgBzX,WAG1DsR,KAAOtR,KAAK8W,UAAUS,aAAavX,KAAKsR,KAAMtR,KAAK6W,gBAEpDO,KACMC,mBAAmBX,kBAAkBgB,cAAe1X,gDAQtDA,KAAKsR,eAGjBsF,mBAAmBxY,KAAOwY,mBAAmB1W,UAAU9B,SAS1CuZ,4CACErG,EAAM9D,4HAEZ8D,KAAOA,IACP9D,KAAOA,GAAS,UAAY8D,EAAKyF,UACjCa,OAAStG,EAAK6F,aACdF,YAAcY,EAAKvG,KAAK2F,gCANSN,2DAU/B,qEASFS,GACDA,KACMC,mBAAmBX,kBAAkBY,aAActX,WAGxDsR,KAAOtR,KAAK4X,OAAOL,aAAavX,KAAKsR,KAAMtR,KAAKiX,aAEjDG,KACMC,mBAAmBX,kBAAkBc,YAAaxX,sCAUrDoX,GACHA,KACMC,mBAAmBX,kBAAkBe,eAAgBzX,WAG1D4X,OAAS5X,KAAKsR,KAAK6F,gBACnB7F,KAAOtR,KAAKsR,KAAK6F,WAAWW,YAAY9X,KAAKsR,MAE9C8F,KACMC,mBAAmBX,kBAAkBgB,cAAe1X,gDAQtDA,KAAKsR,eAGjBqG,qBAAqBvZ,KAAOuZ,qBAAqBzX,UAAU9B,SAU9C2Z,4CACEzG,EAAMuF,EAAgBC,EAAWtJ,4HAEvC8D,KAAOA,IACP9D,KAAOA,GAAS,UAAY8D,EAAKyF,UACjCE,YAAcJ,IACde,OAASd,2BAGWxF,uBATaqF,2DAY/B,qEASFS,GACDA,KACMC,mBAAmBX,kBAAkBY,aAActX,+BAGpCA,KAAKsR,WACzBsG,OAAS5X,KAAKsR,KAAK6F,gBACnB7F,KAAOtR,KAAK4X,OAAOE,YAAY9X,KAAKsR,MAErC8F,KACMC,mBAAmBX,kBAAkBc,YAAaxX,sCAUrDoX,GACHA,KACMC,mBAAmBX,kBAAkBe,eAAgBzX,+BAGtCA,KAAKsR,MACN,MAApBtR,KAAKiX,aACHtY,OAAOqZ,iBACDC,IAAI,0CAGXL,OAAOL,aAAavX,KAAKsR,KAAMtR,KAAKiX,aAErCG,KACMC,mBAAmBX,kBAAkBgB,cAAe1X,gDAQtDA,KAAKsR,eAGjByG,qBAAqB3Z,KAAO2Z,qBAAqB7X,UAAU9B,SAiB9C8Z,4CACE5G,EAAM6G,EAAO3K,uHAMnB,IAAMuD,OAJNO,KAAOA,IACP9D,KAAOA,EAAQ,UAAY8D,EAAKyF,QAAU,IAAMvJ,EAAS,UAAY8D,EAAKyF,UAC1EqB,eACAC,UAAYF,EACEA,IAEVC,UAAUrH,GADJ,UAATA,EACqBO,EAAK7D,YACV,UAATsD,EACcuH,QAAQhH,GAERA,EAAKtL,aAAa+K,8BAbP4F,2DAkB/B,qEASFS,GACDA,KACMC,mBAAmBX,kBAAkBY,aAActX,UAGzDuY,GAAoB,MACnB,IAAMxH,KAAQ/Q,KAAKoY,UAClBpY,KAAKoY,UAAUrH,GACJ,UAATA,OACGO,KAAK7D,YAAczN,KAAKoY,UAAUrH,GACrB,UAATA,UACD/Q,KAAKsR,KAAMtR,KAAKoY,UAAUrH,SAE7BO,KAAKvL,aAAagL,EAAM/Q,KAAKoY,UAAUrH,IAGjC,UAATA,OACGO,KAAK7D,YAAc,SAEnB6D,KAAKvL,aAAagL,EAAM,SACxBO,KAAKkH,gBAAgBzH,IAIjB,cAATA,OAA4C,OAI7CwH,EAAmB,KAChBpV,EAAQsV,iBAAiBzY,KAAKsR,SAChCnO,EAAO,KACH2K,EAAO9N,KAAKsR,KAAKvD,UAGjB2K,GAAU,UAAWvV,EAAO,IAFvB2K,EAAKnM,EAAImM,EAAKM,MAAQ,EAEU,IADpCN,EAAKlM,EAAIkM,EAAKE,OAAS,EACsB,KAAKkE,KAAK,IAC1DwG,IAAW1Y,KAAKsR,KAAKtL,aAAa,mBAC/BsL,KAAKvL,aAAa,YAAa2S,WAKtCtB,KACMC,mBAAmBX,kBAAkBc,YAAaxX,OAGrD,kCASAoX,GACHA,KACMC,mBAAmBX,kBAAkBe,eAAgBzX,UAG3DuY,GAAoB,MACnB,IAAMxH,KAAQ/Q,KAAKqY,UAClBrY,KAAKqY,UAAUtH,GACJ,UAATA,OACGO,KAAK7D,YAAczN,KAAKqY,UAAUtH,GACrB,UAATA,UACD/Q,KAAKsR,KAAMtR,KAAKqY,UAAUtH,SAE7BO,KAAKvL,aAAagL,EAAM/Q,KAAKqY,UAAUtH,IAGjC,UAATA,OACGO,KAAK7D,YAAc,QAEnB6D,KAAKkH,gBAAgBzH,GAGjB,cAATA,OAA4C,OAG7CwH,EAAmB,KAChBpV,EAAQsV,iBAAiBzY,KAAKsR,SAChCnO,EAAO,KACH2K,EAAO9N,KAAKsR,KAAKvD,UAGjB2K,GAAU,UAAWvV,EAAO,IAFvB2K,EAAKnM,EAAImM,EAAKM,MAAQ,EAEU,IADpCN,EAAKlM,EAAIkM,EAAKE,OAAS,EACsB,KAAKkE,KAAK,IAC1DwG,IAAW1Y,KAAKsR,KAAKtL,aAAa,mBAC/BsL,KAAKvL,aAAa,YAAa2S,oCAMjB1Y,KAAKsR,MAE1B8F,KACMC,mBAAmBX,kBAAkBgB,cAAe1X,OAGvD,4CAOCA,KAAKsR,eAGjB4G,qBAAqB9Z,KAAO8Z,qBAAqBhY,UAAU9B,SAU9Cua,oCAIEnL,4HAENA,KAAOA,GAAQ,kBACfoL,6BAPyBjC,2DAWvB,6DASFS,GACDA,KACMC,mBAAmBX,kBAAkBY,aAActX,cAGvDkR,EAAMlR,KAAK4Y,MAAMha,OACdyS,EAAI,EAAGA,EAAIH,IAAOG,OACpBuH,MAAMvH,GAAGF,MAAMiG,GAGlBA,KACMC,mBAAmBX,kBAAkBc,YAAaxX,sCAUrDoX,GACHA,KACMC,mBAAmBX,kBAAkBe,eAAgBzX,UAG1D,IAAIqR,EAAIrR,KAAK4Y,MAAMha,OAAS,EAAGyS,GAAK,EAAGA,SACrCuH,MAAMvH,GAAGwH,QAAQzB,GAGpBA,KACMC,mBAAmBX,kBAAkBgB,cAAe1X,iDASxD8Y,KACFC,EAAM/Y,KAAK4Y,MAAMha,OACdma,aACCC,EAAYhZ,KAAK4Y,MAAMG,GAAKE,WAC9B3H,EAAO0H,EAAUpa,OACd0S,KACAwH,EAAM9M,SAASgN,EAAU1H,OAAgBlJ,KAAK4Q,EAAU1H,WAG1DwH,wCAOMC,QACRH,MAAMxQ,KAAK2Q,4CAOR/Y,KAAK4Y,MAAMha,gBAGvB+Z,aAAava,KAAOua,aAAazY,UAAU9B,KAK3C,IAAa8a,kCAIEC,+BACNC,SAAWD,GAAuB,UAClCE,iBAAmB,OACnBC,kBAIAC,wBAA0B,OAC1BC,yFAQAF,kBACAD,iBAAmB,oDAOjBrZ,KAAKqZ,mEAOLrZ,KAAKsZ,UAAU1a,OAASoB,KAAKqZ,yEAO7BrZ,KAAKqZ,iBAAmB,EAAIrZ,KAAKsZ,UAAUtZ,KAAKqZ,iBAAmB,GAAGI,UAAY,2DAOlFzZ,KAAKqZ,iBAAmBrZ,KAAKsZ,UAAU1a,OAASoB,KAAKsZ,UAAUtZ,KAAKqZ,kBAAkBI,UAAY,kCAQrGzZ,KAAKqZ,iBAAmB,GACdrZ,KAAKsZ,YAAYtZ,KAAKqZ,kBAC9BR,QAAQ7Y,KAAKoZ,yCASfpZ,KAAKqZ,iBAAmBrZ,KAAKsZ,UAAU1a,QAAUoB,KAAKsZ,UAAU1a,OAAS,GAC/DoB,KAAKsZ,UAAUtZ,KAAKqZ,oBAC5BlI,MAAMnR,KAAKoZ,sDASEL,GAQf/Y,KAAKqZ,iBAAmBrZ,KAAKsZ,UAAU1a,QAAUoB,KAAKsZ,UAAU1a,OAAS,SACtE0a,UAAYtZ,KAAKsZ,UAAUpR,OAAO,EAAGlI,KAAKqZ,wBAE5CC,UAAUlR,KAAK2Q,QACfM,iBAAmBrZ,KAAKsZ,UAAU1a,mDAapB8a,EAAUZ,WACvBa,IAAM3Z,KAAKuZ,uBACblI,EAAIyH,EAAMla,OACRyZ,EAAY,IAAI7G,MAAMH,GAAI4H,EAAW,IAAIzH,MAAMH,GAC9CA,KAAK,KACJC,EAAOwH,EAAMzH,GACP,MAARC,MACKD,GAAKC,IACJD,GAAKC,EAAKtL,aAAa0T,SAE9BF,oBAAoBG,8FAcnBA,EAAI3Z,KAAKuZ,yBACTK,EAAY5Z,KAAKwZ,oBAAoBG,GACpCD,EAAYE,EAAZF,SACDG,EAAW,IAAIlB,aAAa,UAAYe,GAC1CrI,EAAIuI,EAAUX,SAASra,OACpByS,KAAK,KACJC,EAAOsI,EAAUX,SAAS5H,MACpB,MAARC,OACEwI,OACEJ,GAAYE,EAAUvB,UAAUhH,GACpCyI,EAAQJ,KAAcpI,EAAKtL,aAAa0T,MACjCK,cAAc,IAAI7B,qBAAqB5G,EAAMwI,EAASJ,iBAG9DF,oBAAoBG,GAAK,KACvBE,8RCvqBLG,UAAY,MAGZpO,MAAM5M,SAAS8G,gBAAgB5G,GAAGsM,IAAK,OAWhCyO,eAAiB,SAAUtY,EAAGC,EAAGqQ,UACpCtQ,EAAGsQ,EAAE1C,EAAI5N,EAAIsQ,EAAExC,EAAI7N,EAAIqQ,EAAEtC,EAAG/N,EAAGqQ,EAAEzC,EAAI7N,EAAIsQ,EAAEvC,EAAI9N,EAAIqQ,EAAErC,IAUlDsK,WAAa,SAAUjI,UAClB,IAARA,EAAE1C,GAAmB,IAAR0C,EAAEzC,GAAmB,IAARyC,EAAExC,GAAmB,IAARwC,EAAEvC,GAAmB,IAARuC,EAAEtC,GAAmB,IAARsC,EAAErC,GAUhEuK,eAAiB,sCAAaC,6CACnCnI,EAAImI,EAAKC,YAAY,SAACC,EAAMC,UACzBA,EAAGC,SAASF,YAGjBrQ,KAAKwQ,IAAIxI,EAAE1C,GAAKyK,cAAezK,EAAI,GACnCtF,KAAKwQ,IAAIxI,EAAEzC,GAAKwK,cAAexK,EAAI,GACnCvF,KAAKwQ,IAAIxI,EAAExC,GAAKuK,cAAevK,EAAI,GACnCxF,KAAKwQ,IAAIxI,EAAEvC,GAAKsK,cAAetK,EAAI,GACnCzF,KAAKwQ,IAAIxI,EAAEtC,GAAKqK,cAAerK,EAAI,GACnC1F,KAAKwQ,IAAIxI,EAAErC,GAAKoK,cAAepK,EAAI,GAEhCqC,GASIyI,mBAAqB,SAAUC,OACrCA,SAAgB,UACjB7E,EAAM6E,EAAMxU,cACT2P,KAAO,KACN9D,EAAQ2I,EAAMvL,QAAQ0G,MACT,IAAf9D,EAAM5T,OAAe8b,WAAWlI,EAAM1C,eAAkB,SAEvD,GA0BIsL,aAAe,SAAUC,EAAGvG,EAAGwG,EAAGC,EAAG9I,OAC1C+B,EAAKiG,eAAeY,EAAGvG,EAAGrC,GAC9B+I,EAAKf,eAAgBY,EAAIC,EAAIxG,EAAGrC,GAChCgJ,EAAKhB,eAAeY,EAAIvG,EAAIyG,EAAI9I,GAChCiJ,EAAKjB,eAAgBY,EAAIC,EAAKxG,EAAIyG,EAAI9I,GAEtCkJ,EAAOlR,KAAKmR,IAAIpH,EAAGrS,EAAGqZ,EAAGrZ,EAAGsZ,EAAGtZ,EAAGuZ,EAAGvZ,GACrC0Z,EAAOpR,KAAKqR,IAAItH,EAAGrS,EAAGqZ,EAAGrZ,EAAGsZ,EAAGtZ,EAAGuZ,EAAGvZ,GACrC4Z,EAAOtR,KAAKmR,IAAIpH,EAAGpS,EAAGoZ,EAAGpZ,EAAGqZ,EAAGrZ,EAAGsZ,EAAGtZ,uCAShCuZ,IACAI,QACKF,EAAOF,SAVVlR,KAAKqR,IAAItH,EAAGpS,EAAGoZ,EAAGpZ,EAAGqZ,EAAGrZ,EAAGsZ,EAAGtZ,GAWnB2Z,KAiBTC,yBAA2B,SAAUb,EAAOS,EAAKE,MAC/C,MAATX,SAEK/O,MAAI6P,6BAA6B7P,MAAIgH,wBAExCwI,GAAO,IACPE,GAAQX,EAAMxU,cAAgB,KAC9BuV,SAASN,EAAK,QACdM,SAASJ,EAAK,KACL,KAAQK,EAAOL,EAAKA,EAAMF,EAAKA,EAAMO,UAChD1J,EAAIrG,MAAIgH,kBACHvB,EAAI+J,EAAK/J,GAAKiK,IAAOjK,EAAG,KAEzBuK,EAAQvK,GAAK,GAAKA,EAAIsJ,EAAMxU,cAC9BwU,EAAMvL,QAAQiC,GAAG/B,OACjB1D,MAAIgH,oBACJuH,eAAelI,EAAG2J,UAEjBhQ,MAAI6P,6BAA6BxJ,IAS7B4J,UAAY,SAAUvK,OAC3BqJ,EAAQtG,iBAAiB/C,UACxBkK,yBAAyBb,GAAOrL,QAa5BwM,YAAc,SAAUzZ,EAAIC,EAAIC,EAAIC,OACzCuZ,EAAO9R,KAAK+R,GAAK,EACjBC,EAAK1Z,EAAKF,EACV6Z,EAAK1Z,EAAKF,EACVa,EAAQ8G,KAAKkS,MAAMD,EAAID,GACvBG,EAAOnS,KAAKgM,KAAKgG,EAAKA,EAAKC,EAAKA,GAChCG,EAAYpS,KAAKqS,MAAMnZ,EAAQ4Y,GAAQA,WAGxC1Z,EAAK+Z,EAAOnS,KAAKsS,IAAIF,KACrB/Z,EAAK8Z,EAAOnS,KAAKuS,IAAIH,KACrBA,IAWMI,eAAiB,SAAUxZ,EAAIC,UACnCA,EAAGvB,EAAKsB,EAAGtB,EAAIsB,EAAGmL,OACtBlL,EAAGvB,EAAIuB,EAAGkL,MAASnL,EAAGtB,GACvBuB,EAAGtB,EAAKqB,EAAGrB,EAAIqB,EAAG+K,QACjB9K,EAAGtB,EAAIsB,EAAG8K,OAAU/K,EAAGrB,GCjMtByJ,IAAIC,OAEJoR,YACA,IAAK,QACL,IAAK,QACL,IAAK,IAAK,KAAM,KAAM,KAAM,SAC5B,IAAK,IAAK,KAAM,UACf,IAAK,IAAK,KAAM,KAAM,QAAS,eAAgB,iBAC/C,SACA,SACA,IAAK,IAAK,KAAM,UAChB,IAAK,MASNC,aAMOC,aAAe,SAAUC,UAC7BC,OAAOH,UAAWE,EAAKE,KAG5BC,aAEAC,gBAAiB,EAIjBC,YAOSC,qBAAuB,SAAUC,kBAC3BA,GAQRxQ,KAAO,KAEdyQ,eAAiB,KA6JRvI,OAAO,SAAUwI,kBACXA,aAEJ,EAAG,iBAGdC,MAFqB,SAAU,SAAU,eAAgB,mBAAoB,MAC7E,mBAAoB,iBAAkB,qBAAsB,0BACxC,SAAUlM,EAAGmM,aACvBpV,KAAKoV,EAAI,iBACTpV,KAAKoV,EAAI,UAWVtQ,iBAAmB,SAAUoE,EAAMmM,EAAQ3V,OAEhD4V,EAAOpM,EAAKpL,eAEdqK,iCACGrD,iBAAiBuQ,EAAQ3V,gBAG1BoJ,EAAMwM,EAAKvX,cACXwX,KACGtM,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtBuM,EAASF,EAAKtO,QAAQiC,KACxBjJ,KAAKwV,KAENC,YACA,IAAIxM,EAAI,EAAGA,EAAIH,EAAKG,IACnBA,IAAMvJ,KACHqH,WAAWsO,KAEbtO,WAAWwO,EAAItM,MAWXyM,WAAa,SAAU1f,EAAM2f,UAC1BrB,QAAQte,GACT4f,IAAI,SAACC,UACTF,EAAQE,MAUNC,UAAY,SAAUpR,EAAKqR,OAC/BvR,EAAQE,EAARF,KACHwR,KACCD,EAAQA,EAAMxc,EAAImL,EAAI3E,KAAKxG,IAC3Bwc,EAAQA,EAAMvc,EAAIkL,EAAI3E,KAAKvG,GAG5BgL,EAAK0C,WACI2K,eAAemE,EAAIzc,EAAGyc,EAAIxc,EAAGgL,EAAK0C,aAIzC+O,EAAchB,eAAeiB,0BAC/B3c,GAAK0c,IACLzc,GAAKyc,EAEFD,GASIG,iBAAmB,SAAUC,EAAI5R,OACtCwR,KACDI,EAAG7c,IACH6c,EAAG5c,GAGJgL,EAAK0C,WACF2K,eAAemE,EAAIzc,EAAGyc,EAAIxc,EAAGgL,EAAK6R,WACnC9c,EAAI6c,EAAG7c,IACPC,EAAI4c,EAAG5c,OAGPyc,EAAchB,eAAeiB,0BAC/B3c,GAAK0c,IACLzc,GAAKyc,EAEFD,GAYIM,aAAe,SAAU5W,EAAOnG,EAAGC,OAExC+c,EAAqBC,mBAEvBC,EAAYC,QAAQ,iBAAmBhX,OAEtC+W,EAAW,GACF7f,SAAS8G,gBAAgB5G,GAAGsM,IAAK,cACvCuT,MACA,iBAAmBjX,UACd,SACN,OACG,cACE,sBACQ,SACR,aACD,sBAEL,oBAAqB6U,cAClB,eAAiBA,UAAUqC,kCAEjBH,EAAWE,KAChBJ,EAAmBM,YAAYJ,GAE9BxT,IAAE,kBAAoBvD,GAC9BoX,SAAS,WACRtS,WACGuS,sBAIPxd,GAAKC,oBAEUid,MACXld,KACAC,UACK,WAGNid,GAOID,iBAAmB,eAC1BnP,EAAIqP,QAAQ,2BACXrP,OACYqP,QAAQ,uBACZG,YAAYjgB,SAAS8G,gBAAgB5G,GAAGsM,IAAK,OACtDuI,GAAK,kCAEFtE,GAUI2P,YAAc,SAAUrL,OAC/B8K,EAAYC,QAAQ,iBAAmB/K,MACvC8K,SAAoBA,IAEZ7f,SAAS8G,gBAAgB5G,GAAGsM,IAAK,cACvCuT,MACA,iBAAmBhL,UACd,SACN,OACG,cACE,sBACQ,SACR,aACD,4BAEL,sBAAuB4I,cACpB,eAAiBA,UAAU0C,oCAEjBR,EAAWE,sBACTxR,OAAOsR,GACnBA,GAQIS,YAAc,SAAUvL,OAC/BwL,EAAWT,QAAQ,YAAc/K,UACjCwL,MAEOvgB,SAAS8G,gBAAgB5G,GAAGsM,IAAK,yBAC3B+T,MACX,YAAcxL,SACV,sBACQ,QACT,2CAEUxG,OAAOgS,GACnBA,IASIC,aAAe,SAAU1S,EAAK2S,OAClC3X,EAASgF,EAAThF,MACD+W,EAAYH,aAAa5W,MAE3B2X,EAAQ,KACJjB,EAAKN,UAAUpR,oBACJ+R,MACXL,EAAG7c,KACH6c,EAAG5c,UACE,kBAINid,GAQIa,iBAAmB,SAAU5S,OACjC3E,EAAe2E,EAAf3E,KAAML,EAASgF,EAAThF,WACP,OAAQK,GAAW,OAAQA,UAAgB,SAC3CwX,KAC2Bf,2BAK3BgB,GAFOhT,KAAKiT,KAAK/X,EAAQ,GAAGK,KAEVA,GAEfkJ,EAAI,EAAGA,EAAI,EAAGA,IAAK,KACpB0C,EAAKjM,EAAQ,IAAMuJ,EAEnBkO,EAAWI,EAAI,IAAMtO,EAAI,SAAWiO,YAAYvL,GAEhDyK,EAAKN,UAAUpR,GAAMnL,EAAGwG,EAAK,IAAMkJ,GAAIzP,EAAGuG,EAAK,IAAMkJ,KACrDyO,EAAM5B,UAAUpR,GAAMnL,EAAGie,EAASvO,EAAI,GAAG1P,EAAGC,EAAGge,EAASvO,EAAI,GAAGzP,qBAEpD2d,MACXf,EAAG7c,KACH6c,EAAG5c,KACHke,EAAIne,KACJme,EAAIle,UACC,aAGP,IAAMyP,EAAI,SAAWkO,MAGnBV,EAAYc,EAAI,IAAMtO,GAAK+N,YAAYrL,oBAE5B8K,MACXL,EAAG7c,KACH6c,EAAG5c,UACE,aAEP,IAAMyP,GAAKwN,SAEVc,GAWII,eAAiB,SAAU3hB,EAAM0J,EAAOkY,EAAK1O,OAClD2O,EAAM3O,GAAQ1E,KAAK0E,KAGnBxE,EAAMmT,EADC,mBAAqBjD,UAAU5e,IACtB+S,MAAM8O,EAAKD,MAE7B1P,4BACEpK,YAAY6G,YAAYD,EAAKhF,OAC5B,SACCoY,EAAUD,EAAI/Z,YACdgL,EAAMgP,EAAQ/Z,cACdwX,KACGtM,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtBuM,EAASsC,EAAQ9Q,QAAQiC,KAC3BjJ,KAAKwV,KAEHC,YACH,IAAIxM,EAAI,EAAGA,EAAIH,EAAKG,IACnBA,IAAMvJ,IACAqH,WAAWrC,KAEXqC,WAAWwO,EAAItM,MAYlB8O,eAAiB,SAAUrT,EAAK2S,OACpC3X,EAASgF,EAAThF,MACHsY,EAAUtB,QAAQ,WAAahX,OAC9BsY,EAAS,KACNzB,EAAqBC,qBAEjB5f,SAAS8G,gBAAgB5G,GAAGsM,IAAK,yBAC1B4U,MACX,WAAatY,UACR,YACH,cACE,sBACQ,QACT,wBACJ,eAEcyF,OAAO6S,MAGxBX,EAAQ,KACHnF,EAAQxN,EAARwN,SACFA,WACKvU,aAAa,UAAW,QACzBqa,MAGH5B,EAAKN,UAAU5D,kBAEN,EAAG,GAAIkE,EAAG7c,EAAG6c,EAAG5c,GAAIwe,WAE7BJ,EAAMlC,WAAWhR,EAAI1O,KAAM0O,EAAI3E,MAAM,GAClCkJ,EAAI,EAAGA,EAAI2O,EAAIphB,OAAQyS,GAAK,EAAG,KAChCmN,EAAKN,UAAUpR,GAAMnL,EAAGqe,EAAI3O,GAAIzP,EAAGoe,EAAI3O,EAAI,OAC7CA,GAAKmN,EAAG7c,IACR0P,EAAI,GAAKmN,EAAG5c,iBAGHkL,EAAI1O,KAAM,EAAG4hB,EAAKI,UAE5BA,GAiBIC,oBAAsB,SAAUC,EAAKC,EAAK/B,OAE/Cnc,EAAKie,EAAI3e,EAAI6c,EAAG7c,EACpBW,EAAKge,EAAI1e,EAAI4c,EAAG5c,EAChBW,EAAKge,EAAI5e,EAAI6c,EAAG7c,EAChBa,EAAK+d,EAAI3e,EAAI4c,EAAG5c,OAEN,IAAPS,GAAmB,IAAPC,GAAqB,IAAPC,GAAmB,IAAPC,GAAW,KAElDS,EAAKgH,KAAKgM,KAAK5T,EAAKA,EAAKC,EAAKA,GAC9BY,EAAK+G,KAAKgM,KAAK1T,EAAKA,EAAKC,EAAKA,GAC9Bge,EAAOnD,eAAeoD,aAAaC,iBACnCC,EAAOtD,eAAeoD,aAAaC,iBACjCE,EAAS3W,KAAKkS,MAAM7Z,EAAID,GAC1Bwe,EAAS5W,KAAKkS,MAAM3Z,EAAID,GACtBqe,EAAS,OAAe,EAAI3W,KAAK+R,IACjC6E,EAAS,OAAe,EAAI5W,KAAK+R,QAE/B8E,EAAe7W,KAAKwQ,IAAImG,EAASC,GACrCE,EAAY9W,KAAKwQ,IAAIxQ,KAAK+R,GAAK8E,GAAgB,EAE7CE,SAAWC,gBACXL,EAASC,EAAS,KACRC,EAAe7W,KAAK+R,GAAM4E,EAASG,EAAcH,EAASG,IAC1DD,EAAe7W,KAAK+R,GAAM6E,EAASE,EAAcF,EAASE,MAE1DD,EAAe7W,KAAK+R,GAAM4E,EAASG,EAAcH,EAASG,IAC1DD,EAAe7W,KAAK+R,GAAM6E,EAASE,EAAcF,EAASE,KAInEpf,EAAIsB,EAAKgH,KAAKsS,IAAIyE,GAAaxC,EAAG7c,IAClCC,EAAIqB,EAAKgH,KAAKuS,IAAIwE,GAAaxC,EAAG5c,IAClCD,EAAIuB,EAAK+G,KAAKsS,IAAI0E,GAAazC,EAAG7c,IAClCC,EAAIsB,EAAK+G,KAAKuS,IAAIyE,GAAazC,EAAG5c,GAE/B4e,EAAMG,KAQLO,8BAMEpZ,EAAOK,+BACbgZ,UAAW,OACXrZ,MAAQA,OACRK,KAAOA,OACP/J,KAAO+J,EAAKtI,iBAEZuhB,gBACAC,OAAS,UACTC,OAAS,6DAOH1f,OACN,IAAMyP,KAAKrR,KAAKohB,QACfphB,KAAKohB,QAAQG,eAAelQ,SACzB+P,QAAQ/P,GAAGtL,aAAa,UAAWnE,EAAI,SAAW,4CAShDA,OACT,kBAAoB5B,KAAK8H,MAAQ,sBAAwB9H,KAAK8H,MAAQ,MACrEiJ,KAAK,OAAQnP,EAAI,OAAS,qCAOzBA,GACA5B,KAAKqhB,cACFA,OAAOtb,aAAa,UAAWnE,EAAI,SAAW,aAC9C0f,OAAOvb,aAAa,UAAWnE,EAAI,SAAW,aAE9C4f,YAAY5f,mCAQbA,GACF5B,KAAKqhB,cACFA,OAAOtb,aAAa,SAAUnE,EAAI,OAAS,aAC3C0f,OAAOvb,aAAa,UAAWnE,EAAI,SAAW,QAC/C5B,KAAKohB,cACFK,YAAY7f,QAEduf,SAAWvf,0CAQbyf,OAAS7B,aAAaxf,MAAM,QAC5BohB,QAAU1B,iBAAiB1f,MAAM,QACjCshB,OAASnB,eAAengB,MAAM,kCAO7B0hB,MACF1hB,KAAKqhB,OAAQ,KACT7C,EAAKN,UAAUle,uBACJA,KAAKqhB,WAChB7C,EAAG7c,KACH6c,EAAG5c,mBAGM5B,MAAM,GAEjBA,KAAKohB,UACHM,SACGvZ,KAAOyE,KAAK0E,KAAKpL,YAAYkJ,QAAQpP,KAAK8H,YAC1C1J,KAAO4B,KAAKmI,KAAKtI,8BAEPG,qCAWjBic,EAAIC,OACD/T,EAAQnI,KAARmI,KAEDwZ,EAAS3hB,KAAKohB,SACfjZ,EAAKxG,GAAKsa,EAAI9T,EAAKvG,GAAKsa,EACzB/T,EAAK9F,GAAI8F,EAAK7F,GAAI6F,EAAK5F,IAAM0Z,EAAI9T,EAAK3F,IAAM0Z,IAE3C/T,EAAKxG,GAAKsa,EAAI9T,EAAKvG,GAAKsa,qBAEdlc,KAAK5B,KAAM4B,KAAK8H,MAAO6Z,GAElC3hB,KAAK4hB,MAAQ5hB,KAAK4hB,KAAKR,QAAS,KAC5BQ,EAAO5hB,KAAK4hB,KAAKzZ,KACjB0Z,GAAWD,EAAKjgB,EAAGigB,EAAKhgB,EAC5BggB,EAAKvf,IAAM4Z,EAAI2F,EAAKtf,IAAM4Z,EAAI0F,EAAKrf,GAAIqf,EAAKpf,mBAC/BxC,KAAK4hB,KAAKxjB,KAAM4B,KAAK4hB,KAAK9Z,MAAO+Z,MAG9C7hB,KAAK8hB,KAAM,KAGN3Z,EAAQnI,KAAK8hB,KAAb3Z,KACD6X,GAAO7X,EAAKxG,GAAKsa,EAAI9T,EAAKvG,GAAKsa,kBACtBlc,KAAK8hB,KAAK1jB,KAAM4B,KAAK8hB,KAAKha,MAAOkY,QAI7CP,QAAO,GACRzf,KAAK4hB,WAAaA,KAAKnC,QAAO,qCAOzB3J,OACLhJ,SAAKiV,SAAMvD,YACH,IAAR1I,EAAW,MACN,MACD9V,KAAK4hB,eAEN5hB,KAAKmI,SACL,MACE,MACDnI,KAAKsa,eAENxN,EAAI3E,SAGJA,EAAQ2E,EAAR3E,OACF,IAAM4Z,GAAQvD,EAAG7c,GAAK6c,EAAG7c,EAAI3B,KAAKmI,KAAK,IAAM2N,MAC7C,IAAMiM,GAAQvD,EAAG5c,GAAK4c,EAAG5c,EAAI5B,KAAKmI,KAAK,IAAM2N,QAE5CkK,GAAO7X,EAAKxG,EAAGwG,EAAKvG,EACxBuG,EAAK9F,GAAI8F,EAAK7F,GACd6F,EAAK5F,GAAI4F,EAAK3F,mBAEDsK,EAAI1O,KAAM0O,EAAIhF,MAAOkY,KAChCP,QAAO,oCASH3J,EAAKmG,EAAIC,OACV/T,EAAQnI,KAARmI,OACF,IAAM2N,IAAQmG,IACd,IAAMnG,IAAQoG,MAEb8D,GAAO7X,EAAKxG,EAAGwG,EAAKvG,EACxBuG,EAAK9F,GAAI8F,EAAK7F,GAAI6F,EAAK5F,GAAI4F,EAAK3F,mBAEnBxC,KAAK5B,KAAM4B,KAAK8H,MAAOkY,QACjCP,QAAO,mCAOLuC,EAAShC,kBACDgC,EAAShiB,KAAK8H,MAAOkY,QAC/B5hB,KAAO4jB,OACP7Z,KAAOyE,KAAK0E,KAAKpL,YAAYkJ,QAAQpP,KAAK8H,YAC1C0Z,YAAwB,IAAZQ,QACZZ,QAAU1B,iBAAiB1f,WAC3Byf,QAAO,YAOHwC,2BAKE3Q,8BACNA,GAAyB,SAAjBA,EAAKyF,cACV,IAAInR,MAAM,+DAGb0L,KAAOA,OACPuO,aACAqC,qBACEliB,UAEF8U,8DAWH8J,oBAAoBuD,KAAK,KAAK5E,KAAK,eACjCvd,MAAM+Q,KAAK,UAAW,cAGpBmP,EAAUlgB,KAAKsR,KAAKpL,YACpBgL,EAAMgP,EAAQ/Z,mBACf0Z,aACAqC,qBACAE,UAAY,SAGZ,IAAI/Q,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtBlJ,EAAO+X,EAAQ9Q,QAAQiC,GACvBgR,EAAU,IAAInB,QAAQ7P,EAAGlJ,KACvByE,KAAO5M,UACV6f,KAAKzX,KAAKia,WAGVxC,EAAQ7f,KAAR6f,KAEHyC,EAAS,KACJjR,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtBvE,EAAM+S,EAAKxO,GACXkR,EAAWlR,EAAI,GAAMH,EAAM,KAAO2O,EAAKxO,EAAI,GAC3CmR,EAAWnR,EAAI,EAAK,EAAI,KAAOwO,EAAKxO,EAAI,MAC7B,IAAbvE,EAAI1O,KAAY,IACdokB,GAA4B,IAAjBA,EAAQpkB,KAAY,KAG3BqkB,EAAW5C,EAAKyC,KACbV,KAAO/B,EAAKyC,EAAS,KACrBV,KAAKtH,KAAOmI,IACZC,YAGFrR,OACJ,GAAIkR,GAA4B,IAAjBA,EAAQnkB,OAGxBwjB,KAAO/B,EAAKyC,EAAS,KAGrBV,KAAKtH,KAAOxN,IACZgV,KAAOjC,EAAKyC,KACZI,UACkB,MAAlB1iB,KAAKoiB,iBACFA,UAAYtV,QAEd,GAAKyV,EAeY,IAAbzV,EAAI1O,SAETskB,UAGAH,GAA4B,IAAjBA,EAAQnkB,SACjBwjB,KAAOW,IACPX,KAAKtH,KAAOxN,YArBD,IAAbA,EAAI1O,KAAY,KAGZqkB,EAAW5C,EAAKyC,KACbV,KAAO/B,EAAKyC,EAAS,KACrBV,KAAKtH,KAAOmI,IACZC,YACLA,UAEC1iB,KAAKoiB,iBAEHA,UAAYvC,EAAKyC,YAcvBtiB,qCAaA8Q,WACDI,EAAMlR,KAAK6f,KAAKjhB,OACbyS,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KAEhB,IADAP,EAAG6R,KAAK3iB,KAAK6f,KAAKxO,GAAIA,yCAS9BvJ,OAEAgF,EAAM9M,KAAK6f,KAAK/X,MACjBgF,EAAIwN,UAEFA,EAAQxN,EAARwN,KACHmD,SAAQmF,SAAMC,gBACV/V,EAAI3E,KAAKtI,kBACZ,KACKiN,EAAI3E,KAAKxG,EAAI2Y,EAAKnS,KAAKxG,GAAK,KAC5BmL,EAAI3E,KAAKvG,EAAI0Y,EAAKnS,KAAKvG,GAAK,IAC3B5B,KAAKsR,KAAK9M,0BAA0Boe,EAAMC,SAEnD,KAAK,MAECC,GAAOxI,EAAKnS,KAAKxG,EAAImL,EAAI3E,KAAK9F,IAAM,EACpC0gB,GAAOjW,EAAI3E,KAAK9F,GAAKyK,EAAI3E,KAAK5F,IAAM,EACpCygB,GAAOlW,EAAI3E,KAAK5F,GAAKuK,EAAI3E,KAAKxG,GAAK,EACnCshB,GAAQH,EAAMC,GAAO,EACrBG,GAAQH,EAAMC,GAAO,KACnBC,EAAOC,GAAQ,MACjBC,GAAO7I,EAAKnS,KAAKvG,EAAIkL,EAAI3E,KAAK7F,IAAM,EACpC8gB,GAAOtW,EAAI3E,KAAK7F,GAAKwK,EAAI3E,KAAK3F,IAAM,EACpC6gB,GAAOvW,EAAI3E,KAAK3F,GAAKsK,EAAI3E,KAAKvG,GAAK,EACnC0hB,GAAQH,EAAMC,GAAO,EACrBG,GAAQH,EAAMC,GAAO,KACnBC,EAAOC,GAAQ,IACdvjB,KAAKsR,KAAK5M,gCAAgCke,EAAMC,EAAMC,EAAKK,EAAKF,EAAMK,OACzEtD,GAAOlT,EAAI3E,KAAKxG,EAAGmL,EAAI3E,KAAKvG,EAAGshB,EAAMK,EAAMP,EAAKK,kBACvCvW,EAAI1O,KAAM0J,EAAOkY,oBAKjBhgB,KAAKsR,KAAMmM,EAAQ3V,sCAO3BA,OACHgF,EAAM9M,KAAK6f,KAAK/X,GAChB4V,EAAO1d,KAAKsR,KAAKpL,cAEnBsd,MAAK,OACF5B,EAAQ9U,EAAR8U,QACH9U,EAAIgV,KAAM,KAENtD,GAAMoD,EAAKzZ,KAAKxG,EAAGigB,EAAKzZ,KAAKvG,kBACpB,EAAGggB,EAAK9Z,MAAO0W,kBAGf,EAAG1R,EAAIhF,MAAO0W,KAExBpY,WAAW0G,EAAIgV,KAAKha,YACpB,GAAKgF,EAAIwN,OAOTlU,WAAW0B,OAPI,KAGd0W,GAAMoD,EAAKzZ,KAAKxG,EAAGigB,EAAKzZ,KAAKvG,kBACpB,EAAGkL,EAAI8U,KAAK9Z,MAAO0W,KAC7BpY,WAAW0B,4CAUHA,OACX2b,GAAS,cAERC,QAAQ,SAAUrS,UACjBA,GAAKvJ,GACS,IAAd9H,KAAK5B,OAIS,IAAd4B,KAAK5B,SAEE,GACF,aAIJqlB,gDAOc3b,OACf4F,EAAM1N,KAAKkiB,aAAayB,QAAQ7b,IACzB,IAAT4F,SAGCmS,KAAK/X,GAAO8b,QAAO,QACnB1B,aAAaha,OAAOwF,EAAK,kDAOzBgW,QAAQ,gBAENE,QAAO,UAET1B,sDAOA2B,OAAS7jB,KAAKsR,KAAKtL,aAAa,kCAOjCpE,eAEC8hB,QAAQ,gBAENF,KAAK5hB,KAERA,QACGkiB,SAAS9jB,KAAKoiB,UAAUta,OAExB9H,qCASAic,EAAIC,WACP7K,EAAIrR,KAAKkiB,aAAatjB,OACnByS,KAAK,CACErR,KAAK6f,KAAK7f,KAAKkiB,aAAa7Q,IACpC0S,KAAK9H,EAAIC,qCASPD,EAAIC,OACNpP,EAAM9M,KAAK6f,KAAK7f,KAAKkiB,aAAa,MACpC8B,SAAShkB,KAAKikB,SAAUhI,EAAIC,GAC5Be,kBACEiH,UAAUlkB,KAAKikB,6CAQXjC,QACLmC,iBACD9S,EAAIrR,KAAKkiB,aAAatjB,OACtB4O,SACG6D,KAAK,KACJ+S,EAAQpkB,KAAKkiB,aAAa7Q,GAG1BgT,EAAMrkB,KAAK6f,KAAKuE,GACf9J,EAAQ+J,EAAR/J,QACFA,OAEA0H,IACI,6BAKgB,IAFPqC,EAAIjmB,KAEQ,EAAI,IAGxBkmB,OAAOtC,OAEXuC,EAAOF,EAAIlc,KAAKxG,EAChB6iB,EAAOH,EAAIlc,KAAKvG,EAChB6iB,EAAQnK,EAAKnS,KAAKxG,EAClB+iB,EAAQpK,EAAKnS,KAAKvG,EACpB4I,gBACIwX,QACH,KACCqC,EAAIM,QAAS,KACTC,EAAMP,EAAIM,WACNJ,EAAMC,EAAMI,EAAIviB,GAAIuiB,EAAItiB,GAAIsiB,EAAIriB,GAAIqiB,EAAIpiB,QAC7C,KACCqiB,EAAQN,EAAOE,EACfK,EAAQN,EAAOE,KAaXH,EAAMC,EAJFC,EAASI,EAAQ,EACjBH,EAASI,EAAQ,EACjBP,EAAQM,EAAQ,EAChBL,EAAQM,EAAQ,SAIhC,KAAK,KACKP,EAAMC,KAGZG,QAAUN,EAAIlc,OAKhB4c,QAAQ/C,EAASxX,SAElBwa,WAAWxX,oCAQRgR,EAAIyG,QACPC,iBACK,MAAN1G,QACGkF,QAAQ,SAAUrS,GAEjBrR,KAAKsa,SACFjJ,UAIN8T,kBAAkB3G,GACnByG,SACGhB,SAAWgB,EAEZhI,qBACG4C,KAAKrB,GAAI0F,UAAUe,yCAUrB3T,EAAQtR,KAARsR,YACHmH,iBAAiBnH,SACdhC,OAASuM,UAAUvK,QACnBmN,QAAUze,KAAKsP,OAAO8V,iBAEtB9V,OAAS,UACTmP,QAAU,WAGZiF,QAAQ,SAAUrS,QAChBlJ,KAAOmJ,EAAKpL,YAAYkJ,QAAQiC,QAChCoO,WAGAzf,wCAOGwN,GACNsC,2BAA6BuV,OAAOrlB,KAAKsR,UACvCyH,EAAM,IAAIb,qBAAqBlY,KAAKsR,MAAO5B,EAAG1P,KAAK6jB,QAASrW,kBACnDwX,YAAYjM,MAAKzH,KAAMtR,KAAKsR,iDAO1BgU,GACZ9T,MAAMC,QAAQ6T,QAAuBA,QACrC,IAAIjU,EAAI,EAAGA,EAAIiU,EAAQ1mB,OAAQyS,IAAK,KACjCvJ,EAAQwd,EAAQjU,GACVrR,KAAK6f,KAAK/X,GACduZ,SACDrhB,KAAKkiB,aAAalW,SAASlE,IAAUA,GAAS,QAC5Coa,aAAa9Z,KAAKN,QAIxBoa,aAAaqD,WACdlU,EAAIrR,KAAKkiB,aAAatjB,OACpB4mB,WACA5mB,OAASyS,EAERA,KAAK,KACJmN,EAAKxe,KAAKkiB,aAAa7Q,GACvBvE,EAAM9M,KAAK6f,KAAKrB,KAClBoF,QAAO,KACLvS,GAAKvE,EAAIuU,WAGXoE,EAAgBzlB,KAAK0lB,gBAAgB1lB,KAAKkiB,aAAa,mBAC9CiD,mBAAmBK,QAAOC,2BAShCE,SAAW,SAAUrU,OAC5BqI,EAAIuD,SAAS5L,EAAKyC,WACjB4F,MACCuD,SAAS5L,EAAKyC,IAAM,IAAIkO,KAAK3Q,IAE5BqI,GAQIiM,YAAc,SAAU7R,GAC/BA,KAAMmJ,iBAAmBA,SAASnJ,IAGpC8R,aAAOC,aAAOC,aAAOC,aAAO7iB,aAE1B8iB,WAAa,SAAUtkB,EAAGC,OAC1Bqa,EAAKta,EAAIokB,MACT7J,EAAKta,EAAIokB,MAGTE,EAAIjc,KAAKgM,KAAKgG,EAAKA,EAAKC,EAAKA,GAC7BiK,EAAQlc,KAAKkS,MAAMD,EAAID,GAAM9Y,eAC5B+iB,EAAIjc,KAAKsS,IAAI4J,GAASJ,QACtBG,EAAIjc,KAAKuS,IAAI2J,GAASH,SAMrBH,SACAC,QAEF7b,KAAKgM,KAAKgG,EAAKA,EAAKC,EAAKA,KACrBjS,KAAKkS,MAAMD,EAAID,GAAM9Y,OAErBxB,EAAGukB,EAAIjc,KAAKsS,IAAI4J,GAASN,QAC5BK,EAAIjc,KAAKuS,IAAI2J,GAASL,QAchBM,kBAAoB,eACzBC,EAAczZ,KAAK0E,cACjBmH,iBAAiB4N,GAAa,QAGhCC,EAAS1Z,KAAK2Z,cACZD,EAAO3kB,EAAI2kB,EAAOlY,MAAQ,QAC1BkY,EAAO1kB,EAAI0kB,EAAOtY,OAAS,MAC/BwY,EAAMzY,QAAQsY,SACVG,EAAI7kB,EAAI6kB,EAAIpY,MAAQ,QACpBoY,EAAI5kB,EAAI4kB,EAAIxY,OAAS,MAGvBiO,EAAK4J,MAAQE,MACjB7J,EAAK4J,MAAQE,MACbE,EAAIjc,KAAKgM,KAAKgG,EAAKA,EAAKC,EAAKA,GAC7BiK,EAAQlc,KAAKkS,MAAMD,EAAID,GAAM9Y,YAEvB+iB,EAAIjc,KAAKsS,IAAI4J,GAASJ,YACtBG,EAAIjc,KAAKuS,IAAI2J,GAASH,cAExBtI,EAAO2I,EAAYngB,YAErBmL,EAAIqM,EAAKvX,cACNkL,GAAG,IACH,MACCvE,EAAM4Q,EAAKtO,QAAQiC,GACvBjT,EAAO0O,EAAIjN,eACA,IAATzB,OAEEqoB,EAAQR,WAAWnZ,EAAInL,EAAGmL,EAAIlL,GAClC4I,GAAUic,EAAM9kB,EAAG8kB,EAAM7kB,MACb,MAAVkL,EAAIzK,IAAwB,MAAVyK,EAAIvK,GAAY,KAC9BmkB,EAAST,WAAWnZ,EAAIzK,GAAIyK,EAAIxK,IAChCqkB,EAASV,WAAWnZ,EAAIvK,GAAIuK,EAAItK,MAC/B0F,OAAOsC,EAAO5L,OAAQ,EAAG8nB,EAAO/kB,EAAG+kB,EAAO9kB,EAAG+kB,EAAOhlB,EAAGglB,EAAO/kB,kBAExDxD,EAAMiT,EAAG7G,MAGpBuD,QAAQsY,OAKRO,EAAMvJ,eAAeoD,aAAavR,qBACtCyL,EAAQtG,iBAAiBgS,KACvBQ,UAAmB,IAAR1jB,MAAgB8G,KAAK+R,GAAK6J,MAAOC,SAC1C/Y,YAAY6Z,EAAK,KAUZE,UAAY,wBAWZC,cAAgB,SAAUzV,EAAMW,WACrCgD,EAAK+R,QAAa1V,GACfD,EAAI,EAAGA,EAAI,EAAGA,IAAK,KACpBjT,EAAa,IAANiT,EAAU,OAAS,SAC1B4V,EAAU3V,EAAKtL,aAAa5H,MAC9B6oB,GAAWA,EAAQC,WAAW,QAAS,KACnCC,EAAOC,WAAWH,MACH,mBAAjBE,EAAKpQ,QAA8B,KACjC1U,EAAK8kB,EAAKnhB,aAAa,OAAS,EAChC1D,EAAK6kB,EAAKnhB,aAAa,OAAS,EAChCzD,EAAK4kB,EAAKnhB,aAAa,OAAS,EAChCxD,EAAK2kB,EAAKnhB,aAAa,OAAS,IAG9BiP,EAAG7G,MAAQ/L,EAAM4S,EAAGtT,IACpBsT,EAAGjH,OAAS1L,EAAM2S,EAAGrT,IACrBqT,EAAG7G,MAAQ7L,EAAM0S,EAAGtT,IACpBsT,EAAGjH,OAASxL,EAAMyS,EAAGrT,MAGrBylB,EAAMpN,eAAe5X,EAAIC,EAAI2P,GAC7BqV,EAAMrN,eAAe1X,EAAIC,EAAIyP,GAG7BsV,OAEEllB,IAAMglB,EAAI1lB,EAAIsT,EAAGtT,GAAKsT,EAAG7G,QACzB9L,IAAM+kB,EAAIzlB,EAAIqT,EAAGrT,GAAKqT,EAAGjH,SACzBzL,IAAM+kB,EAAI3lB,EAAIsT,EAAGtT,GAAKsT,EAAG7G,QACzB5L,IAAM8kB,EAAI1lB,EAAIqT,EAAGrT,GAAKqT,EAAGjH,WAE3BwZ,EAAUL,EAAK3Y,WAAU,OAC7BgZ,GAASzW,KAAKwW,KAERxT,GAAKsJ,eAAeoK,uBACjBla,OAAOia,KACbzhB,aAAa3H,EAAM,QAAUopB,EAAQzT,GAAK,SAWjD2T,SAAW,EAAG,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IACpE,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAUxBC,YAAc,SAAU/a,EAAMgb,WACnC1H,EAAUtT,EAAK1G,YACfgL,EAAMgP,EAAQ/Z,cAChB0hB,EAAO,EAAGC,EAAO,EACjBpY,EAAI,GACJqY,EAAQ,KAEH1W,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBvE,EAAMoT,EAAQ9Q,QAAQiC,GAExB1P,EAAImL,EAAInL,GAAK,EACfC,EAAIkL,EAAIlL,GAAK,EACbS,EAAKyK,EAAIzK,IAAM,EACfC,EAAKwK,EAAIxK,IAAM,EACfC,EAAKuK,EAAIvK,IAAM,EACfC,EAAKsK,EAAItK,IAAM,EAEXpE,EAAO0O,EAAIjN,YACbmoB,EAASN,QAAQtpB,GAAM,MAAQwpB,EAAQ,QAAU,SAAW,iBAExDxpB,QACH,KACE,IACD2pB,IAAUH,MACLG,EAAM,KACNA,EAAM,eAGZ,MACEF,OAEF,GACCD,MACMjmB,IACC,WAEJkmB,IAEI,QAGNI,aAAaD,IAAUrmB,EAAGmmB,gBAE5B,MACEA,OAEF,GACCF,MACMhmB,IACC,WAEJkmB,IAEI,QAGNG,aAAaD,IAAUH,EAAMjmB,gBAE/B,OACA,OACA,MACEimB,KACAC,OAEF,OACA,OACA,GACCF,MACMjmB,KACAC,SAEHimB,OACAC,GAIM,IAAT1pB,GAAuB,IAATA,OAAuBypB,EAAMC,OAE1CG,aAAaD,IAAUrmB,EAAGC,gBAE5B,KACEimB,EAAMxlB,GAAMwlB,EAAMtlB,GAAMslB,KACxBC,EAAMxlB,GAAMwlB,EAAMtlB,GAAMslB,OAE1B,EACCF,MACMjmB,KACAC,IAEGS,GAAMwlB,EAAMtlB,GAAMslB,EAClBvlB,GAAMwlB,EAAMtlB,GAAMslB,OADxBD,OACAC,MAIFG,aAAaD,IAAU3lB,EAAIC,IAAMC,EAAIC,IAAMb,EAAGC,gBAEhD,KACEimB,EAAMxlB,GAAMwlB,KACZC,EAAMxlB,GAAMwlB,OAEd,EACCF,MACMjmB,KACAC,IAEGS,GAAMwlB,EACNvlB,GAAMwlB,OADZD,OACAC,MAIFG,aAAaD,IAAU3lB,EAAIC,IAAMX,EAAGC,gBAEtC,MACEimB,KACAC,OAEF,GACCF,MACMjmB,KACAC,SAEHimB,OACAC,MAIFG,aAAaD,IAAUlb,EAAI7J,GAAI6J,EAAI5J,MACtC4J,EAAI3J,MACH2J,EAAI1J,aAAe,EAAI,EACvB0J,EAAIzJ,UAAY,EAAI,IACnB1B,EAAGC,eAEJ,MACEimB,EAAMtlB,GAAMslB,KACZC,EAAMtlB,GAAMslB,OAEd,GACCF,MACMjmB,KACAC,IAEGW,GAAMslB,EACNrlB,GAAMslB,OADZD,OACAC,MAIFG,aAAaD,IAAUzlB,EAAIC,IAAMb,EAAGC,aAItC8N,GAYT,SAASuY,aAAcD,EAAQxd,EAAQ0d,EAAYC,OAC/C5K,KAAK/S,EAAQ,SAAU6G,EAAG+W,KACnB/W,GAAK+D,WAAWgT,SAErB/F,EAAU2F,EAASxd,EAAO0H,KAAK,YAC/BgW,OACS,IAAMA,EAAWhW,KAAK,MAE/BiW,OACS,IAAM/S,WAAW+S,IAEvB9F,EAST,IAAagG,YAAe,eACtBC,GAAU,EACVC,SAAUC,SAEVnC,EAAc,KACdoC,GAAW,4BAwFFC,EAAKC,EAAaC,EAAQC,OAC/B9U,YACoC,SAApCsJ,eAAeyL,qBA+Ldlc,WAEAuX,aAGD4E,YACqB,sBAFjBL,EAAI7pB,OAAVkV,IAEK8B,OAAO,EAAG,IAA0B,GAEjCjJ,KAAKoc,OAAStN,SAAS3H,EAAG8B,OAAO,IAAK,SACzCoT,UAAYL,EAAQC,OACnB/b,EAAMF,KAAKiT,KAAKkJ,GAIjBL,EAAIQ,SAKEpc,EAAIqU,cACRgI,sBAAsBJ,QAEtB5D,kBAAkB4D,KAPnBnc,KAAKsV,aAAatjB,QAAU,IAAMkO,EAAIqU,gBACnC+D,sBAEFC,kBAAkB4D,SAMpB,GAAIhV,EAAGmT,WAAW,kBAAmB,MACrC+B,UAAYL,EAAQC,OAEnBO,EAAQrV,EAAGZ,MAAM,KAAK,GAAGA,MAAM,OAC7BmR,OAAO8E,EAAM,QACfnE,EAAUX,OAAO8E,EAAM,SACxBtF,SAASiF,EAAO9D,OAIlBrY,KAAKqc,SAAU,KACdI,EAAYhM,eAAeiM,eACd,MAAbD,MACUhM,eAAekM,aACzBlM,eAAemM,gBAAgBC,yBAG7BpL,EAAchB,eAAeiB,kCAClB+K,KACZT,EAASvK,IACTwK,EAASxK,QACL,SACC,UACC,UACR,gBA9OCqL,EAASd,EACTe,EAASd,EAEPxK,EAAchB,eAAeiB,iBAC/B3c,EAAI+nB,EAASrL,EACfzc,EAAI+nB,EAAStL,EACbuL,EAAW9K,QAAQ,wBACTnd,EAAGC,GAEXyb,eAAewM,sBACbC,WAAWnoB,KACXmoB,WAAWloB,KACNkoB,WAAWJ,KACXI,WAAWH,IAGjBC,MACQ5qB,SAAS8G,gBAAgB5G,GAAGsM,IAAK,yBAC3Boe,MACX,2BACI,sBACQ,WACV,WAEG9K,QAAQ,uBAAuBG,YAAY2K,MAE/C7jB,aAAa,UAAW,cAG7B+B,SAEAiiB,EAAY1M,eAAe2M,kBAC1BD,EAeE,SAECld,EAAUkd,EAAU7jB,YACtBmL,EAAIxE,EAAQ1G,cACV8jB,EAAO,EAAI5L,EACb6L,GAAe,EACZ7Y,GAAG,SAEFlJ,EAAO0E,EAAQuC,QAAQiC,GACvB8Y,EAAKhiB,EAAKxG,EAAGyoB,EAAKjiB,EAAKvG,KAEzBD,GAAMwoB,EAAKF,GAAStoB,GAAMwoB,EAAKF,GACjCroB,GAAMwoB,EAAKH,GAASroB,GAAMwoB,EAAKH,EAC/B,IACe,WAMd5M,eAAegN,oBAGRtW,OAENuW,EAAUxL,QAAQ/K,GACpB0J,SACA8M,SACErZ,EAAMrE,EAAQ1G,iBAGhB+jB,EAAc,IAKZ7Y,GAAK,GAAKH,GAAO,EAAG,KAEhBsZ,EAAO3d,EAAQuC,QAAQ,GAAGzN,EAC1B8oB,EAAO5d,EAAQuC,QAAQ,GAAGxN,IAGP,OADlBgoB,EAAS1jB,YAAYkJ,QAAQ,IAC3BvP,YACEkqB,EAAUvlB,0BAA0BgmB,EAAMC,GAE1CV,EAAUrlB,gCACjB8lB,EACAC,EACAF,EAAKloB,GAAKgc,EACVkM,EAAKjoB,GAAK+b,EACVmM,EACAC,OAIEC,EAASX,EAAU1lB,8BACjB8K,WAAWsO,KACXtO,WAAWub,QACd,GAAIxZ,EAAM,SACR,SAGP0Y,GAAUhc,WAIAyP,eAAesN,aAAa,qBACzBC,YAAW,GAEtBtC,EAAS,CACP1b,KAAK0C,uBACQub,aAAaP,KAAa1d,KAAK0C,OAAO8V,eAGjD0F,EAAOR,EAAQtkB,aAAa,KAC5B+kB,EAAQ1f,IAAEuB,KAAK0E,MAAMP,KAAK,gBAC9BnE,KAAK0E,MAAMP,KAAK,IAAKga,EAAQD,OAC7BR,GAAS1c,SACPhB,KAAK0C,iDAIG0b,WAAWpe,KAAK0E,WACvBwS,YACE,OAGJ,KAEAzY,IAAE4f,SACL5N,eAAe6N,eACf7N,eAAe8N,eAAezC,mBAGtBzQ,IAAI,2BACL,MAGHnC,EAAMiU,EAAU7jB,YAAYC,cAC5BilB,EAAOrB,EAAU7jB,YAAYkJ,QAAQ0G,EAAM,GAC3CuV,EAAQD,EAAKzpB,EAAG2pB,EAAQF,EAAKxpB,KAE/B8mB,EAAIQ,SAAU,KACVqC,EAAMzP,YAAYuP,EAAOC,EAAO3pB,EAAGC,KAC/B2pB,EAAR5pB,IAAQ4pB,EAAL3pB,IAKkB,OADlBgoB,EAAS1jB,YAAYkJ,QAAQ,IAC3BvP,YACEkqB,EAAUvlB,0BACjB6Y,eAAef,MAAM3a,GACrB0b,eAAef,MAAM1a,IAGdmoB,EAAUrlB,gCACjB2Y,eAAef,MAAM3a,GACrB0b,eAAef,MAAM1a,GACrB2oB,EAAKloB,GAAKgc,EACVkM,EAAKjoB,GAAK+b,EACVkM,EAAKhoB,GAAK8b,EACVkM,EAAK/nB,GAAK6b,KAIJnY,YAAYiJ,WAAWsO,MAE5BY,KACAA,IAGItY,aAAa,KAAM,IAAKpE,EAAGC,EAAGD,EAAGC,GAAGsQ,KAAK,QAC1C4D,EACJwS,OAAoB1b,KAAKiT,KAAKjhB,qBACrBkJ,EAAOnG,EAAGC,QArJX,KACR4pB,EAAQ,IAAM7pB,EAAI,IAAMC,EAAI,MACtByb,eAAesN,aAAatN,eAAeoO,+BAC5C,kBACE,UAEND,KACCnO,eAAeoK,oBACVpK,eAAeqO,aAAe,QAIlC3lB,aAAa,KAAM,IAAK2jB,EAAQC,EAAQD,EAAQC,GAAQzX,KAAK,QAC9DoW,EAAU1b,KAAKiT,KAAKjhB,OAAS,eACxBkJ,EAAO4hB,EAAQC,yBAwMvBD,EAAQC,OACXtL,EAAchB,eAAeiB,oBACxB,MACLyL,EAAY1M,eAAe2M,kBACO,SAApC3M,eAAeyL,oBA2Eflc,KAAKqc,SAAU,KACXzK,EAAKD,oBACN3R,KAAKqc,SAAS,KACdrc,KAAKqc,SAAS,IAChBrc,MACG+e,EAAMpN,oBACPmL,IACAC,GACF/c,MACGiY,EAAQ8G,EAAIhqB,EAAI6c,EAAG7c,EACnBmjB,EAAQ6G,EAAI/pB,EAAI4c,EAAG5c,OACpBqnB,UAAYS,EAAQC,GAErB/c,KAAKqX,cACFD,SAASa,EAAOC,QAEhB8G,QAAQ/G,EAAOC,aAGjB5C,qBACAwB,QAAQ,SAAUrS,MACTrR,KACH4hB,MADG5hB,KACUsa,UAIhBuR,EADYxO,eAAeiM,eACXvb,UAEhByQ,EAAKN,UAPCle,MAQN8rB,KACDtN,EAAG7c,IACH6c,EAAG5c,QACC,SACC,GAGJmqB,EAAMtP,eAAeoP,EAAKC,QAE3BlI,OAAOmI,GAERA,QAAY7J,aAAa9Z,KAnBjBpI,KAmB0B8H,mBAlHnCiiB,aACCld,EAAUkd,EAAU7jB,YACpB4B,EAAQ+E,EAAQ1G,cAAgB,KAElCoiB,EAAU,KAKNyD,EAAa5M,YAAY,OACzB6M,EAAa7M,YAAY,SAGpBrZ,aAAa,KAAM2jB,KACnB3jB,aAAa,KAAM4jB,KACnB5jB,aAAa,UAAW,cAE7BmmB,EAAM3D,EAAS,GACf4D,EAAM5D,EAAS,GAMf6D,EAAQF,GAAOA,EAFRxC,EAASrL,GAGhBgO,EAAQF,GAAOA,EAFRxC,EAAStL,KAIXtY,aAAa,KAAMqmB,EAAO/N,KAC1BtY,aAAa,KAAMsmB,EAAOhO,KAC1BtY,aAAa,UAAW,cAE7BwZ,EAAWD,YAAY,uBACZC,MACXmK,KACAC,KACAyC,EAAO/N,KACPgO,EAAOhO,UACF,WAGG,IAAVvW,KACW4hB,EAAQC,OAChB,KACCyB,EAAOve,EAAQuC,QAAQtH,EAAQ,GACjCwkB,EAAQlB,EAAKzpB,EACb4qB,EAAQnB,EAAKxpB,EAEQ,IAArBwpB,EAAKvrB,gBACGysB,EAAQlB,EAAK7oB,MACbgqB,EAAQnB,EAAK5oB,IACdgmB,MACDA,EAAU,GAAKnK,IACfmK,EAAU,GAAKnK,kBAEV,EAAGvW,GAAQokB,EAAKC,EAAKG,EAAOC,EAAOH,EAAMC,GAAOtC,QAE5D,KACCH,EAAW9K,QAAQ,wBACrB8K,EAAU,KACNtP,EAAOzN,EAAQuC,QAAQtH,MACJ,IAArBwS,EAAKza,YAAmB,KACpB4kB,EAAQnK,EAAK3Y,GAAK2Y,EAAK3Y,EAAI2Y,EAAK/X,IAChCmiB,EAAQpK,EAAK1Y,GAAK0Y,EAAK1Y,EAAI0Y,EAAK9X,mBACvB,EAAG,GAAIknB,EAAQC,EAAQlF,EAAQpG,EAAaqG,EAAQrG,EAAaqL,EAAQC,GAASC,QACxFpB,iBACM,EAAG,GAAIkB,EAAQC,EAAQnB,EAAU,GAAIA,EAAU,GAAIkB,EAAQC,GAASC,kBAEpE,EAAG,GAAIF,EAAQC,GAASC,wBA0DxClB,EAAK8D,EAAS9C,EAAQC,OACvBI,EAAY1M,eAAe2M,kBAEO,SAApC3M,eAAeyL,0BACN,KACNiB,MACOjL,QAAQzB,eAAegN,wBAClBO,YAAW,KACd,aAIN,iBAMJvB,EAAYhM,eAAeiM,kBAC7B1c,KAAKqc,SAAU,KACXwD,EAAS7f,KAAKoc,YAEfC,UAAW,OACXhF,UAAW,OACXxE,SAEDgJ,QACGzD,WAAW,sBAGb0D,EAAIQ,UAAaT,QACf3E,SAAS2I,QAEPpD,GAAmD,SAAtCA,EAAUrjB,aAAa,cAEnCD,aAAa,UAAW,QAE9BsjB,EAAUrjB,aAAa,UAAY,GAAKqjB,EAAUrjB,aAAa,WAAa,eAClE0mB,aAAahE,EAAI7pB,qBAKnB6tB,aAAahE,EAAI7pB,WAEpB,uBAMD2tB,QACH7G,SAAS6G,kBACDG,eAAe,2BACfzH,sBACV1B,MAAK,GAAM/D,cACX8G,QAAUS,QAAapa,KAAK0E,SACvB,yBAOEA,OACNsb,EAAWtb,IAAS1E,KAAK0E,oBAChBqb,eAAe,eACzBnJ,MAAK,MACI,iBACC0B,iBAEXtY,KAAK0C,4BAKLsd,mBACajK,KAAK,YAAarR,mBAClBub,gBAAgBvb,IAAO,yBAO9Bwb,GACNA,kBAGaH,eAAe,WACpB,gBAEE9O,OAAM,eACNmN,WAAWpe,KAAK0E,wBAOxBzS,GACFwnB,IAAgBxnB,eACNmsB,WAAWnsB,kBACR8tB,eAAe,eAGhB9tB,2BAQVyS,EAAO+L,eAAe0P,sBAAsB,MAC7Czb,GAES,IADAmH,iBAAiBnH,QAGzBuI,EAAW,IAAIlB,aAAa,iBAC5BmB,KACDxI,EAAKtL,aAAa,eACVsL,EAAKtL,aAAa,gBAEtB+T,cAAc,IAAI7B,qBAAqB5G,EAAMwI,mBACvCoL,sBACV8H,iBAAiB1b,kBAEP2b,oBAAoBpT,YAG1BvI,GAAMkS,MAAK,GAAOlU,OAAS,UAE/BuO,uBAEUgP,gBAAgBvb,IAAO,kBACvBqR,KAAK,UAAWtF,eAAe0P,wCAOzCnf,OACCmc,EAAY1M,eAAe2M,oBACnB,KACVD,EAAW,KACPzY,EAAOwN,QAAQzB,eAAegN,aAClCvL,QAAQ,sBAAsBlR,aAC9B0D,GAAM1D,aACNkR,QAAQ,4BAA4BqD,KAAK,KAAKpR,KAAK,UAAW,UACpD,oBACG4Z,aAAa,qBACbC,YAAW,OACmB,aAApCvN,eAAeyL,uBACnB4D,eAEH9f,WAAakI,OAAO0O,MAAK,8BAMbvD,MACL,MAAPA,GAAgC,SAAjBA,EAAIiN,gBAA8B,MAC/CvS,EAAQtG,iBAAiB4L,GACzBhO,EAAIuJ,yBAAyBb,GAAOrL,SACpCuO,UACFrF,gBAAgB,qBACd0H,EAAUD,EAAI/Z,YAOdgL,EAAMgP,EAAQ/Z,yBAQXkL,OACDvE,EAAMoT,EAAQ9Q,QAAQiC,GACtBjT,EAAO0O,EAAIjN,eACJ,IAATzB,uBACE4hB,SACJzC,MAAM,GAAI,EAAG,GAAI,SAAU5L,EAAGwb,OACxBxrB,EAAImL,EAAI,IAAMqgB,GAAIvrB,EAAIkL,EAAI,IAAMqgB,WAC5B1rB,IAANE,QAAyBF,IAANG,EAAiB,KAChC4c,EAAKvE,eAAetY,EAAGC,EAAGqQ,KAC5B/J,OAAO8X,EAAIphB,OAAQ,EAAG4f,EAAG7c,EAAG6c,EAAG5c,qBAGxBxD,EAAMiT,EAAG2O,EAAKC,IAZtB5O,EAAI,EAAGA,EAAIH,IAAOG,IAAlBA,iBAeK4O,EAAKhO,0BAMqB,aAApCoL,eAAeyL,uBACZrJ,sCAaD2E,EAAQxX,KAAKsV,aAAatjB,OAASgO,KAAKsV,aAAa,GAAK,EAE1DpV,EAAMF,KAAKiT,KAAKuE,YAEjBtX,EAAI3E,KAAKxG,IACTmL,EAAI3E,KAAKvG,OACNkL,EAAI1O,kCAOKgvB,wBACIA,kCAMhBjJ,iBAECkJ,EAASzgB,KAAKsV,aAGhB7Q,EAAIgc,EAAOzuB,OACT0uB,KAECjc,KAAK,KACJmN,EAAK6O,EAAOhc,QACbkc,OAAO/O,KAEPpW,KAAKoW,EAAKnN,KACVjJ,KAAKoW,EAAKnN,EAAI,QAEhByD,OAAOqQ,kBAAkBmI,QAEzBtI,WAAW,uDAMVqI,EAASzgB,KAAKsV,gBAEE,IAAlBmL,EAAOzuB,YAEJ0S,EAAQ1E,KAAR0E,KACDoM,EAAOpM,EAAKpL,YAIZ4B,EAAQulB,EAAO,GAEjBG,EAAS,KACTC,EAAY,aAGX/J,QAAQ,SAAUrS,UACH,IAAdrR,KAAK5B,MAAciT,GAAKvJ,MACd9H,KAAKmI,MAEfkJ,GAAKvJ,IACS,IAAd9H,KAAK5B,QAEEiT,GACF,GAES,IAAdrR,KAAK5B,SAEE,GACF,aAIG,MAAVovB,MAEO5gB,KAAKiT,KAAKjhB,OAAS,IAGf,IAAX4uB,EAAkB,KAId/P,EAASnM,EAAK9M,0BAA0BipB,EAAU9rB,EAAG8rB,EAAU7rB,GAE/D8rB,EAASpc,EAAKjN,mCAChBmpB,IAAW5gB,KAAKiT,KAAKjhB,OAAS,KAC3BuQ,WAAWsO,KACXtO,WAAWue,sBAECpc,EAAMoc,EAAQF,oBACdlc,EAAMmM,EAAQ+P,cAG5B1Y,OAAOgP,SAAS0J,EAAS,MAUpB5gB,KAAKiT,KAAK/X,GAEdga,cACD1b,WAAW0B,KACX1B,WAAW0B,aACXgN,OAAOgP,SAAShc,EAAQ,WAI3BigB,SAAO4F,SAGFtc,EAAI,EAAGA,EAAIqM,EAAKvX,cAAekL,IAAK,KACrClJ,EAAOuV,EAAKtO,QAAQiC,MAED,IAArBlJ,EAAKtI,cAECwR,OACH,GAAIA,IAAMvJ,IAEV1B,WAAW2hB,QAEX,GAAyB,IAArB5f,EAAKtI,aAAqBiI,EAAQuJ,EAAG,GAEvCA,EAAI,IACNjL,WAAWiL,kBAKhByE,EAAOhO,EAAQigB,EAAS,EAErBjS,sBACYxE,EAAMoM,EAAKtO,QAAQ2Y,GAAQ4F,OAGxCnP,EAAKd,EAAKtO,QAAQ2Y,kBAGT,EAAGA,GAAQvJ,EAAG7c,EAAG6c,EAAG5c,SAI9BkT,OAAOgP,SAAS,kCAMhBuE,YAAYuF,qBACZzJ,iBAECkJ,EAASzgB,KAAKsV,aAEhB7Q,EAAIgc,EAAOzuB,OACRyS,KAAK,KACJmN,EAAK6O,EAAOhc,QACbwc,UAAUrP,MAID,SAAVsP,QACE5N,EAAUtT,KAAK0E,KAAKpL,YACtBgL,EAAMgP,EAAQ/Z,cAEZ4nB,EAAW,SAAUrgB,EAAKsgB,QACvBA,OACG5nB,WAAWsH,OAInBwD,GAAO,SAAY,OAEhBA,KAAO,KACN/I,EAAO+X,EAAQ9Q,QAAQ8B,MACJ,IAArB/I,EAAKtI,YAAmB,KACpBya,EAAO4F,EAAQ9Q,QAAQ8B,EAAM,GAC7B+c,EAAQ/N,EAAQ9Q,QAAQ8B,EAAM,MACX,IAArBoJ,EAAKza,YAAmB,GACjBqR,EAAM,EAAG,aAGb,GAA0B,IAAtB+c,EAAMpuB,YAAmB,GACzBqR,EAAM,EAAG,mBAIf,GAAyB,IAArB/I,EAAKtI,aACVqR,EAAM,EAAG,KACLgd,EAAWhO,EAAQ9Q,QAAQ8B,EAAM,GAAGrR,eAEzB,IAAbquB,EAAgB,GACThd,EAAM,EAAG,aAIb,GAAiB,IAAbgd,GAAkBhO,EAAQ/Z,cAAgB,IAAM+K,EAAK,GACrDA,EAAK,sBAOf,KAMLtE,KAAK0E,KAAKpL,YAAYC,eAAiB,qBAC7BumB,aAAa9f,KAAK0E,0BACf6c,OAAOC,iCAInBtZ,YACAoQ,iBAIDvmB,OAAOmN,MAAO,KACVuiB,EAAKhjB,IAAEuB,KAAK0E,QACfP,KAAK,IAAKsd,EAAGtd,KAAK,WAElBiU,WAAW,gDAx4BW,SAAUwH,OACnCnb,SACG7G,EAAUgiB,EAAVhiB,OACD8jB,EAAI9jB,EAAOrE,iBACbmoB,GAAK,EAAG,KAcNC,EAAS/jB,EAAO4E,QAAQ,GAAIof,EAAY,KACxC9e,WACFtH,MAAM,IAAKmmB,EAAO5sB,EAAG,IAAK4sB,EAAO3sB,EAAG,MAAMsQ,KAAK,KAC5Cb,EAAI,EAAGA,GAAMid,EAAI,EAAIjd,GAAK,EAAG,KAC5BiP,EAAM9V,EAAO4E,QAAQiC,GACnBkP,EAAM/V,EAAO4E,QAAQiC,EAAI,GACzBod,EAAMjkB,EAAO4E,QAAQiC,EAAI,MAI3Bmd,EAAW,KACPE,EAASrO,oBAAoBmO,EAAWlO,EAAKiO,MAC/CG,GAA4B,IAAlBA,EAAO9vB,OAAc,KAC3B+vB,EAAUjf,EAAEA,EAAE9Q,OAAS,GAAGuU,MAAM,OAC9B,GAAKub,EAAO,GAAG/sB,IACf,GAAK+sB,EAAO,GAAG9sB,IACrB8N,EAAE9Q,OAAS,GAAK+vB,EAAQzc,KAAK,OACzBwc,EAAO,MAIftmB,MAAMkY,EAAI3e,EAAG2e,EAAI1e,EAAG2e,EAAI5e,EAAG4e,EAAI3e,EAAG6sB,EAAI9sB,EAAG8sB,EAAI7sB,GAAGsQ,KAAK,QAE9Cuc,IACGlO,QAGZnY,KAAK,KACAiJ,EAAIid,GAAG,KACN9P,EAAKhU,EAAO4E,QAAQiC,KACxBjJ,MAAMoW,EAAG7c,EAAG6c,EAAG5c,GAAGsQ,KAAK,YAGvBxC,EAAEwC,KAAK,OAGDmL,eAAeoO,+BACd,kBACE,WAELpO,eAAegN,iBAEb,iBAKLmC,uBAm1BKoC,QACLzP,WAAWyP,sBAOR7d,EAAM8d,OACRxB,EAASzgB,KAAKsV,gBACfmL,EAAOzuB,aAEPulB,aAGCrX,EAAMF,KAAKiT,KAAKwN,EAAO,IACvByB,GAAQntB,EAAG,EAAGC,EAAG,KAClBmP,GAAQ8d,EAAW/hB,EAAI3E,KAAK4I,KAE7BgT,KAAK+K,EAAKntB,EAAGmtB,EAAKltB,QACjBojB,WAAW,qCAMV1T,WAIA4O,EAAU5O,EAAKpL,YACfgL,EAAMgP,EAAQ/Z,cAChB4hB,SACK1W,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBlJ,EAAO+X,EAAQ9Q,QAAQiC,MACJ,IAArBlJ,EAAKtI,gBACCsI,GAGe,IAArBA,EAAKtI,YAAmB,KACpBya,EAAO4F,EAAQ9Q,QAAQiC,EAAI,MAC7BiJ,EAAK3Y,IAAMomB,EAAMpmB,GAAK2Y,EAAK1Y,IAAMmmB,EAAMnmB,EAAG,KAEtC6b,EAASnM,EAAK9M,0BAA0BujB,EAAMpmB,EAAGomB,EAAMnmB,oBAC5C0P,EAAMmM,EAAQpM,eAEnB0d,OAAOzd,WAKrBxB,2BAA6BuV,OAAO/T,6BAx9BlB,GC7nDtBjG,IAAI2jB,YAAY1jB,QAGhB2jB,OAAS,oEAGTC,SAAW,4FACXC,YAAcD,SAAS/b,MAAM,KAG/BkK,iBAAiB,KACjB+R,QAAU,KACVC,cAAgB,KAChBC,SAAW,KA4DFxa,OAAO,SAAUwI,oBACXA,UACPA,EAAciS,+BACRjS,EAAckS,2BACnBlS,EAAcmD,cAUdgP,MAAQ,SAAU3c,UAGtBA,EAAIG,QAAQ,KAAM,SAASA,QAAQ,KAAM,QAAQA,QAAQ,KAAM,QAAQA,QAAQ,KAAM,UAAUA,QAAQ,IAAK,WA2BxGyc,SAAW,SAAUC,QAExBC,WAAWD,GAEfhxB,OAAOkxB,YACFlxB,OAAOkxB,KAAKF,OAEfG,OACClxB,OAA8C,EAArCqL,KAAK8lB,OAAOJ,EAAM/wB,OAAS,GAAK,OAE5CyS,EAAI,EAAGsI,EAAI,IACZ,KACKqW,EAAOL,EAAMM,WAAW5e,KACxB6e,EAAOP,EAAMM,WAAW5e,KACxB8e,EAAOR,EAAMM,WAAW5e,KAExB+e,EAAOJ,GAAQ,EACfK,GAAgB,EAAPL,IAAa,EAAME,GAAQ,EAEtCI,GAAgB,GAAPJ,IAAc,EAAMC,GAAQ,EACrCI,EAAc,GAAPJ,EAEPpoB,MAAMmoB,KACDK,EAAO,GACLxoB,MAAMooB,OACR,MAGFxW,KAAOsV,OAAOlmB,OAAOqnB,KACrBzW,KAAOsV,OAAOlmB,OAAOsnB,KACrB1W,KAAOsV,OAAOlmB,OAAOunB,KACrB3W,KAAOsV,OAAOlmB,OAAOwnB,SACrBlf,EAAIse,EAAM/wB,eAEZkxB,EAAO5d,KAAK,KASRse,SAAW,SAAUb,MAC5BhxB,OAAO8xB,YACFC,WAAW/xB,OAAO8xB,KAAKd,MAIxBA,EAAM1c,QAAQ,mBAAoB,QAEtC6c,EAAS,GACTze,EAAI,IAEL,KACK+e,EAAOnB,OAAOtL,QAAQgM,EAAM5mB,OAAOsI,MACnCgf,EAAOpB,OAAOtL,QAAQgM,EAAM5mB,OAAOsI,MACnCif,EAAOrB,OAAOtL,QAAQgM,EAAM5mB,OAAOsI,MACnCkf,EAAOtB,OAAOtL,QAAQgM,EAAM5mB,OAAOsI,MAEnC2e,EAAQI,GAAQ,EAAMC,GAAQ,EAC9BH,GAAgB,GAAPG,IAAc,EAAMC,GAAQ,EACrCH,GAAgB,EAAPG,IAAa,EAAKC,KAEvBI,OAAOC,aAAaZ,GAEjB,KAATM,OACgBK,OAAOC,aAAaV,IAE3B,KAATK,OACgBI,OAAOC,aAAaT,UAEjC9e,EAAIse,EAAM/wB,eACZ8xB,WAAWZ,IAQPY,WAAa,SAAUG,UAC3BC,mBAAmBC,OAAOF,KAStBjB,WAAa,SAAUiB,UAC3BG,SAASC,mBAAmBJ,KASxBK,mBAAqB,SAAUC,MAChB,oBAAfC,YAA8C,oBAATC,MAAuC,oBAARC,MAAwBA,IAAIC,sBAClG,WAEH5T,EAAMwT,EAAQhe,MAAM,KAAMqe,EAAO7T,EAAI,GAAG3K,MAAM,WAAW,GAC7Dye,EAAOhB,KAAK9S,EAAI,IACdwP,EAAIsE,EAAK7yB,OACP8yB,EAAQ,IAAIN,WAAWjE,GACtBA,OACCA,GAAKsE,EAAKxB,WAAW9C,OAEvBwE,EAAO,IAAIN,MAAMK,IAAStzB,KAAMozB,WAC/BF,IAAIC,gBAAgBI,IAShBJ,gBAAkB,SAAUI,UAClCA,GAAuB,oBAARL,KAAwBA,IAAIC,gBAGzCD,IAAIC,gBAAgBI,GAFlB,IAQEC,mBAAsB,cACb,oBAATP,WACF,OAEHM,EAAO,IAAIN,MAAM,yEAA0EjzB,KAAM,qBAChGmzB,gBAAgBI,GALU,GAmCtBE,SAAW,SAAUC,GAC5BA,EAAK9lB,SAAS,gBACT8lB,EAAK7e,QAAQ,cAAe,OAAOA,QAAQ,YAAa,cAG7DmL,SAAK2T,gBAECpzB,OAAOqzB,UAAa,IAAIA,UAAc,IAAIrzB,OAAOszB,cAAc,qBAClEC,OAAQ,EACb,MAAOviB,SACD,IAAI/J,MAAM,8CAGZmsB,EAAKI,UACAJ,EAAKI,QAAQL,IAASC,EAEvBA,EAAKK,gBAAgBN,EAAM,YAEnC,MAAOO,SAAY,IAAIzsB,MAAM,mCACxBwY,GAiBIkU,UAAY,mBACf3wB,IAD0BA,EACvBC,IAD0BA,EACvBwM,QAD0BA,MACnBJ,SAD0BA,SAiBpCukB,SAAW,SAAXA,EAAqBjhB,EAAMkhB,MAClClhB,GAA0B,IAAlBA,EAAKmhB,SAAgB,GAC1BnhB,WACDD,EAAIC,EAAKohB,WAAW9zB,OACjByS,OACIC,EAAKohB,WAAWvqB,KAAKkJ,GAAImhB,KAa3BG,aAAe,SAAUrhB,EAAMkhB,MACtClhB,GAA0B,IAAlBA,EAAKmhB,SAAgB,SAC3BphB,EAAIC,EAAKohB,WAAW9zB,OACjByS,cACIC,EAAKohB,WAAWvqB,KAAKkJ,GAAImhB,KAE/BlhB,KAcIshB,eAAiB,SAAU3L,MAClCA,EAAS,IAEPA,EAAQC,WAAW,gBACdD,EAAQ4L,UAAU,EAAG5L,EAAQtD,QAAQ,IAAK,OAG/CsD,EAAQC,WAAW,gBACdD,EAAQ4L,UAAU,EAAG5L,EAAQtD,QAAQ,IAAK,OAE/CsD,EAAQC,WAAW,eACdD,EAAQ4L,UAAU,EAAG5L,EAAQtD,QAAQ,aAGzC,MAQErL,QAAU,SAAUhH,UACtBA,EAAKwhB,eAAe5zB,GAAG6zB,MAAO,SAU5BC,QAAU,SAAU1hB,EAAMQ,KAC9BmhB,eAAe/zB,GAAG6zB,MAAO,aAAcjhB,IAOjCohB,SAAW,eAChBC,EAAa9V,iBAAe+V,gBAC9BC,EAAOF,EAAWG,uBAAuBp0B,GAAGsM,IAAK,eACjD6nB,EAAKz0B,OAAS,IACTy0B,EAAK,MAELF,EAAWI,cAAcztB,gBAAgB5G,GAAGsM,IAAK,QACpD2nB,EAAWK,aAEFjc,aAAa8b,EAAMF,EAAWK,WAAWvc,eAGzC1J,OAAO8lB,IAGfA,GAYII,YAAc,SAAU7mB,WAC7BC,EAAUD,EAAK1G,YACfwtB,EAAM7mB,EAAQ1G,cAEdwtB,UACAC,EAAQ/mB,EAAQuC,QAAQ,GAC1BykB,GAAMD,EAAMjyB,EAAGiyB,EAAMhyB,GAEhByP,EAAI,EAAGA,EAAIqiB,EAAKriB,IAAK,KACtBvE,EAAMD,EAAQuC,QAAQiC,QAEd5P,IAAVqL,EAAInL,MAGD,GAAGyG,KAAKyrB,EAAG,MACX,GAAGzrB,KAAKyrB,EAAG,IAEd/mB,EAAIzK,sBACAyxB,GAAMhnB,EAAIzK,GAAIyK,EAAIxK,IACtByxB,GAAMjnB,EAAIvK,GAAIuK,EAAItK,IAClBwxB,GAAMlnB,EAAInL,EAAGmL,EAAIlL,cAEV+P,OACDsiB,EAAO,SAAU3f,UACdrK,KAAKC,IAAI,EAAIoK,EAAG,GAAKuf,EAAGliB,GAC7B,EAAI1H,KAAKC,IAAI,EAAIoK,EAAG,GAAKA,EAAIwf,EAAGniB,GAChC,GAAK,EAAI2C,GAAKrK,KAAKC,IAAIoK,EAAG,GAAKyf,EAAGpiB,GAClC1H,KAAKC,IAAIoK,EAAG,GAAK0f,EAAGriB,IAGlBnC,EAAI,EAAIqkB,EAAGliB,GAAK,GAAKmiB,EAAGniB,GAAK,EAAIoiB,EAAGpiB,GACpCpC,GAAK,EAAIskB,EAAGliB,GAAK,EAAImiB,EAAGniB,GAAK,EAAIoiB,EAAGpiB,GAAK,EAAIqiB,EAAGriB,GAChDlC,EAAI,EAAIqkB,EAAGniB,GAAK,EAAIkiB,EAAGliB,MAEnB,IAANpC,EAAS,IACD,IAANC,uBAGE8E,GAAK7E,EAAID,SACX8E,EAAI,GAAKA,EAAI,KACR3C,GAAGvJ,KAAK6rB,EAAK3f,mBAIlB4f,EAAOjqB,KAAKC,IAAIsF,EAAG,GAAK,EAAIC,EAAIF,KAClC2kB,EAAO,uBACLjlB,IAAOO,EAAIvF,KAAKgM,KAAKie,KAAU,EAAI3kB,GACrCN,EAAK,GAAKA,EAAK,KAAY0C,GAAGvJ,KAAK6rB,EAAKhlB,QACtCklB,IAAO3kB,EAAIvF,KAAKgM,KAAKie,KAAU,EAAI3kB,GACrC4kB,EAAK,GAAKA,EAAK,KAAYxiB,GAAGvJ,KAAK6rB,EAAKE,KA3BrCxiB,EAAI,EAAGA,EAAI,EAAGA,MAAdA,KA6BJqiB,QAEE,GAAG5rB,KAAK0E,EAAInL,KACZ,GAAGyG,KAAK0E,EAAIlL,SAIjBD,EAAIsI,KAAKmR,IAAIjK,MAAM,KAAMwiB,EAAO,IAChC7Y,EAAI7Q,KAAKqR,IAAInK,MAAM,KAAMwiB,EAAO,IAAMhyB,EACtCC,EAAIqI,KAAKmR,IAAIjK,MAAM,KAAMwiB,EAAO,yBAK7B7Y,SAJC7Q,KAAKqR,IAAInK,MAAM,KAAMwiB,EAAO,IAAM/xB,IAiB9C,SAASwyB,WAAYjT,MACf1Q,yCACW0Q,EAASpT,UAAa,MAAO4B,QAEtC0kB,EAAMhpB,IAAEipB,KAAKnT,EAAU,OACzBoT,EAAU,KACVC,SAAKC,SAELJ,KACKhpB,IAAEgpB,GAAKK,WAAWzsB,QAAQ8I,KAAK,aAAc,cAClDue,UAAU/hB,OAAOknB,KACTA,EAAKE,OAAO,iBAEZtpB,IAAE8V,GAAUgB,KAAK,kBAGzByS,GAAQ,KACRL,EAAQ31B,YACF2e,KAAK,eACLtI,EAAKjV,KAAK+N,UACXkH,EAAG7G,OAAU6G,EAAGjH,YACX,KAGR4mB,EAAO,KACH9b,EAAQub,EAAMI,EAAOppB,IAAE8V,GAAUuT,aACjCG,eAAe/b,UAEfqI,EAASpT,iBAGXoT,EAASpT,iBAEbsmB,KACGzmB,SAEA4mB,EAUF,IAAMzmB,QAAU,SAAUuD,OACzB6P,EAAW7P,GAAQ+L,iBAAeyX,qBAAqB,MACvC,IAAlBxjB,EAAKmhB,gBAAyB,SAC5BsC,EAAS5T,EAAS+L,SAEpBsH,EAAM,YACFO,OACH,OAC0B,KAAzB5T,EAAS1T,eACFA,YAAc,MACjB0T,EAASpT,YACNN,YAAc,IAEnB0T,EAASpT,YAAiBoT,EAASpT,qBAGtC,OACEyC,mBAGC2Q,EAASpT,YAAiBoT,EAASpT,aAFjC0lB,YAAYtS,aAKjB,QACA,MACGiT,WAAWjT,oBAIF,QAAX4T,MACIX,WAAWjT,GAAU,IAEd,QAAX4T,GAAgC,kBAAXA,GAA8BjlB,eAChD0kB,MAAarT,EAASpT,YAItB+B,WAAY,KACTmF,OACH7G,MAAQomB,EAAIpmB,QACZJ,OAASwmB,EAAIxmB,SACbrM,EAAI6yB,EAAI7yB,EAAI8R,WAAW0N,EAASnb,aAAa,MAAQ,KACrDpE,EAAI4yB,EAAI5yB,EAAI6R,WAAW0N,EAASnb,aAAa,MAAQ,KAClDiP,QAEH,GAAIka,YAAYnjB,SAAS+oB,MAC1B5T,QAEMA,EAASpT,UACf,MAAOf,OAGDgoB,EAAS7T,EAAS8T,gBAAgB,GAClC7mB,EAAQ+S,EAAS+T,6BAElBF,EAAOrzB,IACPqzB,EAAOpzB,iBAEFozB,EAAOhnB,YAGd,KAECmnB,EAAK9pB,IAAE8V,GAAUiU,QAAQ,iBAC3BD,EAAGv2B,QACDu2B,EAAG,GAAGpnB,YACFonB,EAAG,GAAGpnB,mBAMlBymB,MACIlC,UAAUkC,IAIXA,GAiBIa,qBAAuB,SAAUC,OACxC5lB,EAAI,cAEN6N,KAAK+X,EAAc,SAAU3jB,8BAAI4jB,OAAYvV,UACxCuV,MACA,IAAIlkB,EAAI,EAAGA,EAAI2O,EAAIphB,OAAQyS,GAAK,KAC7B2O,EAAI3O,GAAK,IAAM2O,EAAI3O,EAAI,GAAM,MAIhC3B,GASI8lB,oBAAsB,SAAUlkB,OAEvCwE,EAAM,KACNpG,SAAGH,SAAGkmB,SAAIC,gBACNpkB,EAAKyF,aACR,cACA,iBACC1L,IAAEiG,GAAMP,MAAM,KAAM,KAAM,KAAM,OAC7BoB,IAAAA,GAAIC,IAAAA,KACC7C,MAAVkmB,OAAIC,GACe,WAAjBpkB,EAAKyF,YACF2e,EAAKrqB,IAAEiG,GAAMP,KAAK,QAGrBskB,uBACD,KAAOljB,EAAKsjB,EAAMrjB,KAClB,KAAOD,EAAKsjB,EAAMrjB,EAAKsjB,EAAK5f,EAAO3D,EAAKsjB,EAAK3f,EAAO1D,EAAKsjB,EAAMvjB,EAAMC,EAAKsjB,KAC1E,KAAOvjB,EAAKsjB,EAAK3f,EAAO1D,EAAKsjB,EAAMvjB,EAAKsjB,EAAMrjB,EAAKsjB,EAAK5f,EAAO3D,EAAKsjB,EAAMrjB,KAC1E,KAAOD,EAAKsjB,EAAMrjB,EAAKsjB,EAAK5f,EAAO3D,EAAKsjB,EAAK3f,EAAO1D,EAAKsjB,EAAMvjB,EAAMC,EAAKsjB,KAC1E,KAAOvjB,EAAKsjB,EAAK3f,EAAO1D,EAAKsjB,EAAMvjB,EAAKsjB,EAAMrjB,EAAKsjB,EAAK5f,EAAO3D,EAAKsjB,EAAMrjB,KAC1E,oBAGA,SACCd,EAAKtL,aAAa,eAEnB,SAEC,OADAqF,IAAEiG,GAAMP,MAAM,KAAM,KAAM,KAAM,QACxB1O,GAAK,IAAMkN,EAAEjN,GAAK,IAAMiN,EAAEhN,GAAK,IAAMgN,EAAE/M,aAEhD,aACC,IAAM8O,EAAKtL,aAAa,oBAEzB,YACC,IAAMsL,EAAKtL,aAAa,UAAY,eAErC,WACGkgB,EAAI7a,IAAEiG,GAAMP,MAAM,KAAM,SAClBmV,EAAVuP,KAAUvP,EAANwP,OACAlmB,EAAI8B,EAAKvD,UACRpM,EAAQ6N,EAAR7N,EAAGC,EAAK4N,EAAL5N,EAAQkZ,EAAItL,EAAEpB,MAAO2M,EAAIvL,EAAExB,SAC/B,EAAI8H,IAaJuf,qBAXDI,GAAOC,IAYP,KAAM/zB,EAAGC,EAAI8zB,KACb,KAAM/zB,EAAGC,EAAI8zB,EAAK5f,EAAKnU,EAAI8zB,EAAK3f,EAAKlU,EAAGD,EAAI8zB,EAAI7zB,KAChD,KAAMD,EAAImZ,EAAI2a,EAAI7zB,KAClB,KAAMD,EAAImZ,EAAI2a,EAAK3f,EAAKlU,EAAGD,EAAImZ,EAAGlZ,EAAI8zB,EAAK5f,EAAKnU,EAAImZ,EAAGlZ,EAAI8zB,KAC3D,KAAM/zB,EAAImZ,EAAGlZ,EAAImZ,EAAI2a,KACrB,KAAM/zB,EAAImZ,EAAGlZ,EAAImZ,EAAI2a,EAAK5f,EAAKnU,EAAImZ,EAAI2a,EAAK3f,EAAKlU,EAAImZ,EAAGpZ,EAAImZ,EAAI2a,EAAI7zB,EAAImZ,KACxE,KAAMpZ,EAAI8zB,EAAI7zB,EAAImZ,KAClB,KAAMpZ,EAAI8zB,EAAK3f,EAAKlU,EAAImZ,EAAGpZ,EAAGC,EAAImZ,EAAI2a,EAAK5f,EAAKnU,EAAGC,EAAImZ,EAAI2a,KAC3D,KAAM/zB,EAAGC,EAAI8zB,KACb,WAlBA,KAAM/zB,EAAGC,KACT,KAAMD,EAAImZ,EAAGlZ,KACb,KAAMD,EAAImZ,EAAGlZ,EAAImZ,KACjB,KAAMpZ,EAAGC,EAAImZ,KACb,KAAMpZ,EAAGC,KACT,iBAqBA8N,GASIimB,mCAAqC,SAAUrkB,OACpD6G,gBAGJoF,MAAM,eAAgB,aAAc,aAAc,SAAU,aAAc,eACpEhO,EAAI+B,EAAKtL,aAAahG,MACxBuP,MACIvP,MAAQuP,KAGX4I,GAWIyd,uBAAyB,SAAUtkB,EAAMma,EAAuBpD,OACrEzb,EAAO6e,WACF,YACHkK,mCAAmCrkB,KAGrCukB,EAAUvkB,EAAKtL,aAAa,aAC9B6vB,KACG9vB,aAAa,YAAa8vB,OAG3Bje,EAAStG,EAAK6F,WAChB7F,EAAK2F,cACF6e,OAAOlpB,KAELW,OAAOX,OAGV8C,EAAI8lB,oBAAoBlkB,GAC1B5B,IACG3J,aAAa,IAAK2J,KAElB9B,WAIKof,iBAAiBpgB,OACzBqI,GAAK,QAEFrI,EAAKmB,UACV,MAAO4B,aAGJ/B,SACEqH,GAgBI8gB,cAAgB,SAAUzkB,EAAM6G,EAAOsT,EAAuBpD,EAAanD,EAAgB2H,EAAgBmJ,EAAS/I,OACzHpT,EAAW,IAAImc,EAAQrd,aAAa,2BAKpC/L,EAAO6e,WACF,cAHHpgB,IAAE4qB,UAAW9d,EAAOwd,mCAAmCrkB,MAOzDukB,EAAUvkB,EAAKtL,aAAa,aAC9B6vB,KACG9vB,aAAa,YAAa8vB,OAG1B9hB,EAAMzC,EAANyC,GACD6D,EAAStG,EAAK6F,WAChB7F,EAAK2F,cACF6e,OAAOlpB,KAELW,OAAOX,OAGV8C,EAAI8lB,oBAAoBlkB,MAC1B5B,EAAG,MACA3J,aAAa,IAAK2J,GAKnBmmB,EAAS,KACLlb,EAAQtG,iBAAiBzH,GAC3B8N,mBAAmBC,MACTqS,iBAAiBpgB,OAI1BqK,EAAe3F,EAAf2F,qBACE8C,cAAc,IAAIic,EAAQje,qBAAqBzG,EAAM2F,EAAaW,MAClEmC,cAAc,IAAIic,EAAQre,qBAAqB/K,UAGnDgB,WACA7H,aAAa,KAAMgO,KACnByE,gBAAgB,iBACL5L,IAAO,KAEHiN,GAEbjN,WAGJgB,SACE,MAuBT,SAASsoB,oCAAqC/yB,EAAOuX,OAC7Cyb,EAAgBhzB,EAAQ,UAGvBuX,KADUyb,GAAiB,MAASA,EAAgB,OADzCA,GAAiB,OAASA,EAAgB,QAa9D,IAAaC,qBAAuB,SAAU9kB,EAAMma,EAAuBpD,OAKrEpT,EAAKlH,QAAQuD,OAEZ2D,SACI,SAGH0F,EAAQtG,iBAAiB/C,GACzBnO,EAAQkzB,kCAAkC1b,GAC1C2b,EAAiB5b,mBAAmBC,MAEtCxX,GAASmzB,EAAgB,KACvBC,GAAS,KACTL,oCAAoC/yB,EAAOmzB,GAAiB,KAG3C,UAAW,OAAQ,OAAQ,WAAY,WAC5CtqB,SAASsF,EAAKyF,WACrBwf,EAASX,uBAAuBtkB,EAAMma,EAAuBpD,QAC7D,GAAqB,SAAjB/W,EAAKyF,QAAoB,KAE5B0e,EAAKnkB,EAAKtL,aAAa,MACvB0vB,EAAKpkB,EAAKtL,aAAa,OACzByvB,GAAMC,OACHa,EAASX,uBAAuBtkB,EAAMma,EAAuBpD,SAKnEkO,EAAQ,KACJjnB,EAAUkM,yBAAyBb,GAAnCrL,SACFsL,aAAa3F,EAAGtT,EAAGsT,EAAGrT,EAAGqT,EAAG7G,MAAO6G,EAAGjH,OAAQsB,GAAQknB,cAiBxDvhB,GAIT,SAASwhB,uBAAwBnlB,OACzBolB,EAAKplB,EAAKtL,aAAa,uBACpB+B,MAAM2uB,IAAuC,SAAhCplB,EAAKtL,aAAa,UAAiC,EAAT0wB,EAAK,EAmBvE,IAAa7B,eAAiB,SAAU/b,EAAO2S,EAAuBpD,OAC/DvP,IAAUA,EAAMla,cAAiB,MAElC+3B,gBACFpZ,KAAKzE,EAAO,WACR6d,GACC32B,KAAKmX,eACDif,qBAAqBp2B,KAAMyrB,EAAuBpD,WAI9C5mB,IAAXk1B,SAA+B,SAK/BC,EAAOD,EAAOh1B,EAAIg1B,EAAOvoB,MACzByoB,EAAOF,EAAO/0B,EAAI+0B,EAAO3oB,OACzB8oB,EAAOH,EAAOh1B,EACdo1B,EAAOJ,EAAO/0B,KAGG,IAAjBkX,EAAMla,OAAc,KAChBo4B,EAASP,uBAAuB3d,EAAM,OACpCke,KACAA,KACAA,KACAA,WAENzZ,KAAKzE,EAAO,SAAUzH,EAAGC,OACnB2lB,EAAQb,qBAAqB9kB,EAAMma,EAAuBpD,MAC5D4O,EAAO,KACHD,EAASP,uBAAuBnlB,KAC/BrH,KAAKmR,IAAI0b,EAAMG,EAAMt1B,EAAIq1B,KACzB/sB,KAAKmR,IAAI2b,EAAME,EAAMr1B,EAAIo1B,GAEV,IAAlB1lB,EAAKmhB,aACAxoB,KAAKqR,IAAIsb,EAAMK,EAAMt1B,EAAIs1B,EAAM7oB,MAAQ4oB,KACvC/sB,KAAKqR,IAAIub,EAAMI,EAAMr1B,EAAIq1B,EAAMjpB,OAASgpB,gBAMhDr1B,EAAIm1B,IACJl1B,EAAIm1B,IACJ3oB,MAAQwoB,EAAOE,IACf9oB,OAAS6oB,EAAOE,EAChBJ,GAWIO,mBAAqB,SAAUtf,GACrCA,MACMvM,IAAEgS,iBAAe+V,iBAAiBsB,gBAGvCyC,gBACJvf,GAAQ8c,WAAWnX,KAAK,SAAUlM,EAAGC,GACjCA,EAAKvD,WACM3F,KAAKkJ,KAGf6lB,EAAaC,WASTC,6BAA+B,SAAUve,UAC/CA,MAAiBoe,sBACfrC,eACL/b,EACAuE,iBAAeoO,sBACfpO,iBAAegL,cAWNgO,kCAAoC,SAAU1b,EAAO2c,OAC3D3c,SAAgB,UACf2T,EAAI3T,EAAMxU,cACPkL,EAAI,EAAGA,EAAIid,IAAKjd,EAAG,KACpBW,EAAQ2I,EAAMvL,QAAQiC,MACT,IAAfW,EAAM5T,YACDk5B,EAAQtlB,EAAM7O,MAAQ8G,KAAK+R,GAAK,IAAQhK,EAAM7O,aAGlD,GAUEsV,iBAAmB,SAAUnH,EAAMgmB,OACtCnW,EAAW7P,GAAQ+L,iBAAe0P,sBAAsB,GAExDpS,EAAQtG,iBAAiB8M,UACxBkV,kCAAkC1b,EAAO2c,IASrClQ,WAAa,SAAUH,UAC3BnI,QAAQ8T,eAAe3L,GAASpR,OAAO,KASnCiJ,QAAW1O,oBACpB,SAAU2D,UAEHub,SAAS9iB,cAAc,IAAMuH,IAClC1D,gBACA,SAAU0D,UAEHqb,QAAQ1iB,SACb,sCAAwCqH,EAAK,KAC7Csb,cACA,kBAAqBnwB,GAAGsM,KACxB,EACA,MAAM+rB,iBAER,SAAUxjB,UAEH1I,IAAEikB,UAAUnN,KAAK,OAASpO,EAAK,KAAK,IAYpCyjB,iBAAmB,SAAUlmB,EAAM6G,EAAOsf,EAAeC,0CACzC7lB,OAAOxS,QAAQ8Y,kDAAQ,oCAAtCnH,OAAKC,OACT0mB,EAA2B,SAArB3mB,EAAI6E,OAAO,EAAG,GACtB3W,GAAG04B,IACkB,WAArB5mB,EAAI6E,OAAO,EAAG,GAAkB3W,GAAG6zB,MAAQ,KAE3C4E,IACG1E,eAAe0E,EAAI3mB,EAAKC,GACnBymB,cAGEpmB,EAAMN,EAAKC,KAFlBlL,aAAaiL,EAAKC,mFAahB4mB,eAAiB,SAAUrL,OAChCsL,kBACY,iBACA,UACP,SACD,0BACY,yBACD,yBACD,wBACA,iBACF,KACZ,KACA,OASD,IAAM/mB,IANc,YAArByb,EAAQU,kBAEH4K,EAASrC,UACTqC,EAASpC,IAGCoC,EAAU,KACrBhmB,EAAMgmB,EAAS/mB,GACjByb,EAAQxmB,aAAa+K,KAAU4f,OAAO7e,MAChC0G,gBAAgBzH,KAWjB+Y,WAAa,SAAU7Y,OAC5BwE,EAAO4H,iBAAe3H,cACxBqiB,EAAW1a,iBAAe2a,wBACjB,OAATviB,OACUN,aAAaM,MAEnBxL,KAAKqS,MAAMrL,EAAQ8mB,GAAYA,GAU5BE,YAAc,SAAUnlB,UAE5B6d,OAAO7d,GAAKG,QAAQ,IAAIqD,OAAO,oCAAqC,KAAM,SAStE4hB,oBAAsB,SAAUC,OACzCA,GAAKC,MAAM,SAAUzoB,KAAO5Q,oBAcnBs5B,SAAW,SAAXA,EAAqBC,EAAI7Q,OAE9B8Q,EAAQv5B,SAAS8G,gBAAgBwyB,EAAG/mB,aAAc+mB,EAAGpL,iBACzD3P,KAAK+a,EAAG1xB,WAAY,SAAUyK,EAAGN,GACV,yBAAnBA,EAAKynB,aACDvF,eAAeliB,EAAKQ,aAAcR,EAAKmc,SAAUnc,EAAKE,WAI1DuH,gBAAgB,QAChBzE,GAAK0T,IAIP3X,YAA8B,SAAhBwoB,EAAGpL,SAAqB,KAClCuL,EAAS9Q,YAAY2Q,KACrBvyB,aAAa,IAAK0yB,UAIxBlb,KAAK+a,EAAG5F,WAAY,SAAUrhB,EAAGqnB,UACzBA,EAAMjG,eACT,IACGllB,OAAO8qB,EAASK,EAAOjR,eAE1B,IACGha,YAAcirB,EAAMC,aAO1BttB,IAAEitB,GAAIhE,KAAK,YACXiE,GAAOjE,KAAK,OAAQiE,EAAM/E,iBACvB,GAAInoB,IAAEitB,GAAIhE,KAAK,UAAW,KACzBD,EAAMhpB,IAAEitB,GAAIhE,KAAK,cACrBiE,GAAOjE,KAAK,MAAOD,GAAKC,KAAK,SAAUD,OACd,UAAlBkE,EAAMxhB,6BACKwhB,UAGfA,GCzyCHltB,IAAIC,OAENstB,yBAiDSC,iBAAmB,SAAUC,UACjCC,QAAQH,sBAAsBE,KAQ1BE,iBAAmB,SAAUF,UACjCF,sBAAsBE,GAAYG,QAOrCC,qCAAuC,SAAUC,GAChDtnB,OAAOuE,KAAKwiB,uBAAuBh6B,YAGpC,iBAAiB2O,OAAO,8BAEtB6rB,EAAWD,EAASC,UAAY,OACpC,iBAAiB7rB,OAAO,kCAAoC4rB,EAASplB,GAAK,KAC1EolB,EAASE,MAAQ,0BACjBD,EAAW,qBAOFE,sCAAwC,eAC9C,IAAMH,KAAYP,2DACgBA,sBAAsBO,KCzF/D,SAASI,cAAeC,OAChBjqB,EAAIvQ,SAASy6B,cAAc,cAC/B1zB,aAAa,OAAQyzB,GAChBjqB,EAAEf,WAAU,GAAOkrB,KAG5B,SAASC,cAAeC,EAAQ7a,IAC7B,KAAM,QAAS,QAAQzf,QAAQ,SAAC2e,GAC3BA,KAAQc,MACHd,GAAQc,EAAKd,MAiB1B,qFAAO,WAAuCub,EAAKK,2GAC1CC,gBAAgBN,cAASK,GAAQE,eAAe,sLAQlD,WAAgCP,SAAMQ,IAAAA,OAAQD,IAAAA,mGAE1B,cAAep7B,QACrCA,OAAOs7B,YACqB,IAA7Bt7B,OAAOs7B,UAAUC,kDAEVC,aAAaX,OAAK/3B,GAAYs4B,0CAEjCK,aAAaZ,mCACZ76B,OAAOq7B,0GAGT,SAASI,aAAcZ,OAAKza,mEAC7BvN,MAAMC,QAAQ+nB,GACTa,QAAQC,IAAId,EAAIxb,IAAI,SAACuc,UACnBH,aAAaG,EAAGxb,MAGpB,IAAIsb,QAAQ,SAACG,EAASC,OACrBb,EAAS56B,SAASy6B,cAAc,UAChCiB,EAAa,aACVC,QAAU,OACVC,OAAS,OACThtB,WACAitB,IAAM,MAERC,MAAQ,sBACDlB,EAAQ7a,KACf4b,QAAU,aACR,IAAI/0B,2BAA2B4zB,WAGjCoB,OAAS,sBAITC,IAAMrB,WAEJuB,KAAKxtB,OAAOqsB,KAIlB,SAASO,aAAcX,OAAKza,0HAAYgb,cAAAA,uBACzCvoB,MAAMC,QAAQ+nB,GACTa,QAAQC,IAAId,EAAIxb,IAAI,SAACuc,UACnBJ,aAAaI,EAAGxb,MAGpB,IAAIsb,QAAQ,SAACG,EAASC,OACrBO,EAAS,iBAAmB/wB,KAAKgxB,SAASC,SAAS,IAAItnB,MAAM,GAC7DgmB,EAAS56B,SAASy6B,cAAc,UAChCiB,EAAa,kBACV/7B,OAAOq8B,KACPL,QAAU,OACVC,OAAS,OACThtB,aACHutB,gBAAgBvB,EAAOiB,OACpBA,IAAM,kBAEDjB,EAAQ7a,KACf+b,MAAQ,UACR18B,KAAO,WACPu8B,QAAU,aACR,IAAI/0B,2BAA2B4zB,WAGjCoB,OAAS,aACNj8B,OAAOq8B,aAIXI,yBADS7B,cAAcC,GACgBvmB,QAAQ,KAAM,oBAAmB+nB,SAAYjB,EAAgB,gBAAkB,SACtHpI,EAAO,IAAIN,MAAM+J,IAAWh9B,KAAM,sBACjCy8B,IAAMvJ,IAAIC,gBAAgBI,YAExBoJ,KAAKxtB,OAAOqsB,KCzGzB,IAAMvuB,IAAIC,OAYJ+vB,4BAUS97B,EAAM+7B,EAAOC,kCACnBC,MAAQj8B,OACRk8B,OAASF,EAAU,KAAOD,EAE3BC,EAAS,KAELG,EAASH,EAAQhI,mBAClBkI,OAASC,EAAO51B,gBAAgB5G,GAAGsM,IAAK,SACvCmwB,EAAaD,EAAO51B,gBAAgB5G,GAAGsM,IAAK,WACvCiC,YAAclO,OACpBk8B,OAAOluB,OAAOouB,GACfL,MACAA,GAAOM,MAAM57B,KAAKy7B,UAEZluB,OAAOvN,KAAKy7B,sBAIVz7B,KAAKy7B,iBACVz7B,KAAKy7B,OAAQ,SAAU9rB,KAC5B5J,aAAa,QAAS,iCAGrB01B,OAAO11B,aAAa,QAASw1B,EAAU,qBAAuB,oFAQ5Dv7B,KAAKw7B,gDAQLx7B,KAAKy7B,+CAQPA,OAAO11B,aAAa,QAAS,gEAQ7B01B,OAAO11B,aAAa,QAAS,0DAQxB81B,OACJC,OAAuBr6B,IAAZo6B,GAAyBA,EAAU,SAAW,OAC5C77B,KAAKy7B,OAAOz1B,aAAa,aACzB81B,QACZL,OAAO11B,aAAa,UAAW+1B,6CASS,SAAxC97B,KAAKy7B,OAAOz1B,aAAa,oDAQ1B+1B,EAAU/7B,KAAKy7B,OAAOz1B,aAAa,kBACzB,OAAZ+1B,QAAgCt6B,IAAZs6B,EACf,EAEFtoB,WAAWsoB,sCASRA,GACa,iBAAZA,GAAwBA,GAAW,GAAOA,GAAW,QACzDN,OAAO11B,aAAa,UAAWg2B,0CASxBrH,OACT,IAAIrjB,EAAI,EAAGA,EAAIqjB,EAAS91B,SAAUyS,OAChCoqB,OAAOluB,OAAOmnB,EAASrjB,sDAQxBH,EAAMlR,KAAKy7B,OAAO/I,WAAW9zB,OAC1ByS,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBqnB,EAAQ14B,KAAKy7B,OAAO/I,WAAWvqB,KAAKkJ,MACtCqnB,GAA2B,UAAlBA,EAAM3hB,eACV2hB,SAGJ,qCASAn5B,EAAMy8B,OACPC,EAAej8B,KAAKw7B,QACnB/L,MAAMlwB,OAEP28B,EAAQl8B,KAAKm8B,yBACfD,OACAA,GAAOE,UACH3uB,YAAclO,OACfi8B,MAAQj8B,EACTy8B,KACQK,cAAcH,GAAQI,QAASL,IAEpCj8B,KAAKw7B,OAEP,+CAUDF,EADSt7B,KAAKy7B,OAAOtkB,WACNW,YAAY9X,KAAKy7B,oBACjCA,YAASh6B,EACP65B,WAmBX,SAASiB,cAAejrB,OAChBkrB,EAAUlrB,EAAKtL,aAAa,SAClB,OAAZw2B,QAAgC/6B,IAAZ+6B,GAA0BA,EAAQ59B,OAE9Cy8B,MAAMoB,YAAYlmB,KAAKimB,MAC5Bz2B,aAAa,QAASy2B,EAAU,IAAMnB,MAAMqB,cAF5C32B,aAAa,QAASs1B,MAAMqB,YAhBrCrB,MAAMqB,WAAa,QAKnBrB,MAAMoB,YAAc,IAAInmB,OAAO,UAAY+kB,MAAMqB,WAAa,eCjKxDC,8CAMSC,+BACNC,aAAeD,OACfE,qBAAuB,UACvBC,oFAUYvvB,UACZxN,KAAK68B,mBACLC,qBAAuB,IAAInkB,aAAanL,QACxCuvB,mBAAmB30B,KAAKpI,KAAK88B,sBAC3B98B,MAH0BA,mDAW5BA,KAAK68B,oBAAuB78B,QAC7BA,KAAK88B,qBAAsB,KACvBE,EAAeh9B,KAAK88B,0BACrBC,mBAAmBE,UACjBr+B,EAAUoB,KAAK+8B,mBAAfn+B,YACFk+B,qBAAuBl+B,EAASoB,KAAK+8B,mBAAmBn+B,EAAS,GAAK,UACtEs+B,YAAYF,UAEZh9B,yCAWIsR,EAAMuF,EAAgBC,EAAWtJ,UACvCxN,KAAK68B,mBACLK,YAAY,IAAItmB,mBAAmBtF,EAAMuF,EAAgBC,EAAWtJ,IAClExN,MAF0BA,2CAWpBsR,EAAM9D,UACdxN,KAAK68B,mBACLK,YAAY,IAAIvlB,qBAAqBrG,EAAM9D,IACzCxN,MAF0BA,2CAapBsR,EAAMuF,EAAgBC,EAAWtJ,UACzCxN,KAAK68B,mBACLK,YAAY,IAAInlB,qBAAqBzG,EAAMuF,EAAgBC,EAAWtJ,IACpExN,MAF0BA,2CAYpBsR,EAAM6G,EAAO3K,UACrBxN,KAAK68B,mBACLK,YAAY,IAAIhlB,qBAAqB5G,EAAM6G,EAAO3K,IAChDxN,MAF0BA,yCAWtB+Y,OACN/Y,KAAK68B,oBAAuB78B,KAC7BA,KAAK88B,0BACFA,qBAAqB/iB,cAAchB,QAEnC8jB,aAAa5P,oBAAoBlU,YAQ5C4jB,wBAAwBQ,WAAa,IAAIR,wBCzIzC,IAAMtxB,IAAIC,OAEJ4jB,WAAW,4FAA4F/b,MAAM,KAE7GiqB,oCACiB,mBACH,kBACD,GAEfC,QAAUD,eAAeE,oBAEzBC,iBAOJ,SAASC,wBAAyBxB,UACzBA,GAAa,IAAIW,wBAAwBc,QAAQC,SAQ1D,SAASC,qBAAsBrC,UACtBjwB,IAAE,QAASiwB,GAAO9tB,SACtBqC,WAAayrB,EAAMsC,iBAEhBvyB,IAAEiwB,EAAMsC,iBAAiB,UAAUpwB,OACnC,IAQR,SAASqwB,gBAAiBC,WACpBzsB,EAAI,EAEDysB,EAAmB9xB,SAAU,SAAWqF,cACxC,SAAWA,EAMpB,IAAa0sB,8BAQExC,EAASyC,8BACfzC,IAAYA,EAAQxkB,UAAYwkB,EAAQhqB,cACvB,QAApBgqB,EAAQxkB,SAAqBwkB,EAAQhqB,eAAiBrS,GAAGsM,UACnD,IAAI5F,MAAM,iFAObq4B,SAAW1C,OAMX2C,QAAU,OAMVC,SAAWH,GAAe,YAM1BI,qBAQAC,mBAUAC,kBAMAC,cAAgB,UAMhBC,OAAS,OACRrR,EAAIntB,KAAKi+B,SAASnL,eAAe5zB,GAAGu/B,GAAI,SAGxCtR,GAAKkQ,UAAYD,eAAesB,qBAC/BF,OAASrR,EACLkQ,UAAYD,eAAeuB,uBAC/BC,SAAS30B,KAAK8lB,MAAsB,OAAhB9lB,KAAKgxB,gEAQxBlnB,UACJ/T,KAAKi+B,SAASzxB,cAETxM,KAAKi+B,SAASzxB,cAAc,IAAMuH,GAGpC1I,IAAErL,KAAKi+B,UAAU9b,KAAK,OAASpO,EAAK,KAAK,+CAOzC/T,KAAKi+B,mDAOLj+B,KAAKw+B,wCAOJrR,QACH8Q,SAAShL,eAAe/zB,GAAG2/B,MAAO,WAAY3/B,GAAGu/B,SACjDR,SAAShL,eAAe/zB,GAAGu/B,GAAI,WAAYtR,QAC3CqR,OAASrR,4CAUTqR,OAAS,0CAQPx+B,KAAKw+B,OACRx+B,KAAKm+B,SAAWn+B,KAAKw+B,OAAS,IAAMx+B,KAAKk+B,QACzCl+B,KAAKm+B,SAAWn+B,KAAKk+B,gDAQnBY,EAAY9+B,KAAKk+B,QACnBa,GAAmB,EAKnB/+B,KAAKo+B,aAAax/B,OAAS,QACxBs/B,QAAUl+B,KAAKo+B,aAAanB,SACd,QAGdiB,kBAIHnqB,EAAK/T,KAAKqqB,QACPrqB,KAAKg/B,SAASjrB,IACfgrB,SACGb,QAAUY,KACI,QAEhBZ,YACAl+B,KAAKqqB,eAGR0U,SACGb,QAAUY,GAEV/qB,oCAUEA,OAEHkrB,EAAQj/B,KAAKm+B,UAAYn+B,KAAKw+B,OAASx+B,KAAKw+B,OAAS,IAAM,OAC/C,iBAAPzqB,IAAoBA,EAAGmT,WAAW+X,UACpC,MAGHnpB,EAAM4F,SAAS3H,EAAG8B,OAAOopB,EAAMrgC,QAAS,YAI3B,iBAARkX,GAAoBA,GAAO,GAAK9V,KAAKo+B,aAAapyB,SAAS8J,WAKjEsoB,aAAah2B,KAAK0N,IAEhB,iDAQA9V,KAAKq+B,WAAWz/B,wCAQfW,eACwBkC,IAAzBzB,KAAKs+B,UAAU/+B,wCAQV8R,UACLA,GAAK,GAAKA,EAAIrR,KAAKk/B,eAAiBl/B,KAAKq+B,WAAWhtB,GAAG8tB,UAAY,oDAOnEn/B,KAAKu+B,cAAgBv+B,KAAKu+B,cAAca,WAAa,4CAO9C7/B,OACR8/B,EAAQr/B,KAAKs+B,UAAU/+B,UACtB8/B,EAAQA,EAAMD,WAAa,0DAS3Bp/B,KAAKu+B,cAAgBv+B,KAAKu+B,cAAcY,UAAY,+CASxC5/B,EAAMy8B,OACrBsD,EAAY,QACZt/B,KAAKu+B,cAAe,KAChBgB,EAAUv/B,KAAKu+B,cAAcY,aACvBn/B,KAAKu+B,cAAciB,QAAQjgC,EAAMy8B,aAEpCh8B,KAAKs+B,UAAUiB,QACjBjB,UAAUgB,GAAat/B,KAAKu+B,sBAG9Be,kDAQgBG,OACjBC,EAAa1/B,KAAKk/B,mBACnBl/B,KAAKu+B,eAAiBkB,EAAS,GAAKA,GAAUC,SAC1C,SAGLC,aACCA,EAAS,EAAGA,EAASD,GACpB1/B,KAAKq+B,WAAWsB,KAAY3/B,KAAKu+B,gBADCoB,MAIpCA,IAAWD,SAAqB,QAEhCC,IAAWF,EAAQ,KAEfG,EAAe5/B,KAAKu+B,cAAca,WAClCvoB,EAAiB+oB,EAAa3oB,YAEhC4oB,EAAW,YACXJ,EAASE,EACPF,EAASC,EAAa,MACb1/B,KAAKq+B,WAAWoB,EAAS,GAAGL,cAI9Bp/B,KAAKq+B,WAAWoB,GAAQL,gBAEhCnB,SAAS1mB,aAAaqoB,EAAcC,QAEpCC,sBACAC,gBAAgB//B,KAAKggC,aAAaP,6CAOlC,wCAOGzD,OACJ4D,EAAe5/B,KAAKu+B,cAAca,WAClCa,EAAY50B,IAAEu0B,GAActlB,OAAO,MACpC2lB,KAEKC,kBAAkB,mBAEtBC,EAAmBP,EAAa3oB,kBAC5BmpB,cAAcR,EAAcO,EAAkBngC,KAAKi+B,UAEtD2B,EAAapM,YAAY,KACxBkF,EAAQkH,EAAapM,cACH,UAApBkF,EAAMF,eAKJ3hB,EAAiB6hB,EAAMzhB,cACnB1J,OAAOmrB,KACP2H,YAAY3H,EAAO7hB,EAAgB+oB,UANjCQ,cAAc1H,EAAOA,EAAMzhB,YAAa2oB,KAC5ChyB,cASL2wB,cAAc+B,kBAEbx4B,EAAQ9H,KAAKq+B,WAAW1a,QAAQ3jB,KAAKu+B,kBACvCz2B,EAAQ,EAAG,KACPvI,EAAOS,KAAKu+B,cAAcY,eAC3BZ,cAAgBv+B,KAAKq+B,WAAWv2B,EAAQ,QACxCu2B,WAAWn2B,OAAOJ,EAAO,UACvB9H,KAAKs+B,UAAU/+B,KAGdghC,0DAOIvE,YAETuC,cAAgBv+B,KAAKq+B,WAAWr+B,KAAKq+B,WAAWz/B,OAAS,KAEpDshC,kBAAkB,oBACrBlgC,KAAKq+B,WAAWz/B,OAAS,QACzB4hC,WAAWxE,KAERuE,0DAUKhhC,OACT8/B,EAAQr/B,KAAKs+B,UAAU/+B,WACzB8/B,IACEr/B,KAAKu+B,oBACFA,cAAckC,kBAEhBlC,cAAgBc,OAChBd,cAAcmC,YACZ,mDAYL1gC,KAAKu+B,eAAiBv+B,KAAKk/B,eAAiB,EAAG,KAC3CyB,EAAgB3gC,KAAKu+B,cAAc+B,0BACpCR,iBACEa,SAEF,mDASFtC,mBACAC,qBACCsC,EAAc5gC,KAAKi+B,SAASvL,WAAW9zB,OAEvCiiC,KAAcC,KAChBzB,EAAQ,KACR0B,GAAc,EACT1vB,EAAI,EAAGA,EAAIuvB,IAAevvB,EAAG,KAC9BqnB,EAAQ14B,KAAKi+B,SAASvL,WAAWvqB,KAAKkJ,MAExCqnB,GAA4B,IAAnBA,EAAMjG,YACK,MAAlBiG,EAAM3hB,QAAiB,IACX,MACRxX,EAAOo+B,qBAAqBjF,GAC9Bn5B,KACS6I,KAAK7I,KACR,IAAI87B,MAAM97B,EAAMm5B,QACnB2F,WAAWj2B,KAAKi3B,QAChBf,UAAU/+B,GAAQ8/B,KAGfj3B,KAAKswB,QAENxJ,WAASljB,SAAS0sB,EAAMxL,aAEzB9kB,KAAKswB,GAMfmI,EAAQjiC,OAAS,IAAMmiC,MACjB,IAAI1F,MAAMwC,gBAAgBiD,GAAa,KAAM9gC,KAAKi+B,WACpD+C,eAAeH,QAChBxC,WAAWj2B,KAAKi3B,QAChBf,UAAU/+B,MAAQ8/B,KAEjBqB,gBAEHnC,cAAgBc,sCAWV9/B,EAAMy8B,GACbh8B,KAAKu+B,oBACFA,cAAckC,mBAGRh/B,IAATlC,GAA+B,OAATA,GAA0B,KAATA,GAAeS,KAAKs+B,UAAU/+B,QAChEs+B,gBAAgBhsB,OAAOuE,KAAKpW,KAAKs+B,iBAIpCe,EAAQ,IAAIhE,MAAM97B,EAAM,KAAMS,KAAKi+B,iBAErCjC,MACQkE,kBAAkB,kBAClBe,cAAc5B,EAAMD,cACpBmB,wBAGPlC,WAAWj2B,KAAKi3B,QAChBf,UAAU/+B,GAAQ8/B,OAClBd,cAAgBc,EACdA,EAAMD,8CAUH7/B,EAAMy8B,OACXh8B,KAAKu+B,qBAAwB,UAC7BA,cAAckC,mBAENh/B,IAATlC,GAA+B,OAATA,GAA0B,KAATA,GAAeS,KAAKs+B,UAAU/+B,QAChEs+B,gBAAgBhsB,OAAOuE,KAAKpW,KAAKs+B,qBAIpCsB,EAAe5/B,KAAKu+B,cAAca,WAClCC,EAAQ,IAAIhE,MAAM97B,EAAMqgC,EAAc5/B,KAAKi+B,UAC3C3C,EAAQ+D,EAAMD,WAGd1K,EAAWkL,EAAalN,WACrB5qB,EAAQ,EAAGA,EAAQ4sB,EAAS91B,OAAQkJ,IAAS,KAC9Co5B,EAAKxM,EAAS5sB,GACC,UAAjBo5B,EAAG1I,aACDjrB,OAAOvN,KAAKq4B,SAAS6I,IAGzBlF,MACQkE,kBAAkB,qBAClBe,cAAc3F,KACdiF,uBAINz4B,EAAQ9H,KAAKq+B,WAAW1a,QAAQ3jB,KAAKu+B,sBACvCz2B,GAAS,OACNu2B,WAAWn2B,OAAOJ,EAAQ,EAAG,EAAGu3B,QAEhChB,WAAWj2B,KAAKi3B,QAElBf,UAAU/+B,GAAQ8/B,OAClBd,cAAgBc,EACd/D,6CASW6F,OACZ9B,EAAQr/B,KAAKs+B,UAAU6C,WACtB9B,GAAQA,EAAM+B,uDAYHD,EAAWE,MACL,kBAAbA,SACF,SAEHhC,EAAQr/B,KAAKs+B,UAAU6C,UACxB9B,KACCiC,WAAWD,GACVhC,EAAMD,YAFQ,6CAWN+B,OACT9B,EAAQr/B,KAAKs+B,UAAU6C,UACxB9B,EACEA,EAAM3T,aADQ,6CAgBNyV,EAAWpF,QACH,iBAAZA,GAAwBA,EAAU,GAAOA,EAAU,QAGxDsD,EAAQr/B,KAAKs+B,UAAU6C,GACzB9B,KACIkC,WAAWxF,qCASXzD,OACFkJ,EAAOxhC,YAENyhC,SAAanJ,EADK,kBAAqBkJ,EAAK/Z,uBAa1Cia,aAAe,SAAUC,EAAqBC,aACvB,IAAxBD,EACNvE,eAAesB,gBACftB,eAAeuB,oBAEHvB,eAAeuB,kBAAqBiD,EAAeC,WAExDxE,UAAYD,eAAesB,iBAAmBkD,EAAeC,cACvDC,eAFAlD,SAAS30B,KAAK8lB,MAAsB,OAAhB9lB,KAAKgxB,YAoExCwC,eAMS3oB,OAAO,SAAUqZ,WAClBA,GAQC2R,eAAiB,kCAEpBiC,oBAAoBjC,kBAajBkC,YAAc,SAAUziC,EAAMy8B,OACnCiG,EAAWxE,QAAQsE,oBAAoBC,YAC3CziC,EACAi+B,wBAAwBxB,YAElB9W,yBACAvC,KAAK,WAAYsf,KAadC,WAAa,SAAU3iC,EAAMy8B,OAElCiG,EAAWxE,QAAQsE,oBAAoBG,WAAW3iC,EAAMi+B,wBAAwBxB,YAE9E9W,wCAEAvC,KAAK,WAAYsf,KAUdE,mBAAqB,eAC5BC,EAAe3E,QAAQsE,oBAAoBM,kBACxCprB,EAAemrB,EAAfnrB,YACDW,EAASwqB,EAAajrB,gBACbsmB,QAAQsE,oBAAoBI,qBACzB,KACVtoB,EAAW,IAAIlB,aAAa,yBAEzBoB,cAAc,IAAIhC,qBAAqBqqB,EAAcnrB,EAAaW,YACnEqV,oBAAoBpT,WACpBqL,yBACAvC,KAAK,WAAY/K,KAClB,SAEF,GAUImoB,gBAAkB,SAAUxgC,OACjCiX,EAASinB,QAAQsE,oBAAoBhC,gBAAgBtQ,MAAMlwB,WAC7DiX,WACM0O,iBAEH1O,GAYI8rB,mBAAqB,SAAUC,OACpCC,EAAU/E,QAAQsE,oBAClB1C,EAAQmD,EAAQH,qBAClBhD,GACamD,EAAQC,oBAAoBF,EAAS/E,0CAE1C7a,KAAK,WAAY0c,KAClB,SAGJ,GAYIqD,wBAA0B,SAAUC,OAEzCnsB,EADUinB,QAAQsE,oBACDW,wBAAwBC,WAC3CnsB,YACMyW,oBAAoB,IAAIrW,mBAAmBJ,EAAOopB,aAAcppB,EAAOK,eAAgB4mB,QAAQrK,mBAChG,IAaEwP,mBAAqB,SAAUzB,EAAWE,OAC/CmB,EAAU/E,QAAQsE,oBAClBc,EAAiBL,EAAQM,mBAAmB3B,GAC5C9B,EAAQmD,EAAQI,mBAAmBzB,EAAWE,OAChDhC,SAIK,MAHD0D,EAAaF,EAAiB,SAAW,sBACvC5V,oBAAoB,IAAI/U,qBAAqBmnB,GAAQ2D,QAASD,GAAa,qBAKjF1D,IAAUmD,EAAQH,4BACZnd,yBACAmD,YAAYxK,UAGf,GAUIolB,oBAAsB,SAAU9B,OAGrC9B,EADU5B,QAAQsE,oBACFmB,eAAe/B,OAChC9B,SAAgB,UAEfxlB,EAAW,IAAIlB,aAAa,0BAG5BwqB,EAAW1F,QAAQ1Q,sBACrB1b,EAAI8xB,EAASvkC,OACVyS,KAAK,KACJC,EAAO6xB,EAAS9xB,MACjBC,OACCuF,EAAiBvF,EAAK2F,YAEtBmsB,EAAW9xB,EAAK6F,aAChB5J,OAAO+D,KACJyI,cAAc,IAAInD,mBAAmBtF,EAAMuF,EAAgBusB,oBAG9DnW,oBAAoBpT,IAErB,GAQI2mB,WAAa,SAAUxE,WAC1B+F,oBAAoBvB,WAAWhD,wBAAwBxB,YACvD9W,wCAEAme,oBAQGC,eAAiB,SAAUtH,WAC9B+F,oBAAoBuB,eAAe9F,wBAAwBxB,YAC3D9W,wCAEAme,oBAUGE,aAAe,eACpBryB,EAAMqsB,cAAc3+B,UACtBsS,EAAK,KACF,IAAIG,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtBC,EAAOisB,cAAclsB,GACrBmyB,EAAO/F,QAAQgG,OAAOnyB,EAAM,aACrB,IAATkyB,IACGz9B,aAAa,UAAWy9B,KAExBhrB,gBAAgB,aAElBzS,aAAa,QAAS,oDAGrBmf,gBAAe,WACfvC,KAAK,aAAc,cAErB+gB,gBAAgB,OAUbC,WAAa,SAAUryB,kBAEd,iBAATA,MACFwN,QAAQxN,YAIToyB,gBAAgBpyB,OAGtBA,GAAMsyB,aAAa,eAAeC,UAAUC,WAAWvmB,KAAK,eACtDwmB,EAAO/jC,KAAKgG,aAAa,YAAc,UAErCy9B,OAAOzjC,KAAM,YAAa+jC,QAC7Bh+B,aAAa,UAAkB,IAAPg+B,QACxBh+B,aAAa,QAAS,sCACbqC,KAAKpI,gBAGbklB,yBACAvC,KAAK,aAAc8a,QAAQuG,sgBC9/B/BC,WAAa9kC,eAGb+kC,kBAEA,QAAS,YAAa,YAAa,OAAQ,eAAgB,YAAa,SAAU,KAAM,OAAQ,UAAW,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,YAAa,aAAc,uBAC3S,QAAS,YAAa,YAAa,KAAM,KAAM,OAAQ,eAAgB,YAAa,SAAU,KAAM,OAAQ,UAAW,IAAK,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,uBACxT,QAAS,gBAAiB,qBAE7B,yBAEE,QAAS,YAAa,YAAa,KAAM,KAAM,OAAQ,eAAgB,YAAa,SAAU,KAAM,OAAQ,UAAW,mBAAoB,KAAM,KAAM,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,6BAC1T,QAAS,8BAA+B,KAAM,mBAAoB,wBAC1E,QAAS,8BAA+B,YAAa,cAAe,SAAU,KAAM,iBAAkB,mBAAoB,QAAS,IAAK,aAAc,oBAC/I,QAAS,YAAa,SAAU,KAAM,UAAW,mBAAoB,QAAS,YAAa,QAAS,IAAK,QACrH,QAAS,YAAa,YAAa,KAAM,UAAW,OAAQ,eAAgB,YAAa,SAAU,OAAQ,UAAW,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,YAAa,cAAe,YAAa,aAAc,cAAe,sBACtX,QAAS,YAAa,YAAa,SAAU,SAAU,KAAM,OAAQ,UAAW,mBAAoB,QAAS,iBAAkB,YAAa,QAAS,IAAK,aAAc,cAAe,WACxL,QAAS,YAAa,YAAa,OAAQ,eAAgB,YAAa,SAAU,KAAM,aAAc,aAAc,eAAgB,OAAQ,UAAW,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,YAAa,KAAM,KAAM,KAAM,sBAC1W,QAAS,KAAM,oBAAqB,gBAAiB,mBAAoB,eAAgB,iBAAkB,KAAM,KAAM,aAAc,KAAM,cACnJ,KAAM,QAAS,eAAgB,cAAe,cAAe,SAAU,sBAAuB,OAAQ,OAAQ,iBAAkB,iBAClI,QAAS,SAAU,KAAM,mBAAoB,YAAa,QAAS,IAAK,eACpE,QAAS,YACb,QAAS,YAAa,YAAa,IAAK,OAAQ,eAAgB,YAAa,SAAU,KAAM,aAAc,aAAc,eAAgB,OAAQ,UAAW,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,sBACvV,QAAS,SAAU,KAAM,sBAAuB,mBAAoB,eAAgB,mBAAoB,QAAS,iBAAkB,UAAW,QAAS,IAAK,aAAc,cAC1K,QAAS,YAAa,YAAa,KAAM,OAAQ,eAAgB,YAAa,SAAU,KAAM,QAAS,aAAc,aAAc,eAAgB,OAAQ,UAAW,SAAU,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,uBAC7W,QAAS,YAAa,YAAa,KAAM,OAAQ,eAAgB,YAAa,SAAU,aAAc,aAAc,eAAgB,OAAQ,UAAW,SAAU,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,6BACzV,QAAS,KAAM,KAAM,KAAM,KAAM,oBAAqB,gBAAiB,KAAM,IAAK,mBAAoB,eAAgB,iBAAkB,oBAClJ,QAAS,YAAa,YAAa,OAAQ,eAAgB,YAAa,SAAU,SAAU,KAAM,OAAQ,UAAW,mBAAoB,KAAM,KAAM,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,YAAa,QAAS,IAAK,WAC1V,QAAS,KAAM,SAAU,mBAAoB,aAAc,eAAgB,QAAS,uBACrF,QAAS,YAAa,YAAa,SAAU,KAAM,SAAU,OAAQ,sBAAuB,mBAAoB,QAAS,iBAAkB,UAAW,QAAS,IAAK,QAAS,WAAY,cAAe,aACrM,QAAS,KAAM,mBAAoB,0BACnC,QAAS,OAAQ,eAAgB,YAAa,SAAU,cAAe,YAAa,aAAc,cAAe,KAAM,UAAW,sBAAuB,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,YAAa,iBACtW,QAAS,YAAa,YAAa,OAAQ,eAAgB,YAAa,SAAU,cAAe,YAAa,aAAc,cAAe,KAAM,OAAQ,UAAW,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,cAAe,YAAa,IAAK,YAAa,eAC5Y,QAAS,KAAM,SAAU,mBAAoB,UAAW,cAAe,QAAS,iBAAkB,YAAa,8BAElH,QAAS,YAAa,YAAa,KAAM,KAAM,OAAQ,eAAgB,YAAa,SAAU,cAAe,YAAa,aAAc,cAAe,KAAM,OAAQ,UAAW,mBAAoB,SAAU,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,cAAe,aAAc,YAAa,IAAK,YAAa,UACtb,QAAS,YAAa,YAAa,OAAQ,eAAgB,YAAa,SAAU,SAAU,KAAM,OAAQ,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,YAAa,QAAS,IAAK,aAAc,iBAGpS,8BACM,qBACT,aAAc,QAAS,mBAC1B,QAAS,KAAM,UAAW,mBACtB,6BAEH,qBACH,0CAGA,QAAS,SAAU,UAAW,UAAW,SAAU,8BAE9C,SAAU,QAAS,SAAU,QAAS,qDAIzC,aAAc,aAAc,uBAC1B,QAAS,SAAU,0BAEnB,eAAgB,iBAAkB,YAAa,cAAe,kDAI9D,QAAS,cAAe,cAAe,gBAAiB,eAAgB,eAAgB,YAAa,QAAS,WAAY,WAAY,aAAc,cACvJ,cAAe,aAAc,WAAY,yBAEzC,cAAe,0DAQjBC,mBACNtyB,OAAOxS,QAAQ6kC,eAAe5kC,QAAQ,qCAAW8kC,OAAKrlB,OAC9CslB,YACChlC,QAAQ0f,GAAMzf,QAAQ,qCAAcglC,iBACrCA,EAAIt4B,SAAS,KAAM,KACf4iB,EAAI0V,EAAInxB,MAAM,OACdyb,EAAE,IAAM1vB,GAAI0vB,EAAE,GAAIjb,sBAElB2wB,GAAe,UAARA,EAAkBplC,GAAG2/B,MAAQ,uBAG9BuF,GAAOC,IAUlB,IAAME,YAAc,SAAdA,EAAwBC,MAEb,IAAlBA,EAAK/R,aAEFkG,UAAY6L,EAAK7L,UAAU1lB,QAAQ,aAAc,IAEjDuxB,EAAK7L,UAAU/5B,UACbgP,UAMa,IAAlB42B,EAAK/R,cAIHgS,EAAMD,EAAKjR,cACX3b,EAAS4sB,EAAKrtB,cAEfstB,GAAQ7sB,OAIP8sB,EAAeR,cAAcM,EAAKtX,UAClCyX,EAAiBR,gBAAgBK,EAAKtX,kBAEhB,IAAjBwX,EAA8B,SACjCE,KACFvzB,EAAImzB,EAAK59B,WAAWhI,OACjByS,KAAK,KAGJN,EAAOyzB,EAAK59B,WAAWuB,KAAKkJ,GAC5BqI,EAAW3I,EAAKmc,SAChB2X,EAAgB9zB,EAAKynB,UACrBsM,EAAY/zB,EAAKQ,gBAGjBozB,EAAepjB,eAAesjB,IAAkBC,IAAcH,EAAeE,IAAkBC,IAAc5lC,GAAG2/B,OAClHiG,IAAc5lC,GAAG2/B,OAASoF,WAAWlzB,EAAKE,UAIxCyI,EAASwN,WAAW,QAAUxN,EAASwN,WAAW,aAC5C9e,MAAMsR,EAAU3I,EAAKE,UAE1B8zB,kBAAkBD,EAAWD,IAIhC90B,iBACM2J,OACH,gBACA,wBACA,uBACG5H,EAAMf,EAAKE,MAAMgC,QAAQ,SAAU,UACpClN,aAAa2T,EAAU5H,MAMf,UAAb4H,EAAsB,SAClBsrB,EAAQj0B,EAAKE,MAAMkC,MAAM,KAC3BwG,EAAIqrB,EAAMpmC,OACP+a,KAAK,OACUqrB,EAAMrrB,GAAGxG,MAAM,0BAA5B5T,OAAMuS,OACPmzB,GAAiB1lC,GAAQ,IAAI2lC,OAC7BC,GAAgBrzB,GAAO,IAAIozB,OAE7BR,EAAa14B,SAASi5B,MACnBl/B,aAAak/B,EAAeE,KAGhC3sB,gBAAgB,iBAIlBhF,OAAOoxB,GAAStlC,QAAQ,qCAAEglC,OAAKxyB,SAC/BmhB,eAAe/zB,GAAGu/B,GAAI6F,EAAKxyB,SAK5B4nB,EAAOphB,QAAQksB,MACjB9K,IACD,SAAU,iBAAkB,UAC3B,iBAAkB,WAAY,OAAO1tB,SAASw4B,EAAKtX,WAErC,MAAZwM,EAAK,aAEC8K,EAAM,MACTO,kBAAkB7lC,GAAG6zB,MAAO,SAKf,QAAlByR,EAAKtX,WAAuB5U,QAAQksB,iBACjC52B,oBAKA4F,QAAQ,YAAa,OAAQ,SAAU,aAAc,aAAc,eAAgB,OAAQ,UAAW,SAAUzC,OACjHe,EAAM0yB,EAAKx+B,aAAa+K,GACxBe,MACI8gB,eAAe9gB,KAEC,MAAXA,EAAI,OACR/L,aAAagL,EAAM,MACnByH,gBAAgBzH,QAMvByzB,EAAK9R,WAAW9zB,OACbyS,OAAmBmzB,EAAK9R,WAAWvqB,KAAKkJ,QAE1C,SAGCqjB,KACC8P,EAAKY,mBACDh9B,KAAKwP,EAAOL,aAAaitB,EAAKhR,WAAYgR,MAIhD52B,iBAGDyD,EAAIqjB,EAAS91B,OACVyS,OAAmBqjB,EAASrjB,QC/NjChG,IAAIC,OAGJoc,WAAW,EAAG,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IACpE,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAkBjCrK,iBAAiB,KAMRvI,OAAO,SAAUwI,oBACXA,GAQNuN,aAAe,SAAU1J,EAAUrH,EAAS7H,WACjDozB,EAAQ,SAAU1jC,EAAGC,UAAYqY,eAAetY,EAAGC,EAAGqQ,IAC1DqzB,EAAS,SAAUxqB,UAAY7I,EAAE1C,EAAIuL,GACrCyqB,EAAS,SAAUxqB,UAAY9I,EAAEvC,EAAIqL,GACrCyqB,EAAanoB,iBAAewM,mBAAkE,QAA7C1I,EAAShK,WAAWA,WAAWqhB,UAChFiN,EAAW,cACLD,MACG,IAAME,KAAK5rB,IACN4rB,GAAK5b,WAAWhQ,EAAQ4rB,qBAGnBvkB,EAAUrH,EAAS,KAAM,IAE5C0M,EAAMzY,QAAQoT,GAEP9P,EAAI,EAAGA,EAAI,EAAGA,IAAK,KACpBjT,EAAa,IAANiT,EAAU,OAAS,SAC1B4V,EAAU9F,EAASnb,aAAa5H,MAClC6oB,GAAWA,EAAQC,WAAW,UAC5BjV,EAAE1C,EAAI,GAAK0C,EAAEvC,EAAI,GAAG,KAEhB8X,EADOJ,WAAWH,GACHzY,WAAU,MAC3ByD,EAAE1C,EAAI,EAAG,KAELlN,EAAKmlB,EAAQxhB,aAAa,MAC1BzD,EAAKilB,EAAQxhB,aAAa,QACxBD,aAAa,OAAQ1D,EAAK,MAC1B0D,aAAa,OAAQxD,EAAK,OAGhC0P,EAAEvC,EAAI,EAAG,KAELpN,EAAKklB,EAAQxhB,aAAa,MAC1BxD,EAAKglB,EAAQxhB,aAAa,QACxBD,aAAa,OAAQzD,EAAK,MAC1ByD,aAAa,OAAQvD,EAAK,MAE5BuR,GAAKsJ,iBAAesoB,aAAale,uBAC9Bla,OAAOia,KACTzhB,aAAa3H,EAAM,QAAUopB,EAAQzT,GAAK,UAUnD6xB,EAASzkB,EAASpK,WACT,MAAX6uB,GAA6B,SAAXA,GAAgC,UAAXA,GAAiC,QAAXA,KAEnD,IAAR3zB,EAAE1C,GAAmB,IAAR0C,EAAEzC,GAAmB,IAARyC,EAAExC,GAAmB,IAARwC,EAAEvC,GAAoB,IAARuC,EAAEtC,GAAmB,IAARsC,EAAErC,EAOjE,KAECi2B,EAASxxB,iBAAiB8M,GAC1B2kB,EAAKzoB,iBAAeoD,aAAavR,uBACpC62B,UAAU5rB,eAAeqB,yBAAyBqqB,GAAQv2B,OAAQ2C,MAC9D4L,UACA1O,WAAW22B,OAb8D,KAG1EE,EAAWxqB,yBAAyB2F,GAAU7R,OAClD22B,EAAO9rB,eAAe6rB,EAAS5gB,UAAWnT,EAAG+zB,KACvCrkC,EAAI8R,WAAWqG,EAAQnY,GAAKskC,EAAKt2B,IACjC/N,EAAI6R,WAAWqG,EAAQlY,GAAKqkC,EAAKr2B,SAarCg2B,OACH,oBACA,WACA,WAEY,UAAXA,IAAuB3zB,EAAE1C,EAAI,GAAK0C,EAAEvC,EAAI,GAAI,KAExCm2B,EAASxxB,iBAAiB8M,GAC1B2kB,EAAKzoB,iBAAeoD,aAAavR,uBACpC62B,UAAU5rB,eAAeqB,yBAAyBqqB,GAAQv2B,OAAQ2C,MAC9D4L,UACA1O,WAAW22B,OACb,KACCze,EAAMge,EAAMvrB,EAAQnY,EAAGmY,EAAQlY,KAC7BwM,MAAQk3B,EAAOxrB,EAAQ1L,SACvBJ,OAASu3B,EAAOzrB,EAAQ9L,UACxBrM,EAAI0lB,EAAI1lB,EAAIsI,KAAKmR,IAAI,EAAGtB,EAAQ1L,SAChCxM,EAAIylB,EAAIzlB,EAAIqI,KAAKmR,IAAI,EAAGtB,EAAQ9L,UAChCI,MAAQnE,KAAKwQ,IAAIX,EAAQ1L,SACzBJ,OAAS/D,KAAKwQ,IAAIX,EAAQ9L,kBAIpC,IAAK,cACCyB,EAAI41B,EAAMvrB,EAAQ3H,GAAI2H,EAAQ1H,MAC5BD,GAAK1C,EAAE9N,IACPyQ,GAAK3C,EAAE7N,IACP6zB,GAAK6P,EAAOxrB,EAAQ2b,MACpBC,GAAK6P,EAAOzrB,EAAQ4b,MACpBD,GAAKxrB,KAAKwQ,IAAIX,EAAQ2b,MACtBC,GAAKzrB,KAAKwQ,IAAIX,EAAQ4b,cAG9B,IAAK,aACCjmB,EAAI41B,EAAMvrB,EAAQ3H,GAAI2H,EAAQ1H,MAC5BD,GAAK1C,EAAE9N,IACPyQ,GAAK3C,EAAE7N,MAETskC,EAAOtrB,aAAa4L,EAAI7kB,EAAG6kB,EAAI5kB,EAAG4kB,EAAIpY,MAAOoY,EAAIxY,OAAQiE,GACzD6I,EAAIorB,EAAKlrB,GAAGrZ,EAAIukC,EAAKlyB,GAAGrS,EAAGoZ,EAAImrB,EAAKjrB,GAAGrZ,EAAIskC,EAAKlyB,GAAGpS,IACjDskB,EAAIjc,KAAKmR,IAAIN,EAAI,EAAGC,EAAI,GAE5BjB,EAAQoM,MAAaA,EAAIjc,KAAKwQ,IAAIX,EAAQoM,cAG9C,IAAK,WACCmB,EAAMge,EAAMvrB,EAAQzX,GAAIyX,EAAQxX,IAChCglB,EAAM+d,EAAMvrB,EAAQvX,GAAIuX,EAAQtX,MAC9BH,GAAKglB,EAAI1lB,IACTW,GAAK+kB,EAAIzlB,IACTW,GAAK+kB,EAAI3lB,IACTa,GAAK8kB,EAAI1lB,MAEd,WACA,YACA,gBAGH,IAAK,QACCukC,EAAO96B,IAAE8V,GAAUmT,KAAK,QAC1B6R,oBACeA,EAAMrsB,EAAS,KAAM,SAGxC,IAAK,eACF,kBACG5I,EAAM4I,EAAQtP,OAAO5L,OAClByS,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBmN,EAAK1E,EAAQtP,OAAO6G,KACXg0B,EAAM7mB,EAAG7c,EAAG6c,EAAG5c,GAAvBD,IAAAA,EAAGC,IAAAA,IACF4I,OAAO6G,GAAG1P,EAAIA,IACd6I,OAAO6G,GAAGzP,EAAIA,UAIpBwkC,EAAO,GACF/0B,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBmN,EAAK1E,EAAQtP,OAAO6G,MAClBmN,EAAG7c,EAAI,IAAM6c,EAAG5c,EAAI,MAErBmE,aAAa,SAAUqgC,SAEhC,IAAK,WACClmB,EAAUiB,EAASjb,YACrBgL,EAAMgP,EAAQ/Z,gBACVuJ,SACH,IAAI2B,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBvE,EAAMoT,EAAQ9Q,QAAQiC,KACpB3B,EAAE2B,SACFvE,EAAIjN,cACPiN,EAAInL,IACJmL,EAAIlL,KACHkL,EAAIzK,MACJyK,EAAIxK,MACJwK,EAAIvK,MACJuK,EAAItK,MACJsK,EAAI7J,MACJ6J,EAAI5J,SACD4J,EAAI3J,mBACG2J,EAAI1J,uBACP0J,EAAIzJ,aAIbyW,EAAQpK,EAAE9Q,WACVynC,EAAWvsB,EAAQpK,EAAE,GACzB42B,EAAYjB,EAAMgB,EAAS1kC,EAAG0kC,EAASzkC,KACjC8N,EAAE,GAAG/N,EAAI2kC,EAAU3kC,IACnB+N,EAAE,GAAG9N,EAAI0kC,EAAU1kC,MACtB,IAAIyP,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBvE,EAAMgN,EAAQpK,EAAE2B,MACPvE,EAAR1O,KAGI,GAAM,EAAG,KAGZogB,EAAK6mB,OAFc5jC,IAAVqL,EAAInL,EAAmBmL,EAAInL,EAAI2kC,EAAU3kC,OACnCF,IAAVqL,EAAIlL,EAAmBkL,EAAIlL,EAAI0kC,EAAU1kC,GAE9CylB,EAAMge,EAAMv4B,EAAIzK,GAAIyK,EAAIxK,IACxBglB,EAAM+d,EAAMv4B,EAAIvK,GAAIuK,EAAItK,MAC1Bb,EAAI6c,EAAG7c,IACPC,EAAI4c,EAAG5c,IACPS,GAAKglB,EAAI1lB,IACTW,GAAK+kB,EAAIzlB,IACTW,GAAK+kB,EAAI3lB,IACTa,GAAK8kB,EAAI1lB,IACTqB,GAAKqiC,EAAOx4B,EAAI7J,MAChBC,GAAKqiC,EAAOz4B,EAAI5J,WAEhBvB,EAAI2jC,EAAOx4B,EAAInL,KACfC,EAAI2jC,EAAOz4B,EAAIlL,KACfS,GAAKijC,EAAOx4B,EAAIzK,MAChBC,GAAKijC,EAAOz4B,EAAIxK,MAChBC,GAAK+iC,EAAOx4B,EAAIvK,MAChBC,GAAK+iC,EAAOz4B,EAAItK,MAChBS,GAAKqiC,EAAOx4B,EAAI7J,MAChBC,GAAKqiC,EAAOz4B,EAAI5J,QAIpBqjC,EAAO,KACLzsB,EAAQpK,EAAE9Q,WACX,IAAIyS,GAAI,EAAGA,GAAIH,IAAOG,GAAG,KACtBvE,GAAMgN,EAAQpK,EAAE2B,IACfjT,GAAQ0O,GAAR1O,eACCspB,UAAQtpB,IACRA,SACH,QACA,MACK0O,GAAInL,EAAI,eAEb,QACA,MACKmL,GAAIlL,EAAI,eAEb,OACA,OACA,QACA,OACA,OACA,MACKkL,GAAInL,EAAI,IAAMmL,GAAIlL,EAAI,eAE3B,OACA,KACKkL,GAAIzK,GAAK,IAAMyK,GAAIxK,GAAK,IAAMwK,GAAIvK,GAAK,IAAMuK,GAAItK,GAAK,IAC5DsK,GAAInL,EAAI,IAAMmL,GAAIlL,EAAI,eAErB,OACA,KACKkL,GAAIzK,GAAK,IAAMyK,GAAIxK,GAAK,IAAMwK,GAAInL,EAAI,IAAMmL,GAAIlL,EAAI,eAEzD,QACA,MACKkL,GAAI7J,GAAK,IAAM6J,GAAI5J,GAAK,IAAM4J,GAAI3J,MAAQ,MAAQ2J,GAAI1J,aAC5D,MAAQ0J,GAAIzJ,UAAa,IAAMyJ,GAAInL,EAAI,IAAMmL,GAAIlL,EAAI,eAEpD,QACA,MACKkL,GAAIvK,GAAK,IAAMuK,GAAItK,GAAK,IAAMsK,GAAInL,EAAI,IAAMmL,GAAIlL,EAAI,OAKvDmE,aAAa,IAAKwgC,KChSzBl7B,IAAI2jB,YAAY1jB,QAElBk7B,gBAwBS1xB,OAAO,SAAUwI,YACjBA,GAWAmpB,eAAiB,SAAU11B,EAAM21B,EAAIC,OAC1C/5B,EAAOwa,WAAWrW,GAAMyiB,WACxBoT,EAAUvyB,iBAAiBzH,GAC3Bi6B,EAAWL,SAAS/lB,aAAavR,uBAC9B43B,aAAaJ,EAAIC,KAElBx3B,WAAW03B,yBAGGj6B,IASXm6B,sBAAwB,SAAxBA,EAAkC5lB,MAC7B,MAAZA,SAA2B,QAGL,QAAtBA,EAAS+L,UAAsBxhB,UAAUC,UAAUK,SAAS,qBACvD,SAGHoB,EAAUo5B,SAAS/lB,aACnB9F,EAAQtG,iBAAiB8M,MAG3BxG,GAASA,EAAMxU,cAAgB,EAAG,SAChC6gC,EAAIrsB,EAAMxU,cACR8gC,EAAMD,EACLA,KAAK,KACJh1B,EAAQ2I,EAAMvL,QAAQ43B,MACT,IAAfh1B,EAAM5T,OACFgI,WAAW4gC,QAEZ,GAAmB,IAAfh1B,EAAM5T,SACX8b,WAAWlI,EAAM1C,QAAS,IAChB,IAAR23B,WAKOzuB,gBAAgB,aAClB,OAEHpS,WAAW4gC,SAGK,IAAfh1B,EAAM5T,MACK,IAAhB4T,EAAM7O,SACFiD,WAAW4gC,MAKK,IAAxBrsB,EAAMxU,eACNsS,iBAAiB0I,UAAoB,SAItCxG,GAAiC,IAAxBA,EAAMxU,uBAETJ,aAAa,YAAa,MAE1ByS,gBAAgB,aAElB,QAILmC,EAAO,SACLusB,KACAF,EAAIrsB,EAAMxU,cACP6gC,KAAK,KACJh1B,EAAQ2I,EAAMvL,QAAQ43B,GACT,IAAfh1B,EAAM5T,OACJgK,MAAM4J,EAAM1C,OAAQ03B,IACfE,EAAItoC,kBAIE,IAAfsoC,EAAItoC,OAAc,KACduoC,EAAO/5B,EAAQqO,6BAA6BtB,eAAe+sB,EAAI,GAAG,GAAIA,EAAI,GAAG,OAC7E9gC,WAAW8gC,EAAI,GAAG,MAClB9gC,WAAW8gC,EAAI,GAAG,MAClBh6B,iBAAiBi6B,EAAMD,EAAI,GAAG,UAIlCvsB,EAAMxU,gBACD,GAAmC,IAA9BwU,EAAMvL,QAAQ43B,EAAI,GAAG5oC,MAA4C,IAA9Buc,EAAMvL,QAAQ43B,EAAI,GAAG5oC,KAAY,KAC1E0nC,EAAK14B,EAAQ8B,qBAEb+C,EAAIkI,eACRQ,EAAMvL,QAAQ43B,EAAI,GAAG13B,OACrBqL,EAAMvL,QAAQ43B,EAAI,GAAG13B,UACpBy2B,UAAU9zB,KACP7L,WAAW4gC,EAAI,KACf5gC,WAAW4gC,EAAI,KACf73B,WAAW22B,WAKb3kB,EAASpK,aAEZ,WACA,eACA,cACA,wBAG0B,IAAxB4D,EAAMxU,eAAiD,IAA1BwU,EAAMvL,QAAQ,GAAGhR,MACtB,IAAxBuc,EAAMxU,eAAiD,IAA1BwU,EAAMvL,QAAQ,GAAGhR,MAAwC,IAA1Buc,EAAMvL,QAAQ,GAAGhR,YACzE,SAKL+nC,EAAO96B,IAAE8V,GAAUmT,KAAK,QAGxBza,EAAW,IAAIlB,aAAa,aAG9BmB,KACAstB,EAAU,KACVjvB,YACIgJ,EAASpK,aACZ,UACM,KAAM,KAAM,KAAM,gBAExB,YACM,KAAM,KAAM,eAElB,aACM,KAAM,KAAM,KAAM,gBAExB,oBACA,WACA,WACM,QAAS,SAAU,IAAK,eAE9B,UACA,WACA,WACM,IAAK,eAEX,cACA,kBAEKvM,OAAS2W,EAASnb,aAAa,cACjC0X,EAAOyD,EAAS3W,OAChB0G,EAAMwM,EAAKvX,gBACTqE,OAAS,IAAIgH,MAAMN,OACtB,IAAIG,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBmN,EAAKd,EAAKtO,QAAQiC,KAChB7G,OAAO6G,IAAM1P,EAAG6c,EAAG7c,EAAGC,EAAG4c,EAAG5c,SAGtC,IAAK,cAEG8N,EAAIyR,EAASnb,aAAa,OAC1B0J,EAAIyR,EAASnb,aAAa,KAIhCmS,EAAMvZ,UACEyM,IAAE8V,GAAUpQ,KAAKoH,OACzBoF,KAAKzD,EAAS,SAAU/I,EAAMe,KACtBf,GAAQ6E,aAAa7E,EAAMe,MAE5Bq0B,SAGJ96B,IAAE86B,GAAMp1B,KAAK,MAAQ,IACrB1F,IAAE86B,GAAMp1B,KAAK,MAAQ,IAMb,MAAXq2B,MACQ/7B,IAAE4qB,QAAO,KAAUnc,OAC3ByD,KAAK6pB,EAAS,SAAUr2B,EAAMe,KACtBf,GAAQ6E,aAAa7E,EAAMe,QAI/B/C,UAAYy3B,SAASa,qBAAuB,OAEhDC,SAAWC,YAGW,MAArBpmB,EAASpK,UAAoBovB,GAA8B,MAArBhlB,EAASpK,QAAiB,KAC7DyP,EAAMzY,QAAQoT,MAEPxf,EAAG6kB,EAAI7kB,EAAI6kB,EAAIpY,MAAQ,EAAGxM,EAAG4kB,EAAI5kB,EAAI4kB,EAAIxY,OAAS,KACnDiM,eACVuM,EAAI7kB,EAAI6kB,EAAIpY,MAAQ,EACpBoY,EAAI5kB,EAAI4kB,EAAIxY,OAAS,EACrBwN,yBAAyBb,GAAOrL,YAE9B2C,EAAI7E,EAAQwF,kBAGV40B,EAAS/uB,iBAAiB0I,MAC5BqmB,EAAQ,KACJj4B,EAAIi4B,EAASv9B,KAAK+R,GAAK,IACzBwB,WACAvT,KAAKwQ,IAAIlL,GAAM,MACbtF,KAAKuS,IAAIjN,IAAM,EAAItF,KAAKsS,IAAIhN,IAG5B,EAAIA,MAEL,IAAI8B,EAAI,EAAGA,EAAIsJ,EAAMxU,gBAAiBkL,EAAG,KACtCW,EAAQ2I,EAAMvL,QAAQiC,MACT,IAAfW,EAAM5T,KAAY,KAEdqpC,EAAKz1B,EAAM1C,SACP1N,GAAK4b,EAAIiqB,EAAG93B,EAAI83B,EAAG73B,GAAK,IACxBjO,GAAK8lC,EAAG93B,EAAI6N,EAAIiqB,EAAG73B,GAAK,IAC5BxJ,WAAWiL,eAKjBid,EAAI3T,EAAMxU,cACZugC,EAAK,EAAGC,EAAK,EAAGe,EAAY,EAE5BC,SACArZ,MACO3T,EAAMvL,QAAQ,GAAGE,YAGxBs4B,YAEAtZ,GAAK,GAAmC,IAA9B3T,EAAMvL,QAAQkf,EAAI,GAAGlwB,MACH,IAA9Buc,EAAMvL,QAAQkf,EAAI,GAAGlwB,MAA4C,IAA9Buc,EAAMvL,QAAQkf,EAAI,GAAGlwB,KAAY,GACxD,UAINypC,EAAKltB,EAAMvL,QAAQkf,EAAI,GAAGhf,OAC9Bw4B,EAAKntB,EAAMvL,QAAQkf,EAAI,GAAGhf,OAC1By4B,EAAMptB,EAAMvL,QAAQkf,EAAI,GAAGhf,OAEvBolB,EAAWvT,EAASuR,WACtBjjB,EAAIilB,EAAS91B,OACV6Q,KAAK,KACJipB,EAAQhE,EAASvsB,KAAKsH,QACvB,IACA,EACkB,IAAnBipB,EAAMjG,SAAgB,KAClBuV,EAAa3zB,iBAAiBqkB,OAG/BsP,eAEC/1B,EAAIuJ,yBAAyBwsB,GAAY14B,OAkBzCnM,EAAQsV,iBAAiBigB,QACX8N,SAASa,6BAEpBY,kBAAkBvP,EAAM1yB,aAAa,cAC1C7C,GAASuX,mBAAmBstB,GAAa,KACrCE,EAAM96B,EAAQ8B,uBAChB62B,UAAU5rB,eAAe0tB,EAAIC,EAAIC,EAAK91B,MAC/B4L,UACA1O,WAAW+4B,OAGjB,KASCC,EAAMhuB,eAAelI,EAAEmT,UAAW2iB,EAAK91B,GAEvCkiB,EAAK/mB,EAAQwF,oBAChBjD,GAAKw4B,EAAIx4B,IACTC,GAAKu4B,EAAIv4B,MAINw4B,EAAKjuB,eAAega,EAAG/O,UAAWnT,EAAEmT,UAAWyiB,EAAIC,EAAIC,EAAK91B,EAAGk2B,EAAI/iB,WAEnEijB,EAAkBj7B,EAAQ8B,qBAC9Bo5B,EAAQl7B,EAAQ8B,qBAChBq5B,EAAgBn7B,EAAQ8B,uBACV43B,aAAaqB,EAAIx4B,EAAGw4B,EAAIv4B,KAClC44B,SAASJ,EAAG74B,EAAG64B,EAAG14B,KACVo3B,aAAa3S,EAAGxkB,EAAGwkB,EAAGvkB,KACzBT,WAAWo5B,KACXp5B,WAAWm5B,KACXn5B,WAAWk5B,KAOftuB,cAAcgtB,EAAsBrO,aAgBpCuP,kBAAkBL,MAIzBxhC,WAAWkoB,EAAI,KACfloB,WAAWkoB,EAAI,KACfloB,WAAWkoB,EAAI,QAChB,GAAIA,GAAK,GAAmC,IAA9B3T,EAAMvL,QAAQkf,EAAI,GAAGlwB,KAAY,GACxC,IACRod,yBAAyBb,GAAOrL,WAC9B44B,GAAM96B,EAAQ8B,wBAChB62B,UAAU9zB,KACR4L,UACA1O,WAAW+4B,SAIZ,IAAW,IAAN5Z,GAAYA,EAAI,GAA+B,IAA1B3T,EAAMvL,QAAQ,GAAGhR,OACtB,IAA1Buc,EAAMvL,QAAQ,GAAGhR,KAAY,GACjB,MACNqqC,GAAMjtB,yBAAyBb,GAAOrL,SACtClJ,WAAW,OACXsiC,GAAOltB,yBAAyBb,GAAOrL,OAAO8V,UAC9CujB,GAAKxuB,eAAeuuB,GAAMD,SAE3BE,GAAGh5B,IACHg5B,GAAG/4B,EAEG,IAAP82B,GAAmB,IAAPC,EAAU,SAElBjS,GAAWvT,EAASuR,WACtBjjB,GAAIilB,GAAS91B,OAEbgqC,MAEGn5B,MAAK,KACJipB,GAAQhE,GAASvsB,KAAKsH,OACL,IAAnBipB,GAAMjG,SAAgB,IAEpBiG,GAAM1yB,aAAa,aAAc,KAE7B+K,GAAO2nB,GAAM1yB,aAAa,aAC3B4iC,GAAc58B,SAAS+E,qBACXA,GAAM21B,EAAIC,MACXv+B,KAAK2I,OAIHy1B,SAASa,6BACpBY,kBAAkBvP,GAAM1yB,aAAa,kBAExCgiC,GAAa3zB,iBAAiBqkB,OAEhCsP,GAAY,KACRnB,GAAWz5B,EAAQ8B,wBAChB43B,aAAaJ,EAAIC,GACtBqB,GAAW7hC,iBACF+G,iBAAiB25B,GAAU,MAE3B13B,WAAW03B,MAEf9sB,cAAcgtB,EAAsBrO,aAIvCmQ,GAAO1nB,EAASmS,uBAAuBp0B,GAAGsM,IAAK,OAC/CkuB,GAAO,IAAMhB,GAAM3kB,GACrBwmB,GAAIsO,GAAKjqC,OACN27B,MAAK,KACJuO,GAAUD,GAAK1gC,KAAKoyB,OACtBb,KAASphB,QAAQwwB,IAAU,KACvBC,GAAW37B,EAAQ8B,wBAChB43B,cAAcJ,GAAKC,oBACXmC,IAAS57B,iBAAiB67B,GAAU,KAC5ChvB,cAAcgtB,EAAsB+B,eAGxCb,kBAAkBL,oBAMxBK,kBAAkBL,QAIxB,CAAA,GAAU,IAANtZ,GAAqC,IAA1B3T,EAAMvL,QAAQ,GAAGhR,MAAeopC,EAkC/C,IACDA,EAAQ,KACJwB,GAAS57B,EAAQ8B,wBAChB2X,UAAU2gB,EAAQD,EAAU5lC,EAAG4lC,EAAU3lC,GAC5C+Y,EAAMxU,gBACF+G,iBAAiB87B,GAAQ,KAEzB75B,WAAW65B,WAGO,IAAxBruB,EAAMxU,iBACCqS,gBAAgB,aAEpB,OA9CK,UACNvG,GAAI0I,EAAMvL,QAAQ,GAAGE,OACzBolB,GAAWvT,EAASuR,WAClBjjB,GAAIilB,GAAS91B,OACV6Q,MAAK,KACJipB,GAAQhE,GAASvsB,KAAKsH,OACL,IAAnBipB,GAAMjG,SAAgB,GACJ+T,SAASa,6BACpBY,kBAAkBvP,GAAM1yB,aAAa,kBACxCgiC,GAAa3zB,iBAAiBqkB,QAE/BsP,gBAECiB,GAAK9uB,eAAelI,GAAGuJ,yBAAyBwsB,IAAY14B,QAC5D45B,GAAM97B,EAAQ8B,wBAChB62B,UAAUkD,OACHprB,WACA1O,WAAW+5B,GAAK,KAElBnvB,cAAcgtB,EAAsBrO,cACpCuP,kBAAkBL,OAIrBlR,GAAKgC,GAAM1yB,aAAa,mBACO,SAAjC0yB,GAAM1yB,aAAa,YAAyB+B,MAAM2uB,IAAK,KACnDyS,IAAOl/B,KAAKwQ,IAAIwuB,GAAG15B,GAAKtF,KAAKwQ,IAAIwuB,GAAGv5B,IAAM,KAC1C3J,aAAa,eAAgB2wB,GAAKyS,QAIxCtrB,WAmBU,IAAd6pB,MACEF,EAAQ,MAELF,EAAU3lC,EAAIgmC,EAAOh4B,IACrB23B,EAAU1lC,EAAI+lC,EAAO/3B,OAGpBo5B,GAAS57B,EAAQ8B,wBAChB2X,UAAU2gB,EAAQD,EAAU5lC,EAAG4lC,EAAU3lC,GAC5C+Y,EAAMxU,gBACF+G,iBAAiB87B,GAAQ,KAEzB75B,WAAW65B,UAIhB,GAAkB,IAAdtB,EAAiB,KACpBz1B,GAAIuJ,yBAAyBb,GAAOrL,OACpC85B,GAAQh8B,EAAQ8B,wBAChB2X,UAAU2gB,EAAQF,EAAU3lC,EAAG2lC,EAAU1lC,OACzCynC,GAAOD,GAAM95B,OACbg6B,GAAOl8B,EAAQ8B,wBAChB2X,UAAU2gB,EAAQD,EAAU5lC,EAAG4lC,EAAU3lC,OACxC2nC,GAAUD,GAAKh6B,OAAO8V,UAC1BsjB,GAAOz2B,GAAEmT,UACTokB,GAASrvB,eAAeuuB,GAAMa,GAASF,GAAMp3B,SAE1Cu3B,GAAO75B,IACP65B,GAAO55B,EAED,IAAP82B,GAAmB,IAAPC,UAGRjS,GAAWvT,EAASuR,WACtBjjB,GAAIilB,GAAS91B,OACV6Q,MAAK,KACJipB,GAAQhE,GAASvsB,KAAKsH,OACL,IAAnBipB,GAAMjG,SAAgB,GACJ+T,SAASa,6BACpBY,kBAAkBvP,GAAM1yB,aAAa,kBACxCgiC,GAAa3zB,iBAAiBqkB,IAC9BmO,GAAWz5B,EAAQ8B,wBAChB43B,aAAaJ,EAAIC,GACtBqB,GAAW7hC,iBACF+G,iBAAiB25B,GAAU,MAE3B13B,WAAW03B,MAGf9sB,cAAcgtB,EAAsBrO,cACpCuP,kBAAkBL,IAK7BJ,IACE7sB,EAAMxU,gBACF+G,iBAAiBo8B,GAAM,KAEvBn6B,WAAWm6B,UAKlB,KAEC9iB,GAAMzY,QAAQoT,OAOfqF,IAA4B,SAArBrF,EAASpK,QAAoB,OAAO,SAE5C9E,GAAI7E,EAAQwF,kBAEVzP,GAAQsV,iBAAiB0I,MAC3Bhe,GAAO,IACIxB,EAAG6kB,GAAI7kB,EAAI6kB,GAAIpY,MAAQ,EAAGxM,EAAG4kB,GAAI5kB,EAAI4kB,GAAIxY,OAAS,KACnDiM,eACVuM,GAAI7kB,EAAI6kB,GAAIpY,MAAQ,EACpBoY,GAAI5kB,EAAI4kB,GAAIxY,OAAS,EACrBwN,yBAAyBb,GAAOrL,gBAG5BC,GAAIpM,GAAQ8G,KAAK+R,GAAK,IACtBwB,GAAKvT,KAAKwQ,IAAIlL,IAAM,MACtBtF,KAAKuS,IAAIjN,KAAM,EAAItF,KAAKsS,IAAIhN,KAE5B,EAAIA,GAEC8B,GAAI,EAAGA,GAAIsJ,EAAMxU,gBAAiBkL,GAAG,KACtCW,GAAQ2I,EAAMvL,QAAQiC,OACT,IAAfW,GAAM5T,KAAY,KAEdqpC,GAAKz1B,GAAM1C,SACP1N,GAAK4b,GAAIiqB,GAAG93B,EAAI83B,GAAG73B,GAAK,IACxBjO,GAAK8lC,GAAG93B,EAAI6N,GAAIiqB,GAAG73B,GAAK,IAC5BxJ,WAAWiL,gBAOnBq2B,GAAY,EACVpZ,GAAI3T,EAAMxU,kBAKX2J,WAAY,KACT25B,GAAOtoB,EAASnb,aAAa,WAC/ByjC,IAAQA,GAAKviB,WAAW,QAAS,KAC7BwiB,GAAQtiB,WAAWqiB,IACrBrrC,GAAO,aACPsrC,GAAM3yB,UAAY3Y,KAAMA,GAAO,YAEnB,mBADAsrC,GAAM1jC,aAAa5H,GAAO,SACR,IAE5Bod,yBAAyBb,GAAOrL,WAC9Bq6B,GAASt1B,iBAAiBq1B,IAC1BE,GAAUpuB,yBAAyBmuB,IAAQr6B,OAE3Cu6B,GAAO,eADT1vB,eAAelI,GAAG23B,KACMr6B,EAAG0C,GAAEzC,EAAGyC,GAAExC,EAAGwC,GAAEvC,EAAGuC,GAAEtC,EAAGsC,GAAErC,GAAGsC,KAAK,KAAO,OAC9DnM,aAAa3H,GAAO,YAAayrC,SASzCvb,IAAK,GAAmC,IAA9B3T,EAAMvL,QAAQkf,GAAI,GAAGlwB,MACH,IAA9Buc,EAAMvL,QAAQkf,GAAI,GAAGlwB,MAA4C,IAA9Buc,EAAMvL,QAAQkf,GAAI,GAAGlwB,QAI5C,KACRod,yBAAyBb,EAAO2T,GAAI,EAAGA,GAAI,GAAGhf,SAC5ClJ,WAAWkoB,GAAI,KACfloB,WAAWkoB,GAAI,KACfloB,WAAWkoB,GAAI,QAGhB,GAAU,IAANA,IAAyC,IAA9B3T,EAAMvL,QAAQkf,GAAI,GAAGlwB,KAAY,IACzC,KACRod,yBAAyBb,GAAOrL,WAC9B44B,GAAM96B,EAAQ8B,wBAChB62B,UAAU9zB,MACR4L,UACA1O,WAAW+4B,OAEb96B,EAAQwF,uBAKP,IAAW,IAAN0b,IAAYA,GAAI,GAA+B,IAA1B3T,EAAMvL,QAAQ,GAAGhR,OACtB,IAA1Buc,EAAMvL,QAAQ,GAAGhR,KAAY,IACjB,MACN0rC,GAAWnvB,EAAMvL,QAAQ,GAAGE,OAChCy6B,GAAMvuB,yBAAyBb,EAAO,GAAGrL,OACzC06B,GAASD,GAAI3kB,aACXjL,eAAe6vB,GAAQF,GAAUC,MAC/B3jC,WAAW,OAGZ,CAAA,GAAU,IAANkoB,IAAqC,IAA1B3T,EAAMvL,QAAQ,GAAGhR,MAAe+E,GA8B/C,OACO,EACRA,GAAO,KACH6lC,GAAS57B,EAAQ8B,wBAChB2X,UAAU1jB,GAAOokC,EAAU5lC,EAAG4lC,EAAU3lC,GAE3C+Y,EAAMxU,gBACF+G,iBAAiB87B,GAAQ,KAEzB75B,WAAW65B,WAGO,IAAxBruB,EAAMxU,iBACCqS,gBAAgB,aAEpB,eA3CHgD,yBAAyBb,GAAOrL,OAC5B6R,EAASpK,aACZ,SACO1L,IAAE8V,GAAUpQ,MAAM,KAAM,KAAM,KAAM,WAE3C,eACA,eACKvG,OAAS2W,EAASnb,aAAa,UACnC8T,EAAQtP,OAAQ,KACZkT,GAAOyD,EAAS3W,OAChB0G,GAAMwM,GAAKvX,gBACTqE,OAAS,IAAIgH,MAAMN,QACtB,IAAIG,GAAI,EAAGA,GAAIH,KAAOG,GAAG,KACtBmN,GAAKd,GAAKtO,QAAQiC,MAChB7G,OAAO6G,KAAM1P,EAAG6c,GAAG7c,EAAGC,EAAG4c,GAAG5c,QAIrC,SACK8N,EAAIyR,EAASnb,aAAa,QACtB,IACN6X,YA0BQ,IAAd6pB,IAAiC,IAAdA,IAAiC,IAAdA,iBAC3BvmB,EAAUrH,EAAS7H,IAIhB,IAAdy1B,GAAiB,IACfvkC,GAAO,CACJuX,mBAAmBC,UAEjB2sB,EAAU3lC,EAAIsQ,GAAEtC,IAChB23B,EAAU1lC,EAAIqQ,GAAErC,QAGjBo5B,GAAS57B,EAAQ8B,wBAChB2X,UAAU1jB,GAAOokC,EAAU5lC,EAAG4lC,EAAU3lC,GAC3C+Y,EAAMxU,gBACF+G,iBAAiB87B,GAAQ,KAEzB75B,WAAW65B,OAMI,SAArB7nB,EAASpK,gBACL2d,GAAWvT,EAASuR,WACtBjjB,GAAIilB,GAAS91B,OACV6Q,MAAK,KACJipB,GAAQhE,GAASvsB,KAAKsH,OACN,UAAlBipB,GAAM3hB,QAAqB,KACvBkzB,MACD5+B,IAAEqtB,IAAO3nB,KAAK,MAAQ,IACtB1F,IAAEqtB,IAAO3nB,KAAK,MAAQ,gBAEd2nB,GAAOuR,GAAch4B,WAQnC,GAAkB,IAAdy1B,IAAmBvkC,GAAO,KAC7B8O,GAAIuJ,yBAAyBb,GAAOrL,OACpC85B,GAAQh8B,EAAQ8B,wBAChB2X,UAAU1jB,GAAOmkC,EAAU3lC,EAAG2lC,EAAU1lC,OACxCynC,GAAOD,GAAM95B,OACbg6B,GAAOl8B,EAAQ8B,wBAChB2X,UAAU1jB,GAAOokC,EAAU5lC,EAAG4lC,EAAU3lC,OACvC2nC,GAAUD,GAAKh6B,OAAO8V,UACtBsjB,GAAOz2B,GAAEmT,UACTokB,GAASrvB,eAAeuuB,GAAMa,GAASF,GAAMp3B,iBAEtCkP,EAAUrH,EAAS0vB,IAC5BrmC,KACEwX,EAAMxU,gBACF+G,iBAAiBo8B,GAAM,KAEvBn6B,WAAWm6B,aAOG,IAAxB3uB,EAAMxU,iBACCqS,gBAAgB,eAGlBuB,cAAc,IAAI7B,qBAAqBiJ,EAAUimB,IAEnDvtB,GC9yBHxO,IAAIC,OAEN4+B,mBACAC,eACAC,wBACEC,WAAal6B,UAAY,GAAK,EAKvBm6B,+BAMEv2B,EAAIzC,EAAMxD,+BAEhBiG,GAAKA,OAGLoC,gBAAkB7E,OAGlBi5B,QAAS,OAGTC,cAAgBN,YAAYO,0BACtB,UACF12B,GAAK,gBAAkB/T,KAAK+T,WAIhC22B,aAAe1qC,KAAKwqC,cAAcvrB,YACrCirB,YAAYO,0BACD,gBAEF,cAAgBzqC,KAAK+T,QACpB,cACE,sBACQ,uBACI,YAEb,+BAMR42B,eACC,OACD,QACC,OACD,QACC,OACD,QACC,OACD,WAGAC,MAAM5qC,KAAKmW,gBAAiBrI,qDAQ5B6B,EAAG7B,QACHy8B,QAAS,OACTp0B,gBAAkBxG,OAClBk7B,OAAO/8B,QACP08B,cAAczkC,aAAa,UAAW,oDAO1B5C,OACb2nC,SACEC,KACFC,EAAQ/gC,KAAKqS,MAAMnZ,EAAQ,QAE1B2nC,KADDE,EAAQ,OAAc,GACdZ,iBAAiBa,gBACpB7iC,KAAK0iC,QAEPE,EAAQ,KACN5iC,KAAK2iC,EAAOG,iBAGjB75B,EAAI,MACHy5B,KAAOV,iBAAiBa,+BACVA,cAAcH,GAAK/kC,aAAa,QAAU,UAAYglC,EAAO15B,GAAK,iDAU5EmS,OACH2nB,EAAQ3nB,EAAO,SAAW,wBACf4nB,mBAAmBrlC,aAAa,UAAWolC,OACtD75B,EAAOtR,KAAKmW,qBACbk1B,SAAW7nB,EACZlS,GAAQkS,SACLgnB,cAAcj9B,OAAO68B,iBAAiBgB,yBACtCE,kBAAkB7yB,iBAAiBnH,oCAQpCxD,OACAy9B,EAAcvrC,KAAK0qC,aACvBc,EAAMpB,iBACNqB,EAAgBD,EAAIP,cACpB9pB,EAAWnhB,KAAKmW,gBAChBugB,EAAKvV,EAASnb,aAAa,gBAC3BqY,EAAc6rB,YAAY5rB,iBACxB0Y,EAAS,EAAI3Y,EACuB,SAApC8C,EAASnb,aAAa,WAAyB+B,MAAM2uB,QAC5CA,EAAK,OAGX3f,EAAWoK,EAAXpK,QACS,SAAZA,OACQ,EAAIsH,OAIV1D,EAAQtG,iBAAiB8M,GACzBlP,EAAIuJ,yBAAyBb,GAAOrL,YAIxCK,GAAK0O,IACLzO,GAAKyO,EAEFvQ,MACIC,QAAQoT,IAID,MAAZpK,IAAoB1L,IAAEipB,KAAKnT,EAAU,QAAS,KAG1CuqB,EAAc7W,gBAAgB1T,EAASuR,aACzCgZ,MACKA,OAKL7wB,EAAI/M,EAAKnM,EAAG2S,EAAIxG,EAAKlM,EAAGkZ,EAAIhN,EAAKM,MAAO2M,EAAIjN,EAAKE,UAC/CrM,EAAGkZ,EAAGjZ,EAAG0S,EAAGlG,MAAO0M,EAAG9M,OAAQ+M,MAM5BsD,QAEGzD,aAAaC,EAAIwD,EAAa/J,EAAI+J,EAAavD,EAAIuD,EAAatD,EAAIsD,EAAapM,GAC3FukB,EAASmV,EAATnV,MACCoV,EAAOpV,EAAM70B,EAAIq1B,EACnB6U,EAAOrV,EAAM50B,EAAIo1B,EACjB8U,EAAOtV,EAAMpoB,MAAkB,EAAT4oB,EACtB+U,EAAOvV,EAAMxoB,OAAmB,EAATgpB,EAGnB7kB,EAAKy5B,EAAOE,EAAO,EACvB15B,EAAKy5B,EAAOE,EAAO,EAEf5oC,EAAQsV,iBAAiB0I,MAC3Bhe,EAAO,KACH6oC,EAAM9B,YAAY+B,UAAU/8B,uBAC9B2X,WAAW1jB,EAAOgP,EAAIC,OACpB85B,EAAOF,EAAI18B,SACZ0E,GAAKiG,eAAe0xB,EAAK33B,GAAGrS,EAAGgqC,EAAK33B,GAAGpS,EAAGsqC,KAC1ClxB,GAAKf,eAAe0xB,EAAK3wB,GAAGrZ,EAAGgqC,EAAK3wB,GAAGpZ,EAAGsqC,KAC1CjxB,GAAKhB,eAAe0xB,EAAK1wB,GAAGtZ,EAAGgqC,EAAK1wB,GAAGrZ,EAAGsqC,KAC1ChxB,GAAKjB,eAAe0xB,EAAKzwB,GAAGvZ,EAAGgqC,EAAKzwB,GAAGtZ,EAAGsqC,OAGxCl4B,EAAM23B,EAAN33B,GACHmH,EAAOnH,EAAGrS,EACZ4Z,EAAOvH,EAAGpS,EACVyZ,EAAOrH,EAAGrS,EACVwqC,EAAOn4B,EAAGpS,EAELwZ,EAAYnR,KAAZmR,IAAKE,EAAOrR,KAAPqR,QAELF,EAAID,EAAMC,EAAIuwB,EAAK3wB,GAAGrZ,EAAGyZ,EAAIuwB,EAAK1wB,GAAGtZ,EAAGgqC,EAAKzwB,GAAGvZ,KAAOq1B,MACvD5b,EAAIG,EAAMH,EAAIuwB,EAAK3wB,GAAGpZ,EAAGwZ,EAAIuwB,EAAK1wB,GAAGrZ,EAAG+pC,EAAKzwB,GAAGtZ,KAAOo1B,OACvD1b,EAAID,EAAMC,EAAIqwB,EAAK3wB,GAAGrZ,EAAG2Z,EAAIqwB,EAAK1wB,GAAGtZ,EAAGgqC,EAAKzwB,GAAGvZ,KAAOq1B,GAK/C7b,OAJRG,EAAI6wB,EAAM7wB,EAAIqwB,EAAK3wB,GAAGpZ,EAAG0Z,EAAIqwB,EAAK1wB,GAAGrZ,EAAG+pC,EAAKzwB,GAAGtZ,KAAOo1B,GAK/Czb,MAGXgrB,EAAO,IAAMqF,EAAO,IAAMC,EAC9B,MAAQD,EAAOE,GAAQ,IAAMD,EAC7B,KAAOD,EAAOE,GAAQ,KAAOD,EAAOE,GACpC,IAAMH,EAAO,KAAOC,EAAOE,GAAQ,MACzBhmC,aAAa,IAAKwgC,OAExBv0B,EAAQ7O,EAAQ,WAAaA,EAAOgP,EAAIC,GAAIF,KAAK,KAAO,IAAM,OAe/D,IAAM44B,UAdNN,cAAczkC,aAAa,YAAaiM,QAIxC24B,gBACEiB,EAAMC,OACND,EAAOE,EAAMD,OACbD,EAAMC,EAAOE,OACbH,EAAOE,EAAMD,EAAOE,MACrBH,EAAQE,EAAQ,EAAGD,MACnBD,EAAMC,EAAQE,EAAQ,MACtBH,EAAOE,EAAMD,EAAQE,EAAQ,MAC7BH,EAAQE,EAAQ,EAAGD,EAAOE,IAEd/rC,KAAK2qC,WAAY,KAC3ByB,EAASpsC,KAAK2qC,WAAWG,KACjBA,GAAK/kC,aAAa,KAAMqmC,EAAO,MAC/BtB,GAAK/kC,aAAa,KAAMqmC,EAAO,MAI3CC,oBAAoBtmC,aAAa,KAAM6lC,EAAQE,EAAQ,KACvDO,oBAAoBtmC,aAAa,KAAM8lC,KACvCQ,oBAAoBtmC,aAAa,KAAM6lC,EAAQE,EAAQ,KACvDO,oBAAoBtmC,aAAa,KAAM8lC,EAAqB,EAAbxB,cAE/CiC,WAAWvmC,aAAa,KAAM6lC,EAAQE,EAAQ,KAC9CQ,WAAWvmC,aAAa,KAAM8lC,EAAqB,EAAbxB,qBAQjCkC,oEAGJC,oBAAsB,UAGtBC,cAAgB,UAGhBC,kBAGAC,oBAGA1B,kBACC,OACD,QACC,OACD,QACC,OACD,QACC,OACD,WAGAG,mBAAqB,UACrBiB,oBAAsB,UACtBC,WAAa,UAEbM,wEA6BA,IAAM9B,KArBP9qC,KAAKwsC,qBAAuBxsC,KAAKwsC,oBAAoBr1B,iBAClDq1B,oBAAoB5+B,cAItB4+B,oBAAsBtC,YAAYO,0BAC5B,UACF12B,GAAI,8BAERq3B,mBAAqBlB,YAAYO,0BAC3B,UACFzH,QAAS,eAEbwJ,oBAAoBj/B,OAAOvN,KAAKorC,gCACzBa,UAAU1+B,OAAOvN,KAAKwsC,0BAE7BG,oBACAD,kBACAD,cAAgB,KAGHzsC,KAAKirC,cAAe,KAC9B4B,EAAO3C,YAAYO,0BACd,kBAEF,uBAAyBK,OACxB,SACHT,iBACK,UAAYS,EAAM,yBAKV,mBACE,aAIpBxW,KAAKuY,EAAM,MAAO/B,OAClBxW,KAAKuY,EAAM,OAAQ,eAChB5B,cAAcH,GAAO9qC,KAAKorC,mBAAmBnsB,YAAY4tB,WAI3DR,oBAAsBrsC,KAAKorC,mBAAmBnsB,YACjDirB,YAAYO,0BACD,gBAEF,sCACG,sBACQ,aAKjB6B,WAAatsC,KAAKorC,mBAAmBnsB,YACxCirB,YAAYO,0BACD,kBAEH,2BACE,SACHJ,kBACK,sBACQ,QACT,cAAgBF,QAAQ2C,QAAU,mCAI7CxY,KAAKt0B,KAAKssC,WAAY,OAAQ,WAE5BjhC,IAAE,qBAAqBzM,4BAEHurC,QAAQ4C,cAAzB3+B,OAAOJ,OACRg/B,EAAW9C,YAAYO,0BAClB,eAEH,sCAGD,IACA,WACQ36B,WAAa,OAAS,gBAC1B,yBAILxB,EAAO47B,YAAYO,0BACd,mBAEA,cACC,SACL,IACA,iBACa,SACR,YACF,aACC,2BAOFl9B,OAAOe,eACJ29B,UAAU10B,aAAay1B,EAAU9C,YAAY+C,uDAU1C37B,EAAMxD,MACT,MAARwD,SAAuB,SAErBgd,EAAItuB,KAAK0sC,UAAU9tC,UAEgB,WAArCsuC,QAAOltC,KAAK2sC,YAAYr7B,EAAKyC,iBAC1B44B,YAAYr7B,EAAKyC,IAAIw2B,QAAS,EAC5BvqC,KAAK2sC,YAAYr7B,EAAKyC,QAE1B,IAAI1C,EAAI,EAAGA,EAAIid,IAAKjd,KACnBrR,KAAK0sC,UAAUr7B,KAAOrR,KAAK0sC,UAAUr7B,GAAGk5B,mBACrCmC,UAAUr7B,GAAGk5B,QAAS,OACtBmC,UAAUr7B,GAAGu5B,MAAMt5B,EAAMxD,QACzB6+B,YAAYr7B,EAAKyC,IAAM/T,KAAK0sC,UAAUr7B,GACpCrR,KAAK0sC,UAAUr7B,eAIrBq7B,UAAUpe,GAAK,IAAIgc,SAAShc,EAAGhd,EAAMxD,QACrC0+B,oBAAoBj/B,OAAOvN,KAAK0sC,UAAUpe,GAAGkc,oBAC7CmC,YAAYr7B,EAAKyC,IAAM/T,KAAK0sC,UAAUpe,GACpCtuB,KAAK0sC,UAAUpe,2CAQPhd,MACH,MAARA,OACEgd,EAAItuB,KAAK0sC,UAAU9tC,OACvBmtB,EAAM/rB,KAAK2sC,YAAYr7B,EAAKyC,IACzBgY,EAAIwe,gBAECtyB,IAAI,+DAET,IAAI5G,EAAI,EAAGA,EAAIid,IAAKjd,KACnBrR,KAAK0sC,UAAUr7B,IAAMrR,KAAK0sC,UAAUr7B,KAAO0a,EAAK,QAC3C/rB,KAAK2sC,YAAYr7B,EAAKyC,MACzBw2B,QAAS,IACTp0B,gBAAkB,OAClBg3B,WAAU,SAIR3C,cAAczkC,aAAa,UAAW,QAC1C,MAAO4J,8DAYR3P,KAAKysC,qBACHA,cAAgBzsC,KAAKwsC,oBAAoBvtB,YAC5CirB,YAAYO,0BACD,gBAEH,0BACE,sBACU,WACR,sBACQ,WACP,aACF,2BAKRzqC,KAAKysC,uBA8CH33B,OAAO,SAAU+kB,EAAQuT,WAC1BvT,cACIuT,mBACK,IAAIb,iBAOZc,mBAAqB,kBAAMjD,kBCnelC/+B,IAAI2jB,YAAY1jB,QAEpBsL,qBAEEof,mBAFkBre,uBAElBqe,qBAFwCje,uBAExCie,qBADF9d,uBACE8d,qBADoBrd,eACpBqd,aADkC9c,cAClC8c,YAD+Ctf,oBAC/Csf,kBAECr3B,OAAOqZ,iBACHA,kBACAA,QAAQC,IAAM,SAAUnF,YACxBkF,QAAQ8yB,IAAM,SAAUh4B,MAG7BnU,OAAOmN,eACFkM,QAAQC,IAAM,SAAUnF,SAAaw6B,UAAUx6B,WAC/CkF,QAAQ8yB,IAAM,SAAUh4B,UA+B3By6B,UAKJ,WAAaC,EAAW3T,8BAIpB4T,wBACiB,aACV,cACE,IAAK,MAIhB5T,OACA5D,OAAOwX,EAAW5T,OAIfkT,EAAcU,EAAdV,WAED5e,EAASnuB,KAIT07B,EAAS8R,EAAUja,cAOnBnmB,EAAUsuB,EAAOgS,WACrB7b,SACE,4BAA8B3yB,GAAGsM,IAAM,cAAgBtM,GAAG6zB,MAAQ,YACpDga,EAAW,GAAK,aAAeA,EAAW,GAAK,QAAUA,EAAW,GAAK,QAAUA,EAAW,GAAK,wTAYjHz/B,iBACF,KAEQC,OAAOH,OAObC,EAAaquB,EAAO51B,gBAAgB5G,GAAGsM,IAAK,QAOjB2iB,EAAOwf,uBAAyB,eAC3DtgC,GAAY+uB,YAGZ/uB,GAAY0D,SACR,mBACGg8B,EAAW,UACVA,EAAW,KAChBA,EAAW,KACXA,EAAW,YACJU,EAAUG,oBAAsB,UAAY,eAC/C1uC,GAAGsM,eACEtM,GAAGu/B,iBACAv/B,GAAG6zB,QACjB8a,SAASzgC,OAGN0gC,EAAUpS,EAAOqS,cAAc,kEAC1BxgC,OAAOugC,WAKhBE,EAAW,SAQRC,YAAc,SAAUt0B,KAClBA,KAQNu0B,iBAAmB,IAAIC,QAAa9gC,EAAY2gC,OAOjDjM,EAAoB5T,EAAO4T,kBAAoB,kBAC5C5T,EAAO+f,kBAOZ7vB,EAAc,EAGduhB,EAAe,KAGbwO,gBAEkC,SAA7BX,EAAUY,SAASC,MAAmB,GAAK,KAAOb,EAAUY,SAASC,iBAChE,kBACEb,EAAUY,SAAStS,eACzB,IAAM0R,EAAUc,WAAWD,mBACrB,oBACEb,EAAUc,WAAWxS,qBACvB0R,EAAUc,WAAWngC,uBACjB,uBACD,uBACD,eACPq/B,EAAUe,gBAIThhC,KAAOnC,IAAE4qB,QAAO,KAAUmY,EAAcK,WACpDxY,OAAOmY,EAAc5gC,WACf,uBACQigC,EAAUjgC,MAAQigC,EAAUjgC,KAAKkhC,uBACpCjB,EAAUjgC,MAAQigC,EAAUjgC,KAAKmhC,sBAC/BlB,EAAUjgC,MAAQigC,EAAUjgC,KAAKohC,kBAI1CC,EAAWT,EAAcK,MAI3BK,KAcEC,EAAwB/uC,KAAK+uC,sBAAwB,SAAUza,MAE7C,IAAlBA,EAAK7B,SAAgB,OAAO6B,EAAKqE,kBAUrB5nB,EARVi+B,WACK1a,EAAKvd,6BAOP1F,EAAI,EAAUN,EAAOujB,EAAK1tB,WAAWyK,GAAKA,MAC1CN,KAAKA,EAAKxR,MAAQwR,EAAKE,UAI3B,IAAWuzB,EAAPnzB,EAAI,EAAUmzB,EAAOlQ,EAAK5B,WAAWrhB,GAAKA,MAC1CqjB,SAASrjB,GAAK09B,EAAsBvK,UAGtCwK,GAQHvjB,EAAwBzrB,KAAKyrB,sBAAwB,SAAU6I,MAC/C,iBAATA,EAAmB,OAAOoH,EAAOuT,eAAe3a,OAEvDma,EAAQ3vB,QAAQwV,EAAKvjB,KAAKgD,IAExBquB,EAAeL,IAAoBM,qBACrCoM,GAASna,EAAK9H,UAAYiiB,EAAM13B,YAC5BnJ,WACE,OAEL6gC,EAAO,KACJ9W,EAAKrD,EAAK4a,WAAahwC,GAAGsM,MACxBkwB,EAAO51B,gBAAgB6xB,EAAIrD,EAAK9H,SACpC4V,IACDxC,GAAgBwC,GAAc70B,OAAOkhC,UAGtCna,EAAK6a,4BACUV,QACTI,EAASpF,YACPoF,EAASO,sBACDP,EAASH,gCACLG,EAASQ,mCACVR,EAASS,iCACVT,EAASU,gCACTV,EAASW,8BACXX,EAASY,qBAChBZ,EAAS9S,QAAU,QACrB,0BACN,sBAEY0S,EAAOna,EAAKvjB,KAAM,oBACpB09B,GAGXna,EAAKI,YACFA,SAASp1B,QAAQ,SAACo5B,KACfnrB,OAAOke,EAAsBiN,MAIhC+V,KAGFp6B,iBAAmBA,mBAEnB8F,eAAiBA,iBACjBO,mBAAqBA,qBACrBc,yBAA2BA,6BAK5B9F,EAAc,kBAAe+3B,EAAUiC,yCAY7B5wB,oCACUzR,EAAWrH,aAAa,UAAYqY,8BACrChR,EAAWrH,aAAa,SAAWqY,oCAC7BsxB,EAAYC,kBAIpCh6B,aAAeA,iBAMhBwd,EAAgB,kBAAe/lB,GAO/B0f,EAAsB/sB,KAAK6vC,iBAAmB,kBAC3Cf,GAGHzmB,EAAcynB,YAMdrvB,EAAa,kBAAMrT,wHAWMsuB,qCACC8R,gEAIAC,EAAUsC,kBAInC7c,SAAWA,WACXN,eAAiBA,iBACjBta,QAAUA,UACV0a,QAAUA,QACK7E,EAAOpgB,QAAUiZ,UAChCvO,iBAAmBA,mBACnBqG,QAAUA,UACVsI,WAAaA,aACboQ,iBAAmBA,sBAErBK,eAAiBA,mBAMhBhO,EAAkB,kBAAe4jB,EAAUuC,mDAOtBjO,2CAKtBlX,aAAeA,sEAQcolB,8BACXlhC,KAA8BA,UAGhDg4B,sBAAwBA,0BAGvBmJ,EAAQ/wC,iBACPolC,YAAcA,gBAOf7G,EAAUvP,EAAOuP,QAAU,IAAIxkB,2CAOfi3B,EAAWp3B,OACvBq3B,EAAa15B,uBAEfy5B,IAAcC,EAAW34B,gBAAkB04B,IAAcC,EAAW94B,eAC/D4N,sBACF,GAAIirB,IAAcC,EAAW54B,aAAe24B,IAAcC,EAAW14B,cAAe,KACnFoB,EAAQC,EAAIE,aACXoP,YAAYxK,UACd,UAAW/E,OACVu3B,EAAUt3B,EAAI3a,OACdkyC,EAAWH,IAAcC,EAAW54B,eACtC64B,IAAYz5B,qBAAmBxY,QAClBkyC,EAAUv3B,EAAI7B,UAAY6B,EAAIjC,aAC9BzJ,yBAGV,GAAIgjC,IAAY14B,uBAAqBvZ,QACxCiyC,IAAYt4B,uBAAqB3Z,OAC/B2a,EAAInB,SAAWvK,oBAGfgjC,IAAY14B,uBAAqBvZ,OAC/BkyC,KAA2Bv3B,EAAIzH,MAE9Bg/B,KAA2Bv3B,EAAIzH,MAEb,QAArByH,EAAIzH,KAAKyF,YACAgC,EAAIzH,WAEZ,GAAI++B,IAAYn4B,uBAAqB9Z,OAAQ,CAEzB,UAArB2a,EAAIzH,KAAKyF,SACXgC,EAAIzH,KAAK6F,WAAWA,aAAe9J,wBAI/BmG,EAAS88B,EAAUv3B,EAAIX,UAAYW,EAAIV,UAEzC7E,EAAO+8B,gBACFC,eAAez3B,EAAIzH,KAAK6F,WAAY3D,EAAO+8B,mBA0BtDtjB,EAAsB,SAAUlU,KAC7B2kB,QAAQzQ,oBAAoBlU,IAQ/BuF,EAAiBte,KAAKywC,QAAU,kBAAqBpyB,GAOrD/B,EAAQtc,KAAKsc,MAAQ,SAAUxK,UAC5B4J,SAAS5J,EAAMuM,EAAa,IAAMA,UAIzCovB,6BAMoBiD,UAAkBviB,EAAO1C,sBAAsBilB,8BAC7CtjC,gCACGC,0BASrBmc,EAAkBxpB,KAAKwpB,gBAAkB6jB,qBAMzC5lB,EAAY0G,EAAO1G,UAAY,kBAC5Bsa,IAAoBta,aAOvB4C,EAAQ8D,EAAO9D,MAAQ,kBACpB0X,IAAoB1X,SAWvB1H,EAAO,SAAU1kB,EAAI0yC,MACrBC,GAAO3yC,UACF2yC,GAAO3yC,GAAIU,OAAQgyC,IAWxBzrB,EAAiBllB,KAAKklB,eAAiB,SAAU2rB,KACpCvxC,QAAQ,SAACgS,GACZ,MAARA,KAGYw/B,gBAAgBx/B,UAI7Bu/B,KAAe,WAAY/B,IAS5BjiB,EAAiB7sB,KAAK6sB,eAAiB,SAAUkkB,EAAY5D,MAC5D4D,EAAWnyC,gBAGZ+S,EAAI,EACDA,EAAIm9B,EAAiBlwC,QACC,MAAvBkwC,EAAiBn9B,MAGnBA,UAIAN,EAAI0/B,EAAWnyC,OACZyS,KAAK,KACNC,EAAOy/B,EAAW1/B,MACjBC,OACCxD,EAAOkZ,QAAa1V,MACrBxD,IAEgB,MAAjBwD,EAAKyF,SAA8C,IAA3BzF,EAAKohB,WAAW9zB,WAEnC0S,EAAKkiB,aAITsb,EAAiB9iC,SAASsF,IAAO,GACnBK,GAAKL,UAKhBya,EAAMvC,EAAgBwnB,gBAAgB1/B,EAAMxD,GAE9CghC,EAAiBlwC,OAAS,KACxBuuC,WAAU,WAIf,WAAY2B,GAEb3B,GAAyC,IAA5B2B,EAAiBlwC,SAChBoyC,gBAAgBlC,EAAiB,IAAI3B,WAAU,KAE/C6D,gBAAgBlC,EAAiB,IAAI3B,WAAU,KAMhD5nB,KAAK,SAAUhW,EAAGC,UAC7BD,GAAKC,GAAKD,EAAE0hC,wBACP,GAAoC,EAA/BzhC,EAAEyhC,wBAAwB1hC,IAE/B,MAALA,EACK,WAKmB,MAAvBu/B,EAAiB,MACL5D,MAAM,KAOrBxf,EAAa,kBACVmjB,EAAS9S,SAOZ5Q,EAAiBnrB,KAAKmrB,eAAiB,SAAUzC,MAC1C,MAAPA,SACK,SAELC,EAAcD,EAAI7pB,UAGlB8pB,EAAYuoB,4BAAyCvoB,EAAYuoB,0BAIhEhyC,GAAGiyC,KAAMjyC,GAAGkyC,MAAMplC,SAAS2c,EAAYpX,eACvB,cAAnBoX,EAAY5U,QAEoB,kBAAzB4U,EAAYuE,iBACHvE,EAAYxR,mBACC/J,MAMzBg1B,EAAeL,IAAoBM,sBACpCj1B,EAASogC,EAAWngC,EAAY+0B,GAAcp2B,SAAS2c,UACnDvb,KAGO/B,IAAEsd,GAGNyM,QAAQ,wBAAwBx2B,cAGnC4qB,EAAgBgjB,yBAGlB7jB,EAAYxR,cAAgByoB,GAAgBwC,MACnCzZ,EAAYxR,kBAcrBwR,KAQFN,YAAcA,4DAIJ1O,KACb5T,aAAa,IAAKsiB,EAAYV,YAAYhO,2MAqBjC6zB,uBAEGhwB,KACAA,kCAGH6L,0BAEKgoB,aACAA,qCASM5rB,IAAAA,cAAeD,IAAAA,QAErBoI,gBAAiB,IACjB0jB,eAAiB7rB,IACxB,eAAgBA,gBAAeD,YAC/B,WAAYA,+BAQNzM,IAAAA,IAAKzH,IAAAA,OACIyH,KACf,WAAYzH,4FAOVigC,2BAEOC,YACAA,kCAIPznB,0BAEK0nB,aACAA,sBAQZ90B,KAEAuS,EAAW,4FACXwiB,GAAY,YAAa,OAAQ,SAAU,aAAc,aAAc,eAAgB,OAAQ,UAE/FjO,EAASp4B,IAAEipB,KAGXqd,EAAU3yC,SAAS8G,gBAAgB5G,GAAGsM,IAAK,eAC/CmmC,GAAS5gC,oBACM,gBACR,iBACF,OACC,WACL88B,SAASzgC,SAENwkC,EAAkB,SAAlBA,EAA4BtgC,OAE1B6G,EAAQ9M,IAAEiG,GAAMP,KAAK2gC,OACtB,IAAMhM,KAAKvtB,EAAO,KACfrG,EAAMqG,EAAMutB,MACd5zB,GAAOA,EAAIoV,WAAW,QAAS,KAC3BnT,EAAK6e,eAAe9gB,GAAK+D,OAAO,GAC1BiJ,QAAQ/K,gBAEPxG,OAAOskC,EAAgB99B,WAC3B89B,EAAgB99B,SAKvB+9B,EAASxgC,EAAKygC,qBAAqB,QAErCD,EAAOlzC,WACJ,IAAIyS,EAAI,EAAGwJ,EAAIi3B,EAAOlzC,OAAQyS,EAAIwJ,EAAGxJ,MACxBygC,EAAOzgC,KAsBvB2gC,QAMWpC,aAAc,UAMnBxB,EAAc5gC,iBAUPigC,EAAUX,QAAU,cAG3B,IAGO,OAGH,YAGM,UAGJ+B,KAMD,QAGH,cAMK,KAmBboD,GAAgBjyC,KAAKiyC,cAAgB,SAAUhZ,EAAQiZ,EAAMC,OAC7D37B,IAAS27B,iBACX50B,KAAK60B,EAAY,SAAU7yC,EAAM8yC,GAC7BA,GAAOpZ,KAAUoZ,IACC,mBAATH,MACFA,EAAK3yC,IAEV4yC,IACK/pC,KAAKiqC,EAAIpZ,GAAQiZ,MAEfG,EAAIpZ,GAAQiZ,MAIpB17B,QAyHJ87B,yDAAe,WAAgB/yC,EAAMgzC,EAAaC,6FAC1B,mBAAhBD,wBACH,IAAIE,UAAU,0EAGhBlzC,KAAQ6yC,wBAcG/mC,IAAE4qB,OAAO9H,EAAOukB,iEAItB3Q,IAAoBF,gCAGzB0Q,kCACaA,EAAYI,iCAEzBC,MACKrzC,KAAOA,KAGLA,GAAQqzC,oBACZjwB,EAAK,kBAAmBiwB,oBAEvB36B,IAAI,yBAA2B1Y,EAAO,oJAgB5CszC,GAAsB7yC,KAAK6yC,oBAAsB,SAAUvkC,MAC9C,MAAb+a,UAA4B,SAE1BzR,EAASgoB,GAAgBmC,IAAoBM,kBAE/CyQ,YACCxkC,KASUjB,EAAW5B,iBACb9J,EAAI2M,EAAK3M,IACTC,EAAI0M,EAAK1M,IACTwM,MAAQE,EAAKF,QACbJ,OAASM,EAAKN,WAbhB,GACIqb,GAAUtb,cACjBkH,EAAK5H,EAAW5B,oBAEjB,IAAMi6B,KAAKoN,IACXpN,GAAKoN,EAAWpN,GAAKrnB,IAEbpJ,MASX89B,EAAa,QACZ/iC,MACwC,mBAAhC5C,EAAQylC,wBAENlxC,GAAK+Z,SAASrO,EAAWrH,aAAa,KAAM,MAC5CpE,GAAK8Z,SAASrO,EAAWrH,aAAa,KAAM,MAE1CoH,EAAQylC,oBAAoBC,EAAYl7B,IAIvC,MAAdm7B,GAAiD,mBAApBA,EAAW5qC,KAAqB,MAG1D6qC,GAAUp0C,YAEDq0C,GAA4Br7B,YAEtCvG,EAAI2hC,GAAUp0C,OACXyS,KACAyhC,EAAW1kC,OACZqO,eAAeq2B,EAAYE,GAAU3hC,GAAGvD,SAC/B1F,KAAK4qC,GAAU3hC,GAAGC,aAQ5ByhC,QAGJle,eAAiBwC,kCAEjBH,mBAAqBA,uBAgBpB+b,GAA8BjzC,KAAKizC,4BAA8B,SAAUr7B,GAC1EA,MACMvM,IAAEgC,GAAYqnB,gBAEnByC,gBACJvf,GAAQ8c,WAAWnX,KAAK,SAAUlM,EAAGC,GACjCA,EAAKvD,WACM3F,MAAMkJ,OAAMxD,KAAMupB,8BAA8B/lB,QAG1D6lB,EAAaC,WAShB8b,GAAelzC,KAAKkzC,aAAe,SAAU5hC,OAC3CnD,EAAInP,SAAS8G,gBAAgB5G,GAAGsM,IAAK,OACtC2nC,YAAYhlC,OACfA,GAAGZ,OAAO+D,GAAMgjB,KAAK,OAAQhjB,GAAM,GAAGyC,GAAK0T,KAMzCmpB,QAECjuB,KAAOA,IAyHP1b,KAAO,SAAUhJ,EAAI2R,OACpBgV,EAAMgsB,GAAO3yC,aACZA,GAAM2R,EACNgV,QASJwuB,WAAa,SAAUC,QACrB9O,YAAY8O,EAAO/lC,6CAGN+lC,EAAO/f,uBAAuBp0B,GAAGsM,IAAK,UAClDlM,QAAQ,SAACsN,KACR7G,aAAa,IAAKsiB,EAAYV,YAAY/a,MACnCmiB,OAAOniB,UAcjB0mC,GAAU,SAAUhiC,OACnBvB,iBAAoBuB,MACnBrJ,EAAQqJ,EAAK9C,WAAU,YACxBsnB,OAAO7tB,KACP2F,WACWkjC,gBAAgBx/B,KACf,GAAKrJ,IACN+oC,gBAAgB/oC,GAAOklC,WAAU,GAC1CllC,QAmBJsrC,iBAAmB,SAAUzhC,EAAK0hC,KAE/B//B,WAAW3B,OACXR,EAAOw9B,EAAiB,GACxB2E,EAAeniC,EAAKtL,aAAa,aACjC8H,EAAOkZ,QAAa1V,GACpBa,EAAKrE,EAAKnM,EAAImM,EAAKM,MAAQ,EAAGgE,EAAKtE,EAAKlM,EAAIkM,EAAKE,OAAS,EAC1D2M,EAAQtG,iBAAiB/C,GAG3BqJ,EAAMxU,cAAgB,IAEL,IADLwU,EAAMvL,QAAQ,GAClBhR,QACFgI,WAAW,OAIT,IAAR0L,EAAW,KACP4hC,EAASz5B,eAAe9H,EAAIC,EAAIoJ,yBAAyBb,GAAOrL,QAChEsX,EAAMxZ,EAAQ8B,uBAChB2X,UAAU/U,EAAK4hC,EAAO/xC,EAAG+xC,EAAO9xC,GAChC+Y,EAAMxU,gBACF+G,iBAAiB0Z,EAAK,KAEtBzX,WAAWyX,QAEc,IAAxBjM,EAAMxU,iBACVqS,gBAAgB,iBAGlBg7B,EAAa,KAGVG,EAAeriC,EAAKtL,aAAa,eAClCD,aAAa,YAAa0tC,MACP,YAAaE,EAAc7E,KAC9C,UAAWA,OAMZ8E,EAAWpqB,EAAgBwnB,gBAAgBlC,EAAiB,MACzDjE,WACAS,kBAAkBx5B,QAUvB+hC,GAAmC7zC,KAAK6zC,iCAAmC,mBAEzEh6B,EAAW,IAAIlB,eADe,SAAtBm7B,GAA+B,WAAa,QAGtDziC,EAAIy9B,EAAiBlwC,OAClByS,KAAK,KACJC,EAAOw9B,EAAiBz9B,GAExB0H,EAAMguB,sBAAsBz1B,GAC9ByH,KACOgB,cAAchB,GAItBc,EAASk6B,cACQl6B,KACf,UAAWi1B,KAUdkF,GAAY,SAAU/hC,WAClBgG,KAAKhG,EAAE1C,EAAG0C,EAAEzC,EAAGyC,EAAExC,EAAGwC,EAAEvC,EAAGuC,EAAEtC,EAAGsC,EAAErC,KAItCqkC,GAAW,KAeTC,GAAal0C,KAAKk0C,WAAa,SAAUp7B,EAAOq0B,MACrC,KACAr0B,EAAOq0B,IAYUntC,KAAKm0C,oBAAsB,SAAUC,MAC1C,MAAvBtF,EAAiB,IAChBsF,EAAcx1C,gBAGby1C,KACJnjC,EAAM49B,EAAiBlwC,OAChByS,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBC,EAAOw9B,EAAiBz9B,GAC1BC,IAEG8iC,EAAcpoC,SAASsF,KAGVw/B,gBAAgBx/B,KAFflJ,KAAKkJ,MAOT+iC,SAQhBC,wBAA0B,eACvBlS,EAAeL,IAAoBM,kBACrCD,MACY,YACH/2B,IAAEu0B,GAAgBwC,GAAc1N,kBAQzC6f,GAQF/oB,GACF5C,GACAC,GACA2rB,GACAC,GACAC,GACAC,GACAC,GACAC,GACAjhB,GACAnF,GACAqmB,GACAC,GACAC,GAGIC,GA5BFlrB,GAAY,KAIVwqB,SACE,UACA,UACA,UACA,MAIJ/oB,GAAQ,KACV5C,GAAS,KACTC,GAAS,KACT2rB,GAAU,KACVC,GAAU,KACVC,MACAC,GAAc,EACdC,IAAkBjzC,EAAG,EAAGC,EAAG,GAC3BizC,IAAkBlzC,EAAG,EAAGC,EAAG,GAC3BgyB,IAASjyB,EAAG,EAAGC,EAAG,GAClB6sB,IAAO9sB,EAAG,EAAGC,EAAG,GAChBkzC,IAAWnzC,EAAG,EAAGC,EAAG,GACpBmzC,IAAWpzC,EAAG,EAAGC,EAAG,GACpBozC,UAGIC,GAAkB,SAAU3gC,OAC1B4gC,GAAUvzC,EAAG,EAAGC,EAAG,GACvBuzC,EAAKP,GACLQ,EAAKP,GACLQ,EAAKzhB,GACL0hB,EAAK7mB,GAEL0F,EAAK7f,EAAIA,EACTihC,EAAKphB,EAAK7f,EAENrC,KACF,EAAG,GAAI,EAAG,IACX,GAAI,EAAG,EAAG,KACT,EAAG,EAAG,EAAG,IACV,EAAG,EAAG,EAAG,aAGLtQ,EAXD,EAAM,IAYTwzC,EAAGxzC,EAAIsQ,EAAE,GAAG,GAAKmjC,EAAGzzC,EAAIsQ,EAAE,GAAG,GAAKojC,EAAG1zC,EAAIsQ,EAAE,GAAG,GAAKqjC,EAAG3zC,EAAIsQ,EAAE,GAAG,IAAMsjC,GACnEJ,EAAGxzC,EAAIsQ,EAAE,GAAG,GAAKmjC,EAAGzzC,EAAIsQ,EAAE,GAAG,GAAKojC,EAAG1zC,EAAIsQ,EAAE,GAAG,GAAKqjC,EAAG3zC,EAAIsQ,EAAE,GAAG,IAAMkiB,GACrEghB,EAAGxzC,EAAIsQ,EAAE,GAAG,GAAKmjC,EAAGzzC,EAAIsQ,EAAE,GAAG,GAAKojC,EAAG1zC,EAAIsQ,EAAE,GAAG,GAAKqjC,EAAG3zC,EAAIsQ,EAAE,GAAG,IAAMqC,GACrE6gC,EAAGxzC,EAAIsQ,EAAE,GAAG,GAAKmjC,EAAGzzC,EAAIsQ,EAAE,GAAG,GAAKojC,EAAG1zC,EAAIsQ,EAAE,GAAG,GAAKqjC,EAAG3zC,EAAIsQ,EAAE,GAAG,OAE7DrQ,EAjBD,EAAM,IAkBTuzC,EAAGvzC,EAAIqQ,EAAE,GAAG,GAAKmjC,EAAGxzC,EAAIqQ,EAAE,GAAG,GAAKojC,EAAGzzC,EAAIqQ,EAAE,GAAG,GAAKqjC,EAAG1zC,EAAIqQ,EAAE,GAAG,IAAMsjC,GACnEJ,EAAGvzC,EAAIqQ,EAAE,GAAG,GAAKmjC,EAAGxzC,EAAIqQ,EAAE,GAAG,GAAKojC,EAAGzzC,EAAIqQ,EAAE,GAAG,GAAKqjC,EAAG1zC,EAAIqQ,EAAE,GAAG,IAAMkiB,GACrEghB,EAAGvzC,EAAIqQ,EAAE,GAAG,GAAKmjC,EAAGxzC,EAAIqQ,EAAE,GAAG,GAAKojC,EAAGzzC,EAAIqQ,EAAE,GAAG,GAAKqjC,EAAG1zC,EAAIqQ,EAAE,GAAG,IAAMqC,GACrE6gC,EAAGvzC,EAAIqQ,EAAE,GAAG,GAAKmjC,EAAGxzC,EAAIqQ,EAAE,GAAG,GAAKojC,EAAGzzC,EAAIqQ,EAAE,GAAG,GAAKqjC,EAAG1zC,EAAIqQ,EAAE,GAAG,QAI/DijC,EAAOvzC,IACPuzC,EAAOtzC,QAssCZ4rC,GAAWgI,UA1rCK,SAAU9sB,OACtByF,EAAOsnB,UAA2B,IAAf/sB,EAAIgtB,YAErBC,EAA4B,IAAfjtB,EAAIgtB,OAEnBhtB,EAAIktB,UACCC,sBAAsB,EAAG,MAGvBxqC,IAAE,iBAAiB,GAAGyqC,eAAe1wB,cAE1C5G,EAAKvE,eAAeyO,EAAIqtB,MAAOrtB,EAAIstB,MAAO/B,IAC9CvqB,EAASlL,EAAG7c,EAAI0c,EAChBsL,EAASnL,EAAG5c,EAAIyc,IAEdtf,iBAEA42C,MACY,YACGn3B,OAQf7c,EAAI+nB,EAASrL,EACfzc,EAAI+nB,EAAStL,EACXsK,EAAcwC,EAAezC,GAEL,MAAxBC,EAAY5R,SAAqD,IAAlC4R,EAAY+J,WAAW9zB,WAC1C+pB,EAAY6K,gBAItByiB,EAAQt0C,KACJinB,GAASjnB,MACbu0C,EAAQt0C,QACJinB,GAASjnB,EAEf6rC,EAAUuC,iBACRlmB,WAAWnoB,KACXmoB,WAAWloB,MACNkoB,WAAWlB,OACXkB,WAAWjB,KAMlBF,IAAgBa,EAAgBgjB,qBAA8C,MAAvBsC,EAAiB,GAAY,KAChFjC,EAAOnkB,EAAI7pB,OACXs3C,EAAW1S,EAAOoJ,EAAM,QAEb,WAAbsJ,IACY,SAEQ,WAAbA,MACK,YACM1S,EAAOoJ,EAAM,UAErBiC,EAAiB,KAGhBnmB,EAAY3iB,aAAa,iBACtCqL,SAAG+kC,SACDz7B,EAAQtG,iBAAiBsU,UACvB4oB,OACH,eACO,KACU,OAChBoE,OAAwB,GAExBhtB,IAAgBvb,MAEb0hC,EAAiB9iC,SAAS2c,KAGxBD,EAAIQ,aAEQ,MAEDP,OACDA,IACH9K,UAIT83B,MAGEtkC,EAAI,EAAGA,EAAIy9B,EAAiBlwC,SAAUyS,KACd,MAAvBy9B,EAAiBz9B,QACfglC,EAAQhiC,iBAAiBy6B,EAAiBz9B,IAC5CglC,EAAMlwC,gBACF+G,iBAAiBE,EAAQ8B,qBAAsB,KAE/CC,WAAW/B,EAAQ8B,4BAIrBymC,UAEI,cACG,MAAbtsB,QACUG,EAAgBC,qCASbJ,UAPNhL,QACAA,QASF,SACC,UACC,UACR,gBAGF,UACO,EACO,MAAbgL,QACUG,EAAgBC,qCAEbJ,MACZ4sB,EAAQ53B,IACR43B,EAAQ53B,QACJ,SACC,UACC,UACR,eAEA,YACO,KACD1c,KACAC,KAIEolB,QAAa3b,IAAE,iBAAiB,QACrC4J,SACJsI,KAAKm3B,GAAU,SAAU1jC,EAAKc,KAC3Bd,GAAOc,EAAMuM,OAEPpJ,MAILvH,EAAM+K,iBAAiBkQ,GAAe,EAAI,KAE5CjO,mBAAmBC,KACfzN,iBAAiBE,EAAQ8B,qBAAsBxB,KAC/CR,iBAAiBE,EAAQ8B,qBAAsBxB,KAC/CR,iBAAiBE,EAAQ8B,qBAAsBxB,aAE/CyB,WAAW/B,EAAQ8B,wBACnBC,WAAW/B,EAAQ8B,wBACnBC,WAAW/B,EAAQ8B,sBAErByB,2BAA4B,KAKxB2lC,EAAWxmC,WAEbymC,SACAD,MACc,SAAUE,OAClBC,EAAUD,EAAI1jB,eAAe,KAAM,YACrCiS,kBAAkB,KAAM,UAEZ,OAAZ0R,GAAkBC,WAAW,aAAkBzjB,eAAe,KAAM,SAAUwjB,IAAa,OAGvF9nC,MAAMC,aAAe,qBAC7B0nC,KAA0B3tB,OAExB2R,EAAM3R,EAAYopB,qBAAqB,KAC3C7gC,EAAMopB,EAAI17B,WACPyS,EAAI,EAAGA,EAAIH,EAAKG,IACdipB,EAAIjpB,GAAG1C,UAGR0C,GAAG1C,MAAMC,aAAe,qBACxB0nC,KAA0Bhc,EAAIjpB,eAKrC,gBACA,aACA,YACG1P,EAAIs0C,KACJr0C,EAAIs0C,KACA,KACFD,EAAQ,IAAMC,EAAQ,MACkB,IAAtCziC,WAAWo7B,EAASH,cAAsB,EAAIG,EAASH,wBAEtD,sBACE,eAEDljB,MACJ/D,SACE,eACGonB,EAAS9S,QAAU,mBACV,cACX,4BAGF5gB,KAAO86B,KACP56B,KAAO46B,KACP16B,KAAO26B,KACP/J,KAAO+J,YAEb,WACO,MACJS,EAAWlrB,WACN,4BAIA,SACC,KACJhE,YACKonB,EAAS9S,QAAU,QACrB,oCAGH4a,EAAUC,uBACED,aAEjB,aAIA,UACO,KACDh1C,KACAC,aAEE,kBACE,sBAIF,SACC,KACJ6lB,YACKonB,EAAS9S,QAAU,eAI7B,UACO,IACkC,IAAlCzX,OAAOuqB,EAASH,cAAsB,EAAIG,EAASH,wBAElD,kBACE,WAEL/sC,KACAC,KACAD,KACAC,KACA6lB,WACIonB,EAASO,sBACDgH,qBACIvH,EAASQ,mCACVR,EAASS,iCACVT,EAASU,gCACTV,EAASW,oBACrB,eACGX,EAAS9S,QAAU,QACrB,mCAIR,YACO,aAEC,oBACE,WAELp6B,KACAC,IACD,KACC6lB,YACKonB,EAAS9S,QAAU,eAI7B,aACO,aAEC,qBACE,WAELp6B,KACAC,KACA,KACA,KACA6lB,YACKonB,EAAS9S,QAAU,eAI7B,UACO,EACYtQ,WACX,kBACE,mBAILhE,SACEovB,EAAQpN,oBACEoN,EAAQnI,yBACXmI,EAAQlI,wBACNkI,EAAQjI,0BACR,qBACF,mBACJC,EAAS9S,qBAKnB,WAEA,eACO1d,MACAA,IACEy4B,UAAUpuB,EAAKC,EAAaC,GAAQC,OACtC,YAEP,eACOxK,MACAA,KACEy4B,UAAUpuB,EAAKC,EAAaC,GAAQC,OACtC,YAEP,YACO,IAEH6U,QAAQqZ,oBAAoB,YAAajI,OAgB5CkI,EAAY/E,GAAc,mBACvBvpB,UACEE,WACAC,wBAER,OAEDtL,KAAKy5B,EAAW,SAAU3lC,EAAG6U,GACzBA,GAAKA,EAAE+wB,aACC,QAq0BkBC,UAvzBhB,SAAUxuB,MACrBuuB,GACc,IAAfvuB,EAAIgtB,SAAgBvnB,EAAOsnB,cAE3BpkC,SAAGka,SAAQpZ,SAAIC,SAAI6J,SAAIC,SAAIhL,SAAK/N,SAAOqjB,SACzCrF,EAAW2tB,EAAiB,GAE5BtwB,EAAKvE,eAAeyO,EAAIqtB,MAAOrtB,EAAIstB,MAAO/B,IAC1CvqB,EAASlL,EAAG7c,EAAI0c,EAChBsL,EAASnL,EAAG5c,EAAIyc,EAChBowB,EAAQ3vB,QAAQuL,KAEd4rB,EAAQvsB,EAASrL,EACjB1c,EAAIs0C,EACJC,EAAQvsB,EAAStL,EACjBzc,EAAIs0C,EAEJzI,EAAUuC,iBACRlmB,WAAWnoB,KACXmoB,WAAWloB,MAGb7C,qBACA4b,gBACI42B,OACH,YAIyB,OAAxBzC,EAAiB,GAAa,MAC3BntC,EAAIinB,KACJhnB,EAAIinB,GAEL4kB,EAAUuC,iBACPlmB,WAAW7N,KACX6N,WAAW5N,IAGdwM,EAAIQ,SAAU,SACVpN,YAAY8M,GAAQC,GAAQlnB,EAAGC,OACnCD,MAAGC,KAGI,IAAPqa,GAAmB,IAAPC,EAAU,OAClB4yB,EAAiBlwC,OAClByS,EAAI,EAAGA,EAAIH,GAEE,SADL49B,EAAiBz9B,MADPA,EAAG,KAWlBW,EAAQ5E,EAAQ8B,uBACdmF,iBAAiB8M,KAKnB2lB,aAAa7qB,EAAIC,GACnBvB,EAAMxU,gBACF4G,YAAYiF,EAAO,KAEnB7C,WAAW6C,KAIHg/B,gBAAgB7vB,GAAU0pB,WAGvC,aAAciE,UAIvB,IAAK,iBACIzwB,KACAA,mBACQgL,MACZpf,KAAKmR,IAAIo5B,GAASyB,KAClBhsC,KAAKmR,IAAIq5B,GAASyB,SACdjsC,KAAKwQ,IAAIw7B,EAAQzB,WAChBvqC,KAAKwQ,IAAIy7B,EAAQzB,KACxB,SAMGL,EAAgBtF,EAAiBl7B,QAASm9B,KAC9CoG,EAAUtE,WAGNsE,EAAQv4C,OACTyS,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KAClB+lC,EAAUD,EAAQ9lC,GAEnBy9B,EAAiB9iC,SAASorC,MAClBhvC,KAAKgvC,OAGZC,EAAWjD,EAAczwB,QAAQyzB,IACrB,IAAdC,KACYnvC,OAAOmvC,EAAU,GAI/BjD,EAAcx1C,OAAS,KAClBu1C,oBAAoBC,GAGzBrD,EAAWnyC,OAAS,KACfiuB,eAAekkB,SAIxB,IAAK,WAIG18B,iBAAiB8M,OACnBm2B,EAAY58B,mBAAmBC,QAC/B28B,EAAY5C,GAAW1tB,QAAa7F,IAC3Bxf,EACb41C,EAAM/wB,EAAI5kB,IACQ4kB,EAAjBpY,IAAAA,MAAOJ,IAAAA,YACJrM,EAAIinB,KACJhnB,EAAIinB,GAEN4kB,EAAUuC,iBACPlmB,WAAW7N,KACX6N,WAAW5N,KACP4N,WAAW9b,KACZ8b,WAAW1b,MAIbqK,iBAAiB0I,GACd,KACH+E,EAAIjc,KAAKgM,KAAKgG,EAAKA,EAAKC,EAAKA,GACjCiK,EAAQlc,KAAKkS,MAAMD,EAAID,GAAM9Y,EAAQ8G,KAAK+R,GAAK,MAC5CkK,EAAIjc,KAAKsS,IAAI4J,KACbD,EAAIjc,KAAKuS,IAAI2J,GAKf2tB,GAAkB9nC,SAAS,MAAS8nC,GAAkB9nC,SAAS,SAC7D,GAEF8nC,GAAkB9nC,SAAS,MAAS8nC,GAAkB9nC,SAAS,SAC7D,SAIA,EAAG26B,EAAK,EACb6Q,EAAKxpC,GAAUA,EAASkO,GAAMlO,EAAS,EACvCypC,EAAKrpC,GAASA,EAAQ6N,GAAM7N,EAAQ,EAElC0lC,GAAkB9nC,SAAS,SACxBgC,GAAUA,EAASkO,GAAMlO,EAAS,IAClCA,GAIH8lC,GAAkB9nC,SAAS,SACxBoC,GAASA,EAAQ6N,GAAM7N,EAAQ,IAC/BA,OAIDi6B,EAAkBj7B,EAAQ8B,qBAC9Bo5B,EAAQl7B,EAAQ8B,qBAChBq5B,EAAgBn7B,EAAQ8B,wBAEtBu+B,EAAUuC,iBACLlmB,WAAW4tB,KACb5tB,WAAW4c,KACV5c,WAAWytB,KACZztB,WAAW6c,MAGFG,eAAe4Q,EAAOhR,KAAO6Q,EAAM5Q,IAC/Cje,EAAIQ,WACK,IAAPuuB,IACGD,IACOC,KAEVjP,SAASiP,EAAID,KAEL1Q,aAAa4Q,EAAOhR,EAAI6Q,EAAM5Q,GACxC2Q,EAAW,KACPxoB,GAAO3rB,EAAQ,EAAI,IACnB4J,YAAYs7B,EAAiB,EAAIvZ,MACjC/hB,YAAYu7B,EAAO,EAAIxZ,MACvB/hB,YAAYw7B,EAAejkB,OAAOwK,SACnC,KACCR,GAAI3T,EAAMxU,gBACV4G,YAAYw7B,EAAeja,GAAI,KAC/BvhB,YAAYu7B,EAAOha,GAAI,KACvBvhB,YAAYs7B,EAAiB/Z,GAAI,KAGzB0iB,gBAAgB7vB,GAAU0pB,WAErC,aAAciE,SAGnB,IAAK,UACIzwB,KACAA,mBACQgL,MACZpf,KAAKmR,IAAIo5B,GAAUn2B,EAAa43B,KAChChsC,KAAKmR,IAAIq5B,GAAUp2B,EAAa63B,SAC5BjsC,KAAKwQ,IAAIw7B,EAAQzB,GAAUn2B,UAC1BpU,KAAKwQ,IAAIy7B,EAAQzB,GAAUp2B,IAClC,WAEH,IAAK,wBACYowB,YAGd,WAEH,IAAK,OACDhB,EAAUuC,iBACRlmB,WAAWnoB,KACXmoB,WAAWloB,QAGbW,GAAKZ,EACLa,GAAKZ,EAEL8mB,EAAIQ,iBACApN,YAAY8M,GAAQC,GAAQtmB,GAAIC,KAC7Bb,KACJ4pB,EAAI3pB,KAGLqxB,eAAe,KAAM,KAAM1wB,MAC3B0wB,eAAe,KAAM,KAAMzwB,UAEjC,IAAK,oBAEF,aAEA,WAEA,YACGm1C,GAA0B,WAAhBpG,GAA6B7oB,EAAIQ,SAE/CpO,GAAI7Q,KAAKwQ,IAAI9Y,EAAIinB,IACjB7N,GAAI9Q,KAAKwQ,IAAI7Y,EAAIinB,IACfjG,UAAMC,UACN80B,OACE58B,GAAI9Q,KAAKqR,IAAIR,GAAGC,OACb6N,GAASjnB,EAAIinB,GAASA,GAAS9N,MAC/B+N,GAASjnB,EAAIinB,GAASA,GAAS9N,QAE/B9Q,KAAKmR,IAAIwN,GAAQjnB,MACjBsI,KAAKmR,IAAIyN,GAAQjnB,IAGtB6rC,EAAUuC,kBACRlmB,WAAWhP,OACXgP,WAAW/O,OACR+O,WAAWlH,OACXkH,WAAWjH,sBAGH4rB,SACR3zB,UACCC,KACL6H,KACAC,IACF,WAGH,IAAK,gBACDxX,IAAEojC,GAAO19B,MAAM,KAAM,YACvBoB,QAAIC,OACFwlC,GAAM3tC,KAAKgM,MAAMtU,EAAIwQ,IAAOxQ,EAAIwQ,IAAOvQ,EAAIwQ,IAAOxQ,EAAIwQ,IACtDq7B,EAAUuC,kBACNlmB,WAAW8tB,OAEb3kB,eAAe,KAAM,IAAK2kB,UAEhC,IAAK,iBACDvsC,IAAEojC,GAAO19B,MAAM,KAAM,YACvBoB,QAAIC,GACFq7B,EAAUuC,iBACRlmB,WAAWnoB,KACVmoB,WAAW3X,KACZ2X,WAAWloB,KACVkoB,WAAW1X,MAEZ6gB,eAAe,KAAM,KAAMhpB,KAAKwQ,IAAI9Y,EAAIwQ,QACxCujB,GAAKzrB,KAAKwQ,IAAIiO,EAAIQ,SAAYvnB,EAAIwQ,EAAOvQ,EAAIwQ,KAC7C6gB,eAAe,KAAM,KAAMyC,cAG9B,gBACA,YACMva,KAAOlR,KAAKmR,IAAI66B,EAAO1B,GAASp5B,SAChCE,KAAOpR,KAAKqR,IAAI26B,EAAO1B,GAASl5B,SAChCE,KAAOtR,KAAKmR,IAAI86B,EAAO3B,GAASh5B,SAChC4wB,KAAOliC,KAAKqR,IAAI46B,EAAO3B,GAASpI,UAGtC,eAGCxqC,EAAIs0C,EAAOxnB,GAAI7sB,EAAIs0C,EACnBtB,GAAejzC,GAAKizC,GAAehzC,MAChCyP,EAAI,EAAGA,EAAIwmC,EAAgBxmC,UAClBA,EA7vBL,MA+vBG4jC,IADO5jC,EAAI,GA9vBd,OAgwBGyjC,MACAG,GAAgBD,SACX/qC,KAAKgM,MAAM8+B,GAAQpzC,EAAImzC,GAAQnzC,IAAMozC,GAAQpzC,EAAImzC,GAAQnzC,IAAMozC,GAAQnzC,EAAIkzC,GAAQlzC,IAAMmzC,GAAQnzC,EAAIkzC,GAAQlzC,KAnwB7G,GAowBmB,KApwBnB,OAwwBPk2C,GAAQzqC,EAAWqT,oBACnB/e,EAAImzC,GAAQnzC,KACZC,EAAIkzC,GAAQlzC,IACZ4I,OAAO2E,WAAW2oC,QAIZn2C,EAAGkzC,GAAelzC,EAAGC,EAAGizC,GAAejzC,OACvCD,EAAGiyB,GAAMjyB,EAAGC,EAAGgyB,GAAMhyB,OAC9BD,EAAG8sB,GAAI9sB,EAAGC,EAAG6sB,GAAI7sB,SAG1B,IAAK,WAGF,iBACEyc,KACAA,EAEDovB,EAAUuC,iBACRlmB,WAAWnoB,KACXmoB,WAAWloB,MACNkoB,WAAWlB,OACXkB,WAAWjB,KAElBH,EAAIQ,SAAU,KACTtc,GAAQkjC,KACXztC,UAAIC,UACJsK,OACGA,GAAKqc,SAAWrc,GAAKqc,SAAS,GAAKL,MACnChc,GAAKqc,SAAWrc,GAAKqc,SAAS,GAAKJ,QAEnCD,MACAC,aAED/M,YAAYzZ,GAAIC,GAAIX,EAAGC,QAC3BD,OAAGC,EAGHynB,IAAmD,SAAtCA,GAAUrjB,aAAa,gBAC7BqY,KACAA,mBACQgL,MACZpf,KAAKmR,IAAIo5B,GAAUn2B,EAAa43B,KAChChsC,KAAKmR,IAAIq5B,GAAUp2B,EAAa63B,SAC5BjsC,KAAKwQ,IAAIw7B,EAAQzB,GAAUn2B,UAC1BpU,KAAKwQ,IAAIy7B,EAAQzB,GAAUp2B,IAClC,QAEO05B,UAAUp2C,EAAGC,SAGzB,IAAK,cACAyc,KACAA,KAUO05B,UAAUruB,EAAQC,SAG9B,IAAK,cACC3C,QAAa7F,IACVxf,EAAI6kB,EAAIpY,MAAQ,IACpBoY,EAAI5kB,EAAI4kB,EAAIxY,OAAS,MACpBiE,GAAI4J,UAAUsF,GAClBuyB,GAASz5B,eAAe9H,EAAIC,EAAIH,MAC7ByhC,GAAO/xC,IACP+xC,GAAO9xC,KACFqI,KAAKkS,MAAM/J,EAAKxQ,EAAGuQ,EAAKxQ,IAAM,IAAMsI,KAAK+R,IAAO,IAAM,IAC5DyxB,EAAUuC,iBACJlmB,WAAW3mB,IAEjBulB,EAAIQ,aACO,GACLjf,KAAKqS,MAAMnZ,EADN,OAIRowC,iBAAiBpwC,GAAS,IAAO,IAAMA,EAASA,GAAO,KACzD,aAAc2rC,MAeP,mBACLpmB,UACEgB,UACAC,kBAyY0CyO,MAP5B,SAAUzoB,YACjC5Q,kBACK,IAKwEmgB,SAjDhE,SAAUwJ,OAEnB9Q,EADY8Q,EAAI7pB,OACGsY,cAGrBS,IAAWgoB,OAEXjX,EAAcwC,EAAezC,GAC1B3R,EAAW4R,EAAX5R,WAES,SAAZA,GAAsC,aAAhBw6B,EAA4B,KAC9C/yB,EAAKvE,eAAeyO,EAAIqtB,MAAOrtB,EAAIstB,MAAO/B,OACpCrwB,OAAO+E,EAAanK,EAAG7c,EAAG6c,EAAG5c,GAG1B,MAAZmV,GAA+B,MAAZA,IACtB0B,iBAAiBkQ,QAMGA,KACNmmB,EAAiB,MAChB,IAGblP,kBAIoB,MAAnBhoB,EAAOb,SAAsC,MAAnBa,EAAOb,SACpCa,IAAWmqB,IAAoBM,mBAC/B1Z,IAAgBa,EAAgBgjB,gCAKlB7jB,MAWkFqvB,QAvXpF,SAAUtvB,MACL,IAAfA,EAAIgtB,YACFuC,EAAmBC,SACV,KACVjB,OACCz4B,EAAKvE,eAAeyO,EAAIqtB,MAAOrtB,EAAIstB,MAAO/B,IAC9CvqB,EAASlL,EAAG7c,EAAI0c,EAChBsL,EAASnL,EAAG5c,EAAIyc,EAChB1c,EAAI+nB,EAASrL,EACbzc,EAAI+nB,EAAStL,EAEXmO,EAAU1N,QAAQuL,KAClB8tB,GAAO,EAELlC,EAAQt0C,EACRu0C,EAAQt0C,KAIJ,MACNuW,SAAO7D,gBACHi9B,OAEH,aACA,cACc,MAAbloB,QACQtjB,aAAa,UAAW,iBAGtB,aAEX,YACwB,MAAvB+oC,EAAiB,GAAY,IAEJ,MAAvBA,EAAiB,GAAY,KAEzB3tB,EAAW2tB,EAAiB,UAC1B3tB,EAASpK,aACZ,QACA,UACA,YACA,iCAGW0yB,KAAOtoB,EAASnb,aAAa,WAC7BypC,aAAetuB,EAASnb,aAAa,mBACrCopC,OAASjuB,EAASnb,aAAa,aAC/BwpC,eAAiBruB,EAASnb,aAAa,qBACvC0oC,aAAevtB,EAASnb,aAAa,mBACrCqpC,iBAAmBluB,EAASnb,aAAa,uBACzCspC,gBAAkBnuB,EAASnb,aAAa,sBACxCupC,eAAiBpuB,EAASnb,aAAa,kBAG9B,SAArBmb,EAASpK,YACH43B,UAAYxtB,EAASnb,aAAa,eAClC4oC,YAAcztB,EAASnb,aAAa,kBAE9BgrC,gBAAgB7vB,GAAUgsB,WAAU,WAQlD8I,IAAUzB,IAAW0B,IAAUzB,WAC3BvjC,EAAM49B,EAAiBlwC,OACpByS,EAAI,EAAGA,EAAIH,GACS,MAAvB49B,EAAiBz9B,KADIA,EAEpBy9B,EAAiBz9B,GAAGmiB,cAEPwd,gBAAgBlC,EAAiBz9B,IAAIw5B,gBAKrDniB,EAAI7pB,OAC6B,SAAjCiwC,EAAiB,GAAG5hB,UAA8C,MAAvB4hB,EAAiB,KAClDlrB,OAAOkrB,EAAiB,IAG3BpmB,EAAIQ,UACT+uB,IAAqB3jC,KAChB6/B,qBAAqB7/B,OAM9B3D,2BAA4B,KACxBW,EAAOw9B,EAAiB,GAC1Bx9B,MACGkH,gBAAgB,kBACZlH,EAAM,SAAUA,KAClBkH,gBAAgB,wBAM1B,OACc,MAAb6Q,OACQtjB,aAAa,UAAW,YAE9BqyC,EAAS1vB,EAAIQ,SAAW,GAAM,gBAC/B,YACAjf,KAAKmR,IAAIo5B,GAASyB,KAClBhsC,KAAKmR,IAAIq5B,GAASyB,SACdjsC,KAAKwQ,IAAIw7B,EAAQzB,WAChBvqC,KAAKwQ,IAAIy7B,EAAQzB,mBAIxB,YAKW,MACI9yC,EAAG,EAAGC,EAAG,OACTD,EAAG,EAAGC,EAAG,OAClBD,EAAG,EAAGC,EAAG,OACXD,EAAG,EAAGC,EAAG,OACVwqC,EAAS5f,EAAQxmB,aAAa,UAC9BqyC,EAAajM,EAAOzoB,QAAQ,QAC9B00B,GAAc,EACTjM,EAAOzoB,QAAQ,IAAK00B,EAAa,IAAM,EAEvCjM,EAAOzoB,QAAQ,IAAKyoB,EAAOzoB,QAAQ,KAAO,IAAM,OAG7C0E,EAAYiwB,uBAAuB9rB,cAG5C,SACKnhB,IAAEmhB,GAASzb,MAAM,KAAM,KAAM,KAAM,SACnCoH,EAAM9V,KAAO8V,EAAM5V,IAAM4V,EAAM7V,KAAO6V,EAAM3V,aAEjD,oBACA,aACA,WACA,UACK6I,IAAEmhB,GAASzb,MAAM,QAAS,aAE1BoH,EAAM/J,OAAS+J,EAAMnK,QAA2B,UAAhBujC,YAErC,WACmC,MAA9B/kB,EAAQxmB,aAAa,eAE1B,YACKqF,IAAEmhB,GAASzb,MAAM,KAAM,SACvBoH,EAAMsd,IAAMtd,EAAMud,aAEvB,YACE6e,GAASl5B,KAAOk5B,GAASp5B,KAAQ,GACnCo5B,GAASpI,KAAOoI,GAASh5B,KAAQ,MACxBkQ,WACC,qBACE,YAEJ8oB,GAASp5B,KAAOo5B,GAASl5B,MAAQ,MACjCk5B,GAASh5B,KAAOg5B,GAASpI,MAAQ,MACjCoI,GAASl5B,KAAOk5B,GAASp5B,MAAQ,MACjCo5B,GAASpI,KAAOoI,GAASh5B,MAAQ,KAClC8O,SAGH,WAAYmC,OACV,aAGN,SACE+nB,GAASl5B,KAAOk5B,GAASp5B,KAAQ,GACnCo5B,GAASpI,KAAOoI,GAASh5B,KAAQ,MACxBkQ,WACC,kBACE,UAEN8oB,GAASp5B,OACTo5B,GAASh5B,WACJg5B,GAASl5B,KAAOk5B,GAASp5B,YACxBo5B,GAASpI,KAAOoI,GAASh5B,QAC9B8O,SAGH,WAAYmC,OACV,aAGN,UACI,MACKA,OACAoH,MAAMpH,aAEf,SAEO,QAEA,MAEJ+rB,EAAMlwB,EAAYmwB,QAAQ9vB,EAAK8D,EAAS9C,EAAQC,KACzC4uB,EAAX/rB,UACQ+rB,EAARJ,eAEC,cACI,IACG,OACEK,QAAQ9vB,aAEjB,cACI,IACG,QACE8vB,QAAQ9vB,EAAKgB,EAAQC,aAE9B,YACI,IACG,OACI,aACR9P,EAAWsU,EAAOuP,QAAQ+a,uBAC3B5+B,EAASk6B,aACQl6B,UAIjB,UAAWi1B,OAeZkI,EAAY/E,GAAc,iBACvBvpB,UACEgB,UACAC,IACR,UAEDpM,KAAKy5B,EAAW,SAAU3lC,EAAG6U,GACzBA,MACKA,EAAEiyB,MAAQA,IACJjyB,EAAXsG,UACQtG,EAAE+wB,SAAWA,KAItBkB,GAAmB,MAAX3rB,GAyBN,GAAe,MAAXA,EAAiB,GAKnBksB,UAAW,MAIdC,EAAS,GACTC,YACAjH,EAAQkH,cAAgBplC,WAAW+Y,EAAQxmB,aAAa,cAAgB6oC,EAAS9S,QAAS,GACrF1wB,IAAEsmC,GAAS1pC,QAAQ8I,SACpB89B,EAAS9S,YACR4c,IACJ9K,SAASrhB,SAGL,GAAGqsB,eACR,MAAOlpC,YAEA,aAKA,WACLipC,KAAahrC,WACT7H,aAAa,UAAW8oC,EAAS9S,WACjCh2B,aAAa,QAAS,yCACfymB,GACK,SAAhB+kB,IACUvmB,WAAWwB,GACdihB,EAAUqL,eACPtsB,IAAU,KAIJ,IAAI7U,uBAAqB6U,MAExC,WAAYA,KACP,IAATmsB,QAlEyB,SACRI,UAAU1uB,OACtBzc,WACE,OAEN8a,EAAI7pB,OAKDyV,GAAKA,EAAE6C,YAAc7C,EAAE6C,WAAWA,YAAkD,MAApC7C,EAAE6C,WAAWA,WAAWJ,WACzEzC,EAAE6C,WAKa,SAAhBo6B,GAA2BxnB,KAC9BzV,IAAKA,EAAE6C,YACa,wBAApB7C,EAAE6C,WAAWpD,IACJ,cAATO,EAAEP,IAA+B,YAATO,EAAEP,OAGnBilC,QAAQ,cACH1kC,IAAI,MA8CH,aAwDjBk5B,GAAWvmC,KACX,qCAOU0I,MACHA,EAAEuZ,YAELnqB,qBACI2pB,EAAM/Y,EAAEspC,iBAEH5tC,IAAE,iBAAiB,GAAGyqC,eAAe1wB,cAE1C8zB,EAAW7tC,IAAE,aAEb8tC,EAAa1L,EAAU2L,WAAa,GAAK,EAGzC56B,EAAKvE,eAAeyO,EAAIqtB,MAAOrtB,EAAIstB,MAAO/B,IAG1CoF,EAAcH,EAAS9qC,QACvBkrC,EAAcJ,EAASlrC,SAGvBurC,EAAUF,EAXD,GAWwBF,EACjCK,EAAUF,EAZD,GAYwBH,EAGjCM,EAAgBF,EAAUtF,GAAS1kC,EACnCmqC,EAAgBF,EAAUvF,GAASvkC,EAGnCiqC,EAAUT,EAASliB,SACnB4iB,EAAcD,EAAA,KAAkBR,EAChCU,EAAaF,EAAA,IAAiBR,EAE9BW,EAASpxB,EAAIqxB,WAAcrxB,EAAIqxB,WAAcrxB,EAAIsxB,QAAWtxB,EAAIsxB,OAAS,KAC1EF,OAED1B,EAASnuC,KAAKqR,IAAI,IAAOrR,KAAKmR,IAAI,EAAI,EAAI0+B,IAE1CG,SAAOC,SACP9B,EAAS,KACHnuC,KAAKkwC,KAAKZ,EAAUE,EAAgBrB,EAAS,KAAO,MACpDnuC,KAAKkwC,KAAKX,EAAUE,EAAgBtB,EAAS,KAAO,QAEpDnuC,KAAK8lB,MAAMwpB,EAAUE,EAAgBrB,EAAS,KAAO,MACrDnuC,KAAK8lB,MAAMypB,EAAUE,EAAgBtB,EAAS,KAAO,SAE3DgC,EAAYnwC,KAAKmR,IAAI6+B,EAAOC,SACpBjwC,KAAKmR,IAAI,GAAInR,KAAKqR,IAAI,IAAM8+B,OACtB/7B,KAGT+7B,EAAY/7B,MAGfg8B,EAAapgC,eAAe2/B,EAAaC,EAAY5F,IAerDqG,MAXD97B,EAAG7c,GAAK6c,EAAG7c,EAAI04C,EAAW14C,GAAKy2C,GAMhBgC,EAMMjB,EAAaE,EAAc,KAXhD76B,EAAG5c,GAAK4c,EAAG5c,EAAIy4C,EAAWz4C,GAAKw2C,GAMhBgC,EAMMjB,EAAaG,EAAc,KAG9CiB,QAAQH,OACb,SAAStoC,KAAiB,IAAZsoC,GAAiB7kC,QAAQ,MAEpC,gBAAiBm+B,QAAQ,EAAO4G,aAChC,qBAWHE,GAAcrsB,EAAOqsB,YAAe,eACtCC,SACAC,SACAC,SACAC,SACAC,SACAC,KACAC,SACAzrC,SACAgd,SAAOC,SACPyuB,kBAEKC,EAAWnzC,OACZs0B,EAA6B,KAApBse,EAAUzpC,aACvBypC,GAAWQ,SAER9pC,UAAUxS,UACTw9B,IACM,MACH,IACDse,EAAUS,eAAiBT,EAAUU,wBACjCV,EAAUS,iBAIhBE,EAASP,EAAShzC,GACnBs0B,KACOkf,kBAAkBxzC,EAAOA,MAE5BgX,QAAQ,oBAEN9f,SAAS8G,gBAAgB5G,GAAGsM,IAAK,yBACzBmvC,MACX,qBACI,sBACQ,MAET77B,QAAQ,uBAAuBG,YAAY07B,IAGjDE,MACOU,YAAY,eACd/3B,EAA2C,SAAnCm3B,EAAO30C,aAAa,aAC3BD,aAAa,UAAWyd,EAAO,SAAW,SAChD,UAGCg4B,EAAUC,EAAWJ,EAAO15C,EAAGo5C,EAAOn5C,GACtC85C,EAAQD,EAAWJ,EAAO15C,EAAIo5C,EAAOn5C,EAAIm5C,EAAO/sC,yBAErC2sC,MACXa,EAAQ75C,KACR65C,EAAQ55C,KACR85C,EAAM/5C,KACN+5C,EAAM95C,aACE,kBACH,WAGPg5C,KAAqB70C,aAAa,IAAK,aAGpC41C,EAAc/nB,EAAOnF,EAAKmtB,MAC7BhoB,IAAUnF,GAKTmtB,KACON,kBAAkB1nB,EAAOnF,MAG1B3P,QAAQ,yBAEN9f,SAAS8G,gBAAgB5G,GAAGsM,IAAK,yBAC3BovC,MACX,wBACE,gBACG,SACF,gCAED,uBAAuBrtC,OAAOqtC,QAGlCiB,EAAUf,EAASlnB,GACnBkoB,EAAQhB,EAASrsB,KAEhB1oB,aAAa,aAAc,cAE5BiO,EAAKynC,EAAWI,EAAQl6C,EAAGo5C,EAAOn5C,GACtCoZ,EAAKygC,EAAWI,EAAQl6C,GAAKm6C,EAAMn6C,EAAIk6C,EAAQl6C,GAAIo5C,EAAOn5C,GAC1DqZ,EAAKwgC,EAAWI,EAAQl6C,EAAGo5C,EAAOn5C,EAAIm5C,EAAO/sC,QAC7CkN,EAAKugC,EAAWI,EAAQl6C,GAAKm6C,EAAMn6C,EAAIk6C,EAAQl6C,GAAIo5C,EAAOn5C,EAAIm5C,EAAO/sC,QAEjEu4B,EAAO,IAAMvyB,EAAGrS,EAAI,IAAMqS,EAAGpS,EACjC,KAAOoZ,EAAGrZ,EAAI,IAAMqZ,EAAGpZ,EACvB,IAAMsZ,EAAGvZ,EAAI,IAAMuZ,EAAGtZ,EACtB,IAAMqZ,EAAGtZ,EAAI,IAAMsZ,EAAGrZ,EAAI,qBAEXg5C,KACZrU,UACM,kBArCC9X,YAyCLstB,EAAmBryB,EAAQC,OAE5BnL,EAAKpR,EAAQsT,sBAChB/e,EAAI+nB,IACJ9nB,EAAI+nB,EAGiB,IAApBmxB,EAASl8C,cAAuB,MAEhCo9C,EAAUvB,EAAQwB,qBAAqBz9B,GACvCw9B,EAAU,KAEFlB,EAASl8C,OAAS,EACxB8qB,GAAUoxB,EAAS,GAAGn5C,MACd,IAEHq6C,GAAWlB,EAASl8C,OAAS,MAC5Bk8C,EAASl8C,OAAS,OAExBy8C,EAASP,EAASkB,UAEpBtyB,EADQ2xB,EAAO15C,EAAK05C,EAAOjtC,MAAQ,OAIhC4tC,WAGAE,EAAoBxyB,EAAQC,KACzBoyB,EAAkBryB,EAAQC,aAG7BwyB,EAA0Bx6C,EAAGC,EAAGuP,OACjCirC,EAAK1B,EAAUU,eACfiB,EAAKN,EAAkBp6C,EAAGC,KAElBqI,KAAKmR,IAAIghC,EAAIC,GACfpyC,KAAKqR,IAAI8gC,EAAIC,IACClrC,YAGnBmrC,EAAYC,EAAKC,OAClBp+B,KACDm+B,IACAC,QAGD76C,GAAK0c,IACLzc,GAAKyc,EAEL/O,EAAQ,KACJkP,EAAKvE,eAAemE,EAAIzc,EAAGyc,EAAIxc,EAAG0N,EAAO8V,aAC3CzjB,EAAI6c,EAAG7c,IACPC,EAAI4c,EAAG5c,SAGNwc,WAGAq9B,EAAYc,EAAKC,OAClBp+B,KACDm+B,IACAC,MAGDltC,EAAQ,KACJkP,EAAKvE,eAAemE,EAAIzc,EAAGyc,EAAIxc,EAAG0N,KACpC3N,EAAI6c,EAAG7c,IACPC,EAAI4c,EAAG5c,WAGTD,GAAK0c,IACLzc,GAAKyc,EAEFD,WAYAq+B,EAAW/zB,KACL,EAAG+xB,EAAQhtC,YAAY7O,YAClCoB,MAAM08C,OAAOh0B,YAGRi0B,EAAYj0B,MACdsyB,GAAaP,OAEZmC,EAAM3iC,eAAeyO,EAAIqtB,MAAOrtB,EAAIstB,MAAO/B,IAG3Cz1B,EAAK89B,EAFAM,EAAIj7C,EAAI0c,EACRu+B,EAAIh7C,EAAIyc,GAGbvW,EAAQi0C,EAAkBv9B,EAAG7c,EAAG6c,EAAG5c,GACnCkR,EAAM2nC,EAAQhtC,YACdtP,EAAQ2U,EAAI+C,OAAO,EAAG/N,GAAOmL,QAAQ,cAAe,IAAIrU,OACxDqT,EAAIa,EAAI+C,OAAO/N,GAAOkL,MAAM,iBAErB7U,GADC8T,EAAIA,EAAE,GAAGrT,OAAS,GAAKkJ,OAInC4gB,EAAI7pB,QAAQu5B,MAAMqkB,cACT,eACP/zB,EAAI7pB,QAAQ69C,OAAO,QAASD,IAC7B,6BAUK59C,EAAQ8C,EAAGC,KACP/C,KACEmsB,WAAWrpB,EAAGC,mBAMrB0P,KACKA,KACE0Z,iCASHtC,EAAKC,EAAaC,EAAQC,OAC7BrK,EAAK89B,EAAW1zB,EAAQC,KAEpBqyB,UACS18B,EAAG7c,EAAG6c,EAAG5c,KACpBgnB,IACAC,sBASCa,EAAQC,OACXnL,EAAK89B,EAAW5yB,EAAQC,KACLnL,EAAG7c,EAAG6c,EAAG5c,qBAQ3B8mB,EAAKgB,EAAQC,OACdnL,EAAK89B,EAAW5yB,EAAQC,KAELnL,EAAG7c,EAAG6c,EAAG5c,GAAG,GASnC8mB,EAAI7pB,SAAW47C,GACf/wB,EAAS4C,EAAQ,GACjB5C,EAAS4C,EAAQ,GACjB3C,EAAS4C,EAAQ,GACjB5C,EAAS4C,EAAQ,MAELG,cAAa,oCAcjB/qB,EAAGC,SACF,IACG,aACEovC,gBAAgByJ,GAAStN,WAAU,GAE5B3jB,EAAgBwnB,gBAAgByJ,MAG3C3lC,WAEV2lC,GAASoC,IAAI,SAAU,QAOpBzrC,UAAUxS,OAER,KACC4f,EAAK89B,EAAW36C,EAAGC,KACN4c,EAAG7c,EAAG6c,EAAG5c,uBAGnB,cACE,GACV,4BAOSk7C,KACE,uBACAjC,KACJ,KACND,OAAcA,GAAU7pC,KAAK,UAAW,QACxC4pC,OAAYA,GAAQ5pC,KAAK,aAAc,cACzC0pC,GAASoC,IAAI,SAAU,QAErBC,YAEArC,GAASoC,IAAI,SAAU,UAEpB,YAAapC,OACFA,IAAU,IAExBA,IAAYA,EAAQhtC,YAAY7O,UAE3BwvB,6BAGPssB,GAAWqC,UAEH,yBAUEzrC,KACAA,oBAOQ,aAAhBigC,MACU7kB,8BAOVswB,MACCvC,OACDppC,SAAGod,SAMFgsB,EAAQtjC,eAED23B,EAAiB,KACXkC,gBAAgByJ,GAAStN,WAAU,QAI/Cj8B,EADMupC,EAAQhtC,YACJ7O,OAEVoT,EAAQyoC,EAAQz0C,aAAa,mBAE1BghB,QAAayzB,KAEbzoC,EAAQ6J,UAAU4+B,GAAW,YAG7B77C,OAASsS,IACRgqC,YAERT,GAASiC,OAAO,WAAYC,GAAYz9B,SAASy9B,GAE9CzrC,OACIvP,EAAGo5C,EAAOp5C,EAAKo5C,EAAO3sC,MAAQ,EAAIA,MAAO,IAG7CiD,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KAClBuiB,EAAQ6mB,EAAQ9sC,uBAAuB0D,QACvCopC,EAAQwC,qBAAqB5rC,IAE9BX,0BAA2B,KACxBsmB,EAAS7I,EAAO+uB,SAAW7+B,IAC3B1c,GAAKq1B,IACPr1B,GAAKq1B,IAEHr1B,GAAK0c,IACP1c,GAAK0c,IAOFhN,MACJuiB,EAAMjyB,IACNo5C,EAAOn5C,QACH6sB,EAAI9sB,EAAIiyB,EAAMjyB,SACbo5C,EAAO/sC,UAKV5F,QACJqmB,EAAI9sB,QACA,MAEI+4C,EAAUU,eAAgBV,EAAUS,cAAc,MA5bzB,GA2cpCgC,GAAuBn9C,KAAKm9C,qBAAuB,eACjD9pB,EAAOhmB,EAAWimB,uBAAuBp0B,GAAGsM,IAAK,YAClD6nB,IAASA,EAAKz0B,cAAiB,MAI9Bw+C,KACFC,EAAa,EACXllC,GAAS,OAAQ,SAAU,SAAU,eAAgB,aAAc,cACnEmlC,EAAOnlC,EAAMvZ,OAEb2+C,EAASlwC,EAAWimB,uBAAuBp0B,GAAGsM,IAAK,KACnDgyC,EAASD,EAAO3+C,OAElByS,SAAGM,aACFN,EAAI,EAAGA,EAAImsC,EAAQnsC,IAAK,KACrBinB,EAAKilB,EAAOlsC,OACbM,EAAI,EAAGA,EAAI2rC,EAAM3rC,IAAK,KACnB0iB,EAAMzB,eAAe0F,EAAGtyB,aAAamS,EAAMxG,KAC7C0iB,KACUjsB,KAAKisB,EAAIxe,OAAO,QAK1B6jB,EAAOphB,QAAQggB,GACjBoB,GAAQA,EAAKxS,WAAW,QACd9e,KAAKsxB,EAAK7jB,OAAO,QAI3B4nC,EAAWpyC,IAAEgoB,GAAMlR,KAAK,qEAC1Bs7B,EAAS7+C,OACNyS,KAAK,KACJqsC,EAAUD,EAASpsC,GAClB0C,EAAM2pC,EAAN3pC,GACFqpC,EAAYpxC,SAAS+H,OAERA,GAAM2pC,IACd9vC,qBAKLyvC,YA2TAM,aAKDC,KACAC,KAGAC,kBACYnhC,EAAUohC,2BACXphC,EAAUqhC,2CACHrhC,EAAUshC,mBAE5BC,EAAU7yC,IAAEgC,SAGZ,SAAUhC,IAAE,YAAY,GAAG8yC,WAAW,UAChC3wC,KAAOmP,EAAUyhC,kBAG3B7gC,KAAKugC,EAAW,SAAU/xB,EAAKsyB,GAC3BH,EAAQ/7B,KAAK4J,GAAKntB,WACTwJ,KAAK2jB,KACT3jB,KAAKi2C,OAGRT,SAAQC,mBA9UbS,kBAAoB,gBAEhBnB,KAAyB,MAEpBt/B,OAAM,OAGhBN,KAAKlQ,EAAWqlB,WAAY,SAAUrhB,EAAGmzB,GACrCnzB,GAAuB,IAAlBmzB,EAAK/R,UAAkB+R,EAAKlQ,KAAKtoB,SAAS,mBACtCwnB,WAAWsC,OAAO0O,KAK7B5E,uBAEUA,SAGR2e,SAGJlxC,GAAY8U,KAAK,gBAAgB5E,KAAK,mBAChCpF,EAAQnY,KAAK4G,WACfsK,EAAMiH,EAAMvZ,OACPyS,EAAI,EAAGA,EAAIH,EAAKG,IACG,OAAtB8G,EAAM9G,GAAG6b,UAA2C,UAAtB/U,EAAM9G,GAAG6b,iBAKzChc,GAAO,EAAG,KACNtF,EAAM5L,KAAKwzB,aACPprB,KAAKwD,OACb5L,MAAMmzC,YAAYvnC,UAGlBkkB,EAAS9vB,KAAKw+C,YAAYnxC,EAAY,UAGxCkxC,EAAU3/C,YACV2/C,GAAWhhC,KAAK,cACHvd,QAIV8vB,QAUJ0uB,YAAc,SAAUltC,EAAMmtC,OAC3BrgC,KACA3I,EAAOg4B,EAAUiC,SACjBgP,EAAS,IAAIpoC,OAAO,eAAiBb,EAAO,QAE9CnE,EAAM,gBACOA,OACT6G,EAAQ3G,MAAMmtC,KAAKrtC,EAAK1K,YAC1ByK,SACEygC,EAASxgC,EAAKohB,iBACdnN,KAAK,SAAChW,EAAGC,UAAMD,EAAEhQ,KAAOiQ,EAAEjQ,MAAQ,EAAI,IAEvC8R,EAAI,EAAGA,EAAIotC,EAAQptC,MAAWjJ,KAAK,UACpCA,KAAK,KAAMgW,EAAIhW,KAAKkJ,EAAK4b,UACb,eAAZ5b,EAAKyC,GAAqB,KAEtBwkC,EAAMqG,KAeC,OAATnpC,MACEqF,EAAItF,YAAY+iC,EAAIz9B,EAAGrF,GAAQA,IAC/BsF,EAAIvF,YAAY+iC,EAAIx9B,EAAGtF,GAAQA,KAGjCrN,KAAK,WAAamwC,EAAIz9B,EAAI,aAAey9B,EAAIx9B,EAAI,YAAwB7b,GAAGsM,IAAM,SAEhFqzC,SAGJvtC,GAAM6Q,KAAK,KAAK0hB,UAAUtmB,KAAK,eAGzBuhC,EAAM9+C,KAAKuR,aACbutC,IAAQD,EAAOC,IAAQ5O,EAAM4O,IAAuB,UAAf5O,EAAM4O,IAAmC,QAAf5O,EAAM4O,OAChEA,IAAO,IACV12C,KAAK,UAAY8nC,EAAM4O,GAAO,KAAOA,EAAM,UAG/CvhC,KAAKvd,KAAK4G,WAAY,SAAUyK,EAAGN,OAC7B+tC,EAAM/tC,EAAKQ,aACbutC,IAAQD,EAAOC,IAAuB,UAAf5O,EAAM4O,IAAmC,QAAf5O,EAAM4O,OAClDA,IAAO,IACV12C,KAAK,UAAY8nC,EAAM4O,GAAO,KAAOA,EAAM,YAKjD3mC,EAAMvZ,eACJmgD,GAAa,QAAS,SAAU,QAAS,IAAK,IAAK,UAAW,KAAM,YACnE1tC,KAAK,KACJN,EAAOoH,EAAM9G,GACb4V,EAAUwI,MAAM1e,EAAKE,OAGvBF,EAAKmc,SAAShG,WAAW,YAGb,KAAZD,GAAmB83B,EAAU/yC,SAAS+E,EAAKynB,YACxCznB,EAAKQ,eAAgB2+B,EAAMn/B,EAAKQ,kBAC/BnJ,KAAK,OACLA,KAAK2I,EAAKmc,UAAW9O,EAAIhW,KAAK,QAC9BA,KAAK6e,GAAU7I,EAAIhW,KAAK,YAI7B,IAEiB,SAAlBkJ,EAAK4b,WAAwB5b,EAAKkiB,sBAEhCwrB,GAAY,uBAAwB,4BACrC3tC,EAAI8G,EAAMvZ,OAAS,EAAGyS,GAAK,EAAGA,IAAK,KAChCN,EAAOoH,EAAM9G,GACf4V,EAAUwI,MAAM1e,EAAKE,WAErB+tC,EAAShzC,SAAS+E,EAAKynB,YACX,KAAZvR,EAAgB,IACdA,EAAQC,WAAW,8BACA,UAAnBnW,EAAKynB,WAAyBvR,EAAQC,WAAW,qBACjD9e,KAAK,KACc,MAAnB2I,EAAKynB,cAA+BnQ,EAAYV,YAAYrW,GAAM,IACjEvJ,MAAMkf,GAEAy3B,EAAOnoC,KAAK0Q,OACX7R,WAAW6R,GAAWxR,KAFtBL,WAAW6R,GAMnB0oB,EAAYx+B,OACI,UAAlBG,EAAK4b,UACc,SAAnBnc,EAAKynB,WACLmX,EAAYsP,QACW,UAAvBtP,EAAYsP,OACZ,KACM9mB,EAAM6Z,EAAgB/qB,GACxBkR,MAAiBA,GAKlBpnB,EAAKQ,cAAgBR,EAAKQ,eAAiBrS,GAAGsM,MAAO0kC,EAAMn/B,EAAKQ,kBAC/DnJ,KAAK2I,EAAKmc,UAAW9O,EAAIhW,KAAK,QAC9BA,KAAK6e,GAAU7I,EAAIhW,KAAK,WAMhCkJ,EAAK8zB,gBAAiB,GACpBh9B,KAAK,aAEL82C,GAAW,MAEV7tC,EAAI,EAAGA,EAAIygC,EAAOlzC,OAAQyS,IAAK,KAC5BqnB,EAAQoZ,EAAO3pC,KAAKkJ,UAClBqnB,EAAMjG,eACT,IACCrqB,KAAK,QACLA,KAAKpI,KAAKw+C,YAAY1M,EAAO3pC,KAAKkJ,GAAIotC,eAEvC,MACG3rC,EAAM4lB,EAAMC,UAAU1lB,QAAQ,aAAc,IACtC,KAARH,OACS,IACP1K,KAAKuoB,OAAOlB,MAAM3c,iBAGrB,IACC1K,KAAK,QACLA,KAAK,IAAIoJ,MAAMitC,EAAS,GAAGvsC,KAAK,QAChC9J,KAAK,eACLA,KAAKswB,EAAMC,aACXvwB,KAAK,kBAEN,IACCA,KAAK,QACLA,KAAK,IAAIoJ,MAAMitC,EAAS,GAAGvsC,KAAK,QAChC9J,KAAK,aACLA,KAAKswB,EAAMpE,QACXlsB,KAAK,mBAKR82C,QACC92C,KAAK,MACJiJ,EAAI,EAAGA,EAAIotC,EAAQptC,MAAWjJ,KAAK,OAEtCA,KAAK,MAAOgW,EAAIhW,KAAKkJ,EAAK4b,UAAW9O,EAAIhW,KAAK,YAE9CA,KAAK,aAGNgW,EAAIlM,KAAK,UAgBbitC,WAAa,SAAUtkB,EAAKukB,UACxB,IAAI/kB,QAAQ,SAAUG,EAASC,OAElC,IAAI4kB,OAASC,KAAK,SAAUC,EAAUC,EAAQC,MAC/B,UAAXD,OAKEE,EAAM1gD,SAASy6B,cAAc,YAC/BrrB,MAAQpO,KAAKoO,QACbJ,OAAShO,KAAKgO,SAEdmwC,WAAW,MAAMwB,UAAU3/C,KAAM,EAAG,WAGlC4/C,EAAU,gBAAkB3uB,mBAAmB4J,KACzC6kB,EAAIG,YAAY5sC,QAAQ,UAAW2sC,EAAU,aACvC/kB,GAAO+kB,EACvB,MAAOjwC,KACSkrB,IAAO,IAERA,EACbukB,KAAqBpN,EAAgBnX,MACjCmX,EAAgBnX,WAnBf,IAAIj1B,MAAM,wBAA0B65C,EAAID,OAAS,IAAMC,EAAIK,eAoBnE/uC,KAAK,MAAO8pB,WAUdklB,aAAe,SAAUjuC,KACXA,QAQdkuC,KAAO,kBAYPC,KAAO,SAAUC,OAIhBA,OAAUjqB,OAAO0Z,EAAauQ,KACtB/uC,OAAQ,MAGd2B,EAAM9S,KAAKs+C,sBACZ,QAASxrC,QAoCZqtC,eAoCCC,aAAe,SAAUC,EAASC,EAASC,EAAkBC,gBAC1DpiD,EAAmB,QAAZiiD,EAAoB,MAASA,GAAW,MAC/CI,EAAW,SAAWriD,EAAKqB,gBACJk+C,KAAtBC,IAAAA,OAAQC,IAAAA,WACTjyC,EAAM5L,KAAKs+C,2BAEV,IAAIjkB,oDAAQ,WAAOG,EAASC,iBAmBxBimB,qGACDhvC,aACKivC,UAAS/0C,MAAKgyC,SAAQC,aAAYz/C,KAAMiiD,aACvCC,UAASC,sBAEhB,WAAY7uC,GACb8uC,KACC9uC,KAEGA,IA3BLyuC,mCACcrmB,gBAAgB2T,EAAUmT,UAAY,mBAC7C,+BADRT,oBAIC90C,IAAE,kBAAkBzM,YACrB,YAAamV,GAAI,kBAAkB8sC,OAAOhT,SAAS,WAE7CxiC,IAAE,kBAAkB,IAC5B+C,MAAQ+f,EAAO+uB,WACflvC,OAASmgB,EAAO2yB,mBAEZX,GAAM1wC,EAAG7D,gBACKxN,EAAKqB,gBACT6gD,EACZ7wC,EAAEowC,UAAU,SAAWkB,EAAaT,GACpC7wC,EAAEowC,UAAU,SAAWkB,aAavBtxC,EAAEuxC,iCACFA,OAAO,SAACrvB,KACEJ,gBAAgBI,QAEzB8uB,EAAUH,gCAGLpvB,mBAAmB+vB,yGA8C5BC,UAAY,SAAUX,EAAkBY,EAAYX,gBACjDY,EAAOphD,YACN,IAAIq6B,oDAAQ,WAAOG,EAASC,6GAC5B97B,OAAO0iD,sCAEJjnB,wCAIJ,yCAGuB,cAAez7B,QACrCA,OAAOs7B,YACqB,IAA7Bt7B,OAAOs7B,UAAUC,kBAEbE,aAAaqT,EAAU6T,UAAY,iCACjCC,EACF,SACA,6BAKI3C,OACQrG,EAAIz9B,EAAIy9B,EAAIx9B,EAAI,YAAc,aAItCsmC,0BAHC,aAMF9I,EAAIz9B,EAAGy9B,EAAIx9B,OAGLymC,OACbC,qBACKC,MAMoB/D,KAAtBC,IAAAA,OAAQC,IAAAA,aACHuD,EAAK9C,sBACbqD,OAAO/1C,EAAK,EAAG,OAONA,MAAKgyC,SAAQC,aAAY0C,mBAAkBY,aAD3CA,GAAc,kBAEvBrxB,OAAS2U,EAAI3U,OAAOqxB,GACpBX,KACC9uC,KAEGA,KACH,cAAeA,qGASnBkwC,aAAe,oBACNzwC,OAAQ,EACbnR,KAAKs+C,0BAaT5c,aAAe,SAAUC,GACxBvwB,UAAUxS,OAAS,IAA6B,IAAxB+iC,gBACR,EAAOI,mBAEP,EAAMA,UAUtB8f,GAAgB7hD,KAAK6hD,cAAgB,SAAU1zC,OAC7C2zC,KASAC,GAAY,SAAU,iBAAkB,UAAW,iBAAkB,SAAU,WAAY,WAkD5F,IAAMC,cAhDF7zC,EAAG,SAAUgf,MAED,IAAfA,EAAEsF,SAAgB,CAEhBtF,EAAEpZ,KAEEoZ,EAAEpZ,MAAM+tC,MAER30B,EAAEpZ,KAAOzC,KAAM,KAAM6G,SAAW8pC,aAElC90B,EAAEpZ,IAAIzC,KAAO6b,OAKjB5P,KAAKm0B,EAAU,SAAUrgC,EAAGN,OACtBmxC,EAAW/0B,EAAEg1B,iBAAiBpxC,MAChCmxC,EAAU,KAEN1oB,EAAM5G,eAAesvB,EAASjxC,OAClCmxC,EAAQ5oB,EAAMA,EAAI3jB,OAAO,GAAK,KAC5BusC,IACIA,KAASN,MAETM,IAAU9wC,KAAM,KAAM6G,SAAW8pC,aAEnCG,GAAOjqC,MAAM/P,KAAK85C,WAMtBxoB,EAAOphB,QAAQ6U,MAEjBuM,GAAQqoB,EAAS/1C,SAASmhB,EAAED,UAAW,KACnCk1B,EAAQ1oB,EAAK7jB,OAAO,GACtBusC,IACIA,KAASN,MAETM,IAAU9wC,KAAM,KAAM6G,SAAW8pC,aAEnCG,GAAOH,MAAM75C,KAAK+kB,QAOV20B,KACbE,OACE1wC,EAAQwwC,EAAIE,GAAZ1wC,QACHA,EAAM,KACF+wC,EAAQ56B,MAGT1T,GAAKsuC,UAGHlqC,EAAS2pC,EAAIE,GAAb7pC,MACHxG,EAAIwG,EAAMvZ,OACP+S,KAAK,KACJZ,EAAOoH,EAAMxG,KACd2wC,aAAav8C,aAAagL,EAAKxR,KAAM,QAAU8iD,EAAQ,aAIxDE,EAAWT,EAAIE,GAAOC,MACxBjb,EAAIub,EAAS3jD,OACVooC,KAAK,KACJwb,EAAUD,EAASvb,WACjBwb,EAAS,IAAMH,OAYzBI,GAAaziD,KAAKyiD,WAAa,SAAU7qC,OACzCkB,EAAQzN,IAAEuM,GAES,QAAnBA,EAAOb,YACD+B,EAAMqJ,KAAK,UAGf5E,KAAK,eACHxJ,EAAKuE,QAAQtY,MAAM6V,OAAO,GAC1B6sC,EAAU5jC,QAAQ/K,GACnB2uC,QACH1iD,MAAMs0B,KAAK,MAAOouB,GACI,WAApBA,EAAQ3rC,SAA4C,QAApB2rC,EAAQ3rC,aACxC/W,MAAMs0B,KAAK,SAAUouB,GAASpuB,KAAK,MAAOouB,OAW5CC,GAAmB3iD,KAAK2iD,iBAAmB,SAAUrxC,OACrDwH,EAAQzN,IAAEiG,GAAM6Q,KAAK,mCACpBrJ,EAAMla,QAAUkR,eAEXzE,IAAEiG,GAAM6Q,KAAK,KAAKwS,OAAO,kBACvB30B,KAAK+W,QAAQ/K,SAAS,iBAI5BuR,KAAK,cAE6B,mBAAlClS,IADSrL,MACD+Q,KAAK,iBAAuC,KAEhD+H,EAAQzN,IAAEgC,GAAY8U,KAAK,eAHtBniB,KAG4C+T,GAAK,qBAHjD/T,KAG6E+T,GAAK,WACxF+E,EAAMla,kBAGLqW,EAAK+R,QAAalO,EAAM,QAIzB7D,YAEgB,mBAbVjV,KAaF+W,QAA8B,KAC/BwQ,EAAUlc,IAdPrL,MAce+Q,MAAM,KAAM,KAAM,KAAM,OAG1C4J,EAjBG3a,KAiBUuU,kBAAkBvF,WACjC2L,GAASA,EAAMxU,cAAgB,EAAG,KAC9B8L,EAAIuJ,yBAAyBb,GAAOrL,OACpC+X,EAAMpN,eAAesN,EAAQllB,GAAIklB,EAAQjlB,GAAI2P,GAC7CqV,EAAMrN,eAAesN,EAAQhlB,GAAIglB,EAAQ/kB,GAAIyP,KAE3C5P,GAAKglB,EAAI1lB,IACTW,GAAK+kB,EAAIzlB,IACTW,GAAK+kB,EAAI3lB,IACTa,GAAK8kB,EAAI1lB,EA1BV5B,KA2BFwY,gBAAgB,yBA3BdxY,MA8BD+Q,UACDwW,EAAQllB,GAAK4S,EAAGtT,GAAKsT,EAAG7G,UACxBmZ,EAAQjlB,GAAK2S,EAAGrT,GAAKqT,EAAGjH,WACxBuZ,EAAQhlB,GAAK0S,EAAGtT,GAAKsT,EAAG7G,UACxBmZ,EAAQ/kB,GAAKyS,EAAGrT,GAAKqT,EAAGjH,SAlCtBhO,KAoCJwY,gBAAgB,sBAiCvBoqC,GAAiB5iD,KAAK4iD,eAAiB,SAAUtxC,GAChDA,MACIw9B,EAAiB,QAEpB+T,EAAQx3C,IAAEiG,GACVuI,EAAW,IAAIlB,eACjBmqC,YAEAD,EAAMvuB,KAAK,QAAS,KAEhB1oB,EAAM0F,EAAKkiB,WACXhV,EAAKnT,IAAEO,GAAKmF,MAAM,IAAK,UAE3BO,EAAKkiB,WAAWA,YAAYuvB,aAC5BzxC,GAAM0xC,WAAW,YAEbroC,EAAQtG,iBAAiB/C,GACzBU,EAAQ5E,EAAQ8B,uBAChB43B,aAAatoB,EAAG7c,EAAG6c,EAAG5c,KACtBuN,WAAW6C,yBACKV,KACjB,YAAaA,SACb,GAAIuxC,EAAMvuB,KAAK,UAAW,GACxBuuB,EAAMvuB,KAAK,YAEbuuB,EAAM9xC,KAAK,iBACVrD,EAAMm1C,EAAM9xC,MAAM,IAAK,MAEvBkyC,EAAK3xC,EAAKtL,aAAa,cAEzBi9C,EAAI,KACA31B,EAAO21B,EAAG9vC,MAAM,OAClBxR,IAAM2rB,EAAK,KACX1rB,IAAM0rB,EAAK,MAIX,eAAiB5f,EAAI/L,GAAK,GAAK,KAAO+L,EAAI9L,GAAK,GAAK,QAEpD0Y,EAAOuoC,EAAMvoC,SAGVP,cAAc,IAAIhC,uBAAqB8qC,EAAM,GAAIA,EAAM,GAAG5rC,YAAa4rC,EAAM,GAAG1rC,eACnFvJ,aAGAs1C,EAAU73C,IAAEgC,GAAY8U,KAAK,oBAAoBvjB,OAEjDuP,EAAIutB,EAAO51B,gBAAgB5G,GAAGsM,IAAK,KACnCsmC,EAASxgC,EAAKohB,WAEhBrhB,aACCA,EAAI,EAAGA,EAAIygC,EAAOlzC,OAAQyS,MAC3B9D,OAAOukC,EAAOzgC,GAAG7C,WAAU,OAI3BuB,UAAW,KACPozC,EAAY93C,IAAE6nB,YAAYwB,SAAS,yCAAyCzsB,YAChFkG,GAAGZ,OAAO41C,GAGVL,KACA/8C,aAAa,YAAa+8C,OAGxBlrC,EAAStG,EAAK6F,iBAENhJ,GAGV4B,eACAmjB,YAAY3lB,OAAOlC,IAAE8C,GAAGgU,KAAK,4CAI/BpO,GAAK0T,MAEFmU,MAAMztB,GAEPyJ,EAAQ,KACLsrC,EAAS,KAELjsC,EAAe3F,EAAf2F,cACFrJ,WACImM,cAAc,IAAIhC,uBAAqBzG,EAAM2F,EAAaW,MAE5DmC,cAAc,IAAIpC,uBAAqBxJ,OAGvCA,GAEP4B,aACemjB,eAEA/kB,gBAKNA,EAAG,SAAUgf,6BAEAA,GACtB,MAAOxd,WACCsI,IAAItI,UAKdxB,GAAGgU,KAAK+M,GAAU3R,KAAK,WAClBvd,KAAK+T,UAAWA,GAAK0T,WAGhBtZ,QAENqjC,EAAK4R,GAAoBj1C,GAAG,GAC9BqjC,KACOz3B,cAAcy3B,KAGL33B,gBAEZ5B,IAAI,iCAAkC3G,SAiB7C+xC,aAAe,SAAUC,EAAW9P,WAG/BH,EAASxhB,SAASyxB,MACpBjQ,EAAOkQ,mBACTlQ,EAAOkQ,kBAAkBhyC,eAAiBrS,GAAGsM,WACtC,OAGJ4nC,WAAWC,OAEVx5B,EAAW,IAAIlB,eAAa,iBAG3B1B,EAAe5J,EAAf4J,YACDusC,EAAUp2C,EAAQ0K,YAAYzK,KAC3B0M,cAAc,IAAIhC,uBAAqByrC,EAASvsC,EAAa7J,MAIlEsuB,EAAO+nB,UACI/nB,EAAO+nB,UAAUpQ,EAAO/lC,iBAExBouB,EAAOgS,WAAW2F,EAAO/lC,iBAAiB,KAGjDC,OAAOF,OACT6wC,EAAU7yC,IAAEgC,KAEX6gC,iBAAmB,IAAIC,QAAa9gC,EAAY2gC,OAGjD0V,EAAQ3hB,IAAoBF,WAC9B6hB,IACG,WAAYA,KAEZ,gBAICvhC,KAAK,SAAS5E,KAAK,eACnBomC,EAAQ3jD,yBACM2jD,OACd7xC,EAAMwG,QAAQtY,SAChB8R,EAAK,IACHA,EAAIoV,WAAW,SAAU,KAErBjV,EAAIH,EAAIkB,MAAM,yBAChBf,EAAG,KACCunB,EAAM1I,mBAAmB7e,EAAE,QAC/B,IAAIotC,OAASC,KAAK,aACZrsB,eAAe/zB,GAAG6zB,MAAO,aAAcyG,KAC5CzoB,KAAK,MAAOyoB,MAIZ2lB,WAAWrtC,QAKdqQ,KAAK,OAAO5E,KAAK,eAEnBlS,IAAErL,MAAMo1B,QAAQ,QAAQx2B,WAEdoB,UAGR4jD,EAAK5jD,KAAKmX,WACa,IAAzBysC,EAAGlxB,WAAW9zB,QAAgC,MAAhBglD,EAAG12B,cACjC02B,GAAItvB,KAAK,OAAQt0B,QAChB+T,GAAK6vC,EAAG7vC,IAAM0T,QAEJznB,SAKb+P,aACMoS,KAAK,2CAA2C0rB,SAAS3a,eAMxDgrB,MAEMA,EAAQ,QAEnB/lC,MACA,sBACMs1B,EAAUG,oBAAsB,UAAY,UAGpDiW,GAAQ,KAGR3F,EAAQntC,KAAK,WAAY,KACrBkyC,EAAK/E,EAAQntC,KAAK,WAAWoC,MAAM,OACnC/E,MAAQ60C,EAAG,KACXj1C,OAASi1C,EAAG,YAGhB1lC,MAAM,QAAS,UAAW,SAAUlM,EAAGyyC,OAEjChyC,EAAMosC,EAAQntC,KAAK+yC,IAAQ,OAEF,MAA3BnzB,OAAO7e,GAAK+D,QAAQ,MAEd,IAEFiuC,GAAOluC,aAAakuC,EAAKhyC,2BAS7B4iB,WAAWvS,KAAK+M,GAAU3R,KAAK,WAChCvd,KAAK+T,UAAWA,GAAK0T,OAIxBo8B,EAAO,KACH5uC,EAAKoiB,iCACLjpB,MAAQ6G,EAAG7G,MAAQ6G,EAAGtT,IACtBqM,OAASiH,EAAGjH,OAASiH,EAAGrT,EAK5BuW,EAAM/J,OAAS,MAAWA,MAAQ,KAClC+J,EAAMnK,QAAU,MAAWA,OAAS,OAEhC+C,KAAKoH,QACR+kC,SAAW/kC,EAAM/J,WACjB0yC,SAAW3oC,EAAMnK,SAEb+L,cAAc,IAAIpC,uBAAqBtK,QAE1CyM,EAAUokC,EAAQntC,MAAM,QAAS,aAC9BgJ,cAAc,IAAI7B,uBAAqB9K,EAAS0M,MAG3C,mCAMNvM,OAAOic,EAAgBgjB,qBAE1BgH,GAAavmB,EAAoBpT,KACjC,WAAYxM,IACjB,MAAOsC,kBACCsI,IAAItI,IACL,SAGF,QAiBJo0C,gBAAkB,SAAUT,OAC3B3xC,SAAGmxC,SAAIkB,iBAGHC,EAAMv0B,SAAS4zB,EAAU1kD,OAAS0kD,GAAWztC,OAAO,EAAG,IAEzDquC,GAAc,EAEdC,EAAUF,IACR54C,IAAE84C,EAAUF,GAAKG,QAAQC,QAAQ,YAAYzlD,YACjC,OAIZib,EAAW,IAAIlB,eAAa,gBAC9ByrC,YACAF,IACUC,EAAUF,GAApBG,SACGD,EAAUF,GAAKjyC,UACf,KAECqhC,EAASxhB,SAASyxB,QAEnBlQ,WAAWC,OAGZznC,WAEA8vB,EAAO+nB,UACH/nB,EAAO+nB,UAAUpQ,EAAO/lC,iBAExBouB,EAAOgS,WAAW2F,EAAO/lC,iBAAiB,MAGpC1B,OAER04C,EAAS1uC,aAAa,QAAShK,EAAI5F,aAAa,UACpDu+C,EAAS3uC,aAAa,SAAUhK,EAAI5F,aAAa,WACjDw+C,EAAU54C,EAAI5F,aAAa,aAEtBw+C,EAAUA,EAAQrxC,MAAM,MAAQ,EAAG,EAAGmxC,EAAQC,OAChD5yC,EAAI,EAAGA,EAAI,IAAKA,IAChBA,IAAOsxC,EAAGtxC,UAKFtE,EAAWrH,aAAa,YAUhC,mBAPDu+C,EAASD,EACN,SAAYG,EAAU,EAAKxB,EAAG,GAAK,IAEnC,SAAYwB,EAAU,EAAKxB,EAAG,GAAK,KAId,kBAEnBvnB,EAAO51B,gBAAgB5G,GAAGsM,IAAK,cAClC6nB,EAAOH,eAETnjB,eAIAnE,GAAKuW,KAAK,2CAA2C0rB,SAASxa,GAG3DznB,EAAI4nB,YAAY,KACfr1B,EAAQyN,EAAI4nB,aACXjmB,OAAOpP,WAEVga,EAAQvM,EAAIhF,WACTyK,EAAI,EAAGA,EAAI8G,EAAMvZ,OAAQyS,IAAK,KAC/BN,EAAOoH,EAAM9G,KACZtL,aAAagL,EAAKmc,SAAUnc,EAAKE,SAEnC8C,GAAK0T,MAGFw8B,mBAEDnB,cAGEv1C,OAAO62C,KACTrqC,cAAc,IAAIpC,uBAAqBysC,OAG1C1oB,EAAO51B,gBAAgB5G,GAAGsM,IAAK,QACjCuI,GAAK0T,YACHu8B,EAAO,IAAMI,EAAOrwC,KAE3B6rB,GAAgBmC,IAAoBM,mBAAmB90B,OAAOy2C,KACtDjqC,cAAc,IAAIpC,uBAAqBqsC,UAG1Cj+C,aAAa,YAAa+8C,yBACVkB,OACpBA,GAAO1vB,KAAK,SAAU8vB,GAAQ9vB,KAAK,MAAO8vB,MAC5BJ,MAMInqC,KACf,WAAYxM,IACjB,MAAOsC,kBACCsI,IAAItI,GACL,YAIFq0C,IAMP,iBAAkB,cAAe,aAAc,qBAC/C,kBAAmB,qBAAsB,0BACzC,qBAAsB,sBAAuB,aAAc,iBAC3D,eAAgB,cAChB1kD,QAAQ,SAAC2e,KACFA,GAAQkwB,KAAKlwB,6DAST2hB,4BAEQ8kB,KACAA,4JAeV,WAAYr3C,YAelBwQ,MAAQ,aACCA,cAKL8vB,2BAGAO,iBAAmB,IAAIC,QAAa9gC,KAGpC20B,YAAY,aAGZtE,QAAQinB,mBAGC/X,eAGJpjB,EAAgBC,qBAEvB,iBAIFm7B,kBAAoBv8B,EAAYu8B,uBAMhCC,eAAiB,kBAAqBx3C,QAMtCy3C,YAAc,kBAAqB13C,OAalCwxC,GAAgB5+C,KAAK4+C,cAAgB,oBAI/BvxC,EAAWrH,aAAa,SAAWqY,IACnChR,EAAWrH,aAAa,UAAYqY,OAKtCA,SAQL0mC,cAAgB,kBAAqBtX,EAAUuC,mBAM/CgV,WAAa,iBACT,6BASJpoC,aAAe,SAAUC,UACrBC,OAAOH,EAAWE,EAAKooC,2BACNpoC,SASrBqoC,UAAY,SAAUhF,UAClBpjC,OAAO2wB,EAAWyS,SAQtBiF,SAAW,SAAU7zC,QACjBA,GAAQw9B,EAAiB,YAG1BgD,KADCzmC,IAAEiG,GAAMgjB,KAAK,SAAWjpB,IAAEiG,GAAMgjB,KAAK,WAAahjB,GACrCohB,WACXrhB,EAAI,EAAGA,EAAIygC,EAAOlzC,OAAQyS,OACN,UAAvBygC,EAAOzgC,GAAG6b,gBACL4kB,EAAOzgC,GAAG5D,kBAGd,UAUJ23C,cAAgB,SAAUtzC,OACzBR,EAAOw9B,EAAiB,KACrBzjC,IAAEiG,GAAMgjB,KAAK,SAAWhjB,MAEzBwxC,EAAKz3C,IAAEiG,GAAMojB,SAAS,SAEtB7a,EAAW,IAAIlB,eAAa,aAE9BujB,YACCpqB,EAAIlT,OAKEkkD,EAAGlkD,UAEJkkD,EAAG,KACF/oC,cAAc,IAAI7B,uBAAqBgkB,GAAQI,QAASJ,EAAMzuB,iBACjEA,YAAcqE,OAGZ4pB,EAAO51B,gBAAgB5G,GAAGsM,IAAK,UACjCiC,YAAcqE,MAClBR,GAAM+zC,QAAQnpB,KACPniB,cAAc,IAAIpC,uBAAqBukB,SAfjC,KAETopB,EAAgBxC,EAAG7rC,cAChB8C,cAAc,IAAIhC,uBAAqB+qC,EAAG,GAAIwC,EAAeh0C,MACnE1D,WAceiM,QAOhB2nC,GAAmBxhD,KAAKwhD,iBAAmB,kBACxCrzB,EAAOg3B,SAAS93C,SAUpBk4C,iBAAmB,SAAUC,WAC1B1T,EAASzkC,EAAWqlB,WACtBgvB,GAAW,EAAO+D,EAAW,GAE3B5rC,EAAW,IAAIlB,eAAa,sBAEzBtH,EAAI,EAAGA,EAAIygC,EAAOlzC,OAAQyS,OACN,UAAvBygC,EAAOzgC,GAAG6b,SAAsB,MACvB4kB,EAAOzgC,IACE5D,kBAInBi0C,MACQhmB,EAAO51B,gBAAgB5G,GAAGsM,IAAK,WAC/B+L,aAAamqC,EAAUr0C,EAAWmmB,aAI3CgyB,EAAS5mD,SACF6O,YAAc+3C,IAGd53C,WAEFmM,cAAc,IAAI7B,uBAAqBwpC,GAAWplB,QAASmpB,OAChD5rC,SASjB6rC,YAAc,SAAUC,UACvBA,KACS5/C,aAAa,WAAY7G,GAAGu/B,IAElCv/B,GAAGu/B,SAaPmnB,cAAgB,SAAUjkD,EAAGC,OAC1B22C,EAAMqG,KACL9jC,EAAQy9B,EAARz9B,EAAGC,EAAKw9B,EAALx9B,EACNlB,YAEM,QAANlY,EAAa,KAETmM,EAAOupB,mCAETvpB,SAiBK,IAhBI,IAAI6K,eAAa,6BACtBktC,EAAS3uB,uBACA2uB,OACT5pC,KAASC,SACbqB,KAAKsoC,EAAQ,SAAUx0C,EAAGlJ,KACvBC,MAAe,EAAV0F,EAAKnM,KACVyG,MAAe,EAAV0F,EAAKlM,SAGTmX,EAAMoV,EAAO23B,qBAAqB7pC,EAAIC,GAAI,KACvCnC,cAAchB,SAGnB9O,KAAKqS,MAAMxO,EAAKM,SAChBnE,KAAKqS,MAAMxO,EAAKE,eAKpBrM,IAAMmZ,GAAKlZ,IAAMmZ,IACdlB,MACQ,IAAIlB,eAAa,8BAG1B/C,aAAa,QAASjU,KACtBiU,aAAa,SAAUhU,KAEhBmE,aAAa,QAASpE,KACtBoE,aAAa,SAAUnE,QAE7Bs7C,SAAWv7C,OACXm/C,SAAWl/C,IACPmY,cAAc,IAAI7B,uBAAqB7K,GAAae,MAAO0M,EAAG9M,OAAQ+M,OAEpEhV,aAAa,WAAY,EAAG,EAAGpE,EAAI0c,EAAazc,EAAIyc,GAAanM,KAAK,QACxE6H,cAAc,IAAI7B,uBAAqB7K,GAAa04C,SAAU,MAAOjrC,EAAGC,GAAG7I,KAAK,UAErE2H,KACf,WAAYxM,MAEZ,QAcJ24C,UAAY,kBACR36C,IAAEgC,GAAY0D,MAAM,IAAK,YAgB7Bk1C,YAAc,SAAUn0C,EAAKynC,EAASC,OACrC0M,EAAS,IACTjxC,SACEkxC,EAAW,SAAUlxC,OACpBA,SAAa,MACZglC,EAAQhwC,KAAKqS,MAAOi9B,EAAUtkC,EAAG7G,MAAS,IAAM83C,GAAU,IAC1DhM,EAAQjwC,KAAKqS,MAAOk9B,EAAUvkC,EAAGjH,OAAU,IAAMk4C,GAAU,IAC3DE,EAAOn8C,KAAKmR,IAAI6+B,EAAOC,YACtBK,QAAQ6L,IACPA,OAAMt4C,KAAMmH,OAGH,qBAARnD,sBAAAA,IAAkB,IAEV,OADZA,GACE1D,OAA6B,IAAd6G,EAAGjH,OAAc,KAC/Bq4C,EAAUpxC,EAAGmxC,KAAOnxC,EAAGmxC,KAAO/nC,EAAcpJ,EAAGmjC,gBAC9CmC,QAAQ8L,IACPD,KAAM/nC,EAAavQ,KAAMmH,UAE5BkxC,EAASlxC,UAGVnD,OACH,gBACEg9B,EAAiB,cAChBwX,EAAgBj7C,IAAE2S,IAAI8wB,EAAkB,SAAU3hB,MAASA,SAAYA,MACxEkK,6BAA6BivB,aAE/B,aACG/N,EAAMqG,OACH,OACHxwC,MAAOmqC,EAAIz9B,EAAG9M,OAAQuqC,EAAIx9B,EAAGpZ,EAAG,EAAGC,EAAG,aAEzC,YACEy1B,yCAEF,UACEA,6BAA6BH,mBAAmB6K,IAAoBM,gDAKpE8jB,EAASlxC,SAgFbslC,QAAU,SAAUgM,OACjBhO,EAAMqG,OACD74C,aAAa,UAAW,OAASwyC,EAAIz9B,EAAIyrC,EAAY,IAAMhO,EAAIx9B,EAAIwrC,KAChEA,MACZhpC,KAAKuxB,EAAkB,SAAUz9B,EAAGC,GAC/BA,KACW0/B,gBAAgB1/B,GAAMu5B,aAE5B2b,gBACE,cAA+ED,SAO1FE,QAAU,kBACNlV,QASJyH,QAAU,SAAUz5C,KACXse,OAAM,MACNA,WACKixB,EAAiB,IAAuC,SAAjCA,EAAiB,GAAG5hB,SAAuB2pB,EAAUhI,IAC/EtvC,QAiBXmnD,SAAW,SAAUtoD,UACjBuoD,GAAcvoD,SAYlBwoD,SAAW,SAAUxoD,EAAM0T,EAAK0hC,KAC1Bp1C,GAAQ0T,KACH1T,EAAO,WAAaA,KAAM,kBAClC0a,cACG+tC,EAASl3C,GACG,MAAfA,EAAEud,YACE9kB,KAAKuH,WAGX0B,EAAIy9B,EAAiBlwC,OAClByS,KAAK,KACJC,EAAOw9B,EAAiBz9B,GAC1BC,IACmB,MAAjBA,EAAKyF,iBACEzF,EAAMu1C,GAEF,SAATzoD,EACmB,aAAjBkT,EAAKyF,SAA2C,SAAjBzF,EAAKyF,WAChC3O,KAAKkJ,KAGPlJ,KAAKkJ,IAKfwH,EAAMla,OAAS,IACZ40C,KAI2Bp1C,EAAM0T,EAAKgH,OAHjB1a,EAAM0T,EAAKgH,KAC9B,UAAWA,UAahBguC,GAAc9mD,KAAK8mD,YAAc,SAAU1oD,MAC1CuoD,GAAcvoD,EAAO,WAAqD,eAAxCuoD,GAAcvoD,EAAO,UAAUA,UAClE+oB,EAAOgH,EAAO/vB,EAAO,QAEnB2oD,EAAgBC,GAAsB7/B,GACtCkM,EAAOH,WAER6zB,IAMIA,KAJA1zB,EAAKpU,YAAYyc,EAAOgS,WAAWvmB,GAAM,KAE3CpT,GAAK0T,MAILm/B,SAASxoD,EAAM,QAAU+oB,EAAKpT,GAAK,OAStCizC,GAAwB,SAAU7/B,WAChCkM,EAAOH,WACP+zB,EAAgB57C,IAAEgoB,GAAMlR,KAAK,kCAC/B9Q,EAAI41C,EAAcroD,OAChBsoD,GAAY,IAAK,KAAM,KAAM,KAAM,MAClC71C,KAAK,KACJ81C,EAAKF,EAAc51C,MACJ,mBAAjB8V,EAAKpQ,YACHoQ,EAAKnhB,aAAa,QAAUmhD,EAAGnhD,aAAa,OAC9CmhB,EAAKnhB,aAAa,QAAUmhD,EAAGnhD,aAAa,OAC5CmhB,EAAKnhB,aAAa,QAAUmhD,EAAGnhD,aAAa,OAC5CmhB,EAAKnhB,aAAa,QAAUmhD,EAAGnhD,aAAa,mDAKxCohD,EAAY/7C,IAAE8b,GAAMpW,KAAKm2C,GACzBG,EAAUh8C,IAAE87C,GAAIp2C,KAAKm2C,GAEvBp4B,GAAO,SACTvR,KAAK2pC,EAAU,SAAU71C,EAAGN,GACxBq2C,EAAUr2C,KAAUs2C,EAAQt2C,QAAgB,KAG9C+d,sBAAQ,aAIRw4B,EAAQngC,EAAKmM,uBAAuBp0B,GAAGsM,IAAK,QAC5C+7C,EAASJ,EAAG7zB,uBAAuBp0B,GAAGsM,IAAK,WAE7C87C,EAAM1oD,SAAW2oD,EAAO3oD,gBAIxB+S,EAAI21C,EAAM1oD,OACP+S,KAAK,KACJ61C,EAAOF,EAAM31C,GACb81C,EAAQF,EAAO51C,MAEjB61C,EAAKxhD,aAAa,YAAcyhD,EAAMzhD,aAAa,WACrDwhD,EAAKxhD,aAAa,kBAAoByhD,EAAMzhD,aAAa,iBACzDwhD,EAAKxhD,aAAa,gBAAkByhD,EAAMzhD,aAAa,wBAKhD,IAAP2L,SACKw1C,UAIJ,WAUJO,SAAW,SAAUtpD,EAAMsrC,OAExB/vB,EAAI,IAAItO,IAAEs8C,UAAUC,MAAMle,eAC3Bme,gBAAgBzpD,EAAMub,EAAEmuC,MAAQ,KAAK,MAG5B1pD,EAAO,UAAYub,EACzBA,EAAEvb,UACL,kBACEwoD,SAASxoD,EAAuB,SAAjBub,EAAEouC,WAAwB,IAAMpuC,EAAEouC,WAAa,kBAEhE,qBACA,mBACI3pD,EAAO,QAAUub,EAAEA,EAAEvb,SAChBA,UAUX4pD,eAAiB,SAAUte,QACzBge,SAAS,SAAUhe,SAQrBue,aAAe,SAAUve,QACvBge,SAAS,OAAQhe,SAOnBwe,eAAiB,kBACbvB,GAAcjY,mBAWlByZ,eAAiB,SAAUr2C,MAClB,IAARA,IAAc,OAAQ,QAAQ9F,SAASulC,KAClC4W,eAAe,WAGVzZ,aAAe58B,UAEvBgH,KAMFzH,EAAIy9B,EAAiBlwC,OAClByS,KAAK,KACJC,EAAOw9B,EAAiBz9B,GAC1BC,IACmB,MAAjBA,EAAKyF,iBACEzF,EAAMu1C,KAETz+C,KAAKkJ,IAIbwH,EAAMla,OAAS,OACO,eAAgBkT,EAAKgH,KACxC,UAAWg2B,aAlBT+X,EAASl3C,GACG,MAAfA,EAAEud,YACE9kB,KAAKuH,UA4BZy4C,cAAgB,SAAUr3C,EAAMe,KAC1Bf,EAAKkC,QAAQ,IAAK,MAAQnB,UAC7BgH,KAEFzH,EAAIy9B,EAAiBlwC,OAClByS,KAAK,KACJC,EAAOw9B,EAAiBz9B,GAC1BC,IACmB,MAAjBA,EAAKyF,iBACEzF,EAAM,SAAU3B,GAAwB,MAAfA,EAAEud,YAA0B9kB,KAAKuH,OAE7DvH,KAAKkJ,IAIbwH,EAAMla,OAAS,OACOmS,EAAMe,EAAKgH,KAC9B,UAAWg2B,UAqBfuZ,SAAW,kBACPxZ,QAOJnjB,WAAaA,OAQb6V,WAAa,SAAUzvB,KACjBiqB,QAAUjqB,KACK,UAAWA,SAOhCw2C,eAAiB,kBACbzZ,EAASY,mBAOb8Y,iBAAmB,kBACf1Z,EAASW,qBAWbqY,gBAAkB,SAAUzpD,EAAM0T,EAAK0hC,KACjCp1C,EAAO,YAAc0T,EACzB0hC,KAG2Bp1C,EAAO,WAAY0T,MAFzB1T,EAAO,WAAY0T,SAY1C02C,gBAAkB,SAAUpqD,SACf,SAATA,EAAkB4B,KAAKsoD,iBAAmBtoD,KAAKuoD,yBASnDE,QAAU,SAAUn3C,OACnBQ,EAAM,KAGNR,GACgBA,EAAKtL,aAAa,UACrB,KACP+2C,EAAOj+B,QAAQxN,EAAKyC,GAAK,SAC3BgpC,MACIA,EAAKvpB,WAAWxtB,aAAa,wBAIlC8L,kBAIL42C,EAAa,KACb/zB,EAAS,KACTg0B,GAAe,WAiCVC,QACDC,EAAO16B,EAAOuP,QAAQ+a,yBACjB1+B,cAAc8uC,KACLH,KACP,OACJ,OA9BJI,cAAgB,SAAUh3C,MAC1B6iB,KAIO,IAAR7iB,KAG4B,SAAU,OACzB,MACV,KACCR,EAAOw9B,EAAiB,GAC1B6Z,MAC4B,SAAU,QAAUr3C,EAAKyC,GAAK,UAE1DjE,qBACMmI,IAAI,IAAK3G,KACZkH,gBAAgB,YAChBzS,aAAa,SAAU,QAAUuL,EAAKyC,GAAK,cAEpB,eAAgBjC,GAAM6iB,EAAOnB,eACpDgd,eAAe7b,EAAQ7iB,UAnBvBi3C,QAAQj3C,MAuCZ0+B,eAAiB,SAAU7b,EAAQq0B,GACpCA,EAAS,mBAEMr0B,KACZ,SACA,aACI,cACC,QACP,KAGE7kB,eACI0I,gBAAgB,OAChBA,gBAAgB,OAChBA,gBAAgB,WAChBA,gBAAgB,cAYtBuwC,QAAU,SAAUj3C,EAAKm3C,MAC1BP,eAMEp3C,EAAOw9B,EAAiB,GACxBoa,EAAS53C,EAAKyC,KACX+K,QAAQoqC,EAAS,YAEnB,MAEDrvC,EAAW,IAAIlB,kBAGjBgc,EACU,IAAR7iB,MACO,UAEN,KAECq3C,EAAU19B,GAAwBe,QAAS,0BAEzC,6BACU1a,QAIT2Z,GAAwBe,QAAS,kBAElC08B,EAAS,YAIV37C,OAAO47C,cACH57C,OAAOonB,KAET5a,cAAc,IAAIpC,uBAAqBgd,QAG5C7a,GAAW6a,OAAQrjB,EAAKtL,aAAa,cAE/B,IAAR8L,WACG0G,gBAAgB,iBACZuB,cAAc,IAAI7B,uBAAqB5G,EAAMwI,OAIhC,SAAU,QAAUovC,EAAS,YAC5CnvC,cAAc,IAAI7B,uBAAqB5G,EAAMwI,MAC/C02B,eAAe7b,EAAQ7iB,KAEjB+H,IACN6jB,QAAQqZ,oBAAoB,gBAAiBpiB,EAASA,EAAOnB,WAAa,OAC7Ey1B,MACKH,cAAch3C,kBAWpBs3C,QAAU,eAEPjoC,EAAW2tB,EAAiB,UAClB,MAAZ3tB,GAAyC,SAArBA,EAASpK,SACR,MAAvB+3B,EAAiB,IACgC,SAAzC3tB,EAASnb,aAAa,qBAW7BqjD,QAAU,SAAU75C,OACjB2R,EAAW2tB,EAAiB,GAClB,MAAZ3tB,GAAyC,SAArBA,EAASpK,SACR,MAAvB+3B,EAAiB,OACO,cAAet/B,EAAI,OAAS,UAEjDs/B,EAAiB,GAAGrhC,gBACXwtC,kBASXqO,UAAY,eACTnoC,EAAW2tB,EAAiB,UAClB,MAAZ3tB,GAAyC,SAArBA,EAASpK,SACR,MAAvB+3B,EAAiB,IAC+B,WAAxC3tB,EAASnb,aAAa,oBAW7BujD,UAAY,SAAUl4C,OACnB8P,EAAW2tB,EAAiB,GAClB,MAAZ3tB,GAAyC,SAArBA,EAASpK,SACR,MAAvB+3B,EAAiB,OACO,aAAcz9B,EAAI,SAAW,UAElDy9B,EAAiB,GAAGrhC,gBACXwtC,kBAQXuO,cAAgB,kBACZ3S,EAAQjI,kBASZ6a,cAAgB,SAAU33C,KACrB88B,YAAc98B,KACE,cAAeA,GACnCg9B,EAAiB,KAAOA,EAAiB,GAAGrhC,gBAClCwtC,kBAUXyO,aAAe,SAAU53C,KACpB23B,KAAO33B,KACS,OAAQA,SAO7B63C,aAAe,kBACX9S,EAAQpN,WAOZmgB,YAAc,kBACV/S,EAAQlI,gBASZkb,YAAc,SAAU/3C,KACnB68B,UAAY78B,KACI,YAAaA,GAChCg9B,EAAiB,GAAGrhC,gBACXwtC,kBAQXxhC,QAAU,eACP0H,EAAW2tB,EAAiB,UAClB,MAAZ3tB,EAA2B,GACxBA,EAAS1T,kBASbq8C,eAAiB,SAAUh4C,MACN,QAASA,MACrBgD,KAAKhD,MACLmpC,kBAWT8O,YAAc,SAAUj4C,OACrBR,EAAOw9B,EAAiB,MACzBx9B,OAEC6G,EAAQ9M,IAAEiG,GAAMP,MAAM,QAAS,WACjCi5C,GAAY7xC,EAAM/J,QAAU+J,EAAMnK,OAEhCi8C,EAAU3xC,QAAQhH,MAGpB24C,IAAYn4C,KACJ,OACL,IAAKk4C,aAENnwC,EAAW,IAAIlB,eAAa,4BAE1BrH,EAAMQ,KACLiI,cAAc,IAAI7B,uBAAqB5G,WACrC24C,KAGPD,MACA,IAAI3K,OAASC,KAAK,eACZxlC,EAAUzO,IAAEiG,GAAMP,MAAM,QAAS,eAErCO,GAAMP,YACC/Q,KAAKoO,aACJpO,KAAKgO,WAGCgjC,gBAAgB1/B,GAAMu5B,WAE7B9wB,cAAc,IAAI7B,uBAAqB5G,EAAMwI,MAClCD,KACf,WAAYvI,MAChBP,KAAK,MAAOe,KAEK+H,UAUnBqwC,WAAa,SAAUp4C,OACtBR,EAAOw9B,EAAiB,MACvBx9B,MACgB,MAAjBA,EAAKyF,QAAiB,KAElBozC,EAAW9+C,IAAEiG,GAAM+yC,QAAQ,SAC7B8F,EAASvrD,gBACJurD,EAAS,OAMdF,EAAU3xC,QAAQhH,MAEpB24C,IAAYn4C,OAEV+H,EAAW,IAAIlB,eAAa,2BAE1BrH,EAAMQ,KACLiI,cAAc,IAAI7B,uBAAqB5G,WACrC24C,OAGSpwC,WAUjBuwC,cAAgB,SAAUt4C,OACvBqP,EAAW2tB,EAAiB,MAClB,MAAZ3tB,GAAyC,SAArBA,EAASpK,QAAoB,KAC7CmP,EAAI/E,EAASnb,aAAa,MAC5BkgB,IAAMyK,OAAO7e,OACN/L,aAAa,KAAM+L,KACnB/L,aAAa,KAAM+L,KACR,IAAIoG,uBAAqBiJ,GAAWsU,GAAIvP,EAAGwP,GAAIxP,GAAI,aAClE,WAAY/E,YAWlBkpC,cAAgB,SAAU7wB,KACtB8wB,sBAAsB,IAAK9wB,SAU/B+wB,gBAAkB,aACdC,+BAaJrrC,WAAa,SAAU6C,KACd7C,WAAW6C,SAYpB+T,cAAgB,SAAUzkB,EAAMvD,MACvB,MAARuD,MAOAvD,SACK6nB,uBAAuBtkB,EAAMma,EAAuBpD,OAIvDlQ,QACE02B,EAASpF,oBACCoF,EAASY,oBACjBZ,EAASO,sBACDP,EAASH,gCACLG,EAASQ,mCACVR,EAASS,iCACVT,EAASU,gCACTV,EAASW,uBAClBX,EAAS9S,mBACN,iBAEPhG,cAAczkB,EAAM6G,EAAOsT,EAAuBpD,EAAanD,EAAgB2H,EAAgBmJ,QAAS/I,OAvBvGnU,EAAQg2B,MACZvxB,KAAKzE,EAAO,SAAUzH,EAAGC,GACrBA,KAAeykB,cAAczkB,UAgCjCm5C,GAAgC,SAAU15C,EAAM8d,EAAU/V,GAC1C,aAAhBy4B,KAEUmZ,SAAS35C,EAAM8d,WAGzBxd,KADIyH,GAASg2B,GACHlwC,OACR+rD,GAAa,IAAK,WAAY,QAC9BC,GAAc,YAAa,UAAW,2BAGtCt5C,EAAOwH,EAAMzH,MACL,MAARC,uBAGU,MAATP,GAAyB,MAATA,IAAiB45C,EAAU3+C,SAASsF,EAAKyF,SAAU,KAChEjJ,EAAOupB,8BAA8B/lB,IACrCuT,EAAiB,MAAT9T,EAAe8d,EAAW/gB,EAAKnM,EAAI,EAC3CmjB,EAAiB,MAAT/T,EAAe8d,EAAW/gB,EAAKlM,EAAI,WAC1CkkD,qBAAqBjhC,EAAQxG,EAAayG,EAAQzG,GAAa,cAMnD,MAAjB/M,EAAKyF,SAAmB6zC,EAAW5+C,SAAS+E,OAC5C85C,EAAkB,UAAT95C,EAAmBO,EAAK7D,YAAc6D,EAAKtL,aAAa+K,MACvD,MAAV85C,MAA2B,IAC3BA,IAAWl6B,OAAO9B,GAAW,CAClB,UAAT9d,KAEGtD,YAAcohB,EAGd,SAAUtY,KAAKjF,EAAKtL,aAAa,kBAC7BstC,GAAQhiC,KAgBC,UAATP,UACDO,EAAMud,KACF9oB,aAAagL,EAAM8d,GAMb,aAAhB0iB,GAAuC,UAATxgC,GAAoBO,EAAK7D,YAAY7O,WACzD8tB,aAAapb,GASvBvB,WAA+B,SAAlBuB,EAAK4b,UAAwB,SAAU3W,KAAKjF,EAAKtL,aAAa,gBACzE2qB,OAAO9B,GAAU3H,WAAW,SAAY,YAAa,cAAe,IAAK,KAAKlb,SAAS+E,IAASO,EAAK7D,iBAChG6lC,GAAQhiC,IAOfw9B,EAAiB9iC,SAASsF,eACjB,WAGJA,EAAK6F,cACM65B,gBAAgB1/B,GAAMu5B,UACrC,OAIC1nC,EAAQsV,iBAAiBnH,MACjB,IAAVnO,GAAwB,cAAT4N,UACX4J,EAAQtG,iBAAiB/C,GAC3B6b,EAAIxS,EAAMxU,cACPgnB,KAAK,IAES,IADLxS,EAAMvL,QAAQ+d,GAClB/uB,KAAY,GAEdgI,WAAW+mB,OAEX3G,EAAMQ,QAAa1V,GACnBoiC,EAASz5B,eAAeuM,EAAI7kB,EAAI6kB,EAAIpY,MAAQ,EAAGoY,EAAI5kB,EAAI4kB,EAAIxY,OAAS,EAAGwN,yBAAyBb,GAAOrL,QACvG6C,EAAKuhC,EAAO/xC,EAChByQ,EAAKshC,EAAO9xC,EACRkpD,EAAS19C,EAAQ8B,uBAChB2X,UAAU1jB,EAAOgP,EAAIC,KACtBlF,iBAAiB49C,EAAQ39B,aA9FlC9b,UAkHH05C,GAA0B/qD,KAAK+qD,wBAA0B,SAAUh6C,EAAMe,EAAKgH,KAC1EA,GAASg2B,IACVpR,QAAQqZ,oBAAoBhmC,EAAM+H,MAGX/H,EAAMe,EAAKgH,OAEnCe,EAAWsU,EAAOuP,QAAQ+a,uBAC3B5+B,EAASk6B,aACQl6B,SAWnBuU,uBAAyB,mBACtBvU,EAAW,IAAIlB,eAAa,mBAC5BzH,EAAM49B,EAAiBlwC,OACvBosD,KAEG35C,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtB8P,EAAW2tB,EAAiBz9B,MAClB,MAAZ8P,YAEAvJ,EAASuJ,EAAShK,WAClB7C,EAAI6M,IAGQ2vB,gBAAgBx8B,eAGTA,EAAEP,IAGF,MAAnB6D,EAAOb,SAAgD,IAA7Ba,EAAO8a,WAAW9zB,WAC1CgZ,IACKA,EAAOT,gBAGXF,EAAe3C,EAAf2C,YACD3F,EAAOsG,EAAOE,YAAYxD,KACnBlM,KAAK+Y,KACTpH,cAAc,IAAIhC,uBAAqBzG,EAAM2F,EAAaW,SAIhEiC,EAASk6B,aAAiCl6B,KAC1C,UAAWmxC,aAUbC,oBAAsB,aAClBC,yBACA98B,+BAQJ88B,qBAAuB,wBACbC,QAAQ,oBAAqBC,KAAKC,UAC7Cvc,EAAiB9wB,IAAI,SAAUrc,UAAYotC,EAAsBptC,WAGjE,iBAAiB2pD,uBAAuB,gCAYvCC,cAAgB,SAAUntD,EAAMuD,EAAGC,OAClC4pD,EAAQJ,KAAKK,MAAMC,aAAat8C,QAAQ,sBACxC8B,EAAMs6C,EAAM5sD,UACXsS,OAECy6C,KACA9xC,EAAW,IAAIlB,eAAa,kBAQ5BizC,WAUAtsD,iBAPGusD,EAAUv6C,GACbA,EAAKP,MAAQO,EAAKP,KAAKgD,OACdzC,EAAKP,KAAKgD,IAAM0T,MACtB1W,KAAKgD,GAAK63C,EAAWt6C,EAAKP,KAAKgD,KAElCzC,EAAKojB,UAAUpjB,EAAKojB,SAASp1B,QAAQusD,QAazC,cAEC/yC,MAAO0yC,EAAO1xC,QAAS8xC,IACxB,GACAtsD,QAAQ,SAAUwsD,GACbA,GAAgB,WAAYA,KAEtBl+C,OAAOtO,QAAQ,SAAUysD,KAC1BP,EAAM72B,OAAO,SAAUq3B,UACtBA,EAAcj7C,KAAKgD,KAAOg4C,QAMhC76C,KAAO,KACNI,EAAOk6C,EAAMt6C,MACdI,OAECmjB,EAAOhJ,EAAsBna,KAC5BlJ,KAAKqsB,KACH1a,cAAc,IAAIpC,uBAAqB8c,MAEhCA,UAGPk3B,GAEE,aAATvtD,EAAqB,KACnB6tD,SAAMC,SAEL9tD,EAGe,UAATA,MACFuD,IACAC,MAJAuqD,GAAexqD,IACfwqD,GAAevqD,OAMlBkM,EAAOupB,6BAA6Bs0B,GACpCx5C,EAAK85C,GAAQn+C,EAAKnM,EAAImM,EAAKM,MAAQ,GACvCgE,EAAK85C,GAAQp+C,EAAKlM,EAAIkM,EAAKE,OAAS,GACpCiO,KACAC,SAEAqB,KAAKouC,EAAQ,SAAUt6C,EAAGlJ,KACvBC,KAAK+J,KACL/J,KAAKgK,SAGJ2G,EAAMoV,EAAO23B,qBAAqB7pC,EAAIC,GAAI,GAC5CnD,GAAKc,EAASE,cAAchB,KAGdc,KACf,UAAW8xC,UAUbrB,sBAAwB,SAAUlsD,EAAMguD,GACtChuD,MAAe,SAChBiuD,EAAS,GACT7yB,gBAEIp7B,OACH,MACM,mBACHguD,GAAU,SAEhB,UACO,MACE,qBAKLvyC,EAAW,IAAIlB,eAAa0zC,GAG5Bl+C,EAAIsd,WACCrtB,WAEHqpB,OAGK,MAATrpB,WACM+P,EAAGqrB,KAEJzf,cAAc,IAAIpC,uBAAqBxJ,YAG5CkD,EAAIy9B,EAAiBlwC,OAClByS,KAAK,KACNC,EAAOw9B,EAAiBz9B,MAChB,MAARC,GAE4B,MAA5BA,EAAK6F,WAAWJ,SAAyD,IAAtCzF,EAAK6F,WAAWub,WAAW9zB,WACzD0S,EAAK6F,gBAGRN,EAAiBvF,EAAK2F,YACtBH,EAAYxF,EAAK6F,aACrB5J,OAAO+D,KACAyI,cAAc,IAAInD,qBAAmBtF,EAAMuF,EAAgBC,KAEjE+C,EAASk6B,aAAiCl6B,OAGnC1L,IAAI,QAWZi1C,GAAsBpjD,KAAKojD,oBAAsB,SAAUj1C,EAAGm+C,WAC5D53B,EAAWvmB,EAAEukB,WACbxhB,EAAMwjB,EAAS91B,OACfoT,EAAQ7D,EAAEnI,aAAa,aAEvBumD,EAAQl4C,iBAAiBlG,GACzB8D,EAAIuJ,yBAAyB+wC,GAAOj9C,OAEpCuK,EAAW,IAAIlB,eAAa,yBAS5B6uB,EAAS/uB,iBAAiBtK,GAE1Bq+C,EAASnhD,IAAE8C,GAAG4C,MAAM,SAAU,YAChC07C,SAASC,SAAO5yC,SACd0oB,EAAUT,IAEP1wB,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtBC,EAAOojB,EAASrjB,MAEA,IAAlBC,EAAKmhB,aAEc,OAAnB+5B,EAAOzwB,SAAuC,IAAnBywB,EAAOzwB,QAAe,KAE7C4wB,EAAU1iD,KAAKqS,OAAOhL,EAAKtL,aAAa,YAAc,GAAKwmD,EAAOzwB,QAAU,KAAO,OACjE,UAAW4wB,GAAUr7C,OAG3Ck7C,EAAO73B,OAAQ,KACbi4B,EAAQ5sD,KAAKyoD,QAAQn3C,GACnBu7C,EAAYD,EACbF,MAAiB1sD,KAAKyoD,QAAQt6C,IAC/By+C,IAEMtoC,OAAOooC,GAASpoC,OAAOsoC,GACZ,IAAVA,MACDF,GAILG,IAUOzlC,WAAW9V,EAAKtL,aAAa,WARlCymD,KAIOjqB,EAAQnK,SAASo0B,cAChBl/C,OAAOk/C,MAJRrlC,WAAWolC,EAAO73B,YAW1Bm4B,EAAyC,mBAA/BL,EAAQj5B,WAAWzc,QAAgC,OAAS,WACpEhD,GAAKzC,EAAKyC,GAAK,IAAM+4C,KACL,SAAU,QAAUL,EAAQ14C,GAAK,KAAMzC,IAG3Ds7C,OACsB,eAAgBA,GAAQH,EAAQj5B,eACjDgd,eAAeic,EAASG,QAI/BG,EAAU14C,iBAAiB/C,MAG3BA,EAAKyF,QAAQ/K,SAAS,gBAAyB,MAG9C+gD,GAGgB,SAAjBz7C,EAAKyF,SAELw1C,EAAMpmD,cAAe,IAInBqhC,GAAkC,IAAxB+kB,EAAMpmD,cAAqB,KAWjC6mD,EAAMT,EAAMn9C,QAAQ,GAAGE,OAGzB29C,EAAM7/C,EAAQwF,kBACZs6C,EAASz0C,iBAAiBnH,GAC5B47C,MACIH,EAAQ39C,QAAQ,GAAGE,YAIrB69C,EAAOnmC,QAAa1V,GACpB87C,EAAO5xC,yBAAyBuxC,GAASz9C,OACzC+9C,EAAQpzC,eAAekzC,EAAKxrD,EAAIwrD,EAAK/+C,MAAQ,EAAG++C,EAAKvrD,EAAIurD,EAAKn/C,OAAS,EAAGo/C,GAG1EE,EAAS9lB,EAAS0lB,EAGlBhqD,EAAKkK,EAAQ8B,uBAChB2X,UAAUymC,EAAQD,EAAM1rD,EAAG0rD,EAAMzrD,OAG9B2rD,EAAMpzC,eAAe6yC,EAAKC,EAAK/pD,EAAGoM,OAAO8V,cAG3C8nC,KACM9mD,WAAW,GAGjBknD,IACEP,EAAQ5mD,gBACF+G,iBAAiBhK,EAAI,KAErBiM,WAAWjM,IAInBqqD,EAAI59C,GAAK49C,EAAI39C,EAAG,KACZoL,EAAK5N,EAAQ8B,uBAChB43B,aAAaymB,EAAI59C,EAAG49C,EAAI39C,GACvBm9C,EAAQ5mD,gBACF+G,iBAAiB8N,EAAI,KAErB7L,WAAW6L,QAGlB,KAGCwyC,EAAWl8C,EAAKtL,aAAa,oBAE3B+I,UAAYy+C,GAAY,OAE1BC,EAAWrgD,EAAQ8B,qBAInBw+C,EAAMlyC,yBAAyBuxC,GAASz9C,OAC5Cq+C,EAASD,EAAItoC,UACTwoC,EAAKzzC,eAAewzC,EAAQ17C,EAAGy7C,KAC5B3nB,UAAU6nB,KACXz+C,WAAWs+C,OAEf10C,EAAMguB,sBAAsBz1B,GAC9ByH,KAAgBgB,cAAchB,QAKlC/G,WAEMjD,UAAYiD,IAClBjM,aAAa,YAAa,MAC1ByS,gBAAgB,eACTuB,cAAc,IAAI7B,uBAAqB/J,EAAG2L,KAGjDwyC,IAAazyC,EAASk6B,iBACjBl6B,QAUN2wC,uBAAyB,eACxBr8C,EAAI2gC,EAAiB,MACpB3gC,KAGD9C,IAAE8C,GAAGmmB,KAAK,SAAWjpB,IAAE8C,GAAGmmB,KAAK,aAElBnmB,WAGC,QAAdA,EAAE4I,QAAmB,KAEjBqtC,EAAStlC,QAAQxG,QAAQnK,GAAG0H,OAAO,eACvC1H,GAAGmmB,KAAK,SAAU8vB,GAAQ9vB,KAAK,MAAO8vB,WACzBj2C,OAGXg8C,EAAW9+C,IAAE8C,GAAGk2C,QAAQ,QAC1B8F,EAASvrD,WACPurD,EAAS,IAIG,MAAdh8C,EAAE4I,SAAiC,MAAd5I,EAAE4I,QAAiB,KACpC8C,EAAW,IAAIlB,eAAa,oBAC5BI,EAAMqqC,GAAoBj1C,GAAG,GAC/B4K,KAAgBgB,cAAchB,WAE5BnB,EAASzJ,EAAEgJ,WACX02C,EAAS1/C,EAAE8I,YACXyd,EAAW,IAAIljB,MAAMrD,EAAEukB,WAAW9zB,QAEpCyS,EAAI,EACDlD,EAAEqlB,YAAY,KACfliB,EAAOnD,EAAEqlB,WACP3c,EAAiBvF,EAAK2F,YACtBH,EAAYxF,EAAK6F,cAGF,UAAjB7F,EAAKyF,UAOA1F,KAAOC,EAAOsG,EAAOL,aAAajG,EAAMu8C,KACxC9zC,cAAc,IAAInD,qBAAmBtF,EAAMuF,EAAgBC,aAP3DG,EAAe3F,EAAf2F,cACE8C,cAAc,IAAIhC,uBAAqBzG,EAAM2F,EAAaH,MAC9DlJ,kBAYHkgD,EAAe3/C,EAAE8I,cACnBW,EAAOE,YAAY3J,KACd4L,cAAc,IAAIhC,uBAAqB5J,EAAG2/C,EAAcl2C,IAE5DiC,EAASk6B,aAAiCl6B,KAGhC6a,WAWdq5B,yBAA2B,eACvB5sC,gBAAY2tB,WACH,MAAZ3tB,EAAkB,KAChB7M,EAAI6M,EACFrK,EAAYxC,EAAE6C,WACdN,EAAiBvC,EAAE2C,YAIrBJ,OAHAvC,EAAE6C,WAAW8H,YAAY3K,IAGJ2C,gBACH,IAAIL,qBAAmBtC,EAAGuC,EAAgBC,EAAW,UACpE,WAAYxC,YAYlB05C,4BAA8B,eAC1B7sC,gBAAY2tB,WACH,MAAZ3tB,EAAkB,KAChB7M,EAAI6M,EACFrK,EAAYxC,EAAE6C,WACdN,EAAiBvC,EAAE2C,YACpBuc,EAAclf,EAAE6C,WAAhBqc,WACsB,UAAvBA,EAAWzc,YACAyc,EAAWvc,aAIC,SAAvBuc,EAAWzc,YACAyc,EAAWvc,aAKtBJ,OAHAvC,EAAE6C,WAAWI,aAAajD,EAAGkf,IAGRvc,gBACH,IAAIL,qBAAmBtC,EAAGuC,EAAgBC,EAAW,aACpE,WAAYxC,YAalB25C,mBAAqB,SAAUnjB,OAC5B3pB,EAAW2tB,EAAiB,MAC7B3tB,aAGDiU,SAAS84B,SAEPxwC,EAAOrS,IAAEwnC,GAAoBxb,8BAA8BlW,MAAagtC,aAClE,SAARrjB,KAAuB1T,cAEzB7Z,KAAKG,EAAM,cACNwwC,WAMKluD,MACH,EANDA,OAASmhB,OACA,KAOZiU,OAEC9gB,EAAI6M,EACJrK,EAAYxC,EAAE6C,WACdN,EAAiBvC,EAAE2C,gBACvBme,GAAiB,SAAR0V,EAAiB,SAAW,SAASx2B,GAG5CuC,IAAmBvC,EAAE2C,gBACH,IAAIL,qBAAmBtC,EAAGuC,EAAgBC,EAAW,QAAUg0B,MAC9E,WAAYx2B,aAahBwxC,qBAAuB,SAAU7pC,EAAIC,EAAIowC,GAGxCrwC,EAAGmyC,cAAgB58C,WACf6M,KACAA,KAEGiuC,IAAY,UACjBzyC,EAAW,IAAIlB,eAAa,YAC9BtH,EAAIy9B,EAAiBlwC,OAClByS,KAAK,KACJ8P,EAAW2tB,EAAiBz9B,MAClB,MAAZ8P,EAAkB,KAQdnP,EAAQ5E,EAAQ8B,qBAChByL,EAAQtG,iBAAiB8M,GAG3BlF,EAAGmyC,cAAgB58C,QAKfs1B,aAAa7qB,EAAG5K,GAAI6K,EAAG7K,MAMvBy1B,aAAa7qB,EAAIC,GAGrBvB,EAAMxU,gBACF+G,iBAAiB8E,EAAO,KAExB7C,WAAW6C,OAGb+G,EAAMguB,sBAAsB5lB,GAC9BpI,KACOgB,cAAchB,KAGTi4B,gBAAgB7vB,GAAU0pB,cAGzChxB,EAASk6B,iBACRuY,KACkBzyC,KAEjB,UAAWi1B,GACTj1B,QAYNg8B,sBAAwB,SAAUl0C,EAAGC,OACpCyP,SAAGC,SACDuI,EAAW,IAAIlB,eAAa,kBAE5BzH,EAAM49B,EAAiBlwC,aAIZ2mB,cAHMhW,EAAGC,UAChBnE,IAAEmE,GAAG1H,QAAUuD,IAAEkE,GAAGzH,UAGzBuJ,EAAI,EAAGA,EAAIH,GAEF,SADL49B,EAAiBz9B,MADHA,OAKjBg9C,EAAiBvf,EAAiBl7B,MAAM,EAAGvC,QAC5C6T,gBAAe,OAGdsd,EAAUT,UACZssB,EAAezvD,OACZyS,OAEEg9C,EAAeh9C,GAAKmxB,EAAQnK,SAASg2B,EAAeh9C,KAC1DuuB,GAAgB4C,EAAQH,mBAAmB90B,OAAO+D,KAC1CyI,cAAc,IAAIpC,uBAAqBrG,IAG7CuI,EAASk6B,cACGsa,EAAej3B,gBACzB0uB,qBAAqBnkD,EAAGC,GAAG,KACZiY,UAWnBy0C,sBAAwB,SAAUlwD,EAAMmwD,OACrCC,KACAt9C,EAAM49B,EAAiBlwC,UACxBsS,WACDiK,EAAOmJ,OAAOmqC,UAAWpzC,EAAOiJ,OAAOoqC,UACzCnzC,EAAO+I,OAAOmqC,UAAWtiB,EAAO7nB,OAAOoqC,UACrCC,EAAWrqC,OAAOoqC,UAAWE,EAAYtqC,OAAOoqC,UAC3Cr9C,EAAI,EAAGA,EAAIH,GACS,MAAvB49B,EAAiBz9B,KADIA,EAAG,KAEtBC,EAAOw9B,EAAiBz9B,YACvBA,GAAKgmB,8BAA8B/lB,IAGlCi9C,OACH,aACY,MAATnwD,GAAyB,MAATA,GAAyB,MAATA,KACnCuwD,IAAarqC,OAAOoqC,WAAaC,EAAWH,EAAOn9C,GAAGjD,SAC5C,MAAThQ,GAAyB,MAATA,GAAyB,MAATA,KACjCwwD,IAActqC,OAAOoqC,WAAaE,EAAYJ,EAAOn9C,GAAGrD,aAElDwgD,EAAOn9C,GAAG1P,IACV6sD,EAAOn9C,GAAGzP,IACV4sD,EAAOn9C,GAAG1P,EAAI6sD,EAAOn9C,GAAGjD,QACxBogD,EAAOn9C,GAAGzP,EAAI4sD,EAAOn9C,GAAGrD,SACpBwgD,EAAOn9C,GAAGjD,QACTogD,EAAOn9C,GAAGrD,kBAGrB,YACY,MAAT5P,GAAyB,MAATA,GAAyB,MAATA,KACnCuwD,IAAarqC,OAAOoqC,WAAaC,EAAWH,EAAOn9C,GAAGjD,SAC5C,MAAThQ,GAAyB,MAATA,GAAyB,MAATA,KACjCwwD,IAActqC,OAAOoqC,WAAaE,EAAYJ,EAAOn9C,GAAGrD,aAElDwgD,EAAOn9C,GAAG1P,IACV6sD,EAAOn9C,GAAGzP,IACV4sD,EAAOn9C,GAAG1P,EAAI6sD,EAAOn9C,GAAGjD,QACxBogD,EAAOn9C,GAAGzP,EAAI4sD,EAAOn9C,GAAGrD,SACpBwgD,EAAOn9C,GAAGjD,QACTogD,EAAOn9C,GAAGrD,sBAIpBwgD,EAAOn9C,GAAG1P,EAAIwZ,MAAeqzC,EAAOn9C,GAAG1P,GACvC6sD,EAAOn9C,GAAGzP,EAAI2Z,MAAeizC,EAAOn9C,GAAGzP,GACvC4sD,EAAOn9C,GAAG1P,EAAI6sD,EAAOn9C,GAAGjD,MAAQiN,MAAemzC,EAAOn9C,GAAG1P,EAAI6sD,EAAOn9C,GAAGjD,OACvEogD,EAAOn9C,GAAGzP,EAAI4sD,EAAOn9C,GAAGrD,OAASm+B,MAAeqiB,EAAOn9C,GAAGzP,EAAI4sD,EAAOn9C,GAAGrD,SAK7D,SAAfugD,MACK,IACA,IACApgC,EAAO+uB,WACP/uB,EAAO2yB,kBAGV7kC,EAAK,IAAIzK,MAAMN,GACfgL,EAAK,IAAI1K,MAAMN,GACZG,EAAI,EAAGA,EAAIH,GACS,MAAvB49B,EAAiBz9B,KADIA,EAAG,KAGtBvD,EAAO0gD,EAAOn9C,YACjBA,GAAK,IACLA,GAAK,EACAjT,OACH,MACAiT,GAAK8J,EAAOrN,EAAKnM,YAEjB,MACA0P,IAAM8J,EAAOE,GAAQ,GAAKvN,EAAKnM,EAAImM,EAAKM,MAAQ,aAEhD,MACAiD,GAAKgK,GAAQvN,EAAKnM,EAAImM,EAAKM,iBAE3B,MACAiD,GAAKkK,EAAOzN,EAAKlM,YAEjB,MACAyP,IAAMkK,EAAO4wB,GAAQ,GAAKr+B,EAAKlM,EAAIkM,EAAKE,OAAS,aAEjD,MACAqD,GAAK86B,GAAQr+B,EAAKlM,EAAIkM,EAAKE,cAI7B83C,qBAAqB7pC,EAAIC,UAW3BghC,SAAW0B,KAAgB9jC,OAK3BgmC,SAAWlC,KAAgB7jC,OAoB3B8zC,aAAe,SAAU/zC,EAAGC,KACvBhV,aAAa,QAAS+U,KACtB/U,aAAa,SAAUgV,OACzB+zC,EAAKzjD,IAAE,qBAAqB,GAC5B0jD,EAAO1hD,EAAWrH,aAAa,KAC/BgpD,EAAO3hD,EAAWrH,aAAa,KAC/BrE,EAAKmZ,EAAI,EAAI9a,KAAKk9C,SAAW7+B,EAAc,EAC3Czc,EAAKmZ,EAAI,EAAI/a,KAAK8gD,SAAWziC,EAAc,mBAEhChR,SACRrN,KAAKk9C,SAAW7+B,SACfre,KAAK8gD,SAAWziC,kBAGf,OAASre,KAAKk9C,SAAW,IAAMl9C,KAAK8gD,4BAG9BgO,SACRzhD,EAAWrH,aAAa,gBACvBqH,EAAWrH,aAAa,wBAK5BipD,EAAQnwC,QAAQ,2BAClBmwC,oBACeA,SACR,cACC,WAIIziB,oBAAoBzmC,aAAa,YAAa,aAAepE,EAAI,IAAMC,EAAI,QAazF,iBAICstD,MAAOvtD,EAAGwtD,MAAOvtD,EAAGwtD,MAAOL,EAAMM,MAAOL,EAAMM,IAAK3tD,EAAIotD,EAAMQ,IAAK3tD,EAAIotD,KAEjErtD,IAAGC,IAAGwtD,MAAOL,EAAMM,MAAOL,EAAMM,IAAK3tD,EAAIotD,EAAMQ,IAAK3tD,EAAIotD,SAU7DQ,cAAgB,SAAUlhB,EAAO9U,OAC9Bs1B,EAAKhwC,QAAQ,oBACb2wC,EAASpkD,IAAEyjD,GAAI3sC,KAAK,QAAQ,GAC9B8sC,EAAQnwC,QAAQ,sBACb/Y,aAAa,OAAQuoC,GACxB9U,GACGy1B,MACKvzB,EAAO51B,gBAAgB5G,GAAGsM,IAAK,0BACtByjD,MACX,yBACG,cACC,2BACa,iBACd,iCAGHA,EAAOz1B,KACZjsB,OAAO0hD,IACDA,KACHrhD,eAWL8hD,aAAe,SAAU9tC,OACxB9L,SACE65C,EAAU7gB,EAAiB,GAC7Bx9B,GAAO,EACLs+C,EAAW14B,mBAAmB0I,GAAgBmC,IAAoBM,sBACnEutB,EAAShxD,WACC,MAAX+wD,IAEKC,IADDhuC,EAAOguC,EAAShxD,OAAS,EAAI,gBAG/ByS,EAAIu+C,EAAShxD,OACVyS,QACDu+C,EAASv+C,KAAOs+C,EAAS,IACrB/tC,EAAOvQ,EAAI,EAAIA,EAAI,IACdu+C,EAAShxD,SACZ,EACGkX,EAAM,MACT85C,EAAShxD,OAAS,KAEnBgxD,EAAS95C,aAKVxE,IAAO,KACd,WAAYw9B,UAGdjxB,aA0CA60B,kBAAoB,qTAcLvE,iYC5/NpB,2BAAwB3+B,GAAwsB,SAASD,EAAEG,MAAsB,iBAATA,EAAE4kB,UAA4B7kB,EAAEC,EAAE0H,QAAQzH,EAAED,EAAE4kB,KAAK70B,cAAc0T,MAAM,KAAKzD,EAAE0H,QAAQ,SAAS+V,MAAMntB,OAAOmtB,EAAEtuB,SAAS,mBAAmB0X,KAAK4W,EAAEtuB,OAAOquB,WAA2B,SAAhBC,EAAEtuB,OAAOT,UAA2B2c,EAAW,aAAToS,EAAE/uB,MAAmBoR,EAAEqgD,QAAQC,YAAY3iC,EAAE4iC,OAAOrqB,EAAE/U,OAAOC,aAAazD,EAAE4iC,OAAOtwD,cAAcunC,EAAI,GAAG74B,KAAQgf,EAAEyoB,QAAY,QAAJ76B,OAAc,QAAUoS,EAAE6iC,SAAa,SAAJj1C,OAAe,SAAWoS,EAAE8iC,UAAU9iC,EAAE6iC,SAAa,SAAJj1C,OAAe,SAAWoS,EAAEjE,UAAc,UAAJnO,OAAgB,UAAYA,IAAK9I,EAAE8I,IAAG,KAAY9I,EAAEyzB,IAAG,EAAKv3B,EAAE8D,EAAEzC,EAAEqgD,QAAQK,UAAUxqB,KAAI,EAAY,WAAJzzB,MAAgBzC,EAAEqgD,QAAQK,UAAUxqB,KAAI,QAAU,IAAI/zB,EAAE,EAAE/B,EAAED,EAAE/Q,OAAO+S,EAAE/B,EAAE+B,OAAQxD,EAAEwB,EAAEgC,WAAYlC,EAAE0B,MAAMnR,KAAKoR,uBAAt2Cy+C,SAASM,QAAQ,MAAML,aAAaM,EAAE,YAAYC,EAAE,MAAMC,GAAG,SAASC,GAAG,QAAQC,GAAG,OAAOC,GAAG,MAAMC,GAAG,QAAQC,GAAG,WAAWC,GAAG,MAAMC,GAAG,QAAQC,GAAG,SAASC,GAAG,WAAWC,GAAG,MAAMC,GAAG,OAAOC,GAAG,OAAOC,GAAG,KAAKC,GAAG,QAAQC,GAAG,OAAOC,GAAG,SAASC,GAAG,MAAMC,GAAG,IAAIC,GAAG,IAAIC,GAAG,IAAIC,GAAG,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,MAAMC,IAAI,MAAMC,IAAI,MAAMC,IAAI,UAAUC,IAAI,SAASC,IAAI,IAAIC,IAAI,OAAOC,IAAI,IAAIC,IAAI,KAAKtD,WAAWuD,IAAI,IAAIC,EAAI,IAAIC,EAAI,IAAIC,EAAI,IAAIC,EAAI,IAAIC,EAAI,IAAIC,EAAI,IAAIC,EAAI,IAAI5D,EAAI,IAAIC,EAAI,IAAI4D,EAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,KAAKC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,KAAK,QAAyrBl3C,MAAM,UAAU,QAAQ,YAAY,aAAam3C,MAAMC,QAAQ30D,OAAO2lD,IAAIp2C,KAEt9CC,ECNP,qBAAyBlE,mBAEfD,EAAEsO,OAAOtI,EAAyD5B,EAAEoL,EAAE+T,EAAoBgmC,EAAEr6B,EAAE5oB,EAAwIoJ,EAA3N9I,EAAET,MAAMtR,UAAU0T,MAAMsS,EAAE4K,mBAAmBvhB,EAAElE,EAAEwpD,MAAYrlD,EAAEnE,EAAEypD,IAAIzpD,EAAEypD,QAAcnlD,EAAEtE,EAAEqpD,MAAMC,QAAQjlD,EAAE,aAAaqlD,EAAE,cAAcC,EAAE,WAAWpzD,EAAE,cAAcuM,EAAE,WAAW64B,EAAE,OAAO1yB,EAAE,MAAM3S,EAAE,cAAcmZ,EAAE,QAAUm6C,KAAK,SAASC,EAAEC,SAAqB,iBAAJA,WAAsBC,EAAEC,OAAOF,EAAEljD,EAAE0Q,KAAKvR,UAAU,GAAG,OAAO,kBAAkBikD,EAAElkD,MAAMnR,KAAKm1D,EAAEG,OAAOrjD,EAAE0Q,KAAKvR,uBAA8IxB,EAAE2lD,EAAEC,EAAEL,EAAEM,EAAEJ,OAAOK,EAAEC,EAAEtjD,EAAEic,EAAEsnC,SAAKH,IAAIpkD,GAA+DukD,KAA1DT,EAAEniD,MAAMuiD,EAAE,mBAAmB,8BAAiC,IAAI,GAAU,IAAJF,GAAOH,EAAEO,KAAMA,EAAExiD,QAAQsiD,EAAEz6C,EAAEnZ,EAAE,OAAWkZ,EAAExI,EAAE,IAAIojD,EAAEP,EAAEO,GAAG56C,EAAE06C,EAAEP,EAAED,GAAGU,GAAGA,EAAEE,EAAM,IAAJN,EAAMI,EAAM,IAAJJ,EAAMhqD,EAAE4qB,UAAUw/B,EAAEnnC,GAAGjjB,EAAE4qB,UAAU3H,EAAEmnC,GAAGE,EAAEpmD,EAAEomD,GAAMJ,MAAKI,EAAE1iD,QAAQ8H,EAAEmL,OAAM7T,EAAE,IAAIkjD,EAAE,IAAII,IAAItjD,EAAE,GAAG,IAAI,IAAIsjD,EAAEC,KAASJ,EAAEL,IAAI9jD,EAAE8jD,EAAEx7C,EAAExL,GAAG64B,IAAW0uB,EAAqwB,SAASG,EAAEN,EAAEJ,EAAEE,UAAMF,IAAI9jD,GAAc,kBAAJ8jD,KAAiBA,EAAEA,EAAE5lD,EAAEgmD,EAAEP,EAAED,QAAYG,EAAEC,GAAGA,EAAEliD,QAAQsiD,EAAEz6C,EAAEnZ,EAAE,IAAIwzD,EAASt6C,EAAEs6C,EAAEE,GAAsJ,SAAS73C,EAAEi4C,EAAEJ,EAAEE,EAAEJ,UAAOD,EAAEK,IAAe,qBAAJA,sBAAAA,QAAgBA,EAAEA,EAAEF,EAAEA,EAAEhkD,GAASrR,KAAKud,KAAK,eAAeo4C,EAAEtqD,EAAErL,MAAM41D,EAAEP,GAAG1jD,KAAK3R,KAAKktB,UAAU,IAAIztB,gBAAgB,GAAG4S,EAAEujD,GAAGD,EAAE5kD,KAAK6kD,IAAI,GAAGD,EAAE5kD,KAAK6kD,EAAErmD,EAAEkmD,GAAGpjD,EAAEkjD,EAAEJ,QAArsCJ,GAAGK,EAAExlD,EAAE,WAAtZulD,UAAUA,EAAEliD,QAAQ,6BAA6B,QAA0W1D,EAAEylD,GAAGvlD,EAAE2lD,EAAExlD,EAAE,WAA3dulD,UAAUA,EAAEliD,QAAQ,gBAAgB,QAA4bxD,EAAEqmD,SAAS,SAAST,KAAKA,GAAG,GAAG,IAAIF,EAAE9pD,EAAE2S,IAAIq3C,EAAEliD,MAAM,IAAI8d,oBAAoBlW,EAAE,IAAIzE,OAAO6+C,EAAEjjD,KAAK,KAAK,MAAMzC,EAAEqmD,SAAS,MAAMzqD,EAAE0qD,QAAQl7C,EAAE,SAAS46C,EAAEN,OAAOI,KAAKF,GAAGW,MAAO,EAAGC,OAAQ,EAAGC,KAAO,MAA8hB,OAAxhB7qD,EAAEkS,KAAKk4C,EAAExiD,QAAQ,MAAM,KAAKE,MAAM,KAAK,SAASwiD,EAAEQ,OAAgCP,EAAzBvjD,EAAE8jD,EAAEhjD,MAAM,KAAKijD,EAAElwC,EAAE7T,EAAE,IAAMqjD,EAAEH,EAAEC,EAAE,EAAEa,EAAED,EAAEjjD,MAAM,MAAMmb,EAAE+nC,EAAEz3D,OAAO,KAAK,KAAK2X,KAAK8/C,EAAE,KAAK,MAAM9/C,KAAK8/C,EAAE/nC,OAAOA,GAAG+nC,EAAE/nC,GAAGrb,QAAQ,MAAM,IAAqCqb,GAAjC+nC,EAAEA,EAAEnrB,QAAQ/3B,MAAM,KAAKmiD,OAAOe,IAAOz3D,OAAO,KAAS,EAAgB,IAAXyT,EAAEzT,YAAcsnB,EAAE7T,EAAE,IAAO8iD,MAAKS,IAAI7tD,MAAM6tD,IAAIA,EAAM,cAAJA,EAAgBvkD,EAAEgkD,EAAEO,KAAKvkD,EAAEgkD,EAAEO,GAAGA,GAAKtnC,OAAQknC,GAAGlnC,EAAEknC,IAA+BE,EAAEA,IAAnB,KAAPW,EAAEb,GAAQE,EAAE92D,OAAOy3D,EAAEb,IAAUA,EAAElnC,EAAEonC,EAAEU,KAAKC,EAAEb,EAAE,IAAIztD,MAAMsuD,EAAEb,EAAE,WAAWI,OAAWvqD,EAAEoG,QAAQ8jD,EAAEa,MAAOA,GAAGhuD,KAAKwtD,GAAWL,EAAEa,KAAK/kD,IAAK+kD,IAAIb,EAAEa,GAAGR,KAAUQ,GAAGR,OAAaQ,MAAKA,GAAGjB,EAAE9jD,EAAE,MAAckkD,KAAwHR,GAAGK,EAAES,EAAE,GAAGh7C,EAAEm6C,GAAGpmC,EAAEwmC,EAAES,EAAE,GAAGxqD,EAAEzJ,KAAKyJ,EAAEzJ,GAAG,SAASuzD,UAAU9pD,EAAE4qB,OAAOg/B,EAAEE,MAAM5lD,EAAEy3B,EAAEsvB,KAAKtvB,EAAEuvB,OAAOjiD,EAAE6jB,IAAI7jB,EAAEqb,MAAMrb,EAAEkiD,KAAK,SAASC,KAAKzvB,EAAEpN,OAAOtlB,IAAI3C,EAAEtG,EAAEzJ,KAAyMkP,GAAGikD,GAAGK,EAAE53C,EAAEu3C,GAAG1pD,EAAEyF,GAAGkkD,GAAGI,EAAE53C,EAAEw3C,GAAGxlD,EAAEknD,UAAU9B,EAAE,SAASa,EAAEN,GAAMD,EAAEO,IAAI,KAAKl/C,KAAKk/C,IAAIN,IAAI9jD,MAAK,OAAMkkD,EAAEE,IAAIpkD,EAAEgkD,EAAE5lD,EAAEkK,EAAExL,GAAG64B,GAAGuuB,EAAEE,KAAKF,EAAEJ,EAAE,GAAGx7C,EAAExL,GAAG64B,GAAGquB,GAAG,IAAI9+C,KAAK8+C,GAAG,GAAG,MAAM7lD,EAAEmnD,SAASp8B,EAAE,SAAS46B,EAAEE,UAAUF,IAAI9jD,GAAc,kBAAJ8jD,EAAcvmC,EAAEumC,GAAGvmC,EAAEymC,GAAGF,IAAI3lD,EAAEonD,YAAY,SAASzB,OAAOE,KAAQF,IAAI9jD,MAAKkpB,IAAIlvB,EAAEkS,KAAKlS,EAAEoG,QAAQ0jD,GAAGA,EAAE/jD,UAAU,SAASqkD,EAAEF,UAAUF,EAAEE,QAAOF,EAAE,IAAI1lD,EAAED,GAAGrE,EAAE4qB,OAAOtmB,EAAED,IAAIi2C,IAAI,SAASwP,OAAOI,EAAE,SAASF,EAAEO,OAAOH,EAAEG,EAAEZ,GAAGvlD,IAAImmD,EAAEe,SAAS,SAAStkD,EAAEsjD,UAAUtjD,IAAIhB,GAAc,kBAAJgB,EAAcwI,EAAE46C,EAAEpjD,GAAGwI,EAAE46C,EAAEE,GAAGtjD,IAAIkjD,EAAEpkD,MAAMnR,KAAKoR,cAAc/F,EAAEwrD,WAAW1B,GAAQ,SAAFA,EAASE,IAASF,EAAE/9C,QAAQ+9C,EAAE/9C,QAAQi+C,MAAQ/pD,EAAO3M,iBASznF0M,EAAEgG,EAAE7B,OAAOmC,EAAEq1B,EAAE37B,EAAEqpD,MAAMC,QAAQllD,EAAE,WAAWC,EAAE,aAAamL,EAAE,OAAOjL,EAAEvE,EAAEyrD,QAAQ3oD,EAAEnP,SAAS+3D,aAAah8C,EAAEnL,EAAEonD,gBAAO7oD,GAAOA,EAAE,GAAGwB,EAAE,KAAKD,KAAK2B,IAAI0J,EAAE,SAASxL,EAAE0C,GAAgB,SAAXA,GAAGZ,EAAE5B,GAAGoL,IAAY5H,QAAQ,gBAAgB,QAAQvD,EAAE,SAAS,IAAIs3B,EAAEt3B,GAAGrE,EAAE4qB,OAAO+Q,EAAEt3B,IAAIunD,MAAM,cAActnD,SAAU,IAAQgC,EAAEiiB,QAAQsjC,SAAS,cAAcvnD,SAAU,IAAQgC,EAAE61C,SAAS71C,EAAG,eAAoBuU,EAAEiH,EAAEuY,EAAEkvB,EAAX3iD,KAAwgB,SAA7P2hB,MAAM,eAAc1N,OAAc5R,EAAE/E,IAAIm2B,MAAvRkvB,EAAE,SAASp3C,UAAUA,GAAMzC,MAAK1P,EAAE,gCAAgCw1C,OAAOsW,YAAY,QAAQ,GAAGC,cAAcxC,EAAE,kBAAkBrlD,EAAE4d,EAAEnuB,SAASyQ,GAAGoL,MAAK6qB,EAAE,SAASnL,EAAE/c,MAAM+c,IAAI/c,EAAE,KAAKlJ,EAAE6Y,EAAEnuB,SAASsV,EAAE0rC,OAAOqX,QAAQ/iD,EAAE7E,GAAG6nD,KAAK,IAAI/8B,KAAMhrB,OAAuD,SAAUiO,QAAQoR,EAAErf,IAAIgrB,EAAEq6B,EAAEtgD,GAAMsa,IAAIta,KAAKA,EAAEsa,EAAE2L,GAAGlvB,EAAEgG,GAAGkmD,QAAQ7nD,IAAW6qB,IAAIjmB,MAAK7E,GAAGoL,GAAGxJ,EAAE5B,GAAGoL,GAAG5H,QAAQ,MAAM,IAAI,IAAIsnB,KAAKmc,WAAWl5B,EAAEnS,EAAEqE,EAAE,UAA7I,KAA4JuC,EAAEu1C,KAAK,WAAer6B,OAAMqqC,aAAatxC,GAAGA,EAAE,IAAWjU,EAA9hB,IAAsiB3G,EAAO3M,QAE/4B2M,ECyEP,0BAAyBD,OACjBosD,KAEFC,kBA0BFD,SAAW,SAAUE,OAAMzX,4DACrB0X,EAAQ,6BACZC,EAAU,+BACVC,EAAQ5X,EAAKplC,GAAK,GAClBi9C,EAAQ7X,EAAKnlC,GAAK,GAChBjC,SAAO4iB,SAAQs8B,SACjBC,GAAY,EAAOC,GAAa,EAAOC,EAAe,EAClDtoD,IAAYlR,OAAOmN,QAGb,2CAERssD,YACAlY,EAAKmY,KAAM,GACJhtD,EAAE,iBAAmBssD,EAAO,yBAAyB9pB,SAAS,QAAQgT,aAEpEuX,EAAO,GAAGE,kBACZhZ,KAAKiZ,KACH,GAAG,GACZ,MAAOC,YAGJ,KACCC,EAAS,IAAIzmC,YACjB0mC,UACKf,WACK,0BACDrjC,GACFA,KAIImkC,EAAOrmC,gBAAgBkC,EAAM,cACpC,aACS,aALPqkC,mBAQC3rD,GAEDrO,OAAOmN,QACP,iBAIEkB,EAAI4rD,iBACGH,EAAOrmC,gBAAgBplB,EAAI4rD,aAAc,aAEtClmC,WAAW9zB,UACnB+5D,KAEF,aACS,aAGTA,eAOHJ,EAAU7vC,EAAKmwC,MACV,SAARnwC,EAAgB,IACdwvC,EAAY,WAKVY,KADGV,EAAO,GAAGE,kBACQ58B,EAAOq9B,eAAe,gBAC5CD,GAAaD,GAAUC,mBAEP,cACNP,EAAU,YAGR,OAIJ,OAGPltD,EAAEqwB,EAAOlI,YAAYkB,WAExBwrB,EAAK8Y,kBAeG,WACJf,GAAWgB,KACf,SAjBa,KACVC,EAAUC,EAAU,uGAEhB9tD,EAAE,IAAIg0C,OAAStuC,UAClBmoD,QACE,SACC,IACPrrB,SAAS,QACTyR,KAAK,cAEM,KACT8Z,MAAM,2BAUNC,EAASx6D,EAAQy6D,EAAMvlD,EAAIwlD,MAC9B1pD,GAASypD,EAAKzc,IAAI,aAAc,UAChCqD,EAAKjtC,QAAS,CACZsmD,GAAOD,EAAKvoD,KAAK,KAAMgD,OACrBylD,EAAK36D,EAAOkS,KAAK,SACnByoD,GAAIF,EAAKvoD,KAAK,QAAS,YAAcyoD,KAClCrmB,YAAYmmB,UAEZ/rD,OAAO+rD,GAEZzpD,cACS,aACJ4pD,WAAW,UACf,OAIHC,kBACKC,EAASL,EAAMvlD,QACAtS,IAAlBy+C,EAAK0Z,WAA4C,IAAlB1Z,EAAK0Z,YAC9BF,EAAQJ,EAAMvlD,GAAI,KAEnBA,GAAMulD,WAGRL,EAAWY,EAASC,OACvB7B,GACA/X,EAAK8Y,SAAQa,GAAU,OAEvBE,YACAF,MACWxuD,EAAErM,SAASy6B,cAAc,SAC3BonB,OAAOhT,SAAS,QAEzBisB,EAAU,KACNltD,EAAOszC,EAAK8Z,eAAiB,KACjCz8C,KAAKu8C,EAAU,SAAU/lD,EAAIkmD,KACpB5uD,EAAE,IAAM0I,KACJ1I,EAAE,IAAIg0C,OAChBtuC,YACQ,eACFnE,EAAOqtD,QACLnC,SACCC,MACH,SAGKhkD,kBAGV7C,EAAM4H,EAAMla,OACTyS,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtBC,EAAOwH,EAAMzH,GACZ0C,EAAMzC,EAANyC,MACI,YAAPA,EAAkB,QACb1I,EAAE,IAAM0I,OACX3G,EAAUpO,SAAS8G,gBAAgB8xD,EAAO,SAGxC3kC,eAAe,KAAM,WAAY,EAAG,EAAG6kC,EAAOC,GAAO7lD,KAAK,UAE9DtG,EAAM0F,EAAKgiB,uBAAuBskC,EAAO,OAAO,GAG9C98C,EAAIlP,EAAI5F,aAAa,SACrB+U,EAAInP,EAAI5F,aAAa,YACvBwS,gBAAgB,WAChBA,gBAAgB,UAET5M,EAAI5F,aAAa,cAEtBD,aAAa,WAAY,EAAG,EAAG+U,EAAGC,GAAG7I,KAAK,QAIxCnM,aAAa,QAAS6xD,KACtB7xD,aAAa,QAAS+xD,KACtB/xD,aAAa,SAAUgyD,KACvBhyD,aAAa,cAAe8xD,KAC5B9xD,aAAa,QAAS,YAIzB8J,IAASjE,EAAMA,EAAI4C,WAAU,MAE1BjB,OAAO3B,OAEX0tD,YACAO,EAAS,GACAz9B,QAAQ7uB,OAAOH,OACpB0F,EAAMqmD,EAAUzpC,EAASsB,SAASC,oBAAmB,IAAIipC,eAAgBC,kBAAkB/sD,QAC1F/B,EAAE,IAAIg0C,OACVtuC,MAAMqpD,MAAO,WAAYv/B,IAAK/nB,WAE1B4kD,EAAOrsD,EAAE+B,GAAUiE,KAEpBioD,EAAMvlD,GAIdmsC,EAAKma,aACL98C,KAAK2iC,EAAKma,UAAW,SAAUtuC,EAAKhY,GAC/B0jD,EAAS1jD,MACZgY,GAAKxO,KAAK,SAAUlM,OAChBojB,EAAOgjC,EAAS1jD,GAAI9L,QACpBoJ,EAAI,IAAMwoD,IAASplC,EAAOijC,EAAOjjC,EAAMpjB,GAAG,MACtChG,EAAErL,MAAOy0B,EAAM1gB,OAIxB+lD,IACCD,GAASE,EAAWnsD,SACpBwqD,GAAQA,EAAOxqD,SACfoqD,GAASA,EAAQpqD,UAEnBsyC,EAAKrV,QAAQx/B,EAAEivD,eAAepa,EAAKrV,WAC3B,EAERqV,EAAKd,UAAUc,EAAKd,SAASqY,aA4D1BkB,OACHhB,EAAK3rD,SAAS,SAAU,KACpBuuD,EAAU5C,EAAK1kD,QAAQ,QAAS,QAClCtU,OAAOqZ,iBACDC,IAAI,oCAEZw/C,SAAS8C,EAASra,QACXA,EAAK4Z,aACJ,EAAO5Z,EAAK4Z,mBAIjBpqC,EAAUC,MAEbhxB,OAAOkxB,KAAM,OAAOlxB,OAAOkxB,KAAKF,OAC9B6qC,EAAU,oEACV1qC,EAAS,IAAIte,MAA2C,EAArCvH,KAAK8lB,OAAOJ,EAAM/wB,OAAS,GAAK,IAErDyS,EAAI,EAAGsI,EAAI,IACZ,KACKqW,EAAOL,EAAMM,WAAW5e,KACxB6e,EAAOP,EAAMM,WAAW5e,KACxB8e,EAAOR,EAAMM,WAAW5e,KAExB+e,EAAOJ,GAAQ,EACfK,GAAgB,EAAPL,IAAa,EAAME,GAAQ,EAEtCI,GAAgB,GAAPJ,IAAc,EAAMC,GAAQ,EACrCI,EAAc,GAAPJ,EACPpoB,MAAMmoB,KACDK,EAAO,GACLxoB,MAAMooB,OACR,MAGFxW,KAAO6gD,EAAQzxD,OAAOqnB,KACtBzW,KAAO6gD,EAAQzxD,OAAOsnB,KACtB1W,KAAO6gD,EAAQzxD,OAAOunB,KACtB3W,KAAO6gD,EAAQzxD,OAAOwnB,SACtBlf,EAAIse,EAAM/wB,eAEZkxB,EAAO5d,KAAK,MAlGZ,SAAUuoD,EAAOC,EAAQC,OAC1BtnC,EAAOonC,EAAMt4C,KAAK,YACnBkR,EAAKz0B,OAAQ,OAAO67D,MAErBG,WACA/qD,EACQwjB,EAAKlR,KAAK,KAAKwS,OAAO,mBACrB30B,KAAK+T,KAGNsf,EAAKlR,KAAK,YAGhBytC,EAAW6K,EAAM,GAAG1oB,qBAAqB,KAAM7gC,EAAM0+C,EAAShxD,gBAE5D2e,KAAK,SAAUlM,OACd0C,EAAM/T,KAAN+T,GAMD8mD,EAAQ,IAAM9mD,EAAK2mD,EAASrpD,OAC7B0C,GAAK8mD,MAEJC,EAAS,QAAU/mD,EAAK,IACxBgnD,EAAS,QAAUF,EAAQ,QAe5BxpD,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KAClBC,EAAOs+C,EAASv+C,GAClBC,EAAKtL,aAAa,UAAY80D,KAC3B/0D,aAAa,OAAQg1D,GAExBzpD,EAAKtL,aAAa,YAAc80D,KAC7B/0D,aAAa,SAAUg1D,GAE1BzpD,EAAKtL,aAAa,YAAc80D,KAC7B/0D,aAAa,SAAUg1D,MAI3BN,MAsDTO,WAAa,SAAUjnD,EAAIknD,OACvB3B,EAAO7B,EAAS1jD,UAChBknD,GAAe3B,MACV5B,EAAO4B,EAAM,GAAG,GAAMrxD,OAAM,IAE9BqxD,KAoBPgB,eAAiB,SAAU5oD,OAErBwpD,GAAa7vD,EAAE,mBAAmBzM,SACtC2e,KAAK7L,EAAK,SAAUqa,EAAKovC,OACnBx9C,EAAMnM,MAAMC,QAAQ0pD,GACpBrgD,EAAI6C,EAAMw9C,EAAK,GAAKA,EACxBpgD,EAAI4C,EAAMw9C,EAAK,GAAKA,EAClBD,MACInvC,EAAI9Y,QAAQ,cAAe,UAEjC8Y,GAAKxO,KAAK,gBACLxX,aAAa,QAAS+U,QACtB/U,aAAa,SAAUgV,GACxBpc,OAAOmN,OAASnN,OAAOy8D,cACpBjkD,WAAWxI,MAAMP,MAAQ0M,EAAI,UAC7B3D,WAAWxI,MAAMX,OAAS+M,EAAI,WAKpC1P,EC1dT,IAAMssB,QACC,mCACE,gCAgBT,2BAAyBtsB,GAClBA,EAAEgwD,uBACHA,uBAGChwD,EAAEgwD,mBAAmBrvD,SADP,kCAEfqvD,mBAAmBjzD,KAFJ,iCAgGjBu/C,4BA3Ea2T,8BACLC,EAAUD,cACXxT,MAAQ//C,MAAMwzD,EAAQzT,OAAS,IAAMyT,EAAQzT,MAE9CyT,EAAQ9mC,iBAKLr2B,KAAOm9D,EAAQ9mC,KAAKr2B,UAMpB0pD,MAAQyT,EAAQ9mC,KAAKqzB,WAMrBC,WAAa,UAKbyT,eAAiB,UAKjBC,eAAiB,KAEdz7D,KAAK5B,UACR,iBAEA,kBACE2pD,WAAawT,EAAQ9mC,KAAKszB,qBAE5B,sBACEyT,eAAiBD,EAAQ9mC,KAAK+mC,eAAehtD,WAAU,aAEzD,sBACEitD,eAAiBF,EAAQ9mC,KAAKgnC,eAAejtD,WAAU,QAIrD+sD,EAAQC,qBACZp9D,KAAO,sBACP2pD,WAAa,UACb0T,eAAiB,UACjBD,eAAiBD,EAAQC,eAAehtD,WAAU,IAE9C+sD,EAAQE,qBACZr9D,KAAO,sBACP2pD,WAAa,UACbyT,eAAiB,UACjBC,eAAiBF,EAAQE,eAAejtD,WAAU,IAE9C+sD,EAAQxT,iBACZ3pD,KAAO,kBACP2pD,WAAawT,EAAQxT,kBAGrB3pD,KAAO,YACP2pD,WAAa,UACbyT,eAAiB,UACjBC,eAAiB,UAsB1B3qD,GAAG4qD,yBAMI,IAAIrwD,EAAEs8C,UAAUC,0BASR,mDAUD,mBAML,eAGL73C,EAAUrE,UAAUC,UAAUK,SAAS,mBAiBpC2vD,EAAQp8D,EAAM4Y,EAAOyjD,OACtBtqD,EAAOtS,SAAS8G,gBAAgB6xB,GAAG/rB,IAAKrM,mBAhB7B+R,EAAM6G,MACnBpI,MACG,IAAM6B,KAASuG,IAAYpS,aAAa6L,EAAOuG,EAAMvG,aAErD,IAAMA,KAASuG,EAAO,KACnBrG,EAAMqG,EAAMvG,GAAQqM,EAAO3M,EAAKM,GAClCqM,GAA6B,cAArBA,EAAKmwC,cACVp/C,QAAQiC,MAAQa,IAEhB/L,aAAa6L,EAAOE,KAQtBR,EAAM6G,GACXyjD,KACQruD,OAAO+D,GAEZA,WAmCPR,GAAG62C,UAAY,SAAU4T,EAASM,EAAYC,UACvC97D,KAAKud,KAAK,eACTw+C,EAAQ1wD,EAAErL,MACdg8D,EAAY3wD,EAAE4qB,QAAO,KAAU5qB,EAAEyF,GAAG4qD,kBAAmBH,OACvDxnD,EAAKgoD,EAAMhrD,KAAK,MAChBkrD,EAAQ,IAAMF,EAAMhrD,KAAK,MAAQ,OAE9BkrD,OAKCC,EAAY,kBACRH,EAAMryB,MAAMtrC,UACf,mBACGsrC,MAAM8xB,eAAiB,eAE1B,mBACG9xB,MAAM+xB,eAAiB,eAE1B,eACG/xB,MAAM+xB,eAAiBM,EAAMryB,MAAM8xB,eAAiB,KAGhC,mBAArBO,EAAMF,YAA6BE,EAAMF,WAAWE,EAAMryB,SAC3DmX,QAEFsb,EAAgB,WACY,mBAAzBJ,EAAMD,gBAAiCC,EAAMD,mBAC9Cjb,UAGN5qB,QAAO,EAAM8lC,SAEN,IAAI1wD,EAAEs8C,UAAUC,OAAOnzB,KAAMunC,EAAUtyB,mBACZ,mBAAfmyB,EAA4BA,EAAa,oBAClB,mBAAnBC,EAAgCA,EAAiB,aAIhE,KACJM,EAAO/wD,EAAE1M,QAEU,SAArBo9D,EAAMryB,MAAMtrC,SACRsrC,MAAQ,IAAIr+B,EAAEs8C,UAAUC,OAAOG,WAAY,cAG7CsU,SAAS,sBACTC,KACJ,6XAQcvoD,EAAK,kEAEfwoD,EAAYlxD,EAAE4wD,EAAQ,wBACtBO,EAAanxD,EAAE4wD,EAAQ,2BAElBK,KACT,YAAcvoD,EAAK,2EACgBioD,EAAUr9D,OAAO89D,YAAc,iBAClD1oD,EAAK,4EACLA,EAAK,2SAOaA,EAAK,uHAELA,EAAK,iQAOLA,EAAK,qHAELA,EAAK,wUASLA,EAAK,8GAELA,EAAK,oRAMsCA,EAAK,+EAEhDA,EAAK,8GAELA,EAAK,ijBAiBrBA,EAAK,wGACHA,EAAK,gEAAkEioD,EAAU/c,OAAOyd,WAAa,yDAElF3oD,EAAK,qLAI1BA,EAAK,qGACHA,EAAK,8DAAgEioD,EAAU/c,OAAOyd,WAAa,yDAEhF3oD,EAAK,kLAI1BA,EAAK,qGACHA,EAAK,8DAAgEioD,EAAU/c,OAAOyd,WAAa,yDAEhF3oD,EAAK,+JAI1BA,EAAK,kGACHA,EAAK,4DAA8DioD,EAAU/c,OAAOyd,WAAa,yDAE9E3oD,EAAK,6HAIZA,EAAK,4EACLA,EAAK,0EAKjC4oD,EAAM,MAIFA,EAAM,EACdC,EAAQD,EAAM,EAEVE,OAGJ,wBAAwBzuD,MADV,SAGVo/B,EAAYniC,EAAE,IAAM0I,EAAK,4BAA4B,GAErDnI,EAAM+vD,EAAO,UACb5nD,EAAK,uBACF4oD,SACCA,QACDhlC,GAAG/rB,KACT4hC,GAOCsvB,EAAUf,EAAMryB,MAAMtrC,KAEtB+oB,EAAO40C,EAAMryB,MAAMozB,GACnBC,EAAc51C,EAEZ61C,EAAYjB,EAAMryB,MAAMoe,MAExBmV,EAAsB,eAAZH,SAGRA,OACH,iBAEA,oBACEG,MACSlpD,GAAKA,EAAK,uBACfgpD,EAAcnxD,EAAIqT,YAAY89C,MAEhC,qBACDhpD,EAAK,sBACRnI,GACa,mBAAZkxD,YAED,iBACEG,MACSlpD,GAAKA,EAAK,uBACfgpD,EAAcnxD,EAAIqT,YAAY89C,MAEhC,qBACDhpD,EAAK,sBACRnI,OAGDsxD,YACAD,EAAS,GACJF,EAAc1xD,EAAE,IAAM0I,EAAK,sBAAsB,MAEjD,EAAG,OADFgoD,EAAMryB,MAAMozB,IACG,OAEjB1+D,UAAc49D,EAAUmB,YAEjB,WAAT/+D,SACM49D,EAAUmB,aACb,UACI,EAAG,IAAM7uB,EAAO,aAGpB,kBAEC8uB,EAAW,GACN/rD,EAAI,EAAGA,EAAI,EAAGA,GAAK,EAAG,KAEzBgsD,GAAO,IAAM3hD,SAAS4yB,EAAMz4B,OAAOxE,EAAG,GAAI,KAAK6pB,SAAS,IACxDmiC,EAAIz+D,OAAS,IAAGy+D,EAAM,EAAIA,MAClBA,KAEP,EAAG,IAAMD,EAAU,aAGvB,WACI,EAAG,UAAW,aAGlB,WACI,EAAG,UAAW,QAGlB,GAAa,WAATh/D,EAAmB,KACtB2lC,EAAQ,SAAUi4B,EAAUmB,QAAWnB,EAAUmB,QAAQp5B,KAAO,KAC/D,EAAIi4B,EAAUmB,QAAQ7uB,OAAS,IAAMA,EAAQvK,QAIlD1hC,EAAKoR,WAAW0T,EAAKnhB,aAAa,OAAS,GAC/C1D,EAAKmR,WAAW0T,EAAKnhB,aAAa,OAAS,GAC3CzD,EAAKkR,WAAW0T,EAAKnhB,aAAa,OAAS,GAC3CxD,EAAKiR,WAAW0T,EAAKnhB,aAAa,OAAS,GAEvCmM,EAAKsB,WAAW0T,EAAKnhB,aAAa,OAAS,IAC/CoM,EAAKqB,WAAW0T,EAAKnhB,aAAa,OAAS,IAC3Cs3D,EAAK7pD,WAAW0T,EAAKnhB,aAAa,OAASmM,GAC3CorD,EAAK9pD,WAAW0T,EAAKnhB,aAAa,OAASoM,GAEvCorD,EAAc7B,EAAO,WACrB5nD,EAAK,oBA7GC,IACA,QA+GH0pD,SACCb,OACF,QAAU7oD,EAAK,kCACLipD,EAAY,KAC3BpxD,GAGG8xD,EAAaryD,EAAE,UAAU0F,YACtB,sCACA,eACNvD,KAAK,GAAGqvC,SACJv6C,EAAKq6D,OACJt6D,EAAKs6D,IACVroC,KAAK,QAAS,SAASuZ,SAASL,GAE7BmwB,EAAWD,EAAWz1D,QAAQuF,KAAK,GAAGqvC,SACrCr6C,EAAKm6D,OACJp6D,EAAKo6D,IACV5rD,KAAK,QAAS,YAAYujB,KAAK,QAAS,OAAOuZ,SAASL,GAErDowB,EAAcvyD,EAAE,UAAU0F,YACvB,sCACA,gBACNvD,KAAK,KAAKqvC,SACNzqC,EAAKuqD,OACJxqD,EAAKwqD,IACVroC,KAAK,QAAS,UAAUuZ,SAASL,GAE9BqwB,EAAaD,EAAY31D,QAAQuF,KAAK,KAAKqvC,SAC1C0gB,EAAKZ,OACJW,EAAKX,UACF,SACR5rD,KAAK,QAAS,eAAeujB,KAAK,QAAS,SAASuZ,SAASL,KAErD,GAAGz5B,GAAKA,EAAK,4BAcpB+pD,WACFvgD,MAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAAO,SAAUlM,EAAGN,OAC9DgtD,EAAWh2D,MAAMgJ,EAAK,IAExBitD,EAAUjB,EAAY/2D,aAAa+K,GAClCitD,MAECD,EAEQ,MAGS,OAAThtD,EAAgB,MAAQ,SAI5BA,GAAQ1F,EAAE,IAAM0I,EAAK,cAAgBhD,GAC5Ce,IAAIksD,GACJC,OAAO,WAEFl2D,MAAM0L,WAAWzT,KAAKiR,SAAWjR,KAAKiR,MAAQ,OAC3CA,MAAQ,EACJjR,KAAKiR,MAAQ,SACjBA,MAAQ,IAGG,MAAZF,EAAK,IAAe+sD,KACnBC,GAAwB,mBAAZjB,IAAmCiB,GAAwB,mBAAZjB,MAClD/2D,aAAagL,EAAM/Q,KAAKiR,WAIlC4xC,EAAQkb,EACE,MAAZhtD,EAAK,GAAa6sD,EAAcC,EACpB,MAAZ9sD,EAAK,GAAa2sD,EAAaC,EAE7BO,EAAUntD,EAAK/E,SAAS,KAAO,OAAS,QAExC6wC,IAAIqhB,EAASl+D,KAAKiR,MAAQ0rD,KAC/BsB,eA4FDE,EAAe9yD,EAAE,IAAM0I,EAAK,yBAE9BuzC,SAAO8W,SAASC,SAEdC,EAAU3C,EAAO,UAClB,6CACG,cACE,sBACQ,UACP,aACRl6D,GAYC88D,SAUAC,EAAS,EAAGC,EAAS,EAAGt7D,GAAQ,EAEhCu7D,GAAKvsD,EACLwsD,GAAKvsD,EAkDHwsD,GAAejD,EAAO,aACnB,cACC,IACPwC,EAAa,IASVU,GAAWlD,EAAO,eACf,UACC,IATWA,EAAO,iBACnB,UACC,gBACM,oBACV,mBACHiD,KAOGE,GAAU9C,EAAU/c,OAAOyd,WAAa,qBAErCzpC,eAAe0E,GAAGonC,MAAO,aAAcD,MAE9CF,IAAcxmC,MAAM,SAAU1P,QACjBy1C,EAAannC,SAEH,SADNtO,EAAV7pB,OACIkY,aACPpV,EAAI+mB,EAAIqtB,MAAQwoB,EAAW7mB,KAAO,QAClC/1C,EAAI,GAAK,GAAKA,EAAIg7D,EAAM,GAAKA,EAAM,GAAKh7D,GACjCg7D,EAAK,EAAG,GAAG,KAClBqC,uBAGJJ,IAAcK,UAAU,cACX1xD,OAAO+wD,OAGV3C,EAAO,OAASiD,MAErB,WACD,MACA,MACAjC,EAAM,MACN,kBACY,SACR,QACPiC,QAEGM,GAAkB1C,EAAWr6C,KAAK,2BAA2B87C,OAAO,aAC5Dl4D,aAAa,eAAgBsF,EAAErL,MAAM8R,SAI/CqtD,GAAgB,KAEdC,GAAc,SAAU12C,OACxB/mB,EAAI+mB,EAAIqtB,MAAQ/e,GAAO0gB,KACvB91C,EAAI8mB,EAAIstB,MAAQhf,GAAOugB,MAGvB51C,EAAI,EAAI,EAAIA,EAAIg7D,EAAMA,EAAMh7D,IAC5BC,EAAI,EAAI,EAAIA,EAAI+6D,EAAMA,EAAM/6D,KAElBi7C,IAAI,OAAQl7C,GAAGk7C,IAAI,MAAOj7C,OAGlCy9D,EAAQ19D,EAAI87D,EACZ6B,EAAQ19D,EAAIg7D,EAEZx+D,EAAO+gE,GAAc7qC,KAAK,SAC1BnN,EAAO41C,SAEL3+D,OACH,UACOiE,GAAGyP,IAAIutD,KACP/8D,GAAGwP,IAAIwtD,KACZv5D,aAAa,KAAMs5D,KACnBt5D,aAAa,KAAMu5D,aAErB,QACO/8D,GAAGuP,IAAIutD,KACP78D,GAAGsP,IAAIwtD,KACZv5D,aAAa,KAAMs5D,KACnBt5D,aAAa,KAAMu5D,aAErB,WACOntD,GAAGL,IAAIutD,KACPjtD,GAAGN,IAAIwtD,KACZv5D,aAAa,KAAMs5D,KACnBt5D,aAAa,KAAMu5D,MACnBD,KACAC,iBAGF,UACOhC,GAAGxrD,IAAIutD,KACP9B,GAAGzrD,IAAIwtD,KACZv5D,aAAa,KAAMs5D,KACnBt5D,aAAa,KAAMu5D,UAItBvgE,kBAGAwgE,GAAY,SAAZA,OACY,OACX7iB,OAAO,YAAa0iB,IAAa1iB,OAAO,UAAW6iB,IAQtDC,MAFIzC,EAAYzpC,uBAAuBqE,GAAG/rB,IAAK,SAE9BhN,UAEjB4gE,GAAW,EAAG,MACTA,GAAW,KACJjyD,OAAOvO,SAAS8G,gBAAgB6xB,GAAG/rB,IAAK,WAClD4zD,KAEIzC,EAAYzpC,uBAAuBqE,GAAG/rB,IAAK,YAGhD,IAAIyF,GAAI,EAAGA,GAAImuD,GAAUnuD,QACrB,EAAG,EAAG,EAAG,EAAGi2C,EAAMj2C,QAGXS,IAAIirD,EAAY/2D,aAAa,iBAAmB,WAE5DgxB,aAGQ,IAEAjxB,aAAa,eAAgBi3D,EAAY,OAEnD,IAAMjpD,EAAK,mBAAmByhC,UAAU,SAAU9sB,KAC9C3pB,oBACYsM,EAAErL,SAETm/D,GAAcvnD,SAASof,WAC3BkgB,UAAUkoB,IAAapnB,QAAQunB,QAIpC,IAAMxrD,EAAK,iBAAiB9M,KAAK,QAAS,aACpCyiC,MAAMtrC,KAAO0+D,IACbpzB,MAAMozB,GAAWC,EAAYvuD,WAAU,KACvCk7B,MAAMqe,WAAa,aAGzB,IAAMh0C,EAAK,qBAAqB9M,KAAK,QAAS,SAAUyiC,SAI1C,mBAAZozB,IACEgB,IACSt6C,UAEAq9B,SACDyc,GAAGxrD,IAAI,MACPyrD,GAAGzrD,IAAI,QAInB,IAAMiC,EAAK,wBAAwB,GAAG0rD,SAAW3B,MAE/C4B,UAAQC,eAEV,IAAM5rD,EAAK,wBAAwBkqD,OAAO,cAC7Bj+D,KAAKy/D,UACPG,OAAO9B,KACRR,GAAGxrD,IAAI,MACPyrD,GAAGzrD,IAAI,QACXqV,EAAO41C,KACRe,EAKE,KACCR,EAAKoC,IAAU,GACfnC,EAAKoC,IAAU,KAChB55D,aAAa,KAAMu3D,KACnBv3D,aAAa,KAAMw3D,KACdD,GAAGxrD,IAAIwrD,KACPC,GAAGzrD,IAAIyrD,WAVRp2C,EAAKnhB,aAAa,SAClBmhB,EAAKnhB,aAAa,QACtBwS,gBAAgB,QAChBA,gBAAgB,eAWjBukD,EAAYzpC,uBAAuBqE,GAAG/rB,IAAK,SAClChN,QAEF,EAAG,MACT4gE,GAAW,KACJjyD,OAAOvO,SAAS8G,gBAAgB6xB,GAAG/rB,IAAK,WAClD4zD,KAEIzC,EAAYzpC,uBAAuBqE,GAAG/rB,IAAK,YAGjDi0D,UAmDAC,GAAW,EAAGC,GAAW,KAEb,mBAAZjD,EAA8B,KAC1BniD,GAAQoiD,EAAYxoD,kBAAkBvF,WAChB,IAAxB2L,GAAMxU,cAAqB,KACvBmO,GAAIqG,GAAMvL,QAAQ,GAClBoO,GAAI7C,GAAMvL,QAAQ,MACT,IAAXkF,GAAElW,MAAyB,IAAXof,GAAEpf,KAAY,KAC1B6T,GAAIuL,GAAElO,OACA,IAAR2C,GAAE1C,KACOtF,KAAKqS,MAAmB,MAAX,EAAIrK,GAAE1C,IACb,IAAR0C,GAAEvC,OACAzF,KAAKqS,MAAkB,KAAX,EAAIrK,GAAEvC,WAG5B,GAA4B,IAAxBiL,GAAMxU,cAAqB,KAE9B+f,GAAIvL,GAAMvL,QAAQ,GAClBkF,GAAIqG,GAAMvL,QAAQ,GAClBoO,GAAI7C,GAAMvL,QAAQ,MAET,IAAX8W,GAAE9nB,MACO,IAAXkW,GAAElW,MACS,IAAXof,GAAEpf,KACF,IACW6L,KAAKqS,MAAM4J,GAAE/iB,WAClB8O,GAAIuL,GAAElO,OACA,IAAR2C,GAAE1C,KACOtF,KAAKqS,MAAmB,MAAX,EAAIrK,GAAE1C,IACb,IAAR0C,GAAEvC,OACAzF,KAAKqS,MAAkB,KAAX,EAAIrK,GAAEvC,WAM/BswD,mBAEM,IAAMjsD,EAAK,gCACZ,IAAMA,EAAK,6BAC4B,KAAxCgpD,EAAY/2D,aAAa,MAAQ,qBAG/B,IAAM+N,EAAK,8BACZ,IAAMA,EAAK,2BACbgoD,EAAMryB,MAAMoe,OAAS,mBAGlB,IAAM/zC,EAAK,+BACZ,IAAMA,EAAK,4BACb+rD,kBAGG,IAAM/rD,EAAK,+BACZ,IAAMA,EAAK,4BACbgsD,OAIPxiD,KAAKyiD,GAAS,SAAU5hE,EAAMk2B,OACxB2rC,EAAS50D,EAAEipB,EAAK2rC,UACfzqB,UAAU,SAAU9sB,OACnB9Q,EAASqoD,EAAOroD,yBAGdqoD,QACC50D,EAAEipB,EAAK3E,uBAEN/X,EAAOof,YAEZkgB,UAAUgpB,IAAYloB,QAAQmoB,MAC/BphE,qBAGJu1B,EAAK3E,OAAO7d,IAAIwiB,EAAKxiB,KAAKmsD,OAAO,eAC3BmC,EAAoB,mBAAZtD,EACVhrD,GAAO9R,KAAKiR,MACZovD,EAAO,SACHjiE,OACH,SACCgiE,GAAOrD,EAAYh3D,aAAa,IAAK+L,EAAM,OACvC7H,KAAKC,IAAI4H,EAAM,IAAK,IAAW,EA7rB7B,cAgsBP,YACG43B,MAAMoe,MAAQh2C,IACR/L,aAAa,eAAgB+L,EAAM,YACxCA,YAGJ,aACM2sD,EAAS,EACN,IAAR3sD,EAAW,GACNwuD,WAGLxuD,EAAM,OAAMA,EAAM,MAClBA,EAAM,IACC,EAAKA,EAAM,OAETA,EAAM,IAAO,KAGPA,EAAM,KAAO,EAntBtB,IAmtB2B,IACjCsuD,GAAOpuD,eAGR,cACKF,GACO,OACP,MA1tBE,IA4tBNsuD,GAAOpuD,KAETquD,EA9tBQ,MAAA,IAguBDA,EAAO,MACT,KAEFxjB,KAAK0jB,cAAeF,EAAO,MACjCpC,mBAGCiC,GAAa,SAAUx3C,IA5KX,SAAU/Y,OACnBqnB,EAAU6oC,GAAV7oC,OACDwpC,EAAMX,GAAOjoD,OACfjW,EAAKgO,EAAEomC,MAAQ/e,EAAO0gB,KAAOh8B,SAAS8kD,EAAI3jB,IAAI,sBAC9Cl7C,EA/jBU,MA+jBGA,EA/jBH,KAgkBVA,GAAK,IAAGA,EAAI,OACV8+D,EAAO9+D,EAAI,YAjkBH,IAokBNk+D,GAAOzhE,UACV,YACC6L,KAAKC,IAAQ,EAAJvI,EAAO,MACZ,KAAQA,EAAI,OAAMA,EAAI,GAC1BA,GAAK,MAAMA,EAAI,OACPoE,aAAa,IAAKpE,aAE3B,YACG+nC,MAAMoe,MAAQpsC,SAAa,IAAJ/Z,KACjBoE,aAAa,eAAgBpE,aAEtC,UACM,IACA,EACLA,EAAI,SACD,KACS,EAAI,IAAOA,EAChBA,EAAI,UAET,MADC,MAES,EAAI,IAAOA,QAIvB88D,IAAe,MADd,OAECx0D,KAAKwQ,IAAI9Y,cAGZ,WACK,MACAA,GAAK,YAER,OAGA2P,KAAKurC,KAAK0jB,cAAeE,MAC5Bx2D,KAAKqS,MAAU,IAAJ3a,MACRguB,MAAM7d,IAAInQ,IA+HP+mB,KACN3pB,kBAGAohE,GAAa,SAAbA,EAAuBz3C,KACtBg0B,OAAO,YAAawjB,IAAYxjB,OAAO,UAAWyjB,MAC9C,MAIPO,IAAiC,IAApB3E,EAAMryB,MAAMoe,MAAc,KAAK5sB,SAAS,IAClDwlC,GAAU9hE,OAAS,MAAiB,IAAM8hE,MACrCA,GAAUvtD,MAAM,KAAK,KACE,SAA3B4oD,EAAMryB,MAAMqe,WAAwB,GAAKgU,EAAMryB,MAAMqe,WAAa2Y,GAErEzD,MACK3V,EAAM,GAAGthD,aAAa,iBAI9BiwB,OAAO5qB,EAAEyF,GAAG6vD,QAAQ7oC,SAASn5B,sBACf,EAAMiiE,SAAUxiE,KAAM,OAAQyiE,MAAO,OAG3CF,iBAEIzkC,MAAO8/B,EAAUr9D,OAAO89D,qBACxBC,WAAYV,EAAU/c,OAAOyd,mBAC9BoE,OAAQxyB,EAAOyyB,cAAc,IAExC,SAAUzyB,KACF5E,MAAMtrC,KAAO,eACbsrC,MAAMoe,MAAQxZ,EAAMx8B,IAAI,QAAU7H,KAAKqS,MAAOgyB,EAAMx8B,IAAI,KAAO,IAAO,KAAO,MAC7E43B,MAAMqe,WAAazZ,EAAMx8B,IAAI,OAASw8B,EAAMx8B,IAAI,OAAS,SACzD43B,MAAM+xB,eAAiB,UAG/B,KACA,qBAGIuF,GAAO31D,EAAE4wD,EAAQ,0BAClB7jC,MAAM,cACJ6oC,YAAY,2BACfjhE,MAAMq8D,SAAS,2BACfJ,EAAQ,UAAUpb,WACdziD,EAAOiN,EAAErL,MAAM+Q,KAAK,gBACF1F,EAAE4wD,EAAQ,wBAAwBz4C,OAC7C,OAATplB,GAA0B,OAATA,EAAe,GAEhC,cAAgBA,EAAO,UAAUolB,SACjC,eAA0B,OAATplB,EAAgB,KAAO,MAAQ,UAAUyiD,SAE1D,IAAM9sC,EAAK,mBAAmB,GAAGhO,aAAa,OAAQ,QAAUgO,EAAK,IAAM3V,EAAO,sBAIjE,OAATA,EAAgB,iBAAmB,mBAE3C,IAAM2V,EAAK,wBAAwBjC,IAAIiqD,EAAMryB,MAAMoe,OAAOmW,aAEtDiD,EAAU71D,EAAE,IAAM0I,EAAK,IAAM3V,EAAO,mBAAmB,MAEzD2+D,IAAgBmE,EAAS,KACrBC,EAAW91D,EAAE0xD,GAAa56C,KAAK,UACnC++C,GAAS9kC,QAAQ7uB,OAAO4zD,KACZD,MACRp5B,EAAKo3B,GAAgBptD,QACf/L,aAAa,eAAgB+hC,KAEtB,OAAT1pC,GAAmD,MAAlC2+D,EAAY/2D,aAAa,SAAmBmM,IAAOmrD,GAAMlrD,IAAOmrD,KAC3F,IAAMxpD,EAAK,yBAAyB6rD,OAAO9B,GACzCA,MACA,IAAM/pD,EAAK,wBAAwB,GAAG0rD,SAAU,UAGlDxD,EAAQ,wBAAwBpb,SAChCob,EAAQ,uBAAuBz4C,WAGnCy4C,EAAQ,UAAUpb,UACfogB,YAAY,6BACbG,iBACIrF,EAAMryB,MAAMtrC,UACf,oBACGiN,EAAE4wD,EAAQ,qCAEb,oBACG5wD,EAAE4wD,EAAQ,4CAGV5wD,EAAE4wD,EAAQ,2BAGZz4C,kBAGK,cACL64C,SAAS,yBAAyBjkC,SACrC,eAx+BK,wGA+VCipC,GAAQl0C,EAAGmhB,EAAOvK,EAAMhY,EAAKu1C,OAC9B9Z,EAAO8Z,GAAY3F,EAAO,QAAS4F,aAAcjzB,EAAOkzB,eAAgBz9B,EAAM/M,OAAQ7J,GAAI4vC,GAC5FuE,KACMA,EAASt7D,aAAa,gBACvBs7D,EAASt7D,aAAa,kBACzBs7D,EAASt7D,aAAa,aAEduH,OAAOi6C,GAER,OAATzjB,IAAeA,EAAO,OAEpB09B,EAAU,uIAEVC,EAAS/F,EAAO,UACjB8F,OACG,kCACK,cAAgB,GAAKt0C,EAAIwvC,GAAO,SAC1CO,GAEGtwD,EAAO+uD,EAAO,UACf8F,OACGnzB,iBACUvK,YACL,cAAgB,GAAK5W,EAAIwvC,GAAO,eACnC,sBACQ,KACfO,YAEDtwD,GAAM4oC,UAAU,SAAU7lC,aACf3P,QACJo+D,IACFlnB,UAAUyqB,IAAW3pB,QAAQ4pB,MACrBzD,EAAannC,WACxBj4B,kBACK,IACNu1B,KAAK,OAAQkzB,GAAMlzB,KAAK,KAAMotC,GAAQxiD,SAAS,aAC9C,0BAA0BsE,eACtBq+C,EAAc7hE,KAChB8hE,GAAeta,EAAKxhD,aAAa,iBAAmB,EACpD+7D,EAAYva,EAAKxhD,aAAa,eAAiB,EAC/C06D,GAAuC,IAA1BjtD,WAAWquD,IAAoB5mC,SAAS,IAClDwlC,EAAU9hE,OAAS,KAAiB,IAAM8hE,IACzCqB,EAAUlsD,OAAO,GAAK6qD,IAC5B,IAAM3sD,EAAK,yBAAyB8oC,KAAKnF,KAAM,IAAKsqB,OAAQ,KAAKrB,iBACvDzkC,MAAO,6DACPwgC,WAAYV,EAAU/c,OAAOyd,mBAC9BoE,OAAQxyB,EAAOyyB,cAAc,IACrC,SAAUzyB,EAAO2zB,KACN3zB,EAAMx8B,IAAI,OAAU,IAAMw8B,EAAMx8B,IAAI,OAAU,SACzB,OAAnBw8B,EAAMx8B,IAAI,KAAgBw8B,EAAMx8B,IAAI,KAAO,IAAM,IACnD/L,aAAa,OAAQg8D,KACrBh8D,aAAa,eAAgB+7D,KACpC/7D,aAAa,aAAcg8D,KAC3Bh8D,aAAa,eAAgB+7D,KAChC,0BAA0BjhB,SAC1B,IAAM9sC,EAAK,yBAAyB8sC,QACrC,KAAM,aACL,0BAA0BA,SAC1B,IAAM9sC,EAAK,yBAAyB8sC,aAIxCkc,GAAa56C,KAAK,QAAQ5E,KAAK,eACzB2kD,EAAO72D,EAAErL,UACVA,KAAKgG,aAAa,UAAYmnB,EAAG,KAC/BmhB,EAAO,KACJ6zB,EAAWniE,KAAKgG,aAAa,cAC7Bo8D,EAAUpiE,KAAKgG,aAAa,kBAC7BD,aAAa,aAAco8D,KAC3Bp8D,aAAa,OAAQo8D,KACrBp8D,aAAa,eAA4B,OAAZq8D,EAAmB,EAAIA,KACpDr8D,aAAa,eAA4B,OAAZq8D,EAAmB,EAAIA,YAEtDtsC,OAAO0xB,IACL,KAGPz7B,GAAKs2C,GAAWz1D,GACb46C,WAuBA6a,GAAYl6D,GACfi2D,GAASA,EAAQr4D,aAAa,SAAU,UACvCA,aAAa,SAAU,WAClBoC,GACFgP,WAAW5J,OAAO6wD,YAQnBwD,OACFllB,OAAO,YAAailB,IACe,SAApCrD,EAAQt4D,aAAa,yBAjCjBD,aAAa,UAAW,YAC1B6G,EAAOvB,EAAE+yD,GACT5W,EAAO56C,EAAK0nB,KAAK,QACjBw6B,EAAKliD,EAAK0nB,KAAK,SAClB8pC,EAAS5W,EAAMsH,IAAKlhD,cAgChB,cAOAoE,SACDg6B,EAAM7oC,GAAQ,UAAYA,GAAQ,IAAMu7D,GAAK,IAAMC,GAAK,KAAO,MACtD,IAAXH,GAA2B,IAAXC,IACNjmD,gBAAgB,yBAEvB,KACC7W,GAAK+8D,IAAMF,EAAS,GACpB58D,GAAK+8D,IAAMF,EAAS,KACd14D,aAAa,oBAAqBimC,EAAM,aAAerqC,EAAI,IAAMC,EAAI,WAAa48D,EAAS,IAAMC,EAAS,eAKjHkD,GAAWj5C,OACd/mB,EAAI+mB,EAAIqtB,MAAQwoB,EAAW7mB,KACzB91C,EAAI8mB,EAAIstB,MAAQuoB,EAAWhnB,IAO3B+qB,EAAQ,gBANV3gE,EAAI,GACJ,GACAA,EAAIg7D,EAAM,GACRA,EAAM,GACNh7D,GAE2B,QAC7BC,GAAK,IAAMA,EAAI,OACTmE,aAAa,UAAW,WACxBA,aAAa,YAAau8D,MAE1Bv8D,aAAa,UAAW,UAG7BA,aAAa,YAAau8D,KAC7BhuC,KAAK+pC,EAAM,MAAMt4D,aAAa,YAAau8D,OACvC9a,EAAOn8C,EAAEipB,KAAK+pC,EAAM,QACpBkE,GAAM5gE,EAAI,IAAMg7D,IAEjB52D,aAAa,SAAUw8D,OAExBn3C,EAAO,IACT2xC,GAAa56C,KAAK,QAAQ5E,KAAK,SAAUlM,OACnCgT,EAAMrkB,KAAKgG,aAAa,UACxBsO,EAAIjJ,EAAErL,MACRqkB,EAAM+G,MACN9Q,OAAOwb,OAAOxhB,KACRjJ,EAAE0xD,GAAa56C,KAAK,WAEvBkC,QAkeRhZ,ECvqCT,yBAAyBA,GAClBA,EAAEgwD,uBACHA,8BAGChwD,EAAEgwD,mBAAmBrvD,SADP,oCAEfqvD,mBAAmBjzD,KAFJ,mCAoCjB0I,GAAG0xD,WAAa,SAAUC,YAEjBC,EAAOpqC,EAAIra,WACZzO,EAAIxQ,SAASgW,KAEfvF,EAAI6oB,EAAGra,IACHqa,EAAKA,EAAGqqC,eAAkBrqC,IAAO9oB,GAClCnE,EAAEyrD,QAAQE,MAAsC,aAA7B1+B,EAAGsqC,aAAaC,cACjCvqC,EAAGra,WAILxO,WAXHgzD,MAcCziE,KAAKud,KAAK,gBACVulD,WAAY,OAIZC,aAGGh7D,MAAM0L,WAAWgvD,EAAIrnD,MAA0B,KAAlBkJ,OAAOm+C,EAAIrnD,SACxCrT,MAAM0L,WAAWgvD,EAAInnD,MAA0B,KAAlBgJ,OAAOm+C,EAAInnD,UACxCmnD,EAAIO,KAAO1+C,OAAOm+C,EAAIO,MAAQ,WAC1BP,EAAIQ,WAAY,OACpBR,EAAIS,KAAO5+C,OAAOm+C,EAAIS,MAAQ,WAC3BT,EAAIU,SAAW,eACbV,EAAIW,WAAa,aACrBX,EAAI73B,OAAS5qC,KAAKiR,YAClBwxD,EAAIY,MAAQ/+C,OAAOm+C,EAAIY,OAAS,aAC7BZ,EAAIa,SAAWh/C,OAAOm+C,EAAIa,UAAY,eACpC,cACA,YACJ,aACC,cACCb,EAAIrjB,UAAY,WAIvB2jB,QAAQQ,UAAYd,EAAIc,WAAavjE,KAAK+iE,QAAQC,KAAO,OAEzDQ,YAAc,SAAUnyD,OACvBud,WACA7mB,MAAM/H,KAAKiR,OACTjR,KAAK+iE,QAAQn4B,MACyB,mBAA1B5qC,KAAK+iE,QAAQE,SACzBjjE,KAAK+iE,QAAQE,SAASjjE,KAAMqR,GAG5BiT,QAAQA,OAAOtkB,KAAKiR,OAASqT,OAAOjT,IAAIkE,QAAQ,IAE7B,OAArBvV,KAAK+iE,QAAQ3nD,QAAoBnR,KAAKqR,IAAIsT,EAAG5uB,KAAK+iE,QAAQ3nD,MACrC,OAArBpb,KAAK+iE,QAAQznD,QAAoBrR,KAAKmR,IAAIwT,EAAG5uB,KAAK+iE,QAAQznD,WACzDrK,MAAQ2d,EACwB,mBAA1B5uB,KAAK+iE,QAAQ3jB,eAAgC2jB,QAAQ3jB,SAASp/C,SAGzEA,MACCq8D,SAASoG,EAAIgB,WAAa,eAE1BvsB,UAAU,SAAUvnC,OAEbhO,EAAIgO,EAAEomC,OAASpmC,EAAEhO,EACjBC,EAAI+N,EAAEqmC,OAASrmC,EAAE/N,EACjB02B,EAAK3oB,EAAE9Q,OACPypC,EAAQm6B,EAAIiB,SAASC,YAAc,EACnC31D,EAAS3C,EAAEitB,GAAItqB,SAAW,EAE1B41D,EACHjiE,EAAI+gE,EAAMpqC,EAAI,cACbA,EAAGurC,YAAcv7B,EAAQtoC,KAAK+iE,QAAQe,WAClCliE,EAAI8gE,EAAMpqC,EAAI,aAAetqB,EAASs6B,EAAS,GAAK,EAAK,KAE7Ds7B,IAAc5jE,KAAK+iE,QAAQgB,WAAY,QAEjCH,QACH,IACD5jE,MAAMihE,YAAYjhE,KAAK+iE,QAAQK,WAAW/G,SAASr8D,KAAK+iE,QAAQI,oBAE9D,IACFnjE,MAAMihE,YAAYjhE,KAAK+iE,QAAQI,SAAS9G,SAASr8D,KAAK+iE,QAAQK,2BAG9DpjE,MAAMihE,YAAYjhE,KAAK+iE,QAAQI,SAASlC,YAAYjhE,KAAK+iE,QAAQK,gBAIhEL,QAAQgB,WAAaH,KAI7BI,SAAS,aAENhkE,MAAMihE,YAAYjhE,KAAK+iE,QAAQI,SAASlC,YAAYjhE,KAAK+iE,QAAQK,gBAC9DL,QAAQgB,WAAa,YACnBE,cAAcjkE,KAAK+iE,QAAQmB,gBAC3B1M,aAAax3D,KAAK+iE,QAAQoB,UAGlC3uB,UAAU,SAAU7lC,iBACF,IAAbA,EAAE+lC,QAA4C,IAA5B11C,KAAK+iE,QAAQgB,WAAkB,KAE7ChsC,EAAWpoB,EAAEuZ,SAAWlpB,KAAK+iE,QAAQQ,UAAYvjE,KAAK+iE,QAAQC,KAE9DoB,EAAS,aACRZ,YAAYa,EAAKtB,QAAQgB,WAAahsC,aAMxCgrC,QAAQoB,OAASxlE,OAAO+3C,WAAW,iBAGjCqsB,QAAQmB,QAAUvlE,OAAO48C,YAAY6oB,EAAQC,EAAKtB,QAAQO,WAC9DtjE,KAAK+iE,QAAQM,UAInBrrB,QAAQ,SAAUroC,UAEVs0D,cAAcjkE,KAAK+iE,QAAQmB,gBAC3B1M,aAAax3D,KAAK+iE,QAAQoB,UAGlCjlD,SAAS,SAAUvP,GACdtE,EAAEyrD,QAAQE,WACPwM,YAAYxjE,KAAK+iE,QAAQgB,WAAa/jE,KAAK+iE,QAAQC,QAI3DsB,QAAQ,SAAU30D,UAETA,EAAE40D,cACL,QAASf,YAAYxjE,KAAK+iE,QAAQC,MAAO,WACzC,QAASQ,aAAaxjE,KAAK+iE,QAAQC,MAAO,WAC1C,QAASQ,YAAYxjE,KAAK+iE,QAAQG,MAAO,WACzC,QAASM,aAAaxjE,KAAK+iE,QAAQG,SAUzCsB,SAAS,SAAU70D,MACd3P,KAAK8iE,iBAECnzD,EAAE40D,cACL,QAASf,YAAYxjE,KAAK+iE,QAAQC,MAAO,WACzC,QAASQ,aAAaxjE,KAAK+iE,QAAQC,MAAO,WAC1C,QAASQ,YAAYxjE,KAAK+iE,QAAQG,MAAO,WACzC,QAASM,aAAaxjE,KAAK+iE,QAAQG,gBAInCJ,WAAY,IAKpB2B,MAAM,SAAU90D,eACVmzD,WAAY,EACTnzD,EAAE40D,cACL,QACA,QACA,QACA,QACA,QAASf,YAAY,MAI3Bv8D,KAAK,aAAc,SAAU0I,GAExBA,EAAEoqC,YAAc,SACbypB,YAAYxjE,KAAK+iE,QAAQC,MACrBrzD,EAAEoqC,aAAe,UACrBypB,aAAaxjE,KAAK+iE,QAAQC,QAG/BjkE,mBAGHk/D,OAAO,SAAUtuD,QACX6zD,YAAY,KAGjBxjE,KAAKf,uBAEFA,iBAAiB,iBAAkB,SAAU0Q,GAC5CA,EAAEqqC,OAAS,OACRwpB,aAAaxjE,KAAK+iE,QAAQC,MACtBrzD,EAAEqqC,OAAS,QACfwpB,YAAYxjE,KAAK+iE,QAAQC,QAG9BjkE,mBACD,MAIFsM,ECtRT,SAASq5D,kBAAmBr5D,OACpBs5D,EAAMt5D,EAAE1M,QACR8lC,EAAMp5B,EAAErM,mBAEZi3B,OAAO5qB,EAAEyF,yBAOI40B,EAAG0Z,eAEC39C,IAAXikC,EAAEk/B,YACYnjE,IAAdikC,EAAEm/B,UAAuBn/B,EAAEm/B,QAAU,UACtBpjE,IAAfikC,EAAEo/B,WAAwBp/B,EAAEo/B,SAAW,IAEzB,IAAdp/B,EAAEm/B,UAAen/B,EAAEm/B,SAAW,GACf,IAAfn/B,EAAEo/B,WAAgBp/B,EAAEo/B,UAAY,KAElC9kE,MAAMud,KAAK,eACL+a,EAAKjtB,EAAErL,MACPg3B,EAAS3rB,EAAEitB,GAAItB,SAEf4tC,EAAOv5D,EAAE,IAAMq6B,EAAEk/B,QAGlBvI,SAAS,iBAEZr8D,MAAMiH,KAAK,YAAa,SAAU0I,OAC5B+Y,EAAM/Y,IACV3P,MAAMg4C,QAAQ,SAAUroC,OAClBo1D,EAAa15D,EAAErL,WACV08C,OAAO,WACC,IAAfh0B,EAAIgtB,QAAgBhQ,EAAEs/B,WACvBt8C,EAAIsnC,SAAW9/C,QAAU,MACxB8uD,oBAEA,gBAAgBne,OAGdvoB,EAAG2sC,SAAS,YAAa,OAAO,MAGhCtjE,EAAIgO,EAAEomC,MAAOn0C,EAAI+N,EAAEqmC,MAEjBkvB,EAAOP,EAAIv2D,QAAUw2D,EAAKx2D,QAC9B+2D,EAAOR,EAAI32D,SAAW42D,EAAK52D,SAEzBrM,EAAIujE,EAAO,KAAIvjE,EAAIujE,EAAO,IAC1BtjE,EAAIujE,EAAO,KAAIvjE,EAAIujE,EAAO,MAG1BzoB,OAAO,WACNG,KAAMtF,IAAK31C,EAAG81C,KAAM/1C,IAAKyjE,OAAO1/B,EAAEm/B,WAElC1iD,KAAK,KAAK88C,UAAU,aAClB98C,KAAK,YAAY8+C,YAAY,WAChCjhE,MAAM4X,SAASykD,SAAS,WACzB2H,SAAS,aACL7hD,KAAK,YAAY8+C,YAAY,aAIhCuD,SAAS,SAAU70D,UACbA,EAAE40D,cACL,GACEK,EAAKziD,KAAK,YAAYvjB,UAGpBujB,KAAK,YAAY8+C,YAAY,SAASoE,QAAQ,qBAAqBC,GAAG,GAAGjJ,SAAS,SAClFuI,EAAKziD,KAAK,YAAYvjB,QAAQgmE,EAAKziD,KAAK,WAAWk6C,SAAS,YAH5Dl6C,KAAK,WAAWk6C,SAAS,oBAM7B,GACEuI,EAAKziD,KAAK,YAAYvjB,UAGpBujB,KAAK,YAAY8+C,YAAY,SAASsE,QAAQ,qBAAqBD,GAAG,GAAGjJ,SAAS,SAClFuI,EAAKziD,KAAK,YAAYvjB,QAAQgmE,EAAKziD,KAAK,YAAYk6C,SAAS,YAH7Dl6C,KAAK,YAAYk6C,SAAS,oBAM9B,KACEl6C,KAAK,cAAco1C,QAAQ,oBAE7B,KACCA,QAAQ,cAMXp1C,KAAK,KAAKu6B,OAAO,aACjBv6B,KAAK,uBAAuB61B,QAAQ,oBACnC0E,OAAO,SAASA,OAAO,cACzB,gBAAgBmE,OAEdzB,KACO/zC,EAAErL,MAAM+Q,KAAK,QAAQ8E,OAAO,GAAIxK,EAAE05D,IAAcpjE,EAAGA,EAAIq1B,EAAO0gB,KAAM91C,EAAGA,EAAIo1B,EAAOugB,IAAKiuB,KAAM7jE,EAAG8jE,KAAM7jE,KAE1G,eAIE,aACLw2B,MAAM,oBACJskB,OAAO,SAASA,OAAO,cACtBgpB,QAAQhgC,EAAEo/B,WACR,KAER,QAMLz5D,EAAEyrD,QAAQ6O,UACV,IAAMjgC,EAAEk/B,MAAMrnD,KAAK,aAAgBvd,MAAM68C,KAAK+oB,cAAe,WACtDv6D,EAAEyrD,QAAQE,OACjB,IAAMtxB,EAAEk/B,MAAMrnD,KAAK,aAAgBvd,MAAMiH,KAAK,gCAAiC,kBAAqB,QAEpG,IAAMy+B,EAAEk/B,MAAMrnD,KAAK,aAAgBvd,MAAMiH,KAAK,8BAA+B,kBAAqB,QAGpGqxB,GAAIqtB,IAAIt6C,EAAE,mBAAmBpE,KAAK,cAAe,kBAAqB,MAEnEoE,EAAErL,yCASc0lC,eACbjkC,IAANikC,KAEA1lC,MAAMmiB,KAAK,MAAMk6C,SAAS,YACrBhxD,EAAErL,UAETA,MAAMud,KAAK,mBACD9b,IAANikC,UACIh2B,EAAIg2B,EAAEvyB,MAAM,KACT9B,EAAI,EAAGA,EAAI3B,EAAE9Q,OAAQyS,MAC1BrR,MAAMmiB,KAAK,WAAazS,EAAE2B,GAAK,MAAMuG,SAASykD,SAAS,cAIxDhxD,EAAErL,wCASa0lC,eACZjkC,IAANikC,KAEA1lC,MAAMmiB,KAAK,eAAe8+C,YAAY,YACjC51D,EAAErL,UAETA,MAAMud,KAAK,mBACD9b,IAANikC,UACIh2B,EAAIg2B,EAAEvyB,MAAM,KACT9B,EAAI,EAAGA,EAAI3B,EAAE9Q,OAAQyS,MAC1BrR,MAAMmiB,KAAK,WAAazS,EAAE2B,GAAK,MAAMuG,SAASqpD,YAAY,cAI3D51D,EAAErL,+CASPA,MAAMud,KAAK,aACTvd,MAAMq8D,SAAS,cAEZhxD,EAAErL,6CASPA,MAAMud,KAAK,aACTvd,MAAMihE,YAAY,cAEf51D,EAAErL,8CAUPA,MAAMud,KAAK,aAETvd,MAAM08C,OAAO,aAAaA,OAAO,aAE9BrxC,EAAErL,SAGNqL,EF3NJ1M,OAAOqZ,iBACHA,sBACAlF,kBACAA,OGbT7I,KAAK47D,UAAY,SAAU50D,EAAO40D,eACdpkE,IAAdokE,IAAyBA,EAAY,GAClC57D,KAAKqS,MAAMrL,EAAQhH,KAAKC,IAAI,GAAI27D,IAAc57D,KAAKC,IAAI,GAAI27D,IAQpE,IAAMlF,QAAU,SAAUt1D,GACnBA,EAAEgwD,uBAMHA,gCAuBKyK,EAAQC,EAAKxK,OACdQ,EAAQ/7D,cAOL82C,EAAWnnC,OACZq2D,EAAMD,EAAI/uC,YACNnc,EAAc,EAAXmrD,EAAItuB,KAAUpjC,EAAa,EAAV0xD,EAAIzuB,kBACrB0uB,KAEHvvB,WAAW,aACQ/zB,KAAKo5C,EAAOpsD,IACtC,KAED3Q,UAAUiI,KAAK,YAAa8wC,GAAW9wC,KAAK,UAAWuxC,KACvDz5C,0BAGKg5C,EAAWpoC,uBACLs2D,KACHvvB,WAAW,aACQ/zB,KAAKo5C,EAAOpsD,IACtC,KACDqvD,oBACAjgE,kBACK,WAGAy5C,EAAS7oC,YACd3Q,UAAU09C,OAAO,UAAWlE,GAASkE,OAAO,YAAa3E,KACzDinB,oBACAjgE,kBACK,WAGAmnE,EAA4Bv2D,OAC7Bw2D,EAAOJ,EAAIjrD,IACRirD,EAAIhrD,EACTqrD,EAAOz2D,EAAEomC,MAAQ/e,EAAOnc,EAC1BwrD,EAAO12D,EAAEqmC,MAAQhf,EAAO1iB,EAEtB8xD,EAAO,EAAGA,EAAO,EACZA,EAAOD,IAAMC,EAAOD,GACzBE,EAAO,EAAGA,EAAO,EACZA,EAAOC,IAAMD,EAAOC,KACzB3jD,KAAKo5C,EAAO,MAAQp6D,EAAKykE,EAAOD,EAAQI,EAAUzvC,EAAMl1B,EAAKykE,EAAOC,EAAQE,EAAUzvC,aA+BnFjlB,EAAKvS,EAAM0R,EAAOw1D,aACHhlE,IAAVwP,eAEGxP,IAATlC,GAA8B,MAARA,IAAcA,EAAO,MACvCA,EAAKE,mBACR,WAAYkC,MACZ,WAAYC,MACZ,oBACaD,IAAGC,QAGR,MAAX6kE,GAAmBA,IAAY1K,OAC/B2K,GAAU,EAEV9jD,SAAMC,gBACE,MAARtjB,IAAcA,EAAO,MACjBA,EAAKE,mBACR,MACKwR,IAAWA,EAAMtP,GAAe,EAAVsP,EAAMtP,GAAkB,EAARsP,IAAe,YAE1D,MACKA,IAAWA,EAAMrP,GAAe,EAAVqP,EAAMrP,GAAkB,EAARqP,IAAe,YAE1D,eAEKA,GAASA,EAAMtP,GAAe,EAAVsP,EAAMtP,GAAU,IACpCsP,GAASA,EAAMrP,GAAe,EAAVqP,EAAMrP,GAAU,EAGlC,MAARghB,IACEA,EAAOkU,EAAMlU,EAAOkU,EACflU,EAAOgU,IAAMhU,EAAOgU,GACzBj1B,IAAMihB,MACJA,KACM,IAGF,MAARC,IACEA,EAAOkU,EAAMlU,EAAOkU,EACflU,EAAOgU,IAAMhU,EAAOgU,GACzBj1B,IAAMihB,MACJA,KACM,gBAvHW4jD,OACpB,IAAIp1D,EAAI,EAAGA,EAAIs1D,EAAa/nE,OAAQyS,MAC1BA,GAAGsR,KAAKo5C,EAAOA,EAAO0K,IAwHT9jD,KAAKo5C,EAAO0K,GAAW1K,aAqE5C90D,EAAMm4C,GACW,mBAAbA,GAAyBunB,EAAav+D,KAAKg3C,OAepDpoB,SACFivC,SACAtkE,EAAI,EACJC,EAAI,EACJk1B,EAAO,EACPF,EAAO,IACP2vC,EAAS,IACTxvC,EAAO,EACPF,EAAO,IACP2vC,EAAS,IACTI,EAAQb,EAAI5jD,KAAK,oBAGjB8T,QAAO,EAAM8lC,wBAhGCx8D,EAAM0R,WACExP,IAAVwP,cAEGxP,IAATlC,GAA8B,MAARA,IAAcA,EAAO,OACvCA,EAAKE,mBACR,cAAeq3B,MACf,cAAeF,MACf,gBAAmBE,OAAMF,OAAM2vC,cAC/B,cAAexvC,MACf,cAAeF,MACf,gBAAmBE,OAAMF,OAAM2vC,cAC/B,qBACa1vC,OAAMF,OAAM2vC,SAAQxvC,OAAMF,OAAM2vC,uBAKlDK,SACAC,SACAC,gBACU,MAARxnE,IAAcA,EAAO,OACjBA,EAAKE,mBACR,SACQwR,IAAWA,EAAM6lB,MAAqB,EAAb7lB,EAAM6lB,MAAqB,EAAR7lB,IAAe,YAEnE,SACQA,IAAWA,EAAM2lB,MAAqB,EAAb3lB,EAAM2lB,MAAqB,EAAR3lB,IAAe,YAEnE,WACQA,GAASA,EAAM6lB,MAAqB,EAAb7lB,EAAM6lB,MAAa,IAC1C7lB,GAASA,EAAM2lB,MAAqB,EAAb3lB,EAAM2lB,MAAa,YAElD,SACQ3lB,IAAWA,EAAM8lB,MAAqB,EAAb9lB,EAAM8lB,MAAqB,EAAR9lB,IAAe,YAEnE,SACQA,IAAWA,EAAM4lB,MAAqB,EAAb5lB,EAAM4lB,MAAqB,EAAR5lB,IAAe,YAEnE,WACQA,GAASA,EAAM8lB,MAAqB,EAAb9lB,EAAM8lB,MAAa,IAC1C9lB,GAASA,EAAM4lB,MAAqB,EAAb5lB,EAAM4lB,MAAa,YAElD,gBAEQ5lB,GAASA,EAAM6lB,MAAqB,EAAb7lB,EAAM6lB,MAAa,IAC1C7lB,GAASA,EAAM2lB,MAAqB,EAAb3lB,EAAM2lB,MAAa,IAC1C3lB,GAASA,EAAM8lB,MAAqB,EAAb9lB,EAAM8lB,MAAa,IAC1C9lB,GAASA,EAAM4lB,MAAqB,EAAb5lB,EAAM4lB,MAAa,EAGxC,MAAXmwC,GAAmBlwC,IAASkwC,MAErBpwC,KADFowC,IAGM,MAAXH,GAAmBjwC,IAASiwC,SACvBA,GACS/vC,GAEH,MAAXgwC,GAAmB/vC,IAAS+vC,MAErBjwC,KADFiwC,IAGM,MAAXC,GAAmBlwC,IAASkwC,SACvBA,GACShwC,2BAMHqoB,MACS,mBAAbA,UACP/tC,SACIA,EAAIs1D,EAAa36D,SAASozC,MAAyBl3C,OAAOmJ,EAAG,yBAInErS,UAAU09C,OAAO,UAAWlE,GAASkE,OAAO,YAAa3E,KACvD2E,OAAO,YAAa5F,KAClB,OACE,OACO,UAyBXjc,IAAM0gC,EAAQqL,OAASrL,EAAQqL,MAAMjjB,QACrC7oC,EAAKygD,EAAQqL,OAASrL,EAAQqL,MAAMx4D,OAAUw4D,EAAMx4D,UACpD2M,EAAKwgD,EAAQqL,OAASrL,EAAQqL,MAAM54D,QAAW44D,EAAM54D,WACvD8M,EAAKygD,EAAQv9C,KAAOu9C,EAAQv9C,IAAI5P,OAAU23D,EAAI33D,UAC9C2M,EAAKwgD,EAAQv9C,KAAOu9C,EAAQv9C,IAAIhQ,QAAW+3D,EAAI/3D,WAE/C/G,KAAK,YAAa6vC,KACjBn0B,KAAKo5C,iBA3LNoK,EAAOJ,EAAIjrD,EACXwrD,EAAOP,EAAIhrD,EACXksD,EAASL,EAAM9rD,EACfosD,EAASN,EAAM7rD,EACbosD,EAAe,EACjBC,EAAe,aACN,WACLb,EAAS,IAEKY,EAAZxlE,IAAMi1B,EAAqBuvC,EACTxkE,EAAI4kE,EAAUJ,EAAQ,GAE1CK,EAAS,IAEKY,EAAZxlE,IAAMi1B,EAAqByvC,EACT1kE,EAAI4kE,EAAUF,EAAQ,GAG1CW,GAAUd,EAAMgB,GAAgBhB,GAAQ,IAAMc,GAAU,GACvDE,GAAgBF,GAAU,EAE3BC,GAAUZ,EAAMc,GAAgBd,GAAQ,IAAMY,GAAU,GACvDE,GAAgBF,GAAU,IAEzBrqB,KAAMnF,KAAMyvB,EAAe,KAAM5vB,IAAK6vB,EAAe,QAC1D,KAjGF/7D,EAAEgwD,mBAAmBrvD,SADP,gCAEfqvD,mBAAmBjzD,KAFJ,+BAigBjBu4D,uBAiBO,SAAU7rD,OACTinD,EAAQ/7D,cACLqnE,EAAkBZ,OACpB,IAAIp1D,EAAI,EAAGA,EAAIs1D,EAAa/nE,OAAQyS,MAAkBA,GAAGsR,KAAKo5C,EAAOA,EAAO0K,YAE1E30D,EAAKvS,EAAM0R,EAAOw1D,OAEnBa,EAAMvuC,QAAQ9nB,MAChBq2D,GAAsB,KAAfr2D,EAAMs2D,OAAat2D,EAAMs2D,KAAO,aACtCD,EAAK,SACK7lE,IAATlC,GAA8B,MAARA,GAAyB,KAATA,IAAaA,EAAO,OACrD,MAAL2mB,EAAW,OAAO,YACd3mB,EAAKE,mBACR,cAAe+nE,EAAaC,WAAYvhD,IAAG/X,IAAGqB,IAAGD,UACjD,aAAcuC,EAAI,QAAQ+gB,UAAU,EAAG,OACvC,aAAgB3M,IAAG/X,IAAGqB,IAAGD,IAAGwL,IAAGyC,IAAGoR,IAAG84C,IAAK51D,EAAI6Q,KAAKo5C,EAAO,OAAQwL,KAAMz1D,EAAI6Q,KAAKo5C,EAAO,yBAEvFvnC,KACKnjB,EAAI,EAAGA,EAAI9R,EAAKX,OAAQyS,WACvB9R,EAAKwJ,OAAOsI,QACf,IACiB,IAAhB9R,EAAKX,OAAc41B,EAAMtO,EACxBsO,EAAItO,EAAIA,YAEV,IACiB,IAAhB3mB,EAAKX,OAAc41B,EAAMrmB,EACxBqmB,EAAIrmB,EAAIA,YAEV,IACiB,IAAhB5O,EAAKX,OAAc41B,EAAMhlB,EACxBglB,EAAIhlB,EAAIA,YAEV,IACiB,IAAhBjQ,EAAKX,OAAc41B,EAAMjlB,EACxBilB,EAAIjlB,EAAIA,YAEV,IACiB,IAAhBhQ,EAAKX,OAAc41B,EAAMzZ,EACxByZ,EAAIzZ,EAAIA,YAEV,IACiB,IAAhBxb,EAAKX,OAAc41B,EAAMhX,EACxBgX,EAAIhX,EAAIA,YAEV,IACiB,IAAhBje,EAAKX,OAAc41B,EAAM5F,EACxB4F,EAAI5F,EAAIA,SAITrvB,EAAKX,OAAkC41B,EAAzB1iB,EAAI6Q,KAAKo5C,EAAO,WAG3B,MAAX0K,GAAmBA,IAAY1K,GACvB,MAARx8D,IAAcA,EAAO,QAErBmnE,GAAU,KACD,MAATz1D,SACO,MAALiV,MACE,QACM,GAEH,MAAL/X,MACE,QACM,GAEH,MAALqB,MACE,QACM,GAEH,MAALD,MACE,QACM,GAEH,MAALwL,MACE,QACM,GAEH,MAALyC,MACE,QACM,GAEH,MAALoR,MACE,QACM,WAEDy4C,EAAiB1kD,KAAKo5C,EAAO0K,GAAW1K,WAG7Cx8D,EAAKE,mBACR,WACA,UACG+0B,EAAMgzC,EAAaG,UAAW12D,IAAUA,EAAMs2D,MAAQt2D,EAAMy2D,MAASz2D,GAAS,UAChF0R,KAAKo5C,EAAO,QAAU71C,EAAGsO,EAAItO,EAAG/X,EAAGqmB,EAAIrmB,EAAGqB,EAAGglB,EAAIhlB,EAAGD,EAAY,SAAThQ,EAAkBi1B,EAAIjlB,EAAS,MAALA,EAAYA,EAAI,KAAOk3D,oBAGxGx1D,IAAwB,MAAdA,EAAMs2D,MAA6B,MAAbt2D,EAAMy2D,mBACpC/kD,KAAKo5C,EAAO,OAAQ9qD,EAAMs2D,MAAQt2D,EAAMy2D,KAAO,WAAYjB,OAG3DmB,KACFC,GAAM,EAAOC,GAAM,OACPrmE,IAAZwP,EAAMiV,GAAoB3mB,EAAKyM,SAAS,OAAMzM,GAAQ,UAC1CkC,IAAZwP,EAAM9C,GAAoB5O,EAAKyM,SAAS,OAAMzM,GAAQ,UAC1CkC,IAAZwP,EAAMzB,GAAoBjQ,EAAKyM,SAAS,OAAMzM,GAAQ,UAC1CkC,IAAZwP,EAAM1B,GAAoBhQ,EAAKyM,SAAS,OAAMzM,GAAQ,UAC1CkC,IAAZwP,EAAM8J,GAAoBxb,EAAKyM,SAAS,OAAMzM,GAAQ,UAC1CkC,IAAZwP,EAAMuM,GAAoBje,EAAKyM,SAAS,OAAMzM,GAAQ,UAC1CkC,IAAZwP,EAAM2d,GAAoBrvB,EAAKyM,SAAS,OAAMzM,GAAQ,SACrD,IAAI8R,EAAI,EAAGA,EAAI9R,EAAKX,OAAQyS,WACvB9R,EAAKwJ,OAAOsI,QACf,OACCy2D,EAAK,YACH,IACD5hD,EAAKjV,GAASA,EAAMiV,GAAe,EAAVjV,EAAMiV,GAAWjV,GAAiB,EAARA,GAAc,EAClE22D,EAAK1hD,EAAI,EAAG0hD,EAAK1hD,EAAI,EAChB0hD,EAAK1hD,EAAI,MAAK0hD,EAAK1hD,EAAI,KAC5BA,IAAM0hD,EAAK1hD,MACN0hD,EAAL1hD,KACQ,aAGT,OACC4hD,EAAK,YACH,IACD35D,EAAK8C,GAASA,EAAM9C,GAAe,EAAV8C,EAAM9C,GAAW8C,GAAiB,EAARA,GAAc,EAClE22D,EAAKz5D,EAAI,EAAGy5D,EAAKz5D,EAAI,EAChBy5D,EAAKz5D,EAAI,MAAKy5D,EAAKz5D,EAAI,KAC5BA,IAAMy5D,EAAKz5D,MACNy5D,EAALz5D,KACQ,aAGT,OACC25D,EAAK,YACH,IACDt4D,EAAKyB,GAASA,EAAMzB,GAAe,EAAVyB,EAAMzB,GAAWyB,GAAiB,EAARA,GAAc,EAClE22D,EAAKp4D,EAAI,EAAGo4D,EAAKp4D,EAAI,EAChBo4D,EAAKp4D,EAAI,MAAKo4D,EAAKp4D,EAAI,KAC5BA,IAAMo4D,EAAKp4D,MACNo4D,EAALp4D,KACQ,aAGT,MACED,EAAI0B,GAAoB,MAAXA,EAAM1B,EAAsB,EAAV0B,EAAM1B,EAAiB,MAAT0B,EAAwB,EAARA,EAAY,IAC1E22D,EAAKr4D,EAAI,EAAGq4D,EAAKr4D,EAAI,EAChBq4D,EAAKr4D,EAAI,MAAKq4D,EAAKr4D,EAAI,KAC5BA,IAAMq4D,EAAKr4D,MACNq4D,EAALr4D,KACQ,aAGT,OACCs4D,EAAK,YACH,IACD9sD,EAAK9J,GAASA,EAAM8J,GAAe,EAAV9J,EAAM8J,GAAW9J,GAAiB,EAARA,GAAc,EAClE22D,EAAK7sD,EAAI,EAAG6sD,EAAK7sD,EAAI,EAChB6sD,EAAK7sD,EAAI,MAAK6sD,EAAK7sD,EAAI,KAC5BA,IAAM6sD,EAAK7sD,MACN6sD,EAAL7sD,KACQ,aAGT,OACC8sD,EAAK,YACH,IACDrqD,EAAIvM,GAAoB,MAAXA,EAAMuM,EAAsB,EAAVvM,EAAMuM,EAAiB,MAATvM,EAAwB,EAARA,EAAY,IAC1E22D,EAAKpqD,EAAI,EAAGoqD,EAAKpqD,EAAI,EAChBoqD,EAAKpqD,EAAI,MAAKoqD,EAAKpqD,EAAI,KAC5BA,IAAMoqD,EAAKpqD,MACNoqD,EAALpqD,KACQ,aAGT,OACCqqD,EAAK,YACH,IACDj5C,EAAI3d,GAAoB,MAAXA,EAAM2d,EAAsB,EAAV3d,EAAM2d,EAAiB,MAAT3d,EAAwB,EAARA,EAAY,IAC1E22D,EAAKh5C,EAAI,EAAGg5C,EAAKh5C,EAAI,EAChBg5C,EAAKh5C,EAAI,MAAKg5C,EAAKh5C,EAAI,KAC5BA,IAAMg5C,EAAKh5C,MACNg5C,EAALh5C,KACQ,MAKZ83C,EAAS,IACPmB,EAAK,GACH3hD,GAAK,IACL/X,GAAK,IACLqB,GAAK,MACHglB,EAAMgzC,EAAaO,UAAW7hD,IAAG/X,IAAGqB,QAC7BglB,EAAXzZ,IAAWyZ,EAARhX,IAAQgX,EAAL5F,OACH,GAAIk5C,EAAK,GACV/sD,GAAK,IACA,MAALyC,EAAYA,EAAI,MACX,MAALoR,EAAYA,EAAI,QACd4F,EAAMgzC,EAAaQ,UAAWjtD,IAAGyC,IAAGoR,QAC7B4F,EAAXtO,IAAWsO,EAARrmB,IAAQqmB,EAALhlB,IAED,MAALD,EAAYA,EAAI,MACHoT,KAAKo5C,EAAO0K,GAAW1K,UAkB1C71C,SAAG/X,SAAGqB,SAAGD,SAAGwL,SAAGyC,SAAGoR,SAAG+3C,OAEvB1wC,QAAO,EAAM8lC,uBAfA3c,GACW,mBAAbA,GAAyBunB,EAAav+D,KAAKg3C,oBAEvCA,MACS,mBAAbA,UACP/tC,SACIA,EAAIs1D,EAAa36D,SAASozC,MACnBl3C,OAAOmJ,EAAG,yBAIV,QAWbyD,IACe,MAAbA,EAAKyyD,OACH,OAAQzyD,GACS,MAAZA,EAAK4yD,OAED,MAAV5yD,EAAKvF,EAAY,IAAM,IAAM,MACpB,MAAVuF,EAAKvF,GACAg4D,KAAMzyD,EAAK4yD,IAAMF,EAAaS,SAASnzD,EAAKvF,IAC7CuF,GAEa,MAAVA,EAAKoR,GAAuB,MAAVpR,EAAK3G,GAAuB,MAAV2G,EAAKtF,IAC9C,OAAmB,MAAVsF,EAAKvF,EAAY,IAAM,IAAKuF,GACtB,MAAVA,EAAKiG,GAAuB,MAAVjG,EAAK0I,GAAuB,MAAV1I,EAAK8Z,KAC9C,OAAmB,MAAV9Z,EAAKvF,EAAY,IAAM,IAAKuF,sCA0BlC4yD,MACG,KAARA,GAAsB,SAARA,EAAgB,OAASxhD,EAAG,KAAM/X,EAAG,KAAMqB,EAAG,KAAMD,EAAG,UAErE2W,EAAI,KAAM/X,EAAI,KAAMqB,EAAI,KAAMD,EAAI,aACnB,OAFbvP,KAAKkoE,YAAYR,IAEf9oE,SAAc8oE,GAAO,MACzBA,EAAI9oE,OAAS,KACX8oE,EAAI70C,UAAU,EAAG,KACjB60C,EAAI70C,UAAU,EAAG,KACjB60C,EAAI70C,UAAU,EAAG,KACjB60C,EAAI70C,UAAU,EAAG60C,EAAI9oE,UAErB8oE,EAAI9oE,OAAS,MACX8oE,EAAI70C,UAAU,EAAG60C,EAAI9oE,UACnB8oE,EAAI70C,UAAU,EAAG,IAErB60C,EAAI9oE,OAAS,MACX8oE,EAAI70C,UAAU,EAAG60C,EAAI9oE,UACnB8oE,EAAI70C,UAAU,EAAG,IAErB60C,EAAI9oE,OAAS,IAAG4Q,EAAIk4D,EAAI70C,UAAU,EAAG60C,EAAI9oE,aAG1CoB,KAAKmoE,SAASjiD,GAAI/X,EAAGnO,KAAKmoE,SAASh6D,GAAIqB,EAAGxP,KAAKmoE,SAAS34D,GAAID,EAAGvP,KAAKmoE,SAAS54D,0BAOvEm4D,YAELA,EAAIjoE,cAAcwT,QAAQ,aAAc,KACtCrU,OAAS,IAAG8oE,EAAMA,EAAI70C,UAAU,EAAG,IACpC60C,sBAMEU,UACFpoE,KAAKioE,SAASG,EAAKliD,GAAKlmB,KAAKioE,SAASG,EAAKj6D,GAAKnO,KAAKioE,SAASG,EAAK54D,GAAKxP,KAAKioE,SAASG,EAAK74D,sBAM1F84D,OACJ7xD,GAAgB,EAAN6xD,GAASntC,SAAS,WACV,IAAlB1kB,EAAO5X,SAAc4X,EAAU,IAAMA,GAClCA,EAAO/W,iCAMNioE,UACDhsD,SAASgsD,EAAK,uBAYbG,OACF3hD,EAAI2hD,EAAI3hD,EAAI,IAAK/X,EAAI05D,EAAI15D,EAAI,IAAKqB,EAAIq4D,EAAIr4D,EAAI,IAAKs4D,GAAQ/sD,EAAG,EAAGyC,EAAG,EAAGoR,EAAG,GAC5ExT,EAAM,EAAGE,EAAM,EACf4K,GAAK/X,GAAK+X,GAAK1W,KACX0W,IACA/X,EAAIqB,EAAIA,EAAIrB,GACTA,GAAKqB,GAAKrB,GAAK+X,KAClB/X,IACA+X,EAAI1W,EAAIA,EAAI0W,MAEZ1W,IACArB,EAAI+X,EAAIA,EAAI/X,KAEhBygB,EAAItT,IACJkC,EAAIlC,GAAOA,EAAMF,GAAOE,EAAM,MAC9Bw+B,gBACCguB,EAAItqD,KAEClC,EAAMF,EACC0sD,EAAI/sD,EAAfmL,IAAM5K,GAAcnN,EAAIqB,GAAKsqC,EACxB3rC,IAAMmN,EAAa,GAAK9L,EAAI0W,GAAK4zB,EAC7B,GAAK5zB,EAAI/X,GAAK2rC,IACvB/+B,EAAIW,SAAiB,GAARosD,EAAI/sD,GACjB+sD,EAAI/sD,EAAI,IAAG+sD,EAAI/sD,GAAK,MAPd+sD,EAAI/sD,EAAI,IAShByC,EAAa,IAARsqD,EAAItqD,EAAW,IACpBoR,EAAa,IAARk5C,EAAIl5C,EAAW,EACjBk5C,qBAMCA,OACFD,GAAO3hD,EAAG,EAAG/X,EAAG,EAAGqB,EAAG,EAAGD,EAAG,KAC7BwL,EAAW+sD,EAAX/sD,EAAGyC,EAAQsqD,EAARtqD,EAAGoR,EAAKk5C,EAALl5C,KACD,IAANpR,EACWqqD,EAAI3hD,EAAI2hD,EAAI15D,EAAI05D,EAAIr4D,EAAvB,IAANof,EAAiC,EACH,IAAJA,EAAU,IAAO,MAC1C,CACK,MAAN7T,IAAWA,EAAI,OAIb1J,EAAQ,MAHT,IAIHzB,EAAImL,EAAI1J,EACRsI,MAHM,MAGG,MAJH,MAKNi7C,EAAIhmC,GAAK,EAAKpR,EAAI5N,GAClB0E,EAAIsa,GAAK,EAAKpR,GAAK,EAAI5N,WACjByB,QACH,IACC6U,EAAI0I,IACJzgB,EAAImG,IACJ9E,EAAImK,aAEL,IACCuM,EAAI0uC,IACJzmD,EAAIygB,IACJpf,EAAImK,aAEL,IACCuM,EAAIvM,IACJxL,EAAIygB,IACJpf,EAAI8E,aAEL,IACC4R,EAAIvM,IACJxL,EAAIymD,IACJplD,EAAIof,aAEL,IACC1I,EAAI5R,IACJnG,EAAIwL,IACJnK,EAAIof,aAEL,IACC1I,EAAI0I,IACJzgB,EAAIwL,IACJnK,EAAIolD,IAGN1uC,EAAa,IAAR2hD,EAAI3hD,EAAW,IACpB/X,EAAa,IAAR05D,EAAI15D,EAAW,IACpBqB,EAAa,IAARq4D,EAAIr4D,EAAW,SAEnBq4D,WAIuBx8D,EAAEs1D,QAA/B2H,IAAAA,MAAOC,IAAAA,KAAMf,IAAAA,sBAclB12D,GAAG6vD,QAAU,SAAUpF,OACjBiN,EAAap3D,iBACZpR,KAAKud,KAAK,eACTw+C,EAAQ/7D,KAAMyoE,EAAWp9D,EAAE4qB,QAAO,KAAU5qB,EAAEyF,GAAG6vD,QAAQ7oC,SAAUyjC,GAC1B,UAA3ClwD,EAAE0wD,GAAO2M,IAAI,GAAGx7C,SAASztB,kBACzBw2B,QAAO,EAAMwyC,wBAEE,cACD,QACLp9D,EAAE0wD,MAGU,KAAnB1wD,EAAE0wD,GAAOjqD,SACFw8B,MAAMwyB,OAAS,IAAIwH,GAAQZ,IAAK,SAChCp5B,MAAMq6B,QAAU,IAAIL,GAAQZ,IAAK,QACjCF,EAAaU,YAAY78D,EAAE0wD,GAAOjqD,WAClCw8B,MAAMwyB,OAAS,IAAIwH,GAAQZ,IAAKr8D,EAAE0wD,GAAOjqD,MAAOvC,EAAGk5D,EAASn6B,MAAMwyB,OAAOhvD,IAAI,SAC7Ew8B,MAAMq6B,QAAU,IAAIL,GAAQZ,IAAKr8D,EAAE0wD,GAAOjqD,MAAOvC,EAAGk5D,EAASn6B,MAAMwyB,OAAOhvD,IAAI,SAGvF22D,EAAS9pE,OAAOiqE,aAChB7M,GAAOngC,MAAM,wOAENj9B,OAAOkqE,YAAa,MAEzBC,EAAgBr1D,WAAW/H,UAAUq9D,WAAW51D,MAAM,QAAQ,IAAM,GAAKnU,SAASgW,KAAKg0D,iBAOpFC,EAAcC,OACdpI,EAAUxyB,EAAVwyB,OAEL4G,EAAM5G,EAAOhvD,IAAI,OACfq3D,SAAQC,kBACH96B,MAAM+6B,KAAOH,EACdA,OACH,kBACQ,aACHvmD,KAAKo5C,EAAOuN,EAAa,iBACrB3mD,KAAKo5C,EAAOwN,EAAY,KACzB5mD,KAAKo5C,EAAOwN,EAAY,OACvB5mD,KAAKo5C,EAAOyN,EAAY,OACzB7mD,KAAKo5C,EAAOyN,EAAY,OAC3B7mD,KAAKo5C,EAAO0N,EAAa,iBACrB9mD,KAAKo5C,EAAO2N,EAAY,KACzB/mD,KAAKo5C,EAAO2N,EAAY,OACvB/mD,KAAKo5C,EAAO4N,EAAY,OACzBhnD,KAAKo5C,EAAO4N,EAAY,OACvBhnD,KAAKo5C,EAAO6N,EAAY,OACzBjnD,KAAKo5C,EAAO6N,EAAY,OACvBjnD,KAAKo5C,EAAO8N,EAAY,OACzBlnD,KAAKo5C,EAAO8N,EAAY,OACvBlnD,KAAKo5C,EAAO+N,EAAY,OACzBnnD,KAAKo5C,EAAO+N,EAAY,MAChC,KACMC,MAAM,OAASjzC,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,QAClDkzC,MAAM,UAAYhzC,KAAM,EAAGF,KAAM,MAChB,MAAtBiqC,EAAOhvD,IAAI,QAAiB,QACvBA,IAAI,MAAQnQ,EAAGm/D,EAAOhvD,IAAI,KAAMlQ,EAAG,IAAMk/D,EAAOhvD,IAAI,MAAQk4D,KAC5Dl4D,IAAI,IAAK,IAAMgvD,EAAOhvD,IAAI,KAAMm4D,aAEtC,kBACQ,aACHtnD,KAAKo5C,EAAOuN,EAAa,iBACrB3mD,KAAKo5C,EAAOwN,GAAa,OACzB5mD,KAAKo5C,EAAOyN,GAAa,OACzB7mD,KAAKo5C,EAAO2N,GAAa,OACzB/mD,KAAKo5C,EAAO4N,GAAa,OACzBhnD,KAAKo5C,EAAO+N,EAAY,OACzBnnD,KAAKo5C,EAAO+N,EAAY,MAChC,KACMC,MAAM,OAASjzC,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,QAClDkzC,MAAM,UAAYhzC,KAAM,EAAGF,KAAM,MAChB,MAAtBiqC,EAAOhvD,IAAI,QAAiB,QACvBA,IAAI,MAAQnQ,EAAGm/D,EAAOhvD,IAAI,KAAMlQ,EAAG,IAAMk/D,EAAOhvD,IAAI,MAAQk4D,KAC5Dl4D,IAAI,IAAK,IAAMgvD,EAAOhvD,IAAI,KAAMm4D,aAEtC,kBACQ,aACHtnD,KAAKo5C,EAAOuN,EAAa,YACrB3mD,KAAKo5C,EAAOwN,GAAa,OACzB5mD,KAAKo5C,EAAOyN,EAAY,OAC5B7mD,KAAKo5C,EAAO0N,EAAa/B,KACrB/kD,KAAKo5C,EAAO2N,GAAa,OACzB/mD,KAAKo5C,EAAO4N,EAAY,OACzBhnD,KAAKo5C,EAAO4N,EAAY,OACvBhnD,KAAKo5C,EAAO+N,EAAY,OACzBnnD,KAAKo5C,EAAO+N,EAAY,MAChC,KACMC,MAAM,OAASjzC,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,QAClDkzC,MAAM,UAAYhzC,KAAM,EAAGF,KAAM,MAChB,MAAtBiqC,EAAOhvD,IAAI,QAAiB,QACvBA,IAAI,MAAQnQ,EAAGm/D,EAAOhvD,IAAI,KAAMlQ,EAAG,IAAMk/D,EAAOhvD,IAAI,MAAQk4D,KAC5Dl4D,IAAI,IAAK,IAAMgvD,EAAOhvD,IAAI,KAAMm4D,aAEtC,UACO,QACA,MACDF,MAAM,OAASjzC,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,QAClDkzC,MAAM,UAAYhzC,KAAM,EAAGF,KAAM,MAChB,MAAtBiqC,EAAOhvD,IAAI,QAAiB,QACvBA,IAAI,MAAQnQ,EAAGm/D,EAAOhvD,IAAI,KAAMlQ,EAAG,IAAMk/D,EAAOhvD,IAAI,MAAQk4D,KAC5Dl4D,IAAI,IAAK,IAAMgvD,EAAOhvD,IAAI,KAAMm4D,aAEtC,UACO,QACA,OACDF,MAAM,OAASjzC,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,QAClDkzC,MAAM,UAAYhzC,KAAM,EAAGF,KAAM,MAChB,MAAtBiqC,EAAOhvD,IAAI,QAAiB,QACvBA,IAAI,MAAQnQ,EAAGm/D,EAAOhvD,IAAI,KAAMlQ,EAAG,IAAMk/D,EAAOhvD,IAAI,MAAQk4D,KAC5Dl4D,IAAI,IAAK,IAAMgvD,EAAOhvD,IAAI,KAAMm4D,aAEtC,UACO,QACA,OACDF,MAAM,OAASjzC,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,QAClDkzC,MAAM,UAAYhzC,KAAM,EAAGF,KAAM,MAChB,MAAtBiqC,EAAOhvD,IAAI,QAAiB,QACvBA,IAAI,MAAQnQ,EAAGm/D,EAAOhvD,IAAI,KAAMlQ,EAAG,IAAMk/D,EAAOhvD,IAAI,MAAQk4D,KAC5Dl4D,IAAI,IAAK,IAAMgvD,EAAOhvD,IAAI,KAAMm4D,aAEtC,kBACQ,aACHtnD,KAAKo5C,EAAOuN,EAAa,iBACrB3mD,KAAKo5C,EAAOwN,GAAa,OACzB5mD,KAAKo5C,EAAOyN,GAAa,OACzB7mD,KAAKo5C,EAAO2N,EAAY,OACxB/mD,KAAKo5C,EAAO4N,EAAY,OACzBhnD,KAAKo5C,EAAO4N,EAAY,OACvBhnD,KAAKo5C,EAAO+N,EAAY,KACzBnnD,KAAKo5C,EAAO+N,EAAY,MAChC,KACMC,MAAM,OAASjzC,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,QAClDkzC,MAAM,UAAYhzC,KAAM,EAAGF,KAAM,MAChB,MAAtBiqC,EAAOhvD,IAAI,QAAiB,QACvBA,IAAI,MAAQnQ,EAAGm/D,EAAOhvD,IAAI,KAAMlQ,EAAG,IAAMk/D,EAAOhvD,IAAI,MAAQk4D,KAC5Dl4D,IAAI,IAAK,IAAMgvD,EAAOhvD,IAAI,KAAMm4D,uBAGnC,IAAIrkE,MAAM,uBAEVsjE,OACH,cAEA,QACA,QACA,eACQ,aACAvmD,KAAKo5C,EAAOwN,EAAY,OACxB5mD,KAAKo5C,EAAO2N,EAAY,OACvB/mD,KAAKo5C,EAAO6N,EAAY,OACzBjnD,KAAKo5C,EAAO6N,EAAY,OACvBjnD,KAAKo5C,EAAO8N,EAAY,OACzBlnD,KAAKo5C,EAAO8N,EAAY,MAChC,aAEA,QACA,QACA,eACQ,aACHlnD,KAAKo5C,EAAOuN,EAAa,iBACzB3mD,KAAKo5C,EAAO0N,EAAa,iBACtB9mD,KAAKo5C,EAAO2N,EAAY,OACxB/mD,KAAKo5C,EAAOwN,EAAY,OACvB5mD,KAAKo5C,EAAOwN,EAAYJ,KACxBxmD,KAAKo5C,EAAOyN,EAAYL,EAAS,OACjCxmD,KAAKo5C,EAAO2N,EAAYN,EAAS,OACjCzmD,KAAKo5C,EAAO4N,EAAYP,EAAS,OACjCzmD,KAAKo5C,EAAO6N,EAAYR,KACxBzmD,KAAKo5C,EAAO8N,EAAYT,EAAS,OACjCzmD,KAAKo5C,EAAO+N,EAAY,OACzBnnD,KAAKo5C,EAAO+N,EAAY,MAChC,GAGqB,MAAtBhJ,EAAOhvD,IAAI,WACI6Q,KAAKo5C,EAAO+E,YAGxBoJ,EAAoBntD,EAAI0pD,IAChB,MAAXA,GAAoBA,IAAYwD,GAAYxD,IAAYuD,aA+D5BjtD,EAAI0pD,MAChCA,IAAYuD,SACNvB,EAASn6B,MAAM+6B,UAClB,QACGc,EAAKptD,EAAGjL,IAAI,QACTA,IAAI,MAAQnQ,EAAS,MAANwoE,EAAaA,EAAG3sD,EAAI,IAAK5b,EAAG,KAAa,MAANuoE,EAAaA,EAAGv7C,EAAI,MAAQ63C,aAEpF,QACA,QACG2D,EAAKrtD,EAAGjL,IAAI,QACTA,IAAI,MAAQnQ,EAAIyoE,GAAMA,EAAGrvD,GAAM,EAAGnZ,EAAG,KAAa,MAANwoE,EAAaA,EAAGx7C,EAAI,MAAQ63C,aAE9E,QACG4D,EAAKttD,EAAGjL,IAAI,QACTA,IAAI,MAAQnQ,EAAI0oE,GAAMA,EAAGtvD,GAAM,EAAGnZ,EAAG,KAAa,MAANyoE,EAAaA,EAAG7sD,EAAI,MAAQipD,aAE9E,QACG3X,EAAK/xC,EAAGjL,IAAI,QACTA,IAAI,MAAQnQ,EAAImtD,GAAMA,EAAGt/C,GAAM,EAAG5N,EAAG,KAAQktD,GAAMA,EAAG3gD,GAAM,IAAMs4D,aAExE,QACGvrD,EAAK6B,EAAGjL,IAAI,QACTA,IAAI,MAAQnQ,EAAIuZ,GAAMA,EAAG1L,GAAM,EAAG5N,EAAG,KAAQsZ,GAAMA,EAAGgL,GAAM,IAAMugD,aAExE,QACG6D,EAAKvtD,EAAGjL,IAAI,QACTA,IAAI,MAAQnQ,EAAI2oE,GAAMA,EAAGpkD,GAAM,EAAGtkB,EAAG,KAAQ0oE,GAAMA,EAAGn8D,GAAM,IAAMs4D,MAI3EA,IAAYwD,SACNxB,EAASn6B,MAAM+6B,UAClB,MACMv3D,IAAI,IAAK,KAAOiL,EAAGjL,IAAI,MAAQ,GAAI20D,aAEzC,QACGjpD,EAAIT,EAAGjL,IAAI,OACRA,IAAI,IAAK,KAAY,MAAL0L,EAAYA,EAAI,KAAMipD,aAE5C,QACG73C,EAAI7R,EAAGjL,IAAI,OACRA,IAAI,IAAK,KAAY,MAAL8c,EAAYA,EAAI,KAAM63C,aAE5C,MACM30D,IAAI,IAAK,KAAOiL,EAAGjL,IAAI,MAAQ,GAAI20D,aAEzC,MACM30D,IAAI,IAAK,KAAOiL,EAAGjL,IAAI,MAAQ,GAAI20D,aAEzC,MACM30D,IAAI,IAAK,KAAOiL,EAAGjL,IAAI,MAAQ,GAAI20D,aAEzC,QACGl3D,EAAIwN,EAAGjL,IAAI,OACRA,IAAI,IAAK,KAAY,MAALvC,EAAYA,EAAI,KAAMk3D,KArH4C9jD,KAAKo5C,EAAOh/C,EAAI0pD,cACpG,qBAyHW1pD,WAEdud,EAAMvd,EAAGjL,IAAI,UACL+qC,KAAM0tB,gBAAkBjwC,GAAO,IAAMA,EAAIotC,KAAQ,kBACtD/kD,KAAKo5C,EAAOyO,GAAgBlwC,GAAOrwB,KAAK47D,UAAmB,IAARvrC,EAAI/qB,EAAW,IAAK,IAAO,GACvF,MAAOI,OA7HOgT,KAAKo5C,EAAOh/C,YA+HHA,UACjB0rD,EAASn6B,MAAM+6B,UAClB,MACG1mD,KAAKo5C,EAAOuN,EAAa,IAAIhB,GAAQvtD,EAAGgC,EAAGjL,IAAI,MAAQ,EAAG0L,EAAG,IAAKoR,EAAG,MAAO9c,IAAI,kBAEnF,QACA,QACG0L,EAAIT,EAAGjL,IAAI,OACR6Q,KAAKo5C,EAAOyN,EAAY,KAAY,MAALhsD,EAAYA,EAAI,gBAErD,QACGoR,EAAI7R,EAAGjL,IAAI,OACR6Q,KAAKo5C,EAAOwN,EAAiB,MAAL36C,EAAYA,EAAI,eAE9C,MACMjM,KAAKo5C,EAAOyN,EAAYv/D,KAAK47D,WAAW9oD,EAAGjL,IAAI,MAAQ,GAAK,IAAM,IAAK,cAE7E,MACM6Q,KAAKo5C,EAAOyN,EAAYv/D,KAAK47D,WAAW9oD,EAAGjL,IAAI,MAAQ,GAAK,IAAM,IAAK,cAE7E,MACM6Q,KAAKo5C,EAAOyN,EAAYv/D,KAAK47D,WAAW9oD,EAAGjL,IAAI,MAAQ,GAAK,IAAM,UAGvEvC,EAAIwN,EAAGjL,IAAI,OACR6Q,KAAKo5C,EAAO0O,EAAYxgE,KAAK47D,UAA8B,KAAlB,KAAOt2D,GAAK,IAAa,IAAK,KAvJ7DoT,KAAKo5C,EAAOh/C,YAyJNA,UACjB0rD,EAASn6B,MAAM+6B,UAClB,QACG95D,EAAIwN,EAAGjL,IAAI,OACR6Q,KAAKo5C,EAAO2O,EAAYzgE,KAAK47D,UAA8B,KAAlB,KAAOt2D,GAAK,IAAa,IAAK,cAE7E,QACGo7D,EAAM5tD,EAAGjL,IAAI,OACjB84D,EAAiB,IAAItC,GAAQvtD,EAAI4vD,GAAOA,EAAI5vD,GAAM,EAAGyC,EAAG,IAAKoR,EAAU,MAAP+7C,EAAcA,EAAI/7C,EAAI,QAClFjM,KAAKo5C,EAAO0N,EAAamB,EAAe94D,IAAI,UACzC6Q,KAAKo5C,EAAO4N,EAAY,KAAc,MAAPgB,EAAcA,EAAI/7C,EAAI,QACrDjM,KAAKo5C,EAAO2O,EAAYzgE,KAAK47D,UAA2C,KAA/B,KAAQ8E,GAAOA,EAAIp7D,GAAM,IAAa,IAAK,cAE1F,QACGs7D,EAAM9tD,EAAGjL,IAAI,OACjBg5D,EAAa,IAAIxC,GAAQvtD,EAAI8vD,GAAOA,EAAI9vD,GAAM,EAAGyC,EAAU,MAAPqtD,EAAcA,EAAIrtD,EAAI,IAAKoR,EAAG,QAC9EjM,KAAKo5C,EAAO0N,EAAaqB,EAAWh5D,IAAI,UACrC6Q,KAAKo5C,EAAO2O,EAAYzgE,KAAK47D,UAA2C,KAA/B,KAAQgF,GAAOA,EAAIt7D,GAAM,IAAa,IAAK,cAE1F,QACA,QACA,QACG64D,EAAOrrD,EAAGjL,IAAI,QAChBi5D,EAAS,EAAGC,EAAS,EACG,MAAxBvC,EAASn6B,MAAM+6B,QACPjB,GAAQA,EAAK54D,GAAM,IACnB44D,GAAQA,EAAKj6D,GAAM,GACI,MAAxBs6D,EAASn6B,MAAM+6B,QACdjB,GAAQA,EAAK54D,GAAM,IACnB44D,GAAQA,EAAKliD,GAAM,GACI,MAAxBuiD,EAASn6B,MAAM+6B,SACdjB,GAAQA,EAAKliD,GAAM,IACnBkiD,GAAQA,EAAKj6D,GAAM,OAEzB88D,EAASD,EAASD,EAASA,EAASC,IACjCroD,KAAKo5C,EAAO4N,EAAYoB,EAASC,EAAS/gE,KAAK47D,WAAYkF,EAASC,IAAW,IAAMA,GAAW,IAAK,GAAK,KAC1GroD,KAAKo5C,EAAO6N,EAAYoB,EAASD,EAAS9gE,KAAK47D,WAAYmF,EAASD,IAAW,IAAMA,GAAW,IAAK,GAAK,KAC1GpoD,KAAKo5C,EAAO8N,EAAY5/D,KAAK47D,UAAWoF,EAAS,IAAO,IAAK,MAC7DtoD,KAAKo5C,EAAO2O,EAAYzgE,KAAK47D,UAA6C,KAAjC,KAAQuC,GAAQA,EAAK74D,GAAM,IAAa,IAAK,cAE5F,QACGA,EAAIwN,EAAGjL,IAAI,OACX6Q,KAAKo5C,EAAO0N,EAAa1sD,EAAGjL,IAAI,QAAU,YACvC6Q,KAAKo5C,EAAO2O,EAAiB,MAALn7D,EAAY,EAAI,OACxCoT,KAAKo5C,EAAO+N,EAAiB,MAALv6D,EAAY,IAAM,KApMlCoT,KAAKo5C,EAAOh/C,IAC5B,YAGImuD,EAAiBnuD,EAAI0pD,OACrB3F,EAAUxyB,EAAVwyB,UACH2F,IAAYuD,GAA4B,MAAhBlJ,EAAOhvD,WAC7Bq5D,EAAKpuD,EAAGjL,IAAI,cACV22D,EAASn6B,MAAM+6B,UAClB,MACIv3D,IAAI,MAAQ0L,EAAG2tD,EAAGxpE,EAAGitB,EAAG,IAAMu8C,EAAGvpE,GAAK6kE,aAE1C,QACA,MACI30D,IAAI,MAAQiJ,EAAGowD,EAAGxpE,EAAGitB,EAAG,IAAMu8C,EAAGvpE,GAAK6kE,aAE1C,MACI30D,IAAI,MAAQiJ,EAAGowD,EAAGxpE,EAAG6b,EAAG,IAAM2tD,EAAGvpE,GAAK6kE,aAE1C,MACI30D,IAAI,MAAQ3D,EAAG,IAAMg9D,EAAGvpE,EAAG4N,EAAG27D,EAAGxpE,GAAK8kE,aAE1C,MACI30D,IAAI,MAAQoU,EAAG,IAAMilD,EAAGvpE,EAAG4N,EAAG27D,EAAGxpE,GAAK8kE,aAE1C,MACI30D,IAAI,MAAQoU,EAAGilD,EAAGxpE,EAAGwM,EAAG,IAAMg9D,EAAGvpE,GAAK6kE,cAKxC2E,EAAsBruD,EAAI0pD,OAC1B3F,EAAUxyB,EAAVwyB,UACH2F,IAAYwD,GAA4B,MAAhBnJ,EAAOhvD,aAC3B22D,EAASn6B,MAAM+6B,UAClB,MACIv3D,IAAI,KAAOiJ,EAAG,IAAMgC,EAAGjL,IAAI,MAAQ20D,aAEvC,MACI30D,IAAI,KAAO0L,EAAG,IAAMT,EAAGjL,IAAI,MAAQ20D,aAEvC,MACI30D,IAAI,KAAO8c,EAAG,IAAM7R,EAAGjL,IAAI,MAAQ20D,aAEvC,MACI30D,IAAI,KAAOoU,EAAG,IAAMnJ,EAAGjL,IAAI,MAAQ20D,aAEvC,MACI30D,IAAI,KAAO3D,EAAG,IAAM4O,EAAGjL,IAAI,MAAQ20D,aAEvC,MACI30D,IAAI,KAAOtC,EAAG,IAAMuN,EAAGjL,IAAI,MAAQ20D,aAEvC,MACI30D,IAAI,IAAK,IAAMiL,EAAGjL,IAAI,KAAM20D,aAmJ9B4E,EAAO/yC,EAAI7oB,KACfotC,KAAK0tB,gBAAkB96D,GAAkB,IAAbA,EAAE7Q,QAAgB,IAAM6Q,GAAM,yBAEtD67D,EAAQnzC,EAAK0C,GAChBiuC,IAAkBjuC,EAAI7uB,SAAS,iBAAmB6uB,EAAI7uB,SAAS,aAAe6uB,EAAI7uB,SAAS,gBACzF+E,KAAK,SAAU8pB,KACfgiB,KAAM0uB,gBAAiB,OAAQ52C,OAAQ,2DAA8DkG,EAAM,8BAC1G1C,EAAI0kB,KAAM0uB,gBAAiB,QAAW1wC,EAAM,gBAE5C2wC,EAAWrzC,EAAKv2B,KACnBi7C,KAAMtF,IAAK31C,EAAI,gBAEZ6pE,EAAU/5D,EAAKo2C,QAClBjL,KAAM6uB,WAAY5jB,EAAQ,EAAI,UAAY,WAC1CA,EAAQ,GAAKA,EAAQ,OACnBghB,EAAe,KACXjuC,EAAMnpB,EAAIX,KAAK,UACV,MAAP8pB,IACFA,EAAI7uB,SAAS,iBAAmB6uB,EAAI7uB,SAAS,aAAe6uB,EAAI7uB,SAAS,eAErE6wC,KAAMloB,OAAQ,2DAA8DkG,EAAM,4EAAiFitB,EAAQ,MAC1Kp2C,EAAImrC,KAAM9gB,QAAS9xB,KAAK47D,UAAU/d,EAAQ,IAAK,UACjDp2C,EAAImrC,KAAM9gB,QAAS9xB,KAAK47D,UAAU/d,EAAQ,IAAK,UACjD,GAAc,IAAVA,GAAyB,MAAVA,KACpBghB,EAAe,KACXjuC,EAAMnpB,EAAIX,KAAK,UACV,MAAP8pB,IACFA,EAAI7uB,SAAS,iBAAmB6uB,EAAI7uB,SAAS,aAAe6uB,EAAI7uB,SAAS,eAErE6wC,KAAMloB,OAAQ,2DAA8DkG,EAAM,6BACjFnpB,EAAImrC,KAAM9gB,QAAS,UACrBrqB,EAAImrC,KAAM9gB,QAAS,cAIrB4vC,MACD7K,OAAOhvD,IAAI,OAAQw8B,EAAMq6B,QAAQ72D,IAAI,kBAMpC85D,EAAcj8D,KACnB3P,MAAMqkD,QAAQ,eAAeliC,KAAK,uBAAyBxS,EAAE9Q,OAAOoS,MAAQ,MAAMwoD,WAAW,aAClF92C,KAAKo5C,EAAOpsD,EAAE9Q,OAAOoS,gBAE3B46D,MACKlpD,KAAKo5C,YAEVI,MACKx5C,KAAKo5C,KACRp9D,OAAOiqE,YAAc/nB,EAAKl+B,KAAKo5C,GACd,mBAAnBD,IAAiCA,GAAen5C,KAAKo5C,EAAOztB,EAAMwyB,OAAQgL,aAE1E5P,kBAdDyM,QAAQ72D,IAAI,OAAQw8B,EAAMwyB,OAAOhvD,IAAI,WAe/B6Q,KAAKo5C,KACRp9D,OAAOiqE,YAAc/nB,EAAKl+B,KAAKo5C,GACd,mBAAnBgQ,IAAiCA,GAAeppD,KAAKo5C,EAAOztB,EAAMwyB,OAAQkL,aAE1EC,MACFtpD,KAAKo5C,YAEHmQ,EAAqBnvD,EAAI0pD,OAC1BiB,EAAM3qD,EAAGjL,IAAI,UACJ+qC,KAAM0tB,gBAAkB7C,GAAO,IAAMA,GAAQ,kBACnD/kD,KAAKo5C,EAAOoQ,GAAgBliE,KAAK47D,UAAgC,KAApB9oD,EAAGjL,IAAI,MAAQ,GAAY,IAAK,aAE/Es6D,EAAwBrvD,EAAI0pD,OAC7BiB,EAAM3qD,EAAGjL,IAAI,OACbu6D,EAAKtvD,EAAGjL,IAAI,SACR+qC,KAAM0tB,gBAAkB7C,GAAO,IAAMA,GAAQ,kBAC9C/kD,KAAKo5C,EAAOuQ,GAAWriE,KAAK47D,UAAyC,KAA7B,KAAQwG,GAAMA,EAAG98D,GAAM,IAAa,IAAK,IACtFk5D,EAAS9pE,OAAO4tE,aAAe9D,EAAS9pE,OAAO6tE,oBACxC7tE,OAAOgxB,MAAMktB,qBACF6qB,GAAO,IAAMA,GAAQ,oBAC1B,MAAN2E,GAAcA,EAAGz9C,EAAI,GAAK,UAAY,qBAI1C69C,EAAkB98D,KAGT+L,SAAS8xB,EAAUqP,IAAI,WACvBnhC,SAAS8xB,EAAUqP,IAAI,UAC1BltC,EAAEomC,QACFpmC,EAAEqmC,QAEbh3C,UAAUiI,KAAK,YAAaylE,GAAmBzlE,KAAK,UAAW0lE,KAC/D5tE,0BAEK2tE,EAAmB/8D,YAChBktC,KAAMnF,KAAMk1B,GAAiBC,EAAal9D,EAAEomC,OAAS,KAAMwB,IAAKu1B,GAAiBC,EAAap9D,EAAEqmC,OAAS,OAC/GyyB,EAAS9pE,OAAOiqE,aAAev9D,EAAE2hE,QAAQC,UAAUz/B,EAAUlzB,OAAOuiC,KAAMnF,KAAMlK,EAAUqP,IAAI,QAAStF,IAAK/J,EAAUqP,IAAI,WAC5HmiB,oBACAjgE,kBACK,WAEA4tE,EAAiBh9D,YACtB3Q,UAAU09C,OAAO,YAAagwB,GAAmBhwB,OAAO,UAAWiwB,KACnE3N,oBACAjgE,kBACK,WAEAmuE,EAAkBv9D,YACvB5Q,mBACAigE,oBACI8B,OAAOhvD,IAAI,OAAQzG,EAAErL,MAAM+Q,KAAK,UAAY,KAAMpB,EAAE9Q,SACnD,WAEA2kB,aAEE2pD,OACF1E,EAAS9pE,OAAOiqE,aAAcv9D,EAAE2hE,QAAQC,cACvCG,EAAQ5/B,EAAUrrB,KAAK,iBACnB2T,OAAO,eACPxb,OAAOuiC,KAAKzuC,MAAOg/D,EAAMh/D,QAASJ,OAAQw/B,EAAUx/B,SAAU+tB,QAAS,EAAG8mC,SAAU,WAAYnrB,KAAMlK,EAAUqP,IAAI,QAAStF,IAAK/J,EAAUqP,IAAI,mBALtJ8rB,QAAQ72D,IAAI,OAAQw8B,EAAMwyB,OAAOhvD,IAAI,SAOvC22D,EAAS9pE,OAAOiqE,eAChB5pE,SAASgW,MAAM0f,SAAS,yBAAyBmoB,KAAKwwB,OAAQ,OACtDxwB,KAAKwwB,OAAQ,MAEjB5E,EAAS9pE,OAAOiiE,QAAQxiE,UAC3B,SACOgnE,OAAOqD,EAAS9pE,OAAOiiE,QAAQC,MAAMr9C,KAAM2pD,aAElD,UACOG,UAAU7E,EAAS9pE,OAAOiiE,QAAQC,MAAMr9C,KAAM2pD,aAErD,iBAEO3pD,KAAKilD,EAAS9pE,OAAOiiE,QAAQC,MAAMr9C,KAAM2pD,aAI9CtsB,aACE0sB,IACH9E,EAAS9pE,OAAOiqE,YAAYp7B,EAAUqP,KAAMwwB,OAAQ,KACnD5E,EAAS9pE,OAAOiqE,aAAcv9D,EAAE2hE,QAAQC,YACnC3yD,OAAO1M,gBAEX66D,EAAS9pE,OAAOiiE,QAAQxiE,UAC3B,SACOsnE,QAAQ+C,EAAS9pE,OAAOiiE,QAAQC,MAAMhgB,KAAM0sB,aAEnD,UACOC,QAAQ/E,EAAS9pE,OAAOiiE,QAAQC,MAAMhgB,KAAM0sB,aAEnD,iBAEO1sB,KAAK4nB,EAAS9pE,OAAOiiE,QAAQC,MAAMhgB,KAAM0sB,aAI9CE,QACD9I,EAAM8D,EAAS9pE,OACnB+uE,EAAQ/I,EAAIiE,WAAav9D,EAAE0wD,GAAOn6C,OAAOO,KAAK,oBAAsB,QAC1DwiD,EAAIiE,WAAav9D,EAAE,UAAYA,EAAE0wD,IACnCM,SAAS,qBACfsI,EAAIiE,YAAYp7B,EAAUqT,SACpB6nB,IAAI,GAAGiF,cAAgB,SAAUjZ,MAAqD,UAAxCA,EAAM71D,OAAOquB,SAASztB,cAA2B,OAAO,OAG1G66B,EAAMgU,EAAMwyB,OAAOhvD,IAAI,OACzB6yD,EAAIiJ,eAAiB,EAAGjJ,EAAIiJ,eAAiB,EACxCjJ,EAAIiJ,eAAiB,IAAGjJ,EAAIiJ,eAAiB,OAChDC,EAAc,kEAAoElJ,EAAIiE,WAAa,oDAAsD,IAAM,0CAA4CjE,EAAIzoC,OAAS4xC,EAAatgE,KAAK0uB,OAAS,mIAAqI+iB,EAAOyd,WAAazd,EAAO+qB,SAASpD,MAAMjP,KAAO,0QAA4Q1Y,EAAOyd,WAAazd,EAAOgrB,SAASrD,MAAMjP,KAAO,+DAAiEmW,EAAatgE,KAAKugE,SAAW,oCAAsCD,EAAaE,SAASC,OAAOF,SAAW,+CAAiDD,EAAaE,SAASC,OAAOC,aAAe,wBAA0BJ,EAAatgE,KAAK0gE,aAAe,8EAAgFJ,EAAatgE,KAAK2gE,GAAK,YAAcL,EAAaE,SAASI,QAAQD,GAAK,iDAAmDL,EAAatgE,KAAK6gE,OAAS,YAAcP,EAAaE,SAASI,QAAQC,OAAS,mGAAqGP,EAAaE,SAASM,IAAIC,MAAQ,mCAA6D,MAAxB9F,EAASn6B,MAAM+6B,KAAe,qBAAuB,IAAM,8EAAuF,MAAP/uC,EAAcA,EAAIvf,EAAI,IAAM,YAAc+yD,EAAaE,SAASM,IAAIE,QAAU,kFAAoFV,EAAaE,SAASS,WAAWF,MAAQ,mCAA6D,MAAxB9F,EAASn6B,MAAM+6B,KAAe,qBAAuB,IAAM,8EAAuF,MAAP/uC,EAAcA,EAAI9c,EAAI,IAAM,YAAcswD,EAAaE,SAASS,WAAWD,QAAU,yEAA2EV,EAAaE,SAAS/8D,MAAMs9D,MAAQ,mCAA6D,MAAxB9F,EAASn6B,MAAM+6B,KAAe,qBAAuB,IAAM,wFAAiG,MAAP/uC,EAAcA,EAAI1L,EAAI,IAAM,YAAck/C,EAAaE,SAAS/8D,MAAMu9D,QAAU,iFAAmFV,EAAaE,SAASU,IAAIH,MAAQ,mCAA6D,MAAxB9F,EAASn6B,MAAM+6B,KAAe,qBAAuB,IAAM,8EAAuF,MAAP/uC,EAAcA,EAAIpU,EAAI,IAAM,YAAc4nD,EAAaE,SAASU,IAAIF,QAAU,kEAAoEV,EAAaE,SAASW,MAAMJ,MAAQ,mCAA6D,MAAxB9F,EAASn6B,MAAM+6B,KAAe,qBAAuB,IAAM,8EAAuF,MAAP/uC,EAAcA,EAAInsB,EAAI,IAAM,YAAc2/D,EAAaE,SAASW,MAAMH,QAAU,iEAAmEV,EAAaE,SAASY,KAAKL,MAAQ,mCAA6D,MAAxB9F,EAASn6B,MAAM+6B,KAAe,qBAAuB,IAAM,8EAAuF,MAAP/uC,EAAcA,EAAI9qB,EAAI,IAAM,YAAcs+D,EAAaE,SAASY,KAAKJ,QAAU,qDAAuD7J,EAAI5D,aAAe,iBAAmB+M,EAAaE,SAASlmB,MAAMymB,MAAQ,mCAA6D,MAAxB9F,EAASn6B,MAAM+6B,KAAe,qBAAuB,IAAM,eAAiB,UAAY,0BAA4B1E,EAAI5D,aAAe,kCAAoC,EAAI4D,EAAIiJ,gBAAkB,aAAsB,MAAPtzC,EAAcrwB,KAAK47D,UAAmB,IAARvrC,EAAI/qB,EAAW,IAAKo1D,EAAIiJ,gBAAkB,IAAM,YAAcE,EAAaE,SAASlmB,MAAM0mB,QAAU,aAAe,UAAY,wEAA0EV,EAAaE,SAAStG,IAAI8G,QAAU,4DAAqE,MAAPl0C,EAAcA,EAAIotC,IAAM,IAAM,eAAiB/C,EAAI5D,aAAe,yDAAkE,MAAPzmC,EAAcA,EAAIitC,KAAK10C,UAAU,GAAK,IAAM,YAAci7C,EAAaE,SAAStG,IAAI5f,MAAQ,WAAa,UAAY,wBAC57I6c,EAAIiE,cACItM,KAAKuR,GACVxiE,EAAErM,SAASgW,MAAM0f,SAAS,yBAAyB91B,SAGpDI,SAASgW,MAAM0f,SAAS,8BAA8BkH,MAAM4R,KAF5DxuC,SAASgW,MAAMqwC,QAAQ7X,KAIjBgI,UACR,aACIx2C,SAASgW,MAAM0f,SAAS,yBAAyBmoB,KAAKwwB,OAAQ,OACtDxwB,KAAKwwB,OAAQ,SAEjBxwB,UAGe,SAAnB8nB,EAAI9B,SAASlhE,EACR+rE,EAAM12C,SAAS0gB,KAAO,KAA0B,WAAnBitB,EAAI9B,SAASjhE,EAAiB,GAAK,GAAM,KACpD,WAAnB+iE,EAAI9B,SAASlhE,EACV+rE,EAAM12C,SAAS0gB,KAAO,IAAO,KACX,UAAnBitB,EAAI9B,SAASlhE,EACV+rE,EAAM12C,SAAS0gB,KAAO,IAAyB,WAAnBitB,EAAI9B,SAASjhE,EAAiB,GAAK,GAAM,KACnD,iBAAnB+iE,EAAI9B,SAASlhE,GACT0J,EAAErM,UAAUoP,SAAW,GAAK,IAAO,KACpCs/D,EAAM12C,SAAS0gB,KAAOh8B,SAASipD,EAAI9B,SAASlhE,GAAM,cACrD,eACc,QAAnBgjE,EAAI9B,SAASjhE,EACb8rE,EAAM12C,SAASugB,IAAM,IAAO,KACV,WAAnBotB,EAAI9B,SAASjhE,EACV8rE,EAAM12C,SAASugB,IAAM,IAAO,KACV,WAAnBotB,EAAI9B,SAASjhE,EACV8rE,EAAM12C,SAASugB,IAAM,GAAM,KAC3Bm2B,EAAM12C,SAASugB,IAAM77B,SAASipD,EAAI9B,SAASjhE,GAAM,WAGlDyJ,EAAE0wD,IACJO,KAAKuR,OAGXgB,EAAQrhC,EAAUrrB,KAAK,iBACf0sD,EAAM1sD,KAAK,mBACX0sD,EAAM1sD,KAAK,qBACnB2sD,EAAUxF,EAAYnnD,KAAK,QAC3B4sD,EAAUtF,EAAYtnD,KAAK,UACpB2sD,EAAQn6C,OAAO,iBACfm6C,EAAQn6C,OAAO,iBACfm6C,EAAQn6C,OAAO,iBACfo6C,EAAQp6C,OAAO,iBACfo6C,EAAQp6C,OAAO,iBACfo6C,EAAQp6C,OAAO,iBACfo6C,EAAQp6C,OAAO,iBACfo6C,EAAQp6C,OAAO,iBACfo6C,EAAQp6C,OAAO,kBAEjB,IAAImxC,EAAOwD,cAGTrqB,EAAO+qB,SAAS57D,aACf6wC,EAAO+qB,SAASh8D,qBAGjBixC,EAAOyd,WAAazd,EAAO+qB,SAASpD,MAAMjP,WAC1C1Y,EAAO+qB,SAASpD,MAAMx4D,aACrB6wC,EAAO+qB,SAASpD,MAAM54D,WAI3B/G,KAAKikE,MACH,IAAIpF,EAAO2D,cAGTxqB,EAAOgrB,SAAS77D,aACf6wC,EAAOgrB,SAASj8D,qBAGjBixC,EAAOyd,WAAazd,EAAOgrB,SAASrD,MAAMjP,WAC1C1Y,EAAOgrB,SAASrD,MAAMx4D,aACrB6wC,EAAOgrB,SAASrD,MAAM54D,WAI3B/G,KAAKmkE,MACA,aA/zCO4D,EAAQ1gC,EAAO2gC,EAAWrB,OAC7C7R,EAAQ/7D,KACRkvE,EAASF,EAAO7sD,KAAK,0BAElBgtD,EAASx/D,MACO,KAAnBA,EAAE9Q,OAAOoS,OAAgBtB,EAAE9Q,SAAW6oE,EAAIgB,IAAI,KAAqB,MAAbuG,GAAqBt/D,EAAE9Q,SAAWowE,EAAUvG,IAAI,KAAoB,MAAbuG,OAC5GG,EAAYz/D,GAAI,OAAOA,SACpBA,EAAE9Q,aACL6vE,EAAIhG,IAAI,UACH/4D,EAAE40D,cACL,YACCzyD,IAAIu9D,EAAgB1sD,KAAKo5C,EAA0B,GAAlB2S,EAAI58D,OAAS,GAAQ,EAAG,QACvDA,IAAI,IAAK48D,EAAI58D,MAAOnC,EAAE9Q,SACrB,OACJ,YACCiT,IAAIu9D,EAAgB1sD,KAAKo5C,GAAQ2S,EAAI58D,OAAS,GAAK,EAAG,EAAG,QACvDA,IAAI,IAAK48D,EAAI58D,MAAOnC,EAAE9Q,SACrB,aAGN8vE,EAAMjG,IAAI,UACL/4D,EAAE40D,cACL,YACGzyD,IAAIu9D,EAAgB1sD,KAAKo5C,EAA4B,GAApB4S,EAAM78D,OAAS,GAAQ,EAAG,QAC3DA,IAAI,IAAK68D,EAAM78D,MAAOnC,EAAE9Q,SACvB,OACJ,YACGiT,IAAIu9D,EAAgB1sD,KAAKo5C,GAAQ4S,EAAM78D,OAAS,GAAK,EAAG,EAAG,QAC3DA,IAAI,IAAK68D,EAAM78D,MAAOnC,EAAE9Q,SACvB,aAGN+vE,EAAKlG,IAAI,UACJ/4D,EAAE40D,cACL,YACEzyD,IAAIu9D,EAAgB1sD,KAAKo5C,EAA2B,GAAnB6S,EAAK98D,OAAS,GAAQ,EAAG,QACzDA,IAAI,IAAK88D,EAAK98D,MAAOnC,EAAE9Q,SACtB,OACJ,YACEiT,IAAIu9D,EAAgB1sD,KAAKo5C,GAAQ6S,EAAK98D,OAAS,GAAK,EAAG,EAAG,QACzDA,IAAI,IAAK88D,EAAK98D,MAAOnC,EAAE9Q,SACtB,aAGNipD,GAASA,EAAM4gB,IAAI,UACd/4D,EAAE40D,cACL,YACGzyD,IAAIu9D,EAAgB1sD,KAAKo5C,EAAOtoD,WAAWq0C,EAAMh2C,OAAS,EAAG,EAAG,QAChEA,IAAI,IAAK7H,KAAK47D,UAAyB,IAAd/d,EAAMh2C,MAAe,IAAK87D,GAAiBj+D,EAAE9Q,SACrE,OACJ,YACGiT,IAAIu9D,EAAgB1sD,KAAKo5C,EAAOtoD,WAAWq0C,EAAMh2C,OAAS,EAAG,EAAG,QAChEA,IAAI,IAAK7H,KAAK47D,UAAyB,IAAd/d,EAAMh2C,MAAe,IAAK87D,GAAiBj+D,EAAE9Q,SACrE,aAGNyvE,EAAI5F,IAAI,UACH/4D,EAAE40D,cACL,YACCzyD,IAAIu9D,EAAgB1sD,KAAKo5C,EAA0B,GAAlBuS,EAAIx8D,OAAS,GAAQ,EAAG,QACvDA,IAAI,IAAKw8D,EAAIx8D,MAAOnC,EAAE9Q,SACrB,OACJ,YACCiT,IAAIu9D,EAAgB1sD,KAAKo5C,GAAQuS,EAAIx8D,OAAS,GAAK,EAAG,EAAG,QACvDA,IAAI,IAAKw8D,EAAIx8D,MAAOnC,EAAE9Q,SACrB,aAGN4vE,EAAW/F,IAAI,UACV/4D,EAAE40D,cACL,YACQzyD,IAAIu9D,EAAgB1sD,KAAKo5C,EAAiC,GAAzB0S,EAAW38D,OAAS,GAAQ,EAAG,QACrEA,IAAI,IAAK28D,EAAW38D,MAAOnC,EAAE9Q,SAC5B,OACJ,YACQiT,IAAIu9D,EAAgB1sD,KAAKo5C,GAAQ0S,EAAW38D,OAAS,GAAK,EAAG,EAAG,QACrEA,IAAI,IAAK28D,EAAW38D,MAAOnC,EAAE9Q,SAC5B,aAGNoS,EAAMy3D,IAAI,UACL/4D,EAAE40D,cACL,YACGzyD,IAAIu9D,EAAgB1sD,KAAKo5C,EAA4B,GAApB9qD,EAAMa,OAAS,GAAQ,EAAG,QAC3DA,IAAI,IAAKb,EAAMa,MAAOnC,EAAE9Q,SACvB,OACJ,YACGiT,IAAIu9D,EAAgB1sD,KAAKo5C,GAAQ9qD,EAAMa,OAAS,GAAK,EAAG,EAAG,QAC3DA,IAAI,IAAKb,EAAMa,MAAOnC,EAAE9Q,SACvB,cAMJywE,EAAO3/D,MACS,KAAnBA,EAAE9Q,OAAOoS,OAAgBtB,EAAE9Q,SAAW6oE,EAAIgB,IAAI,KACjC,MAAbuG,GAAqBt/D,EAAE9Q,SAAWowE,EAAUvG,IAAI,KACrC,MAAbuG,OACGG,EAAYz/D,GAAI,OAAOA,SACpBA,EAAE9Q,aACL6vE,EAAIhG,IAAI,KACP52D,IAAIu9D,EAAgB1sD,KAAKo5C,EAAO2S,EAAI58D,MAAO,EAAG,QAC5CA,IAAI,IAAK48D,EAAI58D,MAAOnC,EAAE9Q,mBAEzB8vE,EAAMjG,IAAI,KACP52D,IAAIu9D,EAAgB1sD,KAAKo5C,EAAO4S,EAAM78D,MAAO,EAAG,QAChDA,IAAI,IAAK68D,EAAM78D,MAAOnC,EAAE9Q,mBAE3B+vE,EAAKlG,IAAI,KACP52D,IAAIu9D,EAAgB1sD,KAAKo5C,EAAO6S,EAAK98D,MAAO,EAAG,QAC9CA,IAAI,IAAK88D,EAAK98D,MAAOnC,EAAE9Q,mBAE1BipD,GAASA,EAAM4gB,IAAI,KAChB52D,IAAIu9D,EAAgB1sD,KAAKo5C,EAAOjU,EAAMh2C,MAAO,EAAG,QAChDA,IAAI,IAAK7H,KAAK47D,UAAyB,IAAd/d,EAAMh2C,MAAe,IAAK87D,GAAiBj+D,EAAE9Q,mBAEzEyvE,EAAI5F,IAAI,KACP52D,IAAIu9D,EAAgB1sD,KAAKo5C,EAAOuS,EAAIx8D,MAAO,EAAG,QAC5CA,IAAI,IAAKw8D,EAAIx8D,MAAOnC,EAAE9Q,mBAEzB4vE,EAAW/F,IAAI,KACP52D,IAAIu9D,EAAgB1sD,KAAKo5C,EAAO0S,EAAW38D,MAAO,EAAG,QAC1DA,IAAI,IAAK28D,EAAW38D,MAAOnC,EAAE9Q,mBAEhCoS,EAAMy3D,IAAI,KACP52D,IAAIu9D,EAAgB1sD,KAAKo5C,EAAO9qD,EAAMa,MAAO,EAAG,QAChDA,IAAI,IAAKb,EAAMa,MAAOnC,EAAE9Q,mBAE3B6oE,EAAIgB,IAAI,KACP52D,IAAI41D,EAAI51D,MAAMmB,QAAQ,gBAAiB,IAAIxT,cAAcozB,UAAU,EAAG,OAC7Do8C,EAAUn9D,IAAI41D,EAAI51D,SACzBA,IAAI,MAAqB,KAAd41D,EAAI51D,MAAe41D,EAAI51D,MAAQ,KAAMnC,EAAE9Q,mBAErDowE,GAAaA,EAAUvG,IAAI,KACpB52D,IAAIm9D,EAAUn9D,MAAMmB,QAAQ,gBAAiB,IAAIxT,cAAcozB,UAAU,EAAG,MAClF/gB,IAAIm9D,EAAUn9D,SACZA,IAAI,MAA2B,KAApBm9D,EAAUn9D,MAAem9D,EAAUn9D,MAAQ,KAAMnC,EAAE9Q,mBAEjE0oE,GAAQA,EAAKmB,IAAI,KACf52D,IAAIy1D,EAAKz1D,MAAMmB,QAAQ,gBAAiB,IAAIxT,cAAcozB,UAAU,EAAG,MACtE/gB,IAAI,IAAmB,MAAdy1D,EAAKz1D,MAAgB4J,SAAS6rD,EAAKz1D,MAAO,IAAM,KAAMnC,EAAE9Q,mBAKlEk+C,EAAMptC,MACM,MAAf2+B,EAAMx8B,aACAnC,EAAE9Q,aACL6vE,EAAIhG,IAAI,KAAQ52D,IAAIw8B,EAAMx8B,IAAI,MAAO,WACrC68D,EAAMjG,IAAI,KAAU52D,IAAIw8B,EAAMx8B,IAAI,MAAO,WACzC88D,EAAKlG,IAAI,KAAS52D,IAAIw8B,EAAMx8B,IAAI,MAAO,WACvCg2C,GAASA,EAAM4gB,IAAI,KAAU52D,IAAI7H,KAAK47D,UAA4B,IAAjBv3B,EAAMx8B,IAAI,KAAc,IAAK87D,IAAkB,WAChGU,EAAI5F,IAAI,KAAQ52D,IAAIw8B,EAAMx8B,IAAI,MAAO,WACrC28D,EAAW/F,IAAI,KAAe52D,IAAIw8B,EAAMx8B,IAAI,MAAO,WACnDb,EAAMy3D,IAAI,KAAU52D,IAAIw8B,EAAMx8B,IAAI,MAAO,WACzC41D,EAAIgB,IAAI,QACRuG,GAAaA,EAAUvG,IAAI,KAC1B52D,IAAIw8B,EAAMx8B,IAAI,WACLm9D,EAAUn9D,IAAIw8B,EAAMx8B,IAAI,mBAElCy1D,GAAQA,EAAKmB,IAAI,KAAS52D,IAAIw8B,EAAMx8B,IAAI,QAAQ+gB,UAAU,cAI1Du8C,EAAaz/D,UACZA,EAAE40D,cACL,OACA,QACA,QACA,QACA,UACI,MACJ,IAAIt0C,iBACJ,IAAIA,gBACHtgB,EAAEqgD,QAAS,OAAO,SAEjB,WAGAqf,EAAiBp+D,EAAOmK,EAAKE,SACtB,KAAVrK,GAAgBlJ,MAAMkJ,GAAemK,EACrCnK,EAAQqK,EAAYA,EACpBrK,EAAQmK,EAAYA,EACjBnK,WAEAs+D,EAAcxyD,EAAI0pD,OACnBnsC,EAAMvd,EAAGjL,IAAI,OACf20D,IAAYiI,EAAIhG,IAAI,IAAIgG,EAAI58D,IAAW,MAAPwoB,EAAcA,EAAIpU,EAAI,IACtDugD,IAAYkI,EAAMjG,IAAI,IAAIiG,EAAM78D,IAAW,MAAPwoB,EAAcA,EAAInsB,EAAI,IAC1Ds4D,IAAYmI,EAAKlG,IAAI,IAAIkG,EAAK98D,IAAW,MAAPwoB,EAAcA,EAAI9qB,EAAI,IACxDs4C,GAAS2e,IAAY3e,EAAM4gB,IAAI,IAAI5gB,EAAMh2C,IAAW,MAAPwoB,EAAcrwB,KAAK47D,UAAmB,IAARvrC,EAAI/qB,EAAW,IAAKq+D,GAAkB,IACjHnH,IAAY6H,EAAI5F,IAAI,IAAI4F,EAAIx8D,IAAW,MAAPwoB,EAAcA,EAAIvf,EAAI,IACtD0rD,IAAYgI,EAAW/F,IAAI,IAAI+F,EAAW38D,IAAW,MAAPwoB,EAAcA,EAAI9c,EAAI,IACpEipD,IAAYx1D,EAAMy3D,IAAI,IAAIz3D,EAAMa,IAAW,MAAPwoB,EAAcA,EAAI1L,EAAI,IAC1D63C,IAAYiB,EAAIgB,IAAI,KAAQuG,GAAaxI,IAAYwI,EAAUvG,IAAI,KAAQuG,IAAYvH,EAAI51D,IAAW,MAAPwoB,EAAcA,EAAIotC,IAAM,IACvHuH,GAAaxI,IAAYwI,EAAUvG,IAAI,IAAMjC,IAAYiB,EAAIgB,IAAI,IAAIuG,EAAUn9D,IAAW,MAAPwoB,EAAcA,EAAIotC,IAAM,IAC3GH,GAAQd,IAAYc,EAAKmB,IAAI,IAAInB,EAAKz1D,IAAW,MAAPwoB,EAAcA,EAAIitC,KAAK10C,UAAU,GAAK,QAkBpF67C,EAAMQ,EAAO5J,GAAG,GAChBqJ,EAAQO,EAAO5J,GAAG,GAClBsJ,EAAOM,EAAO5J,GAAG,GACjBxd,EAAQonB,EAAOtwE,OAAS,EAAIswE,EAAO5J,GAAG,GAAK,KAC3CgJ,EAAMY,EAAO5J,GAAG,GAChBmJ,EAAaS,EAAO5J,GAAG,GACvBr0D,EAAQi+D,EAAO5J,GAAG,GAClBoC,EAAMwH,EAAO5J,GAAG4J,EAAOtwE,OAAS,EAAI,EAAI,GACxC2oE,EAAO2H,EAAOtwE,OAAS,EAAIswE,EAAO5J,GAAG,GAAK,OAC1CrvC,QAAO,EAAM8lC,wBAvBTpW,IAAIgpB,GAAOhpB,IAAIipB,GAAMjpB,IAAImC,GAAOnC,IAAI2oB,GAAK3oB,IAAI8oB,GAAY9oB,IAAI10C,GAAO00C,IAAI+hB,GAAK/hB,IAAIspB,GAAWtpB,IAAI4hB,GAAM7qB,OAAO,QAAS4yB,GAAO5yB,OAAO,OAAQK,KAC5I4I,IAAIgpB,GAAOhpB,IAAIipB,GAAMjpB,IAAImC,GAAOnC,IAAI2oB,GAAK3oB,IAAI8oB,GAAY9oB,IAAI10C,GAAOyrC,OAAO,UAAWyyB,KACpFzyB,OAAO6yB,KACP,OACE,OACD,OACC,OACF,OACO,OACL,OACF,OACC,UAgBL5pB,IAAIgpB,GAAOhpB,IAAIipB,GAAMjpB,IAAImC,GAAOnC,IAAI2oB,GAAK3oB,IAAI8oB,GAAY9oB,IAAI10C,GAAO00C,IAAI+hB,GAAK/hB,IAAIspB,GAAWtpB,IAAI4hB,GAAMtgE,KAAK,QAASqoE,GAAOroE,KAAK,OAAQ81C,KACxI4I,IAAIgpB,GAAOhpB,IAAIipB,GAAMjpB,IAAImC,GAAOnC,IAAI2oB,GAAK3oB,IAAI8oB,GAAY9oB,IAAI10C,GAAOhK,KAAK,UAAWkoE,KAClFloE,KAAKsoE,GAylCO,CACZV,EACAvgC,EAAMwyB,OACN6D,EAAIiE,YAAcjE,EAAI4H,YAAc5H,EAAIh1C,MAAQ,KAAMg1C,EAAIiJ,oBAEtDlG,EAAa,MAAPptC,EAAcA,EAAIotC,IAAM,KAClC8H,EAAUX,EAAM1sD,KAAK,YACrBuzB,EAASm5B,EAAM1sD,KAAK,iBACNqtD,EAAQrtD,KAAK,iBAAiB06B,KAAM0tB,gBAAkB7C,GAAO,IAAMA,GAAQ,mBAC1E8H,EAAQrtD,KAAK,kBAAkB06B,KAAM0tB,gBAAkB7C,GAAO,IAAMA,GAAQ,gBAAiBzgE,KAAK,QAAS4kE,KACnHlpD,KAAKo5C,EAAOoQ,GAAgBliE,KAAK47D,UAAmC,IAAzBv3B,EAAMq6B,QAAQ72D,IAAI,MAAc,IAAK,MAC9E4jC,EAAOvzB,KAAK,aAAalb,KAAK,QAASi1D,MACnCxmB,EAAOvzB,KAAK,iBAAiBlb,KAAK,QAASk1D,MACnDzmB,EAAOvzB,KAAK,0BACR,aACFQ,KAAKo5C,EAAOwN,EAAYtqB,EAAOyd,WAAa,cAC5C/5C,KAAKo5C,EAAOyN,EAAYvqB,EAAOyd,WAAa,cAC5C/5C,KAAKo5C,EAAO0O,EAAYxrB,EAAOyd,WAAa,qBAC5C/5C,KAAKo5C,EAAO2N,EAAYzqB,EAAOyd,WAAa,cAC5C/5C,KAAKo5C,EAAO4N,EAAY1qB,EAAOyd,WAAa,cAC5C/5C,KAAKo5C,EAAO6N,EAAY3qB,EAAOyd,WAAa,cAC5C/5C,KAAKo5C,EAAO8N,EAAY5qB,EAAOyd,WAAa,cAC5C/5C,KAAKo5C,EAAO2O,EAAYzrB,EAAOyd,WAAa,qBAC5C/5C,KAAKo5C,EAAO+N,EAAY7qB,EAAOyd,WAAa,kBAC5C/5C,KAAKo5C,EAAOyT,EAAQrtD,KAAK,aAAc88B,EAAOyd,WAAa,wBACjE,KACGv6C,KAAK,kBAAkBlb,KAAK,QAAS2kE,GAEvCt9B,EAAMmhC,WAAanhC,EAAMmhC,UAAU7wE,OAAS,EAAG,SAC7C09D,EAAO,GACFjrD,EAAI,EAAGA,EAAIi9B,EAAMmhC,UAAU7wE,OAAQyS,IAAK,CAEgB,WAA3D67B,QAASoB,EAAMmhC,UAAUp+D,IAAK6pB,WAAWz7B,gBAA4B6uC,EAAMmhC,UAAUp+D,GAAK,IAAIi3D,GAAQZ,IAAKp5B,EAAMmhC,UAAUp+D,UACzHy2C,EAAQxZ,EAAMmhC,UAAUp+D,GAAGS,IAAI,KACjCy1D,EAAOj5B,EAAMmhC,UAAUp+D,GAAGS,IAAI,SAC7B6yD,EAAI5D,cAAgBwG,IAAMA,EAAOA,EAAK10C,UAAU,EAAG,GAAK,UACvD68C,EAAWphC,EAAMmhC,UAAUp+D,GAAGS,IAAI,OACnCy1D,IAAMA,EAAO,eACV,4BAA+BA,GAAQ,YAAcA,EAAO,KAAQ,QAAU,6BAAgCmI,GAAY,IAAMA,GAAa,IAAM,KAAOA,EAAW,GAAK,wBAA0BzwB,EAAOyd,WAAa,iBAAmBiI,EAAI5D,cAAgBjZ,GAASA,EAAQ,IAAM,YAAc79C,KAAK47D,UAAU/d,EAAQ,IAAK,GAAK,yBAA2B79C,KAAK47D,UAAU/d,EAAQ,KAAM,GAAK,IAAM,IAAM,oBAEjZnlC,KAAKo5C,EAAO4T,GAAM1wB,EAAOyd,WAAa,sBACxCJ,KAAKA,MACLn6C,KAAK,eAAeiW,MAAM80C,KAEpBvqD,KAAKo5C,EAAO0M,EAASn6B,MAAM+6B,QAClCvI,OAAO75D,KAAKijE,GACM,mBAAjB0F,IAA+BthC,EAAMwyB,OAAO75D,KAAK2oE,MAClDjH,QAAQ1hE,KAAKilE,GAEfvH,EAAIiE,cACAtP,KAAOoU,EAAMrpB,QAAQ,kBACf0X,EAAMzC,KAAKn3C,KAAK,gBAAgB06B,KAAM0tB,gBAAkB7C,GAAO,IAAMA,GAAQ,mBAC7E3L,EAAMzC,KAAKn3C,KAAK,kBACrBQ,KAAKo5C,EAAOuQ,GAAWrtB,EAAOyd,WAAa,qBACzC/5C,KAAKo5C,EAAOuQ,GAAWriE,KAAK47D,UAA+C,KAAnC,KAAc,MAAPvrC,EAAcA,EAAI/qB,EAAI,IAAa,IAAK,OACpFwsD,EAAMzC,KAAKn3C,KAAK,gBAAgB06B,qBACzB,QAAWoC,EAAOyd,WAAazd,EAAO+vB,OAAOrX,KAAO,OACpE1wD,KAAK,QAASglE,GACbtH,EAAI4H,aAAe5H,EAAI6H,oBACrB78C,MAAMktB,qBACU6qB,GAAO,IAAMA,GAAQ,oBACzB,MAAPptC,GAAeA,EAAI1L,EAAI,GAAK,UAAY,eAGzCigD,EAAM1sD,KAAK,eAAelb,KAAK,YAAawlE,KAChD3L,OAAO75D,KAAKmlE,IACb5oD,EAAKb,KAAKo5C,OA6CZ9c,EAAwBwpB,EAAxBxpB,OAAQ6uB,EAAgBrF,EAAhBqF,aACTx/B,UACgE,WAA5DpB,QAAQu7B,EAASn6B,MAAMwyB,QAAQ5lC,WAAWz7B,cAC9C,IAAI6oE,GAAOf,MAAOkB,EAAS9pE,OAAOoiE,cAAgB0H,EAASn6B,MAAMwyB,OAC/D2H,EAASn6B,MAAMwyB,OAAOjuC,UAAU,EAAG,GAAK,KACxC41C,EAASn6B,MAAMwyB,SAEjB,IAAIwH,GAAOf,MAAOkB,EAAS9pE,OAAOoiE,cAChC0H,EAASn6B,MAAMwyB,OAAOhvD,IAAI,QAC1B22D,EAASn6B,MAAMwyB,OAAOhvD,IAAI,QAAQ+gB,UAAU,EAAG,GAAK,KACpD41C,EAASn6B,MAAMwyB,OAAOhvD,IAAI,kBAEqC,WAA5Do7B,QAAQu7B,EAASn6B,MAAMwyB,QAAQ5lC,WAAWz7B,cAC/C,IAAI6oE,GAAOf,MAAOkB,EAAS9pE,OAAOoiE,cAAgB0H,EAASn6B,MAAMwyB,OAC/D2H,EAASn6B,MAAMwyB,OAAOjuC,UAAU,EAAG,GAAK,KACxC41C,EAASn6B,MAAMwyB,SACjB,IAAIwH,GAAOf,MAAOkB,EAAS9pE,OAAOoiE,cAChC0H,EAASn6B,MAAMwyB,OAAOhvD,IAAI,QAC1B22D,EAASn6B,MAAMwyB,OAAOhvD,IAAI,QAAQ+gB,UAAU,EAAG,GAAK,KACpD41C,EAASn6B,MAAMwyB,OAAOhvD,IAAI,oBAErB22D,EAASn6B,MAAMmhC,WAGxB7C,EAAgB,OACF,KAChBC,EAAa,OACA,KACbr/B,EAAY,KACZ87B,EAAc,KACdG,EAAc,KACdF,EAAa,OACA,KACbkB,EAAa,KACbf,EAAa,KACbC,EAAa,KACbC,EAAa,KACbC,EAAa,KACba,EAAa,KACbZ,EAAa,KACbE,EAAW,OACA,KACX6F,GAAc,KACdrF,GAAgB,QACC,KACjBwB,GAAW,KACXF,GAAe,KACf6D,GAAO,QACK,QACA,QACA,QACF,QACgC,mBAAlBnH,EAAW,GAAoBA,EAAW,GAAK,KACvEoH,GAAwC,mBAAlBpH,EAAW,GAAoBA,EAAW,GAAK,KACrE1M,GAA0C,mBAAlB0M,EAAW,GAAoBA,EAAW,GAAK,OAEvEvyC,QAAO,EAAM8lC,kGAlGH55C,KAAK,kBAAkBu6B,OAAO,QAASkvB,MAClClvB,OAAO,QAASmvB,MAClBnvB,OAAO,QAASyf,MACpBzf,OAAO,QAASwf,GACrBuM,EAAS9pE,OAAOiqE,gBACRlsB,OAAO,QAASuvB,MAClBvvB,OAAO,YAAa+vB,KACtBnT,KAAO,QAELn3C,KAAK,eAAeu6B,OAAO,QAASwwB,KAChC,OACA,OACD,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACJ4C,YACE,OACFA,YACE,QACCA,aACE,QACE,QACC,QACN,QACI,QACR,QACU,QACA,QACF,OACLxT,KAAK,QACV,IAAIjrD,EAAI,EAAGA,EAAIk3D,EAAK3pE,OAAQyS,IAC3Bk3D,EAAKl3D,KAAO0qD,KACT7zD,OAAOmJ,EAAG,QAsEhBjJ,KAAK2zD,cACC,aACEp5C,KAAKo5C,IACf,QAoFLjrD,GAAG6vD,QAAQ7oC,wBAEF,mBAEC,oBAEE,YACA,qBAIL,iBACA,mBAEO,cACA,gBACE,iBACE,oBACE,eAGZ,WACE,IAAIwwC,GAAOf,KAAM,yBAEvB,IAAIe,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,MAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,EAAGoR,EAAG,MAC7B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,GAAIoR,EAAG,MAC7B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,GAAIoR,EAAG,MAC7B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,IAAKoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,IAAKoR,EAAG,KAC9B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,IAAKoR,EAAG,KAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,EAAGoR,EAAG,KAC7B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,GAAIoR,EAAG,MAC7B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,GAAIoR,EAAG,MAC7B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,IAAKoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,IAAKoR,EAAG,KAC9B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,IAAKoR,EAAG,KAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,EAAGoR,EAAG,KAC7B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,GAAIoR,EAAG,MAC7B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,GAAIoR,EAAG,MAC7B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,IAAKoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,IAAKoR,EAAG,KAC9B,IAAI05C,GAAQvtD,EAAG,GAAIyC,EAAG,IAAKoR,EAAG,KAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,EAAGoR,EAAG,KAC7B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,MAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,EAAGoR,EAAG,KAC7B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,MAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,EAAGoR,EAAG,KAC7B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,MAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,EAAGoR,EAAG,KAC7B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,MAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,EAAGoR,EAAG,KAC7B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,MAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,EAAGoR,EAAG,KAC7B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,MAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,EAAGoR,EAAG,KAC7B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,MAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,EAAGoR,EAAG,IAC7B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,GAAIoR,EAAG,MAC9B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,MAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,GAAQvtD,EAAG,IAAKyC,EAAG,IAAKoR,EAAG,KAC/B,IAAI05C,uBAIM,mCAEH,WACC,gBAEA,qBACC,UACC,qBAIH,UACC,gBAEA,wBACC,UACC,iBAIJ,mBACC,UACC,+BAKD,wCACG,mBACI,aACV,YACI,qCAII,4DACI,iDAGV,wCACI,kDAGD,8CACE,kEAGF,qDACE,gEAGF,gDACE,yDAGF,8CACE,wDAGF,gDACE,yDAGF,+CACE,yDAGF,gDACE,0DAGA,gEACF,kDAKRj9D,GChhEHA,IAAIC,OAENykE,iBAQSC,WAAa,SAAU5xE,EAAMsT,EAAKowC,OAEvClqC,EAASvM,IAAE,eAAeuM,gBACzBvY,QAAQqS,GAAKpS,QAAQ,qCAAEysB,OAAKja,UAC5BA,WAAemG,IAAI8T,GAEpB+1B,MAAa,IAAM/1B,GACTnU,EAAOuK,KAAK4J,GAChBntB,OAAQ,KACV0S,EAAOsG,EAAOuK,KAAK4J,GAAK,UAEtB3tB,OACH,cACE,IAAWomC,EAAPnzB,EAAI,EAAUmzB,EAAOlzB,EAAKohB,WAAWrhB,GAAKA,OAC3B,IAAlBmzB,EAAK/R,UAAkB+R,EAAK/2B,YAAYy3B,OAAQ,GAC7Cz3B,YAAcqE,kBAMpB,UACEoqB,MAAQpqB,gBAIPmG,IAAI,YAAc8T,MAqB5BkkD,eAOSn7D,OAAO,SAACo7D,WACTA,GAeCC,mEAAW,WAAgBC,wHACnBH,QAAQI,YAAYN,kCACrCxyD,KAAK+yD,EAAM,SAAUj/D,EAAGY,GACpBA,EAAEqiB,SACOjpB,IAAEklE,MAAMH,EAAUn+D,EAAEqiB,SAK9B87C,EAASI,8DAGZA,KAGEJ,GAHFI,MAEAC,IAAAA,WAAY52C,IAAAA,OAAQ62C,IAAAA,OAAQC,IAAAA,OAAQ5zD,IAAAA,cAG3B,0BAEO0zD,EAAWG,4BACbJ,EAAMK,wBACRL,EAAMM,yBACHN,EAAMO,mCACCP,EAAMQ,gCAChBR,EAAMS,sBAENp3C,EAAOq3C,uBACNr3C,EAAOs3C,uBACRt3C,EAAOu3C,uBACNv3C,EAAOw3C,4BACHx3C,EAAOy3C,8BACTz3C,EAAO03C,6BACN13C,EAAO23C,+BAEPhB,EAAMiB,2BAETf,EAAOA,YACdF,EAAMtN,qBACKsN,EAAMjiB,yBACRmiB,EAAOgB,iCACF73C,EAAO83C,mCAETnB,EAAMoB,iCACPpB,EAAMqB,kCACJpB,EAAWqB,iCAEdj4C,EAAOk4C,eAAiB,oBACvBl4C,EAAOm4C,yCACGn4C,EAAOo4C,uBACrBp4C,EAAOq4C,8BACEr4C,EAAOs4C,4BACbxB,EAAO3iE,qBACR6rB,EAAOu4C,8BACDv4C,EAAOw4C,yBACdx4C,EAAOy4C,uBACNz4C,EAAO04C,wBACP5B,EAAOviE,2BAEAuiE,EAAOtC,0BACTsC,EAAOxC,sBAEPwC,EAAOtC,wBACTsC,EAAOxC,qBAENwC,EAAOtC,uBACTsC,EAAOxC,oBAENuC,EAAOA,OAAOv9D,MAAM,IAAIjB,KAAK,gBAEnCs+D,EAAMgC,sBACHhC,EAAMiC,qBACRjC,EAAMkC,uBACNlC,EAAMmC,qBACRnC,EAAMoC,mBACNpC,EAAMqC,8BAEKh5C,EAAOi5C,sCACPj5C,EAAOk5C,yBACfl5C,EAAOm5C,gCAEEn5C,EAAO81C,wBACV91C,EAAOo5C,iCACRp5C,EAAOq5C,qCACNr5C,EAAOs5C,aAC1B,YAID51D,MAAM,MAAO,OAAQ,QAAS,iBAAkB,SAAU,QAAS,UAAW,aAAc,UAAW,YAAa,aAAc,aAC7H,0BAA4Bvd,KAAO,MAAQwwE,EAAMxwE,YAGtDud,MAAM,OAAQ,aAAc,aAAc,aACrC,0BAA4Bvd,KAAO,MAAQ0wE,EAAO1wE,UAGpD,mCAAqC0wE,EAAO0C,eAEtC,UAAWlzB,cAEX,2BACUswB,EAAM6C,4BACd5C,EAAW6C,oBACX7C,EAAW8C,mBACZ9C,EAAW+C,2BACF/C,EAAWgD,yBAClBhD,EAAWiD,sBACXjD,EAAWkD,sBACXlD,EAAWmD,sBACXnD,EAAWoD,sBACXpD,EAAWqD,uBACVrD,EAAW7hC,oBACf6hC,EAAW18D,gBACN08D,EAAWsD,uBACdtD,EAAWuD,sBACTvD,EAAWwD,yBACVvD,EAAO0C,eACT1C,EAAOwD,oBACRxD,EAAA,iBACGA,EAAOyD,sBACLxD,EAAOyD,mBACb1D,EAAO2D,gBACR5D,EAAW6D,gBACX7D,EAAW8D,gBACX9D,EAAW+D,gBACX/D,EAAWgE,qBACNhE,EAAWiE,2BACVjE,EAAWkE,6BACVlE,EAAWmE,8BACXnE,EAAWoE,8BACXpE,EAAWqE,8BACXrE,EAAWsE,yBAChBvE,EAAMwE,kBACRj4D,EAAGk4D,wBACAl4D,EAAGm4D,uBACFzE,EAAW0E,mBACX1E,EAAW2E,wBACN3E,EAAW4E,4BACZ5E,EAAW6E,oBAClB7E,EAAW8E,uBACN7E,EAAO8E,yBACV/E,EAAWgF,iBACXhF,EAAWiF,mBACTjF,EAAWkF,0BACXlF,EAAWmF,0BACXnF,EAAW/hC,2BACV7U,EAAO04C,eAChB9B,EAAWoF,kCACI94D,EAAG+4D,qCACNtF,EAAMuF,6BACNvF,EAAMwF,8BACNxF,EAAMyF,4BACRzF,EAAM0F,4BACJ1F,EAAM2F,6BACP3F,EAAM4F,0BACR5F,EAAM6F,qBACT5F,EAAWttE,gBACZstE,EAAW1zB,eACX0zB,EAAW6F,iBACT9F,EAAM+F,uBACP/F,EAAMvoE,uBACAuoE,EAAMvoE,kBACXuoE,EAAM4C,sBACA5C,EAAM4C,iBACX5C,EAAMgG,4BACJhG,EAAMiG,2BACTjG,EAAMkG,wBACNlG,EAAMmG,2BACHlG,EAAW9hC,8BACN6hC,EAAMoG,8BACXpG,EAAMqG,wBACPrG,EAAMsG,wBACTtG,EAAMuG,uBACLtG,EAAWuG,iBACbxG,EAAMyG,2BACCzG,EAAM0G,0BACT1G,EAAM2G,yBACJ3G,EAAM4G,4BACL5G,EAAM6G,2BACR7G,EAAM8G,uBACR7G,EAAW10C,4BACJy0C,EAAM+G,yBAChB/G,EAAMgH,wBACFhH,EAAMiH,wBACVjH,EAAMkH,oBACNlH,EAAMmH,mBACFnH,EAAMoH,0BACRpH,EAAMqH,wBACNrH,EAAMsH,wBACNtH,EAAMuH,sBACRvH,EAAMwH,sBACJxH,EAAMyH,kBACRzH,EAAM0H,kBACH1H,EAAM2H,uBACJ3H,EAAM4H,yBACX5H,EAAM6H,qBACL7H,EAAM8H,WAEjB,sBAEKvI,oBAAWK,kHAaRmI,oEAAY,WAAgBC,EAAYC,EAAWC,+FAC1DF,YACUA,cAEAntE,IAAEstE,KAAK,WAEbjtE,UAAUktE,uBACAltE,UAAUktE,aACbltE,UAAU4mE,qBACP5mE,UAAU4mE,mBAIlBr6D,IAAI,SAAW83D,WAGlB0I,EAAUzsE,SAAS+jE,YAA4B,SAAdA,sBACxB,SAUJ2I,EAAKG,SAAW,QAAU9I,UAAY,WAC3CI,kBAGC2I,uBAAuBt/C,UACnB,iBAAmBu2C,UAAU98D,QAAQ,KAAM,2KChWzD,SAAS8lE,gBAAgBC,mEACbC,IAARnjD,OAA8BojD,IAAPt9C,MAA8Bu9C,IAATC,QACpCC,IAARlrD,WAAuBw1B,MAAO21B,gBAC9BC,IAAAA,sBAEc/nE,MAAMC,QAAQunE,GAAeA,GAAeA,GA8EnD3+C,QAAQC,IAAI0+C,EAAYh7D,aA5EZw7D,OACXje,QACA/pD,MAAMC,QAAQ+nE,GAAgB,qBACEA,+CAEDje,EAA7B6d,QAAAA,aAAUD,MAMZ5d,MAJAzlC,OAAAA,aAASmjD,QACTr9C,MAAAA,aAAQs9C,QACR/qD,OAAAA,aAASkrD,QACT11B,MAAAA,aAAQ21B,aAEHG,IACD3jD,IACOA,OAAO2gC,GACP76B,IACDA,MAAM66B,YAEH17B,KAAK9b,YAAYw3C,OAI5BA,EAAOz3D,SAASy6B,cAAc,eAC7B,IAAIY,QAAQ,SAACG,EAASC,OACrBi/C,EAAMj/C,KACN8+C,MAC8B,mBAAjBA,EAA8B,eACxBngB,QAAOogB,gBAAeje,UAAS/gC,UAASC,YACvDD,GAEJg/C,EAAcG,SAAS,WACb,EACHH,EAAcG,SAAS,aACpB,GAEVP,EAAS,MACJQ,IAAM,kBACNx7E,KAAO,gBAEE,IAAVulD,WACKjqB,KAAO8/C,aAEJ/iB,OAINojB,EAAM76E,SAASy6B,cAAc,YAC/BrrB,MAAQ,KACRJ,OAAS,OACPy4D,EAAUoT,EAAI17B,WAAW,MACzBhmB,EAAMn5B,SAASy6B,cAAc,gBAC/Bx6B,iBAAiB,QAAS,cACnBm6D,OAEPn6D,iBAAiB,OAAQ,aACjB0gD,UAAUxnB,EAAK,EAAG,KACrBuB,KAAOvL,EAAS0rD,EAAIh6B,UAAU,gBAAkB25B,QAE7C/iB,YAER57B,IAAM2+C,KAGTI,IAAM,eACNx7E,KAAO,aACPs7B,KAAO8/C,QAEPv6E,iBAAiB,QAAS,cACvBm6D,OAEHn6D,iBAAiB,OAAQ,aAClBw3D,UCjCxB,IAAMyZ,UAEA7kE,KACJyuE,kBAAmBC,YAAaC,iBAAkBC,kBAClDC,gBAAiBlrD,YAAamrD,kBAAqBC,SACnDC,OAAO,SAAChvE,EAAGm1C,UAAOA,EAAGn1C,IAAIC,QAOrBgvE,WAAa,iBACdjvE,IAAEgwD,mBAAmBrvD,SAASsuE,iBAC/Bjf,mBAAmBjzD,KAAKkyE,YAE5B,IAAMlB,QAAU,kBACZ/tE,IAAEgwD,mBAAmBhlD,KAAK,SAAClO,UACrBqJ,MAAMC,QAAQtJ,IAASA,EAAK,KAAOixE,eAEzC/d,mBAAmBjzD,MAAMgxE,SAAUA,SAAS,KAUhDlJ,OAAOvM,WAAa,EAIpBuM,OAAOqK,eAAiB,EAIxBrK,OAAOsK,aAAc,EAIrBtK,OAAOuK,iBAAkB,EAIzBvK,OAAOwK,qBAAsB,EAE7B,IAAMC,aAsBJC,mBAKQ,YAKI,cACE,gBACF,YAEA,0BAGQ,sBACE,GAMtBC,mBACE,mBACA,oBACA,cACA,kBACA,iBACA,yBACA,iBACA,iBACA,gBACA,cACA,kBAoEFC,0BACc,2BACM,kBAET,iBACE,qBAGF,QACA,iBACE,sBAGK,YACH,eACE,qBAEF,iBACG,cACN,0BACQ,iBACP,cACC,mBACK,UAGR,mBACC,kBACD,wBACE,mBACA,sBACG,4BACC,gCAGF,IAAK,mBAGJ,YACH,gBACD,kBACI,eACF,uBAES,4BACK,kBAEV,uBACK,YAEX,mBAEO,gBACH,yBACS,GAOzBn+D,YAAYuzD,OAAOvzD,aAEjBo+D,iBAAWn7B,eACbkZ,SAAU,EACVkiB,mBAAoB,EACpBC,iBAAkB,EAClBC,YAIAztC,2DAsBF,SAAS0tC,cAAeroE,EAAKssC,OACrBg8B,GAA0C,IAAhCL,UAAU13B,aAAavwC,KAC5BssC,GAAY/zC,IAAEgwE,KACrBD,KACO,OAEP3sE,MAAMkO,YAAUsoC,aAAaq2B,gBAAiB,cACrC,KAWf,SAASC,uBAAkBC,IAAAA,YAAaC,IAAAA,6EAO/B,iEACL,WAA6BC,iGACZjuC,UAAUkuC,sBAAqBp8E,MAAQm8E,0BAC/C5C,uBAAuBt/C,sCACQj6B,MAAQm8E,gKAJbn8E,KAAAA,aAAOk8E,QAAaC,KAAAA,aAAOF,qHAQrDhpC,EAAakpC,6DAEblpC,EAAa,kHAqB1BnnC,IAAEstE,KAAO,SAAU3nE,EAAKc,UAClBA,YACOd,GAAOc,cAMTopE,SAAWA,WAGZlqE,KAAOkqE,SAAYA,SAASlqE,GAAO4pE,aAAa5pE,IAQ1Dk/D,OAAOqI,UAAYA,UACnBrI,OAAOC,SAAWA,SAClBD,OAAOF,WAAaA,WAepBE,OAAO0L,oBAAsB,cACtBnuC,UAAUouC,eACZpuC,UAAUquC,iBACN98E,SAAS+8E,OAAO/oE,MAAM,qDAOzBk9D,OAAO8L,oBACEH,eACPpuC,UAAUquC,iBACV98E,SAAS+8E,OAAO/oE,MAAM,oCAE1B,KACMzT,EAAO,WAAakuC,UAAUwuC,WAC9BC,EAAShM,OAAO8L,QAAQ5sE,QAAQ7P,GAClC28E,UACKC,eAAeD,OAKrB,IAAMlrE,KAAO4pE,gBACZA,aAAar5D,eAAevQ,GAAM,KAC9BorE,EAAW,YAAcprE,KAC3Bk/D,OAAO8L,QAAS,KACZlqE,EAAMo+D,OAAO8L,QAAQ5sE,QAAQgtE,GAC/BtqE,iBACWd,GAAO2f,OAAO7e,SAExB,GAAInT,OAAOy8D,oBACHpqD,GAAOrS,OAAOy8D,OAAOihB,iBAAiBD,OAC9C,KACC5lE,EAASxX,SAAS+8E,OAAO/oE,MAAM,IAAIsD,OAAO,cAAgBgmE,YAAkBrrD,mBAAmBmrD,IAAa,0BACrGprE,GAAOwF,EAASsa,mBAAmBta,EAAO,IAAM,OA0BrE05D,OAAOhrB,UAAY,SAAUhF,EAAMq8B,YAExBC,EAAaC,EAAQzrE,EAAKc,GAC7B2qE,EAAOzrE,IAA+B,WAAvBk8B,QAAOuvC,EAAOzrE,QAC7BilB,QAAO,EAAMwmD,EAAOzrE,GAAMc,KAErBd,GAAOc,IALTyqE,UAQPh/D,KAAK2iC,EAAM,SAAUlvC,EAAKc,MACtBouC,EAAK3+B,eAAevQ,MAElB4pE,aAAar5D,eAAevQ,GAAM,KACX,IAArBurE,EAAOG,YACTjvC,UAAUkvC,qBACVzB,SAAS35D,eAAevQ,YAIc,IAApCurE,EAAOK,sCACI5rE,GAAOc,MAElB6mE,KAAK3nE,EAAKc,QAET,IAAK,aAAc,cAAe,kBAAkB9F,SAASgF,GAAM,KAC/C,IAArBurE,EAAOG,YAEPjvC,UAAUkvC,sBACT,iBAAkB,eAAe3wE,SAASgF,IAClC,eAARA,GAAwBy8B,UAAUovC,iCAK7B7rE,GAAOy8B,UAAUz8B,GAAKskD,OAAOxjD,QAElC,GAAIgpE,cAAcv5D,eAAevQ,GAAM,KACnB,IAArBurE,EAAOG,YACTjvC,UAAUkvC,qBACVlvC,UAAUlsB,eAAevQ,cAKvBy8B,UAAUlsB,eAAevQ,GAAM,KACR,IAArBurE,EAAOG,mBAGCjvC,UAAWz8B,EAAKc,QAEY,IAApCyqE,EAAOK,2BACG9B,cAAe9pE,EAAKc,GAE5BgpE,cAAc9pE,IAAsC,WAA9Bk8B,QAAO4tC,cAAc9pE,eACnCA,UACRilB,QAAO,EAAMwX,UAAUz8B,GAAMc,cAErBd,GAAOc,YAYtB27B,UAAYA,WAuDrByiC,OAAO4M,kBAAoB,SAAU58B,UAC5B68B,MAAM,WACP78B,EAAKF,WACL,mCAAmCpyC,aACnC,cAAc4V,iBACNw8B,KAAOE,EAAKF,MAEpBE,EAAKD,cACAw6B,iBAAkB,YACfxzE,KAAK,QAASi5C,EAAKD,OAE3BC,EAAK88B,gCACa98B,EAAK88B,sBACf/1E,KAAK,WAAY+zE,oBAEzB96B,EAAKgB,4BACWhB,EAAKgB,oBACbj6C,KAAK,cAAeg0E,qBASpC/K,OAAOxuC,aAAe,SAAUiP,UACvBoqC,UAAUr5C,aAAaiP,IAOhCu/B,OAAOp7D,KAAO,aACa,cAAenW,QACrCA,OAAOs7B,YACqB,IAA7Bt7B,OAAOs7B,UAAUC,iBAEVpd,OAAOg+D,wBACF,0BACD,gCACE,qBACA,iBAQT,iBAAkBn8E,gBAUbq9E,QAAUtwB,cAEnB,MAAO1+C,QAGHyrE,cAUGwE,eACK5xE,IAAE4qB,QAAO,KAAU6kD,cAAertC,YAG/ByvC,gCACH9qC,WAAa3E,UAAU2E,WAAWkjB,OAAOulB,qBAGpD,aAAc,cAAe,kBAAkBv7E,QAAQ,SAAUmjE,aACtDA,GAAOp3D,IAAE8xE,KAAK1vC,UAAUg1B,GAAM,SAAUt1C,EAAG9b,UAC5CA,IAAMo8B,UAAUg1B,GAAK9+C,QAAQwJ,cAIjCsgB,UAAYA,cAvBnB,uBAAuBlwB,KAAK,aAClBnV,KAAKpI,KAAKiR,wBA0BhB4pB,SAAKuiD,oBACC/xE,IAAE0qD,QAAQsnB,aAAY,GAC3BhyE,IAAEiyE,cAAc19B,oBAyDZg8B,0BAzDsB,IACzBh8B,QAAQ7S,qBACFA,WAAa6S,QAAQ7S,WAAW55B,MAAM,MAG5CysC,QAAQ29B,qBACFA,WAAa,IAAM39B,QAAQ29B,YAGjC39B,QAAQxN,qBAEFA,WAAawN,QAAQxN,WAAWp/B,MAAM,UAAY,GAAK4sC,QAAQxN,WAAWj/B,MAAM,OAQxF,UAAW,UAAW,eAAgB,YACtC,WAAY,gBAAiB,aAC7B7T,QAAQ,SAAUk+E,GACd59B,QAAQ49B,WACH59B,QAAQ49B,YAIZt4B,UAAUtF,SAAU88B,WAAW,SAIjCjvC,UAAUgwC,yBAA0B,MACjC79B,QAAQ90C,SACPO,IAAEwpD,MAAMwoB,cACVxiD,GACCuiD,EAAKpxE,SAAS,oBACVoxE,EAAKpqE,MAAM,uBAAuB,IAGxC6nB,cACEA,EAAI3T,WAAW,gBACVw2D,gBAAgB7iD,UAEhBshD,eAAethD,OAItB+kB,QAAQpmB,uBACHmkD,YAAY/9B,QAAQpmB,KAI1BomB,QAAQk8B,kBAAmBruC,UAAUouC,qBACjCD,+BA7EAvwE,IAAE4qB,QAAO,KAAU2kD,aAAcM,iBAErCA,SAAWA,kBA2Fd7hB,EAAU6W,OAAO7W,QAAU,SAAU/nD,EAAMssE,EAAQC,OACjDvkB,EAA0B,iBAAXskB,EAAuBvyE,IAAE2vD,WAAW4iB,GAAQ,GAAQA,EAAO31E,QAC3EqxD,MAIHhoD,GAAM8qB,QAAQ7uB,OAAO+rD,WAHbrhD,IAAI,6BAA+B2lE,IAazCE,8CAAmB,6HAEa5N,OAAOqI,UAAU,KAAME,EAAWhrC,sCAA/DsiC,cAAWK,YACVL,EAAWK,qBAGX/1C,QAAQC,IACZmT,UAAU2E,WAAWp0B,8DAAI,WAAO+/D,yGACdA,EAAQ/qE,MAAM,2EAIlBy6B,UAAUkuC,QAAUoC,oBAaPjF,uBAAuBt/C,UACpC,sBAAwBwkD,EAAQ,GAAG/qE,QAAQ,KAAM,gCAEzBgrE,EAA3B1+E,KAAAA,aAAOy+E,EAAQ,KAAIlpE,EAAQmpE,EAARnpE,OACLymE,iBAAiBC,YAAazL,EAAW0L,YAAal8E,sBACpE2wE,OAAO59B,aAAa/yC,EAAOuV,GAAQA,EAAK7N,KAAKipE,QAAU19B,8CAEtDv6B,kBACAmhD,MAAM,6BAA+B2kB,EAAU,yIAInD92E,KAAK,4BAOZ09D,EAAKrwC,oBACc,KACV4pD,aAEN,6BAA6B3gE,KAAK,eAChCvd,MAAMuN,OAAOlC,IAAE2vD,WAAW,eAAe,GAAM5sD,MAAM,GAAGJ,OAAO,mBAEtD1O,iBAMV6+E,aACWx7D,KAAK,UAAWw7D,iBAKxBx7D,KAAK,8EAEP1K,8GAINyrD,GAAYC,WAAYuM,OAAOvM,YAE/Bya,EAAqB,eACvB,iBAAiB7gE,KAAK,eAChB8gE,EAAShzE,IAAE,IAAMrL,KAAK+T,GAAK,WACbsqE,EAAOrnD,SAApB0gB,IAAAA,KAAMH,IAAAA,IACPz8B,EAAIujE,EAAOC,iBACft+E,MAAM68C,KAAKnF,MAAOA,EAAO58B,GAAKo1D,OAAOvM,WAAYpsB,WAIjDgnC,EAAY,eACVC,EAAQ,yCACRC,EAAaz/E,SAAS+yC,qBAAqB,UAAU,OACtD,IAAM9zB,KAAQwgE,EAAW9vE,SACxB6vE,EAAMjoE,KAAK0H,UAGNA,EAAKjL,MAAMwrE,GAAO,SAIzB,kBAAmBC,EAAW9vE,MAAgB,SAC9C,iBAAkB8vE,EAAW9vE,MAAgB,QAE1C,GAdS,GAuDZ+vE,EAAcxO,OAAOwO,YAAc,SAAUvjB,OAE3CwjB,EAAa,4MAIb7lE,EAAQzN,IAAEszE,GAEZr2C,EAAQ,KACQ,iBAAT6yB,IACDA,MACH,IACc39C,EAAG,IAAMvL,EAAG,EAAG4I,EAAG,KAAM+jE,GAAI,KAC7BzjB,KAGXwI,WAAauM,OAAOvM,WAAar7B,UAYpCu2C,EAAW/lE,EAAMurC,QAAQ,aACtBxH,IAAI,aAAc,UAAUr5B,OAnEjB,SAAU1K,EAAOwvB,OAE/Bw2C,GAAS,MAAO,OAAQ,SAAU,WAElCvhE,KAAK,mBAGH+a,EAAKjtB,IAAErL,MACP8a,EAAIwd,EAAGgmD,cAAgBh2C,EAAQ,GAC/BvtB,EAAIud,EAAGymD,eAAiBz2C,EAAQ,GAG7Bj3B,EAAI,EAAGA,EAAI,EAAGA,IAAK,KACpBmM,EAAIshE,EAAMztE,GACZgT,EAAMiU,EAAGhE,KAAK,eAAiB9W,GACxB,MAAP6G,MACI3I,SAAS4c,EAAGukB,IAAI,UAAYr/B,GAAI,MAEnC8W,KAAK,eAAiB9W,EAAG6G,QAE1BvS,EAAMuS,EAAMikB,EACN,UAAN9qB,KACK1C,EACQ,WAAN0C,OACFzC,KAGN8hC,IAAI,UAAYr/B,EAAG1L,OAyCZgH,EAAOwvB,KACZuU,IAAI,aAAc,WAAWgE,WAGpC83B,KAAK,WAAYxd,OACjB,aAAarpD,IAAIqpD,OAmBb6jB,sBAqBI,GAAK3zE,IAAE,gBAAgB+C,eACrB,yBAGD,OACF,yBAGC,OACD,KAsFL6wE,EAAW5zE,IAAE,uBACZ4zE,EAASrgF,SAGHw9B,UAFE/wB,IAAE,wCAAwCwiC,SAAS,QAKnD,MAATstB,EAAc,KACZ+jB,EAAW,OACb3hE,KAAKyhE,EAAgB,SAAUprC,EAAUurC,KAC9B,eAAiBvrC,EAAS3gC,QAAQ,KAAM,oBACvC2gC,EAAW,QACrBr2B,KAAK4hE,EAAO,SAAUlhE,EAAMzK,OACxB1B,SACkB,iBAAX0B,IACFA,EAAS80B,EAAS,MAChB90B,EAAO2nD,IAAS3nD,EAAO8mB,SACzB9mB,EAAO2nD,IAAS3nD,EAAO8mB,QAEnBrc,EAAO,IAAMnM,EAAM,SAEtB,UAGRstE,EAAS,IAAMb,EAAS9+E,cAAgB,OACjCk/E,EAAa,IAAMS,EAAS,oBAAsB92C,EAAQ,yCAC7B82C,EAAS,yEACnBA,EAAS,oBAAuB,EAAI92C,EAAS,QAEpE96B,KAAK0xE,YAKhBznB,SAAShqB,UAAUX,QAAU,wBAC1B,GAAI/xB,EAAG,aACA,UACDjL,yBACM29B,UAAUX,uBAEjB,kBAEE,yBACK,yBAEL,kBACF,mBACG,6BACD,qBACC,yBACG,6BACJ,iBACH,gBACC,gBACA,uBACO,6BACD,0BACD,qBAEJ,iBACD,uBAEO,8BACI,iCACL,oBACN,kBACE,qBACC,wBAEE,iBACL,kBACE,kBACF,kBACE,sBACE,iCACF,uBACG,qBAEL,gBACA,iBAEC,mBACC,mBACD,oBACE,2BACK,+BACD,2BACH,uBACD,4BACM,6BACL,8BACM,mCAEP,+BACG,uBACL,mBACC,sBACE,qBACH,iBACD,oBACI,qBACH,uBAEK,8BACE,+BACD,4BACF,6BACG,gCACA,gCAEA,kCACE,mCACD,mCACC,oCACA,oCACA,yBACX,mBACK,kBAEN,kBACI,qBACC,0BAEI,6BACD,4BAEA,qCAGH,oCAEqB,6BACZ,0BACE,8BACE,8BACE,wBACR,gCACQ,6BACL,yBAEL,oBACA,sBAEE,wBACA,sBACF,oCACiB,sBACf,wBACA,8CACqB,yBACrB,2BACG,0BACL,kCACc,qBACb,qBACD,uCAEmB,2BACb,6DAC6B,6BAC5B,kCACA,qCACG,6BACN,+BACG,6BACL,4BACG,iCACD,kCACM,iCACP,6BACG,8CAEc,kDACI,kDACF,6CACJ,iDACM,oDACA,+BACrB,qCAEa,gCACZ,kCACC,iDAEc,mCACd,mCACA,+BAEJ,sBAEF,sBACE,4BACI,wCACO,+DAEgC,oEACM,sCAElC,uCACE,mCACL,yBACZ,2DACqC,0BACtC,0BACM,kCACQ,+BACL,uBACT,yBACK,iCAEI,yDACqB,kEACU,sCAGnC,mCACc,8DAC4B,gCAC/B,qCACM,kCACH,8CACW,sCACR,oCACF,mCACD,sBAEzBuyC,OACN,8DAA8D9hE,KAAK,eACjEvd,MAAM4X,SAASytC,QAAQrlD,YAGrBs/E,EAAQj0E,IAAE,eAEZk0E,SACAD,EAAM1gF,WACI0gF,EAAMtoD,SAASugB,IAAM+nC,EAAMP,mBAGnC5jB,EAAO9vD,IAAEstE,KAAK,qBAiBX6G,EAAuBlF,UACtBA,OACH,mCACI,MACJ,qCACI,MACJ,wBACI,MACJ,uCACI,iBAEAmF,EAAAA,UA3BJf,YAAYvjB,IAAS9vD,IAAE1M,QAAQqP,SAAWuxE,EAAY,IAAM,UAGjE,iBAAiBhiE,KAAK,eAChB8gE,EAAShzE,IAAE,IAAMrL,KAAK+T,GAAK,SAC3BgY,EAAMsyD,EAAOttE,KAAK,mBAEnBstE,EAAO3pD,SAAS,YAAY91B,OAAQ,KACjCqJ,EAAQoD,IAAE0gB,GAAK2I,WAAWzsB,QAC5BA,EAAMrJ,WACF,GAAG4Z,gBAAgB,WAClBjL,OAAOtF,WAmBhB+wE,EAAc3tE,IAAEgwD,mBAAmB91C,KAAK,SAAChW,EAAGC,OACxCkwE,EAAYF,EAAsBjwE,GAClCowE,EAAYH,EAAsBhwE,UACpCkwE,IAAcC,EACT,EAEFD,EAAYC,OAEjBlyC,UAAUurC,YAAYp6E,OAAQ,OAG1BghF,iCADY,IAAIC,IAAIpyC,UAAUurC,gBACZr1D,QAAQ,eAC5Bi8D,GAAO,QACG13E,gBAAO03E,EAAK,4BAAMv0E,IAAEgwD,sCAGpB2d,GAAcO,aAAc,gBAAEC,IAAAA,cAAe/+C,IAAAA,OAAQD,IAAAA,QAC/DnvB,IAAEgwD,mBAAmBrvD,SAASwtE,KACzB,IAAI5zE,sCAAsC4zE,WAIjDsG,KAAK,eACL,kBAAkB,GAAGnxE,MAAM+8D,WAAa,iBACnCqU,2BASN5xD,OAAS4sD,UAAY,IAAIxtC,UAC9BvuC,SAAS+5D,eAAe,aACxBtrB,eAcAuyC,EAAU9vE,QAAU,QAAU,QAC9BtD,EAAOmuE,UAAU1yD,YAChBqV,EAAWq9C,UAAXr9C,QACDwb,EAAW7tC,IAAE,aACb40E,EAAW50E,IAAE,iBAEb60E,GAAYz2C,KAAM,KAAM2F,OAAQ,MAE9B+wC,SAAaC,SACbC,EAAe,KACjBC,EAAkB7yC,UAAUX,QAAU,WACtCyzC,EAAa,YACbC,EAAc,YACdC,EAAY,2BAKN3lE,EAAInc,OAAO+hF,QAAU/hF,OAAOiZ,UAC9BkD,UAcM6lE,EAAsB,IAAI7lE,EAAE8lE,YAAY,2BACnC,cACG,MAEZ5hF,SAASsO,gBAAgBxO,cAAc6hF,GACzC,MAAOhxE,uBAUT,qBAAqBkxE,kBACb,iDACK,WACZhkC,IAAI,WAAY,gBACbr2B,EAAMnb,IAAE,eACZy1E,EAAYz1E,IAAE,mBACd01E,EAAgB11E,IAAE,mBAClB21E,EAAO,SAAU5iF,EAAM6iF,EAAK7hC,EAAU8hC,EAAYhhC,EAAMihC,EAAUC,KAClD9kB,KAAK,MAAQ2kB,EAAIhuE,QAAQ,MAAO,WAAa,QACxDouE,YAAY,SAAoB,WAATjjF,KAChBg+B,YAEJ+xC,EAAK9iE,IAAE,+BAAiCsR,YAAUg0D,OAAOxC,GAAK,MAAMtgC,SAASizC,GAEtE,UAAT1iF,OACA,+BAAiCue,YAAUg0D,OAAOtC,OAAS,MAC1DxgC,SAASizC,GACT1oD,MAAM,aACDyoB,OACAzB,MACO,SAKbkiC,SAAMC,YACG,WAATnjF,KACKiN,IAAE,uBAAuBm2E,UAAUV,IACrChvE,IAAIovE,GAAc,MAClBj6E,KAAK,UAAW,SAAU,aAAiBmxB,eAC3C,GAAa,WAATh6B,EAAmB,KACtBoiE,EAAMn1D,IAAE,yCACPA,IAAE,YAAYwiC,SAAS2yB,GAC1B4gB,EAAU,KACN/nD,EAAQhuB,IAAE,WAAWmC,KAAK4zE,EAAS/nD,UACjChuB,IAAE,2BAA2BwiC,SAASxU,IACxCvnB,IAAIsvE,EAASnwE,OACfmwE,EAASK,WACL1wE,KAAK,QAASqwE,EAASK,WAEzBxjE,KAAK,YAAamjE,EAAS3hB,WAC7BlyD,OAAOlC,IAAE,SAASkC,OAAO8rB,QAE7B9b,KAAK2iC,MAAY,SAAUob,EAAKxpD,GACb,qBAARA,sBAAAA,MACJvE,OAAOlC,IAAE,YAAYyG,IAAIA,EAAIb,OAAOqrD,KAAKxqD,EAAItE,SAE7CD,OAAOlC,IAAE,YAAYixD,KAAKxqD,QAGrBvE,OAAOizD,GACjB0gB,KACGpvE,IAAIovE,GAEPC,KACGl6E,KAAK,SAAU,SAAUk6E,KAE3Bl6E,KAAK,UAAW,SAAU,aAAiBmxB,cAC9B,YAATh6B,KACNyiD,SAGDr9B,SAED4U,MAAM,aACHyoB,WACE6gC,EAAiB,WAATtjF,GAA8B,WAATA,GAAqBkjF,EAAKxvE,MACzDstC,IACEmiC,IACOG,EAAMH,EAAMtjE,KAAK,cAEjByjE,MAGZxmC,QAEU,WAAT98C,GAA8B,WAATA,KAClB88C,aAITzsC,MAAQ,SAAUwyE,EAAKzgC,KAAW,QAASygC,EAAKzgC,QAChDmhC,QAAU,SAAUV,EAAKzgC,KAAW,UAAWygC,EAAKzgC,QACpDohC,eAAiB,SAAUX,EAAKzgC,KAAW,UAAWygC,EAAKzgC,QAC3DqhC,OAAS,SAAUZ,EAAKa,EAAKthC,KAAW,SAAUygC,EAAKzgC,EAAIshC,QAC3Dl+D,OAAS,SAAUq9D,EAAK/gC,EAAMM,EAAI2gC,EAAUW,EAAKV,KAAiB,SAAUH,EAAKzgC,EAAIshC,EAAK5hC,EAAMihC,EAAUC,eAGxGW,EAAgB,eACdC,EAAO32E,IAAE,wBACX22E,EAAKpjF,QAAyB,gBAAfojF,EAAK,GAAGjuE,OACpBktD,YAAY,uBAAuB5E,SAAS,mBAC/C,gBAAgBA,SAAS,uBAAuB4E,YAAY,mBAC5D,mBAAmBzzD,KAAK,8FAElBwrC,QAAQ,YACT6D,IAAI,SAAU,SAMnBolC,EAAY52E,IAAE,eAAemC,OAE7B00E,KACG7wE,EAAI,GAAKA,EAAI,IAAKA,GAAK,KACnBjJ,KAAKiJ,KACLjJ,KAAK,EAAIiJ,KACTjJ,KAAK,EAAIiJ,OAKhB8wE,EAAuB,SAAUC,OACjC/wE,SACEgxE,KAAeC,EAAYvH,UAAUh5C,oBAAoB7C,mBAC1D7tB,EAAI,EAAGA,EAAIixE,EAAWjxE,MAChBA,GAAK0pE,UAAUh5C,oBAAoB/B,aAAa3uB,MAGvD+wE,MACG/wE,EAAI,EAAGA,EAAIixE,IAAajxE,EACvBgxE,EAAShxE,KAAO+wE,aACRrgD,oBAAoBwgD,gBAAgBF,EAAShxE,GAAI,aAI1DA,EAAI,EAAGA,EAAIixE,IAAajxE,YACjB0wB,oBAAoBwgD,gBAAgBF,EAAShxE,GAAI,IAK3DmxE,EAAiB,qBACXt9D,yBACJu9D,EAAYp3E,IAAE,oBAAoB+wB,QAClCsmD,EAAgBr3E,IAAE,kBAAkB+wB,QACpCoG,EAAUu4C,UAAUh5C,oBACpB4gD,EAAmBngD,EAAQogD,sBAC3BtpB,EAAOjuD,IAAE2vD,WAAW,OACtB37B,EAAQ07C,UAAUh5C,oBAAoB7C,eAEnCG,KAAS,KACR9/B,EAAOijC,EAAQxC,aAAaX,GAC5BwjD,EAAUx3E,IAAE,sBAAsBg2E,YAAY,WAAY9hF,IAASojF,GACnEG,EAAWz3E,IAAE,yBAAyBg2E,YAAY,cAAe7+C,EAAQM,mBAAmBvjC,IAC5F4hC,EAAY91B,IAAE,yBAA2B9L,EAAO,WAC5CgO,OAAOs1E,EAAQt1E,OAAOu1E,EAAU3hD,MAC5B5zB,OAAO,kBAAoBhO,EAAO,KAAOA,EAAO,qBAEnDkC,IAAT63D,EAAoB,KAChB7kC,EAAO6kC,EAAKrxD,YAChB,cAAew6E,GAAWl1E,OAAOknB,OACjC6lC,gBAAgByoB,wBAAyB,SAG3C,2BACC/qC,QAAQ,SAAUtvB,OACf,uBAAuBu4C,YAAY,gBACnCjhE,KAAKmX,YAAYklD,SAAS,sBAClBt8B,gBAAgB//B,KAAKyN,eAC3B1O,mBAELkgE,UAAU,aACYj/D,KAAKyN,eAE3Bu2D,SAAS,qBAGV,0BAA0B5rC,MAAM,eAC1B4qD,EAAM33E,IAAErL,KAAKmX,YAAYkuD,UAAUzmE,OACnCW,EAAO8L,IAAE,0BAA4B23E,EAAM,kBAAkBx1E,OAC7Dy1E,EAAM53E,IAAErL,MAAMilE,SAAS,wBACnBriC,mBAAmBrjC,EAAM0jF,OACjCjjF,MAAMqhF,YAAY,wBAIlBvrE,EAAM,EAAIzK,IAAE,uBAAuB8vD,OAChCrlD,KAAQ,KAEHvI,OAAO,iDAIjB21E,GAAgB,EAChBC,EAAa,GACXC,EAAmB,SAAUzzE,EAAG0zE,GAChCH,OAEY,IACHnI,UAAUn5B,mBACrB,qBAAqBge,SAASyjB,OAC9B,qBAAqBzjB,QAAQyjB,OAC7B,wBAAwBvxE,IAAIqxE,OAC5B,sBAAsB/d,aACtB,wBAAwBlqB,UAGxB/kC,EAAkB,KAClBmtE,GAAgB,EA8GdC,EAAe,WAEd5kF,OAAOmN,WAGV,QAAQ+0C,OAAOhT,SAAS,QAAQjgC,mBAG3B41E,EAAcloB,EAAKmoB,OACnB1vE,EAAMunD,EAANvnD,GACDb,EAAOa,EAAGZ,MAAM,KAChBuwE,EAAMxwE,EAAK,GACXpB,EAAMoB,EAAK,GAEbuwE,aACQr7B,cAAc,UAAYs7B,EAAK5xE,SAGnC,QAAU4xE,EAAK3vE,EAAI,QACzBunD,GAAKe,SAAS,WAAWv4B,WAAWm9B,YAAY,eAc9C0iB,EAAkBzT,OAAOyT,gBAAkB,SAAUjuC,EAAQkuC,MAC7Dv4E,IAAEqqC,GAAQuvB,SAAS,mBAAsB,KACzC55D,IAAEqqC,GAAQ99B,SAASqtD,SAAS,uBAA0B,SAErD2e,OACD,iBAAiBle,QAFD,cAIlB,mBAAmBl4D,KAAK,MACjBqvC,IAAI,SAAU,YACrB,wBAAwBokB,YAAY,uBAAuB5E,SAAS,mBACpE3mB,GAAQ2mB,SAAS,uBAAuB4E,YAAY,gBAC/C,GASH4iB,EAAc3T,OAAO2T,YAAc,WACnCF,EAAgB,4BACR3qC,QAAQ,cAChB,mBAAmBxrC,KAAK,sFAUxBu8C,EAAcmmB,OAAOnmB,YAAc,SAAUvwB,GAC5CA,MACG8mD,aAEEv2B,YAAYvwB,OACpB,cAAc1nB,IAAI0nB,GAEhBA,EAAItS,WAAW,cAEf,cAAc25B,WACd,qBAAqBr9B,mBAGb27B,WAAW3lB,EAAK,SAAUsqD,OAEhC,eAAelkB,QAAQkkB,KACPtqD,QAElB,cAAchW,WACd,qBAAqBq9B,kBAIlB2O,EAAelhB,EAAO9U,OAE3Bm/C,KAAK,aAAcrqC,OACnBqqC,KAAK,WAAYn/C,aAGTg2B,cAAclhB,EAAO9U,YAGxBuqD,sEAAeC,cAAAA,gBAClBC,EAAUlJ,UAAUziE,QAAQnC,KACtB8tE,EAAQ/8D,WAAW,SAAW,GAAK+8D,MAC3CpC,OAAOllE,YAAUsoC,aAAai/B,eAAgBD,EAAS,SAAUzqD,GAC7DA,IACUA,GACHwqD,aACC51D,oCAUP+1D,EAAcC,EAASh+B,GACzBA,MAAe20B,UAAUtqC,WACzB2zC,MAAqB/4E,IAAE,mBAExBqE,SAAG2B,SAEDgzE,EAActJ,UAAUl2B,iBAExBpvC,EADQN,aACKs4B,UAAUiC,cAGxBhgC,EAAI,EAAGA,EAAI,EAAGA,IAAK,KAChB40E,EAAa,IAAN50E,EACPo0C,EAAMwgC,EAAM,IAAM,IAClBC,EAAUD,EAAM,QAAU,SAC1BE,EAAalgE,OAAO+/D,EAAYr+E,aAAa89C,IAE7C2gC,EAAap5E,IAAE,UAAYy4C,EAAM,iBAGjC4gC,EAASD,EAAWx8E,UACfkrC,YAAYuxC,OAEjBC,EAAQD,EAAO,GAGjBE,EAAWR,EAAQG,KACjBM,EAAWD,IACXztE,WAAWxI,MAAM41E,GAAWM,EAAW,SACzCC,EAAMH,EAAMxmC,WAAW,MACvB4mC,SAAQjvE,SAAKkvE,cAEbC,UAAY,iBACZC,SAAS,EAAG,EAAGP,EAAMv2E,MAAOu2E,EAAM32E,UAG/B81B,WAAWl2B,SAGdg3E,GAlCQ,IAkCW,GACTlpE,SAASkpE,EAnCX,IAmC6B,IAAM,SAEtC,GAAKE,MACRrwD,aACCpjB,EAAI,EAAGA,EAAI2zE,EAAW3zE,MACnBkzE,GAxCE,MAyCDI,EAAMn2E,WAAU,KACjB2I,WAAW5J,OAAOknB,KACjBpjB,GAAKojB,EAAK0pB,WAAW,QAGzBomC,GAAWK,EA9CN,MAAA,MAoDNL,GAAWK,MAEXO,EAAS1vE,EAAO2wC,EAGhBg/B,EAAO,GAAKD,EACdE,EAAQ,MACPh0E,EAAI,EAAGA,EAAI6wE,EAAWtjF,aACnBsjF,EAAW7wE,KAEb+zE,GAAQtvE,IAHqBzE,SAQ7Bi0E,EAASD,EAAQF,IAEnBI,KAAO,yBAEPC,EAAWhB,EAAaW,EAAUE,EAASF,EAC3CM,EAAWD,EAASF,EAEpBI,EAAS,EACNF,EAASX,GAAU,IACZS,MAGNK,EAAO17E,KAAKqS,MAAMkpE,GAAU,GAC9BlB,KACEsB,OAAOD,EAAM,MACbE,OAAOF,EAAM,OAEbC,OAAO,GAAID,KACXE,OAAO,EAAGF,OAGTF,EAAWjB,GAAcW,MAC5B9rD,YACAgsD,GAAS,IACHp7E,KAAKqS,MAAMxG,OACd,KACCgwE,EAAOn1D,OAAO00D,GAAOlyE,MAAM,KAAK,GAAGvU,SACjCkX,EAAIP,QAAQuwE,MAIR,IAAVzsD,GAAyB,MAAVA,GAAkBA,EAAQ,KAAS,MAC3CA,EAAQ,IAAQ,KAGvBirD,IACEyB,SAAS1sD,EAAOmsD,EAAS,EAAG,OAC3B,KAEC1yE,EAAM6d,OAAO0I,GAAOlmB,MAAM,QAC3B9B,EAAI,EAAGA,EAAIyB,EAAIlU,OAAQyS,MACtB00E,SAASjzE,EAAIzB,GAAI,EAAIm0E,EAAS,EAAS,EAAJn0E,OAIrC20E,EAAOV,EAAS,OAEjBj0E,EAAI,EAAGA,EAAI,GAAIA,IAAK,KACnB40E,EAAOh8E,KAAKqS,MAAMkpE,EAASQ,EAAO30E,GAAK,MACvC0zE,GAAUkB,EAAOrB,EAAU,UAEzBx1C,SACAs2C,GAAUV,EAAW,GACnB,KACKH,aAGLE,EAAOW,MA5HP,MA8HCz7E,KAAKqS,MAAMkpE,EAASQ,EAAO30E,GAAK,OAInC60E,EAAW70E,EAAI,EAAK,GAAK,GAC3BizE,KACEsB,OAAOK,EAAM,MACbJ,OAAOI,EAAMC,OAEbN,OAAO,GAAIK,KACXJ,OAAOK,EAASD,OAGdX,IAERa,YAAc,SACd/2C,cAUFyf,EAAeqhB,OAAOrhB,aAAe,SAAUnb,EAAQ4G,OACrD8L,EAAO20B,UAAUtqC,UACjB21C,EAAQltC,EACRmtC,EAAOh7E,IAAE,cAEXyP,EAAIo+B,EAAS9qC,QAAS2M,EAAIm+B,EAASlrC,SACjCs4E,EAAQxrE,EAAGyrE,EAAQxrE,EACnByrE,EACDJ,EAAM,GAAGK,WAAaH,EAAQ,EAD7BE,EAEDJ,EAAM,GAAGM,UAAYH,EAAQ,EAE5BlB,EAAQ53C,UAAUk5C,mBACpB18E,KAAKqR,IAAIgrE,EAAOvL,UAAU79B,SAAWkJ,EAAOi/B,KAC5Cp7E,KAAKqR,IAAIirE,EAAOxL,UAAUj6B,SAAWsF,EAAOi/B,GAE5CvqE,IAAMwrE,GAASvrE,IAAMwrE,IACd1pC,IAAI,WAAY,YAEhBA,IAAI,WAAY,cAGrB+pC,EAAUP,EAAKr4E,SAAW,EAC1B64E,EAAUR,EAAKj4E,QAAU,IAC1BA,MAAM0M,GAAG9M,OAAO+M,OACf+rE,EAAU/rE,EAAI,EACdgsE,EAAUjsE,EAAI,EACdkc,EAAS+jD,UAAUlsB,aAAa/zC,EAAGC,GAEnCisE,EAAQD,EAAUF,EAElBI,EAAUnsE,EAAI,EAAIwrE,EAAQ,EAC1BY,EAAUnsE,EAAI,EAAIwrE,EAAQ,EAE3BjsC,KAYI34C,GAAKq1B,EAAOr1B,IACZC,GAAKo1B,EAAOp1B,QAXNmlF,GADIP,EAAWK,GACMG,IAGrBF,GADIN,EAAWI,GACMI,GAWhCtzC,EAEEqnC,UAAU79B,SAAWkpC,EAAMh4E,WAEpB,GAAGq4E,WAAazvD,EAAOr1B,EAAI,KAC3B,GAAG+kF,UAAY1vD,EAAOp1B,EAAI,OAG7B,GAAG6kF,WAAaQ,IAChB,GAAGP,UAAYQ,MAGjB,GAAGT,WAAansC,EAAO34C,EAAI2kF,EAAQ,IACnC,GAAGI,UAAYpsC,EAAO14C,EAAI2kF,EAAQ,GAEtC94C,UAAU2L,eACCitC,EAAMjgC,KACV+gC,WAEmB,IAA1BvnC,QAAQwnC,eAA2BlX,OAAOwK,yBAC1C,eAAe75B,QAQfwmC,EAAwB,eACxBv/E,SAAO4tC,SACL4xC,EAA0C,SAA/BvM,UAAUr0B,SAAS,QAC9B6gC,EAA8C,SAAjCxM,UAAUr0B,SAAS,UAChC8gC,GAAwB,eAAgB,cACxCC,GAA+B,2BAA4B,8BAA+B,aAAc,iBAC1GF,MACGz/E,KAAS0/E,EAERn8E,MADKm8E,EAAqB1/E,IAChBm9D,SAAS,gCAGrBvvB,GAAQ2mB,SAAS,qBAGhBv0D,KAAS0/E,QACHA,EAAqB1/E,IACpBm5D,YAAY,eAItBsmB,GAAaD,MACVx/E,KAAS2/E,EAERp8E,MADKo8E,EAA4B3/E,IACvBm9D,SAAS,gCAGrBvvB,GAAQ2mB,SAAS,qBAGhBv0D,KAAS2/E,QACHA,EAA4B3/E,IAC3Bm5D,YAAY,sBAIhBhvB,cAAc,gCACdq1C,WACEC,QAIV,iBAAiBhqE,KAAK,eAChB8gE,EAAShzE,IAAE,IAAMrL,KAAK+T,GAAK,SAC7B2zE,GAAa,MACf1nF,MAAM00B,WAAWnX,KAAK,WACjBlS,IAAErL,MAAMilE,SAAS,iBACP,OAGVoc,YAAY,YAAaqG,UAuE9BC,EAAqB,eACrBr2E,EAAO6E,EAEC,MAAR7E,GAAiBA,EAAK6F,eAAqB,UACzCwrE,EAAmB5H,UAAUh5C,oBAAoB6gD,sBACjDrxC,EAAcwpC,UAAUt0B,UACxBhxC,EAA8B,OAAvBg4B,UAAUiC,SAAoBjC,UAAUiC,SAAW,KAE1Dk4C,EAAyB,aAAhBr2C,EACTs2C,EAAYx8E,IAAE,2BAClB,8KAEyBw1C,OACf,MAARvvC,EAAc,KACVyjB,EAASzjB,EAAK4b,SAOd/pB,EAAQ43E,UAAUtiE,iBAAiBnH,OACvC,UAAUQ,IAAI3O,OAEV2kF,EAAU/M,UAAUtyB,QAAQn3C,UAChC,SAASQ,IAAIg2E,OACb,gBAAgBjoB,OAAO,SAAU,QAASioB,GAExC/M,UAAUriC,UACG,UAAX3jB,GAA8C,UAAxBgmD,UAAUt0B,YAE7Bs0B,UAAUziE,QAAQhH,GAAM4V,WAAW,aACxB88D,eAAe,KAQ9B4D,GAA0B,aAAhBr2C,EAkCR,KACCuG,EAAQlrC,EAAKm7E,sBACjB,qBAAqB9mB,YAAY,uBAAuB5E,SAAS,mBACjE,qBAAqBglB,YAAY,YAAaz0E,EAAKghB,kBAG7C,uBAAwBhhB,EAAK0kC,eAAiB,YAAc,cAEhEwG,EAAO,KACHkwC,EAAU38E,IAAE,aACdoK,MACI9T,EAAI6T,YAAYsiC,EAAMn2C,KACtBC,EAAI4T,YAAYsiC,EAAMl2C,QAE5B,gBAAgBkQ,IAAIgmC,EAAMn2C,OAC1B,gBAAgBmQ,IAAIgmC,EAAMl2C,GACxBk2C,EAAM15C,OACA0T,IAAIgmC,EAAM15C,MAAMq7D,WAAW,cAE3B3nD,IAAI,GAAGf,KAAK,WAAY,0BApDlC,mBAAmByS,QAEhB,OAAQ,SAAU,WAAWxX,SAAS+oB,OACvC,aAAa8rB,WACV,KACDl/C,SAAGC,aAGF,IAAK,WAAY,QAAQoK,SAAS+oB,GAAS,KACxC9f,EAAK8lE,UAAUlmD,gBAAgBvjB,IACjC2D,MACQA,EAARtT,IAAQsT,EAALrT,UAGH0P,EAAKtL,aAAa,OAClBsL,EAAKtL,aAAa,KAGpByP,MACED,YAAY7T,KACZ6T,YAAY5T,QAGhB,eAAekQ,IAAInQ,GAAK,OACxB,eAAemQ,IAAIlQ,GAAK,OACxB,aAAa4hB,WAIXykE,IAAW,QAAS,OAAQ,OAAQ,IAAK,OAAOj8E,SAAS+oB,OAC7D,gBAAgB6qC,OAAOqoB,OACvB,kBAAkBroB,OAAkB,SAAX7qC,OACzB,kBAAkBssD,YAAY,WAAsB,IAAVl+E,OA2BxC+kF,mBAGG,KAAM,QAAS,iBACd,QAAS,kBACR,KAAM,KAAM,cACX,KAAM,KAAM,KAAM,YACrB,KAAM,KAAM,KAAM,sBAKpBnxE,EAAWzF,EAAXyF,QAMHoxE,EAAW,QACC,MAAZpxE,MACSgkE,UAAUziE,QAAQhH,OAC3B,YAAYkS,QAGgB,MAA5BlS,EAAK6F,WAAWJ,UACb1L,IAAEiG,GAAMwyB,WAAWllC,aACpB,YAAY4kB,SACHu3D,UAAUziE,QAAQhH,EAAK6F,kBAKpC,oCAAoCyoD,QAAQuoB,GAE1CA,OACA,aAAar2E,IAAIq2E,GAGjBD,EAAOnxE,GAAU,KACbqxE,EAAWF,EAAOnxE,UAEtB,IAAMA,EAAU,UAAUyM,WAE1BjG,KAAK6qE,EAAU,SAAU/2E,EAAGlJ,OACxB8e,EAAU3V,EAAKtL,aAAamC,MACL,OAAvBslC,UAAUiC,UAAqBp+B,EAAKnJ,GAAO,KACvCkgF,EAAK/2E,EAAKnJ,GAAM6G,QAAQiC,QACpBuE,YAAY6yE,OAEtB,IAAMtxE,EAAU,IAAM5O,GAAM2J,IAAImV,GAAW,KAG/B,SAAZlQ,MACA,eAAe8lC,IAAI,UAAW,cAC9B,mBAAmBA,IAAI,UAAW,UAChCk+B,UAAUzxB,gBACV,gBAAgB+S,SAAS,uBAAuB4E,YAAY,mBAE5D,gBAAgBA,YAAY,uBAAuB5E,SAAS,eAE5D0e,UAAU3xB,cACV,cAAciT,SAAS,uBAAuB4E,YAAY,mBAE1D,cAAcA,YAAY,uBAAuB5E,SAAS,mBAE5D,gBAAgBvqD,IAAIR,EAAKtL,aAAa,oBACtC,cAAc8L,IAAIR,EAAKtL,aAAa,kBACpC,SAAS8L,IAAIR,EAAK7D,aAChBstE,UAAUriC,qBAED,eACP,SAASwC,QAAQt3B,UAClB,UAGA,GAAgB,UAAZ7M,GAA+C,UAAxBgkE,UAAUt0B,YAC9Bs0B,UAAUziE,QAAQhH,SAEzB,GAAgB,MAAZyF,GAA+B,QAAZA,EAAmB,KAC7C,oBAAoByM,WAChB0Y,EAAQ6+C,UAAU51B,WAClB9rB,EAAQhuB,IAAE,YAAY,KACtB4F,MAAQirB,EA9hBA,SAAU5qB,OACxBwJ,EAAI7Q,KAAKmR,IAAInR,KAAKqR,IAAI,GAAyB,EAApBhK,EAAKL,MAAMrS,OAAY,IAAK,SAC3D0S,GAAMlD,MAAM0M,IA6hBMue,OACZ,YAAYpb,KAAK,WAAwB,QAAZlH,OAGZ,MAAZA,EAAkB,KAAO,OAAS,wBAAwB,eAC7C,MAAZA,GAAoBusE,EAAyB,KAAR,OAAgB,wBAAwB,eAEhFA,OACP,wBAAwB9/D,SAEvB8nC,uBAAuB,UACvBg9B,wBAAwB,eAEjBA,wBAAwB,qFAIlC,cAAcjH,YAAY,WAA2C,IAA/B3jD,EAAQ6qD,wBAC9C,cAAclH,YAAY,WAA2C,IAA/B3jD,EAAQ8qD,8BAEtC9vC,UAAW,EAEhBpnC,IAASs2E,GAAWtE,OAErB,kBAAkB7pB,WAAW,YAAY3nD,IAAI6wE,KAGtCr3B,uBAAuB,sEAE9B,kBAAkBv6C,KAAK,WAAY,aAInC03E,EAAkB,eAElBC,QAEEC,EAAO,qDAAuD,EAAI5N,UAAUtqC,UAAY,YAC5F,oBAAoBjjC,KAAK0rC,EAAS+rB,SAAS,aAAe0jB,EAAO,MAGjEC,EAAa,GAEXC,EAAc,SAAU3sD,KACpBA,GAAS6+C,UAAUv5B,uBACrBgE,EAAWy8B,GAAa/lD,EAAQ,KAAOA,EAAQ,QAMnD,eAAe1uB,KAAKg4C,aAoFfsjC,EAASx3E,UACTA,GAAyB,MAAjBA,EAAKyF,SAAmBskB,MAAMoB,YAAYlmB,KAAKjF,EAAKtL,aAAa,cA4D5E+iF,EAAW,gBAwBXC,EAAcjO,UAAUiO,YAAc,SAAUrkB,EAAK72D,EAAMm7E,SAGrD/vC,EAEJgwC,EAAQnO,UAAU90B,YAAYn4C,EAAMs4E,EAAMh4E,QAJjC,GAImDg4E,EAAMp4E,SAJzD,OAKVk7E,OACC9uC,EAAY8uC,EAAM9iC,KACtBnxC,EAAKi0E,EAAMp7E,KAETssC,EAAY,QACFnpC,MAAO,UAInB,SAASa,KAAiB,IAAZsoC,GAAiB7kC,QAAQ,IAErC0zE,SAGW,GAAQtnF,EAAGsT,EAAGtT,EAAIy4C,EAAanlC,EAAG7G,MAAQgsC,EAAa,EAAGx4C,EAAGqT,EAAGrT,EAAIw4C,EAAanlC,EAAGjH,OAASosC,EAAa,IAG7F,SAAxB2gC,UAAUt0B,WAAwBxxC,EAAG7G,kBAQrC+6E,EAAa,SAAUC,OACrBhvC,EAAYgvC,EAAIn4E,MAAQ,OAC1BmpC,EAAY,OACVnpC,MAAQ,YAGRm1C,EAAO20B,UAAUtqC,UACjB21C,EAAQltC,IAEFv6C,cACH,SACC,KAEJynF,EAAM,GAAGK,WAAaL,EAAMh4E,QAAU,GAAKg4C,KAC3CggC,EAAM,GAAGM,UAAYN,EAAMp4E,SAAW,GAAKo4C,OACzChM,IACL,SAGH,sBAAsBivC,SAAS,IAAK,QAAS,eACvC5yB,EAAOprD,IAAErL,aACXy2D,EAAK1lD,KAAK,uBACFwyB,yBAEAI,WAAW8yB,EAAKjpD,kBAElB0X,kBACH,QAoCHokE,EAAa,aACR7/C,KAAK8/C,SACLn6C,OAAOm6C,QAGZC,KAEAC,EAAkB,eACpB,iBAAiBlsE,KAAK,eAChB8gE,EAAShzE,IAAE,IAAMrL,KAAK+T,GAAK,aAC7BsqE,EAAO/pD,KAAK,kBAIV05C,EAAW3iE,IAAErL,MAAM00B,WAAW1W,IAAI,kBAC/Bhe,KAAKk8B,QACXwsC,QACI,GAAGxsC,MAAQ8xC,EAAS97D,KAAK,WAI9Bw3E,MAKAC,GAAe,SAAUC,OAC3BrsE,KAAKqsE,EAAS,SAAUC,EAASC,SAC5BJ,GAAWG,QACHA,aAEFA,IAASzhF,+BAAQ0hF,QAEtB1b,EAAU/iE,IAAEw+E,GAASn1D,WAAWq1D,IAAI,4BACpCC,EAAUH,EAAU,QACpBxL,EAAShzE,IAAE2+E,GACbC,GAAM,IACF5tB,SAAS,uCACd3f,OAAO,2BACPn/B,KAAK,eAEE2sE,EAAQ,IAAMlqF,KAAKgG,aAAa,QACpB6L,OAAOxS,QAAQyqF,GAAS3nE,KAAK,sDAAM4J,MACpCm+D,yBADV74E,OAAG6uC,SAKEA,EAAKn0B,KAAOm0B,EAAKpvC,GAEzBovC,EAAKiqC,cAAmB94E,OAOtB+4E,EAAe,SAAUnsF,OACzBs9D,EAAUrb,KAEE,YAAZjiD,EAAGG,KAAoB,KACnBisF,EAAmBh/E,IAAEkwD,EAAQ3jD,OAAS,SAASqtD,SAAS,uBACxDqlB,EAAmBj/E,IAAEkwD,EAAQ3jD,OAAS,SAAS7G,KAAK,sBACnD1R,QAAQuqF,EAAQ1pC,EAAKtoC,SAASvB,KAAK,qCAAEhF,OAAGk5E,UACzCA,EAAKx+D,MAAQu+D,SAGZrsF,EAAGirB,UAAamhE,KAIf3uE,SAASrK,EAAG,MAENq4E,GAAWxpC,EAAKtoC,QAAQvG,EAAI,IACpCu4E,EAAQ1pC,EAAKtoC,QAAQ,MANb2yE,GAQL,OAGPl/E,IAAErL,MAAMilE,SAAS,mBAAsB,EACvC0e,EAAgBqG,MACVl5E,SAENwoD,YACAiC,EAAQjC,KACHjuD,IAAE2vD,WAAWO,EAAQjC,MAAM,GAE3BjuD,IAAEkwD,EAAQxvC,KAAK2I,WAAW4wC,GAAG,GAAGr9D,SAGpC,GAAGlC,aAAa,QAASs4E,EAAOjwE,WAChC,GAAGrI,aAAa,SAAUs4E,EAAOrwE,YAC/B0mB,SAAS,6BAA6B9mB,WACtCL,OAAO+rD,GAAMvoD,KAAK,cAAewqD,EAAQxvC,UAGhD/rB,MAAMg4C,QAAQoyC,GAEZlqC,EAAKlvC,SACLhS,UAAUiI,KAAK,UAAWi5C,EAAKlvC,IAAI,GAAK,UAAYkvC,EAAKlvC,IAAI,GAAIo5E,KAIrEH,IACKl5E,KAAK,cAAe+4E,EAAQG,GAAKl+D,KAC9BsyD,EAAOttE,KAAK,kBAEfA,KAAK,cAAe+4E,EAAQ,GAAG/9D,SAGpCy+D,SACE98E,EAAMrC,IAAE2+E,GAASnnB,aAGhBrtB,UAAU,SAAU9sB,MACrB21D,EAAOpZ,SAAS,mBACX,MAEHvL,EAASruD,IAAEw+E,GACXhvE,EAAInN,EAAIgqC,KAAO,GACf58B,GAAsB,EAAlB4+C,EAAOtrD,QACXq8E,EAAO/wB,EAAOplC,KAAK,eAAiB,IAAM,IACxCoiB,WAAW,WAEZ2nC,EAAO/pD,KAAK,eAKRuoB,IAAI,OAAQhiC,GAAG2I,SAJfq5B,IAAI,OAAQ/hC,GAAG0I,OAAOknE,cACrB7vE,GACL,OAIEyZ,KAAK,eAAe,IAC1Bm2D,KACC1rF,mBACHi5C,QAAQ,SAAUtvB,gBACN8hE,OACPlvB,EAAMjwD,IAAErL,MAAM+Q,KAAK,eAErBstE,EAAO/pD,KAAK,cAAgBjpB,IAAE2+E,EAAQ/2E,QAAQ,QAAS,KAAK03E,GAAG,cACjDX,GAAS,GAGvBrG,EAAgBqG,IAAYR,EAAYluB,MAC9BA,kBASdsvB,GAAmB,SAAU72E,EAAI2kB,UACzBrtB,IAAE,eACL,sBAENwiC,SAAS,eAAetgC,OAAOmrB,IAM9BmyD,GAAiB,SAAUv5E,EAAMoM,EAAM0hC,EAAUc,OAC/CxK,EAASrqC,IAAEiG,GACVw5E,EAAU5qC,EAAV4qC,SACAz/E,IAAEqS,GACLotE,OACAx5E,GAAM+qD,SAAS,YAEdl6C,KAAK,MAAMlb,KAAK,UAAW,WAC1Bi5C,EAAK6qC,YACC,QAAUr1C,EAAO,GAAG3hC,GAAI1I,IAAErL,MAAM00B,gBACtC10B,MAAMq8D,SAAS,WAAWv4B,WAAWm9B,YAAY,cAE5C9vD,MAAMnR,KAAMoR,iBAGnB45E,GAAW,MACbrsF,QAAQq5C,QAAQ,SAAUtvB,GACrBsiE,MACI/pB,YAAY,UACdpgB,SACAhE,KAAKtF,IAAK,EAAGG,KAAM,QAEf,MAINzwC,KAAK,YAAa,eACjB++D,EAAMtwB,EAAO1e,SACf8zD,KACEvzC,KAAO75B,EAAK1P,WACZ0pC,MAAQ,KAERH,KAAO7B,EAAO1nC,WAEfgpB,OAAOgvC,GAEPtwB,EAAOuvB,SAAS,WAKdpkB,SACAhE,KAAKtF,IAAK,EAAGG,KAAM,QALnBl0B,UACM,KAMN69D,YAAY,UAClB4J,MAAM,cACI,IACVjnB,SAAS,cACC,IAGT9jB,EAAKgrC,cACF11C,UAAU,cACF,KAKX21C,gBAybIlkF,KAAK,WA/4BS,SAAU09D,EAAK7rD,OAC/BuwD,EAAO0R,UAAUt0B,UACV,WAAT4iB,WAGEue,EAAkB,aAATve,IAEqB,IAAjBvwD,EAAMla,QAA4B,MAAZka,EAAM,GAAaA,EAAM,GAAK,OACtDA,EAAMla,QAAU,GAAiB,MAAZka,EAAM,GACrB,MAAnB3C,IAKGyxE,GAnUa,eAChBv2E,SAAGH,YACgB,MAAnBiF,SACMA,EAAgBY,aACnB,UACA,YACA,0BAEA,QACA,QAEG+6B,EAAS37B,EAAgB47B,qBAAqB,KAChDq5C,EAAS,SACR/5E,EAAI,EAAGH,EAAM4gC,EAAOlzC,OAAQyS,EAAIH,EAAKG,IAAK,KACvCg6E,EAASv5C,EAAOzgC,GAAGrL,aAAa,gBAE5B,IAANqL,IACOg6E,EACAD,IAAWC,MACX,UAIX,iBAAiBv5E,IAAe,OAAXs5E,EAAkB,GAAKA,KAErC3hD,KAAKhqB,QAAO,KACZ2vB,OAAO3vB,QAAO,mBAIdgqB,KAAKhqB,QAAO,KACZ2vB,OAAO3vB,QAAO,OAErB,iBAAiB3N,IAAIqE,EAAgBnQ,aAAa,iBAAmB,OACrE,iBAAiB8L,IAAIqE,EAAgBnQ,aAAa,qBAAuB,YAEvE+K,EAAOoF,EAAgBnQ,aAAa,oBAAsB,QAE1DqF,IAAE,aAAe0F,GAAMnS,UACZyM,IAAE,aAAe0F,GAAM,MAG/BoF,EAAgBnQ,aAAa,mBAAqB,OAErDqF,IAAE,YAAc0F,GAAMnS,UACXyM,IAAE,YAAc0F,GAAM,OAMlB,MAAnBoF,EAAyB,KACrBm1E,EAA8D,KAAlDn1E,EAAgBnQ,aAAa,YAAc,OAC3D,kBAAkB8L,IAAIw5E,OACtB,gBAAgBzrB,OAAO,SAAU,QAASyrB,OAC1C,YAAYx5E,IAAIqE,EAAgBpC,QAChC,eAAejC,IAAIqE,EAAgBnQ,aAAa,kBA3jB3B,SAAUulF,EAAUzyE,OAC3C,oBAAoB8mD,OAAO2rB,OAC3B,mCAAmC3rB,QAAQ2rB,GACzCA,OAEA,wBAAwBtqB,YAAY,uBAAuB5E,SAAS,mBACpE,gBAAgBA,SAAS,uBAAuB4E,YAAY,iBACtD,eAAgB,kBACR,EACZnoD,EAAMla,WACUka,EAAM,gBAGf,aACD,eAAgB,WACvB,MA6zBc8uE,EAAQ9uE,iBAEjBm5B,cAAc,2EA03BhBhrC,KAAK,aA12BW,SAAU09D,EAAK7rD,OACjCuwD,EAAO0R,UAAUt0B,UACjBn1C,EAAOwH,EAAM,MAEdxH,UAIYwH,EAAMla,QAAU,GAAiB,MAAZka,EAAM,WAGlCuwD,OACH,aACGmiB,EAAMzQ,UAAUtiE,iBAAiBnH,OACrC,UAAUQ,IAAI05E,OACd,kBAAkBnK,YAAY,WAAoB,IAARmK,aAStCv5C,cAAc,4CAm1BhBhrC,KAAK,UA7zBQ,SAAU09D,EAAK7rD,OAC9BuwD,EAAO0R,UAAUt0B,UACV,WAAT4iB,WAIC,IAAIh4D,EAAI,EAAGA,EAAIyH,EAAMla,SAAUyS,EAAG,KAC/BC,EAAOwH,EAAMzH,GAEbo6E,EAAan6E,GAAyB,QAAjBA,EAAKyF,QAC5B00E,GAAa3C,EAAQx3E,QAGnBm6E,QAKKn6E,GAAQ6E,GAAiD,MAA9BA,EAAgBgB,eAElC7F,UAIfmpE,iBAAkB,MAYrBtkE,GAA4B,WAATkzD,MACZ5/B,KAAKhqB,WACL2vB,OAAO3vB,oBAGRwyB,cAAc,wCAqxBhBhrC,KAAK,QAhrDK,SAAUykF,EAAM9/E,aAC3B6uE,iBAAkB,IAInB,0BAA4B7uE,EAI9BoE,SACe,GAAG,YAMhBT,EAAIvQ,SAASy6B,cAAc,OAC/BC,KAAO,6BAA+B4iD,SAAe1wE,KACrD+/E,SAAW,aAEXvzD,YAIEsoB,EAAOr1C,IAAEstE,KAAK,uBACL,QAATj4B,EAAgB,KACdkrC,EAAOjvE,YAAUsoC,aAAa4mC,gBAAgB54E,QAAQ,KAAM,OAE5DlD,UACEnE,EAAII,SAAS,aAEP,OAAS2Q,YAAUsoC,aAAa6mC,mBACtCnT,KAAK,mBAAoB,SACpB,WAELA,KAAK,mBAAoB,YAG3BA,KAAK,mBAAoB,OAEhB,SAATj4B,SACIkrC,iBAwoDF3kF,KAAK,WA7nDO,SAAU09D,EAAKrwC,OAC5BspB,EAA4BtpB,EAA5BspB,OAAQ2C,EAAoBjsB,EAApBisB,oBAEXA,MACa5hD,OAAOqhD,KAAKs8B,oBAA4B,GAAI/7B,IAGxD8/B,IAAgBA,EAAa58D,aAKrBsoE,SAASryD,KAAOpF,EAAKqsB,SAAWrsB,EAAK2sB,QAErC,QADA51C,IAAEstE,KAAK,sBACA,KACdiT,EAAOjvE,YAAUsoC,aAAa4mC,gBAAgB54E,QAAQ,KAAMqhB,EAAKl2B,MAGjEw/C,EAAOh/C,YAEA,OAAS+d,YAAUsoC,aAAa+mC,gBAD7B,QACqDpuC,EAAO1rC,KAD5D,cAMZymE,KAAK,qBAAsB,SAChBlqE,MAAMm9E,aAlBjBn9E,MAAMkO,YAAUsoC,aAAagnC,gCAsnDzBhlF,KAAK,cAAe,SAAU09D,EAAKrwC,OACpCisB,EAAoBjsB,EAApBisB,iBACHA,MACa5hD,OAAOqhD,KAAK,GAAIO,IAE5B8/B,IAAgBA,EAAa58D,SAIrBsoE,SAASryD,KAAOpF,EAAKxE,WAH9BrhB,MAAMkO,YAAUsoC,aAAagnC,gCAKzBhlF,KAAK,SAAU+hF,aACf/hF,KAAK,WAAY8hF,aACjB9hF,KACR,wBAQU09D,SAAMjxB,IAAAA,OAAQ4G,IAAAA,SACT5G,EAAQ4G,eAGfrzC,KAAK,aA9sBQ,SAAU09D,EAAK8B,OAChCylB,EAAU,MACVzlB,EAAS,KACP3zD,EAAM,KACA,6BAA+BioE,UAAUh5C,oBAAoB6gD,sBAAwB,WAE7Fnc,GAAS7iC,aAAa,mBAAmBC,UAAUtmB,KAAK,WACpDvd,KAAK+T,QACA,MAAQ/T,KAAK+T,MAChB/T,OAASymE,EACA,kBAAoBzmE,KAAK+T,GAAK,OAE9B,MAAQ/T,KAAK+T,QAKjBjB,SAEA,SAEb,sBAAsB8sD,SAAS6G,GAASnK,KAAK4vB,mBA0rBvCjlF,KAAK,kBAldE,SAAU09D,EAAKtyB,MACzBA,OAGD85C,GAAW,EACXC,GAAa,KAEb/5C,EAAIg6C,aACFnc,OAAOsK,YAAa,KAChBkB,EAAOrwE,IAAEstE,KAAK,UAChB0T,qDAGY9Q,iBAAiBC,YAAaE,EAAMD,YAAappC,EAAI9yC,iBAGzD6I,KAAKiqC,OAiBfi6C,EAAc,WACdj6C,EAAI+M,WAAa+sC,OACR,IACP/sC,SAASz8B,KAAKutD,UAIhBqc,KAiBFl6C,EAAIm6C,mBACJjvE,KAAK80B,EAAIm6C,cAAe,SAAUn7E,EAAGk5E,OAE/BkC,EAASlC,EAAKmC,aAAgB,QAAUnC,EAAKmC,aAAe,IAAO,GAErEC,EAAQthF,IAAE,IAAMk/E,EAAKoC,OAEpBA,EAAM/tF,WACDyM,IAAE,SAAU0I,GAAIw2E,EAAKoC,QAAQ9+C,SAAS,mBAG5CyuB,gBAEIiuB,EAAKnsF,UACR,gBACI,4BAA8BmsF,EAAKx2E,GAAK,aACzCysD,EAAMn1D,IAAEixD,GAAMzuB,SAAS8+C,GACzBpC,EAAK35C,YACLrzB,KAAKgtE,EAAK35C,OAAQ,SAAUloB,EAAKkkE,OAC/BpsB,GAAKv5D,KAAKyhB,EAAKkkE,eAIlB,WACI,SAAWH,EAAS,gBACRlC,EAAKx2E,GAAK,SAC3BwJ,KAAKgtE,EAAKhvB,QAAS,SAAUzpD,EAAKtE,OAC5Bue,EAAOja,IAAQy4E,EAAKsC,OAAU,YAAc,MAC1C,kBAAoB/6E,EAAM,IAAMia,EAAM,IAAMve,EAAO,kBAIvDue,EAAM1gB,OAFJ,qBAEYwiC,SAAS8+C,GAAOxqE,KAAK,cAEvC5E,KAAKgtE,EAAK35C,OAAQ,SAAUloB,EAAKkkE,OAC/B7gE,GAAK9kB,KAAKyhB,EAAKkkE,eAGhB,kBACI,YAAcrC,EAAKx2E,GAAK,qCAAuCw2E,EAAKruD,MAAQ,kBAC/DquD,EAAKx2E,GAAK,yDAExB2J,EAAOrS,IAAE,WAAak/E,EAAKx2E,GAAK,gBAAgB85B,SAAS,iBAE3D08C,EAAKuC,UACFzwB,SAAS,UAAYkuB,EAAKuC,QAIVzhF,IAAEixD,GAAMzuB,SAAS8+C,GAAOj4D,aAEpCtsB,WACF,IAAMmiF,EAAKx2E,QACX,IAAMw2E,EAAKx2E,GAAK,cAChBw2E,EAAKruD,eACFquD,EAAK35C,OAAOqtB,WAChB,QAAUssB,EAAKx2E,eAIpB,UACI,SAAW04E,EAAS,cACVlC,EAAKx2E,GAAK,WACzBw2E,EAAKlxD,MAAQ,sBACGkxD,EAAKx2E,GAAK,YAAcw2E,EAAKruD,MAC7C,YAAcquD,EAAKpvB,MAAQ,KAAO,aAAeovB,EAAKsC,QAAU,IAAM,8BAKlEE,EAAM1hF,IAAEixD,GAAMzuB,SAAS8+C,GAAOxqE,KAAK,SAErCooE,EAAKyC,YACHxqB,WAAW+nB,EAAKyC,UAGlBzC,EAAK35C,YACLrzB,KAAKgtE,EAAK35C,OAAQ,SAAUloB,EAAKkkE,KAC7B3lF,KAAKyhB,EAAKkkE,YAWjBK,EAAY56C,EAAZ46C,YACH56C,EAAI+7B,QAAS,KACT8e,KACJC,KACAvD,YA8BArsE,KAAK80B,EAAI+7B,QAAS,SAAU/8D,EAA0C+7E,WACjEr5E,EAAMq5E,EAANr5E,GACD+B,EAAMzE,EAEHhG,IAAE,IAAM0I,GAAInV,UACZwuF,EAAIr5E,GAAK,OAAS+B,MAGrBwjD,YACC2zB,EAEE,GACOl5E,GAAMq5E,EAAI9zB,SAChB+zB,EAAUD,EAAIC,SAAWD,EAAIr5E,GAClB,aAAbq5E,EAAIhvF,OACO,IAAM2V,EAAK,UAAYs5E,IAEvB,IAAMt5E,GAAMs5E,SAPpBhiF,IAAE,aAAe+hF,EAAI9zB,KAAO,UAWjCg0B,SAAK11E,gBAGDw1E,EAAIhvF,UACP,kBACA,SACG,gBACG,wBAEN,YACG,gBACG,IAAMgvF,EAAIT,MAEdthF,IAAEuM,GAAQhZ,YACX,SAAUmV,GAAIq5E,EAAIT,QAAQ9+C,SAAS,wBAGpC,aACG,KACG,oBAGP0/C,SAAcC,SAAMC,SAASC,SAASC,SACpCj4C,EAASrqC,IAAG+hF,EAAI1vE,MAAqB,aAAb0vE,EAAIhvF,KAAuB,QAAU,UAChE2S,KAAK,KAAMgD,GACXhD,KAAK,QAASq8E,EAAIlxD,OAClBmgC,SAASixB,MACPF,EAAIQ,aAAgBR,EAAI1vE,MA+DtB,GAAI0vE,EAAI1vE,WAEN2+C,SAAS,mBACd,IAAM+wB,EAAI1vE,KAAO,SAASnQ,OAAOmoC,GAC/B03C,EAAIjD,UAAW,KACf,QAAUiD,EAAI1vE,MAAMnQ,OAAOmoC,EAAOhhB,WAAWzsB,aACzColF,EAAUD,EAAIC,SAAWD,EAAIr5E,KACtB,QAAUq5E,EAAI1vE,MAAQ2vE,QAEhC,GAAID,EAAIQ,YAAa,KAEpB1tC,EAAOktC,EAAIQ,iBAERviF,IAAE60C,EAAKxK,SAEM99B,aAElBi2E,SACCF,EAAO/1E,SAASqtD,SAAS,oBAEpB0oB,EAAO,GAAG55E,GAAGd,QAAQ,QAAS,YAC5B06E,EAAO1lF,QACd8I,KAAK,KAAM88E,EAAQ,SACnBtgF,OAAOlC,IAAE,SAAU+uD,MAAO,0BAEtBtkC,OAAO23D,KAEC7C,GAAiBiD,EAAOF,MAG/BG,GAAQC,cAAc7tC,EAAKxK,QAEjCwK,EAAKiqC,cACM,IAAM0D,EAAQ,SAAWT,EAAIr5E,MAKrC61E,EAAQ,IAAM2D,EAAa,GAAGx5E,UAC9B,IAAMA,KACPq5E,EAAIx8C,OAAOxY,WACTg1D,EAAIr5E,OACLq5E,EAAIp8E,cACE+nB,QAAQq0D,EAAIQ,aAAeR,EAAIQ,YAAYzD,YACrDuD,OAIGhgF,EAAO,aAAcwyC,EAAQA,EAAK2iB,SAAW,OAC7C3xD,EAAMq8E,EAAa74D,WAAW91B,QAG/BmJ,MAAM2F,IAAQA,GAAO,GAAKA,EAAMwD,IACtBwjB,WAAW4wC,GAAG53D,GAAKooB,OAAO4f,MAE1BnoC,OAAOmoC,KACfte,oBAtHH,aAAcg2D,EACZ/hF,IAAEuM,GAAQ8c,WAAW4wC,GAAG8nB,EAAIvqB,UAAUjkE,WACtCgZ,GAAQ8c,WAAW4wC,GAAG8nB,EAAIvqB,UAAU/sC,OAAO4f,OAE3C99B,GAAQ8c,WAAWtJ,OAAO0K,OAAO4f,KAG9B7H,SAASj2B,GAGD,gBAAbw1E,EAAIhvF,KAAwB,MAIrBiN,IAAEqqC,IAEW99B,aAElBi2E,SACCF,EAAO/1E,SAASqtD,SAAS,oBAEpB0oB,EAAO,GAAG55E,GAAGd,QAAQ,QAAS,YAC5B06E,EAAO1lF,QACd8I,KAAK,KAAM88E,EAAQ,SACnBtgF,OAAOlC,IAAE,SAAU+uD,MAAO,0BAEtBtkC,OAAO23D,MAGC7C,GAAiBiD,EAAOF,IAC1Br5D,KAAK,aAAa,KACvBA,KAAK,aAAa,MAIf,IAAMu5D,EAAQ,SAAWT,EAAIr5E,KAInC61E,EAAQ,IAAM2D,EAAa,GAAGx5E,UAC9B,IAAMA,KACPq5E,EAAIx8C,OAAOxY,WACTg1D,EAAIr5E,cAEC,QAeS,aAAbq5E,EAAIhvF,QACNmP,OAAO,SAASA,OAAO6/E,EAAIlxD,OA8DjC+wD,KACI1/E,OAAO+rD,GAGX8zB,EAAI1vE,UAELH,KAAK6vE,EAAIx8C,OAAQ,SAAUrxC,EAAMqtF,GACpB,UAATrtF,GAAiC,SAAb6tF,EAAIhvF,MACtBgvF,EAAIQ,cACC3mF,KAAK1H,EAAMqtF,KAEX3lF,KAAK1H,EAAM,WACZokF,EAAgBjuC,UAKpB03C,EAAIp8E,UACJhS,UAAUiI,KAAK,UAAWmmF,EAAIp8E,IAAK47E,GACjCQ,EAAIlxD,SACCnrB,KAAK,QAASq8E,EAAIlxD,MAAQ,KAAOkxD,EAAIp8E,IAAM,SAI/C/J,KAAK1H,EAAMqtF,QAKXhD,SAGbrsE,KAAKgvE,EAAY,cACFvsF,KAAKsR,KAAMtR,KAAK0d,KAAM1d,KAAKo/C,UAAW2rC,SAAS,MAG5DkC,SACK,IAAI5yD,QAAQ,SAACG,EAASC,OACzBg9B,SAASw1B,KACN,GAAIlyE,EAAG,aACA,UACAjL,oBACAo9E,YACCC,oBACD9N,GAGmB,MAAvBh0E,IAAEstE,KAAK,cAzXfwH,iBACWA,KACC,MAEXiM,MACW11C,WAAW,cACV,IACDrrC,IAAEstE,KAAK,cAClB,0BA2XA2T,iBA2DC9xC,YAAYwzC,aAAa3iF,IAAE,SAAS,QAE1CyH,GAAM,uDACRyK,gBAh/Da,UAAW,UAAW,UAAW,UAC5C,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,WAu+DrB,SAAUlM,EAAGlJ,OACpB,sDAAwDA,EAAO,gBAAkBA,EAAO,iBAE/F,YAAYoF,OAAOuF,OAKf,OACJyK,MAFmB,OAAQ,OAAQ,QAEjB,eACX,oDAAsDvd,KAAO,kBAEpE,cAAcuN,OAAOuF,QACjBm7E,GAAS5iF,IAAE,qBAEVkS,KAAK,WACElS,IAAErL,MACVo4B,MAAM,cACD6oC,YAJG,sBAKRjhE,MAAMq8D,SALE,wBASAhxD,IAAEstE,KAAK,cAAettE,IAAEstE,KAAK,iBAEzC,0BAA0B7mE,KAAKzG,IAAEstE,KAAK,kBAuBlCuV,GAAgB,SAAU9E,EAAKt3E,GACxB,MAAPA,MAAqBs3E,EAAIn4E,WAC3B,kBAAkBa,IAAIA,GACnBs3E,GAAQA,EAAInpB,YACb,gBAAgBJ,OAAO,SAAU,QAAS/tD,aAEpCyvB,WAAWzvB,EAAM,MAGvBq8E,GAAa,SAAU/E,EAAKt3E,EAAKs8E,GAC1B,MAAPt8E,MAAqBs3E,EAAIn4E,WAC3B,SAASa,IAAIA,OACXm3C,GAAW,EACVmgC,GAAQA,EAAInpB,aACb,gBAAgBJ,OAAO,SAAU,QAAS/tD,MACjC,GAETs8E,YACQtlC,cAAch3C,aAEdi3C,QAAQj3C,EAAKm3C,QAIzB,iBAAiBgV,OAAO,qBACd7V,cAAc,mBAAoB/8C,IAAErL,MAAM8R,iBAIpD,oBAAoBmsD,OAAO,qBACjB7V,cAAc,kBAAmB/8C,IAAErL,MAAM8R,iBAKnD,UAAUmsD,OAAO,eAAgBj+D,MAAM+8C,aA4HjCqpC,GAEF95D,GAAcC,GAChB8hE,GAAiBC,GA5HjBC,IAAsB,MACxB,kBAAkBtwB,OAAO,eACnBuwB,EAAYxuF,KAAKu7D,QAAQv7D,KAAKyuF,eAAex9E,MAC7Cy9E,EAAa/xE,YAAUsoC,aAAa0pC,kBAAkB17E,QAAQ,KAAMu7E,GACpEI,EAAc,SAAUzgB,GACvBA,QACiB,YACZlrC,oBAAoBurD,aACpBtpE,uBAGRspE,IACED,MACU,OAEV5M,QAAQ+M,EAAYE,UAK1B,gBAAgB3wB,OAAO,qBACbxU,cAAczpD,KAAKiR,aAG7B,aAAagtD,OAAO,qBACV9+C,WAAW9T,IAAErL,MAAM8R,aAG7B,SAAS7K,KAAK,cAAe,qBACnB6iD,eAAe9pD,KAAKiR,aAG9B,cAAcgtD,OAAO,aACTj+D,KAAKiR,aAGjB,aAAagtD,OAAO,WAChBj+D,KAAKiR,MAAMrS,iBACHsrD,WAAWlqD,KAAKiR,iBAEhBs5C,wBAIZ,YAAY0T,OAAO,qBACT7Y,cAAcplD,KAAKiR,aAG7B,iBAAiBgtD,OAAO,eAClBltD,EAAO/Q,KAAKgG,aAAa,aAC3B8L,EAAM9R,KAAKiR,UACDiF,YAAYnF,EAAMe,EAAKqE,cAGjC1H,MAAMkO,YAAUsoC,aAAa4pC,0BAC1B59E,MAAQkF,EAAgBnQ,aAAa+K,IACnC,KAGI,OAATA,GAA0B,UAATA,KACfhJ,MAAM+J,KACFipE,UAAUnlE,aAAa7E,EAAMe,QAC9B,GAA2B,OAAvB27B,UAAUiC,SAAmB,KAGhCo/C,EAAW35E,cAEbgB,EAAgBpF,IAAiC,aAAxBgqE,UAAUt0B,WAAqC,MAAT11C,GAAyB,MAATA,QAC1E+9E,EAASrhD,UAAUiC,cAOnB,OAAT3+B,EAAe,KACXO,EAAO6E,YACH+O,mBACLnR,GAAKjC,YACA+a,gBAAgBvb,IAAO,kBAEvBy5C,wBAAwBh6C,EAAMe,QAErCirC,aAIL,YAAYkiB,UAAU,eAChB8tB,EAAM1hF,IAAE,6BACZrL,MAAMuN,OAAOw/E,KACX7xC,QAAQttC,eAGZ,iBAAiB4nC,UAAU,SAAU9sB,OAE/BsmD,EAAStmD,EAAIQ,UAA2B,IAAfR,EAAIgtB,OAAe,SAAW,OACzDpH,EAAQjjC,IAAErL,MAAMs0B,KAAK,OACrBoV,SAGU,SAAV4E,GAA8B,gBAAVA,GAAqC,YAAVA,KACzC,SACA,IAAIjjC,IAAEs8C,UAAUC,SAEhB,IAAIv8C,IAAEs8C,UAAUC,OAAOE,MAAO,IAAKC,WAAYzZ,EAAMz4B,OAAO,OAG7Dm5D,GAAQtnB,SAAShe,aAChBkd,SAASooB,EAAQ1gC,GAEb,SAAVA,GAA0D,IAAtCysC,UAAUvyB,gBAAgBwmB,cACtCnnB,gBAAgBmnB,EAAQ,SAGnC/nE,KAAK,cAAe,SAAU0I,KAAO5Q,uBAEtC,wBAAwB+tB,GAAG,QAAS,eAClC,iBAAiBu0D,YAAY,cAIzB+E,GAAQltC,EAAS,GAEnB5sB,GAAQ,KAAMC,GAAQ,KACxB8hE,IAAU,EAAOC,IAAS,MAE1B,cAAcrnF,KAAK,oBAAqB,SAAUyhB,OAClC,IAAZ2lE,aAEE5H,YAAe/9D,EAAInqB,QAAU+tB,MAC7Bo6D,WAAch+D,EAAIlqB,QAAU+tB,MAE1B7D,EAAInqB,WACJmqB,EAAIlqB,QAEK,YAAbkqB,EAAItqB,WAAgC,IACjC,IACNo3C,UAAU,SAAU9sB,MACF,IAAfA,EAAIgtB,SAA2B,IAAX44C,cACZ,KACF5lE,EAAInqB,WACJmqB,EAAIlqB,SACL,QAITG,QAAQq5C,QAAQ,eACN,QAGVh5C,UAAUiI,KAAK,UAAW,QAAS,SAAUyhB,aACnC+sB,SAAW64C,IAAS,IAC1BvvF,mBACHkI,KAAK,QAAS,QAAS,SAAUyhB,KAC9B3pB,2BACM02C,SAAW64C,IAAS,IAC7BrnF,KAAK,UAAW,QAAS,SAAUyhB,GACR,SAAxBqyD,UAAUt0B,aACH5J,IAAI,SAAU2jC,KAExBv5E,KAAK,QAAS,QAAS,SAAUyhB,GACN,SAAxBqyD,UAAUt0B,aACH5J,IAAI,SAAU0jC,YAQpBwO,WAAa,SAAUjuB,aAClBrrB,SAAW64C,GAASxtB,kBAK1BprB,EAASrqC,IAAE,cACX2jF,EAAU3jF,IAAE,mBACZqS,EAAOrS,IAAE,cAEX2/E,GAAW,EACXh9E,EAAS,EACTihF,GAAU,EACVC,GAAW,MASbvwF,QAAQq5C,QAAQ,SAAUtvB,GACrBsiE,MACI/pB,YAAY,cAGQ,UAAvBv4C,EAAI7pB,OAAOkY,UACR2uD,QAAQ,KACHwpB,OACC,MACTxmE,EAAI7pB,QAAQu5B,MAAM,aACbykB,IAAI,cAAe,WAAWr5B,cAI9B,IACVgyB,UAAU,SAAU9sB,GAEPrd,IAAEqd,EAAI7pB,QAAQu2B,QAAQ,kCAAkCx2B,YAElE,sCAAsC8mE,QAAQ,SAI5Cz+D,KAAK,YAAa,WACnByuC,EAAOuvB,SAAS,gBAYdS,QAAQ,QAVR7oB,IAAI,cAAe,GAAGr5B,OACtBxV,MACM0P,EAAK1P,YAGX6uC,IAAI,SAAU,GAAG6tC,mBAEnB,QACQ,KAINrJ,YAAY,yBAClB4J,MAAM,cACI,IACVjnB,SAAS,cACC,QAGPmrB,EAAY9jF,IAAE,mBAGV4zD,UAAU,aAC6B,qBAApC5zD,IAAErL,MAAM68C,IAAI,sBAEbH,OAAO,aACbuyC,KACQhwB,UAAU,gBACbtwD,MAAM47D,gBAAkB,SAC5BvG,SAAS,uBACLr1D,MAAM47D,gBAAkB,eACtB,gBAoBR6kB,YAAc,SAAU99E,EAAM8tC,EAAU0rC,MACxCz/E,IAAEiG,GAAM1S,YACP82C,EAASrqC,IAAEiG,GAAM6Q,KAAK,UACtBzE,EAAOrS,IAAEiG,GAAM6Q,KAAK,MAAMpR,KAAK,KAAM1F,IAAEiG,GAAM,GAAGyC,GAAK,SACvD+2E,MACAx5E,GAAM+qD,SAAS,cAGf,iBAAiB9uD,OAAOmQ,KAEvByE,KAAK,MAAMlb,KAAK,UAAWm4C,OAE5B4rC,GAAW,MACbrsF,QAAQq5C,QAAQ,SAAUtvB,GACrBsiE,MACI/pB,YAAY,UACdpgB,WAEI,MAGN55C,KAAK,YAAa,cAClByuC,EAAOuvB,SAAS,UAWdpkB,WAXuB,KACvBiqC,EAAQ,KACLp9E,EAAMrC,IAAEiG,GAAMuxD,aACfhmB,SACEnvC,EAAI6pC,IAAM,QACT7pC,EAAIgqC,KAAO,OAGhBl0B,UACM,IAIN69D,YAAY,UAClB4J,MAAM,cACI,IACVjnB,SAAS,cACC,aAIRorB,YAAY,wBAAyB,eACxC,gBAAgBt9E,IAAIzG,IAAErL,MAAMwN,QAAQywD,kBAGjCmxB,YAAY,oBAAqB,eAClC/jF,IAAErL,MAAMmiB,KAAK,OAAOvjB,YAClBywF,EAAO3zE,SAASrQ,IAAErL,MAAMwN,OAAO2F,MAAM,KAAK,GAAI,QACtC,EAAOk8E,MACpB,OAGD,gBAAgBxvB,6BAEZ,sCAAsChf,4BAGtC,wBAAwBr9B,WACxB7kB,QAAQq5C,0BAELtvB,EAAK3L,MACIA,aAIXqyE,YAAY,iBAAkB/jF,IAAEgwE,UA6DjC0R,GACEuC,GA5DJC,IAAa,MACf,gBAAgB1vB,YACX,QACC,iBACAn3C,EAAK3L,OACI,KACFA,OACT,qBAAqByG,WACrB7kB,QAAQq5C,gCAGG,kBAERtvB,EAAK3L,MACCA,EAAI,KAAMwyE,cAIlBH,YAAY,iBAAkB,eAC7BjnF,EAAOkD,IAAErL,MACT8R,EAAM3J,EAAKmsB,KAAK,OAClBxiB,IACUnT,OAAQmT,MAERb,MAAOwC,WAAWtL,EAAKqF,YAEpC,MAEY,kBAAmB,gBAAiB,aACpCxN,MAAM,KACjB8qF,QAAQ,OAEG,mBAAoB,iBAAkB,aACtC9qF,MAAM,KACjB8qF,QAAQ,OAEG,iBAAkB,iBAAkB,eAC3C9iE,EAAShoB,KAAK+T,GAAGd,QAAQ,WAAY,IAAIlK,OAAO,aAC5CulD,sBAAsBtmC,EAAQ,UACtCkjE,YAAY,IAoBV6B,UACEuC,GAAU,eACZvC,IAAKhwC,YAGP,eAAe56B,KAAK,oCAAoC+4B,MAAM,cACxDl7C,OACM,aACHw1C,UAAU85C,MAClBvyC,KAAK,aACM,WACHL,OAAO,YAAa4yC,IAED,aAAxBvU,UAAUt0B,eACV,SAASvL,cAKXs0C,GAAc,WACd7L,EAAgB,2BACR3qC,QAAQ,WAIhBy2C,GAAY,WACZ9L,EAAgB,yBACR3qC,QAAQ,SAIhB02C,GAAc,WACd/L,EAAgB,2BACR3qC,QAAQ,WAIhB22C,GAAY,WACZhM,EAAgB,yBACR3qC,QAAQ,SAIhB42C,GAAc,WACdjM,EAAgB,2BACR3qC,QAAQ,WAIhB62C,GAAc,WACdlM,EAAgB,2BACR3qC,QAAQ,WAIhB82C,GAAe,WACfnM,EAAgB,4BACR3qC,QAAQ,YAIhB+2C,GAAiB,WACjBpM,EAAgB,8BACR3qC,QAAQ,cAIhBg3C,GAAa,WACbrM,EAAgB,0BACR3qC,QAAQ,UAIhBi3C,GAAY,WACZtM,EAAgB,0BACR3qC,QAAQ,UACT6D,IAAI,SAAU0jC,KAIrB2P,GAAY,SAAUnmF,OACpBwuC,EAAMwiC,UAAUn8B,kBACT70C,EAAawuC,EAAI6N,KAAOr8C,EAAa,MAEhD,SAAS+H,IAAiB,IAAb/H,aACLwwC,QAAQxwC,UAEL,IAGTomF,GAAe,WACfxM,EAAgB,2BAMhByM,GAAY,WACZzM,EAAgB,yBACR3qC,QAAQ,SAIhBq3C,GAAY,WACZ1M,EAAgB,yBACR3qC,QAAQ,SAMhBs3C,GAAiB,YACE,MAAnBn6E,GAA2BmtE,cACnBl1D,0BAIRmiE,GAAc,YACK,MAAnBp6E,GAA2BmtE,cACnBr4B,uBAIRulC,GAAe,YACI,MAAnBr6E,GAA2BmtE,cACnBp4B,wBAIRulC,GAAgB,eACdrqC,EAAO20B,UAAUtqC,UACjB9uC,GAAKu3C,EAAS,GAAGutC,WAAavtC,EAAS9qC,QAAU,GAAKg4C,EAAO20B,UAAU79B,SACvEt7C,GAAKs3C,EAAS,GAAGwtC,UAAYxtC,EAASlrC,SAAW,GAAKo4C,EAAO20B,UAAUj6B,mBACnEyK,cAAc,QAAS5pD,EAAGC,IAGhC8uF,GAAoB,WACD,MAAnBv6E,aACQ43C,4BAIR4iC,GAAuB,WACJ,MAAnBx6E,aACQ63C,+BAIRC,GAAqB,SAAUnjB,GACZ,MAAnB30B,aACQ83C,mBAAmBnjB,IAI3B/U,GAAgB,WACG,MAAnB5f,aACQ4f,iBAIR66D,GAAe,WACI,MAAnBz6E,KACG06E,YAIHxmC,GAAgB,YACG,MAAnBl0C,GAA2BmtE,QAC3BzB,OAAOllE,YAAUsoC,aAAa6rC,gBAAiB,UAAW,SAAUt3D,GAChEA,aAAiB6wB,cAAc7wB,MAKnCu3D,GAAe,SAAU90E,EAAIC,MACV,MAAnB/F,GAA2BmtE,EAAe,IACxC71C,UAAUuC,aAAc,KAEpBq1C,EAAQtK,UAAUtqC,UAAYhD,UAAUsC,gBACxCs1C,KACAA,YAEEv/B,qBAAqB7pC,EAAIC,KAIjC0oC,GAAoB,eACtB,mBAAmBy8B,YAAY,uCAC3B2P,EAAS3lF,IAAE,mBAAmB45D,SAAS,yBACxCrgB,kBAAkBosC,IAGnBC,GAAgB,WAChBrkF,EAAKm7E,kBACFkJ,iBAIHC,GAAiB,WACjBtkF,EAAKm7E,kBACFmJ,kBAIHC,GAAa,eACXz7C,EAASrqC,IAAE,qBACX+lF,GAAM17C,EAAOuvB,SAAS,yBACrBoc,YAAY,qCACd8P,WAAWC,IAGZC,GAAmB,aAClBA,oBAGDC,GAAa,qBACP5hC,aAAa,IAGnB6hC,GAAa,qBACP7hC,aAAa,IAGnB8hC,GAAiB,SAAUC,EAAIzuB,MACZ,MAAnB7sD,IAA2BmtE,GAC1BmO,QAAe,OACdtuF,EAAQsQ,WAAWpI,IAAE,UAAUyG,OAASkxD,YACpCzvB,iBAAiBpwC,SAQvBuuF,GAAa,+BACFjkD,UAAUV,cAAlBprC,OAAGC,WACR+/E,QAAQhlE,YAAUsoC,aAAa0sC,aAAc,SAAUxjB,GAClDA,kBAEKtwD,kBACA+nC,cAAcjkD,EAAGC,MACd,8BAKHqwC,cAAc,qBAItB2/C,GAAY,4BACNvoC,SAAS0xB,UAAU3xB,gBAEtB,GAGHyoC,GAAc,4BACRtoC,WAAWwxB,UAAUzxB,kBAExB,GAYLwoC,UACEC,GAAc,eAChBnuE,OAAO,2CAIP,OAAQ,MAAO,OAAQ,OACtB,SAAUy8B,MACNA,OAIDE,YA4BY,QAAZF,EACG46B,+BAGK/5B,UAAUX,OACf,CACAy6B,2BAGC16B,EAAU5kC,SAASrQ,IAAE,iBAAiByG,MAAO,IAAM,cAC/CsuC,aAAaC,EAASC,EAASC,aArClCyxC,QACDl/E,EAAM6J,YAAUsoC,aAAagtC,aACA,QAA/BxkD,UAAUykD,yBACL3X,mBAEU9sC,UAAUwuC,WAAa/L,OAAOqK,mBAC7C4X,SAASC,YACTN,KACOA,OACJ,+GAIQh/E,0DAECA,wDAEHwe,aAAAA,OAAOA,IAAIC,gBAAiB,KAC/BI,EAAO,IAAIN,MAAM8gE,IAAW/zF,KAAM,gBAC/BkzB,IAAIC,gBAAgBI,UAEpB,uCAAyC2qD,SAAe6V,MAEtDC,IAEAzzF,OAAOqhD,KAAKoyC,EAAQ7xC,KAcpC,eACKx0B,EAAM1gB,IAAErL,MACI,SAAd+rB,EAAIja,OAAkC,SAAdia,EAAIja,MACzBzG,IAAE,iBAAiBzM,2BACL+d,YAAUI,GAAGujC,8IAGXzS,SAAS9hB,EAAInU,cAGhC,iBAAiBA,SAAShK,YAQ5BykF,GAAY,qBACNryC,QAGNsyC,GAAc,aAGdC,GAAY,WACZ70D,EAAQ6qD,mBAAqB,MACvBrQ,aAKNsa,GAAY,WACZ90D,EAAQ8qD,mBAAqB,MACvB7Q,aAKN8a,GAAa,WAEbnP,YACQh5B,wBAEDn0C,aACCq0C,0BAIRkoC,GAAa,qBACP78C,sBAAsB,GAAI,KAGhC88C,GAAa,eACX3qE,EAAShoB,KAAK+T,GAAGd,QAAQ,aAAc,IAAIlK,OAAO,aAC9CulD,sBAAsBtmC,EAAQ3c,IAAE,sBAAsByG,QAG5D8gF,GAAiB,kBACnB,mBAAmBvR,YAAY,qCACxBA,YAAY,cAEjBqH,QACAmK,EAAUxnF,IAAE,oBACXwnF,EAAQj0F,SAGHw9B,UAFE/wB,IAAE,wCAAwCwiC,SAAS,kBAQ/D,iDAAiDgzC,kBACzC,8BACK,WACZhkC,IAAI,WAAY,gBAoQXi2C,GAEFC,GApQFtgB,IAAW,EACXugB,IAAc,EAEZC,GAAoB,eACpBxgB,QACO,MAGT,0BAA0B3gE,KAAKzG,IAAEstE,KAAK,kBAGlCpgC,EAAMwiC,UAAUn8B,gBACK,OAAvBnR,UAAUiC,aACR50B,EAAItF,YAAY+iC,EAAIz9B,GAAK2yB,UAAUiC,WACnC30B,EAAIvF,YAAY+iC,EAAIx9B,GAAK0yB,UAAUiC,cAGvC,iBAAiB59B,IAAIymC,EAAIz9B,OACzB,kBAAkBhJ,IAAIymC,EAAIx9B,OAC1B,iBAAiBjJ,IAAIipE,UAAUv5B,wBAE/B,iBAAiBh+B,SA8Bf0vE,GAAmB,eACrB,sBAAsBryC,UACR,MACd,wBAAwB9D,QAGtBo2C,GAAmB,cAClBjQ,OAECkQ,EAAc,qBACRluE,wCAQP61D,UAAU13B,aAAah4C,IAAE,wBAAwByG,eAClD6vE,QAAQhlE,YAAUsoC,aAAaouC,sBAAuB,SAAUllB,OAC3DA,SAAa,cASlBmlB,GAAoB,eACtB,iBAAiBzyC,WACjB,gCAAgC4Y,WAAW,gBAC3C,eAAe,GAAGg1B,cAAgB,MAClC,0BAA0B38E,KAAKzG,IAAEstE,KAAK,kBAC7B,GAGP4a,GAAkB,eACpB,cAAc1yC,WACF,GAGV2yC,GAAoB,eAElBhuC,EAAWn6C,IAAE,iBAAiByG,QACxB0zC,aACFD,iBAAiBC,OAGrBp3C,EAAQ/C,IAAE,iBAAkByP,EAAI1M,EAAM0D,MACtC9D,EAAS3C,IAAE,kBAAmB0P,EAAI/M,EAAO8D,YAErC,QAANgJ,GAAgB5E,YAAY,QAAS4E,MAMnClD,SAASqpD,YAAY,SAEjB,QAANlmD,GAAgB7E,YAAY,SAAU6E,MAMnCnD,SAASqpD,YAAY,SAEvB8Z,UAAUn1B,cAAc9qC,EAAGC,QAM9B49D,KAAK,WAAYttE,IAAE,6BAA6ByG,2BAL9CrD,MAAMkO,YAAUsoC,aAAawuC,mBACxB,SATLhlF,MAAMkO,YAAUsoC,aAAa4pC,uBACxBj3E,SAASykD,SAAS,UAClB,SAVL5tD,MAAMkO,YAAUsoC,aAAa4pC,uBACzBj3E,SAASykD,SAAS,UACjB,IA6BLq3B,GAAkBxjB,OAAOwjB,gBAAkB,aAEjCroF,IAAE,iCAAiCwxC,IAAI,qBAAuB,OACvDxxC,IAAE,kBAAkByG,WAGnC4pE,EAAOrwE,IAAE,gBAAgByG,MAC3B4pE,IAASrwE,IAAEstE,KAAK,gBACXJ,UAAUmD,EAAMjD,EAAWhrC,aAIxBpiC,IAAE,aAAayG,iBAGjBk+B,aAAe3kC,IAAE,qBAAqB,GAAGo0D,kBACzC1vB,aAAe1kC,IAAE,uBAAuByG,gBACxC6hF,UAAYtoF,IAAE,eAAeyG,gBAC7BsnC,WAAa/tC,IAAE,gBAAgB,GAAGo0D,YAE1C,WAAWG,OAAOnyB,UAAU2L,YAC1B3L,UAAU2L,0BACJ1J,SAAWrkC,IAAE,cAAcyG,gBAE3BozC,UAAUzX,qBAMlBmmD,GAAiBvoF,IAAEgwE,KAEjBwY,GAAiB,eACnB,eAAehzC,OACZqiC,GAAkBzQ,IAAaugB,IAOhC9P,EACEC,IAAe93E,IAAE,wBAAwByG,UACzC6vE,QAAQhlE,YAAUsoC,aAAa6uC,qBAAsB,SAAU3lB,GAC3DA,eAKCsE,QAEAugB,eAhBLpK,aACQrlD,gBAqBVwwD,IAAS3lF,MAAO/C,IAAE1M,QAAQyP,QAASJ,OAAQ3C,IAAE1M,QAAQqP,aAGvDgC,YAEiB,WACgB,IAA3BkpC,EAAS,GAAGutC,YAA8C,IAA1BvtC,EAAS,GAAGwtC,cACrC,GAAGD,WAAarG,EAAa1oC,OAC7B,GAAGgvC,UAAYtG,EAAa7oC,cAKjC2B,EAAS,GAAGutC,eACbvtC,EAAS,GAAGwtC,eAGjB/nF,QAAQksC,OAAO+oD,WACV7W,MAAM,sBAGA,iBAER,SAGIoK,OAAO,mBAENjuC,EAAS,GAAGutC,eACbvtC,EAAS,GAAGwtC,kBAMvB/nF,QAAQksC,OAAO,SAAUniB,OACvBnL,KAAKw2E,GAAO,SAAU31F,EAAM0T,OACtBkiF,EAAS3oF,IAAE1M,QAAQP,OAChB,GAAG,UAAqB,UAATA,EAAmB,OAAS,UAAY41F,EAASliF,GAAO,KAC1E1T,GAAQ41F,YAMP7M,OAAO,WAEV97E,IAAE,YAAYzM,aACd,YAAY,GAAG6nF,WAAavtC,EAAS,GAAGutC,YAExCp7E,IAAE,YAAYzM,aACd,YAAY,GAAG8nF,UAAYxtC,EAAS,GAAGwtC,iBAK7C,eAAetuD,MAAM,eACnB3pB,MAAMzO,KAAKk8B,aAGb,qBAAqB9D,MAAM2rD,GAMrB+O,GAAW,sBAEbC,GAAW,OAEbx1E,MALiB,QAAS,OAAQ,OAAQ,SAAU,SAAU,eAAgB,QAAS,QAAS,cAAe,WAAY,eAK3G,SAAUlM,EAAGlJ,QAChBkJ,EAAI,IAAM,IAAM,SAAWlJ,QAGxC4qF,IAAUv9C,UAAU,eAClBx1C,MAAMq8D,SAASy2B,MAChB7rF,KAAK,qBAAsB,eAC1BjH,MAAMihE,YAAY6xB,UAGpB,0BAA0Bt9C,UAAU,WAC/BnqC,IAAErL,MAAMilE,SAAS,iBAAiBjlE,MAAMq8D,SAASy2B,MACrD7rF,KAAK,qBAAsB,eAC1BjH,MAAMihE,YAAY6xB,MAOpB5iF,UAAYvR,OAAOmN,cACfmoF,IAAmB,aAAc,YAAa,cAAe,YAAa,YAAa,cACzF5iF,GAAI4iF,GAAgBr1F,OACjByS,MAAK,KACJqkC,GAAS12C,SAAS+5D,eAAek7B,GAAgB5iF,QACnDqkC,GAAQ,KACHxZ,GAASwZ,GAATxZ,MACDp0B,GAAQo0B,GAAMvY,QAAQ,YACrBuY,OAASA,GAAMrmB,OAAO,EAAG/N,IAAQ,OAAQo0B,GAAMrmB,OAAO/N,GAAQ,IAAIoK,KAAK,SAO9E29D,GAAc,SAAUv+D,OACtB09D,EAA6B,iBAApB19D,EAAKP,KAAK,MAA2B,SAAW,OAEzDmrB,EAAmB,WAAX8yC,EACVryD,YAAUI,GAAGm3E,0BACbv3E,YAAUI,GAAGo3E,wBAEXzmF,EAAM4D,EAAK0lB,SACZ0S,EAASw2C,EAASlR,GAAlBtlC,UACH,iBACCm3C,kBACS,iFACK,WAEdhkC,IAAIpP,UAAU2mD,iBAAmB18C,KAAMhqC,EAAIgqC,KAAO,IAAKsqB,OAAQ,KAC/Dra,2BAGa8U,YAAavgC,WACbwgC,WAAYjvB,UAAU4mD,uBACvB,WAEX,SAAU16E,KACA,IAAItO,IAAEs8C,UAAUC,MAAMjuC,KACrBq1D,GAAQtnB,SAAShe,aAChBge,SAASsnB,EAAQtlC,OACzB,iBAAiBmX,QAErB,eACI,iBAAiBA,UAKrByzC,GAAW,SAAU9mD,EAAWpvC,OAChCm2F,SAAYC,SACVnwE,EAAMopB,UAAmB,SAATrvC,EAAkB,WAAa,cAWjDq2F,GATc,IAAIziE,WAAYI,wHAGnB/N,EAAIiqB,oBAAmBjqB,EAAI0X,kFAGxC,YAGsBzuB,mBACdjC,IAAEmiC,GAAW,GAAGvuB,YAAYjgB,SAAS0uC,WAAW+mD,GAAS,KAC3D1uF,aAAa,QAAS,WAEzBuI,KAAOmmF,EAAQlxC,uBACflwB,KAAOohE,EAAQ1iD,qBAAqB,QAAQ,QAC5C5qB,KAAOnnB,KAAKqzB,KAAKkwB,uBACjB7Z,MAAQ,IAAIr+B,IAAEs8C,UAAUC,OAAOG,WAAY1jC,EAAIiqB,aAC/ClwC,KAAOA,OAEPspD,SAAW,SAAUhe,EAAOv4B,QAC1Bu4B,MAAQA,MAEPgrD,EAAQhrD,EAAMtrC,KACd2lC,EAAO2F,EAAMoe,MAAQ,IAEvB6sC,EAAW,cACPD,OACH,eAC0B,SAAjBhrD,EAAMgrD,GAAqB,IAAMhrD,EAAMgrD,GAAShrD,EAAMgrD,aAE/D,qBACA,sBACEvtE,KAAKvZ,cACLuZ,KAAOnnB,KAAKqzB,KAAKpU,YAAYyqB,EAAMgrD,MAE7B,SADA10F,KAAKmnB,KAAKpT,GAAK,WAAa/T,KAAK5B,MAClB,SAIvBkQ,KAAKvI,aAAa,OAAQ4uF,QAC1BrmF,KAAKvI,aAAa,UAAWg+B,GAE9B5yB,cACQy1C,SAAS5mD,KAAK5B,KAAMm2F,GAAY,aAChC1sC,gBAAgB7nD,KAAK5B,KAAMo2F,GAAc,UAIlD/0E,OAAS,SAAUtO,MACjBgF,OAEE/X,EAAQ4B,KAAR5B,YACC+X,EAAgBY,aACnB,UACA,YACA,2BAIA,QACA,YACG+6B,EAAS37B,EAAgB47B,qBAAqB,KAEhD6iD,EAAS,KACJvjF,EAAI,EAAGH,EAAM4gC,EAAOlzC,OAAQyS,EAAIH,EAAKG,IAAK,KAE3CsI,EADOm4B,EAAOzgC,GACLrL,aAAa5H,MAClB,IAANiT,IACOsI,OACJ,GAAIi7E,IAAWj7E,EAAG,GACd,eAKE,OAAXi7E,gBAEW,QAGFA,IACE,QAEf,UACenhF,WAAW0C,EAAgBnQ,aAAa5H,EAAO,aAC1D2J,MAAMysF,OACO,OAGXK,EAAoB,SAATz2F,EAAkB,QAAU,SAChC+X,EAAgBnQ,aAAa5H,IAASy2F,EAGjD1jF,cACQy1C,SAASxoD,EAAMm2F,GAAY,aAC3B1sC,gBAAgBzpD,EAAMo2F,GAAc,QAK1C9qD,EAn2CO,SAAU4E,EAAOvK,EAAM3lC,OAEhC8hD,GAAS4H,MAAO/jB,MAClBuK,EAAMpnB,WAAW,SAAU,KACzBw7B,EAAUq4B,UAAU3zD,WAAWknB,QAC/BoU,EACQA,EAAQl0C,WAAU,GAElBnD,IAAE,IAAMjN,EAAO,iBAAiB,IAE/B2Y,SAAW2rC,OACfpU,EAAMpnB,WAAW,OACrB6gC,WAAazZ,EAAMz4B,OAAO,KAE1BkyC,WAAa,cAEb,IAAI18C,IAAEs8C,UAAUC,MAAM1H,GAm1Cb40C,CAASP,KAFP,IAEiCn2F,QAE5CspD,SAAShe,UAGX6/C,KAAO,kBACIvpF,KAAK0pC,MAAMtrC,UAGpB,qBACA,qBACGsrC,EAAQ,IAAIr+B,IAAEs8C,UAAUC,OAAOnzB,KAAMz0B,KAAK0pC,kBACtCge,SAAStpD,EAAMsrC,QAMtBD,KAAO,IAAI6qD,GAAS,cAAe,UACnCllD,OAAS,IAAIklD,GAAS,gBAAiB,cAE9C,iBAAiBxiF,IAAI27B,UAAUc,WAAWngC,WAC1C,kBAAkB0D,IAA4B,IAAxB27B,UAAUe,iBAG5BumD,GAAS7U,EAASz2C,KAAKn7B,KAAKE,WAAU,MACrCzI,aAAa,QAAS,wCACvB2iF,GAA+C,uBAA9BqM,GAAOpmF,MAAMC,gBAC7B4J,gBAAgB,aAWfkrE,GACAt9B,GATF4uC,GAFY9U,EAASz2C,KAAKn7B,KAAKilB,cAEVztB,gBAAgB5G,GAAGsM,IAAK,2BA8F1CypF,KACHla,UAAU54C,mCAMV,uBAAuB8+B,YAAY,gBACnC,6BAA6B5E,SAAS,sBA4BnC64B,GAAWxnF,OACZynF,EAAQpa,UAAUh5C,oBAAoB7C,eAExCk2D,EAAW/pF,IAAE,0BAA0BvD,SACvCstF,EAAW,GAAKA,EAAWD,EAAQ,QACzBznF,YACFg1B,wBAAwByyD,EAAQC,EAAW,aAvI1B3zF,IAA3BuzF,GAASK,mBACT,cAAcx0C,WAEhBm0C,IAAUpnF,SAIJ81E,GAAM,IAAMnF,EAAS9+E,cAAgB,SACrC2mD,GAAOs9B,GAAM,OACV7mC,IAAI,SAAUuJ,IACnBlN,EAAS2D,IAAI,YAAcuJ,OAChBA,KACCs9B,GAAM,SAEb7mC,IAAI,SAAU,mBAId,qBACCsC,WAAW,kBAAmB,SAAU8B,GAC3CA,QAED,kCAAkClwC,KAAK,WAAY,gBACnD,0BAA0Be,KAAK,YAC/B6mE,KAAK,WAAY,WACjB,oBAAoB97B,IAAI,QAAS,QAAQ9rC,KAAK,QAAS4L,YAAUsoC,aAAaqwC,sBAGnF,SAED,uCAAuCl9D,MAAM,cACjC/sB,IAAE,0BAId,2CAA2C+sB,MAAM,cACrC/sB,IAAE,4BAId,uBAAuB+sB,MAAM,eAC3B,4BAA4Bod,gBAC5B72C,QAAQq5C,gBAGV,cAAc5f,MAAM,eAClB,yBAAyBod,gBACzB72C,QAAQq5C,gBAGV,kBAAkBxC,UAAU,SAAU9sB,OACpC,mBAAmBlF,SACjBzkB,uBAGJ,iBAAiBy2C,UAAU,eACzBx1C,MAAMq8D,SAAS,yBAChB2H,SAAS,eACRhkE,MAAMihE,YAAY,yBACnBjpB,QAAQ,eACPh4C,MAAMihE,YAAY,6BAGpB,gBAAgBzrB,UAAU,WACrBnqC,IAAErL,MAAMilE,SAAS,iBAClBjlE,MAAMq8D,SAAS,uBAAuB4E,YAAY,iBAErD+C,SAAS,eACRhkE,MAAMihE,YAAY,uBAAuB5E,SAAS,iBACnDrkB,QAAQ,eACPh4C,MAAMihE,YAAY,uBAAuB5E,SAAS,qBAIpD,cAAcjkC,MAAM,eAChBm9D,SACFlkF,EAAI0pE,UAAUh5C,oBAAoB7C,oBAEvBviB,YAAU+zD,OAAOrxC,MAAQ,OAAShuB,QACtC0pE,UAAUh5C,oBAAoByzD,SAASD,QAE9C1T,OAAOllE,YAAUsoC,aAAawwC,qBAAsBF,EAAU,SAAUhzD,GACnEA,IACDw4C,UAAUh5C,oBAAoByzD,SAASjzD,OACvC9zB,MAAMkO,YAAUsoC,aAAaywC,0BAGvB1zD,YAAYO,qBAqDxB,iBAAiBnK,MAAM68D,QAEvB,aAAa78D,MAAM,eACR,SAGX,eAAeA,MAAM,cACX,SAGV,iBAAiBA,MAAM,eAEjBmH,EAAUl0B,IAAE,uCAAuCmC,WACvDq0E,OAAOllE,YAAUsoC,aAAa0wC,kBAAmB,GAAI,SAAUpzD,GAC1DA,IACDhD,IAAYgD,GAAWw4C,UAAUh5C,oBAAoByzD,SAASjzD,OAC9D9zB,MAAMkO,YAAUsoC,aAAa2wC,6BAIvBtzD,mBAAmBC,iBAO7BszD,IAAY,EAAGC,IAAe,EAAOC,IAAY,EAO/CC,GAAuB,SAAUl8C,OAC/Bm8C,EAAS5qF,IAAE,gBACf,eAAe+C,MAAM,KAAO0rC,OAC5B,eAAe1rC,MAAM,KAAO0rC,KACvB+C,IAAI,QAASnhC,SAASu6E,EAAOp5C,IAAI,SAAU,IAAM/C,KAC/C+C,IAAI,QAASnhC,SAASw9B,EAAS2D,IAAI,SAAU,IAAM/C,aAClD7H,cAAc,oBAGpBikD,GAAkB,SAAUxtE,MAC3BqtE,KACa,IAAdF,QACW,MACXM,EAASN,GAAWntE,EAAIqtB,MACxBqgD,EAAY/qF,IAAE,eAAe+C,QAC7BgoF,EAAYD,EAxBS,OAAA,IAyBOC,IAzBP,KA2BdA,EAAYD,EAAS,MACrB,EAAIC,IACD,GAEC,IAAXD,QACQA,KACSA,MAQjBE,GAAkB,SAAUh/B,OAC1Bv8C,EAAIzP,IAAE,eAAe+C,YACX0M,EAAI,GAAKu8C,EAAQ,EA1CP,KA0CkCv8C,QAI5D,qBACC06B,UAAU,SAAU9sB,MACRA,EAAIqtB,UACbp3C,QAAQu4C,UAAUg/C,QACR,aAED,eACG,GACX,MAEJl+C,QAAQ,SAAUtvB,GACZotE,aACO,MACG,QAGjBn3F,QAAQq5C,QAAQ,eACJ,MACG,MACb,eAAe0E,OAAO,YAAaw5C,cAerCv3F,QAAQsI,KAAK,cALM,aAEV41C,IAAI,cAAe3D,EAASlrC,SAAW,YAyDhD,eAAeiwD,OAAO,eAChBq4B,EAAKjrF,IAAE,mCACRrL,KAAKyuF,cAIH,GAAmB,YAAfzuF,KAAKiR,QACXa,IAAI,OAAOf,KAAK,WAAY,gBAC1B,KACCwlF,EAAOv2F,KAAKiR,MAAMkC,MAAM,SAC5B,iBAAiBrB,IAAIykF,EAAK,QAC1B,kBAAkBzkF,IAAIykF,EAAK,MAC1B98B,WAAW,gBATmB,QAA7BpuD,IAAE,iBAAiByG,SAClB2nD,WAAW,YAAY3nD,IAAI,WAalC,gBAAgBf,KAAK,eAAgB,WAuB/BylF,GA4GAC,GA7HF3I,IAiBE0I,KACHzqE,IAAK,eAAgBjb,GAAI+yE,EAAan7D,IAAK,QAAS1X,KAAM,KAAK,KAC/D+a,IAAK,eAAgBjb,GAAI0+E,GAAa9mE,IAAK,QAAS1X,KAAM,KAAK,KAC/D+a,IAAK,aAAcjb,GAAI2+E,GAAW/mE,IAAK,QAAS1X,KAAM,KAAK,GAAO4G,OAAQ,cAAeytC,SAAS,IAClGt5B,IAAK,aAAcjb,GAAI6+E,GAAWjnE,IAAK,eAChC,KAAK,GAAO9Q,OAAQ,cAAe0hD,KAAM,SAChDvtC,IAAK,eAAgBjb,GAAI4+E,GAAahnE,IAAK,iBAClC,cAAe4wC,KAAM,WAC9BvtC,IAAK,eAAgBjb,GAAI8+E,GAAalnE,IAAK,iBAClC,cAAe4wC,KAAM,YAC9BvtC,IAAK,gBAAiBjb,GAAIg/E,GAAcpnE,IAAK,eACtC,KAAK,GAAO9Q,OAAQ,iBAAkB0hD,KAAM,YACnDvtC,IAAK,eAAgBjb,GAAI++E,GAAannE,IAAK,iBAClC,iBAAkB4wC,KAAM,WACjCvtC,IAAK,kBAAmBjb,GAAIi/E,GAAgBrnE,IAAK,iBACxC,iBAAkB4wC,KAAM,eACjCvtC,IAAK,aAAcjb,GAAIu/E,GAAW3nE,IAAK,QAAS1X,KAAM,KAAK,KAC3D+a,IAAK,aAAcjb,GAAIs/E,GAAW1nE,IAAK,QAAS1X,KAAM,KAAK,KAC3D+a,IAAK,cAAejb,GAAIk/E,GAAYtnE,IAAK,YACzCqD,IAAK,aAAcjb,GAAIm/E,GAAWvnE,IAAK,UAAW1X,KAAM,KAAK,KAC7D+a,IAAK,cAAejb,GAAI4gF,GAAYhpE,IAAK,UAAW1X,KAAM,KAAK,KAC/D+a,IAAK,aAAcjb,cAv8BN,IAEV4lF,EAs8BExT,QAt8BFwT,UACIrrF,IAAEstE,KAAK,yBACD,aAEN14B,KAAKy2C,SAu8BL,UAAW1lF,KAAM,KAAK,KAC7B+a,IAAK,eAAgBjb,GAAIihF,GAAarpE,IAAK,YAC3CqD,IAAK,aAAcjb,GAAIuhF,GAAW3pE,IAAK,UAAW1X,KAAM,KAAK,KAC7D+a,IAAK,eAAgBjb,GAAIwhF,GAAa5pE,IAAK,YAC3CqD,IAAK,eAAgBjb,GAAIsyE,EAAkB16D,IAAK,QAAS1X,KAAM,KAAK,KACpE+a,IAAK,kBAAmBjb,GAAI8hF,GAAgBlqE,IAAK,QAAS1X,KAAM,KAAK,KACrE+a,IAAK,2EACA8nE,GAAgBnrE,IAAK,QAAS1X,KAAM,OAAO,GAAO,GAAQ2lF,SAAS,IACxE5qE,IAAK,oBAAqBjb,GAAIqiF,GAAkBzqE,IAAK,UACrDqD,IAAK,sBAAuBjb,GAAI0iF,GAAmB9qE,IAAK,UACxDqD,IAAK,iBAAkBjb,GAAImiF,GAAmBvqE,IAAK,YACnDqD,IAAK,mBAAoBjb,GAAI4iF,GAAiBhrE,IAAK,UACnDqD,IAAK,qBAAsBjb,cAA2B,OAtzBnC,eAClBkiF,QACU,MACZ,cAAcnyC,WAGVotC,EAAS5iF,IAAE,kBACXurF,EAAQ,iBACRC,EAAW3b,SAASqC,WACpB/jD,EAAMnuB,IAAEstE,KAAK,cACZp7D,KAAK,eACJu5E,EAAMzrF,IAAErL,MACR+2F,EAAOD,EAAIj6C,IAAI,sBAAwBg6C,IACzCxV,YAAYuV,EAAOG,GACnBA,OAAU,kBAAkB91B,YAAY21B,KAEzCC,KAAmBvxB,GAAG,GAAGjJ,SAASu6B,GACnCp9D,OACA,kBAAkB1nB,IAAI0nB,OAExB,qBAAqBvb,KAAK,UAAWwvB,UAAUuC,kBAC/C,uBAAuBj/B,KAAK,QAAS08B,UAAUsC,kBAC/C,eAAeh/B,KAAK,QAAS08B,UAAUkmD,eAEvC,cAAcnwE,YA8xBgD,OAAe,YAC5EuI,IAAK,kCAAmCjb,GAAIw/E,OACtC,QAASt/E,KAAM,iBAAiB,KACtC+a,IAAK,iBAAkBjb,GAAI8/E,GAAcloE,IAAK,UAC9CqD,IAAK,kBAAmBjb,GAAI8zC,GAAmBl8B,IAAK,UACpDqD,IAAK,mBAAoBjb,GAAImgF,GAAevoE,IAAK,UACjDqD,IAAK,oBAAqBjb,GAAIogF,GAAgBxoE,IAAK,UACnDqD,IAAK,uBAAwBjb,GAAIugF,GAAkB3oE,IAAK,UACxDqD,IAAK,oBAAqBjb,GAAIqgF,GAAYzoE,IAAK,UAC/CqD,IAAK,iBAAkBjb,GAAI4/E,GAAmBhoE,IAAK,QAAS1X,IAAK,iBACjE+a,IAAK,oBAAqBjb,GAAI6/E,GAAsBjoE,IAAK,QAAS1X,IAAK,iBACvE+a,IAAK,eAAgBjb,GAAIilB,GAAerN,IAAK,UAC7CqD,IAAK,wCAAyCjb,GAAIu5C,GAAe3hC,IAAK,UACtEqD,IAAK,aAAcjb,GAAIyhF,GAAW7pE,IAAK,UACvCqD,IAAK,aAAcjb,GAAI0hF,GAAW9pE,IAAK,UACvCqD,IAAK,gCAAiCjb,GAAI4hF,GAAYhqE,IAAK,QAAS1X,KAAM,KAAK,KAC/E+a,IAAK,uBAAwBjb,GAAI2hF,GAAY/pE,IAAK,QAAS1X,KAAM,KAAK,KACtE+a,IAAK,gBAAiBjb,GAAI2hF,GAAY/pE,IAAK,UAC3CqD,IAAK,mBAAoBjb,GAAI2hF,GAAY/pE,IAAK,UAC9CqD,IAAK,mBAAoBjb,GAAI6hF,GAAYjqE,IAAK,UAI9CqD,IAAK,aAAcjb,GAAI8gF,GAAWlpE,IAAK,cACvCqD,IAAK,eAAgBjb,GAAI+gF,GAAanpE,IAAK,cAC3CqD,IAAK,oBAAqBjb,GAAIulF,GAAiBrlF,KAAM,OACrD+a,IAAK,kBAAmBjb,GAAI+iF,GAAgBnrE,IAAK,UAIjD1X,IAAK,YAAaF,iBAAuB,EAAG,MAC5CE,IAAK,aAAcF,iBAAuB,EAAG,MAC7CE,IAAK,kBAAmBF,iBAAuB,EAAG,MAClDE,IAAK,mBAAoBF,iBAAuB,EAAG,MACnDE,IAAK,UAAWF,GAAIygF,KACpBvgF,IAAK,UAAWF,GAAIwgF,KACpBtgF,KAAMgvE,EAAS,MAAM,GAAOlvE,iBAAkB,MAC9CE,KAAMgvE,EAAS,QAAQ,GAAOlvE,iBAAkB,OAChDE,KAAMgvE,EAAS,KAAK,GAAOlvE,iBAA2B,SACtDE,KAAMgvE,EAAS,KAAK,GAAOlvE,iBAA2B,WACtDE,KAAM,MAAM,GAAOF,iBAAqB,GAAI,MAC5CE,KAAM,QAAQ,GAAOF,iBAAqB,EAAG,MAC7CE,KAAM,QAAQ,GAAOF,kBAAsB,EAAG,MAC9CE,KAAM,SAAS,GAAOF,iBAAqB,EAAG,MAC9CE,IAAK,WAAYF,iBAAqB,GAAI,OAC1CE,IAAK,aAAcF,iBAAqB,EAAG,OAC3CE,IAAK,aAAcF,kBAAsB,GAAI,MAC7CE,IAAK,cAAeF,iBAAqB,GAAI,MAC7CE,KAAM,UAAU,GAAOF,wBAAkB+kC,sBAAsB,GAAI,MACnE7kC,KAAM,YAAY,GAAOF,wBAAkB+kC,sBAAsB,EAAG,MACpE7kC,KAAM,YAAY,GAAOF,wBAAkB+kC,uBAAuB,EAAG,MACrE7kC,KAAM,aAAa,GAAOF,wBAAkB+kC,sBAAsB,EAAG,MACrE7kC,KAAM,gBAAgB,GAAOF,wBAAkB+kC,sBAAsB,GAAI,OACzE7kC,KAAM,kBAAkB,GAAOF,wBAAkB+kC,sBAAsB,EAAG,OAC1E7kC,KAAM,kBAAkB,GAAOF,wBAAkB+kC,uBAAuB,GAAI,MAC5E7kC,KAAM,mBAAmB,GAAOF,wBAAkB+kC,sBAAsB,GAAI,MAC5E7kC,IAAK,IAAKF,wBAAkBwjC,6BAG5BtjC,IAAKgvE,EAAS,IAAKlvE,GAAIyhF,KACvBvhF,IAAKgvE,EAAS,UAAWlvE,GAAI0hF,KAC7BxhF,IAAKgvE,EAAS,IAAKlvE,GAAI0hF,KAEvBxhF,IAAKgvE,EAAS,IAAKlvE,GAAIy/E,KACvBv/E,IAAKgvE,EAAS,IAAKlvE,GAAI0/E,KACvBx/E,IAAKgvE,EAAS,IAAKlvE,GAAI2/E,KAIpBgG,gBACS,+BACA,8CAQLO,SAEJz5E,KAAKi5E,GAAa,SAAUnlF,EAAG6uC,OAE3BktC,YACAltC,EAAKn0B,IAAK,QACN1gB,IAAE60C,EAAKn0B,MACJntB,cAAiB,KACtBshD,EAAKx3B,MACHvY,WAA0B,UAAb+vC,EAAKx3B,QACfA,IAAM,eAETw3B,EAAKx3B,KAAKw3B,EAAKpvC,KAIjBovC,EAAKtoC,QAAUvM,IAAE60C,EAAKtoC,OAAS,SAAShZ,OAAQ,KAC9Cq4F,EAAK5rF,IAAE60C,EAAKtoC,QACXq/E,EAAGr4F,WACDgsF,GAAiB1qC,EAAKtoC,OAAO/B,OAAO,KAEvCqqC,EAAKmF,YACH,GAAG12C,MAAMuoF,OAAS,aAErBh3C,EAAKmF,QAAU,UAAY,UAAU+nC,GAEnC57E,MAAMC,QAAQulF,EAAQ92C,EAAKtoC,aACtBsoC,EAAKtoC,cAEPsoC,EAAKtoC,QAAQxP,KAAK83C,OAK1BA,EAAKlvC,IAAK,KAERmmF,YAEG,EACH3lF,MAAMC,QAAQyuC,EAAKlvC,QACZkvC,EAAKlvC,IAAI,GACdkvC,EAAKlvC,IAAIpS,OAAS,MAAUshD,EAAKlvC,IAAI,OAGhCkvC,EAAKlvC,OAEN,OAEHF,EAAMovC,EAANpvC,UACLyM,KAAK45E,EAAOhkF,MAAM,KAAM,SAAU9B,EAAGL,OACnChS,UAAUiI,KAAK,UAAW+J,EAAK,SAAUrB,cAErCynF,KACAr4F,kBAGG,MAKPmhD,EAAKn0B,MAAQm0B,EAAKy2C,SAAWvJ,EAAIr8E,KAAK,SAAU,KAC5Cy0C,EAAW4nC,EAAIr8E,KAAK,SAASoC,MAAM,KAAK,GAAK,KAAOgkF,EAAS,OACzDA,GAAUj3C,EAAKn0B,IAEpBqhE,EAAI/oC,QAAQ,cAAczlD,UACzBmS,KAAK,QAASy0C,UAObwxC,OAKX,6BAA6B/vF,KAAK,UAAW,SAC7C,SAAUyhB,OACN1oB,MAAMi+D,WACJl/D,uBAINJ,QAAQsI,KAAK,UAAW,MAAO,SAAU0I,GACvB,WAAd8wE,MACA1hF,yBAGHkI,KAAK,UAAW,YAAa,SAAU0I,GACtB,WAAd8wE,MACA1hF,6BAKJ,cAAcmgB,SAASixE,8BAMvB5yE,KAAKk5E,GAAW,SAAUU,EAAQprE,OAC5B64C,EAAQv5D,IAAE0gB,GAAKs4B,QAAQ,cAAczlD,WAEzCmtB,GAAKxO,KAAK,eACNjJ,WACAswD,EACEv5D,IAAErL,MAAMwN,OAAO2F,MAAM,MAAM,GAE3BnT,KAAKk8B,MAAM/oB,MAAM,MAAM,OAEzBkkF,EAAS,OAEX95E,KAAK45E,EAAOhkF,MAAM,KAAM,SAAU9B,EAAGL,OAC/BsmF,EAAUtmF,EAAImC,MAAM,KACtBokF,EAAM,GACND,EAAQ14F,OAAS,MACb04F,EAAQ,GAAK,MACbA,EAAQ,QAELjmF,EAAI,IAAM,IAAMkmF,GAAO56E,YAAU,OAAS3L,IAAQA,KAE3D4zD,OACG4yB,UAAU/pF,YAAc6G,EAAI,KAAO+iF,EAAS,SAE5Cn7D,MAAQ5nB,EAAI,KAAO+iF,EAAS,gCAS1BtrE,UACNla,OAAO2B,OAAOgjF,IAAar0E,KAAK,SAACirE,UAC/BA,EAAIrhE,MAAQA,cAOpBgxD,MAAM,eAEL0a,EAAQhqD,UAAUiqD,SACtBlqD,EAAYniC,IAAE,0CACdssF,EAAUnqD,EAAUrrB,KAAK,SAAWs1E,GACpCG,EAAUpqD,EAAUrrB,KAAK,IAAMs1E,IAC7BE,EAAQ/4F,OACH+4F,EACEC,EAAQh5F,OACVg5F,EAEAvsF,IAAE,iBAEN+sB,QAAQ4f,UAETvK,UAAUoqD,eACV,mBAAmBz/D,QAGnBqV,UAAUqqD,qBAIZ,WAAWl4B,SAASnyB,UAAU2L,YAE5B3L,UAAU2L,iBACV,gBAAgB,GAAGqmB,SAAU,GAG7BhyB,UAAUiC,cACV,cAAc59B,IAAI27B,UAAUiC,UAG5BjC,UAAUuC,mBACV,qBAAqB,GAAGyvB,SAAU,GAGlChyB,UAAUsC,kBACV,uBAAuBj+B,IAAI27B,UAAUsC,cAGrCtC,UAAUkmD,eACV,eAAe7hF,IAAI27B,UAAUkmD,iBAKjC,YAAYnxB,YAAYpnD,IAAK,EAAGE,IAAK,IAAMooD,WAAUtkB,SAv7D9B,SAAUgqC,aACvBh/B,cAAcg/B,EAAIn4E,cAu7D5B,iBAAiBuxD,YAAYpnD,IAAK,EAAGE,IAAK,GAAIioD,UAAW,GAAKG,WAAUtkB,SAh7DhD,SAAUgqC,OAC9Bt3E,EAAMs3E,EAAIn4E,MACF,IAARa,GAAaqE,IAAoB,OAAQ,YAAYnK,SAASmK,EAAgB+W,cAC1Ek8D,EAAIn4E,MAAQ,aAEVk3C,eAAer2C,UA46DzB,UAAU0wD,YAAYpnD,KAAM,IAAKE,IAAK,IAAK0nD,KAAM,EAAGU,WAAUtkB,SAz6DpC,SAAUgqC,aAC1B71C,iBAAiB61C,EAAIn4E,WAC7B,kBAAkBowE,YAAY,WAAwC,IAA5B3lE,SAAS0tE,EAAIn4E,MAAO,YAw6DhE,cAAcuxD,YAAYpnD,IAAK,KAAO6nD,kBArZjB3xD,EAAM0xD,OACrB+0B,EAAUzzE,OAAOhT,EAAKL,OACtB+mF,EAASD,EAAU/0B,EACnBi1B,EAAaD,GAAUD,SAChB,IAAT/0B,EAAqB+0B,EAErBA,GAAW,GACTE,EACKhuF,KAAKqS,MAAgB,IAAVy7E,GAEb9tF,KAAKqS,MAAMy7E,EAAU,KAE1BA,GAAW,EACTE,EACe,EAAVF,EAEFA,EAAU,EAEZC,GAmYuDt0B,WAAUtkB,SAt7DnD,SAAUgqC,aACrBv/B,YAAYu/B,EAAIn4E,cAs7D1B,kBAAkBuxD,YAAYpnD,IAAK,EAAGE,IAAK,IAAK0nD,KAAM,EAAGU,WAAUtkB,SAAU8uC,SAC7E,SAAS1rB,YAAYpnD,IAAK,EAAGE,IAAK,GAAI0nD,KAAM,GAAKU,WAAUtkB,SAAU+uC,SACrE,SAAS3rB,YAAYpnD,IAAK,KAAOE,IAAK,IAAO0nD,KAAM,GAAIC,kBAnYtC3xD,EAAM0xD,OACjB+0B,EAAUzzE,OAAOhT,EAAKL,UACZ,IAAZ8mF,SAAwB,QACtBC,EAASD,EAAU/0B,SACZ,IAATA,EAAqB+0B,EAErBA,GAAW,IACNC,EAELA,GAAUD,EACK,EAAVA,EAEFA,EAAU,GAuX0Dr0B,WAAUtkB,SAAU+pC,IAE9Fr3E,IAA0B,IAAtBipE,UAAUtqC,eAEf,aAAaynD,kBAEL,uBACG,GAEX,SAAUj/D,EAAQX,EAAI5qB,UACZurB,OACH,wBAGA,qBAGA,sBAGA,kBACOsyB,0BAEP,2BACOA,cAAc,sBAErB,YACA,2BACOjB,kCAEP,oBACOE,mCAEP,4BAGA,aACgB,gBAEhB,eACgB,kBAEhB,+BAIC3xB,iBAAiBI,qBACFA,GAAQtW,cAO3Bw1E,GAAY,SAAUl/D,EAAQX,EAAI5qB,UAC9BurB,OACH,OA9lBC15B,EAAOw7E,UAAUh5C,oBAAoB6gD,sBAAwB,YAEjEf,OAAOllE,YAAUsoC,aAAawwC,qBAAsBl2F,EAAM,SAAUgjC,GAC/DA,IACDw4C,UAAUh5C,oBAAoByzD,SAASjzD,OACvC9zB,MAAMkO,YAAUsoC,aAAaywC,0BAGvBxzD,WAAWK,yBAylBlB,wBAGA,aArlBDl3B,IAAE,0BAA0BvD,UAAYizE,UAAUh5C,oBAAoB7C,eAAiB,cAGjFsB,gCAqlBL,sBACO8C,6BAxmBN/jC,YAuoBC64F,SACHC,eAEiB3sC,aAAat8C,QAAQ,qBACxC,MAAOpC,OACCqrF,EAAmB,KAAO,OAAS,wBAC3C,iCA9BF,cAAcH,kBAEN,uBACG,GAEXC,QAGA,mBAAmBD,kBAEX,uBACG,aACE,GAEbC,QAGA,mBAAmB3iD,UAAU,SAAUv3C,KACpCc,uBAGH,oBAAoBu5F,uBACbhtC,uBAAuB,kCAazBrsD,iBAAiB,UAAW,SAAU0Q,GAC7B,sBAAVA,EAAEqB,mBAKD/R,iBAAiB,eAAgB,SAAU0Q,MAEb,IAA/B+tB,EAAQ6qD,4BACH9N,iBAAkB,IAItBhtC,UAAU8qD,iBAAmBroB,OAAOuK,yBAErC+d,YAAc77E,YAAUsoC,aAAawzC,eAChC97E,YAAUsoC,aAAawzC,iBAE/B,UAOItqE,OAAOuqE,aAAe,kBACpB/7E,oBAYFg8E,SAAW,SAAU/L,OACxB,cAAc/rC,OACmB,IAA/BnjB,EAAQ6qD,sBACL,OAEH5G,QAAQhlE,YAAUsoC,aAAa2zC,YAAahM,IAwB9CjuF,OAAOk6F,WAAY,KACfC,GAAc,SAAUnpF,OAC1BiyE,eAAejlE,YAAUsoC,aAAagtC,gBACtCjzB,oBACAjgE,qBACA,aAAa06D,WAAW,aACxB,cAAc5Y,WACV8W,EAAmB,SAAXhoD,EAAEvR,KAAmBuR,EAAEopF,aAAaC,MAAM,GAAKh5F,KAAKg5F,MAAM,MACnErhC,MAQDA,EAAKv5D,KAAK4N,SAAS,SAAU,KAG3BitF,SACAthC,EAAKv5D,KAAK4N,SAAS,WACZ,IAAI6sF,YACNK,UAAY,SAAUvpF,OACrBwpF,EAAape,UAAUh3B,gBAAgBp0C,EAAE9Q,OAAO2X,QAAQ,aACpDg0C,mCACAA,mCACAF,kCACAgE,sBAAsB,IAAK,kBAC3BA,sBAAsB,IAAK,kBAE3Bpa,YAAYilD,QACpB,eAAet4C,UAEZu4C,WAAWzhC,QAGT,IAAIkhC,YACNK,UAAY,SAAUvpF,OAsBvB0pF,EAAW,IACXC,EAAY,IACVnhE,EAAM,IAAIknB,QACZxkB,IAAMlrB,EAAE9Q,OAAO2X,SACf7H,MAAMotB,QAAU,IAChBnB,OAAS,WAzBU,IAAUxsB,EAAOJ,EAChC2oC,IAyBKxe,EAAI0rC,cACH1rC,EAAIohE,aA3BenrF,EA4BhBirF,EA5BuBrrF,EA4BbsrF,EA3BnB3iD,EAAWokC,UAAUtvD,+BAChB,gBAEJ,IACA,sBAGCsvD,UAAUtzD,kBACP,sCAGDuL,QAAQ2jB,EAAUhnC,EAAE9Q,OAAO2X,kBAC3B09B,YAAYyC,cACZ2X,sBAAsB,IAAK,kBAC3BA,sBAAsB,IAAK,gBAEnC,eAAezN,WAcd24C,cAAc7hC,cA7DrB,eAAe9W,UAkEZ,GAAG5hD,iBAAiB,qBA/FT0Q,KAClBqvD,oBACAjgE,mBA6FqD,KAC9C,GAAGE,iBAAiB,oBA1FV0Q,KACjBqvD,oBACAjgE,mBAwFmD,KAC5C,GAAGE,iBAAiB,qBAtFT0Q,KAClBqvD,oBACAjgE,mBAoFqD,KAC9C,GAAGE,iBAAiB,OAAQ65F,IAAa,OAE5C94C,GAAO30C,IAAE,uBAAuB4yD,OAAO,eACrCruD,EAAI5P,YACH24F,SAAS,SAAUxqB,MACnBA,cACKtwD,QACa,IAAnBjO,EAAEopF,MAAMp6F,QAAc,KACtBgjF,eAAejlE,YAAUsoC,aAAagtC,kBAClCgH,EAAS,IAAIJ,aACZK,UAAY,SAAUvpF,iBACbA,EAAE9Q,OAAO2X,eAGlB4iF,WAAWxpF,EAAEopF,MAAM,aAI9B,cAAcx1E,OAAO6hC,QAAQrF,QAEzBy5C,GAAYpuF,IAAE,uBAAuB4yD,OAAO66B,QAChD,gBAAgBt1E,OAAO6hC,QAAQo0C,OAItB,OAePC,GAAUxpB,OAAOwpB,QAAU,SAAUhe,EAAMie,aACxCnf,aAAc,MACnB7B,KAAK,OAAQ+C,OACb,gBAAgB5pE,IAAI4pE,GACjBie,OAGH1jE,OAAOtZ,YAAWg9E,OAKdC,EADevuF,IAAE,uCAAuCmC,SACxBmP,YAAUg0D,OAAOtxC,MAAQ,kBAErDziB,aAAa+8E,MACfE,YAEJD,cACQt3D,mBAAmB3lB,YAAUg0D,OAAOtxC,MAAQ,WAKpD8rD,GAAYvsF,YACPusF,GAAYvsF,QAAQ,KACnByzC,EAAM84C,GAAYjgD,UACpBmhD,qDAGY9Q,iBAAiBC,YAAaE,EAAMD,YAAappC,EAAI9yC,wBAI7D0yC,cAAc,aAA4EypC,OAAM/+D,kCAElGs1B,cAAc,cAA+EypC,WAarGn+D,sBANiB,oEACF,8DACI,gCACF,gBAGL,SAAUzS,EAAQgvF,OAC5BA,GAAM/oF,KAAK,QAAS1F,IAAEP,GAAQ,GAAGoxB,aAInC,4CAA4C3e,KAAK,eAC/C,YAAcvd,KAAK+T,GAAG8B,OAAO,KAAK,GAAGqmB,MAAQl8B,KAAKk8B,uCAiBvC6zC,UACJgL,UAAU9oC,cACf,uBAQC1yC,eAESwwE,eACQwL,iBAAiBC,YAAazL,EAAW0L,YAAal8E,OAGxE,0BAQ2B,UAA/BP,SAAS+sF,SAASgO,oBACTjc,EAAkB,UAkBjC5N,OAAO6M,MAAQ,SAAUv8B,GAClBsY,sBACO1wD,KAAKo4C,IAUnB0vB,OAAO6P,aAAe,qBACVzgF,QAAQ,SAACkhD,kBAGT,GAOZ0vB,OAAOiM,eAAiB,SAAUrpE,UACzBiqE,MAAM,yBACGjqE,MASlBo9D,OAAO8pB,UAAY,SAAUC,KAmB7B/pB,OAAOyN,YAAc,SAAUnkD,EAAK0mB,GAC7BA,gBAEyBA,EAAvBg6C,IAAAA,MAAiB15C,IAAVpB,gBAEP29B,MAAM,eACTrkB,qBAEU,eACDwhC,4BAELtY,eAAejlE,YAAUsoC,aAAagtC,gCAEjCn/E,iBACOA,EAAK0tC,mBAEdf,EAAK06C,EAAMntF,GACG,MAAfyyC,EAAID,QAAkBC,EAAImZ,2BACdnZ,EAAImZ,aAAcpY,OAE9B/xC,MAAMkO,YAAUsoC,aAAam1C,YAAc,OAASptF,EAAKwzC,4BAI3D,eAAeK,aAUzBqvB,OAAOwN,gBAAkB,SAAU5qE,UAC1BiqE,MAAM,eACPsd,GAAS,EACT3W,EAAM5wE,EAAIE,MAAM,iCAChB0wE,KACO,IAEH5wE,EAAIE,MAAM,yCAEd0wE,MACIA,EAAI,QAEN7oD,EAAM/nB,EAAIc,MAAM8vE,EAAI9kF,sBACZy7F,EAAS/d,SAAezhD,GAAO/J,mBAAmB+J,OAWpEq1C,OAAO59B,aAAe,SAAU/yC,EAAMuV,EAAM09B,OAIrCuoC,gBACG,IAAIn1E,MAAM,oCAEXm1E,UAAUzoC,aAAa3vB,KAAK3iB,KAAMT,EAAMuV,EAAM09B,IAMvD09B,OAAO6M,MAAM,qDAIb,IAAIud,iBAAkB,EAChBC,gBAOAC,gBAAkB,gBAEhBrc,GAAc7pD,OAFIA,KAEEmmE,SAFIA,QAGzBH,0BAKO33E,KAAK,UAAWw7D,gBAJb/1E,KAAK+1E,IAOtBx/E,OAAOM,iBAAiB,UAAWu7F,iBAInCngE,QAAQG,UAAUslD,KAAK,kBAEdhrE"}
\ No newline at end of file
diff --git a/dist/index-umd.js b/dist/index-umd.js
new file mode 100644
index 00000000..0a3a572f
--- /dev/null
+++ b/dist/index-umd.js
@@ -0,0 +1,31063 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global.svgEditor = factory());
+}(this, (function () { 'use strict';
+
+  // http://ross.posterous.com/2008/08/19/iphone-touch-events-in-javascript/
+  function touchHandler(ev) {
+    var changedTouches = ev.changedTouches,
+        first = changedTouches[0];
+
+
+    var type = '';
+    switch (ev.type) {
+      case 'touchstart':
+        type = 'mousedown';break;
+      case 'touchmove':
+        type = 'mousemove';break;
+      case 'touchend':
+        type = 'mouseup';break;
+      default:
+        return;
+    }
+
+    var screenX = first.screenX,
+        screenY = first.screenY,
+        clientX = first.clientX,
+        clientY = first.clientY;
+
+    var simulatedEvent = new MouseEvent(type, {
+      // Event interface
+      bubbles: true,
+      cancelable: true,
+      // UIEvent interface
+      view: window,
+      detail: 1, // click count
+      // MouseEvent interface (customized)
+      screenX: screenX, screenY: screenY, clientX: clientX, clientY: clientY,
+      // MouseEvent interface (defaults) - these could be removed
+      ctrlKey: false,
+      altKey: false,
+      shiftKey: false,
+      metaKey: false,
+      button: 0, // main button (usually left)
+      relatedTarget: null
+    });
+    if (changedTouches.length < 2) {
+      first.target.dispatchEvent(simulatedEvent);
+      ev.preventDefault();
+    }
+  }
+
+  document.addEventListener('touchstart', touchHandler, true);
+  document.addEventListener('touchmove', touchHandler, true);
+  document.addEventListener('touchend', touchHandler, true);
+  document.addEventListener('touchcancel', touchHandler, true);
+
+  var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  };
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  var classCallCheck = function (instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  };
+
+  var createClass = function () {
+    function defineProperties(target, props) {
+      for (var i = 0; i < props.length; i++) {
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+      }
+    }
+
+    return function (Constructor, protoProps, staticProps) {
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) defineProperties(Constructor, staticProps);
+      return Constructor;
+    };
+  }();
+
+  var _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  var inherits = function (subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+  };
+
+  var possibleConstructorReturn = function (self, call) {
+    if (!self) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return call && (typeof call === "object" || typeof call === "function") ? call : self;
+  };
+
+  var slicedToArray = function () {
+    function sliceIterator(arr, i) {
+      var _arr = [];
+      var _n = true;
+      var _d = false;
+      var _e = undefined;
+
+      try {
+        for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+          _arr.push(_s.value);
+
+          if (i && _arr.length === i) break;
+        }
+      } catch (err) {
+        _d = true;
+        _e = err;
+      } finally {
+        try {
+          if (!_n && _i["return"]) _i["return"]();
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+
+      return _arr;
+    }
+
+    return function (arr, i) {
+      if (Array.isArray(arr)) {
+        return arr;
+      } else if (Symbol.iterator in Object(arr)) {
+        return sliceIterator(arr, i);
+      } else {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance");
+      }
+    };
+  }();
+
+  var toConsumableArray = function (arr) {
+    if (Array.isArray(arr)) {
+      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+      return arr2;
+    } else {
+      return Array.from(arr);
+    }
+  };
+
+  /**
+   * Namespaces or tools therefor
+   * @module namespaces
+   * @license MIT
+  */
+
+  /**
+  * Common namepaces constants in alpha order
+  * @enum {string}
+  * @type {PlainObject}
+  * @memberof module:namespaces
+  */
+  var NS = {
+    HTML: 'http://www.w3.org/1999/xhtml',
+    MATH: 'http://www.w3.org/1998/Math/MathML',
+    SE: 'http://svg-edit.googlecode.com',
+    SVG: 'http://www.w3.org/2000/svg',
+    XLINK: 'http://www.w3.org/1999/xlink',
+    XML: 'http://www.w3.org/XML/1998/namespace',
+    XMLNS: 'http://www.w3.org/2000/xmlns/' // see http://www.w3.org/TR/REC-xml-names/#xmlReserved
+  };
+
+  /**
+  * @function module:namespaces.getReverseNS
+  * @returns {string} The NS with key values switched and lowercase
+  */
+  var getReverseNS = function getReverseNS() {
+    var reverseNS = {};
+    Object.entries(NS).forEach(function (_ref) {
+      var _ref2 = slicedToArray(_ref, 2),
+          name = _ref2[0],
+          URI = _ref2[1];
+
+      reverseNS[URI] = name.toLowerCase();
+    });
+    return reverseNS;
+  };
+
+  /**
+  * SVGPathSeg API polyfill
+  * https://github.com/progers/pathseg
+  *
+  * This is a drop-in replacement for the `SVGPathSeg` and `SVGPathSegList` APIs
+  * that were removed from SVG2 ({@link https://lists.w3.org/Archives/Public/www-svg/2015Jun/0044.html}),
+  * including the latest spec changes which were implemented in Firefox 43 and
+  * Chrome 46.
+  */
+  (function () {
+    if (!('SVGPathSeg' in window)) {
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSeg
+      var _SVGPathSeg = function () {
+        function _SVGPathSeg(type, typeAsLetter, owningPathSegList) {
+          classCallCheck(this, _SVGPathSeg);
+
+          this.pathSegType = type;
+          this.pathSegTypeAsLetter = typeAsLetter;
+          this._owningPathSegList = owningPathSegList;
+        }
+        // Notify owning PathSegList on any changes so they can be synchronized back to the path element.
+
+
+        createClass(_SVGPathSeg, [{
+          key: '_segmentChanged',
+          value: function _segmentChanged() {
+            if (this._owningPathSegList) {
+              this._owningPathSegList.segmentChanged(this);
+            }
+          }
+        }]);
+        return _SVGPathSeg;
+      }();
+
+      _SVGPathSeg.prototype.classname = 'SVGPathSeg';
+
+      _SVGPathSeg.PATHSEG_UNKNOWN = 0;
+      _SVGPathSeg.PATHSEG_CLOSEPATH = 1;
+      _SVGPathSeg.PATHSEG_MOVETO_ABS = 2;
+      _SVGPathSeg.PATHSEG_MOVETO_REL = 3;
+      _SVGPathSeg.PATHSEG_LINETO_ABS = 4;
+      _SVGPathSeg.PATHSEG_LINETO_REL = 5;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS = 6;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL = 7;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS = 8;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL = 9;
+      _SVGPathSeg.PATHSEG_ARC_ABS = 10;
+      _SVGPathSeg.PATHSEG_ARC_REL = 11;
+      _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS = 12;
+      _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL = 13;
+      _SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS = 14;
+      _SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL = 15;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS = 16;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL = 17;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS = 18;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL = 19;
+
+      var _SVGPathSegClosePath = function (_SVGPathSeg2) {
+        inherits(_SVGPathSegClosePath, _SVGPathSeg2);
+
+        function _SVGPathSegClosePath(owningPathSegList) {
+          classCallCheck(this, _SVGPathSegClosePath);
+          return possibleConstructorReturn(this, (_SVGPathSegClosePath.__proto__ || Object.getPrototypeOf(_SVGPathSegClosePath)).call(this, _SVGPathSeg.PATHSEG_CLOSEPATH, 'z', owningPathSegList));
+        }
+
+        createClass(_SVGPathSegClosePath, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegClosePath]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegClosePath(undefined);
+          }
+        }]);
+        return _SVGPathSegClosePath;
+      }(_SVGPathSeg);
+
+      var _SVGPathSegMovetoAbs = function (_SVGPathSeg3) {
+        inherits(_SVGPathSegMovetoAbs, _SVGPathSeg3);
+
+        function _SVGPathSegMovetoAbs(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegMovetoAbs);
+
+          var _this2 = possibleConstructorReturn(this, (_SVGPathSegMovetoAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegMovetoAbs)).call(this, _SVGPathSeg.PATHSEG_MOVETO_ABS, 'M', owningPathSegList));
+
+          _this2._x = x;
+          _this2._y = y;
+          return _this2;
+        }
+
+        createClass(_SVGPathSegMovetoAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegMovetoAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegMovetoAbs(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegMovetoAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegMovetoAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true
+        },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true
+        }
+      });
+
+      var _SVGPathSegMovetoRel = function (_SVGPathSeg4) {
+        inherits(_SVGPathSegMovetoRel, _SVGPathSeg4);
+
+        function _SVGPathSegMovetoRel(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegMovetoRel);
+
+          var _this3 = possibleConstructorReturn(this, (_SVGPathSegMovetoRel.__proto__ || Object.getPrototypeOf(_SVGPathSegMovetoRel)).call(this, _SVGPathSeg.PATHSEG_MOVETO_REL, 'm', owningPathSegList));
+
+          _this3._x = x;
+          _this3._y = y;
+          return _this3;
+        }
+
+        createClass(_SVGPathSegMovetoRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegMovetoRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegMovetoRel(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegMovetoRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegMovetoRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegLinetoAbs = function (_SVGPathSeg5) {
+        inherits(_SVGPathSegLinetoAbs, _SVGPathSeg5);
+
+        function _SVGPathSegLinetoAbs(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegLinetoAbs);
+
+          var _this4 = possibleConstructorReturn(this, (_SVGPathSegLinetoAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_ABS, 'L', owningPathSegList));
+
+          _this4._x = x;
+          _this4._y = y;
+          return _this4;
+        }
+
+        createClass(_SVGPathSegLinetoAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoAbs(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegLinetoAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegLinetoRel = function (_SVGPathSeg6) {
+        inherits(_SVGPathSegLinetoRel, _SVGPathSeg6);
+
+        function _SVGPathSegLinetoRel(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegLinetoRel);
+
+          var _this5 = possibleConstructorReturn(this, (_SVGPathSegLinetoRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_REL, 'l', owningPathSegList));
+
+          _this5._x = x;
+          _this5._y = y;
+          return _this5;
+        }
+
+        createClass(_SVGPathSegLinetoRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoRel(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegLinetoRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoCubicAbs = function (_SVGPathSeg7) {
+        inherits(_SVGPathSegCurvetoCubicAbs, _SVGPathSeg7);
+
+        function _SVGPathSegCurvetoCubicAbs(owningPathSegList, x, y, x1, y1, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicAbs);
+
+          var _this6 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS, 'C', owningPathSegList));
+
+          _this6._x = x;
+          _this6._y = y;
+          _this6._x1 = x1;
+          _this6._y1 = y1;
+          _this6._x2 = x2;
+          _this6._y2 = y2;
+          return _this6;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoCubicRel = function (_SVGPathSeg8) {
+        inherits(_SVGPathSegCurvetoCubicRel, _SVGPathSeg8);
+
+        function _SVGPathSegCurvetoCubicRel(owningPathSegList, x, y, x1, y1, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicRel);
+
+          var _this7 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, 'c', owningPathSegList));
+
+          _this7._x = x;
+          _this7._y = y;
+          _this7._x1 = x1;
+          _this7._y1 = y1;
+          _this7._x2 = x2;
+          _this7._y2 = y2;
+          return _this7;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticAbs = function (_SVGPathSeg9) {
+        inherits(_SVGPathSegCurvetoQuadraticAbs, _SVGPathSeg9);
+
+        function _SVGPathSegCurvetoQuadraticAbs(owningPathSegList, x, y, x1, y1) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticAbs);
+
+          var _this8 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS, 'Q', owningPathSegList));
+
+          _this8._x = x;
+          _this8._y = y;
+          _this8._x1 = x1;
+          _this8._y1 = y1;
+          return _this8;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticRel = function (_SVGPathSeg10) {
+        inherits(_SVGPathSegCurvetoQuadraticRel, _SVGPathSeg10);
+
+        function _SVGPathSegCurvetoQuadraticRel(owningPathSegList, x, y, x1, y1) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticRel);
+
+          var _this9 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL, 'q', owningPathSegList));
+
+          _this9._x = x;
+          _this9._y = y;
+          _this9._x1 = x1;
+          _this9._y1 = y1;
+          return _this9;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegArcAbs = function (_SVGPathSeg11) {
+        inherits(_SVGPathSegArcAbs, _SVGPathSeg11);
+
+        function _SVGPathSegArcAbs(owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+          classCallCheck(this, _SVGPathSegArcAbs);
+
+          var _this10 = possibleConstructorReturn(this, (_SVGPathSegArcAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegArcAbs)).call(this, _SVGPathSeg.PATHSEG_ARC_ABS, 'A', owningPathSegList));
+
+          _this10._x = x;
+          _this10._y = y;
+          _this10._r1 = r1;
+          _this10._r2 = r2;
+          _this10._angle = angle;
+          _this10._largeArcFlag = largeArcFlag;
+          _this10._sweepFlag = sweepFlag;
+          return _this10;
+        }
+
+        createClass(_SVGPathSegArcAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegArcAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);
+          }
+        }]);
+        return _SVGPathSegArcAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegArcAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        r1: {
+          get: function get$$1() {
+            return this._r1;
+          },
+          set: function set$$1(r1) {
+            this._r1 = r1;this._segmentChanged();
+          },
+          enumerable: true },
+        r2: {
+          get: function get$$1() {
+            return this._r2;
+          },
+          set: function set$$1(r2) {
+            this._r2 = r2;this._segmentChanged();
+          },
+          enumerable: true },
+        angle: {
+          get: function get$$1() {
+            return this._angle;
+          },
+          set: function set$$1(angle) {
+            this._angle = angle;this._segmentChanged();
+          },
+          enumerable: true },
+        largeArcFlag: {
+          get: function get$$1() {
+            return this._largeArcFlag;
+          },
+          set: function set$$1(largeArcFlag) {
+            this._largeArcFlag = largeArcFlag;this._segmentChanged();
+          },
+          enumerable: true },
+        sweepFlag: {
+          get: function get$$1() {
+            return this._sweepFlag;
+          },
+          set: function set$$1(sweepFlag) {
+            this._sweepFlag = sweepFlag;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegArcRel = function (_SVGPathSeg12) {
+        inherits(_SVGPathSegArcRel, _SVGPathSeg12);
+
+        function _SVGPathSegArcRel(owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+          classCallCheck(this, _SVGPathSegArcRel);
+
+          var _this11 = possibleConstructorReturn(this, (_SVGPathSegArcRel.__proto__ || Object.getPrototypeOf(_SVGPathSegArcRel)).call(this, _SVGPathSeg.PATHSEG_ARC_REL, 'a', owningPathSegList));
+
+          _this11._x = x;
+          _this11._y = y;
+          _this11._r1 = r1;
+          _this11._r2 = r2;
+          _this11._angle = angle;
+          _this11._largeArcFlag = largeArcFlag;
+          _this11._sweepFlag = sweepFlag;
+          return _this11;
+        }
+
+        createClass(_SVGPathSegArcRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegArcRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);
+          }
+        }]);
+        return _SVGPathSegArcRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegArcRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        r1: {
+          get: function get$$1() {
+            return this._r1;
+          },
+          set: function set$$1(r1) {
+            this._r1 = r1;this._segmentChanged();
+          },
+          enumerable: true },
+        r2: {
+          get: function get$$1() {
+            return this._r2;
+          },
+          set: function set$$1(r2) {
+            this._r2 = r2;this._segmentChanged();
+          },
+          enumerable: true },
+        angle: {
+          get: function get$$1() {
+            return this._angle;
+          },
+          set: function set$$1(angle) {
+            this._angle = angle;this._segmentChanged();
+          },
+          enumerable: true },
+        largeArcFlag: {
+          get: function get$$1() {
+            return this._largeArcFlag;
+          },
+          set: function set$$1(largeArcFlag) {
+            this._largeArcFlag = largeArcFlag;this._segmentChanged();
+          },
+          enumerable: true },
+        sweepFlag: {
+          get: function get$$1() {
+            return this._sweepFlag;
+          },
+          set: function set$$1(sweepFlag) {
+            this._sweepFlag = sweepFlag;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegLinetoHorizontalAbs = function (_SVGPathSeg13) {
+        inherits(_SVGPathSegLinetoHorizontalAbs, _SVGPathSeg13);
+
+        function _SVGPathSegLinetoHorizontalAbs(owningPathSegList, x) {
+          classCallCheck(this, _SVGPathSegLinetoHorizontalAbs);
+
+          var _this12 = possibleConstructorReturn(this, (_SVGPathSegLinetoHorizontalAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoHorizontalAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS, 'H', owningPathSegList));
+
+          _this12._x = x;
+          return _this12;
+        }
+
+        createClass(_SVGPathSegLinetoHorizontalAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoHorizontalAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoHorizontalAbs(undefined, this._x);
+          }
+        }]);
+        return _SVGPathSegLinetoHorizontalAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoHorizontalAbs.prototype, 'x', {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegLinetoHorizontalRel = function (_SVGPathSeg14) {
+        inherits(_SVGPathSegLinetoHorizontalRel, _SVGPathSeg14);
+
+        function _SVGPathSegLinetoHorizontalRel(owningPathSegList, x) {
+          classCallCheck(this, _SVGPathSegLinetoHorizontalRel);
+
+          var _this13 = possibleConstructorReturn(this, (_SVGPathSegLinetoHorizontalRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoHorizontalRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL, 'h', owningPathSegList));
+
+          _this13._x = x;
+          return _this13;
+        }
+
+        createClass(_SVGPathSegLinetoHorizontalRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoHorizontalRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoHorizontalRel(undefined, this._x);
+          }
+        }]);
+        return _SVGPathSegLinetoHorizontalRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoHorizontalRel.prototype, 'x', {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegLinetoVerticalAbs = function (_SVGPathSeg15) {
+        inherits(_SVGPathSegLinetoVerticalAbs, _SVGPathSeg15);
+
+        function _SVGPathSegLinetoVerticalAbs(owningPathSegList, y) {
+          classCallCheck(this, _SVGPathSegLinetoVerticalAbs);
+
+          var _this14 = possibleConstructorReturn(this, (_SVGPathSegLinetoVerticalAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoVerticalAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS, 'V', owningPathSegList));
+
+          _this14._y = y;
+          return _this14;
+        }
+
+        createClass(_SVGPathSegLinetoVerticalAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoVerticalAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoVerticalAbs(undefined, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoVerticalAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoVerticalAbs.prototype, 'y', {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegLinetoVerticalRel = function (_SVGPathSeg16) {
+        inherits(_SVGPathSegLinetoVerticalRel, _SVGPathSeg16);
+
+        function _SVGPathSegLinetoVerticalRel(owningPathSegList, y) {
+          classCallCheck(this, _SVGPathSegLinetoVerticalRel);
+
+          var _this15 = possibleConstructorReturn(this, (_SVGPathSegLinetoVerticalRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoVerticalRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL, 'v', owningPathSegList));
+
+          _this15._y = y;
+          return _this15;
+        }
+
+        createClass(_SVGPathSegLinetoVerticalRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoVerticalRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoVerticalRel(undefined, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoVerticalRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoVerticalRel.prototype, 'y', {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegCurvetoCubicSmoothAbs = function (_SVGPathSeg17) {
+        inherits(_SVGPathSegCurvetoCubicSmoothAbs, _SVGPathSeg17);
+
+        function _SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, x, y, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicSmoothAbs);
+
+          var _this16 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicSmoothAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicSmoothAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS, 'S', owningPathSegList));
+
+          _this16._x = x;
+          _this16._y = y;
+          _this16._x2 = x2;
+          _this16._y2 = y2;
+          return _this16;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicSmoothAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicSmoothAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicSmoothAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicSmoothAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoCubicSmoothRel = function (_SVGPathSeg18) {
+        inherits(_SVGPathSegCurvetoCubicSmoothRel, _SVGPathSeg18);
+
+        function _SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, x, y, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicSmoothRel);
+
+          var _this17 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicSmoothRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicSmoothRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL, 's', owningPathSegList));
+
+          _this17._x = x;
+          _this17._y = y;
+          _this17._x2 = x2;
+          _this17._y2 = y2;
+          return _this17;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicSmoothRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicSmoothRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicSmoothRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicSmoothRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticSmoothAbs = function (_SVGPathSeg19) {
+        inherits(_SVGPathSegCurvetoQuadraticSmoothAbs, _SVGPathSeg19);
+
+        function _SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticSmoothAbs);
+
+          var _this18 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticSmoothAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticSmoothAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS, 'T', owningPathSegList));
+
+          _this18._x = x;
+          _this18._y = y;
+          return _this18;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticSmoothAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticSmoothAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticSmoothAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticSmoothAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticSmoothRel = function (_SVGPathSeg20) {
+        inherits(_SVGPathSegCurvetoQuadraticSmoothRel, _SVGPathSeg20);
+
+        function _SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticSmoothRel);
+
+          var _this19 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticSmoothRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticSmoothRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL, 't', owningPathSegList));
+
+          _this19._x = x;
+          _this19._y = y;
+          return _this19;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticSmoothRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticSmoothRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticSmoothRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticSmoothRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      // Add createSVGPathSeg* functions to SVGPathElement.
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathElement.
+      SVGPathElement.prototype.createSVGPathSegClosePath = function () {
+        return new _SVGPathSegClosePath(undefined);
+      };
+      SVGPathElement.prototype.createSVGPathSegMovetoAbs = function (x, y) {
+        return new _SVGPathSegMovetoAbs(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegMovetoRel = function (x, y) {
+        return new _SVGPathSegMovetoRel(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoAbs = function (x, y) {
+        return new _SVGPathSegLinetoAbs(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoRel = function (x, y) {
+        return new _SVGPathSegLinetoRel(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs = function (x, y, x1, y1, x2, y2) {
+        return new _SVGPathSegCurvetoCubicAbs(undefined, x, y, x1, y1, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel = function (x, y, x1, y1, x2, y2) {
+        return new _SVGPathSegCurvetoCubicRel(undefined, x, y, x1, y1, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs = function (x, y, x1, y1) {
+        return new _SVGPathSegCurvetoQuadraticAbs(undefined, x, y, x1, y1);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel = function (x, y, x1, y1) {
+        return new _SVGPathSegCurvetoQuadraticRel(undefined, x, y, x1, y1);
+      };
+      SVGPathElement.prototype.createSVGPathSegArcAbs = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+        return new _SVGPathSegArcAbs(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);
+      };
+      SVGPathElement.prototype.createSVGPathSegArcRel = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+        return new _SVGPathSegArcRel(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs = function (x) {
+        return new _SVGPathSegLinetoHorizontalAbs(undefined, x);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel = function (x) {
+        return new _SVGPathSegLinetoHorizontalRel(undefined, x);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs = function (y) {
+        return new _SVGPathSegLinetoVerticalAbs(undefined, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel = function (y) {
+        return new _SVGPathSegLinetoVerticalRel(undefined, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs = function (x, y, x2, y2) {
+        return new _SVGPathSegCurvetoCubicSmoothAbs(undefined, x, y, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel = function (x, y, x2, y2) {
+        return new _SVGPathSegCurvetoCubicSmoothRel(undefined, x, y, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs = function (x, y) {
+        return new _SVGPathSegCurvetoQuadraticSmoothAbs(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel = function (x, y) {
+        return new _SVGPathSegCurvetoQuadraticSmoothRel(undefined, x, y);
+      };
+
+      if (!('getPathSegAtLength' in SVGPathElement.prototype)) {
+        // Add getPathSegAtLength to SVGPathElement.
+        // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-__svg__SVGPathElement__getPathSegAtLength
+        // This polyfill requires SVGPathElement.getTotalLength to implement the distance-along-a-path algorithm.
+        SVGPathElement.prototype.getPathSegAtLength = function (distance) {
+          if (distance === undefined || !isFinite(distance)) {
+            throw new Error('Invalid arguments.');
+          }
+
+          var measurementElement = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+          measurementElement.setAttribute('d', this.getAttribute('d'));
+          var lastPathSegment = measurementElement.pathSegList.numberOfItems - 1;
+
+          // If the path is empty, return 0.
+          if (lastPathSegment <= 0) {
+            return 0;
+          }
+
+          do {
+            measurementElement.pathSegList.removeItem(lastPathSegment);
+            if (distance > measurementElement.getTotalLength()) {
+              break;
+            }
+            lastPathSegment--;
+          } while (lastPathSegment > 0);
+          return lastPathSegment;
+        };
+      }
+
+      window.SVGPathSeg = _SVGPathSeg;
+      window.SVGPathSegClosePath = _SVGPathSegClosePath;
+      window.SVGPathSegMovetoAbs = _SVGPathSegMovetoAbs;
+      window.SVGPathSegMovetoRel = _SVGPathSegMovetoRel;
+      window.SVGPathSegLinetoAbs = _SVGPathSegLinetoAbs;
+      window.SVGPathSegLinetoRel = _SVGPathSegLinetoRel;
+      window.SVGPathSegCurvetoCubicAbs = _SVGPathSegCurvetoCubicAbs;
+      window.SVGPathSegCurvetoCubicRel = _SVGPathSegCurvetoCubicRel;
+      window.SVGPathSegCurvetoQuadraticAbs = _SVGPathSegCurvetoQuadraticAbs;
+      window.SVGPathSegCurvetoQuadraticRel = _SVGPathSegCurvetoQuadraticRel;
+      window.SVGPathSegArcAbs = _SVGPathSegArcAbs;
+      window.SVGPathSegArcRel = _SVGPathSegArcRel;
+      window.SVGPathSegLinetoHorizontalAbs = _SVGPathSegLinetoHorizontalAbs;
+      window.SVGPathSegLinetoHorizontalRel = _SVGPathSegLinetoHorizontalRel;
+      window.SVGPathSegLinetoVerticalAbs = _SVGPathSegLinetoVerticalAbs;
+      window.SVGPathSegLinetoVerticalRel = _SVGPathSegLinetoVerticalRel;
+      window.SVGPathSegCurvetoCubicSmoothAbs = _SVGPathSegCurvetoCubicSmoothAbs;
+      window.SVGPathSegCurvetoCubicSmoothRel = _SVGPathSegCurvetoCubicSmoothRel;
+      window.SVGPathSegCurvetoQuadraticSmoothAbs = _SVGPathSegCurvetoQuadraticSmoothAbs;
+      window.SVGPathSegCurvetoQuadraticSmoothRel = _SVGPathSegCurvetoQuadraticSmoothRel;
+    }
+
+    // Checking for SVGPathSegList in window checks for the case of an implementation without the
+    // SVGPathSegList API.
+    // The second check for appendItem is specific to Firefox 59+ which removed only parts of the
+    // SVGPathSegList API (e.g., appendItem). In this case we need to re-implement the entire API
+    // so the polyfill data (i.e., _list) is used throughout.
+    if (!('SVGPathSegList' in window) || !('appendItem' in SVGPathSegList.prototype)) {
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSegList
+      var _SVGPathSegList = function () {
+        function _SVGPathSegList(pathElement) {
+          classCallCheck(this, _SVGPathSegList);
+
+          this._pathElement = pathElement;
+          this._list = this._parsePath(this._pathElement.getAttribute('d'));
+
+          // Use a MutationObserver to catch changes to the path's "d" attribute.
+          this._mutationObserverConfig = { attributes: true, attributeFilter: ['d'] };
+          this._pathElementMutationObserver = new MutationObserver(this._updateListFromPathMutations.bind(this));
+          this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
+        }
+        // Process any pending mutations to the path element and update the list as needed.
+        // This should be the first call of all public functions and is needed because
+        // MutationObservers are not synchronous so we can have pending asynchronous mutations.
+
+
+        createClass(_SVGPathSegList, [{
+          key: '_checkPathSynchronizedToList',
+          value: function _checkPathSynchronizedToList() {
+            this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords());
+          }
+        }, {
+          key: '_updateListFromPathMutations',
+          value: function _updateListFromPathMutations(mutationRecords) {
+            if (!this._pathElement) {
+              return;
+            }
+            var hasPathMutations = false;
+            mutationRecords.forEach(function (record) {
+              if (record.attributeName === 'd') {
+                hasPathMutations = true;
+              }
+            });
+            if (hasPathMutations) {
+              this._list = this._parsePath(this._pathElement.getAttribute('d'));
+            }
+          }
+
+          // Serialize the list and update the path's 'd' attribute.
+
+        }, {
+          key: '_writeListToPath',
+          value: function _writeListToPath() {
+            this._pathElementMutationObserver.disconnect();
+            this._pathElement.setAttribute('d', _SVGPathSegList._pathSegArrayAsString(this._list));
+            this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
+          }
+
+          // When a path segment changes the list needs to be synchronized back to the path element.
+
+        }, {
+          key: 'segmentChanged',
+          value: function segmentChanged(pathSeg) {
+            this._writeListToPath();
+          }
+        }, {
+          key: 'clear',
+          value: function clear() {
+            this._checkPathSynchronizedToList();
+
+            this._list.forEach(function (pathSeg) {
+              pathSeg._owningPathSegList = null;
+            });
+            this._list = [];
+            this._writeListToPath();
+          }
+        }, {
+          key: 'initialize',
+          value: function initialize(newItem) {
+            this._checkPathSynchronizedToList();
+
+            this._list = [newItem];
+            newItem._owningPathSegList = this;
+            this._writeListToPath();
+            return newItem;
+          }
+        }, {
+          key: '_checkValidIndex',
+          value: function _checkValidIndex(index) {
+            if (isNaN(index) || index < 0 || index >= this.numberOfItems) {
+              throw new Error('INDEX_SIZE_ERR');
+            }
+          }
+        }, {
+          key: 'getItem',
+          value: function getItem(index) {
+            this._checkPathSynchronizedToList();
+
+            this._checkValidIndex(index);
+            return this._list[index];
+          }
+        }, {
+          key: 'insertItemBefore',
+          value: function insertItemBefore(newItem, index) {
+            this._checkPathSynchronizedToList();
+
+            // Spec: If the index is greater than or equal to numberOfItems, then the new item is appended to the end of the list.
+            if (index > this.numberOfItems) {
+              index = this.numberOfItems;
+            }
+            if (newItem._owningPathSegList) {
+              // SVG2 spec says to make a copy.
+              newItem = newItem.clone();
+            }
+            this._list.splice(index, 0, newItem);
+            newItem._owningPathSegList = this;
+            this._writeListToPath();
+            return newItem;
+          }
+        }, {
+          key: 'replaceItem',
+          value: function replaceItem(newItem, index) {
+            this._checkPathSynchronizedToList();
+
+            if (newItem._owningPathSegList) {
+              // SVG2 spec says to make a copy.
+              newItem = newItem.clone();
+            }
+            this._checkValidIndex(index);
+            this._list[index] = newItem;
+            newItem._owningPathSegList = this;
+            this._writeListToPath();
+            return newItem;
+          }
+        }, {
+          key: 'removeItem',
+          value: function removeItem(index) {
+            this._checkPathSynchronizedToList();
+
+            this._checkValidIndex(index);
+            var item = this._list[index];
+            this._list.splice(index, 1);
+            this._writeListToPath();
+            return item;
+          }
+        }, {
+          key: 'appendItem',
+          value: function appendItem(newItem) {
+            this._checkPathSynchronizedToList();
+
+            if (newItem._owningPathSegList) {
+              // SVG2 spec says to make a copy.
+              newItem = newItem.clone();
+            }
+            this._list.push(newItem);
+            newItem._owningPathSegList = this;
+            // TODO: Optimize this to just append to the existing attribute.
+            this._writeListToPath();
+            return newItem;
+          }
+
+          // This closely follows SVGPathParser::parsePath from Source/core/svg/SVGPathParser.cpp.
+
+        }, {
+          key: '_parsePath',
+          value: function _parsePath(string) {
+            if (!string || !string.length) {
+              return [];
+            }
+
+            var owningPathSegList = this;
+
+            var Builder = function () {
+              function Builder() {
+                classCallCheck(this, Builder);
+
+                this.pathSegList = [];
+              }
+
+              createClass(Builder, [{
+                key: 'appendSegment',
+                value: function appendSegment(pathSeg) {
+                  this.pathSegList.push(pathSeg);
+                }
+              }]);
+              return Builder;
+            }();
+
+            var Source = function () {
+              function Source(string) {
+                classCallCheck(this, Source);
+
+                this._string = string;
+                this._currentIndex = 0;
+                this._endIndex = this._string.length;
+                this._previousCommand = SVGPathSeg.PATHSEG_UNKNOWN;
+
+                this._skipOptionalSpaces();
+              }
+
+              createClass(Source, [{
+                key: '_isCurrentSpace',
+                value: function _isCurrentSpace() {
+                  var character = this._string[this._currentIndex];
+                  return character <= ' ' && (character === ' ' || character === '\n' || character === '\t' || character === '\r' || character === '\f');
+                }
+              }, {
+                key: '_skipOptionalSpaces',
+                value: function _skipOptionalSpaces() {
+                  while (this._currentIndex < this._endIndex && this._isCurrentSpace()) {
+                    this._currentIndex++;
+                  }
+                  return this._currentIndex < this._endIndex;
+                }
+              }, {
+                key: '_skipOptionalSpacesOrDelimiter',
+                value: function _skipOptionalSpacesOrDelimiter() {
+                  if (this._currentIndex < this._endIndex && !this._isCurrentSpace() && this._string.charAt(this._currentIndex) !== ',') {
+                    return false;
+                  }
+                  if (this._skipOptionalSpaces()) {
+                    if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === ',') {
+                      this._currentIndex++;
+                      this._skipOptionalSpaces();
+                    }
+                  }
+                  return this._currentIndex < this._endIndex;
+                }
+              }, {
+                key: 'hasMoreData',
+                value: function hasMoreData() {
+                  return this._currentIndex < this._endIndex;
+                }
+              }, {
+                key: 'peekSegmentType',
+                value: function peekSegmentType() {
+                  var lookahead = this._string[this._currentIndex];
+                  return this._pathSegTypeFromChar(lookahead);
+                }
+              }, {
+                key: '_pathSegTypeFromChar',
+                value: function _pathSegTypeFromChar(lookahead) {
+                  switch (lookahead) {
+                    case 'Z':
+                    case 'z':
+                      return SVGPathSeg.PATHSEG_CLOSEPATH;
+                    case 'M':
+                      return SVGPathSeg.PATHSEG_MOVETO_ABS;
+                    case 'm':
+                      return SVGPathSeg.PATHSEG_MOVETO_REL;
+                    case 'L':
+                      return SVGPathSeg.PATHSEG_LINETO_ABS;
+                    case 'l':
+                      return SVGPathSeg.PATHSEG_LINETO_REL;
+                    case 'C':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS;
+                    case 'c':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL;
+                    case 'Q':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;
+                    case 'q':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;
+                    case 'A':
+                      return SVGPathSeg.PATHSEG_ARC_ABS;
+                    case 'a':
+                      return SVGPathSeg.PATHSEG_ARC_REL;
+                    case 'H':
+                      return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;
+                    case 'h':
+                      return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;
+                    case 'V':
+                      return SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;
+                    case 'v':
+                      return SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;
+                    case 'S':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;
+                    case 's':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;
+                    case 'T':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;
+                    case 't':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;
+                    default:
+                      return SVGPathSeg.PATHSEG_UNKNOWN;
+                  }
+                }
+              }, {
+                key: '_nextCommandHelper',
+                value: function _nextCommandHelper(lookahead, previousCommand) {
+                  // Check for remaining coordinates in the current command.
+                  if ((lookahead === '+' || lookahead === '-' || lookahead === '.' || lookahead >= '0' && lookahead <= '9') && previousCommand !== SVGPathSeg.PATHSEG_CLOSEPATH) {
+                    if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_ABS) {
+                      return SVGPathSeg.PATHSEG_LINETO_ABS;
+                    }
+                    if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_REL) {
+                      return SVGPathSeg.PATHSEG_LINETO_REL;
+                    }
+                    return previousCommand;
+                  }
+                  return SVGPathSeg.PATHSEG_UNKNOWN;
+                }
+              }, {
+                key: 'initialCommandIsMoveTo',
+                value: function initialCommandIsMoveTo() {
+                  // If the path is empty it is still valid, so return true.
+                  if (!this.hasMoreData()) {
+                    return true;
+                  }
+                  var command = this.peekSegmentType();
+                  // Path must start with moveTo.
+                  return command === SVGPathSeg.PATHSEG_MOVETO_ABS || command === SVGPathSeg.PATHSEG_MOVETO_REL;
+                }
+
+                // Parse a number from an SVG path. This very closely follows genericParseNumber(...) from Source/core/svg/SVGParserUtilities.cpp.
+                // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-PathDataBNF
+
+              }, {
+                key: '_parseNumber',
+                value: function _parseNumber() {
+                  var exponent = 0;
+                  var integer = 0;
+                  var frac = 1;
+                  var decimal = 0;
+                  var sign = 1;
+                  var expsign = 1;
+
+                  var startIndex = this._currentIndex;
+
+                  this._skipOptionalSpaces();
+
+                  // Read the sign.
+                  if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '+') {
+                    this._currentIndex++;
+                  } else if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '-') {
+                    this._currentIndex++;
+                    sign = -1;
+                  }
+
+                  if (this._currentIndex === this._endIndex || (this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') && this._string.charAt(this._currentIndex) !== '.') {
+                    // The first character of a number must be one of [0-9+-.].
+                    return undefined;
+                  }
+
+                  // Read the integer part, build right-to-left.
+                  var startIntPartIndex = this._currentIndex;
+                  while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                    this._currentIndex++; // Advance to first non-digit.
+                  }
+
+                  if (this._currentIndex !== startIntPartIndex) {
+                    var scanIntPartIndex = this._currentIndex - 1;
+                    var multiplier = 1;
+                    while (scanIntPartIndex >= startIntPartIndex) {
+                      integer += multiplier * (this._string.charAt(scanIntPartIndex--) - '0');
+                      multiplier *= 10;
+                    }
+                  }
+
+                  // Read the decimals.
+                  if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '.') {
+                    this._currentIndex++;
+
+                    // There must be a least one digit following the .
+                    if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {
+                      return undefined;
+                    }
+                    while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                      frac *= 10;
+                      decimal += (this._string.charAt(this._currentIndex) - '0') / frac;
+                      this._currentIndex += 1;
+                    }
+                  }
+
+                  // Read the exponent part.
+                  if (this._currentIndex !== startIndex && this._currentIndex + 1 < this._endIndex && (this._string.charAt(this._currentIndex) === 'e' || this._string.charAt(this._currentIndex) === 'E') && this._string.charAt(this._currentIndex + 1) !== 'x' && this._string.charAt(this._currentIndex + 1) !== 'm') {
+                    this._currentIndex++;
+
+                    // Read the sign of the exponent.
+                    if (this._string.charAt(this._currentIndex) === '+') {
+                      this._currentIndex++;
+                    } else if (this._string.charAt(this._currentIndex) === '-') {
+                      this._currentIndex++;
+                      expsign = -1;
+                    }
+
+                    // There must be an exponent.
+                    if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {
+                      return undefined;
+                    }
+
+                    while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                      exponent *= 10;
+                      exponent += this._string.charAt(this._currentIndex) - '0';
+                      this._currentIndex++;
+                    }
+                  }
+
+                  var number = integer + decimal;
+                  number *= sign;
+
+                  if (exponent) {
+                    number *= Math.pow(10, expsign * exponent);
+                  }
+
+                  if (startIndex === this._currentIndex) {
+                    return undefined;
+                  }
+
+                  this._skipOptionalSpacesOrDelimiter();
+
+                  return number;
+                }
+              }, {
+                key: '_parseArcFlag',
+                value: function _parseArcFlag() {
+                  if (this._currentIndex >= this._endIndex) {
+                    return undefined;
+                  }
+                  var flag = false;
+                  var flagChar = this._string.charAt(this._currentIndex++);
+                  if (flagChar === '0') {
+                    flag = false;
+                  } else if (flagChar === '1') {
+                    flag = true;
+                  } else {
+                    return undefined;
+                  }
+
+                  this._skipOptionalSpacesOrDelimiter();
+                  return flag;
+                }
+              }, {
+                key: 'parseSegment',
+                value: function parseSegment() {
+                  var lookahead = this._string[this._currentIndex];
+                  var command = this._pathSegTypeFromChar(lookahead);
+                  if (command === SVGPathSeg.PATHSEG_UNKNOWN) {
+                    // Possibly an implicit command. Not allowed if this is the first command.
+                    if (this._previousCommand === SVGPathSeg.PATHSEG_UNKNOWN) {
+                      return null;
+                    }
+                    command = this._nextCommandHelper(lookahead, this._previousCommand);
+                    if (command === SVGPathSeg.PATHSEG_UNKNOWN) {
+                      return null;
+                    }
+                  } else {
+                    this._currentIndex++;
+                  }
+
+                  this._previousCommand = command;
+
+                  switch (command) {
+                    case SVGPathSeg.PATHSEG_MOVETO_REL:
+                      return new SVGPathSegMovetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_MOVETO_ABS:
+                      return new SVGPathSegMovetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_REL:
+                      return new SVGPathSegLinetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_ABS:
+                      return new SVGPathSegLinetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:
+                      return new SVGPathSegLinetoHorizontalRel(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:
+                      return new SVGPathSegLinetoHorizontalAbs(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:
+                      return new SVGPathSegLinetoVerticalRel(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:
+                      return new SVGPathSegLinetoVerticalAbs(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_CLOSEPATH:
+                      this._skipOptionalSpaces();
+                      return new SVGPathSegClosePath(owningPathSegList);
+                    case SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:
+                      {
+                        var _points = { x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicRel(owningPathSegList, _points.x, _points.y, _points.x1, _points.y1, _points.x2, _points.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:
+                      {
+                        var _points2 = { x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicAbs(owningPathSegList, _points2.x, _points2.y, _points2.x1, _points2.y1, _points2.x2, _points2.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:
+                      {
+                        var _points3 = { x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, _points3.x, _points3.y, _points3.x2, _points3.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:
+                      {
+                        var _points4 = { x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, _points4.x, _points4.y, _points4.x2, _points4.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:
+                      {
+                        var _points5 = { x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoQuadraticRel(owningPathSegList, _points5.x, _points5.y, _points5.x1, _points5.y1);
+                      }case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:
+                      var points = { x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                      return new SVGPathSegCurvetoQuadraticAbs(owningPathSegList, points.x, points.y, points.x1, points.y1);
+                    case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:
+                      return new SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:
+                      return new SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_ARC_REL:
+                      {
+                        var _points6 = { x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegArcRel(owningPathSegList, _points6.x, _points6.y, _points6.x1, _points6.y1, _points6.arcAngle, _points6.arcLarge, _points6.arcSweep);
+                      }case SVGPathSeg.PATHSEG_ARC_ABS:
+                      {
+                        var _points7 = { x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegArcAbs(owningPathSegList, _points7.x, _points7.y, _points7.x1, _points7.y1, _points7.arcAngle, _points7.arcLarge, _points7.arcSweep);
+                      }default:
+                      throw new Error('Unknown path seg type.');
+                  }
+                }
+              }]);
+              return Source;
+            }();
+
+            var builder = new Builder();
+            var source = new Source(string);
+
+            if (!source.initialCommandIsMoveTo()) {
+              return [];
+            }
+            while (source.hasMoreData()) {
+              var pathSeg = source.parseSegment();
+              if (!pathSeg) {
+                return [];
+              }
+              builder.appendSegment(pathSeg);
+            }
+
+            return builder.pathSegList;
+          }
+        }]);
+        return _SVGPathSegList;
+      }();
+
+      _SVGPathSegList.prototype.classname = 'SVGPathSegList';
+
+      Object.defineProperty(_SVGPathSegList.prototype, 'numberOfItems', {
+        get: function get$$1() {
+          this._checkPathSynchronizedToList();
+          return this._list.length;
+        },
+
+        enumerable: true
+      });
+
+      _SVGPathSegList._pathSegArrayAsString = function (pathSegArray) {
+        var string = '';
+        var first = true;
+        pathSegArray.forEach(function (pathSeg) {
+          if (first) {
+            first = false;
+            string += pathSeg._asPathString();
+          } else {
+            string += ' ' + pathSeg._asPathString();
+          }
+        });
+        return string;
+      };
+
+      // Add the pathSegList accessors to SVGPathElement.
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGAnimatedPathData
+      Object.defineProperties(SVGPathElement.prototype, {
+        pathSegList: {
+          get: function get$$1() {
+            if (!this._pathSegList) {
+              this._pathSegList = new _SVGPathSegList(this);
+            }
+            return this._pathSegList;
+          },
+
+          enumerable: true
+        },
+        // FIXME: The following are not implemented and simply return SVGPathElement.pathSegList.
+        normalizedPathSegList: {
+          get: function get$$1() {
+            return this.pathSegList;
+          },
+          enumerable: true },
+        animatedPathSegList: {
+          get: function get$$1() {
+            return this.pathSegList;
+          },
+          enumerable: true },
+        animatedNormalizedPathSegList: {
+          get: function get$$1() {
+            return this.pathSegList;
+          },
+          enumerable: true }
+      });
+      window.SVGPathSegList = _SVGPathSegList;
+    }
+  })();
+
+  /* globals jQuery */
+
+  var $ = jQuery;
+
+  var supportsSVG_ = function () {
+    return !!document.createElementNS && !!document.createElementNS(NS.SVG, 'svg').createSVGRect;
+  }();
+
+  var _navigator = navigator,
+      userAgent = _navigator.userAgent;
+
+  var svg = document.createElementNS(NS.SVG, 'svg');
+
+  // Note: Browser sniffing should only be used if no other detection method is possible
+  var isOpera_ = !!window.opera;
+  var isWebkit_ = userAgent.includes('AppleWebKit');
+  var isGecko_ = userAgent.includes('Gecko/');
+  var isIE_ = userAgent.includes('MSIE');
+  var isChrome_ = userAgent.includes('Chrome/');
+  var isWindows_ = userAgent.includes('Windows');
+  var isMac_ = userAgent.includes('Macintosh');
+  var isTouch_ = 'ontouchstart' in window;
+
+  var supportsSelectors_ = function () {
+    return !!svg.querySelector;
+  }();
+
+  var supportsXpath_ = function () {
+    return !!document.evaluate;
+  }();
+
+  // segList functions (for FF1.5 and 2.0)
+  var supportsPathReplaceItem_ = function () {
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 10,10');
+    var seglist = path.pathSegList;
+    var seg = path.createSVGPathSegLinetoAbs(5, 5);
+    try {
+      seglist.replaceItem(seg, 1);
+      return true;
+    } catch (err) {}
+    return false;
+  }();
+
+  var supportsPathInsertItemBefore_ = function () {
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 10,10');
+    var seglist = path.pathSegList;
+    var seg = path.createSVGPathSegLinetoAbs(5, 5);
+    try {
+      seglist.insertItemBefore(seg, 1);
+      return true;
+    } catch (err) {}
+    return false;
+  }();
+
+  // text character positioning (for IE9)
+  var supportsGoodTextCharPos_ = function () {
+    var svgroot = document.createElementNS(NS.SVG, 'svg');
+    var svgcontent = document.createElementNS(NS.SVG, 'svg');
+    document.documentElement.append(svgroot);
+    svgcontent.setAttribute('x', 5);
+    svgroot.append(svgcontent);
+    var text = document.createElementNS(NS.SVG, 'text');
+    text.textContent = 'a';
+    svgcontent.append(text);
+    var pos = text.getStartPositionOfChar(0).x;
+    svgroot.remove();
+    return pos === 0;
+  }();
+
+  var supportsPathBBox_ = function () {
+    var svgcontent = document.createElementNS(NS.SVG, 'svg');
+    document.documentElement.append(svgcontent);
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 C0,0 10,10 10,0');
+    svgcontent.append(path);
+    var bbox = path.getBBox();
+    svgcontent.remove();
+    return bbox.height > 4 && bbox.height < 5;
+  }();
+
+  // Support for correct bbox sizing on groups with horizontal/vertical lines
+  var supportsHVLineContainerBBox_ = function () {
+    var svgcontent = document.createElementNS(NS.SVG, 'svg');
+    document.documentElement.append(svgcontent);
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 10,0');
+    var path2 = document.createElementNS(NS.SVG, 'path');
+    path2.setAttribute('d', 'M5,0 15,0');
+    var g = document.createElementNS(NS.SVG, 'g');
+    g.append(path, path2);
+    svgcontent.append(g);
+    var bbox = g.getBBox();
+    svgcontent.remove();
+    // Webkit gives 0, FF gives 10, Opera (correctly) gives 15
+    return bbox.width === 15;
+  }();
+
+  var supportsGoodDecimals_ = function () {
+    // Correct decimals on clone attributes (Opera < 10.5/win/non-en)
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    rect.setAttribute('x', 0.1);
+    var crect = rect.cloneNode(false);
+    var retValue = !crect.getAttribute('x').includes(',');
+    if (!retValue) {
+      // Todo: i18nize or remove
+      $.alert('NOTE: This version of Opera is known to contain bugs in SVG-edit.\n' + 'Please upgrade to the <a href="http://opera.com">latest version</a> in which the problems have been fixed.');
+    }
+    return retValue;
+  }();
+
+  var supportsNonScalingStroke_ = function () {
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    rect.setAttribute('style', 'vector-effect:non-scaling-stroke');
+    return rect.style.vectorEffect === 'non-scaling-stroke';
+  }();
+
+  var supportsNativeSVGTransformLists_ = function () {
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    var rxform = rect.transform.baseVal;
+    var t1 = svg.createSVGTransform();
+    rxform.appendItem(t1);
+    var r1 = rxform.getItem(0);
+    // Todo: Do frame-independent instance checking
+    return r1 instanceof SVGTransform && t1 instanceof SVGTransform && r1.type === t1.type && r1.angle === t1.angle && r1.matrix.a === t1.matrix.a && r1.matrix.b === t1.matrix.b && r1.matrix.c === t1.matrix.c && r1.matrix.d === t1.matrix.d && r1.matrix.e === t1.matrix.e && r1.matrix.f === t1.matrix.f;
+  }();
+
+  // Public API
+
+  /**
+   * @function module:browser.isOpera
+   * @returns {boolean}
+  */
+  var isOpera = function isOpera() {
+    return isOpera_;
+  };
+  /**
+   * @function module:browser.isWebkit
+   * @returns {boolean}
+  */
+  var isWebkit = function isWebkit() {
+    return isWebkit_;
+  };
+  /**
+   * @function module:browser.isGecko
+   * @returns {boolean}
+  */
+  var isGecko = function isGecko() {
+    return isGecko_;
+  };
+  /**
+   * @function module:browser.isIE
+   * @returns {boolean}
+  */
+  var isIE = function isIE() {
+    return isIE_;
+  };
+  /**
+   * @function module:browser.isChrome
+   * @returns {boolean}
+  */
+  var isChrome = function isChrome() {
+    return isChrome_;
+  };
+  /**
+   * @function module:browser.isMac
+   * @returns {boolean}
+  */
+  var isMac = function isMac() {
+    return isMac_;
+  };
+  /**
+   * @function module:browser.isTouch
+   * @returns {boolean}
+  */
+  var isTouch = function isTouch() {
+    return isTouch_;
+  };
+
+  /**
+   * @function module:browser.supportsSelectors
+   * @returns {boolean}
+  */
+  var supportsSelectors = function supportsSelectors() {
+    return supportsSelectors_;
+  };
+
+  /**
+   * @function module:browser.supportsXpath
+   * @returns {boolean}
+  */
+  var supportsXpath = function supportsXpath() {
+    return supportsXpath_;
+  };
+
+  /**
+   * @function module:browser.supportsPathReplaceItem
+   * @returns {boolean}
+  */
+  var supportsPathReplaceItem = function supportsPathReplaceItem() {
+    return supportsPathReplaceItem_;
+  };
+
+  /**
+   * @function module:browser.supportsPathInsertItemBefore
+   * @returns {boolean}
+  */
+  var supportsPathInsertItemBefore = function supportsPathInsertItemBefore() {
+    return supportsPathInsertItemBefore_;
+  };
+
+  /**
+   * @function module:browser.supportsPathBBox
+   * @returns {boolean}
+  */
+  var supportsPathBBox = function supportsPathBBox() {
+    return supportsPathBBox_;
+  };
+
+  /**
+   * @function module:browser.supportsHVLineContainerBBox
+   * @returns {boolean}
+  */
+  var supportsHVLineContainerBBox = function supportsHVLineContainerBBox() {
+    return supportsHVLineContainerBBox_;
+  };
+
+  /**
+   * @function module:browser.supportsGoodTextCharPos
+   * @returns {boolean}
+  */
+  var supportsGoodTextCharPos = function supportsGoodTextCharPos() {
+    return supportsGoodTextCharPos_;
+  };
+
+  /**
+  * @function module:browser.supportsNonScalingStroke
+  * @returns {boolean}
+  */
+  var supportsNonScalingStroke = function supportsNonScalingStroke() {
+    return supportsNonScalingStroke_;
+  };
+
+  /**
+  * @function module:browser.supportsNativeTransformLists
+  * @returns {boolean}
+  */
+  var supportsNativeTransformLists = function supportsNativeTransformLists() {
+    return supportsNativeSVGTransformLists_;
+  };
+
+  /**
+   * jQuery module to work with SVG attributes
+   * @module jQueryAttr
+   * @license MIT
+   */
+
+  /**
+  * This fixes `$(...).attr()` to work as expected with SVG elements.
+  * Does not currently use `*AttributeNS()` since we rarely need that.
+  * Adds {@link external:jQuery.fn.attr}.
+  * See {@link https://api.jquery.com/attr/} for basic documentation of `.attr()`
+  *
+  * Additional functionality:
+  * - When getting attributes, a string that's a number is returned as type number.
+  * - If an array is supplied as the first parameter, multiple values are returned
+  *    as an object with values for each given attribute
+  * @function module:jQueryAttr.jQueryAttr
+  * @param {external:jQuery} $ The jQuery object to which to add the plug-in
+  * @returns {external:jQuery}
+  */
+  function jqPluginSVG ($) {
+    var proxied = $.fn.attr,
+        svgns = 'http://www.w3.org/2000/svg';
+    /**
+    * @typedef {PlainObject.<string, string|Float>} module:jQueryAttr.Attributes
+    */
+    /**
+    * @function external:jQuery.fn.attr
+    * @param {string|string[]|PlainObject.<string, string>} key
+    * @param {string} value
+    * @returns {external:jQuery|module:jQueryAttr.Attributes}
+    */
+    $.fn.attr = function (key, value) {
+      var len = this.length;
+      if (!len) {
+        return proxied.apply(this, arguments);
+      }
+      for (var i = 0; i < len; ++i) {
+        var elem = this[i];
+        // set/get SVG attribute
+        if (elem.namespaceURI === svgns) {
+          // Setting attribute
+          if (value !== undefined) {
+            elem.setAttribute(key, value);
+          } else if (Array.isArray(key)) {
+            // Getting attributes from array
+            var obj = {};
+            var j = key.length;
+
+            while (j--) {
+              var aname = key[j];
+              var attr = elem.getAttribute(aname);
+              // This returns a number when appropriate
+              if (attr || attr === '0') {
+                attr = isNaN(attr) ? attr : attr - 0;
+              }
+              obj[aname] = attr;
+            }
+            return obj;
+          }
+          if ((typeof key === 'undefined' ? 'undefined' : _typeof(key)) === 'object') {
+            // Setting attributes from object
+            var _iteratorNormalCompletion = true;
+            var _didIteratorError = false;
+            var _iteratorError = undefined;
+
+            try {
+              for (var _iterator = Object.entries(key)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                var _ref = _step.value;
+
+                var _ref2 = slicedToArray(_ref, 2);
+
+                var name = _ref2[0];
+                var val = _ref2[1];
+
+                elem.setAttribute(name, val);
+              }
+              // Getting attribute
+            } catch (err) {
+              _didIteratorError = true;
+              _iteratorError = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion && _iterator.return) {
+                  _iterator.return();
+                }
+              } finally {
+                if (_didIteratorError) {
+                  throw _iteratorError;
+                }
+              }
+            }
+          } else {
+            var _attr = elem.getAttribute(key);
+            if (_attr || _attr === '0') {
+              _attr = isNaN(_attr) ? _attr : _attr - 0;
+            }
+            return _attr;
+          }
+        } else {
+          return proxied.apply(this, arguments);
+        }
+      }
+      return this;
+    };
+    return $;
+  }
+
+  /**
+   * Partial polyfill of `SVGTransformList`
+   * @module SVGTransformList
+   *
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+   */
+
+  var svgroot = document.createElementNS(NS.SVG, 'svg');
+
+  // Helper function.
+  function transformToString(xform) {
+    var m = xform.matrix;
+    var text = '';
+    switch (xform.type) {
+      case 1:
+        // MATRIX
+        text = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')';
+        break;
+      case 2:
+        // TRANSLATE
+        text = 'translate(' + m.e + ',' + m.f + ')';
+        break;
+      case 3:
+        // SCALE
+        if (m.a === m.d) {
+          text = 'scale(' + m.a + ')';
+        } else {
+          text = 'scale(' + m.a + ',' + m.d + ')';
+        }
+        break;
+      case 4:
+        {
+          // ROTATE
+          var cx = 0;
+          var cy = 0;
+          // this prevents divide by zero
+          if (xform.angle !== 0) {
+            var K = 1 - m.a;
+            cy = (K * m.f + m.b * m.e) / (K * K + m.b * m.b);
+            cx = (m.e - m.b * cy) / K;
+          }
+          text = 'rotate(' + xform.angle + ' ' + cx + ',' + cy + ')';
+          break;
+        }
+    }
+    return text;
+  }
+
+  /**
+   * Map of SVGTransformList objects.
+   */
+  var listMap_ = {};
+
+  /**
+  * @interface module:SVGTransformList.SVGEditTransformList
+  * @property {Integer} numberOfItems unsigned long
+  */
+  /**
+  * @function module:SVGTransformList.SVGEditTransformList#clear
+  * @returns {undefined}
+  */
+  /**
+  * @function module:SVGTransformList.SVGEditTransformList#initialize
+  * @param {SVGTransform} newItem
+  * @returns {SVGTransform}
+  */
+  /**
+  * (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+  * @function module:SVGTransformList.SVGEditTransformList#getItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  /**
+  * (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+  * @function module:SVGTransformList.SVGEditTransformList#insertItemBefore
+  * @param {SVGTransform} newItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  /**
+  * (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+  * @function module:SVGTransformList.SVGEditTransformList#replaceItem
+  * @param {SVGTransform} newItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  /**
+  * (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+  * @function module:SVGTransformList.SVGEditTransformList#removeItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  /**
+  * @function module:SVGTransformList.SVGEditTransformList#appendItem
+  * @param {SVGTransform} newItem
+  * @returns {SVGTransform}
+  */
+  /**
+  * NOT IMPLEMENTED
+  * @ignore
+  * @function module:SVGTransformList.SVGEditTransformList#createSVGTransformFromMatrix
+  * @param {SVGMatrix} matrix
+  * @returns {SVGTransform}
+  */
+  /**
+  * NOT IMPLEMENTED
+  * @ignore
+  * @function module:SVGTransformList.SVGEditTransformList#consolidate
+  * @returns {SVGTransform}
+  */
+
+  /**
+  * SVGTransformList implementation for Webkit.
+  * These methods do not currently raise any exceptions.
+  * These methods also do not check that transforms are being inserted.  This is basically
+  * implementing as much of SVGTransformList that we need to get the job done.
+  */
+  var SVGTransformList = function () {
+    /**
+    * @param {Element} elem
+    */
+    function SVGTransformList(elem) {
+      classCallCheck(this, SVGTransformList);
+
+      this._elem = elem || null;
+      this._xforms = [];
+      // TODO: how do we capture the undo-ability in the changed transform list?
+      this._update = function () {
+        var tstr = '';
+        /* const concatMatrix = */svgroot.createSVGMatrix();
+        for (var i = 0; i < this.numberOfItems; ++i) {
+          var xform = this._list.getItem(i);
+          tstr += transformToString(xform) + ' ';
+        }
+        this._elem.setAttribute('transform', tstr);
+      };
+      this._list = this;
+      this._init = function () {
+        var _this = this;
+
+        // Transform attribute parser
+        var str = this._elem.getAttribute('transform');
+        if (!str) {
+          return;
+        }
+
+        // TODO: Add skew support in future
+        var re = /\s*((scale|matrix|rotate|translate)\s*\(.*?\))\s*,?\s*/;
+        var m = true;
+        while (m) {
+          m = str.match(re);
+          str = str.replace(re, '');
+          if (m && m[1]) {
+            (function () {
+              var x = m[1];
+              var bits = x.split(/\s*\(/);
+              var name = bits[0];
+              var valBits = bits[1].match(/\s*(.*?)\s*\)/);
+              valBits[1] = valBits[1].replace(/(\d)-/g, '$1 -');
+              var valArr = valBits[1].split(/[, ]+/);
+              var letters = 'abcdef'.split('');
+              var mtx = svgroot.createSVGMatrix();
+              Object.values(valArr).forEach(function (item, i) {
+                valArr[i] = parseFloat(item);
+                if (name === 'matrix') {
+                  mtx[letters[i]] = valArr[i];
+                }
+              });
+              var xform = svgroot.createSVGTransform();
+              var fname = 'set' + name.charAt(0).toUpperCase() + name.slice(1);
+              var values = name === 'matrix' ? [mtx] : valArr;
+
+              if (name === 'scale' && values.length === 1) {
+                values.push(values[0]);
+              } else if (name === 'translate' && values.length === 1) {
+                values.push(0);
+              } else if (name === 'rotate' && values.length === 1) {
+                values.push(0, 0);
+              }
+              xform[fname].apply(xform, values);
+              _this._list.appendItem(xform);
+            })();
+          }
+        }
+      };
+      this._removeFromOtherLists = function (item) {
+        if (item) {
+          // Check if this transform is already in a transformlist, and
+          // remove it if so.
+          var found = false;
+          for (var id in listMap_) {
+            var tl = listMap_[id];
+            for (var i = 0, len = tl._xforms.length; i < len; ++i) {
+              if (tl._xforms[i] === item) {
+                found = true;
+                tl.removeItem(i);
+                break;
+              }
+            }
+            if (found) {
+              break;
+            }
+          }
+        }
+      };
+
+      this.numberOfItems = 0;
+    }
+    /**
+    * @returns {undefined}
+    */
+
+
+    createClass(SVGTransformList, [{
+      key: 'clear',
+      value: function clear() {
+        this.numberOfItems = 0;
+        this._xforms = [];
+      }
+
+      /**
+      * @param {SVGTransform} newItem
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'initialize',
+      value: function initialize(newItem) {
+        this.numberOfItems = 1;
+        this._removeFromOtherLists(newItem);
+        this._xforms = [newItem];
+      }
+
+      /**
+      * @param {Integer} index unsigned long
+      * @throws {Error}
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'getItem',
+      value: function getItem(index) {
+        if (index < this.numberOfItems && index >= 0) {
+          return this._xforms[index];
+        }
+        var err = new Error('DOMException with code=INDEX_SIZE_ERR');
+        err.code = 1;
+        throw err;
+      }
+
+      /**
+      * @param {SVGTransform} newItem
+      * @param {Integer} index unsigned long
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'insertItemBefore',
+      value: function insertItemBefore(newItem, index) {
+        var retValue = null;
+        if (index >= 0) {
+          if (index < this.numberOfItems) {
+            this._removeFromOtherLists(newItem);
+            var newxforms = new Array(this.numberOfItems + 1);
+            // TODO: use array copying and slicing
+            var i = void 0;
+            for (i = 0; i < index; ++i) {
+              newxforms[i] = this._xforms[i];
+            }
+            newxforms[i] = newItem;
+            for (var j = i + 1; i < this.numberOfItems; ++j, ++i) {
+              newxforms[j] = this._xforms[i];
+            }
+            this.numberOfItems++;
+            this._xforms = newxforms;
+            retValue = newItem;
+            this._list._update();
+          } else {
+            retValue = this._list.appendItem(newItem);
+          }
+        }
+        return retValue;
+      }
+
+      /**
+      * @param {SVGTransform} newItem
+      * @param {Integer} index unsigned long
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'replaceItem',
+      value: function replaceItem(newItem, index) {
+        var retValue = null;
+        if (index < this.numberOfItems && index >= 0) {
+          this._removeFromOtherLists(newItem);
+          this._xforms[index] = newItem;
+          retValue = newItem;
+          this._list._update();
+        }
+        return retValue;
+      }
+
+      /**
+      * @param {Integer} index unsigned long
+      * @throws {Error}
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'removeItem',
+      value: function removeItem(index) {
+        if (index < this.numberOfItems && index >= 0) {
+          var retValue = this._xforms[index];
+          var newxforms = new Array(this.numberOfItems - 1);
+          var i = void 0;
+          for (i = 0; i < index; ++i) {
+            newxforms[i] = this._xforms[i];
+          }
+          for (var j = i; j < this.numberOfItems - 1; ++j, ++i) {
+            newxforms[j] = this._xforms[i + 1];
+          }
+          this.numberOfItems--;
+          this._xforms = newxforms;
+          this._list._update();
+          return retValue;
+        }
+        var err = new Error('DOMException with code=INDEX_SIZE_ERR');
+        err.code = 1;
+        throw err;
+      }
+
+      /**
+      * @param {SVGTransform} newItem
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'appendItem',
+      value: function appendItem(newItem) {
+        this._removeFromOtherLists(newItem);
+        this._xforms.push(newItem);
+        this.numberOfItems++;
+        this._list._update();
+        return newItem;
+      }
+    }]);
+    return SVGTransformList;
+  }();
+
+  /**
+  * @function module:SVGTransformList.resetListMap
+  * @returns {undefined}
+  */
+  var resetListMap = function resetListMap() {
+    listMap_ = {};
+  };
+
+  /**
+   * Removes transforms of the given element from the map.
+   * @function module:SVGTransformList.removeElementFromListMap
+   * @param {Element} elem - a DOM Element
+   * @returns {undefined}
+   */
+  var removeElementFromListMap = function removeElementFromListMap(elem) {
+    if (elem.id && listMap_[elem.id]) {
+      delete listMap_[elem.id];
+    }
+  };
+
+  /**
+  * Returns an object that behaves like a `SVGTransformList` for the given DOM element
+  * @function module:SVGTransformList.getTransformList
+  * @param {Element} elem - DOM element to get a transformlist from
+  * @todo The polyfill should have `SVGAnimatedTransformList` and this should use it
+  * @returns {SVGAnimatedTransformList|SVGTransformList}
+  */
+  var getTransformList = function getTransformList(elem) {
+    if (!supportsNativeTransformLists()) {
+      var id = elem.id || 'temp';
+      var t = listMap_[id];
+      if (!t || id === 'temp') {
+        listMap_[id] = new SVGTransformList(elem);
+        listMap_[id]._init();
+        t = listMap_[id];
+      }
+      return t;
+    }
+    if (elem.transform) {
+      return elem.transform.baseVal;
+    }
+    if (elem.gradientTransform) {
+      return elem.gradientTransform.baseVal;
+    }
+    if (elem.patternTransform) {
+      return elem.patternTransform.baseVal;
+    }
+
+    return null;
+  };
+
+  /**
+   * Tools for working with units
+   * @module units
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+   */
+
+  var wAttrs = ['x', 'x1', 'cx', 'rx', 'width'];
+  var hAttrs = ['y', 'y1', 'cy', 'ry', 'height'];
+  var unitAttrs = ['r', 'radius'].concat(wAttrs, hAttrs);
+  // unused
+  /*
+  const unitNumMap = {
+    '%': 2,
+    em: 3,
+    ex: 4,
+    px: 5,
+    cm: 6,
+    mm: 7,
+    in: 8,
+    pt: 9,
+    pc: 10
+  };
+  */
+  // Container of elements.
+  var elementContainer_ = void 0;
+
+  // Stores mapping of unit type to user coordinates.
+  var typeMap_ = {};
+
+  /**
+   * @interface module:units.ElementContainer
+   */
+  /**
+   * @function module:units.ElementContainer#getBaseUnit
+   * @returns {string} The base unit type of the container ('em')
+   */
+  /**
+   * @function module:units.ElementContainer#getElement
+   * @returns {Element} An element in the container given an id
+   */
+  /**
+   * @function module:units.ElementContainer#getHeight
+   * @returns {Float} The container's height
+   */
+  /**
+   * @function module:units.ElementContainer#getWidth
+   * @returns {Float} The container's width
+   */
+  /**
+   * @function module:units.ElementContainer#getRoundDigits
+   * @returns {Integer} The number of digits number should be rounded to
+   */
+
+  /**
+   * @typedef {PlainObject} module:units.TypeMap
+   * @property {Float} em
+   * @property {Float} ex
+   * @property {Float} in
+   * @property {Float} cm
+   * @property {Float} mm
+   * @property {Float} pt
+   * @property {Float} pc
+   * @property {Integer} px
+   * @property {0} %
+   */
+
+  /**
+   * Initializes this module.
+   *
+   * @function module:units.init
+   * @param {module:units.ElementContainer} elementContainer - An object implementing the ElementContainer interface.
+   * @returns {undefined}
+   */
+  var init = function init(elementContainer) {
+    elementContainer_ = elementContainer;
+
+    // Get correct em/ex values by creating a temporary SVG.
+    var svg = document.createElementNS(NS.SVG, 'svg');
+    document.body.append(svg);
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    rect.setAttribute('width', '1em');
+    rect.setAttribute('height', '1ex');
+    rect.setAttribute('x', '1in');
+    svg.append(rect);
+    var bb = rect.getBBox();
+    svg.remove();
+
+    var inch = bb.x;
+    typeMap_ = {
+      em: bb.width,
+      ex: bb.height,
+      in: inch,
+      cm: inch / 2.54,
+      mm: inch / 25.4,
+      pt: inch / 72,
+      pc: inch / 6,
+      px: 1,
+      '%': 0
+    };
+  };
+
+  /**
+  * Group: Unit conversion functions
+  */
+
+  /**
+   * @function module:units.getTypeMap
+   * @returns {module:units.TypeMap} The unit object with values for each unit
+  */
+  var getTypeMap = function getTypeMap() {
+    return typeMap_;
+  };
+
+  /**
+  * @typedef {GenericArray} module:units.CompareNumbers
+  * @property {Integer} length 2
+  * @property {Float} 0
+  * @property {Float} 1
+  */
+
+  /**
+  * Rounds a given value to a float with number of digits defined in
+  * `round_digits` of `saveOptions`
+  *
+  * @function module:units.shortFloat
+  * @param {string|Float|module:units.CompareNumbers} val - The value (or Array of two numbers) to be rounded
+  * @returns {Float|string} If a string/number was given, returns a Float. If an array, return a string
+  * with comma-separated floats
+  */
+  var shortFloat = function shortFloat(val) {
+    var digits = elementContainer_.getRoundDigits();
+    if (!isNaN(val)) {
+      // Note that + converts to Number
+      return +(+val).toFixed(digits);
+    }
+    if (Array.isArray(val)) {
+      return shortFloat(val[0]) + ',' + shortFloat(val[1]);
+    }
+    return parseFloat(val).toFixed(digits) - 0;
+  };
+
+  /**
+  * Converts the number to given unit or baseUnit
+  * @function module:units.convertUnit
+  * @returns {Float}
+  */
+  var convertUnit = function convertUnit(val, unit) {
+    unit = unit || elementContainer_.getBaseUnit();
+    // baseVal.convertToSpecifiedUnits(unitNumMap[unit]);
+    // const val = baseVal.valueInSpecifiedUnits;
+    // baseVal.convertToSpecifiedUnits(1);
+    return shortFloat(val / typeMap_[unit]);
+  };
+
+  /**
+  * Sets an element's attribute based on the unit in its current value.
+  *
+  * @function module:units.setUnitAttr
+  * @param {Element} elem - DOM element to be changed
+  * @param {string} attr - Name of the attribute associated with the value
+  * @param {string} val - Attribute value to convert
+  * @returns {undefined}
+  */
+  var setUnitAttr = function setUnitAttr(elem, attr, val) {
+    //  if (!isNaN(val)) {
+    // New value is a number, so check currently used unit
+    // const oldVal = elem.getAttribute(attr);
+
+    // Enable this for alternate mode
+    // if (oldVal !== null && (isNaN(oldVal) || elementContainer_.getBaseUnit() !== 'px')) {
+    //   // Old value was a number, so get unit, then convert
+    //   let unit;
+    //   if (oldVal.substr(-1) === '%') {
+    //     const res = getResolution();
+    //     unit = '%';
+    //     val *= 100;
+    //     if (wAttrs.includes(attr)) {
+    //       val = val / res.w;
+    //     } else if (hAttrs.includes(attr)) {
+    //       val = val / res.h;
+    //     } else {
+    //       return val / Math.sqrt((res.w*res.w) + (res.h*res.h))/Math.sqrt(2);
+    //     }
+    //   } else {
+    //     if (elementContainer_.getBaseUnit() !== 'px') {
+    //       unit = elementContainer_.getBaseUnit();
+    //     } else {
+    //       unit = oldVal.substr(-2);
+    //     }
+    //     val = val / typeMap_[unit];
+    //   }
+    //
+    // val += unit;
+    // }
+    // }
+    elem.setAttribute(attr, val);
+  };
+
+  /**
+  * Converts given values to numbers. Attributes must be supplied in
+  * case a percentage is given
+  *
+  * @function module:units.convertToNum
+  * @param {string} attr - Name of the attribute associated with the value
+  * @param {string} val - Attribute value to convert
+  * @returns {Float} The converted number
+  */
+  var convertToNum = function convertToNum(attr, val) {
+    // Return a number if that's what it already is
+    if (!isNaN(val)) {
+      return val - 0;
+    }
+    if (val.substr(-1) === '%') {
+      // Deal with percentage, depends on attribute
+      var _num = val.substr(0, val.length - 1) / 100;
+      var width = elementContainer_.getWidth();
+      var height = elementContainer_.getHeight();
+
+      if (wAttrs.includes(attr)) {
+        return _num * width;
+      }
+      if (hAttrs.includes(attr)) {
+        return _num * height;
+      }
+      return _num * Math.sqrt(width * width + height * height) / Math.sqrt(2);
+    }
+    var unit = val.substr(-2);
+    var num = val.substr(0, val.length - 2);
+    // Note that this multiplication turns the string into a number
+    return num * typeMap_[unit];
+  };
+
+  /**
+  * Check if an attribute's value is in a valid format
+  * @function module:units.isValidUnit
+  * @param {string} attr - The name of the attribute associated with the value
+  * @param {string} val - The attribute value to check
+  * @returns {boolean} Whether the unit is valid
+  */
+  var isValidUnit = function isValidUnit(attr, val, selectedElement) {
+    if (unitAttrs.includes(attr)) {
+      // True if it's just a number
+      if (!isNaN(val)) {
+        return true;
+      }
+      // Not a number, check if it has a valid unit
+      val = val.toLowerCase();
+      return Object.keys(typeMap_).some(function (unit) {
+        var re = new RegExp('^-?[\\d\\.]+' + unit + '$');
+        return re.test(val);
+      });
+    }
+    if (attr === 'id') {
+      // if we're trying to change the id, make sure it's not already present in the doc
+      // and the id value is valid.
+
+      var result = false;
+      // because getElem() can throw an exception in the case of an invalid id
+      // (according to https://www.w3.org/TR/xml-id/ IDs must be a NCName)
+      // we wrap it in an exception and only return true if the ID was valid and
+      // not already present
+      try {
+        var elem = elementContainer_.getElement(val);
+        result = elem == null || elem === selectedElement;
+      } catch (e) {}
+      return result;
+    }
+    return true;
+  };
+
+  /**
+   * For command history tracking and undo functionality
+   * @module history
+   * @license MIT
+   * @copyright 2010 Jeff Schiller
+   */
+
+  /**
+  * Group: Undo/Redo history management
+  */
+  var HistoryEventTypes = {
+    BEFORE_APPLY: 'before_apply',
+    AFTER_APPLY: 'after_apply',
+    BEFORE_UNAPPLY: 'before_unapply',
+    AFTER_UNAPPLY: 'after_unapply'
+  };
+
+  // const removedElements = {};
+
+  /**
+  * Base class for commands
+  */
+
+  var Command = function () {
+    function Command() {
+      classCallCheck(this, Command);
+    }
+
+    createClass(Command, [{
+      key: 'getText',
+
+      /**
+      * @returns {string}
+      */
+      value: function getText() {
+        return this.text;
+      }
+    }]);
+    return Command;
+  }();
+
+  // Todo: Figure out why the interface members aren't showing
+  //   up (with or without modules applied), despite our apparently following
+  //   http://usejsdoc.org/tags-interface.html#virtual-comments
+
+  /**
+   * An interface that all command objects must implement.
+   * @interface module:history.HistoryCommand
+  */
+  /**
+   * Applies
+   *
+   * @function module:history.HistoryCommand#apply
+   * @param {module:history.HistoryEventHandler}
+   * @fires module:history~Command#event:history
+   * @returns {undefined|true}
+   */
+  /**
+   *
+   * Unapplies
+   * @function module:history.HistoryCommand#unapply
+   * @param {module:history.HistoryEventHandler}
+   * @fires module:history~Command#event:history
+   * @returns {undefined|true}
+   */
+  /**
+   * Returns the elements
+   * @function module:history.HistoryCommand#elements
+   * @returns {Element[]}
+   */
+  /**
+   * Gets the text
+   * @function module:history.HistoryCommand#getText
+   * @returns {string}
+   */
+  /**
+   * Gives the type
+   * @function module:history.HistoryCommand.type
+   * @returns {string}
+   */
+  /**
+   * Gives the type
+   * @function module:history.HistoryCommand#type
+   * @returns {string}
+  */
+
+  /**
+   * @event module:history~Command#event:history
+   * @type {module:history.HistoryCommand}
+   */
+
+  /**
+   * An interface for objects that will handle history events.
+   * @interface module:history.HistoryEventHandler
+   */
+  /**
+   *
+   * @function module:history.HistoryEventHandler#handleHistoryEvent
+   * @param {string} eventType One of the HistoryEvent types
+   * @param {module:history~Command#event:history} command
+   * @listens module:history~Command#event:history
+   * @returns {undefined}
+   *
+   */
+
+  /**
+   * History command for an element that had its DOM position changed
+   * @implements {module:history.HistoryCommand}
+   * @param {Element} elem - The DOM element that was moved
+   * @param {Element} oldNextSibling - The element's next sibling before it was moved
+   * @param {Element} oldParent - The element's parent before it was moved
+   * @param {string} [text] - An optional string visible to user related to this change
+  */
+
+
+  var MoveElementCommand = function (_Command) {
+    inherits(MoveElementCommand, _Command);
+
+    function MoveElementCommand(elem, oldNextSibling, oldParent, text) {
+      classCallCheck(this, MoveElementCommand);
+
+      var _this = possibleConstructorReturn(this, (MoveElementCommand.__proto__ || Object.getPrototypeOf(MoveElementCommand)).call(this));
+
+      _this.elem = elem;
+      _this.text = text ? 'Move ' + elem.tagName + ' to ' + text : 'Move ' + elem.tagName;
+      _this.oldNextSibling = oldNextSibling;
+      _this.oldParent = oldParent;
+      _this.newNextSibling = elem.nextSibling;
+      _this.newParent = elem.parentNode;
+      return _this;
+    }
+
+    createClass(MoveElementCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.MoveElementCommand';
+      }
+
+      /**
+       * Re-positions the element
+       * @param {module:history.HistoryEventHandler} handler
+       * @fires module:history~Command#event:history
+       * @returns {undefined}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        // TODO(codedread): Refactor this common event code into a base HistoryCommand class.
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        this.elem = this.newParent.insertBefore(this.elem, this.newNextSibling);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+      }
+
+      /**
+       * Positions the element back to its original location
+       * @param {module:history.HistoryEventHandler} handler
+       * @fires module:history~Command#event:history
+       * @returns {undefined}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        this.elem = this.oldParent.insertBefore(this.elem, this.oldNextSibling);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+      }
+
+      /**
+      * @returns {Element[]} Array with element associated with this command
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        return [this.elem];
+      }
+    }]);
+    return MoveElementCommand;
+  }(Command);
+  MoveElementCommand.type = MoveElementCommand.prototype.type;
+
+  /**
+  * History command for an element that was added to the DOM
+  * @implements {module:history.HistoryCommand}
+  *
+  * @param {Element} elem - The newly added DOM element
+  * @param {string} text - An optional string visible to user related to this change
+  */
+  var InsertElementCommand = function (_Command2) {
+    inherits(InsertElementCommand, _Command2);
+
+    function InsertElementCommand(elem, text) {
+      classCallCheck(this, InsertElementCommand);
+
+      var _this2 = possibleConstructorReturn(this, (InsertElementCommand.__proto__ || Object.getPrototypeOf(InsertElementCommand)).call(this));
+
+      _this2.elem = elem;
+      _this2.text = text || 'Create ' + elem.tagName;
+      _this2.parent = elem.parentNode;
+      _this2.nextSibling = _this2.elem.nextSibling;
+      return _this2;
+    }
+
+    createClass(InsertElementCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.InsertElementCommand';
+      }
+
+      /**
+      * Re-inserts the new element
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        this.elem = this.parent.insertBefore(this.elem, this.nextSibling);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+      }
+
+      /**
+      * Removes the element
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        this.parent = this.elem.parentNode;
+        this.elem = this.elem.parentNode.removeChild(this.elem);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+      }
+
+      /**
+      * @returns {Element[]} Array with element associated with this command
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        return [this.elem];
+      }
+    }]);
+    return InsertElementCommand;
+  }(Command);
+  InsertElementCommand.type = InsertElementCommand.prototype.type;
+
+  /**
+  * History command for an element removed from the DOM
+  * @implements {module:history.HistoryCommand}
+  * @param {Element} elem - The removed DOM element
+  * @param {Node} oldNextSibling - The DOM element's nextSibling when it was in the DOM
+  * @param {Element} oldParent - The DOM element's parent
+  * @param {string} [text] - An optional string visible to user related to this change
+  */
+  var RemoveElementCommand = function (_Command3) {
+    inherits(RemoveElementCommand, _Command3);
+
+    function RemoveElementCommand(elem, oldNextSibling, oldParent, text) {
+      classCallCheck(this, RemoveElementCommand);
+
+      var _this3 = possibleConstructorReturn(this, (RemoveElementCommand.__proto__ || Object.getPrototypeOf(RemoveElementCommand)).call(this));
+
+      _this3.elem = elem;
+      _this3.text = text || 'Delete ' + elem.tagName;
+      _this3.nextSibling = oldNextSibling;
+      _this3.parent = oldParent;
+
+      // special hack for webkit: remove this element's entry in the svgTransformLists map
+      removeElementFromListMap(elem);
+      return _this3;
+    }
+
+    createClass(RemoveElementCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.RemoveElementCommand';
+      }
+
+      /**
+      * Re-removes the new element
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        removeElementFromListMap(this.elem);
+        this.parent = this.elem.parentNode;
+        this.elem = this.parent.removeChild(this.elem);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+      }
+
+      /**
+      * Re-adds the new element
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        removeElementFromListMap(this.elem);
+        if (this.nextSibling == null) {
+          if (window.console) {
+            console.log('Error: reference element was lost');
+          }
+        }
+        this.parent.insertBefore(this.elem, this.nextSibling); // Don't use `before` or `prepend` as `this.nextSibling` may be `null`
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+      }
+
+      /**
+      * @returns {Element[]} Array with element associated with this command
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        return [this.elem];
+      }
+    }]);
+    return RemoveElementCommand;
+  }(Command);
+  RemoveElementCommand.type = RemoveElementCommand.prototype.type;
+
+  /**
+  * @typedef {"#text"|"#href"|string} module:history.CommandAttributeName
+  */
+  /**
+  * @typedef {PlainObject.<module:history.CommandAttributeName, string>} module:history.CommandAttributes
+  */
+
+  /**
+  * History command to make a change to an element.
+  * Usually an attribute change, but can also be textcontent.
+  * @implements {module:history.HistoryCommand}
+  * @param {Element} elem - The DOM element that was changed
+  * @param {module:history.CommandAttributes} attrs - Attributes to be changed with the values they had *before* the change
+  * @param {string} text - An optional string visible to user related to this change
+  */
+  var ChangeElementCommand = function (_Command4) {
+    inherits(ChangeElementCommand, _Command4);
+
+    function ChangeElementCommand(elem, attrs, text) {
+      classCallCheck(this, ChangeElementCommand);
+
+      var _this4 = possibleConstructorReturn(this, (ChangeElementCommand.__proto__ || Object.getPrototypeOf(ChangeElementCommand)).call(this));
+
+      _this4.elem = elem;
+      _this4.text = text ? 'Change ' + elem.tagName + ' ' + text : 'Change ' + elem.tagName;
+      _this4.newValues = {};
+      _this4.oldValues = attrs;
+      for (var attr in attrs) {
+        if (attr === '#text') {
+          _this4.newValues[attr] = elem.textContent;
+        } else if (attr === '#href') {
+          _this4.newValues[attr] = getHref(elem);
+        } else {
+          _this4.newValues[attr] = elem.getAttribute(attr);
+        }
+      }
+      return _this4;
+    }
+
+    createClass(ChangeElementCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.ChangeElementCommand';
+      }
+
+      /**
+      * Performs the stored change action
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {true}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        var bChangedTransform = false;
+        for (var attr in this.newValues) {
+          if (this.newValues[attr]) {
+            if (attr === '#text') {
+              this.elem.textContent = this.newValues[attr];
+            } else if (attr === '#href') {
+              setHref(this.elem, this.newValues[attr]);
+            } else {
+              this.elem.setAttribute(attr, this.newValues[attr]);
+            }
+          } else {
+            if (attr === '#text') {
+              this.elem.textContent = '';
+            } else {
+              this.elem.setAttribute(attr, '');
+              this.elem.removeAttribute(attr);
+            }
+          }
+
+          if (attr === 'transform') {
+            bChangedTransform = true;
+          }
+        }
+
+        // relocate rotational transform, if necessary
+        if (!bChangedTransform) {
+          var angle = getRotationAngle(this.elem);
+          if (angle) {
+            var bbox = this.elem.getBBox();
+            var cx = bbox.x + bbox.width / 2,
+                cy = bbox.y + bbox.height / 2;
+            var rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');
+            if (rotate !== this.elem.getAttribute('transform')) {
+              this.elem.setAttribute('transform', rotate);
+            }
+          }
+        }
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+
+        return true;
+      }
+
+      /**
+      * Reverses the stored change action
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {true}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        var bChangedTransform = false;
+        for (var attr in this.oldValues) {
+          if (this.oldValues[attr]) {
+            if (attr === '#text') {
+              this.elem.textContent = this.oldValues[attr];
+            } else if (attr === '#href') {
+              setHref(this.elem, this.oldValues[attr]);
+            } else {
+              this.elem.setAttribute(attr, this.oldValues[attr]);
+            }
+          } else {
+            if (attr === '#text') {
+              this.elem.textContent = '';
+            } else {
+              this.elem.removeAttribute(attr);
+            }
+          }
+          if (attr === 'transform') {
+            bChangedTransform = true;
+          }
+        }
+        // relocate rotational transform, if necessary
+        if (!bChangedTransform) {
+          var angle = getRotationAngle(this.elem);
+          if (angle) {
+            var bbox = this.elem.getBBox();
+            var cx = bbox.x + bbox.width / 2,
+                cy = bbox.y + bbox.height / 2;
+            var rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');
+            if (rotate !== this.elem.getAttribute('transform')) {
+              this.elem.setAttribute('transform', rotate);
+            }
+          }
+        }
+
+        // Remove transformlist to prevent confusion that causes bugs like 575.
+        removeElementFromListMap(this.elem);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+
+        return true;
+      }
+
+      /**
+      * @returns {Element[]} Array with element associated with this command
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        return [this.elem];
+      }
+    }]);
+    return ChangeElementCommand;
+  }(Command);
+  ChangeElementCommand.type = ChangeElementCommand.prototype.type;
+
+  // TODO: create a 'typing' command object that tracks changes in text
+  // if a new Typing command is created and the top command on the stack is also a Typing
+  // and they both affect the same element, then collapse the two commands into one
+
+  /**
+  * History command that can contain/execute multiple other commands
+  * @implements {module:history.HistoryCommand}
+  */
+  var BatchCommand = function (_Command5) {
+    inherits(BatchCommand, _Command5);
+
+    /**
+    * @param {string} [text] - An optional string visible to user related to this change
+    */
+    function BatchCommand(text) {
+      classCallCheck(this, BatchCommand);
+
+      var _this5 = possibleConstructorReturn(this, (BatchCommand.__proto__ || Object.getPrototypeOf(BatchCommand)).call(this));
+
+      _this5.text = text || 'Batch Command';
+      _this5.stack = [];
+      return _this5;
+    }
+
+    createClass(BatchCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.BatchCommand';
+      }
+
+      /**
+      * Runs "apply" on all subcommands
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        var len = this.stack.length;
+        for (var i = 0; i < len; ++i) {
+          this.stack[i].apply(handler);
+        }
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+      }
+
+      /**
+      * Runs "unapply" on all subcommands
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        for (var i = this.stack.length - 1; i >= 0; i--) {
+          this.stack[i].unapply(handler);
+        }
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+      }
+
+      /**
+      * Iterate through all our subcommands
+      * @returns {Element[]} All the elements we are changing
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        var elems = [];
+        var cmd = this.stack.length;
+        while (cmd--) {
+          var thisElems = this.stack[cmd].elements();
+          var elem = thisElems.length;
+          while (elem--) {
+            if (!elems.includes(thisElems[elem])) {
+              elems.push(thisElems[elem]);
+            }
+          }
+        }
+        return elems;
+      }
+
+      /**
+      * Adds a given command to the history stack
+      * @param {Command} cmd - The undo command object to add
+      */
+
+    }, {
+      key: 'addSubCommand',
+      value: function addSubCommand(cmd) {
+        this.stack.push(cmd);
+      }
+
+      /**
+      * @returns {boolean} Indicates whether or not the batch command is empty
+      */
+
+    }, {
+      key: 'isEmpty',
+      value: function isEmpty() {
+        return !this.stack.length;
+      }
+    }]);
+    return BatchCommand;
+  }(Command);
+  BatchCommand.type = BatchCommand.prototype.type;
+
+  /**
+  *
+  */
+  var UndoManager = function () {
+    /**
+    * @param {module:history.HistoryEventHandler} historyEventHandler
+    */
+    function UndoManager(historyEventHandler) {
+      classCallCheck(this, UndoManager);
+
+      this.handler_ = historyEventHandler || null;
+      this.undoStackPointer = 0;
+      this.undoStack = [];
+
+      // this is the stack that stores the original values, the elements and
+      // the attribute name for begin/finish
+      this.undoChangeStackPointer = -1;
+      this.undoableChangeStack = [];
+    }
+
+    /**
+    * Resets the undo stack, effectively clearing the undo/redo history
+    * @returns {undefined}
+    */
+
+
+    createClass(UndoManager, [{
+      key: 'resetUndoStack',
+      value: function resetUndoStack() {
+        this.undoStack = [];
+        this.undoStackPointer = 0;
+      }
+
+      /**
+      * @returns {Integer} Current size of the undo history stack
+      */
+
+    }, {
+      key: 'getUndoStackSize',
+      value: function getUndoStackSize() {
+        return this.undoStackPointer;
+      }
+
+      /**
+      * @returns {Integer} Current size of the redo history stack
+      */
+
+    }, {
+      key: 'getRedoStackSize',
+      value: function getRedoStackSize() {
+        return this.undoStack.length - this.undoStackPointer;
+      }
+
+      /**
+      * @returns {string} String associated with the next undo command
+      */
+
+    }, {
+      key: 'getNextUndoCommandText',
+      value: function getNextUndoCommandText() {
+        return this.undoStackPointer > 0 ? this.undoStack[this.undoStackPointer - 1].getText() : '';
+      }
+
+      /**
+      * @returns {string} String associated with the next redo command
+      */
+
+    }, {
+      key: 'getNextRedoCommandText',
+      value: function getNextRedoCommandText() {
+        return this.undoStackPointer < this.undoStack.length ? this.undoStack[this.undoStackPointer].getText() : '';
+      }
+
+      /**
+      * Performs an undo step
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'undo',
+      value: function undo() {
+        if (this.undoStackPointer > 0) {
+          var cmd = this.undoStack[--this.undoStackPointer];
+          cmd.unapply(this.handler_);
+        }
+      }
+
+      /**
+      * Performs a redo step
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'redo',
+      value: function redo() {
+        if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {
+          var cmd = this.undoStack[this.undoStackPointer++];
+          cmd.apply(this.handler_);
+        }
+      }
+
+      /**
+      * Adds a command object to the undo history stack
+      * @param {Command} cmd - The command object to add
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'addCommandToHistory',
+      value: function addCommandToHistory(cmd) {
+        // FIXME: we MUST compress consecutive text changes to the same element
+        // (right now each keystroke is saved as a separate command that includes the
+        // entire text contents of the text element)
+        // TODO: consider limiting the history that we store here (need to do some slicing)
+
+        // if our stack pointer is not at the end, then we have to remove
+        // all commands after the pointer and insert the new command
+        if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {
+          this.undoStack = this.undoStack.splice(0, this.undoStackPointer);
+        }
+        this.undoStack.push(cmd);
+        this.undoStackPointer = this.undoStack.length;
+      }
+
+      /**
+      * This function tells the canvas to remember the old values of the
+      * `attrName` attribute for each element sent in.  The elements and values
+      * are stored on a stack, so the next call to `finishUndoableChange()` will
+      * pop the elements and old values off the stack, gets the current values
+      * from the DOM and uses all of these to construct the undo-able command.
+      * @param {string} attrName - The name of the attribute being changed
+      * @param {Element[]} elems - Array of DOM elements being changed
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'beginUndoableChange',
+      value: function beginUndoableChange(attrName, elems) {
+        var p = ++this.undoChangeStackPointer;
+        var i = elems.length;
+        var oldValues = new Array(i),
+            elements = new Array(i);
+        while (i--) {
+          var elem = elems[i];
+          if (elem == null) {
+            continue;
+          }
+          elements[i] = elem;
+          oldValues[i] = elem.getAttribute(attrName);
+        }
+        this.undoableChangeStack[p] = {
+          attrName: attrName,
+          oldValues: oldValues,
+          elements: elements
+        };
+      }
+
+      /**
+      * This function returns a `BatchCommand` object which summarizes the
+      * change since `beginUndoableChange` was called.  The command can then
+      * be added to the command history
+      * @returns {BatchCommand} Batch command object with resulting changes
+      */
+
+    }, {
+      key: 'finishUndoableChange',
+      value: function finishUndoableChange() {
+        var p = this.undoChangeStackPointer--;
+        var changeset = this.undoableChangeStack[p];
+        var attrName = changeset.attrName;
+
+        var batchCmd = new BatchCommand('Change ' + attrName);
+        var i = changeset.elements.length;
+        while (i--) {
+          var elem = changeset.elements[i];
+          if (elem == null) {
+            continue;
+          }
+          var changes = {};
+          changes[attrName] = changeset.oldValues[i];
+          if (changes[attrName] !== elem.getAttribute(attrName)) {
+            batchCmd.addSubCommand(new ChangeElementCommand(elem, changes, attrName));
+          }
+        }
+        this.undoableChangeStack[p] = null;
+        return batchCmd;
+      }
+    }]);
+    return UndoManager;
+  }();
+
+  var history = /*#__PURE__*/Object.freeze({
+    HistoryEventTypes: HistoryEventTypes,
+    MoveElementCommand: MoveElementCommand,
+    InsertElementCommand: InsertElementCommand,
+    RemoveElementCommand: RemoveElementCommand,
+    ChangeElementCommand: ChangeElementCommand,
+    BatchCommand: BatchCommand,
+    UndoManager: UndoManager
+  });
+
+  /**
+   * Mathematical utilities
+   * @module math
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+   */
+
+  // Constants
+  var NEAR_ZERO = 1e-14;
+
+  // Throw away SVGSVGElement used for creating matrices/transforms.
+  var svg$1 = document.createElementNS(NS.SVG, 'svg');
+
+  /**
+   * A (hopefully) quicker function to transform a point by a matrix
+   * (this function avoids any DOM calls and just does the math)
+   * @function module:math.transformPoint
+   * @param {Float} x - Float representing the x coordinate
+   * @param {Float} y - Float representing the y coordinate
+   * @param {SVGMatrix} m - Matrix object to transform the point with
+   * @returns {module:math.XYObject} An x, y object representing the transformed point
+  */
+  var transformPoint = function transformPoint(x, y, m) {
+    return { x: m.a * x + m.c * y + m.e, y: m.b * x + m.d * y + m.f };
+  };
+
+  /**
+   * Helper function to check if the matrix performs no actual transform
+   * (i.e. exists for identity purposes)
+   * @function module:math.isIdentity
+   * @param {SVGMatrix} m - The matrix object to check
+   * @returns {boolean} Indicates whether or not the matrix is 1,0,0,1,0,0
+  */
+  var isIdentity = function isIdentity(m) {
+    return m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && m.e === 0 && m.f === 0;
+  };
+
+  /**
+   * This function tries to return a `SVGMatrix` that is the multiplication `m1 * m2`.
+   * We also round to zero when it's near zero
+   * @function module:math.matrixMultiply
+   * @param {...SVGMatrix} args - Matrix objects to multiply
+   * @returns {SVGMatrix} The matrix object resulting from the calculation
+  */
+  var matrixMultiply = function matrixMultiply() {
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var m = args.reduceRight(function (prev, m1) {
+      return m1.multiply(prev);
+    });
+
+    if (Math.abs(m.a) < NEAR_ZERO) {
+      m.a = 0;
+    }
+    if (Math.abs(m.b) < NEAR_ZERO) {
+      m.b = 0;
+    }
+    if (Math.abs(m.c) < NEAR_ZERO) {
+      m.c = 0;
+    }
+    if (Math.abs(m.d) < NEAR_ZERO) {
+      m.d = 0;
+    }
+    if (Math.abs(m.e) < NEAR_ZERO) {
+      m.e = 0;
+    }
+    if (Math.abs(m.f) < NEAR_ZERO) {
+      m.f = 0;
+    }
+
+    return m;
+  };
+
+  /**
+   * See if the given transformlist includes a non-indentity matrix transform
+   * @function module:math.hasMatrixTransform
+   * @param {SVGTransformList} [tlist] - The transformlist to check
+   * @returns {boolean} Whether or not a matrix transform was found
+  */
+  var hasMatrixTransform = function hasMatrixTransform(tlist) {
+    if (!tlist) {
+      return false;
+    }
+    var num = tlist.numberOfItems;
+    while (num--) {
+      var xform = tlist.getItem(num);
+      if (xform.type === 1 && !isIdentity(xform.matrix)) {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  /**
+  * @typedef {PlainObject} module:math.TransformedBox An object with the following values
+  * @property {module:math.XYObject} tl - The top left coordinate
+  * @property {module:math.XYObject} tr - The top right coordinate
+  * @property {module:math.XYObject} bl - The bottom left coordinate
+  * @property {module:math.XYObject} br - The bottom right coordinate
+  * @property {PlainObject} aabox - Object with the following values:
+  * @property {Float} aabox.x - Float with the axis-aligned x coordinate
+  * @property {Float} aabox.y - Float with the axis-aligned y coordinate
+  * @property {Float} aabox.width - Float with the axis-aligned width coordinate
+  * @property {Float} aabox.height - Float with the axis-aligned height coordinate
+  */
+
+  /**
+   * Transforms a rectangle based on the given matrix
+   * @function module:math.transformBox
+   * @param {Float} l - Float with the box's left coordinate
+   * @param {Float} t - Float with the box's top coordinate
+   * @param {Float} w - Float with the box width
+   * @param {Float} h - Float with the box height
+   * @param {SVGMatrix} m - Matrix object to transform the box by
+   * @returns {module:math.TransformedBox}
+  */
+  var transformBox = function transformBox(l, t, w, h, m) {
+    var tl = transformPoint(l, t, m),
+        tr = transformPoint(l + w, t, m),
+        bl = transformPoint(l, t + h, m),
+        br = transformPoint(l + w, t + h, m),
+        minx = Math.min(tl.x, tr.x, bl.x, br.x),
+        maxx = Math.max(tl.x, tr.x, bl.x, br.x),
+        miny = Math.min(tl.y, tr.y, bl.y, br.y),
+        maxy = Math.max(tl.y, tr.y, bl.y, br.y);
+
+    return {
+      tl: tl,
+      tr: tr,
+      bl: bl,
+      br: br,
+      aabox: {
+        x: minx,
+        y: miny,
+        width: maxx - minx,
+        height: maxy - miny
+      }
+    };
+  };
+
+  /**
+   * This returns a single matrix Transform for a given Transform List
+   * (this is the equivalent of `SVGTransformList.consolidate()` but unlike
+   * that method, this one does not modify the actual `SVGTransformList`).
+   * This function is very liberal with its `min`, `max` arguments
+   * @function module:math.transformListToTransform
+   * @param {SVGTransformList} tlist - The transformlist object
+   * @param {Integer} [min=0] - Optional integer indicating start transform position
+   * @param {Integer} [max] - Optional integer indicating end transform position;
+   *   defaults to one less than the tlist's `numberOfItems`
+   * @returns {SVGTransform} A single matrix transform object
+  */
+  var transformListToTransform = function transformListToTransform(tlist, min, max) {
+    if (tlist == null) {
+      // Or should tlist = null have been prevented before this?
+      return svg$1.createSVGTransformFromMatrix(svg$1.createSVGMatrix());
+    }
+    min = min || 0;
+    max = max || tlist.numberOfItems - 1;
+    min = parseInt(min, 10);
+    max = parseInt(max, 10);
+    if (min > max) {
+      var temp = max;max = min;min = temp;
+    }
+    var m = svg$1.createSVGMatrix();
+    for (var i = min; i <= max; ++i) {
+      // if our indices are out of range, just use a harmless identity matrix
+      var mtom = i >= 0 && i < tlist.numberOfItems ? tlist.getItem(i).matrix : svg$1.createSVGMatrix();
+      m = matrixMultiply(m, mtom);
+    }
+    return svg$1.createSVGTransformFromMatrix(m);
+  };
+
+  /**
+   * Get the matrix object for a given element
+   * @function module:math.getMatrix
+   * @param {Element} elem - The DOM element to check
+   * @returns {SVGMatrix} The matrix object associated with the element's transformlist
+  */
+  var getMatrix = function getMatrix(elem) {
+    var tlist = getTransformList(elem);
+    return transformListToTransform(tlist).matrix;
+  };
+
+  /**
+   * Returns a 45 degree angle coordinate associated with the two given
+   * coordinates
+   * @function module:math.snapToAngle
+   * @param {Integer} x1 - First coordinate's x value
+   * @param {Integer} x2 - Second coordinate's x value
+   * @param {Integer} y1 - First coordinate's y value
+   * @param {Integer} y2 - Second coordinate's y value
+   * @returns {module:math.AngleCoord45}
+  */
+  var snapToAngle = function snapToAngle(x1, y1, x2, y2) {
+    var snap = Math.PI / 4; // 45 degrees
+    var dx = x2 - x1;
+    var dy = y2 - y1;
+    var angle = Math.atan2(dy, dx);
+    var dist = Math.sqrt(dx * dx + dy * dy);
+    var snapangle = Math.round(angle / snap) * snap;
+
+    return {
+      x: x1 + dist * Math.cos(snapangle),
+      y: y1 + dist * Math.sin(snapangle),
+      a: snapangle
+    };
+  };
+
+  /**
+   * Check if two rectangles (BBoxes objects) intersect each other
+   * @function module:math.rectsIntersect
+   * @param {SVGRect} r1 - The first BBox-like object
+   * @param {SVGRect} r2 - The second BBox-like object
+   * @returns {boolean} True if rectangles intersect
+   */
+  var rectsIntersect = function rectsIntersect(r1, r2) {
+    return r2.x < r1.x + r1.width && r2.x + r2.width > r1.x && r2.y < r1.y + r1.height && r2.y + r2.height > r1.y;
+  };
+
+  /* globals jQuery */
+
+  var $$1 = jQuery;
+
+  var segData = {
+    2: ['x', 'y'], // PATHSEG_MOVETO_ABS
+    4: ['x', 'y'], // PATHSEG_LINETO_ABS
+    6: ['x', 'y', 'x1', 'y1', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_ABS
+    8: ['x', 'y', 'x1', 'y1'], // PATHSEG_CURVETO_QUADRATIC_ABS
+    10: ['x', 'y', 'r1', 'r2', 'angle', 'largeArcFlag', 'sweepFlag'], // PATHSEG_ARC_ABS
+    12: ['x'], // PATHSEG_LINETO_HORIZONTAL_ABS
+    14: ['y'], // PATHSEG_LINETO_VERTICAL_ABS
+    16: ['x', 'y', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_SMOOTH_ABS
+    18: ['x', 'y'] // PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS
+  };
+
+  /**
+   * @tutorial LocaleDocs
+   * @typedef {module:locale.LocaleStrings|PlainObject} module:path.uiStrings
+   * @property {PlainObject.<string, string>} ui
+  */
+
+  var uiStrings = {};
+  /**
+  * @function module:path.setUiStrings
+  * @param {module:path.uiStrings} strs
+  * @returns {undefined}
+  */
+  var setUiStrings = function setUiStrings(strs) {
+    Object.assign(uiStrings, strs.ui);
+  };
+
+  var pathFuncs = [];
+
+  var linkControlPts = true;
+
+  // Stores references to paths via IDs.
+  // TODO: Make this cross-document happy.
+  var pathData = {};
+
+  /**
+  * @function module:path.setLinkControlPoints
+  * @param {boolean} lcp
+  * @returns {undefined}
+  */
+  var setLinkControlPoints = function setLinkControlPoints(lcp) {
+    linkControlPts = lcp;
+  };
+
+  /**
+   * @name module:path.path
+   * @type {null|module:path.Path}
+   * @memberof module:path
+  */
+  var path = null;
+
+  var editorContext_ = null;
+
+  /**
+  * @external MouseEvent
+  */
+
+  /**
+  * Object with the following keys/values
+  * @typedef {PlainObject} module:path.SVGElementJSON
+  * @property {string} element - Tag name of the SVG element to create
+  * @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element
+  * @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first
+  * @property {module:path.SVGElementJSON[]} [children] - Data objects to be added recursively as children
+  * @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace
+  */
+  /**
+   * @interface module:path.EditorContext
+   * @property {module:select.SelectorManager} selectorManager
+   * @property {module:svgcanvas.SvgCanvas} canvas
+   */
+  /**
+   * @function module:path.EditorContext#call
+   * @param {"selected"|"changed"} ev - String with the event name
+   * @param {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed} arg - Argument to pass through to the callback function. If the event is "changed", an array of `Element`s is passed; if "selected", a single-item array of `Element` is passed.
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#resetD
+   * @param {SVGPathElement} p
+   * @returns {undefined}
+  */
+  /**
+   * Note: This doesn't round to an integer necessarily
+   * @function module:path.EditorContext#round
+   * @param {Float} val
+   * @returns {Float} Rounded value to nearest value based on `currentZoom`
+   */
+  /**
+   * @function module:path.EditorContext#clearSelection
+   * @param {boolean} [noCall] - When `true`, does not call the "selected" handler
+   * @returns {undefined}
+  */
+  /**
+   * @function module:path.EditorContext#addToSelection
+   * @param {Element[]} elemsToAdd - An array of DOM elements to add to the selection
+   * @param {boolean} showGrips - Indicates whether the resize grips should be shown
+   * @returns {undefined}
+  */
+  /**
+   * @function module:path.EditorContext#addCommandToHistory
+   * @param {Command} cmd
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#remapElement
+   * @param {Element} selected - DOM element to be changed
+   * @param {PlainObject.<string, string>} changes - Object with changes to be remapped
+   * @param {SVGMatrix} m - Matrix object to use for remapping coordinates
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#addSVGElementFromJson
+   * @param {module:path.SVGElementJSON} data
+   * @returns {Element} The new element
+  */
+  /**
+   * @function module:path.EditorContext#getGridSnapping
+   * @returns {boolean}
+   */
+  /**
+   * @function module:path.EditorContext#getOpacity
+   * @returns {Float}
+   */
+  /**
+   * @function module:path.EditorContext#getSelectedElements
+   * @returns {Element[]} the array with selected DOM elements
+  */
+  /**
+   * @function module:path.EditorContext#getContainer
+   * @returns {Element}
+   */
+  /**
+   * @function module:path.EditorContext#setStarted
+   * @param {boolean} s
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#getRubberBox
+   * @returns {SVGRectElement}
+  */
+  /**
+   * @function module:path.EditorContext#setRubberBox
+   * @param {SVGRectElement} rb
+   * @returns {SVGRectElement} Same as parameter passed in
+   */
+  /**
+   * @function module:path.EditorContext#addPtsToSelection
+   * @param {PlainObject} cfg
+   * @param {boolean} cfg.closedSubpath
+   * @param {SVGCircleElement[]} cfg.grips
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#endChanges
+   * @param {PlainObject} cfg
+   * @param {string} cfg.cmd
+   * @param {Element} cfg.elem
+   * @returns {undefined}
+  */
+  /**
+   * @function module:path.EditorContext#getCurrentZoom
+   * @returns {Float} The current zoom level
+   */
+  /**
+   * Returns the last created DOM element ID string
+   * @function module:path.EditorContext#getId
+   * @returns {string}
+   */
+  /**
+   * Creates and returns a unique ID string for a DOM element
+   * @function module:path.EditorContext#getNextId
+   * @returns {string}
+  */
+  /**
+   * Gets the desired element from a mouse event
+   * @function module:path.EditorContext#getMouseTarget
+   * @param {external:MouseEvent} evt - Event object from the mouse event
+   * @returns {Element} DOM element we want
+   */
+  /**
+   * @function module:path.EditorContext#getCurrentMode
+   * @returns {string}
+   */
+  /**
+   * @function module:path.EditorContext#setCurrentMode
+   * @param {string} cm The mode
+   * @returns {string} The same mode as passed in
+  */
+  /**
+   * @function module:path.EditorContext#getDrawnPath
+   * @returns {SVGPathElement|null}
+   */
+  /**
+   * @function module:path.EditorContext#setDrawnPath
+   * @param {SVGPathElement|null} dp
+   * @returns {SVGPathElement|null} The same value as passed in
+   */
+  /**
+   * @function module:path.EditorContext#getSVGRoot
+   * @returns {SVGSVGElement}
+  */
+
+  /**
+  * @function module:path.init
+  * @param {module:path.EditorContext} editorContext
+  * @returns {undefined}
+  */
+  var init$1 = function init$$1(editorContext) {
+    editorContext_ = editorContext;
+
+    pathFuncs = [0, 'ClosePath'];
+    var pathFuncsStrs = ['Moveto', 'Lineto', 'CurvetoCubic', 'CurvetoQuadratic', 'Arc', 'LinetoHorizontal', 'LinetoVertical', 'CurvetoCubicSmooth', 'CurvetoQuadraticSmooth'];
+    $$1.each(pathFuncsStrs, function (i, s) {
+      pathFuncs.push(s + 'Abs');
+      pathFuncs.push(s + 'Rel');
+    });
+  };
+
+  /**
+  * @function module:path.insertItemBefore
+  * @param {Element} elem
+  * @param {Segment} newseg
+  * @param {Integer} index
+  * @returns {undefined}
+  */
+  var insertItemBefore = function insertItemBefore(elem, newseg, index) {
+    // Support insertItemBefore on paths for FF2
+    var list = elem.pathSegList;
+
+    if (supportsPathInsertItemBefore()) {
+      list.insertItemBefore(newseg, index);
+      return;
+    }
+    var len = list.numberOfItems;
+    var arr = [];
+    for (var i = 0; i < len; i++) {
+      var curSeg = list.getItem(i);
+      arr.push(curSeg);
+    }
+    list.clear();
+    for (var _i = 0; _i < len; _i++) {
+      if (_i === index) {
+        // index + 1
+        list.appendItem(newseg);
+      }
+      list.appendItem(arr[_i]);
+    }
+  };
+
+  /**
+  * @function module:path.ptObjToArr
+  * @todo See if this should just live in `replacePathSeg`
+  * @param {string} type
+  * @param {SVGPathSegMovetoAbs|SVGPathSegLinetoAbs|SVGPathSegCurvetoCubicAbs|SVGPathSegCurvetoQuadraticAbs|SVGPathSegArcAbs|SVGPathSegLinetoHorizontalAbs|SVGPathSegLinetoVerticalAbs|SVGPathSegCurvetoCubicSmoothAbs|SVGPathSegCurvetoQuadraticSmoothAbs} segItem
+  * @returns {ArgumentsArray}
+  */
+  var ptObjToArr = function ptObjToArr(type, segItem) {
+    var props = segData[type];
+    return props.map(function (prop) {
+      return segItem[prop];
+    });
+  };
+
+  /**
+  * @function module:path.getGripPt
+  * @param {Segment} seg
+  * @param {module:math.XYObject} altPt
+  * @returns {module:math.XYObject}
+  */
+  var getGripPt = function getGripPt(seg, altPt) {
+    var path = seg.path;
+
+    var out = {
+      x: altPt ? altPt.x : seg.item.x,
+      y: altPt ? altPt.y : seg.item.y
+    };
+
+    if (path.matrix) {
+      var pt = transformPoint(out.x, out.y, path.matrix);
+      out = pt;
+    }
+
+    var currentZoom = editorContext_.getCurrentZoom();
+    out.x *= currentZoom;
+    out.y *= currentZoom;
+
+    return out;
+  };
+
+  /**
+  * @function module:path.getPointFromGrip
+  * @param {module:math.XYObject} pt
+  * @param {module:path.Path} path
+  * @returns {module:math.XYObject}
+  */
+  var getPointFromGrip = function getPointFromGrip(pt, path) {
+    var out = {
+      x: pt.x,
+      y: pt.y
+    };
+
+    if (path.matrix) {
+      pt = transformPoint(out.x, out.y, path.imatrix);
+      out.x = pt.x;
+      out.y = pt.y;
+    }
+
+    var currentZoom = editorContext_.getCurrentZoom();
+    out.x /= currentZoom;
+    out.y /= currentZoom;
+
+    return out;
+  };
+
+  /**
+  * Requires prior call to `setUiStrings` if `xlink:title`
+  *    to be set on the grip
+  * @function module:path.addPointGrip
+  * @param {Integer} index
+  * @param {Integer} x
+  * @param {Integer} y
+  * @returns {SVGCircleElement}
+  */
+  var addPointGrip = function addPointGrip(index, x, y) {
+    // create the container of all the point grips
+    var pointGripContainer = getGripContainer();
+
+    var pointGrip = getElem('pathpointgrip_' + index);
+    // create it
+    if (!pointGrip) {
+      pointGrip = document.createElementNS(NS.SVG, 'circle');
+      var atts = {
+        id: 'pathpointgrip_' + index,
+        display: 'none',
+        r: 4,
+        fill: '#0FF',
+        stroke: '#00F',
+        'stroke-width': 2,
+        cursor: 'move',
+        style: 'pointer-events:all'
+      };
+      if ('pathNodeTooltip' in uiStrings) {
+        // May be empty if running path.js without svg-editor
+        atts['xlink:title'] = uiStrings.pathNodeTooltip;
+      }
+      assignAttributes(pointGrip, atts);
+      pointGrip = pointGripContainer.appendChild(pointGrip);
+
+      var grip = $$1('#pathpointgrip_' + index);
+      grip.dblclick(function () {
+        if (path) {
+          path.setSegType();
+        }
+      });
+    }
+    if (x && y) {
+      // set up the point grip element and display it
+      assignAttributes(pointGrip, {
+        cx: x,
+        cy: y,
+        display: 'inline'
+      });
+    }
+    return pointGrip;
+  };
+
+  /**
+  * @function module:path.getGripContainer
+  * @returns {Element}
+  */
+  var getGripContainer = function getGripContainer() {
+    var c = getElem('pathpointgrip_container');
+    if (!c) {
+      var parent = getElem('selectorParentGroup');
+      c = parent.appendChild(document.createElementNS(NS.SVG, 'g'));
+      c.id = 'pathpointgrip_container';
+    }
+    return c;
+  };
+
+  /**
+  * Requires prior call to `setUiStrings` if `xlink:title`
+  *    to be set on the grip
+  * @function module:path.addCtrlGrip
+  * @param {string} id
+  * @returns {SVGCircleElement}
+  */
+  var addCtrlGrip = function addCtrlGrip(id) {
+    var pointGrip = getElem('ctrlpointgrip_' + id);
+    if (pointGrip) {
+      return pointGrip;
+    }
+
+    pointGrip = document.createElementNS(NS.SVG, 'circle');
+    var atts = {
+      id: 'ctrlpointgrip_' + id,
+      display: 'none',
+      r: 4,
+      fill: '#0FF',
+      stroke: '#55F',
+      'stroke-width': 1,
+      cursor: 'move',
+      style: 'pointer-events:all'
+    };
+    if ('pathCtrlPtTooltip' in uiStrings) {
+      // May be empty if running path.js without svg-editor
+      atts['xlink:title'] = uiStrings.pathCtrlPtTooltip;
+    }
+    assignAttributes(pointGrip, atts);
+    getGripContainer().append(pointGrip);
+    return pointGrip;
+  };
+
+  /**
+  * @function module:path.getCtrlLine
+  * @param {string} id
+  * @returns {SVGLineElement}
+  */
+  var getCtrlLine = function getCtrlLine(id) {
+    var ctrlLine = getElem('ctrlLine_' + id);
+    if (ctrlLine) {
+      return ctrlLine;
+    }
+
+    ctrlLine = document.createElementNS(NS.SVG, 'line');
+    assignAttributes(ctrlLine, {
+      id: 'ctrlLine_' + id,
+      stroke: '#555',
+      'stroke-width': 1,
+      style: 'pointer-events:none'
+    });
+    getGripContainer().append(ctrlLine);
+    return ctrlLine;
+  };
+
+  /**
+  * @function module:path.getPointGrip
+  * @param {Segment} seg
+  * @param {boolean} update
+  * @returns {SVGCircleElement}
+  */
+  var getPointGrip = function getPointGrip(seg, update) {
+    var index = seg.index;
+
+    var pointGrip = addPointGrip(index);
+
+    if (update) {
+      var pt = getGripPt(seg);
+      assignAttributes(pointGrip, {
+        cx: pt.x,
+        cy: pt.y,
+        display: 'inline'
+      });
+    }
+
+    return pointGrip;
+  };
+
+  /**
+  * @function module:path.getControlPoints
+  * @param {Segment} seg
+  * @returns {PlainObject.<string, SVGLineElement|SVGCircleElement>}
+  */
+  var getControlPoints = function getControlPoints(seg) {
+    var item = seg.item,
+        index = seg.index;
+
+    if (!('x1' in item) || !('x2' in item)) {
+      return null;
+    }
+    var cpt = {};
+    /* const pointGripContainer = */getGripContainer();
+
+    // Note that this is intentionally not seg.prev.item
+    var prev = path.segs[index - 1].item;
+
+    var segItems = [prev, item];
+
+    for (var i = 1; i < 3; i++) {
+      var id = index + 'c' + i;
+
+      var ctrlLine = cpt['c' + i + '_line'] = getCtrlLine(id);
+
+      var pt = getGripPt(seg, { x: item['x' + i], y: item['y' + i] });
+      var gpt = getGripPt(seg, { x: segItems[i - 1].x, y: segItems[i - 1].y });
+
+      assignAttributes(ctrlLine, {
+        x1: pt.x,
+        y1: pt.y,
+        x2: gpt.x,
+        y2: gpt.y,
+        display: 'inline'
+      });
+
+      cpt['c' + i + '_line'] = ctrlLine;
+
+      // create it
+      var pointGrip = cpt['c' + i] = addCtrlGrip(id);
+
+      assignAttributes(pointGrip, {
+        cx: pt.x,
+        cy: pt.y,
+        display: 'inline'
+      });
+      cpt['c' + i] = pointGrip;
+    }
+    return cpt;
+  };
+
+  /**
+  * This replaces the segment at the given index. Type is given as number.
+  * @function module:path.replacePathSeg
+  * @param {Integer} type Possible values set during {@link module:path.init}
+  * @param {Integer} index
+  * @param {ArgumentsArray} pts
+  * @param {SVGPathElement} elem
+  */
+  var replacePathSeg = function replacePathSeg(type, index, pts, elem) {
+    var pth = elem || path.elem;
+
+    var func = 'createSVGPathSeg' + pathFuncs[type];
+    var seg = pth[func].apply(pth, pts);
+
+    if (supportsPathReplaceItem()) {
+      pth.pathSegList.replaceItem(seg, index);
+    } else {
+      var segList = pth.pathSegList;
+      var len = segList.numberOfItems;
+      var arr = [];
+      for (var i = 0; i < len; i++) {
+        var curSeg = segList.getItem(i);
+        arr.push(curSeg);
+      }
+      segList.clear();
+      for (var _i2 = 0; _i2 < len; _i2++) {
+        if (_i2 === index) {
+          segList.appendItem(seg);
+        } else {
+          segList.appendItem(arr[_i2]);
+        }
+      }
+    }
+  };
+
+  /**
+  * @function module:path.getSegSelector
+  * @param {Segment} seg
+  * @param {boolean} update
+  * @returns {SVGPathElement}
+  */
+  var getSegSelector = function getSegSelector(seg, update) {
+    var index = seg.index;
+
+    var segLine = getElem('segline_' + index);
+    if (!segLine) {
+      var pointGripContainer = getGripContainer();
+      // create segline
+      segLine = document.createElementNS(NS.SVG, 'path');
+      assignAttributes(segLine, {
+        id: 'segline_' + index,
+        display: 'none',
+        fill: 'none',
+        stroke: '#0FF',
+        'stroke-width': 2,
+        style: 'pointer-events:none',
+        d: 'M0,0 0,0'
+      });
+      pointGripContainer.append(segLine);
+    }
+
+    if (update) {
+      var prev = seg.prev;
+
+      if (!prev) {
+        segLine.setAttribute('display', 'none');
+        return segLine;
+      }
+
+      var pt = getGripPt(prev);
+      // Set start point
+      replacePathSeg(2, 0, [pt.x, pt.y], segLine);
+
+      var pts = ptObjToArr(seg.type, seg.item, true);
+      for (var i = 0; i < pts.length; i += 2) {
+        var _pt = getGripPt(seg, { x: pts[i], y: pts[i + 1] });
+        pts[i] = _pt.x;
+        pts[i + 1] = _pt.y;
+      }
+
+      replacePathSeg(seg.type, 1, pts, segLine);
+    }
+    return segLine;
+  };
+
+  /**
+   * @typedef {PlainObject} Point
+   * @property {Integer} x The x value
+   * @property {Integer} y The y value
+   */
+
+  /**
+  * Takes three points and creates a smoother line based on them
+  * @function module:path.smoothControlPoints
+  * @param {Point} ct1 - Object with x and y values (first control point)
+  * @param {Point} ct2 - Object with x and y values (second control point)
+  * @param {Point} pt - Object with x and y values (third point)
+  * @returns {Point[]} Array of two "smoothed" point objects
+  */
+  var smoothControlPoints = function smoothControlPoints(ct1, ct2, pt) {
+    // each point must not be the origin
+    var x1 = ct1.x - pt.x,
+        y1 = ct1.y - pt.y,
+        x2 = ct2.x - pt.x,
+        y2 = ct2.y - pt.y;
+
+    if ((x1 !== 0 || y1 !== 0) && (x2 !== 0 || y2 !== 0)) {
+      var r1 = Math.sqrt(x1 * x1 + y1 * y1),
+          r2 = Math.sqrt(x2 * x2 + y2 * y2),
+          nct1 = editorContext_.getSVGRoot().createSVGPoint(),
+          nct2 = editorContext_.getSVGRoot().createSVGPoint();
+      var anglea = Math.atan2(y1, x1),
+          angleb = Math.atan2(y2, x2);
+      if (anglea < 0) {
+        anglea += 2 * Math.PI;
+      }
+      if (angleb < 0) {
+        angleb += 2 * Math.PI;
+      }
+
+      var angleBetween = Math.abs(anglea - angleb),
+          angleDiff = Math.abs(Math.PI - angleBetween) / 2;
+
+      var newAnglea = void 0,
+          newAngleb = void 0;
+      if (anglea - angleb > 0) {
+        newAnglea = angleBetween < Math.PI ? anglea + angleDiff : anglea - angleDiff;
+        newAngleb = angleBetween < Math.PI ? angleb - angleDiff : angleb + angleDiff;
+      } else {
+        newAnglea = angleBetween < Math.PI ? anglea - angleDiff : anglea + angleDiff;
+        newAngleb = angleBetween < Math.PI ? angleb + angleDiff : angleb - angleDiff;
+      }
+
+      // rotate the points
+      nct1.x = r1 * Math.cos(newAnglea) + pt.x;
+      nct1.y = r1 * Math.sin(newAnglea) + pt.y;
+      nct2.x = r2 * Math.cos(newAngleb) + pt.x;
+      nct2.y = r2 * Math.sin(newAngleb) + pt.y;
+
+      return [nct1, nct2];
+    }
+    return undefined;
+  };
+
+  /**
+  *
+  */
+  var Segment = function () {
+    /**
+    * @param {Integer} index
+    * @param {SVGPathSeg} item
+    * @todo Is `item` be more constrained here?
+    */
+    function Segment(index, item) {
+      classCallCheck(this, Segment);
+
+      this.selected = false;
+      this.index = index;
+      this.item = item;
+      this.type = item.pathSegType;
+
+      this.ctrlpts = [];
+      this.ptgrip = null;
+      this.segsel = null;
+    }
+
+    /**
+     * @param {boolean} y
+     * @returns {undefined}
+     */
+
+
+    createClass(Segment, [{
+      key: 'showCtrlPts',
+      value: function showCtrlPts(y) {
+        for (var i in this.ctrlpts) {
+          if (this.ctrlpts.hasOwnProperty(i)) {
+            this.ctrlpts[i].setAttribute('display', y ? 'inline' : 'none');
+          }
+        }
+      }
+
+      /**
+       * @param {boolean} y
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'selectCtrls',
+      value: function selectCtrls(y) {
+        $$1('#ctrlpointgrip_' + this.index + 'c1, #ctrlpointgrip_' + this.index + 'c2').attr('fill', y ? '#0FF' : '#EEE');
+      }
+
+      /**
+       * @param {boolean} y
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'show',
+      value: function show(y) {
+        if (this.ptgrip) {
+          this.ptgrip.setAttribute('display', y ? 'inline' : 'none');
+          this.segsel.setAttribute('display', y ? 'inline' : 'none');
+          // Show/hide all control points if available
+          this.showCtrlPts(y);
+        }
+      }
+
+      /**
+       * @param {boolean} y
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'select',
+      value: function select(y) {
+        if (this.ptgrip) {
+          this.ptgrip.setAttribute('stroke', y ? '#0FF' : '#00F');
+          this.segsel.setAttribute('display', y ? 'inline' : 'none');
+          if (this.ctrlpts) {
+            this.selectCtrls(y);
+          }
+          this.selected = y;
+        }
+      }
+
+      /**
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'addGrip',
+      value: function addGrip() {
+        this.ptgrip = getPointGrip(this, true);
+        this.ctrlpts = getControlPoints(this, true);
+        this.segsel = getSegSelector(this, true);
+      }
+
+      /**
+       * @param {boolean} full
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'update',
+      value: function update(full) {
+        if (this.ptgrip) {
+          var pt = getGripPt(this);
+          assignAttributes(this.ptgrip, {
+            cx: pt.x,
+            cy: pt.y
+          });
+
+          getSegSelector(this, true);
+
+          if (this.ctrlpts) {
+            if (full) {
+              this.item = path.elem.pathSegList.getItem(this.index);
+              this.type = this.item.pathSegType;
+            }
+            getControlPoints(this);
+          }
+          // this.segsel.setAttribute('display', y ? 'inline' : 'none');
+        }
+      }
+
+      /**
+       * @param {Integer} dx
+       * @param {Integer} dy
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'move',
+      value: function move(dx, dy) {
+        var item = this.item;
+
+
+        var curPts = this.ctrlpts ? [item.x += dx, item.y += dy, item.x1, item.y1, item.x2 += dx, item.y2 += dy] : [item.x += dx, item.y += dy];
+
+        replacePathSeg(this.type, this.index, curPts);
+
+        if (this.next && this.next.ctrlpts) {
+          var next = this.next.item;
+          var nextPts = [next.x, next.y, next.x1 += dx, next.y1 += dy, next.x2, next.y2];
+          replacePathSeg(this.next.type, this.next.index, nextPts);
+        }
+
+        if (this.mate) {
+          // The last point of a closed subpath has a 'mate',
+          // which is the 'M' segment of the subpath
+          var _item = this.mate.item;
+
+          var pts = [_item.x += dx, _item.y += dy];
+          replacePathSeg(this.mate.type, this.mate.index, pts);
+          // Has no grip, so does not need 'updating'?
+        }
+
+        this.update(true);
+        if (this.next) {
+          this.next.update(true);
+        }
+      }
+
+      /**
+       * @param {Integer} num
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'setLinked',
+      value: function setLinked(num) {
+        var seg = void 0,
+            anum = void 0,
+            pt = void 0;
+        if (num === 2) {
+          anum = 1;
+          seg = this.next;
+          if (!seg) {
+            return;
+          }
+          pt = this.item;
+        } else {
+          anum = 2;
+          seg = this.prev;
+          if (!seg) {
+            return;
+          }
+          pt = seg.item;
+        }
+
+        var _seg = seg,
+            item = _seg.item;
+
+        item['x' + anum] = pt.x + (pt.x - this.item['x' + num]);
+        item['y' + anum] = pt.y + (pt.y - this.item['y' + num]);
+
+        var pts = [item.x, item.y, item.x1, item.y1, item.x2, item.y2];
+
+        replacePathSeg(seg.type, seg.index, pts);
+        seg.update(true);
+      }
+
+      /**
+       * @param {Integer} num
+       * @param {Integer} dx
+       * @param {Integer} dy
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'moveCtrl',
+      value: function moveCtrl(num, dx, dy) {
+        var item = this.item;
+
+        item['x' + num] += dx;
+        item['y' + num] += dy;
+
+        var pts = [item.x, item.y, item.x1, item.y1, item.x2, item.y2];
+
+        replacePathSeg(this.type, this.index, pts);
+        this.update(true);
+      }
+
+      /**
+       * @param {Integer} newType Possible values set during {@link module:path.init}
+       * @param {ArgumentsArray} pts
+       */
+
+    }, {
+      key: 'setType',
+      value: function setType(newType, pts) {
+        replacePathSeg(newType, this.index, pts);
+        this.type = newType;
+        this.item = path.elem.pathSegList.getItem(this.index);
+        this.showCtrlPts(newType === 6);
+        this.ctrlpts = getControlPoints(this);
+        this.update(true);
+      }
+    }]);
+    return Segment;
+  }();
+
+  /**
+  *
+  */
+  var Path = function () {
+    /**
+    * @param {SVGPathElement}
+    * @throws {Error} If constructed without a path element
+    */
+    function Path(elem) {
+      classCallCheck(this, Path);
+
+      if (!elem || elem.tagName !== 'path') {
+        throw new Error('svgedit.path.Path constructed without a <path> element');
+      }
+
+      this.elem = elem;
+      this.segs = [];
+      this.selected_pts = [];
+      path = this;
+
+      this.init();
+    }
+
+    /**
+    * Reset path data
+    * @returns {module:path.Path}
+    */
+
+
+    createClass(Path, [{
+      key: 'init',
+      value: function init$$1() {
+        // Hide all grips, etc
+
+        // fixed, needed to work on all found elements, not just first
+        $$1(getGripContainer()).find('*').each(function () {
+          $$1(this).attr('display', 'none');
+        });
+
+        var segList = this.elem.pathSegList;
+        var len = segList.numberOfItems;
+        this.segs = [];
+        this.selected_pts = [];
+        this.first_seg = null;
+
+        // Set up segs array
+        for (var i = 0; i < len; i++) {
+          var item = segList.getItem(i);
+          var segment = new Segment(i, item);
+          segment.path = this;
+          this.segs.push(segment);
+        }
+
+        var segs = this.segs;
+
+
+        var startI = null;
+        for (var _i3 = 0; _i3 < len; _i3++) {
+          var seg = segs[_i3];
+          var nextSeg = _i3 + 1 >= len ? null : segs[_i3 + 1];
+          var prevSeg = _i3 - 1 < 0 ? null : segs[_i3 - 1];
+          if (seg.type === 2) {
+            if (prevSeg && prevSeg.type !== 1) {
+              // New sub-path, last one is open,
+              // so add a grip to last sub-path's first point
+              var startSeg = segs[startI];
+              startSeg.next = segs[startI + 1];
+              startSeg.next.prev = startSeg;
+              startSeg.addGrip();
+            }
+            // Remember that this is a starter seg
+            startI = _i3;
+          } else if (nextSeg && nextSeg.type === 1) {
+            // This is the last real segment of a closed sub-path
+            // Next is first seg after "M"
+            seg.next = segs[startI + 1];
+
+            // First seg after "M"'s prev is this
+            seg.next.prev = seg;
+            seg.mate = segs[startI];
+            seg.addGrip();
+            if (this.first_seg == null) {
+              this.first_seg = seg;
+            }
+          } else if (!nextSeg) {
+            if (seg.type !== 1) {
+              // Last seg, doesn't close so add a grip
+              // to last sub-path's first point
+              var _startSeg = segs[startI];
+              _startSeg.next = segs[startI + 1];
+              _startSeg.next.prev = _startSeg;
+              _startSeg.addGrip();
+              seg.addGrip();
+
+              if (!this.first_seg) {
+                // Open path, so set first as real first and add grip
+                this.first_seg = segs[startI];
+              }
+            }
+          } else if (seg.type !== 1) {
+            // Regular segment, so add grip and its "next"
+            seg.addGrip();
+
+            // Don't set its "next" if it's an "M"
+            if (nextSeg && nextSeg.type !== 2) {
+              seg.next = nextSeg;
+              seg.next.prev = seg;
+            }
+          }
+        }
+        return this;
+      }
+
+      /**
+      * @callback module:path.PathEachSegCallback
+      * @this module:path.Segment
+      * @param {Integer} i The index of the seg being iterated
+      * @returns {boolean} Will stop execution of `eachSeg` if returns `false`
+      */
+      /**
+      * @param {module:path.PathEachSegCallback} fn
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'eachSeg',
+      value: function eachSeg(fn) {
+        var len = this.segs.length;
+        for (var i = 0; i < len; i++) {
+          var ret = fn.call(this.segs[i], i);
+          if (ret === false) {
+            break;
+          }
+        }
+      }
+
+      /**
+      * @param {Integer} index
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'addSeg',
+      value: function addSeg(index) {
+        // Adds a new segment
+        var seg = this.segs[index];
+        if (!seg.prev) {
+          return;
+        }
+
+        var prev = seg.prev;
+
+        var newseg = void 0,
+            newX = void 0,
+            newY = void 0;
+        switch (seg.item.pathSegType) {
+          case 4:
+            {
+              newX = (seg.item.x + prev.item.x) / 2;
+              newY = (seg.item.y + prev.item.y) / 2;
+              newseg = this.elem.createSVGPathSegLinetoAbs(newX, newY);
+              break;
+            }case 6:
+            {
+              // make it a curved segment to preserve the shape (WRS)
+              // https://en.wikipedia.org/wiki/De_Casteljau%27s_algorithm#Geometric_interpretation
+              var p0x = (prev.item.x + seg.item.x1) / 2;
+              var p1x = (seg.item.x1 + seg.item.x2) / 2;
+              var p2x = (seg.item.x2 + seg.item.x) / 2;
+              var p01x = (p0x + p1x) / 2;
+              var p12x = (p1x + p2x) / 2;
+              newX = (p01x + p12x) / 2;
+              var p0y = (prev.item.y + seg.item.y1) / 2;
+              var p1y = (seg.item.y1 + seg.item.y2) / 2;
+              var p2y = (seg.item.y2 + seg.item.y) / 2;
+              var p01y = (p0y + p1y) / 2;
+              var p12y = (p1y + p2y) / 2;
+              newY = (p01y + p12y) / 2;
+              newseg = this.elem.createSVGPathSegCurvetoCubicAbs(newX, newY, p0x, p0y, p01x, p01y);
+              var pts = [seg.item.x, seg.item.y, p12x, p12y, p2x, p2y];
+              replacePathSeg(seg.type, index, pts);
+              break;
+            }
+        }
+
+        insertItemBefore(this.elem, newseg, index);
+      }
+
+      /**
+      * @param {Integer} index
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'deleteSeg',
+      value: function deleteSeg(index) {
+        var seg = this.segs[index];
+        var list = this.elem.pathSegList;
+
+        seg.show(false);
+        var next = seg.next;
+
+        if (seg.mate) {
+          // Make the next point be the "M" point
+          var pt = [next.item.x, next.item.y];
+          replacePathSeg(2, next.index, pt);
+
+          // Reposition last node
+          replacePathSeg(4, seg.index, pt);
+
+          list.removeItem(seg.mate.index);
+        } else if (!seg.prev) {
+          // First node of open path, make next point the M
+          // const {item} = seg;
+          var _pt2 = [next.item.x, next.item.y];
+          replacePathSeg(2, seg.next.index, _pt2);
+          list.removeItem(index);
+        } else {
+          list.removeItem(index);
+        }
+      }
+
+      /**
+      * @param {Integer} index
+      * @returns {boolean}
+      */
+
+    }, {
+      key: 'subpathIsClosed',
+      value: function subpathIsClosed(index) {
+        var closed = false;
+        // Check if subpath is already open
+        path.eachSeg(function (i) {
+          if (i <= index) {
+            return true;
+          }
+          if (this.type === 2) {
+            // Found M first, so open
+            return false;
+          }
+          if (this.type === 1) {
+            // Found Z first, so closed
+            closed = true;
+            return false;
+          }
+        });
+
+        return closed;
+      }
+
+      /**
+      * @param {Integer} index
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'removePtFromSelection',
+      value: function removePtFromSelection(index) {
+        var pos = this.selected_pts.indexOf(index);
+        if (pos === -1) {
+          return;
+        }
+        this.segs[index].select(false);
+        this.selected_pts.splice(pos, 1);
+      }
+
+      /**
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'clearSelection',
+      value: function clearSelection() {
+        this.eachSeg(function () {
+          // 'this' is the segment here
+          this.select(false);
+        });
+        this.selected_pts = [];
+      }
+
+      /**
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'storeD',
+      value: function storeD() {
+        this.last_d = this.elem.getAttribute('d');
+      }
+
+      /**
+      * @param {Integer} y
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'show',
+      value: function show(y) {
+        // Shows this path's segment grips
+        this.eachSeg(function () {
+          // 'this' is the segment here
+          this.show(y);
+        });
+        if (y) {
+          this.selectPt(this.first_seg.index);
+        }
+        return this;
+      }
+
+      /**
+      * Move selected points
+      * @param {Integer} dx
+      * @param {Integer} dy
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'movePts',
+      value: function movePts(dx, dy) {
+        var i = this.selected_pts.length;
+        while (i--) {
+          var seg = this.segs[this.selected_pts[i]];
+          seg.move(dx, dy);
+        }
+      }
+
+      /**
+      * @param {Integer} dx
+      * @param {Integer} dy
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'moveCtrl',
+      value: function moveCtrl(dx, dy) {
+        var seg = this.segs[this.selected_pts[0]];
+        seg.moveCtrl(this.dragctrl, dx, dy);
+        if (linkControlPts) {
+          seg.setLinked(this.dragctrl);
+        }
+      }
+
+      /**
+      * @param {?Integer} newType See {@link https://www.w3.org/TR/SVG/single-page.html#paths-InterfaceSVGPathSeg}
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'setSegType',
+      value: function setSegType(newType) {
+        this.storeD();
+        var i = this.selected_pts.length;
+        var text = void 0;
+        while (i--) {
+          var selPt = this.selected_pts[i];
+
+          // Selected seg
+          var cur = this.segs[selPt];
+          var prev = cur.prev;
+
+          if (!prev) {
+            continue;
+          }
+
+          if (!newType) {
+            // double-click, so just toggle
+            text = 'Toggle Path Segment Type';
+
+            // Toggle segment to curve/straight line
+            var oldType = cur.type;
+
+            newType = oldType === 6 ? 4 : 6;
+          }
+
+          newType = Number(newType);
+
+          var curX = cur.item.x;
+          var curY = cur.item.y;
+          var prevX = prev.item.x;
+          var prevY = prev.item.y;
+          var points = void 0;
+          switch (newType) {
+            case 6:
+              {
+                if (cur.olditem) {
+                  var old = cur.olditem;
+                  points = [curX, curY, old.x1, old.y1, old.x2, old.y2];
+                } else {
+                  var diffX = curX - prevX;
+                  var diffY = curY - prevY;
+                  // get control points from straight line segment
+                  /*
+                  const ct1x = (prevX + (diffY/2));
+                  const ct1y = (prevY - (diffX/2));
+                  const ct2x = (curX + (diffY/2));
+                  const ct2y = (curY - (diffX/2));
+                  */
+                  // create control points on the line to preserve the shape (WRS)
+                  var ct1x = prevX + diffX / 3;
+                  var ct1y = prevY + diffY / 3;
+                  var ct2x = curX - diffX / 3;
+                  var ct2y = curY - diffY / 3;
+                  points = [curX, curY, ct1x, ct1y, ct2x, ct2y];
+                }
+                break;
+              }case 4:
+              {
+                points = [curX, curY];
+
+                // Store original prevve segment nums
+                cur.olditem = cur.item;
+                break;
+              }
+          }
+
+          cur.setType(newType, points);
+        }
+        path.endChanges(text);
+      }
+
+      /**
+      * @param {Integer} pt
+      * @param {Integer} ctrlNum
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'selectPt',
+      value: function selectPt(pt, ctrlNum) {
+        this.clearSelection();
+        if (pt == null) {
+          this.eachSeg(function (i) {
+            // 'this' is the segment here.
+            if (this.prev) {
+              pt = i;
+            }
+          });
+        }
+        this.addPtsToSelection(pt);
+        if (ctrlNum) {
+          this.dragctrl = ctrlNum;
+
+          if (linkControlPts) {
+            this.segs[pt].setLinked(ctrlNum);
+          }
+        }
+      }
+
+      /**
+      * Update position of all points
+      * @returns {Path}
+      */
+
+    }, {
+      key: 'update',
+      value: function update() {
+        var elem = this.elem;
+
+        if (getRotationAngle(elem)) {
+          this.matrix = getMatrix(elem);
+          this.imatrix = this.matrix.inverse();
+        } else {
+          this.matrix = null;
+          this.imatrix = null;
+        }
+
+        this.eachSeg(function (i) {
+          this.item = elem.pathSegList.getItem(i);
+          this.update();
+        });
+
+        return this;
+      }
+
+      /**
+      * @param {string} text
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'endChanges',
+      value: function endChanges(text) {
+        if (isWebkit()) {
+          editorContext_.resetD(this.elem);
+        }
+        var cmd = new ChangeElementCommand(this.elem, { d: this.last_d }, text);
+        editorContext_.endChanges({ cmd: cmd, elem: this.elem });
+      }
+
+      /**
+      * @param {Integer|Integer[]} indexes
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'addPtsToSelection',
+      value: function addPtsToSelection(indexes) {
+        if (!Array.isArray(indexes)) {
+          indexes = [indexes];
+        }
+        for (var _i4 = 0; _i4 < indexes.length; _i4++) {
+          var index = indexes[_i4];
+          var seg = this.segs[index];
+          if (seg.ptgrip) {
+            if (!this.selected_pts.includes(index) && index >= 0) {
+              this.selected_pts.push(index);
+            }
+          }
+        }
+        this.selected_pts.sort();
+        var i = this.selected_pts.length;
+        var grips = [];
+        grips.length = i;
+        // Loop through points to be selected and highlight each
+        while (i--) {
+          var pt = this.selected_pts[i];
+          var _seg2 = this.segs[pt];
+          _seg2.select(true);
+          grips[i] = _seg2.ptgrip;
+        }
+
+        var closedSubpath = this.subpathIsClosed(this.selected_pts[0]);
+        editorContext_.addPtsToSelection({ grips: grips, closedSubpath: closedSubpath });
+      }
+    }]);
+    return Path;
+  }();
+
+  /**
+  * @function module:path.getPath_
+  * @param {SVGPathElement} elem
+  * @returns {module:path.Path}
+  */
+  var getPath_ = function getPath_(elem) {
+    var p = pathData[elem.id];
+    if (!p) {
+      p = pathData[elem.id] = new Path(elem);
+    }
+    return p;
+  };
+
+  /**
+  * @function module:path.removePath_
+  * @param {string} id
+  * @returns {undefined}
+  */
+  var removePath_ = function removePath_(id) {
+    if (id in pathData) {
+      delete pathData[id];
+    }
+  };
+
+  var newcx = void 0,
+      newcy = void 0,
+      oldcx = void 0,
+      oldcy = void 0,
+      angle = void 0;
+
+  var getRotVals = function getRotVals(x, y) {
+    var dx = x - oldcx;
+    var dy = y - oldcy;
+
+    // rotate the point around the old center
+    var r = Math.sqrt(dx * dx + dy * dy);
+    var theta = Math.atan2(dy, dx) + angle;
+    dx = r * Math.cos(theta) + oldcx;
+    dy = r * Math.sin(theta) + oldcy;
+
+    // dx,dy should now hold the actual coordinates of each
+    // point after being rotated
+
+    // now we want to rotate them around the new center in the reverse direction
+    dx -= newcx;
+    dy -= newcy;
+
+    r = Math.sqrt(dx * dx + dy * dy);
+    theta = Math.atan2(dy, dx) - angle;
+
+    return { x: r * Math.cos(theta) + newcx,
+      y: r * Math.sin(theta) + newcy };
+  };
+
+  // If the path was rotated, we must now pay the piper:
+  // Every path point must be rotated into the rotated coordinate system of
+  // its old center, then determine the new center, then rotate it back
+  // This is because we want the path to remember its rotation
+
+  /**
+  * @function module:path.recalcRotatedPath
+  * @todo This is still using ye olde transform methods, can probably
+  * be optimized or even taken care of by `recalculateDimensions`
+  * @returns {undefined}
+  */
+  var recalcRotatedPath = function recalcRotatedPath() {
+    var currentPath = path.elem;
+    angle = getRotationAngle(currentPath, true);
+    if (!angle) {
+      return;
+    }
+    // selectedBBoxes[0] = path.oldbbox;
+    var oldbox = path.oldbbox; // selectedBBoxes[0],
+    oldcx = oldbox.x + oldbox.width / 2;
+    oldcy = oldbox.y + oldbox.height / 2;
+    var box = getBBox(currentPath);
+    newcx = box.x + box.width / 2;
+    newcy = box.y + box.height / 2;
+
+    // un-rotate the new center to the proper position
+    var dx = newcx - oldcx,
+        dy = newcy - oldcy,
+        r = Math.sqrt(dx * dx + dy * dy),
+        theta = Math.atan2(dy, dx) + angle;
+
+    newcx = r * Math.cos(theta) + oldcx;
+    newcy = r * Math.sin(theta) + oldcy;
+
+    var list = currentPath.pathSegList;
+
+    var i = list.numberOfItems;
+    while (i) {
+      i -= 1;
+      var seg = list.getItem(i),
+          type = seg.pathSegType;
+      if (type === 1) {
+        continue;
+      }
+
+      var rvals = getRotVals(seg.x, seg.y),
+          points = [rvals.x, rvals.y];
+      if (seg.x1 != null && seg.x2 != null) {
+        var cVals1 = getRotVals(seg.x1, seg.y1);
+        var cVals2 = getRotVals(seg.x2, seg.y2);
+        points.splice(points.length, 0, cVals1.x, cVals1.y, cVals2.x, cVals2.y);
+      }
+      replacePathSeg(type, i, points);
+    } // loop for each point
+
+    box = getBBox(currentPath);
+    // selectedBBoxes[0].x = box.x; selectedBBoxes[0].y = box.y;
+    // selectedBBoxes[0].width = box.width; selectedBBoxes[0].height = box.height;
+
+    // now we must set the new transform to be rotated around the new center
+    var Rnc = editorContext_.getSVGRoot().createSVGTransform(),
+        tlist = getTransformList(currentPath);
+    Rnc.setRotate(angle * 180.0 / Math.PI, newcx, newcy);
+    tlist.replaceItem(Rnc, 0);
+  };
+
+  // ====================================
+  // Public API starts here
+
+  /**
+  * @function module:path.clearData
+  * @returns {undefined}
+  */
+  var clearData = function clearData() {
+    pathData = {};
+  };
+
+  // Making public for mocking
+  /**
+  * @function module:path.reorientGrads
+  * @param {Element} elem
+  * @param {SVGMatrix} m
+  * @returns {undefined}
+  */
+  var reorientGrads = function reorientGrads(elem, m) {
+    var bb = getBBox(elem);
+    for (var i = 0; i < 2; i++) {
+      var type = i === 0 ? 'fill' : 'stroke';
+      var attrVal = elem.getAttribute(type);
+      if (attrVal && attrVal.startsWith('url(')) {
+        var grad = getRefElem(attrVal);
+        if (grad.tagName === 'linearGradient') {
+          var x1 = grad.getAttribute('x1') || 0;
+          var y1 = grad.getAttribute('y1') || 0;
+          var x2 = grad.getAttribute('x2') || 1;
+          var y2 = grad.getAttribute('y2') || 0;
+
+          // Convert to USOU points
+          x1 = bb.width * x1 + bb.x;
+          y1 = bb.height * y1 + bb.y;
+          x2 = bb.width * x2 + bb.x;
+          y2 = bb.height * y2 + bb.y;
+
+          // Transform those points
+          var pt1 = transformPoint(x1, y1, m);
+          var pt2 = transformPoint(x2, y2, m);
+
+          // Convert back to BB points
+          var gCoords = {};
+
+          gCoords.x1 = (pt1.x - bb.x) / bb.width;
+          gCoords.y1 = (pt1.y - bb.y) / bb.height;
+          gCoords.x2 = (pt2.x - bb.x) / bb.width;
+          gCoords.y2 = (pt2.y - bb.y) / bb.height;
+
+          var newgrad = grad.cloneNode(true);
+          $$1(newgrad).attr(gCoords);
+
+          newgrad.id = editorContext_.getNextId();
+          findDefs().append(newgrad);
+          elem.setAttribute(type, 'url(#' + newgrad.id + ')');
+        }
+      }
+    }
+  };
+
+  /**
+  * This is how we map paths to our preferred relative segment types
+  * @name module:path.pathMap
+  * @type {GenericArray}
+  */
+  var pathMap = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a', 'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];
+
+  /**
+   * Convert a path to one with only absolute or relative values
+   * @todo move to pathActions.js
+   * @function module:path.convertPath
+   * @param {SVGPathElement} path - the path to convert
+   * @param {boolean} toRel - true of convert to relative
+   * @returns {string}
+   */
+  var convertPath = function convertPath(path, toRel) {
+    var segList = path.pathSegList;
+    var len = segList.numberOfItems;
+    var curx = 0,
+        cury = 0;
+    var d = '';
+    var lastM = null;
+
+    for (var i = 0; i < len; ++i) {
+      var seg = segList.getItem(i);
+      // if these properties are not in the segment, set them to zero
+      var x = seg.x || 0,
+          y = seg.y || 0,
+          x1 = seg.x1 || 0,
+          y1 = seg.y1 || 0,
+          x2 = seg.x2 || 0,
+          y2 = seg.y2 || 0;
+
+      var type = seg.pathSegType;
+      var letter = pathMap[type]['to' + (toRel ? 'Lower' : 'Upper') + 'Case']();
+
+      switch (type) {
+        case 1:
+          // z,Z closepath (Z/z)
+          d += 'z';
+          if (lastM && !toRel) {
+            curx = lastM[0];
+            cury = lastM[1];
+          }
+          break;
+        case 12:
+          // absolute horizontal line (H)
+          x -= curx;
+        // Fallthrough
+        case 13:
+          // relative horizontal line (h)
+          if (toRel) {
+            curx += x;
+            letter = 'l';
+          } else {
+            x += curx;
+            curx = x;
+            letter = 'L';
+          }
+          // Convert to "line" for easier editing
+          d += pathDSegment(letter, [[x, cury]]);
+          break;
+        case 14:
+          // absolute vertical line (V)
+          y -= cury;
+        // Fallthrough
+        case 15:
+          // relative vertical line (v)
+          if (toRel) {
+            cury += y;
+            letter = 'l';
+          } else {
+            y += cury;
+            cury = y;
+            letter = 'L';
+          }
+          // Convert to "line" for easier editing
+          d += pathDSegment(letter, [[curx, y]]);
+          break;
+        case 2: // absolute move (M)
+        case 4: // absolute line (L)
+        case 18:
+          // absolute smooth quad (T)
+          x -= curx;
+          y -= cury;
+        // Fallthrough
+        case 5: // relative line (l)
+        case 3: // relative move (m)
+        case 19:
+          // relative smooth quad (t)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;
+            y += cury;
+            curx = x;
+            cury = y;
+          }
+          if (type === 2 || type === 3) {
+            lastM = [curx, cury];
+          }
+
+          d += pathDSegment(letter, [[x, y]]);
+          break;
+        case 6:
+          // absolute cubic (C)
+          x -= curx;x1 -= curx;x2 -= curx;
+          y -= cury;y1 -= cury;y2 -= cury;
+        // Fallthrough
+        case 7:
+          // relative cubic (c)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;x1 += curx;x2 += curx;
+            y += cury;y1 += cury;y2 += cury;
+            curx = x;
+            cury = y;
+          }
+          d += pathDSegment(letter, [[x1, y1], [x2, y2], [x, y]]);
+          break;
+        case 8:
+          // absolute quad (Q)
+          x -= curx;x1 -= curx;
+          y -= cury;y1 -= cury;
+        // Fallthrough
+        case 9:
+          // relative quad (q)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;x1 += curx;
+            y += cury;y1 += cury;
+            curx = x;
+            cury = y;
+          }
+          d += pathDSegment(letter, [[x1, y1], [x, y]]);
+          break;
+        case 10:
+          // absolute elliptical arc (A)
+          x -= curx;
+          y -= cury;
+        // Fallthrough
+        case 11:
+          // relative elliptical arc (a)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;
+            y += cury;
+            curx = x;
+            cury = y;
+          }
+          d += pathDSegment(letter, [[seg.r1, seg.r2]], [seg.angle, seg.largeArcFlag ? 1 : 0, seg.sweepFlag ? 1 : 0], [x, y]);
+          break;
+        case 16:
+          // absolute smooth cubic (S)
+          x -= curx;x2 -= curx;
+          y -= cury;y2 -= cury;
+        // Fallthrough
+        case 17:
+          // relative smooth cubic (s)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;x2 += curx;
+            y += cury;y2 += cury;
+            curx = x;
+            cury = y;
+          }
+          d += pathDSegment(letter, [[x2, y2], [x, y]]);
+          break;
+      } // switch on path segment type
+    } // for each segment
+    return d;
+  };
+
+  /**
+   * TODO: refactor callers in convertPath to use getPathDFromSegments instead of this function.
+   * Legacy code refactored from svgcanvas.pathActions.convertPath
+   * @param {string} letter - path segment command (letter in potentially either case from {@link module:path.pathMap}; see [SVGPathSeg#pathSegTypeAsLetter]{@link https://www.w3.org/TR/SVG/single-page.html#paths-__svg__SVGPathSeg__pathSegTypeAsLetter})
+   * @param {Integer[][]} points - x,y points
+   * @param {Integer[][]} [morePoints] - x,y points
+   * @param {Integer[]} [lastPoint] - x,y point
+   * @returns {string}
+   */
+  function pathDSegment(letter, points, morePoints, lastPoint) {
+    $$1.each(points, function (i, pnt) {
+      points[i] = shortFloat(pnt);
+    });
+    var segment = letter + points.join(' ');
+    if (morePoints) {
+      segment += ' ' + morePoints.join(' ');
+    }
+    if (lastPoint) {
+      segment += ' ' + shortFloat(lastPoint);
+    }
+    return segment;
+  }
+
+  /**
+  * Group: Path edit functions
+  * Functions relating to editing path elements
+  * @namespace {PlainObject} pathActions
+  * @memberof module:path
+  */
+  var pathActions = function () {
+    var subpath = false;
+    var newPoint = void 0,
+        firstCtrl = void 0;
+
+    var currentPath = null;
+    var hasMoved = false;
+    // No `editorContext_` yet but should be ok as is `null` by default
+    // editorContext_.setDrawnPath(null);
+
+    /**
+    * This function converts a polyline (created by the fh_path tool) into
+    * a path element and coverts every three line segments into a single bezier
+    * curve in an attempt to smooth out the free-hand
+    * @function smoothPolylineIntoPath
+    * @param {Element} element
+    * @returns {Element}
+    */
+    var smoothPolylineIntoPath = function smoothPolylineIntoPath(element) {
+      var i = void 0;
+      var _element = element,
+          points = _element.points;
+
+      var N = points.numberOfItems;
+      if (N >= 4) {
+        // loop through every 3 points and convert to a cubic bezier curve segment
+        //
+        // NOTE: this is cheating, it means that every 3 points has the potential to
+        // be a corner instead of treating each point in an equal manner. In general,
+        // this technique does not look that good.
+        //
+        // I am open to better ideas!
+        //
+        // Reading:
+        // - http://www.efg2.com/Lab/Graphics/Jean-YvesQueinecBezierCurves.htm
+        // - https://www.codeproject.com/KB/graphics/BezierSpline.aspx?msg=2956963
+        // - https://www.ian-ko.com/ET_GeoWizards/UserGuide/smooth.htm
+        // - https://www.cs.mtu.edu/~shene/COURSES/cs3621/NOTES/spline/Bezier/bezier-der.html
+        var curpos = points.getItem(0),
+            prevCtlPt = null;
+        var d = [];
+        d.push(['M', curpos.x, ',', curpos.y, ' C'].join(''));
+        for (i = 1; i <= N - 4; i += 3) {
+          var ct1 = points.getItem(i);
+          var ct2 = points.getItem(i + 1);
+          var end = points.getItem(i + 2);
+
+          // if the previous segment had a control point, we want to smooth out
+          // the control points on both sides
+          if (prevCtlPt) {
+            var newpts = smoothControlPoints(prevCtlPt, ct1, curpos);
+            if (newpts && newpts.length === 2) {
+              var prevArr = d[d.length - 1].split(',');
+              prevArr[2] = newpts[0].x;
+              prevArr[3] = newpts[0].y;
+              d[d.length - 1] = prevArr.join(',');
+              ct1 = newpts[1];
+            }
+          }
+
+          d.push([ct1.x, ct1.y, ct2.x, ct2.y, end.x, end.y].join(','));
+
+          curpos = end;
+          prevCtlPt = ct2;
+        }
+        // handle remaining line segments
+        d.push('L');
+        while (i < N) {
+          var pt = points.getItem(i);
+          d.push([pt.x, pt.y].join(','));
+          i++;
+        }
+        d = d.join(' ');
+
+        // create new path element
+        element = editorContext_.addSVGElementFromJson({
+          element: 'path',
+          curStyles: true,
+          attr: {
+            id: editorContext_.getId(),
+            d: d,
+            fill: 'none'
+          }
+        });
+        // No need to call "changed", as this is already done under mouseUp
+      }
+      return element;
+    };
+
+    return (/** @lends module:path.pathActions */{
+        /**
+        * @param {MouseEvent} evt
+        * @param {Element} mouseTarget
+        * @param {Float} startX
+        * @param {Float} startY
+        * @returns {undefined}
+        */
+        mouseDown: function mouseDown(evt, mouseTarget, startX, startY) {
+          var id = void 0;
+          if (editorContext_.getCurrentMode() === 'path') {
+            var mouseX = startX; // Was this meant to work with the other `mouseX`? (was defined globally so adding `let` to at least avoid a global)
+            var mouseY = startY; // Was this meant to work with the other `mouseY`? (was defined globally so adding `let` to at least avoid a global)
+
+            var currentZoom = editorContext_.getCurrentZoom();
+            var x = mouseX / currentZoom,
+                y = mouseY / currentZoom,
+                stretchy = getElem('path_stretch_line');
+            newPoint = [x, y];
+
+            if (editorContext_.getGridSnapping()) {
+              x = snapToGrid(x);
+              y = snapToGrid(y);
+              mouseX = snapToGrid(mouseX);
+              mouseY = snapToGrid(mouseY);
+            }
+
+            if (!stretchy) {
+              stretchy = document.createElementNS(NS.SVG, 'path');
+              assignAttributes(stretchy, {
+                id: 'path_stretch_line',
+                stroke: '#22C',
+                'stroke-width': '0.5',
+                fill: 'none'
+              });
+              stretchy = getElem('selectorParentGroup').appendChild(stretchy);
+            }
+            stretchy.setAttribute('display', 'inline');
+
+            var keep = null;
+            var index = void 0;
+            // if pts array is empty, create path element with M at current point
+            var drawnPath = editorContext_.getDrawnPath();
+            if (!drawnPath) {
+              var dAttr = 'M' + x + ',' + y + ' '; // Was this meant to work with the other `dAttr`? (was defined globally so adding `var` to at least avoid a global)
+              drawnPath = editorContext_.setDrawnPath(editorContext_.addSVGElementFromJson({
+                element: 'path',
+                curStyles: true,
+                attr: {
+                  d: dAttr,
+                  id: editorContext_.getNextId(),
+                  opacity: editorContext_.getOpacity() / 2
+                }
+              }));
+              // set stretchy line to first point
+              stretchy.setAttribute('d', ['M', mouseX, mouseY, mouseX, mouseY].join(' '));
+              index = subpath ? path.segs.length : 0;
+              addPointGrip(index, mouseX, mouseY);
+            } else {
+              // determine if we clicked on an existing point
+              var seglist = drawnPath.pathSegList;
+              var i = seglist.numberOfItems;
+              var FUZZ = 6 / currentZoom;
+              var clickOnPoint = false;
+              while (i) {
+                i--;
+                var item = seglist.getItem(i);
+                var px = item.x,
+                    py = item.y;
+                // found a matching point
+                if (x >= px - FUZZ && x <= px + FUZZ && y >= py - FUZZ && y <= py + FUZZ) {
+                  clickOnPoint = true;
+                  break;
+                }
+              }
+
+              // get path element that we are in the process of creating
+              id = editorContext_.getId();
+
+              // Remove previous path object if previously created
+              removePath_(id);
+
+              var newpath = getElem(id);
+              var newseg = void 0;
+              var sSeg = void 0;
+              var len = seglist.numberOfItems;
+              // if we clicked on an existing point, then we are done this path, commit it
+              // (i, i+1) are the x,y that were clicked on
+              if (clickOnPoint) {
+                // if clicked on any other point but the first OR
+                // the first point was clicked on and there are less than 3 points
+                // then leave the path open
+                // otherwise, close the path
+                if (i <= 1 && len >= 2) {
+                  // Create end segment
+                  var absX = seglist.getItem(0).x;
+                  var absY = seglist.getItem(0).y;
+
+                  sSeg = stretchy.pathSegList.getItem(1);
+                  if (sSeg.pathSegType === 4) {
+                    newseg = drawnPath.createSVGPathSegLinetoAbs(absX, absY);
+                  } else {
+                    newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(absX, absY, sSeg.x1 / currentZoom, sSeg.y1 / currentZoom, absX, absY);
+                  }
+
+                  var endseg = drawnPath.createSVGPathSegClosePath();
+                  seglist.appendItem(newseg);
+                  seglist.appendItem(endseg);
+                } else if (len < 3) {
+                  keep = false;
+                  return keep;
+                }
+                $$1(stretchy).remove();
+
+                // This will signal to commit the path
+                // const element = newpath; // Other event handlers define own `element`, so this was probably not meant to interact with them or one which shares state (as there were none); I therefore adding a missing `var` to avoid a global
+                drawnPath = editorContext_.setDrawnPath(null);
+                editorContext_.setStarted(false);
+
+                if (subpath) {
+                  if (path.matrix) {
+                    editorContext_.remapElement(newpath, {}, path.matrix.inverse());
+                  }
+
+                  var newD = newpath.getAttribute('d');
+                  var origD = $$1(path.elem).attr('d');
+                  $$1(path.elem).attr('d', origD + newD);
+                  $$1(newpath).remove();
+                  if (path.matrix) {
+                    recalcRotatedPath();
+                  }
+                  init$1();
+                  pathActions.toEditMode(path.elem);
+                  path.selectPt();
+                  return false;
+                }
+                // else, create a new point, update path element
+              } else {
+                // Checks if current target or parents are #svgcontent
+                if (!$$1.contains(editorContext_.getContainer(), editorContext_.getMouseTarget(evt))) {
+                  // Clicked outside canvas, so don't make point
+                  console.log('Clicked outside canvas');
+                  return false;
+                }
+
+                var num = drawnPath.pathSegList.numberOfItems;
+                var last = drawnPath.pathSegList.getItem(num - 1);
+                var lastx = last.x,
+                    lasty = last.y;
+
+                if (evt.shiftKey) {
+                  var xya = snapToAngle(lastx, lasty, x, y);
+                  x = xya.x;
+                  y = xya.y;
+                }
+
+                // Use the segment defined by stretchy
+                sSeg = stretchy.pathSegList.getItem(1);
+                if (sSeg.pathSegType === 4) {
+                  newseg = drawnPath.createSVGPathSegLinetoAbs(editorContext_.round(x), editorContext_.round(y));
+                } else {
+                  newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(editorContext_.round(x), editorContext_.round(y), sSeg.x1 / currentZoom, sSeg.y1 / currentZoom, sSeg.x2 / currentZoom, sSeg.y2 / currentZoom);
+                }
+
+                drawnPath.pathSegList.appendItem(newseg);
+
+                x *= currentZoom;
+                y *= currentZoom;
+
+                // set stretchy line to latest point
+                stretchy.setAttribute('d', ['M', x, y, x, y].join(' '));
+                index = num;
+                if (subpath) {
+                  index += path.segs.length;
+                }
+                addPointGrip(index, x, y);
+              }
+              // keep = true;
+            }
+
+            return;
+          }
+
+          // TODO: Make sure currentPath isn't null at this point
+          if (!path) {
+            return;
+          }
+
+          path.storeD();
+
+          id = evt.target.id;
+
+          var curPt = void 0;
+          if (id.substr(0, 14) === 'pathpointgrip_') {
+            // Select this point
+            curPt = path.cur_pt = parseInt(id.substr(14), 10);
+            path.dragging = [startX, startY];
+            var seg = path.segs[curPt];
+
+            // only clear selection if shift is not pressed (otherwise, add
+            // node to selection)
+            if (!evt.shiftKey) {
+              if (path.selected_pts.length <= 1 || !seg.selected) {
+                path.clearSelection();
+              }
+              path.addPtsToSelection(curPt);
+            } else if (seg.selected) {
+              path.removePtFromSelection(curPt);
+            } else {
+              path.addPtsToSelection(curPt);
+            }
+          } else if (id.startsWith('ctrlpointgrip_')) {
+            path.dragging = [startX, startY];
+
+            var parts = id.split('_')[1].split('c');
+            curPt = Number(parts[0]);
+            var ctrlNum = Number(parts[1]);
+            path.selectPt(curPt, ctrlNum);
+          }
+
+          // Start selection box
+          if (!path.dragging) {
+            var rubberBox = editorContext_.getRubberBox();
+            if (rubberBox == null) {
+              rubberBox = editorContext_.setRubberBox(editorContext_.selectorManager.getRubberBandBox());
+            }
+            var _currentZoom = editorContext_.getCurrentZoom();
+            assignAttributes(rubberBox, {
+              x: startX * _currentZoom,
+              y: startY * _currentZoom,
+              width: 0,
+              height: 0,
+              display: 'inline'
+            }, 100);
+          }
+        },
+
+        /**
+        * @param {Float} mouseX
+        * @param {Float} mouseY
+        * @returns {undefined}
+        */
+        mouseMove: function mouseMove(mouseX, mouseY) {
+          var currentZoom = editorContext_.getCurrentZoom();
+          hasMoved = true;
+          var drawnPath = editorContext_.getDrawnPath();
+          if (editorContext_.getCurrentMode() === 'path') {
+            if (!drawnPath) {
+              return;
+            }
+            var seglist = drawnPath.pathSegList;
+            var index = seglist.numberOfItems - 1;
+
+            if (newPoint) {
+              // First point
+              // if (!index) { return; }
+
+              // Set control points
+              var pointGrip1 = addCtrlGrip('1c1');
+              var pointGrip2 = addCtrlGrip('0c2');
+
+              // dragging pointGrip1
+              pointGrip1.setAttribute('cx', mouseX);
+              pointGrip1.setAttribute('cy', mouseY);
+              pointGrip1.setAttribute('display', 'inline');
+
+              var ptX = newPoint[0];
+              var ptY = newPoint[1];
+
+              // set curve
+              // const seg = seglist.getItem(index);
+              var curX = mouseX / currentZoom;
+              var curY = mouseY / currentZoom;
+              var altX = ptX + (ptX - curX);
+              var altY = ptY + (ptY - curY);
+
+              pointGrip2.setAttribute('cx', altX * currentZoom);
+              pointGrip2.setAttribute('cy', altY * currentZoom);
+              pointGrip2.setAttribute('display', 'inline');
+
+              var ctrlLine = getCtrlLine(1);
+              assignAttributes(ctrlLine, {
+                x1: mouseX,
+                y1: mouseY,
+                x2: altX * currentZoom,
+                y2: altY * currentZoom,
+                display: 'inline'
+              });
+
+              if (index === 0) {
+                firstCtrl = [mouseX, mouseY];
+              } else {
+                var last = seglist.getItem(index - 1);
+                var lastX = last.x;
+                var lastY = last.y;
+
+                if (last.pathSegType === 6) {
+                  lastX += lastX - last.x2;
+                  lastY += lastY - last.y2;
+                } else if (firstCtrl) {
+                  lastX = firstCtrl[0] / currentZoom;
+                  lastY = firstCtrl[1] / currentZoom;
+                }
+                replacePathSeg(6, index, [ptX, ptY, lastX, lastY, altX, altY], drawnPath);
+              }
+            } else {
+              var stretchy = getElem('path_stretch_line');
+              if (stretchy) {
+                var prev = seglist.getItem(index);
+                if (prev.pathSegType === 6) {
+                  var prevX = prev.x + (prev.x - prev.x2);
+                  var prevY = prev.y + (prev.y - prev.y2);
+                  replacePathSeg(6, 1, [mouseX, mouseY, prevX * currentZoom, prevY * currentZoom, mouseX, mouseY], stretchy);
+                } else if (firstCtrl) {
+                  replacePathSeg(6, 1, [mouseX, mouseY, firstCtrl[0], firstCtrl[1], mouseX, mouseY], stretchy);
+                } else {
+                  replacePathSeg(4, 1, [mouseX, mouseY], stretchy);
+                }
+              }
+            }
+            return;
+          }
+          // if we are dragging a point, let's move it
+          if (path.dragging) {
+            var pt = getPointFromGrip({
+              x: path.dragging[0],
+              y: path.dragging[1]
+            }, path);
+            var mpt = getPointFromGrip({
+              x: mouseX,
+              y: mouseY
+            }, path);
+            var diffX = mpt.x - pt.x;
+            var diffY = mpt.y - pt.y;
+            path.dragging = [mouseX, mouseY];
+
+            if (path.dragctrl) {
+              path.moveCtrl(diffX, diffY);
+            } else {
+              path.movePts(diffX, diffY);
+            }
+          } else {
+            path.selected_pts = [];
+            path.eachSeg(function (i) {
+              var seg = this;
+              if (!seg.next && !seg.prev) {
+                return;
+              }
+
+              // const {item} = seg;
+              var rubberBox = editorContext_.getRubberBox();
+              var rbb = rubberBox.getBBox();
+
+              var pt = getGripPt(seg);
+              var ptBb = {
+                x: pt.x,
+                y: pt.y,
+                width: 0,
+                height: 0
+              };
+
+              var sel = rectsIntersect(rbb, ptBb);
+
+              this.select(sel);
+              // Note that addPtsToSelection is not being run
+              if (sel) {
+                path.selected_pts.push(seg.index);
+              }
+            });
+          }
+        },
+
+        /**
+        * @param {Event} evt
+        * @param {Element} element
+        * @param {Float} mouseX
+        * @param {Float} mouseY
+        * @returns {undefined}
+        */
+        mouseUp: function mouseUp(evt, element, mouseX, mouseY) {
+          var drawnPath = editorContext_.getDrawnPath();
+          // Create mode
+          if (editorContext_.getCurrentMode() === 'path') {
+            newPoint = null;
+            if (!drawnPath) {
+              element = getElem(editorContext_.getId());
+              editorContext_.setStarted(false);
+              firstCtrl = null;
+            }
+
+            return {
+              keep: true,
+              element: element
+            };
+          }
+
+          // Edit mode
+          var rubberBox = editorContext_.getRubberBox();
+          if (path.dragging) {
+            var lastPt = path.cur_pt;
+
+            path.dragging = false;
+            path.dragctrl = false;
+            path.update();
+
+            if (hasMoved) {
+              path.endChanges('Move path point(s)');
+            }
+
+            if (!evt.shiftKey && !hasMoved) {
+              path.selectPt(lastPt);
+            }
+          } else if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+            // Done with multi-node-select
+            rubberBox.setAttribute('display', 'none');
+
+            if (rubberBox.getAttribute('width') <= 2 && rubberBox.getAttribute('height') <= 2) {
+              pathActions.toSelectMode(evt.target);
+            }
+
+            // else, move back to select mode
+          } else {
+            pathActions.toSelectMode(evt.target);
+          }
+          hasMoved = false;
+        },
+
+        /**
+        * @param {Element} element
+        * @returns {undefined}
+        */
+        toEditMode: function toEditMode(element) {
+          path = getPath_(element);
+          editorContext_.setCurrentMode('pathedit');
+          editorContext_.clearSelection();
+          path.show(true).update();
+          path.oldbbox = getBBox(path.elem);
+          subpath = false;
+        },
+
+        /**
+        * @param {Element} element
+        * @fires module:svgcanvas.SvgCanvas#event:selected
+        * @returns {undefined}
+        */
+        toSelectMode: function toSelectMode(elem) {
+          var selPath = elem === path.elem;
+          editorContext_.setCurrentMode('select');
+          path.show(false);
+          currentPath = false;
+          editorContext_.clearSelection();
+
+          if (path.matrix) {
+            // Rotated, so may need to re-calculate the center
+            recalcRotatedPath();
+          }
+
+          if (selPath) {
+            editorContext_.call('selected', [elem]);
+            editorContext_.addToSelection([elem], true);
+          }
+        },
+
+        /**
+        * @param {boolean} on
+        * @returns {undefined}
+        */
+        addSubPath: function addSubPath(on) {
+          if (on) {
+            // Internally we go into "path" mode, but in the UI it will
+            // still appear as if in "pathedit" mode.
+            editorContext_.setCurrentMode('path');
+            subpath = true;
+          } else {
+            pathActions.clear(true);
+            pathActions.toEditMode(path.elem);
+          }
+        },
+
+        /**
+        * @param {Element} target
+        * @returns {undefined}
+        */
+        select: function select(target) {
+          if (currentPath === target) {
+            pathActions.toEditMode(target);
+            editorContext_.setCurrentMode('pathedit');
+            // going into pathedit mode
+          } else {
+            currentPath = target;
+          }
+        },
+
+        /**
+        * @fires module:svgcanvas.SvgCanvas#event:changed
+        * @returns {undefined}
+        */
+        reorient: function reorient() {
+          var elem = editorContext_.getSelectedElements()[0];
+          if (!elem) {
+            return;
+          }
+          var angle = getRotationAngle(elem);
+          if (angle === 0) {
+            return;
+          }
+
+          var batchCmd = new BatchCommand('Reorient path');
+          var changes = {
+            d: elem.getAttribute('d'),
+            transform: elem.getAttribute('transform')
+          };
+          batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));
+          editorContext_.clearSelection();
+          this.resetOrientation(elem);
+
+          editorContext_.addCommandToHistory(batchCmd);
+
+          // Set matrix to null
+          getPath_(elem).show(false).matrix = null;
+
+          this.clear();
+
+          editorContext_.addToSelection([elem], true);
+          editorContext_.call('changed', editorContext_.getSelectedElements());
+        },
+
+
+        /**
+        * @param {boolean} remove Not in use
+        * @returns {undefined}
+        */
+        clear: function clear(remove) {
+          var drawnPath = editorContext_.getDrawnPath();
+          currentPath = null;
+          if (drawnPath) {
+            var elem = getElem(editorContext_.getId());
+            $$1(getElem('path_stretch_line')).remove();
+            $$1(elem).remove();
+            $$1(getElem('pathpointgrip_container')).find('*').attr('display', 'none');
+            firstCtrl = null;
+            editorContext_.setDrawnPath(null);
+            editorContext_.setStarted(false);
+          } else if (editorContext_.getCurrentMode() === 'pathedit') {
+            this.toSelectMode();
+          }
+          if (path) {
+            path.init().show(false);
+          }
+        },
+
+        /**
+        * @param {?(Element|SVGPathElement)} pth
+        * @returns {false|undefined}
+        */
+        resetOrientation: function resetOrientation(pth) {
+          if (pth == null || pth.nodeName !== 'path') {
+            return false;
+          }
+          var tlist = getTransformList(pth);
+          var m = transformListToTransform(tlist).matrix;
+          tlist.clear();
+          pth.removeAttribute('transform');
+          var segList = pth.pathSegList;
+
+          // Opera/win/non-EN throws an error here.
+          // TODO: Find out why!
+          // Presumed fixed in Opera 10.5, so commented out for now
+
+          // try {
+          var len = segList.numberOfItems;
+          // } catch(err) {
+          //   const fixed_d = pathActions.convertPath(pth);
+          //   pth.setAttribute('d', fixed_d);
+          //   segList = pth.pathSegList;
+          //   const len = segList.numberOfItems;
+          // }
+          // let lastX, lastY;
+
+          var _loop = function _loop(i) {
+            var seg = segList.getItem(i);
+            var type = seg.pathSegType;
+            if (type === 1) {
+              return 'continue';
+            }
+            var pts = [];
+            $$1.each(['', 1, 2], function (j, n) {
+              var x = seg['x' + n],
+                  y = seg['y' + n];
+              if (x !== undefined && y !== undefined) {
+                var pt = transformPoint(x, y, m);
+                pts.splice(pts.length, 0, pt.x, pt.y);
+              }
+            });
+            replacePathSeg(type, i, pts, pth);
+          };
+
+          for (var i = 0; i < len; ++i) {
+            var _ret = _loop(i);
+
+            if (_ret === 'continue') continue;
+          }
+
+          reorientGrads(pth, m);
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        zoomChange: function zoomChange() {
+          if (editorContext_.getCurrentMode() === 'pathedit') {
+            path.update();
+          }
+        },
+
+        /**
+        * @typedef {PlainObject} module:path.NodePoint
+        * @property {Float} x
+        * @property {Float} y
+        * @property {Integer} type
+        */
+        /**
+        * @returns {module:path.NodePoint}
+        */
+        getNodePoint: function getNodePoint() {
+          var selPt = path.selected_pts.length ? path.selected_pts[0] : 1;
+
+          var seg = path.segs[selPt];
+          return {
+            x: seg.item.x,
+            y: seg.item.y,
+            type: seg.type
+          };
+        },
+
+        /**
+        * @param {boolean} linkPoints
+        * @returns {undefined}
+        */
+        linkControlPoints: function linkControlPoints(linkPoints) {
+          setLinkControlPoints(linkPoints);
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        clonePathNode: function clonePathNode() {
+          path.storeD();
+
+          var selPts = path.selected_pts;
+          // const {segs} = path;
+
+          var i = selPts.length;
+          var nums = [];
+
+          while (i--) {
+            var pt = selPts[i];
+            path.addSeg(pt);
+
+            nums.push(pt + i);
+            nums.push(pt + i + 1);
+          }
+          path.init().addPtsToSelection(nums);
+
+          path.endChanges('Clone path node(s)');
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        opencloseSubPath: function opencloseSubPath() {
+          var selPts = path.selected_pts;
+          // Only allow one selected node for now
+          if (selPts.length !== 1) {
+            return;
+          }
+
+          var _path = path,
+              elem = _path.elem;
+
+          var list = elem.pathSegList;
+
+          // const len = list.numberOfItems;
+
+          var index = selPts[0];
+
+          var openPt = null;
+          var startItem = null;
+
+          // Check if subpath is already open
+          path.eachSeg(function (i) {
+            if (this.type === 2 && i <= index) {
+              startItem = this.item;
+            }
+            if (i <= index) {
+              return true;
+            }
+            if (this.type === 2) {
+              // Found M first, so open
+              openPt = i;
+              return false;
+            }
+            if (this.type === 1) {
+              // Found Z first, so closed
+              openPt = false;
+              return false;
+            }
+          });
+
+          if (openPt == null) {
+            // Single path, so close last seg
+            openPt = path.segs.length - 1;
+          }
+
+          if (openPt !== false) {
+            // Close this path
+
+            // Create a line going to the previous "M"
+            var newseg = elem.createSVGPathSegLinetoAbs(startItem.x, startItem.y);
+
+            var closer = elem.createSVGPathSegClosePath();
+            if (openPt === path.segs.length - 1) {
+              list.appendItem(newseg);
+              list.appendItem(closer);
+            } else {
+              insertItemBefore(elem, closer, openPt);
+              insertItemBefore(elem, newseg, openPt);
+            }
+
+            path.init().selectPt(openPt + 1);
+            return;
+          }
+
+          // M 1,1 L 2,2 L 3,3 L 1,1 z // open at 2,2
+          // M 2,2 L 3,3 L 1,1
+
+          // M 1,1 L 2,2 L 1,1 z M 4,4 L 5,5 L6,6 L 5,5 z
+          // M 1,1 L 2,2 L 1,1 z [M 4,4] L 5,5 L(M)6,6 L 5,5 z
+
+          var seg = path.segs[index];
+
+          if (seg.mate) {
+            list.removeItem(index); // Removes last "L"
+            list.removeItem(index); // Removes the "Z"
+            path.init().selectPt(index - 1);
+            return;
+          }
+
+          var lastM = void 0,
+              zSeg = void 0;
+
+          // Find this sub-path's closing point and remove
+          for (var i = 0; i < list.numberOfItems; i++) {
+            var item = list.getItem(i);
+
+            if (item.pathSegType === 2) {
+              // Find the preceding M
+              lastM = i;
+            } else if (i === index) {
+              // Remove it
+              list.removeItem(lastM);
+              // index--;
+            } else if (item.pathSegType === 1 && index < i) {
+              // Remove the closing seg of this subpath
+              zSeg = i - 1;
+              list.removeItem(i);
+              break;
+            }
+          }
+
+          var num = index - lastM - 1;
+
+          while (num--) {
+            insertItemBefore(elem, list.getItem(lastM), zSeg);
+          }
+
+          var pt = list.getItem(lastM);
+
+          // Make this point the new "M"
+          replacePathSeg(2, lastM, [pt.x, pt.y]);
+
+          // i = index; // i is local here, so has no effect; what was the intent for this?
+
+          path.init().selectPt(0);
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        deletePathNode: function deletePathNode() {
+          if (!pathActions.canDeleteNodes) {
+            return;
+          }
+          path.storeD();
+
+          var selPts = path.selected_pts;
+
+          var i = selPts.length;
+          while (i--) {
+            var pt = selPts[i];
+            path.deleteSeg(pt);
+          }
+
+          // Cleanup
+          var cleanup = function cleanup() {
+            var segList = path.elem.pathSegList;
+            var len = segList.numberOfItems;
+
+            var remItems = function remItems(pos, count) {
+              while (count--) {
+                segList.removeItem(pos);
+              }
+            };
+
+            if (len <= 1) {
+              return true;
+            }
+
+            while (len--) {
+              var item = segList.getItem(len);
+              if (item.pathSegType === 1) {
+                var prev = segList.getItem(len - 1);
+                var nprev = segList.getItem(len - 2);
+                if (prev.pathSegType === 2) {
+                  remItems(len - 1, 2);
+                  cleanup();
+                  break;
+                } else if (nprev.pathSegType === 2) {
+                  remItems(len - 2, 3);
+                  cleanup();
+                  break;
+                }
+              } else if (item.pathSegType === 2) {
+                if (len > 0) {
+                  var prevType = segList.getItem(len - 1).pathSegType;
+                  // Path has M M
+                  if (prevType === 2) {
+                    remItems(len - 1, 1);
+                    cleanup();
+                    break;
+                    // Entire path ends with Z M
+                  } else if (prevType === 1 && segList.numberOfItems - 1 === len) {
+                    remItems(len, 1);
+                    cleanup();
+                    break;
+                  }
+                }
+              }
+            }
+            return false;
+          };
+
+          cleanup();
+
+          // Completely delete a path with 1 or 0 segments
+          if (path.elem.pathSegList.numberOfItems <= 1) {
+            pathActions.toSelectMode(path.elem);
+            editorContext_.canvas.deleteSelectedElements();
+            return;
+          }
+
+          path.init();
+          path.clearSelection();
+
+          // TODO: Find right way to select point now
+          // path.selectPt(selPt);
+          if (window.opera) {
+            // Opera repaints incorrectly
+            var cp = $$1(path.elem);
+            cp.attr('d', cp.attr('d'));
+          }
+          path.endChanges('Delete path node(s)');
+        },
+
+        // Can't seem to use `@borrows` here, so using `@see`
+        /**
+        * Smooth polyline into path
+        * @function module:path.pathActions.smoothPolylineIntoPath
+        * @see module:path~smoothPolylineIntoPath
+        */
+        smoothPolylineIntoPath: smoothPolylineIntoPath,
+        /**
+        * @returns {undefined}
+        */
+        setSegType: function setSegType(v) {
+          path.setSegType(v);
+        },
+
+        /**
+        * @param {string} attr
+        * @param {Float} newValue
+        * @returns {undefined}
+        */
+        moveNode: function moveNode(attr, newValue) {
+          var selPts = path.selected_pts;
+          if (!selPts.length) {
+            return;
+          }
+
+          path.storeD();
+
+          // Get first selected point
+          var seg = path.segs[selPts[0]];
+          var diff = { x: 0, y: 0 };
+          diff[attr] = newValue - seg.item[attr];
+
+          seg.move(diff.x, diff.y);
+          path.endChanges('Move path point');
+        },
+
+        /**
+        * @param {Element} elem
+        * @returns {undefined}
+        */
+        fixEnd: function fixEnd(elem) {
+          // Adds an extra segment if the last seg before a Z doesn't end
+          // at its M point
+          // M0,0 L0,100 L100,100 z
+          var segList = elem.pathSegList;
+          var len = segList.numberOfItems;
+          var lastM = void 0;
+          for (var i = 0; i < len; ++i) {
+            var item = segList.getItem(i);
+            if (item.pathSegType === 2) {
+              lastM = item;
+            }
+
+            if (item.pathSegType === 1) {
+              var prev = segList.getItem(i - 1);
+              if (prev.x !== lastM.x || prev.y !== lastM.y) {
+                // Add an L segment here
+                var newseg = elem.createSVGPathSegLinetoAbs(lastM.x, lastM.y);
+                insertItemBefore(elem, newseg, i);
+                // Can this be done better?
+                pathActions.fixEnd(elem);
+                break;
+              }
+            }
+          }
+          if (isWebkit()) {
+            editorContext_.resetD(elem);
+          }
+        },
+
+        // Can't seem to use `@borrows` here, so using `@see`
+        /**
+        * Convert a path to one with only absolute or relative values
+        * @function module:path.pathActions.convertPath
+        * @see module:path.convertPath
+        */
+        convertPath: convertPath
+      }
+    );
+  }();
+
+  /* globals jQuery */
+
+  // Constants
+  var $$2 = jqPluginSVG(jQuery);
+
+  // String used to encode base64.
+  var KEYSTR = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+
+  // Much faster than running getBBox() every time
+  var visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';
+  var visElemsArr = visElems.split(',');
+  // const hidElems = 'clipPath,defs,desc,feGaussianBlur,filter,linearGradient,marker,mask,metadata,pattern,radialGradient,stop,switch,symbol,title,textPath';
+
+  var editorContext_$1 = null;
+  var domdoc_ = null;
+  var domcontainer_ = null;
+  var svgroot_ = null;
+
+  /**
+  * Object with the following keys/values
+  * @typedef {PlainObject} module:utilities.SVGElementJSON
+  * @property {string} element - Tag name of the SVG element to create
+  * @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element
+  * @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first
+  * @property {module:utilities.SVGElementJSON[]} [children] - Data objects to be added recursively as children
+  * @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace
+  */
+
+  /**
+   * An object that creates SVG elements for the canvas.
+   *
+   * @interface module:utilities.EditorContext
+   * @property {module:path.pathActions} pathActions
+   */
+  /**
+   * @function module:utilities.EditorContext#getSVGContent
+   * @returns {SVGSVGElement}
+   */
+  /**
+   * Create a new SVG element based on the given object keys/values and add it
+   * to the current layer.
+   * The element will be run through `cleanupElement` before being returned
+   * @function module:utilities.EditorContext#addSVGElementFromJson
+   * @param {module:utilities.SVGElementJSON} data
+   * @returns {Element} The new element
+  */
+  /**
+   * @function module:utilities.EditorContext#getSelectedElements
+   * @returns {Element[]} the array with selected DOM elements
+  */
+  /**
+   * @function module:utilities.EditorContext#getDOMDocument
+   * @returns {HTMLDocument}
+  */
+  /**
+   * @function module:utilities.EditorContext#getDOMContainer
+   * @returns {HTMLElement}
+  */
+  /**
+   * @function module:utilities.EditorContext#getSVGRoot
+   * @returns {SVGSVGElement}
+  */
+  /**
+   * @function module:utilities.EditorContext#getBaseUnit
+   * @returns {string}
+  */
+  /**
+   * @function module:utilities.EditorContext#getSnappingStep
+   * @returns {Float|string}
+  */
+
+  /**
+  * @function module:utilities.init
+  * @param {module:utilities.EditorContext} editorContext
+  * @returns {undefined}
+  */
+  var init$2 = function init$$1(editorContext) {
+    editorContext_$1 = editorContext;
+    domdoc_ = editorContext.getDOMDocument();
+    domcontainer_ = editorContext.getDOMContainer();
+    svgroot_ = editorContext.getSVGRoot();
+  };
+
+  /**
+  * Converts characters in a string to XML-friendly entities.
+  * @function module:utilities.toXml
+  * @example `&` becomes `&amp;`
+  * @param {string} str - The string to be converted
+  * @returns {string} The converted string
+  */
+  var toXml = function toXml(str) {
+    // &apos; is ok in XML, but not HTML
+    // &gt; does not normally need escaping, though it can if within a CDATA expression (and preceded by "]]")
+    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/, '&#x27;');
+  };
+
+  // This code was written by Tyler Akins and has been placed in the
+  // public domain.  It would be nice if you left this header intact.
+  // Base64 code from Tyler Akins -- http://rumkin.com
+
+  // schiller: Removed string concatenation in favour of Array.join() optimization,
+  //        also precalculate the size of the array needed.
+
+  /**
+  * Converts a string to base64
+  * @function module:utilities.encode64
+  * @param {string} input
+  * @returns {string} Base64 output
+  */
+  var encode64 = function encode64(input) {
+    // base64 strings are 4/3 larger than the original string
+    input = encodeUTF8(input); // convert non-ASCII characters
+    // input = convertToXMLReferences(input);
+    if (window.btoa) {
+      return window.btoa(input); // Use native if available
+    }
+    var output = [];
+    output.length = Math.floor((input.length + 2) / 3) * 4;
+
+    var i = 0,
+        p = 0;
+    do {
+      var chr1 = input.charCodeAt(i++);
+      var chr2 = input.charCodeAt(i++);
+      var chr3 = input.charCodeAt(i++);
+
+      var enc1 = chr1 >> 2;
+      var enc2 = (chr1 & 3) << 4 | chr2 >> 4;
+
+      var enc3 = (chr2 & 15) << 2 | chr3 >> 6;
+      var enc4 = chr3 & 63;
+
+      if (isNaN(chr2)) {
+        enc3 = enc4 = 64;
+      } else if (isNaN(chr3)) {
+        enc4 = 64;
+      }
+
+      output[p++] = KEYSTR.charAt(enc1);
+      output[p++] = KEYSTR.charAt(enc2);
+      output[p++] = KEYSTR.charAt(enc3);
+      output[p++] = KEYSTR.charAt(enc4);
+    } while (i < input.length);
+
+    return output.join('');
+  };
+
+  /**
+  * Converts a string from base64
+  * @function module:utilities.decode64
+  * @param {string} input Base64-encoded input
+  * @returns {string} Decoded output
+  */
+  var decode64 = function decode64(input) {
+    if (window.atob) {
+      return decodeUTF8(window.atob(input));
+    }
+
+    // remove all characters that are not A-Z, a-z, 0-9, +, /, or =
+    input = input.replace(/[^A-Za-z0-9+/=]/g, '');
+
+    var output = '';
+    var i = 0;
+
+    do {
+      var enc1 = KEYSTR.indexOf(input.charAt(i++));
+      var enc2 = KEYSTR.indexOf(input.charAt(i++));
+      var enc3 = KEYSTR.indexOf(input.charAt(i++));
+      var enc4 = KEYSTR.indexOf(input.charAt(i++));
+
+      var chr1 = enc1 << 2 | enc2 >> 4;
+      var chr2 = (enc2 & 15) << 4 | enc3 >> 2;
+      var chr3 = (enc3 & 3) << 6 | enc4;
+
+      output += String.fromCharCode(chr1);
+
+      if (enc3 !== 64) {
+        output = output + String.fromCharCode(chr2);
+      }
+      if (enc4 !== 64) {
+        output = output + String.fromCharCode(chr3);
+      }
+    } while (i < input.length);
+    return decodeUTF8(output);
+  };
+
+  /**
+  * @function module:utilities.decodeUTF8
+  * @param {string} argString
+  * @returns {string}
+  */
+  var decodeUTF8 = function decodeUTF8(argString) {
+    return decodeURIComponent(escape(argString));
+  };
+
+  // codedread:does not seem to work with webkit-based browsers on OSX // Brettz9: please test again as function upgraded
+  /**
+  * @function module:utilities.encodeUTF8
+  * @param {string} argString
+  * @returns {string}
+  */
+  var encodeUTF8 = function encodeUTF8(argString) {
+    return unescape(encodeURIComponent(argString));
+  };
+
+  /**
+   * convert dataURL to object URL
+   * @function module:utilities.dataURLToObjectURL
+   * @param {string} dataurl
+   * @returns {string} object URL or empty string
+   */
+  var dataURLToObjectURL = function dataURLToObjectURL(dataurl) {
+    if (typeof Uint8Array === 'undefined' || typeof Blob === 'undefined' || typeof URL === 'undefined' || !URL.createObjectURL) {
+      return '';
+    }
+    var arr = dataurl.split(','),
+        mime = arr[0].match(/:(.*?);/)[1],
+        bstr = atob(arr[1]);
+    var n = bstr.length;
+    var u8arr = new Uint8Array(n);
+    while (n--) {
+      u8arr[n] = bstr.charCodeAt(n);
+    }
+    var blob = new Blob([u8arr], { type: mime });
+    return URL.createObjectURL(blob);
+  };
+
+  /**
+   * get object URL for a blob object
+   * @function module:utilities.createObjectURL
+   * @param {Blob} blob A Blob object or File object
+   * @returns {string} object URL or empty string
+   */
+  var createObjectURL = function createObjectURL(blob) {
+    if (!blob || typeof URL === 'undefined' || !URL.createObjectURL) {
+      return '';
+    }
+    return URL.createObjectURL(blob);
+  };
+
+  /**
+   * @property {string} blankPageObjectURL
+   */
+  var blankPageObjectURL = function () {
+    if (typeof Blob === 'undefined') {
+      return '';
+    }
+    var blob = new Blob(['<html><head><title>SVG-edit</title></head><body>&nbsp;</body></html>'], { type: 'text/html' });
+    return createObjectURL(blob);
+  }();
+
+  /**
+  * Cross-browser compatible method of converting a string to an XML tree
+  * found this function [here]{@link http://groups.google.com/group/jquery-dev/browse_thread/thread/c6d11387c580a77f}
+  * @function module:utilities.text2xml
+  * @param {string} sXML
+  * @throws {Error}
+  * @returns {XMLDocument}
+  */
+  var text2xml = function text2xml(sXML) {
+    if (sXML.includes('<svg:svg')) {
+      sXML = sXML.replace(/<(\/?)svg:/g, '<$1').replace('xmlns:svg', 'xmlns');
+    }
+
+    var out = void 0,
+        dXML = void 0;
+    try {
+      dXML = window.DOMParser ? new DOMParser() : new window.ActiveXObject('Microsoft.XMLDOM');
+      dXML.async = false;
+    } catch (e) {
+      throw new Error('XML Parser could not be instantiated');
+    }
+    try {
+      if (dXML.loadXML) {
+        out = dXML.loadXML(sXML) ? dXML : false;
+      } else {
+        out = dXML.parseFromString(sXML, 'text/xml');
+      }
+    } catch (e2) {
+      throw new Error('Error parsing XML string');
+    }
+    return out;
+  };
+
+  /**
+  * @typedef {PlainObject} module:utilities.BBoxObject (like `DOMRect`)
+  * @property {Float} x
+  * @property {Float} y
+  * @property {Float} width
+  * @property {Float} height
+  */
+
+  /**
+  * Converts a `SVGRect` into an object.
+  * @function module:utilities.bboxToObj
+  * @param {SVGRect} bbox - a SVGRect
+  * @returns {module:utilities.BBoxObject} An object with properties names x, y, width, height.
+  */
+  var bboxToObj = function bboxToObj(_ref) {
+    var x = _ref.x,
+        y = _ref.y,
+        width = _ref.width,
+        height = _ref.height;
+
+    return { x: x, y: y, width: width, height: height };
+  };
+
+  /**
+  * @callback module:utilities.TreeWalker
+  * @param {Element} elem - DOM element being traversed
+  * @returns {undefined}
+  */
+
+  /**
+  * Walks the tree and executes the callback on each element in a top-down fashion
+  * @function module:utilities.walkTree
+  * @param {Element} elem - DOM element to traverse
+  * @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element
+  * @returns {undefined}
+  */
+  var walkTree = function walkTree(elem, cbFn) {
+    if (elem && elem.nodeType === 1) {
+      cbFn(elem);
+      var i = elem.childNodes.length;
+      while (i--) {
+        walkTree(elem.childNodes.item(i), cbFn);
+      }
+    }
+  };
+
+  /**
+  * Walks the tree and executes the callback on each element in a depth-first fashion
+  * @function module:utilities.walkTreePost
+  * @todo FIXME: Shouldn't this be calling walkTreePost?
+  * @param {Element} elem - DOM element to traverse
+  * @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element
+  * @returns {undefined}
+  */
+  var walkTreePost = function walkTreePost(elem, cbFn) {
+    if (elem && elem.nodeType === 1) {
+      var i = elem.childNodes.length;
+      while (i--) {
+        walkTree(elem.childNodes.item(i), cbFn);
+      }
+      cbFn(elem);
+    }
+  };
+
+  /**
+  * Extracts the URL from the `url(...)` syntax of some attributes.
+  * Three variants:
+  *  - `<circle fill="url(someFile.svg#foo)" />`
+  *  - `<circle fill="url('someFile.svg#foo')" />`
+  *  - `<circle fill='url("someFile.svg#foo")' />`
+  * @function module:utilities.getUrlFromAttr
+  * @param {string} attrVal The attribute value as a string
+  * @returns {string} String with just the URL, like "someFile.svg#foo"
+  */
+  var getUrlFromAttr = function getUrlFromAttr(attrVal) {
+    if (attrVal) {
+      // url('#somegrad')
+      if (attrVal.startsWith('url("')) {
+        return attrVal.substring(5, attrVal.indexOf('"', 6));
+      }
+      // url('#somegrad')
+      if (attrVal.startsWith("url('")) {
+        return attrVal.substring(5, attrVal.indexOf("'", 6));
+      }
+      if (attrVal.startsWith('url(')) {
+        return attrVal.substring(4, attrVal.indexOf(')'));
+      }
+    }
+    return null;
+  };
+
+  /**
+  * @function module:utilities.getHref
+  * @param {Element} elem
+  * @returns {string} The given element's `xlink:href` value
+  */
+  var getHref = function getHref(elem) {
+    return elem.getAttributeNS(NS.XLINK, 'href');
+  };
+
+  /**
+  * Sets the given element's `xlink:href` value
+  * @function module:utilities.setHref
+  * @param {Element} elem
+  * @param {string} val
+  * @returns {undefined}
+  */
+  var setHref = function setHref(elem, val) {
+    elem.setAttributeNS(NS.XLINK, 'xlink:href', val);
+  };
+
+  /**
+  * @function module:utilities.findDefs
+  * @returns {SVGDefsElement} The document's `<defs>` element, creating it first if necessary
+  */
+  var findDefs = function findDefs() {
+    var svgElement = editorContext_$1.getSVGContent();
+    var defs = svgElement.getElementsByTagNameNS(NS.SVG, 'defs');
+    if (defs.length > 0) {
+      defs = defs[0];
+    } else {
+      defs = svgElement.ownerDocument.createElementNS(NS.SVG, 'defs');
+      if (svgElement.firstChild) {
+        // first child is a comment, so call nextSibling
+        svgElement.insertBefore(defs, svgElement.firstChild.nextSibling);
+        // svgElement.firstChild.nextSibling.before(defs); // Not safe
+      } else {
+        svgElement.append(defs);
+      }
+    }
+    return defs;
+  };
+
+  // TODO(codedread): Consider moving the next to functions to bbox.js
+
+  /**
+  * Get correct BBox for a path in Webkit.
+  * Converted from code found [here]{@link http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html}
+  * @function module:utilities.getPathBBox
+  * @param {SVGPathElement} path - The path DOM element to get the BBox for
+  * @returns {module:utilities.BBoxObject} A BBox-like object
+  */
+  var getPathBBox = function getPathBBox(path$$1) {
+    var seglist = path$$1.pathSegList;
+    var tot = seglist.numberOfItems;
+
+    var bounds = [[], []];
+    var start = seglist.getItem(0);
+    var P0 = [start.x, start.y];
+
+    for (var i = 0; i < tot; i++) {
+      var seg = seglist.getItem(i);
+
+      if (seg.x === undefined) {
+        continue;
+      }
+
+      // Add actual points to limits
+      bounds[0].push(P0[0]);
+      bounds[1].push(P0[1]);
+
+      if (seg.x1) {
+        (function () {
+          var P1 = [seg.x1, seg.y1],
+              P2 = [seg.x2, seg.y2],
+              P3 = [seg.x, seg.y];
+
+          var _loop = function _loop(j) {
+            var calc = function calc(t) {
+              return Math.pow(1 - t, 3) * P0[j] + 3 * Math.pow(1 - t, 2) * t * P1[j] + 3 * (1 - t) * Math.pow(t, 2) * P2[j] + Math.pow(t, 3) * P3[j];
+            };
+
+            var b = 6 * P0[j] - 12 * P1[j] + 6 * P2[j];
+            var a = -3 * P0[j] + 9 * P1[j] - 9 * P2[j] + 3 * P3[j];
+            var c = 3 * P1[j] - 3 * P0[j];
+
+            if (a === 0) {
+              if (b === 0) {
+                return 'continue';
+              }
+              var t = -c / b;
+              if (t > 0 && t < 1) {
+                bounds[j].push(calc(t));
+              }
+              return 'continue';
+            }
+            var b2ac = Math.pow(b, 2) - 4 * c * a;
+            if (b2ac < 0) {
+              return 'continue';
+            }
+            var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
+            if (t1 > 0 && t1 < 1) {
+              bounds[j].push(calc(t1));
+            }
+            var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
+            if (t2 > 0 && t2 < 1) {
+              bounds[j].push(calc(t2));
+            }
+          };
+
+          for (var j = 0; j < 2; j++) {
+            var _ret2 = _loop(j);
+
+            if (_ret2 === 'continue') continue;
+          }
+          P0 = P3;
+        })();
+      } else {
+        bounds[0].push(seg.x);
+        bounds[1].push(seg.y);
+      }
+    }
+
+    var x = Math.min.apply(null, bounds[0]);
+    var w = Math.max.apply(null, bounds[0]) - x;
+    var y = Math.min.apply(null, bounds[1]);
+    var h = Math.max.apply(null, bounds[1]) - y;
+    return {
+      x: x,
+      y: y,
+      width: w,
+      height: h
+    };
+  };
+
+  /**
+  * Get the given/selected element's bounding box object, checking for
+  * horizontal/vertical lines (see issue 717)
+  * Note that performance is currently terrible, so some way to improve would
+  * be great.
+  * @param {Element} selected - Container or `<use>` DOM element
+  * @returns {DOMRect} Bounding box object
+  */
+  function groupBBFix(selected) {
+    if (supportsHVLineContainerBBox()) {
+      try {
+        return selected.getBBox();
+      } catch (e) {}
+    }
+    var ref = $$2.data(selected, 'ref');
+    var matched = null;
+    var ret = void 0,
+        copy = void 0;
+
+    if (ref) {
+      copy = $$2(ref).children().clone().attr('visibility', 'hidden');
+      $$2(svgroot_).append(copy);
+      matched = copy.filter('line, path');
+    } else {
+      matched = $$2(selected).find('line, path');
+    }
+
+    var issue = false;
+    if (matched.length) {
+      matched.each(function () {
+        var bb = this.getBBox();
+        if (!bb.width || !bb.height) {
+          issue = true;
+        }
+      });
+      if (issue) {
+        var elems = ref ? copy : $$2(selected).children();
+        ret = getStrokedBBox(elems);
+      } else {
+        ret = selected.getBBox();
+      }
+    } else {
+      ret = selected.getBBox();
+    }
+    if (ref) {
+      copy.remove();
+    }
+    return ret;
+  }
+
+  /**
+  * Get the given/selected element's bounding box object, convert it to be more
+  * usable when necessary
+  * @function module:utilities.getBBox
+  * @param {Element} elem - Optional DOM element to get the BBox for
+  * @returns {module:utilities.BBoxObject} Bounding box object
+  */
+  var getBBox = function getBBox(elem) {
+    var selected = elem || editorContext_$1.geSelectedElements()[0];
+    if (elem.nodeType !== 1) {
+      return null;
+    }
+    var elname = selected.nodeName;
+
+    var ret = null;
+    switch (elname) {
+      case 'text':
+        if (selected.textContent === '') {
+          selected.textContent = 'a'; // Some character needed for the selector to use.
+          ret = selected.getBBox();
+          selected.textContent = '';
+        } else {
+          if (selected.getBBox) {
+            ret = selected.getBBox();
+          }
+        }
+        break;
+      case 'path':
+        if (!supportsPathBBox()) {
+          ret = getPathBBox(selected);
+        } else {
+          if (selected.getBBox) {
+            ret = selected.getBBox();
+          }
+        }
+        break;
+      case 'g':
+      case 'a':
+        ret = groupBBFix(selected);
+        break;
+      default:
+
+        if (elname === 'use') {
+          ret = groupBBFix(selected, true);
+        }
+        if (elname === 'use' || elname === 'foreignObject' && isWebkit()) {
+          if (!ret) {
+            ret = selected.getBBox();
+          }
+          // This is resolved in later versions of webkit, perhaps we should
+          // have a featured detection for correct 'use' behavior?
+          // ——————————
+          if (!isWebkit()) {
+            var bb = {};
+            bb.width = ret.width;
+            bb.height = ret.height;
+            bb.x = ret.x + parseFloat(selected.getAttribute('x') || 0);
+            bb.y = ret.y + parseFloat(selected.getAttribute('y') || 0);
+            ret = bb;
+          }
+        } else if (visElemsArr.includes(elname)) {
+          if (selected) {
+            try {
+              ret = selected.getBBox();
+            } catch (err) {
+              // tspan (and textPath apparently) have no `getBBox` in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=937268
+              // Re: Chrome returning bbox for containing text element, see: https://bugs.chromium.org/p/chromium/issues/detail?id=349835
+              var extent = selected.getExtentOfChar(0); // pos+dimensions of the first glyph
+              var width = selected.getComputedTextLength(); // width of the tspan
+              ret = {
+                x: extent.x,
+                y: extent.y,
+                width: width,
+                height: extent.height
+              };
+            }
+          } else {
+            // Check if element is child of a foreignObject
+            var fo = $$2(selected).closest('foreignObject');
+            if (fo.length) {
+              if (fo[0].getBBox) {
+                ret = fo[0].getBBox();
+              }
+            }
+          }
+        }
+    }
+    if (ret) {
+      ret = bboxToObj(ret);
+    }
+
+    // get the bounding box from the DOM (which is in that element's coordinate system)
+    return ret;
+  };
+
+  /**
+  * @typedef {GenericArray} module:utilities.PathSegmentArray
+  * @property {Integer} length 2
+  * @property {"M"|"L"|"C"|"Z"} 0
+  * @property {Float[]} 1
+  */
+
+  /**
+  * Create a path 'd' attribute from path segments.
+  * Each segment is an array of the form: `[singleChar, [x,y, x,y, ...]]`
+  * @function module:utilities.getPathDFromSegments
+  * @param {module:utilities.PathSegmentArray[]} pathSegments - An array of path segments to be converted
+  * @returns {string} The converted path d attribute.
+  */
+  var getPathDFromSegments = function getPathDFromSegments(pathSegments) {
+    var d = '';
+
+    $$2.each(pathSegments, function (j, _ref2) {
+      var _ref3 = slicedToArray(_ref2, 2),
+          singleChar = _ref3[0],
+          pts = _ref3[1];
+
+      d += singleChar;
+      for (var i = 0; i < pts.length; i += 2) {
+        d += pts[i] + ',' + pts[i + 1] + ' ';
+      }
+    });
+
+    return d;
+  };
+
+  /**
+  * Make a path 'd' attribute from a simple SVG element shape.
+  * @function module:utilities.getPathDFromElement
+  * @param {Element} elem - The element to be converted
+  * @returns {string} The path d attribute or `undefined` if the element type is unknown.
+  */
+  var getPathDFromElement = function getPathDFromElement(elem) {
+    // Possibly the cubed root of 6, but 1.81 works best
+    var num = 1.81;
+    var d = void 0,
+        a = void 0,
+        rx = void 0,
+        ry = void 0;
+    switch (elem.tagName) {
+      case 'ellipse':
+      case 'circle':
+        a = $$2(elem).attr(['rx', 'ry', 'cx', 'cy']);
+        var _a = a,
+            cx = _a.cx,
+            cy = _a.cy;
+        var _a2 = a;
+        rx = _a2.rx;
+        ry = _a2.ry;
+
+        if (elem.tagName === 'circle') {
+          rx = ry = $$2(elem).attr('r');
+        }
+
+        d = getPathDFromSegments([['M', [cx - rx, cy]], ['C', [cx - rx, cy - ry / num, cx - rx / num, cy - ry, cx, cy - ry]], ['C', [cx + rx / num, cy - ry, cx + rx, cy - ry / num, cx + rx, cy]], ['C', [cx + rx, cy + ry / num, cx + rx / num, cy + ry, cx, cy + ry]], ['C', [cx - rx / num, cy + ry, cx - rx, cy + ry / num, cx - rx, cy]], ['Z', []]]);
+        break;
+      case 'path':
+        d = elem.getAttribute('d');
+        break;
+      case 'line':
+        a = $$2(elem).attr(['x1', 'y1', 'x2', 'y2']);
+        d = 'M' + a.x1 + ',' + a.y1 + 'L' + a.x2 + ',' + a.y2;
+        break;
+      case 'polyline':
+        d = 'M' + elem.getAttribute('points');
+        break;
+      case 'polygon':
+        d = 'M' + elem.getAttribute('points') + ' Z';
+        break;
+      case 'rect':
+        var r = $$2(elem).attr(['rx', 'ry']);
+        rx = r.rx;
+        ry = r.ry;
+
+        var _b = elem.getBBox();
+        var x = _b.x,
+            y = _b.y,
+            w = _b.width,
+            h = _b.height;
+
+        num = 4 - num; // Why? Because!
+
+        if (!rx && !ry) {
+          // Regular rect
+          d = getPathDFromSegments([['M', [x, y]], ['L', [x + w, y]], ['L', [x + w, y + h]], ['L', [x, y + h]], ['L', [x, y]], ['Z', []]]);
+        } else {
+          d = getPathDFromSegments([['M', [x, y + ry]], ['C', [x, y + ry / num, x + rx / num, y, x + rx, y]], ['L', [x + w - rx, y]], ['C', [x + w - rx / num, y, x + w, y + ry / num, x + w, y + ry]], ['L', [x + w, y + h - ry]], ['C', [x + w, y + h - ry / num, x + w - rx / num, y + h, x + w - rx, y + h]], ['L', [x + rx, y + h]], ['C', [x + rx / num, y + h, x, y + h - ry / num, x, y + h - ry]], ['L', [x, y + ry]], ['Z', []]]);
+        }
+        break;
+      default:
+        break;
+    }
+
+    return d;
+  };
+
+  /**
+  * Get a set of attributes from an element that is useful for convertToPath.
+  * @function module:utilities.getExtraAttributesForConvertToPath
+  * @param {Element} elem - The element to be probed
+  * @returns {PlainObject.<"marker-start"|"marker-end"|"marker-mid"|"filter"|"clip-path", string>} An object with attributes.
+  */
+  var getExtraAttributesForConvertToPath = function getExtraAttributesForConvertToPath(elem) {
+    var attrs = {};
+    // TODO: make this list global so that we can properly maintain it
+    // TODO: what about @transform, @clip-rule, @fill-rule, etc?
+    $$2.each(['marker-start', 'marker-end', 'marker-mid', 'filter', 'clip-path'], function () {
+      var a = elem.getAttribute(this);
+      if (a) {
+        attrs[this] = a;
+      }
+    });
+    return attrs;
+  };
+
+  /**
+  * Get the BBox of an element-as-path
+  * @function module:utilities.getBBoxOfElementAsPath
+  * @param {Element} elem - The DOM element to be probed
+  * @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+  * @param {module:path.pathActions} pathActions - If a transform exists, `pathActions.resetOrientation()` is used. See: canvas.pathActions.
+  * @returns {DOMRect|false} The resulting path's bounding box object.
+  */
+  var getBBoxOfElementAsPath = function getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1) {
+    var path$$1 = addSVGElementFromJson({
+      element: 'path',
+      attr: getExtraAttributesForConvertToPath(elem)
+    });
+
+    var eltrans = elem.getAttribute('transform');
+    if (eltrans) {
+      path$$1.setAttribute('transform', eltrans);
+    }
+
+    var parent = elem.parentNode;
+    if (elem.nextSibling) {
+      elem.before(path$$1);
+    } else {
+      parent.append(path$$1);
+    }
+
+    var d = getPathDFromElement(elem);
+    if (d) {
+      path$$1.setAttribute('d', d);
+    } else {
+      path$$1.remove();
+    }
+
+    // Get the correct BBox of the new path, then discard it
+    pathActions$$1.resetOrientation(path$$1);
+    var bb = false;
+    try {
+      bb = path$$1.getBBox();
+    } catch (e) {
+      // Firefox fails
+    }
+    path$$1.remove();
+    return bb;
+  };
+
+  /**
+  * Convert selected element to a path.
+  * @function module:utilities.convertToPath
+  * @param {Element} elem - The DOM element to be converted
+  * @param {module:utilities.SVGElementJSON} attrs - Apply attributes to new path. see canvas.convertToPath
+  * @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+  * @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+  * @param {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection} clearSelection - see [canvas.clearSelection]{@link module:svgcanvas.SvgCanvas#clearSelection}
+  * @param {module:path.EditorContext#addToSelection} addToSelection - see [canvas.addToSelection]{@link module:svgcanvas.SvgCanvas#addToSelection}
+  * @param {module:history} history - see history module
+  * @param {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory} addCommandToHistory - see [canvas.addCommandToHistory]{@link module:svgcanvas~addCommandToHistory}
+  * @returns {SVGPathElement|null} The converted path element or null if the DOM element was not recognized.
+  */
+  var convertToPath = function convertToPath(elem, attrs, addSVGElementFromJson, pathActions$$1, clearSelection, addToSelection, history, addCommandToHistory) {
+    var batchCmd = new history.BatchCommand('Convert element to Path');
+
+    // Any attribute on the element not covered by the passed-in attributes
+    attrs = $$2.extend({}, attrs, getExtraAttributesForConvertToPath(elem));
+
+    var path$$1 = addSVGElementFromJson({
+      element: 'path',
+      attr: attrs
+    });
+
+    var eltrans = elem.getAttribute('transform');
+    if (eltrans) {
+      path$$1.setAttribute('transform', eltrans);
+    }
+
+    var id = elem.id;
+
+    var parent = elem.parentNode;
+    if (elem.nextSibling) {
+      elem.before(path$$1);
+    } else {
+      parent.append(path$$1);
+    }
+
+    var d = getPathDFromElement(elem);
+    if (d) {
+      path$$1.setAttribute('d', d);
+
+      // Replace the current element with the converted one
+
+      // Reorient if it has a matrix
+      if (eltrans) {
+        var tlist = getTransformList(path$$1);
+        if (hasMatrixTransform(tlist)) {
+          pathActions$$1.resetOrientation(path$$1);
+        }
+      }
+
+      var nextSibling = elem.nextSibling;
+
+      batchCmd.addSubCommand(new history.RemoveElementCommand(elem, nextSibling, parent));
+      batchCmd.addSubCommand(new history.InsertElementCommand(path$$1));
+
+      clearSelection();
+      elem.remove();
+      path$$1.setAttribute('id', id);
+      path$$1.removeAttribute('visibility');
+      addToSelection([path$$1], true);
+
+      addCommandToHistory(batchCmd);
+
+      return path$$1;
+    }
+    // the elem.tagName was not recognized, so no "d" attribute. Remove it, so we've haven't changed anything.
+    path$$1.remove();
+    return null;
+  };
+
+  /**
+  * Can the bbox be optimized over the native getBBox? The optimized bbox is the same as the native getBBox when
+  * the rotation angle is a multiple of 90 degrees and there are no complex transforms.
+  * Getting an optimized bbox can be dramatically slower, so we want to make sure it's worth it.
+  *
+  * The best example for this is a circle rotate 45 degrees. The circle doesn't get wider or taller when rotated
+  * about it's center.
+  *
+  * The standard, unoptimized technique gets the native bbox of the circle, rotates the box 45 degrees, uses
+  * that width and height, and applies any transforms to get the final bbox. This means the calculated bbox
+  * is much wider than the original circle. If the angle had been 0, 90, 180, etc. both techniques render the
+  * same bbox.
+  *
+  * The optimization is not needed if the rotation is a multiple 90 degrees. The default technique is to call
+  * getBBox then apply the angle and any transforms.
+  *
+  * @param {Float} angle - The rotation angle in degrees
+  * @param {boolean} hasMatrixTransform - True if there is a matrix transform
+  * @returns {boolean} True if the bbox can be optimized.
+  */
+  function bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixTransform$$1) {
+    var angleModulo90 = angle % 90;
+    var closeTo90 = angleModulo90 < -89.99 || angleModulo90 > 89.99;
+    var closeTo0 = angleModulo90 > -0.001 && angleModulo90 < 0.001;
+    return hasMatrixTransform$$1 || !(closeTo0 || closeTo90);
+  }
+
+  /**
+  * Get bounding box that includes any transforms.
+  * @function module:utilities.getBBoxWithTransform
+  * @param {Element} elem - The DOM element to be converted
+  * @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+  * @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+  * @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object
+  */
+  var getBBoxWithTransform = function getBBoxWithTransform(elem, addSVGElementFromJson, pathActions$$1) {
+    // TODO: Fix issue with rotated groups. Currently they work
+    // fine in FF, but not in other browsers (same problem mentioned
+    // in Issue 339 comment #2).
+
+    var bb = getBBox(elem);
+
+    if (!bb) {
+      return null;
+    }
+
+    var tlist = getTransformList(elem);
+    var angle = getRotationAngleFromTransformList(tlist);
+    var hasMatrixXForm = hasMatrixTransform(tlist);
+
+    if (angle || hasMatrixXForm) {
+      var goodBb = false;
+      if (bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixXForm)) {
+        // Get the BBox from the raw path for these elements
+        // TODO: why ellipse and not circle
+        var elemNames = ['ellipse', 'path', 'line', 'polyline', 'polygon'];
+        if (elemNames.includes(elem.tagName)) {
+          bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1);
+        } else if (elem.tagName === 'rect') {
+          // Look for radius
+          var rx = elem.getAttribute('rx');
+          var ry = elem.getAttribute('ry');
+          if (rx || ry) {
+            bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1);
+          }
+        }
+      }
+
+      if (!goodBb) {
+        var _transformListToTrans = transformListToTransform(tlist),
+            matrix = _transformListToTrans.matrix;
+
+        bb = transformBox(bb.x, bb.y, bb.width, bb.height, matrix).aabox;
+
+        // Old technique that was exceedingly slow with large documents.
+        //
+        // Accurate way to get BBox of rotated element in Firefox:
+        // Put element in group and get its BBox
+        //
+        // Must use clone else FF freaks out
+        // const clone = elem.cloneNode(true);
+        // const g = document.createElementNS(NS.SVG, 'g');
+        // const parent = elem.parentNode;
+        // parent.append(g);
+        // g.append(clone);
+        // const bb2 = bboxToObj(g.getBBox());
+        // g.remove();
+      }
+    }
+    return bb;
+  };
+
+  // TODO: This is problematic with large stroke-width and, for example, a single horizontal line. The calculated BBox extends way beyond left and right sides.
+  function getStrokeOffsetForBBox(elem) {
+    var sw = elem.getAttribute('stroke-width');
+    return !isNaN(sw) && elem.getAttribute('stroke') !== 'none' ? sw / 2 : 0;
+  }
+
+  /**
+   * @typedef {PlainObject} BBox
+   * @property {Integer} x The x value
+   * @property {Integer} y The y value
+   * @property {Float} width
+   * @property {Float} height
+   */
+
+  /**
+  * Get the bounding box for one or more stroked and/or transformed elements
+  * @function module:utilities.getStrokedBBox
+  * @param {Element[]} elems - Array with DOM elements to check
+  * @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+  * @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+  * @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object
+  */
+  var getStrokedBBox = function getStrokedBBox(elems, addSVGElementFromJson, pathActions$$1) {
+    if (!elems || !elems.length) {
+      return false;
+    }
+
+    var fullBb = void 0;
+    $$2.each(elems, function () {
+      if (fullBb) {
+        return;
+      }
+      if (!this.parentNode) {
+        return;
+      }
+      fullBb = getBBoxWithTransform(this, addSVGElementFromJson, pathActions$$1);
+    });
+
+    // This shouldn't ever happen...
+    if (fullBb === undefined) {
+      return null;
+    }
+
+    // fullBb doesn't include the stoke, so this does no good!
+    // if (elems.length == 1) return fullBb;
+
+    var maxX = fullBb.x + fullBb.width;
+    var maxY = fullBb.y + fullBb.height;
+    var minX = fullBb.x;
+    var minY = fullBb.y;
+
+    // If only one elem, don't call the potentially slow getBBoxWithTransform method again.
+    if (elems.length === 1) {
+      var offset = getStrokeOffsetForBBox(elems[0]);
+      minX -= offset;
+      minY -= offset;
+      maxX += offset;
+      maxY += offset;
+    } else {
+      $$2.each(elems, function (i, elem) {
+        var curBb = getBBoxWithTransform(elem, addSVGElementFromJson, pathActions$$1);
+        if (curBb) {
+          var _offset = getStrokeOffsetForBBox(elem);
+          minX = Math.min(minX, curBb.x - _offset);
+          minY = Math.min(minY, curBb.y - _offset);
+          // TODO: The old code had this test for max, but not min. I suspect this test should be for both min and max
+          if (elem.nodeType === 1) {
+            maxX = Math.max(maxX, curBb.x + curBb.width + _offset);
+            maxY = Math.max(maxY, curBb.y + curBb.height + _offset);
+          }
+        }
+      });
+    }
+
+    fullBb.x = minX;
+    fullBb.y = minY;
+    fullBb.width = maxX - minX;
+    fullBb.height = maxY - minY;
+    return fullBb;
+  };
+
+  /**
+  * Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).
+  * Note that 0-opacity, off-screen etc elements are still considered "visible"
+  * for this function
+  * @function module:utilities.getVisibleElements
+  * @param {Element} parent - The parent DOM element to search within
+  * @returns {Element[]} All "visible" elements.
+  */
+  var getVisibleElements = function getVisibleElements(parent) {
+    if (!parent) {
+      parent = $$2(editorContext_$1.getSVGContent()).children(); // Prevent layers from being included
+    }
+
+    var contentElems = [];
+    $$2(parent).children().each(function (i, elem) {
+      if (elem.getBBox) {
+        contentElems.push(elem);
+      }
+    });
+    return contentElems.reverse();
+  };
+
+  /**
+  * Get the bounding box for one or more stroked and/or transformed elements
+  * @function module:utilities.getStrokedBBoxDefaultVisible
+  * @param {Element[]} elems - Array with DOM elements to check
+  * @returns {module:utilities.BBoxObject} A single bounding box object
+  */
+  var getStrokedBBoxDefaultVisible = function getStrokedBBoxDefaultVisible(elems) {
+    if (!elems) {
+      elems = getVisibleElements();
+    }
+    return getStrokedBBox(elems, editorContext_$1.addSVGElementFromJson, editorContext_$1.pathActions);
+  };
+
+  /**
+  * Get the rotation angle of the given transform list.
+  * @function module:utilities.getRotationAngleFromTransformList
+  * @param {SVGTransformList} tlist - List of transforms
+  * @param {boolean} toRad - When true returns the value in radians rather than degrees
+  * @returns {Float} The angle in degrees or radians
+  */
+  var getRotationAngleFromTransformList = function getRotationAngleFromTransformList(tlist, toRad) {
+    if (!tlist) {
+      return 0;
+    } // <svg> elements have no tlist
+    var N = tlist.numberOfItems;
+    for (var i = 0; i < N; ++i) {
+      var xform = tlist.getItem(i);
+      if (xform.type === 4) {
+        return toRad ? xform.angle * Math.PI / 180.0 : xform.angle;
+      }
+    }
+    return 0.0;
+  };
+
+  /**
+  * Get the rotation angle of the given/selected DOM element
+  * @function module:utilities.getRotationAngle
+  * @param {Element} [elem] - DOM element to get the angle for. Default to first of selected elements.
+  * @param {boolean} [toRad=false] - When true returns the value in radians rather than degrees
+  * @returns {Float} The angle in degrees or radians
+  */
+  var getRotationAngle = function getRotationAngle(elem, toRad) {
+    var selected = elem || editorContext_$1.getSelectedElements()[0];
+    // find the rotation transform (if any) and set it
+    var tlist = getTransformList(selected);
+    return getRotationAngleFromTransformList(tlist, toRad);
+  };
+
+  /**
+  * Get the reference element associated with the given attribute value
+  * @function module:utilities.getRefElem
+  * @param {string} attrVal - The attribute value as a string
+  * @returns {Element} Reference element
+  */
+  var getRefElem = function getRefElem(attrVal) {
+    return getElem(getUrlFromAttr(attrVal).substr(1));
+  };
+
+  /**
+  * Get a DOM element by ID within the SVG root element.
+  * @function module:utilities.getElem
+  * @param {string} id - String with the element's new ID
+  * @returns {Element}
+  */
+  var getElem = supportsSelectors() ? function (id) {
+    // querySelector lookup
+    return svgroot_.querySelector('#' + id);
+  } : supportsXpath() ? function (id) {
+    // xpath lookup
+    return domdoc_.evaluate('svg:svg[@id="svgroot"]//svg:*[@id="' + id + '"]', domcontainer_, function () {
+      return NS.SVG;
+    }, 9, null).singleNodeValue;
+  } : function (id) {
+    // jQuery lookup: twice as slow as xpath in FF
+    return $$2(svgroot_).find('[id=' + id + ']')[0];
+  };
+
+  /**
+  * Assigns multiple attributes to an element.
+  * @function module:utilities.assignAttributes
+  * @param {Element} elem - DOM element to apply new attribute values to
+  * @param {PlainObject.<string, string>} attrs - Object with attribute keys/values
+  * @param {Integer} [suspendLength] - Milliseconds to suspend redraw
+  * @param {boolean} [unitCheck=false] - Boolean to indicate the need to use units.setUnitAttr
+  * @returns {undefined}
+  */
+  var assignAttributes = function assignAttributes(elem, attrs, suspendLength, unitCheck) {
+    var _iteratorNormalCompletion = true;
+    var _didIteratorError = false;
+    var _iteratorError = undefined;
+
+    try {
+      for (var _iterator = Object.entries(attrs)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var _ref4 = _step.value;
+
+        var _ref5 = slicedToArray(_ref4, 2);
+
+        var key = _ref5[0];
+        var value = _ref5[1];
+
+        var ns = key.substr(0, 4) === 'xml:' ? NS.XML : key.substr(0, 6) === 'xlink:' ? NS.XLINK : null;
+
+        if (ns) {
+          elem.setAttributeNS(ns, key, value);
+        } else if (!unitCheck) {
+          elem.setAttribute(key, value);
+        } else {
+          setUnitAttr(elem, key, value);
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+  };
+
+  /**
+  * Remove unneeded (default) attributes, makes resulting SVG smaller
+  * @function module:utilities.cleanupElement
+  * @param {Element} element - DOM element to clean up
+  * @returns {undefined}
+  */
+  var cleanupElement = function cleanupElement(element) {
+    var defaults$$1 = {
+      'fill-opacity': 1,
+      'stop-opacity': 1,
+      opacity: 1,
+      stroke: 'none',
+      'stroke-dasharray': 'none',
+      'stroke-linejoin': 'miter',
+      'stroke-linecap': 'butt',
+      'stroke-opacity': 1,
+      'stroke-width': 1,
+      rx: 0,
+      ry: 0
+    };
+
+    if (element.nodeName === 'ellipse') {
+      // Ellipse elements require rx and ry attributes
+      delete defaults$$1.rx;
+      delete defaults$$1.ry;
+    }
+
+    for (var attr in defaults$$1) {
+      var val = defaults$$1[attr];
+      if (element.getAttribute(attr) === String(val)) {
+        element.removeAttribute(attr);
+      }
+    }
+  };
+
+  /**
+  * Round value to for snapping
+  * @function module:utilities.snapToGrid
+  * @param {Float} value
+  * @returns {Integer}
+  */
+  var snapToGrid = function snapToGrid(value) {
+    var unit = editorContext_$1.getBaseUnit();
+    var stepSize = editorContext_$1.getSnappingStep();
+    if (unit !== 'px') {
+      stepSize *= getTypeMap()[unit];
+    }
+    value = Math.round(value / stepSize) * stepSize;
+    return value;
+  };
+
+  /**
+  * Escapes special characters in a regular expression
+  * @function module:utilities.regexEscape
+  * @param {string} str
+  * @returns {string}
+  */
+  var regexEscape = function regexEscape(str) {
+    // From: http://phpjs.org/functions
+    return String(str).replace(new RegExp('[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\-]', 'g'), '\\$&');
+  };
+
+  /**
+   * Prevents default browser click behaviour on the given element
+   * @function module:utilities.preventClickDefault
+   * @param {Element} img - The DOM element to prevent the click on
+   * @returns {undefined}
+   */
+  var preventClickDefault = function preventClickDefault(img) {
+    $$2(img).click(function (e) {
+      e.preventDefault();
+    });
+  };
+
+  /**
+   * @callback module:utilities.GetNextID
+   * @returns {string} The ID
+   */
+  /**
+   * Create a clone of an element, updating its ID and its children's IDs when needed
+   * @function module:utilities.copyElem
+   * @param {Element} el - DOM element to clone
+   * @param {module:utilities.GetNextID} getNextId - The getter of the next unique ID.
+   * @returns {Element} The cloned element
+   */
+  var copyElem = function copyElem(el, getNextId) {
+    // manually create a copy of the element
+    var newEl = document.createElementNS(el.namespaceURI, el.nodeName);
+    $$2.each(el.attributes, function (i, attr) {
+      if (attr.localName !== '-moz-math-font-style') {
+        newEl.setAttributeNS(attr.namespaceURI, attr.nodeName, attr.value);
+      }
+    });
+    // set the copied element's new id
+    newEl.removeAttribute('id');
+    newEl.id = getNextId();
+
+    // Opera's "d" value needs to be reset for Opera/Win/non-EN
+    // Also needed for webkit (else does not keep curved segments on clone)
+    if (isWebkit() && el.nodeName === 'path') {
+      var fixedD = convertPath(el);
+      newEl.setAttribute('d', fixedD);
+    }
+
+    // now create copies of all children
+    $$2.each(el.childNodes, function (i, child) {
+      switch (child.nodeType) {
+        case 1:
+          // element node
+          newEl.append(copyElem(child, getNextId));
+          break;
+        case 3:
+          // text node
+          newEl.textContent = child.nodeValue;
+          break;
+        default:
+          break;
+      }
+    });
+
+    if ($$2(el).data('gsvg')) {
+      $$2(newEl).data('gsvg', newEl.firstChild);
+    } else if ($$2(el).data('symbol')) {
+      var ref = $$2(el).data('symbol');
+      $$2(newEl).data('ref', ref).data('symbol', ref);
+    } else if (newEl.tagName === 'image') {
+      preventClickDefault(newEl);
+    }
+
+    return newEl;
+  };
+
+  /* globals jQuery */
+  /**
+   * Adds context menu functionality
+   * @module contextmenu
+   * @license Apache-2.0
+   * @author Adam Bender
+   */
+  // Dependencies:
+  // 1) jQuery (for dom injection of context menus)
+
+  var $$3 = jQuery;
+
+  var contextMenuExtensions = {};
+
+  /**
+  * @function module:contextmenu.hasCustomHandler
+  * @param {string} handlerKey
+  * @returns {boolean}
+  */
+  var hasCustomHandler = function hasCustomHandler(handlerKey) {
+    return Boolean(contextMenuExtensions[handlerKey]);
+  };
+
+  /**
+  * @function module:contextmenu.getCustomHandler
+  * @param {string} handlerKey
+  * @returns {module:contextmenu.MenuItemAction}
+  */
+  var getCustomHandler = function getCustomHandler(handlerKey) {
+    return contextMenuExtensions[handlerKey].action;
+  };
+
+  /**
+  * @param {module:contextmenu.MenuItem} menuItem
+  * @returns {undefined}
+  */
+  var injectExtendedContextMenuItemIntoDom = function injectExtendedContextMenuItemIntoDom(menuItem) {
+    if (!Object.keys(contextMenuExtensions).length) {
+      // all menuItems appear at the bottom of the menu in their own container.
+      // if this is the first extension menu we need to add the separator.
+      $$3('#cmenu_canvas').append("<li class='separator'>");
+    }
+    var shortcut = menuItem.shortcut || '';
+    $$3('#cmenu_canvas').append("<li class='disabled'><a href='#" + menuItem.id + "'>" + menuItem.label + "<span class='shortcut'>" + shortcut + '</span></a></li>');
+  };
+
+  /**
+  * @function module:contextmenu.injectExtendedContextMenuItemsIntoDom
+  * @returns {undefined}
+  */
+  var injectExtendedContextMenuItemsIntoDom = function injectExtendedContextMenuItemsIntoDom() {
+    for (var menuItem in contextMenuExtensions) {
+      injectExtendedContextMenuItemIntoDom(contextMenuExtensions[menuItem]);
+    }
+  };
+
+  // MIT License
+  // From: https://github.com/uupaa/dynamic-import-polyfill/blob/master/importModule.js
+
+  /**
+   * @module importModule
+   */
+
+  function toAbsoluteURL(url) {
+    var a = document.createElement('a');
+    a.setAttribute('href', url); // <a href="hoge.html">
+    return a.cloneNode(false).href; // -> "http://example.com/hoge.html"
+  }
+
+  function addScriptAtts(script, atts) {
+    ['id', 'class', 'type'].forEach(function (prop) {
+      if (prop in atts) {
+        script[prop] = atts[prop];
+      }
+    });
+  }
+
+  // Additions by Brett
+  /**
+  * @typedef {PlainObject} module:importModule.ImportConfig
+  * @property {string} global The variable name to set on `window` (when not using the modular version)
+  * @property {boolean} [returnDefault=false]
+  */
+  /**
+  * @function module:importModule.importSetGlobalDefault
+  * @param {string} url
+  * @param {module:importModule.ImportConfig} config
+  * @returns {*} The return depends on the export of the targeted module.
+  */
+  var importSetGlobalDefault = function () {
+    var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(url, config) {
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt('return', importSetGlobal(url, _extends({}, config, { returnDefault: true })));
+
+            case 1:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, this);
+    }));
+
+    return function importSetGlobalDefault(_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  /**
+  * @function module:importModule.importSetGlobal
+  * @param {string} url
+  * @param {module:importModule.ImportConfig} config
+  * @returns {ArbitraryModule|*} The return depends on the export of the targeted module.
+  */
+  var importSetGlobal = function () {
+    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(url, _ref2) {
+      var global = _ref2.global,
+          returnDefault = _ref2.returnDefault;
+      var modularVersion;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              // Todo: Replace calls to this function with `import()` when supported
+              modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+
+              if (!modularVersion) {
+                _context2.next = 3;
+                break;
+              }
+
+              return _context2.abrupt('return', importModule(url, undefined, { returnDefault: returnDefault }));
+
+            case 3:
+              _context2.next = 5;
+              return importScript(url);
+
+            case 5:
+              return _context2.abrupt('return', window[global]);
+
+            case 6:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, this);
+    }));
+
+    return function importSetGlobal(_x3, _x4) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  // Addition by Brett
+  function importScript(url) {
+    var atts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    if (Array.isArray(url)) {
+      return Promise.all(url.map(function (u) {
+        return importScript(u, atts);
+      }));
+    }
+    return new Promise(function (resolve, reject) {
+      var script = document.createElement('script');
+      var destructor = function destructor() {
+        script.onerror = null;
+        script.onload = null;
+        script.remove();
+        script.src = '';
+      };
+      script.defer = 'defer';
+      addScriptAtts(script, atts);
+      script.onerror = function () {
+        reject(new Error('Failed to import: ' + url));
+        destructor();
+      };
+      script.onload = function () {
+        resolve();
+        destructor();
+      };
+      script.src = url;
+
+      document.head.append(script);
+    });
+  }
+
+  function importModule(url) {
+    var atts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    var _ref4 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+        _ref4$returnDefault = _ref4.returnDefault,
+        returnDefault = _ref4$returnDefault === undefined ? false : _ref4$returnDefault;
+
+    if (Array.isArray(url)) {
+      return Promise.all(url.map(function (u) {
+        return importModule(u, atts);
+      }));
+    }
+    return new Promise(function (resolve, reject) {
+      var vector = '$importModule$' + Math.random().toString(32).slice(2);
+      var script = document.createElement('script');
+      var destructor = function destructor() {
+        delete window[vector];
+        script.onerror = null;
+        script.onload = null;
+        script.remove();
+        URL.revokeObjectURL(script.src);
+        script.src = '';
+      };
+      addScriptAtts(script, atts);
+      script.defer = 'defer';
+      script.type = 'module';
+      script.onerror = function () {
+        reject(new Error('Failed to import: ' + url));
+        destructor();
+      };
+      script.onload = function () {
+        resolve(window[vector]);
+        destructor();
+      };
+      var absURL = toAbsoluteURL(url);
+      var loader = 'import * as m from \'' + absURL.replace(/'/g, "\\'") + '\'; window.' + vector + ' = ' + (returnDefault ? 'm.default || ' : '') + 'm;'; // export Module
+      var blob = new Blob([loader], { type: 'text/javascript' });
+      script.src = URL.createObjectURL(blob);
+
+      document.head.append(script);
+    });
+  }
+
+  /* globals jQuery */
+
+  var $$4 = jQuery;
+
+  /**
+   * This class encapsulates the concept of a layer in the drawing. It can be constructed with
+   * an existing group element or, with three parameters, will create a new layer group element.
+   *
+   * @example
+   * new Layer('name', group);          // Use the existing group for this layer.
+   * new Layer('name', group, svgElem); // Create a new group and add it to the DOM after group.
+   * new Layer('name', null, svgElem);  // Create a new group and add it to the DOM as the last layer.
+   * @memberof module:layer
+   */
+
+  var Layer = function () {
+    /**
+    * @param {string} name - Layer name
+    * @param {SVGGElement|null} group - An existing SVG group element or null.
+    *     If group and no svgElem, use group for this layer.
+    *     If group and svgElem, create a new group element and insert it in the DOM after group.
+    *     If no group and svgElem, create a new group element and insert it in the DOM as the last layer.
+    * @param {SVGGElement=} svgElem - The SVG DOM element. If defined, use this to add
+    *     a new layer to the document.
+    */
+    function Layer(name, group, svgElem) {
+      classCallCheck(this, Layer);
+
+      this.name_ = name;
+      this.group_ = svgElem ? null : group;
+
+      if (svgElem) {
+        // Create a group element with title and add it to the DOM.
+        var svgdoc = svgElem.ownerDocument;
+        this.group_ = svgdoc.createElementNS(NS.SVG, 'g');
+        var layerTitle = svgdoc.createElementNS(NS.SVG, 'title');
+        layerTitle.textContent = name;
+        this.group_.append(layerTitle);
+        if (group) {
+          $$4(group).after(this.group_);
+        } else {
+          svgElem.append(this.group_);
+        }
+      }
+
+      addLayerClass(this.group_);
+      walkTree(this.group_, function (e) {
+        e.setAttribute('style', 'pointer-events:inherit');
+      });
+
+      this.group_.setAttribute('style', svgElem ? 'pointer-events:all' : 'pointer-events:none');
+    }
+
+    /**
+     * Get the layer's name.
+     * @returns {string} The layer name
+     */
+
+
+    createClass(Layer, [{
+      key: 'getName',
+      value: function getName() {
+        return this.name_;
+      }
+
+      /**
+       * Get the group element for this layer.
+       * @returns {SVGGElement} The layer SVG group
+       */
+
+    }, {
+      key: 'getGroup',
+      value: function getGroup() {
+        return this.group_;
+      }
+
+      /**
+       * Active this layer so it takes pointer events.
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'activate',
+      value: function activate() {
+        this.group_.setAttribute('style', 'pointer-events:all');
+      }
+
+      /**
+       * Deactive this layer so it does NOT take pointer events.
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'deactivate',
+      value: function deactivate() {
+        this.group_.setAttribute('style', 'pointer-events:none');
+      }
+
+      /**
+       * Set this layer visible or hidden based on 'visible' parameter.
+       * @param {boolean} visible - If true, make visible; otherwise, hide it.
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'setVisible',
+      value: function setVisible(visible) {
+        var expected = visible === undefined || visible ? 'inline' : 'none';
+        var oldDisplay = this.group_.getAttribute('display');
+        if (oldDisplay !== expected) {
+          this.group_.setAttribute('display', expected);
+        }
+      }
+
+      /**
+       * Is this layer visible?
+       * @returns {boolean} True if visible.
+       */
+
+    }, {
+      key: 'isVisible',
+      value: function isVisible() {
+        return this.group_.getAttribute('display') !== 'none';
+      }
+
+      /**
+       * Get layer opacity.
+       * @returns {Float} Opacity value.
+       */
+
+    }, {
+      key: 'getOpacity',
+      value: function getOpacity() {
+        var opacity = this.group_.getAttribute('opacity');
+        if (opacity === null || opacity === undefined) {
+          return 1;
+        }
+        return parseFloat(opacity);
+      }
+
+      /**
+       * Sets the opacity of this layer. If opacity is not a value between 0.0 and 1.0,
+       * nothing happens.
+       * @param {Float} opacity - A float value in the range 0.0-1.0
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'setOpacity',
+      value: function setOpacity(opacity) {
+        if (typeof opacity === 'number' && opacity >= 0.0 && opacity <= 1.0) {
+          this.group_.setAttribute('opacity', opacity);
+        }
+      }
+
+      /**
+       * Append children to this layer.
+       * @param {SVGGElement} children - The children to append to this layer.
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'appendChildren',
+      value: function appendChildren(children) {
+        for (var i = 0; i < children.length; ++i) {
+          this.group_.append(children[i]);
+        }
+      }
+
+      /**
+      * @returns {SVGTitleElement|null}
+      */
+
+    }, {
+      key: 'getTitleElement',
+      value: function getTitleElement() {
+        var len = this.group_.childNodes.length;
+        for (var i = 0; i < len; ++i) {
+          var child = this.group_.childNodes.item(i);
+          if (child && child.tagName === 'title') {
+            return child;
+          }
+        }
+        return null;
+      }
+
+      /**
+       * Set the name of this layer.
+       * @param {string} name - The new name.
+       * @param {module:history.HistoryRecordingService} hrService - History recording service
+       * @returns {string|null} The new name if changed; otherwise, null.
+       */
+
+    }, {
+      key: 'setName',
+      value: function setName(name, hrService) {
+        var previousName = this.name_;
+        name = toXml(name);
+        // now change the underlying title element contents
+        var title = this.getTitleElement();
+        if (title) {
+          $$4(title).empty();
+          title.textContent = name;
+          this.name_ = name;
+          if (hrService) {
+            hrService.changeElement(title, { '#text': previousName });
+          }
+          return this.name_;
+        }
+        return null;
+      }
+
+      /**
+       * Remove this layer's group from the DOM. No more functions on group can be called after this.
+       * @param {SVGGElement} children - The children to append to this layer.
+       * @returns {SVGGElement} The layer SVG group that was just removed.
+       */
+
+    }, {
+      key: 'removeGroup',
+      value: function removeGroup() {
+        var parent = this.group_.parentNode;
+        var group = parent.removeChild(this.group_);
+        this.group_ = undefined;
+        return group;
+      }
+    }]);
+    return Layer;
+  }();
+  /**
+   * @property {string} CLASS_NAME - class attribute assigned to all layer groups.
+   */
+
+
+  Layer.CLASS_NAME = 'layer';
+
+  /**
+   * @property {RegExp} CLASS_REGEX - Used to test presence of class Layer.CLASS_NAME
+   */
+  Layer.CLASS_REGEX = new RegExp('(\\s|^)' + Layer.CLASS_NAME + '(\\s|$)');
+
+  /**
+   * Add class `Layer.CLASS_NAME` to the element (usually `class='layer'`).
+   *
+   * @param {SVGGElement} elem - The SVG element to update
+   * @returns {undefined}
+   */
+  function addLayerClass(elem) {
+    var classes = elem.getAttribute('class');
+    if (classes === null || classes === undefined || !classes.length) {
+      elem.setAttribute('class', Layer.CLASS_NAME);
+    } else if (!Layer.CLASS_REGEX.test(classes)) {
+      elem.setAttribute('class', classes + ' ' + Layer.CLASS_NAME);
+    }
+  }
+
+  /**
+   * HistoryRecordingService component of history
+   * @module history
+   * @license MIT
+   * @copyright 2016 Flint O'Brien
+   */
+
+  /**
+   * History recording service.
+   *
+   * A self-contained service interface for recording history. Once injected, no other dependencies
+   * or globals are required (example: UndoManager, command types, etc.). Easy to mock for unit tests.
+   * Built on top of history classes in history.js.
+   *
+   * There is a simple start/end interface for batch commands.
+   *
+   * HistoryRecordingService.NO_HISTORY is a singleton that can be passed in to functions
+   * that record history. This helps when the caller requires that no history be recorded.
+   *
+   * The following will record history: insert, batch, insert.
+   * @example
+   * hrService = new history.HistoryRecordingService(this.undoMgr);
+   * hrService.insertElement(elem, text);         // add simple command to history.
+   * hrService.startBatchCommand('create two elements');
+   * hrService.changeElement(elem, attrs, text);  // add to batchCommand
+   * hrService.changeElement(elem, attrs2, text); // add to batchCommand
+   * hrService.endBatchCommand();                  // add batch command with two change commands to history.
+   * hrService.insertElement(elem, text);         // add simple command to history.
+   *
+   * @example
+   * // Note that all functions return this, so commands can be chained, like so:
+   * hrService
+   *   .startBatchCommand('create two elements')
+   *   .insertElement(elem, text)
+   *   .changeElement(elem, attrs, text)
+   *   .endBatchCommand();
+   *
+   * @memberof module:history
+   */
+
+  var HistoryRecordingService = function () {
+    /**
+    * @param {history.UndoManager|null} undoManager - The undo manager.
+    *     A value of `null` is valid for cases where no history recording is required.
+    *     See singleton: {@link module:history.HistoryRecordingService.HistoryRecordingService.NO_HISTORY}
+    */
+    function HistoryRecordingService(undoManager) {
+      classCallCheck(this, HistoryRecordingService);
+
+      this.undoManager_ = undoManager;
+      this.currentBatchCommand_ = null;
+      this.batchCommandStack_ = [];
+    }
+
+    /**
+     * Start a batch command so multiple commands can recorded as a single history command.
+     * Requires a corresponding call to endBatchCommand. Start and end commands can be nested.
+     *
+     * @param {string} text - Optional string describing the batch command.
+     * @returns {module:history.HistoryRecordingService}
+     */
+
+
+    createClass(HistoryRecordingService, [{
+      key: 'startBatchCommand',
+      value: function startBatchCommand(text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.currentBatchCommand_ = new BatchCommand(text);
+        this.batchCommandStack_.push(this.currentBatchCommand_);
+        return this;
+      }
+
+      /**
+       * End a batch command and add it to the history or a parent batch command.
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'endBatchCommand',
+      value: function endBatchCommand() {
+        if (!this.undoManager_) {
+          return this;
+        }
+        if (this.currentBatchCommand_) {
+          var batchCommand = this.currentBatchCommand_;
+          this.batchCommandStack_.pop();
+          var length = this.batchCommandStack_.length;
+
+          this.currentBatchCommand_ = length ? this.batchCommandStack_[length - 1] : null;
+          this.addCommand_(batchCommand);
+        }
+        return this;
+      }
+
+      /**
+       * Add a MoveElementCommand to the history or current batch command
+       * @param {Element} elem - The DOM element that was moved
+       * @param {Element} oldNextSibling - The element's next sibling before it was moved
+       * @param {Element} oldParent - The element's parent before it was moved
+       * @param {string} [text] - An optional string visible to user related to this change
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'moveElement',
+      value: function moveElement(elem, oldNextSibling, oldParent, text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.addCommand_(new MoveElementCommand(elem, oldNextSibling, oldParent, text));
+        return this;
+      }
+
+      /**
+       * Add an InsertElementCommand to the history or current batch command
+       * @param {Element} elem - The DOM element that was added
+       * @param {string} [text] - An optional string visible to user related to this change
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'insertElement',
+      value: function insertElement(elem, text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.addCommand_(new InsertElementCommand(elem, text));
+        return this;
+      }
+
+      /**
+       * Add a RemoveElementCommand to the history or current batch command
+       * @param {Element} elem - The DOM element that was removed
+       * @param {Element} oldNextSibling - The element's next sibling before it was removed
+       * @param {Element} oldParent - The element's parent before it was removed
+       * @param {string} [text] - An optional string visible to user related to this change
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'removeElement',
+      value: function removeElement(elem, oldNextSibling, oldParent, text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.addCommand_(new RemoveElementCommand(elem, oldNextSibling, oldParent, text));
+        return this;
+      }
+
+      /**
+       * Add a ChangeElementCommand to the history or current batch command
+       * @param {Element} elem - The DOM element that was changed
+       * @param {module:history.CommandAttributes} attrs - An object with the attributes to be changed and the values they had *before* the change
+       * @param {string} [text] - An optional string visible to user related to this change
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'changeElement',
+      value: function changeElement(elem, attrs, text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.addCommand_(new ChangeElementCommand(elem, attrs, text));
+        return this;
+      }
+
+      /**
+       * Private function to add a command to the history or current batch command.
+       * @private
+       * @param {Command} cmd
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'addCommand_',
+      value: function addCommand_(cmd) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        if (this.currentBatchCommand_) {
+          this.currentBatchCommand_.addSubCommand(cmd);
+        } else {
+          this.undoManager_.addCommandToHistory(cmd);
+        }
+      }
+    }]);
+    return HistoryRecordingService;
+  }();
+  /**
+   * @memberof module:history.HistoryRecordingService
+   * @property {module:history.HistoryRecordingService} NO_HISTORY - Singleton that can be passed to functions that record history, but the caller requires that no history be recorded.
+   */
+
+
+  HistoryRecordingService.NO_HISTORY = new HistoryRecordingService();
+
+  /* globals jQuery */
+
+  var $$5 = jQuery;
+
+  var visElems$1 = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use'.split(',');
+
+  var RandomizeModes = {
+    LET_DOCUMENT_DECIDE: 0,
+    ALWAYS_RANDOMIZE: 1,
+    NEVER_RANDOMIZE: 2
+  };
+  var randIds = RandomizeModes.LET_DOCUMENT_DECIDE;
+  // Array with current disabled elements (for in-group editing)
+  var disabledElems = [];
+
+  /**
+   * Get a HistoryRecordingService.
+   * @param {module:history.HistoryRecordingService} [hrService] - if exists, return it instead of creating a new service.
+   * @returns {module:history.HistoryRecordingService}
+   */
+  function historyRecordingService(hrService) {
+    return hrService || new HistoryRecordingService(canvas_.undoMgr);
+  }
+
+  /**
+   * Find the layer name in a group element.
+   * @param {Element} group The group element to search in.
+   * @returns {string} The layer name or empty string.
+   */
+  function findLayerNameInGroup(group) {
+    return $$5('title', group).text() || (isOpera() && group.querySelectorAll
+    // Hack for Opera 10.60
+    ? $$5(group.querySelectorAll('title')).text() : '');
+  }
+
+  /**
+   * Given a set of names, return a new unique name.
+   * @param {string[]} existingLayerNames - Existing layer names.
+   * @returns {string} - The new name.
+   */
+  function getNewLayerName(existingLayerNames) {
+    var i = 1;
+    // TODO(codedread): What about internationalization of "Layer"?
+    while (existingLayerNames.includes('Layer ' + i)) {
+      i++;
+    }
+    return 'Layer ' + i;
+  }
+
+  /**
+   * This class encapsulates the concept of a SVG-edit drawing
+   */
+  var Drawing = function () {
+    /**
+    * @param {SVGSVGElement} svgElem - The SVG DOM Element that this JS object
+    *     encapsulates.  If the svgElem has a se:nonce attribute on it, then
+    *     IDs will use the nonce as they are generated.
+    * @param {string} [optIdPrefix=svg_] - The ID prefix to use.
+    * @throws {Error} If not initialized with an SVG element
+    */
+    function Drawing(svgElem, optIdPrefix) {
+      classCallCheck(this, Drawing);
+
+      if (!svgElem || !svgElem.tagName || !svgElem.namespaceURI || svgElem.tagName !== 'svg' || svgElem.namespaceURI !== NS.SVG) {
+        throw new Error('Error: svgedit.draw.Drawing instance initialized without a <svg> element');
+      }
+
+      /**
+      * The SVG DOM Element that represents this drawing.
+      * @type {SVGSVGElement}
+      */
+      this.svgElem_ = svgElem;
+
+      /**
+      * The latest object number used in this drawing.
+      * @type {Integer}
+      */
+      this.obj_num = 0;
+
+      /**
+      * The prefix to prepend to each element id in the drawing.
+      * @type {string}
+      */
+      this.idPrefix = optIdPrefix || 'svg_';
+
+      /**
+      * An array of released element ids to immediately reuse.
+      * @type {Integer[]}
+      */
+      this.releasedNums = [];
+
+      /**
+      * The z-ordered array of Layer objects. Each layer has a name
+      * and group element.
+      * The first layer is the one at the bottom of the rendering.
+      * @type {Layer[]}
+      */
+      this.all_layers = [];
+
+      /**
+      * Map of all_layers by name.
+      *
+      * Note: Layers are ordered, but referenced externally by name; so, we need both container
+      * types depending on which function is called (i.e. all_layers and layer_map).
+      *
+      * @type {PlainObject.<string, Layer>}
+      */
+      this.layer_map = {};
+
+      /**
+      * The current layer being used.
+      * @type {Layer}
+      */
+      this.current_layer = null;
+
+      /**
+      * The nonce to use to uniquely identify elements across drawings.
+      * @type {!String}
+      */
+      this.nonce_ = '';
+      var n = this.svgElem_.getAttributeNS(NS.SE, 'nonce');
+      // If already set in the DOM, use the nonce throughout the document
+      // else, if randomizeIds(true) has been called, create and set the nonce.
+      if (!!n && randIds !== RandomizeModes.NEVER_RANDOMIZE) {
+        this.nonce_ = n;
+      } else if (randIds === RandomizeModes.ALWAYS_RANDOMIZE) {
+        this.setNonce(Math.floor(Math.random() * 100001));
+      }
+    }
+
+    /**
+     * @param {string} id Element ID to retrieve
+     * @returns {Element} SVG element within the root SVGSVGElement
+    */
+
+
+    createClass(Drawing, [{
+      key: 'getElem_',
+      value: function getElem_(id) {
+        if (this.svgElem_.querySelector) {
+          // querySelector lookup
+          return this.svgElem_.querySelector('#' + id);
+        }
+        // jQuery lookup: twice as slow as xpath in FF
+        return $$5(this.svgElem_).find('[id=' + id + ']')[0];
+      }
+
+      /**
+       * @returns {SVGSVGElement}
+       */
+
+    }, {
+      key: 'getSvgElem',
+      value: function getSvgElem() {
+        return this.svgElem_;
+      }
+
+      /**
+       * @returns {!(string|Integer)} The previously set nonce
+       */
+
+    }, {
+      key: 'getNonce',
+      value: function getNonce() {
+        return this.nonce_;
+      }
+
+      /**
+       * @param {!(string|Integer)} n The nonce to set
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'setNonce',
+      value: function setNonce(n) {
+        this.svgElem_.setAttributeNS(NS.XMLNS, 'xmlns:se', NS.SE);
+        this.svgElem_.setAttributeNS(NS.SE, 'se:nonce', n);
+        this.nonce_ = n;
+      }
+
+      /**
+       * Clears any previously set nonce
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'clearNonce',
+      value: function clearNonce() {
+        // We deliberately leave any se:nonce attributes alone,
+        // we just don't use it to randomize ids.
+        this.nonce_ = '';
+      }
+
+      /**
+       * Returns the latest object id as a string.
+       * @returns {string} The latest object Id.
+       */
+
+    }, {
+      key: 'getId',
+      value: function getId() {
+        return this.nonce_ ? this.idPrefix + this.nonce_ + '_' + this.obj_num : this.idPrefix + this.obj_num;
+      }
+
+      /**
+       * Returns the next object Id as a string.
+       * @returns {string} The next object Id to use.
+       */
+
+    }, {
+      key: 'getNextId',
+      value: function getNextId() {
+        var oldObjNum = this.obj_num;
+        var restoreOldObjNum = false;
+
+        // If there are any released numbers in the release stack,
+        // use the last one instead of the next obj_num.
+        // We need to temporarily use obj_num as that is what getId() depends on.
+        if (this.releasedNums.length > 0) {
+          this.obj_num = this.releasedNums.pop();
+          restoreOldObjNum = true;
+        } else {
+          // If we are not using a released id, then increment the obj_num.
+          this.obj_num++;
+        }
+
+        // Ensure the ID does not exist.
+        var id = this.getId();
+        while (this.getElem_(id)) {
+          if (restoreOldObjNum) {
+            this.obj_num = oldObjNum;
+            restoreOldObjNum = false;
+          }
+          this.obj_num++;
+          id = this.getId();
+        }
+        // Restore the old object number if required.
+        if (restoreOldObjNum) {
+          this.obj_num = oldObjNum;
+        }
+        return id;
+      }
+
+      /**
+       * Releases the object Id, letting it be used as the next id in getNextId().
+       * This method DOES NOT remove any elements from the DOM, it is expected
+       * that client code will do this.
+       * @param {string} id - The id to release.
+       * @returns {boolean} True if the id was valid to be released, false otherwise.
+      */
+
+    }, {
+      key: 'releaseId',
+      value: function releaseId(id) {
+        // confirm if this is a valid id for this Document, else return false
+        var front = this.idPrefix + (this.nonce_ ? this.nonce_ + '_' : '');
+        if (typeof id !== 'string' || !id.startsWith(front)) {
+          return false;
+        }
+        // extract the obj_num of this id
+        var num = parseInt(id.substr(front.length), 10);
+
+        // if we didn't get a positive number or we already released this number
+        // then return false.
+        if (typeof num !== 'number' || num <= 0 || this.releasedNums.includes(num)) {
+          return false;
+        }
+
+        // push the released number into the released queue
+        this.releasedNums.push(num);
+
+        return true;
+      }
+
+      /**
+       * Returns the number of layers in the current drawing.
+       * @returns {Integer} The number of layers in the current drawing.
+      */
+
+    }, {
+      key: 'getNumLayers',
+      value: function getNumLayers() {
+        return this.all_layers.length;
+      }
+
+      /**
+       * Check if layer with given name already exists
+       * @param {string} name - The layer name to check
+       * @returns {boolean}
+      */
+
+    }, {
+      key: 'hasLayer',
+      value: function hasLayer(name) {
+        return this.layer_map[name] !== undefined;
+      }
+
+      /**
+       * Returns the name of the ith layer. If the index is out of range, an empty string is returned.
+       * @param {Integer} i - The zero-based index of the layer you are querying.
+       * @returns {string} The name of the ith layer (or the empty string if none found)
+      */
+
+    }, {
+      key: 'getLayerName',
+      value: function getLayerName(i) {
+        return i >= 0 && i < this.getNumLayers() ? this.all_layers[i].getName() : '';
+      }
+
+      /**
+       * @returns {SVGGElement|null} The SVGGElement representing the current layer.
+       */
+
+    }, {
+      key: 'getCurrentLayer',
+      value: function getCurrentLayer() {
+        return this.current_layer ? this.current_layer.getGroup() : null;
+      }
+
+      /**
+       * Get a layer by name.
+       * @returns {SVGGElement} The SVGGElement representing the named layer or null.
+       */
+
+    }, {
+      key: 'getLayerByName',
+      value: function getLayerByName(name) {
+        var layer = this.layer_map[name];
+        return layer ? layer.getGroup() : null;
+      }
+
+      /**
+       * Returns the name of the currently selected layer. If an error occurs, an empty string
+       * is returned.
+       * @returns {string} The name of the currently active layer (or the empty string if none found).
+      */
+
+    }, {
+      key: 'getCurrentLayerName',
+      value: function getCurrentLayerName() {
+        return this.current_layer ? this.current_layer.getName() : '';
+      }
+
+      /**
+       * Set the current layer's name.
+       * @param {string} name - The new name.
+       * @param {module:history.HistoryRecordingService} hrService - History recording service
+       * @returns {string|null} The new name if changed; otherwise, null.
+       */
+
+    }, {
+      key: 'setCurrentLayerName',
+      value: function setCurrentLayerName(name, hrService) {
+        var finalName = null;
+        if (this.current_layer) {
+          var oldName = this.current_layer.getName();
+          finalName = this.current_layer.setName(name, hrService);
+          if (finalName) {
+            delete this.layer_map[oldName];
+            this.layer_map[finalName] = this.current_layer;
+          }
+        }
+        return finalName;
+      }
+
+      /**
+       * Set the current layer's position.
+       * @param {Integer} newpos - The zero-based index of the new position of the layer. Range should be 0 to layers-1
+       * @returns {{title: SVGGElement, previousName: string}|null} If the name was changed, returns {title:SVGGElement, previousName:string}; otherwise null.
+       */
+
+    }, {
+      key: 'setCurrentLayerPosition',
+      value: function setCurrentLayerPosition(newpos) {
+        var layerCount = this.getNumLayers();
+        if (!this.current_layer || newpos < 0 || newpos >= layerCount) {
+          return null;
+        }
+
+        var oldpos = void 0;
+        for (oldpos = 0; oldpos < layerCount; ++oldpos) {
+          if (this.all_layers[oldpos] === this.current_layer) {
+            break;
+          }
+        }
+        // some unknown error condition (current_layer not in all_layers)
+        if (oldpos === layerCount) {
+          return null;
+        }
+
+        if (oldpos !== newpos) {
+          // if our new position is below us, we need to insert before the node after newpos
+          var currentGroup = this.current_layer.getGroup();
+          var oldNextSibling = currentGroup.nextSibling;
+
+          var refGroup = null;
+          if (newpos > oldpos) {
+            if (newpos < layerCount - 1) {
+              refGroup = this.all_layers[newpos + 1].getGroup();
+            }
+            // if our new position is above us, we need to insert before the node at newpos
+          } else {
+            refGroup = this.all_layers[newpos].getGroup();
+          }
+          this.svgElem_.insertBefore(currentGroup, refGroup); // Ok to replace with `refGroup.before(currentGroup);`?
+
+          this.identifyLayers();
+          this.setCurrentLayer(this.getLayerName(newpos));
+
+          return {
+            currentGroup: currentGroup,
+            oldNextSibling: oldNextSibling
+          };
+        }
+        return null;
+      }
+
+      /**
+      * @param {module:history.HistoryRecordingService} hrService
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'mergeLayer',
+      value: function mergeLayer(hrService) {
+        var currentGroup = this.current_layer.getGroup();
+        var prevGroup = $$5(currentGroup).prev()[0];
+        if (!prevGroup) {
+          return;
+        }
+
+        hrService.startBatchCommand('Merge Layer');
+
+        var layerNextSibling = currentGroup.nextSibling;
+        hrService.removeElement(currentGroup, layerNextSibling, this.svgElem_);
+
+        while (currentGroup.firstChild) {
+          var child = currentGroup.firstChild;
+          if (child.localName === 'title') {
+            hrService.removeElement(child, child.nextSibling, currentGroup);
+            child.remove();
+            continue;
+          }
+          var oldNextSibling = child.nextSibling;
+          prevGroup.append(child);
+          hrService.moveElement(child, oldNextSibling, currentGroup);
+        }
+
+        // Remove current layer's group
+        this.current_layer.removeGroup();
+        // Remove the current layer and set the previous layer as the new current layer
+        var index = this.all_layers.indexOf(this.current_layer);
+        if (index > 0) {
+          var _name = this.current_layer.getName();
+          this.current_layer = this.all_layers[index - 1];
+          this.all_layers.splice(index, 1);
+          delete this.layer_map[_name];
+        }
+
+        hrService.endBatchCommand();
+      }
+
+      /**
+      * @param {module:history.HistoryRecordingService} hrService
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'mergeAllLayers',
+      value: function mergeAllLayers(hrService) {
+        // Set the current layer to the last layer.
+        this.current_layer = this.all_layers[this.all_layers.length - 1];
+
+        hrService.startBatchCommand('Merge all Layers');
+        while (this.all_layers.length > 1) {
+          this.mergeLayer(hrService);
+        }
+        hrService.endBatchCommand();
+      }
+
+      /**
+       * Sets the current layer. If the name is not a valid layer name, then this
+       * function returns `false`. Otherwise it returns `true`. This is not an
+       * undo-able action.
+       * @param {string} name - The name of the layer you want to switch to.
+       * @returns {boolean} `true` if the current layer was switched, otherwise `false`
+       */
+
+    }, {
+      key: 'setCurrentLayer',
+      value: function setCurrentLayer(name) {
+        var layer = this.layer_map[name];
+        if (layer) {
+          if (this.current_layer) {
+            this.current_layer.deactivate();
+          }
+          this.current_layer = layer;
+          this.current_layer.activate();
+          return true;
+        }
+        return false;
+      }
+
+      /**
+       * Deletes the current layer from the drawing and then clears the selection.
+       * This function then calls the 'changed' handler.  This is an undoable action.
+       * @todo Does this actually call the 'changed' handler?
+       * @returns {SVGGElement} The SVGGElement of the layer removed or null.
+       */
+
+    }, {
+      key: 'deleteCurrentLayer',
+      value: function deleteCurrentLayer() {
+        if (this.current_layer && this.getNumLayers() > 1) {
+          var oldLayerGroup = this.current_layer.removeGroup();
+          this.identifyLayers();
+          return oldLayerGroup;
+        }
+        return null;
+      }
+
+      /**
+       * Updates layer system and sets the current layer to the
+       * top-most layer (last `<g>` child of this drawing).
+       * @returns {undefined}
+      */
+
+    }, {
+      key: 'identifyLayers',
+      value: function identifyLayers() {
+        this.all_layers = [];
+        this.layer_map = {};
+        var numchildren = this.svgElem_.childNodes.length;
+        // loop through all children of SVG element
+        var orphans = [],
+            layernames = [];
+        var layer = null;
+        var childgroups = false;
+        for (var i = 0; i < numchildren; ++i) {
+          var child = this.svgElem_.childNodes.item(i);
+          // for each g, find its layer name
+          if (child && child.nodeType === 1) {
+            if (child.tagName === 'g') {
+              childgroups = true;
+              var _name2 = findLayerNameInGroup(child);
+              if (_name2) {
+                layernames.push(_name2);
+                layer = new Layer(_name2, child);
+                this.all_layers.push(layer);
+                this.layer_map[_name2] = layer;
+              } else {
+                // if group did not have a name, it is an orphan
+                orphans.push(child);
+              }
+            } else if (visElems$1.includes(child.nodeName)) {
+              // Child is "visible" (i.e. not a <title> or <defs> element), so it is an orphan
+              orphans.push(child);
+            }
+          }
+        }
+
+        // If orphans or no layers found, create a new layer and add all the orphans to it
+        if (orphans.length > 0 || !childgroups) {
+          layer = new Layer(getNewLayerName(layernames), null, this.svgElem_);
+          layer.appendChildren(orphans);
+          this.all_layers.push(layer);
+          this.layer_map[name] = layer;
+        } else {
+          layer.activate();
+        }
+        this.current_layer = layer;
+      }
+
+      /**
+       * Creates a new top-level layer in the drawing with the given name and
+       * makes it the current layer.
+       * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+       * @param {module:history.HistoryRecordingService} hrService - History recording service
+       * @returns {SVGGElement} The SVGGElement of the new layer, which is
+       *     also the current layer of this drawing.
+      */
+
+    }, {
+      key: 'createLayer',
+      value: function createLayer(name, hrService) {
+        if (this.current_layer) {
+          this.current_layer.deactivate();
+        }
+        // Check for duplicate name.
+        if (name === undefined || name === null || name === '' || this.layer_map[name]) {
+          name = getNewLayerName(Object.keys(this.layer_map));
+        }
+
+        // Crate new layer and add to DOM as last layer
+        var layer = new Layer(name, null, this.svgElem_);
+        // Like to assume hrService exists, but this is backwards compatible with old version of createLayer.
+        if (hrService) {
+          hrService.startBatchCommand('Create Layer');
+          hrService.insertElement(layer.getGroup());
+          hrService.endBatchCommand();
+        }
+
+        this.all_layers.push(layer);
+        this.layer_map[name] = layer;
+        this.current_layer = layer;
+        return layer.getGroup();
+      }
+
+      /**
+       * Creates a copy of the current layer with the given name and makes it the current layer.
+       * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+       * @param {module:history.HistoryRecordingService} hrService - History recording service
+       * @returns {SVGGElement} The SVGGElement of the new layer, which is
+       *     also the current layer of this drawing.
+      */
+
+    }, {
+      key: 'cloneLayer',
+      value: function cloneLayer(name, hrService) {
+        if (!this.current_layer) {
+          return null;
+        }
+        this.current_layer.deactivate();
+        // Check for duplicate name.
+        if (name === undefined || name === null || name === '' || this.layer_map[name]) {
+          name = getNewLayerName(Object.keys(this.layer_map));
+        }
+
+        // Create new group and add to DOM just after current_layer
+        var currentGroup = this.current_layer.getGroup();
+        var layer = new Layer(name, currentGroup, this.svgElem_);
+        var group = layer.getGroup();
+
+        // Clone children
+        var children = currentGroup.childNodes;
+        for (var _index = 0; _index < children.length; _index++) {
+          var ch = children[_index];
+          if (ch.localName === 'title') {
+            continue;
+          }
+          group.append(this.copyElem(ch));
+        }
+
+        if (hrService) {
+          hrService.startBatchCommand('Duplicate Layer');
+          hrService.insertElement(group);
+          hrService.endBatchCommand();
+        }
+
+        // Update layer containers and current_layer.
+        var index = this.all_layers.indexOf(this.current_layer);
+        if (index >= 0) {
+          this.all_layers.splice(index + 1, 0, layer);
+        } else {
+          this.all_layers.push(layer);
+        }
+        this.layer_map[name] = layer;
+        this.current_layer = layer;
+        return group;
+      }
+
+      /**
+       * Returns whether the layer is visible.  If the layer name is not valid,
+       * then this function returns `false`.
+       * @param {string} layerName - The name of the layer which you want to query.
+       * @returns {boolean} The visibility state of the layer, or `false` if the layer name was invalid.
+      */
+
+    }, {
+      key: 'getLayerVisibility',
+      value: function getLayerVisibility(layerName) {
+        var layer = this.layer_map[layerName];
+        return layer ? layer.isVisible() : false;
+      }
+
+      /**
+       * Sets the visibility of the layer. If the layer name is not valid, this
+       * function returns `null`, otherwise it returns the `SVGElement` representing
+       * the layer. This is an undo-able action.
+       * @param {string} layerName - The name of the layer to change the visibility
+       * @param {boolean} bVisible - Whether the layer should be visible
+       * @returns {?SVGGElement} The SVGGElement representing the layer if the
+       *   `layerName` was valid, otherwise `null`.
+      */
+
+    }, {
+      key: 'setLayerVisibility',
+      value: function setLayerVisibility(layerName, bVisible) {
+        if (typeof bVisible !== 'boolean') {
+          return null;
+        }
+        var layer = this.layer_map[layerName];
+        if (!layer) {
+          return null;
+        }
+        layer.setVisible(bVisible);
+        return layer.getGroup();
+      }
+
+      /**
+       * Returns the opacity of the given layer.  If the input name is not a layer, `null` is returned.
+       * @param {string} layerName - name of the layer on which to get the opacity
+       * @returns {?Float} The opacity value of the given layer.  This will be a value between 0.0 and 1.0, or `null`
+       * if `layerName` is not a valid layer
+      */
+
+    }, {
+      key: 'getLayerOpacity',
+      value: function getLayerOpacity(layerName) {
+        var layer = this.layer_map[layerName];
+        if (!layer) {
+          return null;
+        }
+        return layer.getOpacity();
+      }
+
+      /**
+       * Sets the opacity of the given layer.  If the input name is not a layer,
+       * nothing happens. If opacity is not a value between 0.0 and 1.0, then
+       * nothing happens.
+       * NOTE: this function exists solely to apply a highlighting/de-emphasis
+       * effect to a layer. When it is possible for a user to affect the opacity
+       * of a layer, we will need to allow this function to produce an undo-able
+       * action.
+       * @param {string} layerName - Name of the layer on which to set the opacity
+       * @param {Float} opacity - A float value in the range 0.0-1.0
+       * @returns {undefined}
+      */
+
+    }, {
+      key: 'setLayerOpacity',
+      value: function setLayerOpacity(layerName, opacity) {
+        if (typeof opacity !== 'number' || opacity < 0.0 || opacity > 1.0) {
+          return;
+        }
+        var layer = this.layer_map[layerName];
+        if (layer) {
+          layer.setOpacity(opacity);
+        }
+      }
+
+      /**
+       * Create a clone of an element, updating its ID and its children's IDs when needed
+       * @param {Element} el - DOM element to clone
+       * @returns {Element}
+       */
+
+    }, {
+      key: 'copyElem',
+      value: function copyElem$$1(el) {
+        var self = this;
+        var getNextIdClosure = function getNextIdClosure() {
+          return self.getNextId();
+        };
+        return copyElem(el, getNextIdClosure);
+      }
+    }]);
+    return Drawing;
+  }();
+
+  /**
+   * Called to ensure that drawings will or will not have randomized ids.
+   * The currentDrawing will have its nonce set if it doesn't already.
+   * @function module:draw.randomizeIds
+   * @param {boolean} enableRandomization - flag indicating if documents should have randomized ids
+   * @param {draw.Drawing} currentDrawing
+   * @returns {undefined}
+   */
+  var randomizeIds = function randomizeIds(enableRandomization, currentDrawing) {
+    randIds = enableRandomization === false ? RandomizeModes.NEVER_RANDOMIZE : RandomizeModes.ALWAYS_RANDOMIZE;
+
+    if (randIds === RandomizeModes.ALWAYS_RANDOMIZE && !currentDrawing.getNonce()) {
+      currentDrawing.setNonce(Math.floor(Math.random() * 100001));
+    } else if (randIds === RandomizeModes.NEVER_RANDOMIZE && currentDrawing.getNonce()) {
+      currentDrawing.clearNonce();
+    }
+  };
+
+  // Layer API Functions
+
+  /**
+  * Group: Layers
+  */
+
+  /**
+   * @see {@link https://api.jquery.com/jQuery.data/}
+   * @name external:jQuery.data
+   */
+
+  /**
+   * @interface module:draw.DrawCanvasInit
+   * @property {module:path.pathActions} pathActions
+   * @property {external:jQuery.data} elData
+   * @property {module:history.UndoManager} undoMgr
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#getCurrentGroup
+   * @returns {Element}
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#setCurrentGroup
+   * @param {Element} cg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:draw.DrawCanvasInit#getSelectedElements
+   * @returns {Element[]} the array with selected DOM elements
+  */
+  /**
+   * @function module:draw.DrawCanvasInit#getSVGContent
+   * @returns {SVGSVGElement}
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#getCurrentDrawing
+   * @returns {module:draw.Drawing}
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#clearSelection
+   * @param {boolean} [noCall] - When `true`, does not call the "selected" handler
+   * @returns {undefined}
+  */
+  /**
+   * Run the callback function associated with the given event
+   * @function module:draw.DrawCanvasInit#call
+   * @param {"changed"|"contextset"} ev - String with the event name
+   * @param {module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset} arg - Argument to pass through to the callback
+   * function. If the event is "changed", a (single-item) array of `Element`s is
+   * passed. If the event is "contextset", the arg is `null` or `Element`.
+   * @returns {undefined}
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#addCommandToHistory
+   * @param {Command} cmd
+   * @returns {undefined}
+  */
+  /**
+   * @function module:draw.DrawCanvasInit#changeSVGContent
+   * @returns {undefined}
+   */
+
+  var canvas_ = void 0;
+  /**
+  * @function module:draw.init
+  * @param {module:draw.DrawCanvasInit} canvas
+  * @returns {undefined}
+  */
+  var init$3 = function init(canvas) {
+    canvas_ = canvas;
+  };
+
+  /**
+  * Updates layer system
+  * @function module:draw.identifyLayers
+  * @returns {undefined}
+  */
+  var identifyLayers = function identifyLayers() {
+    leaveContext();
+    canvas_.getCurrentDrawing().identifyLayers();
+  };
+
+  /**
+  * Creates a new top-level layer in the drawing with the given name, sets the current layer
+  * to it, and then clears the selection. This function then calls the 'changed' handler.
+  * This is an undoable action.
+  * @function module:draw.createLayer
+  * @param {string} name - The given name
+  * @param {module:history.HistoryRecordingService} hrService
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  var createLayer = function createLayer(name, hrService) {
+    var newLayer = canvas_.getCurrentDrawing().createLayer(name, historyRecordingService(hrService));
+    canvas_.clearSelection();
+    canvas_.call('changed', [newLayer]);
+  };
+
+  /**
+   * Creates a new top-level layer in the drawing with the given name, copies all the current layer's contents
+   * to it, and then clears the selection. This function then calls the 'changed' handler.
+   * This is an undoable action.
+   * @function module:draw.cloneLayer
+   * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+   * @param {module:history.HistoryRecordingService} hrService - History recording service
+   * @fires module:svgcanvas.SvgCanvas#event:changed
+   * @returns {undefined}
+   */
+  var cloneLayer = function cloneLayer(name, hrService) {
+    // Clone the current layer and make the cloned layer the new current layer
+    var newLayer = canvas_.getCurrentDrawing().cloneLayer(name, historyRecordingService(hrService));
+
+    canvas_.clearSelection();
+    leaveContext();
+    canvas_.call('changed', [newLayer]);
+  };
+
+  /**
+  * Deletes the current layer from the drawing and then clears the selection. This function
+  * then calls the 'changed' handler. This is an undoable action.
+  * @function module:draw.deleteCurrentLayer
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {boolean} `true` if an old layer group was found to delete
+  */
+  var deleteCurrentLayer = function deleteCurrentLayer() {
+    var currentLayer = canvas_.getCurrentDrawing().getCurrentLayer();
+    var _currentLayer = currentLayer,
+        nextSibling = _currentLayer.nextSibling;
+
+    var parent = currentLayer.parentNode;
+    currentLayer = canvas_.getCurrentDrawing().deleteCurrentLayer();
+    if (currentLayer) {
+      var batchCmd = new BatchCommand('Delete Layer');
+      // store in our Undo History
+      batchCmd.addSubCommand(new RemoveElementCommand(currentLayer, nextSibling, parent));
+      canvas_.addCommandToHistory(batchCmd);
+      canvas_.clearSelection();
+      canvas_.call('changed', [parent]);
+      return true;
+    }
+    return false;
+  };
+
+  /**
+  * Sets the current layer. If the name is not a valid layer name, then this function returns
+  * false. Otherwise it returns true. This is not an undo-able action.
+  * @function module:draw.setCurrentLayer
+  * @param {string} name - The name of the layer you want to switch to.
+  * @returns {boolean} true if the current layer was switched, otherwise false
+  */
+  var setCurrentLayer = function setCurrentLayer(name) {
+    var result = canvas_.getCurrentDrawing().setCurrentLayer(toXml(name));
+    if (result) {
+      canvas_.clearSelection();
+    }
+    return result;
+  };
+
+  /**
+  * Renames the current layer. If the layer name is not valid (i.e. unique), then this function
+  * does nothing and returns `false`, otherwise it returns `true`. This is an undo-able action.
+  * @function module:draw.renameCurrentLayer
+  * @param {string} newName - the new name you want to give the current layer. This name must
+  * be unique among all layer names.
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {boolean} Whether the rename succeeded
+  */
+  var renameCurrentLayer = function renameCurrentLayer(newName) {
+    var drawing = canvas_.getCurrentDrawing();
+    var layer = drawing.getCurrentLayer();
+    if (layer) {
+      var result = drawing.setCurrentLayerName(newName, historyRecordingService());
+      if (result) {
+        canvas_.call('changed', [layer]);
+        return true;
+      }
+    }
+    return false;
+  };
+
+  /**
+  * Changes the position of the current layer to the new value. If the new index is not valid,
+  * this function does nothing and returns false, otherwise it returns true. This is an
+  * undo-able action.
+  * @function module:draw.setCurrentLayerPosition
+  * @param {Integer} newPos - The zero-based index of the new position of the layer. This should be between
+  * 0 and (number of layers - 1)
+  * @returns {boolean} `true` if the current layer position was changed, `false` otherwise.
+  */
+  var setCurrentLayerPosition = function setCurrentLayerPosition(newPos) {
+    var drawing = canvas_.getCurrentDrawing();
+    var result = drawing.setCurrentLayerPosition(newPos);
+    if (result) {
+      canvas_.addCommandToHistory(new MoveElementCommand(result.currentGroup, result.oldNextSibling, canvas_.getSVGContent()));
+      return true;
+    }
+    return false;
+  };
+
+  /**
+  * Sets the visibility of the layer. If the layer name is not valid, this function return
+  * `false`, otherwise it returns `true`. This is an undo-able action.
+  * @function module:draw.setLayerVisibility
+  * @param {string} layerName - The name of the layer to change the visibility
+  * @param {boolean} bVisible - Whether the layer should be visible
+  * @returns {boolean} true if the layer's visibility was set, false otherwise
+  */
+  var setLayerVisibility = function setLayerVisibility(layerName, bVisible) {
+    var drawing = canvas_.getCurrentDrawing();
+    var prevVisibility = drawing.getLayerVisibility(layerName);
+    var layer = drawing.setLayerVisibility(layerName, bVisible);
+    if (layer) {
+      var oldDisplay = prevVisibility ? 'inline' : 'none';
+      canvas_.addCommandToHistory(new ChangeElementCommand(layer, { display: oldDisplay }, 'Layer Visibility'));
+    } else {
+      return false;
+    }
+
+    if (layer === drawing.getCurrentLayer()) {
+      canvas_.clearSelection();
+      canvas_.pathActions.clear();
+    }
+    // call('changed', [selected]);
+    return true;
+  };
+
+  /**
+  * Moves the selected elements to layerName. If the name is not a valid layer name, then `false`
+  * is returned. Otherwise it returns `true`. This is an undo-able action.
+  * @function module:draw.moveSelectedToLayer
+  * @param {string} layerName - The name of the layer you want to which you want to move the selected elements
+  * @returns {boolean} Whether the selected elements were moved to the layer.
+  */
+  var moveSelectedToLayer = function moveSelectedToLayer(layerName) {
+    // find the layer
+    var drawing = canvas_.getCurrentDrawing();
+    var layer = drawing.getLayerByName(layerName);
+    if (!layer) {
+      return false;
+    }
+
+    var batchCmd = new BatchCommand('Move Elements to Layer');
+
+    // loop for each selected element and move it
+    var selElems = canvas_.getSelectedElements();
+    var i = selElems.length;
+    while (i--) {
+      var elem = selElems[i];
+      if (!elem) {
+        continue;
+      }
+      var oldNextSibling = elem.nextSibling;
+      // TODO: this is pretty brittle!
+      var oldLayer = elem.parentNode;
+      layer.append(elem);
+      batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldLayer));
+    }
+
+    canvas_.addCommandToHistory(batchCmd);
+
+    return true;
+  };
+
+  /**
+  * @function module:draw.mergeLayer
+  * @param {module:history.HistoryRecordingService} hrService
+  * @returns {undefined}
+  */
+  var mergeLayer = function mergeLayer(hrService) {
+    canvas_.getCurrentDrawing().mergeLayer(historyRecordingService(hrService));
+    canvas_.clearSelection();
+    leaveContext();
+    canvas_.changeSVGContent();
+  };
+
+  /**
+  * @function module:draw.mergeAllLayers
+  * @param {module:history.HistoryRecordingService} hrService
+  * @returns {undefined}
+  */
+  var mergeAllLayers = function mergeAllLayers(hrService) {
+    canvas_.getCurrentDrawing().mergeAllLayers(historyRecordingService(hrService));
+    canvas_.clearSelection();
+    leaveContext();
+    canvas_.changeSVGContent();
+  };
+
+  /**
+  * Return from a group context to the regular kind, make any previously
+  * disabled elements enabled again
+  * @function module:draw.leaveContext
+  * @fires module:svgcanvas.SvgCanvas#event:contextset
+  * @returns {undefined}
+  */
+  var leaveContext = function leaveContext() {
+    var len = disabledElems.length;
+    if (len) {
+      for (var i = 0; i < len; i++) {
+        var elem = disabledElems[i];
+        var orig = canvas_.elData(elem, 'orig_opac');
+        if (orig !== 1) {
+          elem.setAttribute('opacity', orig);
+        } else {
+          elem.removeAttribute('opacity');
+        }
+        elem.setAttribute('style', 'pointer-events: inherit');
+      }
+      disabledElems = [];
+      canvas_.clearSelection(true);
+      canvas_.call('contextset', null);
+    }
+    canvas_.setCurrentGroup(null);
+  };
+
+  /**
+  * Set the current context (for in-group editing)
+  * @function module:draw.setContext
+  * @param {Element} elem
+  * @fires module:svgcanvas.SvgCanvas#event:contextset
+  * @returns {undefined}
+  */
+  var setContext = function setContext(elem) {
+    leaveContext();
+    if (typeof elem === 'string') {
+      elem = getElem(elem);
+    }
+
+    // Edit inside this group
+    canvas_.setCurrentGroup(elem);
+
+    // Disable other elements
+    $$5(elem).parentsUntil('#svgcontent').andSelf().siblings().each(function () {
+      var opac = this.getAttribute('opacity') || 1;
+      // Store the original's opacity
+      canvas_.elData(this, 'orig_opac', opac);
+      this.setAttribute('opacity', opac * 0.33);
+      this.setAttribute('style', 'pointer-events: none');
+      disabledElems.push(this);
+    });
+
+    canvas_.clearSelection();
+    canvas_.call('contextset', canvas_.getCurrentGroup());
+  };
+
+  var draw = /*#__PURE__*/Object.freeze({
+    Drawing: Drawing,
+    randomizeIds: randomizeIds,
+    init: init$3,
+    identifyLayers: identifyLayers,
+    createLayer: createLayer,
+    cloneLayer: cloneLayer,
+    deleteCurrentLayer: deleteCurrentLayer,
+    setCurrentLayer: setCurrentLayer,
+    renameCurrentLayer: renameCurrentLayer,
+    setCurrentLayerPosition: setCurrentLayerPosition,
+    setLayerVisibility: setLayerVisibility,
+    moveSelectedToLayer: moveSelectedToLayer,
+    mergeLayer: mergeLayer,
+    mergeAllLayers: mergeAllLayers,
+    leaveContext: leaveContext,
+    setContext: setContext,
+    Layer: Layer
+  });
+
+  /**
+   * Tools for SVG sanitization
+   * @module sanitize
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+   */
+
+  var REVERSE_NS = getReverseNS();
+
+  // this defines which elements and attributes that we support
+  var svgWhiteList_ = {
+    // SVG Elements
+    a: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'xlink:href', 'xlink:title'],
+    circle: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'r', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    clipPath: ['class', 'clipPathUnits', 'id'],
+    defs: [],
+    style: ['type'],
+    desc: [],
+    ellipse: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    feGaussianBlur: ['class', 'color-interpolation-filters', 'id', 'requiredFeatures', 'stdDeviation'],
+    filter: ['class', 'color-interpolation-filters', 'filterRes', 'filterUnits', 'height', 'id', 'primitiveUnits', 'requiredFeatures', 'width', 'x', 'xlink:href', 'y'],
+    foreignObject: ['class', 'font-size', 'height', 'id', 'opacity', 'requiredFeatures', 'style', 'transform', 'width', 'x', 'y'],
+    g: ['class', 'clip-path', 'clip-rule', 'id', 'display', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'font-family', 'font-size', 'font-style', 'font-weight', 'text-anchor'],
+    image: ['class', 'clip-path', 'clip-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'style', 'systemLanguage', 'transform', 'width', 'x', 'xlink:href', 'xlink:title', 'y'],
+    line: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'x1', 'x2', 'y1', 'y2'],
+    linearGradient: ['class', 'id', 'gradientTransform', 'gradientUnits', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'x1', 'x2', 'xlink:href', 'y1', 'y2'],
+    marker: ['id', 'class', 'markerHeight', 'markerUnits', 'markerWidth', 'orient', 'preserveAspectRatio', 'refX', 'refY', 'systemLanguage', 'viewBox'],
+    mask: ['class', 'height', 'id', 'maskContentUnits', 'maskUnits', 'width', 'x', 'y'],
+    metadata: ['class', 'id'],
+    path: ['class', 'clip-path', 'clip-rule', 'd', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    pattern: ['class', 'height', 'id', 'patternContentUnits', 'patternTransform', 'patternUnits', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xlink:href', 'y'],
+    polygon: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'class', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    polyline: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    radialGradient: ['class', 'cx', 'cy', 'fx', 'fy', 'gradientTransform', 'gradientUnits', 'id', 'r', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'xlink:href'],
+    rect: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'width', 'x', 'y'],
+    stop: ['class', 'id', 'offset', 'requiredFeatures', 'stop-color', 'stop-opacity', 'style', 'systemLanguage'],
+    svg: ['class', 'clip-path', 'clip-rule', 'filter', 'id', 'height', 'mask', 'preserveAspectRatio', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xmlns', 'xmlns:se', 'xmlns:xlink', 'y'],
+    switch: ['class', 'id', 'requiredFeatures', 'systemLanguage'],
+    symbol: ['class', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'opacity', 'preserveAspectRatio', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'viewBox'],
+    text: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'transform', 'x', 'xml:space', 'y'],
+    textPath: ['class', 'id', 'method', 'requiredFeatures', 'spacing', 'startOffset', 'style', 'systemLanguage', 'transform', 'xlink:href'],
+    title: [],
+    tspan: ['class', 'clip-path', 'clip-rule', 'dx', 'dy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'rotate', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'textLength', 'transform', 'x', 'xml:space', 'y'],
+    use: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'transform', 'width', 'x', 'xlink:href', 'y'],
+
+    // MathML Elements
+    annotation: ['encoding'],
+    'annotation-xml': ['encoding'],
+    maction: ['actiontype', 'other', 'selection'],
+    math: ['class', 'id', 'display', 'xmlns'],
+    menclose: ['notation'],
+    merror: [],
+    mfrac: ['linethickness'],
+    mi: ['mathvariant'],
+    mmultiscripts: [],
+    mn: [],
+    mo: ['fence', 'lspace', 'maxsize', 'minsize', 'rspace', 'stretchy'],
+    mover: [],
+    mpadded: ['lspace', 'width', 'height', 'depth', 'voffset'],
+    mphantom: [],
+    mprescripts: [],
+    mroot: [],
+    mrow: ['xlink:href', 'xlink:type', 'xmlns:xlink'],
+    mspace: ['depth', 'height', 'width'],
+    msqrt: [],
+    mstyle: ['displaystyle', 'mathbackground', 'mathcolor', 'mathvariant', 'scriptlevel'],
+    msub: [],
+    msubsup: [],
+    msup: [],
+    mtable: ['align', 'columnalign', 'columnlines', 'columnspacing', 'displaystyle', 'equalcolumns', 'equalrows', 'frame', 'rowalign', 'rowlines', 'rowspacing', 'width'],
+    mtd: ['columnalign', 'columnspan', 'rowalign', 'rowspan'],
+    mtext: [],
+    mtr: ['columnalign', 'rowalign'],
+    munder: [],
+    munderover: [],
+    none: [],
+    semantics: []
+  };
+
+  // Produce a Namespace-aware version of svgWhitelist
+  var svgWhiteListNS_ = {};
+  Object.entries(svgWhiteList_).forEach(function (_ref) {
+    var _ref2 = slicedToArray(_ref, 2),
+        elt = _ref2[0],
+        atts = _ref2[1];
+
+    var attNS = {};
+    Object.entries(atts).forEach(function (_ref3) {
+      var _ref4 = slicedToArray(_ref3, 2),
+          i = _ref4[0],
+          att = _ref4[1];
+
+      if (att.includes(':')) {
+        var v = att.split(':');
+        attNS[v[1]] = NS[v[0].toUpperCase()];
+      } else {
+        attNS[att] = att === 'xmlns' ? NS.XMLNS : null;
+      }
+    });
+    svgWhiteListNS_[elt] = attNS;
+  });
+
+  /**
+  * Sanitizes the input node and its children.
+  * It only keeps what is allowed from our whitelist defined above.
+  * @function module:sanitize.sanitizeSvg
+  * @param {Text|Element} node - The DOM element to be checked (we'll also check its children) or text node to be cleaned up
+  * @returns {undefined}
+  */
+  var sanitizeSvg = function sanitizeSvg(node) {
+    // Cleanup text nodes
+    if (node.nodeType === 3) {
+      // 3 === TEXT_NODE
+      // Trim whitespace
+      node.nodeValue = node.nodeValue.replace(/^\s+|\s+$/g, '');
+      // Remove if empty
+      if (!node.nodeValue.length) {
+        node.remove();
+      }
+    }
+
+    // We only care about element nodes.
+    // Automatically return for all non-element nodes, such as comments, etc.
+    if (node.nodeType !== 1) {
+      // 1 == ELEMENT_NODE
+      return;
+    }
+
+    var doc = node.ownerDocument;
+    var parent = node.parentNode;
+    // can parent ever be null here?  I think the root node's parent is the document...
+    if (!doc || !parent) {
+      return;
+    }
+
+    var allowedAttrs = svgWhiteList_[node.nodeName];
+    var allowedAttrsNS = svgWhiteListNS_[node.nodeName];
+    // if this element is supported, sanitize it
+    if (typeof allowedAttrs !== 'undefined') {
+      var seAttrs = [];
+      var i = node.attributes.length;
+      while (i--) {
+        // if the attribute is not in our whitelist, then remove it
+        // could use jQuery's inArray(), but I don't know if that's any better
+        var attr = node.attributes.item(i);
+        var attrName = attr.nodeName;
+        var attrLocalName = attr.localName;
+        var attrNsURI = attr.namespaceURI;
+        // Check that an attribute with the correct localName in the correct namespace is on
+        // our whitelist or is a namespace declaration for one of our allowed namespaces
+        if (!(allowedAttrsNS.hasOwnProperty(attrLocalName) && attrNsURI === allowedAttrsNS[attrLocalName] && attrNsURI !== NS.XMLNS) && !(attrNsURI === NS.XMLNS && REVERSE_NS[attr.value])) {
+          // TODO(codedread): Programmatically add the se: attributes to the NS-aware whitelist.
+          // Bypassing the whitelist to allow se: prefixes.
+          // Is there a more appropriate way to do this?
+          if (attrName.startsWith('se:') || attrName.startsWith('data-')) {
+            seAttrs.push([attrName, attr.value]);
+          }
+          node.removeAttributeNS(attrNsURI, attrLocalName);
+        }
+
+        // Add spaces before negative signs where necessary
+        if (isGecko()) {
+          switch (attrName) {
+            case 'transform':
+            case 'gradientTransform':
+            case 'patternTransform':
+              var val = attr.value.replace(/(\d)-/g, '$1 -');
+              node.setAttribute(attrName, val);
+              break;
+          }
+        }
+
+        // For the style attribute, rewrite it in terms of XML presentational attributes
+        if (attrName === 'style') {
+          var props = attr.value.split(';');
+          var p = props.length;
+          while (p--) {
+            var _props$p$split = props[p].split(':'),
+                _props$p$split2 = slicedToArray(_props$p$split, 2),
+                name = _props$p$split2[0],
+                _val = _props$p$split2[1];
+
+            var styleAttrName = (name || '').trim();
+            var styleAttrVal = (_val || '').trim();
+            // Now check that this attribute is supported
+            if (allowedAttrs.includes(styleAttrName)) {
+              node.setAttribute(styleAttrName, styleAttrVal);
+            }
+          }
+          node.removeAttribute('style');
+        }
+      }
+
+      Object.values(seAttrs).forEach(function (_ref5) {
+        var _ref6 = slicedToArray(_ref5, 2),
+            att = _ref6[0],
+            val = _ref6[1];
+
+        node.setAttributeNS(NS.SE, att, val);
+      });
+
+      // for some elements that have a xlink:href, ensure the URI refers to a local element
+      // (but not for links)
+      var href = getHref(node);
+      if (href && ['filter', 'linearGradient', 'pattern', 'radialGradient', 'textPath', 'use'].includes(node.nodeName)) {
+        // TODO: we simply check if the first character is a #, is this bullet-proof?
+        if (href[0] !== '#') {
+          // remove the attribute (but keep the element)
+          setHref(node, '');
+          node.removeAttributeNS(NS.XLINK, 'href');
+        }
+      }
+
+      // Safari crashes on a <use> without a xlink:href, so we just remove the node here
+      if (node.nodeName === 'use' && !getHref(node)) {
+        node.remove();
+        return;
+      }
+      // if the element has attributes pointing to a non-local reference,
+      // need to remove the attribute
+      Object.values(['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'], function (attr) {
+        var val = node.getAttribute(attr);
+        if (val) {
+          val = getUrlFromAttr(val);
+          // simply check for first character being a '#'
+          if (val && val[0] !== '#') {
+            node.setAttribute(attr, '');
+            node.removeAttribute(attr);
+          }
+        }
+      });
+
+      // recurse to children
+      i = node.childNodes.length;
+      while (i--) {
+        sanitizeSvg(node.childNodes.item(i));
+      }
+      // else (element not supported), remove it
+    } else {
+      // remove all children from this node and insert them before this node
+      // FIXME: in the case of animation elements this will hardly ever be correct
+      var children = [];
+      while (node.hasChildNodes()) {
+        children.push(parent.insertBefore(node.firstChild, node));
+      }
+
+      // remove this node from the document altogether
+      node.remove();
+
+      // call sanitizeSvg on each of those children
+      var _i = children.length;
+      while (_i--) {
+        sanitizeSvg(children[_i]);
+      }
+    }
+  };
+
+  /* globals jQuery */
+
+  var $$6 = jQuery;
+
+  // this is how we map paths to our preferred relative segment types
+  var pathMap$1 = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a', 'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];
+
+  /**
+   * @interface module:coords.EditorContext
+   */
+  /**
+   * @function module:coords.EditorContext#getGridSnapping
+   * @returns {boolean}
+   */
+  /**
+   * @function module:coords.EditorContext#getDrawing
+   * @returns {module:draw.Drawing}
+  */
+  /**
+   * @function module:coords.EditorContext#getSVGRoot
+   * @returns {SVGSVGElement}
+  */
+
+  var editorContext_$2 = null;
+
+  /**
+  * @function module:coords.init
+  * @param {module:coords.EditorContext} editorContext
+  */
+  var init$4 = function init(editorContext) {
+    editorContext_$2 = editorContext;
+  };
+
+  /**
+   * Applies coordinate changes to an element based on the given matrix
+   * @function module:coords.remapElement
+   * @implements {module:path.EditorContext#remapElement}
+  */
+  var remapElement = function remapElement(selected, changes, m) {
+    var remap = function remap(x, y) {
+      return transformPoint(x, y, m);
+    },
+        scalew = function scalew(w) {
+      return m.a * w;
+    },
+        scaleh = function scaleh(h) {
+      return m.d * h;
+    },
+        doSnapping = editorContext_$2.getGridSnapping() && selected.parentNode.parentNode.localName === 'svg',
+        finishUp = function finishUp() {
+      if (doSnapping) {
+        for (var o in changes) {
+          changes[o] = snapToGrid(changes[o]);
+        }
+      }
+      assignAttributes(selected, changes, 1000, true);
+    },
+        box = getBBox(selected);
+
+    for (var i = 0; i < 2; i++) {
+      var type = i === 0 ? 'fill' : 'stroke';
+      var attrVal = selected.getAttribute(type);
+      if (attrVal && attrVal.startsWith('url(')) {
+        if (m.a < 0 || m.d < 0) {
+          var grad = getRefElem(attrVal);
+          var newgrad = grad.cloneNode(true);
+          if (m.a < 0) {
+            // flip x
+            var x1 = newgrad.getAttribute('x1');
+            var x2 = newgrad.getAttribute('x2');
+            newgrad.setAttribute('x1', -(x1 - 1));
+            newgrad.setAttribute('x2', -(x2 - 1));
+          }
+
+          if (m.d < 0) {
+            // flip y
+            var y1 = newgrad.getAttribute('y1');
+            var y2 = newgrad.getAttribute('y2');
+            newgrad.setAttribute('y1', -(y1 - 1));
+            newgrad.setAttribute('y2', -(y2 - 1));
+          }
+          newgrad.id = editorContext_$2.getDrawing().getNextId();
+          findDefs().append(newgrad);
+          selected.setAttribute(type, 'url(#' + newgrad.id + ')');
+        }
+
+        // Not really working :(
+        // if (selected.tagName === 'path') {
+        //   reorientGrads(selected, m);
+        // }
+      }
+    }
+
+    var elName = selected.tagName;
+    if (elName === 'g' || elName === 'text' || elName === 'tspan' || elName === 'use') {
+      // if it was a translate, then just update x,y
+      if (m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && (m.e !== 0 || m.f !== 0)) {
+        // [T][M] = [M][T']
+        // therefore [T'] = [M_inv][T][M]
+        var existing = transformListToTransform(selected).matrix,
+            tNew = matrixMultiply(existing.inverse(), m, existing);
+        changes.x = parseFloat(changes.x) + tNew.e;
+        changes.y = parseFloat(changes.y) + tNew.f;
+      } else {
+        // we just absorb all matrices into the element and don't do any remapping
+        var chlist = getTransformList(selected);
+        var mt = editorContext_$2.getSVGRoot().createSVGTransform();
+        mt.setMatrix(matrixMultiply(transformListToTransform(chlist).matrix, m));
+        chlist.clear();
+        chlist.appendItem(mt);
+      }
+    }
+
+    // now we have a set of changes and an applied reduced transform list
+    // we apply the changes directly to the DOM
+    switch (elName) {
+      case 'foreignObject':
+      case 'rect':
+      case 'image':
+        {
+          // Allow images to be inverted (give them matrix when flipped)
+          if (elName === 'image' && (m.a < 0 || m.d < 0)) {
+            // Convert to matrix
+            var _chlist = getTransformList(selected);
+            var _mt = editorContext_$2.getSVGRoot().createSVGTransform();
+            _mt.setMatrix(matrixMultiply(transformListToTransform(_chlist).matrix, m));
+            _chlist.clear();
+            _chlist.appendItem(_mt);
+          } else {
+            var pt1 = remap(changes.x, changes.y);
+            changes.width = scalew(changes.width);
+            changes.height = scaleh(changes.height);
+            changes.x = pt1.x + Math.min(0, changes.width);
+            changes.y = pt1.y + Math.min(0, changes.height);
+            changes.width = Math.abs(changes.width);
+            changes.height = Math.abs(changes.height);
+          }
+          finishUp();
+          break;
+        }case 'ellipse':
+        {
+          var c = remap(changes.cx, changes.cy);
+          changes.cx = c.x;
+          changes.cy = c.y;
+          changes.rx = scalew(changes.rx);
+          changes.ry = scaleh(changes.ry);
+          changes.rx = Math.abs(changes.rx);
+          changes.ry = Math.abs(changes.ry);
+          finishUp();
+          break;
+        }case 'circle':
+        {
+          var _c = remap(changes.cx, changes.cy);
+          changes.cx = _c.x;
+          changes.cy = _c.y;
+          // take the minimum of the new selected box's dimensions for the new circle radius
+          var tbox = transformBox(box.x, box.y, box.width, box.height, m);
+          var w = tbox.tr.x - tbox.tl.x,
+              h = tbox.bl.y - tbox.tl.y;
+          changes.r = Math.min(w / 2, h / 2);
+
+          if (changes.r) {
+            changes.r = Math.abs(changes.r);
+          }
+          finishUp();
+          break;
+        }case 'line':
+        {
+          var _pt = remap(changes.x1, changes.y1);
+          var pt2 = remap(changes.x2, changes.y2);
+          changes.x1 = _pt.x;
+          changes.y1 = _pt.y;
+          changes.x2 = pt2.x;
+          changes.y2 = pt2.y;
+        } // Fallthrough
+      case 'text':
+      case 'tspan':
+      case 'use':
+        {
+          finishUp();
+          break;
+        }case 'g':
+        {
+          var gsvg = $$6(selected).data('gsvg');
+          if (gsvg) {
+            assignAttributes(gsvg, changes, 1000, true);
+          }
+          break;
+        }case 'polyline':
+      case 'polygon':
+        {
+          var len = changes.points.length;
+          for (var _i = 0; _i < len; ++_i) {
+            var pt = changes.points[_i];
+
+            var _remap = remap(pt.x, pt.y),
+                x = _remap.x,
+                y = _remap.y;
+
+            changes.points[_i].x = x;
+            changes.points[_i].y = y;
+          }
+
+          // const len = changes.points.length;
+          var pstr = '';
+          for (var _i2 = 0; _i2 < len; ++_i2) {
+            var _pt2 = changes.points[_i2];
+            pstr += _pt2.x + ',' + _pt2.y + ' ';
+          }
+          selected.setAttribute('points', pstr);
+          break;
+        }case 'path':
+        {
+          var segList = selected.pathSegList;
+          var _len = segList.numberOfItems;
+          changes.d = [];
+          for (var _i3 = 0; _i3 < _len; ++_i3) {
+            var seg = segList.getItem(_i3);
+            changes.d[_i3] = {
+              type: seg.pathSegType,
+              x: seg.x,
+              y: seg.y,
+              x1: seg.x1,
+              y1: seg.y1,
+              x2: seg.x2,
+              y2: seg.y2,
+              r1: seg.r1,
+              r2: seg.r2,
+              angle: seg.angle,
+              largeArcFlag: seg.largeArcFlag,
+              sweepFlag: seg.sweepFlag
+            };
+          }
+
+          _len = changes.d.length;
+          var firstseg = changes.d[0],
+              currentpt = remap(firstseg.x, firstseg.y);
+          changes.d[0].x = currentpt.x;
+          changes.d[0].y = currentpt.y;
+          for (var _i4 = 1; _i4 < _len; ++_i4) {
+            var _seg = changes.d[_i4];
+            var _type = _seg.type;
+            // if absolute or first segment, we want to remap x, y, x1, y1, x2, y2
+            // if relative, we want to scalew, scaleh
+
+            if (_type % 2 === 0) {
+              // absolute
+              var thisx = _seg.x !== undefined ? _seg.x : currentpt.x,
+                  // for V commands
+              thisy = _seg.y !== undefined ? _seg.y : currentpt.y; // for H commands
+              var _pt3 = remap(thisx, thisy);
+              var _pt4 = remap(_seg.x1, _seg.y1);
+              var _pt5 = remap(_seg.x2, _seg.y2);
+              _seg.x = _pt3.x;
+              _seg.y = _pt3.y;
+              _seg.x1 = _pt4.x;
+              _seg.y1 = _pt4.y;
+              _seg.x2 = _pt5.x;
+              _seg.y2 = _pt5.y;
+              _seg.r1 = scalew(_seg.r1);
+              _seg.r2 = scaleh(_seg.r2);
+            } else {
+              // relative
+              _seg.x = scalew(_seg.x);
+              _seg.y = scaleh(_seg.y);
+              _seg.x1 = scalew(_seg.x1);
+              _seg.y1 = scaleh(_seg.y1);
+              _seg.x2 = scalew(_seg.x2);
+              _seg.y2 = scaleh(_seg.y2);
+              _seg.r1 = scalew(_seg.r1);
+              _seg.r2 = scaleh(_seg.r2);
+            }
+          } // for each segment
+
+          var dstr = '';
+          _len = changes.d.length;
+          for (var _i5 = 0; _i5 < _len; ++_i5) {
+            var _seg2 = changes.d[_i5];
+            var _type2 = _seg2.type;
+
+            dstr += pathMap$1[_type2];
+            switch (_type2) {
+              case 13: // relative horizontal line (h)
+              case 12:
+                // absolute horizontal line (H)
+                dstr += _seg2.x + ' ';
+                break;
+              case 15: // relative vertical line (v)
+              case 14:
+                // absolute vertical line (V)
+                dstr += _seg2.y + ' ';
+                break;
+              case 3: // relative move (m)
+              case 5: // relative line (l)
+              case 19: // relative smooth quad (t)
+              case 2: // absolute move (M)
+              case 4: // absolute line (L)
+              case 18:
+                // absolute smooth quad (T)
+                dstr += _seg2.x + ',' + _seg2.y + ' ';
+                break;
+              case 7: // relative cubic (c)
+              case 6:
+                // absolute cubic (C)
+                dstr += _seg2.x1 + ',' + _seg2.y1 + ' ' + _seg2.x2 + ',' + _seg2.y2 + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+                break;
+              case 9: // relative quad (q)
+              case 8:
+                // absolute quad (Q)
+                dstr += _seg2.x1 + ',' + _seg2.y1 + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+                break;
+              case 11: // relative elliptical arc (a)
+              case 10:
+                // absolute elliptical arc (A)
+                dstr += _seg2.r1 + ',' + _seg2.r2 + ' ' + _seg2.angle + ' ' + +_seg2.largeArcFlag + ' ' + +_seg2.sweepFlag + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+                break;
+              case 17: // relative smooth cubic (s)
+              case 16:
+                // absolute smooth cubic (S)
+                dstr += _seg2.x2 + ',' + _seg2.y2 + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+                break;
+            }
+          }
+
+          selected.setAttribute('d', dstr);
+          break;
+        }
+    }
+  };
+
+  /* globals jQuery */
+
+  var $$7 = jqPluginSVG(jQuery);
+
+  var context_ = void 0;
+
+  /**
+  * @interface module:recalculate.EditorContext
+  */
+  /**
+   * @function module:recalculate.EditorContext#getSVGRoot
+   * @returns {SVGSVGElement} The root DOM element
+   */
+  /**
+   * @function module:recalculate.EditorContext#getStartTransform
+   * @returns {string}
+  */
+  /**
+   * @function module:recalculate.EditorContext#setStartTransform
+   * @param {string} transform
+   * @returns {undefined}
+   */
+
+  /**
+  * @function module:recalculate.init
+  * @param {module:recalculate.EditorContext} editorContext
+  * @returns {undefined}
+  */
+  var init$5 = function init$$1(editorContext) {
+    context_ = editorContext;
+  };
+
+  /**
+  * Updates a `<clipPath>`s values based on the given translation of an element
+  * @function module:recalculate.updateClipPath
+  * @param {string} attr - The clip-path attribute value with the clipPath's ID
+  * @param {Float} tx - The translation's x value
+  * @param {Float} ty - The translation's y value
+  * @returns {undefined}
+  */
+  var updateClipPath = function updateClipPath(attr, tx, ty) {
+    var path = getRefElem(attr).firstChild;
+    var cpXform = getTransformList(path);
+    var newxlate = context_.getSVGRoot().createSVGTransform();
+    newxlate.setTranslate(tx, ty);
+
+    cpXform.appendItem(newxlate);
+
+    // Update clipPath's dimensions
+    recalculateDimensions(path);
+  };
+
+  /**
+  * Decides the course of action based on the element's transform list
+  * @function module:recalculate.recalculateDimensions
+  * @param {Element} selected - The DOM element to recalculate
+  * @returns {Command} Undo command object with the resulting change
+  */
+  var recalculateDimensions = function recalculateDimensions(selected) {
+    if (selected == null) {
+      return null;
+    }
+
+    // Firefox Issue - 1081
+    if (selected.nodeName === 'svg' && navigator.userAgent.includes('Firefox/20')) {
+      return null;
+    }
+
+    var svgroot = context_.getSVGRoot();
+    var tlist = getTransformList(selected);
+
+    // remove any unnecessary transforms
+    if (tlist && tlist.numberOfItems > 0) {
+      var k = tlist.numberOfItems;
+      var noi = k;
+      while (k--) {
+        var xform = tlist.getItem(k);
+        if (xform.type === 0) {
+          tlist.removeItem(k);
+          // remove identity matrices
+        } else if (xform.type === 1) {
+          if (isIdentity(xform.matrix)) {
+            if (noi === 1) {
+              // Overcome Chrome bug (though only when noi is 1) with
+              //    `removeItem` preventing `removeAttribute` from
+              //    subsequently working
+              // See https://bugs.chromium.org/p/chromium/issues/detail?id=843901
+              selected.removeAttribute('transform');
+              return null;
+            }
+            tlist.removeItem(k);
+          }
+          // remove zero-degree rotations
+        } else if (xform.type === 4) {
+          if (xform.angle === 0) {
+            tlist.removeItem(k);
+          }
+        }
+      }
+      // End here if all it has is a rotation
+      if (tlist.numberOfItems === 1 && getRotationAngle(selected)) {
+        return null;
+      }
+    }
+
+    // if this element had no transforms, we are done
+    if (!tlist || tlist.numberOfItems === 0) {
+      // Chrome apparently had a bug that requires clearing the attribute first.
+      selected.setAttribute('transform', '');
+      // However, this still next line currently doesn't work at all in Chrome
+      selected.removeAttribute('transform');
+      // selected.transform.baseVal.clear(); // Didn't help for Chrome bug
+      return null;
+    }
+
+    // TODO: Make this work for more than 2
+    if (tlist) {
+      var mxs = [];
+      var _k = tlist.numberOfItems;
+      while (_k--) {
+        var _xform = tlist.getItem(_k);
+        if (_xform.type === 1) {
+          mxs.push([_xform.matrix, _k]);
+        } else if (mxs.length) {
+          mxs = [];
+        }
+      }
+      if (mxs.length === 2) {
+        var mNew = svgroot.createSVGTransformFromMatrix(matrixMultiply(mxs[1][0], mxs[0][0]));
+        tlist.removeItem(mxs[0][1]);
+        tlist.removeItem(mxs[1][1]);
+        tlist.insertItemBefore(mNew, mxs[1][1]);
+      }
+
+      // combine matrix + translate
+      _k = tlist.numberOfItems;
+      if (_k >= 2 && tlist.getItem(_k - 2).type === 1 && tlist.getItem(_k - 1).type === 2) {
+        var mt = svgroot.createSVGTransform();
+
+        var m = matrixMultiply(tlist.getItem(_k - 2).matrix, tlist.getItem(_k - 1).matrix);
+        mt.setMatrix(m);
+        tlist.removeItem(_k - 2);
+        tlist.removeItem(_k - 2);
+        tlist.appendItem(mt);
+      }
+    }
+
+    // If it still has a single [M] or [R][M], return null too (prevents BatchCommand from being returned).
+    switch (selected.tagName) {
+      // Ignore these elements, as they can absorb the [M]
+      case 'line':
+      case 'polyline':
+      case 'polygon':
+      case 'path':
+        break;
+      default:
+        if (tlist.numberOfItems === 1 && tlist.getItem(0).type === 1 || tlist.numberOfItems === 2 && tlist.getItem(0).type === 1 && tlist.getItem(0).type === 4) {
+          return null;
+        }
+    }
+
+    // Grouped SVG element
+    var gsvg = $$7(selected).data('gsvg');
+
+    // we know we have some transforms, so set up return variable
+    var batchCmd = new BatchCommand('Transform');
+
+    // store initial values that will be affected by reducing the transform list
+    var changes = {};
+    var initial = null;
+    var attrs = [];
+    switch (selected.tagName) {
+      case 'line':
+        attrs = ['x1', 'y1', 'x2', 'y2'];
+        break;
+      case 'circle':
+        attrs = ['cx', 'cy', 'r'];
+        break;
+      case 'ellipse':
+        attrs = ['cx', 'cy', 'rx', 'ry'];
+        break;
+      case 'foreignObject':
+      case 'rect':
+      case 'image':
+        attrs = ['width', 'height', 'x', 'y'];
+        break;
+      case 'use':
+      case 'text':
+      case 'tspan':
+        attrs = ['x', 'y'];
+        break;
+      case 'polygon':
+      case 'polyline':
+        {
+          initial = {};
+          initial.points = selected.getAttribute('points');
+          var list = selected.points;
+          var len = list.numberOfItems;
+          changes.points = new Array(len);
+          for (var i = 0; i < len; ++i) {
+            var pt = list.getItem(i);
+            changes.points[i] = { x: pt.x, y: pt.y };
+          }
+          break;
+        }case 'path':
+        initial = {};
+        initial.d = selected.getAttribute('d');
+        changes.d = selected.getAttribute('d');
+        break;
+    } // switch on element type to get initial values
+
+    if (attrs.length) {
+      changes = $$7(selected).attr(attrs);
+      $$7.each(changes, function (attr, val) {
+        changes[attr] = convertToNum(attr, val);
+      });
+    } else if (gsvg) {
+      // GSVG exception
+      changes = {
+        x: $$7(gsvg).attr('x') || 0,
+        y: $$7(gsvg).attr('y') || 0
+      };
+    }
+
+    // if we haven't created an initial array in polygon/polyline/path, then
+    // make a copy of initial values and include the transform
+    if (initial == null) {
+      initial = $$7.extend(true, {}, changes);
+      $$7.each(initial, function (attr, val) {
+        initial[attr] = convertToNum(attr, val);
+      });
+    }
+    // save the start transform value too
+    initial.transform = context_.getStartTransform() || '';
+
+    var oldcenter = void 0,
+        newcenter = void 0;
+
+    // if it's a regular group, we have special processing to flatten transforms
+    if (selected.tagName === 'g' && !gsvg || selected.tagName === 'a') {
+      var box = getBBox(selected);
+
+      oldcenter = { x: box.x + box.width / 2, y: box.y + box.height / 2 };
+      newcenter = transformPoint(box.x + box.width / 2, box.y + box.height / 2, transformListToTransform(tlist).matrix);
+      var _m = svgroot.createSVGMatrix();
+
+      // temporarily strip off the rotate and save the old center
+      var gangle = getRotationAngle(selected);
+      if (gangle) {
+        var a = gangle * Math.PI / 180;
+        var s = void 0;
+        if (Math.abs(a) > 1.0e-10) {
+          s = Math.sin(a) / (1 - Math.cos(a));
+        } else {
+          // FIXME: This blows up if the angle is exactly 0!
+          s = 2 / a;
+        }
+        for (var _i = 0; _i < tlist.numberOfItems; ++_i) {
+          var _xform2 = tlist.getItem(_i);
+          if (_xform2.type === 4) {
+            // extract old center through mystical arts
+            var rm = _xform2.matrix;
+            oldcenter.y = (s * rm.e + rm.f) / 2;
+            oldcenter.x = (rm.e - s * rm.f) / 2;
+            tlist.removeItem(_i);
+            break;
+          }
+        }
+      }
+      var N = tlist.numberOfItems;
+      var tx = 0,
+          ty = 0,
+          operation = 0;
+
+      var firstM = void 0;
+      if (N) {
+        firstM = tlist.getItem(0).matrix;
+      }
+
+      var oldStartTransform = void 0;
+      // first, if it was a scale then the second-last transform will be it
+      if (N >= 3 && tlist.getItem(N - 2).type === 3 && tlist.getItem(N - 3).type === 2 && tlist.getItem(N - 1).type === 2) {
+        operation = 3; // scale
+
+        // if the children are unrotated, pass the scale down directly
+        // otherwise pass the equivalent matrix() down directly
+        var tm = tlist.getItem(N - 3).matrix,
+            sm = tlist.getItem(N - 2).matrix,
+            tmn = tlist.getItem(N - 1).matrix;
+
+        var children = selected.childNodes;
+        var c = children.length;
+        while (c--) {
+          var child = children.item(c);
+          tx = 0;
+          ty = 0;
+          if (child.nodeType === 1) {
+            var childTlist = getTransformList(child);
+
+            // some children might not have a transform (<metadata>, <defs>, etc)
+            if (!childTlist) {
+              continue;
+            }
+
+            var _m2 = transformListToTransform(childTlist).matrix;
+
+            // Convert a matrix to a scale if applicable
+            // if (hasMatrixTransform(childTlist) && childTlist.numberOfItems == 1) {
+            //   if (m.b==0 && m.c==0 && m.e==0 && m.f==0) {
+            //     childTlist.removeItem(0);
+            //     const translateOrigin = svgroot.createSVGTransform(),
+            //       scale = svgroot.createSVGTransform(),
+            //       translateBack = svgroot.createSVGTransform();
+            //     translateOrigin.setTranslate(0, 0);
+            //     scale.setScale(m.a, m.d);
+            //     translateBack.setTranslate(0, 0);
+            //     childTlist.appendItem(translateBack);
+            //     childTlist.appendItem(scale);
+            //     childTlist.appendItem(translateOrigin);
+            //   }
+            // }
+
+            var angle = getRotationAngle(child);
+            oldStartTransform = context_.getStartTransform();
+            context_.setStartTransform(child.getAttribute('transform'));
+            if (angle || hasMatrixTransform(childTlist)) {
+              var e2t = svgroot.createSVGTransform();
+              e2t.setMatrix(matrixMultiply(tm, sm, tmn, _m2));
+              childTlist.clear();
+              childTlist.appendItem(e2t);
+              // if not rotated or skewed, push the [T][S][-T] down to the child
+            } else {
+              // update the transform list with translate,scale,translate
+
+              // slide the [T][S][-T] from the front to the back
+              // [T][S][-T][M] = [M][T2][S2][-T2]
+
+              // (only bringing [-T] to the right of [M])
+              // [T][S][-T][M] = [T][S][M][-T2]
+              // [-T2] = [M_inv][-T][M]
+              var t2n = matrixMultiply(_m2.inverse(), tmn, _m2);
+              // [T2] is always negative translation of [-T2]
+              var t2 = svgroot.createSVGMatrix();
+              t2.e = -t2n.e;
+              t2.f = -t2n.f;
+
+              // [T][S][-T][M] = [M][T2][S2][-T2]
+              // [S2] = [T2_inv][M_inv][T][S][-T][M][-T2_inv]
+              var s2 = matrixMultiply(t2.inverse(), _m2.inverse(), tm, sm, tmn, _m2, t2n.inverse());
+
+              var translateOrigin = svgroot.createSVGTransform(),
+                  scale = svgroot.createSVGTransform(),
+                  translateBack = svgroot.createSVGTransform();
+              translateOrigin.setTranslate(t2n.e, t2n.f);
+              scale.setScale(s2.a, s2.d);
+              translateBack.setTranslate(t2.e, t2.f);
+              childTlist.appendItem(translateBack);
+              childTlist.appendItem(scale);
+              childTlist.appendItem(translateOrigin);
+              // logMatrix(translateBack.matrix);
+              // logMatrix(scale.matrix);
+            } // not rotated
+            batchCmd.addSubCommand(recalculateDimensions(child));
+            // TODO: If any <use> have this group as a parent and are
+            // referencing this child, then we need to impose a reverse
+            // scale on it so that when it won't get double-translated
+            // const uses = selected.getElementsByTagNameNS(NS.SVG, 'use');
+            // const href = '#' + child.id;
+            // let u = uses.length;
+            // while (u--) {
+            //   const useElem = uses.item(u);
+            //   if (href == getHref(useElem)) {
+            //     const usexlate = svgroot.createSVGTransform();
+            //     usexlate.setTranslate(-tx,-ty);
+            //     getTransformList(useElem).insertItemBefore(usexlate,0);
+            //     batchCmd.addSubCommand( recalculateDimensions(useElem) );
+            //   }
+            // }
+            context_.setStartTransform(oldStartTransform);
+          } // element
+        } // for each child
+        // Remove these transforms from group
+        tlist.removeItem(N - 1);
+        tlist.removeItem(N - 2);
+        tlist.removeItem(N - 3);
+      } else if (N >= 3 && tlist.getItem(N - 1).type === 1) {
+        operation = 3; // scale
+        _m = transformListToTransform(tlist).matrix;
+        var _e2t = svgroot.createSVGTransform();
+        _e2t.setMatrix(_m);
+        tlist.clear();
+        tlist.appendItem(_e2t);
+        // next, check if the first transform was a translate
+        // if we had [ T1 ] [ M ] we want to transform this into [ M ] [ T2 ]
+        // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ]
+      } else if ((N === 1 || N > 1 && tlist.getItem(1).type !== 3) && tlist.getItem(0).type === 2) {
+        operation = 2; // translate
+        var T_M = transformListToTransform(tlist).matrix;
+        tlist.removeItem(0);
+        var mInv = transformListToTransform(tlist).matrix.inverse();
+        var M2 = matrixMultiply(mInv, T_M);
+
+        tx = M2.e;
+        ty = M2.f;
+
+        if (tx !== 0 || ty !== 0) {
+          // we pass the translates down to the individual children
+          var _children = selected.childNodes;
+          var _c = _children.length;
+
+          var clipPathsDone = [];
+
+          while (_c--) {
+            var _child = _children.item(_c);
+            if (_child.nodeType === 1) {
+              // Check if child has clip-path
+              if (_child.getAttribute('clip-path')) {
+                // tx, ty
+                var attr = _child.getAttribute('clip-path');
+                if (!clipPathsDone.includes(attr)) {
+                  updateClipPath(attr, tx, ty);
+                  clipPathsDone.push(attr);
+                }
+              }
+
+              oldStartTransform = context_.getStartTransform();
+              context_.setStartTransform(_child.getAttribute('transform'));
+
+              var _childTlist = getTransformList(_child);
+              // some children might not have a transform (<metadata>, <defs>, etc)
+              if (_childTlist) {
+                var newxlate = svgroot.createSVGTransform();
+                newxlate.setTranslate(tx, ty);
+                if (_childTlist.numberOfItems) {
+                  _childTlist.insertItemBefore(newxlate, 0);
+                } else {
+                  _childTlist.appendItem(newxlate);
+                }
+                batchCmd.addSubCommand(recalculateDimensions(_child));
+                // If any <use> have this group as a parent and are
+                // referencing this child, then impose a reverse translate on it
+                // so that when it won't get double-translated
+                var uses = selected.getElementsByTagNameNS(NS.SVG, 'use');
+                var href = '#' + _child.id;
+                var u = uses.length;
+                while (u--) {
+                  var useElem = uses.item(u);
+                  if (href === getHref(useElem)) {
+                    var usexlate = svgroot.createSVGTransform();
+                    usexlate.setTranslate(-tx, -ty);
+                    getTransformList(useElem).insertItemBefore(usexlate, 0);
+                    batchCmd.addSubCommand(recalculateDimensions(useElem));
+                  }
+                }
+                context_.setStartTransform(oldStartTransform);
+              }
+            }
+          }
+
+          clipPathsDone = [];
+          context_.setStartTransform(oldStartTransform);
+        }
+        // else, a matrix imposition from a parent group
+        // keep pushing it down to the children
+      } else if (N === 1 && tlist.getItem(0).type === 1 && !gangle) {
+        operation = 1;
+        var _m3 = tlist.getItem(0).matrix,
+            _children2 = selected.childNodes;
+        var _c2 = _children2.length;
+        while (_c2--) {
+          var _child2 = _children2.item(_c2);
+          if (_child2.nodeType === 1) {
+            oldStartTransform = context_.getStartTransform();
+            context_.setStartTransform(_child2.getAttribute('transform'));
+            var _childTlist2 = getTransformList(_child2);
+
+            if (!_childTlist2) {
+              continue;
+            }
+
+            var em = matrixMultiply(_m3, transformListToTransform(_childTlist2).matrix);
+            var e2m = svgroot.createSVGTransform();
+            e2m.setMatrix(em);
+            _childTlist2.clear();
+            _childTlist2.appendItem(e2m, 0);
+
+            batchCmd.addSubCommand(recalculateDimensions(_child2));
+            context_.setStartTransform(oldStartTransform);
+
+            // Convert stroke
+            // TODO: Find out if this should actually happen somewhere else
+            var sw = _child2.getAttribute('stroke-width');
+            if (_child2.getAttribute('stroke') !== 'none' && !isNaN(sw)) {
+              var avg = (Math.abs(em.a) + Math.abs(em.d)) / 2;
+              _child2.setAttribute('stroke-width', sw * avg);
+            }
+          }
+        }
+        tlist.clear();
+        // else it was just a rotate
+      } else {
+        if (gangle) {
+          var newRot = svgroot.createSVGTransform();
+          newRot.setRotate(gangle, newcenter.x, newcenter.y);
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(newRot, 0);
+          } else {
+            tlist.appendItem(newRot);
+          }
+        }
+        if (tlist.numberOfItems === 0) {
+          selected.removeAttribute('transform');
+        }
+        return null;
+      }
+
+      // if it was a translate, put back the rotate at the new center
+      if (operation === 2) {
+        if (gangle) {
+          newcenter = {
+            x: oldcenter.x + firstM.e,
+            y: oldcenter.y + firstM.f
+          };
+
+          var _newRot = svgroot.createSVGTransform();
+          _newRot.setRotate(gangle, newcenter.x, newcenter.y);
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(_newRot, 0);
+          } else {
+            tlist.appendItem(_newRot);
+          }
+        }
+        // if it was a resize
+      } else if (operation === 3) {
+        var _m4 = transformListToTransform(tlist).matrix;
+        var roldt = svgroot.createSVGTransform();
+        roldt.setRotate(gangle, oldcenter.x, oldcenter.y);
+        var rold = roldt.matrix;
+        var rnew = svgroot.createSVGTransform();
+        rnew.setRotate(gangle, newcenter.x, newcenter.y);
+        var rnewInv = rnew.matrix.inverse(),
+            _mInv = _m4.inverse(),
+            extrat = matrixMultiply(_mInv, rnewInv, rold, _m4);
+
+        tx = extrat.e;
+        ty = extrat.f;
+
+        if (tx !== 0 || ty !== 0) {
+          // now push this transform down to the children
+          // we pass the translates down to the individual children
+          var _children3 = selected.childNodes;
+          var _c3 = _children3.length;
+          while (_c3--) {
+            var _child3 = _children3.item(_c3);
+            if (_child3.nodeType === 1) {
+              oldStartTransform = context_.getStartTransform();
+              context_.setStartTransform(_child3.getAttribute('transform'));
+              var _childTlist3 = getTransformList(_child3);
+              var _newxlate = svgroot.createSVGTransform();
+              _newxlate.setTranslate(tx, ty);
+              if (_childTlist3.numberOfItems) {
+                _childTlist3.insertItemBefore(_newxlate, 0);
+              } else {
+                _childTlist3.appendItem(_newxlate);
+              }
+
+              batchCmd.addSubCommand(recalculateDimensions(_child3));
+              context_.setStartTransform(oldStartTransform);
+            }
+          }
+        }
+
+        if (gangle) {
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(rnew, 0);
+          } else {
+            tlist.appendItem(rnew);
+          }
+        }
+      }
+      // else, it's a non-group
+    } else {
+      // FIXME: box might be null for some elements (<metadata> etc), need to handle this
+      var _box = getBBox(selected);
+
+      // Paths (and possbly other shapes) will have no BBox while still in <defs>,
+      // but we still may need to recalculate them (see issue 595).
+      // TODO: Figure out how to get BBox from these elements in case they
+      // have a rotation transform
+
+      if (!_box && selected.tagName !== 'path') return null;
+
+      var _m5 = svgroot.createSVGMatrix();
+      // temporarily strip off the rotate and save the old center
+      var _angle = getRotationAngle(selected);
+      if (_angle) {
+        oldcenter = { x: _box.x + _box.width / 2, y: _box.y + _box.height / 2 };
+        newcenter = transformPoint(_box.x + _box.width / 2, _box.y + _box.height / 2, transformListToTransform(tlist).matrix);
+
+        var _a = _angle * Math.PI / 180;
+        var _s = Math.abs(_a) > 1.0e-10 ? Math.sin(_a) / (1 - Math.cos(_a))
+        // FIXME: This blows up if the angle is exactly 0!
+        : 2 / _a;
+
+        for (var _i2 = 0; _i2 < tlist.numberOfItems; ++_i2) {
+          var _xform3 = tlist.getItem(_i2);
+          if (_xform3.type === 4) {
+            // extract old center through mystical arts
+            var _rm = _xform3.matrix;
+            oldcenter.y = (_s * _rm.e + _rm.f) / 2;
+            oldcenter.x = (_rm.e - _s * _rm.f) / 2;
+            tlist.removeItem(_i2);
+            break;
+          }
+        }
+      }
+
+      // 2 = translate, 3 = scale, 4 = rotate, 1 = matrix imposition
+      var _operation = 0;
+      var _N = tlist.numberOfItems;
+
+      // Check if it has a gradient with userSpaceOnUse, in which case
+      // adjust it by recalculating the matrix transform.
+      // TODO: Make this work in Webkit using transformlist.SVGTransformList
+      if (!isWebkit()) {
+        var fill = selected.getAttribute('fill');
+        if (fill && fill.startsWith('url(')) {
+          var paint = getRefElem(fill);
+          var type = 'pattern';
+          if (paint.tagName !== type) type = 'gradient';
+          var attrVal = paint.getAttribute(type + 'Units');
+          if (attrVal === 'userSpaceOnUse') {
+            // Update the userSpaceOnUse element
+            _m5 = transformListToTransform(tlist).matrix;
+            var gtlist = getTransformList(paint);
+            var gmatrix = transformListToTransform(gtlist).matrix;
+            _m5 = matrixMultiply(_m5, gmatrix);
+            var mStr = 'matrix(' + [_m5.a, _m5.b, _m5.c, _m5.d, _m5.e, _m5.f].join(',') + ')';
+            paint.setAttribute(type + 'Transform', mStr);
+          }
+        }
+      }
+
+      // first, if it was a scale of a non-skewed element, then the second-last
+      // transform will be the [S]
+      // if we had [M][T][S][T] we want to extract the matrix equivalent of
+      // [T][S][T] and push it down to the element
+      if (_N >= 3 && tlist.getItem(_N - 2).type === 3 && tlist.getItem(_N - 3).type === 2 && tlist.getItem(_N - 1).type === 2) {
+        // Removed this so a <use> with a given [T][S][T] would convert to a matrix.
+        // Is that bad?
+        //  && selected.nodeName != 'use'
+        _operation = 3; // scale
+        _m5 = transformListToTransform(tlist, _N - 3, _N - 1).matrix;
+        tlist.removeItem(_N - 1);
+        tlist.removeItem(_N - 2);
+        tlist.removeItem(_N - 3);
+        // if we had [T][S][-T][M], then this was a skewed element being resized
+        // Thus, we simply combine it all into one matrix
+      } else if (_N === 4 && tlist.getItem(_N - 1).type === 1) {
+        _operation = 3; // scale
+        _m5 = transformListToTransform(tlist).matrix;
+        var _e2t2 = svgroot.createSVGTransform();
+        _e2t2.setMatrix(_m5);
+        tlist.clear();
+        tlist.appendItem(_e2t2);
+        // reset the matrix so that the element is not re-mapped
+        _m5 = svgroot.createSVGMatrix();
+        // if we had [R][T][S][-T][M], then this was a rotated matrix-element
+        // if we had [T1][M] we want to transform this into [M][T2]
+        // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ] and we can push [T2]
+        // down to the element
+      } else if ((_N === 1 || _N > 1 && tlist.getItem(1).type !== 3) && tlist.getItem(0).type === 2) {
+        _operation = 2; // translate
+        var oldxlate = tlist.getItem(0).matrix,
+            meq = transformListToTransform(tlist, 1).matrix,
+            meqInv = meq.inverse();
+        _m5 = matrixMultiply(meqInv, oldxlate, meq);
+        tlist.removeItem(0);
+        // else if this child now has a matrix imposition (from a parent group)
+        // we might be able to simplify
+      } else if (_N === 1 && tlist.getItem(0).type === 1 && !_angle) {
+        // Remap all point-based elements
+        _m5 = transformListToTransform(tlist).matrix;
+        switch (selected.tagName) {
+          case 'line':
+            changes = $$7(selected).attr(['x1', 'y1', 'x2', 'y2']);
+          // Fallthrough
+          case 'polyline':
+          case 'polygon':
+            changes.points = selected.getAttribute('points');
+            if (changes.points) {
+              var _list = selected.points;
+              var _len = _list.numberOfItems;
+              changes.points = new Array(_len);
+              for (var _i3 = 0; _i3 < _len; ++_i3) {
+                var _pt = _list.getItem(_i3);
+                changes.points[_i3] = { x: _pt.x, y: _pt.y };
+              }
+            }
+          // Fallthrough
+          case 'path':
+            changes.d = selected.getAttribute('d');
+            _operation = 1;
+            tlist.clear();
+            break;
+          default:
+            break;
+        }
+        // if it was a rotation, put the rotate back and return without a command
+        // (this function has zero work to do for a rotate())
+      } else {
+        _operation = 4; // rotation
+        if (_angle) {
+          var _newRot2 = svgroot.createSVGTransform();
+          _newRot2.setRotate(_angle, newcenter.x, newcenter.y);
+
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(_newRot2, 0);
+          } else {
+            tlist.appendItem(_newRot2);
+          }
+        }
+        if (tlist.numberOfItems === 0) {
+          selected.removeAttribute('transform');
+        }
+        return null;
+      }
+
+      // if it was a translate or resize, we need to remap the element and absorb the xform
+      if (_operation === 1 || _operation === 2 || _operation === 3) {
+        remapElement(selected, changes, _m5);
+      } // if we are remapping
+
+      // if it was a translate, put back the rotate at the new center
+      if (_operation === 2) {
+        if (_angle) {
+          if (!hasMatrixTransform(tlist)) {
+            newcenter = {
+              x: oldcenter.x + _m5.e,
+              y: oldcenter.y + _m5.f
+            };
+          }
+          var _newRot3 = svgroot.createSVGTransform();
+          _newRot3.setRotate(_angle, newcenter.x, newcenter.y);
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(_newRot3, 0);
+          } else {
+            tlist.appendItem(_newRot3);
+          }
+        }
+        // We have special processing for tspans:  Tspans are not transformable
+        // but they can have x,y coordinates (sigh).  Thus, if this was a translate,
+        // on a text element, also translate any tspan children.
+        if (selected.tagName === 'text') {
+          var _children4 = selected.childNodes;
+          var _c4 = _children4.length;
+          while (_c4--) {
+            var _child4 = _children4.item(_c4);
+            if (_child4.tagName === 'tspan') {
+              var tspanChanges = {
+                x: $$7(_child4).attr('x') || 0,
+                y: $$7(_child4).attr('y') || 0
+              };
+              remapElement(_child4, tspanChanges, _m5);
+            }
+          }
+        }
+        // [Rold][M][T][S][-T] became [Rold][M]
+        // we want it to be [Rnew][M][Tr] where Tr is the
+        // translation required to re-center it
+        // Therefore, [Tr] = [M_inv][Rnew_inv][Rold][M]
+      } else if (_operation === 3 && _angle) {
+        var _m6 = transformListToTransform(tlist).matrix;
+        var _roldt = svgroot.createSVGTransform();
+        _roldt.setRotate(_angle, oldcenter.x, oldcenter.y);
+        var _rold = _roldt.matrix;
+        var _rnew = svgroot.createSVGTransform();
+        _rnew.setRotate(_angle, newcenter.x, newcenter.y);
+        var _rnewInv = _rnew.matrix.inverse();
+        var _mInv2 = _m6.inverse();
+        var _extrat = matrixMultiply(_mInv2, _rnewInv, _rold, _m6);
+
+        remapElement(selected, changes, _extrat);
+        if (_angle) {
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(_rnew, 0);
+          } else {
+            tlist.appendItem(_rnew);
+          }
+        }
+      }
+    } // a non-group
+
+    // if the transform list has been emptied, remove it
+    if (tlist.numberOfItems === 0) {
+      selected.removeAttribute('transform');
+    }
+
+    batchCmd.addSubCommand(new ChangeElementCommand(selected, initial));
+
+    return batchCmd;
+  };
+
+  /* globals jQuery */
+
+  var $$8 = jQuery;
+
+  var svgFactory_ = void 0;
+  var config_ = void 0;
+  var selectorManager_ = void 0; // A Singleton
+  var gripRadius = isTouch() ? 10 : 4;
+
+  /**
+  * Private class for DOM element selection boxes
+  */
+  var Selector = function () {
+    /**
+    * @param {Integer} id - Internally identify the selector
+    * @param {Element} elem - DOM element associated with this selector
+    * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for initialization (prevents duplicate `getBBox` call).
+    */
+    function Selector(id, elem, bbox) {
+      classCallCheck(this, Selector);
+
+      // this is the selector's unique number
+      this.id = id;
+
+      // this holds a reference to the element for which this selector is being used
+      this.selectedElement = elem;
+
+      // this is a flag used internally to track whether the selector is being used or not
+      this.locked = true;
+
+      // this holds a reference to the <g> element that holds all visual elements of the selector
+      this.selectorGroup = svgFactory_.createSVGElement({
+        element: 'g',
+        attr: { id: 'selectorGroup' + this.id }
+      });
+
+      // this holds a reference to the path rect
+      this.selectorRect = this.selectorGroup.appendChild(svgFactory_.createSVGElement({
+        element: 'path',
+        attr: {
+          id: 'selectedBox' + this.id,
+          fill: 'none',
+          stroke: '#22C',
+          'stroke-width': '1',
+          'stroke-dasharray': '5,5',
+          // need to specify this so that the rect is not selectable
+          style: 'pointer-events:none'
+        }
+      }));
+
+      // this holds a reference to the grip coordinates for this selector
+      this.gripCoords = {
+        nw: null,
+        n: null,
+        ne: null,
+        e: null,
+        se: null,
+        s: null,
+        sw: null,
+        w: null
+      };
+
+      this.reset(this.selectedElement, bbox);
+    }
+
+    /**
+    * Used to reset the id and element that the selector is attached to
+    * @param {Element} e - DOM element associated with this selector
+    * @param {module:utilities.BBoxObject} bbox - Optional bbox to use for reset (prevents duplicate getBBox call).
+    */
+
+
+    createClass(Selector, [{
+      key: 'reset',
+      value: function reset(e, bbox) {
+        this.locked = true;
+        this.selectedElement = e;
+        this.resize(bbox);
+        this.selectorGroup.setAttribute('display', 'inline');
+      }
+
+      /**
+      * Updates cursors for corner grips on rotation so arrows point the right way
+      * @param {Float} angle - Current rotation angle in degrees
+      */
+
+    }, {
+      key: 'updateGripCursors',
+      value: function updateGripCursors(angle) {
+        var dir = void 0;
+        var dirArr = [];
+        var steps = Math.round(angle / 45);
+        if (steps < 0) {
+          steps += 8;
+        }
+        for (dir in selectorManager_.selectorGrips) {
+          dirArr.push(dir);
+        }
+        while (steps > 0) {
+          dirArr.push(dirArr.shift());
+          steps--;
+        }
+        var i = 0;
+        for (dir in selectorManager_.selectorGrips) {
+          selectorManager_.selectorGrips[dir].setAttribute('style', 'cursor:' + dirArr[i] + '-resize');
+          i++;
+        }
+      }
+
+      /**
+      * Show the resize grips of this selector
+      *
+      * @param {boolean} show - Indicates whether grips should be shown or not
+      */
+
+    }, {
+      key: 'showGrips',
+      value: function showGrips(show) {
+        var bShow = show ? 'inline' : 'none';
+        selectorManager_.selectorGripsGroup.setAttribute('display', bShow);
+        var elem = this.selectedElement;
+        this.hasGrips = show;
+        if (elem && show) {
+          this.selectorGroup.append(selectorManager_.selectorGripsGroup);
+          this.updateGripCursors(getRotationAngle(elem));
+        }
+      }
+
+      /**
+      * Updates the selector to match the element's size
+      * @param {module:utilities.BBoxObject} [bbox] - BBox to use for resize (prevents duplicate getBBox call).
+      */
+
+    }, {
+      key: 'resize',
+      value: function resize(bbox) {
+        var selectedBox = this.selectorRect,
+            mgr = selectorManager_,
+            selectedGrips = mgr.selectorGrips,
+            selected = this.selectedElement,
+            sw = selected.getAttribute('stroke-width'),
+            currentZoom = svgFactory_.getCurrentZoom();
+        var offset = 1 / currentZoom;
+        if (selected.getAttribute('stroke') !== 'none' && !isNaN(sw)) {
+          offset += sw / 2;
+        }
+
+        var tagName = selected.tagName;
+
+        if (tagName === 'text') {
+          offset += 2 / currentZoom;
+        }
+
+        // loop and transform our bounding box until we reach our first rotation
+        var tlist = getTransformList(selected);
+        var m = transformListToTransform(tlist).matrix;
+
+        // This should probably be handled somewhere else, but for now
+        // it keeps the selection box correctly positioned when zoomed
+        m.e *= currentZoom;
+        m.f *= currentZoom;
+
+        if (!bbox) {
+          bbox = getBBox(selected);
+        }
+        // TODO: getBBox (previous line) already knows to call getStrokedBBox when tagName === 'g'. Remove this?
+        // TODO: getBBox doesn't exclude 'gsvg' and calls getStrokedBBox for any 'g'. Should getBBox be updated?
+        if (tagName === 'g' && !$$8.data(selected, 'gsvg')) {
+          // The bbox for a group does not include stroke vals, so we
+          // get the bbox based on its children.
+          var strokedBbox = getStrokedBBox([selected.childNodes]);
+          if (strokedBbox) {
+            bbox = strokedBbox;
+          }
+        }
+
+        // apply the transforms
+        var l = bbox.x,
+            t = bbox.y,
+            w = bbox.width,
+            h = bbox.height;
+        bbox = { x: l, y: t, width: w, height: h };
+
+        // we need to handle temporary transforms too
+        // if skewed, get its transformed box, then find its axis-aligned bbox
+
+        // *
+        offset *= currentZoom;
+
+        var nbox = transformBox(l * currentZoom, t * currentZoom, w * currentZoom, h * currentZoom, m),
+            aabox = nbox.aabox;
+
+        var nbax = aabox.x - offset,
+            nbay = aabox.y - offset,
+            nbaw = aabox.width + offset * 2,
+            nbah = aabox.height + offset * 2;
+
+        // now if the shape is rotated, un-rotate it
+        var cx = nbax + nbaw / 2,
+            cy = nbay + nbah / 2;
+
+        var angle = getRotationAngle(selected);
+        if (angle) {
+          var rot = svgFactory_.svgRoot().createSVGTransform();
+          rot.setRotate(-angle, cx, cy);
+          var rotm = rot.matrix;
+          nbox.tl = transformPoint(nbox.tl.x, nbox.tl.y, rotm);
+          nbox.tr = transformPoint(nbox.tr.x, nbox.tr.y, rotm);
+          nbox.bl = transformPoint(nbox.bl.x, nbox.bl.y, rotm);
+          nbox.br = transformPoint(nbox.br.x, nbox.br.y, rotm);
+
+          // calculate the axis-aligned bbox
+          var tl = nbox.tl;
+
+          var minx = tl.x,
+              miny = tl.y,
+              maxx = tl.x,
+              maxy = tl.y;
+
+          var min = Math.min,
+              max = Math.max;
+
+
+          minx = min(minx, min(nbox.tr.x, min(nbox.bl.x, nbox.br.x))) - offset;
+          miny = min(miny, min(nbox.tr.y, min(nbox.bl.y, nbox.br.y))) - offset;
+          maxx = max(maxx, max(nbox.tr.x, max(nbox.bl.x, nbox.br.x))) + offset;
+          maxy = max(maxy, max(nbox.tr.y, max(nbox.bl.y, nbox.br.y))) + offset;
+
+          nbax = minx;
+          nbay = miny;
+          nbaw = maxx - minx;
+          nbah = maxy - miny;
+        }
+
+        var dstr = 'M' + nbax + ',' + nbay + ' L' + (nbax + nbaw) + ',' + nbay + ' ' + (nbax + nbaw) + ',' + (nbay + nbah) + ' ' + nbax + ',' + (nbay + nbah) + 'z';
+        selectedBox.setAttribute('d', dstr);
+
+        var xform = angle ? 'rotate(' + [angle, cx, cy].join(',') + ')' : '';
+        this.selectorGroup.setAttribute('transform', xform);
+
+        // TODO(codedread): Is this needed?
+        //  if (selected === selectedElements[0]) {
+        this.gripCoords = {
+          nw: [nbax, nbay],
+          ne: [nbax + nbaw, nbay],
+          sw: [nbax, nbay + nbah],
+          se: [nbax + nbaw, nbay + nbah],
+          n: [nbax + nbaw / 2, nbay],
+          w: [nbax, nbay + nbah / 2],
+          e: [nbax + nbaw, nbay + nbah / 2],
+          s: [nbax + nbaw / 2, nbay + nbah]
+        };
+        for (var dir in this.gripCoords) {
+          var coords = this.gripCoords[dir];
+          selectedGrips[dir].setAttribute('cx', coords[0]);
+          selectedGrips[dir].setAttribute('cy', coords[1]);
+        }
+
+        // we want to go 20 pixels in the negative transformed y direction, ignoring scale
+        mgr.rotateGripConnector.setAttribute('x1', nbax + nbaw / 2);
+        mgr.rotateGripConnector.setAttribute('y1', nbay);
+        mgr.rotateGripConnector.setAttribute('x2', nbax + nbaw / 2);
+        mgr.rotateGripConnector.setAttribute('y2', nbay - gripRadius * 5);
+
+        mgr.rotateGrip.setAttribute('cx', nbax + nbaw / 2);
+        mgr.rotateGrip.setAttribute('cy', nbay - gripRadius * 5);
+        // }
+      }
+    }]);
+    return Selector;
+  }();
+
+  /**
+  * Manage all selector objects (selection boxes)
+  */
+  var SelectorManager = function () {
+    function SelectorManager() {
+      classCallCheck(this, SelectorManager);
+
+      // this will hold the <g> element that contains all selector rects/grips
+      this.selectorParentGroup = null;
+
+      // this is a special rect that is used for multi-select
+      this.rubberBandBox = null;
+
+      // this will hold objects of type Selector (see above)
+      this.selectors = [];
+
+      // this holds a map of SVG elements to their Selector object
+      this.selectorMap = {};
+
+      // this holds a reference to the grip elements
+      this.selectorGrips = {
+        nw: null,
+        n: null,
+        ne: null,
+        e: null,
+        se: null,
+        s: null,
+        sw: null,
+        w: null
+      };
+
+      this.selectorGripsGroup = null;
+      this.rotateGripConnector = null;
+      this.rotateGrip = null;
+
+      this.initGroup();
+    }
+
+    /**
+    * Resets the parent selector group element
+    */
+
+
+    createClass(SelectorManager, [{
+      key: 'initGroup',
+      value: function initGroup() {
+        // remove old selector parent group if it existed
+        if (this.selectorParentGroup && this.selectorParentGroup.parentNode) {
+          this.selectorParentGroup.remove();
+        }
+
+        // create parent selector group and add it to svgroot
+        this.selectorParentGroup = svgFactory_.createSVGElement({
+          element: 'g',
+          attr: { id: 'selectorParentGroup' }
+        });
+        this.selectorGripsGroup = svgFactory_.createSVGElement({
+          element: 'g',
+          attr: { display: 'none' }
+        });
+        this.selectorParentGroup.append(this.selectorGripsGroup);
+        svgFactory_.svgRoot().append(this.selectorParentGroup);
+
+        this.selectorMap = {};
+        this.selectors = [];
+        this.rubberBandBox = null;
+
+        // add the corner grips
+        for (var dir in this.selectorGrips) {
+          var grip = svgFactory_.createSVGElement({
+            element: 'circle',
+            attr: {
+              id: 'selectorGrip_resize_' + dir,
+              fill: '#22C',
+              r: gripRadius,
+              style: 'cursor:' + dir + '-resize',
+              // This expands the mouse-able area of the grips making them
+              // easier to grab with the mouse.
+              // This works in Opera and WebKit, but does not work in Firefox
+              // see https://bugzilla.mozilla.org/show_bug.cgi?id=500174
+              'stroke-width': 2,
+              'pointer-events': 'all'
+            }
+          });
+
+          $$8.data(grip, 'dir', dir);
+          $$8.data(grip, 'type', 'resize');
+          this.selectorGrips[dir] = this.selectorGripsGroup.appendChild(grip);
+        }
+
+        // add rotator elems
+        this.rotateGripConnector = this.selectorGripsGroup.appendChild(svgFactory_.createSVGElement({
+          element: 'line',
+          attr: {
+            id: 'selectorGrip_rotateconnector',
+            stroke: '#22C',
+            'stroke-width': '1'
+          }
+        }));
+
+        this.rotateGrip = this.selectorGripsGroup.appendChild(svgFactory_.createSVGElement({
+          element: 'circle',
+          attr: {
+            id: 'selectorGrip_rotate',
+            fill: 'lime',
+            r: gripRadius,
+            stroke: '#22C',
+            'stroke-width': 2,
+            style: 'cursor:url(' + config_.imgPath + 'rotate.png) 12 12, auto;'
+          }
+        }));
+        $$8.data(this.rotateGrip, 'type', 'rotate');
+
+        if ($$8('#canvasBackground').length) {
+          return;
+        }
+
+        var _config_$dimensions = slicedToArray(config_.dimensions, 2),
+            width = _config_$dimensions[0],
+            height = _config_$dimensions[1];
+
+        var canvasbg = svgFactory_.createSVGElement({
+          element: 'svg',
+          attr: {
+            id: 'canvasBackground',
+            width: width,
+            height: height,
+            x: 0,
+            y: 0,
+            overflow: isWebkit() ? 'none' : 'visible', // Chrome 7 has a problem with this when zooming out
+            style: 'pointer-events:none'
+          }
+        });
+
+        var rect = svgFactory_.createSVGElement({
+          element: 'rect',
+          attr: {
+            width: '100%',
+            height: '100%',
+            x: 0,
+            y: 0,
+            'stroke-width': 1,
+            stroke: '#000',
+            fill: '#FFF',
+            style: 'pointer-events:none'
+          }
+        });
+
+        // Both Firefox and WebKit are too slow with this filter region (especially at higher
+        // zoom levels) and Opera has at least one bug
+        // if (!isOpera()) rect.setAttribute('filter', 'url(#canvashadow)');
+        canvasbg.append(rect);
+        svgFactory_.svgRoot().insertBefore(canvasbg, svgFactory_.svgContent());
+        // Ok to replace above with `svgFactory_.svgContent().before(canvasbg);`?
+      }
+
+      /**
+      *
+      * @param {Element} elem - DOM element to get the selector for
+      * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for reset (prevents duplicate getBBox call).
+      * @returns {Selector} The selector based on the given element
+      */
+
+    }, {
+      key: 'requestSelector',
+      value: function requestSelector(elem, bbox) {
+        if (elem == null) {
+          return null;
+        }
+
+        var N = this.selectors.length;
+        // If we've already acquired one for this element, return it.
+        if (_typeof(this.selectorMap[elem.id]) === 'object') {
+          this.selectorMap[elem.id].locked = true;
+          return this.selectorMap[elem.id];
+        }
+        for (var i = 0; i < N; ++i) {
+          if (this.selectors[i] && !this.selectors[i].locked) {
+            this.selectors[i].locked = true;
+            this.selectors[i].reset(elem, bbox);
+            this.selectorMap[elem.id] = this.selectors[i];
+            return this.selectors[i];
+          }
+        }
+        // if we reached here, no available selectors were found, we create one
+        this.selectors[N] = new Selector(N, elem, bbox);
+        this.selectorParentGroup.append(this.selectors[N].selectorGroup);
+        this.selectorMap[elem.id] = this.selectors[N];
+        return this.selectors[N];
+      }
+
+      /**
+      * Removes the selector of the given element (hides selection box)
+      *
+      * @param {Element} elem - DOM element to remove the selector for
+      */
+
+    }, {
+      key: 'releaseSelector',
+      value: function releaseSelector(elem) {
+        if (elem == null) {
+          return;
+        }
+        var N = this.selectors.length,
+            sel = this.selectorMap[elem.id];
+        if (!sel.locked) {
+          // TODO(codedread): Ensure this exists in this module.
+          console.log('WARNING! selector was released but was already unlocked');
+        }
+        for (var i = 0; i < N; ++i) {
+          if (this.selectors[i] && this.selectors[i] === sel) {
+            delete this.selectorMap[elem.id];
+            sel.locked = false;
+            sel.selectedElement = null;
+            sel.showGrips(false);
+
+            // remove from DOM and store reference in JS but only if it exists in the DOM
+            try {
+              sel.selectorGroup.setAttribute('display', 'none');
+            } catch (e) {}
+
+            break;
+          }
+        }
+      }
+
+      /**
+      * @returns {SVGRectElement} The rubberBandBox DOM element. This is the rectangle drawn by
+      * the user for selecting/zooming
+      */
+
+    }, {
+      key: 'getRubberBandBox',
+      value: function getRubberBandBox() {
+        if (!this.rubberBandBox) {
+          this.rubberBandBox = this.selectorParentGroup.appendChild(svgFactory_.createSVGElement({
+            element: 'rect',
+            attr: {
+              id: 'selectorRubberBand',
+              fill: '#22C',
+              'fill-opacity': 0.15,
+              stroke: '#22C',
+              'stroke-width': 0.5,
+              display: 'none',
+              style: 'pointer-events:none'
+            }
+          }));
+        }
+        return this.rubberBandBox;
+      }
+    }]);
+    return SelectorManager;
+  }();
+
+  /**
+   * An object that creates SVG elements for the canvas.
+   *
+   * @interface module:select.SVGFactory
+   */
+  /**
+   * @function module:select.SVGFactory#createSVGElement
+   * @param {module:utilities.EditorContext#addSVGElementFromJson} jsonMap
+   * @returns {SVGElement}
+   */
+  /**
+   * @function module:select.SVGFactory#svgRoot
+   * @returns {SVGSVGElement}
+   */
+  /**
+   * @function module:select.SVGFactory#svgContent
+   * @returns {SVGSVGElement}
+   */
+  /**
+   * @function module:select.SVGFactory#getCurrentZoom
+   * @returns {Float}
+   */
+
+  /**
+   * @typedef {GenericArray} module:select.Dimensions
+   * @property {Integer} length 2
+   * @property {Float} 0 Width
+   * @property {Float} 1 Height
+   */
+  /**
+   * @typedef {PlainObject} module:select.Config
+   * @property {string} imgPath
+   * @property {module:select.Dimensions} dimensions
+   */
+
+  /**
+   * Initializes this module.
+   * @function module:select.init
+   * @param {module:select.Config} config - An object containing configurable parameters (imgPath)
+   * @param {module:select.SVGFactory} svgFactory - An object implementing the SVGFactory interface.
+   * @returns {undefined}
+   */
+  var init$6 = function init(config, svgFactory) {
+    config_ = config;
+    svgFactory_ = svgFactory;
+    selectorManager_ = new SelectorManager();
+  };
+
+  /**
+   * @function module:select.getSelectorManager
+   * @returns {module:select.SelectorManager} The SelectorManager instance.
+   */
+  var getSelectorManager = function getSelectorManager() {
+    return selectorManager_;
+  };
+
+  /* eslint-disable indent */
+
+  var $$9 = jqPluginSVG(jQuery);
+  var MoveElementCommand$1 = MoveElementCommand,
+      InsertElementCommand$1 = InsertElementCommand,
+      RemoveElementCommand$1 = RemoveElementCommand,
+      ChangeElementCommand$1 = ChangeElementCommand,
+      BatchCommand$1 = BatchCommand,
+      UndoManager$1 = UndoManager,
+      HistoryEventTypes$1 = HistoryEventTypes;
+
+
+  if (!window.console) {
+    window.console = {};
+    window.console.log = function (str) {};
+    window.console.dir = function (str) {};
+  }
+
+  if (window.opera) {
+    window.console.log = function (str) {
+      opera.postError(str);
+    };
+    window.console.dir = function (str) {};
+  }
+
+  /**
+  * The main SvgCanvas class that manages all SVG-related functions
+  * @memberof module:svgcanvas
+  *
+  * @borrows module:coords.remapElement as #remapElement
+  * @borrows module:recalculate.recalculateDimensions as #recalculateDimensions
+  *
+  * @borrows module:utilities.cleanupElement as #cleanupElement
+  * @borrows module:utilities.getStrokedBBoxDefaultVisible as #getStrokedBBox
+  * @borrows module:utilities.getVisibleElements as #getVisibleElements
+  * @borrows module:utilities.findDefs as #findDefs
+  * @borrows module:utilities.getUrlFromAttr as #getUrlFromAttr
+  * @borrows module:utilities.getHref as #getHref
+  * @borrows module:utilities.setHref as #setHref
+  * @borrows module:utilities.getRotationAngle as #getRotationAngle
+  * @borrows module:utilities.getBBox as #getBBox
+  * @borrows module:utilities.getElem as #getElem
+  * @borrows module:utilities.getRefElem as #getRefElem
+  * @borrows module:utilities.assignAttributes as #assignAttributes
+  *
+  * @borrows module:SVGTransformList.getTransformList as #getTransformList
+  * @borrows module:math.matrixMultiply as #matrixMultiply
+  * @borrows module:math.hasMatrixTransform as #hasMatrixTransform
+  * @borrows module:math.transformListToTransform as #transformListToTransform
+  * @borrows module:units.convertToNum as #convertToNum
+  * @borrows module:sanitize.sanitizeSvg as #sanitizeSvg
+  * @borrows module:path.pathActions.linkControlPoints as #linkControlPoints
+  */
+
+  var SvgCanvas =
+  /**
+  * @param {HTMLElement} container - The container HTML element that should hold the SVG root element
+  * @param {module:SVGEditor.curConfig} config - An object that contains configuration data
+  */
+  function SvgCanvas(container, config) {
+    classCallCheck(this, SvgCanvas);
+
+    // Alias Namespace constants
+
+    // Default configuration options
+    var curConfig = {
+      show_outside_canvas: true,
+      selectNew: true,
+      dimensions: [640, 480]
+    };
+
+    // Update config with new one if given
+    if (config) {
+      $$9.extend(curConfig, config);
+    }
+
+    // Array with width/height of canvas
+    var dimensions = curConfig.dimensions;
+
+
+    var canvas = this;
+
+    // "document" element associated with the container (same as window.document using default svg-editor.js)
+    // NOTE: This is not actually a SVG document, but an HTML document.
+    var svgdoc = container.ownerDocument;
+
+    // This is a container for the document being edited, not the document itself.
+    /**
+     * @name module:svgcanvas~svgroot
+     * @type {SVGSVGElement}
+     */
+    var svgroot = svgdoc.importNode(text2xml('<svg id="svgroot" xmlns="' + NS.SVG + '" xlinkns="' + NS.XLINK + '" ' + 'width="' + dimensions[0] + '" height="' + dimensions[1] + '" x="' + dimensions[0] + '" y="' + dimensions[1] + '" overflow="visible">' + '<defs>' + '<filter id="canvashadow" filterUnits="objectBoundingBox">' + '<feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>' + '<feOffset in="blur" dx="5" dy="5" result="offsetBlur"/>' + '<feMerge>' + '<feMergeNode in="offsetBlur"/>' + '<feMergeNode in="SourceGraphic"/>' + '</feMerge>' + '</filter>' + '</defs>' + '</svg>').documentElement, true);
+    container.append(svgroot);
+
+    /**
+     * The actual element that represents the final output SVG element
+     * @name module:svgcanvas~svgcontent
+     * @type {SVGSVGElement}
+     */
+    var svgcontent = svgdoc.createElementNS(NS.SVG, 'svg');
+
+    /**
+    * This function resets the svgcontent element while keeping it in the DOM.
+    * @function module:svgcanvas.SvgCanvas#clearSvgContentElement
+    * @returns {undefined}
+    */
+    var clearSvgContentElement = canvas.clearSvgContentElement = function () {
+      $$9(svgcontent).empty();
+
+      // TODO: Clear out all other attributes first?
+      $$9(svgcontent).attr({
+        id: 'svgcontent',
+        width: dimensions[0],
+        height: dimensions[1],
+        x: dimensions[0],
+        y: dimensions[1],
+        overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden',
+        xmlns: NS.SVG,
+        'xmlns:se': NS.SE,
+        'xmlns:xlink': NS.XLINK
+      }).appendTo(svgroot);
+
+      // TODO: make this string optional and set by the client
+      var comment = svgdoc.createComment(' Created with SVG-edit - https://github.com/SVG-Edit/svgedit');
+      svgcontent.append(comment);
+    };
+    clearSvgContentElement();
+
+    // Prefix string for element IDs
+    var idprefix = 'svg_';
+
+    /**
+    * Changes the ID prefix to the given value
+    * @function module:svgcanvas.SvgCanvas#setIdPrefix
+    * @param {string} p - String with the new prefix
+    * @returns {undefined}
+    */
+    canvas.setIdPrefix = function (p) {
+      idprefix = p;
+    };
+
+    /**
+    * Current draw.Drawing object
+    * @type {module:draw.Drawing}
+    * @name module:svgcanvas.SvgCanvas#current_drawing_
+    */
+    canvas.current_drawing_ = new Drawing(svgcontent, idprefix);
+
+    /**
+    * Returns the current Drawing.
+    * @function module:svgcanvas.SvgCanvas#getCurrentDrawing
+    * @implements {module:draw.DrawCanvasInit#getCurrentDrawing}
+    */
+    var getCurrentDrawing = canvas.getCurrentDrawing = function () {
+      return canvas.current_drawing_;
+    };
+
+    /**
+    * Float displaying the current zoom level (1 = 100%, .5 = 50%, etc)
+    * @type {Float}
+    */
+    var currentZoom = 1;
+
+    // pointer to current group (for in-group editing)
+    var currentGroup = null;
+
+    // Object containing data for the currently selected styles
+    var allProperties = {
+      shape: {
+        fill: (curConfig.initFill.color === 'none' ? '' : '#') + curConfig.initFill.color,
+        fill_paint: null,
+        fill_opacity: curConfig.initFill.opacity,
+        stroke: '#' + curConfig.initStroke.color,
+        stroke_paint: null,
+        stroke_opacity: curConfig.initStroke.opacity,
+        stroke_width: curConfig.initStroke.width,
+        stroke_dasharray: 'none',
+        stroke_linejoin: 'miter',
+        stroke_linecap: 'butt',
+        opacity: curConfig.initOpacity
+      }
+    };
+
+    allProperties.text = $$9.extend(true, {}, allProperties.shape);
+    $$9.extend(allProperties.text, {
+      fill: '#000000',
+      stroke_width: curConfig.text && curConfig.text.stroke_width,
+      font_size: curConfig.text && curConfig.text.font_size,
+      font_family: curConfig.text && curConfig.text.font_family
+    });
+
+    // Current shape style properties
+    var curShape = allProperties.shape;
+
+    // Array with all the currently selected elements
+    // default size of 1 until it needs to grow bigger
+    var selectedElements = [];
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.SVGAsJSON
+    * @property {string} element
+    * @property {PlainObject.<string, string>} attr
+    * @property {module:svgcanvas.SVGAsJSON[]} children
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getContentElem
+    * @param {Text|Element} data
+    * @returns {module:svgcanvas.SVGAsJSON}
+    */
+    var getJsonFromSvgElement = this.getJsonFromSvgElement = function (data) {
+      // Text node
+      if (data.nodeType === 3) return data.nodeValue;
+
+      var retval = {
+        element: data.tagName,
+        // namespace: nsMap[data.namespaceURI],
+        attr: {},
+        children: []
+      };
+
+      // Iterate attributes
+      for (var i = 0, attr; attr = data.attributes[i]; i++) {
+        retval.attr[attr.name] = attr.value;
+      }
+
+      // Iterate children
+      for (var _i = 0, node; node = data.childNodes[_i]; _i++) {
+        retval.children[_i] = getJsonFromSvgElement(node);
+      }
+
+      return retval;
+    };
+
+    /**
+    * This should really be an intersection implementing all rather than a union
+    * @function module:svgcanvas.SvgCanvas#addSVGElementFromJson
+    * @implements {module:utilities.EditorContext#addSVGElementFromJson|module:path.EditorContext#addSVGElementFromJson}
+    */
+    var addSVGElementFromJson = this.addSVGElementFromJson = function (data) {
+      if (typeof data === 'string') return svgdoc.createTextNode(data);
+
+      var shape = getElem(data.attr.id);
+      // if shape is a path but we need to create a rect/ellipse, then remove the path
+      var currentLayer = getCurrentDrawing().getCurrentLayer();
+      if (shape && data.element !== shape.tagName) {
+        shape.remove();
+        shape = null;
+      }
+      if (!shape) {
+        var ns = data.namespace || NS.SVG;
+        shape = svgdoc.createElementNS(ns, data.element);
+        if (currentLayer) {
+          (currentGroup || currentLayer).append(shape);
+        }
+      }
+      if (data.curStyles) {
+        assignAttributes(shape, {
+          fill: curShape.fill,
+          stroke: curShape.stroke,
+          'stroke-width': curShape.stroke_width,
+          'stroke-dasharray': curShape.stroke_dasharray,
+          'stroke-linejoin': curShape.stroke_linejoin,
+          'stroke-linecap': curShape.stroke_linecap,
+          'stroke-opacity': curShape.stroke_opacity,
+          'fill-opacity': curShape.fill_opacity,
+          opacity: curShape.opacity / 2,
+          style: 'pointer-events:inherit'
+        }, 100);
+      }
+      assignAttributes(shape, data.attr, 100);
+      cleanupElement(shape);
+
+      // Children
+      if (data.children) {
+        data.children.forEach(function (child) {
+          shape.append(addSVGElementFromJson(child));
+        });
+      }
+
+      return shape;
+    };
+
+    canvas.getTransformList = getTransformList;
+
+    canvas.matrixMultiply = matrixMultiply;
+    canvas.hasMatrixTransform = hasMatrixTransform;
+    canvas.transformListToTransform = transformListToTransform;
+
+    /**
+    * @implements {module:utilities.EditorContext#getBaseUnit}
+    */
+    var getBaseUnit = function getBaseUnit() {
+      return curConfig.baseUnit;
+    };
+
+    /**
+    * initialize from units.js.
+    * Send in an object implementing the ElementContainer interface (see units.js)
+    */
+    init(
+    /**
+    * @implements {module:units.ElementContainer}
+    */
+    {
+      getBaseUnit: getBaseUnit,
+      getElement: getElem,
+      getHeight: function getHeight() {
+        return svgcontent.getAttribute('height') / currentZoom;
+      },
+      getWidth: function getWidth() {
+        return svgcontent.getAttribute('width') / currentZoom;
+      },
+      getRoundDigits: function getRoundDigits() {
+        return saveOptions.round_digits;
+      }
+    });
+
+    canvas.convertToNum = convertToNum;
+
+    /**
+    * This should really be an intersection implementing all rather than a union
+    * @implements {module:draw.DrawCanvasInit#getSVGContent|module:utilities.EditorContext#getSVGContent}
+    */
+    var getSVGContent = function getSVGContent() {
+      return svgcontent;
+    };
+
+    /**
+    * Should really be an intersection with all needing to apply rather than a union
+    * @function module:svgcanvas.SvgCanvas#getSelectedElements
+    * @implements {module:utilities.EditorContext#getSelectedElements|module:draw.DrawCanvasInit#getSelectedElements|module:path.EditorContext#getSelectedElements}
+    */
+    var getSelectedElements = this.getSelectedElems = function () {
+      return selectedElements;
+    };
+
+    var pathActions$$1 = pathActions;
+
+    /**
+    * This should actually be an intersection as all interfaces should be met
+    * @implements {module:utilities.EditorContext#getSVGRoot|module:recalculate.EditorContext#getSVGRoot|module:coords.EditorContext#getSVGRoot|module:path.EditorContext#getSVGRoot}
+    */
+    var getSVGRoot = function getSVGRoot() {
+      return svgroot;
+    };
+
+    init$2(
+    /**
+    * @implements {module:utilities.EditorContext}
+    */
+    {
+      pathActions: pathActions$$1, // Ok since not modifying
+      getSVGContent: getSVGContent,
+      addSVGElementFromJson: addSVGElementFromJson,
+      getSelectedElements: getSelectedElements,
+      getDOMDocument: function getDOMDocument() {
+        return svgdoc;
+      },
+      getDOMContainer: function getDOMContainer() {
+        return container;
+      },
+
+      getSVGRoot: getSVGRoot,
+      // TODO: replace this mostly with a way to get the current drawing.
+      getBaseUnit: getBaseUnit,
+      getSnappingStep: function getSnappingStep() {
+        return curConfig.snappingStep;
+      }
+    });
+
+    canvas.findDefs = findDefs;
+    canvas.getUrlFromAttr = getUrlFromAttr;
+    canvas.getHref = getHref;
+    canvas.setHref = setHref;
+    /* const getBBox = */canvas.getBBox = getBBox;
+    canvas.getRotationAngle = getRotationAngle;
+    canvas.getElem = getElem;
+    canvas.getRefElem = getRefElem;
+    canvas.assignAttributes = assignAttributes;
+
+    this.cleanupElement = cleanupElement;
+
+    /**
+    * This should actually be an intersection not a union as all should apply
+    * @implements {module:coords.EditorContext|module:path.EditorContext}
+    */
+    var getGridSnapping = function getGridSnapping() {
+      return curConfig.gridSnapping;
+    };
+
+    init$4(
+    /**
+    * @implements {module:coords.EditorContext}
+    */
+    {
+      getDrawing: function getDrawing() {
+        return getCurrentDrawing();
+      },
+
+      getSVGRoot: getSVGRoot,
+      getGridSnapping: getGridSnapping
+    });
+    this.remapElement = remapElement;
+
+    init$5(
+    /**
+    * @implements {module:recalculate.EditorContext}
+    */
+    {
+      getSVGRoot: getSVGRoot,
+      getStartTransform: function getStartTransform() {
+        return startTransform;
+      },
+      setStartTransform: function setStartTransform(transform) {
+        startTransform = transform;
+      }
+    });
+    this.recalculateDimensions = recalculateDimensions;
+
+    // import from sanitize.js
+    var nsMap = getReverseNS();
+    canvas.sanitizeSvg = sanitizeSvg;
+
+    /**
+    * @name undoMgr
+    * @memberof module:svgcanvas.SvgCanvas#
+    * @type {module:history.HistoryEventHandler}
+    */
+    var undoMgr = canvas.undoMgr = new UndoManager$1({
+      /**
+       * @param {string} eventType One of the HistoryEvent types
+       * @param {module:history.HistoryCommand} cmd Fulfills the HistoryCommand interface
+       * @fires module:svgcanvas.SvgCanvas#event:changed
+       * @returns {undefined}
+       */
+      handleHistoryEvent: function handleHistoryEvent(eventType, cmd) {
+        var EventTypes = HistoryEventTypes$1;
+        // TODO: handle setBlurOffsets.
+        if (eventType === EventTypes.BEFORE_UNAPPLY || eventType === EventTypes.BEFORE_APPLY) {
+          canvas.clearSelection();
+        } else if (eventType === EventTypes.AFTER_APPLY || eventType === EventTypes.AFTER_UNAPPLY) {
+          var elems = cmd.elements();
+          canvas.pathActions.clear();
+          call('changed', elems);
+          var cmdType = cmd.type();
+          var isApply = eventType === EventTypes.AFTER_APPLY;
+          if (cmdType === MoveElementCommand$1.type()) {
+            var parent = isApply ? cmd.newParent : cmd.oldParent;
+            if (parent === svgcontent) {
+              identifyLayers();
+            }
+          } else if (cmdType === InsertElementCommand$1.type() || cmdType === RemoveElementCommand$1.type()) {
+            if (cmd.parent === svgcontent) {
+              identifyLayers();
+            }
+            if (cmdType === InsertElementCommand$1.type()) {
+              if (isApply) {
+                restoreRefElems(cmd.elem);
+              }
+            } else {
+              if (!isApply) {
+                restoreRefElems(cmd.elem);
+              }
+            }
+            if (cmd.elem.tagName === 'use') {
+              setUseData(cmd.elem);
+            }
+          } else if (cmdType === ChangeElementCommand$1.type()) {
+            // if we are changing layer names, re-identify all layers
+            if (cmd.elem.tagName === 'title' && cmd.elem.parentNode.parentNode === svgcontent) {
+              identifyLayers();
+            }
+            var values = isApply ? cmd.newValues : cmd.oldValues;
+            // If stdDeviation was changed, update the blur.
+            if (values.stdDeviation) {
+              canvas.setBlurOffsets(cmd.elem.parentNode, values.stdDeviation);
+            }
+            // This is resolved in later versions of webkit, perhaps we should
+            // have a featured detection for correct 'use' behavior?
+            // ——————————
+            // Remove & Re-add hack for Webkit (issue 775)
+            // if (cmd.elem.tagName === 'use' && isWebkit()) {
+            //  const {elem} = cmd;
+            //  if (!elem.getAttribute('x') && !elem.getAttribute('y')) {
+            //    const parent = elem.parentNode;
+            //    const sib = elem.nextSibling;
+            //    elem.remove();
+            //    parent.insertBefore(elem, sib);
+            //    // Ok to replace above with this? `sib.before(elem);`
+            //  }
+            // }
+          }
+        }
+      }
+    });
+
+    /**
+    * This should really be an intersection applying to all types rather than a union
+    * @function module:svgcanvas~addCommandToHistory
+    * @implements {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory}
+    */
+    var addCommandToHistory = function addCommandToHistory(cmd) {
+      canvas.undoMgr.addCommandToHistory(cmd);
+    };
+
+    /**
+    * This should really be an intersection applying to all types rather than a union
+    * @function module:svgcanvas.SvgCanvas#getZoom
+    * @implements {module:path.EditorContext#getCurrentZoom|module:select.SVGFactory#getCurrentZoom}
+    */
+    var getCurrentZoom = this.getZoom = function () {
+      return currentZoom;
+    };
+
+    /**
+    * This method rounds the incoming value to the nearest value based on the `currentZoom`
+    * @function module:svgcanvas.SvgCanvas#round
+    * @implements {module:path.EditorContext#round}
+    */
+    var round = this.round = function (val) {
+      return parseInt(val * currentZoom, 10) / currentZoom;
+    };
+
+    init$6(curConfig,
+    /**
+    * Export to select.js
+    * @implements {module:select.SVGFactory}
+    */
+    {
+      createSVGElement: function createSVGElement(jsonMap) {
+        return canvas.addSVGElementFromJson(jsonMap);
+      },
+      svgRoot: function svgRoot() {
+        return svgroot;
+      },
+      svgContent: function svgContent() {
+        return svgcontent;
+      },
+
+      getCurrentZoom: getCurrentZoom
+    });
+    /**
+    * This object manages selectors for us
+    * @name module:svgcanvas.SvgCanvas#selectorManager
+    * @type {module:select.SelectorManager}
+    */
+    var selectorManager = this.selectorManager = getSelectorManager();
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getNextId
+    * @implements {module:path.EditorContext#getNextId}
+    */
+    var getNextId = canvas.getNextId = function () {
+      return getCurrentDrawing().getNextId();
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getId
+    * @implements {module:path.EditorContext#getId}
+    */
+    var getId = canvas.getId = function () {
+      return getCurrentDrawing().getId();
+    };
+
+    /**
+    * The "implements" should really be an intersection applying to all types rather than a union
+    * @function module:svgcanvas.SvgCanvas#call
+    * @implements {module:draw.DrawCanvasInit#call|module:path.EditorContext#call}
+    * @param {"selected"|"changed"|"contextset"|"pointsAdded"|"extension_added"|"extensions_added"|"message"|"transition"|"zoomed"|"updateCanvas"|"zoomDone"|"saved"|"exported"|"exportedPDF"|"setnonce"|"unsetnonce"|"cleared"} ev - String with the event name
+    * @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg - Argument to pass through to the callback function.
+    * @returns {undefined}
+    */
+    var call = function call(ev, arg) {
+      if (events[ev]) {
+        return events[ev](window, arg);
+      }
+    };
+
+    /**
+    * Clears the selection. The 'selected' handler is then optionally called.
+    * This should really be an intersection applying to all types rather than a union
+    * @function module:svgcanvas.SvgCanvas#clearSelection
+    * @implements {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection}
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    */
+    var clearSelection = this.clearSelection = function (noCall) {
+      selectedElements.forEach(function (elem) {
+        if (elem == null) {
+          return;
+        }
+        selectorManager.releaseSelector(elem);
+      });
+      selectedElements = [];
+
+      if (!noCall) {
+        call('selected', selectedElements);
+      }
+    };
+
+    /**
+    * Adds a list of elements to the selection. The 'selected' handler is then called.
+    * @function module:svgcanvas.SvgCanvas#addToSelection
+    * @implements {module:path.EditorContext#addToSelection}
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    */
+    var addToSelection = this.addToSelection = function (elemsToAdd, showGrips) {
+      if (!elemsToAdd.length) {
+        return;
+      }
+      // find the first null in our selectedElements array
+
+      var j = 0;
+      while (j < selectedElements.length) {
+        if (selectedElements[j] == null) {
+          break;
+        }
+        ++j;
+      }
+
+      // now add each element consecutively
+      var i = elemsToAdd.length;
+      while (i--) {
+        var elem = elemsToAdd[i];
+        if (!elem) {
+          continue;
+        }
+        var bbox = getBBox(elem);
+        if (!bbox) {
+          continue;
+        }
+
+        if (elem.tagName === 'a' && elem.childNodes.length === 1) {
+          // Make "a" element's child be the selected element
+          elem = elem.firstChild;
+        }
+
+        // if it's not already there, add it
+        if (!selectedElements.includes(elem)) {
+          selectedElements[j] = elem;
+
+          // only the first selectedBBoxes element is ever used in the codebase these days
+          // if (j === 0) selectedBBoxes[0] = utilsGetBBox(elem);
+          j++;
+          var sel = selectorManager.requestSelector(elem, bbox);
+
+          if (selectedElements.length > 1) {
+            sel.showGrips(false);
+          }
+        }
+      }
+      call('selected', selectedElements);
+
+      if (showGrips || selectedElements.length === 1) {
+        selectorManager.requestSelector(selectedElements[0]).showGrips(true);
+      } else {
+        selectorManager.requestSelector(selectedElements[0]).showGrips(false);
+      }
+
+      // make sure the elements are in the correct order
+      // See: https://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-compareDocumentPosition
+
+      selectedElements.sort(function (a, b) {
+        if (a && b && a.compareDocumentPosition) {
+          return 3 - (b.compareDocumentPosition(a) & 6);
+        }
+        if (a == null) {
+          return 1;
+        }
+      });
+
+      // Make sure first elements are not null
+      while (selectedElements[0] == null) {
+        selectedElements.shift(0);
+      }
+    };
+
+    /**
+    * @implements {module:path.EditorContext#getOpacity}
+    */
+    var getOpacity = function getOpacity() {
+      return curShape.opacity;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getMouseTarget
+    * @implements {module:path.EditorContext#getMouseTarget}
+    */
+    var getMouseTarget = this.getMouseTarget = function (evt) {
+      if (evt == null) {
+        return null;
+      }
+      var mouseTarget = evt.target;
+
+      // if it was a <use>, Opera and WebKit return the SVGElementInstance
+      if (mouseTarget.correspondingUseElement) {
+        mouseTarget = mouseTarget.correspondingUseElement;
+      }
+
+      // for foreign content, go up until we find the foreignObject
+      // WebKit browsers set the mouse target to the svgcanvas div
+      if ([NS.MATH, NS.HTML].includes(mouseTarget.namespaceURI) && mouseTarget.id !== 'svgcanvas') {
+        while (mouseTarget.nodeName !== 'foreignObject') {
+          mouseTarget = mouseTarget.parentNode;
+          if (!mouseTarget) {
+            return svgroot;
+          }
+        }
+      }
+
+      // Get the desired mouseTarget with jQuery selector-fu
+      // If it's root-like, select the root
+      var currentLayer = getCurrentDrawing().getCurrentLayer();
+      if ([svgroot, container, svgcontent, currentLayer].includes(mouseTarget)) {
+        return svgroot;
+      }
+
+      var $target = $$9(mouseTarget);
+
+      // If it's a selection grip, return the grip parent
+      if ($target.closest('#selectorParentGroup').length) {
+        // While we could instead have just returned mouseTarget,
+        // this makes it easier to indentify as being a selector grip
+        return selectorManager.selectorParentGroup;
+      }
+
+      while (mouseTarget.parentNode !== (currentGroup || currentLayer)) {
+        mouseTarget = mouseTarget.parentNode;
+      }
+
+      //
+      // // go up until we hit a child of a layer
+      // while (mouseTarget.parentNode.parentNode.tagName == 'g') {
+      //   mouseTarget = mouseTarget.parentNode;
+      // }
+      // Webkit bubbles the mouse event all the way up to the div, so we
+      // set the mouseTarget to the svgroot like the other browsers
+      // if (mouseTarget.nodeName.toLowerCase() == 'div') {
+      //   mouseTarget = svgroot;
+      // }
+
+      return mouseTarget;
+    };
+
+    /**
+    * @namespace {module:path.pathActions} pathActions
+    * @memberof module:svgcanvas.SvgCanvas#
+    * @see module:path.pathActions
+    */
+    canvas.pathActions = pathActions$$1;
+    /**
+    * @implements {module:path.EditorContext#resetD}
+    */
+    function resetD(p) {
+      p.setAttribute('d', pathActions$$1.convertPath(p));
+    }
+    init$1(
+    /**
+    * @implements {module:path.EditorContext}
+    */
+    {
+      selectorManager: selectorManager, // Ok since not changing
+      canvas: canvas, // Ok since not changing
+      call: call,
+      resetD: resetD,
+      round: round,
+      clearSelection: clearSelection,
+      addToSelection: addToSelection,
+      addCommandToHistory: addCommandToHistory,
+      remapElement: remapElement,
+      addSVGElementFromJson: addSVGElementFromJson,
+      getGridSnapping: getGridSnapping,
+      getOpacity: getOpacity,
+      getSelectedElements: getSelectedElements,
+      getContainer: function getContainer() {
+        return container;
+      },
+      setStarted: function setStarted(s) {
+        started = s;
+      },
+      getRubberBox: function getRubberBox() {
+        return rubberBox;
+      },
+      setRubberBox: function setRubberBox(rb) {
+        rubberBox = rb;
+        return rubberBox;
+      },
+
+      /**
+       * @param {boolean} closedSubpath
+       * @param {SVGCircleElement[]} grips
+       * @fires module:svgcanvas.SvgCanvas#event:pointsAdded
+       * @fires module:svgcanvas.SvgCanvas#event:selected
+       */
+      addPtsToSelection: function addPtsToSelection(_ref) {
+        var closedSubpath = _ref.closedSubpath,
+            grips = _ref.grips;
+
+        // TODO: Correct this:
+        pathActions$$1.canDeleteNodes = true;
+        pathActions$$1.closed_subpath = closedSubpath;
+        call('pointsAdded', { closedSubpath: closedSubpath, grips: grips });
+        call('selected', grips);
+      },
+
+      /**
+       * @param {ChangeElementCommand} cmd
+       * @param {SVGPathElement} elem
+       * @fires module:svgcanvas.SvgCanvas#event:changed
+       * @returns {undefined}
+       */
+      endChanges: function endChanges(_ref2) {
+        var cmd = _ref2.cmd,
+            elem = _ref2.elem;
+
+        addCommandToHistory(cmd);
+        call('changed', [elem]);
+      },
+
+      getCurrentZoom: getCurrentZoom,
+      getId: getId,
+      getNextId: getNextId,
+      getMouseTarget: getMouseTarget,
+      getCurrentMode: function getCurrentMode() {
+        return currentMode;
+      },
+      setCurrentMode: function setCurrentMode(cm) {
+        currentMode = cm;
+        return currentMode;
+      },
+      getDrawnPath: function getDrawnPath() {
+        return drawnPath;
+      },
+      setDrawnPath: function setDrawnPath(dp) {
+        drawnPath = dp;
+        return drawnPath;
+      },
+
+      getSVGRoot: getSVGRoot
+    });
+
+    // Interface strings, usually for title elements
+    var uiStrings = {};
+
+    var visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';
+    var refAttrs = ['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'];
+
+    var elData = $$9.data;
+
+    // Animation element to change the opacity of any newly created element
+    var opacAni = document.createElementNS(NS.SVG, 'animate');
+    $$9(opacAni).attr({
+      attributeName: 'opacity',
+      begin: 'indefinite',
+      dur: 1,
+      fill: 'freeze'
+    }).appendTo(svgroot);
+
+    var restoreRefElems = function restoreRefElems(elem) {
+      // Look for missing reference elements, restore any found
+      var attrs = $$9(elem).attr(refAttrs);
+      for (var o in attrs) {
+        var val = attrs[o];
+        if (val && val.startsWith('url(')) {
+          var id = getUrlFromAttr(val).substr(1);
+          var ref = getElem(id);
+          if (!ref) {
+            findDefs().append(removedElements[id]);
+            delete removedElements[id];
+          }
+        }
+      }
+
+      var childs = elem.getElementsByTagName('*');
+
+      if (childs.length) {
+        for (var i = 0, l = childs.length; i < l; i++) {
+          restoreRefElems(childs[i]);
+        }
+      }
+    };
+
+    // (function () {
+    // TODO For Issue 208: this is a start on a thumbnail
+    //  const svgthumb = svgdoc.createElementNS(NS.SVG, 'use');
+    //  svgthumb.setAttribute('width', '100');
+    //  svgthumb.setAttribute('height', '100');
+    //  setHref(svgthumb, '#svgcontent');
+    //  svgroot.append(svgthumb);
+    // }());
+
+    /**
+     * @typedef {PlainObject} module:svgcanvas.SaveOptions
+     * @property {boolean} apply
+     * @property {"embed"} [image]
+     * @property {Integer} round_digits
+     */
+
+    // Object to contain image data for raster images that were found encodable
+    var encodableImages = {},
+
+
+    // Object with save options
+    /**
+     * @type {module:svgcanvas.SaveOptions}
+     */
+    saveOptions = { round_digits: 5 },
+
+
+    // Object with IDs for imported files, to see if one was already added
+    importIds = {},
+
+
+    // Current text style properties
+    curText = allProperties.text,
+
+
+    // Object to contain all included extensions
+    extensions = {},
+
+
+    // Map of deleted reference elements
+    removedElements = {};
+
+    var
+    // String with image URL of last loadable image
+    lastGoodImgUrl = curConfig.imgPath + 'logo.png',
+
+
+    // Boolean indicating whether or not a draw action has been started
+    started = false,
+
+
+    // String with an element's initial transform attribute value
+    startTransform = null,
+
+
+    // String indicating the current editor mode
+    currentMode = 'select',
+
+
+    // String with the current direction in which an element is being resized
+    currentResizeMode = 'none',
+
+
+    // Current general properties
+    curProperties = curShape,
+
+
+    // Array with selected elements' Bounding box object
+    // selectedBBoxes = new Array(1),
+
+    // The DOM element that was just selected
+    justSelected = null,
+
+
+    // DOM element for selection rectangle drawn by the user
+    rubberBox = null,
+
+
+    // Array of current BBoxes, used in getIntersectionList().
+    curBBoxes = [],
+
+
+    // Canvas point for the most recent right click
+    lastClickPoint = null;
+
+    /**
+    * @typedef {module:svgcanvas.ExtensionMouseDownStatus|module:svgcanvas.ExtensionMouseUpStatus|module:svgcanvas.ExtensionIDsUpdatedStatus|module:locale.ExtensionLocaleData[]|undefined} module:svgcanvas.ExtensionStatus
+    * @tutorial ExtensionDocs
+    */
+    /**
+    * @callback module:svgcanvas.ExtensionVarBuilder
+    * @param {string} name The name of the extension
+    */
+    /**
+    * @todo Consider: Should this return an array by default, so extension results aren't overwritten?
+    * @todo Would be easier to document if passing in object with key of action and vars as value; could then define an interface which tied both together
+    * @function module:svgcanvas.SvgCanvas#runExtensions
+    * @param {"mouseDown"|"mouseMove"|"mouseUp"|"zoomChanged"|"IDsUpdated"|"canvasUpdated"|"toolButtonStateUpdate"|"selectedChanged"|"elementTransition"|"elementChanged"|"langReady"|"langChanged"|"addLangData"|"onNewDocument"|"workareaResized"} action
+    * @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown|module:svgcanvas.SvgCanvas#event:ext-mouseMove|module:svgcanvas.SvgCanvas#event:ext-mouseUp|module:svgcanvas.SvgCanvas#event:ext-zoomChanged|module:svgcanvas.SvgCanvas#event:ext-IDsUpdated|module:svgcanvas.SvgCanvas#event:ext-canvasUpdated|module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate|module:svgcanvas.SvgCanvas#event:ext-selectedChanged|module:svgcanvas.SvgCanvas#event:ext-elementTransition|module:svgcanvas.SvgCanvas#event:ext-elementChanged|module:svgcanvas.SvgCanvas#event:ext-langReady|module:svgcanvas.SvgCanvas#event:ext-langChanged|module:svgcanvas.SvgCanvas#event:ext-addLangData|module:svgcanvas.SvgCanvas#event:ext-onNewDocument|module:svgcanvas.SvgCanvas#event:ext-workareaResized|module:svgcanvas.ExtensionVarBuilder} [vars]
+    * @param {boolean} [returnArray]
+    * @returns {GenericArray.<module:svgcanvas.ExtensionStatus>|module:svgcanvas.ExtensionStatus|false} See {@tutorial ExtensionDocs} on the ExtensionStatus.
+    */
+    var runExtensions = this.runExtensions = function (action, vars, returnArray) {
+      var result = returnArray ? [] : false;
+      $$9.each(extensions, function (name, ext) {
+        if (ext && action in ext) {
+          if (typeof vars === 'function') {
+            vars = vars(name); // ext, action
+          }
+          if (returnArray) {
+            result.push(ext[action](vars));
+          } else {
+            result = ext[action](vars);
+          }
+        }
+      });
+      return result;
+    };
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.ExtensionMouseDownStatus
+    * @property {boolean} started Indicates that creating/editing has started
+    */
+    /**
+    * @typedef {PlainObject} module:svgcanvas.ExtensionMouseUpStatus
+    * @property {boolean} keep Indicates if the current element should be kept
+    * @property {boolean} started Indicates if editing should still be considered as "started"
+    * @property {Element} element The element being affected
+    */
+    /**
+    * @typedef {PlainObject} module:svgcanvas.ExtensionIDsUpdatedStatus
+    * @property {string[]} remove Contains string IDs (used by `ext-connector.js`)
+    */
+
+    /**
+     * @interface module:svgcanvas.ExtensionInitResponse
+     * @property {module:SVGEditor.ContextTool[]|PlainObject.<string, module:SVGEditor.ContextTool>} [context_tools]
+     * @property {module:SVGEditor.Button[]|PlainObject.<Integer, module:SVGEditor.Button>} [buttons]
+     * @property {string} [svgicons] The location of a local SVG or SVGz file
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#mouseDown
+     * @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown} arg
+     * @returns {undefined|module:svgcanvas.ExtensionMouseDownStatus}
+     */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#mouseMove
+     * @param {module:svgcanvas.SvgCanvas#event:ext-mouseMove} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#mouseUp
+     * @param {module:svgcanvas.SvgCanvas#event:ext-mouseUp} arg
+     * @returns {module:svgcanvas.ExtensionMouseUpStatus}
+     */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#zoomChanged
+     * @param {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#IDsUpdated
+     * @param {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} arg
+     * @returns {module:svgcanvas.ExtensionIDsUpdatedStatus}
+     */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#canvasUpdated
+     * @param {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#toolButtonStateUpdate
+     * @param {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#selectedChanged
+     * @param {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#elementTransition
+     * @param {module:svgcanvas.SvgCanvas#event:ext-elementTransition} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#elementChanged
+     * @param {module:svgcanvas.SvgCanvas#event:ext-elementChanged} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#langReady
+     * @param {module:svgcanvas.SvgCanvas#event:ext-langReady} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#langChanged
+     * @param {module:svgcanvas.SvgCanvas#event:ext-langChanged} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#addLangData
+     * @param {module:svgcanvas.SvgCanvas#event:ext-addLangData} arg
+     * @returns {Promise} Resolves to {@link module:locale.ExtensionLocaleData}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#onNewDocument
+     * @param {module:svgcanvas.SvgCanvas#event:ext-onNewDocument} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#workareaResized
+     * @param {module:svgcanvas.SvgCanvas#event:ext-workareaResized} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#callback
+     * @param {module:svgcanvas.SvgCanvas#event:ext-callback} arg
+     * @returns {undefined}
+    */
+
+    /**
+    * @callback module:svgcanvas.ExtensionInitCallback
+    * @this module:SVGEditor
+    * @param {module:svgcanvas.ExtensionArgumentObject} arg
+    * @returns {Promise} Resolves to [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse} or `undefined`
+    */
+    /**
+    * Add an extension to the editor
+    * @function module:svgcanvas.SvgCanvas#addExtension
+    * @param {string} name - String with the ID of the extension. Used internally; no need for i18n.
+    * @param {module:svgcanvas.ExtensionInitCallback} [extInitFunc] - Function supplied by the extension with its data
+    * @param {module:SVGEditor~ImportLocale} importLocale
+    * @fires module:svgcanvas.SvgCanvas#event:extension_added
+    * @throws {TypeError} If `extInitFunc` is not a function
+    * @returns {Promise} Resolves to `undefined`
+    */
+    this.addExtension = function () {
+      var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(name, extInitFunc, importLocale) {
+        var extObj, argObj;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!(typeof extInitFunc !== 'function')) {
+                  _context.next = 2;
+                  break;
+                }
+
+                throw new TypeError('Function argument expected for `svgcanvas.addExtension`');
+
+              case 2:
+                extObj = {};
+
+                if (name in extensions) {
+                  _context.next = 14;
+                  break;
+                }
+
+                // Provide private vars/funcs here. Is there a better way to do this?
+                /**
+                 * @typedef {module:svgcanvas.PrivateMethods} module:svgcanvas.ExtensionArgumentObject
+                 * @property {SVGSVGElement} svgroot See {@link module:svgcanvas~svgroot}
+                 * @property {SVGSVGElement} svgcontent See {@link module:svgcanvas~svgcontent}
+                 * @property {!(string|Integer)} nonce See {@link module:draw.Drawing#getNonce}
+                 * @property {module:select.SelectorManager} selectorManager
+                 * @property {module:SVGEditor~ImportLocale} importLocale
+                 */
+                /**
+                 * @type {module:svgcanvas.ExtensionArgumentObject}
+                 * @see {@link module:svgcanvas.PrivateMethods} source for the other methods/properties
+                 */
+                argObj = $$9.extend(canvas.getPrivateMethods(), {
+                  importLocale: importLocale,
+                  svgroot: svgroot,
+                  svgcontent: svgcontent,
+                  nonce: getCurrentDrawing().getNonce(),
+                  selectorManager: selectorManager
+                });
+
+                if (!extInitFunc) {
+                  _context.next = 9;
+                  break;
+                }
+
+                _context.next = 8;
+                return extInitFunc(argObj);
+
+              case 8:
+                extObj = _context.sent;
+
+              case 9:
+                if (extObj) {
+                  extObj.name = name;
+                }
+
+                extensions[name] = extObj;
+                return _context.abrupt('return', call('extension_added', extObj));
+
+              case 14:
+                console.log('Cannot add extension "' + name + '", an extension by that name already exists.');
+
+              case 15:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      return function (_x, _x2, _x3) {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+
+    /**
+    * This method sends back an array or a NodeList full of elements that
+    * intersect the multi-select rubber-band-box on the currentLayer only.
+    *
+    * We brute-force `getIntersectionList` for browsers that do not support it (Firefox).
+    *
+    * Reference:
+    * Firefox does not implement `getIntersectionList()`, see {@link https://bugzilla.mozilla.org/show_bug.cgi?id=501421}
+    * @function module:svgcanvas.SvgCanvas#getIntersectionList
+    * @param {SVGRect} rect
+    * @returns {Element[]|NodeList} Bbox elements
+    */
+    var getIntersectionList = this.getIntersectionList = function (rect) {
+      if (rubberBox == null) {
+        return null;
+      }
+
+      var parent = currentGroup || getCurrentDrawing().getCurrentLayer();
+
+      var rubberBBox = void 0;
+      if (!rect) {
+        rubberBBox = rubberBox.getBBox();
+        var bb = svgcontent.createSVGRect();
+
+        for (var o in rubberBBox) {
+          bb[o] = rubberBBox[o] / currentZoom;
+        }
+        rubberBBox = bb;
+      } else {
+        rubberBBox = svgcontent.createSVGRect();
+        rubberBBox.x = rect.x;
+        rubberBBox.y = rect.y;
+        rubberBBox.width = rect.width;
+        rubberBBox.height = rect.height;
+      }
+
+      var resultList = null;
+      if (!isIE) {
+        if (typeof svgroot.getIntersectionList === 'function') {
+          // Offset the bbox of the rubber box by the offset of the svgcontent element.
+          rubberBBox.x += parseInt(svgcontent.getAttribute('x'), 10);
+          rubberBBox.y += parseInt(svgcontent.getAttribute('y'), 10);
+
+          resultList = svgroot.getIntersectionList(rubberBBox, parent);
+        }
+      }
+
+      if (resultList == null || typeof resultList.item !== 'function') {
+        resultList = [];
+
+        if (!curBBoxes.length) {
+          // Cache all bboxes
+          curBBoxes = getVisibleElementsAndBBoxes(parent);
+        }
+        var i = curBBoxes.length;
+        while (i--) {
+          if (!rubberBBox.width) {
+            continue;
+          }
+          if (rectsIntersect(rubberBBox, curBBoxes[i].bbox)) {
+            resultList.push(curBBoxes[i].elem);
+          }
+        }
+      }
+
+      // addToSelection expects an array, but it's ok to pass a NodeList
+      // because using square-bracket notation is allowed:
+      // https://www.w3.org/TR/DOM-Level-2-Core/ecma-script-binding.html
+      return resultList;
+    };
+
+    this.getStrokedBBox = getStrokedBBoxDefaultVisible;
+
+    this.getVisibleElements = getVisibleElements;
+
+    /**
+    * @typedef {PlainObject} ElementAndBBox
+    * @property {Element} elem - The element
+    * @property {module:utilities.BBoxObject} bbox - The element's BBox as retrieved from `getStrokedBBoxDefaultVisible`
+    */
+
+    /**
+    * Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).
+    * Note that 0-opacity, off-screen etc elements are still considered "visible"
+    * for this function
+    * @function module:svgcanvas.SvgCanvas#getVisibleElementsAndBBoxes
+    * @param {Element} parent - The parent DOM element to search within
+    * @returns {ElementAndBBox[]} An array with objects that include:
+    */
+    var getVisibleElementsAndBBoxes = this.getVisibleElementsAndBBoxes = function (parent) {
+      if (!parent) {
+        parent = $$9(svgcontent).children(); // Prevent layers from being included
+      }
+      var contentElems = [];
+      $$9(parent).children().each(function (i, elem) {
+        if (elem.getBBox) {
+          contentElems.push({ elem: elem, bbox: getStrokedBBoxDefaultVisible([elem]) });
+        }
+      });
+      return contentElems.reverse();
+    };
+
+    /**
+    * Wrap an SVG element into a group element, mark the group as 'gsvg'
+    * @function module:svgcanvas.SvgCanvas#groupSvgElem
+    * @param {Element} elem - SVG element to wrap
+    * @returns {undefined}
+    */
+    var groupSvgElem = this.groupSvgElem = function (elem) {
+      var g = document.createElementNS(NS.SVG, 'g');
+      elem.replaceWith(g);
+      $$9(g).append(elem).data('gsvg', elem)[0].id = getNextId();
+    };
+
+    // Set scope for these functions
+
+    // Object to contain editor event names and callback functions
+    var events = {};
+
+    canvas.call = call;
+    /**
+     * Array of what was changed (elements, layers)
+     * @event module:svgcanvas.SvgCanvas#event:changed
+     * @type {Element[]}
+     */
+    /**
+     * Array of selected elements
+     * @event module:svgcanvas.SvgCanvas#event:selected
+     * @type {Element[]}
+     */
+    /**
+     * Array of selected elements
+     * @event module:svgcanvas.SvgCanvas#event:transition
+     * @type {Element[]}
+     */
+    /**
+     * The Element is always `SVGGElement`?
+     * If not `null`, will be the set current group element
+     * @event module:svgcanvas.SvgCanvas#event:contextset
+     * @type {null|Element}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:pointsAdded
+     * @type {PlainObject}
+     * @property {boolean} closedSubpath
+     * @property {SVGCircleElement[]} grips Grips elements
+     */
+
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:zoomed
+     * @type {PlainObject}
+     * @property {Float} x
+     * @property {Float} y
+     * @property {Float} width
+     * @property {Float} height
+     * @property {0.5|2} factor
+     * @see module:SVGEditor.BBoxObjectWithFactor
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:updateCanvas
+     * @type {PlainObject}
+     * @property {false} center
+     * @property {module:math.XYObject} newCtr
+     */
+    /**
+     * @typedef {PlainObject} module:svgcanvas.ExtensionInitResponsePlusName
+     * @implements {module:svgcanvas.ExtensionInitResponse}
+     * @property {string} name The extension's resolved ID (whether explicit or based on file name)
+     */
+    /**
+     * Generalized extension object response of
+     * [`init()`]{@link module:svgcanvas.ExtensionInitCallback}
+     * along with the name of the extension.
+     * @event module:svgcanvas.SvgCanvas#event:extension_added
+     * @type {module:svgcanvas.ExtensionInitResponsePlusName|undefined}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:extensions_added
+     * @type {undefined}
+    */
+    /**
+     * @typedef {PlainObject} module:svgcanvas.Message
+     * @property {Any} data The data
+     * @property {string} origin The origin
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:message
+     * @type {module:svgcanvas.Message}
+     */
+    /**
+     * SVG canvas converted to string
+     * @event module:svgcanvas.SvgCanvas#event:saved
+     * @type {string}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:setnonce
+     * @type {!(string|Integer)}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:unsetnonce
+     * @type {undefined}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:zoomDone
+     * @type {undefined}
+    */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:cleared
+     * @type {undefined}
+    */
+
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:exported
+     * @type {module:svgcanvas.ImageExportedResults}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:exportedPDF
+     * @type {module:svgcanvas.PDFExportedResults}
+     */
+    /**
+     * Creating a cover-all class until {@link https://github.com/jsdoc3/jsdoc/issues/1545} may be supported.
+     * `undefined` may be returned by {@link module:svgcanvas.SvgCanvas#event:extension_added} if the extension's `init` returns `undefined` It is also the type for the following events "zoomDone", "unsetnonce", "cleared", and "extensions_added".
+     * @event module:svgcanvas.SvgCanvas#event:GenericCanvasEvent
+     * @type {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset|module:svgcanvas.SvgCanvas#event:pointsAdded|module:svgcanvas.SvgCanvas#event:extension_added|module:svgcanvas.SvgCanvas#event:extensions_added|module:svgcanvas.SvgCanvas#event:message|module:svgcanvas.SvgCanvas#event:transition|module:svgcanvas.SvgCanvas#event:zoomed|module:svgcanvas.SvgCanvas#event:updateCanvas|module:svgcanvas.SvgCanvas#event:saved|module:svgcanvas.SvgCanvas#event:exported|module:svgcanvas.SvgCanvas#event:exportedPDF|module:svgcanvas.SvgCanvas#event:setnonce|module:svgcanvas.SvgCanvas#event:unsetnonce|undefined}
+     */
+
+    /**
+    * @callback module:svgcanvas.EventHandler
+    * @param {external:Window} win
+    * @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg
+    * @listens module:svgcanvas.SvgCanvas#event:GenericCanvasEvent
+    */
+
+    /**
+    * Attaches a callback function to an event
+    * @function module:svgcanvas.SvgCanvas#bind
+    * @param {"changed"|"contextset"|"selected"|"pointsAdded"|"extension_added"|"extensions_added"|"message"|"transition"|"zoomed"|"updateCanvas"|"zoomDone"|"saved"|"exported"|"exportedPDF"|"setnonce"|"unsetnonce"|"cleared"} ev - String indicating the name of the event
+    * @param {module:svgcanvas.EventHandler} f - The callback function to bind to the event
+    * @returns {module:svgcanvas.EventHandler} The previous event
+    */
+    canvas.bind = function (ev, f) {
+      var old = events[ev];
+      events[ev] = f;
+      return old;
+    };
+
+    /**
+    * Runs the SVG Document through the sanitizer and then updates its paths.
+    * @function module:svgcanvas.SvgCanvas#prepareSvg
+    * @param {XMLDocument} newDoc - The SVG DOM document
+    * @returns {undefined}
+    */
+    this.prepareSvg = function (newDoc) {
+      this.sanitizeSvg(newDoc.documentElement);
+
+      // convert paths into absolute commands
+      var paths = [].concat(toConsumableArray(newDoc.getElementsByTagNameNS(NS.SVG, 'path')));
+      paths.forEach(function (path$$1) {
+        path$$1.setAttribute('d', pathActions$$1.convertPath(path$$1));
+        pathActions$$1.fixEnd(path$$1);
+      });
+    };
+
+    /**
+    * Hack for Firefox bugs where text element features aren't updated or get
+    * messed up. See issue 136 and issue 137.
+    * This function clones the element and re-selects it.
+    * @function module:svgcanvas~ffClone
+    * @todo Test for this bug on load and add it to "support" object instead of
+    * browser sniffing
+    * @param {Element} elem - The (text) DOM element to clone
+    * @returns {Element} Cloned element
+    */
+    var ffClone = function ffClone(elem) {
+      if (!isGecko()) {
+        return elem;
+      }
+      var clone = elem.cloneNode(true);
+      elem.before(clone);
+      elem.remove();
+      selectorManager.releaseSelector(elem);
+      selectedElements[0] = clone;
+      selectorManager.requestSelector(clone).showGrips(true);
+      return clone;
+    };
+
+    // `this.each` is deprecated, if any extension used this it can be recreated by doing this:
+    // * @example $(canvas.getRootElem()).children().each(...)
+    // * @function module:svgcanvas.SvgCanvas#each
+    // this.each = function (cb) {
+    //  $(svgroot).children().each(cb);
+    // };
+
+    /**
+    * Removes any old rotations if present, prepends a new rotation at the
+    * transformed center
+    * @function module:svgcanvas.SvgCanvas#setRotationAngle
+    * @param {string|Float} val - The new rotation angle in degrees
+    * @param {boolean} preventUndo - Indicates whether the action should be undoable or not
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setRotationAngle = function (val, preventUndo) {
+      // ensure val is the proper type
+      val = parseFloat(val);
+      var elem = selectedElements[0];
+      var oldTransform = elem.getAttribute('transform');
+      var bbox = getBBox(elem);
+      var cx = bbox.x + bbox.width / 2,
+          cy = bbox.y + bbox.height / 2;
+      var tlist = getTransformList(elem);
+
+      // only remove the real rotational transform if present (i.e. at index=0)
+      if (tlist.numberOfItems > 0) {
+        var xform = tlist.getItem(0);
+        if (xform.type === 4) {
+          tlist.removeItem(0);
+        }
+      }
+      // find Rnc and insert it
+      if (val !== 0) {
+        var center = transformPoint(cx, cy, transformListToTransform(tlist).matrix);
+        var Rnc = svgroot.createSVGTransform();
+        Rnc.setRotate(val, center.x, center.y);
+        if (tlist.numberOfItems) {
+          tlist.insertItemBefore(Rnc, 0);
+        } else {
+          tlist.appendItem(Rnc);
+        }
+      } else if (tlist.numberOfItems === 0) {
+        elem.removeAttribute('transform');
+      }
+
+      if (!preventUndo) {
+        // we need to undo it, then redo it so it can be undo-able! :)
+        // TODO: figure out how to make changes to transform list undo-able cross-browser?
+        var newTransform = elem.getAttribute('transform');
+        elem.setAttribute('transform', oldTransform);
+        changeSelectedAttribute('transform', newTransform, selectedElements);
+        call('changed', selectedElements);
+      }
+      // const pointGripContainer = getElem('pathpointgrip_container');
+      // if (elem.nodeName === 'path' && pointGripContainer) {
+      //   pathActions.setPointContainerTransform(elem.getAttribute('transform'));
+      // }
+      var selector = selectorManager.requestSelector(selectedElements[0]);
+      selector.resize();
+      selector.updateGripCursors(val);
+    };
+
+    /**
+    * Runs `recalculateDimensions` on the selected elements,
+    * adding the changes to a single batch command
+    * @function module:svgcanvas.SvgCanvas#recalculateAllSelectedDimensions
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    var recalculateAllSelectedDimensions = this.recalculateAllSelectedDimensions = function () {
+      var text = currentResizeMode === 'none' ? 'position' : 'size';
+      var batchCmd = new BatchCommand$1(text);
+
+      var i = selectedElements.length;
+      while (i--) {
+        var elem = selectedElements[i];
+        // if (getRotationAngle(elem) && !hasMatrixTransform(getTransformList(elem))) { continue; }
+        var cmd = recalculateDimensions(elem);
+        if (cmd) {
+          batchCmd.addSubCommand(cmd);
+        }
+      }
+
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+        call('changed', selectedElements);
+      }
+    };
+
+    /**
+     * Debug tool to easily see the current matrix in the browser's console
+     * @function module:svgcanvas~logMatrix
+     * @param {SVGMatrix} m The matrix
+     * @returns {undefined}
+     */
+    var logMatrix = function logMatrix(m) {
+      console.log([m.a, m.b, m.c, m.d, m.e, m.f]);
+    };
+
+    // Root Current Transformation Matrix in user units
+    var rootSctm = null;
+
+    /**
+    * Group: Selection
+    */
+
+    // TODO: do we need to worry about selectedBBoxes here?
+
+    /**
+    * Selects only the given elements, shortcut for clearSelection(); addToSelection()
+    * @function module:svgcanvas.SvgCanvas#selectOnly
+    * @param {Element[]} elems - an array of DOM elements to be selected
+    * @param {boolean} showGrips - Indicates whether the resize grips should be shown
+    * @returns {undefined}
+    */
+    var selectOnly = this.selectOnly = function (elems, showGrips) {
+      clearSelection(true);
+      addToSelection(elems, showGrips);
+    };
+
+    // TODO: could use slice here to make this faster?
+    // TODO: should the 'selected' handler
+
+    /**
+    * Removes elements from the selection.
+    * @function module:svgcanvas.SvgCanvas#removeFromSelection
+    * @param {Element[]} elemsToRemove - An array of elements to remove from selection
+    * @returns {undefined}
+    */
+    /* const removeFromSelection = */this.removeFromSelection = function (elemsToRemove) {
+      if (selectedElements[0] == null) {
+        return;
+      }
+      if (!elemsToRemove.length) {
+        return;
+      }
+
+      // find every element and remove it from our array copy
+      var newSelectedItems = [],
+          len = selectedElements.length;
+      for (var i = 0; i < len; ++i) {
+        var elem = selectedElements[i];
+        if (elem) {
+          // keep the item
+          if (!elemsToRemove.includes(elem)) {
+            newSelectedItems.push(elem);
+          } else {
+            // remove the item and its selector
+            selectorManager.releaseSelector(elem);
+          }
+        }
+      }
+      // the copy becomes the master now
+      selectedElements = newSelectedItems;
+    };
+
+    /**
+    * Clears the selection, then adds all elements in the current layer to the selection.
+    * @function module:svgcanvas.SvgCanvas#selectAllInCurrentLayer
+    * @returns {undefined}
+    */
+    this.selectAllInCurrentLayer = function () {
+      var currentLayer = getCurrentDrawing().getCurrentLayer();
+      if (currentLayer) {
+        currentMode = 'select';
+        selectOnly($$9(currentGroup || currentLayer).children());
+      }
+    };
+
+    var drawnPath = null;
+
+    // Mouse events
+    (function () {
+      var freehand = {
+        minx: null,
+        miny: null,
+        maxx: null,
+        maxy: null
+      };
+      var THRESHOLD_DIST = 0.8,
+          STEP_COUNT = 10;
+      var dAttr = null,
+          startX = null,
+          startY = null,
+          rStartX = null,
+          rStartY = null,
+          initBbox = {},
+          sumDistance = 0,
+          controllPoint2 = { x: 0, y: 0 },
+          controllPoint1 = { x: 0, y: 0 },
+          start = { x: 0, y: 0 },
+          end = { x: 0, y: 0 },
+          bSpline = { x: 0, y: 0 },
+          nextPos = { x: 0, y: 0 },
+          parameter = void 0,
+          nextParameter = void 0;
+
+      var getBsplinePoint = function getBsplinePoint(t) {
+        var spline = { x: 0, y: 0 },
+            p0 = controllPoint2,
+            p1 = controllPoint1,
+            p2 = start,
+            p3 = end,
+            S = 1.0 / 6.0,
+            t2 = t * t,
+            t3 = t2 * t;
+
+        var m = [[-1, 3, -3, 1], [3, -6, 3, 0], [-3, 0, 3, 0], [1, 4, 1, 0]];
+
+        spline.x = S * ((p0.x * m[0][0] + p1.x * m[0][1] + p2.x * m[0][2] + p3.x * m[0][3]) * t3 + (p0.x * m[1][0] + p1.x * m[1][1] + p2.x * m[1][2] + p3.x * m[1][3]) * t2 + (p0.x * m[2][0] + p1.x * m[2][1] + p2.x * m[2][2] + p3.x * m[2][3]) * t + (p0.x * m[3][0] + p1.x * m[3][1] + p2.x * m[3][2] + p3.x * m[3][3]));
+        spline.y = S * ((p0.y * m[0][0] + p1.y * m[0][1] + p2.y * m[0][2] + p3.y * m[0][3]) * t3 + (p0.y * m[1][0] + p1.y * m[1][1] + p2.y * m[1][2] + p3.y * m[1][3]) * t2 + (p0.y * m[2][0] + p1.y * m[2][1] + p2.y * m[2][2] + p3.y * m[2][3]) * t + (p0.y * m[3][0] + p1.y * m[3][1] + p2.y * m[3][2] + p3.y * m[3][3]));
+
+        return {
+          x: spline.x,
+          y: spline.y
+        };
+      };
+      /**
+       * - When we are in a create mode, the element is added to the canvas but the
+       *   action is not recorded until mousing up.
+       * - When we are in select mode, select the element, remember the position
+       *   and do nothing else
+       * @param {MouseEvent} evt
+       * @fires module:svgcanvas.SvgCanvas#event:ext-mouseDown
+       * @returns {undefined}
+       */
+      var mouseDown = function mouseDown(evt) {
+        if (canvas.spaceKey || evt.button === 1) {
+          return;
+        }
+
+        var rightClick = evt.button === 2;
+
+        if (evt.altKey) {
+          // duplicate when dragging
+          canvas.cloneSelectedElements(0, 0);
+        }
+
+        rootSctm = $$9('#svgcontent g')[0].getScreenCTM().inverse();
+
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+            mouseX = pt.x * currentZoom,
+            mouseY = pt.y * currentZoom;
+
+        evt.preventDefault();
+
+        if (rightClick) {
+          currentMode = 'select';
+          lastClickPoint = pt;
+        }
+
+        // This would seem to be unnecessary...
+        // if (!['select', 'resize'].includes(currentMode)) {
+        //   setGradient();
+        // }
+
+        var x = mouseX / currentZoom,
+            y = mouseY / currentZoom;
+        var mouseTarget = getMouseTarget(evt);
+
+        if (mouseTarget.tagName === 'a' && mouseTarget.childNodes.length === 1) {
+          mouseTarget = mouseTarget.firstChild;
+        }
+
+        // realX/y ignores grid-snap value
+        var realX = x;
+        rStartX = startX = x;
+        var realY = y;
+        rStartY = startY = y;
+
+        if (curConfig.gridSnapping) {
+          x = snapToGrid(x);
+          y = snapToGrid(y);
+          startX = snapToGrid(startX);
+          startY = snapToGrid(startY);
+        }
+
+        // if it is a selector grip, then it must be a single element selected,
+        // set the mouseTarget to that and update the mode to rotate/resize
+
+        if (mouseTarget === selectorManager.selectorParentGroup && selectedElements[0] != null) {
+          var grip = evt.target;
+          var griptype = elData(grip, 'type');
+          // rotating
+          if (griptype === 'rotate') {
+            currentMode = 'rotate';
+            // resizing
+          } else if (griptype === 'resize') {
+            currentMode = 'resize';
+            currentResizeMode = elData(grip, 'dir');
+          }
+          mouseTarget = selectedElements[0];
+        }
+
+        startTransform = mouseTarget.getAttribute('transform');
+        var i = void 0,
+            strokeW = void 0;
+        var tlist = getTransformList(mouseTarget);
+        switch (currentMode) {
+          case 'select':
+            started = true;
+            currentResizeMode = 'none';
+            if (rightClick) {
+              started = false;
+            }
+
+            if (mouseTarget !== svgroot) {
+              // if this element is not yet selected, clear selection and select it
+              if (!selectedElements.includes(mouseTarget)) {
+                // only clear selection if shift is not pressed (otherwise, add
+                // element to selection)
+                if (!evt.shiftKey) {
+                  // No need to do the call here as it will be done on addToSelection
+                  clearSelection(true);
+                }
+                addToSelection([mouseTarget]);
+                justSelected = mouseTarget;
+                pathActions$$1.clear();
+              }
+              // else if it's a path, go into pathedit mode in mouseup
+
+              if (!rightClick) {
+                // insert a dummy transform so if the element(s) are moved it will have
+                // a transform to use for its translate
+                for (i = 0; i < selectedElements.length; ++i) {
+                  if (selectedElements[i] == null) {
+                    continue;
+                  }
+                  var slist = getTransformList(selectedElements[i]);
+                  if (slist.numberOfItems) {
+                    slist.insertItemBefore(svgroot.createSVGTransform(), 0);
+                  } else {
+                    slist.appendItem(svgroot.createSVGTransform());
+                  }
+                }
+              }
+            } else if (!rightClick) {
+              clearSelection();
+              currentMode = 'multiselect';
+              if (rubberBox == null) {
+                rubberBox = selectorManager.getRubberBandBox();
+              }
+              rStartX *= currentZoom;
+              rStartY *= currentZoom;
+              // console.log('p',[evt.pageX, evt.pageY]);
+              // console.log('c',[evt.clientX, evt.clientY]);
+              // console.log('o',[evt.offsetX, evt.offsetY]);
+              // console.log('s',[startX, startY]);
+
+              assignAttributes(rubberBox, {
+                x: rStartX,
+                y: rStartY,
+                width: 0,
+                height: 0,
+                display: 'inline'
+              }, 100);
+            }
+            break;
+          case 'zoom':
+            started = true;
+            if (rubberBox == null) {
+              rubberBox = selectorManager.getRubberBandBox();
+            }
+            assignAttributes(rubberBox, {
+              x: realX * currentZoom,
+              y: realX * currentZoom,
+              width: 0,
+              height: 0,
+              display: 'inline'
+            }, 100);
+            break;
+          case 'resize':
+            started = true;
+            startX = x;
+            startY = y;
+
+            // Getting the BBox from the selection box, since we know we
+            // want to orient around it
+            initBbox = getBBox($$9('#selectedBox0')[0]);
+            var bb = {};
+            $$9.each(initBbox, function (key, val) {
+              bb[key] = val / currentZoom;
+            });
+            initBbox = bb;
+
+            // append three dummy transforms to the tlist so that
+            // we can translate,scale,translate in mousemove
+            var pos = getRotationAngle(mouseTarget) ? 1 : 0;
+
+            if (hasMatrixTransform(tlist)) {
+              tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+              tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+              tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+            } else {
+              tlist.appendItem(svgroot.createSVGTransform());
+              tlist.appendItem(svgroot.createSVGTransform());
+              tlist.appendItem(svgroot.createSVGTransform());
+
+              if (supportsNonScalingStroke()) {
+                // Handle crash for newer Chrome and Safari 6 (Mobile and Desktop):
+                // https://code.google.com/p/svg-edit/issues/detail?id=904
+                // Chromium issue: https://code.google.com/p/chromium/issues/detail?id=114625
+                // TODO: Remove this workaround once vendor fixes the issue
+                var iswebkit = isWebkit();
+
+                var delayedStroke = void 0;
+                if (iswebkit) {
+                  delayedStroke = function delayedStroke(ele) {
+                    var _stroke = ele.getAttributeNS(null, 'stroke');
+                    ele.removeAttributeNS(null, 'stroke');
+                    // Re-apply stroke after delay. Anything higher than 1 seems to cause flicker
+                    if (_stroke !== null) setTimeout(function () {
+                      ele.setAttributeNS(null, 'stroke', _stroke);
+                    }, 0);
+                  };
+                }
+                mouseTarget.style.vectorEffect = 'non-scaling-stroke';
+                if (iswebkit) {
+                  delayedStroke(mouseTarget);
+                }
+
+                var all = mouseTarget.getElementsByTagName('*'),
+                    len = all.length;
+                for (i = 0; i < len; i++) {
+                  if (!all[i].style) {
+                    // mathML
+                    continue;
+                  }
+                  all[i].style.vectorEffect = 'non-scaling-stroke';
+                  if (iswebkit) {
+                    delayedStroke(all[i]);
+                  }
+                }
+              }
+            }
+            break;
+          case 'fhellipse':
+          case 'fhrect':
+          case 'fhpath':
+            start.x = realX;
+            start.y = realY;
+            started = true;
+            dAttr = realX + ',' + realY + ' ';
+            strokeW = parseFloat(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;
+            addSVGElementFromJson({
+              element: 'polyline',
+              curStyles: true,
+              attr: {
+                points: dAttr,
+                id: getNextId(),
+                fill: 'none',
+                opacity: curShape.opacity / 2,
+                'stroke-linecap': 'round',
+                style: 'pointer-events:none'
+              }
+            });
+            freehand.minx = realX;
+            freehand.maxx = realX;
+            freehand.miny = realY;
+            freehand.maxy = realY;
+            break;
+          case 'image':
+            started = true;
+            var newImage = addSVGElementFromJson({
+              element: 'image',
+              attr: {
+                x: x,
+                y: y,
+                width: 0,
+                height: 0,
+                id: getNextId(),
+                opacity: curShape.opacity / 2,
+                style: 'pointer-events:inherit'
+              }
+            });
+            setHref(newImage, lastGoodImgUrl);
+            preventClickDefault(newImage);
+            break;
+          case 'square':
+          // FIXME: once we create the rect, we lose information that this was a square
+          // (for resizing purposes this could be important)
+          // Fallthrough
+          case 'rect':
+            started = true;
+            startX = x;
+            startY = y;
+            addSVGElementFromJson({
+              element: 'rect',
+              curStyles: true,
+              attr: {
+                x: x,
+                y: y,
+                width: 0,
+                height: 0,
+                id: getNextId(),
+                opacity: curShape.opacity / 2
+              }
+            });
+            break;
+          case 'line':
+            started = true;
+            strokeW = Number(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;
+            addSVGElementFromJson({
+              element: 'line',
+              curStyles: true,
+              attr: {
+                x1: x,
+                y1: y,
+                x2: x,
+                y2: y,
+                id: getNextId(),
+                stroke: curShape.stroke,
+                'stroke-width': strokeW,
+                'stroke-dasharray': curShape.stroke_dasharray,
+                'stroke-linejoin': curShape.stroke_linejoin,
+                'stroke-linecap': curShape.stroke_linecap,
+                'stroke-opacity': curShape.stroke_opacity,
+                fill: 'none',
+                opacity: curShape.opacity / 2,
+                style: 'pointer-events:none'
+              }
+            });
+            break;
+          case 'circle':
+            started = true;
+            addSVGElementFromJson({
+              element: 'circle',
+              curStyles: true,
+              attr: {
+                cx: x,
+                cy: y,
+                r: 0,
+                id: getNextId(),
+                opacity: curShape.opacity / 2
+              }
+            });
+            break;
+          case 'ellipse':
+            started = true;
+            addSVGElementFromJson({
+              element: 'ellipse',
+              curStyles: true,
+              attr: {
+                cx: x,
+                cy: y,
+                rx: 0,
+                ry: 0,
+                id: getNextId(),
+                opacity: curShape.opacity / 2
+              }
+            });
+            break;
+          case 'text':
+            started = true;
+            /* const newText = */addSVGElementFromJson({
+              element: 'text',
+              curStyles: true,
+              attr: {
+                x: x,
+                y: y,
+                id: getNextId(),
+                fill: curText.fill,
+                'stroke-width': curText.stroke_width,
+                'font-size': curText.font_size,
+                'font-family': curText.font_family,
+                'text-anchor': 'middle',
+                'xml:space': 'preserve',
+                opacity: curShape.opacity
+              }
+            });
+            // newText.textContent = 'text';
+            break;
+          case 'path':
+          // Fall through
+          case 'pathedit':
+            startX *= currentZoom;
+            startY *= currentZoom;
+            pathActions$$1.mouseDown(evt, mouseTarget, startX, startY);
+            started = true;
+            break;
+          case 'textedit':
+            startX *= currentZoom;
+            startY *= currentZoom;
+            textActions.mouseDown(evt, mouseTarget, startX, startY);
+            started = true;
+            break;
+          case 'rotate':
+            started = true;
+            // we are starting an undoable change (a drag-rotation)
+            canvas.undoMgr.beginUndoableChange('transform', selectedElements);
+            break;
+          default:
+            // This could occur in an extension
+            break;
+        }
+
+        /**
+         * The main (left) mouse button is held down on the canvas area
+         * @event module:svgcanvas.SvgCanvas#event:ext-mouseDown
+         * @type {PlainObject}
+         * @property {MouseEvent} event The event object
+         * @property {Float} start_x x coordinate on canvas
+         * @property {Float} start_y y coordinate on canvas
+         * @property {Element[]} selectedElements An array of the selected Elements
+        */
+        var extResult = runExtensions('mouseDown', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseDown} */{
+          event: evt,
+          start_x: startX,
+          start_y: startY,
+          selectedElements: selectedElements
+        }, true);
+
+        $$9.each(extResult, function (i, r) {
+          if (r && r.started) {
+            started = true;
+          }
+        });
+      };
+
+      // in this function we do not record any state changes yet (but we do update
+      // any elements that are still being created, moved or resized on the canvas)
+      /**
+       *
+       * @param {MouseEvent} evt
+       * @fires module:svgcanvas.SvgCanvas#event:transition
+       * @fires module:svgcanvas.SvgCanvas#event:ext-mouseMove
+       * @returns {undefined}
+       */
+      var mouseMove = function mouseMove(evt) {
+        if (!started) {
+          return;
+        }
+        if (evt.button === 1 || canvas.spaceKey) {
+          return;
+        }
+
+        var i = void 0,
+            xya = void 0,
+            c = void 0,
+            cx = void 0,
+            cy = void 0,
+            dx = void 0,
+            dy = void 0,
+            len = void 0,
+            angle = void 0,
+            box = void 0,
+            selected = selectedElements[0];
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+            mouseX = pt.x * currentZoom,
+            mouseY = pt.y * currentZoom,
+            shape = getElem(getId());
+
+        var realX = mouseX / currentZoom;
+        var x = realX;
+        var realY = mouseY / currentZoom;
+        var y = realY;
+
+        if (curConfig.gridSnapping) {
+          x = snapToGrid(x);
+          y = snapToGrid(y);
+        }
+
+        evt.preventDefault();
+        var tlist = void 0;
+        switch (currentMode) {
+          case 'select':
+            {
+              // we temporarily use a translate on the element(s) being dragged
+              // this transform is removed upon mousing up and the element is
+              // relocated to the new location
+              if (selectedElements[0] !== null) {
+                dx = x - startX;
+                dy = y - startY;
+
+                if (curConfig.gridSnapping) {
+                  dx = snapToGrid(dx);
+                  dy = snapToGrid(dy);
+                }
+
+                if (evt.shiftKey) {
+                  xya = snapToAngle(startX, startY, x, y);
+                  var _xya = xya;
+                  x = _xya.x;
+                  y = _xya.y;
+                }
+
+                if (dx !== 0 || dy !== 0) {
+                  len = selectedElements.length;
+                  for (i = 0; i < len; ++i) {
+                    selected = selectedElements[i];
+                    if (selected == null) {
+                      break;
+                    }
+                    // if (i === 0) {
+                    //   const box = utilsGetBBox(selected);
+                    //     selectedBBoxes[i].x = box.x + dx;
+                    //     selectedBBoxes[i].y = box.y + dy;
+                    // }
+
+                    // update the dummy transform in our transform list
+                    // to be a translate
+                    var xform = svgroot.createSVGTransform();
+                    tlist = getTransformList(selected);
+                    // Note that if Webkit and there's no ID for this
+                    // element, the dummy transform may have gotten lost.
+                    // This results in unexpected behaviour
+
+                    xform.setTranslate(dx, dy);
+                    if (tlist.numberOfItems) {
+                      tlist.replaceItem(xform, 0);
+                    } else {
+                      tlist.appendItem(xform);
+                    }
+
+                    // update our internal bbox that we're tracking while dragging
+                    selectorManager.requestSelector(selected).resize();
+                  }
+
+                  call('transition', selectedElements);
+                }
+              }
+              break;
+            }case 'multiselect':
+            {
+              realX *= currentZoom;
+              realY *= currentZoom;
+              assignAttributes(rubberBox, {
+                x: Math.min(rStartX, realX),
+                y: Math.min(rStartY, realY),
+                width: Math.abs(realX - rStartX),
+                height: Math.abs(realY - rStartY)
+              }, 100);
+
+              // for each selected:
+              // - if newList contains selected, do nothing
+              // - if newList doesn't contain selected, remove it from selected
+              // - for any newList that was not in selectedElements, add it to selected
+              var elemsToRemove = selectedElements.slice(),
+                  elemsToAdd = [],
+                  newList = getIntersectionList();
+
+              // For every element in the intersection, add if not present in selectedElements.
+              len = newList.length;
+              for (i = 0; i < len; ++i) {
+                var intElem = newList[i];
+                // Found an element that was not selected before, so we should add it.
+                if (!selectedElements.includes(intElem)) {
+                  elemsToAdd.push(intElem);
+                }
+                // Found an element that was already selected, so we shouldn't remove it.
+                var foundInd = elemsToRemove.indexOf(intElem);
+                if (foundInd !== -1) {
+                  elemsToRemove.splice(foundInd, 1);
+                }
+              }
+
+              if (elemsToRemove.length > 0) {
+                canvas.removeFromSelection(elemsToRemove);
+              }
+
+              if (elemsToAdd.length > 0) {
+                canvas.addToSelection(elemsToAdd);
+              }
+
+              break;
+            }case 'resize':
+            {
+              // we track the resize bounding box and translate/scale the selected element
+              // while the mouse is down, when mouse goes up, we use this to recalculate
+              // the shape's coordinates
+              tlist = getTransformList(selected);
+              var hasMatrix = hasMatrixTransform(tlist);
+              box = hasMatrix ? initBbox : getBBox(selected);
+              var left = box.x,
+                  top = box.y,
+                  _box = box,
+                  width = _box.width,
+                  height = _box.height;
+
+              dx = x - startX;
+              dy = y - startY;
+
+              if (curConfig.gridSnapping) {
+                dx = snapToGrid(dx);
+                dy = snapToGrid(dy);
+                height = snapToGrid(height);
+                width = snapToGrid(width);
+              }
+
+              // if rotated, adjust the dx,dy values
+              angle = getRotationAngle(selected);
+              if (angle) {
+                var r = Math.sqrt(dx * dx + dy * dy),
+                    theta = Math.atan2(dy, dx) - angle * Math.PI / 180.0;
+                dx = r * Math.cos(theta);
+                dy = r * Math.sin(theta);
+              }
+
+              // if not stretching in y direction, set dy to 0
+              // if not stretching in x direction, set dx to 0
+              if (!currentResizeMode.includes('n') && !currentResizeMode.includes('s')) {
+                dy = 0;
+              }
+              if (!currentResizeMode.includes('e') && !currentResizeMode.includes('w')) {
+                dx = 0;
+              }
+
+              var // ts = null,
+              tx = 0,
+                  ty = 0,
+                  sy = height ? (height + dy) / height : 1,
+                  sx = width ? (width + dx) / width : 1;
+              // if we are dragging on the north side, then adjust the scale factor and ty
+              if (currentResizeMode.includes('n')) {
+                sy = height ? (height - dy) / height : 1;
+                ty = height;
+              }
+
+              // if we dragging on the east side, then adjust the scale factor and tx
+              if (currentResizeMode.includes('w')) {
+                sx = width ? (width - dx) / width : 1;
+                tx = width;
+              }
+
+              // update the transform list with translate,scale,translate
+              var translateOrigin = svgroot.createSVGTransform(),
+                  scale = svgroot.createSVGTransform(),
+                  translateBack = svgroot.createSVGTransform();
+
+              if (curConfig.gridSnapping) {
+                left = snapToGrid(left);
+                tx = snapToGrid(tx);
+                top = snapToGrid(top);
+                ty = snapToGrid(ty);
+              }
+
+              translateOrigin.setTranslate(-(left + tx), -(top + ty));
+              if (evt.shiftKey) {
+                if (sx === 1) {
+                  sx = sy;
+                } else {
+                  sy = sx;
+                }
+              }
+              scale.setScale(sx, sy);
+
+              translateBack.setTranslate(left + tx, top + ty);
+              if (hasMatrix) {
+                var diff = angle ? 1 : 0;
+                tlist.replaceItem(translateOrigin, 2 + diff);
+                tlist.replaceItem(scale, 1 + diff);
+                tlist.replaceItem(translateBack, Number(diff));
+              } else {
+                var N = tlist.numberOfItems;
+                tlist.replaceItem(translateBack, N - 3);
+                tlist.replaceItem(scale, N - 2);
+                tlist.replaceItem(translateOrigin, N - 1);
+              }
+
+              selectorManager.requestSelector(selected).resize();
+
+              call('transition', selectedElements);
+
+              break;
+            }case 'zoom':
+            {
+              realX *= currentZoom;
+              realY *= currentZoom;
+              assignAttributes(rubberBox, {
+                x: Math.min(rStartX * currentZoom, realX),
+                y: Math.min(rStartY * currentZoom, realY),
+                width: Math.abs(realX - rStartX * currentZoom),
+                height: Math.abs(realY - rStartY * currentZoom)
+              }, 100);
+              break;
+            }case 'text':
+            {
+              assignAttributes(shape, {
+                x: x,
+                y: y
+              }, 1000);
+              break;
+            }case 'line':
+            {
+              if (curConfig.gridSnapping) {
+                x = snapToGrid(x);
+                y = snapToGrid(y);
+              }
+
+              var x2 = x;
+              var y2 = y;
+
+              if (evt.shiftKey) {
+                xya = snapToAngle(startX, startY, x2, y2);
+                x2 = xya.x;
+                y2 = xya.y;
+              }
+
+              shape.setAttributeNS(null, 'x2', x2);
+              shape.setAttributeNS(null, 'y2', y2);
+              break;
+            }case 'foreignObject':
+          // fall through
+          case 'square':
+          // fall through
+          case 'rect':
+          // fall through
+          case 'image':
+            {
+              var square = currentMode === 'square' || evt.shiftKey;
+              var w = Math.abs(x - startX),
+                  h = Math.abs(y - startY);
+              var newX = void 0,
+                  newY = void 0;
+              if (square) {
+                w = h = Math.max(w, h);
+                newX = startX < x ? startX : startX - w;
+                newY = startY < y ? startY : startY - h;
+              } else {
+                newX = Math.min(startX, x);
+                newY = Math.min(startY, y);
+              }
+
+              if (curConfig.gridSnapping) {
+                w = snapToGrid(w);
+                h = snapToGrid(h);
+                newX = snapToGrid(newX);
+                newY = snapToGrid(newY);
+              }
+
+              assignAttributes(shape, {
+                width: w,
+                height: h,
+                x: newX,
+                y: newY
+              }, 1000);
+
+              break;
+            }case 'circle':
+            {
+              c = $$9(shape).attr(['cx', 'cy']);
+              var _c = c;
+              cx = _c.cx;
+              cy = _c.cy;
+
+              var rad = Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy));
+              if (curConfig.gridSnapping) {
+                rad = snapToGrid(rad);
+              }
+              shape.setAttributeNS(null, 'r', rad);
+              break;
+            }case 'ellipse':
+            {
+              c = $$9(shape).attr(['cx', 'cy']);
+              var _c2 = c;
+              cx = _c2.cx;
+              cy = _c2.cy;
+
+              if (curConfig.gridSnapping) {
+                x = snapToGrid(x);
+                cx = snapToGrid(cx);
+                y = snapToGrid(y);
+                cy = snapToGrid(cy);
+              }
+              shape.setAttributeNS(null, 'rx', Math.abs(x - cx));
+              var ry = Math.abs(evt.shiftKey ? x - cx : y - cy);
+              shape.setAttributeNS(null, 'ry', ry);
+              break;
+            }
+          case 'fhellipse':
+          case 'fhrect':
+            {
+              freehand.minx = Math.min(realX, freehand.minx);
+              freehand.maxx = Math.max(realX, freehand.maxx);
+              freehand.miny = Math.min(realY, freehand.miny);
+              freehand.maxy = Math.max(realY, freehand.maxy);
+            }
+          // Fallthrough
+          case 'fhpath':
+            {
+              // dAttr += + realX + ',' + realY + ' ';
+              // shape.setAttributeNS(null, 'points', dAttr);
+              end.x = realX;end.y = realY;
+              if (controllPoint2.x && controllPoint2.y) {
+                for (i = 0; i < STEP_COUNT - 1; i++) {
+                  parameter = i / STEP_COUNT;
+                  nextParameter = (i + 1) / STEP_COUNT;
+                  bSpline = getBsplinePoint(nextParameter);
+                  nextPos = bSpline;
+                  bSpline = getBsplinePoint(parameter);
+                  sumDistance += Math.sqrt((nextPos.x - bSpline.x) * (nextPos.x - bSpline.x) + (nextPos.y - bSpline.y) * (nextPos.y - bSpline.y));
+                  if (sumDistance > THRESHOLD_DIST) {
+                    sumDistance -= THRESHOLD_DIST;
+
+                    // Faster than completely re-writing the points attribute.
+                    var point = svgcontent.createSVGPoint();
+                    point.x = bSpline.x;
+                    point.y = bSpline.y;
+                    shape.points.appendItem(point);
+                  }
+                }
+              }
+              controllPoint2 = { x: controllPoint1.x, y: controllPoint1.y };
+              controllPoint1 = { x: start.x, y: start.y };
+              start = { x: end.x, y: end.y };
+              break;
+              // update path stretch line coordinates
+            }case 'path':
+
+          // fall through
+          case 'pathedit':
+            {
+              x *= currentZoom;
+              y *= currentZoom;
+
+              if (curConfig.gridSnapping) {
+                x = snapToGrid(x);
+                y = snapToGrid(y);
+                startX = snapToGrid(startX);
+                startY = snapToGrid(startY);
+              }
+              if (evt.shiftKey) {
+                var path$$1 = path;
+
+                var x1 = void 0,
+                    y1 = void 0;
+                if (path$$1) {
+                  x1 = path$$1.dragging ? path$$1.dragging[0] : startX;
+                  y1 = path$$1.dragging ? path$$1.dragging[1] : startY;
+                } else {
+                  x1 = startX;
+                  y1 = startY;
+                }
+                xya = snapToAngle(x1, y1, x, y);
+                var _xya2 = xya;
+                x = _xya2.x;
+                y = _xya2.y;
+              }
+
+              if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+                realX *= currentZoom;
+                realY *= currentZoom;
+                assignAttributes(rubberBox, {
+                  x: Math.min(rStartX * currentZoom, realX),
+                  y: Math.min(rStartY * currentZoom, realY),
+                  width: Math.abs(realX - rStartX * currentZoom),
+                  height: Math.abs(realY - rStartY * currentZoom)
+                }, 100);
+              }
+              pathActions$$1.mouseMove(x, y);
+
+              break;
+            }case 'textedit':
+            {
+              x *= currentZoom;
+              y *= currentZoom;
+              // if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+              //   assignAttributes(rubberBox, {
+              //     x: Math.min(startX, x),
+              //     y: Math.min(startY, y),
+              //     width: Math.abs(x - startX),
+              //     height: Math.abs(y - startY)
+              //   }, 100);
+              // }
+
+              textActions.mouseMove(mouseX, mouseY);
+
+              break;
+            }case 'rotate':
+            {
+              box = getBBox(selected);
+              cx = box.x + box.width / 2;
+              cy = box.y + box.height / 2;
+              var m = getMatrix(selected),
+                  center = transformPoint(cx, cy, m);
+              cx = center.x;
+              cy = center.y;
+              angle = (Math.atan2(cy - y, cx - x) * (180 / Math.PI) - 90) % 360;
+              if (curConfig.gridSnapping) {
+                angle = snapToGrid(angle);
+              }
+              if (evt.shiftKey) {
+                // restrict rotations to nice angles (WRS)
+                var snap = 45;
+                angle = Math.round(angle / snap) * snap;
+              }
+
+              canvas.setRotationAngle(angle < -180 ? 360 + angle : angle, true);
+              call('transition', selectedElements);
+              break;
+            }default:
+            break;
+        }
+
+        /**
+        * The mouse has moved on the canvas area
+        * @event module:svgcanvas.SvgCanvas#event:ext-mouseMove
+        * @type {PlainObject}
+        * @property {MouseEvent} event The event object
+        * @property {Float} mouse_x x coordinate on canvas
+        * @property {Float} mouse_y y coordinate on canvas
+        * @property {Element} selected Refers to the first selected element
+        */
+        runExtensions('mouseMove', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseMove} */{
+          event: evt,
+          mouse_x: mouseX,
+          mouse_y: mouseY,
+          selected: selected
+        });
+      }; // mouseMove()
+
+      // - in create mode, the element's opacity is set properly, we create an InsertElementCommand
+      // and store it on the Undo stack
+      // - in move/resize mode, the element's attributes which were affected by the move/resize are
+      // identified, a ChangeElementCommand is created and stored on the stack for those attrs
+      // this is done in when we recalculate the selected dimensions()
+      /**
+       *
+       * @param {MouseEvent} evt
+       * @fires module:svgcanvas.SvgCanvas#event:zoomed
+       * @fires module:svgcanvas.SvgCanvas#event:changed
+       * @fires module:svgcanvas.SvgCanvas#event:ext-mouseUp
+       * @returns {undefined}
+       */
+      var mouseUp = function mouseUp(evt) {
+        if (evt.button === 2) {
+          return;
+        }
+        var tempJustSelected = justSelected;
+        justSelected = null;
+        if (!started) {
+          return;
+        }
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+            mouseX = pt.x * currentZoom,
+            mouseY = pt.y * currentZoom,
+            x = mouseX / currentZoom,
+            y = mouseY / currentZoom;
+
+        var element = getElem(getId());
+        var keep = false;
+
+        var realX = x;
+        var realY = y;
+        started = false;
+        var attrs = void 0,
+            t = void 0;
+        switch (currentMode) {
+          // intentionally fall-through to select here
+          case 'resize':
+          case 'multiselect':
+            if (rubberBox != null) {
+              rubberBox.setAttribute('display', 'none');
+              curBBoxes = [];
+            }
+            currentMode = 'select';
+          // Fallthrough
+          case 'select':
+            if (selectedElements[0] != null) {
+              // if we only have one selected element
+              if (selectedElements[1] == null) {
+                // set our current stroke/fill properties to the element's
+                var selected = selectedElements[0];
+                switch (selected.tagName) {
+                  case 'g':
+                  case 'use':
+                  case 'image':
+                  case 'foreignObject':
+                    break;
+                  default:
+                    curProperties.fill = selected.getAttribute('fill');
+                    curProperties.fill_opacity = selected.getAttribute('fill-opacity');
+                    curProperties.stroke = selected.getAttribute('stroke');
+                    curProperties.stroke_opacity = selected.getAttribute('stroke-opacity');
+                    curProperties.stroke_width = selected.getAttribute('stroke-width');
+                    curProperties.stroke_dasharray = selected.getAttribute('stroke-dasharray');
+                    curProperties.stroke_linejoin = selected.getAttribute('stroke-linejoin');
+                    curProperties.stroke_linecap = selected.getAttribute('stroke-linecap');
+                }
+
+                if (selected.tagName === 'text') {
+                  curText.font_size = selected.getAttribute('font-size');
+                  curText.font_family = selected.getAttribute('font-family');
+                }
+                selectorManager.requestSelector(selected).showGrips(true);
+
+                // This shouldn't be necessary as it was done on mouseDown...
+                // call('selected', [selected]);
+              }
+              // always recalculate dimensions to strip off stray identity transforms
+              recalculateAllSelectedDimensions();
+              // if it was being dragged/resized
+              if (realX !== rStartX || realY !== rStartY) {
+                var len = selectedElements.length;
+                for (var i = 0; i < len; ++i) {
+                  if (selectedElements[i] == null) {
+                    break;
+                  }
+                  if (!selectedElements[i].firstChild) {
+                    // Not needed for groups (incorrectly resizes elems), possibly not needed at all?
+                    selectorManager.requestSelector(selectedElements[i]).resize();
+                  }
+                }
+                // no change in position/size, so maybe we should move to pathedit
+              } else {
+                t = evt.target;
+                if (selectedElements[0].nodeName === 'path' && selectedElements[1] == null) {
+                  pathActions$$1.select(selectedElements[0]);
+                  // if it was a path
+                  // else, if it was selected and this is a shift-click, remove it from selection
+                } else if (evt.shiftKey) {
+                  if (tempJustSelected !== t) {
+                    canvas.removeFromSelection([t]);
+                  }
+                }
+              } // no change in mouse position
+
+              // Remove non-scaling stroke
+              if (supportsNonScalingStroke()) {
+                var elem = selectedElements[0];
+                if (elem) {
+                  elem.removeAttribute('style');
+                  walkTree(elem, function (elem) {
+                    elem.removeAttribute('style');
+                  });
+                }
+              }
+            }
+            return;
+          case 'zoom':
+            if (rubberBox != null) {
+              rubberBox.setAttribute('display', 'none');
+            }
+            var factor = evt.shiftKey ? 0.5 : 2;
+            call('zoomed', {
+              x: Math.min(rStartX, realX),
+              y: Math.min(rStartY, realY),
+              width: Math.abs(realX - rStartX),
+              height: Math.abs(realY - rStartY),
+              factor: factor
+            });
+            return;
+          case 'fhpath':
+            // Check that the path contains at least 2 points; a degenerate one-point path
+            // causes problems.
+            // Webkit ignores how we set the points attribute with commas and uses space
+            // to separate all coordinates, see https://bugs.webkit.org/show_bug.cgi?id=29870
+            sumDistance = 0;
+            controllPoint2 = { x: 0, y: 0 };
+            controllPoint1 = { x: 0, y: 0 };
+            start = { x: 0, y: 0 };
+            end = { x: 0, y: 0 };
+            var coords = element.getAttribute('points');
+            var commaIndex = coords.indexOf(',');
+            if (commaIndex >= 0) {
+              keep = coords.indexOf(',', commaIndex + 1) >= 0;
+            } else {
+              keep = coords.indexOf(' ', coords.indexOf(' ') + 1) >= 0;
+            }
+            if (keep) {
+              element = pathActions$$1.smoothPolylineIntoPath(element);
+            }
+            break;
+          case 'line':
+            attrs = $$9(element).attr(['x1', 'x2', 'y1', 'y2']);
+            keep = attrs.x1 !== attrs.x2 || attrs.y1 !== attrs.y2;
+            break;
+          case 'foreignObject':
+          case 'square':
+          case 'rect':
+          case 'image':
+            attrs = $$9(element).attr(['width', 'height']);
+            // Image should be kept regardless of size (use inherit dimensions later)
+            keep = attrs.width || attrs.height || currentMode === 'image';
+            break;
+          case 'circle':
+            keep = element.getAttribute('r') !== '0';
+            break;
+          case 'ellipse':
+            attrs = $$9(element).attr(['rx', 'ry']);
+            keep = attrs.rx || attrs.ry;
+            break;
+          case 'fhellipse':
+            if (freehand.maxx - freehand.minx > 0 && freehand.maxy - freehand.miny > 0) {
+              element = addSVGElementFromJson({
+                element: 'ellipse',
+                curStyles: true,
+                attr: {
+                  cx: (freehand.minx + freehand.maxx) / 2,
+                  cy: (freehand.miny + freehand.maxy) / 2,
+                  rx: (freehand.maxx - freehand.minx) / 2,
+                  ry: (freehand.maxy - freehand.miny) / 2,
+                  id: getId()
+                }
+              });
+              call('changed', [element]);
+              keep = true;
+            }
+            break;
+          case 'fhrect':
+            if (freehand.maxx - freehand.minx > 0 && freehand.maxy - freehand.miny > 0) {
+              element = addSVGElementFromJson({
+                element: 'rect',
+                curStyles: true,
+                attr: {
+                  x: freehand.minx,
+                  y: freehand.miny,
+                  width: freehand.maxx - freehand.minx,
+                  height: freehand.maxy - freehand.miny,
+                  id: getId()
+                }
+              });
+              call('changed', [element]);
+              keep = true;
+            }
+            break;
+          case 'text':
+            keep = true;
+            selectOnly([element]);
+            textActions.start(element);
+            break;
+          case 'path':
+            // set element to null here so that it is not removed nor finalized
+            element = null;
+            // continue to be set to true so that mouseMove happens
+            started = true;
+
+            var res = pathActions$$1.mouseUp(evt, element, mouseX, mouseY);
+            element = res.element;
+            keep = res.keep;
+
+            break;
+          case 'pathedit':
+            keep = true;
+            element = null;
+            pathActions$$1.mouseUp(evt);
+            break;
+          case 'textedit':
+            keep = false;
+            element = null;
+            textActions.mouseUp(evt, mouseX, mouseY);
+            break;
+          case 'rotate':
+            keep = true;
+            element = null;
+            currentMode = 'select';
+            var batchCmd = canvas.undoMgr.finishUndoableChange();
+            if (!batchCmd.isEmpty()) {
+              addCommandToHistory(batchCmd);
+            }
+            // perform recalculation to weed out any stray identity transforms that might get stuck
+            recalculateAllSelectedDimensions();
+            call('changed', selectedElements);
+            break;
+          default:
+            // This could occur in an extension
+            break;
+        }
+
+        /**
+        * The main (left) mouse button is released (anywhere)
+        * @event module:svgcanvas.SvgCanvas#event:ext-mouseUp
+        * @type {PlainObject}
+        * @property {MouseEvent} event The event object
+        * @property {Float} mouse_x x coordinate on canvas
+        * @property {Float} mouse_y y coordinate on canvas
+        */
+        var extResult = runExtensions('mouseUp', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseUp} */{
+          event: evt,
+          mouse_x: mouseX,
+          mouse_y: mouseY
+        }, true);
+
+        $$9.each(extResult, function (i, r) {
+          if (r) {
+            keep = r.keep || keep;
+            element = r.element;
+
+            started = r.started || started;
+          }
+        });
+
+        if (!keep && element != null) {
+          getCurrentDrawing().releaseId(getId());
+          element.remove();
+          element = null;
+
+          t = evt.target;
+
+          // if this element is in a group, go up until we reach the top-level group
+          // just below the layer groups
+          // TODO: once we implement links, we also would have to check for <a> elements
+          while (t && t.parentNode && t.parentNode.parentNode && t.parentNode.parentNode.tagName === 'g') {
+            t = t.parentNode;
+          }
+          // if we are not in the middle of creating a path, and we've clicked on some shape,
+          // then go to Select mode.
+          // WebKit returns <div> when the canvas is clicked, Firefox/Opera return <svg>
+          if ((currentMode !== 'path' || !drawnPath) && t && t.parentNode && t.parentNode.id !== 'selectorParentGroup' && t.id !== 'svgcanvas' && t.id !== 'svgroot') {
+            // switch into "select" mode if we've clicked on an element
+            canvas.setMode('select');
+            selectOnly([t], true);
+          }
+        } else if (element != null) {
+          /**
+          * @name module:svgcanvas.SvgCanvas#addedNew
+          * @type {boolean}
+          */
+          canvas.addedNew = true;
+
+          var aniDur = 0.2;
+          var cAni = void 0;
+          if (opacAni.beginElement && parseFloat(element.getAttribute('opacity')) !== curShape.opacity) {
+            cAni = $$9(opacAni).clone().attr({
+              to: curShape.opacity,
+              dur: aniDur
+            }).appendTo(element);
+            try {
+              // Fails in FF4 on foreignObject
+              cAni[0].beginElement();
+            } catch (e) {}
+          } else {
+            aniDur = 0;
+          }
+
+          // Ideally this would be done on the endEvent of the animation,
+          // but that doesn't seem to be supported in Webkit
+          setTimeout(function () {
+            if (cAni) {
+              cAni.remove();
+            }
+            element.setAttribute('opacity', curShape.opacity);
+            element.setAttribute('style', 'pointer-events:inherit');
+            cleanupElement(element);
+            if (currentMode === 'path') {
+              pathActions$$1.toEditMode(element);
+            } else if (curConfig.selectNew) {
+              selectOnly([element], true);
+            }
+            // we create the insert command that is stored on the stack
+            // undo means to call cmd.unapply(), redo means to call cmd.apply()
+            addCommandToHistory(new InsertElementCommand$1(element));
+
+            call('changed', [element]);
+          }, aniDur * 1000);
+        }
+
+        startTransform = null;
+      };
+
+      var dblClick = function dblClick(evt) {
+        var evtTarget = evt.target;
+        var parent = evtTarget.parentNode;
+
+        // Do nothing if already in current group
+        if (parent === currentGroup) {
+          return;
+        }
+
+        var mouseTarget = getMouseTarget(evt);
+        var _mouseTarget = mouseTarget,
+            tagName = _mouseTarget.tagName;
+
+
+        if (tagName === 'text' && currentMode !== 'textedit') {
+          var pt = transformPoint(evt.pageX, evt.pageY, rootSctm);
+          textActions.select(mouseTarget, pt.x, pt.y);
+        }
+
+        if ((tagName === 'g' || tagName === 'a') && getRotationAngle(mouseTarget)) {
+          // TODO: Allow method of in-group editing without having to do
+          // this (similar to editing rotated paths)
+
+          // Ungroup and regroup
+          pushGroupProperties(mouseTarget);
+          mouseTarget = selectedElements[0];
+          clearSelection(true);
+        }
+        // Reset context
+        if (currentGroup) {
+          leaveContext();
+        }
+
+        if (parent.tagName !== 'g' && parent.tagName !== 'a' || parent === getCurrentDrawing().getCurrentLayer() || mouseTarget === selectorManager.selectorParentGroup) {
+          // Escape from in-group edit
+          return;
+        }
+        setContext(mouseTarget);
+      };
+
+      // prevent links from being followed in the canvas
+      var handleLinkInCanvas = function handleLinkInCanvas(e) {
+        e.preventDefault();
+        return false;
+      };
+
+      // Added mouseup to the container here.
+      // TODO(codedread): Figure out why after the Closure compiler, the window mouseup is ignored.
+      $$9(container).mousedown(mouseDown).mousemove(mouseMove).click(handleLinkInCanvas).dblclick(dblClick).mouseup(mouseUp);
+      // $(window).mouseup(mouseUp);
+
+      // TODO(rafaelcastrocouto): User preference for shift key and zoom factor
+      $$9(container).bind('mousewheel DOMMouseScroll',
+      /**
+       * @param {Event} e
+       * @fires module:svgcanvas.SvgCanvas#event:updateCanvas
+       * @fires module:svgcanvas.SvgCanvas#event:zoomDone
+       * @returns {undefined}
+       */
+      function (e) {
+        if (!e.shiftKey) {
+          return;
+        }
+
+        e.preventDefault();
+        var evt = e.originalEvent;
+
+        rootSctm = $$9('#svgcontent g')[0].getScreenCTM().inverse();
+
+        var workarea = $$9('#workarea');
+        var scrbar = 15;
+        var rulerwidth = curConfig.showRulers ? 16 : 0;
+
+        // mouse relative to content area in content pixels
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm);
+
+        // full work area width in screen pixels
+        var editorFullW = workarea.width();
+        var editorFullH = workarea.height();
+
+        // work area width minus scroll and ruler in screen pixels
+        var editorW = editorFullW - scrbar - rulerwidth;
+        var editorH = editorFullH - scrbar - rulerwidth;
+
+        // work area width in content pixels
+        var workareaViewW = editorW * rootSctm.a;
+        var workareaViewH = editorH * rootSctm.d;
+
+        // content offset from canvas in screen pixels
+        var wOffset = workarea.offset();
+        var wOffsetLeft = wOffset['left'] + rulerwidth;
+        var wOffsetTop = wOffset['top'] + rulerwidth;
+
+        var delta = evt.wheelDelta ? evt.wheelDelta : evt.detail ? -evt.detail : 0;
+        if (!delta) {
+          return;
+        }
+
+        var factor = Math.max(3 / 4, Math.min(4 / 3, delta));
+
+        var wZoom = void 0,
+            hZoom = void 0;
+        if (factor > 1) {
+          wZoom = Math.ceil(editorW / workareaViewW * factor * 100) / 100;
+          hZoom = Math.ceil(editorH / workareaViewH * factor * 100) / 100;
+        } else {
+          wZoom = Math.floor(editorW / workareaViewW * factor * 100) / 100;
+          hZoom = Math.floor(editorH / workareaViewH * factor * 100) / 100;
+        }
+        var zoomlevel = Math.min(wZoom, hZoom);
+        zoomlevel = Math.min(10, Math.max(0.01, zoomlevel));
+        if (zoomlevel === currentZoom) {
+          return;
+        }
+        factor = zoomlevel / currentZoom;
+
+        // top left of workarea in content pixels before zoom
+        var topLeftOld = transformPoint(wOffsetLeft, wOffsetTop, rootSctm);
+
+        // top left of workarea in content pixels after zoom
+        var topLeftNew = {
+          x: pt.x - (pt.x - topLeftOld.x) / factor,
+          y: pt.y - (pt.y - topLeftOld.y) / factor
+        };
+
+        // top left of workarea in canvas pixels relative to content after zoom
+        var topLeftNewCanvas = {
+          x: topLeftNew.x * zoomlevel,
+          y: topLeftNew.y * zoomlevel
+        };
+
+        // new center in canvas pixels
+        var newCtr = {
+          x: topLeftNewCanvas.x - rulerwidth + editorFullW / 2,
+          y: topLeftNewCanvas.y - rulerwidth + editorFullH / 2
+        };
+
+        canvas.setZoom(zoomlevel);
+        $$9('#zoom').val((zoomlevel * 100).toFixed(1));
+
+        call('updateCanvas', { center: false, newCtr: newCtr });
+        call('zoomDone');
+      });
+    })();
+
+    /**
+    * Group: Text edit functions
+    * Functions relating to editing text elements
+    * @namespace {PlainObject} textActions
+    * @memberof module:svgcanvas.SvgCanvas#
+    */
+    var textActions = canvas.textActions = function () {
+      var curtext = void 0;
+      var textinput = void 0;
+      var cursor = void 0;
+      var selblock = void 0;
+      var blinker = void 0;
+      var chardata = [];
+      var textbb = void 0; // , transbb;
+      var matrix = void 0;
+      var lastX = void 0,
+          lastY = void 0;
+      var allowDbl = void 0;
+
+      function setCursor(index) {
+        var empty = textinput.value === '';
+        $$9(textinput).focus();
+
+        if (!arguments.length) {
+          if (empty) {
+            index = 0;
+          } else {
+            if (textinput.selectionEnd !== textinput.selectionStart) {
+              return;
+            }
+            index = textinput.selectionEnd;
+          }
+        }
+
+        var charbb = chardata[index];
+        if (!empty) {
+          textinput.setSelectionRange(index, index);
+        }
+        cursor = getElem('text_cursor');
+        if (!cursor) {
+          cursor = document.createElementNS(NS.SVG, 'line');
+          assignAttributes(cursor, {
+            id: 'text_cursor',
+            stroke: '#333',
+            'stroke-width': 1
+          });
+          cursor = getElem('selectorParentGroup').appendChild(cursor);
+        }
+
+        if (!blinker) {
+          blinker = setInterval(function () {
+            var show = cursor.getAttribute('display') === 'none';
+            cursor.setAttribute('display', show ? 'inline' : 'none');
+          }, 600);
+        }
+
+        var startPt = ptToScreen(charbb.x, textbb.y);
+        var endPt = ptToScreen(charbb.x, textbb.y + textbb.height);
+
+        assignAttributes(cursor, {
+          x1: startPt.x,
+          y1: startPt.y,
+          x2: endPt.x,
+          y2: endPt.y,
+          visibility: 'visible',
+          display: 'inline'
+        });
+
+        if (selblock) {
+          selblock.setAttribute('d', '');
+        }
+      }
+
+      function setSelection(start, end, skipInput) {
+        if (start === end) {
+          setCursor(end);
+          return;
+        }
+
+        if (!skipInput) {
+          textinput.setSelectionRange(start, end);
+        }
+
+        selblock = getElem('text_selectblock');
+        if (!selblock) {
+          selblock = document.createElementNS(NS.SVG, 'path');
+          assignAttributes(selblock, {
+            id: 'text_selectblock',
+            fill: 'green',
+            opacity: 0.5,
+            style: 'pointer-events:none'
+          });
+          getElem('selectorParentGroup').append(selblock);
+        }
+
+        var startbb = chardata[start];
+        var endbb = chardata[end];
+
+        cursor.setAttribute('visibility', 'hidden');
+
+        var tl = ptToScreen(startbb.x, textbb.y),
+            tr = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y),
+            bl = ptToScreen(startbb.x, textbb.y + textbb.height),
+            br = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y + textbb.height);
+
+        var dstr = 'M' + tl.x + ',' + tl.y + ' L' + tr.x + ',' + tr.y + ' ' + br.x + ',' + br.y + ' ' + bl.x + ',' + bl.y + 'z';
+
+        assignAttributes(selblock, {
+          d: dstr,
+          display: 'inline'
+        });
+      }
+
+      function getIndexFromPoint(mouseX, mouseY) {
+        // Position cursor here
+        var pt = svgroot.createSVGPoint();
+        pt.x = mouseX;
+        pt.y = mouseY;
+
+        // No content, so return 0
+        if (chardata.length === 1) {
+          return 0;
+        }
+        // Determine if cursor should be on left or right of character
+        var charpos = curtext.getCharNumAtPosition(pt);
+        if (charpos < 0) {
+          // Out of text range, look at mouse coords
+          charpos = chardata.length - 2;
+          if (mouseX <= chardata[0].x) {
+            charpos = 0;
+          }
+        } else if (charpos >= chardata.length - 2) {
+          charpos = chardata.length - 2;
+        }
+        var charbb = chardata[charpos];
+        var mid = charbb.x + charbb.width / 2;
+        if (mouseX > mid) {
+          charpos++;
+        }
+        return charpos;
+      }
+
+      function setCursorFromPoint(mouseX, mouseY) {
+        setCursor(getIndexFromPoint(mouseX, mouseY));
+      }
+
+      function setEndSelectionFromPoint(x, y, apply) {
+        var i1 = textinput.selectionStart;
+        var i2 = getIndexFromPoint(x, y);
+
+        var start = Math.min(i1, i2);
+        var end = Math.max(i1, i2);
+        setSelection(start, end, !apply);
+      }
+
+      function screenToPt(xIn, yIn) {
+        var out = {
+          x: xIn,
+          y: yIn
+        };
+
+        out.x /= currentZoom;
+        out.y /= currentZoom;
+
+        if (matrix) {
+          var pt = transformPoint(out.x, out.y, matrix.inverse());
+          out.x = pt.x;
+          out.y = pt.y;
+        }
+
+        return out;
+      }
+
+      function ptToScreen(xIn, yIn) {
+        var out = {
+          x: xIn,
+          y: yIn
+        };
+
+        if (matrix) {
+          var pt = transformPoint(out.x, out.y, matrix);
+          out.x = pt.x;
+          out.y = pt.y;
+        }
+
+        out.x *= currentZoom;
+        out.y *= currentZoom;
+
+        return out;
+      }
+
+      /*
+      // Not currently in use
+      function hideCursor () {
+        if (cursor) {
+          cursor.setAttribute('visibility', 'hidden');
+        }
+      }
+      */
+
+      function selectAll(evt) {
+        setSelection(0, curtext.textContent.length);
+        $$9(this).unbind(evt);
+      }
+
+      function selectWord(evt) {
+        if (!allowDbl || !curtext) {
+          return;
+        }
+
+        var ept = transformPoint(evt.pageX, evt.pageY, rootSctm),
+            mouseX = ept.x * currentZoom,
+            mouseY = ept.y * currentZoom;
+        var pt = screenToPt(mouseX, mouseY);
+
+        var index = getIndexFromPoint(pt.x, pt.y);
+        var str = curtext.textContent;
+        var first = str.substr(0, index).replace(/[a-z0-9]+$/i, '').length;
+        var m = str.substr(index).match(/^[a-z0-9]+/i);
+        var last = (m ? m[0].length : 0) + index;
+        setSelection(first, last);
+
+        // Set tripleclick
+        $$9(evt.target).click(selectAll);
+        setTimeout(function () {
+          $$9(evt.target).unbind('click', selectAll);
+        }, 300);
+      }
+
+      return (/** @lends module:svgcanvas.SvgCanvas#textActions */{
+          /**
+          * @param {Element} target
+          * @param {Float} x
+          * @param {Float} y
+          * @returns {undefined}
+          */
+          select: function select(target, x, y) {
+            curtext = target;
+            textActions.toEditMode(x, y);
+          },
+
+          /**
+          * @param {Element} elem
+          * @returns {undefined}
+          */
+          start: function start(elem) {
+            curtext = elem;
+            textActions.toEditMode();
+          },
+
+          /**
+          * @param {external:MouseEvent} evt
+          * @param {Element} mouseTarget
+          * @param {Float} startX
+          * @param {Float} startY
+          * @returns {undefined}
+          */
+          mouseDown: function mouseDown(evt, mouseTarget, startX, startY) {
+            var pt = screenToPt(startX, startY);
+
+            textinput.focus();
+            setCursorFromPoint(pt.x, pt.y);
+            lastX = startX;
+            lastY = startY;
+
+            // TODO: Find way to block native selection
+          },
+
+          /**
+          * @param {Float} mouseX
+          * @param {Float} mouseY
+          * @returns {undefined}
+          */
+          mouseMove: function mouseMove(mouseX, mouseY) {
+            var pt = screenToPt(mouseX, mouseY);
+            setEndSelectionFromPoint(pt.x, pt.y);
+          },
+
+          /**
+          * @param {external:MouseEvent}
+          * @param {Float} mouseX
+          * @param {Float} mouseY
+          * @returns {undefined}
+          */
+          mouseUp: function mouseUp(evt, mouseX, mouseY) {
+            var pt = screenToPt(mouseX, mouseY);
+
+            setEndSelectionFromPoint(pt.x, pt.y, true);
+
+            // TODO: Find a way to make this work: Use transformed BBox instead of evt.target
+            // if (lastX === mouseX && lastY === mouseY
+            //   && !rectsIntersect(transbb, {x: pt.x, y: pt.y, width: 0, height: 0})) {
+            //   textActions.toSelectMode(true);
+            // }
+
+            if (evt.target !== curtext && mouseX < lastX + 2 && mouseX > lastX - 2 && mouseY < lastY + 2 && mouseY > lastY - 2) {
+              textActions.toSelectMode(true);
+            }
+          },
+
+          /**
+          * @function
+          * @param {Integer} index
+          * @returns {undefined}
+          */
+          setCursor: setCursor,
+          /**
+          * @param {Float} x
+          * @param {Float} y
+          * @returns {undefined}
+          */
+          toEditMode: function toEditMode(x, y) {
+            allowDbl = false;
+            currentMode = 'textedit';
+            selectorManager.requestSelector(curtext).showGrips(false);
+            // Make selector group accept clicks
+            /* const selector = */selectorManager.requestSelector(curtext); // Do we need this? Has side effect of setting lock, so keeping for now, but next line wasn't being used
+            // const sel = selector.selectorRect;
+
+            textActions.init();
+
+            $$9(curtext).css('cursor', 'text');
+
+            // if (supportsEditableText()) {
+            //   curtext.setAttribute('editable', 'simple');
+            //   return;
+            // }
+
+            if (!arguments.length) {
+              setCursor();
+            } else {
+              var pt = screenToPt(x, y);
+              setCursorFromPoint(pt.x, pt.y);
+            }
+
+            setTimeout(function () {
+              allowDbl = true;
+            }, 300);
+          },
+
+          /**
+          * @param {boolean|Element} selectElem
+          * @fires module:svgcanvas.SvgCanvas#event:selected
+          * @returns {undefined}
+          */
+          toSelectMode: function toSelectMode(selectElem) {
+            currentMode = 'select';
+            clearInterval(blinker);
+            blinker = null;
+            if (selblock) {
+              $$9(selblock).attr('display', 'none');
+            }
+            if (cursor) {
+              $$9(cursor).attr('visibility', 'hidden');
+            }
+            $$9(curtext).css('cursor', 'move');
+
+            if (selectElem) {
+              clearSelection();
+              $$9(curtext).css('cursor', 'move');
+
+              call('selected', [curtext]);
+              addToSelection([curtext], true);
+            }
+            if (curtext && !curtext.textContent.length) {
+              // No content, so delete
+              canvas.deleteSelectedElements();
+            }
+
+            $$9(textinput).blur();
+
+            curtext = false;
+
+            // if (supportsEditableText()) {
+            //   curtext.removeAttribute('editable');
+            // }
+          },
+
+          /**
+          * @param {Element} elem
+          * @returns {undefined}
+          */
+          setInputElem: function setInputElem(elem) {
+            textinput = elem;
+            // $(textinput).blur(hideCursor);
+          },
+
+          /**
+          * @returns {undefined}
+          */
+          clear: function clear() {
+            if (currentMode === 'textedit') {
+              textActions.toSelectMode();
+            }
+          },
+
+          /**
+          * @param {Element} inputElem Not in use
+          * @returns {undefined}
+          */
+          init: function init$$1(inputElem) {
+            if (!curtext) {
+              return;
+            }
+            var i = void 0,
+                end = void 0;
+            // if (supportsEditableText()) {
+            //   curtext.select();
+            //   return;
+            // }
+
+            if (!curtext.parentNode) {
+              // Result of the ffClone, need to get correct element
+              curtext = selectedElements[0];
+              selectorManager.requestSelector(curtext).showGrips(false);
+            }
+
+            var str = curtext.textContent;
+            var len = str.length;
+
+            var xform = curtext.getAttribute('transform');
+
+            textbb = getBBox(curtext);
+
+            matrix = xform ? getMatrix(curtext) : null;
+
+            chardata = [];
+            chardata.length = len;
+            textinput.focus();
+
+            $$9(curtext).unbind('dblclick', selectWord).dblclick(selectWord);
+
+            if (!len) {
+              end = { x: textbb.x + textbb.width / 2, width: 0 };
+            }
+
+            for (i = 0; i < len; i++) {
+              var start = curtext.getStartPositionOfChar(i);
+              end = curtext.getEndPositionOfChar(i);
+
+              if (!supportsGoodTextCharPos()) {
+                var offset = canvas.contentW * currentZoom;
+                start.x -= offset;
+                end.x -= offset;
+
+                start.x /= currentZoom;
+                end.x /= currentZoom;
+              }
+
+              // Get a "bbox" equivalent for each character. Uses the
+              // bbox data of the actual text for y, height purposes
+
+              // TODO: Decide if y, width and height are actually necessary
+              chardata[i] = {
+                x: start.x,
+                y: textbb.y, // start.y?
+                width: end.x - start.x,
+                height: textbb.height
+              };
+            }
+
+            // Add a last bbox for cursor at end of text
+            chardata.push({
+              x: end.x,
+              width: 0
+            });
+            setSelection(textinput.selectionStart, textinput.selectionEnd, true);
+          }
+        }
+      );
+    }();
+
+    /**
+    * Group: Serialization
+    */
+
+    /**
+    * Looks at DOM elements inside the `<defs>` to see if they are referred to,
+    * removes them from the DOM if they are not.
+    * @function module:svgcanvas.SvgCanvas#removeUnusedDefElems
+    * @returns {Integer} The number of elements that were removed
+    */
+    var removeUnusedDefElems = this.removeUnusedDefElems = function () {
+      var defs = svgcontent.getElementsByTagNameNS(NS.SVG, 'defs');
+      if (!defs || !defs.length) {
+        return 0;
+      }
+
+      // if (!defs.firstChild) { return; }
+
+      var defelemUses = [];
+      var numRemoved = 0;
+      var attrs = ['fill', 'stroke', 'filter', 'marker-start', 'marker-mid', 'marker-end'];
+      var alen = attrs.length;
+
+      var allEls = svgcontent.getElementsByTagNameNS(NS.SVG, '*');
+      var allLen = allEls.length;
+
+      var i = void 0,
+          j = void 0;
+      for (i = 0; i < allLen; i++) {
+        var el = allEls[i];
+        for (j = 0; j < alen; j++) {
+          var ref = getUrlFromAttr(el.getAttribute(attrs[j]));
+          if (ref) {
+            defelemUses.push(ref.substr(1));
+          }
+        }
+
+        // gradients can refer to other gradients
+        var href = getHref(el);
+        if (href && href.startsWith('#')) {
+          defelemUses.push(href.substr(1));
+        }
+      }
+
+      var defelems = $$9(defs).find('linearGradient, radialGradient, filter, marker, svg, symbol');
+      i = defelems.length;
+      while (i--) {
+        var defelem = defelems[i];
+        var id = defelem.id;
+
+        if (!defelemUses.includes(id)) {
+          // Not found, so remove (but remember)
+          removedElements[id] = defelem;
+          defelem.remove();
+          numRemoved++;
+        }
+      }
+
+      return numRemoved;
+    };
+
+    /**
+    * Main function to set up the SVG content for output
+    * @function module:svgcanvas.SvgCanvas#svgCanvasToString
+    * @returns {string} The SVG image for output
+    */
+    this.svgCanvasToString = function () {
+      // keep calling it until there are none to remove
+      while (removeUnusedDefElems() > 0) {}
+
+      pathActions$$1.clear(true);
+
+      // Keep SVG-Edit comment on top
+      $$9.each(svgcontent.childNodes, function (i, node) {
+        if (i && node.nodeType === 8 && node.data.includes('Created with')) {
+          svgcontent.firstChild.before(node);
+        }
+      });
+
+      // Move out of in-group editing mode
+      if (currentGroup) {
+        leaveContext();
+        selectOnly([currentGroup]);
+      }
+
+      var nakedSvgs = [];
+
+      // Unwrap gsvg if it has no special attributes (only id and style)
+      $$9(svgcontent).find('g:data(gsvg)').each(function () {
+        var attrs = this.attributes;
+        var len = attrs.length;
+        for (var i = 0; i < len; i++) {
+          if (attrs[i].nodeName === 'id' || attrs[i].nodeName === 'style') {
+            len--;
+          }
+        }
+        // No significant attributes, so ungroup
+        if (len <= 0) {
+          var svg = this.firstChild;
+          nakedSvgs.push(svg);
+          $$9(this).replaceWith(svg);
+        }
+      });
+      var output = this.svgToString(svgcontent, 0);
+
+      // Rewrap gsvg
+      if (nakedSvgs.length) {
+        $$9(nakedSvgs).each(function () {
+          groupSvgElem(this);
+        });
+      }
+
+      return output;
+    };
+
+    /**
+    * Sub function ran on each SVG element to convert it to a string as desired
+    * @function module:svgcanvas.SvgCanvas#svgToString
+    * @param {Element} elem - The SVG element to convert
+    * @param {Integer} indent - Number of spaces to indent this tag
+    * @returns {string} The given element as an SVG tag
+    */
+    this.svgToString = function (elem, indent) {
+      var out = [];
+      var unit = curConfig.baseUnit;
+      var unitRe = new RegExp('^-?[\\d\\.]+' + unit + '$');
+
+      if (elem) {
+        cleanupElement(elem);
+        var attrs = Array.from(elem.attributes);
+        var i = void 0;
+        var childs = elem.childNodes;
+        attrs.sort(function (a, b) {
+          return a.name > b.name ? -1 : 1;
+        });
+
+        for (i = 0; i < indent; i++) {
+          out.push(' ');
+        }
+        out.push('<');out.push(elem.nodeName);
+        if (elem.id === 'svgcontent') {
+          // Process root element separately
+          var res = getResolution();
+
+          var vb = '';
+          // TODO: Allow this by dividing all values by current baseVal
+          // Note that this also means we should properly deal with this on import
+          // if (curConfig.baseUnit !== 'px') {
+          //   const unit = curConfig.baseUnit;
+          //   const unitM = getTypeMap()[unit];
+          //   res.w = shortFloat(res.w / unitM);
+          //   res.h = shortFloat(res.h / unitM);
+          //   vb = ' viewBox="' + [0, 0, res.w, res.h].join(' ') + '"';
+          //   res.w += unit;
+          //   res.h += unit;
+          // }
+
+          if (unit !== 'px') {
+            res.w = convertUnit(res.w, unit) + unit;
+            res.h = convertUnit(res.h, unit) + unit;
+          }
+
+          out.push(' width="' + res.w + '" height="' + res.h + '"' + vb + ' xmlns="' + NS.SVG + '"');
+
+          var nsuris = {};
+
+          // Check elements for namespaces, add if found
+          $$9(elem).find('*').andSelf().each(function () {
+            // const el = this;
+            // for some elements have no attribute
+            var uri = this.namespaceURI;
+            if (uri && !nsuris[uri] && nsMap[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {
+              nsuris[uri] = true;
+              out.push(' xmlns:' + nsMap[uri] + '="' + uri + '"');
+            }
+
+            $$9.each(this.attributes, function (i, attr) {
+              var uri = attr.namespaceURI;
+              if (uri && !nsuris[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {
+                nsuris[uri] = true;
+                out.push(' xmlns:' + nsMap[uri] + '="' + uri + '"');
+              }
+            });
+          });
+
+          i = attrs.length;
+          var attrNames = ['width', 'height', 'xmlns', 'x', 'y', 'viewBox', 'id', 'overflow'];
+          while (i--) {
+            var attr = attrs[i];
+            var attrVal = toXml(attr.value);
+
+            // Namespaces have already been dealt with, so skip
+            if (attr.nodeName.startsWith('xmlns:')) {
+              continue;
+            }
+
+            // only serialize attributes we don't use internally
+            if (attrVal !== '' && !attrNames.includes(attr.localName)) {
+              if (!attr.namespaceURI || nsMap[attr.namespaceURI]) {
+                out.push(' ');
+                out.push(attr.nodeName);out.push('="');
+                out.push(attrVal);out.push('"');
+              }
+            }
+          }
+        } else {
+          // Skip empty defs
+          if (elem.nodeName === 'defs' && !elem.firstChild) {
+            return;
+          }
+
+          var mozAttrs = ['-moz-math-font-style', '_moz-math-font-style'];
+          for (i = attrs.length - 1; i >= 0; i--) {
+            var _attr = attrs[i];
+            var _attrVal = toXml(_attr.value);
+            // remove bogus attributes added by Gecko
+            if (mozAttrs.includes(_attr.localName)) {
+              continue;
+            }
+            if (_attrVal !== '') {
+              if (_attrVal.startsWith('pointer-events')) {
+                continue;
+              }
+              if (_attr.localName === 'class' && _attrVal.startsWith('se_')) {
+                continue;
+              }
+              out.push(' ');
+              if (_attr.localName === 'd') {
+                _attrVal = pathActions$$1.convertPath(elem, true);
+              }
+              if (!isNaN(_attrVal)) {
+                _attrVal = shortFloat(_attrVal);
+              } else if (unitRe.test(_attrVal)) {
+                _attrVal = shortFloat(_attrVal) + unit;
+              }
+
+              // Embed images when saving
+              if (saveOptions.apply && elem.nodeName === 'image' && _attr.localName === 'href' && saveOptions.images && saveOptions.images === 'embed') {
+                var img = encodableImages[_attrVal];
+                if (img) {
+                  _attrVal = img;
+                }
+              }
+
+              // map various namespaces to our fixed namespace prefixes
+              // (the default xmlns attribute itself does not get a prefix)
+              if (!_attr.namespaceURI || _attr.namespaceURI === NS.SVG || nsMap[_attr.namespaceURI]) {
+                out.push(_attr.nodeName);out.push('="');
+                out.push(_attrVal);out.push('"');
+              }
+            }
+          }
+        }
+
+        if (elem.hasChildNodes()) {
+          out.push('>');
+          indent++;
+          var bOneLine = false;
+
+          for (i = 0; i < childs.length; i++) {
+            var child = childs.item(i);
+            switch (child.nodeType) {
+              case 1:
+                // element node
+                out.push('\n');
+                out.push(this.svgToString(childs.item(i), indent));
+                break;
+              case 3:
+                // text node
+                var str = child.nodeValue.replace(/^\s+|\s+$/g, '');
+                if (str !== '') {
+                  bOneLine = true;
+                  out.push(String(toXml(str)));
+                }
+                break;
+              case 4:
+                // cdata node
+                out.push('\n');
+                out.push(new Array(indent + 1).join(' '));
+                out.push('<![CDATA[');
+                out.push(child.nodeValue);
+                out.push(']]>');
+                break;
+              case 8:
+                // comment
+                out.push('\n');
+                out.push(new Array(indent + 1).join(' '));
+                out.push('<!--');
+                out.push(child.data);
+                out.push('-->');
+                break;
+            } // switch on node type
+          }
+          indent--;
+          if (!bOneLine) {
+            out.push('\n');
+            for (i = 0; i < indent; i++) {
+              out.push(' ');
+            }
+          }
+          out.push('</');out.push(elem.nodeName);out.push('>');
+        } else {
+          out.push('/>');
+        }
+      }
+      return out.join('');
+    }; // end svgToString()
+
+    /**
+     * Function to run when image data is found
+     * @callback module:svgcanvas.ImageEmbeddedCallback
+     * @param {string|false} result Data URL
+     * @returns {undefined}
+     */
+    /**
+    * Converts a given image file to a data URL when possible, then runs a given callback
+    * @function module:svgcanvas.SvgCanvas#embedImage
+    * @param {string} src - The path/URL of the image
+    * @param {module:svgcanvas.ImageEmbeddedCallback} [callback] - Function to run when image data is found
+    * @returns {Promise} Resolves to Data URL (string|false)
+    */
+    this.embedImage = function (src, callback) {
+      return new Promise(function (resolve, reject) {
+        // load in the image and once it's loaded, get the dimensions
+        $$9(new Image()).load(function (response, status, xhr) {
+          if (status === 'error') {
+            reject(new Error('Error loading image: ' + xhr.status + ' ' + xhr.statusText));
+            return;
+          }
+          // create a canvas the same size as the raster image
+          var cvs = document.createElement('canvas');
+          cvs.width = this.width;
+          cvs.height = this.height;
+          // load the raster image into the canvas
+          cvs.getContext('2d').drawImage(this, 0, 0);
+          // retrieve the data: URL
+          try {
+            var urldata = ';svgedit_url=' + encodeURIComponent(src);
+            urldata = cvs.toDataURL().replace(';base64', urldata + ';base64');
+            encodableImages[src] = urldata;
+          } catch (e) {
+            encodableImages[src] = false;
+          }
+          lastGoodImgUrl = src;
+          if (callback) {
+            callback(encodableImages[src]);
+          }
+          resolve(encodableImages[src]);
+        }).attr('src', src);
+      });
+    };
+
+    /**
+    * Sets a given URL to be a "last good image" URL
+    * @function module:svgcanvas.SvgCanvas#setGoodImage
+    * @param {string} val
+    * @returns {undefined}
+    */
+    this.setGoodImage = function (val) {
+      lastGoodImgUrl = val;
+    };
+
+    /**
+    * Does nothing by default, handled by optional widget/extension
+    * @function module:svgcanvas.SvgCanvas#open
+    * @returns {undefined}
+    */
+    this.open = function () {};
+
+    /**
+    * Serializes the current drawing into SVG XML text and passes it to the 'saved' handler.
+    * This function also includes the XML prolog. Clients of the `SvgCanvas` bind their save
+    * function to the 'saved' event.
+    * @function module:svgcanvas.SvgCanvas#save
+    * @param {module:svgcanvas.SaveOptions} opts
+    * @fires module:svgcanvas.SvgCanvas#event:saved
+    * @returns {undefined}
+    */
+    this.save = function (opts) {
+      // remove the selected outline before serializing
+      clearSelection();
+      // Update save options if provided
+      if (opts) {
+        $$9.extend(saveOptions, opts);
+      }
+      saveOptions.apply = true;
+
+      // no need for doctype, see https://jwatt.org/svg/authoring/#doctype-declaration
+      var str = this.svgCanvasToString();
+      call('saved', str);
+    };
+
+    /**
+    * Codes only is useful for locale-independent detection
+    */
+    function getIssues() {
+      // remove the selected outline before serializing
+      clearSelection();
+
+      // Check for known CanVG issues
+      var issues = [];
+      var issueCodes = [];
+
+      // Selector and notice
+      var issueList = {
+        feGaussianBlur: uiStrings.exportNoBlur,
+        foreignObject: uiStrings.exportNoforeignObject,
+        '[stroke-dasharray]': uiStrings.exportNoDashArray
+      };
+      var content = $$9(svgcontent);
+
+      // Add font/text check if Canvas Text API is not implemented
+      if (!('font' in $$9('<canvas>')[0].getContext('2d'))) {
+        issueList.text = uiStrings.exportNoText;
+      }
+
+      $$9.each(issueList, function (sel, descr) {
+        if (content.find(sel).length) {
+          issueCodes.push(sel);
+          issues.push(descr);
+        }
+      });
+      return { issues: issues, issueCodes: issueCodes };
+    }
+
+    var canvg = void 0;
+    /**
+    * @typedef {"feGaussianBlur"|"foreignObject"|"[stroke-dasharray]"|"text"} module:svgcanvas.IssueCode
+    */
+    /**
+    * @typedef {PlainObject} module:svgcanvas.ImageExportedResults
+    * @property {string} datauri Contents as a Data URL
+    * @property {string} bloburl May be the empty string
+    * @property {string} svg The SVG contents as a string
+    * @property {string[]} issues The localization messages of `issueCodes`
+    * @property {module:svgcanvas.IssueCode[]} issueCodes CanVG issues found with the SVG
+    * @property {"PNG"|"JPEG"|"BMP"|"WEBP"|"ICO"} type The chosen image type
+    * @property {"image/png"|"image/jpeg"|"image/bmp"|"image/webp"} mimeType The image MIME type
+    * @property {Float} quality A decimal between 0 and 1 (for use with JPEG or WEBP)
+    * @property {string} exportWindowName A convenience for passing along a `window.name` to target a window on which the export could be added
+    */
+
+    /**
+     * Function to run when image data is found
+     * @callback module:svgcanvas.ImageExportedCallback
+     * @param {module:svgcanvas.ImageExportedResults} obj
+     * @returns {undefined}
+     */
+    /**
+    * Generates a PNG (or JPG, BMP, WEBP) Data URL based on the current image,
+    * then calls "exported" with an object including the string, image
+    * information, and any issues found
+    * @function module:svgcanvas.SvgCanvas#rasterExport
+    * @param {"PNG"|"JPEG"|"BMP"|"WEBP"|"ICO"} [imgType="PNG"]
+    * @param {Float} [quality] Between 0 and 1
+    * @param {string} [exportWindowName]
+    * @param {module:svgcanvas.ImageExportedCallback} [cb]
+    * @fires module:svgcanvas.SvgCanvas#event:exported
+    * @todo Confirm/fix ICO type
+    * @returns {Promise} Resolves to {@link module:svgcanvas.ImageExportedResults}
+    */
+    this.rasterExport = function (imgType, quality, exportWindowName, cb) {
+      var _this = this;
+
+      var type = imgType === 'ICO' ? 'BMP' : imgType || 'PNG';
+      var mimeType = 'image/' + type.toLowerCase();
+
+      var _getIssues = getIssues(),
+          issues = _getIssues.issues,
+          issueCodes = _getIssues.issueCodes;
+
+      var svg = this.svgCanvasToString();
+
+      return new Promise(function () {
+        var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(resolve, reject) {
+          var _ref5, c, dataURLType, datauri, bloburl, done;
+
+          return regeneratorRuntime.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  done = function done() {
+                    var obj = {
+                      datauri: datauri, bloburl: bloburl, svg: svg, issues: issues, issueCodes: issueCodes, type: imgType,
+                      mimeType: mimeType, quality: quality, exportWindowName: exportWindowName
+                    };
+                    call('exported', obj);
+                    if (cb) {
+                      cb(obj);
+                    }
+                    resolve(obj);
+                  };
+
+                  if (canvg) {
+                    _context2.next = 6;
+                    break;
+                  }
+
+                  _context2.next = 4;
+                  return importSetGlobal(curConfig.canvgPath + 'canvg.js', {
+                    global: 'canvg'
+                  });
+
+                case 4:
+                  _ref5 = _context2.sent;
+                  canvg = _ref5.canvg;
+
+                case 6:
+                  if (!$$9('#export_canvas').length) {
+                    $$9('<canvas>', { id: 'export_canvas' }).hide().appendTo('body');
+                  }
+                  c = $$9('#export_canvas')[0];
+
+                  c.width = canvas.contentW;
+                  c.height = canvas.contentH;
+
+                  _context2.next = 12;
+                  return canvg(c, svg);
+
+                case 12:
+                  dataURLType = type.toLowerCase();
+                  datauri = quality ? c.toDataURL('image/' + dataURLType, quality) : c.toDataURL('image/' + dataURLType);
+                  bloburl = void 0;
+
+                  if (!c.toBlob) {
+                    _context2.next = 18;
+                    break;
+                  }
+
+                  c.toBlob(function (blob) {
+                    bloburl = createObjectURL(blob);
+                    done();
+                  }, mimeType, quality);
+                  return _context2.abrupt('return');
+
+                case 18:
+                  bloburl = dataURLToObjectURL(datauri);
+                  done();
+
+                case 20:
+                case 'end':
+                  return _context2.stop();
+              }
+            }
+          }, _callee2, _this);
+        }));
+
+        return function (_x4, _x5) {
+          return _ref4.apply(this, arguments);
+        };
+      }());
+    };
+    /**
+     * @external jsPDF
+     */
+    /**
+     * @typedef {undefined|"save"|"arraybuffer"|"blob"|"datauristring"|"dataurlstring"|"dataurlnewwindow"|"datauri"|"dataurl"} external:jsPDF.OutputType
+     * @todo Newer version to add also allows these `outputType` values "bloburi"|"bloburl" which return strings, so document here and for `outputType` of `module:svgcanvas.PDFExportedResults` below if added
+    */
+    /**
+    * @typedef {PlainObject} module:svgcanvas.PDFExportedResults
+    * @property {string} svg The SVG PDF output
+    * @property {string|ArrayBuffer|Blob|window} output The output based on the `outputType`;
+    * if `undefined`, "datauristring", "dataurlstring", "datauri",
+    * or "dataurl", will be a string (`undefined` gives a document, while the others
+    * build as Data URLs; "datauri" and "dataurl" change the location of the current page); if
+    * "arraybuffer", will return `ArrayBuffer`; if "blob", returns a `Blob`;
+    * if "dataurlnewwindow", will change the current page's location and return a string
+    * if in Safari and no window object is found; otherwise opens in, and returns, a new `window`
+    * object; if "save", will have the same return as "dataurlnewwindow" if
+    * `navigator.getUserMedia` support is found without `URL.createObjectURL` support; otherwise
+    * returns `undefined` but attempts to save
+    * @property {external:jsPDF.OutputType} outputType
+    * @property {string[]} issues The human-readable localization messages of corresponding `issueCodes`
+    * @property {module:svgcanvas.IssueCode[]} issueCodes
+    * @property {string} exportWindowName
+    */
+
+    /**
+     * Function to run when PDF data is found
+     * @callback module:svgcanvas.PDFExportedCallback
+     * @param {module:svgcanvas.PDFExportedResults} obj
+     * @returns {undefined}
+     */
+    /**
+    * Generates a PDF based on the current image, then calls "exportedPDF" with
+    * an object including the string, the data URL, and any issues found
+    * @function module:svgcanvas.SvgCanvas#exportPDF
+    * @param {string} exportWindowName
+    * @param {external:jsPDF.OutputType} [outputType="dataurlstring"]
+    * @param {module:svgcanvas.PDFExportedCallback} cb
+    * @fires module:svgcanvas.SvgCanvas#event:exportedPDF
+    * @returns {Promise} Resolves to {@link module:svgcanvas.PDFExportedResults}
+    */
+    this.exportPDF = function (exportWindowName, outputType, cb) {
+      var _this2 = this;
+
+      var that = this;
+      return new Promise(function () {
+        var _ref6 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(resolve, reject) {
+          var modularVersion, res, orientation, unit, doc, docTitle, _getIssues2, issues, issueCodes, svg, obj;
+
+          return regeneratorRuntime.wrap(function _callee3$(_context3) {
+            while (1) {
+              switch (_context3.prev = _context3.next) {
+                case 0:
+                  if (window.jsPDF) {
+                    _context3.next = 6;
+                    break;
+                  }
+
+                  _context3.next = 3;
+                  return importScript([
+                  // We do not currently have these paths configurable as they are
+                  //   currently global-only, so not Rolled-up
+                  'jspdf/underscore-min.js', 'jspdf/jspdf.min.js']);
+
+                case 3:
+                  modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+                  // Todo: Switch to `import()` when widely supported and available (also allow customization of path)
+
+                  _context3.next = 6;
+                  return importScript(curConfig.jspdfPath + 'jspdf.plugin.svgToPdf.js', {
+                    type: modularVersion ? 'module' : 'text/javascript'
+                  });
+
+                case 6:
+                  res = getResolution();
+                  orientation = res.w > res.h ? 'landscape' : 'portrait';
+                  unit = 'pt'; // curConfig.baseUnit; // We could use baseUnit, but that is presumably not intended for export purposes
+
+                  // Todo: Give options to use predefined jsPDF formats like "a4", etc. from pull-down (with option to keep customizable)
+
+                  doc = jsPDF({
+                    orientation: orientation,
+                    unit: unit,
+                    format: [res.w, res.h]
+                    // , compressPdf: true
+                  });
+                  docTitle = getDocumentTitle();
+
+                  doc.setProperties({
+                    title: docTitle /* ,
+                                    subject: '',
+                                    author: '',
+                                    keywords: '',
+                                    creator: '' */
+                  });
+                  _getIssues2 = getIssues(), issues = _getIssues2.issues, issueCodes = _getIssues2.issueCodes;
+                  svg = that.svgCanvasToString();
+
+                  doc.addSVG(svg, 0, 0);
+
+                  // doc.output('save'); // Works to open in a new
+                  //  window; todo: configure this and other export
+                  //  options to optionally work in this manner as
+                  //  opposed to opening a new tab
+                  outputType = outputType || 'dataurlstring';
+                  obj = { svg: svg, issues: issues, issueCodes: issueCodes, exportWindowName: exportWindowName, outputType: outputType };
+
+                  obj.output = doc.output(outputType);
+                  if (cb) {
+                    cb(obj);
+                  }
+                  resolve(obj);
+                  call('exportedPDF', obj);
+
+                case 21:
+                case 'end':
+                  return _context3.stop();
+              }
+            }
+          }, _callee3, _this2);
+        }));
+
+        return function (_x6, _x7) {
+          return _ref6.apply(this, arguments);
+        };
+      }());
+    };
+
+    /**
+    * Returns the current drawing as raw SVG XML text.
+    * @function module:svgcanvas.SvgCanvas#getSvgString
+    * @returns {string} The current drawing as raw SVG XML text.
+    */
+    this.getSvgString = function () {
+      saveOptions.apply = false;
+      return this.svgCanvasToString();
+    };
+
+    /**
+    * This function determines whether to use a nonce in the prefix, when
+    * generating IDs for future documents in SVG-Edit.
+    * If you're controlling SVG-Edit externally, and want randomized IDs, call
+    * this BEFORE calling svgCanvas.setSvgString
+    * @function module:svgcanvas.SvgCanvas#randomizeIds
+    * @param {boolean} [enableRandomization] If true, adds a nonce to the prefix. Thus
+    * `svgCanvas.randomizeIds() <==> svgCanvas.randomizeIds(true)`
+    * @returns {undefined}
+    */
+    this.randomizeIds = function (enableRandomization) {
+      if (arguments.length > 0 && enableRandomization === false) {
+        randomizeIds(false, getCurrentDrawing());
+      } else {
+        randomizeIds(true, getCurrentDrawing());
+      }
+    };
+
+    /**
+    * Ensure each element has a unique ID
+    * @function module:svgcanvas.SvgCanvas#uniquifyElems
+    * @param {Element} g - The parent element of the tree to give unique IDs
+    * @returns {undefined}
+    */
+    var uniquifyElems = this.uniquifyElems = function (g) {
+      var ids = {};
+      // TODO: Handle markers and connectors. These are not yet re-identified properly
+      // as their referring elements do not get remapped.
+      //
+      // <marker id='se_marker_end_svg_7'/>
+      // <polyline id='svg_7' se:connector='svg_1 svg_6' marker-end='url(#se_marker_end_svg_7)'/>
+      //
+      // Problem #1: if svg_1 gets renamed, we do not update the polyline's se:connector attribute
+      // Problem #2: if the polyline svg_7 gets renamed, we do not update the marker id nor the polyline's marker-end attribute
+      var refElems = ['filter', 'linearGradient', 'pattern', 'radialGradient', 'symbol', 'textPath', 'use'];
+
+      walkTree(g, function (n) {
+        // if it's an element node
+        if (n.nodeType === 1) {
+          // and the element has an ID
+          if (n.id) {
+            // and we haven't tracked this ID yet
+            if (!(n.id in ids)) {
+              // add this id to our map
+              ids[n.id] = { elem: null, attrs: [], hrefs: [] };
+            }
+            ids[n.id].elem = n;
+          }
+
+          // now search for all attributes on this element that might refer
+          // to other elements
+          $$9.each(refAttrs, function (i, attr) {
+            var attrnode = n.getAttributeNode(attr);
+            if (attrnode) {
+              // the incoming file has been sanitized, so we should be able to safely just strip off the leading #
+              var url = getUrlFromAttr(attrnode.value),
+                  refid = url ? url.substr(1) : null;
+              if (refid) {
+                if (!(refid in ids)) {
+                  // add this id to our map
+                  ids[refid] = { elem: null, attrs: [], hrefs: [] };
+                }
+                ids[refid].attrs.push(attrnode);
+              }
+            }
+          });
+
+          // check xlink:href now
+          var href = getHref(n);
+          // TODO: what if an <image> or <a> element refers to an element internally?
+          if (href && refElems.includes(n.nodeName)) {
+            var refid = href.substr(1);
+            if (refid) {
+              if (!(refid in ids)) {
+                // add this id to our map
+                ids[refid] = { elem: null, attrs: [], hrefs: [] };
+              }
+              ids[refid].hrefs.push(n);
+            }
+          }
+        }
+      });
+
+      // in ids, we now have a map of ids, elements and attributes, let's re-identify
+      for (var oldid in ids) {
+        if (!oldid) {
+          continue;
+        }
+        var elem = ids[oldid].elem;
+
+        if (elem) {
+          var newid = getNextId();
+
+          // assign element its new id
+          elem.id = newid;
+
+          // remap all url() attributes
+          var attrs = ids[oldid].attrs;
+
+          var j = attrs.length;
+          while (j--) {
+            var attr = attrs[j];
+            attr.ownerElement.setAttribute(attr.name, 'url(#' + newid + ')');
+          }
+
+          // remap all href attributes
+          var hreffers = ids[oldid].hrefs;
+          var k = hreffers.length;
+          while (k--) {
+            var hreffer = hreffers[k];
+            setHref(hreffer, '#' + newid);
+          }
+        }
+      }
+    };
+
+    /**
+    * Assigns reference data for each use element
+    * @function module:svgcanvas.SvgCanvas#setUseData
+    * @param {Element} parent
+    * @returns {undefined}
+    */
+    var setUseData = this.setUseData = function (parent) {
+      var elems = $$9(parent);
+
+      if (parent.tagName !== 'use') {
+        elems = elems.find('use');
+      }
+
+      elems.each(function () {
+        var id = getHref(this).substr(1);
+        var refElem = getElem(id);
+        if (!refElem) {
+          return;
+        }
+        $$9(this).data('ref', refElem);
+        if (refElem.tagName === 'symbol' || refElem.tagName === 'svg') {
+          $$9(this).data('symbol', refElem).data('ref', refElem);
+        }
+      });
+    };
+
+    /**
+    * Converts gradients from userSpaceOnUse to objectBoundingBox
+    * @function module:svgcanvas.SvgCanvas#convertGradients
+    * @param {Element} elem
+    * @returns {undefined}
+    */
+    var convertGradients = this.convertGradients = function (elem) {
+      var elems = $$9(elem).find('linearGradient, radialGradient');
+      if (!elems.length && isWebkit()) {
+        // Bug in webkit prevents regular *Gradient selector search
+        elems = $$9(elem).find('*').filter(function () {
+          return this.tagName.includes('Gradient');
+        });
+      }
+
+      elems.each(function () {
+        var grad = this;
+        if ($$9(grad).attr('gradientUnits') === 'userSpaceOnUse') {
+          // TODO: Support more than one element with this ref by duplicating parent grad
+          var _elems = $$9(svgcontent).find('[fill="url(#' + grad.id + ')"],[stroke="url(#' + grad.id + ')"]');
+          if (!_elems.length) {
+            return;
+          }
+
+          // get object's bounding box
+          var bb = getBBox(_elems[0]);
+
+          // This will occur if the element is inside a <defs> or a <symbol>,
+          // in which we shouldn't need to convert anyway.
+          if (!bb) {
+            return;
+          }
+
+          if (grad.tagName === 'linearGradient') {
+            var gCoords = $$9(grad).attr(['x1', 'y1', 'x2', 'y2']);
+
+            // If has transform, convert
+            var tlist = grad.gradientTransform.baseVal;
+            if (tlist && tlist.numberOfItems > 0) {
+              var m = transformListToTransform(tlist).matrix;
+              var pt1 = transformPoint(gCoords.x1, gCoords.y1, m);
+              var pt2 = transformPoint(gCoords.x2, gCoords.y2, m);
+
+              gCoords.x1 = pt1.x;
+              gCoords.y1 = pt1.y;
+              gCoords.x2 = pt2.x;
+              gCoords.y2 = pt2.y;
+              grad.removeAttribute('gradientTransform');
+            }
+
+            $$9(grad).attr({
+              x1: (gCoords.x1 - bb.x) / bb.width,
+              y1: (gCoords.y1 - bb.y) / bb.height,
+              x2: (gCoords.x2 - bb.x) / bb.width,
+              y2: (gCoords.y2 - bb.y) / bb.height
+            });
+            grad.removeAttribute('gradientUnits');
+          }
+          // else {
+          //   Note: radialGradient elements cannot be easily converted
+          //   because userSpaceOnUse will keep circular gradients, while
+          //   objectBoundingBox will x/y scale the gradient according to
+          //   its bbox.
+          //
+          //   For now we'll do nothing, though we should probably have
+          //   the gradient be updated as the element is moved, as
+          //   inkscape/illustrator do.
+          //
+          //   const gCoords = $(grad).attr(['cx', 'cy', 'r']);
+          //
+          //   $(grad).attr({
+          //     cx: (gCoords.cx - bb.x) / bb.width,
+          //     cy: (gCoords.cy - bb.y) / bb.height,
+          //     r: gCoords.r
+          //   });
+          //
+          //   grad.removeAttribute('gradientUnits');
+          // }
+        }
+      });
+    };
+
+    /**
+    * Converts selected/given `<use>` or child SVG element to a group
+    * @function module:svgcanvas.SvgCanvas#convertToGroup
+    * @param {Element} elem
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    * @returns {undefined}
+    */
+    var convertToGroup = this.convertToGroup = function (elem) {
+      if (!elem) {
+        elem = selectedElements[0];
+      }
+      var $elem = $$9(elem);
+      var batchCmd = new BatchCommand$1();
+      var ts = void 0;
+
+      if ($elem.data('gsvg')) {
+        // Use the gsvg as the new group
+        var svg = elem.firstChild;
+        var pt = $$9(svg).attr(['x', 'y']);
+
+        $$9(elem.firstChild.firstChild).unwrap();
+        $$9(elem).removeData('gsvg');
+
+        var tlist = getTransformList(elem);
+        var xform = svgroot.createSVGTransform();
+        xform.setTranslate(pt.x, pt.y);
+        tlist.appendItem(xform);
+        recalculateDimensions(elem);
+        call('selected', [elem]);
+      } else if ($elem.data('symbol')) {
+        elem = $elem.data('symbol');
+
+        ts = $elem.attr('transform');
+        var pos = $elem.attr(['x', 'y']);
+
+        var vb = elem.getAttribute('viewBox');
+
+        if (vb) {
+          var nums = vb.split(' ');
+          pos.x -= +nums[0];
+          pos.y -= +nums[1];
+        }
+
+        // Not ideal, but works
+        ts += ' translate(' + (pos.x || 0) + ',' + (pos.y || 0) + ')';
+
+        var prev = $elem.prev();
+
+        // Remove <use> element
+        batchCmd.addSubCommand(new RemoveElementCommand$1($elem[0], $elem[0].nextSibling, $elem[0].parentNode));
+        $elem.remove();
+
+        // See if other elements reference this symbol
+        var hasMore = $$9(svgcontent).find('use:data(symbol)').length;
+
+        var g = svgdoc.createElementNS(NS.SVG, 'g');
+        var childs = elem.childNodes;
+
+        var i = void 0;
+        for (i = 0; i < childs.length; i++) {
+          g.append(childs[i].cloneNode(true));
+        }
+
+        // Duplicate the gradients for Gecko, since they weren't included in the <symbol>
+        if (isGecko()) {
+          var dupeGrads = $$9(findDefs()).children('linearGradient,radialGradient,pattern').clone();
+          $$9(g).append(dupeGrads);
+        }
+
+        if (ts) {
+          g.setAttribute('transform', ts);
+        }
+
+        var parent = elem.parentNode;
+
+        uniquifyElems(g);
+
+        // Put the dupe gradients back into <defs> (after uniquifying them)
+        if (isGecko()) {
+          $$9(findDefs()).append($$9(g).find('linearGradient,radialGradient,pattern'));
+        }
+
+        // now give the g itself a new id
+        g.id = getNextId();
+
+        prev.after(g);
+
+        if (parent) {
+          if (!hasMore) {
+            // remove symbol/svg element
+            var _elem = elem,
+                nextSibling = _elem.nextSibling;
+
+            elem.remove();
+            batchCmd.addSubCommand(new RemoveElementCommand$1(elem, nextSibling, parent));
+          }
+          batchCmd.addSubCommand(new InsertElementCommand$1(g));
+        }
+
+        setUseData(g);
+
+        if (isGecko()) {
+          convertGradients(findDefs());
+        } else {
+          convertGradients(g);
+        }
+
+        // recalculate dimensions on the top-level children so that unnecessary transforms
+        // are removed
+        walkTreePost(g, function (n) {
+          try {
+            recalculateDimensions(n);
+          } catch (e) {
+            console.log(e);
+          }
+        });
+
+        // Give ID for any visible element missing one
+        $$9(g).find(visElems).each(function () {
+          if (!this.id) {
+            this.id = getNextId();
+          }
+        });
+
+        selectOnly([g]);
+
+        var cm = pushGroupProperties(g, true);
+        if (cm) {
+          batchCmd.addSubCommand(cm);
+        }
+
+        addCommandToHistory(batchCmd);
+      } else {
+        console.log('Unexpected element to ungroup:', elem);
+      }
+    };
+
+    /**
+    * This function sets the current drawing as the input SVG XML.
+    * @function module:svgcanvas.SvgCanvas#setSvgString
+    * @param {string} xmlString - The SVG as XML text.
+    * @param {boolean} [preventUndo=false] - Indicates if we want to do the
+    * changes without adding them to the undo stack - e.g. for initializing a
+    * drawing on page load.
+    * @fires module:svgcanvas.SvgCanvas#event:setnonce
+    * @fires module:svgcanvas.SvgCanvas#event:unsetnonce
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {boolean} This function returns `false` if the set was
+    *     unsuccessful, `true` otherwise.
+    */
+    this.setSvgString = function (xmlString, preventUndo) {
+      try {
+        // convert string into XML document
+        var newDoc = text2xml(xmlString);
+        if (newDoc.firstElementChild && newDoc.firstElementChild.namespaceURI !== NS.SVG) {
+          return false;
+        }
+
+        this.prepareSvg(newDoc);
+
+        var batchCmd = new BatchCommand$1('Change Source');
+
+        // remove old svg document
+        var _svgcontent = svgcontent,
+            nextSibling = _svgcontent.nextSibling;
+
+        var oldzoom = svgroot.removeChild(svgcontent);
+        batchCmd.addSubCommand(new RemoveElementCommand$1(oldzoom, nextSibling, svgroot));
+
+        // set new svg document
+        // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()
+        if (svgdoc.adoptNode) {
+          svgcontent = svgdoc.adoptNode(newDoc.documentElement);
+        } else {
+          svgcontent = svgdoc.importNode(newDoc.documentElement, true);
+        }
+
+        svgroot.append(svgcontent);
+        var content = $$9(svgcontent);
+
+        canvas.current_drawing_ = new Drawing(svgcontent, idprefix);
+
+        // retrieve or set the nonce
+        var nonce = getCurrentDrawing().getNonce();
+        if (nonce) {
+          call('setnonce', nonce);
+        } else {
+          call('unsetnonce');
+        }
+
+        // change image href vals if possible
+        content.find('image').each(function () {
+          var image = this;
+          preventClickDefault(image);
+          var val = getHref(this);
+          if (val) {
+            if (val.startsWith('data:')) {
+              // Check if an SVG-edit data URI
+              var m = val.match(/svgedit_url=(.*?);/);
+              if (m) {
+                var url = decodeURIComponent(m[1]);
+                $$9(new Image()).load(function () {
+                  image.setAttributeNS(NS.XLINK, 'xlink:href', url);
+                }).attr('src', url);
+              }
+            }
+            // Add to encodableImages if it loads
+            canvas.embedImage(val);
+          }
+        });
+
+        // Wrap child SVGs in group elements
+        content.find('svg').each(function () {
+          // Skip if it's in a <defs>
+          if ($$9(this).closest('defs').length) {
+            return;
+          }
+
+          uniquifyElems(this);
+
+          // Check if it already has a gsvg group
+          var pa = this.parentNode;
+          if (pa.childNodes.length === 1 && pa.nodeName === 'g') {
+            $$9(pa).data('gsvg', this);
+            pa.id = pa.id || getNextId();
+          } else {
+            groupSvgElem(this);
+          }
+        });
+
+        // For Firefox: Put all paint elems in defs
+        if (isGecko()) {
+          content.find('linearGradient, radialGradient, pattern').appendTo(findDefs());
+        }
+
+        // Set ref element for <use> elements
+
+        // TODO: This should also be done if the object is re-added through "redo"
+        setUseData(content);
+
+        convertGradients(content[0]);
+
+        var attrs = {
+          id: 'svgcontent',
+          overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden'
+        };
+
+        var percs = false;
+
+        // determine proper size
+        if (content.attr('viewBox')) {
+          var vb = content.attr('viewBox').split(' ');
+          attrs.width = vb[2];
+          attrs.height = vb[3];
+          // handle content that doesn't have a viewBox
+        } else {
+          $$9.each(['width', 'height'], function (i, dim) {
+            // Set to 100 if not given
+            var val = content.attr(dim) || '100%';
+
+            if (String(val).substr(-1) === '%') {
+              // Use user units if percentage given
+              percs = true;
+            } else {
+              attrs[dim] = convertToNum(dim, val);
+            }
+          });
+        }
+
+        // identify layers
+        identifyLayers();
+
+        // Give ID for any visible layer children missing one
+        content.children().find(visElems).each(function () {
+          if (!this.id) {
+            this.id = getNextId();
+          }
+        });
+
+        // Percentage width/height, so let's base it on visible elements
+        if (percs) {
+          var bb = getStrokedBBoxDefaultVisible();
+          attrs.width = bb.width + bb.x;
+          attrs.height = bb.height + bb.y;
+        }
+
+        // Just in case negative numbers are given or
+        // result from the percs calculation
+        if (attrs.width <= 0) {
+          attrs.width = 100;
+        }
+        if (attrs.height <= 0) {
+          attrs.height = 100;
+        }
+
+        content.attr(attrs);
+        this.contentW = attrs.width;
+        this.contentH = attrs.height;
+
+        batchCmd.addSubCommand(new InsertElementCommand$1(svgcontent));
+        // update root to the correct size
+        var changes = content.attr(['width', 'height']);
+        batchCmd.addSubCommand(new ChangeElementCommand$1(svgroot, changes));
+
+        // reset zoom
+        currentZoom = 1;
+
+        // reset transform lists
+        resetListMap();
+        clearSelection();
+        clearData();
+        svgroot.append(selectorManager.selectorParentGroup);
+
+        if (!preventUndo) addCommandToHistory(batchCmd);
+        call('changed', [svgcontent]);
+      } catch (e) {
+        console.log(e);
+        return false;
+      }
+
+      return true;
+    };
+
+    /**
+    * This function imports the input SVG XML as a `<symbol>` in the `<defs>`, then adds a
+    * `<use>` to the current layer.
+    * @function module:svgcanvas.SvgCanvas#importSvgString
+    * @param {string} xmlString - The SVG as XML text.
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {null|Element} This function returns null if the import was unsuccessful, or the element otherwise.
+    * @todo
+    * - properly handle if namespace is introduced by imported content (must add to svgcontent
+    * and update all prefixes in the imported node)
+    * - properly handle recalculating dimensions, `recalculateDimensions()` doesn't handle
+    * arbitrary transform lists, but makes some assumptions about how the transform list
+    * was obtained
+    */
+    this.importSvgString = function (xmlString) {
+      var j = void 0,
+          ts = void 0,
+          useEl = void 0;
+      try {
+        // Get unique ID
+        var uid = encode64(xmlString.length + xmlString).substr(0, 32);
+
+        var useExisting = false;
+        // Look for symbol and make sure symbol exists in image
+        if (importIds[uid]) {
+          if ($$9(importIds[uid].symbol).parents('#svgroot').length) {
+            useExisting = true;
+          }
+        }
+
+        var batchCmd = new BatchCommand$1('Import Image');
+        var symbol = void 0;
+        if (useExisting) {
+          symbol = importIds[uid].symbol;
+
+          ts = importIds[uid].xform;
+        } else {
+          // convert string into XML document
+          var newDoc = text2xml(xmlString);
+
+          this.prepareSvg(newDoc);
+
+          // import new svg document into our document
+          var svg = void 0;
+          // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()
+          if (svgdoc.adoptNode) {
+            svg = svgdoc.adoptNode(newDoc.documentElement);
+          } else {
+            svg = svgdoc.importNode(newDoc.documentElement, true);
+          }
+
+          uniquifyElems(svg);
+
+          var innerw = convertToNum('width', svg.getAttribute('width')),
+              innerh = convertToNum('height', svg.getAttribute('height')),
+              innervb = svg.getAttribute('viewBox'),
+
+          // if no explicit viewbox, create one out of the width and height
+          vb = innervb ? innervb.split(' ') : [0, 0, innerw, innerh];
+          for (j = 0; j < 4; ++j) {
+            vb[j] = +vb[j];
+          }
+
+          // TODO: properly handle preserveAspectRatio
+          var // canvasw = +svgcontent.getAttribute('width'),
+          canvash = +svgcontent.getAttribute('height');
+          // imported content should be 1/3 of the canvas on its largest dimension
+
+          if (innerh > innerw) {
+            ts = 'scale(' + canvash / 3 / vb[3] + ')';
+          } else {
+            ts = 'scale(' + canvash / 3 / vb[2] + ')';
+          }
+
+          // Hack to make recalculateDimensions understand how to scale
+          ts = 'translate(0) ' + ts + ' translate(0)';
+
+          symbol = svgdoc.createElementNS(NS.SVG, 'symbol');
+          var defs = findDefs();
+
+          if (isGecko()) {
+            // Move all gradients into root for Firefox, workaround for this bug:
+            // https://bugzilla.mozilla.org/show_bug.cgi?id=353575
+            // TODO: Make this properly undo-able.
+            $$9(svg).find('linearGradient, radialGradient, pattern').appendTo(defs);
+          }
+
+          while (svg.firstChild) {
+            var first = svg.firstChild;
+            symbol.append(first);
+          }
+          var attrs = svg.attributes;
+          for (var i = 0; i < attrs.length; i++) {
+            var attr = attrs[i];
+            symbol.setAttribute(attr.nodeName, attr.value);
+          }
+          symbol.id = getNextId();
+
+          // Store data
+          importIds[uid] = {
+            symbol: symbol,
+            xform: ts
+          };
+
+          findDefs().append(symbol);
+          batchCmd.addSubCommand(new InsertElementCommand$1(symbol));
+        }
+
+        useEl = svgdoc.createElementNS(NS.SVG, 'use');
+        useEl.id = getNextId();
+        setHref(useEl, '#' + symbol.id);
+
+        (currentGroup || getCurrentDrawing().getCurrentLayer()).append(useEl);
+        batchCmd.addSubCommand(new InsertElementCommand$1(useEl));
+        clearSelection();
+
+        useEl.setAttribute('transform', ts);
+        recalculateDimensions(useEl);
+        $$9(useEl).data('symbol', symbol).data('ref', symbol);
+        addToSelection([useEl]);
+
+        // TODO: Find way to add this in a recalculateDimensions-parsable way
+        // if (vb[0] !== 0 || vb[1] !== 0) {
+        //   ts = 'translate(' + (-vb[0]) + ',' + (-vb[1]) + ') ' + ts;
+        // }
+        addCommandToHistory(batchCmd);
+        call('changed', [svgcontent]);
+      } catch (e) {
+        console.log(e);
+        return null;
+      }
+
+      // we want to return the element so we can automatically select it
+      return useEl;
+    };
+
+    // Could deprecate, but besides external uses, their usage makes clear that
+    //  canvas is a dependency for all of these
+    ['identifyLayers', 'createLayer', 'cloneLayer', 'deleteCurrentLayer', 'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition', 'setLayerVisibility', 'moveSelectedToLayer', 'mergeLayer', 'mergeAllLayers', 'leaveContext', 'setContext'].forEach(function (prop) {
+      canvas[prop] = draw[prop];
+    });
+    init$3(
+    /**
+    * @implements {module:draw.DrawCanvasInit}
+    */
+    {
+      pathActions: pathActions$$1,
+      getCurrentGroup: function getCurrentGroup() {
+        return currentGroup;
+      },
+      setCurrentGroup: function setCurrentGroup(cg) {
+        currentGroup = cg;
+      },
+
+      getSelectedElements: getSelectedElements,
+      getSVGContent: getSVGContent,
+      undoMgr: undoMgr,
+      elData: elData,
+      getCurrentDrawing: getCurrentDrawing,
+      clearSelection: clearSelection,
+      call: call,
+      addCommandToHistory: addCommandToHistory,
+      /**
+       * @fires module:svgcanvas.SvgCanvas#event:changed
+       * @returns {undefined}
+       */
+      changeSVGContent: function changeSVGContent() {
+        call('changed', [svgcontent]);
+      }
+    });
+
+    /**
+    * Group: Document functions
+    */
+
+    /**
+    * Clears the current document. This is not an undoable action.
+    * @function module:svgcanvas.SvgCanvas#clear
+    * @fires module:svgcanvas.SvgCanvas#event:cleared
+    * @returns {undefined}
+    */
+    this.clear = function () {
+      pathActions$$1.clear();
+
+      clearSelection();
+
+      // clear the svgcontent node
+      canvas.clearSvgContentElement();
+
+      // create new document
+      canvas.current_drawing_ = new Drawing(svgcontent);
+
+      // create empty first layer
+      canvas.createLayer('Layer 1');
+
+      // clear the undo stack
+      canvas.undoMgr.resetUndoStack();
+
+      // reset the selector manager
+      selectorManager.initGroup();
+
+      // reset the rubber band box
+      rubberBox = selectorManager.getRubberBandBox();
+
+      call('cleared');
+    };
+
+    // Alias function
+    this.linkControlPoints = pathActions$$1.linkControlPoints;
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getContentElem
+    * @returns {Element} The content DOM element
+    */
+    this.getContentElem = function () {
+      return svgcontent;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getRootElem
+    * @returns {SVGSVGElement} The root DOM element
+    */
+    this.getRootElem = function () {
+      return svgroot;
+    };
+
+    /**
+    * @typedef {PlainObject} DimensionsAndZoom
+    * @property {Float} w Width
+    * @property {Float} h Height
+    * @property {Float} zoom Zoom
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getResolution
+    * @returns {DimensionsAndZoom} The current dimensions and zoom level in an object
+    */
+    var getResolution = this.getResolution = function () {
+      //    const vb = svgcontent.getAttribute('viewBox').split(' ');
+      //    return {w:vb[2], h:vb[3], zoom: currentZoom};
+
+      var w = svgcontent.getAttribute('width') / currentZoom;
+      var h = svgcontent.getAttribute('height') / currentZoom;
+
+      return {
+        w: w,
+        h: h,
+        zoom: currentZoom
+      };
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getSnapToGrid
+    * @returns {boolean} The current snap to grid setting
+    */
+    this.getSnapToGrid = function () {
+      return curConfig.gridSnapping;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getVersion
+    * @returns {string} A string which describes the revision number of SvgCanvas.
+    */
+    this.getVersion = function () {
+      return 'svgcanvas.js ($Rev$)';
+    };
+
+    /**
+    * Update interface strings with given values
+    * @function module:svgcanvas.SvgCanvas#setUiStrings
+    * @param {module:path.uiStrings} strs - Object with strings (see the [locales API]{@link module:locale.LocaleStrings} and the [tutorial]{@tutorial LocaleDocs})
+    * @returns {undefined}
+    */
+    this.setUiStrings = function (strs) {
+      Object.assign(uiStrings, strs.notification);
+      setUiStrings(strs);
+    };
+
+    /**
+    * Update configuration options with given values
+    * @function module:svgcanvas.SvgCanvas#setConfig
+    * @param {module:SVGEditor.Config} opts - Object with options
+    * @returns {undefined}
+    */
+    this.setConfig = function (opts) {
+      Object.assign(curConfig, opts);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getTitle
+    * @param {Element} elem
+    * @returns {string|undefined} the current group/SVG's title contents
+    */
+    this.getTitle = function (elem) {
+      elem = elem || selectedElements[0];
+      if (!elem) {
+        return;
+      }
+      elem = $$9(elem).data('gsvg') || $$9(elem).data('symbol') || elem;
+      var childs = elem.childNodes;
+      for (var i = 0; i < childs.length; i++) {
+        if (childs[i].nodeName === 'title') {
+          return childs[i].textContent;
+        }
+      }
+      return '';
+    };
+
+    /**
+    * Sets the group/SVG's title content
+    * @function module:svgcanvas.SvgCanvas#setGroupTitle
+    * @param {string} val
+    * @todo Combine this with `setDocumentTitle`
+    * @returns {undefined}
+    */
+    this.setGroupTitle = function (val) {
+      var elem = selectedElements[0];
+      elem = $$9(elem).data('gsvg') || elem;
+
+      var ts = $$9(elem).children('title');
+
+      var batchCmd = new BatchCommand$1('Set Label');
+
+      var title = void 0;
+      if (!val.length) {
+        // Remove title element
+        var tsNextSibling = ts.nextSibling;
+        batchCmd.addSubCommand(new RemoveElementCommand$1(ts[0], tsNextSibling, elem));
+        ts.remove();
+      } else if (ts.length) {
+        // Change title contents
+        title = ts[0];
+        batchCmd.addSubCommand(new ChangeElementCommand$1(title, { '#text': title.textContent }));
+        title.textContent = val;
+      } else {
+        // Add title element
+        title = svgdoc.createElementNS(NS.SVG, 'title');
+        title.textContent = val;
+        $$9(elem).prepend(title);
+        batchCmd.addSubCommand(new InsertElementCommand$1(title));
+      }
+
+      addCommandToHistory(batchCmd);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getDocumentTitle
+    * @returns {string|undefined} The current document title or an empty string if not found
+    */
+    var getDocumentTitle = this.getDocumentTitle = function () {
+      return canvas.getTitle(svgcontent);
+    };
+
+    /**
+    * Adds/updates a title element for the document with the given name.
+    * This is an undoable action
+    * @function module:svgcanvas.SvgCanvas#setDocumentTitle
+    * @param {string} newTitle - String with the new title
+    * @returns {undefined}
+    */
+    this.setDocumentTitle = function (newTitle) {
+      var childs = svgcontent.childNodes;
+      var docTitle = false,
+          oldTitle = '';
+
+      var batchCmd = new BatchCommand$1('Change Image Title');
+
+      for (var i = 0; i < childs.length; i++) {
+        if (childs[i].nodeName === 'title') {
+          docTitle = childs[i];
+          oldTitle = docTitle.textContent;
+          break;
+        }
+      }
+      if (!docTitle) {
+        docTitle = svgdoc.createElementNS(NS.SVG, 'title');
+        svgcontent.insertBefore(docTitle, svgcontent.firstChild);
+        // svgcontent.firstChild.before(docTitle); // Ok to replace above with this?
+      }
+
+      if (newTitle.length) {
+        docTitle.textContent = newTitle;
+      } else {
+        // No title given, so element is not necessary
+        docTitle.remove();
+      }
+      batchCmd.addSubCommand(new ChangeElementCommand$1(docTitle, { '#text': oldTitle }));
+      addCommandToHistory(batchCmd);
+    };
+
+    /**
+    * Returns the editor's namespace URL, optionally adding it to the root element
+    * @function module:svgcanvas.SvgCanvas#getEditorNS
+    * @param {boolean} [add] - Indicates whether or not to add the namespace value
+    * @returns {string} The editor's namespace URL
+    */
+    this.getEditorNS = function (add) {
+      if (add) {
+        svgcontent.setAttribute('xmlns:se', NS.SE);
+      }
+      return NS.SE;
+    };
+
+    /**
+    * Changes the document's dimensions to the given size
+    * @function module:svgcanvas.SvgCanvas#setResolution
+    * @param {Float|"fit"} x - Number with the width of the new dimensions in user units.
+    * Can also be the string "fit" to indicate "fit to content"
+    * @param {Float} y - Number with the height of the new dimensions in user units.
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {boolean} Indicates if resolution change was successful.
+    * It will fail on "fit to content" option with no content to fit to.
+    */
+    this.setResolution = function (x, y) {
+      var res = getResolution();
+      var w = res.w,
+          h = res.h;
+
+      var batchCmd = void 0;
+
+      if (x === 'fit') {
+        // Get bounding box
+        var bbox = getStrokedBBoxDefaultVisible();
+
+        if (bbox) {
+          batchCmd = new BatchCommand$1('Fit Canvas to Content');
+          var visEls = getVisibleElements();
+          addToSelection(visEls);
+          var dx = [],
+              dy = [];
+          $$9.each(visEls, function (i, item) {
+            dx.push(bbox.x * -1);
+            dy.push(bbox.y * -1);
+          });
+
+          var cmd = canvas.moveSelectedElements(dx, dy, true);
+          batchCmd.addSubCommand(cmd);
+          clearSelection();
+
+          x = Math.round(bbox.width);
+          y = Math.round(bbox.height);
+        } else {
+          return false;
+        }
+      }
+      if (x !== w || y !== h) {
+        if (!batchCmd) {
+          batchCmd = new BatchCommand$1('Change Image Dimensions');
+        }
+
+        x = convertToNum('width', x);
+        y = convertToNum('height', y);
+
+        svgcontent.setAttribute('width', x);
+        svgcontent.setAttribute('height', y);
+
+        this.contentW = x;
+        this.contentH = y;
+        batchCmd.addSubCommand(new ChangeElementCommand$1(svgcontent, { width: w, height: h }));
+
+        svgcontent.setAttribute('viewBox', [0, 0, x / currentZoom, y / currentZoom].join(' '));
+        batchCmd.addSubCommand(new ChangeElementCommand$1(svgcontent, { viewBox: ['0 0', w, h].join(' ') }));
+
+        addCommandToHistory(batchCmd);
+        call('changed', [svgcontent]);
+      }
+      return true;
+    };
+
+    /**
+    * @typedef {module:jQueryAttr.Attributes} module:svgcanvas.ElementPositionInCanvas
+    * @property {Float} x
+    * @property {Float} y
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getOffset
+    * @returns {module:svgcanvas.ElementPositionInCanvas} An object with `x`, `y` values indicating the svgcontent element's
+    * position in the editor's canvas.
+    */
+    this.getOffset = function () {
+      return $$9(svgcontent).attr(['x', 'y']);
+    };
+
+    /**
+     * @typedef {PlainObject} module:svgcanvas.ZoomAndBBox
+     * @property {Float} zoom
+     * @property {module:utilities.BBoxObject} bbox
+     */
+    /**
+    * Sets the zoom level on the canvas-side based on the given value
+    * @function module:svgcanvas.SvgCanvas#setBBoxZoom
+    * @param {"selection"|"canvas"|"content"|"layer"|module:SVGEditor.BBoxObjectWithFactor} val - Bounding box object to zoom to or string indicating zoom option. Note: the object value type is defined in `svg-editor.js`
+    * @param {Integer} editorW - The editor's workarea box's width
+    * @param {Integer} editorH - The editor's workarea box's height
+    * @returns {module:svgcanvas.ZoomAndBBox|undefined}
+    */
+    this.setBBoxZoom = function (val, editorW, editorH) {
+      var spacer = 0.85;
+      var bb = void 0;
+      var calcZoom = function calcZoom(bb) {
+        if (!bb) {
+          return false;
+        }
+        var wZoom = Math.round(editorW / bb.width * 100 * spacer) / 100;
+        var hZoom = Math.round(editorH / bb.height * 100 * spacer) / 100;
+        var zoom = Math.min(wZoom, hZoom);
+        canvas.setZoom(zoom);
+        return { zoom: zoom, bbox: bb };
+      };
+
+      if ((typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object') {
+        bb = val;
+        if (bb.width === 0 || bb.height === 0) {
+          var newzoom = bb.zoom ? bb.zoom : currentZoom * bb.factor;
+          canvas.setZoom(newzoom);
+          return { zoom: currentZoom, bbox: bb };
+        }
+        return calcZoom(bb);
+      }
+
+      switch (val) {
+        case 'selection':
+          if (!selectedElements[0]) {
+            return;
+          }
+          var selectedElems = $$9.map(selectedElements, function (n) {
+            if (n) {
+              return n;
+            }
+          });
+          bb = getStrokedBBoxDefaultVisible(selectedElems);
+          break;
+        case 'canvas':
+          var res = getResolution();
+          spacer = 0.95;
+          bb = { width: res.w, height: res.h, x: 0, y: 0 };
+          break;
+        case 'content':
+          bb = getStrokedBBoxDefaultVisible();
+          break;
+        case 'layer':
+          bb = getStrokedBBoxDefaultVisible(getVisibleElements(getCurrentDrawing().getCurrentLayer()));
+          break;
+        default:
+          return;
+      }
+      return calcZoom(bb);
+    };
+
+    /**
+    * The zoom level has changed. Supplies the new zoom level as a number (not percentage).
+    * @event module:svgcanvas.SvgCanvas#event:ext-zoomChanged
+    * @type {Float}
+    */
+    /**
+    * The bottom panel was updated
+    * @event module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate
+    * @type {PlainObject}
+    * @property {boolean} nofill Indicates fill is disabled
+    * @property {boolean} nostroke Indicates stroke is disabled
+    */
+    /**
+    * The element selection has changed (elements were added/removed from selection)
+    * @event module:svgcanvas.SvgCanvas#event:ext-selectedChanged
+    * @type {PlainObject}
+    * @property {Element[]} elems Array of the newly selected elements
+    * @property {Element|null} selectedElement The single selected element
+    * @property {boolean} multiselected Indicates whether one or more elements were selected
+    */
+    /**
+    * Called when part of element is in process of changing, generally on
+    * mousemove actions like rotate, move, etc.
+    * @event module:svgcanvas.SvgCanvas#event:ext-elementTransition
+    * @type {PlainObject}
+    * @property {Element[]} elems Array of transitioning elements
+    */
+    /**
+    * One or more elements were changed
+    * @event module:svgcanvas.SvgCanvas#event:ext-elementChanged
+    * @type {PlainObject}
+    * @property {Element[]} elems Array of the affected elements
+    */
+    /**
+    * Invoked as soon as the locale is ready
+    * @event module:svgcanvas.SvgCanvas#event:ext-langReady
+    * @type {PlainObject}
+    * @property {string} lang The two-letter language code
+    * @property {module:SVGEditor.uiStrings} uiStrings
+    * @property {module:SVGEditor~ImportLocale} importLocale
+    */
+    /**
+    * The language was changed. Two-letter code of the new language.
+    * @event module:svgcanvas.SvgCanvas#event:ext-langChanged
+    * @type {string}
+    */
+    /**
+    * Means for an extension to add locale data. The two-letter language code.
+    * @event module:svgcanvas.SvgCanvas#event:ext-addLangData
+    * @type {PlainObject}
+    * @property {string} lang
+    * @property {module:SVGEditor~ImportLocale} importLocale
+    */
+    /**
+     * Called when new image is created
+     * @event module:svgcanvas.SvgCanvas#event:ext-onNewDocument
+     * @type {undefined}
+     */
+    /**
+     * Called when sidepanel is resized or toggled
+     * @event module:svgcanvas.SvgCanvas#event:ext-workareaResized
+     * @type {undefined}
+    */
+    /**
+     * Called upon addition of the extension, or, if svgicons are set,
+     * after the icons are ready when extension SVG icons have loaded.
+     * @event module:svgcanvas.SvgCanvas#event:ext-callback
+     * @type {undefined}
+    */
+
+    /**
+    * Sets the zoom to the given level
+    * @function module:svgcanvas.SvgCanvas#setZoom
+    * @param {Float} zoomLevel - Float indicating the zoom level to change to
+    * @fires module:svgcanvas.SvgCanvas#event:ext-zoomChanged
+    * @returns {undefined}
+    */
+    this.setZoom = function (zoomLevel) {
+      var res = getResolution();
+      svgcontent.setAttribute('viewBox', '0 0 ' + res.w / zoomLevel + ' ' + res.h / zoomLevel);
+      currentZoom = zoomLevel;
+      $$9.each(selectedElements, function (i, elem) {
+        if (!elem) {
+          return;
+        }
+        selectorManager.requestSelector(elem).resize();
+      });
+      pathActions$$1.zoomChange();
+      runExtensions('zoomChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} */zoomLevel);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getMode
+    * @returns {string} The current editor mode string
+    */
+    this.getMode = function () {
+      return currentMode;
+    };
+
+    /**
+    * Sets the editor's mode to the given string
+    * @function module:svgcanvas.SvgCanvas#setMode
+    * @param {string} name - String with the new mode to change to
+    * @returns {undefined}
+    */
+    this.setMode = function (name) {
+      pathActions$$1.clear(true);
+      textActions.clear();
+      curProperties = selectedElements[0] && selectedElements[0].nodeName === 'text' ? curText : curShape;
+      currentMode = name;
+    };
+
+    /**
+    * Group: Element Styling
+    */
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.PaintOptions
+    * @property {"solidColor"} type
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getColor
+    * @param {string} type
+    * @returns {string|module:svgcanvas.PaintOptions|Float|module:jGraduate~Paint} The current fill/stroke option
+    */
+    this.getColor = function (type) {
+      return curProperties[type];
+    };
+
+    /**
+    * Change the current stroke/fill color/gradient value
+    * @function module:svgcanvas.SvgCanvas#setColor
+    * @param {string} type - String indicating fill or stroke
+    * @param {string} val - The value to set the stroke attribute to
+    * @param {boolean} preventUndo - Boolean indicating whether or not this should be an undoable option
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setColor = function (type, val, preventUndo) {
+      curShape[type] = val;
+      curProperties[type + '_paint'] = { type: 'solidColor' };
+      var elems = [];
+      function addNonG(e) {
+        if (e.nodeName !== 'g') {
+          elems.push(e);
+        }
+      }
+      var i = selectedElements.length;
+      while (i--) {
+        var elem = selectedElements[i];
+        if (elem) {
+          if (elem.tagName === 'g') {
+            walkTree(elem, addNonG);
+          } else {
+            if (type === 'fill') {
+              if (elem.tagName !== 'polyline' && elem.tagName !== 'line') {
+                elems.push(elem);
+              }
+            } else {
+              elems.push(elem);
+            }
+          }
+        }
+      }
+      if (elems.length > 0) {
+        if (!preventUndo) {
+          changeSelectedAttribute(type, val, elems);
+          call('changed', elems);
+        } else {
+          changeSelectedAttributeNoUndo(type, val, elems);
+        }
+      }
+    };
+
+    /**
+    * Apply the current gradient to selected element's fill or stroke
+    * @function module:svgcanvas.SvgCanvas#setGradient
+    * @param {"fill"|"stroke"} type - String indicating "fill" or "stroke" to apply to an element
+    * @returns {undefined}
+    */
+    var setGradient = this.setGradient = function (type) {
+      if (!curProperties[type + '_paint'] || curProperties[type + '_paint'].type === 'solidColor') {
+        return;
+      }
+      var grad = canvas[type + 'Grad'];
+      // find out if there is a duplicate gradient already in the defs
+      var duplicateGrad = findDuplicateGradient(grad);
+      var defs = findDefs();
+      // no duplicate found, so import gradient into defs
+      if (!duplicateGrad) {
+        // const origGrad = grad;
+        grad = defs.appendChild(svgdoc.importNode(grad, true));
+        // get next id and set it on the grad
+        grad.id = getNextId();
+      } else {
+        // use existing gradient
+        grad = duplicateGrad;
+      }
+      canvas.setColor(type, 'url(#' + grad.id + ')');
+    };
+
+    /**
+    * Check if exact gradient already exists
+    * @function module:svgcanvas~findDuplicateGradient
+    * @param {SVGGradientElement} grad - The gradient DOM element to compare to others
+    * @returns {SVGGradientElement} The existing gradient if found, `null` if not
+    */
+    var findDuplicateGradient = function findDuplicateGradient(grad) {
+      var defs = findDefs();
+      var existingGrads = $$9(defs).find('linearGradient, radialGradient');
+      var i = existingGrads.length;
+      var radAttrs = ['r', 'cx', 'cy', 'fx', 'fy'];
+      while (i--) {
+        var og = existingGrads[i];
+        if (grad.tagName === 'linearGradient') {
+          if (grad.getAttribute('x1') !== og.getAttribute('x1') || grad.getAttribute('y1') !== og.getAttribute('y1') || grad.getAttribute('x2') !== og.getAttribute('x2') || grad.getAttribute('y2') !== og.getAttribute('y2')) {
+            continue;
+          }
+        } else {
+          var _ret = function () {
+            var gradAttrs = $$9(grad).attr(radAttrs);
+            var ogAttrs = $$9(og).attr(radAttrs);
+
+            var diff = false;
+            $$9.each(radAttrs, function (i, attr) {
+              if (gradAttrs[attr] !== ogAttrs[attr]) {
+                diff = true;
+              }
+            });
+
+            if (diff) {
+              return 'continue';
+            }
+          }();
+
+          if (_ret === 'continue') continue;
+        }
+
+        // else could be a duplicate, iterate through stops
+        var stops = grad.getElementsByTagNameNS(NS.SVG, 'stop');
+        var ostops = og.getElementsByTagNameNS(NS.SVG, 'stop');
+
+        if (stops.length !== ostops.length) {
+          continue;
+        }
+
+        var j = stops.length;
+        while (j--) {
+          var stop = stops[j];
+          var ostop = ostops[j];
+
+          if (stop.getAttribute('offset') !== ostop.getAttribute('offset') || stop.getAttribute('stop-opacity') !== ostop.getAttribute('stop-opacity') || stop.getAttribute('stop-color') !== ostop.getAttribute('stop-color')) {
+            break;
+          }
+        }
+
+        if (j === -1) {
+          return og;
+        }
+      } // for each gradient in defs
+
+      return null;
+    };
+
+    /**
+    * Set a color/gradient to a fill/stroke
+    * @function module:svgcanvas.SvgCanvas#setPaint
+    * @param {"fill"|"stroke"} type - String with "fill" or "stroke"
+    * @param {module:jGraduate.jGraduatePaintOptions} paint - The jGraduate paint object to apply
+    * @returns {undefined}
+    */
+    this.setPaint = function (type, paint) {
+      // make a copy
+      var p = new $$9.jGraduate.Paint(paint);
+      this.setPaintOpacity(type, p.alpha / 100, true);
+
+      // now set the current paint object
+      curProperties[type + '_paint'] = p;
+      switch (p.type) {
+        case 'solidColor':
+          this.setColor(type, p.solidColor !== 'none' ? '#' + p.solidColor : 'none');
+          break;
+        case 'linearGradient':
+        case 'radialGradient':
+          canvas[type + 'Grad'] = p[p.type];
+          setGradient(type);
+          break;
+      }
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#setStrokePaint
+    * @param {module:jGraduate~Paint} paint
+    * @returns {undefined}
+    */
+    this.setStrokePaint = function (paint) {
+      this.setPaint('stroke', paint);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#setFillPaint
+    * @param {module:jGraduate~Paint} paint
+    * @returns {undefined}
+    */
+    this.setFillPaint = function (paint) {
+      this.setPaint('fill', paint);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getStrokeWidth
+    * @returns {Float|string} The current stroke-width value
+    */
+    this.getStrokeWidth = function () {
+      return curProperties.stroke_width;
+    };
+
+    /**
+    * Sets the stroke width for the current selected elements.
+    * When attempting to set a line's width to 0, this changes it to 1 instead
+    * @function module:svgcanvas.SvgCanvas#setStrokeWidth
+    * @param {Float} val - A Float indicating the new stroke width value
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setStrokeWidth = function (val) {
+      if (val === 0 && ['line', 'path'].includes(currentMode)) {
+        canvas.setStrokeWidth(1);
+        return;
+      }
+      curProperties.stroke_width = val;
+
+      var elems = [];
+      function addNonG(e) {
+        if (e.nodeName !== 'g') {
+          elems.push(e);
+        }
+      }
+      var i = selectedElements.length;
+      while (i--) {
+        var elem = selectedElements[i];
+        if (elem) {
+          if (elem.tagName === 'g') {
+            walkTree(elem, addNonG);
+          } else {
+            elems.push(elem);
+          }
+        }
+      }
+      if (elems.length > 0) {
+        changeSelectedAttribute('stroke-width', val, elems);
+        call('changed', selectedElements);
+      }
+    };
+
+    /**
+    * Set the given stroke-related attribute the given value for selected elements
+    * @function module:svgcanvas.SvgCanvas#setStrokeAttr
+    * @param {string} attr - String with the attribute name
+    * @param {string|Float} val - String or number with the attribute value
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setStrokeAttr = function (attr, val) {
+      curShape[attr.replace('-', '_')] = val;
+      var elems = [];
+
+      var i = selectedElements.length;
+      while (i--) {
+        var elem = selectedElements[i];
+        if (elem) {
+          if (elem.tagName === 'g') {
+            walkTree(elem, function (e) {
+              if (e.nodeName !== 'g') {
+                elems.push(e);
+              }
+            });
+          } else {
+            elems.push(elem);
+          }
+        }
+      }
+      if (elems.length > 0) {
+        changeSelectedAttribute(attr, val, elems);
+        call('changed', selectedElements);
+      }
+    };
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.StyleOptions
+    * @property {string} fill
+    * @property {Float} fill_opacity
+    * @property {string} stroke
+    * @property {Float} stroke_width
+    * @property {string} stroke_dasharray
+    * @property {string} stroke_linejoin
+    * @property {string} stroke_linecap
+    * @property {Float} stroke_opacity
+    * @property {Float} opacity
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getStyle
+    * @returns {module:svgcanvas.StyleOptions} current style options
+    */
+    this.getStyle = function () {
+      return curShape;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getOpacity
+    * @returns {Float} the current opacity
+    */
+    this.getOpacity = getOpacity;
+
+    /**
+    * Sets the given opacity to the current selected elements
+    * @function module:svgcanvas.SvgCanvas#setOpacity
+    * @param {string} val
+    * @returns {undefined}
+    */
+    this.setOpacity = function (val) {
+      curShape.opacity = val;
+      changeSelectedAttribute('opacity', val);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getFillOpacity
+    * @returns {Float} the current fill opacity
+    */
+    this.getFillOpacity = function () {
+      return curShape.fill_opacity;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getStrokeOpacity
+    * @returns {string} the current stroke opacity
+    */
+    this.getStrokeOpacity = function () {
+      return curShape.stroke_opacity;
+    };
+
+    /**
+    * Sets the current fill/stroke opacity
+    * @function module:svgcanvas.SvgCanvas#setPaintOpacity
+    * @param {string} type - String with "fill" or "stroke"
+    * @param {Float} val - Float with the new opacity value
+    * @param {boolean} preventUndo - Indicates whether or not this should be an undoable action
+    * @returns {undefined}
+    */
+    this.setPaintOpacity = function (type, val, preventUndo) {
+      curShape[type + '_opacity'] = val;
+      if (!preventUndo) {
+        changeSelectedAttribute(type + '-opacity', val);
+      } else {
+        changeSelectedAttributeNoUndo(type + '-opacity', val);
+      }
+    };
+
+    /**
+    * Gets the current fill/stroke opacity
+    * @function module:svgcanvas.SvgCanvas#getPaintOpacity
+    * @param {"fill"|"stroke"} type - String with "fill" or "stroke"
+    * @returns {Float} Fill/stroke opacity
+    */
+    this.getPaintOpacity = function (type) {
+      return type === 'fill' ? this.getFillOpacity() : this.getStrokeOpacity();
+    };
+
+    /**
+    * Gets the `stdDeviation` blur value of the given element
+    * @function module:svgcanvas.SvgCanvas#getBlur
+    * @param {Element} elem - The element to check the blur value for
+    * @returns {string} stdDeviation blur attribute value
+    */
+    this.getBlur = function (elem) {
+      var val = 0;
+      // const elem = selectedElements[0];
+
+      if (elem) {
+        var filterUrl = elem.getAttribute('filter');
+        if (filterUrl) {
+          var blur = getElem(elem.id + '_blur');
+          if (blur) {
+            val = blur.firstChild.getAttribute('stdDeviation');
+          }
+        }
+      }
+      return val;
+    };
+
+    (function () {
+      var curCommand = null;
+      var filter = null;
+      var filterHidden = false;
+
+      /**
+      * Sets the `stdDeviation` blur value on the selected element without being undoable
+      * @function module:svgcanvas.SvgCanvas#setBlurNoUndo
+      * @param {Float} val - The new `stdDeviation` value
+      * @returns {undefined}
+      */
+      canvas.setBlurNoUndo = function (val) {
+        if (!filter) {
+          canvas.setBlur(val);
+          return;
+        }
+        if (val === 0) {
+          // Don't change the StdDev, as that will hide the element.
+          // Instead, just remove the value for "filter"
+          changeSelectedAttributeNoUndo('filter', '');
+          filterHidden = true;
+        } else {
+          var elem = selectedElements[0];
+          if (filterHidden) {
+            changeSelectedAttributeNoUndo('filter', 'url(#' + elem.id + '_blur)');
+          }
+          if (isWebkit()) {
+            console.log('e', elem);
+            elem.removeAttribute('filter');
+            elem.setAttribute('filter', 'url(#' + elem.id + '_blur)');
+          }
+          changeSelectedAttributeNoUndo('stdDeviation', val, [filter.firstChild]);
+          canvas.setBlurOffsets(filter, val);
+        }
+      };
+
+      function finishChange() {
+        var bCmd = canvas.undoMgr.finishUndoableChange();
+        curCommand.addSubCommand(bCmd);
+        addCommandToHistory(curCommand);
+        curCommand = null;
+        filter = null;
+      }
+
+      /**
+      * Sets the `x`, `y`, `width`, `height` values of the filter element in order to
+      * make the blur not be clipped. Removes them if not neeeded
+      * @function module:svgcanvas.SvgCanvas#setBlurOffsets
+      * @param {Element} filter - The filter DOM element to update
+      * @param {Float} stdDev - The standard deviation value on which to base the offset size
+      * @returns {undefined}
+      */
+      canvas.setBlurOffsets = function (filter, stdDev) {
+        if (stdDev > 3) {
+          // TODO: Create algorithm here where size is based on expected blur
+          assignAttributes(filter, {
+            x: '-50%',
+            y: '-50%',
+            width: '200%',
+            height: '200%'
+          }, 100);
+        } else {
+          // Removing these attributes hides text in Chrome (see Issue 579)
+          if (!isWebkit()) {
+            filter.removeAttribute('x');
+            filter.removeAttribute('y');
+            filter.removeAttribute('width');
+            filter.removeAttribute('height');
+          }
+        }
+      };
+
+      /**
+      * Adds/updates the blur filter to the selected element
+      * @function module:svgcanvas.SvgCanvas#setBlur
+      * @param {Float} val - Float with the new `stdDeviation` blur value
+      * @param {boolean} complete - Whether or not the action should be completed (to add to the undo manager)
+      * @returns {undefined}
+      */
+      canvas.setBlur = function (val, complete) {
+        if (curCommand) {
+          finishChange();
+          return;
+        }
+
+        // Looks for associated blur, creates one if not found
+        var elem = selectedElements[0];
+        var elemId = elem.id;
+        filter = getElem(elemId + '_blur');
+
+        val -= 0;
+
+        var batchCmd = new BatchCommand$1();
+
+        // Blur found!
+        if (filter) {
+          if (val === 0) {
+            filter = null;
+          }
+        } else {
+          // Not found, so create
+          var newblur = addSVGElementFromJson({ element: 'feGaussianBlur',
+            attr: {
+              in: 'SourceGraphic',
+              stdDeviation: val
+            }
+          });
+
+          filter = addSVGElementFromJson({ element: 'filter',
+            attr: {
+              id: elemId + '_blur'
+            }
+          });
+
+          filter.append(newblur);
+          findDefs().append(filter);
+
+          batchCmd.addSubCommand(new InsertElementCommand$1(filter));
+        }
+
+        var changes = { filter: elem.getAttribute('filter') };
+
+        if (val === 0) {
+          elem.removeAttribute('filter');
+          batchCmd.addSubCommand(new ChangeElementCommand$1(elem, changes));
+          return;
+        }
+
+        changeSelectedAttribute('filter', 'url(#' + elemId + '_blur)');
+        batchCmd.addSubCommand(new ChangeElementCommand$1(elem, changes));
+        canvas.setBlurOffsets(filter, val);
+
+        curCommand = batchCmd;
+        canvas.undoMgr.beginUndoableChange('stdDeviation', [filter ? filter.firstChild : null]);
+        if (complete) {
+          canvas.setBlurNoUndo(val);
+          finishChange();
+        }
+      };
+    })();
+
+    /**
+    * Check whether selected element is bold or not
+    * @function module:svgcanvas.SvgCanvas#getBold
+    * @returns {boolean} Indicates whether or not element is bold
+    */
+    this.getBold = function () {
+      // should only have one element selected
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+        return selected.getAttribute('font-weight') === 'bold';
+      }
+      return false;
+    };
+
+    /**
+    * Make the selected element bold or normal
+    * @function module:svgcanvas.SvgCanvas#setBold
+    * @param {boolean} b - Indicates bold (`true`) or normal (`false`)
+    * @returns {undefined}
+    */
+    this.setBold = function (b) {
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+        changeSelectedAttribute('font-weight', b ? 'bold' : 'normal');
+      }
+      if (!selectedElements[0].textContent) {
+        textActions.setCursor();
+      }
+    };
+
+    /**
+    * Check whether selected element is italic or not
+    * @function module:svgcanvas.SvgCanvas#getItalic
+    * @returns {boolean} Indicates whether or not element is italic
+    */
+    this.getItalic = function () {
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+        return selected.getAttribute('font-style') === 'italic';
+      }
+      return false;
+    };
+
+    /**
+    * Make the selected element italic or normal
+    * @function module:svgcanvas.SvgCanvas#setItalic
+    * @param {boolean} b - Indicates italic (`true`) or normal (`false`)
+    * @returns {undefined}
+    */
+    this.setItalic = function (i) {
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+        changeSelectedAttribute('font-style', i ? 'italic' : 'normal');
+      }
+      if (!selectedElements[0].textContent) {
+        textActions.setCursor();
+      }
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getFontFamily
+    * @returns {string} The current font family
+    */
+    this.getFontFamily = function () {
+      return curText.font_family;
+    };
+
+    /**
+    * Set the new font family
+    * @function module:svgcanvas.SvgCanvas#setFontFamily
+    * @param {string} val - String with the new font family
+    * @returns {undefined}
+    */
+    this.setFontFamily = function (val) {
+      curText.font_family = val;
+      changeSelectedAttribute('font-family', val);
+      if (selectedElements[0] && !selectedElements[0].textContent) {
+        textActions.setCursor();
+      }
+    };
+
+    /**
+    * Set the new font color
+    * @function module:svgcanvas.SvgCanvas#setFontColor
+    * @param {string} val - String with the new font color
+    * @returns {undefined}
+    */
+    this.setFontColor = function (val) {
+      curText.fill = val;
+      changeSelectedAttribute('fill', val);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getFontColor
+    * @returns {string} The current font color
+    */
+    this.getFontColor = function () {
+      return curText.fill;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getFontSize
+    * @returns {Float} The current font size
+    */
+    this.getFontSize = function () {
+      return curText.font_size;
+    };
+
+    /**
+    * Applies the given font size to the selected element
+    * @function module:svgcanvas.SvgCanvas#setFontSize
+    * @param {Float} val - Float with the new font size
+    * @returns {undefined}
+    */
+    this.setFontSize = function (val) {
+      curText.font_size = val;
+      changeSelectedAttribute('font-size', val);
+      if (!selectedElements[0].textContent) {
+        textActions.setCursor();
+      }
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getText
+    * @returns {string} The current text (`textContent`) of the selected element
+    */
+    this.getText = function () {
+      var selected = selectedElements[0];
+      if (selected == null) {
+        return '';
+      }
+      return selected.textContent;
+    };
+
+    /**
+    * Updates the text element with the given string
+    * @function module:svgcanvas.SvgCanvas#setTextContent
+    * @param {string} val - String with the new text
+    * @returns {undefined}
+    */
+    this.setTextContent = function (val) {
+      changeSelectedAttribute('#text', val);
+      textActions.init(val);
+      textActions.setCursor();
+    };
+
+    /**
+    * Sets the new image URL for the selected image element. Updates its size if
+    * a new URL is given
+    * @function module:svgcanvas.SvgCanvas#setImageURL
+    * @param {string} val - String with the image URL/path
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setImageURL = function (val) {
+      var elem = selectedElements[0];
+      if (!elem) {
+        return;
+      }
+
+      var attrs = $$9(elem).attr(['width', 'height']);
+      var setsize = !attrs.width || !attrs.height;
+
+      var curHref = getHref(elem);
+
+      // Do nothing if no URL change or size change
+      if (curHref !== val) {
+        setsize = true;
+      } else if (!setsize) {
+        return;
+      }
+
+      var batchCmd = new BatchCommand$1('Change Image URL');
+
+      setHref(elem, val);
+      batchCmd.addSubCommand(new ChangeElementCommand$1(elem, {
+        '#href': curHref
+      }));
+
+      if (setsize) {
+        $$9(new Image()).load(function () {
+          var changes = $$9(elem).attr(['width', 'height']);
+
+          $$9(elem).attr({
+            width: this.width,
+            height: this.height
+          });
+
+          selectorManager.requestSelector(elem).resize();
+
+          batchCmd.addSubCommand(new ChangeElementCommand$1(elem, changes));
+          addCommandToHistory(batchCmd);
+          call('changed', [elem]);
+        }).attr('src', val);
+      } else {
+        addCommandToHistory(batchCmd);
+      }
+    };
+
+    /**
+    * Sets the new link URL for the selected anchor element.
+    * @function module:svgcanvas.SvgCanvas#setLinkURL
+    * @param {string} val - String with the link URL/path
+    * @returns {undefined}
+    */
+    this.setLinkURL = function (val) {
+      var elem = selectedElements[0];
+      if (!elem) {
+        return;
+      }
+      if (elem.tagName !== 'a') {
+        // See if parent is an anchor
+        var parentsA = $$9(elem).parents('a');
+        if (parentsA.length) {
+          elem = parentsA[0];
+        } else {
+          return;
+        }
+      }
+
+      var curHref = getHref(elem);
+
+      if (curHref === val) {
+        return;
+      }
+
+      var batchCmd = new BatchCommand$1('Change Link URL');
+
+      setHref(elem, val);
+      batchCmd.addSubCommand(new ChangeElementCommand$1(elem, {
+        '#href': curHref
+      }));
+
+      addCommandToHistory(batchCmd);
+    };
+
+    /**
+    * Sets the `rx` and `ry` values to the selected `rect` element to change its corner radius
+    * @function module:svgcanvas.SvgCanvas#setRectRadius
+    * @param {string|Float} val - The new radius
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setRectRadius = function (val) {
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'rect') {
+        var r = selected.getAttribute('rx');
+        if (r !== String(val)) {
+          selected.setAttribute('rx', val);
+          selected.setAttribute('ry', val);
+          addCommandToHistory(new ChangeElementCommand$1(selected, { rx: r, ry: r }, 'Radius'));
+          call('changed', [selected]);
+        }
+      }
+    };
+
+    /**
+    * Wraps the selected element(s) in an anchor element or converts group to one
+    * @function module:svgcanvas.SvgCanvas#makeHyperlink
+    * @param {string} url
+    * @returns {undefined}
+    */
+    this.makeHyperlink = function (url) {
+      canvas.groupSelectedElements('a', url);
+
+      // TODO: If element is a single "g", convert to "a"
+      //  if (selectedElements.length > 1 && selectedElements[1]) {
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#removeHyperlink
+    * @returns {undefined}
+    */
+    this.removeHyperlink = function () {
+      canvas.ungroupSelectedElement();
+    };
+
+    /**
+    * Group: Element manipulation
+    */
+
+    /**
+    * Sets the new segment type to the selected segment(s).
+    * @function module:svgcanvas.SvgCanvas#setSegType
+    * @param {Integer} newType - New segment type. See {@link https://www.w3.org/TR/SVG/paths.html#InterfaceSVGPathSeg} for list
+    * @returns {undefined}
+    */
+    this.setSegType = function (newType) {
+      pathActions$$1.setSegType(newType);
+    };
+
+    /**
+    * Convert selected element to a path, or get the BBox of an element-as-path
+    * @function module:svgcanvas.SvgCanvas#convertToPath
+    * @todo (codedread): Remove the getBBox argument and split this function into two.
+    * @param {Element} elem - The DOM element to be converted
+    * @param {boolean} getBBox - Boolean on whether or not to only return the path's BBox
+    * @returns {undefined|DOMRect|false|SVGPathElement|null} If the getBBox flag is true, the resulting path's bounding box object.
+    * Otherwise the resulting path element is returned.
+    */
+    this.convertToPath = function (elem, getBBox$$1) {
+      if (elem == null) {
+        var elems = selectedElements;
+        $$9.each(elems, function (i, elem) {
+          if (elem) {
+            canvas.convertToPath(elem);
+          }
+        });
+        return;
+      }
+      if (getBBox$$1) {
+        return getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1);
+      }
+      // TODO: Why is this applying attributes from curShape, then inside utilities.convertToPath it's pulling addition attributes from elem?
+      // TODO: If convertToPath is called with one elem, curShape and elem are probably the same; but calling with multiple is a bug or cool feature.
+      var attrs = {
+        fill: curShape.fill,
+        'fill-opacity': curShape.fill_opacity,
+        stroke: curShape.stroke,
+        'stroke-width': curShape.stroke_width,
+        'stroke-dasharray': curShape.stroke_dasharray,
+        'stroke-linejoin': curShape.stroke_linejoin,
+        'stroke-linecap': curShape.stroke_linecap,
+        'stroke-opacity': curShape.stroke_opacity,
+        opacity: curShape.opacity,
+        visibility: 'hidden'
+      };
+      return convertToPath(elem, attrs, addSVGElementFromJson, pathActions$$1, clearSelection, addToSelection, history, addCommandToHistory);
+    };
+
+    /**
+    * This function makes the changes to the elements. It does not add the change
+    * to the history stack.
+    * @param {string} attr - Attribute name
+    * @param {string|Float} newValue - String or number with the new attribute value
+    * @param {Element[]} elems - The DOM elements to apply the change to
+    * @returns {undefined}
+    */
+    var changeSelectedAttributeNoUndo = function changeSelectedAttributeNoUndo(attr, newValue, elems) {
+      if (currentMode === 'pathedit') {
+        // Editing node
+        pathActions$$1.moveNode(attr, newValue);
+      }
+      elems = elems || selectedElements;
+      var i = elems.length;
+      var noXYElems = ['g', 'polyline', 'path'];
+      var goodGAttrs = ['transform', 'opacity', 'filter'];
+
+      var _loop = function _loop() {
+        var elem = elems[i];
+        if (elem == null) {
+          return 'continue';
+        }
+
+        // Set x,y vals on elements that don't have them
+        if ((attr === 'x' || attr === 'y') && noXYElems.includes(elem.tagName)) {
+          var bbox = getStrokedBBoxDefaultVisible([elem]);
+          var diffX = attr === 'x' ? newValue - bbox.x : 0;
+          var diffY = attr === 'y' ? newValue - bbox.y : 0;
+          canvas.moveSelectedElements(diffX * currentZoom, diffY * currentZoom, true);
+          return 'continue';
+        }
+
+        // only allow the transform/opacity/filter attribute to change on <g> elements, slightly hacky
+        // TODO: FIXME: This doesn't seem right. Where's the body of this if statement?
+        if (elem.tagName === 'g' && goodGAttrs.includes(attr)) ;
+        var oldval = attr === '#text' ? elem.textContent : elem.getAttribute(attr);
+        if (oldval == null) {
+          oldval = '';
+        }
+        if (oldval !== String(newValue)) {
+          if (attr === '#text') {
+            // const oldW = utilsGetBBox(elem).width;
+            elem.textContent = newValue;
+
+            // FF bug occurs on on rotated elements
+            if (/rotate/.test(elem.getAttribute('transform'))) {
+              elem = ffClone(elem);
+            }
+            // Hoped to solve the issue of moving text with text-anchor="start",
+            // but this doesn't actually fix it. Hopefully on the right track, though. -Fyrd
+            // const box = getBBox(elem), left = box.x, top = box.y, {width, height} = box,
+            //   dx = width - oldW, dy = 0;
+            // const angle = getRotationAngle(elem, true);
+            // if (angle) {
+            //   const r = Math.sqrt(dx * dx + dy * dy);
+            //   const theta = Math.atan2(dy, dx) - angle;
+            //   dx = r * Math.cos(theta);
+            //   dy = r * Math.sin(theta);
+            //
+            //   elem.setAttribute('x', elem.getAttribute('x') - dx);
+            //   elem.setAttribute('y', elem.getAttribute('y') - dy);
+            // }
+          } else if (attr === '#href') {
+            setHref(elem, newValue);
+          } else {
+            elem.setAttribute(attr, newValue);
+          }
+
+          // Go into "select" mode for text changes
+          // NOTE: Important that this happens AFTER elem.setAttribute() or else attributes like
+          // font-size can get reset to their old value, ultimately by svgEditor.updateContextPanel(),
+          // after calling textActions.toSelectMode() below
+          if (currentMode === 'textedit' && attr !== '#text' && elem.textContent.length) {
+            textActions.toSelectMode(elem);
+          }
+
+          // if (i === 0) {
+          //   selectedBBoxes[0] = utilsGetBBox(elem);
+          // }
+
+          // Use the Firefox ffClone hack for text elements with gradients or
+          // where other text attributes are changed.
+          if (isGecko() && elem.nodeName === 'text' && /rotate/.test(elem.getAttribute('transform'))) {
+            if (String(newValue).startsWith('url') || ['font-size', 'font-family', 'x', 'y'].includes(attr) && elem.textContent) {
+              elem = ffClone(elem);
+            }
+          }
+          // Timeout needed for Opera & Firefox
+          // codedread: it is now possible for this function to be called with elements
+          // that are not in the selectedElements array, we need to only request a
+          // selector if the element is in that array
+          if (selectedElements.includes(elem)) {
+            setTimeout(function () {
+              // Due to element replacement, this element may no longer
+              // be part of the DOM
+              if (!elem.parentNode) {
+                return;
+              }
+              selectorManager.requestSelector(elem).resize();
+            }, 0);
+          }
+          // if this element was rotated, and we changed the position of this element
+          // we need to update the rotational transform attribute
+          var angle = getRotationAngle(elem);
+          if (angle !== 0 && attr !== 'transform') {
+            var tlist = getTransformList(elem);
+            var n = tlist.numberOfItems;
+            while (n--) {
+              var xform = tlist.getItem(n);
+              if (xform.type === 4) {
+                // remove old rotate
+                tlist.removeItem(n);
+
+                var box = getBBox(elem);
+                var center = transformPoint(box.x + box.width / 2, box.y + box.height / 2, transformListToTransform(tlist).matrix);
+                var cx = center.x,
+                    cy = center.y;
+                var newrot = svgroot.createSVGTransform();
+                newrot.setRotate(angle, cx, cy);
+                tlist.insertItemBefore(newrot, n);
+                break;
+              }
+            }
+          }
+        } // if oldValue != newValue
+      };
+
+      while (i--) {
+        var _ret2 = _loop();
+
+        if (_ret2 === 'continue') continue;
+      } // for each elem
+    };
+
+    /**
+    * Change the given/selected element and add the original value to the history stack.
+    * If you want to change all `selectedElements`, ignore the `elems` argument.
+    * If you want to change only a subset of `selectedElements`, then send the
+    * subset to this function in the `elems` argument.
+    * @function module:svgcanvas.SvgCanvas#changeSelectedAttribute
+    * @param {string} attr - String with the attribute name
+    * @param {string|Float} newValue - String or number with the new attribute value
+    * @param {Element[]} elems - The DOM elements to apply the change to
+    * @returns {undefined}
+    */
+    var changeSelectedAttribute = this.changeSelectedAttribute = function (attr, val, elems) {
+      elems = elems || selectedElements;
+      canvas.undoMgr.beginUndoableChange(attr, elems);
+      // const i = elems.length;
+
+      changeSelectedAttributeNoUndo(attr, val, elems);
+
+      var batchCmd = canvas.undoMgr.finishUndoableChange();
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+      }
+    };
+
+    /**
+    * Removes all selected elements from the DOM and adds the change to the
+    * history stack
+    * @function module:svgcanvas.SvgCanvas#deleteSelectedElements
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.deleteSelectedElements = function () {
+      var batchCmd = new BatchCommand$1('Delete Elements');
+      var len = selectedElements.length;
+      var selectedCopy = []; // selectedElements is being deleted
+
+      for (var i = 0; i < len; ++i) {
+        var selected = selectedElements[i];
+        if (selected == null) {
+          break;
+        }
+
+        var parent = selected.parentNode;
+        var t = selected;
+
+        // this will unselect the element and remove the selectedOutline
+        selectorManager.releaseSelector(t);
+
+        // Remove the path if present.
+        removePath_(t.id);
+
+        // Get the parent if it's a single-child anchor
+        if (parent.tagName === 'a' && parent.childNodes.length === 1) {
+          t = parent;
+          parent = parent.parentNode;
+        }
+
+        var _t = t,
+            nextSibling = _t.nextSibling;
+
+        var _elem2 = parent.removeChild(t);
+        selectedCopy.push(selected); // for the copy
+        batchCmd.addSubCommand(new RemoveElementCommand$1(_elem2, nextSibling, parent));
+      }
+      selectedElements = [];
+
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+      }
+      call('changed', selectedCopy);
+      clearSelection();
+    };
+
+    /**
+    * Removes all selected elements from the DOM and adds the change to the
+    * history stack. Remembers removed elements on the clipboard
+    * @function module:svgcanvas.SvgCanvas#cutSelectedElements
+    * @returns {undefined}
+    */
+    this.cutSelectedElements = function () {
+      canvas.copySelectedElements();
+      canvas.deleteSelectedElements();
+    };
+
+    /**
+    * Remembers the current selected elements on the clipboard
+    * @function module:svgcanvas.SvgCanvas#copySelectedElements
+    * @returns {undefined}
+    */
+    this.copySelectedElements = function () {
+      localStorage.setItem('svgedit_clipboard', JSON.stringify(selectedElements.map(function (x) {
+        return getJsonFromSvgElement(x);
+      })));
+
+      $$9('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#pasteElements
+    * @param {"in_place"|"point"|undefined} type
+    * @param {Integer|undefined} x Expected if type is "point"
+    * @param {Integer|undefined} y Expected if type is "point"
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @fires module:svgcanvas.SvgCanvas#event:ext-IDsUpdated
+    * @returns {undefined}
+    */
+    this.pasteElements = function (type, x, y) {
+      var clipb = JSON.parse(localStorage.getItem('svgedit_clipboard'));
+      var len = clipb.length;
+      if (!len) {
+        return;
+      }
+
+      var pasted = [];
+      var batchCmd = new BatchCommand$1('Paste elements');
+      // const drawing = getCurrentDrawing();
+      /**
+      * @typedef {PlainObject.<string, string>} module:svgcanvas.ChangedIDs
+      */
+      /**
+       * @type {module:svgcanvas.ChangedIDs}
+       */
+      var changedIDs = {};
+
+      // Recursively replace IDs and record the changes
+      function checkIDs(elem) {
+        if (elem.attr && elem.attr.id) {
+          changedIDs[elem.attr.id] = getNextId();
+          elem.attr.id = changedIDs[elem.attr.id];
+        }
+        if (elem.children) elem.children.forEach(checkIDs);
+      }
+      clipb.forEach(checkIDs);
+
+      // Give extensions like the connector extension a chance to reflect new IDs and remove invalid elements
+      /**
+      * Triggered when `pasteElements` is called from a paste action (context menu or key)
+      * @event module:svgcanvas.SvgCanvas#event:ext-IDsUpdated
+      * @type {PlainObject}
+      * @property {module:svgcanvas.SVGAsJSON[]} elems
+      * @property {module:svgcanvas.ChangedIDs} changes Maps past ID (on attribute) to current ID
+      */
+      runExtensions('IDsUpdated',
+      /** @type {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} */
+      { elems: clipb, changes: changedIDs }, true).forEach(function (extChanges) {
+        if (!extChanges || !('remove' in extChanges)) return;
+
+        extChanges.remove.forEach(function (removeID) {
+          clipb = clipb.filter(function (clipBoardItem) {
+            return clipBoardItem.attr.id !== removeID;
+          });
+        });
+      });
+
+      // Move elements to lastClickPoint
+      while (len--) {
+        var _elem3 = clipb[len];
+        if (!_elem3) {
+          continue;
+        }
+
+        var copy = addSVGElementFromJson(_elem3);
+        pasted.push(copy);
+        batchCmd.addSubCommand(new InsertElementCommand$1(copy));
+
+        restoreRefElems(copy);
+      }
+
+      selectOnly(pasted);
+
+      if (type !== 'in_place') {
+        var ctrX = void 0,
+            ctrY = void 0;
+
+        if (!type) {
+          ctrX = lastClickPoint.x;
+          ctrY = lastClickPoint.y;
+        } else if (type === 'point') {
+          ctrX = x;
+          ctrY = y;
+        }
+
+        var bbox = getStrokedBBoxDefaultVisible(pasted);
+        var cx = ctrX - (bbox.x + bbox.width / 2),
+            cy = ctrY - (bbox.y + bbox.height / 2),
+            dx = [],
+            dy = [];
+
+        $$9.each(pasted, function (i, item) {
+          dx.push(cx);
+          dy.push(cy);
+        });
+
+        var cmd = canvas.moveSelectedElements(dx, dy, false);
+        if (cmd) batchCmd.addSubCommand(cmd);
+      }
+
+      addCommandToHistory(batchCmd);
+      call('changed', pasted);
+    };
+
+    /**
+    * Wraps all the selected elements in a group (`g`) element
+    * @function module:svgcanvas.SvgCanvas#groupSelectedElements
+    * @param {"a"|"g"} [type="g"] - type of element to group into, defaults to `<g>`
+    * @param {string} [urlArg]
+    * @returns {undefined}
+    */
+    this.groupSelectedElements = function (type, urlArg) {
+      if (!type) {
+        type = 'g';
+      }
+      var cmdStr = '';
+      var url = void 0;
+
+      switch (type) {
+        case 'a':
+          {
+            cmdStr = 'Make hyperlink';
+            url = urlArg || '';
+            break;
+          }default:
+          {
+            type = 'g';
+            cmdStr = 'Group Elements';
+            break;
+          }
+      }
+
+      var batchCmd = new BatchCommand$1(cmdStr);
+
+      // create and insert the group element
+      var g = addSVGElementFromJson({
+        element: type,
+        attr: {
+          id: getNextId()
+        }
+      });
+      if (type === 'a') {
+        setHref(g, url);
+      }
+      batchCmd.addSubCommand(new InsertElementCommand$1(g));
+
+      // now move all children into the group
+      var i = selectedElements.length;
+      while (i--) {
+        var _elem4 = selectedElements[i];
+        if (_elem4 == null) {
+          continue;
+        }
+
+        if (_elem4.parentNode.tagName === 'a' && _elem4.parentNode.childNodes.length === 1) {
+          _elem4 = _elem4.parentNode;
+        }
+
+        var oldNextSibling = _elem4.nextSibling;
+        var oldParent = _elem4.parentNode;
+        g.append(_elem4);
+        batchCmd.addSubCommand(new MoveElementCommand$1(_elem4, oldNextSibling, oldParent));
+      }
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+      }
+
+      // update selection
+      selectOnly([g], true);
+    };
+
+    /**
+    * Pushes all appropriate parent group properties down to its children, then
+    * removes them from the group
+    * @function module:svgcanvas.SvgCanvas#pushGroupProperties
+    * @param {SVGAElement|SVGGElement} g
+    * @param {boolean} undoable
+    * @returns {undefined}
+    */
+    var pushGroupProperties = this.pushGroupProperties = function (g, undoable) {
+      var children = g.childNodes;
+      var len = children.length;
+      var xform = g.getAttribute('transform');
+
+      var glist = getTransformList(g);
+      var m = transformListToTransform(glist).matrix;
+
+      var batchCmd = new BatchCommand$1('Push group properties');
+
+      // TODO: get all fill/stroke properties from the group that we are about to destroy
+      // "fill", "fill-opacity", "fill-rule", "stroke", "stroke-dasharray", "stroke-dashoffset",
+      // "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity",
+      // "stroke-width"
+      // and then for each child, if they do not have the attribute (or the value is 'inherit')
+      // then set the child's attribute
+
+      var gangle = getRotationAngle(g);
+
+      var gattrs = $$9(g).attr(['filter', 'opacity']);
+      var gfilter = void 0,
+          gblur = void 0,
+          changes = void 0;
+      var drawing = getCurrentDrawing();
+
+      for (var i = 0; i < len; i++) {
+        var _elem5 = children[i];
+
+        if (_elem5.nodeType !== 1) {
+          continue;
+        }
+
+        if (gattrs.opacity !== null && gattrs.opacity !== 1) {
+          // const c_opac = elem.getAttribute('opacity') || 1;
+          var newOpac = Math.round((_elem5.getAttribute('opacity') || 1) * gattrs.opacity * 100) / 100;
+          changeSelectedAttribute('opacity', newOpac, [_elem5]);
+        }
+
+        if (gattrs.filter) {
+          var cblur = this.getBlur(_elem5);
+          var origCblur = cblur;
+          if (!gblur) {
+            gblur = this.getBlur(g);
+          }
+          if (cblur) {
+            // Is this formula correct?
+            cblur = Number(gblur) + Number(cblur);
+          } else if (cblur === 0) {
+            cblur = gblur;
+          }
+
+          // If child has no current filter, get group's filter or clone it.
+          if (!origCblur) {
+            // Set group's filter to use first child's ID
+            if (!gfilter) {
+              gfilter = getRefElem(gattrs.filter);
+            } else {
+              // Clone the group's filter
+              gfilter = drawing.copyElem(gfilter);
+              findDefs().append(gfilter);
+            }
+          } else {
+            gfilter = getRefElem(_elem5.getAttribute('filter'));
+          }
+
+          // Change this in future for different filters
+          var suffix = gfilter.firstChild.tagName === 'feGaussianBlur' ? 'blur' : 'filter';
+          gfilter.id = _elem5.id + '_' + suffix;
+          changeSelectedAttribute('filter', 'url(#' + gfilter.id + ')', [_elem5]);
+
+          // Update blur value
+          if (cblur) {
+            changeSelectedAttribute('stdDeviation', cblur, [gfilter.firstChild]);
+            canvas.setBlurOffsets(gfilter, cblur);
+          }
+        }
+
+        var chtlist = getTransformList(_elem5);
+
+        // Don't process gradient transforms
+        if (_elem5.tagName.includes('Gradient')) {
+          chtlist = null;
+        }
+
+        // Hopefully not a problem to add this. Necessary for elements like <desc/>
+        if (!chtlist) {
+          continue;
+        }
+
+        // Apparently <defs> can get get a transformlist, but we don't want it to have one!
+        if (_elem5.tagName === 'defs') {
+          continue;
+        }
+
+        if (glist.numberOfItems) {
+          // TODO: if the group's transform is just a rotate, we can always transfer the
+          // rotate() down to the children (collapsing consecutive rotates and factoring
+          // out any translates)
+          if (gangle && glist.numberOfItems === 1) {
+            // [Rg] [Rc] [Mc]
+            // we want [Tr] [Rc2] [Mc] where:
+            //  - [Rc2] is at the child's current center but has the
+            // sum of the group and child's rotation angles
+            //  - [Tr] is the equivalent translation that this child
+            // undergoes if the group wasn't there
+
+            // [Tr] = [Rg] [Rc] [Rc2_inv]
+
+            // get group's rotation matrix (Rg)
+            var rgm = glist.getItem(0).matrix;
+
+            // get child's rotation matrix (Rc)
+            var rcm = svgroot.createSVGMatrix();
+            var cangle = getRotationAngle(_elem5);
+            if (cangle) {
+              rcm = chtlist.getItem(0).matrix;
+            }
+
+            // get child's old center of rotation
+            var cbox = getBBox(_elem5);
+            var ceqm = transformListToTransform(chtlist).matrix;
+            var coldc = transformPoint(cbox.x + cbox.width / 2, cbox.y + cbox.height / 2, ceqm);
+
+            // sum group and child's angles
+            var sangle = gangle + cangle;
+
+            // get child's rotation at the old center (Rc2_inv)
+            var r2 = svgroot.createSVGTransform();
+            r2.setRotate(sangle, coldc.x, coldc.y);
+
+            // calculate equivalent translate
+            var trm = matrixMultiply(rgm, rcm, r2.matrix.inverse());
+
+            // set up tlist
+            if (cangle) {
+              chtlist.removeItem(0);
+            }
+
+            if (sangle) {
+              if (chtlist.numberOfItems) {
+                chtlist.insertItemBefore(r2, 0);
+              } else {
+                chtlist.appendItem(r2);
+              }
+            }
+
+            if (trm.e || trm.f) {
+              var tr = svgroot.createSVGTransform();
+              tr.setTranslate(trm.e, trm.f);
+              if (chtlist.numberOfItems) {
+                chtlist.insertItemBefore(tr, 0);
+              } else {
+                chtlist.appendItem(tr);
+              }
+            }
+          } else {
+            // more complicated than just a rotate
+            // transfer the group's transform down to each child and then
+            // call recalculateDimensions()
+            var oldxform = _elem5.getAttribute('transform');
+            changes = {};
+            changes.transform = oldxform || '';
+
+            var newxform = svgroot.createSVGTransform();
+
+            // [ gm ] [ chm ] = [ chm ] [ gm' ]
+            // [ gm' ] = [ chmInv ] [ gm ] [ chm ]
+            var chm = transformListToTransform(chtlist).matrix,
+                chmInv = chm.inverse();
+            var gm = matrixMultiply(chmInv, m, chm);
+            newxform.setMatrix(gm);
+            chtlist.appendItem(newxform);
+          }
+          var cmd = recalculateDimensions(_elem5);
+          if (cmd) {
+            batchCmd.addSubCommand(cmd);
+          }
+        }
+      }
+
+      // remove transform and make it undo-able
+      if (xform) {
+        changes = {};
+        changes.transform = xform;
+        g.setAttribute('transform', '');
+        g.removeAttribute('transform');
+        batchCmd.addSubCommand(new ChangeElementCommand$1(g, changes));
+      }
+
+      if (undoable && !batchCmd.isEmpty()) {
+        return batchCmd;
+      }
+    };
+
+    /**
+    * Unwraps all the elements in a selected group (`g`) element. This requires
+    * significant recalculations to apply group's transforms, etc. to its children
+    * @function module:svgcanvas.SvgCanvas#ungroupSelectedElement
+    * @returns {undefined}
+    */
+    this.ungroupSelectedElement = function () {
+      var g = selectedElements[0];
+      if (!g) {
+        return;
+      }
+      if ($$9(g).data('gsvg') || $$9(g).data('symbol')) {
+        // Is svg, so actually convert to group
+        convertToGroup(g);
+        return;
+      }
+      if (g.tagName === 'use') {
+        // Somehow doesn't have data set, so retrieve
+        var symbol = getElem(getHref(g).substr(1));
+        $$9(g).data('symbol', symbol).data('ref', symbol);
+        convertToGroup(g);
+        return;
+      }
+      var parentsA = $$9(g).parents('a');
+      if (parentsA.length) {
+        g = parentsA[0];
+      }
+
+      // Look for parent "a"
+      if (g.tagName === 'g' || g.tagName === 'a') {
+        var batchCmd = new BatchCommand$1('Ungroup Elements');
+        var cmd = pushGroupProperties(g, true);
+        if (cmd) {
+          batchCmd.addSubCommand(cmd);
+        }
+
+        var parent = g.parentNode;
+        var anchor = g.nextSibling;
+        var children = new Array(g.childNodes.length);
+
+        var i = 0;
+        while (g.firstChild) {
+          var _elem6 = g.firstChild;
+          var oldNextSibling = _elem6.nextSibling;
+          var oldParent = _elem6.parentNode;
+
+          // Remove child title elements
+          if (_elem6.tagName === 'title') {
+            var _elem7 = _elem6,
+                nextSibling = _elem7.nextSibling;
+
+            batchCmd.addSubCommand(new RemoveElementCommand$1(_elem6, nextSibling, oldParent));
+            _elem6.remove();
+            continue;
+          }
+
+          children[i++] = _elem6 = parent.insertBefore(_elem6, anchor);
+          batchCmd.addSubCommand(new MoveElementCommand$1(_elem6, oldNextSibling, oldParent));
+        }
+
+        // remove the group from the selection
+        clearSelection();
+
+        // delete the group element (but make undo-able)
+        var gNextSibling = g.nextSibling;
+        g = parent.removeChild(g);
+        batchCmd.addSubCommand(new RemoveElementCommand$1(g, gNextSibling, parent));
+
+        if (!batchCmd.isEmpty()) {
+          addCommandToHistory(batchCmd);
+        }
+
+        // update selection
+        addToSelection(children);
+      }
+    };
+
+    /**
+    * Repositions the selected element to the bottom in the DOM to appear on top of
+    * other elements
+    * @function module:svgcanvas.SvgCanvas#moveToTopSelectedElement
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.moveToTopSelectedElement = function () {
+      var _selectedElements = selectedElements,
+          _selectedElements2 = slicedToArray(_selectedElements, 1),
+          selected = _selectedElements2[0];
+
+      if (selected != null) {
+        var t = selected;
+        var oldParent = t.parentNode;
+        var oldNextSibling = t.nextSibling;
+        t = t.parentNode.appendChild(t);
+        // If the element actually moved position, add the command and fire the changed
+        // event handler.
+        if (oldNextSibling !== t.nextSibling) {
+          addCommandToHistory(new MoveElementCommand$1(t, oldNextSibling, oldParent, 'top'));
+          call('changed', [t]);
+        }
+      }
+    };
+
+    /**
+    * Repositions the selected element to the top in the DOM to appear under
+    * other elements
+    * @function module:svgcanvas.SvgCanvas#moveToBottomSelectedElement
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.moveToBottomSelectedElement = function () {
+      var _selectedElements3 = selectedElements,
+          _selectedElements4 = slicedToArray(_selectedElements3, 1),
+          selected = _selectedElements4[0];
+
+      if (selected != null) {
+        var t = selected;
+        var oldParent = t.parentNode;
+        var oldNextSibling = t.nextSibling;
+        var firstChild = t.parentNode.firstChild;
+
+        if (firstChild.tagName === 'title') {
+          firstChild = firstChild.nextSibling;
+        }
+        // This can probably be removed, as the defs should not ever apppear
+        // inside a layer group
+        if (firstChild.tagName === 'defs') {
+          firstChild = firstChild.nextSibling;
+        }
+        t = t.parentNode.insertBefore(t, firstChild);
+        // If the element actually moved position, add the command and fire the changed
+        // event handler.
+        if (oldNextSibling !== t.nextSibling) {
+          addCommandToHistory(new MoveElementCommand$1(t, oldNextSibling, oldParent, 'bottom'));
+          call('changed', [t]);
+        }
+      }
+    };
+
+    /**
+    * Moves the select element up or down the stack, based on the visibly
+    * intersecting elements
+    * @function module:svgcanvas.SvgCanvas#moveUpDownSelected
+    * @param {"Up"|"Down"} dir - String that's either 'Up' or 'Down'
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.moveUpDownSelected = function (dir) {
+      var selected = selectedElements[0];
+      if (!selected) {
+        return;
+      }
+
+      curBBoxes = [];
+      var closest = void 0,
+          foundCur = void 0;
+      // jQuery sorts this list
+      var list = $$9(getIntersectionList(getStrokedBBoxDefaultVisible([selected]))).toArray();
+      if (dir === 'Down') {
+        list.reverse();
+      }
+
+      $$9.each(list, function () {
+        if (!foundCur) {
+          if (this === selected) {
+            foundCur = true;
+          }
+          return;
+        }
+        closest = this;
+        return false;
+      });
+      if (!closest) {
+        return;
+      }
+
+      var t = selected;
+      var oldParent = t.parentNode;
+      var oldNextSibling = t.nextSibling;
+      $$9(closest)[dir === 'Down' ? 'before' : 'after'](t);
+      // If the element actually moved position, add the command and fire the changed
+      // event handler.
+      if (oldNextSibling !== t.nextSibling) {
+        addCommandToHistory(new MoveElementCommand$1(t, oldNextSibling, oldParent, 'Move ' + dir));
+        call('changed', [t]);
+      }
+    };
+
+    /**
+    * Moves selected elements on the X/Y axis
+    * @function module:svgcanvas.SvgCanvas#moveSelectedElements
+    * @param {Float} dx - Float with the distance to move on the x-axis
+    * @param {Float} dy - Float with the distance to move on the y-axis
+    * @param {boolean} undoable - Boolean indicating whether or not the action should be undoable
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {BatchCommand} Batch command for the move
+    */
+    this.moveSelectedElements = function (dx, dy, undoable) {
+      // if undoable is not sent, default to true
+      // if single values, scale them to the zoom
+      if (dx.constructor !== Array) {
+        dx /= currentZoom;
+        dy /= currentZoom;
+      }
+      undoable = undoable || true;
+      var batchCmd = new BatchCommand$1('position');
+      var i = selectedElements.length;
+      while (i--) {
+        var selected = selectedElements[i];
+        if (selected != null) {
+          // if (i === 0) {
+          //   selectedBBoxes[0] = utilsGetBBox(selected);
+          // }
+          // const b = {};
+          // for (const j in selectedBBoxes[i]) b[j] = selectedBBoxes[i][j];
+          // selectedBBoxes[i] = b;
+
+          var xform = svgroot.createSVGTransform();
+          var tlist = getTransformList(selected);
+
+          // dx and dy could be arrays
+          if (dx.constructor === Array) {
+            // if (i === 0) {
+            //   selectedBBoxes[0].x += dx[0];
+            //   selectedBBoxes[0].y += dy[0];
+            // }
+            xform.setTranslate(dx[i], dy[i]);
+          } else {
+            // if (i === 0) {
+            //   selectedBBoxes[0].x += dx;
+            //   selectedBBoxes[0].y += dy;
+            // }
+            xform.setTranslate(dx, dy);
+          }
+
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(xform, 0);
+          } else {
+            tlist.appendItem(xform);
+          }
+
+          var cmd = recalculateDimensions(selected);
+          if (cmd) {
+            batchCmd.addSubCommand(cmd);
+          }
+
+          selectorManager.requestSelector(selected).resize();
+        }
+      }
+      if (!batchCmd.isEmpty()) {
+        if (undoable) {
+          addCommandToHistory(batchCmd);
+        }
+        call('changed', selectedElements);
+        return batchCmd;
+      }
+    };
+
+    /**
+    * Create deep DOM copies (clones) of all selected elements and move them slightly
+    * from their originals
+    * @function module:svgcanvas.SvgCanvas#cloneSelectedElements
+    * @param {Float} x Float with the distance to move on the x-axis
+    * @param {Float} y Float with the distance to move on the y-axis
+    * @returns {undefined}
+    */
+    this.cloneSelectedElements = function (x, y) {
+      var i = void 0,
+          elem = void 0;
+      var batchCmd = new BatchCommand$1('Clone Elements');
+      // find all the elements selected (stop at first null)
+      var len = selectedElements.length;
+      function sortfunction(a, b) {
+        return $$9(b).index() - $$9(a).index(); // causes an array to be sorted numerically and ascending
+      }
+      selectedElements.sort(sortfunction);
+      for (i = 0; i < len; ++i) {
+        elem = selectedElements[i];
+        if (elem == null) {
+          break;
+        }
+      }
+      // use slice to quickly get the subset of elements we need
+      var copiedElements = selectedElements.slice(0, i);
+      this.clearSelection(true);
+      // note that we loop in the reverse way because of the way elements are added
+      // to the selectedElements array (top-first)
+      var drawing = getCurrentDrawing();
+      i = copiedElements.length;
+      while (i--) {
+        // clone each element and replace it within copiedElements
+        elem = copiedElements[i] = drawing.copyElem(copiedElements[i]);
+        (currentGroup || drawing.getCurrentLayer()).append(elem);
+        batchCmd.addSubCommand(new InsertElementCommand$1(elem));
+      }
+
+      if (!batchCmd.isEmpty()) {
+        addToSelection(copiedElements.reverse()); // Need to reverse for correct selection-adding
+        this.moveSelectedElements(x, y, false);
+        addCommandToHistory(batchCmd);
+      }
+    };
+
+    /**
+    * Aligns selected elements
+    * @function module:svgcanvas.SvgCanvas#alignSelectedElements
+    * @param {string} type - String with single character indicating the alignment type
+    * @param {"selected"|"largest"|"smallest"|"page"} relativeTo
+    * @returns {undefined}
+    */
+    this.alignSelectedElements = function (type, relativeTo) {
+      var bboxes = []; // angles = [];
+      var len = selectedElements.length;
+      if (!len) {
+        return;
+      }
+      var minx = Number.MAX_VALUE,
+          maxx = Number.MIN_VALUE,
+          miny = Number.MAX_VALUE,
+          maxy = Number.MIN_VALUE;
+      var curwidth = Number.MIN_VALUE,
+          curheight = Number.MIN_VALUE;
+      for (var i = 0; i < len; ++i) {
+        if (selectedElements[i] == null) {
+          break;
+        }
+        var _elem8 = selectedElements[i];
+        bboxes[i] = getStrokedBBoxDefaultVisible([_elem8]);
+
+        // now bbox is axis-aligned and handles rotation
+        switch (relativeTo) {
+          case 'smallest':
+            if ((type === 'l' || type === 'c' || type === 'r') && (curwidth === Number.MIN_VALUE || curwidth > bboxes[i].width) || (type === 't' || type === 'm' || type === 'b') && (curheight === Number.MIN_VALUE || curheight > bboxes[i].height)) {
+              minx = bboxes[i].x;
+              miny = bboxes[i].y;
+              maxx = bboxes[i].x + bboxes[i].width;
+              maxy = bboxes[i].y + bboxes[i].height;
+              curwidth = bboxes[i].width;
+              curheight = bboxes[i].height;
+            }
+            break;
+          case 'largest':
+            if ((type === 'l' || type === 'c' || type === 'r') && (curwidth === Number.MIN_VALUE || curwidth < bboxes[i].width) || (type === 't' || type === 'm' || type === 'b') && (curheight === Number.MIN_VALUE || curheight < bboxes[i].height)) {
+              minx = bboxes[i].x;
+              miny = bboxes[i].y;
+              maxx = bboxes[i].x + bboxes[i].width;
+              maxy = bboxes[i].y + bboxes[i].height;
+              curwidth = bboxes[i].width;
+              curheight = bboxes[i].height;
+            }
+            break;
+          default:
+            // 'selected'
+            if (bboxes[i].x < minx) {
+              minx = bboxes[i].x;
+            }
+            if (bboxes[i].y < miny) {
+              miny = bboxes[i].y;
+            }
+            if (bboxes[i].x + bboxes[i].width > maxx) {
+              maxx = bboxes[i].x + bboxes[i].width;
+            }
+            if (bboxes[i].y + bboxes[i].height > maxy) {
+              maxy = bboxes[i].y + bboxes[i].height;
+            }
+            break;
+        }
+      } // loop for each element to find the bbox and adjust min/max
+
+      if (relativeTo === 'page') {
+        minx = 0;
+        miny = 0;
+        maxx = canvas.contentW;
+        maxy = canvas.contentH;
+      }
+
+      var dx = new Array(len);
+      var dy = new Array(len);
+      for (var _i2 = 0; _i2 < len; ++_i2) {
+        if (selectedElements[_i2] == null) {
+          break;
+        }
+        // const elem = selectedElements[i];
+        var bbox = bboxes[_i2];
+        dx[_i2] = 0;
+        dy[_i2] = 0;
+        switch (type) {
+          case 'l':
+            // left (horizontal)
+            dx[_i2] = minx - bbox.x;
+            break;
+          case 'c':
+            // center (horizontal)
+            dx[_i2] = (minx + maxx) / 2 - (bbox.x + bbox.width / 2);
+            break;
+          case 'r':
+            // right (horizontal)
+            dx[_i2] = maxx - (bbox.x + bbox.width);
+            break;
+          case 't':
+            // top (vertical)
+            dy[_i2] = miny - bbox.y;
+            break;
+          case 'm':
+            // middle (vertical)
+            dy[_i2] = (miny + maxy) / 2 - (bbox.y + bbox.height / 2);
+            break;
+          case 'b':
+            // bottom (vertical)
+            dy[_i2] = maxy - (bbox.y + bbox.height);
+            break;
+        }
+      }
+      this.moveSelectedElements(dx, dy);
+    };
+
+    /**
+    * Group: Additional editor tools
+    */
+
+    /**
+    * @name module:svgcanvas.SvgCanvas#contentW
+    * @type {Float}
+    */
+    this.contentW = getResolution().w;
+    /**
+    * @name module:svgcanvas.SvgCanvas#contentH
+    * @type {Float}
+    */
+    this.contentH = getResolution().h;
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.CanvasInfo
+    * @property {Float} x - The canvas' new x coordinate
+    * @property {Float} y - The canvas' new y coordinate
+    * @property {string} oldX - The canvas' old x coordinate
+    * @property {string} oldY - The canvas' old y coordinate
+    * @property {Float} d_x - The x position difference
+    * @property {Float} d_y - The y position difference
+    */
+
+    /**
+    * Updates the editor canvas width/height/position after a zoom has occurred
+    * @function module:svgcanvas.SvgCanvas#updateCanvas
+    * @param {Float} w - Float with the new width
+    * @param {Float} h - Float with the new height
+    * @fires module:svgcanvas.SvgCanvas#event:ext-canvasUpdated
+    * @returns {module:svgcanvas.CanvasInfo}
+    */
+    this.updateCanvas = function (w, h) {
+      svgroot.setAttribute('width', w);
+      svgroot.setAttribute('height', h);
+      var bg = $$9('#canvasBackground')[0];
+      var oldX = svgcontent.getAttribute('x');
+      var oldY = svgcontent.getAttribute('y');
+      var x = w / 2 - this.contentW * currentZoom / 2;
+      var y = h / 2 - this.contentH * currentZoom / 2;
+
+      assignAttributes(svgcontent, {
+        width: this.contentW * currentZoom,
+        height: this.contentH * currentZoom,
+        x: x,
+        y: y,
+        viewBox: '0 0 ' + this.contentW + ' ' + this.contentH
+      });
+
+      assignAttributes(bg, {
+        width: svgcontent.getAttribute('width'),
+        height: svgcontent.getAttribute('height'),
+        x: x,
+        y: y
+      });
+
+      var bgImg = getElem('background_image');
+      if (bgImg) {
+        assignAttributes(bgImg, {
+          width: '100%',
+          height: '100%'
+        });
+      }
+
+      selectorManager.selectorParentGroup.setAttribute('transform', 'translate(' + x + ',' + y + ')');
+      /**
+      * Invoked upon updates to the canvas.
+      * @event module:svgcanvas.SvgCanvas#event:ext-canvasUpdated
+      * @type {PlainObject}
+      * @property {Integer} new_x
+      * @property {Integer} new_y
+      * @property {string} old_x (Of Integer)
+      * @property {string} old_y (Of Integer)
+      * @property {Integer} d_x
+      * @property {Integer} d_y
+      */
+      runExtensions('canvasUpdated',
+      /**
+       * @type {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated}
+       */
+      { new_x: x, new_y: y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY });
+      return { x: x, y: y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY };
+    };
+
+    /**
+    * Set the background of the editor (NOT the actual document)
+    * @function module:svgcanvas.SvgCanvas#setBackground
+    * @param {string} color - String with fill color to apply
+    * @param {string} url - URL or path to image to use
+    * @returns {undefined}
+    */
+    this.setBackground = function (color, url) {
+      var bg = getElem('canvasBackground');
+      var border = $$9(bg).find('rect')[0];
+      var bgImg = getElem('background_image');
+      border.setAttribute('fill', color);
+      if (url) {
+        if (!bgImg) {
+          bgImg = svgdoc.createElementNS(NS.SVG, 'image');
+          assignAttributes(bgImg, {
+            id: 'background_image',
+            width: '100%',
+            height: '100%',
+            preserveAspectRatio: 'xMinYMin',
+            style: 'pointer-events:none'
+          });
+        }
+        setHref(bgImg, url);
+        bg.append(bgImg);
+      } else if (bgImg) {
+        bgImg.remove();
+      }
+    };
+
+    /**
+    * Select the next/previous element within the current layer
+    * @function module:svgcanvas.SvgCanvas#cycleElement
+    * @param {boolean} next - true = next and false = previous element
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    * @returns {undefined}
+    */
+    this.cycleElement = function (next) {
+      var num = void 0;
+      var curElem = selectedElements[0];
+      var elem = false;
+      var allElems = getVisibleElements(currentGroup || getCurrentDrawing().getCurrentLayer());
+      if (!allElems.length) {
+        return;
+      }
+      if (curElem == null) {
+        num = next ? allElems.length - 1 : 0;
+        elem = allElems[num];
+      } else {
+        var i = allElems.length;
+        while (i--) {
+          if (allElems[i] === curElem) {
+            num = next ? i - 1 : i + 1;
+            if (num >= allElems.length) {
+              num = 0;
+            } else if (num < 0) {
+              num = allElems.length - 1;
+            }
+            elem = allElems[num];
+            break;
+          }
+        }
+      }
+      selectOnly([elem], true);
+      call('selected', selectedElements);
+    };
+
+    this.clear();
+
+    /**
+    * @interface module:svgcanvas.PrivateMethods
+    * @type {PlainObject}
+    * @property {module:svgcanvas~addCommandToHistory} addCommandToHistory
+    * @property {module:history.HistoryCommand} BatchCommand
+    * @property {module:history.HistoryCommand} ChangeElementCommand
+    * @property {module:utilities.decode64} decode64
+    * @property {module:utilities.encode64} encode64
+    * @property {module:svgcanvas~ffClone} ffClone
+    * @property {module:svgcanvas~findDuplicateGradient} findDuplicateGradient
+    * @property {module:utilities.getPathBBox} getPathBBox
+    * @property {module:units.getTypeMap} getTypeMap
+    * @property {module:draw.identifyLayers} identifyLayers
+    * @property {module:history.HistoryCommand} InsertElementCommand
+    * @property {module:browser.isChrome} isChrome
+    * @property {module:math.isIdentity} isIdentity
+    * @property {module:browser.isIE} isIE
+    * @property {module:svgcanvas~logMatrix} logMatrix
+    * @property {module:history.HistoryCommand} MoveElementCommand
+    * @property {module:namespaces.NS} NS
+    * @property {module:utilities.preventClickDefault} preventClickDefault
+    * @property {module:history.HistoryCommand} RemoveElementCommand
+    * @property {module:SVGTransformList.SVGEditTransformList} SVGEditTransformList
+    * @property {module:utilities.text2xml} text2xml
+    * @property {module:math.transformBox} transformBox
+    * @property {module:math.transformPoint} transformPoint
+    * @property {module:utilities.walkTree} walkTree
+    */
+    /**
+    * @deprecated getPrivateMethods
+    * Since all methods are/should be public somehow, this function should be removed;
+    *  we might require `import` in place of this in the future once ES6 Modules
+    *  widespread
+    
+    * Being able to access private methods publicly seems wrong somehow,
+    * but currently appears to be the best way to allow testing and provide
+    * access to them to plugins.
+    * @function module:svgcanvas.SvgCanvas#getPrivateMethods
+    * @returns {module:svgcanvas.PrivateMethods}
+    */
+    this.getPrivateMethods = function () {
+      var obj = {
+        addCommandToHistory: addCommandToHistory,
+        BatchCommand: BatchCommand$1,
+        ChangeElementCommand: ChangeElementCommand$1,
+        decode64: decode64,
+        encode64: encode64,
+        ffClone: ffClone,
+        findDefs: findDefs,
+        findDuplicateGradient: findDuplicateGradient,
+        getElem: getElem,
+        getPathBBox: getPathBBox,
+        getTypeMap: getTypeMap,
+        getUrlFromAttr: getUrlFromAttr,
+        identifyLayers: identifyLayers,
+        InsertElementCommand: InsertElementCommand$1,
+        isChrome: isChrome,
+        isIdentity: isIdentity,
+        isIE: isIE,
+        logMatrix: logMatrix,
+        MoveElementCommand: MoveElementCommand$1,
+        NS: NS,
+        preventClickDefault: preventClickDefault,
+        RemoveElementCommand: RemoveElementCommand$1,
+        SVGEditTransformList: SVGTransformList,
+        text2xml: text2xml,
+        transformBox: transformBox,
+        transformPoint: transformPoint,
+        walkTree: walkTree
+      };
+      return obj;
+    };
+  } // End constructor
+  ; // End class
+
+  // Todo: Update: https://github.com/jeresig/jquery.hotkeys
+  /*
+   * jQuery Hotkeys Plugin
+   * Copyright 2010, John Resig
+   * Dual licensed under the MIT or GPL Version 2 licenses.
+   *
+   * http://github.com/jeresig/jquery.hotkeys
+   *
+   * Based upon the plugin by Tzury Bar Yochay:
+   * http://github.com/tzuryby/hotkeys
+   *
+   * Original idea by:
+   * Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/
+  */
+
+  function jqPluginJSHotkeys (b) {
+    b.hotkeys = { version: "0.8", specialKeys: { 8: "backspace", 9: "tab", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause", 20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home", 37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7", 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111: "/", 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8", 120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 191: "/", 224: "meta", 219: "[", 221: "]" }, shiftNums: { "`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&", "8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": '"', ",": "<", ".": ">", "/": "?", "\\": "|" } };function a(d) {
+      if (typeof d.data !== "string") {
+        return;
+      }var c = d.handler,
+          e = d.data.toLowerCase().split(" ");d.handler = function (n) {
+        if (this !== n.target && (/textarea|select/i.test(n.target.nodeName) || n.target.type === "text")) {
+          return;
+        }var h = n.type !== "keypress" && b.hotkeys.specialKeys[n.which],
+            o = String.fromCharCode(n.which).toLowerCase(),
+            m = "",
+            g = {};if (n.altKey && h !== "alt") {
+          m += "alt+";
+        }if (n.ctrlKey && h !== "ctrl") {
+          m += "ctrl+";
+        }if (n.metaKey && !n.ctrlKey && h !== "meta") {
+          m += "meta+";
+        }if (n.shiftKey && h !== "shift") {
+          m += "shift+";
+        }if (h) {
+          g[m + h] = true;
+        } else {
+          g[m + o] = true;g[m + b.hotkeys.shiftNums[o]] = true;if (m === "shift+") {
+            g[b.hotkeys.shiftNums[o]] = true;
+          }
+        }for (var j = 0, f = e.length; j < f; j++) {
+          if (g[e[j]]) {
+            return c.apply(this, arguments);
+          }
+        }
+      };
+    }b.each(["keydown", "keyup", "keypress"], function () {
+      b.event.special[this] = { add: a };
+    });
+
+    return b;
+  }
+
+  /*
+   * Todo: Update to latest at https://github.com/cowboy/jquery-bbq ?
+   * jQuery BBQ: Back Button & Query Library - v1.2.1 - 2/17/2010
+   * http://benalman.com/projects/jquery-bbq-plugin/
+   *
+   * Copyright (c) 2010 "Cowboy" Ben Alman
+   * Dual licensed under the MIT and GPL licenses.
+   * http://benalman.com/about/license/
+   */
+
+  // For sake of modules, added this wrapping export and changed `this` to `window`
+  function jqPluginBBQ (jQuery) {
+
+    (function ($, p) {
+      var i,
+          m = Array.prototype.slice,
+          r = decodeURIComponent,
+          a = $.param,
+          c,
+          l,
+          v,
+          b = $.bbq = $.bbq || {},
+          q,
+          u,
+          j,
+          e = $.event.special,
+          d = "hashchange",
+          A = "querystring",
+          D = "fragment",
+          y = "elemUrlAttr",
+          g = "location",
+          k = "href",
+          t = "src",
+          x = /^.*\?|#.*$/g,
+          w = /^.*\#/,
+          h,
+          C = {};function E(F) {
+        return typeof F === "string";
+      }function B(G) {
+        var F = m.call(arguments, 1);return function () {
+          return G.apply(this, F.concat(m.call(arguments)));
+        };
+      }function n(F) {
+        return F.replace(/^[^#]*#?(.*)$/, "$1");
+      }function o(F) {
+        return F.replace(/(?:^[^?#]*\?([^#]*).*$)?.*/, "$1");
+      }function f(H, M, F, I, G) {
+        var O, L, K, N, J;if (I !== i) {
+          K = F.match(H ? /^([^#]*)\#?(.*)$/ : /^([^#?]*)\??([^#]*)(#?.*)/);J = K[3] || "";if (G === 2 && E(I)) {
+            L = I.replace(H ? w : x, "");
+          } else {
+            N = l(K[2]);I = E(I) ? l[H ? D : A](I) : I;L = G === 2 ? I : G === 1 ? $.extend({}, I, N) : $.extend({}, N, I);L = a(L);if (H) {
+              L = L.replace(h, r);
+            }
+          }O = K[1] + (H ? "#" : L || !K[1] ? "?" : "") + L + J;
+        } else {
+          O = M(F !== i ? F : p[g][k]);
+        }return O;
+      }a[A] = B(f, 0, o);a[D] = c = B(f, 1, n);c.noEscape = function (G) {
+        G = G || "";var F = $.map(G.split(""), encodeURIComponent);h = new RegExp(F.join("|"), "g");
+      };c.noEscape(",/");$.deparam = l = function l(I, F) {
+        var H = {},
+            G = { "true": !0, "false": !1, "null": null };$.each(I.replace(/\+/g, " ").split("&"), function (L, Q) {
+          var K = Q.split("="),
+              P = r(K[0]),
+              J,
+              O = H,
+              M = 0,
+              R = P.split("]["),
+              N = R.length - 1;if (/\[/.test(R[0]) && /\]$/.test(R[N])) {
+            R[N] = R[N].replace(/\]$/, "");R = R.shift().split("[").concat(R);N = R.length - 1;
+          } else {
+            N = 0;
+          }if (K.length === 2) {
+            J = r(K[1]);if (F) {
+              J = J && !isNaN(J) ? +J : J === "undefined" ? i : G[J] !== i ? G[J] : J;
+            }if (N) {
+              for (; M <= N; M++) {
+                P = R[M] === "" ? O.length : R[M];O = O[P] = M < N ? O[P] || (R[M + 1] && isNaN(R[M + 1]) ? {} : []) : J;
+              }
+            } else {
+              if ($.isArray(H[P])) {
+                H[P].push(J);
+              } else {
+                if (H[P] !== i) {
+                  H[P] = [H[P], J];
+                } else {
+                  H[P] = J;
+                }
+              }
+            }
+          } else {
+            if (P) {
+              H[P] = F ? i : "";
+            }
+          }
+        });return H;
+      };function z(H, F, G) {
+        if (F === i || typeof F === "boolean") {
+          G = F;F = a[H ? D : A]();
+        } else {
+          F = E(F) ? F.replace(H ? w : x, "") : F;
+        }return l(F, G);
+      }l[A] = B(z, 0);l[D] = v = B(z, 1);$[y] || ($[y] = function (F) {
+        return $.extend(C, F);
+      })({ a: k, base: k, iframe: t, img: t, input: t, form: "action", link: k, script: t });j = $[y];function s(I, G, H, F) {
+        if (!E(H) && (typeof H === "undefined" ? "undefined" : _typeof(H)) !== "object") {
+          F = H;H = G;G = i;
+        }return this.each(function () {
+          var L = $(this),
+              J = G || j()[(this.nodeName || "").toLowerCase()] || "",
+              K = J && L.attr(J) || "";L.attr(J, a[I](K, H, F));
+        });
+      }$.fn[A] = B(s, A);$.fn[D] = B(s, D);b.pushState = q = function q(I, F) {
+        if (E(I) && /^#/.test(I) && F === i) {
+          F = 2;
+        }var H = I !== i,
+            G = c(p[g][k], H ? I : {}, H ? F : 2);p[g][k] = G + (/#/.test(G) ? "" : "#");
+      };b.getState = u = function u(F, G) {
+        return F === i || typeof F === "boolean" ? v(F) : v(G)[F];
+      };b.removeState = function (F) {
+        var G = {};if (F !== i) {
+          G = u();$.each($.isArray(F) ? F : arguments, function (I, H) {
+            delete G[H];
+          });
+        }q(G, 2);
+      };e[d] = $.extend(e[d], { add: function add(F) {
+          var H;function G(J) {
+            var I = J[D] = c();J.getState = function (K, L) {
+              return K === i || typeof K === "boolean" ? l(I, K) : l(I, L)[K];
+            };H.apply(this, arguments);
+          }if ($.isFunction(F)) {
+            H = F;return G;
+          } else {
+            H = F.handler;F.handler = G;
+          }
+        } });
+    })(jQuery, window);
+    /*
+     * jQuery hashchange event - v1.2 - 2/11/2010
+     * http://benalman.com/projects/jquery-hashchange-plugin/
+     *
+     * Copyright (c) 2010 "Cowboy" Ben Alman
+     * Dual licensed under the MIT and GPL licenses.
+     * http://benalman.com/about/license/
+     */
+    (function ($, i, b) {
+      var j,
+          k = $.event.special,
+          c = "location",
+          d = "hashchange",
+          l = "href",
+          f = $.browser,
+          g = document.documentMode,
+          h = f.msie && (g === b || g < 8),
+          e = "on" + d in i && !h;function a(m) {
+        m = m || i[c][l];return m.replace(/^[^#]*#?(.*)$/, "$1");
+      }$[d + "Delay"] = 100;k[d] = $.extend(k[d], { setup: function setup() {
+          if (e) {
+            return false;
+          }$(j.start);
+        }, teardown: function teardown() {
+          if (e) {
+            return false;
+          }$(j.stop);
+        } });j = function () {
+        var m = {},
+            r,
+            n,
+            o,
+            q;function p() {
+          o = q = function q(s) {
+            return s;
+          };if (h) {
+            n = $('<iframe src="javascript:0"/>').hide().insertAfter("body")[0].contentWindow;q = function q() {
+              return a(n.document[c][l]);
+            };o = function o(u, s) {
+              if (u !== s) {
+                var t = n.document;t.open().close();t[c].hash = "#" + u;
+              }
+            };o(a());
+          }
+        }m.start = function () {
+          if (r) {
+            return;
+          }var t = a();o || p();(function s() {
+            var v = a(),
+                u = q(t);if (v !== t) {
+              o(t = v, u);$(i).trigger(d);
+            } else {
+              if (u !== t) {
+                i[c][l] = i[c][l].replace(/#.*/, "") + "#" + u;
+              }
+            }r = setTimeout(s, $[d + "Delay"]);
+          })();
+        };m.stop = function () {
+          if (!n) {
+            r && clearTimeout(r);r = 0;
+          }
+        };return m;
+      }();
+    })(jQuery, window);
+
+    return jQuery;
+  }
+
+  /**
+   * SVG Icon Loader 2.0
+   *
+   * jQuery Plugin for loading SVG icons from a single file
+   *
+   * Adds {@link external:jQuery.svgIcons}, {@link external:jQuery.getSvgIcon}, {@link external:jQuery.resizeSvgIcons}
+   *
+   * How to use:
+
+  1. Create the SVG master file that includes all icons:
+
+  The master SVG icon-containing file is an SVG file that contains
+  `<g>` elements. Each `<g>` element should contain the markup of an SVG
+  icon. The `<g>` element has an ID that should
+  correspond with the ID of the HTML element used on the page that should contain
+  or optionally be replaced by the icon. Additionally, one empty element should be
+  added at the end with id "svg_eof".
+
+  2. Optionally create fallback raster images for each SVG icon.
+
+  3. Include the jQuery and the SVG Icon Loader scripts on your page.
+
+  4. Run `$.svgIcons()` when the document is ready. See its signature
+
+  5. To access an icon at a later point without using the callback, use this:
+    `$.getSvgIcon(id (string), uniqueClone (boolean))`;
+
+  This will return the icon (as jQuery object) with a given ID.
+
+  6. To resize icons at a later point without using the callback, use this:
+    `$.resizeSvgIcons(resizeOptions)` (use the same way as the "resize" parameter)
+   *
+   * @module jQuerySVGIcons
+   * @license MIT
+   * @copyright (c) 2009 Alexis Deveria
+   * {@link http://a.deveria.com}
+   * @example usage #1:
+
+  $(function() {
+    $.svgIcons('my_icon_set.svg'); // The SVG file that contains all icons
+    // No options have been set, so all icons will automatically be inserted
+    // into HTML elements that match the same IDs.
+  });
+
+  * @example usage #2:
+
+  $(function() {
+    $.svgIcons('my_icon_set.svg', { // The SVG file that contains all icons
+      callback (icons) { // Custom callback function that sets click
+                    // events for each icon
+        $.each(icons, function(id, icon) {
+          icon.click(function() {
+            alert('You clicked on the icon with id ' + id);
+          });
+        });
+      }
+    }); //The SVG file that contains all icons
+  });
+
+  * @example usage #3:
+
+  $(function() {
+    $.svgIcons('my_icon_set.svgz', { // The SVGZ file that contains all icons
+      w: 32,  // All icons will be 32px wide
+      h: 32,  // All icons will be 32px high
+      fallback_path: 'icons/',  // All fallback files can be found here
+      fallback: {
+        '#open_icon': 'open.png',  // The "open.png" will be appended to the
+                      // HTML element with ID "open_icon"
+        '#close_icon': 'close.png',
+        '#save_icon': 'save.png'
+      },
+      placement: {'.open_icon','open'}, // The "open" icon will be added
+                      // to all elements with class "open_icon"
+      resize () {
+        '#save_icon .svg_icon': 64  // The "save" icon will be resized to 64 x 64px
+      },
+
+      callback (icons) { // Sets background color for "close" icon
+        icons['close'].css('background','red');
+      },
+
+      svgz: true // Indicates that an SVGZ file is being used
+
+    })
+  });
+  */
+
+  /**
+  * @callback module:jQuerySVGIcons.SVGIconsLoadedCallback
+  * @param {PlainObject.<string, external:jQuery>} svgIcons IDs keyed to jQuery objects of images
+  */
+
+  /**
+   * @function module:jQuerySVGIcons.jQuerySVGIcons
+   * @param {external:jQuery} $ Its keys include all icon IDs and the values, the icon as a jQuery object
+  */
+  function jqPluginSVGIcons ($) {
+    var svgIcons = {};
+
+    var fixIDs = void 0;
+    /**
+    * @function external:jQuery.svgIcons
+    * @param {string} file The location of a local SVG or SVGz file
+    * @param {PlainObject} [options]
+    * @param {Float} [options.w] The icon widths
+    * @param {Float} [options.h] The icon heights
+    * @param {PlainObject.<string, string>} [options.fallback] List of raster images with each
+      key being the SVG icon ID to replace, and the value the image file name
+    * @param {string} [options.fallback_path] The path to use for all images
+      listed under "fallback"
+    * @param {boolean} [options.replace] If set to `true`, HTML elements will be replaced by,
+      rather than include the SVG icon.
+    * @param {PlainObject.<string, string>} [options.placement] List with selectors for keys and SVG icon ids
+      as values. This provides a custom method of adding icons.
+    * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} [options.resize] List with selectors for keys and numbers
+      as values. This allows an easy way to resize specific icons.
+    * @param {module:jQuerySVGIcons.SVGIconsLoadedCallback} [options.callback] A function to call when all icons have been loaded.
+    * @param {boolean} [options.id_match=true] Automatically attempt to match SVG icon ids with
+      corresponding HTML id
+    * @param {boolean} [options.no_img] Prevent attempting to convert the icon into an `<img>`
+      element (may be faster, help for browser consistency)
+    * @param {boolean} [options.svgz] Indicate that the file is an SVGZ file, and thus not to
+      parse as XML. SVGZ files add compression benefits, but getting data from
+      them fails in Firefox 2 and older.
+    */
+    $.svgIcons = function (file) {
+      var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      var svgns = 'http://www.w3.org/2000/svg',
+          xlinkns = 'http://www.w3.org/1999/xlink',
+          iconW = opts.w || 24,
+          iconH = opts.h || 24;
+      var elems = void 0,
+          svgdoc = void 0,
+          testImg = void 0,
+          iconsMade = false,
+          dataLoaded = false,
+          loadAttempts = 0;
+      var isOpera = !!window.opera,
+
+      // ua = navigator.userAgent,
+      // isSafari = (ua.includes('Safari/') && !ua.includes('Chrome/')),
+      dataPre = 'data:image/svg+xml;charset=utf-8;base64,';
+
+      var dataEl = void 0;
+      if (opts.svgz) {
+        dataEl = $('<object data="' + file + '" type=image/svg+xml>').appendTo('body').hide();
+        try {
+          svgdoc = dataEl[0].contentDocument;
+          dataEl.load(getIcons);
+          getIcons(0, true); // Opera will not run "load" event if file is already cached
+        } catch (err1) {
+          useFallback();
+        }
+      } else {
+        var parser = new DOMParser();
+        $.ajax({
+          url: file,
+          dataType: 'string',
+          success: function success(data) {
+            if (!data) {
+              $(useFallback);
+              return;
+            }
+            svgdoc = parser.parseFromString(data, 'text/xml');
+            $(function () {
+              getIcons('ajax');
+            });
+          },
+          error: function error(err) {
+            // TODO: Fix Opera widget icon bug
+            if (window.opera) {
+              $(function () {
+                useFallback();
+              });
+            } else {
+              if (err.responseText) {
+                svgdoc = parser.parseFromString(err.responseText, 'text/xml');
+
+                if (!svgdoc.childNodes.length) {
+                  $(useFallback);
+                }
+                $(function () {
+                  getIcons('ajax');
+                });
+              } else {
+                $(useFallback);
+              }
+            }
+          }
+        });
+      }
+
+      function getIcons(evt, noWait) {
+        if (evt !== 'ajax') {
+          if (dataLoaded) return;
+          // Webkit sometimes says svgdoc is undefined, other times
+          // it fails to load all nodes. Thus we must make sure the "eof"
+          // element is loaded.
+          svgdoc = dataEl[0].contentDocument; // Needed again for Webkit
+          var isReady = svgdoc && svgdoc.getElementById('svg_eof');
+          if (!isReady && !(noWait && isReady)) {
+            loadAttempts++;
+            if (loadAttempts < 50) {
+              setTimeout(getIcons, 20);
+            } else {
+              useFallback();
+              dataLoaded = true;
+            }
+            return;
+          }
+          dataLoaded = true;
+        }
+
+        elems = $(svgdoc.firstChild).children(); // .getElementsByTagName('foreignContent');
+
+        if (!opts.no_img) {
+          var testSrc = dataPre + 'PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D';
+
+          testImg = $(new Image()).attr({
+            src: testSrc,
+            width: 0,
+            height: 0
+          }).appendTo('body').load(function () {
+            // Safari 4 crashes, Opera and Chrome don't
+            makeIcons(true);
+          }).error(function () {
+            makeIcons();
+          });
+        } else {
+          setTimeout(function () {
+            if (!iconsMade) makeIcons();
+          }, 500);
+        }
+      }
+
+      function setIcon(target, icon, id, setID) {
+        if (isOpera) icon.css('visibility', 'hidden');
+        if (opts.replace) {
+          if (setID) icon.attr('id', id);
+          var cl = target.attr('class');
+          if (cl) icon.attr('class', 'svg_icon ' + cl);
+          target.replaceWith(icon);
+        } else {
+          target.append(icon);
+        }
+        if (isOpera) {
+          setTimeout(function () {
+            icon.removeAttr('style');
+          }, 1);
+        }
+      }
+
+      var holder = void 0;
+      function addIcon(icon, id) {
+        if (opts.id_match === undefined || opts.id_match !== false) {
+          setIcon(holder, icon, id, true);
+        }
+        svgIcons[id] = icon;
+      }
+
+      function makeIcons(toImage, fallback) {
+        if (iconsMade) return;
+        if (opts.no_img) toImage = false;
+
+        var tempHolder = void 0;
+        if (toImage) {
+          tempHolder = $(document.createElement('div'));
+          tempHolder.hide().appendTo('body');
+        }
+        if (fallback) {
+          var path = opts.fallback_path || '';
+          $.each(fallback, function (id, imgsrc) {
+            holder = $('#' + id);
+            var icon = $(new Image()).attr({
+              class: 'svg_icon',
+              src: path + imgsrc,
+              width: iconW,
+              height: iconH,
+              alt: 'icon'
+            });
+
+            addIcon(icon, id);
+          });
+        } else {
+          var len = elems.length;
+          for (var i = 0; i < len; i++) {
+            var elem = elems[i];
+            var id = elem.id;
+
+            if (id === 'svg_eof') break;
+            holder = $('#' + id);
+            var svgroot = document.createElementNS(svgns, 'svg');
+            // Per https://www.w3.org/TR/xml-names11/#defaulting, the namespace for
+            // attributes should have no value.
+            svgroot.setAttributeNS(null, 'viewBox', [0, 0, iconW, iconH].join(' '));
+
+            var svg = elem.getElementsByTagNameNS(svgns, 'svg')[0];
+
+            // Make flexible by converting width/height to viewBox
+            var w = svg.getAttribute('width');
+            var h = svg.getAttribute('height');
+            svg.removeAttribute('width');
+            svg.removeAttribute('height');
+
+            var vb = svg.getAttribute('viewBox');
+            if (!vb) {
+              svg.setAttribute('viewBox', [0, 0, w, h].join(' '));
+            }
+
+            // Not using jQuery to be a bit faster
+            svgroot.setAttribute('xmlns', svgns);
+            svgroot.setAttribute('width', iconW);
+            svgroot.setAttribute('height', iconH);
+            svgroot.setAttribute('xmlns:xlink', xlinkns);
+            svgroot.setAttribute('class', 'svg_icon');
+
+            // Without cloning, Firefox will make another GET request.
+            // With cloning, causes issue in Opera/Win/Non-EN
+            if (!isOpera) svg = svg.cloneNode(true);
+
+            svgroot.append(svg);
+
+            var icon = void 0;
+            if (toImage) {
+              tempHolder.empty().append(svgroot);
+              var str = dataPre + encode64(unescape(encodeURIComponent(new XMLSerializer().serializeToString(svgroot))));
+              icon = $(new Image()).attr({ class: 'svg_icon', src: str });
+            } else {
+              icon = fixIDs($(svgroot), i);
+            }
+            addIcon(icon, id);
+          }
+        }
+
+        if (opts.placement) {
+          $.each(opts.placement, function (sel, id) {
+            if (!svgIcons[id]) return;
+            $(sel).each(function (i) {
+              var copy = svgIcons[id].clone();
+              if (i > 0 && !toImage) copy = fixIDs(copy, i, true);
+              setIcon($(this), copy, id);
+            });
+          });
+        }
+        if (!fallback) {
+          if (toImage) tempHolder.remove();
+          if (dataEl) dataEl.remove();
+          if (testImg) testImg.remove();
+        }
+        if (opts.resize) $.resizeSvgIcons(opts.resize);
+        iconsMade = true;
+
+        if (opts.callback) opts.callback(svgIcons);
+      }
+
+      fixIDs = function fixIDs(svgEl, svgNum, force) {
+        var defs = svgEl.find('defs');
+        if (!defs.length) return svgEl;
+
+        var idElems = void 0;
+        if (isOpera) {
+          idElems = defs.find('*').filter(function () {
+            return !!this.id;
+          });
+        } else {
+          idElems = defs.find('[id]');
+        }
+
+        var allElems = svgEl[0].getElementsByTagName('*'),
+            len = allElems.length;
+
+        idElems.each(function (i) {
+          var id = this.id;
+          /*
+          const noDupes = ($(svgdoc).find('#' + id).length <= 1);
+          if (isOpera) noDupes = false; // Opera didn't clone svgEl, so not reliable
+          if(!force && noDupes) return;
+          */
+
+          var newId = 'x' + id + svgNum + i;
+          this.id = newId;
+
+          var oldVal = 'url(#' + id + ')';
+          var newVal = 'url(#' + newId + ')';
+
+          // Selector method, possibly faster but fails in Opera / jQuery 1.4.3
+          //  svgEl.find('[fill="url(#' + id + ')"]').each(function() {
+          //    this.setAttribute('fill', 'url(#' + newId + ')');
+          //  }).end().find('[stroke="url(#' + id + ')"]').each(function() {
+          //    this.setAttribute('stroke', 'url(#' + newId + ')');
+          //  }).end().find('use').each(function() {
+          //    if(this.getAttribute('xlink:href') == '#' + id) {
+          //      this.setAttributeNS(xlinkns,'href','#' + newId);
+          //    }
+          //  }).end().find('[filter="url(#' + id + ')"]').each(function() {
+          //    this.setAttribute('filter', 'url(#' + newId + ')');
+          //  });
+
+          for (i = 0; i < len; i++) {
+            var elem = allElems[i];
+            if (elem.getAttribute('fill') === oldVal) {
+              elem.setAttribute('fill', newVal);
+            }
+            if (elem.getAttribute('stroke') === oldVal) {
+              elem.setAttribute('stroke', newVal);
+            }
+            if (elem.getAttribute('filter') === oldVal) {
+              elem.setAttribute('filter', newVal);
+            }
+          }
+        });
+        return svgEl;
+      };
+
+      function useFallback() {
+        if (file.includes('.svgz')) {
+          var regFile = file.replace('.svgz', '.svg');
+          if (window.console) {
+            console.log('.svgz failed, trying with .svg');
+          }
+          $.svgIcons(regFile, opts);
+        } else if (opts.fallback) {
+          makeIcons(false, opts.fallback);
+        }
+      }
+
+      function encode64(input) {
+        // base64 strings are 4/3 larger than the original string
+        if (window.btoa) return window.btoa(input);
+        var _keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+        var output = new Array(Math.floor((input.length + 2) / 3) * 4);
+
+        var i = 0,
+            p = 0;
+        do {
+          var chr1 = input.charCodeAt(i++);
+          var chr2 = input.charCodeAt(i++);
+          var chr3 = input.charCodeAt(i++);
+
+          var enc1 = chr1 >> 2;
+          var enc2 = (chr1 & 3) << 4 | chr2 >> 4;
+
+          var enc3 = (chr2 & 15) << 2 | chr3 >> 6;
+          var enc4 = chr3 & 63;
+          if (isNaN(chr2)) {
+            enc3 = enc4 = 64;
+          } else if (isNaN(chr3)) {
+            enc4 = 64;
+          }
+
+          output[p++] = _keyStr.charAt(enc1);
+          output[p++] = _keyStr.charAt(enc2);
+          output[p++] = _keyStr.charAt(enc3);
+          output[p++] = _keyStr.charAt(enc4);
+        } while (i < input.length);
+
+        return output.join('');
+      }
+    };
+
+    /**
+    * @function external:jQuery.getSvgIcon
+    * @param {string} id
+    * @param {boolean} uniqueClone Whether to clone
+    * @returns {external:jQuery} The icon (optionally cloned)
+    */
+    $.getSvgIcon = function (id, uniqueClone) {
+      var icon = svgIcons[id];
+      if (uniqueClone && icon) {
+        icon = fixIDs(icon, 0, true).clone(true);
+      }
+      return icon;
+    };
+
+    /**
+    * @typedef {GenericArray} module:jQuerySVGIcons.Dimensions
+    * @property {Integer} length 2
+    * @property {Float} 0 Width
+    * @property {Float} 1 Height
+    */
+
+    /**
+    * If a Float is used, it will represent width and height. Arrays contain the width and height.
+    * @typedef {module:jQuerySVGIcons.Dimensions|Float} module:jQuerySVGIcons.Size
+    */
+
+    /**
+    * @function external:jQuery.resizeSvgIcons
+    * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} obj Object with selectors as keys. The values are sizes.
+    * @returns {undefined}
+    */
+    $.resizeSvgIcons = function (obj) {
+      // FF2 and older don't detect .svg_icon, so we change it detect svg elems instead
+      var changeSel = !$('.svg_icon:first').length;
+      $.each(obj, function (sel, size) {
+        var arr = Array.isArray(size);
+        var w = arr ? size[0] : size,
+            h = arr ? size[1] : size;
+        if (changeSel) {
+          sel = sel.replace(/\.svg_icon/g, 'svg');
+        }
+        $(sel).each(function () {
+          this.setAttribute('width', w);
+          this.setAttribute('height', h);
+          if (window.opera && window.widget) {
+            this.parentNode.style.width = w + 'px';
+            this.parentNode.style.height = h + 'px';
+          }
+        });
+      });
+    };
+    return $;
+  }
+
+  /**
+   * jGraduate 0.4
+   *
+   * jQuery Plugin for a gradient picker
+   *
+   * @module jGraduate
+   * @copyright 2010 Jeff Schiller {@link http://blog.codedread.com/}, 2010 Alexis Deveria {@link http://a.deveria.com/}
+   *
+   * @license Apache-2.0
+   * @example
+   * // The Paint object is described below.
+   * $.jGraduate.Paint() // constructs a 'none' color
+   * @example $.jGraduate.Paint({copy: o}) // creates a copy of the paint o
+   * @example $.jGraduate.Paint({hex: '#rrggbb'}) // creates a solid color paint with hex = "#rrggbb"
+   * @example $.jGraduate.Paint({linearGradient: o, a: 50}) // creates a linear gradient paint with opacity=0.5
+   * @example $.jGraduate.Paint({radialGradient: o, a: 7}) // creates a radial gradient paint with opacity=0.07
+   * @example $.jGraduate.Paint({hex: '#rrggbb', linearGradient: o}) // throws an exception?
+   *
+  */
+
+  /**
+    * The jQuery namespace.
+    * @external jQuery
+  */
+  /**
+   * The jQuery plugin namespace.
+   * @namespace {PlainObject} fn
+   * @memberof external:jQuery
+   * @see {@link http://learn.jquery.com/plugins/|jQuery Plugins}
+   */
+
+  var ns = {
+    svg: 'http://www.w3.org/2000/svg',
+    xlink: 'http://www.w3.org/1999/xlink'
+  };
+
+  if (!window.console) {
+    window.console = {
+      log: function log(str) {},
+      dir: function dir(str) {}
+    };
+  }
+
+  /**
+  * Adds {@link external:jQuery.jGraduate.Paint}, {@link external:jQuery.fn.jGraduateDefaults}, {@link external:jQuery.fn.jGraduate}
+  * @function module:jGraduate.jGraduate
+  * @param {external:jQuery} $ The jQuery instance to wrap
+  * @returns {external:jQuery}
+  */
+  function jqPluginJGraduate ($) {
+    if (!$.loadingStylesheets) {
+      $.loadingStylesheets = [];
+    }
+    var stylesheet = 'jgraduate/css/jGraduate.css';
+    if (!$.loadingStylesheets.includes(stylesheet)) {
+      $.loadingStylesheets.push(stylesheet);
+    }
+
+    /**
+    * @typedef {PlainObject} module:jGraduate.jGraduatePaintOptions
+    * @param {Float} [alpha]
+    * @param {module:jGraduate~Paint} [copy] Copy paint object
+    * @param {SVGLinearGradientElement} [linearGradient]
+    * @param {SVGRadialGradientElement} [radialGradient]
+    * @param {string} [solidColor]
+    */
+
+    /**
+    * @memberof module:jGraduate~
+    */
+
+    var Paint =
+    /**
+     * @param {module:jGraduate.jGraduatePaintOptions} [opt]
+    */
+    function Paint(opt) {
+      classCallCheck(this, Paint);
+
+      var options = opt || {};
+      this.alpha = isNaN(options.alpha) ? 100 : options.alpha;
+      // copy paint object
+      if (options.copy) {
+        /**
+         * @name module:jGraduate~Paint#type
+         * @type {"none"|"solidColor"|"linearGradient"|"radialGradient"}
+         */
+        this.type = options.copy.type;
+        /**
+         * Represents opacity (0-100)
+         * @name module:jGraduate~Paint#alpha
+         * @type {Float}
+         */
+        this.alpha = options.copy.alpha;
+        /**
+         * Represents #RRGGBB hex of color
+         * @name module:jGraduate~Paint#solidColor
+         * @type {string}
+         */
+        this.solidColor = null;
+        /**
+         * @name module:jGraduate~Paint#linearGradient
+         * @type {SVGLinearGradientElement}
+         */
+        this.linearGradient = null;
+        /**
+         * @name module:jGraduate~Paint#radialGradient
+         * @type {SVGRadialGradientElement}
+         */
+        this.radialGradient = null;
+
+        switch (this.type) {
+          case 'none':
+            break;
+          case 'solidColor':
+            this.solidColor = options.copy.solidColor;
+            break;
+          case 'linearGradient':
+            this.linearGradient = options.copy.linearGradient.cloneNode(true);
+            break;
+          case 'radialGradient':
+            this.radialGradient = options.copy.radialGradient.cloneNode(true);
+            break;
+        }
+        // create linear gradient paint
+      } else if (options.linearGradient) {
+        this.type = 'linearGradient';
+        this.solidColor = null;
+        this.radialGradient = null;
+        this.linearGradient = options.linearGradient.cloneNode(true);
+        // create linear gradient paint
+      } else if (options.radialGradient) {
+        this.type = 'radialGradient';
+        this.solidColor = null;
+        this.linearGradient = null;
+        this.radialGradient = options.radialGradient.cloneNode(true);
+        // create solid color paint
+      } else if (options.solidColor) {
+        this.type = 'solidColor';
+        this.solidColor = options.solidColor;
+        // create empty paint
+      } else {
+        this.type = 'none';
+        this.solidColor = null;
+        this.linearGradient = null;
+        this.radialGradient = null;
+      }
+    };
+    /**
+    * @namespace {PlainObject} jGraduate
+    * @memberof external:jQuery
+    */
+
+
+    $.jGraduate = /** @lends external:jQuery.jGraduate */{
+      /**
+      * @class external:jQuery.jGraduate.Paint
+      * @see module:jGraduate~Paint
+      */
+      Paint: Paint
+    };
+
+    // JSDoc doesn't show this as belonging to our `module:jGraduate.Options` type,
+    //   so we use `@see`
+    /**
+    * @namespace {module:jGraduate.Options} jGraduateDefaults
+    * @memberof external:jQuery.fn
+    */
+    $.fn.jGraduateDefaults = /** @lends external:jQuery.fn.jGraduateDefaults */{
+      /**
+      * Creates an object with a 'none' color
+      * @type {external:jQuery.jGraduate.Paint}
+      * @see module:jGraduate.Options
+      */
+      paint: new $.jGraduate.Paint(),
+      /**
+      * @namespace
+      */
+      window: {
+        /**
+        * @type {string}
+        * @see module:jGraduate.Options
+        */
+        pickerTitle: 'Drag markers to pick a paint'
+      },
+      /**
+      * @namespace
+      */
+      images: {
+        /**
+        * @type {string}
+        * @see module:jGraduate.Options
+        */
+        clientPath: 'images/'
+      },
+      /**
+      * @type {string}
+      * @see module:jGraduate.Options
+      */
+      newstop: 'inverse' // same, inverse, black, white
+    };
+
+    var isGecko = navigator.userAgent.includes('Gecko/');
+
+    function setAttrs(elem, attrs) {
+      if (isGecko) {
+        for (var aname in attrs) {
+          elem.setAttribute(aname, attrs[aname]);
+        }
+      } else {
+        for (var _aname in attrs) {
+          var val = attrs[_aname],
+              prop = elem[_aname];
+          if (prop && prop.constructor === 'SVGLength') {
+            prop.baseVal.value = val;
+          } else {
+            elem.setAttribute(_aname, val);
+          }
+        }
+      }
+    }
+
+    function mkElem(name, attrs, newparent) {
+      var elem = document.createElementNS(ns.svg, name);
+      setAttrs(elem, attrs);
+      if (newparent) {
+        newparent.append(elem);
+      }
+      return elem;
+    }
+
+    /**
+    * @typedef {PlainObject} module:jGraduate.ColorOpac Object may have one or both values
+    * @property {string} [color] #Hex color
+    * @property {Float} [opac] 0-1
+    */
+    /**
+    * @typedef {PlainObject} module:jGraduate.Options
+    * @property {module:jGraduate~Paint} [paint] A Paint object object describing the paint to display initially; defaults to a new instance without options (defaults to opaque white)
+    * @property {external:Window} [window]
+    * @property {string} [window.pickerTitle='Drag markers to pick a paint']
+    * @property {PlainObject} [images]
+    * @property {string} [images.clientPath='images/']
+    * @property {"same"|"inverse"|"black"|"white"|module:jGraduate.ColorOpac} [newstop="inverse"]
+    */
+
+    /**
+    * @callback external:jQuery.fn.jGraduate.OkCallback
+    * @param {external:jQuery.jGraduate.Paint} paint
+    * @returns {undefined}
+    */
+    /**
+    * @callback external:jQuery.fn.jGraduate.CancelCallback
+    * @returns {undefined}
+    */
+
+    /**
+    * @function external:jQuery.fn.jGraduate
+    * @param {module:jGraduate.Options} [options]
+    * @param {external:jQuery.fn.jGraduate.OkCallback} [okCallback] Called with a Paint object when Ok is pressed
+    * @param {external:jQuery.fn.jGraduate.CancelCallback} [cancelCallback] Called with no arguments when Cancel is pressed
+    * @returns {external:jQuery}
+    */
+    $.fn.jGraduate = function (options, okCallback, cancelCallback) {
+      return this.each(function () {
+        var $this = $(this),
+            $settings = $.extend(true, {}, $.fn.jGraduateDefaults, options || {}),
+            id = $this.attr('id'),
+            idref = '#' + $this.attr('id') + ' ';
+
+        if (!idref) {
+          alert('Container element must have an id attribute to maintain unique id strings for sub-elements.');
+          return;
+        }
+
+        var okClicked = function okClicked() {
+          switch ($this.paint.type) {
+            case 'radialGradient':
+              $this.paint.linearGradient = null;
+              break;
+            case 'linearGradient':
+              $this.paint.radialGradient = null;
+              break;
+            case 'solidColor':
+              $this.paint.radialGradient = $this.paint.linearGradient = null;
+              break;
+          }
+          typeof $this.okCallback === 'function' && $this.okCallback($this.paint);
+          $this.hide();
+        };
+        var cancelClicked = function cancelClicked() {
+          typeof $this.cancelCallback === 'function' && $this.cancelCallback();
+          $this.hide();
+        };
+
+        $.extend(true, $this, { // public properties, methods, and callbacks
+          // make a copy of the incoming paint
+          paint: new $.jGraduate.Paint({ copy: $settings.paint }),
+          okCallback: typeof okCallback === 'function' ? okCallback : null,
+          cancelCallback: typeof cancelCallback === 'function' ? cancelCallback : null
+        });
+
+        var // pos = $this.position(),
+        color = null;
+        var $win = $(window);
+
+        if ($this.paint.type === 'none') {
+          $this.paint = new $.jGraduate.Paint({ solidColor: 'ffffff' });
+        }
+
+        $this.addClass('jGraduate_Picker');
+        $this.html('<ul class="jGraduate_tabs">' + '<li class="jGraduate_tab_color jGraduate_tab_current" data-type="col">Solid Color</li>' + '<li class="jGraduate_tab_lingrad" data-type="lg">Linear Gradient</li>' + '<li class="jGraduate_tab_radgrad" data-type="rg">Radial Gradient</li>' + '</ul>' + '<div class="jGraduate_colPick"></div>' + '<div class="jGraduate_gradPick"></div>' + '<div class="jGraduate_LightBox"></div>' + '<div id="' + id + '_jGraduate_stopPicker" class="jGraduate_stopPicker"></div>');
+        var colPicker = $(idref + '> .jGraduate_colPick');
+        var gradPicker = $(idref + '> .jGraduate_gradPick');
+
+        gradPicker.html('<div id="' + id + '_jGraduate_Swatch" class="jGraduate_Swatch">' + '<h2 class="jGraduate_Title">' + $settings.window.pickerTitle + '</h2>' + '<div id="' + id + '_jGraduate_GradContainer" class="jGraduate_GradContainer"></div>' + '<div id="' + id + '_jGraduate_StopSlider" class="jGraduate_StopSlider"></div>' + '</div>' + '<div class="jGraduate_Form jGraduate_Points jGraduate_lg_field">' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">Begin Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_x1" size="3" title="Enter starting x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_y1" size="3" title="Enter starting y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">End Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_x2" size="3" title="Enter ending x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_y2" size="3" title="Enter ending y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '</div>' + '<div class="jGraduate_Form jGraduate_Points jGraduate_rg_field">' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">Center Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_cx" size="3" title="Enter x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_cy" size="3" title="Enter y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">Focal Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>Match center: <input type="checkbox" checked="checked" id="' + id + '_jGraduate_match_ctr"/></label><br/>' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_fx" size="3" title="Enter x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_fy" size="3" title="Enter y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '</div>' + '<div class="jGraduate_StopSection jGraduate_SpreadMethod">' + '<label class="jGraduate_Form_Heading">Spread method</label>' + '<div class="jGraduate_Form_Section">' + '<select class="jGraduate_spreadMethod">' + '<option value=pad selected>Pad</option>' + '<option value=reflect>Reflect</option>' + '<option value=repeat>Repeat</option>' + '</select>' + '</div>' + '</div>' + '<div class="jGraduate_Form">' + '<div class="jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field">' + '<label class="prelabel">Radius:</label>' + '<div id="' + id + '_jGraduate_Radius" class="jGraduate_SliderBar jGraduate_Radius" title="Click to set radius">' + '<img id="' + id + '_jGraduate_RadiusArrows" class="jGraduate_RadiusArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_RadiusInput" size="3" value="100"/>%</label>' + '</div>' + '<div class="jGraduate_Slider jGraduate_EllipField jGraduate_rg_field">' + '<label class="prelabel">Ellip:</label>' + '<div id="' + id + '_jGraduate_Ellip" class="jGraduate_SliderBar jGraduate_Ellip" title="Click to set Ellip">' + '<img id="' + id + '_jGraduate_EllipArrows" class="jGraduate_EllipArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_EllipInput" size="3" value="0"/>%</label>' + '</div>' + '<div class="jGraduate_Slider jGraduate_AngleField jGraduate_rg_field">' + '<label class="prelabel">Angle:</label>' + '<div id="' + id + '_jGraduate_Angle" class="jGraduate_SliderBar jGraduate_Angle" title="Click to set Angle">' + '<img id="' + id + '_jGraduate_AngleArrows" class="jGraduate_AngleArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_AngleInput" size="3" value="0"/>deg</label>' + '</div>' + '<div class="jGraduate_Slider jGraduate_OpacField">' + '<label class="prelabel">Opac:</label>' + '<div id="' + id + '_jGraduate_Opac" class="jGraduate_SliderBar jGraduate_Opac" title="Click to set Opac">' + '<img id="' + id + '_jGraduate_OpacArrows" class="jGraduate_OpacArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_OpacInput" size="3" value="100"/>%</label>' + '</div>' + '</div>' + '<div class="jGraduate_OkCancel">' + '<input type="button" id="' + id + '_jGraduate_Ok" class="jGraduate_Ok" value="OK"/>' + '<input type="button" id="' + id + '_jGraduate_Cancel" class="jGraduate_Cancel" value="Cancel"/>' + '</div>');
+
+        // --------------
+        // Set up all the SVG elements (the gradient, stops and rectangle)
+        var MAX = 256,
+            MARGINX = 0,
+            MARGINY = 0,
+
+        // STOP_RADIUS = 15 / 2,
+        SIZEX = MAX - 2 * MARGINX,
+            SIZEY = MAX - 2 * MARGINY;
+
+        var attrInput = {};
+
+        var SLIDERW = 145;
+        $('.jGraduate_SliderBar').width(SLIDERW);
+
+        var container = $('#' + id + '_jGraduate_GradContainer')[0];
+
+        var svg = mkElem('svg', {
+          id: id + '_jgraduate_svg',
+          width: MAX,
+          height: MAX,
+          xmlns: ns.svg
+        }, container);
+
+        // This wasn't working as designed
+        // let curType;
+        // curType = curType || $this.paint.type;
+
+        // if we are sent a gradient, import it
+        var curType = $this.paint.type;
+
+        var grad = $this.paint[curType];
+        var curGradient = grad;
+
+        var gradalpha = $this.paint.alpha;
+
+        var isSolid = curType === 'solidColor';
+
+        // Make any missing gradients
+        switch (curType) {
+          case 'solidColor':
+          // fall through
+          case 'linearGradient':
+            if (!isSolid) {
+              curGradient.id = id + '_lg_jgraduate_grad';
+              grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));
+            }
+            mkElem('radialGradient', {
+              id: id + '_rg_jgraduate_grad'
+            }, svg);
+            if (curType === 'linearGradient') {
+              break;
+            }
+          // fall through
+          case 'radialGradient':
+            if (!isSolid) {
+              curGradient.id = id + '_rg_jgraduate_grad';
+              grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));
+            }
+            mkElem('linearGradient', {
+              id: id + '_lg_jgraduate_grad'
+            }, svg);
+        }
+
+        var stopGroup = void 0; // eslint-disable-line prefer-const
+        if (isSolid) {
+          grad = curGradient = $('#' + id + '_lg_jgraduate_grad')[0];
+          color = $this.paint[curType];
+          mkStop(0, '#' + color, 1);
+
+          var type = _typeof($settings.newstop);
+
+          if (type === 'string') {
+            switch ($settings.newstop) {
+              case 'same':
+                mkStop(1, '#' + color, 1);
+                break;
+
+              case 'inverse':
+                // Invert current color for second stop
+                var inverted = '';
+                for (var i = 0; i < 6; i += 2) {
+                  // const ch = color.substr(i, 2);
+                  var inv = (255 - parseInt(color.substr(i, 2), 16)).toString(16);
+                  if (inv.length < 2) inv = 0 + inv;
+                  inverted += inv;
+                }
+                mkStop(1, '#' + inverted, 1);
+                break;
+
+              case 'white':
+                mkStop(1, '#ffffff', 1);
+                break;
+
+              case 'black':
+                mkStop(1, '#000000', 1);
+                break;
+            }
+          } else if (type === 'object') {
+            var opac = 'opac' in $settings.newstop ? $settings.newstop.opac : 1;
+            mkStop(1, $settings.newstop.color || '#' + color, opac);
+          }
+        }
+
+        var x1 = parseFloat(grad.getAttribute('x1') || 0.0),
+            y1 = parseFloat(grad.getAttribute('y1') || 0.0),
+            x2 = parseFloat(grad.getAttribute('x2') || 1.0),
+            y2 = parseFloat(grad.getAttribute('y2') || 0.0);
+
+        var cx = parseFloat(grad.getAttribute('cx') || 0.5),
+            cy = parseFloat(grad.getAttribute('cy') || 0.5),
+            fx = parseFloat(grad.getAttribute('fx') || cx),
+            fy = parseFloat(grad.getAttribute('fy') || cy);
+
+        var previewRect = mkElem('rect', {
+          id: id + '_jgraduate_rect',
+          x: MARGINX,
+          y: MARGINY,
+          width: SIZEX,
+          height: SIZEY,
+          fill: 'url(#' + id + '_jgraduate_grad)',
+          'fill-opacity': gradalpha / 100
+        }, svg);
+
+        // stop visuals created here
+        var beginCoord = $('<div/>').attr({
+          class: 'grad_coord jGraduate_lg_field',
+          title: 'Begin Stop'
+        }).text(1).css({
+          top: y1 * MAX,
+          left: x1 * MAX
+        }).data('coord', 'start').appendTo(container);
+
+        var endCoord = beginCoord.clone().text(2).css({
+          top: y2 * MAX,
+          left: x2 * MAX
+        }).attr('title', 'End stop').data('coord', 'end').appendTo(container);
+
+        var centerCoord = $('<div/>').attr({
+          class: 'grad_coord jGraduate_rg_field',
+          title: 'Center stop'
+        }).text('C').css({
+          top: cy * MAX,
+          left: cx * MAX
+        }).data('coord', 'center').appendTo(container);
+
+        var focusCoord = centerCoord.clone().text('F').css({
+          top: fy * MAX,
+          left: fx * MAX,
+          display: 'none'
+        }).attr('title', 'Focus point').data('coord', 'focus').appendTo(container);
+
+        focusCoord[0].id = id + '_jGraduate_focusCoord';
+
+        // const coords = $(idref + ' .grad_coord');
+
+        // $(container).hover(function () {
+        //   coords.animate({
+        //     opacity: 1
+        //   }, 500);
+        // }, function () {
+        //   coords.animate({
+        //     opacity: .2
+        //   }, 500);
+        // });
+
+        var showFocus = void 0;
+        $.each(['x1', 'y1', 'x2', 'y2', 'cx', 'cy', 'fx', 'fy'], function (i, attr) {
+          var isRadial = isNaN(attr[1]);
+
+          var attrval = curGradient.getAttribute(attr);
+          if (!attrval) {
+            // Set defaults
+            if (isRadial) {
+              // For radial points
+              attrval = '0.5';
+            } else {
+              // Only x2 is 1
+              attrval = attr === 'x2' ? '1.0' : '0.0';
+            }
+          }
+
+          attrInput[attr] = $('#' + id + '_jGraduate_' + attr).val(attrval).change(function () {
+            // TODO: Support values < 0 and > 1 (zoomable preview?)
+            if (isNaN(parseFloat(this.value)) || this.value < 0) {
+              this.value = 0.0;
+            } else if (this.value > 1) {
+              this.value = 1.0;
+            }
+
+            if (!(attr[0] === 'f' && !showFocus)) {
+              if (isRadial && curType === 'radialGradient' || !isRadial && curType === 'linearGradient') {
+                curGradient.setAttribute(attr, this.value);
+              }
+            }
+
+            var $elem = isRadial ? attr[0] === 'c' ? centerCoord : focusCoord : attr[1] === '1' ? beginCoord : endCoord;
+
+            var cssName = attr.includes('x') ? 'left' : 'top';
+
+            $elem.css(cssName, this.value * MAX);
+          }).change();
+        });
+
+        function mkStop(n, color, opac, sel, stopElem) {
+          var stop = stopElem || mkElem('stop', { 'stop-color': color, 'stop-opacity': opac, offset: n }, curGradient);
+          if (stopElem) {
+            color = stopElem.getAttribute('stop-color');
+            opac = stopElem.getAttribute('stop-opacity');
+            n = stopElem.getAttribute('offset');
+          } else {
+            curGradient.append(stop);
+          }
+          if (opac === null) opac = 1;
+
+          var pickerD = 'M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z';
+
+          var pathbg = mkElem('path', {
+            d: pickerD,
+            fill: 'url(#jGraduate_trans)',
+            transform: 'translate(' + (10 + n * MAX) + ', 26)'
+          }, stopGroup);
+
+          var path = mkElem('path', {
+            d: pickerD,
+            fill: color,
+            'fill-opacity': opac,
+            transform: 'translate(' + (10 + n * MAX) + ', 26)',
+            stroke: '#000',
+            'stroke-width': 1.5
+          }, stopGroup);
+
+          $(path).mousedown(function (e) {
+            selectStop(this);
+            drag = curStop;
+            $win.mousemove(dragColor).mouseup(remDrags);
+            stopOffset = stopMakerDiv.offset();
+            e.preventDefault();
+            return false;
+          }).data('stop', stop).data('bg', pathbg).dblclick(function () {
+            $('div.jGraduate_LightBox').show();
+            var colorhandle = this;
+            var stopOpacity = +stop.getAttribute('stop-opacity') || 1;
+            var stopColor = stop.getAttribute('stop-color') || 1;
+            var thisAlpha = (parseFloat(stopOpacity) * 255).toString(16);
+            while (thisAlpha.length < 2) {
+              thisAlpha = '0' + thisAlpha;
+            }
+            color = stopColor.substr(1) + thisAlpha;
+            $('#' + id + '_jGraduate_stopPicker').css({ left: 100, bottom: 15 }).jPicker({
+              window: { title: 'Pick the start color and opacity for the gradient' },
+              images: { clientPath: $settings.images.clientPath },
+              color: { active: color, alphaSupport: true }
+            }, function (color, arg2) {
+              stopColor = color.val('hex') ? '#' + color.val('hex') : 'none';
+              stopOpacity = color.val('a') !== null ? color.val('a') / 256 : 1;
+              colorhandle.setAttribute('fill', stopColor);
+              colorhandle.setAttribute('fill-opacity', stopOpacity);
+              stop.setAttribute('stop-color', stopColor);
+              stop.setAttribute('stop-opacity', stopOpacity);
+              $('div.jGraduate_LightBox').hide();
+              $('#' + id + '_jGraduate_stopPicker').hide();
+            }, null, function () {
+              $('div.jGraduate_LightBox').hide();
+              $('#' + id + '_jGraduate_stopPicker').hide();
+            });
+          });
+
+          $(curGradient).find('stop').each(function () {
+            var curS = $(this);
+            if (+this.getAttribute('offset') > n) {
+              if (!color) {
+                var newcolor = this.getAttribute('stop-color');
+                var newopac = this.getAttribute('stop-opacity');
+                stop.setAttribute('stop-color', newcolor);
+                path.setAttribute('fill', newcolor);
+                stop.setAttribute('stop-opacity', newopac === null ? 1 : newopac);
+                path.setAttribute('fill-opacity', newopac === null ? 1 : newopac);
+              }
+              curS.before(stop);
+              return false;
+            }
+          });
+          if (sel) selectStop(path);
+          return stop;
+        }
+
+        function remStop() {
+          delStop.setAttribute('display', 'none');
+          var path = $(curStop);
+          var stop = path.data('stop');
+          var bg = path.data('bg');
+          $([curStop, stop, bg]).remove();
+        }
+
+        var stopMakerDiv = $('#' + id + '_jGraduate_StopSlider');
+
+        var stops = void 0,
+            curStop = void 0,
+            drag = void 0;
+
+        var delStop = mkElem('path', {
+          d: 'm9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5',
+          fill: 'none',
+          stroke: '#D00',
+          'stroke-width': 5,
+          display: 'none'
+        }, undefined); // stopMakerSVG);
+
+        function selectStop(item) {
+          if (curStop) curStop.setAttribute('stroke', '#000');
+          item.setAttribute('stroke', 'blue');
+          curStop = item;
+          curStop.parentNode.append(curStop);
+          //   stops = $('stop');
+          //   opac_select.val(curStop.attr('fill-opacity') || 1);
+          //   root.append(delStop);
+        }
+
+        var stopOffset = void 0;
+
+        function remDrags() {
+          $win.unbind('mousemove', dragColor);
+          if (delStop.getAttribute('display') !== 'none') {
+            remStop();
+          }
+          drag = null;
+        }
+
+        var scaleX = 1,
+            scaleY = 1,
+            angle = 0;
+
+        var cX = cx;
+        var cY = cy;
+        function xform() {
+          var rot = angle ? 'rotate(' + angle + ',' + cX + ',' + cY + ') ' : '';
+          if (scaleX === 1 && scaleY === 1) {
+            curGradient.removeAttribute('gradientTransform');
+            // $('#ang').addClass('dis');
+          } else {
+            var x = -cX * (scaleX - 1);
+            var y = -cY * (scaleY - 1);
+            curGradient.setAttribute('gradientTransform', rot + 'translate(' + x + ',' + y + ') scale(' + scaleX + ',' + scaleY + ')');
+            // $('#ang').removeClass('dis');
+          }
+        }
+
+        function dragColor(evt) {
+          var x = evt.pageX - stopOffset.left;
+          var y = evt.pageY - stopOffset.top;
+          x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10 : x;
+
+          var xfStr = 'translate(' + x + ', 26)';
+          if (y < -60 || y > 130) {
+            delStop.setAttribute('display', 'block');
+            delStop.setAttribute('transform', xfStr);
+          } else {
+            delStop.setAttribute('display', 'none');
+          }
+
+          drag.setAttribute('transform', xfStr);
+          $.data(drag, 'bg').setAttribute('transform', xfStr);
+          var stop = $.data(drag, 'stop');
+          var sX = (x - 10) / MAX;
+
+          stop.setAttribute('offset', sX);
+
+          var last = 0;
+          $(curGradient).find('stop').each(function (i) {
+            var cur = this.getAttribute('offset');
+            var t = $(this);
+            if (cur < last) {
+              t.prev().before(t);
+              stops = $(curGradient).find('stop');
+            }
+            last = cur;
+          });
+        }
+
+        var stopMakerSVG = mkElem('svg', {
+          width: '100%',
+          height: 45
+        }, stopMakerDiv[0]);
+
+        var transPattern = mkElem('pattern', {
+          width: 16,
+          height: 16,
+          patternUnits: 'userSpaceOnUse',
+          id: 'jGraduate_trans'
+        }, stopMakerSVG);
+
+        var transImg = mkElem('image', {
+          width: 16,
+          height: 16
+        }, transPattern);
+
+        var bgImage = $settings.images.clientPath + 'map-opacity.png';
+
+        transImg.setAttributeNS(ns.xlink, 'xlink:href', bgImage);
+
+        $(stopMakerSVG).click(function (evt) {
+          stopOffset = stopMakerDiv.offset();
+          var target = evt.target;
+
+          if (target.tagName === 'path') return;
+          var x = evt.pageX - stopOffset.left - 8;
+          x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10 : x;
+          mkStop(x / MAX, 0, 0, true);
+          evt.stopPropagation();
+        });
+
+        $(stopMakerSVG).mouseover(function () {
+          stopMakerSVG.append(delStop);
+        });
+
+        stopGroup = mkElem('g', {}, stopMakerSVG);
+
+        mkElem('line', {
+          x1: 10,
+          y1: 15,
+          x2: MAX + 10,
+          y2: 15,
+          'stroke-width': 2,
+          stroke: '#000'
+        }, stopMakerSVG);
+
+        var spreadMethodOpt = gradPicker.find('.jGraduate_spreadMethod').change(function () {
+          curGradient.setAttribute('spreadMethod', $(this).val());
+        });
+
+        // handle dragging the stop around the swatch
+        var draggingCoord = null;
+
+        var onCoordDrag = function onCoordDrag(evt) {
+          var x = evt.pageX - offset.left;
+          var y = evt.pageY - offset.top;
+
+          // clamp stop to the swatch
+          x = x < 0 ? 0 : x > MAX ? MAX : x;
+          y = y < 0 ? 0 : y > MAX ? MAX : y;
+
+          draggingCoord.css('left', x).css('top', y);
+
+          // calculate stop offset
+          var fracx = x / SIZEX;
+          var fracy = y / SIZEY;
+
+          var type = draggingCoord.data('coord');
+          var grad = curGradient;
+
+          switch (type) {
+            case 'start':
+              attrInput.x1.val(fracx);
+              attrInput.y1.val(fracy);
+              grad.setAttribute('x1', fracx);
+              grad.setAttribute('y1', fracy);
+              break;
+            case 'end':
+              attrInput.x2.val(fracx);
+              attrInput.y2.val(fracy);
+              grad.setAttribute('x2', fracx);
+              grad.setAttribute('y2', fracy);
+              break;
+            case 'center':
+              attrInput.cx.val(fracx);
+              attrInput.cy.val(fracy);
+              grad.setAttribute('cx', fracx);
+              grad.setAttribute('cy', fracy);
+              cX = fracx;
+              cY = fracy;
+              xform();
+              break;
+            case 'focus':
+              attrInput.fx.val(fracx);
+              attrInput.fy.val(fracy);
+              grad.setAttribute('fx', fracx);
+              grad.setAttribute('fy', fracy);
+              xform();
+          }
+
+          evt.preventDefault();
+        };
+
+        var onCoordUp = function onCoordUp() {
+          draggingCoord = null;
+          $win.unbind('mousemove', onCoordDrag).unbind('mouseup', onCoordUp);
+        };
+
+        // Linear gradient
+        // (function () {
+
+        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+
+        var numstops = stops.length;
+        // if there are not at least two stops, then
+        if (numstops < 2) {
+          while (numstops < 2) {
+            curGradient.append(document.createElementNS(ns.svg, 'stop'));
+            ++numstops;
+          }
+          stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+        }
+
+        for (var _i = 0; _i < numstops; _i++) {
+          mkStop(0, 0, 0, 0, stops[_i]);
+        }
+
+        spreadMethodOpt.val(curGradient.getAttribute('spreadMethod') || 'pad');
+
+        var offset = void 0;
+
+        // No match, so show focus point
+        showFocus = false;
+
+        previewRect.setAttribute('fill-opacity', gradalpha / 100);
+
+        $('#' + id + ' div.grad_coord').mousedown(function (evt) {
+          evt.preventDefault();
+          draggingCoord = $(this);
+          // const sPos = draggingCoord.offset();
+          offset = draggingCoord.parent().offset();
+          $win.mousemove(onCoordDrag).mouseup(onCoordUp);
+        });
+
+        // bind GUI elements
+        $('#' + id + '_jGraduate_Ok').bind('click', function () {
+          $this.paint.type = curType;
+          $this.paint[curType] = curGradient.cloneNode(true);
+          $this.paint.solidColor = null;
+          okClicked();
+        });
+        $('#' + id + '_jGraduate_Cancel').bind('click', function (paint) {
+          cancelClicked();
+        });
+
+        if (curType === 'radialGradient') {
+          if (showFocus) {
+            focusCoord.show();
+          } else {
+            focusCoord.hide();
+            attrInput.fx.val('');
+            attrInput.fy.val('');
+          }
+        }
+
+        $('#' + id + '_jGraduate_match_ctr')[0].checked = !showFocus;
+
+        var lastfx = void 0,
+            lastfy = void 0;
+
+        $('#' + id + '_jGraduate_match_ctr').change(function () {
+          showFocus = !this.checked;
+          focusCoord.toggle(showFocus);
+          attrInput.fx.val('');
+          attrInput.fy.val('');
+          var grad = curGradient;
+          if (!showFocus) {
+            lastfx = grad.getAttribute('fx');
+            lastfy = grad.getAttribute('fy');
+            grad.removeAttribute('fx');
+            grad.removeAttribute('fy');
+          } else {
+            var _fx = lastfx || 0.5;
+            var _fy = lastfy || 0.5;
+            grad.setAttribute('fx', _fx);
+            grad.setAttribute('fy', _fy);
+            attrInput.fx.val(_fx);
+            attrInput.fy.val(_fy);
+          }
+        });
+
+        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+        numstops = stops.length;
+        // if there are not at least two stops, then
+        if (numstops < 2) {
+          while (numstops < 2) {
+            curGradient.append(document.createElementNS(ns.svg, 'stop'));
+            ++numstops;
+          }
+          stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+        }
+
+        var slider = void 0;
+
+        var setSlider = function setSlider(e) {
+          var _slider = slider,
+              offset = _slider.offset;
+
+          var div = slider.parent;
+          var x = e.pageX - offset.left - parseInt(div.css('border-left-width'));
+          if (x > SLIDERW) x = SLIDERW;
+          if (x <= 0) x = 0;
+          var posx = x - 5;
+          x /= SLIDERW;
+
+          switch (slider.type) {
+            case 'radius':
+              x = Math.pow(x * 2, 2.5);
+              if (x > 0.98 && x < 1.02) x = 1;
+              if (x <= 0.01) x = 0.01;
+              curGradient.setAttribute('r', x);
+              break;
+            case 'opacity':
+              $this.paint.alpha = parseInt(x * 100);
+              previewRect.setAttribute('fill-opacity', x);
+              break;
+            case 'ellip':
+              scaleX = 1;
+              scaleY = 1;
+              if (x < 0.5) {
+                x /= 0.5; // 0.001
+                scaleX = x <= 0 ? 0.01 : x;
+              } else if (x > 0.5) {
+                x /= 0.5; // 2
+                x = 2 - x;
+                scaleY = x <= 0 ? 0.01 : x;
+              }
+              xform();
+              x -= 1;
+              if (scaleY === x + 1) {
+                x = Math.abs(x);
+              }
+              break;
+            case 'angle':
+              x = x - 0.5;
+              angle = x *= 180;
+              xform();
+              x /= 100;
+              break;
+          }
+          slider.elem.css({ 'margin-left': posx });
+          x = Math.round(x * 100);
+          slider.input.val(x);
+        };
+
+        var ellipVal = 0,
+            angleVal = 0;
+
+        if (curType === 'radialGradient') {
+          var tlist = curGradient.gradientTransform.baseVal;
+          if (tlist.numberOfItems === 2) {
+            var t = tlist.getItem(0);
+            var s = tlist.getItem(1);
+            if (t.type === 2 && s.type === 3) {
+              var m = s.matrix;
+              if (m.a !== 1) {
+                ellipVal = Math.round(-(1 - m.a) * 100);
+              } else if (m.d !== 1) {
+                ellipVal = Math.round((1 - m.d) * 100);
+              }
+            }
+          } else if (tlist.numberOfItems === 3) {
+            // Assume [R][T][S]
+            var r = tlist.getItem(0);
+            var _t = tlist.getItem(1);
+            var _s = tlist.getItem(2);
+
+            if (r.type === 4 && _t.type === 2 && _s.type === 3) {
+              angleVal = Math.round(r.angle);
+              var _m = _s.matrix;
+              if (_m.a !== 1) {
+                ellipVal = Math.round(-(1 - _m.a) * 100);
+              } else if (_m.d !== 1) {
+                ellipVal = Math.round((1 - _m.d) * 100);
+              }
+            }
+          }
+        }
+
+        var sliders = {
+          radius: {
+            handle: '#' + id + '_jGraduate_RadiusArrows',
+            input: '#' + id + '_jGraduate_RadiusInput',
+            val: (curGradient.getAttribute('r') || 0.5) * 100
+          },
+          opacity: {
+            handle: '#' + id + '_jGraduate_OpacArrows',
+            input: '#' + id + '_jGraduate_OpacInput',
+            val: $this.paint.alpha || 100
+          },
+          ellip: {
+            handle: '#' + id + '_jGraduate_EllipArrows',
+            input: '#' + id + '_jGraduate_EllipInput',
+            val: ellipVal
+          },
+          angle: {
+            handle: '#' + id + '_jGraduate_AngleArrows',
+            input: '#' + id + '_jGraduate_AngleInput',
+            val: angleVal
+          }
+        };
+
+        $.each(sliders, function (type, data) {
+          var handle = $(data.handle);
+          handle.mousedown(function (evt) {
+            var parent = handle.parent();
+            slider = {
+              type: type,
+              elem: handle,
+              input: $(data.input),
+              parent: parent,
+              offset: parent.offset()
+            };
+            $win.mousemove(dragSlider).mouseup(stopSlider);
+            evt.preventDefault();
+          });
+
+          $(data.input).val(data.val).change(function () {
+            var isRad = curType === 'radialGradient';
+            var val = +this.value;
+            var xpos = 0;
+            switch (type) {
+              case 'radius':
+                if (isRad) curGradient.setAttribute('r', val / 100);
+                xpos = Math.pow(val / 100, 1 / 2.5) / 2 * SLIDERW;
+                break;
+
+              case 'opacity':
+                $this.paint.alpha = val;
+                previewRect.setAttribute('fill-opacity', val / 100);
+                xpos = val * (SLIDERW / 100);
+                break;
+
+              case 'ellip':
+                scaleX = scaleY = 1;
+                if (val === 0) {
+                  xpos = SLIDERW * 0.5;
+                  break;
+                }
+                if (val > 99.5) val = 99.5;
+                if (val > 0) {
+                  scaleY = 1 - val / 100;
+                } else {
+                  scaleX = -(val / 100) - 1;
+                }
+
+                xpos = SLIDERW * ((val + 100) / 2) / 100;
+                if (isRad) xform();
+                break;
+
+              case 'angle':
+                angle = val;
+                xpos = angle / 180;
+                xpos += 0.5;
+                xpos *= SLIDERW;
+                if (isRad) xform();
+            }
+            if (xpos > SLIDERW) {
+              xpos = SLIDERW;
+            } else if (xpos < 0) {
+              xpos = 0;
+            }
+            handle.css({ 'margin-left': xpos - 5 });
+          }).change();
+        });
+
+        var dragSlider = function dragSlider(evt) {
+          setSlider(evt);
+          evt.preventDefault();
+        };
+
+        var stopSlider = function stopSlider(evt) {
+          $win.unbind('mousemove', dragSlider).unbind('mouseup', stopSlider);
+          slider = null;
+        };
+
+        // --------------
+        var thisAlpha = ($this.paint.alpha * 255 / 100).toString(16);
+        while (thisAlpha.length < 2) {
+          thisAlpha = '0' + thisAlpha;
+        }
+        thisAlpha = thisAlpha.split('.')[0];
+        color = $this.paint.solidColor === 'none' ? '' : $this.paint.solidColor + thisAlpha;
+
+        if (!isSolid) {
+          color = stops[0].getAttribute('stop-color');
+        }
+
+        // This should be done somewhere else, probably
+        $.extend($.fn.jPicker.defaults.window, {
+          alphaSupport: true, effects: { type: 'show', speed: 0 }
+        });
+
+        colPicker.jPicker({
+          window: { title: $settings.window.pickerTitle },
+          images: { clientPath: $settings.images.clientPath },
+          color: { active: color, alphaSupport: true }
+        }, function (color) {
+          $this.paint.type = 'solidColor';
+          $this.paint.alpha = color.val('ahex') ? Math.round(color.val('a') / 255 * 100) : 100;
+          $this.paint.solidColor = color.val('hex') ? color.val('hex') : 'none';
+          $this.paint.radialGradient = null;
+          okClicked();
+        }, null, function () {
+          cancelClicked();
+        });
+
+        var tabs = $(idref + ' .jGraduate_tabs li');
+        tabs.click(function () {
+          tabs.removeClass('jGraduate_tab_current');
+          $(this).addClass('jGraduate_tab_current');
+          $(idref + ' > div').hide();
+          var type = $(this).attr('data-type');
+          /* const container = */$(idref + ' .jGraduate_gradPick').show();
+          if (type === 'rg' || type === 'lg') {
+            // Show/hide appropriate fields
+            $('.jGraduate_' + type + '_field').show();
+            $('.jGraduate_' + (type === 'lg' ? 'rg' : 'lg') + '_field').hide();
+
+            $('#' + id + '_jgraduate_rect')[0].setAttribute('fill', 'url(#' + id + '_' + type + '_jgraduate_grad)');
+
+            // Copy stops
+
+            curType = type === 'lg' ? 'linearGradient' : 'radialGradient';
+
+            $('#' + id + '_jGraduate_OpacInput').val($this.paint.alpha).change();
+
+            var newGrad = $('#' + id + '_' + type + '_jgraduate_grad')[0];
+
+            if (curGradient !== newGrad) {
+              var curStops = $(curGradient).find('stop');
+              $(newGrad).empty().append(curStops);
+              curGradient = newGrad;
+              var sm = spreadMethodOpt.val();
+              curGradient.setAttribute('spreadMethod', sm);
+            }
+            showFocus = type === 'rg' && curGradient.getAttribute('fx') != null && !(cx === fx && cy === fy);
+            $('#' + id + '_jGraduate_focusCoord').toggle(showFocus);
+            if (showFocus) {
+              $('#' + id + '_jGraduate_match_ctr')[0].checked = false;
+            }
+          } else {
+            $(idref + ' .jGraduate_gradPick').hide();
+            $(idref + ' .jGraduate_colPick').show();
+          }
+        });
+        $(idref + ' > div').hide();
+        tabs.removeClass('jGraduate_tab_current');
+        var tab = void 0;
+        switch ($this.paint.type) {
+          case 'linearGradient':
+            tab = $(idref + ' .jGraduate_tab_lingrad');
+            break;
+          case 'radialGradient':
+            tab = $(idref + ' .jGraduate_tab_radgrad');
+            break;
+          default:
+            tab = $(idref + ' .jGraduate_tab_color');
+            break;
+        }
+        $this.show();
+
+        // jPicker will try to show after a 0ms timeout, so need to fire this after that
+        setTimeout(function () {
+          tab.addClass('jGraduate_tab_current').click();
+        }, 10);
+      });
+    };
+    return $;
+  }
+
+  /**
+   * SpinButton control
+   *
+   * Adds bells and whistles to any ordinary textbox to
+   * make it look and feel like a SpinButton Control.
+   *
+   * Supplies {@link external:jQuery.fn.SpinButton} (and also {@link external:jQuery.loadingStylesheets})
+   *
+   * Originally written by George Adamson, Software Unity (george.jquery@softwareunity.com) August 2006.
+   * - Added min/max options
+   * - Added step size option
+   * - Added bigStep (page up/down) option
+   *
+   * Modifications made by Mark Gibson, (mgibson@designlinks.net) September 2006:
+   * - Converted to jQuery plugin
+   * - Allow limited or unlimited min/max values
+   * - Allow custom class names, and add class to input element
+   * - Removed global vars
+   * - Reset (to original or through config) when invalid value entered
+   * - Repeat whilst holding mouse button down (with initial pause, like keyboard repeat)
+   * - Support mouse wheel in Firefox
+   * - Fix double click in IE
+   * - Refactored some code and renamed some vars
+   *
+   * Modifications by Jeff Schiller, June 2009:
+   * - provide callback function for when the value changes based on the following
+   *   {@link https://www.mail-archive.com/jquery-en@googlegroups.com/msg36070.html}
+   *
+   * Modifications by Jeff Schiller, July 2009:
+   * - improve styling for widget in Opera
+   * - consistent key-repeat handling cross-browser
+   *
+   * Modifications by Alexis Deveria, October 2009:
+   * - provide "stepfunc" callback option to allow custom function to run when changing a value
+   * - Made adjustValue(0) only run on certain keyup events, not all.
+   *
+   * Tested in IE6, Opera9, Firefox 1.5
+   *
+   * | Version | Date | Author | Notes
+   * |---------|------|--------|------|
+   * | v1.0 | 11 Aug 2006 | George Adamson | First release
+   * | v1.1 | Aug 2006 | George Adamson | Minor enhancements
+   * | v1.2 | 27 Sep 2006 | Mark Gibson | Major enhancements
+   * | v1.3a | 28 Sep 2006 | George Adamson | Minor enhancements
+   * | v1.4 | 18 Jun 2009 | Jeff Schiller | Added callback function
+   * | v1.5 | 06 Jul 2009 | Jeff Schiller | Fixes for Opera.
+   * | v1.6 | 13 Oct 2009 | Alexis Deveria | Added stepfunc function
+   * | v1.7 | 21 Oct 2009 | Alexis Deveria | Minor fixes.<br />Fast-repeat for keys and live updating as you type.
+   * | v1.8 | 12 Jan 2010 | Benjamin Thomas | Fixes for mouseout behavior.<br />Added smallStep
+   * | v1.9 | 20 May 2018 | Brett Zamir | Avoid SVGEdit dependency via `stateObj` config;<br />convert to ES6 module |
+   * @module jQuerySpinButton
+   * @example
+
+    // Create group of settings to initialise spinbutton(s). (Optional)
+    const myOptions = {
+      min: 0, // Set lower limit.
+      max: 100, // Set upper limit.
+      step: 1, // Set increment size.
+      smallStep: 0.5, // Set shift-click increment size.
+      stateObj: {tool_scale: 1}, // Object to allow passing in live-updating scale
+      spinClass: mySpinBtnClass, // CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
+      upClass: mySpinUpClass, // CSS class for style when mouse over up button.
+      downClass: mySpinDnClass // CSS class for style when mouse over down button.
+    };
+
+    $(function () {
+      // Initialise INPUT element(s) as SpinButtons: (passing options if desired)
+      $("#myInputElement").SpinButton(myOptions);
+    });
+   */
+  /**
+   * @function module:jQuerySpinButton.jQuerySpinButton
+   * @param {external:jQuery} $ The jQuery object to which to add the plug-in
+   * @returns {external:jQuery}
+  */
+  function jqPluginSpinBtn ($) {
+    if (!$.loadingStylesheets) {
+      $.loadingStylesheets = [];
+    }
+    var stylesheet = 'spinbtn/jQuery.SpinButton.css';
+    if (!$.loadingStylesheets.includes(stylesheet)) {
+      $.loadingStylesheets.push(stylesheet);
+    }
+    /**
+    * @callback module:jQuerySpinButton.StepCallback
+    * @param {external:jQuery} thisArg Value of `this`
+    */
+    /**
+    * @callback module:jQuerySpinButton.ValueCallback
+    * @param {external:jQuery} thisArg Value of `this`
+    * @param {Float} value Value that was changed
+    */
+    /**
+     * @typedef {PlainObject} module:jQuerySpinButton.SpinButtonConfig
+     * @property {Float} min Set lower limit
+     * @property {Float} max Set upper limit.
+     * @property {Float} step Set increment size.
+     * @property {module:jQuerySpinButton.StepCallback} stepfunc Custom function to run when changing a value; called with `this` of object and the value to adjust
+     * @property {module:jQuerySpinButton.ValueCallback} callback Called after value adjusted (with `this` of object)
+     * @property {Float} smallStep Set shift-click increment size.
+     * @property {PlainObject} stateObj Object to allow passing in live-updating scale
+     * @property {Float} stateObj.tool_scale
+     * @property {string} spinClass CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
+     * @property {string} upClass CSS class for style when mouse over up button.
+     * @property {string} downClass CSS class for style when mouse over down button.
+     * @property {Float} page Value to be adjusted on page up/page down
+     * @property {Float} reset Reset value when invalid value entered
+     * @property {Float} delay Millisecond delay
+     * @property {Float} interval Millisecond interval
+    */
+    /**
+    * @function external:jQuery.fn.SpinButton
+    * @param {module:jQuerySpinButton.SpinButtonConfig} cfg
+    * @returns {external:jQuery}
+    */
+    $.fn.SpinButton = function (cfg) {
+      cfg = cfg || {};
+      function coord(el, prop) {
+        var b = document.body;
+
+        var c = el[prop];
+        while ((el = el.offsetParent) && el !== b) {
+          if (!$.browser.msie || el.currentStyle.position !== 'relative') {
+            c += el[prop];
+          }
+        }
+
+        return c;
+      }
+
+      return this.each(function () {
+        this.repeating = false;
+
+        // Apply specified options or defaults:
+        // (Ought to refactor this some day to use $.extend() instead)
+        this.spinCfg = {
+          // min: cfg.min ? Number(cfg.min) : null,
+          // max: cfg.max ? Number(cfg.max) : null,
+          min: !isNaN(parseFloat(cfg.min)) ? Number(cfg.min) : null, // Fixes bug with min:0
+          max: !isNaN(parseFloat(cfg.max)) ? Number(cfg.max) : null,
+          step: cfg.step ? Number(cfg.step) : 1,
+          stepfunc: cfg.stepfunc || false,
+          page: cfg.page ? Number(cfg.page) : 10,
+          upClass: cfg.upClass || 'up',
+          downClass: cfg.downClass || 'down',
+          reset: cfg.reset || this.value,
+          delay: cfg.delay ? Number(cfg.delay) : 500,
+          interval: cfg.interval ? Number(cfg.interval) : 100,
+          _btn_width: 20,
+          _direction: null,
+          _delay: null,
+          _repeat: null,
+          callback: cfg.callback || null
+        };
+
+        // if a smallStep isn't supplied, use half the regular step
+        this.spinCfg.smallStep = cfg.smallStep || this.spinCfg.step / 2;
+
+        this.adjustValue = function (i) {
+          var v = void 0;
+          if (isNaN(this.value)) {
+            v = this.spinCfg.reset;
+          } else if (typeof this.spinCfg.stepfunc === 'function') {
+            v = this.spinCfg.stepfunc(this, i);
+          } else {
+            // weirdest JavaScript bug ever: 5.1 + 0.1 = 5.199999999
+            v = Number((Number(this.value) + Number(i)).toFixed(5));
+          }
+          if (this.spinCfg.min !== null) {
+            v = Math.max(v, this.spinCfg.min);
+          }
+          if (this.spinCfg.max !== null) {
+            v = Math.min(v, this.spinCfg.max);
+          }
+          this.value = v;
+          if (typeof this.spinCfg.callback === 'function') {
+            this.spinCfg.callback(this);
+          }
+        };
+
+        $(this).addClass(cfg.spinClass || 'spin-button').mousemove(function (e) {
+          // Determine which button mouse is over, or not (spin direction):
+          var x = e.pageX || e.x;
+          var y = e.pageY || e.y;
+          var el = e.target;
+          var scale = cfg.stateObj.tool_scale || 1;
+          var height = $(el).height() / 2;
+
+          var direction = x > coord(el, 'offsetLeft') + el.offsetWidth * scale - this.spinCfg._btn_width ? y < coord(el, 'offsetTop') + height * scale ? 1 : -1 : 0;
+
+          if (direction !== this.spinCfg._direction) {
+            // Style up/down buttons:
+            switch (direction) {
+              case 1:
+                // Up arrow:
+                $(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);
+                break;
+              case -1:
+                // Down arrow:
+                $(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);
+                break;
+              default:
+                // Mouse is elsewhere in the textbox
+                $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
+            }
+
+            // Set spin direction:
+            this.spinCfg._direction = direction;
+          }
+        }).mouseout(function () {
+          // Reset up/down buttons to their normal appearance when mouse moves away:
+          $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
+          this.spinCfg._direction = null;
+          window.clearInterval(this.spinCfg._repeat);
+          window.clearTimeout(this.spinCfg._delay);
+        }).mousedown(function (e) {
+          var _this = this;
+
+          if (e.button === 0 && this.spinCfg._direction !== 0) {
+            // Respond to click on one of the buttons:
+            var stepSize = e.shiftKey ? this.spinCfg.smallStep : this.spinCfg.step;
+
+            var adjust = function adjust() {
+              _this.adjustValue(_this.spinCfg._direction * stepSize);
+            };
+
+            adjust();
+
+            // Initial delay before repeating adjustment
+            this.spinCfg._delay = window.setTimeout(function () {
+              adjust();
+              // Repeat adjust at regular intervals
+              _this.spinCfg._repeat = window.setInterval(adjust, _this.spinCfg.interval);
+            }, this.spinCfg.delay);
+          }
+        }).mouseup(function (e) {
+          // Cancel repeating adjustment
+          window.clearInterval(this.spinCfg._repeat);
+          window.clearTimeout(this.spinCfg._delay);
+        }).dblclick(function (e) {
+          if ($.browser.msie) {
+            this.adjustValue(this.spinCfg._direction * this.spinCfg.step);
+          }
+        }).keydown(function (e) {
+          // Respond to up/down arrow keys.
+          switch (e.keyCode) {
+            case 38:
+              this.adjustValue(this.spinCfg.step);break; // Up
+            case 40:
+              this.adjustValue(-this.spinCfg.step);break; // Down
+            case 33:
+              this.adjustValue(this.spinCfg.page);break; // PageUp
+            case 34:
+              this.adjustValue(-this.spinCfg.page);break; // PageDown
+          }
+        })
+
+        /*
+        http://unixpapa.com/js/key.html describes the current state-of-affairs for
+        key repeat events:
+        - Safari 3.1 changed their model so that keydown is reliably repeated going forward
+        - Firefox and Opera still only repeat the keypress event, not the keydown
+        */
+        .keypress(function (e) {
+          if (this.repeating) {
+            // Respond to up/down arrow keys.
+            switch (e.keyCode) {
+              case 38:
+                this.adjustValue(this.spinCfg.step);break; // Up
+              case 40:
+                this.adjustValue(-this.spinCfg.step);break; // Down
+              case 33:
+                this.adjustValue(this.spinCfg.page);break; // PageUp
+              case 34:
+                this.adjustValue(-this.spinCfg.page);break; // PageDown
+            }
+            // we always ignore the first keypress event (use the keydown instead)
+          } else {
+            this.repeating = true;
+          }
+        })
+
+        // clear the 'repeating' flag
+        .keyup(function (e) {
+          this.repeating = false;
+          switch (e.keyCode) {
+            case 38: // Up
+            case 40: // Down
+            case 33: // PageUp
+            case 34: // PageDown
+            case 13:
+              this.adjustValue(0);break; // Enter/Return
+          }
+        }).bind('mousewheel', function (e) {
+          // Respond to mouse wheel in IE. (It returns up/dn motion in multiples of 120)
+          if (e.wheelDelta >= 120) {
+            this.adjustValue(this.spinCfg.step);
+          } else if (e.wheelDelta <= -120) {
+            this.adjustValue(-this.spinCfg.step);
+          }
+
+          e.preventDefault();
+        }).change(function (e) {
+          this.adjustValue(0);
+        });
+
+        if (this.addEventListener) {
+          // Respond to mouse wheel in Firefox
+          this.addEventListener('DOMMouseScroll', function (e) {
+            if (e.detail > 0) {
+              this.adjustValue(-this.spinCfg.step);
+            } else if (e.detail < 0) {
+              this.adjustValue(this.spinCfg.step);
+            }
+
+            e.preventDefault();
+          }, false);
+        }
+      });
+    };
+    return $;
+  }
+
+  /**
+   * jQuery Context Menu Plugin
+   * Cory S.N. LaViska
+   * A Beautiful Site ({@link https://abeautifulsite.net/})
+   * Modified by Alexis Deveria
+   *
+   * More info: {@link https://abeautifulsite.net/2008/09/jquery-context-menu-plugin/}
+   *
+   * @module jQueryContextMenu
+   * @todo Update to latest version and adapt (and needs jQuery update as well): {@link https://github.com/swisnl/jQuery-contextMenu}
+   * @version 1.01
+   *
+   * @license
+   * Terms of Use
+   *
+   * This plugin is dual-licensed under the GNU General Public License
+   *   and the MIT License and is copyright A Beautiful Site, LLC.
+   *
+  */
+
+  /**
+  * @callback module:jQueryContextMenu.jQueryContextMenuCallback
+  * @param {string} href The `href` value after the first character (for bypassing an initial `#`)
+  * @param {external:jQuery} srcElement The wrapped jQuery srcElement
+  * @param {{x: Float, y: Float, docX: Float, docY: Float}} coords
+  */
+
+  /**
+  * @typedef {PlainObject} module:jQueryContextMenu.jQueryContextMenuConfig
+  * @property {string} menu
+  * @property {Float} inSpeed
+  * @property {Float} outSpeed
+  * @property {boolean} allowLeft
+  */
+
+  /**
+  * Adds {@link external:jQuery.fn.contextMenu}, {@link external:jQuery.fn.disableContextMenuItems}, {@link external:jQuery.fn.enableContextMenuItems}, {@link external:jQuery.fn.disableContextMenu}, {@link external:jQuery.fn.enableContextMenu}, {@link external:jQuery.fn.destroyContextMenu}
+  * @function module:jQueryContextMenu.jQueryContextMenu
+  * @param {external:jQuery} $ The jQuery object to wrap (with `contextMenu`, `disableContextMenuItems`, `enableContextMenuItems`, `disableContextMenu`, `enableContextMenu`, `destroyContextMenu`)
+  * @returns {external:jQuery}
+  */
+  function jQueryContextMenu($) {
+    var win = $(window);
+    var doc = $(document);
+
+    $.extend($.fn, {
+      /**
+      * @memberof external:jQuery.fn
+      * @param {module:jQueryContextMenu.jQueryContextMenuConfig} o
+      * @param {module:jQueryContextMenu.jQueryContextMenuCallback} callback
+      * @returns {external:jQuery}
+      */
+      contextMenu: function contextMenu(o, callback) {
+        // Defaults
+        if (o.menu === undefined) return false;
+        if (o.inSpeed === undefined) o.inSpeed = 150;
+        if (o.outSpeed === undefined) o.outSpeed = 75;
+        // 0 needs to be -1 for expected results (no fade)
+        if (o.inSpeed === 0) o.inSpeed = -1;
+        if (o.outSpeed === 0) o.outSpeed = -1;
+        // Loop each context menu
+        $(this).each(function () {
+          var el = $(this);
+          var offset = $(el).offset();
+
+          var menu = $('#' + o.menu);
+
+          // Add contextMenu class
+          menu.addClass('contextMenu');
+          // Simulate a true right click
+          $(this).bind('mousedown', function (e) {
+            var evt = e;
+            $(this).mouseup(function (e) {
+              var srcElement = $(this);
+              srcElement.unbind('mouseup');
+              if (evt.button === 2 || o.allowLeft || evt.ctrlKey && isMac()) {
+                e.stopPropagation();
+                // Hide context menus that may be showing
+                $('.contextMenu').hide();
+                // Get this context menu
+
+                if (el.hasClass('disabled')) return false;
+
+                // Detect mouse position
+                var x = e.pageX,
+                    y = e.pageY;
+
+                var xOff = win.width() - menu.width(),
+                    yOff = win.height() - menu.height();
+
+                if (x > xOff - 15) x = xOff - 15;
+                if (y > yOff - 30) y = yOff - 30; // 30 is needed to prevent scrollbars in FF
+
+                // Show the menu
+                doc.unbind('click');
+                menu.css({ top: y, left: x }).fadeIn(o.inSpeed);
+                // Hover events
+                menu.find('A').mouseover(function () {
+                  menu.find('LI.hover').removeClass('hover');
+                  $(this).parent().addClass('hover');
+                }).mouseout(function () {
+                  menu.find('LI.hover').removeClass('hover');
+                });
+
+                // Keyboard
+                doc.keypress(function (e) {
+                  switch (e.keyCode) {
+                    case 38:
+                      // up
+                      if (!menu.find('LI.hover').length) {
+                        menu.find('LI:last').addClass('hover');
+                      } else {
+                        menu.find('LI.hover').removeClass('hover').prevAll('LI:not(.disabled)').eq(0).addClass('hover');
+                        if (!menu.find('LI.hover').length) menu.find('LI:last').addClass('hover');
+                      }
+                      break;
+                    case 40:
+                      // down
+                      if (!menu.find('LI.hover').length) {
+                        menu.find('LI:first').addClass('hover');
+                      } else {
+                        menu.find('LI.hover').removeClass('hover').nextAll('LI:not(.disabled)').eq(0).addClass('hover');
+                        if (!menu.find('LI.hover').length) menu.find('LI:first').addClass('hover');
+                      }
+                      break;
+                    case 13:
+                      // enter
+                      menu.find('LI.hover A').trigger('click');
+                      break;
+                    case 27:
+                      // esc
+                      doc.trigger('click');
+                      break;
+                  }
+                });
+
+                // When items are selected
+                menu.find('A').unbind('mouseup');
+                menu.find('LI:not(.disabled) A').mouseup(function () {
+                  doc.unbind('click').unbind('keypress');
+                  $('.contextMenu').hide();
+                  // Callback
+                  if (callback) {
+                    callback($(this).attr('href').substr(1), $(srcElement), { x: x - offset.left, y: y - offset.top, docX: x, docY: y });
+                  }
+                  return false;
+                });
+
+                // Hide bindings
+                setTimeout(function () {
+                  // Delay for Mozilla
+                  doc.click(function () {
+                    doc.unbind('click').unbind('keypress');
+                    menu.fadeOut(o.outSpeed);
+                    return false;
+                  });
+                }, 0);
+              }
+            });
+          });
+
+          // Disable text selection
+          if ($.browser.mozilla) {
+            $('#' + o.menu).each(function () {
+              $(this).css({ MozUserSelect: 'none' });
+            });
+          } else if ($.browser.msie) {
+            $('#' + o.menu).each(function () {
+              $(this).bind('selectstart.disableTextSelect', function () {
+                return false;
+              });
+            });
+          } else {
+            $('#' + o.menu).each(function () {
+              $(this).bind('mousedown.disableTextSelect', function () {
+                return false;
+              });
+            });
+          }
+          // Disable browser context menu (requires both selectors to work in IE/Safari + FF/Chrome)
+          $(el).add($('UL.contextMenu')).bind('contextmenu', function () {
+            return false;
+          });
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Disable context menu items on the fly
+      * @memberof external:jQuery.fn
+      * @param {undefined|string} o Comma-separated
+      * @returns {external:jQuery}
+      */
+      disableContextMenuItems: function disableContextMenuItems(o) {
+        if (o === undefined) {
+          // Disable all
+          $(this).find('LI').addClass('disabled');
+          return $(this);
+        }
+        $(this).each(function () {
+          if (o !== undefined) {
+            var d = o.split(',');
+            for (var i = 0; i < d.length; i++) {
+              $(this).find('A[href="' + d[i] + '"]').parent().addClass('disabled');
+            }
+          }
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Enable context menu items on the fly
+      * @memberof external:jQuery.fn
+      * @param {undefined|string} o Comma-separated
+      * @returns {external:jQuery}
+      */
+      enableContextMenuItems: function enableContextMenuItems(o) {
+        if (o === undefined) {
+          // Enable all
+          $(this).find('LI.disabled').removeClass('disabled');
+          return $(this);
+        }
+        $(this).each(function () {
+          if (o !== undefined) {
+            var d = o.split(',');
+            for (var i = 0; i < d.length; i++) {
+              $(this).find('A[href="' + d[i] + '"]').parent().removeClass('disabled');
+            }
+          }
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Disable context menu(s)
+      * @memberof external:jQuery.fn
+      * @returns {external:jQuery}
+      */
+      disableContextMenu: function disableContextMenu() {
+        $(this).each(function () {
+          $(this).addClass('disabled');
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Enable context menu(s)
+      * @memberof external:jQuery.fn
+      * @returns {external:jQuery}
+      */
+      enableContextMenu: function enableContextMenu() {
+        $(this).each(function () {
+          $(this).removeClass('disabled');
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Destroy context menu(s)
+      * @memberof external:jQuery.fn
+      * @returns {external:jQuery}
+      */
+      destroyContextMenu: function destroyContextMenu() {
+        // Destroy specified context menus
+        $(this).each(function () {
+          // Disable action
+          $(this).unbind('mousedown').unbind('mouseup');
+        });
+        return $(this);
+      }
+    });
+    return $;
+  }
+
+  /**
+   * jPicker (Adapted from version 1.1.6)
+   *
+   * jQuery Plugin for Photoshop style color picker
+   *
+   * @module jPicker
+   * @copyright (c) 2010 Christopher T. Tillman
+   * Digital Magic Productions, Inc. ({@link http://www.digitalmagicpro.com/})
+   * FREE to use, alter, copy, sell, and especially ENHANCE
+   * @license MIT
+   *
+   * Painstakingly ported from John Dyers' excellent work on his own color picker based on the Prototype framework.
+   *
+   * John Dyers' website: {@link http://johndyer.name}
+   * Color Picker page: {@link http://johndyer.name/photoshop-like-javascript-color-picker/}
+   */
+
+  /**
+  * @external Math
+  */
+  /**
+  * @memberof external:Math
+  * @param {Float} value
+  * @param {Float} precision
+  * @returns {Float}
+  */
+  Math.precision = function (value, precision) {
+    if (precision === undefined) precision = 0;
+    return Math.round(value * Math.pow(10, precision)) / Math.pow(10, precision);
+  };
+
+  /**
+  * @function module:jPicker.jPicker
+  * @param {external:jQuery} $ The jQuery object to wrap (with {@link external:jQuery.loadingStylesheets}, {@link external:jQuery.fn.$.fn.jPicker}, {@link external:jQuery.fn.$.fn.jPicker.defaults})
+  * @returns {external:jQuery}
+  */
+  var jPicker = function jPicker($) {
+    if (!$.loadingStylesheets) {
+      /**
+      * @name loadingStylesheets
+      * @type {string[]}
+      * @memberof external:jQuery
+      */
+      $.loadingStylesheets = [];
+    }
+    var stylesheet = 'jgraduate/css/jPicker.css';
+    if (!$.loadingStylesheets.includes(stylesheet)) {
+      $.loadingStylesheets.push(stylesheet);
+    }
+    /**
+    * @typedef {PlainObject} module:jPicker.SliderOptions
+    * @property {external:jQuery|PlainObject} arrow
+    * @property {string} arrow.image Not in use?
+    * @property {Float} arrow.width
+    * @property {Float} arrow.height
+    * @property {PlainObject} map
+    * @property {Float} map.width
+    * @property {Float} map.height
+    */
+
+    /**
+    * Encapsulate slider functionality for the ColorMap and ColorBar -
+    * could be useful to use a jQuery UI draggable for this with certain extensions
+    * @param {external:jQuery} bar
+    * @param {module:jPicker.SliderOptions} options
+    */
+    function Slider(bar, options) {
+      var $this = this;
+      function fireChangeEvents(context) {
+        for (var i = 0; i < changeEvents.length; i++) {
+          changeEvents[i].call($this, $this, context);
+        }
+      }
+      // bind the mousedown to the bar not the arrow for quick snapping to the clicked location
+      function mouseDown(e) {
+        var off = bar.offset();
+        offset = { l: off.left | 0, t: off.top | 0 };
+        clearTimeout(timeout);
+        // using setTimeout for visual updates - once the style is updated the browser will re-render internally allowing the next Javascript to run
+        timeout = setTimeout(function () {
+          setValuesFromMousePosition.call($this, e);
+        }, 0);
+        // Bind mousemove and mouseup event to the document so it responds when dragged of of the bar - we will unbind these when on mouseup to save processing
+        $(document).bind('mousemove', mouseMove).bind('mouseup', mouseUp);
+        e.preventDefault(); // don't try to select anything or drag the image to the desktop
+      }
+      // set the values as the mouse moves
+      function mouseMove(e) {
+        clearTimeout(timeout);
+        timeout = setTimeout(function () {
+          setValuesFromMousePosition.call($this, e);
+        }, 0);
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+      }
+      // unbind the document events - they aren't needed when not dragging
+      function mouseUp(e) {
+        $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+      }
+      // calculate mouse position and set value within the current range
+      function setValuesFromMousePosition(e) {
+        var barW = bar.w,
+            // local copies for YUI compressor
+        barH = bar.h;
+        var locX = e.pageX - offset.l,
+            locY = e.pageY - offset.t;
+        // keep the arrow within the bounds of the bar
+        if (locX < 0) locX = 0;else if (locX > barW) locX = barW;
+        if (locY < 0) locY = 0;else if (locY > barH) locY = barH;
+        val.call($this, 'xy', { x: locX / barW * rangeX + minX, y: locY / barH * rangeY + minY });
+      }
+      function draw() {
+        var barW = bar.w,
+            barH = bar.h,
+            arrowW = arrow.w,
+            arrowH = arrow.h;
+        var arrowOffsetX = 0,
+            arrowOffsetY = 0;
+        setTimeout(function () {
+          if (rangeX > 0) {
+            // range is greater than zero
+            // constrain to bounds
+            if (x === maxX) arrowOffsetX = barW;else arrowOffsetX = x / rangeX * barW | 0;
+          }
+          if (rangeY > 0) {
+            // range is greater than zero
+            // constrain to bounds
+            if (y === maxY) arrowOffsetY = barH;else arrowOffsetY = y / rangeY * barH | 0;
+          }
+          // if arrow width is greater than bar width, center arrow and prevent horizontal dragging
+          if (arrowW >= barW) arrowOffsetX = (barW >> 1) - (arrowW >> 1); // number >> 1 - superfast bitwise divide by two and truncate (move bits over one bit discarding lowest)
+          else arrowOffsetX -= arrowW >> 1;
+          // if arrow height is greater than bar height, center arrow and prevent vertical dragging
+          if (arrowH >= barH) arrowOffsetY = (barH >> 1) - (arrowH >> 1);else arrowOffsetY -= arrowH >> 1;
+          // set the arrow position based on these offsets
+          arrow.css({ left: arrowOffsetX + 'px', top: arrowOffsetY + 'px' });
+        }, 0);
+      }
+      function val(name, value, context) {
+        var set$$1 = value !== undefined;
+        if (!set$$1) {
+          if (name === undefined || name == null) name = 'xy';
+          switch (name.toLowerCase()) {
+            case 'x':
+              return x;
+            case 'y':
+              return y;
+            case 'xy':
+            default:
+              return { x: x, y: y };
+          }
+        }
+        if (context != null && context === $this) return;
+        var changed = false;
+
+        var newX = void 0,
+            newY = void 0;
+        if (name == null) name = 'xy';
+        switch (name.toLowerCase()) {
+          case 'x':
+            newX = value && (value.x && value.x | 0 || value | 0) || 0;
+            break;
+          case 'y':
+            newY = value && (value.y && value.y | 0 || value | 0) || 0;
+            break;
+          case 'xy':
+          default:
+            newX = value && value.x && value.x | 0 || 0;
+            newY = value && value.y && value.y | 0 || 0;
+            break;
+        }
+        if (newX != null) {
+          if (newX < minX) newX = minX;else if (newX > maxX) newX = maxX;
+          if (x !== newX) {
+            x = newX;
+            changed = true;
+          }
+        }
+        if (newY != null) {
+          if (newY < minY) newY = minY;else if (newY > maxY) newY = maxY;
+          if (y !== newY) {
+            y = newY;
+            changed = true;
+          }
+        }
+        changed && fireChangeEvents.call($this, context || $this);
+      }
+      function range(name, value) {
+        var set$$1 = value !== undefined;
+        if (!set$$1) {
+          if (name === undefined || name == null) name = 'all';
+          switch (name.toLowerCase()) {
+            case 'minx':
+              return minX;
+            case 'maxx':
+              return maxX;
+            case 'rangex':
+              return { minX: minX, maxX: maxX, rangeX: rangeX };
+            case 'miny':
+              return minY;
+            case 'maxy':
+              return maxY;
+            case 'rangey':
+              return { minY: minY, maxY: maxY, rangeY: rangeY };
+            case 'all':
+            default:
+              return { minX: minX, maxX: maxX, rangeX: rangeX, minY: minY, maxY: maxY, rangeY: rangeY };
+          }
+        }
+        var // changed = false,
+        newMinX = void 0,
+            newMaxX = void 0,
+            newMinY = void 0,
+            newMaxY = void 0;
+        if (name == null) name = 'all';
+        switch (name.toLowerCase()) {
+          case 'minx':
+            newMinX = value && (value.minX && value.minX | 0 || value | 0) || 0;
+            break;
+          case 'maxx':
+            newMaxX = value && (value.maxX && value.maxX | 0 || value | 0) || 0;
+            break;
+          case 'rangex':
+            newMinX = value && value.minX && value.minX | 0 || 0;
+            newMaxX = value && value.maxX && value.maxX | 0 || 0;
+            break;
+          case 'miny':
+            newMinY = value && (value.minY && value.minY | 0 || value | 0) || 0;
+            break;
+          case 'maxy':
+            newMaxY = value && (value.maxY && value.maxY | 0 || value | 0) || 0;
+            break;
+          case 'rangey':
+            newMinY = value && value.minY && value.minY | 0 || 0;
+            newMaxY = value && value.maxY && value.maxY | 0 || 0;
+            break;
+          case 'all':
+          default:
+            newMinX = value && value.minX && value.minX | 0 || 0;
+            newMaxX = value && value.maxX && value.maxX | 0 || 0;
+            newMinY = value && value.minY && value.minY | 0 || 0;
+            newMaxY = value && value.maxY && value.maxY | 0 || 0;
+            break;
+        }
+        if (newMinX != null && minX !== newMinX) {
+          minX = newMinX;
+          rangeX = maxX - minX;
+        }
+        if (newMaxX != null && maxX !== newMaxX) {
+          maxX = newMaxX;
+          rangeX = maxX - minX;
+        }
+        if (newMinY != null && minY !== newMinY) {
+          minY = newMinY;
+          rangeY = maxY - minY;
+        }
+        if (newMaxY != null && maxY !== newMaxY) {
+          maxY = newMaxY;
+          rangeY = maxY - minY;
+        }
+      }
+      function bind(callback) {
+        if (typeof callback === 'function') changeEvents.push(callback);
+      }
+      function unbind(callback) {
+        if (typeof callback !== 'function') return;
+        var i = void 0;
+        while (i = changeEvents.includes(callback)) {
+          changeEvents.splice(i, 1);
+        }
+      }
+      function destroy() {
+        // unbind all possible events and null objects
+        $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);
+        bar.unbind('mousedown', mouseDown);
+        bar = null;
+        arrow = null;
+        changeEvents = null;
+      }
+      var offset = void 0,
+          timeout = void 0,
+          x = 0,
+          y = 0,
+          minX = 0,
+          maxX = 100,
+          rangeX = 100,
+          minY = 0,
+          maxY = 100,
+          rangeY = 100,
+          arrow = bar.find('img:first'),
+          // the arrow image to drag
+      changeEvents = [];
+
+      $.extend(true, $this, // public properties, methods, and event bindings - these we need to access from other controls
+      {
+        val: val,
+        range: range,
+        bind: bind,
+        unbind: unbind,
+        destroy: destroy
+      });
+      // initialize this control
+      arrow.src = options.arrow && options.arrow.image;
+      arrow.w = options.arrow && options.arrow.width || arrow.width();
+      arrow.h = options.arrow && options.arrow.height || arrow.height();
+      bar.w = options.map && options.map.width || bar.width();
+      bar.h = options.map && options.map.height || bar.height();
+      // bind mousedown event
+      bar.bind('mousedown', mouseDown);
+      bind.call($this, draw);
+    }
+    // controls for all the input elements for the typing in color values
+    function ColorValuePicker(picker, color, bindedHex, alphaPrecision) {
+      var $this = this; // private properties and methods
+      var inputs = picker.find('td.Text input');
+      // input box key down - use arrows to alter color
+      function keyDown(e) {
+        if (e.target.value === '' && e.target !== hex.get(0) && (bindedHex != null && e.target !== bindedHex.get(0) || bindedHex == null)) return;
+        if (!validateKey(e)) return e;
+        switch (e.target) {
+          case red.get(0):
+            switch (e.keyCode) {
+              case 38:
+                red.val(setValueInRange.call($this, (red.val() << 0) + 1, 0, 255));
+                color.val('r', red.val(), e.target);
+                return false;
+              case 40:
+                red.val(setValueInRange.call($this, (red.val() << 0) - 1, 0, 255));
+                color.val('r', red.val(), e.target);
+                return false;
+            }
+            break;
+          case green.get(0):
+            switch (e.keyCode) {
+              case 38:
+                green.val(setValueInRange.call($this, (green.val() << 0) + 1, 0, 255));
+                color.val('g', green.val(), e.target);
+                return false;
+              case 40:
+                green.val(setValueInRange.call($this, (green.val() << 0) - 1, 0, 255));
+                color.val('g', green.val(), e.target);
+                return false;
+            }
+            break;
+          case blue.get(0):
+            switch (e.keyCode) {
+              case 38:
+                blue.val(setValueInRange.call($this, (blue.val() << 0) + 1, 0, 255));
+                color.val('b', blue.val(), e.target);
+                return false;
+              case 40:
+                blue.val(setValueInRange.call($this, (blue.val() << 0) - 1, 0, 255));
+                color.val('b', blue.val(), e.target);
+                return false;
+            }
+            break;
+          case alpha && alpha.get(0):
+            switch (e.keyCode) {
+              case 38:
+                alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) + 1, 0, 100));
+                color.val('a', Math.precision(alpha.val() * 255 / 100, alphaPrecision), e.target);
+                return false;
+              case 40:
+                alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) - 1, 0, 100));
+                color.val('a', Math.precision(alpha.val() * 255 / 100, alphaPrecision), e.target);
+                return false;
+            }
+            break;
+          case hue.get(0):
+            switch (e.keyCode) {
+              case 38:
+                hue.val(setValueInRange.call($this, (hue.val() << 0) + 1, 0, 360));
+                color.val('h', hue.val(), e.target);
+                return false;
+              case 40:
+                hue.val(setValueInRange.call($this, (hue.val() << 0) - 1, 0, 360));
+                color.val('h', hue.val(), e.target);
+                return false;
+            }
+            break;
+          case saturation.get(0):
+            switch (e.keyCode) {
+              case 38:
+                saturation.val(setValueInRange.call($this, (saturation.val() << 0) + 1, 0, 100));
+                color.val('s', saturation.val(), e.target);
+                return false;
+              case 40:
+                saturation.val(setValueInRange.call($this, (saturation.val() << 0) - 1, 0, 100));
+                color.val('s', saturation.val(), e.target);
+                return false;
+            }
+            break;
+          case value.get(0):
+            switch (e.keyCode) {
+              case 38:
+                value.val(setValueInRange.call($this, (value.val() << 0) + 1, 0, 100));
+                color.val('v', value.val(), e.target);
+                return false;
+              case 40:
+                value.val(setValueInRange.call($this, (value.val() << 0) - 1, 0, 100));
+                color.val('v', value.val(), e.target);
+                return false;
+            }
+            break;
+        }
+      }
+      // input box key up - validate value and set color
+      function keyUp(e) {
+        if (e.target.value === '' && e.target !== hex.get(0) && (bindedHex != null && e.target !== bindedHex.get(0) || bindedHex == null)) return;
+        if (!validateKey(e)) return e;
+        switch (e.target) {
+          case red.get(0):
+            red.val(setValueInRange.call($this, red.val(), 0, 255));
+            color.val('r', red.val(), e.target);
+            break;
+          case green.get(0):
+            green.val(setValueInRange.call($this, green.val(), 0, 255));
+            color.val('g', green.val(), e.target);
+            break;
+          case blue.get(0):
+            blue.val(setValueInRange.call($this, blue.val(), 0, 255));
+            color.val('b', blue.val(), e.target);
+            break;
+          case alpha && alpha.get(0):
+            alpha.val(setValueInRange.call($this, alpha.val(), 0, 100));
+            color.val('a', Math.precision(alpha.val() * 255 / 100, alphaPrecision), e.target);
+            break;
+          case hue.get(0):
+            hue.val(setValueInRange.call($this, hue.val(), 0, 360));
+            color.val('h', hue.val(), e.target);
+            break;
+          case saturation.get(0):
+            saturation.val(setValueInRange.call($this, saturation.val(), 0, 100));
+            color.val('s', saturation.val(), e.target);
+            break;
+          case value.get(0):
+            value.val(setValueInRange.call($this, value.val(), 0, 100));
+            color.val('v', value.val(), e.target);
+            break;
+          case hex.get(0):
+            hex.val(hex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));
+            bindedHex && bindedHex.val(hex.val());
+            color.val('hex', hex.val() !== '' ? hex.val() : null, e.target);
+            break;
+          case bindedHex && bindedHex.get(0):
+            bindedHex.val(bindedHex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));
+            hex.val(bindedHex.val());
+            color.val('hex', bindedHex.val() !== '' ? bindedHex.val() : null, e.target);
+            break;
+          case ahex && ahex.get(0):
+            ahex.val(ahex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 2));
+            color.val('a', ahex.val() != null ? parseInt(ahex.val(), 16) : null, e.target);
+            break;
+        }
+      }
+      // input box blur - reset to original if value empty
+      function blur(e) {
+        if (color.val() != null) {
+          switch (e.target) {
+            case red.get(0):
+              red.val(color.val('r'));break;
+            case green.get(0):
+              green.val(color.val('g'));break;
+            case blue.get(0):
+              blue.val(color.val('b'));break;
+            case alpha && alpha.get(0):
+              alpha.val(Math.precision(color.val('a') * 100 / 255, alphaPrecision));break;
+            case hue.get(0):
+              hue.val(color.val('h'));break;
+            case saturation.get(0):
+              saturation.val(color.val('s'));break;
+            case value.get(0):
+              value.val(color.val('v'));break;
+            case hex.get(0):
+            case bindedHex && bindedHex.get(0):
+              hex.val(color.val('hex'));
+              bindedHex && bindedHex.val(color.val('hex'));
+              break;
+            case ahex && ahex.get(0):
+              ahex.val(color.val('ahex').substring(6));break;
+          }
+        }
+      }
+      function validateKey(e) {
+        switch (e.keyCode) {
+          case 9:
+          case 16:
+          case 29:
+          case 37:
+          case 39:
+            return false;
+          case 'c'.charCodeAt():
+          case 'v'.charCodeAt():
+            if (e.ctrlKey) return false;
+        }
+        return true;
+      }
+      // constrain value within range
+      function setValueInRange(value, min, max) {
+        if (value === '' || isNaN(value)) return min;
+        if (value > max) return max;
+        if (value < min) return min;
+        return value;
+      }
+      function colorChanged(ui, context) {
+        var all = ui.val('all');
+        if (context !== red.get(0)) red.val(all != null ? all.r : '');
+        if (context !== green.get(0)) green.val(all != null ? all.g : '');
+        if (context !== blue.get(0)) blue.val(all != null ? all.b : '');
+        if (alpha && context !== alpha.get(0)) alpha.val(all != null ? Math.precision(all.a * 100 / 255, alphaPrecision) : '');
+        if (context !== hue.get(0)) hue.val(all != null ? all.h : '');
+        if (context !== saturation.get(0)) saturation.val(all != null ? all.s : '');
+        if (context !== value.get(0)) value.val(all != null ? all.v : '');
+        if (context !== hex.get(0) && (bindedHex && context !== bindedHex.get(0) || !bindedHex)) hex.val(all != null ? all.hex : '');
+        if (bindedHex && context !== bindedHex.get(0) && context !== hex.get(0)) bindedHex.val(all != null ? all.hex : '');
+        if (ahex && context !== ahex.get(0)) ahex.val(all != null ? all.ahex.substring(6) : '');
+      }
+      function destroy() {
+        // unbind all events and null objects
+        red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).unbind('keyup', keyUp).unbind('blur', blur);
+        red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).unbind('keydown', keyDown);
+        color.unbind(colorChanged);
+        red = null;
+        green = null;
+        blue = null;
+        alpha = null;
+        hue = null;
+        saturation = null;
+        value = null;
+        hex = null;
+        ahex = null;
+      }
+      var red = inputs.eq(3),
+          green = inputs.eq(4),
+          blue = inputs.eq(5),
+          alpha = inputs.length > 7 ? inputs.eq(6) : null,
+          hue = inputs.eq(0),
+          saturation = inputs.eq(1),
+          value = inputs.eq(2),
+          hex = inputs.eq(inputs.length > 7 ? 7 : 6),
+          ahex = inputs.length > 7 ? inputs.eq(8) : null;
+      $.extend(true, $this, {
+        // public properties and methods
+        destroy: destroy
+      });
+      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).bind('keyup', keyUp).bind('blur', blur);
+      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).bind('keydown', keyDown);
+      color.bind(colorChanged);
+    }
+
+    /**
+    * @typedef {PlainObject} module:jPicker.JPickerInit
+    * @property {Integer} a
+    * @property {Integer} b
+    * @property {Integer} g
+    * @property {Integer} h
+    * @property {Integer} r
+    * @property {Integer} s
+    * @property {Integer} v
+    * @property {string} hex
+    * @property {string} ahex
+    */
+
+    /**
+    * @namespace {PlainObject} jPicker
+    * @memberof external:jQuery
+    */
+    $.jPicker = /** @lends external:jQuery.jPicker */{
+      /**
+      * Array holding references to each active instance of the jPicker control
+      * @type {external:jQuery.fn.$.fn.jPicker[]}
+      */
+      List: [],
+      /**
+      * Color object - we will be able to assign by any color space type or
+      * retrieve any color space info.
+      * We want this public so we can optionally assign new color objects to
+      * initial values using inputs other than a string hex value (also supported)
+      * Note: JSDoc didn't document when expressed here as an ES6 Class.
+      * @namespace
+      * @class
+      * @memberof external:jQuery.jPicker
+      * @param {module:jPicker.JPickerInit} init
+      */
+      Color: function Color(init) {
+        var $this = this;
+        function fireChangeEvents(context) {
+          for (var i = 0; i < changeEvents.length; i++) {
+            changeEvents[i].call($this, $this, context);
+          }
+        }
+        function val(name, value, context) {
+          // Kind of ugly
+          var set$$1 = Boolean(value);
+          if (set$$1 && value.ahex === '') value.ahex = '00000000';
+          if (!set$$1) {
+            if (name === undefined || name == null || name === '') name = 'all';
+            if (r == null) return null;
+            switch (name.toLowerCase()) {
+              case 'ahex':
+                return ColorMethods.rgbaToHex({ r: r, g: g, b: b, a: a });
+              case 'hex':
+                return val('ahex').substring(0, 6);
+              case 'all':
+                return { r: r, g: g, b: b, a: a, h: h, s: s, v: v, hex: val.call($this, 'hex'), ahex: val.call($this, 'ahex') };
+              default:
+                var ret = {};
+                for (var i = 0; i < name.length; i++) {
+                  switch (name.charAt(i)) {
+                    case 'r':
+                      if (name.length === 1) ret = r;else ret.r = r;
+                      break;
+                    case 'g':
+                      if (name.length === 1) ret = g;else ret.g = g;
+                      break;
+                    case 'b':
+                      if (name.length === 1) ret = b;else ret.b = b;
+                      break;
+                    case 'a':
+                      if (name.length === 1) ret = a;else ret.a = a;
+                      break;
+                    case 'h':
+                      if (name.length === 1) ret = h;else ret.h = h;
+                      break;
+                    case 's':
+                      if (name.length === 1) ret = s;else ret.s = s;
+                      break;
+                    case 'v':
+                      if (name.length === 1) ret = v;else ret.v = v;
+                      break;
+                  }
+                }
+                return !name.length ? val.call($this, 'all') : ret;
+            }
+          }
+          if (context != null && context === $this) return;
+          if (name == null) name = '';
+
+          var changed = false;
+          if (value == null) {
+            if (r != null) {
+              r = null;
+              changed = true;
+            }
+            if (g != null) {
+              g = null;
+              changed = true;
+            }
+            if (b != null) {
+              b = null;
+              changed = true;
+            }
+            if (a != null) {
+              a = null;
+              changed = true;
+            }
+            if (h != null) {
+              h = null;
+              changed = true;
+            }
+            if (s != null) {
+              s = null;
+              changed = true;
+            }
+            if (v != null) {
+              v = null;
+              changed = true;
+            }
+            changed && fireChangeEvents.call($this, context || $this);
+            return;
+          }
+          switch (name.toLowerCase()) {
+            case 'ahex':
+            case 'hex':
+              var _ret = ColorMethods.hexToRgba(value && (value.ahex || value.hex) || value || 'none');
+              val.call($this, 'rgba', { r: _ret.r, g: _ret.g, b: _ret.b, a: name === 'ahex' ? _ret.a : a != null ? a : 255 }, context);
+              break;
+            default:
+              if (value && (value.ahex != null || value.hex != null)) {
+                val.call($this, 'ahex', value.ahex || value.hex || '00000000', context);
+                return;
+              }
+              var newV = {};
+              var rgb = false,
+                  hsv = false;
+              if (value.r !== undefined && !name.includes('r')) name += 'r';
+              if (value.g !== undefined && !name.includes('g')) name += 'g';
+              if (value.b !== undefined && !name.includes('b')) name += 'b';
+              if (value.a !== undefined && !name.includes('a')) name += 'a';
+              if (value.h !== undefined && !name.includes('h')) name += 'h';
+              if (value.s !== undefined && !name.includes('s')) name += 's';
+              if (value.v !== undefined && !name.includes('v')) name += 'v';
+              for (var _i = 0; _i < name.length; _i++) {
+                switch (name.charAt(_i)) {
+                  case 'r':
+                    if (hsv) continue;
+                    rgb = true;
+                    newV.r = value && value.r && value.r | 0 || value && value | 0 || 0;
+                    if (newV.r < 0) newV.r = 0;else if (newV.r > 255) newV.r = 255;
+                    if (r !== newV.r) {
+                      r = newV.r;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'g':
+                    if (hsv) continue;
+                    rgb = true;
+                    newV.g = value && value.g && value.g | 0 || value && value | 0 || 0;
+                    if (newV.g < 0) newV.g = 0;else if (newV.g > 255) newV.g = 255;
+                    if (g !== newV.g) {
+                      g = newV.g;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'b':
+                    if (hsv) continue;
+                    rgb = true;
+                    newV.b = value && value.b && value.b | 0 || value && value | 0 || 0;
+                    if (newV.b < 0) newV.b = 0;else if (newV.b > 255) newV.b = 255;
+                    if (b !== newV.b) {
+                      b = newV.b;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'a':
+                    newV.a = value && value.a != null ? value.a | 0 : value != null ? value | 0 : 255;
+                    if (newV.a < 0) newV.a = 0;else if (newV.a > 255) newV.a = 255;
+                    if (a !== newV.a) {
+                      a = newV.a;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'h':
+                    if (rgb) continue;
+                    hsv = true;
+                    newV.h = value && value.h && value.h | 0 || value && value | 0 || 0;
+                    if (newV.h < 0) newV.h = 0;else if (newV.h > 360) newV.h = 360;
+                    if (h !== newV.h) {
+                      h = newV.h;
+
+                      changed = true;
+                    }
+                    break;
+                  case 's':
+                    if (rgb) continue;
+                    hsv = true;
+                    newV.s = value && value.s != null ? value.s | 0 : value != null ? value | 0 : 100;
+                    if (newV.s < 0) newV.s = 0;else if (newV.s > 100) newV.s = 100;
+                    if (s !== newV.s) {
+                      s = newV.s;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'v':
+                    if (rgb) continue;
+                    hsv = true;
+                    newV.v = value && value.v != null ? value.v | 0 : value != null ? value | 0 : 100;
+                    if (newV.v < 0) newV.v = 0;else if (newV.v > 100) newV.v = 100;
+                    if (v !== newV.v) {
+                      v = newV.v;
+
+                      changed = true;
+                    }
+                    break;
+                }
+              }
+              if (changed) {
+                if (rgb) {
+                  r = r || 0;
+                  g = g || 0;
+                  b = b || 0;
+                  var _ret2 = ColorMethods.rgbToHsv({ r: r, g: g, b: b });
+                  h = _ret2.h;
+                  s = _ret2.s;
+                  v = _ret2.v;
+                } else if (hsv) {
+                  h = h || 0;
+                  s = s != null ? s : 100;
+                  v = v != null ? v : 100;
+                  var _ret3 = ColorMethods.hsvToRgb({ h: h, s: s, v: v });
+                  r = _ret3.r;
+                  g = _ret3.g;
+                  b = _ret3.b;
+                }
+                a = a != null ? a : 255;
+                fireChangeEvents.call($this, context || $this);
+              }
+              break;
+          }
+        }
+        function bind(callback) {
+          if (typeof callback === 'function') changeEvents.push(callback);
+        }
+        function unbind(callback) {
+          if (typeof callback !== 'function') return;
+          var i = void 0;
+          while (i = changeEvents.includes(callback)) {
+            changeEvents.splice(i, 1);
+          }
+        }
+        function destroy() {
+          changeEvents = null;
+        }
+        var r = void 0,
+            g = void 0,
+            b = void 0,
+            a = void 0,
+            h = void 0,
+            s = void 0,
+            v = void 0,
+            changeEvents = [];
+
+        $.extend(true, $this, {
+          // public properties and methods
+          val: val,
+          bind: bind,
+          unbind: unbind,
+          destroy: destroy
+        });
+        if (init) {
+          if (init.ahex != null) {
+            val('ahex', init);
+          } else if (init.hex != null) {
+            val((init.a != null ? 'a' : '') + 'hex', init.a != null ? { ahex: init.hex + ColorMethods.intToHex(init.a) } : init);
+          } else if (init.r != null && init.g != null && init.b != null) {
+            val('rgb' + (init.a != null ? 'a' : ''), init);
+          } else if (init.h != null && init.s != null && init.v != null) {
+            val('hsv' + (init.a != null ? 'a' : ''), init);
+          }
+        }
+      },
+      /**
+      * color conversion methods  - make public to give use to external scripts
+      * @namespace
+      */
+      ColorMethods: {
+        /**
+        * @typedef {PlainObject} module:jPicker.RGBA
+        * @property {Integer} r
+        * @property {Integer} g
+        * @property {Integer} b
+        * @property {Integer} a
+        */
+        /**
+        * @typedef {PlainObject} module:jPicker.RGB
+        * @property {Integer} r
+        * @property {Integer} g
+        * @property {Integer} b
+        */
+        /**
+        * @param {string} hex
+        * @returns {module:jPicker.RGBA}
+        */
+        hexToRgba: function hexToRgba(hex) {
+          if (hex === '' || hex === 'none') return { r: null, g: null, b: null, a: null };
+          hex = this.validateHex(hex);
+          var r = '00',
+              g = '00',
+              b = '00',
+              a = '255';
+          if (hex.length === 6) hex += 'ff';
+          if (hex.length > 6) {
+            r = hex.substring(0, 2);
+            g = hex.substring(2, 4);
+            b = hex.substring(4, 6);
+            a = hex.substring(6, hex.length);
+          } else {
+            if (hex.length > 4) {
+              r = hex.substring(4, hex.length);
+              hex = hex.substring(0, 4);
+            }
+            if (hex.length > 2) {
+              g = hex.substring(2, hex.length);
+              hex = hex.substring(0, 2);
+            }
+            if (hex.length > 0) b = hex.substring(0, hex.length);
+          }
+          return {
+            r: this.hexToInt(r), g: this.hexToInt(g), b: this.hexToInt(b), a: this.hexToInt(a)
+          };
+        },
+
+        /**
+        * @param {string} hex
+        * @returns {string}
+        */
+        validateHex: function validateHex(hex) {
+          // if (typeof hex === 'object') return '';
+          hex = hex.toLowerCase().replace(/[^a-f0-9]/g, '');
+          if (hex.length > 8) hex = hex.substring(0, 8);
+          return hex;
+        },
+
+        /**
+        * @param {module:jPicker.RGBA} rgba
+        * @returns {string}
+        */
+        rgbaToHex: function rgbaToHex(rgba) {
+          return this.intToHex(rgba.r) + this.intToHex(rgba.g) + this.intToHex(rgba.b) + this.intToHex(rgba.a);
+        },
+
+        /**
+        * @param {Integer} dec
+        * @returns {string}
+        */
+        intToHex: function intToHex(dec) {
+          var result = (dec | 0).toString(16);
+          if (result.length === 1) result = '0' + result;
+          return result.toLowerCase();
+        },
+
+        /**
+        * @param {string} hex
+        * @returns {Integer}
+        */
+        hexToInt: function hexToInt(hex) {
+          return parseInt(hex, 16);
+        },
+
+        /**
+        * @typedef {PlainObject} module:jPicker.HSV
+        * @property {Integer} h
+        * @property {Integer} s
+        * @property {Integer} v
+        */
+        /**
+        * @param {module:jPicker.RGB} rgb
+        * @returns {module:jPicker.HSV}
+        */
+        rgbToHsv: function rgbToHsv(rgb) {
+          var r = rgb.r / 255,
+              g = rgb.g / 255,
+              b = rgb.b / 255,
+              hsv = { h: 0, s: 0, v: 0 };
+          var min = 0,
+              max = 0;
+          if (r >= g && r >= b) {
+            max = r;
+            min = g > b ? b : g;
+          } else if (g >= b && g >= r) {
+            max = g;
+            min = r > b ? b : r;
+          } else {
+            max = b;
+            min = g > r ? r : g;
+          }
+          hsv.v = max;
+          hsv.s = max ? (max - min) / max : 0;
+          var delta = void 0;
+          if (!hsv.s) hsv.h = 0;else {
+            delta = max - min;
+            if (r === max) hsv.h = (g - b) / delta;else if (g === max) hsv.h = 2 + (b - r) / delta;else hsv.h = 4 + (r - g) / delta;
+            hsv.h = parseInt(hsv.h * 60);
+            if (hsv.h < 0) hsv.h += 360;
+          }
+          hsv.s = hsv.s * 100 | 0;
+          hsv.v = hsv.v * 100 | 0;
+          return hsv;
+        },
+
+        /**
+        * @param {module:jPicker.HSV} hsv
+        * @returns {module:jPicker.RGB}
+        */
+        hsvToRgb: function hsvToRgb(hsv) {
+          var rgb = { r: 0, g: 0, b: 0, a: 100 };
+          var h = hsv.h,
+              s = hsv.s,
+              v = hsv.v;
+
+          if (s === 0) {
+            if (v === 0) rgb.r = rgb.g = rgb.b = 0;else rgb.r = rgb.g = rgb.b = v * 255 / 100 | 0;
+          } else {
+            if (h === 360) h = 0;
+            h /= 60;
+            s = s / 100;
+            v = v / 100;
+            var i = h | 0,
+                f = h - i,
+                p = v * (1 - s),
+                q = v * (1 - s * f),
+                t = v * (1 - s * (1 - f));
+            switch (i) {
+              case 0:
+                rgb.r = v;
+                rgb.g = t;
+                rgb.b = p;
+                break;
+              case 1:
+                rgb.r = q;
+                rgb.g = v;
+                rgb.b = p;
+                break;
+              case 2:
+                rgb.r = p;
+                rgb.g = v;
+                rgb.b = t;
+                break;
+              case 3:
+                rgb.r = p;
+                rgb.g = q;
+                rgb.b = v;
+                break;
+              case 4:
+                rgb.r = t;
+                rgb.g = p;
+                rgb.b = v;
+                break;
+              case 5:
+                rgb.r = v;
+                rgb.g = p;
+                rgb.b = q;
+                break;
+            }
+            rgb.r = rgb.r * 255 | 0;
+            rgb.g = rgb.g * 255 | 0;
+            rgb.b = rgb.b * 255 | 0;
+          }
+          return rgb;
+        }
+      }
+    };
+    var _$$jPicker = $.jPicker,
+        Color = _$$jPicker.Color,
+        List = _$$jPicker.List,
+        ColorMethods = _$$jPicker.ColorMethods; // local copies for YUI compressor
+    /**
+     * @function external:jQuery.fn.jPicker
+     * @see {@link external:jQuery.fn.$.fn.jPicker}
+     */
+    /**
+    * While it would seem this should specify the name `jPicker` for JSDoc, that doesn't
+    *   get us treated as a function as well as a namespace (even with `@function name`),
+    *   so we use an approach to add a redundant `$.fn.` in the name.
+    * @namespace
+    * @memberof external:jQuery.fn
+    * @param {external:jQuery.fn.jPickerOptions} options
+    * @returns {external:jQuery}
+    */
+
+    $.fn.jPicker = function (options) {
+      var $arguments = arguments;
+      return this.each(function () {
+        var $this = this,
+            settings = $.extend(true, {}, $.fn.jPicker.defaults, options); // local copies for YUI compressor
+        if ($($this).get(0).nodeName.toLowerCase() === 'input') {
+          // Add color picker icon if binding to an input element and bind the events to the input
+          $.extend(true, settings, {
+            window: {
+              bindToInput: true,
+              expandable: true,
+              input: $($this)
+            }
+          });
+          if ($($this).val() === '') {
+            settings.color.active = new Color({ hex: null });
+            settings.color.current = new Color({ hex: null });
+          } else if (ColorMethods.validateHex($($this).val())) {
+            settings.color.active = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });
+            settings.color.current = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });
+          }
+        }
+        if (settings.window.expandable) {
+          $($this).after('<span class="jPicker"><span class="Icon"><span class="Color">&nbsp;</span><span class="Alpha">&nbsp;</span><span class="Image" title="Click To Open Color Picker">&nbsp;</span><span class="Container">&nbsp;</span></span></span>');
+        } else {
+          settings.window.liveUpdate = false; // Basic control binding for inline use - You will need to override the liveCallback or commitCallback function to retrieve results
+        }
+        var isLessThanIE7 = parseFloat(navigator.appVersion.split('MSIE')[1]) < 7 && document.body.filters; // needed to run the AlphaImageLoader function for IE6
+        // set color mode and update visuals for the new color mode
+        /**
+         *
+         * @param {"h"|"s"|"v"|"r"|"g"|"b"|"a"} colorMode [description]
+         * @throws {Error} Invalid mode
+         */
+        function setColorMode(colorMode) {
+          var active = color.active,
+              hex = active.val('hex');
+          var rgbMap = void 0,
+              rgbBar = void 0;
+          settings.color.mode = colorMode;
+          switch (colorMode) {
+            case 'h':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, 'transparent');
+                setImgLoc.call($this, colorMapL1, 0);
+                setAlpha.call($this, colorMapL1, 100);
+                setImgLoc.call($this, colorMapL2, 260);
+                setAlpha.call($this, colorMapL2, 100);
+                setBG.call($this, colorBarDiv, 'transparent');
+                setImgLoc.call($this, colorBarL1, 0);
+                setAlpha.call($this, colorBarL1, 100);
+                setImgLoc.call($this, colorBarL2, 260);
+                setAlpha.call($this, colorBarL2, 100);
+                setImgLoc.call($this, colorBarL3, 260);
+                setAlpha.call($this, colorBarL3, 100);
+                setImgLoc.call($this, colorBarL4, 260);
+                setAlpha.call($this, colorBarL4, 100);
+                setImgLoc.call($this, colorBarL6, 260);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              colorMap.range('all', { minX: 0, maxX: 100, minY: 0, maxY: 100 });
+              colorBar.range('rangeY', { minY: 0, maxY: 360 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('s'), y: 100 - active.val('v') }, colorMap);
+              colorBar.val('y', 360 - active.val('h'), colorBar);
+              break;
+            case 's':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, 'transparent');
+                setImgLoc.call($this, colorMapL1, -260);
+                setImgLoc.call($this, colorMapL2, -520);
+                setImgLoc.call($this, colorBarL1, -260);
+                setImgLoc.call($this, colorBarL2, -520);
+                setImgLoc.call($this, colorBarL6, 260);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+              colorBar.range('rangeY', { minY: 0, maxY: 100 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);
+              colorBar.val('y', 100 - active.val('s'), colorBar);
+              break;
+            case 'v':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, '000000');
+                setImgLoc.call($this, colorMapL1, -780);
+                setImgLoc.call($this, colorMapL2, 260);
+                setBG.call($this, colorBarDiv, hex);
+                setImgLoc.call($this, colorBarL1, -520);
+                setImgLoc.call($this, colorBarL2, 260);
+                setAlpha.call($this, colorBarL2, 100);
+                setImgLoc.call($this, colorBarL6, 260);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+              colorBar.range('rangeY', { minY: 0, maxY: 100 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('s') }, colorMap);
+              colorBar.val('y', 100 - active.val('v'), colorBar);
+              break;
+            case 'r':
+              rgbMap = -1040;
+              rgbBar = -780;
+              colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+              colorBar.range('rangeY', { minY: 0, maxY: 255 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('g') }, colorMap);
+              colorBar.val('y', 255 - active.val('r'), colorBar);
+              break;
+            case 'g':
+              rgbMap = -1560;
+              rgbBar = -1820;
+              colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+              colorBar.range('rangeY', { minY: 0, maxY: 255 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('r') }, colorMap);
+              colorBar.val('y', 255 - active.val('g'), colorBar);
+              break;
+            case 'b':
+              rgbMap = -2080;
+              rgbBar = -2860;
+              colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+              colorBar.range('rangeY', { minY: 0, maxY: 255 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('r'), y: 255 - active.val('g') }, colorMap);
+              colorBar.val('y', 255 - active.val('b'), colorBar);
+              break;
+            case 'a':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, 'transparent');
+                setImgLoc.call($this, colorMapL1, -260);
+                setImgLoc.call($this, colorMapL2, -520);
+                setImgLoc.call($this, colorBarL1, 260);
+                setImgLoc.call($this, colorBarL2, 260);
+                setAlpha.call($this, colorBarL2, 100);
+                setImgLoc.call($this, colorBarL6, 0);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+              colorBar.range('rangeY', { minY: 0, maxY: 255 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);
+              colorBar.val('y', 255 - active.val('a'), colorBar);
+              break;
+            default:
+              throw new Error('Invalid Mode');
+          }
+          switch (colorMode) {
+            case 'h':
+              break;
+            case 's':
+            case 'v':
+            case 'a':
+              setTimeout(function () {
+                setAlpha.call($this, colorMapL1, 100);
+                setAlpha.call($this, colorBarL1, 100);
+                setImgLoc.call($this, colorBarL3, 260);
+                setAlpha.call($this, colorBarL3, 100);
+                setImgLoc.call($this, colorBarL4, 260);
+                setAlpha.call($this, colorBarL4, 100);
+              }, 0);
+              break;
+            case 'r':
+            case 'g':
+            case 'b':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, 'transparent');
+                setBG.call($this, colorBarDiv, 'transparent');
+                setAlpha.call($this, colorBarL1, 100);
+                setAlpha.call($this, colorMapL1, 100);
+                setImgLoc.call($this, colorMapL1, rgbMap);
+                setImgLoc.call($this, colorMapL2, rgbMap - 260);
+                setImgLoc.call($this, colorBarL1, rgbBar - 780);
+                setImgLoc.call($this, colorBarL2, rgbBar - 520);
+                setImgLoc.call($this, colorBarL3, rgbBar);
+                setImgLoc.call($this, colorBarL4, rgbBar - 260);
+                setImgLoc.call($this, colorBarL6, 260);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              break;
+          }
+          if (active.val('ahex') == null) return;
+          activeColorChanged.call($this, active);
+        }
+        // Update color when user changes text values
+        function activeColorChanged(ui, context) {
+          if (context == null || context !== colorBar && context !== colorMap) positionMapAndBarArrows.call($this, ui, context);
+          setTimeout(function () {
+            updatePreview.call($this, ui);
+            updateMapVisuals.call($this, ui);
+            updateBarVisuals.call($this, ui);
+          }, 0);
+        }
+        // user has dragged the ColorMap pointer
+        function mapValueChanged(ui, context) {
+          var active = color.active;
+
+          if (context !== colorMap && active.val() == null) return;
+          var xy = ui.val('all');
+          switch (settings.color.mode) {
+            case 'h':
+              active.val('sv', { s: xy.x, v: 100 - xy.y }, context);
+              break;
+            case 's':
+            case 'a':
+              active.val('hv', { h: xy.x, v: 100 - xy.y }, context);
+              break;
+            case 'v':
+              active.val('hs', { h: xy.x, s: 100 - xy.y }, context);
+              break;
+            case 'r':
+              active.val('gb', { g: 255 - xy.y, b: xy.x }, context);
+              break;
+            case 'g':
+              active.val('rb', { r: 255 - xy.y, b: xy.x }, context);
+              break;
+            case 'b':
+              active.val('rg', { r: xy.x, g: 255 - xy.y }, context);
+              break;
+          }
+        }
+        // user has dragged the ColorBar slider
+        function colorBarValueChanged(ui, context) {
+          var active = color.active;
+
+          if (context !== colorBar && active.val() == null) return;
+          switch (settings.color.mode) {
+            case 'h':
+              active.val('h', { h: 360 - ui.val('y') }, context);
+              break;
+            case 's':
+              active.val('s', { s: 100 - ui.val('y') }, context);
+              break;
+            case 'v':
+              active.val('v', { v: 100 - ui.val('y') }, context);
+              break;
+            case 'r':
+              active.val('r', { r: 255 - ui.val('y') }, context);
+              break;
+            case 'g':
+              active.val('g', { g: 255 - ui.val('y') }, context);
+              break;
+            case 'b':
+              active.val('b', { b: 255 - ui.val('y') }, context);
+              break;
+            case 'a':
+              active.val('a', 255 - ui.val('y'), context);
+              break;
+          }
+        }
+        // position map and bar arrows to match current color
+        function positionMapAndBarArrows(ui, context) {
+          if (context !== colorMap) {
+            switch (settings.color.mode) {
+              case 'h':
+                var sv = ui.val('sv');
+                colorMap.val('xy', { x: sv != null ? sv.s : 100, y: 100 - (sv != null ? sv.v : 100) }, context);
+                break;
+              case 's':
+              case 'a':
+                var hv = ui.val('hv');
+                colorMap.val('xy', { x: hv && hv.h || 0, y: 100 - (hv != null ? hv.v : 100) }, context);
+                break;
+              case 'v':
+                var hs = ui.val('hs');
+                colorMap.val('xy', { x: hs && hs.h || 0, y: 100 - (hs != null ? hs.s : 100) }, context);
+                break;
+              case 'r':
+                var bg = ui.val('bg');
+                colorMap.val('xy', { x: bg && bg.b || 0, y: 255 - (bg && bg.g || 0) }, context);
+                break;
+              case 'g':
+                var br = ui.val('br');
+                colorMap.val('xy', { x: br && br.b || 0, y: 255 - (br && br.r || 0) }, context);
+                break;
+              case 'b':
+                var rg = ui.val('rg');
+                colorMap.val('xy', { x: rg && rg.r || 0, y: 255 - (rg && rg.g || 0) }, context);
+                break;
+            }
+          }
+          if (context !== colorBar) {
+            switch (settings.color.mode) {
+              case 'h':
+                colorBar.val('y', 360 - (ui.val('h') || 0), context);
+                break;
+              case 's':
+                var s = ui.val('s');
+                colorBar.val('y', 100 - (s != null ? s : 100), context);
+                break;
+              case 'v':
+                var v = ui.val('v');
+                colorBar.val('y', 100 - (v != null ? v : 100), context);
+                break;
+              case 'r':
+                colorBar.val('y', 255 - (ui.val('r') || 0), context);
+                break;
+              case 'g':
+                colorBar.val('y', 255 - (ui.val('g') || 0), context);
+                break;
+              case 'b':
+                colorBar.val('y', 255 - (ui.val('b') || 0), context);
+                break;
+              case 'a':
+                var a = ui.val('a');
+                colorBar.val('y', 255 - (a != null ? a : 255), context);
+                break;
+            }
+          }
+        }
+        function updatePreview(ui) {
+          try {
+            var all = ui.val('all');
+            activePreview.css({ backgroundColor: all && '#' + all.hex || 'transparent' });
+            setAlpha.call($this, activePreview, all && Math.precision(all.a * 100 / 255, 4) || 0);
+          } catch (e) {}
+        }
+        function updateMapVisuals(ui) {
+          switch (settings.color.mode) {
+            case 'h':
+              setBG.call($this, colorMapDiv, new Color({ h: ui.val('h') || 0, s: 100, v: 100 }).val('hex'));
+              break;
+            case 's':
+            case 'a':
+              var s = ui.val('s');
+              setAlpha.call($this, colorMapL2, 100 - (s != null ? s : 100));
+              break;
+            case 'v':
+              var v = ui.val('v');
+              setAlpha.call($this, colorMapL1, v != null ? v : 100);
+              break;
+            case 'r':
+              setAlpha.call($this, colorMapL2, Math.precision((ui.val('r') || 0) / 255 * 100, 4));
+              break;
+            case 'g':
+              setAlpha.call($this, colorMapL2, Math.precision((ui.val('g') || 0) / 255 * 100, 4));
+              break;
+            case 'b':
+              setAlpha.call($this, colorMapL2, Math.precision((ui.val('b') || 0) / 255 * 100));
+              break;
+          }
+          var a = ui.val('a');
+          setAlpha.call($this, colorMapL3, Math.precision((255 - (a || 0)) * 100 / 255, 4));
+        }
+        function updateBarVisuals(ui) {
+          switch (settings.color.mode) {
+            case 'h':
+              var a = ui.val('a');
+              setAlpha.call($this, colorBarL5, Math.precision((255 - (a || 0)) * 100 / 255, 4));
+              break;
+            case 's':
+              var hva = ui.val('hva'),
+                  saturatedColor = new Color({ h: hva && hva.h || 0, s: 100, v: hva != null ? hva.v : 100 });
+              setBG.call($this, colorBarDiv, saturatedColor.val('hex'));
+              setAlpha.call($this, colorBarL2, 100 - (hva != null ? hva.v : 100));
+              setAlpha.call($this, colorBarL5, Math.precision((255 - (hva && hva.a || 0)) * 100 / 255, 4));
+              break;
+            case 'v':
+              var hsa = ui.val('hsa'),
+                  valueColor = new Color({ h: hsa && hsa.h || 0, s: hsa != null ? hsa.s : 100, v: 100 });
+              setBG.call($this, colorBarDiv, valueColor.val('hex'));
+              setAlpha.call($this, colorBarL5, Math.precision((255 - (hsa && hsa.a || 0)) * 100 / 255, 4));
+              break;
+            case 'r':
+            case 'g':
+            case 'b':
+              var rgba = ui.val('rgba');
+              var hValue = 0,
+                  vValue = 0;
+              if (settings.color.mode === 'r') {
+                hValue = rgba && rgba.b || 0;
+                vValue = rgba && rgba.g || 0;
+              } else if (settings.color.mode === 'g') {
+                hValue = rgba && rgba.b || 0;
+                vValue = rgba && rgba.r || 0;
+              } else if (settings.color.mode === 'b') {
+                hValue = rgba && rgba.r || 0;
+                vValue = rgba && rgba.g || 0;
+              }
+              var middle = vValue > hValue ? hValue : vValue;
+              setAlpha.call($this, colorBarL2, hValue > vValue ? Math.precision((hValue - vValue) / (255 - vValue) * 100, 4) : 0);
+              setAlpha.call($this, colorBarL3, vValue > hValue ? Math.precision((vValue - hValue) / (255 - hValue) * 100, 4) : 0);
+              setAlpha.call($this, colorBarL4, Math.precision(middle / 255 * 100, 4));
+              setAlpha.call($this, colorBarL5, Math.precision((255 - (rgba && rgba.a || 0)) * 100 / 255, 4));
+              break;
+            case 'a':
+              {
+                var _a = ui.val('a');
+                setBG.call($this, colorBarDiv, ui.val('hex') || '000000');
+                setAlpha.call($this, colorBarL5, _a != null ? 0 : 100);
+                setAlpha.call($this, colorBarL6, _a != null ? 100 : 0);
+                break;
+              }
+          }
+        }
+        function setBG(el, c) {
+          el.css({ backgroundColor: c && c.length === 6 && '#' + c || 'transparent' });
+        }
+        function setImg(img, src) {
+          if (isLessThanIE7 && (src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png'))) {
+            img.attr('pngSrc', src);
+            img.css({ backgroundImage: 'none', filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\')' });
+          } else img.css({ backgroundImage: 'url(\'' + src + '\')' });
+        }
+        function setImgLoc(img, y) {
+          img.css({ top: y + 'px' });
+        }
+        function setAlpha(obj, alpha) {
+          obj.css({ visibility: alpha > 0 ? 'visible' : 'hidden' });
+          if (alpha > 0 && alpha < 100) {
+            if (isLessThanIE7) {
+              var src = obj.attr('pngSrc');
+              if (src != null && (src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png'))) {
+                obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\') progid:DXImageTransform.Microsoft.Alpha(opacity=' + alpha + ')' });
+              } else obj.css({ opacity: Math.precision(alpha / 100, 4) });
+            } else obj.css({ opacity: Math.precision(alpha / 100, 4) });
+          } else if (alpha === 0 || alpha === 100) {
+            if (isLessThanIE7) {
+              var _src = obj.attr('pngSrc');
+              if (_src != null && (_src.includes('AlphaBar.png') || _src.includes('Bars.png') || _src.includes('Maps.png'))) {
+                obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + _src + '\', sizingMethod=\'scale\')' });
+              } else obj.css({ opacity: '' });
+            } else obj.css({ opacity: '' });
+          }
+        }
+        // revert color to original color when opened
+        function revertColor() {
+          color.active.val('ahex', color.current.val('ahex'));
+        }
+        // commit the color changes
+        function commitColor() {
+          color.current.val('ahex', color.active.val('ahex'));
+        }
+        function radioClicked(e) {
+          $(this).parents('tbody:first').find('input:radio[value!="' + e.target.value + '"]').removeAttr('checked');
+          setColorMode.call($this, e.target.value);
+        }
+        function currentClicked() {
+          revertColor.call($this);
+        }
+        function cancelClicked() {
+          revertColor.call($this);
+          settings.window.expandable && hide.call($this);
+          typeof cancelCallback === 'function' && cancelCallback.call($this, color.active, cancelButton);
+        }
+        function okClicked() {
+          commitColor.call($this);
+          settings.window.expandable && hide.call($this);
+          typeof commitCallback === 'function' && commitCallback.call($this, color.active, okButton);
+        }
+        function iconImageClicked() {
+          show.call($this);
+        }
+        function currentColorChanged(ui, context) {
+          var hex = ui.val('hex');
+          currentPreview.css({ backgroundColor: hex && '#' + hex || 'transparent' });
+          setAlpha.call($this, currentPreview, Math.precision((ui.val('a') || 0) * 100 / 255, 4));
+        }
+        function expandableColorChanged(ui, context) {
+          var hex = ui.val('hex');
+          var va = ui.val('va');
+          iconColor.css({ backgroundColor: hex && '#' + hex || 'transparent' });
+          setAlpha.call($this, iconAlpha, Math.precision((255 - (va && va.a || 0)) * 100 / 255, 4));
+          if (settings.window.bindToInput && settings.window.updateInputColor) {
+            settings.window.input.css({
+              backgroundColor: hex && '#' + hex || 'transparent',
+              color: va == null || va.v > 75 ? '#000000' : '#ffffff'
+            });
+          }
+        }
+        function moveBarMouseDown(e) {
+          // const {element} = settings.window, // local copies for YUI compressor
+          //     {page} = settings.window;
+          elementStartX = parseInt(container.css('left'));
+          elementStartY = parseInt(container.css('top'));
+          pageStartX = e.pageX;
+          pageStartY = e.pageY;
+          // bind events to document to move window - we will unbind these on mouseup
+          $(document).bind('mousemove', documentMouseMove).bind('mouseup', documentMouseUp);
+          e.preventDefault(); // prevent attempted dragging of the column
+        }
+        function documentMouseMove(e) {
+          container.css({ left: elementStartX - (pageStartX - e.pageX) + 'px', top: elementStartY - (pageStartY - e.pageY) + 'px' });
+          if (settings.window.expandable && !$.support.boxModel) container.prev().css({ left: container.css('left'), top: container.css('top') });
+          e.stopPropagation();
+          e.preventDefault();
+          return false;
+        }
+        function documentMouseUp(e) {
+          $(document).unbind('mousemove', documentMouseMove).unbind('mouseup', documentMouseUp);
+          e.stopPropagation();
+          e.preventDefault();
+          return false;
+        }
+        function quickPickClicked(e) {
+          e.preventDefault();
+          e.stopPropagation();
+          color.active.val('ahex', $(this).attr('title') || null, e.target);
+          return false;
+        }
+        function show() {
+          color.current.val('ahex', color.active.val('ahex'));
+          function attachIFrame() {
+            if (!settings.window.expandable || $.support.boxModel) return;
+            var table = container.find('table:first');
+            container.before('<iframe/>');
+            container.prev().css({ width: table.width(), height: container.height(), opacity: 0, position: 'absolute', left: container.css('left'), top: container.css('top') });
+          }
+          if (settings.window.expandable) {
+            $(document.body).children('div.jPicker.Container').css({ zIndex: 10 });
+            container.css({ zIndex: 20 });
+          }
+          switch (settings.window.effects.type) {
+            case 'fade':
+              container.fadeIn(settings.window.effects.speed.show, attachIFrame);
+              break;
+            case 'slide':
+              container.slideDown(settings.window.effects.speed.show, attachIFrame);
+              break;
+            case 'show':
+            default:
+              container.show(settings.window.effects.speed.show, attachIFrame);
+              break;
+          }
+        }
+        function hide() {
+          function removeIFrame() {
+            if (settings.window.expandable) container.css({ zIndex: 10 });
+            if (!settings.window.expandable || $.support.boxModel) return;
+            container.prev().remove();
+          }
+          switch (settings.window.effects.type) {
+            case 'fade':
+              container.fadeOut(settings.window.effects.speed.hide, removeIFrame);
+              break;
+            case 'slide':
+              container.slideUp(settings.window.effects.speed.hide, removeIFrame);
+              break;
+            case 'show':
+            default:
+              container.hide(settings.window.effects.speed.hide, removeIFrame);
+              break;
+          }
+        }
+        function initialize() {
+          var win = settings.window,
+              popup = win.expandable ? $($this).next().find('.Container:first') : null;
+          container = win.expandable ? $('<div/>') : $($this);
+          container.addClass('jPicker Container');
+          if (win.expandable) container.hide();
+          container.get(0).onselectstart = function (event) {
+            if (event.target.nodeName.toLowerCase() !== 'input') return false;
+          };
+          // inject html source code - we are using a single table for this control - I know tables are considered bad, but it takes care of equal height columns and
+          // this control really is tabular data, so I believe it is the right move
+          var all = color.active.val('all');
+          if (win.alphaPrecision < 0) win.alphaPrecision = 0;else if (win.alphaPrecision > 2) win.alphaPrecision = 2;
+          var controlHtml = '<table class="jPicker" cellpadding="0" cellspacing="0"><tbody>' + (win.expandable ? '<tr><td class="Move" colspan="5">&nbsp;</td></tr>' : '') + '<tr><td rowspan="9"><h2 class="Title">' + (win.title || localization.text.title) + '</h2><div class="Map"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><img src="' + images.clientPath + images.colorMap.arrow.file + '" class="Arrow"/></div></td><td rowspan="9"><div class="Bar"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><span class="Map4">&nbsp;</span><span class="Map5">&nbsp;</span><span class="Map6">&nbsp;</span><img src="' + images.clientPath + images.colorBar.arrow.file + '" class="Arrow"/></div></td><td colspan="2" class="Preview">' + localization.text.newColor + '<div><span class="Active" title="' + localization.tooltips.colors.newColor + '">&nbsp;</span><span class="Current" title="' + localization.tooltips.colors.currentColor + '">&nbsp;</span></div>' + localization.text.currentColor + '</td><td rowspan="9" class="Button"><input type="button" class="Ok" value="' + localization.text.ok + '" title="' + localization.tooltips.buttons.ok + '"/><input type="button" class="Cancel" value="' + localization.text.cancel + '" title="' + localization.tooltips.buttons.cancel + '"/><hr/><div class="Grid">&nbsp;</div></td></tr><tr class="Hue"><td class="Radio"><label title="' + localization.tooltips.hue.radio + '"><input type="radio" value="h"' + (settings.color.mode === 'h' ? ' checked="checked"' : '') + '/>H:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.h : '') + '" title="' + localization.tooltips.hue.textbox + '"/>&nbsp;&deg;</td></tr><tr class="Saturation"><td class="Radio"><label title="' + localization.tooltips.saturation.radio + '"><input type="radio" value="s"' + (settings.color.mode === 's' ? ' checked="checked"' : '') + '/>S:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.s : '') + '" title="' + localization.tooltips.saturation.textbox + '"/>&nbsp;%</td></tr><tr class="Value"><td class="Radio"><label title="' + localization.tooltips.value.radio + '"><input type="radio" value="v"' + (settings.color.mode === 'v' ? ' checked="checked"' : '') + '/>V:</label><br/><br/></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.v : '') + '" title="' + localization.tooltips.value.textbox + '"/>&nbsp;%<br/><br/></td></tr><tr class="Red"><td class="Radio"><label title="' + localization.tooltips.red.radio + '"><input type="radio" value="r"' + (settings.color.mode === 'r' ? ' checked="checked"' : '') + '/>R:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.r : '') + '" title="' + localization.tooltips.red.textbox + '"/></td></tr><tr class="Green"><td class="Radio"><label title="' + localization.tooltips.green.radio + '"><input type="radio" value="g"' + (settings.color.mode === 'g' ? ' checked="checked"' : '') + '/>G:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.g : '') + '" title="' + localization.tooltips.green.textbox + '"/></td></tr><tr class="Blue"><td class="Radio"><label title="' + localization.tooltips.blue.radio + '"><input type="radio" value="b"' + (settings.color.mode === 'b' ? ' checked="checked"' : '') + '/>B:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.b : '') + '" title="' + localization.tooltips.blue.textbox + '"/></td></tr><tr class="Alpha"><td class="Radio">' + (win.alphaSupport ? '<label title="' + localization.tooltips.alpha.radio + '"><input type="radio" value="a"' + (settings.color.mode === 'a' ? ' checked="checked"' : '') + '/>A:</label>' : '&nbsp;') + '</td><td class="Text">' + (win.alphaSupport ? '<input type="text" maxlength="' + (3 + win.alphaPrecision) + '" value="' + (all != null ? Math.precision(all.a * 100 / 255, win.alphaPrecision) : '') + '" title="' + localization.tooltips.alpha.textbox + '"/>&nbsp;%' : '&nbsp;') + '</td></tr><tr class="Hex"><td colspan="2" class="Text"><label title="' + localization.tooltips.hex.textbox + '">#:<input type="text" maxlength="6" class="Hex" value="' + (all != null ? all.hex : '') + '"/></label>' + (win.alphaSupport ? '<input type="text" maxlength="2" class="AHex" value="' + (all != null ? all.ahex.substring(6) : '') + '" title="' + localization.tooltips.hex.alpha + '"/></td>' : '&nbsp;') + '</tr></tbody></table>';
+          if (win.expandable) {
+            container.html(controlHtml);
+            if (!$(document.body).children('div.jPicker.Container').length) {
+              $(document.body).prepend(container);
+            } else {
+              $(document.body).children('div.jPicker.Container:last').after(container);
+            }
+            container.mousedown(function () {
+              $(document.body).children('div.jPicker.Container').css({ zIndex: 10 });
+              container.css({ zIndex: 20 });
+            });
+            container.css( // positions must be set and display set to absolute before source code injection or IE will size the container to fit the window
+            {
+              left: win.position.x === 'left' ? popup.offset().left - 530 - (win.position.y === 'center' ? 25 : 0) + 'px' : win.position.x === 'center' ? popup.offset().left - 260 + 'px' : win.position.x === 'right' ? popup.offset().left - 10 + (win.position.y === 'center' ? 25 : 0) + 'px' : win.position.x === 'screenCenter' ? ($(document).width() >> 1) - 260 + 'px' : popup.offset().left + parseInt(win.position.x) + 'px',
+              position: 'absolute',
+              top: win.position.y === 'top' ? popup.offset().top - 312 + 'px' : win.position.y === 'center' ? popup.offset().top - 156 + 'px' : win.position.y === 'bottom' ? popup.offset().top + 25 + 'px' : popup.offset().top + parseInt(win.position.y) + 'px'
+            });
+          } else {
+            container = $($this);
+            container.html(controlHtml);
+          }
+          // initialize the objects to the source code just injected
+          var tbody = container.find('tbody:first');
+          colorMapDiv = tbody.find('div.Map:first');
+          colorBarDiv = tbody.find('div.Bar:first');
+          var MapMaps = colorMapDiv.find('span');
+          var BarMaps = colorBarDiv.find('span');
+          colorMapL1 = MapMaps.filter('.Map1:first');
+          colorMapL2 = MapMaps.filter('.Map2:first');
+          colorMapL3 = MapMaps.filter('.Map3:first');
+          colorBarL1 = BarMaps.filter('.Map1:first');
+          colorBarL2 = BarMaps.filter('.Map2:first');
+          colorBarL3 = BarMaps.filter('.Map3:first');
+          colorBarL4 = BarMaps.filter('.Map4:first');
+          colorBarL5 = BarMaps.filter('.Map5:first');
+          colorBarL6 = BarMaps.filter('.Map6:first');
+          // create color pickers and maps
+          colorMap = new Slider(colorMapDiv, {
+            map: {
+              width: images.colorMap.width,
+              height: images.colorMap.height
+            },
+            arrow: {
+              image: images.clientPath + images.colorMap.arrow.file,
+              width: images.colorMap.arrow.width,
+              height: images.colorMap.arrow.height
+            }
+          });
+          colorMap.bind(mapValueChanged);
+          colorBar = new Slider(colorBarDiv, {
+            map: {
+              width: images.colorBar.width,
+              height: images.colorBar.height
+            },
+            arrow: {
+              image: images.clientPath + images.colorBar.arrow.file,
+              width: images.colorBar.arrow.width,
+              height: images.colorBar.arrow.height
+            }
+          });
+          colorBar.bind(colorBarValueChanged);
+          colorPicker = new ColorValuePicker(tbody, color.active, win.expandable && win.bindToInput ? win.input : null, win.alphaPrecision);
+          var hex = all != null ? all.hex : null,
+              preview = tbody.find('.Preview'),
+              button = tbody.find('.Button');
+          activePreview = preview.find('.Active:first').css({ backgroundColor: hex && '#' + hex || 'transparent' });
+          currentPreview = preview.find('.Current:first').css({ backgroundColor: hex && '#' + hex || 'transparent' }).bind('click', currentClicked);
+          setAlpha.call($this, currentPreview, Math.precision(color.current.val('a') * 100) / 255, 4);
+          okButton = button.find('.Ok:first').bind('click', okClicked);
+          cancelButton = button.find('.Cancel:first').bind('click', cancelClicked);
+          grid = button.find('.Grid:first');
+          setTimeout(function () {
+            setImg.call($this, colorMapL1, images.clientPath + 'Maps.png');
+            setImg.call($this, colorMapL2, images.clientPath + 'Maps.png');
+            setImg.call($this, colorMapL3, images.clientPath + 'map-opacity.png');
+            setImg.call($this, colorBarL1, images.clientPath + 'Bars.png');
+            setImg.call($this, colorBarL2, images.clientPath + 'Bars.png');
+            setImg.call($this, colorBarL3, images.clientPath + 'Bars.png');
+            setImg.call($this, colorBarL4, images.clientPath + 'Bars.png');
+            setImg.call($this, colorBarL5, images.clientPath + 'bar-opacity.png');
+            setImg.call($this, colorBarL6, images.clientPath + 'AlphaBar.png');
+            setImg.call($this, preview.find('div:first'), images.clientPath + 'preview-opacity.png');
+          }, 0);
+          tbody.find('td.Radio input').bind('click', radioClicked);
+          // initialize quick list
+          if (color.quickList && color.quickList.length > 0) {
+            var html = '';
+            for (var i = 0; i < color.quickList.length; i++) {
+              /* if default colors are hex strings, change them to color objects */
+              if (_typeof(color.quickList[i]).toString().toLowerCase() === 'string') color.quickList[i] = new Color({ hex: color.quickList[i] });
+              var alpha = color.quickList[i].val('a');
+              var ahex = color.quickList[i].val('ahex');
+              if (!win.alphaSupport && ahex) ahex = ahex.substring(0, 6) + 'ff';
+              var quickHex = color.quickList[i].val('hex');
+              if (!ahex) ahex = '00000000';
+              html += '<span class="QuickColor"' + (ahex && ' title="#' + ahex + '"' || 'none') + ' style="background-color:' + (quickHex && '#' + quickHex || '') + ';' + (quickHex ? '' : 'background-image:url(' + images.clientPath + 'NoColor.png)') + (win.alphaSupport && alpha && alpha < 255 ? ';opacity:' + Math.precision(alpha / 255, 4) + ';filter:Alpha(opacity=' + Math.precision(alpha / 2.55, 4) + ')' : '') + '">&nbsp;</span>';
+            }
+            setImg.call($this, grid, images.clientPath + 'bar-opacity.png');
+            grid.html(html);
+            grid.find('.QuickColor').click(quickPickClicked);
+          }
+          setColorMode.call($this, settings.color.mode);
+          color.active.bind(activeColorChanged);
+          typeof liveCallback === 'function' && color.active.bind(liveCallback);
+          color.current.bind(currentColorChanged);
+          // bind to input
+          if (win.expandable) {
+            $this.icon = popup.parents('.Icon:first');
+            iconColor = $this.icon.find('.Color:first').css({ backgroundColor: hex && '#' + hex || 'transparent' });
+            iconAlpha = $this.icon.find('.Alpha:first');
+            setImg.call($this, iconAlpha, images.clientPath + 'bar-opacity.png');
+            setAlpha.call($this, iconAlpha, Math.precision((255 - (all != null ? all.a : 0)) * 100 / 255, 4));
+            iconImage = $this.icon.find('.Image:first').css({
+              backgroundImage: 'url(\'' + images.clientPath + images.picker.file + '\')'
+            }).bind('click', iconImageClicked);
+            if (win.bindToInput && win.updateInputColor) {
+              win.input.css({
+                backgroundColor: hex && '#' + hex || 'transparent',
+                color: all == null || all.v > 75 ? '#000000' : '#ffffff'
+              });
+            }
+            moveBar = tbody.find('.Move:first').bind('mousedown', moveBarMouseDown);
+            color.active.bind(expandableColorChanged);
+          } else show.call($this);
+        }
+        function destroy() {
+          container.find('td.Radio input').unbind('click', radioClicked);
+          currentPreview.unbind('click', currentClicked);
+          cancelButton.unbind('click', cancelClicked);
+          okButton.unbind('click', okClicked);
+          if (settings.window.expandable) {
+            iconImage.unbind('click', iconImageClicked);
+            moveBar.unbind('mousedown', moveBarMouseDown);
+            $this.icon = null;
+          }
+          container.find('.QuickColor').unbind('click', quickPickClicked);
+          colorMapDiv = null;
+          colorBarDiv = null;
+          colorMapL1 = null;
+          colorMapL2 = null;
+          colorMapL3 = null;
+          colorBarL1 = null;
+          colorBarL2 = null;
+          colorBarL3 = null;
+          colorBarL4 = null;
+          colorBarL5 = null;
+          colorBarL6 = null;
+          colorMap.destroy();
+          colorMap = null;
+          colorBar.destroy();
+          colorBar = null;
+          colorPicker.destroy();
+          colorPicker = null;
+          activePreview = null;
+          currentPreview = null;
+          okButton = null;
+          cancelButton = null;
+          grid = null;
+          commitCallback = null;
+          cancelCallback = null;
+          liveCallback = null;
+          container.html('');
+          for (var i = 0; i < List.length; i++) {
+            if (List[i] === $this) {
+              List.splice(i, 1);
+            }
+          }
+        }
+        var images = settings.images,
+            localization = settings.localization; // local copies for YUI compressor
+
+        var color = {
+          active: _typeof(settings.color.active).toString().toLowerCase() === 'string' ? new Color({ ahex: !settings.window.alphaSupport && settings.color.active ? settings.color.active.substring(0, 6) + 'ff' : settings.color.active
+          }) : new Color({ ahex: !settings.window.alphaSupport && settings.color.active.val('ahex') ? settings.color.active.val('ahex').substring(0, 6) + 'ff' : settings.color.active.val('ahex')
+          }),
+          current: _typeof(settings.color.active).toString().toLowerCase() === 'string' ? new Color({ ahex: !settings.window.alphaSupport && settings.color.active ? settings.color.active.substring(0, 6) + 'ff' : settings.color.active }) : new Color({ ahex: !settings.window.alphaSupport && settings.color.active.val('ahex') ? settings.color.active.val('ahex').substring(0, 6) + 'ff' : settings.color.active.val('ahex')
+          }),
+          quickList: settings.color.quickList
+        };
+
+        var elementStartX = null,
+            // Used to record the starting css positions for dragging the control
+        elementStartY = null,
+            pageStartX = null,
+            // Used to record the mousedown coordinates for dragging the control
+        pageStartY = null,
+            container = null,
+            colorMapDiv = null,
+            colorBarDiv = null,
+            colorMapL1 = null,
+            // different layers of colorMap and colorBar
+        colorMapL2 = null,
+            colorMapL3 = null,
+            colorBarL1 = null,
+            colorBarL2 = null,
+            colorBarL3 = null,
+            colorBarL4 = null,
+            colorBarL5 = null,
+            colorBarL6 = null,
+            colorMap = null,
+            // color maps
+        colorBar = null,
+            colorPicker = null,
+            activePreview = null,
+            // color boxes above the radio buttons
+        currentPreview = null,
+            okButton = null,
+            cancelButton = null,
+            grid = null,
+            // preset colors grid
+        iconColor = null,
+            // iconColor for popup icon
+        iconAlpha = null,
+            // iconAlpha for popup icon
+        iconImage = null,
+            // iconImage popup icon
+        moveBar = null,
+            // drag bar
+        commitCallback = typeof $arguments[1] === 'function' ? $arguments[1] : null,
+            liveCallback = typeof $arguments[2] === 'function' ? $arguments[2] : null,
+            cancelCallback = typeof $arguments[3] === 'function' ? $arguments[3] : null;
+
+        $.extend(true, $this, {
+          // public properties, methods, and callbacks
+          commitCallback: commitCallback, // commitCallback function can be overridden to return the selected color to a method you specify when the user clicks "OK"
+          liveCallback: liveCallback, // liveCallback function can be overridden to return the selected color to a method you specify in live mode (continuous update)
+          cancelCallback: cancelCallback, // cancelCallback function can be overridden to a method you specify when the user clicks "Cancel"
+          color: color,
+          show: show,
+          hide: hide,
+          destroy: destroy // destroys this control entirely, removing all events and objects, and removing itself from the List
+        });
+        List.push($this);
+        setTimeout(function () {
+          initialize.call($this);
+        }, 0);
+      });
+    };
+    /**
+    * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsIconInfo
+    * @property {string} file Color Map/Color Bar/Color Picker arrow icon
+    * @property {Float} width
+    * @property {Float} height
+    */
+    /**
+    * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsImagesDimensionsArrow
+    * @property {Float} width
+    * @property {Float} height
+    * @property {external:jQuery.fn.jPickerOptionsIconInfo} arrow
+    */
+    /**
+    * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsRadioTextboxLocale
+    * @property {string} radio
+    * @property {string} textbox
+    */
+    /**
+    * @typedef {PlainObject} external:jQuery.fn.jPickerOptions
+    * @property {PlainObject} window
+    * @property {string|null} window.title Any title for the jPicker window itself - displays
+    * "Drag Markers To Pick A Color" if left null
+    * @property {PlainObject} window.effects
+    * @property {"slide"|"show"|"fade"} window.effects.type Effect used to show/hide an expandable picker
+    * @property {PlainObject} window.effects.speed
+    * @property {"fast"|"slow"|Float} window.effects.speed.show Duration of "show" effect. Time in milliseconds.
+    * @property {"fast"|"slow"|Float} window.effects.speed.hide Duration of "hide" effect. Time in milliseconds
+    * @property {PlainObject} window.position
+    * @property {"left"|"center"|"right"|"screenCenter"|Float} window.position.x Relative px value
+    * @property {"top"|"bottom"|"center"|Float} window.position.y Relative px value
+    * @property {boolean} window.expandable Defaults to large static picker - set to `true` to make an expandable
+    * picker (small icon with popup) - set automatically when binded to input element
+    * @property {boolean} window.liveUpdate Set `false` if you want the user to have to click "OK" before the
+    * binded input box updates values (always `true` for expandable picker)
+    * @property {boolean} window.alphaSupport Set to `true` to enable alpha picking
+    * @property {Float} window.alphaPrecision Set decimal precision for alpha percentage display - hex codes do
+    * not map directly to percentage integers - range 0-2
+    * @property {boolean} window.updateInputColor Set to `false` to prevent binded input colors from changing
+    * @property {PlainObject} color
+    * @property {"h"|"s"|"v"|"r"|"g"|"b"|"a"} color.mode Symbols stand for "h" (hue), "s" (saturation), "v" (value), "r" (red), "g" (green), "b" (blue), "a" (alpha)
+    * @property {Color|string} color.active Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the "#" prefix
+    * @property {Color[]|string[]} color.quickList The quick pick color list
+    * Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the "#" prefix
+    * @property {PlainObject} images
+    * @property {string} images.clientPath Path to image files
+    * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorMap
+    * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorBar
+    * @property {external:jQuery.fn.jPickerOptionsIconInfo} images.picker
+    * @property {PlainObject} localization alter these to change the text presented by the picker (e.g. different language)
+    * @property {PlainObject} localization.text
+    * @property {string} localization.text.title
+    * @property {string} localization.text.newColor
+    * @property {string} localization.text.currentColor
+    * @property {string} localization.text.ok
+    * @property {string} localization.text.cancel
+    * @property {PlainObject} localization.tooltips
+    * @property {PlainObject} localization.tooltips.colors
+    * @property {string} localization.tooltips.colors.newColor
+    * @property {string} localization.tooltips.colors.currentColor
+    * @property {PlainObject} localization.tooltips.buttons
+    * @property {string} localization.tooltips.buttons.ok
+    * @property {string} localization.tooltips.buttons.cancel
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.hue
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.saturation
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.value
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.red
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.green
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.blue
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.alpha
+    * @property {PlainObject} localization.tooltips.hex
+    * @property {string} localization.tooltips.hex.textbox
+    * @property {string} localization.tooltips.hex.alpha
+    */
+    /**
+    * jPicker defaults - you can change anything in this section (such as the
+    * clientPath to your images) without fear of breaking the program
+    * @namespace {external:jQuery.fn.jPickerOptions} defaults
+    * @memberof external:jQuery.fn.$.fn.jPicker
+    * @borrows external:jQuery.fn.jPickerOptions as external:jQuery.fn.jPicker.defaults
+    * @see Source for all of the values
+    */
+    $.fn.jPicker.defaults = {
+      window: {
+        title: null,
+        effects: {
+          type: 'slide',
+          speed: {
+            show: 'slow',
+            hide: 'fast'
+          }
+        },
+        position: {
+          x: 'screenCenter',
+          y: 'top'
+        },
+        expandable: false,
+        liveUpdate: true,
+        alphaSupport: false,
+        alphaPrecision: 0,
+        updateInputColor: true
+      },
+      color: {
+        mode: 'h',
+        active: new Color({ ahex: '#ffcc00ff' }),
+        quickList: [new Color({ h: 360, s: 33, v: 100 }), new Color({ h: 360, s: 66, v: 100 }), new Color({ h: 360, s: 100, v: 100 }), new Color({ h: 360, s: 100, v: 75 }), new Color({ h: 360, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 100 }), new Color({ h: 30, s: 33, v: 100 }), new Color({ h: 30, s: 66, v: 100 }), new Color({ h: 30, s: 100, v: 100 }), new Color({ h: 30, s: 100, v: 75 }), new Color({ h: 30, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 90 }), new Color({ h: 60, s: 33, v: 100 }), new Color({ h: 60, s: 66, v: 100 }), new Color({ h: 60, s: 100, v: 100 }), new Color({ h: 60, s: 100, v: 75 }), new Color({ h: 60, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 80 }), new Color({ h: 90, s: 33, v: 100 }), new Color({ h: 90, s: 66, v: 100 }), new Color({ h: 90, s: 100, v: 100 }), new Color({ h: 90, s: 100, v: 75 }), new Color({ h: 90, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 70 }), new Color({ h: 120, s: 33, v: 100 }), new Color({ h: 120, s: 66, v: 100 }), new Color({ h: 120, s: 100, v: 100 }), new Color({ h: 120, s: 100, v: 75 }), new Color({ h: 120, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 60 }), new Color({ h: 150, s: 33, v: 100 }), new Color({ h: 150, s: 66, v: 100 }), new Color({ h: 150, s: 100, v: 100 }), new Color({ h: 150, s: 100, v: 75 }), new Color({ h: 150, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 50 }), new Color({ h: 180, s: 33, v: 100 }), new Color({ h: 180, s: 66, v: 100 }), new Color({ h: 180, s: 100, v: 100 }), new Color({ h: 180, s: 100, v: 75 }), new Color({ h: 180, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 40 }), new Color({ h: 210, s: 33, v: 100 }), new Color({ h: 210, s: 66, v: 100 }), new Color({ h: 210, s: 100, v: 100 }), new Color({ h: 210, s: 100, v: 75 }), new Color({ h: 210, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 30 }), new Color({ h: 240, s: 33, v: 100 }), new Color({ h: 240, s: 66, v: 100 }), new Color({ h: 240, s: 100, v: 100 }), new Color({ h: 240, s: 100, v: 75 }), new Color({ h: 240, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 20 }), new Color({ h: 270, s: 33, v: 100 }), new Color({ h: 270, s: 66, v: 100 }), new Color({ h: 270, s: 100, v: 100 }), new Color({ h: 270, s: 100, v: 75 }), new Color({ h: 270, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 10 }), new Color({ h: 300, s: 33, v: 100 }), new Color({ h: 300, s: 66, v: 100 }), new Color({ h: 300, s: 100, v: 100 }), new Color({ h: 300, s: 100, v: 75 }), new Color({ h: 300, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 0 }), new Color({ h: 330, s: 33, v: 100 }), new Color({ h: 330, s: 66, v: 100 }), new Color({ h: 330, s: 100, v: 100 }), new Color({ h: 330, s: 100, v: 75 }), new Color({ h: 330, s: 100, v: 50 }), new Color()]
+      },
+      images: {
+        clientPath: '/jPicker/images/',
+        colorMap: {
+          width: 256,
+          height: 256,
+          arrow: {
+            file: 'mappoint.gif',
+            width: 15,
+            height: 15
+          }
+        },
+        colorBar: {
+          width: 20,
+          height: 256,
+          arrow: {
+            file: 'rangearrows.gif',
+            width: 20,
+            height: 7
+          }
+        },
+        picker: {
+          file: 'picker.gif',
+          width: 25,
+          height: 24
+        }
+      },
+      localization: {
+        text: {
+          title: 'Drag Markers To Pick A Color',
+          newColor: 'new',
+          currentColor: 'current',
+          ok: 'OK',
+          cancel: 'Cancel'
+        },
+        tooltips: {
+          colors: {
+            newColor: 'New Color - Press &ldquo;OK&rdquo; To Commit',
+            currentColor: 'Click To Revert To Original Color'
+          },
+          buttons: {
+            ok: 'Commit To This Color Selection',
+            cancel: 'Cancel And Revert To Original Color'
+          },
+          hue: {
+            radio: 'Set To &ldquo;Hue&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Hue&rdquo; Value (0-360&deg;)'
+          },
+          saturation: {
+            radio: 'Set To &ldquo;Saturation&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Saturation&rdquo; Value (0-100%)'
+          },
+          value: {
+            radio: 'Set To &ldquo;Value&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Value&rdquo; Value (0-100%)'
+          },
+          red: {
+            radio: 'Set To &ldquo;Red&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Red&rdquo; Value (0-255)'
+          },
+          green: {
+            radio: 'Set To &ldquo;Green&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Green&rdquo; Value (0-255)'
+          },
+          blue: {
+            radio: 'Set To &ldquo;Blue&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Blue&rdquo; Value (0-255)'
+          },
+          alpha: {
+            radio: 'Set To &ldquo;Alpha&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Alpha&rdquo; Value (0-100)'
+          },
+          hex: {
+            textbox: 'Enter A &ldquo;Hex&rdquo; Color Value (#000000-#ffffff)',
+            alpha: 'Enter A &ldquo;Alpha&rdquo; Value (#00-#ff)'
+          }
+        }
+      }
+    };
+    return $;
+  };
+
+  /* globals jQuery */
+
+  var $$a = jQuery;
+
+  var langParam = void 0;
+
+  /**
+  * @param {"content"|"title"} type
+  * @param {module:locale.LocaleSelectorValue} obj
+  * @param {boolean} ids
+  * @returns {undefined}
+  */
+  var setStrings = function setStrings(type, obj, ids) {
+    // Root element to look for element from
+    var parent = $$a('#svg_editor').parent();
+    Object.entries(obj).forEach(function (_ref) {
+      var _ref2 = slicedToArray(_ref, 2),
+          sel = _ref2[0],
+          val = _ref2[1];
+
+      if (!val) {
+        console.log(sel);
+      }
+
+      if (ids) {
+        sel = '#' + sel;
+      }
+      var $elem = parent.find(sel);
+      if ($elem.length) {
+        var elem = parent.find(sel)[0];
+
+        switch (type) {
+          case 'content':
+            for (var i = 0, node; node = elem.childNodes[i]; i++) {
+              if (node.nodeType === 3 && node.textContent.trim()) {
+                node.textContent = val;
+                break;
+              }
+            }
+            break;
+
+          case 'title':
+            elem.title = val;
+            break;
+        }
+      } else {
+        console.log('Missing: ' + sel);
+      }
+    });
+  };
+
+  /**
+  * The "data" property is generally set to an an array of objects with
+  * "id" and "title" or "textContent" properties
+  * @typedef {PlainObject} module:locale.AddLangExtensionLocaleData
+  * @property {module:locale.LocaleStrings[]} data See {@tutorial LocaleDocs}
+  */
+
+  /**
+  * @interface module:locale.LocaleEditorInit
+  */
+  /**
+   * @function module:locale.LocaleEditorInit#addLangData
+   * @param {string} langParam
+   * @returns {module:locale.AddLangExtensionLocaleData}
+  */
+
+  var editor_ = void 0;
+  /**
+  * @function init
+  * @memberof module:locale
+  * @param {module:locale.LocaleEditorInit} editor
+  * @returns {undefined}
+  */
+  var init$7 = function init(editor) {
+    editor_ = editor;
+  };
+
+  /**
+  * @typedef {PlainObject} module:locale.LangAndData
+  * @property {string} langParam
+  * @property {module:locale.LocaleStrings} langData
+  */
+
+  /**
+  * @function module:locale.readLang
+  * @param {module:locale.LocaleStrings} langData See {@tutorial LocaleDocs}
+  * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+  * @returns {Promise} Resolves to [`LangAndData`]{@link module:locale.LangAndData}
+  */
+  var readLang = function () {
+    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(langData) {
+      var more, _langData, tools, properties, config, layers, common, ui, opts;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return editor_.addLangData(langParam);
+
+            case 2:
+              more = _context.sent;
+
+              $$a.each(more, function (i, m) {
+                if (m.data) {
+                  langData = $$a.merge(langData, m.data);
+                }
+              });
+
+              // Old locale file, do nothing for now.
+
+              if (langData.tools) {
+                _context.next = 6;
+                break;
+              }
+
+              return _context.abrupt('return');
+
+            case 6:
+              _langData = langData, tools = _langData.tools, properties = _langData.properties, config = _langData.config, layers = _langData.layers, common = _langData.common, ui = _langData.ui;
+
+
+              setStrings('content', {
+                // copyrightLabel: misc.powered_by, // Currently commented out in svg-editor.html
+                curve_segments: properties.curve_segments,
+                fitToContent: tools.fitToContent,
+                fit_to_all: tools.fit_to_all,
+                fit_to_canvas: tools.fit_to_canvas,
+                fit_to_layer_content: tools.fit_to_layer_content,
+                fit_to_sel: tools.fit_to_sel,
+
+                icon_large: config.icon_large,
+                icon_medium: config.icon_medium,
+                icon_small: config.icon_small,
+                icon_xlarge: config.icon_xlarge,
+                image_opt_embed: config.image_opt_embed,
+                image_opt_ref: config.image_opt_ref,
+                includedImages: config.included_images,
+
+                largest_object: tools.largest_object,
+
+                layersLabel: layers.layers,
+                page: tools.page,
+                relativeToLabel: tools.relativeTo,
+                selLayerLabel: layers.move_elems_to,
+                selectedPredefined: config.select_predefined,
+
+                selected_objects: tools.selected_objects,
+                smallest_object: tools.smallest_object,
+                straight_segments: properties.straight_segments,
+
+                svginfo_bg_url: config.editor_img_url + ':',
+                svginfo_bg_note: config.editor_bg_note,
+                svginfo_change_background: config.background,
+                svginfo_dim: config.doc_dims,
+                svginfo_editor_prefs: config.editor_prefs,
+                svginfo_height: common.height,
+                svginfo_icons: config.icon_size,
+                svginfo_image_props: config.image_props,
+                svginfo_lang: config.language,
+                svginfo_title: config.doc_title,
+                svginfo_width: common.width,
+
+                tool_docprops_cancel: common.cancel,
+                tool_docprops_save: common.ok,
+
+                tool_source_cancel: common.cancel,
+                tool_source_save: common.ok,
+
+                tool_prefs_cancel: common.cancel,
+                tool_prefs_save: common.ok,
+
+                sidepanel_handle: layers.layers.split('').join(' '),
+
+                tool_clear: tools.new_doc,
+                tool_docprops: tools.docprops,
+                tool_export: tools.export_img,
+                tool_import: tools.import_doc,
+                tool_open: tools.open_doc,
+                tool_save: tools.save_doc,
+
+                svginfo_units_rulers: config.units_and_rulers,
+                svginfo_rulers_onoff: config.show_rulers,
+                svginfo_unit: config.base_unit,
+
+                svginfo_grid_settings: config.grid,
+                svginfo_snap_onoff: config.snapping_onoff,
+                svginfo_snap_step: config.snapping_stepsize,
+                svginfo_grid_color: config.grid_color
+              }, true);
+
+              // Context menus
+              opts = {};
+
+              $$a.each(['cut', 'copy', 'paste', 'paste_in_place', 'delete', 'group', 'ungroup', 'move_front', 'move_up', 'move_down', 'move_back'], function () {
+                opts['#cmenu_canvas a[href="#' + this + '"]'] = tools[this];
+              });
+
+              $$a.each(['dupe', 'merge_down', 'merge_all'], function () {
+                opts['#cmenu_layers a[href="#' + this + '"]'] = layers[this];
+              });
+
+              opts['#cmenu_layers a[href="#delete"]'] = layers.del;
+
+              setStrings('content', opts);
+
+              setStrings('title', {
+                align_relative_to: tools.align_relative_to,
+                circle_cx: properties.circle_cx,
+                circle_cy: properties.circle_cy,
+                circle_r: properties.circle_r,
+                cornerRadiusLabel: properties.corner_radius,
+                ellipse_cx: properties.ellipse_cx,
+                ellipse_cy: properties.ellipse_cy,
+                ellipse_rx: properties.ellipse_rx,
+                ellipse_ry: properties.ellipse_ry,
+                fill_color: properties.fill_color,
+                font_family: properties.font_family,
+                idLabel: properties.id,
+                image_height: properties.image_height,
+                image_url: properties.image_url,
+                image_width: properties.image_width,
+                layer_delete: layers.del,
+                layer_down: layers.move_down,
+                layer_new: layers['new'],
+                layer_rename: layers.rename,
+                layer_moreopts: common.more_opts,
+                layer_up: layers.move_up,
+                line_x1: properties.line_x1,
+                line_x2: properties.line_x2,
+                line_y1: properties.line_y1,
+                line_y2: properties.line_y2,
+                linecap_butt: properties.linecap_butt,
+                linecap_round: properties.linecap_round,
+                linecap_square: properties.linecap_square,
+                linejoin_bevel: properties.linejoin_bevel,
+                linejoin_miter: properties.linejoin_miter,
+                linejoin_round: properties.linejoin_round,
+                main_icon: tools.main_menu,
+                palette: ui.palette_info,
+                zoom_panel: ui.zoom_level,
+                path_node_x: properties.node_x,
+                path_node_y: properties.node_y,
+                rect_height_tool: properties.rect_height,
+                rect_width_tool: properties.rect_width,
+                seg_type: properties.seg_type,
+                selLayerNames: layers.move_selected,
+                selected_x: properties.pos_x,
+                selected_y: properties.pos_y,
+                stroke_color: properties.stroke_color,
+                stroke_style: properties.stroke_style,
+                stroke_width: properties.stroke_width,
+                svginfo_title: config.doc_title,
+                text: properties.text_contents,
+                toggle_stroke_tools: ui.toggle_stroke_tools,
+                tool_add_subpath: tools.add_subpath,
+                tool_alignbottom: tools.align_bottom,
+                tool_aligncenter: tools.align_center,
+                tool_alignleft: tools.align_left,
+                tool_alignmiddle: tools.align_middle,
+                tool_alignright: tools.align_right,
+                tool_aligntop: tools.align_top,
+                tool_angle: properties.angle,
+                tool_blur: properties.blur,
+                tool_bold: properties.bold,
+                tool_circle: tools.mode_circle,
+                tool_clone: tools.clone,
+                tool_clone_multi: tools.clone,
+                tool_delete: tools.del,
+                tool_delete_multi: tools.del,
+                tool_ellipse: tools.mode_ellipse,
+                tool_fhellipse: tools.mode_fhellipse,
+                tool_fhpath: tools.mode_fhpath,
+                tool_fhrect: tools.mode_fhrect,
+                tool_font_size: properties.font_size,
+                tool_group_elements: tools.group_elements,
+                tool_make_link: tools.make_link,
+                tool_link_url: tools.set_link_url,
+                tool_image: tools.mode_image,
+                tool_italic: properties.italic,
+                tool_line: tools.mode_line,
+                tool_move_bottom: tools.move_bottom,
+                tool_move_top: tools.move_top,
+                tool_node_clone: tools.node_clone,
+                tool_node_delete: tools.node_delete,
+                tool_node_link: tools.node_link,
+                tool_opacity: properties.opacity,
+                tool_openclose_path: tools.openclose_path,
+                tool_path: tools.mode_path,
+                tool_position: tools.align_to_page,
+                tool_rect: tools.mode_rect,
+                tool_redo: tools.redo,
+                tool_reorient: tools.reorient_path,
+                tool_select: tools.mode_select,
+                tool_source: tools.source_save,
+                tool_square: tools.mode_square,
+                tool_text: tools.mode_text,
+                tool_topath: tools.to_path,
+                tool_undo: tools.undo,
+                tool_ungroup: tools.ungroup,
+                tool_wireframe: tools.wireframe_mode,
+                tool_zoom: tools.mode_zoom,
+                url_notice: tools.no_embed
+
+              }, true);
+
+              return _context.abrupt('return', { langParam: langParam, langData: langData });
+
+            case 15:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, this);
+    }));
+
+    return function readLang(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  /**
+  * @function module:locale.putLocale
+  * @param {string} givenParam
+  * @param {string[]} goodLangs
+  * @param {{langPath: string}} conf
+  * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+  * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+  * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+  * @returns {Promise} Resolves to result of {@link module:locale.readLang}
+  */
+  var putLocale = function () {
+    var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(givenParam, goodLangs, conf) {
+      var url;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (givenParam) {
+                langParam = givenParam;
+              } else {
+                langParam = $$a.pref('lang');
+                if (!langParam) {
+                  if (navigator.userLanguage) {
+                    // Explorer
+                    langParam = navigator.userLanguage;
+                  } else if (navigator.language) {
+                    // FF, Opera, ...
+                    langParam = navigator.language;
+                  }
+                }
+
+                console.log('Lang: ' + langParam);
+
+                // Set to English if language is not in list of good langs
+                if (!goodLangs.includes(langParam) && langParam !== 'test') {
+                  langParam = 'en';
+                }
+
+                // don't bother on first run if language is English
+                // The following line prevents setLang from running
+                //    extensions which depend on updated uiStrings,
+                //    so commenting it out.
+                // if (langParam.startsWith('en')) {return;}
+              }
+
+              url = conf.langPath + 'lang.' + langParam + '.js';
+              _context2.t0 = readLang;
+              _context2.next = 5;
+              return importSetGlobalDefault(url, {
+                global: 'svgEditorLang_' + langParam.replace(/-/g, '_')
+              });
+
+            case 5:
+              _context2.t1 = _context2.sent;
+              return _context2.abrupt('return', (0, _context2.t0)(_context2.t1));
+
+            case 7:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, this);
+    }));
+
+    return function putLocale(_x2, _x3, _x4) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  function loadStylesheets(stylesheets) {
+      var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+          beforeDefault = _ref.before,
+          afterDefault = _ref.after,
+          faviconDefault = _ref.favicon,
+          canvasDefault = _ref.canvas,
+          _ref$image = _ref.image,
+          imageDefault = _ref$image === undefined ? true : _ref$image,
+          acceptErrors = _ref.acceptErrors;
+
+      stylesheets = Array.isArray(stylesheets) ? stylesheets : [stylesheets];
+
+      function setupLink(stylesheetURL) {
+          var options = {};
+          if (Array.isArray(stylesheetURL)) {
+              var _stylesheetURL = stylesheetURL;
+
+              var _stylesheetURL2 = slicedToArray(_stylesheetURL, 2);
+
+              stylesheetURL = _stylesheetURL2[0];
+              var _stylesheetURL2$ = _stylesheetURL2[1];
+              options = _stylesheetURL2$ === undefined ? {} : _stylesheetURL2$;
+          }
+          var _options = options,
+              _options$favicon = _options.favicon,
+              favicon = _options$favicon === undefined ? faviconDefault : _options$favicon;
+          var _options2 = options,
+              _options2$before = _options2.before,
+              before = _options2$before === undefined ? beforeDefault : _options2$before,
+              _options2$after = _options2.after,
+              after = _options2$after === undefined ? afterDefault : _options2$after,
+              _options2$canvas = _options2.canvas,
+              canvas = _options2$canvas === undefined ? canvasDefault : _options2$canvas,
+              _options2$image = _options2.image,
+              image = _options2$image === undefined ? imageDefault : _options2$image;
+
+          function addLink() {
+              if (before) {
+                  before.before(link);
+              } else if (after) {
+                  after.after(link);
+              } else {
+                  document.head.appendChild(link);
+              }
+          }
+
+          var link = document.createElement('link');
+          return new Promise(function (resolve, reject) {
+              var rej = reject;
+              if (acceptErrors) {
+                  rej = typeof acceptErrors === 'function' ? function (error) {
+                      acceptErrors({ error: error, stylesheetURL: stylesheetURL, options: options, resolve: resolve, reject: reject });
+                  } : resolve;
+              }
+              if (stylesheetURL.endsWith('.css')) {
+                  favicon = false;
+              } else if (stylesheetURL.endsWith('.ico')) {
+                  favicon = true;
+              }
+              if (favicon) {
+                  link.rel = 'shortcut icon';
+                  link.type = 'image/x-icon';
+
+                  if (image === false) {
+                      link.href = stylesheetURL;
+                      addLink();
+                      resolve(link);
+                      return;
+                  }
+
+                  var cnv = document.createElement('canvas');
+                  cnv.width = 16;
+                  cnv.height = 16;
+                  var context = cnv.getContext('2d');
+                  var img = document.createElement('img');
+                  img.addEventListener('error', function (error) {
+                      reject(error);
+                  });
+                  img.addEventListener('load', function () {
+                      context.drawImage(img, 0, 0);
+                      link.href = canvas ? cnv.toDataURL('image/x-icon') : stylesheetURL;
+                      addLink();
+                      resolve(link);
+                  });
+                  img.src = stylesheetURL;
+                  return;
+              }
+              link.rel = 'stylesheet';
+              link.type = 'text/css';
+              link.href = stylesheetURL;
+              addLink();
+              link.addEventListener('error', function (error) {
+                  rej(error);
+              });
+              link.addEventListener('load', function () {
+                  resolve(link);
+              });
+          });
+      }
+
+      return Promise.all(stylesheets.map(setupLink));
+  }
+
+  /* globals jQuery */
+
+  /**
+  * The main module for the visual SVG Editor
+  *
+  * @license MIT
+  *
+  * @copyright 2010 Alexis Deveria
+  * 2010 Pavol Rusnak
+  * 2010 Jeff Schiller
+  * 2010 Narendra Sisodiya
+  * 2014 Brett Zamir
+  * @exports module:SVGEditor
+  * @borrows module:locale.putLocale as putLocale
+  * @borrows module:locale.readLang as readLang
+  * @borrows module:locale.setStrings as setStrings
+  */
+  var editor = {};
+
+  var $$b = [jqPluginJSHotkeys, jqPluginBBQ, jqPluginSVGIcons, jqPluginJGraduate, jqPluginSpinBtn, jqPluginSVG, jQueryContextMenu, jPicker].reduce(function ($, cb) {
+    return cb($);
+  }, jQuery);
+
+  /*
+  if (!$.loadingStylesheets) {
+    $.loadingStylesheets = [];
+  }
+  */
+  var stylesheet = 'svg-editor.css';
+  if (!$$b.loadingStylesheets.includes(stylesheet)) {
+    $$b.loadingStylesheets.push(stylesheet);
+  }
+  var favicon = 'images/logo.png';
+  if ($$b.loadingStylesheets.some(function (item) {
+    return !Array.isArray(item) || item[0] !== favicon;
+  })) {
+    $$b.loadingStylesheets.push([favicon, { favicon: true }]);
+  }
+
+  // EDITOR PROPERTIES: (defined below)
+  //    curPrefs, curConfig, canvas, storage, uiStrings
+  //
+  // STATE MAINTENANCE PROPERTIES
+  /**
+  * @type {Float}
+  */
+  editor.tool_scale = 1; // Dependent on icon size, so any use to making configurable instead? Used by `jQuery.SpinButton.js`
+  /**
+  * @type {Integer}
+  */
+  editor.exportWindowCt = 0;
+  /**
+  * @type {boolean}
+  */
+  editor.langChanged = false;
+  /**
+  * @type {boolean}
+  */
+  editor.showSaveWarning = false;
+  /**
+  * @type {boolean}
+  */
+  editor.storagePromptClosed = false; // For use with ext-storage.js
+
+  var callbacks = [],
+
+  /**
+  * @typedef {"s"|"m"|"l"|"xl"|Float} module:SVGEditor.IconSize
+  */
+  /**
+  * Preferences
+  * @interface module:SVGEditor.Prefs
+  * @property {string} [lang="en"] Two-letter language code. The language must exist in the Editor Preferences language list. Defaults to "en" if `locale.js` detection does not detect another language.
+  * @property {module:SVGEditor.IconSize} [iconsize="s"|"m"] Size of the toolbar icons. Will default to 's' if the window height is smaller than the minimum height and 'm' otherwise.
+  * @property {string} [bkgd_color="#FFF"] Color hex for canvas background color. Defaults to white.
+  * @property {string} [bkgd_url=""] Background raster image URL. This image will fill the background of the document; useful for tracing purposes.
+  * @property {"embed"|"ref"} [img_save="embed"] Defines whether included raster images should be saved as Data URIs when possible, or as URL references. Settable in the Document Properties dialog.
+  * @property {boolean} [save_notice_done=false] Used to track alert status
+  * @property {boolean} [export_notice_done=false] Used to track alert status
+  * @todo `save_notice_done` and `export_notice_done` should be changed to flags rather than preferences
+  */
+  /**
+  * @namespace {module:SVGEditor.Prefs} defaultPrefs
+  * @memberof module:SVGEditor~
+  * @implements {module:SVGEditor.Prefs}
+  */
+  // The iteration algorithm for defaultPrefs does not currently support array/objects
+  defaultPrefs = /** @lends module:SVGEditor~defaultPrefs */{
+    // EDITOR OPTIONS (DIALOG)
+    /**
+    * Default to "en" if locale.js detection does not detect another language
+    */
+    lang: '',
+    /**
+    * Will default to 's' if the window height is smaller than the minimum height and
+    * 'm' otherwise
+    */
+    iconsize: '',
+    bkgd_color: '#FFF',
+    bkgd_url: '',
+    // DOCUMENT PROPERTIES (DIALOG)
+    img_save: 'embed',
+    // ALERT NOTICES
+    // Only shows in UI as far as alert notices, but useful to remember, so keeping as pref
+    save_notice_done: false,
+    export_notice_done: false
+  },
+
+  /**
+  * @name module:SVGEditor~defaultExtensions
+  * @type {string[]}
+  */
+  defaultExtensions = ['ext-connector.js', 'ext-eyedropper.js', 'ext-grid.js', 'ext-imagelib.js', 'ext-markers.js', 'ext-overview_window.js', 'ext-panning.js', 'ext-polygon.js', 'ext-shapes.js', 'ext-star.js', 'ext-storage.js'],
+
+  /**
+  * @typedef {"@default"|string} module:SVGEditor.Stylesheet `@default` will automatically load all of the default CSS paths for SVGEditor
+  */
+  /**
+  * @typedef {GenericArray} module:SVGEditor.XYDimensions
+  * @property {Integer} length 2
+  * @property {Float} 0
+  * @property {Float} 1
+  */
+  /**
+  * @tutorial ConfigOptions
+  * @interface module:SVGEditor.Config
+  * @property {string} [canvasName="default"] Used to namespace storage provided via `ext-storage.js`; you can use this if you wish to have multiple independent instances of SVG Edit on the same domain
+  * @property {boolean} [no_save_warning=false] If `true`, prevents the warning dialog box from appearing when closing/reloading the page. Mostly useful for testing.
+  * @property {string} [imgPath="images/"] The path where the SVG icons are located, with trailing slash. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {string} [langPath="locale/"] The path where the language files are located, with trailing slash. Default will be changed to `../dist/locale/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {string} [extPath="extensions/"] The path used for extension files, with trailing slash. Default will be changed to `../dist/extensions/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {string} [canvgPath="canvg/"] The path used for `canvg` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.
+  * @property {string} [jspdfPath="jspdf/"] The path used for `jsPDF` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.
+  * @property {string} [extIconsPath="extensions/"] The path used for extension icons, with trailing slash.
+  * @property {string} [jGraduatePath="jgraduate/images/"] The path where jGraduate images are located. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {boolean} [preventAllURLConfig=false] Set to `true` to override the ability for URLs to set non-content configuration (including extension config). Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+  * @property {boolean} [preventURLContentLoading=false] Set to `true` to override the ability for URLs to set URL-based SVG content. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+  * @property {boolean} [lockExtensions=false] Set to `true` to override the ability for URLs to set their own extensions; disallowed in URL setting. There is no need for this when `preventAllURLConfig` is used. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+  * @property {boolean} [noDefaultExtensions=false] If set to `true`, prohibits automatic inclusion of default extensions (though "extensions" can still be used to add back any desired default extensions along with any other extensions). This can only be meaningfully used in `svgedit-config-iife.js` or in the URL
+  * @property {boolean} [noStorageOnLoad=false] Some interaction with `ext-storage.js`; prevent even the loading of previously saved local storage.
+  * @property {boolean} [forceStorage=false] Some interaction with `ext-storage.js`; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not (and may be required by law in some regions)
+  * @property {boolean} [emptyStorageOnDecline=false] Used by `ext-storage.js`; empty any prior storage if the user declines to store
+  * @property {string[]} [extensions=module:SVGEditor~defaultExtensions] Extensions to load on startup. Use an array in `setConfig` and comma separated file names in the URL. Extension names must begin with "ext-". Note that as of version 2.7, paths containing "/", "\", or ":", are disallowed for security reasons. Although previous versions of this list would entirely override the default list, as of version 2.7, the defaults will always be added to this explicit list unless the configuration `noDefaultExtensions` is included.
+  * @property {module:SVGEditor.Stylesheet[]} [stylesheets=["@default"]] An array of required stylesheets to load in parallel; include the value `"@default"` within this array to ensure all default stylesheets are loaded.
+  * @property {string[]} [allowedOrigins=[]] Used by `ext-xdomain-messaging.js` to indicate which origins are permitted for cross-domain messaging (e.g., between the embedded editor and main editor code). Besides explicit domains, one might add '' to allow all domains (not recommended for privacy/data integrity of your user's content!), `window.location.origin` for allowing the same origin (should be safe if you trust all apps on your domain), 'null' to allow `file://` URL usage
+  * @property {null|PlainObject} [colorPickerCSS=null] Object of CSS properties mapped to values (for jQuery) to apply to the color picker. See {@link http://api.jquery.com/css/#css-properties}. A `null` value (the default) will cause the CSS to default to `left` with a position equal to that of the `fill_color` or `stroke_color` element minus 140, and a `bottom` equal to 40
+  * @property {string} [paramurl] This was available via URL only. Allowed an un-encoded URL within the query string (use "url" or "source" with a data: URI instead)
+  * @property {Float} [canvas_expansion=3] The minimum area visible outside the canvas, as a multiple of the image dimensions. The larger the number, the more one can scroll outside the canvas.
+  * @property {PlainObject} [initFill] Init fill properties
+  * @property {string} [initFill.color="FF0000"] The initial fill color. Must be a hex code string. Defaults to solid red.
+  * @property {Float} [initFill.opacity=1] The initial fill opacity. Must be a number between 0 and 1
+  * @property {PlainObject} [initStroke] Init stroke properties
+  * @property {Float} [initStroke.width=5] The initial stroke width. Must be a positive number.
+  * @property {string} [initStroke.color="000000"] The initial stroke color. Must be a hex code. Defaults to solid black.
+  * @property {Float} [initStroke.opacity=1] The initial stroke opacity. Must be a number between 0 and 1.
+  * @property {PlainObject} text Text style properties
+  * @property {Float} [text.stroke_width=0] Text stroke width
+  * @property {Float} [text.font_size=24] Text font size
+  * @property {string} [text.font_family="serif"] Text font family
+  * @property {Float} [initOpacity=1] Initial opacity (multiplied by 100)
+  * @property {module:SVGEditor.XYDimensions} [dimensions=[640, 480]] The default width/height of a new document. Use an array in `setConfig` (e.g., `[800, 600]`) and comma separated numbers in the URL.
+  * @property {boolean} [gridSnapping=false] Enable snap to grid by default. Set in Editor Options.
+  * @property {string} [gridColor="#000"] Accepts hex, e.g., '#000'. Set in Editor Options. Defaults to black.
+  * @property {string} [baseUnit="px"] Set in Editor Options.
+  * @property {Float} [snappingStep=10] Set the default grid snapping value. Set in Editor Options.
+  * @property {boolean} [showRulers=true] Initial state of ruler display (v2.6). Set in Editor Options.
+  * @property {string} [initTool="select"] The initially selected tool. Must be either the ID of the button for the tool, or the ID without `tool_` prefix (e.g., "select").
+  * @property {boolean} [wireframe=false] Start in wireframe mode
+  * @property {boolean} [showlayers=false] Open the layers side-panel by default.
+  * @property {"new"|"same"} [exportWindowType="new"] Can be "new" or "same" to indicate whether new windows will be generated for each export; the `window.name` of the export window is namespaced based on the `canvasName` (and incremented if "new" is selected as the type). Introduced 2.8.
+  * @property {boolean} [showGrid=false] Set by `ext-grid.js`; determines whether or not to show the grid by default
+  * @property {boolean} [show_outside_canvas=true] Defines whether or not elements outside the canvas should be visible. Set and used in `svgcanvas.js`.
+  * @property {boolean} [selectNew=true] If true, will replace the selection with the current element and automatically select element objects (when not in "path" mode) after they are created, showing their grips (v2.6). Set and used in `svgcanvas.js` (`mouseUp`).
+  * @todo Some others could be preferences as well (e.g., preventing URL changing of extensions, defaultExtensions, stylesheets, colorPickerCSS); Change the following to preferences and add pref controls where missing to the UI (e.g., `canvas_expansion`, `initFill`, `initStroke`, `text`, `initOpacity`, `dimensions`, `initTool`, `wireframe`, `showlayers`, `gridSnapping`, `gridColor`, `baseUnit`, `snappingStep`, `showRulers`, `exportWindowType`, `showGrid`, `show_outside_canvas`, `selectNew`)?
+  */
+  /**
+  * @namespace {module:SVGEditor.Config} defaultConfig
+  * @memberof module:SVGEditor~
+  * @implements {module:SVGEditor.Config}
+  */
+  defaultConfig = {
+    canvasName: 'default',
+    canvas_expansion: 3,
+    initFill: {
+      color: 'FF0000', // solid red
+      opacity: 1
+    },
+    initStroke: {
+      width: 5,
+      color: '000000', // solid black
+      opacity: 1
+    },
+    text: {
+      stroke_width: 0,
+      font_size: 24,
+      font_family: 'serif'
+    },
+    initOpacity: 1,
+    colorPickerCSS: null, // Defaults to 'left' with a position equal to that of the fill_color or stroke_color element minus 140, and a 'bottom' equal to 40
+    initTool: 'select',
+    exportWindowType: 'new', // 'same' (todo: also support 'download')
+    wireframe: false,
+    showlayers: false,
+    no_save_warning: false,
+    // PATH CONFIGURATION
+    // The following path configuration items are disallowed in the URL (as should any future path configurations)
+    imgPath: 'images/',
+    langPath: 'locale/', // Default will be changed if this is a modular load
+    extPath: 'extensions/', // Default will be changed if this is a modular load
+    canvgPath: 'canvg/', // Default will be changed if this is a modular load
+    jspdfPath: 'jspdf/', // Default will be changed if this is a modular load
+    extIconsPath: 'extensions/',
+    jGraduatePath: 'jgraduate/images/',
+    // DOCUMENT PROPERTIES
+    // Change the following to a preference (already in the Document Properties dialog)?
+    dimensions: [640, 480],
+    // EDITOR OPTIONS
+    // Change the following to preferences (already in the Editor Options dialog)?
+    gridSnapping: false,
+    gridColor: '#000',
+    baseUnit: 'px',
+    snappingStep: 10,
+    showRulers: true,
+    // URL BEHAVIOR CONFIGURATION
+    preventAllURLConfig: false,
+    preventURLContentLoading: false,
+    // EXTENSION CONFIGURATION (see also preventAllURLConfig)
+    lockExtensions: false, // Disallowed in URL setting
+    noDefaultExtensions: false, // noDefaultExtensions can only be meaningfully used in `svgedit-config-iife.js` or in the URL
+    // EXTENSION-RELATED (GRID)
+    showGrid: false, // Set by ext-grid.js
+    // EXTENSION-RELATED (STORAGE)
+    noStorageOnLoad: false, // Some interaction with ext-storage.js; prevent even the loading of previously saved local storage
+    forceStorage: false, // Some interaction with ext-storage.js; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not
+    emptyStorageOnDecline: false // Used by ext-storage.js; empty any prior storage if the user declines to store
+  },
+
+  /**
+  * LOCALE
+  * @name module:SVGEditor.uiStrings
+  * @type {PlainObject}
+  */
+  uiStrings$1 = editor.uiStrings = {};
+
+  var svgCanvas = void 0,
+      urldata = void 0,
+      isReady = false,
+      customExportImage = false,
+      customExportPDF = false,
+      curPrefs = {},
+
+  // Note: The difference between Prefs and Config is that Prefs
+  //   can be changed in the UI and are stored in the browser,
+  //   while config cannot
+  curConfig = {
+    // We do not put on defaultConfig to simplify object copying
+    //   procedures (we obtain instead from defaultExtensions)
+    extensions: [],
+    stylesheets: [],
+    /**
+    * Can use window.location.origin to indicate the current
+    * origin. Can contain a '*' to allow all domains or 'null' (as
+    * a string) to support all file:// URLs. Cannot be set by
+    * URL for security reasons (not safe, at least for
+    * privacy or data integrity of SVG content).
+    * Might have been fairly safe to allow
+    *   `new URL(window.location.href).origin` by default but
+    *   avoiding it ensures some more security that even third
+    *   party apps on the same domain also cannot communicate
+    *   with this app by default.
+    * For use with ext-xdomain-messaging.js
+    * @todo We might instead make as a user-facing preference.
+    */
+    allowedOrigins: []
+  };
+
+  function loadSvgString(str, callback) {
+    var success = svgCanvas.setSvgString(str) !== false;
+    callback = callback || $$b.noop;
+    if (success) {
+      callback(true); // eslint-disable-line standard/no-callback-literal
+    } else {
+      $$b.alert(uiStrings$1.notification.errorLoadingSVG, function () {
+        callback(false); // eslint-disable-line standard/no-callback-literal
+      });
+    }
+  }
+
+  /**
+   * @function module:SVGEditor~getImportLocale
+   * @param {string} defaultLang
+   * @param {string} defaultName
+   * @returns {module:SVGEditor~ImportLocale}
+   */
+  function getImportLocale(_ref) {
+    var defaultLang = _ref.defaultLang,
+        defaultName = _ref.defaultName;
+
+    /**
+     * @function module:SVGEditor~ImportLocale
+     * @param {string} [name] Defaults to `defaultName` of {@link module:SVGEditor~getImportLocale}
+     * @param {string} [lang=defaultLang] Defaults to `defaultLang` of {@link module:SVGEditor~getImportLocale}
+     * @returns {Promise} Resolves to {@link module:locale.LocaleStrings}
+     */
+    return function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+        var importLocale = function () {
+          var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(lang) {
+            var url;
+            return regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    url = curConfig.extPath + 'ext-locale/' + name + '/' + lang + '.js';
+                    return _context.abrupt('return', importSetGlobalDefault(url, {
+                      global: 'svgEditorExtensionLocale_' + name + '_' + lang
+                    }));
+
+                  case 2:
+                  case 'end':
+                    return _context.stop();
+                }
+              }
+            }, _callee, this);
+          }));
+
+          return function importLocale(_x2) {
+            return _ref4.apply(this, arguments);
+          };
+        }();
+
+        var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref3$name = _ref3.name,
+            name = _ref3$name === undefined ? defaultName : _ref3$name,
+            _ref3$lang = _ref3.lang,
+            lang = _ref3$lang === undefined ? defaultLang : _ref3$lang;
+
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
+                return _context2.abrupt('return', importLocale(lang));
+
+              case 4:
+                _context2.prev = 4;
+                _context2.t0 = _context2['catch'](0);
+                return _context2.abrupt('return', importLocale('en'));
+
+              case 7:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[0, 4]]);
+      }));
+
+      function importLocale() {
+        return _ref2.apply(this, arguments);
+      }
+
+      return importLocale;
+    }();
+  }
+
+  /**
+  * EXPORTS
+  */
+
+  /**
+  * Store and retrieve preferences
+  * @param {string} key The preference name to be retrieved or set
+  * @param {string} [val] The value. If the value supplied is missing or falsey, no change to the preference will be made.
+  * @returns {string} If val is missing or falsey, the value of the previously stored preference will be returned.
+  * @todo Can we change setting on the jQuery namespace (onto editor) to avoid conflicts?
+  * @todo Review whether any remaining existing direct references to
+  *  getting `curPrefs` can be changed to use `$.pref()` getting to ensure
+  *  `defaultPrefs` fallback (also for sake of `allowInitialUserOverride`); specifically, `bkgd_color` could be changed so that
+  *  the pref dialog has a button to auto-calculate background, but otherwise uses `$.pref()` to be able to get default prefs
+  *  or overridable settings
+  */
+  $$b.pref = function (key, val) {
+    if (val) {
+      curPrefs[key] = val;
+      /**
+      * @name curPrefs
+      * @memberof module:SVGEditor
+      * @implements {module:SVGEditor.Prefs}
+      */
+      editor.curPrefs = curPrefs; // Update exported value
+      return;
+    }
+    return key in curPrefs ? curPrefs[key] : defaultPrefs[key];
+  };
+
+  /*
+  * EDITOR PUBLIC METHODS
+  // Todo: Sort these methods per invocation order, ideally with init at the end
+  // Todo: Prevent execution until init executes if dependent on it?
+  */
+  editor.putLocale = putLocale;
+  editor.readLang = readLang;
+  editor.setStrings = setStrings;
+
+  /**
+  * Where permitted, sets canvas and/or `defaultPrefs` based on previous
+  *  storage. This will override URL settings (for security reasons) but
+  *  not `svgedit-config-iife.js` configuration (unless initial user
+  *  overriding is explicitly permitted there via `allowInitialUserOverride`).
+  * @todo Split `allowInitialUserOverride` into `allowOverrideByURL` and
+  *  `allowOverrideByUserStorage` so `svgedit-config-iife.js` can disallow some
+  *  individual items for URL setting but allow for user storage AND/OR
+  *  change URL setting so that it always uses a different namespace,
+  *  so it won't affect pre-existing user storage (but then if users saves
+  *  that, it will then be subject to tampering
+  * @returns {undefined}
+  */
+  editor.loadContentAndPrefs = function () {
+    if (!curConfig.forceStorage && (curConfig.noStorageOnLoad || !document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/))) {
+      return;
+    }
+
+    // LOAD CONTENT
+    if (editor.storage && ( // Cookies do not have enough available memory to hold large documents
+    curConfig.forceStorage || !curConfig.noStorageOnLoad && document.cookie.match(/(?:^|;\s*)store=prefsAndContent/))) {
+      var _name = 'svgedit-' + curConfig.canvasName;
+      var cached = editor.storage.getItem(_name);
+      if (cached) {
+        editor.loadFromString(cached);
+      }
+    }
+
+    // LOAD PREFS
+    for (var key in defaultPrefs) {
+      if (defaultPrefs.hasOwnProperty(key)) {
+        // It's our own config, so we don't need to iterate up the prototype chain
+        var storeKey = 'svg-edit-' + key;
+        if (editor.storage) {
+          var val = editor.storage.getItem(storeKey);
+          if (val) {
+            defaultPrefs[key] = String(val); // Convert to string for FF (.value fails in Webkit)
+          }
+        } else if (window.widget) {
+          defaultPrefs[key] = window.widget.preferenceForKey(storeKey);
+        } else {
+          var result = document.cookie.match(new RegExp('(?:^|;\\s*)' + regexEscape(encodeURIComponent(storeKey)) + '=([^;]+)'));
+          defaultPrefs[key] = result ? decodeURIComponent(result[1]) : '';
+        }
+      }
+    }
+  };
+
+  /**
+  * Allows setting of preferences or configuration (including extensions).
+  * @param {module:SVGEditor.Config|module:SVGEditor.Prefs} opts The preferences or configuration (including extensions). See the tutorial on {@tutorial ConfigOptions} for info on config and preferences.
+  * @param {PlainObject} [cfgCfg] Describes configuration which applies to the
+  *    particular batch of supplied options
+  * @param {boolean} [cfgCfg.allowInitialUserOverride=false] Set to true if you wish
+  *  to allow initial overriding of settings by the user via the URL
+  *  (if permitted) or previously stored preferences (if permitted);
+  *  note that it will be too late if you make such calls in extension
+  *  code because the URL or preference storage settings will
+  *   have already taken place.
+  * @param {boolean} [cfgCfg.overwrite=true] Set to false if you wish to
+  *  prevent the overwriting of prior-set preferences or configuration
+  *  (URL settings will always follow this requirement for security
+  *  reasons, so `svgedit-config-iife.js` settings cannot be overridden unless it
+  *  explicitly permits via `allowInitialUserOverride` but extension config
+  *  can be overridden as they will run after URL settings). Should
+  *   not be needed in `svgedit-config-iife.js`.
+  * @returns {undefined}
+  */
+  editor.setConfig = function (opts, cfgCfg) {
+    cfgCfg = cfgCfg || {};
+    function extendOrAdd(cfgObj, key, val) {
+      if (cfgObj[key] && _typeof(cfgObj[key]) === 'object') {
+        $$b.extend(true, cfgObj[key], val);
+      } else {
+        cfgObj[key] = val;
+      }
+    }
+    $$b.each(opts, function (key, val) {
+      if (opts.hasOwnProperty(key)) {
+        // Only allow prefs defined in defaultPrefs
+        if (defaultPrefs.hasOwnProperty(key)) {
+          if (cfgCfg.overwrite === false && (curConfig.preventAllURLConfig || curPrefs.hasOwnProperty(key))) {
+            return;
+          }
+          if (cfgCfg.allowInitialUserOverride === true) {
+            defaultPrefs[key] = val;
+          } else {
+            $$b.pref(key, val);
+          }
+        } else if (['extensions', 'stylesheets', 'allowedOrigins'].includes(key)) {
+          if (cfgCfg.overwrite === false && (curConfig.preventAllURLConfig || ['allowedOrigins', 'stylesheets'].includes(key) || key === 'extensions' && curConfig.lockExtensions)) {
+            return;
+          }
+          curConfig[key] = curConfig[key].concat(val); // We will handle any dupes later
+          // Only allow other curConfig if defined in defaultConfig
+        } else if (defaultConfig.hasOwnProperty(key)) {
+          if (cfgCfg.overwrite === false && (curConfig.preventAllURLConfig || curConfig.hasOwnProperty(key))) {
+            return;
+          }
+          // Potentially overwriting of previously set config
+          if (curConfig.hasOwnProperty(key)) {
+            if (cfgCfg.overwrite === false) {
+              return;
+            }
+            extendOrAdd(curConfig, key, val);
+          } else {
+            if (cfgCfg.allowInitialUserOverride === true) {
+              extendOrAdd(defaultConfig, key, val);
+            } else {
+              if (defaultConfig[key] && _typeof(defaultConfig[key]) === 'object') {
+                curConfig[key] = {};
+                $$b.extend(true, curConfig[key], val); // Merge properties recursively, e.g., on initFill, initStroke objects
+              } else {
+                curConfig[key] = val;
+              }
+            }
+          }
+        }
+      }
+    });
+    /**
+    * @name curConfig
+    * @memberof module:SVGEditor
+    * @implements {module:SVGEditor.Config}
+    */
+    editor.curConfig = curConfig; // Update exported value
+  };
+
+  /**
+  * All methods are optional
+  * @interface module:SVGEditor.CustomHandler
+  * @type {PlainObject}
+  */
+  /**
+  * Its responsibilities are:
+  *  - invoke a file chooser dialog in 'open' mode
+  *  - let user pick a SVG file
+  *  - calls [svgCanvas.setSvgString()]{@link module:svgcanvas.SvgCanvas#setSvgString} with the string contents of that file.
+  * Not passed any parameters.
+  * @function module:SVGEditor.CustomHandler#open
+  * @returns {undefined}
+  */
+  /**
+  * Its responsibilities are:
+  *  - accept the string contents of the current document
+  *  - invoke a file chooser dialog in 'save' mode
+  *  - save the file to location chosen by the user
+  * @function module:SVGEditor.CustomHandler#save
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:saved} svgStr A string of the SVG
+  * @listens module:svgcanvas.SvgCanvas#event:saved
+  * @returns {undefined}
+  */
+  /**
+  * Its responsibilities (with regard to the object it is supplied in its 2nd argument) are:
+  *  - inform user of any issues supplied via the "issues" property
+  *  - convert the "svg" property SVG string into an image for export;
+  *    utilize the properties "type" (currently 'PNG', 'JPEG', 'BMP',
+  *    'WEBP', 'PDF'), "mimeType", and "quality" (for 'JPEG' and 'WEBP'
+  *    types) to determine the proper output.
+  * @function module:SVGEditor.CustomHandler#exportImage
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:exported} data
+  * @listens module:svgcanvas.SvgCanvas#event:exported
+  * @returns {undefined}
+  */
+  /**
+  * @function module:SVGEditor.CustomHandler#exportPDF
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:exportedPDF} data
+  * @listens module:svgcanvas.SvgCanvas#event:exportedPDF
+  * @returns {undefined}
+  */
+
+  /**
+  * Allows one to override default SVGEdit `open`, `save`, and
+  * `export` editor behaviors.
+  * @param {module:SVGEditor.CustomHandler} opts Extension mechanisms may call `setCustomHandlers` with three functions: `opts.open`, `opts.save`, and `opts.exportImage`
+  * @returns {undefined}
+  */
+  editor.setCustomHandlers = function (opts) {
+    editor.ready(function () {
+      if (opts.open) {
+        $$b('#tool_open > input[type="file"]').remove();
+        $$b('#tool_open').show();
+        svgCanvas.open = opts.open;
+      }
+      if (opts.save) {
+        editor.showSaveWarning = false;
+        svgCanvas.bind('saved', opts.save);
+      }
+      if (opts.exportImage) {
+        customExportImage = opts.exportImage;
+        svgCanvas.bind('exported', customExportImage); // canvg and our RGBColor will be available to the method
+      }
+      if (opts.exportPDF) {
+        customExportPDF = opts.exportPDF;
+        svgCanvas.bind('exportedPDF', customExportPDF); // jsPDF and our RGBColor will be available to the method
+      }
+    });
+  };
+
+  /**
+  * @param {boolean} arg
+  * @returns {undefined}
+  */
+  editor.randomizeIds = function (arg) {
+    return svgCanvas.randomizeIds(arg);
+  };
+
+  /**
+  * Auto-run after a Promise microtask
+  * @returns {undefined}
+  */
+  editor.init = function () {
+    var modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+    if (!modularVersion) {
+      Object.assign(defaultConfig, {
+        langPath: '../dist/locale/',
+        extPath: '../dist/extensions/',
+        canvgPath: '../dist/',
+        jspdfPath: '../dist/'
+      });
+    }
+
+    // const host = location.hostname,
+    //  onWeb = host && host.includes('.');
+    // Some FF versions throw security errors here when directly accessing
+    try {
+      if ('localStorage' in window) {
+        // && onWeb removed so Webkit works locally
+        /**
+        * The built-in interface implemented by `localStorage`
+        * @external Storage
+        */
+        /**
+        * @name storage
+        * @memberof module:SVGEditor
+        * @type {external:Storage}
+        */
+        editor.storage = localStorage;
+      }
+    } catch (err) {}
+
+    // Todo: Avoid const-defined functions and group functions together, etc. where possible
+    var goodLangs = [];
+    $$b('#lang_select option').each(function () {
+      goodLangs.push(this.value);
+    });
+
+    function setupCurPrefs() {
+      curPrefs = $$b.extend(true, {}, defaultPrefs, curPrefs); // Now safe to merge with priority for curPrefs in the event any are already set
+      // Export updated prefs
+      editor.curPrefs = curPrefs;
+    }
+    function setupCurConfig() {
+      curConfig = $$b.extend(true, {}, defaultConfig, curConfig); // Now safe to merge with priority for curConfig in the event any are already set
+
+      // Now deal with extensions and other array config
+      if (!curConfig.noDefaultExtensions) {
+        curConfig.extensions = curConfig.extensions.concat(defaultExtensions);
+      }
+      // ...and remove any dupes
+      ['extensions', 'stylesheets', 'allowedOrigins'].forEach(function (cfg) {
+        curConfig[cfg] = $$b.grep(curConfig[cfg], function (n, i) {
+          // Supposedly faster than filter per http://amandeep1986.blogspot.hk/2015/02/jquery-grep-vs-js-filter.html
+          return i === curConfig[cfg].indexOf(n);
+        });
+      });
+      // Export updated config
+      editor.curConfig = curConfig;
+    }
+    (function () {
+      // Load config/data from URL if given
+      var src = void 0,
+          qstr = void 0;
+      urldata = $$b.deparam.querystring(true);
+      if (!$$b.isEmptyObject(urldata)) {
+        if (urldata.dimensions) {
+          urldata.dimensions = urldata.dimensions.split(',');
+        }
+
+        if (urldata.bkgd_color) {
+          urldata.bkgd_color = '#' + urldata.bkgd_color;
+        }
+
+        if (urldata.extensions) {
+          // For security reasons, disallow cross-domain or cross-folder extensions via URL
+          urldata.extensions = urldata.extensions.match(/[:/\\]/) ? '' : urldata.extensions.split(',');
+        }
+
+        // Disallowing extension paths via URL for
+        // security reasons, even for same-domain
+        // ones given potential to interact in undesirable
+        // ways with other script resources
+        ['extPath', 'imgPath', 'extIconsPath', 'canvgPath', 'langPath', 'jGraduatePath', 'jspdfPath'].forEach(function (pathConfig) {
+          if (urldata[pathConfig]) {
+            delete urldata[pathConfig];
+          }
+        });
+
+        editor.setConfig(urldata, { overwrite: false }); // Note: source and url (as with storagePrompt later) are not set on config but are used below
+
+        setupCurConfig();
+
+        if (!curConfig.preventURLContentLoading) {
+          src = urldata.source;
+          qstr = $$b.param.querystring();
+          if (!src) {
+            // urldata.source may have been null if it ended with '='
+            if (qstr.includes('source=data:')) {
+              src = qstr.match(/source=(data:[^&]*)/)[1];
+            }
+          }
+          if (src) {
+            if (src.startsWith('data:')) {
+              editor.loadFromDataURI(src);
+            } else {
+              editor.loadFromString(src);
+            }
+            return;
+          }
+          if (urldata.url) {
+            editor.loadFromURL(urldata.url);
+            return;
+          }
+        }
+        if (!urldata.noStorageOnLoad || curConfig.forceStorage) {
+          editor.loadContentAndPrefs();
+        }
+      } else {
+        setupCurConfig();
+        editor.loadContentAndPrefs();
+      }
+      setupCurPrefs();
+    })();
+
+    /**
+    * Called internally
+    * @param {string|Element|external:jQuery} elem
+    * @param {string|external:jQuery} iconId
+    * @param {Float} forcedSize Not in use
+    * @returns {undefined}
+    */
+    var setIcon = editor.setIcon = function (elem, iconId, forcedSize) {
+      var icon = typeof iconId === 'string' ? $$b.getSvgIcon(iconId, true) : iconId.clone();
+      if (!icon) {
+        console.log('NOTE: Icon image missing: ' + iconId);
+        return;
+      }
+      $$b(elem).empty().append(icon);
+    };
+
+    /**
+     * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+     * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+     * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+     * @fires module:svgcanvas.SvgCanvas#event:extensions_added
+     * @returns {Promise} Resolves to result of {@link module:locale.readLang}
+     */
+    var extAndLocaleFunc = function () {
+      var _ref5 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+        var _this = this;
+
+        var _ref6, langParam, langData;
+
+        return regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _context4.next = 2;
+                return editor.putLocale(null, goodLangs, curConfig);
+
+              case 2:
+                _ref6 = _context4.sent;
+                langParam = _ref6.langParam;
+                langData = _ref6.langData;
+
+                setLang(langParam, langData);
+
+                _context4.prev = 6;
+                _context4.next = 9;
+                return Promise.all(curConfig.extensions.map(function () {
+                  var _ref7 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(extname) {
+                    var extName, url, imported, _imported$name, _name2, init$$1, importLocale;
+
+                    return regeneratorRuntime.wrap(function _callee3$(_context3) {
+                      while (1) {
+                        switch (_context3.prev = _context3.next) {
+                          case 0:
+                            extName = extname.match(/^ext-(.+)\.js/);
+
+                            if (extName) {
+                              _context3.next = 3;
+                              break;
+                            }
+
+                            return _context3.abrupt('return');
+
+                          case 3:
+                            url = curConfig.extPath + extname;
+                            // Todo: Replace this with `return import(url);` when
+                            //   `import()` widely supported
+                            /**
+                             * @tutorial ExtensionDocs
+                             * @typedef {PlainObject} module:SVGEditor.ExtensionObject
+                             * @property {string} [name] Name of the extension. Used internally; no need for i18n. Defaults to extension name without beginning "ext-" or ending ".js".
+                             * @property {module:svgcanvas.ExtensionInitCallback} [init]
+                             */
+
+                            _context3.prev = 4;
+                            _context3.next = 7;
+                            return importSetGlobalDefault(url, {
+                              global: 'svgEditorExtension_' + extName[1].replace(/-/g, '_')
+                            });
+
+                          case 7:
+                            imported = _context3.sent;
+                            _imported$name = imported.name, _name2 = _imported$name === undefined ? extName[1] : _imported$name, init$$1 = imported.init;
+                            importLocale = getImportLocale({ defaultLang: langParam, defaultName: _name2 });
+                            return _context3.abrupt('return', editor.addExtension(_name2, init$$1 && init$$1.bind(editor), importLocale));
+
+                          case 13:
+                            _context3.prev = 13;
+                            _context3.t0 = _context3['catch'](4);
+
+                            console.log(_context3.t0);
+                            console.error('Extension failed to load: ' + extname + '; ' + _context3.t0);
+
+                          case 17:
+                          case 'end':
+                            return _context3.stop();
+                        }
+                      }
+                    }, _callee3, _this, [[4, 13]]);
+                  }));
+
+                  return function (_x3) {
+                    return _ref7.apply(this, arguments);
+                  };
+                }()));
+
+              case 9:
+                svgCanvas.bind('extensions_added',
+                /**
+                * @param {external:Window} win
+                * @param {module:svgcanvas.SvgCanvas#event:extensions_added} data
+                * @listens module:svgcanvas.SvgCanvas#event:extensions_added
+                * @returns {undefined}
+                */
+                function (win, data) {
+                  extensionsAdded = true;
+                  Actions.setAll();
+
+                  $$b('.flyout_arrow_horiz:empty').each(function () {
+                    $$b(this).append($$b.getSvgIcon('arrow_right', true).width(5).height(5));
+                  });
+                  messageQueue.forEach(
+                  /**
+                   * @param {module:svgcanvas.SvgCanvas#event:message} messageObj
+                   * @fires module:svgcanvas.SvgCanvas#event:message
+                   * @returns {undefined}
+                   */
+                  function (messageObj) {
+                    svgCanvas.call('message', messageObj);
+                  });
+                });
+                svgCanvas.call('extensions_added');
+                _context4.next = 16;
+                break;
+
+              case 13:
+                _context4.prev = 13;
+                _context4.t0 = _context4['catch'](6);
+
+                console.log(_context4.t0);
+
+              case 16:
+              case 'end':
+                return _context4.stop();
+            }
+          }
+        }, _callee4, this, [[6, 13]]);
+      }));
+
+      return function extAndLocaleFunc() {
+        return _ref5.apply(this, arguments);
+      };
+    }();
+
+    var stateObj = { tool_scale: editor.tool_scale };
+
+    var setFlyoutPositions = function setFlyoutPositions() {
+      $$b('.tools_flyout').each(function () {
+        var shower = $$b('#' + this.id + '_show');
+
+        var _shower$offset = shower.offset(),
+            left = _shower$offset.left,
+            top = _shower$offset.top;
+
+        var w = shower.outerWidth();
+        $$b(this).css({ left: (left + w) * editor.tool_scale, top: top });
+      });
+    };
+
+    var uaPrefix = function () {
+      var regex = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/;
+      var someScript = document.getElementsByTagName('script')[0];
+      for (var prop in someScript.style) {
+        if (regex.test(prop)) {
+          // test is faster than match, so it's better to perform
+          // that on the lot and match only when necessary
+          return prop.match(regex)[0];
+        }
+      }
+      // Nothing found so far?
+      if ('WebkitOpacity' in someScript.style) {
+        return 'Webkit';
+      }
+      if ('KhtmlOpacity' in someScript.style) {
+        return 'Khtml';
+      }
+
+      return '';
+    }();
+
+    var scaleElements = function scaleElements(elems, scale) {
+      // const prefix = '-' + uaPrefix.toLowerCase() + '-'; // Currently unused
+      var sides = ['top', 'left', 'bottom', 'right'];
+
+      elems.each(function () {
+        // Handled in CSS
+        // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';
+        var el = $$b(this);
+        var w = el.outerWidth() * (scale - 1);
+        var h = el.outerHeight() * (scale - 1);
+        // const margins = {}; // Currently unused
+
+        for (var i = 0; i < 4; i++) {
+          var s = sides[i];
+          var cur = el.data('orig_margin-' + s);
+          if (cur == null) {
+            cur = parseInt(el.css('margin-' + s), 10);
+            // Cache the original margin
+            el.data('orig_margin-' + s, cur);
+          }
+          var val = cur * scale;
+          if (s === 'right') {
+            val += w;
+          } else if (s === 'bottom') {
+            val += h;
+          }
+
+          el.css('margin-' + s, val);
+          // el.css('outline', '1px solid red');
+        }
+      });
+    };
+
+    /**
+    * Called internally.
+    * @param {module:SVGEditor.IconSize} size
+    * @returns {undefined}
+    */
+    var setIconSize = editor.setIconSize = function (size) {
+      // const elems = $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open');
+      var selToscale = '#tools_top .toolset, #editor_panel > *, #history_panel > *,' + '        #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,' + '        #g_panel > *, #tool_font_size > *, .tools_flyout';
+
+      var elems = $$b(selToscale);
+
+      var scale = 1;
+      if (typeof size === 'number') {
+        scale = size;
+      } else {
+        var iconSizes = { s: 0.75, m: 1, l: 1.25, xl: 1.5 };
+        scale = iconSizes[size];
+      }
+
+      stateObj.tool_scale = editor.tool_scale = scale;
+
+      setFlyoutPositions();
+      // $('.tools_flyout').each(function () {
+      //   const pos = $(this).position();
+      //   console.log($(this), pos.left+(34 * scale));
+      //   $(this).css({left: pos.left+(34 * scale), top: pos.top+(77 * scale)});
+      //   console.log('l', $(this).css('left'));
+      // });
+      //
+      // const scale = .75;
+
+      var hiddenPs = elems.parents(':hidden');
+      hiddenPs.css('visibility', 'hidden').show();
+      scaleElements(elems, scale);
+      hiddenPs.css('visibility', 'visible').hide();
+      // return;
+
+      $$b.pref('iconsize', size);
+      $$b('#iconsize').val(size);
+
+      // Change icon size
+      // $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open')
+      // .find('> svg, > img').each(function () {
+      //   this.setAttribute('width',size_num);
+      //   this.setAttribute('height',size_num);
+      // });
+      //
+      // $.resizeSvgIcons({
+      //   '.flyout_arrow_horiz > svg, .flyout_arrow_horiz > img': size_num / 5,
+      //   '#logo > svg, #logo > img': size_num * 1.3,
+      //   '#tools_bottom .icon_label > *': (size_num === 16 ? 18 : size_num * .75)
+      // });
+      // if (size != 's') {
+      //   $.resizeSvgIcons({'#layerbuttons svg, #layerbuttons img': size_num * .6});
+      // }
+
+      // Note that all rules will be prefixed with '#svg_editor' when parsed
+      var cssResizeRules = {
+        // '.tool_button,\
+        // .push_button,\
+        // .tool_button_current,\
+        // .push_button_pressed,\
+        // .disabled,\
+        // .icon_label,\
+        // .tools_flyout .tool_button': {
+        //   width: {s: '16px', l: '32px', xl: '48px'},
+        //   height: {s: '16px', l: '32px', xl: '48px'},
+        //   padding: {s: '1px', l: '2px', xl: '3px'}
+        // },
+        // '.tool_sep': {
+        //   height: {s: '16px', l: '32px', xl: '48px'},
+        //   margin: {s: '2px 2px', l: '2px 5px', xl: '2px 8px'}
+        // },
+        // '#main_icon': {
+        //   width: {s: '31px', l: '53px', xl: '75px'},
+        //   height: {s: '22px', l: '42px', xl: '64px'}
+        // },
+        '#tools_top': {
+          left: 50 + $$b('#main_button').width(),
+          height: 72
+        },
+        '#tools_left': {
+          width: 31,
+          top: 74
+        },
+        'div#workarea': {
+          left: 38,
+          top: 74
+          // '#tools_bottom': {
+          //   left: {s: '27px', l: '46px', xl: '65px'},
+          //   height: {s: '58px', l: '98px', xl: '145px'}
+          // },
+          // '#color_tools': {
+          //   'border-spacing': {s: '0 1px'},
+          //   'margin-top': {s: '-1px'}
+          // },
+          // '#color_tools .icon_label': {
+          //   width: {l:'43px', xl: '60px'}
+          // },
+          // '.color_tool': {
+          //   height: {s: '20px'}
+          // },
+          // '#tool_opacity': {
+          //   top: {s: '1px'},
+          //   height: {s: 'auto', l:'auto', xl:'auto'}
+          // },
+          // '#tools_top input, #tools_bottom input': {
+          //   'margin-top': {s: '2px', l: '4px', xl: '5px'},
+          //   height: {s: 'auto', l: 'auto', xl: 'auto'},
+          //   border: {s: '1px solid #555', l: 'auto', xl: 'auto'},
+          //   'font-size': {s: '.9em', l: '1.2em', xl: '1.4em'}
+          // },
+          // '#zoom_panel': {
+          //   'margin-top': {s: '3px', l: '4px', xl: '5px'}
+          // },
+          // '#copyright, #tools_bottom .label': {
+          //   'font-size': {l: '1.5em', xl: '2em'},
+          //   'line-height': {s: '15px'}
+          // },
+          // '#tools_bottom_2': {
+          //   width: {l: '295px', xl: '355px'},
+          //   top: {s: '4px'}
+          // },
+          // '#tools_top > div, #tools_top': {
+          //   'line-height': {s: '17px', l: '34px', xl: '50px'}
+          // },
+          // '.dropdown button': {
+          //   height: {s: '18px', l: '34px', xl: '40px'},
+          //   'line-height': {s: '18px', l: '34px', xl: '40px'},
+          //   'margin-top': {s: '3px'}
+          // },
+          // '#tools_top label, #tools_bottom label': {
+          //   'font-size': {s: '1em', l: '1.5em', xl: '2em'},
+          //   height: {s: '25px', l: '42px', xl: '64px'}
+          // },
+          // 'div.toolset': {
+          //   height: {s: '25px', l: '42px', xl: '64px'}
+          // },
+          // '#tool_bold, #tool_italic': {
+          //   'font-size': {s: '1.5em', l: '3em', xl: '4.5em'}
+          // },
+          // '#sidepanels': {
+          //   top: {s: '50px', l: '88px', xl: '125px'},
+          //   bottom: {s: '51px', l: '68px', xl: '65px'}
+          // },
+          // '#layerbuttons': {
+          //   width: {l: '130px', xl: '175px'},
+          //   height: {l: '24px', xl: '30px'}
+          // },
+          // '#layerlist': {
+          //   width: {l: '128px', xl: '150px'}
+          // },
+          // '.layer_button': {
+          //   width: {l: '19px', xl: '28px'},
+          //   height: {l: '19px', xl: '28px'}
+          // },
+          // 'input.spin-button': {
+          //   'background-image': {l: 'url('images/spinbtn_updn_big.png')', xl: 'url('images/spinbtn_updn_big.png')'},
+          //   'background-position': {l: '100% -5px', xl: '100% -2px'},
+          //   'padding-right': {l: '24px', xl: '24px' }
+          // },
+          // 'input.spin-button.up': {
+          //   'background-position': {l: '100% -45px', xl: '100% -42px'}
+          // },
+          // 'input.spin-button.down': {
+          //   'background-position': {l: '100% -85px', xl: '100% -82px'}
+          // },
+          // '#position_opts': {
+          //   width: {all: (size_num*4) +'px'}
+          // }
+        } };
+
+      var ruleElem = $$b('#tool_size_rules');
+      if (!ruleElem.length) {
+        ruleElem = $$b('<style id="tool_size_rules"></style>').appendTo('head');
+      } else {
+        ruleElem.empty();
+      }
+
+      if (size !== 'm') {
+        var styleStr = '';
+        $$b.each(cssResizeRules, function (selector, rules) {
+          selector = '#svg_editor ' + selector.replace(/,/g, ', #svg_editor');
+          styleStr += selector + '{';
+          $$b.each(rules, function (prop, values) {
+            var val = void 0;
+            if (typeof values === 'number') {
+              val = values * scale + 'px';
+            } else if (values[size] || values.all) {
+              val = values[size] || values.all;
+            }
+            styleStr += prop + ':' + val + ';';
+          });
+          styleStr += '}';
+        });
+        // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';
+        var prefix = '-' + uaPrefix.toLowerCase() + '-';
+        styleStr += selToscale + '{' + prefix + 'transform: scale(' + scale + ');}' + ' #svg_editor div.toolset .toolset {' + prefix + 'transform: scale(1); margin: 1px !important;}' + // Hack for markers
+        ' #svg_editor .ui-slider {' + prefix + 'transform: scale(' + 1 / scale + ');}' // Hack for sliders
+        ;
+        ruleElem.text(styleStr);
+      }
+
+      setFlyoutPositions();
+    };
+    $$b.svgIcons(curConfig.imgPath + 'svg_edit_icons.svg', {
+      w: 24, h: 24,
+      id_match: false,
+      no_img: !isWebkit(), // Opera & Firefox 4 gives odd behavior w/images
+      fallback_path: curConfig.imgPath,
+      fallback: {
+        logo: 'logo.png',
+
+        select: 'select.png',
+        select_node: 'select_node.png',
+
+        square: 'square.png',
+        rect: 'rect.png',
+        fh_rect: 'freehand-square.png',
+        circle: 'circle.png',
+        ellipse: 'ellipse.png',
+        fh_ellipse: 'freehand-circle.png',
+        pencil: 'fhpath.png',
+        pen: 'line.png',
+        text: 'text.png',
+        path: 'path.png',
+        add_subpath: 'add_subpath.png',
+        close_path: 'closepath.png',
+        open_path: 'openpath.png',
+
+        image: 'image.png',
+        zoom: 'zoom.png',
+
+        arrow_right: 'flyouth.png',
+        arrow_right_big: 'arrow_right_big.png',
+        arrow_down: 'dropdown.gif',
+        fill: 'fill.png',
+        stroke: 'stroke.png',
+        opacity: 'opacity.png',
+
+        new_image: 'clear.png',
+        save: 'save.png',
+        export: 'export.png',
+        open: 'open.png',
+        import: 'import.png',
+        docprops: 'document-properties.png',
+        source: 'source.png',
+        wireframe: 'wireframe.png',
+
+        undo: 'undo.png',
+        redo: 'redo.png',
+
+        clone: 'clone.png',
+        delete: 'delete.png',
+        go_up: 'go-up.png',
+        go_down: 'go-down.png',
+        context_menu: 'context_menu.png',
+        move_bottom: 'move_bottom.png',
+        move_top: 'move_top.png',
+        to_path: 'to_path.png',
+        link_controls: 'link_controls.png',
+        reorient: 'reorient.png',
+        group_elements: 'shape_group_elements.png',
+
+        ungroup: 'shape_ungroup.png',
+        unlink_use: 'unlink_use.png',
+        width: 'width.png',
+        height: 'height.png',
+        c_radius: 'c_radius.png',
+        angle: 'angle.png',
+        blur: 'blur.png',
+        fontsize: 'fontsize.png',
+        align: 'align.png',
+
+        align_left: 'align-left.png',
+        align_center: 'align-center.png',
+        align_right: 'align-right.png',
+        align_top: 'align-top.png',
+        align_middle: 'align-middle.png',
+        align_bottom: 'align-bottom.png',
+
+        linecap_butt: 'linecap_butt.png',
+        linecap_square: 'linecap_square.png',
+        linecap_round: 'linecap_round.png',
+        linejoin_miter: 'linejoin_miter.png',
+        linejoin_bevel: 'linejoin_bevel.png',
+        linejoin_round: 'linejoin_round.png',
+        eye: 'eye.png',
+        no_color: 'no_color.png',
+
+        ok: 'save.png',
+        cancel: 'cancel.png',
+        warning: 'warning.png',
+
+        node_delete: 'node_delete.png',
+        node_clone: 'node_clone.png',
+
+        globe_link: 'globe_link.png'
+      },
+      placement: {
+        '#logo': 'logo',
+
+        '#tool_clear div,#layer_new': 'new_image',
+        '#tool_save div': 'save',
+        '#tool_export div': 'export',
+        '#tool_open div div': 'open',
+        '#tool_import div div': 'import',
+        '#tool_source': 'source',
+        '#tool_docprops > div': 'docprops',
+        '#tool_wireframe': 'wireframe',
+
+        '#tool_undo': 'undo',
+        '#tool_redo': 'redo',
+
+        '#tool_select': 'select',
+        '#tool_fhpath': 'pencil',
+        '#tool_line': 'pen',
+        '#tool_rect,#tools_rect_show': 'rect',
+        '#tool_square': 'square',
+        '#tool_fhrect': 'fh_rect',
+        '#tool_ellipse,#tools_ellipse_show': 'ellipse',
+        '#tool_circle': 'circle',
+        '#tool_fhellipse': 'fh_ellipse',
+        '#tool_path': 'path',
+        '#tool_text,#layer_rename': 'text',
+        '#tool_image': 'image',
+        '#tool_zoom': 'zoom',
+
+        '#tool_clone,#tool_clone_multi': 'clone',
+        '#tool_node_clone': 'node_clone',
+        '#layer_delete,#tool_delete,#tool_delete_multi': 'delete',
+        '#tool_node_delete': 'node_delete',
+        '#tool_add_subpath': 'add_subpath',
+        '#tool_openclose_path': 'open_path',
+        '#tool_move_top': 'move_top',
+        '#tool_move_bottom': 'move_bottom',
+        '#tool_topath': 'to_path',
+        '#tool_node_link': 'link_controls',
+        '#tool_reorient': 'reorient',
+        '#tool_group_elements': 'group_elements',
+        '#tool_ungroup': 'ungroup',
+        '#tool_unlink_use': 'unlink_use',
+
+        '#tool_alignleft, #tool_posleft': 'align_left',
+        '#tool_aligncenter, #tool_poscenter': 'align_center',
+        '#tool_alignright, #tool_posright': 'align_right',
+        '#tool_aligntop, #tool_postop': 'align_top',
+        '#tool_alignmiddle, #tool_posmiddle': 'align_middle',
+        '#tool_alignbottom, #tool_posbottom': 'align_bottom',
+        '#cur_position': 'align',
+
+        '#linecap_butt,#cur_linecap': 'linecap_butt',
+        '#linecap_round': 'linecap_round',
+        '#linecap_square': 'linecap_square',
+
+        '#linejoin_miter,#cur_linejoin': 'linejoin_miter',
+        '#linejoin_round': 'linejoin_round',
+        '#linejoin_bevel': 'linejoin_bevel',
+
+        '#url_notice': 'warning',
+
+        '#layer_up': 'go_up',
+        '#layer_down': 'go_down',
+        '#layer_moreopts': 'context_menu',
+        '#layerlist td.layervis': 'eye',
+
+        '#tool_source_save,#tool_docprops_save,#tool_prefs_save': 'ok',
+        '#tool_source_cancel,#tool_docprops_cancel,#tool_prefs_cancel': 'cancel',
+
+        '#rwidthLabel, #iwidthLabel': 'width',
+        '#rheightLabel, #iheightLabel': 'height',
+        '#cornerRadiusLabel span': 'c_radius',
+        '#angleLabel': 'angle',
+        '#linkLabel,#tool_make_link,#tool_make_link_multi': 'globe_link',
+        '#zoomLabel': 'zoom',
+        '#tool_fill label': 'fill',
+        '#tool_stroke .icon_label': 'stroke',
+        '#group_opacityLabel': 'opacity',
+        '#blurLabel': 'blur',
+        '#font_sizeLabel': 'fontsize',
+
+        '.flyout_arrow_horiz': 'arrow_right',
+        '.dropdown button, #main_button .dropdown': 'arrow_down',
+        '#palette .palette_item:first, #fill_bg, #stroke_bg': 'no_color'
+      },
+      resize: {
+        '#logo .svg_icon': 28,
+        '.flyout_arrow_horiz .svg_icon': 5,
+        '.layer_button .svg_icon, #layerlist td.layervis .svg_icon': 14,
+        '.dropdown button .svg_icon': 7,
+        '#main_button .dropdown .svg_icon': 9,
+        '.palette_item:first .svg_icon': 15,
+        '#fill_bg .svg_icon, #stroke_bg .svg_icon': 16,
+        '.toolbar_button button .svg_icon': 16,
+        '.stroke_tool div div .svg_icon': 20,
+        '#tools_bottom label .svg_icon': 18
+      },
+      callback: function callback(icons) {
+        $$b('.toolbar_button button > svg, .toolbar_button button > img').each(function () {
+          $$b(this).parent().prepend(this);
+        });
+
+        var tleft = $$b('#tools_left');
+
+        var minHeight = void 0;
+        if (tleft.length) {
+          minHeight = tleft.offset().top + tleft.outerHeight();
+        }
+
+        var size = $$b.pref('iconsize');
+        editor.setIconSize(size || ($$b(window).height() < minHeight ? 's' : 'm'));
+
+        // Look for any missing flyout icons from plugins
+        $$b('.tools_flyout').each(function () {
+          var shower = $$b('#' + this.id + '_show');
+          var sel = shower.attr('data-curopt');
+          // Check if there's an icon here
+          if (!shower.children('svg, img').length) {
+            var clone = $$b(sel).children().clone();
+            if (clone.length) {
+              clone[0].removeAttribute('style'); // Needed for Opera
+              shower.append(clone);
+            }
+          }
+        });
+
+        function getStylesheetPriority(stylesheet) {
+          switch (stylesheet) {
+            case 'jgraduate/css/jPicker.css':
+              return 1;
+            case 'jgraduate/css/jGraduate.css':
+              return 2;
+            case 'svg-editor.css':
+              return 3;
+            case 'spinbtn/jQuery.SpinButton.css':
+              return 4;
+            default:
+              return Infinity;
+          }
+        }
+        var stylesheets = $$b.loadingStylesheets.sort(function (a, b) {
+          var priorityA = getStylesheetPriority(a);
+          var priorityB = getStylesheetPriority(b);
+          if (priorityA === priorityB) {
+            return 0;
+          }
+          return priorityA > priorityB;
+        });
+        if (curConfig.stylesheets.length) {
+          // Ensure a copy with unique items
+          stylesheets = [].concat(toConsumableArray(new Set(curConfig.stylesheets)));
+          var idx = stylesheets.indexOf('@default');
+          if (idx > -1) {
+            var _stylesheets;
+
+            (_stylesheets = stylesheets).splice.apply(_stylesheets, [idx, 1].concat(toConsumableArray($$b.loadingStylesheets)));
+          }
+        }
+        loadStylesheets(stylesheets, { acceptErrors: function acceptErrors(_ref8) {
+            var stylesheetURL = _ref8.stylesheetURL,
+                reject = _ref8.reject,
+                resolve = _ref8.resolve;
+
+            if ($$b.loadingStylesheets.includes(stylesheetURL)) {
+              reject(new Error('Missing expected stylesheet: ' + stylesheetURL));
+              return;
+            }
+            resolve();
+          } }).then(function () {
+          $$b('#svg_container')[0].style.visibility = 'visible';
+          editor.runCallbacks();
+        });
+      }
+    });
+
+    /**
+    * @name module:SVGEditor.canvas
+    * @type {module:svgcanvas.SvgCanvas}
+    */
+    editor.canvas = svgCanvas = new SvgCanvas(document.getElementById('svgcanvas'), curConfig);
+    var palette = [// Todo: Make into configuration item?
+    '#000000', '#3f3f3f', '#7f7f7f', '#bfbfbf', '#ffffff', '#ff0000', '#ff7f00', '#ffff00', '#7fff00', '#00ff00', '#00ff7f', '#00ffff', '#007fff', '#0000ff', '#7f00ff', '#ff00ff', '#ff007f', '#7f0000', '#7f3f00', '#7f7f00', '#3f7f00', '#007f00', '#007f3f', '#007f7f', '#003f7f', '#00007f', '#3f007f', '#7f007f', '#7f003f', '#ffaaaa', '#ffd4aa', '#ffffaa', '#d4ffaa', '#aaffaa', '#aaffd4', '#aaffff', '#aad4ff', '#aaaaff', '#d4aaff', '#ffaaff', '#ffaad4'],
+        modKey = isMac() ? 'meta+' : 'ctrl+',
+        path = svgCanvas.pathActions,
+        _svgCanvas = svgCanvas,
+        undoMgr = _svgCanvas.undoMgr,
+        workarea = $$b('#workarea'),
+        canvMenu = $$b('#cmenu_canvas'),
+        paintBox = { fill: null, stroke: null };
+
+
+    var resizeTimer = void 0,
+        curScrollPos = void 0;
+    var exportWindow = null,
+        defaultImageURL = curConfig.imgPath + 'logo.png',
+        zoomInIcon = 'crosshair',
+        zoomOutIcon = 'crosshair',
+        uiContext = 'toolbars';
+
+    // For external openers
+    (function () {
+      // let the opener know SVG Edit is ready (now that config is set up)
+      var w = window.opener || window.parent;
+      if (w) {
+        try {
+          /**
+           * Triggered on a containing `document` (of `window.opener`
+           * or `window.parent`) when the editor is loaded.
+           * @event module:SVGEditor#event:svgEditorReadyEvent
+           * @type {Event}
+           * @property {true} bubbles
+           * @property {true} cancelable
+           */
+          /**
+           * @name module:SVGEditor.svgEditorReadyEvent
+           * @type {module:SVGEditor#event:svgEditorReadyEvent}
+           */
+          var svgEditorReadyEvent = new w.CustomEvent('svgEditorReady', {
+            bubbles: true,
+            cancelable: true
+          });
+          w.document.documentElement.dispatchEvent(svgEditorReadyEvent);
+        } catch (e) {}
+      }
+    })();
+
+    // This sets up alternative dialog boxes. They mostly work the same way as
+    // their UI counterparts, expect instead of returning the result, a callback
+    // needs to be included that returns the result as its first parameter.
+    // In the future we may want to add additional types of dialog boxes, since
+    // they should be easy to handle this way.
+    (function () {
+      $$b('#dialog_container').draggable({
+        cancel: '#dialog_content, #dialog_buttons *',
+        containment: 'window'
+      }).css('position', 'absolute');
+      var box = $$b('#dialog_box'),
+          btnHolder = $$b('#dialog_buttons'),
+          dialogContent = $$b('#dialog_content'),
+          dbox = function dbox(type, msg, callback, defaultVal, opts, changeCb, checkbox) {
+        dialogContent.html('<p>' + msg.replace(/\n/g, '</p><p>') + '</p>').toggleClass('prompt', type === 'prompt');
+        btnHolder.empty();
+
+        var ok = $$b('<input type="button" value="' + uiStrings$1.common.ok + '">').appendTo(btnHolder);
+
+        if (type !== 'alert') {
+          $$b('<input type="button" value="' + uiStrings$1.common.cancel + '">').appendTo(btnHolder).click(function () {
+            box.hide();
+            if (callback) {
+              callback(false); // eslint-disable-line standard/no-callback-literal
+            }
+          });
+        }
+
+        var ctrl = void 0,
+            chkbx = void 0;
+        if (type === 'prompt') {
+          ctrl = $$b('<input type="text">').prependTo(btnHolder);
+          ctrl.val(defaultVal || '');
+          ctrl.bind('keydown', 'return', function () {
+            ok.click();
+          });
+        } else if (type === 'select') {
+          var div = $$b('<div style="text-align:center;">');
+          ctrl = $$b('<select>').appendTo(div);
+          if (checkbox) {
+            var label = $$b('<label>').text(checkbox.label);
+            chkbx = $$b('<input type="checkbox">').appendTo(label);
+            chkbx.val(checkbox.value);
+            if (checkbox.tooltip) {
+              label.attr('title', checkbox.tooltip);
+            }
+            chkbx.prop('checked', !!checkbox.checked);
+            div.append($$b('<div>').append(label));
+          }
+          $$b.each(opts || [], function (opt, val) {
+            if ((typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object') {
+              ctrl.append($$b('<option>').val(val.value).html(val.text));
+            } else {
+              ctrl.append($$b('<option>').html(val));
+            }
+          });
+          dialogContent.append(div);
+          if (defaultVal) {
+            ctrl.val(defaultVal);
+          }
+          if (changeCb) {
+            ctrl.bind('change', 'return', changeCb);
+          }
+          ctrl.bind('keydown', 'return', function () {
+            ok.click();
+          });
+        } else if (type === 'process') {
+          ok.hide();
+        }
+
+        box.show();
+
+        ok.click(function () {
+          box.hide();
+          var resp = type === 'prompt' || type === 'select' ? ctrl.val() : true;
+          if (callback) {
+            if (chkbx) {
+              callback(resp, chkbx.prop('checked'));
+            } else {
+              callback(resp);
+            }
+          }
+        }).focus();
+
+        if (type === 'prompt' || type === 'select') {
+          ctrl.focus();
+        }
+      };
+
+      $$b.alert = function (msg, cb) {
+        dbox('alert', msg, cb);
+      };
+      $$b.confirm = function (msg, cb) {
+        dbox('confirm', msg, cb);
+      };
+      $$b.process_cancel = function (msg, cb) {
+        dbox('process', msg, cb);
+      };
+      $$b.prompt = function (msg, txt, cb) {
+        dbox('prompt', msg, cb, txt);
+      };
+      $$b.select = function (msg, opts, cb, changeCb, txt, checkbox) {
+        dbox('select', msg, cb, txt, opts, changeCb, checkbox);
+      };
+    })();
+
+    var setSelectMode = function setSelectMode() {
+      var curr = $$b('.tool_button_current');
+      if (curr.length && curr[0].id !== 'tool_select') {
+        curr.removeClass('tool_button_current').addClass('tool_button');
+        $$b('#tool_select').addClass('tool_button_current').removeClass('tool_button');
+        $$b('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all} #svgcanvas svg{cursor:default}');
+      }
+      svgCanvas.setMode('select');
+      workarea.css('cursor', 'auto');
+    };
+
+    // used to make the flyouts stay on the screen longer the very first time
+    // const flyoutspeed = 1250; // Currently unused
+    // let textBeingEntered = false; // Currently unused
+    var origTitle = $$b('title:first').text();
+    // Make [1,2,5] array
+    var rIntervals = [];
+    for (var i = 0.1; i < 1E5; i *= 10) {
+      rIntervals.push(i);
+      rIntervals.push(2 * i);
+      rIntervals.push(5 * i);
+    }
+
+    // This function highlights the layer passed in (by fading out the other layers)
+    // if no layer is passed in, this function restores the other layers
+    var toggleHighlightLayer = function toggleHighlightLayer(layerNameToHighlight) {
+      var i = void 0;
+      var curNames = [],
+          numLayers = svgCanvas.getCurrentDrawing().getNumLayers();
+      for (i = 0; i < numLayers; i++) {
+        curNames[i] = svgCanvas.getCurrentDrawing().getLayerName(i);
+      }
+
+      if (layerNameToHighlight) {
+        for (i = 0; i < numLayers; ++i) {
+          if (curNames[i] !== layerNameToHighlight) {
+            svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 0.5);
+          }
+        }
+      } else {
+        for (i = 0; i < numLayers; ++i) {
+          svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 1.0);
+        }
+      }
+    };
+
+    var populateLayers = function populateLayers() {
+      svgCanvas.clearSelection();
+      var layerlist = $$b('#layerlist tbody').empty();
+      var selLayerNames = $$b('#selLayerNames').empty();
+      var drawing = svgCanvas.getCurrentDrawing();
+      var currentLayerName = drawing.getCurrentLayerName();
+      var icon = $$b.getSvgIcon('eye');
+      var layer = svgCanvas.getCurrentDrawing().getNumLayers();
+      // we get the layers in the reverse z-order (the layer rendered on top is listed first)
+      while (layer--) {
+        var _name3 = drawing.getLayerName(layer);
+        var layerTr = $$b('<tr class="layer">').toggleClass('layersel', _name3 === currentLayerName);
+        var layerVis = $$b('<td class="layervis">').toggleClass('layerinvis', !drawing.getLayerVisibility(_name3));
+        var layerName = $$b('<td class="layername">' + _name3 + '</td>');
+        layerlist.append(layerTr.append(layerVis, layerName));
+        selLayerNames.append('<option value="' + _name3 + '">' + _name3 + '</option>');
+      }
+      if (icon !== undefined) {
+        var copy = icon.clone();
+        $$b('td.layervis', layerlist).append(copy);
+        $$b.resizeSvgIcons({ 'td.layervis .svg_icon': 14 });
+      }
+      // handle selection of layer
+      $$b('#layerlist td.layername').mouseup(function (evt) {
+        $$b('#layerlist tr.layer').removeClass('layersel');
+        $$b(this.parentNode).addClass('layersel');
+        svgCanvas.setCurrentLayer(this.textContent);
+        evt.preventDefault();
+      }).mouseover(function () {
+        toggleHighlightLayer(this.textContent);
+      }).mouseout(function () {
+        toggleHighlightLayer();
+      });
+      $$b('#layerlist td.layervis').click(function () {
+        var row = $$b(this.parentNode).prevAll().length;
+        var name = $$b('#layerlist tr.layer:eq(' + row + ') td.layername').text();
+        var vis = $$b(this).hasClass('layerinvis');
+        svgCanvas.setLayerVisibility(name, vis);
+        $$b(this).toggleClass('layerinvis');
+      });
+
+      // if there were too few rows, let's add a few to make it not so lonely
+      var num = 5 - $$b('#layerlist tr.layer').size();
+      while (num-- > 0) {
+        // FIXME: there must a better way to do this
+        layerlist.append('<tr><td style="color:white">_</td><td/></tr>');
+      }
+    };
+
+    var editingsource = false;
+    var origSource = '';
+    var showSourceEditor = function showSourceEditor(e, forSaving) {
+      if (editingsource) {
+        return;
+      }
+
+      editingsource = true;
+      origSource = svgCanvas.getSvgString();
+      $$b('#save_output_btns').toggle(!!forSaving);
+      $$b('#tool_source_back').toggle(!forSaving);
+      $$b('#svg_source_textarea').val(origSource);
+      $$b('#svg_source_editor').fadeIn();
+      $$b('#svg_source_textarea').focus();
+    };
+
+    var selectedElement = null;
+    var multiselected = false;
+
+    var togglePathEditMode = function togglePathEditMode(editmode, elems) {
+      $$b('#path_node_panel').toggle(editmode);
+      $$b('#tools_bottom_2,#tools_bottom_3').toggle(!editmode);
+      if (editmode) {
+        // Change select icon
+        $$b('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
+        $$b('#tool_select').addClass('tool_button_current').removeClass('tool_button');
+        setIcon('#tool_select', 'select_node');
+        multiselected = false;
+        if (elems.length) {
+          selectedElement = elems[0];
+        }
+      } else {
+        setTimeout(function () {
+          setIcon('#tool_select', 'select');
+        }, 1000);
+      }
+    };
+
+    /**
+     * @type {module:svgcanvas.EventHandler}
+     * @param {external:Window} wind
+     * @param {module:svgcanvas.SvgCanvas#event:saved} svg The SVG source
+     * @listens module:svgcanvas.SvgCanvas#event:saved
+     * @returns {undefined}
+     */
+    var saveHandler = function saveHandler(wind, svg) {
+      editor.showSaveWarning = false;
+
+      // by default, we add the XML prolog back, systems integrating SVG-edit (wikis, CMSs)
+      // can just provide their own custom save handler and might not want the XML prolog
+      svg = '<?xml version="1.0"?>\n' + svg;
+
+      // IE9 doesn't allow standalone Data URLs
+      // https://connect.microsoft.com/IE/feedback/details/542600/data-uri-images-fail-when-loaded-by-themselves
+      if (isIE()) {
+        showSourceEditor(0, true);
+        return;
+      }
+
+      // Since saving SVGs by opening a new window was removed in Chrome use artificial link-click
+      // https://stackoverflow.com/questions/45603201/window-is-not-allowed-to-navigate-top-frame-navigations-to-data-urls
+      var a = document.createElement('a');
+      a.href = 'data:image/svg+xml;base64,' + encode64(svg);
+      a.download = 'icon.svg';
+
+      a.click();
+
+      // Alert will only appear the first time saved OR the
+      //   first time the bug is encountered
+      var done = $$b.pref('save_notice_done');
+      if (done !== 'all') {
+        var note = uiStrings$1.notification.saveFromBrowser.replace('%s', 'SVG');
+        // Check if FF and has <defs/>
+        if (isGecko()) {
+          if (svg.includes('<defs')) {
+            // warning about Mozilla bug #308590 when applicable (seems to be fixed now in Feb 2013)
+            note += '\n\n' + uiStrings$1.notification.defsFailOnSave;
+            $$b.pref('save_notice_done', 'all');
+            done = 'all';
+          } else {
+            $$b.pref('save_notice_done', 'part');
+          }
+        } else {
+          $$b.pref('save_notice_done', 'all');
+        }
+        if (done !== 'part') {
+          alert(note);
+        }
+      }
+    };
+
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:exported} data
+     * @listens module:svgcanvas.SvgCanvas#event:exported
+     * @returns {undefined}
+     */
+    var exportHandler = function exportHandler(win, data) {
+      var issues = data.issues,
+          exportWindowName = data.exportWindowName;
+
+
+      if (exportWindowName) {
+        exportWindow = window.open(blankPageObjectURL || '', exportWindowName); // A hack to get the window via JSON-able name without opening a new one
+      }
+
+      if (!exportWindow || exportWindow.closed) {
+        $$b.alert(uiStrings$1.notification.popupWindowBlocked);
+        return;
+      }
+
+      exportWindow.location.href = data.bloburl || data.datauri;
+      var done = $$b.pref('export_notice_done');
+      if (done !== 'all') {
+        var note = uiStrings$1.notification.saveFromBrowser.replace('%s', data.type);
+
+        // Check if there are issues
+        if (issues.length) {
+          var pre = '\n \u2022 ';
+          note += '\n\n' + uiStrings$1.notification.noteTheseIssues + pre + issues.join(pre);
+        }
+
+        // Note that this will also prevent the notice even though new issues may appear later.
+        // May want to find a way to deal with that without annoying the user
+        $$b.pref('export_notice_done', 'all');
+        exportWindow.alert(note);
+      }
+    };
+
+    var operaRepaint = function operaRepaint() {
+      // Repaints canvas in Opera. Needed for stroke-dasharray change as well as fill change
+      if (!window.opera) {
+        return;
+      }
+      $$b('<p/>').hide().appendTo('body').remove();
+    };
+
+    function setStrokeOpt(opt, changeElem) {
+      var id = opt.id;
+
+      var bits = id.split('_');
+      var pre = bits[0];
+      var val = bits[1];
+
+      if (changeElem) {
+        svgCanvas.setStrokeAttr('stroke-' + pre, val);
+      }
+      operaRepaint();
+      setIcon('#cur_' + pre, id, 20);
+      $$b(opt).addClass('current').siblings().removeClass('current');
+    }
+
+    /**
+    * This is a common function used when a tool has been clicked (chosen)
+    * It does several common things:
+    * - removes the `tool_button_current` class from whatever tool currently has it
+    * - hides any flyouts
+    * - adds the `tool_button_current` class to the button passed in
+    * @function module:SVGEDitor.toolButtonClick
+    * @param {string|Element} button The DOM element or string selector representing the toolbar button
+    * @param {boolean} noHiding Whether not to hide any flyouts
+    * @returns {boolean} Whether the button was disabled or not
+    */
+    var toolButtonClick = editor.toolButtonClick = function (button, noHiding) {
+      if ($$b(button).hasClass('disabled')) {
+        return false;
+      }
+      if ($$b(button).parent().hasClass('tools_flyout')) {
+        return true;
+      }
+      var fadeFlyouts = 'normal';
+      if (!noHiding) {
+        $$b('.tools_flyout').fadeOut(fadeFlyouts);
+      }
+      $$b('#styleoverrides').text('');
+      workarea.css('cursor', 'auto');
+      $$b('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
+      $$b(button).addClass('tool_button_current').removeClass('tool_button');
+      return true;
+    };
+
+    /**
+    * Unless the select toolbar button is disabled, sets the button
+    * and sets the select mode and cursor styles.
+    * @function module:SVGEditor.clickSelect
+    * @returns {undefined}
+    */
+    var clickSelect = editor.clickSelect = function () {
+      if (toolButtonClick('#tool_select')) {
+        svgCanvas.setMode('select');
+        $$b('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all}, #svgcanvas svg{cursor:default}');
+      }
+    };
+
+    /**
+    * Set a selected image's URL
+    * @function module:SVGEditor.setImageURL
+    * @param {string} url
+    * @returns {undefined}
+    */
+    var setImageURL = editor.setImageURL = function (url) {
+      if (!url) {
+        url = defaultImageURL;
+      }
+      svgCanvas.setImageURL(url);
+      $$b('#image_url').val(url);
+
+      if (url.startsWith('data:')) {
+        // data URI found
+        $$b('#image_url').hide();
+        $$b('#change_image_url').show();
+      } else {
+        // regular URL
+        svgCanvas.embedImage(url, function (dataURI) {
+          // Couldn't embed, so show warning
+          $$b('#url_notice').toggle(!dataURI);
+          defaultImageURL = url;
+        });
+        $$b('#image_url').show();
+        $$b('#change_image_url').hide();
+      }
+    };
+
+    function setBackground(color, url) {
+      // if (color == $.pref('bkgd_color') && url == $.pref('bkgd_url')) { return; }
+      $$b.pref('bkgd_color', color);
+      $$b.pref('bkgd_url', url);
+
+      // This should be done in svgcanvas.js for the borderRect fill
+      svgCanvas.setBackground(color, url);
+    }
+
+    function promptImgURL() {
+      var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref9$cancelDeletes = _ref9.cancelDeletes,
+          cancelDeletes = _ref9$cancelDeletes === undefined ? false : _ref9$cancelDeletes;
+
+      var curhref = svgCanvas.getHref(selectedElement);
+      curhref = curhref.startsWith('data:') ? '' : curhref;
+      $$b.prompt(uiStrings$1.notification.enterNewImgURL, curhref, function (url) {
+        if (url) {
+          setImageURL(url);
+        } else if (cancelDeletes) {
+          svgCanvas.deleteSelectedElements();
+        }
+      });
+    }
+
+    var setInputWidth = function setInputWidth(elem) {
+      var w = Math.min(Math.max(12 + elem.value.length * 6, 50), 300);
+      $$b(elem).width(w);
+    };
+
+    function updateRulers(scanvas, zoom) {
+      if (!zoom) {
+        zoom = svgCanvas.getZoom();
+      }
+      if (!scanvas) {
+        scanvas = $$b('#svgcanvas');
+      }
+
+      var d = void 0,
+          i = void 0;
+      var limit = 30000;
+      var contentElem = svgCanvas.getContentElem();
+      var units = getTypeMap();
+      var unit = units[curConfig.baseUnit]; // 1 = 1px
+
+      // draw x ruler then y ruler
+      for (d = 0; d < 2; d++) {
+        var isX = d === 0;
+        var dim = isX ? 'x' : 'y';
+        var lentype = isX ? 'width' : 'height';
+        var contentDim = Number(contentElem.getAttribute(dim));
+
+        var $hcanvOrig = $$b('#ruler_' + dim + ' canvas:first');
+
+        // Bit of a hack to fully clear the canvas in Safari & IE9
+        var $hcanv = $hcanvOrig.clone();
+        $hcanvOrig.replaceWith($hcanv);
+
+        var hcanv = $hcanv[0];
+
+        // Set the canvas size to the width of the container
+        var rulerLen = scanvas[lentype]();
+        var totalLen = rulerLen;
+        hcanv.parentNode.style[lentype] = totalLen + 'px';
+        var ctx = hcanv.getContext('2d');
+        var ctxArr = void 0,
+            num = void 0,
+            ctxArrNum = void 0;
+
+        ctx.fillStyle = 'rgb(200,0,0)';
+        ctx.fillRect(0, 0, hcanv.width, hcanv.height);
+
+        // Remove any existing canvasses
+        $hcanv.siblings().remove();
+
+        // Create multiple canvases when necessary (due to browser limits)
+        if (rulerLen >= limit) {
+          ctxArrNum = parseInt(rulerLen / limit, 10) + 1;
+          ctxArr = [];
+          ctxArr[0] = ctx;
+          var copy = void 0;
+          for (i = 1; i < ctxArrNum; i++) {
+            hcanv[lentype] = limit;
+            copy = hcanv.cloneNode(true);
+            hcanv.parentNode.append(copy);
+            ctxArr[i] = copy.getContext('2d');
+          }
+
+          copy[lentype] = rulerLen % limit;
+
+          // set copy width to last
+          rulerLen = limit;
+        }
+
+        hcanv[lentype] = rulerLen;
+
+        var uMulti = unit * zoom;
+
+        // Calculate the main number interval
+        var rawM = 50 / uMulti;
+        var multi = 1;
+        for (i = 0; i < rIntervals.length; i++) {
+          num = rIntervals[i];
+          multi = num;
+          if (rawM <= num) {
+            break;
+          }
+        }
+
+        var bigInt = multi * uMulti;
+
+        ctx.font = '9px sans-serif';
+
+        var rulerD = contentDim / uMulti % multi * uMulti;
+        var labelPos = rulerD - bigInt;
+        // draw big intervals
+        var ctxNum = 0;
+        while (rulerD < totalLen) {
+          labelPos += bigInt;
+          // const realD = rulerD - contentDim; // Currently unused
+
+          var curD = Math.round(rulerD) + 0.5;
+          if (isX) {
+            ctx.moveTo(curD, 15);
+            ctx.lineTo(curD, 0);
+          } else {
+            ctx.moveTo(15, curD);
+            ctx.lineTo(0, curD);
+          }
+
+          num = (labelPos - contentDim) / uMulti;
+          var label = void 0;
+          if (multi >= 1) {
+            label = Math.round(num);
+          } else {
+            var decs = String(multi).split('.')[1].length;
+            label = num.toFixed(decs);
+          }
+
+          // Change 1000s to Ks
+          if (label !== 0 && label !== 1000 && label % 1000 === 0) {
+            label = label / 1000 + 'K';
+          }
+
+          if (isX) {
+            ctx.fillText(label, rulerD + 2, 8);
+          } else {
+            // draw label vertically
+            var _str = String(label).split('');
+            for (i = 0; i < _str.length; i++) {
+              ctx.fillText(_str[i], 1, rulerD + 9 + i * 9);
+            }
+          }
+
+          var part = bigInt / 10;
+          // draw the small intervals
+          for (i = 1; i < 10; i++) {
+            var subD = Math.round(rulerD + part * i) + 0.5;
+            if (ctxArr && subD > rulerLen) {
+              ctxNum++;
+              ctx.stroke();
+              if (ctxNum >= ctxArrNum) {
+                i = 10;
+                rulerD = totalLen;
+                continue;
+              }
+              ctx = ctxArr[ctxNum];
+              rulerD -= limit;
+              subD = Math.round(rulerD + part * i) + 0.5;
+            }
+
+            // odd lines are slighly longer
+            var lineNum = i % 2 ? 12 : 10;
+            if (isX) {
+              ctx.moveTo(subD, 15);
+              ctx.lineTo(subD, lineNum);
+            } else {
+              ctx.moveTo(15, subD);
+              ctx.lineTo(lineNum, subD);
+            }
+          }
+          rulerD += bigInt;
+        }
+        ctx.strokeStyle = '#000';
+        ctx.stroke();
+      }
+    }
+
+    /**
+    * @function module:SVGEditor.updateCanvas
+    * @param {boolean} center
+    * @param {module:math.XYObject} newCtr
+    * @returns {undefined}
+    */
+    var updateCanvas = editor.updateCanvas = function (center, newCtr) {
+      var zoom = svgCanvas.getZoom();
+      var wArea = workarea;
+      var cnvs = $$b('#svgcanvas');
+
+      var w = workarea.width(),
+          h = workarea.height();
+      var wOrig = w,
+          hOrig = h;
+      var oldCtr = {
+        x: wArea[0].scrollLeft + wOrig / 2,
+        y: wArea[0].scrollTop + hOrig / 2
+      };
+      var multi = curConfig.canvas_expansion;
+      w = Math.max(wOrig, svgCanvas.contentW * zoom * multi);
+      h = Math.max(hOrig, svgCanvas.contentH * zoom * multi);
+
+      if (w === wOrig && h === hOrig) {
+        workarea.css('overflow', 'hidden');
+      } else {
+        workarea.css('overflow', 'scroll');
+      }
+
+      var oldCanY = cnvs.height() / 2;
+      var oldCanX = cnvs.width() / 2;
+      cnvs.width(w).height(h);
+      var newCanY = h / 2;
+      var newCanX = w / 2;
+      var offset = svgCanvas.updateCanvas(w, h);
+
+      var ratio = newCanX / oldCanX;
+
+      var scrollX = w / 2 - wOrig / 2;
+      var scrollY = h / 2 - hOrig / 2;
+
+      if (!newCtr) {
+        var oldDistX = oldCtr.x - oldCanX;
+        var newX = newCanX + oldDistX * ratio;
+
+        var oldDistY = oldCtr.y - oldCanY;
+        var newY = newCanY + oldDistY * ratio;
+
+        newCtr = {
+          x: newX,
+          y: newY
+        };
+      } else {
+        newCtr.x += offset.x;
+        newCtr.y += offset.y;
+      }
+
+      if (center) {
+        // Go to top-left for larger documents
+        if (svgCanvas.contentW > wArea.width()) {
+          // Top-left
+          workarea[0].scrollLeft = offset.x - 10;
+          workarea[0].scrollTop = offset.y - 10;
+        } else {
+          // Center
+          wArea[0].scrollLeft = scrollX;
+          wArea[0].scrollTop = scrollY;
+        }
+      } else {
+        wArea[0].scrollLeft = newCtr.x - wOrig / 2;
+        wArea[0].scrollTop = newCtr.y - hOrig / 2;
+      }
+      if (curConfig.showRulers) {
+        updateRulers(cnvs, zoom);
+        workarea.scroll();
+      }
+      if (urldata.storagePrompt !== true && !editor.storagePromptClosed) {
+        $$b('#dialog_box').hide();
+      }
+    };
+
+    /**
+     * @fires module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate
+     * @returns {undefined}
+     */
+    var updateToolButtonState = function updateToolButtonState() {
+      var index = void 0,
+          button = void 0;
+      var bNoFill = svgCanvas.getColor('fill') === 'none';
+      var bNoStroke = svgCanvas.getColor('stroke') === 'none';
+      var buttonsNeedingStroke = ['#tool_fhpath', '#tool_line'];
+      var buttonsNeedingFillAndStroke = ['#tools_rect .tool_button', '#tools_ellipse .tool_button', '#tool_text', '#tool_path'];
+      if (bNoStroke) {
+        for (index in buttonsNeedingStroke) {
+          button = buttonsNeedingStroke[index];
+          if ($$b(button).hasClass('tool_button_current')) {
+            clickSelect();
+          }
+          $$b(button).addClass('disabled');
+        }
+      } else {
+        for (index in buttonsNeedingStroke) {
+          button = buttonsNeedingStroke[index];
+          $$b(button).removeClass('disabled');
+        }
+      }
+
+      if (bNoStroke && bNoFill) {
+        for (index in buttonsNeedingFillAndStroke) {
+          button = buttonsNeedingFillAndStroke[index];
+          if ($$b(button).hasClass('tool_button_current')) {
+            clickSelect();
+          }
+          $$b(button).addClass('disabled');
+        }
+      } else {
+        for (index in buttonsNeedingFillAndStroke) {
+          button = buttonsNeedingFillAndStroke[index];
+          $$b(button).removeClass('disabled');
+        }
+      }
+
+      svgCanvas.runExtensions('toolButtonStateUpdate', /** @type {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} */{
+        nofill: bNoFill,
+        nostroke: bNoStroke
+      });
+
+      // Disable flyouts if all inside are disabled
+      $$b('.tools_flyout').each(function () {
+        var shower = $$b('#' + this.id + '_show');
+        var hasEnabled = false;
+        $$b(this).children().each(function () {
+          if (!$$b(this).hasClass('disabled')) {
+            hasEnabled = true;
+          }
+        });
+        shower.toggleClass('disabled', !hasEnabled);
+      });
+
+      operaRepaint();
+    };
+
+    // Updates the toolbar (colors, opacity, etc) based on the selected element
+    // This function also updates the opacity and id elements that are in the context panel
+    var updateToolbar = function updateToolbar() {
+      var i = void 0,
+          len = void 0;
+      if (selectedElement != null) {
+        switch (selectedElement.tagName) {
+          case 'use':
+          case 'image':
+          case 'foreignObject':
+            break;
+          case 'g':
+          case 'a':
+            // Look for common styles
+            var childs = selectedElement.getElementsByTagName('*');
+            var gWidth = null;
+            for (i = 0, len = childs.length; i < len; i++) {
+              var swidth = childs[i].getAttribute('stroke-width');
+
+              if (i === 0) {
+                gWidth = swidth;
+              } else if (gWidth !== swidth) {
+                gWidth = null;
+              }
+            }
+
+            $$b('#stroke_width').val(gWidth === null ? '' : gWidth);
+
+            paintBox.fill.update(true);
+            paintBox.stroke.update(true);
+
+            break;
+          default:
+            paintBox.fill.update(true);
+            paintBox.stroke.update(true);
+
+            $$b('#stroke_width').val(selectedElement.getAttribute('stroke-width') || 1);
+            $$b('#stroke_style').val(selectedElement.getAttribute('stroke-dasharray') || 'none');
+
+            var attr = selectedElement.getAttribute('stroke-linejoin') || 'miter';
+
+            if ($$b('#linejoin_' + attr).length) {
+              setStrokeOpt($$b('#linejoin_' + attr)[0]);
+            }
+
+            attr = selectedElement.getAttribute('stroke-linecap') || 'butt';
+
+            if ($$b('#linecap_' + attr).length) {
+              setStrokeOpt($$b('#linecap_' + attr)[0]);
+            }
+        }
+      }
+
+      // All elements including image and group have opacity
+      if (selectedElement != null) {
+        var opacPerc = (selectedElement.getAttribute('opacity') || 1.0) * 100;
+        $$b('#group_opacity').val(opacPerc);
+        $$b('#opac_slider').slider('option', 'value', opacPerc);
+        $$b('#elem_id').val(selectedElement.id);
+        $$b('#elem_class').val(selectedElement.getAttribute('class'));
+      }
+
+      updateToolButtonState();
+    };
+
+    // updates the context panel tools based on the selected element
+    var updateContextPanel = function updateContextPanel() {
+      var elem = selectedElement;
+      // If element has just been deleted, consider it null
+      if (elem != null && !elem.parentNode) {
+        elem = null;
+      }
+      var currentLayerName = svgCanvas.getCurrentDrawing().getCurrentLayerName();
+      var currentMode = svgCanvas.getMode();
+      var unit = curConfig.baseUnit !== 'px' ? curConfig.baseUnit : null;
+
+      var isNode = currentMode === 'pathedit'; // elem ? (elem.id && elem.id.startsWith('pathpointgrip')) : false;
+      var menuItems = $$b('#cmenu_canvas li');
+      $$b('#selected_panel, #multiselected_panel, #g_panel, #rect_panel, #circle_panel,' + '#ellipse_panel, #line_panel, #text_panel, #image_panel, #container_panel,' + ' #use_panel, #a_panel').hide();
+      if (elem != null) {
+        var elname = elem.nodeName;
+        // If this is a link with no transform and one child, pretend
+        // its child is selected
+        // if (elname === 'a') { // && !$(elem).attr('transform')) {
+        //   elem = elem.firstChild;
+        // }
+
+        var angle = svgCanvas.getRotationAngle(elem);
+        $$b('#angle').val(angle);
+
+        var blurval = svgCanvas.getBlur(elem);
+        $$b('#blur').val(blurval);
+        $$b('#blur_slider').slider('option', 'value', blurval);
+
+        if (svgCanvas.addedNew) {
+          if (elname === 'image' && svgCanvas.getMode() === 'image') {
+            // Prompt for URL if not a data URL
+            if (!svgCanvas.getHref(elem).startsWith('data:')) {
+              promptImgURL({ cancelDeletes: true });
+            }
+          }
+          /* else if (elname == 'text') {
+            // TODO: Do something here for new text
+          } */
+        }
+
+        if (!isNode && currentMode !== 'pathedit') {
+          $$b('#selected_panel').show();
+          // Elements in this array already have coord fields
+          if (['line', 'circle', 'ellipse'].includes(elname)) {
+            $$b('#xy_panel').hide();
+          } else {
+            var x = void 0,
+                y = void 0;
+
+            // Get BBox vals for g, polyline and path
+            if (['g', 'polyline', 'path'].includes(elname)) {
+              var bb = svgCanvas.getStrokedBBox([elem]);
+              if (bb) {
+                x = bb.x;
+                y = bb.y;
+              }
+            } else {
+              x = elem.getAttribute('x');
+              y = elem.getAttribute('y');
+            }
+
+            if (unit) {
+              x = convertUnit(x);
+              y = convertUnit(y);
+            }
+
+            $$b('#selected_x').val(x || 0);
+            $$b('#selected_y').val(y || 0);
+            $$b('#xy_panel').show();
+          }
+
+          // Elements in this array cannot be converted to a path
+          var noPath = !['image', 'text', 'path', 'g', 'use'].includes(elname);
+          $$b('#tool_topath').toggle(noPath);
+          $$b('#tool_reorient').toggle(elname === 'path');
+          $$b('#tool_reorient').toggleClass('disabled', angle === 0);
+        } else {
+          var point = path.getNodePoint();
+          $$b('#tool_add_subpath').removeClass('push_button_pressed').addClass('tool_button');
+          $$b('#tool_node_delete').toggleClass('disabled', !path.canDeleteNodes);
+
+          // Show open/close button based on selected point
+          setIcon('#tool_openclose_path', path.closed_subpath ? 'open_path' : 'close_path');
+
+          if (point) {
+            var segType = $$b('#seg_type');
+            if (unit) {
+              point.x = convertUnit(point.x);
+              point.y = convertUnit(point.y);
+            }
+            $$b('#path_node_x').val(point.x);
+            $$b('#path_node_y').val(point.y);
+            if (point.type) {
+              segType.val(point.type).removeAttr('disabled');
+            } else {
+              segType.val(4).attr('disabled', 'disabled');
+            }
+          }
+          return;
+        }
+
+        // update contextual tools here
+        var panels = {
+          g: [],
+          a: [],
+          rect: ['rx', 'width', 'height'],
+          image: ['width', 'height'],
+          circle: ['cx', 'cy', 'r'],
+          ellipse: ['cx', 'cy', 'rx', 'ry'],
+          line: ['x1', 'y1', 'x2', 'y2'],
+          text: [],
+          use: []
+        };
+
+        var _elem = elem,
+            tagName = _elem.tagName;
+
+        // if ($(elem).data('gsvg')) {
+        //   $('#g_panel').show();
+        // }
+
+        var linkHref = null;
+        if (tagName === 'a') {
+          linkHref = svgCanvas.getHref(elem);
+          $$b('#g_panel').show();
+        }
+
+        if (elem.parentNode.tagName === 'a') {
+          if (!$$b(elem).siblings().length) {
+            $$b('#a_panel').show();
+            linkHref = svgCanvas.getHref(elem.parentNode);
+          }
+        }
+
+        // Hide/show the make_link buttons
+        $$b('#tool_make_link, #tool_make_link').toggle(!linkHref);
+
+        if (linkHref) {
+          $$b('#link_url').val(linkHref);
+        }
+
+        if (panels[tagName]) {
+          var curPanel = panels[tagName];
+
+          $$b('#' + tagName + '_panel').show();
+
+          $$b.each(curPanel, function (i, item) {
+            var attrVal = elem.getAttribute(item);
+            if (curConfig.baseUnit !== 'px' && elem[item]) {
+              var bv = elem[item].baseVal.value;
+              attrVal = convertUnit(bv);
+            }
+            $$b('#' + tagName + '_' + item).val(attrVal || 0);
+          });
+
+          if (tagName === 'text') {
+            $$b('#text_panel').css('display', 'inline');
+            $$b('#tool_font_size').css('display', 'inline');
+            if (svgCanvas.getItalic()) {
+              $$b('#tool_italic').addClass('push_button_pressed').removeClass('tool_button');
+            } else {
+              $$b('#tool_italic').removeClass('push_button_pressed').addClass('tool_button');
+            }
+            if (svgCanvas.getBold()) {
+              $$b('#tool_bold').addClass('push_button_pressed').removeClass('tool_button');
+            } else {
+              $$b('#tool_bold').removeClass('push_button_pressed').addClass('tool_button');
+            }
+            $$b('#font_family').val(elem.getAttribute('font-family'));
+            $$b('#font_size').val(elem.getAttribute('font-size'));
+            $$b('#text').val(elem.textContent);
+            if (svgCanvas.addedNew) {
+              // Timeout needed for IE9
+              setTimeout(function () {
+                $$b('#text').focus().select();
+              }, 100);
+            }
+            // text
+          } else if (tagName === 'image' && svgCanvas.getMode() === 'image') {
+            setImageURL(svgCanvas.getHref(elem));
+            // image
+          } else if (tagName === 'g' || tagName === 'use') {
+            $$b('#container_panel').show();
+            var title = svgCanvas.getTitle();
+            var label = $$b('#g_title')[0];
+            label.value = title;
+            setInputWidth(label);
+            $$b('#g_title').prop('disabled', tagName === 'use');
+          }
+        }
+        menuItems[(tagName === 'g' ? 'en' : 'dis') + 'ableContextMenuItems']('#ungroup');
+        menuItems[(tagName === 'g' || !multiselected ? 'dis' : 'en') + 'ableContextMenuItems']('#group');
+        // if (elem != null)
+      } else if (multiselected) {
+        $$b('#multiselected_panel').show();
+        menuItems.enableContextMenuItems('#group').disableContextMenuItems('#ungroup');
+      } else {
+        menuItems.disableContextMenuItems('#delete,#cut,#copy,#group,#ungroup,#move_front,#move_up,#move_down,#move_back');
+      }
+
+      // update history buttons
+      $$b('#tool_undo').toggleClass('disabled', undoMgr.getUndoStackSize() === 0);
+      $$b('#tool_redo').toggleClass('disabled', undoMgr.getRedoStackSize() === 0);
+
+      svgCanvas.addedNew = false;
+
+      if (elem && !isNode || multiselected) {
+        // update the selected elements' layer
+        $$b('#selLayerNames').removeAttr('disabled').val(currentLayerName);
+
+        // Enable regular menu options
+        canvMenu.enableContextMenuItems('#delete,#cut,#copy,#move_front,#move_up,#move_down,#move_back');
+      } else {
+        $$b('#selLayerNames').attr('disabled', 'disabled');
+      }
+    };
+
+    var updateWireFrame = function updateWireFrame() {
+      // Test support
+      if (supportsNonSS) {
+        return;
+      }
+
+      var rule = '#workarea.wireframe #svgcontent * { stroke-width: ' + 1 / svgCanvas.getZoom() + 'px; }';
+      $$b('#wireframe_rules').text(workarea.hasClass('wireframe') ? rule : '');
+    };
+
+    var curContext = '';
+
+    var updateTitle = function updateTitle(title) {
+      title = title || svgCanvas.getDocumentTitle();
+      var newTitle = origTitle + (title ? ': ' + title : '');
+
+      // Remove title update with current context info, isn't really necessary
+      // if (curContext) {
+      //   new_title = new_title + curContext;
+      // }
+      $$b('title:first').text(newTitle);
+    };
+
+    // called when we've selected a different element
+    /**
+    *
+    * @param {external:Window} win
+    * @param {module:svgcanvas.SvgCanvas#event:selected} elems Array of elements that were selected
+    * @listens module:svgcanvas.SvgCanvas#event:selected
+    * @fires module:svgcanvas.SvgCanvas#event:ext-selectedChanged
+    * @returns {undefined}
+    */
+    var selectedChanged = function selectedChanged(win, elems) {
+      var mode = svgCanvas.getMode();
+      if (mode === 'select') {
+        setSelectMode();
+      }
+      var isNode = mode === 'pathedit';
+      // if elems[1] is present, then we have more than one element
+      selectedElement = elems.length === 1 || elems[1] == null ? elems[0] : null;
+      multiselected = elems.length >= 2 && elems[1] != null;
+      if (selectedElement != null) {
+        // unless we're already in always set the mode of the editor to select because
+        // upon creation of a text element the editor is switched into
+        // select mode and this event fires - we need our UI to be in sync
+
+        if (!isNode) {
+          updateToolbar();
+        }
+      } // if (elem != null)
+
+      // Deal with pathedit mode
+      togglePathEditMode(isNode, elems);
+      updateContextPanel();
+      svgCanvas.runExtensions('selectedChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} */{
+        elems: elems,
+        selectedElement: selectedElement,
+        multiselected: multiselected
+      });
+    };
+
+    // Call when part of element is in process of changing, generally
+    // on mousemove actions like rotate, move, etc.
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:transition} elems
+     * @listens module:svgcanvas.SvgCanvas#event:transition
+     * @fires module:svgcanvas.SvgCanvas#event:ext-elementTransition
+     * @returns {undefined}
+     */
+    var elementTransition = function elementTransition(win, elems) {
+      var mode = svgCanvas.getMode();
+      var elem = elems[0];
+
+      if (!elem) {
+        return;
+      }
+
+      multiselected = elems.length >= 2 && elems[1] != null;
+      // Only updating fields for single elements for now
+      if (!multiselected) {
+        switch (mode) {
+          case 'rotate':
+            var ang = svgCanvas.getRotationAngle(elem);
+            $$b('#angle').val(ang);
+            $$b('#tool_reorient').toggleClass('disabled', ang === 0);
+            break;
+
+          // TODO: Update values that change on move/resize, etc
+          // case 'select':
+          // case 'resize':
+          //   break;
+        }
+      }
+      svgCanvas.runExtensions('elementTransition', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementTransition} */{
+        elems: elems
+      });
+    };
+
+    /**
+     * Test whether an element is a layer or not.
+     * @param {SVGGElement} elem - The SVGGElement to test.
+     * @returns {boolean} True if the element is a layer
+     */
+    function isLayer(elem) {
+      return elem && elem.tagName === 'g' && Layer.CLASS_REGEX.test(elem.getAttribute('class'));
+    }
+
+    // called when any element has changed
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:changed} elems
+     * @listens module:svgcanvas.SvgCanvas#event:changed
+     * @fires module:svgcanvas.SvgCanvas#event:ext-elementChanged
+     * @returns {undefined}
+     */
+    var elementChanged = function elementChanged(win, elems) {
+      var mode = svgCanvas.getMode();
+      if (mode === 'select') {
+        setSelectMode();
+      }
+
+      for (var _i = 0; _i < elems.length; ++_i) {
+        var elem = elems[_i];
+
+        var isSvgElem = elem && elem.tagName === 'svg';
+        if (isSvgElem || isLayer(elem)) {
+          populateLayers();
+          // if the element changed was the svg, then it could be a resolution change
+          if (isSvgElem) {
+            updateCanvas();
+          }
+          // Update selectedElement if element is no longer part of the image.
+          // This occurs for the text elements in Firefox
+        } else if (elem && selectedElement && selectedElement.parentNode == null) {
+          // || elem && elem.tagName == "path" && !multiselected) { // This was added in r1430, but not sure why
+          selectedElement = elem;
+        }
+      }
+
+      editor.showSaveWarning = true;
+
+      // we update the contextual panel with potentially new
+      // positional/sizing information (we DON'T want to update the
+      // toolbar here as that creates an infinite loop)
+      // also this updates the history buttons
+
+      // we tell it to skip focusing the text control if the
+      // text element was previously in focus
+      updateContextPanel();
+
+      // In the event a gradient was flipped:
+      if (selectedElement && mode === 'select') {
+        paintBox.fill.update();
+        paintBox.stroke.update();
+      }
+
+      svgCanvas.runExtensions('elementChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementChanged} */{
+        elems: elems
+      });
+    };
+
+    /**
+     * @returns {undefined}
+     */
+    var zoomDone = function zoomDone() {
+      updateWireFrame();
+      // updateCanvas(); // necessary?
+    };
+
+    /**
+    * @typedef {PlainObject} module:SVGEditor.BBoxObjectWithFactor (like `DOMRect`)
+    * @property {Float} x
+    * @property {Float} y
+    * @property {Float} width
+    * @property {Float} height
+    * @property {Float} [factor] Needed if width or height are 0
+    * @property {Float} [zoom]
+    * @see module:svgcanvas.SvgCanvas#event:zoomed
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#zoomChanged
+    * @param {external:Window} win
+    * @param {module:svgcanvas.SvgCanvas#event:zoomed} bbox
+    * @param {boolean} autoCenter
+    * @listens module:svgcanvas.SvgCanvas#event:zoomed
+    * @returns {undefined}
+    */
+    var zoomChanged = svgCanvas.zoomChanged = function (win, bbox, autoCenter) {
+      var scrbar = 15,
+
+      // res = svgCanvas.getResolution(), // Currently unused
+      wArea = workarea;
+      // const canvasPos = $('#svgcanvas').position(); // Currently unused
+      var zInfo = svgCanvas.setBBoxZoom(bbox, wArea.width() - scrbar, wArea.height() - scrbar);
+      if (!zInfo) {
+        return;
+      }
+      var zoomlevel = zInfo.zoom,
+          bb = zInfo.bbox;
+
+      if (zoomlevel < 0.001) {
+        changeZoom({ value: 0.1 });
+        return;
+      }
+
+      $$b('#zoom').val((zoomlevel * 100).toFixed(1));
+
+      if (autoCenter) {
+        updateCanvas();
+      } else {
+        updateCanvas(false, { x: bb.x * zoomlevel + bb.width * zoomlevel / 2, y: bb.y * zoomlevel + bb.height * zoomlevel / 2 });
+      }
+
+      if (svgCanvas.getMode() === 'zoom' && bb.width) {
+        // Go to select if a zoom box was drawn
+        setSelectMode();
+      }
+
+      zoomDone();
+    };
+
+    var changeZoom = function changeZoom(ctl) {
+      var zoomlevel = ctl.value / 100;
+      if (zoomlevel < 0.001) {
+        ctl.value = 0.1;
+        return;
+      }
+      var zoom = svgCanvas.getZoom();
+      var wArea = workarea;
+
+      zoomChanged(window, {
+        width: 0,
+        height: 0,
+        // center pt of scroll position
+        x: (wArea[0].scrollLeft + wArea.width() / 2) / zoom,
+        y: (wArea[0].scrollTop + wArea.height() / 2) / zoom,
+        zoom: zoomlevel
+      }, true);
+    };
+
+    $$b('#cur_context_panel').delegate('a', 'click', function () {
+      var link = $$b(this);
+      if (link.attr('data-root')) {
+        svgCanvas.leaveContext();
+      } else {
+        svgCanvas.setContext(link.text());
+      }
+      svgCanvas.clearSelection();
+      return false;
+    });
+
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:contextset} context
+     * @listens module:svgcanvas.SvgCanvas#event:contextset
+     * @returns {undefined}
+     */
+    var contextChanged = function contextChanged(win, context) {
+      var linkStr = '';
+      if (context) {
+        var _str2 = '';
+        linkStr = '<a href="#" data-root="y">' + svgCanvas.getCurrentDrawing().getCurrentLayerName() + '</a>';
+
+        $$b(context).parentsUntil('#svgcontent > g').andSelf().each(function () {
+          if (this.id) {
+            _str2 += ' > ' + this.id;
+            if (this !== context) {
+              linkStr += ' > <a href="#">' + this.id + '</a>';
+            } else {
+              linkStr += ' > ' + this.id;
+            }
+          }
+        });
+
+        curContext = _str2;
+      } else {
+        curContext = null;
+      }
+      $$b('#cur_context_panel').toggle(!!context).html(linkStr);
+
+      updateTitle();
+    };
+
+    // Makes sure the current selected paint is available to work with
+    var prepPaints = function prepPaints() {
+      paintBox.fill.prep();
+      paintBox.stroke.prep();
+    };
+
+    var flyoutFuncs = {};
+
+    var setFlyoutTitles = function setFlyoutTitles() {
+      $$b('.tools_flyout').each(function () {
+        var shower = $$b('#' + this.id + '_show');
+        if (shower.data('isLibrary')) {
+          return;
+        }
+
+        var tooltips = $$b(this).children().map(function () {
+          return this.title;
+        }).get();
+        shower[0].title = tooltips.join(' / ');
+      });
+    };
+
+    var allHolders = {};
+    /**
+     * @param {Object.<string, module:SVGEditor.ToolButton>} holders Key is a selector
+     * @returns {undefined}
+     */
+    var setupFlyouts = function setupFlyouts(holders) {
+      $$b.each(holders, function (holdSel, btnOpts) {
+        var _allHolders$holdSel;
+
+        if (!allHolders[holdSel]) {
+          allHolders[holdSel] = [];
+        }
+        (_allHolders$holdSel = allHolders[holdSel]).push.apply(_allHolders$holdSel, toConsumableArray(btnOpts));
+
+        var buttons = $$b(holdSel).children().not('.tool_button_evt_handled');
+        var showSel = holdSel + '_show';
+        var shower = $$b(showSel);
+        var def = false;
+        buttons.addClass('tool_button tool_button_evt_handled').unbind('click mousedown mouseup') // may not be necessary
+        .each(function () {
+          // Get this button's options
+          var idSel = '#' + this.getAttribute('id');
+
+          var _Object$entries$find = Object.entries(btnOpts).find(function (_ref10) {
+            var _ref11 = slicedToArray(_ref10, 2),
+                i = _ref11[0],
+                sel = _ref11[1].sel;
+
+            return sel === idSel;
+          }),
+              _Object$entries$find2 = slicedToArray(_Object$entries$find, 2),
+              i = _Object$entries$find2[0],
+              opts = _Object$entries$find2[1];
+
+          // Remember the function that goes with this ID
+
+
+          flyoutFuncs[opts.sel] = opts.fn;
+
+          if (opts.isDefault) {
+            def = i;
+          }
+
+          /**
+           * Clicking the icon in flyout should set this set's icon
+           * @param {Event} ev
+           * @returns {undefined}
+           */
+          var flyoutAction = function flyoutAction(ev) {
+            var options = opts;
+            // Find the currently selected tool if comes from keystroke
+            if (ev.type === 'keydown') {
+              var flyoutIsSelected = $$b(options.parent + '_show').hasClass('tool_button_current');
+              var currentOperation = $$b(options.parent + '_show').attr('data-curopt');
+              Object.entries(holders[opts.parent]).some(function (_ref12) {
+                var _ref13 = slicedToArray(_ref12, 2),
+                    i = _ref13[0],
+                    tool = _ref13[1];
+
+                if (tool.sel !== currentOperation) {
+                  return;
+                }
+                if (!ev.shiftKey || !flyoutIsSelected) {
+                  options = tool;
+                } else {
+                  // If flyout is selected, allow shift key to iterate through subitems
+                  i = parseInt(i, 10);
+                  // Use `allHolders` to include both extension `includeWith` and toolbarButtons
+                  options = allHolders[opts.parent][i + 1] || holders[opts.parent][0];
+                }
+                return true;
+              });
+            }
+            if ($$b(this).hasClass('disabled')) {
+              return false;
+            }
+            if (toolButtonClick(showSel)) {
+              options.fn();
+            }
+            var icon = void 0;
+            if (options.icon) {
+              icon = $$b.getSvgIcon(options.icon, true);
+            } else {
+              icon = $$b(options.sel).children().eq(0).clone();
+            }
+
+            icon[0].setAttribute('width', shower.width());
+            icon[0].setAttribute('height', shower.height());
+            shower.children(':not(.flyout_arrow_horiz)').remove();
+            shower.append(icon).attr('data-curopt', options.sel); // This sets the current mode
+          };
+
+          $$b(this).mouseup(flyoutAction);
+
+          if (opts.key) {
+            $$b(document).bind('keydown', opts.key[0] + ' shift+' + opts.key[0], flyoutAction);
+          }
+        });
+
+        if (def) {
+          shower.attr('data-curopt', btnOpts[def].sel);
+        } else if (!shower.attr('data-curopt')) {
+          // Set first as default
+          shower.attr('data-curopt', btnOpts[0].sel);
+        }
+
+        var timer = void 0;
+        var pos = $$b(showSel).position();
+
+        // Clicking the "show" icon should set the current mode
+        shower.mousedown(function (evt) {
+          if (shower.hasClass('disabled')) {
+            return false;
+          }
+          var holder = $$b(holdSel);
+          var l = pos.left + 34;
+          var w = holder.width() * -1;
+          var time = holder.data('shown_popop') ? 200 : 0;
+          timer = setTimeout(function () {
+            // Show corresponding menu
+            if (!shower.data('isLibrary')) {
+              holder.css('left', w).show().animate({
+                left: l
+              }, 150);
+            } else {
+              holder.css('left', l).show();
+            }
+            holder.data('shown_popop', true);
+          }, time);
+          evt.preventDefault();
+        }).mouseup(function (evt) {
+          clearTimeout(timer);
+          var opt = $$b(this).attr('data-curopt');
+          // Is library and popped up, so do nothing
+          if (shower.data('isLibrary') && $$b(showSel.replace('_show', '')).is(':visible')) {
+            toolButtonClick(showSel, true);
+            return;
+          }
+          if (toolButtonClick(showSel) && flyoutFuncs[opt]) {
+            flyoutFuncs[opt]();
+          }
+        });
+        // $('#tools_rect').mouseleave(function () { $('#tools_rect').fadeOut(); });
+      });
+      setFlyoutTitles();
+      setFlyoutPositions();
+    };
+
+    var makeFlyoutHolder = function makeFlyoutHolder(id, child) {
+      var div = $$b('<div>', {
+        class: 'tools_flyout',
+        id: id
+      }).appendTo('#svg_editor').append(child);
+
+      return div;
+    };
+
+    // TODO: Combine this with addDropDown or find other way to optimize
+    var addAltDropDown = function addAltDropDown(elem, list, callback, opts) {
+      var button = $$b(elem);
+      var dropUp = opts.dropUp;
+
+      list = $$b(list);
+      if (dropUp) {
+        $$b(elem).addClass('dropup');
+      }
+      list.find('li').bind('mouseup', function () {
+        if (opts.seticon) {
+          setIcon('#cur_' + button[0].id, $$b(this).children());
+          $$b(this).addClass('current').siblings().removeClass('current');
+        }
+        callback.apply(this, arguments);
+      });
+
+      var onButton = false;
+      $$b(window).mouseup(function (evt) {
+        if (!onButton) {
+          button.removeClass('down');
+          list.hide();
+          list.css({ top: 0, left: 0 });
+        }
+        onButton = false;
+      });
+
+      // const height = list.height(); // Currently unused
+      button.bind('mousedown', function () {
+        var off = button.offset();
+        if (dropUp) {
+          off.top -= list.height();
+          off.left += 8;
+        } else {
+          off.top += button.height();
+        }
+        list.offset(off);
+
+        if (!button.hasClass('down')) {
+          list.show();
+          onButton = true;
+        } else {
+          // CSS position must be reset for Webkit
+          list.hide();
+          list.css({ top: 0, left: 0 });
+        }
+        button.toggleClass('down');
+      }).hover(function () {
+        onButton = true;
+      }).mouseout(function () {
+        onButton = false;
+      });
+
+      if (opts.multiclick) {
+        list.mousedown(function () {
+          onButton = true;
+        });
+      }
+    };
+
+    var extsPreLang = [];
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:extension_added} ext
+     * @listens module:svgcanvas.SvgCanvas#event:extension_added
+     * @returns {Promise} Resolves to `undefined`
+     */
+    var extAdded = function extAdded(win, ext) {
+      if (!ext) {
+        return;
+      }
+      var cbCalled = false;
+      var resizeDone = false;
+
+      if (ext.langReady) {
+        if (editor.langChanged) {
+          // We check for this since the "lang" pref could have been set by storage
+          var lang = $$b.pref('lang');
+          ext.langReady({
+            lang: lang,
+            uiStrings: uiStrings$1,
+            importLocale: getImportLocale({ defaultLang: lang, defaultName: ext.name })
+          });
+        } else {
+          extsPreLang.push(ext);
+        }
+      }
+
+      function prepResize() {
+        if (resizeTimer) {
+          clearTimeout(resizeTimer);
+          resizeTimer = null;
+        }
+        if (!resizeDone) {
+          resizeTimer = setTimeout(function () {
+            resizeDone = true;
+            setIconSize($$b.pref('iconsize'));
+          }, 50);
+        }
+      }
+
+      var runCallback = function runCallback() {
+        if (ext.callback && !cbCalled) {
+          cbCalled = true;
+          ext.callback.call(editor);
+        }
+      };
+
+      var btnSelects = [];
+
+      /**
+      * @typedef {PlainObject} module:SVGEditor.ContextTool
+      * @property {string} panel The ID of the existing panel to which the tool is being added. Required.
+      * @property {string} id The ID of the actual tool element. Required.
+      * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<"change", external:jQuery.Function>} events DOM event names keyed to associated functions. Example: `{change () { alert('Option was changed') } }`. "change" event is one specifically handled for the "button-select" type. Required.
+      * @property {string} title The tooltip text that will appear when the user hovers over the tool. Required.
+      * @property {"tool_button"|"select"|"button-select"|"input"|string} type The type of tool being added. Expected.
+      * @property {PlainObject.<string, string>} [options] List of options and their labels for select tools. Example: `{1: 'One', 2: 'Two', all: 'All' }`. Required by "select" tools.
+      * @property {string} [container_id] The ID to be given to the tool's container element.
+      * @property {string} [defval] Default value
+      * @property {string|Integer} [colnum] Added as part of the option list class.
+      * @property {string} [label] Label associated with the tool, visible in the UI
+      * @property {Integer} [size] Value of the "size" attribute of the tool input
+      * @property {module:jQuerySpinButton.SpinButtonConfig} [spindata] When added to a tool of type "input", this tool becomes a "spinner" which allows the number to be in/decreased.
+      */
+      if (ext.context_tools) {
+        $$b.each(ext.context_tools, function (i, tool) {
+          // Add select tool
+          var contId = tool.container_id ? ' id="' + tool.container_id + '"' : '';
+
+          var panel = $$b('#' + tool.panel);
+          // create the panel if it doesn't exist
+          if (!panel.length) {
+            panel = $$b('<div>', { id: tool.panel }).appendTo('#tools_top');
+          }
+
+          var html = void 0;
+          // TODO: Allow support for other types, or adding to existing tool
+          switch (tool.type) {
+            case 'tool_button':
+              html = '<div class="tool_button">' + tool.id + '</div>';
+              var div = $$b(html).appendTo(panel);
+              if (tool.events) {
+                $$b.each(tool.events, function (evt, func) {
+                  $$b(div).bind(evt, func);
+                });
+              }
+              break;
+            case 'select':
+              html = '<label' + contId + '>' + '<select id="' + tool.id + '">';
+              $$b.each(tool.options, function (val, text) {
+                var sel = val === tool.defval ? ' selected' : '';
+                html += '<option value="' + val + '"' + sel + '>' + text + '</option>';
+              });
+              html += '</select></label>';
+              // Creates the tool, hides & adds it, returns the select element
+              var sel = $$b(html).appendTo(panel).find('select');
+
+              $$b.each(tool.events, function (evt, func) {
+                $$b(sel).bind(evt, func);
+              });
+              break;
+            case 'button-select':
+              html = '<div id="' + tool.id + '" class="dropdown toolset" title="' + tool.title + '">' + '<div id="cur_' + tool.id + '" class="icon_label"></div><button></button></div>';
+
+              var list = $$b('<ul id="' + tool.id + '_opts"></ul>').appendTo('#option_lists');
+
+              if (tool.colnum) {
+                list.addClass('optcols' + tool.colnum);
+              }
+
+              // Creates the tool, hides & adds it, returns the select element
+              /* const dropdown = */$$b(html).appendTo(panel).children();
+
+              btnSelects.push({
+                elem: '#' + tool.id,
+                list: '#' + tool.id + '_opts',
+                title: tool.title,
+                callback: tool.events.change,
+                cur: '#cur_' + tool.id
+              });
+
+              break;
+            case 'input':
+              html = '<label' + contId + '>' + '<span id="' + tool.id + '_label">' + tool.label + ':</span>' + '<input id="' + tool.id + '" title="' + tool.title + '" size="' + (tool.size || '4') + '" value="' + (tool.defval || '') + '" type="text"/></label>';
+
+              // Creates the tool, hides & adds it, returns the select element
+
+              // Add to given tool.panel
+              var inp = $$b(html).appendTo(panel).find('input');
+
+              if (tool.spindata) {
+                inp.SpinButton(tool.spindata);
+              }
+
+              if (tool.events) {
+                $$b.each(tool.events, function (evt, func) {
+                  inp.bind(evt, func);
+                });
+              }
+              break;
+
+            default:
+              break;
+          }
+        });
+      }
+
+      var svgicons = ext.svgicons;
+
+      if (ext.buttons) {
+        var fallbackObj = {},
+            placementObj = {},
+            holders = {};
+
+        /**
+        * @typedef {GenericArray} module:SVGEditor.KeyArray
+        * @property {string} 0 The key to bind (on `keydown`)
+        * @property {boolean} 1 Whether to `preventDefault` on the `keydown` event
+        * @property {boolean} 2 Not apparently in use (NoDisableInInput)
+        */
+        /**
+         * @typedef {string|module:SVGEditor.KeyArray} module:SVGEditor.Key
+         */
+        /**
+        * @typedef {PlainObject} module:SVGEditor.Button
+        * @property {string} id A unique identifier for this button. If SVG icons are used, this must match the ID used in the icon file. Required.
+        * @property {"mode_flyout"|"mode"|"context"|"app_menu"} type Type of button. Required.
+        * @property {string} title The tooltip text that will appear when the user hovers over the icon. Required.
+        * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<"click", external:jQuery.Function>} events DOM event names with associated functions. Example: `{click () { alert('Button was clicked') } }`. Click is used with `includeWith` and `type` of "mode_flyout" (and "mode"); any events may be added if `list` is not present. Expected.
+        * @property {string} panel The ID of the context panel to be included, if type is "context". Required only if type is "context".
+        * @property {string} icon The file path to the raster version of the icon image source. Required only if no `svgicons` is supplied from [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse}.
+        * @property {string} [svgicon] If absent, will utilize the button "id"; used to set "placement" on the `svgIcons` call
+        * @property {string} [list] Points to the "id" of a `context_tools` item of type "button-select" into which the button will be added as a panel list item
+        * @property {Integer} [position] The numeric index for placement; defaults to last position (as of the time of extension addition) if not present. For use with {@link http://api.jquery.com/eq/}.
+        * @property {boolean} [isDefault] Whether or not the button is the default. Used with `list`.
+        * @property {PlainObject} [includeWith] Object with flyout menu data
+        * @property {boolean} [includeWith.isDefault] Indicates whether button is default in flyout list or not.
+        * @property {string} includeWith.button jQuery selector of the existing button to be joined. Example: '#tool_line'. Required if `includeWith` is used.
+        * @property {"last"|Integer} [includeWith.position] Position of icon in flyout list; will be added to end if not indicated. Integer is for use with {@link http://api.jquery.com/eq/}.
+        * @property {module:SVGEditor.Key} [key] The key to bind to the button
+        */
+        // Add buttons given by extension
+        $$b.each(ext.buttons, function (i, /** @type {module:SVGEditor.Button} */btn) {
+          var id = btn.id;
+
+          var num = i;
+          // Give button a unique ID
+          while ($$b('#' + id).length) {
+            id = btn.id + '_' + ++num;
+          }
+
+          var icon = void 0;
+          if (!svgicons) {
+            icon = $$b('<img src="' + btn.icon + '">');
+          } else {
+            fallbackObj[id] = btn.icon;
+            var svgicon = btn.svgicon || btn.id;
+            if (btn.type === 'app_menu') {
+              placementObj['#' + id + ' > div'] = svgicon;
+            } else {
+              placementObj['#' + id] = svgicon;
+            }
+          }
+
+          var cls = void 0,
+              parent = void 0;
+
+          // Set button up according to its type
+          switch (btn.type) {
+            case 'mode_flyout':
+            case 'mode':
+              cls = 'tool_button';
+              parent = '#tools_left';
+              break;
+            case 'context':
+              cls = 'tool_button';
+              parent = '#' + btn.panel;
+              // create the panel if it doesn't exist
+              if (!$$b(parent).length) {
+                $$b('<div>', { id: btn.panel }).appendTo('#tools_top');
+              }
+              break;
+            case 'app_menu':
+              cls = '';
+              parent = '#main_menu ul';
+              break;
+          }
+          var flyoutHolder = void 0,
+              curH = void 0,
+              showBtn = void 0,
+              refData = void 0,
+              refBtn = void 0;
+          var button = $$b(btn.list || btn.type === 'app_menu' ? '<li/>' : '<div/>').attr('id', id).attr('title', btn.title).addClass(cls);
+          if (!btn.includeWith && !btn.list) {
+            if ('position' in btn) {
+              if ($$b(parent).children().eq(btn.position).length) {
+                $$b(parent).children().eq(btn.position).before(button);
+              } else {
+                $$b(parent).children().last().before(button);
+              }
+            } else {
+              button.appendTo(parent);
+            }
+
+            if (btn.type === 'mode_flyout') {
+              // Add to flyout menu / make flyout menu
+              // const opts = btn.includeWith;
+              // // opts.button, default, position
+              refBtn = $$b(button);
+
+              flyoutHolder = refBtn.parent();
+              // Create a flyout menu if there isn't one already
+              var tlsId = void 0;
+              if (!refBtn.parent().hasClass('tools_flyout')) {
+                // Create flyout placeholder
+                tlsId = refBtn[0].id.replace('tool_', 'tools_');
+                showBtn = refBtn.clone().attr('id', tlsId + '_show').append($$b('<div>', { class: 'flyout_arrow_horiz' }));
+
+                refBtn.before(showBtn);
+
+                // Create a flyout div
+                flyoutHolder = makeFlyoutHolder(tlsId, refBtn);
+                flyoutHolder.data('isLibrary', true);
+                showBtn.data('isLibrary', true);
+              }
+              // refData = Actions.getButtonData(opts.button);
+
+              placementObj['#' + tlsId + '_show'] = btn.id;
+              // TODO: Find way to set the current icon using the iconloader if this is not default
+
+              // Include data for extension button as well as ref button
+              curH = holders['#' + flyoutHolder[0].id] = [{
+                sel: '#' + id,
+                fn: btn.events.click,
+                icon: btn.id,
+                // key: btn.key,
+                isDefault: true
+              }]; // , refData
+              //
+              // // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
+              //
+              // const pos = ('position' in opts)?opts.position:'last';
+              // const len = flyoutHolder.children().length;
+              //
+              // // Add at given position or end
+              // if (!isNaN(pos) && pos >= 0 && pos < len) {
+              //   flyoutHolder.children().eq(pos).before(button);
+              // } else {
+              //   flyoutHolder.append(button);
+              //   curH.reverse();
+              // }
+            } else if (btn.type === 'app_menu') {
+              button.append('<div>').append(btn.title);
+            }
+          } else if (btn.list) {
+            // Add button to list
+            button.addClass('push_button');
+            $$b('#' + btn.list + '_opts').append(button);
+            if (btn.isDefault) {
+              $$b('#cur_' + btn.list).append(button.children().clone());
+              var _svgicon = btn.svgicon || btn.id;
+              placementObj['#cur_' + btn.list] = _svgicon;
+            }
+          } else if (btn.includeWith) {
+            // Add to flyout menu / make flyout menu
+            var opts = btn.includeWith;
+            // opts.button, default, position
+            refBtn = $$b(opts.button);
+
+            flyoutHolder = refBtn.parent();
+            // Create a flyout menu if there isn't one already
+            var _tlsId = void 0;
+            if (!refBtn.parent().hasClass('tools_flyout')) {
+              // Create flyout placeholder
+              _tlsId = refBtn[0].id.replace('tool_', 'tools_');
+              showBtn = refBtn.clone().attr('id', _tlsId + '_show').append($$b('<div>', { class: 'flyout_arrow_horiz' }));
+
+              refBtn.before(showBtn);
+              // Create a flyout div
+              flyoutHolder = makeFlyoutHolder(_tlsId, refBtn);
+            }
+
+            refData = Actions.getButtonData(opts.button);
+
+            if (opts.isDefault) {
+              placementObj['#' + _tlsId + '_show'] = btn.id;
+            }
+            // TODO: Find way to set the current icon using the iconloader if this is not default
+
+            // Include data for extension button as well as ref button
+            curH = holders['#' + flyoutHolder[0].id] = [{
+              sel: '#' + id,
+              fn: btn.events.click,
+              icon: btn.id,
+              key: btn.key,
+              isDefault: Boolean(btn.includeWith && btn.includeWith.isDefault)
+            }, refData];
+
+            // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
+
+            var pos = 'position' in opts ? opts.position : 'last';
+            var len = flyoutHolder.children().length;
+
+            // Add at given position or end
+            if (!isNaN(pos) && pos >= 0 && pos < len) {
+              flyoutHolder.children().eq(pos).before(button);
+            } else {
+              flyoutHolder.append(button);
+              curH.reverse();
+            }
+          }
+
+          if (!svgicons) {
+            button.append(icon);
+          }
+
+          if (!btn.list) {
+            // Add given events to button
+            $$b.each(btn.events, function (name, func) {
+              if (name === 'click' && btn.type === 'mode') {
+                if (btn.includeWith) {
+                  button.bind(name, func);
+                } else {
+                  button.bind(name, function () {
+                    if (toolButtonClick(button)) {
+                      func();
+                    }
+                  });
+                }
+                if (btn.key) {
+                  $$b(document).bind('keydown', btn.key, func);
+                  if (btn.title) {
+                    button.attr('title', btn.title + ' [' + btn.key + ']');
+                  }
+                }
+              } else {
+                button.bind(name, func);
+              }
+            });
+          }
+
+          setupFlyouts(holders);
+        });
+
+        $$b.each(btnSelects, function () {
+          addAltDropDown(this.elem, this.list, this.callback, { seticon: true });
+        });
+
+        if (svgicons) {
+          return new Promise(function (resolve, reject) {
+            $$b.svgIcons(svgicons, {
+              w: 24, h: 24,
+              id_match: false,
+              no_img: !isWebkit(),
+              fallback: fallbackObj,
+              placement: placementObj,
+              callback: function callback(icons) {
+                // Non-ideal hack to make the icon match the current size
+                // if (curPrefs.iconsize && curPrefs.iconsize !== 'm') {
+                if ($$b.pref('iconsize') !== 'm') {
+                  prepResize();
+                }
+                runCallback();
+                resolve();
+              }
+            });
+          });
+        }
+      }
+      return runCallback();
+    };
+
+    var getPaint = function getPaint(color, opac, type) {
+      // update the editor's fill paint
+      var opts = { alpha: opac };
+      if (color.startsWith('url(#')) {
+        var refElem = svgCanvas.getRefElem(color);
+        if (refElem) {
+          refElem = refElem.cloneNode(true);
+        } else {
+          refElem = $$b('#' + type + '_color defs *')[0];
+        }
+        opts[refElem.tagName] = refElem;
+      } else if (color.startsWith('#')) {
+        opts.solidColor = color.substr(1);
+      } else {
+        opts.solidColor = 'none';
+      }
+      return new $$b.jGraduate.Paint(opts);
+    };
+
+    // $('#text').focus(function () { textBeingEntered = true; });
+    // $('#text').blur(function () { textBeingEntered = false; });
+
+    // bind the selected event to our function that handles updates to the UI
+    svgCanvas.bind('selected', selectedChanged);
+    svgCanvas.bind('transition', elementTransition);
+    svgCanvas.bind('changed', elementChanged);
+    svgCanvas.bind('saved', saveHandler);
+    svgCanvas.bind('exported', exportHandler);
+    svgCanvas.bind('exportedPDF', function (win, data) {
+      var exportWindowName = data.exportWindowName;
+
+      if (exportWindowName) {
+        exportWindow = window.open('', exportWindowName); // A hack to get the window via JSON-able name without opening a new one
+      }
+      if (!exportWindow || exportWindow.closed) {
+        $$b.alert(uiStrings$1.notification.popupWindowBlocked);
+        return;
+      }
+      exportWindow.location.href = data.output;
+    });
+    svgCanvas.bind('zoomed', zoomChanged);
+    svgCanvas.bind('zoomDone', zoomDone);
+    svgCanvas.bind('updateCanvas',
+    /**
+     * @param {external:Window} win
+     * @param {false} center
+     * @param {module:math.XYObject} newCtr
+     * @listens module:svgcanvas.SvgCanvas#event:updateCanvas
+     * @returns {undefined}
+     */
+    function (win, _ref14) {
+      var center = _ref14.center,
+          newCtr = _ref14.newCtr;
+
+      updateCanvas(center, newCtr);
+    });
+    svgCanvas.bind('contextset', contextChanged);
+    svgCanvas.bind('extension_added', extAdded);
+    svgCanvas.textActions.setInputElem($$b('#text')[0]);
+
+    var str = '<div class="palette_item" data-rgb="none"></div>';
+    $$b.each(palette, function (i, item) {
+      str += '<div class="palette_item" style="background-color: ' + item + ';" data-rgb="' + item + '"></div>';
+    });
+    $$b('#palette').append(str);
+
+    // Set up editor background functionality
+    // TODO add checkerboard as "pattern"
+    var colorBlocks = ['#FFF', '#888', '#000']; // ,'url(data:image/gif;base64,R0lGODlhEAAQAIAAAP%2F%2F%2F9bW1iH5BAAAAAAALAAAAAAQABAAAAIfjG%2Bgq4jM3IFLJgpswNly%2FXkcBpIiVaInlLJr9FZWAQA7)'];
+    str = '';
+    $$b.each(colorBlocks, function () {
+      str += '<div class="color_block" style="background-color:' + this + ';"></div>';
+    });
+    $$b('#bg_blocks').append(str);
+    var blocks = $$b('#bg_blocks div');
+    var curBg = 'cur_background';
+    blocks.each(function () {
+      var blk = $$b(this);
+      blk.click(function () {
+        blocks.removeClass(curBg);
+        $$b(this).addClass(curBg);
+      });
+    });
+
+    setBackground($$b.pref('bkgd_color'), $$b.pref('bkgd_url'));
+
+    $$b('#image_save_opts input').val([$$b.pref('img_save')]);
+
+    var changeRectRadius = function changeRectRadius(ctl) {
+      svgCanvas.setRectRadius(ctl.value);
+    };
+
+    var changeFontSize = function changeFontSize(ctl) {
+      svgCanvas.setFontSize(ctl.value);
+    };
+
+    var changeStrokeWidth = function changeStrokeWidth(ctl) {
+      var val = ctl.value;
+      if (val === 0 && selectedElement && ['line', 'polyline'].includes(selectedElement.nodeName)) {
+        val = ctl.value = 1;
+      }
+      svgCanvas.setStrokeWidth(val);
+    };
+
+    var changeRotationAngle = function changeRotationAngle(ctl) {
+      svgCanvas.setRotationAngle(ctl.value);
+      $$b('#tool_reorient').toggleClass('disabled', parseInt(ctl.value, 10) === 0);
+    };
+
+    var changeOpacity = function changeOpacity(ctl, val) {
+      if (val == null) {
+        val = ctl.value;
+      }
+      $$b('#group_opacity').val(val);
+      if (!ctl || !ctl.handle) {
+        $$b('#opac_slider').slider('option', 'value', val);
+      }
+      svgCanvas.setOpacity(val / 100);
+    };
+
+    var changeBlur = function changeBlur(ctl, val, noUndo) {
+      if (val == null) {
+        val = ctl.value;
+      }
+      $$b('#blur').val(val);
+      var complete = false;
+      if (!ctl || !ctl.handle) {
+        $$b('#blur_slider').slider('option', 'value', val);
+        complete = true;
+      }
+      if (noUndo) {
+        svgCanvas.setBlurNoUndo(val);
+      } else {
+        svgCanvas.setBlur(val, complete);
+      }
+    };
+
+    $$b('#stroke_style').change(function () {
+      svgCanvas.setStrokeAttr('stroke-dasharray', $$b(this).val());
+      operaRepaint();
+    });
+
+    $$b('#stroke_linejoin').change(function () {
+      svgCanvas.setStrokeAttr('stroke-linejoin', $$b(this).val());
+      operaRepaint();
+    });
+
+    // Lose focus for select elements when changed (Allows keyboard shortcuts to work better)
+    $$b('select').change(function () {
+      $$b(this).blur();
+    });
+
+    // fired when user wants to move elements to another layer
+    var promptMoveLayerOnce = false;
+    $$b('#selLayerNames').change(function () {
+      var destLayer = this.options[this.selectedIndex].value;
+      var confirmStr = uiStrings$1.notification.QmoveElemsToLayer.replace('%s', destLayer);
+      var moveToLayer = function moveToLayer(ok) {
+        if (!ok) {
+          return;
+        }
+        promptMoveLayerOnce = true;
+        svgCanvas.moveSelectedToLayer(destLayer);
+        svgCanvas.clearSelection();
+        populateLayers();
+      };
+      if (destLayer) {
+        if (promptMoveLayerOnce) {
+          moveToLayer(true);
+        } else {
+          $$b.confirm(confirmStr, moveToLayer);
+        }
+      }
+    });
+
+    $$b('#font_family').change(function () {
+      svgCanvas.setFontFamily(this.value);
+    });
+
+    $$b('#seg_type').change(function () {
+      svgCanvas.setSegType($$b(this).val());
+    });
+
+    $$b('#text').bind('keyup input', function () {
+      svgCanvas.setTextContent(this.value);
+    });
+
+    $$b('#image_url').change(function () {
+      setImageURL(this.value);
+    });
+
+    $$b('#link_url').change(function () {
+      if (this.value.length) {
+        svgCanvas.setLinkURL(this.value);
+      } else {
+        svgCanvas.removeHyperlink();
+      }
+    });
+
+    $$b('#g_title').change(function () {
+      svgCanvas.setGroupTitle(this.value);
+    });
+
+    $$b('.attr_changer').change(function () {
+      var attr = this.getAttribute('data-attr');
+      var val = this.value;
+      var valid = isValidUnit(attr, val, selectedElement);
+
+      if (!valid) {
+        $$b.alert(uiStrings$1.notification.invalidAttrValGiven);
+        this.value = selectedElement.getAttribute(attr);
+        return false;
+      }
+
+      if (attr !== 'id' && attr !== 'class') {
+        if (isNaN(val)) {
+          val = svgCanvas.convertToNum(attr, val);
+        } else if (curConfig.baseUnit !== 'px') {
+          // Convert unitless value to one with given unit
+
+          var unitData = getTypeMap();
+
+          if (selectedElement[attr] || svgCanvas.getMode() === 'pathedit' || attr === 'x' || attr === 'y') {
+            val *= unitData[curConfig.baseUnit];
+          }
+        }
+      }
+
+      // if the user is changing the id, then de-select the element first
+      // change the ID, then re-select it with the new ID
+      if (attr === 'id') {
+        var elem = selectedElement;
+        svgCanvas.clearSelection();
+        elem.id = val;
+        svgCanvas.addToSelection([elem], true);
+      } else {
+        svgCanvas.changeSelectedAttribute(attr, val);
+      }
+      this.blur();
+    });
+
+    // Prevent selection of elements when shift-clicking
+    $$b('#palette').mouseover(function () {
+      var inp = $$b('<input type="hidden">');
+      $$b(this).append(inp);
+      inp.focus().remove();
+    });
+
+    $$b('.palette_item').mousedown(function (evt) {
+      // shift key or right click for stroke
+      var picker = evt.shiftKey || evt.button === 2 ? 'stroke' : 'fill';
+      var color = $$b(this).data('rgb');
+      var paint = void 0;
+
+      // Webkit-based browsers returned 'initial' here for no stroke
+      if (color === 'none' || color === 'transparent' || color === 'initial') {
+        color = 'none';
+        paint = new $$b.jGraduate.Paint();
+      } else {
+        paint = new $$b.jGraduate.Paint({ alpha: 100, solidColor: color.substr(1) });
+      }
+
+      paintBox[picker].setPaint(paint);
+      svgCanvas.setColor(picker, color);
+
+      if (color !== 'none' && svgCanvas.getPaintOpacity(picker) !== 1) {
+        svgCanvas.setPaintOpacity(picker, 1.0);
+      }
+      updateToolButtonState();
+    }).bind('contextmenu', function (e) {
+      e.preventDefault();
+    });
+
+    $$b('#toggle_stroke_tools').on('click', function () {
+      $$b('#tools_bottom').toggleClass('expanded');
+    });
+
+    (function () {
+      var wArea = workarea[0];
+
+      var lastX = null,
+          lastY = null,
+          panning = false,
+          keypan = false;
+
+      $$b('#svgcanvas').bind('mousemove mouseup', function (evt) {
+        if (panning === false) {
+          return;
+        }
+
+        wArea.scrollLeft -= evt.clientX - lastX;
+        wArea.scrollTop -= evt.clientY - lastY;
+
+        lastX = evt.clientX;
+        lastY = evt.clientY;
+
+        if (evt.type === 'mouseup') {
+          panning = false;
+        }
+        return false;
+      }).mousedown(function (evt) {
+        if (evt.button === 1 || keypan === true) {
+          panning = true;
+          lastX = evt.clientX;
+          lastY = evt.clientY;
+          return false;
+        }
+      });
+
+      $$b(window).mouseup(function () {
+        panning = false;
+      });
+
+      $$b(document).bind('keydown', 'space', function (evt) {
+        svgCanvas.spaceKey = keypan = true;
+        evt.preventDefault();
+      }).bind('keyup', 'space', function (evt) {
+        evt.preventDefault();
+        svgCanvas.spaceKey = keypan = false;
+      }).bind('keydown', 'shift', function (evt) {
+        if (svgCanvas.getMode() === 'zoom') {
+          workarea.css('cursor', zoomOutIcon);
+        }
+      }).bind('keyup', 'shift', function (evt) {
+        if (svgCanvas.getMode() === 'zoom') {
+          workarea.css('cursor', zoomInIcon);
+        }
+      });
+
+      /**
+      * @param {boolean} active
+      * @returns {undefined}
+      */
+      editor.setPanning = function (active) {
+        svgCanvas.spaceKey = keypan = active;
+      };
+    })();
+
+    (function () {
+      var button = $$b('#main_icon');
+      var overlay = $$b('#main_icon span');
+      var list = $$b('#main_menu');
+
+      var onButton = false;
+      var height = 0;
+      var jsHover = true;
+      var setClick = false;
+
+      /*
+      // Currently unused
+      const hideMenu = function () {
+        list.fadeOut(200);
+      };
+      */
+
+      $$b(window).mouseup(function (evt) {
+        if (!onButton) {
+          button.removeClass('buttondown');
+          // do not hide if it was the file input as that input needs to be visible
+          // for its change event to fire
+          if (evt.target.tagName !== 'INPUT') {
+            list.fadeOut(200);
+          } else if (!setClick) {
+            setClick = true;
+            $$b(evt.target).click(function () {
+              list.css('margin-left', '-9999px').show();
+            });
+          }
+        }
+        onButton = false;
+      }).mousedown(function (evt) {
+        // $('.contextMenu').hide();
+        var islib = $$b(evt.target).closest('div.tools_flyout, .contextMenu').length;
+        if (!islib) {
+          $$b('.tools_flyout:visible,.contextMenu').fadeOut(250);
+        }
+      });
+
+      overlay.bind('mousedown', function () {
+        if (!button.hasClass('buttondown')) {
+          // Margin must be reset in case it was changed before;
+          list.css('margin-left', 0).show();
+          if (!height) {
+            height = list.height();
+          }
+          // Using custom animation as slideDown has annoying 'bounce effect'
+          list.css('height', 0).animate({
+            height: height
+          }, 200);
+          onButton = true;
+        } else {
+          list.fadeOut(200);
+        }
+        button.toggleClass('buttondown buttonup');
+      }).hover(function () {
+        onButton = true;
+      }).mouseout(function () {
+        onButton = false;
+      });
+
+      var listItems = $$b('#main_menu li');
+
+      // Check if JS method of hovering needs to be used (Webkit bug)
+      listItems.mouseover(function () {
+        jsHover = $$b(this).css('background-color') === 'rgba(0, 0, 0, 0)';
+
+        listItems.unbind('mouseover');
+        if (jsHover) {
+          listItems.mouseover(function () {
+            this.style.backgroundColor = '#FFC';
+          }).mouseout(function () {
+            this.style.backgroundColor = 'transparent';
+            return true;
+          });
+        }
+      });
+    })();
+    // Made public for UI customization.
+    // TODO: Group UI functions into a public editor.ui interface.
+    /**
+     * See {@link http://api.jquery.com/bind/#bind-eventType-eventData-handler}
+     * @callback module:SVGEditor.DropDownCallback
+     * @param {external:jQuery.Event} ev See {@link http://api.jquery.com/Types/#Event}
+     * @listens external:jQuery.Event
+     * @returns {undefined|boolean} Calls `preventDefault()` and `stopPropagation()`
+    */
+    /**
+     * @param {Element|string} elem DOM Element or selector
+     * @param {module:SVGEditor.DropDownCallback} callback Mouseup callback
+     * @param {boolean} dropUp
+     * @returns {undefined}
+    */
+    editor.addDropDown = function (elem, callback, dropUp) {
+      if (!$$b(elem).length) {
+        return;
+      } // Quit if called on non-existent element
+      var button = $$b(elem).find('button');
+      var list = $$b(elem).find('ul').attr('id', $$b(elem)[0].id + '-list');
+      if (dropUp) {
+        $$b(elem).addClass('dropup');
+      } else {
+        // Move list to place where it can overflow container
+        $$b('#option_lists').append(list);
+      }
+      list.find('li').bind('mouseup', callback);
+
+      var onButton = false;
+      $$b(window).mouseup(function (evt) {
+        if (!onButton) {
+          button.removeClass('down');
+          list.hide();
+        }
+        onButton = false;
+      });
+
+      button.bind('mousedown', function () {
+        if (!button.hasClass('down')) {
+          if (!dropUp) {
+            var pos = $$b(elem).position();
+            list.css({
+              top: pos.top + 24,
+              left: pos.left - 10
+            });
+          }
+          list.show();
+          onButton = true;
+        } else {
+          list.hide();
+        }
+        button.toggleClass('down');
+      }).hover(function () {
+        onButton = true;
+      }).mouseout(function () {
+        onButton = false;
+      });
+    };
+
+    editor.addDropDown('#font_family_dropdown', function () {
+      $$b('#font_family').val($$b(this).text()).change();
+    });
+
+    editor.addDropDown('#opacity_dropdown', function () {
+      if ($$b(this).find('div').length) {
+        return;
+      }
+      var perc = parseInt($$b(this).text().split('%')[0], 10);
+      changeOpacity(false, perc);
+    }, true);
+
+    // For slider usage, see: http://jqueryui.com/demos/slider/
+    $$b('#opac_slider').slider({
+      start: function start() {
+        $$b('#opacity_dropdown li:not(.special)').hide();
+      },
+      stop: function stop() {
+        $$b('#opacity_dropdown li').show();
+        $$b(window).mouseup();
+      },
+      slide: function slide(evt, ui) {
+        changeOpacity(ui);
+      }
+    });
+
+    editor.addDropDown('#blur_dropdown', $$b.noop);
+
+    var slideStart = false;
+    $$b('#blur_slider').slider({
+      max: 10,
+      step: 0.1,
+      stop: function stop(evt, ui) {
+        slideStart = false;
+        changeBlur(ui);
+        $$b('#blur_dropdown li').show();
+        $$b(window).mouseup();
+      },
+      start: function start() {
+        slideStart = true;
+      },
+      slide: function slide(evt, ui) {
+        changeBlur(ui, null, slideStart);
+      }
+    });
+
+    editor.addDropDown('#zoom_dropdown', function () {
+      var item = $$b(this);
+      var val = item.data('val');
+      if (val) {
+        zoomChanged(window, val);
+      } else {
+        changeZoom({ value: parseFloat(item.text()) });
+      }
+    }, true);
+
+    addAltDropDown('#stroke_linecap', '#linecap_opts', function () {
+      setStrokeOpt(this, true);
+    }, { dropUp: true });
+
+    addAltDropDown('#stroke_linejoin', '#linejoin_opts', function () {
+      setStrokeOpt(this, true);
+    }, { dropUp: true });
+
+    addAltDropDown('#tool_position', '#position_opts', function () {
+      var letter = this.id.replace('tool_pos', '').charAt(0);
+      svgCanvas.alignSelectedElements(letter, 'page');
+    }, { multiclick: true });
+
+    /*
+     When a flyout icon is selected
+      (if flyout) {
+      - Change the icon
+      - Make pressing the button run its stuff
+      }
+      - Run its stuff
+     When its shortcut key is pressed
+      - If not current in list, do as above
+      , else:
+      - Just run its stuff
+     */
+
+    // Unfocus text input when workarea is mousedowned.
+    (function () {
+      var inp = void 0;
+      var unfocus = function unfocus() {
+        $$b(inp).blur();
+      };
+
+      $$b('#svg_editor').find('button, select, input:not(#text)').focus(function () {
+        inp = this;
+        uiContext = 'toolbars';
+        workarea.mousedown(unfocus);
+      }).blur(function () {
+        uiContext = 'canvas';
+        workarea.unbind('mousedown', unfocus);
+        // Go back to selecting text if in textedit mode
+        if (svgCanvas.getMode() === 'textedit') {
+          $$b('#text').focus();
+        }
+      });
+    })();
+
+    var clickFHPath = function clickFHPath() {
+      if (toolButtonClick('#tool_fhpath')) {
+        svgCanvas.setMode('fhpath');
+      }
+    };
+
+    var clickLine = function clickLine() {
+      if (toolButtonClick('#tool_line')) {
+        svgCanvas.setMode('line');
+      }
+    };
+
+    var clickSquare = function clickSquare() {
+      if (toolButtonClick('#tool_square')) {
+        svgCanvas.setMode('square');
+      }
+    };
+
+    var clickRect = function clickRect() {
+      if (toolButtonClick('#tool_rect')) {
+        svgCanvas.setMode('rect');
+      }
+    };
+
+    var clickFHRect = function clickFHRect() {
+      if (toolButtonClick('#tool_fhrect')) {
+        svgCanvas.setMode('fhrect');
+      }
+    };
+
+    var clickCircle = function clickCircle() {
+      if (toolButtonClick('#tool_circle')) {
+        svgCanvas.setMode('circle');
+      }
+    };
+
+    var clickEllipse = function clickEllipse() {
+      if (toolButtonClick('#tool_ellipse')) {
+        svgCanvas.setMode('ellipse');
+      }
+    };
+
+    var clickFHEllipse = function clickFHEllipse() {
+      if (toolButtonClick('#tool_fhellipse')) {
+        svgCanvas.setMode('fhellipse');
+      }
+    };
+
+    var clickImage = function clickImage() {
+      if (toolButtonClick('#tool_image')) {
+        svgCanvas.setMode('image');
+      }
+    };
+
+    var clickZoom = function clickZoom() {
+      if (toolButtonClick('#tool_zoom')) {
+        svgCanvas.setMode('zoom');
+        workarea.css('cursor', zoomInIcon);
+      }
+    };
+
+    var zoomImage = function zoomImage(multiplier) {
+      var res = svgCanvas.getResolution();
+      multiplier = multiplier ? res.zoom * multiplier : 1;
+      // setResolution(res.w * multiplier, res.h * multiplier, true);
+      $$b('#zoom').val(multiplier * 100);
+      svgCanvas.setZoom(multiplier);
+      zoomDone();
+      updateCanvas(true);
+    };
+
+    var dblclickZoom = function dblclickZoom() {
+      if (toolButtonClick('#tool_zoom')) {
+        zoomImage();
+        setSelectMode();
+      }
+    };
+
+    var clickText = function clickText() {
+      if (toolButtonClick('#tool_text')) {
+        svgCanvas.setMode('text');
+      }
+    };
+
+    var clickPath = function clickPath() {
+      if (toolButtonClick('#tool_path')) {
+        svgCanvas.setMode('path');
+      }
+    };
+
+    // Delete is a contextual tool that only appears in the ribbon if
+    // an element has been selected
+    var deleteSelected = function deleteSelected() {
+      if (selectedElement != null || multiselected) {
+        svgCanvas.deleteSelectedElements();
+      }
+    };
+
+    var cutSelected = function cutSelected() {
+      if (selectedElement != null || multiselected) {
+        svgCanvas.cutSelectedElements();
+      }
+    };
+
+    var copySelected = function copySelected() {
+      if (selectedElement != null || multiselected) {
+        svgCanvas.copySelectedElements();
+      }
+    };
+
+    var pasteInCenter = function pasteInCenter() {
+      var zoom = svgCanvas.getZoom();
+      var x = (workarea[0].scrollLeft + workarea.width() / 2) / zoom - svgCanvas.contentW;
+      var y = (workarea[0].scrollTop + workarea.height() / 2) / zoom - svgCanvas.contentH;
+      svgCanvas.pasteElements('point', x, y);
+    };
+
+    var moveToTopSelected = function moveToTopSelected() {
+      if (selectedElement != null) {
+        svgCanvas.moveToTopSelectedElement();
+      }
+    };
+
+    var moveToBottomSelected = function moveToBottomSelected() {
+      if (selectedElement != null) {
+        svgCanvas.moveToBottomSelectedElement();
+      }
+    };
+
+    var moveUpDownSelected = function moveUpDownSelected(dir) {
+      if (selectedElement != null) {
+        svgCanvas.moveUpDownSelected(dir);
+      }
+    };
+
+    var convertToPath$$1 = function convertToPath$$1() {
+      if (selectedElement != null) {
+        svgCanvas.convertToPath();
+      }
+    };
+
+    var reorientPath = function reorientPath() {
+      if (selectedElement != null) {
+        path.reorient();
+      }
+    };
+
+    var makeHyperlink = function makeHyperlink() {
+      if (selectedElement != null || multiselected) {
+        $$b.prompt(uiStrings$1.notification.enterNewLinkURL, 'http://', function (url) {
+          if (url) {
+            svgCanvas.makeHyperlink(url);
+          }
+        });
+      }
+    };
+
+    var moveSelected = function moveSelected(dx, dy) {
+      if (selectedElement != null || multiselected) {
+        if (curConfig.gridSnapping) {
+          // Use grid snap value regardless of zoom level
+          var multi = svgCanvas.getZoom() * curConfig.snappingStep;
+          dx *= multi;
+          dy *= multi;
+        }
+        svgCanvas.moveSelectedElements(dx, dy);
+      }
+    };
+
+    var linkControlPoints = function linkControlPoints() {
+      $$b('#tool_node_link').toggleClass('push_button_pressed tool_button');
+      var linked = $$b('#tool_node_link').hasClass('push_button_pressed');
+      path.linkControlPoints(linked);
+    };
+
+    var clonePathNode = function clonePathNode() {
+      if (path.getNodePoint()) {
+        path.clonePathNode();
+      }
+    };
+
+    var deletePathNode = function deletePathNode() {
+      if (path.getNodePoint()) {
+        path.deletePathNode();
+      }
+    };
+
+    var addSubPath = function addSubPath() {
+      var button = $$b('#tool_add_subpath');
+      var sp = !button.hasClass('push_button_pressed');
+      button.toggleClass('push_button_pressed tool_button');
+      path.addSubPath(sp);
+    };
+
+    var opencloseSubPath = function opencloseSubPath() {
+      path.opencloseSubPath();
+    };
+
+    var selectNext = function selectNext() {
+      svgCanvas.cycleElement(1);
+    };
+
+    var selectPrev = function selectPrev() {
+      svgCanvas.cycleElement(0);
+    };
+
+    var rotateSelected = function rotateSelected(cw, step) {
+      if (selectedElement == null || multiselected) {
+        return;
+      }
+      if (!cw) {
+        step *= -1;
+      }
+      var angle = parseFloat($$b('#angle').val()) + step;
+      svgCanvas.setRotationAngle(angle);
+      updateContextPanel();
+    };
+
+    /**
+     * @fires module:svgcanvas.SvgCanvas#event:ext-onNewDocument
+     * @returns {undefined}
+     */
+    var clickClear = function clickClear() {
+      var _curConfig$dimensions = slicedToArray(curConfig.dimensions, 2),
+          x = _curConfig$dimensions[0],
+          y = _curConfig$dimensions[1];
+
+      $$b.confirm(uiStrings$1.notification.QwantToClear, function (ok) {
+        if (!ok) {
+          return;
+        }
+        setSelectMode();
+        svgCanvas.clear();
+        svgCanvas.setResolution(x, y);
+        updateCanvas(true);
+        zoomImage();
+        populateLayers();
+        updateContextPanel();
+        prepPaints();
+        svgCanvas.runExtensions('onNewDocument');
+      });
+    };
+
+    var clickBold = function clickBold() {
+      svgCanvas.setBold(!svgCanvas.getBold());
+      updateContextPanel();
+      return false;
+    };
+
+    var clickItalic = function clickItalic() {
+      svgCanvas.setItalic(!svgCanvas.getItalic());
+      updateContextPanel();
+      return false;
+    };
+
+    var clickSave = function clickSave() {
+      // In the future, more options can be provided here
+      var saveOpts = {
+        images: $$b.pref('img_save'),
+        round_digits: 6
+      };
+      svgCanvas.save(saveOpts);
+    };
+
+    var loadingURL = void 0;
+    var clickExport = function clickExport() {
+      $$b.select('Select an image type for export: ', [
+      // See http://kangax.github.io/jstests/toDataUrl_mime_type_test/ for a useful list of MIME types and browser support
+      // 'ICO', // Todo: Find a way to preserve transparency in SVG-Edit if not working presently and do full packaging for x-icon; then switch back to position after 'PNG'
+      'PNG', 'JPEG', 'BMP', 'WEBP', 'PDF'], function (imgType) {
+        // todo: replace hard-coded msg with uiStrings.notification.
+        if (!imgType) {
+          return;
+        }
+        // Open placeholder window (prevents popup)
+        var exportWindowName = void 0;
+        function openExportWindow() {
+          var str = uiStrings$1.notification.loadingImage;
+          if (curConfig.exportWindowType === 'new') {
+            editor.exportWindowCt++;
+          }
+          exportWindowName = curConfig.canvasName + editor.exportWindowCt;
+          var popHTML = void 0,
+              popURL = void 0;
+          if (loadingURL) {
+            popURL = loadingURL;
+          } else {
+            popHTML = '<!DOCTYPE html><html>\n            <head>\n              <meta charset="utf-8">\n              <title>' + str + '</title>\n            </head>\n            <body><h1>' + str + '</h1></body>\n          <html>';
+            if ((typeof URL === 'undefined' ? 'undefined' : _typeof(URL)) && URL.createObjectURL) {
+              var blob = new Blob([popHTML], { type: 'text/html' });
+              popURL = URL.createObjectURL(blob);
+            } else {
+              popURL = 'data:text/html;base64;charset=utf-8,' + encode64(popHTML);
+            }
+            loadingURL = popURL;
+          }
+          exportWindow = window.open(popURL, exportWindowName);
+        }
+        if (imgType === 'PDF') {
+          if (!customExportPDF) {
+            openExportWindow();
+          }
+          svgCanvas.exportPDF(exportWindowName);
+        } else {
+          if (!customExportImage) {
+            openExportWindow();
+          }
+          var quality = parseInt($$b('#image-slider').val(), 10) / 100;
+          svgCanvas.rasterExport(imgType, quality, exportWindowName);
+        }
+      }, function () {
+        var sel = $$b(this);
+        if (sel.val() === 'JPEG' || sel.val() === 'WEBP') {
+          if (!$$b('#image-slider').length) {
+            $$b('<div><label>' + uiStrings$1.ui.quality + '\n              <input id="image-slider"\n                type="range" min="1" max="100" value="92" />\n            </label></div>').appendTo(sel.parent());
+          }
+        } else {
+          $$b('#image-slider').parent().remove();
+        }
+      });
+    };
+
+    // by default, svgCanvas.open() is a no-op.
+    // it is up to an extension mechanism (opera widget, etc)
+    // to call setCustomHandlers() which will make it do something
+    var clickOpen = function clickOpen() {
+      svgCanvas.open();
+    };
+
+    var clickImport = function clickImport() {};
+
+    var clickUndo = function clickUndo() {
+      if (undoMgr.getUndoStackSize() > 0) {
+        undoMgr.undo();
+        populateLayers();
+      }
+    };
+
+    var clickRedo = function clickRedo() {
+      if (undoMgr.getRedoStackSize() > 0) {
+        undoMgr.redo();
+        populateLayers();
+      }
+    };
+
+    var clickGroup = function clickGroup() {
+      // group
+      if (multiselected) {
+        svgCanvas.groupSelectedElements();
+        // ungroup
+      } else if (selectedElement) {
+        svgCanvas.ungroupSelectedElement();
+      }
+    };
+
+    var clickClone = function clickClone() {
+      svgCanvas.cloneSelectedElements(20, 20);
+    };
+
+    var clickAlign = function clickAlign() {
+      var letter = this.id.replace('tool_align', '').charAt(0);
+      svgCanvas.alignSelectedElements(letter, $$b('#align_relative_to').val());
+    };
+
+    var clickWireframe = function clickWireframe() {
+      $$b('#tool_wireframe').toggleClass('push_button_pressed tool_button');
+      workarea.toggleClass('wireframe');
+
+      if (supportsNonSS) {
+        return;
+      }
+      var wfRules = $$b('#wireframe_rules');
+      if (!wfRules.length) {
+        wfRules = $$b('<style id="wireframe_rules"></style>').appendTo('head');
+      } else {
+        wfRules.empty();
+      }
+
+      updateWireFrame();
+    };
+
+    $$b('#svg_docprops_container, #svg_prefs_container').draggable({
+      cancel: 'button,fieldset',
+      containment: 'window'
+    }).css('position', 'absolute');
+
+    var docprops = false;
+    var preferences = false;
+
+    var showDocProperties = function showDocProperties() {
+      if (docprops) {
+        return;
+      }
+      docprops = true;
+
+      // This selects the correct radio button by using the array notation
+      $$b('#image_save_opts input').val([$$b.pref('img_save')]);
+
+      // update resolution option with actual resolution
+      var res = svgCanvas.getResolution();
+      if (curConfig.baseUnit !== 'px') {
+        res.w = convertUnit(res.w) + curConfig.baseUnit;
+        res.h = convertUnit(res.h) + curConfig.baseUnit;
+      }
+
+      $$b('#canvas_width').val(res.w);
+      $$b('#canvas_height').val(res.h);
+      $$b('#canvas_title').val(svgCanvas.getDocumentTitle());
+
+      $$b('#svg_docprops').show();
+    };
+
+    var showPreferences = function showPreferences() {
+      if (preferences) {
+        return;
+      }
+      preferences = true;
+      $$b('#main_menu').hide();
+
+      // Update background color with current one
+      var blocks = $$b('#bg_blocks div');
+      var curBg = 'cur_background';
+      var canvasBg = curPrefs.bkgd_color;
+      var url = $$b.pref('bkgd_url');
+      blocks.each(function () {
+        var blk = $$b(this);
+        var isBg = blk.css('background-color') === canvasBg;
+        blk.toggleClass(curBg, isBg);
+        if (isBg) {
+          $$b('#canvas_bg_url').removeClass(curBg);
+        }
+      });
+      if (!canvasBg) {
+        blocks.eq(0).addClass(curBg);
+      }
+      if (url) {
+        $$b('#canvas_bg_url').val(url);
+      }
+      $$b('#grid_snapping_on').prop('checked', curConfig.gridSnapping);
+      $$b('#grid_snapping_step').attr('value', curConfig.snappingStep);
+      $$b('#grid_color').attr('value', curConfig.gridColor);
+
+      $$b('#svg_prefs').show();
+    };
+
+    var hideSourceEditor = function hideSourceEditor() {
+      $$b('#svg_source_editor').hide();
+      editingsource = false;
+      $$b('#svg_source_textarea').blur();
+    };
+
+    var saveSourceEditor = function saveSourceEditor() {
+      if (!editingsource) {
+        return;
+      }
+
+      var saveChanges = function saveChanges() {
+        svgCanvas.clearSelection();
+        hideSourceEditor();
+        zoomImage();
+        populateLayers();
+        updateTitle();
+        prepPaints();
+      };
+
+      if (!svgCanvas.setSvgString($$b('#svg_source_textarea').val())) {
+        $$b.confirm(uiStrings$1.notification.QerrorsRevertToSource, function (ok) {
+          if (!ok) {
+            return false;
+          }
+          saveChanges();
+        });
+      } else {
+        saveChanges();
+      }
+      setSelectMode();
+    };
+
+    var hideDocProperties = function hideDocProperties() {
+      $$b('#svg_docprops').hide();
+      $$b('#canvas_width,#canvas_height').removeAttr('disabled');
+      $$b('#resolution')[0].selectedIndex = 0;
+      $$b('#image_save_opts input').val([$$b.pref('img_save')]);
+      docprops = false;
+    };
+
+    var hidePreferences = function hidePreferences() {
+      $$b('#svg_prefs').hide();
+      preferences = false;
+    };
+
+    var saveDocProperties = function saveDocProperties() {
+      // set title
+      var newTitle = $$b('#canvas_title').val();
+      updateTitle(newTitle);
+      svgCanvas.setDocumentTitle(newTitle);
+
+      // update resolution
+      var width = $$b('#canvas_width'),
+          w = width.val();
+      var height = $$b('#canvas_height'),
+          h = height.val();
+
+      if (w !== 'fit' && !isValidUnit('width', w)) {
+        $$b.alert(uiStrings$1.notification.invalidAttrValGiven);
+        width.parent().addClass('error');
+        return false;
+      }
+
+      width.parent().removeClass('error');
+
+      if (h !== 'fit' && !isValidUnit('height', h)) {
+        $$b.alert(uiStrings$1.notification.invalidAttrValGiven);
+        height.parent().addClass('error');
+        return false;
+      }
+
+      height.parent().removeClass('error');
+
+      if (!svgCanvas.setResolution(w, h)) {
+        $$b.alert(uiStrings$1.notification.noContentToFitTo);
+        return false;
+      }
+
+      // Set image save option
+      $$b.pref('img_save', $$b('#image_save_opts :checked').val());
+      updateCanvas();
+      hideDocProperties();
+    };
+
+    /**
+    * Save user preferences based on current values in the UI
+    * @function module:SVGEditor.savePreferences
+    * @returns {undefined}
+    */
+    var savePreferences = editor.savePreferences = function () {
+      // Set background
+      var color = $$b('#bg_blocks div.cur_background').css('background-color') || '#FFF';
+      setBackground(color, $$b('#canvas_bg_url').val());
+
+      // set language
+      var lang = $$b('#lang_select').val();
+      if (lang !== $$b.pref('lang')) {
+        editor.putLocale(lang, goodLangs, curConfig);
+      }
+
+      // set icon size
+      setIconSize($$b('#iconsize').val());
+
+      // set grid setting
+      curConfig.gridSnapping = $$b('#grid_snapping_on')[0].checked;
+      curConfig.snappingStep = $$b('#grid_snapping_step').val();
+      curConfig.gridColor = $$b('#grid_color').val();
+      curConfig.showRulers = $$b('#show_rulers')[0].checked;
+
+      $$b('#rulers').toggle(curConfig.showRulers);
+      if (curConfig.showRulers) {
+        updateRulers();
+      }
+      curConfig.baseUnit = $$b('#base_unit').val();
+
+      svgCanvas.setConfig(curConfig);
+
+      updateCanvas();
+      hidePreferences();
+    };
+
+    var resetScrollPos = $$b.noop;
+
+    var cancelOverlays = function cancelOverlays() {
+      $$b('#dialog_box').hide();
+      if (!editingsource && !docprops && !preferences) {
+        if (curContext) {
+          svgCanvas.leaveContext();
+        }
+        return;
+      }
+
+      if (editingsource) {
+        if (origSource !== $$b('#svg_source_textarea').val()) {
+          $$b.confirm(uiStrings$1.notification.QignoreSourceChanges, function (ok) {
+            if (ok) {
+              hideSourceEditor();
+            }
+          });
+        } else {
+          hideSourceEditor();
+        }
+      } else if (docprops) {
+        hideDocProperties();
+      } else if (preferences) {
+        hidePreferences();
+      }
+      resetScrollPos();
+    };
+
+    var winWh = { width: $$b(window).width(), height: $$b(window).height() };
+
+    // Fix for Issue 781: Drawing area jumps to top-left corner on window resize (IE9)
+    if (isIE()) {
+      (function () {
+        resetScrollPos = function resetScrollPos() {
+          if (workarea[0].scrollLeft === 0 && workarea[0].scrollTop === 0) {
+            workarea[0].scrollLeft = curScrollPos.left;
+            workarea[0].scrollTop = curScrollPos.top;
+          }
+        };
+
+        curScrollPos = {
+          left: workarea[0].scrollLeft,
+          top: workarea[0].scrollTop
+        };
+
+        $$b(window).resize(resetScrollPos);
+        editor.ready(function () {
+          // TODO: Find better way to detect when to do this to minimize
+          // flickering effect
+          setTimeout(function () {
+            resetScrollPos();
+          }, 500);
+        });
+
+        workarea.scroll(function () {
+          curScrollPos = {
+            left: workarea[0].scrollLeft,
+            top: workarea[0].scrollTop
+          };
+        });
+      })();
+    }
+
+    $$b(window).resize(function (evt) {
+      $$b.each(winWh, function (type, val) {
+        var curval = $$b(window)[type]();
+        workarea[0]['scroll' + (type === 'width' ? 'Left' : 'Top')] -= (curval - val) / 2;
+        winWh[type] = curval;
+      });
+      setFlyoutPositions();
+    });
+
+    (function () {
+      workarea.scroll(function () {
+        // TODO: jQuery's scrollLeft/Top() wouldn't require a null check
+        if ($$b('#ruler_x').length) {
+          $$b('#ruler_x')[0].scrollLeft = workarea[0].scrollLeft;
+        }
+        if ($$b('#ruler_y').length) {
+          $$b('#ruler_y')[0].scrollTop = workarea[0].scrollTop;
+        }
+      });
+    })();
+
+    $$b('#url_notice').click(function () {
+      $$b.alert(this.title);
+    });
+
+    $$b('#change_image_url').click(promptImgURL);
+
+    // added these event handlers for all the push buttons so they
+    // behave more like buttons being pressed-in and not images
+    (function () {
+      var toolnames = ['clear', 'open', 'save', 'source', 'delete', 'delete_multi', 'paste', 'clone', 'clone_multi', 'move_top', 'move_bottom'];
+      var curClass = 'tool_button_current';
+
+      var allTools = '';
+
+      $$b.each(toolnames, function (i, item) {
+        allTools += (i ? ',' : '') + '#tool_' + item;
+      });
+
+      $$b(allTools).mousedown(function () {
+        $$b(this).addClass(curClass);
+      }).bind('mousedown mouseout', function () {
+        $$b(this).removeClass(curClass);
+      });
+
+      $$b('#tool_undo, #tool_redo').mousedown(function () {
+        if (!$$b(this).hasClass('disabled')) {
+          $$b(this).addClass(curClass);
+        }
+      }).bind('mousedown mouseout', function () {
+        $$b(this).removeClass(curClass);
+      });
+    })();
+
+    // switch modifier key in tooltips if mac
+    // NOTE: This code is not used yet until I can figure out how to successfully bind ctrl/meta
+    // in Opera and Chrome
+    if (isMac() && !window.opera) {
+      var shortcutButtons = ['tool_clear', 'tool_save', 'tool_source', 'tool_undo', 'tool_redo', 'tool_clone'];
+      var _i2 = shortcutButtons.length;
+      while (_i2--) {
+        var button = document.getElementById(shortcutButtons[_i2]);
+        if (button) {
+          var title = button.title;
+
+          var index = title.indexOf('Ctrl+');
+          button.title = [title.substr(0, index), 'Cmd+', title.substr(index + 5)].join('');
+        }
+      }
+    }
+
+    // TODO: go back to the color boxes having white background-color and then setting
+    //  background-image to none.png (otherwise partially transparent gradients look weird)
+    var colorPicker = function colorPicker(elem) {
+      var picker = elem.attr('id') === 'stroke_color' ? 'stroke' : 'fill';
+      // const opacity = (picker == 'stroke' ? $('#stroke_opacity') : $('#fill_opacity'));
+      var title = picker === 'stroke' ? uiStrings$1.ui.pick_stroke_paint_opacity : uiStrings$1.ui.pick_fill_paint_opacity;
+      // let wasNone = false; // Currently unused
+      var pos = elem.offset();
+      var paint = paintBox[picker].paint;
+
+      $$b('#color_picker').draggable({
+        cancel: '.jGraduate_tabs, .jGraduate_colPick, .jGraduate_gradPick, .jPicker',
+        containment: 'window'
+      }).css(curConfig.colorPickerCSS || { left: pos.left - 140, bottom: 40 }).jGraduate({
+        paint: paint,
+        window: { pickerTitle: title },
+        images: { clientPath: curConfig.jGraduatePath },
+        newstop: 'inverse'
+      }, function (p) {
+        paint = new $$b.jGraduate.Paint(p);
+        paintBox[picker].setPaint(paint);
+        svgCanvas.setPaint(picker, paint);
+        $$b('#color_picker').hide();
+      }, function () {
+        $$b('#color_picker').hide();
+      });
+    };
+
+    var PaintBox = function PaintBox(container, type) {
+      var paintColor = void 0,
+          paintOpacity = void 0;
+      var cur = curConfig[type === 'fill' ? 'initFill' : 'initStroke'];
+      // set up gradients to be used for the buttons
+      var svgdocbox = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg">\n        <rect width="16.5" height="16.5"\n          fill="#' + cur.color + '" opacity="' + cur.opacity + '"/>\n        <defs><linearGradient id="gradbox_"/></defs>\n      </svg>', 'text/xml');
+
+      var docElem = svgdocbox.documentElement;
+      docElem = $$b(container)[0].appendChild(document.importNode(docElem, true));
+      docElem.setAttribute('width', 16.5);
+
+      this.rect = docElem.firstElementChild;
+      this.defs = docElem.getElementsByTagName('defs')[0];
+      this.grad = this.defs.firstElementChild;
+      this.paint = new $$b.jGraduate.Paint({ solidColor: cur.color });
+      this.type = type;
+
+      this.setPaint = function (paint, apply) {
+        this.paint = paint;
+
+        var ptype = paint.type;
+        var opac = paint.alpha / 100;
+
+        var fillAttr = 'none';
+        switch (ptype) {
+          case 'solidColor':
+            fillAttr = paint[ptype] !== 'none' ? '#' + paint[ptype] : paint[ptype];
+            break;
+          case 'linearGradient':
+          case 'radialGradient':
+            this.grad.remove();
+            this.grad = this.defs.appendChild(paint[ptype]);
+            var id = this.grad.id = 'gradbox_' + this.type;
+            fillAttr = 'url(#' + id + ')';
+            break;
+        }
+
+        this.rect.setAttribute('fill', fillAttr);
+        this.rect.setAttribute('opacity', opac);
+
+        if (apply) {
+          svgCanvas.setColor(this.type, paintColor, true);
+          svgCanvas.setPaintOpacity(this.type, paintOpacity, true);
+        }
+      };
+
+      this.update = function (apply) {
+        if (!selectedElement) {
+          return;
+        }
+
+        var type = this.type;
+
+        switch (selectedElement.tagName) {
+          case 'use':
+          case 'image':
+          case 'foreignObject':
+            // These elements don't have fill or stroke, so don't change
+            // the current value
+            return;
+          case 'g':
+          case 'a':
+            {
+              var childs = selectedElement.getElementsByTagName('*');
+
+              var gPaint = null;
+              for (var _i3 = 0, len = childs.length; _i3 < len; _i3++) {
+                var elem = childs[_i3];
+                var p = elem.getAttribute(type);
+                if (_i3 === 0) {
+                  gPaint = p;
+                } else if (gPaint !== p) {
+                  gPaint = null;
+                  break;
+                }
+              }
+
+              if (gPaint === null) {
+                // No common color, don't update anything
+                paintColor = null;
+                return;
+              }
+              paintColor = gPaint;
+              paintOpacity = 1;
+              break;
+            }default:
+            paintOpacity = parseFloat(selectedElement.getAttribute(type + '-opacity'));
+            if (isNaN(paintOpacity)) {
+              paintOpacity = 1.0;
+            }
+
+            var defColor = type === 'fill' ? 'black' : 'none';
+            paintColor = selectedElement.getAttribute(type) || defColor;
+        }
+
+        if (apply) {
+          svgCanvas.setColor(type, paintColor, true);
+          svgCanvas.setPaintOpacity(type, paintOpacity, true);
+        }
+
+        paintOpacity *= 100;
+
+        var paint = getPaint(paintColor, paintOpacity, type);
+        // update the rect inside #fill_color/#stroke_color
+        this.setPaint(paint);
+      };
+
+      this.prep = function () {
+        var ptype = this.paint.type;
+
+        switch (ptype) {
+          case 'linearGradient':
+          case 'radialGradient':
+            var paint = new $$b.jGraduate.Paint({ copy: this.paint });
+            svgCanvas.setPaint(type, paint);
+            break;
+        }
+      };
+    };
+
+    paintBox.fill = new PaintBox('#fill_color', 'fill');
+    paintBox.stroke = new PaintBox('#stroke_color', 'stroke');
+
+    $$b('#stroke_width').val(curConfig.initStroke.width);
+    $$b('#group_opacity').val(curConfig.initOpacity * 100);
+
+    // Use this SVG elem to test vectorEffect support
+    var testEl = paintBox.fill.rect.cloneNode(false);
+    testEl.setAttribute('style', 'vector-effect:non-scaling-stroke');
+    var supportsNonSS = testEl.style.vectorEffect === 'non-scaling-stroke';
+    testEl.removeAttribute('style');
+    var svgdocbox = paintBox.fill.rect.ownerDocument;
+    // Use this to test support for blur element. Seems to work to test support in Webkit
+    var blurTest = svgdocbox.createElementNS(NS.SVG, 'feGaussianBlur');
+    if (blurTest.stdDeviationX === undefined) {
+      $$b('#tool_blur').hide();
+    }
+    $$b(blurTest).remove();
+
+    // Test for zoom icon support
+    (function () {
+      var pre = '-' + uaPrefix.toLowerCase() + '-zoom-';
+      var zoom = pre + 'in';
+      workarea.css('cursor', zoom);
+      if (workarea.css('cursor') === zoom) {
+        zoomInIcon = zoom;
+        zoomOutIcon = pre + 'out';
+      }
+      workarea.css('cursor', 'auto');
+    })();
+
+    // Test for embedImage support (use timeout to not interfere with page load)
+    setTimeout(function () {
+      svgCanvas.embedImage('images/logo.png', function (datauri) {
+        if (!datauri) {
+          // Disable option
+          $$b('#image_save_opts [value=embed]').attr('disabled', 'disabled');
+          $$b('#image_save_opts input').val(['ref']);
+          $$b.pref('img_save', 'ref');
+          $$b('#image_opt_embed').css('color', '#666').attr('title', uiStrings$1.notification.featNotSupported);
+        }
+      });
+    }, 1000);
+
+    $$b('#fill_color, #tool_fill .icon_label').click(function () {
+      colorPicker($$b('#fill_color'));
+      updateToolButtonState();
+    });
+
+    $$b('#stroke_color, #tool_stroke .icon_label').click(function () {
+      colorPicker($$b('#stroke_color'));
+      updateToolButtonState();
+    });
+
+    $$b('#group_opacityLabel').click(function () {
+      $$b('#opacity_dropdown button').mousedown();
+      $$b(window).mouseup();
+    });
+
+    $$b('#zoomLabel').click(function () {
+      $$b('#zoom_dropdown button').mousedown();
+      $$b(window).mouseup();
+    });
+
+    $$b('#tool_move_top').mousedown(function (evt) {
+      $$b('#tools_stacking').show();
+      evt.preventDefault();
+    });
+
+    $$b('.layer_button').mousedown(function () {
+      $$b(this).addClass('layer_buttonpressed');
+    }).mouseout(function () {
+      $$b(this).removeClass('layer_buttonpressed');
+    }).mouseup(function () {
+      $$b(this).removeClass('layer_buttonpressed');
+    });
+
+    $$b('.push_button').mousedown(function () {
+      if (!$$b(this).hasClass('disabled')) {
+        $$b(this).addClass('push_button_pressed').removeClass('push_button');
+      }
+    }).mouseout(function () {
+      $$b(this).removeClass('push_button_pressed').addClass('push_button');
+    }).mouseup(function () {
+      $$b(this).removeClass('push_button_pressed').addClass('push_button');
+    });
+
+    // ask for a layer name
+    $$b('#layer_new').click(function () {
+      var uniqName = void 0,
+          i = svgCanvas.getCurrentDrawing().getNumLayers();
+      do {
+        uniqName = uiStrings$1.layers.layer + ' ' + ++i;
+      } while (svgCanvas.getCurrentDrawing().hasLayer(uniqName));
+
+      $$b.prompt(uiStrings$1.notification.enterUniqueLayerName, uniqName, function (newName) {
+        if (!newName) {
+          return;
+        }
+        if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+          $$b.alert(uiStrings$1.notification.dupeLayerName);
+          return;
+        }
+        svgCanvas.createLayer(newName);
+        updateContextPanel();
+        populateLayers();
+      });
+    });
+
+    function deleteLayer() {
+      if (svgCanvas.deleteCurrentLayer()) {
+        updateContextPanel();
+        populateLayers();
+        // This matches what SvgCanvas does
+        // TODO: make this behavior less brittle (svg-editor should get which
+        // layer is selected from the canvas and then select that one in the UI)
+        $$b('#layerlist tr.layer').removeClass('layersel');
+        $$b('#layerlist tr.layer:first').addClass('layersel');
+      }
+    }
+
+    function cloneLayer() {
+      var name = svgCanvas.getCurrentDrawing().getCurrentLayerName() + ' copy';
+
+      $$b.prompt(uiStrings$1.notification.enterUniqueLayerName, name, function (newName) {
+        if (!newName) {
+          return;
+        }
+        if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+          $$b.alert(uiStrings$1.notification.dupeLayerName);
+          return;
+        }
+        svgCanvas.cloneLayer(newName);
+        updateContextPanel();
+        populateLayers();
+      });
+    }
+
+    function mergeLayer() {
+      if ($$b('#layerlist tr.layersel').index() === svgCanvas.getCurrentDrawing().getNumLayers() - 1) {
+        return;
+      }
+      svgCanvas.mergeLayer();
+      updateContextPanel();
+      populateLayers();
+    }
+
+    function moveLayer(pos) {
+      var total = svgCanvas.getCurrentDrawing().getNumLayers();
+
+      var curIndex = $$b('#layerlist tr.layersel').index();
+      if (curIndex > 0 || curIndex < total - 1) {
+        curIndex += pos;
+        svgCanvas.setCurrentLayerPosition(total - curIndex - 1);
+        populateLayers();
+      }
+    }
+
+    $$b('#layer_delete').click(deleteLayer);
+
+    $$b('#layer_up').click(function () {
+      moveLayer(-1);
+    });
+
+    $$b('#layer_down').click(function () {
+      moveLayer(1);
+    });
+
+    $$b('#layer_rename').click(function () {
+      // const curIndex = $('#layerlist tr.layersel').prevAll().length; // Currently unused
+      var oldName = $$b('#layerlist tr.layersel td.layername').text();
+      $$b.prompt(uiStrings$1.notification.enterNewLayerName, '', function (newName) {
+        if (!newName) {
+          return;
+        }
+        if (oldName === newName || svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+          $$b.alert(uiStrings$1.notification.layerHasThatName);
+          return;
+        }
+
+        svgCanvas.renameCurrentLayer(newName);
+        populateLayers();
+      });
+    });
+
+    var SIDEPANEL_MAXWIDTH = 300;
+    var SIDEPANEL_OPENWIDTH = 150;
+    var sidedrag = -1,
+        sidedragging = false,
+        allowmove = false;
+
+    /**
+     * @param {Float} delta
+     * @fires module:svgcanvas.SvgCanvas#event:ext-workareaResized
+     * @returns {undefined}
+     */
+    var changeSidePanelWidth = function changeSidePanelWidth(delta) {
+      var rulerX = $$b('#ruler_x');
+      $$b('#sidepanels').width('+=' + delta);
+      $$b('#layerpanel').width('+=' + delta);
+      rulerX.css('right', parseInt(rulerX.css('right'), 10) + delta);
+      workarea.css('right', parseInt(workarea.css('right'), 10) + delta);
+      svgCanvas.runExtensions('workareaResized');
+    };
+
+    var resizeSidePanel = function resizeSidePanel(evt) {
+      if (!allowmove) {
+        return;
+      }
+      if (sidedrag === -1) {
+        return;
+      }
+      sidedragging = true;
+      var deltaX = sidedrag - evt.pageX;
+      var sideWidth = $$b('#sidepanels').width();
+      if (sideWidth + deltaX > SIDEPANEL_MAXWIDTH) {
+        deltaX = SIDEPANEL_MAXWIDTH - sideWidth;
+        sideWidth = SIDEPANEL_MAXWIDTH;
+      } else if (sideWidth + deltaX < 2) {
+        deltaX = 2 - sideWidth;
+        sideWidth = 2;
+      }
+      if (deltaX === 0) {
+        return;
+      }
+      sidedrag -= deltaX;
+      changeSidePanelWidth(deltaX);
+    };
+
+    /**
+     * If width is non-zero, then fully close it, otherwise fully open it
+     * @param {boolean} close Forces the side panel closed
+     * @returns {undefined}
+     */
+    var toggleSidePanel = function toggleSidePanel(close) {
+      var w = $$b('#sidepanels').width();
+      var deltaX = (w > 2 || close ? 2 : SIDEPANEL_OPENWIDTH) - w;
+      changeSidePanelWidth(deltaX);
+    };
+
+    $$b('#sidepanel_handle').mousedown(function (evt) {
+      sidedrag = evt.pageX;
+      $$b(window).mousemove(resizeSidePanel);
+      allowmove = false;
+      // Silly hack for Chrome, which always runs mousemove right after mousedown
+      setTimeout(function () {
+        allowmove = true;
+      }, 20);
+    }).mouseup(function (evt) {
+      if (!sidedragging) {
+        toggleSidePanel();
+      }
+      sidedrag = -1;
+      sidedragging = false;
+    });
+
+    $$b(window).mouseup(function () {
+      sidedrag = -1;
+      sidedragging = false;
+      $$b('#svg_editor').unbind('mousemove', resizeSidePanel);
+    });
+
+    populateLayers();
+
+    // function changeResolution (x,y) {
+    //   const {zoom} = svgCanvas.getResolution();
+    //   setResolution(x * zoom, y * zoom);
+    // }
+
+    var centerCanvas = function centerCanvas() {
+      // this centers the canvas vertically in the workarea (horizontal handled in CSS)
+      workarea.css('line-height', workarea.height() + 'px');
+    };
+
+    $$b(window).bind('load resize', centerCanvas);
+
+    function stepFontSize(elem, step) {
+      var origVal = Number(elem.value);
+      var sugVal = origVal + step;
+      var increasing = sugVal >= origVal;
+      if (step === 0) {
+        return origVal;
+      }
+
+      if (origVal >= 24) {
+        if (increasing) {
+          return Math.round(origVal * 1.1);
+        }
+        return Math.round(origVal / 1.1);
+      }
+      if (origVal <= 1) {
+        if (increasing) {
+          return origVal * 2;
+        }
+        return origVal / 2;
+      }
+      return sugVal;
+    }
+
+    function stepZoom(elem, step) {
+      var origVal = Number(elem.value);
+      if (origVal === 0) {
+        return 100;
+      }
+      var sugVal = origVal + step;
+      if (step === 0) {
+        return origVal;
+      }
+
+      if (origVal >= 100) {
+        return sugVal;
+      }
+      if (sugVal >= origVal) {
+        return origVal * 2;
+      }
+      return origVal / 2;
+    }
+
+    // function setResolution (w, h, center) {
+    //   updateCanvas();
+    //   // w -= 0; h -= 0;
+    //   // $('#svgcanvas').css({width: w, height: h});
+    //   // $('#canvas_width').val(w);
+    //   // $('#canvas_height').val(h);
+    //   //
+    //   // if (center) {
+    //   //   const wArea = workarea;
+    //   //   const scrollY = h/2 - wArea.height()/2;
+    //   //   const scrollX = w/2 - wArea.width()/2;
+    //   //   wArea[0].scrollTop = scrollY;
+    //   //   wArea[0].scrollLeft = scrollX;
+    //   // }
+    // }
+
+    $$b('#resolution').change(function () {
+      var wh = $$b('#canvas_width,#canvas_height');
+      if (!this.selectedIndex) {
+        if ($$b('#canvas_width').val() === 'fit') {
+          wh.removeAttr('disabled').val(100);
+        }
+      } else if (this.value === 'content') {
+        wh.val('fit').attr('disabled', 'disabled');
+      } else {
+        var dims = this.value.split('x');
+        $$b('#canvas_width').val(dims[0]);
+        $$b('#canvas_height').val(dims[1]);
+        wh.removeAttr('disabled');
+      }
+    });
+
+    // Prevent browser from erroneously repopulating fields
+    $$b('input,select').attr('autocomplete', 'off');
+
+    /**
+     * Associate all button actions as well as non-button keyboard shortcuts
+     * @namespace {PlainObject} module:SVGEditor~Actions
+     */
+    var Actions = function () {
+      /**
+      * @typedef {PlainObject} module:SVGEditor.ToolButton
+      * @property {string} sel The CSS selector for the tool
+      * @property {external:jQuery.Function} fn A handler to be attached to the `evt`
+      * @property {string} evt The event for which the `fn` listener will be added
+      * @property {module:SVGEditor.Key} [key] [key, preventDefault, NoDisableInInput]
+      * @property {string} [parent] Selector
+      * @property {boolean} [hidekey] Whether to show key value in title
+      * @property {string} [icon] The button ID
+      * @property {boolean} isDefault For flyout holders
+      */
+      /**
+       *
+       * @name module:SVGEditor~ToolButtons
+       * @type {module:SVGEditor.ToolButton[]}
+       */
+      var toolButtons = [{ sel: '#tool_select', fn: clickSelect, evt: 'click', key: ['V', true] }, { sel: '#tool_fhpath', fn: clickFHPath, evt: 'click', key: ['Q', true] }, { sel: '#tool_line', fn: clickLine, evt: 'click', key: ['L', true], parent: '#tools_line', prepend: true }, { sel: '#tool_rect', fn: clickRect, evt: 'mouseup',
+        key: ['R', true], parent: '#tools_rect', icon: 'rect' }, { sel: '#tool_square', fn: clickSquare, evt: 'mouseup',
+        parent: '#tools_rect', icon: 'square' }, { sel: '#tool_fhrect', fn: clickFHRect, evt: 'mouseup',
+        parent: '#tools_rect', icon: 'fh_rect' }, { sel: '#tool_ellipse', fn: clickEllipse, evt: 'mouseup',
+        key: ['E', true], parent: '#tools_ellipse', icon: 'ellipse' }, { sel: '#tool_circle', fn: clickCircle, evt: 'mouseup',
+        parent: '#tools_ellipse', icon: 'circle' }, { sel: '#tool_fhellipse', fn: clickFHEllipse, evt: 'mouseup',
+        parent: '#tools_ellipse', icon: 'fh_ellipse' }, { sel: '#tool_path', fn: clickPath, evt: 'click', key: ['P', true] }, { sel: '#tool_text', fn: clickText, evt: 'click', key: ['T', true] }, { sel: '#tool_image', fn: clickImage, evt: 'mouseup' }, { sel: '#tool_zoom', fn: clickZoom, evt: 'mouseup', key: ['Z', true] }, { sel: '#tool_clear', fn: clickClear, evt: 'mouseup', key: ['N', true] }, { sel: '#tool_save', fn: function fn() {
+          if (editingsource) {
+            saveSourceEditor();
+          } else {
+            clickSave();
+          }
+        },
+        evt: 'mouseup', key: ['S', true] }, { sel: '#tool_export', fn: clickExport, evt: 'mouseup' }, { sel: '#tool_open', fn: clickOpen, evt: 'mouseup', key: ['O', true] }, { sel: '#tool_import', fn: clickImport, evt: 'mouseup' }, { sel: '#tool_source', fn: showSourceEditor, evt: 'click', key: ['U', true] }, { sel: '#tool_wireframe', fn: clickWireframe, evt: 'click', key: ['F', true] }, { sel: '#tool_source_cancel,.overlay,#tool_docprops_cancel,#tool_prefs_cancel',
+        fn: cancelOverlays, evt: 'click', key: ['esc', false, false], hidekey: true }, { sel: '#tool_source_save', fn: saveSourceEditor, evt: 'click' }, { sel: '#tool_docprops_save', fn: saveDocProperties, evt: 'click' }, { sel: '#tool_docprops', fn: showDocProperties, evt: 'mouseup' }, { sel: '#tool_prefs_save', fn: savePreferences, evt: 'click' }, { sel: '#tool_prefs_option', fn: function fn() {
+          showPreferences();return false;
+        },
+        evt: 'mouseup' }, { sel: '#tool_delete,#tool_delete_multi', fn: deleteSelected,
+        evt: 'click', key: ['del/backspace', true] }, { sel: '#tool_reorient', fn: reorientPath, evt: 'click' }, { sel: '#tool_node_link', fn: linkControlPoints, evt: 'click' }, { sel: '#tool_node_clone', fn: clonePathNode, evt: 'click' }, { sel: '#tool_node_delete', fn: deletePathNode, evt: 'click' }, { sel: '#tool_openclose_path', fn: opencloseSubPath, evt: 'click' }, { sel: '#tool_add_subpath', fn: addSubPath, evt: 'click' }, { sel: '#tool_move_top', fn: moveToTopSelected, evt: 'click', key: 'ctrl+shift+]' }, { sel: '#tool_move_bottom', fn: moveToBottomSelected, evt: 'click', key: 'ctrl+shift+[' }, { sel: '#tool_topath', fn: convertToPath$$1, evt: 'click' }, { sel: '#tool_make_link,#tool_make_link_multi', fn: makeHyperlink, evt: 'click' }, { sel: '#tool_undo', fn: clickUndo, evt: 'click' }, { sel: '#tool_redo', fn: clickRedo, evt: 'click' }, { sel: '#tool_clone,#tool_clone_multi', fn: clickClone, evt: 'click', key: ['D', true] }, { sel: '#tool_group_elements', fn: clickGroup, evt: 'click', key: ['G', true] }, { sel: '#tool_ungroup', fn: clickGroup, evt: 'click' }, { sel: '#tool_unlink_use', fn: clickGroup, evt: 'click' }, { sel: '[id^=tool_align]', fn: clickAlign, evt: 'click' },
+      // these two lines are required to make Opera work properly with the flyout mechanism
+      // {sel: '#tools_rect_show', fn: clickRect, evt: 'click'},
+      // {sel: '#tools_ellipse_show', fn: clickEllipse, evt: 'click'},
+      { sel: '#tool_bold', fn: clickBold, evt: 'mousedown' }, { sel: '#tool_italic', fn: clickItalic, evt: 'mousedown' }, { sel: '#sidepanel_handle', fn: toggleSidePanel, key: ['X'] }, { sel: '#copy_save_done', fn: cancelOverlays, evt: 'click' },
+
+      // Shortcuts not associated with buttons
+
+      { key: 'ctrl+left', fn: function fn() {
+          rotateSelected(0, 1);
+        }
+      }, { key: 'ctrl+right', fn: function fn() {
+          rotateSelected(1, 1);
+        }
+      }, { key: 'ctrl+shift+left', fn: function fn() {
+          rotateSelected(0, 5);
+        }
+      }, { key: 'ctrl+shift+right', fn: function fn() {
+          rotateSelected(1, 5);
+        }
+      }, { key: 'shift+O', fn: selectPrev }, { key: 'shift+P', fn: selectNext }, { key: [modKey + 'up', true], fn: function fn() {
+          zoomImage(2);
+        }
+      }, { key: [modKey + 'down', true], fn: function fn() {
+          zoomImage(0.5);
+        }
+      }, { key: [modKey + ']', true], fn: function fn() {
+          moveUpDownSelected('Up');
+        }
+      }, { key: [modKey + '[', true], fn: function fn() {
+          moveUpDownSelected('Down');
+        }
+      }, { key: ['up', true], fn: function fn() {
+          moveSelected(0, -1);
+        }
+      }, { key: ['down', true], fn: function fn() {
+          moveSelected(0, 1);
+        }
+      }, { key: ['left', true], fn: function fn() {
+          moveSelected(-1, 0);
+        }
+      }, { key: ['right', true], fn: function fn() {
+          moveSelected(1, 0);
+        }
+      }, { key: 'shift+up', fn: function fn() {
+          moveSelected(0, -10);
+        }
+      }, { key: 'shift+down', fn: function fn() {
+          moveSelected(0, 10);
+        }
+      }, { key: 'shift+left', fn: function fn() {
+          moveSelected(-10, 0);
+        }
+      }, { key: 'shift+right', fn: function fn() {
+          moveSelected(10, 0);
+        }
+      }, { key: ['alt+up', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(0, -1);
+        }
+      }, { key: ['alt+down', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(0, 1);
+        }
+      }, { key: ['alt+left', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(-1, 0);
+        }
+      }, { key: ['alt+right', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(1, 0);
+        }
+      }, { key: ['alt+shift+up', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(0, -10);
+        }
+      }, { key: ['alt+shift+down', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(0, 10);
+        }
+      }, { key: ['alt+shift+left', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(-10, 0);
+        }
+      }, { key: ['alt+shift+right', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(10, 0);
+        }
+      }, { key: 'A', fn: function fn() {
+          svgCanvas.selectAllInCurrentLayer();
+        }
+      },
+
+      // Standard shortcuts
+      { key: modKey + 'z', fn: clickUndo }, { key: modKey + 'shift+z', fn: clickRedo }, { key: modKey + 'y', fn: clickRedo }, { key: modKey + 'x', fn: cutSelected }, { key: modKey + 'c', fn: copySelected }, { key: modKey + 'v', fn: pasteInCenter }];
+
+      // Tooltips not directly associated with a single function
+      var keyAssocs = {
+        '4/Shift+4': '#tools_rect_show',
+        '5/Shift+5': '#tools_ellipse_show'
+      };
+
+      return {
+        /** @lends module:SVGEditor~Actions */
+        /**
+         * @returns {undefined}
+         */
+        setAll: function setAll() {
+          var flyouts = {};
+
+          $$b.each(toolButtons, function (i, opts) {
+            // Bind function to button
+            var btn = void 0;
+            if (opts.sel) {
+              btn = $$b(opts.sel);
+              if (!btn.length) {
+                return true;
+              } // Skip if markup does not exist
+              if (opts.evt) {
+                if (isTouch() && opts.evt === 'click') {
+                  opts.evt = 'mousedown';
+                }
+                btn[opts.evt](opts.fn);
+              }
+
+              // Add to parent flyout menu, if able to be displayed
+              if (opts.parent && $$b(opts.parent + '_show').length) {
+                var fH = $$b(opts.parent);
+                if (!fH.length) {
+                  fH = makeFlyoutHolder(opts.parent.substr(1));
+                }
+                if (opts.prepend) {
+                  btn[0].style.margin = 'initial';
+                }
+                fH[opts.prepend ? 'prepend' : 'append'](btn);
+
+                if (!Array.isArray(flyouts[opts.parent])) {
+                  flyouts[opts.parent] = [];
+                }
+                flyouts[opts.parent].push(opts);
+              }
+            }
+
+            // Bind function to shortcut key
+            if (opts.key) {
+              // Set shortcut based on options
+              var keyval = void 0,
+
+              // disInInp = true,
+              pd = false;
+              if (Array.isArray(opts.key)) {
+                keyval = opts.key[0];
+                if (opts.key.length > 1) {
+                  pd = opts.key[1];
+                }
+                // if (opts.key.length > 2) { disInInp = opts.key[2]; }
+              } else {
+                keyval = opts.key;
+              }
+              keyval += '';
+
+              var fn = opts.fn;
+
+              $$b.each(keyval.split('/'), function (i, key) {
+                $$b(document).bind('keydown', key, function (e) {
+                  fn();
+                  if (pd) {
+                    e.preventDefault();
+                  }
+                  // Prevent default on ALL keys?
+                  return false;
+                });
+              });
+
+              // Put shortcut in title
+              if (opts.sel && !opts.hidekey && btn.attr('title')) {
+                var newTitle = btn.attr('title').split('[')[0] + ' (' + keyval + ')';
+                keyAssocs[keyval] = opts.sel;
+                // Disregard for menu items
+                if (!btn.parents('#main_menu').length) {
+                  btn.attr('title', newTitle);
+                }
+              }
+            }
+          });
+
+          // Setup flyouts
+          setupFlyouts(flyouts);
+
+          // Misc additional actions
+
+          // Make 'return' keypress trigger the change event
+          $$b('.attr_changer, #image_url').bind('keydown', 'return', function (evt) {
+            $$b(this).change();
+            evt.preventDefault();
+          });
+
+          $$b(window).bind('keydown', 'tab', function (e) {
+            if (uiContext === 'canvas') {
+              e.preventDefault();
+              selectNext();
+            }
+          }).bind('keydown', 'shift+tab', function (e) {
+            if (uiContext === 'canvas') {
+              e.preventDefault();
+              selectPrev();
+            }
+          });
+
+          $$b('#tool_zoom').dblclick(dblclickZoom);
+        },
+
+        /**
+         * @returns {undefined}
+         */
+        setTitles: function setTitles() {
+          $$b.each(keyAssocs, function (keyval, sel) {
+            var menu = $$b(sel).parents('#main_menu').length;
+
+            $$b(sel).each(function () {
+              var t = void 0;
+              if (menu) {
+                t = $$b(this).text().split(' [')[0];
+              } else {
+                t = this.title.split(' [')[0];
+              }
+              var keyStr = '';
+              // Shift+Up
+              $$b.each(keyval.split('/'), function (i, key) {
+                var modBits = key.split('+');
+                var mod = '';
+                if (modBits.length > 1) {
+                  mod = modBits[0] + '+';
+                  key = modBits[1];
+                }
+                keyStr += (i ? '/' : '') + mod + (uiStrings$1['key_' + key] || key);
+              });
+              if (menu) {
+                this.lastChild.textContent = t + ' [' + keyStr + ']';
+              } else {
+                this.title = t + ' [' + keyStr + ']';
+              }
+            });
+          });
+        },
+
+        /**
+         * @param {string} sel Selector to match
+         * @returns {module:SVGEditor.ToolButton}
+         */
+        getButtonData: function getButtonData(sel) {
+          return Object.values(toolButtons).find(function (btn) {
+            return btn.sel === sel;
+          });
+        }
+      };
+    }();
+
+    // Select given tool
+    editor.ready(function () {
+      var tool = void 0;
+      var itool = curConfig.initTool,
+          container = $$b('#tools_left, #svg_editor .tools_flyout'),
+          preTool = container.find('#tool_' + itool),
+          regTool = container.find('#' + itool);
+      if (preTool.length) {
+        tool = preTool;
+      } else if (regTool.length) {
+        tool = regTool;
+      } else {
+        tool = $$b('#tool_select');
+      }
+      tool.click().mouseup();
+
+      if (curConfig.wireframe) {
+        $$b('#tool_wireframe').click();
+      }
+
+      if (curConfig.showlayers) {
+        toggleSidePanel();
+      }
+
+      $$b('#rulers').toggle(!!curConfig.showRulers);
+
+      if (curConfig.showRulers) {
+        $$b('#show_rulers')[0].checked = true;
+      }
+
+      if (curConfig.baseUnit) {
+        $$b('#base_unit').val(curConfig.baseUnit);
+      }
+
+      if (curConfig.gridSnapping) {
+        $$b('#grid_snapping_on')[0].checked = true;
+      }
+
+      if (curConfig.snappingStep) {
+        $$b('#grid_snapping_step').val(curConfig.snappingStep);
+      }
+
+      if (curConfig.gridColor) {
+        $$b('#grid_color').val(curConfig.gridColor);
+      }
+    });
+
+    // init SpinButtons
+    $$b('#rect_rx').SpinButton({ min: 0, max: 1000, stateObj: stateObj, callback: changeRectRadius });
+    $$b('#stroke_width').SpinButton({ min: 0, max: 99, smallStep: 0.1, stateObj: stateObj, callback: changeStrokeWidth });
+    $$b('#angle').SpinButton({ min: -180, max: 180, step: 5, stateObj: stateObj, callback: changeRotationAngle });
+    $$b('#font_size').SpinButton({ min: 0.001, stepfunc: stepFontSize, stateObj: stateObj, callback: changeFontSize });
+    $$b('#group_opacity').SpinButton({ min: 0, max: 100, step: 5, stateObj: stateObj, callback: changeOpacity });
+    $$b('#blur').SpinButton({ min: 0, max: 10, step: 0.1, stateObj: stateObj, callback: changeBlur });
+    $$b('#zoom').SpinButton({ min: 0.001, max: 10000, step: 50, stepfunc: stepZoom, stateObj: stateObj, callback: changeZoom })
+    // Set default zoom
+    .val(svgCanvas.getZoom() * 100);
+
+    $$b('#workarea').contextMenu({
+      menu: 'cmenu_canvas',
+      inSpeed: 0
+    }, function (action, el, pos) {
+      switch (action) {
+        case 'delete':
+          deleteSelected();
+          break;
+        case 'cut':
+          cutSelected();
+          break;
+        case 'copy':
+          copySelected();
+          break;
+        case 'paste':
+          svgCanvas.pasteElements();
+          break;
+        case 'paste_in_place':
+          svgCanvas.pasteElements('in_place');
+          break;
+        case 'group':
+        case 'group_elements':
+          svgCanvas.groupSelectedElements();
+          break;
+        case 'ungroup':
+          svgCanvas.ungroupSelectedElement();
+          break;
+        case 'move_front':
+          moveToTopSelected();
+          break;
+        case 'move_up':
+          moveUpDownSelected('Up');
+          break;
+        case 'move_down':
+          moveUpDownSelected('Down');
+          break;
+        case 'move_back':
+          moveToBottomSelected();
+          break;
+        default:
+          if (hasCustomHandler(action)) {
+            getCustomHandler(action).call();
+          }
+          break;
+      }
+    });
+
+    var lmenuFunc = function lmenuFunc(action, el, pos) {
+      switch (action) {
+        case 'dupe':
+          cloneLayer();
+          break;
+        case 'delete':
+          deleteLayer();
+          break;
+        case 'merge_down':
+          mergeLayer();
+          break;
+        case 'merge_all':
+          svgCanvas.mergeAllLayers();
+          updateContextPanel();
+          populateLayers();
+          break;
+      }
+    };
+
+    $$b('#layerlist').contextMenu({
+      menu: 'cmenu_layers',
+      inSpeed: 0
+    }, lmenuFunc);
+
+    $$b('#layer_moreopts').contextMenu({
+      menu: 'cmenu_layers',
+      inSpeed: 0,
+      allowLeft: true
+    }, lmenuFunc);
+
+    $$b('.contextMenu li').mousedown(function (ev) {
+      ev.preventDefault();
+    });
+
+    $$b('#cmenu_canvas li').disableContextMenu();
+    canvMenu.enableContextMenuItems('#delete,#cut,#copy');
+
+    function enableOrDisableClipboard() {
+      var svgeditClipboard = void 0;
+      try {
+        svgeditClipboard = localStorage.getItem('svgedit_clipboard');
+      } catch (err) {}
+      canvMenu[(svgeditClipboard ? 'en' : 'dis') + 'ableContextMenuItems']('#paste,#paste_in_place');
+    }
+    enableOrDisableClipboard();
+
+    window.addEventListener('storage', function (e) {
+      if (e.key !== 'svgedit_clipboard') {
+        return;
+      }
+
+      enableOrDisableClipboard();
+    });
+
+    window.addEventListener('beforeunload', function (e) {
+      // Suppress warning if page is empty
+      if (undoMgr.getUndoStackSize() === 0) {
+        editor.showSaveWarning = false;
+      }
+
+      // showSaveWarning is set to 'false' when the page is saved.
+      if (!curConfig.no_save_warning && editor.showSaveWarning) {
+        // Browser already asks question about closing the page
+        e.returnValue = uiStrings$1.notification.unsavedChanges; // Firefox needs this when beforeunload set by addEventListener (even though message is not used)
+        return uiStrings$1.notification.unsavedChanges;
+      }
+    }, false);
+
+    /**
+    * Expose the uiStrings
+    * @function module:SVGEditor.canvas.getUIStrings
+    * @returns {module:SVGEditor.uiStrings}
+    */
+    editor.canvas.getUIStrings = function () {
+      return uiStrings$1;
+    };
+
+    /**
+    * @callback module:SVGEditor.OpenPrepCallback
+    * @param {boolean} noChanges
+    * @returns {undefined}
+    */
+    /**
+    * @param {module:SVGEditor.OpenPrepCallback} func Confirmation dialog callback
+    * @returns {undefined}
+    */
+    editor.openPrep = function (func) {
+      $$b('#main_menu').hide();
+      if (undoMgr.getUndoStackSize() === 0) {
+        func(true);
+      } else {
+        $$b.confirm(uiStrings$1.notification.QwantToOpen, func);
+      }
+    };
+
+    function onDragEnter(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      // and indicator should be displayed here, such as "drop files here"
+    }
+
+    function onDragOver(e) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+
+    function onDragLeave(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      // hypothetical indicator should be removed here
+    }
+    // Use HTML5 File API: http://www.w3.org/TR/FileAPI/
+    // if browser has HTML5 File API support, then we will show the open menu item
+    // and provide a file input to click. When that change event fires, it will
+    // get the text contents of the file and send it to the canvas
+    if (window.FileReader) {
+      var importImage = function importImage(e) {
+        $$b.process_cancel(uiStrings$1.notification.loadingImage);
+        e.stopPropagation();
+        e.preventDefault();
+        $$b('#workarea').removeAttr('style');
+        $$b('#main_menu').hide();
+        var file = e.type === 'drop' ? e.dataTransfer.files[0] : this.files[0];
+        if (!file) {
+          $$b('#dialog_box').hide();
+          return;
+        }
+        /* if (file.type === 'application/pdf') { // Todo: Handle PDF imports
+         }
+        else */
+        if (file.type.includes('image')) {
+          // Detected an image
+          // svg handling
+          var reader = void 0;
+          if (file.type.includes('svg')) {
+            reader = new FileReader();
+            reader.onloadend = function (e) {
+              var newElement = svgCanvas.importSvgString(e.target.result, true);
+              svgCanvas.ungroupSelectedElement();
+              svgCanvas.ungroupSelectedElement();
+              svgCanvas.groupSelectedElements();
+              svgCanvas.alignSelectedElements('m', 'page');
+              svgCanvas.alignSelectedElements('c', 'page');
+              // highlight imported element, otherwise we get strange empty selectbox
+              svgCanvas.selectOnly([newElement]);
+              $$b('#dialog_box').hide();
+            };
+            reader.readAsText(file);
+          } else {
+            // bitmap handling
+            reader = new FileReader();
+            reader.onloadend = function (e) {
+              // let's insert the new image until we know its dimensions
+              var insertNewImage = function insertNewImage(width, height) {
+                var newImage = svgCanvas.addSVGElementFromJson({
+                  element: 'image',
+                  attr: {
+                    x: 0,
+                    y: 0,
+                    width: width,
+                    height: height,
+                    id: svgCanvas.getNextId(),
+                    style: 'pointer-events:inherit'
+                  }
+                });
+                svgCanvas.setHref(newImage, e.target.result);
+                svgCanvas.selectOnly([newImage]);
+                svgCanvas.alignSelectedElements('m', 'page');
+                svgCanvas.alignSelectedElements('c', 'page');
+                updateContextPanel();
+                $$b('#dialog_box').hide();
+              };
+              // create dummy img so we know the default dimensions
+              var imgWidth = 100;
+              var imgHeight = 100;
+              var img = new Image();
+              img.src = e.target.result;
+              img.style.opacity = 0;
+              img.onload = function () {
+                imgWidth = img.offsetWidth;
+                imgHeight = img.offsetHeight;
+                insertNewImage(imgWidth, imgHeight);
+              };
+            };
+            reader.readAsDataURL(file);
+          }
+        }
+      };
+
+      workarea[0].addEventListener('dragenter', onDragEnter, false);
+      workarea[0].addEventListener('dragover', onDragOver, false);
+      workarea[0].addEventListener('dragleave', onDragLeave, false);
+      workarea[0].addEventListener('drop', importImage, false);
+
+      var open = $$b('<input type="file">').change(function () {
+        var f = this;
+        editor.openPrep(function (ok) {
+          if (!ok) {
+            return;
+          }
+          svgCanvas.clear();
+          if (f.files.length === 1) {
+            $$b.process_cancel(uiStrings$1.notification.loadingImage);
+            var reader = new FileReader();
+            reader.onloadend = function (e) {
+              loadSvgString(e.target.result);
+              updateCanvas();
+            };
+            reader.readAsText(f.files[0]);
+          }
+        });
+      });
+      $$b('#tool_open').show().prepend(open);
+
+      var imgImport = $$b('<input type="file">').change(importImage);
+      $$b('#tool_import').show().prepend(imgImport);
+    }
+
+    // $(function () {
+    updateCanvas(true);
+    // });
+
+    //  const revnums = 'svg-editor.js ($Rev$) ';
+    //  revnums += svgCanvas.getVersion();
+    //  $('#copyright')[0].setAttribute('title', revnums);
+
+    /**
+    * @function module:SVGEditor.setLang
+    * @param {string} lang The language code
+    * @param {module:locale.LocaleStrings} allStrings See {@tutorial LocaleDocs}
+    * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+    * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+    * @returns {undefined}
+    */
+    var setLang = editor.setLang = function (lang, allStrings) {
+      editor.langChanged = true;
+      $$b.pref('lang', lang);
+      $$b('#lang_select').val(lang);
+      if (!allStrings) {
+        return;
+      }
+      $$b.extend(uiStrings$1, allStrings);
+
+      // const notif = allStrings.notification; // Currently unused
+      // $.extend will only replace the given strings
+      var oldLayerName = $$b('#layerlist tr.layersel td.layername').text();
+      var renameLayer = oldLayerName === uiStrings$1.common.layer + ' 1';
+
+      svgCanvas.setUiStrings(allStrings);
+      Actions.setTitles();
+
+      if (renameLayer) {
+        svgCanvas.renameCurrentLayer(uiStrings$1.common.layer + ' 1');
+        populateLayers();
+      }
+
+      // In case extensions loaded before the locale, now we execute a callback on them
+      if (extsPreLang.length) {
+        while (extsPreLang.length) {
+          var ext = extsPreLang.shift();
+          ext.langReady({
+            lang: lang,
+            uiStrings: uiStrings$1,
+            importLocale: getImportLocale({ defaultLang: lang, defaultName: ext.name })
+          });
+        }
+      } else {
+        svgCanvas.runExtensions('langReady', /** @type {module:svgcanvas.SvgCanvas#event:ext-langReady} */{ lang: lang, uiStrings: uiStrings$1 });
+      }
+      svgCanvas.runExtensions('langChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-langChanged} */lang);
+
+      // Update flyout tooltips
+      setFlyoutTitles();
+
+      // Copy title for certain tool elements
+      var elems = {
+        '#stroke_color': '#tool_stroke .icon_label, #tool_stroke .color_block',
+        '#fill_color': '#tool_fill label, #tool_fill .color_block',
+        '#linejoin_miter': '#cur_linejoin',
+        '#linecap_butt': '#cur_linecap'
+      };
+
+      $$b.each(elems, function (source, dest) {
+        $$b(dest).attr('title', $$b(source)[0].title);
+      });
+
+      // Copy alignment titles
+      $$b('#multiselected_panel div[id^=tool_align]').each(function () {
+        $$b('#tool_pos' + this.id.substr(10))[0].title = this.title;
+      });
+    };
+    init$7(
+    /**
+    * @implements {module:locale.LocaleEditorInit}
+    */
+    {
+      /**
+      * Gets an array of results from extensions with a `addLangData` method
+      * returning an object with a `data` property set to its locales (to be
+      * merged with regular locales)
+      * @param {string} langParam
+      * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+      * @todo Can we forego this in favor of `langReady` (or forego `langReady`)?
+      * @returns {module:locale.AddLangExtensionLocaleData[]}
+      */
+      addLangData: function addLangData(langParam) {
+        return svgCanvas.runExtensions('addLangData',
+        /**
+         * @function
+         * @type {module:svgcanvas.ExtensionVarBuilder}
+         * @param {string} defaultLang
+         * @param {string} defaultName
+         * @returns {module:svgcanvas.SvgCanvas#event:ext-addLangData}
+         */
+        function (name) {
+          // We pass in a function as we don't know the extension name here when defining this `addLangData` method
+          return {
+            lang: langParam,
+            importLocale: getImportLocale({ defaultLang: langParam, defaultName: name })
+          };
+        }, true);
+      },
+
+      curConfig: curConfig
+    });
+    // Load extensions
+    // Bit of a hack to run extensions in local Opera/IE9
+    if (document.location.protocol === 'file:') {
+      setTimeout(extAndLocaleFunc, 100);
+    } else {
+      // Returns a promise (if we wanted to fire 'extensions-loaded' event, potentially useful to hide interface as some extension locales are only available after this)
+      extAndLocaleFunc();
+    }
+  };
+
+  /**
+  * @callback module:SVGEditor.ReadyCallback
+  * @returns {undefined}
+  */
+  /**
+  * Queues a callback to be invoked when the editor is ready (or
+  *   to be invoked immediately if it is already ready--i.e.,
+  *   if `svgEditor.runCallbacks` has been run)
+  * @param {module:SVGEditor.ReadyCallback} cb Callback to be queued to invoke
+  * @returns {undefined}
+  */
+  editor.ready = function (cb) {
+    if (!isReady) {
+      callbacks.push(cb);
+    } else {
+      cb();
+    }
+  };
+
+  /**
+  * Invokes the callbacks previous set by `svgEditor.ready`
+  * @returns {undefined}
+  */
+  editor.runCallbacks = function () {
+    callbacks.forEach(function (cb) {
+      cb();
+    });
+    isReady = true;
+  };
+
+  /**
+  * @param {string} str The SVG string to load
+  * @returns {undefined}
+  */
+  editor.loadFromString = function (str) {
+    editor.ready(function () {
+      loadSvgString(str);
+    });
+  };
+
+  /**
+  * Not presently in use
+  * @param {PlainObject} featList
+  * @returns {undefined}
+  */
+  editor.disableUI = function (featList) {
+    // $(function () {
+    //   $('#tool_wireframe, #tool_image, #main_button, #tool_source, #sidepanels').remove();
+    //   $('#tools_top').css('left', 5);
+    // });
+  };
+
+  /**
+   * @callback module:SVGEditor.URLLoadCallback
+   * @param {boolean} success
+   * @returns {undefined}
+   */
+  /**
+  * @param {string} url URL from which to load an SVG string via Ajax
+  * @param {PlainObject} [opts] May contain properties: `cache`, `callback`
+  * @param {boolean} opts.cache
+  * @param {module:SVGEditor.URLLoadCallback} opts.callback Invoked with `true` or `false` depending on success
+  * @returns {undefined}
+  */
+  editor.loadFromURL = function (url, opts) {
+    if (!opts) {
+      opts = {};
+    }
+
+    var _opts = opts,
+        cache = _opts.cache,
+        cb = _opts.callback;
+
+
+    editor.ready(function () {
+      $$b.ajax({
+        url: url,
+        dataType: 'text',
+        cache: !!cache,
+        beforeSend: function beforeSend() {
+          $$b.process_cancel(uiStrings$1.notification.loadingImage);
+        },
+        success: function success(str) {
+          loadSvgString(str, cb);
+        },
+        error: function error(xhr, stat, err) {
+          if (xhr.status !== 404 && xhr.responseText) {
+            loadSvgString(xhr.responseText, cb);
+          } else {
+            $$b.alert(uiStrings$1.notification.URLloadFail + ': \n' + err, cb);
+          }
+        },
+        complete: function complete() {
+          $$b('#dialog_box').hide();
+        }
+      });
+    });
+  };
+
+  /**
+  * @param {string} str The Data URI to base64-decode (if relevant) and load
+  * @returns {undefined}
+  */
+  editor.loadFromDataURI = function (str) {
+    editor.ready(function () {
+      var base64 = false;
+      var pre = str.match(/^data:image\/svg\+xml;base64,/);
+      if (pre) {
+        base64 = true;
+      } else {
+        pre = str.match(/^data:image\/svg\+xml(?:;(?:utf8)?)?,/);
+      }
+      if (pre) {
+        pre = pre[0];
+      }
+      var src = str.slice(pre.length);
+      loadSvgString(base64 ? decode64(src) : decodeURIComponent(src));
+    });
+  };
+
+  /**
+   * @param {string} name Used internally; no need for i18n.
+   * @param {module:svgcanvas.ExtensionInitCallback} init Config to be invoked on this module
+   * @param {module:SVGEditor~ImportLocale} importLocale Importer defaulting to pth with current extension name and locale
+   * @throws {Error} If called too early
+   * @returns {Promise} Resolves to `undefined`
+  */
+  editor.addExtension = function (name, init$$1, importLocale) {
+    // Note that we don't want this on editor.ready since some extensions
+    // may want to run before then (like server_opensave).
+    // $(function () {
+    if (!svgCanvas) {
+      throw new Error('Extension added too early');
+    }
+    return svgCanvas.addExtension.call(this, name, init$$1, importLocale);
+    // });
+  };
+
+  // Defer injection to wait out initial menu processing. This probably goes
+  //    away once all context menu behavior is brought to context menu.
+  editor.ready(function () {
+    injectExtendedContextMenuItemsIntoDom();
+  });
+
+  var extensionsAdded = false;
+  var messageQueue = [];
+  /**
+   * @param {Any} data
+   * @param {string} origin
+   * @fires module:svgcanvas.SvgCanvas#event:message
+   * @returns {undefined}
+   */
+  var messageListener = function messageListener(_ref15) {
+    var data = _ref15.data,
+        origin = _ref15.origin;
+
+    // console.log('data, origin, extensionsAdded', data, origin, extensionsAdded);
+    var messageObj = { data: data, origin: origin };
+    if (!extensionsAdded) {
+      messageQueue.push(messageObj);
+    } else {
+      // Extensions can handle messages at this stage with their own
+      //  canvas `message` listeners
+      svgCanvas.call('message', messageObj);
+    }
+  };
+  window.addEventListener('message', messageListener);
+
+  // Run init once DOM is loaded
+  // jQuery(editor.init);
+  Promise.resolve().then(function () {
+    // We wait a micro-task to let the svgEditor variable be defined for module checks
+    editor.init();
+  });
+
+  return editor;
+
+})));
diff --git a/dist/index-umd.min.js b/dist/index-umd.min.js
new file mode 100644
index 00000000..968ca76a
--- /dev/null
+++ b/dist/index-umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.svgEditor=t()}(this,function(){"use strict";function e(e){var t=e.changedTouches,n=t[0],r="";switch(e.type){case"touchstart":r="mousedown";break;case"touchmove":r="mousemove";break;case"touchend":r="mouseup";break;default:return}var a=n.screenX,i=n.screenY,o=n.clientX,s=n.clientY,l=new MouseEvent(r,{bubbles:!0,cancelable:!0,view:window,detail:1,screenX:a,screenY:i,clientX:o,clientY:s,ctrlKey:!1,altKey:!1,shiftKey:!1,metaKey:!1,button:0,relatedTarget:null});t.length<2&&(n.target.dispatchEvent(l),e.preventDefault())}document.addEventListener("touchstart",e,!0),document.addEventListener("touchmove",e,!0),document.addEventListener("touchend",e,!0),document.addEventListener("touchcancel",e,!0);var t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n=function(e){return function(){var t=e.apply(this,arguments);return new Promise(function(e,n){return function r(a,i){try{var o=t[a](i),s=o.value}catch(e){return void n(e)}if(!o.done)return Promise.resolve(s).then(function(e){r("next",e)},function(e){r("throw",e)});e(s)}("next")})}},r=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},a=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},s=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},l=function(){return function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],r=!0,a=!1,i=void 0;try{for(var o,s=e[Symbol.iterator]();!(r=(o=s.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{!r&&s.return&&s.return()}finally{if(a)throw i}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),c=function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)},u={HTML:"http://www.w3.org/1999/xhtml",MATH:"http://www.w3.org/1998/Math/MathML",SE:"http://svg-edit.googlecode.com",SVG:"http://www.w3.org/2000/svg",XLINK:"http://www.w3.org/1999/xlink",XML:"http://www.w3.org/XML/1998/namespace",XMLNS:"http://www.w3.org/2000/xmlns/"},d=function(){var e={};return Object.entries(u).forEach(function(t){var n=l(t,2),r=n[0],a=n[1];e[a]=r.toLowerCase()}),e};!function(){if(!("SVGPathSeg"in window)){var e=function(){function e(t,n,a){r(this,e),this.pathSegType=t,this.pathSegTypeAsLetter=n,this._owningPathSegList=a}return a(e,[{key:"_segmentChanged",value:function(){this._owningPathSegList&&this._owningPathSegList.segmentChanged(this)}}]),e}();e.prototype.classname="SVGPathSeg",e.PATHSEG_UNKNOWN=0,e.PATHSEG_CLOSEPATH=1,e.PATHSEG_MOVETO_ABS=2,e.PATHSEG_MOVETO_REL=3,e.PATHSEG_LINETO_ABS=4,e.PATHSEG_LINETO_REL=5,e.PATHSEG_CURVETO_CUBIC_ABS=6,e.PATHSEG_CURVETO_CUBIC_REL=7,e.PATHSEG_CURVETO_QUADRATIC_ABS=8,e.PATHSEG_CURVETO_QUADRATIC_REL=9,e.PATHSEG_ARC_ABS=10,e.PATHSEG_ARC_REL=11,e.PATHSEG_LINETO_HORIZONTAL_ABS=12,e.PATHSEG_LINETO_HORIZONTAL_REL=13,e.PATHSEG_LINETO_VERTICAL_ABS=14,e.PATHSEG_LINETO_VERTICAL_REL=15,e.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS=16,e.PATHSEG_CURVETO_CUBIC_SMOOTH_REL=17,e.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS=18,e.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL=19;var t=function(t){function n(t){return r(this,n),s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CLOSEPATH,"z",t))}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegClosePath]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter}},{key:"clone",value:function(){return new n(void 0)}}]),n}(),n=function(t){function n(t,a,i){r(this,n);var o=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_MOVETO_ABS,"M",t));return o._x=a,o._y=i,o}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegMovetoAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y)}}]),n}();Object.defineProperties(n.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0}});var i=function(t){function n(t,a,i){r(this,n);var o=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_MOVETO_REL,"m",t));return o._x=a,o._y=i,o}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegMovetoRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y)}}]),n}();Object.defineProperties(i.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0}});var l=function(t){function n(t,a,i){r(this,n);var o=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_LINETO_ABS,"L",t));return o._x=a,o._y=i,o}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegLinetoAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y)}}]),n}();Object.defineProperties(l.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0}});var c=function(t){function n(t,a,i){r(this,n);var o=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_LINETO_REL,"l",t));return o._x=a,o._y=i,o}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegLinetoRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y)}}]),n}();Object.defineProperties(c.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0}});var u=function(t){function n(t,a,i,o,l,c,u){r(this,n);var d=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_CUBIC_ABS,"C",t));return d._x=a,d._y=i,d._x1=o,d._y1=l,d._x2=c,d._y2=u,d}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoCubicAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x1+" "+this._y1+" "+this._x2+" "+this._y2+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._x1,this._y1,this._x2,this._y2)}}]),n}();Object.defineProperties(u.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},x1:{get:function(){return this._x1},set:function(e){this._x1=e,this._segmentChanged()},enumerable:!0},y1:{get:function(){return this._y1},set:function(e){this._y1=e,this._segmentChanged()},enumerable:!0},x2:{get:function(){return this._x2},set:function(e){this._x2=e,this._segmentChanged()},enumerable:!0},y2:{get:function(){return this._y2},set:function(e){this._y2=e,this._segmentChanged()},enumerable:!0}});var d=function(t){function n(t,a,i,o,l,c,u){r(this,n);var d=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_CUBIC_REL,"c",t));return d._x=a,d._y=i,d._x1=o,d._y1=l,d._x2=c,d._y2=u,d}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoCubicRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x1+" "+this._y1+" "+this._x2+" "+this._y2+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._x1,this._y1,this._x2,this._y2)}}]),n}();Object.defineProperties(d.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},x1:{get:function(){return this._x1},set:function(e){this._x1=e,this._segmentChanged()},enumerable:!0},y1:{get:function(){return this._y1},set:function(e){this._y1=e,this._segmentChanged()},enumerable:!0},x2:{get:function(){return this._x2},set:function(e){this._x2=e,this._segmentChanged()},enumerable:!0},y2:{get:function(){return this._y2},set:function(e){this._y2=e,this._segmentChanged()},enumerable:!0}});var h=function(t){function n(t,a,i,o,l){r(this,n);var c=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_QUADRATIC_ABS,"Q",t));return c._x=a,c._y=i,c._x1=o,c._y1=l,c}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoQuadraticAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x1+" "+this._y1+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._x1,this._y1)}}]),n}();Object.defineProperties(h.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},x1:{get:function(){return this._x1},set:function(e){this._x1=e,this._segmentChanged()},enumerable:!0},y1:{get:function(){return this._y1},set:function(e){this._y1=e,this._segmentChanged()},enumerable:!0}});var p=function(t){function n(t,a,i,o,l){r(this,n);var c=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_QUADRATIC_REL,"q",t));return c._x=a,c._y=i,c._x1=o,c._y1=l,c}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoQuadraticRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x1+" "+this._y1+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._x1,this._y1)}}]),n}();Object.defineProperties(p.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},x1:{get:function(){return this._x1},set:function(e){this._x1=e,this._segmentChanged()},enumerable:!0},y1:{get:function(){return this._y1},set:function(e){this._y1=e,this._segmentChanged()},enumerable:!0}});var f=function(t){function n(t,a,i,o,l,c,u,d){r(this,n);var h=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_ARC_ABS,"A",t));return h._x=a,h._y=i,h._r1=o,h._r2=l,h._angle=c,h._largeArcFlag=u,h._sweepFlag=d,h}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegArcAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._r1+" "+this._r2+" "+this._angle+" "+(this._largeArcFlag?"1":"0")+" "+(this._sweepFlag?"1":"0")+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._r1,this._r2,this._angle,this._largeArcFlag,this._sweepFlag)}}]),n}();Object.defineProperties(f.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},r1:{get:function(){return this._r1},set:function(e){this._r1=e,this._segmentChanged()},enumerable:!0},r2:{get:function(){return this._r2},set:function(e){this._r2=e,this._segmentChanged()},enumerable:!0},angle:{get:function(){return this._angle},set:function(e){this._angle=e,this._segmentChanged()},enumerable:!0},largeArcFlag:{get:function(){return this._largeArcFlag},set:function(e){this._largeArcFlag=e,this._segmentChanged()},enumerable:!0},sweepFlag:{get:function(){return this._sweepFlag},set:function(e){this._sweepFlag=e,this._segmentChanged()},enumerable:!0}});var g=function(t){function n(t,a,i,o,l,c,u,d){r(this,n);var h=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_ARC_REL,"a",t));return h._x=a,h._y=i,h._r1=o,h._r2=l,h._angle=c,h._largeArcFlag=u,h._sweepFlag=d,h}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegArcRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._r1+" "+this._r2+" "+this._angle+" "+(this._largeArcFlag?"1":"0")+" "+(this._sweepFlag?"1":"0")+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._r1,this._r2,this._angle,this._largeArcFlag,this._sweepFlag)}}]),n}();Object.defineProperties(g.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},r1:{get:function(){return this._r1},set:function(e){this._r1=e,this._segmentChanged()},enumerable:!0},r2:{get:function(){return this._r2},set:function(e){this._r2=e,this._segmentChanged()},enumerable:!0},angle:{get:function(){return this._angle},set:function(e){this._angle=e,this._segmentChanged()},enumerable:!0},largeArcFlag:{get:function(){return this._largeArcFlag},set:function(e){this._largeArcFlag=e,this._segmentChanged()},enumerable:!0},sweepFlag:{get:function(){return this._sweepFlag},set:function(e){this._sweepFlag=e,this._segmentChanged()},enumerable:!0}});var v=function(t){function n(t,a){r(this,n);var i=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_LINETO_HORIZONTAL_ABS,"H",t));return i._x=a,i}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegLinetoHorizontalAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x}},{key:"clone",value:function(){return new n(void 0,this._x)}}]),n}();Object.defineProperty(v.prototype,"x",{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0});var m=function(t){function n(t,a){r(this,n);var i=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_LINETO_HORIZONTAL_REL,"h",t));return i._x=a,i}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegLinetoHorizontalRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x}},{key:"clone",value:function(){return new n(void 0,this._x)}}]),n}();Object.defineProperty(m.prototype,"x",{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0});var _=function(t){function n(t,a){r(this,n);var i=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_LINETO_VERTICAL_ABS,"V",t));return i._y=a,i}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegLinetoVerticalAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._y)}}]),n}();Object.defineProperty(_.prototype,"y",{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0});var y=function(t){function n(t,a){r(this,n);var i=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_LINETO_VERTICAL_REL,"v",t));return i._y=a,i}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegLinetoVerticalRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._y)}}]),n}();Object.defineProperty(y.prototype,"y",{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0});var b=function(t){function n(t,a,i,o,l){r(this,n);var c=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS,"S",t));return c._x=a,c._y=i,c._x2=o,c._y2=l,c}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoCubicSmoothAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x2+" "+this._y2+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._x2,this._y2)}}]),n}();Object.defineProperties(b.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},x2:{get:function(){return this._x2},set:function(e){this._x2=e,this._segmentChanged()},enumerable:!0},y2:{get:function(){return this._y2},set:function(e){this._y2=e,this._segmentChanged()},enumerable:!0}});var x=function(t){function n(t,a,i,o,l){r(this,n);var c=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_CUBIC_SMOOTH_REL,"s",t));return c._x=a,c._y=i,c._x2=o,c._y2=l,c}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoCubicSmoothRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x2+" "+this._y2+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y,this._x2,this._y2)}}]),n}();Object.defineProperties(x.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0},x2:{get:function(){return this._x2},set:function(e){this._x2=e,this._segmentChanged()},enumerable:!0},y2:{get:function(){return this._y2},set:function(e){this._y2=e,this._segmentChanged()},enumerable:!0}});var w=function(t){function n(t,a,i){r(this,n);var o=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS,"T",t));return o._x=a,o._y=i,o}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoQuadraticSmoothAbs]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y)}}]),n}();Object.defineProperties(w.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0}});var S=function(t){function n(t,a,i){r(this,n);var o=s(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL,"t",t));return o._x=a,o._y=i,o}return o(n,e),a(n,[{key:"toString",value:function(){return"[object SVGPathSegCurvetoQuadraticSmoothRel]"}},{key:"_asPathString",value:function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y}},{key:"clone",value:function(){return new n(void 0,this._x,this._y)}}]),n}();Object.defineProperties(S.prototype,{x:{get:function(){return this._x},set:function(e){this._x=e,this._segmentChanged()},enumerable:!0},y:{get:function(){return this._y},set:function(e){this._y=e,this._segmentChanged()},enumerable:!0}}),SVGPathElement.prototype.createSVGPathSegClosePath=function(){return new t(void 0)},SVGPathElement.prototype.createSVGPathSegMovetoAbs=function(e,t){return new n(void 0,e,t)},SVGPathElement.prototype.createSVGPathSegMovetoRel=function(e,t){return new i(void 0,e,t)},SVGPathElement.prototype.createSVGPathSegLinetoAbs=function(e,t){return new l(void 0,e,t)},SVGPathElement.prototype.createSVGPathSegLinetoRel=function(e,t){return new c(void 0,e,t)},SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs=function(e,t,n,r,a,i){return new u(void 0,e,t,n,r,a,i)},SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel=function(e,t,n,r,a,i){return new d(void 0,e,t,n,r,a,i)},SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs=function(e,t,n,r){return new h(void 0,e,t,n,r)},SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel=function(e,t,n,r){return new p(void 0,e,t,n,r)},SVGPathElement.prototype.createSVGPathSegArcAbs=function(e,t,n,r,a,i,o){return new f(void 0,e,t,n,r,a,i,o)},SVGPathElement.prototype.createSVGPathSegArcRel=function(e,t,n,r,a,i,o){return new g(void 0,e,t,n,r,a,i,o)},SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs=function(e){return new v(void 0,e)},SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel=function(e){return new m(void 0,e)},SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs=function(e){return new _(void 0,e)},SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel=function(e){return new y(void 0,e)},SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs=function(e,t,n,r){return new b(void 0,e,t,n,r)},SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel=function(e,t,n,r){return new x(void 0,e,t,n,r)},SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs=function(e,t){return new w(void 0,e,t)},SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel=function(e,t){return new S(void 0,e,t)},"getPathSegAtLength"in SVGPathElement.prototype||(SVGPathElement.prototype.getPathSegAtLength=function(e){if(void 0===e||!isFinite(e))throw new Error("Invalid arguments.");var t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttribute("d",this.getAttribute("d"));var n=t.pathSegList.numberOfItems-1;if(n<=0)return 0;do{if(t.pathSegList.removeItem(n),e>t.getTotalLength())break;n--}while(n>0);return n}),window.SVGPathSeg=e,window.SVGPathSegClosePath=t,window.SVGPathSegMovetoAbs=n,window.SVGPathSegMovetoRel=i,window.SVGPathSegLinetoAbs=l,window.SVGPathSegLinetoRel=c,window.SVGPathSegCurvetoCubicAbs=u,window.SVGPathSegCurvetoCubicRel=d,window.SVGPathSegCurvetoQuadraticAbs=h,window.SVGPathSegCurvetoQuadraticRel=p,window.SVGPathSegArcAbs=f,window.SVGPathSegArcRel=g,window.SVGPathSegLinetoHorizontalAbs=v,window.SVGPathSegLinetoHorizontalRel=m,window.SVGPathSegLinetoVerticalAbs=_,window.SVGPathSegLinetoVerticalRel=y,window.SVGPathSegCurvetoCubicSmoothAbs=b,window.SVGPathSegCurvetoCubicSmoothRel=x,window.SVGPathSegCurvetoQuadraticSmoothAbs=w,window.SVGPathSegCurvetoQuadraticSmoothRel=S}if(!("SVGPathSegList"in window&&"appendItem"in SVGPathSegList.prototype)){var k=function(){function e(t){r(this,e),this._pathElement=t,this._list=this._parsePath(this._pathElement.getAttribute("d")),this._mutationObserverConfig={attributes:!0,attributeFilter:["d"]},this._pathElementMutationObserver=new MutationObserver(this._updateListFromPathMutations.bind(this)),this._pathElementMutationObserver.observe(this._pathElement,this._mutationObserverConfig)}return a(e,[{key:"_checkPathSynchronizedToList",value:function(){this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords())}},{key:"_updateListFromPathMutations",value:function(e){if(this._pathElement){var t=!1;e.forEach(function(e){"d"===e.attributeName&&(t=!0)}),t&&(this._list=this._parsePath(this._pathElement.getAttribute("d")))}}},{key:"_writeListToPath",value:function(){this._pathElementMutationObserver.disconnect(),this._pathElement.setAttribute("d",e._pathSegArrayAsString(this._list)),this._pathElementMutationObserver.observe(this._pathElement,this._mutationObserverConfig)}},{key:"segmentChanged",value:function(e){this._writeListToPath()}},{key:"clear",value:function(){this._checkPathSynchronizedToList(),this._list.forEach(function(e){e._owningPathSegList=null}),this._list=[],this._writeListToPath()}},{key:"initialize",value:function(e){return this._checkPathSynchronizedToList(),this._list=[e],e._owningPathSegList=this,this._writeListToPath(),e}},{key:"_checkValidIndex",value:function(e){if(isNaN(e)||e<0||e>=this.numberOfItems)throw new Error("INDEX_SIZE_ERR")}},{key:"getItem",value:function(e){return this._checkPathSynchronizedToList(),this._checkValidIndex(e),this._list[e]}},{key:"insertItemBefore",value:function(e,t){return this._checkPathSynchronizedToList(),t>this.numberOfItems&&(t=this.numberOfItems),e._owningPathSegList&&(e=e.clone()),this._list.splice(t,0,e),e._owningPathSegList=this,this._writeListToPath(),e}},{key:"replaceItem",value:function(e,t){return this._checkPathSynchronizedToList(),e._owningPathSegList&&(e=e.clone()),this._checkValidIndex(t),this._list[t]=e,e._owningPathSegList=this,this._writeListToPath(),e}},{key:"removeItem",value:function(e){this._checkPathSynchronizedToList(),this._checkValidIndex(e);var t=this._list[e];return this._list.splice(e,1),this._writeListToPath(),t}},{key:"appendItem",value:function(e){return this._checkPathSynchronizedToList(),e._owningPathSegList&&(e=e.clone()),this._list.push(e),e._owningPathSegList=this,this._writeListToPath(),e}},{key:"_parsePath",value:function(e){if(!e||!e.length)return[];var t=this,n=function(){function e(){r(this,e),this.pathSegList=[]}return a(e,[{key:"appendSegment",value:function(e){this.pathSegList.push(e)}}]),e}(),i=function(){function e(t){r(this,e),this._string=t,this._currentIndex=0,this._endIndex=this._string.length,this._previousCommand=SVGPathSeg.PATHSEG_UNKNOWN,this._skipOptionalSpaces()}return a(e,[{key:"_isCurrentSpace",value:function(){var e=this._string[this._currentIndex];return e<=" "&&(" "===e||"\n"===e||"\t"===e||"\r"===e||"\f"===e)}},{key:"_skipOptionalSpaces",value:function(){for(;this._currentIndex<this._endIndex&&this._isCurrentSpace();)this._currentIndex++;return this._currentIndex<this._endIndex}},{key:"_skipOptionalSpacesOrDelimiter",value:function(){return!(this._currentIndex<this._endIndex&&!this._isCurrentSpace()&&","!==this._string.charAt(this._currentIndex))&&(this._skipOptionalSpaces()&&this._currentIndex<this._endIndex&&","===this._string.charAt(this._currentIndex)&&(this._currentIndex++,this._skipOptionalSpaces()),this._currentIndex<this._endIndex)}},{key:"hasMoreData",value:function(){return this._currentIndex<this._endIndex}},{key:"peekSegmentType",value:function(){var e=this._string[this._currentIndex];return this._pathSegTypeFromChar(e)}},{key:"_pathSegTypeFromChar",value:function(e){switch(e){case"Z":case"z":return SVGPathSeg.PATHSEG_CLOSEPATH;case"M":return SVGPathSeg.PATHSEG_MOVETO_ABS;case"m":return SVGPathSeg.PATHSEG_MOVETO_REL;case"L":return SVGPathSeg.PATHSEG_LINETO_ABS;case"l":return SVGPathSeg.PATHSEG_LINETO_REL;case"C":return SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS;case"c":return SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL;case"Q":return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;case"q":return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;case"A":return SVGPathSeg.PATHSEG_ARC_ABS;case"a":return SVGPathSeg.PATHSEG_ARC_REL;case"H":return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;case"h":return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;case"V":return SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;case"v":return SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;case"S":return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;case"s":return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;case"T":return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;case"t":return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;default:return SVGPathSeg.PATHSEG_UNKNOWN}}},{key:"_nextCommandHelper",value:function(e,t){return("+"===e||"-"===e||"."===e||e>="0"&&e<="9")&&t!==SVGPathSeg.PATHSEG_CLOSEPATH?t===SVGPathSeg.PATHSEG_MOVETO_ABS?SVGPathSeg.PATHSEG_LINETO_ABS:t===SVGPathSeg.PATHSEG_MOVETO_REL?SVGPathSeg.PATHSEG_LINETO_REL:t:SVGPathSeg.PATHSEG_UNKNOWN}},{key:"initialCommandIsMoveTo",value:function(){if(!this.hasMoreData())return!0;var e=this.peekSegmentType();return e===SVGPathSeg.PATHSEG_MOVETO_ABS||e===SVGPathSeg.PATHSEG_MOVETO_REL}},{key:"_parseNumber",value:function(){var e=0,t=0,n=1,r=0,a=1,i=1,o=this._currentIndex;if(this._skipOptionalSpaces(),this._currentIndex<this._endIndex&&"+"===this._string.charAt(this._currentIndex)?this._currentIndex++:this._currentIndex<this._endIndex&&"-"===this._string.charAt(this._currentIndex)&&(this._currentIndex++,a=-1),!(this._currentIndex===this._endIndex||(this._string.charAt(this._currentIndex)<"0"||this._string.charAt(this._currentIndex)>"9")&&"."!==this._string.charAt(this._currentIndex))){for(var s=this._currentIndex;this._currentIndex<this._endIndex&&this._string.charAt(this._currentIndex)>="0"&&this._string.charAt(this._currentIndex)<="9";)this._currentIndex++;if(this._currentIndex!==s)for(var l=this._currentIndex-1,c=1;l>=s;)t+=c*(this._string.charAt(l--)-"0"),c*=10;if(this._currentIndex<this._endIndex&&"."===this._string.charAt(this._currentIndex)){if(this._currentIndex++,this._currentIndex>=this._endIndex||this._string.charAt(this._currentIndex)<"0"||this._string.charAt(this._currentIndex)>"9")return;for(;this._currentIndex<this._endIndex&&this._string.charAt(this._currentIndex)>="0"&&this._string.charAt(this._currentIndex)<="9";)n*=10,r+=(this._string.charAt(this._currentIndex)-"0")/n,this._currentIndex+=1}if(this._currentIndex!==o&&this._currentIndex+1<this._endIndex&&("e"===this._string.charAt(this._currentIndex)||"E"===this._string.charAt(this._currentIndex))&&"x"!==this._string.charAt(this._currentIndex+1)&&"m"!==this._string.charAt(this._currentIndex+1)){if(this._currentIndex++,"+"===this._string.charAt(this._currentIndex)?this._currentIndex++:"-"===this._string.charAt(this._currentIndex)&&(this._currentIndex++,i=-1),this._currentIndex>=this._endIndex||this._string.charAt(this._currentIndex)<"0"||this._string.charAt(this._currentIndex)>"9")return;for(;this._currentIndex<this._endIndex&&this._string.charAt(this._currentIndex)>="0"&&this._string.charAt(this._currentIndex)<="9";)e*=10,e+=this._string.charAt(this._currentIndex)-"0",this._currentIndex++}var u=t+r;if(u*=a,e&&(u*=Math.pow(10,i*e)),o!==this._currentIndex)return this._skipOptionalSpacesOrDelimiter(),u}}},{key:"_parseArcFlag",value:function(){if(!(this._currentIndex>=this._endIndex)){var e=!1,t=this._string.charAt(this._currentIndex++);if("0"===t)e=!1;else{if("1"!==t)return;e=!0}return this._skipOptionalSpacesOrDelimiter(),e}}},{key:"parseSegment",value:function(){var e=this._string[this._currentIndex],n=this._pathSegTypeFromChar(e);if(n===SVGPathSeg.PATHSEG_UNKNOWN){if(this._previousCommand===SVGPathSeg.PATHSEG_UNKNOWN)return null;if((n=this._nextCommandHelper(e,this._previousCommand))===SVGPathSeg.PATHSEG_UNKNOWN)return null}else this._currentIndex++;switch(this._previousCommand=n,n){case SVGPathSeg.PATHSEG_MOVETO_REL:return new SVGPathSegMovetoRel(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_MOVETO_ABS:return new SVGPathSegMovetoAbs(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_REL:return new SVGPathSegLinetoRel(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_ABS:return new SVGPathSegLinetoAbs(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:return new SVGPathSegLinetoHorizontalRel(t,this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:return new SVGPathSegLinetoHorizontalAbs(t,this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:return new SVGPathSegLinetoVerticalRel(t,this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:return new SVGPathSegLinetoVerticalAbs(t,this._parseNumber());case SVGPathSeg.PATHSEG_CLOSEPATH:return this._skipOptionalSpaces(),new SVGPathSegClosePath(t);case SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:var r={x1:this._parseNumber(),y1:this._parseNumber(),x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoCubicRel(t,r.x,r.y,r.x1,r.y1,r.x2,r.y2);case SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:var a={x1:this._parseNumber(),y1:this._parseNumber(),x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoCubicAbs(t,a.x,a.y,a.x1,a.y1,a.x2,a.y2);case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:var i={x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoCubicSmoothRel(t,i.x,i.y,i.x2,i.y2);case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:var o={x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoCubicSmoothAbs(t,o.x,o.y,o.x2,o.y2);case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:var s={x1:this._parseNumber(),y1:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoQuadraticRel(t,s.x,s.y,s.x1,s.y1);case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:var l={x1:this._parseNumber(),y1:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoQuadraticAbs(t,l.x,l.y,l.x1,l.y1);case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:return new SVGPathSegCurvetoQuadraticSmoothRel(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:return new SVGPathSegCurvetoQuadraticSmoothAbs(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_ARC_REL:var c={x1:this._parseNumber(),y1:this._parseNumber(),arcAngle:this._parseNumber(),arcLarge:this._parseArcFlag(),arcSweep:this._parseArcFlag(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegArcRel(t,c.x,c.y,c.x1,c.y1,c.arcAngle,c.arcLarge,c.arcSweep);case SVGPathSeg.PATHSEG_ARC_ABS:var u={x1:this._parseNumber(),y1:this._parseNumber(),arcAngle:this._parseNumber(),arcLarge:this._parseArcFlag(),arcSweep:this._parseArcFlag(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegArcAbs(t,u.x,u.y,u.x1,u.y1,u.arcAngle,u.arcLarge,u.arcSweep);default:throw new Error("Unknown path seg type.")}}}]),e}(),o=new n,s=new i(e);if(!s.initialCommandIsMoveTo())return[];for(;s.hasMoreData();){var l=s.parseSegment();if(!l)return[];o.appendSegment(l)}return o.pathSegList}}]),e}();k.prototype.classname="SVGPathSegList",Object.defineProperty(k.prototype,"numberOfItems",{get:function(){return this._checkPathSynchronizedToList(),this._list.length},enumerable:!0}),k._pathSegArrayAsString=function(e){var t="",n=!0;return e.forEach(function(e){n?(n=!1,t+=e._asPathString()):t+=" "+e._asPathString()}),t},Object.defineProperties(SVGPathElement.prototype,{pathSegList:{get:function(){return this._pathSegList||(this._pathSegList=new k(this)),this._pathSegList},enumerable:!0},normalizedPathSegList:{get:function(){return this.pathSegList},enumerable:!0},animatedPathSegList:{get:function(){return this.pathSegList},enumerable:!0},animatedNormalizedPathSegList:{get:function(){return this.pathSegList},enumerable:!0}}),window.SVGPathSegList=k}}();var h,p=jQuery,f=(!!document.createElementNS&&document.createElementNS(u.SVG,"svg").createSVGRect,navigator.userAgent),g=document.createElementNS(u.SVG,"svg"),v=!!window.opera,m=f.includes("AppleWebKit"),_=f.includes("Gecko/"),y=f.includes("MSIE"),b=f.includes("Chrome/"),x=(f.includes("Windows"),f.includes("Macintosh")),w="ontouchstart"in window,S=!!g.querySelector,k=!!document.evaluate,C=function(){var e=document.createElementNS(u.SVG,"path");e.setAttribute("d","M0,0 10,10");var t=e.pathSegList,n=e.createSVGPathSegLinetoAbs(5,5);try{return t.replaceItem(n,1),!0}catch(e){}return!1}(),A=function(){var e=document.createElementNS(u.SVG,"path");e.setAttribute("d","M0,0 10,10");var t=e.pathSegList,n=e.createSVGPathSegLinetoAbs(5,5);try{return t.insertItemBefore(n,1),!0}catch(e){}return!1}(),E=function(){var e=document.createElementNS(u.SVG,"svg"),t=document.createElementNS(u.SVG,"svg");document.documentElement.append(e),t.setAttribute("x",5),e.append(t);var n=document.createElementNS(u.SVG,"text");n.textContent="a",t.append(n);var r=n.getStartPositionOfChar(0).x;return e.remove(),0===r}(),G=function(){var e=document.createElementNS(u.SVG,"svg");document.documentElement.append(e);var t=document.createElementNS(u.SVG,"path");t.setAttribute("d","M0,0 C0,0 10,10 10,0"),e.append(t);var n=t.getBBox();return e.remove(),n.height>4&&n.height<5}(),P=function(){var e=document.createElementNS(u.SVG,"svg");document.documentElement.append(e);var t=document.createElementNS(u.SVG,"path");t.setAttribute("d","M0,0 10,0");var n=document.createElementNS(u.SVG,"path");n.setAttribute("d","M5,0 15,0");var r=document.createElementNS(u.SVG,"g");r.append(t,n),e.append(r);var a=r.getBBox();return e.remove(),15===a.width}(),N=(function(){var e=document.createElementNS(u.SVG,"rect");e.setAttribute("x",.1);var t=!e.cloneNode(!1).getAttribute("x").includes(",");t||p.alert('NOTE: This version of Opera is known to contain bugs in SVG-edit.\nPlease upgrade to the <a href="http://opera.com">latest version</a> in which the problems have been fixed.')}(),(h=document.createElementNS(u.SVG,"rect")).setAttribute("style","vector-effect:non-scaling-stroke"),"non-scaling-stroke"===h.style.vectorEffect),I=function(){var e=document.createElementNS(u.SVG,"rect").transform.baseVal,t=g.createSVGTransform();e.appendItem(t);var n=e.getItem(0);return n instanceof SVGTransform&&t instanceof SVGTransform&&n.type===t.type&&n.angle===t.angle&&n.matrix.a===t.matrix.a&&n.matrix.b===t.matrix.b&&n.matrix.c===t.matrix.c&&n.matrix.d===t.matrix.d&&n.matrix.e===t.matrix.e&&n.matrix.f===t.matrix.f}(),T=function(){return v},L=function(){return m},M=function(){return _},O=function(){return y},V=function(){return b},j=function(){return x},R=function(){return w},B=function(){return P},D=function(){return N};function U(e){var n=e.fn.attr;return e.fn.attr=function(e,r){var a=this.length;if(!a)return n.apply(this,arguments);for(var i=0;i<a;++i){var o=this[i];if("http://www.w3.org/2000/svg"!==o.namespaceURI)return n.apply(this,arguments);if(void 0!==r)o.setAttribute(e,r);else if(Array.isArray(e)){for(var s={},c=e.length;c--;){var u=e[c],d=o.getAttribute(u);(d||"0"===d)&&(d=isNaN(d)?d:d-0),s[u]=d}return s}if("object"!==(void 0===e?"undefined":t(e))){var h=o.getAttribute(e);return(h||"0"===h)&&(h=isNaN(h)?h:h-0),h}var p=!0,f=!1,g=void 0;try{for(var v,m=Object.entries(e)[Symbol.iterator]();!(p=(v=m.next()).done);p=!0){var _=v.value,y=l(_,2),b=y[0],x=y[1];o.setAttribute(b,x)}}catch(e){f=!0,g=e}finally{try{!p&&m.return&&m.return()}finally{if(f)throw g}}}return this},e}var F=document.createElementNS(u.SVG,"svg");function H(e){var t=e.matrix,n="";switch(e.type){case 1:n="matrix("+[t.a,t.b,t.c,t.d,t.e,t.f].join(",")+")";break;case 2:n="translate("+t.e+","+t.f+")";break;case 3:n=t.a===t.d?"scale("+t.a+")":"scale("+t.a+","+t.d+")";break;case 4:var r=0,a=0;if(0!==e.angle){var i=1-t.a;a=(i*t.f+t.b*t.e)/(i*i+t.b*t.b),r=(t.e-t.b*a)/i}n="rotate("+e.angle+" "+r+","+a+")"}return n}var z={},q=function(){function e(t){r(this,e),this._elem=t||null,this._xforms=[],this._update=function(){var e="";F.createSVGMatrix();for(var t=0;t<this.numberOfItems;++t){e+=H(this._list.getItem(t))+" "}this._elem.setAttribute("transform",e)},this._list=this,this._init=function(){var e=this,t=this._elem.getAttribute("transform");if(t)for(var n=/\s*((scale|matrix|rotate|translate)\s*\(.*?\))\s*,?\s*/,r=!0;r;)r=t.match(n),t=t.replace(n,""),r&&r[1]&&function(){var t=r[1].split(/\s*\(/),n=t[0],a=t[1].match(/\s*(.*?)\s*\)/);a[1]=a[1].replace(/(\d)-/g,"$1 -");var i=a[1].split(/[, ]+/),o="abcdef".split(""),s=F.createSVGMatrix();Object.values(i).forEach(function(e,t){i[t]=parseFloat(e),"matrix"===n&&(s[o[t]]=i[t])});var l=F.createSVGTransform(),c="set"+n.charAt(0).toUpperCase()+n.slice(1),u="matrix"===n?[s]:i;"scale"===n&&1===u.length?u.push(u[0]):"translate"===n&&1===u.length?u.push(0):"rotate"===n&&1===u.length&&u.push(0,0),l[c].apply(l,u),e._list.appendItem(l)}()},this._removeFromOtherLists=function(e){if(e){var t=!1;for(var n in z){for(var r=z[n],a=0,i=r._xforms.length;a<i;++a)if(r._xforms[a]===e){t=!0,r.removeItem(a);break}if(t)break}}},this.numberOfItems=0}return a(e,[{key:"clear",value:function(){this.numberOfItems=0,this._xforms=[]}},{key:"initialize",value:function(e){this.numberOfItems=1,this._removeFromOtherLists(e),this._xforms=[e]}},{key:"getItem",value:function(e){if(e<this.numberOfItems&&e>=0)return this._xforms[e];var t=new Error("DOMException with code=INDEX_SIZE_ERR");throw t.code=1,t}},{key:"insertItemBefore",value:function(e,t){var n=null;if(t>=0)if(t<this.numberOfItems){this._removeFromOtherLists(e);var r=new Array(this.numberOfItems+1),a=void 0;for(a=0;a<t;++a)r[a]=this._xforms[a];r[a]=e;for(var i=a+1;a<this.numberOfItems;++i,++a)r[i]=this._xforms[a];this.numberOfItems++,this._xforms=r,n=e,this._list._update()}else n=this._list.appendItem(e);return n}},{key:"replaceItem",value:function(e,t){var n=null;return t<this.numberOfItems&&t>=0&&(this._removeFromOtherLists(e),this._xforms[t]=e,n=e,this._list._update()),n}},{key:"removeItem",value:function(e){if(e<this.numberOfItems&&e>=0){var t=this._xforms[e],n=new Array(this.numberOfItems-1),r=void 0;for(r=0;r<e;++r)n[r]=this._xforms[r];for(var a=r;a<this.numberOfItems-1;++a,++r)n[a]=this._xforms[r+1];return this.numberOfItems--,this._xforms=n,this._list._update(),t}var i=new Error("DOMException with code=INDEX_SIZE_ERR");throw i.code=1,i}},{key:"appendItem",value:function(e){return this._removeFromOtherLists(e),this._xforms.push(e),this.numberOfItems++,this._list._update(),e}}]),e}(),Y=function(e){e.id&&z[e.id]&&delete z[e.id]},W=function(e){if(!I){var t=e.id||"temp",n=z[t];return n&&"temp"!==t||(z[t]=new q(e),z[t]._init(),n=z[t]),n}return e.transform?e.transform.baseVal:e.gradientTransform?e.gradientTransform.baseVal:e.patternTransform?e.patternTransform.baseVal:null},X=["x","x1","cx","rx","width"],Q=["y","y1","cy","ry","height"],K=["r","radius"].concat(X,Q),Z=void 0,$={},J=function(){return $},ee=function e(t){var n=Z.getRoundDigits();return isNaN(t)?Array.isArray(t)?e(t[0])+","+e(t[1]):parseFloat(t).toFixed(n)-0:+(+t).toFixed(n)},te=function(e,t){return t=t||Z.getBaseUnit(),ee(e/$[t])},ne=function(e,t,n){e.setAttribute(t,n)},re=function(e,t){if(!isNaN(t))return t-0;if("%"===t.substr(-1)){var n=t.substr(0,t.length-1)/100,r=Z.getWidth(),a=Z.getHeight();return X.includes(e)?n*r:Q.includes(e)?n*a:n*Math.sqrt(r*r+a*a)/Math.sqrt(2)}var i=t.substr(-2);return t.substr(0,t.length-2)*$[i]},ae=function(e,t,n){if(K.includes(e))return!isNaN(t)||(t=t.toLowerCase(),Object.keys($).some(function(e){return new RegExp("^-?[\\d\\.]+"+e+"$").test(t)}));if("id"===e){var r=!1;try{var a=Z.getElement(t);r=null==a||a===n}catch(e){}return r}return!0},ie={BEFORE_APPLY:"before_apply",AFTER_APPLY:"after_apply",BEFORE_UNAPPLY:"before_unapply",AFTER_UNAPPLY:"after_unapply"},oe=function(){function e(){r(this,e)}return a(e,[{key:"getText",value:function(){return this.text}}]),e}(),se=function(e){function t(e,n,a,i){r(this,t);var o=s(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return o.elem=e,o.text=i?"Move "+e.tagName+" to "+i:"Move "+e.tagName,o.oldNextSibling=n,o.oldParent=a,o.newNextSibling=e.nextSibling,o.newParent=e.parentNode,o}return o(t,oe),a(t,[{key:"type",value:function(){return"svgedit.history.MoveElementCommand"}},{key:"apply",value:function(e){e&&e.handleHistoryEvent(ie.BEFORE_APPLY,this),this.elem=this.newParent.insertBefore(this.elem,this.newNextSibling),e&&e.handleHistoryEvent(ie.AFTER_APPLY,this)}},{key:"unapply",value:function(e){e&&e.handleHistoryEvent(ie.BEFORE_UNAPPLY,this),this.elem=this.oldParent.insertBefore(this.elem,this.oldNextSibling),e&&e.handleHistoryEvent(ie.AFTER_UNAPPLY,this)}},{key:"elements",value:function(){return[this.elem]}}]),t}();se.type=se.prototype.type;var le=function(e){function t(e,n){r(this,t);var a=s(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return a.elem=e,a.text=n||"Create "+e.tagName,a.parent=e.parentNode,a.nextSibling=a.elem.nextSibling,a}return o(t,oe),a(t,[{key:"type",value:function(){return"svgedit.history.InsertElementCommand"}},{key:"apply",value:function(e){e&&e.handleHistoryEvent(ie.BEFORE_APPLY,this),this.elem=this.parent.insertBefore(this.elem,this.nextSibling),e&&e.handleHistoryEvent(ie.AFTER_APPLY,this)}},{key:"unapply",value:function(e){e&&e.handleHistoryEvent(ie.BEFORE_UNAPPLY,this),this.parent=this.elem.parentNode,this.elem=this.elem.parentNode.removeChild(this.elem),e&&e.handleHistoryEvent(ie.AFTER_UNAPPLY,this)}},{key:"elements",value:function(){return[this.elem]}}]),t}();le.type=le.prototype.type;var ce=function(e){function t(e,n,a,i){r(this,t);var o=s(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return o.elem=e,o.text=i||"Delete "+e.tagName,o.nextSibling=n,o.parent=a,Y(e),o}return o(t,oe),a(t,[{key:"type",value:function(){return"svgedit.history.RemoveElementCommand"}},{key:"apply",value:function(e){e&&e.handleHistoryEvent(ie.BEFORE_APPLY,this),Y(this.elem),this.parent=this.elem.parentNode,this.elem=this.parent.removeChild(this.elem),e&&e.handleHistoryEvent(ie.AFTER_APPLY,this)}},{key:"unapply",value:function(e){e&&e.handleHistoryEvent(ie.BEFORE_UNAPPLY,this),Y(this.elem),null==this.nextSibling&&window.console&&console.log("Error: reference element was lost"),this.parent.insertBefore(this.elem,this.nextSibling),e&&e.handleHistoryEvent(ie.AFTER_UNAPPLY,this)}},{key:"elements",value:function(){return[this.elem]}}]),t}();ce.type=ce.prototype.type;var ue=function(e){function t(e,n,a){r(this,t);var i=s(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));for(var o in i.elem=e,i.text=a?"Change "+e.tagName+" "+a:"Change "+e.tagName,i.newValues={},i.oldValues=n,n)i.newValues[o]="#text"===o?e.textContent:"#href"===o?Pt(e):e.getAttribute(o);return i}return o(t,oe),a(t,[{key:"type",value:function(){return"svgedit.history.ChangeElementCommand"}},{key:"apply",value:function(e){e&&e.handleHistoryEvent(ie.BEFORE_APPLY,this);var t=!1;for(var n in this.newValues)this.newValues[n]?"#text"===n?this.elem.textContent=this.newValues[n]:"#href"===n?Nt(this.elem,this.newValues[n]):this.elem.setAttribute(n,this.newValues[n]):"#text"===n?this.elem.textContent="":(this.elem.setAttribute(n,""),this.elem.removeAttribute(n)),"transform"===n&&(t=!0);if(!t){var r=qt(this.elem);if(r){var a=this.elem.getBBox(),i=["rotate(",r," ",a.x+a.width/2,",",a.y+a.height/2,")"].join("");i!==this.elem.getAttribute("transform")&&this.elem.setAttribute("transform",i)}}return e&&e.handleHistoryEvent(ie.AFTER_APPLY,this),!0}},{key:"unapply",value:function(e){e&&e.handleHistoryEvent(ie.BEFORE_UNAPPLY,this);var t=!1;for(var n in this.oldValues)this.oldValues[n]?"#text"===n?this.elem.textContent=this.oldValues[n]:"#href"===n?Nt(this.elem,this.oldValues[n]):this.elem.setAttribute(n,this.oldValues[n]):"#text"===n?this.elem.textContent="":this.elem.removeAttribute(n),"transform"===n&&(t=!0);if(!t){var r=qt(this.elem);if(r){var a=this.elem.getBBox(),i=["rotate(",r," ",a.x+a.width/2,",",a.y+a.height/2,")"].join("");i!==this.elem.getAttribute("transform")&&this.elem.setAttribute("transform",i)}}return Y(this.elem),e&&e.handleHistoryEvent(ie.AFTER_UNAPPLY,this),!0}},{key:"elements",value:function(){return[this.elem]}}]),t}();ue.type=ue.prototype.type;var de=function(e){function t(e){r(this,t);var n=s(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return n.text=e||"Batch Command",n.stack=[],n}return o(t,oe),a(t,[{key:"type",value:function(){return"svgedit.history.BatchCommand"}},{key:"apply",value:function(e){e&&e.handleHistoryEvent(ie.BEFORE_APPLY,this);for(var t=this.stack.length,n=0;n<t;++n)this.stack[n].apply(e);e&&e.handleHistoryEvent(ie.AFTER_APPLY,this)}},{key:"unapply",value:function(e){e&&e.handleHistoryEvent(ie.BEFORE_UNAPPLY,this);for(var t=this.stack.length-1;t>=0;t--)this.stack[t].unapply(e);e&&e.handleHistoryEvent(ie.AFTER_UNAPPLY,this)}},{key:"elements",value:function(){for(var e=[],t=this.stack.length;t--;)for(var n=this.stack[t].elements(),r=n.length;r--;)e.includes(n[r])||e.push(n[r]);return e}},{key:"addSubCommand",value:function(e){this.stack.push(e)}},{key:"isEmpty",value:function(){return!this.stack.length}}]),t}();de.type=de.prototype.type;var he=function(){function e(t){r(this,e),this.handler_=t||null,this.undoStackPointer=0,this.undoStack=[],this.undoChangeStackPointer=-1,this.undoableChangeStack=[]}return a(e,[{key:"resetUndoStack",value:function(){this.undoStack=[],this.undoStackPointer=0}},{key:"getUndoStackSize",value:function(){return this.undoStackPointer}},{key:"getRedoStackSize",value:function(){return this.undoStack.length-this.undoStackPointer}},{key:"getNextUndoCommandText",value:function(){return this.undoStackPointer>0?this.undoStack[this.undoStackPointer-1].getText():""}},{key:"getNextRedoCommandText",value:function(){return this.undoStackPointer<this.undoStack.length?this.undoStack[this.undoStackPointer].getText():""}},{key:"undo",value:function(){this.undoStackPointer>0&&this.undoStack[--this.undoStackPointer].unapply(this.handler_)}},{key:"redo",value:function(){this.undoStackPointer<this.undoStack.length&&this.undoStack.length>0&&this.undoStack[this.undoStackPointer++].apply(this.handler_)}},{key:"addCommandToHistory",value:function(e){this.undoStackPointer<this.undoStack.length&&this.undoStack.length>0&&(this.undoStack=this.undoStack.splice(0,this.undoStackPointer)),this.undoStack.push(e),this.undoStackPointer=this.undoStack.length}},{key:"beginUndoableChange",value:function(e,t){for(var n=++this.undoChangeStackPointer,r=t.length,a=new Array(r),i=new Array(r);r--;){var o=t[r];null!=o&&(i[r]=o,a[r]=o.getAttribute(e))}this.undoableChangeStack[n]={attrName:e,oldValues:a,elements:i}}},{key:"finishUndoableChange",value:function(){for(var e=this.undoChangeStackPointer--,t=this.undoableChangeStack[e],n=t.attrName,r=new de("Change "+n),a=t.elements.length;a--;){var i=t.elements[a];if(null!=i){var o={};o[n]=t.oldValues[a],o[n]!==i.getAttribute(n)&&r.addSubCommand(new ue(i,o,n))}}return this.undoableChangeStack[e]=null,r}}]),e}(),pe=Object.freeze({HistoryEventTypes:ie,MoveElementCommand:se,InsertElementCommand:le,RemoveElementCommand:ce,ChangeElementCommand:ue,BatchCommand:de,UndoManager:he}),fe=document.createElementNS(u.SVG,"svg"),ge=function(e,t,n){return{x:n.a*e+n.c*t+n.e,y:n.b*e+n.d*t+n.f}},ve=function(e){return 1===e.a&&0===e.b&&0===e.c&&1===e.d&&0===e.e&&0===e.f},me=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.reduceRight(function(e,t){return t.multiply(e)});return Math.abs(r.a)<1e-14&&(r.a=0),Math.abs(r.b)<1e-14&&(r.b=0),Math.abs(r.c)<1e-14&&(r.c=0),Math.abs(r.d)<1e-14&&(r.d=0),Math.abs(r.e)<1e-14&&(r.e=0),Math.abs(r.f)<1e-14&&(r.f=0),r},_e=function(e){if(!e)return!1;for(var t=e.numberOfItems;t--;){var n=e.getItem(t);if(1===n.type&&!ve(n.matrix))return!0}return!1},ye=function(e,t,n,r,a){var i=ge(e,t,a),o=ge(e+n,t,a),s=ge(e,t+r,a),l=ge(e+n,t+r,a),c=Math.min(i.x,o.x,s.x,l.x),u=Math.max(i.x,o.x,s.x,l.x),d=Math.min(i.y,o.y,s.y,l.y);return{tl:i,tr:o,bl:s,br:l,aabox:{x:c,y:d,width:u-c,height:Math.max(i.y,o.y,s.y,l.y)-d}}},be=function(e,t,n){if(null==e)return fe.createSVGTransformFromMatrix(fe.createSVGMatrix());if(t=t||0,n=n||e.numberOfItems-1,(t=parseInt(t,10))>(n=parseInt(n,10))){var r=n;n=t,t=r}for(var a=fe.createSVGMatrix(),i=t;i<=n;++i){var o=i>=0&&i<e.numberOfItems?e.getItem(i).matrix:fe.createSVGMatrix();a=me(a,o)}return fe.createSVGTransformFromMatrix(a)},xe=function(e){var t=W(e);return be(t).matrix},we=function(e,t,n,r){var a=Math.PI/4,i=n-e,o=r-t,s=Math.atan2(o,i),l=Math.sqrt(i*i+o*o),c=Math.round(s/a)*a;return{x:e+l*Math.cos(c),y:t+l*Math.sin(c),a:c}},Se=function(e,t){return t.x<e.x+e.width&&t.x+t.width>e.x&&t.y<e.y+e.height&&t.y+t.height>e.y},ke=jQuery,Ce={2:["x","y"],4:["x","y"],6:["x","y","x1","y1","x2","y2"],8:["x","y","x1","y1"],10:["x","y","r1","r2","angle","largeArcFlag","sweepFlag"],12:["x"],14:["y"],16:["x","y","x2","y2"],18:["x","y"]},Ae={},Ee=function(e){Object.assign(Ae,e.ui)},Ge=[],Pe=!0,Ne={},Ie=null,Te=null,Le=function(e){Te=e,Ge=[0,"ClosePath"];ke.each(["Moveto","Lineto","CurvetoCubic","CurvetoQuadratic","Arc","LinetoHorizontal","LinetoVertical","CurvetoCubicSmooth","CurvetoQuadraticSmooth"],function(e,t){Ge.push(t+"Abs"),Ge.push(t+"Rel")})},Me=function(e,t,n){var r=e.pathSegList;if(A)r.insertItemBefore(t,n);else{for(var a=r.numberOfItems,i=[],o=0;o<a;o++){var s=r.getItem(o);i.push(s)}r.clear();for(var l=0;l<a;l++)l===n&&r.appendItem(t),r.appendItem(i[l])}},Oe=function(e,t){var n=e.path,r={x:t?t.x:e.item.x,y:t?t.y:e.item.y};n.matrix&&(r=ge(r.x,r.y,n.matrix));var a=Te.getCurrentZoom();return r.x*=a,r.y*=a,r},Ve=function(e,t){var n={x:e.x,y:e.y};t.matrix&&(e=ge(n.x,n.y,t.imatrix),n.x=e.x,n.y=e.y);var r=Te.getCurrentZoom();return n.x/=r,n.y/=r,n},je=function(e,t,n){var r=Re(),a=Wt("pathpointgrip_"+e);if(!a){a=document.createElementNS(u.SVG,"circle");var i={id:"pathpointgrip_"+e,display:"none",r:4,fill:"#0FF",stroke:"#00F","stroke-width":2,cursor:"move",style:"pointer-events:all"};"pathNodeTooltip"in Ae&&(i["xlink:title"]=Ae.pathNodeTooltip),Xt(a,i),a=r.appendChild(a),ke("#pathpointgrip_"+e).dblclick(function(){Ie&&Ie.setSegType()})}return t&&n&&Xt(a,{cx:t,cy:n,display:"inline"}),a},Re=function(){var e=Wt("pathpointgrip_container");e||((e=Wt("selectorParentGroup").appendChild(document.createElementNS(u.SVG,"g"))).id="pathpointgrip_container");return e},Be=function(e){var t=Wt("ctrlpointgrip_"+e);if(t)return t;t=document.createElementNS(u.SVG,"circle");var n={id:"ctrlpointgrip_"+e,display:"none",r:4,fill:"#0FF",stroke:"#55F","stroke-width":1,cursor:"move",style:"pointer-events:all"};return"pathCtrlPtTooltip"in Ae&&(n["xlink:title"]=Ae.pathCtrlPtTooltip),Xt(t,n),Re().append(t),t},De=function(e){var t=Wt("ctrlLine_"+e);return t||(t=document.createElementNS(u.SVG,"line"),Xt(t,{id:"ctrlLine_"+e,stroke:"#555","stroke-width":1,style:"pointer-events:none"}),Re().append(t),t)},Ue=function(e){var t=e.item,n=e.index;if(!("x1"in t&&"x2"in t))return null;var r={};Re();for(var a=[Ie.segs[n-1].item,t],i=1;i<3;i++){var o=n+"c"+i,s=r["c"+i+"_line"]=De(o),l=Oe(e,{x:t["x"+i],y:t["y"+i]}),c=Oe(e,{x:a[i-1].x,y:a[i-1].y});Xt(s,{x1:l.x,y1:l.y,x2:c.x,y2:c.y,display:"inline"}),r["c"+i+"_line"]=s;var u=r["c"+i]=Be(o);Xt(u,{cx:l.x,cy:l.y,display:"inline"}),r["c"+i]=u}return r},Fe=function(e,t,n,r){var a=r||Ie.elem,i=a["createSVGPathSeg"+Ge[e]].apply(a,n);if(C)a.pathSegList.replaceItem(i,t);else{for(var o=a.pathSegList,s=o.numberOfItems,l=[],c=0;c<s;c++){var u=o.getItem(c);l.push(u)}o.clear();for(var d=0;d<s;d++)d===t?o.appendItem(i):o.appendItem(l[d])}},He=function(e,t){var n,r,a=e.index,i=Wt("segline_"+a);if(!i){var o=Re();i=document.createElementNS(u.SVG,"path"),Xt(i,{id:"segline_"+a,display:"none",fill:"none",stroke:"#0FF","stroke-width":2,style:"pointer-events:none",d:"M0,0 0,0"}),o.append(i)}if(t){var s=e.prev;if(!s)return i.setAttribute("display","none"),i;var l=Oe(s);Fe(2,0,[l.x,l.y],i);for(var c=(n=e.type,r=e.item,Ce[n].map(function(e){return r[e]})),d=0;d<c.length;d+=2){var h=Oe(e,{x:c[d],y:c[d+1]});c[d]=h.x,c[d+1]=h.y}Fe(e.type,1,c,i)}return i},ze=function(e,t,n){var r=e.x-n.x,a=e.y-n.y,i=t.x-n.x,o=t.y-n.y;if(!(0===r&&0===a||0===i&&0===o)){var s=Math.sqrt(r*r+a*a),l=Math.sqrt(i*i+o*o),c=Te.getSVGRoot().createSVGPoint(),u=Te.getSVGRoot().createSVGPoint(),d=Math.atan2(a,r),h=Math.atan2(o,i);d<0&&(d+=2*Math.PI),h<0&&(h+=2*Math.PI);var p=Math.abs(d-h),f=Math.abs(Math.PI-p)/2,g=void 0,v=void 0;return d-h>0?(g=p<Math.PI?d+f:d-f,v=p<Math.PI?h-f:h+f):(g=p<Math.PI?d-f:d+f,v=p<Math.PI?h+f:h-f),c.x=s*Math.cos(g)+n.x,c.y=s*Math.sin(g)+n.y,u.x=l*Math.cos(v)+n.x,u.y=l*Math.sin(v)+n.y,[c,u]}},qe=function(){function e(t,n){r(this,e),this.selected=!1,this.index=t,this.item=n,this.type=n.pathSegType,this.ctrlpts=[],this.ptgrip=null,this.segsel=null}return a(e,[{key:"showCtrlPts",value:function(e){for(var t in this.ctrlpts)this.ctrlpts.hasOwnProperty(t)&&this.ctrlpts[t].setAttribute("display",e?"inline":"none")}},{key:"selectCtrls",value:function(e){ke("#ctrlpointgrip_"+this.index+"c1, #ctrlpointgrip_"+this.index+"c2").attr("fill",e?"#0FF":"#EEE")}},{key:"show",value:function(e){this.ptgrip&&(this.ptgrip.setAttribute("display",e?"inline":"none"),this.segsel.setAttribute("display",e?"inline":"none"),this.showCtrlPts(e))}},{key:"select",value:function(e){this.ptgrip&&(this.ptgrip.setAttribute("stroke",e?"#0FF":"#00F"),this.segsel.setAttribute("display",e?"inline":"none"),this.ctrlpts&&this.selectCtrls(e),this.selected=e)}},{key:"addGrip",value:function(){this.ptgrip=function(e,t){var n=e.index,r=je(n);if(t){var a=Oe(e);Xt(r,{cx:a.x,cy:a.y,display:"inline"})}return r}(this,!0),this.ctrlpts=Ue(this),this.segsel=He(this,!0)}},{key:"update",value:function(e){if(this.ptgrip){var t=Oe(this);Xt(this.ptgrip,{cx:t.x,cy:t.y}),He(this,!0),this.ctrlpts&&(e&&(this.item=Ie.elem.pathSegList.getItem(this.index),this.type=this.item.pathSegType),Ue(this))}}},{key:"move",value:function(e,t){var n=this.item,r=this.ctrlpts?[n.x+=e,n.y+=t,n.x1,n.y1,n.x2+=e,n.y2+=t]:[n.x+=e,n.y+=t];if(Fe(this.type,this.index,r),this.next&&this.next.ctrlpts){var a=this.next.item,i=[a.x,a.y,a.x1+=e,a.y1+=t,a.x2,a.y2];Fe(this.next.type,this.next.index,i)}if(this.mate){var o=this.mate.item,s=[o.x+=e,o.y+=t];Fe(this.mate.type,this.mate.index,s)}this.update(!0),this.next&&this.next.update(!0)}},{key:"setLinked",value:function(e){var t=void 0,n=void 0,r=void 0;if(2===e){if(n=1,!(t=this.next))return;r=this.item}else{if(n=2,!(t=this.prev))return;r=t.item}var a=t.item;a["x"+n]=r.x+(r.x-this.item["x"+e]),a["y"+n]=r.y+(r.y-this.item["y"+e]);var i=[a.x,a.y,a.x1,a.y1,a.x2,a.y2];Fe(t.type,t.index,i),t.update(!0)}},{key:"moveCtrl",value:function(e,t,n){var r=this.item;r["x"+e]+=t,r["y"+e]+=n;var a=[r.x,r.y,r.x1,r.y1,r.x2,r.y2];Fe(this.type,this.index,a),this.update(!0)}},{key:"setType",value:function(e,t){Fe(e,this.index,t),this.type=e,this.item=Ie.elem.pathSegList.getItem(this.index),this.showCtrlPts(6===e),this.ctrlpts=Ue(this),this.update(!0)}}]),e}(),Ye=function(){function e(t){if(r(this,e),!t||"path"!==t.tagName)throw new Error("svgedit.path.Path constructed without a <path> element");this.elem=t,this.segs=[],this.selected_pts=[],Ie=this,this.init()}return a(e,[{key:"init",value:function(){ke(Re()).find("*").each(function(){ke(this).attr("display","none")});var e=this.elem.pathSegList,t=e.numberOfItems;this.segs=[],this.selected_pts=[],this.first_seg=null;for(var n=0;n<t;n++){var r=e.getItem(n),a=new qe(n,r);a.path=this,this.segs.push(a)}for(var i=this.segs,o=null,s=0;s<t;s++){var l=i[s],c=s+1>=t?null:i[s+1],u=s-1<0?null:i[s-1];if(2===l.type){if(u&&1!==u.type){var d=i[o];d.next=i[o+1],d.next.prev=d,d.addGrip()}o=s}else if(c&&1===c.type)l.next=i[o+1],l.next.prev=l,l.mate=i[o],l.addGrip(),null==this.first_seg&&(this.first_seg=l);else if(c)1!==l.type&&(l.addGrip(),c&&2!==c.type&&(l.next=c,l.next.prev=l));else if(1!==l.type){var h=i[o];h.next=i[o+1],h.next.prev=h,h.addGrip(),l.addGrip(),this.first_seg||(this.first_seg=i[o])}}return this}},{key:"eachSeg",value:function(e){for(var t=this.segs.length,n=0;n<t;n++){if(!1===e.call(this.segs[n],n))break}}},{key:"addSeg",value:function(e){var t=this.segs[e];if(t.prev){var n=t.prev,r=void 0,a=void 0,i=void 0;switch(t.item.pathSegType){case 4:a=(t.item.x+n.item.x)/2,i=(t.item.y+n.item.y)/2,r=this.elem.createSVGPathSegLinetoAbs(a,i);break;case 6:var o=(n.item.x+t.item.x1)/2,s=(t.item.x1+t.item.x2)/2,l=(t.item.x2+t.item.x)/2,c=(o+s)/2,u=(s+l)/2;a=(c+u)/2;var d=(n.item.y+t.item.y1)/2,h=(t.item.y1+t.item.y2)/2,p=(t.item.y2+t.item.y)/2,f=(d+h)/2,g=(h+p)/2;i=(f+g)/2,r=this.elem.createSVGPathSegCurvetoCubicAbs(a,i,o,d,c,f);var v=[t.item.x,t.item.y,u,g,l,p];Fe(t.type,e,v)}Me(this.elem,r,e)}}},{key:"deleteSeg",value:function(e){var t=this.segs[e],n=this.elem.pathSegList;t.show(!1);var r=t.next;if(t.mate){var a=[r.item.x,r.item.y];Fe(2,r.index,a),Fe(4,t.index,a),n.removeItem(t.mate.index)}else if(t.prev)n.removeItem(e);else{var i=[r.item.x,r.item.y];Fe(2,t.next.index,i),n.removeItem(e)}}},{key:"subpathIsClosed",value:function(e){var t=!1;return Ie.eachSeg(function(n){return n<=e||2!==this.type&&(1===this.type?(t=!0,!1):void 0)}),t}},{key:"removePtFromSelection",value:function(e){var t=this.selected_pts.indexOf(e);-1!==t&&(this.segs[e].select(!1),this.selected_pts.splice(t,1))}},{key:"clearSelection",value:function(){this.eachSeg(function(){this.select(!1)}),this.selected_pts=[]}},{key:"storeD",value:function(){this.last_d=this.elem.getAttribute("d")}},{key:"show",value:function(e){return this.eachSeg(function(){this.show(e)}),e&&this.selectPt(this.first_seg.index),this}},{key:"movePts",value:function(e,t){for(var n=this.selected_pts.length;n--;){this.segs[this.selected_pts[n]].move(e,t)}}},{key:"moveCtrl",value:function(e,t){var n=this.segs[this.selected_pts[0]];n.moveCtrl(this.dragctrl,e,t),Pe&&n.setLinked(this.dragctrl)}},{key:"setSegType",value:function(e){this.storeD();for(var t=this.selected_pts.length,n=void 0;t--;){var r=this.selected_pts[t],a=this.segs[r],i=a.prev;if(i){if(!e)n="Toggle Path Segment Type",e=6===a.type?4:6;e=Number(e);var o=a.item.x,s=a.item.y,l=i.item.x,c=i.item.y,u=void 0;switch(e){case 6:if(a.olditem){var d=a.olditem;u=[o,s,d.x1,d.y1,d.x2,d.y2]}else{var h=o-l,p=s-c;u=[o,s,l+h/3,c+p/3,o-h/3,s-p/3]}break;case 4:u=[o,s],a.olditem=a.item}a.setType(e,u)}}Ie.endChanges(n)}},{key:"selectPt",value:function(e,t){this.clearSelection(),null==e&&this.eachSeg(function(t){this.prev&&(e=t)}),this.addPtsToSelection(e),t&&(this.dragctrl=t,Pe&&this.segs[e].setLinked(t))}},{key:"update",value:function(){var e=this.elem;return qt(e)?(this.matrix=xe(e),this.imatrix=this.matrix.inverse()):(this.matrix=null,this.imatrix=null),this.eachSeg(function(t){this.item=e.pathSegList.getItem(t),this.update()}),this}},{key:"endChanges",value:function(e){L()&&Te.resetD(this.elem);var t=new ue(this.elem,{d:this.last_d},e);Te.endChanges({cmd:t,elem:this.elem})}},{key:"addPtsToSelection",value:function(e){Array.isArray(e)||(e=[e]);for(var t=0;t<e.length;t++){var n=e[t];this.segs[n].ptgrip&&!this.selected_pts.includes(n)&&n>=0&&this.selected_pts.push(n)}this.selected_pts.sort();var r=this.selected_pts.length,a=[];for(a.length=r;r--;){var i=this.selected_pts[r],o=this.segs[i];o.select(!0),a[r]=o.ptgrip}var s=this.subpathIsClosed(this.selected_pts[0]);Te.addPtsToSelection({grips:a,closedSubpath:s})}}]),e}(),We=function(e){var t=Ne[e.id];return t||(t=Ne[e.id]=new Ye(e)),t},Xe=function(e){e in Ne&&delete Ne[e]},Qe=void 0,Ke=void 0,Ze=void 0,$e=void 0,Je=void 0,et=function(e,t){var n=e-Ze,r=t-$e,a=Math.sqrt(n*n+r*r),i=Math.atan2(r,n)+Je;return n=a*Math.cos(i)+Ze,r=a*Math.sin(i)+$e,n-=Qe,r-=Ke,a=Math.sqrt(n*n+r*r),i=Math.atan2(r,n)-Je,{x:a*Math.cos(i)+Qe,y:a*Math.sin(i)+Ke}},tt=function(){var e=Ie.elem;if(Je=qt(e,!0)){var t=Ie.oldbbox;Ze=t.x+t.width/2,$e=t.y+t.height/2;var n=Mt(e);Qe=n.x+n.width/2,Ke=n.y+n.height/2;var r=Qe-Ze,a=Ke-$e,i=Math.sqrt(r*r+a*a),o=Math.atan2(a,r)+Je;Qe=i*Math.cos(o)+Ze,Ke=i*Math.sin(o)+$e;for(var s=e.pathSegList,l=s.numberOfItems;l;){l-=1;var c=s.getItem(l),u=c.pathSegType;if(1!==u){var d=et(c.x,c.y),h=[d.x,d.y];if(null!=c.x1&&null!=c.x2){var p=et(c.x1,c.y1),f=et(c.x2,c.y2);h.splice(h.length,0,p.x,p.y,f.x,f.y)}Fe(u,l,h)}}n=Mt(e);var g=Te.getSVGRoot().createSVGTransform(),v=W(e);g.setRotate(180*Je/Math.PI,Qe,Ke),v.replaceItem(g,0)}},nt=[0,"z","M","m","L","l","C","c","Q","q","A","a","H","h","V","v","S","s","T","t"],rt=function(e,t){for(var n=e.pathSegList,r=n.numberOfItems,a=0,i=0,o="",s=null,l=0;l<r;++l){var c=n.getItem(l),u=c.x||0,d=c.y||0,h=c.x1||0,p=c.y1||0,f=c.x2||0,g=c.y2||0,v=c.pathSegType,m=nt[v]["to"+(t?"Lower":"Upper")+"Case"]();switch(v){case 1:o+="z",s&&!t&&(a=s[0],i=s[1]);break;case 12:u-=a;case 13:t?(a+=u,m="l"):(a=u+=a,m="L"),o+=at(m,[[u,i]]);break;case 14:d-=i;case 15:t?(i+=d,m="l"):(i=d+=i,m="L"),o+=at(m,[[a,d]]);break;case 2:case 4:case 18:u-=a,d-=i;case 5:case 3:case 19:t?(a+=u,i+=d):(a=u+=a,i=d+=i),2!==v&&3!==v||(s=[a,i]),o+=at(m,[[u,d]]);break;case 6:u-=a,h-=a,f-=a,d-=i,p-=i,g-=i;case 7:t?(a+=u,i+=d):(h+=a,f+=a,p+=i,g+=i,a=u+=a,i=d+=i),o+=at(m,[[h,p],[f,g],[u,d]]);break;case 8:u-=a,h-=a,d-=i,p-=i;case 9:t?(a+=u,i+=d):(h+=a,p+=i,a=u+=a,i=d+=i),o+=at(m,[[h,p],[u,d]]);break;case 10:u-=a,d-=i;case 11:t?(a+=u,i+=d):(a=u+=a,i=d+=i),o+=at(m,[[c.r1,c.r2]],[c.angle,c.largeArcFlag?1:0,c.sweepFlag?1:0],[u,d]);break;case 16:u-=a,f-=a,d-=i,g-=i;case 17:t?(a+=u,i+=d):(f+=a,g+=i,a=u+=a,i=d+=i),o+=at(m,[[f,g],[u,d]])}}return o};function at(e,t,n,r){ke.each(t,function(e,n){t[e]=ee(n)});var a=e+t.join(" ");return n&&(a+=" "+n.join(" ")),r&&(a+=" "+ee(r)),a}var it,ot,st,lt,ct,ut=(it=!1,ot=void 0,st=void 0,lt=null,ct=!1,{mouseDown:function(e,t,n,r){var a=void 0;if("path"!==Te.getCurrentMode()){if(Ie){Ie.storeD();var i=void 0;if("pathpointgrip_"===(a=e.target.id).substr(0,14)){i=Ie.cur_pt=parseInt(a.substr(14),10),Ie.dragging=[n,r];var o=Ie.segs[i];e.shiftKey?o.selected?Ie.removePtFromSelection(i):Ie.addPtsToSelection(i):((Ie.selected_pts.length<=1||!o.selected)&&Ie.clearSelection(),Ie.addPtsToSelection(i))}else if(a.startsWith("ctrlpointgrip_")){Ie.dragging=[n,r];var s=a.split("_")[1].split("c");i=Number(s[0]);var l=Number(s[1]);Ie.selectPt(i,l)}if(!Ie.dragging){var c=Te.getRubberBox();null==c&&(c=Te.setRubberBox(Te.selectorManager.getRubberBandBox()));var d=Te.getCurrentZoom();Xt(c,{x:n*d,y:r*d,width:0,height:0,display:"inline"},100)}}}else{var h=n,p=r,f=Te.getCurrentZoom(),g=h/f,v=p/f,m=Wt("path_stretch_line");ot=[g,v],Te.getGridSnapping()&&(g=Kt(g),v=Kt(v),h=Kt(h),p=Kt(p)),m||(m=document.createElementNS(u.SVG,"path"),Xt(m,{id:"path_stretch_line",stroke:"#22C","stroke-width":"0.5",fill:"none"}),m=Wt("selectorParentGroup").appendChild(m)),m.setAttribute("display","inline");var _=void 0,y=Te.getDrawnPath();if(y){for(var b=y.pathSegList,x=b.numberOfItems,w=6/f,S=!1;x;){x--;var k=b.getItem(x),C=k.x,A=k.y;if(g>=C-w&&g<=C+w&&v>=A-w&&v<=A+w){S=!0;break}}a=Te.getId(),Xe(a);var E=Wt(a),G=void 0,P=void 0,N=b.numberOfItems;if(S){if(x<=1&&N>=2){var I=b.getItem(0).x,T=b.getItem(0).y;G=4===(P=m.pathSegList.getItem(1)).pathSegType?y.createSVGPathSegLinetoAbs(I,T):y.createSVGPathSegCurvetoCubicAbs(I,T,P.x1/f,P.y1/f,I,T);var L=y.createSVGPathSegClosePath();b.appendItem(G),b.appendItem(L)}else if(N<3)return!1;if(ke(m).remove(),y=Te.setDrawnPath(null),Te.setStarted(!1),it){Ie.matrix&&Te.remapElement(E,{},Ie.matrix.inverse());var M=E.getAttribute("d"),O=ke(Ie.elem).attr("d");return ke(Ie.elem).attr("d",O+M),ke(E).remove(),Ie.matrix&&tt(),Le(),ut.toEditMode(Ie.elem),Ie.selectPt(),!1}}else{if(!ke.contains(Te.getContainer(),Te.getMouseTarget(e)))return console.log("Clicked outside canvas"),!1;var V=y.pathSegList.numberOfItems,j=y.pathSegList.getItem(V-1),R=j.x,B=j.y;if(e.shiftKey){var D=we(R,B,g,v);g=D.x,v=D.y}G=4===(P=m.pathSegList.getItem(1)).pathSegType?y.createSVGPathSegLinetoAbs(Te.round(g),Te.round(v)):y.createSVGPathSegCurvetoCubicAbs(Te.round(g),Te.round(v),P.x1/f,P.y1/f,P.x2/f,P.y2/f),y.pathSegList.appendItem(G),g*=f,v*=f,m.setAttribute("d",["M",g,v,g,v].join(" ")),_=V,it&&(_+=Ie.segs.length),je(_,g,v)}}else{var U="M"+g+","+v+" ";y=Te.setDrawnPath(Te.addSVGElementFromJson({element:"path",curStyles:!0,attr:{d:U,id:Te.getNextId(),opacity:Te.getOpacity()/2}})),m.setAttribute("d",["M",h,p,h,p].join(" ")),_=it?Ie.segs.length:0,je(_,h,p)}}},mouseMove:function(e,t){var n=Te.getCurrentZoom();ct=!0;var r=Te.getDrawnPath();if("path"!==Te.getCurrentMode())if(Ie.dragging){var a=Ve({x:Ie.dragging[0],y:Ie.dragging[1]},Ie),i=Ve({x:e,y:t},Ie),o=i.x-a.x,s=i.y-a.y;Ie.dragging=[e,t],Ie.dragctrl?Ie.moveCtrl(o,s):Ie.movePts(o,s)}else Ie.selected_pts=[],Ie.eachSeg(function(e){if(this.next||this.prev){var t=Te.getRubberBox().getBBox(),n=Oe(this),r={x:n.x,y:n.y,width:0,height:0},a=Se(t,r);this.select(a),a&&Ie.selected_pts.push(this.index)}});else{if(!r)return;var l=r.pathSegList,c=l.numberOfItems-1;if(ot){var u=Be("1c1"),d=Be("0c2");u.setAttribute("cx",e),u.setAttribute("cy",t),u.setAttribute("display","inline");var h=ot[0],p=ot[1],f=h+(h-e/n),g=p+(p-t/n);d.setAttribute("cx",f*n),d.setAttribute("cy",g*n),d.setAttribute("display","inline");var v=De(1);if(Xt(v,{x1:e,y1:t,x2:f*n,y2:g*n,display:"inline"}),0===c)st=[e,t];else{var m=l.getItem(c-1),_=m.x,y=m.y;6===m.pathSegType?(_+=_-m.x2,y+=y-m.y2):st&&(_=st[0]/n,y=st[1]/n),Fe(6,c,[h,p,_,y,f,g],r)}}else{var b=Wt("path_stretch_line");if(b){var x=l.getItem(c);if(6===x.pathSegType){var w=x.x+(x.x-x.x2),S=x.y+(x.y-x.y2);Fe(6,1,[e,t,w*n,S*n,e,t],b)}else st?Fe(6,1,[e,t,st[0],st[1],e,t],b):Fe(4,1,[e,t],b)}}}},mouseUp:function(e,t,n,r){var a=Te.getDrawnPath();if("path"===Te.getCurrentMode())return ot=null,a||(t=Wt(Te.getId()),Te.setStarted(!1),st=null),{keep:!0,element:t};var i=Te.getRubberBox();if(Ie.dragging){var o=Ie.cur_pt;Ie.dragging=!1,Ie.dragctrl=!1,Ie.update(),ct&&Ie.endChanges("Move path point(s)"),e.shiftKey||ct||Ie.selectPt(o)}else i&&"none"!==i.getAttribute("display")?(i.setAttribute("display","none"),i.getAttribute("width")<=2&&i.getAttribute("height")<=2&&ut.toSelectMode(e.target)):ut.toSelectMode(e.target);ct=!1},toEditMode:function(e){Ie=We(e),Te.setCurrentMode("pathedit"),Te.clearSelection(),Ie.show(!0).update(),Ie.oldbbox=Mt(Ie.elem),it=!1},toSelectMode:function(e){var t=e===Ie.elem;Te.setCurrentMode("select"),Ie.show(!1),lt=!1,Te.clearSelection(),Ie.matrix&&tt(),t&&(Te.call("selected",[e]),Te.addToSelection([e],!0))},addSubPath:function(e){e?(Te.setCurrentMode("path"),it=!0):(ut.clear(!0),ut.toEditMode(Ie.elem))},select:function(e){lt===e?(ut.toEditMode(e),Te.setCurrentMode("pathedit")):lt=e},reorient:function(){var e=Te.getSelectedElements()[0];if(e&&0!==qt(e)){var t=new de("Reorient path"),n={d:e.getAttribute("d"),transform:e.getAttribute("transform")};t.addSubCommand(new ue(e,n)),Te.clearSelection(),this.resetOrientation(e),Te.addCommandToHistory(t),We(e).show(!1).matrix=null,this.clear(),Te.addToSelection([e],!0),Te.call("changed",Te.getSelectedElements())}},clear:function(e){var t=Te.getDrawnPath();if(lt=null,t){var n=Wt(Te.getId());ke(Wt("path_stretch_line")).remove(),ke(n).remove(),ke(Wt("pathpointgrip_container")).find("*").attr("display","none"),st=null,Te.setDrawnPath(null),Te.setStarted(!1)}else"pathedit"===Te.getCurrentMode()&&this.toSelectMode();Ie&&Ie.init().show(!1)},resetOrientation:function(e){if(null==e||"path"!==e.nodeName)return!1;var t=W(e),n=be(t).matrix;t.clear(),e.removeAttribute("transform");for(var r=e.pathSegList,a=r.numberOfItems,i=function(t){var a=r.getItem(t),i=a.pathSegType;if(1===i)return"continue";var o=[];ke.each(["",1,2],function(e,t){var r=a["x"+t],i=a["y"+t];if(void 0!==r&&void 0!==i){var s=ge(r,i,n);o.splice(o.length,0,s.x,s.y)}}),Fe(i,t,o,e)},o=0;o<a;++o)i(o);!function(e,t){for(var n=Mt(e),r=0;r<2;r++){var a=0===r?"fill":"stroke",i=e.getAttribute(a);if(i&&i.startsWith("url(")){var o=Yt(i);if("linearGradient"===o.tagName){var s=o.getAttribute("x1")||0,l=o.getAttribute("y1")||0,c=o.getAttribute("x2")||1,u=o.getAttribute("y2")||0;s=n.width*s+n.x,l=n.height*l+n.y,c=n.width*c+n.x,u=n.height*u+n.y;var d=ge(s,l,t),h=ge(c,u,t),p={};p.x1=(d.x-n.x)/n.width,p.y1=(d.y-n.y)/n.height,p.x2=(h.x-n.x)/n.width,p.y2=(h.y-n.y)/n.height;var f=o.cloneNode(!0);ke(f).attr(p),f.id=Te.getNextId(),It().append(f),e.setAttribute(a,"url(#"+f.id+")")}}}}(e,n)},zoomChange:function(){"pathedit"===Te.getCurrentMode()&&Ie.update()},getNodePoint:function(){var e=Ie.selected_pts.length?Ie.selected_pts[0]:1,t=Ie.segs[e];return{x:t.item.x,y:t.item.y,type:t.type}},linkControlPoints:function(e){Pe=e},clonePathNode:function(){Ie.storeD();for(var e=Ie.selected_pts,t=e.length,n=[];t--;){var r=e[t];Ie.addSeg(r),n.push(r+t),n.push(r+t+1)}Ie.init().addPtsToSelection(n),Ie.endChanges("Clone path node(s)")},opencloseSubPath:function(){var e=Ie.selected_pts;if(1===e.length){var t=Ie.elem,n=t.pathSegList,r=e[0],a=null,i=null;if(Ie.eachSeg(function(e){return 2===this.type&&e<=r&&(i=this.item),e<=r||(2===this.type?(a=e,!1):1===this.type?(a=!1,!1):void 0)}),null==a&&(a=Ie.segs.length-1),!1!==a){var o=t.createSVGPathSegLinetoAbs(i.x,i.y),s=t.createSVGPathSegClosePath();return a===Ie.segs.length-1?(n.appendItem(o),n.appendItem(s)):(Me(t,s,a),Me(t,o,a)),void Ie.init().selectPt(a+1)}if(Ie.segs[r].mate)return n.removeItem(r),n.removeItem(r),void Ie.init().selectPt(r-1);for(var l=void 0,c=void 0,u=0;u<n.numberOfItems;u++){var d=n.getItem(u);if(2===d.pathSegType)l=u;else if(u===r)n.removeItem(l);else if(1===d.pathSegType&&r<u){c=u-1,n.removeItem(u);break}}for(var h=r-l-1;h--;)Me(t,n.getItem(l),c);var p=n.getItem(l);Fe(2,l,[p.x,p.y]),Ie.init().selectPt(0)}},deletePathNode:function(){if(ut.canDeleteNodes){Ie.storeD();for(var e=Ie.selected_pts,t=e.length;t--;){var n=e[t];Ie.deleteSeg(n)}if(function e(){var t=Ie.elem.pathSegList,n=t.numberOfItems,r=function(e,n){for(;n--;)t.removeItem(e)};if(n<=1)return!0;for(;n--;){var a=t.getItem(n);if(1===a.pathSegType){var i=t.getItem(n-1),o=t.getItem(n-2);if(2===i.pathSegType){r(n-1,2),e();break}if(2===o.pathSegType){r(n-2,3),e();break}}else if(2===a.pathSegType&&n>0){var s=t.getItem(n-1).pathSegType;if(2===s){r(n-1,1),e();break}if(1===s&&t.numberOfItems-1===n){r(n,1),e();break}}}return!1}(),Ie.elem.pathSegList.numberOfItems<=1)return ut.toSelectMode(Ie.elem),void Te.canvas.deleteSelectedElements();if(Ie.init(),Ie.clearSelection(),window.opera){var r=ke(Ie.elem);r.attr("d",r.attr("d"))}Ie.endChanges("Delete path node(s)")}},smoothPolylineIntoPath:function(e){var t=void 0,n=e.points,r=n.numberOfItems;if(r>=4){var a=n.getItem(0),i=null,o=[];for(o.push(["M",a.x,",",a.y," C"].join("")),t=1;t<=r-4;t+=3){var s=n.getItem(t),l=n.getItem(t+1),c=n.getItem(t+2);if(i){var u=ze(i,s,a);if(u&&2===u.length){var d=o[o.length-1].split(",");d[2]=u[0].x,d[3]=u[0].y,o[o.length-1]=d.join(","),s=u[1]}}o.push([s.x,s.y,l.x,l.y,c.x,c.y].join(",")),a=c,i=l}for(o.push("L");t<r;){var h=n.getItem(t);o.push([h.x,h.y].join(",")),t++}o=o.join(" "),e=Te.addSVGElementFromJson({element:"path",curStyles:!0,attr:{id:Te.getId(),d:o,fill:"none"}})}return e},setSegType:function(e){Ie.setSegType(e)},moveNode:function(e,t){var n=Ie.selected_pts;if(n.length){Ie.storeD();var r=Ie.segs[n[0]],a={x:0,y:0};a[e]=t-r.item[e],r.move(a.x,a.y),Ie.endChanges("Move path point")}},fixEnd:function(e){for(var t=e.pathSegList,n=t.numberOfItems,r=void 0,a=0;a<n;++a){var i=t.getItem(a);if(2===i.pathSegType&&(r=i),1===i.pathSegType){var o=t.getItem(a-1);if(o.x!==r.x||o.y!==r.y){var s=e.createSVGPathSegLinetoAbs(r.x,r.y);Me(e,s,a),ut.fixEnd(e);break}}}L()&&Te.resetD(e)},convertPath:rt}),dt=U(jQuery),ht="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",pt="a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use".split(","),ft=null,gt=null,vt=null,mt=null,_t=function(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/,"&#x27;")},yt=function(e){if(e=wt(e),window.btoa)return window.btoa(e);var t=[];t.length=4*Math.floor((e.length+2)/3);var n=0,r=0;do{var a=e.charCodeAt(n++),i=e.charCodeAt(n++),o=e.charCodeAt(n++),s=a>>2,l=(3&a)<<4|i>>4,c=(15&i)<<2|o>>6,u=63&o;isNaN(i)?c=u=64:isNaN(o)&&(u=64),t[r++]=ht.charAt(s),t[r++]=ht.charAt(l),t[r++]=ht.charAt(c),t[r++]=ht.charAt(u)}while(n<e.length);return t.join("")},bt=function(e){if(window.atob)return xt(window.atob(e));e=e.replace(/[^A-Za-z0-9+/=]/g,"");var t="",n=0;do{var r=ht.indexOf(e.charAt(n++)),a=ht.indexOf(e.charAt(n++)),i=ht.indexOf(e.charAt(n++)),o=ht.indexOf(e.charAt(n++)),s=r<<2|a>>4,l=(15&a)<<4|i>>2,c=(3&i)<<6|o;t+=String.fromCharCode(s),64!==i&&(t+=String.fromCharCode(l)),64!==o&&(t+=String.fromCharCode(c))}while(n<e.length);return xt(t)},xt=function(e){return decodeURIComponent(escape(e))},wt=function(e){return unescape(encodeURIComponent(e))},St=function(e){if("undefined"==typeof Uint8Array||"undefined"==typeof Blob||"undefined"==typeof URL||!URL.createObjectURL)return"";for(var t=e.split(","),n=t[0].match(/:(.*?);/)[1],r=atob(t[1]),a=r.length,i=new Uint8Array(a);a--;)i[a]=r.charCodeAt(a);var o=new Blob([i],{type:n});return URL.createObjectURL(o)},kt=function(e){return e&&"undefined"!=typeof URL&&URL.createObjectURL?URL.createObjectURL(e):""},Ct=function(){if("undefined"==typeof Blob)return"";var e=new Blob(["<html><head><title>SVG-edit</title></head><body>&nbsp;</body></html>"],{type:"text/html"});return kt(e)}(),At=function(e){e.includes("<svg:svg")&&(e=e.replace(/<(\/?)svg:/g,"<$1").replace("xmlns:svg","xmlns"));var t=void 0,n=void 0;try{(n=window.DOMParser?new DOMParser:new window.ActiveXObject("Microsoft.XMLDOM")).async=!1}catch(e){throw new Error("XML Parser could not be instantiated")}try{t=n.loadXML?!!n.loadXML(e)&&n:n.parseFromString(e,"text/xml")}catch(e){throw new Error("Error parsing XML string")}return t},Et=function e(t,n){if(t&&1===t.nodeType){n(t);for(var r=t.childNodes.length;r--;)e(t.childNodes.item(r),n)}},Gt=function(e){if(e){if(e.startsWith('url("'))return e.substring(5,e.indexOf('"',6));if(e.startsWith("url('"))return e.substring(5,e.indexOf("'",6));if(e.startsWith("url("))return e.substring(4,e.indexOf(")"))}return null},Pt=function(e){return e.getAttributeNS(u.XLINK,"href")},Nt=function(e,t){e.setAttributeNS(u.XLINK,"xlink:href",t)},It=function(){var e=ft.getSVGContent(),t=e.getElementsByTagNameNS(u.SVG,"defs");return t.length>0?t=t[0]:(t=e.ownerDocument.createElementNS(u.SVG,"defs"),e.firstChild?e.insertBefore(t,e.firstChild.nextSibling):e.append(t)),t},Tt=function(e){for(var t=e.pathSegList,n=t.numberOfItems,r=[[],[]],a=t.getItem(0),i=[a.x,a.y],o=0;o<n;o++){var s=t.getItem(o);void 0!==s.x&&(r[0].push(i[0]),r[1].push(i[1]),s.x1?function(){for(var e=[s.x1,s.y1],t=[s.x2,s.y2],n=[s.x,s.y],a=function(a){var o=function(r){return Math.pow(1-r,3)*i[a]+3*Math.pow(1-r,2)*r*e[a]+3*(1-r)*Math.pow(r,2)*t[a]+Math.pow(r,3)*n[a]},s=6*i[a]-12*e[a]+6*t[a],l=-3*i[a]+9*e[a]-9*t[a]+3*n[a],c=3*e[a]-3*i[a];if(0===l){if(0===s)return"continue";var u=-c/s;return u>0&&u<1&&r[a].push(o(u)),"continue"}var d=Math.pow(s,2)-4*c*l;if(d<0)return"continue";var h=(-s+Math.sqrt(d))/(2*l);h>0&&h<1&&r[a].push(o(h));var p=(-s-Math.sqrt(d))/(2*l);p>0&&p<1&&r[a].push(o(p))},o=0;o<2;o++)a(o);i=n}():(r[0].push(s.x),r[1].push(s.y)))}var l=Math.min.apply(null,r[0]),c=Math.max.apply(null,r[0])-l,u=Math.min.apply(null,r[1]);return{x:l,y:u,width:c,height:Math.max.apply(null,r[1])-u}};function Lt(e){if(B())try{return e.getBBox()}catch(e){}var t=dt.data(e,"ref"),n=null,r=void 0,a=void 0;t?(a=dt(t).children().clone().attr("visibility","hidden"),dt(mt).append(a),n=a.filter("line, path")):n=dt(e).find("line, path");var i=!1;if(n.length)if(n.each(function(){var e=this.getBBox();e.width&&e.height||(i=!0)}),i){var o=t?a:dt(e).children();r=Ut(o)}else r=e.getBBox();else r=e.getBBox();return t&&a.remove(),r}var Mt=function(e){var t=e||ft.geSelectedElements()[0];if(1!==e.nodeType)return null;var n,r=t.nodeName,a=null;switch(r){case"text":""===t.textContent?(t.textContent="a",a=t.getBBox(),t.textContent=""):t.getBBox&&(a=t.getBBox());break;case"path":G?t.getBBox&&(a=t.getBBox()):a=Tt(t);break;case"g":case"a":a=Lt(t);break;default:if("use"===r&&(a=Lt(t)),"use"===r||"foreignObject"===r&&L()){if(a||(a=t.getBBox()),!L()){var i={};i.width=a.width,i.height=a.height,i.x=a.x+parseFloat(t.getAttribute("x")||0),i.y=a.y+parseFloat(t.getAttribute("y")||0),a=i}}else if(pt.includes(r))if(t)try{a=t.getBBox()}catch(e){var o=t.getExtentOfChar(0),s=t.getComputedTextLength();a={x:o.x,y:o.y,width:s,height:o.height}}else{var l=dt(t).closest("foreignObject");l.length&&l[0].getBBox&&(a=l[0].getBBox())}}return a&&(a={x:(n=a).x,y:n.y,width:n.width,height:n.height}),a},Ot=function(e){var t="";return dt.each(e,function(e,n){var r=l(n,2),a=r[0],i=r[1];t+=a;for(var o=0;o<i.length;o+=2)t+=i[o]+","+i[o+1]+" "}),t},Vt=function(e){var t=1.81,n=void 0,r=void 0,a=void 0,i=void 0;switch(e.tagName){case"ellipse":case"circle":var o=r=dt(e).attr(["rx","ry","cx","cy"]),s=o.cx,l=o.cy,c=r;a=c.rx,i=c.ry,"circle"===e.tagName&&(a=i=dt(e).attr("r")),n=Ot([["M",[s-a,l]],["C",[s-a,l-i/t,s-a/t,l-i,s,l-i]],["C",[s+a/t,l-i,s+a,l-i/t,s+a,l]],["C",[s+a,l+i/t,s+a/t,l+i,s,l+i]],["C",[s-a/t,l+i,s-a,l+i/t,s-a,l]],["Z",[]]]);break;case"path":n=e.getAttribute("d");break;case"line":n="M"+(r=dt(e).attr(["x1","y1","x2","y2"])).x1+","+r.y1+"L"+r.x2+","+r.y2;break;case"polyline":n="M"+e.getAttribute("points");break;case"polygon":n="M"+e.getAttribute("points")+" Z";break;case"rect":var u=dt(e).attr(["rx","ry"]);a=u.rx,i=u.ry;var d=e.getBBox(),h=d.x,p=d.y,f=d.width,g=d.height;t=4-t,n=Ot(a||i?[["M",[h,p+i]],["C",[h,p+i/t,h+a/t,p,h+a,p]],["L",[h+f-a,p]],["C",[h+f-a/t,p,h+f,p+i/t,h+f,p+i]],["L",[h+f,p+g-i]],["C",[h+f,p+g-i/t,h+f-a/t,p+g,h+f-a,p+g]],["L",[h+a,p+g]],["C",[h+a/t,p+g,h,p+g-i/t,h,p+g-i]],["L",[h,p+i]],["Z",[]]]:[["M",[h,p]],["L",[h+f,p]],["L",[h+f,p+g]],["L",[h,p+g]],["L",[h,p]],["Z",[]]])}return n},jt=function(e){var t={};return dt.each(["marker-start","marker-end","marker-mid","filter","clip-path"],function(){var n=e.getAttribute(this);n&&(t[this]=n)}),t},Rt=function(e,t,n){var r=t({element:"path",attr:jt(e)}),a=e.getAttribute("transform");a&&r.setAttribute("transform",a);var i=e.parentNode;e.nextSibling?e.before(r):i.append(r);var o=Vt(e);o?r.setAttribute("d",o):r.remove(),n.resetOrientation(r);var s=!1;try{s=r.getBBox()}catch(e){}return r.remove(),s};var Bt=function(e,t,n){var r=Mt(e);if(!r)return null;var a=W(e),i=zt(a),o=_e(a);if(i||o){var s=!1;if(function(e,t){var n=e%90;return t||!(n>-.001&&n<.001||n<-89.99||n>89.99)}(i,o)){if(["ellipse","path","line","polyline","polygon"].includes(e.tagName))r=s=Rt(e,t,n);else if("rect"===e.tagName){var l=e.getAttribute("rx"),c=e.getAttribute("ry");(l||c)&&(r=s=Rt(e,t,n))}}if(!s){var u=be(a).matrix;r=ye(r.x,r.y,r.width,r.height,u).aabox}}return r};function Dt(e){var t=e.getAttribute("stroke-width");return isNaN(t)||"none"===e.getAttribute("stroke")?0:t/2}var Ut=function(e,t,n){if(!e||!e.length)return!1;var r=void 0;if(dt.each(e,function(){r||this.parentNode&&(r=Bt(this,t,n))}),void 0===r)return null;var a=r.x+r.width,i=r.y+r.height,o=r.x,s=r.y;if(1===e.length){var l=Dt(e[0]);o-=l,s-=l,a+=l,i+=l}else dt.each(e,function(e,r){var l=Bt(r,t,n);if(l){var c=Dt(r);o=Math.min(o,l.x-c),s=Math.min(s,l.y-c),1===r.nodeType&&(a=Math.max(a,l.x+l.width+c),i=Math.max(i,l.y+l.height+c))}});return r.x=o,r.y=s,r.width=a-o,r.height=i-s,r},Ft=function(e){e||(e=dt(ft.getSVGContent()).children());var t=[];return dt(e).children().each(function(e,n){n.getBBox&&t.push(n)}),t.reverse()},Ht=function(e){return e||(e=Ft()),Ut(e,ft.addSVGElementFromJson,ft.pathActions)},zt=function(e,t){if(!e)return 0;for(var n=e.numberOfItems,r=0;r<n;++r){var a=e.getItem(r);if(4===a.type)return t?a.angle*Math.PI/180:a.angle}return 0},qt=function(e,t){var n=e||ft.getSelectedElements()[0],r=W(n);return zt(r,t)},Yt=function(e){return Wt(Gt(e).substr(1))},Wt=S?function(e){return mt.querySelector("#"+e)}:k?function(e){return gt.evaluate('svg:svg[@id="svgroot"]//svg:*[@id="'+e+'"]',vt,function(){return u.SVG},9,null).singleNodeValue}:function(e){return dt(mt).find("[id="+e+"]")[0]},Xt=function(e,t,n,r){var a=!0,i=!1,o=void 0;try{for(var s,c=Object.entries(t)[Symbol.iterator]();!(a=(s=c.next()).done);a=!0){var d=s.value,h=l(d,2),p=h[0],f=h[1],g="xml:"===p.substr(0,4)?u.XML:"xlink:"===p.substr(0,6)?u.XLINK:null;g?e.setAttributeNS(g,p,f):r?ne(e,p,f):e.setAttribute(p,f)}}catch(e){i=!0,o=e}finally{try{!a&&c.return&&c.return()}finally{if(i)throw o}}},Qt=function(e){var t={"fill-opacity":1,"stop-opacity":1,opacity:1,stroke:"none","stroke-dasharray":"none","stroke-linejoin":"miter","stroke-linecap":"butt","stroke-opacity":1,"stroke-width":1,rx:0,ry:0};for(var n in"ellipse"===e.nodeName&&(delete t.rx,delete t.ry),t){var r=t[n];e.getAttribute(n)===String(r)&&e.removeAttribute(n)}},Kt=function(e){var t=ft.getBaseUnit(),n=ft.getSnappingStep();return"px"!==t&&(n*=J()[t]),e=Math.round(e/n)*n},Zt=function(e){dt(e).click(function(e){e.preventDefault()})},$t=jQuery,Jt={},en=function(e){Object.keys(Jt).length||$t("#cmenu_canvas").append("<li class='separator'>");var t=e.shortcut||"";$t("#cmenu_canvas").append("<li class='disabled'><a href='#"+e.id+"'>"+e.label+"<span class='shortcut'>"+t+"</span></a></li>")};function tn(e,t){["id","class","type"].forEach(function(n){n in t&&(e[n]=t[n])})}var nn,rn,an=(nn=n(regeneratorRuntime.mark(function e(t,n){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",on(t,i({},n,{returnDefault:!0})));case 1:case"end":return e.stop()}},e,this)})),function(e,t){return nn.apply(this,arguments)}),on=(rn=n(regeneratorRuntime.mark(function e(t,n){var r=n.global,a=n.returnDefault;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!!("svgEditor"in window&&window.svgEditor&&!1===window.svgEditor.modules)){e.next=3;break}return e.abrupt("return",ln(t,void 0,{returnDefault:a}));case 3:return e.next=5,sn(t);case 5:return e.abrupt("return",window[r]);case 6:case"end":return e.stop()}},e,this)})),function(e,t){return rn.apply(this,arguments)});function sn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Array.isArray(e)?Promise.all(e.map(function(e){return sn(e,t)})):new Promise(function(n,r){var a=document.createElement("script"),i=function(){a.onerror=null,a.onload=null,a.remove(),a.src=""};a.defer="defer",tn(a,t),a.onerror=function(){r(new Error("Failed to import: "+e)),i()},a.onload=function(){n(),i()},a.src=e,document.head.append(a)})}function ln(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).returnDefault,r=void 0!==n&&n;return Array.isArray(e)?Promise.all(e.map(function(e){return ln(e,t)})):new Promise(function(n,a){var i="$importModule$"+Math.random().toString(32).slice(2),o=document.createElement("script"),s=function(){delete window[i],o.onerror=null,o.onload=null,o.remove(),URL.revokeObjectURL(o.src),o.src=""};tn(o,t),o.defer="defer",o.type="module",o.onerror=function(){a(new Error("Failed to import: "+e)),s()},o.onload=function(){n(window[i]),s()};var l="import * as m from '"+function(e){var t=document.createElement("a");return t.setAttribute("href",e),t.cloneNode(!1).href}(e).replace(/'/g,"\\'")+"'; window."+i+" = "+(r?"m.default || ":"")+"m;",c=new Blob([l],{type:"text/javascript"});o.src=URL.createObjectURL(c),document.head.append(o)})}var cn=jQuery,un=function(){function e(t,n,a){if(r(this,e),this.name_=t,this.group_=a?null:n,a){var i=a.ownerDocument;this.group_=i.createElementNS(u.SVG,"g");var o=i.createElementNS(u.SVG,"title");o.textContent=t,this.group_.append(o),n?cn(n).after(this.group_):a.append(this.group_)}dn(this.group_),Et(this.group_,function(e){e.setAttribute("style","pointer-events:inherit")}),this.group_.setAttribute("style",a?"pointer-events:all":"pointer-events:none")}return a(e,[{key:"getName",value:function(){return this.name_}},{key:"getGroup",value:function(){return this.group_}},{key:"activate",value:function(){this.group_.setAttribute("style","pointer-events:all")}},{key:"deactivate",value:function(){this.group_.setAttribute("style","pointer-events:none")}},{key:"setVisible",value:function(e){var t=void 0===e||e?"inline":"none";this.group_.getAttribute("display")!==t&&this.group_.setAttribute("display",t)}},{key:"isVisible",value:function(){return"none"!==this.group_.getAttribute("display")}},{key:"getOpacity",value:function(){var e=this.group_.getAttribute("opacity");return null===e||void 0===e?1:parseFloat(e)}},{key:"setOpacity",value:function(e){"number"==typeof e&&e>=0&&e<=1&&this.group_.setAttribute("opacity",e)}},{key:"appendChildren",value:function(e){for(var t=0;t<e.length;++t)this.group_.append(e[t])}},{key:"getTitleElement",value:function(){for(var e=this.group_.childNodes.length,t=0;t<e;++t){var n=this.group_.childNodes.item(t);if(n&&"title"===n.tagName)return n}return null}},{key:"setName",value:function(e,t){var n=this.name_;e=_t(e);var r=this.getTitleElement();return r?(cn(r).empty(),r.textContent=e,this.name_=e,t&&t.changeElement(r,{"#text":n}),this.name_):null}},{key:"removeGroup",value:function(){var e=this.group_.parentNode.removeChild(this.group_);return this.group_=void 0,e}}]),e}();function dn(e){var t=e.getAttribute("class");null!==t&&void 0!==t&&t.length?un.CLASS_REGEX.test(t)||e.setAttribute("class",t+" "+un.CLASS_NAME):e.setAttribute("class",un.CLASS_NAME)}un.CLASS_NAME="layer",un.CLASS_REGEX=new RegExp("(\\s|^)"+un.CLASS_NAME+"(\\s|$)");var hn=function(){function e(t){r(this,e),this.undoManager_=t,this.currentBatchCommand_=null,this.batchCommandStack_=[]}return a(e,[{key:"startBatchCommand",value:function(e){return this.undoManager_?(this.currentBatchCommand_=new de(e),this.batchCommandStack_.push(this.currentBatchCommand_),this):this}},{key:"endBatchCommand",value:function(){if(!this.undoManager_)return this;if(this.currentBatchCommand_){var e=this.currentBatchCommand_;this.batchCommandStack_.pop();var t=this.batchCommandStack_.length;this.currentBatchCommand_=t?this.batchCommandStack_[t-1]:null,this.addCommand_(e)}return this}},{key:"moveElement",value:function(e,t,n,r){return this.undoManager_?(this.addCommand_(new se(e,t,n,r)),this):this}},{key:"insertElement",value:function(e,t){return this.undoManager_?(this.addCommand_(new le(e,t)),this):this}},{key:"removeElement",value:function(e,t,n,r){return this.undoManager_?(this.addCommand_(new ce(e,t,n,r)),this):this}},{key:"changeElement",value:function(e,t,n){return this.undoManager_?(this.addCommand_(new ue(e,t,n)),this):this}},{key:"addCommand_",value:function(e){if(!this.undoManager_)return this;this.currentBatchCommand_?this.currentBatchCommand_.addSubCommand(e):this.undoManager_.addCommandToHistory(e)}}]),e}();hn.NO_HISTORY=new hn;var pn=jQuery,fn="a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use".split(","),gn={LET_DOCUMENT_DECIDE:0,ALWAYS_RANDOMIZE:1,NEVER_RANDOMIZE:2},vn=gn.LET_DOCUMENT_DECIDE,mn=[];function _n(e){return e||new hn(wn.undoMgr)}function yn(e){for(var t=1;e.includes("Layer "+t);)t++;return"Layer "+t}var bn=function(){function e(t,n){if(r(this,e),!t||!t.tagName||!t.namespaceURI||"svg"!==t.tagName||t.namespaceURI!==u.SVG)throw new Error("Error: svgedit.draw.Drawing instance initialized without a <svg> element");this.svgElem_=t,this.obj_num=0,this.idPrefix=n||"svg_",this.releasedNums=[],this.all_layers=[],this.layer_map={},this.current_layer=null,this.nonce_="";var a=this.svgElem_.getAttributeNS(u.SE,"nonce");a&&vn!==gn.NEVER_RANDOMIZE?this.nonce_=a:vn===gn.ALWAYS_RANDOMIZE&&this.setNonce(Math.floor(100001*Math.random()))}return a(e,[{key:"getElem_",value:function(e){return this.svgElem_.querySelector?this.svgElem_.querySelector("#"+e):pn(this.svgElem_).find("[id="+e+"]")[0]}},{key:"getSvgElem",value:function(){return this.svgElem_}},{key:"getNonce",value:function(){return this.nonce_}},{key:"setNonce",value:function(e){this.svgElem_.setAttributeNS(u.XMLNS,"xmlns:se",u.SE),this.svgElem_.setAttributeNS(u.SE,"se:nonce",e),this.nonce_=e}},{key:"clearNonce",value:function(){this.nonce_=""}},{key:"getId",value:function(){return this.nonce_?this.idPrefix+this.nonce_+"_"+this.obj_num:this.idPrefix+this.obj_num}},{key:"getNextId",value:function(){var e=this.obj_num,t=!1;this.releasedNums.length>0?(this.obj_num=this.releasedNums.pop(),t=!0):this.obj_num++;for(var n=this.getId();this.getElem_(n);)t&&(this.obj_num=e,t=!1),this.obj_num++,n=this.getId();return t&&(this.obj_num=e),n}},{key:"releaseId",value:function(e){var t=this.idPrefix+(this.nonce_?this.nonce_+"_":"");if("string"!=typeof e||!e.startsWith(t))return!1;var n=parseInt(e.substr(t.length),10);return!("number"!=typeof n||n<=0||this.releasedNums.includes(n))&&(this.releasedNums.push(n),!0)}},{key:"getNumLayers",value:function(){return this.all_layers.length}},{key:"hasLayer",value:function(e){return void 0!==this.layer_map[e]}},{key:"getLayerName",value:function(e){return e>=0&&e<this.getNumLayers()?this.all_layers[e].getName():""}},{key:"getCurrentLayer",value:function(){return this.current_layer?this.current_layer.getGroup():null}},{key:"getLayerByName",value:function(e){var t=this.layer_map[e];return t?t.getGroup():null}},{key:"getCurrentLayerName",value:function(){return this.current_layer?this.current_layer.getName():""}},{key:"setCurrentLayerName",value:function(e,t){var n=null;if(this.current_layer){var r=this.current_layer.getName();(n=this.current_layer.setName(e,t))&&(delete this.layer_map[r],this.layer_map[n]=this.current_layer)}return n}},{key:"setCurrentLayerPosition",value:function(e){var t=this.getNumLayers();if(!this.current_layer||e<0||e>=t)return null;var n=void 0;for(n=0;n<t&&this.all_layers[n]!==this.current_layer;++n);if(n===t)return null;if(n!==e){var r=this.current_layer.getGroup(),a=r.nextSibling,i=null;return e>n?e<t-1&&(i=this.all_layers[e+1].getGroup()):i=this.all_layers[e].getGroup(),this.svgElem_.insertBefore(r,i),this.identifyLayers(),this.setCurrentLayer(this.getLayerName(e)),{currentGroup:r,oldNextSibling:a}}return null}},{key:"mergeLayer",value:function(e){var t=this.current_layer.getGroup(),n=pn(t).prev()[0];if(n){e.startBatchCommand("Merge Layer");var r=t.nextSibling;for(e.removeElement(t,r,this.svgElem_);t.firstChild;){var a=t.firstChild;if("title"!==a.localName){var i=a.nextSibling;n.append(a),e.moveElement(a,i,t)}else e.removeElement(a,a.nextSibling,t),a.remove()}this.current_layer.removeGroup();var o=this.all_layers.indexOf(this.current_layer);if(o>0){var s=this.current_layer.getName();this.current_layer=this.all_layers[o-1],this.all_layers.splice(o,1),delete this.layer_map[s]}e.endBatchCommand()}}},{key:"mergeAllLayers",value:function(e){for(this.current_layer=this.all_layers[this.all_layers.length-1],e.startBatchCommand("Merge all Layers");this.all_layers.length>1;)this.mergeLayer(e);e.endBatchCommand()}},{key:"setCurrentLayer",value:function(e){var t=this.layer_map[e];return!!t&&(this.current_layer&&this.current_layer.deactivate(),this.current_layer=t,this.current_layer.activate(),!0)}},{key:"deleteCurrentLayer",value:function(){if(this.current_layer&&this.getNumLayers()>1){var e=this.current_layer.removeGroup();return this.identifyLayers(),e}return null}},{key:"identifyLayers",value:function(){this.all_layers=[],this.layer_map={};for(var e,t=this.svgElem_.childNodes.length,n=[],r=[],a=null,i=!1,o=0;o<t;++o){var s=this.svgElem_.childNodes.item(o);if(s&&1===s.nodeType)if("g"===s.tagName){i=!0;var l=pn("title",e=s).text()||(T()&&e.querySelectorAll?pn(e.querySelectorAll("title")).text():"");l?(r.push(l),a=new un(l,s),this.all_layers.push(a),this.layer_map[l]=a):n.push(s)}else fn.includes(s.nodeName)&&n.push(s)}n.length>0||!i?((a=new un(yn(r),null,this.svgElem_)).appendChildren(n),this.all_layers.push(a),this.layer_map[name]=a):a.activate(),this.current_layer=a}},{key:"createLayer",value:function(e,t){this.current_layer&&this.current_layer.deactivate(),(void 0===e||null===e||""===e||this.layer_map[e])&&(e=yn(Object.keys(this.layer_map)));var n=new un(e,null,this.svgElem_);return t&&(t.startBatchCommand("Create Layer"),t.insertElement(n.getGroup()),t.endBatchCommand()),this.all_layers.push(n),this.layer_map[e]=n,this.current_layer=n,n.getGroup()}},{key:"cloneLayer",value:function(e,t){if(!this.current_layer)return null;this.current_layer.deactivate(),(void 0===e||null===e||""===e||this.layer_map[e])&&(e=yn(Object.keys(this.layer_map)));for(var n=this.current_layer.getGroup(),r=new un(e,n,this.svgElem_),a=r.getGroup(),i=n.childNodes,o=0;o<i.length;o++){var s=i[o];"title"!==s.localName&&a.append(this.copyElem(s))}t&&(t.startBatchCommand("Duplicate Layer"),t.insertElement(a),t.endBatchCommand());var l=this.all_layers.indexOf(this.current_layer);return l>=0?this.all_layers.splice(l+1,0,r):this.all_layers.push(r),this.layer_map[e]=r,this.current_layer=r,a}},{key:"getLayerVisibility",value:function(e){var t=this.layer_map[e];return!!t&&t.isVisible()}},{key:"setLayerVisibility",value:function(e,t){if("boolean"!=typeof t)return null;var n=this.layer_map[e];return n?(n.setVisible(t),n.getGroup()):null}},{key:"getLayerOpacity",value:function(e){var t=this.layer_map[e];return t?t.getOpacity():null}},{key:"setLayerOpacity",value:function(e,t){if(!("number"!=typeof t||t<0||t>1)){var n=this.layer_map[e];n&&n.setOpacity(t)}}},{key:"copyElem",value:function(e){var t=this;return function e(t,n){var r=document.createElementNS(t.namespaceURI,t.nodeName);if(dt.each(t.attributes,function(e,t){"-moz-math-font-style"!==t.localName&&r.setAttributeNS(t.namespaceURI,t.nodeName,t.value)}),r.removeAttribute("id"),r.id=n(),L()&&"path"===t.nodeName){var a=rt(t);r.setAttribute("d",a)}if(dt.each(t.childNodes,function(t,a){switch(a.nodeType){case 1:r.append(e(a,n));break;case 3:r.textContent=a.nodeValue}}),dt(t).data("gsvg"))dt(r).data("gsvg",r.firstChild);else if(dt(t).data("symbol")){var i=dt(t).data("symbol");dt(r).data("ref",i).data("symbol",i)}else"image"===r.tagName&&Zt(r);return r}(e,function(){return t.getNextId()})}}]),e}(),xn=function(e,t){(vn=!1===e?gn.NEVER_RANDOMIZE:gn.ALWAYS_RANDOMIZE)!==gn.ALWAYS_RANDOMIZE||t.getNonce()?vn===gn.NEVER_RANDOMIZE&&t.getNonce()&&t.clearNonce():t.setNonce(Math.floor(100001*Math.random()))},wn=void 0,Sn=function(e){wn=e},kn=function(){Cn(),wn.getCurrentDrawing().identifyLayers()},Cn=function(){var e=mn.length;if(e){for(var t=0;t<e;t++){var n=mn[t],r=wn.elData(n,"orig_opac");1!==r?n.setAttribute("opacity",r):n.removeAttribute("opacity"),n.setAttribute("style","pointer-events: inherit")}mn=[],wn.clearSelection(!0),wn.call("contextset",null)}wn.setCurrentGroup(null)},An=function(e){Cn(),"string"==typeof e&&(e=Wt(e)),wn.setCurrentGroup(e),pn(e).parentsUntil("#svgcontent").andSelf().siblings().each(function(){var e=this.getAttribute("opacity")||1;wn.elData(this,"orig_opac",e),this.setAttribute("opacity",.33*e),this.setAttribute("style","pointer-events: none"),mn.push(this)}),wn.clearSelection(),wn.call("contextset",wn.getCurrentGroup())},En=Object.freeze({Drawing:bn,randomizeIds:xn,init:Sn,identifyLayers:kn,createLayer:function(e,t){var n=wn.getCurrentDrawing().createLayer(e,_n(t));wn.clearSelection(),wn.call("changed",[n])},cloneLayer:function(e,t){var n=wn.getCurrentDrawing().cloneLayer(e,_n(t));wn.clearSelection(),Cn(),wn.call("changed",[n])},deleteCurrentLayer:function(){var e=wn.getCurrentDrawing().getCurrentLayer(),t=e.nextSibling,n=e.parentNode;if(e=wn.getCurrentDrawing().deleteCurrentLayer()){var r=new de("Delete Layer");return r.addSubCommand(new ce(e,t,n)),wn.addCommandToHistory(r),wn.clearSelection(),wn.call("changed",[n]),!0}return!1},setCurrentLayer:function(e){var t=wn.getCurrentDrawing().setCurrentLayer(_t(e));return t&&wn.clearSelection(),t},renameCurrentLayer:function(e){var t=wn.getCurrentDrawing(),n=t.getCurrentLayer();if(n&&t.setCurrentLayerName(e,_n()))return wn.call("changed",[n]),!0;return!1},setCurrentLayerPosition:function(e){var t=wn.getCurrentDrawing().setCurrentLayerPosition(e);return!!t&&(wn.addCommandToHistory(new se(t.currentGroup,t.oldNextSibling,wn.getSVGContent())),!0)},setLayerVisibility:function(e,t){var n=wn.getCurrentDrawing(),r=n.getLayerVisibility(e),a=n.setLayerVisibility(e,t);if(!a)return!1;var i=r?"inline":"none";return wn.addCommandToHistory(new ue(a,{display:i},"Layer Visibility")),a===n.getCurrentLayer()&&(wn.clearSelection(),wn.pathActions.clear()),!0},moveSelectedToLayer:function(e){var t=wn.getCurrentDrawing().getLayerByName(e);if(!t)return!1;for(var n=new de("Move Elements to Layer"),r=wn.getSelectedElements(),a=r.length;a--;){var i=r[a];if(i){var o=i.nextSibling,s=i.parentNode;t.append(i),n.addSubCommand(new se(i,o,s))}}return wn.addCommandToHistory(n),!0},mergeLayer:function(e){wn.getCurrentDrawing().mergeLayer(_n(e)),wn.clearSelection(),Cn(),wn.changeSVGContent()},mergeAllLayers:function(e){wn.getCurrentDrawing().mergeAllLayers(_n(e)),wn.clearSelection(),Cn(),wn.changeSVGContent()},leaveContext:Cn,setContext:An,Layer:un}),Gn=d(),Pn={a:["class","clip-path","clip-rule","fill","fill-opacity","fill-rule","filter","id","mask","opacity","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform","xlink:href","xlink:title"],circle:["class","clip-path","clip-rule","cx","cy","fill","fill-opacity","fill-rule","filter","id","mask","opacity","r","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform"],clipPath:["class","clipPathUnits","id"],defs:[],style:["type"],desc:[],ellipse:["class","clip-path","clip-rule","cx","cy","fill","fill-opacity","fill-rule","filter","id","mask","opacity","requiredFeatures","rx","ry","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform"],feGaussianBlur:["class","color-interpolation-filters","id","requiredFeatures","stdDeviation"],filter:["class","color-interpolation-filters","filterRes","filterUnits","height","id","primitiveUnits","requiredFeatures","width","x","xlink:href","y"],foreignObject:["class","font-size","height","id","opacity","requiredFeatures","style","transform","width","x","y"],g:["class","clip-path","clip-rule","id","display","fill","fill-opacity","fill-rule","filter","mask","opacity","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform","font-family","font-size","font-style","font-weight","text-anchor"],image:["class","clip-path","clip-rule","filter","height","id","mask","opacity","requiredFeatures","style","systemLanguage","transform","width","x","xlink:href","xlink:title","y"],line:["class","clip-path","clip-rule","fill","fill-opacity","fill-rule","filter","id","marker-end","marker-mid","marker-start","mask","opacity","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform","x1","x2","y1","y2"],linearGradient:["class","id","gradientTransform","gradientUnits","requiredFeatures","spreadMethod","systemLanguage","x1","x2","xlink:href","y1","y2"],marker:["id","class","markerHeight","markerUnits","markerWidth","orient","preserveAspectRatio","refX","refY","systemLanguage","viewBox"],mask:["class","height","id","maskContentUnits","maskUnits","width","x","y"],metadata:["class","id"],path:["class","clip-path","clip-rule","d","fill","fill-opacity","fill-rule","filter","id","marker-end","marker-mid","marker-start","mask","opacity","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform"],pattern:["class","height","id","patternContentUnits","patternTransform","patternUnits","requiredFeatures","style","systemLanguage","viewBox","width","x","xlink:href","y"],polygon:["class","clip-path","clip-rule","id","fill","fill-opacity","fill-rule","filter","id","class","marker-end","marker-mid","marker-start","mask","opacity","points","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform"],polyline:["class","clip-path","clip-rule","id","fill","fill-opacity","fill-rule","filter","marker-end","marker-mid","marker-start","mask","opacity","points","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform"],radialGradient:["class","cx","cy","fx","fy","gradientTransform","gradientUnits","id","r","requiredFeatures","spreadMethod","systemLanguage","xlink:href"],rect:["class","clip-path","clip-rule","fill","fill-opacity","fill-rule","filter","height","id","mask","opacity","requiredFeatures","rx","ry","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform","width","x","y"],stop:["class","id","offset","requiredFeatures","stop-color","stop-opacity","style","systemLanguage"],svg:["class","clip-path","clip-rule","filter","id","height","mask","preserveAspectRatio","requiredFeatures","style","systemLanguage","viewBox","width","x","xmlns","xmlns:se","xmlns:xlink","y"],switch:["class","id","requiredFeatures","systemLanguage"],symbol:["class","fill","fill-opacity","fill-rule","filter","font-family","font-size","font-style","font-weight","id","opacity","preserveAspectRatio","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","transform","viewBox"],text:["class","clip-path","clip-rule","fill","fill-opacity","fill-rule","filter","font-family","font-size","font-style","font-weight","id","mask","opacity","requiredFeatures","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","text-anchor","transform","x","xml:space","y"],textPath:["class","id","method","requiredFeatures","spacing","startOffset","style","systemLanguage","transform","xlink:href"],title:[],tspan:["class","clip-path","clip-rule","dx","dy","fill","fill-opacity","fill-rule","filter","font-family","font-size","font-style","font-weight","id","mask","opacity","requiredFeatures","rotate","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","systemLanguage","text-anchor","textLength","transform","x","xml:space","y"],use:["class","clip-path","clip-rule","fill","fill-opacity","fill-rule","filter","height","id","mask","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","transform","width","x","xlink:href","y"],annotation:["encoding"],"annotation-xml":["encoding"],maction:["actiontype","other","selection"],math:["class","id","display","xmlns"],menclose:["notation"],merror:[],mfrac:["linethickness"],mi:["mathvariant"],mmultiscripts:[],mn:[],mo:["fence","lspace","maxsize","minsize","rspace","stretchy"],mover:[],mpadded:["lspace","width","height","depth","voffset"],mphantom:[],mprescripts:[],mroot:[],mrow:["xlink:href","xlink:type","xmlns:xlink"],mspace:["depth","height","width"],msqrt:[],mstyle:["displaystyle","mathbackground","mathcolor","mathvariant","scriptlevel"],msub:[],msubsup:[],msup:[],mtable:["align","columnalign","columnlines","columnspacing","displaystyle","equalcolumns","equalrows","frame","rowalign","rowlines","rowspacing","width"],mtd:["columnalign","columnspan","rowalign","rowspan"],mtext:[],mtr:["columnalign","rowalign"],munder:[],munderover:[],none:[],semantics:[]},Nn={};Object.entries(Pn).forEach(function(e){var t=l(e,2),n=t[0],r=t[1],a={};Object.entries(r).forEach(function(e){var t=l(e,2),n=(t[0],t[1]);if(n.includes(":")){var r=n.split(":");a[r[1]]=u[r[0].toUpperCase()]}else a[n]="xmlns"===n?u.XMLNS:null}),Nn[n]=a});var In=function e(t){if(3===t.nodeType&&(t.nodeValue=t.nodeValue.replace(/^\s+|\s+$/g,""),t.nodeValue.length||t.remove()),1===t.nodeType){var n=t.ownerDocument,r=t.parentNode;if(n&&r){var a=Pn[t.nodeName],i=Nn[t.nodeName];if(void 0!==a){for(var o=[],s=t.attributes.length;s--;){var c=t.attributes.item(s),d=c.nodeName,h=c.localName,p=c.namespaceURI;if(i.hasOwnProperty(h)&&p===i[h]&&p!==u.XMLNS||p===u.XMLNS&&Gn[c.value]||((d.startsWith("se:")||d.startsWith("data-"))&&o.push([d,c.value]),t.removeAttributeNS(p,h)),M())switch(d){case"transform":case"gradientTransform":case"patternTransform":var f=c.value.replace(/(\d)-/g,"$1 -");t.setAttribute(d,f)}if("style"===d){for(var g=c.value.split(";"),v=g.length;v--;){var m=g[v].split(":"),_=l(m,2),y=_[0],b=_[1],x=(y||"").trim(),w=(b||"").trim();a.includes(x)&&t.setAttribute(x,w)}t.removeAttribute("style")}}Object.values(o).forEach(function(e){var n=l(e,2),r=n[0],a=n[1];t.setAttributeNS(u.SE,r,a)});var S=Pt(t);if(S&&["filter","linearGradient","pattern","radialGradient","textPath","use"].includes(t.nodeName)&&"#"!==S[0]&&(Nt(t,""),t.removeAttributeNS(u.XLINK,"href")),"use"===t.nodeName&&!Pt(t))return void t.remove();for(Object.values(["clip-path","fill","filter","marker-end","marker-mid","marker-start","mask","stroke"],function(e){var n=t.getAttribute(e);n&&(n=Gt(n))&&"#"!==n[0]&&(t.setAttribute(e,""),t.removeAttribute(e))}),s=t.childNodes.length;s--;)e(t.childNodes.item(s))}else{for(var k=[];t.hasChildNodes();)k.push(r.insertBefore(t.firstChild,t));t.remove();for(var C=k.length;C--;)e(k[C])}}}},Tn=jQuery,Ln=[0,"z","M","m","L","l","C","c","Q","q","A","a","H","h","V","v","S","s","T","t"],Mn=null,On=function(e,t,n){for(var r=function(e,t){return ge(e,t,n)},a=function(e){return n.a*e},i=function(e){return n.d*e},o=Mn.getGridSnapping()&&"svg"===e.parentNode.parentNode.localName,s=function(){if(o)for(var n in t)t[n]=Kt(t[n]);Xt(e,t,1e3,!0)},l=Mt(e),c=0;c<2;c++){var u=0===c?"fill":"stroke",d=e.getAttribute(u);if(d&&d.startsWith("url(")&&(n.a<0||n.d<0)){var h=Yt(d).cloneNode(!0);if(n.a<0){var p=h.getAttribute("x1"),f=h.getAttribute("x2");h.setAttribute("x1",-(p-1)),h.setAttribute("x2",-(f-1))}if(n.d<0){var g=h.getAttribute("y1"),v=h.getAttribute("y2");h.setAttribute("y1",-(g-1)),h.setAttribute("y2",-(v-1))}h.id=Mn.getDrawing().getNextId(),It().append(h),e.setAttribute(u,"url(#"+h.id+")")}}var m=e.tagName;if("g"===m||"text"===m||"tspan"===m||"use"===m)if(1!==n.a||0!==n.b||0!==n.c||1!==n.d||0===n.e&&0===n.f){var _=W(e),y=Mn.getSVGRoot().createSVGTransform();y.setMatrix(me(be(_).matrix,n)),_.clear(),_.appendItem(y)}else{var b=be(e).matrix,x=me(b.inverse(),n,b);t.x=parseFloat(t.x)+x.e,t.y=parseFloat(t.y)+x.f}switch(m){case"foreignObject":case"rect":case"image":if("image"===m&&(n.a<0||n.d<0)){var w=W(e),S=Mn.getSVGRoot().createSVGTransform();S.setMatrix(me(be(w).matrix,n)),w.clear(),w.appendItem(S)}else{var k=r(t.x,t.y);t.width=a(t.width),t.height=i(t.height),t.x=k.x+Math.min(0,t.width),t.y=k.y+Math.min(0,t.height),t.width=Math.abs(t.width),t.height=Math.abs(t.height)}s();break;case"ellipse":var C=r(t.cx,t.cy);t.cx=C.x,t.cy=C.y,t.rx=a(t.rx),t.ry=i(t.ry),t.rx=Math.abs(t.rx),t.ry=Math.abs(t.ry),s();break;case"circle":var A=r(t.cx,t.cy);t.cx=A.x,t.cy=A.y;var E=ye(l.x,l.y,l.width,l.height,n),G=E.tr.x-E.tl.x,P=E.bl.y-E.tl.y;t.r=Math.min(G/2,P/2),t.r&&(t.r=Math.abs(t.r)),s();break;case"line":var N=r(t.x1,t.y1),I=r(t.x2,t.y2);t.x1=N.x,t.y1=N.y,t.x2=I.x,t.y2=I.y;case"text":case"tspan":case"use":s();break;case"g":var T=Tn(e).data("gsvg");T&&Xt(T,t,1e3,!0);break;case"polyline":case"polygon":for(var L=t.points.length,M=0;M<L;++M){var O=t.points[M],V=r(O.x,O.y),j=V.x,R=V.y;t.points[M].x=j,t.points[M].y=R}for(var B="",D=0;D<L;++D){var U=t.points[D];B+=U.x+","+U.y+" "}e.setAttribute("points",B);break;case"path":var F=e.pathSegList,H=F.numberOfItems;t.d=[];for(var z=0;z<H;++z){var q=F.getItem(z);t.d[z]={type:q.pathSegType,x:q.x,y:q.y,x1:q.x1,y1:q.y1,x2:q.x2,y2:q.y2,r1:q.r1,r2:q.r2,angle:q.angle,largeArcFlag:q.largeArcFlag,sweepFlag:q.sweepFlag}}H=t.d.length;var Y=t.d[0],X=r(Y.x,Y.y);t.d[0].x=X.x,t.d[0].y=X.y;for(var Q=1;Q<H;++Q){var K=t.d[Q];if(K.type%2==0){var Z=r(void 0!==K.x?K.x:X.x,void 0!==K.y?K.y:X.y),$=r(K.x1,K.y1),J=r(K.x2,K.y2);K.x=Z.x,K.y=Z.y,K.x1=$.x,K.y1=$.y,K.x2=J.x,K.y2=J.y,K.r1=a(K.r1),K.r2=i(K.r2)}else K.x=a(K.x),K.y=i(K.y),K.x1=a(K.x1),K.y1=i(K.y1),K.x2=a(K.x2),K.y2=i(K.y2),K.r1=a(K.r1),K.r2=i(K.r2)}var ee="";H=t.d.length;for(var te=0;te<H;++te){var ne=t.d[te],re=ne.type;switch(ee+=Ln[re],re){case 13:case 12:ee+=ne.x+" ";break;case 15:case 14:ee+=ne.y+" ";break;case 3:case 5:case 19:case 2:case 4:case 18:ee+=ne.x+","+ne.y+" ";break;case 7:case 6:ee+=ne.x1+","+ne.y1+" "+ne.x2+","+ne.y2+" "+ne.x+","+ne.y+" ";break;case 9:case 8:ee+=ne.x1+","+ne.y1+" "+ne.x+","+ne.y+" ";break;case 11:case 10:ee+=ne.r1+","+ne.r2+" "+ne.angle+" "+ +ne.largeArcFlag+" "+ +ne.sweepFlag+" "+ne.x+","+ne.y+" ";break;case 17:case 16:ee+=ne.x2+","+ne.y2+" "+ne.x+","+ne.y+" "}}e.setAttribute("d",ee)}},Vn=U(jQuery),jn=void 0,Rn=function(e,t,n){var r=Yt(e).firstChild,a=W(r),i=jn.getSVGRoot().createSVGTransform();i.setTranslate(t,n),a.appendItem(i),Bn(r)},Bn=function e(t){if(null==t)return null;if("svg"===t.nodeName&&navigator.userAgent.includes("Firefox/20"))return null;var n=jn.getSVGRoot(),r=W(t);if(r&&r.numberOfItems>0){for(var a=r.numberOfItems,i=a;a--;){var o=r.getItem(a);if(0===o.type)r.removeItem(a);else if(1===o.type){if(ve(o.matrix)){if(1===i)return t.removeAttribute("transform"),null;r.removeItem(a)}}else 4===o.type&&0===o.angle&&r.removeItem(a)}if(1===r.numberOfItems&&qt(t))return null}if(!r||0===r.numberOfItems)return t.setAttribute("transform",""),t.removeAttribute("transform"),null;if(r){for(var s=[],l=r.numberOfItems;l--;){var c=r.getItem(l);1===c.type?s.push([c.matrix,l]):s.length&&(s=[])}if(2===s.length){var d=n.createSVGTransformFromMatrix(me(s[1][0],s[0][0]));r.removeItem(s[0][1]),r.removeItem(s[1][1]),r.insertItemBefore(d,s[1][1])}if((l=r.numberOfItems)>=2&&1===r.getItem(l-2).type&&2===r.getItem(l-1).type){var h=n.createSVGTransform(),p=me(r.getItem(l-2).matrix,r.getItem(l-1).matrix);h.setMatrix(p),r.removeItem(l-2),r.removeItem(l-2),r.appendItem(h)}}switch(t.tagName){case"line":case"polyline":case"polygon":case"path":break;default:if(1===r.numberOfItems&&1===r.getItem(0).type||2===r.numberOfItems&&1===r.getItem(0).type&&4===r.getItem(0).type)return null}var f=Vn(t).data("gsvg"),g=new de("Transform"),v={},m=null,_=[];switch(t.tagName){case"line":_=["x1","y1","x2","y2"];break;case"circle":_=["cx","cy","r"];break;case"ellipse":_=["cx","cy","rx","ry"];break;case"foreignObject":case"rect":case"image":_=["width","height","x","y"];break;case"use":case"text":case"tspan":_=["x","y"];break;case"polygon":case"polyline":(m={}).points=t.getAttribute("points");var y=t.points,b=y.numberOfItems;v.points=new Array(b);for(var x=0;x<b;++x){var w=y.getItem(x);v.points[x]={x:w.x,y:w.y}}break;case"path":(m={}).d=t.getAttribute("d"),v.d=t.getAttribute("d")}_.length?(v=Vn(t).attr(_),Vn.each(v,function(e,t){v[e]=re(e,t)})):f&&(v={x:Vn(f).attr("x")||0,y:Vn(f).attr("y")||0}),null==m&&(m=Vn.extend(!0,{},v),Vn.each(m,function(e,t){m[e]=re(e,t)})),m.transform=jn.getStartTransform()||"";var S=void 0,k=void 0;if("g"===t.tagName&&!f||"a"===t.tagName){var C=Mt(t);S={x:C.x+C.width/2,y:C.y+C.height/2},k=ge(C.x+C.width/2,C.y+C.height/2,be(r).matrix);var A=n.createSVGMatrix(),E=qt(t);if(E){var G=E*Math.PI/180,P=void 0;P=Math.abs(G)>1e-10?Math.sin(G)/(1-Math.cos(G)):2/G;for(var N=0;N<r.numberOfItems;++N){var I=r.getItem(N);if(4===I.type){var T=I.matrix;S.y=(P*T.e+T.f)/2,S.x=(T.e-P*T.f)/2,r.removeItem(N);break}}}var M=r.numberOfItems,O=0,V=0,j=0,R=void 0;M&&(R=r.getItem(0).matrix);var B=void 0;if(M>=3&&3===r.getItem(M-2).type&&2===r.getItem(M-3).type&&2===r.getItem(M-1).type){j=3;for(var D=r.getItem(M-3).matrix,U=r.getItem(M-2).matrix,F=r.getItem(M-1).matrix,H=t.childNodes,z=H.length;z--;){var q=H.item(z);if(O=0,V=0,1===q.nodeType){var Y=W(q);if(!Y)continue;var X=be(Y).matrix,Q=qt(q);if(B=jn.getStartTransform(),jn.setStartTransform(q.getAttribute("transform")),Q||_e(Y)){var K=n.createSVGTransform();K.setMatrix(me(D,U,F,X)),Y.clear(),Y.appendItem(K)}else{var Z=me(X.inverse(),F,X),$=n.createSVGMatrix();$.e=-Z.e,$.f=-Z.f;var J=me($.inverse(),X.inverse(),D,U,F,X,Z.inverse()),ee=n.createSVGTransform(),te=n.createSVGTransform(),ne=n.createSVGTransform();ee.setTranslate(Z.e,Z.f),te.setScale(J.a,J.d),ne.setTranslate($.e,$.f),Y.appendItem(ne),Y.appendItem(te),Y.appendItem(ee)}g.addSubCommand(e(q)),jn.setStartTransform(B)}}r.removeItem(M-1),r.removeItem(M-2),r.removeItem(M-3)}else if(M>=3&&1===r.getItem(M-1).type){j=3,A=be(r).matrix;var ae=n.createSVGTransform();ae.setMatrix(A),r.clear(),r.appendItem(ae)}else if((1===M||M>1&&3!==r.getItem(1).type)&&2===r.getItem(0).type){j=2;var ie=be(r).matrix;r.removeItem(0);var oe=be(r).matrix.inverse(),se=me(oe,ie);if(O=se.e,V=se.f,0!==O||0!==V){for(var le=t.childNodes,ce=le.length,he=[];ce--;){var pe=le.item(ce);if(1===pe.nodeType){if(pe.getAttribute("clip-path")){var fe=pe.getAttribute("clip-path");he.includes(fe)||(Rn(fe,O,V),he.push(fe))}B=jn.getStartTransform(),jn.setStartTransform(pe.getAttribute("transform"));var ye=W(pe);if(ye){var xe=n.createSVGTransform();xe.setTranslate(O,V),ye.numberOfItems?ye.insertItemBefore(xe,0):ye.appendItem(xe),g.addSubCommand(e(pe));for(var we=t.getElementsByTagNameNS(u.SVG,"use"),Se="#"+pe.id,ke=we.length;ke--;){var Ce=we.item(ke);if(Se===Pt(Ce)){var Ae=n.createSVGTransform();Ae.setTranslate(-O,-V),W(Ce).insertItemBefore(Ae,0),g.addSubCommand(e(Ce))}}jn.setStartTransform(B)}}}he=[],jn.setStartTransform(B)}}else{if(1!==M||1!==r.getItem(0).type||E){if(E){var Ee=n.createSVGTransform();Ee.setRotate(E,k.x,k.y),r.numberOfItems?r.insertItemBefore(Ee,0):r.appendItem(Ee)}return 0===r.numberOfItems&&t.removeAttribute("transform"),null}j=1;for(var Ge=r.getItem(0).matrix,Pe=t.childNodes,Ne=Pe.length;Ne--;){var Ie=Pe.item(Ne);if(1===Ie.nodeType){B=jn.getStartTransform(),jn.setStartTransform(Ie.getAttribute("transform"));var Te=W(Ie);if(!Te)continue;var Le=me(Ge,be(Te).matrix),Me=n.createSVGTransform();Me.setMatrix(Le),Te.clear(),Te.appendItem(Me,0),g.addSubCommand(e(Ie)),jn.setStartTransform(B);var Oe=Ie.getAttribute("stroke-width");if("none"!==Ie.getAttribute("stroke")&&!isNaN(Oe)){var Ve=(Math.abs(Le.a)+Math.abs(Le.d))/2;Ie.setAttribute("stroke-width",Oe*Ve)}}}r.clear()}if(2===j){if(E){k={x:S.x+R.e,y:S.y+R.f};var je=n.createSVGTransform();je.setRotate(E,k.x,k.y),r.numberOfItems?r.insertItemBefore(je,0):r.appendItem(je)}}else if(3===j){var Re=be(r).matrix,Be=n.createSVGTransform();Be.setRotate(E,S.x,S.y);var De=Be.matrix,Ue=n.createSVGTransform();Ue.setRotate(E,k.x,k.y);var Fe=Ue.matrix.inverse(),He=Re.inverse(),ze=me(He,Fe,De,Re);if(O=ze.e,V=ze.f,0!==O||0!==V)for(var qe=t.childNodes,Ye=qe.length;Ye--;){var We=qe.item(Ye);if(1===We.nodeType){B=jn.getStartTransform(),jn.setStartTransform(We.getAttribute("transform"));var Xe=W(We),Qe=n.createSVGTransform();Qe.setTranslate(O,V),Xe.numberOfItems?Xe.insertItemBefore(Qe,0):Xe.appendItem(Qe),g.addSubCommand(e(We)),jn.setStartTransform(B)}}E&&(r.numberOfItems?r.insertItemBefore(Ue,0):r.appendItem(Ue))}}else{var Ke=Mt(t);if(!Ke&&"path"!==t.tagName)return null;var Ze=n.createSVGMatrix(),$e=qt(t);if($e){S={x:Ke.x+Ke.width/2,y:Ke.y+Ke.height/2},k=ge(Ke.x+Ke.width/2,Ke.y+Ke.height/2,be(r).matrix);for(var Je=$e*Math.PI/180,et=Math.abs(Je)>1e-10?Math.sin(Je)/(1-Math.cos(Je)):2/Je,tt=0;tt<r.numberOfItems;++tt){var nt=r.getItem(tt);if(4===nt.type){var rt=nt.matrix;S.y=(et*rt.e+rt.f)/2,S.x=(rt.e-et*rt.f)/2,r.removeItem(tt);break}}}var at=0,it=r.numberOfItems;if(!L()){var ot=t.getAttribute("fill");if(ot&&ot.startsWith("url(")){var st=Yt(ot),lt="pattern";if(st.tagName!==lt&&(lt="gradient"),"userSpaceOnUse"===st.getAttribute(lt+"Units")){Ze=be(r).matrix;var ct=W(st),ut=be(ct).matrix,dt="matrix("+[(Ze=me(Ze,ut)).a,Ze.b,Ze.c,Ze.d,Ze.e,Ze.f].join(",")+")";st.setAttribute(lt+"Transform",dt)}}}if(it>=3&&3===r.getItem(it-2).type&&2===r.getItem(it-3).type&&2===r.getItem(it-1).type)at=3,Ze=be(r,it-3,it-1).matrix,r.removeItem(it-1),r.removeItem(it-2),r.removeItem(it-3);else if(4===it&&1===r.getItem(it-1).type){at=3,Ze=be(r).matrix;var ht=n.createSVGTransform();ht.setMatrix(Ze),r.clear(),r.appendItem(ht),Ze=n.createSVGMatrix()}else if((1===it||it>1&&3!==r.getItem(1).type)&&2===r.getItem(0).type){at=2;var pt=r.getItem(0).matrix,ft=be(r,1).matrix,gt=ft.inverse();Ze=me(gt,pt,ft),r.removeItem(0)}else{if(1!==it||1!==r.getItem(0).type||$e){if(at=4,$e){var vt=n.createSVGTransform();vt.setRotate($e,k.x,k.y),r.numberOfItems?r.insertItemBefore(vt,0):r.appendItem(vt)}return 0===r.numberOfItems&&t.removeAttribute("transform"),null}switch(Ze=be(r).matrix,t.tagName){case"line":v=Vn(t).attr(["x1","y1","x2","y2"]);case"polyline":case"polygon":if(v.points=t.getAttribute("points"),v.points){var mt=t.points,_t=mt.numberOfItems;v.points=new Array(_t);for(var yt=0;yt<_t;++yt){var bt=mt.getItem(yt);v.points[yt]={x:bt.x,y:bt.y}}}case"path":v.d=t.getAttribute("d"),at=1,r.clear()}}if(1!==at&&2!==at&&3!==at||On(t,v,Ze),2===at){if($e){_e(r)||(k={x:S.x+Ze.e,y:S.y+Ze.f});var xt=n.createSVGTransform();xt.setRotate($e,k.x,k.y),r.numberOfItems?r.insertItemBefore(xt,0):r.appendItem(xt)}if("text"===t.tagName)for(var wt=t.childNodes,St=wt.length;St--;){var kt=wt.item(St);if("tspan"===kt.tagName){var Ct={x:Vn(kt).attr("x")||0,y:Vn(kt).attr("y")||0};On(kt,Ct,Ze)}}}else if(3===at&&$e){var At=be(r).matrix,Et=n.createSVGTransform();Et.setRotate($e,S.x,S.y);var Gt=Et.matrix,Nt=n.createSVGTransform();Nt.setRotate($e,k.x,k.y);var It=Nt.matrix.inverse(),Tt=At.inverse(),Lt=me(Tt,It,Gt,At);On(t,v,Lt),$e&&(r.numberOfItems?r.insertItemBefore(Nt,0):r.appendItem(Nt))}}return 0===r.numberOfItems&&t.removeAttribute("transform"),g.addSubCommand(new ue(t,m)),g},Dn=jQuery,Un=void 0,Fn=void 0,Hn=void 0,zn=R()?10:4,qn=function(){function e(t,n,a){r(this,e),this.id=t,this.selectedElement=n,this.locked=!0,this.selectorGroup=Un.createSVGElement({element:"g",attr:{id:"selectorGroup"+this.id}}),this.selectorRect=this.selectorGroup.appendChild(Un.createSVGElement({element:"path",attr:{id:"selectedBox"+this.id,fill:"none",stroke:"#22C","stroke-width":"1","stroke-dasharray":"5,5",style:"pointer-events:none"}})),this.gripCoords={nw:null,n:null,ne:null,e:null,se:null,s:null,sw:null,w:null},this.reset(this.selectedElement,a)}return a(e,[{key:"reset",value:function(e,t){this.locked=!0,this.selectedElement=e,this.resize(t),this.selectorGroup.setAttribute("display","inline")}},{key:"updateGripCursors",value:function(e){var t=void 0,n=[],r=Math.round(e/45);for(t in r<0&&(r+=8),Hn.selectorGrips)n.push(t);for(;r>0;)n.push(n.shift()),r--;var a=0;for(t in Hn.selectorGrips)Hn.selectorGrips[t].setAttribute("style","cursor:"+n[a]+"-resize"),a++}},{key:"showGrips",value:function(e){var t=e?"inline":"none";Hn.selectorGripsGroup.setAttribute("display",t);var n=this.selectedElement;this.hasGrips=e,n&&e&&(this.selectorGroup.append(Hn.selectorGripsGroup),this.updateGripCursors(qt(n)))}},{key:"resize",value:function(e){var t=this.selectorRect,n=Hn,r=n.selectorGrips,a=this.selectedElement,i=a.getAttribute("stroke-width"),o=Un.getCurrentZoom(),s=1/o;"none"===a.getAttribute("stroke")||isNaN(i)||(s+=i/2);var l=a.tagName;"text"===l&&(s+=2/o);var c=W(a),u=be(c).matrix;if(u.e*=o,u.f*=o,e||(e=Mt(a)),"g"===l&&!Dn.data(a,"gsvg")){var d=Ut([a.childNodes]);d&&(e=d)}var h=e.x,p=e.y,f=e.width,g=e.height;e={x:h,y:p,width:f,height:g},s*=o;var v=ye(h*o,p*o,f*o,g*o,u),m=v.aabox,_=m.x-s,y=m.y-s,b=m.width+2*s,x=m.height+2*s,w=_+b/2,S=y+x/2,k=qt(a);if(k){var C=Un.svgRoot().createSVGTransform();C.setRotate(-k,w,S);var A=C.matrix;v.tl=ge(v.tl.x,v.tl.y,A),v.tr=ge(v.tr.x,v.tr.y,A),v.bl=ge(v.bl.x,v.bl.y,A),v.br=ge(v.br.x,v.br.y,A);var E=v.tl,G=E.x,P=E.y,N=E.x,I=E.y,T=Math.min,L=Math.max;_=G=T(G,T(v.tr.x,T(v.bl.x,v.br.x)))-s,y=P=T(P,T(v.tr.y,T(v.bl.y,v.br.y)))-s,b=(N=L(N,L(v.tr.x,L(v.bl.x,v.br.x)))+s)-G,x=(I=L(I,L(v.tr.y,L(v.bl.y,v.br.y)))+s)-P}var M="M"+_+","+y+" L"+(_+b)+","+y+" "+(_+b)+","+(y+x)+" "+_+","+(y+x)+"z";t.setAttribute("d",M);var O=k?"rotate("+[k,w,S].join(",")+")":"";for(var V in this.selectorGroup.setAttribute("transform",O),this.gripCoords={nw:[_,y],ne:[_+b,y],sw:[_,y+x],se:[_+b,y+x],n:[_+b/2,y],w:[_,y+x/2],e:[_+b,y+x/2],s:[_+b/2,y+x]},this.gripCoords){var j=this.gripCoords[V];r[V].setAttribute("cx",j[0]),r[V].setAttribute("cy",j[1])}n.rotateGripConnector.setAttribute("x1",_+b/2),n.rotateGripConnector.setAttribute("y1",y),n.rotateGripConnector.setAttribute("x2",_+b/2),n.rotateGripConnector.setAttribute("y2",y-5*zn),n.rotateGrip.setAttribute("cx",_+b/2),n.rotateGrip.setAttribute("cy",y-5*zn)}}]),e}(),Yn=function(){function e(){r(this,e),this.selectorParentGroup=null,this.rubberBandBox=null,this.selectors=[],this.selectorMap={},this.selectorGrips={nw:null,n:null,ne:null,e:null,se:null,s:null,sw:null,w:null},this.selectorGripsGroup=null,this.rotateGripConnector=null,this.rotateGrip=null,this.initGroup()}return a(e,[{key:"initGroup",value:function(){for(var e in this.selectorParentGroup&&this.selectorParentGroup.parentNode&&this.selectorParentGroup.remove(),this.selectorParentGroup=Un.createSVGElement({element:"g",attr:{id:"selectorParentGroup"}}),this.selectorGripsGroup=Un.createSVGElement({element:"g",attr:{display:"none"}}),this.selectorParentGroup.append(this.selectorGripsGroup),Un.svgRoot().append(this.selectorParentGroup),this.selectorMap={},this.selectors=[],this.rubberBandBox=null,this.selectorGrips){var t=Un.createSVGElement({element:"circle",attr:{id:"selectorGrip_resize_"+e,fill:"#22C",r:zn,style:"cursor:"+e+"-resize","stroke-width":2,"pointer-events":"all"}});Dn.data(t,"dir",e),Dn.data(t,"type","resize"),this.selectorGrips[e]=this.selectorGripsGroup.appendChild(t)}if(this.rotateGripConnector=this.selectorGripsGroup.appendChild(Un.createSVGElement({element:"line",attr:{id:"selectorGrip_rotateconnector",stroke:"#22C","stroke-width":"1"}})),this.rotateGrip=this.selectorGripsGroup.appendChild(Un.createSVGElement({element:"circle",attr:{id:"selectorGrip_rotate",fill:"lime",r:zn,stroke:"#22C","stroke-width":2,style:"cursor:url("+Fn.imgPath+"rotate.png) 12 12, auto;"}})),Dn.data(this.rotateGrip,"type","rotate"),!Dn("#canvasBackground").length){var n=l(Fn.dimensions,2),r=n[0],a=n[1],i=Un.createSVGElement({element:"svg",attr:{id:"canvasBackground",width:r,height:a,x:0,y:0,overflow:L()?"none":"visible",style:"pointer-events:none"}}),o=Un.createSVGElement({element:"rect",attr:{width:"100%",height:"100%",x:0,y:0,"stroke-width":1,stroke:"#000",fill:"#FFF",style:"pointer-events:none"}});i.append(o),Un.svgRoot().insertBefore(i,Un.svgContent())}}},{key:"requestSelector",value:function(e,n){if(null==e)return null;var r=this.selectors.length;if("object"===t(this.selectorMap[e.id]))return this.selectorMap[e.id].locked=!0,this.selectorMap[e.id];for(var a=0;a<r;++a)if(this.selectors[a]&&!this.selectors[a].locked)return this.selectors[a].locked=!0,this.selectors[a].reset(e,n),this.selectorMap[e.id]=this.selectors[a],this.selectors[a];return this.selectors[r]=new qn(r,e,n),this.selectorParentGroup.append(this.selectors[r].selectorGroup),this.selectorMap[e.id]=this.selectors[r],this.selectors[r]}},{key:"releaseSelector",value:function(e){if(null!=e){var t=this.selectors.length,n=this.selectorMap[e.id];n.locked||console.log("WARNING! selector was released but was already unlocked");for(var r=0;r<t;++r)if(this.selectors[r]&&this.selectors[r]===n){delete this.selectorMap[e.id],n.locked=!1,n.selectedElement=null,n.showGrips(!1);try{n.selectorGroup.setAttribute("display","none")}catch(e){}break}}}},{key:"getRubberBandBox",value:function(){return this.rubberBandBox||(this.rubberBandBox=this.selectorParentGroup.appendChild(Un.createSVGElement({element:"rect",attr:{id:"selectorRubberBand",fill:"#22C","fill-opacity":.15,stroke:"#22C","stroke-width":.5,display:"none",style:"pointer-events:none"}}))),this.rubberBandBox}}]),e}(),Wn=U(jQuery),Xn=se,Qn=le,Kn=ce,Zn=ue,$n=de,Jn=he,er=ie;window.console||(window.console={},window.console.log=function(e){},window.console.dir=function(e){}),window.opera&&(window.console.log=function(e){opera.postError(e)},window.console.dir=function(e){});var tr=function e(a,i){r(this,e);var o={show_outside_canvas:!0,selectNew:!0,dimensions:[640,480]};i&&Wn.extend(o,i);var s=o.dimensions,h=this,p=a.ownerDocument,f=p.importNode(At('<svg id="svgroot" xmlns="'+u.SVG+'" xlinkns="'+u.XLINK+'" width="'+s[0]+'" height="'+s[1]+'" x="'+s[0]+'" y="'+s[1]+'" overflow="visible"><defs><filter id="canvashadow" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/><feOffset in="blur" dx="5" dy="5" result="offsetBlur"/><feMerge><feMergeNode in="offsetBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs></svg>').documentElement,!0);a.append(f);var g=p.createElementNS(u.SVG,"svg");(h.clearSvgContentElement=function(){Wn(g).empty(),Wn(g).attr({id:"svgcontent",width:s[0],height:s[1],x:s[0],y:s[1],overflow:o.show_outside_canvas?"visible":"hidden",xmlns:u.SVG,"xmlns:se":u.SE,"xmlns:xlink":u.XLINK}).appendTo(f);var e=p.createComment(" Created with SVG-edit - https://github.com/SVG-Edit/svgedit");g.append(e)})();var v="svg_";h.setIdPrefix=function(e){v=e},h.current_drawing_=new bn(g,v);var m=h.getCurrentDrawing=function(){return h.current_drawing_},_=1,y=null,b={shape:{fill:("none"===o.initFill.color?"":"#")+o.initFill.color,fill_paint:null,fill_opacity:o.initFill.opacity,stroke:"#"+o.initStroke.color,stroke_paint:null,stroke_opacity:o.initStroke.opacity,stroke_width:o.initStroke.width,stroke_dasharray:"none",stroke_linejoin:"miter",stroke_linecap:"butt",opacity:o.initOpacity}};b.text=Wn.extend(!0,{},b.shape),Wn.extend(b.text,{fill:"#000000",stroke_width:o.text&&o.text.stroke_width,font_size:o.text&&o.text.font_size,font_family:o.text&&o.text.font_family});var x=b.shape,w=[],S=this.getJsonFromSvgElement=function(e){if(3===e.nodeType)return e.nodeValue;for(var t,n={element:e.tagName,attr:{},children:[]},r=0;t=e.attributes[r];r++)n.attr[t.name]=t.value;for(var a,i=0;a=e.childNodes[i];i++)n.children[i]=S(a);return n},k=this.addSVGElementFromJson=function(e){if("string"==typeof e)return p.createTextNode(e);var t=Wt(e.attr.id),n=m().getCurrentLayer();if(t&&e.element!==t.tagName&&(t.remove(),t=null),!t){var r=e.namespace||u.SVG;t=p.createElementNS(r,e.element),n&&(y||n).append(t)}return e.curStyles&&Xt(t,{fill:x.fill,stroke:x.stroke,"stroke-width":x.stroke_width,"stroke-dasharray":x.stroke_dasharray,"stroke-linejoin":x.stroke_linejoin,"stroke-linecap":x.stroke_linecap,"stroke-opacity":x.stroke_opacity,"fill-opacity":x.fill_opacity,opacity:x.opacity/2,style:"pointer-events:inherit"},100),Xt(t,e.attr,100),Qt(t),e.children&&e.children.forEach(function(e){t.append(k(e))}),t};h.getTransformList=W,h.matrixMultiply=me,h.hasMatrixTransform=_e,h.transformListToTransform=be;var C=function(){return o.baseUnit};!function(e){Z=e;var t=document.createElementNS(u.SVG,"svg");document.body.append(t);var n=document.createElementNS(u.SVG,"rect");n.setAttribute("width","1em"),n.setAttribute("height","1ex"),n.setAttribute("x","1in"),t.append(n);var r=n.getBBox();t.remove();var a=r.x;$={em:r.width,ex:r.height,in:a,cm:a/2.54,mm:a/25.4,pt:a/72,pc:a/6,px:1,"%":0}}({getBaseUnit:C,getElement:Wt,getHeight:function(){return g.getAttribute("height")/_},getWidth:function(){return g.getAttribute("width")/_},getRoundDigits:function(){return ke.round_digits}}),h.convertToNum=re;var A,G=function(){return g},P=this.getSelectedElems=function(){return w},N=ut,I=function(){return f};ft=A={pathActions:N,getSVGContent:G,addSVGElementFromJson:k,getSelectedElements:P,getDOMDocument:function(){return p},getDOMContainer:function(){return a},getSVGRoot:I,getBaseUnit:C,getSnappingStep:function(){return o.snappingStep}},gt=A.getDOMDocument(),vt=A.getDOMContainer(),mt=A.getSVGRoot(),h.findDefs=It,h.getUrlFromAttr=Gt,h.getHref=Pt,h.setHref=Nt,h.getBBox=Mt,h.getRotationAngle=qt,h.getElem=Wt,h.getRefElem=Yt,h.assignAttributes=Xt,this.cleanupElement=Qt;var T=function(){return o.gridSnapping};!function(e){Mn=e}({getDrawing:function(){return m()},getSVGRoot:I,getGridSnapping:T}),this.remapElement=On,function(e){jn=e}({getSVGRoot:I,getStartTransform:function(){return Oe},setStartTransform:function(e){Oe=e}}),this.recalculateDimensions=Bn;var j=d();h.sanitizeSvg=In;var R=h.undoMgr=new Jn({handleHistoryEvent:function(e,t){var n=er;if(e===n.BEFORE_UNAPPLY||e===n.BEFORE_APPLY)h.clearSelection();else if(e===n.AFTER_APPLY||e===n.AFTER_UNAPPLY){var r=t.elements();h.pathActions.clear(),Q("changed",r);var a=t.type(),i=e===n.AFTER_APPLY;if(a===Xn.type())(i?t.newParent:t.oldParent)===g&&kn();else if(a===Qn.type()||a===Kn.type())t.parent===g&&kn(),a===Qn.type()?i&&he(t.elem):i||he(t.elem),"use"===t.elem.tagName&&Jt(t.elem);else if(a===Zn.type()){"title"===t.elem.tagName&&t.elem.parentNode.parentNode===g&&kn();var o=i?t.newValues:t.oldValues;o.stdDeviation&&h.setBlurOffsets(t.elem.parentNode,o.stdDeviation)}}}}),B=function(e){h.undoMgr.addCommandToHistory(e)},U=this.getZoom=function(){return _},F=this.round=function(e){return parseInt(e*_,10)/_};!function(e,t){Fn=e,Un=t,Hn=new Yn}(o,{createSVGElement:function(e){return h.addSVGElementFromJson(e)},svgRoot:function(){return f},svgContent:function(){return g},getCurrentZoom:U});var H=this.selectorManager=Hn,Y=h.getNextId=function(){return m().getNextId()},X=h.getId=function(){return m().getId()},Q=function(e,t){if(We[e])return We[e](window,t)},K=this.clearSelection=function(e){w.forEach(function(e){null!=e&&H.releaseSelector(e)}),w=[],e||Q("selected",w)},ne=this.addToSelection=function(e,t){if(e.length){for(var n=0;n<w.length&&null!=w[n];)++n;for(var r=e.length;r--;){var a=e[r];if(a){var i=Mt(a);if(i&&("a"===a.tagName&&1===a.childNodes.length&&(a=a.firstChild),!w.includes(a))){w[n]=a,n++;var o=H.requestSelector(a,i);w.length>1&&o.showGrips(!1)}}}for(Q("selected",w),t||1===w.length?H.requestSelector(w[0]).showGrips(!0):H.requestSelector(w[0]).showGrips(!1),w.sort(function(e,t){return e&&t&&e.compareDocumentPosition?3-(6&t.compareDocumentPosition(e)):null==e?1:void 0});null==w[0];)w.shift(0)}},ae=function(){return x.opacity},ie=this.getMouseTarget=function(e){if(null==e)return null;var t=e.target;if(t.correspondingUseElement&&(t=t.correspondingUseElement),[u.MATH,u.HTML].includes(t.namespaceURI)&&"svgcanvas"!==t.id)for(;"foreignObject"!==t.nodeName;)if(!(t=t.parentNode))return f;var n=m().getCurrentLayer();if([f,a,g,n].includes(t))return f;if(Wn(t).closest("#selectorParentGroup").length)return H.selectorParentGroup;for(;t.parentNode!==(y||n);)t=t.parentNode;return t};h.pathActions=N,Le({selectorManager:H,canvas:h,call:Q,resetD:function(e){e.setAttribute("d",N.convertPath(e))},round:F,clearSelection:K,addToSelection:ne,addCommandToHistory:B,remapElement:On,addSVGElementFromJson:k,getGridSnapping:T,getOpacity:ae,getSelectedElements:P,getContainer:function(){return a},setStarted:function(e){Me=e},getRubberBox:function(){return De},setRubberBox:function(e){return De=e},addPtsToSelection:function(e){var t=e.closedSubpath,n=e.grips;N.canDeleteNodes=!0,N.closed_subpath=t,Q("pointsAdded",{closedSubpath:t,grips:n}),Q("selected",n)},endChanges:function(e){var t=e.cmd,n=e.elem;B(t),Q("changed",[n])},getCurrentZoom:U,getId:X,getNextId:Y,getMouseTarget:ie,getCurrentMode:function(){return Ve},setCurrentMode:function(e){return Ve=e},getDrawnPath:function(){return Ot},setDrawnPath:function(e){return Ot=e},getSVGRoot:I});var oe={},se="a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use",le=["clip-path","fill","filter","marker-end","marker-mid","marker-start","mask","stroke"],ce=Wn.data,ue=document.createElementNS(u.SVG,"animate");Wn(ue).attr({attributeName:"opacity",begin:"indefinite",dur:1,fill:"freeze"}).appendTo(f);var de,he=function e(t){var n=Wn(t).attr(le);for(var r in n){var a=n[r];if(a&&a.startsWith("url(")){var i=Gt(a).substr(1);Wt(i)||(It().append(Pe[i]),delete Pe[i])}}var o=t.getElementsByTagName("*");if(o.length)for(var s=0,l=o.length;s<l;s++)e(o[s])},fe={},ke={round_digits:5},Ce={},Ae=b.text,Ge={},Pe={},Te=o.imgPath+"logo.png",Me=!1,Oe=null,Ve="select",je="none",Re=x,Be=null,De=null,Ue=[],Fe=null,He=this.runExtensions=function(e,t,n){var r=!!n&&[];return Wn.each(Ge,function(a,i){i&&e in i&&("function"==typeof t&&(t=t(a)),n?r.push(i[e](t)):r=i[e](t))}),r};this.addExtension=(de=n(regeneratorRuntime.mark(function e(t,n,r){var a,i;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if("function"==typeof n){e.next=2;break}throw new TypeError("Function argument expected for `svgcanvas.addExtension`");case 2:if(a={},t in Ge){e.next=14;break}if(i=Wn.extend(h.getPrivateMethods(),{importLocale:r,svgroot:f,svgcontent:g,nonce:m().getNonce(),selectorManager:H}),!n){e.next=9;break}return e.next=8,n(i);case 8:a=e.sent;case 9:return a&&(a.name=t),Ge[t]=a,e.abrupt("return",Q("extension_added",a));case 14:console.log('Cannot add extension "'+t+'", an extension by that name already exists.');case 15:case"end":return e.stop()}},e,this)})),function(e,t,n){return de.apply(this,arguments)});var ze=this.getIntersectionList=function(e){if(null==De)return null;var t=y||m().getCurrentLayer(),n=void 0;if(e)(n=g.createSVGRect()).x=e.x,n.y=e.y,n.width=e.width,n.height=e.height;else{n=De.getBBox();var r=g.createSVGRect();for(var a in n)r[a]=n[a]/_;n=r}var i=null;if(O||"function"==typeof f.getIntersectionList&&(n.x+=parseInt(g.getAttribute("x"),10),n.y+=parseInt(g.getAttribute("y"),10),i=f.getIntersectionList(n,t)),null==i||"function"!=typeof i.item){i=[],Ue.length||(Ue=qe(t));for(var o=Ue.length;o--;)n.width&&Se(n,Ue[o].bbox)&&i.push(Ue[o].elem)}return i};this.getStrokedBBox=Ht,this.getVisibleElements=Ft;var qe=this.getVisibleElementsAndBBoxes=function(e){e||(e=Wn(g).children());var t=[];return Wn(e).children().each(function(e,n){n.getBBox&&t.push({elem:n,bbox:Ht([n])})}),t.reverse()},Ye=this.groupSvgElem=function(e){var t=document.createElementNS(u.SVG,"g");e.replaceWith(t),Wn(t).append(e).data("gsvg",e)[0].id=Y()},We={};h.call=Q,h.bind=function(e,t){var n=We[e];return We[e]=t,n},this.prepareSvg=function(e){this.sanitizeSvg(e.documentElement),[].concat(c(e.getElementsByTagNameNS(u.SVG,"path"))).forEach(function(e){e.setAttribute("d",N.convertPath(e)),N.fixEnd(e)})};var Qe=function(e){if(!M())return e;var t=e.cloneNode(!0);return e.before(t),e.remove(),H.releaseSelector(e),w[0]=t,H.requestSelector(t).showGrips(!0),t};this.setRotationAngle=function(e,t){e=parseFloat(e);var n=w[0],r=n.getAttribute("transform"),a=Mt(n),i=a.x+a.width/2,o=a.y+a.height/2,s=W(n);s.numberOfItems>0&&(4===s.getItem(0).type&&s.removeItem(0));if(0!==e){var l=ge(i,o,be(s).matrix),c=f.createSVGTransform();c.setRotate(e,l.x,l.y),s.numberOfItems?s.insertItemBefore(c,0):s.appendItem(c)}else 0===s.numberOfItems&&n.removeAttribute("transform");if(!t){var u=n.getAttribute("transform");n.setAttribute("transform",r),un("transform",u,w),Q("changed",w)}var d=H.requestSelector(w[0]);d.resize(),d.updateGripCursors(e)};var Ke=this.recalculateAllSelectedDimensions=function(){for(var e=new $n("none"===je?"position":"size"),t=w.length;t--;){var n=w[t],r=Bn(n);r&&e.addSubCommand(r)}e.isEmpty()||(B(e),Q("changed",w))},Ze=function(e){console.log([e.a,e.b,e.c,e.d,e.e,e.f])},$e=null,Je=this.selectOnly=function(e,t){K(!0),ne(e,t)};this.removeFromSelection=function(e){if(null!=w[0]&&e.length){for(var t=[],n=w.length,r=0;r<n;++r){var a=w[r];a&&(e.includes(a)?H.releaseSelector(a):t.push(a))}w=t}},this.selectAllInCurrentLayer=function(){var e=m().getCurrentLayer();e&&(Ve="select",Je(Wn(y||e).children()))};var et,tt,nt,rt,at,it,ot,st,lt,ct,ht,pt,xt,wt,Ct,Lt,Ot=null;et={minx:null,miny:null,maxx:null,maxy:null},tt=null,nt=null,rt=null,at=null,it=null,ot={},st=0,lt={x:0,y:0},ct={x:0,y:0},ht={x:0,y:0},pt={x:0,y:0},xt={x:0,y:0},wt={x:0,y:0},Ct=void 0,Lt=function(e){var t={x:0,y:0},n=lt,r=ct,a=ht,i=pt,o=e*e,s=o*e,l=[[-1,3,-3,1],[3,-6,3,0],[-3,0,3,0],[1,4,1,0]];return t.x=1/6*((n.x*l[0][0]+r.x*l[0][1]+a.x*l[0][2]+i.x*l[0][3])*s+(n.x*l[1][0]+r.x*l[1][1]+a.x*l[1][2]+i.x*l[1][3])*o+(n.x*l[2][0]+r.x*l[2][1]+a.x*l[2][2]+i.x*l[2][3])*e+(n.x*l[3][0]+r.x*l[3][1]+a.x*l[3][2]+i.x*l[3][3])),t.y=1/6*((n.y*l[0][0]+r.y*l[0][1]+a.y*l[0][2]+i.y*l[0][3])*s+(n.y*l[1][0]+r.y*l[1][1]+a.y*l[1][2]+i.y*l[1][3])*o+(n.y*l[2][0]+r.y*l[2][1]+a.y*l[2][2]+i.y*l[2][3])*e+(n.y*l[3][0]+r.y*l[3][1]+a.y*l[3][2]+i.y*l[3][3])),{x:t.x,y:t.y}},Wn(a).mousedown(function(e){if(!h.spaceKey&&1!==e.button){var t=2===e.button;e.altKey&&h.cloneSelectedElements(0,0),$e=Wn("#svgcontent g")[0].getScreenCTM().inverse();var n=ge(e.pageX,e.pageY,$e),r=n.x*_,a=n.y*_;e.preventDefault(),t&&(Ve="select",Fe=n);var i=r/_,s=a/_,l=ie(e);"a"===l.tagName&&1===l.childNodes.length&&(l=l.firstChild);var c=i;at=nt=i;var u=s;if(it=rt=s,o.gridSnapping&&(i=Kt(i),s=Kt(s),nt=Kt(nt),rt=Kt(rt)),l===H.selectorParentGroup&&null!=w[0]){var d=e.target,p=ce(d,"type");"rotate"===p?Ve="rotate":"resize"===p&&(Ve="resize",je=ce(d,"dir")),l=w[0]}Oe=l.getAttribute("transform");var g=void 0,v=void 0,m=W(l);switch(Ve){case"select":if(Me=!0,je="none",t&&(Me=!1),l!==f){if(w.includes(l)||(e.shiftKey||K(!0),ne([l]),Be=l,N.clear()),!t)for(g=0;g<w.length;++g)if(null!=w[g]){var y=W(w[g]);y.numberOfItems?y.insertItemBefore(f.createSVGTransform(),0):y.appendItem(f.createSVGTransform())}}else t||(K(),Ve="multiselect",null==De&&(De=H.getRubberBandBox()),Xt(De,{x:at*=_,y:it*=_,width:0,height:0,display:"inline"},100));break;case"zoom":Me=!0,null==De&&(De=H.getRubberBandBox()),Xt(De,{x:c*_,y:c*_,width:0,height:0,display:"inline"},100);break;case"resize":Me=!0,nt=i,rt=s,ot=Mt(Wn("#selectedBox0")[0]);var b={};Wn.each(ot,function(e,t){b[e]=t/_}),ot=b;var S=qt(l)?1:0;if(_e(m))m.insertItemBefore(f.createSVGTransform(),S),m.insertItemBefore(f.createSVGTransform(),S),m.insertItemBefore(f.createSVGTransform(),S);else if(m.appendItem(f.createSVGTransform()),m.appendItem(f.createSVGTransform()),m.appendItem(f.createSVGTransform()),D()){var C=L(),A=void 0;C&&(A=function(e){var t=e.getAttributeNS(null,"stroke");e.removeAttributeNS(null,"stroke"),null!==t&&setTimeout(function(){e.setAttributeNS(null,"stroke",t)},0)}),l.style.vectorEffect="non-scaling-stroke",C&&A(l);var E=l.getElementsByTagName("*"),G=E.length;for(g=0;g<G;g++)E[g].style&&(E[g].style.vectorEffect="non-scaling-stroke",C&&A(E[g]))}break;case"fhellipse":case"fhrect":case"fhpath":ht.x=c,ht.y=u,Me=!0,tt=c+","+u+" ",v=0===parseFloat(x.stroke_width)?1:x.stroke_width,k({element:"polyline",curStyles:!0,attr:{points:tt,id:Y(),fill:"none",opacity:x.opacity/2,"stroke-linecap":"round",style:"pointer-events:none"}}),et.minx=c,et.maxx=c,et.miny=u,et.maxy=u;break;case"image":Me=!0;var P=k({element:"image",attr:{x:i,y:s,width:0,height:0,id:Y(),opacity:x.opacity/2,style:"pointer-events:inherit"}});Nt(P,Te),Zt(P);break;case"square":case"rect":Me=!0,nt=i,rt=s,k({element:"rect",curStyles:!0,attr:{x:i,y:s,width:0,height:0,id:Y(),opacity:x.opacity/2}});break;case"line":Me=!0,v=0===Number(x.stroke_width)?1:x.stroke_width,k({element:"line",curStyles:!0,attr:{x1:i,y1:s,x2:i,y2:s,id:Y(),stroke:x.stroke,"stroke-width":v,"stroke-dasharray":x.stroke_dasharray,"stroke-linejoin":x.stroke_linejoin,"stroke-linecap":x.stroke_linecap,"stroke-opacity":x.stroke_opacity,fill:"none",opacity:x.opacity/2,style:"pointer-events:none"}});break;case"circle":Me=!0,k({element:"circle",curStyles:!0,attr:{cx:i,cy:s,r:0,id:Y(),opacity:x.opacity/2}});break;case"ellipse":Me=!0,k({element:"ellipse",curStyles:!0,attr:{cx:i,cy:s,rx:0,ry:0,id:Y(),opacity:x.opacity/2}});break;case"text":Me=!0,k({element:"text",curStyles:!0,attr:{x:i,y:s,id:Y(),fill:Ae.fill,"stroke-width":Ae.stroke_width,"font-size":Ae.font_size,"font-family":Ae.font_family,"text-anchor":"middle","xml:space":"preserve",opacity:x.opacity}});break;case"path":case"pathedit":nt*=_,rt*=_,N.mouseDown(e,l,nt,rt),Me=!0;break;case"textedit":nt*=_,rt*=_,Bt.mouseDown(e,l,nt,rt),Me=!0;break;case"rotate":Me=!0,h.undoMgr.beginUndoableChange("transform",w)}var I=He("mouseDown",{event:e,start_x:nt,start_y:rt,selectedElements:w},!0);Wn.each(I,function(e,t){t&&t.started&&(Me=!0)})}}).mousemove(function(e){if(Me&&1!==e.button&&!h.spaceKey){var t=void 0,n=void 0,r=void 0,a=void 0,i=void 0,s=void 0,l=void 0,c=void 0,u=void 0,d=w[0],p=ge(e.pageX,e.pageY,$e),v=p.x*_,m=p.y*_,y=Wt(X()),b=v/_,x=b,S=m/_,k=S;o.gridSnapping&&(x=Kt(x),k=Kt(k)),e.preventDefault();var C=void 0;switch(Ve){case"select":if(null!==w[0]){if(i=x-nt,s=k-rt,o.gridSnapping&&(i=Kt(i),s=Kt(s)),e.shiftKey){var A=n=we(nt,rt,x,k);x=A.x,k=A.y}if(0!==i||0!==s){for(l=w.length,t=0;t<l&&null!=(d=w[t]);++t){var E=f.createSVGTransform();C=W(d),E.setTranslate(i,s),C.numberOfItems?C.replaceItem(E,0):C.appendItem(E),H.requestSelector(d).resize()}Q("transition",w)}}break;case"multiselect":b*=_,S*=_,Xt(De,{x:Math.min(at,b),y:Math.min(it,S),width:Math.abs(b-at),height:Math.abs(S-it)},100);var G=w.slice(),P=[],I=ze();for(l=I.length,t=0;t<l;++t){var T=I[t];w.includes(T)||P.push(T);var L=G.indexOf(T);-1!==L&&G.splice(L,1)}G.length>0&&h.removeFromSelection(G),P.length>0&&h.addToSelection(P);break;case"resize":C=W(d);var M=_e(C),O=(u=M?ot:Mt(d)).x,V=u.y,j=u,R=j.width,B=j.height;if(i=x-nt,s=k-rt,o.gridSnapping&&(i=Kt(i),s=Kt(s),B=Kt(B),R=Kt(R)),c=qt(d)){var D=Math.sqrt(i*i+s*s),U=Math.atan2(s,i)-c*Math.PI/180;i=D*Math.cos(U),s=D*Math.sin(U)}je.includes("n")||je.includes("s")||(s=0),je.includes("e")||je.includes("w")||(i=0);var F=0,z=0,q=B?(B+s)/B:1,Y=R?(R+i)/R:1;je.includes("n")&&(q=B?(B-s)/B:1,z=B),je.includes("w")&&(Y=R?(R-i)/R:1,F=R);var K=f.createSVGTransform(),Z=f.createSVGTransform(),$=f.createSVGTransform();if(o.gridSnapping&&(O=Kt(O),F=Kt(F),V=Kt(V),z=Kt(z)),K.setTranslate(-(O+F),-(V+z)),e.shiftKey&&(1===Y?Y=q:q=Y),Z.setScale(Y,q),$.setTranslate(O+F,V+z),M){var J=c?1:0;C.replaceItem(K,2+J),C.replaceItem(Z,1+J),C.replaceItem($,Number(J))}else{var ee=C.numberOfItems;C.replaceItem($,ee-3),C.replaceItem(Z,ee-2),C.replaceItem(K,ee-1)}H.requestSelector(d).resize(),Q("transition",w);break;case"zoom":b*=_,S*=_,Xt(De,{x:Math.min(at*_,b),y:Math.min(it*_,S),width:Math.abs(b-at*_),height:Math.abs(S-it*_)},100);break;case"text":Xt(y,{x:x,y:k},1e3);break;case"line":o.gridSnapping&&(x=Kt(x),k=Kt(k));var te=x,ne=k;e.shiftKey&&(te=(n=we(nt,rt,te,ne)).x,ne=n.y),y.setAttributeNS(null,"x2",te),y.setAttributeNS(null,"y2",ne);break;case"foreignObject":case"square":case"rect":case"image":var re="square"===Ve||e.shiftKey,ae=Math.abs(x-nt),ie=Math.abs(k-rt),oe=void 0,se=void 0;re?(ae=ie=Math.max(ae,ie),oe=nt<x?nt:nt-ae,se=rt<k?rt:rt-ie):(oe=Math.min(nt,x),se=Math.min(rt,k)),o.gridSnapping&&(ae=Kt(ae),ie=Kt(ie),oe=Kt(oe),se=Kt(se)),Xt(y,{width:ae,height:ie,x:oe,y:se},1e3);break;case"circle":var le=Wn(y).attr(["cx","cy"]);r=le.cx,a=le.cy;var ce=Math.sqrt((x-r)*(x-r)+(k-a)*(k-a));o.gridSnapping&&(ce=Kt(ce)),y.setAttributeNS(null,"r",ce);break;case"ellipse":var ue=Wn(y).attr(["cx","cy"]);r=ue.cx,a=ue.cy,o.gridSnapping&&(x=Kt(x),r=Kt(r),k=Kt(k),a=Kt(a)),y.setAttributeNS(null,"rx",Math.abs(x-r));var de=Math.abs(e.shiftKey?x-r:k-a);y.setAttributeNS(null,"ry",de);break;case"fhellipse":case"fhrect":et.minx=Math.min(b,et.minx),et.maxx=Math.max(b,et.maxx),et.miny=Math.min(S,et.miny),et.maxy=Math.max(S,et.maxy);case"fhpath":if(pt.x=b,pt.y=S,lt.x&&lt.y)for(t=0;t<9;t++)if(Ct=t/10,xt=Lt((t+1)/10),wt=xt,xt=Lt(Ct),(st+=Math.sqrt((wt.x-xt.x)*(wt.x-xt.x)+(wt.y-xt.y)*(wt.y-xt.y)))>.8){st-=.8;var he=g.createSVGPoint();he.x=xt.x,he.y=xt.y,y.points.appendItem(he)}lt={x:ct.x,y:ct.y},ct={x:ht.x,y:ht.y},ht={x:pt.x,y:pt.y};break;case"path":case"pathedit":if(x*=_,k*=_,o.gridSnapping&&(x=Kt(x),k=Kt(k),nt=Kt(nt),rt=Kt(rt)),e.shiftKey){var pe=Ie,fe=void 0,ve=void 0;pe?(fe=pe.dragging?pe.dragging[0]:nt,ve=pe.dragging?pe.dragging[1]:rt):(fe=nt,ve=rt);var me=n=we(fe,ve,x,k);x=me.x,k=me.y}De&&"none"!==De.getAttribute("display")&&(b*=_,S*=_,Xt(De,{x:Math.min(at*_,b),y:Math.min(it*_,S),width:Math.abs(b-at*_),height:Math.abs(S-it*_)},100)),N.mouseMove(x,k);break;case"textedit":x*=_,k*=_,Bt.mouseMove(v,m);break;case"rotate":r=(u=Mt(d)).x+u.width/2,a=u.y+u.height/2;var ye=xe(d),be=ge(r,a,ye);r=be.x,a=be.y,c=(Math.atan2(a-k,r-x)*(180/Math.PI)-90)%360,o.gridSnapping&&(c=Kt(c)),e.shiftKey&&(c=45*Math.round(c/45)),h.setRotationAngle(c<-180?360+c:c,!0),Q("transition",w)}He("mouseMove",{event:e,mouse_x:v,mouse_y:m,selected:d})}}).click(function(e){return e.preventDefault(),!1}).dblclick(function(e){var t=e.target.parentNode;if(t!==y){var n=ie(e),r=n.tagName;if("text"===r&&"textedit"!==Ve){var a=ge(e.pageX,e.pageY,$e);Bt.select(n,a.x,a.y)}"g"!==r&&"a"!==r||!qt(n)||(dn(n),n=w[0],K(!0)),y&&Cn(),"g"!==t.tagName&&"a"!==t.tagName||t===m().getCurrentLayer()||n===H.selectorParentGroup||An(n)}}).mouseup(function(e){if(2!==e.button){var t=Be;if(Be=null,Me){var n=ge(e.pageX,e.pageY,$e),r=n.x*_,a=n.y*_,i=r/_,s=a/_,l=Wt(X()),c=!1,u=i,d=s;Me=!1;var p=void 0,f=void 0;switch(Ve){case"resize":case"multiselect":null!=De&&(De.setAttribute("display","none"),Ue=[]),Ve="select";case"select":if(null!=w[0]){if(null==w[1]){var g=w[0];switch(g.tagName){case"g":case"use":case"image":case"foreignObject":break;default:Re.fill=g.getAttribute("fill"),Re.fill_opacity=g.getAttribute("fill-opacity"),Re.stroke=g.getAttribute("stroke"),Re.stroke_opacity=g.getAttribute("stroke-opacity"),Re.stroke_width=g.getAttribute("stroke-width"),Re.stroke_dasharray=g.getAttribute("stroke-dasharray"),Re.stroke_linejoin=g.getAttribute("stroke-linejoin"),Re.stroke_linecap=g.getAttribute("stroke-linecap")}"text"===g.tagName&&(Ae.font_size=g.getAttribute("font-size"),Ae.font_family=g.getAttribute("font-family")),H.requestSelector(g).showGrips(!0)}if(Ke(),u!==at||d!==it)for(var v=w.length,y=0;y<v&&null!=w[y];++y)w[y].firstChild||H.requestSelector(w[y]).resize();else f=e.target,"path"===w[0].nodeName&&null==w[1]?N.select(w[0]):e.shiftKey&&t!==f&&h.removeFromSelection([f]);if(D()){var b=w[0];b&&(b.removeAttribute("style"),Et(b,function(e){e.removeAttribute("style")}))}}return;case"zoom":null!=De&&De.setAttribute("display","none");var S=e.shiftKey?.5:2;return void Q("zoomed",{x:Math.min(at,u),y:Math.min(it,d),width:Math.abs(u-at),height:Math.abs(d-it),factor:S});case"fhpath":st=0,lt={x:0,y:0},ct={x:0,y:0},ht={x:0,y:0},pt={x:0,y:0};var C=l.getAttribute("points"),A=C.indexOf(",");(c=A>=0?C.indexOf(",",A+1)>=0:C.indexOf(" ",C.indexOf(" ")+1)>=0)&&(l=N.smoothPolylineIntoPath(l));break;case"line":p=Wn(l).attr(["x1","x2","y1","y2"]),c=p.x1!==p.x2||p.y1!==p.y2;break;case"foreignObject":case"square":case"rect":case"image":p=Wn(l).attr(["width","height"]),c=p.width||p.height||"image"===Ve;break;case"circle":c="0"!==l.getAttribute("r");break;case"ellipse":p=Wn(l).attr(["rx","ry"]),c=p.rx||p.ry;break;case"fhellipse":et.maxx-et.minx>0&&et.maxy-et.miny>0&&(l=k({element:"ellipse",curStyles:!0,attr:{cx:(et.minx+et.maxx)/2,cy:(et.miny+et.maxy)/2,rx:(et.maxx-et.minx)/2,ry:(et.maxy-et.miny)/2,id:X()}}),Q("changed",[l]),c=!0);break;case"fhrect":et.maxx-et.minx>0&&et.maxy-et.miny>0&&(l=k({element:"rect",curStyles:!0,attr:{x:et.minx,y:et.miny,width:et.maxx-et.minx,height:et.maxy-et.miny,id:X()}}),Q("changed",[l]),c=!0);break;case"text":c=!0,Je([l]),Bt.start(l);break;case"path":l=null,Me=!0;var E=N.mouseUp(e,l,r,a);l=E.element,c=E.keep;break;case"pathedit":c=!0,l=null,N.mouseUp(e);break;case"textedit":c=!1,l=null,Bt.mouseUp(e,r,a);break;case"rotate":c=!0,l=null,Ve="select";var G=h.undoMgr.finishUndoableChange();G.isEmpty()||B(G),Ke(),Q("changed",w)}var P=He("mouseUp",{event:e,mouse_x:r,mouse_y:a},!0);if(Wn.each(P,function(e,t){t&&(c=t.keep||c,l=t.element,Me=t.started||Me)}),c||null==l){if(null!=l){h.addedNew=!0;var I=.2,T=void 0;if(ue.beginElement&&parseFloat(l.getAttribute("opacity"))!==x.opacity){T=Wn(ue).clone().attr({to:x.opacity,dur:I}).appendTo(l);try{T[0].beginElement()}catch(e){}}else I=0;setTimeout(function(){T&&T.remove(),l.setAttribute("opacity",x.opacity),l.setAttribute("style","pointer-events:inherit"),Qt(l),"path"===Ve?N.toEditMode(l):o.selectNew&&Je([l],!0),B(new Qn(l)),Q("changed",[l])},1e3*I)}}else{for(m().releaseId(X()),l.remove(),l=null,f=e.target;f&&f.parentNode&&f.parentNode.parentNode&&"g"===f.parentNode.parentNode.tagName;)f=f.parentNode;"path"===Ve&&Ot||!f||!f.parentNode||"selectorParentGroup"===f.parentNode.id||"svgcanvas"===f.id||"svgroot"===f.id||(h.setMode("select"),Je([f],!0))}Oe=null}}}),Wn(a).bind("mousewheel DOMMouseScroll",function(e){if(e.shiftKey){e.preventDefault();var t=e.originalEvent;$e=Wn("#svgcontent g")[0].getScreenCTM().inverse();var n=Wn("#workarea"),r=o.showRulers?16:0,a=ge(t.pageX,t.pageY,$e),i=n.width(),s=n.height(),l=i-15-r,c=s-15-r,u=l*$e.a,d=c*$e.d,p=n.offset(),f=p.left+r,g=p.top+r,v=t.wheelDelta?t.wheelDelta:t.detail?-t.detail:0;if(v){var m=Math.max(.75,Math.min(4/3,v)),y=void 0,b=void 0;m>1?(y=Math.ceil(l/u*m*100)/100,b=Math.ceil(c/d*m*100)/100):(y=Math.floor(l/u*m*100)/100,b=Math.floor(c/d*m*100)/100);var x=Math.min(y,b);if((x=Math.min(10,Math.max(.01,x)))!==_){m=x/_;var w=ge(f,g,$e),S={x:(a.x-(a.x-w.x)/m)*x-r+i/2,y:(a.y-(a.y-w.y)/m)*x-r+s/2};h.setZoom(x),Wn("#zoom").val((100*x).toFixed(1)),Q("updateCanvas",{center:!1,newCtr:S}),Q("zoomDone")}}}});var Bt=h.textActions=function(){var e=void 0,t=void 0,n=void 0,r=void 0,a=void 0,i=[],o=void 0,s=void 0,l=void 0,c=void 0,d=void 0;function p(e){var s=""===t.value;if(Wn(t).focus(),!arguments.length)if(s)e=0;else{if(t.selectionEnd!==t.selectionStart)return;e=t.selectionEnd}var l=i[e];s||t.setSelectionRange(e,e),(n=Wt("text_cursor"))||(n=document.createElementNS(u.SVG,"line"),Xt(n,{id:"text_cursor",stroke:"#333","stroke-width":1}),n=Wt("selectorParentGroup").appendChild(n)),a||(a=setInterval(function(){var e="none"===n.getAttribute("display");n.setAttribute("display",e?"inline":"none")},600));var c=x(l.x,o.y),d=x(l.x,o.y+o.height);Xt(n,{x1:c.x,y1:c.y,x2:d.x,y2:d.y,visibility:"visible",display:"inline"}),r&&r.setAttribute("d","")}function g(e,a,s){if(e!==a){s||t.setSelectionRange(e,a),(r=Wt("text_selectblock"))||(r=document.createElementNS(u.SVG,"path"),Xt(r,{id:"text_selectblock",fill:"green",opacity:.5,style:"pointer-events:none"}),Wt("selectorParentGroup").append(r));var l=i[e],c=i[a];n.setAttribute("visibility","hidden");var d=x(l.x,o.y),h=x(l.x+(c.x-l.x),o.y),f=x(l.x,o.y+o.height),g=x(l.x+(c.x-l.x),o.y+o.height),v="M"+d.x+","+d.y+" L"+h.x+","+h.y+" "+g.x+","+g.y+" "+f.x+","+f.y+"z";Xt(r,{d:v,display:"inline"})}else p(a)}function v(t,n){var r=f.createSVGPoint();if(r.x=t,r.y=n,1===i.length)return 0;var a=e.getCharNumAtPosition(r);a<0?(a=i.length-2,t<=i[0].x&&(a=0)):a>=i.length-2&&(a=i.length-2);var o=i[a];return t>o.x+o.width/2&&a++,a}function m(e,t){p(v(e,t))}function y(e,n,r){var a=t.selectionStart,i=v(e,n);g(Math.min(a,i),Math.max(a,i),!r)}function b(e,t){var n={x:e,y:t};if(n.x/=_,n.y/=_,s){var r=ge(n.x,n.y,s.inverse());n.x=r.x,n.y=r.y}return n}function x(e,t){var n={x:e,y:t};if(s){var r=ge(n.x,n.y,s);n.x=r.x,n.y=r.y}return n.x*=_,n.y*=_,n}function S(t){g(0,e.textContent.length),Wn(this).unbind(t)}function k(t){if(d&&e){var n=ge(t.pageX,t.pageY,$e),r=b(n.x*_,n.y*_),a=v(r.x,r.y),i=e.textContent,o=i.substr(0,a).replace(/[a-z0-9]+$/i,"").length,s=i.substr(a).match(/^[a-z0-9]+/i);g(o,(s?s[0].length:0)+a),Wn(t.target).click(S),setTimeout(function(){Wn(t.target).unbind("click",S)},300)}}return{select:function(t,n,r){e=t,Bt.toEditMode(n,r)},start:function(t){e=t,Bt.toEditMode()},mouseDown:function(e,n,r,a){var i=b(r,a);t.focus(),m(i.x,i.y),l=r,c=a},mouseMove:function(e,t){var n=b(e,t);y(n.x,n.y)},mouseUp:function(t,n,r){var a=b(n,r);y(a.x,a.y,!0),t.target!==e&&n<l+2&&n>l-2&&r<c+2&&r>c-2&&Bt.toSelectMode(!0)},setCursor:p,toEditMode:function(t,n){if(d=!1,Ve="textedit",H.requestSelector(e).showGrips(!1),H.requestSelector(e),Bt.init(),Wn(e).css("cursor","text"),arguments.length){var r=b(t,n);m(r.x,r.y)}else p();setTimeout(function(){d=!0},300)},toSelectMode:function(i){Ve="select",clearInterval(a),a=null,r&&Wn(r).attr("display","none"),n&&Wn(n).attr("visibility","hidden"),Wn(e).css("cursor","move"),i&&(K(),Wn(e).css("cursor","move"),Q("selected",[e]),ne([e],!0)),e&&!e.textContent.length&&h.deleteSelectedElements(),Wn(t).blur(),e=!1},setInputElem:function(e){t=e},clear:function(){"textedit"===Ve&&Bt.toSelectMode()},init:function(n){if(e){var r=void 0,a=void 0;e.parentNode||(e=w[0],H.requestSelector(e).showGrips(!1));var l=e.textContent.length,c=e.getAttribute("transform");for(o=Mt(e),s=c?xe(e):null,(i=[]).length=l,t.focus(),Wn(e).unbind("dblclick",k).dblclick(k),l||(a={x:o.x+o.width/2,width:0}),r=0;r<l;r++){var u=e.getStartPositionOfChar(r);if(a=e.getEndPositionOfChar(r),!E){var d=h.contentW*_;u.x-=d,a.x-=d,u.x/=_,a.x/=_}i[r]={x:u.x,y:o.y,width:a.x-u.x,height:o.height}}i.push({x:a.x,width:0}),g(t.selectionStart,t.selectionEnd,!0)}}}}(),Dt=this.removeUnusedDefElems=function(){var e=g.getElementsByTagNameNS(u.SVG,"defs");if(!e||!e.length)return 0;var t=[],n=0,r=["fill","stroke","filter","marker-start","marker-mid","marker-end"],a=r.length,i=g.getElementsByTagNameNS(u.SVG,"*"),o=i.length,s=void 0,l=void 0;for(s=0;s<o;s++){var c=i[s];for(l=0;l<a;l++){var d=Gt(c.getAttribute(r[l]));d&&t.push(d.substr(1))}var h=Pt(c);h&&h.startsWith("#")&&t.push(h.substr(1))}var p=Wn(e).find("linearGradient, radialGradient, filter, marker, svg, symbol");for(s=p.length;s--;){var f=p[s],v=f.id;t.includes(v)||(Pe[v]=f,f.remove(),n++)}return n};function Ut(){K();var e=[],t=[],n={feGaussianBlur:oe.exportNoBlur,foreignObject:oe.exportNoforeignObject,"[stroke-dasharray]":oe.exportNoDashArray},r=Wn(g);return"font"in Wn("<canvas>")[0].getContext("2d")||(n.text=oe.exportNoText),Wn.each(n,function(n,a){r.find(n).length&&(t.push(n),e.push(a))}),{issues:e,issueCodes:t}}this.svgCanvasToString=function(){for(;Dt()>0;);N.clear(!0),Wn.each(g.childNodes,function(e,t){e&&8===t.nodeType&&t.data.includes("Created with")&&g.firstChild.before(t)}),y&&(Cn(),Je([y]));var e=[];Wn(g).find("g:data(gsvg)").each(function(){for(var t=this.attributes,n=t.length,r=0;r<n;r++)"id"!==t[r].nodeName&&"style"!==t[r].nodeName||n--;if(n<=0){var a=this.firstChild;e.push(a),Wn(this).replaceWith(a)}});var t=this.svgToString(g,0);return e.length&&Wn(e).each(function(){Ye(this)}),t},this.svgToString=function(e,t){var n=[],r=o.baseUnit,a=new RegExp("^-?[\\d\\.]+"+r+"$");if(e){Qt(e);var i=Array.from(e.attributes),s=void 0,l=e.childNodes;for(i.sort(function(e,t){return e.name>t.name?-1:1}),s=0;s<t;s++)n.push(" ");if(n.push("<"),n.push(e.nodeName),"svgcontent"===e.id){var c=nn();"px"!==r&&(c.w=te(c.w,r)+r,c.h=te(c.h,r)+r),n.push(' width="'+c.w+'" height="'+c.h+'" xmlns="'+u.SVG+'"');var d={};Wn(e).find("*").andSelf().each(function(){var e=this.namespaceURI;e&&!d[e]&&j[e]&&"xmlns"!==j[e]&&"xml"!==j[e]&&(d[e]=!0,n.push(" xmlns:"+j[e]+'="'+e+'"')),Wn.each(this.attributes,function(e,t){var r=t.namespaceURI;r&&!d[r]&&"xmlns"!==j[r]&&"xml"!==j[r]&&(d[r]=!0,n.push(" xmlns:"+j[r]+'="'+r+'"'))})}),s=i.length;for(var h=["width","height","xmlns","x","y","viewBox","id","overflow"];s--;){var p=i[s],f=_t(p.value);p.nodeName.startsWith("xmlns:")||(""===f||h.includes(p.localName)||p.namespaceURI&&!j[p.namespaceURI]||(n.push(" "),n.push(p.nodeName),n.push('="'),n.push(f),n.push('"')))}}else{if("defs"===e.nodeName&&!e.firstChild)return;var g=["-moz-math-font-style","_moz-math-font-style"];for(s=i.length-1;s>=0;s--){var v=i[s],m=_t(v.value);if(!g.includes(v.localName)&&""!==m){if(m.startsWith("pointer-events"))continue;if("class"===v.localName&&m.startsWith("se_"))continue;if(n.push(" "),"d"===v.localName&&(m=N.convertPath(e,!0)),isNaN(m)?a.test(m)&&(m=ee(m)+r):m=ee(m),ke.apply&&"image"===e.nodeName&&"href"===v.localName&&ke.images&&"embed"===ke.images){var _=fe[m];_&&(m=_)}v.namespaceURI&&v.namespaceURI!==u.SVG&&!j[v.namespaceURI]||(n.push(v.nodeName),n.push('="'),n.push(m),n.push('"'))}}}if(e.hasChildNodes()){n.push(">"),t++;var y=!1;for(s=0;s<l.length;s++){var b=l.item(s);switch(b.nodeType){case 1:n.push("\n"),n.push(this.svgToString(l.item(s),t));break;case 3:var x=b.nodeValue.replace(/^\s+|\s+$/g,"");""!==x&&(y=!0,n.push(String(_t(x))));break;case 4:n.push("\n"),n.push(new Array(t+1).join(" ")),n.push("<![CDATA["),n.push(b.nodeValue),n.push("]]>");break;case 8:n.push("\n"),n.push(new Array(t+1).join(" ")),n.push("\x3c!--"),n.push(b.data),n.push("--\x3e")}}if(t--,!y)for(n.push("\n"),s=0;s<t;s++)n.push(" ");n.push("</"),n.push(e.nodeName),n.push(">")}else n.push("/>")}return n.join("")},this.embedImage=function(e,t){return new Promise(function(n,r){Wn(new Image).load(function(a,i,o){if("error"!==i){var s=document.createElement("canvas");s.width=this.width,s.height=this.height,s.getContext("2d").drawImage(this,0,0);try{var l=";svgedit_url="+encodeURIComponent(e);l=s.toDataURL().replace(";base64",l+";base64"),fe[e]=l}catch(t){fe[e]=!1}Te=e,t&&t(fe[e]),n(fe[e])}else r(new Error("Error loading image: "+o.status+" "+o.statusText))}).attr("src",e)})},this.setGoodImage=function(e){Te=e},this.open=function(){},this.save=function(e){K(),e&&Wn.extend(ke,e),ke.apply=!0;var t=this.svgCanvasToString();Q("saved",t)};var zt=void 0;this.rasterExport=function(e,t,r,a){var i,s=this,l="ICO"===e?"BMP":e||"PNG",c="image/"+l.toLowerCase(),u=Ut(),d=u.issues,p=u.issueCodes,f=this.svgCanvasToString();return new Promise((i=n(regeneratorRuntime.mark(function n(i,u){var g,v,m,_,y,b;return regeneratorRuntime.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:if(b=function(){var n={datauri:_,bloburl:y,svg:f,issues:d,issueCodes:p,type:e,mimeType:c,quality:t,exportWindowName:r};Q("exported",n),a&&a(n),i(n)},zt){n.next=6;break}return n.next=4,on(o.canvgPath+"canvg.js",{global:"canvg"});case 4:g=n.sent,zt=g.canvg;case 6:return Wn("#export_canvas").length||Wn("<canvas>",{id:"export_canvas"}).hide().appendTo("body"),(v=Wn("#export_canvas")[0]).width=h.contentW,v.height=h.contentH,n.next=12,zt(v,f);case 12:if(m=l.toLowerCase(),_=t?v.toDataURL("image/"+m,t):v.toDataURL("image/"+m),y=void 0,!v.toBlob){n.next=18;break}return v.toBlob(function(e){y=kt(e),b()},c,t),n.abrupt("return");case 18:y=St(_),b();case 20:case"end":return n.stop()}},n,s)})),function(e,t){return i.apply(this,arguments)}))},this.exportPDF=function(e,t,r){var a,i=this,s=this;return new Promise((a=n(regeneratorRuntime.mark(function n(a,l){var c,u,d,h,p,f,g,v,m,_;return regeneratorRuntime.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:if(window.jsPDF){n.next=6;break}return n.next=3,sn(["jspdf/underscore-min.js","jspdf/jspdf.min.js"]);case 3:return c=!("svgEditor"in window&&window.svgEditor&&!1===window.svgEditor.modules),n.next=6,sn(o.jspdfPath+"jspdf.plugin.svgToPdf.js",{type:c?"module":"text/javascript"});case 6:u=nn(),d=u.w>u.h?"landscape":"portrait",h=jsPDF({orientation:d,unit:"pt",format:[u.w,u.h]}),p=rn(),h.setProperties({title:p}),f=Ut(),g=f.issues,v=f.issueCodes,m=s.svgCanvasToString(),h.addSVG(m,0,0),(_={svg:m,issues:g,issueCodes:v,exportWindowName:e,outputType:t=t||"dataurlstring"}).output=h.output(t),r&&r(_),a(_),Q("exportedPDF",_);case 21:case"end":return n.stop()}},n,i)})),function(e,t){return a.apply(this,arguments)}))},this.getSvgString=function(){return ke.apply=!1,this.svgCanvasToString()},this.randomizeIds=function(e){arguments.length>0&&!1===e?xn(!1,m()):xn(!0,m())};var $t=this.uniquifyElems=function(e){var t={},n=["filter","linearGradient","pattern","radialGradient","symbol","textPath","use"];for(var r in Et(e,function(e){if(1===e.nodeType){e.id&&(e.id in t||(t[e.id]={elem:null,attrs:[],hrefs:[]}),t[e.id].elem=e),Wn.each(le,function(n,r){var a=e.getAttributeNode(r);if(a){var i=Gt(a.value),o=i?i.substr(1):null;o&&(o in t||(t[o]={elem:null,attrs:[],hrefs:[]}),t[o].attrs.push(a))}});var r=Pt(e);if(r&&n.includes(e.nodeName)){var a=r.substr(1);a&&(a in t||(t[a]={elem:null,attrs:[],hrefs:[]}),t[a].hrefs.push(e))}}}),t)if(r){var a=t[r].elem;if(a){var i=Y();a.id=i;for(var o=t[r].attrs,s=o.length;s--;){var l=o[s];l.ownerElement.setAttribute(l.name,"url(#"+i+")")}for(var c=t[r].hrefs,u=c.length;u--;){var d=c[u];Nt(d,"#"+i)}}}},Jt=this.setUseData=function(e){var t=Wn(e);"use"!==e.tagName&&(t=t.find("use")),t.each(function(){var e=Pt(this).substr(1),t=Wt(e);t&&(Wn(this).data("ref",t),"symbol"!==t.tagName&&"svg"!==t.tagName||Wn(this).data("symbol",t).data("ref",t))})},en=this.convertGradients=function(e){var t=Wn(e).find("linearGradient, radialGradient");!t.length&&L()&&(t=Wn(e).find("*").filter(function(){return this.tagName.includes("Gradient")})),t.each(function(){if("userSpaceOnUse"===Wn(this).attr("gradientUnits")){var e=Wn(g).find('[fill="url(#'+this.id+')"],[stroke="url(#'+this.id+')"]');if(!e.length)return;var t=Mt(e[0]);if(!t)return;if("linearGradient"===this.tagName){var n=Wn(this).attr(["x1","y1","x2","y2"]),r=this.gradientTransform.baseVal;if(r&&r.numberOfItems>0){var a=be(r).matrix,i=ge(n.x1,n.y1,a),o=ge(n.x2,n.y2,a);n.x1=i.x,n.y1=i.y,n.x2=o.x,n.y2=o.y,this.removeAttribute("gradientTransform")}Wn(this).attr({x1:(n.x1-t.x)/t.width,y1:(n.y1-t.y)/t.height,x2:(n.x2-t.x)/t.width,y2:(n.y2-t.y)/t.height}),this.removeAttribute("gradientUnits")}}})},tn=this.convertToGroup=function(e){e||(e=w[0]);var t=Wn(e),n=new $n,r=void 0;if(t.data("gsvg")){var a=e.firstChild,i=Wn(a).attr(["x","y"]);Wn(e.firstChild.firstChild).unwrap(),Wn(e).removeData("gsvg");var o=W(e),s=f.createSVGTransform();s.setTranslate(i.x,i.y),o.appendItem(s),Bn(e),Q("selected",[e])}else if(t.data("symbol")){e=t.data("symbol"),r=t.attr("transform");var l=t.attr(["x","y"]),c=e.getAttribute("viewBox");if(c){var d=c.split(" ");l.x-=+d[0],l.y-=+d[1]}r+=" translate("+(l.x||0)+","+(l.y||0)+")";var h=t.prev();n.addSubCommand(new Kn(t[0],t[0].nextSibling,t[0].parentNode)),t.remove();var v=Wn(g).find("use:data(symbol)").length,m=p.createElementNS(u.SVG,"g"),_=e.childNodes,y=void 0;for(y=0;y<_.length;y++)m.append(_[y].cloneNode(!0));if(M()){var b=Wn(It()).children("linearGradient,radialGradient,pattern").clone();Wn(m).append(b)}r&&m.setAttribute("transform",r);var x=e.parentNode;if($t(m),M()&&Wn(It()).append(Wn(m).find("linearGradient,radialGradient,pattern")),m.id=Y(),h.after(m),x){if(!v){var S=e.nextSibling;e.remove(),n.addSubCommand(new Kn(e,S,x))}n.addSubCommand(new Qn(m))}Jt(m),M()?en(It()):en(m),function(e,t){if(e&&1===e.nodeType){for(var n=e.childNodes.length;n--;)Et(e.childNodes.item(n),t);t(e)}}(m,function(e){try{Bn(e)}catch(e){console.log(e)}}),Wn(m).find(se).each(function(){this.id||(this.id=Y())}),Je([m]);var k=dn(m,!0);k&&n.addSubCommand(k),B(n)}else console.log("Unexpected element to ungroup:",e)};this.setSvgString=function(e,t){try{var n=At(e);if(n.firstElementChild&&n.firstElementChild.namespaceURI!==u.SVG)return!1;this.prepareSvg(n);var r=new $n("Change Source"),a=g.nextSibling,i=f.removeChild(g);r.addSubCommand(new Kn(i,a,f)),g=p.adoptNode?p.adoptNode(n.documentElement):p.importNode(n.documentElement,!0),f.append(g);var s=Wn(g);h.current_drawing_=new bn(g,v);var l=m().getNonce();l?Q("setnonce",l):Q("unsetnonce"),s.find("image").each(function(){var e=this;Zt(e);var t=Pt(this);if(t){if(t.startsWith("data:")){var n=t.match(/svgedit_url=(.*?);/);if(n){var r=decodeURIComponent(n[1]);Wn(new Image).load(function(){e.setAttributeNS(u.XLINK,"xlink:href",r)}).attr("src",r)}}h.embedImage(t)}}),s.find("svg").each(function(){if(!Wn(this).closest("defs").length){$t(this);var e=this.parentNode;1===e.childNodes.length&&"g"===e.nodeName?(Wn(e).data("gsvg",this),e.id=e.id||Y()):Ye(this)}}),M()&&s.find("linearGradient, radialGradient, pattern").appendTo(It()),Jt(s),en(s[0]);var c={id:"svgcontent",overflow:o.show_outside_canvas?"visible":"hidden"},d=!1;if(s.attr("viewBox")){var y=s.attr("viewBox").split(" ");c.width=y[2],c.height=y[3]}else Wn.each(["width","height"],function(e,t){var n=s.attr(t)||"100%";"%"===String(n).substr(-1)?d=!0:c[t]=re(t,n)});if(kn(),s.children().find(se).each(function(){this.id||(this.id=Y())}),d){var b=Ht();c.width=b.width+b.x,c.height=b.height+b.y}c.width<=0&&(c.width=100),c.height<=0&&(c.height=100),s.attr(c),this.contentW=c.width,this.contentH=c.height,r.addSubCommand(new Qn(g));var x=s.attr(["width","height"]);r.addSubCommand(new Zn(f,x)),_=1,z={},K(),Ne={},f.append(H.selectorParentGroup),t||B(r),Q("changed",[g])}catch(e){return console.log(e),!1}return!0},this.importSvgString=function(e){var t=void 0,n=void 0,r=void 0;try{var a=yt(e.length+e).substr(0,32),i=!1;Ce[a]&&Wn(Ce[a].symbol).parents("#svgroot").length&&(i=!0);var o=new $n("Import Image"),s=void 0;if(i)s=Ce[a].symbol,n=Ce[a].xform;else{var l=At(e);this.prepareSvg(l);var c=void 0;c=p.adoptNode?p.adoptNode(l.documentElement):p.importNode(l.documentElement,!0),$t(c);var d=re("width",c.getAttribute("width")),h=re("height",c.getAttribute("height")),f=c.getAttribute("viewBox"),v=f?f.split(" "):[0,0,d,h];for(t=0;t<4;++t)v[t]=+v[t];var _=+g.getAttribute("height");n="translate(0) "+(n=h>d?"scale("+_/3/v[3]+")":"scale("+_/3/v[2]+")")+" translate(0)",s=p.createElementNS(u.SVG,"symbol");var b=It();for(M()&&Wn(c).find("linearGradient, radialGradient, pattern").appendTo(b);c.firstChild;){var x=c.firstChild;s.append(x)}for(var w=c.attributes,S=0;S<w.length;S++){var k=w[S];s.setAttribute(k.nodeName,k.value)}s.id=Y(),Ce[a]={symbol:s,xform:n},It().append(s),o.addSubCommand(new Qn(s))}(r=p.createElementNS(u.SVG,"use")).id=Y(),Nt(r,"#"+s.id),(y||m().getCurrentLayer()).append(r),o.addSubCommand(new Qn(r)),K(),r.setAttribute("transform",n),Bn(r),Wn(r).data("symbol",s).data("ref",s),ne([r]),B(o),Q("changed",[g])}catch(e){return console.log(e),null}return r},["identifyLayers","createLayer","cloneLayer","deleteCurrentLayer","setCurrentLayer","renameCurrentLayer","setCurrentLayerPosition","setLayerVisibility","moveSelectedToLayer","mergeLayer","mergeAllLayers","leaveContext","setContext"].forEach(function(e){h[e]=En[e]}),Sn({pathActions:N,getCurrentGroup:function(){return y},setCurrentGroup:function(e){y=e},getSelectedElements:P,getSVGContent:G,undoMgr:R,elData:ce,getCurrentDrawing:m,clearSelection:K,call:Q,addCommandToHistory:B,changeSVGContent:function(){Q("changed",[g])}}),this.clear=function(){N.clear(),K(),h.clearSvgContentElement(),h.current_drawing_=new bn(g),h.createLayer("Layer 1"),h.undoMgr.resetUndoStack(),H.initGroup(),De=H.getRubberBandBox(),Q("cleared")},this.linkControlPoints=N.linkControlPoints,this.getContentElem=function(){return g},this.getRootElem=function(){return f};var nn=this.getResolution=function(){return{w:g.getAttribute("width")/_,h:g.getAttribute("height")/_,zoom:_}};this.getSnapToGrid=function(){return o.gridSnapping},this.getVersion=function(){return"svgcanvas.js ($Rev$)"},this.setUiStrings=function(e){Object.assign(oe,e.notification),Ee(e)},this.setConfig=function(e){Object.assign(o,e)},this.getTitle=function(e){if(e=e||w[0]){for(var t=(e=Wn(e).data("gsvg")||Wn(e).data("symbol")||e).childNodes,n=0;n<t.length;n++)if("title"===t[n].nodeName)return t[n].textContent;return""}},this.setGroupTitle=function(e){var t=w[0];t=Wn(t).data("gsvg")||t;var n=Wn(t).children("title"),r=new $n("Set Label"),a=void 0;if(e.length)n.length?(a=n[0],r.addSubCommand(new Zn(a,{"#text":a.textContent})),a.textContent=e):((a=p.createElementNS(u.SVG,"title")).textContent=e,Wn(t).prepend(a),r.addSubCommand(new Qn(a)));else{var i=n.nextSibling;r.addSubCommand(new Kn(n[0],i,t)),n.remove()}B(r)};var rn=this.getDocumentTitle=function(){return h.getTitle(g)};this.setDocumentTitle=function(e){for(var t=g.childNodes,n=!1,r="",a=new $n("Change Image Title"),i=0;i<t.length;i++)if("title"===t[i].nodeName){r=(n=t[i]).textContent;break}n||(n=p.createElementNS(u.SVG,"title"),g.insertBefore(n,g.firstChild)),e.length?n.textContent=e:n.remove(),a.addSubCommand(new Zn(n,{"#text":r})),B(a)},this.getEditorNS=function(e){return e&&g.setAttribute("xmlns:se",u.SE),u.SE},this.setResolution=function(e,t){var n=nn(),r=n.w,a=n.h,i=void 0;if("fit"===e){var o=Ht();if(!o)return!1;i=new $n("Fit Canvas to Content");var s=Ft();ne(s);var l=[],c=[];Wn.each(s,function(e,t){l.push(-1*o.x),c.push(-1*o.y)});var u=h.moveSelectedElements(l,c,!0);i.addSubCommand(u),K(),e=Math.round(o.width),t=Math.round(o.height)}return e===r&&t===a||(i||(i=new $n("Change Image Dimensions")),e=re("width",e),t=re("height",t),g.setAttribute("width",e),g.setAttribute("height",t),this.contentW=e,this.contentH=t,i.addSubCommand(new Zn(g,{width:r,height:a})),g.setAttribute("viewBox",[0,0,e/_,t/_].join(" ")),i.addSubCommand(new Zn(g,{viewBox:["0 0",r,a].join(" ")})),B(i),Q("changed",[g])),!0},this.getOffset=function(){return Wn(g).attr(["x","y"])},this.setBBoxZoom=function(e,n,r){var a=.85,i=void 0,o=function(e){if(!e)return!1;var t=Math.round(n/e.width*100*a)/100,i=Math.round(r/e.height*100*a)/100,o=Math.min(t,i);return h.setZoom(o),{zoom:o,bbox:e}};if("object"===(void 0===e?"undefined":t(e))){if(0===(i=e).width||0===i.height){var s=i.zoom?i.zoom:_*i.factor;return h.setZoom(s),{zoom:_,bbox:i}}return o(i)}switch(e){case"selection":if(!w[0])return;var l=Wn.map(w,function(e){if(e)return e});i=Ht(l);break;case"canvas":var c=nn();a=.95,i={width:c.w,height:c.h,x:0,y:0};break;case"content":i=Ht();break;case"layer":i=Ht(Ft(m().getCurrentLayer()));break;default:return}return o(i)},this.setZoom=function(e){var t=nn();g.setAttribute("viewBox","0 0 "+t.w/e+" "+t.h/e),_=e,Wn.each(w,function(e,t){t&&H.requestSelector(t).resize()}),N.zoomChange(),He("zoomChanged",e)},this.getMode=function(){return Ve},this.setMode=function(e){N.clear(!0),Bt.clear(),Re=w[0]&&"text"===w[0].nodeName?Ae:x,Ve=e},this.getColor=function(e){return Re[e]},this.setColor=function(e,t,n){x[e]=t,Re[e+"_paint"]={type:"solidColor"};var r=[];function a(e){"g"!==e.nodeName&&r.push(e)}for(var i=w.length;i--;){var o=w[i];o&&("g"===o.tagName?Et(o,a):"fill"===e?"polyline"!==o.tagName&&"line"!==o.tagName&&r.push(o):r.push(o))}r.length>0&&(n?cn(e,t,r):(un(e,t,r),Q("changed",r)))};var an=this.setGradient=function(e){if(Re[e+"_paint"]&&"solidColor"!==Re[e+"_paint"].type){var t=h[e+"Grad"],n=ln(t),r=It();n?t=n:(t=r.appendChild(p.importNode(t,!0))).id=Y(),h.setColor(e,"url(#"+t.id+")")}},ln=function(e){for(var t=It(),n=Wn(t).find("linearGradient, radialGradient"),r=n.length,a=["r","cx","cy","fx","fy"];r--;){var i=n[r];if("linearGradient"===e.tagName){if(e.getAttribute("x1")!==i.getAttribute("x1")||e.getAttribute("y1")!==i.getAttribute("y1")||e.getAttribute("x2")!==i.getAttribute("x2")||e.getAttribute("y2")!==i.getAttribute("y2"))continue}else if("continue"===function(){var t=Wn(e).attr(a),n=Wn(i).attr(a),r=!1;if(Wn.each(a,function(e,a){t[a]!==n[a]&&(r=!0)}),r)return"continue"}())continue;var o=e.getElementsByTagNameNS(u.SVG,"stop"),s=i.getElementsByTagNameNS(u.SVG,"stop");if(o.length===s.length){for(var l=o.length;l--;){var c=o[l],d=s[l];if(c.getAttribute("offset")!==d.getAttribute("offset")||c.getAttribute("stop-opacity")!==d.getAttribute("stop-opacity")||c.getAttribute("stop-color")!==d.getAttribute("stop-color"))break}if(-1===l)return i}}return null};this.setPaint=function(e,t){var n=new Wn.jGraduate.Paint(t);switch(this.setPaintOpacity(e,n.alpha/100,!0),Re[e+"_paint"]=n,n.type){case"solidColor":this.setColor(e,"none"!==n.solidColor?"#"+n.solidColor:"none");break;case"linearGradient":case"radialGradient":h[e+"Grad"]=n[n.type],an(e)}},this.setStrokePaint=function(e){this.setPaint("stroke",e)},this.setFillPaint=function(e){this.setPaint("fill",e)},this.getStrokeWidth=function(){return Re.stroke_width},this.setStrokeWidth=function(e){if(0===e&&["line","path"].includes(Ve))h.setStrokeWidth(1);else{Re.stroke_width=e;for(var t=[],n=w.length;n--;){var r=w[n];r&&("g"===r.tagName?Et(r,a):t.push(r))}t.length>0&&(un("stroke-width",e,t),Q("changed",w))}function a(e){"g"!==e.nodeName&&t.push(e)}},this.setStrokeAttr=function(e,t){x[e.replace("-","_")]=t;for(var n=[],r=w.length;r--;){var a=w[r];a&&("g"===a.tagName?Et(a,function(e){"g"!==e.nodeName&&n.push(e)}):n.push(a))}n.length>0&&(un(e,t,n),Q("changed",w))},this.getStyle=function(){return x},this.getOpacity=ae,this.setOpacity=function(e){x.opacity=e,un("opacity",e)},this.getFillOpacity=function(){return x.fill_opacity},this.getStrokeOpacity=function(){return x.stroke_opacity},this.setPaintOpacity=function(e,t,n){x[e+"_opacity"]=t,n?cn(e+"-opacity",t):un(e+"-opacity",t)},this.getPaintOpacity=function(e){return"fill"===e?this.getFillOpacity():this.getStrokeOpacity()},this.getBlur=function(e){var t=0;if(e&&e.getAttribute("filter")){var n=Wt(e.id+"_blur");n&&(t=n.firstChild.getAttribute("stdDeviation"))}return t},function(){var e=null,t=null,n=!1;function r(){var n=h.undoMgr.finishUndoableChange();e.addSubCommand(n),B(e),e=null,t=null}h.setBlurNoUndo=function(e){if(t)if(0===e)cn("filter",""),n=!0;else{var r=w[0];n&&cn("filter","url(#"+r.id+"_blur)"),L()&&(console.log("e",r),r.removeAttribute("filter"),r.setAttribute("filter","url(#"+r.id+"_blur)")),cn("stdDeviation",e,[t.firstChild]),h.setBlurOffsets(t,e)}else h.setBlur(e)},h.setBlurOffsets=function(e,t){t>3?Xt(e,{x:"-50%",y:"-50%",width:"200%",height:"200%"},100):L()||(e.removeAttribute("x"),e.removeAttribute("y"),e.removeAttribute("width"),e.removeAttribute("height"))},h.setBlur=function(n,a){if(e)r();else{var i=w[0],o=i.id;t=Wt(o+"_blur"),n-=0;var s=new $n;if(t)0===n&&(t=null);else{var l=k({element:"feGaussianBlur",attr:{in:"SourceGraphic",stdDeviation:n}});(t=k({element:"filter",attr:{id:o+"_blur"}})).append(l),It().append(t),s.addSubCommand(new Qn(t))}var c={filter:i.getAttribute("filter")};if(0===n)return i.removeAttribute("filter"),void s.addSubCommand(new Zn(i,c));un("filter","url(#"+o+"_blur)"),s.addSubCommand(new Zn(i,c)),h.setBlurOffsets(t,n),e=s,h.undoMgr.beginUndoableChange("stdDeviation",[t?t.firstChild:null]),a&&(h.setBlurNoUndo(n),r())}}}(),this.getBold=function(){var e=w[0];return null!=e&&"text"===e.tagName&&null==w[1]&&"bold"===e.getAttribute("font-weight")},this.setBold=function(e){var t=w[0];null!=t&&"text"===t.tagName&&null==w[1]&&un("font-weight",e?"bold":"normal"),w[0].textContent||Bt.setCursor()},this.getItalic=function(){var e=w[0];return null!=e&&"text"===e.tagName&&null==w[1]&&"italic"===e.getAttribute("font-style")},this.setItalic=function(e){var t=w[0];null!=t&&"text"===t.tagName&&null==w[1]&&un("font-style",e?"italic":"normal"),w[0].textContent||Bt.setCursor()},this.getFontFamily=function(){return Ae.font_family},this.setFontFamily=function(e){Ae.font_family=e,un("font-family",e),w[0]&&!w[0].textContent&&Bt.setCursor()},this.setFontColor=function(e){Ae.fill=e,un("fill",e)},this.getFontColor=function(){return Ae.fill},this.getFontSize=function(){return Ae.font_size},this.setFontSize=function(e){Ae.font_size=e,un("font-size",e),w[0].textContent||Bt.setCursor()},this.getText=function(){var e=w[0];return null==e?"":e.textContent},this.setTextContent=function(e){un("#text",e),Bt.init(e),Bt.setCursor()},this.setImageURL=function(e){var t=w[0];if(t){var n=Wn(t).attr(["width","height"]),r=!n.width||!n.height,a=Pt(t);if(a!==e)r=!0;else if(!r)return;var i=new $n("Change Image URL");Nt(t,e),i.addSubCommand(new Zn(t,{"#href":a})),r?Wn(new Image).load(function(){var e=Wn(t).attr(["width","height"]);Wn(t).attr({width:this.width,height:this.height}),H.requestSelector(t).resize(),i.addSubCommand(new Zn(t,e)),B(i),Q("changed",[t])}).attr("src",e):B(i)}},this.setLinkURL=function(e){var t=w[0];if(t){if("a"!==t.tagName){var n=Wn(t).parents("a");if(!n.length)return;t=n[0]}var r=Pt(t);if(r!==e){var a=new $n("Change Link URL");Nt(t,e),a.addSubCommand(new Zn(t,{"#href":r})),B(a)}}},this.setRectRadius=function(e){var t=w[0];if(null!=t&&"rect"===t.tagName){var n=t.getAttribute("rx");n!==String(e)&&(t.setAttribute("rx",e),t.setAttribute("ry",e),B(new Zn(t,{rx:n,ry:n},"Radius")),Q("changed",[t]))}},this.makeHyperlink=function(e){h.groupSelectedElements("a",e)},this.removeHyperlink=function(){h.ungroupSelectedElement()},this.setSegType=function(e){N.setSegType(e)},this.convertToPath=function(e,t){if(null!=e){return t?Rt(e,k,N):function(e,t,n,r,a,i,o,s){var l=new o.BatchCommand("Convert element to Path"),c=n({element:"path",attr:t=dt.extend({},t,jt(e))}),u=e.getAttribute("transform");u&&c.setAttribute("transform",u);var d=e.id,h=e.parentNode;e.nextSibling?e.before(c):h.append(c);var p=Vt(e);if(p){if(c.setAttribute("d",p),u){var f=W(c);_e(f)&&r.resetOrientation(c)}var g=e.nextSibling;return l.addSubCommand(new o.RemoveElementCommand(e,g,h)),l.addSubCommand(new o.InsertElementCommand(c)),a(),e.remove(),c.setAttribute("id",d),c.removeAttribute("visibility"),i([c],!0),s(l),c}return c.remove(),null}(e,{fill:x.fill,"fill-opacity":x.fill_opacity,stroke:x.stroke,"stroke-width":x.stroke_width,"stroke-dasharray":x.stroke_dasharray,"stroke-linejoin":x.stroke_linejoin,"stroke-linecap":x.stroke_linecap,"stroke-opacity":x.stroke_opacity,opacity:x.opacity,visibility:"hidden"},k,N,K,ne,pe,B)}else{var n=w;Wn.each(n,function(e,t){t&&h.convertToPath(t)})}};var cn=function(e,t,n){"pathedit"===Ve&&N.moveNode(e,t);for(var r=(n=n||w).length,a=["g","polyline","path"],i=["transform","opacity","filter"],o=function(){var o=n[r];if(null==o)return"continue";if(("x"===e||"y"===e)&&a.includes(o.tagName)){var s=Ht([o]),l="x"===e?t-s.x:0,c="y"===e?t-s.y:0;return h.moveSelectedElements(l*_,c*_,!0),"continue"}"g"===o.tagName&&i.includes(e);var u="#text"===e?o.textContent:o.getAttribute(e);if(null==u&&(u=""),u!==String(t)){"#text"===e?(o.textContent=t,/rotate/.test(o.getAttribute("transform"))&&(o=Qe(o))):"#href"===e?Nt(o,t):o.setAttribute(e,t),"textedit"===Ve&&"#text"!==e&&o.textContent.length&&Bt.toSelectMode(o),M()&&"text"===o.nodeName&&/rotate/.test(o.getAttribute("transform"))&&(String(t).startsWith("url")||["font-size","font-family","x","y"].includes(e)&&o.textContent)&&(o=Qe(o)),w.includes(o)&&setTimeout(function(){o.parentNode&&H.requestSelector(o).resize()},0);var d=qt(o);if(0!==d&&"transform"!==e)for(var p=W(o),g=p.numberOfItems;g--;){if(4===p.getItem(g).type){p.removeItem(g);var v=Mt(o),m=ge(v.x+v.width/2,v.y+v.height/2,be(p).matrix),y=m.x,b=m.y,x=f.createSVGTransform();x.setRotate(d,y,b),p.insertItemBefore(x,g);break}}}};r--;)o()},un=this.changeSelectedAttribute=function(e,t,n){n=n||w,h.undoMgr.beginUndoableChange(e,n),cn(e,t,n);var r=h.undoMgr.finishUndoableChange();r.isEmpty()||B(r)};this.deleteSelectedElements=function(){for(var e=new $n("Delete Elements"),t=w.length,n=[],r=0;r<t;++r){var a=w[r];if(null==a)break;var i=a.parentNode,o=a;H.releaseSelector(o),Xe(o.id),"a"===i.tagName&&1===i.childNodes.length&&(o=i,i=i.parentNode);var s=o.nextSibling,l=i.removeChild(o);n.push(a),e.addSubCommand(new Kn(l,s,i))}w=[],e.isEmpty()||B(e),Q("changed",n),K()},this.cutSelectedElements=function(){h.copySelectedElements(),h.deleteSelectedElements()},this.copySelectedElements=function(){localStorage.setItem("svgedit_clipboard",JSON.stringify(w.map(function(e){return S(e)}))),Wn("#cmenu_canvas").enableContextMenuItems("#paste,#paste_in_place")},this.pasteElements=function(e,t,n){var r=JSON.parse(localStorage.getItem("svgedit_clipboard")),a=r.length;if(a){var i=[],o=new $n("Paste elements"),s={};for(r.forEach(function e(t){t.attr&&t.attr.id&&(s[t.attr.id]=Y(),t.attr.id=s[t.attr.id]),t.children&&t.children.forEach(e)}),He("IDsUpdated",{elems:r,changes:s},!0).forEach(function(e){e&&"remove"in e&&e.remove.forEach(function(e){r=r.filter(function(t){return t.attr.id!==e})})});a--;){var l=r[a];if(l){var c=k(l);i.push(c),o.addSubCommand(new Qn(c)),he(c)}}if(Je(i),"in_place"!==e){var u=void 0,d=void 0;e?"point"===e&&(u=t,d=n):(u=Fe.x,d=Fe.y);var p=Ht(i),f=u-(p.x+p.width/2),g=d-(p.y+p.height/2),v=[],m=[];Wn.each(i,function(e,t){v.push(f),m.push(g)});var _=h.moveSelectedElements(v,m,!1);_&&o.addSubCommand(_)}B(o),Q("changed",i)}},this.groupSelectedElements=function(e,t){e||(e="g");var n="",r=void 0;switch(e){case"a":n="Make hyperlink",r=t||"";break;default:e="g",n="Group Elements"}var a=new $n(n),i=k({element:e,attr:{id:Y()}});"a"===e&&Nt(i,r),a.addSubCommand(new Qn(i));for(var o=w.length;o--;){var s=w[o];if(null!=s){"a"===s.parentNode.tagName&&1===s.parentNode.childNodes.length&&(s=s.parentNode);var l=s.nextSibling,c=s.parentNode;i.append(s),a.addSubCommand(new Xn(s,l,c))}}a.isEmpty()||B(a),Je([i],!0)};var dn=this.pushGroupProperties=function(e,t){for(var n=e.childNodes,r=n.length,a=e.getAttribute("transform"),i=W(e),o=be(i).matrix,s=new $n("Push group properties"),l=qt(e),c=Wn(e).attr(["filter","opacity"]),u=void 0,d=void 0,p=void 0,g=m(),v=0;v<r;v++){var _=n[v];if(1===_.nodeType){if(null!==c.opacity&&1!==c.opacity){var y=Math.round((_.getAttribute("opacity")||1)*c.opacity*100)/100;un("opacity",y,[_])}if(c.filter){var b=this.getBlur(_),x=b;d||(d=this.getBlur(e)),b?b=Number(d)+Number(b):0===b&&(b=d),x?u=Yt(_.getAttribute("filter")):u?(u=g.copyElem(u),It().append(u)):u=Yt(c.filter);var w="feGaussianBlur"===u.firstChild.tagName?"blur":"filter";u.id=_.id+"_"+w,un("filter","url(#"+u.id+")",[_]),b&&(un("stdDeviation",b,[u.firstChild]),h.setBlurOffsets(u,b))}var S=W(_);if(_.tagName.includes("Gradient")&&(S=null),S&&"defs"!==_.tagName&&i.numberOfItems){if(l&&1===i.numberOfItems){var k=i.getItem(0).matrix,C=f.createSVGMatrix(),A=qt(_);A&&(C=S.getItem(0).matrix);var E=Mt(_),G=be(S).matrix,P=ge(E.x+E.width/2,E.y+E.height/2,G),N=l+A,I=f.createSVGTransform();I.setRotate(N,P.x,P.y);var T=me(k,C,I.matrix.inverse());if(A&&S.removeItem(0),N&&(S.numberOfItems?S.insertItemBefore(I,0):S.appendItem(I)),T.e||T.f){var L=f.createSVGTransform();L.setTranslate(T.e,T.f),S.numberOfItems?S.insertItemBefore(L,0):S.appendItem(L)}}else{var M=_.getAttribute("transform");(p={}).transform=M||"";var O=f.createSVGTransform(),V=be(S).matrix,j=V.inverse(),R=me(j,o,V);O.setMatrix(R),S.appendItem(O)}var B=Bn(_);B&&s.addSubCommand(B)}}}if(a&&((p={}).transform=a,e.setAttribute("transform",""),e.removeAttribute("transform"),s.addSubCommand(new Zn(e,p))),t&&!s.isEmpty())return s};this.ungroupSelectedElement=function(){var e=w[0];if(e)if(Wn(e).data("gsvg")||Wn(e).data("symbol"))tn(e);else{if("use"===e.tagName){var t=Wt(Pt(e).substr(1));return Wn(e).data("symbol",t).data("ref",t),void tn(e)}var n=Wn(e).parents("a");if(n.length&&(e=n[0]),"g"===e.tagName||"a"===e.tagName){var r=new $n("Ungroup Elements"),a=dn(e,!0);a&&r.addSubCommand(a);for(var i=e.parentNode,o=e.nextSibling,s=new Array(e.childNodes.length),l=0;e.firstChild;){var c=e.firstChild,u=c.nextSibling,d=c.parentNode;if("title"!==c.tagName)s[l++]=c=i.insertBefore(c,o),r.addSubCommand(new Xn(c,u,d));else{var h=c.nextSibling;r.addSubCommand(new Kn(c,h,d)),c.remove()}}K();var p=e.nextSibling;e=i.removeChild(e),r.addSubCommand(new Kn(e,p,i)),r.isEmpty()||B(r),ne(s)}}},this.moveToTopSelectedElement=function(){var e=l(w,1)[0];if(null!=e){var t=e,n=t.parentNode,r=t.nextSibling;r!==(t=t.parentNode.appendChild(t)).nextSibling&&(B(new Xn(t,r,n,"top")),Q("changed",[t]))}},this.moveToBottomSelectedElement=function(){var e=l(w,1)[0];if(null!=e){var t=e,n=t.parentNode,r=t.nextSibling,a=t.parentNode.firstChild;"title"===a.tagName&&(a=a.nextSibling),"defs"===a.tagName&&(a=a.nextSibling),r!==(t=t.parentNode.insertBefore(t,a)).nextSibling&&(B(new Xn(t,r,n,"bottom")),Q("changed",[t]))}},this.moveUpDownSelected=function(e){var t=w[0];if(t){Ue=[];var n=void 0,r=void 0,a=Wn(ze(Ht([t]))).toArray();if("Down"===e&&a.reverse(),Wn.each(a,function(){if(r)return n=this,!1;this===t&&(r=!0)}),n){var i=t,o=i.parentNode,s=i.nextSibling;Wn(n)["Down"===e?"before":"after"](i),s!==i.nextSibling&&(B(new Xn(i,s,o,"Move "+e)),Q("changed",[i]))}}},this.moveSelectedElements=function(e,t,n){e.constructor!==Array&&(e/=_,t/=_),n=n||!0;for(var r=new $n("position"),a=w.length;a--;){var i=w[a];if(null!=i){var o=f.createSVGTransform(),s=W(i);e.constructor===Array?o.setTranslate(e[a],t[a]):o.setTranslate(e,t),s.numberOfItems?s.insertItemBefore(o,0):s.appendItem(o);var l=Bn(i);l&&r.addSubCommand(l),H.requestSelector(i).resize()}}if(!r.isEmpty())return n&&B(r),Q("changed",w),r},this.cloneSelectedElements=function(e,t){var n=void 0,r=void 0,a=new $n("Clone Elements"),i=w.length;for(w.sort(function(e,t){return Wn(t).index()-Wn(e).index()}),n=0;n<i&&null!=(r=w[n]);++n);var o=w.slice(0,n);this.clearSelection(!0);var s=m();for(n=o.length;n--;)r=o[n]=s.copyElem(o[n]),(y||s.getCurrentLayer()).append(r),a.addSubCommand(new Qn(r));a.isEmpty()||(ne(o.reverse()),this.moveSelectedElements(e,t,!1),B(a))},this.alignSelectedElements=function(e,t){var n=[],r=w.length;if(r){for(var a=Number.MAX_VALUE,i=Number.MIN_VALUE,o=Number.MAX_VALUE,s=Number.MIN_VALUE,l=Number.MIN_VALUE,c=Number.MIN_VALUE,u=0;u<r&&null!=w[u];++u){var d=w[u];switch(n[u]=Ht([d]),t){case"smallest":(("l"===e||"c"===e||"r"===e)&&(l===Number.MIN_VALUE||l>n[u].width)||("t"===e||"m"===e||"b"===e)&&(c===Number.MIN_VALUE||c>n[u].height))&&(a=n[u].x,o=n[u].y,i=n[u].x+n[u].width,s=n[u].y+n[u].height,l=n[u].width,c=n[u].height);break;case"largest":(("l"===e||"c"===e||"r"===e)&&(l===Number.MIN_VALUE||l<n[u].width)||("t"===e||"m"===e||"b"===e)&&(c===Number.MIN_VALUE||c<n[u].height))&&(a=n[u].x,o=n[u].y,i=n[u].x+n[u].width,s=n[u].y+n[u].height,l=n[u].width,c=n[u].height);break;default:n[u].x<a&&(a=n[u].x),n[u].y<o&&(o=n[u].y),n[u].x+n[u].width>i&&(i=n[u].x+n[u].width),n[u].y+n[u].height>s&&(s=n[u].y+n[u].height)}}"page"===t&&(a=0,o=0,i=h.contentW,s=h.contentH);for(var p=new Array(r),f=new Array(r),g=0;g<r&&null!=w[g];++g){var v=n[g];switch(p[g]=0,f[g]=0,e){case"l":p[g]=a-v.x;break;case"c":p[g]=(a+i)/2-(v.x+v.width/2);break;case"r":p[g]=i-(v.x+v.width);break;case"t":f[g]=o-v.y;break;case"m":f[g]=(o+s)/2-(v.y+v.height/2);break;case"b":f[g]=s-(v.y+v.height)}}this.moveSelectedElements(p,f)}},this.contentW=nn().w,this.contentH=nn().h,this.updateCanvas=function(e,t){f.setAttribute("width",e),f.setAttribute("height",t);var n=Wn("#canvasBackground")[0],r=g.getAttribute("x"),a=g.getAttribute("y"),i=e/2-this.contentW*_/2,o=t/2-this.contentH*_/2;Xt(g,{width:this.contentW*_,height:this.contentH*_,x:i,y:o,viewBox:"0 0 "+this.contentW+" "+this.contentH}),Xt(n,{width:g.getAttribute("width"),height:g.getAttribute("height"),x:i,y:o});var s=Wt("background_image");return s&&Xt(s,{width:"100%",height:"100%"}),H.selectorParentGroup.setAttribute("transform","translate("+i+","+o+")"),He("canvasUpdated",{new_x:i,new_y:o,old_x:r,old_y:a,d_x:i-r,d_y:o-a}),{x:i,y:o,old_x:r,old_y:a,d_x:i-r,d_y:o-a}},this.setBackground=function(e,t){var n=Wt("canvasBackground"),r=Wn(n).find("rect")[0],a=Wt("background_image");r.setAttribute("fill",e),t?(a||(a=p.createElementNS(u.SVG,"image"),Xt(a,{id:"background_image",width:"100%",height:"100%",preserveAspectRatio:"xMinYMin",style:"pointer-events:none"})),Nt(a,t),n.append(a)):a&&a.remove()},this.cycleElement=function(e){var t=void 0,n=w[0],r=!1,a=Ft(y||m().getCurrentLayer());if(a.length){if(null==n)r=a[t=e?a.length-1:0];else for(var i=a.length;i--;)if(a[i]===n){(t=e?i-1:i+1)>=a.length?t=0:t<0&&(t=a.length-1),r=a[t];break}Je([r],!0),Q("selected",w)}},this.clear(),this.getPrivateMethods=function(){return{addCommandToHistory:B,BatchCommand:$n,ChangeElementCommand:Zn,decode64:bt,encode64:yt,ffClone:Qe,findDefs:It,findDuplicateGradient:ln,getElem:Wt,getPathBBox:Tt,getTypeMap:J,getUrlFromAttr:Gt,identifyLayers:kn,InsertElementCommand:Qn,isChrome:V,isIdentity:ve,isIE:O,logMatrix:Ze,MoveElementCommand:Xn,NS:u,preventClickDefault:Zt,RemoveElementCommand:Kn,SVGEditTransformList:q,text2xml:At,transformBox:ye,transformPoint:ge,walkTree:Et}}};var nr={svg:"http://www.w3.org/2000/svg",xlink:"http://www.w3.org/1999/xlink"};window.console||(window.console={log:function(e){},dir:function(e){}}),Math.precision=function(e,t){return void 0===t&&(t=0),Math.round(e*Math.pow(10,t))/Math.pow(10,t)};var rr,ar=jQuery,ir=void 0,or=function(e,t,n){var r=ar("#svg_editor").parent();Object.entries(t).forEach(function(t){var a=l(t,2),i=a[0],o=a[1];if(o||console.log(i),n&&(i="#"+i),r.find(i).length){var s=r.find(i)[0];switch(e){case"content":for(var c,u=0;c=s.childNodes[u];u++)if(3===c.nodeType&&c.textContent.trim()){c.textContent=o;break}break;case"title":s.title=o}}else console.log("Missing: "+i)})},sr=void 0,lr=function(){var e=n(regeneratorRuntime.mark(function e(t){var n,r,a,i,o,s,l,c,u;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,sr.addLangData(ir);case 2:if(n=e.sent,ar.each(n,function(e,n){n.data&&(t=ar.merge(t,n.data))}),t.tools){e.next=6;break}return e.abrupt("return");case 6:return a=(r=t).tools,i=r.properties,o=r.config,s=r.layers,l=r.common,c=r.ui,or("content",{curve_segments:i.curve_segments,fitToContent:a.fitToContent,fit_to_all:a.fit_to_all,fit_to_canvas:a.fit_to_canvas,fit_to_layer_content:a.fit_to_layer_content,fit_to_sel:a.fit_to_sel,icon_large:o.icon_large,icon_medium:o.icon_medium,icon_small:o.icon_small,icon_xlarge:o.icon_xlarge,image_opt_embed:o.image_opt_embed,image_opt_ref:o.image_opt_ref,includedImages:o.included_images,largest_object:a.largest_object,layersLabel:s.layers,page:a.page,relativeToLabel:a.relativeTo,selLayerLabel:s.move_elems_to,selectedPredefined:o.select_predefined,selected_objects:a.selected_objects,smallest_object:a.smallest_object,straight_segments:i.straight_segments,svginfo_bg_url:o.editor_img_url+":",svginfo_bg_note:o.editor_bg_note,svginfo_change_background:o.background,svginfo_dim:o.doc_dims,svginfo_editor_prefs:o.editor_prefs,svginfo_height:l.height,svginfo_icons:o.icon_size,svginfo_image_props:o.image_props,svginfo_lang:o.language,svginfo_title:o.doc_title,svginfo_width:l.width,tool_docprops_cancel:l.cancel,tool_docprops_save:l.ok,tool_source_cancel:l.cancel,tool_source_save:l.ok,tool_prefs_cancel:l.cancel,tool_prefs_save:l.ok,sidepanel_handle:s.layers.split("").join(" "),tool_clear:a.new_doc,tool_docprops:a.docprops,tool_export:a.export_img,tool_import:a.import_doc,tool_open:a.open_doc,tool_save:a.save_doc,svginfo_units_rulers:o.units_and_rulers,svginfo_rulers_onoff:o.show_rulers,svginfo_unit:o.base_unit,svginfo_grid_settings:o.grid,svginfo_snap_onoff:o.snapping_onoff,svginfo_snap_step:o.snapping_stepsize,svginfo_grid_color:o.grid_color},!0),u={},ar.each(["cut","copy","paste","paste_in_place","delete","group","ungroup","move_front","move_up","move_down","move_back"],function(){u['#cmenu_canvas a[href="#'+this+'"]']=a[this]}),ar.each(["dupe","merge_down","merge_all"],function(){u['#cmenu_layers a[href="#'+this+'"]']=s[this]}),u['#cmenu_layers a[href="#delete"]']=s.del,or("content",u),or("title",{align_relative_to:a.align_relative_to,circle_cx:i.circle_cx,circle_cy:i.circle_cy,circle_r:i.circle_r,cornerRadiusLabel:i.corner_radius,ellipse_cx:i.ellipse_cx,ellipse_cy:i.ellipse_cy,ellipse_rx:i.ellipse_rx,ellipse_ry:i.ellipse_ry,fill_color:i.fill_color,font_family:i.font_family,idLabel:i.id,image_height:i.image_height,image_url:i.image_url,image_width:i.image_width,layer_delete:s.del,layer_down:s.move_down,layer_new:s.new,layer_rename:s.rename,layer_moreopts:l.more_opts,layer_up:s.move_up,line_x1:i.line_x1,line_x2:i.line_x2,line_y1:i.line_y1,line_y2:i.line_y2,linecap_butt:i.linecap_butt,linecap_round:i.linecap_round,linecap_square:i.linecap_square,linejoin_bevel:i.linejoin_bevel,linejoin_miter:i.linejoin_miter,linejoin_round:i.linejoin_round,main_icon:a.main_menu,palette:c.palette_info,zoom_panel:c.zoom_level,path_node_x:i.node_x,path_node_y:i.node_y,rect_height_tool:i.rect_height,rect_width_tool:i.rect_width,seg_type:i.seg_type,selLayerNames:s.move_selected,selected_x:i.pos_x,selected_y:i.pos_y,stroke_color:i.stroke_color,stroke_style:i.stroke_style,stroke_width:i.stroke_width,svginfo_title:o.doc_title,text:i.text_contents,toggle_stroke_tools:c.toggle_stroke_tools,tool_add_subpath:a.add_subpath,tool_alignbottom:a.align_bottom,tool_aligncenter:a.align_center,tool_alignleft:a.align_left,tool_alignmiddle:a.align_middle,tool_alignright:a.align_right,tool_aligntop:a.align_top,tool_angle:i.angle,tool_blur:i.blur,tool_bold:i.bold,tool_circle:a.mode_circle,tool_clone:a.clone,tool_clone_multi:a.clone,tool_delete:a.del,tool_delete_multi:a.del,tool_ellipse:a.mode_ellipse,tool_fhellipse:a.mode_fhellipse,tool_fhpath:a.mode_fhpath,tool_fhrect:a.mode_fhrect,tool_font_size:i.font_size,tool_group_elements:a.group_elements,tool_make_link:a.make_link,tool_link_url:a.set_link_url,tool_image:a.mode_image,tool_italic:i.italic,tool_line:a.mode_line,tool_move_bottom:a.move_bottom,tool_move_top:a.move_top,tool_node_clone:a.node_clone,tool_node_delete:a.node_delete,tool_node_link:a.node_link,tool_opacity:i.opacity,tool_openclose_path:a.openclose_path,tool_path:a.mode_path,tool_position:a.align_to_page,tool_rect:a.mode_rect,tool_redo:a.redo,tool_reorient:a.reorient_path,tool_select:a.mode_select,tool_source:a.source_save,tool_square:a.mode_square,tool_text:a.mode_text,tool_topath:a.to_path,tool_undo:a.undo,tool_ungroup:a.ungroup,tool_wireframe:a.wireframe_mode,tool_zoom:a.mode_zoom,url_notice:a.no_embed},!0),e.abrupt("return",{langParam:ir,langData:t});case 15:case"end":return e.stop()}},e,this)}));return function(t){return e.apply(this,arguments)}}(),cr=(rr=n(regeneratorRuntime.mark(function e(t,n,r){var a;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t?ir=t:((ir=ar.pref("lang"))||(navigator.userLanguage?ir=navigator.userLanguage:navigator.language&&(ir=navigator.language)),console.log("Lang: "+ir),n.includes(ir)||"test"===ir||(ir="en")),a=r.langPath+"lang."+ir+".js",e.t0=lr,e.next=5,an(a,{global:"svgEditorLang_"+ir.replace(/-/g,"_")});case 5:return e.t1=e.sent,e.abrupt("return",(0,e.t0)(e.t1));case 7:case"end":return e.stop()}},e,this)})),function(e,t,n){return rr.apply(this,arguments)});var ur={},dr=[function(e){function t(t){if("string"==typeof t.data){var n=t.handler,r=t.data.toLowerCase().split(" ");t.handler=function(t){if(this===t.target||!/textarea|select/i.test(t.target.nodeName)&&"text"!==t.target.type){var a="keypress"!==t.type&&e.hotkeys.specialKeys[t.which],i=String.fromCharCode(t.which).toLowerCase(),o="",s={};t.altKey&&"alt"!==a&&(o+="alt+"),t.ctrlKey&&"ctrl"!==a&&(o+="ctrl+"),t.metaKey&&!t.ctrlKey&&"meta"!==a&&(o+="meta+"),t.shiftKey&&"shift"!==a&&(o+="shift+"),a?s[o+a]=!0:(s[o+i]=!0,s[o+e.hotkeys.shiftNums[i]]=!0,"shift+"===o&&(s[e.hotkeys.shiftNums[i]]=!0));for(var l=0,c=r.length;l<c;l++)if(s[r[l]])return n.apply(this,arguments)}}}}return e.hotkeys={version:"0.8",specialKeys:{8:"backspace",9:"tab",13:"return",16:"shift",17:"ctrl",18:"alt",19:"pause",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"insert",46:"del",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",106:"*",107:"+",109:"-",110:".",111:"/",112:"f1",113:"f2",114:"f3",115:"f4",116:"f5",117:"f6",118:"f7",119:"f8",120:"f9",121:"f10",122:"f11",123:"f12",144:"numlock",145:"scroll",191:"/",224:"meta",219:"[",221:"]"},shiftNums:{"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":": ","'":'"',",":"<",".":">","/":"?","\\":"|"}},e.each(["keydown","keyup","keypress"],function(){e.event.special[this]={add:t}}),e},function(e){return function(e,n){var r,a,i,o,s,l,c,u,d=Array.prototype.slice,h=decodeURIComponent,p=e.param,f=e.bbq=e.bbq||{},g=e.event.special,v="hashchange",m="querystring",_="fragment",y="elemUrlAttr",b="location",x="href",w="src",S=/^.*\?|#.*$/g,k=/^.*\#/,C={};function A(e){return"string"==typeof e}function E(e){var t=d.call(arguments,1);return function(){return e.apply(this,t.concat(d.call(arguments)))}}function G(t,a,o,s,l){var c,d,f,g,v;return s!==r?(v=(f=o.match(t?/^([^#]*)\#?(.*)$/:/^([^#?]*)\??([^#]*)(#?.*)/))[3]||"",2===l&&A(s)?d=s.replace(t?k:S,""):(g=i(f[2]),s=A(s)?i[t?_:m](s):s,d=2===l?s:1===l?e.extend({},s,g):e.extend({},g,s),d=p(d),t&&(d=d.replace(u,h))),c=f[1]+(t?"#":d||!f[1]?"?":"")+d+v):c=a(o!==r?o:n[b][x]),c}function P(e,t,n){return t===r||"boolean"==typeof t?(n=t,t=p[e?_:m]()):t=A(t)?t.replace(e?k:S,""):t,i(t,n)}function N(n,a,i,o){return A(i)||"object"===(void 0===i?"undefined":t(i))||(o=i,i=a,a=r),this.each(function(){var t=e(this),r=a||c()[(this.nodeName||"").toLowerCase()]||"",s=r&&t.attr(r)||"";t.attr(r,p[n](s,i,o))})}p[m]=E(G,0,function(e){return e.replace(/(?:^[^?#]*\?([^#]*).*$)?.*/,"$1")}),p[_]=a=E(G,1,function(e){return e.replace(/^[^#]*#?(.*)$/,"$1")}),a.noEscape=function(t){t=t||"";var n=e.map(t.split(""),encodeURIComponent);u=new RegExp(n.join("|"),"g")},a.noEscape(",/"),e.deparam=i=function(t,n){var a={},i={true:!0,false:!1,null:null};return e.each(t.replace(/\+/g," ").split("&"),function(t,o){var s,l=o.split("="),c=h(l[0]),u=a,d=0,p=c.split("]["),f=p.length-1;if(/\[/.test(p[0])&&/\]$/.test(p[f])?(p[f]=p[f].replace(/\]$/,""),f=(p=p.shift().split("[").concat(p)).length-1):f=0,2===l.length)if(s=h(l[1]),n&&(s=s&&!isNaN(s)?+s:"undefined"===s?r:i[s]!==r?i[s]:s),f)for(;d<=f;d++)u=u[c=""===p[d]?u.length:p[d]]=d<f?u[c]||(p[d+1]&&isNaN(p[d+1])?{}:[]):s;else e.isArray(a[c])?a[c].push(s):a[c]!==r?a[c]=[a[c],s]:a[c]=s;else c&&(a[c]=n?r:"")}),a},i[m]=E(P,0),i[_]=o=E(P,1),e[y]||(e[y]=function(t){return e.extend(C,t)})({a:x,base:x,iframe:w,img:w,input:w,form:"action",link:x,script:w}),c=e[y],e.fn[m]=E(N,m),e.fn[_]=E(N,_),f.pushState=s=function(e,t){A(e)&&/^#/.test(e)&&t===r&&(t=2);var i=e!==r,o=a(n[b][x],i?e:{},i?t:2);n[b][x]=o+(/#/.test(o)?"":"#")},f.getState=l=function(e,t){return e===r||"boolean"==typeof e?o(e):o(t)[e]},f.removeState=function(t){var n={};t!==r&&(n=l(),e.each(e.isArray(t)?t:arguments,function(e,t){delete n[t]})),s(n,2)},g[v]=e.extend(g[v],{add:function(t){var n;function o(e){var t=e[_]=a();e.getState=function(e,n){return e===r||"boolean"==typeof e?i(t,e):i(t,n)[e]},n.apply(this,arguments)}if(e.isFunction(t))return n=t,o;n=t.handler,t.handler=o}})}(e,window),function(e,t,n){var r,a,i,o,s,l,c=e.event.special,u="location",d="hashchange",h="href",p=e.browser,f=document.documentMode,g=p.msie&&(void 0===f||f<8),v="on"+d in t&&!g;function m(e){return(e=e||t[u][h]).replace(/^[^#]*#?(.*)$/,"$1")}e[d+"Delay"]=100,c[d]=e.extend(c[d],{setup:function(){if(v)return!1;e(r.start)},teardown:function(){if(v)return!1;e(r.stop)}}),(l={}).start=function(){if(!a){var n=m();o||(o=s=function(e){return e},g&&(i=e('<iframe src="javascript:0"/>').hide().insertAfter("body")[0].contentWindow,s=function(){return m(i.document[u][h])},(o=function(e,t){if(e!==t){var n=i.document;n.open().close(),n[u].hash="#"+e}})(m()))),function r(){var i=m(),l=s(n);i!==n?(o(n=i,l),e(t).trigger(d)):l!==n&&(t[u][h]=t[u][h].replace(/#.*/,"")+"#"+l),a=setTimeout(r,e[d+"Delay"])}()}},l.stop=function(){i||(a&&clearTimeout(a),a=0)},r=l}(e,window),e},function(e){var t={},n=void 0;return e.svgIcons=function(r){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i="http://www.w3.org/2000/svg",o="http://www.w3.org/1999/xlink",s=a.w||24,l=a.h||24,c=void 0,u=void 0,d=void 0,h=!1,p=!1,f=0,g=!!window.opera,v="data:image/svg+xml;charset=utf-8;base64,",m=void 0;if(a.svgz){m=e('<object data="'+r+'" type=image/svg+xml>').appendTo("body").hide();try{u=m[0].contentDocument,m.load(y),y(0,!0)}catch(e){k()}}else{var _=new DOMParser;e.ajax({url:r,dataType:"string",success:function(t){t?(u=_.parseFromString(t,"text/xml"),e(function(){y("ajax")})):e(k)},error:function(t){window.opera?e(function(){k()}):t.responseText?((u=_.parseFromString(t.responseText,"text/xml")).childNodes.length||e(k),e(function(){y("ajax")})):e(k)}})}function y(t,n){if("ajax"!==t){if(p)return;var r=(u=m[0].contentDocument)&&u.getElementById("svg_eof");if(!(r||n&&r))return void(++f<50?setTimeout(y,20):(k(),p=!0));p=!0}if(c=e(u.firstChild).children(),a.no_img)setTimeout(function(){h||S()},500);else{var i=v+"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D";d=e(new Image).attr({src:i,width:0,height:0}).appendTo("body").load(function(){S(!0)}).error(function(){S()})}}function b(e,t,n,r){if(g&&t.css("visibility","hidden"),a.replace){r&&t.attr("id",n);var i=e.attr("class");i&&t.attr("class","svg_icon "+i),e.replaceWith(t)}else e.append(t);g&&setTimeout(function(){t.removeAttr("style")},1)}var x=void 0;function w(e,n){void 0!==a.id_match&&!1===a.id_match||b(x,e,n,!0),t[n]=e}function S(r,u){if(!h){a.no_img&&(r=!1);var p=void 0;if(r&&(p=e(document.createElement("div"))).hide().appendTo("body"),u){var f=a.fallback_path||"";e.each(u,function(t,n){x=e("#"+t),w(e(new Image).attr({class:"svg_icon",src:f+n,width:s,height:l,alt:"icon"}),t)})}else for(var _=c.length,y=0;y<_;y++){var S=c[y],k=S.id;if("svg_eof"===k)break;x=e("#"+k);var A=document.createElementNS(i,"svg");A.setAttributeNS(null,"viewBox",[0,0,s,l].join(" "));var E=S.getElementsByTagNameNS(i,"svg")[0],G=E.getAttribute("width"),P=E.getAttribute("height");E.removeAttribute("width"),E.removeAttribute("height"),E.getAttribute("viewBox")||E.setAttribute("viewBox",[0,0,G,P].join(" ")),A.setAttribute("xmlns",i),A.setAttribute("width",s),A.setAttribute("height",l),A.setAttribute("xmlns:xlink",o),A.setAttribute("class","svg_icon"),g||(E=E.cloneNode(!0)),A.append(E);var N=void 0;if(r){p.empty().append(A);var I=v+C(unescape(encodeURIComponent((new XMLSerializer).serializeToString(A))));N=e(new Image).attr({class:"svg_icon",src:I})}else N=n(e(A),y);w(N,k)}a.placement&&e.each(a.placement,function(a,i){t[i]&&e(a).each(function(a){var o=t[i].clone();a>0&&!r&&(o=n(o,a,!0)),b(e(this),o,i)})}),u||(r&&p.remove(),m&&m.remove(),d&&d.remove()),a.resize&&e.resizeSvgIcons(a.resize),h=!0,a.callback&&a.callback(t)}}function k(){if(r.includes(".svgz")){var t=r.replace(".svgz",".svg");window.console&&console.log(".svgz failed, trying with .svg"),e.svgIcons(t,a)}else a.fallback&&S(!1,a.fallback)}function C(e){if(window.btoa)return window.btoa(e);var t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n=new Array(4*Math.floor((e.length+2)/3)),r=0,a=0;do{var i=e.charCodeAt(r++),o=e.charCodeAt(r++),s=e.charCodeAt(r++),l=i>>2,c=(3&i)<<4|o>>4,u=(15&o)<<2|s>>6,d=63&s;isNaN(o)?u=d=64:isNaN(s)&&(d=64),n[a++]=t.charAt(l),n[a++]=t.charAt(c),n[a++]=t.charAt(u),n[a++]=t.charAt(d)}while(r<e.length);return n.join("")}n=function(e,t,n){var r=e.find("defs");if(!r.length)return e;var a=void 0;a=g?r.find("*").filter(function(){return!!this.id}):r.find("[id]");var i=e[0].getElementsByTagName("*"),o=i.length;return a.each(function(e){var n=this.id,r="x"+n+t+e;this.id=r;var a="url(#"+n+")",s="url(#"+r+")";for(e=0;e<o;e++){var l=i[e];l.getAttribute("fill")===a&&l.setAttribute("fill",s),l.getAttribute("stroke")===a&&l.setAttribute("stroke",s),l.getAttribute("filter")===a&&l.setAttribute("filter",s)}}),e}},e.getSvgIcon=function(e,r){var a=t[e];return r&&a&&(a=n(a,0,!0).clone(!0)),a},e.resizeSvgIcons=function(t){var n=!e(".svg_icon:first").length;e.each(t,function(t,r){var a=Array.isArray(r),i=a?r[0]:r,o=a?r[1]:r;n&&(t=t.replace(/\.svg_icon/g,"svg")),e(t).each(function(){this.setAttribute("width",i),this.setAttribute("height",o),window.opera&&window.widget&&(this.parentNode.style.width=i+"px",this.parentNode.style.height=o+"px")})})},e},function(e){e.loadingStylesheets||(e.loadingStylesheets=[]),e.loadingStylesheets.includes("jgraduate/css/jGraduate.css")||e.loadingStylesheets.push("jgraduate/css/jGraduate.css"),e.jGraduate={Paint:function e(t){r(this,e);var n=t||{};if(this.alpha=isNaN(n.alpha)?100:n.alpha,n.copy)switch(this.type=n.copy.type,this.alpha=n.copy.alpha,this.solidColor=null,this.linearGradient=null,this.radialGradient=null,this.type){case"none":break;case"solidColor":this.solidColor=n.copy.solidColor;break;case"linearGradient":this.linearGradient=n.copy.linearGradient.cloneNode(!0);break;case"radialGradient":this.radialGradient=n.copy.radialGradient.cloneNode(!0)}else n.linearGradient?(this.type="linearGradient",this.solidColor=null,this.radialGradient=null,this.linearGradient=n.linearGradient.cloneNode(!0)):n.radialGradient?(this.type="radialGradient",this.solidColor=null,this.linearGradient=null,this.radialGradient=n.radialGradient.cloneNode(!0)):n.solidColor?(this.type="solidColor",this.solidColor=n.solidColor):(this.type="none",this.solidColor=null,this.linearGradient=null,this.radialGradient=null)}},e.fn.jGraduateDefaults={paint:new e.jGraduate.Paint,window:{pickerTitle:"Drag markers to pick a paint"},images:{clientPath:"images/"},newstop:"inverse"};var n=navigator.userAgent.includes("Gecko/");function a(e,t,r){var a=document.createElementNS(nr.svg,e);return function(e,t){if(n)for(var r in t)e.setAttribute(r,t[r]);else for(var a in t){var i=t[a],o=e[a];o&&"SVGLength"===o.constructor?o.baseVal.value=i:e.setAttribute(a,i)}}(a,t),r&&r.append(a),a}return e.fn.jGraduate=function(n,r,i){return this.each(function(){var o=e(this),s=e.extend(!0,{},e.fn.jGraduateDefaults,n||{}),l=o.attr("id"),c="#"+o.attr("id")+" ";if(c){var u=function(){switch(o.paint.type){case"radialGradient":o.paint.linearGradient=null;break;case"linearGradient":o.paint.radialGradient=null;break;case"solidColor":o.paint.radialGradient=o.paint.linearGradient=null}"function"==typeof o.okCallback&&o.okCallback(o.paint),o.hide()},d=function(){"function"==typeof o.cancelCallback&&o.cancelCallback(),o.hide()};e.extend(!0,o,{paint:new e.jGraduate.Paint({copy:s.paint}),okCallback:"function"==typeof r?r:null,cancelCallback:"function"==typeof i?i:null});var h=null,p=e(window);"none"===o.paint.type&&(o.paint=new e.jGraduate.Paint({solidColor:"ffffff"})),o.addClass("jGraduate_Picker"),o.html('<ul class="jGraduate_tabs"><li class="jGraduate_tab_color jGraduate_tab_current" data-type="col">Solid Color</li><li class="jGraduate_tab_lingrad" data-type="lg">Linear Gradient</li><li class="jGraduate_tab_radgrad" data-type="rg">Radial Gradient</li></ul><div class="jGraduate_colPick"></div><div class="jGraduate_gradPick"></div><div class="jGraduate_LightBox"></div><div id="'+l+'_jGraduate_stopPicker" class="jGraduate_stopPicker"></div>');var f=e(c+"> .jGraduate_colPick"),g=e(c+"> .jGraduate_gradPick");g.html('<div id="'+l+'_jGraduate_Swatch" class="jGraduate_Swatch"><h2 class="jGraduate_Title">'+s.window.pickerTitle+'</h2><div id="'+l+'_jGraduate_GradContainer" class="jGraduate_GradContainer"></div><div id="'+l+'_jGraduate_StopSlider" class="jGraduate_StopSlider"></div></div><div class="jGraduate_Form jGraduate_Points jGraduate_lg_field"><div class="jGraduate_StopSection"><label class="jGraduate_Form_Heading">Begin Point</label><div class="jGraduate_Form_Section"><label>x:</label><input type="text" id="'+l+'_jGraduate_x1" size="3" title="Enter starting x value between 0.0 and 1.0"/><label>y:</label><input type="text" id="'+l+'_jGraduate_y1" size="3" title="Enter starting y value between 0.0 and 1.0"/></div></div><div class="jGraduate_StopSection"><label class="jGraduate_Form_Heading">End Point</label><div class="jGraduate_Form_Section"><label>x:</label><input type="text" id="'+l+'_jGraduate_x2" size="3" title="Enter ending x value between 0.0 and 1.0"/><label>y:</label><input type="text" id="'+l+'_jGraduate_y2" size="3" title="Enter ending y value between 0.0 and 1.0"/></div></div></div><div class="jGraduate_Form jGraduate_Points jGraduate_rg_field"><div class="jGraduate_StopSection"><label class="jGraduate_Form_Heading">Center Point</label><div class="jGraduate_Form_Section"><label>x:</label><input type="text" id="'+l+'_jGraduate_cx" size="3" title="Enter x value between 0.0 and 1.0"/><label>y:</label><input type="text" id="'+l+'_jGraduate_cy" size="3" title="Enter y value between 0.0 and 1.0"/></div></div><div class="jGraduate_StopSection"><label class="jGraduate_Form_Heading">Focal Point</label><div class="jGraduate_Form_Section"><label>Match center: <input type="checkbox" checked="checked" id="'+l+'_jGraduate_match_ctr"/></label><br/><label>x:</label><input type="text" id="'+l+'_jGraduate_fx" size="3" title="Enter x value between 0.0 and 1.0"/><label>y:</label><input type="text" id="'+l+'_jGraduate_fy" size="3" title="Enter y value between 0.0 and 1.0"/></div></div></div><div class="jGraduate_StopSection jGraduate_SpreadMethod"><label class="jGraduate_Form_Heading">Spread method</label><div class="jGraduate_Form_Section"><select class="jGraduate_spreadMethod"><option value=pad selected>Pad</option><option value=reflect>Reflect</option><option value=repeat>Repeat</option></select></div></div><div class="jGraduate_Form"><div class="jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field"><label class="prelabel">Radius:</label><div id="'+l+'_jGraduate_Radius" class="jGraduate_SliderBar jGraduate_Radius" title="Click to set radius"><img id="'+l+'_jGraduate_RadiusArrows" class="jGraduate_RadiusArrows" src="'+s.images.clientPath+'rangearrows2.gif"></div><label><input type="text" id="'+l+'_jGraduate_RadiusInput" size="3" value="100"/>%</label></div><div class="jGraduate_Slider jGraduate_EllipField jGraduate_rg_field"><label class="prelabel">Ellip:</label><div id="'+l+'_jGraduate_Ellip" class="jGraduate_SliderBar jGraduate_Ellip" title="Click to set Ellip"><img id="'+l+'_jGraduate_EllipArrows" class="jGraduate_EllipArrows" src="'+s.images.clientPath+'rangearrows2.gif"></div><label><input type="text" id="'+l+'_jGraduate_EllipInput" size="3" value="0"/>%</label></div><div class="jGraduate_Slider jGraduate_AngleField jGraduate_rg_field"><label class="prelabel">Angle:</label><div id="'+l+'_jGraduate_Angle" class="jGraduate_SliderBar jGraduate_Angle" title="Click to set Angle"><img id="'+l+'_jGraduate_AngleArrows" class="jGraduate_AngleArrows" src="'+s.images.clientPath+'rangearrows2.gif"></div><label><input type="text" id="'+l+'_jGraduate_AngleInput" size="3" value="0"/>deg</label></div><div class="jGraduate_Slider jGraduate_OpacField"><label class="prelabel">Opac:</label><div id="'+l+'_jGraduate_Opac" class="jGraduate_SliderBar jGraduate_Opac" title="Click to set Opac"><img id="'+l+'_jGraduate_OpacArrows" class="jGraduate_OpacArrows" src="'+s.images.clientPath+'rangearrows2.gif"></div><label><input type="text" id="'+l+'_jGraduate_OpacInput" size="3" value="100"/>%</label></div></div><div class="jGraduate_OkCancel"><input type="button" id="'+l+'_jGraduate_Ok" class="jGraduate_Ok" value="OK"/><input type="button" id="'+l+'_jGraduate_Cancel" class="jGraduate_Cancel" value="Cancel"/></div>');var v=256,m=v-0,_=v-0,y={};e(".jGraduate_SliderBar").width(145);var b=e("#"+l+"_jGraduate_GradContainer")[0],x=a("svg",{id:l+"_jgraduate_svg",width:v,height:v,xmlns:nr.svg},b),w=o.paint.type,S=o.paint[w],k=S,C=o.paint.alpha,A="solidColor"===w;switch(w){case"solidColor":case"linearGradient":if(A||(k.id=l+"_lg_jgraduate_grad",S=k=x.appendChild(k)),a("radialGradient",{id:l+"_rg_jgraduate_grad"},x),"linearGradient"===w)break;case"radialGradient":A||(k.id=l+"_rg_jgraduate_grad",S=k=x.appendChild(k)),a("linearGradient",{id:l+"_lg_jgraduate_grad"},x)}var E=void 0;if(A){S=k=e("#"+l+"_lg_jgraduate_grad")[0],Le(0,"#"+(h=o.paint[w]),1);var G=t(s.newstop);if("string"===G)switch(s.newstop){case"same":Le(1,"#"+h,1);break;case"inverse":for(var P="",N=0;N<6;N+=2){var I=(255-parseInt(h.substr(N,2),16)).toString(16);I.length<2&&(I=0+I),P+=I}Le(1,"#"+P,1);break;case"white":Le(1,"#ffffff",1);break;case"black":Le(1,"#000000",1)}else if("object"===G){var T="opac"in s.newstop?s.newstop.opac:1;Le(1,s.newstop.color||"#"+h,T)}}var L=parseFloat(S.getAttribute("x1")||0),M=parseFloat(S.getAttribute("y1")||0),O=parseFloat(S.getAttribute("x2")||1),V=parseFloat(S.getAttribute("y2")||0),j=parseFloat(S.getAttribute("cx")||.5),R=parseFloat(S.getAttribute("cy")||.5),B=parseFloat(S.getAttribute("fx")||j),D=parseFloat(S.getAttribute("fy")||R),U=a("rect",{id:l+"_jgraduate_rect",x:0,y:0,width:m,height:_,fill:"url(#"+l+"_jgraduate_grad)","fill-opacity":C/100},x),F=e("<div/>").attr({class:"grad_coord jGraduate_lg_field",title:"Begin Stop"}).text(1).css({top:M*v,left:L*v}).data("coord","start").appendTo(b),H=F.clone().text(2).css({top:V*v,left:O*v}).attr("title","End stop").data("coord","end").appendTo(b),z=e("<div/>").attr({class:"grad_coord jGraduate_rg_field",title:"Center stop"}).text("C").css({top:R*v,left:j*v}).data("coord","center").appendTo(b),q=z.clone().text("F").css({top:D*v,left:B*v,display:"none"}).attr("title","Focus point").data("coord","focus").appendTo(b);q[0].id=l+"_jGraduate_focusCoord";var Y=void 0;e.each(["x1","y1","x2","y2","cx","cy","fx","fy"],function(t,n){var r=isNaN(n[1]),a=k.getAttribute(n);a||(a=r?"0.5":"x2"===n?"1.0":"0.0"),y[n]=e("#"+l+"_jGraduate_"+n).val(a).change(function(){isNaN(parseFloat(this.value))||this.value<0?this.value=0:this.value>1&&(this.value=1),("f"!==n[0]||Y)&&(r&&"radialGradient"===w||!r&&"linearGradient"===w)&&k.setAttribute(n,this.value);var e=r?"c"===n[0]?z:q:"1"===n[1]?F:H,t=n.includes("x")?"left":"top";e.css(t,this.value*v)}).change()});var W=e("#"+l+"_jGraduate_StopSlider"),X=void 0,Q=void 0,K=void 0,Z=a("path",{d:"m9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5",fill:"none",stroke:"#D00","stroke-width":5,display:"none"},void 0),$=void 0,J=1,ee=1,te=0,ne=j,re=R,ae=a("svg",{width:"100%",height:45},W[0]),ie=a("image",{width:16,height:16},a("pattern",{width:16,height:16,patternUnits:"userSpaceOnUse",id:"jGraduate_trans"},ae)),oe=s.images.clientPath+"map-opacity.png";ie.setAttributeNS(nr.xlink,"xlink:href",oe),e(ae).click(function(e){if($=W.offset(),"path"!==e.target.tagName){var t=e.pageX-$.left-8;Le((t=t<10?10:t>v+10?v+10:t)/v,0,0,!0),e.stopPropagation()}}),e(ae).mouseover(function(){ae.append(Z)}),E=a("g",{},ae),a("line",{x1:10,y1:15,x2:v+10,y2:15,"stroke-width":2,stroke:"#000"},ae);var se=g.find(".jGraduate_spreadMethod").change(function(){k.setAttribute("spreadMethod",e(this).val())}),le=null,ce=function(e){var t=e.pageX-pe.left,n=e.pageY-pe.top;t=t<0?0:t>v?v:t,n=n<0?0:n>v?v:n,le.css("left",t).css("top",n);var r=t/m,a=n/_,i=le.data("coord"),o=k;switch(i){case"start":y.x1.val(r),y.y1.val(a),o.setAttribute("x1",r),o.setAttribute("y1",a);break;case"end":y.x2.val(r),y.y2.val(a),o.setAttribute("x2",r),o.setAttribute("y2",a);break;case"center":y.cx.val(r),y.cy.val(a),o.setAttribute("cx",r),o.setAttribute("cy",a),ne=r,re=a,Ve();break;case"focus":y.fx.val(r),y.fy.val(a),o.setAttribute("fx",r),o.setAttribute("fy",a),Ve()}e.preventDefault()},ue=function e(){le=null,p.unbind("mousemove",ce).unbind("mouseup",e)},de=(X=k.getElementsByTagNameNS(nr.svg,"stop")).length;if(de<2){for(;de<2;)k.append(document.createElementNS(nr.svg,"stop")),++de;X=k.getElementsByTagNameNS(nr.svg,"stop")}for(var he=0;he<de;he++)Le(0,0,0,0,X[he]);se.val(k.getAttribute("spreadMethod")||"pad");var pe=void 0;Y=!1,U.setAttribute("fill-opacity",C/100),e("#"+l+" div.grad_coord").mousedown(function(t){t.preventDefault(),le=e(this),pe=le.parent().offset(),p.mousemove(ce).mouseup(ue)}),e("#"+l+"_jGraduate_Ok").bind("click",function(){o.paint.type=w,o.paint[w]=k.cloneNode(!0),o.paint.solidColor=null,u()}),e("#"+l+"_jGraduate_Cancel").bind("click",function(e){d()}),"radialGradient"===w&&(Y?q.show():(q.hide(),y.fx.val(""),y.fy.val(""))),e("#"+l+"_jGraduate_match_ctr")[0].checked=!Y;var fe=void 0,ge=void 0;if(e("#"+l+"_jGraduate_match_ctr").change(function(){Y=!this.checked,q.toggle(Y),y.fx.val(""),y.fy.val("");var e=k;if(Y){var t=fe||.5,n=ge||.5;e.setAttribute("fx",t),e.setAttribute("fy",n),y.fx.val(t),y.fy.val(n)}else fe=e.getAttribute("fx"),ge=e.getAttribute("fy"),e.removeAttribute("fx"),e.removeAttribute("fy")}),(de=(X=k.getElementsByTagNameNS(nr.svg,"stop")).length)<2){for(;de<2;)k.append(document.createElementNS(nr.svg,"stop")),++de;X=k.getElementsByTagNameNS(nr.svg,"stop")}var ve=void 0,me=0,_e=0;if("radialGradient"===w){var ye=k.gradientTransform.baseVal;if(2===ye.numberOfItems){var be=ye.getItem(0),xe=ye.getItem(1);if(2===be.type&&3===xe.type){var we=xe.matrix;1!==we.a?me=Math.round(100*-(1-we.a)):1!==we.d&&(me=Math.round(100*(1-we.d)))}}else if(3===ye.numberOfItems){var Se=ye.getItem(0),ke=ye.getItem(1),Ce=ye.getItem(2);if(4===Se.type&&2===ke.type&&3===Ce.type){_e=Math.round(Se.angle);var Ae=Ce.matrix;1!==Ae.a?me=Math.round(100*-(1-Ae.a)):1!==Ae.d&&(me=Math.round(100*(1-Ae.d)))}}}var Ee={radius:{handle:"#"+l+"_jGraduate_RadiusArrows",input:"#"+l+"_jGraduate_RadiusInput",val:100*(k.getAttribute("r")||.5)},opacity:{handle:"#"+l+"_jGraduate_OpacArrows",input:"#"+l+"_jGraduate_OpacInput",val:o.paint.alpha||100},ellip:{handle:"#"+l+"_jGraduate_EllipArrows",input:"#"+l+"_jGraduate_EllipInput",val:me},angle:{handle:"#"+l+"_jGraduate_AngleArrows",input:"#"+l+"_jGraduate_AngleInput",val:_e}};e.each(Ee,function(t,n){var r=e(n.handle);r.mousedown(function(a){var i=r.parent();ve={type:t,elem:r,input:e(n.input),parent:i,offset:i.offset()},p.mousemove(Ge).mouseup(Pe),a.preventDefault()}),e(n.input).val(n.val).change(function(){var e="radialGradient"===w,n=+this.value,a=0;switch(t){case"radius":e&&k.setAttribute("r",n/100),a=Math.pow(n/100,.4)/2*145;break;case"opacity":o.paint.alpha=n,U.setAttribute("fill-opacity",n/100),a=1.45*n;break;case"ellip":if(J=ee=1,0===n){a=72.5;break}n>99.5&&(n=99.5),n>0?ee=1-n/100:J=-n/100-1,a=(n+100)/2*145/100,e&&Ve();break;case"angle":a=(te=n)/180,a+=.5,a*=145,e&&Ve()}a>145?a=145:a<0&&(a=0),r.css({"margin-left":a-5})}).change()});for(var Ge=function(e){!function(e){var t=ve.offset,n=ve.parent,r=e.pageX-t.left-parseInt(n.css("border-left-width"));r>145&&(r=145),r<=0&&(r=0);var a=r-5;switch(r/=145,ve.type){case"radius":(r=Math.pow(2*r,2.5))>.98&&r<1.02&&(r=1),r<=.01&&(r=.01),k.setAttribute("r",r);break;case"opacity":o.paint.alpha=parseInt(100*r),U.setAttribute("fill-opacity",r);break;case"ellip":J=1,ee=1,r<.5?J=(r/=.5)<=0?.01:r:r>.5&&(ee=(r=2-(r/=.5))<=0?.01:r),Ve(),ee===1+(r-=1)&&(r=Math.abs(r));break;case"angle":r-=.5,te=r*=180,Ve(),r/=100}ve.elem.css({"margin-left":a}),r=Math.round(100*r),ve.input.val(r)}(e),e.preventDefault()},Pe=function e(t){p.unbind("mousemove",Ge).unbind("mouseup",e),ve=null},Ne=(255*o.paint.alpha/100).toString(16);Ne.length<2;)Ne="0"+Ne;Ne=Ne.split(".")[0],h="none"===o.paint.solidColor?"":o.paint.solidColor+Ne,A||(h=X[0].getAttribute("stop-color")),e.extend(e.fn.jPicker.defaults.window,{alphaSupport:!0,effects:{type:"show",speed:0}}),f.jPicker({window:{title:s.window.pickerTitle},images:{clientPath:s.images.clientPath},color:{active:h,alphaSupport:!0}},function(e){o.paint.type="solidColor",o.paint.alpha=e.val("ahex")?Math.round(e.val("a")/255*100):100,o.paint.solidColor=e.val("hex")?e.val("hex"):"none",o.paint.radialGradient=null,u()},null,function(){d()});var Ie=e(c+" .jGraduate_tabs li");Ie.click(function(){Ie.removeClass("jGraduate_tab_current"),e(this).addClass("jGraduate_tab_current"),e(c+" > div").hide();var t=e(this).attr("data-type");if(e(c+" .jGraduate_gradPick").show(),"rg"===t||"lg"===t){e(".jGraduate_"+t+"_field").show(),e(".jGraduate_"+("lg"===t?"rg":"lg")+"_field").hide(),e("#"+l+"_jgraduate_rect")[0].setAttribute("fill","url(#"+l+"_"+t+"_jgraduate_grad)"),w="lg"===t?"linearGradient":"radialGradient",e("#"+l+"_jGraduate_OpacInput").val(o.paint.alpha).change();var n=e("#"+l+"_"+t+"_jgraduate_grad")[0];if(k!==n){var r=e(k).find("stop");e(n).empty().append(r),k=n;var a=se.val();k.setAttribute("spreadMethod",a)}Y="rg"===t&&null!=k.getAttribute("fx")&&!(j===B&&R===D),e("#"+l+"_jGraduate_focusCoord").toggle(Y),Y&&(e("#"+l+"_jGraduate_match_ctr")[0].checked=!1)}else e(c+" .jGraduate_gradPick").hide(),e(c+" .jGraduate_colPick").show()}),e(c+" > div").hide(),Ie.removeClass("jGraduate_tab_current");var Te=void 0;switch(o.paint.type){case"linearGradient":Te=e(c+" .jGraduate_tab_lingrad");break;case"radialGradient":Te=e(c+" .jGraduate_tab_radgrad");break;default:Te=e(c+" .jGraduate_tab_color")}o.show(),setTimeout(function(){Te.addClass("jGraduate_tab_current").click()},10)}else alert("Container element must have an id attribute to maintain unique id strings for sub-elements.");function Le(t,n,r,i,o){var c=o||a("stop",{"stop-color":n,"stop-opacity":r,offset:t},k);o?(n=o.getAttribute("stop-color"),r=o.getAttribute("stop-opacity"),t=o.getAttribute("offset")):k.append(c),null===r&&(r=1);var u="M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z",d=a("path",{d:u,fill:"url(#jGraduate_trans)",transform:"translate("+(10+t*v)+", 26)"},E),h=a("path",{d:u,fill:n,"fill-opacity":r,transform:"translate("+(10+t*v)+", 26)",stroke:"#000","stroke-width":1.5},E);return e(h).mousedown(function(e){return Me(this),K=Q,p.mousemove(je).mouseup(Oe),$=W.offset(),e.preventDefault(),!1}).data("stop",c).data("bg",d).dblclick(function(){e("div.jGraduate_LightBox").show();for(var t=this,r=+c.getAttribute("stop-opacity")||1,a=c.getAttribute("stop-color")||1,i=(255*parseFloat(r)).toString(16);i.length<2;)i="0"+i;n=a.substr(1)+i,e("#"+l+"_jGraduate_stopPicker").css({left:100,bottom:15}).jPicker({window:{title:"Pick the start color and opacity for the gradient"},images:{clientPath:s.images.clientPath},color:{active:n,alphaSupport:!0}},function(n,i){a=n.val("hex")?"#"+n.val("hex"):"none",r=null!==n.val("a")?n.val("a")/256:1,t.setAttribute("fill",a),t.setAttribute("fill-opacity",r),c.setAttribute("stop-color",a),c.setAttribute("stop-opacity",r),e("div.jGraduate_LightBox").hide(),e("#"+l+"_jGraduate_stopPicker").hide()},null,function(){e("div.jGraduate_LightBox").hide(),e("#"+l+"_jGraduate_stopPicker").hide()})}),e(k).find("stop").each(function(){var r=e(this);if(+this.getAttribute("offset")>t){if(!n){var a=this.getAttribute("stop-color"),i=this.getAttribute("stop-opacity");c.setAttribute("stop-color",a),h.setAttribute("fill",a),c.setAttribute("stop-opacity",null===i?1:i),h.setAttribute("fill-opacity",null===i?1:i)}return r.before(c),!1}}),i&&Me(h),c}function Me(e){Q&&Q.setAttribute("stroke","#000"),e.setAttribute("stroke","blue"),(Q=e).parentNode.append(Q)}function Oe(){p.unbind("mousemove",je),"none"!==Z.getAttribute("display")&&function(){Z.setAttribute("display","none");var t=e(Q),n=t.data("stop"),r=t.data("bg");e([Q,n,r]).remove()}(),K=null}function Ve(){var e=te?"rotate("+te+","+ne+","+re+") ":"";if(1===J&&1===ee)k.removeAttribute("gradientTransform");else{var t=-ne*(J-1),n=-re*(ee-1);k.setAttribute("gradientTransform",e+"translate("+t+","+n+") scale("+J+","+ee+")")}}function je(t){var n=t.pageX-$.left,r=t.pageY-$.top,a="translate("+(n=n<10?10:n>v+10?v+10:n)+", 26)";r<-60||r>130?(Z.setAttribute("display","block"),Z.setAttribute("transform",a)):Z.setAttribute("display","none"),K.setAttribute("transform",a),e.data(K,"bg").setAttribute("transform",a);var i=e.data(K,"stop"),o=(n-10)/v;i.setAttribute("offset",o);var s=0;e(k).find("stop").each(function(t){var n=this.getAttribute("offset"),r=e(this);n<s&&(r.prev().before(r),X=e(k).find("stop")),s=n})}})},e},function(e){return e.loadingStylesheets||(e.loadingStylesheets=[]),e.loadingStylesheets.includes("spinbtn/jQuery.SpinButton.css")||e.loadingStylesheets.push("spinbtn/jQuery.SpinButton.css"),e.fn.SpinButton=function(t){function n(t,n){for(var r=document.body,a=t[n];(t=t.offsetParent)&&t!==r;)e.browser.msie&&"relative"===t.currentStyle.position||(a+=t[n]);return a}return t=t||{},this.each(function(){this.repeating=!1,this.spinCfg={min:isNaN(parseFloat(t.min))?null:Number(t.min),max:isNaN(parseFloat(t.max))?null:Number(t.max),step:t.step?Number(t.step):1,stepfunc:t.stepfunc||!1,page:t.page?Number(t.page):10,upClass:t.upClass||"up",downClass:t.downClass||"down",reset:t.reset||this.value,delay:t.delay?Number(t.delay):500,interval:t.interval?Number(t.interval):100,_btn_width:20,_direction:null,_delay:null,_repeat:null,callback:t.callback||null},this.spinCfg.smallStep=t.smallStep||this.spinCfg.step/2,this.adjustValue=function(e){var t=void 0;t=isNaN(this.value)?this.spinCfg.reset:"function"==typeof this.spinCfg.stepfunc?this.spinCfg.stepfunc(this,e):Number((Number(this.value)+Number(e)).toFixed(5)),null!==this.spinCfg.min&&(t=Math.max(t,this.spinCfg.min)),null!==this.spinCfg.max&&(t=Math.min(t,this.spinCfg.max)),this.value=t,"function"==typeof this.spinCfg.callback&&this.spinCfg.callback(this)},e(this).addClass(t.spinClass||"spin-button").mousemove(function(r){var a=r.pageX||r.x,i=r.pageY||r.y,o=r.target,s=t.stateObj.tool_scale||1,l=e(o).height()/2,c=a>n(o,"offsetLeft")+o.offsetWidth*s-this.spinCfg._btn_width?i<n(o,"offsetTop")+l*s?1:-1:0;if(c!==this.spinCfg._direction){switch(c){case 1:e(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);break;case-1:e(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);break;default:e(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass)}this.spinCfg._direction=c}}).mouseout(function(){e(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass),this.spinCfg._direction=null,window.clearInterval(this.spinCfg._repeat),window.clearTimeout(this.spinCfg._delay)}).mousedown(function(e){var t=this;if(0===e.button&&0!==this.spinCfg._direction){var n=e.shiftKey?this.spinCfg.smallStep:this.spinCfg.step,r=function(){t.adjustValue(t.spinCfg._direction*n)};r(),this.spinCfg._delay=window.setTimeout(function(){r(),t.spinCfg._repeat=window.setInterval(r,t.spinCfg.interval)},this.spinCfg.delay)}}).mouseup(function(e){window.clearInterval(this.spinCfg._repeat),window.clearTimeout(this.spinCfg._delay)}).dblclick(function(t){e.browser.msie&&this.adjustValue(this.spinCfg._direction*this.spinCfg.step)}).keydown(function(e){switch(e.keyCode){case 38:this.adjustValue(this.spinCfg.step);break;case 40:this.adjustValue(-this.spinCfg.step);break;case 33:this.adjustValue(this.spinCfg.page);break;case 34:this.adjustValue(-this.spinCfg.page)}}).keypress(function(e){if(this.repeating)switch(e.keyCode){case 38:this.adjustValue(this.spinCfg.step);break;case 40:this.adjustValue(-this.spinCfg.step);break;case 33:this.adjustValue(this.spinCfg.page);break;case 34:this.adjustValue(-this.spinCfg.page)}else this.repeating=!0}).keyup(function(e){switch(this.repeating=!1,e.keyCode){case 38:case 40:case 33:case 34:case 13:this.adjustValue(0)}}).bind("mousewheel",function(e){e.wheelDelta>=120?this.adjustValue(this.spinCfg.step):e.wheelDelta<=-120&&this.adjustValue(-this.spinCfg.step),e.preventDefault()}).change(function(e){this.adjustValue(0)}),this.addEventListener&&this.addEventListener("DOMMouseScroll",function(e){e.detail>0?this.adjustValue(-this.spinCfg.step):e.detail<0&&this.adjustValue(this.spinCfg.step),e.preventDefault()},!1)})},e},U,function(e){var t=e(window),n=e(document);return e.extend(e.fn,{contextMenu:function(r,a){return void 0!==r.menu&&(void 0===r.inSpeed&&(r.inSpeed=150),void 0===r.outSpeed&&(r.outSpeed=75),0===r.inSpeed&&(r.inSpeed=-1),0===r.outSpeed&&(r.outSpeed=-1),e(this).each(function(){var i=e(this),o=e(i).offset(),s=e("#"+r.menu);s.addClass("contextMenu"),e(this).bind("mousedown",function(l){var c=l;e(this).mouseup(function(l){var u=e(this);if(u.unbind("mouseup"),2===c.button||r.allowLeft||c.ctrlKey&&j()){if(l.stopPropagation(),e(".contextMenu").hide(),i.hasClass("disabled"))return!1;var d=l.pageX,h=l.pageY,p=t.width()-s.width(),f=t.height()-s.height();d>p-15&&(d=p-15),h>f-30&&(h=f-30),n.unbind("click"),s.css({top:h,left:d}).fadeIn(r.inSpeed),s.find("A").mouseover(function(){s.find("LI.hover").removeClass("hover"),e(this).parent().addClass("hover")}).mouseout(function(){s.find("LI.hover").removeClass("hover")}),n.keypress(function(e){switch(e.keyCode){case 38:s.find("LI.hover").length?(s.find("LI.hover").removeClass("hover").prevAll("LI:not(.disabled)").eq(0).addClass("hover"),s.find("LI.hover").length||s.find("LI:last").addClass("hover")):s.find("LI:last").addClass("hover");break;case 40:s.find("LI.hover").length?(s.find("LI.hover").removeClass("hover").nextAll("LI:not(.disabled)").eq(0).addClass("hover"),s.find("LI.hover").length||s.find("LI:first").addClass("hover")):s.find("LI:first").addClass("hover");break;case 13:s.find("LI.hover A").trigger("click");break;case 27:n.trigger("click")}}),s.find("A").unbind("mouseup"),s.find("LI:not(.disabled) A").mouseup(function(){return n.unbind("click").unbind("keypress"),e(".contextMenu").hide(),a&&a(e(this).attr("href").substr(1),e(u),{x:d-o.left,y:h-o.top,docX:d,docY:h}),!1}),setTimeout(function(){n.click(function(){return n.unbind("click").unbind("keypress"),s.fadeOut(r.outSpeed),!1})},0)}})}),e.browser.mozilla?e("#"+r.menu).each(function(){e(this).css({MozUserSelect:"none"})}):e.browser.msie?e("#"+r.menu).each(function(){e(this).bind("selectstart.disableTextSelect",function(){return!1})}):e("#"+r.menu).each(function(){e(this).bind("mousedown.disableTextSelect",function(){return!1})}),e(i).add(e("UL.contextMenu")).bind("contextmenu",function(){return!1})}),e(this))},disableContextMenuItems:function(t){return void 0===t?(e(this).find("LI").addClass("disabled"),e(this)):(e(this).each(function(){if(void 0!==t)for(var n=t.split(","),r=0;r<n.length;r++)e(this).find('A[href="'+n[r]+'"]').parent().addClass("disabled")}),e(this))},enableContextMenuItems:function(t){return void 0===t?(e(this).find("LI.disabled").removeClass("disabled"),e(this)):(e(this).each(function(){if(void 0!==t)for(var n=t.split(","),r=0;r<n.length;r++)e(this).find('A[href="'+n[r]+'"]').parent().removeClass("disabled")}),e(this))},disableContextMenu:function(){return e(this).each(function(){e(this).addClass("disabled")}),e(this)},enableContextMenu:function(){return e(this).each(function(){e(this).removeClass("disabled")}),e(this)},destroyContextMenu:function(){return e(this).each(function(){e(this).unbind("mousedown").unbind("mouseup")}),e(this)}}),e},function(e){e.loadingStylesheets||(e.loadingStylesheets=[]);function n(t,n){var r=this;function a(n){var a=t.offset();u={l:0|a.left,t:0|a.top},clearTimeout(d),d=setTimeout(function(){s.call(r,n)},0),e(document).bind("mousemove",i).bind("mouseup",o),n.preventDefault()}function i(e){return clearTimeout(d),d=setTimeout(function(){s.call(r,e)},0),e.stopPropagation(),e.preventDefault(),!1}function o(t){return e(document).unbind("mouseup",o).unbind("mousemove",i),t.stopPropagation(),t.preventDefault(),!1}function s(e){var n=t.w,a=t.h,i=e.pageX-u.l,o=e.pageY-u.t;i<0?i=0:i>n&&(i=n),o<0?o=0:o>a&&(o=a),l.call(r,"xy",{x:i/n*v+f,y:o/a*y+m})}function l(e,t,n){if(void 0===t)switch(void 0!==e&&null!=e||(e="xy"),e.toLowerCase()){case"x":return h;case"y":return p;case"xy":default:return{x:h,y:p}}if(null==n||n!==r){var a=!1,i=void 0,o=void 0;switch(null==e&&(e="xy"),e.toLowerCase()){case"x":i=t&&(t.x&&0|t.x||0|t)||0;break;case"y":o=t&&(t.y&&0|t.y||0|t)||0;break;case"xy":default:i=t&&t.x&&0|t.x||0,o=t&&t.y&&0|t.y||0}null!=i&&(i<f?i=f:i>g&&(i=g),h!==i&&(h=i,a=!0)),null!=o&&(o<m?o=m:o>_&&(o=_),p!==o&&(p=o,a=!0)),a&&function(e){for(var t=0;t<x.length;t++)x[t].call(r,r,e)}.call(r,n||r)}}function c(e){"function"==typeof e&&x.push(e)}var u=void 0,d=void 0,h=0,p=0,f=0,g=100,v=100,m=0,_=100,y=100,b=t.find("img:first"),x=[];e.extend(!0,r,{val:l,range:function(e,t){if(void 0===t)switch(void 0!==e&&null!=e||(e="all"),e.toLowerCase()){case"minx":return f;case"maxx":return g;case"rangex":return{minX:f,maxX:g,rangeX:v};case"miny":return m;case"maxy":return _;case"rangey":return{minY:m,maxY:_,rangeY:y};case"all":default:return{minX:f,maxX:g,rangeX:v,minY:m,maxY:_,rangeY:y}}var n=void 0,r=void 0,a=void 0,i=void 0;switch(null==e&&(e="all"),e.toLowerCase()){case"minx":n=t&&(t.minX&&0|t.minX||0|t)||0;break;case"maxx":r=t&&(t.maxX&&0|t.maxX||0|t)||0;break;case"rangex":n=t&&t.minX&&0|t.minX||0,r=t&&t.maxX&&0|t.maxX||0;break;case"miny":a=t&&(t.minY&&0|t.minY||0|t)||0;break;case"maxy":i=t&&(t.maxY&&0|t.maxY||0|t)||0;break;case"rangey":a=t&&t.minY&&0|t.minY||0,i=t&&t.maxY&&0|t.maxY||0;break;case"all":default:n=t&&t.minX&&0|t.minX||0,r=t&&t.maxX&&0|t.maxX||0,a=t&&t.minY&&0|t.minY||0,i=t&&t.maxY&&0|t.maxY||0}null!=n&&f!==n&&(v=g-(f=n)),null!=r&&g!==r&&(v=(g=r)-f),null!=a&&m!==a&&(y=_-(m=a)),null!=i&&_!==i&&(y=(_=i)-m)},bind:c,unbind:function(e){if("function"==typeof e)for(var t=void 0;t=x.includes(e);)x.splice(t,1)},destroy:function(){e(document).unbind("mouseup",o).unbind("mousemove",i),t.unbind("mousedown",a),t=null,b=null,x=null}}),b.src=n.arrow&&n.arrow.image,b.w=n.arrow&&n.arrow.width||b.width(),b.h=n.arrow&&n.arrow.height||b.height(),t.w=n.map&&n.map.width||t.width(),t.h=n.map&&n.map.height||t.height(),t.bind("mousedown",a),c.call(r,function(){var e=t.w,n=t.h,r=b.w,a=b.h,i=0,o=0;setTimeout(function(){v>0&&(i=h===g?e:h/v*e|0),y>0&&(o=p===_?n:p/y*n|0),r>=e?i=(e>>1)-(r>>1):i-=r>>1,a>=n?o=(n>>1)-(a>>1):o-=a>>1,b.css({left:i+"px",top:o+"px"})},0)})}e.loadingStylesheets.includes("jgraduate/css/jPicker.css")||e.loadingStylesheets.push("jgraduate/css/jPicker.css"),e.jPicker={List:[],Color:function(t){var n=this;function r(e){for(var t=0;t<p.length;t++)p[t].call(n,n,e)}function a(e,t,p){var f=Boolean(t);if(f&&""===t.ahex&&(t.ahex="00000000"),!f){if(void 0!==e&&null!=e&&""!==e||(e="all"),null==i)return null;switch(e.toLowerCase()){case"ahex":return o.rgbaToHex({r:i,g:s,b:l,a:c});case"hex":return a("ahex").substring(0,6);case"all":return{r:i,g:s,b:l,a:c,h:u,s:d,v:h,hex:a.call(n,"hex"),ahex:a.call(n,"ahex")};default:for(var g={},v=0;v<e.length;v++)switch(e.charAt(v)){case"r":1===e.length?g=i:g.r=i;break;case"g":1===e.length?g=s:g.g=s;break;case"b":1===e.length?g=l:g.b=l;break;case"a":1===e.length?g=c:g.a=c;break;case"h":1===e.length?g=u:g.h=u;break;case"s":1===e.length?g=d:g.s=d;break;case"v":1===e.length?g=h:g.v=h}return e.length?g:a.call(n,"all")}}if(null==p||p!==n){null==e&&(e="");var m=!1;if(null==t)return null!=i&&(i=null,m=!0),null!=s&&(s=null,m=!0),null!=l&&(l=null,m=!0),null!=c&&(c=null,m=!0),null!=u&&(u=null,m=!0),null!=d&&(d=null,m=!0),null!=h&&(h=null,m=!0),void(m&&r.call(n,p||n));switch(e.toLowerCase()){case"ahex":case"hex":var _=o.hexToRgba(t&&(t.ahex||t.hex)||t||"none");a.call(n,"rgba",{r:_.r,g:_.g,b:_.b,a:"ahex"===e?_.a:null!=c?c:255},p);break;default:if(t&&(null!=t.ahex||null!=t.hex))return void a.call(n,"ahex",t.ahex||t.hex||"00000000",p);var y={},b=!1,x=!1;void 0===t.r||e.includes("r")||(e+="r"),void 0===t.g||e.includes("g")||(e+="g"),void 0===t.b||e.includes("b")||(e+="b"),void 0===t.a||e.includes("a")||(e+="a"),void 0===t.h||e.includes("h")||(e+="h"),void 0===t.s||e.includes("s")||(e+="s"),void 0===t.v||e.includes("v")||(e+="v");for(var w=0;w<e.length;w++)switch(e.charAt(w)){case"r":if(x)continue;b=!0,y.r=t&&t.r&&0|t.r||t&&0|t||0,y.r<0?y.r=0:y.r>255&&(y.r=255),i!==y.r&&(i=y.r,m=!0);break;case"g":if(x)continue;b=!0,y.g=t&&t.g&&0|t.g||t&&0|t||0,y.g<0?y.g=0:y.g>255&&(y.g=255),s!==y.g&&(s=y.g,m=!0);break;case"b":if(x)continue;b=!0,y.b=t&&t.b&&0|t.b||t&&0|t||0,y.b<0?y.b=0:y.b>255&&(y.b=255),l!==y.b&&(l=y.b,m=!0);break;case"a":y.a=t&&null!=t.a?0|t.a:null!=t?0|t:255,y.a<0?y.a=0:y.a>255&&(y.a=255),c!==y.a&&(c=y.a,m=!0);break;case"h":if(b)continue;x=!0,y.h=t&&t.h&&0|t.h||t&&0|t||0,y.h<0?y.h=0:y.h>360&&(y.h=360),u!==y.h&&(u=y.h,m=!0);break;case"s":if(b)continue;x=!0,y.s=t&&null!=t.s?0|t.s:null!=t?0|t:100,y.s<0?y.s=0:y.s>100&&(y.s=100),d!==y.s&&(d=y.s,m=!0);break;case"v":if(b)continue;x=!0,y.v=t&&null!=t.v?0|t.v:null!=t?0|t:100,y.v<0?y.v=0:y.v>100&&(y.v=100),h!==y.v&&(h=y.v,m=!0)}if(m){if(b){i=i||0,s=s||0,l=l||0;var S=o.rgbToHsv({r:i,g:s,b:l});u=S.h,d=S.s,h=S.v}else if(x){u=u||0,d=null!=d?d:100,h=null!=h?h:100;var k=o.hsvToRgb({h:u,s:d,v:h});i=k.r,s=k.g,l=k.b}c=null!=c?c:255,r.call(n,p||n)}}}}var i=void 0,s=void 0,l=void 0,c=void 0,u=void 0,d=void 0,h=void 0,p=[];e.extend(!0,n,{val:a,bind:function(e){"function"==typeof e&&p.push(e)},unbind:function(e){if("function"==typeof e)for(var t=void 0;t=p.includes(e);)p.splice(t,1)},destroy:function(){p=null}}),t&&(null!=t.ahex?a("ahex",t):null!=t.hex?a((null!=t.a?"a":"")+"hex",null!=t.a?{ahex:t.hex+o.intToHex(t.a)}:t):null!=t.r&&null!=t.g&&null!=t.b?a("rgb"+(null!=t.a?"a":""),t):null!=t.h&&null!=t.s&&null!=t.v&&a("hsv"+(null!=t.a?"a":""),t))},ColorMethods:{hexToRgba:function(e){if(""===e||"none"===e)return{r:null,g:null,b:null,a:null};var t="00",n="00",r="00",a="255";return 6===(e=this.validateHex(e)).length&&(e+="ff"),e.length>6?(t=e.substring(0,2),n=e.substring(2,4),r=e.substring(4,6),a=e.substring(6,e.length)):(e.length>4&&(t=e.substring(4,e.length),e=e.substring(0,4)),e.length>2&&(n=e.substring(2,e.length),e=e.substring(0,2)),e.length>0&&(r=e.substring(0,e.length))),{r:this.hexToInt(t),g:this.hexToInt(n),b:this.hexToInt(r),a:this.hexToInt(a)}},validateHex:function(e){return(e=e.toLowerCase().replace(/[^a-f0-9]/g,"")).length>8&&(e=e.substring(0,8)),e},rgbaToHex:function(e){return this.intToHex(e.r)+this.intToHex(e.g)+this.intToHex(e.b)+this.intToHex(e.a)},intToHex:function(e){var t=(0|e).toString(16);return 1===t.length&&(t="0"+t),t.toLowerCase()},hexToInt:function(e){return parseInt(e,16)},rgbToHsv:function(e){var t=e.r/255,n=e.g/255,r=e.b/255,a={h:0,s:0,v:0},i=0,o=0;t>=n&&t>=r?(o=t,i=n>r?r:n):n>=r&&n>=t?(o=n,i=t>r?r:t):(o=r,i=n>t?t:n),a.v=o,a.s=o?(o-i)/o:0;var s=void 0;return a.s?(s=o-i,a.h=t===o?(n-r)/s:n===o?2+(r-t)/s:4+(t-n)/s,a.h=parseInt(60*a.h),a.h<0&&(a.h+=360)):a.h=0,a.s=100*a.s|0,a.v=100*a.v|0,a},hsvToRgb:function(e){var t={r:0,g:0,b:0,a:100},n=e.h,r=e.s,a=e.v;if(0===r)t.r=t.g=t.b=0===a?0:255*a/100|0;else{360===n&&(n=0);var i=0|(n/=60),o=n-i,s=(a/=100)*(1-(r/=100)),l=a*(1-r*o),c=a*(1-r*(1-o));switch(i){case 0:t.r=a,t.g=c,t.b=s;break;case 1:t.r=l,t.g=a,t.b=s;break;case 2:t.r=s,t.g=a,t.b=c;break;case 3:t.r=s,t.g=l,t.b=a;break;case 4:t.r=c,t.g=s,t.b=a;break;case 5:t.r=a,t.g=s,t.b=l}t.r=255*t.r|0,t.g=255*t.g|0,t.b=255*t.b|0}return t}}};var r=e.jPicker,a=r.Color,i=r.List,o=r.ColorMethods;return e.fn.jPicker=function(r){var s=arguments;return this.each(function(){var l=this,c=e.extend(!0,{},e.fn.jPicker.defaults,r);"input"===e(l).get(0).nodeName.toLowerCase()&&(e.extend(!0,c,{window:{bindToInput:!0,expandable:!0,input:e(l)}}),""===e(l).val()?(c.color.active=new a({hex:null}),c.color.current=new a({hex:null})):o.validateHex(e(l).val())&&(c.color.active=new a({hex:e(l).val(),a:c.color.active.val("a")}),c.color.current=new a({hex:e(l).val(),a:c.color.active.val("a")}))),c.window.expandable?e(l).after('<span class="jPicker"><span class="Icon"><span class="Color">&nbsp;</span><span class="Alpha">&nbsp;</span><span class="Image" title="Click To Open Color Picker">&nbsp;</span><span class="Container">&nbsp;</span></span></span>'):c.window.liveUpdate=!1;var u=parseFloat(navigator.appVersion.split("MSIE")[1])<7&&document.body.filters;function d(e){var t=V.active,n=t.val("hex"),r=void 0,a=void 0;switch(c.color.mode=e,e){case"h":if(setTimeout(function(){g.call(l,F,"transparent"),m.call(l,z,0),_.call(l,z,100),m.call(l,q,260),_.call(l,q,100),g.call(l,H,"transparent"),m.call(l,W,0),_.call(l,W,100),m.call(l,X,260),_.call(l,X,100),m.call(l,Q,260),_.call(l,Q,100),m.call(l,K,260),_.call(l,K,100),m.call(l,$,260),_.call(l,$,100)},0),J.range("all",{minX:0,maxX:100,minY:0,maxY:100}),ee.range("rangeY",{minY:0,maxY:360}),null==t.val("ahex"))break;J.val("xy",{x:t.val("s"),y:100-t.val("v")},J),ee.val("y",360-t.val("h"),ee);break;case"s":if(setTimeout(function(){g.call(l,F,"transparent"),m.call(l,z,-260),m.call(l,q,-520),m.call(l,W,-260),m.call(l,X,-520),m.call(l,$,260),_.call(l,$,100)},0),J.range("all",{minX:0,maxX:360,minY:0,maxY:100}),ee.range("rangeY",{minY:0,maxY:100}),null==t.val("ahex"))break;J.val("xy",{x:t.val("h"),y:100-t.val("v")},J),ee.val("y",100-t.val("s"),ee);break;case"v":if(setTimeout(function(){g.call(l,F,"000000"),m.call(l,z,-780),m.call(l,q,260),g.call(l,H,n),m.call(l,W,-520),m.call(l,X,260),_.call(l,X,100),m.call(l,$,260),_.call(l,$,100)},0),J.range("all",{minX:0,maxX:360,minY:0,maxY:100}),ee.range("rangeY",{minY:0,maxY:100}),null==t.val("ahex"))break;J.val("xy",{x:t.val("h"),y:100-t.val("s")},J),ee.val("y",100-t.val("v"),ee);break;case"r":if(r=-1040,a=-780,J.range("all",{minX:0,maxX:255,minY:0,maxY:255}),ee.range("rangeY",{minY:0,maxY:255}),null==t.val("ahex"))break;J.val("xy",{x:t.val("b"),y:255-t.val("g")},J),ee.val("y",255-t.val("r"),ee);break;case"g":if(r=-1560,a=-1820,J.range("all",{minX:0,maxX:255,minY:0,maxY:255}),ee.range("rangeY",{minY:0,maxY:255}),null==t.val("ahex"))break;J.val("xy",{x:t.val("b"),y:255-t.val("r")},J),ee.val("y",255-t.val("g"),ee);break;case"b":if(r=-2080,a=-2860,J.range("all",{minX:0,maxX:255,minY:0,maxY:255}),ee.range("rangeY",{minY:0,maxY:255}),null==t.val("ahex"))break;J.val("xy",{x:t.val("r"),y:255-t.val("g")},J),ee.val("y",255-t.val("b"),ee);break;case"a":if(setTimeout(function(){g.call(l,F,"transparent"),m.call(l,z,-260),m.call(l,q,-520),m.call(l,W,260),m.call(l,X,260),_.call(l,X,100),m.call(l,$,0),_.call(l,$,100)},0),J.range("all",{minX:0,maxX:360,minY:0,maxY:100}),ee.range("rangeY",{minY:0,maxY:255}),null==t.val("ahex"))break;J.val("xy",{x:t.val("h"),y:100-t.val("v")},J),ee.val("y",255-t.val("a"),ee);break;default:throw new Error("Invalid Mode")}switch(e){case"h":break;case"s":case"v":case"a":setTimeout(function(){_.call(l,z,100),_.call(l,W,100),m.call(l,Q,260),_.call(l,Q,100),m.call(l,K,260),_.call(l,K,100)},0);break;case"r":case"g":case"b":setTimeout(function(){g.call(l,F,"transparent"),g.call(l,H,"transparent"),_.call(l,W,100),_.call(l,z,100),m.call(l,z,r),m.call(l,q,r-260),m.call(l,W,a-780),m.call(l,X,a-520),m.call(l,Q,a),m.call(l,K,a-260),m.call(l,$,260),_.call(l,$,100)},0)}null!=t.val("ahex")&&h.call(l,t)}function h(e,t){(null==t||t!==ee&&t!==J)&&function(e,t){if(t!==J)switch(c.color.mode){case"h":var n=e.val("sv");J.val("xy",{x:null!=n?n.s:100,y:100-(null!=n?n.v:100)},t);break;case"s":case"a":var r=e.val("hv");J.val("xy",{x:r&&r.h||0,y:100-(null!=r?r.v:100)},t);break;case"v":var a=e.val("hs");J.val("xy",{x:a&&a.h||0,y:100-(null!=a?a.s:100)},t);break;case"r":var i=e.val("bg");J.val("xy",{x:i&&i.b||0,y:255-(i&&i.g||0)},t);break;case"g":var o=e.val("br");J.val("xy",{x:o&&o.b||0,y:255-(o&&o.r||0)},t);break;case"b":var s=e.val("rg");J.val("xy",{x:s&&s.r||0,y:255-(s&&s.g||0)},t)}if(t!==ee)switch(c.color.mode){case"h":ee.val("y",360-(e.val("h")||0),t);break;case"s":var l=e.val("s");ee.val("y",100-(null!=l?l:100),t);break;case"v":var u=e.val("v");ee.val("y",100-(null!=u?u:100),t);break;case"r":ee.val("y",255-(e.val("r")||0),t);break;case"g":ee.val("y",255-(e.val("g")||0),t);break;case"b":ee.val("y",255-(e.val("b")||0),t);break;case"a":var d=e.val("a");ee.val("y",255-(null!=d?d:255),t)}}.call(l,e,t),setTimeout(function(){(function(e){try{var t=e.val("all");ne.css({backgroundColor:t&&"#"+t.hex||"transparent"}),_.call(l,ne,t&&Math.precision(100*t.a/255,4)||0)}catch(e){}}).call(l,e),function(e){switch(c.color.mode){case"h":g.call(l,F,new a({h:e.val("h")||0,s:100,v:100}).val("hex"));break;case"s":case"a":var t=e.val("s");_.call(l,q,100-(null!=t?t:100));break;case"v":var n=e.val("v");_.call(l,z,null!=n?n:100);break;case"r":_.call(l,q,Math.precision((e.val("r")||0)/255*100,4));break;case"g":_.call(l,q,Math.precision((e.val("g")||0)/255*100,4));break;case"b":_.call(l,q,Math.precision((e.val("b")||0)/255*100))}var r=e.val("a");_.call(l,Y,Math.precision(100*(255-(r||0))/255,4))}.call(l,e),function(e){switch(c.color.mode){case"h":var t=e.val("a");_.call(l,Z,Math.precision(100*(255-(t||0))/255,4));break;case"s":var n=e.val("hva"),r=new a({h:n&&n.h||0,s:100,v:null!=n?n.v:100});g.call(l,H,r.val("hex")),_.call(l,X,100-(null!=n?n.v:100)),_.call(l,Z,Math.precision(100*(255-(n&&n.a||0))/255,4));break;case"v":var i=e.val("hsa"),o=new a({h:i&&i.h||0,s:null!=i?i.s:100,v:100});g.call(l,H,o.val("hex")),_.call(l,Z,Math.precision(100*(255-(i&&i.a||0))/255,4));break;case"r":case"g":case"b":var s=e.val("rgba"),u=0,d=0;"r"===c.color.mode?(u=s&&s.b||0,d=s&&s.g||0):"g"===c.color.mode?(u=s&&s.b||0,d=s&&s.r||0):"b"===c.color.mode&&(u=s&&s.r||0,d=s&&s.g||0);var h=d>u?u:d;_.call(l,X,u>d?Math.precision((u-d)/(255-d)*100,4):0),_.call(l,Q,d>u?Math.precision((d-u)/(255-u)*100,4):0),_.call(l,K,Math.precision(h/255*100,4)),_.call(l,Z,Math.precision(100*(255-(s&&s.a||0))/255,4));break;case"a":var p=e.val("a");g.call(l,H,e.val("hex")||"000000"),_.call(l,Z,null!=p?0:100),_.call(l,$,null!=p?100:0)}}.call(l,e)},0)}function p(e,t){var n=V.active;if(t===J||null!=n.val()){var r=e.val("all");switch(c.color.mode){case"h":n.val("sv",{s:r.x,v:100-r.y},t);break;case"s":case"a":n.val("hv",{h:r.x,v:100-r.y},t);break;case"v":n.val("hs",{h:r.x,s:100-r.y},t);break;case"r":n.val("gb",{g:255-r.y,b:r.x},t);break;case"g":n.val("rb",{r:255-r.y,b:r.x},t);break;case"b":n.val("rg",{r:r.x,g:255-r.y},t)}}}function f(e,t){var n=V.active;if(t===ee||null!=n.val())switch(c.color.mode){case"h":n.val("h",{h:360-e.val("y")},t);break;case"s":n.val("s",{s:100-e.val("y")},t);break;case"v":n.val("v",{v:100-e.val("y")},t);break;case"r":n.val("r",{r:255-e.val("y")},t);break;case"g":n.val("g",{g:255-e.val("y")},t);break;case"b":n.val("b",{b:255-e.val("y")},t);break;case"a":n.val("a",255-e.val("y"),t)}}function g(e,t){e.css({backgroundColor:t&&6===t.length&&"#"+t||"transparent"})}function v(e,t){u&&(t.includes("AlphaBar.png")||t.includes("Bars.png")||t.includes("Maps.png"))?(e.attr("pngSrc",t),e.css({backgroundImage:"none",filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+t+"', sizingMethod='scale')"})):e.css({backgroundImage:"url('"+t+"')"})}function m(e,t){e.css({top:t+"px"})}function _(e,t){if(e.css({visibility:t>0?"visible":"hidden"}),t>0&&t<100)if(u){var n=e.attr("pngSrc");null!=n&&(n.includes("AlphaBar.png")||n.includes("Bars.png")||n.includes("Maps.png"))?e.css({filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+n+"', sizingMethod='scale') progid:DXImageTransform.Microsoft.Alpha(opacity="+t+")"}):e.css({opacity:Math.precision(t/100,4)})}else e.css({opacity:Math.precision(t/100,4)});else if(0===t||100===t)if(u){var r=e.attr("pngSrc");null!=r&&(r.includes("AlphaBar.png")||r.includes("Bars.png")||r.includes("Maps.png"))?e.css({filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+r+"', sizingMethod='scale')"}):e.css({opacity:""})}else e.css({opacity:""})}function y(){V.active.val("ahex",V.current.val("ahex"))}function b(t){e(this).parents("tbody:first").find('input:radio[value!="'+t.target.value+'"]').removeAttr("checked"),d.call(l,t.target.value)}function x(){y.call(l)}function w(){y.call(l),c.window.expandable&&T.call(l),"function"==typeof pe&&pe.call(l,V.active,ie)}function S(){(function(){V.current.val("ahex",V.active.val("ahex"))}).call(l),c.window.expandable&&T.call(l),"function"==typeof de&&de.call(l,V.active,ae)}function k(){I.call(l)}function C(e,t){var n=e.val("hex");re.css({backgroundColor:n&&"#"+n||"transparent"}),_.call(l,re,Math.precision(100*(e.val("a")||0)/255,4))}function A(e,t){var n=e.val("hex"),r=e.val("va");se.css({backgroundColor:n&&"#"+n||"transparent"}),_.call(l,le,Math.precision(100*(255-(r&&r.a||0))/255,4)),c.window.bindToInput&&c.window.updateInputColor&&c.window.input.css({backgroundColor:n&&"#"+n||"transparent",color:null==r||r.v>75?"#000000":"#ffffff"})}function E(t){j=parseInt(U.css("left")),R=parseInt(U.css("top")),B=t.pageX,D=t.pageY,e(document).bind("mousemove",G).bind("mouseup",P),t.preventDefault()}function G(t){return U.css({left:j-(B-t.pageX)+"px",top:R-(D-t.pageY)+"px"}),c.window.expandable&&!e.support.boxModel&&U.prev().css({left:U.css("left"),top:U.css("top")}),t.stopPropagation(),t.preventDefault(),!1}function P(t){return e(document).unbind("mousemove",G).unbind("mouseup",P),t.stopPropagation(),t.preventDefault(),!1}function N(t){return t.preventDefault(),t.stopPropagation(),V.active.val("ahex",e(this).attr("title")||null,t.target),!1}function I(){function t(){if(c.window.expandable&&!e.support.boxModel){var t=U.find("table:first");U.before("<iframe/>"),U.prev().css({width:t.width(),height:U.height(),opacity:0,position:"absolute",left:U.css("left"),top:U.css("top")})}}switch(V.current.val("ahex",V.active.val("ahex")),c.window.expandable&&(e(document.body).children("div.jPicker.Container").css({zIndex:10}),U.css({zIndex:20})),c.window.effects.type){case"fade":U.fadeIn(c.window.effects.speed.show,t);break;case"slide":U.slideDown(c.window.effects.speed.show,t);break;case"show":default:U.show(c.window.effects.speed.show,t)}}function T(){function t(){c.window.expandable&&U.css({zIndex:10}),c.window.expandable&&!e.support.boxModel&&U.prev().remove()}switch(c.window.effects.type){case"fade":U.fadeOut(c.window.effects.speed.hide,t);break;case"slide":U.slideUp(c.window.effects.speed.hide,t);break;case"show":default:U.hide(c.window.effects.speed.hide,t)}}function L(){var r=c.window,i=r.expandable?e(l).next().find(".Container:first"):null;(U=r.expandable?e("<div/>"):e(l)).addClass("jPicker Container"),r.expandable&&U.hide(),U.get(0).onselectstart=function(e){if("input"!==e.target.nodeName.toLowerCase())return!1};var o=V.active.val("all");r.alphaPrecision<0?r.alphaPrecision=0:r.alphaPrecision>2&&(r.alphaPrecision=2);var s='<table class="jPicker" cellpadding="0" cellspacing="0"><tbody>'+(r.expandable?'<tr><td class="Move" colspan="5">&nbsp;</td></tr>':"")+'<tr><td rowspan="9"><h2 class="Title">'+(r.title||O.text.title)+'</h2><div class="Map"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><img src="'+M.clientPath+M.colorMap.arrow.file+'" class="Arrow"/></div></td><td rowspan="9"><div class="Bar"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><span class="Map4">&nbsp;</span><span class="Map5">&nbsp;</span><span class="Map6">&nbsp;</span><img src="'+M.clientPath+M.colorBar.arrow.file+'" class="Arrow"/></div></td><td colspan="2" class="Preview">'+O.text.newColor+'<div><span class="Active" title="'+O.tooltips.colors.newColor+'">&nbsp;</span><span class="Current" title="'+O.tooltips.colors.currentColor+'">&nbsp;</span></div>'+O.text.currentColor+'</td><td rowspan="9" class="Button"><input type="button" class="Ok" value="'+O.text.ok+'" title="'+O.tooltips.buttons.ok+'"/><input type="button" class="Cancel" value="'+O.text.cancel+'" title="'+O.tooltips.buttons.cancel+'"/><hr/><div class="Grid">&nbsp;</div></td></tr><tr class="Hue"><td class="Radio"><label title="'+O.tooltips.hue.radio+'"><input type="radio" value="h"'+("h"===c.color.mode?' checked="checked"':"")+'/>H:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(null!=o?o.h:"")+'" title="'+O.tooltips.hue.textbox+'"/>&nbsp;&deg;</td></tr><tr class="Saturation"><td class="Radio"><label title="'+O.tooltips.saturation.radio+'"><input type="radio" value="s"'+("s"===c.color.mode?' checked="checked"':"")+'/>S:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(null!=o?o.s:"")+'" title="'+O.tooltips.saturation.textbox+'"/>&nbsp;%</td></tr><tr class="Value"><td class="Radio"><label title="'+O.tooltips.value.radio+'"><input type="radio" value="v"'+("v"===c.color.mode?' checked="checked"':"")+'/>V:</label><br/><br/></td><td class="Text"><input type="text" maxlength="3" value="'+(null!=o?o.v:"")+'" title="'+O.tooltips.value.textbox+'"/>&nbsp;%<br/><br/></td></tr><tr class="Red"><td class="Radio"><label title="'+O.tooltips.red.radio+'"><input type="radio" value="r"'+("r"===c.color.mode?' checked="checked"':"")+'/>R:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(null!=o?o.r:"")+'" title="'+O.tooltips.red.textbox+'"/></td></tr><tr class="Green"><td class="Radio"><label title="'+O.tooltips.green.radio+'"><input type="radio" value="g"'+("g"===c.color.mode?' checked="checked"':"")+'/>G:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(null!=o?o.g:"")+'" title="'+O.tooltips.green.textbox+'"/></td></tr><tr class="Blue"><td class="Radio"><label title="'+O.tooltips.blue.radio+'"><input type="radio" value="b"'+("b"===c.color.mode?' checked="checked"':"")+'/>B:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(null!=o?o.b:"")+'" title="'+O.tooltips.blue.textbox+'"/></td></tr><tr class="Alpha"><td class="Radio">'+(r.alphaSupport?'<label title="'+O.tooltips.alpha.radio+'"><input type="radio" value="a"'+("a"===c.color.mode?' checked="checked"':"")+"/>A:</label>":"&nbsp;")+'</td><td class="Text">'+(r.alphaSupport?'<input type="text" maxlength="'+(3+r.alphaPrecision)+'" value="'+(null!=o?Math.precision(100*o.a/255,r.alphaPrecision):"")+'" title="'+O.tooltips.alpha.textbox+'"/>&nbsp;%':"&nbsp;")+'</td></tr><tr class="Hex"><td colspan="2" class="Text"><label title="'+O.tooltips.hex.textbox+'">#:<input type="text" maxlength="6" class="Hex" value="'+(null!=o?o.hex:"")+'"/></label>'+(r.alphaSupport?'<input type="text" maxlength="2" class="AHex" value="'+(null!=o?o.ahex.substring(6):"")+'" title="'+O.tooltips.hex.alpha+'"/></td>':"&nbsp;")+"</tr></tbody></table>";r.expandable?(U.html(s),e(document.body).children("div.jPicker.Container").length?e(document.body).children("div.jPicker.Container:last").after(U):e(document.body).prepend(U),U.mousedown(function(){e(document.body).children("div.jPicker.Container").css({zIndex:10}),U.css({zIndex:20})}),U.css({left:"left"===r.position.x?i.offset().left-530-("center"===r.position.y?25:0)+"px":"center"===r.position.x?i.offset().left-260+"px":"right"===r.position.x?i.offset().left-10+("center"===r.position.y?25:0)+"px":"screenCenter"===r.position.x?(e(document).width()>>1)-260+"px":i.offset().left+parseInt(r.position.x)+"px",position:"absolute",top:"top"===r.position.y?i.offset().top-312+"px":"center"===r.position.y?i.offset().top-156+"px":"bottom"===r.position.y?i.offset().top+25+"px":i.offset().top+parseInt(r.position.y)+"px"})):(U=e(l)).html(s);var u=U.find("tbody:first");F=u.find("div.Map:first"),H=u.find("div.Bar:first");var g=F.find("span"),m=H.find("span");z=g.filter(".Map1:first"),q=g.filter(".Map2:first"),Y=g.filter(".Map3:first"),W=m.filter(".Map1:first"),X=m.filter(".Map2:first"),Q=m.filter(".Map3:first"),K=m.filter(".Map4:first"),Z=m.filter(".Map5:first"),$=m.filter(".Map6:first"),(J=new n(F,{map:{width:M.colorMap.width,height:M.colorMap.height},arrow:{image:M.clientPath+M.colorMap.arrow.file,width:M.colorMap.arrow.width,height:M.colorMap.arrow.height}})).bind(p),(ee=new n(H,{map:{width:M.colorBar.width,height:M.colorBar.height},arrow:{image:M.clientPath+M.colorBar.arrow.file,width:M.colorBar.arrow.width,height:M.colorBar.arrow.height}})).bind(f),te=new function(t,n,r,a){var i=this,o=t.find("td.Text input");function s(e){if(""!==e.target.value||e.target===b.get(0)||(null==r||e.target===r.get(0))&&null!=r){if(!u(e))return e;switch(e.target){case p.get(0):switch(e.keyCode){case 38:return p.val(d.call(i,1+(p.val()<<0),0,255)),n.val("r",p.val(),e.target),!1;case 40:return p.val(d.call(i,(p.val()<<0)-1,0,255)),n.val("r",p.val(),e.target),!1}break;case f.get(0):switch(e.keyCode){case 38:return f.val(d.call(i,1+(f.val()<<0),0,255)),n.val("g",f.val(),e.target),!1;case 40:return f.val(d.call(i,(f.val()<<0)-1,0,255)),n.val("g",f.val(),e.target),!1}break;case g.get(0):switch(e.keyCode){case 38:return g.val(d.call(i,1+(g.val()<<0),0,255)),n.val("b",g.val(),e.target),!1;case 40:return g.val(d.call(i,(g.val()<<0)-1,0,255)),n.val("b",g.val(),e.target),!1}break;case v&&v.get(0):switch(e.keyCode){case 38:return v.val(d.call(i,parseFloat(v.val())+1,0,100)),n.val("a",Math.precision(255*v.val()/100,a),e.target),!1;case 40:return v.val(d.call(i,parseFloat(v.val())-1,0,100)),n.val("a",Math.precision(255*v.val()/100,a),e.target),!1}break;case m.get(0):switch(e.keyCode){case 38:return m.val(d.call(i,1+(m.val()<<0),0,360)),n.val("h",m.val(),e.target),!1;case 40:return m.val(d.call(i,(m.val()<<0)-1,0,360)),n.val("h",m.val(),e.target),!1}break;case _.get(0):switch(e.keyCode){case 38:return _.val(d.call(i,1+(_.val()<<0),0,100)),n.val("s",_.val(),e.target),!1;case 40:return _.val(d.call(i,(_.val()<<0)-1,0,100)),n.val("s",_.val(),e.target),!1}break;case y.get(0):switch(e.keyCode){case 38:return y.val(d.call(i,1+(y.val()<<0),0,100)),n.val("v",y.val(),e.target),!1;case 40:return y.val(d.call(i,(y.val()<<0)-1,0,100)),n.val("v",y.val(),e.target),!1}}}}function l(e){if(""!==e.target.value||e.target===b.get(0)||(null==r||e.target===r.get(0))&&null!=r){if(!u(e))return e;switch(e.target){case p.get(0):p.val(d.call(i,p.val(),0,255)),n.val("r",p.val(),e.target);break;case f.get(0):f.val(d.call(i,f.val(),0,255)),n.val("g",f.val(),e.target);break;case g.get(0):g.val(d.call(i,g.val(),0,255)),n.val("b",g.val(),e.target);break;case v&&v.get(0):v.val(d.call(i,v.val(),0,100)),n.val("a",Math.precision(255*v.val()/100,a),e.target);break;case m.get(0):m.val(d.call(i,m.val(),0,360)),n.val("h",m.val(),e.target);break;case _.get(0):_.val(d.call(i,_.val(),0,100)),n.val("s",_.val(),e.target);break;case y.get(0):y.val(d.call(i,y.val(),0,100)),n.val("v",y.val(),e.target);break;case b.get(0):b.val(b.val().replace(/[^a-fA-F0-9]/g,"").toLowerCase().substring(0,6)),r&&r.val(b.val()),n.val("hex",""!==b.val()?b.val():null,e.target);break;case r&&r.get(0):r.val(r.val().replace(/[^a-fA-F0-9]/g,"").toLowerCase().substring(0,6)),b.val(r.val()),n.val("hex",""!==r.val()?r.val():null,e.target);break;case x&&x.get(0):x.val(x.val().replace(/[^a-fA-F0-9]/g,"").toLowerCase().substring(0,2)),n.val("a",null!=x.val()?parseInt(x.val(),16):null,e.target)}}}function c(e){if(null!=n.val())switch(e.target){case p.get(0):p.val(n.val("r"));break;case f.get(0):f.val(n.val("g"));break;case g.get(0):g.val(n.val("b"));break;case v&&v.get(0):v.val(Math.precision(100*n.val("a")/255,a));break;case m.get(0):m.val(n.val("h"));break;case _.get(0):_.val(n.val("s"));break;case y.get(0):y.val(n.val("v"));break;case b.get(0):case r&&r.get(0):b.val(n.val("hex")),r&&r.val(n.val("hex"));break;case x&&x.get(0):x.val(n.val("ahex").substring(6))}}function u(e){switch(e.keyCode){case 9:case 16:case 29:case 37:case 39:return!1;case"c".charCodeAt():case"v".charCodeAt():if(e.ctrlKey)return!1}return!0}function d(e,t,n){return""===e||isNaN(e)?t:e>n?n:e<t?t:e}function h(e,t){var n=e.val("all");t!==p.get(0)&&p.val(null!=n?n.r:""),t!==f.get(0)&&f.val(null!=n?n.g:""),t!==g.get(0)&&g.val(null!=n?n.b:""),v&&t!==v.get(0)&&v.val(null!=n?Math.precision(100*n.a/255,a):""),t!==m.get(0)&&m.val(null!=n?n.h:""),t!==_.get(0)&&_.val(null!=n?n.s:""),t!==y.get(0)&&y.val(null!=n?n.v:""),t!==b.get(0)&&(r&&t!==r.get(0)||!r)&&b.val(null!=n?n.hex:""),r&&t!==r.get(0)&&t!==b.get(0)&&r.val(null!=n?n.hex:""),x&&t!==x.get(0)&&x.val(null!=n?n.ahex.substring(6):"")}var p=o.eq(3),f=o.eq(4),g=o.eq(5),v=o.length>7?o.eq(6):null,m=o.eq(0),_=o.eq(1),y=o.eq(2),b=o.eq(o.length>7?7:6),x=o.length>7?o.eq(8):null;e.extend(!0,i,{destroy:function(){p.add(f).add(g).add(v).add(m).add(_).add(y).add(b).add(r).add(x).unbind("keyup",l).unbind("blur",c),p.add(f).add(g).add(v).add(m).add(_).add(y).unbind("keydown",s),n.unbind(h),p=null,f=null,g=null,v=null,m=null,_=null,y=null,b=null,x=null}}),p.add(f).add(g).add(v).add(m).add(_).add(y).add(b).add(r).add(x).bind("keyup",l).bind("blur",c),p.add(f).add(g).add(v).add(m).add(_).add(y).bind("keydown",s),n.bind(h)}(u,V.active,r.expandable&&r.bindToInput?r.input:null,r.alphaPrecision);var y=null!=o?o.hex:null,G=u.find(".Preview"),P=u.find(".Button");if(ne=G.find(".Active:first").css({backgroundColor:y&&"#"+y||"transparent"}),re=G.find(".Current:first").css({backgroundColor:y&&"#"+y||"transparent"}).bind("click",x),_.call(l,re,Math.precision(100*V.current.val("a"))/255,4),ae=P.find(".Ok:first").bind("click",S),ie=P.find(".Cancel:first").bind("click",w),oe=P.find(".Grid:first"),setTimeout(function(){v.call(l,z,M.clientPath+"Maps.png"),v.call(l,q,M.clientPath+"Maps.png"),v.call(l,Y,M.clientPath+"map-opacity.png"),v.call(l,W,M.clientPath+"Bars.png"),v.call(l,X,M.clientPath+"Bars.png"),v.call(l,Q,M.clientPath+"Bars.png"),v.call(l,K,M.clientPath+"Bars.png"),v.call(l,Z,M.clientPath+"bar-opacity.png"),v.call(l,$,M.clientPath+"AlphaBar.png"),v.call(l,G.find("div:first"),M.clientPath+"preview-opacity.png")},0),u.find("td.Radio input").bind("click",b),V.quickList&&V.quickList.length>0){for(var T="",L=0;L<V.quickList.length;L++){"string"===t(V.quickList[L]).toString().toLowerCase()&&(V.quickList[L]=new a({hex:V.quickList[L]}));var j=V.quickList[L].val("a"),R=V.quickList[L].val("ahex");!r.alphaSupport&&R&&(R=R.substring(0,6)+"ff");var B=V.quickList[L].val("hex");R||(R="00000000"),T+='<span class="QuickColor"'+(R&&' title="#'+R+'"'||"none")+' style="background-color:'+(B&&"#"+B||"")+";"+(B?"":"background-image:url("+M.clientPath+"NoColor.png)")+(r.alphaSupport&&j&&j<255?";opacity:"+Math.precision(j/255,4)+";filter:Alpha(opacity="+Math.precision(j/2.55,4)+")":"")+'">&nbsp;</span>'}v.call(l,oe,M.clientPath+"bar-opacity.png"),oe.html(T),oe.find(".QuickColor").click(N)}d.call(l,c.color.mode),V.active.bind(h),"function"==typeof he&&V.active.bind(he),V.current.bind(C),r.expandable?(l.icon=i.parents(".Icon:first"),se=l.icon.find(".Color:first").css({backgroundColor:y&&"#"+y||"transparent"}),le=l.icon.find(".Alpha:first"),v.call(l,le,M.clientPath+"bar-opacity.png"),_.call(l,le,Math.precision(100*(255-(null!=o?o.a:0))/255,4)),ce=l.icon.find(".Image:first").css({backgroundImage:"url('"+M.clientPath+M.picker.file+"')"}).bind("click",k),r.bindToInput&&r.updateInputColor&&r.input.css({backgroundColor:y&&"#"+y||"transparent",color:null==o||o.v>75?"#000000":"#ffffff"}),ue=u.find(".Move:first").bind("mousedown",E),V.active.bind(A)):I.call(l)}var M=c.images,O=c.localization,V={active:"string"===t(c.color.active).toString().toLowerCase()?new a({ahex:!c.window.alphaSupport&&c.color.active?c.color.active.substring(0,6)+"ff":c.color.active}):new a({ahex:!c.window.alphaSupport&&c.color.active.val("ahex")?c.color.active.val("ahex").substring(0,6)+"ff":c.color.active.val("ahex")}),current:"string"===t(c.color.active).toString().toLowerCase()?new a({ahex:!c.window.alphaSupport&&c.color.active?c.color.active.substring(0,6)+"ff":c.color.active}):new a({ahex:!c.window.alphaSupport&&c.color.active.val("ahex")?c.color.active.val("ahex").substring(0,6)+"ff":c.color.active.val("ahex")}),quickList:c.color.quickList},j=null,R=null,B=null,D=null,U=null,F=null,H=null,z=null,q=null,Y=null,W=null,X=null,Q=null,K=null,Z=null,$=null,J=null,ee=null,te=null,ne=null,re=null,ae=null,ie=null,oe=null,se=null,le=null,ce=null,ue=null,de="function"==typeof s[1]?s[1]:null,he="function"==typeof s[2]?s[2]:null,pe="function"==typeof s[3]?s[3]:null;e.extend(!0,l,{commitCallback:de,liveCallback:he,cancelCallback:pe,color:V,show:I,hide:T,destroy:function(){U.find("td.Radio input").unbind("click",b),re.unbind("click",x),ie.unbind("click",w),ae.unbind("click",S),c.window.expandable&&(ce.unbind("click",k),ue.unbind("mousedown",E),l.icon=null),U.find(".QuickColor").unbind("click",N),F=null,H=null,z=null,q=null,Y=null,W=null,X=null,Q=null,K=null,Z=null,$=null,J.destroy(),J=null,ee.destroy(),ee=null,te.destroy(),te=null,ne=null,re=null,ae=null,ie=null,oe=null,de=null,pe=null,he=null,U.html("");for(var e=0;e<i.length;e++)i[e]===l&&i.splice(e,1)}}),i.push(l),setTimeout(function(){L.call(l)},0)})},e.fn.jPicker.defaults={window:{title:null,effects:{type:"slide",speed:{show:"slow",hide:"fast"}},position:{x:"screenCenter",y:"top"},expandable:!1,liveUpdate:!0,alphaSupport:!1,alphaPrecision:0,updateInputColor:!0},color:{mode:"h",active:new a({ahex:"#ffcc00ff"}),quickList:[new a({h:360,s:33,v:100}),new a({h:360,s:66,v:100}),new a({h:360,s:100,v:100}),new a({h:360,s:100,v:75}),new a({h:360,s:100,v:50}),new a({h:180,s:0,v:100}),new a({h:30,s:33,v:100}),new a({h:30,s:66,v:100}),new a({h:30,s:100,v:100}),new a({h:30,s:100,v:75}),new a({h:30,s:100,v:50}),new a({h:180,s:0,v:90}),new a({h:60,s:33,v:100}),new a({h:60,s:66,v:100}),new a({h:60,s:100,v:100}),new a({h:60,s:100,v:75}),new a({h:60,s:100,v:50}),new a({h:180,s:0,v:80}),new a({h:90,s:33,v:100}),new a({h:90,s:66,v:100}),new a({h:90,s:100,v:100}),new a({h:90,s:100,v:75}),new a({h:90,s:100,v:50}),new a({h:180,s:0,v:70}),new a({h:120,s:33,v:100}),new a({h:120,s:66,v:100}),new a({h:120,s:100,v:100}),new a({h:120,s:100,v:75}),new a({h:120,s:100,v:50}),new a({h:180,s:0,v:60}),new a({h:150,s:33,v:100}),new a({h:150,s:66,v:100}),new a({h:150,s:100,v:100}),new a({h:150,s:100,v:75}),new a({h:150,s:100,v:50}),new a({h:180,s:0,v:50}),new a({h:180,s:33,v:100}),new a({h:180,s:66,v:100}),new a({h:180,s:100,v:100}),new a({h:180,s:100,v:75}),new a({h:180,s:100,v:50}),new a({h:180,s:0,v:40}),new a({h:210,s:33,v:100}),new a({h:210,s:66,v:100}),new a({h:210,s:100,v:100}),new a({h:210,s:100,v:75}),new a({h:210,s:100,v:50}),new a({h:180,s:0,v:30}),new a({h:240,s:33,v:100}),new a({h:240,s:66,v:100}),new a({h:240,s:100,v:100}),new a({h:240,s:100,v:75}),new a({h:240,s:100,v:50}),new a({h:180,s:0,v:20}),new a({h:270,s:33,v:100}),new a({h:270,s:66,v:100}),new a({h:270,s:100,v:100}),new a({h:270,s:100,v:75}),new a({h:270,s:100,v:50}),new a({h:180,s:0,v:10}),new a({h:300,s:33,v:100}),new a({h:300,s:66,v:100}),new a({h:300,s:100,v:100}),new a({h:300,s:100,v:75}),new a({h:300,s:100,v:50}),new a({h:180,s:0,v:0}),new a({h:330,s:33,v:100}),new a({h:330,s:66,v:100}),new a({h:330,s:100,v:100}),new a({h:330,s:100,v:75}),new a({h:330,s:100,v:50}),new a]},images:{clientPath:"/jPicker/images/",colorMap:{width:256,height:256,arrow:{file:"mappoint.gif",width:15,height:15}},colorBar:{width:20,height:256,arrow:{file:"rangearrows.gif",width:20,height:7}},picker:{file:"picker.gif",width:25,height:24}},localization:{text:{title:"Drag Markers To Pick A Color",newColor:"new",currentColor:"current",ok:"OK",cancel:"Cancel"},tooltips:{colors:{newColor:"New Color - Press &ldquo;OK&rdquo; To Commit",currentColor:"Click To Revert To Original Color"},buttons:{ok:"Commit To This Color Selection",cancel:"Cancel And Revert To Original Color"},hue:{radio:"Set To &ldquo;Hue&rdquo; Color Mode",textbox:"Enter A &ldquo;Hue&rdquo; Value (0-360&deg;)"},saturation:{radio:"Set To &ldquo;Saturation&rdquo; Color Mode",textbox:"Enter A &ldquo;Saturation&rdquo; Value (0-100%)"},value:{radio:"Set To &ldquo;Value&rdquo; Color Mode",textbox:"Enter A &ldquo;Value&rdquo; Value (0-100%)"},red:{radio:"Set To &ldquo;Red&rdquo; Color Mode",textbox:"Enter A &ldquo;Red&rdquo; Value (0-255)"},green:{radio:"Set To &ldquo;Green&rdquo; Color Mode",textbox:"Enter A &ldquo;Green&rdquo; Value (0-255)"},blue:{radio:"Set To &ldquo;Blue&rdquo; Color Mode",textbox:"Enter A &ldquo;Blue&rdquo; Value (0-255)"},alpha:{radio:"Set To &ldquo;Alpha&rdquo; Color Mode",textbox:"Enter A &ldquo;Alpha&rdquo; Value (0-100)"},hex:{textbox:"Enter A &ldquo;Hex&rdquo; Color Value (#000000-#ffffff)",alpha:"Enter A &ldquo;Alpha&rdquo; Value (#00-#ff)"}}}},e}].reduce(function(e,t){return t(e)},jQuery);dr.loadingStylesheets.includes("svg-editor.css")||dr.loadingStylesheets.push("svg-editor.css");dr.loadingStylesheets.some(function(e){return!Array.isArray(e)||"images/logo.png"!==e[0]})&&dr.loadingStylesheets.push(["images/logo.png",{favicon:!0}]),ur.tool_scale=1,ur.exportWindowCt=0,ur.langChanged=!1,ur.showSaveWarning=!1,ur.storagePromptClosed=!1;var hr=[],pr={lang:"",iconsize:"",bkgd_color:"#FFF",bkgd_url:"",img_save:"embed",save_notice_done:!1,export_notice_done:!1},fr=["ext-connector.js","ext-eyedropper.js","ext-grid.js","ext-imagelib.js","ext-markers.js","ext-overview_window.js","ext-panning.js","ext-polygon.js","ext-shapes.js","ext-star.js","ext-storage.js"],gr={canvasName:"default",canvas_expansion:3,initFill:{color:"FF0000",opacity:1},initStroke:{width:5,color:"000000",opacity:1},text:{stroke_width:0,font_size:24,font_family:"serif"},initOpacity:1,colorPickerCSS:null,initTool:"select",exportWindowType:"new",wireframe:!1,showlayers:!1,no_save_warning:!1,imgPath:"images/",langPath:"locale/",extPath:"extensions/",canvgPath:"canvg/",jspdfPath:"jspdf/",extIconsPath:"extensions/",jGraduatePath:"jgraduate/images/",dimensions:[640,480],gridSnapping:!1,gridColor:"#000",baseUnit:"px",snappingStep:10,showRulers:!0,preventAllURLConfig:!1,preventURLContentLoading:!1,lockExtensions:!1,noDefaultExtensions:!1,showGrid:!1,noStorageOnLoad:!1,forceStorage:!1,emptyStorageOnDecline:!1},vr=ur.uiStrings={},mr=void 0,_r=void 0,yr=!1,br=!1,xr=!1,wr={},Sr={extensions:[],stylesheets:[],allowedOrigins:[]};function kr(e,t){var n=!1!==mr.setSvgString(e);t=t||dr.noop,n?t(!0):dr.alert(vr.notification.errorLoadingSVG,function(){t(!1)})}function Cr(e){var t=e.defaultLang,r=e.defaultName;return function(){var e=n(regeneratorRuntime.mark(function e(){var a,i=(a=n(regeneratorRuntime.mark(function e(t){var n;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=Sr.extPath+"ext-locale/"+l+"/"+t+".js",e.abrupt("return",an(n,{global:"svgEditorExtensionLocale_"+l+"_"+t}));case 2:case"end":return e.stop()}},e,this)})),function(e){return a.apply(this,arguments)}),o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},s=o.name,l=void 0===s?r:s,c=o.lang,u=void 0===c?t:c;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.abrupt("return",i(u));case 4:return e.prev=4,e.t0=e.catch(0),e.abrupt("return",i("en"));case 7:case"end":return e.stop()}},e,this,[[0,4]])}));return function(){return e.apply(this,arguments)}}()}dr.pref=function(e,t){return t?(wr[e]=t,void(ur.curPrefs=wr)):e in wr?wr[e]:pr[e]},ur.putLocale=cr,ur.readLang=lr,ur.setStrings=or,ur.loadContentAndPrefs=function(){if(Sr.forceStorage||!Sr.noStorageOnLoad&&document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/)){if(ur.storage&&(Sr.forceStorage||!Sr.noStorageOnLoad&&document.cookie.match(/(?:^|;\s*)store=prefsAndContent/))){var e="svgedit-"+Sr.canvasName,t=ur.storage.getItem(e);t&&ur.loadFromString(t)}for(var n in pr)if(pr.hasOwnProperty(n)){var r="svg-edit-"+n;if(ur.storage){var a=ur.storage.getItem(r);a&&(pr[n]=String(a))}else if(window.widget)pr[n]=window.widget.preferenceForKey(r);else{var i=document.cookie.match(new RegExp("(?:^|;\\s*)"+(o=encodeURIComponent(r),String(o).replace(new RegExp("[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\-]","g"),"\\$&"))+"=([^;]+)"));pr[n]=i?decodeURIComponent(i[1]):""}}var o}},ur.setConfig=function(e,n){function r(e,n,r){e[n]&&"object"===t(e[n])?dr.extend(!0,e[n],r):e[n]=r}n=n||{},dr.each(e,function(a,i){if(e.hasOwnProperty(a))if(pr.hasOwnProperty(a)){if(!1===n.overwrite&&(Sr.preventAllURLConfig||wr.hasOwnProperty(a)))return;!0===n.allowInitialUserOverride?pr[a]=i:dr.pref(a,i)}else if(["extensions","stylesheets","allowedOrigins"].includes(a)){if(!1===n.overwrite&&(Sr.preventAllURLConfig||["allowedOrigins","stylesheets"].includes(a)||"extensions"===a&&Sr.lockExtensions))return;Sr[a]=Sr[a].concat(i)}else if(gr.hasOwnProperty(a)){if(!1===n.overwrite&&(Sr.preventAllURLConfig||Sr.hasOwnProperty(a)))return;if(Sr.hasOwnProperty(a)){if(!1===n.overwrite)return;r(Sr,a,i)}else!0===n.allowInitialUserOverride?r(gr,a,i):gr[a]&&"object"===t(gr[a])?(Sr[a]={},dr.extend(!0,Sr[a],i)):Sr[a]=i}}),ur.curConfig=Sr},ur.setCustomHandlers=function(e){ur.ready(function(){e.open&&(dr('#tool_open > input[type="file"]').remove(),dr("#tool_open").show(),mr.open=e.open),e.save&&(ur.showSaveWarning=!1,mr.bind("saved",e.save)),e.exportImage&&(br=e.exportImage,mr.bind("exported",br)),e.exportPDF&&(xr=e.exportPDF,mr.bind("exportedPDF",xr))})},ur.randomizeIds=function(e){return mr.randomizeIds(e)},ur.init=function(){!("svgEditor"in window&&window.svgEditor&&!1===window.svgEditor.modules)||Object.assign(gr,{langPath:"../dist/locale/",extPath:"../dist/extensions/",canvgPath:"../dist/",jspdfPath:"../dist/"});try{"localStorage"in window&&(ur.storage=localStorage)}catch(e){}var e=[];function r(){(Sr=dr.extend(!0,{},gr,Sr)).noDefaultExtensions||(Sr.extensions=Sr.extensions.concat(fr)),["extensions","stylesheets","allowedOrigins"].forEach(function(e){Sr[e]=dr.grep(Sr[e],function(t,n){return n===Sr[e].indexOf(t)})}),ur.curConfig=Sr}dr("#lang_select option").each(function(){e.push(this.value)}),function(){var e=void 0,t=void 0;if(_r=dr.deparam.querystring(!0),dr.isEmptyObject(_r))r(),ur.loadContentAndPrefs();else{if(_r.dimensions&&(_r.dimensions=_r.dimensions.split(",")),_r.bkgd_color&&(_r.bkgd_color="#"+_r.bkgd_color),_r.extensions&&(_r.extensions=_r.extensions.match(/[:/\\]/)?"":_r.extensions.split(",")),["extPath","imgPath","extIconsPath","canvgPath","langPath","jGraduatePath","jspdfPath"].forEach(function(e){_r[e]&&delete _r[e]}),ur.setConfig(_r,{overwrite:!1}),r(),!Sr.preventURLContentLoading){if(e=_r.source,t=dr.param.querystring(),e||t.includes("source=data:")&&(e=t.match(/source=(data:[^&]*)/)[1]),e)return void(e.startsWith("data:")?ur.loadFromDataURI(e):ur.loadFromString(e));if(_r.url)return void ur.loadFromURL(_r.url)}_r.noStorageOnLoad&&!Sr.forceStorage||ur.loadContentAndPrefs()}wr=dr.extend(!0,{},pr,wr),ur.curPrefs=wr}();var a,i=ur.setIcon=function(e,t,n){var r="string"==typeof t?dr.getSvgIcon(t,!0):t.clone();r?dr(e).empty().append(r):console.log("NOTE: Icon image missing: "+t)},o=(a=n(regeneratorRuntime.mark(function t(){var r,a,i,o=this;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,ur.putLocale(null,e,Sr);case 2:return r=t.sent,a=r.langParam,i=r.langData,mn(a,i),t.prev=6,t.next=9,Promise.all(Sr.extensions.map(function(){var e=n(regeneratorRuntime.mark(function e(t){var n,r,i,s,l,c,u;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t.match(/^ext-(.+)\.js/)){e.next=3;break}return e.abrupt("return");case 3:return r=Sr.extPath+t,e.prev=4,e.next=7,an(r,{global:"svgEditorExtension_"+n[1].replace(/-/g,"_")});case 7:return i=e.sent,s=i.name,l=void 0===s?n[1]:s,c=i.init,u=Cr({defaultLang:a,defaultName:l}),e.abrupt("return",ur.addExtension(l,c&&c.bind(ur),u));case 13:e.prev=13,e.t0=e.catch(4),console.log(e.t0),console.error("Extension failed to load: "+t+"; "+e.t0);case 17:case"end":return e.stop()}},e,o,[[4,13]])}));return function(t){return e.apply(this,arguments)}}()));case 9:mr.bind("extensions_added",function(e,t){Ar=!0,dn.setAll(),dr(".flyout_arrow_horiz:empty").each(function(){dr(this).append(dr.getSvgIcon("arrow_right",!0).width(5).height(5))}),Er.forEach(function(e){mr.call("message",e)})}),mr.call("extensions_added"),t.next=16;break;case 13:t.prev=13,t.t0=t.catch(6),console.log(t.t0);case 16:case"end":return t.stop()}},t,this,[[6,13]])})),function(){return a.apply(this,arguments)}),s={tool_scale:ur.tool_scale},d=function(){dr(".tools_flyout").each(function(){var e=dr("#"+this.id+"_show"),t=e.offset(),n=t.left,r=t.top,a=e.outerWidth();dr(this).css({left:(n+a)*ur.tool_scale,top:r})})},h=function(){var e=/^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/,t=document.getElementsByTagName("script")[0];for(var n in t.style)if(e.test(n))return n.match(e)[0];return"WebkitOpacity"in t.style?"Webkit":"KhtmlOpacity"in t.style?"Khtml":""}(),p=ur.setIconSize=function(e){var t="#tools_top .toolset, #editor_panel > *, #history_panel > *,        #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,        #g_panel > *, #tool_font_size > *, .tools_flyout",n=dr(t),r=1;if("number"==typeof e)r=e;else{r={s:.75,m:1,l:1.25,xl:1.5}[e]}s.tool_scale=ur.tool_scale=r,d();var a=n.parents(":hidden");a.css("visibility","hidden").show(),function(e,t){var n=["top","left","bottom","right"];e.each(function(){for(var e=dr(this),r=e.outerWidth()*(t-1),a=e.outerHeight()*(t-1),i=0;i<4;i++){var o=n[i],s=e.data("orig_margin-"+o);null==s&&(s=parseInt(e.css("margin-"+o),10),e.data("orig_margin-"+o,s));var l=s*t;"right"===o?l+=r:"bottom"===o&&(l+=a),e.css("margin-"+o,l)}})}(n,r),a.css("visibility","visible").hide(),dr.pref("iconsize",e),dr("#iconsize").val(e);var i={"#tools_top":{left:50+dr("#main_button").width(),height:72},"#tools_left":{width:31,top:74},"div#workarea":{left:38,top:74}},o=dr("#tool_size_rules");if(o.length?o.empty():o=dr('<style id="tool_size_rules"></style>').appendTo("head"),"m"!==e){var l="";dr.each(i,function(t,n){t="#svg_editor "+t.replace(/,/g,", #svg_editor"),l+=t+"{",dr.each(n,function(t,n){var a=void 0;"number"==typeof n?a=n*r+"px":(n[e]||n.all)&&(a=n[e]||n.all),l+=t+":"+a+";"}),l+="}"});var c="-"+h.toLowerCase()+"-";l+=t+"{"+c+"transform: scale("+r+");} #svg_editor div.toolset .toolset {"+c+"transform: scale(1); margin: 1px !important;} #svg_editor .ui-slider {"+c+"transform: scale("+1/r+");}",o.text(l)}d()};dr.svgIcons(Sr.imgPath+"svg_edit_icons.svg",{w:24,h:24,id_match:!1,no_img:!L(),fallback_path:Sr.imgPath,fallback:{logo:"logo.png",select:"select.png",select_node:"select_node.png",square:"square.png",rect:"rect.png",fh_rect:"freehand-square.png",circle:"circle.png",ellipse:"ellipse.png",fh_ellipse:"freehand-circle.png",pencil:"fhpath.png",pen:"line.png",text:"text.png",path:"path.png",add_subpath:"add_subpath.png",close_path:"closepath.png",open_path:"openpath.png",image:"image.png",zoom:"zoom.png",arrow_right:"flyouth.png",arrow_right_big:"arrow_right_big.png",arrow_down:"dropdown.gif",fill:"fill.png",stroke:"stroke.png",opacity:"opacity.png",new_image:"clear.png",save:"save.png",export:"export.png",open:"open.png",import:"import.png",docprops:"document-properties.png",source:"source.png",wireframe:"wireframe.png",undo:"undo.png",redo:"redo.png",clone:"clone.png",delete:"delete.png",go_up:"go-up.png",go_down:"go-down.png",context_menu:"context_menu.png",move_bottom:"move_bottom.png",move_top:"move_top.png",to_path:"to_path.png",link_controls:"link_controls.png",reorient:"reorient.png",group_elements:"shape_group_elements.png",ungroup:"shape_ungroup.png",unlink_use:"unlink_use.png",width:"width.png",height:"height.png",c_radius:"c_radius.png",angle:"angle.png",blur:"blur.png",fontsize:"fontsize.png",align:"align.png",align_left:"align-left.png",align_center:"align-center.png",align_right:"align-right.png",align_top:"align-top.png",align_middle:"align-middle.png",align_bottom:"align-bottom.png",linecap_butt:"linecap_butt.png",linecap_square:"linecap_square.png",linecap_round:"linecap_round.png",linejoin_miter:"linejoin_miter.png",linejoin_bevel:"linejoin_bevel.png",linejoin_round:"linejoin_round.png",eye:"eye.png",no_color:"no_color.png",ok:"save.png",cancel:"cancel.png",warning:"warning.png",node_delete:"node_delete.png",node_clone:"node_clone.png",globe_link:"globe_link.png"},placement:{"#logo":"logo","#tool_clear div,#layer_new":"new_image","#tool_save div":"save","#tool_export div":"export","#tool_open div div":"open","#tool_import div div":"import","#tool_source":"source","#tool_docprops > div":"docprops","#tool_wireframe":"wireframe","#tool_undo":"undo","#tool_redo":"redo","#tool_select":"select","#tool_fhpath":"pencil","#tool_line":"pen","#tool_rect,#tools_rect_show":"rect","#tool_square":"square","#tool_fhrect":"fh_rect","#tool_ellipse,#tools_ellipse_show":"ellipse","#tool_circle":"circle","#tool_fhellipse":"fh_ellipse","#tool_path":"path","#tool_text,#layer_rename":"text","#tool_image":"image","#tool_zoom":"zoom","#tool_clone,#tool_clone_multi":"clone","#tool_node_clone":"node_clone","#layer_delete,#tool_delete,#tool_delete_multi":"delete","#tool_node_delete":"node_delete","#tool_add_subpath":"add_subpath","#tool_openclose_path":"open_path","#tool_move_top":"move_top","#tool_move_bottom":"move_bottom","#tool_topath":"to_path","#tool_node_link":"link_controls","#tool_reorient":"reorient","#tool_group_elements":"group_elements","#tool_ungroup":"ungroup","#tool_unlink_use":"unlink_use","#tool_alignleft, #tool_posleft":"align_left","#tool_aligncenter, #tool_poscenter":"align_center","#tool_alignright, #tool_posright":"align_right","#tool_aligntop, #tool_postop":"align_top","#tool_alignmiddle, #tool_posmiddle":"align_middle","#tool_alignbottom, #tool_posbottom":"align_bottom","#cur_position":"align","#linecap_butt,#cur_linecap":"linecap_butt","#linecap_round":"linecap_round","#linecap_square":"linecap_square","#linejoin_miter,#cur_linejoin":"linejoin_miter","#linejoin_round":"linejoin_round","#linejoin_bevel":"linejoin_bevel","#url_notice":"warning","#layer_up":"go_up","#layer_down":"go_down","#layer_moreopts":"context_menu","#layerlist td.layervis":"eye","#tool_source_save,#tool_docprops_save,#tool_prefs_save":"ok","#tool_source_cancel,#tool_docprops_cancel,#tool_prefs_cancel":"cancel","#rwidthLabel, #iwidthLabel":"width","#rheightLabel, #iheightLabel":"height","#cornerRadiusLabel span":"c_radius","#angleLabel":"angle","#linkLabel,#tool_make_link,#tool_make_link_multi":"globe_link","#zoomLabel":"zoom","#tool_fill label":"fill","#tool_stroke .icon_label":"stroke","#group_opacityLabel":"opacity","#blurLabel":"blur","#font_sizeLabel":"fontsize",".flyout_arrow_horiz":"arrow_right",".dropdown button, #main_button .dropdown":"arrow_down","#palette .palette_item:first, #fill_bg, #stroke_bg":"no_color"},resize:{"#logo .svg_icon":28,".flyout_arrow_horiz .svg_icon":5,".layer_button .svg_icon, #layerlist td.layervis .svg_icon":14,".dropdown button .svg_icon":7,"#main_button .dropdown .svg_icon":9,".palette_item:first .svg_icon":15,"#fill_bg .svg_icon, #stroke_bg .svg_icon":16,".toolbar_button button .svg_icon":16,".stroke_tool div div .svg_icon":20,"#tools_bottom label .svg_icon":18},callback:function(e){dr(".toolbar_button button > svg, .toolbar_button button > img").each(function(){dr(this).parent().prepend(this)});var t=dr("#tools_left"),n=void 0;t.length&&(n=t.offset().top+t.outerHeight());var r=dr.pref("iconsize");function a(e){switch(e){case"jgraduate/css/jPicker.css":return 1;case"jgraduate/css/jGraduate.css":return 2;case"svg-editor.css":return 3;case"spinbtn/jQuery.SpinButton.css":return 4;default:return 1/0}}ur.setIconSize(r||(dr(window).height()<n?"s":"m")),dr(".tools_flyout").each(function(){var e=dr("#"+this.id+"_show"),t=e.attr("data-curopt");if(!e.children("svg, img").length){var n=dr(t).children().clone();n.length&&(n[0].removeAttribute("style"),e.append(n))}});var i=dr.loadingStylesheets.sort(function(e,t){var n=a(e),r=a(t);return n===r?0:n>r});if(Sr.stylesheets.length){var o,s=(i=[].concat(c(new Set(Sr.stylesheets)))).indexOf("@default");if(s>-1)(o=i).splice.apply(o,[s,1].concat(c(dr.loadingStylesheets)))}(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.before,r=t.after,a=t.favicon,i=t.canvas,o=t.image,s=void 0===o||o,c=t.acceptErrors;return e=Array.isArray(e)?e:[e],Promise.all(e.map(function(e){var t={};if(Array.isArray(e)){var o=l(e,2);e=o[0];var u=o[1];t=void 0===u?{}:u}var d=t.favicon,h=void 0===d?a:d,p=t,f=p.before,g=void 0===f?n:f,v=p.after,m=void 0===v?r:v,_=p.canvas,y=void 0===_?i:_,b=p.image,x=void 0===b?s:b;function w(){g?g.before(S):m?m.after(S):document.head.appendChild(S)}var S=document.createElement("link");return new Promise(function(n,r){var a=r;if(c&&(a="function"==typeof c?function(a){c({error:a,stylesheetURL:e,options:t,resolve:n,reject:r})}:n),e.endsWith(".css")?h=!1:e.endsWith(".ico")&&(h=!0),h){if(S.rel="shortcut icon",S.type="image/x-icon",!1===x)return S.href=e,w(),void n(S);var i=document.createElement("canvas");i.width=16,i.height=16;var o=i.getContext("2d"),s=document.createElement("img");return s.addEventListener("error",function(e){r(e)}),s.addEventListener("load",function(){o.drawImage(s,0,0),S.href=y?i.toDataURL("image/x-icon"):e,w(),n(S)}),void(s.src=e)}S.rel="stylesheet",S.type="text/css",S.href=e,w(),S.addEventListener("error",function(e){a(e)}),S.addEventListener("load",function(){n(S)})})}))})(i,{acceptErrors:function(e){var t=e.stylesheetURL,n=e.reject,r=e.resolve;dr.loadingStylesheets.includes(t)?n(new Error("Missing expected stylesheet: "+t)):r()}}).then(function(){dr("#svg_container")[0].style.visibility="visible",ur.runCallbacks()})}}),ur.canvas=mr=new tr(document.getElementById("svgcanvas"),Sr);var f=j()?"meta+":"ctrl+",g=mr.pathActions,v=mr.undoMgr,m=dr("#workarea"),_=dr("#cmenu_canvas"),y={fill:null,stroke:null},b=void 0,x=void 0,w=null,S=Sr.imgPath+"logo.png",k="crosshair",C="crosshair",A="toolbars";!function(){var e=window.opener||window.parent;if(e)try{var t=new e.CustomEvent("svgEditorReady",{bubbles:!0,cancelable:!0});e.document.documentElement.dispatchEvent(t)}catch(e){}}(),function(){dr("#dialog_container").draggable({cancel:"#dialog_content, #dialog_buttons *",containment:"window"}).css("position","absolute");var e=dr("#dialog_box"),n=dr("#dialog_buttons"),r=dr("#dialog_content"),a=function(a,i,o,s,l,c,u){r.html("<p>"+i.replace(/\n/g,"</p><p>")+"</p>").toggleClass("prompt","prompt"===a),n.empty();var d=dr('<input type="button" value="'+vr.common.ok+'">').appendTo(n);"alert"!==a&&dr('<input type="button" value="'+vr.common.cancel+'">').appendTo(n).click(function(){e.hide(),o&&o(!1)});var h=void 0,p=void 0;if("prompt"===a)(h=dr('<input type="text">').prependTo(n)).val(s||""),h.bind("keydown","return",function(){d.click()});else if("select"===a){var f=dr('<div style="text-align:center;">');if(h=dr("<select>").appendTo(f),u){var g=dr("<label>").text(u.label);(p=dr('<input type="checkbox">').appendTo(g)).val(u.value),u.tooltip&&g.attr("title",u.tooltip),p.prop("checked",!!u.checked),f.append(dr("<div>").append(g))}dr.each(l||[],function(e,n){"object"===(void 0===n?"undefined":t(n))?h.append(dr("<option>").val(n.value).html(n.text)):h.append(dr("<option>").html(n))}),r.append(f),s&&h.val(s),c&&h.bind("change","return",c),h.bind("keydown","return",function(){d.click()})}else"process"===a&&d.hide();e.show(),d.click(function(){e.hide();var t="prompt"!==a&&"select"!==a||h.val();o&&(p?o(t,p.prop("checked")):o(t))}).focus(),"prompt"!==a&&"select"!==a||h.focus()};dr.alert=function(e,t){a("alert",e,t)},dr.confirm=function(e,t){a("confirm",e,t)},dr.process_cancel=function(e,t){a("process",e,t)},dr.prompt=function(e,t,n){a("prompt",e,n,t)},dr.select=function(e,t,n,r,i,o){a("select",e,n,i,t,r,o)}}();for(var E=function(){var e=dr(".tool_button_current");e.length&&"tool_select"!==e[0].id&&(e.removeClass("tool_button_current").addClass("tool_button"),dr("#tool_select").addClass("tool_button_current").removeClass("tool_button"),dr("#styleoverrides").text("#svgcanvas svg *{cursor:move;pointer-events:all} #svgcanvas svg{cursor:default}")),mr.setMode("select"),m.css("cursor","auto")},G=dr("title:first").text(),P=[],N=.1;N<1e5;N*=10)P.push(N),P.push(2*N),P.push(5*N);var I=function(e){var t=void 0,n=[],r=mr.getCurrentDrawing().getNumLayers();for(t=0;t<r;t++)n[t]=mr.getCurrentDrawing().getLayerName(t);if(e)for(t=0;t<r;++t)n[t]!==e&&mr.getCurrentDrawing().setLayerOpacity(n[t],.5);else for(t=0;t<r;++t)mr.getCurrentDrawing().setLayerOpacity(n[t],1)},T=function(){mr.clearSelection();for(var e=dr("#layerlist tbody").empty(),t=dr("#selLayerNames").empty(),n=mr.getCurrentDrawing(),r=n.getCurrentLayerName(),a=dr.getSvgIcon("eye"),i=mr.getCurrentDrawing().getNumLayers();i--;){var o=n.getLayerName(i),s=dr('<tr class="layer">').toggleClass("layersel",o===r),l=dr('<td class="layervis">').toggleClass("layerinvis",!n.getLayerVisibility(o)),c=dr('<td class="layername">'+o+"</td>");e.append(s.append(l,c)),t.append('<option value="'+o+'">'+o+"</option>")}if(void 0!==a){var u=a.clone();dr("td.layervis",e).append(u),dr.resizeSvgIcons({"td.layervis .svg_icon":14})}dr("#layerlist td.layername").mouseup(function(e){dr("#layerlist tr.layer").removeClass("layersel"),dr(this.parentNode).addClass("layersel"),mr.setCurrentLayer(this.textContent),e.preventDefault()}).mouseover(function(){I(this.textContent)}).mouseout(function(){I()}),dr("#layerlist td.layervis").click(function(){var e=dr(this.parentNode).prevAll().length,t=dr("#layerlist tr.layer:eq("+e+") td.layername").text(),n=dr(this).hasClass("layerinvis");mr.setLayerVisibility(t,n),dr(this).toggleClass("layerinvis")});for(var d=5-dr("#layerlist tr.layer").size();d-- >0;)e.append('<tr><td style="color:white">_</td><td/></tr>')},V=!1,B="",D=function(e,t){V||(V=!0,B=mr.getSvgString(),dr("#save_output_btns").toggle(!!t),dr("#tool_source_back").toggle(!t),dr("#svg_source_textarea").val(B),dr("#svg_source_editor").fadeIn(),dr("#svg_source_textarea").focus())},U=null,F=!1,H=function(){window.opera&&dr("<p/>").hide().appendTo("body").remove()};function z(e,t){var n=e.id,r=n.split("_"),a=r[0],o=r[1];t&&mr.setStrokeAttr("stroke-"+a,o),H(),i("#cur_"+a,n,20),dr(e).addClass("current").siblings().removeClass("current")}var q=ur.toolButtonClick=function(e,t){if(dr(e).hasClass("disabled"))return!1;if(dr(e).parent().hasClass("tools_flyout"))return!0;return t||dr(".tools_flyout").fadeOut("normal"),dr("#styleoverrides").text(""),m.css("cursor","auto"),dr(".tool_button_current").removeClass("tool_button_current").addClass("tool_button"),dr(e).addClass("tool_button_current").removeClass("tool_button"),!0},Y=ur.clickSelect=function(){q("#tool_select")&&(mr.setMode("select"),dr("#styleoverrides").text("#svgcanvas svg *{cursor:move;pointer-events:all}, #svgcanvas svg{cursor:default}"))},W=ur.setImageURL=function(e){e||(e=S),mr.setImageURL(e),dr("#image_url").val(e),e.startsWith("data:")?(dr("#image_url").hide(),dr("#change_image_url").show()):(mr.embedImage(e,function(t){dr("#url_notice").toggle(!t),S=e}),dr("#image_url").show(),dr("#change_image_url").hide())};function X(e,t){dr.pref("bkgd_color",e),dr.pref("bkgd_url",t),mr.setBackground(e,t)}function Q(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).cancelDeletes,t=void 0!==e&&e,n=mr.getHref(U);n=n.startsWith("data:")?"":n,dr.prompt(vr.notification.enterNewImgURL,n,function(e){e?W(e):t&&mr.deleteSelectedElements()})}function K(e,t){t||(t=mr.getZoom()),e||(e=dr("#svgcanvas"));var n=void 0,r=void 0,a=mr.getContentElem(),i=J()[Sr.baseUnit];for(n=0;n<2;n++){var o=0===n,s=o?"x":"y",l=o?"width":"height",c=Number(a.getAttribute(s)),u=dr("#ruler_"+s+" canvas:first"),d=u.clone();u.replaceWith(d);var h=d[0],p=e[l](),f=p;h.parentNode.style[l]=f+"px";var g=h.getContext("2d"),v=void 0,m=void 0,_=void 0;if(g.fillStyle="rgb(200,0,0)",g.fillRect(0,0,h.width,h.height),d.siblings().remove(),p>=3e4){_=parseInt(p/3e4,10)+1,(v=[])[0]=g;var y=void 0;for(r=1;r<_;r++)h[l]=3e4,y=h.cloneNode(!0),h.parentNode.append(y),v[r]=y.getContext("2d");y[l]=p%3e4,p=3e4}h[l]=p;var b=i*t,x=50/b,w=1;for(r=0;r<P.length&&(w=m=P[r],!(x<=m));r++);var S=w*b;g.font="9px sans-serif";for(var k=c/b%w*b,C=k-S,A=0;k<f;){C+=S;var E=Math.round(k)+.5;o?(g.moveTo(E,15),g.lineTo(E,0)):(g.moveTo(15,E),g.lineTo(0,E)),m=(C-c)/b;var G=void 0;if(w>=1)G=Math.round(m);else{var N=String(w).split(".")[1].length;G=m.toFixed(N)}if(0!==G&&1e3!==G&&G%1e3==0&&(G=G/1e3+"K"),o)g.fillText(G,k+2,8);else{var I=String(G).split("");for(r=0;r<I.length;r++)g.fillText(I[r],1,k+9+9*r)}var T=S/10;for(r=1;r<10;r++){var L=Math.round(k+T*r)+.5;if(v&&L>p){if(A++,g.stroke(),A>=_){r=10,k=f;continue}g=v[A],k-=3e4,L=Math.round(k+T*r)+.5}var M=r%2?12:10;o?(g.moveTo(L,15),g.lineTo(L,M)):(g.moveTo(15,L),g.lineTo(M,L))}k+=S}g.strokeStyle="#000",g.stroke()}}var Z=ur.updateCanvas=function(e,t){var n=mr.getZoom(),r=m,a=dr("#svgcanvas"),i=m.width(),o=m.height(),s=i,l=o,c=r[0].scrollLeft+s/2,u=r[0].scrollTop+l/2,d=Sr.canvas_expansion;i=Math.max(s,mr.contentW*n*d),o=Math.max(l,mr.contentH*n*d),i===s&&o===l?m.css("overflow","hidden"):m.css("overflow","scroll");var h=a.height()/2,p=a.width()/2;a.width(i).height(o);var f=o/2,g=i/2,v=mr.updateCanvas(i,o),_=g/p,y=i/2-s/2,b=o/2-l/2;t?(t.x+=v.x,t.y+=v.y):t={x:g+(c-p)*_,y:f+(u-h)*_};e?mr.contentW>r.width()?(m[0].scrollLeft=v.x-10,m[0].scrollTop=v.y-10):(r[0].scrollLeft=y,r[0].scrollTop=b):(r[0].scrollLeft=t.x-s/2,r[0].scrollTop=t.y-l/2),Sr.showRulers&&(K(a,n),m.scroll()),!0===_r.storagePrompt||ur.storagePromptClosed||dr("#dialog_box").hide()},$=function(){var e=void 0,t=void 0,n="none"===mr.getColor("fill"),r="none"===mr.getColor("stroke"),a=["#tool_fhpath","#tool_line"],i=["#tools_rect .tool_button","#tools_ellipse .tool_button","#tool_text","#tool_path"];if(r)for(e in a)dr(t=a[e]).hasClass("tool_button_current")&&Y(),dr(t).addClass("disabled");else for(e in a)dr(t=a[e]).removeClass("disabled");if(r&&n)for(e in i)dr(t=i[e]).hasClass("tool_button_current")&&Y(),dr(t).addClass("disabled");else for(e in i)dr(t=i[e]).removeClass("disabled");mr.runExtensions("toolButtonStateUpdate",{nofill:n,nostroke:r}),dr(".tools_flyout").each(function(){var e=dr("#"+this.id+"_show"),t=!1;dr(this).children().each(function(){dr(this).hasClass("disabled")||(t=!0)}),e.toggleClass("disabled",!t)}),H()},ee=function(){var e=U;null==e||e.parentNode||(e=null);var t=mr.getCurrentDrawing().getCurrentLayerName(),n=mr.getMode(),r="px"!==Sr.baseUnit?Sr.baseUnit:null,a="pathedit"===n,o=dr("#cmenu_canvas li");if(dr("#selected_panel, #multiselected_panel, #g_panel, #rect_panel, #circle_panel,#ellipse_panel, #line_panel, #text_panel, #image_panel, #container_panel, #use_panel, #a_panel").hide(),null!=e){var s=e.nodeName,l=mr.getRotationAngle(e);dr("#angle").val(l);var c=mr.getBlur(e);if(dr("#blur").val(c),dr("#blur_slider").slider("option","value",c),mr.addedNew&&"image"===s&&"image"===mr.getMode()&&(mr.getHref(e).startsWith("data:")||Q({cancelDeletes:!0})),a||"pathedit"===n){var u=g.getNodePoint();if(dr("#tool_add_subpath").removeClass("push_button_pressed").addClass("tool_button"),dr("#tool_node_delete").toggleClass("disabled",!g.canDeleteNodes),i("#tool_openclose_path",g.closed_subpath?"open_path":"close_path"),u){var d=dr("#seg_type");r&&(u.x=te(u.x),u.y=te(u.y)),dr("#path_node_x").val(u.x),dr("#path_node_y").val(u.y),u.type?d.val(u.type).removeAttr("disabled"):d.val(4).attr("disabled","disabled")}return}if(dr("#selected_panel").show(),["line","circle","ellipse"].includes(s))dr("#xy_panel").hide();else{var h=void 0,p=void 0;if(["g","polyline","path"].includes(s)){var f=mr.getStrokedBBox([e]);f&&(h=f.x,p=f.y)}else h=e.getAttribute("x"),p=e.getAttribute("y");r&&(h=te(h),p=te(p)),dr("#selected_x").val(h||0),dr("#selected_y").val(p||0),dr("#xy_panel").show()}var m=!["image","text","path","g","use"].includes(s);dr("#tool_topath").toggle(m),dr("#tool_reorient").toggle("path"===s),dr("#tool_reorient").toggleClass("disabled",0===l);var y={g:[],a:[],rect:["rx","width","height"],image:["width","height"],circle:["cx","cy","r"],ellipse:["cx","cy","rx","ry"],line:["x1","y1","x2","y2"],text:[],use:[]},b=e.tagName,x=null;if("a"===b&&(x=mr.getHref(e),dr("#g_panel").show()),"a"===e.parentNode.tagName&&(dr(e).siblings().length||(dr("#a_panel").show(),x=mr.getHref(e.parentNode))),dr("#tool_make_link, #tool_make_link").toggle(!x),x&&dr("#link_url").val(x),y[b]){var w=y[b];if(dr("#"+b+"_panel").show(),dr.each(w,function(t,n){var r=e.getAttribute(n);if("px"!==Sr.baseUnit&&e[n]){var a=e[n].baseVal.value;r=te(a)}dr("#"+b+"_"+n).val(r||0)}),"text"===b)dr("#text_panel").css("display","inline"),dr("#tool_font_size").css("display","inline"),mr.getItalic()?dr("#tool_italic").addClass("push_button_pressed").removeClass("tool_button"):dr("#tool_italic").removeClass("push_button_pressed").addClass("tool_button"),mr.getBold()?dr("#tool_bold").addClass("push_button_pressed").removeClass("tool_button"):dr("#tool_bold").removeClass("push_button_pressed").addClass("tool_button"),dr("#font_family").val(e.getAttribute("font-family")),dr("#font_size").val(e.getAttribute("font-size")),dr("#text").val(e.textContent),mr.addedNew&&setTimeout(function(){dr("#text").focus().select()},100);else if("image"===b&&"image"===mr.getMode())W(mr.getHref(e));else if("g"===b||"use"===b){dr("#container_panel").show();var S=mr.getTitle(),k=dr("#g_title")[0];k.value=S,function(e){var t=Math.min(Math.max(12+6*e.value.length,50),300);dr(e).width(t)}(k),dr("#g_title").prop("disabled","use"===b)}}o[("g"===b?"en":"dis")+"ableContextMenuItems"]("#ungroup"),o[("g"!==b&&F?"en":"dis")+"ableContextMenuItems"]("#group")}else F?(dr("#multiselected_panel").show(),o.enableContextMenuItems("#group").disableContextMenuItems("#ungroup")):o.disableContextMenuItems("#delete,#cut,#copy,#group,#ungroup,#move_front,#move_up,#move_down,#move_back");dr("#tool_undo").toggleClass("disabled",0===v.getUndoStackSize()),dr("#tool_redo").toggleClass("disabled",0===v.getRedoStackSize()),mr.addedNew=!1,e&&!a||F?(dr("#selLayerNames").removeAttr("disabled").val(t),_.enableContextMenuItems("#delete,#cut,#copy,#move_front,#move_up,#move_down,#move_back")):dr("#selLayerNames").attr("disabled","disabled")},ne=function(){if(!Wt){var e="#workarea.wireframe #svgcontent * { stroke-width: "+1/mr.getZoom()+"px; }";dr("#wireframe_rules").text(m.hasClass("wireframe")?e:"")}},re="",ie=function(e){e=e||mr.getDocumentTitle();var t=G+(e?": "+e:"");dr("title:first").text(t)};function oe(e){return e&&"g"===e.tagName&&un.CLASS_REGEX.test(e.getAttribute("class"))}var se=function(){ne()},le=mr.zoomChanged=function(e,t,n){var r=m,a=mr.setBBoxZoom(t,r.width()-15,r.height()-15);if(a){var i=a.zoom,o=a.bbox;i<.001?ce({value:.1}):(dr("#zoom").val((100*i).toFixed(1)),n?Z():Z(!1,{x:o.x*i+o.width*i/2,y:o.y*i+o.height*i/2}),"zoom"===mr.getMode()&&o.width&&E(),se())}},ce=function(e){var t=e.value/100;if(t<.001)e.value=.1;else{var n=mr.getZoom(),r=m;le(window,{width:0,height:0,x:(r[0].scrollLeft+r.width()/2)/n,y:(r[0].scrollTop+r.height()/2)/n,zoom:t},!0)}};dr("#cur_context_panel").delegate("a","click",function(){var e=dr(this);return e.attr("data-root")?mr.leaveContext():mr.setContext(e.text()),mr.clearSelection(),!1});var ue=function(){y.fill.prep(),y.stroke.prep()},de={},he=function(){dr(".tools_flyout").each(function(){var e=dr("#"+this.id+"_show");if(!e.data("isLibrary")){var t=dr(this).children().map(function(){return this.title}).get();e[0].title=t.join(" / ")}})},pe={},fe=function(e){dr.each(e,function(t,n){var r;pe[t]||(pe[t]=[]),(r=pe[t]).push.apply(r,c(n));var a=dr(t).children().not(".tool_button_evt_handled"),i=t+"_show",o=dr(i),s=!1;a.addClass("tool_button tool_button_evt_handled").unbind("click mousedown mouseup").each(function(){var t="#"+this.getAttribute("id"),r=Object.entries(n).find(function(e){var n=l(e,2);n[0];return n[1].sel===t}),a=l(r,2),c=a[0],u=a[1];de[u.sel]=u.fn,u.isDefault&&(s=c);var d=function(t){var n=u;if("keydown"===t.type){var r=dr(n.parent+"_show").hasClass("tool_button_current"),a=dr(n.parent+"_show").attr("data-curopt");Object.entries(e[u.parent]).some(function(i){var o=l(i,2),s=o[0],c=o[1];if(c.sel===a)return t.shiftKey&&r?(s=parseInt(s,10),n=pe[u.parent][s+1]||e[u.parent][0]):n=c,!0})}if(dr(this).hasClass("disabled"))return!1;q(i)&&n.fn();var s=void 0;(s=n.icon?dr.getSvgIcon(n.icon,!0):dr(n.sel).children().eq(0).clone())[0].setAttribute("width",o.width()),s[0].setAttribute("height",o.height()),o.children(":not(.flyout_arrow_horiz)").remove(),o.append(s).attr("data-curopt",n.sel)};dr(this).mouseup(d),u.key&&dr(document).bind("keydown",u.key[0]+" shift+"+u.key[0],d)}),s?o.attr("data-curopt",n[s].sel):o.attr("data-curopt")||o.attr("data-curopt",n[0].sel);var u=void 0,d=dr(i).position();o.mousedown(function(e){if(o.hasClass("disabled"))return!1;var n=dr(t),r=d.left+34,a=-1*n.width(),i=n.data("shown_popop")?200:0;u=setTimeout(function(){o.data("isLibrary")?n.css("left",r).show():n.css("left",a).show().animate({left:r},150),n.data("shown_popop",!0)},i),e.preventDefault()}).mouseup(function(e){clearTimeout(u);var t=dr(this).attr("data-curopt");o.data("isLibrary")&&dr(i.replace("_show","")).is(":visible")?q(i,!0):q(i)&&de[t]&&de[t]()})}),he(),d()},ge=function(e,t){return dr("<div>",{class:"tools_flyout",id:e}).appendTo("#svg_editor").append(t)},ve=function(e,t,n,r){var a=dr(e),o=r.dropUp;t=dr(t),o&&dr(e).addClass("dropup"),t.find("li").bind("mouseup",function(){r.seticon&&(i("#cur_"+a[0].id,dr(this).children()),dr(this).addClass("current").siblings().removeClass("current")),n.apply(this,arguments)});var s=!1;dr(window).mouseup(function(e){s||(a.removeClass("down"),t.hide(),t.css({top:0,left:0})),s=!1}),a.bind("mousedown",function(){var e=a.offset();o?(e.top-=t.height(),e.left+=8):e.top+=a.height(),t.offset(e),a.hasClass("down")?(t.hide(),t.css({top:0,left:0})):(t.show(),s=!0),a.toggleClass("down")}).hover(function(){s=!0}).mouseout(function(){s=!1}),r.multiclick&&t.mousedown(function(){s=!0})},me=[];mr.bind("selected",function(e,t){var n=mr.getMode();"select"===n&&E();var r="pathedit"===n;U=1===t.length||null==t[1]?t[0]:null,F=t.length>=2&&null!=t[1],null!=U&&(r||function(){var e=void 0,t=void 0;if(null!=U)switch(U.tagName){case"use":case"image":case"foreignObject":break;case"g":case"a":var n=U.getElementsByTagName("*"),r=null;for(e=0,t=n.length;e<t;e++){var a=n[e].getAttribute("stroke-width");0===e?r=a:r!==a&&(r=null)}dr("#stroke_width").val(null===r?"":r),y.fill.update(!0),y.stroke.update(!0);break;default:y.fill.update(!0),y.stroke.update(!0),dr("#stroke_width").val(U.getAttribute("stroke-width")||1),dr("#stroke_style").val(U.getAttribute("stroke-dasharray")||"none");var i=U.getAttribute("stroke-linejoin")||"miter";dr("#linejoin_"+i).length&&z(dr("#linejoin_"+i)[0]),i=U.getAttribute("stroke-linecap")||"butt",dr("#linecap_"+i).length&&z(dr("#linecap_"+i)[0])}if(null!=U){var o=100*(U.getAttribute("opacity")||1);dr("#group_opacity").val(o),dr("#opac_slider").slider("option","value",o),dr("#elem_id").val(U.id),dr("#elem_class").val(U.getAttribute("class"))}$()}()),function(e,t){dr("#path_node_panel").toggle(e),dr("#tools_bottom_2,#tools_bottom_3").toggle(!e),e?(dr(".tool_button_current").removeClass("tool_button_current").addClass("tool_button"),dr("#tool_select").addClass("tool_button_current").removeClass("tool_button"),i("#tool_select","select_node"),F=!1,t.length&&(U=t[0])):setTimeout(function(){i("#tool_select","select")},1e3)}(r,t),ee(),mr.runExtensions("selectedChanged",{elems:t,selectedElement:U,multiselected:F})}),mr.bind("transition",function(e,t){var n=mr.getMode(),r=t[0];if(r){if(!(F=t.length>=2&&null!=t[1]))switch(n){case"rotate":var a=mr.getRotationAngle(r);dr("#angle").val(a),dr("#tool_reorient").toggleClass("disabled",0===a)}mr.runExtensions("elementTransition",{elems:t})}}),mr.bind("changed",function(e,t){var n=mr.getMode();"select"===n&&E();for(var r=0;r<t.length;++r){var a=t[r],i=a&&"svg"===a.tagName;i||oe(a)?(T(),i&&Z()):a&&U&&null==U.parentNode&&(U=a)}ur.showSaveWarning=!0,ee(),U&&"select"===n&&(y.fill.update(),y.stroke.update()),mr.runExtensions("elementChanged",{elems:t})}),mr.bind("saved",function(e,t){if(ur.showSaveWarning=!1,t='<?xml version="1.0"?>\n'+t,O())D(0,!0);else{var n=document.createElement("a");n.href="data:image/svg+xml;base64,"+yt(t),n.download="icon.svg",n.click();var r=dr.pref("save_notice_done");if("all"!==r){var a=vr.notification.saveFromBrowser.replace("%s","SVG");M()?t.includes("<defs")?(a+="\n\n"+vr.notification.defsFailOnSave,dr.pref("save_notice_done","all"),r="all"):dr.pref("save_notice_done","part"):dr.pref("save_notice_done","all"),"part"!==r&&alert(a)}}}),mr.bind("exported",function(e,t){var n=t.issues,r=t.exportWindowName;if(r&&(w=window.open(Ct||"",r)),w&&!w.closed){if(w.location.href=t.bloburl||t.datauri,"all"!==dr.pref("export_notice_done")){var a=vr.notification.saveFromBrowser.replace("%s",t.type);n.length&&(a+="\n\n"+vr.notification.noteTheseIssues+"\n • "+n.join("\n • ")),dr.pref("export_notice_done","all"),w.alert(a)}}else dr.alert(vr.notification.popupWindowBlocked)}),mr.bind("exportedPDF",function(e,t){var n=t.exportWindowName;n&&(w=window.open("",n)),w&&!w.closed?w.location.href=t.output:dr.alert(vr.notification.popupWindowBlocked)}),mr.bind("zoomed",le),mr.bind("zoomDone",se),mr.bind("updateCanvas",function(e,t){var n=t.center,r=t.newCtr;Z(n,r)}),mr.bind("contextset",function(e,t){var n="";if(t){var r="";n='<a href="#" data-root="y">'+mr.getCurrentDrawing().getCurrentLayerName()+"</a>",dr(t).parentsUntil("#svgcontent > g").andSelf().each(function(){this.id&&(r+=" > "+this.id,n+=this!==t?' > <a href="#">'+this.id+"</a>":" > "+this.id)}),re=r}else re=null;dr("#cur_context_panel").toggle(!!t).html(n),ie()}),mr.bind("extension_added",function(e,t){if(t){var n=!1,r=!1;if(t.langReady)if(ur.langChanged){var a=dr.pref("lang");t.langReady({lang:a,uiStrings:vr,importLocale:Cr({defaultLang:a,defaultName:t.name})})}else me.push(t);var i=function(){t.callback&&!n&&(n=!0,t.callback.call(ur))},o=[];t.context_tools&&dr.each(t.context_tools,function(e,t){var n=t.container_id?' id="'+t.container_id+'"':"",r=dr("#"+t.panel);r.length||(r=dr("<div>",{id:t.panel}).appendTo("#tools_top"));var a=void 0;switch(t.type){case"tool_button":a='<div class="tool_button">'+t.id+"</div>";var i=dr(a).appendTo(r);t.events&&dr.each(t.events,function(e,t){dr(i).bind(e,t)});break;case"select":a="<label"+n+'><select id="'+t.id+'">',dr.each(t.options,function(e,n){var r=e===t.defval?" selected":"";a+='<option value="'+e+'"'+r+">"+n+"</option>"});var s=dr(a+="</select></label>").appendTo(r).find("select");dr.each(t.events,function(e,t){dr(s).bind(e,t)});break;case"button-select":a='<div id="'+t.id+'" class="dropdown toolset" title="'+t.title+'"><div id="cur_'+t.id+'" class="icon_label"></div><button></button></div>';var l=dr('<ul id="'+t.id+'_opts"></ul>').appendTo("#option_lists");t.colnum&&l.addClass("optcols"+t.colnum),dr(a).appendTo(r).children(),o.push({elem:"#"+t.id,list:"#"+t.id+"_opts",title:t.title,callback:t.events.change,cur:"#cur_"+t.id});break;case"input":a="<label"+n+'><span id="'+t.id+'_label">'+t.label+':</span><input id="'+t.id+'" title="'+t.title+'" size="'+(t.size||"4")+'" value="'+(t.defval||"")+'" type="text"/></label>';var c=dr(a).appendTo(r).find("input");t.spindata&&c.SpinButton(t.spindata),t.events&&dr.each(t.events,function(e,t){c.bind(e,t)})}});var s=t.svgicons;if(t.buttons){var l={},c={},u={};if(dr.each(t.buttons,function(e,t){for(var n=t.id,r=e;dr("#"+n).length;)n=t.id+"_"+ ++r;var a=void 0;if(s){l[n]=t.icon;var i=t.svgicon||t.id;"app_menu"===t.type?c["#"+n+" > div"]=i:c["#"+n]=i}else a=dr('<img src="'+t.icon+'">');var o=void 0,d=void 0;switch(t.type){case"mode_flyout":case"mode":o="tool_button",d="#tools_left";break;case"context":o="tool_button",d="#"+t.panel,dr(d).length||dr("<div>",{id:t.panel}).appendTo("#tools_top");break;case"app_menu":o="",d="#main_menu ul"}var h=void 0,p=void 0,f=void 0,g=void 0,v=void 0,m=dr(t.list||"app_menu"===t.type?"<li/>":"<div/>").attr("id",n).attr("title",t.title).addClass(o);if(t.includeWith||t.list){if(t.list){if(m.addClass("push_button"),dr("#"+t.list+"_opts").append(m),t.isDefault){dr("#cur_"+t.list).append(m.children().clone());var _=t.svgicon||t.id;c["#cur_"+t.list]=_}}else if(t.includeWith){var y=t.includeWith;h=(v=dr(y.button)).parent();var b=void 0;v.parent().hasClass("tools_flyout")||(b=v[0].id.replace("tool_","tools_"),f=v.clone().attr("id",b+"_show").append(dr("<div>",{class:"flyout_arrow_horiz"})),v.before(f),h=ge(b,v)),g=dn.getButtonData(y.button),y.isDefault&&(c["#"+b+"_show"]=t.id),p=u["#"+h[0].id]=[{sel:"#"+n,fn:t.events.click,icon:t.id,key:t.key,isDefault:Boolean(t.includeWith&&t.includeWith.isDefault)},g];var x="position"in y?y.position:"last",w=h.children().length;!isNaN(x)&&x>=0&&x<w?h.children().eq(x).before(m):(h.append(m),p.reverse())}}else if("position"in t?dr(d).children().eq(t.position).length?dr(d).children().eq(t.position).before(m):dr(d).children().last().before(m):m.appendTo(d),"mode_flyout"===t.type){h=(v=dr(m)).parent();var S=void 0;v.parent().hasClass("tools_flyout")||(S=v[0].id.replace("tool_","tools_"),f=v.clone().attr("id",S+"_show").append(dr("<div>",{class:"flyout_arrow_horiz"})),v.before(f),(h=ge(S,v)).data("isLibrary",!0),f.data("isLibrary",!0)),c["#"+S+"_show"]=t.id,p=u["#"+h[0].id]=[{sel:"#"+n,fn:t.events.click,icon:t.id,isDefault:!0}]}else"app_menu"===t.type&&m.append("<div>").append(t.title);s||m.append(a),t.list||dr.each(t.events,function(e,n){"click"===e&&"mode"===t.type?(t.includeWith?m.bind(e,n):m.bind(e,function(){q(m)&&n()}),t.key&&(dr(document).bind("keydown",t.key,n),t.title&&m.attr("title",t.title+" ["+t.key+"]"))):m.bind(e,n)}),fe(u)}),dr.each(o,function(){ve(this.elem,this.list,this.callback,{seticon:!0})}),s)return new Promise(function(e,t){dr.svgIcons(s,{w:24,h:24,id_match:!1,no_img:!L(),fallback:l,placement:c,callback:function(t){"m"!==dr.pref("iconsize")&&(b&&(clearTimeout(b),b=null),r||(b=setTimeout(function(){r=!0,p(dr.pref("iconsize"))},50))),i(),e()}})})}return i()}}),mr.textActions.setInputElem(dr("#text")[0]);var _e='<div class="palette_item" data-rgb="none"></div>';dr.each(["#000000","#3f3f3f","#7f7f7f","#bfbfbf","#ffffff","#ff0000","#ff7f00","#ffff00","#7fff00","#00ff00","#00ff7f","#00ffff","#007fff","#0000ff","#7f00ff","#ff00ff","#ff007f","#7f0000","#7f3f00","#7f7f00","#3f7f00","#007f00","#007f3f","#007f7f","#003f7f","#00007f","#3f007f","#7f007f","#7f003f","#ffaaaa","#ffd4aa","#ffffaa","#d4ffaa","#aaffaa","#aaffd4","#aaffff","#aad4ff","#aaaaff","#d4aaff","#ffaaff","#ffaad4"],function(e,t){_e+='<div class="palette_item" style="background-color: '+t+';" data-rgb="'+t+'"></div>'}),dr("#palette").append(_e);_e="",dr.each(["#FFF","#888","#000"],function(){_e+='<div class="color_block" style="background-color:'+this+';"></div>'}),dr("#bg_blocks").append(_e);var ye=dr("#bg_blocks div");ye.each(function(){dr(this).click(function(){ye.removeClass("cur_background"),dr(this).addClass("cur_background")})}),X(dr.pref("bkgd_color"),dr.pref("bkgd_url")),dr("#image_save_opts input").val([dr.pref("img_save")]);var be=function(e,t){null==t&&(t=e.value),dr("#group_opacity").val(t),e&&e.handle||dr("#opac_slider").slider("option","value",t),mr.setOpacity(t/100)},xe=function(e,t,n){null==t&&(t=e.value),dr("#blur").val(t);var r=!1;e&&e.handle||(dr("#blur_slider").slider("option","value",t),r=!0),n?mr.setBlurNoUndo(t):mr.setBlur(t,r)};dr("#stroke_style").change(function(){mr.setStrokeAttr("stroke-dasharray",dr(this).val()),H()}),dr("#stroke_linejoin").change(function(){mr.setStrokeAttr("stroke-linejoin",dr(this).val()),H()}),dr("select").change(function(){dr(this).blur()});var we,Se,ke,Ce,Ae,Ee=!1;dr("#selLayerNames").change(function(){var e=this.options[this.selectedIndex].value,t=vr.notification.QmoveElemsToLayer.replace("%s",e),n=function(t){t&&(Ee=!0,mr.moveSelectedToLayer(e),mr.clearSelection(),T())};e&&(Ee?n(!0):dr.confirm(t,n))}),dr("#font_family").change(function(){mr.setFontFamily(this.value)}),dr("#seg_type").change(function(){mr.setSegType(dr(this).val())}),dr("#text").bind("keyup input",function(){mr.setTextContent(this.value)}),dr("#image_url").change(function(){W(this.value)}),dr("#link_url").change(function(){this.value.length?mr.setLinkURL(this.value):mr.removeHyperlink()}),dr("#g_title").change(function(){mr.setGroupTitle(this.value)}),dr(".attr_changer").change(function(){var e=this.getAttribute("data-attr"),t=this.value;if(!ae(e,t,U))return dr.alert(vr.notification.invalidAttrValGiven),this.value=U.getAttribute(e),!1;if("id"!==e&&"class"!==e)if(isNaN(t))t=mr.convertToNum(e,t);else if("px"!==Sr.baseUnit){var n=J();(U[e]||"pathedit"===mr.getMode()||"x"===e||"y"===e)&&(t*=n[Sr.baseUnit])}if("id"===e){var r=U;mr.clearSelection(),r.id=t,mr.addToSelection([r],!0)}else mr.changeSelectedAttribute(e,t);this.blur()}),dr("#palette").mouseover(function(){var e=dr('<input type="hidden">');dr(this).append(e),e.focus().remove()}),dr(".palette_item").mousedown(function(e){var t=e.shiftKey||2===e.button?"stroke":"fill",n=dr(this).data("rgb"),r=void 0;"none"===n||"transparent"===n||"initial"===n?(n="none",r=new dr.jGraduate.Paint):r=new dr.jGraduate.Paint({alpha:100,solidColor:n.substr(1)}),y[t].setPaint(r),mr.setColor(t,n),"none"!==n&&1!==mr.getPaintOpacity(t)&&mr.setPaintOpacity(t,1),$()}).bind("contextmenu",function(e){e.preventDefault()}),dr("#toggle_stroke_tools").on("click",function(){dr("#tools_bottom").toggleClass("expanded")}),we=m[0],Se=null,ke=null,Ce=!1,Ae=!1,dr("#svgcanvas").bind("mousemove mouseup",function(e){if(!1!==Ce)return we.scrollLeft-=e.clientX-Se,we.scrollTop-=e.clientY-ke,Se=e.clientX,ke=e.clientY,"mouseup"===e.type&&(Ce=!1),!1}).mousedown(function(e){if(1===e.button||!0===Ae)return Ce=!0,Se=e.clientX,ke=e.clientY,!1}),dr(window).mouseup(function(){Ce=!1}),dr(document).bind("keydown","space",function(e){mr.spaceKey=Ae=!0,e.preventDefault()}).bind("keyup","space",function(e){e.preventDefault(),mr.spaceKey=Ae=!1}).bind("keydown","shift",function(e){"zoom"===mr.getMode()&&m.css("cursor",C)}).bind("keyup","shift",function(e){"zoom"===mr.getMode()&&m.css("cursor",k)}),ur.setPanning=function(e){mr.spaceKey=Ae=e},function(){var e=dr("#main_icon"),t=dr("#main_icon span"),n=dr("#main_menu"),r=!1,a=0,i=!0,o=!1;dr(window).mouseup(function(t){r||(e.removeClass("buttondown"),"INPUT"!==t.target.tagName?n.fadeOut(200):o||(o=!0,dr(t.target).click(function(){n.css("margin-left","-9999px").show()}))),r=!1}).mousedown(function(e){dr(e.target).closest("div.tools_flyout, .contextMenu").length||dr(".tools_flyout:visible,.contextMenu").fadeOut(250)}),t.bind("mousedown",function(){e.hasClass("buttondown")?n.fadeOut(200):(n.css("margin-left",0).show(),a||(a=n.height()),n.css("height",0).animate({height:a},200),r=!0),e.toggleClass("buttondown buttonup")}).hover(function(){r=!0}).mouseout(function(){r=!1});var s=dr("#main_menu li");s.mouseover(function(){i="rgba(0, 0, 0, 0)"===dr(this).css("background-color"),s.unbind("mouseover"),i&&s.mouseover(function(){this.style.backgroundColor="#FFC"}).mouseout(function(){return this.style.backgroundColor="transparent",!0})})}(),ur.addDropDown=function(e,t,n){if(dr(e).length){var r=dr(e).find("button"),a=dr(e).find("ul").attr("id",dr(e)[0].id+"-list");n?dr(e).addClass("dropup"):dr("#option_lists").append(a),a.find("li").bind("mouseup",t);var i=!1;dr(window).mouseup(function(e){i||(r.removeClass("down"),a.hide()),i=!1}),r.bind("mousedown",function(){if(r.hasClass("down"))a.hide();else{if(!n){var t=dr(e).position();a.css({top:t.top+24,left:t.left-10})}a.show(),i=!0}r.toggleClass("down")}).hover(function(){i=!0}).mouseout(function(){i=!1})}},ur.addDropDown("#font_family_dropdown",function(){dr("#font_family").val(dr(this).text()).change()}),ur.addDropDown("#opacity_dropdown",function(){if(!dr(this).find("div").length){var e=parseInt(dr(this).text().split("%")[0],10);be(!1,e)}},!0),dr("#opac_slider").slider({start:function(){dr("#opacity_dropdown li:not(.special)").hide()},stop:function(){dr("#opacity_dropdown li").show(),dr(window).mouseup()},slide:function(e,t){be(t)}}),ur.addDropDown("#blur_dropdown",dr.noop);var Ge,Pe,Ne=!1;dr("#blur_slider").slider({max:10,step:.1,stop:function(e,t){Ne=!1,xe(t),dr("#blur_dropdown li").show(),dr(window).mouseup()},start:function(){Ne=!0},slide:function(e,t){xe(t,null,Ne)}}),ur.addDropDown("#zoom_dropdown",function(){var e=dr(this),t=e.data("val");t?le(window,t):ce({value:parseFloat(e.text())})},!0),ve("#stroke_linecap","#linecap_opts",function(){z(this,!0)},{dropUp:!0}),ve("#stroke_linejoin","#linejoin_opts",function(){z(this,!0)},{dropUp:!0}),ve("#tool_position","#position_opts",function(){var e=this.id.replace("tool_pos","").charAt(0);mr.alignSelectedElements(e,"page")},{multiclick:!0}),Ge=void 0,Pe=function(){dr(Ge).blur()},dr("#svg_editor").find("button, select, input:not(#text)").focus(function(){Ge=this,A="toolbars",m.mousedown(Pe)}).blur(function(){A="canvas",m.unbind("mousedown",Pe),"textedit"===mr.getMode()&&dr("#text").focus()});var Ie=function(){q("#tool_fhpath")&&mr.setMode("fhpath")},Te=function(){q("#tool_line")&&mr.setMode("line")},Le=function(){q("#tool_square")&&mr.setMode("square")},Me=function(){q("#tool_rect")&&mr.setMode("rect")},Oe=function(){q("#tool_fhrect")&&mr.setMode("fhrect")},Ve=function(){q("#tool_circle")&&mr.setMode("circle")},je=function(){q("#tool_ellipse")&&mr.setMode("ellipse")},Re=function(){q("#tool_fhellipse")&&mr.setMode("fhellipse")},Be=function(){q("#tool_image")&&mr.setMode("image")},De=function(){q("#tool_zoom")&&(mr.setMode("zoom"),m.css("cursor",k))},Ue=function(e){var t=mr.getResolution();e=e?t.zoom*e:1,dr("#zoom").val(100*e),mr.setZoom(e),se(),Z(!0)},Fe=function(){q("#tool_zoom")&&(Ue(),E())},He=function(){q("#tool_text")&&mr.setMode("text")},ze=function(){q("#tool_path")&&mr.setMode("path")},qe=function(){(null!=U||F)&&mr.deleteSelectedElements()},Ye=function(){(null!=U||F)&&mr.cutSelectedElements()},We=function(){(null!=U||F)&&mr.copySelectedElements()},Xe=function(){var e=mr.getZoom(),t=(m[0].scrollLeft+m.width()/2)/e-mr.contentW,n=(m[0].scrollTop+m.height()/2)/e-mr.contentH;mr.pasteElements("point",t,n)},Qe=function(){null!=U&&mr.moveToTopSelectedElement()},Ke=function(){null!=U&&mr.moveToBottomSelectedElement()},Ze=function(e){null!=U&&mr.moveUpDownSelected(e)},$e=function(){null!=U&&mr.convertToPath()},Je=function(){null!=U&&g.reorient()},et=function(){(null!=U||F)&&dr.prompt(vr.notification.enterNewLinkURL,"http://",function(e){e&&mr.makeHyperlink(e)})},tt=function(e,t){if(null!=U||F){if(Sr.gridSnapping){var n=mr.getZoom()*Sr.snappingStep;e*=n,t*=n}mr.moveSelectedElements(e,t)}},nt=function(){dr("#tool_node_link").toggleClass("push_button_pressed tool_button");var e=dr("#tool_node_link").hasClass("push_button_pressed");g.linkControlPoints(e)},rt=function(){g.getNodePoint()&&g.clonePathNode()},at=function(){g.getNodePoint()&&g.deletePathNode()},it=function(){var e=dr("#tool_add_subpath"),t=!e.hasClass("push_button_pressed");e.toggleClass("push_button_pressed tool_button"),g.addSubPath(t)},ot=function(){g.opencloseSubPath()},st=function(){mr.cycleElement(1)},lt=function(){mr.cycleElement(0)},ct=function(e,t){if(null!=U&&!F){e||(t*=-1);var n=parseFloat(dr("#angle").val())+t;mr.setRotationAngle(n),ee()}},ut=function(){var e=l(Sr.dimensions,2),t=e[0],n=e[1];dr.confirm(vr.notification.QwantToClear,function(e){e&&(E(),mr.clear(),mr.setResolution(t,n),Z(!0),Ue(),T(),ee(),ue(),mr.runExtensions("onNewDocument"))})},dt=function(){return mr.setBold(!mr.getBold()),ee(),!1},ht=function(){return mr.setItalic(!mr.getItalic()),ee(),!1},pt=void 0,ft=function(){dr.select("Select an image type for export: ",["PNG","JPEG","BMP","WEBP","PDF"],function(e){if(e){var n=void 0;if("PDF"===e)xr||a(),mr.exportPDF(n);else{br||a();var r=parseInt(dr("#image-slider").val(),10)/100;mr.rasterExport(e,r,n)}}function a(){var e=vr.notification.loadingImage;"new"===Sr.exportWindowType&&ur.exportWindowCt++,n=Sr.canvasName+ur.exportWindowCt;var r=void 0,a=void 0;if(pt)a=pt;else{if(r='<!DOCTYPE html><html>\n            <head>\n              <meta charset="utf-8">\n              <title>'+e+"</title>\n            </head>\n            <body><h1>"+e+"</h1></body>\n          <html>",("undefined"==typeof URL||t(URL))&&URL.createObjectURL){var i=new Blob([r],{type:"text/html"});a=URL.createObjectURL(i)}else a="data:text/html;base64;charset=utf-8,"+yt(r);pt=a}w=window.open(a,n)}},function(){var e=dr(this);"JPEG"===e.val()||"WEBP"===e.val()?dr("#image-slider").length||dr("<div><label>"+vr.ui.quality+'\n              <input id="image-slider"\n                type="range" min="1" max="100" value="92" />\n            </label></div>').appendTo(e.parent()):dr("#image-slider").parent().remove()})},gt=function(){mr.open()},vt=function(){},mt=function(){v.getUndoStackSize()>0&&(v.undo(),T())},_t=function(){v.getRedoStackSize()>0&&(v.redo(),T())},bt=function(){F?mr.groupSelectedElements():U&&mr.ungroupSelectedElement()},xt=function(){mr.cloneSelectedElements(20,20)},wt=function(){var e=this.id.replace("tool_align","").charAt(0);mr.alignSelectedElements(e,dr("#align_relative_to").val())},St=function(){if(dr("#tool_wireframe").toggleClass("push_button_pressed tool_button"),m.toggleClass("wireframe"),!Wt){var e=dr("#wireframe_rules");e.length?e.empty():e=dr('<style id="wireframe_rules"></style>').appendTo("head"),ne()}};dr("#svg_docprops_container, #svg_prefs_container").draggable({cancel:"button,fieldset",containment:"window"}).css("position","absolute");var kt,At,Et=!1,Gt=!1,Pt=function(){if(!Et){Et=!0,dr("#image_save_opts input").val([dr.pref("img_save")]);var e=mr.getResolution();"px"!==Sr.baseUnit&&(e.w=te(e.w)+Sr.baseUnit,e.h=te(e.h)+Sr.baseUnit),dr("#canvas_width").val(e.w),dr("#canvas_height").val(e.h),dr("#canvas_title").val(mr.getDocumentTitle()),dr("#svg_docprops").show()}},Nt=function(){dr("#svg_source_editor").hide(),V=!1,dr("#svg_source_textarea").blur()},It=function(){if(V){var e=function(){mr.clearSelection(),Nt(),Ue(),T(),ie(),ue()};mr.setSvgString(dr("#svg_source_textarea").val())?e():dr.confirm(vr.notification.QerrorsRevertToSource,function(t){if(!t)return!1;e()}),E()}},Tt=function(){dr("#svg_docprops").hide(),dr("#canvas_width,#canvas_height").removeAttr("disabled"),dr("#resolution")[0].selectedIndex=0,dr("#image_save_opts input").val([dr.pref("img_save")]),Et=!1},Lt=function(){dr("#svg_prefs").hide(),Gt=!1},Mt=function(){var e=dr("#canvas_title").val();ie(e),mr.setDocumentTitle(e);var t=dr("#canvas_width"),n=t.val(),r=dr("#canvas_height"),a=r.val();return"fit"===n||ae("width",n)?(t.parent().removeClass("error"),"fit"===a||ae("height",a)?(r.parent().removeClass("error"),mr.setResolution(n,a)?(dr.pref("img_save",dr("#image_save_opts :checked").val()),Z(),void Tt()):(dr.alert(vr.notification.noContentToFitTo),!1)):(dr.alert(vr.notification.invalidAttrValGiven),r.parent().addClass("error"),!1)):(dr.alert(vr.notification.invalidAttrValGiven),t.parent().addClass("error"),!1)},Ot=ur.savePreferences=function(){X(dr("#bg_blocks div.cur_background").css("background-color")||"#FFF",dr("#canvas_bg_url").val());var t=dr("#lang_select").val();t!==dr.pref("lang")&&ur.putLocale(t,e,Sr),p(dr("#iconsize").val()),Sr.gridSnapping=dr("#grid_snapping_on")[0].checked,Sr.snappingStep=dr("#grid_snapping_step").val(),Sr.gridColor=dr("#grid_color").val(),Sr.showRulers=dr("#show_rulers")[0].checked,dr("#rulers").toggle(Sr.showRulers),Sr.showRulers&&K(),Sr.baseUnit=dr("#base_unit").val(),mr.setConfig(Sr),Z(),Lt()},Vt=dr.noop,jt=function(){dr("#dialog_box").hide(),V||Et||Gt?(V?B!==dr("#svg_source_textarea").val()?dr.confirm(vr.notification.QignoreSourceChanges,function(e){e&&Nt()}):Nt():Et?Tt():Gt&&Lt(),Vt()):re&&mr.leaveContext()},Rt={width:dr(window).width(),height:dr(window).height()};if(O()&&(Vt=function(){0===m[0].scrollLeft&&0===m[0].scrollTop&&(m[0].scrollLeft=x.left,m[0].scrollTop=x.top)},x={left:m[0].scrollLeft,top:m[0].scrollTop},dr(window).resize(Vt),ur.ready(function(){setTimeout(function(){Vt()},500)}),m.scroll(function(){x={left:m[0].scrollLeft,top:m[0].scrollTop}})),dr(window).resize(function(e){dr.each(Rt,function(e,t){var n=dr(window)[e]();m[0]["scroll"+("width"===e?"Left":"Top")]-=(n-t)/2,Rt[e]=n}),d()}),m.scroll(function(){dr("#ruler_x").length&&(dr("#ruler_x")[0].scrollLeft=m[0].scrollLeft),dr("#ruler_y").length&&(dr("#ruler_y")[0].scrollTop=m[0].scrollTop)}),dr("#url_notice").click(function(){dr.alert(this.title)}),dr("#change_image_url").click(Q),kt="tool_button_current",At="",dr.each(["clear","open","save","source","delete","delete_multi","paste","clone","clone_multi","move_top","move_bottom"],function(e,t){At+=(e?",":"")+"#tool_"+t}),dr(At).mousedown(function(){dr(this).addClass(kt)}).bind("mousedown mouseout",function(){dr(this).removeClass(kt)}),dr("#tool_undo, #tool_redo").mousedown(function(){dr(this).hasClass("disabled")||dr(this).addClass(kt)}).bind("mousedown mouseout",function(){dr(this).removeClass(kt)}),j()&&!window.opera)for(var Bt=["tool_clear","tool_save","tool_source","tool_undo","tool_redo","tool_clone"],Dt=Bt.length;Dt--;){var Ut=document.getElementById(Bt[Dt]);if(Ut){var Ft=Ut.title,Ht=Ft.indexOf("Ctrl+");Ut.title=[Ft.substr(0,Ht),"Cmd+",Ft.substr(Ht+5)].join("")}}var zt=function(e){var t="stroke_color"===e.attr("id")?"stroke":"fill",n="stroke"===t?vr.ui.pick_stroke_paint_opacity:vr.ui.pick_fill_paint_opacity,r=e.offset(),a=y[t].paint;dr("#color_picker").draggable({cancel:".jGraduate_tabs, .jGraduate_colPick, .jGraduate_gradPick, .jPicker",containment:"window"}).css(Sr.colorPickerCSS||{left:r.left-140,bottom:40}).jGraduate({paint:a,window:{pickerTitle:n},images:{clientPath:Sr.jGraduatePath},newstop:"inverse"},function(e){a=new dr.jGraduate.Paint(e),y[t].setPaint(a),mr.setPaint(t,a),dr("#color_picker").hide()},function(){dr("#color_picker").hide()})},qt=function(e,t){var n=void 0,r=void 0,a=Sr["fill"===t?"initFill":"initStroke"],i=(new DOMParser).parseFromString('<svg xmlns="http://www.w3.org/2000/svg">\n        <rect width="16.5" height="16.5"\n          fill="#'+a.color+'" opacity="'+a.opacity+'"/>\n        <defs><linearGradient id="gradbox_"/></defs>\n      </svg>',"text/xml").documentElement;(i=dr(e)[0].appendChild(document.importNode(i,!0))).setAttribute("width",16.5),this.rect=i.firstElementChild,this.defs=i.getElementsByTagName("defs")[0],this.grad=this.defs.firstElementChild,this.paint=new dr.jGraduate.Paint({solidColor:a.color}),this.type=t,this.setPaint=function(e,t){this.paint=e;var a=e.type,i=e.alpha/100,o="none";switch(a){case"solidColor":o="none"!==e[a]?"#"+e[a]:e[a];break;case"linearGradient":case"radialGradient":this.grad.remove(),this.grad=this.defs.appendChild(e[a]),o="url(#"+(this.grad.id="gradbox_"+this.type)+")"}this.rect.setAttribute("fill",o),this.rect.setAttribute("opacity",i),t&&(mr.setColor(this.type,n,!0),mr.setPaintOpacity(this.type,r,!0))},this.update=function(e){if(U){var t=this.type;switch(U.tagName){case"use":case"image":case"foreignObject":return;case"g":case"a":for(var a=U.getElementsByTagName("*"),i=null,o=0,s=a.length;o<s;o++){var l=a[o].getAttribute(t);if(0===o)i=l;else if(i!==l){i=null;break}}if(null===i)return void(n=null);n=i,r=1;break;default:r=parseFloat(U.getAttribute(t+"-opacity")),isNaN(r)&&(r=1);var c="fill"===t?"black":"none";n=U.getAttribute(t)||c}e&&(mr.setColor(t,n,!0),mr.setPaintOpacity(t,r,!0));var u=function(e,t,n){var r={alpha:t};if(e.startsWith("url(#")){var a=mr.getRefElem(e);r[(a=a?a.cloneNode(!0):dr("#"+n+"_color defs *")[0]).tagName]=a}else e.startsWith("#")?r.solidColor=e.substr(1):r.solidColor="none";return new dr.jGraduate.Paint(r)}(n,r*=100,t);this.setPaint(u)}},this.prep=function(){switch(this.paint.type){case"linearGradient":case"radialGradient":var e=new dr.jGraduate.Paint({copy:this.paint});mr.setPaint(t,e)}}};y.fill=new qt("#fill_color","fill"),y.stroke=new qt("#stroke_color","stroke"),dr("#stroke_width").val(Sr.initStroke.width),dr("#group_opacity").val(100*Sr.initOpacity);var Yt=y.fill.rect.cloneNode(!1);Yt.setAttribute("style","vector-effect:non-scaling-stroke");var Wt="non-scaling-stroke"===Yt.style.vectorEffect;Yt.removeAttribute("style");var Xt,Qt,Kt=y.fill.rect.ownerDocument.createElementNS(u.SVG,"feGaussianBlur");function Zt(){mr.deleteCurrentLayer()&&(ee(),T(),dr("#layerlist tr.layer").removeClass("layersel"),dr("#layerlist tr.layer:first").addClass("layersel"))}function $t(e){var t=mr.getCurrentDrawing().getNumLayers(),n=dr("#layerlist tr.layersel").index();(n>0||n<t-1)&&(n+=e,mr.setCurrentLayerPosition(t-n-1),T())}void 0===Kt.stdDeviationX&&dr("#tool_blur").hide(),dr(Kt).remove(),Xt="-"+h.toLowerCase()+"-zoom-",Qt=Xt+"in",m.css("cursor",Qt),m.css("cursor")===Qt&&(k=Qt,C=Xt+"out"),m.css("cursor","auto"),setTimeout(function(){mr.embedImage("images/logo.png",function(e){e||(dr("#image_save_opts [value=embed]").attr("disabled","disabled"),dr("#image_save_opts input").val(["ref"]),dr.pref("img_save","ref"),dr("#image_opt_embed").css("color","#666").attr("title",vr.notification.featNotSupported))})},1e3),dr("#fill_color, #tool_fill .icon_label").click(function(){zt(dr("#fill_color")),$()}),dr("#stroke_color, #tool_stroke .icon_label").click(function(){zt(dr("#stroke_color")),$()}),dr("#group_opacityLabel").click(function(){dr("#opacity_dropdown button").mousedown(),dr(window).mouseup()}),dr("#zoomLabel").click(function(){dr("#zoom_dropdown button").mousedown(),dr(window).mouseup()}),dr("#tool_move_top").mousedown(function(e){dr("#tools_stacking").show(),e.preventDefault()}),dr(".layer_button").mousedown(function(){dr(this).addClass("layer_buttonpressed")}).mouseout(function(){dr(this).removeClass("layer_buttonpressed")}).mouseup(function(){dr(this).removeClass("layer_buttonpressed")}),dr(".push_button").mousedown(function(){dr(this).hasClass("disabled")||dr(this).addClass("push_button_pressed").removeClass("push_button")}).mouseout(function(){dr(this).removeClass("push_button_pressed").addClass("push_button")}).mouseup(function(){dr(this).removeClass("push_button_pressed").addClass("push_button")}),dr("#layer_new").click(function(){var e=void 0,t=mr.getCurrentDrawing().getNumLayers();do{e=vr.layers.layer+" "+ ++t}while(mr.getCurrentDrawing().hasLayer(e));dr.prompt(vr.notification.enterUniqueLayerName,e,function(e){e&&(mr.getCurrentDrawing().hasLayer(e)?dr.alert(vr.notification.dupeLayerName):(mr.createLayer(e),ee(),T()))})}),dr("#layer_delete").click(Zt),dr("#layer_up").click(function(){$t(-1)}),dr("#layer_down").click(function(){$t(1)}),dr("#layer_rename").click(function(){var e=dr("#layerlist tr.layersel td.layername").text();dr.prompt(vr.notification.enterNewLayerName,"",function(t){t&&(e===t||mr.getCurrentDrawing().hasLayer(t)?dr.alert(vr.notification.layerHasThatName):(mr.renameCurrentLayer(t),T()))})});var en=-1,tn=!1,nn=!1,rn=function(e){var t=dr("#ruler_x");dr("#sidepanels").width("+="+e),dr("#layerpanel").width("+="+e),t.css("right",parseInt(t.css("right"),10)+e),m.css("right",parseInt(m.css("right"),10)+e),mr.runExtensions("workareaResized")},on=function(e){if(nn&&-1!==en){tn=!0;var t=en-e.pageX,n=dr("#sidepanels").width();n+t>300?(t=300-n,n=300):n+t<2&&(t=2-n,n=2),0!==t&&(en-=t,rn(t))}},sn=function(e){var t=dr("#sidepanels").width();rn((t>2||e?2:150)-t)};dr("#sidepanel_handle").mousedown(function(e){en=e.pageX,dr(window).mousemove(on),nn=!1,setTimeout(function(){nn=!0},20)}).mouseup(function(e){tn||sn(),en=-1,tn=!1}),dr(window).mouseup(function(){en=-1,tn=!1,dr("#svg_editor").unbind("mousemove",on)}),T();dr(window).bind("load resize",function(){m.css("line-height",m.height()+"px")}),dr("#resolution").change(function(){var e=dr("#canvas_width,#canvas_height");if(this.selectedIndex)if("content"===this.value)e.val("fit").attr("disabled","disabled");else{var t=this.value.split("x");dr("#canvas_width").val(t[0]),dr("#canvas_height").val(t[1]),e.removeAttr("disabled")}else"fit"===dr("#canvas_width").val()&&e.removeAttr("disabled").val(100)}),dr("input,select").attr("autocomplete","off");var ln,cn,dn=(ln=[{sel:"#tool_select",fn:Y,evt:"click",key:["V",!0]},{sel:"#tool_fhpath",fn:Ie,evt:"click",key:["Q",!0]},{sel:"#tool_line",fn:Te,evt:"click",key:["L",!0],parent:"#tools_line",prepend:!0},{sel:"#tool_rect",fn:Me,evt:"mouseup",key:["R",!0],parent:"#tools_rect",icon:"rect"},{sel:"#tool_square",fn:Le,evt:"mouseup",parent:"#tools_rect",icon:"square"},{sel:"#tool_fhrect",fn:Oe,evt:"mouseup",parent:"#tools_rect",icon:"fh_rect"},{sel:"#tool_ellipse",fn:je,evt:"mouseup",key:["E",!0],parent:"#tools_ellipse",icon:"ellipse"},{sel:"#tool_circle",fn:Ve,evt:"mouseup",parent:"#tools_ellipse",icon:"circle"},{sel:"#tool_fhellipse",fn:Re,evt:"mouseup",parent:"#tools_ellipse",icon:"fh_ellipse"},{sel:"#tool_path",fn:ze,evt:"click",key:["P",!0]},{sel:"#tool_text",fn:He,evt:"click",key:["T",!0]},{sel:"#tool_image",fn:Be,evt:"mouseup"},{sel:"#tool_zoom",fn:De,evt:"mouseup",key:["Z",!0]},{sel:"#tool_clear",fn:ut,evt:"mouseup",key:["N",!0]},{sel:"#tool_save",fn:function(){var e;V?It():(e={images:dr.pref("img_save"),round_digits:6},mr.save(e))},evt:"mouseup",key:["S",!0]},{sel:"#tool_export",fn:ft,evt:"mouseup"},{sel:"#tool_open",fn:gt,evt:"mouseup",key:["O",!0]},{sel:"#tool_import",fn:vt,evt:"mouseup"},{sel:"#tool_source",fn:D,evt:"click",key:["U",!0]},{sel:"#tool_wireframe",fn:St,evt:"click",key:["F",!0]},{sel:"#tool_source_cancel,.overlay,#tool_docprops_cancel,#tool_prefs_cancel",fn:jt,evt:"click",key:["esc",!1,!1],hidekey:!0},{sel:"#tool_source_save",fn:It,evt:"click"},{sel:"#tool_docprops_save",fn:Mt,evt:"click"},{sel:"#tool_docprops",fn:Pt,evt:"mouseup"},{sel:"#tool_prefs_save",fn:Ot,evt:"click"},{sel:"#tool_prefs_option",fn:function(){return function(){if(!Gt){Gt=!0,dr("#main_menu").hide();var e=dr("#bg_blocks div"),t="cur_background",n=wr.bkgd_color,r=dr.pref("bkgd_url");e.each(function(){var e=dr(this),r=e.css("background-color")===n;e.toggleClass(t,r),r&&dr("#canvas_bg_url").removeClass(t)}),n||e.eq(0).addClass(t),r&&dr("#canvas_bg_url").val(r),dr("#grid_snapping_on").prop("checked",Sr.gridSnapping),dr("#grid_snapping_step").attr("value",Sr.snappingStep),dr("#grid_color").attr("value",Sr.gridColor),dr("#svg_prefs").show()}}(),!1},evt:"mouseup"},{sel:"#tool_delete,#tool_delete_multi",fn:qe,evt:"click",key:["del/backspace",!0]},{sel:"#tool_reorient",fn:Je,evt:"click"},{sel:"#tool_node_link",fn:nt,evt:"click"},{sel:"#tool_node_clone",fn:rt,evt:"click"},{sel:"#tool_node_delete",fn:at,evt:"click"},{sel:"#tool_openclose_path",fn:ot,evt:"click"},{sel:"#tool_add_subpath",fn:it,evt:"click"},{sel:"#tool_move_top",fn:Qe,evt:"click",key:"ctrl+shift+]"},{sel:"#tool_move_bottom",fn:Ke,evt:"click",key:"ctrl+shift+["},{sel:"#tool_topath",fn:$e,evt:"click"},{sel:"#tool_make_link,#tool_make_link_multi",fn:et,evt:"click"},{sel:"#tool_undo",fn:mt,evt:"click"},{sel:"#tool_redo",fn:_t,evt:"click"},{sel:"#tool_clone,#tool_clone_multi",fn:xt,evt:"click",key:["D",!0]},{sel:"#tool_group_elements",fn:bt,evt:"click",key:["G",!0]},{sel:"#tool_ungroup",fn:bt,evt:"click"},{sel:"#tool_unlink_use",fn:bt,evt:"click"},{sel:"[id^=tool_align]",fn:wt,evt:"click"},{sel:"#tool_bold",fn:dt,evt:"mousedown"},{sel:"#tool_italic",fn:ht,evt:"mousedown"},{sel:"#sidepanel_handle",fn:sn,key:["X"]},{sel:"#copy_save_done",fn:jt,evt:"click"},{key:"ctrl+left",fn:function(){ct(0,1)}},{key:"ctrl+right",fn:function(){ct(1,1)}},{key:"ctrl+shift+left",fn:function(){ct(0,5)}},{key:"ctrl+shift+right",fn:function(){ct(1,5)}},{key:"shift+O",fn:lt},{key:"shift+P",fn:st},{key:[f+"up",!0],fn:function(){Ue(2)}},{key:[f+"down",!0],fn:function(){Ue(.5)}},{key:[f+"]",!0],fn:function(){Ze("Up")}},{key:[f+"[",!0],fn:function(){Ze("Down")}},{key:["up",!0],fn:function(){tt(0,-1)}},{key:["down",!0],fn:function(){tt(0,1)}},{key:["left",!0],fn:function(){tt(-1,0)}},{key:["right",!0],fn:function(){tt(1,0)}},{key:"shift+up",fn:function(){tt(0,-10)}},{key:"shift+down",fn:function(){tt(0,10)}},{key:"shift+left",fn:function(){tt(-10,0)}},{key:"shift+right",fn:function(){tt(10,0)}},{key:["alt+up",!0],fn:function(){mr.cloneSelectedElements(0,-1)}},{key:["alt+down",!0],fn:function(){mr.cloneSelectedElements(0,1)}},{key:["alt+left",!0],fn:function(){mr.cloneSelectedElements(-1,0)}},{key:["alt+right",!0],fn:function(){mr.cloneSelectedElements(1,0)}},{key:["alt+shift+up",!0],fn:function(){mr.cloneSelectedElements(0,-10)}},{key:["alt+shift+down",!0],fn:function(){mr.cloneSelectedElements(0,10)}},{key:["alt+shift+left",!0],fn:function(){mr.cloneSelectedElements(-10,0)}},{key:["alt+shift+right",!0],fn:function(){mr.cloneSelectedElements(10,0)}},{key:"A",fn:function(){mr.selectAllInCurrentLayer()}},{key:f+"z",fn:mt},{key:f+"shift+z",fn:_t},{key:f+"y",fn:_t},{key:f+"x",fn:Ye},{key:f+"c",fn:We},{key:f+"v",fn:Xe}],cn={"4/Shift+4":"#tools_rect_show","5/Shift+5":"#tools_ellipse_show"},{setAll:function(){var e={};dr.each(ln,function(t,n){var r=void 0;if(n.sel){if(!(r=dr(n.sel)).length)return!0;if(n.evt&&(R()&&"click"===n.evt&&(n.evt="mousedown"),r[n.evt](n.fn)),n.parent&&dr(n.parent+"_show").length){var a=dr(n.parent);a.length||(a=ge(n.parent.substr(1))),n.prepend&&(r[0].style.margin="initial"),a[n.prepend?"prepend":"append"](r),Array.isArray(e[n.parent])||(e[n.parent]=[]),e[n.parent].push(n)}}if(n.key){var i=void 0,o=!1;Array.isArray(n.key)?(i=n.key[0],n.key.length>1&&(o=n.key[1])):i=n.key,i+="";var s=n.fn;if(dr.each(i.split("/"),function(e,t){dr(document).bind("keydown",t,function(e){return s(),o&&e.preventDefault(),!1})}),n.sel&&!n.hidekey&&r.attr("title")){var l=r.attr("title").split("[")[0]+" ("+i+")";cn[i]=n.sel,r.parents("#main_menu").length||r.attr("title",l)}}}),fe(e),dr(".attr_changer, #image_url").bind("keydown","return",function(e){dr(this).change(),e.preventDefault()}),dr(window).bind("keydown","tab",function(e){"canvas"===A&&(e.preventDefault(),st())}).bind("keydown","shift+tab",function(e){"canvas"===A&&(e.preventDefault(),lt())}),dr("#tool_zoom").dblclick(Fe)},setTitles:function(){dr.each(cn,function(e,t){var n=dr(t).parents("#main_menu").length;dr(t).each(function(){var t=void 0;t=n?dr(this).text().split(" [")[0]:this.title.split(" [")[0];var r="";dr.each(e.split("/"),function(e,t){var n=t.split("+"),a="";n.length>1&&(a=n[0]+"+",t=n[1]),r+=(e?"/":"")+a+(vr["key_"+t]||t)}),n?this.lastChild.textContent=t+" ["+r+"]":this.title=t+" ["+r+"]"})})},getButtonData:function(e){return Object.values(ln).find(function(t){return t.sel===e})}});ur.ready(function(){var e=Sr.initTool,t=dr("#tools_left, #svg_editor .tools_flyout"),n=t.find("#tool_"+e),r=t.find("#"+e);(n.length?n:r.length?r:dr("#tool_select")).click().mouseup(),Sr.wireframe&&dr("#tool_wireframe").click(),Sr.showlayers&&sn(),dr("#rulers").toggle(!!Sr.showRulers),Sr.showRulers&&(dr("#show_rulers")[0].checked=!0),Sr.baseUnit&&dr("#base_unit").val(Sr.baseUnit),Sr.gridSnapping&&(dr("#grid_snapping_on")[0].checked=!0),Sr.snappingStep&&dr("#grid_snapping_step").val(Sr.snappingStep),Sr.gridColor&&dr("#grid_color").val(Sr.gridColor)}),dr("#rect_rx").SpinButton({min:0,max:1e3,stateObj:s,callback:function(e){mr.setRectRadius(e.value)}}),dr("#stroke_width").SpinButton({min:0,max:99,smallStep:.1,stateObj:s,callback:function(e){var t=e.value;0===t&&U&&["line","polyline"].includes(U.nodeName)&&(t=e.value=1),mr.setStrokeWidth(t)}}),dr("#angle").SpinButton({min:-180,max:180,step:5,stateObj:s,callback:function(e){mr.setRotationAngle(e.value),dr("#tool_reorient").toggleClass("disabled",0===parseInt(e.value,10))}}),dr("#font_size").SpinButton({min:.001,stepfunc:function(e,t){var n=Number(e.value),r=n+t,a=r>=n;return 0===t?n:n>=24?a?Math.round(1.1*n):Math.round(n/1.1):n<=1?a?2*n:n/2:r},stateObj:s,callback:function(e){mr.setFontSize(e.value)}}),dr("#group_opacity").SpinButton({min:0,max:100,step:5,stateObj:s,callback:be}),dr("#blur").SpinButton({min:0,max:10,step:.1,stateObj:s,callback:xe}),dr("#zoom").SpinButton({min:.001,max:1e4,step:50,stepfunc:function(e,t){var n=Number(e.value);if(0===n)return 100;var r=n+t;return 0===t?n:n>=100?r:r>=n?2*n:n/2},stateObj:s,callback:ce}).val(100*mr.getZoom()),dr("#workarea").contextMenu({menu:"cmenu_canvas",inSpeed:0},function(e,t,n){switch(e){case"delete":qe();break;case"cut":Ye();break;case"copy":We();break;case"paste":mr.pasteElements();break;case"paste_in_place":mr.pasteElements("in_place");break;case"group":case"group_elements":mr.groupSelectedElements();break;case"ungroup":mr.ungroupSelectedElement();break;case"move_front":Qe();break;case"move_up":Ze("Up");break;case"move_down":Ze("Down");break;case"move_back":Ke();break;default:Boolean(Jt[e])&&function(e){return Jt[e].action}(e).call()}});var hn=function(e,t,n){switch(e){case"dupe":r=mr.getCurrentDrawing().getCurrentLayerName()+" copy",dr.prompt(vr.notification.enterUniqueLayerName,r,function(e){e&&(mr.getCurrentDrawing().hasLayer(e)?dr.alert(vr.notification.dupeLayerName):(mr.cloneLayer(e),ee(),T()))});break;case"delete":Zt();break;case"merge_down":dr("#layerlist tr.layersel").index()!==mr.getCurrentDrawing().getNumLayers()-1&&(mr.mergeLayer(),ee(),T());break;case"merge_all":mr.mergeAllLayers(),ee(),T()}var r};function pn(){var e=void 0;try{e=localStorage.getItem("svgedit_clipboard")}catch(e){}_[(e?"en":"dis")+"ableContextMenuItems"]("#paste,#paste_in_place")}if(dr("#layerlist").contextMenu({menu:"cmenu_layers",inSpeed:0},hn),dr("#layer_moreopts").contextMenu({menu:"cmenu_layers",inSpeed:0,allowLeft:!0},hn),dr(".contextMenu li").mousedown(function(e){e.preventDefault()}),dr("#cmenu_canvas li").disableContextMenu(),_.enableContextMenuItems("#delete,#cut,#copy"),pn(),window.addEventListener("storage",function(e){"svgedit_clipboard"===e.key&&pn()}),window.addEventListener("beforeunload",function(e){if(0===v.getUndoStackSize()&&(ur.showSaveWarning=!1),!Sr.no_save_warning&&ur.showSaveWarning)return e.returnValue=vr.notification.unsavedChanges,vr.notification.unsavedChanges},!1),ur.canvas.getUIStrings=function(){return vr},ur.openPrep=function(e){dr("#main_menu").hide(),0===v.getUndoStackSize()?e(!0):dr.confirm(vr.notification.QwantToOpen,e)},window.FileReader){var fn=function(e){dr.process_cancel(vr.notification.loadingImage),e.stopPropagation(),e.preventDefault(),dr("#workarea").removeAttr("style"),dr("#main_menu").hide();var t="drop"===e.type?e.dataTransfer.files[0]:this.files[0];if(t){if(t.type.includes("image")){var n=void 0;t.type.includes("svg")?((n=new FileReader).onloadend=function(e){var t=mr.importSvgString(e.target.result,!0);mr.ungroupSelectedElement(),mr.ungroupSelectedElement(),mr.groupSelectedElements(),mr.alignSelectedElements("m","page"),mr.alignSelectedElements("c","page"),mr.selectOnly([t]),dr("#dialog_box").hide()},n.readAsText(t)):((n=new FileReader).onloadend=function(e){var t=100,n=100,r=new Image;r.src=e.target.result,r.style.opacity=0,r.onload=function(){var a,i,o;t=r.offsetWidth,n=r.offsetHeight,a=t,i=n,o=mr.addSVGElementFromJson({element:"image",attr:{x:0,y:0,width:a,height:i,id:mr.getNextId(),style:"pointer-events:inherit"}}),mr.setHref(o,e.target.result),mr.selectOnly([o]),mr.alignSelectedElements("m","page"),mr.alignSelectedElements("c","page"),ee(),dr("#dialog_box").hide()}},n.readAsDataURL(t))}}else dr("#dialog_box").hide()};m[0].addEventListener("dragenter",function(e){e.stopPropagation(),e.preventDefault()},!1),m[0].addEventListener("dragover",function(e){e.stopPropagation(),e.preventDefault()},!1),m[0].addEventListener("dragleave",function(e){e.stopPropagation(),e.preventDefault()},!1),m[0].addEventListener("drop",fn,!1);var gn=dr('<input type="file">').change(function(){var e=this;ur.openPrep(function(t){if(t&&(mr.clear(),1===e.files.length)){dr.process_cancel(vr.notification.loadingImage);var n=new FileReader;n.onloadend=function(e){kr(e.target.result),Z()},n.readAsText(e.files[0])}})});dr("#tool_open").show().prepend(gn);var vn=dr('<input type="file">').change(fn);dr("#tool_import").show().prepend(vn)}Z(!0);var mn=ur.setLang=function(e,t){if(ur.langChanged=!0,dr.pref("lang",e),dr("#lang_select").val(e),t){dr.extend(vr,t);var n=dr("#layerlist tr.layersel td.layername").text()===vr.common.layer+" 1";if(mr.setUiStrings(t),dn.setTitles(),n&&(mr.renameCurrentLayer(vr.common.layer+" 1"),T()),me.length)for(;me.length;){var r=me.shift();r.langReady({lang:e,uiStrings:vr,importLocale:Cr({defaultLang:e,defaultName:r.name})})}else mr.runExtensions("langReady",{lang:e,uiStrings:vr});mr.runExtensions("langChanged",e),he();dr.each({"#stroke_color":"#tool_stroke .icon_label, #tool_stroke .color_block","#fill_color":"#tool_fill label, #tool_fill .color_block","#linejoin_miter":"#cur_linejoin","#linecap_butt":"#cur_linecap"},function(e,t){dr(t).attr("title",dr(e)[0].title)}),dr("#multiselected_panel div[id^=tool_align]").each(function(){dr("#tool_pos"+this.id.substr(10))[0].title=this.title})}};!function(e){sr=e}({addLangData:function(e){return mr.runExtensions("addLangData",function(t){return{lang:e,importLocale:Cr({defaultLang:e,defaultName:t})}},!0)},curConfig:Sr}),"file:"===document.location.protocol?setTimeout(o,100):o()},ur.ready=function(e){yr?e():hr.push(e)},ur.runCallbacks=function(){hr.forEach(function(e){e()}),yr=!0},ur.loadFromString=function(e){ur.ready(function(){kr(e)})},ur.disableUI=function(e){},ur.loadFromURL=function(e,t){t||(t={});var n=t,r=n.cache,a=n.callback;ur.ready(function(){dr.ajax({url:e,dataType:"text",cache:!!r,beforeSend:function(){dr.process_cancel(vr.notification.loadingImage)},success:function(e){kr(e,a)},error:function(e,t,n){404!==e.status&&e.responseText?kr(e.responseText,a):dr.alert(vr.notification.URLloadFail+": \n"+n,a)},complete:function(){dr("#dialog_box").hide()}})})},ur.loadFromDataURI=function(e){ur.ready(function(){var t=!1,n=e.match(/^data:image\/svg\+xml;base64,/);n?t=!0:n=e.match(/^data:image\/svg\+xml(?:;(?:utf8)?)?,/),n&&(n=n[0]);var r=e.slice(n.length);kr(t?bt(r):decodeURIComponent(r))})},ur.addExtension=function(e,t,n){if(!mr)throw new Error("Extension added too early");return mr.addExtension.call(this,e,t,n)},ur.ready(function(){!function(){for(var e in Jt)en(Jt[e])}()});var Ar=!1,Er=[];return window.addEventListener("message",function(e){var t={data:e.data,origin:e.origin};Ar?mr.call("message",t):Er.push(t)}),Promise.resolve().then(function(){ur.init()}),ur});
+//# sourceMappingURL=index-umd.min.js.map
diff --git a/dist/index-umd.min.js.map b/dist/index-umd.min.js.map
new file mode 100644
index 00000000..99e9094b
--- /dev/null
+++ b/dist/index-umd.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"index-umd.min.js","sources":["../editor/touch.js","../editor/namespaces.js","../editor/svgpathseg.js","../editor/browser.js","../editor/jQuery.attr.js","../editor/svgtransformlist.js","../editor/units.js","../editor/history.js","../editor/math.js","../editor/path.js","../editor/utilities.js","../editor/contextmenu.js","../editor/external/dynamic-import-polyfill/importModule.js","../editor/layer.js","../editor/historyrecording.js","../editor/draw.js","../editor/sanitize.js","../editor/coords.js","../editor/recalculate.js","../editor/select.js","../editor/svgcanvas.js","../editor/jgraduate/jQuery.jGraduate.js","../editor/jgraduate/jQuery.jPicker.js","../editor/locale/locale.js","../editor/svg-editor.js","../editor/js-hotkeys/jquery.hotkeys.min.js","../editor/jquerybbq/jquery.bbq.min.js","../editor/svgicons/jQuery.svgIcons.js","../editor/spinbtn/jQuery.SpinButton.js","../editor/contextmenu/jQuery.contextMenu.js","../editor/external/load-stylesheets/index-es.js"],"sourcesContent":["// http://ross.posterous.com/2008/08/19/iphone-touch-events-in-javascript/\nfunction touchHandler (ev) {\n  const {changedTouches} = ev,\n    first = changedTouches[0];\n\n  let type = '';\n  switch (ev.type) {\n  case 'touchstart': type = 'mousedown'; break;\n  case 'touchmove': type = 'mousemove'; break;\n  case 'touchend': type = 'mouseup'; break;\n  default: return;\n  }\n\n  const {screenX, screenY, clientX, clientY} = first;\n  const simulatedEvent = new MouseEvent(type, {\n    // Event interface\n    bubbles: true,\n    cancelable: true,\n    // UIEvent interface\n    view: window,\n    detail: 1, // click count\n    // MouseEvent interface (customized)\n    screenX, screenY, clientX, clientY,\n    // MouseEvent interface (defaults) - these could be removed\n    ctrlKey: false,\n    altKey: false,\n    shiftKey: false,\n    metaKey: false,\n    button: 0, // main button (usually left)\n    relatedTarget: null\n  });\n  if (changedTouches.length < 2) {\n    first.target.dispatchEvent(simulatedEvent);\n    ev.preventDefault();\n  }\n}\n\ndocument.addEventListener('touchstart', touchHandler, true);\ndocument.addEventListener('touchmove', touchHandler, true);\ndocument.addEventListener('touchend', touchHandler, true);\ndocument.addEventListener('touchcancel', touchHandler, true);\n","/**\n * Namespaces or tools therefor\n * @module namespaces\n * @license MIT\n*/\n\n/**\n* Common namepaces constants in alpha order\n* @enum {string}\n* @type {PlainObject}\n* @memberof module:namespaces\n*/\nexport const NS = {\n  HTML: 'http://www.w3.org/1999/xhtml',\n  MATH: 'http://www.w3.org/1998/Math/MathML',\n  SE: 'http://svg-edit.googlecode.com',\n  SVG: 'http://www.w3.org/2000/svg',\n  XLINK: 'http://www.w3.org/1999/xlink',\n  XML: 'http://www.w3.org/XML/1998/namespace',\n  XMLNS: 'http://www.w3.org/2000/xmlns/' // see http://www.w3.org/TR/REC-xml-names/#xmlReserved\n};\n\n/**\n* @function module:namespaces.getReverseNS\n* @returns {string} The NS with key values switched and lowercase\n*/\nexport const getReverseNS = function () {\n  const reverseNS = {};\n  Object.entries(NS).forEach(([name, URI]) => {\n    reverseNS[URI] = name.toLowerCase();\n  });\n  return reverseNS;\n};\n","/**\n* SVGPathSeg API polyfill\n* https://github.com/progers/pathseg\n*\n* This is a drop-in replacement for the `SVGPathSeg` and `SVGPathSegList` APIs\n* that were removed from SVG2 ({@link https://lists.w3.org/Archives/Public/www-svg/2015Jun/0044.html}),\n* including the latest spec changes which were implemented in Firefox 43 and\n* Chrome 46.\n*/\n(() => {\nif (!('SVGPathSeg' in window)) {\n  // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSeg\n  class SVGPathSeg {\n    constructor (type, typeAsLetter, owningPathSegList) {\n      this.pathSegType = type;\n      this.pathSegTypeAsLetter = typeAsLetter;\n      this._owningPathSegList = owningPathSegList;\n    }\n    // Notify owning PathSegList on any changes so they can be synchronized back to the path element.\n    _segmentChanged () {\n      if (this._owningPathSegList) {\n        this._owningPathSegList.segmentChanged(this);\n      }\n    }\n  }\n  SVGPathSeg.prototype.classname = 'SVGPathSeg';\n\n  SVGPathSeg.PATHSEG_UNKNOWN = 0;\n  SVGPathSeg.PATHSEG_CLOSEPATH = 1;\n  SVGPathSeg.PATHSEG_MOVETO_ABS = 2;\n  SVGPathSeg.PATHSEG_MOVETO_REL = 3;\n  SVGPathSeg.PATHSEG_LINETO_ABS = 4;\n  SVGPathSeg.PATHSEG_LINETO_REL = 5;\n  SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS = 6;\n  SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL = 7;\n  SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS = 8;\n  SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL = 9;\n  SVGPathSeg.PATHSEG_ARC_ABS = 10;\n  SVGPathSeg.PATHSEG_ARC_REL = 11;\n  SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS = 12;\n  SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL = 13;\n  SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS = 14;\n  SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL = 15;\n  SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS = 16;\n  SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL = 17;\n  SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS = 18;\n  SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL = 19;\n\n  class SVGPathSegClosePath extends SVGPathSeg {\n    constructor (owningPathSegList) {\n      super(SVGPathSeg.PATHSEG_CLOSEPATH, 'z', owningPathSegList);\n    }\n    toString () { return '[object SVGPathSegClosePath]'; }\n    _asPathString () { return this.pathSegTypeAsLetter; }\n    clone () { return new SVGPathSegClosePath(undefined); }\n  }\n\n  class SVGPathSegMovetoAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y) {\n      super(SVGPathSeg.PATHSEG_MOVETO_ABS, 'M', owningPathSegList);\n      this._x = x;\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegMovetoAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegMovetoAbs(undefined, this._x, this._y); }\n  }\n  Object.defineProperties(SVGPathSegMovetoAbs.prototype, {\n    x: {\n      get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true\n    },\n    y: {\n      get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true\n    }\n  });\n\n  class SVGPathSegMovetoRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y) {\n      super(SVGPathSeg.PATHSEG_MOVETO_REL, 'm', owningPathSegList);\n      this._x = x;\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegMovetoRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegMovetoRel(undefined, this._x, this._y); }\n  }\n  Object.defineProperties(SVGPathSegMovetoRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegLinetoAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y) {\n      super(SVGPathSeg.PATHSEG_LINETO_ABS, 'L', owningPathSegList);\n      this._x = x;\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegLinetoAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegLinetoAbs(undefined, this._x, this._y); }\n  }\n  Object.defineProperties(SVGPathSegLinetoAbs.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegLinetoRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y) {\n      super(SVGPathSeg.PATHSEG_LINETO_REL, 'l', owningPathSegList);\n      this._x = x;\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegLinetoRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegLinetoRel(undefined, this._x, this._y); }\n  }\n  Object.defineProperties(SVGPathSegLinetoRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoCubicAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, x1, y1, x2, y2) {\n      super(SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS, 'C', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._x1 = x1;\n      this._y1 = y1;\n      this._x2 = x2;\n      this._y2 = y2;\n    }\n    toString () { return '[object SVGPathSegCurvetoCubicAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoCubicAbs.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    x1: { get () { return this._x1; }, set (x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true },\n    y1: { get () { return this._y1; }, set (y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true },\n    x2: { get () { return this._x2; }, set (x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true },\n    y2: { get () { return this._y2; }, set (y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoCubicRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, x1, y1, x2, y2) {\n      super(SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, 'c', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._x1 = x1;\n      this._y1 = y1;\n      this._x2 = x2;\n      this._y2 = y2;\n    }\n    toString () { return '[object SVGPathSegCurvetoCubicRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoCubicRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    x1: { get () { return this._x1; }, set (x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true },\n    y1: { get () { return this._y1; }, set (y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true },\n    x2: { get () { return this._x2; }, set (x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true },\n    y2: { get () { return this._y2; }, set (y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoQuadraticAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, x1, y1) {\n      super(SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS, 'Q', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._x1 = x1;\n      this._y1 = y1;\n    }\n    toString () { return '[object SVGPathSegCurvetoQuadraticAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoQuadraticAbs.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    x1: { get () { return this._x1; }, set (x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true },\n    y1: { get () { return this._y1; }, set (y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoQuadraticRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, x1, y1) {\n      super(SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL, 'q', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._x1 = x1;\n      this._y1 = y1;\n    }\n    toString () { return '[object SVGPathSegCurvetoQuadraticRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoQuadraticRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    x1: { get () { return this._x1; }, set (x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true },\n    y1: { get () { return this._y1; }, set (y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegArcAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {\n      super(SVGPathSeg.PATHSEG_ARC_ABS, 'A', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._r1 = r1;\n      this._r2 = r2;\n      this._angle = angle;\n      this._largeArcFlag = largeArcFlag;\n      this._sweepFlag = sweepFlag;\n    }\n    toString () { return '[object SVGPathSegArcAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag); }\n  }\n  Object.defineProperties(SVGPathSegArcAbs.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    r1: { get () { return this._r1; }, set (r1) { this._r1 = r1; this._segmentChanged(); }, enumerable: true },\n    r2: { get () { return this._r2; }, set (r2) { this._r2 = r2; this._segmentChanged(); }, enumerable: true },\n    angle: { get () { return this._angle; }, set (angle) { this._angle = angle; this._segmentChanged(); }, enumerable: true },\n    largeArcFlag: { get () { return this._largeArcFlag; }, set (largeArcFlag) { this._largeArcFlag = largeArcFlag; this._segmentChanged(); }, enumerable: true },\n    sweepFlag: { get () { return this._sweepFlag; }, set (sweepFlag) { this._sweepFlag = sweepFlag; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegArcRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {\n      super(SVGPathSeg.PATHSEG_ARC_REL, 'a', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._r1 = r1;\n      this._r2 = r2;\n      this._angle = angle;\n      this._largeArcFlag = largeArcFlag;\n      this._sweepFlag = sweepFlag;\n    }\n    toString () { return '[object SVGPathSegArcRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag); }\n  }\n  Object.defineProperties(SVGPathSegArcRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    r1: { get () { return this._r1; }, set (r1) { this._r1 = r1; this._segmentChanged(); }, enumerable: true },\n    r2: { get () { return this._r2; }, set (r2) { this._r2 = r2; this._segmentChanged(); }, enumerable: true },\n    angle: { get () { return this._angle; }, set (angle) { this._angle = angle; this._segmentChanged(); }, enumerable: true },\n    largeArcFlag: { get () { return this._largeArcFlag; }, set (largeArcFlag) { this._largeArcFlag = largeArcFlag; this._segmentChanged(); }, enumerable: true },\n    sweepFlag: { get () { return this._sweepFlag; }, set (sweepFlag) { this._sweepFlag = sweepFlag; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegLinetoHorizontalAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x) {\n      super(SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS, 'H', owningPathSegList);\n      this._x = x;\n    }\n    toString () { return '[object SVGPathSegLinetoHorizontalAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x; }\n    clone () { return new SVGPathSegLinetoHorizontalAbs(undefined, this._x); }\n  }\n  Object.defineProperty(SVGPathSegLinetoHorizontalAbs.prototype, 'x', { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true });\n\n  class SVGPathSegLinetoHorizontalRel extends SVGPathSeg {\n    constructor (owningPathSegList, x) {\n      super(SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL, 'h', owningPathSegList);\n      this._x = x;\n    }\n    toString () { return '[object SVGPathSegLinetoHorizontalRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x; }\n    clone () { return new SVGPathSegLinetoHorizontalRel(undefined, this._x); }\n  }\n  Object.defineProperty(SVGPathSegLinetoHorizontalRel.prototype, 'x', { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true });\n\n  class SVGPathSegLinetoVerticalAbs extends SVGPathSeg {\n    constructor (owningPathSegList, y) {\n      super(SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS, 'V', owningPathSegList);\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegLinetoVerticalAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._y; }\n    clone () { return new SVGPathSegLinetoVerticalAbs(undefined, this._y); }\n  }\n  Object.defineProperty(SVGPathSegLinetoVerticalAbs.prototype, 'y', { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true });\n\n  class SVGPathSegLinetoVerticalRel extends SVGPathSeg {\n    constructor (owningPathSegList, y) {\n      super(SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL, 'v', owningPathSegList);\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegLinetoVerticalRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._y; }\n    clone () { return new SVGPathSegLinetoVerticalRel(undefined, this._y); }\n  }\n  Object.defineProperty(SVGPathSegLinetoVerticalRel.prototype, 'y', { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true });\n\n  class SVGPathSegCurvetoCubicSmoothAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, x2, y2) {\n      super(SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS, 'S', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._x2 = x2;\n      this._y2 = y2;\n    }\n    toString () { return '[object SVGPathSegCurvetoCubicSmoothAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoCubicSmoothAbs.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    x2: { get () { return this._x2; }, set (x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true },\n    y2: { get () { return this._y2; }, set (y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoCubicSmoothRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y, x2, y2) {\n      super(SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL, 's', owningPathSegList);\n      this._x = x;\n      this._y = y;\n      this._x2 = x2;\n      this._y2 = y2;\n    }\n    toString () { return '[object SVGPathSegCurvetoCubicSmoothRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoCubicSmoothRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },\n    x2: { get () { return this._x2; }, set (x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true },\n    y2: { get () { return this._y2; }, set (y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoQuadraticSmoothAbs extends SVGPathSeg {\n    constructor (owningPathSegList, x, y) {\n      super(SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS, 'T', owningPathSegList);\n      this._x = x;\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegCurvetoQuadraticSmoothAbs]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoQuadraticSmoothAbs.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }\n  });\n\n  class SVGPathSegCurvetoQuadraticSmoothRel extends SVGPathSeg {\n    constructor (owningPathSegList, x, y) {\n      super(SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL, 't', owningPathSegList);\n      this._x = x;\n      this._y = y;\n    }\n    toString () { return '[object SVGPathSegCurvetoQuadraticSmoothRel]'; }\n    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }\n    clone () { return new SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y); }\n  }\n  Object.defineProperties(SVGPathSegCurvetoQuadraticSmoothRel.prototype, {\n    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },\n    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }\n  });\n\n  // Add createSVGPathSeg* functions to SVGPathElement.\n  // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathElement.\n  SVGPathElement.prototype.createSVGPathSegClosePath = function () { return new SVGPathSegClosePath(undefined); };\n  SVGPathElement.prototype.createSVGPathSegMovetoAbs = function (x, y) { return new SVGPathSegMovetoAbs(undefined, x, y); };\n  SVGPathElement.prototype.createSVGPathSegMovetoRel = function (x, y) { return new SVGPathSegMovetoRel(undefined, x, y); };\n  SVGPathElement.prototype.createSVGPathSegLinetoAbs = function (x, y) { return new SVGPathSegLinetoAbs(undefined, x, y); };\n  SVGPathElement.prototype.createSVGPathSegLinetoRel = function (x, y) { return new SVGPathSegLinetoRel(undefined, x, y); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs = function (x, y, x1, y1, x2, y2) { return new SVGPathSegCurvetoCubicAbs(undefined, x, y, x1, y1, x2, y2); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel = function (x, y, x1, y1, x2, y2) { return new SVGPathSegCurvetoCubicRel(undefined, x, y, x1, y1, x2, y2); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs = function (x, y, x1, y1) { return new SVGPathSegCurvetoQuadraticAbs(undefined, x, y, x1, y1); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel = function (x, y, x1, y1) { return new SVGPathSegCurvetoQuadraticRel(undefined, x, y, x1, y1); };\n  SVGPathElement.prototype.createSVGPathSegArcAbs = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) { return new SVGPathSegArcAbs(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag); };\n  SVGPathElement.prototype.createSVGPathSegArcRel = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) { return new SVGPathSegArcRel(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag); };\n  SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs = function (x) { return new SVGPathSegLinetoHorizontalAbs(undefined, x); };\n  SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel = function (x) { return new SVGPathSegLinetoHorizontalRel(undefined, x); };\n  SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs = function (y) { return new SVGPathSegLinetoVerticalAbs(undefined, y); };\n  SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel = function (y) { return new SVGPathSegLinetoVerticalRel(undefined, y); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs = function (x, y, x2, y2) { return new SVGPathSegCurvetoCubicSmoothAbs(undefined, x, y, x2, y2); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel = function (x, y, x2, y2) { return new SVGPathSegCurvetoCubicSmoothRel(undefined, x, y, x2, y2); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs = function (x, y) { return new SVGPathSegCurvetoQuadraticSmoothAbs(undefined, x, y); };\n  SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel = function (x, y) { return new SVGPathSegCurvetoQuadraticSmoothRel(undefined, x, y); };\n\n  if (!('getPathSegAtLength' in SVGPathElement.prototype)) {\n    // Add getPathSegAtLength to SVGPathElement.\n    // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-__svg__SVGPathElement__getPathSegAtLength\n    // This polyfill requires SVGPathElement.getTotalLength to implement the distance-along-a-path algorithm.\n    SVGPathElement.prototype.getPathSegAtLength = function (distance) {\n      if (distance === undefined || !isFinite(distance)) {\n        throw new Error('Invalid arguments.');\n      }\n\n      const measurementElement = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n      measurementElement.setAttribute('d', this.getAttribute('d'));\n      let lastPathSegment = measurementElement.pathSegList.numberOfItems - 1;\n\n      // If the path is empty, return 0.\n      if (lastPathSegment <= 0) {\n        return 0;\n      }\n\n      do {\n        measurementElement.pathSegList.removeItem(lastPathSegment);\n        if (distance > measurementElement.getTotalLength()) {\n          break;\n        }\n        lastPathSegment--;\n      } while (lastPathSegment > 0);\n      return lastPathSegment;\n    };\n  }\n\n  window.SVGPathSeg = SVGPathSeg;\n  window.SVGPathSegClosePath = SVGPathSegClosePath;\n  window.SVGPathSegMovetoAbs = SVGPathSegMovetoAbs;\n  window.SVGPathSegMovetoRel = SVGPathSegMovetoRel;\n  window.SVGPathSegLinetoAbs = SVGPathSegLinetoAbs;\n  window.SVGPathSegLinetoRel = SVGPathSegLinetoRel;\n  window.SVGPathSegCurvetoCubicAbs = SVGPathSegCurvetoCubicAbs;\n  window.SVGPathSegCurvetoCubicRel = SVGPathSegCurvetoCubicRel;\n  window.SVGPathSegCurvetoQuadraticAbs = SVGPathSegCurvetoQuadraticAbs;\n  window.SVGPathSegCurvetoQuadraticRel = SVGPathSegCurvetoQuadraticRel;\n  window.SVGPathSegArcAbs = SVGPathSegArcAbs;\n  window.SVGPathSegArcRel = SVGPathSegArcRel;\n  window.SVGPathSegLinetoHorizontalAbs = SVGPathSegLinetoHorizontalAbs;\n  window.SVGPathSegLinetoHorizontalRel = SVGPathSegLinetoHorizontalRel;\n  window.SVGPathSegLinetoVerticalAbs = SVGPathSegLinetoVerticalAbs;\n  window.SVGPathSegLinetoVerticalRel = SVGPathSegLinetoVerticalRel;\n  window.SVGPathSegCurvetoCubicSmoothAbs = SVGPathSegCurvetoCubicSmoothAbs;\n  window.SVGPathSegCurvetoCubicSmoothRel = SVGPathSegCurvetoCubicSmoothRel;\n  window.SVGPathSegCurvetoQuadraticSmoothAbs = SVGPathSegCurvetoQuadraticSmoothAbs;\n  window.SVGPathSegCurvetoQuadraticSmoothRel = SVGPathSegCurvetoQuadraticSmoothRel;\n}\n\n// Checking for SVGPathSegList in window checks for the case of an implementation without the\n// SVGPathSegList API.\n// The second check for appendItem is specific to Firefox 59+ which removed only parts of the\n// SVGPathSegList API (e.g., appendItem). In this case we need to re-implement the entire API\n// so the polyfill data (i.e., _list) is used throughout.\nif (!('SVGPathSegList' in window) || !('appendItem' in SVGPathSegList.prototype)) {\n  // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSegList\n  class SVGPathSegList {\n    constructor (pathElement) {\n      this._pathElement = pathElement;\n      this._list = this._parsePath(this._pathElement.getAttribute('d'));\n\n      // Use a MutationObserver to catch changes to the path's \"d\" attribute.\n      this._mutationObserverConfig = {attributes: true, attributeFilter: ['d']};\n      this._pathElementMutationObserver = new MutationObserver(this._updateListFromPathMutations.bind(this));\n      this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);\n    }\n    // Process any pending mutations to the path element and update the list as needed.\n    // This should be the first call of all public functions and is needed because\n    // MutationObservers are not synchronous so we can have pending asynchronous mutations.\n    _checkPathSynchronizedToList () {\n      this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords());\n    }\n\n    _updateListFromPathMutations (mutationRecords) {\n      if (!this._pathElement) {\n        return;\n      }\n      let hasPathMutations = false;\n      mutationRecords.forEach((record) => {\n        if (record.attributeName === 'd') {\n          hasPathMutations = true;\n        }\n      });\n      if (hasPathMutations) {\n        this._list = this._parsePath(this._pathElement.getAttribute('d'));\n      }\n    }\n\n    // Serialize the list and update the path's 'd' attribute.\n    _writeListToPath () {\n      this._pathElementMutationObserver.disconnect();\n      this._pathElement.setAttribute('d', SVGPathSegList._pathSegArrayAsString(this._list));\n      this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);\n    }\n\n    // When a path segment changes the list needs to be synchronized back to the path element.\n    segmentChanged (pathSeg) {\n      this._writeListToPath();\n    }\n\n    clear () {\n      this._checkPathSynchronizedToList();\n\n      this._list.forEach((pathSeg) => {\n        pathSeg._owningPathSegList = null;\n      });\n      this._list = [];\n      this._writeListToPath();\n    }\n\n    initialize (newItem) {\n      this._checkPathSynchronizedToList();\n\n      this._list = [newItem];\n      newItem._owningPathSegList = this;\n      this._writeListToPath();\n      return newItem;\n    }\n\n    _checkValidIndex (index) {\n      if (isNaN(index) || index < 0 || index >= this.numberOfItems) {\n        throw new Error('INDEX_SIZE_ERR');\n      }\n    }\n\n    getItem (index) {\n      this._checkPathSynchronizedToList();\n\n      this._checkValidIndex(index);\n      return this._list[index];\n    }\n\n    insertItemBefore (newItem, index) {\n      this._checkPathSynchronizedToList();\n\n      // Spec: If the index is greater than or equal to numberOfItems, then the new item is appended to the end of the list.\n      if (index > this.numberOfItems) {\n        index = this.numberOfItems;\n      }\n      if (newItem._owningPathSegList) {\n        // SVG2 spec says to make a copy.\n        newItem = newItem.clone();\n      }\n      this._list.splice(index, 0, newItem);\n      newItem._owningPathSegList = this;\n      this._writeListToPath();\n      return newItem;\n    }\n\n    replaceItem (newItem, index) {\n      this._checkPathSynchronizedToList();\n\n      if (newItem._owningPathSegList) {\n        // SVG2 spec says to make a copy.\n        newItem = newItem.clone();\n      }\n      this._checkValidIndex(index);\n      this._list[index] = newItem;\n      newItem._owningPathSegList = this;\n      this._writeListToPath();\n      return newItem;\n    }\n\n    removeItem (index) {\n      this._checkPathSynchronizedToList();\n\n      this._checkValidIndex(index);\n      const item = this._list[index];\n      this._list.splice(index, 1);\n      this._writeListToPath();\n      return item;\n    }\n\n    appendItem (newItem) {\n      this._checkPathSynchronizedToList();\n\n      if (newItem._owningPathSegList) {\n        // SVG2 spec says to make a copy.\n        newItem = newItem.clone();\n      }\n      this._list.push(newItem);\n      newItem._owningPathSegList = this;\n      // TODO: Optimize this to just append to the existing attribute.\n      this._writeListToPath();\n      return newItem;\n    }\n\n    // This closely follows SVGPathParser::parsePath from Source/core/svg/SVGPathParser.cpp.\n    _parsePath (string) {\n      if (!string || !string.length) {\n        return [];\n      }\n\n      const owningPathSegList = this;\n\n      class Builder {\n        constructor () {\n          this.pathSegList = [];\n        }\n        appendSegment (pathSeg) {\n          this.pathSegList.push(pathSeg);\n        }\n      }\n\n      class Source {\n        constructor (string) {\n          this._string = string;\n          this._currentIndex = 0;\n          this._endIndex = this._string.length;\n          this._previousCommand = SVGPathSeg.PATHSEG_UNKNOWN;\n\n          this._skipOptionalSpaces();\n        }\n        _isCurrentSpace () {\n          const character = this._string[this._currentIndex];\n          return character <= ' ' && (character === ' ' || character === '\\n' || character === '\\t' || character === '\\r' || character === '\\f');\n        }\n\n        _skipOptionalSpaces () {\n          while (this._currentIndex < this._endIndex && this._isCurrentSpace()) {\n            this._currentIndex++;\n          }\n          return this._currentIndex < this._endIndex;\n        }\n\n        _skipOptionalSpacesOrDelimiter () {\n          if (this._currentIndex < this._endIndex && !this._isCurrentSpace() && this._string.charAt(this._currentIndex) !== ',') {\n            return false;\n          }\n          if (this._skipOptionalSpaces()) {\n            if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === ',') {\n              this._currentIndex++;\n              this._skipOptionalSpaces();\n            }\n          }\n          return this._currentIndex < this._endIndex;\n        }\n\n        hasMoreData () {\n          return this._currentIndex < this._endIndex;\n        }\n\n        peekSegmentType () {\n          const lookahead = this._string[this._currentIndex];\n          return this._pathSegTypeFromChar(lookahead);\n        }\n\n        _pathSegTypeFromChar (lookahead) {\n          switch (lookahead) {\n          case 'Z':\n          case 'z':\n            return SVGPathSeg.PATHSEG_CLOSEPATH;\n          case 'M':\n            return SVGPathSeg.PATHSEG_MOVETO_ABS;\n          case 'm':\n            return SVGPathSeg.PATHSEG_MOVETO_REL;\n          case 'L':\n            return SVGPathSeg.PATHSEG_LINETO_ABS;\n          case 'l':\n            return SVGPathSeg.PATHSEG_LINETO_REL;\n          case 'C':\n            return SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS;\n          case 'c':\n            return SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL;\n          case 'Q':\n            return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;\n          case 'q':\n            return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;\n          case 'A':\n            return SVGPathSeg.PATHSEG_ARC_ABS;\n          case 'a':\n            return SVGPathSeg.PATHSEG_ARC_REL;\n          case 'H':\n            return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;\n          case 'h':\n            return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;\n          case 'V':\n            return SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;\n          case 'v':\n            return SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;\n          case 'S':\n            return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;\n          case 's':\n            return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;\n          case 'T':\n            return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;\n          case 't':\n            return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;\n          default:\n            return SVGPathSeg.PATHSEG_UNKNOWN;\n          }\n        }\n\n        _nextCommandHelper (lookahead, previousCommand) {\n          // Check for remaining coordinates in the current command.\n          if ((lookahead === '+' || lookahead === '-' || lookahead === '.' || (lookahead >= '0' && lookahead <= '9')) && previousCommand !== SVGPathSeg.PATHSEG_CLOSEPATH) {\n            if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_ABS) {\n              return SVGPathSeg.PATHSEG_LINETO_ABS;\n            }\n            if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_REL) {\n              return SVGPathSeg.PATHSEG_LINETO_REL;\n            }\n            return previousCommand;\n          }\n          return SVGPathSeg.PATHSEG_UNKNOWN;\n        }\n\n        initialCommandIsMoveTo () {\n          // If the path is empty it is still valid, so return true.\n          if (!this.hasMoreData()) {\n            return true;\n          }\n          const command = this.peekSegmentType();\n          // Path must start with moveTo.\n          return command === SVGPathSeg.PATHSEG_MOVETO_ABS || command === SVGPathSeg.PATHSEG_MOVETO_REL;\n        }\n\n        // Parse a number from an SVG path. This very closely follows genericParseNumber(...) from Source/core/svg/SVGParserUtilities.cpp.\n        // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-PathDataBNF\n        _parseNumber () {\n          let exponent = 0;\n          let integer = 0;\n          let frac = 1;\n          let decimal = 0;\n          let sign = 1;\n          let expsign = 1;\n\n          const startIndex = this._currentIndex;\n\n          this._skipOptionalSpaces();\n\n          // Read the sign.\n          if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '+') {\n            this._currentIndex++;\n          } else if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '-') {\n            this._currentIndex++;\n            sign = -1;\n          }\n\n          if (this._currentIndex === this._endIndex || ((this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') && this._string.charAt(this._currentIndex) !== '.')) {\n            // The first character of a number must be one of [0-9+-.].\n            return undefined;\n          }\n\n          // Read the integer part, build right-to-left.\n          const startIntPartIndex = this._currentIndex;\n          while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {\n            this._currentIndex++; // Advance to first non-digit.\n          }\n\n          if (this._currentIndex !== startIntPartIndex) {\n            let scanIntPartIndex = this._currentIndex - 1;\n            let multiplier = 1;\n            while (scanIntPartIndex >= startIntPartIndex) {\n              integer += multiplier * (this._string.charAt(scanIntPartIndex--) - '0');\n              multiplier *= 10;\n            }\n          }\n\n          // Read the decimals.\n          if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '.') {\n            this._currentIndex++;\n\n            // There must be a least one digit following the .\n            if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {\n              return undefined;\n            }\n            while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {\n              frac *= 10;\n              decimal += (this._string.charAt(this._currentIndex) - '0') / frac;\n              this._currentIndex += 1;\n            }\n          }\n\n          // Read the exponent part.\n          if (this._currentIndex !== startIndex && this._currentIndex + 1 < this._endIndex && (this._string.charAt(this._currentIndex) === 'e' || this._string.charAt(this._currentIndex) === 'E') && (this._string.charAt(this._currentIndex + 1) !== 'x' && this._string.charAt(this._currentIndex + 1) !== 'm')) {\n            this._currentIndex++;\n\n            // Read the sign of the exponent.\n            if (this._string.charAt(this._currentIndex) === '+') {\n              this._currentIndex++;\n            } else if (this._string.charAt(this._currentIndex) === '-') {\n              this._currentIndex++;\n              expsign = -1;\n            }\n\n            // There must be an exponent.\n            if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {\n              return undefined;\n            }\n\n            while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {\n              exponent *= 10;\n              exponent += (this._string.charAt(this._currentIndex) - '0');\n              this._currentIndex++;\n            }\n          }\n\n          let number = integer + decimal;\n          number *= sign;\n\n          if (exponent) {\n            number *= Math.pow(10, expsign * exponent);\n          }\n\n          if (startIndex === this._currentIndex) {\n            return undefined;\n          }\n\n          this._skipOptionalSpacesOrDelimiter();\n\n          return number;\n        }\n\n        _parseArcFlag () {\n          if (this._currentIndex >= this._endIndex) {\n            return undefined;\n          }\n          let flag = false;\n          const flagChar = this._string.charAt(this._currentIndex++);\n          if (flagChar === '0') {\n            flag = false;\n          } else if (flagChar === '1') {\n            flag = true;\n          } else {\n            return undefined;\n          }\n\n          this._skipOptionalSpacesOrDelimiter();\n          return flag;\n        }\n\n        parseSegment () {\n          const lookahead = this._string[this._currentIndex];\n          let command = this._pathSegTypeFromChar(lookahead);\n          if (command === SVGPathSeg.PATHSEG_UNKNOWN) {\n            // Possibly an implicit command. Not allowed if this is the first command.\n            if (this._previousCommand === SVGPathSeg.PATHSEG_UNKNOWN) {\n              return null;\n            }\n            command = this._nextCommandHelper(lookahead, this._previousCommand);\n            if (command === SVGPathSeg.PATHSEG_UNKNOWN) {\n              return null;\n            }\n          } else {\n            this._currentIndex++;\n          }\n\n          this._previousCommand = command;\n\n          switch (command) {\n          case SVGPathSeg.PATHSEG_MOVETO_REL:\n            return new SVGPathSegMovetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());\n          case SVGPathSeg.PATHSEG_MOVETO_ABS:\n            return new SVGPathSegMovetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());\n          case SVGPathSeg.PATHSEG_LINETO_REL:\n            return new SVGPathSegLinetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());\n          case SVGPathSeg.PATHSEG_LINETO_ABS:\n            return new SVGPathSegLinetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());\n          case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:\n            return new SVGPathSegLinetoHorizontalRel(owningPathSegList, this._parseNumber());\n          case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:\n            return new SVGPathSegLinetoHorizontalAbs(owningPathSegList, this._parseNumber());\n          case SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:\n            return new SVGPathSegLinetoVerticalRel(owningPathSegList, this._parseNumber());\n          case SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:\n            return new SVGPathSegLinetoVerticalAbs(owningPathSegList, this._parseNumber());\n          case SVGPathSeg.PATHSEG_CLOSEPATH:\n            this._skipOptionalSpaces();\n            return new SVGPathSegClosePath(owningPathSegList);\n          case SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL: {\n            const points = {x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegCurvetoCubicRel(owningPathSegList, points.x, points.y, points.x1, points.y1, points.x2, points.y2);\n          } case SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS: {\n            const points = {x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegCurvetoCubicAbs(owningPathSegList, points.x, points.y, points.x1, points.y1, points.x2, points.y2);\n          } case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL: {\n            const points = {x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, points.x, points.y, points.x2, points.y2);\n          } case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS: {\n            const points = {x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, points.x, points.y, points.x2, points.y2);\n          } case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL: {\n            const points = {x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegCurvetoQuadraticRel(owningPathSegList, points.x, points.y, points.x1, points.y1);\n          } case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:\n            const points = {x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegCurvetoQuadraticAbs(owningPathSegList, points.x, points.y, points.x1, points.y1);\n          case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:\n            return new SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, this._parseNumber(), this._parseNumber());\n          case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:\n            return new SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, this._parseNumber(), this._parseNumber());\n          case SVGPathSeg.PATHSEG_ARC_REL: {\n            const points = {x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegArcRel(owningPathSegList, points.x, points.y, points.x1, points.y1, points.arcAngle, points.arcLarge, points.arcSweep);\n          } case SVGPathSeg.PATHSEG_ARC_ABS: {\n            const points = {x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber()};\n            return new SVGPathSegArcAbs(owningPathSegList, points.x, points.y, points.x1, points.y1, points.arcAngle, points.arcLarge, points.arcSweep);\n          } default:\n            throw new Error('Unknown path seg type.');\n          }\n        }\n      }\n\n      const builder = new Builder();\n      const source = new Source(string);\n\n      if (!source.initialCommandIsMoveTo()) {\n        return [];\n      }\n      while (source.hasMoreData()) {\n        const pathSeg = source.parseSegment();\n        if (!pathSeg) {\n          return [];\n        }\n        builder.appendSegment(pathSeg);\n      }\n\n      return builder.pathSegList;\n    }\n  }\n\n  SVGPathSegList.prototype.classname = 'SVGPathSegList';\n\n  Object.defineProperty(SVGPathSegList.prototype, 'numberOfItems', {\n    get () {\n      this._checkPathSynchronizedToList();\n      return this._list.length;\n    },\n    enumerable: true\n  });\n\n  SVGPathSegList._pathSegArrayAsString = function (pathSegArray) {\n    let string = '';\n    let first = true;\n    pathSegArray.forEach((pathSeg) => {\n      if (first) {\n        first = false;\n        string += pathSeg._asPathString();\n      } else {\n        string += ' ' + pathSeg._asPathString();\n      }\n    });\n    return string;\n  };\n\n  // Add the pathSegList accessors to SVGPathElement.\n  // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGAnimatedPathData\n  Object.defineProperties(SVGPathElement.prototype, {\n    pathSegList: {\n      get () {\n        if (!this._pathSegList) {\n          this._pathSegList = new SVGPathSegList(this);\n        }\n        return this._pathSegList;\n      },\n      enumerable: true\n    },\n    // FIXME: The following are not implemented and simply return SVGPathElement.pathSegList.\n    normalizedPathSegList: { get () { return this.pathSegList; }, enumerable: true },\n    animatedPathSegList: { get () { return this.pathSegList; }, enumerable: true },\n    animatedNormalizedPathSegList: { get () { return this.pathSegList; }, enumerable: true }\n  });\n  window.SVGPathSegList = SVGPathSegList;\n}\n})();\n","/* globals jQuery */\n/**\n * Browser detection\n * @module browser\n * @license MIT\n *\n * @copyright 2010 Jeff Schiller, 2010 Alexis Deveria\n */\n\n// Dependencies:\n// 1) jQuery (for $.alert())\n\nimport './svgpathseg.js';\nimport {NS} from './namespaces.js';\n\nconst $ = jQuery;\n\nconst supportsSVG_ = (function () {\nreturn !!document.createElementNS && !!document.createElementNS(NS.SVG, 'svg').createSVGRect;\n}());\n\n/**\n * @function module:browser.supportsSvg\n * @returns {boolean}\n*/\nexport const supportsSvg = () => supportsSVG_;\n\nconst {userAgent} = navigator;\nconst svg = document.createElementNS(NS.SVG, 'svg');\n\n// Note: Browser sniffing should only be used if no other detection method is possible\nconst isOpera_ = !!window.opera;\nconst isWebkit_ = userAgent.includes('AppleWebKit');\nconst isGecko_ = userAgent.includes('Gecko/');\nconst isIE_ = userAgent.includes('MSIE');\nconst isChrome_ = userAgent.includes('Chrome/');\nconst isWindows_ = userAgent.includes('Windows');\nconst isMac_ = userAgent.includes('Macintosh');\nconst isTouch_ = 'ontouchstart' in window;\n\nconst supportsSelectors_ = (function () {\nreturn !!svg.querySelector;\n}());\n\nconst supportsXpath_ = (function () {\nreturn !!document.evaluate;\n}());\n\n// segList functions (for FF1.5 and 2.0)\nconst supportsPathReplaceItem_ = (function () {\nconst path = document.createElementNS(NS.SVG, 'path');\npath.setAttribute('d', 'M0,0 10,10');\nconst seglist = path.pathSegList;\nconst seg = path.createSVGPathSegLinetoAbs(5, 5);\ntry {\n  seglist.replaceItem(seg, 1);\n  return true;\n} catch (err) {}\nreturn false;\n}());\n\nconst supportsPathInsertItemBefore_ = (function () {\nconst path = document.createElementNS(NS.SVG, 'path');\npath.setAttribute('d', 'M0,0 10,10');\nconst seglist = path.pathSegList;\nconst seg = path.createSVGPathSegLinetoAbs(5, 5);\ntry {\n  seglist.insertItemBefore(seg, 1);\n  return true;\n} catch (err) {}\nreturn false;\n}());\n\n// text character positioning (for IE9)\nconst supportsGoodTextCharPos_ = (function () {\nconst svgroot = document.createElementNS(NS.SVG, 'svg');\nconst svgcontent = document.createElementNS(NS.SVG, 'svg');\ndocument.documentElement.append(svgroot);\nsvgcontent.setAttribute('x', 5);\nsvgroot.append(svgcontent);\nconst text = document.createElementNS(NS.SVG, 'text');\ntext.textContent = 'a';\nsvgcontent.append(text);\nconst pos = text.getStartPositionOfChar(0).x;\nsvgroot.remove();\nreturn (pos === 0);\n}());\n\nconst supportsPathBBox_ = (function () {\nconst svgcontent = document.createElementNS(NS.SVG, 'svg');\ndocument.documentElement.append(svgcontent);\nconst path = document.createElementNS(NS.SVG, 'path');\npath.setAttribute('d', 'M0,0 C0,0 10,10 10,0');\nsvgcontent.append(path);\nconst bbox = path.getBBox();\nsvgcontent.remove();\nreturn (bbox.height > 4 && bbox.height < 5);\n}());\n\n// Support for correct bbox sizing on groups with horizontal/vertical lines\nconst supportsHVLineContainerBBox_ = (function () {\nconst svgcontent = document.createElementNS(NS.SVG, 'svg');\ndocument.documentElement.append(svgcontent);\nconst path = document.createElementNS(NS.SVG, 'path');\npath.setAttribute('d', 'M0,0 10,0');\nconst path2 = document.createElementNS(NS.SVG, 'path');\npath2.setAttribute('d', 'M5,0 15,0');\nconst g = document.createElementNS(NS.SVG, 'g');\ng.append(path, path2);\nsvgcontent.append(g);\nconst bbox = g.getBBox();\nsvgcontent.remove();\n// Webkit gives 0, FF gives 10, Opera (correctly) gives 15\nreturn (bbox.width === 15);\n}());\n\nconst supportsEditableText_ = (function () {\n// TODO: Find better way to check support for this\nreturn isOpera_;\n}());\n\nconst supportsGoodDecimals_ = (function () {\n// Correct decimals on clone attributes (Opera < 10.5/win/non-en)\nconst rect = document.createElementNS(NS.SVG, 'rect');\nrect.setAttribute('x', 0.1);\nconst crect = rect.cloneNode(false);\nconst retValue = (!crect.getAttribute('x').includes(','));\nif (!retValue) {\n  // Todo: i18nize or remove\n  $.alert('NOTE: This version of Opera is known to contain bugs in SVG-edit.\\n' +\n\t'Please upgrade to the <a href=\"http://opera.com\">latest version</a> in which the problems have been fixed.');\n}\nreturn retValue;\n}());\n\nconst supportsNonScalingStroke_ = (function () {\nconst rect = document.createElementNS(NS.SVG, 'rect');\nrect.setAttribute('style', 'vector-effect:non-scaling-stroke');\nreturn rect.style.vectorEffect === 'non-scaling-stroke';\n}());\n\nlet supportsNativeSVGTransformLists_ = (function () {\nconst rect = document.createElementNS(NS.SVG, 'rect');\nconst rxform = rect.transform.baseVal;\nconst t1 = svg.createSVGTransform();\nrxform.appendItem(t1);\nconst r1 = rxform.getItem(0);\n// Todo: Do frame-independent instance checking\nreturn r1 instanceof SVGTransform && t1 instanceof SVGTransform &&\n\tr1.type === t1.type && r1.angle === t1.angle &&\n\tr1.matrix.a === t1.matrix.a &&\n\tr1.matrix.b === t1.matrix.b &&\n\tr1.matrix.c === t1.matrix.c &&\n\tr1.matrix.d === t1.matrix.d &&\n\tr1.matrix.e === t1.matrix.e &&\n\tr1.matrix.f === t1.matrix.f;\n}());\n\n// Public API\n\n/**\n * @function module:browser.isOpera\n * @returns {boolean}\n*/\nexport const isOpera = () => isOpera_;\n/**\n * @function module:browser.isWebkit\n * @returns {boolean}\n*/\nexport const isWebkit = () => isWebkit_;\n/**\n * @function module:browser.isGecko\n * @returns {boolean}\n*/\nexport const isGecko = () => isGecko_;\n/**\n * @function module:browser.isIE\n * @returns {boolean}\n*/\nexport const isIE = () => isIE_;\n/**\n * @function module:browser.isChrome\n * @returns {boolean}\n*/\nexport const isChrome = () => isChrome_;\n/**\n * @function module:browser.isWindows\n * @returns {boolean}\n*/\nexport const isWindows = () => isWindows_;\n/**\n * @function module:browser.isMac\n * @returns {boolean}\n*/\nexport const isMac = () => isMac_;\n/**\n * @function module:browser.isTouch\n * @returns {boolean}\n*/\nexport const isTouch = () => isTouch_;\n\n/**\n * @function module:browser.supportsSelectors\n * @returns {boolean}\n*/\nexport const supportsSelectors = () => supportsSelectors_;\n\n/**\n * @function module:browser.supportsXpath\n * @returns {boolean}\n*/\nexport const supportsXpath = () => supportsXpath_;\n\n/**\n * @function module:browser.supportsPathReplaceItem\n * @returns {boolean}\n*/\nexport const supportsPathReplaceItem = () => supportsPathReplaceItem_;\n\n/**\n * @function module:browser.supportsPathInsertItemBefore\n * @returns {boolean}\n*/\nexport const supportsPathInsertItemBefore = () => supportsPathInsertItemBefore_;\n\n/**\n * @function module:browser.supportsPathBBox\n * @returns {boolean}\n*/\nexport const supportsPathBBox = () => supportsPathBBox_;\n\n/**\n * @function module:browser.supportsHVLineContainerBBox\n * @returns {boolean}\n*/\nexport const supportsHVLineContainerBBox = () => supportsHVLineContainerBBox_;\n\n/**\n * @function module:browser.supportsGoodTextCharPos\n * @returns {boolean}\n*/\nexport const supportsGoodTextCharPos = () => supportsGoodTextCharPos_;\n\n/**\n* @function module:browser.supportsEditableText\n * @returns {boolean}\n*/\nexport const supportsEditableText = () => supportsEditableText_;\n\n/**\n * @function module:browser.supportsGoodDecimals\n * @returns {boolean}\n*/\nexport const supportsGoodDecimals = () => supportsGoodDecimals_;\n\n/**\n* @function module:browser.supportsNonScalingStroke\n* @returns {boolean}\n*/\nexport const supportsNonScalingStroke = () => supportsNonScalingStroke_;\n\n/**\n* @function module:browser.supportsNativeTransformLists\n* @returns {boolean}\n*/\nexport const supportsNativeTransformLists = () => supportsNativeSVGTransformLists_;\n\n/**\n * Set `supportsNativeSVGTransformLists_` to `false` (for unit testing)\n * @function module:browser.disableSupportsNativeTransformLists\n * @returns {undefined}\n*/\nexport const disableSupportsNativeTransformLists = () => {\n  supportsNativeSVGTransformLists_ = false;\n};\n","/**\n * jQuery module to work with SVG attributes\n * @module jQueryAttr\n * @license MIT\n */\n\n/**\n* This fixes `$(...).attr()` to work as expected with SVG elements.\n* Does not currently use `*AttributeNS()` since we rarely need that.\n* Adds {@link external:jQuery.fn.attr}.\n* See {@link https://api.jquery.com/attr/} for basic documentation of `.attr()`\n*\n* Additional functionality:\n* - When getting attributes, a string that's a number is returned as type number.\n* - If an array is supplied as the first parameter, multiple values are returned\n*    as an object with values for each given attribute\n* @function module:jQueryAttr.jQueryAttr\n* @param {external:jQuery} $ The jQuery object to which to add the plug-in\n* @returns {external:jQuery}\n*/\nexport default function ($) {\n  const proxied = $.fn.attr,\n    svgns = 'http://www.w3.org/2000/svg';\n  /**\n  * @typedef {PlainObject.<string, string|Float>} module:jQueryAttr.Attributes\n  */\n  /**\n  * @function external:jQuery.fn.attr\n  * @param {string|string[]|PlainObject.<string, string>} key\n  * @param {string} value\n  * @returns {external:jQuery|module:jQueryAttr.Attributes}\n  */\n  $.fn.attr = function (key, value) {\n    const len = this.length;\n    if (!len) { return proxied.apply(this, arguments); }\n    for (let i = 0; i < len; ++i) {\n      const elem = this[i];\n      // set/get SVG attribute\n      if (elem.namespaceURI === svgns) {\n        // Setting attribute\n        if (value !== undefined) {\n          elem.setAttribute(key, value);\n        } else if (Array.isArray(key)) {\n          // Getting attributes from array\n          const obj = {};\n          let j = key.length;\n\n          while (j--) {\n            const aname = key[j];\n            let attr = elem.getAttribute(aname);\n            // This returns a number when appropriate\n            if (attr || attr === '0') {\n              attr = isNaN(attr) ? attr : (attr - 0);\n            }\n            obj[aname] = attr;\n          }\n          return obj;\n        }\n        if (typeof key === 'object') {\n          // Setting attributes from object\n          for (const [name, val] of Object.entries(key)) {\n            elem.setAttribute(name, val);\n          }\n        // Getting attribute\n        } else {\n          let attr = elem.getAttribute(key);\n          if (attr || attr === '0') {\n            attr = isNaN(attr) ? attr : (attr - 0);\n          }\n          return attr;\n        }\n      } else {\n        return proxied.apply(this, arguments);\n      }\n    }\n    return this;\n  };\n  return $;\n}\n","/**\n * Partial polyfill of `SVGTransformList`\n * @module SVGTransformList\n *\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller\n */\n\nimport {NS} from './namespaces.js';\nimport {supportsNativeTransformLists} from './browser.js';\n\nconst svgroot = document.createElementNS(NS.SVG, 'svg');\n\n// Helper function.\nfunction transformToString (xform) {\n  const m = xform.matrix;\n  let text = '';\n  switch (xform.type) {\n  case 1: // MATRIX\n    text = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')';\n    break;\n  case 2: // TRANSLATE\n    text = 'translate(' + m.e + ',' + m.f + ')';\n    break;\n  case 3: // SCALE\n    if (m.a === m.d) {\n      text = 'scale(' + m.a + ')';\n    } else {\n      text = 'scale(' + m.a + ',' + m.d + ')';\n    }\n    break;\n  case 4: { // ROTATE\n    let cx = 0;\n    let cy = 0;\n    // this prevents divide by zero\n    if (xform.angle !== 0) {\n      const K = 1 - m.a;\n      cy = (K * m.f + m.b * m.e) / (K * K + m.b * m.b);\n      cx = (m.e - m.b * cy) / K;\n    }\n    text = 'rotate(' + xform.angle + ' ' + cx + ',' + cy + ')';\n    break;\n  }\n  }\n  return text;\n}\n\n/**\n * Map of SVGTransformList objects.\n */\nlet listMap_ = {};\n\n/**\n* @interface module:SVGTransformList.SVGEditTransformList\n* @property {Integer} numberOfItems unsigned long\n*/\n/**\n* @function module:SVGTransformList.SVGEditTransformList#clear\n* @returns {undefined}\n*/\n/**\n* @function module:SVGTransformList.SVGEditTransformList#initialize\n* @param {SVGTransform} newItem\n* @returns {SVGTransform}\n*/\n/**\n* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)\n* @function module:SVGTransformList.SVGEditTransformList#getItem\n* @param {Integer} index unsigned long\n* @returns {SVGTransform}\n*/\n/**\n* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)\n* @function module:SVGTransformList.SVGEditTransformList#insertItemBefore\n* @param {SVGTransform} newItem\n* @param {Integer} index unsigned long\n* @returns {SVGTransform}\n*/\n/**\n* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)\n* @function module:SVGTransformList.SVGEditTransformList#replaceItem\n* @param {SVGTransform} newItem\n* @param {Integer} index unsigned long\n* @returns {SVGTransform}\n*/\n/**\n* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)\n* @function module:SVGTransformList.SVGEditTransformList#removeItem\n* @param {Integer} index unsigned long\n* @returns {SVGTransform}\n*/\n/**\n* @function module:SVGTransformList.SVGEditTransformList#appendItem\n* @param {SVGTransform} newItem\n* @returns {SVGTransform}\n*/\n/**\n* NOT IMPLEMENTED\n* @ignore\n* @function module:SVGTransformList.SVGEditTransformList#createSVGTransformFromMatrix\n* @param {SVGMatrix} matrix\n* @returns {SVGTransform}\n*/\n/**\n* NOT IMPLEMENTED\n* @ignore\n* @function module:SVGTransformList.SVGEditTransformList#consolidate\n* @returns {SVGTransform}\n*/\n\n/**\n* SVGTransformList implementation for Webkit.\n* These methods do not currently raise any exceptions.\n* These methods also do not check that transforms are being inserted.  This is basically\n* implementing as much of SVGTransformList that we need to get the job done.\n*/\nexport class SVGTransformList {\n  /**\n  * @param {Element} elem\n  */\n  constructor (elem) {\n    this._elem = elem || null;\n    this._xforms = [];\n    // TODO: how do we capture the undo-ability in the changed transform list?\n    this._update = function () {\n      let tstr = '';\n      /* const concatMatrix = */ svgroot.createSVGMatrix();\n      for (let i = 0; i < this.numberOfItems; ++i) {\n        const xform = this._list.getItem(i);\n        tstr += transformToString(xform) + ' ';\n      }\n      this._elem.setAttribute('transform', tstr);\n    };\n    this._list = this;\n    this._init = function () {\n      // Transform attribute parser\n      let str = this._elem.getAttribute('transform');\n      if (!str) { return; }\n\n      // TODO: Add skew support in future\n      const re = /\\s*((scale|matrix|rotate|translate)\\s*\\(.*?\\))\\s*,?\\s*/;\n      let m = true;\n      while (m) {\n        m = str.match(re);\n        str = str.replace(re, '');\n        if (m && m[1]) {\n          const x = m[1];\n          const bits = x.split(/\\s*\\(/);\n          const name = bits[0];\n          const valBits = bits[1].match(/\\s*(.*?)\\s*\\)/);\n          valBits[1] = valBits[1].replace(/(\\d)-/g, '$1 -');\n          const valArr = valBits[1].split(/[, ]+/);\n          const letters = 'abcdef'.split('');\n          const mtx = svgroot.createSVGMatrix();\n          Object.values(valArr).forEach(function (item, i) {\n            valArr[i] = parseFloat(item);\n            if (name === 'matrix') {\n              mtx[letters[i]] = valArr[i];\n            }\n          });\n          const xform = svgroot.createSVGTransform();\n          const fname = 'set' + name.charAt(0).toUpperCase() + name.slice(1);\n          const values = name === 'matrix' ? [mtx] : valArr;\n\n          if (name === 'scale' && values.length === 1) {\n            values.push(values[0]);\n          } else if (name === 'translate' && values.length === 1) {\n            values.push(0);\n          } else if (name === 'rotate' && values.length === 1) {\n            values.push(0, 0);\n          }\n          xform[fname].apply(xform, values);\n          this._list.appendItem(xform);\n        }\n      }\n    };\n    this._removeFromOtherLists = function (item) {\n      if (item) {\n        // Check if this transform is already in a transformlist, and\n        // remove it if so.\n        let found = false;\n        for (const id in listMap_) {\n          const tl = listMap_[id];\n          for (let i = 0, len = tl._xforms.length; i < len; ++i) {\n            if (tl._xforms[i] === item) {\n              found = true;\n              tl.removeItem(i);\n              break;\n            }\n          }\n          if (found) {\n            break;\n          }\n        }\n      }\n    };\n\n    this.numberOfItems = 0;\n  }\n  /**\n  * @returns {undefined}\n  */\n  clear () {\n    this.numberOfItems = 0;\n    this._xforms = [];\n  }\n\n  /**\n  * @param {SVGTransform} newItem\n  * @returns {SVGTransform}\n  */\n  initialize (newItem) {\n    this.numberOfItems = 1;\n    this._removeFromOtherLists(newItem);\n    this._xforms = [newItem];\n  }\n\n  /**\n  * @param {Integer} index unsigned long\n  * @throws {Error}\n  * @returns {SVGTransform}\n  */\n  getItem (index) {\n    if (index < this.numberOfItems && index >= 0) {\n      return this._xforms[index];\n    }\n    const err = new Error('DOMException with code=INDEX_SIZE_ERR');\n    err.code = 1;\n    throw err;\n  }\n\n  /**\n  * @param {SVGTransform} newItem\n  * @param {Integer} index unsigned long\n  * @returns {SVGTransform}\n  */\n  insertItemBefore (newItem, index) {\n    let retValue = null;\n    if (index >= 0) {\n      if (index < this.numberOfItems) {\n        this._removeFromOtherLists(newItem);\n        const newxforms = new Array(this.numberOfItems + 1);\n        // TODO: use array copying and slicing\n        let i;\n        for (i = 0; i < index; ++i) {\n          newxforms[i] = this._xforms[i];\n        }\n        newxforms[i] = newItem;\n        for (let j = i + 1; i < this.numberOfItems; ++j, ++i) {\n          newxforms[j] = this._xforms[i];\n        }\n        this.numberOfItems++;\n        this._xforms = newxforms;\n        retValue = newItem;\n        this._list._update();\n      } else {\n        retValue = this._list.appendItem(newItem);\n      }\n    }\n    return retValue;\n  }\n\n  /**\n  * @param {SVGTransform} newItem\n  * @param {Integer} index unsigned long\n  * @returns {SVGTransform}\n  */\n  replaceItem (newItem, index) {\n    let retValue = null;\n    if (index < this.numberOfItems && index >= 0) {\n      this._removeFromOtherLists(newItem);\n      this._xforms[index] = newItem;\n      retValue = newItem;\n      this._list._update();\n    }\n    return retValue;\n  }\n\n  /**\n  * @param {Integer} index unsigned long\n  * @throws {Error}\n  * @returns {SVGTransform}\n  */\n  removeItem (index) {\n    if (index < this.numberOfItems && index >= 0) {\n      const retValue = this._xforms[index];\n      const newxforms = new Array(this.numberOfItems - 1);\n      let i;\n      for (i = 0; i < index; ++i) {\n        newxforms[i] = this._xforms[i];\n      }\n      for (let j = i; j < this.numberOfItems - 1; ++j, ++i) {\n        newxforms[j] = this._xforms[i + 1];\n      }\n      this.numberOfItems--;\n      this._xforms = newxforms;\n      this._list._update();\n      return retValue;\n    }\n    const err = new Error('DOMException with code=INDEX_SIZE_ERR');\n    err.code = 1;\n    throw err;\n  }\n\n  /**\n  * @param {SVGTransform} newItem\n  * @returns {SVGTransform}\n  */\n  appendItem (newItem) {\n    this._removeFromOtherLists(newItem);\n    this._xforms.push(newItem);\n    this.numberOfItems++;\n    this._list._update();\n    return newItem;\n  }\n}\n\n/**\n* @function module:SVGTransformList.resetListMap\n* @returns {undefined}\n*/\nexport const resetListMap = function () {\n  listMap_ = {};\n};\n\n/**\n * Removes transforms of the given element from the map.\n * @function module:SVGTransformList.removeElementFromListMap\n * @param {Element} elem - a DOM Element\n * @returns {undefined}\n */\nexport let removeElementFromListMap = function (elem) {\n  if (elem.id && listMap_[elem.id]) {\n    delete listMap_[elem.id];\n  }\n};\n\n/**\n* Returns an object that behaves like a `SVGTransformList` for the given DOM element\n* @function module:SVGTransformList.getTransformList\n* @param {Element} elem - DOM element to get a transformlist from\n* @todo The polyfill should have `SVGAnimatedTransformList` and this should use it\n* @returns {SVGAnimatedTransformList|SVGTransformList}\n*/\nexport const getTransformList = function (elem) {\n  if (!supportsNativeTransformLists()) {\n    const id = elem.id || 'temp';\n    let t = listMap_[id];\n    if (!t || id === 'temp') {\n      listMap_[id] = new SVGTransformList(elem);\n      listMap_[id]._init();\n      t = listMap_[id];\n    }\n    return t;\n  }\n  if (elem.transform) {\n    return elem.transform.baseVal;\n  }\n  if (elem.gradientTransform) {\n    return elem.gradientTransform.baseVal;\n  }\n  if (elem.patternTransform) {\n    return elem.patternTransform.baseVal;\n  }\n\n  return null;\n};\n\n/**\n* @callback module:SVGTransformList.removeElementFromListMap\n* @param {Element} elem\n*/\n/**\n* For unit-testing\n* @function module:SVGTransformList.changeRemoveElementFromListMap\n* @param {module:SVGTransformList.removeElementFromListMap} cb Passed a single argument `elem`\n* @returns {undefined}\n*/\nexport const changeRemoveElementFromListMap = function (cb) {\n  removeElementFromListMap = cb;\n};\n","/**\n * Tools for working with units\n * @module units\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller\n */\n\nimport {NS} from './namespaces.js';\n\nconst wAttrs = ['x', 'x1', 'cx', 'rx', 'width'];\nconst hAttrs = ['y', 'y1', 'cy', 'ry', 'height'];\nconst unitAttrs = ['r', 'radius', ...wAttrs, ...hAttrs];\n// unused\n/*\nconst unitNumMap = {\n  '%': 2,\n  em: 3,\n  ex: 4,\n  px: 5,\n  cm: 6,\n  mm: 7,\n  in: 8,\n  pt: 9,\n  pc: 10\n};\n*/\n// Container of elements.\nlet elementContainer_;\n\n// Stores mapping of unit type to user coordinates.\nlet typeMap_ = {};\n\n/**\n * @interface module:units.ElementContainer\n */\n/**\n * @function module:units.ElementContainer#getBaseUnit\n * @returns {string} The base unit type of the container ('em')\n */\n/**\n * @function module:units.ElementContainer#getElement\n * @returns {Element} An element in the container given an id\n */\n/**\n * @function module:units.ElementContainer#getHeight\n * @returns {Float} The container's height\n */\n/**\n * @function module:units.ElementContainer#getWidth\n * @returns {Float} The container's width\n */\n/**\n * @function module:units.ElementContainer#getRoundDigits\n * @returns {Integer} The number of digits number should be rounded to\n */\n\n/**\n * @typedef {PlainObject} module:units.TypeMap\n * @property {Float} em\n * @property {Float} ex\n * @property {Float} in\n * @property {Float} cm\n * @property {Float} mm\n * @property {Float} pt\n * @property {Float} pc\n * @property {Integer} px\n * @property {0} %\n */\n\n/**\n * Initializes this module.\n *\n * @function module:units.init\n * @param {module:units.ElementContainer} elementContainer - An object implementing the ElementContainer interface.\n * @returns {undefined}\n */\nexport const init = function (elementContainer) {\n  elementContainer_ = elementContainer;\n\n  // Get correct em/ex values by creating a temporary SVG.\n  const svg = document.createElementNS(NS.SVG, 'svg');\n  document.body.append(svg);\n  const rect = document.createElementNS(NS.SVG, 'rect');\n  rect.setAttribute('width', '1em');\n  rect.setAttribute('height', '1ex');\n  rect.setAttribute('x', '1in');\n  svg.append(rect);\n  const bb = rect.getBBox();\n  svg.remove();\n\n  const inch = bb.x;\n  typeMap_ = {\n    em: bb.width,\n    ex: bb.height,\n    in: inch,\n    cm: inch / 2.54,\n    mm: inch / 25.4,\n    pt: inch / 72,\n    pc: inch / 6,\n    px: 1,\n    '%': 0\n  };\n};\n\n/**\n* Group: Unit conversion functions\n*/\n\n/**\n * @function module:units.getTypeMap\n * @returns {module:units.TypeMap} The unit object with values for each unit\n*/\nexport const getTypeMap = function () {\n  return typeMap_;\n};\n\n/**\n* @typedef {GenericArray} module:units.CompareNumbers\n* @property {Integer} length 2\n* @property {Float} 0\n* @property {Float} 1\n*/\n\n/**\n* Rounds a given value to a float with number of digits defined in\n* `round_digits` of `saveOptions`\n*\n* @function module:units.shortFloat\n* @param {string|Float|module:units.CompareNumbers} val - The value (or Array of two numbers) to be rounded\n* @returns {Float|string} If a string/number was given, returns a Float. If an array, return a string\n* with comma-separated floats\n*/\nexport const shortFloat = function (val) {\n  const digits = elementContainer_.getRoundDigits();\n  if (!isNaN(val)) {\n    // Note that + converts to Number\n    return +((+val).toFixed(digits));\n  }\n  if (Array.isArray(val)) {\n    return shortFloat(val[0]) + ',' + shortFloat(val[1]);\n  }\n  return parseFloat(val).toFixed(digits) - 0;\n};\n\n/**\n* Converts the number to given unit or baseUnit\n* @function module:units.convertUnit\n* @returns {Float}\n*/\nexport const convertUnit = function (val, unit) {\n  unit = unit || elementContainer_.getBaseUnit();\n  // baseVal.convertToSpecifiedUnits(unitNumMap[unit]);\n  // const val = baseVal.valueInSpecifiedUnits;\n  // baseVal.convertToSpecifiedUnits(1);\n  return shortFloat(val / typeMap_[unit]);\n};\n\n/**\n* Sets an element's attribute based on the unit in its current value.\n*\n* @function module:units.setUnitAttr\n* @param {Element} elem - DOM element to be changed\n* @param {string} attr - Name of the attribute associated with the value\n* @param {string} val - Attribute value to convert\n* @returns {undefined}\n*/\nexport const setUnitAttr = function (elem, attr, val) {\n  //  if (!isNaN(val)) {\n  // New value is a number, so check currently used unit\n  // const oldVal = elem.getAttribute(attr);\n\n  // Enable this for alternate mode\n  // if (oldVal !== null && (isNaN(oldVal) || elementContainer_.getBaseUnit() !== 'px')) {\n  //   // Old value was a number, so get unit, then convert\n  //   let unit;\n  //   if (oldVal.substr(-1) === '%') {\n  //     const res = getResolution();\n  //     unit = '%';\n  //     val *= 100;\n  //     if (wAttrs.includes(attr)) {\n  //       val = val / res.w;\n  //     } else if (hAttrs.includes(attr)) {\n  //       val = val / res.h;\n  //     } else {\n  //       return val / Math.sqrt((res.w*res.w) + (res.h*res.h))/Math.sqrt(2);\n  //     }\n  //   } else {\n  //     if (elementContainer_.getBaseUnit() !== 'px') {\n  //       unit = elementContainer_.getBaseUnit();\n  //     } else {\n  //       unit = oldVal.substr(-2);\n  //     }\n  //     val = val / typeMap_[unit];\n  //   }\n  //\n  // val += unit;\n  // }\n  // }\n  elem.setAttribute(attr, val);\n};\n\nconst attrsToConvert = {\n  line: ['x1', 'x2', 'y1', 'y2'],\n  circle: ['cx', 'cy', 'r'],\n  ellipse: ['cx', 'cy', 'rx', 'ry'],\n  foreignObject: ['x', 'y', 'width', 'height'],\n  rect: ['x', 'y', 'width', 'height'],\n  image: ['x', 'y', 'width', 'height'],\n  use: ['x', 'y', 'width', 'height'],\n  text: ['x', 'y']\n};\n\n/**\n* Converts all applicable attributes to the configured baseUnit\n* @function module:units.convertAttrs\n* @param {Element} element - A DOM element whose attributes should be converted\n* @returns {undefined}\n*/\nexport const convertAttrs = function (element) {\n  const elName = element.tagName;\n  const unit = elementContainer_.getBaseUnit();\n  const attrs = attrsToConvert[elName];\n  if (!attrs) { return; }\n\n  const len = attrs.length;\n  for (let i = 0; i < len; i++) {\n    const attr = attrs[i];\n    const cur = element.getAttribute(attr);\n    if (cur) {\n      if (!isNaN(cur)) {\n        element.setAttribute(attr, (cur / typeMap_[unit]) + unit);\n      }\n      // else {\n      // Convert existing?\n      // }\n    }\n  }\n};\n\n/**\n* Converts given values to numbers. Attributes must be supplied in\n* case a percentage is given\n*\n* @function module:units.convertToNum\n* @param {string} attr - Name of the attribute associated with the value\n* @param {string} val - Attribute value to convert\n* @returns {Float} The converted number\n*/\nexport const convertToNum = function (attr, val) {\n  // Return a number if that's what it already is\n  if (!isNaN(val)) { return val - 0; }\n  if (val.substr(-1) === '%') {\n    // Deal with percentage, depends on attribute\n    const num = val.substr(0, val.length - 1) / 100;\n    const width = elementContainer_.getWidth();\n    const height = elementContainer_.getHeight();\n\n    if (wAttrs.includes(attr)) {\n      return num * width;\n    }\n    if (hAttrs.includes(attr)) {\n      return num * height;\n    }\n    return num * Math.sqrt((width * width) + (height * height)) / Math.sqrt(2);\n  }\n  const unit = val.substr(-2);\n  const num = val.substr(0, val.length - 2);\n  // Note that this multiplication turns the string into a number\n  return num * typeMap_[unit];\n};\n\n/**\n* Check if an attribute's value is in a valid format\n* @function module:units.isValidUnit\n* @param {string} attr - The name of the attribute associated with the value\n* @param {string} val - The attribute value to check\n* @returns {boolean} Whether the unit is valid\n*/\nexport const isValidUnit = function (attr, val, selectedElement) {\n  if (unitAttrs.includes(attr)) {\n    // True if it's just a number\n    if (!isNaN(val)) {\n      return true;\n    }\n    // Not a number, check if it has a valid unit\n    val = val.toLowerCase();\n    return Object.keys(typeMap_).some((unit) => {\n      const re = new RegExp('^-?[\\\\d\\\\.]+' + unit + '$');\n      return re.test(val);\n    });\n  }\n  if (attr === 'id') {\n    // if we're trying to change the id, make sure it's not already present in the doc\n    // and the id value is valid.\n\n    let result = false;\n    // because getElem() can throw an exception in the case of an invalid id\n    // (according to https://www.w3.org/TR/xml-id/ IDs must be a NCName)\n    // we wrap it in an exception and only return true if the ID was valid and\n    // not already present\n    try {\n      const elem = elementContainer_.getElement(val);\n      result = (elem == null || elem === selectedElement);\n    } catch (e) {}\n    return result;\n  }\n  return true;\n};\n","/**\n * For command history tracking and undo functionality\n * @module history\n * @license MIT\n * @copyright 2010 Jeff Schiller\n */\n\nimport {getHref, setHref, getRotationAngle} from './utilities.js';\nimport {removeElementFromListMap} from './svgtransformlist.js';\n\n/**\n* Group: Undo/Redo history management\n*/\nexport const HistoryEventTypes = {\n  BEFORE_APPLY: 'before_apply',\n  AFTER_APPLY: 'after_apply',\n  BEFORE_UNAPPLY: 'before_unapply',\n  AFTER_UNAPPLY: 'after_unapply'\n};\n\n// const removedElements = {};\n\n/**\n* Base class for commands\n*/\nclass Command {\n  /**\n  * @returns {string}\n  */\n  getText () {\n    return this.text;\n  }\n}\n\n// Todo: Figure out why the interface members aren't showing\n//   up (with or without modules applied), despite our apparently following\n//   http://usejsdoc.org/tags-interface.html#virtual-comments\n\n/**\n * An interface that all command objects must implement.\n * @interface module:history.HistoryCommand\n*/\n/**\n * Applies\n *\n * @function module:history.HistoryCommand#apply\n * @param {module:history.HistoryEventHandler}\n * @fires module:history~Command#event:history\n * @returns {undefined|true}\n */\n/**\n *\n * Unapplies\n * @function module:history.HistoryCommand#unapply\n * @param {module:history.HistoryEventHandler}\n * @fires module:history~Command#event:history\n * @returns {undefined|true}\n */\n/**\n * Returns the elements\n * @function module:history.HistoryCommand#elements\n * @returns {Element[]}\n */\n/**\n * Gets the text\n * @function module:history.HistoryCommand#getText\n * @returns {string}\n */\n/**\n * Gives the type\n * @function module:history.HistoryCommand.type\n * @returns {string}\n */\n/**\n * Gives the type\n * @function module:history.HistoryCommand#type\n * @returns {string}\n*/\n\n/**\n * @event module:history~Command#event:history\n * @type {module:history.HistoryCommand}\n */\n\n/**\n * An interface for objects that will handle history events.\n * @interface module:history.HistoryEventHandler\n */\n/**\n *\n * @function module:history.HistoryEventHandler#handleHistoryEvent\n * @param {string} eventType One of the HistoryEvent types\n * @param {module:history~Command#event:history} command\n * @listens module:history~Command#event:history\n * @returns {undefined}\n *\n */\n\n/**\n * History command for an element that had its DOM position changed\n * @implements {module:history.HistoryCommand}\n * @param {Element} elem - The DOM element that was moved\n * @param {Element} oldNextSibling - The element's next sibling before it was moved\n * @param {Element} oldParent - The element's parent before it was moved\n * @param {string} [text] - An optional string visible to user related to this change\n*/\nexport class MoveElementCommand extends Command {\n  constructor (elem, oldNextSibling, oldParent, text) {\n    super();\n    this.elem = elem;\n    this.text = text ? ('Move ' + elem.tagName + ' to ' + text) : ('Move ' + elem.tagName);\n    this.oldNextSibling = oldNextSibling;\n    this.oldParent = oldParent;\n    this.newNextSibling = elem.nextSibling;\n    this.newParent = elem.parentNode;\n  }\n  type () {\n    return 'svgedit.history.MoveElementCommand';\n  }\n\n  /**\n   * Re-positions the element\n   * @param {module:history.HistoryEventHandler} handler\n   * @fires module:history~Command#event:history\n   * @returns {undefined}\n  */\n  apply (handler) {\n    // TODO(codedread): Refactor this common event code into a base HistoryCommand class.\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);\n    }\n\n    this.elem = this.newParent.insertBefore(this.elem, this.newNextSibling);\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);\n    }\n  }\n\n  /**\n   * Positions the element back to its original location\n   * @param {module:history.HistoryEventHandler} handler\n   * @fires module:history~Command#event:history\n   * @returns {undefined}\n  */\n  unapply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);\n    }\n\n    this.elem = this.oldParent.insertBefore(this.elem, this.oldNextSibling);\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);\n    }\n  }\n\n  /**\n  * @returns {Element[]} Array with element associated with this command\n  */\n  elements () {\n    return [this.elem];\n  }\n}\nMoveElementCommand.type = MoveElementCommand.prototype.type;\n\n/**\n* History command for an element that was added to the DOM\n* @implements {module:history.HistoryCommand}\n*\n* @param {Element} elem - The newly added DOM element\n* @param {string} text - An optional string visible to user related to this change\n*/\nexport class InsertElementCommand extends Command {\n  constructor (elem, text) {\n    super();\n    this.elem = elem;\n    this.text = text || ('Create ' + elem.tagName);\n    this.parent = elem.parentNode;\n    this.nextSibling = this.elem.nextSibling;\n  }\n\n  type () {\n    return 'svgedit.history.InsertElementCommand';\n  }\n\n  /**\n  * Re-inserts the new element\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {undefined}\n  */\n  apply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);\n    }\n\n    this.elem = this.parent.insertBefore(this.elem, this.nextSibling);\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);\n    }\n  }\n\n  /**\n  * Removes the element\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {undefined}\n  */\n  unapply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);\n    }\n\n    this.parent = this.elem.parentNode;\n    this.elem = this.elem.parentNode.removeChild(this.elem);\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);\n    }\n  }\n\n  /**\n  * @returns {Element[]} Array with element associated with this command\n  */\n  elements () {\n    return [this.elem];\n  }\n}\nInsertElementCommand.type = InsertElementCommand.prototype.type;\n\n/**\n* History command for an element removed from the DOM\n* @implements {module:history.HistoryCommand}\n* @param {Element} elem - The removed DOM element\n* @param {Node} oldNextSibling - The DOM element's nextSibling when it was in the DOM\n* @param {Element} oldParent - The DOM element's parent\n* @param {string} [text] - An optional string visible to user related to this change\n*/\nexport class RemoveElementCommand extends Command {\n  constructor (elem, oldNextSibling, oldParent, text) {\n    super();\n    this.elem = elem;\n    this.text = text || ('Delete ' + elem.tagName);\n    this.nextSibling = oldNextSibling;\n    this.parent = oldParent;\n\n    // special hack for webkit: remove this element's entry in the svgTransformLists map\n    removeElementFromListMap(elem);\n  }\n  type () {\n    return 'svgedit.history.RemoveElementCommand';\n  }\n\n  /**\n  * Re-removes the new element\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {undefined}\n  */\n  apply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);\n    }\n\n    removeElementFromListMap(this.elem);\n    this.parent = this.elem.parentNode;\n    this.elem = this.parent.removeChild(this.elem);\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);\n    }\n  }\n\n  /**\n  * Re-adds the new element\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {undefined}\n  */\n  unapply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);\n    }\n\n    removeElementFromListMap(this.elem);\n    if (this.nextSibling == null) {\n      if (window.console) {\n        console.log('Error: reference element was lost');\n      }\n    }\n    this.parent.insertBefore(this.elem, this.nextSibling); // Don't use `before` or `prepend` as `this.nextSibling` may be `null`\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);\n    }\n  }\n\n  /**\n  * @returns {Element[]} Array with element associated with this command\n  */\n  elements () {\n    return [this.elem];\n  }\n}\nRemoveElementCommand.type = RemoveElementCommand.prototype.type;\n\n/**\n* @typedef {\"#text\"|\"#href\"|string} module:history.CommandAttributeName\n*/\n/**\n* @typedef {PlainObject.<module:history.CommandAttributeName, string>} module:history.CommandAttributes\n*/\n\n/**\n* History command to make a change to an element.\n* Usually an attribute change, but can also be textcontent.\n* @implements {module:history.HistoryCommand}\n* @param {Element} elem - The DOM element that was changed\n* @param {module:history.CommandAttributes} attrs - Attributes to be changed with the values they had *before* the change\n* @param {string} text - An optional string visible to user related to this change\n*/\nexport class ChangeElementCommand extends Command {\n  constructor (elem, attrs, text) {\n    super();\n    this.elem = elem;\n    this.text = text ? ('Change ' + elem.tagName + ' ' + text) : ('Change ' + elem.tagName);\n    this.newValues = {};\n    this.oldValues = attrs;\n    for (const attr in attrs) {\n      if (attr === '#text') {\n        this.newValues[attr] = elem.textContent;\n      } else if (attr === '#href') {\n        this.newValues[attr] = getHref(elem);\n      } else {\n        this.newValues[attr] = elem.getAttribute(attr);\n      }\n    }\n  }\n  type () {\n    return 'svgedit.history.ChangeElementCommand';\n  }\n\n  /**\n  * Performs the stored change action\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {true}\n  */\n  apply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);\n    }\n\n    let bChangedTransform = false;\n    for (const attr in this.newValues) {\n      if (this.newValues[attr]) {\n        if (attr === '#text') {\n          this.elem.textContent = this.newValues[attr];\n        } else if (attr === '#href') {\n          setHref(this.elem, this.newValues[attr]);\n        } else {\n          this.elem.setAttribute(attr, this.newValues[attr]);\n        }\n      } else {\n        if (attr === '#text') {\n          this.elem.textContent = '';\n        } else {\n          this.elem.setAttribute(attr, '');\n          this.elem.removeAttribute(attr);\n        }\n      }\n\n      if (attr === 'transform') { bChangedTransform = true; }\n    }\n\n    // relocate rotational transform, if necessary\n    if (!bChangedTransform) {\n      const angle = getRotationAngle(this.elem);\n      if (angle) {\n        const bbox = this.elem.getBBox();\n        const cx = bbox.x + bbox.width / 2,\n          cy = bbox.y + bbox.height / 2;\n        const rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');\n        if (rotate !== this.elem.getAttribute('transform')) {\n          this.elem.setAttribute('transform', rotate);\n        }\n      }\n    }\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);\n    }\n\n    return true;\n  }\n\n  /**\n  * Reverses the stored change action\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {true}\n  */\n  unapply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);\n    }\n\n    let bChangedTransform = false;\n    for (const attr in this.oldValues) {\n      if (this.oldValues[attr]) {\n        if (attr === '#text') {\n          this.elem.textContent = this.oldValues[attr];\n        } else if (attr === '#href') {\n          setHref(this.elem, this.oldValues[attr]);\n        } else {\n          this.elem.setAttribute(attr, this.oldValues[attr]);\n        }\n      } else {\n        if (attr === '#text') {\n          this.elem.textContent = '';\n        } else {\n          this.elem.removeAttribute(attr);\n        }\n      }\n      if (attr === 'transform') { bChangedTransform = true; }\n    }\n    // relocate rotational transform, if necessary\n    if (!bChangedTransform) {\n      const angle = getRotationAngle(this.elem);\n      if (angle) {\n        const bbox = this.elem.getBBox();\n        const cx = bbox.x + bbox.width / 2,\n          cy = bbox.y + bbox.height / 2;\n        const rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');\n        if (rotate !== this.elem.getAttribute('transform')) {\n          this.elem.setAttribute('transform', rotate);\n        }\n      }\n    }\n\n    // Remove transformlist to prevent confusion that causes bugs like 575.\n    removeElementFromListMap(this.elem);\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);\n    }\n\n    return true;\n  }\n\n  /**\n  * @returns {Element[]} Array with element associated with this command\n  */\n  elements () {\n    return [this.elem];\n  }\n}\nChangeElementCommand.type = ChangeElementCommand.prototype.type;\n\n// TODO: create a 'typing' command object that tracks changes in text\n// if a new Typing command is created and the top command on the stack is also a Typing\n// and they both affect the same element, then collapse the two commands into one\n\n/**\n* History command that can contain/execute multiple other commands\n* @implements {module:history.HistoryCommand}\n*/\nexport class BatchCommand extends Command {\n  /**\n  * @param {string} [text] - An optional string visible to user related to this change\n  */\n  constructor (text) {\n    super();\n    this.text = text || 'Batch Command';\n    this.stack = [];\n  }\n\n  type () {\n    return 'svgedit.history.BatchCommand';\n  }\n\n  /**\n  * Runs \"apply\" on all subcommands\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {undefined}\n  */\n  apply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);\n    }\n\n    const len = this.stack.length;\n    for (let i = 0; i < len; ++i) {\n      this.stack[i].apply(handler);\n    }\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);\n    }\n  }\n\n  /**\n  * Runs \"unapply\" on all subcommands\n  * @param {module:history.HistoryEventHandler} handler\n  * @fires module:history~Command#event:history\n  * @returns {undefined}\n  */\n  unapply (handler) {\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);\n    }\n\n    for (let i = this.stack.length - 1; i >= 0; i--) {\n      this.stack[i].unapply(handler);\n    }\n\n    if (handler) {\n      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);\n    }\n  }\n\n  /**\n  * Iterate through all our subcommands\n  * @returns {Element[]} All the elements we are changing\n  */\n  elements () {\n    const elems = [];\n    let cmd = this.stack.length;\n    while (cmd--) {\n      const thisElems = this.stack[cmd].elements();\n      let elem = thisElems.length;\n      while (elem--) {\n        if (!elems.includes(thisElems[elem])) { elems.push(thisElems[elem]); }\n      }\n    }\n    return elems;\n  }\n\n  /**\n  * Adds a given command to the history stack\n  * @param {Command} cmd - The undo command object to add\n  */\n  addSubCommand (cmd) {\n    this.stack.push(cmd);\n  }\n\n  /**\n  * @returns {boolean} Indicates whether or not the batch command is empty\n  */\n  isEmpty () {\n    return !this.stack.length;\n  }\n}\nBatchCommand.type = BatchCommand.prototype.type;\n\n/**\n*\n*/\nexport class UndoManager {\n  /**\n  * @param {module:history.HistoryEventHandler} historyEventHandler\n  */\n  constructor (historyEventHandler) {\n    this.handler_ = historyEventHandler || null;\n    this.undoStackPointer = 0;\n    this.undoStack = [];\n\n    // this is the stack that stores the original values, the elements and\n    // the attribute name for begin/finish\n    this.undoChangeStackPointer = -1;\n    this.undoableChangeStack = [];\n  }\n\n  /**\n  * Resets the undo stack, effectively clearing the undo/redo history\n  * @returns {undefined}\n  */\n  resetUndoStack () {\n    this.undoStack = [];\n    this.undoStackPointer = 0;\n  }\n\n  /**\n  * @returns {Integer} Current size of the undo history stack\n  */\n  getUndoStackSize () {\n    return this.undoStackPointer;\n  }\n\n  /**\n  * @returns {Integer} Current size of the redo history stack\n  */\n  getRedoStackSize () {\n    return this.undoStack.length - this.undoStackPointer;\n  }\n\n  /**\n  * @returns {string} String associated with the next undo command\n  */\n  getNextUndoCommandText () {\n    return this.undoStackPointer > 0 ? this.undoStack[this.undoStackPointer - 1].getText() : '';\n  }\n\n  /**\n  * @returns {string} String associated with the next redo command\n  */\n  getNextRedoCommandText () {\n    return this.undoStackPointer < this.undoStack.length ? this.undoStack[this.undoStackPointer].getText() : '';\n  }\n\n  /**\n  * Performs an undo step\n  * @returns {undefined}\n  */\n  undo () {\n    if (this.undoStackPointer > 0) {\n      const cmd = this.undoStack[--this.undoStackPointer];\n      cmd.unapply(this.handler_);\n    }\n  }\n\n  /**\n  * Performs a redo step\n  * @returns {undefined}\n  */\n  redo () {\n    if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {\n      const cmd = this.undoStack[this.undoStackPointer++];\n      cmd.apply(this.handler_);\n    }\n  }\n\n  /**\n  * Adds a command object to the undo history stack\n  * @param {Command} cmd - The command object to add\n  * @returns {undefined}\n  */\n  addCommandToHistory (cmd) {\n    // FIXME: we MUST compress consecutive text changes to the same element\n    // (right now each keystroke is saved as a separate command that includes the\n    // entire text contents of the text element)\n    // TODO: consider limiting the history that we store here (need to do some slicing)\n\n    // if our stack pointer is not at the end, then we have to remove\n    // all commands after the pointer and insert the new command\n    if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {\n      this.undoStack = this.undoStack.splice(0, this.undoStackPointer);\n    }\n    this.undoStack.push(cmd);\n    this.undoStackPointer = this.undoStack.length;\n  }\n\n  /**\n  * This function tells the canvas to remember the old values of the\n  * `attrName` attribute for each element sent in.  The elements and values\n  * are stored on a stack, so the next call to `finishUndoableChange()` will\n  * pop the elements and old values off the stack, gets the current values\n  * from the DOM and uses all of these to construct the undo-able command.\n  * @param {string} attrName - The name of the attribute being changed\n  * @param {Element[]} elems - Array of DOM elements being changed\n  * @returns {undefined}\n  */\n  beginUndoableChange (attrName, elems) {\n    const p = ++this.undoChangeStackPointer;\n    let i = elems.length;\n    const oldValues = new Array(i), elements = new Array(i);\n    while (i--) {\n      const elem = elems[i];\n      if (elem == null) { continue; }\n      elements[i] = elem;\n      oldValues[i] = elem.getAttribute(attrName);\n    }\n    this.undoableChangeStack[p] = {\n      attrName,\n      oldValues,\n      elements\n    };\n  }\n\n  /**\n  * This function returns a `BatchCommand` object which summarizes the\n  * change since `beginUndoableChange` was called.  The command can then\n  * be added to the command history\n  * @returns {BatchCommand} Batch command object with resulting changes\n  */\n  finishUndoableChange () {\n    const p = this.undoChangeStackPointer--;\n    const changeset = this.undoableChangeStack[p];\n    const {attrName} = changeset;\n    const batchCmd = new BatchCommand('Change ' + attrName);\n    let i = changeset.elements.length;\n    while (i--) {\n      const elem = changeset.elements[i];\n      if (elem == null) { continue; }\n      const changes = {};\n      changes[attrName] = changeset.oldValues[i];\n      if (changes[attrName] !== elem.getAttribute(attrName)) {\n        batchCmd.addSubCommand(new ChangeElementCommand(elem, changes, attrName));\n      }\n    }\n    this.undoableChangeStack[p] = null;\n    return batchCmd;\n  }\n}\n","/**\n * Mathematical utilities\n * @module math\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller\n */\n\n/**\n* @typedef {PlainObject} module:math.AngleCoord45\n* @property {Float} x - The angle-snapped x value\n* @property {Float} y - The angle-snapped y value\n* @property {Integer} a - The angle at which to snap\n*/\n\n/**\n* @typedef {PlainObject} module:math.XYObject\n* @property {Float} x\n* @property {Float} y\n*/\n\nimport {NS} from './namespaces.js';\nimport {getTransformList} from './svgtransformlist.js';\n\n// Constants\nconst NEAR_ZERO = 1e-14;\n\n// Throw away SVGSVGElement used for creating matrices/transforms.\nconst svg = document.createElementNS(NS.SVG, 'svg');\n\n/**\n * A (hopefully) quicker function to transform a point by a matrix\n * (this function avoids any DOM calls and just does the math)\n * @function module:math.transformPoint\n * @param {Float} x - Float representing the x coordinate\n * @param {Float} y - Float representing the y coordinate\n * @param {SVGMatrix} m - Matrix object to transform the point with\n * @returns {module:math.XYObject} An x, y object representing the transformed point\n*/\nexport const transformPoint = function (x, y, m) {\n  return {x: m.a * x + m.c * y + m.e, y: m.b * x + m.d * y + m.f};\n};\n\n/**\n * Helper function to check if the matrix performs no actual transform\n * (i.e. exists for identity purposes)\n * @function module:math.isIdentity\n * @param {SVGMatrix} m - The matrix object to check\n * @returns {boolean} Indicates whether or not the matrix is 1,0,0,1,0,0\n*/\nexport const isIdentity = function (m) {\n  return (m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && m.e === 0 && m.f === 0);\n};\n\n/**\n * This function tries to return a `SVGMatrix` that is the multiplication `m1 * m2`.\n * We also round to zero when it's near zero\n * @function module:math.matrixMultiply\n * @param {...SVGMatrix} args - Matrix objects to multiply\n * @returns {SVGMatrix} The matrix object resulting from the calculation\n*/\nexport const matrixMultiply = function (...args) {\n  const m = args.reduceRight((prev, m1) => {\n    return m1.multiply(prev);\n  });\n\n  if (Math.abs(m.a) < NEAR_ZERO) { m.a = 0; }\n  if (Math.abs(m.b) < NEAR_ZERO) { m.b = 0; }\n  if (Math.abs(m.c) < NEAR_ZERO) { m.c = 0; }\n  if (Math.abs(m.d) < NEAR_ZERO) { m.d = 0; }\n  if (Math.abs(m.e) < NEAR_ZERO) { m.e = 0; }\n  if (Math.abs(m.f) < NEAR_ZERO) { m.f = 0; }\n\n  return m;\n};\n\n/**\n * See if the given transformlist includes a non-indentity matrix transform\n * @function module:math.hasMatrixTransform\n * @param {SVGTransformList} [tlist] - The transformlist to check\n * @returns {boolean} Whether or not a matrix transform was found\n*/\nexport const hasMatrixTransform = function (tlist) {\n  if (!tlist) { return false; }\n  let num = tlist.numberOfItems;\n  while (num--) {\n    const xform = tlist.getItem(num);\n    if (xform.type === 1 && !isIdentity(xform.matrix)) { return true; }\n  }\n  return false;\n};\n\n/**\n* @typedef {PlainObject} module:math.TransformedBox An object with the following values\n* @property {module:math.XYObject} tl - The top left coordinate\n* @property {module:math.XYObject} tr - The top right coordinate\n* @property {module:math.XYObject} bl - The bottom left coordinate\n* @property {module:math.XYObject} br - The bottom right coordinate\n* @property {PlainObject} aabox - Object with the following values:\n* @property {Float} aabox.x - Float with the axis-aligned x coordinate\n* @property {Float} aabox.y - Float with the axis-aligned y coordinate\n* @property {Float} aabox.width - Float with the axis-aligned width coordinate\n* @property {Float} aabox.height - Float with the axis-aligned height coordinate\n*/\n\n/**\n * Transforms a rectangle based on the given matrix\n * @function module:math.transformBox\n * @param {Float} l - Float with the box's left coordinate\n * @param {Float} t - Float with the box's top coordinate\n * @param {Float} w - Float with the box width\n * @param {Float} h - Float with the box height\n * @param {SVGMatrix} m - Matrix object to transform the box by\n * @returns {module:math.TransformedBox}\n*/\nexport const transformBox = function (l, t, w, h, m) {\n  const tl = transformPoint(l, t, m),\n    tr = transformPoint((l + w), t, m),\n    bl = transformPoint(l, (t + h), m),\n    br = transformPoint((l + w), (t + h), m),\n\n    minx = Math.min(tl.x, tr.x, bl.x, br.x),\n    maxx = Math.max(tl.x, tr.x, bl.x, br.x),\n    miny = Math.min(tl.y, tr.y, bl.y, br.y),\n    maxy = Math.max(tl.y, tr.y, bl.y, br.y);\n\n  return {\n    tl,\n    tr,\n    bl,\n    br,\n    aabox: {\n      x: minx,\n      y: miny,\n      width: (maxx - minx),\n      height: (maxy - miny)\n    }\n  };\n};\n\n/**\n * This returns a single matrix Transform for a given Transform List\n * (this is the equivalent of `SVGTransformList.consolidate()` but unlike\n * that method, this one does not modify the actual `SVGTransformList`).\n * This function is very liberal with its `min`, `max` arguments\n * @function module:math.transformListToTransform\n * @param {SVGTransformList} tlist - The transformlist object\n * @param {Integer} [min=0] - Optional integer indicating start transform position\n * @param {Integer} [max] - Optional integer indicating end transform position;\n *   defaults to one less than the tlist's `numberOfItems`\n * @returns {SVGTransform} A single matrix transform object\n*/\nexport const transformListToTransform = function (tlist, min, max) {\n  if (tlist == null) {\n    // Or should tlist = null have been prevented before this?\n    return svg.createSVGTransformFromMatrix(svg.createSVGMatrix());\n  }\n  min = min || 0;\n  max = max || (tlist.numberOfItems - 1);\n  min = parseInt(min, 10);\n  max = parseInt(max, 10);\n  if (min > max) { const temp = max; max = min; min = temp; }\n  let m = svg.createSVGMatrix();\n  for (let i = min; i <= max; ++i) {\n    // if our indices are out of range, just use a harmless identity matrix\n    const mtom = (i >= 0 && i < tlist.numberOfItems\n      ? tlist.getItem(i).matrix\n      : svg.createSVGMatrix());\n    m = matrixMultiply(m, mtom);\n  }\n  return svg.createSVGTransformFromMatrix(m);\n};\n\n/**\n * Get the matrix object for a given element\n * @function module:math.getMatrix\n * @param {Element} elem - The DOM element to check\n * @returns {SVGMatrix} The matrix object associated with the element's transformlist\n*/\nexport const getMatrix = function (elem) {\n  const tlist = getTransformList(elem);\n  return transformListToTransform(tlist).matrix;\n};\n\n/**\n * Returns a 45 degree angle coordinate associated with the two given\n * coordinates\n * @function module:math.snapToAngle\n * @param {Integer} x1 - First coordinate's x value\n * @param {Integer} x2 - Second coordinate's x value\n * @param {Integer} y1 - First coordinate's y value\n * @param {Integer} y2 - Second coordinate's y value\n * @returns {module:math.AngleCoord45}\n*/\nexport const snapToAngle = function (x1, y1, x2, y2) {\n  const snap = Math.PI / 4; // 45 degrees\n  const dx = x2 - x1;\n  const dy = y2 - y1;\n  const angle = Math.atan2(dy, dx);\n  const dist = Math.sqrt(dx * dx + dy * dy);\n  const snapangle = Math.round(angle / snap) * snap;\n\n  return {\n    x: x1 + dist * Math.cos(snapangle),\n    y: y1 + dist * Math.sin(snapangle),\n    a: snapangle\n  };\n};\n\n/**\n * Check if two rectangles (BBoxes objects) intersect each other\n * @function module:math.rectsIntersect\n * @param {SVGRect} r1 - The first BBox-like object\n * @param {SVGRect} r2 - The second BBox-like object\n * @returns {boolean} True if rectangles intersect\n */\nexport const rectsIntersect = function (r1, r2) {\n  return r2.x < (r1.x + r1.width) &&\n    (r2.x + r2.width) > r1.x &&\n    r2.y < (r1.y + r1.height) &&\n    (r2.y + r2.height) > r1.y;\n};\n","/* globals jQuery */\n/**\n * Path functionality\n * @module path\n * @license MIT\n *\n * @copyright 2011 Alexis Deveria, 2011 Jeff Schiller\n */\n\nimport './svgpathseg.js';\nimport {NS} from './namespaces.js';\nimport {getTransformList} from './svgtransformlist.js';\nimport {shortFloat} from './units.js';\nimport {ChangeElementCommand, BatchCommand} from './history.js';\nimport {\n  transformPoint, getMatrix, snapToAngle, rectsIntersect,\n  transformListToTransform\n} from './math.js';\nimport {\n  assignAttributes, getElem, getRotationAngle, getBBox,\n  getRefElem, findDefs, snapToGrid,\n  getBBox as utilsGetBBox\n} from './utilities.js';\nimport {\n  supportsPathInsertItemBefore, supportsPathReplaceItem, isWebkit\n} from './browser.js';\n\nconst $ = jQuery;\n\nconst segData = {\n  2: ['x', 'y'], // PATHSEG_MOVETO_ABS\n  4: ['x', 'y'], // PATHSEG_LINETO_ABS\n  6: ['x', 'y', 'x1', 'y1', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_ABS\n  8: ['x', 'y', 'x1', 'y1'], // PATHSEG_CURVETO_QUADRATIC_ABS\n  10: ['x', 'y', 'r1', 'r2', 'angle', 'largeArcFlag', 'sweepFlag'], // PATHSEG_ARC_ABS\n  12: ['x'], // PATHSEG_LINETO_HORIZONTAL_ABS\n  14: ['y'], // PATHSEG_LINETO_VERTICAL_ABS\n  16: ['x', 'y', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_SMOOTH_ABS\n  18: ['x', 'y'] // PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS\n};\n\n/**\n * @tutorial LocaleDocs\n * @typedef {module:locale.LocaleStrings|PlainObject} module:path.uiStrings\n * @property {PlainObject.<string, string>} ui\n*/\n\nconst uiStrings = {};\n/**\n* @function module:path.setUiStrings\n* @param {module:path.uiStrings} strs\n* @returns {undefined}\n*/\nexport const setUiStrings = function (strs) {\n  Object.assign(uiStrings, strs.ui);\n};\n\nlet pathFuncs = [];\n\nlet linkControlPts = true;\n\n// Stores references to paths via IDs.\n// TODO: Make this cross-document happy.\nlet pathData = {};\n\n/**\n* @function module:path.setLinkControlPoints\n* @param {boolean} lcp\n* @returns {undefined}\n*/\nexport const setLinkControlPoints = function (lcp) {\n  linkControlPts = lcp;\n};\n\n/**\n * @name module:path.path\n * @type {null|module:path.Path}\n * @memberof module:path\n*/\nexport let path = null;\n\nlet editorContext_ = null;\n\n/**\n* @external MouseEvent\n*/\n\n/**\n* Object with the following keys/values\n* @typedef {PlainObject} module:path.SVGElementJSON\n* @property {string} element - Tag name of the SVG element to create\n* @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element\n* @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first\n* @property {module:path.SVGElementJSON[]} [children] - Data objects to be added recursively as children\n* @property {string} [namespace=\"http://www.w3.org/2000/svg\"] - Indicate a (non-SVG) namespace\n*/\n/**\n * @interface module:path.EditorContext\n * @property {module:select.SelectorManager} selectorManager\n * @property {module:svgcanvas.SvgCanvas} canvas\n */\n/**\n * @function module:path.EditorContext#call\n * @param {\"selected\"|\"changed\"} ev - String with the event name\n * @param {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed} arg - Argument to pass through to the callback function. If the event is \"changed\", an array of `Element`s is passed; if \"selected\", a single-item array of `Element` is passed.\n * @returns {undefined}\n */\n/**\n * @function module:path.EditorContext#resetD\n * @param {SVGPathElement} p\n * @returns {undefined}\n*/\n/**\n * Note: This doesn't round to an integer necessarily\n * @function module:path.EditorContext#round\n * @param {Float} val\n * @returns {Float} Rounded value to nearest value based on `currentZoom`\n */\n/**\n * @function module:path.EditorContext#clearSelection\n * @param {boolean} [noCall] - When `true`, does not call the \"selected\" handler\n * @returns {undefined}\n*/\n/**\n * @function module:path.EditorContext#addToSelection\n * @param {Element[]} elemsToAdd - An array of DOM elements to add to the selection\n * @param {boolean} showGrips - Indicates whether the resize grips should be shown\n * @returns {undefined}\n*/\n/**\n * @function module:path.EditorContext#addCommandToHistory\n * @param {Command} cmd\n * @returns {undefined}\n */\n/**\n * @function module:path.EditorContext#remapElement\n * @param {Element} selected - DOM element to be changed\n * @param {PlainObject.<string, string>} changes - Object with changes to be remapped\n * @param {SVGMatrix} m - Matrix object to use for remapping coordinates\n * @returns {undefined}\n */\n/**\n * @function module:path.EditorContext#addSVGElementFromJson\n * @param {module:path.SVGElementJSON} data\n * @returns {Element} The new element\n*/\n/**\n * @function module:path.EditorContext#getGridSnapping\n * @returns {boolean}\n */\n/**\n * @function module:path.EditorContext#getOpacity\n * @returns {Float}\n */\n/**\n * @function module:path.EditorContext#getSelectedElements\n * @returns {Element[]} the array with selected DOM elements\n*/\n/**\n * @function module:path.EditorContext#getContainer\n * @returns {Element}\n */\n/**\n * @function module:path.EditorContext#setStarted\n * @param {boolean} s\n * @returns {undefined}\n */\n/**\n * @function module:path.EditorContext#getRubberBox\n * @returns {SVGRectElement}\n*/\n/**\n * @function module:path.EditorContext#setRubberBox\n * @param {SVGRectElement} rb\n * @returns {SVGRectElement} Same as parameter passed in\n */\n/**\n * @function module:path.EditorContext#addPtsToSelection\n * @param {PlainObject} cfg\n * @param {boolean} cfg.closedSubpath\n * @param {SVGCircleElement[]} cfg.grips\n * @returns {undefined}\n */\n/**\n * @function module:path.EditorContext#endChanges\n * @param {PlainObject} cfg\n * @param {string} cfg.cmd\n * @param {Element} cfg.elem\n * @returns {undefined}\n*/\n/**\n * @function module:path.EditorContext#getCurrentZoom\n * @returns {Float} The current zoom level\n */\n/**\n * Returns the last created DOM element ID string\n * @function module:path.EditorContext#getId\n * @returns {string}\n */\n/**\n * Creates and returns a unique ID string for a DOM element\n * @function module:path.EditorContext#getNextId\n * @returns {string}\n*/\n/**\n * Gets the desired element from a mouse event\n * @function module:path.EditorContext#getMouseTarget\n * @param {external:MouseEvent} evt - Event object from the mouse event\n * @returns {Element} DOM element we want\n */\n/**\n * @function module:path.EditorContext#getCurrentMode\n * @returns {string}\n */\n/**\n * @function module:path.EditorContext#setCurrentMode\n * @param {string} cm The mode\n * @returns {string} The same mode as passed in\n*/\n/**\n * @function module:path.EditorContext#getDrawnPath\n * @returns {SVGPathElement|null}\n */\n/**\n * @function module:path.EditorContext#setDrawnPath\n * @param {SVGPathElement|null} dp\n * @returns {SVGPathElement|null} The same value as passed in\n */\n/**\n * @function module:path.EditorContext#getSVGRoot\n * @returns {SVGSVGElement}\n*/\n\n/**\n* @function module:path.init\n* @param {module:path.EditorContext} editorContext\n* @returns {undefined}\n*/\nexport const init = function (editorContext) {\n  editorContext_ = editorContext;\n\n  pathFuncs = [0, 'ClosePath'];\n  const pathFuncsStrs = ['Moveto', 'Lineto', 'CurvetoCubic', 'CurvetoQuadratic', 'Arc',\n    'LinetoHorizontal', 'LinetoVertical', 'CurvetoCubicSmooth', 'CurvetoQuadraticSmooth'];\n  $.each(pathFuncsStrs, function (i, s) {\n    pathFuncs.push(s + 'Abs');\n    pathFuncs.push(s + 'Rel');\n  });\n};\n\n/**\n* @function module:path.insertItemBefore\n* @param {Element} elem\n* @param {Segment} newseg\n* @param {Integer} index\n* @returns {undefined}\n*/\nexport const insertItemBefore = function (elem, newseg, index) {\n  // Support insertItemBefore on paths for FF2\n  const list = elem.pathSegList;\n\n  if (supportsPathInsertItemBefore()) {\n    list.insertItemBefore(newseg, index);\n    return;\n  }\n  const len = list.numberOfItems;\n  const arr = [];\n  for (let i = 0; i < len; i++) {\n    const curSeg = list.getItem(i);\n    arr.push(curSeg);\n  }\n  list.clear();\n  for (let i = 0; i < len; i++) {\n    if (i === index) { // index + 1\n      list.appendItem(newseg);\n    }\n    list.appendItem(arr[i]);\n  }\n};\n\n/**\n* @function module:path.ptObjToArr\n* @todo See if this should just live in `replacePathSeg`\n* @param {string} type\n* @param {SVGPathSegMovetoAbs|SVGPathSegLinetoAbs|SVGPathSegCurvetoCubicAbs|SVGPathSegCurvetoQuadraticAbs|SVGPathSegArcAbs|SVGPathSegLinetoHorizontalAbs|SVGPathSegLinetoVerticalAbs|SVGPathSegCurvetoCubicSmoothAbs|SVGPathSegCurvetoQuadraticSmoothAbs} segItem\n* @returns {ArgumentsArray}\n*/\nexport const ptObjToArr = function (type, segItem) {\n  const props = segData[type];\n  return props.map((prop) => {\n    return segItem[prop];\n  });\n};\n\n/**\n* @function module:path.getGripPt\n* @param {Segment} seg\n* @param {module:math.XYObject} altPt\n* @returns {module:math.XYObject}\n*/\nexport const getGripPt = function (seg, altPt) {\n  const {path} = seg;\n  let out = {\n    x: altPt ? altPt.x : seg.item.x,\n    y: altPt ? altPt.y : seg.item.y\n  };\n\n  if (path.matrix) {\n    const pt = transformPoint(out.x, out.y, path.matrix);\n    out = pt;\n  }\n\n  const currentZoom = editorContext_.getCurrentZoom();\n  out.x *= currentZoom;\n  out.y *= currentZoom;\n\n  return out;\n};\n\n/**\n* @function module:path.getPointFromGrip\n* @param {module:math.XYObject} pt\n* @param {module:path.Path} path\n* @returns {module:math.XYObject}\n*/\nexport const getPointFromGrip = function (pt, path) {\n  const out = {\n    x: pt.x,\n    y: pt.y\n  };\n\n  if (path.matrix) {\n    pt = transformPoint(out.x, out.y, path.imatrix);\n    out.x = pt.x;\n    out.y = pt.y;\n  }\n\n  const currentZoom = editorContext_.getCurrentZoom();\n  out.x /= currentZoom;\n  out.y /= currentZoom;\n\n  return out;\n};\n\n/**\n* Requires prior call to `setUiStrings` if `xlink:title`\n*    to be set on the grip\n* @function module:path.addPointGrip\n* @param {Integer} index\n* @param {Integer} x\n* @param {Integer} y\n* @returns {SVGCircleElement}\n*/\nexport const addPointGrip = function (index, x, y) {\n  // create the container of all the point grips\n  const pointGripContainer = getGripContainer();\n\n  let pointGrip = getElem('pathpointgrip_' + index);\n  // create it\n  if (!pointGrip) {\n    pointGrip = document.createElementNS(NS.SVG, 'circle');\n    const atts = {\n      id: 'pathpointgrip_' + index,\n      display: 'none',\n      r: 4,\n      fill: '#0FF',\n      stroke: '#00F',\n      'stroke-width': 2,\n      cursor: 'move',\n      style: 'pointer-events:all'\n    };\n    if ('pathNodeTooltip' in uiStrings) { // May be empty if running path.js without svg-editor\n      atts['xlink:title'] = uiStrings.pathNodeTooltip;\n    }\n    assignAttributes(pointGrip, atts);\n    pointGrip = pointGripContainer.appendChild(pointGrip);\n\n    const grip = $('#pathpointgrip_' + index);\n    grip.dblclick(function () {\n      if (path) {\n        path.setSegType();\n      }\n    });\n  }\n  if (x && y) {\n    // set up the point grip element and display it\n    assignAttributes(pointGrip, {\n      cx: x,\n      cy: y,\n      display: 'inline'\n    });\n  }\n  return pointGrip;\n};\n\n/**\n* @function module:path.getGripContainer\n* @returns {Element}\n*/\nexport const getGripContainer = function () {\n  let c = getElem('pathpointgrip_container');\n  if (!c) {\n    const parent = getElem('selectorParentGroup');\n    c = parent.appendChild(document.createElementNS(NS.SVG, 'g'));\n    c.id = 'pathpointgrip_container';\n  }\n  return c;\n};\n\n/**\n* Requires prior call to `setUiStrings` if `xlink:title`\n*    to be set on the grip\n* @function module:path.addCtrlGrip\n* @param {string} id\n* @returns {SVGCircleElement}\n*/\nexport const addCtrlGrip = function (id) {\n  let pointGrip = getElem('ctrlpointgrip_' + id);\n  if (pointGrip) { return pointGrip; }\n\n  pointGrip = document.createElementNS(NS.SVG, 'circle');\n  const atts = {\n    id: 'ctrlpointgrip_' + id,\n    display: 'none',\n    r: 4,\n    fill: '#0FF',\n    stroke: '#55F',\n    'stroke-width': 1,\n    cursor: 'move',\n    style: 'pointer-events:all'\n  };\n  if ('pathCtrlPtTooltip' in uiStrings) { // May be empty if running path.js without svg-editor\n    atts['xlink:title'] = uiStrings.pathCtrlPtTooltip;\n  }\n  assignAttributes(pointGrip, atts);\n  getGripContainer().append(pointGrip);\n  return pointGrip;\n};\n\n/**\n* @function module:path.getCtrlLine\n* @param {string} id\n* @returns {SVGLineElement}\n*/\nexport const getCtrlLine = function (id) {\n  let ctrlLine = getElem('ctrlLine_' + id);\n  if (ctrlLine) { return ctrlLine; }\n\n  ctrlLine = document.createElementNS(NS.SVG, 'line');\n  assignAttributes(ctrlLine, {\n    id: 'ctrlLine_' + id,\n    stroke: '#555',\n    'stroke-width': 1,\n    style: 'pointer-events:none'\n  });\n  getGripContainer().append(ctrlLine);\n  return ctrlLine;\n};\n\n/**\n* @function module:path.getPointGrip\n* @param {Segment} seg\n* @param {boolean} update\n* @returns {SVGCircleElement}\n*/\nexport const getPointGrip = function (seg, update) {\n  const {index} = seg;\n  const pointGrip = addPointGrip(index);\n\n  if (update) {\n    const pt = getGripPt(seg);\n    assignAttributes(pointGrip, {\n      cx: pt.x,\n      cy: pt.y,\n      display: 'inline'\n    });\n  }\n\n  return pointGrip;\n};\n\n/**\n* @function module:path.getControlPoints\n* @param {Segment} seg\n* @returns {PlainObject.<string, SVGLineElement|SVGCircleElement>}\n*/\nexport const getControlPoints = function (seg) {\n  const {item, index} = seg;\n  if (!('x1' in item) || !('x2' in item)) { return null; }\n  const cpt = {};\n  /* const pointGripContainer = */ getGripContainer();\n\n  // Note that this is intentionally not seg.prev.item\n  const prev = path.segs[index - 1].item;\n\n  const segItems = [prev, item];\n\n  for (let i = 1; i < 3; i++) {\n    const id = index + 'c' + i;\n\n    const ctrlLine = cpt['c' + i + '_line'] = getCtrlLine(id);\n\n    const pt = getGripPt(seg, {x: item['x' + i], y: item['y' + i]});\n    const gpt = getGripPt(seg, {x: segItems[i - 1].x, y: segItems[i - 1].y});\n\n    assignAttributes(ctrlLine, {\n      x1: pt.x,\n      y1: pt.y,\n      x2: gpt.x,\n      y2: gpt.y,\n      display: 'inline'\n    });\n\n    cpt['c' + i + '_line'] = ctrlLine;\n\n    // create it\n    const pointGrip = cpt['c' + i] = addCtrlGrip(id);\n\n    assignAttributes(pointGrip, {\n      cx: pt.x,\n      cy: pt.y,\n      display: 'inline'\n    });\n    cpt['c' + i] = pointGrip;\n  }\n  return cpt;\n};\n\n/**\n* This replaces the segment at the given index. Type is given as number.\n* @function module:path.replacePathSeg\n* @param {Integer} type Possible values set during {@link module:path.init}\n* @param {Integer} index\n* @param {ArgumentsArray} pts\n* @param {SVGPathElement} elem\n*/\nexport const replacePathSeg = function (type, index, pts, elem) {\n  const pth = elem || path.elem;\n\n  const func = 'createSVGPathSeg' + pathFuncs[type];\n  const seg = pth[func].apply(pth, pts);\n\n  if (supportsPathReplaceItem()) {\n    pth.pathSegList.replaceItem(seg, index);\n  } else {\n    const segList = pth.pathSegList;\n    const len = segList.numberOfItems;\n    const arr = [];\n    for (let i = 0; i < len; i++) {\n      const curSeg = segList.getItem(i);\n      arr.push(curSeg);\n    }\n    segList.clear();\n    for (let i = 0; i < len; i++) {\n      if (i === index) {\n        segList.appendItem(seg);\n      } else {\n        segList.appendItem(arr[i]);\n      }\n    }\n  }\n};\n\n/**\n* @function module:path.getSegSelector\n* @param {Segment} seg\n* @param {boolean} update\n* @returns {SVGPathElement}\n*/\nexport const getSegSelector = function (seg, update) {\n  const {index} = seg;\n  let segLine = getElem('segline_' + index);\n  if (!segLine) {\n    const pointGripContainer = getGripContainer();\n    // create segline\n    segLine = document.createElementNS(NS.SVG, 'path');\n    assignAttributes(segLine, {\n      id: 'segline_' + index,\n      display: 'none',\n      fill: 'none',\n      stroke: '#0FF',\n      'stroke-width': 2,\n      style: 'pointer-events:none',\n      d: 'M0,0 0,0'\n    });\n    pointGripContainer.append(segLine);\n  }\n\n  if (update) {\n    const {prev} = seg;\n    if (!prev) {\n      segLine.setAttribute('display', 'none');\n      return segLine;\n    }\n\n    const pt = getGripPt(prev);\n    // Set start point\n    replacePathSeg(2, 0, [pt.x, pt.y], segLine);\n\n    const pts = ptObjToArr(seg.type, seg.item, true);\n    for (let i = 0; i < pts.length; i += 2) {\n      const pt = getGripPt(seg, {x: pts[i], y: pts[i + 1]});\n      pts[i] = pt.x;\n      pts[i + 1] = pt.y;\n    }\n\n    replacePathSeg(seg.type, 1, pts, segLine);\n  }\n  return segLine;\n};\n\n/**\n * @typedef {PlainObject} Point\n * @property {Integer} x The x value\n * @property {Integer} y The y value\n */\n\n/**\n* Takes three points and creates a smoother line based on them\n* @function module:path.smoothControlPoints\n* @param {Point} ct1 - Object with x and y values (first control point)\n* @param {Point} ct2 - Object with x and y values (second control point)\n* @param {Point} pt - Object with x and y values (third point)\n* @returns {Point[]} Array of two \"smoothed\" point objects\n*/\nexport const smoothControlPoints = function (ct1, ct2, pt) {\n  // each point must not be the origin\n  const x1 = ct1.x - pt.x,\n    y1 = ct1.y - pt.y,\n    x2 = ct2.x - pt.x,\n    y2 = ct2.y - pt.y;\n\n  if ((x1 !== 0 || y1 !== 0) && (x2 !== 0 || y2 !== 0)) {\n    const\n      r1 = Math.sqrt(x1 * x1 + y1 * y1),\n      r2 = Math.sqrt(x2 * x2 + y2 * y2),\n      nct1 = editorContext_.getSVGRoot().createSVGPoint(),\n      nct2 = editorContext_.getSVGRoot().createSVGPoint();\n    let anglea = Math.atan2(y1, x1),\n      angleb = Math.atan2(y2, x2);\n    if (anglea < 0) { anglea += 2 * Math.PI; }\n    if (angleb < 0) { angleb += 2 * Math.PI; }\n\n    const angleBetween = Math.abs(anglea - angleb),\n      angleDiff = Math.abs(Math.PI - angleBetween) / 2;\n\n    let newAnglea, newAngleb;\n    if (anglea - angleb > 0) {\n      newAnglea = angleBetween < Math.PI ? (anglea + angleDiff) : (anglea - angleDiff);\n      newAngleb = angleBetween < Math.PI ? (angleb - angleDiff) : (angleb + angleDiff);\n    } else {\n      newAnglea = angleBetween < Math.PI ? (anglea - angleDiff) : (anglea + angleDiff);\n      newAngleb = angleBetween < Math.PI ? (angleb + angleDiff) : (angleb - angleDiff);\n    }\n\n    // rotate the points\n    nct1.x = r1 * Math.cos(newAnglea) + pt.x;\n    nct1.y = r1 * Math.sin(newAnglea) + pt.y;\n    nct2.x = r2 * Math.cos(newAngleb) + pt.x;\n    nct2.y = r2 * Math.sin(newAngleb) + pt.y;\n\n    return [nct1, nct2];\n  }\n  return undefined;\n};\n\n/**\n*\n*/\nexport class Segment {\n  /**\n  * @param {Integer} index\n  * @param {SVGPathSeg} item\n  * @todo Is `item` be more constrained here?\n  */\n  constructor (index, item) {\n    this.selected = false;\n    this.index = index;\n    this.item = item;\n    this.type = item.pathSegType;\n\n    this.ctrlpts = [];\n    this.ptgrip = null;\n    this.segsel = null;\n  }\n\n  /**\n   * @param {boolean} y\n   * @returns {undefined}\n   */\n  showCtrlPts (y) {\n    for (const i in this.ctrlpts) {\n      if (this.ctrlpts.hasOwnProperty(i)) {\n        this.ctrlpts[i].setAttribute('display', y ? 'inline' : 'none');\n      }\n    }\n  }\n\n  /**\n   * @param {boolean} y\n   * @returns {undefined}\n   */\n  selectCtrls (y) {\n    $('#ctrlpointgrip_' + this.index + 'c1, #ctrlpointgrip_' + this.index + 'c2')\n      .attr('fill', y ? '#0FF' : '#EEE');\n  }\n\n  /**\n   * @param {boolean} y\n   * @returns {undefined}\n   */\n  show (y) {\n    if (this.ptgrip) {\n      this.ptgrip.setAttribute('display', y ? 'inline' : 'none');\n      this.segsel.setAttribute('display', y ? 'inline' : 'none');\n      // Show/hide all control points if available\n      this.showCtrlPts(y);\n    }\n  }\n\n  /**\n   * @param {boolean} y\n   * @returns {undefined}\n   */\n  select (y) {\n    if (this.ptgrip) {\n      this.ptgrip.setAttribute('stroke', y ? '#0FF' : '#00F');\n      this.segsel.setAttribute('display', y ? 'inline' : 'none');\n      if (this.ctrlpts) {\n        this.selectCtrls(y);\n      }\n      this.selected = y;\n    }\n  }\n\n  /**\n   * @returns {undefined}\n   */\n  addGrip () {\n    this.ptgrip = getPointGrip(this, true);\n    this.ctrlpts = getControlPoints(this, true);\n    this.segsel = getSegSelector(this, true);\n  }\n\n  /**\n   * @param {boolean} full\n   * @returns {undefined}\n   */\n  update (full) {\n    if (this.ptgrip) {\n      const pt = getGripPt(this);\n      assignAttributes(this.ptgrip, {\n        cx: pt.x,\n        cy: pt.y\n      });\n\n      getSegSelector(this, true);\n\n      if (this.ctrlpts) {\n        if (full) {\n          this.item = path.elem.pathSegList.getItem(this.index);\n          this.type = this.item.pathSegType;\n        }\n        getControlPoints(this);\n      }\n      // this.segsel.setAttribute('display', y ? 'inline' : 'none');\n    }\n  }\n\n  /**\n   * @param {Integer} dx\n   * @param {Integer} dy\n   * @returns {undefined}\n   */\n  move (dx, dy) {\n    const {item} = this;\n\n    const curPts = this.ctrlpts\n      ? [item.x += dx, item.y += dy,\n        item.x1, item.y1, item.x2 += dx, item.y2 += dy\n      ]\n      : [item.x += dx, item.y += dy];\n\n    replacePathSeg(this.type, this.index, curPts);\n\n    if (this.next && this.next.ctrlpts) {\n      const next = this.next.item;\n      const nextPts = [next.x, next.y,\n        next.x1 += dx, next.y1 += dy, next.x2, next.y2];\n      replacePathSeg(this.next.type, this.next.index, nextPts);\n    }\n\n    if (this.mate) {\n      // The last point of a closed subpath has a 'mate',\n      // which is the 'M' segment of the subpath\n      const {item} = this.mate;\n      const pts = [item.x += dx, item.y += dy];\n      replacePathSeg(this.mate.type, this.mate.index, pts);\n      // Has no grip, so does not need 'updating'?\n    }\n\n    this.update(true);\n    if (this.next) { this.next.update(true); }\n  }\n\n  /**\n   * @param {Integer} num\n   * @returns {undefined}\n   */\n  setLinked (num) {\n    let seg, anum, pt;\n    if (num === 2) {\n      anum = 1;\n      seg = this.next;\n      if (!seg) { return; }\n      pt = this.item;\n    } else {\n      anum = 2;\n      seg = this.prev;\n      if (!seg) { return; }\n      pt = seg.item;\n    }\n\n    const {item} = seg;\n    item['x' + anum] = pt.x + (pt.x - this.item['x' + num]);\n    item['y' + anum] = pt.y + (pt.y - this.item['y' + num]);\n\n    const pts = [item.x, item.y,\n      item.x1, item.y1,\n      item.x2, item.y2];\n\n    replacePathSeg(seg.type, seg.index, pts);\n    seg.update(true);\n  }\n\n  /**\n   * @param {Integer} num\n   * @param {Integer} dx\n   * @param {Integer} dy\n   * @returns {undefined}\n   */\n  moveCtrl (num, dx, dy) {\n    const {item} = this;\n    item['x' + num] += dx;\n    item['y' + num] += dy;\n\n    const pts = [item.x, item.y,\n      item.x1, item.y1, item.x2, item.y2];\n\n    replacePathSeg(this.type, this.index, pts);\n    this.update(true);\n  }\n\n  /**\n   * @param {Integer} newType Possible values set during {@link module:path.init}\n   * @param {ArgumentsArray} pts\n   */\n  setType (newType, pts) {\n    replacePathSeg(newType, this.index, pts);\n    this.type = newType;\n    this.item = path.elem.pathSegList.getItem(this.index);\n    this.showCtrlPts(newType === 6);\n    this.ctrlpts = getControlPoints(this);\n    this.update(true);\n  }\n}\n\n/**\n*\n*/\nexport class Path {\n  /**\n  * @param {SVGPathElement}\n  * @throws {Error} If constructed without a path element\n  */\n  constructor (elem) {\n    if (!elem || elem.tagName !== 'path') {\n      throw new Error('svgedit.path.Path constructed without a <path> element');\n    }\n\n    this.elem = elem;\n    this.segs = [];\n    this.selected_pts = [];\n    path = this;\n\n    this.init();\n  }\n\n  /**\n  * Reset path data\n  * @returns {module:path.Path}\n  */\n  init () {\n    // Hide all grips, etc\n\n    // fixed, needed to work on all found elements, not just first\n    $(getGripContainer()).find('*').each(function () {\n      $(this).attr('display', 'none');\n    });\n\n    const segList = this.elem.pathSegList;\n    const len = segList.numberOfItems;\n    this.segs = [];\n    this.selected_pts = [];\n    this.first_seg = null;\n\n    // Set up segs array\n    for (let i = 0; i < len; i++) {\n      const item = segList.getItem(i);\n      const segment = new Segment(i, item);\n      segment.path = this;\n      this.segs.push(segment);\n    }\n\n    const {segs} = this;\n\n    let startI = null;\n    for (let i = 0; i < len; i++) {\n      const seg = segs[i];\n      const nextSeg = (i + 1) >= len ? null : segs[i + 1];\n      const prevSeg = (i - 1) < 0 ? null : segs[i - 1];\n      if (seg.type === 2) {\n        if (prevSeg && prevSeg.type !== 1) {\n          // New sub-path, last one is open,\n          // so add a grip to last sub-path's first point\n          const startSeg = segs[startI];\n          startSeg.next = segs[startI + 1];\n          startSeg.next.prev = startSeg;\n          startSeg.addGrip();\n        }\n        // Remember that this is a starter seg\n        startI = i;\n      } else if (nextSeg && nextSeg.type === 1) {\n        // This is the last real segment of a closed sub-path\n        // Next is first seg after \"M\"\n        seg.next = segs[startI + 1];\n\n        // First seg after \"M\"'s prev is this\n        seg.next.prev = seg;\n        seg.mate = segs[startI];\n        seg.addGrip();\n        if (this.first_seg == null) {\n          this.first_seg = seg;\n        }\n      } else if (!nextSeg) {\n        if (seg.type !== 1) {\n          // Last seg, doesn't close so add a grip\n          // to last sub-path's first point\n          const startSeg = segs[startI];\n          startSeg.next = segs[startI + 1];\n          startSeg.next.prev = startSeg;\n          startSeg.addGrip();\n          seg.addGrip();\n\n          if (!this.first_seg) {\n            // Open path, so set first as real first and add grip\n            this.first_seg = segs[startI];\n          }\n        }\n      } else if (seg.type !== 1) {\n        // Regular segment, so add grip and its \"next\"\n        seg.addGrip();\n\n        // Don't set its \"next\" if it's an \"M\"\n        if (nextSeg && nextSeg.type !== 2) {\n          seg.next = nextSeg;\n          seg.next.prev = seg;\n        }\n      }\n    }\n    return this;\n  }\n\n  /**\n  * @callback module:path.PathEachSegCallback\n  * @this module:path.Segment\n  * @param {Integer} i The index of the seg being iterated\n  * @returns {boolean} Will stop execution of `eachSeg` if returns `false`\n  */\n  /**\n  * @param {module:path.PathEachSegCallback} fn\n  * @returns {undefined}\n  */\n  eachSeg (fn) {\n    const len = this.segs.length;\n    for (let i = 0; i < len; i++) {\n      const ret = fn.call(this.segs[i], i);\n      if (ret === false) { break; }\n    }\n  }\n\n  /**\n  * @param {Integer} index\n  * @returns {undefined}\n  */\n  addSeg (index) {\n    // Adds a new segment\n    const seg = this.segs[index];\n    if (!seg.prev) { return; }\n\n    const {prev} = seg;\n    let newseg, newX, newY;\n    switch (seg.item.pathSegType) {\n    case 4: {\n      newX = (seg.item.x + prev.item.x) / 2;\n      newY = (seg.item.y + prev.item.y) / 2;\n      newseg = this.elem.createSVGPathSegLinetoAbs(newX, newY);\n      break;\n    } case 6: { // make it a curved segment to preserve the shape (WRS)\n      // https://en.wikipedia.org/wiki/De_Casteljau%27s_algorithm#Geometric_interpretation\n      const p0x = (prev.item.x + seg.item.x1) / 2;\n      const p1x = (seg.item.x1 + seg.item.x2) / 2;\n      const p2x = (seg.item.x2 + seg.item.x) / 2;\n      const p01x = (p0x + p1x) / 2;\n      const p12x = (p1x + p2x) / 2;\n      newX = (p01x + p12x) / 2;\n      const p0y = (prev.item.y + seg.item.y1) / 2;\n      const p1y = (seg.item.y1 + seg.item.y2) / 2;\n      const p2y = (seg.item.y2 + seg.item.y) / 2;\n      const p01y = (p0y + p1y) / 2;\n      const p12y = (p1y + p2y) / 2;\n      newY = (p01y + p12y) / 2;\n      newseg = this.elem.createSVGPathSegCurvetoCubicAbs(newX, newY, p0x, p0y, p01x, p01y);\n      const pts = [seg.item.x, seg.item.y, p12x, p12y, p2x, p2y];\n      replacePathSeg(seg.type, index, pts);\n      break;\n    }\n    }\n\n    insertItemBefore(this.elem, newseg, index);\n  }\n\n  /**\n  * @param {Integer} index\n  * @returns {undefined}\n  */\n  deleteSeg (index) {\n    const seg = this.segs[index];\n    const list = this.elem.pathSegList;\n\n    seg.show(false);\n    const {next} = seg;\n    if (seg.mate) {\n      // Make the next point be the \"M\" point\n      const pt = [next.item.x, next.item.y];\n      replacePathSeg(2, next.index, pt);\n\n      // Reposition last node\n      replacePathSeg(4, seg.index, pt);\n\n      list.removeItem(seg.mate.index);\n    } else if (!seg.prev) {\n      // First node of open path, make next point the M\n      // const {item} = seg;\n      const pt = [next.item.x, next.item.y];\n      replacePathSeg(2, seg.next.index, pt);\n      list.removeItem(index);\n    } else {\n      list.removeItem(index);\n    }\n  }\n\n  /**\n  * @param {Integer} index\n  * @returns {boolean}\n  */\n  subpathIsClosed (index) {\n    let closed = false;\n    // Check if subpath is already open\n    path.eachSeg(function (i) {\n      if (i <= index) { return true; }\n      if (this.type === 2) {\n        // Found M first, so open\n        return false;\n      }\n      if (this.type === 1) {\n        // Found Z first, so closed\n        closed = true;\n        return false;\n      }\n    });\n\n    return closed;\n  }\n\n  /**\n  * @param {Integer} index\n  * @returns {undefined}\n  */\n  removePtFromSelection (index) {\n    const pos = this.selected_pts.indexOf(index);\n    if (pos === -1) {\n      return;\n    }\n    this.segs[index].select(false);\n    this.selected_pts.splice(pos, 1);\n  }\n\n  /**\n  * @returns {undefined}\n  */\n  clearSelection () {\n    this.eachSeg(function () {\n      // 'this' is the segment here\n      this.select(false);\n    });\n    this.selected_pts = [];\n  }\n\n  /**\n  * @returns {undefined}\n  */\n  storeD () {\n    this.last_d = this.elem.getAttribute('d');\n  }\n\n  /**\n  * @param {Integer} y\n  * @returns {undefined}\n  */\n  show (y) {\n    // Shows this path's segment grips\n    this.eachSeg(function () {\n      // 'this' is the segment here\n      this.show(y);\n    });\n    if (y) {\n      this.selectPt(this.first_seg.index);\n    }\n    return this;\n  }\n\n  /**\n  * Move selected points\n  * @param {Integer} dx\n  * @param {Integer} dy\n  * @returns {undefined}\n  */\n  movePts (dx, dy) {\n    let i = this.selected_pts.length;\n    while (i--) {\n      const seg = this.segs[this.selected_pts[i]];\n      seg.move(dx, dy);\n    }\n  }\n\n  /**\n  * @param {Integer} dx\n  * @param {Integer} dy\n  * @returns {undefined}\n  */\n  moveCtrl (dx, dy) {\n    const seg = this.segs[this.selected_pts[0]];\n    seg.moveCtrl(this.dragctrl, dx, dy);\n    if (linkControlPts) {\n      seg.setLinked(this.dragctrl);\n    }\n  }\n\n  /**\n  * @param {?Integer} newType See {@link https://www.w3.org/TR/SVG/single-page.html#paths-InterfaceSVGPathSeg}\n  * @returns {undefined}\n  */\n  setSegType (newType) {\n    this.storeD();\n    let i = this.selected_pts.length;\n    let text;\n    while (i--) {\n      const selPt = this.selected_pts[i];\n\n      // Selected seg\n      const cur = this.segs[selPt];\n      const {prev} = cur;\n      if (!prev) { continue; }\n\n      if (!newType) { // double-click, so just toggle\n        text = 'Toggle Path Segment Type';\n\n        // Toggle segment to curve/straight line\n        const oldType = cur.type;\n\n        newType = (oldType === 6) ? 4 : 6;\n      }\n\n      newType = Number(newType);\n\n      const curX = cur.item.x;\n      const curY = cur.item.y;\n      const prevX = prev.item.x;\n      const prevY = prev.item.y;\n      let points;\n      switch (newType) {\n      case 6: {\n        if (cur.olditem) {\n          const old = cur.olditem;\n          points = [curX, curY, old.x1, old.y1, old.x2, old.y2];\n        } else {\n          const diffX = curX - prevX;\n          const diffY = curY - prevY;\n          // get control points from straight line segment\n          /*\n          const ct1x = (prevX + (diffY/2));\n          const ct1y = (prevY - (diffX/2));\n          const ct2x = (curX + (diffY/2));\n          const ct2y = (curY - (diffX/2));\n          */\n          // create control points on the line to preserve the shape (WRS)\n          const ct1x = (prevX + (diffX / 3));\n          const ct1y = (prevY + (diffY / 3));\n          const ct2x = (curX - (diffX / 3));\n          const ct2y = (curY - (diffY / 3));\n          points = [curX, curY, ct1x, ct1y, ct2x, ct2y];\n        }\n        break;\n      } case 4: {\n        points = [curX, curY];\n\n        // Store original prevve segment nums\n        cur.olditem = cur.item;\n        break;\n      }\n      }\n\n      cur.setType(newType, points);\n    }\n    path.endChanges(text);\n  }\n\n  /**\n  * @param {Integer} pt\n  * @param {Integer} ctrlNum\n  * @returns {undefined}\n  */\n  selectPt (pt, ctrlNum) {\n    this.clearSelection();\n    if (pt == null) {\n      this.eachSeg(function (i) {\n        // 'this' is the segment here.\n        if (this.prev) {\n          pt = i;\n        }\n      });\n    }\n    this.addPtsToSelection(pt);\n    if (ctrlNum) {\n      this.dragctrl = ctrlNum;\n\n      if (linkControlPts) {\n        this.segs[pt].setLinked(ctrlNum);\n      }\n    }\n  }\n\n  /**\n  * Update position of all points\n  * @returns {Path}\n  */\n  update () {\n    const {elem} = this;\n    if (getRotationAngle(elem)) {\n      this.matrix = getMatrix(elem);\n      this.imatrix = this.matrix.inverse();\n    } else {\n      this.matrix = null;\n      this.imatrix = null;\n    }\n\n    this.eachSeg(function (i) {\n      this.item = elem.pathSegList.getItem(i);\n      this.update();\n    });\n\n    return this;\n  }\n\n  /**\n  * @param {string} text\n  * @returns {undefined}\n  */\n  endChanges (text) {\n    if (isWebkit()) { editorContext_.resetD(this.elem); }\n    const cmd = new ChangeElementCommand(this.elem, {d: this.last_d}, text);\n    editorContext_.endChanges({cmd, elem: this.elem});\n  }\n\n  /**\n  * @param {Integer|Integer[]} indexes\n  * @returns {undefined}\n  */\n  addPtsToSelection (indexes) {\n    if (!Array.isArray(indexes)) { indexes = [indexes]; }\n    for (let i = 0; i < indexes.length; i++) {\n      const index = indexes[i];\n      const seg = this.segs[index];\n      if (seg.ptgrip) {\n        if (!this.selected_pts.includes(index) && index >= 0) {\n          this.selected_pts.push(index);\n        }\n      }\n    }\n    this.selected_pts.sort();\n    let i = this.selected_pts.length;\n    const grips = [];\n    grips.length = i;\n    // Loop through points to be selected and highlight each\n    while (i--) {\n      const pt = this.selected_pts[i];\n      const seg = this.segs[pt];\n      seg.select(true);\n      grips[i] = seg.ptgrip;\n    }\n\n    const closedSubpath = this.subpathIsClosed(this.selected_pts[0]);\n    editorContext_.addPtsToSelection({grips, closedSubpath});\n  }\n}\n\n/**\n* @function module:path.getPath_\n* @param {SVGPathElement} elem\n* @returns {module:path.Path}\n*/\nexport const getPath_ = function (elem) {\n  let p = pathData[elem.id];\n  if (!p) {\n    p = pathData[elem.id] = new Path(elem);\n  }\n  return p;\n};\n\n/**\n* @function module:path.removePath_\n* @param {string} id\n* @returns {undefined}\n*/\nexport const removePath_ = function (id) {\n  if (id in pathData) { delete pathData[id]; }\n};\n\nlet newcx, newcy, oldcx, oldcy, angle;\n\nconst getRotVals = function (x, y) {\n  let dx = x - oldcx;\n  let dy = y - oldcy;\n\n  // rotate the point around the old center\n  let r = Math.sqrt(dx * dx + dy * dy);\n  let theta = Math.atan2(dy, dx) + angle;\n  dx = r * Math.cos(theta) + oldcx;\n  dy = r * Math.sin(theta) + oldcy;\n\n  // dx,dy should now hold the actual coordinates of each\n  // point after being rotated\n\n  // now we want to rotate them around the new center in the reverse direction\n  dx -= newcx;\n  dy -= newcy;\n\n  r = Math.sqrt(dx * dx + dy * dy);\n  theta = Math.atan2(dy, dx) - angle;\n\n  return {x: r * Math.cos(theta) + newcx,\n    y: r * Math.sin(theta) + newcy};\n};\n\n// If the path was rotated, we must now pay the piper:\n// Every path point must be rotated into the rotated coordinate system of\n// its old center, then determine the new center, then rotate it back\n// This is because we want the path to remember its rotation\n\n/**\n* @function module:path.recalcRotatedPath\n* @todo This is still using ye olde transform methods, can probably\n* be optimized or even taken care of by `recalculateDimensions`\n* @returns {undefined}\n*/\nexport const recalcRotatedPath = function () {\n  const currentPath = path.elem;\n  angle = getRotationAngle(currentPath, true);\n  if (!angle) { return; }\n  // selectedBBoxes[0] = path.oldbbox;\n  const oldbox = path.oldbbox; // selectedBBoxes[0],\n  oldcx = oldbox.x + oldbox.width / 2;\n  oldcy = oldbox.y + oldbox.height / 2;\n  let box = getBBox(currentPath);\n  newcx = box.x + box.width / 2;\n  newcy = box.y + box.height / 2;\n\n  // un-rotate the new center to the proper position\n  const dx = newcx - oldcx,\n    dy = newcy - oldcy,\n    r = Math.sqrt(dx * dx + dy * dy),\n    theta = Math.atan2(dy, dx) + angle;\n\n  newcx = r * Math.cos(theta) + oldcx;\n  newcy = r * Math.sin(theta) + oldcy;\n\n  const list = currentPath.pathSegList;\n\n  let i = list.numberOfItems;\n  while (i) {\n    i -= 1;\n    const seg = list.getItem(i),\n      type = seg.pathSegType;\n    if (type === 1) { continue; }\n\n    const rvals = getRotVals(seg.x, seg.y),\n      points = [rvals.x, rvals.y];\n    if (seg.x1 != null && seg.x2 != null) {\n      const cVals1 = getRotVals(seg.x1, seg.y1);\n      const cVals2 = getRotVals(seg.x2, seg.y2);\n      points.splice(points.length, 0, cVals1.x, cVals1.y, cVals2.x, cVals2.y);\n    }\n    replacePathSeg(type, i, points);\n  } // loop for each point\n\n  box = getBBox(currentPath);\n  // selectedBBoxes[0].x = box.x; selectedBBoxes[0].y = box.y;\n  // selectedBBoxes[0].width = box.width; selectedBBoxes[0].height = box.height;\n\n  // now we must set the new transform to be rotated around the new center\n  const Rnc = editorContext_.getSVGRoot().createSVGTransform(),\n    tlist = getTransformList(currentPath);\n  Rnc.setRotate((angle * 180.0 / Math.PI), newcx, newcy);\n  tlist.replaceItem(Rnc, 0);\n};\n\n// ====================================\n// Public API starts here\n\n/**\n* @function module:path.clearData\n* @returns {undefined}\n*/\nexport const clearData = function () {\n  pathData = {};\n};\n\n// Making public for mocking\n/**\n* @function module:path.reorientGrads\n* @param {Element} elem\n* @param {SVGMatrix} m\n* @returns {undefined}\n*/\nexport const reorientGrads = function (elem, m) {\n  const bb = utilsGetBBox(elem);\n  for (let i = 0; i < 2; i++) {\n    const type = i === 0 ? 'fill' : 'stroke';\n    const attrVal = elem.getAttribute(type);\n    if (attrVal && attrVal.startsWith('url(')) {\n      const grad = getRefElem(attrVal);\n      if (grad.tagName === 'linearGradient') {\n        let x1 = grad.getAttribute('x1') || 0;\n        let y1 = grad.getAttribute('y1') || 0;\n        let x2 = grad.getAttribute('x2') || 1;\n        let y2 = grad.getAttribute('y2') || 0;\n\n        // Convert to USOU points\n        x1 = (bb.width * x1) + bb.x;\n        y1 = (bb.height * y1) + bb.y;\n        x2 = (bb.width * x2) + bb.x;\n        y2 = (bb.height * y2) + bb.y;\n\n        // Transform those points\n        const pt1 = transformPoint(x1, y1, m);\n        const pt2 = transformPoint(x2, y2, m);\n\n        // Convert back to BB points\n        const gCoords = {};\n\n        gCoords.x1 = (pt1.x - bb.x) / bb.width;\n        gCoords.y1 = (pt1.y - bb.y) / bb.height;\n        gCoords.x2 = (pt2.x - bb.x) / bb.width;\n        gCoords.y2 = (pt2.y - bb.y) / bb.height;\n\n        const newgrad = grad.cloneNode(true);\n        $(newgrad).attr(gCoords);\n\n        newgrad.id = editorContext_.getNextId();\n        findDefs().append(newgrad);\n        elem.setAttribute(type, 'url(#' + newgrad.id + ')');\n      }\n    }\n  }\n};\n\n/**\n* This is how we map paths to our preferred relative segment types\n* @name module:path.pathMap\n* @type {GenericArray}\n*/\nconst pathMap = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a',\n  'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];\n\n/**\n * Convert a path to one with only absolute or relative values\n * @todo move to pathActions.js\n * @function module:path.convertPath\n * @param {SVGPathElement} path - the path to convert\n * @param {boolean} toRel - true of convert to relative\n * @returns {string}\n */\nexport const convertPath = function (path, toRel) {\n  const segList = path.pathSegList;\n  const len = segList.numberOfItems;\n  let curx = 0, cury = 0;\n  let d = '';\n  let lastM = null;\n\n  for (let i = 0; i < len; ++i) {\n    const seg = segList.getItem(i);\n    // if these properties are not in the segment, set them to zero\n    let x = seg.x || 0,\n      y = seg.y || 0,\n      x1 = seg.x1 || 0,\n      y1 = seg.y1 || 0,\n      x2 = seg.x2 || 0,\n      y2 = seg.y2 || 0;\n\n    const type = seg.pathSegType;\n    let letter = pathMap[type]['to' + (toRel ? 'Lower' : 'Upper') + 'Case']();\n\n    switch (type) {\n    case 1: // z,Z closepath (Z/z)\n      d += 'z';\n      if (lastM && !toRel) {\n        curx = lastM[0];\n        cury = lastM[1];\n      }\n      break;\n    case 12: // absolute horizontal line (H)\n      x -= curx;\n      // Fallthrough\n    case 13: // relative horizontal line (h)\n      if (toRel) {\n        curx += x;\n        letter = 'l';\n      } else {\n        x += curx;\n        curx = x;\n        letter = 'L';\n      }\n      // Convert to \"line\" for easier editing\n      d += pathDSegment(letter, [[x, cury]]);\n      break;\n    case 14: // absolute vertical line (V)\n      y -= cury;\n      // Fallthrough\n    case 15: // relative vertical line (v)\n      if (toRel) {\n        cury += y;\n        letter = 'l';\n      } else {\n        y += cury;\n        cury = y;\n        letter = 'L';\n      }\n      // Convert to \"line\" for easier editing\n      d += pathDSegment(letter, [[curx, y]]);\n      break;\n    case 2: // absolute move (M)\n    case 4: // absolute line (L)\n    case 18: // absolute smooth quad (T)\n      x -= curx;\n      y -= cury;\n      // Fallthrough\n    case 5: // relative line (l)\n    case 3: // relative move (m)\n    case 19: // relative smooth quad (t)\n      if (toRel) {\n        curx += x;\n        cury += y;\n      } else {\n        x += curx;\n        y += cury;\n        curx = x;\n        cury = y;\n      }\n      if (type === 2 || type === 3) { lastM = [curx, cury]; }\n\n      d += pathDSegment(letter, [[x, y]]);\n      break;\n    case 6: // absolute cubic (C)\n      x -= curx; x1 -= curx; x2 -= curx;\n      y -= cury; y1 -= cury; y2 -= cury;\n      // Fallthrough\n    case 7: // relative cubic (c)\n      if (toRel) {\n        curx += x;\n        cury += y;\n      } else {\n        x += curx; x1 += curx; x2 += curx;\n        y += cury; y1 += cury; y2 += cury;\n        curx = x;\n        cury = y;\n      }\n      d += pathDSegment(letter, [[x1, y1], [x2, y2], [x, y]]);\n      break;\n    case 8: // absolute quad (Q)\n      x -= curx; x1 -= curx;\n      y -= cury; y1 -= cury;\n      // Fallthrough\n    case 9: // relative quad (q)\n      if (toRel) {\n        curx += x;\n        cury += y;\n      } else {\n        x += curx; x1 += curx;\n        y += cury; y1 += cury;\n        curx = x;\n        cury = y;\n      }\n      d += pathDSegment(letter, [[x1, y1], [x, y]]);\n      break;\n    case 10: // absolute elliptical arc (A)\n      x -= curx;\n      y -= cury;\n      // Fallthrough\n    case 11: // relative elliptical arc (a)\n      if (toRel) {\n        curx += x;\n        cury += y;\n      } else {\n        x += curx;\n        y += cury;\n        curx = x;\n        cury = y;\n      }\n      d += pathDSegment(letter, [[seg.r1, seg.r2]], [\n        seg.angle,\n        (seg.largeArcFlag ? 1 : 0),\n        (seg.sweepFlag ? 1 : 0)\n      ], [x, y]);\n      break;\n    case 16: // absolute smooth cubic (S)\n      x -= curx; x2 -= curx;\n      y -= cury; y2 -= cury;\n      // Fallthrough\n    case 17: // relative smooth cubic (s)\n      if (toRel) {\n        curx += x;\n        cury += y;\n      } else {\n        x += curx; x2 += curx;\n        y += cury; y2 += cury;\n        curx = x;\n        cury = y;\n      }\n      d += pathDSegment(letter, [[x2, y2], [x, y]]);\n      break;\n    } // switch on path segment type\n  } // for each segment\n  return d;\n};\n\n/**\n * TODO: refactor callers in convertPath to use getPathDFromSegments instead of this function.\n * Legacy code refactored from svgcanvas.pathActions.convertPath\n * @param {string} letter - path segment command (letter in potentially either case from {@link module:path.pathMap}; see [SVGPathSeg#pathSegTypeAsLetter]{@link https://www.w3.org/TR/SVG/single-page.html#paths-__svg__SVGPathSeg__pathSegTypeAsLetter})\n * @param {Integer[][]} points - x,y points\n * @param {Integer[][]} [morePoints] - x,y points\n * @param {Integer[]} [lastPoint] - x,y point\n * @returns {string}\n */\nfunction pathDSegment (letter, points, morePoints, lastPoint) {\n  $.each(points, function (i, pnt) {\n    points[i] = shortFloat(pnt);\n  });\n  let segment = letter + points.join(' ');\n  if (morePoints) {\n    segment += ' ' + morePoints.join(' ');\n  }\n  if (lastPoint) {\n    segment += ' ' + shortFloat(lastPoint);\n  }\n  return segment;\n}\n\n/**\n* Group: Path edit functions\n* Functions relating to editing path elements\n* @namespace {PlainObject} pathActions\n* @memberof module:path\n*/\nexport const pathActions = (function () {\n  let subpath = false;\n  let newPoint, firstCtrl;\n\n  let currentPath = null;\n  let hasMoved = false;\n  // No `editorContext_` yet but should be ok as is `null` by default\n  // editorContext_.setDrawnPath(null);\n\n  /**\n  * This function converts a polyline (created by the fh_path tool) into\n  * a path element and coverts every three line segments into a single bezier\n  * curve in an attempt to smooth out the free-hand\n  * @function smoothPolylineIntoPath\n  * @param {Element} element\n  * @returns {Element}\n  */\n  const smoothPolylineIntoPath = function (element) {\n    let i;\n    const {points} = element;\n    const N = points.numberOfItems;\n    if (N >= 4) {\n      // loop through every 3 points and convert to a cubic bezier curve segment\n      //\n      // NOTE: this is cheating, it means that every 3 points has the potential to\n      // be a corner instead of treating each point in an equal manner. In general,\n      // this technique does not look that good.\n      //\n      // I am open to better ideas!\n      //\n      // Reading:\n      // - http://www.efg2.com/Lab/Graphics/Jean-YvesQueinecBezierCurves.htm\n      // - https://www.codeproject.com/KB/graphics/BezierSpline.aspx?msg=2956963\n      // - https://www.ian-ko.com/ET_GeoWizards/UserGuide/smooth.htm\n      // - https://www.cs.mtu.edu/~shene/COURSES/cs3621/NOTES/spline/Bezier/bezier-der.html\n      let curpos = points.getItem(0), prevCtlPt = null;\n      let d = [];\n      d.push(['M', curpos.x, ',', curpos.y, ' C'].join(''));\n      for (i = 1; i <= (N - 4); i += 3) {\n        let ct1 = points.getItem(i);\n        const ct2 = points.getItem(i + 1);\n        const end = points.getItem(i + 2);\n\n        // if the previous segment had a control point, we want to smooth out\n        // the control points on both sides\n        if (prevCtlPt) {\n          const newpts = smoothControlPoints(prevCtlPt, ct1, curpos);\n          if (newpts && newpts.length === 2) {\n            const prevArr = d[d.length - 1].split(',');\n            prevArr[2] = newpts[0].x;\n            prevArr[3] = newpts[0].y;\n            d[d.length - 1] = prevArr.join(',');\n            ct1 = newpts[1];\n          }\n        }\n\n        d.push([ct1.x, ct1.y, ct2.x, ct2.y, end.x, end.y].join(','));\n\n        curpos = end;\n        prevCtlPt = ct2;\n      }\n      // handle remaining line segments\n      d.push('L');\n      while (i < N) {\n        const pt = points.getItem(i);\n        d.push([pt.x, pt.y].join(','));\n        i++;\n      }\n      d = d.join(' ');\n\n      // create new path element\n      element = editorContext_.addSVGElementFromJson({\n        element: 'path',\n        curStyles: true,\n        attr: {\n          id: editorContext_.getId(),\n          d,\n          fill: 'none'\n        }\n      });\n      // No need to call \"changed\", as this is already done under mouseUp\n    }\n    return element;\n  };\n\n  return (/** @lends module:path.pathActions */ {\n    /**\n    * @param {MouseEvent} evt\n    * @param {Element} mouseTarget\n    * @param {Float} startX\n    * @param {Float} startY\n    * @returns {undefined}\n    */\n    mouseDown (evt, mouseTarget, startX, startY) {\n      let id;\n      if (editorContext_.getCurrentMode() === 'path') {\n        let mouseX = startX; // Was this meant to work with the other `mouseX`? (was defined globally so adding `let` to at least avoid a global)\n        let mouseY = startY; // Was this meant to work with the other `mouseY`? (was defined globally so adding `let` to at least avoid a global)\n\n        const currentZoom = editorContext_.getCurrentZoom();\n        let x = mouseX / currentZoom,\n          y = mouseY / currentZoom,\n          stretchy = getElem('path_stretch_line');\n        newPoint = [x, y];\n\n        if (editorContext_.getGridSnapping()) {\n          x = snapToGrid(x);\n          y = snapToGrid(y);\n          mouseX = snapToGrid(mouseX);\n          mouseY = snapToGrid(mouseY);\n        }\n\n        if (!stretchy) {\n          stretchy = document.createElementNS(NS.SVG, 'path');\n          assignAttributes(stretchy, {\n            id: 'path_stretch_line',\n            stroke: '#22C',\n            'stroke-width': '0.5',\n            fill: 'none'\n          });\n          stretchy = getElem('selectorParentGroup').appendChild(stretchy);\n        }\n        stretchy.setAttribute('display', 'inline');\n\n        let keep = null;\n        let index;\n        // if pts array is empty, create path element with M at current point\n        let drawnPath = editorContext_.getDrawnPath();\n        if (!drawnPath) {\n          const dAttr = 'M' + x + ',' + y + ' '; // Was this meant to work with the other `dAttr`? (was defined globally so adding `var` to at least avoid a global)\n          drawnPath = editorContext_.setDrawnPath(editorContext_.addSVGElementFromJson({\n            element: 'path',\n            curStyles: true,\n            attr: {\n              d: dAttr,\n              id: editorContext_.getNextId(),\n              opacity: editorContext_.getOpacity() / 2\n            }\n          }));\n          // set stretchy line to first point\n          stretchy.setAttribute('d', ['M', mouseX, mouseY, mouseX, mouseY].join(' '));\n          index = subpath ? path.segs.length : 0;\n          addPointGrip(index, mouseX, mouseY);\n        } else {\n          // determine if we clicked on an existing point\n          const seglist = drawnPath.pathSegList;\n          let i = seglist.numberOfItems;\n          const FUZZ = 6 / currentZoom;\n          let clickOnPoint = false;\n          while (i) {\n            i--;\n            const item = seglist.getItem(i);\n            const px = item.x, py = item.y;\n            // found a matching point\n            if (x >= (px - FUZZ) && x <= (px + FUZZ) &&\n              y >= (py - FUZZ) && y <= (py + FUZZ)\n            ) {\n              clickOnPoint = true;\n              break;\n            }\n          }\n\n          // get path element that we are in the process of creating\n          id = editorContext_.getId();\n\n          // Remove previous path object if previously created\n          removePath_(id);\n\n          const newpath = getElem(id);\n          let newseg;\n          let sSeg;\n          const len = seglist.numberOfItems;\n          // if we clicked on an existing point, then we are done this path, commit it\n          // (i, i+1) are the x,y that were clicked on\n          if (clickOnPoint) {\n            // if clicked on any other point but the first OR\n            // the first point was clicked on and there are less than 3 points\n            // then leave the path open\n            // otherwise, close the path\n            if (i <= 1 && len >= 2) {\n              // Create end segment\n              const absX = seglist.getItem(0).x;\n              const absY = seglist.getItem(0).y;\n\n              sSeg = stretchy.pathSegList.getItem(1);\n              if (sSeg.pathSegType === 4) {\n                newseg = drawnPath.createSVGPathSegLinetoAbs(absX, absY);\n              } else {\n                newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(\n                  absX,\n                  absY,\n                  sSeg.x1 / currentZoom,\n                  sSeg.y1 / currentZoom,\n                  absX,\n                  absY\n                );\n              }\n\n              const endseg = drawnPath.createSVGPathSegClosePath();\n              seglist.appendItem(newseg);\n              seglist.appendItem(endseg);\n            } else if (len < 3) {\n              keep = false;\n              return keep;\n            }\n            $(stretchy).remove();\n\n            // This will signal to commit the path\n            // const element = newpath; // Other event handlers define own `element`, so this was probably not meant to interact with them or one which shares state (as there were none); I therefore adding a missing `var` to avoid a global\n            drawnPath = editorContext_.setDrawnPath(null);\n            editorContext_.setStarted(false);\n\n            if (subpath) {\n              if (path.matrix) {\n                editorContext_.remapElement(newpath, {}, path.matrix.inverse());\n              }\n\n              const newD = newpath.getAttribute('d');\n              const origD = $(path.elem).attr('d');\n              $(path.elem).attr('d', origD + newD);\n              $(newpath).remove();\n              if (path.matrix) {\n                recalcRotatedPath();\n              }\n              init();\n              pathActions.toEditMode(path.elem);\n              path.selectPt();\n              return false;\n            }\n          // else, create a new point, update path element\n          } else {\n            // Checks if current target or parents are #svgcontent\n            if (!$.contains(\n              editorContext_.getContainer(),\n              editorContext_.getMouseTarget(evt)\n            )) {\n              // Clicked outside canvas, so don't make point\n              console.log('Clicked outside canvas');\n              return false;\n            }\n\n            const num = drawnPath.pathSegList.numberOfItems;\n            const last = drawnPath.pathSegList.getItem(num - 1);\n            const lastx = last.x, lasty = last.y;\n\n            if (evt.shiftKey) {\n              const xya = snapToAngle(lastx, lasty, x, y);\n              ({x, y} = xya);\n            }\n\n            // Use the segment defined by stretchy\n            sSeg = stretchy.pathSegList.getItem(1);\n            if (sSeg.pathSegType === 4) {\n              newseg = drawnPath.createSVGPathSegLinetoAbs(\n                editorContext_.round(x),\n                editorContext_.round(y)\n              );\n            } else {\n              newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(\n                editorContext_.round(x),\n                editorContext_.round(y),\n                sSeg.x1 / currentZoom,\n                sSeg.y1 / currentZoom,\n                sSeg.x2 / currentZoom,\n                sSeg.y2 / currentZoom\n              );\n            }\n\n            drawnPath.pathSegList.appendItem(newseg);\n\n            x *= currentZoom;\n            y *= currentZoom;\n\n            // set stretchy line to latest point\n            stretchy.setAttribute('d', ['M', x, y, x, y].join(' '));\n            index = num;\n            if (subpath) { index += path.segs.length; }\n            addPointGrip(index, x, y);\n          }\n          // keep = true;\n        }\n\n        return;\n      }\n\n      // TODO: Make sure currentPath isn't null at this point\n      if (!path) { return; }\n\n      path.storeD();\n\n      ({id} = evt.target);\n      let curPt;\n      if (id.substr(0, 14) === 'pathpointgrip_') {\n        // Select this point\n        curPt = path.cur_pt = parseInt(id.substr(14), 10);\n        path.dragging = [startX, startY];\n        const seg = path.segs[curPt];\n\n        // only clear selection if shift is not pressed (otherwise, add\n        // node to selection)\n        if (!evt.shiftKey) {\n          if (path.selected_pts.length <= 1 || !seg.selected) {\n            path.clearSelection();\n          }\n          path.addPtsToSelection(curPt);\n        } else if (seg.selected) {\n          path.removePtFromSelection(curPt);\n        } else {\n          path.addPtsToSelection(curPt);\n        }\n      } else if (id.startsWith('ctrlpointgrip_')) {\n        path.dragging = [startX, startY];\n\n        const parts = id.split('_')[1].split('c');\n        curPt = Number(parts[0]);\n        const ctrlNum = Number(parts[1]);\n        path.selectPt(curPt, ctrlNum);\n      }\n\n      // Start selection box\n      if (!path.dragging) {\n        let rubberBox = editorContext_.getRubberBox();\n        if (rubberBox == null) {\n          rubberBox = editorContext_.setRubberBox(\n            editorContext_.selectorManager.getRubberBandBox()\n          );\n        }\n        const currentZoom = editorContext_.getCurrentZoom();\n        assignAttributes(rubberBox, {\n          x: startX * currentZoom,\n          y: startY * currentZoom,\n          width: 0,\n          height: 0,\n          display: 'inline'\n        }, 100);\n      }\n    },\n    /**\n    * @param {Float} mouseX\n    * @param {Float} mouseY\n    * @returns {undefined}\n    */\n    mouseMove (mouseX, mouseY) {\n      const currentZoom = editorContext_.getCurrentZoom();\n      hasMoved = true;\n      const drawnPath = editorContext_.getDrawnPath();\n      if (editorContext_.getCurrentMode() === 'path') {\n        if (!drawnPath) { return; }\n        const seglist = drawnPath.pathSegList;\n        const index = seglist.numberOfItems - 1;\n\n        if (newPoint) {\n          // First point\n          // if (!index) { return; }\n\n          // Set control points\n          const pointGrip1 = addCtrlGrip('1c1');\n          const pointGrip2 = addCtrlGrip('0c2');\n\n          // dragging pointGrip1\n          pointGrip1.setAttribute('cx', mouseX);\n          pointGrip1.setAttribute('cy', mouseY);\n          pointGrip1.setAttribute('display', 'inline');\n\n          const ptX = newPoint[0];\n          const ptY = newPoint[1];\n\n          // set curve\n          // const seg = seglist.getItem(index);\n          const curX = mouseX / currentZoom;\n          const curY = mouseY / currentZoom;\n          const altX = (ptX + (ptX - curX));\n          const altY = (ptY + (ptY - curY));\n\n          pointGrip2.setAttribute('cx', altX * currentZoom);\n          pointGrip2.setAttribute('cy', altY * currentZoom);\n          pointGrip2.setAttribute('display', 'inline');\n\n          const ctrlLine = getCtrlLine(1);\n          assignAttributes(ctrlLine, {\n            x1: mouseX,\n            y1: mouseY,\n            x2: altX * currentZoom,\n            y2: altY * currentZoom,\n            display: 'inline'\n          });\n\n          if (index === 0) {\n            firstCtrl = [mouseX, mouseY];\n          } else {\n            const last = seglist.getItem(index - 1);\n            let lastX = last.x;\n            let lastY = last.y;\n\n            if (last.pathSegType === 6) {\n              lastX += (lastX - last.x2);\n              lastY += (lastY - last.y2);\n            } else if (firstCtrl) {\n              lastX = firstCtrl[0] / currentZoom;\n              lastY = firstCtrl[1] / currentZoom;\n            }\n            replacePathSeg(6, index, [ptX, ptY, lastX, lastY, altX, altY], drawnPath);\n          }\n        } else {\n          const stretchy = getElem('path_stretch_line');\n          if (stretchy) {\n            const prev = seglist.getItem(index);\n            if (prev.pathSegType === 6) {\n              const prevX = prev.x + (prev.x - prev.x2);\n              const prevY = prev.y + (prev.y - prev.y2);\n              replacePathSeg(6, 1, [mouseX, mouseY, prevX * currentZoom, prevY * currentZoom, mouseX, mouseY], stretchy);\n            } else if (firstCtrl) {\n              replacePathSeg(6, 1, [mouseX, mouseY, firstCtrl[0], firstCtrl[1], mouseX, mouseY], stretchy);\n            } else {\n              replacePathSeg(4, 1, [mouseX, mouseY], stretchy);\n            }\n          }\n        }\n        return;\n      }\n      // if we are dragging a point, let's move it\n      if (path.dragging) {\n        const pt = getPointFromGrip({\n          x: path.dragging[0],\n          y: path.dragging[1]\n        }, path);\n        const mpt = getPointFromGrip({\n          x: mouseX,\n          y: mouseY\n        }, path);\n        const diffX = mpt.x - pt.x;\n        const diffY = mpt.y - pt.y;\n        path.dragging = [mouseX, mouseY];\n\n        if (path.dragctrl) {\n          path.moveCtrl(diffX, diffY);\n        } else {\n          path.movePts(diffX, diffY);\n        }\n      } else {\n        path.selected_pts = [];\n        path.eachSeg(function (i) {\n          const seg = this;\n          if (!seg.next && !seg.prev) { return; }\n\n          // const {item} = seg;\n          const rubberBox = editorContext_.getRubberBox();\n          const rbb = rubberBox.getBBox();\n\n          const pt = getGripPt(seg);\n          const ptBb = {\n            x: pt.x,\n            y: pt.y,\n            width: 0,\n            height: 0\n          };\n\n          const sel = rectsIntersect(rbb, ptBb);\n\n          this.select(sel);\n          // Note that addPtsToSelection is not being run\n          if (sel) { path.selected_pts.push(seg.index); }\n        });\n      }\n    },\n    /**\n    * @param {Event} evt\n    * @param {Element} element\n    * @param {Float} mouseX\n    * @param {Float} mouseY\n    * @returns {undefined}\n    */\n    mouseUp (evt, element, mouseX, mouseY) {\n      const drawnPath = editorContext_.getDrawnPath();\n      // Create mode\n      if (editorContext_.getCurrentMode() === 'path') {\n        newPoint = null;\n        if (!drawnPath) {\n          element = getElem(editorContext_.getId());\n          editorContext_.setStarted(false);\n          firstCtrl = null;\n        }\n\n        return {\n          keep: true,\n          element\n        };\n      }\n\n      // Edit mode\n      const rubberBox = editorContext_.getRubberBox();\n      if (path.dragging) {\n        const lastPt = path.cur_pt;\n\n        path.dragging = false;\n        path.dragctrl = false;\n        path.update();\n\n        if (hasMoved) {\n          path.endChanges('Move path point(s)');\n        }\n\n        if (!evt.shiftKey && !hasMoved) {\n          path.selectPt(lastPt);\n        }\n      } else if (rubberBox && rubberBox.getAttribute('display') !== 'none') {\n        // Done with multi-node-select\n        rubberBox.setAttribute('display', 'none');\n\n        if (rubberBox.getAttribute('width') <= 2 && rubberBox.getAttribute('height') <= 2) {\n          pathActions.toSelectMode(evt.target);\n        }\n\n      // else, move back to select mode\n      } else {\n        pathActions.toSelectMode(evt.target);\n      }\n      hasMoved = false;\n    },\n    /**\n    * @param {Element} element\n    * @returns {undefined}\n    */\n    toEditMode (element) {\n      path = getPath_(element);\n      editorContext_.setCurrentMode('pathedit');\n      editorContext_.clearSelection();\n      path.show(true).update();\n      path.oldbbox = utilsGetBBox(path.elem);\n      subpath = false;\n    },\n    /**\n    * @param {Element} element\n    * @fires module:svgcanvas.SvgCanvas#event:selected\n    * @returns {undefined}\n    */\n    toSelectMode (elem) {\n      const selPath = (elem === path.elem);\n      editorContext_.setCurrentMode('select');\n      path.show(false);\n      currentPath = false;\n      editorContext_.clearSelection();\n\n      if (path.matrix) {\n        // Rotated, so may need to re-calculate the center\n        recalcRotatedPath();\n      }\n\n      if (selPath) {\n        editorContext_.call('selected', [elem]);\n        editorContext_.addToSelection([elem], true);\n      }\n    },\n    /**\n    * @param {boolean} on\n    * @returns {undefined}\n    */\n    addSubPath (on) {\n      if (on) {\n        // Internally we go into \"path\" mode, but in the UI it will\n        // still appear as if in \"pathedit\" mode.\n        editorContext_.setCurrentMode('path');\n        subpath = true;\n      } else {\n        pathActions.clear(true);\n        pathActions.toEditMode(path.elem);\n      }\n    },\n    /**\n    * @param {Element} target\n    * @returns {undefined}\n    */\n    select (target) {\n      if (currentPath === target) {\n        pathActions.toEditMode(target);\n        editorContext_.setCurrentMode('pathedit');\n      // going into pathedit mode\n      } else {\n        currentPath = target;\n      }\n    },\n    /**\n    * @fires module:svgcanvas.SvgCanvas#event:changed\n    * @returns {undefined}\n    */\n    reorient () {\n      const elem = editorContext_.getSelectedElements()[0];\n      if (!elem) { return; }\n      const angle = getRotationAngle(elem);\n      if (angle === 0) { return; }\n\n      const batchCmd = new BatchCommand('Reorient path');\n      const changes = {\n        d: elem.getAttribute('d'),\n        transform: elem.getAttribute('transform')\n      };\n      batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));\n      editorContext_.clearSelection();\n      this.resetOrientation(elem);\n\n      editorContext_.addCommandToHistory(batchCmd);\n\n      // Set matrix to null\n      getPath_(elem).show(false).matrix = null;\n\n      this.clear();\n\n      editorContext_.addToSelection([elem], true);\n      editorContext_.call('changed', editorContext_.getSelectedElements());\n    },\n\n    /**\n    * @param {boolean} remove Not in use\n    * @returns {undefined}\n    */\n    clear (remove) {\n      const drawnPath = editorContext_.getDrawnPath();\n      currentPath = null;\n      if (drawnPath) {\n        const elem = getElem(editorContext_.getId());\n        $(getElem('path_stretch_line')).remove();\n        $(elem).remove();\n        $(getElem('pathpointgrip_container')).find('*').attr('display', 'none');\n        firstCtrl = null;\n        editorContext_.setDrawnPath(null);\n        editorContext_.setStarted(false);\n      } else if (editorContext_.getCurrentMode() === 'pathedit') {\n        this.toSelectMode();\n      }\n      if (path) { path.init().show(false); }\n    },\n    /**\n    * @param {?(Element|SVGPathElement)} pth\n    * @returns {false|undefined}\n    */\n    resetOrientation (pth) {\n      if (pth == null || pth.nodeName !== 'path') { return false; }\n      const tlist = getTransformList(pth);\n      const m = transformListToTransform(tlist).matrix;\n      tlist.clear();\n      pth.removeAttribute('transform');\n      const segList = pth.pathSegList;\n\n      // Opera/win/non-EN throws an error here.\n      // TODO: Find out why!\n      // Presumed fixed in Opera 10.5, so commented out for now\n\n      // try {\n      const len = segList.numberOfItems;\n      // } catch(err) {\n      //   const fixed_d = pathActions.convertPath(pth);\n      //   pth.setAttribute('d', fixed_d);\n      //   segList = pth.pathSegList;\n      //   const len = segList.numberOfItems;\n      // }\n      // let lastX, lastY;\n      for (let i = 0; i < len; ++i) {\n        const seg = segList.getItem(i);\n        const type = seg.pathSegType;\n        if (type === 1) { continue; }\n        const pts = [];\n        $.each(['', 1, 2], function (j, n) {\n          const x = seg['x' + n], y = seg['y' + n];\n          if (x !== undefined && y !== undefined) {\n            const pt = transformPoint(x, y, m);\n            pts.splice(pts.length, 0, pt.x, pt.y);\n          }\n        });\n        replacePathSeg(type, i, pts, pth);\n      }\n\n      reorientGrads(pth, m);\n    },\n    /**\n    * @returns {undefined}\n    */\n    zoomChange () {\n      if (editorContext_.getCurrentMode() === 'pathedit') {\n        path.update();\n      }\n    },\n    /**\n    * @typedef {PlainObject} module:path.NodePoint\n    * @property {Float} x\n    * @property {Float} y\n    * @property {Integer} type\n    */\n    /**\n    * @returns {module:path.NodePoint}\n    */\n    getNodePoint () {\n      const selPt = path.selected_pts.length ? path.selected_pts[0] : 1;\n\n      const seg = path.segs[selPt];\n      return {\n        x: seg.item.x,\n        y: seg.item.y,\n        type: seg.type\n      };\n    },\n    /**\n    * @param {boolean} linkPoints\n    * @returns {undefined}\n    */\n    linkControlPoints (linkPoints) {\n      setLinkControlPoints(linkPoints);\n    },\n    /**\n    * @returns {undefined}\n    */\n    clonePathNode () {\n      path.storeD();\n\n      const selPts = path.selected_pts;\n      // const {segs} = path;\n\n      let i = selPts.length;\n      const nums = [];\n\n      while (i--) {\n        const pt = selPts[i];\n        path.addSeg(pt);\n\n        nums.push(pt + i);\n        nums.push(pt + i + 1);\n      }\n      path.init().addPtsToSelection(nums);\n\n      path.endChanges('Clone path node(s)');\n    },\n    /**\n    * @returns {undefined}\n    */\n    opencloseSubPath () {\n      const selPts = path.selected_pts;\n      // Only allow one selected node for now\n      if (selPts.length !== 1) { return; }\n\n      const {elem} = path;\n      const list = elem.pathSegList;\n\n      // const len = list.numberOfItems;\n\n      const index = selPts[0];\n\n      let openPt = null;\n      let startItem = null;\n\n      // Check if subpath is already open\n      path.eachSeg(function (i) {\n        if (this.type === 2 && i <= index) {\n          startItem = this.item;\n        }\n        if (i <= index) { return true; }\n        if (this.type === 2) {\n          // Found M first, so open\n          openPt = i;\n          return false;\n        }\n        if (this.type === 1) {\n          // Found Z first, so closed\n          openPt = false;\n          return false;\n        }\n      });\n\n      if (openPt == null) {\n        // Single path, so close last seg\n        openPt = path.segs.length - 1;\n      }\n\n      if (openPt !== false) {\n        // Close this path\n\n        // Create a line going to the previous \"M\"\n        const newseg = elem.createSVGPathSegLinetoAbs(startItem.x, startItem.y);\n\n        const closer = elem.createSVGPathSegClosePath();\n        if (openPt === path.segs.length - 1) {\n          list.appendItem(newseg);\n          list.appendItem(closer);\n        } else {\n          insertItemBefore(elem, closer, openPt);\n          insertItemBefore(elem, newseg, openPt);\n        }\n\n        path.init().selectPt(openPt + 1);\n        return;\n      }\n\n      // M 1,1 L 2,2 L 3,3 L 1,1 z // open at 2,2\n      // M 2,2 L 3,3 L 1,1\n\n      // M 1,1 L 2,2 L 1,1 z M 4,4 L 5,5 L6,6 L 5,5 z\n      // M 1,1 L 2,2 L 1,1 z [M 4,4] L 5,5 L(M)6,6 L 5,5 z\n\n      const seg = path.segs[index];\n\n      if (seg.mate) {\n        list.removeItem(index); // Removes last \"L\"\n        list.removeItem(index); // Removes the \"Z\"\n        path.init().selectPt(index - 1);\n        return;\n      }\n\n      let lastM, zSeg;\n\n      // Find this sub-path's closing point and remove\n      for (let i = 0; i < list.numberOfItems; i++) {\n        const item = list.getItem(i);\n\n        if (item.pathSegType === 2) {\n          // Find the preceding M\n          lastM = i;\n        } else if (i === index) {\n          // Remove it\n          list.removeItem(lastM);\n          // index--;\n        } else if (item.pathSegType === 1 && index < i) {\n          // Remove the closing seg of this subpath\n          zSeg = i - 1;\n          list.removeItem(i);\n          break;\n        }\n      }\n\n      let num = (index - lastM) - 1;\n\n      while (num--) {\n        insertItemBefore(elem, list.getItem(lastM), zSeg);\n      }\n\n      const pt = list.getItem(lastM);\n\n      // Make this point the new \"M\"\n      replacePathSeg(2, lastM, [pt.x, pt.y]);\n\n      // i = index; // i is local here, so has no effect; what was the intent for this?\n\n      path.init().selectPt(0);\n    },\n    /**\n    * @returns {undefined}\n    */\n    deletePathNode () {\n      if (!pathActions.canDeleteNodes) { return; }\n      path.storeD();\n\n      const selPts = path.selected_pts;\n\n      let i = selPts.length;\n      while (i--) {\n        const pt = selPts[i];\n        path.deleteSeg(pt);\n      }\n\n      // Cleanup\n      const cleanup = function () {\n        const segList = path.elem.pathSegList;\n        let len = segList.numberOfItems;\n\n        const remItems = function (pos, count) {\n          while (count--) {\n            segList.removeItem(pos);\n          }\n        };\n\n        if (len <= 1) { return true; }\n\n        while (len--) {\n          const item = segList.getItem(len);\n          if (item.pathSegType === 1) {\n            const prev = segList.getItem(len - 1);\n            const nprev = segList.getItem(len - 2);\n            if (prev.pathSegType === 2) {\n              remItems(len - 1, 2);\n              cleanup();\n              break;\n            } else if (nprev.pathSegType === 2) {\n              remItems(len - 2, 3);\n              cleanup();\n              break;\n            }\n          } else if (item.pathSegType === 2) {\n            if (len > 0) {\n              const prevType = segList.getItem(len - 1).pathSegType;\n              // Path has M M\n              if (prevType === 2) {\n                remItems(len - 1, 1);\n                cleanup();\n                break;\n              // Entire path ends with Z M\n              } else if (prevType === 1 && segList.numberOfItems - 1 === len) {\n                remItems(len, 1);\n                cleanup();\n                break;\n              }\n            }\n          }\n        }\n        return false;\n      };\n\n      cleanup();\n\n      // Completely delete a path with 1 or 0 segments\n      if (path.elem.pathSegList.numberOfItems <= 1) {\n        pathActions.toSelectMode(path.elem);\n        editorContext_.canvas.deleteSelectedElements();\n        return;\n      }\n\n      path.init();\n      path.clearSelection();\n\n      // TODO: Find right way to select point now\n      // path.selectPt(selPt);\n      if (window.opera) { // Opera repaints incorrectly\n        const cp = $(path.elem);\n        cp.attr('d', cp.attr('d'));\n      }\n      path.endChanges('Delete path node(s)');\n    },\n    // Can't seem to use `@borrows` here, so using `@see`\n    /**\n    * Smooth polyline into path\n    * @function module:path.pathActions.smoothPolylineIntoPath\n    * @see module:path~smoothPolylineIntoPath\n    */\n    smoothPolylineIntoPath,\n    /**\n    * @returns {undefined}\n    */\n    setSegType (v) {\n      path.setSegType(v);\n    },\n    /**\n    * @param {string} attr\n    * @param {Float} newValue\n    * @returns {undefined}\n    */\n    moveNode (attr, newValue) {\n      const selPts = path.selected_pts;\n      if (!selPts.length) { return; }\n\n      path.storeD();\n\n      // Get first selected point\n      const seg = path.segs[selPts[0]];\n      const diff = {x: 0, y: 0};\n      diff[attr] = newValue - seg.item[attr];\n\n      seg.move(diff.x, diff.y);\n      path.endChanges('Move path point');\n    },\n    /**\n    * @param {Element} elem\n    * @returns {undefined}\n    */\n    fixEnd (elem) {\n      // Adds an extra segment if the last seg before a Z doesn't end\n      // at its M point\n      // M0,0 L0,100 L100,100 z\n      const segList = elem.pathSegList;\n      const len = segList.numberOfItems;\n      let lastM;\n      for (let i = 0; i < len; ++i) {\n        const item = segList.getItem(i);\n        if (item.pathSegType === 2) {\n          lastM = item;\n        }\n\n        if (item.pathSegType === 1) {\n          const prev = segList.getItem(i - 1);\n          if (prev.x !== lastM.x || prev.y !== lastM.y) {\n            // Add an L segment here\n            const newseg = elem.createSVGPathSegLinetoAbs(lastM.x, lastM.y);\n            insertItemBefore(elem, newseg, i);\n            // Can this be done better?\n            pathActions.fixEnd(elem);\n            break;\n          }\n        }\n      }\n      if (isWebkit()) { editorContext_.resetD(elem); }\n    },\n    // Can't seem to use `@borrows` here, so using `@see`\n    /**\n    * Convert a path to one with only absolute or relative values\n    * @function module:path.pathActions.convertPath\n    * @see module:path.convertPath\n    */\n    convertPath\n  });\n})();\n// end pathActions\n","/* globals jQuery */\n/**\n * Miscellaneous utilities\n * @module utilities\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller\n */\n\nimport './svgpathseg.js';\nimport jqPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`\nimport {NS} from './namespaces.js';\nimport {getTransformList} from './svgtransformlist.js';\nimport {setUnitAttr, getTypeMap} from './units.js';\nimport {convertPath} from './path.js';\nimport {\n  hasMatrixTransform, transformListToTransform, transformBox\n} from './math.js';\nimport {\n  isWebkit, supportsHVLineContainerBBox, supportsPathBBox, supportsXpath,\n  supportsSelectors\n} from './browser.js';\n\n// Constants\nconst $ = jqPluginSVG(jQuery);\n\n// String used to encode base64.\nconst KEYSTR = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';\n\n// Much faster than running getBBox() every time\nconst visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';\nconst visElemsArr = visElems.split(',');\n// const hidElems = 'clipPath,defs,desc,feGaussianBlur,filter,linearGradient,marker,mask,metadata,pattern,radialGradient,stop,switch,symbol,title,textPath';\n\nlet editorContext_ = null;\nlet domdoc_ = null;\nlet domcontainer_ = null;\nlet svgroot_ = null;\n\n/**\n* Object with the following keys/values\n* @typedef {PlainObject} module:utilities.SVGElementJSON\n* @property {string} element - Tag name of the SVG element to create\n* @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element\n* @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first\n* @property {module:utilities.SVGElementJSON[]} [children] - Data objects to be added recursively as children\n* @property {string} [namespace=\"http://www.w3.org/2000/svg\"] - Indicate a (non-SVG) namespace\n*/\n\n/**\n * An object that creates SVG elements for the canvas.\n *\n * @interface module:utilities.EditorContext\n * @property {module:path.pathActions} pathActions\n */\n/**\n * @function module:utilities.EditorContext#getSVGContent\n * @returns {SVGSVGElement}\n */\n/**\n * Create a new SVG element based on the given object keys/values and add it\n * to the current layer.\n * The element will be run through `cleanupElement` before being returned\n * @function module:utilities.EditorContext#addSVGElementFromJson\n * @param {module:utilities.SVGElementJSON} data\n * @returns {Element} The new element\n*/\n/**\n * @function module:utilities.EditorContext#getSelectedElements\n * @returns {Element[]} the array with selected DOM elements\n*/\n/**\n * @function module:utilities.EditorContext#getDOMDocument\n * @returns {HTMLDocument}\n*/\n/**\n * @function module:utilities.EditorContext#getDOMContainer\n * @returns {HTMLElement}\n*/\n/**\n * @function module:utilities.EditorContext#getSVGRoot\n * @returns {SVGSVGElement}\n*/\n/**\n * @function module:utilities.EditorContext#getBaseUnit\n * @returns {string}\n*/\n/**\n * @function module:utilities.EditorContext#getSnappingStep\n * @returns {Float|string}\n*/\n\n/**\n* @function module:utilities.init\n* @param {module:utilities.EditorContext} editorContext\n* @returns {undefined}\n*/\nexport const init = function (editorContext) {\n  editorContext_ = editorContext;\n  domdoc_ = editorContext.getDOMDocument();\n  domcontainer_ = editorContext.getDOMContainer();\n  svgroot_ = editorContext.getSVGRoot();\n};\n\n/**\n* Converts characters in a string to XML-friendly entities.\n* @function module:utilities.toXml\n* @example `&` becomes `&amp;`\n* @param {string} str - The string to be converted\n* @returns {string} The converted string\n*/\nexport const toXml = function (str) {\n  // &apos; is ok in XML, but not HTML\n  // &gt; does not normally need escaping, though it can if within a CDATA expression (and preceded by \"]]\")\n  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/'/, '&#x27;');\n};\n\n/**\n* Converts XML entities in a string to single characters.\n* @function module:utilities.fromXml\n* @example `&amp;` becomes `&`\n* @param {string} str - The string to be converted\n* @returns {string} The converted string\n*/\nexport const fromXml = function (str) {\n  return $('<p/>').html(str).text();\n};\n\n// This code was written by Tyler Akins and has been placed in the\n// public domain.  It would be nice if you left this header intact.\n// Base64 code from Tyler Akins -- http://rumkin.com\n\n// schiller: Removed string concatenation in favour of Array.join() optimization,\n//        also precalculate the size of the array needed.\n\n/**\n* Converts a string to base64\n* @function module:utilities.encode64\n* @param {string} input\n* @returns {string} Base64 output\n*/\nexport const encode64 = function (input) {\n  // base64 strings are 4/3 larger than the original string\n  input = encodeUTF8(input); // convert non-ASCII characters\n  // input = convertToXMLReferences(input);\n  if (window.btoa) {\n    return window.btoa(input); // Use native if available\n  }\n  const output = [];\n  output.length = Math.floor((input.length + 2) / 3) * 4;\n\n  let i = 0, p = 0;\n  do {\n    const chr1 = input.charCodeAt(i++);\n    const chr2 = input.charCodeAt(i++);\n    const chr3 = input.charCodeAt(i++);\n\n    const enc1 = chr1 >> 2;\n    const enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);\n\n    let enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);\n    let enc4 = chr3 & 63;\n\n    if (isNaN(chr2)) {\n      enc3 = enc4 = 64;\n    } else if (isNaN(chr3)) {\n      enc4 = 64;\n    }\n\n    output[p++] = KEYSTR.charAt(enc1);\n    output[p++] = KEYSTR.charAt(enc2);\n    output[p++] = KEYSTR.charAt(enc3);\n    output[p++] = KEYSTR.charAt(enc4);\n  } while (i < input.length);\n\n  return output.join('');\n};\n\n/**\n* Converts a string from base64\n* @function module:utilities.decode64\n* @param {string} input Base64-encoded input\n* @returns {string} Decoded output\n*/\nexport const decode64 = function (input) {\n  if (window.atob) {\n    return decodeUTF8(window.atob(input));\n  }\n\n  // remove all characters that are not A-Z, a-z, 0-9, +, /, or =\n  input = input.replace(/[^A-Za-z0-9+/=]/g, '');\n\n  let output = '';\n  let i = 0;\n\n  do {\n    const enc1 = KEYSTR.indexOf(input.charAt(i++));\n    const enc2 = KEYSTR.indexOf(input.charAt(i++));\n    const enc3 = KEYSTR.indexOf(input.charAt(i++));\n    const enc4 = KEYSTR.indexOf(input.charAt(i++));\n\n    const chr1 = (enc1 << 2) | (enc2 >> 4);\n    const chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);\n    const chr3 = ((enc3 & 3) << 6) | enc4;\n\n    output += String.fromCharCode(chr1);\n\n    if (enc3 !== 64) {\n      output = output + String.fromCharCode(chr2);\n    }\n    if (enc4 !== 64) {\n      output = output + String.fromCharCode(chr3);\n    }\n  } while (i < input.length);\n  return decodeUTF8(output);\n};\n\n/**\n* @function module:utilities.decodeUTF8\n* @param {string} argString\n* @returns {string}\n*/\nexport const decodeUTF8 = function (argString) {\n  return decodeURIComponent(escape(argString));\n};\n\n// codedread:does not seem to work with webkit-based browsers on OSX // Brettz9: please test again as function upgraded\n/**\n* @function module:utilities.encodeUTF8\n* @param {string} argString\n* @returns {string}\n*/\nexport const encodeUTF8 = function (argString) {\n  return unescape(encodeURIComponent(argString));\n};\n\n/**\n * convert dataURL to object URL\n * @function module:utilities.dataURLToObjectURL\n * @param {string} dataurl\n * @returns {string} object URL or empty string\n */\nexport const dataURLToObjectURL = function (dataurl) {\n  if (typeof Uint8Array === 'undefined' || typeof Blob === 'undefined' || typeof URL === 'undefined' || !URL.createObjectURL) {\n    return '';\n  }\n  const arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],\n    bstr = atob(arr[1]);\n  let n = bstr.length;\n  const u8arr = new Uint8Array(n);\n  while (n--) {\n    u8arr[n] = bstr.charCodeAt(n);\n  }\n  const blob = new Blob([u8arr], {type: mime});\n  return URL.createObjectURL(blob);\n};\n\n/**\n * get object URL for a blob object\n * @function module:utilities.createObjectURL\n * @param {Blob} blob A Blob object or File object\n * @returns {string} object URL or empty string\n */\nexport const createObjectURL = function (blob) {\n  if (!blob || typeof URL === 'undefined' || !URL.createObjectURL) {\n    return '';\n  }\n  return URL.createObjectURL(blob);\n};\n\n/**\n * @property {string} blankPageObjectURL\n */\nexport const blankPageObjectURL = (function () {\n  if (typeof Blob === 'undefined') {\n    return '';\n  }\n  const blob = new Blob(['<html><head><title>SVG-edit</title></head><body>&nbsp;</body></html>'], {type: 'text/html'});\n  return createObjectURL(blob);\n})();\n\n/**\n* Converts a string to use XML references (for non-ASCII)\n* @function module:utilities.convertToXMLReferences\n* @param {string} input\n* @returns {string} Decimal numeric character references\n*/\nexport const convertToXMLReferences = function (input) {\n  let output = '';\n  [...input].forEach((ch) => {\n    const c = ch.charCodeAt();\n    if (c <= 127) {\n      output += ch;\n    } else {\n      output += `&#${c};`;\n    }\n  });\n  return output;\n};\n\n/**\n* Cross-browser compatible method of converting a string to an XML tree\n* found this function [here]{@link http://groups.google.com/group/jquery-dev/browse_thread/thread/c6d11387c580a77f}\n* @function module:utilities.text2xml\n* @param {string} sXML\n* @throws {Error}\n* @returns {XMLDocument}\n*/\nexport const text2xml = function (sXML) {\n  if (sXML.includes('<svg:svg')) {\n    sXML = sXML.replace(/<(\\/?)svg:/g, '<$1').replace('xmlns:svg', 'xmlns');\n  }\n\n  let out, dXML;\n  try {\n    dXML = (window.DOMParser) ? new DOMParser() : new window.ActiveXObject('Microsoft.XMLDOM');\n    dXML.async = false;\n  } catch (e) {\n    throw new Error('XML Parser could not be instantiated');\n  }\n  try {\n    if (dXML.loadXML) {\n      out = (dXML.loadXML(sXML)) ? dXML : false;\n    } else {\n      out = dXML.parseFromString(sXML, 'text/xml');\n    }\n  } catch (e2) { throw new Error('Error parsing XML string'); }\n  return out;\n};\n\n/**\n* @typedef {PlainObject} module:utilities.BBoxObject (like `DOMRect`)\n* @property {Float} x\n* @property {Float} y\n* @property {Float} width\n* @property {Float} height\n*/\n\n/**\n* Converts a `SVGRect` into an object.\n* @function module:utilities.bboxToObj\n* @param {SVGRect} bbox - a SVGRect\n* @returns {module:utilities.BBoxObject} An object with properties names x, y, width, height.\n*/\nexport const bboxToObj = function ({x, y, width, height}) {\n  return {x, y, width, height};\n};\n\n/**\n* @callback module:utilities.TreeWalker\n* @param {Element} elem - DOM element being traversed\n* @returns {undefined}\n*/\n\n/**\n* Walks the tree and executes the callback on each element in a top-down fashion\n* @function module:utilities.walkTree\n* @param {Element} elem - DOM element to traverse\n* @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element\n* @returns {undefined}\n*/\nexport const walkTree = function (elem, cbFn) {\n  if (elem && elem.nodeType === 1) {\n    cbFn(elem);\n    let i = elem.childNodes.length;\n    while (i--) {\n      walkTree(elem.childNodes.item(i), cbFn);\n    }\n  }\n};\n\n/**\n* Walks the tree and executes the callback on each element in a depth-first fashion\n* @function module:utilities.walkTreePost\n* @todo FIXME: Shouldn't this be calling walkTreePost?\n* @param {Element} elem - DOM element to traverse\n* @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element\n* @returns {undefined}\n*/\nexport const walkTreePost = function (elem, cbFn) {\n  if (elem && elem.nodeType === 1) {\n    let i = elem.childNodes.length;\n    while (i--) {\n      walkTree(elem.childNodes.item(i), cbFn);\n    }\n    cbFn(elem);\n  }\n};\n\n/**\n* Extracts the URL from the `url(...)` syntax of some attributes.\n* Three variants:\n*  - `<circle fill=\"url(someFile.svg#foo)\" />`\n*  - `<circle fill=\"url('someFile.svg#foo')\" />`\n*  - `<circle fill='url(\"someFile.svg#foo\")' />`\n* @function module:utilities.getUrlFromAttr\n* @param {string} attrVal The attribute value as a string\n* @returns {string} String with just the URL, like \"someFile.svg#foo\"\n*/\nexport const getUrlFromAttr = function (attrVal) {\n  if (attrVal) {\n    // url('#somegrad')\n    if (attrVal.startsWith('url(\"')) {\n      return attrVal.substring(5, attrVal.indexOf('\"', 6));\n    }\n    // url('#somegrad')\n    if (attrVal.startsWith(\"url('\")) {\n      return attrVal.substring(5, attrVal.indexOf(\"'\", 6));\n    }\n    if (attrVal.startsWith('url(')) {\n      return attrVal.substring(4, attrVal.indexOf(')'));\n    }\n  }\n  return null;\n};\n\n/**\n* @function module:utilities.getHref\n* @param {Element} elem\n* @returns {string} The given element's `xlink:href` value\n*/\nexport let getHref = function (elem) {\n  return elem.getAttributeNS(NS.XLINK, 'href');\n};\n\n/**\n* Sets the given element's `xlink:href` value\n* @function module:utilities.setHref\n* @param {Element} elem\n* @param {string} val\n* @returns {undefined}\n*/\nexport let setHref = function (elem, val) {\n  elem.setAttributeNS(NS.XLINK, 'xlink:href', val);\n};\n\n/**\n* @function module:utilities.findDefs\n* @returns {SVGDefsElement} The document's `<defs>` element, creating it first if necessary\n*/\nexport const findDefs = function () {\n  const svgElement = editorContext_.getSVGContent();\n  let defs = svgElement.getElementsByTagNameNS(NS.SVG, 'defs');\n  if (defs.length > 0) {\n    defs = defs[0];\n  } else {\n    defs = svgElement.ownerDocument.createElementNS(NS.SVG, 'defs');\n    if (svgElement.firstChild) {\n      // first child is a comment, so call nextSibling\n      svgElement.insertBefore(defs, svgElement.firstChild.nextSibling);\n      // svgElement.firstChild.nextSibling.before(defs); // Not safe\n    } else {\n      svgElement.append(defs);\n    }\n  }\n  return defs;\n};\n\n// TODO(codedread): Consider moving the next to functions to bbox.js\n\n/**\n* Get correct BBox for a path in Webkit.\n* Converted from code found [here]{@link http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html}\n* @function module:utilities.getPathBBox\n* @param {SVGPathElement} path - The path DOM element to get the BBox for\n* @returns {module:utilities.BBoxObject} A BBox-like object\n*/\nexport const getPathBBox = function (path) {\n  const seglist = path.pathSegList;\n  const tot = seglist.numberOfItems;\n\n  const bounds = [[], []];\n  const start = seglist.getItem(0);\n  let P0 = [start.x, start.y];\n\n  for (let i = 0; i < tot; i++) {\n    const seg = seglist.getItem(i);\n\n    if (seg.x === undefined) { continue; }\n\n    // Add actual points to limits\n    bounds[0].push(P0[0]);\n    bounds[1].push(P0[1]);\n\n    if (seg.x1) {\n      const P1 = [seg.x1, seg.y1],\n        P2 = [seg.x2, seg.y2],\n        P3 = [seg.x, seg.y];\n\n      for (let j = 0; j < 2; j++) {\n        const calc = function (t) {\n          return Math.pow(1 - t, 3) * P0[j] +\n            3 * Math.pow(1 - t, 2) * t * P1[j] +\n            3 * (1 - t) * Math.pow(t, 2) * P2[j] +\n            Math.pow(t, 3) * P3[j];\n        };\n\n        const b = 6 * P0[j] - 12 * P1[j] + 6 * P2[j];\n        const a = -3 * P0[j] + 9 * P1[j] - 9 * P2[j] + 3 * P3[j];\n        const c = 3 * P1[j] - 3 * P0[j];\n\n        if (a === 0) {\n          if (b === 0) {\n            continue;\n          }\n          const t = -c / b;\n          if (t > 0 && t < 1) {\n            bounds[j].push(calc(t));\n          }\n          continue;\n        }\n        const b2ac = Math.pow(b, 2) - 4 * c * a;\n        if (b2ac < 0) { continue; }\n        const t1 = (-b + Math.sqrt(b2ac)) / (2 * a);\n        if (t1 > 0 && t1 < 1) { bounds[j].push(calc(t1)); }\n        const t2 = (-b - Math.sqrt(b2ac)) / (2 * a);\n        if (t2 > 0 && t2 < 1) { bounds[j].push(calc(t2)); }\n      }\n      P0 = P3;\n    } else {\n      bounds[0].push(seg.x);\n      bounds[1].push(seg.y);\n    }\n  }\n\n  const x = Math.min.apply(null, bounds[0]);\n  const w = Math.max.apply(null, bounds[0]) - x;\n  const y = Math.min.apply(null, bounds[1]);\n  const h = Math.max.apply(null, bounds[1]) - y;\n  return {\n    x,\n    y,\n    width: w,\n    height: h\n  };\n};\n\n/**\n* Get the given/selected element's bounding box object, checking for\n* horizontal/vertical lines (see issue 717)\n* Note that performance is currently terrible, so some way to improve would\n* be great.\n* @param {Element} selected - Container or `<use>` DOM element\n* @returns {DOMRect} Bounding box object\n*/\nfunction groupBBFix (selected) {\n  if (supportsHVLineContainerBBox()) {\n    try { return selected.getBBox(); } catch (e) {}\n  }\n  const ref = $.data(selected, 'ref');\n  let matched = null;\n  let ret, copy;\n\n  if (ref) {\n    copy = $(ref).children().clone().attr('visibility', 'hidden');\n    $(svgroot_).append(copy);\n    matched = copy.filter('line, path');\n  } else {\n    matched = $(selected).find('line, path');\n  }\n\n  let issue = false;\n  if (matched.length) {\n    matched.each(function () {\n      const bb = this.getBBox();\n      if (!bb.width || !bb.height) {\n        issue = true;\n      }\n    });\n    if (issue) {\n      const elems = ref ? copy : $(selected).children();\n      ret = getStrokedBBox(elems);\n    } else {\n      ret = selected.getBBox();\n    }\n  } else {\n    ret = selected.getBBox();\n  }\n  if (ref) {\n    copy.remove();\n  }\n  return ret;\n}\n\n/**\n* Get the given/selected element's bounding box object, convert it to be more\n* usable when necessary\n* @function module:utilities.getBBox\n* @param {Element} elem - Optional DOM element to get the BBox for\n* @returns {module:utilities.BBoxObject} Bounding box object\n*/\nexport const getBBox = function (elem) {\n  const selected = elem || editorContext_.geSelectedElements()[0];\n  if (elem.nodeType !== 1) { return null; }\n  const elname = selected.nodeName;\n\n  let ret = null;\n  switch (elname) {\n  case 'text':\n    if (selected.textContent === '') {\n      selected.textContent = 'a'; // Some character needed for the selector to use.\n      ret = selected.getBBox();\n      selected.textContent = '';\n    } else {\n      if (selected.getBBox) { ret = selected.getBBox(); }\n    }\n    break;\n  case 'path':\n    if (!supportsPathBBox()) {\n      ret = getPathBBox(selected);\n    } else {\n      if (selected.getBBox) { ret = selected.getBBox(); }\n    }\n    break;\n  case 'g':\n  case 'a':\n    ret = groupBBFix(selected);\n    break;\n  default:\n\n    if (elname === 'use') {\n      ret = groupBBFix(selected, true);\n    }\n    if (elname === 'use' || (elname === 'foreignObject' && isWebkit())) {\n      if (!ret) { ret = selected.getBBox(); }\n      // This is resolved in later versions of webkit, perhaps we should\n      // have a featured detection for correct 'use' behavior?\n      // ——————————\n      if (!isWebkit()) {\n        const bb = {};\n        bb.width = ret.width;\n        bb.height = ret.height;\n        bb.x = ret.x + parseFloat(selected.getAttribute('x') || 0);\n        bb.y = ret.y + parseFloat(selected.getAttribute('y') || 0);\n        ret = bb;\n      }\n    } else if (visElemsArr.includes(elname)) {\n      if (selected) {\n        try {\n          ret = selected.getBBox();\n        } catch (err) {\n          // tspan (and textPath apparently) have no `getBBox` in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=937268\n          // Re: Chrome returning bbox for containing text element, see: https://bugs.chromium.org/p/chromium/issues/detail?id=349835\n          const extent = selected.getExtentOfChar(0); // pos+dimensions of the first glyph\n          const width = selected.getComputedTextLength(); // width of the tspan\n          ret = {\n            x: extent.x,\n            y: extent.y,\n            width,\n            height: extent.height\n          };\n        }\n      } else {\n        // Check if element is child of a foreignObject\n        const fo = $(selected).closest('foreignObject');\n        if (fo.length) {\n          if (fo[0].getBBox) {\n            ret = fo[0].getBBox();\n          }\n        }\n      }\n    }\n  }\n  if (ret) {\n    ret = bboxToObj(ret);\n  }\n\n  // get the bounding box from the DOM (which is in that element's coordinate system)\n  return ret;\n};\n\n/**\n* @typedef {GenericArray} module:utilities.PathSegmentArray\n* @property {Integer} length 2\n* @property {\"M\"|\"L\"|\"C\"|\"Z\"} 0\n* @property {Float[]} 1\n*/\n\n/**\n* Create a path 'd' attribute from path segments.\n* Each segment is an array of the form: `[singleChar, [x,y, x,y, ...]]`\n* @function module:utilities.getPathDFromSegments\n* @param {module:utilities.PathSegmentArray[]} pathSegments - An array of path segments to be converted\n* @returns {string} The converted path d attribute.\n*/\nexport const getPathDFromSegments = function (pathSegments) {\n  let d = '';\n\n  $.each(pathSegments, function (j, [singleChar, pts]) {\n    d += singleChar;\n    for (let i = 0; i < pts.length; i += 2) {\n      d += (pts[i] + ',' + pts[i + 1]) + ' ';\n    }\n  });\n\n  return d;\n};\n\n/**\n* Make a path 'd' attribute from a simple SVG element shape.\n* @function module:utilities.getPathDFromElement\n* @param {Element} elem - The element to be converted\n* @returns {string} The path d attribute or `undefined` if the element type is unknown.\n*/\nexport const getPathDFromElement = function (elem) {\n  // Possibly the cubed root of 6, but 1.81 works best\n  let num = 1.81;\n  let d, a, rx, ry;\n  switch (elem.tagName) {\n  case 'ellipse':\n  case 'circle':\n    a = $(elem).attr(['rx', 'ry', 'cx', 'cy']);\n    const {cx, cy} = a;\n    ({rx, ry} = a);\n    if (elem.tagName === 'circle') {\n      rx = ry = $(elem).attr('r');\n    }\n\n    d = getPathDFromSegments([\n      ['M', [(cx - rx), (cy)]],\n      ['C', [(cx - rx), (cy - ry / num), (cx - rx / num), (cy - ry), (cx), (cy - ry)]],\n      ['C', [(cx + rx / num), (cy - ry), (cx + rx), (cy - ry / num), (cx + rx), (cy)]],\n      ['C', [(cx + rx), (cy + ry / num), (cx + rx / num), (cy + ry), (cx), (cy + ry)]],\n      ['C', [(cx - rx / num), (cy + ry), (cx - rx), (cy + ry / num), (cx - rx), (cy)]],\n      ['Z', []]\n    ]);\n    break;\n  case 'path':\n    d = elem.getAttribute('d');\n    break;\n  case 'line':\n    a = $(elem).attr(['x1', 'y1', 'x2', 'y2']);\n    d = 'M' + a.x1 + ',' + a.y1 + 'L' + a.x2 + ',' + a.y2;\n    break;\n  case 'polyline':\n    d = 'M' + elem.getAttribute('points');\n    break;\n  case 'polygon':\n    d = 'M' + elem.getAttribute('points') + ' Z';\n    break;\n  case 'rect':\n    const r = $(elem).attr(['rx', 'ry']);\n    ({rx, ry} = r);\n    const b = elem.getBBox();\n    const {x, y} = b, w = b.width, h = b.height;\n    num = 4 - num; // Why? Because!\n\n    if (!rx && !ry) {\n      // Regular rect\n      d = getPathDFromSegments([\n        ['M', [x, y]],\n        ['L', [x + w, y]],\n        ['L', [x + w, y + h]],\n        ['L', [x, y + h]],\n        ['L', [x, y]],\n        ['Z', []]\n      ]);\n    } else {\n      d = getPathDFromSegments([\n        ['M', [x, y + ry]],\n        ['C', [x, y + ry / num, x + rx / num, y, x + rx, y]],\n        ['L', [x + w - rx, y]],\n        ['C', [x + w - rx / num, y, x + w, y + ry / num, x + w, y + ry]],\n        ['L', [x + w, y + h - ry]],\n        ['C', [x + w, y + h - ry / num, x + w - rx / num, y + h, x + w - rx, y + h]],\n        ['L', [x + rx, y + h]],\n        ['C', [x + rx / num, y + h, x, y + h - ry / num, x, y + h - ry]],\n        ['L', [x, y + ry]],\n        ['Z', []]\n      ]);\n    }\n    break;\n  default:\n    break;\n  }\n\n  return d;\n};\n\n/**\n* Get a set of attributes from an element that is useful for convertToPath.\n* @function module:utilities.getExtraAttributesForConvertToPath\n* @param {Element} elem - The element to be probed\n* @returns {PlainObject.<\"marker-start\"|\"marker-end\"|\"marker-mid\"|\"filter\"|\"clip-path\", string>} An object with attributes.\n*/\nexport const getExtraAttributesForConvertToPath = function (elem) {\n  const attrs = {};\n  // TODO: make this list global so that we can properly maintain it\n  // TODO: what about @transform, @clip-rule, @fill-rule, etc?\n  $.each(['marker-start', 'marker-end', 'marker-mid', 'filter', 'clip-path'], function () {\n    const a = elem.getAttribute(this);\n    if (a) {\n      attrs[this] = a;\n    }\n  });\n  return attrs;\n};\n\n/**\n* Get the BBox of an element-as-path\n* @function module:utilities.getBBoxOfElementAsPath\n* @param {Element} elem - The DOM element to be probed\n* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson\n* @param {module:path.pathActions} pathActions - If a transform exists, `pathActions.resetOrientation()` is used. See: canvas.pathActions.\n* @returns {DOMRect|false} The resulting path's bounding box object.\n*/\nexport const getBBoxOfElementAsPath = function (elem, addSVGElementFromJson, pathActions) {\n  const path = addSVGElementFromJson({\n    element: 'path',\n    attr: getExtraAttributesForConvertToPath(elem)\n  });\n\n  const eltrans = elem.getAttribute('transform');\n  if (eltrans) {\n    path.setAttribute('transform', eltrans);\n  }\n\n  const parent = elem.parentNode;\n  if (elem.nextSibling) {\n    elem.before(path);\n  } else {\n    parent.append(path);\n  }\n\n  const d = getPathDFromElement(elem);\n  if (d) {\n    path.setAttribute('d', d);\n  } else {\n    path.remove();\n  }\n\n  // Get the correct BBox of the new path, then discard it\n  pathActions.resetOrientation(path);\n  let bb = false;\n  try {\n    bb = path.getBBox();\n  } catch (e) {\n    // Firefox fails\n  }\n  path.remove();\n  return bb;\n};\n\n/**\n* Convert selected element to a path.\n* @function module:utilities.convertToPath\n* @param {Element} elem - The DOM element to be converted\n* @param {module:utilities.SVGElementJSON} attrs - Apply attributes to new path. see canvas.convertToPath\n* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson\n* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.\n* @param {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection} clearSelection - see [canvas.clearSelection]{@link module:svgcanvas.SvgCanvas#clearSelection}\n* @param {module:path.EditorContext#addToSelection} addToSelection - see [canvas.addToSelection]{@link module:svgcanvas.SvgCanvas#addToSelection}\n* @param {module:history} history - see history module\n* @param {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory} addCommandToHistory - see [canvas.addCommandToHistory]{@link module:svgcanvas~addCommandToHistory}\n* @returns {SVGPathElement|null} The converted path element or null if the DOM element was not recognized.\n*/\nexport const convertToPath = function (elem, attrs, addSVGElementFromJson, pathActions, clearSelection, addToSelection, history, addCommandToHistory) {\n  const batchCmd = new history.BatchCommand('Convert element to Path');\n\n  // Any attribute on the element not covered by the passed-in attributes\n  attrs = $.extend({}, attrs, getExtraAttributesForConvertToPath(elem));\n\n  const path = addSVGElementFromJson({\n    element: 'path',\n    attr: attrs\n  });\n\n  const eltrans = elem.getAttribute('transform');\n  if (eltrans) {\n    path.setAttribute('transform', eltrans);\n  }\n\n  const {id} = elem;\n  const parent = elem.parentNode;\n  if (elem.nextSibling) {\n    elem.before(path);\n  } else {\n    parent.append(path);\n  }\n\n  const d = getPathDFromElement(elem);\n  if (d) {\n    path.setAttribute('d', d);\n\n    // Replace the current element with the converted one\n\n    // Reorient if it has a matrix\n    if (eltrans) {\n      const tlist = getTransformList(path);\n      if (hasMatrixTransform(tlist)) {\n        pathActions.resetOrientation(path);\n      }\n    }\n\n    const {nextSibling} = elem;\n    batchCmd.addSubCommand(new history.RemoveElementCommand(elem, nextSibling, parent));\n    batchCmd.addSubCommand(new history.InsertElementCommand(path));\n\n    clearSelection();\n    elem.remove();\n    path.setAttribute('id', id);\n    path.removeAttribute('visibility');\n    addToSelection([path], true);\n\n    addCommandToHistory(batchCmd);\n\n    return path;\n  }\n  // the elem.tagName was not recognized, so no \"d\" attribute. Remove it, so we've haven't changed anything.\n  path.remove();\n  return null;\n};\n\n/**\n* Can the bbox be optimized over the native getBBox? The optimized bbox is the same as the native getBBox when\n* the rotation angle is a multiple of 90 degrees and there are no complex transforms.\n* Getting an optimized bbox can be dramatically slower, so we want to make sure it's worth it.\n*\n* The best example for this is a circle rotate 45 degrees. The circle doesn't get wider or taller when rotated\n* about it's center.\n*\n* The standard, unoptimized technique gets the native bbox of the circle, rotates the box 45 degrees, uses\n* that width and height, and applies any transforms to get the final bbox. This means the calculated bbox\n* is much wider than the original circle. If the angle had been 0, 90, 180, etc. both techniques render the\n* same bbox.\n*\n* The optimization is not needed if the rotation is a multiple 90 degrees. The default technique is to call\n* getBBox then apply the angle and any transforms.\n*\n* @param {Float} angle - The rotation angle in degrees\n* @param {boolean} hasMatrixTransform - True if there is a matrix transform\n* @returns {boolean} True if the bbox can be optimized.\n*/\nfunction bBoxCanBeOptimizedOverNativeGetBBox (angle, hasMatrixTransform) {\n  const angleModulo90 = angle % 90;\n  const closeTo90 = angleModulo90 < -89.99 || angleModulo90 > 89.99;\n  const closeTo0 = angleModulo90 > -0.001 && angleModulo90 < 0.001;\n  return hasMatrixTransform || !(closeTo0 || closeTo90);\n}\n\n/**\n* Get bounding box that includes any transforms.\n* @function module:utilities.getBBoxWithTransform\n* @param {Element} elem - The DOM element to be converted\n* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson\n* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.\n* @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object\n*/\nexport const getBBoxWithTransform = function (elem, addSVGElementFromJson, pathActions) {\n  // TODO: Fix issue with rotated groups. Currently they work\n  // fine in FF, but not in other browsers (same problem mentioned\n  // in Issue 339 comment #2).\n\n  let bb = getBBox(elem);\n\n  if (!bb) {\n    return null;\n  }\n\n  const tlist = getTransformList(elem);\n  const angle = getRotationAngleFromTransformList(tlist);\n  const hasMatrixXForm = hasMatrixTransform(tlist);\n\n  if (angle || hasMatrixXForm) {\n    let goodBb = false;\n    if (bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixXForm)) {\n      // Get the BBox from the raw path for these elements\n      // TODO: why ellipse and not circle\n      const elemNames = ['ellipse', 'path', 'line', 'polyline', 'polygon'];\n      if (elemNames.includes(elem.tagName)) {\n        bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions);\n      } else if (elem.tagName === 'rect') {\n        // Look for radius\n        const rx = elem.getAttribute('rx');\n        const ry = elem.getAttribute('ry');\n        if (rx || ry) {\n          bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions);\n        }\n      }\n    }\n\n    if (!goodBb) {\n      const {matrix} = transformListToTransform(tlist);\n      bb = transformBox(bb.x, bb.y, bb.width, bb.height, matrix).aabox;\n\n      // Old technique that was exceedingly slow with large documents.\n      //\n      // Accurate way to get BBox of rotated element in Firefox:\n      // Put element in group and get its BBox\n      //\n      // Must use clone else FF freaks out\n      // const clone = elem.cloneNode(true);\n      // const g = document.createElementNS(NS.SVG, 'g');\n      // const parent = elem.parentNode;\n      // parent.append(g);\n      // g.append(clone);\n      // const bb2 = bboxToObj(g.getBBox());\n      // g.remove();\n    }\n  }\n  return bb;\n};\n\n// TODO: This is problematic with large stroke-width and, for example, a single horizontal line. The calculated BBox extends way beyond left and right sides.\nfunction getStrokeOffsetForBBox (elem) {\n  const sw = elem.getAttribute('stroke-width');\n  return (!isNaN(sw) && elem.getAttribute('stroke') !== 'none') ? sw / 2 : 0;\n}\n\n/**\n * @typedef {PlainObject} BBox\n * @property {Integer} x The x value\n * @property {Integer} y The y value\n * @property {Float} width\n * @property {Float} height\n */\n\n/**\n* Get the bounding box for one or more stroked and/or transformed elements\n* @function module:utilities.getStrokedBBox\n* @param {Element[]} elems - Array with DOM elements to check\n* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson\n* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.\n* @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object\n*/\nexport const getStrokedBBox = function (elems, addSVGElementFromJson, pathActions) {\n  if (!elems || !elems.length) { return false; }\n\n  let fullBb;\n  $.each(elems, function () {\n    if (fullBb) { return; }\n    if (!this.parentNode) { return; }\n    fullBb = getBBoxWithTransform(this, addSVGElementFromJson, pathActions);\n  });\n\n  // This shouldn't ever happen...\n  if (fullBb === undefined) { return null; }\n\n  // fullBb doesn't include the stoke, so this does no good!\n  // if (elems.length == 1) return fullBb;\n\n  let maxX = fullBb.x + fullBb.width;\n  let maxY = fullBb.y + fullBb.height;\n  let minX = fullBb.x;\n  let minY = fullBb.y;\n\n  // If only one elem, don't call the potentially slow getBBoxWithTransform method again.\n  if (elems.length === 1) {\n    const offset = getStrokeOffsetForBBox(elems[0]);\n    minX -= offset;\n    minY -= offset;\n    maxX += offset;\n    maxY += offset;\n  } else {\n    $.each(elems, function (i, elem) {\n      const curBb = getBBoxWithTransform(elem, addSVGElementFromJson, pathActions);\n      if (curBb) {\n        const offset = getStrokeOffsetForBBox(elem);\n        minX = Math.min(minX, curBb.x - offset);\n        minY = Math.min(minY, curBb.y - offset);\n        // TODO: The old code had this test for max, but not min. I suspect this test should be for both min and max\n        if (elem.nodeType === 1) {\n          maxX = Math.max(maxX, curBb.x + curBb.width + offset);\n          maxY = Math.max(maxY, curBb.y + curBb.height + offset);\n        }\n      }\n    });\n  }\n\n  fullBb.x = minX;\n  fullBb.y = minY;\n  fullBb.width = maxX - minX;\n  fullBb.height = maxY - minY;\n  return fullBb;\n};\n\n/**\n* Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).\n* Note that 0-opacity, off-screen etc elements are still considered \"visible\"\n* for this function\n* @function module:utilities.getVisibleElements\n* @param {Element} parent - The parent DOM element to search within\n* @returns {Element[]} All \"visible\" elements.\n*/\nexport const getVisibleElements = function (parent) {\n  if (!parent) {\n    parent = $(editorContext_.getSVGContent()).children(); // Prevent layers from being included\n  }\n\n  const contentElems = [];\n  $(parent).children().each(function (i, elem) {\n    if (elem.getBBox) {\n      contentElems.push(elem);\n    }\n  });\n  return contentElems.reverse();\n};\n\n/**\n* Get the bounding box for one or more stroked and/or transformed elements\n* @function module:utilities.getStrokedBBoxDefaultVisible\n* @param {Element[]} elems - Array with DOM elements to check\n* @returns {module:utilities.BBoxObject} A single bounding box object\n*/\nexport const getStrokedBBoxDefaultVisible = function (elems) {\n  if (!elems) { elems = getVisibleElements(); }\n  return getStrokedBBox(\n    elems,\n    editorContext_.addSVGElementFromJson,\n    editorContext_.pathActions\n  );\n};\n\n/**\n* Get the rotation angle of the given transform list.\n* @function module:utilities.getRotationAngleFromTransformList\n* @param {SVGTransformList} tlist - List of transforms\n* @param {boolean} toRad - When true returns the value in radians rather than degrees\n* @returns {Float} The angle in degrees or radians\n*/\nexport const getRotationAngleFromTransformList = function (tlist, toRad) {\n  if (!tlist) { return 0; } // <svg> elements have no tlist\n  const N = tlist.numberOfItems;\n  for (let i = 0; i < N; ++i) {\n    const xform = tlist.getItem(i);\n    if (xform.type === 4) {\n      return toRad ? xform.angle * Math.PI / 180.0 : xform.angle;\n    }\n  }\n  return 0.0;\n};\n\n/**\n* Get the rotation angle of the given/selected DOM element\n* @function module:utilities.getRotationAngle\n* @param {Element} [elem] - DOM element to get the angle for. Default to first of selected elements.\n* @param {boolean} [toRad=false] - When true returns the value in radians rather than degrees\n* @returns {Float} The angle in degrees or radians\n*/\nexport let getRotationAngle = function (elem, toRad) {\n  const selected = elem || editorContext_.getSelectedElements()[0];\n  // find the rotation transform (if any) and set it\n  const tlist = getTransformList(selected);\n  return getRotationAngleFromTransformList(tlist, toRad);\n};\n\n/**\n* Get the reference element associated with the given attribute value\n* @function module:utilities.getRefElem\n* @param {string} attrVal - The attribute value as a string\n* @returns {Element} Reference element\n*/\nexport const getRefElem = function (attrVal) {\n  return getElem(getUrlFromAttr(attrVal).substr(1));\n};\n\n/**\n* Get a DOM element by ID within the SVG root element.\n* @function module:utilities.getElem\n* @param {string} id - String with the element's new ID\n* @returns {Element}\n*/\nexport const getElem = (supportsSelectors())\n  ? function (id) {\n    // querySelector lookup\n    return svgroot_.querySelector('#' + id);\n  } : supportsXpath()\n    ? function (id) {\n      // xpath lookup\n      return domdoc_.evaluate(\n        'svg:svg[@id=\"svgroot\"]//svg:*[@id=\"' + id + '\"]',\n        domcontainer_,\n        function () { return NS.SVG; },\n        9,\n        null).singleNodeValue;\n    }\n    : function (id) {\n      // jQuery lookup: twice as slow as xpath in FF\n      return $(svgroot_).find('[id=' + id + ']')[0];\n    };\n\n/**\n* Assigns multiple attributes to an element.\n* @function module:utilities.assignAttributes\n* @param {Element} elem - DOM element to apply new attribute values to\n* @param {PlainObject.<string, string>} attrs - Object with attribute keys/values\n* @param {Integer} [suspendLength] - Milliseconds to suspend redraw\n* @param {boolean} [unitCheck=false] - Boolean to indicate the need to use units.setUnitAttr\n* @returns {undefined}\n*/\nexport const assignAttributes = function (elem, attrs, suspendLength, unitCheck) {\n  for (const [key, value] of Object.entries(attrs)) {\n    const ns = (key.substr(0, 4) === 'xml:'\n      ? NS.XML\n      : key.substr(0, 6) === 'xlink:' ? NS.XLINK : null);\n\n    if (ns) {\n      elem.setAttributeNS(ns, key, value);\n    } else if (!unitCheck) {\n      elem.setAttribute(key, value);\n    } else {\n      setUnitAttr(elem, key, value);\n    }\n  }\n};\n\n/**\n* Remove unneeded (default) attributes, makes resulting SVG smaller\n* @function module:utilities.cleanupElement\n* @param {Element} element - DOM element to clean up\n* @returns {undefined}\n*/\nexport const cleanupElement = function (element) {\n  const defaults = {\n    'fill-opacity': 1,\n    'stop-opacity': 1,\n    opacity: 1,\n    stroke: 'none',\n    'stroke-dasharray': 'none',\n    'stroke-linejoin': 'miter',\n    'stroke-linecap': 'butt',\n    'stroke-opacity': 1,\n    'stroke-width': 1,\n    rx: 0,\n    ry: 0\n  };\n\n  if (element.nodeName === 'ellipse') {\n    // Ellipse elements require rx and ry attributes\n    delete defaults.rx;\n    delete defaults.ry;\n  }\n\n  for (const attr in defaults) {\n    const val = defaults[attr];\n    if (element.getAttribute(attr) === String(val)) {\n      element.removeAttribute(attr);\n    }\n  }\n};\n\n/**\n* Round value to for snapping\n* @function module:utilities.snapToGrid\n* @param {Float} value\n* @returns {Integer}\n*/\nexport const snapToGrid = function (value) {\n  const unit = editorContext_.getBaseUnit();\n  let stepSize = editorContext_.getSnappingStep();\n  if (unit !== 'px') {\n    stepSize *= getTypeMap()[unit];\n  }\n  value = Math.round(value / stepSize) * stepSize;\n  return value;\n};\n\n/**\n* Escapes special characters in a regular expression\n* @function module:utilities.regexEscape\n* @param {string} str\n* @returns {string}\n*/\nexport const regexEscape = function (str) {\n  // From: http://phpjs.org/functions\n  return String(str).replace(new RegExp('[.\\\\\\\\+*?\\\\[\\\\^\\\\]$(){}=!<>|:\\\\-]', 'g'), '\\\\$&');\n};\n\n/**\n * Prevents default browser click behaviour on the given element\n * @function module:utilities.preventClickDefault\n * @param {Element} img - The DOM element to prevent the click on\n * @returns {undefined}\n */\nexport const preventClickDefault = function (img) {\n  $(img).click(function (e) { e.preventDefault(); });\n};\n\n/**\n * @callback module:utilities.GetNextID\n * @returns {string} The ID\n */\n/**\n * Create a clone of an element, updating its ID and its children's IDs when needed\n * @function module:utilities.copyElem\n * @param {Element} el - DOM element to clone\n * @param {module:utilities.GetNextID} getNextId - The getter of the next unique ID.\n * @returns {Element} The cloned element\n */\nexport const copyElem = function (el, getNextId) {\n  // manually create a copy of the element\n  const newEl = document.createElementNS(el.namespaceURI, el.nodeName);\n  $.each(el.attributes, function (i, attr) {\n    if (attr.localName !== '-moz-math-font-style') {\n      newEl.setAttributeNS(attr.namespaceURI, attr.nodeName, attr.value);\n    }\n  });\n  // set the copied element's new id\n  newEl.removeAttribute('id');\n  newEl.id = getNextId();\n\n  // Opera's \"d\" value needs to be reset for Opera/Win/non-EN\n  // Also needed for webkit (else does not keep curved segments on clone)\n  if (isWebkit() && el.nodeName === 'path') {\n    const fixedD = convertPath(el);\n    newEl.setAttribute('d', fixedD);\n  }\n\n  // now create copies of all children\n  $.each(el.childNodes, function (i, child) {\n    switch (child.nodeType) {\n    case 1: // element node\n      newEl.append(copyElem(child, getNextId));\n      break;\n    case 3: // text node\n      newEl.textContent = child.nodeValue;\n      break;\n    default:\n      break;\n    }\n  });\n\n  if ($(el).data('gsvg')) {\n    $(newEl).data('gsvg', newEl.firstChild);\n  } else if ($(el).data('symbol')) {\n    const ref = $(el).data('symbol');\n    $(newEl).data('ref', ref).data('symbol', ref);\n  } else if (newEl.tagName === 'image') {\n    preventClickDefault(newEl);\n  }\n\n  return newEl;\n};\n\n/**\n* Unit testing\n* @function module:utilities.mock\n* @returns {undefined}\n*/\nexport const mock = ({\n  getHref: getHrefUser, setHref: setHrefUser, getRotationAngle: getRotationAngleUser\n}) => {\n  getHref = getHrefUser;\n  setHref = setHrefUser;\n  getRotationAngle = getRotationAngleUser;\n};\n","/* globals jQuery */\n/**\n * Adds context menu functionality\n * @module contextmenu\n * @license Apache-2.0\n * @author Adam Bender\n */\n// Dependencies:\n// 1) jQuery (for dom injection of context menus)\n\nconst $ = jQuery;\n\nlet contextMenuExtensions = {};\n\n/**\n * Signature depends on what the user adds; in the case of our uses with\n * SVGEditor, no parameters are passed nor anything expected for a return.\n * @callback module:contextmenu.MenuItemAction\n*/\n\n/**\n* @typedef {PlainObject} module:contextmenu.MenuItem\n* @property {string} id\n* @property {string} label\n* @property {module:contextmenu.MenuItemAction} action\n*/\n\n/**\n* @param {module:contextmenu.MenuItem} menuItem\n* @returns {boolean}\n*/\nconst menuItemIsValid = function (menuItem) {\n  return menuItem && menuItem.id && menuItem.label && menuItem.action && typeof menuItem.action === 'function';\n};\n\n/**\n* @function module:contextmenu.add\n* @param {module:contextmenu.MenuItem} menuItem\n* @returns {undefined}\n*/\nexport const add = function (menuItem) {\n  // menuItem: {id, label, shortcut, action}\n  if (!menuItemIsValid(menuItem)) {\n    console.error('Menu items must be defined and have at least properties: id, label, action, where action must be a function');\n    return;\n  }\n  if (menuItem.id in contextMenuExtensions) {\n    console.error('Cannot add extension \"' + menuItem.id + '\", an extension by that name already exists\"');\n    return;\n  }\n  // Register menuItem action, see below for deferred menu dom injection\n  console.log('Registed contextmenu item: {id:' + menuItem.id + ', label:' + menuItem.label + '}');\n  contextMenuExtensions[menuItem.id] = menuItem;\n  // TODO: Need to consider how to handle custom enable/disable behavior\n};\n\n/**\n* @function module:contextmenu.hasCustomHandler\n* @param {string} handlerKey\n* @returns {boolean}\n*/\nexport const hasCustomHandler = function (handlerKey) {\n  return Boolean(contextMenuExtensions[handlerKey]);\n};\n\n/**\n* @function module:contextmenu.getCustomHandler\n* @param {string} handlerKey\n* @returns {module:contextmenu.MenuItemAction}\n*/\nexport const getCustomHandler = function (handlerKey) {\n  return contextMenuExtensions[handlerKey].action;\n};\n\n/**\n* @param {module:contextmenu.MenuItem} menuItem\n* @returns {undefined}\n*/\nconst injectExtendedContextMenuItemIntoDom = function (menuItem) {\n  if (!Object.keys(contextMenuExtensions).length) {\n    // all menuItems appear at the bottom of the menu in their own container.\n    // if this is the first extension menu we need to add the separator.\n    $('#cmenu_canvas').append(\"<li class='separator'>\");\n  }\n  const shortcut = menuItem.shortcut || '';\n  $('#cmenu_canvas').append(\"<li class='disabled'><a href='#\" + menuItem.id + \"'>\" +\n    menuItem.label + \"<span class='shortcut'>\" +\n    shortcut + '</span></a></li>');\n};\n\n/**\n* @function module:contextmenu.injectExtendedContextMenuItemsIntoDom\n* @returns {undefined}\n*/\nexport const injectExtendedContextMenuItemsIntoDom = function () {\n  for (const menuItem in contextMenuExtensions) {\n    injectExtendedContextMenuItemIntoDom(contextMenuExtensions[menuItem]);\n  }\n};\n/**\n* @function module:contextmenu.resetCustomMenus\n* @returns {undefined}\n*/\nexport const resetCustomMenus = function () { contextMenuExtensions = {}; };\n","// MIT License\n// From: https://github.com/uupaa/dynamic-import-polyfill/blob/master/importModule.js\n\n/**\n * @module importModule\n */\n\nfunction toAbsoluteURL (url) {\n  const a = document.createElement('a');\n  a.setAttribute('href', url); // <a href=\"hoge.html\">\n  return a.cloneNode(false).href; // -> \"http://example.com/hoge.html\"\n}\n\nfunction addScriptAtts (script, atts) {\n  ['id', 'class', 'type'].forEach((prop) => {\n    if (prop in atts) {\n      script[prop] = atts[prop];\n    }\n  });\n}\n\n// Additions by Brett\n/**\n* @typedef {PlainObject} module:importModule.ImportConfig\n* @property {string} global The variable name to set on `window` (when not using the modular version)\n* @property {boolean} [returnDefault=false]\n*/\n/**\n* @function module:importModule.importSetGlobalDefault\n* @param {string} url\n* @param {module:importModule.ImportConfig} config\n* @returns {*} The return depends on the export of the targeted module.\n*/\nexport async function importSetGlobalDefault (url, config) {\n  return importSetGlobal(url, {...config, returnDefault: true});\n}\n/**\n* @function module:importModule.importSetGlobal\n* @param {string} url\n* @param {module:importModule.ImportConfig} config\n* @returns {ArbitraryModule|*} The return depends on the export of the targeted module.\n*/\nexport async function importSetGlobal (url, {global, returnDefault}) {\n  // Todo: Replace calls to this function with `import()` when supported\n  const modularVersion = !('svgEditor' in window) ||\n    !window.svgEditor ||\n    window.svgEditor.modules !== false;\n  if (modularVersion) {\n    return importModule(url, undefined, {returnDefault});\n  }\n  await importScript(url);\n  return window[global];\n}\n// Addition by Brett\nexport function importScript (url, atts = {}) {\n  if (Array.isArray(url)) {\n    return Promise.all(url.map((u) => {\n      return importScript(u, atts);\n    }));\n  }\n  return new Promise((resolve, reject) => {\n    const script = document.createElement('script');\n    const destructor = () => {\n      script.onerror = null;\n      script.onload = null;\n      script.remove();\n      script.src = '';\n    };\n    script.defer = 'defer';\n    addScriptAtts(script, atts);\n    script.onerror = () => {\n      reject(new Error(`Failed to import: ${url}`));\n      destructor();\n    };\n    script.onload = () => {\n      resolve();\n      destructor();\n    };\n    script.src = url;\n\n    document.head.append(script);\n  });\n}\n\nexport function importModule (url, atts = {}, {returnDefault = false} = {}) {\n  if (Array.isArray(url)) {\n    return Promise.all(url.map((u) => {\n      return importModule(u, atts);\n    }));\n  }\n  return new Promise((resolve, reject) => {\n    const vector = '$importModule$' + Math.random().toString(32).slice(2);\n    const script = document.createElement('script');\n    const destructor = () => {\n      delete window[vector];\n      script.onerror = null;\n      script.onload = null;\n      script.remove();\n      URL.revokeObjectURL(script.src);\n      script.src = '';\n    };\n    addScriptAtts(script, atts);\n    script.defer = 'defer';\n    script.type = 'module';\n    script.onerror = () => {\n      reject(new Error(`Failed to import: ${url}`));\n      destructor();\n    };\n    script.onload = () => {\n      resolve(window[vector]);\n      destructor();\n    };\n    const absURL = toAbsoluteURL(url);\n    const loader = `import * as m from '${absURL.replace(/'/g, \"\\\\'\")}'; window.${vector} = ${returnDefault ? 'm.default || ' : ''}m;`; // export Module\n    const blob = new Blob([loader], { type: 'text/javascript' });\n    script.src = URL.createObjectURL(blob);\n\n    document.head.append(script);\n  });\n}\n\nexport default importModule;\n","/* globals jQuery */\n/**\n * Provides tools for the layer concept\n * @module layer\n * @license MIT\n *\n * @copyright 2011 Jeff Schiller, 2016 Flint O'Brien\n */\n\nimport {NS} from './namespaces.js';\nimport {toXml, walkTree} from './utilities.js';\n\nconst $ = jQuery;\n\n/**\n * This class encapsulates the concept of a layer in the drawing. It can be constructed with\n * an existing group element or, with three parameters, will create a new layer group element.\n *\n * @example\n * new Layer('name', group);          // Use the existing group for this layer.\n * new Layer('name', group, svgElem); // Create a new group and add it to the DOM after group.\n * new Layer('name', null, svgElem);  // Create a new group and add it to the DOM as the last layer.\n * @memberof module:layer\n */\nclass Layer {\n  /**\n  * @param {string} name - Layer name\n  * @param {SVGGElement|null} group - An existing SVG group element or null.\n  *     If group and no svgElem, use group for this layer.\n  *     If group and svgElem, create a new group element and insert it in the DOM after group.\n  *     If no group and svgElem, create a new group element and insert it in the DOM as the last layer.\n  * @param {SVGGElement=} svgElem - The SVG DOM element. If defined, use this to add\n  *     a new layer to the document.\n  */\n  constructor (name, group, svgElem) {\n    this.name_ = name;\n    this.group_ = svgElem ? null : group;\n\n    if (svgElem) {\n      // Create a group element with title and add it to the DOM.\n      const svgdoc = svgElem.ownerDocument;\n      this.group_ = svgdoc.createElementNS(NS.SVG, 'g');\n      const layerTitle = svgdoc.createElementNS(NS.SVG, 'title');\n      layerTitle.textContent = name;\n      this.group_.append(layerTitle);\n      if (group) {\n        $(group).after(this.group_);\n      } else {\n        svgElem.append(this.group_);\n      }\n    }\n\n    addLayerClass(this.group_);\n    walkTree(this.group_, function (e) {\n      e.setAttribute('style', 'pointer-events:inherit');\n    });\n\n    this.group_.setAttribute('style', svgElem ? 'pointer-events:all' : 'pointer-events:none');\n  }\n\n  /**\n   * Get the layer's name.\n   * @returns {string} The layer name\n   */\n  getName () {\n    return this.name_;\n  }\n\n  /**\n   * Get the group element for this layer.\n   * @returns {SVGGElement} The layer SVG group\n   */\n  getGroup () {\n    return this.group_;\n  }\n\n  /**\n   * Active this layer so it takes pointer events.\n   * @returns {undefined}\n   */\n  activate () {\n    this.group_.setAttribute('style', 'pointer-events:all');\n  }\n\n  /**\n   * Deactive this layer so it does NOT take pointer events.\n   * @returns {undefined}\n   */\n  deactivate () {\n    this.group_.setAttribute('style', 'pointer-events:none');\n  }\n\n  /**\n   * Set this layer visible or hidden based on 'visible' parameter.\n   * @param {boolean} visible - If true, make visible; otherwise, hide it.\n   * @returns {undefined}\n   */\n  setVisible (visible) {\n    const expected = visible === undefined || visible ? 'inline' : 'none';\n    const oldDisplay = this.group_.getAttribute('display');\n    if (oldDisplay !== expected) {\n      this.group_.setAttribute('display', expected);\n    }\n  }\n\n  /**\n   * Is this layer visible?\n   * @returns {boolean} True if visible.\n   */\n  isVisible () {\n    return this.group_.getAttribute('display') !== 'none';\n  }\n\n  /**\n   * Get layer opacity.\n   * @returns {Float} Opacity value.\n   */\n  getOpacity () {\n    const opacity = this.group_.getAttribute('opacity');\n    if (opacity === null || opacity === undefined) {\n      return 1;\n    }\n    return parseFloat(opacity);\n  }\n\n  /**\n   * Sets the opacity of this layer. If opacity is not a value between 0.0 and 1.0,\n   * nothing happens.\n   * @param {Float} opacity - A float value in the range 0.0-1.0\n   * @returns {undefined}\n   */\n  setOpacity (opacity) {\n    if (typeof opacity === 'number' && opacity >= 0.0 && opacity <= 1.0) {\n      this.group_.setAttribute('opacity', opacity);\n    }\n  }\n\n  /**\n   * Append children to this layer.\n   * @param {SVGGElement} children - The children to append to this layer.\n   * @returns {undefined}\n   */\n  appendChildren (children) {\n    for (let i = 0; i < children.length; ++i) {\n      this.group_.append(children[i]);\n    }\n  }\n\n  /**\n  * @returns {SVGTitleElement|null}\n  */\n  getTitleElement () {\n    const len = this.group_.childNodes.length;\n    for (let i = 0; i < len; ++i) {\n      const child = this.group_.childNodes.item(i);\n      if (child && child.tagName === 'title') {\n        return child;\n      }\n    }\n    return null;\n  }\n\n  /**\n   * Set the name of this layer.\n   * @param {string} name - The new name.\n   * @param {module:history.HistoryRecordingService} hrService - History recording service\n   * @returns {string|null} The new name if changed; otherwise, null.\n   */\n  setName (name, hrService) {\n    const previousName = this.name_;\n    name = toXml(name);\n    // now change the underlying title element contents\n    const title = this.getTitleElement();\n    if (title) {\n      $(title).empty();\n      title.textContent = name;\n      this.name_ = name;\n      if (hrService) {\n        hrService.changeElement(title, {'#text': previousName});\n      }\n      return this.name_;\n    }\n    return null;\n  }\n\n  /**\n   * Remove this layer's group from the DOM. No more functions on group can be called after this.\n   * @param {SVGGElement} children - The children to append to this layer.\n   * @returns {SVGGElement} The layer SVG group that was just removed.\n   */\n  removeGroup () {\n    const parent = this.group_.parentNode;\n    const group = parent.removeChild(this.group_);\n    this.group_ = undefined;\n    return group;\n  }\n}\n/**\n * @property {string} CLASS_NAME - class attribute assigned to all layer groups.\n */\nLayer.CLASS_NAME = 'layer';\n\n/**\n * @property {RegExp} CLASS_REGEX - Used to test presence of class Layer.CLASS_NAME\n */\nLayer.CLASS_REGEX = new RegExp('(\\\\s|^)' + Layer.CLASS_NAME + '(\\\\s|$)');\n\n/**\n * Add class `Layer.CLASS_NAME` to the element (usually `class='layer'`).\n *\n * @param {SVGGElement} elem - The SVG element to update\n * @returns {undefined}\n */\nfunction addLayerClass (elem) {\n  const classes = elem.getAttribute('class');\n  if (classes === null || classes === undefined || !classes.length) {\n    elem.setAttribute('class', Layer.CLASS_NAME);\n  } else if (!Layer.CLASS_REGEX.test(classes)) {\n    elem.setAttribute('class', classes + ' ' + Layer.CLASS_NAME);\n  }\n}\n\nexport default Layer;\n","/**\n * HistoryRecordingService component of history\n * @module history\n * @license MIT\n * @copyright 2016 Flint O'Brien\n */\n\nimport {\n  BatchCommand, MoveElementCommand, InsertElementCommand, RemoveElementCommand,\n  ChangeElementCommand\n} from './history.js';\n\n/**\n * History recording service.\n *\n * A self-contained service interface for recording history. Once injected, no other dependencies\n * or globals are required (example: UndoManager, command types, etc.). Easy to mock for unit tests.\n * Built on top of history classes in history.js.\n *\n * There is a simple start/end interface for batch commands.\n *\n * HistoryRecordingService.NO_HISTORY is a singleton that can be passed in to functions\n * that record history. This helps when the caller requires that no history be recorded.\n *\n * The following will record history: insert, batch, insert.\n * @example\n * hrService = new history.HistoryRecordingService(this.undoMgr);\n * hrService.insertElement(elem, text);         // add simple command to history.\n * hrService.startBatchCommand('create two elements');\n * hrService.changeElement(elem, attrs, text);  // add to batchCommand\n * hrService.changeElement(elem, attrs2, text); // add to batchCommand\n * hrService.endBatchCommand();                  // add batch command with two change commands to history.\n * hrService.insertElement(elem, text);         // add simple command to history.\n *\n * @example\n * // Note that all functions return this, so commands can be chained, like so:\n * hrService\n *   .startBatchCommand('create two elements')\n *   .insertElement(elem, text)\n *   .changeElement(elem, attrs, text)\n *   .endBatchCommand();\n *\n * @memberof module:history\n */\nclass HistoryRecordingService {\n  /**\n  * @param {history.UndoManager|null} undoManager - The undo manager.\n  *     A value of `null` is valid for cases where no history recording is required.\n  *     See singleton: {@link module:history.HistoryRecordingService.HistoryRecordingService.NO_HISTORY}\n  */\n  constructor (undoManager) {\n    this.undoManager_ = undoManager;\n    this.currentBatchCommand_ = null;\n    this.batchCommandStack_ = [];\n  }\n\n  /**\n   * Start a batch command so multiple commands can recorded as a single history command.\n   * Requires a corresponding call to endBatchCommand. Start and end commands can be nested.\n   *\n   * @param {string} text - Optional string describing the batch command.\n   * @returns {module:history.HistoryRecordingService}\n   */\n  startBatchCommand (text) {\n    if (!this.undoManager_) { return this; }\n    this.currentBatchCommand_ = new BatchCommand(text);\n    this.batchCommandStack_.push(this.currentBatchCommand_);\n    return this;\n  }\n\n  /**\n   * End a batch command and add it to the history or a parent batch command.\n   * @returns {module:history.HistoryRecordingService}\n   */\n  endBatchCommand () {\n    if (!this.undoManager_) { return this; }\n    if (this.currentBatchCommand_) {\n      const batchCommand = this.currentBatchCommand_;\n      this.batchCommandStack_.pop();\n      const {length} = this.batchCommandStack_;\n      this.currentBatchCommand_ = length ? this.batchCommandStack_[length - 1] : null;\n      this.addCommand_(batchCommand);\n    }\n    return this;\n  }\n\n  /**\n   * Add a MoveElementCommand to the history or current batch command\n   * @param {Element} elem - The DOM element that was moved\n   * @param {Element} oldNextSibling - The element's next sibling before it was moved\n   * @param {Element} oldParent - The element's parent before it was moved\n   * @param {string} [text] - An optional string visible to user related to this change\n   * @returns {module:history.HistoryRecordingService}\n   */\n  moveElement (elem, oldNextSibling, oldParent, text) {\n    if (!this.undoManager_) { return this; }\n    this.addCommand_(new MoveElementCommand(elem, oldNextSibling, oldParent, text));\n    return this;\n  }\n\n  /**\n   * Add an InsertElementCommand to the history or current batch command\n   * @param {Element} elem - The DOM element that was added\n   * @param {string} [text] - An optional string visible to user related to this change\n   * @returns {module:history.HistoryRecordingService}\n   */\n  insertElement (elem, text) {\n    if (!this.undoManager_) { return this; }\n    this.addCommand_(new InsertElementCommand(elem, text));\n    return this;\n  }\n\n  /**\n   * Add a RemoveElementCommand to the history or current batch command\n   * @param {Element} elem - The DOM element that was removed\n   * @param {Element} oldNextSibling - The element's next sibling before it was removed\n   * @param {Element} oldParent - The element's parent before it was removed\n   * @param {string} [text] - An optional string visible to user related to this change\n   * @returns {module:history.HistoryRecordingService}\n   */\n  removeElement (elem, oldNextSibling, oldParent, text) {\n    if (!this.undoManager_) { return this; }\n    this.addCommand_(new RemoveElementCommand(elem, oldNextSibling, oldParent, text));\n    return this;\n  }\n\n  /**\n   * Add a ChangeElementCommand to the history or current batch command\n   * @param {Element} elem - The DOM element that was changed\n   * @param {module:history.CommandAttributes} attrs - An object with the attributes to be changed and the values they had *before* the change\n   * @param {string} [text] - An optional string visible to user related to this change\n   * @returns {module:history.HistoryRecordingService}\n   */\n  changeElement (elem, attrs, text) {\n    if (!this.undoManager_) { return this; }\n    this.addCommand_(new ChangeElementCommand(elem, attrs, text));\n    return this;\n  }\n\n  /**\n   * Private function to add a command to the history or current batch command.\n   * @private\n   * @param {Command} cmd\n   * @returns {module:history.HistoryRecordingService}\n   */\n  addCommand_ (cmd) {\n    if (!this.undoManager_) { return this; }\n    if (this.currentBatchCommand_) {\n      this.currentBatchCommand_.addSubCommand(cmd);\n    } else {\n      this.undoManager_.addCommandToHistory(cmd);\n    }\n  }\n}\n/**\n * @memberof module:history.HistoryRecordingService\n * @property {module:history.HistoryRecordingService} NO_HISTORY - Singleton that can be passed to functions that record history, but the caller requires that no history be recorded.\n */\nHistoryRecordingService.NO_HISTORY = new HistoryRecordingService();\nexport default HistoryRecordingService;\n","/* globals jQuery */\n/**\n * Tools for drawing\n * @module draw\n * @license MIT\n * @copyright 2011 Jeff Schiller\n */\n\nimport Layer from './layer.js';\nimport HistoryRecordingService from './historyrecording.js';\n\nimport {NS} from './namespaces.js';\nimport {isOpera} from './browser.js';\nimport {\n  toXml, getElem,\n  copyElem as utilCopyElem\n} from './utilities.js';\nimport {\n  BatchCommand, RemoveElementCommand, MoveElementCommand, ChangeElementCommand\n} from './history.js';\n\nconst $ = jQuery;\n\nconst visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use'.split(',');\n\nconst RandomizeModes = {\n  LET_DOCUMENT_DECIDE: 0,\n  ALWAYS_RANDOMIZE: 1,\n  NEVER_RANDOMIZE: 2\n};\nlet randIds = RandomizeModes.LET_DOCUMENT_DECIDE;\n// Array with current disabled elements (for in-group editing)\nlet disabledElems = [];\n\n/**\n * Get a HistoryRecordingService.\n * @param {module:history.HistoryRecordingService} [hrService] - if exists, return it instead of creating a new service.\n * @returns {module:history.HistoryRecordingService}\n */\nfunction historyRecordingService (hrService) {\n  return hrService || new HistoryRecordingService(canvas_.undoMgr);\n}\n\n/**\n * Find the layer name in a group element.\n * @param {Element} group The group element to search in.\n * @returns {string} The layer name or empty string.\n */\nfunction findLayerNameInGroup (group) {\n  return $('title', group).text() ||\n    (isOpera() && group.querySelectorAll\n      // Hack for Opera 10.60\n      ? $(group.querySelectorAll('title')).text()\n      : '');\n}\n\n/**\n * Given a set of names, return a new unique name.\n * @param {string[]} existingLayerNames - Existing layer names.\n * @returns {string} - The new name.\n */\nfunction getNewLayerName (existingLayerNames) {\n  let i = 1;\n  // TODO(codedread): What about internationalization of \"Layer\"?\n  while (existingLayerNames.includes(('Layer ' + i))) { i++; }\n  return 'Layer ' + i;\n}\n\n/**\n * This class encapsulates the concept of a SVG-edit drawing\n */\nexport class Drawing {\n  /**\n  * @param {SVGSVGElement} svgElem - The SVG DOM Element that this JS object\n  *     encapsulates.  If the svgElem has a se:nonce attribute on it, then\n  *     IDs will use the nonce as they are generated.\n  * @param {string} [optIdPrefix=svg_] - The ID prefix to use.\n  * @throws {Error} If not initialized with an SVG element\n  */\n  constructor (svgElem, optIdPrefix) {\n    if (!svgElem || !svgElem.tagName || !svgElem.namespaceURI ||\n      svgElem.tagName !== 'svg' || svgElem.namespaceURI !== NS.SVG) {\n      throw new Error('Error: svgedit.draw.Drawing instance initialized without a <svg> element');\n    }\n\n    /**\n    * The SVG DOM Element that represents this drawing.\n    * @type {SVGSVGElement}\n    */\n    this.svgElem_ = svgElem;\n\n    /**\n    * The latest object number used in this drawing.\n    * @type {Integer}\n    */\n    this.obj_num = 0;\n\n    /**\n    * The prefix to prepend to each element id in the drawing.\n    * @type {string}\n    */\n    this.idPrefix = optIdPrefix || 'svg_';\n\n    /**\n    * An array of released element ids to immediately reuse.\n    * @type {Integer[]}\n    */\n    this.releasedNums = [];\n\n    /**\n    * The z-ordered array of Layer objects. Each layer has a name\n    * and group element.\n    * The first layer is the one at the bottom of the rendering.\n    * @type {Layer[]}\n    */\n    this.all_layers = [];\n\n    /**\n    * Map of all_layers by name.\n    *\n    * Note: Layers are ordered, but referenced externally by name; so, we need both container\n    * types depending on which function is called (i.e. all_layers and layer_map).\n    *\n    * @type {PlainObject.<string, Layer>}\n    */\n    this.layer_map = {};\n\n    /**\n    * The current layer being used.\n    * @type {Layer}\n    */\n    this.current_layer = null;\n\n    /**\n    * The nonce to use to uniquely identify elements across drawings.\n    * @type {!String}\n    */\n    this.nonce_ = '';\n    const n = this.svgElem_.getAttributeNS(NS.SE, 'nonce');\n    // If already set in the DOM, use the nonce throughout the document\n    // else, if randomizeIds(true) has been called, create and set the nonce.\n    if (!!n && randIds !== RandomizeModes.NEVER_RANDOMIZE) {\n      this.nonce_ = n;\n    } else if (randIds === RandomizeModes.ALWAYS_RANDOMIZE) {\n      this.setNonce(Math.floor(Math.random() * 100001));\n    }\n  }\n\n  /**\n   * @param {string} id Element ID to retrieve\n   * @returns {Element} SVG element within the root SVGSVGElement\n  */\n  getElem_ (id) {\n    if (this.svgElem_.querySelector) {\n      // querySelector lookup\n      return this.svgElem_.querySelector('#' + id);\n    }\n    // jQuery lookup: twice as slow as xpath in FF\n    return $(this.svgElem_).find('[id=' + id + ']')[0];\n  }\n\n  /**\n   * @returns {SVGSVGElement}\n   */\n  getSvgElem () {\n    return this.svgElem_;\n  }\n\n  /**\n   * @returns {!(string|Integer)} The previously set nonce\n   */\n  getNonce () {\n    return this.nonce_;\n  }\n\n  /**\n   * @param {!(string|Integer)} n The nonce to set\n   * @returns {undefined}\n   */\n  setNonce (n) {\n    this.svgElem_.setAttributeNS(NS.XMLNS, 'xmlns:se', NS.SE);\n    this.svgElem_.setAttributeNS(NS.SE, 'se:nonce', n);\n    this.nonce_ = n;\n  }\n\n  /**\n   * Clears any previously set nonce\n   * @returns {undefined}\n   */\n  clearNonce () {\n    // We deliberately leave any se:nonce attributes alone,\n    // we just don't use it to randomize ids.\n    this.nonce_ = '';\n  }\n\n  /**\n   * Returns the latest object id as a string.\n   * @returns {string} The latest object Id.\n   */\n  getId () {\n    return this.nonce_\n      ? this.idPrefix + this.nonce_ + '_' + this.obj_num\n      : this.idPrefix + this.obj_num;\n  }\n\n  /**\n   * Returns the next object Id as a string.\n   * @returns {string} The next object Id to use.\n   */\n  getNextId () {\n    const oldObjNum = this.obj_num;\n    let restoreOldObjNum = false;\n\n    // If there are any released numbers in the release stack,\n    // use the last one instead of the next obj_num.\n    // We need to temporarily use obj_num as that is what getId() depends on.\n    if (this.releasedNums.length > 0) {\n      this.obj_num = this.releasedNums.pop();\n      restoreOldObjNum = true;\n    } else {\n      // If we are not using a released id, then increment the obj_num.\n      this.obj_num++;\n    }\n\n    // Ensure the ID does not exist.\n    let id = this.getId();\n    while (this.getElem_(id)) {\n      if (restoreOldObjNum) {\n        this.obj_num = oldObjNum;\n        restoreOldObjNum = false;\n      }\n      this.obj_num++;\n      id = this.getId();\n    }\n    // Restore the old object number if required.\n    if (restoreOldObjNum) {\n      this.obj_num = oldObjNum;\n    }\n    return id;\n  }\n\n  /**\n   * Releases the object Id, letting it be used as the next id in getNextId().\n   * This method DOES NOT remove any elements from the DOM, it is expected\n   * that client code will do this.\n   * @param {string} id - The id to release.\n   * @returns {boolean} True if the id was valid to be released, false otherwise.\n  */\n  releaseId (id) {\n    // confirm if this is a valid id for this Document, else return false\n    const front = this.idPrefix + (this.nonce_ ? this.nonce_ + '_' : '');\n    if (typeof id !== 'string' || !id.startsWith(front)) {\n      return false;\n    }\n    // extract the obj_num of this id\n    const num = parseInt(id.substr(front.length), 10);\n\n    // if we didn't get a positive number or we already released this number\n    // then return false.\n    if (typeof num !== 'number' || num <= 0 || this.releasedNums.includes(num)) {\n      return false;\n    }\n\n    // push the released number into the released queue\n    this.releasedNums.push(num);\n\n    return true;\n  }\n\n  /**\n   * Returns the number of layers in the current drawing.\n   * @returns {Integer} The number of layers in the current drawing.\n  */\n  getNumLayers () {\n    return this.all_layers.length;\n  }\n\n  /**\n   * Check if layer with given name already exists\n   * @param {string} name - The layer name to check\n   * @returns {boolean}\n  */\n  hasLayer (name) {\n    return this.layer_map[name] !== undefined;\n  }\n\n  /**\n   * Returns the name of the ith layer. If the index is out of range, an empty string is returned.\n   * @param {Integer} i - The zero-based index of the layer you are querying.\n   * @returns {string} The name of the ith layer (or the empty string if none found)\n  */\n  getLayerName (i) {\n    return i >= 0 && i < this.getNumLayers() ? this.all_layers[i].getName() : '';\n  }\n\n  /**\n   * @returns {SVGGElement|null} The SVGGElement representing the current layer.\n   */\n  getCurrentLayer () {\n    return this.current_layer ? this.current_layer.getGroup() : null;\n  }\n\n  /**\n   * Get a layer by name.\n   * @returns {SVGGElement} The SVGGElement representing the named layer or null.\n   */\n  getLayerByName (name) {\n    const layer = this.layer_map[name];\n    return layer ? layer.getGroup() : null;\n  }\n\n  /**\n   * Returns the name of the currently selected layer. If an error occurs, an empty string\n   * is returned.\n   * @returns {string} The name of the currently active layer (or the empty string if none found).\n  */\n  getCurrentLayerName () {\n    return this.current_layer ? this.current_layer.getName() : '';\n  }\n\n  /**\n   * Set the current layer's name.\n   * @param {string} name - The new name.\n   * @param {module:history.HistoryRecordingService} hrService - History recording service\n   * @returns {string|null} The new name if changed; otherwise, null.\n   */\n  setCurrentLayerName (name, hrService) {\n    let finalName = null;\n    if (this.current_layer) {\n      const oldName = this.current_layer.getName();\n      finalName = this.current_layer.setName(name, hrService);\n      if (finalName) {\n        delete this.layer_map[oldName];\n        this.layer_map[finalName] = this.current_layer;\n      }\n    }\n    return finalName;\n  }\n\n  /**\n   * Set the current layer's position.\n   * @param {Integer} newpos - The zero-based index of the new position of the layer. Range should be 0 to layers-1\n   * @returns {{title: SVGGElement, previousName: string}|null} If the name was changed, returns {title:SVGGElement, previousName:string}; otherwise null.\n   */\n  setCurrentLayerPosition (newpos) {\n    const layerCount = this.getNumLayers();\n    if (!this.current_layer || newpos < 0 || newpos >= layerCount) {\n      return null;\n    }\n\n    let oldpos;\n    for (oldpos = 0; oldpos < layerCount; ++oldpos) {\n      if (this.all_layers[oldpos] === this.current_layer) { break; }\n    }\n    // some unknown error condition (current_layer not in all_layers)\n    if (oldpos === layerCount) { return null; }\n\n    if (oldpos !== newpos) {\n      // if our new position is below us, we need to insert before the node after newpos\n      const currentGroup = this.current_layer.getGroup();\n      const oldNextSibling = currentGroup.nextSibling;\n\n      let refGroup = null;\n      if (newpos > oldpos) {\n        if (newpos < layerCount - 1) {\n          refGroup = this.all_layers[newpos + 1].getGroup();\n        }\n      // if our new position is above us, we need to insert before the node at newpos\n      } else {\n        refGroup = this.all_layers[newpos].getGroup();\n      }\n      this.svgElem_.insertBefore(currentGroup, refGroup); // Ok to replace with `refGroup.before(currentGroup);`?\n\n      this.identifyLayers();\n      this.setCurrentLayer(this.getLayerName(newpos));\n\n      return {\n        currentGroup,\n        oldNextSibling\n      };\n    }\n    return null;\n  }\n\n  /**\n  * @param {module:history.HistoryRecordingService} hrService\n  * @returns {undefined}\n  */\n  mergeLayer (hrService) {\n    const currentGroup = this.current_layer.getGroup();\n    const prevGroup = $(currentGroup).prev()[0];\n    if (!prevGroup) { return; }\n\n    hrService.startBatchCommand('Merge Layer');\n\n    const layerNextSibling = currentGroup.nextSibling;\n    hrService.removeElement(currentGroup, layerNextSibling, this.svgElem_);\n\n    while (currentGroup.firstChild) {\n      const child = currentGroup.firstChild;\n      if (child.localName === 'title') {\n        hrService.removeElement(child, child.nextSibling, currentGroup);\n        child.remove();\n        continue;\n      }\n      const oldNextSibling = child.nextSibling;\n      prevGroup.append(child);\n      hrService.moveElement(child, oldNextSibling, currentGroup);\n    }\n\n    // Remove current layer's group\n    this.current_layer.removeGroup();\n    // Remove the current layer and set the previous layer as the new current layer\n    const index = this.all_layers.indexOf(this.current_layer);\n    if (index > 0) {\n      const name = this.current_layer.getName();\n      this.current_layer = this.all_layers[index - 1];\n      this.all_layers.splice(index, 1);\n      delete this.layer_map[name];\n    }\n\n    hrService.endBatchCommand();\n  }\n\n  /**\n  * @param {module:history.HistoryRecordingService} hrService\n  * @returns {undefined}\n  */\n  mergeAllLayers (hrService) {\n    // Set the current layer to the last layer.\n    this.current_layer = this.all_layers[this.all_layers.length - 1];\n\n    hrService.startBatchCommand('Merge all Layers');\n    while (this.all_layers.length > 1) {\n      this.mergeLayer(hrService);\n    }\n    hrService.endBatchCommand();\n  }\n\n  /**\n   * Sets the current layer. If the name is not a valid layer name, then this\n   * function returns `false`. Otherwise it returns `true`. This is not an\n   * undo-able action.\n   * @param {string} name - The name of the layer you want to switch to.\n   * @returns {boolean} `true` if the current layer was switched, otherwise `false`\n   */\n  setCurrentLayer (name) {\n    const layer = this.layer_map[name];\n    if (layer) {\n      if (this.current_layer) {\n        this.current_layer.deactivate();\n      }\n      this.current_layer = layer;\n      this.current_layer.activate();\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Deletes the current layer from the drawing and then clears the selection.\n   * This function then calls the 'changed' handler.  This is an undoable action.\n   * @todo Does this actually call the 'changed' handler?\n   * @returns {SVGGElement} The SVGGElement of the layer removed or null.\n   */\n  deleteCurrentLayer () {\n    if (this.current_layer && this.getNumLayers() > 1) {\n      const oldLayerGroup = this.current_layer.removeGroup();\n      this.identifyLayers();\n      return oldLayerGroup;\n    }\n    return null;\n  }\n\n  /**\n   * Updates layer system and sets the current layer to the\n   * top-most layer (last `<g>` child of this drawing).\n   * @returns {undefined}\n  */\n  identifyLayers () {\n    this.all_layers = [];\n    this.layer_map = {};\n    const numchildren = this.svgElem_.childNodes.length;\n    // loop through all children of SVG element\n    const orphans = [], layernames = [];\n    let layer = null;\n    let childgroups = false;\n    for (let i = 0; i < numchildren; ++i) {\n      const child = this.svgElem_.childNodes.item(i);\n      // for each g, find its layer name\n      if (child && child.nodeType === 1) {\n        if (child.tagName === 'g') {\n          childgroups = true;\n          const name = findLayerNameInGroup(child);\n          if (name) {\n            layernames.push(name);\n            layer = new Layer(name, child);\n            this.all_layers.push(layer);\n            this.layer_map[name] = layer;\n          } else {\n            // if group did not have a name, it is an orphan\n            orphans.push(child);\n          }\n        } else if (visElems.includes(child.nodeName)) {\n          // Child is \"visible\" (i.e. not a <title> or <defs> element), so it is an orphan\n          orphans.push(child);\n        }\n      }\n    }\n\n    // If orphans or no layers found, create a new layer and add all the orphans to it\n    if (orphans.length > 0 || !childgroups) {\n      layer = new Layer(getNewLayerName(layernames), null, this.svgElem_);\n      layer.appendChildren(orphans);\n      this.all_layers.push(layer);\n      this.layer_map[name] = layer;\n    } else {\n      layer.activate();\n    }\n    this.current_layer = layer;\n  }\n\n  /**\n   * Creates a new top-level layer in the drawing with the given name and\n   * makes it the current layer.\n   * @param {string} name - The given name. If the layer name exists, a new name will be generated.\n   * @param {module:history.HistoryRecordingService} hrService - History recording service\n   * @returns {SVGGElement} The SVGGElement of the new layer, which is\n   *     also the current layer of this drawing.\n  */\n  createLayer (name, hrService) {\n    if (this.current_layer) {\n      this.current_layer.deactivate();\n    }\n    // Check for duplicate name.\n    if (name === undefined || name === null || name === '' || this.layer_map[name]) {\n      name = getNewLayerName(Object.keys(this.layer_map));\n    }\n\n    // Crate new layer and add to DOM as last layer\n    const layer = new Layer(name, null, this.svgElem_);\n    // Like to assume hrService exists, but this is backwards compatible with old version of createLayer.\n    if (hrService) {\n      hrService.startBatchCommand('Create Layer');\n      hrService.insertElement(layer.getGroup());\n      hrService.endBatchCommand();\n    }\n\n    this.all_layers.push(layer);\n    this.layer_map[name] = layer;\n    this.current_layer = layer;\n    return layer.getGroup();\n  }\n\n  /**\n   * Creates a copy of the current layer with the given name and makes it the current layer.\n   * @param {string} name - The given name. If the layer name exists, a new name will be generated.\n   * @param {module:history.HistoryRecordingService} hrService - History recording service\n   * @returns {SVGGElement} The SVGGElement of the new layer, which is\n   *     also the current layer of this drawing.\n  */\n  cloneLayer (name, hrService) {\n    if (!this.current_layer) { return null; }\n    this.current_layer.deactivate();\n    // Check for duplicate name.\n    if (name === undefined || name === null || name === '' || this.layer_map[name]) {\n      name = getNewLayerName(Object.keys(this.layer_map));\n    }\n\n    // Create new group and add to DOM just after current_layer\n    const currentGroup = this.current_layer.getGroup();\n    const layer = new Layer(name, currentGroup, this.svgElem_);\n    const group = layer.getGroup();\n\n    // Clone children\n    const children = currentGroup.childNodes;\n    for (let index = 0; index < children.length; index++) {\n      const ch = children[index];\n      if (ch.localName === 'title') { continue; }\n      group.append(this.copyElem(ch));\n    }\n\n    if (hrService) {\n      hrService.startBatchCommand('Duplicate Layer');\n      hrService.insertElement(group);\n      hrService.endBatchCommand();\n    }\n\n    // Update layer containers and current_layer.\n    const index = this.all_layers.indexOf(this.current_layer);\n    if (index >= 0) {\n      this.all_layers.splice(index + 1, 0, layer);\n    } else {\n      this.all_layers.push(layer);\n    }\n    this.layer_map[name] = layer;\n    this.current_layer = layer;\n    return group;\n  }\n\n  /**\n   * Returns whether the layer is visible.  If the layer name is not valid,\n   * then this function returns `false`.\n   * @param {string} layerName - The name of the layer which you want to query.\n   * @returns {boolean} The visibility state of the layer, or `false` if the layer name was invalid.\n  */\n  getLayerVisibility (layerName) {\n    const layer = this.layer_map[layerName];\n    return layer ? layer.isVisible() : false;\n  }\n\n  /**\n   * Sets the visibility of the layer. If the layer name is not valid, this\n   * function returns `null`, otherwise it returns the `SVGElement` representing\n   * the layer. This is an undo-able action.\n   * @param {string} layerName - The name of the layer to change the visibility\n   * @param {boolean} bVisible - Whether the layer should be visible\n   * @returns {?SVGGElement} The SVGGElement representing the layer if the\n   *   `layerName` was valid, otherwise `null`.\n  */\n  setLayerVisibility (layerName, bVisible) {\n    if (typeof bVisible !== 'boolean') {\n      return null;\n    }\n    const layer = this.layer_map[layerName];\n    if (!layer) { return null; }\n    layer.setVisible(bVisible);\n    return layer.getGroup();\n  }\n\n  /**\n   * Returns the opacity of the given layer.  If the input name is not a layer, `null` is returned.\n   * @param {string} layerName - name of the layer on which to get the opacity\n   * @returns {?Float} The opacity value of the given layer.  This will be a value between 0.0 and 1.0, or `null`\n   * if `layerName` is not a valid layer\n  */\n  getLayerOpacity (layerName) {\n    const layer = this.layer_map[layerName];\n    if (!layer) { return null; }\n    return layer.getOpacity();\n  }\n\n  /**\n   * Sets the opacity of the given layer.  If the input name is not a layer,\n   * nothing happens. If opacity is not a value between 0.0 and 1.0, then\n   * nothing happens.\n   * NOTE: this function exists solely to apply a highlighting/de-emphasis\n   * effect to a layer. When it is possible for a user to affect the opacity\n   * of a layer, we will need to allow this function to produce an undo-able\n   * action.\n   * @param {string} layerName - Name of the layer on which to set the opacity\n   * @param {Float} opacity - A float value in the range 0.0-1.0\n   * @returns {undefined}\n  */\n  setLayerOpacity (layerName, opacity) {\n    if (typeof opacity !== 'number' || opacity < 0.0 || opacity > 1.0) {\n      return;\n    }\n    const layer = this.layer_map[layerName];\n    if (layer) {\n      layer.setOpacity(opacity);\n    }\n  }\n\n  /**\n   * Create a clone of an element, updating its ID and its children's IDs when needed\n   * @param {Element} el - DOM element to clone\n   * @returns {Element}\n   */\n  copyElem (el) {\n    const self = this;\n    const getNextIdClosure = function () { return self.getNextId(); };\n    return utilCopyElem(el, getNextIdClosure);\n  }\n}\n\n/**\n * Called to ensure that drawings will or will not have randomized ids.\n * The currentDrawing will have its nonce set if it doesn't already.\n * @function module:draw.randomizeIds\n * @param {boolean} enableRandomization - flag indicating if documents should have randomized ids\n * @param {draw.Drawing} currentDrawing\n * @returns {undefined}\n */\nexport const randomizeIds = function (enableRandomization, currentDrawing) {\n  randIds = enableRandomization === false\n    ? RandomizeModes.NEVER_RANDOMIZE\n    : RandomizeModes.ALWAYS_RANDOMIZE;\n\n  if (randIds === RandomizeModes.ALWAYS_RANDOMIZE && !currentDrawing.getNonce()) {\n    currentDrawing.setNonce(Math.floor(Math.random() * 100001));\n  } else if (randIds === RandomizeModes.NEVER_RANDOMIZE && currentDrawing.getNonce()) {\n    currentDrawing.clearNonce();\n  }\n};\n\n// Layer API Functions\n\n/**\n* Group: Layers\n*/\n\n/**\n * @see {@link https://api.jquery.com/jQuery.data/}\n * @name external:jQuery.data\n */\n\n/**\n * @interface module:draw.DrawCanvasInit\n * @property {module:path.pathActions} pathActions\n * @property {external:jQuery.data} elData\n * @property {module:history.UndoManager} undoMgr\n */\n/**\n * @function module:draw.DrawCanvasInit#getCurrentGroup\n * @returns {Element}\n */\n/**\n * @function module:draw.DrawCanvasInit#setCurrentGroup\n * @param {Element} cg\n * @returns {undefined}\n*/\n/**\n * @function module:draw.DrawCanvasInit#getSelectedElements\n * @returns {Element[]} the array with selected DOM elements\n*/\n/**\n * @function module:draw.DrawCanvasInit#getSVGContent\n * @returns {SVGSVGElement}\n */\n/**\n * @function module:draw.DrawCanvasInit#getCurrentDrawing\n * @returns {module:draw.Drawing}\n */\n/**\n * @function module:draw.DrawCanvasInit#clearSelection\n * @param {boolean} [noCall] - When `true`, does not call the \"selected\" handler\n * @returns {undefined}\n*/\n/**\n * Run the callback function associated with the given event\n * @function module:draw.DrawCanvasInit#call\n * @param {\"changed\"|\"contextset\"} ev - String with the event name\n * @param {module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset} arg - Argument to pass through to the callback\n * function. If the event is \"changed\", a (single-item) array of `Element`s is\n * passed. If the event is \"contextset\", the arg is `null` or `Element`.\n * @returns {undefined}\n */\n/**\n * @function module:draw.DrawCanvasInit#addCommandToHistory\n * @param {Command} cmd\n * @returns {undefined}\n*/\n/**\n * @function module:draw.DrawCanvasInit#changeSVGContent\n * @returns {undefined}\n */\n\nlet canvas_;\n/**\n* @function module:draw.init\n* @param {module:draw.DrawCanvasInit} canvas\n* @returns {undefined}\n*/\nexport const init = function (canvas) {\n  canvas_ = canvas;\n};\n\n/**\n* Updates layer system\n* @function module:draw.identifyLayers\n* @returns {undefined}\n*/\nexport const identifyLayers = function () {\n  leaveContext();\n  canvas_.getCurrentDrawing().identifyLayers();\n};\n\n/**\n* Creates a new top-level layer in the drawing with the given name, sets the current layer\n* to it, and then clears the selection. This function then calls the 'changed' handler.\n* This is an undoable action.\n* @function module:draw.createLayer\n* @param {string} name - The given name\n* @param {module:history.HistoryRecordingService} hrService\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nexport const createLayer = function (name, hrService) {\n  const newLayer = canvas_.getCurrentDrawing().createLayer(\n    name,\n    historyRecordingService(hrService)\n  );\n  canvas_.clearSelection();\n  canvas_.call('changed', [newLayer]);\n};\n\n/**\n * Creates a new top-level layer in the drawing with the given name, copies all the current layer's contents\n * to it, and then clears the selection. This function then calls the 'changed' handler.\n * This is an undoable action.\n * @function module:draw.cloneLayer\n * @param {string} name - The given name. If the layer name exists, a new name will be generated.\n * @param {module:history.HistoryRecordingService} hrService - History recording service\n * @fires module:svgcanvas.SvgCanvas#event:changed\n * @returns {undefined}\n */\nexport const cloneLayer = function (name, hrService) {\n  // Clone the current layer and make the cloned layer the new current layer\n  const newLayer = canvas_.getCurrentDrawing().cloneLayer(name, historyRecordingService(hrService));\n\n  canvas_.clearSelection();\n  leaveContext();\n  canvas_.call('changed', [newLayer]);\n};\n\n/**\n* Deletes the current layer from the drawing and then clears the selection. This function\n* then calls the 'changed' handler. This is an undoable action.\n* @function module:draw.deleteCurrentLayer\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {boolean} `true` if an old layer group was found to delete\n*/\nexport const deleteCurrentLayer = function () {\n  let currentLayer = canvas_.getCurrentDrawing().getCurrentLayer();\n  const {nextSibling} = currentLayer;\n  const parent = currentLayer.parentNode;\n  currentLayer = canvas_.getCurrentDrawing().deleteCurrentLayer();\n  if (currentLayer) {\n    const batchCmd = new BatchCommand('Delete Layer');\n    // store in our Undo History\n    batchCmd.addSubCommand(new RemoveElementCommand(currentLayer, nextSibling, parent));\n    canvas_.addCommandToHistory(batchCmd);\n    canvas_.clearSelection();\n    canvas_.call('changed', [parent]);\n    return true;\n  }\n  return false;\n};\n\n/**\n* Sets the current layer. If the name is not a valid layer name, then this function returns\n* false. Otherwise it returns true. This is not an undo-able action.\n* @function module:draw.setCurrentLayer\n* @param {string} name - The name of the layer you want to switch to.\n* @returns {boolean} true if the current layer was switched, otherwise false\n*/\nexport const setCurrentLayer = function (name) {\n  const result = canvas_.getCurrentDrawing().setCurrentLayer(toXml(name));\n  if (result) {\n    canvas_.clearSelection();\n  }\n  return result;\n};\n\n/**\n* Renames the current layer. If the layer name is not valid (i.e. unique), then this function\n* does nothing and returns `false`, otherwise it returns `true`. This is an undo-able action.\n* @function module:draw.renameCurrentLayer\n* @param {string} newName - the new name you want to give the current layer. This name must\n* be unique among all layer names.\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {boolean} Whether the rename succeeded\n*/\nexport const renameCurrentLayer = function (newName) {\n  const drawing = canvas_.getCurrentDrawing();\n  const layer = drawing.getCurrentLayer();\n  if (layer) {\n    const result = drawing.setCurrentLayerName(newName, historyRecordingService());\n    if (result) {\n      canvas_.call('changed', [layer]);\n      return true;\n    }\n  }\n  return false;\n};\n\n/**\n* Changes the position of the current layer to the new value. If the new index is not valid,\n* this function does nothing and returns false, otherwise it returns true. This is an\n* undo-able action.\n* @function module:draw.setCurrentLayerPosition\n* @param {Integer} newPos - The zero-based index of the new position of the layer. This should be between\n* 0 and (number of layers - 1)\n* @returns {boolean} `true` if the current layer position was changed, `false` otherwise.\n*/\nexport const setCurrentLayerPosition = function (newPos) {\n  const drawing = canvas_.getCurrentDrawing();\n  const result = drawing.setCurrentLayerPosition(newPos);\n  if (result) {\n    canvas_.addCommandToHistory(new MoveElementCommand(result.currentGroup, result.oldNextSibling, canvas_.getSVGContent()));\n    return true;\n  }\n  return false;\n};\n\n/**\n* Sets the visibility of the layer. If the layer name is not valid, this function return\n* `false`, otherwise it returns `true`. This is an undo-able action.\n* @function module:draw.setLayerVisibility\n* @param {string} layerName - The name of the layer to change the visibility\n* @param {boolean} bVisible - Whether the layer should be visible\n* @returns {boolean} true if the layer's visibility was set, false otherwise\n*/\nexport const setLayerVisibility = function (layerName, bVisible) {\n  const drawing = canvas_.getCurrentDrawing();\n  const prevVisibility = drawing.getLayerVisibility(layerName);\n  const layer = drawing.setLayerVisibility(layerName, bVisible);\n  if (layer) {\n    const oldDisplay = prevVisibility ? 'inline' : 'none';\n    canvas_.addCommandToHistory(new ChangeElementCommand(layer, {display: oldDisplay}, 'Layer Visibility'));\n  } else {\n    return false;\n  }\n\n  if (layer === drawing.getCurrentLayer()) {\n    canvas_.clearSelection();\n    canvas_.pathActions.clear();\n  }\n  // call('changed', [selected]);\n  return true;\n};\n\n/**\n* Moves the selected elements to layerName. If the name is not a valid layer name, then `false`\n* is returned. Otherwise it returns `true`. This is an undo-able action.\n* @function module:draw.moveSelectedToLayer\n* @param {string} layerName - The name of the layer you want to which you want to move the selected elements\n* @returns {boolean} Whether the selected elements were moved to the layer.\n*/\nexport const moveSelectedToLayer = function (layerName) {\n  // find the layer\n  const drawing = canvas_.getCurrentDrawing();\n  const layer = drawing.getLayerByName(layerName);\n  if (!layer) { return false; }\n\n  const batchCmd = new BatchCommand('Move Elements to Layer');\n\n  // loop for each selected element and move it\n  const selElems = canvas_.getSelectedElements();\n  let i = selElems.length;\n  while (i--) {\n    const elem = selElems[i];\n    if (!elem) { continue; }\n    const oldNextSibling = elem.nextSibling;\n    // TODO: this is pretty brittle!\n    const oldLayer = elem.parentNode;\n    layer.append(elem);\n    batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldLayer));\n  }\n\n  canvas_.addCommandToHistory(batchCmd);\n\n  return true;\n};\n\n/**\n* @function module:draw.mergeLayer\n* @param {module:history.HistoryRecordingService} hrService\n* @returns {undefined}\n*/\nexport const mergeLayer = function (hrService) {\n  canvas_.getCurrentDrawing().mergeLayer(historyRecordingService(hrService));\n  canvas_.clearSelection();\n  leaveContext();\n  canvas_.changeSVGContent();\n};\n\n/**\n* @function module:draw.mergeAllLayers\n* @param {module:history.HistoryRecordingService} hrService\n* @returns {undefined}\n*/\nexport const mergeAllLayers = function (hrService) {\n  canvas_.getCurrentDrawing().mergeAllLayers(historyRecordingService(hrService));\n  canvas_.clearSelection();\n  leaveContext();\n  canvas_.changeSVGContent();\n};\n\n/**\n* Return from a group context to the regular kind, make any previously\n* disabled elements enabled again\n* @function module:draw.leaveContext\n* @fires module:svgcanvas.SvgCanvas#event:contextset\n* @returns {undefined}\n*/\nexport const leaveContext = function () {\n  const len = disabledElems.length;\n  if (len) {\n    for (let i = 0; i < len; i++) {\n      const elem = disabledElems[i];\n      const orig = canvas_.elData(elem, 'orig_opac');\n      if (orig !== 1) {\n        elem.setAttribute('opacity', orig);\n      } else {\n        elem.removeAttribute('opacity');\n      }\n      elem.setAttribute('style', 'pointer-events: inherit');\n    }\n    disabledElems = [];\n    canvas_.clearSelection(true);\n    canvas_.call('contextset', null);\n  }\n  canvas_.setCurrentGroup(null);\n};\n\n/**\n* Set the current context (for in-group editing)\n* @function module:draw.setContext\n* @param {Element} elem\n* @fires module:svgcanvas.SvgCanvas#event:contextset\n* @returns {undefined}\n*/\nexport const setContext = function (elem) {\n  leaveContext();\n  if (typeof elem === 'string') {\n    elem = getElem(elem);\n  }\n\n  // Edit inside this group\n  canvas_.setCurrentGroup(elem);\n\n  // Disable other elements\n  $(elem).parentsUntil('#svgcontent').andSelf().siblings().each(function () {\n    const opac = this.getAttribute('opacity') || 1;\n    // Store the original's opacity\n    canvas_.elData(this, 'orig_opac', opac);\n    this.setAttribute('opacity', opac * 0.33);\n    this.setAttribute('style', 'pointer-events: none');\n    disabledElems.push(this);\n  });\n\n  canvas_.clearSelection();\n  canvas_.call('contextset', canvas_.getCurrentGroup());\n};\n\n/**\n* @memberof module:draw\n* @class Layer\n* @see {@link module:layer.Layer}\n*/\nexport {Layer};\n","/**\n * Tools for SVG sanitization\n * @module sanitize\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller\n */\n\nimport {getReverseNS, NS} from './namespaces.js';\nimport {isGecko} from './browser.js';\nimport {getHref, setHref, getUrlFromAttr} from './utilities.js';\n\nconst REVERSE_NS = getReverseNS();\n\n// this defines which elements and attributes that we support\nconst svgWhiteList_ = {\n  // SVG Elements\n  a: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'xlink:href', 'xlink:title'],\n  circle: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'r', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],\n  clipPath: ['class', 'clipPathUnits', 'id'],\n  defs: [],\n  style: ['type'],\n  desc: [],\n  ellipse: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],\n  feGaussianBlur: ['class', 'color-interpolation-filters', 'id', 'requiredFeatures', 'stdDeviation'],\n  filter: ['class', 'color-interpolation-filters', 'filterRes', 'filterUnits', 'height', 'id', 'primitiveUnits', 'requiredFeatures', 'width', 'x', 'xlink:href', 'y'],\n  foreignObject: ['class', 'font-size', 'height', 'id', 'opacity', 'requiredFeatures', 'style', 'transform', 'width', 'x', 'y'],\n  g: ['class', 'clip-path', 'clip-rule', 'id', 'display', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'font-family', 'font-size', 'font-style', 'font-weight', 'text-anchor'],\n  image: ['class', 'clip-path', 'clip-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'style', 'systemLanguage', 'transform', 'width', 'x', 'xlink:href', 'xlink:title', 'y'],\n  line: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'x1', 'x2', 'y1', 'y2'],\n  linearGradient: ['class', 'id', 'gradientTransform', 'gradientUnits', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'x1', 'x2', 'xlink:href', 'y1', 'y2'],\n  marker: ['id', 'class', 'markerHeight', 'markerUnits', 'markerWidth', 'orient', 'preserveAspectRatio', 'refX', 'refY', 'systemLanguage', 'viewBox'],\n  mask: ['class', 'height', 'id', 'maskContentUnits', 'maskUnits', 'width', 'x', 'y'],\n  metadata: ['class', 'id'],\n  path: ['class', 'clip-path', 'clip-rule', 'd', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],\n  pattern: ['class', 'height', 'id', 'patternContentUnits', 'patternTransform', 'patternUnits', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xlink:href', 'y'],\n  polygon: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'class', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],\n  polyline: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],\n  radialGradient: ['class', 'cx', 'cy', 'fx', 'fy', 'gradientTransform', 'gradientUnits', 'id', 'r', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'xlink:href'],\n  rect: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'width', 'x', 'y'],\n  stop: ['class', 'id', 'offset', 'requiredFeatures', 'stop-color', 'stop-opacity', 'style', 'systemLanguage'],\n  svg: ['class', 'clip-path', 'clip-rule', 'filter', 'id', 'height', 'mask', 'preserveAspectRatio', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xmlns', 'xmlns:se', 'xmlns:xlink', 'y'],\n  switch: ['class', 'id', 'requiredFeatures', 'systemLanguage'],\n  symbol: ['class', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'opacity', 'preserveAspectRatio', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'viewBox'],\n  text: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'transform', 'x', 'xml:space', 'y'],\n  textPath: ['class', 'id', 'method', 'requiredFeatures', 'spacing', 'startOffset', 'style', 'systemLanguage', 'transform', 'xlink:href'],\n  title: [],\n  tspan: ['class', 'clip-path', 'clip-rule', 'dx', 'dy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'rotate', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'textLength', 'transform', 'x', 'xml:space', 'y'],\n  use: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'transform', 'width', 'x', 'xlink:href', 'y'],\n\n  // MathML Elements\n  annotation: ['encoding'],\n  'annotation-xml': ['encoding'],\n  maction: ['actiontype', 'other', 'selection'],\n  math: ['class', 'id', 'display', 'xmlns'],\n  menclose: ['notation'],\n  merror: [],\n  mfrac: ['linethickness'],\n  mi: ['mathvariant'],\n  mmultiscripts: [],\n  mn: [],\n  mo: ['fence', 'lspace', 'maxsize', 'minsize', 'rspace', 'stretchy'],\n  mover: [],\n  mpadded: ['lspace', 'width', 'height', 'depth', 'voffset'],\n  mphantom: [],\n  mprescripts: [],\n  mroot: [],\n  mrow: ['xlink:href', 'xlink:type', 'xmlns:xlink'],\n  mspace: ['depth', 'height', 'width'],\n  msqrt: [],\n  mstyle: ['displaystyle', 'mathbackground', 'mathcolor', 'mathvariant', 'scriptlevel'],\n  msub: [],\n  msubsup: [],\n  msup: [],\n  mtable: ['align', 'columnalign', 'columnlines', 'columnspacing', 'displaystyle', 'equalcolumns', 'equalrows', 'frame', 'rowalign', 'rowlines', 'rowspacing', 'width'],\n  mtd: ['columnalign', 'columnspan', 'rowalign', 'rowspan'],\n  mtext: [],\n  mtr: ['columnalign', 'rowalign'],\n  munder: [],\n  munderover: [],\n  none: [],\n  semantics: []\n};\n\n// Produce a Namespace-aware version of svgWhitelist\nconst svgWhiteListNS_ = {};\nObject.entries(svgWhiteList_).forEach(function ([elt, atts]) {\n  const attNS = {};\n  Object.entries(atts).forEach(function ([i, att]) {\n    if (att.includes(':')) {\n      const v = att.split(':');\n      attNS[v[1]] = NS[(v[0]).toUpperCase()];\n    } else {\n      attNS[att] = att === 'xmlns' ? NS.XMLNS : null;\n    }\n  });\n  svgWhiteListNS_[elt] = attNS;\n});\n\n/**\n* Sanitizes the input node and its children.\n* It only keeps what is allowed from our whitelist defined above.\n* @function module:sanitize.sanitizeSvg\n* @param {Text|Element} node - The DOM element to be checked (we'll also check its children) or text node to be cleaned up\n* @returns {undefined}\n*/\nexport const sanitizeSvg = function (node) {\n  // Cleanup text nodes\n  if (node.nodeType === 3) { // 3 === TEXT_NODE\n    // Trim whitespace\n    node.nodeValue = node.nodeValue.replace(/^\\s+|\\s+$/g, '');\n    // Remove if empty\n    if (!node.nodeValue.length) {\n      node.remove();\n    }\n  }\n\n  // We only care about element nodes.\n  // Automatically return for all non-element nodes, such as comments, etc.\n  if (node.nodeType !== 1) { // 1 == ELEMENT_NODE\n    return;\n  }\n\n  const doc = node.ownerDocument;\n  const parent = node.parentNode;\n  // can parent ever be null here?  I think the root node's parent is the document...\n  if (!doc || !parent) {\n    return;\n  }\n\n  const allowedAttrs = svgWhiteList_[node.nodeName];\n  const allowedAttrsNS = svgWhiteListNS_[node.nodeName];\n  // if this element is supported, sanitize it\n  if (typeof allowedAttrs !== 'undefined') {\n    const seAttrs = [];\n    let i = node.attributes.length;\n    while (i--) {\n      // if the attribute is not in our whitelist, then remove it\n      // could use jQuery's inArray(), but I don't know if that's any better\n      const attr = node.attributes.item(i);\n      const attrName = attr.nodeName;\n      const attrLocalName = attr.localName;\n      const attrNsURI = attr.namespaceURI;\n      // Check that an attribute with the correct localName in the correct namespace is on\n      // our whitelist or is a namespace declaration for one of our allowed namespaces\n      if (!(allowedAttrsNS.hasOwnProperty(attrLocalName) && attrNsURI === allowedAttrsNS[attrLocalName] && attrNsURI !== NS.XMLNS) &&\n        !(attrNsURI === NS.XMLNS && REVERSE_NS[attr.value])) {\n        // TODO(codedread): Programmatically add the se: attributes to the NS-aware whitelist.\n        // Bypassing the whitelist to allow se: prefixes.\n        // Is there a more appropriate way to do this?\n        if (attrName.startsWith('se:') || attrName.startsWith('data-')) {\n          seAttrs.push([attrName, attr.value]);\n        }\n        node.removeAttributeNS(attrNsURI, attrLocalName);\n      }\n\n      // Add spaces before negative signs where necessary\n      if (isGecko()) {\n        switch (attrName) {\n        case 'transform':\n        case 'gradientTransform':\n        case 'patternTransform':\n          const val = attr.value.replace(/(\\d)-/g, '$1 -');\n          node.setAttribute(attrName, val);\n          break;\n        }\n      }\n\n      // For the style attribute, rewrite it in terms of XML presentational attributes\n      if (attrName === 'style') {\n        const props = attr.value.split(';');\n        let p = props.length;\n        while (p--) {\n          const [name, val] = props[p].split(':');\n          const styleAttrName = (name || '').trim();\n          const styleAttrVal = (val || '').trim();\n          // Now check that this attribute is supported\n          if (allowedAttrs.includes(styleAttrName)) {\n            node.setAttribute(styleAttrName, styleAttrVal);\n          }\n        }\n        node.removeAttribute('style');\n      }\n    }\n\n    Object.values(seAttrs).forEach(([att, val]) => {\n      node.setAttributeNS(NS.SE, att, val);\n    });\n\n    // for some elements that have a xlink:href, ensure the URI refers to a local element\n    // (but not for links)\n    const href = getHref(node);\n    if (href &&\n      ['filter', 'linearGradient', 'pattern',\n        'radialGradient', 'textPath', 'use'].includes(node.nodeName)) {\n      // TODO: we simply check if the first character is a #, is this bullet-proof?\n      if (href[0] !== '#') {\n        // remove the attribute (but keep the element)\n        setHref(node, '');\n        node.removeAttributeNS(NS.XLINK, 'href');\n      }\n    }\n\n    // Safari crashes on a <use> without a xlink:href, so we just remove the node here\n    if (node.nodeName === 'use' && !getHref(node)) {\n      node.remove();\n      return;\n    }\n    // if the element has attributes pointing to a non-local reference,\n    // need to remove the attribute\n    Object.values(['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'], function (attr) {\n      let val = node.getAttribute(attr);\n      if (val) {\n        val = getUrlFromAttr(val);\n        // simply check for first character being a '#'\n        if (val && val[0] !== '#') {\n          node.setAttribute(attr, '');\n          node.removeAttribute(attr);\n        }\n      }\n    });\n\n    // recurse to children\n    i = node.childNodes.length;\n    while (i--) { sanitizeSvg(node.childNodes.item(i)); }\n  // else (element not supported), remove it\n  } else {\n    // remove all children from this node and insert them before this node\n    // FIXME: in the case of animation elements this will hardly ever be correct\n    const children = [];\n    while (node.hasChildNodes()) {\n      children.push(parent.insertBefore(node.firstChild, node));\n    }\n\n    // remove this node from the document altogether\n    node.remove();\n\n    // call sanitizeSvg on each of those children\n    let i = children.length;\n    while (i--) { sanitizeSvg(children[i]); }\n  }\n};\n","/* globals jQuery */\n/**\n * Manipulating coordinates\n * @module coords\n * @license MIT\n */\n\nimport './svgpathseg.js';\nimport {\n  snapToGrid, assignAttributes, getBBox, getRefElem, findDefs\n} from './utilities.js';\nimport {\n  transformPoint, transformListToTransform, matrixMultiply, transformBox\n} from './math.js';\nimport {getTransformList} from './svgtransformlist.js';\n\nconst $ = jQuery;\n\n// this is how we map paths to our preferred relative segment types\nconst pathMap = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a',\n  'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];\n\n/**\n * @interface module:coords.EditorContext\n */\n/**\n * @function module:coords.EditorContext#getGridSnapping\n * @returns {boolean}\n */\n/**\n * @function module:coords.EditorContext#getDrawing\n * @returns {module:draw.Drawing}\n*/\n/**\n * @function module:coords.EditorContext#getSVGRoot\n * @returns {SVGSVGElement}\n*/\n\nlet editorContext_ = null;\n\n/**\n* @function module:coords.init\n* @param {module:coords.EditorContext} editorContext\n*/\nexport const init = function (editorContext) {\n  editorContext_ = editorContext;\n};\n\n/**\n * Applies coordinate changes to an element based on the given matrix\n * @function module:coords.remapElement\n * @implements {module:path.EditorContext#remapElement}\n*/\nexport const remapElement = function (selected, changes, m) {\n  const remap = function (x, y) { return transformPoint(x, y, m); },\n    scalew = function (w) { return m.a * w; },\n    scaleh = function (h) { return m.d * h; },\n    doSnapping = editorContext_.getGridSnapping() && selected.parentNode.parentNode.localName === 'svg',\n    finishUp = function () {\n      if (doSnapping) {\n        for (const o in changes) {\n          changes[o] = snapToGrid(changes[o]);\n        }\n      }\n      assignAttributes(selected, changes, 1000, true);\n    },\n    box = getBBox(selected);\n\n  for (let i = 0; i < 2; i++) {\n    const type = i === 0 ? 'fill' : 'stroke';\n    const attrVal = selected.getAttribute(type);\n    if (attrVal && attrVal.startsWith('url(')) {\n      if (m.a < 0 || m.d < 0) {\n        const grad = getRefElem(attrVal);\n        const newgrad = grad.cloneNode(true);\n        if (m.a < 0) {\n          // flip x\n          const x1 = newgrad.getAttribute('x1');\n          const x2 = newgrad.getAttribute('x2');\n          newgrad.setAttribute('x1', -(x1 - 1));\n          newgrad.setAttribute('x2', -(x2 - 1));\n        }\n\n        if (m.d < 0) {\n          // flip y\n          const y1 = newgrad.getAttribute('y1');\n          const y2 = newgrad.getAttribute('y2');\n          newgrad.setAttribute('y1', -(y1 - 1));\n          newgrad.setAttribute('y2', -(y2 - 1));\n        }\n        newgrad.id = editorContext_.getDrawing().getNextId();\n        findDefs().append(newgrad);\n        selected.setAttribute(type, 'url(#' + newgrad.id + ')');\n      }\n\n      // Not really working :(\n      // if (selected.tagName === 'path') {\n      //   reorientGrads(selected, m);\n      // }\n    }\n  }\n\n  const elName = selected.tagName;\n  if (elName === 'g' || elName === 'text' || elName === 'tspan' || elName === 'use') {\n    // if it was a translate, then just update x,y\n    if (m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && (m.e !== 0 || m.f !== 0)) {\n      // [T][M] = [M][T']\n      // therefore [T'] = [M_inv][T][M]\n      const existing = transformListToTransform(selected).matrix,\n        tNew = matrixMultiply(existing.inverse(), m, existing);\n      changes.x = parseFloat(changes.x) + tNew.e;\n      changes.y = parseFloat(changes.y) + tNew.f;\n    } else {\n      // we just absorb all matrices into the element and don't do any remapping\n      const chlist = getTransformList(selected);\n      const mt = editorContext_.getSVGRoot().createSVGTransform();\n      mt.setMatrix(matrixMultiply(transformListToTransform(chlist).matrix, m));\n      chlist.clear();\n      chlist.appendItem(mt);\n    }\n  }\n\n  // now we have a set of changes and an applied reduced transform list\n  // we apply the changes directly to the DOM\n  switch (elName) {\n  case 'foreignObject':\n  case 'rect':\n  case 'image': {\n    // Allow images to be inverted (give them matrix when flipped)\n    if (elName === 'image' && (m.a < 0 || m.d < 0)) {\n      // Convert to matrix\n      const chlist = getTransformList(selected);\n      const mt = editorContext_.getSVGRoot().createSVGTransform();\n      mt.setMatrix(matrixMultiply(transformListToTransform(chlist).matrix, m));\n      chlist.clear();\n      chlist.appendItem(mt);\n    } else {\n      const pt1 = remap(changes.x, changes.y);\n      changes.width = scalew(changes.width);\n      changes.height = scaleh(changes.height);\n      changes.x = pt1.x + Math.min(0, changes.width);\n      changes.y = pt1.y + Math.min(0, changes.height);\n      changes.width = Math.abs(changes.width);\n      changes.height = Math.abs(changes.height);\n    }\n    finishUp();\n    break;\n  } case 'ellipse': {\n    const c = remap(changes.cx, changes.cy);\n    changes.cx = c.x;\n    changes.cy = c.y;\n    changes.rx = scalew(changes.rx);\n    changes.ry = scaleh(changes.ry);\n    changes.rx = Math.abs(changes.rx);\n    changes.ry = Math.abs(changes.ry);\n    finishUp();\n    break;\n  } case 'circle': {\n    const c = remap(changes.cx, changes.cy);\n    changes.cx = c.x;\n    changes.cy = c.y;\n    // take the minimum of the new selected box's dimensions for the new circle radius\n    const tbox = transformBox(box.x, box.y, box.width, box.height, m);\n    const w = tbox.tr.x - tbox.tl.x, h = tbox.bl.y - tbox.tl.y;\n    changes.r = Math.min(w / 2, h / 2);\n\n    if (changes.r) { changes.r = Math.abs(changes.r); }\n    finishUp();\n    break;\n  } case 'line': {\n    const pt1 = remap(changes.x1, changes.y1);\n    const pt2 = remap(changes.x2, changes.y2);\n    changes.x1 = pt1.x;\n    changes.y1 = pt1.y;\n    changes.x2 = pt2.x;\n    changes.y2 = pt2.y;\n  } // Fallthrough\n  case 'text':\n  case 'tspan':\n  case 'use': {\n    finishUp();\n    break;\n  } case 'g': {\n    const gsvg = $(selected).data('gsvg');\n    if (gsvg) {\n      assignAttributes(gsvg, changes, 1000, true);\n    }\n    break;\n  } case 'polyline':\n  case 'polygon': {\n    const len = changes.points.length;\n    for (let i = 0; i < len; ++i) {\n      const pt = changes.points[i];\n      const {x, y} = remap(pt.x, pt.y);\n      changes.points[i].x = x;\n      changes.points[i].y = y;\n    }\n\n    // const len = changes.points.length;\n    let pstr = '';\n    for (let i = 0; i < len; ++i) {\n      const pt = changes.points[i];\n      pstr += pt.x + ',' + pt.y + ' ';\n    }\n    selected.setAttribute('points', pstr);\n    break;\n  } case 'path': {\n    const segList = selected.pathSegList;\n    let len = segList.numberOfItems;\n    changes.d = [];\n    for (let i = 0; i < len; ++i) {\n      const seg = segList.getItem(i);\n      changes.d[i] = {\n        type: seg.pathSegType,\n        x: seg.x,\n        y: seg.y,\n        x1: seg.x1,\n        y1: seg.y1,\n        x2: seg.x2,\n        y2: seg.y2,\n        r1: seg.r1,\n        r2: seg.r2,\n        angle: seg.angle,\n        largeArcFlag: seg.largeArcFlag,\n        sweepFlag: seg.sweepFlag\n      };\n    }\n\n    len = changes.d.length;\n    const firstseg = changes.d[0],\n      currentpt = remap(firstseg.x, firstseg.y);\n    changes.d[0].x = currentpt.x;\n    changes.d[0].y = currentpt.y;\n    for (let i = 1; i < len; ++i) {\n      const seg = changes.d[i];\n      const {type} = seg;\n      // if absolute or first segment, we want to remap x, y, x1, y1, x2, y2\n      // if relative, we want to scalew, scaleh\n      if (type % 2 === 0) { // absolute\n        const thisx = (seg.x !== undefined) ? seg.x : currentpt.x, // for V commands\n          thisy = (seg.y !== undefined) ? seg.y : currentpt.y; // for H commands\n        const pt = remap(thisx, thisy);\n        const pt1 = remap(seg.x1, seg.y1);\n        const pt2 = remap(seg.x2, seg.y2);\n        seg.x = pt.x;\n        seg.y = pt.y;\n        seg.x1 = pt1.x;\n        seg.y1 = pt1.y;\n        seg.x2 = pt2.x;\n        seg.y2 = pt2.y;\n        seg.r1 = scalew(seg.r1);\n        seg.r2 = scaleh(seg.r2);\n      } else { // relative\n        seg.x = scalew(seg.x);\n        seg.y = scaleh(seg.y);\n        seg.x1 = scalew(seg.x1);\n        seg.y1 = scaleh(seg.y1);\n        seg.x2 = scalew(seg.x2);\n        seg.y2 = scaleh(seg.y2);\n        seg.r1 = scalew(seg.r1);\n        seg.r2 = scaleh(seg.r2);\n      }\n    } // for each segment\n\n    let dstr = '';\n    len = changes.d.length;\n    for (let i = 0; i < len; ++i) {\n      const seg = changes.d[i];\n      const {type} = seg;\n      dstr += pathMap[type];\n      switch (type) {\n      case 13: // relative horizontal line (h)\n      case 12: // absolute horizontal line (H)\n        dstr += seg.x + ' ';\n        break;\n      case 15: // relative vertical line (v)\n      case 14: // absolute vertical line (V)\n        dstr += seg.y + ' ';\n        break;\n      case 3: // relative move (m)\n      case 5: // relative line (l)\n      case 19: // relative smooth quad (t)\n      case 2: // absolute move (M)\n      case 4: // absolute line (L)\n      case 18: // absolute smooth quad (T)\n        dstr += seg.x + ',' + seg.y + ' ';\n        break;\n      case 7: // relative cubic (c)\n      case 6: // absolute cubic (C)\n        dstr += seg.x1 + ',' + seg.y1 + ' ' + seg.x2 + ',' + seg.y2 + ' ' +\n          seg.x + ',' + seg.y + ' ';\n        break;\n      case 9: // relative quad (q)\n      case 8: // absolute quad (Q)\n        dstr += seg.x1 + ',' + seg.y1 + ' ' + seg.x + ',' + seg.y + ' ';\n        break;\n      case 11: // relative elliptical arc (a)\n      case 10: // absolute elliptical arc (A)\n        dstr += seg.r1 + ',' + seg.r2 + ' ' + seg.angle + ' ' + (+seg.largeArcFlag) +\n          ' ' + (+seg.sweepFlag) + ' ' + seg.x + ',' + seg.y + ' ';\n        break;\n      case 17: // relative smooth cubic (s)\n      case 16: // absolute smooth cubic (S)\n        dstr += seg.x2 + ',' + seg.y2 + ' ' + seg.x + ',' + seg.y + ' ';\n        break;\n      }\n    }\n\n    selected.setAttribute('d', dstr);\n    break;\n  }\n  }\n};\n","/* globals jQuery */\n/**\n * Recalculate.\n * @module recalculate\n * @license MIT\n */\n\nimport jqPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`\nimport {NS} from './namespaces.js';\nimport {convertToNum} from './units.js';\nimport {isWebkit} from './browser.js';\nimport {getTransformList} from './svgtransformlist.js';\nimport {getRotationAngle, getHref, getBBox, getRefElem} from './utilities.js';\nimport {BatchCommand, ChangeElementCommand} from './history.js';\nimport {remapElement} from './coords.js';\nimport {\n  isIdentity, matrixMultiply, transformPoint, transformListToTransform,\n  hasMatrixTransform\n} from './math.js';\n\nconst $ = jqPluginSVG(jQuery);\n\nlet context_;\n\n/**\n* @interface module:recalculate.EditorContext\n*/\n/**\n * @function module:recalculate.EditorContext#getSVGRoot\n * @returns {SVGSVGElement} The root DOM element\n */\n/**\n * @function module:recalculate.EditorContext#getStartTransform\n * @returns {string}\n*/\n/**\n * @function module:recalculate.EditorContext#setStartTransform\n * @param {string} transform\n * @returns {undefined}\n */\n\n/**\n* @function module:recalculate.init\n* @param {module:recalculate.EditorContext} editorContext\n* @returns {undefined}\n*/\nexport const init = function (editorContext) {\n  context_ = editorContext;\n};\n\n/**\n* Updates a `<clipPath>`s values based on the given translation of an element\n* @function module:recalculate.updateClipPath\n* @param {string} attr - The clip-path attribute value with the clipPath's ID\n* @param {Float} tx - The translation's x value\n* @param {Float} ty - The translation's y value\n* @returns {undefined}\n*/\nexport const updateClipPath = function (attr, tx, ty) {\n  const path = getRefElem(attr).firstChild;\n  const cpXform = getTransformList(path);\n  const newxlate = context_.getSVGRoot().createSVGTransform();\n  newxlate.setTranslate(tx, ty);\n\n  cpXform.appendItem(newxlate);\n\n  // Update clipPath's dimensions\n  recalculateDimensions(path);\n};\n\n/**\n* Decides the course of action based on the element's transform list\n* @function module:recalculate.recalculateDimensions\n* @param {Element} selected - The DOM element to recalculate\n* @returns {Command} Undo command object with the resulting change\n*/\nexport const recalculateDimensions = function (selected) {\n  if (selected == null) { return null; }\n\n  // Firefox Issue - 1081\n  if (selected.nodeName === 'svg' && navigator.userAgent.includes('Firefox/20')) {\n    return null;\n  }\n\n  const svgroot = context_.getSVGRoot();\n  const tlist = getTransformList(selected);\n\n  // remove any unnecessary transforms\n  if (tlist && tlist.numberOfItems > 0) {\n    let k = tlist.numberOfItems;\n    const noi = k;\n    while (k--) {\n      const xform = tlist.getItem(k);\n      if (xform.type === 0) {\n        tlist.removeItem(k);\n      // remove identity matrices\n      } else if (xform.type === 1) {\n        if (isIdentity(xform.matrix)) {\n          if (noi === 1) {\n            // Overcome Chrome bug (though only when noi is 1) with\n            //    `removeItem` preventing `removeAttribute` from\n            //    subsequently working\n            // See https://bugs.chromium.org/p/chromium/issues/detail?id=843901\n            selected.removeAttribute('transform');\n            return null;\n          }\n          tlist.removeItem(k);\n        }\n      // remove zero-degree rotations\n      } else if (xform.type === 4) {\n        if (xform.angle === 0) {\n          tlist.removeItem(k);\n        }\n      }\n    }\n    // End here if all it has is a rotation\n    if (tlist.numberOfItems === 1 &&\n        getRotationAngle(selected)) { return null; }\n  }\n\n  // if this element had no transforms, we are done\n  if (!tlist || tlist.numberOfItems === 0) {\n    // Chrome apparently had a bug that requires clearing the attribute first.\n    selected.setAttribute('transform', '');\n    // However, this still next line currently doesn't work at all in Chrome\n    selected.removeAttribute('transform');\n    // selected.transform.baseVal.clear(); // Didn't help for Chrome bug\n    return null;\n  }\n\n  // TODO: Make this work for more than 2\n  if (tlist) {\n    let mxs = [];\n    let k = tlist.numberOfItems;\n    while (k--) {\n      const xform = tlist.getItem(k);\n      if (xform.type === 1) {\n        mxs.push([xform.matrix, k]);\n      } else if (mxs.length) {\n        mxs = [];\n      }\n    }\n    if (mxs.length === 2) {\n      const mNew = svgroot.createSVGTransformFromMatrix(matrixMultiply(mxs[1][0], mxs[0][0]));\n      tlist.removeItem(mxs[0][1]);\n      tlist.removeItem(mxs[1][1]);\n      tlist.insertItemBefore(mNew, mxs[1][1]);\n    }\n\n    // combine matrix + translate\n    k = tlist.numberOfItems;\n    if (k >= 2 && tlist.getItem(k - 2).type === 1 && tlist.getItem(k - 1).type === 2) {\n      const mt = svgroot.createSVGTransform();\n\n      const m = matrixMultiply(\n        tlist.getItem(k - 2).matrix,\n        tlist.getItem(k - 1).matrix);\n      mt.setMatrix(m);\n      tlist.removeItem(k - 2);\n      tlist.removeItem(k - 2);\n      tlist.appendItem(mt);\n    }\n  }\n\n  // If it still has a single [M] or [R][M], return null too (prevents BatchCommand from being returned).\n  switch (selected.tagName) {\n  // Ignore these elements, as they can absorb the [M]\n  case 'line':\n  case 'polyline':\n  case 'polygon':\n  case 'path':\n    break;\n  default:\n    if ((tlist.numberOfItems === 1 && tlist.getItem(0).type === 1) ||\n        (tlist.numberOfItems === 2 && tlist.getItem(0).type === 1 && tlist.getItem(0).type === 4)) {\n      return null;\n    }\n  }\n\n  // Grouped SVG element\n  const gsvg = $(selected).data('gsvg');\n\n  // we know we have some transforms, so set up return variable\n  const batchCmd = new BatchCommand('Transform');\n\n  // store initial values that will be affected by reducing the transform list\n  let changes = {};\n  let initial = null;\n  let attrs = [];\n  switch (selected.tagName) {\n  case 'line':\n    attrs = ['x1', 'y1', 'x2', 'y2'];\n    break;\n  case 'circle':\n    attrs = ['cx', 'cy', 'r'];\n    break;\n  case 'ellipse':\n    attrs = ['cx', 'cy', 'rx', 'ry'];\n    break;\n  case 'foreignObject':\n  case 'rect':\n  case 'image':\n    attrs = ['width', 'height', 'x', 'y'];\n    break;\n  case 'use':\n  case 'text':\n  case 'tspan':\n    attrs = ['x', 'y'];\n    break;\n  case 'polygon':\n  case 'polyline': {\n    initial = {};\n    initial.points = selected.getAttribute('points');\n    const list = selected.points;\n    const len = list.numberOfItems;\n    changes.points = new Array(len);\n    for (let i = 0; i < len; ++i) {\n      const pt = list.getItem(i);\n      changes.points[i] = {x: pt.x, y: pt.y};\n    }\n    break;\n  } case 'path':\n    initial = {};\n    initial.d = selected.getAttribute('d');\n    changes.d = selected.getAttribute('d');\n    break;\n  } // switch on element type to get initial values\n\n  if (attrs.length) {\n    changes = $(selected).attr(attrs);\n    $.each(changes, function (attr, val) {\n      changes[attr] = convertToNum(attr, val);\n    });\n  } else if (gsvg) {\n    // GSVG exception\n    changes = {\n      x: $(gsvg).attr('x') || 0,\n      y: $(gsvg).attr('y') || 0\n    };\n  }\n\n  // if we haven't created an initial array in polygon/polyline/path, then\n  // make a copy of initial values and include the transform\n  if (initial == null) {\n    initial = $.extend(true, {}, changes);\n    $.each(initial, function (attr, val) {\n      initial[attr] = convertToNum(attr, val);\n    });\n  }\n  // save the start transform value too\n  initial.transform = context_.getStartTransform() || '';\n\n  let oldcenter, newcenter;\n\n  // if it's a regular group, we have special processing to flatten transforms\n  if ((selected.tagName === 'g' && !gsvg) || selected.tagName === 'a') {\n    const box = getBBox(selected);\n\n    oldcenter = {x: box.x + box.width / 2, y: box.y + box.height / 2};\n    newcenter = transformPoint(\n      box.x + box.width / 2,\n      box.y + box.height / 2,\n      transformListToTransform(tlist).matrix\n    );\n    let m = svgroot.createSVGMatrix();\n\n    // temporarily strip off the rotate and save the old center\n    const gangle = getRotationAngle(selected);\n    if (gangle) {\n      const a = gangle * Math.PI / 180;\n      let s;\n      if (Math.abs(a) > (1.0e-10)) {\n        s = Math.sin(a) / (1 - Math.cos(a));\n      } else {\n        // FIXME: This blows up if the angle is exactly 0!\n        s = 2 / a;\n      }\n      for (let i = 0; i < tlist.numberOfItems; ++i) {\n        const xform = tlist.getItem(i);\n        if (xform.type === 4) {\n          // extract old center through mystical arts\n          const rm = xform.matrix;\n          oldcenter.y = (s * rm.e + rm.f) / 2;\n          oldcenter.x = (rm.e - s * rm.f) / 2;\n          tlist.removeItem(i);\n          break;\n        }\n      }\n    }\n    const N = tlist.numberOfItems;\n    let tx = 0, ty = 0, operation = 0;\n\n    let firstM;\n    if (N) {\n      firstM = tlist.getItem(0).matrix;\n    }\n\n    let oldStartTransform;\n    // first, if it was a scale then the second-last transform will be it\n    if (N >= 3 && tlist.getItem(N - 2).type === 3 &&\n      tlist.getItem(N - 3).type === 2 && tlist.getItem(N - 1).type === 2) {\n      operation = 3; // scale\n\n      // if the children are unrotated, pass the scale down directly\n      // otherwise pass the equivalent matrix() down directly\n      const tm = tlist.getItem(N - 3).matrix,\n        sm = tlist.getItem(N - 2).matrix,\n        tmn = tlist.getItem(N - 1).matrix;\n\n      const children = selected.childNodes;\n      let c = children.length;\n      while (c--) {\n        const child = children.item(c);\n        tx = 0;\n        ty = 0;\n        if (child.nodeType === 1) {\n          const childTlist = getTransformList(child);\n\n          // some children might not have a transform (<metadata>, <defs>, etc)\n          if (!childTlist) { continue; }\n\n          const m = transformListToTransform(childTlist).matrix;\n\n          // Convert a matrix to a scale if applicable\n          // if (hasMatrixTransform(childTlist) && childTlist.numberOfItems == 1) {\n          //   if (m.b==0 && m.c==0 && m.e==0 && m.f==0) {\n          //     childTlist.removeItem(0);\n          //     const translateOrigin = svgroot.createSVGTransform(),\n          //       scale = svgroot.createSVGTransform(),\n          //       translateBack = svgroot.createSVGTransform();\n          //     translateOrigin.setTranslate(0, 0);\n          //     scale.setScale(m.a, m.d);\n          //     translateBack.setTranslate(0, 0);\n          //     childTlist.appendItem(translateBack);\n          //     childTlist.appendItem(scale);\n          //     childTlist.appendItem(translateOrigin);\n          //   }\n          // }\n\n          const angle = getRotationAngle(child);\n          oldStartTransform = context_.getStartTransform();\n          const childxforms = [];\n          context_.setStartTransform(child.getAttribute('transform'));\n          if (angle || hasMatrixTransform(childTlist)) {\n            const e2t = svgroot.createSVGTransform();\n            e2t.setMatrix(matrixMultiply(tm, sm, tmn, m));\n            childTlist.clear();\n            childTlist.appendItem(e2t);\n            childxforms.push(e2t);\n          // if not rotated or skewed, push the [T][S][-T] down to the child\n          } else {\n            // update the transform list with translate,scale,translate\n\n            // slide the [T][S][-T] from the front to the back\n            // [T][S][-T][M] = [M][T2][S2][-T2]\n\n            // (only bringing [-T] to the right of [M])\n            // [T][S][-T][M] = [T][S][M][-T2]\n            // [-T2] = [M_inv][-T][M]\n            const t2n = matrixMultiply(m.inverse(), tmn, m);\n            // [T2] is always negative translation of [-T2]\n            const t2 = svgroot.createSVGMatrix();\n            t2.e = -t2n.e;\n            t2.f = -t2n.f;\n\n            // [T][S][-T][M] = [M][T2][S2][-T2]\n            // [S2] = [T2_inv][M_inv][T][S][-T][M][-T2_inv]\n            const s2 = matrixMultiply(t2.inverse(), m.inverse(), tm, sm, tmn, m, t2n.inverse());\n\n            const translateOrigin = svgroot.createSVGTransform(),\n              scale = svgroot.createSVGTransform(),\n              translateBack = svgroot.createSVGTransform();\n            translateOrigin.setTranslate(t2n.e, t2n.f);\n            scale.setScale(s2.a, s2.d);\n            translateBack.setTranslate(t2.e, t2.f);\n            childTlist.appendItem(translateBack);\n            childTlist.appendItem(scale);\n            childTlist.appendItem(translateOrigin);\n            childxforms.push(translateBack);\n            childxforms.push(scale);\n            childxforms.push(translateOrigin);\n            // logMatrix(translateBack.matrix);\n            // logMatrix(scale.matrix);\n          } // not rotated\n          batchCmd.addSubCommand(recalculateDimensions(child));\n          // TODO: If any <use> have this group as a parent and are\n          // referencing this child, then we need to impose a reverse\n          // scale on it so that when it won't get double-translated\n          // const uses = selected.getElementsByTagNameNS(NS.SVG, 'use');\n          // const href = '#' + child.id;\n          // let u = uses.length;\n          // while (u--) {\n          //   const useElem = uses.item(u);\n          //   if (href == getHref(useElem)) {\n          //     const usexlate = svgroot.createSVGTransform();\n          //     usexlate.setTranslate(-tx,-ty);\n          //     getTransformList(useElem).insertItemBefore(usexlate,0);\n          //     batchCmd.addSubCommand( recalculateDimensions(useElem) );\n          //   }\n          // }\n          context_.setStartTransform(oldStartTransform);\n        } // element\n      } // for each child\n      // Remove these transforms from group\n      tlist.removeItem(N - 1);\n      tlist.removeItem(N - 2);\n      tlist.removeItem(N - 3);\n    } else if (N >= 3 && tlist.getItem(N - 1).type === 1) {\n      operation = 3; // scale\n      m = transformListToTransform(tlist).matrix;\n      const e2t = svgroot.createSVGTransform();\n      e2t.setMatrix(m);\n      tlist.clear();\n      tlist.appendItem(e2t);\n    // next, check if the first transform was a translate\n    // if we had [ T1 ] [ M ] we want to transform this into [ M ] [ T2 ]\n    // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ]\n    } else if ((N === 1 || (N > 1 && tlist.getItem(1).type !== 3)) &&\n      tlist.getItem(0).type === 2) {\n      operation = 2; // translate\n      const T_M = transformListToTransform(tlist).matrix;\n      tlist.removeItem(0);\n      const mInv = transformListToTransform(tlist).matrix.inverse();\n      const M2 = matrixMultiply(mInv, T_M);\n\n      tx = M2.e;\n      ty = M2.f;\n\n      if (tx !== 0 || ty !== 0) {\n        // we pass the translates down to the individual children\n        const children = selected.childNodes;\n        let c = children.length;\n\n        let clipPathsDone = [];\n\n        while (c--) {\n          const child = children.item(c);\n          if (child.nodeType === 1) {\n            // Check if child has clip-path\n            if (child.getAttribute('clip-path')) {\n              // tx, ty\n              const attr = child.getAttribute('clip-path');\n              if (!clipPathsDone.includes(attr)) {\n                updateClipPath(attr, tx, ty);\n                clipPathsDone.push(attr);\n              }\n            }\n\n            oldStartTransform = context_.getStartTransform();\n            context_.setStartTransform(child.getAttribute('transform'));\n\n            const childTlist = getTransformList(child);\n            // some children might not have a transform (<metadata>, <defs>, etc)\n            if (childTlist) {\n              const newxlate = svgroot.createSVGTransform();\n              newxlate.setTranslate(tx, ty);\n              if (childTlist.numberOfItems) {\n                childTlist.insertItemBefore(newxlate, 0);\n              } else {\n                childTlist.appendItem(newxlate);\n              }\n              batchCmd.addSubCommand(recalculateDimensions(child));\n              // If any <use> have this group as a parent and are\n              // referencing this child, then impose a reverse translate on it\n              // so that when it won't get double-translated\n              const uses = selected.getElementsByTagNameNS(NS.SVG, 'use');\n              const href = '#' + child.id;\n              let u = uses.length;\n              while (u--) {\n                const useElem = uses.item(u);\n                if (href === getHref(useElem)) {\n                  const usexlate = svgroot.createSVGTransform();\n                  usexlate.setTranslate(-tx, -ty);\n                  getTransformList(useElem).insertItemBefore(usexlate, 0);\n                  batchCmd.addSubCommand(recalculateDimensions(useElem));\n                }\n              }\n              context_.setStartTransform(oldStartTransform);\n            }\n          }\n        }\n\n        clipPathsDone = [];\n        context_.setStartTransform(oldStartTransform);\n      }\n    // else, a matrix imposition from a parent group\n    // keep pushing it down to the children\n    } else if (N === 1 && tlist.getItem(0).type === 1 && !gangle) {\n      operation = 1;\n      const m = tlist.getItem(0).matrix,\n        children = selected.childNodes;\n      let c = children.length;\n      while (c--) {\n        const child = children.item(c);\n        if (child.nodeType === 1) {\n          oldStartTransform = context_.getStartTransform();\n          context_.setStartTransform(child.getAttribute('transform'));\n          const childTlist = getTransformList(child);\n\n          if (!childTlist) { continue; }\n\n          const em = matrixMultiply(m, transformListToTransform(childTlist).matrix);\n          const e2m = svgroot.createSVGTransform();\n          e2m.setMatrix(em);\n          childTlist.clear();\n          childTlist.appendItem(e2m, 0);\n\n          batchCmd.addSubCommand(recalculateDimensions(child));\n          context_.setStartTransform(oldStartTransform);\n\n          // Convert stroke\n          // TODO: Find out if this should actually happen somewhere else\n          const sw = child.getAttribute('stroke-width');\n          if (child.getAttribute('stroke') !== 'none' && !isNaN(sw)) {\n            const avg = (Math.abs(em.a) + Math.abs(em.d)) / 2;\n            child.setAttribute('stroke-width', sw * avg);\n          }\n        }\n      }\n      tlist.clear();\n    // else it was just a rotate\n    } else {\n      if (gangle) {\n        const newRot = svgroot.createSVGTransform();\n        newRot.setRotate(gangle, newcenter.x, newcenter.y);\n        if (tlist.numberOfItems) {\n          tlist.insertItemBefore(newRot, 0);\n        } else {\n          tlist.appendItem(newRot);\n        }\n      }\n      if (tlist.numberOfItems === 0) {\n        selected.removeAttribute('transform');\n      }\n      return null;\n    }\n\n    // if it was a translate, put back the rotate at the new center\n    if (operation === 2) {\n      if (gangle) {\n        newcenter = {\n          x: oldcenter.x + firstM.e,\n          y: oldcenter.y + firstM.f\n        };\n\n        const newRot = svgroot.createSVGTransform();\n        newRot.setRotate(gangle, newcenter.x, newcenter.y);\n        if (tlist.numberOfItems) {\n          tlist.insertItemBefore(newRot, 0);\n        } else {\n          tlist.appendItem(newRot);\n        }\n      }\n    // if it was a resize\n    } else if (operation === 3) {\n      const m = transformListToTransform(tlist).matrix;\n      const roldt = svgroot.createSVGTransform();\n      roldt.setRotate(gangle, oldcenter.x, oldcenter.y);\n      const rold = roldt.matrix;\n      const rnew = svgroot.createSVGTransform();\n      rnew.setRotate(gangle, newcenter.x, newcenter.y);\n      const rnewInv = rnew.matrix.inverse(),\n        mInv = m.inverse(),\n        extrat = matrixMultiply(mInv, rnewInv, rold, m);\n\n      tx = extrat.e;\n      ty = extrat.f;\n\n      if (tx !== 0 || ty !== 0) {\n        // now push this transform down to the children\n        // we pass the translates down to the individual children\n        const children = selected.childNodes;\n        let c = children.length;\n        while (c--) {\n          const child = children.item(c);\n          if (child.nodeType === 1) {\n            oldStartTransform = context_.getStartTransform();\n            context_.setStartTransform(child.getAttribute('transform'));\n            const childTlist = getTransformList(child);\n            const newxlate = svgroot.createSVGTransform();\n            newxlate.setTranslate(tx, ty);\n            if (childTlist.numberOfItems) {\n              childTlist.insertItemBefore(newxlate, 0);\n            } else {\n              childTlist.appendItem(newxlate);\n            }\n\n            batchCmd.addSubCommand(recalculateDimensions(child));\n            context_.setStartTransform(oldStartTransform);\n          }\n        }\n      }\n\n      if (gangle) {\n        if (tlist.numberOfItems) {\n          tlist.insertItemBefore(rnew, 0);\n        } else {\n          tlist.appendItem(rnew);\n        }\n      }\n    }\n  // else, it's a non-group\n  } else {\n    // FIXME: box might be null for some elements (<metadata> etc), need to handle this\n    const box = getBBox(selected);\n\n    // Paths (and possbly other shapes) will have no BBox while still in <defs>,\n    // but we still may need to recalculate them (see issue 595).\n    // TODO: Figure out how to get BBox from these elements in case they\n    // have a rotation transform\n\n    if (!box && selected.tagName !== 'path') return null;\n\n    let m = svgroot.createSVGMatrix();\n    // temporarily strip off the rotate and save the old center\n    const angle = getRotationAngle(selected);\n    if (angle) {\n      oldcenter = {x: box.x + box.width / 2, y: box.y + box.height / 2};\n      newcenter = transformPoint(\n        box.x + box.width / 2,\n        box.y + box.height / 2,\n        transformListToTransform(tlist).matrix\n      );\n\n      const a = angle * Math.PI / 180;\n      const s = (Math.abs(a) > (1.0e-10))\n        ? Math.sin(a) / (1 - Math.cos(a))\n        // FIXME: This blows up if the angle is exactly 0!\n        : 2 / a;\n\n      for (let i = 0; i < tlist.numberOfItems; ++i) {\n        const xform = tlist.getItem(i);\n        if (xform.type === 4) {\n          // extract old center through mystical arts\n          const rm = xform.matrix;\n          oldcenter.y = (s * rm.e + rm.f) / 2;\n          oldcenter.x = (rm.e - s * rm.f) / 2;\n          tlist.removeItem(i);\n          break;\n        }\n      }\n    }\n\n    // 2 = translate, 3 = scale, 4 = rotate, 1 = matrix imposition\n    let operation = 0;\n    const N = tlist.numberOfItems;\n\n    // Check if it has a gradient with userSpaceOnUse, in which case\n    // adjust it by recalculating the matrix transform.\n    // TODO: Make this work in Webkit using transformlist.SVGTransformList\n    if (!isWebkit()) {\n      const fill = selected.getAttribute('fill');\n      if (fill && fill.startsWith('url(')) {\n        const paint = getRefElem(fill);\n        let type = 'pattern';\n        if (paint.tagName !== type) type = 'gradient';\n        const attrVal = paint.getAttribute(type + 'Units');\n        if (attrVal === 'userSpaceOnUse') {\n          // Update the userSpaceOnUse element\n          m = transformListToTransform(tlist).matrix;\n          const gtlist = getTransformList(paint);\n          const gmatrix = transformListToTransform(gtlist).matrix;\n          m = matrixMultiply(m, gmatrix);\n          const mStr = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')';\n          paint.setAttribute(type + 'Transform', mStr);\n        }\n      }\n    }\n\n    // first, if it was a scale of a non-skewed element, then the second-last\n    // transform will be the [S]\n    // if we had [M][T][S][T] we want to extract the matrix equivalent of\n    // [T][S][T] and push it down to the element\n    if (N >= 3 && tlist.getItem(N - 2).type === 3 &&\n      tlist.getItem(N - 3).type === 2 && tlist.getItem(N - 1).type === 2) {\n      // Removed this so a <use> with a given [T][S][T] would convert to a matrix.\n      // Is that bad?\n      //  && selected.nodeName != 'use'\n      operation = 3; // scale\n      m = transformListToTransform(tlist, N - 3, N - 1).matrix;\n      tlist.removeItem(N - 1);\n      tlist.removeItem(N - 2);\n      tlist.removeItem(N - 3);\n    // if we had [T][S][-T][M], then this was a skewed element being resized\n    // Thus, we simply combine it all into one matrix\n    } else if (N === 4 && tlist.getItem(N - 1).type === 1) {\n      operation = 3; // scale\n      m = transformListToTransform(tlist).matrix;\n      const e2t = svgroot.createSVGTransform();\n      e2t.setMatrix(m);\n      tlist.clear();\n      tlist.appendItem(e2t);\n      // reset the matrix so that the element is not re-mapped\n      m = svgroot.createSVGMatrix();\n    // if we had [R][T][S][-T][M], then this was a rotated matrix-element\n    // if we had [T1][M] we want to transform this into [M][T2]\n    // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ] and we can push [T2]\n    // down to the element\n    } else if ((N === 1 || (N > 1 && tlist.getItem(1).type !== 3)) &&\n      tlist.getItem(0).type === 2) {\n      operation = 2; // translate\n      const oldxlate = tlist.getItem(0).matrix,\n        meq = transformListToTransform(tlist, 1).matrix,\n        meqInv = meq.inverse();\n      m = matrixMultiply(meqInv, oldxlate, meq);\n      tlist.removeItem(0);\n    // else if this child now has a matrix imposition (from a parent group)\n    // we might be able to simplify\n    } else if (N === 1 && tlist.getItem(0).type === 1 && !angle) {\n      // Remap all point-based elements\n      m = transformListToTransform(tlist).matrix;\n      switch (selected.tagName) {\n      case 'line':\n        changes = $(selected).attr(['x1', 'y1', 'x2', 'y2']);\n        // Fallthrough\n      case 'polyline':\n      case 'polygon':\n        changes.points = selected.getAttribute('points');\n        if (changes.points) {\n          const list = selected.points;\n          const len = list.numberOfItems;\n          changes.points = new Array(len);\n          for (let i = 0; i < len; ++i) {\n            const pt = list.getItem(i);\n            changes.points[i] = {x: pt.x, y: pt.y};\n          }\n        }\n        // Fallthrough\n      case 'path':\n        changes.d = selected.getAttribute('d');\n        operation = 1;\n        tlist.clear();\n        break;\n      default:\n        break;\n      }\n    // if it was a rotation, put the rotate back and return without a command\n    // (this function has zero work to do for a rotate())\n    } else {\n      operation = 4; // rotation\n      if (angle) {\n        const newRot = svgroot.createSVGTransform();\n        newRot.setRotate(angle, newcenter.x, newcenter.y);\n\n        if (tlist.numberOfItems) {\n          tlist.insertItemBefore(newRot, 0);\n        } else {\n          tlist.appendItem(newRot);\n        }\n      }\n      if (tlist.numberOfItems === 0) {\n        selected.removeAttribute('transform');\n      }\n      return null;\n    }\n\n    // if it was a translate or resize, we need to remap the element and absorb the xform\n    if (operation === 1 || operation === 2 || operation === 3) {\n      remapElement(selected, changes, m);\n    } // if we are remapping\n\n    // if it was a translate, put back the rotate at the new center\n    if (operation === 2) {\n      if (angle) {\n        if (!hasMatrixTransform(tlist)) {\n          newcenter = {\n            x: oldcenter.x + m.e,\n            y: oldcenter.y + m.f\n          };\n        }\n        const newRot = svgroot.createSVGTransform();\n        newRot.setRotate(angle, newcenter.x, newcenter.y);\n        if (tlist.numberOfItems) {\n          tlist.insertItemBefore(newRot, 0);\n        } else {\n          tlist.appendItem(newRot);\n        }\n      }\n      // We have special processing for tspans:  Tspans are not transformable\n      // but they can have x,y coordinates (sigh).  Thus, if this was a translate,\n      // on a text element, also translate any tspan children.\n      if (selected.tagName === 'text') {\n        const children = selected.childNodes;\n        let c = children.length;\n        while (c--) {\n          const child = children.item(c);\n          if (child.tagName === 'tspan') {\n            const tspanChanges = {\n              x: $(child).attr('x') || 0,\n              y: $(child).attr('y') || 0\n            };\n            remapElement(child, tspanChanges, m);\n          }\n        }\n      }\n    // [Rold][M][T][S][-T] became [Rold][M]\n    // we want it to be [Rnew][M][Tr] where Tr is the\n    // translation required to re-center it\n    // Therefore, [Tr] = [M_inv][Rnew_inv][Rold][M]\n    } else if (operation === 3 && angle) {\n      const m = transformListToTransform(tlist).matrix;\n      const roldt = svgroot.createSVGTransform();\n      roldt.setRotate(angle, oldcenter.x, oldcenter.y);\n      const rold = roldt.matrix;\n      const rnew = svgroot.createSVGTransform();\n      rnew.setRotate(angle, newcenter.x, newcenter.y);\n      const rnewInv = rnew.matrix.inverse();\n      const mInv = m.inverse();\n      const extrat = matrixMultiply(mInv, rnewInv, rold, m);\n\n      remapElement(selected, changes, extrat);\n      if (angle) {\n        if (tlist.numberOfItems) {\n          tlist.insertItemBefore(rnew, 0);\n        } else {\n          tlist.appendItem(rnew);\n        }\n      }\n    }\n  } // a non-group\n\n  // if the transform list has been emptied, remove it\n  if (tlist.numberOfItems === 0) {\n    selected.removeAttribute('transform');\n  }\n\n  batchCmd.addSubCommand(new ChangeElementCommand(selected, initial));\n\n  return batchCmd;\n};\n","/* globals jQuery */\n/**\n * DOM element selection box tools\n * @module select\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller\n */\n\nimport {isTouch, isWebkit} from './browser.js'; // , isOpera\nimport {getRotationAngle, getBBox, getStrokedBBox} from './utilities.js';\nimport {transformListToTransform, transformBox, transformPoint} from './math.js';\nimport {getTransformList} from './svgtransformlist.js';\n\nconst $ = jQuery;\n\nlet svgFactory_;\nlet config_;\nlet selectorManager_; // A Singleton\nconst gripRadius = isTouch() ? 10 : 4;\n\n/**\n* Private class for DOM element selection boxes\n*/\nexport class Selector {\n  /**\n  * @param {Integer} id - Internally identify the selector\n  * @param {Element} elem - DOM element associated with this selector\n  * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for initialization (prevents duplicate `getBBox` call).\n  */\n  constructor (id, elem, bbox) {\n    // this is the selector's unique number\n    this.id = id;\n\n    // this holds a reference to the element for which this selector is being used\n    this.selectedElement = elem;\n\n    // this is a flag used internally to track whether the selector is being used or not\n    this.locked = true;\n\n    // this holds a reference to the <g> element that holds all visual elements of the selector\n    this.selectorGroup = svgFactory_.createSVGElement({\n      element: 'g',\n      attr: {id: ('selectorGroup' + this.id)}\n    });\n\n    // this holds a reference to the path rect\n    this.selectorRect = this.selectorGroup.appendChild(\n      svgFactory_.createSVGElement({\n        element: 'path',\n        attr: {\n          id: ('selectedBox' + this.id),\n          fill: 'none',\n          stroke: '#22C',\n          'stroke-width': '1',\n          'stroke-dasharray': '5,5',\n          // need to specify this so that the rect is not selectable\n          style: 'pointer-events:none'\n        }\n      })\n    );\n\n    // this holds a reference to the grip coordinates for this selector\n    this.gripCoords = {\n      nw: null,\n      n: null,\n      ne: null,\n      e: null,\n      se: null,\n      s: null,\n      sw: null,\n      w: null\n    };\n\n    this.reset(this.selectedElement, bbox);\n  }\n\n  /**\n  * Used to reset the id and element that the selector is attached to\n  * @param {Element} e - DOM element associated with this selector\n  * @param {module:utilities.BBoxObject} bbox - Optional bbox to use for reset (prevents duplicate getBBox call).\n  */\n  reset (e, bbox) {\n    this.locked = true;\n    this.selectedElement = e;\n    this.resize(bbox);\n    this.selectorGroup.setAttribute('display', 'inline');\n  }\n\n  /**\n  * Updates cursors for corner grips on rotation so arrows point the right way\n  * @param {Float} angle - Current rotation angle in degrees\n  */\n  updateGripCursors (angle) {\n    let dir;\n    const dirArr = [];\n    let steps = Math.round(angle / 45);\n    if (steps < 0) { steps += 8; }\n    for (dir in selectorManager_.selectorGrips) {\n      dirArr.push(dir);\n    }\n    while (steps > 0) {\n      dirArr.push(dirArr.shift());\n      steps--;\n    }\n    let i = 0;\n    for (dir in selectorManager_.selectorGrips) {\n      selectorManager_.selectorGrips[dir].setAttribute('style', ('cursor:' + dirArr[i] + '-resize'));\n      i++;\n    }\n  }\n\n  /**\n  * Show the resize grips of this selector\n  *\n  * @param {boolean} show - Indicates whether grips should be shown or not\n  */\n  showGrips (show) {\n    const bShow = show ? 'inline' : 'none';\n    selectorManager_.selectorGripsGroup.setAttribute('display', bShow);\n    const elem = this.selectedElement;\n    this.hasGrips = show;\n    if (elem && show) {\n      this.selectorGroup.append(selectorManager_.selectorGripsGroup);\n      this.updateGripCursors(getRotationAngle(elem));\n    }\n  }\n\n  /**\n  * Updates the selector to match the element's size\n  * @param {module:utilities.BBoxObject} [bbox] - BBox to use for resize (prevents duplicate getBBox call).\n  */\n  resize (bbox) {\n    const selectedBox = this.selectorRect,\n      mgr = selectorManager_,\n      selectedGrips = mgr.selectorGrips,\n      selected = this.selectedElement,\n      sw = selected.getAttribute('stroke-width'),\n      currentZoom = svgFactory_.getCurrentZoom();\n    let offset = 1 / currentZoom;\n    if (selected.getAttribute('stroke') !== 'none' && !isNaN(sw)) {\n      offset += (sw / 2);\n    }\n\n    const {tagName} = selected;\n    if (tagName === 'text') {\n      offset += 2 / currentZoom;\n    }\n\n    // loop and transform our bounding box until we reach our first rotation\n    const tlist = getTransformList(selected);\n    const m = transformListToTransform(tlist).matrix;\n\n    // This should probably be handled somewhere else, but for now\n    // it keeps the selection box correctly positioned when zoomed\n    m.e *= currentZoom;\n    m.f *= currentZoom;\n\n    if (!bbox) {\n      bbox = getBBox(selected);\n    }\n    // TODO: getBBox (previous line) already knows to call getStrokedBBox when tagName === 'g'. Remove this?\n    // TODO: getBBox doesn't exclude 'gsvg' and calls getStrokedBBox for any 'g'. Should getBBox be updated?\n    if (tagName === 'g' && !$.data(selected, 'gsvg')) {\n      // The bbox for a group does not include stroke vals, so we\n      // get the bbox based on its children.\n      const strokedBbox = getStrokedBBox([selected.childNodes]);\n      if (strokedBbox) {\n        bbox = strokedBbox;\n      }\n    }\n\n    // apply the transforms\n    const l = bbox.x, t = bbox.y, w = bbox.width, h = bbox.height;\n    bbox = {x: l, y: t, width: w, height: h};\n\n    // we need to handle temporary transforms too\n    // if skewed, get its transformed box, then find its axis-aligned bbox\n\n    // *\n    offset *= currentZoom;\n\n    const nbox = transformBox(l * currentZoom, t * currentZoom, w * currentZoom, h * currentZoom, m),\n      {aabox} = nbox;\n    let nbax = aabox.x - offset,\n      nbay = aabox.y - offset,\n      nbaw = aabox.width + (offset * 2),\n      nbah = aabox.height + (offset * 2);\n\n    // now if the shape is rotated, un-rotate it\n    const cx = nbax + nbaw / 2,\n      cy = nbay + nbah / 2;\n\n    const angle = getRotationAngle(selected);\n    if (angle) {\n      const rot = svgFactory_.svgRoot().createSVGTransform();\n      rot.setRotate(-angle, cx, cy);\n      const rotm = rot.matrix;\n      nbox.tl = transformPoint(nbox.tl.x, nbox.tl.y, rotm);\n      nbox.tr = transformPoint(nbox.tr.x, nbox.tr.y, rotm);\n      nbox.bl = transformPoint(nbox.bl.x, nbox.bl.y, rotm);\n      nbox.br = transformPoint(nbox.br.x, nbox.br.y, rotm);\n\n      // calculate the axis-aligned bbox\n      const {tl} = nbox;\n      let minx = tl.x,\n        miny = tl.y,\n        maxx = tl.x,\n        maxy = tl.y;\n\n      const {min, max} = Math;\n\n      minx = min(minx, min(nbox.tr.x, min(nbox.bl.x, nbox.br.x))) - offset;\n      miny = min(miny, min(nbox.tr.y, min(nbox.bl.y, nbox.br.y))) - offset;\n      maxx = max(maxx, max(nbox.tr.x, max(nbox.bl.x, nbox.br.x))) + offset;\n      maxy = max(maxy, max(nbox.tr.y, max(nbox.bl.y, nbox.br.y))) + offset;\n\n      nbax = minx;\n      nbay = miny;\n      nbaw = (maxx - minx);\n      nbah = (maxy - miny);\n    }\n\n    const dstr = 'M' + nbax + ',' + nbay +\n      ' L' + (nbax + nbaw) + ',' + nbay +\n      ' ' + (nbax + nbaw) + ',' + (nbay + nbah) +\n      ' ' + nbax + ',' + (nbay + nbah) + 'z';\n    selectedBox.setAttribute('d', dstr);\n\n    const xform = angle ? 'rotate(' + [angle, cx, cy].join(',') + ')' : '';\n    this.selectorGroup.setAttribute('transform', xform);\n\n    // TODO(codedread): Is this needed?\n    //  if (selected === selectedElements[0]) {\n    this.gripCoords = {\n      nw: [nbax, nbay],\n      ne: [nbax + nbaw, nbay],\n      sw: [nbax, nbay + nbah],\n      se: [nbax + nbaw, nbay + nbah],\n      n: [nbax + (nbaw) / 2, nbay],\n      w: [nbax, nbay + (nbah) / 2],\n      e: [nbax + nbaw, nbay + (nbah) / 2],\n      s: [nbax + (nbaw) / 2, nbay + nbah]\n    };\n    for (const dir in this.gripCoords) {\n      const coords = this.gripCoords[dir];\n      selectedGrips[dir].setAttribute('cx', coords[0]);\n      selectedGrips[dir].setAttribute('cy', coords[1]);\n    }\n\n    // we want to go 20 pixels in the negative transformed y direction, ignoring scale\n    mgr.rotateGripConnector.setAttribute('x1', nbax + (nbaw) / 2);\n    mgr.rotateGripConnector.setAttribute('y1', nbay);\n    mgr.rotateGripConnector.setAttribute('x2', nbax + (nbaw) / 2);\n    mgr.rotateGripConnector.setAttribute('y2', nbay - (gripRadius * 5));\n\n    mgr.rotateGrip.setAttribute('cx', nbax + (nbaw) / 2);\n    mgr.rotateGrip.setAttribute('cy', nbay - (gripRadius * 5));\n    // }\n  }\n}\n\n/**\n* Manage all selector objects (selection boxes)\n*/\nexport class SelectorManager {\n  constructor () {\n    // this will hold the <g> element that contains all selector rects/grips\n    this.selectorParentGroup = null;\n\n    // this is a special rect that is used for multi-select\n    this.rubberBandBox = null;\n\n    // this will hold objects of type Selector (see above)\n    this.selectors = [];\n\n    // this holds a map of SVG elements to their Selector object\n    this.selectorMap = {};\n\n    // this holds a reference to the grip elements\n    this.selectorGrips = {\n      nw: null,\n      n: null,\n      ne: null,\n      e: null,\n      se: null,\n      s: null,\n      sw: null,\n      w: null\n    };\n\n    this.selectorGripsGroup = null;\n    this.rotateGripConnector = null;\n    this.rotateGrip = null;\n\n    this.initGroup();\n  }\n\n  /**\n  * Resets the parent selector group element\n  */\n  initGroup () {\n    // remove old selector parent group if it existed\n    if (this.selectorParentGroup && this.selectorParentGroup.parentNode) {\n      this.selectorParentGroup.remove();\n    }\n\n    // create parent selector group and add it to svgroot\n    this.selectorParentGroup = svgFactory_.createSVGElement({\n      element: 'g',\n      attr: {id: 'selectorParentGroup'}\n    });\n    this.selectorGripsGroup = svgFactory_.createSVGElement({\n      element: 'g',\n      attr: {display: 'none'}\n    });\n    this.selectorParentGroup.append(this.selectorGripsGroup);\n    svgFactory_.svgRoot().append(this.selectorParentGroup);\n\n    this.selectorMap = {};\n    this.selectors = [];\n    this.rubberBandBox = null;\n\n    // add the corner grips\n    for (const dir in this.selectorGrips) {\n      const grip = svgFactory_.createSVGElement({\n        element: 'circle',\n        attr: {\n          id: ('selectorGrip_resize_' + dir),\n          fill: '#22C',\n          r: gripRadius,\n          style: ('cursor:' + dir + '-resize'),\n          // This expands the mouse-able area of the grips making them\n          // easier to grab with the mouse.\n          // This works in Opera and WebKit, but does not work in Firefox\n          // see https://bugzilla.mozilla.org/show_bug.cgi?id=500174\n          'stroke-width': 2,\n          'pointer-events': 'all'\n        }\n      });\n\n      $.data(grip, 'dir', dir);\n      $.data(grip, 'type', 'resize');\n      this.selectorGrips[dir] = this.selectorGripsGroup.appendChild(grip);\n    }\n\n    // add rotator elems\n    this.rotateGripConnector = this.selectorGripsGroup.appendChild(\n      svgFactory_.createSVGElement({\n        element: 'line',\n        attr: {\n          id: ('selectorGrip_rotateconnector'),\n          stroke: '#22C',\n          'stroke-width': '1'\n        }\n      })\n    );\n\n    this.rotateGrip = this.selectorGripsGroup.appendChild(\n      svgFactory_.createSVGElement({\n        element: 'circle',\n        attr: {\n          id: 'selectorGrip_rotate',\n          fill: 'lime',\n          r: gripRadius,\n          stroke: '#22C',\n          'stroke-width': 2,\n          style: 'cursor:url(' + config_.imgPath + 'rotate.png) 12 12, auto;'\n        }\n      })\n    );\n    $.data(this.rotateGrip, 'type', 'rotate');\n\n    if ($('#canvasBackground').length) { return; }\n\n    const [width, height] = config_.dimensions;\n    const canvasbg = svgFactory_.createSVGElement({\n      element: 'svg',\n      attr: {\n        id: 'canvasBackground',\n        width,\n        height,\n        x: 0,\n        y: 0,\n        overflow: (isWebkit() ? 'none' : 'visible'), // Chrome 7 has a problem with this when zooming out\n        style: 'pointer-events:none'\n      }\n    });\n\n    const rect = svgFactory_.createSVGElement({\n      element: 'rect',\n      attr: {\n        width: '100%',\n        height: '100%',\n        x: 0,\n        y: 0,\n        'stroke-width': 1,\n        stroke: '#000',\n        fill: '#FFF',\n        style: 'pointer-events:none'\n      }\n    });\n\n    // Both Firefox and WebKit are too slow with this filter region (especially at higher\n    // zoom levels) and Opera has at least one bug\n    // if (!isOpera()) rect.setAttribute('filter', 'url(#canvashadow)');\n    canvasbg.append(rect);\n    svgFactory_.svgRoot().insertBefore(canvasbg, svgFactory_.svgContent());\n    // Ok to replace above with `svgFactory_.svgContent().before(canvasbg);`?\n  }\n\n  /**\n  *\n  * @param {Element} elem - DOM element to get the selector for\n  * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for reset (prevents duplicate getBBox call).\n  * @returns {Selector} The selector based on the given element\n  */\n  requestSelector (elem, bbox) {\n    if (elem == null) { return null; }\n\n    const N = this.selectors.length;\n    // If we've already acquired one for this element, return it.\n    if (typeof this.selectorMap[elem.id] === 'object') {\n      this.selectorMap[elem.id].locked = true;\n      return this.selectorMap[elem.id];\n    }\n    for (let i = 0; i < N; ++i) {\n      if (this.selectors[i] && !this.selectors[i].locked) {\n        this.selectors[i].locked = true;\n        this.selectors[i].reset(elem, bbox);\n        this.selectorMap[elem.id] = this.selectors[i];\n        return this.selectors[i];\n      }\n    }\n    // if we reached here, no available selectors were found, we create one\n    this.selectors[N] = new Selector(N, elem, bbox);\n    this.selectorParentGroup.append(this.selectors[N].selectorGroup);\n    this.selectorMap[elem.id] = this.selectors[N];\n    return this.selectors[N];\n  }\n\n  /**\n  * Removes the selector of the given element (hides selection box)\n  *\n  * @param {Element} elem - DOM element to remove the selector for\n  */\n  releaseSelector (elem) {\n    if (elem == null) { return; }\n    const N = this.selectors.length,\n      sel = this.selectorMap[elem.id];\n    if (!sel.locked) {\n      // TODO(codedread): Ensure this exists in this module.\n      console.log('WARNING! selector was released but was already unlocked');\n    }\n    for (let i = 0; i < N; ++i) {\n      if (this.selectors[i] && this.selectors[i] === sel) {\n        delete this.selectorMap[elem.id];\n        sel.locked = false;\n        sel.selectedElement = null;\n        sel.showGrips(false);\n\n        // remove from DOM and store reference in JS but only if it exists in the DOM\n        try {\n          sel.selectorGroup.setAttribute('display', 'none');\n        } catch (e) {}\n\n        break;\n      }\n    }\n  }\n\n  /**\n  * @returns {SVGRectElement} The rubberBandBox DOM element. This is the rectangle drawn by\n  * the user for selecting/zooming\n  */\n  getRubberBandBox () {\n    if (!this.rubberBandBox) {\n      this.rubberBandBox = this.selectorParentGroup.appendChild(\n        svgFactory_.createSVGElement({\n          element: 'rect',\n          attr: {\n            id: 'selectorRubberBand',\n            fill: '#22C',\n            'fill-opacity': 0.15,\n            stroke: '#22C',\n            'stroke-width': 0.5,\n            display: 'none',\n            style: 'pointer-events:none'\n          }\n        })\n      );\n    }\n    return this.rubberBandBox;\n  }\n}\n\n/**\n * An object that creates SVG elements for the canvas.\n *\n * @interface module:select.SVGFactory\n */\n/**\n * @function module:select.SVGFactory#createSVGElement\n * @param {module:utilities.EditorContext#addSVGElementFromJson} jsonMap\n * @returns {SVGElement}\n */\n/**\n * @function module:select.SVGFactory#svgRoot\n * @returns {SVGSVGElement}\n */\n/**\n * @function module:select.SVGFactory#svgContent\n * @returns {SVGSVGElement}\n */\n/**\n * @function module:select.SVGFactory#getCurrentZoom\n * @returns {Float}\n */\n\n/**\n * @typedef {GenericArray} module:select.Dimensions\n * @property {Integer} length 2\n * @property {Float} 0 Width\n * @property {Float} 1 Height\n */\n/**\n * @typedef {PlainObject} module:select.Config\n * @property {string} imgPath\n * @property {module:select.Dimensions} dimensions\n */\n\n/**\n * Initializes this module.\n * @function module:select.init\n * @param {module:select.Config} config - An object containing configurable parameters (imgPath)\n * @param {module:select.SVGFactory} svgFactory - An object implementing the SVGFactory interface.\n * @returns {undefined}\n */\nexport const init = function (config, svgFactory) {\n  config_ = config;\n  svgFactory_ = svgFactory;\n  selectorManager_ = new SelectorManager();\n};\n\n/**\n * @function module:select.getSelectorManager\n * @returns {module:select.SelectorManager} The SelectorManager instance.\n */\nexport const getSelectorManager = () => selectorManager_;\n","/* eslint-disable indent */\n/* globals jQuery, jsPDF */\n/**\n * Numerous tools for working with the editor's \"canvas\"\n * @module svgcanvas\n *\n * @license MIT\n *\n * @copyright 2010 Alexis Deveria, 2010 Pavol Rusnak, 2010 Jeff Schiller\n *\n */\n\n/* Dependencies:\n1. Also expects jQuery UI for `svgCanvasToString` and\n`convertToGroup` use of `:data()` selector\n*/\n\n// Todo: Obtain/adapt latest jsPDF to utilize ES Module for `jsPDF`/avoid global\n\nimport './svgpathseg.js';\nimport jqPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`\n\nimport * as draw from './draw.js';\nimport * as pathModule from './path.js';\nimport {sanitizeSvg} from './sanitize.js';\nimport {getReverseNS, NS} from './namespaces.js';\nimport {importSetGlobal, importScript} from './external/dynamic-import-polyfill/importModule.js';\nimport {\n  text2xml, assignAttributes, cleanupElement, getElem, getUrlFromAttr,\n  findDefs, getHref, setHref, getRefElem, getRotationAngle, getPathBBox,\n  preventClickDefault, snapToGrid, walkTree, walkTreePost,\n  getBBoxOfElementAsPath, convertToPath, toXml, encode64, decode64,\n  dataURLToObjectURL, createObjectURL,\n  getVisibleElements,\n  init as utilsInit, getBBox as utilsGetBBox, getStrokedBBoxDefaultVisible\n} from './utilities.js';\nimport * as history from './history.js';\nimport {\n  transformPoint, matrixMultiply, hasMatrixTransform, transformListToTransform,\n  getMatrix, snapToAngle, isIdentity, rectsIntersect, transformBox\n} from './math.js';\nimport {\n  convertToNum, convertAttrs, convertUnit, shortFloat, getTypeMap,\n  init as unitsInit\n} from './units.js';\nimport {\n  isGecko, isChrome, isIE, isWebkit, supportsNonScalingStroke, supportsGoodTextCharPos\n} from './browser.js'; // , supportsEditableText\nimport {\n  getTransformList, resetListMap,\n  SVGTransformList as SVGEditTransformList\n} from './svgtransformlist.js';\nimport {\n  remapElement,\n  init as coordsInit\n} from './coords.js';\nimport {\n  recalculateDimensions,\n  init as recalculateInit\n} from './recalculate.js';\nimport {\n  getSelectorManager,\n  init as selectInit\n} from './select.js';\n\nconst $ = jqPluginSVG(jQuery);\nconst {\n  MoveElementCommand, InsertElementCommand, RemoveElementCommand,\n  ChangeElementCommand, BatchCommand, UndoManager, HistoryEventTypes\n} = history;\n\nif (!window.console) {\n  window.console = {};\n  window.console.log = function (str) {};\n  window.console.dir = function (str) {};\n}\n\nif (window.opera) {\n  window.console.log = function (str) { opera.postError(str); };\n  window.console.dir = function (str) {};\n}\n\n/**\n* The main SvgCanvas class that manages all SVG-related functions\n* @memberof module:svgcanvas\n*\n* @borrows module:coords.remapElement as #remapElement\n* @borrows module:recalculate.recalculateDimensions as #recalculateDimensions\n*\n* @borrows module:utilities.cleanupElement as #cleanupElement\n* @borrows module:utilities.getStrokedBBoxDefaultVisible as #getStrokedBBox\n* @borrows module:utilities.getVisibleElements as #getVisibleElements\n* @borrows module:utilities.findDefs as #findDefs\n* @borrows module:utilities.getUrlFromAttr as #getUrlFromAttr\n* @borrows module:utilities.getHref as #getHref\n* @borrows module:utilities.setHref as #setHref\n* @borrows module:utilities.getRotationAngle as #getRotationAngle\n* @borrows module:utilities.getBBox as #getBBox\n* @borrows module:utilities.getElem as #getElem\n* @borrows module:utilities.getRefElem as #getRefElem\n* @borrows module:utilities.assignAttributes as #assignAttributes\n*\n* @borrows module:SVGTransformList.getTransformList as #getTransformList\n* @borrows module:math.matrixMultiply as #matrixMultiply\n* @borrows module:math.hasMatrixTransform as #hasMatrixTransform\n* @borrows module:math.transformListToTransform as #transformListToTransform\n* @borrows module:units.convertToNum as #convertToNum\n* @borrows module:sanitize.sanitizeSvg as #sanitizeSvg\n* @borrows module:path.pathActions.linkControlPoints as #linkControlPoints\n*/\nclass SvgCanvas {\n  /**\n  * @param {HTMLElement} container - The container HTML element that should hold the SVG root element\n  * @param {module:SVGEditor.curConfig} config - An object that contains configuration data\n  */\n  constructor (container, config) {\n// Alias Namespace constants\n\n// Default configuration options\nconst curConfig = {\n  show_outside_canvas: true,\n  selectNew: true,\n  dimensions: [640, 480]\n};\n\n// Update config with new one if given\nif (config) {\n  $.extend(curConfig, config);\n}\n\n// Array with width/height of canvas\nconst {dimensions} = curConfig;\n\nconst canvas = this;\n\n// \"document\" element associated with the container (same as window.document using default svg-editor.js)\n// NOTE: This is not actually a SVG document, but an HTML document.\nconst svgdoc = container.ownerDocument;\n\n// This is a container for the document being edited, not the document itself.\n/**\n * @name module:svgcanvas~svgroot\n * @type {SVGSVGElement}\n */\nconst svgroot = svgdoc.importNode(\n  text2xml(\n    '<svg id=\"svgroot\" xmlns=\"' + NS.SVG + '\" xlinkns=\"' + NS.XLINK + '\" ' +\n      'width=\"' + dimensions[0] + '\" height=\"' + dimensions[1] + '\" x=\"' + dimensions[0] + '\" y=\"' + dimensions[1] + '\" overflow=\"visible\">' +\n      '<defs>' +\n        '<filter id=\"canvashadow\" filterUnits=\"objectBoundingBox\">' +\n          '<feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"4\" result=\"blur\"/>' +\n          '<feOffset in=\"blur\" dx=\"5\" dy=\"5\" result=\"offsetBlur\"/>' +\n          '<feMerge>' +\n            '<feMergeNode in=\"offsetBlur\"/>' +\n            '<feMergeNode in=\"SourceGraphic\"/>' +\n          '</feMerge>' +\n        '</filter>' +\n      '</defs>' +\n    '</svg>'\n  ).documentElement,\n  true\n);\ncontainer.append(svgroot);\n\n/**\n * The actual element that represents the final output SVG element\n * @name module:svgcanvas~svgcontent\n * @type {SVGSVGElement}\n */\nlet svgcontent = svgdoc.createElementNS(NS.SVG, 'svg');\n\n/**\n* This function resets the svgcontent element while keeping it in the DOM.\n* @function module:svgcanvas.SvgCanvas#clearSvgContentElement\n* @returns {undefined}\n*/\nconst clearSvgContentElement = canvas.clearSvgContentElement = function () {\n  $(svgcontent).empty();\n\n  // TODO: Clear out all other attributes first?\n  $(svgcontent).attr({\n    id: 'svgcontent',\n    width: dimensions[0],\n    height: dimensions[1],\n    x: dimensions[0],\n    y: dimensions[1],\n    overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden',\n    xmlns: NS.SVG,\n    'xmlns:se': NS.SE,\n    'xmlns:xlink': NS.XLINK\n  }).appendTo(svgroot);\n\n  // TODO: make this string optional and set by the client\n  const comment = svgdoc.createComment(' Created with SVG-edit - https://github.com/SVG-Edit/svgedit');\n  svgcontent.append(comment);\n};\nclearSvgContentElement();\n\n// Prefix string for element IDs\nlet idprefix = 'svg_';\n\n/**\n* Changes the ID prefix to the given value\n* @function module:svgcanvas.SvgCanvas#setIdPrefix\n* @param {string} p - String with the new prefix\n* @returns {undefined}\n*/\ncanvas.setIdPrefix = function (p) {\n  idprefix = p;\n};\n\n/**\n* Current draw.Drawing object\n* @type {module:draw.Drawing}\n* @name module:svgcanvas.SvgCanvas#current_drawing_\n*/\ncanvas.current_drawing_ = new draw.Drawing(svgcontent, idprefix);\n\n/**\n* Returns the current Drawing.\n* @function module:svgcanvas.SvgCanvas#getCurrentDrawing\n* @implements {module:draw.DrawCanvasInit#getCurrentDrawing}\n*/\nconst getCurrentDrawing = canvas.getCurrentDrawing = function () {\n  return canvas.current_drawing_;\n};\n\n/**\n* Float displaying the current zoom level (1 = 100%, .5 = 50%, etc)\n* @type {Float}\n*/\nlet currentZoom = 1;\n\n// pointer to current group (for in-group editing)\nlet currentGroup = null;\n\n// Object containing data for the currently selected styles\nconst allProperties = {\n  shape: {\n    fill: (curConfig.initFill.color === 'none' ? '' : '#') + curConfig.initFill.color,\n    fill_paint: null,\n    fill_opacity: curConfig.initFill.opacity,\n    stroke: '#' + curConfig.initStroke.color,\n    stroke_paint: null,\n    stroke_opacity: curConfig.initStroke.opacity,\n    stroke_width: curConfig.initStroke.width,\n    stroke_dasharray: 'none',\n    stroke_linejoin: 'miter',\n    stroke_linecap: 'butt',\n    opacity: curConfig.initOpacity\n  }\n};\n\nallProperties.text = $.extend(true, {}, allProperties.shape);\n$.extend(allProperties.text, {\n  fill: '#000000',\n  stroke_width: curConfig.text && curConfig.text.stroke_width,\n  font_size: curConfig.text && curConfig.text.font_size,\n  font_family: curConfig.text && curConfig.text.font_family\n});\n\n// Current shape style properties\nconst curShape = allProperties.shape;\n\n// Array with all the currently selected elements\n// default size of 1 until it needs to grow bigger\nlet selectedElements = [];\n\n/**\n* @typedef {PlainObject} module:svgcanvas.SVGAsJSON\n* @property {string} element\n* @property {PlainObject.<string, string>} attr\n* @property {module:svgcanvas.SVGAsJSON[]} children\n*/\n\n/**\n* @function module:svgcanvas.SvgCanvas#getContentElem\n* @param {Text|Element} data\n* @returns {module:svgcanvas.SVGAsJSON}\n*/\nconst getJsonFromSvgElement = this.getJsonFromSvgElement = function (data) {\n  // Text node\n  if (data.nodeType === 3) return data.nodeValue;\n\n  const retval = {\n    element: data.tagName,\n    // namespace: nsMap[data.namespaceURI],\n    attr: {},\n    children: []\n  };\n\n  // Iterate attributes\n  for (let i = 0, attr; (attr = data.attributes[i]); i++) {\n    retval.attr[attr.name] = attr.value;\n  }\n\n  // Iterate children\n  for (let i = 0, node; (node = data.childNodes[i]); i++) {\n    retval.children[i] = getJsonFromSvgElement(node);\n  }\n\n  return retval;\n};\n\n/**\n* This should really be an intersection implementing all rather than a union\n* @function module:svgcanvas.SvgCanvas#addSVGElementFromJson\n* @implements {module:utilities.EditorContext#addSVGElementFromJson|module:path.EditorContext#addSVGElementFromJson}\n*/\nconst addSVGElementFromJson = this.addSVGElementFromJson = function (data) {\n  if (typeof data === 'string') return svgdoc.createTextNode(data);\n\n  let shape = getElem(data.attr.id);\n  // if shape is a path but we need to create a rect/ellipse, then remove the path\n  const currentLayer = getCurrentDrawing().getCurrentLayer();\n  if (shape && data.element !== shape.tagName) {\n    shape.remove();\n    shape = null;\n  }\n  if (!shape) {\n    const ns = data.namespace || NS.SVG;\n    shape = svgdoc.createElementNS(ns, data.element);\n    if (currentLayer) {\n      (currentGroup || currentLayer).append(shape);\n    }\n  }\n  if (data.curStyles) {\n    assignAttributes(shape, {\n      fill: curShape.fill,\n      stroke: curShape.stroke,\n      'stroke-width': curShape.stroke_width,\n      'stroke-dasharray': curShape.stroke_dasharray,\n      'stroke-linejoin': curShape.stroke_linejoin,\n      'stroke-linecap': curShape.stroke_linecap,\n      'stroke-opacity': curShape.stroke_opacity,\n      'fill-opacity': curShape.fill_opacity,\n      opacity: curShape.opacity / 2,\n      style: 'pointer-events:inherit'\n    }, 100);\n  }\n  assignAttributes(shape, data.attr, 100);\n  cleanupElement(shape);\n\n  // Children\n  if (data.children) {\n    data.children.forEach((child) => {\n      shape.append(addSVGElementFromJson(child));\n    });\n  }\n\n  return shape;\n};\n\ncanvas.getTransformList = getTransformList;\n\ncanvas.matrixMultiply = matrixMultiply;\ncanvas.hasMatrixTransform = hasMatrixTransform;\ncanvas.transformListToTransform = transformListToTransform;\n\n/**\n* @implements {module:utilities.EditorContext#getBaseUnit}\n*/\nconst getBaseUnit = () => { return curConfig.baseUnit; };\n\n/**\n* initialize from units.js.\n* Send in an object implementing the ElementContainer interface (see units.js)\n*/\nunitsInit(\n  /**\n  * @implements {module:units.ElementContainer}\n  */\n  {\n    getBaseUnit,\n    getElement: getElem,\n    getHeight () { return svgcontent.getAttribute('height') / currentZoom; },\n    getWidth () { return svgcontent.getAttribute('width') / currentZoom; },\n    getRoundDigits () { return saveOptions.round_digits; }\n  }\n);\n\ncanvas.convertToNum = convertToNum;\n\n/**\n* This should really be an intersection implementing all rather than a union\n* @implements {module:draw.DrawCanvasInit#getSVGContent|module:utilities.EditorContext#getSVGContent}\n*/\nconst getSVGContent = () => { return svgcontent; };\n\n/**\n* Should really be an intersection with all needing to apply rather than a union\n* @function module:svgcanvas.SvgCanvas#getSelectedElements\n* @implements {module:utilities.EditorContext#getSelectedElements|module:draw.DrawCanvasInit#getSelectedElements|module:path.EditorContext#getSelectedElements}\n*/\nconst getSelectedElements = this.getSelectedElems = function () {\n  return selectedElements;\n};\n\nconst pathActions = pathModule.pathActions;\n\n/**\n* This should actually be an intersection as all interfaces should be met\n* @implements {module:utilities.EditorContext#getSVGRoot|module:recalculate.EditorContext#getSVGRoot|module:coords.EditorContext#getSVGRoot|module:path.EditorContext#getSVGRoot}\n*/\nconst getSVGRoot = () => svgroot;\n\nutilsInit(\n  /**\n  * @implements {module:utilities.EditorContext}\n  */\n  {\n    pathActions, // Ok since not modifying\n    getSVGContent,\n    addSVGElementFromJson,\n    getSelectedElements,\n    getDOMDocument () { return svgdoc; },\n    getDOMContainer () { return container; },\n    getSVGRoot,\n    // TODO: replace this mostly with a way to get the current drawing.\n    getBaseUnit,\n    getSnappingStep () { return curConfig.snappingStep; }\n  }\n);\n\ncanvas.findDefs = findDefs;\ncanvas.getUrlFromAttr = getUrlFromAttr;\ncanvas.getHref = getHref;\ncanvas.setHref = setHref;\n/* const getBBox = */ canvas.getBBox = utilsGetBBox;\ncanvas.getRotationAngle = getRotationAngle;\ncanvas.getElem = getElem;\ncanvas.getRefElem = getRefElem;\ncanvas.assignAttributes = assignAttributes;\n\nthis.cleanupElement = cleanupElement;\n\n/**\n* This should actually be an intersection not a union as all should apply\n* @implements {module:coords.EditorContext|module:path.EditorContext}\n*/\nconst getGridSnapping = () => { return curConfig.gridSnapping; };\n\ncoordsInit(\n  /**\n  * @implements {module:coords.EditorContext}\n  */\n  {\n    getDrawing () { return getCurrentDrawing(); },\n    getSVGRoot,\n    getGridSnapping\n  }\n);\nthis.remapElement = remapElement;\n\nrecalculateInit(\n  /**\n  * @implements {module:recalculate.EditorContext}\n  */\n  {\n    getSVGRoot,\n    getStartTransform () { return startTransform; },\n    setStartTransform (transform) { startTransform = transform; }\n  }\n);\nthis.recalculateDimensions = recalculateDimensions;\n\n// import from sanitize.js\nconst nsMap = getReverseNS();\ncanvas.sanitizeSvg = sanitizeSvg;\n\n/**\n* @name undoMgr\n* @memberof module:svgcanvas.SvgCanvas#\n* @type {module:history.HistoryEventHandler}\n*/\nconst undoMgr = canvas.undoMgr = new UndoManager({\n  /**\n   * @param {string} eventType One of the HistoryEvent types\n   * @param {module:history.HistoryCommand} cmd Fulfills the HistoryCommand interface\n   * @fires module:svgcanvas.SvgCanvas#event:changed\n   * @returns {undefined}\n   */\n  handleHistoryEvent (eventType, cmd) {\n    const EventTypes = HistoryEventTypes;\n    // TODO: handle setBlurOffsets.\n    if (eventType === EventTypes.BEFORE_UNAPPLY || eventType === EventTypes.BEFORE_APPLY) {\n      canvas.clearSelection();\n    } else if (eventType === EventTypes.AFTER_APPLY || eventType === EventTypes.AFTER_UNAPPLY) {\n      const elems = cmd.elements();\n      canvas.pathActions.clear();\n      call('changed', elems);\n      const cmdType = cmd.type();\n      const isApply = (eventType === EventTypes.AFTER_APPLY);\n      if (cmdType === MoveElementCommand.type()) {\n        const parent = isApply ? cmd.newParent : cmd.oldParent;\n        if (parent === svgcontent) {\n          draw.identifyLayers();\n        }\n      } else if (cmdType === InsertElementCommand.type() ||\n          cmdType === RemoveElementCommand.type()) {\n        if (cmd.parent === svgcontent) {\n          draw.identifyLayers();\n        }\n        if (cmdType === InsertElementCommand.type()) {\n          if (isApply) { restoreRefElems(cmd.elem); }\n        } else {\n          if (!isApply) { restoreRefElems(cmd.elem); }\n        }\n        if (cmd.elem.tagName === 'use') {\n          setUseData(cmd.elem);\n        }\n      } else if (cmdType === ChangeElementCommand.type()) {\n        // if we are changing layer names, re-identify all layers\n        if (cmd.elem.tagName === 'title' &&\n          cmd.elem.parentNode.parentNode === svgcontent\n        ) {\n          draw.identifyLayers();\n        }\n        const values = isApply ? cmd.newValues : cmd.oldValues;\n        // If stdDeviation was changed, update the blur.\n        if (values.stdDeviation) {\n          canvas.setBlurOffsets(cmd.elem.parentNode, values.stdDeviation);\n        }\n        // This is resolved in later versions of webkit, perhaps we should\n        // have a featured detection for correct 'use' behavior?\n        // ——————————\n        // Remove & Re-add hack for Webkit (issue 775)\n        // if (cmd.elem.tagName === 'use' && isWebkit()) {\n        //  const {elem} = cmd;\n        //  if (!elem.getAttribute('x') && !elem.getAttribute('y')) {\n        //    const parent = elem.parentNode;\n        //    const sib = elem.nextSibling;\n        //    elem.remove();\n        //    parent.insertBefore(elem, sib);\n        //    // Ok to replace above with this? `sib.before(elem);`\n        //  }\n        // }\n      }\n    }\n  }\n});\n\n/**\n* This should really be an intersection applying to all types rather than a union\n* @function module:svgcanvas~addCommandToHistory\n* @implements {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory}\n*/\nconst addCommandToHistory = function (cmd) {\n  canvas.undoMgr.addCommandToHistory(cmd);\n};\n\n/**\n* This should really be an intersection applying to all types rather than a union\n* @function module:svgcanvas.SvgCanvas#getZoom\n* @implements {module:path.EditorContext#getCurrentZoom|module:select.SVGFactory#getCurrentZoom}\n*/\nconst getCurrentZoom = this.getZoom = function () { return currentZoom; };\n\n/**\n* This method rounds the incoming value to the nearest value based on the `currentZoom`\n* @function module:svgcanvas.SvgCanvas#round\n* @implements {module:path.EditorContext#round}\n*/\nconst round = this.round = function (val) {\n  return parseInt(val * currentZoom, 10) / currentZoom;\n};\n\nselectInit(\n  curConfig,\n  /**\n  * Export to select.js\n  * @implements {module:select.SVGFactory}\n  */\n  {\n    createSVGElement (jsonMap) { return canvas.addSVGElementFromJson(jsonMap); },\n    svgRoot () { return svgroot; },\n    svgContent () { return svgcontent; },\n    getCurrentZoom\n  }\n);\n/**\n* This object manages selectors for us\n* @name module:svgcanvas.SvgCanvas#selectorManager\n* @type {module:select.SelectorManager}\n*/\nconst selectorManager = this.selectorManager = getSelectorManager();\n\n/**\n* @function module:svgcanvas.SvgCanvas#getNextId\n* @implements {module:path.EditorContext#getNextId}\n*/\nconst getNextId = canvas.getNextId = function () {\n  return getCurrentDrawing().getNextId();\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getId\n* @implements {module:path.EditorContext#getId}\n*/\nconst getId = canvas.getId = function () {\n  return getCurrentDrawing().getId();\n};\n\n/**\n* The \"implements\" should really be an intersection applying to all types rather than a union\n* @function module:svgcanvas.SvgCanvas#call\n* @implements {module:draw.DrawCanvasInit#call|module:path.EditorContext#call}\n* @param {\"selected\"|\"changed\"|\"contextset\"|\"pointsAdded\"|\"extension_added\"|\"extensions_added\"|\"message\"|\"transition\"|\"zoomed\"|\"updateCanvas\"|\"zoomDone\"|\"saved\"|\"exported\"|\"exportedPDF\"|\"setnonce\"|\"unsetnonce\"|\"cleared\"} ev - String with the event name\n* @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg - Argument to pass through to the callback function.\n* @returns {undefined}\n*/\nconst call = function (ev, arg) {\n  if (events[ev]) {\n    return events[ev](window, arg);\n  }\n};\n\n/**\n* Clears the selection. The 'selected' handler is then optionally called.\n* This should really be an intersection applying to all types rather than a union\n* @function module:svgcanvas.SvgCanvas#clearSelection\n* @implements {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection}\n* @fires module:svgcanvas.SvgCanvas#event:selected\n*/\nconst clearSelection = this.clearSelection = function (noCall) {\n  selectedElements.forEach((elem) => {\n    if (elem == null) {\n      return;\n    }\n    selectorManager.releaseSelector(elem);\n  });\n  selectedElements = [];\n\n  if (!noCall) { call('selected', selectedElements); }\n};\n\n/**\n* Adds a list of elements to the selection. The 'selected' handler is then called.\n* @function module:svgcanvas.SvgCanvas#addToSelection\n* @implements {module:path.EditorContext#addToSelection}\n* @fires module:svgcanvas.SvgCanvas#event:selected\n*/\nconst addToSelection = this.addToSelection = function (elemsToAdd, showGrips) {\n  if (!elemsToAdd.length) { return; }\n  // find the first null in our selectedElements array\n\n  let j = 0;\n  while (j < selectedElements.length) {\n    if (selectedElements[j] == null) {\n      break;\n    }\n    ++j;\n  }\n\n  // now add each element consecutively\n  let i = elemsToAdd.length;\n  while (i--) {\n    let elem = elemsToAdd[i];\n    if (!elem) { continue; }\n    const bbox = utilsGetBBox(elem);\n    if (!bbox) { continue; }\n\n    if (elem.tagName === 'a' && elem.childNodes.length === 1) {\n      // Make \"a\" element's child be the selected element\n      elem = elem.firstChild;\n    }\n\n    // if it's not already there, add it\n    if (!selectedElements.includes(elem)) {\n      selectedElements[j] = elem;\n\n      // only the first selectedBBoxes element is ever used in the codebase these days\n      // if (j === 0) selectedBBoxes[0] = utilsGetBBox(elem);\n      j++;\n      const sel = selectorManager.requestSelector(elem, bbox);\n\n      if (selectedElements.length > 1) {\n        sel.showGrips(false);\n      }\n    }\n  }\n  call('selected', selectedElements);\n\n  if (showGrips || selectedElements.length === 1) {\n    selectorManager.requestSelector(selectedElements[0]).showGrips(true);\n  } else {\n    selectorManager.requestSelector(selectedElements[0]).showGrips(false);\n  }\n\n  // make sure the elements are in the correct order\n  // See: https://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-compareDocumentPosition\n\n  selectedElements.sort(function (a, b) {\n    if (a && b && a.compareDocumentPosition) {\n      return 3 - (b.compareDocumentPosition(a) & 6);\n    }\n    if (a == null) {\n      return 1;\n    }\n  });\n\n  // Make sure first elements are not null\n  while (selectedElements[0] == null) {\n    selectedElements.shift(0);\n  }\n};\n\n/**\n* @implements {module:path.EditorContext#getOpacity}\n*/\nconst getOpacity = function () {\n  return curShape.opacity;\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getMouseTarget\n* @implements {module:path.EditorContext#getMouseTarget}\n*/\nconst getMouseTarget = this.getMouseTarget = function (evt) {\n  if (evt == null) {\n    return null;\n  }\n  let mouseTarget = evt.target;\n\n  // if it was a <use>, Opera and WebKit return the SVGElementInstance\n  if (mouseTarget.correspondingUseElement) { mouseTarget = mouseTarget.correspondingUseElement; }\n\n  // for foreign content, go up until we find the foreignObject\n  // WebKit browsers set the mouse target to the svgcanvas div\n  if ([NS.MATH, NS.HTML].includes(mouseTarget.namespaceURI) &&\n    mouseTarget.id !== 'svgcanvas'\n  ) {\n    while (mouseTarget.nodeName !== 'foreignObject') {\n      mouseTarget = mouseTarget.parentNode;\n      if (!mouseTarget) { return svgroot; }\n    }\n  }\n\n  // Get the desired mouseTarget with jQuery selector-fu\n  // If it's root-like, select the root\n  const currentLayer = getCurrentDrawing().getCurrentLayer();\n  if ([svgroot, container, svgcontent, currentLayer].includes(mouseTarget)) {\n    return svgroot;\n  }\n\n  const $target = $(mouseTarget);\n\n  // If it's a selection grip, return the grip parent\n  if ($target.closest('#selectorParentGroup').length) {\n    // While we could instead have just returned mouseTarget,\n    // this makes it easier to indentify as being a selector grip\n    return selectorManager.selectorParentGroup;\n  }\n\n  while (mouseTarget.parentNode !== (currentGroup || currentLayer)) {\n    mouseTarget = mouseTarget.parentNode;\n  }\n\n  //\n  // // go up until we hit a child of a layer\n  // while (mouseTarget.parentNode.parentNode.tagName == 'g') {\n  //   mouseTarget = mouseTarget.parentNode;\n  // }\n  // Webkit bubbles the mouse event all the way up to the div, so we\n  // set the mouseTarget to the svgroot like the other browsers\n  // if (mouseTarget.nodeName.toLowerCase() == 'div') {\n  //   mouseTarget = svgroot;\n  // }\n\n  return mouseTarget;\n};\n\n/**\n* @namespace {module:path.pathActions} pathActions\n* @memberof module:svgcanvas.SvgCanvas#\n* @see module:path.pathActions\n*/\ncanvas.pathActions = pathActions;\n/**\n* @implements {module:path.EditorContext#resetD}\n*/\nfunction resetD (p) {\n  p.setAttribute('d', pathActions.convertPath(p));\n}\npathModule.init(\n  /**\n  * @implements {module:path.EditorContext}\n  */\n  {\n    selectorManager, // Ok since not changing\n    canvas, // Ok since not changing\n    call,\n    resetD,\n    round,\n    clearSelection,\n    addToSelection,\n    addCommandToHistory,\n    remapElement,\n    addSVGElementFromJson,\n    getGridSnapping,\n    getOpacity,\n    getSelectedElements,\n    getContainer () {\n      return container;\n    },\n    setStarted (s) {\n      started = s;\n    },\n    getRubberBox () {\n      return rubberBox;\n    },\n    setRubberBox (rb) {\n      rubberBox = rb;\n      return rubberBox;\n    },\n    /**\n     * @param {boolean} closedSubpath\n     * @param {SVGCircleElement[]} grips\n     * @fires module:svgcanvas.SvgCanvas#event:pointsAdded\n     * @fires module:svgcanvas.SvgCanvas#event:selected\n     */\n    addPtsToSelection ({closedSubpath, grips}) {\n      // TODO: Correct this:\n      pathActions.canDeleteNodes = true;\n      pathActions.closed_subpath = closedSubpath;\n      call('pointsAdded', {closedSubpath, grips});\n      call('selected', grips);\n    },\n    /**\n     * @param {ChangeElementCommand} cmd\n     * @param {SVGPathElement} elem\n     * @fires module:svgcanvas.SvgCanvas#event:changed\n     * @returns {undefined}\n     */\n    endChanges ({cmd, elem}) {\n      addCommandToHistory(cmd);\n      call('changed', [elem]);\n    },\n    getCurrentZoom,\n    getId,\n    getNextId,\n    getMouseTarget,\n    getCurrentMode () {\n      return currentMode;\n    },\n    setCurrentMode (cm) {\n      currentMode = cm;\n      return currentMode;\n    },\n    getDrawnPath () {\n      return drawnPath;\n    },\n    setDrawnPath (dp) {\n      drawnPath = dp;\n      return drawnPath;\n    },\n    getSVGRoot\n  }\n);\n\n// Interface strings, usually for title elements\nconst uiStrings = {};\n\nconst visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';\nconst refAttrs = ['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'];\n\nconst elData = $.data;\n\n// Animation element to change the opacity of any newly created element\nconst opacAni = document.createElementNS(NS.SVG, 'animate');\n$(opacAni).attr({\n  attributeName: 'opacity',\n  begin: 'indefinite',\n  dur: 1,\n  fill: 'freeze'\n}).appendTo(svgroot);\n\nconst restoreRefElems = function (elem) {\n  // Look for missing reference elements, restore any found\n  const attrs = $(elem).attr(refAttrs);\n  for (const o in attrs) {\n    const val = attrs[o];\n    if (val && val.startsWith('url(')) {\n      const id = getUrlFromAttr(val).substr(1);\n      const ref = getElem(id);\n      if (!ref) {\n        findDefs().append(removedElements[id]);\n        delete removedElements[id];\n      }\n    }\n  }\n\n  const childs = elem.getElementsByTagName('*');\n\n  if (childs.length) {\n    for (let i = 0, l = childs.length; i < l; i++) {\n      restoreRefElems(childs[i]);\n    }\n  }\n};\n\n// (function () {\n// TODO For Issue 208: this is a start on a thumbnail\n//  const svgthumb = svgdoc.createElementNS(NS.SVG, 'use');\n//  svgthumb.setAttribute('width', '100');\n//  svgthumb.setAttribute('height', '100');\n//  setHref(svgthumb, '#svgcontent');\n//  svgroot.append(svgthumb);\n// }());\n\n/**\n * @typedef {PlainObject} module:svgcanvas.SaveOptions\n * @property {boolean} apply\n * @property {\"embed\"} [image]\n * @property {Integer} round_digits\n */\n\n// Object to contain image data for raster images that were found encodable\nconst encodableImages = {},\n\n  // Object with save options\n  /**\n   * @type {module:svgcanvas.SaveOptions}\n   */\n  saveOptions = {round_digits: 5},\n\n  // Object with IDs for imported files, to see if one was already added\n  importIds = {},\n\n  // Current text style properties\n  curText = allProperties.text,\n\n  // Object to contain all included extensions\n  extensions = {},\n\n  // Map of deleted reference elements\n  removedElements = {};\n\nlet\n  // String with image URL of last loadable image\n  lastGoodImgUrl = curConfig.imgPath + 'logo.png',\n\n  // Boolean indicating whether or not a draw action has been started\n  started = false,\n\n  // String with an element's initial transform attribute value\n  startTransform = null,\n\n  // String indicating the current editor mode\n  currentMode = 'select',\n\n  // String with the current direction in which an element is being resized\n  currentResizeMode = 'none',\n\n  // Current general properties\n  curProperties = curShape,\n\n  // Array with selected elements' Bounding box object\n  // selectedBBoxes = new Array(1),\n\n  // The DOM element that was just selected\n  justSelected = null,\n\n  // DOM element for selection rectangle drawn by the user\n  rubberBox = null,\n\n  // Array of current BBoxes, used in getIntersectionList().\n  curBBoxes = [],\n\n  // Canvas point for the most recent right click\n  lastClickPoint = null;\n\n/**\n* @typedef {module:svgcanvas.ExtensionMouseDownStatus|module:svgcanvas.ExtensionMouseUpStatus|module:svgcanvas.ExtensionIDsUpdatedStatus|module:locale.ExtensionLocaleData[]|undefined} module:svgcanvas.ExtensionStatus\n* @tutorial ExtensionDocs\n*/\n/**\n* @callback module:svgcanvas.ExtensionVarBuilder\n* @param {string} name The name of the extension\n*/\n/**\n* @todo Consider: Should this return an array by default, so extension results aren't overwritten?\n* @todo Would be easier to document if passing in object with key of action and vars as value; could then define an interface which tied both together\n* @function module:svgcanvas.SvgCanvas#runExtensions\n* @param {\"mouseDown\"|\"mouseMove\"|\"mouseUp\"|\"zoomChanged\"|\"IDsUpdated\"|\"canvasUpdated\"|\"toolButtonStateUpdate\"|\"selectedChanged\"|\"elementTransition\"|\"elementChanged\"|\"langReady\"|\"langChanged\"|\"addLangData\"|\"onNewDocument\"|\"workareaResized\"} action\n* @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown|module:svgcanvas.SvgCanvas#event:ext-mouseMove|module:svgcanvas.SvgCanvas#event:ext-mouseUp|module:svgcanvas.SvgCanvas#event:ext-zoomChanged|module:svgcanvas.SvgCanvas#event:ext-IDsUpdated|module:svgcanvas.SvgCanvas#event:ext-canvasUpdated|module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate|module:svgcanvas.SvgCanvas#event:ext-selectedChanged|module:svgcanvas.SvgCanvas#event:ext-elementTransition|module:svgcanvas.SvgCanvas#event:ext-elementChanged|module:svgcanvas.SvgCanvas#event:ext-langReady|module:svgcanvas.SvgCanvas#event:ext-langChanged|module:svgcanvas.SvgCanvas#event:ext-addLangData|module:svgcanvas.SvgCanvas#event:ext-onNewDocument|module:svgcanvas.SvgCanvas#event:ext-workareaResized|module:svgcanvas.ExtensionVarBuilder} [vars]\n* @param {boolean} [returnArray]\n* @returns {GenericArray.<module:svgcanvas.ExtensionStatus>|module:svgcanvas.ExtensionStatus|false} See {@tutorial ExtensionDocs} on the ExtensionStatus.\n*/\nconst runExtensions = this.runExtensions = function (action, vars, returnArray) {\n  let result = returnArray ? [] : false;\n  $.each(extensions, function (name, ext) {\n    if (ext && action in ext) {\n      if (typeof vars === 'function') {\n        vars = vars(name); // ext, action\n      }\n      if (returnArray) {\n        result.push(ext[action](vars));\n      } else {\n        result = ext[action](vars);\n      }\n    }\n  });\n  return result;\n};\n\n/**\n* @typedef {PlainObject} module:svgcanvas.ExtensionMouseDownStatus\n* @property {boolean} started Indicates that creating/editing has started\n*/\n/**\n* @typedef {PlainObject} module:svgcanvas.ExtensionMouseUpStatus\n* @property {boolean} keep Indicates if the current element should be kept\n* @property {boolean} started Indicates if editing should still be considered as \"started\"\n* @property {Element} element The element being affected\n*/\n/**\n* @typedef {PlainObject} module:svgcanvas.ExtensionIDsUpdatedStatus\n* @property {string[]} remove Contains string IDs (used by `ext-connector.js`)\n*/\n\n/**\n * @interface module:svgcanvas.ExtensionInitResponse\n * @property {module:SVGEditor.ContextTool[]|PlainObject.<string, module:SVGEditor.ContextTool>} [context_tools]\n * @property {module:SVGEditor.Button[]|PlainObject.<Integer, module:SVGEditor.Button>} [buttons]\n * @property {string} [svgicons] The location of a local SVG or SVGz file\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#mouseDown\n * @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown} arg\n * @returns {undefined|module:svgcanvas.ExtensionMouseDownStatus}\n */\n/**\n * @function module:svgcanvas.ExtensionInitResponse#mouseMove\n * @param {module:svgcanvas.SvgCanvas#event:ext-mouseMove} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#mouseUp\n * @param {module:svgcanvas.SvgCanvas#event:ext-mouseUp} arg\n * @returns {module:svgcanvas.ExtensionMouseUpStatus}\n */\n/**\n * @function module:svgcanvas.ExtensionInitResponse#zoomChanged\n * @param {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#IDsUpdated\n * @param {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} arg\n * @returns {module:svgcanvas.ExtensionIDsUpdatedStatus}\n */\n/**\n * @function module:svgcanvas.ExtensionInitResponse#canvasUpdated\n * @param {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#toolButtonStateUpdate\n * @param {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#selectedChanged\n * @param {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#elementTransition\n * @param {module:svgcanvas.SvgCanvas#event:ext-elementTransition} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#elementChanged\n * @param {module:svgcanvas.SvgCanvas#event:ext-elementChanged} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#langReady\n * @param {module:svgcanvas.SvgCanvas#event:ext-langReady} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#langChanged\n * @param {module:svgcanvas.SvgCanvas#event:ext-langChanged} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#addLangData\n * @param {module:svgcanvas.SvgCanvas#event:ext-addLangData} arg\n * @returns {Promise} Resolves to {@link module:locale.ExtensionLocaleData}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#onNewDocument\n * @param {module:svgcanvas.SvgCanvas#event:ext-onNewDocument} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#workareaResized\n * @param {module:svgcanvas.SvgCanvas#event:ext-workareaResized} arg\n * @returns {undefined}\n*/\n/**\n * @function module:svgcanvas.ExtensionInitResponse#callback\n * @param {module:svgcanvas.SvgCanvas#event:ext-callback} arg\n * @returns {undefined}\n*/\n\n/**\n* @callback module:svgcanvas.ExtensionInitCallback\n* @this module:SVGEditor\n* @param {module:svgcanvas.ExtensionArgumentObject} arg\n* @returns {Promise} Resolves to [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse} or `undefined`\n*/\n/**\n* Add an extension to the editor\n* @function module:svgcanvas.SvgCanvas#addExtension\n* @param {string} name - String with the ID of the extension. Used internally; no need for i18n.\n* @param {module:svgcanvas.ExtensionInitCallback} [extInitFunc] - Function supplied by the extension with its data\n* @param {module:SVGEditor~ImportLocale} importLocale\n* @fires module:svgcanvas.SvgCanvas#event:extension_added\n* @throws {TypeError} If `extInitFunc` is not a function\n* @returns {Promise} Resolves to `undefined`\n*/\nthis.addExtension = async function (name, extInitFunc, importLocale) {\n  if (typeof extInitFunc !== 'function') {\n    throw new TypeError('Function argument expected for `svgcanvas.addExtension`');\n  }\n  let extObj = {};\n  if (!(name in extensions)) {\n    // Provide private vars/funcs here. Is there a better way to do this?\n    /**\n     * @typedef {module:svgcanvas.PrivateMethods} module:svgcanvas.ExtensionArgumentObject\n     * @property {SVGSVGElement} svgroot See {@link module:svgcanvas~svgroot}\n     * @property {SVGSVGElement} svgcontent See {@link module:svgcanvas~svgcontent}\n     * @property {!(string|Integer)} nonce See {@link module:draw.Drawing#getNonce}\n     * @property {module:select.SelectorManager} selectorManager\n     * @property {module:SVGEditor~ImportLocale} importLocale\n     */\n    /**\n     * @type {module:svgcanvas.ExtensionArgumentObject}\n     * @see {@link module:svgcanvas.PrivateMethods} source for the other methods/properties\n     */\n    const argObj = $.extend(canvas.getPrivateMethods(), {\n      importLocale,\n      svgroot,\n      svgcontent,\n      nonce: getCurrentDrawing().getNonce(),\n      selectorManager\n    });\n    if (extInitFunc) {\n      extObj = await extInitFunc(argObj);\n    }\n    if (extObj) {\n      extObj.name = name;\n    }\n\n    extensions[name] = extObj;\n    return call('extension_added', extObj);\n  } else {\n    console.log('Cannot add extension \"' + name + '\", an extension by that name already exists.');\n  }\n};\n\n/**\n* This method sends back an array or a NodeList full of elements that\n* intersect the multi-select rubber-band-box on the currentLayer only.\n*\n* We brute-force `getIntersectionList` for browsers that do not support it (Firefox).\n*\n* Reference:\n* Firefox does not implement `getIntersectionList()`, see {@link https://bugzilla.mozilla.org/show_bug.cgi?id=501421}\n* @function module:svgcanvas.SvgCanvas#getIntersectionList\n* @param {SVGRect} rect\n* @returns {Element[]|NodeList} Bbox elements\n*/\nconst getIntersectionList = this.getIntersectionList = function (rect) {\n  if (rubberBox == null) { return null; }\n\n  const parent = currentGroup || getCurrentDrawing().getCurrentLayer();\n\n  let rubberBBox;\n  if (!rect) {\n    rubberBBox = rubberBox.getBBox();\n    const bb = svgcontent.createSVGRect();\n\n    for (const o in rubberBBox) {\n      bb[o] = rubberBBox[o] / currentZoom;\n    }\n    rubberBBox = bb;\n  } else {\n    rubberBBox = svgcontent.createSVGRect();\n    rubberBBox.x = rect.x;\n    rubberBBox.y = rect.y;\n    rubberBBox.width = rect.width;\n    rubberBBox.height = rect.height;\n  }\n\n  let resultList = null;\n  if (!isIE) {\n    if (typeof svgroot.getIntersectionList === 'function') {\n      // Offset the bbox of the rubber box by the offset of the svgcontent element.\n      rubberBBox.x += parseInt(svgcontent.getAttribute('x'), 10);\n      rubberBBox.y += parseInt(svgcontent.getAttribute('y'), 10);\n\n      resultList = svgroot.getIntersectionList(rubberBBox, parent);\n    }\n  }\n\n  if (resultList == null || typeof resultList.item !== 'function') {\n    resultList = [];\n\n    if (!curBBoxes.length) {\n      // Cache all bboxes\n      curBBoxes = getVisibleElementsAndBBoxes(parent);\n    }\n    let i = curBBoxes.length;\n    while (i--) {\n      if (!rubberBBox.width) { continue; }\n      if (rectsIntersect(rubberBBox, curBBoxes[i].bbox)) {\n        resultList.push(curBBoxes[i].elem);\n      }\n    }\n  }\n\n  // addToSelection expects an array, but it's ok to pass a NodeList\n  // because using square-bracket notation is allowed:\n  // https://www.w3.org/TR/DOM-Level-2-Core/ecma-script-binding.html\n  return resultList;\n};\n\nthis.getStrokedBBox = getStrokedBBoxDefaultVisible;\n\nthis.getVisibleElements = getVisibleElements;\n\n/**\n* @typedef {PlainObject} ElementAndBBox\n* @property {Element} elem - The element\n* @property {module:utilities.BBoxObject} bbox - The element's BBox as retrieved from `getStrokedBBoxDefaultVisible`\n*/\n\n/**\n* Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).\n* Note that 0-opacity, off-screen etc elements are still considered \"visible\"\n* for this function\n* @function module:svgcanvas.SvgCanvas#getVisibleElementsAndBBoxes\n* @param {Element} parent - The parent DOM element to search within\n* @returns {ElementAndBBox[]} An array with objects that include:\n*/\nconst getVisibleElementsAndBBoxes = this.getVisibleElementsAndBBoxes = function (parent) {\n  if (!parent) {\n    parent = $(svgcontent).children(); // Prevent layers from being included\n  }\n  const contentElems = [];\n  $(parent).children().each(function (i, elem) {\n    if (elem.getBBox) {\n      contentElems.push({elem, bbox: getStrokedBBoxDefaultVisible([elem])});\n    }\n  });\n  return contentElems.reverse();\n};\n\n/**\n* Wrap an SVG element into a group element, mark the group as 'gsvg'\n* @function module:svgcanvas.SvgCanvas#groupSvgElem\n* @param {Element} elem - SVG element to wrap\n* @returns {undefined}\n*/\nconst groupSvgElem = this.groupSvgElem = function (elem) {\n  const g = document.createElementNS(NS.SVG, 'g');\n  elem.replaceWith(g);\n  $(g).append(elem).data('gsvg', elem)[0].id = getNextId();\n};\n\n// Set scope for these functions\n\n// Object to contain editor event names and callback functions\nconst events = {};\n\ncanvas.call = call;\n/**\n * Array of what was changed (elements, layers)\n * @event module:svgcanvas.SvgCanvas#event:changed\n * @type {Element[]}\n */\n/**\n * Array of selected elements\n * @event module:svgcanvas.SvgCanvas#event:selected\n * @type {Element[]}\n */\n/**\n * Array of selected elements\n * @event module:svgcanvas.SvgCanvas#event:transition\n * @type {Element[]}\n */\n/**\n * The Element is always `SVGGElement`?\n * If not `null`, will be the set current group element\n * @event module:svgcanvas.SvgCanvas#event:contextset\n * @type {null|Element}\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:pointsAdded\n * @type {PlainObject}\n * @property {boolean} closedSubpath\n * @property {SVGCircleElement[]} grips Grips elements\n */\n\n/**\n * @event module:svgcanvas.SvgCanvas#event:zoomed\n * @type {PlainObject}\n * @property {Float} x\n * @property {Float} y\n * @property {Float} width\n * @property {Float} height\n * @property {0.5|2} factor\n * @see module:SVGEditor.BBoxObjectWithFactor\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:updateCanvas\n * @type {PlainObject}\n * @property {false} center\n * @property {module:math.XYObject} newCtr\n */\n/**\n * @typedef {PlainObject} module:svgcanvas.ExtensionInitResponsePlusName\n * @implements {module:svgcanvas.ExtensionInitResponse}\n * @property {string} name The extension's resolved ID (whether explicit or based on file name)\n */\n/**\n * Generalized extension object response of\n * [`init()`]{@link module:svgcanvas.ExtensionInitCallback}\n * along with the name of the extension.\n * @event module:svgcanvas.SvgCanvas#event:extension_added\n * @type {module:svgcanvas.ExtensionInitResponsePlusName|undefined}\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:extensions_added\n * @type {undefined}\n*/\n/**\n * @typedef {PlainObject} module:svgcanvas.Message\n * @property {Any} data The data\n * @property {string} origin The origin\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:message\n * @type {module:svgcanvas.Message}\n */\n/**\n * SVG canvas converted to string\n * @event module:svgcanvas.SvgCanvas#event:saved\n * @type {string}\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:setnonce\n * @type {!(string|Integer)}\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:unsetnonce\n * @type {undefined}\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:zoomDone\n * @type {undefined}\n*/\n/**\n * @event module:svgcanvas.SvgCanvas#event:cleared\n * @type {undefined}\n*/\n\n/**\n * @event module:svgcanvas.SvgCanvas#event:exported\n * @type {module:svgcanvas.ImageExportedResults}\n */\n/**\n * @event module:svgcanvas.SvgCanvas#event:exportedPDF\n * @type {module:svgcanvas.PDFExportedResults}\n */\n/**\n * Creating a cover-all class until {@link https://github.com/jsdoc3/jsdoc/issues/1545} may be supported.\n * `undefined` may be returned by {@link module:svgcanvas.SvgCanvas#event:extension_added} if the extension's `init` returns `undefined` It is also the type for the following events \"zoomDone\", \"unsetnonce\", \"cleared\", and \"extensions_added\".\n * @event module:svgcanvas.SvgCanvas#event:GenericCanvasEvent\n * @type {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset|module:svgcanvas.SvgCanvas#event:pointsAdded|module:svgcanvas.SvgCanvas#event:extension_added|module:svgcanvas.SvgCanvas#event:extensions_added|module:svgcanvas.SvgCanvas#event:message|module:svgcanvas.SvgCanvas#event:transition|module:svgcanvas.SvgCanvas#event:zoomed|module:svgcanvas.SvgCanvas#event:updateCanvas|module:svgcanvas.SvgCanvas#event:saved|module:svgcanvas.SvgCanvas#event:exported|module:svgcanvas.SvgCanvas#event:exportedPDF|module:svgcanvas.SvgCanvas#event:setnonce|module:svgcanvas.SvgCanvas#event:unsetnonce|undefined}\n */\n\n/**\n* @callback module:svgcanvas.EventHandler\n* @param {external:Window} win\n* @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg\n* @listens module:svgcanvas.SvgCanvas#event:GenericCanvasEvent\n*/\n\n/**\n* Attaches a callback function to an event\n* @function module:svgcanvas.SvgCanvas#bind\n* @param {\"changed\"|\"contextset\"|\"selected\"|\"pointsAdded\"|\"extension_added\"|\"extensions_added\"|\"message\"|\"transition\"|\"zoomed\"|\"updateCanvas\"|\"zoomDone\"|\"saved\"|\"exported\"|\"exportedPDF\"|\"setnonce\"|\"unsetnonce\"|\"cleared\"} ev - String indicating the name of the event\n* @param {module:svgcanvas.EventHandler} f - The callback function to bind to the event\n* @returns {module:svgcanvas.EventHandler} The previous event\n*/\ncanvas.bind = function (ev, f) {\n  const old = events[ev];\n  events[ev] = f;\n  return old;\n};\n\n/**\n* Runs the SVG Document through the sanitizer and then updates its paths.\n* @function module:svgcanvas.SvgCanvas#prepareSvg\n* @param {XMLDocument} newDoc - The SVG DOM document\n* @returns {undefined}\n*/\nthis.prepareSvg = function (newDoc) {\n  this.sanitizeSvg(newDoc.documentElement);\n\n  // convert paths into absolute commands\n  const paths = [...newDoc.getElementsByTagNameNS(NS.SVG, 'path')];\n  paths.forEach((path) => {\n    path.setAttribute('d', pathActions.convertPath(path));\n    pathActions.fixEnd(path);\n  });\n};\n\n/**\n* Hack for Firefox bugs where text element features aren't updated or get\n* messed up. See issue 136 and issue 137.\n* This function clones the element and re-selects it.\n* @function module:svgcanvas~ffClone\n* @todo Test for this bug on load and add it to \"support\" object instead of\n* browser sniffing\n* @param {Element} elem - The (text) DOM element to clone\n* @returns {Element} Cloned element\n*/\nconst ffClone = function (elem) {\n  if (!isGecko()) { return elem; }\n  const clone = elem.cloneNode(true);\n  elem.before(clone);\n  elem.remove();\n  selectorManager.releaseSelector(elem);\n  selectedElements[0] = clone;\n  selectorManager.requestSelector(clone).showGrips(true);\n  return clone;\n};\n\n// `this.each` is deprecated, if any extension used this it can be recreated by doing this:\n// * @example $(canvas.getRootElem()).children().each(...)\n// * @function module:svgcanvas.SvgCanvas#each\n// this.each = function (cb) {\n//  $(svgroot).children().each(cb);\n// };\n\n/**\n* Removes any old rotations if present, prepends a new rotation at the\n* transformed center\n* @function module:svgcanvas.SvgCanvas#setRotationAngle\n* @param {string|Float} val - The new rotation angle in degrees\n* @param {boolean} preventUndo - Indicates whether the action should be undoable or not\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.setRotationAngle = function (val, preventUndo) {\n  // ensure val is the proper type\n  val = parseFloat(val);\n  const elem = selectedElements[0];\n  const oldTransform = elem.getAttribute('transform');\n  const bbox = utilsGetBBox(elem);\n  const cx = bbox.x + bbox.width / 2, cy = bbox.y + bbox.height / 2;\n  const tlist = getTransformList(elem);\n\n  // only remove the real rotational transform if present (i.e. at index=0)\n  if (tlist.numberOfItems > 0) {\n    const xform = tlist.getItem(0);\n    if (xform.type === 4) {\n      tlist.removeItem(0);\n    }\n  }\n  // find Rnc and insert it\n  if (val !== 0) {\n    const center = transformPoint(cx, cy, transformListToTransform(tlist).matrix);\n    const Rnc = svgroot.createSVGTransform();\n    Rnc.setRotate(val, center.x, center.y);\n    if (tlist.numberOfItems) {\n      tlist.insertItemBefore(Rnc, 0);\n    } else {\n      tlist.appendItem(Rnc);\n    }\n  } else if (tlist.numberOfItems === 0) {\n    elem.removeAttribute('transform');\n  }\n\n  if (!preventUndo) {\n    // we need to undo it, then redo it so it can be undo-able! :)\n    // TODO: figure out how to make changes to transform list undo-able cross-browser?\n    const newTransform = elem.getAttribute('transform');\n    elem.setAttribute('transform', oldTransform);\n    changeSelectedAttribute('transform', newTransform, selectedElements);\n    call('changed', selectedElements);\n  }\n  // const pointGripContainer = getElem('pathpointgrip_container');\n  // if (elem.nodeName === 'path' && pointGripContainer) {\n  //   pathActions.setPointContainerTransform(elem.getAttribute('transform'));\n  // }\n  const selector = selectorManager.requestSelector(selectedElements[0]);\n  selector.resize();\n  selector.updateGripCursors(val);\n};\n\n/**\n* Runs `recalculateDimensions` on the selected elements,\n* adding the changes to a single batch command\n* @function module:svgcanvas.SvgCanvas#recalculateAllSelectedDimensions\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nconst recalculateAllSelectedDimensions = this.recalculateAllSelectedDimensions = function () {\n  const text = (currentResizeMode === 'none' ? 'position' : 'size');\n  const batchCmd = new BatchCommand(text);\n\n  let i = selectedElements.length;\n  while (i--) {\n    const elem = selectedElements[i];\n    // if (getRotationAngle(elem) && !hasMatrixTransform(getTransformList(elem))) { continue; }\n    const cmd = recalculateDimensions(elem);\n    if (cmd) {\n      batchCmd.addSubCommand(cmd);\n    }\n  }\n\n  if (!batchCmd.isEmpty()) {\n    addCommandToHistory(batchCmd);\n    call('changed', selectedElements);\n  }\n};\n\n/**\n * Debug tool to easily see the current matrix in the browser's console\n * @function module:svgcanvas~logMatrix\n * @param {SVGMatrix} m The matrix\n * @returns {undefined}\n */\nconst logMatrix = function (m) {\n  console.log([m.a, m.b, m.c, m.d, m.e, m.f]);\n};\n\n// Root Current Transformation Matrix in user units\nlet rootSctm = null;\n\n/**\n* Group: Selection\n*/\n\n// TODO: do we need to worry about selectedBBoxes here?\n\n/**\n* Selects only the given elements, shortcut for clearSelection(); addToSelection()\n* @function module:svgcanvas.SvgCanvas#selectOnly\n* @param {Element[]} elems - an array of DOM elements to be selected\n* @param {boolean} showGrips - Indicates whether the resize grips should be shown\n* @returns {undefined}\n*/\nconst selectOnly = this.selectOnly = function (elems, showGrips) {\n  clearSelection(true);\n  addToSelection(elems, showGrips);\n};\n\n// TODO: could use slice here to make this faster?\n// TODO: should the 'selected' handler\n\n/**\n* Removes elements from the selection.\n* @function module:svgcanvas.SvgCanvas#removeFromSelection\n* @param {Element[]} elemsToRemove - An array of elements to remove from selection\n* @returns {undefined}\n*/\n/* const removeFromSelection = */ this.removeFromSelection = function (elemsToRemove) {\n  if (selectedElements[0] == null) { return; }\n  if (!elemsToRemove.length) { return; }\n\n  // find every element and remove it from our array copy\n  const newSelectedItems = [],\n    len = selectedElements.length;\n  for (let i = 0; i < len; ++i) {\n    const elem = selectedElements[i];\n    if (elem) {\n      // keep the item\n      if (!elemsToRemove.includes(elem)) {\n        newSelectedItems.push(elem);\n      } else { // remove the item and its selector\n        selectorManager.releaseSelector(elem);\n      }\n    }\n  }\n  // the copy becomes the master now\n  selectedElements = newSelectedItems;\n};\n\n/**\n* Clears the selection, then adds all elements in the current layer to the selection.\n* @function module:svgcanvas.SvgCanvas#selectAllInCurrentLayer\n* @returns {undefined}\n*/\nthis.selectAllInCurrentLayer = function () {\n  const currentLayer = getCurrentDrawing().getCurrentLayer();\n  if (currentLayer) {\n    currentMode = 'select';\n    selectOnly($(currentGroup || currentLayer).children());\n  }\n};\n\nlet drawnPath = null;\n\n// Mouse events\n(function () {\nconst freehand = {\n  minx: null,\n  miny: null,\n  maxx: null,\n  maxy: null\n};\nconst THRESHOLD_DIST = 0.8,\n  STEP_COUNT = 10;\nlet dAttr = null,\n  startX = null,\n  startY = null,\n  rStartX = null,\n  rStartY = null,\n  initBbox = {},\n  sumDistance = 0,\n  controllPoint2 = {x: 0, y: 0},\n  controllPoint1 = {x: 0, y: 0},\n  start = {x: 0, y: 0},\n  end = {x: 0, y: 0},\n  bSpline = {x: 0, y: 0},\n  nextPos = {x: 0, y: 0},\n  parameter,\n  nextParameter;\n\nconst getBsplinePoint = function (t) {\n  const spline = {x: 0, y: 0},\n    p0 = controllPoint2,\n    p1 = controllPoint1,\n    p2 = start,\n    p3 = end,\n    S = 1.0 / 6.0,\n    t2 = t * t,\n    t3 = t2 * t;\n\n  const m = [\n    [-1, 3, -3, 1],\n    [3, -6, 3, 0],\n    [-3, 0, 3, 0],\n    [1, 4, 1, 0]\n  ];\n\n  spline.x = S * (\n    (p0.x * m[0][0] + p1.x * m[0][1] + p2.x * m[0][2] + p3.x * m[0][3]) * t3 +\n      (p0.x * m[1][0] + p1.x * m[1][1] + p2.x * m[1][2] + p3.x * m[1][3]) * t2 +\n      (p0.x * m[2][0] + p1.x * m[2][1] + p2.x * m[2][2] + p3.x * m[2][3]) * t +\n      (p0.x * m[3][0] + p1.x * m[3][1] + p2.x * m[3][2] + p3.x * m[3][3])\n  );\n  spline.y = S * (\n    (p0.y * m[0][0] + p1.y * m[0][1] + p2.y * m[0][2] + p3.y * m[0][3]) * t3 +\n      (p0.y * m[1][0] + p1.y * m[1][1] + p2.y * m[1][2] + p3.y * m[1][3]) * t2 +\n      (p0.y * m[2][0] + p1.y * m[2][1] + p2.y * m[2][2] + p3.y * m[2][3]) * t +\n      (p0.y * m[3][0] + p1.y * m[3][1] + p2.y * m[3][2] + p3.y * m[3][3])\n  );\n\n  return {\n    x: spline.x,\n    y: spline.y\n  };\n};\n/**\n * - When we are in a create mode, the element is added to the canvas but the\n *   action is not recorded until mousing up.\n * - When we are in select mode, select the element, remember the position\n *   and do nothing else\n * @param {MouseEvent} evt\n * @fires module:svgcanvas.SvgCanvas#event:ext-mouseDown\n * @returns {undefined}\n */\nconst mouseDown = function (evt) {\n  if (canvas.spaceKey || evt.button === 1) { return; }\n\n  const rightClick = evt.button === 2;\n\n  if (evt.altKey) { // duplicate when dragging\n    canvas.cloneSelectedElements(0, 0);\n  }\n\n  rootSctm = $('#svgcontent g')[0].getScreenCTM().inverse();\n\n  const pt = transformPoint(evt.pageX, evt.pageY, rootSctm),\n    mouseX = pt.x * currentZoom,\n    mouseY = pt.y * currentZoom;\n\n  evt.preventDefault();\n\n  if (rightClick) {\n    currentMode = 'select';\n    lastClickPoint = pt;\n  }\n\n  // This would seem to be unnecessary...\n  // if (!['select', 'resize'].includes(currentMode)) {\n  //   setGradient();\n  // }\n\n  let x = mouseX / currentZoom,\n    y = mouseY / currentZoom;\n  let mouseTarget = getMouseTarget(evt);\n\n  if (mouseTarget.tagName === 'a' && mouseTarget.childNodes.length === 1) {\n    mouseTarget = mouseTarget.firstChild;\n  }\n\n  // realX/y ignores grid-snap value\n  const realX = x;\n  rStartX = startX = x;\n  const realY = y;\n  rStartY = startY = y;\n\n  if (curConfig.gridSnapping) {\n    x = snapToGrid(x);\n    y = snapToGrid(y);\n    startX = snapToGrid(startX);\n    startY = snapToGrid(startY);\n  }\n\n  // if it is a selector grip, then it must be a single element selected,\n  // set the mouseTarget to that and update the mode to rotate/resize\n\n  if (mouseTarget === selectorManager.selectorParentGroup && selectedElements[0] != null) {\n    const grip = evt.target;\n    const griptype = elData(grip, 'type');\n    // rotating\n    if (griptype === 'rotate') {\n      currentMode = 'rotate';\n    // resizing\n    } else if (griptype === 'resize') {\n      currentMode = 'resize';\n      currentResizeMode = elData(grip, 'dir');\n    }\n    mouseTarget = selectedElements[0];\n  }\n\n  startTransform = mouseTarget.getAttribute('transform');\n  let i, strokeW;\n  const tlist = getTransformList(mouseTarget);\n  switch (currentMode) {\n  case 'select':\n    started = true;\n    currentResizeMode = 'none';\n    if (rightClick) { started = false; }\n\n    if (mouseTarget !== svgroot) {\n      // if this element is not yet selected, clear selection and select it\n      if (!selectedElements.includes(mouseTarget)) {\n        // only clear selection if shift is not pressed (otherwise, add\n        // element to selection)\n        if (!evt.shiftKey) {\n          // No need to do the call here as it will be done on addToSelection\n          clearSelection(true);\n        }\n        addToSelection([mouseTarget]);\n        justSelected = mouseTarget;\n        pathActions.clear();\n      }\n      // else if it's a path, go into pathedit mode in mouseup\n\n      if (!rightClick) {\n        // insert a dummy transform so if the element(s) are moved it will have\n        // a transform to use for its translate\n        for (i = 0; i < selectedElements.length; ++i) {\n          if (selectedElements[i] == null) { continue; }\n          const slist = getTransformList(selectedElements[i]);\n          if (slist.numberOfItems) {\n            slist.insertItemBefore(svgroot.createSVGTransform(), 0);\n          } else {\n            slist.appendItem(svgroot.createSVGTransform());\n          }\n        }\n      }\n    } else if (!rightClick) {\n      clearSelection();\n      currentMode = 'multiselect';\n      if (rubberBox == null) {\n        rubberBox = selectorManager.getRubberBandBox();\n      }\n      rStartX *= currentZoom;\n      rStartY *= currentZoom;\n      // console.log('p',[evt.pageX, evt.pageY]);\n      // console.log('c',[evt.clientX, evt.clientY]);\n      // console.log('o',[evt.offsetX, evt.offsetY]);\n      // console.log('s',[startX, startY]);\n\n      assignAttributes(rubberBox, {\n        x: rStartX,\n        y: rStartY,\n        width: 0,\n        height: 0,\n        display: 'inline'\n      }, 100);\n    }\n    break;\n  case 'zoom':\n    started = true;\n    if (rubberBox == null) {\n      rubberBox = selectorManager.getRubberBandBox();\n    }\n    assignAttributes(rubberBox, {\n      x: realX * currentZoom,\n      y: realX * currentZoom,\n      width: 0,\n      height: 0,\n      display: 'inline'\n    }, 100);\n    break;\n  case 'resize':\n    started = true;\n    startX = x;\n    startY = y;\n\n    // Getting the BBox from the selection box, since we know we\n    // want to orient around it\n    initBbox = utilsGetBBox($('#selectedBox0')[0]);\n    const bb = {};\n    $.each(initBbox, function (key, val) {\n      bb[key] = val / currentZoom;\n    });\n    initBbox = bb;\n\n    // append three dummy transforms to the tlist so that\n    // we can translate,scale,translate in mousemove\n    const pos = getRotationAngle(mouseTarget) ? 1 : 0;\n\n    if (hasMatrixTransform(tlist)) {\n      tlist.insertItemBefore(svgroot.createSVGTransform(), pos);\n      tlist.insertItemBefore(svgroot.createSVGTransform(), pos);\n      tlist.insertItemBefore(svgroot.createSVGTransform(), pos);\n    } else {\n      tlist.appendItem(svgroot.createSVGTransform());\n      tlist.appendItem(svgroot.createSVGTransform());\n      tlist.appendItem(svgroot.createSVGTransform());\n\n      if (supportsNonScalingStroke()) {\n        // Handle crash for newer Chrome and Safari 6 (Mobile and Desktop):\n        // https://code.google.com/p/svg-edit/issues/detail?id=904\n        // Chromium issue: https://code.google.com/p/chromium/issues/detail?id=114625\n        // TODO: Remove this workaround once vendor fixes the issue\n        const iswebkit = isWebkit();\n\n        let delayedStroke;\n        if (iswebkit) {\n          delayedStroke = function (ele) {\n            const _stroke = ele.getAttributeNS(null, 'stroke');\n            ele.removeAttributeNS(null, 'stroke');\n            // Re-apply stroke after delay. Anything higher than 1 seems to cause flicker\n            if (_stroke !== null) setTimeout(function () { ele.setAttributeNS(null, 'stroke', _stroke); }, 0);\n          };\n        }\n        mouseTarget.style.vectorEffect = 'non-scaling-stroke';\n        if (iswebkit) { delayedStroke(mouseTarget); }\n\n        const all = mouseTarget.getElementsByTagName('*'),\n          len = all.length;\n        for (i = 0; i < len; i++) {\n          if (!all[i].style) { // mathML\n            continue;\n          }\n          all[i].style.vectorEffect = 'non-scaling-stroke';\n          if (iswebkit) { delayedStroke(all[i]); }\n        }\n      }\n    }\n    break;\n  case 'fhellipse':\n  case 'fhrect':\n  case 'fhpath':\n    start.x = realX;\n    start.y = realY;\n    started = true;\n    dAttr = realX + ',' + realY + ' ';\n    strokeW = parseFloat(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;\n    addSVGElementFromJson({\n      element: 'polyline',\n      curStyles: true,\n      attr: {\n        points: dAttr,\n        id: getNextId(),\n        fill: 'none',\n        opacity: curShape.opacity / 2,\n        'stroke-linecap': 'round',\n        style: 'pointer-events:none'\n      }\n    });\n    freehand.minx = realX;\n    freehand.maxx = realX;\n    freehand.miny = realY;\n    freehand.maxy = realY;\n    break;\n  case 'image':\n    started = true;\n    const newImage = addSVGElementFromJson({\n      element: 'image',\n      attr: {\n        x,\n        y,\n        width: 0,\n        height: 0,\n        id: getNextId(),\n        opacity: curShape.opacity / 2,\n        style: 'pointer-events:inherit'\n      }\n    });\n    setHref(newImage, lastGoodImgUrl);\n    preventClickDefault(newImage);\n    break;\n  case 'square':\n    // FIXME: once we create the rect, we lose information that this was a square\n    // (for resizing purposes this could be important)\n    // Fallthrough\n  case 'rect':\n    started = true;\n    startX = x;\n    startY = y;\n    addSVGElementFromJson({\n      element: 'rect',\n      curStyles: true,\n      attr: {\n        x,\n        y,\n        width: 0,\n        height: 0,\n        id: getNextId(),\n        opacity: curShape.opacity / 2\n      }\n    });\n    break;\n  case 'line':\n    started = true;\n    strokeW = Number(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;\n    addSVGElementFromJson({\n      element: 'line',\n      curStyles: true,\n      attr: {\n        x1: x,\n        y1: y,\n        x2: x,\n        y2: y,\n        id: getNextId(),\n        stroke: curShape.stroke,\n        'stroke-width': strokeW,\n        'stroke-dasharray': curShape.stroke_dasharray,\n        'stroke-linejoin': curShape.stroke_linejoin,\n        'stroke-linecap': curShape.stroke_linecap,\n        'stroke-opacity': curShape.stroke_opacity,\n        fill: 'none',\n        opacity: curShape.opacity / 2,\n        style: 'pointer-events:none'\n      }\n    });\n    break;\n  case 'circle':\n    started = true;\n    addSVGElementFromJson({\n      element: 'circle',\n      curStyles: true,\n      attr: {\n        cx: x,\n        cy: y,\n        r: 0,\n        id: getNextId(),\n        opacity: curShape.opacity / 2\n      }\n    });\n    break;\n  case 'ellipse':\n    started = true;\n    addSVGElementFromJson({\n      element: 'ellipse',\n      curStyles: true,\n      attr: {\n        cx: x,\n        cy: y,\n        rx: 0,\n        ry: 0,\n        id: getNextId(),\n        opacity: curShape.opacity / 2\n      }\n    });\n    break;\n  case 'text':\n    started = true;\n    /* const newText = */ addSVGElementFromJson({\n      element: 'text',\n      curStyles: true,\n      attr: {\n        x,\n        y,\n        id: getNextId(),\n        fill: curText.fill,\n        'stroke-width': curText.stroke_width,\n        'font-size': curText.font_size,\n        'font-family': curText.font_family,\n        'text-anchor': 'middle',\n        'xml:space': 'preserve',\n        opacity: curShape.opacity\n      }\n    });\n    // newText.textContent = 'text';\n    break;\n  case 'path':\n    // Fall through\n  case 'pathedit':\n    startX *= currentZoom;\n    startY *= currentZoom;\n    pathActions.mouseDown(evt, mouseTarget, startX, startY);\n    started = true;\n    break;\n  case 'textedit':\n    startX *= currentZoom;\n    startY *= currentZoom;\n    textActions.mouseDown(evt, mouseTarget, startX, startY);\n    started = true;\n    break;\n  case 'rotate':\n    started = true;\n    // we are starting an undoable change (a drag-rotation)\n    canvas.undoMgr.beginUndoableChange('transform', selectedElements);\n    break;\n  default:\n    // This could occur in an extension\n    break;\n  }\n\n  /**\n   * The main (left) mouse button is held down on the canvas area\n   * @event module:svgcanvas.SvgCanvas#event:ext-mouseDown\n   * @type {PlainObject}\n   * @property {MouseEvent} event The event object\n   * @property {Float} start_x x coordinate on canvas\n   * @property {Float} start_y y coordinate on canvas\n   * @property {Element[]} selectedElements An array of the selected Elements\n  */\n  const extResult = runExtensions('mouseDown', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseDown} */ {\n    event: evt,\n    start_x: startX,\n    start_y: startY,\n    selectedElements\n  }, true);\n\n  $.each(extResult, function (i, r) {\n    if (r && r.started) {\n      started = true;\n    }\n  });\n};\n\n// in this function we do not record any state changes yet (but we do update\n// any elements that are still being created, moved or resized on the canvas)\n/**\n *\n * @param {MouseEvent} evt\n * @fires module:svgcanvas.SvgCanvas#event:transition\n * @fires module:svgcanvas.SvgCanvas#event:ext-mouseMove\n * @returns {undefined}\n */\nconst mouseMove = function (evt) {\n  if (!started) { return; }\n  if (evt.button === 1 || canvas.spaceKey) { return; }\n\n  let i, xya, c, cx, cy, dx, dy, len, angle, box,\n    selected = selectedElements[0];\n  const\n    pt = transformPoint(evt.pageX, evt.pageY, rootSctm),\n    mouseX = pt.x * currentZoom,\n    mouseY = pt.y * currentZoom,\n    shape = getElem(getId());\n\n  let realX = mouseX / currentZoom;\n  let x = realX;\n  let realY = mouseY / currentZoom;\n  let y = realY;\n\n  if (curConfig.gridSnapping) {\n    x = snapToGrid(x);\n    y = snapToGrid(y);\n  }\n\n  evt.preventDefault();\n  let tlist;\n  switch (currentMode) {\n  case 'select': {\n    // we temporarily use a translate on the element(s) being dragged\n    // this transform is removed upon mousing up and the element is\n    // relocated to the new location\n    if (selectedElements[0] !== null) {\n      dx = x - startX;\n      dy = y - startY;\n\n      if (curConfig.gridSnapping) {\n        dx = snapToGrid(dx);\n        dy = snapToGrid(dy);\n      }\n\n      if (evt.shiftKey) {\n        xya = snapToAngle(startX, startY, x, y);\n        ({x, y} = xya);\n      }\n\n      if (dx !== 0 || dy !== 0) {\n        len = selectedElements.length;\n        for (i = 0; i < len; ++i) {\n          selected = selectedElements[i];\n          if (selected == null) { break; }\n          // if (i === 0) {\n          //   const box = utilsGetBBox(selected);\n          //     selectedBBoxes[i].x = box.x + dx;\n          //     selectedBBoxes[i].y = box.y + dy;\n          // }\n\n          // update the dummy transform in our transform list\n          // to be a translate\n          const xform = svgroot.createSVGTransform();\n          tlist = getTransformList(selected);\n          // Note that if Webkit and there's no ID for this\n          // element, the dummy transform may have gotten lost.\n          // This results in unexpected behaviour\n\n          xform.setTranslate(dx, dy);\n          if (tlist.numberOfItems) {\n            tlist.replaceItem(xform, 0);\n          } else {\n            tlist.appendItem(xform);\n          }\n\n          // update our internal bbox that we're tracking while dragging\n          selectorManager.requestSelector(selected).resize();\n        }\n\n        call('transition', selectedElements);\n      }\n    }\n    break;\n  } case 'multiselect': {\n    realX *= currentZoom;\n    realY *= currentZoom;\n    assignAttributes(rubberBox, {\n      x: Math.min(rStartX, realX),\n      y: Math.min(rStartY, realY),\n      width: Math.abs(realX - rStartX),\n      height: Math.abs(realY - rStartY)\n    }, 100);\n\n    // for each selected:\n    // - if newList contains selected, do nothing\n    // - if newList doesn't contain selected, remove it from selected\n    // - for any newList that was not in selectedElements, add it to selected\n    const elemsToRemove = selectedElements.slice(), elemsToAdd = [],\n      newList = getIntersectionList();\n\n    // For every element in the intersection, add if not present in selectedElements.\n    len = newList.length;\n    for (i = 0; i < len; ++i) {\n      const intElem = newList[i];\n      // Found an element that was not selected before, so we should add it.\n      if (!selectedElements.includes(intElem)) {\n        elemsToAdd.push(intElem);\n      }\n      // Found an element that was already selected, so we shouldn't remove it.\n      const foundInd = elemsToRemove.indexOf(intElem);\n      if (foundInd !== -1) {\n        elemsToRemove.splice(foundInd, 1);\n      }\n    }\n\n    if (elemsToRemove.length > 0) {\n      canvas.removeFromSelection(elemsToRemove);\n    }\n\n    if (elemsToAdd.length > 0) {\n      canvas.addToSelection(elemsToAdd);\n    }\n\n    break;\n  } case 'resize': {\n    // we track the resize bounding box and translate/scale the selected element\n    // while the mouse is down, when mouse goes up, we use this to recalculate\n    // the shape's coordinates\n    tlist = getTransformList(selected);\n    const hasMatrix = hasMatrixTransform(tlist);\n    box = hasMatrix ? initBbox : utilsGetBBox(selected);\n    let left = box.x,\n      top = box.y,\n      {width, height} = box;\n    dx = (x - startX);\n    dy = (y - startY);\n\n    if (curConfig.gridSnapping) {\n      dx = snapToGrid(dx);\n      dy = snapToGrid(dy);\n      height = snapToGrid(height);\n      width = snapToGrid(width);\n    }\n\n    // if rotated, adjust the dx,dy values\n    angle = getRotationAngle(selected);\n    if (angle) {\n      const r = Math.sqrt(dx * dx + dy * dy),\n        theta = Math.atan2(dy, dx) - angle * Math.PI / 180.0;\n      dx = r * Math.cos(theta);\n      dy = r * Math.sin(theta);\n    }\n\n    // if not stretching in y direction, set dy to 0\n    // if not stretching in x direction, set dx to 0\n    if (!currentResizeMode.includes('n') && !currentResizeMode.includes('s')) {\n      dy = 0;\n    }\n    if (!currentResizeMode.includes('e') && !currentResizeMode.includes('w')) {\n      dx = 0;\n    }\n\n    let // ts = null,\n      tx = 0, ty = 0,\n      sy = height ? (height + dy) / height : 1,\n      sx = width ? (width + dx) / width : 1;\n    // if we are dragging on the north side, then adjust the scale factor and ty\n    if (currentResizeMode.includes('n')) {\n      sy = height ? (height - dy) / height : 1;\n      ty = height;\n    }\n\n    // if we dragging on the east side, then adjust the scale factor and tx\n    if (currentResizeMode.includes('w')) {\n      sx = width ? (width - dx) / width : 1;\n      tx = width;\n    }\n\n    // update the transform list with translate,scale,translate\n    const translateOrigin = svgroot.createSVGTransform(),\n      scale = svgroot.createSVGTransform(),\n      translateBack = svgroot.createSVGTransform();\n\n    if (curConfig.gridSnapping) {\n      left = snapToGrid(left);\n      tx = snapToGrid(tx);\n      top = snapToGrid(top);\n      ty = snapToGrid(ty);\n    }\n\n    translateOrigin.setTranslate(-(left + tx), -(top + ty));\n    if (evt.shiftKey) {\n      if (sx === 1) {\n        sx = sy;\n      } else { sy = sx; }\n    }\n    scale.setScale(sx, sy);\n\n    translateBack.setTranslate(left + tx, top + ty);\n    if (hasMatrix) {\n      const diff = angle ? 1 : 0;\n      tlist.replaceItem(translateOrigin, 2 + diff);\n      tlist.replaceItem(scale, 1 + diff);\n      tlist.replaceItem(translateBack, Number(diff));\n    } else {\n      const N = tlist.numberOfItems;\n      tlist.replaceItem(translateBack, N - 3);\n      tlist.replaceItem(scale, N - 2);\n      tlist.replaceItem(translateOrigin, N - 1);\n    }\n\n    selectorManager.requestSelector(selected).resize();\n\n    call('transition', selectedElements);\n\n    break;\n  } case 'zoom': {\n    realX *= currentZoom;\n    realY *= currentZoom;\n    assignAttributes(rubberBox, {\n      x: Math.min(rStartX * currentZoom, realX),\n      y: Math.min(rStartY * currentZoom, realY),\n      width: Math.abs(realX - rStartX * currentZoom),\n      height: Math.abs(realY - rStartY * currentZoom)\n    }, 100);\n    break;\n  } case 'text': {\n    assignAttributes(shape, {\n      x,\n      y\n    }, 1000);\n    break;\n  } case 'line': {\n    if (curConfig.gridSnapping) {\n      x = snapToGrid(x);\n      y = snapToGrid(y);\n    }\n\n    let x2 = x;\n    let y2 = y;\n\n    if (evt.shiftKey) {\n      xya = snapToAngle(startX, startY, x2, y2);\n      x2 = xya.x;\n      y2 = xya.y;\n    }\n\n    shape.setAttributeNS(null, 'x2', x2);\n    shape.setAttributeNS(null, 'y2', y2);\n    break;\n  } case 'foreignObject':\n    // fall through\n  case 'square':\n    // fall through\n  case 'rect':\n    // fall through\n  case 'image': {\n    const square = (currentMode === 'square') || evt.shiftKey;\n    let\n      w = Math.abs(x - startX),\n      h = Math.abs(y - startY);\n    let newX, newY;\n    if (square) {\n      w = h = Math.max(w, h);\n      newX = startX < x ? startX : startX - w;\n      newY = startY < y ? startY : startY - h;\n    } else {\n      newX = Math.min(startX, x);\n      newY = Math.min(startY, y);\n    }\n\n    if (curConfig.gridSnapping) {\n      w = snapToGrid(w);\n      h = snapToGrid(h);\n      newX = snapToGrid(newX);\n      newY = snapToGrid(newY);\n    }\n\n    assignAttributes(shape, {\n      width: w,\n      height: h,\n      x: newX,\n      y: newY\n    }, 1000);\n\n    break;\n  } case 'circle': {\n    c = $(shape).attr(['cx', 'cy']);\n    ({cx, cy} = c);\n    let rad = Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy));\n    if (curConfig.gridSnapping) {\n      rad = snapToGrid(rad);\n    }\n    shape.setAttributeNS(null, 'r', rad);\n    break;\n  } case 'ellipse': {\n    c = $(shape).attr(['cx', 'cy']);\n    ({cx, cy} = c);\n    if (curConfig.gridSnapping) {\n      x = snapToGrid(x);\n      cx = snapToGrid(cx);\n      y = snapToGrid(y);\n      cy = snapToGrid(cy);\n    }\n    shape.setAttributeNS(null, 'rx', Math.abs(x - cx));\n    const ry = Math.abs(evt.shiftKey ? (x - cx) : (y - cy));\n    shape.setAttributeNS(null, 'ry', ry);\n    break;\n  }\n  case 'fhellipse':\n  case 'fhrect': {\n    freehand.minx = Math.min(realX, freehand.minx);\n    freehand.maxx = Math.max(realX, freehand.maxx);\n    freehand.miny = Math.min(realY, freehand.miny);\n    freehand.maxy = Math.max(realY, freehand.maxy);\n  }\n  // Fallthrough\n  case 'fhpath': {\n    // dAttr += + realX + ',' + realY + ' ';\n    // shape.setAttributeNS(null, 'points', dAttr);\n    end.x = realX; end.y = realY;\n    if (controllPoint2.x && controllPoint2.y) {\n      for (i = 0; i < STEP_COUNT - 1; i++) {\n        parameter = i / STEP_COUNT;\n        nextParameter = (i + 1) / STEP_COUNT;\n        bSpline = getBsplinePoint(nextParameter);\n        nextPos = bSpline;\n        bSpline = getBsplinePoint(parameter);\n        sumDistance += Math.sqrt((nextPos.x - bSpline.x) * (nextPos.x - bSpline.x) + (nextPos.y - bSpline.y) * (nextPos.y - bSpline.y));\n        if (sumDistance > THRESHOLD_DIST) {\n          sumDistance -= THRESHOLD_DIST;\n\n          // Faster than completely re-writing the points attribute.\n          const point = svgcontent.createSVGPoint();\n          point.x = bSpline.x;\n          point.y = bSpline.y;\n          shape.points.appendItem(point);\n        }\n      }\n    }\n    controllPoint2 = {x: controllPoint1.x, y: controllPoint1.y};\n    controllPoint1 = {x: start.x, y: start.y};\n    start = {x: end.x, y: end.y};\n    break;\n  // update path stretch line coordinates\n  } case 'path': {\n  }\n  // fall through\n  case 'pathedit': {\n    x *= currentZoom;\n    y *= currentZoom;\n\n    if (curConfig.gridSnapping) {\n      x = snapToGrid(x);\n      y = snapToGrid(y);\n      startX = snapToGrid(startX);\n      startY = snapToGrid(startY);\n    }\n    if (evt.shiftKey) {\n      const {path} = pathModule;\n      let x1, y1;\n      if (path) {\n        x1 = path.dragging ? path.dragging[0] : startX;\n        y1 = path.dragging ? path.dragging[1] : startY;\n      } else {\n        x1 = startX;\n        y1 = startY;\n      }\n      xya = snapToAngle(x1, y1, x, y);\n      ({x, y} = xya);\n    }\n\n    if (rubberBox && rubberBox.getAttribute('display') !== 'none') {\n      realX *= currentZoom;\n      realY *= currentZoom;\n      assignAttributes(rubberBox, {\n        x: Math.min(rStartX * currentZoom, realX),\n        y: Math.min(rStartY * currentZoom, realY),\n        width: Math.abs(realX - rStartX * currentZoom),\n        height: Math.abs(realY - rStartY * currentZoom)\n      }, 100);\n    }\n    pathActions.mouseMove(x, y);\n\n    break;\n  } case 'textedit': {\n    x *= currentZoom;\n    y *= currentZoom;\n    // if (rubberBox && rubberBox.getAttribute('display') !== 'none') {\n    //   assignAttributes(rubberBox, {\n    //     x: Math.min(startX, x),\n    //     y: Math.min(startY, y),\n    //     width: Math.abs(x - startX),\n    //     height: Math.abs(y - startY)\n    //   }, 100);\n    // }\n\n    textActions.mouseMove(mouseX, mouseY);\n\n    break;\n  } case 'rotate': {\n    box = utilsGetBBox(selected);\n    cx = box.x + box.width / 2;\n    cy = box.y + box.height / 2;\n    const m = getMatrix(selected),\n      center = transformPoint(cx, cy, m);\n    cx = center.x;\n    cy = center.y;\n    angle = ((Math.atan2(cy - y, cx - x) * (180 / Math.PI)) - 90) % 360;\n    if (curConfig.gridSnapping) {\n      angle = snapToGrid(angle);\n    }\n    if (evt.shiftKey) { // restrict rotations to nice angles (WRS)\n      const snap = 45;\n      angle = Math.round(angle / snap) * snap;\n    }\n\n    canvas.setRotationAngle(angle < -180 ? (360 + angle) : angle, true);\n    call('transition', selectedElements);\n    break;\n  } default:\n    break;\n  }\n\n  /**\n  * The mouse has moved on the canvas area\n  * @event module:svgcanvas.SvgCanvas#event:ext-mouseMove\n  * @type {PlainObject}\n  * @property {MouseEvent} event The event object\n  * @property {Float} mouse_x x coordinate on canvas\n  * @property {Float} mouse_y y coordinate on canvas\n  * @property {Element} selected Refers to the first selected element\n  */\n  runExtensions('mouseMove', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseMove} */ {\n    event: evt,\n    mouse_x: mouseX,\n    mouse_y: mouseY,\n    selected\n  });\n}; // mouseMove()\n\n// - in create mode, the element's opacity is set properly, we create an InsertElementCommand\n// and store it on the Undo stack\n// - in move/resize mode, the element's attributes which were affected by the move/resize are\n// identified, a ChangeElementCommand is created and stored on the stack for those attrs\n// this is done in when we recalculate the selected dimensions()\n/**\n *\n * @param {MouseEvent} evt\n * @fires module:svgcanvas.SvgCanvas#event:zoomed\n * @fires module:svgcanvas.SvgCanvas#event:changed\n * @fires module:svgcanvas.SvgCanvas#event:ext-mouseUp\n * @returns {undefined}\n */\nconst mouseUp = function (evt) {\n  if (evt.button === 2) { return; }\n  const tempJustSelected = justSelected;\n  justSelected = null;\n  if (!started) { return; }\n  const pt = transformPoint(evt.pageX, evt.pageY, rootSctm),\n    mouseX = pt.x * currentZoom,\n    mouseY = pt.y * currentZoom,\n    x = mouseX / currentZoom,\n    y = mouseY / currentZoom;\n\n  let element = getElem(getId());\n  let keep = false;\n\n  const realX = x;\n  const realY = y;\n\n  // TODO: Make true when in multi-unit mode\n  const useUnit = false; // (curConfig.baseUnit !== 'px');\n  started = false;\n  let attrs, t;\n  switch (currentMode) {\n  // intentionally fall-through to select here\n  case 'resize':\n  case 'multiselect':\n    if (rubberBox != null) {\n      rubberBox.setAttribute('display', 'none');\n      curBBoxes = [];\n    }\n    currentMode = 'select';\n    // Fallthrough\n  case 'select':\n    if (selectedElements[0] != null) {\n      // if we only have one selected element\n      if (selectedElements[1] == null) {\n        // set our current stroke/fill properties to the element's\n        const selected = selectedElements[0];\n        switch (selected.tagName) {\n        case 'g':\n        case 'use':\n        case 'image':\n        case 'foreignObject':\n          break;\n        default:\n          curProperties.fill = selected.getAttribute('fill');\n          curProperties.fill_opacity = selected.getAttribute('fill-opacity');\n          curProperties.stroke = selected.getAttribute('stroke');\n          curProperties.stroke_opacity = selected.getAttribute('stroke-opacity');\n          curProperties.stroke_width = selected.getAttribute('stroke-width');\n          curProperties.stroke_dasharray = selected.getAttribute('stroke-dasharray');\n          curProperties.stroke_linejoin = selected.getAttribute('stroke-linejoin');\n          curProperties.stroke_linecap = selected.getAttribute('stroke-linecap');\n        }\n\n        if (selected.tagName === 'text') {\n          curText.font_size = selected.getAttribute('font-size');\n          curText.font_family = selected.getAttribute('font-family');\n        }\n        selectorManager.requestSelector(selected).showGrips(true);\n\n        // This shouldn't be necessary as it was done on mouseDown...\n        // call('selected', [selected]);\n      }\n      // always recalculate dimensions to strip off stray identity transforms\n      recalculateAllSelectedDimensions();\n      // if it was being dragged/resized\n      if (realX !== rStartX || realY !== rStartY) {\n        const len = selectedElements.length;\n        for (let i = 0; i < len; ++i) {\n          if (selectedElements[i] == null) { break; }\n          if (!selectedElements[i].firstChild) {\n            // Not needed for groups (incorrectly resizes elems), possibly not needed at all?\n            selectorManager.requestSelector(selectedElements[i]).resize();\n          }\n        }\n      // no change in position/size, so maybe we should move to pathedit\n      } else {\n        t = evt.target;\n        if (selectedElements[0].nodeName === 'path' && selectedElements[1] == null) {\n          pathActions.select(selectedElements[0]);\n        // if it was a path\n        // else, if it was selected and this is a shift-click, remove it from selection\n        } else if (evt.shiftKey) {\n          if (tempJustSelected !== t) {\n            canvas.removeFromSelection([t]);\n          }\n        }\n      } // no change in mouse position\n\n      // Remove non-scaling stroke\n      if (supportsNonScalingStroke()) {\n        const elem = selectedElements[0];\n        if (elem) {\n          elem.removeAttribute('style');\n          walkTree(elem, function (elem) {\n            elem.removeAttribute('style');\n          });\n        }\n      }\n    }\n    return;\n  case 'zoom':\n    if (rubberBox != null) {\n      rubberBox.setAttribute('display', 'none');\n    }\n    const factor = evt.shiftKey ? 0.5 : 2;\n    call('zoomed', {\n      x: Math.min(rStartX, realX),\n      y: Math.min(rStartY, realY),\n      width: Math.abs(realX - rStartX),\n      height: Math.abs(realY - rStartY),\n      factor\n    });\n    return;\n  case 'fhpath':\n    // Check that the path contains at least 2 points; a degenerate one-point path\n    // causes problems.\n    // Webkit ignores how we set the points attribute with commas and uses space\n    // to separate all coordinates, see https://bugs.webkit.org/show_bug.cgi?id=29870\n    sumDistance = 0;\n    controllPoint2 = {x: 0, y: 0};\n    controllPoint1 = {x: 0, y: 0};\n    start = {x: 0, y: 0};\n    end = {x: 0, y: 0};\n    const coords = element.getAttribute('points');\n    const commaIndex = coords.indexOf(',');\n    if (commaIndex >= 0) {\n      keep = coords.indexOf(',', commaIndex + 1) >= 0;\n    } else {\n      keep = coords.indexOf(' ', coords.indexOf(' ') + 1) >= 0;\n    }\n    if (keep) {\n      element = pathActions.smoothPolylineIntoPath(element);\n    }\n    break;\n  case 'line':\n    attrs = $(element).attr(['x1', 'x2', 'y1', 'y2']);\n    keep = (attrs.x1 !== attrs.x2 || attrs.y1 !== attrs.y2);\n    break;\n  case 'foreignObject':\n  case 'square':\n  case 'rect':\n  case 'image':\n    attrs = $(element).attr(['width', 'height']);\n    // Image should be kept regardless of size (use inherit dimensions later)\n    keep = (attrs.width || attrs.height) || currentMode === 'image';\n    break;\n  case 'circle':\n    keep = (element.getAttribute('r') !== '0');\n    break;\n  case 'ellipse':\n    attrs = $(element).attr(['rx', 'ry']);\n    keep = (attrs.rx || attrs.ry);\n    break;\n  case 'fhellipse':\n    if ((freehand.maxx - freehand.minx) > 0 &&\n      (freehand.maxy - freehand.miny) > 0) {\n      element = addSVGElementFromJson({\n        element: 'ellipse',\n        curStyles: true,\n        attr: {\n          cx: (freehand.minx + freehand.maxx) / 2,\n          cy: (freehand.miny + freehand.maxy) / 2,\n          rx: (freehand.maxx - freehand.minx) / 2,\n          ry: (freehand.maxy - freehand.miny) / 2,\n          id: getId()\n        }\n      });\n      call('changed', [element]);\n      keep = true;\n    }\n    break;\n  case 'fhrect':\n    if ((freehand.maxx - freehand.minx) > 0 &&\n      (freehand.maxy - freehand.miny) > 0) {\n      element = addSVGElementFromJson({\n        element: 'rect',\n        curStyles: true,\n        attr: {\n          x: freehand.minx,\n          y: freehand.miny,\n          width: (freehand.maxx - freehand.minx),\n          height: (freehand.maxy - freehand.miny),\n          id: getId()\n        }\n      });\n      call('changed', [element]);\n      keep = true;\n    }\n    break;\n  case 'text':\n    keep = true;\n    selectOnly([element]);\n    textActions.start(element);\n    break;\n  case 'path':\n    // set element to null here so that it is not removed nor finalized\n    element = null;\n    // continue to be set to true so that mouseMove happens\n    started = true;\n\n    const res = pathActions.mouseUp(evt, element, mouseX, mouseY);\n    ({element} = res);\n    ({keep} = res);\n    break;\n  case 'pathedit':\n    keep = true;\n    element = null;\n    pathActions.mouseUp(evt);\n    break;\n  case 'textedit':\n    keep = false;\n    element = null;\n    textActions.mouseUp(evt, mouseX, mouseY);\n    break;\n  case 'rotate':\n    keep = true;\n    element = null;\n    currentMode = 'select';\n    const batchCmd = canvas.undoMgr.finishUndoableChange();\n    if (!batchCmd.isEmpty()) {\n      addCommandToHistory(batchCmd);\n    }\n    // perform recalculation to weed out any stray identity transforms that might get stuck\n    recalculateAllSelectedDimensions();\n    call('changed', selectedElements);\n    break;\n  default:\n    // This could occur in an extension\n    break;\n  }\n\n  /**\n  * The main (left) mouse button is released (anywhere)\n  * @event module:svgcanvas.SvgCanvas#event:ext-mouseUp\n  * @type {PlainObject}\n  * @property {MouseEvent} event The event object\n  * @property {Float} mouse_x x coordinate on canvas\n  * @property {Float} mouse_y y coordinate on canvas\n  */\n  const extResult = runExtensions('mouseUp', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseUp} */ {\n    event: evt,\n    mouse_x: mouseX,\n    mouse_y: mouseY\n  }, true);\n\n  $.each(extResult, function (i, r) {\n    if (r) {\n      keep = r.keep || keep;\n      ({element} = r);\n      started = r.started || started;\n    }\n  });\n\n  if (!keep && element != null) {\n    getCurrentDrawing().releaseId(getId());\n    element.remove();\n    element = null;\n\n    t = evt.target;\n\n    // if this element is in a group, go up until we reach the top-level group\n    // just below the layer groups\n    // TODO: once we implement links, we also would have to check for <a> elements\n    while (t && t.parentNode && t.parentNode.parentNode && t.parentNode.parentNode.tagName === 'g') {\n      t = t.parentNode;\n    }\n    // if we are not in the middle of creating a path, and we've clicked on some shape,\n    // then go to Select mode.\n    // WebKit returns <div> when the canvas is clicked, Firefox/Opera return <svg>\n    if ((currentMode !== 'path' || !drawnPath) &&\n      t && t.parentNode &&\n      t.parentNode.id !== 'selectorParentGroup' &&\n      t.id !== 'svgcanvas' && t.id !== 'svgroot'\n    ) {\n      // switch into \"select\" mode if we've clicked on an element\n      canvas.setMode('select');\n      selectOnly([t], true);\n    }\n  } else if (element != null) {\n    /**\n    * @name module:svgcanvas.SvgCanvas#addedNew\n    * @type {boolean}\n    */\n    canvas.addedNew = true;\n\n    if (useUnit) { convertAttrs(element); }\n\n    let aniDur = 0.2;\n    let cAni;\n    if (opacAni.beginElement && parseFloat(element.getAttribute('opacity')) !== curShape.opacity) {\n      cAni = $(opacAni).clone().attr({\n        to: curShape.opacity,\n        dur: aniDur\n      }).appendTo(element);\n      try {\n        // Fails in FF4 on foreignObject\n        cAni[0].beginElement();\n      } catch (e) {}\n    } else {\n      aniDur = 0;\n    }\n\n    // Ideally this would be done on the endEvent of the animation,\n    // but that doesn't seem to be supported in Webkit\n    setTimeout(function () {\n      if (cAni) { cAni.remove(); }\n      element.setAttribute('opacity', curShape.opacity);\n      element.setAttribute('style', 'pointer-events:inherit');\n      cleanupElement(element);\n      if (currentMode === 'path') {\n        pathActions.toEditMode(element);\n      } else if (curConfig.selectNew) {\n        selectOnly([element], true);\n      }\n      // we create the insert command that is stored on the stack\n      // undo means to call cmd.unapply(), redo means to call cmd.apply()\n      addCommandToHistory(new InsertElementCommand(element));\n\n      call('changed', [element]);\n    }, aniDur * 1000);\n  }\n\n  startTransform = null;\n};\n\nconst dblClick = function (evt) {\n  const evtTarget = evt.target;\n  const parent = evtTarget.parentNode;\n\n  // Do nothing if already in current group\n  if (parent === currentGroup) { return; }\n\n  let mouseTarget = getMouseTarget(evt);\n  const {tagName} = mouseTarget;\n\n  if (tagName === 'text' && currentMode !== 'textedit') {\n    const pt = transformPoint(evt.pageX, evt.pageY, rootSctm);\n    textActions.select(mouseTarget, pt.x, pt.y);\n  }\n\n  if ((tagName === 'g' || tagName === 'a') &&\n    getRotationAngle(mouseTarget)\n  ) {\n    // TODO: Allow method of in-group editing without having to do\n    // this (similar to editing rotated paths)\n\n    // Ungroup and regroup\n    pushGroupProperties(mouseTarget);\n    mouseTarget = selectedElements[0];\n    clearSelection(true);\n  }\n  // Reset context\n  if (currentGroup) {\n    draw.leaveContext();\n  }\n\n  if ((parent.tagName !== 'g' && parent.tagName !== 'a') ||\n    parent === getCurrentDrawing().getCurrentLayer() ||\n    mouseTarget === selectorManager.selectorParentGroup\n  ) {\n    // Escape from in-group edit\n    return;\n  }\n  draw.setContext(mouseTarget);\n};\n\n// prevent links from being followed in the canvas\nconst handleLinkInCanvas = function (e) {\n  e.preventDefault();\n  return false;\n};\n\n// Added mouseup to the container here.\n// TODO(codedread): Figure out why after the Closure compiler, the window mouseup is ignored.\n$(container).mousedown(mouseDown).mousemove(mouseMove).click(handleLinkInCanvas).dblclick(dblClick).mouseup(mouseUp);\n// $(window).mouseup(mouseUp);\n\n// TODO(rafaelcastrocouto): User preference for shift key and zoom factor\n$(container).bind(\n  'mousewheel DOMMouseScroll',\n  /**\n   * @param {Event} e\n   * @fires module:svgcanvas.SvgCanvas#event:updateCanvas\n   * @fires module:svgcanvas.SvgCanvas#event:zoomDone\n   * @returns {undefined}\n   */\n  function (e) {\n    if (!e.shiftKey) { return; }\n\n    e.preventDefault();\n    const evt = e.originalEvent;\n\n    rootSctm = $('#svgcontent g')[0].getScreenCTM().inverse();\n\n    const workarea = $('#workarea');\n    const scrbar = 15;\n    const rulerwidth = curConfig.showRulers ? 16 : 0;\n\n    // mouse relative to content area in content pixels\n    const pt = transformPoint(evt.pageX, evt.pageY, rootSctm);\n\n    // full work area width in screen pixels\n    const editorFullW = workarea.width();\n    const editorFullH = workarea.height();\n\n    // work area width minus scroll and ruler in screen pixels\n    const editorW = editorFullW - scrbar - rulerwidth;\n    const editorH = editorFullH - scrbar - rulerwidth;\n\n    // work area width in content pixels\n    const workareaViewW = editorW * rootSctm.a;\n    const workareaViewH = editorH * rootSctm.d;\n\n    // content offset from canvas in screen pixels\n    const wOffset = workarea.offset();\n    const wOffsetLeft = wOffset['left'] + rulerwidth;\n    const wOffsetTop = wOffset['top'] + rulerwidth;\n\n    const delta = (evt.wheelDelta) ? evt.wheelDelta : (evt.detail) ? -evt.detail : 0;\n    if (!delta) { return; }\n\n    let factor = Math.max(3 / 4, Math.min(4 / 3, (delta)));\n\n    let wZoom, hZoom;\n    if (factor > 1) {\n      wZoom = Math.ceil(editorW / workareaViewW * factor * 100) / 100;\n      hZoom = Math.ceil(editorH / workareaViewH * factor * 100) / 100;\n    } else {\n      wZoom = Math.floor(editorW / workareaViewW * factor * 100) / 100;\n      hZoom = Math.floor(editorH / workareaViewH * factor * 100) / 100;\n    }\n    let zoomlevel = Math.min(wZoom, hZoom);\n    zoomlevel = Math.min(10, Math.max(0.01, zoomlevel));\n    if (zoomlevel === currentZoom) {\n      return;\n    }\n    factor = zoomlevel / currentZoom;\n\n    // top left of workarea in content pixels before zoom\n    const topLeftOld = transformPoint(wOffsetLeft, wOffsetTop, rootSctm);\n\n    // top left of workarea in content pixels after zoom\n    const topLeftNew = {\n      x: pt.x - (pt.x - topLeftOld.x) / factor,\n      y: pt.y - (pt.y - topLeftOld.y) / factor\n    };\n\n    // top left of workarea in canvas pixels relative to content after zoom\n    const topLeftNewCanvas = {\n      x: topLeftNew.x * zoomlevel,\n      y: topLeftNew.y * zoomlevel\n    };\n\n    // new center in canvas pixels\n    const newCtr = {\n      x: topLeftNewCanvas.x - rulerwidth + editorFullW / 2,\n      y: topLeftNewCanvas.y - rulerwidth + editorFullH / 2\n    };\n\n    canvas.setZoom(zoomlevel);\n    $('#zoom').val((zoomlevel * 100).toFixed(1));\n\n    call('updateCanvas', {center: false, newCtr});\n    call('zoomDone');\n  }\n);\n}());\n\n/**\n* Group: Text edit functions\n* Functions relating to editing text elements\n* @namespace {PlainObject} textActions\n* @memberof module:svgcanvas.SvgCanvas#\n*/\nconst textActions = canvas.textActions = (function () {\nlet curtext;\nlet textinput;\nlet cursor;\nlet selblock;\nlet blinker;\nlet chardata = [];\nlet textbb; // , transbb;\nlet matrix;\nlet lastX, lastY;\nlet allowDbl;\n\nfunction setCursor (index) {\n  const empty = (textinput.value === '');\n  $(textinput).focus();\n\n  if (!arguments.length) {\n    if (empty) {\n      index = 0;\n    } else {\n      if (textinput.selectionEnd !== textinput.selectionStart) { return; }\n      index = textinput.selectionEnd;\n    }\n  }\n\n  const charbb = chardata[index];\n  if (!empty) {\n    textinput.setSelectionRange(index, index);\n  }\n  cursor = getElem('text_cursor');\n  if (!cursor) {\n    cursor = document.createElementNS(NS.SVG, 'line');\n    assignAttributes(cursor, {\n      id: 'text_cursor',\n      stroke: '#333',\n      'stroke-width': 1\n    });\n    cursor = getElem('selectorParentGroup').appendChild(cursor);\n  }\n\n  if (!blinker) {\n    blinker = setInterval(function () {\n      const show = (cursor.getAttribute('display') === 'none');\n      cursor.setAttribute('display', show ? 'inline' : 'none');\n    }, 600);\n  }\n\n  const startPt = ptToScreen(charbb.x, textbb.y);\n  const endPt = ptToScreen(charbb.x, (textbb.y + textbb.height));\n\n  assignAttributes(cursor, {\n    x1: startPt.x,\n    y1: startPt.y,\n    x2: endPt.x,\n    y2: endPt.y,\n    visibility: 'visible',\n    display: 'inline'\n  });\n\n  if (selblock) { selblock.setAttribute('d', ''); }\n}\n\nfunction setSelection (start, end, skipInput) {\n  if (start === end) {\n    setCursor(end);\n    return;\n  }\n\n  if (!skipInput) {\n    textinput.setSelectionRange(start, end);\n  }\n\n  selblock = getElem('text_selectblock');\n  if (!selblock) {\n    selblock = document.createElementNS(NS.SVG, 'path');\n    assignAttributes(selblock, {\n      id: 'text_selectblock',\n      fill: 'green',\n      opacity: 0.5,\n      style: 'pointer-events:none'\n    });\n    getElem('selectorParentGroup').append(selblock);\n  }\n\n  const startbb = chardata[start];\n  const endbb = chardata[end];\n\n  cursor.setAttribute('visibility', 'hidden');\n\n  const tl = ptToScreen(startbb.x, textbb.y),\n    tr = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y),\n    bl = ptToScreen(startbb.x, textbb.y + textbb.height),\n    br = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y + textbb.height);\n\n  const dstr = 'M' + tl.x + ',' + tl.y +\n    ' L' + tr.x + ',' + tr.y +\n    ' ' + br.x + ',' + br.y +\n    ' ' + bl.x + ',' + bl.y + 'z';\n\n  assignAttributes(selblock, {\n    d: dstr,\n    display: 'inline'\n  });\n}\n\nfunction getIndexFromPoint (mouseX, mouseY) {\n  // Position cursor here\n  const pt = svgroot.createSVGPoint();\n  pt.x = mouseX;\n  pt.y = mouseY;\n\n  // No content, so return 0\n  if (chardata.length === 1) { return 0; }\n  // Determine if cursor should be on left or right of character\n  let charpos = curtext.getCharNumAtPosition(pt);\n  if (charpos < 0) {\n    // Out of text range, look at mouse coords\n    charpos = chardata.length - 2;\n    if (mouseX <= chardata[0].x) {\n      charpos = 0;\n    }\n  } else if (charpos >= chardata.length - 2) {\n    charpos = chardata.length - 2;\n  }\n  const charbb = chardata[charpos];\n  const mid = charbb.x + (charbb.width / 2);\n  if (mouseX > mid) {\n    charpos++;\n  }\n  return charpos;\n}\n\nfunction setCursorFromPoint (mouseX, mouseY) {\n  setCursor(getIndexFromPoint(mouseX, mouseY));\n}\n\nfunction setEndSelectionFromPoint (x, y, apply) {\n  const i1 = textinput.selectionStart;\n  const i2 = getIndexFromPoint(x, y);\n\n  const start = Math.min(i1, i2);\n  const end = Math.max(i1, i2);\n  setSelection(start, end, !apply);\n}\n\nfunction screenToPt (xIn, yIn) {\n  const out = {\n    x: xIn,\n    y: yIn\n  };\n\n  out.x /= currentZoom;\n  out.y /= currentZoom;\n\n  if (matrix) {\n    const pt = transformPoint(out.x, out.y, matrix.inverse());\n    out.x = pt.x;\n    out.y = pt.y;\n  }\n\n  return out;\n}\n\nfunction ptToScreen (xIn, yIn) {\n  const out = {\n    x: xIn,\n    y: yIn\n  };\n\n  if (matrix) {\n    const pt = transformPoint(out.x, out.y, matrix);\n    out.x = pt.x;\n    out.y = pt.y;\n  }\n\n  out.x *= currentZoom;\n  out.y *= currentZoom;\n\n  return out;\n}\n\n/*\n// Not currently in use\nfunction hideCursor () {\n  if (cursor) {\n    cursor.setAttribute('visibility', 'hidden');\n  }\n}\n*/\n\nfunction selectAll (evt) {\n  setSelection(0, curtext.textContent.length);\n  $(this).unbind(evt);\n}\n\nfunction selectWord (evt) {\n  if (!allowDbl || !curtext) { return; }\n\n  const ept = transformPoint(evt.pageX, evt.pageY, rootSctm),\n    mouseX = ept.x * currentZoom,\n    mouseY = ept.y * currentZoom;\n  const pt = screenToPt(mouseX, mouseY);\n\n  const index = getIndexFromPoint(pt.x, pt.y);\n  const str = curtext.textContent;\n  const first = str.substr(0, index).replace(/[a-z0-9]+$/i, '').length;\n  const m = str.substr(index).match(/^[a-z0-9]+/i);\n  const last = (m ? m[0].length : 0) + index;\n  setSelection(first, last);\n\n  // Set tripleclick\n  $(evt.target).click(selectAll);\n  setTimeout(function () {\n    $(evt.target).unbind('click', selectAll);\n  }, 300);\n}\n\nreturn /** @lends module:svgcanvas.SvgCanvas#textActions */ {\n  /**\n  * @param {Element} target\n  * @param {Float} x\n  * @param {Float} y\n  * @returns {undefined}\n  */\n  select (target, x, y) {\n    curtext = target;\n    textActions.toEditMode(x, y);\n  },\n  /**\n  * @param {Element} elem\n  * @returns {undefined}\n  */\n  start (elem) {\n    curtext = elem;\n    textActions.toEditMode();\n  },\n  /**\n  * @param {external:MouseEvent} evt\n  * @param {Element} mouseTarget\n  * @param {Float} startX\n  * @param {Float} startY\n  * @returns {undefined}\n  */\n  mouseDown (evt, mouseTarget, startX, startY) {\n    const pt = screenToPt(startX, startY);\n\n    textinput.focus();\n    setCursorFromPoint(pt.x, pt.y);\n    lastX = startX;\n    lastY = startY;\n\n    // TODO: Find way to block native selection\n  },\n  /**\n  * @param {Float} mouseX\n  * @param {Float} mouseY\n  * @returns {undefined}\n  */\n  mouseMove (mouseX, mouseY) {\n    const pt = screenToPt(mouseX, mouseY);\n    setEndSelectionFromPoint(pt.x, pt.y);\n  },\n  /**\n  * @param {external:MouseEvent}\n  * @param {Float} mouseX\n  * @param {Float} mouseY\n  * @returns {undefined}\n  */\n  mouseUp (evt, mouseX, mouseY) {\n    const pt = screenToPt(mouseX, mouseY);\n\n    setEndSelectionFromPoint(pt.x, pt.y, true);\n\n    // TODO: Find a way to make this work: Use transformed BBox instead of evt.target\n    // if (lastX === mouseX && lastY === mouseY\n    //   && !rectsIntersect(transbb, {x: pt.x, y: pt.y, width: 0, height: 0})) {\n    //   textActions.toSelectMode(true);\n    // }\n\n    if (\n      evt.target !== curtext &&\n      mouseX < lastX + 2 &&\n      mouseX > lastX - 2 &&\n      mouseY < lastY + 2 &&\n      mouseY > lastY - 2\n    ) {\n      textActions.toSelectMode(true);\n    }\n  },\n  /**\n  * @function\n  * @param {Integer} index\n  * @returns {undefined}\n  */\n  setCursor,\n  /**\n  * @param {Float} x\n  * @param {Float} y\n  * @returns {undefined}\n  */\n  toEditMode (x, y) {\n    allowDbl = false;\n    currentMode = 'textedit';\n    selectorManager.requestSelector(curtext).showGrips(false);\n    // Make selector group accept clicks\n    /* const selector = */ selectorManager.requestSelector(curtext); // Do we need this? Has side effect of setting lock, so keeping for now, but next line wasn't being used\n    // const sel = selector.selectorRect;\n\n    textActions.init();\n\n    $(curtext).css('cursor', 'text');\n\n    // if (supportsEditableText()) {\n    //   curtext.setAttribute('editable', 'simple');\n    //   return;\n    // }\n\n    if (!arguments.length) {\n      setCursor();\n    } else {\n      const pt = screenToPt(x, y);\n      setCursorFromPoint(pt.x, pt.y);\n    }\n\n    setTimeout(function () {\n      allowDbl = true;\n    }, 300);\n  },\n  /**\n  * @param {boolean|Element} selectElem\n  * @fires module:svgcanvas.SvgCanvas#event:selected\n  * @returns {undefined}\n  */\n  toSelectMode (selectElem) {\n    currentMode = 'select';\n    clearInterval(blinker);\n    blinker = null;\n    if (selblock) { $(selblock).attr('display', 'none'); }\n    if (cursor) { $(cursor).attr('visibility', 'hidden'); }\n    $(curtext).css('cursor', 'move');\n\n    if (selectElem) {\n      clearSelection();\n      $(curtext).css('cursor', 'move');\n\n      call('selected', [curtext]);\n      addToSelection([curtext], true);\n    }\n    if (curtext && !curtext.textContent.length) {\n      // No content, so delete\n      canvas.deleteSelectedElements();\n    }\n\n    $(textinput).blur();\n\n    curtext = false;\n\n    // if (supportsEditableText()) {\n    //   curtext.removeAttribute('editable');\n    // }\n  },\n  /**\n  * @param {Element} elem\n  * @returns {undefined}\n  */\n  setInputElem (elem) {\n    textinput = elem;\n    // $(textinput).blur(hideCursor);\n  },\n  /**\n  * @returns {undefined}\n  */\n  clear () {\n    if (currentMode === 'textedit') {\n      textActions.toSelectMode();\n    }\n  },\n  /**\n  * @param {Element} inputElem Not in use\n  * @returns {undefined}\n  */\n  init (inputElem) {\n    if (!curtext) { return; }\n    let i, end;\n    // if (supportsEditableText()) {\n    //   curtext.select();\n    //   return;\n    // }\n\n    if (!curtext.parentNode) {\n      // Result of the ffClone, need to get correct element\n      curtext = selectedElements[0];\n      selectorManager.requestSelector(curtext).showGrips(false);\n    }\n\n    const str = curtext.textContent;\n    const len = str.length;\n\n    const xform = curtext.getAttribute('transform');\n\n    textbb = utilsGetBBox(curtext);\n\n    matrix = xform ? getMatrix(curtext) : null;\n\n    chardata = [];\n    chardata.length = len;\n    textinput.focus();\n\n    $(curtext).unbind('dblclick', selectWord).dblclick(selectWord);\n\n    if (!len) {\n      end = {x: textbb.x + (textbb.width / 2), width: 0};\n    }\n\n    for (i = 0; i < len; i++) {\n      const start = curtext.getStartPositionOfChar(i);\n      end = curtext.getEndPositionOfChar(i);\n\n      if (!supportsGoodTextCharPos()) {\n        const offset = canvas.contentW * currentZoom;\n        start.x -= offset;\n        end.x -= offset;\n\n        start.x /= currentZoom;\n        end.x /= currentZoom;\n      }\n\n      // Get a \"bbox\" equivalent for each character. Uses the\n      // bbox data of the actual text for y, height purposes\n\n      // TODO: Decide if y, width and height are actually necessary\n      chardata[i] = {\n        x: start.x,\n        y: textbb.y, // start.y?\n        width: end.x - start.x,\n        height: textbb.height\n      };\n    }\n\n    // Add a last bbox for cursor at end of text\n    chardata.push({\n      x: end.x,\n      width: 0\n    });\n    setSelection(textinput.selectionStart, textinput.selectionEnd, true);\n  }\n};\n}());\n\n/**\n* Group: Serialization\n*/\n\n/**\n* Looks at DOM elements inside the `<defs>` to see if they are referred to,\n* removes them from the DOM if they are not.\n* @function module:svgcanvas.SvgCanvas#removeUnusedDefElems\n* @returns {Integer} The number of elements that were removed\n*/\nconst removeUnusedDefElems = this.removeUnusedDefElems = function () {\n  const defs = svgcontent.getElementsByTagNameNS(NS.SVG, 'defs');\n  if (!defs || !defs.length) { return 0; }\n\n  // if (!defs.firstChild) { return; }\n\n  const defelemUses = [];\n  let numRemoved = 0;\n  const attrs = ['fill', 'stroke', 'filter', 'marker-start', 'marker-mid', 'marker-end'];\n  const alen = attrs.length;\n\n  const allEls = svgcontent.getElementsByTagNameNS(NS.SVG, '*');\n  const allLen = allEls.length;\n\n  let i, j;\n  for (i = 0; i < allLen; i++) {\n    const el = allEls[i];\n    for (j = 0; j < alen; j++) {\n      const ref = getUrlFromAttr(el.getAttribute(attrs[j]));\n      if (ref) {\n        defelemUses.push(ref.substr(1));\n      }\n    }\n\n    // gradients can refer to other gradients\n    const href = getHref(el);\n    if (href && href.startsWith('#')) {\n      defelemUses.push(href.substr(1));\n    }\n  }\n\n  const defelems = $(defs).find('linearGradient, radialGradient, filter, marker, svg, symbol');\n  i = defelems.length;\n  while (i--) {\n    const defelem = defelems[i];\n    const {id} = defelem;\n    if (!defelemUses.includes(id)) {\n      // Not found, so remove (but remember)\n      removedElements[id] = defelem;\n      defelem.remove();\n      numRemoved++;\n    }\n  }\n\n  return numRemoved;\n};\n\n/**\n* Main function to set up the SVG content for output\n* @function module:svgcanvas.SvgCanvas#svgCanvasToString\n* @returns {string} The SVG image for output\n*/\nthis.svgCanvasToString = function () {\n  // keep calling it until there are none to remove\n  while (removeUnusedDefElems() > 0) {}\n\n  pathActions.clear(true);\n\n  // Keep SVG-Edit comment on top\n  $.each(svgcontent.childNodes, function (i, node) {\n    if (i && node.nodeType === 8 && node.data.includes('Created with')) {\n      svgcontent.firstChild.before(node);\n    }\n  });\n\n  // Move out of in-group editing mode\n  if (currentGroup) {\n    draw.leaveContext();\n    selectOnly([currentGroup]);\n  }\n\n  const nakedSvgs = [];\n\n  // Unwrap gsvg if it has no special attributes (only id and style)\n  $(svgcontent).find('g:data(gsvg)').each(function () {\n    const attrs = this.attributes;\n    let len = attrs.length;\n    for (let i = 0; i < len; i++) {\n      if (attrs[i].nodeName === 'id' || attrs[i].nodeName === 'style') {\n        len--;\n      }\n    }\n    // No significant attributes, so ungroup\n    if (len <= 0) {\n      const svg = this.firstChild;\n      nakedSvgs.push(svg);\n      $(this).replaceWith(svg);\n    }\n  });\n  const output = this.svgToString(svgcontent, 0);\n\n  // Rewrap gsvg\n  if (nakedSvgs.length) {\n    $(nakedSvgs).each(function () {\n      groupSvgElem(this);\n    });\n  }\n\n  return output;\n};\n\n/**\n* Sub function ran on each SVG element to convert it to a string as desired\n* @function module:svgcanvas.SvgCanvas#svgToString\n* @param {Element} elem - The SVG element to convert\n* @param {Integer} indent - Number of spaces to indent this tag\n* @returns {string} The given element as an SVG tag\n*/\nthis.svgToString = function (elem, indent) {\n  const out = [];\n  const unit = curConfig.baseUnit;\n  const unitRe = new RegExp('^-?[\\\\d\\\\.]+' + unit + '$');\n\n  if (elem) {\n    cleanupElement(elem);\n    const attrs = Array.from(elem.attributes);\n    let i;\n    const childs = elem.childNodes;\n    attrs.sort((a, b) => a.name > b.name ? -1 : 1);\n\n    for (i = 0; i < indent; i++) { out.push(' '); }\n    out.push('<'); out.push(elem.nodeName);\n    if (elem.id === 'svgcontent') {\n      // Process root element separately\n      const res = getResolution();\n\n      const vb = '';\n      // TODO: Allow this by dividing all values by current baseVal\n      // Note that this also means we should properly deal with this on import\n      // if (curConfig.baseUnit !== 'px') {\n      //   const unit = curConfig.baseUnit;\n      //   const unitM = getTypeMap()[unit];\n      //   res.w = shortFloat(res.w / unitM);\n      //   res.h = shortFloat(res.h / unitM);\n      //   vb = ' viewBox=\"' + [0, 0, res.w, res.h].join(' ') + '\"';\n      //   res.w += unit;\n      //   res.h += unit;\n      // }\n\n      if (unit !== 'px') {\n        res.w = convertUnit(res.w, unit) + unit;\n        res.h = convertUnit(res.h, unit) + unit;\n      }\n\n      out.push(' width=\"' + res.w + '\" height=\"' + res.h + '\"' + vb + ' xmlns=\"' + NS.SVG + '\"');\n\n      const nsuris = {};\n\n      // Check elements for namespaces, add if found\n      $(elem).find('*').andSelf().each(function () {\n        // const el = this;\n        // for some elements have no attribute\n        const uri = this.namespaceURI;\n        if (uri && !nsuris[uri] && nsMap[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {\n          nsuris[uri] = true;\n          out.push(' xmlns:' + nsMap[uri] + '=\"' + uri + '\"');\n        }\n\n        $.each(this.attributes, function (i, attr) {\n          const uri = attr.namespaceURI;\n          if (uri && !nsuris[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {\n            nsuris[uri] = true;\n            out.push(' xmlns:' + nsMap[uri] + '=\"' + uri + '\"');\n          }\n        });\n      });\n\n      i = attrs.length;\n      const attrNames = ['width', 'height', 'xmlns', 'x', 'y', 'viewBox', 'id', 'overflow'];\n      while (i--) {\n        const attr = attrs[i];\n        const attrVal = toXml(attr.value);\n\n        // Namespaces have already been dealt with, so skip\n        if (attr.nodeName.startsWith('xmlns:')) { continue; }\n\n        // only serialize attributes we don't use internally\n        if (attrVal !== '' && !attrNames.includes(attr.localName)) {\n          if (!attr.namespaceURI || nsMap[attr.namespaceURI]) {\n            out.push(' ');\n            out.push(attr.nodeName); out.push('=\"');\n            out.push(attrVal); out.push('\"');\n          }\n        }\n      }\n    } else {\n      // Skip empty defs\n      if (elem.nodeName === 'defs' && !elem.firstChild) { return; }\n\n      const mozAttrs = ['-moz-math-font-style', '_moz-math-font-style'];\n      for (i = attrs.length - 1; i >= 0; i--) {\n        const attr = attrs[i];\n        let attrVal = toXml(attr.value);\n        // remove bogus attributes added by Gecko\n        if (mozAttrs.includes(attr.localName)) { continue; }\n        if (attrVal !== '') {\n          if (attrVal.startsWith('pointer-events')) { continue; }\n          if (attr.localName === 'class' && attrVal.startsWith('se_')) { continue; }\n          out.push(' ');\n          if (attr.localName === 'd') { attrVal = pathActions.convertPath(elem, true); }\n          if (!isNaN(attrVal)) {\n            attrVal = shortFloat(attrVal);\n          } else if (unitRe.test(attrVal)) {\n            attrVal = shortFloat(attrVal) + unit;\n          }\n\n          // Embed images when saving\n          if (saveOptions.apply &&\n            elem.nodeName === 'image' &&\n            attr.localName === 'href' &&\n            saveOptions.images &&\n            saveOptions.images === 'embed'\n          ) {\n            const img = encodableImages[attrVal];\n            if (img) { attrVal = img; }\n          }\n\n          // map various namespaces to our fixed namespace prefixes\n          // (the default xmlns attribute itself does not get a prefix)\n          if (!attr.namespaceURI || attr.namespaceURI === NS.SVG || nsMap[attr.namespaceURI]) {\n            out.push(attr.nodeName); out.push('=\"');\n            out.push(attrVal); out.push('\"');\n          }\n        }\n      }\n    }\n\n    if (elem.hasChildNodes()) {\n      out.push('>');\n      indent++;\n      let bOneLine = false;\n\n      for (i = 0; i < childs.length; i++) {\n        const child = childs.item(i);\n        switch (child.nodeType) {\n        case 1: // element node\n          out.push('\\n');\n          out.push(this.svgToString(childs.item(i), indent));\n          break;\n        case 3: // text node\n          const str = child.nodeValue.replace(/^\\s+|\\s+$/g, '');\n          if (str !== '') {\n            bOneLine = true;\n            out.push(String(toXml(str)));\n          }\n          break;\n        case 4: // cdata node\n          out.push('\\n');\n          out.push(new Array(indent + 1).join(' '));\n          out.push('<![CDATA[');\n          out.push(child.nodeValue);\n          out.push(']]>');\n          break;\n        case 8: // comment\n          out.push('\\n');\n          out.push(new Array(indent + 1).join(' '));\n          out.push('<!--');\n          out.push(child.data);\n          out.push('-->');\n          break;\n        } // switch on node type\n      }\n      indent--;\n      if (!bOneLine) {\n        out.push('\\n');\n        for (i = 0; i < indent; i++) { out.push(' '); }\n      }\n      out.push('</'); out.push(elem.nodeName); out.push('>');\n    } else {\n      out.push('/>');\n    }\n  }\n  return out.join('');\n}; // end svgToString()\n\n/**\n * Function to run when image data is found\n * @callback module:svgcanvas.ImageEmbeddedCallback\n * @param {string|false} result Data URL\n * @returns {undefined}\n */\n/**\n* Converts a given image file to a data URL when possible, then runs a given callback\n* @function module:svgcanvas.SvgCanvas#embedImage\n* @param {string} src - The path/URL of the image\n* @param {module:svgcanvas.ImageEmbeddedCallback} [callback] - Function to run when image data is found\n* @returns {Promise} Resolves to Data URL (string|false)\n*/\nthis.embedImage = function (src, callback) {\n  return new Promise(function (resolve, reject) {\n    // load in the image and once it's loaded, get the dimensions\n    $(new Image()).load(function (response, status, xhr) {\n      if (status === 'error') {\n        reject(new Error('Error loading image: ' + xhr.status + ' ' + xhr.statusText));\n        return;\n      }\n      // create a canvas the same size as the raster image\n      const cvs = document.createElement('canvas');\n      cvs.width = this.width;\n      cvs.height = this.height;\n      // load the raster image into the canvas\n      cvs.getContext('2d').drawImage(this, 0, 0);\n      // retrieve the data: URL\n      try {\n        let urldata = ';svgedit_url=' + encodeURIComponent(src);\n        urldata = cvs.toDataURL().replace(';base64', urldata + ';base64');\n        encodableImages[src] = urldata;\n      } catch (e) {\n        encodableImages[src] = false;\n      }\n      lastGoodImgUrl = src;\n      if (callback) { callback(encodableImages[src]); }\n      resolve(encodableImages[src]);\n    }).attr('src', src);\n  });\n};\n\n/**\n* Sets a given URL to be a \"last good image\" URL\n* @function module:svgcanvas.SvgCanvas#setGoodImage\n* @param {string} val\n* @returns {undefined}\n*/\nthis.setGoodImage = function (val) {\n  lastGoodImgUrl = val;\n};\n\n/**\n* Does nothing by default, handled by optional widget/extension\n* @function module:svgcanvas.SvgCanvas#open\n* @returns {undefined}\n*/\nthis.open = function () {\n};\n\n/**\n* Serializes the current drawing into SVG XML text and passes it to the 'saved' handler.\n* This function also includes the XML prolog. Clients of the `SvgCanvas` bind their save\n* function to the 'saved' event.\n* @function module:svgcanvas.SvgCanvas#save\n* @param {module:svgcanvas.SaveOptions} opts\n* @fires module:svgcanvas.SvgCanvas#event:saved\n* @returns {undefined}\n*/\nthis.save = function (opts) {\n  // remove the selected outline before serializing\n  clearSelection();\n  // Update save options if provided\n  if (opts) { $.extend(saveOptions, opts); }\n  saveOptions.apply = true;\n\n  // no need for doctype, see https://jwatt.org/svg/authoring/#doctype-declaration\n  const str = this.svgCanvasToString();\n  call('saved', str);\n};\n\n/**\n* Codes only is useful for locale-independent detection\n*/\nfunction getIssues () {\n  // remove the selected outline before serializing\n  clearSelection();\n\n  // Check for known CanVG issues\n  const issues = [];\n  const issueCodes = [];\n\n  // Selector and notice\n  const issueList = {\n    feGaussianBlur: uiStrings.exportNoBlur,\n    foreignObject: uiStrings.exportNoforeignObject,\n    '[stroke-dasharray]': uiStrings.exportNoDashArray\n  };\n  const content = $(svgcontent);\n\n  // Add font/text check if Canvas Text API is not implemented\n  if (!('font' in $('<canvas>')[0].getContext('2d'))) {\n    issueList.text = uiStrings.exportNoText;\n  }\n\n  $.each(issueList, function (sel, descr) {\n    if (content.find(sel).length) {\n      issueCodes.push(sel);\n      issues.push(descr);\n    }\n  });\n  return {issues, issueCodes};\n}\n\nlet canvg;\n/**\n* @typedef {\"feGaussianBlur\"|\"foreignObject\"|\"[stroke-dasharray]\"|\"text\"} module:svgcanvas.IssueCode\n*/\n/**\n* @typedef {PlainObject} module:svgcanvas.ImageExportedResults\n* @property {string} datauri Contents as a Data URL\n* @property {string} bloburl May be the empty string\n* @property {string} svg The SVG contents as a string\n* @property {string[]} issues The localization messages of `issueCodes`\n* @property {module:svgcanvas.IssueCode[]} issueCodes CanVG issues found with the SVG\n* @property {\"PNG\"|\"JPEG\"|\"BMP\"|\"WEBP\"|\"ICO\"} type The chosen image type\n* @property {\"image/png\"|\"image/jpeg\"|\"image/bmp\"|\"image/webp\"} mimeType The image MIME type\n* @property {Float} quality A decimal between 0 and 1 (for use with JPEG or WEBP)\n* @property {string} exportWindowName A convenience for passing along a `window.name` to target a window on which the export could be added\n*/\n\n/**\n * Function to run when image data is found\n * @callback module:svgcanvas.ImageExportedCallback\n * @param {module:svgcanvas.ImageExportedResults} obj\n * @returns {undefined}\n */\n/**\n* Generates a PNG (or JPG, BMP, WEBP) Data URL based on the current image,\n* then calls \"exported\" with an object including the string, image\n* information, and any issues found\n* @function module:svgcanvas.SvgCanvas#rasterExport\n* @param {\"PNG\"|\"JPEG\"|\"BMP\"|\"WEBP\"|\"ICO\"} [imgType=\"PNG\"]\n* @param {Float} [quality] Between 0 and 1\n* @param {string} [exportWindowName]\n* @param {module:svgcanvas.ImageExportedCallback} [cb]\n* @fires module:svgcanvas.SvgCanvas#event:exported\n* @todo Confirm/fix ICO type\n* @returns {Promise} Resolves to {@link module:svgcanvas.ImageExportedResults}\n*/\nthis.rasterExport = function (imgType, quality, exportWindowName, cb) {\n  const type = imgType === 'ICO' ? 'BMP' : (imgType || 'PNG');\n  const mimeType = 'image/' + type.toLowerCase();\n  const {issues, issueCodes} = getIssues();\n  const svg = this.svgCanvasToString();\n\n  return new Promise(async (resolve, reject) => {\n    if (!canvg) {\n      ({canvg} = await importSetGlobal(curConfig.canvgPath + 'canvg.js', {\n        global: 'canvg'\n      }));\n    }\n    if (!$('#export_canvas').length) {\n      $('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');\n    }\n    const c = $('#export_canvas')[0];\n    c.width = canvas.contentW;\n    c.height = canvas.contentH;\n\n    await canvg(c, svg);\n    const dataURLType = type.toLowerCase();\n    const datauri = quality\n      ? c.toDataURL('image/' + dataURLType, quality)\n      : c.toDataURL('image/' + dataURLType);\n    let bloburl;\n    function done () {\n      const obj = {\n        datauri, bloburl, svg, issues, issueCodes, type: imgType,\n        mimeType, quality, exportWindowName\n      };\n      call('exported', obj);\n      if (cb) {\n        cb(obj);\n      }\n      resolve(obj);\n    }\n    if (c.toBlob) {\n      c.toBlob((blob) => {\n        bloburl = createObjectURL(blob);\n        done();\n      }, mimeType, quality);\n      return;\n    }\n    bloburl = dataURLToObjectURL(datauri);\n    done();\n  });\n};\n/**\n * @external jsPDF\n */\n/**\n * @typedef {undefined|\"save\"|\"arraybuffer\"|\"blob\"|\"datauristring\"|\"dataurlstring\"|\"dataurlnewwindow\"|\"datauri\"|\"dataurl\"} external:jsPDF.OutputType\n * @todo Newer version to add also allows these `outputType` values \"bloburi\"|\"bloburl\" which return strings, so document here and for `outputType` of `module:svgcanvas.PDFExportedResults` below if added\n*/\n/**\n* @typedef {PlainObject} module:svgcanvas.PDFExportedResults\n* @property {string} svg The SVG PDF output\n* @property {string|ArrayBuffer|Blob|window} output The output based on the `outputType`;\n* if `undefined`, \"datauristring\", \"dataurlstring\", \"datauri\",\n* or \"dataurl\", will be a string (`undefined` gives a document, while the others\n* build as Data URLs; \"datauri\" and \"dataurl\" change the location of the current page); if\n* \"arraybuffer\", will return `ArrayBuffer`; if \"blob\", returns a `Blob`;\n* if \"dataurlnewwindow\", will change the current page's location and return a string\n* if in Safari and no window object is found; otherwise opens in, and returns, a new `window`\n* object; if \"save\", will have the same return as \"dataurlnewwindow\" if\n* `navigator.getUserMedia` support is found without `URL.createObjectURL` support; otherwise\n* returns `undefined` but attempts to save\n* @property {external:jsPDF.OutputType} outputType\n* @property {string[]} issues The human-readable localization messages of corresponding `issueCodes`\n* @property {module:svgcanvas.IssueCode[]} issueCodes\n* @property {string} exportWindowName\n*/\n\n/**\n * Function to run when PDF data is found\n * @callback module:svgcanvas.PDFExportedCallback\n * @param {module:svgcanvas.PDFExportedResults} obj\n * @returns {undefined}\n */\n/**\n* Generates a PDF based on the current image, then calls \"exportedPDF\" with\n* an object including the string, the data URL, and any issues found\n* @function module:svgcanvas.SvgCanvas#exportPDF\n* @param {string} exportWindowName\n* @param {external:jsPDF.OutputType} [outputType=\"dataurlstring\"]\n* @param {module:svgcanvas.PDFExportedCallback} cb\n* @fires module:svgcanvas.SvgCanvas#event:exportedPDF\n* @returns {Promise} Resolves to {@link module:svgcanvas.PDFExportedResults}\n*/\nthis.exportPDF = function (exportWindowName, outputType, cb) {\n  const that = this;\n  return new Promise(async (resolve, reject) => {\n    if (!window.jsPDF) {\n      // Todo: Switch to `import()` when widely supported and available (also allow customization of path)\n      await importScript([\n        // We do not currently have these paths configurable as they are\n        //   currently global-only, so not Rolled-up\n        'jspdf/underscore-min.js',\n        'jspdf/jspdf.min.js'\n      ]);\n\n      const modularVersion = !('svgEditor' in window) ||\n        !window.svgEditor ||\n        window.svgEditor.modules !== false;\n      // Todo: Switch to `import()` when widely supported and available (also allow customization of path)\n      await importScript(curConfig.jspdfPath + 'jspdf.plugin.svgToPdf.js', {\n        type: modularVersion\n          ? 'module'\n          : 'text/javascript'\n      });\n      // await importModule('jspdf/jspdf.plugin.svgToPdf.js');\n    }\n\n    const res = getResolution();\n    const orientation = res.w > res.h ? 'landscape' : 'portrait';\n    const unit = 'pt'; // curConfig.baseUnit; // We could use baseUnit, but that is presumably not intended for export purposes\n\n    // Todo: Give options to use predefined jsPDF formats like \"a4\", etc. from pull-down (with option to keep customizable)\n    const doc = jsPDF({\n      orientation,\n      unit,\n      format: [res.w, res.h]\n      // , compressPdf: true\n    });\n    const docTitle = getDocumentTitle();\n    doc.setProperties({\n      title: docTitle /* ,\n      subject: '',\n      author: '',\n      keywords: '',\n      creator: '' */\n    });\n    const {issues, issueCodes} = getIssues();\n    const svg = that.svgCanvasToString();\n    doc.addSVG(svg, 0, 0);\n\n    // doc.output('save'); // Works to open in a new\n    //  window; todo: configure this and other export\n    //  options to optionally work in this manner as\n    //  opposed to opening a new tab\n    outputType = outputType || 'dataurlstring';\n    const obj = {svg, issues, issueCodes, exportWindowName, outputType};\n    obj.output = doc.output(outputType);\n    if (cb) {\n      cb(obj);\n    }\n    resolve(obj);\n    call('exportedPDF', obj);\n  });\n};\n\n/**\n* Returns the current drawing as raw SVG XML text.\n* @function module:svgcanvas.SvgCanvas#getSvgString\n* @returns {string} The current drawing as raw SVG XML text.\n*/\nthis.getSvgString = function () {\n  saveOptions.apply = false;\n  return this.svgCanvasToString();\n};\n\n/**\n* This function determines whether to use a nonce in the prefix, when\n* generating IDs for future documents in SVG-Edit.\n* If you're controlling SVG-Edit externally, and want randomized IDs, call\n* this BEFORE calling svgCanvas.setSvgString\n* @function module:svgcanvas.SvgCanvas#randomizeIds\n* @param {boolean} [enableRandomization] If true, adds a nonce to the prefix. Thus\n* `svgCanvas.randomizeIds() <==> svgCanvas.randomizeIds(true)`\n* @returns {undefined}\n*/\nthis.randomizeIds = function (enableRandomization) {\n  if (arguments.length > 0 && enableRandomization === false) {\n    draw.randomizeIds(false, getCurrentDrawing());\n  } else {\n    draw.randomizeIds(true, getCurrentDrawing());\n  }\n};\n\n/**\n* Ensure each element has a unique ID\n* @function module:svgcanvas.SvgCanvas#uniquifyElems\n* @param {Element} g - The parent element of the tree to give unique IDs\n* @returns {undefined}\n*/\nconst uniquifyElems = this.uniquifyElems = function (g) {\n  const ids = {};\n  // TODO: Handle markers and connectors. These are not yet re-identified properly\n  // as their referring elements do not get remapped.\n  //\n  // <marker id='se_marker_end_svg_7'/>\n  // <polyline id='svg_7' se:connector='svg_1 svg_6' marker-end='url(#se_marker_end_svg_7)'/>\n  //\n  // Problem #1: if svg_1 gets renamed, we do not update the polyline's se:connector attribute\n  // Problem #2: if the polyline svg_7 gets renamed, we do not update the marker id nor the polyline's marker-end attribute\n  const refElems = ['filter', 'linearGradient', 'pattern', 'radialGradient', 'symbol', 'textPath', 'use'];\n\n  walkTree(g, function (n) {\n    // if it's an element node\n    if (n.nodeType === 1) {\n      // and the element has an ID\n      if (n.id) {\n        // and we haven't tracked this ID yet\n        if (!(n.id in ids)) {\n          // add this id to our map\n          ids[n.id] = {elem: null, attrs: [], hrefs: []};\n        }\n        ids[n.id].elem = n;\n      }\n\n      // now search for all attributes on this element that might refer\n      // to other elements\n      $.each(refAttrs, function (i, attr) {\n        const attrnode = n.getAttributeNode(attr);\n        if (attrnode) {\n          // the incoming file has been sanitized, so we should be able to safely just strip off the leading #\n          const url = getUrlFromAttr(attrnode.value),\n            refid = url ? url.substr(1) : null;\n          if (refid) {\n            if (!(refid in ids)) {\n              // add this id to our map\n              ids[refid] = {elem: null, attrs: [], hrefs: []};\n            }\n            ids[refid].attrs.push(attrnode);\n          }\n        }\n      });\n\n      // check xlink:href now\n      const href = getHref(n);\n      // TODO: what if an <image> or <a> element refers to an element internally?\n      if (href && refElems.includes(n.nodeName)) {\n        const refid = href.substr(1);\n        if (refid) {\n          if (!(refid in ids)) {\n            // add this id to our map\n            ids[refid] = {elem: null, attrs: [], hrefs: []};\n          }\n          ids[refid].hrefs.push(n);\n        }\n      }\n    }\n  });\n\n  // in ids, we now have a map of ids, elements and attributes, let's re-identify\n  for (const oldid in ids) {\n    if (!oldid) { continue; }\n    const {elem} = ids[oldid];\n    if (elem) {\n      const newid = getNextId();\n\n      // assign element its new id\n      elem.id = newid;\n\n      // remap all url() attributes\n      const {attrs} = ids[oldid];\n      let j = attrs.length;\n      while (j--) {\n        const attr = attrs[j];\n        attr.ownerElement.setAttribute(attr.name, 'url(#' + newid + ')');\n      }\n\n      // remap all href attributes\n      const hreffers = ids[oldid].hrefs;\n      let k = hreffers.length;\n      while (k--) {\n        const hreffer = hreffers[k];\n        setHref(hreffer, '#' + newid);\n      }\n    }\n  }\n};\n\n/**\n* Assigns reference data for each use element\n* @function module:svgcanvas.SvgCanvas#setUseData\n* @param {Element} parent\n* @returns {undefined}\n*/\nconst setUseData = this.setUseData = function (parent) {\n  let elems = $(parent);\n\n  if (parent.tagName !== 'use') {\n    elems = elems.find('use');\n  }\n\n  elems.each(function () {\n    const id = getHref(this).substr(1);\n    const refElem = getElem(id);\n    if (!refElem) { return; }\n    $(this).data('ref', refElem);\n    if (refElem.tagName === 'symbol' || refElem.tagName === 'svg') {\n      $(this).data('symbol', refElem).data('ref', refElem);\n    }\n  });\n};\n\n/**\n* Converts gradients from userSpaceOnUse to objectBoundingBox\n* @function module:svgcanvas.SvgCanvas#convertGradients\n* @param {Element} elem\n* @returns {undefined}\n*/\nconst convertGradients = this.convertGradients = function (elem) {\n  let elems = $(elem).find('linearGradient, radialGradient');\n  if (!elems.length && isWebkit()) {\n    // Bug in webkit prevents regular *Gradient selector search\n    elems = $(elem).find('*').filter(function () {\n      return (this.tagName.includes('Gradient'));\n    });\n  }\n\n  elems.each(function () {\n    const grad = this;\n    if ($(grad).attr('gradientUnits') === 'userSpaceOnUse') {\n      // TODO: Support more than one element with this ref by duplicating parent grad\n      const elems = $(svgcontent).find('[fill=\"url(#' + grad.id + ')\"],[stroke=\"url(#' + grad.id + ')\"]');\n      if (!elems.length) { return; }\n\n      // get object's bounding box\n      const bb = utilsGetBBox(elems[0]);\n\n      // This will occur if the element is inside a <defs> or a <symbol>,\n      // in which we shouldn't need to convert anyway.\n      if (!bb) { return; }\n\n      if (grad.tagName === 'linearGradient') {\n        const gCoords = $(grad).attr(['x1', 'y1', 'x2', 'y2']);\n\n        // If has transform, convert\n        const tlist = grad.gradientTransform.baseVal;\n        if (tlist && tlist.numberOfItems > 0) {\n          const m = transformListToTransform(tlist).matrix;\n          const pt1 = transformPoint(gCoords.x1, gCoords.y1, m);\n          const pt2 = transformPoint(gCoords.x2, gCoords.y2, m);\n\n          gCoords.x1 = pt1.x;\n          gCoords.y1 = pt1.y;\n          gCoords.x2 = pt2.x;\n          gCoords.y2 = pt2.y;\n          grad.removeAttribute('gradientTransform');\n        }\n\n        $(grad).attr({\n          x1: (gCoords.x1 - bb.x) / bb.width,\n          y1: (gCoords.y1 - bb.y) / bb.height,\n          x2: (gCoords.x2 - bb.x) / bb.width,\n          y2: (gCoords.y2 - bb.y) / bb.height\n        });\n        grad.removeAttribute('gradientUnits');\n      }\n      // else {\n      //   Note: radialGradient elements cannot be easily converted\n      //   because userSpaceOnUse will keep circular gradients, while\n      //   objectBoundingBox will x/y scale the gradient according to\n      //   its bbox.\n      //\n      //   For now we'll do nothing, though we should probably have\n      //   the gradient be updated as the element is moved, as\n      //   inkscape/illustrator do.\n      //\n      //   const gCoords = $(grad).attr(['cx', 'cy', 'r']);\n      //\n      //   $(grad).attr({\n      //     cx: (gCoords.cx - bb.x) / bb.width,\n      //     cy: (gCoords.cy - bb.y) / bb.height,\n      //     r: gCoords.r\n      //   });\n      //\n      //   grad.removeAttribute('gradientUnits');\n      // }\n    }\n  });\n};\n\n/**\n* Converts selected/given `<use>` or child SVG element to a group\n* @function module:svgcanvas.SvgCanvas#convertToGroup\n* @param {Element} elem\n* @fires module:svgcanvas.SvgCanvas#event:selected\n* @returns {undefined}\n*/\nconst convertToGroup = this.convertToGroup = function (elem) {\n  if (!elem) {\n    elem = selectedElements[0];\n  }\n  const $elem = $(elem);\n  const batchCmd = new BatchCommand();\n  let ts;\n\n  if ($elem.data('gsvg')) {\n    // Use the gsvg as the new group\n    const svg = elem.firstChild;\n    const pt = $(svg).attr(['x', 'y']);\n\n    $(elem.firstChild.firstChild).unwrap();\n    $(elem).removeData('gsvg');\n\n    const tlist = getTransformList(elem);\n    const xform = svgroot.createSVGTransform();\n    xform.setTranslate(pt.x, pt.y);\n    tlist.appendItem(xform);\n    recalculateDimensions(elem);\n    call('selected', [elem]);\n  } else if ($elem.data('symbol')) {\n    elem = $elem.data('symbol');\n\n    ts = $elem.attr('transform');\n    const pos = $elem.attr(['x', 'y']);\n\n    const vb = elem.getAttribute('viewBox');\n\n    if (vb) {\n      const nums = vb.split(' ');\n      pos.x -= +nums[0];\n      pos.y -= +nums[1];\n    }\n\n    // Not ideal, but works\n    ts += ' translate(' + (pos.x || 0) + ',' + (pos.y || 0) + ')';\n\n    const prev = $elem.prev();\n\n    // Remove <use> element\n    batchCmd.addSubCommand(new RemoveElementCommand($elem[0], $elem[0].nextSibling, $elem[0].parentNode));\n    $elem.remove();\n\n    // See if other elements reference this symbol\n    const hasMore = $(svgcontent).find('use:data(symbol)').length;\n\n    const g = svgdoc.createElementNS(NS.SVG, 'g');\n    const childs = elem.childNodes;\n\n    let i;\n    for (i = 0; i < childs.length; i++) {\n      g.append(childs[i].cloneNode(true));\n    }\n\n    // Duplicate the gradients for Gecko, since they weren't included in the <symbol>\n    if (isGecko()) {\n      const dupeGrads = $(findDefs()).children('linearGradient,radialGradient,pattern').clone();\n      $(g).append(dupeGrads);\n    }\n\n    if (ts) {\n      g.setAttribute('transform', ts);\n    }\n\n    const parent = elem.parentNode;\n\n    uniquifyElems(g);\n\n    // Put the dupe gradients back into <defs> (after uniquifying them)\n    if (isGecko()) {\n      $(findDefs()).append($(g).find('linearGradient,radialGradient,pattern'));\n    }\n\n    // now give the g itself a new id\n    g.id = getNextId();\n\n    prev.after(g);\n\n    if (parent) {\n      if (!hasMore) {\n        // remove symbol/svg element\n        const {nextSibling} = elem;\n        elem.remove();\n        batchCmd.addSubCommand(new RemoveElementCommand(elem, nextSibling, parent));\n      }\n      batchCmd.addSubCommand(new InsertElementCommand(g));\n    }\n\n    setUseData(g);\n\n    if (isGecko()) {\n      convertGradients(findDefs());\n    } else {\n      convertGradients(g);\n    }\n\n    // recalculate dimensions on the top-level children so that unnecessary transforms\n    // are removed\n    walkTreePost(g, function (n) {\n      try {\n        recalculateDimensions(n);\n      } catch (e) {\n        console.log(e);\n      }\n    });\n\n    // Give ID for any visible element missing one\n    $(g).find(visElems).each(function () {\n      if (!this.id) { this.id = getNextId(); }\n    });\n\n    selectOnly([g]);\n\n    const cm = pushGroupProperties(g, true);\n    if (cm) {\n      batchCmd.addSubCommand(cm);\n    }\n\n    addCommandToHistory(batchCmd);\n  } else {\n    console.log('Unexpected element to ungroup:', elem);\n  }\n};\n\n/**\n* This function sets the current drawing as the input SVG XML.\n* @function module:svgcanvas.SvgCanvas#setSvgString\n* @param {string} xmlString - The SVG as XML text.\n* @param {boolean} [preventUndo=false] - Indicates if we want to do the\n* changes without adding them to the undo stack - e.g. for initializing a\n* drawing on page load.\n* @fires module:svgcanvas.SvgCanvas#event:setnonce\n* @fires module:svgcanvas.SvgCanvas#event:unsetnonce\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {boolean} This function returns `false` if the set was\n*     unsuccessful, `true` otherwise.\n*/\nthis.setSvgString = function (xmlString, preventUndo) {\n  try {\n    // convert string into XML document\n    const newDoc = text2xml(xmlString);\n    if (newDoc.firstElementChild &&\n      newDoc.firstElementChild.namespaceURI !== NS.SVG) {\n      return false;\n    }\n\n    this.prepareSvg(newDoc);\n\n    const batchCmd = new BatchCommand('Change Source');\n\n    // remove old svg document\n    const {nextSibling} = svgcontent;\n    const oldzoom = svgroot.removeChild(svgcontent);\n    batchCmd.addSubCommand(new RemoveElementCommand(oldzoom, nextSibling, svgroot));\n\n    // set new svg document\n    // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()\n    if (svgdoc.adoptNode) {\n      svgcontent = svgdoc.adoptNode(newDoc.documentElement);\n    } else {\n      svgcontent = svgdoc.importNode(newDoc.documentElement, true);\n    }\n\n    svgroot.append(svgcontent);\n    const content = $(svgcontent);\n\n    canvas.current_drawing_ = new draw.Drawing(svgcontent, idprefix);\n\n    // retrieve or set the nonce\n    const nonce = getCurrentDrawing().getNonce();\n    if (nonce) {\n      call('setnonce', nonce);\n    } else {\n      call('unsetnonce');\n    }\n\n    // change image href vals if possible\n    content.find('image').each(function () {\n      const image = this;\n      preventClickDefault(image);\n      const val = getHref(this);\n      if (val) {\n        if (val.startsWith('data:')) {\n          // Check if an SVG-edit data URI\n          const m = val.match(/svgedit_url=(.*?);/);\n          if (m) {\n            const url = decodeURIComponent(m[1]);\n            $(new Image()).load(function () {\n              image.setAttributeNS(NS.XLINK, 'xlink:href', url);\n            }).attr('src', url);\n          }\n        }\n        // Add to encodableImages if it loads\n        canvas.embedImage(val);\n      }\n    });\n\n    // Wrap child SVGs in group elements\n    content.find('svg').each(function () {\n      // Skip if it's in a <defs>\n      if ($(this).closest('defs').length) { return; }\n\n      uniquifyElems(this);\n\n      // Check if it already has a gsvg group\n      const pa = this.parentNode;\n      if (pa.childNodes.length === 1 && pa.nodeName === 'g') {\n        $(pa).data('gsvg', this);\n        pa.id = pa.id || getNextId();\n      } else {\n        groupSvgElem(this);\n      }\n    });\n\n    // For Firefox: Put all paint elems in defs\n    if (isGecko()) {\n      content.find('linearGradient, radialGradient, pattern').appendTo(findDefs());\n    }\n\n    // Set ref element for <use> elements\n\n    // TODO: This should also be done if the object is re-added through \"redo\"\n    setUseData(content);\n\n    convertGradients(content[0]);\n\n    const attrs = {\n      id: 'svgcontent',\n      overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden'\n    };\n\n    let percs = false;\n\n    // determine proper size\n    if (content.attr('viewBox')) {\n      const vb = content.attr('viewBox').split(' ');\n      attrs.width = vb[2];\n      attrs.height = vb[3];\n    // handle content that doesn't have a viewBox\n    } else {\n      $.each(['width', 'height'], function (i, dim) {\n        // Set to 100 if not given\n        const val = content.attr(dim) || '100%';\n\n        if (String(val).substr(-1) === '%') {\n          // Use user units if percentage given\n          percs = true;\n        } else {\n          attrs[dim] = convertToNum(dim, val);\n        }\n      });\n    }\n\n    // identify layers\n    draw.identifyLayers();\n\n    // Give ID for any visible layer children missing one\n    content.children().find(visElems).each(function () {\n      if (!this.id) { this.id = getNextId(); }\n    });\n\n    // Percentage width/height, so let's base it on visible elements\n    if (percs) {\n      const bb = getStrokedBBoxDefaultVisible();\n      attrs.width = bb.width + bb.x;\n      attrs.height = bb.height + bb.y;\n    }\n\n    // Just in case negative numbers are given or\n    // result from the percs calculation\n    if (attrs.width <= 0) { attrs.width = 100; }\n    if (attrs.height <= 0) { attrs.height = 100; }\n\n    content.attr(attrs);\n    this.contentW = attrs.width;\n    this.contentH = attrs.height;\n\n    batchCmd.addSubCommand(new InsertElementCommand(svgcontent));\n    // update root to the correct size\n    const changes = content.attr(['width', 'height']);\n    batchCmd.addSubCommand(new ChangeElementCommand(svgroot, changes));\n\n    // reset zoom\n    currentZoom = 1;\n\n    // reset transform lists\n    resetListMap();\n    clearSelection();\n    pathModule.clearData();\n    svgroot.append(selectorManager.selectorParentGroup);\n\n    if (!preventUndo) addCommandToHistory(batchCmd);\n    call('changed', [svgcontent]);\n  } catch (e) {\n    console.log(e);\n    return false;\n  }\n\n  return true;\n};\n\n/**\n* This function imports the input SVG XML as a `<symbol>` in the `<defs>`, then adds a\n* `<use>` to the current layer.\n* @function module:svgcanvas.SvgCanvas#importSvgString\n* @param {string} xmlString - The SVG as XML text.\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {null|Element} This function returns null if the import was unsuccessful, or the element otherwise.\n* @todo\n* - properly handle if namespace is introduced by imported content (must add to svgcontent\n* and update all prefixes in the imported node)\n* - properly handle recalculating dimensions, `recalculateDimensions()` doesn't handle\n* arbitrary transform lists, but makes some assumptions about how the transform list\n* was obtained\n*/\nthis.importSvgString = function (xmlString) {\n  let j, ts, useEl;\n  try {\n    // Get unique ID\n    const uid = encode64(xmlString.length + xmlString).substr(0, 32);\n\n    let useExisting = false;\n    // Look for symbol and make sure symbol exists in image\n    if (importIds[uid]) {\n      if ($(importIds[uid].symbol).parents('#svgroot').length) {\n        useExisting = true;\n      }\n    }\n\n    const batchCmd = new BatchCommand('Import Image');\n    let symbol;\n    if (useExisting) {\n      ({symbol} = importIds[uid]);\n      ts = importIds[uid].xform;\n    } else {\n      // convert string into XML document\n      const newDoc = text2xml(xmlString);\n\n      this.prepareSvg(newDoc);\n\n      // import new svg document into our document\n      let svg;\n      // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()\n      if (svgdoc.adoptNode) {\n        svg = svgdoc.adoptNode(newDoc.documentElement);\n      } else {\n        svg = svgdoc.importNode(newDoc.documentElement, true);\n      }\n\n      uniquifyElems(svg);\n\n      const innerw = convertToNum('width', svg.getAttribute('width')),\n        innerh = convertToNum('height', svg.getAttribute('height')),\n        innervb = svg.getAttribute('viewBox'),\n        // if no explicit viewbox, create one out of the width and height\n        vb = innervb ? innervb.split(' ') : [0, 0, innerw, innerh];\n      for (j = 0; j < 4; ++j) {\n        vb[j] = +(vb[j]);\n      }\n\n      // TODO: properly handle preserveAspectRatio\n      const // canvasw = +svgcontent.getAttribute('width'),\n        canvash = +svgcontent.getAttribute('height');\n      // imported content should be 1/3 of the canvas on its largest dimension\n\n      if (innerh > innerw) {\n        ts = 'scale(' + (canvash / 3) / vb[3] + ')';\n      } else {\n        ts = 'scale(' + (canvash / 3) / vb[2] + ')';\n      }\n\n      // Hack to make recalculateDimensions understand how to scale\n      ts = 'translate(0) ' + ts + ' translate(0)';\n\n      symbol = svgdoc.createElementNS(NS.SVG, 'symbol');\n      const defs = findDefs();\n\n      if (isGecko()) {\n        // Move all gradients into root for Firefox, workaround for this bug:\n        // https://bugzilla.mozilla.org/show_bug.cgi?id=353575\n        // TODO: Make this properly undo-able.\n        $(svg).find('linearGradient, radialGradient, pattern').appendTo(defs);\n      }\n\n      while (svg.firstChild) {\n        const first = svg.firstChild;\n        symbol.append(first);\n      }\n      const attrs = svg.attributes;\n      for (let i = 0; i < attrs.length; i++) {\n        const attr = attrs[i];\n        symbol.setAttribute(attr.nodeName, attr.value);\n      }\n      symbol.id = getNextId();\n\n      // Store data\n      importIds[uid] = {\n        symbol,\n        xform: ts\n      };\n\n      findDefs().append(symbol);\n      batchCmd.addSubCommand(new InsertElementCommand(symbol));\n    }\n\n    useEl = svgdoc.createElementNS(NS.SVG, 'use');\n    useEl.id = getNextId();\n    setHref(useEl, '#' + symbol.id);\n\n    (currentGroup || getCurrentDrawing().getCurrentLayer()).append(useEl);\n    batchCmd.addSubCommand(new InsertElementCommand(useEl));\n    clearSelection();\n\n    useEl.setAttribute('transform', ts);\n    recalculateDimensions(useEl);\n    $(useEl).data('symbol', symbol).data('ref', symbol);\n    addToSelection([useEl]);\n\n    // TODO: Find way to add this in a recalculateDimensions-parsable way\n    // if (vb[0] !== 0 || vb[1] !== 0) {\n    //   ts = 'translate(' + (-vb[0]) + ',' + (-vb[1]) + ') ' + ts;\n    // }\n    addCommandToHistory(batchCmd);\n    call('changed', [svgcontent]);\n  } catch (e) {\n    console.log(e);\n    return null;\n  }\n\n  // we want to return the element so we can automatically select it\n  return useEl;\n};\n\n// Could deprecate, but besides external uses, their usage makes clear that\n//  canvas is a dependency for all of these\n[\n  'identifyLayers', 'createLayer', 'cloneLayer', 'deleteCurrentLayer',\n  'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition',\n  'setLayerVisibility', 'moveSelectedToLayer', 'mergeLayer', 'mergeAllLayers',\n  'leaveContext', 'setContext'\n].forEach((prop) => {\n  canvas[prop] = draw[prop];\n});\ndraw.init(\n  /**\n  * @implements {module:draw.DrawCanvasInit}\n  */\n  {\n    pathActions,\n    getCurrentGroup () {\n      return currentGroup;\n    },\n    setCurrentGroup (cg) {\n      currentGroup = cg;\n    },\n    getSelectedElements,\n    getSVGContent,\n    undoMgr,\n    elData,\n    getCurrentDrawing,\n    clearSelection,\n    call,\n    addCommandToHistory,\n    /**\n     * @fires module:svgcanvas.SvgCanvas#event:changed\n     * @returns {undefined}\n     */\n    changeSVGContent () {\n      call('changed', [svgcontent]);\n    }\n  }\n);\n\n/**\n* Group: Document functions\n*/\n\n/**\n* Clears the current document. This is not an undoable action.\n* @function module:svgcanvas.SvgCanvas#clear\n* @fires module:svgcanvas.SvgCanvas#event:cleared\n* @returns {undefined}\n*/\nthis.clear = function () {\n  pathActions.clear();\n\n  clearSelection();\n\n  // clear the svgcontent node\n  canvas.clearSvgContentElement();\n\n  // create new document\n  canvas.current_drawing_ = new draw.Drawing(svgcontent);\n\n  // create empty first layer\n  canvas.createLayer('Layer 1');\n\n  // clear the undo stack\n  canvas.undoMgr.resetUndoStack();\n\n  // reset the selector manager\n  selectorManager.initGroup();\n\n  // reset the rubber band box\n  rubberBox = selectorManager.getRubberBandBox();\n\n  call('cleared');\n};\n\n// Alias function\nthis.linkControlPoints = pathActions.linkControlPoints;\n\n/**\n* @function module:svgcanvas.SvgCanvas#getContentElem\n* @returns {Element} The content DOM element\n*/\nthis.getContentElem = function () { return svgcontent; };\n\n/**\n* @function module:svgcanvas.SvgCanvas#getRootElem\n* @returns {SVGSVGElement} The root DOM element\n*/\nthis.getRootElem = function () { return svgroot; };\n\n/**\n* @typedef {PlainObject} DimensionsAndZoom\n* @property {Float} w Width\n* @property {Float} h Height\n* @property {Float} zoom Zoom\n*/\n\n/**\n* @function module:svgcanvas.SvgCanvas#getResolution\n* @returns {DimensionsAndZoom} The current dimensions and zoom level in an object\n*/\nconst getResolution = this.getResolution = function () {\n//    const vb = svgcontent.getAttribute('viewBox').split(' ');\n//    return {w:vb[2], h:vb[3], zoom: currentZoom};\n\n  const w = svgcontent.getAttribute('width') / currentZoom;\n  const h = svgcontent.getAttribute('height') / currentZoom;\n\n  return {\n    w,\n    h,\n    zoom: currentZoom\n  };\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getSnapToGrid\n* @returns {boolean} The current snap to grid setting\n*/\nthis.getSnapToGrid = function () { return curConfig.gridSnapping; };\n\n/**\n* @function module:svgcanvas.SvgCanvas#getVersion\n* @returns {string} A string which describes the revision number of SvgCanvas.\n*/\nthis.getVersion = function () {\n  return 'svgcanvas.js ($Rev$)';\n};\n\n/**\n* Update interface strings with given values\n* @function module:svgcanvas.SvgCanvas#setUiStrings\n* @param {module:path.uiStrings} strs - Object with strings (see the [locales API]{@link module:locale.LocaleStrings} and the [tutorial]{@tutorial LocaleDocs})\n* @returns {undefined}\n*/\nthis.setUiStrings = function (strs) {\n  Object.assign(uiStrings, strs.notification);\n  pathModule.setUiStrings(strs);\n};\n\n/**\n* Update configuration options with given values\n* @function module:svgcanvas.SvgCanvas#setConfig\n* @param {module:SVGEditor.Config} opts - Object with options\n* @returns {undefined}\n*/\nthis.setConfig = function (opts) {\n  Object.assign(curConfig, opts);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getTitle\n* @param {Element} elem\n* @returns {string|undefined} the current group/SVG's title contents\n*/\nthis.getTitle = function (elem) {\n  elem = elem || selectedElements[0];\n  if (!elem) { return; }\n  elem = $(elem).data('gsvg') || $(elem).data('symbol') || elem;\n  const childs = elem.childNodes;\n  for (let i = 0; i < childs.length; i++) {\n    if (childs[i].nodeName === 'title') {\n      return childs[i].textContent;\n    }\n  }\n  return '';\n};\n\n/**\n* Sets the group/SVG's title content\n* @function module:svgcanvas.SvgCanvas#setGroupTitle\n* @param {string} val\n* @todo Combine this with `setDocumentTitle`\n* @returns {undefined}\n*/\nthis.setGroupTitle = function (val) {\n  let elem = selectedElements[0];\n  elem = $(elem).data('gsvg') || elem;\n\n  const ts = $(elem).children('title');\n\n  const batchCmd = new BatchCommand('Set Label');\n\n  let title;\n  if (!val.length) {\n    // Remove title element\n    const tsNextSibling = ts.nextSibling;\n    batchCmd.addSubCommand(new RemoveElementCommand(ts[0], tsNextSibling, elem));\n    ts.remove();\n  } else if (ts.length) {\n    // Change title contents\n    title = ts[0];\n    batchCmd.addSubCommand(new ChangeElementCommand(title, {'#text': title.textContent}));\n    title.textContent = val;\n  } else {\n    // Add title element\n    title = svgdoc.createElementNS(NS.SVG, 'title');\n    title.textContent = val;\n    $(elem).prepend(title);\n    batchCmd.addSubCommand(new InsertElementCommand(title));\n  }\n\n  addCommandToHistory(batchCmd);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getDocumentTitle\n* @returns {string|undefined} The current document title or an empty string if not found\n*/\nconst getDocumentTitle = this.getDocumentTitle = function () {\n  return canvas.getTitle(svgcontent);\n};\n\n/**\n* Adds/updates a title element for the document with the given name.\n* This is an undoable action\n* @function module:svgcanvas.SvgCanvas#setDocumentTitle\n* @param {string} newTitle - String with the new title\n* @returns {undefined}\n*/\nthis.setDocumentTitle = function (newTitle) {\n  const childs = svgcontent.childNodes;\n  let docTitle = false, oldTitle = '';\n\n  const batchCmd = new BatchCommand('Change Image Title');\n\n  for (let i = 0; i < childs.length; i++) {\n    if (childs[i].nodeName === 'title') {\n      docTitle = childs[i];\n      oldTitle = docTitle.textContent;\n      break;\n    }\n  }\n  if (!docTitle) {\n    docTitle = svgdoc.createElementNS(NS.SVG, 'title');\n    svgcontent.insertBefore(docTitle, svgcontent.firstChild);\n    // svgcontent.firstChild.before(docTitle); // Ok to replace above with this?\n  }\n\n  if (newTitle.length) {\n    docTitle.textContent = newTitle;\n  } else {\n    // No title given, so element is not necessary\n    docTitle.remove();\n  }\n  batchCmd.addSubCommand(new ChangeElementCommand(docTitle, {'#text': oldTitle}));\n  addCommandToHistory(batchCmd);\n};\n\n/**\n* Returns the editor's namespace URL, optionally adding it to the root element\n* @function module:svgcanvas.SvgCanvas#getEditorNS\n* @param {boolean} [add] - Indicates whether or not to add the namespace value\n* @returns {string} The editor's namespace URL\n*/\nthis.getEditorNS = function (add) {\n  if (add) {\n    svgcontent.setAttribute('xmlns:se', NS.SE);\n  }\n  return NS.SE;\n};\n\n/**\n* Changes the document's dimensions to the given size\n* @function module:svgcanvas.SvgCanvas#setResolution\n* @param {Float|\"fit\"} x - Number with the width of the new dimensions in user units.\n* Can also be the string \"fit\" to indicate \"fit to content\"\n* @param {Float} y - Number with the height of the new dimensions in user units.\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {boolean} Indicates if resolution change was successful.\n* It will fail on \"fit to content\" option with no content to fit to.\n*/\nthis.setResolution = function (x, y) {\n  const res = getResolution();\n  const {w, h} = res;\n  let batchCmd;\n\n  if (x === 'fit') {\n    // Get bounding box\n    const bbox = getStrokedBBoxDefaultVisible();\n\n    if (bbox) {\n      batchCmd = new BatchCommand('Fit Canvas to Content');\n      const visEls = getVisibleElements();\n      addToSelection(visEls);\n      const dx = [], dy = [];\n      $.each(visEls, function (i, item) {\n        dx.push(bbox.x * -1);\n        dy.push(bbox.y * -1);\n      });\n\n      const cmd = canvas.moveSelectedElements(dx, dy, true);\n      batchCmd.addSubCommand(cmd);\n      clearSelection();\n\n      x = Math.round(bbox.width);\n      y = Math.round(bbox.height);\n    } else {\n      return false;\n    }\n  }\n  if (x !== w || y !== h) {\n    if (!batchCmd) {\n      batchCmd = new BatchCommand('Change Image Dimensions');\n    }\n\n    x = convertToNum('width', x);\n    y = convertToNum('height', y);\n\n    svgcontent.setAttribute('width', x);\n    svgcontent.setAttribute('height', y);\n\n    this.contentW = x;\n    this.contentH = y;\n    batchCmd.addSubCommand(new ChangeElementCommand(svgcontent, {width: w, height: h}));\n\n    svgcontent.setAttribute('viewBox', [0, 0, x / currentZoom, y / currentZoom].join(' '));\n    batchCmd.addSubCommand(new ChangeElementCommand(svgcontent, {viewBox: ['0 0', w, h].join(' ')}));\n\n    addCommandToHistory(batchCmd);\n    call('changed', [svgcontent]);\n  }\n  return true;\n};\n\n/**\n* @typedef {module:jQueryAttr.Attributes} module:svgcanvas.ElementPositionInCanvas\n* @property {Float} x\n* @property {Float} y\n*/\n\n/**\n* @function module:svgcanvas.SvgCanvas#getOffset\n* @returns {module:svgcanvas.ElementPositionInCanvas} An object with `x`, `y` values indicating the svgcontent element's\n* position in the editor's canvas.\n*/\nthis.getOffset = function () {\n  return $(svgcontent).attr(['x', 'y']);\n};\n\n/**\n * @typedef {PlainObject} module:svgcanvas.ZoomAndBBox\n * @property {Float} zoom\n * @property {module:utilities.BBoxObject} bbox\n */\n/**\n* Sets the zoom level on the canvas-side based on the given value\n* @function module:svgcanvas.SvgCanvas#setBBoxZoom\n* @param {\"selection\"|\"canvas\"|\"content\"|\"layer\"|module:SVGEditor.BBoxObjectWithFactor} val - Bounding box object to zoom to or string indicating zoom option. Note: the object value type is defined in `svg-editor.js`\n* @param {Integer} editorW - The editor's workarea box's width\n* @param {Integer} editorH - The editor's workarea box's height\n* @returns {module:svgcanvas.ZoomAndBBox|undefined}\n*/\nthis.setBBoxZoom = function (val, editorW, editorH) {\n  let spacer = 0.85;\n  let bb;\n  const calcZoom = function (bb) {\n    if (!bb) { return false; }\n    const wZoom = Math.round((editorW / bb.width) * 100 * spacer) / 100;\n    const hZoom = Math.round((editorH / bb.height) * 100 * spacer) / 100;\n    const zoom = Math.min(wZoom, hZoom);\n    canvas.setZoom(zoom);\n    return {zoom, bbox: bb};\n  };\n\n  if (typeof val === 'object') {\n    bb = val;\n    if (bb.width === 0 || bb.height === 0) {\n      const newzoom = bb.zoom ? bb.zoom : currentZoom * bb.factor;\n      canvas.setZoom(newzoom);\n      return {zoom: currentZoom, bbox: bb};\n    }\n    return calcZoom(bb);\n  }\n\n  switch (val) {\n  case 'selection':\n    if (!selectedElements[0]) { return; }\n    const selectedElems = $.map(selectedElements, function (n) { if (n) { return n; } });\n    bb = getStrokedBBoxDefaultVisible(selectedElems);\n    break;\n  case 'canvas':\n    const res = getResolution();\n    spacer = 0.95;\n    bb = {width: res.w, height: res.h, x: 0, y: 0};\n    break;\n  case 'content':\n    bb = getStrokedBBoxDefaultVisible();\n    break;\n  case 'layer':\n    bb = getStrokedBBoxDefaultVisible(getVisibleElements(getCurrentDrawing().getCurrentLayer()));\n    break;\n  default:\n    return;\n  }\n  return calcZoom(bb);\n};\n\n/**\n* The zoom level has changed. Supplies the new zoom level as a number (not percentage).\n* @event module:svgcanvas.SvgCanvas#event:ext-zoomChanged\n* @type {Float}\n*/\n/**\n* The bottom panel was updated\n* @event module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate\n* @type {PlainObject}\n* @property {boolean} nofill Indicates fill is disabled\n* @property {boolean} nostroke Indicates stroke is disabled\n*/\n/**\n* The element selection has changed (elements were added/removed from selection)\n* @event module:svgcanvas.SvgCanvas#event:ext-selectedChanged\n* @type {PlainObject}\n* @property {Element[]} elems Array of the newly selected elements\n* @property {Element|null} selectedElement The single selected element\n* @property {boolean} multiselected Indicates whether one or more elements were selected\n*/\n/**\n* Called when part of element is in process of changing, generally on\n* mousemove actions like rotate, move, etc.\n* @event module:svgcanvas.SvgCanvas#event:ext-elementTransition\n* @type {PlainObject}\n* @property {Element[]} elems Array of transitioning elements\n*/\n/**\n* One or more elements were changed\n* @event module:svgcanvas.SvgCanvas#event:ext-elementChanged\n* @type {PlainObject}\n* @property {Element[]} elems Array of the affected elements\n*/\n/**\n* Invoked as soon as the locale is ready\n* @event module:svgcanvas.SvgCanvas#event:ext-langReady\n* @type {PlainObject}\n* @property {string} lang The two-letter language code\n* @property {module:SVGEditor.uiStrings} uiStrings\n* @property {module:SVGEditor~ImportLocale} importLocale\n*/\n/**\n* The language was changed. Two-letter code of the new language.\n* @event module:svgcanvas.SvgCanvas#event:ext-langChanged\n* @type {string}\n*/\n/**\n* Means for an extension to add locale data. The two-letter language code.\n* @event module:svgcanvas.SvgCanvas#event:ext-addLangData\n* @type {PlainObject}\n* @property {string} lang\n* @property {module:SVGEditor~ImportLocale} importLocale\n*/\n/**\n * Called when new image is created\n * @event module:svgcanvas.SvgCanvas#event:ext-onNewDocument\n * @type {undefined}\n */\n/**\n * Called when sidepanel is resized or toggled\n * @event module:svgcanvas.SvgCanvas#event:ext-workareaResized\n * @type {undefined}\n*/\n/**\n * Called upon addition of the extension, or, if svgicons are set,\n * after the icons are ready when extension SVG icons have loaded.\n * @event module:svgcanvas.SvgCanvas#event:ext-callback\n * @type {undefined}\n*/\n\n/**\n* Sets the zoom to the given level\n* @function module:svgcanvas.SvgCanvas#setZoom\n* @param {Float} zoomLevel - Float indicating the zoom level to change to\n* @fires module:svgcanvas.SvgCanvas#event:ext-zoomChanged\n* @returns {undefined}\n*/\nthis.setZoom = function (zoomLevel) {\n  const res = getResolution();\n  svgcontent.setAttribute('viewBox', '0 0 ' + res.w / zoomLevel + ' ' + res.h / zoomLevel);\n  currentZoom = zoomLevel;\n  $.each(selectedElements, function (i, elem) {\n    if (!elem) { return; }\n    selectorManager.requestSelector(elem).resize();\n  });\n  pathActions.zoomChange();\n  runExtensions('zoomChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} */ zoomLevel);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getMode\n* @returns {string} The current editor mode string\n*/\nthis.getMode = function () {\n  return currentMode;\n};\n\n/**\n* Sets the editor's mode to the given string\n* @function module:svgcanvas.SvgCanvas#setMode\n* @param {string} name - String with the new mode to change to\n* @returns {undefined}\n*/\nthis.setMode = function (name) {\n  pathActions.clear(true);\n  textActions.clear();\n  curProperties = (selectedElements[0] && selectedElements[0].nodeName === 'text') ? curText : curShape;\n  currentMode = name;\n};\n\n/**\n* Group: Element Styling\n*/\n\n/**\n* @typedef {PlainObject} module:svgcanvas.PaintOptions\n* @property {\"solidColor\"} type\n*/\n\n/**\n* @function module:svgcanvas.SvgCanvas#getColor\n* @param {string} type\n* @returns {string|module:svgcanvas.PaintOptions|Float|module:jGraduate~Paint} The current fill/stroke option\n*/\nthis.getColor = function (type) {\n  return curProperties[type];\n};\n\n/**\n* Change the current stroke/fill color/gradient value\n* @function module:svgcanvas.SvgCanvas#setColor\n* @param {string} type - String indicating fill or stroke\n* @param {string} val - The value to set the stroke attribute to\n* @param {boolean} preventUndo - Boolean indicating whether or not this should be an undoable option\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.setColor = function (type, val, preventUndo) {\n  curShape[type] = val;\n  curProperties[type + '_paint'] = {type: 'solidColor'};\n  const elems = [];\n  function addNonG (e) {\n    if (e.nodeName !== 'g') {\n      elems.push(e);\n    }\n  }\n  let i = selectedElements.length;\n  while (i--) {\n    const elem = selectedElements[i];\n    if (elem) {\n      if (elem.tagName === 'g') {\n        walkTree(elem, addNonG);\n      } else {\n        if (type === 'fill') {\n          if (elem.tagName !== 'polyline' && elem.tagName !== 'line') {\n            elems.push(elem);\n          }\n        } else {\n          elems.push(elem);\n        }\n      }\n    }\n  }\n  if (elems.length > 0) {\n    if (!preventUndo) {\n      changeSelectedAttribute(type, val, elems);\n      call('changed', elems);\n    } else {\n      changeSelectedAttributeNoUndo(type, val, elems);\n    }\n  }\n};\n\n/**\n* Apply the current gradient to selected element's fill or stroke\n* @function module:svgcanvas.SvgCanvas#setGradient\n* @param {\"fill\"|\"stroke\"} type - String indicating \"fill\" or \"stroke\" to apply to an element\n* @returns {undefined}\n*/\nconst setGradient = this.setGradient = function (type) {\n  if (!curProperties[type + '_paint'] || curProperties[type + '_paint'].type === 'solidColor') { return; }\n  let grad = canvas[type + 'Grad'];\n  // find out if there is a duplicate gradient already in the defs\n  const duplicateGrad = findDuplicateGradient(grad);\n  const defs = findDefs();\n  // no duplicate found, so import gradient into defs\n  if (!duplicateGrad) {\n    // const origGrad = grad;\n    grad = defs.appendChild(svgdoc.importNode(grad, true));\n    // get next id and set it on the grad\n    grad.id = getNextId();\n  } else { // use existing gradient\n    grad = duplicateGrad;\n  }\n  canvas.setColor(type, 'url(#' + grad.id + ')');\n};\n\n/**\n* Check if exact gradient already exists\n* @function module:svgcanvas~findDuplicateGradient\n* @param {SVGGradientElement} grad - The gradient DOM element to compare to others\n* @returns {SVGGradientElement} The existing gradient if found, `null` if not\n*/\nconst findDuplicateGradient = function (grad) {\n  const defs = findDefs();\n  const existingGrads = $(defs).find('linearGradient, radialGradient');\n  let i = existingGrads.length;\n  const radAttrs = ['r', 'cx', 'cy', 'fx', 'fy'];\n  while (i--) {\n    const og = existingGrads[i];\n    if (grad.tagName === 'linearGradient') {\n      if (grad.getAttribute('x1') !== og.getAttribute('x1') ||\n        grad.getAttribute('y1') !== og.getAttribute('y1') ||\n        grad.getAttribute('x2') !== og.getAttribute('x2') ||\n        grad.getAttribute('y2') !== og.getAttribute('y2')\n      ) {\n        continue;\n      }\n    } else {\n      const gradAttrs = $(grad).attr(radAttrs);\n      const ogAttrs = $(og).attr(radAttrs);\n\n      let diff = false;\n      $.each(radAttrs, function (i, attr) {\n        if (gradAttrs[attr] !== ogAttrs[attr]) { diff = true; }\n      });\n\n      if (diff) { continue; }\n    }\n\n    // else could be a duplicate, iterate through stops\n    const stops = grad.getElementsByTagNameNS(NS.SVG, 'stop');\n    const ostops = og.getElementsByTagNameNS(NS.SVG, 'stop');\n\n    if (stops.length !== ostops.length) {\n      continue;\n    }\n\n    let j = stops.length;\n    while (j--) {\n      const stop = stops[j];\n      const ostop = ostops[j];\n\n      if (stop.getAttribute('offset') !== ostop.getAttribute('offset') ||\n        stop.getAttribute('stop-opacity') !== ostop.getAttribute('stop-opacity') ||\n        stop.getAttribute('stop-color') !== ostop.getAttribute('stop-color')) {\n        break;\n      }\n    }\n\n    if (j === -1) {\n      return og;\n    }\n  } // for each gradient in defs\n\n  return null;\n};\n\n/**\n* Set a color/gradient to a fill/stroke\n* @function module:svgcanvas.SvgCanvas#setPaint\n* @param {\"fill\"|\"stroke\"} type - String with \"fill\" or \"stroke\"\n* @param {module:jGraduate.jGraduatePaintOptions} paint - The jGraduate paint object to apply\n* @returns {undefined}\n*/\nthis.setPaint = function (type, paint) {\n  // make a copy\n  const p = new $.jGraduate.Paint(paint);\n  this.setPaintOpacity(type, p.alpha / 100, true);\n\n  // now set the current paint object\n  curProperties[type + '_paint'] = p;\n  switch (p.type) {\n  case 'solidColor':\n    this.setColor(type, p.solidColor !== 'none' ? '#' + p.solidColor : 'none');\n    break;\n  case 'linearGradient':\n  case 'radialGradient':\n    canvas[type + 'Grad'] = p[p.type];\n    setGradient(type);\n    break;\n  }\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#setStrokePaint\n* @param {module:jGraduate~Paint} paint\n* @returns {undefined}\n*/\nthis.setStrokePaint = function (paint) {\n  this.setPaint('stroke', paint);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#setFillPaint\n* @param {module:jGraduate~Paint} paint\n* @returns {undefined}\n*/\nthis.setFillPaint = function (paint) {\n  this.setPaint('fill', paint);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getStrokeWidth\n* @returns {Float|string} The current stroke-width value\n*/\nthis.getStrokeWidth = function () {\n  return curProperties.stroke_width;\n};\n\n/**\n* Sets the stroke width for the current selected elements.\n* When attempting to set a line's width to 0, this changes it to 1 instead\n* @function module:svgcanvas.SvgCanvas#setStrokeWidth\n* @param {Float} val - A Float indicating the new stroke width value\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.setStrokeWidth = function (val) {\n  if (val === 0 && ['line', 'path'].includes(currentMode)) {\n    canvas.setStrokeWidth(1);\n    return;\n  }\n  curProperties.stroke_width = val;\n\n  const elems = [];\n  function addNonG (e) {\n    if (e.nodeName !== 'g') {\n      elems.push(e);\n    }\n  }\n  let i = selectedElements.length;\n  while (i--) {\n    const elem = selectedElements[i];\n    if (elem) {\n      if (elem.tagName === 'g') {\n        walkTree(elem, addNonG);\n      } else {\n        elems.push(elem);\n      }\n    }\n  }\n  if (elems.length > 0) {\n    changeSelectedAttribute('stroke-width', val, elems);\n    call('changed', selectedElements);\n  }\n};\n\n/**\n* Set the given stroke-related attribute the given value for selected elements\n* @function module:svgcanvas.SvgCanvas#setStrokeAttr\n* @param {string} attr - String with the attribute name\n* @param {string|Float} val - String or number with the attribute value\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.setStrokeAttr = function (attr, val) {\n  curShape[attr.replace('-', '_')] = val;\n  const elems = [];\n\n  let i = selectedElements.length;\n  while (i--) {\n    const elem = selectedElements[i];\n    if (elem) {\n      if (elem.tagName === 'g') {\n        walkTree(elem, function (e) { if (e.nodeName !== 'g') { elems.push(e); } });\n      } else {\n        elems.push(elem);\n      }\n    }\n  }\n  if (elems.length > 0) {\n    changeSelectedAttribute(attr, val, elems);\n    call('changed', selectedElements);\n  }\n};\n\n/**\n* @typedef {PlainObject} module:svgcanvas.StyleOptions\n* @property {string} fill\n* @property {Float} fill_opacity\n* @property {string} stroke\n* @property {Float} stroke_width\n* @property {string} stroke_dasharray\n* @property {string} stroke_linejoin\n* @property {string} stroke_linecap\n* @property {Float} stroke_opacity\n* @property {Float} opacity\n*/\n\n/**\n* @function module:svgcanvas.SvgCanvas#getStyle\n* @returns {module:svgcanvas.StyleOptions} current style options\n*/\nthis.getStyle = function () {\n  return curShape;\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getOpacity\n* @returns {Float} the current opacity\n*/\nthis.getOpacity = getOpacity;\n\n/**\n* Sets the given opacity to the current selected elements\n* @function module:svgcanvas.SvgCanvas#setOpacity\n* @param {string} val\n* @returns {undefined}\n*/\nthis.setOpacity = function (val) {\n  curShape.opacity = val;\n  changeSelectedAttribute('opacity', val);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getFillOpacity\n* @returns {Float} the current fill opacity\n*/\nthis.getFillOpacity = function () {\n  return curShape.fill_opacity;\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getStrokeOpacity\n* @returns {string} the current stroke opacity\n*/\nthis.getStrokeOpacity = function () {\n  return curShape.stroke_opacity;\n};\n\n/**\n* Sets the current fill/stroke opacity\n* @function module:svgcanvas.SvgCanvas#setPaintOpacity\n* @param {string} type - String with \"fill\" or \"stroke\"\n* @param {Float} val - Float with the new opacity value\n* @param {boolean} preventUndo - Indicates whether or not this should be an undoable action\n* @returns {undefined}\n*/\nthis.setPaintOpacity = function (type, val, preventUndo) {\n  curShape[type + '_opacity'] = val;\n  if (!preventUndo) {\n    changeSelectedAttribute(type + '-opacity', val);\n  } else {\n    changeSelectedAttributeNoUndo(type + '-opacity', val);\n  }\n};\n\n/**\n* Gets the current fill/stroke opacity\n* @function module:svgcanvas.SvgCanvas#getPaintOpacity\n* @param {\"fill\"|\"stroke\"} type - String with \"fill\" or \"stroke\"\n* @returns {Float} Fill/stroke opacity\n*/\nthis.getPaintOpacity = function (type) {\n  return type === 'fill' ? this.getFillOpacity() : this.getStrokeOpacity();\n};\n\n/**\n* Gets the `stdDeviation` blur value of the given element\n* @function module:svgcanvas.SvgCanvas#getBlur\n* @param {Element} elem - The element to check the blur value for\n* @returns {string} stdDeviation blur attribute value\n*/\nthis.getBlur = function (elem) {\n  let val = 0;\n  // const elem = selectedElements[0];\n\n  if (elem) {\n    const filterUrl = elem.getAttribute('filter');\n    if (filterUrl) {\n      const blur = getElem(elem.id + '_blur');\n      if (blur) {\n        val = blur.firstChild.getAttribute('stdDeviation');\n      }\n    }\n  }\n  return val;\n};\n\n(function () {\nlet curCommand = null;\nlet filter = null;\nlet filterHidden = false;\n\n/**\n* Sets the `stdDeviation` blur value on the selected element without being undoable\n* @function module:svgcanvas.SvgCanvas#setBlurNoUndo\n* @param {Float} val - The new `stdDeviation` value\n* @returns {undefined}\n*/\ncanvas.setBlurNoUndo = function (val) {\n  if (!filter) {\n    canvas.setBlur(val);\n    return;\n  }\n  if (val === 0) {\n    // Don't change the StdDev, as that will hide the element.\n    // Instead, just remove the value for \"filter\"\n    changeSelectedAttributeNoUndo('filter', '');\n    filterHidden = true;\n  } else {\n    const elem = selectedElements[0];\n    if (filterHidden) {\n      changeSelectedAttributeNoUndo('filter', 'url(#' + elem.id + '_blur)');\n    }\n    if (isWebkit()) {\n      console.log('e', elem);\n      elem.removeAttribute('filter');\n      elem.setAttribute('filter', 'url(#' + elem.id + '_blur)');\n    }\n    changeSelectedAttributeNoUndo('stdDeviation', val, [filter.firstChild]);\n    canvas.setBlurOffsets(filter, val);\n  }\n};\n\nfunction finishChange () {\n  const bCmd = canvas.undoMgr.finishUndoableChange();\n  curCommand.addSubCommand(bCmd);\n  addCommandToHistory(curCommand);\n  curCommand = null;\n  filter = null;\n}\n\n/**\n* Sets the `x`, `y`, `width`, `height` values of the filter element in order to\n* make the blur not be clipped. Removes them if not neeeded\n* @function module:svgcanvas.SvgCanvas#setBlurOffsets\n* @param {Element} filter - The filter DOM element to update\n* @param {Float} stdDev - The standard deviation value on which to base the offset size\n* @returns {undefined}\n*/\ncanvas.setBlurOffsets = function (filter, stdDev) {\n  if (stdDev > 3) {\n    // TODO: Create algorithm here where size is based on expected blur\n    assignAttributes(filter, {\n      x: '-50%',\n      y: '-50%',\n      width: '200%',\n      height: '200%'\n    }, 100);\n  } else {\n    // Removing these attributes hides text in Chrome (see Issue 579)\n    if (!isWebkit()) {\n      filter.removeAttribute('x');\n      filter.removeAttribute('y');\n      filter.removeAttribute('width');\n      filter.removeAttribute('height');\n    }\n  }\n};\n\n/**\n* Adds/updates the blur filter to the selected element\n* @function module:svgcanvas.SvgCanvas#setBlur\n* @param {Float} val - Float with the new `stdDeviation` blur value\n* @param {boolean} complete - Whether or not the action should be completed (to add to the undo manager)\n* @returns {undefined}\n*/\ncanvas.setBlur = function (val, complete) {\n  if (curCommand) {\n    finishChange();\n    return;\n  }\n\n  // Looks for associated blur, creates one if not found\n  const elem = selectedElements[0];\n  const elemId = elem.id;\n  filter = getElem(elemId + '_blur');\n\n  val -= 0;\n\n  const batchCmd = new BatchCommand();\n\n  // Blur found!\n  if (filter) {\n    if (val === 0) {\n      filter = null;\n    }\n  } else {\n    // Not found, so create\n    const newblur = addSVGElementFromJson({ element: 'feGaussianBlur',\n      attr: {\n        in: 'SourceGraphic',\n        stdDeviation: val\n      }\n    });\n\n    filter = addSVGElementFromJson({ element: 'filter',\n      attr: {\n        id: elemId + '_blur'\n      }\n    });\n\n    filter.append(newblur);\n    findDefs().append(filter);\n\n    batchCmd.addSubCommand(new InsertElementCommand(filter));\n  }\n\n  const changes = {filter: elem.getAttribute('filter')};\n\n  if (val === 0) {\n    elem.removeAttribute('filter');\n    batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));\n    return;\n  }\n\n  changeSelectedAttribute('filter', 'url(#' + elemId + '_blur)');\n  batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));\n  canvas.setBlurOffsets(filter, val);\n\n  curCommand = batchCmd;\n  canvas.undoMgr.beginUndoableChange('stdDeviation', [filter ? filter.firstChild : null]);\n  if (complete) {\n    canvas.setBlurNoUndo(val);\n    finishChange();\n  }\n};\n}());\n\n/**\n* Check whether selected element is bold or not\n* @function module:svgcanvas.SvgCanvas#getBold\n* @returns {boolean} Indicates whether or not element is bold\n*/\nthis.getBold = function () {\n  // should only have one element selected\n  const selected = selectedElements[0];\n  if (selected != null && selected.tagName === 'text' &&\n    selectedElements[1] == null) {\n    return (selected.getAttribute('font-weight') === 'bold');\n  }\n  return false;\n};\n\n/**\n* Make the selected element bold or normal\n* @function module:svgcanvas.SvgCanvas#setBold\n* @param {boolean} b - Indicates bold (`true`) or normal (`false`)\n* @returns {undefined}\n*/\nthis.setBold = function (b) {\n  const selected = selectedElements[0];\n  if (selected != null && selected.tagName === 'text' &&\n    selectedElements[1] == null) {\n    changeSelectedAttribute('font-weight', b ? 'bold' : 'normal');\n  }\n  if (!selectedElements[0].textContent) {\n    textActions.setCursor();\n  }\n};\n\n/**\n* Check whether selected element is italic or not\n* @function module:svgcanvas.SvgCanvas#getItalic\n* @returns {boolean} Indicates whether or not element is italic\n*/\nthis.getItalic = function () {\n  const selected = selectedElements[0];\n  if (selected != null && selected.tagName === 'text' &&\n    selectedElements[1] == null) {\n    return (selected.getAttribute('font-style') === 'italic');\n  }\n  return false;\n};\n\n/**\n* Make the selected element italic or normal\n* @function module:svgcanvas.SvgCanvas#setItalic\n* @param {boolean} b - Indicates italic (`true`) or normal (`false`)\n* @returns {undefined}\n*/\nthis.setItalic = function (i) {\n  const selected = selectedElements[0];\n  if (selected != null && selected.tagName === 'text' &&\n    selectedElements[1] == null) {\n    changeSelectedAttribute('font-style', i ? 'italic' : 'normal');\n  }\n  if (!selectedElements[0].textContent) {\n    textActions.setCursor();\n  }\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getFontFamily\n* @returns {string} The current font family\n*/\nthis.getFontFamily = function () {\n  return curText.font_family;\n};\n\n/**\n* Set the new font family\n* @function module:svgcanvas.SvgCanvas#setFontFamily\n* @param {string} val - String with the new font family\n* @returns {undefined}\n*/\nthis.setFontFamily = function (val) {\n  curText.font_family = val;\n  changeSelectedAttribute('font-family', val);\n  if (selectedElements[0] && !selectedElements[0].textContent) {\n    textActions.setCursor();\n  }\n};\n\n/**\n* Set the new font color\n* @function module:svgcanvas.SvgCanvas#setFontColor\n* @param {string} val - String with the new font color\n* @returns {undefined}\n*/\nthis.setFontColor = function (val) {\n  curText.fill = val;\n  changeSelectedAttribute('fill', val);\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getFontColor\n* @returns {string} The current font color\n*/\nthis.getFontColor = function () {\n  return curText.fill;\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getFontSize\n* @returns {Float} The current font size\n*/\nthis.getFontSize = function () {\n  return curText.font_size;\n};\n\n/**\n* Applies the given font size to the selected element\n* @function module:svgcanvas.SvgCanvas#setFontSize\n* @param {Float} val - Float with the new font size\n* @returns {undefined}\n*/\nthis.setFontSize = function (val) {\n  curText.font_size = val;\n  changeSelectedAttribute('font-size', val);\n  if (!selectedElements[0].textContent) {\n    textActions.setCursor();\n  }\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#getText\n* @returns {string} The current text (`textContent`) of the selected element\n*/\nthis.getText = function () {\n  const selected = selectedElements[0];\n  if (selected == null) { return ''; }\n  return selected.textContent;\n};\n\n/**\n* Updates the text element with the given string\n* @function module:svgcanvas.SvgCanvas#setTextContent\n* @param {string} val - String with the new text\n* @returns {undefined}\n*/\nthis.setTextContent = function (val) {\n  changeSelectedAttribute('#text', val);\n  textActions.init(val);\n  textActions.setCursor();\n};\n\n/**\n* Sets the new image URL for the selected image element. Updates its size if\n* a new URL is given\n* @function module:svgcanvas.SvgCanvas#setImageURL\n* @param {string} val - String with the image URL/path\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.setImageURL = function (val) {\n  const elem = selectedElements[0];\n  if (!elem) { return; }\n\n  const attrs = $(elem).attr(['width', 'height']);\n  let setsize = (!attrs.width || !attrs.height);\n\n  const curHref = getHref(elem);\n\n  // Do nothing if no URL change or size change\n  if (curHref !== val) {\n    setsize = true;\n  } else if (!setsize) { return; }\n\n  const batchCmd = new BatchCommand('Change Image URL');\n\n  setHref(elem, val);\n  batchCmd.addSubCommand(new ChangeElementCommand(elem, {\n    '#href': curHref\n  }));\n\n  if (setsize) {\n    $(new Image()).load(function () {\n      const changes = $(elem).attr(['width', 'height']);\n\n      $(elem).attr({\n        width: this.width,\n        height: this.height\n      });\n\n      selectorManager.requestSelector(elem).resize();\n\n      batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));\n      addCommandToHistory(batchCmd);\n      call('changed', [elem]);\n    }).attr('src', val);\n  } else {\n    addCommandToHistory(batchCmd);\n  }\n};\n\n/**\n* Sets the new link URL for the selected anchor element.\n* @function module:svgcanvas.SvgCanvas#setLinkURL\n* @param {string} val - String with the link URL/path\n* @returns {undefined}\n*/\nthis.setLinkURL = function (val) {\n  let elem = selectedElements[0];\n  if (!elem) { return; }\n  if (elem.tagName !== 'a') {\n    // See if parent is an anchor\n    const parentsA = $(elem).parents('a');\n    if (parentsA.length) {\n      elem = parentsA[0];\n    } else {\n      return;\n    }\n  }\n\n  const curHref = getHref(elem);\n\n  if (curHref === val) { return; }\n\n  const batchCmd = new BatchCommand('Change Link URL');\n\n  setHref(elem, val);\n  batchCmd.addSubCommand(new ChangeElementCommand(elem, {\n    '#href': curHref\n  }));\n\n  addCommandToHistory(batchCmd);\n};\n\n/**\n* Sets the `rx` and `ry` values to the selected `rect` element to change its corner radius\n* @function module:svgcanvas.SvgCanvas#setRectRadius\n* @param {string|Float} val - The new radius\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.setRectRadius = function (val) {\n  const selected = selectedElements[0];\n  if (selected != null && selected.tagName === 'rect') {\n    const r = selected.getAttribute('rx');\n    if (r !== String(val)) {\n      selected.setAttribute('rx', val);\n      selected.setAttribute('ry', val);\n      addCommandToHistory(new ChangeElementCommand(selected, {rx: r, ry: r}, 'Radius'));\n      call('changed', [selected]);\n    }\n  }\n};\n\n/**\n* Wraps the selected element(s) in an anchor element or converts group to one\n* @function module:svgcanvas.SvgCanvas#makeHyperlink\n* @param {string} url\n* @returns {undefined}\n*/\nthis.makeHyperlink = function (url) {\n  canvas.groupSelectedElements('a', url);\n\n  // TODO: If element is a single \"g\", convert to \"a\"\n  //  if (selectedElements.length > 1 && selectedElements[1]) {\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#removeHyperlink\n* @returns {undefined}\n*/\nthis.removeHyperlink = function () {\n  canvas.ungroupSelectedElement();\n};\n\n/**\n* Group: Element manipulation\n*/\n\n/**\n* Sets the new segment type to the selected segment(s).\n* @function module:svgcanvas.SvgCanvas#setSegType\n* @param {Integer} newType - New segment type. See {@link https://www.w3.org/TR/SVG/paths.html#InterfaceSVGPathSeg} for list\n* @returns {undefined}\n*/\nthis.setSegType = function (newType) {\n  pathActions.setSegType(newType);\n};\n\n/**\n* Convert selected element to a path, or get the BBox of an element-as-path\n* @function module:svgcanvas.SvgCanvas#convertToPath\n* @todo (codedread): Remove the getBBox argument and split this function into two.\n* @param {Element} elem - The DOM element to be converted\n* @param {boolean} getBBox - Boolean on whether or not to only return the path's BBox\n* @returns {undefined|DOMRect|false|SVGPathElement|null} If the getBBox flag is true, the resulting path's bounding box object.\n* Otherwise the resulting path element is returned.\n*/\nthis.convertToPath = function (elem, getBBox) {\n  if (elem == null) {\n    const elems = selectedElements;\n    $.each(elems, function (i, elem) {\n      if (elem) { canvas.convertToPath(elem); }\n    });\n    return;\n  }\n  if (getBBox) {\n    return getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions);\n  }\n  // TODO: Why is this applying attributes from curShape, then inside utilities.convertToPath it's pulling addition attributes from elem?\n  // TODO: If convertToPath is called with one elem, curShape and elem are probably the same; but calling with multiple is a bug or cool feature.\n  const attrs = {\n    fill: curShape.fill,\n    'fill-opacity': curShape.fill_opacity,\n    stroke: curShape.stroke,\n    'stroke-width': curShape.stroke_width,\n    'stroke-dasharray': curShape.stroke_dasharray,\n    'stroke-linejoin': curShape.stroke_linejoin,\n    'stroke-linecap': curShape.stroke_linecap,\n    'stroke-opacity': curShape.stroke_opacity,\n    opacity: curShape.opacity,\n    visibility: 'hidden'\n  };\n  return convertToPath(elem, attrs, addSVGElementFromJson, pathActions, clearSelection, addToSelection, history, addCommandToHistory);\n};\n\n/**\n* This function makes the changes to the elements. It does not add the change\n* to the history stack.\n* @param {string} attr - Attribute name\n* @param {string|Float} newValue - String or number with the new attribute value\n* @param {Element[]} elems - The DOM elements to apply the change to\n* @returns {undefined}\n*/\nconst changeSelectedAttributeNoUndo = function (attr, newValue, elems) {\n  if (currentMode === 'pathedit') {\n    // Editing node\n    pathActions.moveNode(attr, newValue);\n  }\n  elems = elems || selectedElements;\n  let i = elems.length;\n  const noXYElems = ['g', 'polyline', 'path'];\n  const goodGAttrs = ['transform', 'opacity', 'filter'];\n\n  while (i--) {\n    let elem = elems[i];\n    if (elem == null) { continue; }\n\n    // Set x,y vals on elements that don't have them\n    if ((attr === 'x' || attr === 'y') && noXYElems.includes(elem.tagName)) {\n      const bbox = getStrokedBBoxDefaultVisible([elem]);\n      const diffX = attr === 'x' ? newValue - bbox.x : 0;\n      const diffY = attr === 'y' ? newValue - bbox.y : 0;\n      canvas.moveSelectedElements(diffX * currentZoom, diffY * currentZoom, true);\n      continue;\n    }\n\n    // only allow the transform/opacity/filter attribute to change on <g> elements, slightly hacky\n    // TODO: FIXME: This doesn't seem right. Where's the body of this if statement?\n    if (elem.tagName === 'g' && goodGAttrs.includes(attr)) {}\n    let oldval = attr === '#text' ? elem.textContent : elem.getAttribute(attr);\n    if (oldval == null) { oldval = ''; }\n    if (oldval !== String(newValue)) {\n      if (attr === '#text') {\n        // const oldW = utilsGetBBox(elem).width;\n        elem.textContent = newValue;\n\n        // FF bug occurs on on rotated elements\n        if ((/rotate/).test(elem.getAttribute('transform'))) {\n          elem = ffClone(elem);\n        }\n        // Hoped to solve the issue of moving text with text-anchor=\"start\",\n        // but this doesn't actually fix it. Hopefully on the right track, though. -Fyrd\n        // const box = getBBox(elem), left = box.x, top = box.y, {width, height} = box,\n        //   dx = width - oldW, dy = 0;\n        // const angle = getRotationAngle(elem, true);\n        // if (angle) {\n        //   const r = Math.sqrt(dx * dx + dy * dy);\n        //   const theta = Math.atan2(dy, dx) - angle;\n        //   dx = r * Math.cos(theta);\n        //   dy = r * Math.sin(theta);\n        //\n        //   elem.setAttribute('x', elem.getAttribute('x') - dx);\n        //   elem.setAttribute('y', elem.getAttribute('y') - dy);\n        // }\n      } else if (attr === '#href') {\n        setHref(elem, newValue);\n      } else { elem.setAttribute(attr, newValue); }\n\n      // Go into \"select\" mode for text changes\n      // NOTE: Important that this happens AFTER elem.setAttribute() or else attributes like\n      // font-size can get reset to their old value, ultimately by svgEditor.updateContextPanel(),\n      // after calling textActions.toSelectMode() below\n      if (currentMode === 'textedit' && attr !== '#text' && elem.textContent.length) {\n        textActions.toSelectMode(elem);\n      }\n\n      // if (i === 0) {\n      //   selectedBBoxes[0] = utilsGetBBox(elem);\n      // }\n\n      // Use the Firefox ffClone hack for text elements with gradients or\n      // where other text attributes are changed.\n      if (isGecko() && elem.nodeName === 'text' && (/rotate/).test(elem.getAttribute('transform'))) {\n        if (String(newValue).startsWith('url') || (['font-size', 'font-family', 'x', 'y'].includes(attr) && elem.textContent)) {\n          elem = ffClone(elem);\n        }\n      }\n      // Timeout needed for Opera & Firefox\n      // codedread: it is now possible for this function to be called with elements\n      // that are not in the selectedElements array, we need to only request a\n      // selector if the element is in that array\n      if (selectedElements.includes(elem)) {\n        setTimeout(function () {\n          // Due to element replacement, this element may no longer\n          // be part of the DOM\n          if (!elem.parentNode) { return; }\n          selectorManager.requestSelector(elem).resize();\n        }, 0);\n      }\n      // if this element was rotated, and we changed the position of this element\n      // we need to update the rotational transform attribute\n      const angle = getRotationAngle(elem);\n      if (angle !== 0 && attr !== 'transform') {\n        const tlist = getTransformList(elem);\n        let n = tlist.numberOfItems;\n        while (n--) {\n          const xform = tlist.getItem(n);\n          if (xform.type === 4) {\n            // remove old rotate\n            tlist.removeItem(n);\n\n            const box = utilsGetBBox(elem);\n            const center = transformPoint(box.x + box.width / 2, box.y + box.height / 2, transformListToTransform(tlist).matrix);\n            const cx = center.x,\n              cy = center.y;\n            const newrot = svgroot.createSVGTransform();\n            newrot.setRotate(angle, cx, cy);\n            tlist.insertItemBefore(newrot, n);\n            break;\n          }\n        }\n      }\n    } // if oldValue != newValue\n  } // for each elem\n};\n\n/**\n* Change the given/selected element and add the original value to the history stack.\n* If you want to change all `selectedElements`, ignore the `elems` argument.\n* If you want to change only a subset of `selectedElements`, then send the\n* subset to this function in the `elems` argument.\n* @function module:svgcanvas.SvgCanvas#changeSelectedAttribute\n* @param {string} attr - String with the attribute name\n* @param {string|Float} newValue - String or number with the new attribute value\n* @param {Element[]} elems - The DOM elements to apply the change to\n* @returns {undefined}\n*/\nconst changeSelectedAttribute = this.changeSelectedAttribute = function (attr, val, elems) {\n  elems = elems || selectedElements;\n  canvas.undoMgr.beginUndoableChange(attr, elems);\n  // const i = elems.length;\n\n  changeSelectedAttributeNoUndo(attr, val, elems);\n\n  const batchCmd = canvas.undoMgr.finishUndoableChange();\n  if (!batchCmd.isEmpty()) {\n    addCommandToHistory(batchCmd);\n  }\n};\n\n/**\n* Removes all selected elements from the DOM and adds the change to the\n* history stack\n* @function module:svgcanvas.SvgCanvas#deleteSelectedElements\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.deleteSelectedElements = function () {\n  const batchCmd = new BatchCommand('Delete Elements');\n  const len = selectedElements.length;\n  const selectedCopy = []; // selectedElements is being deleted\n\n  for (let i = 0; i < len; ++i) {\n    const selected = selectedElements[i];\n    if (selected == null) { break; }\n\n    let parent = selected.parentNode;\n    let t = selected;\n\n    // this will unselect the element and remove the selectedOutline\n    selectorManager.releaseSelector(t);\n\n    // Remove the path if present.\n    pathModule.removePath_(t.id);\n\n    // Get the parent if it's a single-child anchor\n    if (parent.tagName === 'a' && parent.childNodes.length === 1) {\n      t = parent;\n      parent = parent.parentNode;\n    }\n\n    const {nextSibling} = t;\n    const elem = parent.removeChild(t);\n    selectedCopy.push(selected); // for the copy\n    batchCmd.addSubCommand(new RemoveElementCommand(elem, nextSibling, parent));\n  }\n  selectedElements = [];\n\n  if (!batchCmd.isEmpty()) { addCommandToHistory(batchCmd); }\n  call('changed', selectedCopy);\n  clearSelection();\n};\n\n/**\n* Removes all selected elements from the DOM and adds the change to the\n* history stack. Remembers removed elements on the clipboard\n* @function module:svgcanvas.SvgCanvas#cutSelectedElements\n* @returns {undefined}\n*/\nthis.cutSelectedElements = function () {\n  canvas.copySelectedElements();\n  canvas.deleteSelectedElements();\n};\n\n/**\n* Remembers the current selected elements on the clipboard\n* @function module:svgcanvas.SvgCanvas#copySelectedElements\n* @returns {undefined}\n*/\nthis.copySelectedElements = function () {\n  localStorage.setItem('svgedit_clipboard', JSON.stringify(\n    selectedElements.map(function (x) { return getJsonFromSvgElement(x); })\n  ));\n\n  $('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');\n};\n\n/**\n* @function module:svgcanvas.SvgCanvas#pasteElements\n* @param {\"in_place\"|\"point\"|undefined} type\n* @param {Integer|undefined} x Expected if type is \"point\"\n* @param {Integer|undefined} y Expected if type is \"point\"\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @fires module:svgcanvas.SvgCanvas#event:ext-IDsUpdated\n* @returns {undefined}\n*/\nthis.pasteElements = function (type, x, y) {\n  let clipb = JSON.parse(localStorage.getItem('svgedit_clipboard'));\n  let len = clipb.length;\n  if (!len) { return; }\n\n  const pasted = [];\n  const batchCmd = new BatchCommand('Paste elements');\n  // const drawing = getCurrentDrawing();\n  /**\n  * @typedef {PlainObject.<string, string>} module:svgcanvas.ChangedIDs\n  */\n  /**\n   * @type {module:svgcanvas.ChangedIDs}\n   */\n  const changedIDs = {};\n\n  // Recursively replace IDs and record the changes\n  function checkIDs (elem) {\n    if (elem.attr && elem.attr.id) {\n      changedIDs[elem.attr.id] = getNextId();\n      elem.attr.id = changedIDs[elem.attr.id];\n    }\n    if (elem.children) elem.children.forEach(checkIDs);\n  }\n  clipb.forEach(checkIDs);\n\n  // Give extensions like the connector extension a chance to reflect new IDs and remove invalid elements\n  /**\n  * Triggered when `pasteElements` is called from a paste action (context menu or key)\n  * @event module:svgcanvas.SvgCanvas#event:ext-IDsUpdated\n  * @type {PlainObject}\n  * @property {module:svgcanvas.SVGAsJSON[]} elems\n  * @property {module:svgcanvas.ChangedIDs} changes Maps past ID (on attribute) to current ID\n  */\n  runExtensions(\n    'IDsUpdated',\n    /** @type {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} */\n    {elems: clipb, changes: changedIDs},\n    true\n  ).forEach(function (extChanges) {\n    if (!extChanges || !('remove' in extChanges)) return;\n\n    extChanges.remove.forEach(function (removeID) {\n      clipb = clipb.filter(function (clipBoardItem) {\n        return clipBoardItem.attr.id !== removeID;\n      });\n    });\n  });\n\n  // Move elements to lastClickPoint\n  while (len--) {\n    const elem = clipb[len];\n    if (!elem) { continue; }\n\n    const copy = addSVGElementFromJson(elem);\n    pasted.push(copy);\n    batchCmd.addSubCommand(new InsertElementCommand(copy));\n\n    restoreRefElems(copy);\n  }\n\n  selectOnly(pasted);\n\n  if (type !== 'in_place') {\n    let ctrX, ctrY;\n\n    if (!type) {\n      ctrX = lastClickPoint.x;\n      ctrY = lastClickPoint.y;\n    } else if (type === 'point') {\n      ctrX = x;\n      ctrY = y;\n    }\n\n    const bbox = getStrokedBBoxDefaultVisible(pasted);\n    const cx = ctrX - (bbox.x + bbox.width / 2),\n      cy = ctrY - (bbox.y + bbox.height / 2),\n      dx = [],\n      dy = [];\n\n    $.each(pasted, function (i, item) {\n      dx.push(cx);\n      dy.push(cy);\n    });\n\n    const cmd = canvas.moveSelectedElements(dx, dy, false);\n    if (cmd) batchCmd.addSubCommand(cmd);\n  }\n\n  addCommandToHistory(batchCmd);\n  call('changed', pasted);\n};\n\n/**\n* Wraps all the selected elements in a group (`g`) element\n* @function module:svgcanvas.SvgCanvas#groupSelectedElements\n* @param {\"a\"|\"g\"} [type=\"g\"] - type of element to group into, defaults to `<g>`\n* @param {string} [urlArg]\n* @returns {undefined}\n*/\nthis.groupSelectedElements = function (type, urlArg) {\n  if (!type) { type = 'g'; }\n  let cmdStr = '';\n  let url;\n\n  switch (type) {\n  case 'a': {\n    cmdStr = 'Make hyperlink';\n    url = urlArg || '';\n    break;\n  } default: {\n    type = 'g';\n    cmdStr = 'Group Elements';\n    break;\n  }\n  }\n\n  const batchCmd = new BatchCommand(cmdStr);\n\n  // create and insert the group element\n  const g = addSVGElementFromJson({\n    element: type,\n    attr: {\n      id: getNextId()\n    }\n  });\n  if (type === 'a') {\n    setHref(g, url);\n  }\n  batchCmd.addSubCommand(new InsertElementCommand(g));\n\n  // now move all children into the group\n  let i = selectedElements.length;\n  while (i--) {\n    let elem = selectedElements[i];\n    if (elem == null) { continue; }\n\n    if (elem.parentNode.tagName === 'a' && elem.parentNode.childNodes.length === 1) {\n      elem = elem.parentNode;\n    }\n\n    const oldNextSibling = elem.nextSibling;\n    const oldParent = elem.parentNode;\n    g.append(elem);\n    batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldParent));\n  }\n  if (!batchCmd.isEmpty()) { addCommandToHistory(batchCmd); }\n\n  // update selection\n  selectOnly([g], true);\n};\n\n/**\n* Pushes all appropriate parent group properties down to its children, then\n* removes them from the group\n* @function module:svgcanvas.SvgCanvas#pushGroupProperties\n* @param {SVGAElement|SVGGElement} g\n* @param {boolean} undoable\n* @returns {undefined}\n*/\nconst pushGroupProperties = this.pushGroupProperties = function (g, undoable) {\n  const children = g.childNodes;\n  const len = children.length;\n  const xform = g.getAttribute('transform');\n\n  const glist = getTransformList(g);\n  const m = transformListToTransform(glist).matrix;\n\n  const batchCmd = new BatchCommand('Push group properties');\n\n  // TODO: get all fill/stroke properties from the group that we are about to destroy\n  // \"fill\", \"fill-opacity\", \"fill-rule\", \"stroke\", \"stroke-dasharray\", \"stroke-dashoffset\",\n  // \"stroke-linecap\", \"stroke-linejoin\", \"stroke-miterlimit\", \"stroke-opacity\",\n  // \"stroke-width\"\n  // and then for each child, if they do not have the attribute (or the value is 'inherit')\n  // then set the child's attribute\n\n  const gangle = getRotationAngle(g);\n\n  const gattrs = $(g).attr(['filter', 'opacity']);\n  let gfilter, gblur, changes;\n  const drawing = getCurrentDrawing();\n\n  for (let i = 0; i < len; i++) {\n    const elem = children[i];\n\n    if (elem.nodeType !== 1) { continue; }\n\n    if (gattrs.opacity !== null && gattrs.opacity !== 1) {\n      // const c_opac = elem.getAttribute('opacity') || 1;\n      const newOpac = Math.round((elem.getAttribute('opacity') || 1) * gattrs.opacity * 100) / 100;\n      changeSelectedAttribute('opacity', newOpac, [elem]);\n    }\n\n    if (gattrs.filter) {\n      let cblur = this.getBlur(elem);\n      const origCblur = cblur;\n      if (!gblur) { gblur = this.getBlur(g); }\n      if (cblur) {\n        // Is this formula correct?\n        cblur = Number(gblur) + Number(cblur);\n      } else if (cblur === 0) {\n        cblur = gblur;\n      }\n\n      // If child has no current filter, get group's filter or clone it.\n      if (!origCblur) {\n        // Set group's filter to use first child's ID\n        if (!gfilter) {\n          gfilter = getRefElem(gattrs.filter);\n        } else {\n          // Clone the group's filter\n          gfilter = drawing.copyElem(gfilter);\n          findDefs().append(gfilter);\n        }\n      } else {\n        gfilter = getRefElem(elem.getAttribute('filter'));\n      }\n\n      // Change this in future for different filters\n      const suffix = (gfilter.firstChild.tagName === 'feGaussianBlur') ? 'blur' : 'filter';\n      gfilter.id = elem.id + '_' + suffix;\n      changeSelectedAttribute('filter', 'url(#' + gfilter.id + ')', [elem]);\n\n      // Update blur value\n      if (cblur) {\n        changeSelectedAttribute('stdDeviation', cblur, [gfilter.firstChild]);\n        canvas.setBlurOffsets(gfilter, cblur);\n      }\n    }\n\n    let chtlist = getTransformList(elem);\n\n    // Don't process gradient transforms\n    if (elem.tagName.includes('Gradient')) { chtlist = null; }\n\n    // Hopefully not a problem to add this. Necessary for elements like <desc/>\n    if (!chtlist) { continue; }\n\n    // Apparently <defs> can get get a transformlist, but we don't want it to have one!\n    if (elem.tagName === 'defs') { continue; }\n\n    if (glist.numberOfItems) {\n      // TODO: if the group's transform is just a rotate, we can always transfer the\n      // rotate() down to the children (collapsing consecutive rotates and factoring\n      // out any translates)\n      if (gangle && glist.numberOfItems === 1) {\n        // [Rg] [Rc] [Mc]\n        // we want [Tr] [Rc2] [Mc] where:\n        //  - [Rc2] is at the child's current center but has the\n        // sum of the group and child's rotation angles\n        //  - [Tr] is the equivalent translation that this child\n        // undergoes if the group wasn't there\n\n        // [Tr] = [Rg] [Rc] [Rc2_inv]\n\n        // get group's rotation matrix (Rg)\n        const rgm = glist.getItem(0).matrix;\n\n        // get child's rotation matrix (Rc)\n        let rcm = svgroot.createSVGMatrix();\n        const cangle = getRotationAngle(elem);\n        if (cangle) {\n          rcm = chtlist.getItem(0).matrix;\n        }\n\n        // get child's old center of rotation\n        const cbox = utilsGetBBox(elem);\n        const ceqm = transformListToTransform(chtlist).matrix;\n        const coldc = transformPoint(cbox.x + cbox.width / 2, cbox.y + cbox.height / 2, ceqm);\n\n        // sum group and child's angles\n        const sangle = gangle + cangle;\n\n        // get child's rotation at the old center (Rc2_inv)\n        const r2 = svgroot.createSVGTransform();\n        r2.setRotate(sangle, coldc.x, coldc.y);\n\n        // calculate equivalent translate\n        const trm = matrixMultiply(rgm, rcm, r2.matrix.inverse());\n\n        // set up tlist\n        if (cangle) {\n          chtlist.removeItem(0);\n        }\n\n        if (sangle) {\n          if (chtlist.numberOfItems) {\n            chtlist.insertItemBefore(r2, 0);\n          } else {\n            chtlist.appendItem(r2);\n          }\n        }\n\n        if (trm.e || trm.f) {\n          const tr = svgroot.createSVGTransform();\n          tr.setTranslate(trm.e, trm.f);\n          if (chtlist.numberOfItems) {\n            chtlist.insertItemBefore(tr, 0);\n          } else {\n            chtlist.appendItem(tr);\n          }\n        }\n      } else { // more complicated than just a rotate\n        // transfer the group's transform down to each child and then\n        // call recalculateDimensions()\n        const oldxform = elem.getAttribute('transform');\n        changes = {};\n        changes.transform = oldxform || '';\n\n        const newxform = svgroot.createSVGTransform();\n\n        // [ gm ] [ chm ] = [ chm ] [ gm' ]\n        // [ gm' ] = [ chmInv ] [ gm ] [ chm ]\n        const chm = transformListToTransform(chtlist).matrix,\n          chmInv = chm.inverse();\n        const gm = matrixMultiply(chmInv, m, chm);\n        newxform.setMatrix(gm);\n        chtlist.appendItem(newxform);\n      }\n      const cmd = recalculateDimensions(elem);\n      if (cmd) { batchCmd.addSubCommand(cmd); }\n    }\n  }\n\n  // remove transform and make it undo-able\n  if (xform) {\n    changes = {};\n    changes.transform = xform;\n    g.setAttribute('transform', '');\n    g.removeAttribute('transform');\n    batchCmd.addSubCommand(new ChangeElementCommand(g, changes));\n  }\n\n  if (undoable && !batchCmd.isEmpty()) {\n    return batchCmd;\n  }\n};\n\n/**\n* Unwraps all the elements in a selected group (`g`) element. This requires\n* significant recalculations to apply group's transforms, etc. to its children\n* @function module:svgcanvas.SvgCanvas#ungroupSelectedElement\n* @returns {undefined}\n*/\nthis.ungroupSelectedElement = function () {\n  let g = selectedElements[0];\n  if (!g) {\n    return;\n  }\n  if ($(g).data('gsvg') || $(g).data('symbol')) {\n    // Is svg, so actually convert to group\n    convertToGroup(g);\n    return;\n  }\n  if (g.tagName === 'use') {\n    // Somehow doesn't have data set, so retrieve\n    const symbol = getElem(getHref(g).substr(1));\n    $(g).data('symbol', symbol).data('ref', symbol);\n    convertToGroup(g);\n    return;\n  }\n  const parentsA = $(g).parents('a');\n  if (parentsA.length) {\n    g = parentsA[0];\n  }\n\n  // Look for parent \"a\"\n  if (g.tagName === 'g' || g.tagName === 'a') {\n    const batchCmd = new BatchCommand('Ungroup Elements');\n    const cmd = pushGroupProperties(g, true);\n    if (cmd) { batchCmd.addSubCommand(cmd); }\n\n    const parent = g.parentNode;\n    const anchor = g.nextSibling;\n    const children = new Array(g.childNodes.length);\n\n    let i = 0;\n    while (g.firstChild) {\n      let elem = g.firstChild;\n      const oldNextSibling = elem.nextSibling;\n      const oldParent = elem.parentNode;\n\n      // Remove child title elements\n      if (elem.tagName === 'title') {\n        const {nextSibling} = elem;\n        batchCmd.addSubCommand(new RemoveElementCommand(elem, nextSibling, oldParent));\n        elem.remove();\n        continue;\n      }\n\n      children[i++] = elem = parent.insertBefore(elem, anchor);\n      batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldParent));\n    }\n\n    // remove the group from the selection\n    clearSelection();\n\n    // delete the group element (but make undo-able)\n    const gNextSibling = g.nextSibling;\n    g = parent.removeChild(g);\n    batchCmd.addSubCommand(new RemoveElementCommand(g, gNextSibling, parent));\n\n    if (!batchCmd.isEmpty()) { addCommandToHistory(batchCmd); }\n\n    // update selection\n    addToSelection(children);\n  }\n};\n\n/**\n* Repositions the selected element to the bottom in the DOM to appear on top of\n* other elements\n* @function module:svgcanvas.SvgCanvas#moveToTopSelectedElement\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.moveToTopSelectedElement = function () {\n  const [selected] = selectedElements;\n  if (selected != null) {\n    let t = selected;\n    const oldParent = t.parentNode;\n    const oldNextSibling = t.nextSibling;\n    t = t.parentNode.appendChild(t);\n    // If the element actually moved position, add the command and fire the changed\n    // event handler.\n    if (oldNextSibling !== t.nextSibling) {\n      addCommandToHistory(new MoveElementCommand(t, oldNextSibling, oldParent, 'top'));\n      call('changed', [t]);\n    }\n  }\n};\n\n/**\n* Repositions the selected element to the top in the DOM to appear under\n* other elements\n* @function module:svgcanvas.SvgCanvas#moveToBottomSelectedElement\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.moveToBottomSelectedElement = function () {\n  const [selected] = selectedElements;\n  if (selected != null) {\n    let t = selected;\n    const oldParent = t.parentNode;\n    const oldNextSibling = t.nextSibling;\n    let {firstChild} = t.parentNode;\n    if (firstChild.tagName === 'title') {\n      firstChild = firstChild.nextSibling;\n    }\n    // This can probably be removed, as the defs should not ever apppear\n    // inside a layer group\n    if (firstChild.tagName === 'defs') {\n      firstChild = firstChild.nextSibling;\n    }\n    t = t.parentNode.insertBefore(t, firstChild);\n    // If the element actually moved position, add the command and fire the changed\n    // event handler.\n    if (oldNextSibling !== t.nextSibling) {\n      addCommandToHistory(new MoveElementCommand(t, oldNextSibling, oldParent, 'bottom'));\n      call('changed', [t]);\n    }\n  }\n};\n\n/**\n* Moves the select element up or down the stack, based on the visibly\n* intersecting elements\n* @function module:svgcanvas.SvgCanvas#moveUpDownSelected\n* @param {\"Up\"|\"Down\"} dir - String that's either 'Up' or 'Down'\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {undefined}\n*/\nthis.moveUpDownSelected = function (dir) {\n  const selected = selectedElements[0];\n  if (!selected) { return; }\n\n  curBBoxes = [];\n  let closest, foundCur;\n  // jQuery sorts this list\n  const list = $(getIntersectionList(getStrokedBBoxDefaultVisible([selected]))).toArray();\n  if (dir === 'Down') { list.reverse(); }\n\n  $.each(list, function () {\n    if (!foundCur) {\n      if (this === selected) {\n        foundCur = true;\n      }\n      return;\n    }\n    closest = this;\n    return false;\n  });\n  if (!closest) { return; }\n\n  const t = selected;\n  const oldParent = t.parentNode;\n  const oldNextSibling = t.nextSibling;\n  $(closest)[dir === 'Down' ? 'before' : 'after'](t);\n  // If the element actually moved position, add the command and fire the changed\n  // event handler.\n  if (oldNextSibling !== t.nextSibling) {\n    addCommandToHistory(new MoveElementCommand(t, oldNextSibling, oldParent, 'Move ' + dir));\n    call('changed', [t]);\n  }\n};\n\n/**\n* Moves selected elements on the X/Y axis\n* @function module:svgcanvas.SvgCanvas#moveSelectedElements\n* @param {Float} dx - Float with the distance to move on the x-axis\n* @param {Float} dy - Float with the distance to move on the y-axis\n* @param {boolean} undoable - Boolean indicating whether or not the action should be undoable\n* @fires module:svgcanvas.SvgCanvas#event:changed\n* @returns {BatchCommand} Batch command for the move\n*/\nthis.moveSelectedElements = function (dx, dy, undoable) {\n  // if undoable is not sent, default to true\n  // if single values, scale them to the zoom\n  if (dx.constructor !== Array) {\n    dx /= currentZoom;\n    dy /= currentZoom;\n  }\n  undoable = undoable || true;\n  const batchCmd = new BatchCommand('position');\n  let i = selectedElements.length;\n  while (i--) {\n    const selected = selectedElements[i];\n    if (selected != null) {\n      // if (i === 0) {\n      //   selectedBBoxes[0] = utilsGetBBox(selected);\n      // }\n      // const b = {};\n      // for (const j in selectedBBoxes[i]) b[j] = selectedBBoxes[i][j];\n      // selectedBBoxes[i] = b;\n\n      const xform = svgroot.createSVGTransform();\n      const tlist = getTransformList(selected);\n\n      // dx and dy could be arrays\n      if (dx.constructor === Array) {\n        // if (i === 0) {\n        //   selectedBBoxes[0].x += dx[0];\n        //   selectedBBoxes[0].y += dy[0];\n        // }\n        xform.setTranslate(dx[i], dy[i]);\n      } else {\n        // if (i === 0) {\n        //   selectedBBoxes[0].x += dx;\n        //   selectedBBoxes[0].y += dy;\n        // }\n        xform.setTranslate(dx, dy);\n      }\n\n      if (tlist.numberOfItems) {\n        tlist.insertItemBefore(xform, 0);\n      } else {\n        tlist.appendItem(xform);\n      }\n\n      const cmd = recalculateDimensions(selected);\n      if (cmd) {\n        batchCmd.addSubCommand(cmd);\n      }\n\n      selectorManager.requestSelector(selected).resize();\n    }\n  }\n  if (!batchCmd.isEmpty()) {\n    if (undoable) {\n      addCommandToHistory(batchCmd);\n    }\n    call('changed', selectedElements);\n    return batchCmd;\n  }\n};\n\n/**\n* Create deep DOM copies (clones) of all selected elements and move them slightly\n* from their originals\n* @function module:svgcanvas.SvgCanvas#cloneSelectedElements\n* @param {Float} x Float with the distance to move on the x-axis\n* @param {Float} y Float with the distance to move on the y-axis\n* @returns {undefined}\n*/\nthis.cloneSelectedElements = function (x, y) {\n  let i, elem;\n  const batchCmd = new BatchCommand('Clone Elements');\n  // find all the elements selected (stop at first null)\n  const len = selectedElements.length;\n  function sortfunction (a, b) {\n    return ($(b).index() - $(a).index()); // causes an array to be sorted numerically and ascending\n  }\n  selectedElements.sort(sortfunction);\n  for (i = 0; i < len; ++i) {\n    elem = selectedElements[i];\n    if (elem == null) { break; }\n  }\n  // use slice to quickly get the subset of elements we need\n  const copiedElements = selectedElements.slice(0, i);\n  this.clearSelection(true);\n  // note that we loop in the reverse way because of the way elements are added\n  // to the selectedElements array (top-first)\n  const drawing = getCurrentDrawing();\n  i = copiedElements.length;\n  while (i--) {\n    // clone each element and replace it within copiedElements\n    elem = copiedElements[i] = drawing.copyElem(copiedElements[i]);\n    (currentGroup || drawing.getCurrentLayer()).append(elem);\n    batchCmd.addSubCommand(new InsertElementCommand(elem));\n  }\n\n  if (!batchCmd.isEmpty()) {\n    addToSelection(copiedElements.reverse()); // Need to reverse for correct selection-adding\n    this.moveSelectedElements(x, y, false);\n    addCommandToHistory(batchCmd);\n  }\n};\n\n/**\n* Aligns selected elements\n* @function module:svgcanvas.SvgCanvas#alignSelectedElements\n* @param {string} type - String with single character indicating the alignment type\n* @param {\"selected\"|\"largest\"|\"smallest\"|\"page\"} relativeTo\n* @returns {undefined}\n*/\nthis.alignSelectedElements = function (type, relativeTo) {\n  const bboxes = []; // angles = [];\n  const len = selectedElements.length;\n  if (!len) { return; }\n  let minx = Number.MAX_VALUE, maxx = Number.MIN_VALUE,\n    miny = Number.MAX_VALUE, maxy = Number.MIN_VALUE;\n  let curwidth = Number.MIN_VALUE, curheight = Number.MIN_VALUE;\n  for (let i = 0; i < len; ++i) {\n    if (selectedElements[i] == null) { break; }\n    const elem = selectedElements[i];\n    bboxes[i] = getStrokedBBoxDefaultVisible([elem]);\n\n    // now bbox is axis-aligned and handles rotation\n    switch (relativeTo) {\n    case 'smallest':\n      if (((type === 'l' || type === 'c' || type === 'r') &&\n        (curwidth === Number.MIN_VALUE || curwidth > bboxes[i].width)) ||\n        ((type === 't' || type === 'm' || type === 'b') &&\n        (curheight === Number.MIN_VALUE || curheight > bboxes[i].height))\n      ) {\n        minx = bboxes[i].x;\n        miny = bboxes[i].y;\n        maxx = bboxes[i].x + bboxes[i].width;\n        maxy = bboxes[i].y + bboxes[i].height;\n        curwidth = bboxes[i].width;\n        curheight = bboxes[i].height;\n      }\n      break;\n    case 'largest':\n      if (((type === 'l' || type === 'c' || type === 'r') &&\n        (curwidth === Number.MIN_VALUE || curwidth < bboxes[i].width)) ||\n        ((type === 't' || type === 'm' || type === 'b') &&\n        (curheight === Number.MIN_VALUE || curheight < bboxes[i].height))\n      ) {\n        minx = bboxes[i].x;\n        miny = bboxes[i].y;\n        maxx = bboxes[i].x + bboxes[i].width;\n        maxy = bboxes[i].y + bboxes[i].height;\n        curwidth = bboxes[i].width;\n        curheight = bboxes[i].height;\n      }\n      break;\n    default: // 'selected'\n      if (bboxes[i].x < minx) { minx = bboxes[i].x; }\n      if (bboxes[i].y < miny) { miny = bboxes[i].y; }\n      if (bboxes[i].x + bboxes[i].width > maxx) { maxx = bboxes[i].x + bboxes[i].width; }\n      if (bboxes[i].y + bboxes[i].height > maxy) { maxy = bboxes[i].y + bboxes[i].height; }\n      break;\n    }\n  } // loop for each element to find the bbox and adjust min/max\n\n  if (relativeTo === 'page') {\n    minx = 0;\n    miny = 0;\n    maxx = canvas.contentW;\n    maxy = canvas.contentH;\n  }\n\n  const dx = new Array(len);\n  const dy = new Array(len);\n  for (let i = 0; i < len; ++i) {\n    if (selectedElements[i] == null) { break; }\n    // const elem = selectedElements[i];\n    const bbox = bboxes[i];\n    dx[i] = 0;\n    dy[i] = 0;\n    switch (type) {\n    case 'l': // left (horizontal)\n      dx[i] = minx - bbox.x;\n      break;\n    case 'c': // center (horizontal)\n      dx[i] = (minx + maxx) / 2 - (bbox.x + bbox.width / 2);\n      break;\n    case 'r': // right (horizontal)\n      dx[i] = maxx - (bbox.x + bbox.width);\n      break;\n    case 't': // top (vertical)\n      dy[i] = miny - bbox.y;\n      break;\n    case 'm': // middle (vertical)\n      dy[i] = (miny + maxy) / 2 - (bbox.y + bbox.height / 2);\n      break;\n    case 'b': // bottom (vertical)\n      dy[i] = maxy - (bbox.y + bbox.height);\n      break;\n    }\n  }\n  this.moveSelectedElements(dx, dy);\n};\n\n/**\n* Group: Additional editor tools\n*/\n\n/**\n* @name module:svgcanvas.SvgCanvas#contentW\n* @type {Float}\n*/\nthis.contentW = getResolution().w;\n/**\n* @name module:svgcanvas.SvgCanvas#contentH\n* @type {Float}\n*/\nthis.contentH = getResolution().h;\n\n/**\n* @typedef {PlainObject} module:svgcanvas.CanvasInfo\n* @property {Float} x - The canvas' new x coordinate\n* @property {Float} y - The canvas' new y coordinate\n* @property {string} oldX - The canvas' old x coordinate\n* @property {string} oldY - The canvas' old y coordinate\n* @property {Float} d_x - The x position difference\n* @property {Float} d_y - The y position difference\n*/\n\n/**\n* Updates the editor canvas width/height/position after a zoom has occurred\n* @function module:svgcanvas.SvgCanvas#updateCanvas\n* @param {Float} w - Float with the new width\n* @param {Float} h - Float with the new height\n* @fires module:svgcanvas.SvgCanvas#event:ext-canvasUpdated\n* @returns {module:svgcanvas.CanvasInfo}\n*/\nthis.updateCanvas = function (w, h) {\n  svgroot.setAttribute('width', w);\n  svgroot.setAttribute('height', h);\n  const bg = $('#canvasBackground')[0];\n  const oldX = svgcontent.getAttribute('x');\n  const oldY = svgcontent.getAttribute('y');\n  const x = (w / 2 - this.contentW * currentZoom / 2);\n  const y = (h / 2 - this.contentH * currentZoom / 2);\n\n  assignAttributes(svgcontent, {\n    width: this.contentW * currentZoom,\n    height: this.contentH * currentZoom,\n    x,\n    y,\n    viewBox: '0 0 ' + this.contentW + ' ' + this.contentH\n  });\n\n  assignAttributes(bg, {\n    width: svgcontent.getAttribute('width'),\n    height: svgcontent.getAttribute('height'),\n    x,\n    y\n  });\n\n  const bgImg = getElem('background_image');\n  if (bgImg) {\n    assignAttributes(bgImg, {\n      width: '100%',\n      height: '100%'\n    });\n  }\n\n  selectorManager.selectorParentGroup.setAttribute('transform', 'translate(' + x + ',' + y + ')');\n  /**\n  * Invoked upon updates to the canvas.\n  * @event module:svgcanvas.SvgCanvas#event:ext-canvasUpdated\n  * @type {PlainObject}\n  * @property {Integer} new_x\n  * @property {Integer} new_y\n  * @property {string} old_x (Of Integer)\n  * @property {string} old_y (Of Integer)\n  * @property {Integer} d_x\n  * @property {Integer} d_y\n  */\n  runExtensions(\n    'canvasUpdated',\n    /**\n     * @type {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated}\n     */\n    {new_x: x, new_y: y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY}\n  );\n  return {x, y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY};\n};\n\n/**\n* Set the background of the editor (NOT the actual document)\n* @function module:svgcanvas.SvgCanvas#setBackground\n* @param {string} color - String with fill color to apply\n* @param {string} url - URL or path to image to use\n* @returns {undefined}\n*/\nthis.setBackground = function (color, url) {\n  const bg = getElem('canvasBackground');\n  const border = $(bg).find('rect')[0];\n  let bgImg = getElem('background_image');\n  border.setAttribute('fill', color);\n  if (url) {\n    if (!bgImg) {\n      bgImg = svgdoc.createElementNS(NS.SVG, 'image');\n      assignAttributes(bgImg, {\n        id: 'background_image',\n        width: '100%',\n        height: '100%',\n        preserveAspectRatio: 'xMinYMin',\n        style: 'pointer-events:none'\n      });\n    }\n    setHref(bgImg, url);\n    bg.append(bgImg);\n  } else if (bgImg) {\n    bgImg.remove();\n  }\n};\n\n/**\n* Select the next/previous element within the current layer\n* @function module:svgcanvas.SvgCanvas#cycleElement\n* @param {boolean} next - true = next and false = previous element\n* @fires module:svgcanvas.SvgCanvas#event:selected\n* @returns {undefined}\n*/\nthis.cycleElement = function (next) {\n  let num;\n  const curElem = selectedElements[0];\n  let elem = false;\n  const allElems = getVisibleElements(currentGroup || getCurrentDrawing().getCurrentLayer());\n  if (!allElems.length) { return; }\n  if (curElem == null) {\n    num = next ? allElems.length - 1 : 0;\n    elem = allElems[num];\n  } else {\n    let i = allElems.length;\n    while (i--) {\n      if (allElems[i] === curElem) {\n        num = next ? i - 1 : i + 1;\n        if (num >= allElems.length) {\n          num = 0;\n        } else if (num < 0) {\n          num = allElems.length - 1;\n        }\n        elem = allElems[num];\n        break;\n      }\n    }\n  }\n  selectOnly([elem], true);\n  call('selected', selectedElements);\n};\n\nthis.clear();\n\n/**\n* @interface module:svgcanvas.PrivateMethods\n* @type {PlainObject}\n* @property {module:svgcanvas~addCommandToHistory} addCommandToHistory\n* @property {module:history.HistoryCommand} BatchCommand\n* @property {module:history.HistoryCommand} ChangeElementCommand\n* @property {module:utilities.decode64} decode64\n* @property {module:utilities.encode64} encode64\n* @property {module:svgcanvas~ffClone} ffClone\n* @property {module:svgcanvas~findDuplicateGradient} findDuplicateGradient\n* @property {module:utilities.getPathBBox} getPathBBox\n* @property {module:units.getTypeMap} getTypeMap\n* @property {module:draw.identifyLayers} identifyLayers\n* @property {module:history.HistoryCommand} InsertElementCommand\n* @property {module:browser.isChrome} isChrome\n* @property {module:math.isIdentity} isIdentity\n* @property {module:browser.isIE} isIE\n* @property {module:svgcanvas~logMatrix} logMatrix\n* @property {module:history.HistoryCommand} MoveElementCommand\n* @property {module:namespaces.NS} NS\n* @property {module:utilities.preventClickDefault} preventClickDefault\n* @property {module:history.HistoryCommand} RemoveElementCommand\n* @property {module:SVGTransformList.SVGEditTransformList} SVGEditTransformList\n* @property {module:utilities.text2xml} text2xml\n* @property {module:math.transformBox} transformBox\n* @property {module:math.transformPoint} transformPoint\n* @property {module:utilities.walkTree} walkTree\n*/\n/**\n* @deprecated getPrivateMethods\n* Since all methods are/should be public somehow, this function should be removed;\n*  we might require `import` in place of this in the future once ES6 Modules\n*  widespread\n\n* Being able to access private methods publicly seems wrong somehow,\n* but currently appears to be the best way to allow testing and provide\n* access to them to plugins.\n* @function module:svgcanvas.SvgCanvas#getPrivateMethods\n* @returns {module:svgcanvas.PrivateMethods}\n*/\nthis.getPrivateMethods = function () {\n  const obj = {\n    addCommandToHistory,\n    BatchCommand,\n    ChangeElementCommand,\n    decode64,\n    encode64,\n    ffClone,\n    findDefs,\n    findDuplicateGradient,\n    getElem,\n    getPathBBox,\n    getTypeMap,\n    getUrlFromAttr,\n    identifyLayers: draw.identifyLayers,\n    InsertElementCommand,\n    isChrome,\n    isIdentity,\n    isIE,\n    logMatrix,\n    MoveElementCommand,\n    NS,\n    preventClickDefault,\n    RemoveElementCommand,\n    SVGEditTransformList,\n    text2xml,\n    transformBox,\n    transformPoint,\n    walkTree\n  };\n  return obj;\n};\n  } // End constructor\n} // End class\n\nexport default SvgCanvas;\n","/**\n * jGraduate 0.4\n *\n * jQuery Plugin for a gradient picker\n *\n * @module jGraduate\n * @copyright 2010 Jeff Schiller {@link http://blog.codedread.com/}, 2010 Alexis Deveria {@link http://a.deveria.com/}\n *\n * @license Apache-2.0\n * @example\n * // The Paint object is described below.\n * $.jGraduate.Paint() // constructs a 'none' color\n * @example $.jGraduate.Paint({copy: o}) // creates a copy of the paint o\n * @example $.jGraduate.Paint({hex: '#rrggbb'}) // creates a solid color paint with hex = \"#rrggbb\"\n * @example $.jGraduate.Paint({linearGradient: o, a: 50}) // creates a linear gradient paint with opacity=0.5\n * @example $.jGraduate.Paint({radialGradient: o, a: 7}) // creates a radial gradient paint with opacity=0.07\n * @example $.jGraduate.Paint({hex: '#rrggbb', linearGradient: o}) // throws an exception?\n *\n*/\n\n/**\n  * The jQuery namespace.\n  * @external jQuery\n*/\n/**\n * The jQuery plugin namespace.\n * @namespace {PlainObject} fn\n * @memberof external:jQuery\n * @see {@link http://learn.jquery.com/plugins/|jQuery Plugins}\n */\n\nconst ns = {\n  svg: 'http://www.w3.org/2000/svg',\n  xlink: 'http://www.w3.org/1999/xlink'\n};\n\nif (!window.console) {\n  window.console = {\n    log (str) {},\n    dir (str) {}\n  };\n}\n\n/**\n* Adds {@link external:jQuery.jGraduate.Paint}, {@link external:jQuery.fn.jGraduateDefaults}, {@link external:jQuery.fn.jGraduate}\n* @function module:jGraduate.jGraduate\n* @param {external:jQuery} $ The jQuery instance to wrap\n* @returns {external:jQuery}\n*/\nexport default function ($) {\n  if (!$.loadingStylesheets) {\n    $.loadingStylesheets = [];\n  }\n  const stylesheet = 'jgraduate/css/jGraduate.css';\n  if (!$.loadingStylesheets.includes(stylesheet)) {\n    $.loadingStylesheets.push(stylesheet);\n  }\n\n  /**\n  * @typedef {PlainObject} module:jGraduate.jGraduatePaintOptions\n  * @param {Float} [alpha]\n  * @param {module:jGraduate~Paint} [copy] Copy paint object\n  * @param {SVGLinearGradientElement} [linearGradient]\n  * @param {SVGRadialGradientElement} [radialGradient]\n  * @param {string} [solidColor]\n  */\n\n  /**\n  * @memberof module:jGraduate~\n  */\n  class Paint {\n    /**\n     * @param {module:jGraduate.jGraduatePaintOptions} [opt]\n    */\n    constructor (opt) {\n      const options = opt || {};\n      this.alpha = isNaN(options.alpha) ? 100 : options.alpha;\n      // copy paint object\n      if (options.copy) {\n        /**\n         * @name module:jGraduate~Paint#type\n         * @type {\"none\"|\"solidColor\"|\"linearGradient\"|\"radialGradient\"}\n         */\n        this.type = options.copy.type;\n        /**\n         * Represents opacity (0-100)\n         * @name module:jGraduate~Paint#alpha\n         * @type {Float}\n         */\n        this.alpha = options.copy.alpha;\n        /**\n         * Represents #RRGGBB hex of color\n         * @name module:jGraduate~Paint#solidColor\n         * @type {string}\n         */\n        this.solidColor = null;\n        /**\n         * @name module:jGraduate~Paint#linearGradient\n         * @type {SVGLinearGradientElement}\n         */\n        this.linearGradient = null;\n        /**\n         * @name module:jGraduate~Paint#radialGradient\n         * @type {SVGRadialGradientElement}\n         */\n        this.radialGradient = null;\n\n        switch (this.type) {\n        case 'none':\n          break;\n        case 'solidColor':\n          this.solidColor = options.copy.solidColor;\n          break;\n        case 'linearGradient':\n          this.linearGradient = options.copy.linearGradient.cloneNode(true);\n          break;\n        case 'radialGradient':\n          this.radialGradient = options.copy.radialGradient.cloneNode(true);\n          break;\n        }\n      // create linear gradient paint\n      } else if (options.linearGradient) {\n        this.type = 'linearGradient';\n        this.solidColor = null;\n        this.radialGradient = null;\n        this.linearGradient = options.linearGradient.cloneNode(true);\n      // create linear gradient paint\n      } else if (options.radialGradient) {\n        this.type = 'radialGradient';\n        this.solidColor = null;\n        this.linearGradient = null;\n        this.radialGradient = options.radialGradient.cloneNode(true);\n      // create solid color paint\n      } else if (options.solidColor) {\n        this.type = 'solidColor';\n        this.solidColor = options.solidColor;\n      // create empty paint\n      } else {\n        this.type = 'none';\n        this.solidColor = null;\n        this.linearGradient = null;\n        this.radialGradient = null;\n      }\n    }\n  }\n  /**\n  * @namespace {PlainObject} jGraduate\n  * @memberof external:jQuery\n  */\n  $.jGraduate = /** @lends external:jQuery.jGraduate */ {\n    /**\n    * @class external:jQuery.jGraduate.Paint\n    * @see module:jGraduate~Paint\n    */\n    Paint\n  };\n\n  // JSDoc doesn't show this as belonging to our `module:jGraduate.Options` type,\n  //   so we use `@see`\n  /**\n  * @namespace {module:jGraduate.Options} jGraduateDefaults\n  * @memberof external:jQuery.fn\n  */\n  $.fn.jGraduateDefaults = /** @lends external:jQuery.fn.jGraduateDefaults */ {\n    /**\n    * Creates an object with a 'none' color\n    * @type {external:jQuery.jGraduate.Paint}\n    * @see module:jGraduate.Options\n    */\n    paint: new $.jGraduate.Paint(),\n    /**\n    * @namespace\n    */\n    window: {\n      /**\n      * @type {string}\n      * @see module:jGraduate.Options\n      */\n      pickerTitle: 'Drag markers to pick a paint'\n    },\n    /**\n    * @namespace\n    */\n    images: {\n      /**\n      * @type {string}\n      * @see module:jGraduate.Options\n      */\n      clientPath: 'images/'\n    },\n    /**\n    * @type {string}\n    * @see module:jGraduate.Options\n    */\n    newstop: 'inverse' // same, inverse, black, white\n  };\n\n  const isGecko = navigator.userAgent.includes('Gecko/');\n\n  function setAttrs (elem, attrs) {\n    if (isGecko) {\n      for (const aname in attrs) elem.setAttribute(aname, attrs[aname]);\n    } else {\n      for (const aname in attrs) {\n        const val = attrs[aname], prop = elem[aname];\n        if (prop && prop.constructor === 'SVGLength') {\n          prop.baseVal.value = val;\n        } else {\n          elem.setAttribute(aname, val);\n        }\n      }\n    }\n  }\n\n  function mkElem (name, attrs, newparent) {\n    const elem = document.createElementNS(ns.svg, name);\n    setAttrs(elem, attrs);\n    if (newparent) {\n      newparent.append(elem);\n    }\n    return elem;\n  }\n\n  /**\n  * @typedef {PlainObject} module:jGraduate.ColorOpac Object may have one or both values\n  * @property {string} [color] #Hex color\n  * @property {Float} [opac] 0-1\n  */\n  /**\n  * @typedef {PlainObject} module:jGraduate.Options\n  * @property {module:jGraduate~Paint} [paint] A Paint object object describing the paint to display initially; defaults to a new instance without options (defaults to opaque white)\n  * @property {external:Window} [window]\n  * @property {string} [window.pickerTitle='Drag markers to pick a paint']\n  * @property {PlainObject} [images]\n  * @property {string} [images.clientPath='images/']\n  * @property {\"same\"|\"inverse\"|\"black\"|\"white\"|module:jGraduate.ColorOpac} [newstop=\"inverse\"]\n  */\n\n  /**\n  * @callback external:jQuery.fn.jGraduate.OkCallback\n  * @param {external:jQuery.jGraduate.Paint} paint\n  * @returns {undefined}\n  */\n  /**\n  * @callback external:jQuery.fn.jGraduate.CancelCallback\n  * @returns {undefined}\n  */\n\n  /**\n  * @function external:jQuery.fn.jGraduate\n  * @param {module:jGraduate.Options} [options]\n  * @param {external:jQuery.fn.jGraduate.OkCallback} [okCallback] Called with a Paint object when Ok is pressed\n  * @param {external:jQuery.fn.jGraduate.CancelCallback} [cancelCallback] Called with no arguments when Cancel is pressed\n  * @returns {external:jQuery}\n  */\n  $.fn.jGraduate = function (options, okCallback, cancelCallback) {\n    return this.each(function () {\n      const $this = $(this),\n        $settings = $.extend(true, {}, $.fn.jGraduateDefaults, options || {}),\n        id = $this.attr('id'),\n        idref = '#' + $this.attr('id') + ' ';\n\n      if (!idref) {\n        alert('Container element must have an id attribute to maintain unique id strings for sub-elements.');\n        return;\n      }\n\n      const okClicked = function () {\n        switch ($this.paint.type) {\n        case 'radialGradient':\n          $this.paint.linearGradient = null;\n          break;\n        case 'linearGradient':\n          $this.paint.radialGradient = null;\n          break;\n        case 'solidColor':\n          $this.paint.radialGradient = $this.paint.linearGradient = null;\n          break;\n        }\n        typeof $this.okCallback === 'function' && $this.okCallback($this.paint);\n        $this.hide();\n      };\n      const cancelClicked = function () {\n        typeof $this.cancelCallback === 'function' && $this.cancelCallback();\n        $this.hide();\n      };\n\n      $.extend(true, $this, { // public properties, methods, and callbacks\n        // make a copy of the incoming paint\n        paint: new $.jGraduate.Paint({copy: $settings.paint}),\n        okCallback: typeof okCallback === 'function' ? okCallback : null,\n        cancelCallback: typeof cancelCallback === 'function' ? cancelCallback : null\n      });\n\n      let // pos = $this.position(),\n        color = null;\n      const $win = $(window);\n\n      if ($this.paint.type === 'none') {\n        $this.paint = new $.jGraduate.Paint({solidColor: 'ffffff'});\n      }\n\n      $this.addClass('jGraduate_Picker');\n      $this.html(\n        '<ul class=\"jGraduate_tabs\">' +\n          '<li class=\"jGraduate_tab_color jGraduate_tab_current\" data-type=\"col\">Solid Color</li>' +\n          '<li class=\"jGraduate_tab_lingrad\" data-type=\"lg\">Linear Gradient</li>' +\n          '<li class=\"jGraduate_tab_radgrad\" data-type=\"rg\">Radial Gradient</li>' +\n        '</ul>' +\n        '<div class=\"jGraduate_colPick\"></div>' +\n        '<div class=\"jGraduate_gradPick\"></div>' +\n        '<div class=\"jGraduate_LightBox\"></div>' +\n        '<div id=\"' + id + '_jGraduate_stopPicker\" class=\"jGraduate_stopPicker\"></div>'\n      );\n      const colPicker = $(idref + '> .jGraduate_colPick');\n      const gradPicker = $(idref + '> .jGraduate_gradPick');\n\n      gradPicker.html(\n        '<div id=\"' + id + '_jGraduate_Swatch\" class=\"jGraduate_Swatch\">' +\n          '<h2 class=\"jGraduate_Title\">' + $settings.window.pickerTitle + '</h2>' +\n          '<div id=\"' + id + '_jGraduate_GradContainer\" class=\"jGraduate_GradContainer\"></div>' +\n          '<div id=\"' + id + '_jGraduate_StopSlider\" class=\"jGraduate_StopSlider\"></div>' +\n        '</div>' +\n        '<div class=\"jGraduate_Form jGraduate_Points jGraduate_lg_field\">' +\n          '<div class=\"jGraduate_StopSection\">' +\n            '<label class=\"jGraduate_Form_Heading\">Begin Point</label>' +\n            '<div class=\"jGraduate_Form_Section\">' +\n              '<label>x:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_x1\" size=\"3\" title=\"Enter starting x value between 0.0 and 1.0\"/>' +\n              '<label>y:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_y1\" size=\"3\" title=\"Enter starting y value between 0.0 and 1.0\"/>' +\n            '</div>' +\n          '</div>' +\n          '<div class=\"jGraduate_StopSection\">' +\n            '<label class=\"jGraduate_Form_Heading\">End Point</label>' +\n            '<div class=\"jGraduate_Form_Section\">' +\n              '<label>x:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_x2\" size=\"3\" title=\"Enter ending x value between 0.0 and 1.0\"/>' +\n              '<label>y:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_y2\" size=\"3\" title=\"Enter ending y value between 0.0 and 1.0\"/>' +\n            '</div>' +\n          '</div>' +\n        '</div>' +\n        '<div class=\"jGraduate_Form jGraduate_Points jGraduate_rg_field\">' +\n          '<div class=\"jGraduate_StopSection\">' +\n            '<label class=\"jGraduate_Form_Heading\">Center Point</label>' +\n            '<div class=\"jGraduate_Form_Section\">' +\n              '<label>x:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_cx\" size=\"3\" title=\"Enter x value between 0.0 and 1.0\"/>' +\n              '<label>y:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_cy\" size=\"3\" title=\"Enter y value between 0.0 and 1.0\"/>' +\n            '</div>' +\n          '</div>' +\n          '<div class=\"jGraduate_StopSection\">' +\n            '<label class=\"jGraduate_Form_Heading\">Focal Point</label>' +\n            '<div class=\"jGraduate_Form_Section\">' +\n              '<label>Match center: <input type=\"checkbox\" checked=\"checked\" id=\"' + id + '_jGraduate_match_ctr\"/></label><br/>' +\n              '<label>x:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_fx\" size=\"3\" title=\"Enter x value between 0.0 and 1.0\"/>' +\n              '<label>y:</label>' +\n              '<input type=\"text\" id=\"' + id + '_jGraduate_fy\" size=\"3\" title=\"Enter y value between 0.0 and 1.0\"/>' +\n            '</div>' +\n          '</div>' +\n        '</div>' +\n        '<div class=\"jGraduate_StopSection jGraduate_SpreadMethod\">' +\n          '<label class=\"jGraduate_Form_Heading\">Spread method</label>' +\n          '<div class=\"jGraduate_Form_Section\">' +\n            '<select class=\"jGraduate_spreadMethod\">' +\n              '<option value=pad selected>Pad</option>' +\n              '<option value=reflect>Reflect</option>' +\n              '<option value=repeat>Repeat</option>' +\n            '</select>' +\n          '</div>' +\n        '</div>' +\n        '<div class=\"jGraduate_Form\">' +\n          '<div class=\"jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field\">' +\n            '<label class=\"prelabel\">Radius:</label>' +\n            '<div id=\"' + id + '_jGraduate_Radius\" class=\"jGraduate_SliderBar jGraduate_Radius\" title=\"Click to set radius\">' +\n              '<img id=\"' + id + '_jGraduate_RadiusArrows\" class=\"jGraduate_RadiusArrows\" src=\"' + $settings.images.clientPath + 'rangearrows2.gif\">' +\n            '</div>' +\n            '<label><input type=\"text\" id=\"' + id + '_jGraduate_RadiusInput\" size=\"3\" value=\"100\"/>%</label>' +\n          '</div>' +\n          '<div class=\"jGraduate_Slider jGraduate_EllipField jGraduate_rg_field\">' +\n            '<label class=\"prelabel\">Ellip:</label>' +\n            '<div id=\"' + id + '_jGraduate_Ellip\" class=\"jGraduate_SliderBar jGraduate_Ellip\" title=\"Click to set Ellip\">' +\n              '<img id=\"' + id + '_jGraduate_EllipArrows\" class=\"jGraduate_EllipArrows\" src=\"' + $settings.images.clientPath + 'rangearrows2.gif\">' +\n            '</div>' +\n            '<label><input type=\"text\" id=\"' + id + '_jGraduate_EllipInput\" size=\"3\" value=\"0\"/>%</label>' +\n          '</div>' +\n          '<div class=\"jGraduate_Slider jGraduate_AngleField jGraduate_rg_field\">' +\n            '<label class=\"prelabel\">Angle:</label>' +\n            '<div id=\"' + id + '_jGraduate_Angle\" class=\"jGraduate_SliderBar jGraduate_Angle\" title=\"Click to set Angle\">' +\n              '<img id=\"' + id + '_jGraduate_AngleArrows\" class=\"jGraduate_AngleArrows\" src=\"' + $settings.images.clientPath + 'rangearrows2.gif\">' +\n            '</div>' +\n            '<label><input type=\"text\" id=\"' + id + '_jGraduate_AngleInput\" size=\"3\" value=\"0\"/>deg</label>' +\n          '</div>' +\n          '<div class=\"jGraduate_Slider jGraduate_OpacField\">' +\n            '<label class=\"prelabel\">Opac:</label>' +\n            '<div id=\"' + id + '_jGraduate_Opac\" class=\"jGraduate_SliderBar jGraduate_Opac\" title=\"Click to set Opac\">' +\n              '<img id=\"' + id + '_jGraduate_OpacArrows\" class=\"jGraduate_OpacArrows\" src=\"' + $settings.images.clientPath + 'rangearrows2.gif\">' +\n            '</div>' +\n            '<label><input type=\"text\" id=\"' + id + '_jGraduate_OpacInput\" size=\"3\" value=\"100\"/>%</label>' +\n          '</div>' +\n        '</div>' +\n        '<div class=\"jGraduate_OkCancel\">' +\n          '<input type=\"button\" id=\"' + id + '_jGraduate_Ok\" class=\"jGraduate_Ok\" value=\"OK\"/>' +\n          '<input type=\"button\" id=\"' + id + '_jGraduate_Cancel\" class=\"jGraduate_Cancel\" value=\"Cancel\"/>' +\n        '</div>');\n\n      // --------------\n      // Set up all the SVG elements (the gradient, stops and rectangle)\n      const MAX = 256,\n        MARGINX = 0,\n        MARGINY = 0,\n        // STOP_RADIUS = 15 / 2,\n        SIZEX = MAX - 2 * MARGINX,\n        SIZEY = MAX - 2 * MARGINY;\n\n      const attrInput = {};\n\n      const SLIDERW = 145;\n      $('.jGraduate_SliderBar').width(SLIDERW);\n\n      const container = $('#' + id + '_jGraduate_GradContainer')[0];\n\n      const svg = mkElem('svg', {\n        id: id + '_jgraduate_svg',\n        width: MAX,\n        height: MAX,\n        xmlns: ns.svg\n      }, container);\n\n      // This wasn't working as designed\n      // let curType;\n      // curType = curType || $this.paint.type;\n\n      // if we are sent a gradient, import it\n      let curType = $this.paint.type;\n\n      let grad = $this.paint[curType];\n      let curGradient = grad;\n\n      const gradalpha = $this.paint.alpha;\n\n      const isSolid = curType === 'solidColor';\n\n      // Make any missing gradients\n      switch (curType) {\n      case 'solidColor':\n        // fall through\n      case 'linearGradient':\n        if (!isSolid) {\n          curGradient.id = id + '_lg_jgraduate_grad';\n          grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));\n        }\n        mkElem('radialGradient', {\n          id: id + '_rg_jgraduate_grad'\n        }, svg);\n        if (curType === 'linearGradient') { break; }\n        // fall through\n      case 'radialGradient':\n        if (!isSolid) {\n          curGradient.id = id + '_rg_jgraduate_grad';\n          grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));\n        }\n        mkElem('linearGradient', {\n          id: id + '_lg_jgraduate_grad'\n        }, svg);\n      }\n\n      let stopGroup; // eslint-disable-line prefer-const\n      if (isSolid) {\n        grad = curGradient = $('#' + id + '_lg_jgraduate_grad')[0];\n        color = $this.paint[curType];\n        mkStop(0, '#' + color, 1);\n\n        const type = typeof $settings.newstop;\n\n        if (type === 'string') {\n          switch ($settings.newstop) {\n          case 'same':\n            mkStop(1, '#' + color, 1);\n            break;\n\n          case 'inverse':\n            // Invert current color for second stop\n            let inverted = '';\n            for (let i = 0; i < 6; i += 2) {\n              // const ch = color.substr(i, 2);\n              let inv = (255 - parseInt(color.substr(i, 2), 16)).toString(16);\n              if (inv.length < 2) inv = 0 + inv;\n              inverted += inv;\n            }\n            mkStop(1, '#' + inverted, 1);\n            break;\n\n          case 'white':\n            mkStop(1, '#ffffff', 1);\n            break;\n\n          case 'black':\n            mkStop(1, '#000000', 1);\n            break;\n          }\n        } else if (type === 'object') {\n          const opac = ('opac' in $settings.newstop) ? $settings.newstop.opac : 1;\n          mkStop(1, ($settings.newstop.color || '#' + color), opac);\n        }\n      }\n\n      const x1 = parseFloat(grad.getAttribute('x1') || 0.0),\n        y1 = parseFloat(grad.getAttribute('y1') || 0.0),\n        x2 = parseFloat(grad.getAttribute('x2') || 1.0),\n        y2 = parseFloat(grad.getAttribute('y2') || 0.0);\n\n      const cx = parseFloat(grad.getAttribute('cx') || 0.5),\n        cy = parseFloat(grad.getAttribute('cy') || 0.5),\n        fx = parseFloat(grad.getAttribute('fx') || cx),\n        fy = parseFloat(grad.getAttribute('fy') || cy);\n\n      const previewRect = mkElem('rect', {\n        id: id + '_jgraduate_rect',\n        x: MARGINX,\n        y: MARGINY,\n        width: SIZEX,\n        height: SIZEY,\n        fill: 'url(#' + id + '_jgraduate_grad)',\n        'fill-opacity': gradalpha / 100\n      }, svg);\n\n      // stop visuals created here\n      const beginCoord = $('<div/>').attr({\n        class: 'grad_coord jGraduate_lg_field',\n        title: 'Begin Stop'\n      }).text(1).css({\n        top: y1 * MAX,\n        left: x1 * MAX\n      }).data('coord', 'start').appendTo(container);\n\n      const endCoord = beginCoord.clone().text(2).css({\n        top: y2 * MAX,\n        left: x2 * MAX\n      }).attr('title', 'End stop').data('coord', 'end').appendTo(container);\n\n      const centerCoord = $('<div/>').attr({\n        class: 'grad_coord jGraduate_rg_field',\n        title: 'Center stop'\n      }).text('C').css({\n        top: cy * MAX,\n        left: cx * MAX\n      }).data('coord', 'center').appendTo(container);\n\n      const focusCoord = centerCoord.clone().text('F').css({\n        top: fy * MAX,\n        left: fx * MAX,\n        display: 'none'\n      }).attr('title', 'Focus point').data('coord', 'focus').appendTo(container);\n\n      focusCoord[0].id = id + '_jGraduate_focusCoord';\n\n      // const coords = $(idref + ' .grad_coord');\n\n      // $(container).hover(function () {\n      //   coords.animate({\n      //     opacity: 1\n      //   }, 500);\n      // }, function () {\n      //   coords.animate({\n      //     opacity: .2\n      //   }, 500);\n      // });\n\n      let showFocus;\n      $.each(['x1', 'y1', 'x2', 'y2', 'cx', 'cy', 'fx', 'fy'], function (i, attr) {\n        const isRadial = isNaN(attr[1]);\n\n        let attrval = curGradient.getAttribute(attr);\n        if (!attrval) {\n          // Set defaults\n          if (isRadial) {\n            // For radial points\n            attrval = '0.5';\n          } else {\n            // Only x2 is 1\n            attrval = attr === 'x2' ? '1.0' : '0.0';\n          }\n        }\n\n        attrInput[attr] = $('#' + id + '_jGraduate_' + attr)\n          .val(attrval)\n          .change(function () {\n            // TODO: Support values < 0 and > 1 (zoomable preview?)\n            if (isNaN(parseFloat(this.value)) || this.value < 0) {\n              this.value = 0.0;\n            } else if (this.value > 1) {\n              this.value = 1.0;\n            }\n\n            if (!(attr[0] === 'f' && !showFocus)) {\n              if ((isRadial && curType === 'radialGradient') || (!isRadial && curType === 'linearGradient')) {\n                curGradient.setAttribute(attr, this.value);\n              }\n            }\n\n            const $elem = isRadial\n              ? attr[0] === 'c' ? centerCoord : focusCoord\n              : attr[1] === '1' ? beginCoord : endCoord;\n\n            const cssName = attr.includes('x') ? 'left' : 'top';\n\n            $elem.css(cssName, this.value * MAX);\n          }).change();\n      });\n\n      function mkStop (n, color, opac, sel, stopElem) {\n        const stop = stopElem || mkElem('stop', {'stop-color': color, 'stop-opacity': opac, offset: n}, curGradient);\n        if (stopElem) {\n          color = stopElem.getAttribute('stop-color');\n          opac = stopElem.getAttribute('stop-opacity');\n          n = stopElem.getAttribute('offset');\n        } else {\n          curGradient.append(stop);\n        }\n        if (opac === null) opac = 1;\n\n        const pickerD = 'M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z';\n\n        const pathbg = mkElem('path', {\n          d: pickerD,\n          fill: 'url(#jGraduate_trans)',\n          transform: 'translate(' + (10 + n * MAX) + ', 26)'\n        }, stopGroup);\n\n        const path = mkElem('path', {\n          d: pickerD,\n          fill: color,\n          'fill-opacity': opac,\n          transform: 'translate(' + (10 + n * MAX) + ', 26)',\n          stroke: '#000',\n          'stroke-width': 1.5\n        }, stopGroup);\n\n        $(path).mousedown(function (e) {\n          selectStop(this);\n          drag = curStop;\n          $win.mousemove(dragColor).mouseup(remDrags);\n          stopOffset = stopMakerDiv.offset();\n          e.preventDefault();\n          return false;\n        }).data('stop', stop).data('bg', pathbg).dblclick(function () {\n          $('div.jGraduate_LightBox').show();\n          const colorhandle = this;\n          let stopOpacity = +stop.getAttribute('stop-opacity') || 1;\n          let stopColor = stop.getAttribute('stop-color') || 1;\n          let thisAlpha = (parseFloat(stopOpacity) * 255).toString(16);\n          while (thisAlpha.length < 2) { thisAlpha = '0' + thisAlpha; }\n          color = stopColor.substr(1) + thisAlpha;\n          $('#' + id + '_jGraduate_stopPicker').css({left: 100, bottom: 15}).jPicker({\n            window: { title: 'Pick the start color and opacity for the gradient' },\n            images: { clientPath: $settings.images.clientPath },\n            color: { active: color, alphaSupport: true }\n          }, function (color, arg2) {\n            stopColor = color.val('hex') ? ('#' + color.val('hex')) : 'none';\n            stopOpacity = color.val('a') !== null ? color.val('a') / 256 : 1;\n            colorhandle.setAttribute('fill', stopColor);\n            colorhandle.setAttribute('fill-opacity', stopOpacity);\n            stop.setAttribute('stop-color', stopColor);\n            stop.setAttribute('stop-opacity', stopOpacity);\n            $('div.jGraduate_LightBox').hide();\n            $('#' + id + '_jGraduate_stopPicker').hide();\n          }, null, function () {\n            $('div.jGraduate_LightBox').hide();\n            $('#' + id + '_jGraduate_stopPicker').hide();\n          });\n        });\n\n        $(curGradient).find('stop').each(function () {\n          const curS = $(this);\n          if (+this.getAttribute('offset') > n) {\n            if (!color) {\n              const newcolor = this.getAttribute('stop-color');\n              const newopac = this.getAttribute('stop-opacity');\n              stop.setAttribute('stop-color', newcolor);\n              path.setAttribute('fill', newcolor);\n              stop.setAttribute('stop-opacity', newopac === null ? 1 : newopac);\n              path.setAttribute('fill-opacity', newopac === null ? 1 : newopac);\n            }\n            curS.before(stop);\n            return false;\n          }\n        });\n        if (sel) selectStop(path);\n        return stop;\n      }\n\n      function remStop () {\n        delStop.setAttribute('display', 'none');\n        const path = $(curStop);\n        const stop = path.data('stop');\n        const bg = path.data('bg');\n        $([curStop, stop, bg]).remove();\n      }\n\n      const stopMakerDiv = $('#' + id + '_jGraduate_StopSlider');\n\n      let stops, curStop, drag;\n\n      const delStop = mkElem('path', {\n        d: 'm9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5',\n        fill: 'none',\n        stroke: '#D00',\n        'stroke-width': 5,\n        display: 'none'\n      }, undefined); // stopMakerSVG);\n\n      function selectStop (item) {\n        if (curStop) curStop.setAttribute('stroke', '#000');\n        item.setAttribute('stroke', 'blue');\n        curStop = item;\n        curStop.parentNode.append(curStop);\n        //   stops = $('stop');\n        //   opac_select.val(curStop.attr('fill-opacity') || 1);\n        //   root.append(delStop);\n      }\n\n      let stopOffset;\n\n      function remDrags () {\n        $win.unbind('mousemove', dragColor);\n        if (delStop.getAttribute('display') !== 'none') {\n          remStop();\n        }\n        drag = null;\n      }\n\n      let scaleX = 1, scaleY = 1, angle = 0;\n\n      let cX = cx;\n      let cY = cy;\n      function xform () {\n        const rot = angle ? 'rotate(' + angle + ',' + cX + ',' + cY + ') ' : '';\n        if (scaleX === 1 && scaleY === 1) {\n          curGradient.removeAttribute('gradientTransform');\n          // $('#ang').addClass('dis');\n        } else {\n          const x = -cX * (scaleX - 1);\n          const y = -cY * (scaleY - 1);\n          curGradient.setAttribute('gradientTransform', rot + 'translate(' + x + ',' + y + ') scale(' + scaleX + ',' + scaleY + ')');\n          // $('#ang').removeClass('dis');\n        }\n      }\n\n      function dragColor (evt) {\n        let x = evt.pageX - stopOffset.left;\n        const y = evt.pageY - stopOffset.top;\n        x = x < 10\n          ? 10\n          : x > MAX + 10\n            ? MAX + 10\n            : x;\n\n        const xfStr = 'translate(' + x + ', 26)';\n        if (y < -60 || y > 130) {\n          delStop.setAttribute('display', 'block');\n          delStop.setAttribute('transform', xfStr);\n        } else {\n          delStop.setAttribute('display', 'none');\n        }\n\n        drag.setAttribute('transform', xfStr);\n        $.data(drag, 'bg').setAttribute('transform', xfStr);\n        const stop = $.data(drag, 'stop');\n        const sX = (x - 10) / MAX;\n\n        stop.setAttribute('offset', sX);\n\n        let last = 0;\n        $(curGradient).find('stop').each(function (i) {\n          const cur = this.getAttribute('offset');\n          const t = $(this);\n          if (cur < last) {\n            t.prev().before(t);\n            stops = $(curGradient).find('stop');\n          }\n          last = cur;\n        });\n      }\n\n      const stopMakerSVG = mkElem('svg', {\n        width: '100%',\n        height: 45\n      }, stopMakerDiv[0]);\n\n      const transPattern = mkElem('pattern', {\n        width: 16,\n        height: 16,\n        patternUnits: 'userSpaceOnUse',\n        id: 'jGraduate_trans'\n      }, stopMakerSVG);\n\n      const transImg = mkElem('image', {\n        width: 16,\n        height: 16\n      }, transPattern);\n\n      const bgImage = $settings.images.clientPath + 'map-opacity.png';\n\n      transImg.setAttributeNS(ns.xlink, 'xlink:href', bgImage);\n\n      $(stopMakerSVG).click(function (evt) {\n        stopOffset = stopMakerDiv.offset();\n        const {target} = evt;\n        if (target.tagName === 'path') return;\n        let x = evt.pageX - stopOffset.left - 8;\n        x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10 : x;\n        mkStop(x / MAX, 0, 0, true);\n        evt.stopPropagation();\n      });\n\n      $(stopMakerSVG).mouseover(function () {\n        stopMakerSVG.append(delStop);\n      });\n\n      stopGroup = mkElem('g', {}, stopMakerSVG);\n\n      mkElem('line', {\n        x1: 10,\n        y1: 15,\n        x2: MAX + 10,\n        y2: 15,\n        'stroke-width': 2,\n        stroke: '#000'\n      }, stopMakerSVG);\n\n      const spreadMethodOpt = gradPicker.find('.jGraduate_spreadMethod').change(function () {\n        curGradient.setAttribute('spreadMethod', $(this).val());\n      });\n\n      // handle dragging the stop around the swatch\n      let draggingCoord = null;\n\n      const onCoordDrag = function (evt) {\n        let x = evt.pageX - offset.left;\n        let y = evt.pageY - offset.top;\n\n        // clamp stop to the swatch\n        x = x < 0 ? 0 : x > MAX ? MAX : x;\n        y = y < 0 ? 0 : y > MAX ? MAX : y;\n\n        draggingCoord.css('left', x).css('top', y);\n\n        // calculate stop offset\n        const fracx = x / SIZEX;\n        const fracy = y / SIZEY;\n\n        const type = draggingCoord.data('coord');\n        const grad = curGradient;\n\n        switch (type) {\n        case 'start':\n          attrInput.x1.val(fracx);\n          attrInput.y1.val(fracy);\n          grad.setAttribute('x1', fracx);\n          grad.setAttribute('y1', fracy);\n          break;\n        case 'end':\n          attrInput.x2.val(fracx);\n          attrInput.y2.val(fracy);\n          grad.setAttribute('x2', fracx);\n          grad.setAttribute('y2', fracy);\n          break;\n        case 'center':\n          attrInput.cx.val(fracx);\n          attrInput.cy.val(fracy);\n          grad.setAttribute('cx', fracx);\n          grad.setAttribute('cy', fracy);\n          cX = fracx;\n          cY = fracy;\n          xform();\n          break;\n        case 'focus':\n          attrInput.fx.val(fracx);\n          attrInput.fy.val(fracy);\n          grad.setAttribute('fx', fracx);\n          grad.setAttribute('fy', fracy);\n          xform();\n        }\n\n        evt.preventDefault();\n      };\n\n      const onCoordUp = function () {\n        draggingCoord = null;\n        $win.unbind('mousemove', onCoordDrag).unbind('mouseup', onCoordUp);\n      };\n\n      // Linear gradient\n      // (function () {\n\n      stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');\n\n      let numstops = stops.length;\n      // if there are not at least two stops, then\n      if (numstops < 2) {\n        while (numstops < 2) {\n          curGradient.append(document.createElementNS(ns.svg, 'stop'));\n          ++numstops;\n        }\n        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');\n      }\n\n      for (let i = 0; i < numstops; i++) {\n        mkStop(0, 0, 0, 0, stops[i]);\n      }\n\n      spreadMethodOpt.val(curGradient.getAttribute('spreadMethod') || 'pad');\n\n      let offset;\n\n      // No match, so show focus point\n      showFocus = false;\n\n      previewRect.setAttribute('fill-opacity', gradalpha / 100);\n\n      $('#' + id + ' div.grad_coord').mousedown(function (evt) {\n        evt.preventDefault();\n        draggingCoord = $(this);\n        // const sPos = draggingCoord.offset();\n        offset = draggingCoord.parent().offset();\n        $win.mousemove(onCoordDrag).mouseup(onCoordUp);\n      });\n\n      // bind GUI elements\n      $('#' + id + '_jGraduate_Ok').bind('click', function () {\n        $this.paint.type = curType;\n        $this.paint[curType] = curGradient.cloneNode(true);\n        $this.paint.solidColor = null;\n        okClicked();\n      });\n      $('#' + id + '_jGraduate_Cancel').bind('click', function (paint) {\n        cancelClicked();\n      });\n\n      if (curType === 'radialGradient') {\n        if (showFocus) {\n          focusCoord.show();\n        } else {\n          focusCoord.hide();\n          attrInput.fx.val('');\n          attrInput.fy.val('');\n        }\n      }\n\n      $('#' + id + '_jGraduate_match_ctr')[0].checked = !showFocus;\n\n      let lastfx, lastfy;\n\n      $('#' + id + '_jGraduate_match_ctr').change(function () {\n        showFocus = !this.checked;\n        focusCoord.toggle(showFocus);\n        attrInput.fx.val('');\n        attrInput.fy.val('');\n        const grad = curGradient;\n        if (!showFocus) {\n          lastfx = grad.getAttribute('fx');\n          lastfy = grad.getAttribute('fy');\n          grad.removeAttribute('fx');\n          grad.removeAttribute('fy');\n        } else {\n          const fx = lastfx || 0.5;\n          const fy = lastfy || 0.5;\n          grad.setAttribute('fx', fx);\n          grad.setAttribute('fy', fy);\n          attrInput.fx.val(fx);\n          attrInput.fy.val(fy);\n        }\n      });\n\n      stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');\n      numstops = stops.length;\n      // if there are not at least two stops, then\n      if (numstops < 2) {\n        while (numstops < 2) {\n          curGradient.append(document.createElementNS(ns.svg, 'stop'));\n          ++numstops;\n        }\n        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');\n      }\n\n      let slider;\n\n      const setSlider = function (e) {\n        const {offset} = slider;\n        const div = slider.parent;\n        let x = (e.pageX - offset.left - parseInt(div.css('border-left-width')));\n        if (x > SLIDERW) x = SLIDERW;\n        if (x <= 0) x = 0;\n        const posx = x - 5;\n        x /= SLIDERW;\n\n        switch (slider.type) {\n        case 'radius':\n          x = Math.pow(x * 2, 2.5);\n          if (x > 0.98 && x < 1.02) x = 1;\n          if (x <= 0.01) x = 0.01;\n          curGradient.setAttribute('r', x);\n          break;\n        case 'opacity':\n          $this.paint.alpha = parseInt(x * 100);\n          previewRect.setAttribute('fill-opacity', x);\n          break;\n        case 'ellip':\n          scaleX = 1;\n          scaleY = 1;\n          if (x < 0.5) {\n            x /= 0.5; // 0.001\n            scaleX = x <= 0 ? 0.01 : x;\n          } else if (x > 0.5) {\n            x /= 0.5; // 2\n            x = 2 - x;\n            scaleY = x <= 0 ? 0.01 : x;\n          }\n          xform();\n          x -= 1;\n          if (scaleY === x + 1) {\n            x = Math.abs(x);\n          }\n          break;\n        case 'angle':\n          x = x - 0.5;\n          angle = x *= 180;\n          xform();\n          x /= 100;\n          break;\n        }\n        slider.elem.css({'margin-left': posx});\n        x = Math.round(x * 100);\n        slider.input.val(x);\n      };\n\n      let ellipVal = 0, angleVal = 0;\n\n      if (curType === 'radialGradient') {\n        const tlist = curGradient.gradientTransform.baseVal;\n        if (tlist.numberOfItems === 2) {\n          const t = tlist.getItem(0);\n          const s = tlist.getItem(1);\n          if (t.type === 2 && s.type === 3) {\n            const m = s.matrix;\n            if (m.a !== 1) {\n              ellipVal = Math.round(-(1 - m.a) * 100);\n            } else if (m.d !== 1) {\n              ellipVal = Math.round((1 - m.d) * 100);\n            }\n          }\n        } else if (tlist.numberOfItems === 3) {\n          // Assume [R][T][S]\n          const r = tlist.getItem(0);\n          const t = tlist.getItem(1);\n          const s = tlist.getItem(2);\n\n          if (r.type === 4 &&\n            t.type === 2 &&\n            s.type === 3\n          ) {\n            angleVal = Math.round(r.angle);\n            const m = s.matrix;\n            if (m.a !== 1) {\n              ellipVal = Math.round(-(1 - m.a) * 100);\n            } else if (m.d !== 1) {\n              ellipVal = Math.round((1 - m.d) * 100);\n            }\n          }\n        }\n      }\n\n      const sliders = {\n        radius: {\n          handle: '#' + id + '_jGraduate_RadiusArrows',\n          input: '#' + id + '_jGraduate_RadiusInput',\n          val: (curGradient.getAttribute('r') || 0.5) * 100\n        },\n        opacity: {\n          handle: '#' + id + '_jGraduate_OpacArrows',\n          input: '#' + id + '_jGraduate_OpacInput',\n          val: $this.paint.alpha || 100\n        },\n        ellip: {\n          handle: '#' + id + '_jGraduate_EllipArrows',\n          input: '#' + id + '_jGraduate_EllipInput',\n          val: ellipVal\n        },\n        angle: {\n          handle: '#' + id + '_jGraduate_AngleArrows',\n          input: '#' + id + '_jGraduate_AngleInput',\n          val: angleVal\n        }\n      };\n\n      $.each(sliders, function (type, data) {\n        const handle = $(data.handle);\n        handle.mousedown(function (evt) {\n          const parent = handle.parent();\n          slider = {\n            type,\n            elem: handle,\n            input: $(data.input),\n            parent,\n            offset: parent.offset()\n          };\n          $win.mousemove(dragSlider).mouseup(stopSlider);\n          evt.preventDefault();\n        });\n\n        $(data.input).val(data.val).change(function () {\n          const isRad = curType === 'radialGradient';\n          let val = +this.value;\n          let xpos = 0;\n          switch (type) {\n          case 'radius':\n            if (isRad) curGradient.setAttribute('r', val / 100);\n            xpos = (Math.pow(val / 100, 1 / 2.5) / 2) * SLIDERW;\n            break;\n\n          case 'opacity':\n            $this.paint.alpha = val;\n            previewRect.setAttribute('fill-opacity', val / 100);\n            xpos = val * (SLIDERW / 100);\n            break;\n\n          case 'ellip':\n            scaleX = scaleY = 1;\n            if (val === 0) {\n              xpos = SLIDERW * 0.5;\n              break;\n            }\n            if (val > 99.5) val = 99.5;\n            if (val > 0) {\n              scaleY = 1 - (val / 100);\n            } else {\n              scaleX = -(val / 100) - 1;\n            }\n\n            xpos = SLIDERW * ((val + 100) / 2) / 100;\n            if (isRad) xform();\n            break;\n\n          case 'angle':\n            angle = val;\n            xpos = angle / 180;\n            xpos += 0.5;\n            xpos *= SLIDERW;\n            if (isRad) xform();\n          }\n          if (xpos > SLIDERW) {\n            xpos = SLIDERW;\n          } else if (xpos < 0) {\n            xpos = 0;\n          }\n          handle.css({'margin-left': xpos - 5});\n        }).change();\n      });\n\n      const dragSlider = function (evt) {\n        setSlider(evt);\n        evt.preventDefault();\n      };\n\n      const stopSlider = function (evt) {\n        $win.unbind('mousemove', dragSlider).unbind('mouseup', stopSlider);\n        slider = null;\n      };\n\n      // --------------\n      let thisAlpha = ($this.paint.alpha * 255 / 100).toString(16);\n      while (thisAlpha.length < 2) { thisAlpha = '0' + thisAlpha; }\n      thisAlpha = thisAlpha.split('.')[0];\n      color = $this.paint.solidColor === 'none' ? '' : $this.paint.solidColor + thisAlpha;\n\n      if (!isSolid) {\n        color = stops[0].getAttribute('stop-color');\n      }\n\n      // This should be done somewhere else, probably\n      $.extend($.fn.jPicker.defaults.window, {\n        alphaSupport: true, effects: {type: 'show', speed: 0}\n      });\n\n      colPicker.jPicker(\n        {\n          window: { title: $settings.window.pickerTitle },\n          images: { clientPath: $settings.images.clientPath },\n          color: { active: color, alphaSupport: true }\n        },\n        function (color) {\n          $this.paint.type = 'solidColor';\n          $this.paint.alpha = color.val('ahex') ? Math.round((color.val('a') / 255) * 100) : 100;\n          $this.paint.solidColor = color.val('hex') ? color.val('hex') : 'none';\n          $this.paint.radialGradient = null;\n          okClicked();\n        },\n        null,\n        function () { cancelClicked(); }\n      );\n\n      const tabs = $(idref + ' .jGraduate_tabs li');\n      tabs.click(function () {\n        tabs.removeClass('jGraduate_tab_current');\n        $(this).addClass('jGraduate_tab_current');\n        $(idref + ' > div').hide();\n        const type = $(this).attr('data-type');\n        /* const container = */ $(idref + ' .jGraduate_gradPick').show();\n        if (type === 'rg' || type === 'lg') {\n          // Show/hide appropriate fields\n          $('.jGraduate_' + type + '_field').show();\n          $('.jGraduate_' + (type === 'lg' ? 'rg' : 'lg') + '_field').hide();\n\n          $('#' + id + '_jgraduate_rect')[0].setAttribute('fill', 'url(#' + id + '_' + type + '_jgraduate_grad)');\n\n          // Copy stops\n\n          curType = type === 'lg' ? 'linearGradient' : 'radialGradient';\n\n          $('#' + id + '_jGraduate_OpacInput').val($this.paint.alpha).change();\n\n          const newGrad = $('#' + id + '_' + type + '_jgraduate_grad')[0];\n\n          if (curGradient !== newGrad) {\n            const curStops = $(curGradient).find('stop');\n            $(newGrad).empty().append(curStops);\n            curGradient = newGrad;\n            const sm = spreadMethodOpt.val();\n            curGradient.setAttribute('spreadMethod', sm);\n          }\n          showFocus = type === 'rg' && curGradient.getAttribute('fx') != null && !(cx === fx && cy === fy);\n          $('#' + id + '_jGraduate_focusCoord').toggle(showFocus);\n          if (showFocus) {\n            $('#' + id + '_jGraduate_match_ctr')[0].checked = false;\n          }\n        } else {\n          $(idref + ' .jGraduate_gradPick').hide();\n          $(idref + ' .jGraduate_colPick').show();\n        }\n      });\n      $(idref + ' > div').hide();\n      tabs.removeClass('jGraduate_tab_current');\n      let tab;\n      switch ($this.paint.type) {\n      case 'linearGradient':\n        tab = $(idref + ' .jGraduate_tab_lingrad');\n        break;\n      case 'radialGradient':\n        tab = $(idref + ' .jGraduate_tab_radgrad');\n        break;\n      default:\n        tab = $(idref + ' .jGraduate_tab_color');\n        break;\n      }\n      $this.show();\n\n      // jPicker will try to show after a 0ms timeout, so need to fire this after that\n      setTimeout(() => {\n        tab.addClass('jGraduate_tab_current').click();\n      }, 10);\n    });\n  };\n  return $;\n}\n","/**\n * jPicker (Adapted from version 1.1.6)\n *\n * jQuery Plugin for Photoshop style color picker\n *\n * @module jPicker\n * @copyright (c) 2010 Christopher T. Tillman\n * Digital Magic Productions, Inc. ({@link http://www.digitalmagicpro.com/})\n * FREE to use, alter, copy, sell, and especially ENHANCE\n * @license MIT\n *\n * Painstakingly ported from John Dyers' excellent work on his own color picker based on the Prototype framework.\n *\n * John Dyers' website: {@link http://johndyer.name}\n * Color Picker page: {@link http://johndyer.name/photoshop-like-javascript-color-picker/}\n */\n\n/**\n* @external Math\n*/\n/**\n* @memberof external:Math\n* @param {Float} value\n* @param {Float} precision\n* @returns {Float}\n*/\nMath.precision = function (value, precision) {\n  if (precision === undefined) precision = 0;\n  return Math.round(value * Math.pow(10, precision)) / Math.pow(10, precision);\n};\n\n/**\n* @function module:jPicker.jPicker\n* @param {external:jQuery} $ The jQuery object to wrap (with {@link external:jQuery.loadingStylesheets}, {@link external:jQuery.fn.$.fn.jPicker}, {@link external:jQuery.fn.$.fn.jPicker.defaults})\n* @returns {external:jQuery}\n*/\nconst jPicker = function ($) {\n  if (!$.loadingStylesheets) {\n    /**\n    * @name loadingStylesheets\n    * @type {string[]}\n    * @memberof external:jQuery\n    */\n    $.loadingStylesheets = [];\n  }\n  const stylesheet = 'jgraduate/css/jPicker.css';\n  if (!$.loadingStylesheets.includes(stylesheet)) {\n    $.loadingStylesheets.push(stylesheet);\n  }\n  /**\n  * @typedef {PlainObject} module:jPicker.SliderOptions\n  * @property {external:jQuery|PlainObject} arrow\n  * @property {string} arrow.image Not in use?\n  * @property {Float} arrow.width\n  * @property {Float} arrow.height\n  * @property {PlainObject} map\n  * @property {Float} map.width\n  * @property {Float} map.height\n  */\n\n  /**\n  * Encapsulate slider functionality for the ColorMap and ColorBar -\n  * could be useful to use a jQuery UI draggable for this with certain extensions\n  * @param {external:jQuery} bar\n  * @param {module:jPicker.SliderOptions} options\n  */\n  function Slider (bar, options) {\n    const $this = this;\n    function fireChangeEvents (context) {\n      for (let i = 0; i < changeEvents.length; i++) {\n        changeEvents[i].call($this, $this, context);\n      }\n    }\n    // bind the mousedown to the bar not the arrow for quick snapping to the clicked location\n    function mouseDown (e) {\n      const off = bar.offset();\n      offset = {l: off.left | 0, t: off.top | 0};\n      clearTimeout(timeout);\n      // using setTimeout for visual updates - once the style is updated the browser will re-render internally allowing the next Javascript to run\n      timeout = setTimeout(function () {\n        setValuesFromMousePosition.call($this, e);\n      }, 0);\n      // Bind mousemove and mouseup event to the document so it responds when dragged of of the bar - we will unbind these when on mouseup to save processing\n      $(document).bind('mousemove', mouseMove).bind('mouseup', mouseUp);\n      e.preventDefault(); // don't try to select anything or drag the image to the desktop\n    }\n    // set the values as the mouse moves\n    function mouseMove (e) {\n      clearTimeout(timeout);\n      timeout = setTimeout(function () {\n        setValuesFromMousePosition.call($this, e);\n      }, 0);\n      e.stopPropagation();\n      e.preventDefault();\n      return false;\n    }\n    // unbind the document events - they aren't needed when not dragging\n    function mouseUp (e) {\n      $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);\n      e.stopPropagation();\n      e.preventDefault();\n      return false;\n    }\n    // calculate mouse position and set value within the current range\n    function setValuesFromMousePosition (e) {\n      const barW = bar.w, // local copies for YUI compressor\n        barH = bar.h;\n      let locX = e.pageX - offset.l,\n        locY = e.pageY - offset.t;\n      // keep the arrow within the bounds of the bar\n      if (locX < 0) locX = 0;\n      else if (locX > barW) locX = barW;\n      if (locY < 0) locY = 0;\n      else if (locY > barH) locY = barH;\n      val.call($this, 'xy', { x: ((locX / barW) * rangeX) + minX, y: ((locY / barH) * rangeY) + minY });\n    }\n    function draw () {\n      const\n        barW = bar.w,\n        barH = bar.h,\n        arrowW = arrow.w,\n        arrowH = arrow.h;\n      let arrowOffsetX = 0,\n        arrowOffsetY = 0;\n      setTimeout(function () {\n        if (rangeX > 0) { // range is greater than zero\n          // constrain to bounds\n          if (x === maxX) arrowOffsetX = barW;\n          else arrowOffsetX = ((x / rangeX) * barW) | 0;\n        }\n        if (rangeY > 0) { // range is greater than zero\n          // constrain to bounds\n          if (y === maxY) arrowOffsetY = barH;\n          else arrowOffsetY = ((y / rangeY) * barH) | 0;\n        }\n        // if arrow width is greater than bar width, center arrow and prevent horizontal dragging\n        if (arrowW >= barW) arrowOffsetX = (barW >> 1) - (arrowW >> 1); // number >> 1 - superfast bitwise divide by two and truncate (move bits over one bit discarding lowest)\n        else arrowOffsetX -= arrowW >> 1;\n        // if arrow height is greater than bar height, center arrow and prevent vertical dragging\n        if (arrowH >= barH) arrowOffsetY = (barH >> 1) - (arrowH >> 1);\n        else arrowOffsetY -= arrowH >> 1;\n        // set the arrow position based on these offsets\n        arrow.css({ left: arrowOffsetX + 'px', top: arrowOffsetY + 'px' });\n      }, 0);\n    }\n    function val (name, value, context) {\n      const set = value !== undefined;\n      if (!set) {\n        if (name === undefined || name == null) name = 'xy';\n        switch (name.toLowerCase()) {\n        case 'x': return x;\n        case 'y': return y;\n        case 'xy':\n        default: return { x, y };\n        }\n      }\n      if (context != null && context === $this) return;\n      let changed = false;\n\n      let newX, newY;\n      if (name == null) name = 'xy';\n      switch (name.toLowerCase()) {\n      case 'x':\n        newX = (value && ((value.x && value.x | 0) || value | 0)) || 0;\n        break;\n      case 'y':\n        newY = (value && ((value.y && value.y | 0) || value | 0)) || 0;\n        break;\n      case 'xy':\n      default:\n        newX = (value && value.x && value.x | 0) || 0;\n        newY = (value && value.y && value.y | 0) || 0;\n        break;\n      }\n      if (newX != null) {\n        if (newX < minX) newX = minX;\n        else if (newX > maxX) newX = maxX;\n        if (x !== newX) {\n          x = newX;\n          changed = true;\n        }\n      }\n      if (newY != null) {\n        if (newY < minY) newY = minY;\n        else if (newY > maxY) newY = maxY;\n        if (y !== newY) {\n          y = newY;\n          changed = true;\n        }\n      }\n      changed && fireChangeEvents.call($this, context || $this);\n    }\n    function range (name, value) {\n      const set = value !== undefined;\n      if (!set) {\n        if (name === undefined || name == null) name = 'all';\n        switch (name.toLowerCase()) {\n        case 'minx': return minX;\n        case 'maxx': return maxX;\n        case 'rangex': return { minX, maxX, rangeX };\n        case 'miny': return minY;\n        case 'maxy': return maxY;\n        case 'rangey': return { minY, maxY, rangeY };\n        case 'all':\n        default: return { minX, maxX, rangeX, minY, maxY, rangeY };\n        }\n      }\n      let // changed = false,\n        newMinX,\n        newMaxX,\n        newMinY,\n        newMaxY;\n      if (name == null) name = 'all';\n      switch (name.toLowerCase()) {\n      case 'minx':\n        newMinX = (value && ((value.minX && value.minX | 0) || value | 0)) || 0;\n        break;\n      case 'maxx':\n        newMaxX = (value && ((value.maxX && value.maxX | 0) || value | 0)) || 0;\n        break;\n      case 'rangex':\n        newMinX = (value && value.minX && value.minX | 0) || 0;\n        newMaxX = (value && value.maxX && value.maxX | 0) || 0;\n        break;\n      case 'miny':\n        newMinY = (value && ((value.minY && value.minY | 0) || value | 0)) || 0;\n        break;\n      case 'maxy':\n        newMaxY = (value && ((value.maxY && value.maxY | 0) || value | 0)) || 0;\n        break;\n      case 'rangey':\n        newMinY = (value && value.minY && value.minY | 0) || 0;\n        newMaxY = (value && value.maxY && value.maxY | 0) || 0;\n        break;\n      case 'all':\n      default:\n        newMinX = (value && value.minX && value.minX | 0) || 0;\n        newMaxX = (value && value.maxX && value.maxX | 0) || 0;\n        newMinY = (value && value.minY && value.minY | 0) || 0;\n        newMaxY = (value && value.maxY && value.maxY | 0) || 0;\n        break;\n      }\n      if (newMinX != null && minX !== newMinX) {\n        minX = newMinX;\n        rangeX = maxX - minX;\n      }\n      if (newMaxX != null && maxX !== newMaxX) {\n        maxX = newMaxX;\n        rangeX = maxX - minX;\n      }\n      if (newMinY != null && minY !== newMinY) {\n        minY = newMinY;\n        rangeY = maxY - minY;\n      }\n      if (newMaxY != null && maxY !== newMaxY) {\n        maxY = newMaxY;\n        rangeY = maxY - minY;\n      }\n    }\n    function bind (callback) {\n      if (typeof callback === 'function') changeEvents.push(callback);\n    }\n    function unbind (callback) {\n      if (typeof callback !== 'function') return;\n      let i;\n      while ((i = changeEvents.includes(callback))) changeEvents.splice(i, 1);\n    }\n    function destroy () {\n      // unbind all possible events and null objects\n      $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);\n      bar.unbind('mousedown', mouseDown);\n      bar = null;\n      arrow = null;\n      changeEvents = null;\n    }\n    let offset,\n      timeout,\n      x = 0,\n      y = 0,\n      minX = 0,\n      maxX = 100,\n      rangeX = 100,\n      minY = 0,\n      maxY = 100,\n      rangeY = 100,\n      arrow = bar.find('img:first'), // the arrow image to drag\n      changeEvents = [];\n\n    $.extend(true, $this, // public properties, methods, and event bindings - these we need to access from other controls\n      {\n        val,\n        range,\n        bind,\n        unbind,\n        destroy\n      }\n    );\n    // initialize this control\n    arrow.src = options.arrow && options.arrow.image;\n    arrow.w = (options.arrow && options.arrow.width) || arrow.width();\n    arrow.h = (options.arrow && options.arrow.height) || arrow.height();\n    bar.w = (options.map && options.map.width) || bar.width();\n    bar.h = (options.map && options.map.height) || bar.height();\n    // bind mousedown event\n    bar.bind('mousedown', mouseDown);\n    bind.call($this, draw);\n  }\n  // controls for all the input elements for the typing in color values\n  function ColorValuePicker (picker, color, bindedHex, alphaPrecision) {\n    const $this = this; // private properties and methods\n    const inputs = picker.find('td.Text input');\n    // input box key down - use arrows to alter color\n    function keyDown (e) {\n      if (e.target.value === '' && e.target !== hex.get(0) && ((bindedHex != null && e.target !== bindedHex.get(0)) || bindedHex == null)) return;\n      if (!validateKey(e)) return e;\n      switch (e.target) {\n      case red.get(0):\n        switch (e.keyCode) {\n        case 38:\n          red.val(setValueInRange.call($this, (red.val() << 0) + 1, 0, 255));\n          color.val('r', red.val(), e.target);\n          return false;\n        case 40:\n          red.val(setValueInRange.call($this, (red.val() << 0) - 1, 0, 255));\n          color.val('r', red.val(), e.target);\n          return false;\n        }\n        break;\n      case green.get(0):\n        switch (e.keyCode) {\n        case 38:\n          green.val(setValueInRange.call($this, (green.val() << 0) + 1, 0, 255));\n          color.val('g', green.val(), e.target);\n          return false;\n        case 40:\n          green.val(setValueInRange.call($this, (green.val() << 0) - 1, 0, 255));\n          color.val('g', green.val(), e.target);\n          return false;\n        }\n        break;\n      case blue.get(0):\n        switch (e.keyCode) {\n        case 38:\n          blue.val(setValueInRange.call($this, (blue.val() << 0) + 1, 0, 255));\n          color.val('b', blue.val(), e.target);\n          return false;\n        case 40:\n          blue.val(setValueInRange.call($this, (blue.val() << 0) - 1, 0, 255));\n          color.val('b', blue.val(), e.target);\n          return false;\n        }\n        break;\n      case alpha && alpha.get(0):\n        switch (e.keyCode) {\n        case 38:\n          alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) + 1, 0, 100));\n          color.val('a', Math.precision((alpha.val() * 255) / 100, alphaPrecision), e.target);\n          return false;\n        case 40:\n          alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) - 1, 0, 100));\n          color.val('a', Math.precision((alpha.val() * 255) / 100, alphaPrecision), e.target);\n          return false;\n        }\n        break;\n      case hue.get(0):\n        switch (e.keyCode) {\n        case 38:\n          hue.val(setValueInRange.call($this, (hue.val() << 0) + 1, 0, 360));\n          color.val('h', hue.val(), e.target);\n          return false;\n        case 40:\n          hue.val(setValueInRange.call($this, (hue.val() << 0) - 1, 0, 360));\n          color.val('h', hue.val(), e.target);\n          return false;\n        }\n        break;\n      case saturation.get(0):\n        switch (e.keyCode) {\n        case 38:\n          saturation.val(setValueInRange.call($this, (saturation.val() << 0) + 1, 0, 100));\n          color.val('s', saturation.val(), e.target);\n          return false;\n        case 40:\n          saturation.val(setValueInRange.call($this, (saturation.val() << 0) - 1, 0, 100));\n          color.val('s', saturation.val(), e.target);\n          return false;\n        }\n        break;\n      case value.get(0):\n        switch (e.keyCode) {\n        case 38:\n          value.val(setValueInRange.call($this, (value.val() << 0) + 1, 0, 100));\n          color.val('v', value.val(), e.target);\n          return false;\n        case 40:\n          value.val(setValueInRange.call($this, (value.val() << 0) - 1, 0, 100));\n          color.val('v', value.val(), e.target);\n          return false;\n        }\n        break;\n      }\n    }\n    // input box key up - validate value and set color\n    function keyUp (e) {\n      if (e.target.value === '' && e.target !== hex.get(0) &&\n        ((bindedHex != null && e.target !== bindedHex.get(0)) ||\n        bindedHex == null)) return;\n      if (!validateKey(e)) return e;\n      switch (e.target) {\n      case red.get(0):\n        red.val(setValueInRange.call($this, red.val(), 0, 255));\n        color.val('r', red.val(), e.target);\n        break;\n      case green.get(0):\n        green.val(setValueInRange.call($this, green.val(), 0, 255));\n        color.val('g', green.val(), e.target);\n        break;\n      case blue.get(0):\n        blue.val(setValueInRange.call($this, blue.val(), 0, 255));\n        color.val('b', blue.val(), e.target);\n        break;\n      case alpha && alpha.get(0):\n        alpha.val(setValueInRange.call($this, alpha.val(), 0, 100));\n        color.val('a', Math.precision((alpha.val() * 255) / 100, alphaPrecision), e.target);\n        break;\n      case hue.get(0):\n        hue.val(setValueInRange.call($this, hue.val(), 0, 360));\n        color.val('h', hue.val(), e.target);\n        break;\n      case saturation.get(0):\n        saturation.val(setValueInRange.call($this, saturation.val(), 0, 100));\n        color.val('s', saturation.val(), e.target);\n        break;\n      case value.get(0):\n        value.val(setValueInRange.call($this, value.val(), 0, 100));\n        color.val('v', value.val(), e.target);\n        break;\n      case hex.get(0):\n        hex.val(hex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));\n        bindedHex && bindedHex.val(hex.val());\n        color.val('hex', hex.val() !== '' ? hex.val() : null, e.target);\n        break;\n      case bindedHex && bindedHex.get(0):\n        bindedHex.val(bindedHex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));\n        hex.val(bindedHex.val());\n        color.val('hex', bindedHex.val() !== '' ? bindedHex.val() : null, e.target);\n        break;\n      case ahex && ahex.get(0):\n        ahex.val(ahex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 2));\n        color.val('a', ahex.val() != null ? parseInt(ahex.val(), 16) : null, e.target);\n        break;\n      }\n    }\n    // input box blur - reset to original if value empty\n    function blur (e) {\n      if (color.val() != null) {\n        switch (e.target) {\n        case red.get(0): red.val(color.val('r')); break;\n        case green.get(0): green.val(color.val('g')); break;\n        case blue.get(0): blue.val(color.val('b')); break;\n        case alpha && alpha.get(0): alpha.val(Math.precision((color.val('a') * 100) / 255, alphaPrecision)); break;\n        case hue.get(0): hue.val(color.val('h')); break;\n        case saturation.get(0): saturation.val(color.val('s')); break;\n        case value.get(0): value.val(color.val('v')); break;\n        case hex.get(0):\n        case bindedHex && bindedHex.get(0):\n          hex.val(color.val('hex'));\n          bindedHex && bindedHex.val(color.val('hex'));\n          break;\n        case ahex && ahex.get(0): ahex.val(color.val('ahex').substring(6)); break;\n        }\n      }\n    }\n    function validateKey (e) {\n      switch (e.keyCode) {\n      case 9:\n      case 16:\n      case 29:\n      case 37:\n      case 39:\n        return false;\n      case 'c'.charCodeAt():\n      case 'v'.charCodeAt():\n        if (e.ctrlKey) return false;\n      }\n      return true;\n    }\n    // constrain value within range\n    function setValueInRange (value, min, max) {\n      if (value === '' || isNaN(value)) return min;\n      if (value > max) return max;\n      if (value < min) return min;\n      return value;\n    }\n    function colorChanged (ui, context) {\n      const all = ui.val('all');\n      if (context !== red.get(0)) red.val(all != null ? all.r : '');\n      if (context !== green.get(0)) green.val(all != null ? all.g : '');\n      if (context !== blue.get(0)) blue.val(all != null ? all.b : '');\n      if (alpha && context !== alpha.get(0)) alpha.val(all != null ? Math.precision((all.a * 100) / 255, alphaPrecision) : '');\n      if (context !== hue.get(0)) hue.val(all != null ? all.h : '');\n      if (context !== saturation.get(0)) saturation.val(all != null ? all.s : '');\n      if (context !== value.get(0)) value.val(all != null ? all.v : '');\n      if (context !== hex.get(0) && ((bindedHex && context !== bindedHex.get(0)) || !bindedHex)) hex.val(all != null ? all.hex : '');\n      if (bindedHex && context !== bindedHex.get(0) && context !== hex.get(0)) bindedHex.val(all != null ? all.hex : '');\n      if (ahex && context !== ahex.get(0)) ahex.val(all != null ? all.ahex.substring(6) : '');\n    }\n    function destroy () {\n      // unbind all events and null objects\n      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).unbind('keyup', keyUp).unbind('blur', blur);\n      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).unbind('keydown', keyDown);\n      color.unbind(colorChanged);\n      red = null;\n      green = null;\n      blue = null;\n      alpha = null;\n      hue = null;\n      saturation = null;\n      value = null;\n      hex = null;\n      ahex = null;\n    }\n    let\n      red = inputs.eq(3),\n      green = inputs.eq(4),\n      blue = inputs.eq(5),\n      alpha = inputs.length > 7 ? inputs.eq(6) : null,\n      hue = inputs.eq(0),\n      saturation = inputs.eq(1),\n      value = inputs.eq(2),\n      hex = inputs.eq(inputs.length > 7 ? 7 : 6),\n      ahex = inputs.length > 7 ? inputs.eq(8) : null;\n    $.extend(true, $this, {\n      // public properties and methods\n      destroy\n    });\n    red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).bind('keyup', keyUp).bind('blur', blur);\n    red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).bind('keydown', keyDown);\n    color.bind(colorChanged);\n  }\n\n  /**\n  * @typedef {PlainObject} module:jPicker.JPickerInit\n  * @property {Integer} a\n  * @property {Integer} b\n  * @property {Integer} g\n  * @property {Integer} h\n  * @property {Integer} r\n  * @property {Integer} s\n  * @property {Integer} v\n  * @property {string} hex\n  * @property {string} ahex\n  */\n\n  /**\n  * @namespace {PlainObject} jPicker\n  * @memberof external:jQuery\n  */\n  $.jPicker = /** @lends external:jQuery.jPicker */ {\n    /**\n    * Array holding references to each active instance of the jPicker control\n    * @type {external:jQuery.fn.$.fn.jPicker[]}\n    */\n    List: [],\n    /**\n    * Color object - we will be able to assign by any color space type or\n    * retrieve any color space info.\n    * We want this public so we can optionally assign new color objects to\n    * initial values using inputs other than a string hex value (also supported)\n    * Note: JSDoc didn't document when expressed here as an ES6 Class.\n    * @namespace\n    * @class\n    * @memberof external:jQuery.jPicker\n    * @param {module:jPicker.JPickerInit} init\n    */\n    Color: function (init) {\n      const $this = this;\n      function fireChangeEvents (context) {\n        for (let i = 0; i < changeEvents.length; i++) changeEvents[i].call($this, $this, context);\n      }\n      function val (name, value, context) {\n        // Kind of ugly\n        const set = Boolean(value);\n        if (set && value.ahex === '') value.ahex = '00000000';\n        if (!set) {\n          if (name === undefined || name == null || name === '') name = 'all';\n          if (r == null) return null;\n          switch (name.toLowerCase()) {\n          case 'ahex': return ColorMethods.rgbaToHex({ r, g, b, a });\n          case 'hex': return val('ahex').substring(0, 6);\n          case 'all': return { r, g, b, a, h, s, v, hex: val.call($this, 'hex'), ahex: val.call($this, 'ahex') };\n          default:\n            let ret = {};\n            for (let i = 0; i < name.length; i++) {\n              switch (name.charAt(i)) {\n              case 'r':\n                if (name.length === 1) ret = r;\n                else ret.r = r;\n                break;\n              case 'g':\n                if (name.length === 1) ret = g;\n                else ret.g = g;\n                break;\n              case 'b':\n                if (name.length === 1) ret = b;\n                else ret.b = b;\n                break;\n              case 'a':\n                if (name.length === 1) ret = a;\n                else ret.a = a;\n                break;\n              case 'h':\n                if (name.length === 1) ret = h;\n                else ret.h = h;\n                break;\n              case 's':\n                if (name.length === 1) ret = s;\n                else ret.s = s;\n                break;\n              case 'v':\n                if (name.length === 1) ret = v;\n                else ret.v = v;\n                break;\n              }\n            }\n            return !name.length ? val.call($this, 'all') : ret;\n          }\n        }\n        if (context != null && context === $this) return;\n        if (name == null) name = '';\n\n        let changed = false;\n        if (value == null) {\n          if (r != null) {\n            r = null;\n            changed = true;\n          }\n          if (g != null) {\n            g = null;\n            changed = true;\n          }\n          if (b != null) {\n            b = null;\n            changed = true;\n          }\n          if (a != null) {\n            a = null;\n            changed = true;\n          }\n          if (h != null) {\n            h = null;\n            changed = true;\n          }\n          if (s != null) {\n            s = null;\n            changed = true;\n          }\n          if (v != null) {\n            v = null;\n            changed = true;\n          }\n          changed && fireChangeEvents.call($this, context || $this);\n          return;\n        }\n        switch (name.toLowerCase()) {\n        case 'ahex':\n        case 'hex':\n          const ret = ColorMethods.hexToRgba((value && (value.ahex || value.hex)) || value || 'none');\n          val.call($this, 'rgba', { r: ret.r, g: ret.g, b: ret.b, a: name === 'ahex' ? ret.a : a != null ? a : 255 }, context);\n          break;\n        default:\n          if (value && (value.ahex != null || value.hex != null)) {\n            val.call($this, 'ahex', value.ahex || value.hex || '00000000', context);\n            return;\n          }\n          const newV = {};\n          let rgb = false, hsv = false;\n          if (value.r !== undefined && !name.includes('r')) name += 'r';\n          if (value.g !== undefined && !name.includes('g')) name += 'g';\n          if (value.b !== undefined && !name.includes('b')) name += 'b';\n          if (value.a !== undefined && !name.includes('a')) name += 'a';\n          if (value.h !== undefined && !name.includes('h')) name += 'h';\n          if (value.s !== undefined && !name.includes('s')) name += 's';\n          if (value.v !== undefined && !name.includes('v')) name += 'v';\n          for (let i = 0; i < name.length; i++) {\n            switch (name.charAt(i)) {\n            case 'r':\n              if (hsv) continue;\n              rgb = true;\n              newV.r = (value && value.r && value.r | 0) || (value && value | 0) || 0;\n              if (newV.r < 0) newV.r = 0;\n              else if (newV.r > 255) newV.r = 255;\n              if (r !== newV.r) {\n                ({r} = newV);\n                changed = true;\n              }\n              break;\n            case 'g':\n              if (hsv) continue;\n              rgb = true;\n              newV.g = (value && value.g && value.g | 0) || (value && value | 0) || 0;\n              if (newV.g < 0) newV.g = 0;\n              else if (newV.g > 255) newV.g = 255;\n              if (g !== newV.g) {\n                ({g} = newV);\n                changed = true;\n              }\n              break;\n            case 'b':\n              if (hsv) continue;\n              rgb = true;\n              newV.b = (value && value.b && value.b | 0) || (value && value | 0) || 0;\n              if (newV.b < 0) newV.b = 0;\n              else if (newV.b > 255) newV.b = 255;\n              if (b !== newV.b) {\n                ({b} = newV);\n                changed = true;\n              }\n              break;\n            case 'a':\n              newV.a = value && value.a != null ? value.a | 0 : value != null ? value | 0 : 255;\n              if (newV.a < 0) newV.a = 0;\n              else if (newV.a > 255) newV.a = 255;\n              if (a !== newV.a) {\n                ({a} = newV);\n                changed = true;\n              }\n              break;\n            case 'h':\n              if (rgb) continue;\n              hsv = true;\n              newV.h = (value && value.h && value.h | 0) || (value && value | 0) || 0;\n              if (newV.h < 0) newV.h = 0;\n              else if (newV.h > 360) newV.h = 360;\n              if (h !== newV.h) {\n                ({h} = newV);\n                changed = true;\n              }\n              break;\n            case 's':\n              if (rgb) continue;\n              hsv = true;\n              newV.s = value && value.s != null ? value.s | 0 : value != null ? value | 0 : 100;\n              if (newV.s < 0) newV.s = 0;\n              else if (newV.s > 100) newV.s = 100;\n              if (s !== newV.s) {\n                ({s} = newV);\n                changed = true;\n              }\n              break;\n            case 'v':\n              if (rgb) continue;\n              hsv = true;\n              newV.v = value && value.v != null ? value.v | 0 : value != null ? value | 0 : 100;\n              if (newV.v < 0) newV.v = 0;\n              else if (newV.v > 100) newV.v = 100;\n              if (v !== newV.v) {\n                ({v} = newV);\n                changed = true;\n              }\n              break;\n            }\n          }\n          if (changed) {\n            if (rgb) {\n              r = r || 0;\n              g = g || 0;\n              b = b || 0;\n              const ret = ColorMethods.rgbToHsv({ r, g, b });\n              ({h, s, v} = ret);\n            } else if (hsv) {\n              h = h || 0;\n              s = s != null ? s : 100;\n              v = v != null ? v : 100;\n              const ret = ColorMethods.hsvToRgb({ h, s, v });\n              ({r, g, b} = ret);\n            }\n            a = a != null ? a : 255;\n            fireChangeEvents.call($this, context || $this);\n          }\n          break;\n        }\n      }\n      function bind (callback) {\n        if (typeof callback === 'function') changeEvents.push(callback);\n      }\n      function unbind (callback) {\n        if (typeof callback !== 'function') return;\n        let i;\n        while ((i = changeEvents.includes(callback))) {\n          changeEvents.splice(i, 1);\n        }\n      }\n      function destroy () {\n        changeEvents = null;\n      }\n      let r, g, b, a, h, s, v, changeEvents = [];\n\n      $.extend(true, $this, {\n        // public properties and methods\n        val,\n        bind,\n        unbind,\n        destroy\n      });\n      if (init) {\n        if (init.ahex != null) {\n          val('ahex', init);\n        } else if (init.hex != null) {\n          val(\n            (init.a != null ? 'a' : '') + 'hex',\n            init.a != null\n              ? {ahex: init.hex + ColorMethods.intToHex(init.a)}\n              : init\n          );\n        } else if (init.r != null && init.g != null && init.b != null) {\n          val('rgb' + (init.a != null ? 'a' : ''), init);\n        } else if (init.h != null && init.s != null && init.v != null) {\n          val('hsv' + (init.a != null ? 'a' : ''), init);\n        }\n      }\n    },\n    /**\n    * color conversion methods  - make public to give use to external scripts\n    * @namespace\n    */\n    ColorMethods: {\n      /**\n      * @typedef {PlainObject} module:jPicker.RGBA\n      * @property {Integer} r\n      * @property {Integer} g\n      * @property {Integer} b\n      * @property {Integer} a\n      */\n      /**\n      * @typedef {PlainObject} module:jPicker.RGB\n      * @property {Integer} r\n      * @property {Integer} g\n      * @property {Integer} b\n      */\n      /**\n      * @param {string} hex\n      * @returns {module:jPicker.RGBA}\n      */\n      hexToRgba (hex) {\n        if (hex === '' || hex === 'none') return { r: null, g: null, b: null, a: null };\n        hex = this.validateHex(hex);\n        let r = '00', g = '00', b = '00', a = '255';\n        if (hex.length === 6) hex += 'ff';\n        if (hex.length > 6) {\n          r = hex.substring(0, 2);\n          g = hex.substring(2, 4);\n          b = hex.substring(4, 6);\n          a = hex.substring(6, hex.length);\n        } else {\n          if (hex.length > 4) {\n            r = hex.substring(4, hex.length);\n            hex = hex.substring(0, 4);\n          }\n          if (hex.length > 2) {\n            g = hex.substring(2, hex.length);\n            hex = hex.substring(0, 2);\n          }\n          if (hex.length > 0) b = hex.substring(0, hex.length);\n        }\n        return {\n          r: this.hexToInt(r), g: this.hexToInt(g), b: this.hexToInt(b), a: this.hexToInt(a)\n        };\n      },\n      /**\n      * @param {string} hex\n      * @returns {string}\n      */\n      validateHex (hex) {\n        // if (typeof hex === 'object') return '';\n        hex = hex.toLowerCase().replace(/[^a-f0-9]/g, '');\n        if (hex.length > 8) hex = hex.substring(0, 8);\n        return hex;\n      },\n      /**\n      * @param {module:jPicker.RGBA} rgba\n      * @returns {string}\n      */\n      rgbaToHex (rgba) {\n        return this.intToHex(rgba.r) + this.intToHex(rgba.g) + this.intToHex(rgba.b) + this.intToHex(rgba.a);\n      },\n      /**\n      * @param {Integer} dec\n      * @returns {string}\n      */\n      intToHex (dec) {\n        let result = (dec | 0).toString(16);\n        if (result.length === 1) result = ('0' + result);\n        return result.toLowerCase();\n      },\n      /**\n      * @param {string} hex\n      * @returns {Integer}\n      */\n      hexToInt (hex) {\n        return parseInt(hex, 16);\n      },\n      /**\n      * @typedef {PlainObject} module:jPicker.HSV\n      * @property {Integer} h\n      * @property {Integer} s\n      * @property {Integer} v\n      */\n      /**\n      * @param {module:jPicker.RGB} rgb\n      * @returns {module:jPicker.HSV}\n      */\n      rgbToHsv (rgb) {\n        const r = rgb.r / 255, g = rgb.g / 255, b = rgb.b / 255, hsv = { h: 0, s: 0, v: 0 };\n        let min = 0, max = 0;\n        if (r >= g && r >= b) {\n          max = r;\n          min = g > b ? b : g;\n        } else if (g >= b && g >= r) {\n          max = g;\n          min = r > b ? b : r;\n        } else {\n          max = b;\n          min = g > r ? r : g;\n        }\n        hsv.v = max;\n        hsv.s = max ? (max - min) / max : 0;\n        let delta;\n        if (!hsv.s) hsv.h = 0;\n        else {\n          delta = max - min;\n          if (r === max) hsv.h = (g - b) / delta;\n          else if (g === max) hsv.h = 2 + (b - r) / delta;\n          else hsv.h = 4 + (r - g) / delta;\n          hsv.h = parseInt(hsv.h * 60);\n          if (hsv.h < 0) hsv.h += 360;\n        }\n        hsv.s = (hsv.s * 100) | 0;\n        hsv.v = (hsv.v * 100) | 0;\n        return hsv;\n      },\n      /**\n      * @param {module:jPicker.HSV} hsv\n      * @returns {module:jPicker.RGB}\n      */\n      hsvToRgb (hsv) {\n        const rgb = {r: 0, g: 0, b: 0, a: 100};\n        let {h, s, v} = hsv;\n        if (s === 0) {\n          if (v === 0) rgb.r = rgb.g = rgb.b = 0;\n          else rgb.r = rgb.g = rgb.b = (v * 255 / 100) | 0;\n        } else {\n          if (h === 360) h = 0;\n          h /= 60;\n          s = s / 100;\n          v = v / 100;\n          const i = h | 0,\n            f = h - i,\n            p = v * (1 - s),\n            q = v * (1 - (s * f)),\n            t = v * (1 - (s * (1 - f)));\n          switch (i) {\n          case 0:\n            rgb.r = v;\n            rgb.g = t;\n            rgb.b = p;\n            break;\n          case 1:\n            rgb.r = q;\n            rgb.g = v;\n            rgb.b = p;\n            break;\n          case 2:\n            rgb.r = p;\n            rgb.g = v;\n            rgb.b = t;\n            break;\n          case 3:\n            rgb.r = p;\n            rgb.g = q;\n            rgb.b = v;\n            break;\n          case 4:\n            rgb.r = t;\n            rgb.g = p;\n            rgb.b = v;\n            break;\n          case 5:\n            rgb.r = v;\n            rgb.g = p;\n            rgb.b = q;\n            break;\n          }\n          rgb.r = (rgb.r * 255) | 0;\n          rgb.g = (rgb.g * 255) | 0;\n          rgb.b = (rgb.b * 255) | 0;\n        }\n        return rgb;\n      }\n    }\n  };\n  const {Color, List, ColorMethods} = $.jPicker; // local copies for YUI compressor\n  /**\n   * @function external:jQuery.fn.jPicker\n   * @see {@link external:jQuery.fn.$.fn.jPicker}\n   */\n  /**\n  * While it would seem this should specify the name `jPicker` for JSDoc, that doesn't\n  *   get us treated as a function as well as a namespace (even with `@function name`),\n  *   so we use an approach to add a redundant `$.fn.` in the name.\n  * @namespace\n  * @memberof external:jQuery.fn\n  * @param {external:jQuery.fn.jPickerOptions} options\n  * @returns {external:jQuery}\n  */\n  $.fn.jPicker = function (options) {\n    const $arguments = arguments;\n    return this.each(function () {\n      const $this = this, settings = $.extend(true, {}, $.fn.jPicker.defaults, options); // local copies for YUI compressor\n      if ($($this).get(0).nodeName.toLowerCase() === 'input') { // Add color picker icon if binding to an input element and bind the events to the input\n        $.extend(true, settings, {\n          window: {\n            bindToInput: true,\n            expandable: true,\n            input: $($this)\n          }\n        });\n        if ($($this).val() === '') {\n          settings.color.active = new Color({ hex: null });\n          settings.color.current = new Color({ hex: null });\n        } else if (ColorMethods.validateHex($($this).val())) {\n          settings.color.active = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });\n          settings.color.current = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });\n        }\n      }\n      if (settings.window.expandable) {\n        $($this).after('<span class=\"jPicker\"><span class=\"Icon\"><span class=\"Color\">&nbsp;</span><span class=\"Alpha\">&nbsp;</span><span class=\"Image\" title=\"Click To Open Color Picker\">&nbsp;</span><span class=\"Container\">&nbsp;</span></span></span>');\n      } else {\n        settings.window.liveUpdate = false; // Basic control binding for inline use - You will need to override the liveCallback or commitCallback function to retrieve results\n      }\n      const isLessThanIE7 = parseFloat(navigator.appVersion.split('MSIE')[1]) < 7 && document.body.filters; // needed to run the AlphaImageLoader function for IE6\n      // set color mode and update visuals for the new color mode\n      /**\n       *\n       * @param {\"h\"|\"s\"|\"v\"|\"r\"|\"g\"|\"b\"|\"a\"} colorMode [description]\n       * @throws {Error} Invalid mode\n       */\n      function setColorMode (colorMode) {\n        const {active} = color, // local copies for YUI compressor\n          // {clientPath} = images,\n          hex = active.val('hex');\n        let rgbMap, rgbBar;\n        settings.color.mode = colorMode;\n        switch (colorMode) {\n        case 'h':\n          setTimeout(function () {\n            setBG.call($this, colorMapDiv, 'transparent');\n            setImgLoc.call($this, colorMapL1, 0);\n            setAlpha.call($this, colorMapL1, 100);\n            setImgLoc.call($this, colorMapL2, 260);\n            setAlpha.call($this, colorMapL2, 100);\n            setBG.call($this, colorBarDiv, 'transparent');\n            setImgLoc.call($this, colorBarL1, 0);\n            setAlpha.call($this, colorBarL1, 100);\n            setImgLoc.call($this, colorBarL2, 260);\n            setAlpha.call($this, colorBarL2, 100);\n            setImgLoc.call($this, colorBarL3, 260);\n            setAlpha.call($this, colorBarL3, 100);\n            setImgLoc.call($this, colorBarL4, 260);\n            setAlpha.call($this, colorBarL4, 100);\n            setImgLoc.call($this, colorBarL6, 260);\n            setAlpha.call($this, colorBarL6, 100);\n          }, 0);\n          colorMap.range('all', { minX: 0, maxX: 100, minY: 0, maxY: 100 });\n          colorBar.range('rangeY', { minY: 0, maxY: 360 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('s'), y: 100 - active.val('v') }, colorMap);\n          colorBar.val('y', 360 - active.val('h'), colorBar);\n          break;\n        case 's':\n          setTimeout(function () {\n            setBG.call($this, colorMapDiv, 'transparent');\n            setImgLoc.call($this, colorMapL1, -260);\n            setImgLoc.call($this, colorMapL2, -520);\n            setImgLoc.call($this, colorBarL1, -260);\n            setImgLoc.call($this, colorBarL2, -520);\n            setImgLoc.call($this, colorBarL6, 260);\n            setAlpha.call($this, colorBarL6, 100);\n          }, 0);\n          colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });\n          colorBar.range('rangeY', { minY: 0, maxY: 100 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);\n          colorBar.val('y', 100 - active.val('s'), colorBar);\n          break;\n        case 'v':\n          setTimeout(function () {\n            setBG.call($this, colorMapDiv, '000000');\n            setImgLoc.call($this, colorMapL1, -780);\n            setImgLoc.call($this, colorMapL2, 260);\n            setBG.call($this, colorBarDiv, hex);\n            setImgLoc.call($this, colorBarL1, -520);\n            setImgLoc.call($this, colorBarL2, 260);\n            setAlpha.call($this, colorBarL2, 100);\n            setImgLoc.call($this, colorBarL6, 260);\n            setAlpha.call($this, colorBarL6, 100);\n          }, 0);\n          colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });\n          colorBar.range('rangeY', { minY: 0, maxY: 100 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('s') }, colorMap);\n          colorBar.val('y', 100 - active.val('v'), colorBar);\n          break;\n        case 'r':\n          rgbMap = -1040;\n          rgbBar = -780;\n          colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });\n          colorBar.range('rangeY', { minY: 0, maxY: 255 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('g') }, colorMap);\n          colorBar.val('y', 255 - active.val('r'), colorBar);\n          break;\n        case 'g':\n          rgbMap = -1560;\n          rgbBar = -1820;\n          colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });\n          colorBar.range('rangeY', { minY: 0, maxY: 255 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('r') }, colorMap);\n          colorBar.val('y', 255 - active.val('g'), colorBar);\n          break;\n        case 'b':\n          rgbMap = -2080;\n          rgbBar = -2860;\n          colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });\n          colorBar.range('rangeY', { minY: 0, maxY: 255 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('r'), y: 255 - active.val('g') }, colorMap);\n          colorBar.val('y', 255 - active.val('b'), colorBar);\n          break;\n        case 'a':\n          setTimeout(function () {\n            setBG.call($this, colorMapDiv, 'transparent');\n            setImgLoc.call($this, colorMapL1, -260);\n            setImgLoc.call($this, colorMapL2, -520);\n            setImgLoc.call($this, colorBarL1, 260);\n            setImgLoc.call($this, colorBarL2, 260);\n            setAlpha.call($this, colorBarL2, 100);\n            setImgLoc.call($this, colorBarL6, 0);\n            setAlpha.call($this, colorBarL6, 100);\n          }, 0);\n          colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });\n          colorBar.range('rangeY', { minY: 0, maxY: 255 });\n          if (active.val('ahex') == null) break;\n          colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);\n          colorBar.val('y', 255 - active.val('a'), colorBar);\n          break;\n        default:\n          throw new Error('Invalid Mode');\n        }\n        switch (colorMode) {\n        case 'h':\n          break;\n        case 's':\n        case 'v':\n        case 'a':\n          setTimeout(function () {\n            setAlpha.call($this, colorMapL1, 100);\n            setAlpha.call($this, colorBarL1, 100);\n            setImgLoc.call($this, colorBarL3, 260);\n            setAlpha.call($this, colorBarL3, 100);\n            setImgLoc.call($this, colorBarL4, 260);\n            setAlpha.call($this, colorBarL4, 100);\n          }, 0);\n          break;\n        case 'r':\n        case 'g':\n        case 'b':\n          setTimeout(function () {\n            setBG.call($this, colorMapDiv, 'transparent');\n            setBG.call($this, colorBarDiv, 'transparent');\n            setAlpha.call($this, colorBarL1, 100);\n            setAlpha.call($this, colorMapL1, 100);\n            setImgLoc.call($this, colorMapL1, rgbMap);\n            setImgLoc.call($this, colorMapL2, rgbMap - 260);\n            setImgLoc.call($this, colorBarL1, rgbBar - 780);\n            setImgLoc.call($this, colorBarL2, rgbBar - 520);\n            setImgLoc.call($this, colorBarL3, rgbBar);\n            setImgLoc.call($this, colorBarL4, rgbBar - 260);\n            setImgLoc.call($this, colorBarL6, 260);\n            setAlpha.call($this, colorBarL6, 100);\n          }, 0);\n          break;\n        }\n        if (active.val('ahex') == null) return;\n        activeColorChanged.call($this, active);\n      }\n      // Update color when user changes text values\n      function activeColorChanged (ui, context) {\n        if (context == null || (context !== colorBar && context !== colorMap)) positionMapAndBarArrows.call($this, ui, context);\n        setTimeout(function () {\n          updatePreview.call($this, ui);\n          updateMapVisuals.call($this, ui);\n          updateBarVisuals.call($this, ui);\n        }, 0);\n      }\n      // user has dragged the ColorMap pointer\n      function mapValueChanged (ui, context) {\n        const {active} = color;\n        if (context !== colorMap && active.val() == null) return;\n        const xy = ui.val('all');\n        switch (settings.color.mode) {\n        case 'h':\n          active.val('sv', { s: xy.x, v: 100 - xy.y }, context);\n          break;\n        case 's':\n        case 'a':\n          active.val('hv', { h: xy.x, v: 100 - xy.y }, context);\n          break;\n        case 'v':\n          active.val('hs', { h: xy.x, s: 100 - xy.y }, context);\n          break;\n        case 'r':\n          active.val('gb', { g: 255 - xy.y, b: xy.x }, context);\n          break;\n        case 'g':\n          active.val('rb', { r: 255 - xy.y, b: xy.x }, context);\n          break;\n        case 'b':\n          active.val('rg', { r: xy.x, g: 255 - xy.y }, context);\n          break;\n        }\n      }\n      // user has dragged the ColorBar slider\n      function colorBarValueChanged (ui, context) {\n        const {active} = color;\n        if (context !== colorBar && active.val() == null) return;\n        switch (settings.color.mode) {\n        case 'h':\n          active.val('h', { h: 360 - ui.val('y') }, context);\n          break;\n        case 's':\n          active.val('s', { s: 100 - ui.val('y') }, context);\n          break;\n        case 'v':\n          active.val('v', { v: 100 - ui.val('y') }, context);\n          break;\n        case 'r':\n          active.val('r', { r: 255 - ui.val('y') }, context);\n          break;\n        case 'g':\n          active.val('g', { g: 255 - ui.val('y') }, context);\n          break;\n        case 'b':\n          active.val('b', { b: 255 - ui.val('y') }, context);\n          break;\n        case 'a':\n          active.val('a', 255 - ui.val('y'), context);\n          break;\n        }\n      }\n      // position map and bar arrows to match current color\n      function positionMapAndBarArrows (ui, context) {\n        if (context !== colorMap) {\n          switch (settings.color.mode) {\n          case 'h':\n            const sv = ui.val('sv');\n            colorMap.val('xy', { x: sv != null ? sv.s : 100, y: 100 - (sv != null ? sv.v : 100) }, context);\n            break;\n          case 's':\n          case 'a':\n            const hv = ui.val('hv');\n            colorMap.val('xy', { x: (hv && hv.h) || 0, y: 100 - (hv != null ? hv.v : 100) }, context);\n            break;\n          case 'v':\n            const hs = ui.val('hs');\n            colorMap.val('xy', { x: (hs && hs.h) || 0, y: 100 - (hs != null ? hs.s : 100) }, context);\n            break;\n          case 'r':\n            const bg = ui.val('bg');\n            colorMap.val('xy', { x: (bg && bg.b) || 0, y: 255 - ((bg && bg.g) || 0) }, context);\n            break;\n          case 'g':\n            const br = ui.val('br');\n            colorMap.val('xy', { x: (br && br.b) || 0, y: 255 - ((br && br.r) || 0) }, context);\n            break;\n          case 'b':\n            const rg = ui.val('rg');\n            colorMap.val('xy', { x: (rg && rg.r) || 0, y: 255 - ((rg && rg.g) || 0) }, context);\n            break;\n          }\n        }\n        if (context !== colorBar) {\n          switch (settings.color.mode) {\n          case 'h':\n            colorBar.val('y', 360 - (ui.val('h') || 0), context);\n            break;\n          case 's':\n            const s = ui.val('s');\n            colorBar.val('y', 100 - (s != null ? s : 100), context);\n            break;\n          case 'v':\n            const v = ui.val('v');\n            colorBar.val('y', 100 - (v != null ? v : 100), context);\n            break;\n          case 'r':\n            colorBar.val('y', 255 - (ui.val('r') || 0), context);\n            break;\n          case 'g':\n            colorBar.val('y', 255 - (ui.val('g') || 0), context);\n            break;\n          case 'b':\n            colorBar.val('y', 255 - (ui.val('b') || 0), context);\n            break;\n          case 'a':\n            const a = ui.val('a');\n            colorBar.val('y', 255 - (a != null ? a : 255), context);\n            break;\n          }\n        }\n      }\n      function updatePreview (ui) {\n        try {\n          const all = ui.val('all');\n          activePreview.css({ backgroundColor: (all && '#' + all.hex) || 'transparent' });\n          setAlpha.call($this, activePreview, (all && Math.precision((all.a * 100) / 255, 4)) || 0);\n        } catch (e) { }\n      }\n      function updateMapVisuals (ui) {\n        switch (settings.color.mode) {\n        case 'h':\n          setBG.call($this, colorMapDiv, new Color({ h: ui.val('h') || 0, s: 100, v: 100 }).val('hex'));\n          break;\n        case 's':\n        case 'a':\n          const s = ui.val('s');\n          setAlpha.call($this, colorMapL2, 100 - (s != null ? s : 100));\n          break;\n        case 'v':\n          const v = ui.val('v');\n          setAlpha.call($this, colorMapL1, v != null ? v : 100);\n          break;\n        case 'r':\n          setAlpha.call($this, colorMapL2, Math.precision((ui.val('r') || 0) / 255 * 100, 4));\n          break;\n        case 'g':\n          setAlpha.call($this, colorMapL2, Math.precision((ui.val('g') || 0) / 255 * 100, 4));\n          break;\n        case 'b':\n          setAlpha.call($this, colorMapL2, Math.precision((ui.val('b') || 0) / 255 * 100));\n          break;\n        }\n        const a = ui.val('a');\n        setAlpha.call($this, colorMapL3, Math.precision(((255 - (a || 0)) * 100) / 255, 4));\n      }\n      function updateBarVisuals (ui) {\n        switch (settings.color.mode) {\n        case 'h':\n          const a = ui.val('a');\n          setAlpha.call($this, colorBarL5, Math.precision(((255 - (a || 0)) * 100) / 255, 4));\n          break;\n        case 's':\n          const hva = ui.val('hva'),\n            saturatedColor = new Color({ h: (hva && hva.h) || 0, s: 100, v: hva != null ? hva.v : 100 });\n          setBG.call($this, colorBarDiv, saturatedColor.val('hex'));\n          setAlpha.call($this, colorBarL2, 100 - (hva != null ? hva.v : 100));\n          setAlpha.call($this, colorBarL5, Math.precision(((255 - ((hva && hva.a) || 0)) * 100) / 255, 4));\n          break;\n        case 'v':\n          const hsa = ui.val('hsa'),\n            valueColor = new Color({ h: (hsa && hsa.h) || 0, s: hsa != null ? hsa.s : 100, v: 100 });\n          setBG.call($this, colorBarDiv, valueColor.val('hex'));\n          setAlpha.call($this, colorBarL5, Math.precision(((255 - ((hsa && hsa.a) || 0)) * 100) / 255, 4));\n          break;\n        case 'r':\n        case 'g':\n        case 'b':\n          const rgba = ui.val('rgba');\n          let hValue = 0, vValue = 0;\n          if (settings.color.mode === 'r') {\n            hValue = (rgba && rgba.b) || 0;\n            vValue = (rgba && rgba.g) || 0;\n          } else if (settings.color.mode === 'g') {\n            hValue = (rgba && rgba.b) || 0;\n            vValue = (rgba && rgba.r) || 0;\n          } else if (settings.color.mode === 'b') {\n            hValue = (rgba && rgba.r) || 0;\n            vValue = (rgba && rgba.g) || 0;\n          }\n          const middle = vValue > hValue ? hValue : vValue;\n          setAlpha.call($this, colorBarL2, hValue > vValue ? Math.precision(((hValue - vValue) / (255 - vValue)) * 100, 4) : 0);\n          setAlpha.call($this, colorBarL3, vValue > hValue ? Math.precision(((vValue - hValue) / (255 - hValue)) * 100, 4) : 0);\n          setAlpha.call($this, colorBarL4, Math.precision((middle / 255) * 100, 4));\n          setAlpha.call($this, colorBarL5, Math.precision(((255 - ((rgba && rgba.a) || 0)) * 100) / 255, 4));\n          break;\n        case 'a': {\n          const a = ui.val('a');\n          setBG.call($this, colorBarDiv, ui.val('hex') || '000000');\n          setAlpha.call($this, colorBarL5, a != null ? 0 : 100);\n          setAlpha.call($this, colorBarL6, a != null ? 100 : 0);\n          break;\n        }\n        }\n      }\n      function setBG (el, c) {\n        el.css({backgroundColor: (c && c.length === 6 && '#' + c) || 'transparent'});\n      }\n      function setImg (img, src) {\n        if (isLessThanIE7 && (src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png'))) {\n          img.attr('pngSrc', src);\n          img.css({ backgroundImage: 'none', filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\\'' + src + '\\', sizingMethod=\\'scale\\')' });\n        } else img.css({ backgroundImage: 'url(\\'' + src + '\\')' });\n      }\n      function setImgLoc (img, y) {\n        img.css({ top: y + 'px' });\n      }\n      function setAlpha (obj, alpha) {\n        obj.css({ visibility: alpha > 0 ? 'visible' : 'hidden' });\n        if (alpha > 0 && alpha < 100) {\n          if (isLessThanIE7) {\n            const src = obj.attr('pngSrc');\n            if (src != null && (\n              src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png')\n            )) {\n              obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\\'' + src + '\\', sizingMethod=\\'scale\\') progid:DXImageTransform.Microsoft.Alpha(opacity=' + alpha + ')' });\n            } else obj.css({ opacity: Math.precision(alpha / 100, 4) });\n          } else obj.css({ opacity: Math.precision(alpha / 100, 4) });\n        } else if (alpha === 0 || alpha === 100) {\n          if (isLessThanIE7) {\n            const src = obj.attr('pngSrc');\n            if (src != null && (\n              src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png')\n            )) {\n              obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\\'' + src + '\\', sizingMethod=\\'scale\\')' });\n            } else obj.css({ opacity: '' });\n          } else obj.css({ opacity: '' });\n        }\n      }\n      // revert color to original color when opened\n      function revertColor () {\n        color.active.val('ahex', color.current.val('ahex'));\n      }\n      // commit the color changes\n      function commitColor () {\n        color.current.val('ahex', color.active.val('ahex'));\n      }\n      function radioClicked (e) {\n        $(this).parents('tbody:first').find('input:radio[value!=\"' + e.target.value + '\"]').removeAttr('checked');\n        setColorMode.call($this, e.target.value);\n      }\n      function currentClicked () {\n        revertColor.call($this);\n      }\n      function cancelClicked () {\n        revertColor.call($this);\n        settings.window.expandable && hide.call($this);\n        typeof cancelCallback === 'function' && cancelCallback.call($this, color.active, cancelButton);\n      }\n      function okClicked () {\n        commitColor.call($this);\n        settings.window.expandable && hide.call($this);\n        typeof commitCallback === 'function' && commitCallback.call($this, color.active, okButton);\n      }\n      function iconImageClicked () {\n        show.call($this);\n      }\n      function currentColorChanged (ui, context) {\n        const hex = ui.val('hex');\n        currentPreview.css({ backgroundColor: (hex && '#' + hex) || 'transparent' });\n        setAlpha.call($this, currentPreview, Math.precision(((ui.val('a') || 0) * 100) / 255, 4));\n      }\n      function expandableColorChanged (ui, context) {\n        const hex = ui.val('hex');\n        const va = ui.val('va');\n        iconColor.css({ backgroundColor: (hex && '#' + hex) || 'transparent' });\n        setAlpha.call($this, iconAlpha, Math.precision(((255 - ((va && va.a) || 0)) * 100) / 255, 4));\n        if (settings.window.bindToInput && settings.window.updateInputColor) {\n          settings.window.input.css({\n            backgroundColor: (hex && '#' + hex) || 'transparent',\n            color: va == null || va.v > 75 ? '#000000' : '#ffffff'\n          });\n        }\n      }\n      function moveBarMouseDown (e) {\n        // const {element} = settings.window, // local copies for YUI compressor\n        //     {page} = settings.window;\n        elementStartX = parseInt(container.css('left'));\n        elementStartY = parseInt(container.css('top'));\n        pageStartX = e.pageX;\n        pageStartY = e.pageY;\n        // bind events to document to move window - we will unbind these on mouseup\n        $(document).bind('mousemove', documentMouseMove).bind('mouseup', documentMouseUp);\n        e.preventDefault(); // prevent attempted dragging of the column\n      }\n      function documentMouseMove (e) {\n        container.css({ left: elementStartX - (pageStartX - e.pageX) + 'px', top: elementStartY - (pageStartY - e.pageY) + 'px' });\n        if (settings.window.expandable && !$.support.boxModel) container.prev().css({ left: container.css('left'), top: container.css('top') });\n        e.stopPropagation();\n        e.preventDefault();\n        return false;\n      }\n      function documentMouseUp (e) {\n        $(document).unbind('mousemove', documentMouseMove).unbind('mouseup', documentMouseUp);\n        e.stopPropagation();\n        e.preventDefault();\n        return false;\n      }\n      function quickPickClicked (e) {\n        e.preventDefault();\n        e.stopPropagation();\n        color.active.val('ahex', $(this).attr('title') || null, e.target);\n        return false;\n      }\n      function show () {\n        color.current.val('ahex', color.active.val('ahex'));\n        function attachIFrame () {\n          if (!settings.window.expandable || $.support.boxModel) return;\n          const table = container.find('table:first');\n          container.before('<iframe/>');\n          container.prev().css({width: table.width(), height: container.height(), opacity: 0, position: 'absolute', left: container.css('left'), top: container.css('top')});\n        }\n        if (settings.window.expandable) {\n          $(document.body).children('div.jPicker.Container').css({zIndex: 10});\n          container.css({zIndex: 20});\n        }\n        switch (settings.window.effects.type) {\n        case 'fade':\n          container.fadeIn(settings.window.effects.speed.show, attachIFrame);\n          break;\n        case 'slide':\n          container.slideDown(settings.window.effects.speed.show, attachIFrame);\n          break;\n        case 'show':\n        default:\n          container.show(settings.window.effects.speed.show, attachIFrame);\n          break;\n        }\n      }\n      function hide () {\n        function removeIFrame () {\n          if (settings.window.expandable) container.css({ zIndex: 10 });\n          if (!settings.window.expandable || $.support.boxModel) return;\n          container.prev().remove();\n        }\n        switch (settings.window.effects.type) {\n        case 'fade':\n          container.fadeOut(settings.window.effects.speed.hide, removeIFrame);\n          break;\n        case 'slide':\n          container.slideUp(settings.window.effects.speed.hide, removeIFrame);\n          break;\n        case 'show':\n        default:\n          container.hide(settings.window.effects.speed.hide, removeIFrame);\n          break;\n        }\n      }\n      function initialize () {\n        const win = settings.window,\n          popup = win.expandable ? $($this).next().find('.Container:first') : null;\n        container = win.expandable ? $('<div/>') : $($this);\n        container.addClass('jPicker Container');\n        if (win.expandable) container.hide();\n        container.get(0).onselectstart = function (event) { if (event.target.nodeName.toLowerCase() !== 'input') return false; };\n        // inject html source code - we are using a single table for this control - I know tables are considered bad, but it takes care of equal height columns and\n        // this control really is tabular data, so I believe it is the right move\n        const all = color.active.val('all');\n        if (win.alphaPrecision < 0) win.alphaPrecision = 0;\n        else if (win.alphaPrecision > 2) win.alphaPrecision = 2;\n        const controlHtml = '<table class=\"jPicker\" cellpadding=\"0\" cellspacing=\"0\"><tbody>' + (win.expandable ? '<tr><td class=\"Move\" colspan=\"5\">&nbsp;</td></tr>' : '') + '<tr><td rowspan=\"9\"><h2 class=\"Title\">' + (win.title || localization.text.title) + '</h2><div class=\"Map\"><span class=\"Map1\">&nbsp;</span><span class=\"Map2\">&nbsp;</span><span class=\"Map3\">&nbsp;</span><img src=\"' + images.clientPath + images.colorMap.arrow.file + '\" class=\"Arrow\"/></div></td><td rowspan=\"9\"><div class=\"Bar\"><span class=\"Map1\">&nbsp;</span><span class=\"Map2\">&nbsp;</span><span class=\"Map3\">&nbsp;</span><span class=\"Map4\">&nbsp;</span><span class=\"Map5\">&nbsp;</span><span class=\"Map6\">&nbsp;</span><img src=\"' + images.clientPath + images.colorBar.arrow.file + '\" class=\"Arrow\"/></div></td><td colspan=\"2\" class=\"Preview\">' + localization.text.newColor + '<div><span class=\"Active\" title=\"' + localization.tooltips.colors.newColor + '\">&nbsp;</span><span class=\"Current\" title=\"' + localization.tooltips.colors.currentColor + '\">&nbsp;</span></div>' + localization.text.currentColor + '</td><td rowspan=\"9\" class=\"Button\"><input type=\"button\" class=\"Ok\" value=\"' + localization.text.ok + '\" title=\"' + localization.tooltips.buttons.ok + '\"/><input type=\"button\" class=\"Cancel\" value=\"' + localization.text.cancel + '\" title=\"' + localization.tooltips.buttons.cancel + '\"/><hr/><div class=\"Grid\">&nbsp;</div></td></tr><tr class=\"Hue\"><td class=\"Radio\"><label title=\"' + localization.tooltips.hue.radio + '\"><input type=\"radio\" value=\"h\"' + (settings.color.mode === 'h' ? ' checked=\"checked\"' : '') + '/>H:</label></td><td class=\"Text\"><input type=\"text\" maxlength=\"3\" value=\"' + (all != null ? all.h : '') + '\" title=\"' + localization.tooltips.hue.textbox + '\"/>&nbsp;&deg;</td></tr><tr class=\"Saturation\"><td class=\"Radio\"><label title=\"' + localization.tooltips.saturation.radio + '\"><input type=\"radio\" value=\"s\"' + (settings.color.mode === 's' ? ' checked=\"checked\"' : '') + '/>S:</label></td><td class=\"Text\"><input type=\"text\" maxlength=\"3\" value=\"' + (all != null ? all.s : '') + '\" title=\"' + localization.tooltips.saturation.textbox + '\"/>&nbsp;%</td></tr><tr class=\"Value\"><td class=\"Radio\"><label title=\"' + localization.tooltips.value.radio + '\"><input type=\"radio\" value=\"v\"' + (settings.color.mode === 'v' ? ' checked=\"checked\"' : '') + '/>V:</label><br/><br/></td><td class=\"Text\"><input type=\"text\" maxlength=\"3\" value=\"' + (all != null ? all.v : '') + '\" title=\"' + localization.tooltips.value.textbox + '\"/>&nbsp;%<br/><br/></td></tr><tr class=\"Red\"><td class=\"Radio\"><label title=\"' + localization.tooltips.red.radio + '\"><input type=\"radio\" value=\"r\"' + (settings.color.mode === 'r' ? ' checked=\"checked\"' : '') + '/>R:</label></td><td class=\"Text\"><input type=\"text\" maxlength=\"3\" value=\"' + (all != null ? all.r : '') + '\" title=\"' + localization.tooltips.red.textbox + '\"/></td></tr><tr class=\"Green\"><td class=\"Radio\"><label title=\"' + localization.tooltips.green.radio + '\"><input type=\"radio\" value=\"g\"' + (settings.color.mode === 'g' ? ' checked=\"checked\"' : '') + '/>G:</label></td><td class=\"Text\"><input type=\"text\" maxlength=\"3\" value=\"' + (all != null ? all.g : '') + '\" title=\"' + localization.tooltips.green.textbox + '\"/></td></tr><tr class=\"Blue\"><td class=\"Radio\"><label title=\"' + localization.tooltips.blue.radio + '\"><input type=\"radio\" value=\"b\"' + (settings.color.mode === 'b' ? ' checked=\"checked\"' : '') + '/>B:</label></td><td class=\"Text\"><input type=\"text\" maxlength=\"3\" value=\"' + (all != null ? all.b : '') + '\" title=\"' + localization.tooltips.blue.textbox + '\"/></td></tr><tr class=\"Alpha\"><td class=\"Radio\">' + (win.alphaSupport ? '<label title=\"' + localization.tooltips.alpha.radio + '\"><input type=\"radio\" value=\"a\"' + (settings.color.mode === 'a' ? ' checked=\"checked\"' : '') + '/>A:</label>' : '&nbsp;') + '</td><td class=\"Text\">' + (win.alphaSupport ? '<input type=\"text\" maxlength=\"' + (3 + win.alphaPrecision) + '\" value=\"' + (all != null ? Math.precision((all.a * 100) / 255, win.alphaPrecision) : '') + '\" title=\"' + localization.tooltips.alpha.textbox + '\"/>&nbsp;%' : '&nbsp;') + '</td></tr><tr class=\"Hex\"><td colspan=\"2\" class=\"Text\"><label title=\"' + localization.tooltips.hex.textbox + '\">#:<input type=\"text\" maxlength=\"6\" class=\"Hex\" value=\"' + (all != null ? all.hex : '') + '\"/></label>' + (win.alphaSupport ? '<input type=\"text\" maxlength=\"2\" class=\"AHex\" value=\"' + (all != null ? all.ahex.substring(6) : '') + '\" title=\"' + localization.tooltips.hex.alpha + '\"/></td>' : '&nbsp;') + '</tr></tbody></table>';\n        if (win.expandable) {\n          container.html(controlHtml);\n          if (!$(document.body).children('div.jPicker.Container').length) {\n            $(document.body).prepend(container);\n          } else {\n            $(document.body).children('div.jPicker.Container:last').after(container);\n          }\n          container.mousedown(\n            function () {\n              $(document.body).children('div.jPicker.Container').css({zIndex: 10});\n              container.css({zIndex: 20});\n            });\n          container.css( // positions must be set and display set to absolute before source code injection or IE will size the container to fit the window\n            {\n              left:\n                win.position.x === 'left'\n                  ? (popup.offset().left - 530 - (win.position.y === 'center' ? 25 : 0)) + 'px'\n                  : win.position.x === 'center'\n                    ? (popup.offset().left - 260) + 'px'\n                    : win.position.x === 'right'\n                      ? (popup.offset().left - 10 + (win.position.y === 'center' ? 25 : 0)) + 'px'\n                      : win.position.x === 'screenCenter'\n                        ? (($(document).width() >> 1) - 260) + 'px'\n                        : (popup.offset().left + parseInt(win.position.x)) + 'px',\n              position: 'absolute',\n              top: win.position.y === 'top'\n                ? (popup.offset().top - 312) + 'px'\n                : win.position.y === 'center'\n                  ? (popup.offset().top - 156) + 'px'\n                  : win.position.y === 'bottom'\n                    ? (popup.offset().top + 25) + 'px'\n                    : (popup.offset().top + parseInt(win.position.y)) + 'px'\n            });\n        } else {\n          container = $($this);\n          container.html(controlHtml);\n        }\n        // initialize the objects to the source code just injected\n        const tbody = container.find('tbody:first');\n        colorMapDiv = tbody.find('div.Map:first');\n        colorBarDiv = tbody.find('div.Bar:first');\n        const MapMaps = colorMapDiv.find('span');\n        const BarMaps = colorBarDiv.find('span');\n        colorMapL1 = MapMaps.filter('.Map1:first');\n        colorMapL2 = MapMaps.filter('.Map2:first');\n        colorMapL3 = MapMaps.filter('.Map3:first');\n        colorBarL1 = BarMaps.filter('.Map1:first');\n        colorBarL2 = BarMaps.filter('.Map2:first');\n        colorBarL3 = BarMaps.filter('.Map3:first');\n        colorBarL4 = BarMaps.filter('.Map4:first');\n        colorBarL5 = BarMaps.filter('.Map5:first');\n        colorBarL6 = BarMaps.filter('.Map6:first');\n        // create color pickers and maps\n        colorMap = new Slider(colorMapDiv,\n          {\n            map: {\n              width: images.colorMap.width,\n              height: images.colorMap.height\n            },\n            arrow: {\n              image: images.clientPath + images.colorMap.arrow.file,\n              width: images.colorMap.arrow.width,\n              height: images.colorMap.arrow.height\n            }\n          }\n        );\n        colorMap.bind(mapValueChanged);\n        colorBar = new Slider(colorBarDiv,\n          {\n            map: {\n              width: images.colorBar.width,\n              height: images.colorBar.height\n            },\n            arrow: {\n              image: images.clientPath + images.colorBar.arrow.file,\n              width: images.colorBar.arrow.width,\n              height: images.colorBar.arrow.height\n            }\n          }\n        );\n        colorBar.bind(colorBarValueChanged);\n        colorPicker = new ColorValuePicker(\n          tbody,\n          color.active,\n          win.expandable && win.bindToInput ? win.input : null, win.alphaPrecision\n        );\n        const hex = all != null ? all.hex : null,\n          preview = tbody.find('.Preview'),\n          button = tbody.find('.Button');\n        activePreview = preview.find('.Active:first').css({ backgroundColor: (hex && '#' + hex) || 'transparent' });\n        currentPreview = preview.find('.Current:first').css({ backgroundColor: (hex && '#' + hex) || 'transparent' }).bind('click', currentClicked);\n        setAlpha.call($this, currentPreview, Math.precision(color.current.val('a') * 100) / 255, 4);\n        okButton = button.find('.Ok:first').bind('click', okClicked);\n        cancelButton = button.find('.Cancel:first').bind('click', cancelClicked);\n        grid = button.find('.Grid:first');\n        setTimeout(function () {\n          setImg.call($this, colorMapL1, images.clientPath + 'Maps.png');\n          setImg.call($this, colorMapL2, images.clientPath + 'Maps.png');\n          setImg.call($this, colorMapL3, images.clientPath + 'map-opacity.png');\n          setImg.call($this, colorBarL1, images.clientPath + 'Bars.png');\n          setImg.call($this, colorBarL2, images.clientPath + 'Bars.png');\n          setImg.call($this, colorBarL3, images.clientPath + 'Bars.png');\n          setImg.call($this, colorBarL4, images.clientPath + 'Bars.png');\n          setImg.call($this, colorBarL5, images.clientPath + 'bar-opacity.png');\n          setImg.call($this, colorBarL6, images.clientPath + 'AlphaBar.png');\n          setImg.call($this, preview.find('div:first'), images.clientPath + 'preview-opacity.png');\n        }, 0);\n        tbody.find('td.Radio input').bind('click', radioClicked);\n        // initialize quick list\n        if (color.quickList && color.quickList.length > 0) {\n          let html = '';\n          for (let i = 0; i < color.quickList.length; i++) {\n            /* if default colors are hex strings, change them to color objects */\n            if ((typeof (color.quickList[i])).toString().toLowerCase() === 'string') color.quickList[i] = new Color({ hex: color.quickList[i] });\n            const alpha = color.quickList[i].val('a');\n            let ahex = color.quickList[i].val('ahex');\n            if (!win.alphaSupport && ahex) ahex = ahex.substring(0, 6) + 'ff';\n            const quickHex = color.quickList[i].val('hex');\n            if (!ahex) ahex = '00000000';\n            html += '<span class=\"QuickColor\"' + ((ahex && ' title=\"#' + ahex + '\"') || 'none') + ' style=\"background-color:' + ((quickHex && '#' + quickHex) || '') + ';' + (quickHex ? '' : 'background-image:url(' + images.clientPath + 'NoColor.png)') + (win.alphaSupport && alpha && alpha < 255 ? ';opacity:' + Math.precision(alpha / 255, 4) + ';filter:Alpha(opacity=' + Math.precision(alpha / 2.55, 4) + ')' : '') + '\">&nbsp;</span>';\n          }\n          setImg.call($this, grid, images.clientPath + 'bar-opacity.png');\n          grid.html(html);\n          grid.find('.QuickColor').click(quickPickClicked);\n        }\n        setColorMode.call($this, settings.color.mode);\n        color.active.bind(activeColorChanged);\n        typeof liveCallback === 'function' && color.active.bind(liveCallback);\n        color.current.bind(currentColorChanged);\n        // bind to input\n        if (win.expandable) {\n          $this.icon = popup.parents('.Icon:first');\n          iconColor = $this.icon.find('.Color:first').css({ backgroundColor: (hex && '#' + hex) || 'transparent' });\n          iconAlpha = $this.icon.find('.Alpha:first');\n          setImg.call($this, iconAlpha, images.clientPath + 'bar-opacity.png');\n          setAlpha.call($this, iconAlpha, Math.precision(((255 - (all != null ? all.a : 0)) * 100) / 255, 4));\n          iconImage = $this.icon.find('.Image:first').css({\n            backgroundImage: 'url(\\'' + images.clientPath + images.picker.file + '\\')'\n          }).bind('click', iconImageClicked);\n          if (win.bindToInput && win.updateInputColor) {\n            win.input.css({\n              backgroundColor: (hex && '#' + hex) || 'transparent',\n              color: all == null || all.v > 75 ? '#000000' : '#ffffff'\n            });\n          }\n          moveBar = tbody.find('.Move:first').bind('mousedown', moveBarMouseDown);\n          color.active.bind(expandableColorChanged);\n        } else show.call($this);\n      }\n      function destroy () {\n        container.find('td.Radio input').unbind('click', radioClicked);\n        currentPreview.unbind('click', currentClicked);\n        cancelButton.unbind('click', cancelClicked);\n        okButton.unbind('click', okClicked);\n        if (settings.window.expandable) {\n          iconImage.unbind('click', iconImageClicked);\n          moveBar.unbind('mousedown', moveBarMouseDown);\n          $this.icon = null;\n        }\n        container.find('.QuickColor').unbind('click', quickPickClicked);\n        colorMapDiv = null;\n        colorBarDiv = null;\n        colorMapL1 = null;\n        colorMapL2 = null;\n        colorMapL3 = null;\n        colorBarL1 = null;\n        colorBarL2 = null;\n        colorBarL3 = null;\n        colorBarL4 = null;\n        colorBarL5 = null;\n        colorBarL6 = null;\n        colorMap.destroy();\n        colorMap = null;\n        colorBar.destroy();\n        colorBar = null;\n        colorPicker.destroy();\n        colorPicker = null;\n        activePreview = null;\n        currentPreview = null;\n        okButton = null;\n        cancelButton = null;\n        grid = null;\n        commitCallback = null;\n        cancelCallback = null;\n        liveCallback = null;\n        container.html('');\n        for (let i = 0; i < List.length; i++) {\n          if (List[i] === $this) {\n            List.splice(i, 1);\n          }\n        }\n      }\n      const {images, localization} = settings; // local copies for YUI compressor\n      const color = {\n        active: (typeof settings.color.active).toString().toLowerCase() === 'string'\n          ? new Color({ahex: !settings.window.alphaSupport && settings.color.active\n            ? settings.color.active.substring(0, 6) + 'ff'\n            : settings.color.active\n          })\n          : new Color({ahex: !settings.window.alphaSupport &&\n              settings.color.active.val('ahex')\n            ? settings.color.active.val('ahex').substring(0, 6) + 'ff'\n            : settings.color.active.val('ahex')\n          }),\n        current: (typeof settings.color.active).toString().toLowerCase() === 'string'\n          ? new Color({ahex: !settings.window.alphaSupport && settings.color.active\n            ? settings.color.active.substring(0, 6) + 'ff'\n            : settings.color.active})\n          : new Color({ahex: !settings.window.alphaSupport &&\n              settings.color.active.val('ahex')\n            ? settings.color.active.val('ahex').substring(0, 6) + 'ff'\n            : settings.color.active.val('ahex')\n          }),\n        quickList: settings.color.quickList\n      };\n\n      let elementStartX = null, // Used to record the starting css positions for dragging the control\n        elementStartY = null,\n        pageStartX = null, // Used to record the mousedown coordinates for dragging the control\n        pageStartY = null,\n        container = null,\n        colorMapDiv = null,\n        colorBarDiv = null,\n        colorMapL1 = null, // different layers of colorMap and colorBar\n        colorMapL2 = null,\n        colorMapL3 = null,\n        colorBarL1 = null,\n        colorBarL2 = null,\n        colorBarL3 = null,\n        colorBarL4 = null,\n        colorBarL5 = null,\n        colorBarL6 = null,\n        colorMap = null, // color maps\n        colorBar = null,\n        colorPicker = null,\n        activePreview = null, // color boxes above the radio buttons\n        currentPreview = null,\n        okButton = null,\n        cancelButton = null,\n        grid = null, // preset colors grid\n        iconColor = null, // iconColor for popup icon\n        iconAlpha = null, // iconAlpha for popup icon\n        iconImage = null, // iconImage popup icon\n        moveBar = null, // drag bar\n        commitCallback = typeof $arguments[1] === 'function' ? $arguments[1] : null,\n        liveCallback = typeof $arguments[2] === 'function' ? $arguments[2] : null,\n        cancelCallback = typeof $arguments[3] === 'function' ? $arguments[3] : null;\n\n      $.extend(true, $this, {\n        // public properties, methods, and callbacks\n        commitCallback, // commitCallback function can be overridden to return the selected color to a method you specify when the user clicks \"OK\"\n        liveCallback, // liveCallback function can be overridden to return the selected color to a method you specify in live mode (continuous update)\n        cancelCallback, // cancelCallback function can be overridden to a method you specify when the user clicks \"Cancel\"\n        color,\n        show,\n        hide,\n        destroy // destroys this control entirely, removing all events and objects, and removing itself from the List\n      });\n      List.push($this);\n      setTimeout(function () {\n        initialize.call($this);\n      }, 0);\n    });\n  };\n  /**\n  * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsIconInfo\n  * @property {string} file Color Map/Color Bar/Color Picker arrow icon\n  * @property {Float} width\n  * @property {Float} height\n  */\n  /**\n  * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsImagesDimensionsArrow\n  * @property {Float} width\n  * @property {Float} height\n  * @property {external:jQuery.fn.jPickerOptionsIconInfo} arrow\n  */\n  /**\n  * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsRadioTextboxLocale\n  * @property {string} radio\n  * @property {string} textbox\n  */\n  /**\n  * @typedef {PlainObject} external:jQuery.fn.jPickerOptions\n  * @property {PlainObject} window\n  * @property {string|null} window.title Any title for the jPicker window itself - displays\n  * \"Drag Markers To Pick A Color\" if left null\n  * @property {PlainObject} window.effects\n  * @property {\"slide\"|\"show\"|\"fade\"} window.effects.type Effect used to show/hide an expandable picker\n  * @property {PlainObject} window.effects.speed\n  * @property {\"fast\"|\"slow\"|Float} window.effects.speed.show Duration of \"show\" effect. Time in milliseconds.\n  * @property {\"fast\"|\"slow\"|Float} window.effects.speed.hide Duration of \"hide\" effect. Time in milliseconds\n  * @property {PlainObject} window.position\n  * @property {\"left\"|\"center\"|\"right\"|\"screenCenter\"|Float} window.position.x Relative px value\n  * @property {\"top\"|\"bottom\"|\"center\"|Float} window.position.y Relative px value\n  * @property {boolean} window.expandable Defaults to large static picker - set to `true` to make an expandable\n  * picker (small icon with popup) - set automatically when binded to input element\n  * @property {boolean} window.liveUpdate Set `false` if you want the user to have to click \"OK\" before the\n  * binded input box updates values (always `true` for expandable picker)\n  * @property {boolean} window.alphaSupport Set to `true` to enable alpha picking\n  * @property {Float} window.alphaPrecision Set decimal precision for alpha percentage display - hex codes do\n  * not map directly to percentage integers - range 0-2\n  * @property {boolean} window.updateInputColor Set to `false` to prevent binded input colors from changing\n  * @property {PlainObject} color\n  * @property {\"h\"|\"s\"|\"v\"|\"r\"|\"g\"|\"b\"|\"a\"} color.mode Symbols stand for \"h\" (hue), \"s\" (saturation), \"v\" (value), \"r\" (red), \"g\" (green), \"b\" (blue), \"a\" (alpha)\n  * @property {Color|string} color.active Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the \"#\" prefix\n  * @property {Color[]|string[]} color.quickList The quick pick color list\n  * Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the \"#\" prefix\n  * @property {PlainObject} images\n  * @property {string} images.clientPath Path to image files\n  * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorMap\n  * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorBar\n  * @property {external:jQuery.fn.jPickerOptionsIconInfo} images.picker\n  * @property {PlainObject} localization alter these to change the text presented by the picker (e.g. different language)\n  * @property {PlainObject} localization.text\n  * @property {string} localization.text.title\n  * @property {string} localization.text.newColor\n  * @property {string} localization.text.currentColor\n  * @property {string} localization.text.ok\n  * @property {string} localization.text.cancel\n  * @property {PlainObject} localization.tooltips\n  * @property {PlainObject} localization.tooltips.colors\n  * @property {string} localization.tooltips.colors.newColor\n  * @property {string} localization.tooltips.colors.currentColor\n  * @property {PlainObject} localization.tooltips.buttons\n  * @property {string} localization.tooltips.buttons.ok\n  * @property {string} localization.tooltips.buttons.cancel\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.hue\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.saturation\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.value\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.red\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.green\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.blue\n  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.alpha\n  * @property {PlainObject} localization.tooltips.hex\n  * @property {string} localization.tooltips.hex.textbox\n  * @property {string} localization.tooltips.hex.alpha\n  */\n  /**\n  * jPicker defaults - you can change anything in this section (such as the\n  * clientPath to your images) without fear of breaking the program\n  * @namespace {external:jQuery.fn.jPickerOptions} defaults\n  * @memberof external:jQuery.fn.$.fn.jPicker\n  * @borrows external:jQuery.fn.jPickerOptions as external:jQuery.fn.jPicker.defaults\n  * @see Source for all of the values\n  */\n  $.fn.jPicker.defaults = {\n    window: {\n      title: null,\n      effects: {\n        type: 'slide',\n        speed: {\n          show: 'slow',\n          hide: 'fast'\n        }\n      },\n      position: {\n        x: 'screenCenter',\n        y: 'top'\n      },\n      expandable: false,\n      liveUpdate: true,\n      alphaSupport: false,\n      alphaPrecision: 0,\n      updateInputColor: true\n    },\n    color: {\n      mode: 'h',\n      active: new Color({ahex: '#ffcc00ff'}),\n      quickList: [\n        new Color({ h: 360, s: 33, v: 100 }),\n        new Color({ h: 360, s: 66, v: 100 }),\n        new Color({ h: 360, s: 100, v: 100 }),\n        new Color({ h: 360, s: 100, v: 75 }),\n        new Color({ h: 360, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 100 }),\n        new Color({ h: 30, s: 33, v: 100 }),\n        new Color({ h: 30, s: 66, v: 100 }),\n        new Color({ h: 30, s: 100, v: 100 }),\n        new Color({ h: 30, s: 100, v: 75 }),\n        new Color({ h: 30, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 90 }),\n        new Color({ h: 60, s: 33, v: 100 }),\n        new Color({ h: 60, s: 66, v: 100 }),\n        new Color({ h: 60, s: 100, v: 100 }),\n        new Color({ h: 60, s: 100, v: 75 }),\n        new Color({ h: 60, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 80 }),\n        new Color({ h: 90, s: 33, v: 100 }),\n        new Color({ h: 90, s: 66, v: 100 }),\n        new Color({ h: 90, s: 100, v: 100 }),\n        new Color({ h: 90, s: 100, v: 75 }),\n        new Color({ h: 90, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 70 }),\n        new Color({ h: 120, s: 33, v: 100 }),\n        new Color({ h: 120, s: 66, v: 100 }),\n        new Color({ h: 120, s: 100, v: 100 }),\n        new Color({ h: 120, s: 100, v: 75 }),\n        new Color({ h: 120, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 60 }),\n        new Color({ h: 150, s: 33, v: 100 }),\n        new Color({ h: 150, s: 66, v: 100 }),\n        new Color({ h: 150, s: 100, v: 100 }),\n        new Color({ h: 150, s: 100, v: 75 }),\n        new Color({ h: 150, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 50 }),\n        new Color({ h: 180, s: 33, v: 100 }),\n        new Color({ h: 180, s: 66, v: 100 }),\n        new Color({ h: 180, s: 100, v: 100 }),\n        new Color({ h: 180, s: 100, v: 75 }),\n        new Color({ h: 180, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 40 }),\n        new Color({ h: 210, s: 33, v: 100 }),\n        new Color({ h: 210, s: 66, v: 100 }),\n        new Color({ h: 210, s: 100, v: 100 }),\n        new Color({ h: 210, s: 100, v: 75 }),\n        new Color({ h: 210, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 30 }),\n        new Color({ h: 240, s: 33, v: 100 }),\n        new Color({ h: 240, s: 66, v: 100 }),\n        new Color({ h: 240, s: 100, v: 100 }),\n        new Color({ h: 240, s: 100, v: 75 }),\n        new Color({ h: 240, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 20 }),\n        new Color({ h: 270, s: 33, v: 100 }),\n        new Color({ h: 270, s: 66, v: 100 }),\n        new Color({ h: 270, s: 100, v: 100 }),\n        new Color({ h: 270, s: 100, v: 75 }),\n        new Color({ h: 270, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 10 }),\n        new Color({ h: 300, s: 33, v: 100 }),\n        new Color({ h: 300, s: 66, v: 100 }),\n        new Color({ h: 300, s: 100, v: 100 }),\n        new Color({ h: 300, s: 100, v: 75 }),\n        new Color({ h: 300, s: 100, v: 50 }),\n        new Color({ h: 180, s: 0, v: 0 }),\n        new Color({ h: 330, s: 33, v: 100 }),\n        new Color({ h: 330, s: 66, v: 100 }),\n        new Color({ h: 330, s: 100, v: 100 }),\n        new Color({ h: 330, s: 100, v: 75 }),\n        new Color({ h: 330, s: 100, v: 50 }),\n        new Color()\n      ]\n    },\n    images: {\n      clientPath: '/jPicker/images/',\n      colorMap: {\n        width: 256,\n        height: 256,\n        arrow: {\n          file: 'mappoint.gif',\n          width: 15,\n          height: 15\n        }\n      },\n      colorBar: {\n        width: 20,\n        height: 256,\n        arrow: {\n          file: 'rangearrows.gif',\n          width: 20,\n          height: 7\n        }\n      },\n      picker: {\n        file: 'picker.gif',\n        width: 25,\n        height: 24\n      }\n    },\n    localization: {\n      text: {\n        title: 'Drag Markers To Pick A Color',\n        newColor: 'new',\n        currentColor: 'current',\n        ok: 'OK',\n        cancel: 'Cancel'\n      },\n      tooltips: {\n        colors: {\n          newColor: 'New Color - Press &ldquo;OK&rdquo; To Commit',\n          currentColor: 'Click To Revert To Original Color'\n        },\n        buttons: {\n          ok: 'Commit To This Color Selection',\n          cancel: 'Cancel And Revert To Original Color'\n        },\n        hue: {\n          radio: 'Set To &ldquo;Hue&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Hue&rdquo; Value (0-360&deg;)'\n        },\n        saturation: {\n          radio: 'Set To &ldquo;Saturation&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Saturation&rdquo; Value (0-100%)'\n        },\n        value: {\n          radio: 'Set To &ldquo;Value&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Value&rdquo; Value (0-100%)'\n        },\n        red: {\n          radio: 'Set To &ldquo;Red&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Red&rdquo; Value (0-255)'\n        },\n        green: {\n          radio: 'Set To &ldquo;Green&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Green&rdquo; Value (0-255)'\n        },\n        blue: {\n          radio: 'Set To &ldquo;Blue&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Blue&rdquo; Value (0-255)'\n        },\n        alpha: {\n          radio: 'Set To &ldquo;Alpha&rdquo; Color Mode',\n          textbox: 'Enter A &ldquo;Alpha&rdquo; Value (0-100)'\n        },\n        hex: {\n          textbox: 'Enter A &ldquo;Hex&rdquo; Color Value (#000000-#ffffff)',\n          alpha: 'Enter A &ldquo;Alpha&rdquo; Value (#00-#ff)'\n        }\n      }\n    }\n  };\n  return $;\n};\n\nexport default jPicker;\n","/* globals jQuery */\n/**\n * Localizing script for SVG-edit UI\n * @module locale\n * @license MIT\n *\n * @copyright 2010 Narendra Sisodya\n * @copyright 2010 Alexis Deveria\n *\n */\n\n/**\n * Used, for example, in the ImageLibs extension, to present libraries (with name/URL/description) in order\n * @typedef {GenericArray.<module:locale.LocaleStrings>} module:locale.LocaleArray\n*/\n/**\n * The string keys of the object are two-letter language codes\n * @tutorial LocaleDocs\n * @typedef {PlainObject.<string, string|module:locale.LocaleStrings|module:locale.LocaleArray>} module:locale.LocaleStrings\n */\n// keyed to an array of objects with \"id\" and \"title\" or \"textContent\" properties\n/**\n * @typedef {PlainObject.<string, string>} module:locale.LocaleSelectorValue\n */\n\nimport {importSetGlobalDefault} from '../external/dynamic-import-polyfill/importModule.js';\n\nconst $ = jQuery;\n\nlet langParam;\n\n/**\n* @param {\"content\"|\"title\"} type\n* @param {module:locale.LocaleSelectorValue} obj\n* @param {boolean} ids\n* @returns {undefined}\n*/\nexport const setStrings = function (type, obj, ids) {\n  // Root element to look for element from\n  const parent = $('#svg_editor').parent();\n  Object.entries(obj).forEach(([sel, val]) => {\n    if (!val) { console.log(sel); }\n\n    if (ids) { sel = '#' + sel; }\n    const $elem = parent.find(sel);\n    if ($elem.length) {\n      const elem = parent.find(sel)[0];\n\n      switch (type) {\n      case 'content':\n        for (let i = 0, node; (node = elem.childNodes[i]); i++) {\n          if (node.nodeType === 3 && node.textContent.trim()) {\n            node.textContent = val;\n            break;\n          }\n        }\n        break;\n\n      case 'title':\n        elem.title = val;\n        break;\n      }\n    } else {\n      console.log('Missing: ' + sel);\n    }\n  });\n};\n\n/**\n* The \"data\" property is generally set to an an array of objects with\n* \"id\" and \"title\" or \"textContent\" properties\n* @typedef {PlainObject} module:locale.AddLangExtensionLocaleData\n* @property {module:locale.LocaleStrings[]} data See {@tutorial LocaleDocs}\n*/\n\n/**\n* @interface module:locale.LocaleEditorInit\n*/\n/**\n * @function module:locale.LocaleEditorInit#addLangData\n * @param {string} langParam\n * @returns {module:locale.AddLangExtensionLocaleData}\n*/\n\nlet editor_;\n/**\n* @function init\n* @memberof module:locale\n* @param {module:locale.LocaleEditorInit} editor\n* @returns {undefined}\n*/\nexport const init = (editor) => {\n  editor_ = editor;\n};\n\n/**\n* @typedef {PlainObject} module:locale.LangAndData\n* @property {string} langParam\n* @property {module:locale.LocaleStrings} langData\n*/\n\n/**\n* @function module:locale.readLang\n* @param {module:locale.LocaleStrings} langData See {@tutorial LocaleDocs}\n* @fires module:svgcanvas.SvgCanvas#event:ext-addLangData\n* @returns {Promise} Resolves to [`LangAndData`]{@link module:locale.LangAndData}\n*/\nexport const readLang = async function (langData) {\n  const more = await editor_.addLangData(langParam);\n  $.each(more, function (i, m) {\n    if (m.data) {\n      langData = $.merge(langData, m.data);\n    }\n  });\n\n  // Old locale file, do nothing for now.\n  if (!langData.tools) { return; }\n\n  const {\n    tools,\n    // misc,\n    properties, config, layers, common, ui\n  } = langData;\n\n  setStrings('content', {\n    // copyrightLabel: misc.powered_by, // Currently commented out in svg-editor.html\n    curve_segments: properties.curve_segments,\n    fitToContent: tools.fitToContent,\n    fit_to_all: tools.fit_to_all,\n    fit_to_canvas: tools.fit_to_canvas,\n    fit_to_layer_content: tools.fit_to_layer_content,\n    fit_to_sel: tools.fit_to_sel,\n\n    icon_large: config.icon_large,\n    icon_medium: config.icon_medium,\n    icon_small: config.icon_small,\n    icon_xlarge: config.icon_xlarge,\n    image_opt_embed: config.image_opt_embed,\n    image_opt_ref: config.image_opt_ref,\n    includedImages: config.included_images,\n\n    largest_object: tools.largest_object,\n\n    layersLabel: layers.layers,\n    page: tools.page,\n    relativeToLabel: tools.relativeTo,\n    selLayerLabel: layers.move_elems_to,\n    selectedPredefined: config.select_predefined,\n\n    selected_objects: tools.selected_objects,\n    smallest_object: tools.smallest_object,\n    straight_segments: properties.straight_segments,\n\n    svginfo_bg_url: config.editor_img_url + ':',\n    svginfo_bg_note: config.editor_bg_note,\n    svginfo_change_background: config.background,\n    svginfo_dim: config.doc_dims,\n    svginfo_editor_prefs: config.editor_prefs,\n    svginfo_height: common.height,\n    svginfo_icons: config.icon_size,\n    svginfo_image_props: config.image_props,\n    svginfo_lang: config.language,\n    svginfo_title: config.doc_title,\n    svginfo_width: common.width,\n\n    tool_docprops_cancel: common.cancel,\n    tool_docprops_save: common.ok,\n\n    tool_source_cancel: common.cancel,\n    tool_source_save: common.ok,\n\n    tool_prefs_cancel: common.cancel,\n    tool_prefs_save: common.ok,\n\n    sidepanel_handle: layers.layers.split('').join(' '),\n\n    tool_clear: tools.new_doc,\n    tool_docprops: tools.docprops,\n    tool_export: tools.export_img,\n    tool_import: tools.import_doc,\n    tool_open: tools.open_doc,\n    tool_save: tools.save_doc,\n\n    svginfo_units_rulers: config.units_and_rulers,\n    svginfo_rulers_onoff: config.show_rulers,\n    svginfo_unit: config.base_unit,\n\n    svginfo_grid_settings: config.grid,\n    svginfo_snap_onoff: config.snapping_onoff,\n    svginfo_snap_step: config.snapping_stepsize,\n    svginfo_grid_color: config.grid_color\n  }, true);\n\n  // Context menus\n  const opts = {};\n  $.each(['cut', 'copy', 'paste', 'paste_in_place', 'delete', 'group', 'ungroup', 'move_front', 'move_up', 'move_down', 'move_back'], function () {\n    opts['#cmenu_canvas a[href=\"#' + this + '\"]'] = tools[this];\n  });\n\n  $.each(['dupe', 'merge_down', 'merge_all'], function () {\n    opts['#cmenu_layers a[href=\"#' + this + '\"]'] = layers[this];\n  });\n\n  opts['#cmenu_layers a[href=\"#delete\"]'] = layers.del;\n\n  setStrings('content', opts);\n\n  setStrings('title', {\n    align_relative_to: tools.align_relative_to,\n    circle_cx: properties.circle_cx,\n    circle_cy: properties.circle_cy,\n    circle_r: properties.circle_r,\n    cornerRadiusLabel: properties.corner_radius,\n    ellipse_cx: properties.ellipse_cx,\n    ellipse_cy: properties.ellipse_cy,\n    ellipse_rx: properties.ellipse_rx,\n    ellipse_ry: properties.ellipse_ry,\n    fill_color: properties.fill_color,\n    font_family: properties.font_family,\n    idLabel: properties.id,\n    image_height: properties.image_height,\n    image_url: properties.image_url,\n    image_width: properties.image_width,\n    layer_delete: layers.del,\n    layer_down: layers.move_down,\n    layer_new: layers['new'],\n    layer_rename: layers.rename,\n    layer_moreopts: common.more_opts,\n    layer_up: layers.move_up,\n    line_x1: properties.line_x1,\n    line_x2: properties.line_x2,\n    line_y1: properties.line_y1,\n    line_y2: properties.line_y2,\n    linecap_butt: properties.linecap_butt,\n    linecap_round: properties.linecap_round,\n    linecap_square: properties.linecap_square,\n    linejoin_bevel: properties.linejoin_bevel,\n    linejoin_miter: properties.linejoin_miter,\n    linejoin_round: properties.linejoin_round,\n    main_icon: tools.main_menu,\n    palette: ui.palette_info,\n    zoom_panel: ui.zoom_level,\n    path_node_x: properties.node_x,\n    path_node_y: properties.node_y,\n    rect_height_tool: properties.rect_height,\n    rect_width_tool: properties.rect_width,\n    seg_type: properties.seg_type,\n    selLayerNames: layers.move_selected,\n    selected_x: properties.pos_x,\n    selected_y: properties.pos_y,\n    stroke_color: properties.stroke_color,\n    stroke_style: properties.stroke_style,\n    stroke_width: properties.stroke_width,\n    svginfo_title: config.doc_title,\n    text: properties.text_contents,\n    toggle_stroke_tools: ui.toggle_stroke_tools,\n    tool_add_subpath: tools.add_subpath,\n    tool_alignbottom: tools.align_bottom,\n    tool_aligncenter: tools.align_center,\n    tool_alignleft: tools.align_left,\n    tool_alignmiddle: tools.align_middle,\n    tool_alignright: tools.align_right,\n    tool_aligntop: tools.align_top,\n    tool_angle: properties.angle,\n    tool_blur: properties.blur,\n    tool_bold: properties.bold,\n    tool_circle: tools.mode_circle,\n    tool_clone: tools.clone,\n    tool_clone_multi: tools.clone,\n    tool_delete: tools.del,\n    tool_delete_multi: tools.del,\n    tool_ellipse: tools.mode_ellipse,\n    tool_fhellipse: tools.mode_fhellipse,\n    tool_fhpath: tools.mode_fhpath,\n    tool_fhrect: tools.mode_fhrect,\n    tool_font_size: properties.font_size,\n    tool_group_elements: tools.group_elements,\n    tool_make_link: tools.make_link,\n    tool_link_url: tools.set_link_url,\n    tool_image: tools.mode_image,\n    tool_italic: properties.italic,\n    tool_line: tools.mode_line,\n    tool_move_bottom: tools.move_bottom,\n    tool_move_top: tools.move_top,\n    tool_node_clone: tools.node_clone,\n    tool_node_delete: tools.node_delete,\n    tool_node_link: tools.node_link,\n    tool_opacity: properties.opacity,\n    tool_openclose_path: tools.openclose_path,\n    tool_path: tools.mode_path,\n    tool_position: tools.align_to_page,\n    tool_rect: tools.mode_rect,\n    tool_redo: tools.redo,\n    tool_reorient: tools.reorient_path,\n    tool_select: tools.mode_select,\n    tool_source: tools.source_save,\n    tool_square: tools.mode_square,\n    tool_text: tools.mode_text,\n    tool_topath: tools.to_path,\n    tool_undo: tools.undo,\n    tool_ungroup: tools.ungroup,\n    tool_wireframe: tools.wireframe_mode,\n    tool_zoom: tools.mode_zoom,\n    url_notice: tools.no_embed\n\n  }, true);\n\n  return {langParam, langData};\n};\n\n/**\n* @function module:locale.putLocale\n* @param {string} givenParam\n* @param {string[]} goodLangs\n* @param {{langPath: string}} conf\n* @fires module:svgcanvas.SvgCanvas#event:ext-addLangData\n* @fires module:svgcanvas.SvgCanvas#event:ext-langReady\n* @fires module:svgcanvas.SvgCanvas#event:ext-langChanged\n* @returns {Promise} Resolves to result of {@link module:locale.readLang}\n*/\nexport const putLocale = async function (givenParam, goodLangs, conf) {\n  if (givenParam) {\n    langParam = givenParam;\n  } else {\n    langParam = $.pref('lang');\n    if (!langParam) {\n      if (navigator.userLanguage) { // Explorer\n        langParam = navigator.userLanguage;\n      } else if (navigator.language) { // FF, Opera, ...\n        langParam = navigator.language;\n      }\n    }\n\n    console.log('Lang: ' + langParam);\n\n    // Set to English if language is not in list of good langs\n    if (!goodLangs.includes(langParam) && langParam !== 'test') {\n      langParam = 'en';\n    }\n\n    // don't bother on first run if language is English\n    // The following line prevents setLang from running\n    //    extensions which depend on updated uiStrings,\n    //    so commenting it out.\n    // if (langParam.startsWith('en')) {return;}\n  }\n\n  const url = conf.langPath + 'lang.' + langParam + '.js';\n  return readLang(\n    // Todo: Replace this with `return import(url);` when\n    //   `import()` widely supported\n    await importSetGlobalDefault(url, {\n      global: 'svgEditorLang_' + langParam.replace(/-/g, '_')\n    })\n  );\n};\n","/* globals jQuery */\n\nimport './touch.js';\nimport {NS} from './namespaces.js';\nimport {isWebkit, isGecko, isIE, isMac, isTouch} from './browser.js';\nimport * as Utils from './utilities.js';\nimport {getTypeMap, convertUnit, isValidUnit} from './units.js';\nimport {\n  hasCustomHandler, getCustomHandler, injectExtendedContextMenuItemsIntoDom\n} from './contextmenu.js';\nimport {importSetGlobalDefault} from './external/dynamic-import-polyfill/importModule.js';\n\nimport SvgCanvas from './svgcanvas.js';\nimport Layer from './layer.js';\n\nimport jqPluginJSHotkeys from './js-hotkeys/jquery.hotkeys.min.js';\nimport jqPluginBBQ from './jquerybbq/jquery.bbq.min.js';\nimport jqPluginSVGIcons from './svgicons/jQuery.svgIcons.js';\nimport jqPluginJGraduate from './jgraduate/jQuery.jGraduate.js';\nimport jqPluginSpinBtn from './spinbtn/jQuery.SpinButton.js';\nimport jqPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`\nimport jqPluginContextMenu from './contextmenu/jQuery.contextMenu.js';\nimport jqPluginJPicker from './jgraduate/jQuery.jPicker.js';\nimport {\n  readLang, putLocale,\n  setStrings,\n  init as localeInit\n} from './locale/locale.js';\nimport loadStylesheets from './external/load-stylesheets/index-es.js';\n\n/**\n* The main module for the visual SVG Editor\n*\n* @license MIT\n*\n* @copyright 2010 Alexis Deveria\n* 2010 Pavol Rusnak\n* 2010 Jeff Schiller\n* 2010 Narendra Sisodiya\n* 2014 Brett Zamir\n* @exports module:SVGEditor\n* @borrows module:locale.putLocale as putLocale\n* @borrows module:locale.readLang as readLang\n* @borrows module:locale.setStrings as setStrings\n*/\nconst editor = {};\n\nconst $ = [\n  jqPluginJSHotkeys, jqPluginBBQ, jqPluginSVGIcons, jqPluginJGraduate,\n  jqPluginSpinBtn, jqPluginSVG, jqPluginContextMenu, jqPluginJPicker\n].reduce(($, cb) => cb($), jQuery);\n\n/*\nif (!$.loadingStylesheets) {\n  $.loadingStylesheets = [];\n}\n*/\nconst stylesheet = 'svg-editor.css';\nif (!$.loadingStylesheets.includes(stylesheet)) {\n  $.loadingStylesheets.push(stylesheet);\n}\nconst favicon = 'images/logo.png';\nif ($.loadingStylesheets.some((item) => {\n  return !Array.isArray(item) || item[0] !== favicon;\n})) {\n  $.loadingStylesheets.push([favicon, {favicon: true}]);\n}\n\n// EDITOR PROPERTIES: (defined below)\n//    curPrefs, curConfig, canvas, storage, uiStrings\n//\n// STATE MAINTENANCE PROPERTIES\n/**\n* @type {Float}\n*/\neditor.tool_scale = 1; // Dependent on icon size, so any use to making configurable instead? Used by `jQuery.SpinButton.js`\n/**\n* @type {Integer}\n*/\neditor.exportWindowCt = 0;\n/**\n* @type {boolean}\n*/\neditor.langChanged = false;\n/**\n* @type {boolean}\n*/\neditor.showSaveWarning = false;\n/**\n* @type {boolean}\n*/\neditor.storagePromptClosed = false; // For use with ext-storage.js\n\nconst callbacks = [],\n  /**\n  * @typedef {\"s\"|\"m\"|\"l\"|\"xl\"|Float} module:SVGEditor.IconSize\n  */\n  /**\n  * Preferences\n  * @interface module:SVGEditor.Prefs\n  * @property {string} [lang=\"en\"] Two-letter language code. The language must exist in the Editor Preferences language list. Defaults to \"en\" if `locale.js` detection does not detect another language.\n  * @property {module:SVGEditor.IconSize} [iconsize=\"s\"|\"m\"] Size of the toolbar icons. Will default to 's' if the window height is smaller than the minimum height and 'm' otherwise.\n  * @property {string} [bkgd_color=\"#FFF\"] Color hex for canvas background color. Defaults to white.\n  * @property {string} [bkgd_url=\"\"] Background raster image URL. This image will fill the background of the document; useful for tracing purposes.\n  * @property {\"embed\"|\"ref\"} [img_save=\"embed\"] Defines whether included raster images should be saved as Data URIs when possible, or as URL references. Settable in the Document Properties dialog.\n  * @property {boolean} [save_notice_done=false] Used to track alert status\n  * @property {boolean} [export_notice_done=false] Used to track alert status\n  * @todo `save_notice_done` and `export_notice_done` should be changed to flags rather than preferences\n  */\n  /**\n  * @namespace {module:SVGEditor.Prefs} defaultPrefs\n  * @memberof module:SVGEditor~\n  * @implements {module:SVGEditor.Prefs}\n  */\n  // The iteration algorithm for defaultPrefs does not currently support array/objects\n  defaultPrefs = /** @lends module:SVGEditor~defaultPrefs */ {\n    // EDITOR OPTIONS (DIALOG)\n    /**\n    * Default to \"en\" if locale.js detection does not detect another language\n    */\n    lang: '',\n    /**\n    * Will default to 's' if the window height is smaller than the minimum height and\n    * 'm' otherwise\n    */\n    iconsize: '',\n    bkgd_color: '#FFF',\n    bkgd_url: '',\n    // DOCUMENT PROPERTIES (DIALOG)\n    img_save: 'embed',\n    // ALERT NOTICES\n    // Only shows in UI as far as alert notices, but useful to remember, so keeping as pref\n    save_notice_done: false,\n    export_notice_done: false\n  },\n  /**\n  * @name module:SVGEditor~defaultExtensions\n  * @type {string[]}\n  */\n  defaultExtensions = [\n    'ext-connector.js',\n    'ext-eyedropper.js',\n    'ext-grid.js',\n    'ext-imagelib.js',\n    'ext-markers.js',\n    'ext-overview_window.js',\n    'ext-panning.js',\n    'ext-polygon.js',\n    'ext-shapes.js',\n    'ext-star.js',\n    'ext-storage.js'\n  ],\n  /**\n  * @typedef {\"@default\"|string} module:SVGEditor.Stylesheet `@default` will automatically load all of the default CSS paths for SVGEditor\n  */\n  /**\n  * @typedef {GenericArray} module:SVGEditor.XYDimensions\n  * @property {Integer} length 2\n  * @property {Float} 0\n  * @property {Float} 1\n  */\n  /**\n  * @tutorial ConfigOptions\n  * @interface module:SVGEditor.Config\n  * @property {string} [canvasName=\"default\"] Used to namespace storage provided via `ext-storage.js`; you can use this if you wish to have multiple independent instances of SVG Edit on the same domain\n  * @property {boolean} [no_save_warning=false] If `true`, prevents the warning dialog box from appearing when closing/reloading the page. Mostly useful for testing.\n  * @property {string} [imgPath=\"images/\"] The path where the SVG icons are located, with trailing slash. Note that as of version 2.7, this is not configurable by URL for security reasons.\n  * @property {string} [langPath=\"locale/\"] The path where the language files are located, with trailing slash. Default will be changed to `../dist/locale/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.\n  * @property {string} [extPath=\"extensions/\"] The path used for extension files, with trailing slash. Default will be changed to `../dist/extensions/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.\n  * @property {string} [canvgPath=\"canvg/\"] The path used for `canvg` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.\n  * @property {string} [jspdfPath=\"jspdf/\"] The path used for `jsPDF` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.\n  * @property {string} [extIconsPath=\"extensions/\"] The path used for extension icons, with trailing slash.\n  * @property {string} [jGraduatePath=\"jgraduate/images/\"] The path where jGraduate images are located. Note that as of version 2.7, this is not configurable by URL for security reasons.\n  * @property {boolean} [preventAllURLConfig=false] Set to `true` to override the ability for URLs to set non-content configuration (including extension config). Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!\n  * @property {boolean} [preventURLContentLoading=false] Set to `true` to override the ability for URLs to set URL-based SVG content. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!\n  * @property {boolean} [lockExtensions=false] Set to `true` to override the ability for URLs to set their own extensions; disallowed in URL setting. There is no need for this when `preventAllURLConfig` is used. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!\n  * @property {boolean} [noDefaultExtensions=false] If set to `true`, prohibits automatic inclusion of default extensions (though \"extensions\" can still be used to add back any desired default extensions along with any other extensions). This can only be meaningfully used in `svgedit-config-iife.js` or in the URL\n  * @property {boolean} [noStorageOnLoad=false] Some interaction with `ext-storage.js`; prevent even the loading of previously saved local storage.\n  * @property {boolean} [forceStorage=false] Some interaction with `ext-storage.js`; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not (and may be required by law in some regions)\n  * @property {boolean} [emptyStorageOnDecline=false] Used by `ext-storage.js`; empty any prior storage if the user declines to store\n  * @property {string[]} [extensions=module:SVGEditor~defaultExtensions] Extensions to load on startup. Use an array in `setConfig` and comma separated file names in the URL. Extension names must begin with \"ext-\". Note that as of version 2.7, paths containing \"/\", \"\\\", or \":\", are disallowed for security reasons. Although previous versions of this list would entirely override the default list, as of version 2.7, the defaults will always be added to this explicit list unless the configuration `noDefaultExtensions` is included.\n  * @property {module:SVGEditor.Stylesheet[]} [stylesheets=[\"@default\"]] An array of required stylesheets to load in parallel; include the value `\"@default\"` within this array to ensure all default stylesheets are loaded.\n  * @property {string[]} [allowedOrigins=[]] Used by `ext-xdomain-messaging.js` to indicate which origins are permitted for cross-domain messaging (e.g., between the embedded editor and main editor code). Besides explicit domains, one might add '' to allow all domains (not recommended for privacy/data integrity of your user's content!), `window.location.origin` for allowing the same origin (should be safe if you trust all apps on your domain), 'null' to allow `file://` URL usage\n  * @property {null|PlainObject} [colorPickerCSS=null] Object of CSS properties mapped to values (for jQuery) to apply to the color picker. See {@link http://api.jquery.com/css/#css-properties}. A `null` value (the default) will cause the CSS to default to `left` with a position equal to that of the `fill_color` or `stroke_color` element minus 140, and a `bottom` equal to 40\n  * @property {string} [paramurl] This was available via URL only. Allowed an un-encoded URL within the query string (use \"url\" or \"source\" with a data: URI instead)\n  * @property {Float} [canvas_expansion=3] The minimum area visible outside the canvas, as a multiple of the image dimensions. The larger the number, the more one can scroll outside the canvas.\n  * @property {PlainObject} [initFill] Init fill properties\n  * @property {string} [initFill.color=\"FF0000\"] The initial fill color. Must be a hex code string. Defaults to solid red.\n  * @property {Float} [initFill.opacity=1] The initial fill opacity. Must be a number between 0 and 1\n  * @property {PlainObject} [initStroke] Init stroke properties\n  * @property {Float} [initStroke.width=5] The initial stroke width. Must be a positive number.\n  * @property {string} [initStroke.color=\"000000\"] The initial stroke color. Must be a hex code. Defaults to solid black.\n  * @property {Float} [initStroke.opacity=1] The initial stroke opacity. Must be a number between 0 and 1.\n  * @property {PlainObject} text Text style properties\n  * @property {Float} [text.stroke_width=0] Text stroke width\n  * @property {Float} [text.font_size=24] Text font size\n  * @property {string} [text.font_family=\"serif\"] Text font family\n  * @property {Float} [initOpacity=1] Initial opacity (multiplied by 100)\n  * @property {module:SVGEditor.XYDimensions} [dimensions=[640, 480]] The default width/height of a new document. Use an array in `setConfig` (e.g., `[800, 600]`) and comma separated numbers in the URL.\n  * @property {boolean} [gridSnapping=false] Enable snap to grid by default. Set in Editor Options.\n  * @property {string} [gridColor=\"#000\"] Accepts hex, e.g., '#000'. Set in Editor Options. Defaults to black.\n  * @property {string} [baseUnit=\"px\"] Set in Editor Options.\n  * @property {Float} [snappingStep=10] Set the default grid snapping value. Set in Editor Options.\n  * @property {boolean} [showRulers=true] Initial state of ruler display (v2.6). Set in Editor Options.\n  * @property {string} [initTool=\"select\"] The initially selected tool. Must be either the ID of the button for the tool, or the ID without `tool_` prefix (e.g., \"select\").\n  * @property {boolean} [wireframe=false] Start in wireframe mode\n  * @property {boolean} [showlayers=false] Open the layers side-panel by default.\n  * @property {\"new\"|\"same\"} [exportWindowType=\"new\"] Can be \"new\" or \"same\" to indicate whether new windows will be generated for each export; the `window.name` of the export window is namespaced based on the `canvasName` (and incremented if \"new\" is selected as the type). Introduced 2.8.\n  * @property {boolean} [showGrid=false] Set by `ext-grid.js`; determines whether or not to show the grid by default\n  * @property {boolean} [show_outside_canvas=true] Defines whether or not elements outside the canvas should be visible. Set and used in `svgcanvas.js`.\n  * @property {boolean} [selectNew=true] If true, will replace the selection with the current element and automatically select element objects (when not in \"path\" mode) after they are created, showing their grips (v2.6). Set and used in `svgcanvas.js` (`mouseUp`).\n  * @todo Some others could be preferences as well (e.g., preventing URL changing of extensions, defaultExtensions, stylesheets, colorPickerCSS); Change the following to preferences and add pref controls where missing to the UI (e.g., `canvas_expansion`, `initFill`, `initStroke`, `text`, `initOpacity`, `dimensions`, `initTool`, `wireframe`, `showlayers`, `gridSnapping`, `gridColor`, `baseUnit`, `snappingStep`, `showRulers`, `exportWindowType`, `showGrid`, `show_outside_canvas`, `selectNew`)?\n  */\n  /**\n  * @namespace {module:SVGEditor.Config} defaultConfig\n  * @memberof module:SVGEditor~\n  * @implements {module:SVGEditor.Config}\n  */\n  defaultConfig = {\n    canvasName: 'default',\n    canvas_expansion: 3,\n    initFill: {\n      color: 'FF0000', // solid red\n      opacity: 1\n    },\n    initStroke: {\n      width: 5,\n      color: '000000', // solid black\n      opacity: 1\n    },\n    text: {\n      stroke_width: 0,\n      font_size: 24,\n      font_family: 'serif'\n    },\n    initOpacity: 1,\n    colorPickerCSS: null, // Defaults to 'left' with a position equal to that of the fill_color or stroke_color element minus 140, and a 'bottom' equal to 40\n    initTool: 'select',\n    exportWindowType: 'new', // 'same' (todo: also support 'download')\n    wireframe: false,\n    showlayers: false,\n    no_save_warning: false,\n    // PATH CONFIGURATION\n    // The following path configuration items are disallowed in the URL (as should any future path configurations)\n    imgPath: 'images/',\n    langPath: 'locale/', // Default will be changed if this is a modular load\n    extPath: 'extensions/', // Default will be changed if this is a modular load\n    canvgPath: 'canvg/', // Default will be changed if this is a modular load\n    jspdfPath: 'jspdf/', // Default will be changed if this is a modular load\n    extIconsPath: 'extensions/',\n    jGraduatePath: 'jgraduate/images/',\n    // DOCUMENT PROPERTIES\n    // Change the following to a preference (already in the Document Properties dialog)?\n    dimensions: [640, 480],\n    // EDITOR OPTIONS\n    // Change the following to preferences (already in the Editor Options dialog)?\n    gridSnapping: false,\n    gridColor: '#000',\n    baseUnit: 'px',\n    snappingStep: 10,\n    showRulers: true,\n    // URL BEHAVIOR CONFIGURATION\n    preventAllURLConfig: false,\n    preventURLContentLoading: false,\n    // EXTENSION CONFIGURATION (see also preventAllURLConfig)\n    lockExtensions: false, // Disallowed in URL setting\n    noDefaultExtensions: false, // noDefaultExtensions can only be meaningfully used in `svgedit-config-iife.js` or in the URL\n    // EXTENSION-RELATED (GRID)\n    showGrid: false, // Set by ext-grid.js\n    // EXTENSION-RELATED (STORAGE)\n    noStorageOnLoad: false, // Some interaction with ext-storage.js; prevent even the loading of previously saved local storage\n    forceStorage: false, // Some interaction with ext-storage.js; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not\n    emptyStorageOnDecline: false // Used by ext-storage.js; empty any prior storage if the user declines to store\n  },\n  /**\n  * LOCALE\n  * @name module:SVGEditor.uiStrings\n  * @type {PlainObject}\n  */\n  uiStrings = editor.uiStrings = {};\n\nlet svgCanvas, urldata,\n  isReady = false,\n  customExportImage = false,\n  customExportPDF = false,\n  curPrefs = {},\n  // Note: The difference between Prefs and Config is that Prefs\n  //   can be changed in the UI and are stored in the browser,\n  //   while config cannot\n  curConfig = {\n    // We do not put on defaultConfig to simplify object copying\n    //   procedures (we obtain instead from defaultExtensions)\n    extensions: [],\n    stylesheets: [],\n    /**\n    * Can use window.location.origin to indicate the current\n    * origin. Can contain a '*' to allow all domains or 'null' (as\n    * a string) to support all file:// URLs. Cannot be set by\n    * URL for security reasons (not safe, at least for\n    * privacy or data integrity of SVG content).\n    * Might have been fairly safe to allow\n    *   `new URL(window.location.href).origin` by default but\n    *   avoiding it ensures some more security that even third\n    *   party apps on the same domain also cannot communicate\n    *   with this app by default.\n    * For use with ext-xdomain-messaging.js\n    * @todo We might instead make as a user-facing preference.\n    */\n    allowedOrigins: []\n  };\n\nfunction loadSvgString (str, callback) {\n  const success = svgCanvas.setSvgString(str) !== false;\n  callback = callback || $.noop;\n  if (success) {\n    callback(true); // eslint-disable-line standard/no-callback-literal\n  } else {\n    $.alert(uiStrings.notification.errorLoadingSVG, function () {\n      callback(false); // eslint-disable-line standard/no-callback-literal\n    });\n  }\n}\n\n/**\n * @function module:SVGEditor~getImportLocale\n * @param {string} defaultLang\n * @param {string} defaultName\n * @returns {module:SVGEditor~ImportLocale}\n */\nfunction getImportLocale ({defaultLang, defaultName}) {\n  /**\n   * @function module:SVGEditor~ImportLocale\n   * @param {string} [name] Defaults to `defaultName` of {@link module:SVGEditor~getImportLocale}\n   * @param {string} [lang=defaultLang] Defaults to `defaultLang` of {@link module:SVGEditor~getImportLocale}\n   * @returns {Promise} Resolves to {@link module:locale.LocaleStrings}\n   */\n  return async function importLocale ({name = defaultName, lang = defaultLang} = {}) {\n    async function importLocale (lang) {\n      const url = `${curConfig.extPath}ext-locale/${name}/${lang}.js`;\n      return importSetGlobalDefault(url, {\n        global: `svgEditorExtensionLocale_${name}_${lang}`\n      });\n    }\n    try {\n      return importLocale(lang);\n    } catch (err) {\n      return importLocale('en');\n    }\n  };\n}\n\n/**\n* EXPORTS\n*/\n\n/**\n* Store and retrieve preferences\n* @param {string} key The preference name to be retrieved or set\n* @param {string} [val] The value. If the value supplied is missing or falsey, no change to the preference will be made.\n* @returns {string} If val is missing or falsey, the value of the previously stored preference will be returned.\n* @todo Can we change setting on the jQuery namespace (onto editor) to avoid conflicts?\n* @todo Review whether any remaining existing direct references to\n*  getting `curPrefs` can be changed to use `$.pref()` getting to ensure\n*  `defaultPrefs` fallback (also for sake of `allowInitialUserOverride`); specifically, `bkgd_color` could be changed so that\n*  the pref dialog has a button to auto-calculate background, but otherwise uses `$.pref()` to be able to get default prefs\n*  or overridable settings\n*/\n$.pref = function (key, val) {\n  if (val) {\n    curPrefs[key] = val;\n    /**\n    * @name curPrefs\n    * @memberof module:SVGEditor\n    * @implements {module:SVGEditor.Prefs}\n    */\n    editor.curPrefs = curPrefs; // Update exported value\n    return;\n  }\n  return (key in curPrefs) ? curPrefs[key] : defaultPrefs[key];\n};\n\n/*\n* EDITOR PUBLIC METHODS\n// Todo: Sort these methods per invocation order, ideally with init at the end\n// Todo: Prevent execution until init executes if dependent on it?\n*/\neditor.putLocale = putLocale;\neditor.readLang = readLang;\neditor.setStrings = setStrings;\n\n/**\n* Where permitted, sets canvas and/or `defaultPrefs` based on previous\n*  storage. This will override URL settings (for security reasons) but\n*  not `svgedit-config-iife.js` configuration (unless initial user\n*  overriding is explicitly permitted there via `allowInitialUserOverride`).\n* @todo Split `allowInitialUserOverride` into `allowOverrideByURL` and\n*  `allowOverrideByUserStorage` so `svgedit-config-iife.js` can disallow some\n*  individual items for URL setting but allow for user storage AND/OR\n*  change URL setting so that it always uses a different namespace,\n*  so it won't affect pre-existing user storage (but then if users saves\n*  that, it will then be subject to tampering\n* @returns {undefined}\n*/\neditor.loadContentAndPrefs = function () {\n  if (!curConfig.forceStorage &&\n    (curConfig.noStorageOnLoad ||\n        !document.cookie.match(/(?:^|;\\s*)store=(?:prefsAndContent|prefsOnly)/)\n    )\n  ) {\n    return;\n  }\n\n  // LOAD CONTENT\n  if (editor.storage && // Cookies do not have enough available memory to hold large documents\n    (curConfig.forceStorage ||\n      (!curConfig.noStorageOnLoad &&\n        document.cookie.match(/(?:^|;\\s*)store=prefsAndContent/))\n    )\n  ) {\n    const name = 'svgedit-' + curConfig.canvasName;\n    const cached = editor.storage.getItem(name);\n    if (cached) {\n      editor.loadFromString(cached);\n    }\n  }\n\n  // LOAD PREFS\n  for (const key in defaultPrefs) {\n    if (defaultPrefs.hasOwnProperty(key)) { // It's our own config, so we don't need to iterate up the prototype chain\n      const storeKey = 'svg-edit-' + key;\n      if (editor.storage) {\n        const val = editor.storage.getItem(storeKey);\n        if (val) {\n          defaultPrefs[key] = String(val); // Convert to string for FF (.value fails in Webkit)\n        }\n      } else if (window.widget) {\n        defaultPrefs[key] = window.widget.preferenceForKey(storeKey);\n      } else {\n        const result = document.cookie.match(new RegExp('(?:^|;\\\\s*)' + Utils.regexEscape(encodeURIComponent(storeKey)) + '=([^;]+)'));\n        defaultPrefs[key] = result ? decodeURIComponent(result[1]) : '';\n      }\n    }\n  }\n};\n\n/**\n* Allows setting of preferences or configuration (including extensions).\n* @param {module:SVGEditor.Config|module:SVGEditor.Prefs} opts The preferences or configuration (including extensions). See the tutorial on {@tutorial ConfigOptions} for info on config and preferences.\n* @param {PlainObject} [cfgCfg] Describes configuration which applies to the\n*    particular batch of supplied options\n* @param {boolean} [cfgCfg.allowInitialUserOverride=false] Set to true if you wish\n*  to allow initial overriding of settings by the user via the URL\n*  (if permitted) or previously stored preferences (if permitted);\n*  note that it will be too late if you make such calls in extension\n*  code because the URL or preference storage settings will\n*   have already taken place.\n* @param {boolean} [cfgCfg.overwrite=true] Set to false if you wish to\n*  prevent the overwriting of prior-set preferences or configuration\n*  (URL settings will always follow this requirement for security\n*  reasons, so `svgedit-config-iife.js` settings cannot be overridden unless it\n*  explicitly permits via `allowInitialUserOverride` but extension config\n*  can be overridden as they will run after URL settings). Should\n*   not be needed in `svgedit-config-iife.js`.\n* @returns {undefined}\n*/\neditor.setConfig = function (opts, cfgCfg) {\n  cfgCfg = cfgCfg || {};\n  function extendOrAdd (cfgObj, key, val) {\n    if (cfgObj[key] && typeof cfgObj[key] === 'object') {\n      $.extend(true, cfgObj[key], val);\n    } else {\n      cfgObj[key] = val;\n    }\n  }\n  $.each(opts, function (key, val) {\n    if (opts.hasOwnProperty(key)) {\n      // Only allow prefs defined in defaultPrefs\n      if (defaultPrefs.hasOwnProperty(key)) {\n        if (cfgCfg.overwrite === false && (\n          curConfig.preventAllURLConfig ||\n          curPrefs.hasOwnProperty(key)\n        )) {\n          return;\n        }\n        if (cfgCfg.allowInitialUserOverride === true) {\n          defaultPrefs[key] = val;\n        } else {\n          $.pref(key, val);\n        }\n      } else if (['extensions', 'stylesheets', 'allowedOrigins'].includes(key)) {\n        if (cfgCfg.overwrite === false &&\n          (\n            curConfig.preventAllURLConfig ||\n            ['allowedOrigins', 'stylesheets'].includes(key) ||\n            (key === 'extensions' && curConfig.lockExtensions)\n          )\n        ) {\n          return;\n        }\n        curConfig[key] = curConfig[key].concat(val); // We will handle any dupes later\n      // Only allow other curConfig if defined in defaultConfig\n      } else if (defaultConfig.hasOwnProperty(key)) {\n        if (cfgCfg.overwrite === false && (\n          curConfig.preventAllURLConfig ||\n          curConfig.hasOwnProperty(key)\n        )) {\n          return;\n        }\n        // Potentially overwriting of previously set config\n        if (curConfig.hasOwnProperty(key)) {\n          if (cfgCfg.overwrite === false) {\n            return;\n          }\n          extendOrAdd(curConfig, key, val);\n        } else {\n          if (cfgCfg.allowInitialUserOverride === true) {\n            extendOrAdd(defaultConfig, key, val);\n          } else {\n            if (defaultConfig[key] && typeof defaultConfig[key] === 'object') {\n              curConfig[key] = {};\n              $.extend(true, curConfig[key], val); // Merge properties recursively, e.g., on initFill, initStroke objects\n            } else {\n              curConfig[key] = val;\n            }\n          }\n        }\n      }\n    }\n  });\n  /**\n  * @name curConfig\n  * @memberof module:SVGEditor\n  * @implements {module:SVGEditor.Config}\n  */\n  editor.curConfig = curConfig; // Update exported value\n};\n\n/**\n* All methods are optional\n* @interface module:SVGEditor.CustomHandler\n* @type {PlainObject}\n*/\n/**\n* Its responsibilities are:\n*  - invoke a file chooser dialog in 'open' mode\n*  - let user pick a SVG file\n*  - calls [svgCanvas.setSvgString()]{@link module:svgcanvas.SvgCanvas#setSvgString} with the string contents of that file.\n* Not passed any parameters.\n* @function module:SVGEditor.CustomHandler#open\n* @returns {undefined}\n*/\n/**\n* Its responsibilities are:\n*  - accept the string contents of the current document\n*  - invoke a file chooser dialog in 'save' mode\n*  - save the file to location chosen by the user\n* @function module:SVGEditor.CustomHandler#save\n* @param {external:Window} win\n* @param {module:svgcanvas.SvgCanvas#event:saved} svgStr A string of the SVG\n* @listens module:svgcanvas.SvgCanvas#event:saved\n* @returns {undefined}\n*/\n/**\n* Its responsibilities (with regard to the object it is supplied in its 2nd argument) are:\n*  - inform user of any issues supplied via the \"issues\" property\n*  - convert the \"svg\" property SVG string into an image for export;\n*    utilize the properties \"type\" (currently 'PNG', 'JPEG', 'BMP',\n*    'WEBP', 'PDF'), \"mimeType\", and \"quality\" (for 'JPEG' and 'WEBP'\n*    types) to determine the proper output.\n* @function module:SVGEditor.CustomHandler#exportImage\n* @param {external:Window} win\n* @param {module:svgcanvas.SvgCanvas#event:exported} data\n* @listens module:svgcanvas.SvgCanvas#event:exported\n* @returns {undefined}\n*/\n/**\n* @function module:SVGEditor.CustomHandler#exportPDF\n* @param {external:Window} win\n* @param {module:svgcanvas.SvgCanvas#event:exportedPDF} data\n* @listens module:svgcanvas.SvgCanvas#event:exportedPDF\n* @returns {undefined}\n*/\n\n/**\n* Allows one to override default SVGEdit `open`, `save`, and\n* `export` editor behaviors.\n* @param {module:SVGEditor.CustomHandler} opts Extension mechanisms may call `setCustomHandlers` with three functions: `opts.open`, `opts.save`, and `opts.exportImage`\n* @returns {undefined}\n*/\neditor.setCustomHandlers = function (opts) {\n  editor.ready(function () {\n    if (opts.open) {\n      $('#tool_open > input[type=\"file\"]').remove();\n      $('#tool_open').show();\n      svgCanvas.open = opts.open;\n    }\n    if (opts.save) {\n      editor.showSaveWarning = false;\n      svgCanvas.bind('saved', opts.save);\n    }\n    if (opts.exportImage) {\n      customExportImage = opts.exportImage;\n      svgCanvas.bind('exported', customExportImage); // canvg and our RGBColor will be available to the method\n    }\n    if (opts.exportPDF) {\n      customExportPDF = opts.exportPDF;\n      svgCanvas.bind('exportedPDF', customExportPDF); // jsPDF and our RGBColor will be available to the method\n    }\n  });\n};\n\n/**\n* @param {boolean} arg\n* @returns {undefined}\n*/\neditor.randomizeIds = function (arg) {\n  return svgCanvas.randomizeIds(arg);\n};\n\n/**\n* Auto-run after a Promise microtask\n* @returns {undefined}\n*/\neditor.init = function () {\n  const modularVersion = !('svgEditor' in window) ||\n    !window.svgEditor ||\n    window.svgEditor.modules !== false;\n  if (!modularVersion) {\n    Object.assign(defaultConfig, {\n      langPath: '../dist/locale/',\n      extPath: '../dist/extensions/',\n      canvgPath: '../dist/',\n      jspdfPath: '../dist/'\n    });\n  }\n\n  // const host = location.hostname,\n  //  onWeb = host && host.includes('.');\n  // Some FF versions throw security errors here when directly accessing\n  try {\n    if ('localStorage' in window) { // && onWeb removed so Webkit works locally\n      /**\n      * The built-in interface implemented by `localStorage`\n      * @external Storage\n      */\n      /**\n      * @name storage\n      * @memberof module:SVGEditor\n      * @type {external:Storage}\n      */\n      editor.storage = localStorage;\n    }\n  } catch (err) {}\n\n  // Todo: Avoid const-defined functions and group functions together, etc. where possible\n  const goodLangs = [];\n  $('#lang_select option').each(function () {\n    goodLangs.push(this.value);\n  });\n\n  function setupCurPrefs () {\n    curPrefs = $.extend(true, {}, defaultPrefs, curPrefs); // Now safe to merge with priority for curPrefs in the event any are already set\n    // Export updated prefs\n    editor.curPrefs = curPrefs;\n  }\n  function setupCurConfig () {\n    curConfig = $.extend(true, {}, defaultConfig, curConfig); // Now safe to merge with priority for curConfig in the event any are already set\n\n    // Now deal with extensions and other array config\n    if (!curConfig.noDefaultExtensions) {\n      curConfig.extensions = curConfig.extensions.concat(defaultExtensions);\n    }\n    // ...and remove any dupes\n    ['extensions', 'stylesheets', 'allowedOrigins'].forEach(function (cfg) {\n      curConfig[cfg] = $.grep(curConfig[cfg], function (n, i) { // Supposedly faster than filter per http://amandeep1986.blogspot.hk/2015/02/jquery-grep-vs-js-filter.html\n        return i === curConfig[cfg].indexOf(n);\n      });\n    });\n    // Export updated config\n    editor.curConfig = curConfig;\n  }\n  (() => {\n    // Load config/data from URL if given\n    let src, qstr;\n    urldata = $.deparam.querystring(true);\n    if (!$.isEmptyObject(urldata)) {\n      if (urldata.dimensions) {\n        urldata.dimensions = urldata.dimensions.split(',');\n      }\n\n      if (urldata.bkgd_color) {\n        urldata.bkgd_color = '#' + urldata.bkgd_color;\n      }\n\n      if (urldata.extensions) {\n        // For security reasons, disallow cross-domain or cross-folder extensions via URL\n        urldata.extensions = urldata.extensions.match(/[:/\\\\]/) ? '' : urldata.extensions.split(',');\n      }\n\n      // Disallowing extension paths via URL for\n      // security reasons, even for same-domain\n      // ones given potential to interact in undesirable\n      // ways with other script resources\n      [\n        'extPath', 'imgPath', 'extIconsPath', 'canvgPath',\n        'langPath', 'jGraduatePath', 'jspdfPath'\n      ].forEach(function (pathConfig) {\n        if (urldata[pathConfig]) {\n          delete urldata[pathConfig];\n        }\n      });\n\n      editor.setConfig(urldata, {overwrite: false}); // Note: source and url (as with storagePrompt later) are not set on config but are used below\n\n      setupCurConfig();\n\n      if (!curConfig.preventURLContentLoading) {\n        src = urldata.source;\n        qstr = $.param.querystring();\n        if (!src) { // urldata.source may have been null if it ended with '='\n          if (qstr.includes('source=data:')) {\n            src = qstr.match(/source=(data:[^&]*)/)[1];\n          }\n        }\n        if (src) {\n          if (src.startsWith('data:')) {\n            editor.loadFromDataURI(src);\n          } else {\n            editor.loadFromString(src);\n          }\n          return;\n        }\n        if (urldata.url) {\n          editor.loadFromURL(urldata.url);\n          return;\n        }\n      }\n      if (!urldata.noStorageOnLoad || curConfig.forceStorage) {\n        editor.loadContentAndPrefs();\n      }\n    } else {\n      setupCurConfig();\n      editor.loadContentAndPrefs();\n    }\n    setupCurPrefs();\n  })();\n\n  /**\n  * Called internally\n  * @param {string|Element|external:jQuery} elem\n  * @param {string|external:jQuery} iconId\n  * @param {Float} forcedSize Not in use\n  * @returns {undefined}\n  */\n  const setIcon = editor.setIcon = function (elem, iconId, forcedSize) {\n    const icon = (typeof iconId === 'string') ? $.getSvgIcon(iconId, true) : iconId.clone();\n    if (!icon) {\n      console.log('NOTE: Icon image missing: ' + iconId);\n      return;\n    }\n    $(elem).empty().append(icon);\n  };\n\n  /**\n   * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData\n   * @fires module:svgcanvas.SvgCanvas#event:ext-langReady\n   * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged\n   * @fires module:svgcanvas.SvgCanvas#event:extensions_added\n   * @returns {Promise} Resolves to result of {@link module:locale.readLang}\n   */\n  const extAndLocaleFunc = async function () {\n    // const lang = ('lang' in curPrefs) ? curPrefs.lang : null;\n    const {langParam, langData} = await editor.putLocale(null, goodLangs, curConfig);\n    setLang(langParam, langData);\n\n    try {\n      await Promise.all(\n        curConfig.extensions.map(async (extname) => {\n          const extName = extname.match(/^ext-(.+)\\.js/);\n          if (!extName) { // Ensure URL cannot specify some other unintended file in the extPath\n            return;\n          }\n          const url = curConfig.extPath + extname;\n          // Todo: Replace this with `return import(url);` when\n          //   `import()` widely supported\n          /**\n           * @tutorial ExtensionDocs\n           * @typedef {PlainObject} module:SVGEditor.ExtensionObject\n           * @property {string} [name] Name of the extension. Used internally; no need for i18n. Defaults to extension name without beginning \"ext-\" or ending \".js\".\n           * @property {module:svgcanvas.ExtensionInitCallback} [init]\n           */\n          try {\n            /**\n             * @type {module:SVGEditor.ExtensionObject}\n             */\n            const imported = await importSetGlobalDefault(url, {\n              global: 'svgEditorExtension_' + extName[1].replace(/-/g, '_')\n            });\n            const {name = extName[1], init} = imported;\n            const importLocale = getImportLocale({defaultLang: langParam, defaultName: name});\n            return editor.addExtension(name, (init && init.bind(editor)), importLocale);\n          } catch (err) {\n            console.log(err);\n            console.error('Extension failed to load: ' + extname + '; ' + err);\n          }\n        })\n      );\n      svgCanvas.bind('extensions_added',\n        /**\n        * @param {external:Window} win\n        * @param {module:svgcanvas.SvgCanvas#event:extensions_added} data\n        * @listens module:svgcanvas.SvgCanvas#event:extensions_added\n        * @returns {undefined}\n        */\n        (win, data) => {\n          extensionsAdded = true;\n          Actions.setAll();\n\n          $('.flyout_arrow_horiz:empty').each(function () {\n            $(this).append($.getSvgIcon('arrow_right', true).width(5).height(5));\n          });\n          messageQueue.forEach(\n            /**\n             * @param {module:svgcanvas.SvgCanvas#event:message} messageObj\n             * @fires module:svgcanvas.SvgCanvas#event:message\n             * @returns {undefined}\n             */\n            (messageObj) => {\n              svgCanvas.call('message', messageObj);\n            }\n          );\n        }\n      );\n      svgCanvas.call('extensions_added');\n    } catch (err) {\n      console.log(err);\n    }\n  };\n\n  const stateObj = {tool_scale: editor.tool_scale};\n\n  const setFlyoutPositions = function () {\n    $('.tools_flyout').each(function () {\n      const shower = $('#' + this.id + '_show');\n      const {left, top} = shower.offset();\n      const w = shower.outerWidth();\n      $(this).css({left: (left + w) * editor.tool_scale, top});\n    });\n  };\n\n  const uaPrefix = (function () {\n    const regex = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/;\n    const someScript = document.getElementsByTagName('script')[0];\n    for (const prop in someScript.style) {\n      if (regex.test(prop)) {\n        // test is faster than match, so it's better to perform\n        // that on the lot and match only when necessary\n        return prop.match(regex)[0];\n      }\n    }\n    // Nothing found so far?\n    if ('WebkitOpacity' in someScript.style) { return 'Webkit'; }\n    if ('KhtmlOpacity' in someScript.style) { return 'Khtml'; }\n\n    return '';\n  }());\n\n  const scaleElements = function (elems, scale) {\n    // const prefix = '-' + uaPrefix.toLowerCase() + '-'; // Currently unused\n    const sides = ['top', 'left', 'bottom', 'right'];\n\n    elems.each(function () {\n      // Handled in CSS\n      // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';\n      const el = $(this);\n      const w = el.outerWidth() * (scale - 1);\n      const h = el.outerHeight() * (scale - 1);\n      // const margins = {}; // Currently unused\n\n      for (let i = 0; i < 4; i++) {\n        const s = sides[i];\n        let cur = el.data('orig_margin-' + s);\n        if (cur == null) {\n          cur = parseInt(el.css('margin-' + s), 10);\n          // Cache the original margin\n          el.data('orig_margin-' + s, cur);\n        }\n        let val = cur * scale;\n        if (s === 'right') {\n          val += w;\n        } else if (s === 'bottom') {\n          val += h;\n        }\n\n        el.css('margin-' + s, val);\n        // el.css('outline', '1px solid red');\n      }\n    });\n  };\n\n  /**\n  * Called internally.\n  * @param {module:SVGEditor.IconSize} size\n  * @returns {undefined}\n  */\n  const setIconSize = editor.setIconSize = function (size) {\n    // const elems = $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open');\n    const selToscale = '#tools_top .toolset, #editor_panel > *, #history_panel > *,' +\n  '        #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,' +\n  '        #g_panel > *, #tool_font_size > *, .tools_flyout';\n\n    const elems = $(selToscale);\n\n    let scale = 1;\n    if (typeof size === 'number') {\n      scale = size;\n    } else {\n      const iconSizes = {s: 0.75, m: 1, l: 1.25, xl: 1.5};\n      scale = iconSizes[size];\n    }\n\n    stateObj.tool_scale = editor.tool_scale = scale;\n\n    setFlyoutPositions();\n    // $('.tools_flyout').each(function () {\n    //   const pos = $(this).position();\n    //   console.log($(this), pos.left+(34 * scale));\n    //   $(this).css({left: pos.left+(34 * scale), top: pos.top+(77 * scale)});\n    //   console.log('l', $(this).css('left'));\n    // });\n    //\n    // const scale = .75;\n\n    const hiddenPs = elems.parents(':hidden');\n    hiddenPs.css('visibility', 'hidden').show();\n    scaleElements(elems, scale);\n    hiddenPs.css('visibility', 'visible').hide();\n    // return;\n\n    $.pref('iconsize', size);\n    $('#iconsize').val(size);\n\n    // Change icon size\n    // $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open')\n    // .find('> svg, > img').each(function () {\n    //   this.setAttribute('width',size_num);\n    //   this.setAttribute('height',size_num);\n    // });\n    //\n    // $.resizeSvgIcons({\n    //   '.flyout_arrow_horiz > svg, .flyout_arrow_horiz > img': size_num / 5,\n    //   '#logo > svg, #logo > img': size_num * 1.3,\n    //   '#tools_bottom .icon_label > *': (size_num === 16 ? 18 : size_num * .75)\n    // });\n    // if (size != 's') {\n    //   $.resizeSvgIcons({'#layerbuttons svg, #layerbuttons img': size_num * .6});\n    // }\n\n    // Note that all rules will be prefixed with '#svg_editor' when parsed\n    const cssResizeRules = {\n      // '.tool_button,\\\n      // .push_button,\\\n      // .tool_button_current,\\\n      // .push_button_pressed,\\\n      // .disabled,\\\n      // .icon_label,\\\n      // .tools_flyout .tool_button': {\n      //   width: {s: '16px', l: '32px', xl: '48px'},\n      //   height: {s: '16px', l: '32px', xl: '48px'},\n      //   padding: {s: '1px', l: '2px', xl: '3px'}\n      // },\n      // '.tool_sep': {\n      //   height: {s: '16px', l: '32px', xl: '48px'},\n      //   margin: {s: '2px 2px', l: '2px 5px', xl: '2px 8px'}\n      // },\n      // '#main_icon': {\n      //   width: {s: '31px', l: '53px', xl: '75px'},\n      //   height: {s: '22px', l: '42px', xl: '64px'}\n      // },\n      '#tools_top': {\n        left: 50 + $('#main_button').width(),\n        height: 72\n      },\n      '#tools_left': {\n        width: 31,\n        top: 74\n      },\n      'div#workarea': {\n        left: 38,\n        top: 74\n      }\n      // '#tools_bottom': {\n      //   left: {s: '27px', l: '46px', xl: '65px'},\n      //   height: {s: '58px', l: '98px', xl: '145px'}\n      // },\n      // '#color_tools': {\n      //   'border-spacing': {s: '0 1px'},\n      //   'margin-top': {s: '-1px'}\n      // },\n      // '#color_tools .icon_label': {\n      //   width: {l:'43px', xl: '60px'}\n      // },\n      // '.color_tool': {\n      //   height: {s: '20px'}\n      // },\n      // '#tool_opacity': {\n      //   top: {s: '1px'},\n      //   height: {s: 'auto', l:'auto', xl:'auto'}\n      // },\n      // '#tools_top input, #tools_bottom input': {\n      //   'margin-top': {s: '2px', l: '4px', xl: '5px'},\n      //   height: {s: 'auto', l: 'auto', xl: 'auto'},\n      //   border: {s: '1px solid #555', l: 'auto', xl: 'auto'},\n      //   'font-size': {s: '.9em', l: '1.2em', xl: '1.4em'}\n      // },\n      // '#zoom_panel': {\n      //   'margin-top': {s: '3px', l: '4px', xl: '5px'}\n      // },\n      // '#copyright, #tools_bottom .label': {\n      //   'font-size': {l: '1.5em', xl: '2em'},\n      //   'line-height': {s: '15px'}\n      // },\n      // '#tools_bottom_2': {\n      //   width: {l: '295px', xl: '355px'},\n      //   top: {s: '4px'}\n      // },\n      // '#tools_top > div, #tools_top': {\n      //   'line-height': {s: '17px', l: '34px', xl: '50px'}\n      // },\n      // '.dropdown button': {\n      //   height: {s: '18px', l: '34px', xl: '40px'},\n      //   'line-height': {s: '18px', l: '34px', xl: '40px'},\n      //   'margin-top': {s: '3px'}\n      // },\n      // '#tools_top label, #tools_bottom label': {\n      //   'font-size': {s: '1em', l: '1.5em', xl: '2em'},\n      //   height: {s: '25px', l: '42px', xl: '64px'}\n      // },\n      // 'div.toolset': {\n      //   height: {s: '25px', l: '42px', xl: '64px'}\n      // },\n      // '#tool_bold, #tool_italic': {\n      //   'font-size': {s: '1.5em', l: '3em', xl: '4.5em'}\n      // },\n      // '#sidepanels': {\n      //   top: {s: '50px', l: '88px', xl: '125px'},\n      //   bottom: {s: '51px', l: '68px', xl: '65px'}\n      // },\n      // '#layerbuttons': {\n      //   width: {l: '130px', xl: '175px'},\n      //   height: {l: '24px', xl: '30px'}\n      // },\n      // '#layerlist': {\n      //   width: {l: '128px', xl: '150px'}\n      // },\n      // '.layer_button': {\n      //   width: {l: '19px', xl: '28px'},\n      //   height: {l: '19px', xl: '28px'}\n      // },\n      // 'input.spin-button': {\n      //   'background-image': {l: 'url('images/spinbtn_updn_big.png')', xl: 'url('images/spinbtn_updn_big.png')'},\n      //   'background-position': {l: '100% -5px', xl: '100% -2px'},\n      //   'padding-right': {l: '24px', xl: '24px' }\n      // },\n      // 'input.spin-button.up': {\n      //   'background-position': {l: '100% -45px', xl: '100% -42px'}\n      // },\n      // 'input.spin-button.down': {\n      //   'background-position': {l: '100% -85px', xl: '100% -82px'}\n      // },\n      // '#position_opts': {\n      //   width: {all: (size_num*4) +'px'}\n      // }\n    };\n\n    let ruleElem = $('#tool_size_rules');\n    if (!ruleElem.length) {\n      ruleElem = $('<style id=\"tool_size_rules\"></style>').appendTo('head');\n    } else {\n      ruleElem.empty();\n    }\n\n    if (size !== 'm') {\n      let styleStr = '';\n      $.each(cssResizeRules, function (selector, rules) {\n        selector = '#svg_editor ' + selector.replace(/,/g, ', #svg_editor');\n        styleStr += selector + '{';\n        $.each(rules, function (prop, values) {\n          let val;\n          if (typeof values === 'number') {\n            val = (values * scale) + 'px';\n          } else if (values[size] || values.all) {\n            val = (values[size] || values.all);\n          }\n          styleStr += (prop + ':' + val + ';');\n        });\n        styleStr += '}';\n      });\n      // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';\n      const prefix = '-' + uaPrefix.toLowerCase() + '-';\n      styleStr += (selToscale + '{' + prefix + 'transform: scale(' + scale + ');}' +\n        ' #svg_editor div.toolset .toolset {' + prefix + 'transform: scale(1); margin: 1px !important;}' + // Hack for markers\n        ' #svg_editor .ui-slider {' + prefix + 'transform: scale(' + (1 / scale) + ');}' // Hack for sliders\n      );\n      ruleElem.text(styleStr);\n    }\n\n    setFlyoutPositions();\n  };\n  $.svgIcons(curConfig.imgPath + 'svg_edit_icons.svg', {\n    w: 24, h: 24,\n    id_match: false,\n    no_img: !isWebkit(), // Opera & Firefox 4 gives odd behavior w/images\n    fallback_path: curConfig.imgPath,\n    fallback: {\n      logo: 'logo.png',\n\n      select: 'select.png',\n      select_node: 'select_node.png',\n\n      square: 'square.png',\n      rect: 'rect.png',\n      fh_rect: 'freehand-square.png',\n      circle: 'circle.png',\n      ellipse: 'ellipse.png',\n      fh_ellipse: 'freehand-circle.png',\n      pencil: 'fhpath.png',\n      pen: 'line.png',\n      text: 'text.png',\n      path: 'path.png',\n      add_subpath: 'add_subpath.png',\n      close_path: 'closepath.png',\n      open_path: 'openpath.png',\n\n      image: 'image.png',\n      zoom: 'zoom.png',\n\n      arrow_right: 'flyouth.png',\n      arrow_right_big: 'arrow_right_big.png',\n      arrow_down: 'dropdown.gif',\n      fill: 'fill.png',\n      stroke: 'stroke.png',\n      opacity: 'opacity.png',\n\n      new_image: 'clear.png',\n      save: 'save.png',\n      export: 'export.png',\n      open: 'open.png',\n      import: 'import.png',\n      docprops: 'document-properties.png',\n      source: 'source.png',\n      wireframe: 'wireframe.png',\n\n      undo: 'undo.png',\n      redo: 'redo.png',\n\n      clone: 'clone.png',\n      delete: 'delete.png',\n      go_up: 'go-up.png',\n      go_down: 'go-down.png',\n      context_menu: 'context_menu.png',\n      move_bottom: 'move_bottom.png',\n      move_top: 'move_top.png',\n      to_path: 'to_path.png',\n      link_controls: 'link_controls.png',\n      reorient: 'reorient.png',\n      group_elements: 'shape_group_elements.png',\n\n      ungroup: 'shape_ungroup.png',\n      unlink_use: 'unlink_use.png',\n      width: 'width.png',\n      height: 'height.png',\n      c_radius: 'c_radius.png',\n      angle: 'angle.png',\n      blur: 'blur.png',\n      fontsize: 'fontsize.png',\n      align: 'align.png',\n\n      align_left: 'align-left.png',\n      align_center: 'align-center.png',\n      align_right: 'align-right.png',\n      align_top: 'align-top.png',\n      align_middle: 'align-middle.png',\n      align_bottom: 'align-bottom.png',\n\n      linecap_butt: 'linecap_butt.png',\n      linecap_square: 'linecap_square.png',\n      linecap_round: 'linecap_round.png',\n      linejoin_miter: 'linejoin_miter.png',\n      linejoin_bevel: 'linejoin_bevel.png',\n      linejoin_round: 'linejoin_round.png',\n      eye: 'eye.png',\n      no_color: 'no_color.png',\n\n      ok: 'save.png',\n      cancel: 'cancel.png',\n      warning: 'warning.png',\n\n      node_delete: 'node_delete.png',\n      node_clone: 'node_clone.png',\n\n      globe_link: 'globe_link.png'\n    },\n    placement: {\n      '#logo': 'logo',\n\n      '#tool_clear div,#layer_new': 'new_image',\n      '#tool_save div': 'save',\n      '#tool_export div': 'export',\n      '#tool_open div div': 'open',\n      '#tool_import div div': 'import',\n      '#tool_source': 'source',\n      '#tool_docprops > div': 'docprops',\n      '#tool_wireframe': 'wireframe',\n\n      '#tool_undo': 'undo',\n      '#tool_redo': 'redo',\n\n      '#tool_select': 'select',\n      '#tool_fhpath': 'pencil',\n      '#tool_line': 'pen',\n      '#tool_rect,#tools_rect_show': 'rect',\n      '#tool_square': 'square',\n      '#tool_fhrect': 'fh_rect',\n      '#tool_ellipse,#tools_ellipse_show': 'ellipse',\n      '#tool_circle': 'circle',\n      '#tool_fhellipse': 'fh_ellipse',\n      '#tool_path': 'path',\n      '#tool_text,#layer_rename': 'text',\n      '#tool_image': 'image',\n      '#tool_zoom': 'zoom',\n\n      '#tool_clone,#tool_clone_multi': 'clone',\n      '#tool_node_clone': 'node_clone',\n      '#layer_delete,#tool_delete,#tool_delete_multi': 'delete',\n      '#tool_node_delete': 'node_delete',\n      '#tool_add_subpath': 'add_subpath',\n      '#tool_openclose_path': 'open_path',\n      '#tool_move_top': 'move_top',\n      '#tool_move_bottom': 'move_bottom',\n      '#tool_topath': 'to_path',\n      '#tool_node_link': 'link_controls',\n      '#tool_reorient': 'reorient',\n      '#tool_group_elements': 'group_elements',\n      '#tool_ungroup': 'ungroup',\n      '#tool_unlink_use': 'unlink_use',\n\n      '#tool_alignleft, #tool_posleft': 'align_left',\n      '#tool_aligncenter, #tool_poscenter': 'align_center',\n      '#tool_alignright, #tool_posright': 'align_right',\n      '#tool_aligntop, #tool_postop': 'align_top',\n      '#tool_alignmiddle, #tool_posmiddle': 'align_middle',\n      '#tool_alignbottom, #tool_posbottom': 'align_bottom',\n      '#cur_position': 'align',\n\n      '#linecap_butt,#cur_linecap': 'linecap_butt',\n      '#linecap_round': 'linecap_round',\n      '#linecap_square': 'linecap_square',\n\n      '#linejoin_miter,#cur_linejoin': 'linejoin_miter',\n      '#linejoin_round': 'linejoin_round',\n      '#linejoin_bevel': 'linejoin_bevel',\n\n      '#url_notice': 'warning',\n\n      '#layer_up': 'go_up',\n      '#layer_down': 'go_down',\n      '#layer_moreopts': 'context_menu',\n      '#layerlist td.layervis': 'eye',\n\n      '#tool_source_save,#tool_docprops_save,#tool_prefs_save': 'ok',\n      '#tool_source_cancel,#tool_docprops_cancel,#tool_prefs_cancel': 'cancel',\n\n      '#rwidthLabel, #iwidthLabel': 'width',\n      '#rheightLabel, #iheightLabel': 'height',\n      '#cornerRadiusLabel span': 'c_radius',\n      '#angleLabel': 'angle',\n      '#linkLabel,#tool_make_link,#tool_make_link_multi': 'globe_link',\n      '#zoomLabel': 'zoom',\n      '#tool_fill label': 'fill',\n      '#tool_stroke .icon_label': 'stroke',\n      '#group_opacityLabel': 'opacity',\n      '#blurLabel': 'blur',\n      '#font_sizeLabel': 'fontsize',\n\n      '.flyout_arrow_horiz': 'arrow_right',\n      '.dropdown button, #main_button .dropdown': 'arrow_down',\n      '#palette .palette_item:first, #fill_bg, #stroke_bg': 'no_color'\n    },\n    resize: {\n      '#logo .svg_icon': 28,\n      '.flyout_arrow_horiz .svg_icon': 5,\n      '.layer_button .svg_icon, #layerlist td.layervis .svg_icon': 14,\n      '.dropdown button .svg_icon': 7,\n      '#main_button .dropdown .svg_icon': 9,\n      '.palette_item:first .svg_icon': 15,\n      '#fill_bg .svg_icon, #stroke_bg .svg_icon': 16,\n      '.toolbar_button button .svg_icon': 16,\n      '.stroke_tool div div .svg_icon': 20,\n      '#tools_bottom label .svg_icon': 18\n    },\n    callback (icons) {\n      $('.toolbar_button button > svg, .toolbar_button button > img').each(function () {\n        $(this).parent().prepend(this);\n      });\n\n      const tleft = $('#tools_left');\n\n      let minHeight;\n      if (tleft.length) {\n        minHeight = tleft.offset().top + tleft.outerHeight();\n      }\n\n      const size = $.pref('iconsize');\n      editor.setIconSize(size || ($(window).height() < minHeight ? 's' : 'm'));\n\n      // Look for any missing flyout icons from plugins\n      $('.tools_flyout').each(function () {\n        const shower = $('#' + this.id + '_show');\n        const sel = shower.attr('data-curopt');\n        // Check if there's an icon here\n        if (!shower.children('svg, img').length) {\n          const clone = $(sel).children().clone();\n          if (clone.length) {\n            clone[0].removeAttribute('style'); // Needed for Opera\n            shower.append(clone);\n          }\n        }\n      });\n\n      function getStylesheetPriority (stylesheet) {\n        switch (stylesheet) {\n        case 'jgraduate/css/jPicker.css':\n          return 1;\n        case 'jgraduate/css/jGraduate.css':\n          return 2;\n        case 'svg-editor.css':\n          return 3;\n        case 'spinbtn/jQuery.SpinButton.css':\n          return 4;\n        default:\n          return Infinity;\n        }\n      }\n      let stylesheets = $.loadingStylesheets.sort((a, b) => {\n        const priorityA = getStylesheetPriority(a);\n        const priorityB = getStylesheetPriority(b);\n        if (priorityA === priorityB) {\n          return 0;\n        }\n        return priorityA > priorityB;\n      });\n      if (curConfig.stylesheets.length) {\n        // Ensure a copy with unique items\n        stylesheets = [...new Set(curConfig.stylesheets)];\n        const idx = stylesheets.indexOf('@default');\n        if (idx > -1) {\n          stylesheets.splice(idx, 1, ...$.loadingStylesheets);\n        }\n      }\n      loadStylesheets(stylesheets, {acceptErrors: ({stylesheetURL, reject, resolve}) => {\n        if ($.loadingStylesheets.includes(stylesheetURL)) {\n          reject(new Error(`Missing expected stylesheet: ${stylesheetURL}`));\n          return;\n        }\n        resolve();\n      }}).then(() => {\n        $('#svg_container')[0].style.visibility = 'visible';\n        editor.runCallbacks();\n      });\n    }\n  });\n\n  /**\n  * @name module:SVGEditor.canvas\n  * @type {module:svgcanvas.SvgCanvas}\n  */\n  editor.canvas = svgCanvas = new SvgCanvas(\n    document.getElementById('svgcanvas'),\n    curConfig\n  );\n  const palette = [ // Todo: Make into configuration item?\n      '#000000', '#3f3f3f', '#7f7f7f', '#bfbfbf', '#ffffff',\n      '#ff0000', '#ff7f00', '#ffff00', '#7fff00',\n      '#00ff00', '#00ff7f', '#00ffff', '#007fff',\n      '#0000ff', '#7f00ff', '#ff00ff', '#ff007f',\n      '#7f0000', '#7f3f00', '#7f7f00', '#3f7f00',\n      '#007f00', '#007f3f', '#007f7f', '#003f7f',\n      '#00007f', '#3f007f', '#7f007f', '#7f003f',\n      '#ffaaaa', '#ffd4aa', '#ffffaa', '#d4ffaa',\n      '#aaffaa', '#aaffd4', '#aaffff', '#aad4ff',\n      '#aaaaff', '#d4aaff', '#ffaaff', '#ffaad4'\n    ],\n    modKey = (isMac() ? 'meta+' : 'ctrl+'), // ⌘\n    path = svgCanvas.pathActions,\n    {undoMgr} = svgCanvas,\n    workarea = $('#workarea'),\n    canvMenu = $('#cmenu_canvas'),\n    // layerMenu = $('#cmenu_layers'), // Unused\n    paintBox = {fill: null, stroke: null};\n\n  let resizeTimer, curScrollPos;\n  let exportWindow = null,\n    defaultImageURL = curConfig.imgPath + 'logo.png',\n    zoomInIcon = 'crosshair',\n    zoomOutIcon = 'crosshair',\n    uiContext = 'toolbars';\n\n  // For external openers\n  (function () {\n    // let the opener know SVG Edit is ready (now that config is set up)\n    const w = window.opener || window.parent;\n    if (w) {\n      try {\n        /**\n         * Triggered on a containing `document` (of `window.opener`\n         * or `window.parent`) when the editor is loaded.\n         * @event module:SVGEditor#event:svgEditorReadyEvent\n         * @type {Event}\n         * @property {true} bubbles\n         * @property {true} cancelable\n         */\n        /**\n         * @name module:SVGEditor.svgEditorReadyEvent\n         * @type {module:SVGEditor#event:svgEditorReadyEvent}\n         */\n        const svgEditorReadyEvent = new w.CustomEvent('svgEditorReady', {\n          bubbles: true,\n          cancelable: true\n        });\n        w.document.documentElement.dispatchEvent(svgEditorReadyEvent);\n      } catch (e) {}\n    }\n  }());\n\n  // This sets up alternative dialog boxes. They mostly work the same way as\n  // their UI counterparts, expect instead of returning the result, a callback\n  // needs to be included that returns the result as its first parameter.\n  // In the future we may want to add additional types of dialog boxes, since\n  // they should be easy to handle this way.\n  (function () {\n    $('#dialog_container').draggable({\n      cancel: '#dialog_content, #dialog_buttons *',\n      containment: 'window'\n    }).css('position', 'absolute');\n    const box = $('#dialog_box'),\n      btnHolder = $('#dialog_buttons'),\n      dialogContent = $('#dialog_content'),\n      dbox = function (type, msg, callback, defaultVal, opts, changeCb, checkbox) {\n        dialogContent.html('<p>' + msg.replace(/\\n/g, '</p><p>') + '</p>')\n          .toggleClass('prompt', (type === 'prompt'));\n        btnHolder.empty();\n\n        const ok = $('<input type=\"button\" value=\"' + uiStrings.common.ok + '\">').appendTo(btnHolder);\n\n        if (type !== 'alert') {\n          $('<input type=\"button\" value=\"' + uiStrings.common.cancel + '\">')\n            .appendTo(btnHolder)\n            .click(function () {\n              box.hide();\n              if (callback) {\n                callback(false); // eslint-disable-line standard/no-callback-literal\n              }\n            });\n        }\n\n        let ctrl, chkbx;\n        if (type === 'prompt') {\n          ctrl = $('<input type=\"text\">').prependTo(btnHolder);\n          ctrl.val(defaultVal || '');\n          ctrl.bind('keydown', 'return', function () { ok.click(); });\n        } else if (type === 'select') {\n          const div = $('<div style=\"text-align:center;\">');\n          ctrl = $('<select>').appendTo(div);\n          if (checkbox) {\n            const label = $('<label>').text(checkbox.label);\n            chkbx = $('<input type=\"checkbox\">').appendTo(label);\n            chkbx.val(checkbox.value);\n            if (checkbox.tooltip) {\n              label.attr('title', checkbox.tooltip);\n            }\n            chkbx.prop('checked', !!checkbox.checked);\n            div.append($('<div>').append(label));\n          }\n          $.each(opts || [], function (opt, val) {\n            if (typeof val === 'object') {\n              ctrl.append($('<option>').val(val.value).html(val.text));\n            } else {\n              ctrl.append($('<option>').html(val));\n            }\n          });\n          dialogContent.append(div);\n          if (defaultVal) {\n            ctrl.val(defaultVal);\n          }\n          if (changeCb) {\n            ctrl.bind('change', 'return', changeCb);\n          }\n          ctrl.bind('keydown', 'return', function () { ok.click(); });\n        } else if (type === 'process') {\n          ok.hide();\n        }\n\n        box.show();\n\n        ok.click(function () {\n          box.hide();\n          const resp = (type === 'prompt' || type === 'select') ? ctrl.val() : true;\n          if (callback) {\n            if (chkbx) {\n              callback(resp, chkbx.prop('checked'));\n            } else {\n              callback(resp);\n            }\n          }\n        }).focus();\n\n        if (type === 'prompt' || type === 'select') {\n          ctrl.focus();\n        }\n      };\n\n    $.alert = function (msg, cb) { dbox('alert', msg, cb); };\n    $.confirm = function (msg, cb) { dbox('confirm', msg, cb); };\n    $.process_cancel = function (msg, cb) { dbox('process', msg, cb); };\n    $.prompt = function (msg, txt, cb) { dbox('prompt', msg, cb, txt); };\n    $.select = function (msg, opts, cb, changeCb, txt, checkbox) { dbox('select', msg, cb, txt, opts, changeCb, checkbox); };\n  }());\n\n  const setSelectMode = function () {\n    const curr = $('.tool_button_current');\n    if (curr.length && curr[0].id !== 'tool_select') {\n      curr.removeClass('tool_button_current').addClass('tool_button');\n      $('#tool_select').addClass('tool_button_current').removeClass('tool_button');\n      $('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all} #svgcanvas svg{cursor:default}');\n    }\n    svgCanvas.setMode('select');\n    workarea.css('cursor', 'auto');\n  };\n\n  // used to make the flyouts stay on the screen longer the very first time\n  // const flyoutspeed = 1250; // Currently unused\n  // let textBeingEntered = false; // Currently unused\n  const origTitle = $('title:first').text();\n  // Make [1,2,5] array\n  const rIntervals = [];\n  for (let i = 0.1; i < 1E5; i *= 10) {\n    rIntervals.push(i);\n    rIntervals.push(2 * i);\n    rIntervals.push(5 * i);\n  }\n\n  // This function highlights the layer passed in (by fading out the other layers)\n  // if no layer is passed in, this function restores the other layers\n  const toggleHighlightLayer = function (layerNameToHighlight) {\n    let i;\n    const curNames = [], numLayers = svgCanvas.getCurrentDrawing().getNumLayers();\n    for (i = 0; i < numLayers; i++) {\n      curNames[i] = svgCanvas.getCurrentDrawing().getLayerName(i);\n    }\n\n    if (layerNameToHighlight) {\n      for (i = 0; i < numLayers; ++i) {\n        if (curNames[i] !== layerNameToHighlight) {\n          svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 0.5);\n        }\n      }\n    } else {\n      for (i = 0; i < numLayers; ++i) {\n        svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 1.0);\n      }\n    }\n  };\n\n  const populateLayers = function () {\n    svgCanvas.clearSelection();\n    const layerlist = $('#layerlist tbody').empty();\n    const selLayerNames = $('#selLayerNames').empty();\n    const drawing = svgCanvas.getCurrentDrawing();\n    const currentLayerName = drawing.getCurrentLayerName();\n    const icon = $.getSvgIcon('eye');\n    let layer = svgCanvas.getCurrentDrawing().getNumLayers();\n    // we get the layers in the reverse z-order (the layer rendered on top is listed first)\n    while (layer--) {\n      const name = drawing.getLayerName(layer);\n      const layerTr = $('<tr class=\"layer\">').toggleClass('layersel', name === currentLayerName);\n      const layerVis = $('<td class=\"layervis\">').toggleClass('layerinvis', !drawing.getLayerVisibility(name));\n      const layerName = $('<td class=\"layername\">' + name + '</td>');\n      layerlist.append(layerTr.append(layerVis, layerName));\n      selLayerNames.append('<option value=\"' + name + '\">' + name + '</option>');\n    }\n    if (icon !== undefined) {\n      const copy = icon.clone();\n      $('td.layervis', layerlist).append(copy);\n      $.resizeSvgIcons({'td.layervis .svg_icon': 14});\n    }\n    // handle selection of layer\n    $('#layerlist td.layername')\n      .mouseup(function (evt) {\n        $('#layerlist tr.layer').removeClass('layersel');\n        $(this.parentNode).addClass('layersel');\n        svgCanvas.setCurrentLayer(this.textContent);\n        evt.preventDefault();\n      })\n      .mouseover(function () {\n        toggleHighlightLayer(this.textContent);\n      })\n      .mouseout(function () {\n        toggleHighlightLayer();\n      });\n    $('#layerlist td.layervis').click(function () {\n      const row = $(this.parentNode).prevAll().length;\n      const name = $('#layerlist tr.layer:eq(' + row + ') td.layername').text();\n      const vis = $(this).hasClass('layerinvis');\n      svgCanvas.setLayerVisibility(name, vis);\n      $(this).toggleClass('layerinvis');\n    });\n\n    // if there were too few rows, let's add a few to make it not so lonely\n    let num = 5 - $('#layerlist tr.layer').size();\n    while (num-- > 0) {\n      // FIXME: there must a better way to do this\n      layerlist.append('<tr><td style=\"color:white\">_</td><td/></tr>');\n    }\n  };\n\n  let editingsource = false;\n  let origSource = '';\n  const showSourceEditor = function (e, forSaving) {\n    if (editingsource) { return; }\n\n    editingsource = true;\n    origSource = svgCanvas.getSvgString();\n    $('#save_output_btns').toggle(!!forSaving);\n    $('#tool_source_back').toggle(!forSaving);\n    $('#svg_source_textarea').val(origSource);\n    $('#svg_source_editor').fadeIn();\n    $('#svg_source_textarea').focus();\n  };\n\n  let selectedElement = null;\n  let multiselected = false;\n\n  const togglePathEditMode = function (editmode, elems) {\n    $('#path_node_panel').toggle(editmode);\n    $('#tools_bottom_2,#tools_bottom_3').toggle(!editmode);\n    if (editmode) {\n      // Change select icon\n      $('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');\n      $('#tool_select').addClass('tool_button_current').removeClass('tool_button');\n      setIcon('#tool_select', 'select_node');\n      multiselected = false;\n      if (elems.length) {\n        selectedElement = elems[0];\n      }\n    } else {\n      setTimeout(() => {\n        setIcon('#tool_select', 'select');\n      }, 1000);\n    }\n  };\n\n  /**\n   * @type {module:svgcanvas.EventHandler}\n   * @param {external:Window} wind\n   * @param {module:svgcanvas.SvgCanvas#event:saved} svg The SVG source\n   * @listens module:svgcanvas.SvgCanvas#event:saved\n   * @returns {undefined}\n   */\n  const saveHandler = function (wind, svg) {\n    editor.showSaveWarning = false;\n\n    // by default, we add the XML prolog back, systems integrating SVG-edit (wikis, CMSs)\n    // can just provide their own custom save handler and might not want the XML prolog\n    svg = '<?xml version=\"1.0\"?>\\n' + svg;\n\n    // IE9 doesn't allow standalone Data URLs\n    // https://connect.microsoft.com/IE/feedback/details/542600/data-uri-images-fail-when-loaded-by-themselves\n    if (isIE()) {\n      showSourceEditor(0, true);\n      return;\n    }\n\n    // Since saving SVGs by opening a new window was removed in Chrome use artificial link-click\n    // https://stackoverflow.com/questions/45603201/window-is-not-allowed-to-navigate-top-frame-navigations-to-data-urls\n    const a = document.createElement('a');\n    a.href = 'data:image/svg+xml;base64,' + Utils.encode64(svg);\n    a.download = 'icon.svg';\n\n    a.click();\n\n    // Alert will only appear the first time saved OR the\n    //   first time the bug is encountered\n    let done = $.pref('save_notice_done');\n    if (done !== 'all') {\n      let note = uiStrings.notification.saveFromBrowser.replace('%s', 'SVG');\n      // Check if FF and has <defs/>\n      if (isGecko()) {\n        if (svg.includes('<defs')) {\n          // warning about Mozilla bug #308590 when applicable (seems to be fixed now in Feb 2013)\n          note += '\\n\\n' + uiStrings.notification.defsFailOnSave;\n          $.pref('save_notice_done', 'all');\n          done = 'all';\n        } else {\n          $.pref('save_notice_done', 'part');\n        }\n      } else {\n        $.pref('save_notice_done', 'all');\n      }\n      if (done !== 'part') {\n        alert(note);\n      }\n    }\n  };\n\n  /**\n   * @param {external:Window} win\n   * @param {module:svgcanvas.SvgCanvas#event:exported} data\n   * @listens module:svgcanvas.SvgCanvas#event:exported\n   * @returns {undefined}\n   */\n  const exportHandler = function (win, data) {\n    const {issues, exportWindowName} = data;\n\n    if (exportWindowName) {\n      exportWindow = window.open(Utils.blankPageObjectURL || '', exportWindowName); // A hack to get the window via JSON-able name without opening a new one\n    }\n\n    if (!exportWindow || exportWindow.closed) {\n      $.alert(uiStrings.notification.popupWindowBlocked);\n      return;\n    }\n\n    exportWindow.location.href = data.bloburl || data.datauri;\n    const done = $.pref('export_notice_done');\n    if (done !== 'all') {\n      let note = uiStrings.notification.saveFromBrowser.replace('%s', data.type);\n\n      // Check if there are issues\n      if (issues.length) {\n        const pre = '\\n \\u2022 ';\n        note += ('\\n\\n' + uiStrings.notification.noteTheseIssues + pre + issues.join(pre));\n      }\n\n      // Note that this will also prevent the notice even though new issues may appear later.\n      // May want to find a way to deal with that without annoying the user\n      $.pref('export_notice_done', 'all');\n      exportWindow.alert(note);\n    }\n  };\n\n  const operaRepaint = function () {\n    // Repaints canvas in Opera. Needed for stroke-dasharray change as well as fill change\n    if (!window.opera) {\n      return;\n    }\n    $('<p/>').hide().appendTo('body').remove();\n  };\n\n  function setStrokeOpt (opt, changeElem) {\n    const {id} = opt;\n    const bits = id.split('_');\n    const pre = bits[0];\n    const val = bits[1];\n\n    if (changeElem) {\n      svgCanvas.setStrokeAttr('stroke-' + pre, val);\n    }\n    operaRepaint();\n    setIcon('#cur_' + pre, id, 20);\n    $(opt).addClass('current').siblings().removeClass('current');\n  }\n\n  /**\n  * This is a common function used when a tool has been clicked (chosen)\n  * It does several common things:\n  * - removes the `tool_button_current` class from whatever tool currently has it\n  * - hides any flyouts\n  * - adds the `tool_button_current` class to the button passed in\n  * @function module:SVGEDitor.toolButtonClick\n  * @param {string|Element} button The DOM element or string selector representing the toolbar button\n  * @param {boolean} noHiding Whether not to hide any flyouts\n  * @returns {boolean} Whether the button was disabled or not\n  */\n  const toolButtonClick = editor.toolButtonClick = function (button, noHiding) {\n    if ($(button).hasClass('disabled')) { return false; }\n    if ($(button).parent().hasClass('tools_flyout')) { return true; }\n    const fadeFlyouts = 'normal';\n    if (!noHiding) {\n      $('.tools_flyout').fadeOut(fadeFlyouts);\n    }\n    $('#styleoverrides').text('');\n    workarea.css('cursor', 'auto');\n    $('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');\n    $(button).addClass('tool_button_current').removeClass('tool_button');\n    return true;\n  };\n\n  /**\n  * Unless the select toolbar button is disabled, sets the button\n  * and sets the select mode and cursor styles.\n  * @function module:SVGEditor.clickSelect\n  * @returns {undefined}\n  */\n  const clickSelect = editor.clickSelect = function () {\n    if (toolButtonClick('#tool_select')) {\n      svgCanvas.setMode('select');\n      $('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all}, #svgcanvas svg{cursor:default}');\n    }\n  };\n\n  /**\n  * Set a selected image's URL\n  * @function module:SVGEditor.setImageURL\n  * @param {string} url\n  * @returns {undefined}\n  */\n  const setImageURL = editor.setImageURL = function (url) {\n    if (!url) {\n      url = defaultImageURL;\n    }\n    svgCanvas.setImageURL(url);\n    $('#image_url').val(url);\n\n    if (url.startsWith('data:')) {\n      // data URI found\n      $('#image_url').hide();\n      $('#change_image_url').show();\n    } else {\n      // regular URL\n      svgCanvas.embedImage(url, function (dataURI) {\n        // Couldn't embed, so show warning\n        $('#url_notice').toggle(!dataURI);\n        defaultImageURL = url;\n      });\n      $('#image_url').show();\n      $('#change_image_url').hide();\n    }\n  };\n\n  function setBackground (color, url) {\n    // if (color == $.pref('bkgd_color') && url == $.pref('bkgd_url')) { return; }\n    $.pref('bkgd_color', color);\n    $.pref('bkgd_url', url);\n\n    // This should be done in svgcanvas.js for the borderRect fill\n    svgCanvas.setBackground(color, url);\n  }\n\n  function promptImgURL ({cancelDeletes = false} = {}) {\n    let curhref = svgCanvas.getHref(selectedElement);\n    curhref = curhref.startsWith('data:') ? '' : curhref;\n    $.prompt(uiStrings.notification.enterNewImgURL, curhref, function (url) {\n      if (url) {\n        setImageURL(url);\n      } else if (cancelDeletes) {\n        svgCanvas.deleteSelectedElements();\n      }\n    });\n  }\n\n  const setInputWidth = function (elem) {\n    const w = Math.min(Math.max(12 + elem.value.length * 6, 50), 300);\n    $(elem).width(w);\n  };\n\n  function updateRulers (scanvas, zoom) {\n    if (!zoom) { zoom = svgCanvas.getZoom(); }\n    if (!scanvas) { scanvas = $('#svgcanvas'); }\n\n    let d, i;\n    const limit = 30000;\n    const contentElem = svgCanvas.getContentElem();\n    const units = getTypeMap();\n    const unit = units[curConfig.baseUnit]; // 1 = 1px\n\n    // draw x ruler then y ruler\n    for (d = 0; d < 2; d++) {\n      const isX = (d === 0);\n      const dim = isX ? 'x' : 'y';\n      const lentype = isX ? 'width' : 'height';\n      const contentDim = Number(contentElem.getAttribute(dim));\n\n      const $hcanvOrig = $('#ruler_' + dim + ' canvas:first');\n\n      // Bit of a hack to fully clear the canvas in Safari & IE9\n      const $hcanv = $hcanvOrig.clone();\n      $hcanvOrig.replaceWith($hcanv);\n\n      const hcanv = $hcanv[0];\n\n      // Set the canvas size to the width of the container\n      let rulerLen = scanvas[lentype]();\n      const totalLen = rulerLen;\n      hcanv.parentNode.style[lentype] = totalLen + 'px';\n      let ctx = hcanv.getContext('2d');\n      let ctxArr, num, ctxArrNum;\n\n      ctx.fillStyle = 'rgb(200,0,0)';\n      ctx.fillRect(0, 0, hcanv.width, hcanv.height);\n\n      // Remove any existing canvasses\n      $hcanv.siblings().remove();\n\n      // Create multiple canvases when necessary (due to browser limits)\n      if (rulerLen >= limit) {\n        ctxArrNum = parseInt(rulerLen / limit, 10) + 1;\n        ctxArr = [];\n        ctxArr[0] = ctx;\n        let copy;\n        for (i = 1; i < ctxArrNum; i++) {\n          hcanv[lentype] = limit;\n          copy = hcanv.cloneNode(true);\n          hcanv.parentNode.append(copy);\n          ctxArr[i] = copy.getContext('2d');\n        }\n\n        copy[lentype] = rulerLen % limit;\n\n        // set copy width to last\n        rulerLen = limit;\n      }\n\n      hcanv[lentype] = rulerLen;\n\n      const uMulti = unit * zoom;\n\n      // Calculate the main number interval\n      const rawM = 50 / uMulti;\n      let multi = 1;\n      for (i = 0; i < rIntervals.length; i++) {\n        num = rIntervals[i];\n        multi = num;\n        if (rawM <= num) {\n          break;\n        }\n      }\n\n      const bigInt = multi * uMulti;\n\n      ctx.font = '9px sans-serif';\n\n      let rulerD = ((contentDim / uMulti) % multi) * uMulti;\n      let labelPos = rulerD - bigInt;\n      // draw big intervals\n      let ctxNum = 0;\n      while (rulerD < totalLen) {\n        labelPos += bigInt;\n        // const realD = rulerD - contentDim; // Currently unused\n\n        const curD = Math.round(rulerD) + 0.5;\n        if (isX) {\n          ctx.moveTo(curD, 15);\n          ctx.lineTo(curD, 0);\n        } else {\n          ctx.moveTo(15, curD);\n          ctx.lineTo(0, curD);\n        }\n\n        num = (labelPos - contentDim) / uMulti;\n        let label;\n        if (multi >= 1) {\n          label = Math.round(num);\n        } else {\n          const decs = String(multi).split('.')[1].length;\n          label = num.toFixed(decs);\n        }\n\n        // Change 1000s to Ks\n        if (label !== 0 && label !== 1000 && label % 1000 === 0) {\n          label = (label / 1000) + 'K';\n        }\n\n        if (isX) {\n          ctx.fillText(label, rulerD + 2, 8);\n        } else {\n          // draw label vertically\n          const str = String(label).split('');\n          for (i = 0; i < str.length; i++) {\n            ctx.fillText(str[i], 1, (rulerD + 9) + i * 9);\n          }\n        }\n\n        const part = bigInt / 10;\n        // draw the small intervals\n        for (i = 1; i < 10; i++) {\n          let subD = Math.round(rulerD + part * i) + 0.5;\n          if (ctxArr && subD > rulerLen) {\n            ctxNum++;\n            ctx.stroke();\n            if (ctxNum >= ctxArrNum) {\n              i = 10;\n              rulerD = totalLen;\n              continue;\n            }\n            ctx = ctxArr[ctxNum];\n            rulerD -= limit;\n            subD = Math.round(rulerD + part * i) + 0.5;\n          }\n\n          // odd lines are slighly longer\n          const lineNum = (i % 2) ? 12 : 10;\n          if (isX) {\n            ctx.moveTo(subD, 15);\n            ctx.lineTo(subD, lineNum);\n          } else {\n            ctx.moveTo(15, subD);\n            ctx.lineTo(lineNum, subD);\n          }\n        }\n        rulerD += bigInt;\n      }\n      ctx.strokeStyle = '#000';\n      ctx.stroke();\n    }\n  }\n\n  /**\n  * @function module:SVGEditor.updateCanvas\n  * @param {boolean} center\n  * @param {module:math.XYObject} newCtr\n  * @returns {undefined}\n  */\n  const updateCanvas = editor.updateCanvas = function (center, newCtr) {\n    const zoom = svgCanvas.getZoom();\n    const wArea = workarea;\n    const cnvs = $('#svgcanvas');\n\n    let w = workarea.width(), h = workarea.height();\n    const wOrig = w, hOrig = h;\n    const oldCtr = {\n      x: wArea[0].scrollLeft + wOrig / 2,\n      y: wArea[0].scrollTop + hOrig / 2\n    };\n    const multi = curConfig.canvas_expansion;\n    w = Math.max(wOrig, svgCanvas.contentW * zoom * multi);\n    h = Math.max(hOrig, svgCanvas.contentH * zoom * multi);\n\n    if (w === wOrig && h === hOrig) {\n      workarea.css('overflow', 'hidden');\n    } else {\n      workarea.css('overflow', 'scroll');\n    }\n\n    const oldCanY = cnvs.height() / 2;\n    const oldCanX = cnvs.width() / 2;\n    cnvs.width(w).height(h);\n    const newCanY = h / 2;\n    const newCanX = w / 2;\n    const offset = svgCanvas.updateCanvas(w, h);\n\n    const ratio = newCanX / oldCanX;\n\n    const scrollX = w / 2 - wOrig / 2;\n    const scrollY = h / 2 - hOrig / 2;\n\n    if (!newCtr) {\n      const oldDistX = oldCtr.x - oldCanX;\n      const newX = newCanX + oldDistX * ratio;\n\n      const oldDistY = oldCtr.y - oldCanY;\n      const newY = newCanY + oldDistY * ratio;\n\n      newCtr = {\n        x: newX,\n        y: newY\n      };\n    } else {\n      newCtr.x += offset.x;\n      newCtr.y += offset.y;\n    }\n\n    if (center) {\n      // Go to top-left for larger documents\n      if (svgCanvas.contentW > wArea.width()) {\n        // Top-left\n        workarea[0].scrollLeft = offset.x - 10;\n        workarea[0].scrollTop = offset.y - 10;\n      } else {\n        // Center\n        wArea[0].scrollLeft = scrollX;\n        wArea[0].scrollTop = scrollY;\n      }\n    } else {\n      wArea[0].scrollLeft = newCtr.x - wOrig / 2;\n      wArea[0].scrollTop = newCtr.y - hOrig / 2;\n    }\n    if (curConfig.showRulers) {\n      updateRulers(cnvs, zoom);\n      workarea.scroll();\n    }\n    if (urldata.storagePrompt !== true && !editor.storagePromptClosed) {\n      $('#dialog_box').hide();\n    }\n  };\n\n  /**\n   * @fires module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate\n   * @returns {undefined}\n   */\n  const updateToolButtonState = function () {\n    let index, button;\n    const bNoFill = (svgCanvas.getColor('fill') === 'none');\n    const bNoStroke = (svgCanvas.getColor('stroke') === 'none');\n    const buttonsNeedingStroke = ['#tool_fhpath', '#tool_line'];\n    const buttonsNeedingFillAndStroke = ['#tools_rect .tool_button', '#tools_ellipse .tool_button', '#tool_text', '#tool_path'];\n    if (bNoStroke) {\n      for (index in buttonsNeedingStroke) {\n        button = buttonsNeedingStroke[index];\n        if ($(button).hasClass('tool_button_current')) {\n          clickSelect();\n        }\n        $(button).addClass('disabled');\n      }\n    } else {\n      for (index in buttonsNeedingStroke) {\n        button = buttonsNeedingStroke[index];\n        $(button).removeClass('disabled');\n      }\n    }\n\n    if (bNoStroke && bNoFill) {\n      for (index in buttonsNeedingFillAndStroke) {\n        button = buttonsNeedingFillAndStroke[index];\n        if ($(button).hasClass('tool_button_current')) {\n          clickSelect();\n        }\n        $(button).addClass('disabled');\n      }\n    } else {\n      for (index in buttonsNeedingFillAndStroke) {\n        button = buttonsNeedingFillAndStroke[index];\n        $(button).removeClass('disabled');\n      }\n    }\n\n    svgCanvas.runExtensions('toolButtonStateUpdate', /** @type {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} */ {\n      nofill: bNoFill,\n      nostroke: bNoStroke\n    });\n\n    // Disable flyouts if all inside are disabled\n    $('.tools_flyout').each(function () {\n      const shower = $('#' + this.id + '_show');\n      let hasEnabled = false;\n      $(this).children().each(function () {\n        if (!$(this).hasClass('disabled')) {\n          hasEnabled = true;\n        }\n      });\n      shower.toggleClass('disabled', !hasEnabled);\n    });\n\n    operaRepaint();\n  };\n\n  // Updates the toolbar (colors, opacity, etc) based on the selected element\n  // This function also updates the opacity and id elements that are in the context panel\n  const updateToolbar = function () {\n    let i, len;\n    if (selectedElement != null) {\n      switch (selectedElement.tagName) {\n      case 'use':\n      case 'image':\n      case 'foreignObject':\n        break;\n      case 'g':\n      case 'a':\n        // Look for common styles\n        const childs = selectedElement.getElementsByTagName('*');\n        let gWidth = null;\n        for (i = 0, len = childs.length; i < len; i++) {\n          const swidth = childs[i].getAttribute('stroke-width');\n\n          if (i === 0) {\n            gWidth = swidth;\n          } else if (gWidth !== swidth) {\n            gWidth = null;\n          }\n        }\n\n        $('#stroke_width').val(gWidth === null ? '' : gWidth);\n\n        paintBox.fill.update(true);\n        paintBox.stroke.update(true);\n\n        break;\n      default:\n        paintBox.fill.update(true);\n        paintBox.stroke.update(true);\n\n        $('#stroke_width').val(selectedElement.getAttribute('stroke-width') || 1);\n        $('#stroke_style').val(selectedElement.getAttribute('stroke-dasharray') || 'none');\n\n        let attr = selectedElement.getAttribute('stroke-linejoin') || 'miter';\n\n        if ($('#linejoin_' + attr).length) {\n          setStrokeOpt($('#linejoin_' + attr)[0]);\n        }\n\n        attr = selectedElement.getAttribute('stroke-linecap') || 'butt';\n\n        if ($('#linecap_' + attr).length) {\n          setStrokeOpt($('#linecap_' + attr)[0]);\n        }\n      }\n    }\n\n    // All elements including image and group have opacity\n    if (selectedElement != null) {\n      const opacPerc = (selectedElement.getAttribute('opacity') || 1.0) * 100;\n      $('#group_opacity').val(opacPerc);\n      $('#opac_slider').slider('option', 'value', opacPerc);\n      $('#elem_id').val(selectedElement.id);\n      $('#elem_class').val(selectedElement.getAttribute('class'));\n    }\n\n    updateToolButtonState();\n  };\n\n  // updates the context panel tools based on the selected element\n  const updateContextPanel = function () {\n    let elem = selectedElement;\n    // If element has just been deleted, consider it null\n    if (elem != null && !elem.parentNode) { elem = null; }\n    const currentLayerName = svgCanvas.getCurrentDrawing().getCurrentLayerName();\n    const currentMode = svgCanvas.getMode();\n    const unit = curConfig.baseUnit !== 'px' ? curConfig.baseUnit : null;\n\n    const isNode = currentMode === 'pathedit'; // elem ? (elem.id && elem.id.startsWith('pathpointgrip')) : false;\n    const menuItems = $('#cmenu_canvas li');\n    $('#selected_panel, #multiselected_panel, #g_panel, #rect_panel, #circle_panel,' +\n      '#ellipse_panel, #line_panel, #text_panel, #image_panel, #container_panel,' +\n      ' #use_panel, #a_panel').hide();\n    if (elem != null) {\n      const elname = elem.nodeName;\n      // If this is a link with no transform and one child, pretend\n      // its child is selected\n      // if (elname === 'a') { // && !$(elem).attr('transform')) {\n      //   elem = elem.firstChild;\n      // }\n\n      const angle = svgCanvas.getRotationAngle(elem);\n      $('#angle').val(angle);\n\n      const blurval = svgCanvas.getBlur(elem);\n      $('#blur').val(blurval);\n      $('#blur_slider').slider('option', 'value', blurval);\n\n      if (svgCanvas.addedNew) {\n        if (elname === 'image' && svgCanvas.getMode() === 'image') {\n          // Prompt for URL if not a data URL\n          if (!svgCanvas.getHref(elem).startsWith('data:')) {\n            promptImgURL({cancelDeletes: true});\n          }\n        }\n        /* else if (elname == 'text') {\n          // TODO: Do something here for new text\n        } */\n      }\n\n      if (!isNode && currentMode !== 'pathedit') {\n        $('#selected_panel').show();\n        // Elements in this array already have coord fields\n        if (['line', 'circle', 'ellipse'].includes(elname)) {\n          $('#xy_panel').hide();\n        } else {\n          let x, y;\n\n          // Get BBox vals for g, polyline and path\n          if (['g', 'polyline', 'path'].includes(elname)) {\n            const bb = svgCanvas.getStrokedBBox([elem]);\n            if (bb) {\n              ({x, y} = bb);\n            }\n          } else {\n            x = elem.getAttribute('x');\n            y = elem.getAttribute('y');\n          }\n\n          if (unit) {\n            x = convertUnit(x);\n            y = convertUnit(y);\n          }\n\n          $('#selected_x').val(x || 0);\n          $('#selected_y').val(y || 0);\n          $('#xy_panel').show();\n        }\n\n        // Elements in this array cannot be converted to a path\n        const noPath = !['image', 'text', 'path', 'g', 'use'].includes(elname);\n        $('#tool_topath').toggle(noPath);\n        $('#tool_reorient').toggle(elname === 'path');\n        $('#tool_reorient').toggleClass('disabled', angle === 0);\n      } else {\n        const point = path.getNodePoint();\n        $('#tool_add_subpath').removeClass('push_button_pressed').addClass('tool_button');\n        $('#tool_node_delete').toggleClass('disabled', !path.canDeleteNodes);\n\n        // Show open/close button based on selected point\n        setIcon('#tool_openclose_path', path.closed_subpath ? 'open_path' : 'close_path');\n\n        if (point) {\n          const segType = $('#seg_type');\n          if (unit) {\n            point.x = convertUnit(point.x);\n            point.y = convertUnit(point.y);\n          }\n          $('#path_node_x').val(point.x);\n          $('#path_node_y').val(point.y);\n          if (point.type) {\n            segType.val(point.type).removeAttr('disabled');\n          } else {\n            segType.val(4).attr('disabled', 'disabled');\n          }\n        }\n        return;\n      }\n\n      // update contextual tools here\n      const panels = {\n        g: [],\n        a: [],\n        rect: ['rx', 'width', 'height'],\n        image: ['width', 'height'],\n        circle: ['cx', 'cy', 'r'],\n        ellipse: ['cx', 'cy', 'rx', 'ry'],\n        line: ['x1', 'y1', 'x2', 'y2'],\n        text: [],\n        use: []\n      };\n\n      const {tagName} = elem;\n\n      // if ($(elem).data('gsvg')) {\n      //   $('#g_panel').show();\n      // }\n\n      let linkHref = null;\n      if (tagName === 'a') {\n        linkHref = svgCanvas.getHref(elem);\n        $('#g_panel').show();\n      }\n\n      if (elem.parentNode.tagName === 'a') {\n        if (!$(elem).siblings().length) {\n          $('#a_panel').show();\n          linkHref = svgCanvas.getHref(elem.parentNode);\n        }\n      }\n\n      // Hide/show the make_link buttons\n      $('#tool_make_link, #tool_make_link').toggle(!linkHref);\n\n      if (linkHref) {\n        $('#link_url').val(linkHref);\n      }\n\n      if (panels[tagName]) {\n        const curPanel = panels[tagName];\n\n        $('#' + tagName + '_panel').show();\n\n        $.each(curPanel, function (i, item) {\n          let attrVal = elem.getAttribute(item);\n          if (curConfig.baseUnit !== 'px' && elem[item]) {\n            const bv = elem[item].baseVal.value;\n            attrVal = convertUnit(bv);\n          }\n          $('#' + tagName + '_' + item).val(attrVal || 0);\n        });\n\n        if (tagName === 'text') {\n          $('#text_panel').css('display', 'inline');\n          $('#tool_font_size').css('display', 'inline');\n          if (svgCanvas.getItalic()) {\n            $('#tool_italic').addClass('push_button_pressed').removeClass('tool_button');\n          } else {\n            $('#tool_italic').removeClass('push_button_pressed').addClass('tool_button');\n          }\n          if (svgCanvas.getBold()) {\n            $('#tool_bold').addClass('push_button_pressed').removeClass('tool_button');\n          } else {\n            $('#tool_bold').removeClass('push_button_pressed').addClass('tool_button');\n          }\n          $('#font_family').val(elem.getAttribute('font-family'));\n          $('#font_size').val(elem.getAttribute('font-size'));\n          $('#text').val(elem.textContent);\n          if (svgCanvas.addedNew) {\n            // Timeout needed for IE9\n            setTimeout(function () {\n              $('#text').focus().select();\n            }, 100);\n          }\n        // text\n        } else if (tagName === 'image' && svgCanvas.getMode() === 'image') {\n          setImageURL(svgCanvas.getHref(elem));\n        // image\n        } else if (tagName === 'g' || tagName === 'use') {\n          $('#container_panel').show();\n          const title = svgCanvas.getTitle();\n          const label = $('#g_title')[0];\n          label.value = title;\n          setInputWidth(label);\n          $('#g_title').prop('disabled', tagName === 'use');\n        }\n      }\n      menuItems[(tagName === 'g' ? 'en' : 'dis') + 'ableContextMenuItems']('#ungroup');\n      menuItems[((tagName === 'g' || !multiselected) ? 'dis' : 'en') + 'ableContextMenuItems']('#group');\n    // if (elem != null)\n    } else if (multiselected) {\n      $('#multiselected_panel').show();\n      menuItems\n        .enableContextMenuItems('#group')\n        .disableContextMenuItems('#ungroup');\n    } else {\n      menuItems.disableContextMenuItems('#delete,#cut,#copy,#group,#ungroup,#move_front,#move_up,#move_down,#move_back');\n    }\n\n    // update history buttons\n    $('#tool_undo').toggleClass('disabled', undoMgr.getUndoStackSize() === 0);\n    $('#tool_redo').toggleClass('disabled', undoMgr.getRedoStackSize() === 0);\n\n    svgCanvas.addedNew = false;\n\n    if ((elem && !isNode) || multiselected) {\n      // update the selected elements' layer\n      $('#selLayerNames').removeAttr('disabled').val(currentLayerName);\n\n      // Enable regular menu options\n      canvMenu.enableContextMenuItems('#delete,#cut,#copy,#move_front,#move_up,#move_down,#move_back');\n    } else {\n      $('#selLayerNames').attr('disabled', 'disabled');\n    }\n  };\n\n  const updateWireFrame = function () {\n    // Test support\n    if (supportsNonSS) { return; }\n\n    const rule = '#workarea.wireframe #svgcontent * { stroke-width: ' + 1 / svgCanvas.getZoom() + 'px; }';\n    $('#wireframe_rules').text(workarea.hasClass('wireframe') ? rule : '');\n  };\n\n  let curContext = '';\n\n  const updateTitle = function (title) {\n    title = title || svgCanvas.getDocumentTitle();\n    const newTitle = origTitle + (title ? ': ' + title : '');\n\n    // Remove title update with current context info, isn't really necessary\n    // if (curContext) {\n    //   new_title = new_title + curContext;\n    // }\n    $('title:first').text(newTitle);\n  };\n\n  // called when we've selected a different element\n  /**\n  *\n  * @param {external:Window} win\n  * @param {module:svgcanvas.SvgCanvas#event:selected} elems Array of elements that were selected\n  * @listens module:svgcanvas.SvgCanvas#event:selected\n  * @fires module:svgcanvas.SvgCanvas#event:ext-selectedChanged\n  * @returns {undefined}\n  */\n  const selectedChanged = function (win, elems) {\n    const mode = svgCanvas.getMode();\n    if (mode === 'select') {\n      setSelectMode();\n    }\n    const isNode = mode === 'pathedit';\n    // if elems[1] is present, then we have more than one element\n    selectedElement = (elems.length === 1 || elems[1] == null ? elems[0] : null);\n    multiselected = (elems.length >= 2 && elems[1] != null);\n    if (selectedElement != null) {\n      // unless we're already in always set the mode of the editor to select because\n      // upon creation of a text element the editor is switched into\n      // select mode and this event fires - we need our UI to be in sync\n\n      if (!isNode) {\n        updateToolbar();\n      }\n    } // if (elem != null)\n\n    // Deal with pathedit mode\n    togglePathEditMode(isNode, elems);\n    updateContextPanel();\n    svgCanvas.runExtensions('selectedChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} */ {\n      elems,\n      selectedElement,\n      multiselected\n    });\n  };\n\n  // Call when part of element is in process of changing, generally\n  // on mousemove actions like rotate, move, etc.\n  /**\n   * @param {external:Window} win\n   * @param {module:svgcanvas.SvgCanvas#event:transition} elems\n   * @listens module:svgcanvas.SvgCanvas#event:transition\n   * @fires module:svgcanvas.SvgCanvas#event:ext-elementTransition\n   * @returns {undefined}\n   */\n  const elementTransition = function (win, elems) {\n    const mode = svgCanvas.getMode();\n    const elem = elems[0];\n\n    if (!elem) {\n      return;\n    }\n\n    multiselected = (elems.length >= 2 && elems[1] != null);\n    // Only updating fields for single elements for now\n    if (!multiselected) {\n      switch (mode) {\n      case 'rotate':\n        const ang = svgCanvas.getRotationAngle(elem);\n        $('#angle').val(ang);\n        $('#tool_reorient').toggleClass('disabled', ang === 0);\n        break;\n\n      // TODO: Update values that change on move/resize, etc\n      // case 'select':\n      // case 'resize':\n      //   break;\n      }\n    }\n    svgCanvas.runExtensions('elementTransition', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementTransition} */ {\n      elems\n    });\n  };\n\n  /**\n   * Test whether an element is a layer or not.\n   * @param {SVGGElement} elem - The SVGGElement to test.\n   * @returns {boolean} True if the element is a layer\n   */\n  function isLayer (elem) {\n    return elem && elem.tagName === 'g' && Layer.CLASS_REGEX.test(elem.getAttribute('class'));\n  }\n\n  // called when any element has changed\n  /**\n   * @param {external:Window} win\n   * @param {module:svgcanvas.SvgCanvas#event:changed} elems\n   * @listens module:svgcanvas.SvgCanvas#event:changed\n   * @fires module:svgcanvas.SvgCanvas#event:ext-elementChanged\n   * @returns {undefined}\n   */\n  const elementChanged = function (win, elems) {\n    const mode = svgCanvas.getMode();\n    if (mode === 'select') {\n      setSelectMode();\n    }\n\n    for (let i = 0; i < elems.length; ++i) {\n      const elem = elems[i];\n\n      const isSvgElem = (elem && elem.tagName === 'svg');\n      if (isSvgElem || isLayer(elem)) {\n        populateLayers();\n        // if the element changed was the svg, then it could be a resolution change\n        if (isSvgElem) {\n          updateCanvas();\n        }\n      // Update selectedElement if element is no longer part of the image.\n      // This occurs for the text elements in Firefox\n      } else if (elem && selectedElement && selectedElement.parentNode == null) {\n        // || elem && elem.tagName == \"path\" && !multiselected) { // This was added in r1430, but not sure why\n        selectedElement = elem;\n      }\n    }\n\n    editor.showSaveWarning = true;\n\n    // we update the contextual panel with potentially new\n    // positional/sizing information (we DON'T want to update the\n    // toolbar here as that creates an infinite loop)\n    // also this updates the history buttons\n\n    // we tell it to skip focusing the text control if the\n    // text element was previously in focus\n    updateContextPanel();\n\n    // In the event a gradient was flipped:\n    if (selectedElement && mode === 'select') {\n      paintBox.fill.update();\n      paintBox.stroke.update();\n    }\n\n    svgCanvas.runExtensions('elementChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementChanged} */ {\n      elems\n    });\n  };\n\n  /**\n   * @returns {undefined}\n   */\n  const zoomDone = function () {\n    updateWireFrame();\n    // updateCanvas(); // necessary?\n  };\n\n  /**\n  * @typedef {PlainObject} module:SVGEditor.BBoxObjectWithFactor (like `DOMRect`)\n  * @property {Float} x\n  * @property {Float} y\n  * @property {Float} width\n  * @property {Float} height\n  * @property {Float} [factor] Needed if width or height are 0\n  * @property {Float} [zoom]\n  * @see module:svgcanvas.SvgCanvas#event:zoomed\n  */\n\n  /**\n  * @function module:svgcanvas.SvgCanvas#zoomChanged\n  * @param {external:Window} win\n  * @param {module:svgcanvas.SvgCanvas#event:zoomed} bbox\n  * @param {boolean} autoCenter\n  * @listens module:svgcanvas.SvgCanvas#event:zoomed\n  * @returns {undefined}\n  */\n  const zoomChanged = svgCanvas.zoomChanged = function (win, bbox, autoCenter) {\n    const scrbar = 15,\n      // res = svgCanvas.getResolution(), // Currently unused\n      wArea = workarea;\n    // const canvasPos = $('#svgcanvas').position(); // Currently unused\n    const zInfo = svgCanvas.setBBoxZoom(bbox, wArea.width() - scrbar, wArea.height() - scrbar);\n    if (!zInfo) { return; }\n    const zoomlevel = zInfo.zoom,\n      bb = zInfo.bbox;\n\n    if (zoomlevel < 0.001) {\n      changeZoom({value: 0.1});\n      return;\n    }\n\n    $('#zoom').val((zoomlevel * 100).toFixed(1));\n\n    if (autoCenter) {\n      updateCanvas();\n    } else {\n      updateCanvas(false, {x: bb.x * zoomlevel + (bb.width * zoomlevel) / 2, y: bb.y * zoomlevel + (bb.height * zoomlevel) / 2});\n    }\n\n    if (svgCanvas.getMode() === 'zoom' && bb.width) {\n      // Go to select if a zoom box was drawn\n      setSelectMode();\n    }\n\n    zoomDone();\n  };\n\n  const changeZoom = function (ctl) {\n    const zoomlevel = ctl.value / 100;\n    if (zoomlevel < 0.001) {\n      ctl.value = 0.1;\n      return;\n    }\n    const zoom = svgCanvas.getZoom();\n    const wArea = workarea;\n\n    zoomChanged(window, {\n      width: 0,\n      height: 0,\n      // center pt of scroll position\n      x: (wArea[0].scrollLeft + wArea.width() / 2) / zoom,\n      y: (wArea[0].scrollTop + wArea.height() / 2) / zoom,\n      zoom: zoomlevel\n    }, true);\n  };\n\n  $('#cur_context_panel').delegate('a', 'click', function () {\n    const link = $(this);\n    if (link.attr('data-root')) {\n      svgCanvas.leaveContext();\n    } else {\n      svgCanvas.setContext(link.text());\n    }\n    svgCanvas.clearSelection();\n    return false;\n  });\n\n  /**\n   * @param {external:Window} win\n   * @param {module:svgcanvas.SvgCanvas#event:contextset} context\n   * @listens module:svgcanvas.SvgCanvas#event:contextset\n   * @returns {undefined}\n   */\n  const contextChanged = function (win, context) {\n    let linkStr = '';\n    if (context) {\n      let str = '';\n      linkStr = '<a href=\"#\" data-root=\"y\">' + svgCanvas.getCurrentDrawing().getCurrentLayerName() + '</a>';\n\n      $(context).parentsUntil('#svgcontent > g').andSelf().each(function () {\n        if (this.id) {\n          str += ' > ' + this.id;\n          if (this !== context) {\n            linkStr += ' > <a href=\"#\">' + this.id + '</a>';\n          } else {\n            linkStr += ' > ' + this.id;\n          }\n        }\n      });\n\n      curContext = str;\n    } else {\n      curContext = null;\n    }\n    $('#cur_context_panel').toggle(!!context).html(linkStr);\n\n    updateTitle();\n  };\n\n  // Makes sure the current selected paint is available to work with\n  const prepPaints = function () {\n    paintBox.fill.prep();\n    paintBox.stroke.prep();\n  };\n\n  const flyoutFuncs = {};\n\n  const setFlyoutTitles = function () {\n    $('.tools_flyout').each(function () {\n      const shower = $('#' + this.id + '_show');\n      if (shower.data('isLibrary')) {\n        return;\n      }\n\n      const tooltips = $(this).children().map(function () {\n        return this.title;\n      }).get();\n      shower[0].title = tooltips.join(' / ');\n    });\n  };\n\n  const allHolders = {};\n  /**\n   * @param {Object.<string, module:SVGEditor.ToolButton>} holders Key is a selector\n   * @returns {undefined}\n   */\n  const setupFlyouts = function (holders) {\n    $.each(holders, function (holdSel, btnOpts) {\n      if (!allHolders[holdSel]) {\n        allHolders[holdSel] = [];\n      }\n      allHolders[holdSel].push(...btnOpts);\n\n      const buttons = $(holdSel).children().not('.tool_button_evt_handled');\n      const showSel = holdSel + '_show';\n      const shower = $(showSel);\n      let def = false;\n      buttons.addClass('tool_button tool_button_evt_handled')\n        .unbind('click mousedown mouseup') // may not be necessary\n        .each(function () {\n          // Get this button's options\n          const idSel = '#' + this.getAttribute('id');\n          const [i, opts] = Object.entries(btnOpts).find(([i, {sel}]) => {\n            return sel === idSel;\n          });\n\n          // Remember the function that goes with this ID\n          flyoutFuncs[opts.sel] = opts.fn;\n\n          if (opts.isDefault) { def = i; }\n\n          /**\n           * Clicking the icon in flyout should set this set's icon\n           * @param {Event} ev\n           * @returns {undefined}\n           */\n          const flyoutAction = function (ev) {\n            let options = opts;\n            // Find the currently selected tool if comes from keystroke\n            if (ev.type === 'keydown') {\n              const flyoutIsSelected = $(options.parent + '_show').hasClass('tool_button_current');\n              const currentOperation = $(options.parent + '_show').attr('data-curopt');\n              Object.entries(holders[opts.parent]).some(([i, tool]) => {\n                if (tool.sel !== currentOperation) {\n                  return;\n                }\n                if (!ev.shiftKey || !flyoutIsSelected) {\n                  options = tool;\n                } else {\n                  // If flyout is selected, allow shift key to iterate through subitems\n                  i = parseInt(i, 10);\n                  // Use `allHolders` to include both extension `includeWith` and toolbarButtons\n                  options = allHolders[opts.parent][i + 1] ||\n                    holders[opts.parent][0];\n                }\n                return true;\n              });\n            }\n            if ($(this).hasClass('disabled')) { return false; }\n            if (toolButtonClick(showSel)) {\n              options.fn();\n            }\n            let icon;\n            if (options.icon) {\n              icon = $.getSvgIcon(options.icon, true);\n            } else {\n              icon = $(options.sel).children().eq(0).clone();\n            }\n\n            icon[0].setAttribute('width', shower.width());\n            icon[0].setAttribute('height', shower.height());\n            shower.children(':not(.flyout_arrow_horiz)').remove();\n            shower.append(icon).attr('data-curopt', options.sel); // This sets the current mode\n          };\n\n          $(this).mouseup(flyoutAction);\n\n          if (opts.key) {\n            $(document).bind('keydown', opts.key[0] + ' shift+' + opts.key[0], flyoutAction);\n          }\n        });\n\n      if (def) {\n        shower.attr('data-curopt', btnOpts[def].sel);\n      } else if (!shower.attr('data-curopt')) {\n        // Set first as default\n        shower.attr('data-curopt', btnOpts[0].sel);\n      }\n\n      let timer;\n      const pos = $(showSel).position();\n\n      // Clicking the \"show\" icon should set the current mode\n      shower.mousedown(function (evt) {\n        if (shower.hasClass('disabled')) {\n          return false;\n        }\n        const holder = $(holdSel);\n        const l = pos.left + 34;\n        const w = holder.width() * -1;\n        const time = holder.data('shown_popop') ? 200 : 0;\n        timer = setTimeout(function () {\n          // Show corresponding menu\n          if (!shower.data('isLibrary')) {\n            holder.css('left', w).show().animate({\n              left: l\n            }, 150);\n          } else {\n            holder.css('left', l).show();\n          }\n          holder.data('shown_popop', true);\n        }, time);\n        evt.preventDefault();\n      }).mouseup(function (evt) {\n        clearTimeout(timer);\n        const opt = $(this).attr('data-curopt');\n        // Is library and popped up, so do nothing\n        if (shower.data('isLibrary') && $(showSel.replace('_show', '')).is(':visible')) {\n          toolButtonClick(showSel, true);\n          return;\n        }\n        if (toolButtonClick(showSel) && flyoutFuncs[opt]) {\n          flyoutFuncs[opt]();\n        }\n      });\n      // $('#tools_rect').mouseleave(function () { $('#tools_rect').fadeOut(); });\n    });\n    setFlyoutTitles();\n    setFlyoutPositions();\n  };\n\n  const makeFlyoutHolder = function (id, child) {\n    const div = $('<div>', {\n      class: 'tools_flyout',\n      id\n    }).appendTo('#svg_editor').append(child);\n\n    return div;\n  };\n\n  // TODO: Combine this with addDropDown or find other way to optimize\n  const addAltDropDown = function (elem, list, callback, opts) {\n    const button = $(elem);\n    const {dropUp} = opts;\n    list = $(list);\n    if (dropUp) {\n      $(elem).addClass('dropup');\n    }\n    list.find('li').bind('mouseup', function () {\n      if (opts.seticon) {\n        setIcon('#cur_' + button[0].id, $(this).children());\n        $(this).addClass('current').siblings().removeClass('current');\n      }\n      callback.apply(this, arguments);\n    });\n\n    let onButton = false;\n    $(window).mouseup(function (evt) {\n      if (!onButton) {\n        button.removeClass('down');\n        list.hide();\n        list.css({top: 0, left: 0});\n      }\n      onButton = false;\n    });\n\n    // const height = list.height(); // Currently unused\n    button.bind('mousedown', function () {\n      const off = button.offset();\n      if (dropUp) {\n        off.top -= list.height();\n        off.left += 8;\n      } else {\n        off.top += button.height();\n      }\n      list.offset(off);\n\n      if (!button.hasClass('down')) {\n        list.show();\n        onButton = true;\n      } else {\n        // CSS position must be reset for Webkit\n        list.hide();\n        list.css({top: 0, left: 0});\n      }\n      button.toggleClass('down');\n    }).hover(function () {\n      onButton = true;\n    }).mouseout(function () {\n      onButton = false;\n    });\n\n    if (opts.multiclick) {\n      list.mousedown(function () {\n        onButton = true;\n      });\n    }\n  };\n\n  const extsPreLang = [];\n  /**\n   * @param {external:Window} win\n   * @param {module:svgcanvas.SvgCanvas#event:extension_added} ext\n   * @listens module:svgcanvas.SvgCanvas#event:extension_added\n   * @returns {Promise} Resolves to `undefined`\n   */\n  const extAdded = function (win, ext) {\n    if (!ext) {\n      return;\n    }\n    let cbCalled = false;\n    let resizeDone = false;\n\n    if (ext.langReady) {\n      if (editor.langChanged) { // We check for this since the \"lang\" pref could have been set by storage\n        const lang = $.pref('lang');\n        ext.langReady({\n          lang,\n          uiStrings,\n          importLocale: getImportLocale({defaultLang: lang, defaultName: ext.name})\n        });\n      } else {\n        extsPreLang.push(ext);\n      }\n    }\n\n    function prepResize () {\n      if (resizeTimer) {\n        clearTimeout(resizeTimer);\n        resizeTimer = null;\n      }\n      if (!resizeDone) {\n        resizeTimer = setTimeout(function () {\n          resizeDone = true;\n          setIconSize($.pref('iconsize'));\n        }, 50);\n      }\n    }\n\n    const runCallback = function () {\n      if (ext.callback && !cbCalled) {\n        cbCalled = true;\n        ext.callback.call(editor);\n      }\n    };\n\n    const btnSelects = [];\n\n    /**\n    * @typedef {PlainObject} module:SVGEditor.ContextTool\n    * @property {string} panel The ID of the existing panel to which the tool is being added. Required.\n    * @property {string} id The ID of the actual tool element. Required.\n    * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<\"change\", external:jQuery.Function>} events DOM event names keyed to associated functions. Example: `{change () { alert('Option was changed') } }`. \"change\" event is one specifically handled for the \"button-select\" type. Required.\n    * @property {string} title The tooltip text that will appear when the user hovers over the tool. Required.\n    * @property {\"tool_button\"|\"select\"|\"button-select\"|\"input\"|string} type The type of tool being added. Expected.\n    * @property {PlainObject.<string, string>} [options] List of options and their labels for select tools. Example: `{1: 'One', 2: 'Two', all: 'All' }`. Required by \"select\" tools.\n    * @property {string} [container_id] The ID to be given to the tool's container element.\n    * @property {string} [defval] Default value\n    * @property {string|Integer} [colnum] Added as part of the option list class.\n    * @property {string} [label] Label associated with the tool, visible in the UI\n    * @property {Integer} [size] Value of the \"size\" attribute of the tool input\n    * @property {module:jQuerySpinButton.SpinButtonConfig} [spindata] When added to a tool of type \"input\", this tool becomes a \"spinner\" which allows the number to be in/decreased.\n    */\n    if (ext.context_tools) {\n      $.each(ext.context_tools, function (i, tool) {\n        // Add select tool\n        const contId = tool.container_id ? (' id=\"' + tool.container_id + '\"') : '';\n\n        let panel = $('#' + tool.panel);\n        // create the panel if it doesn't exist\n        if (!panel.length) {\n          panel = $('<div>', {id: tool.panel}).appendTo('#tools_top');\n        }\n\n        let html;\n        // TODO: Allow support for other types, or adding to existing tool\n        switch (tool.type) {\n        case 'tool_button':\n          html = '<div class=\"tool_button\">' + tool.id + '</div>';\n          const div = $(html).appendTo(panel);\n          if (tool.events) {\n            $.each(tool.events, function (evt, func) {\n              $(div).bind(evt, func);\n            });\n          }\n          break;\n        case 'select':\n          html = '<label' + contId + '>' +\n            '<select id=\"' + tool.id + '\">';\n          $.each(tool.options, function (val, text) {\n            const sel = (val === tool.defval) ? ' selected' : '';\n            html += '<option value=\"' + val + '\"' + sel + '>' + text + '</option>';\n          });\n          html += '</select></label>';\n          // Creates the tool, hides & adds it, returns the select element\n          const sel = $(html).appendTo(panel).find('select');\n\n          $.each(tool.events, function (evt, func) {\n            $(sel).bind(evt, func);\n          });\n          break;\n        case 'button-select':\n          html = '<div id=\"' + tool.id + '\" class=\"dropdown toolset\" title=\"' + tool.title + '\">' +\n            '<div id=\"cur_' + tool.id + '\" class=\"icon_label\"></div><button></button></div>';\n\n          const list = $('<ul id=\"' + tool.id + '_opts\"></ul>').appendTo('#option_lists');\n\n          if (tool.colnum) {\n            list.addClass('optcols' + tool.colnum);\n          }\n\n          // Creates the tool, hides & adds it, returns the select element\n          /* const dropdown = */ $(html).appendTo(panel).children();\n\n          btnSelects.push({\n            elem: ('#' + tool.id),\n            list: ('#' + tool.id + '_opts'),\n            title: tool.title,\n            callback: tool.events.change,\n            cur: ('#cur_' + tool.id)\n          });\n\n          break;\n        case 'input':\n          html = '<label' + contId + '>' +\n            '<span id=\"' + tool.id + '_label\">' +\n            tool.label + ':</span>' +\n            '<input id=\"' + tool.id + '\" title=\"' + tool.title +\n            '\" size=\"' + (tool.size || '4') + '\" value=\"' + (tool.defval || '') + '\" type=\"text\"/></label>';\n\n          // Creates the tool, hides & adds it, returns the select element\n\n          // Add to given tool.panel\n          const inp = $(html).appendTo(panel).find('input');\n\n          if (tool.spindata) {\n            inp.SpinButton(tool.spindata);\n          }\n\n          if (tool.events) {\n            $.each(tool.events, function (evt, func) {\n              inp.bind(evt, func);\n            });\n          }\n          break;\n\n        default:\n          break;\n        }\n      });\n    }\n\n    const {svgicons} = ext;\n    if (ext.buttons) {\n      const fallbackObj = {},\n        placementObj = {},\n        holders = {};\n\n      /**\n      * @typedef {GenericArray} module:SVGEditor.KeyArray\n      * @property {string} 0 The key to bind (on `keydown`)\n      * @property {boolean} 1 Whether to `preventDefault` on the `keydown` event\n      * @property {boolean} 2 Not apparently in use (NoDisableInInput)\n      */\n      /**\n       * @typedef {string|module:SVGEditor.KeyArray} module:SVGEditor.Key\n       */\n      /**\n      * @typedef {PlainObject} module:SVGEditor.Button\n      * @property {string} id A unique identifier for this button. If SVG icons are used, this must match the ID used in the icon file. Required.\n      * @property {\"mode_flyout\"|\"mode\"|\"context\"|\"app_menu\"} type Type of button. Required.\n      * @property {string} title The tooltip text that will appear when the user hovers over the icon. Required.\n      * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<\"click\", external:jQuery.Function>} events DOM event names with associated functions. Example: `{click () { alert('Button was clicked') } }`. Click is used with `includeWith` and `type` of \"mode_flyout\" (and \"mode\"); any events may be added if `list` is not present. Expected.\n      * @property {string} panel The ID of the context panel to be included, if type is \"context\". Required only if type is \"context\".\n      * @property {string} icon The file path to the raster version of the icon image source. Required only if no `svgicons` is supplied from [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse}.\n      * @property {string} [svgicon] If absent, will utilize the button \"id\"; used to set \"placement\" on the `svgIcons` call\n      * @property {string} [list] Points to the \"id\" of a `context_tools` item of type \"button-select\" into which the button will be added as a panel list item\n      * @property {Integer} [position] The numeric index for placement; defaults to last position (as of the time of extension addition) if not present. For use with {@link http://api.jquery.com/eq/}.\n      * @property {boolean} [isDefault] Whether or not the button is the default. Used with `list`.\n      * @property {PlainObject} [includeWith] Object with flyout menu data\n      * @property {boolean} [includeWith.isDefault] Indicates whether button is default in flyout list or not.\n      * @property {string} includeWith.button jQuery selector of the existing button to be joined. Example: '#tool_line'. Required if `includeWith` is used.\n      * @property {\"last\"|Integer} [includeWith.position] Position of icon in flyout list; will be added to end if not indicated. Integer is for use with {@link http://api.jquery.com/eq/}.\n      * @property {module:SVGEditor.Key} [key] The key to bind to the button\n      */\n      // Add buttons given by extension\n      $.each(ext.buttons, function (i, /** @type {module:SVGEditor.Button} */ btn) {\n        let {id} = btn;\n        let num = i;\n        // Give button a unique ID\n        while ($('#' + id).length) {\n          id = btn.id + '_' + (++num);\n        }\n\n        let icon;\n        if (!svgicons) {\n          icon = $('<img src=\"' + btn.icon + '\">');\n        } else {\n          fallbackObj[id] = btn.icon;\n          const svgicon = btn.svgicon || btn.id;\n          if (btn.type === 'app_menu') {\n            placementObj['#' + id + ' > div'] = svgicon;\n          } else {\n            placementObj['#' + id] = svgicon;\n          }\n        }\n\n        let cls, parent;\n\n        // Set button up according to its type\n        switch (btn.type) {\n        case 'mode_flyout':\n        case 'mode':\n          cls = 'tool_button';\n          parent = '#tools_left';\n          break;\n        case 'context':\n          cls = 'tool_button';\n          parent = '#' + btn.panel;\n          // create the panel if it doesn't exist\n          if (!$(parent).length) {\n            $('<div>', {id: btn.panel}).appendTo('#tools_top');\n          }\n          break;\n        case 'app_menu':\n          cls = '';\n          parent = '#main_menu ul';\n          break;\n        }\n        let flyoutHolder, curH, showBtn, refData, refBtn;\n        const button = $((btn.list || btn.type === 'app_menu') ? '<li/>' : '<div/>')\n          .attr('id', id)\n          .attr('title', btn.title)\n          .addClass(cls);\n        if (!btn.includeWith && !btn.list) {\n          if ('position' in btn) {\n            if ($(parent).children().eq(btn.position).length) {\n              $(parent).children().eq(btn.position).before(button);\n            } else {\n              $(parent).children().last().before(button);\n            }\n          } else {\n            button.appendTo(parent);\n          }\n\n          if (btn.type === 'mode_flyout') {\n          // Add to flyout menu / make flyout menu\n            // const opts = btn.includeWith;\n            // // opts.button, default, position\n            refBtn = $(button);\n\n            flyoutHolder = refBtn.parent();\n            // Create a flyout menu if there isn't one already\n            let tlsId;\n            if (!refBtn.parent().hasClass('tools_flyout')) {\n              // Create flyout placeholder\n              tlsId = refBtn[0].id.replace('tool_', 'tools_');\n              showBtn = refBtn.clone()\n                .attr('id', tlsId + '_show')\n                .append($('<div>', {class: 'flyout_arrow_horiz'}));\n\n              refBtn.before(showBtn);\n\n              // Create a flyout div\n              flyoutHolder = makeFlyoutHolder(tlsId, refBtn);\n              flyoutHolder.data('isLibrary', true);\n              showBtn.data('isLibrary', true);\n            }\n            // refData = Actions.getButtonData(opts.button);\n\n            placementObj['#' + tlsId + '_show'] = btn.id;\n            // TODO: Find way to set the current icon using the iconloader if this is not default\n\n            // Include data for extension button as well as ref button\n            curH = holders['#' + flyoutHolder[0].id] = [{\n              sel: '#' + id,\n              fn: btn.events.click,\n              icon: btn.id,\n              // key: btn.key,\n              isDefault: true\n            }]; // , refData\n            //\n            // // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}\n            //\n            // const pos = ('position' in opts)?opts.position:'last';\n            // const len = flyoutHolder.children().length;\n            //\n            // // Add at given position or end\n            // if (!isNaN(pos) && pos >= 0 && pos < len) {\n            //   flyoutHolder.children().eq(pos).before(button);\n            // } else {\n            //   flyoutHolder.append(button);\n            //   curH.reverse();\n            // }\n          } else if (btn.type === 'app_menu') {\n            button.append('<div>').append(btn.title);\n          }\n        } else if (btn.list) {\n          // Add button to list\n          button.addClass('push_button');\n          $('#' + btn.list + '_opts').append(button);\n          if (btn.isDefault) {\n            $('#cur_' + btn.list).append(button.children().clone());\n            const svgicon = btn.svgicon || btn.id;\n            placementObj['#cur_' + btn.list] = svgicon;\n          }\n        } else if (btn.includeWith) {\n          // Add to flyout menu / make flyout menu\n          const opts = btn.includeWith;\n          // opts.button, default, position\n          refBtn = $(opts.button);\n\n          flyoutHolder = refBtn.parent();\n          // Create a flyout menu if there isn't one already\n          let tlsId;\n          if (!refBtn.parent().hasClass('tools_flyout')) {\n            // Create flyout placeholder\n            tlsId = refBtn[0].id.replace('tool_', 'tools_');\n            showBtn = refBtn.clone()\n              .attr('id', tlsId + '_show')\n              .append($('<div>', {class: 'flyout_arrow_horiz'}));\n\n            refBtn.before(showBtn);\n            // Create a flyout div\n            flyoutHolder = makeFlyoutHolder(tlsId, refBtn);\n          }\n\n          refData = Actions.getButtonData(opts.button);\n\n          if (opts.isDefault) {\n            placementObj['#' + tlsId + '_show'] = btn.id;\n          }\n          // TODO: Find way to set the current icon using the iconloader if this is not default\n\n          // Include data for extension button as well as ref button\n          curH = holders['#' + flyoutHolder[0].id] = [{\n            sel: '#' + id,\n            fn: btn.events.click,\n            icon: btn.id,\n            key: btn.key,\n            isDefault: Boolean(btn.includeWith && btn.includeWith.isDefault)\n          }, refData];\n\n          // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}\n\n          const pos = ('position' in opts) ? opts.position : 'last';\n          const len = flyoutHolder.children().length;\n\n          // Add at given position or end\n          if (!isNaN(pos) && pos >= 0 && pos < len) {\n            flyoutHolder.children().eq(pos).before(button);\n          } else {\n            flyoutHolder.append(button);\n            curH.reverse();\n          }\n        }\n\n        if (!svgicons) {\n          button.append(icon);\n        }\n\n        if (!btn.list) {\n          // Add given events to button\n          $.each(btn.events, function (name, func) {\n            if (name === 'click' && btn.type === 'mode') {\n              if (btn.includeWith) {\n                button.bind(name, func);\n              } else {\n                button.bind(name, function () {\n                  if (toolButtonClick(button)) {\n                    func();\n                  }\n                });\n              }\n              if (btn.key) {\n                $(document).bind('keydown', btn.key, func);\n                if (btn.title) {\n                  button.attr('title', btn.title + ' [' + btn.key + ']');\n                }\n              }\n            } else {\n              button.bind(name, func);\n            }\n          });\n        }\n\n        setupFlyouts(holders);\n      });\n\n      $.each(btnSelects, function () {\n        addAltDropDown(this.elem, this.list, this.callback, {seticon: true});\n      });\n\n      if (svgicons) {\n        return new Promise((resolve, reject) => {\n          $.svgIcons(svgicons, {\n            w: 24, h: 24,\n            id_match: false,\n            no_img: (!isWebkit()),\n            fallback: fallbackObj,\n            placement: placementObj,\n            callback (icons) {\n              // Non-ideal hack to make the icon match the current size\n              // if (curPrefs.iconsize && curPrefs.iconsize !== 'm') {\n              if ($.pref('iconsize') !== 'm') {\n                prepResize();\n              }\n              runCallback();\n              resolve();\n            }\n          });\n        });\n      }\n    }\n    return runCallback();\n  };\n\n  const getPaint = function (color, opac, type) {\n    // update the editor's fill paint\n    const opts = { alpha: opac };\n    if (color.startsWith('url(#')) {\n      let refElem = svgCanvas.getRefElem(color);\n      if (refElem) {\n        refElem = refElem.cloneNode(true);\n      } else {\n        refElem = $('#' + type + '_color defs *')[0];\n      }\n      opts[refElem.tagName] = refElem;\n    } else if (color.startsWith('#')) {\n      opts.solidColor = color.substr(1);\n    } else {\n      opts.solidColor = 'none';\n    }\n    return new $.jGraduate.Paint(opts);\n  };\n\n  // $('#text').focus(function () { textBeingEntered = true; });\n  // $('#text').blur(function () { textBeingEntered = false; });\n\n  // bind the selected event to our function that handles updates to the UI\n  svgCanvas.bind('selected', selectedChanged);\n  svgCanvas.bind('transition', elementTransition);\n  svgCanvas.bind('changed', elementChanged);\n  svgCanvas.bind('saved', saveHandler);\n  svgCanvas.bind('exported', exportHandler);\n  svgCanvas.bind('exportedPDF', function (win, data) {\n    const {exportWindowName} = data;\n    if (exportWindowName) {\n      exportWindow = window.open('', exportWindowName); // A hack to get the window via JSON-able name without opening a new one\n    }\n    if (!exportWindow || exportWindow.closed) {\n      $.alert(uiStrings.notification.popupWindowBlocked);\n      return;\n    }\n    exportWindow.location.href = data.output;\n  });\n  svgCanvas.bind('zoomed', zoomChanged);\n  svgCanvas.bind('zoomDone', zoomDone);\n  svgCanvas.bind(\n    'updateCanvas',\n    /**\n     * @param {external:Window} win\n     * @param {false} center\n     * @param {module:math.XYObject} newCtr\n     * @listens module:svgcanvas.SvgCanvas#event:updateCanvas\n     * @returns {undefined}\n     */\n    function (win, {center, newCtr}) {\n      updateCanvas(center, newCtr);\n    }\n  );\n  svgCanvas.bind('contextset', contextChanged);\n  svgCanvas.bind('extension_added', extAdded);\n  svgCanvas.textActions.setInputElem($('#text')[0]);\n\n  let str = '<div class=\"palette_item\" data-rgb=\"none\"></div>';\n  $.each(palette, function (i, item) {\n    str += '<div class=\"palette_item\" style=\"background-color: ' + item + ';\" data-rgb=\"' + item + '\"></div>';\n  });\n  $('#palette').append(str);\n\n  // Set up editor background functionality\n  // TODO add checkerboard as \"pattern\"\n  const colorBlocks = ['#FFF', '#888', '#000']; // ,'url(data:image/gif;base64,R0lGODlhEAAQAIAAAP%2F%2F%2F9bW1iH5BAAAAAAALAAAAAAQABAAAAIfjG%2Bgq4jM3IFLJgpswNly%2FXkcBpIiVaInlLJr9FZWAQA7)'];\n  str = '';\n  $.each(colorBlocks, function () {\n    str += '<div class=\"color_block\" style=\"background-color:' + this + ';\"></div>';\n  });\n  $('#bg_blocks').append(str);\n  const blocks = $('#bg_blocks div');\n  const curBg = 'cur_background';\n  blocks.each(function () {\n    const blk = $(this);\n    blk.click(function () {\n      blocks.removeClass(curBg);\n      $(this).addClass(curBg);\n    });\n  });\n\n  setBackground($.pref('bkgd_color'), $.pref('bkgd_url'));\n\n  $('#image_save_opts input').val([$.pref('img_save')]);\n\n  const changeRectRadius = function (ctl) {\n    svgCanvas.setRectRadius(ctl.value);\n  };\n\n  const changeFontSize = function (ctl) {\n    svgCanvas.setFontSize(ctl.value);\n  };\n\n  const changeStrokeWidth = function (ctl) {\n    let val = ctl.value;\n    if (val === 0 && selectedElement && ['line', 'polyline'].includes(selectedElement.nodeName)) {\n      val = ctl.value = 1;\n    }\n    svgCanvas.setStrokeWidth(val);\n  };\n\n  const changeRotationAngle = function (ctl) {\n    svgCanvas.setRotationAngle(ctl.value);\n    $('#tool_reorient').toggleClass('disabled', parseInt(ctl.value, 10) === 0);\n  };\n\n  const changeOpacity = function (ctl, val) {\n    if (val == null) { val = ctl.value; }\n    $('#group_opacity').val(val);\n    if (!ctl || !ctl.handle) {\n      $('#opac_slider').slider('option', 'value', val);\n    }\n    svgCanvas.setOpacity(val / 100);\n  };\n\n  const changeBlur = function (ctl, val, noUndo) {\n    if (val == null) { val = ctl.value; }\n    $('#blur').val(val);\n    let complete = false;\n    if (!ctl || !ctl.handle) {\n      $('#blur_slider').slider('option', 'value', val);\n      complete = true;\n    }\n    if (noUndo) {\n      svgCanvas.setBlurNoUndo(val);\n    } else {\n      svgCanvas.setBlur(val, complete);\n    }\n  };\n\n  $('#stroke_style').change(function () {\n    svgCanvas.setStrokeAttr('stroke-dasharray', $(this).val());\n    operaRepaint();\n  });\n\n  $('#stroke_linejoin').change(function () {\n    svgCanvas.setStrokeAttr('stroke-linejoin', $(this).val());\n    operaRepaint();\n  });\n\n  // Lose focus for select elements when changed (Allows keyboard shortcuts to work better)\n  $('select').change(function () { $(this).blur(); });\n\n  // fired when user wants to move elements to another layer\n  let promptMoveLayerOnce = false;\n  $('#selLayerNames').change(function () {\n    const destLayer = this.options[this.selectedIndex].value;\n    const confirmStr = uiStrings.notification.QmoveElemsToLayer.replace('%s', destLayer);\n    const moveToLayer = function (ok) {\n      if (!ok) { return; }\n      promptMoveLayerOnce = true;\n      svgCanvas.moveSelectedToLayer(destLayer);\n      svgCanvas.clearSelection();\n      populateLayers();\n    };\n    if (destLayer) {\n      if (promptMoveLayerOnce) {\n        moveToLayer(true);\n      } else {\n        $.confirm(confirmStr, moveToLayer);\n      }\n    }\n  });\n\n  $('#font_family').change(function () {\n    svgCanvas.setFontFamily(this.value);\n  });\n\n  $('#seg_type').change(function () {\n    svgCanvas.setSegType($(this).val());\n  });\n\n  $('#text').bind('keyup input', function () {\n    svgCanvas.setTextContent(this.value);\n  });\n\n  $('#image_url').change(function () {\n    setImageURL(this.value);\n  });\n\n  $('#link_url').change(function () {\n    if (this.value.length) {\n      svgCanvas.setLinkURL(this.value);\n    } else {\n      svgCanvas.removeHyperlink();\n    }\n  });\n\n  $('#g_title').change(function () {\n    svgCanvas.setGroupTitle(this.value);\n  });\n\n  $('.attr_changer').change(function () {\n    const attr = this.getAttribute('data-attr');\n    let val = this.value;\n    const valid = isValidUnit(attr, val, selectedElement);\n\n    if (!valid) {\n      $.alert(uiStrings.notification.invalidAttrValGiven);\n      this.value = selectedElement.getAttribute(attr);\n      return false;\n    }\n\n    if (attr !== 'id' && attr !== 'class') {\n      if (isNaN(val)) {\n        val = svgCanvas.convertToNum(attr, val);\n      } else if (curConfig.baseUnit !== 'px') {\n        // Convert unitless value to one with given unit\n\n        const unitData = getTypeMap();\n\n        if (selectedElement[attr] || svgCanvas.getMode() === 'pathedit' || attr === 'x' || attr === 'y') {\n          val *= unitData[curConfig.baseUnit];\n        }\n      }\n    }\n\n    // if the user is changing the id, then de-select the element first\n    // change the ID, then re-select it with the new ID\n    if (attr === 'id') {\n      const elem = selectedElement;\n      svgCanvas.clearSelection();\n      elem.id = val;\n      svgCanvas.addToSelection([elem], true);\n    } else {\n      svgCanvas.changeSelectedAttribute(attr, val);\n    }\n    this.blur();\n  });\n\n  // Prevent selection of elements when shift-clicking\n  $('#palette').mouseover(function () {\n    const inp = $('<input type=\"hidden\">');\n    $(this).append(inp);\n    inp.focus().remove();\n  });\n\n  $('.palette_item').mousedown(function (evt) {\n    // shift key or right click for stroke\n    const picker = evt.shiftKey || evt.button === 2 ? 'stroke' : 'fill';\n    let color = $(this).data('rgb');\n    let paint;\n\n    // Webkit-based browsers returned 'initial' here for no stroke\n    if (color === 'none' || color === 'transparent' || color === 'initial') {\n      color = 'none';\n      paint = new $.jGraduate.Paint();\n    } else {\n      paint = new $.jGraduate.Paint({alpha: 100, solidColor: color.substr(1)});\n    }\n\n    paintBox[picker].setPaint(paint);\n    svgCanvas.setColor(picker, color);\n\n    if (color !== 'none' && svgCanvas.getPaintOpacity(picker) !== 1) {\n      svgCanvas.setPaintOpacity(picker, 1.0);\n    }\n    updateToolButtonState();\n  }).bind('contextmenu', function (e) { e.preventDefault(); });\n\n  $('#toggle_stroke_tools').on('click', function () {\n    $('#tools_bottom').toggleClass('expanded');\n  });\n\n  (function () {\n    const wArea = workarea[0];\n\n    let lastX = null, lastY = null,\n      panning = false, keypan = false;\n\n    $('#svgcanvas').bind('mousemove mouseup', function (evt) {\n      if (panning === false) { return; }\n\n      wArea.scrollLeft -= (evt.clientX - lastX);\n      wArea.scrollTop -= (evt.clientY - lastY);\n\n      lastX = evt.clientX;\n      lastY = evt.clientY;\n\n      if (evt.type === 'mouseup') { panning = false; }\n      return false;\n    }).mousedown(function (evt) {\n      if (evt.button === 1 || keypan === true) {\n        panning = true;\n        lastX = evt.clientX;\n        lastY = evt.clientY;\n        return false;\n      }\n    });\n\n    $(window).mouseup(function () {\n      panning = false;\n    });\n\n    $(document).bind('keydown', 'space', function (evt) {\n      svgCanvas.spaceKey = keypan = true;\n      evt.preventDefault();\n    }).bind('keyup', 'space', function (evt) {\n      evt.preventDefault();\n      svgCanvas.spaceKey = keypan = false;\n    }).bind('keydown', 'shift', function (evt) {\n      if (svgCanvas.getMode() === 'zoom') {\n        workarea.css('cursor', zoomOutIcon);\n      }\n    }).bind('keyup', 'shift', function (evt) {\n      if (svgCanvas.getMode() === 'zoom') {\n        workarea.css('cursor', zoomInIcon);\n      }\n    });\n\n    /**\n    * @param {boolean} active\n    * @returns {undefined}\n    */\n    editor.setPanning = function (active) {\n      svgCanvas.spaceKey = keypan = active;\n    };\n  }());\n\n  (function () {\n    const button = $('#main_icon');\n    const overlay = $('#main_icon span');\n    const list = $('#main_menu');\n\n    let onButton = false;\n    let height = 0;\n    let jsHover = true;\n    let setClick = false;\n\n    /*\n    // Currently unused\n    const hideMenu = function () {\n      list.fadeOut(200);\n    };\n    */\n\n    $(window).mouseup(function (evt) {\n      if (!onButton) {\n        button.removeClass('buttondown');\n        // do not hide if it was the file input as that input needs to be visible\n        // for its change event to fire\n        if (evt.target.tagName !== 'INPUT') {\n          list.fadeOut(200);\n        } else if (!setClick) {\n          setClick = true;\n          $(evt.target).click(function () {\n            list.css('margin-left', '-9999px').show();\n          });\n        }\n      }\n      onButton = false;\n    }).mousedown(function (evt) {\n      // $('.contextMenu').hide();\n      const islib = $(evt.target).closest('div.tools_flyout, .contextMenu').length;\n      if (!islib) {\n        $('.tools_flyout:visible,.contextMenu').fadeOut(250);\n      }\n    });\n\n    overlay.bind('mousedown', function () {\n      if (!button.hasClass('buttondown')) {\n        // Margin must be reset in case it was changed before;\n        list.css('margin-left', 0).show();\n        if (!height) {\n          height = list.height();\n        }\n        // Using custom animation as slideDown has annoying 'bounce effect'\n        list.css('height', 0).animate({\n          height\n        }, 200);\n        onButton = true;\n      } else {\n        list.fadeOut(200);\n      }\n      button.toggleClass('buttondown buttonup');\n    }).hover(function () {\n      onButton = true;\n    }).mouseout(function () {\n      onButton = false;\n    });\n\n    const listItems = $('#main_menu li');\n\n    // Check if JS method of hovering needs to be used (Webkit bug)\n    listItems.mouseover(function () {\n      jsHover = ($(this).css('background-color') === 'rgba(0, 0, 0, 0)');\n\n      listItems.unbind('mouseover');\n      if (jsHover) {\n        listItems.mouseover(function () {\n          this.style.backgroundColor = '#FFC';\n        }).mouseout(function () {\n          this.style.backgroundColor = 'transparent';\n          return true;\n        });\n      }\n    });\n  }());\n  // Made public for UI customization.\n  // TODO: Group UI functions into a public editor.ui interface.\n  /**\n   * See {@link http://api.jquery.com/bind/#bind-eventType-eventData-handler}\n   * @callback module:SVGEditor.DropDownCallback\n   * @param {external:jQuery.Event} ev See {@link http://api.jquery.com/Types/#Event}\n   * @listens external:jQuery.Event\n   * @returns {undefined|boolean} Calls `preventDefault()` and `stopPropagation()`\n  */\n  /**\n   * @param {Element|string} elem DOM Element or selector\n   * @param {module:SVGEditor.DropDownCallback} callback Mouseup callback\n   * @param {boolean} dropUp\n   * @returns {undefined}\n  */\n  editor.addDropDown = function (elem, callback, dropUp) {\n    if (!$(elem).length) { return; } // Quit if called on non-existent element\n    const button = $(elem).find('button');\n    const list = $(elem).find('ul').attr('id', $(elem)[0].id + '-list');\n    if (dropUp) {\n      $(elem).addClass('dropup');\n    } else {\n      // Move list to place where it can overflow container\n      $('#option_lists').append(list);\n    }\n    list.find('li').bind('mouseup', callback);\n\n    let onButton = false;\n    $(window).mouseup(function (evt) {\n      if (!onButton) {\n        button.removeClass('down');\n        list.hide();\n      }\n      onButton = false;\n    });\n\n    button.bind('mousedown', function () {\n      if (!button.hasClass('down')) {\n        if (!dropUp) {\n          const pos = $(elem).position();\n          list.css({\n            top: pos.top + 24,\n            left: pos.left - 10\n          });\n        }\n        list.show();\n        onButton = true;\n      } else {\n        list.hide();\n      }\n      button.toggleClass('down');\n    }).hover(function () {\n      onButton = true;\n    }).mouseout(function () {\n      onButton = false;\n    });\n  };\n\n  editor.addDropDown('#font_family_dropdown', function () {\n    $('#font_family').val($(this).text()).change();\n  });\n\n  editor.addDropDown('#opacity_dropdown', function () {\n    if ($(this).find('div').length) { return; }\n    const perc = parseInt($(this).text().split('%')[0], 10);\n    changeOpacity(false, perc);\n  }, true);\n\n  // For slider usage, see: http://jqueryui.com/demos/slider/\n  $('#opac_slider').slider({\n    start () {\n      $('#opacity_dropdown li:not(.special)').hide();\n    },\n    stop () {\n      $('#opacity_dropdown li').show();\n      $(window).mouseup();\n    },\n    slide (evt, ui) {\n      changeOpacity(ui);\n    }\n  });\n\n  editor.addDropDown('#blur_dropdown', $.noop);\n\n  let slideStart = false;\n  $('#blur_slider').slider({\n    max: 10,\n    step: 0.1,\n    stop (evt, ui) {\n      slideStart = false;\n      changeBlur(ui);\n      $('#blur_dropdown li').show();\n      $(window).mouseup();\n    },\n    start () {\n      slideStart = true;\n    },\n    slide (evt, ui) {\n      changeBlur(ui, null, slideStart);\n    }\n  });\n\n  editor.addDropDown('#zoom_dropdown', function () {\n    const item = $(this);\n    const val = item.data('val');\n    if (val) {\n      zoomChanged(window, val);\n    } else {\n      changeZoom({value: parseFloat(item.text())});\n    }\n  }, true);\n\n  addAltDropDown('#stroke_linecap', '#linecap_opts', function () {\n    setStrokeOpt(this, true);\n  }, {dropUp: true});\n\n  addAltDropDown('#stroke_linejoin', '#linejoin_opts', function () {\n    setStrokeOpt(this, true);\n  }, {dropUp: true});\n\n  addAltDropDown('#tool_position', '#position_opts', function () {\n    const letter = this.id.replace('tool_pos', '').charAt(0);\n    svgCanvas.alignSelectedElements(letter, 'page');\n  }, {multiclick: true});\n\n  /*\n\n  When a flyout icon is selected\n    (if flyout) {\n    - Change the icon\n    - Make pressing the button run its stuff\n    }\n    - Run its stuff\n\n  When its shortcut key is pressed\n    - If not current in list, do as above\n    , else:\n    - Just run its stuff\n\n  */\n\n  // Unfocus text input when workarea is mousedowned.\n  (function () {\n    let inp;\n    const unfocus = function () {\n      $(inp).blur();\n    };\n\n    $('#svg_editor').find('button, select, input:not(#text)').focus(function () {\n      inp = this;\n      uiContext = 'toolbars';\n      workarea.mousedown(unfocus);\n    }).blur(function () {\n      uiContext = 'canvas';\n      workarea.unbind('mousedown', unfocus);\n      // Go back to selecting text if in textedit mode\n      if (svgCanvas.getMode() === 'textedit') {\n        $('#text').focus();\n      }\n    });\n  }());\n\n  const clickFHPath = function () {\n    if (toolButtonClick('#tool_fhpath')) {\n      svgCanvas.setMode('fhpath');\n    }\n  };\n\n  const clickLine = function () {\n    if (toolButtonClick('#tool_line')) {\n      svgCanvas.setMode('line');\n    }\n  };\n\n  const clickSquare = function () {\n    if (toolButtonClick('#tool_square')) {\n      svgCanvas.setMode('square');\n    }\n  };\n\n  const clickRect = function () {\n    if (toolButtonClick('#tool_rect')) {\n      svgCanvas.setMode('rect');\n    }\n  };\n\n  const clickFHRect = function () {\n    if (toolButtonClick('#tool_fhrect')) {\n      svgCanvas.setMode('fhrect');\n    }\n  };\n\n  const clickCircle = function () {\n    if (toolButtonClick('#tool_circle')) {\n      svgCanvas.setMode('circle');\n    }\n  };\n\n  const clickEllipse = function () {\n    if (toolButtonClick('#tool_ellipse')) {\n      svgCanvas.setMode('ellipse');\n    }\n  };\n\n  const clickFHEllipse = function () {\n    if (toolButtonClick('#tool_fhellipse')) {\n      svgCanvas.setMode('fhellipse');\n    }\n  };\n\n  const clickImage = function () {\n    if (toolButtonClick('#tool_image')) {\n      svgCanvas.setMode('image');\n    }\n  };\n\n  const clickZoom = function () {\n    if (toolButtonClick('#tool_zoom')) {\n      svgCanvas.setMode('zoom');\n      workarea.css('cursor', zoomInIcon);\n    }\n  };\n\n  const zoomImage = function (multiplier) {\n    const res = svgCanvas.getResolution();\n    multiplier = multiplier ? res.zoom * multiplier : 1;\n    // setResolution(res.w * multiplier, res.h * multiplier, true);\n    $('#zoom').val(multiplier * 100);\n    svgCanvas.setZoom(multiplier);\n    zoomDone();\n    updateCanvas(true);\n  };\n\n  const dblclickZoom = function () {\n    if (toolButtonClick('#tool_zoom')) {\n      zoomImage();\n      setSelectMode();\n    }\n  };\n\n  const clickText = function () {\n    if (toolButtonClick('#tool_text')) {\n      svgCanvas.setMode('text');\n    }\n  };\n\n  const clickPath = function () {\n    if (toolButtonClick('#tool_path')) {\n      svgCanvas.setMode('path');\n    }\n  };\n\n  // Delete is a contextual tool that only appears in the ribbon if\n  // an element has been selected\n  const deleteSelected = function () {\n    if (selectedElement != null || multiselected) {\n      svgCanvas.deleteSelectedElements();\n    }\n  };\n\n  const cutSelected = function () {\n    if (selectedElement != null || multiselected) {\n      svgCanvas.cutSelectedElements();\n    }\n  };\n\n  const copySelected = function () {\n    if (selectedElement != null || multiselected) {\n      svgCanvas.copySelectedElements();\n    }\n  };\n\n  const pasteInCenter = function () {\n    const zoom = svgCanvas.getZoom();\n    const x = (workarea[0].scrollLeft + workarea.width() / 2) / zoom - svgCanvas.contentW;\n    const y = (workarea[0].scrollTop + workarea.height() / 2) / zoom - svgCanvas.contentH;\n    svgCanvas.pasteElements('point', x, y);\n  };\n\n  const moveToTopSelected = function () {\n    if (selectedElement != null) {\n      svgCanvas.moveToTopSelectedElement();\n    }\n  };\n\n  const moveToBottomSelected = function () {\n    if (selectedElement != null) {\n      svgCanvas.moveToBottomSelectedElement();\n    }\n  };\n\n  const moveUpDownSelected = function (dir) {\n    if (selectedElement != null) {\n      svgCanvas.moveUpDownSelected(dir);\n    }\n  };\n\n  const convertToPath = function () {\n    if (selectedElement != null) {\n      svgCanvas.convertToPath();\n    }\n  };\n\n  const reorientPath = function () {\n    if (selectedElement != null) {\n      path.reorient();\n    }\n  };\n\n  const makeHyperlink = function () {\n    if (selectedElement != null || multiselected) {\n      $.prompt(uiStrings.notification.enterNewLinkURL, 'http://', function (url) {\n        if (url) { svgCanvas.makeHyperlink(url); }\n      });\n    }\n  };\n\n  const moveSelected = function (dx, dy) {\n    if (selectedElement != null || multiselected) {\n      if (curConfig.gridSnapping) {\n        // Use grid snap value regardless of zoom level\n        const multi = svgCanvas.getZoom() * curConfig.snappingStep;\n        dx *= multi;\n        dy *= multi;\n      }\n      svgCanvas.moveSelectedElements(dx, dy);\n    }\n  };\n\n  const linkControlPoints = function () {\n    $('#tool_node_link').toggleClass('push_button_pressed tool_button');\n    const linked = $('#tool_node_link').hasClass('push_button_pressed');\n    path.linkControlPoints(linked);\n  };\n\n  const clonePathNode = function () {\n    if (path.getNodePoint()) {\n      path.clonePathNode();\n    }\n  };\n\n  const deletePathNode = function () {\n    if (path.getNodePoint()) {\n      path.deletePathNode();\n    }\n  };\n\n  const addSubPath = function () {\n    const button = $('#tool_add_subpath');\n    const sp = !button.hasClass('push_button_pressed');\n    button.toggleClass('push_button_pressed tool_button');\n    path.addSubPath(sp);\n  };\n\n  const opencloseSubPath = function () {\n    path.opencloseSubPath();\n  };\n\n  const selectNext = function () {\n    svgCanvas.cycleElement(1);\n  };\n\n  const selectPrev = function () {\n    svgCanvas.cycleElement(0);\n  };\n\n  const rotateSelected = function (cw, step) {\n    if (selectedElement == null || multiselected) { return; }\n    if (!cw) { step *= -1; }\n    const angle = parseFloat($('#angle').val()) + step;\n    svgCanvas.setRotationAngle(angle);\n    updateContextPanel();\n  };\n\n  /**\n   * @fires module:svgcanvas.SvgCanvas#event:ext-onNewDocument\n   * @returns {undefined}\n   */\n  const clickClear = function () {\n    const [x, y] = curConfig.dimensions;\n    $.confirm(uiStrings.notification.QwantToClear, function (ok) {\n      if (!ok) { return; }\n      setSelectMode();\n      svgCanvas.clear();\n      svgCanvas.setResolution(x, y);\n      updateCanvas(true);\n      zoomImage();\n      populateLayers();\n      updateContextPanel();\n      prepPaints();\n      svgCanvas.runExtensions('onNewDocument');\n    });\n  };\n\n  const clickBold = function () {\n    svgCanvas.setBold(!svgCanvas.getBold());\n    updateContextPanel();\n    return false;\n  };\n\n  const clickItalic = function () {\n    svgCanvas.setItalic(!svgCanvas.getItalic());\n    updateContextPanel();\n    return false;\n  };\n\n  const clickSave = function () {\n    // In the future, more options can be provided here\n    const saveOpts = {\n      images: $.pref('img_save'),\n      round_digits: 6\n    };\n    svgCanvas.save(saveOpts);\n  };\n\n  let loadingURL;\n  const clickExport = function () {\n    $.select('Select an image type for export: ', [\n      // See http://kangax.github.io/jstests/toDataUrl_mime_type_test/ for a useful list of MIME types and browser support\n      // 'ICO', // Todo: Find a way to preserve transparency in SVG-Edit if not working presently and do full packaging for x-icon; then switch back to position after 'PNG'\n      'PNG',\n      'JPEG', 'BMP', 'WEBP', 'PDF'\n    ], function (imgType) { // todo: replace hard-coded msg with uiStrings.notification.\n      if (!imgType) {\n        return;\n      }\n      // Open placeholder window (prevents popup)\n      let exportWindowName;\n      function openExportWindow () {\n        const str = uiStrings.notification.loadingImage;\n        if (curConfig.exportWindowType === 'new') {\n          editor.exportWindowCt++;\n        }\n        exportWindowName = curConfig.canvasName + editor.exportWindowCt;\n        let popHTML, popURL;\n        if (loadingURL) {\n          popURL = loadingURL;\n        } else {\n          popHTML = `<!DOCTYPE html><html>\n            <head>\n              <meta charset=\"utf-8\">\n              <title>${str}</title>\n            </head>\n            <body><h1>${str}</h1></body>\n          <html>`;\n          if (typeof URL && URL.createObjectURL) {\n            const blob = new Blob([popHTML], {type: 'text/html'});\n            popURL = URL.createObjectURL(blob);\n          } else {\n            popURL = 'data:text/html;base64;charset=utf-8,' + Utils.encode64(popHTML);\n          }\n          loadingURL = popURL;\n        }\n        exportWindow = window.open(popURL, exportWindowName);\n      }\n      if (imgType === 'PDF') {\n        if (!customExportPDF) {\n          openExportWindow();\n        }\n        svgCanvas.exportPDF(exportWindowName);\n      } else {\n        if (!customExportImage) {\n          openExportWindow();\n        }\n        const quality = parseInt($('#image-slider').val(), 10) / 100;\n        svgCanvas.rasterExport(imgType, quality, exportWindowName);\n      }\n    }, function () {\n      const sel = $(this);\n      if (sel.val() === 'JPEG' || sel.val() === 'WEBP') {\n        if (!$('#image-slider').length) {\n          $(`<div><label>${uiStrings.ui.quality}\n              <input id=\"image-slider\"\n                type=\"range\" min=\"1\" max=\"100\" value=\"92\" />\n            </label></div>`).appendTo(sel.parent());\n        }\n      } else {\n        $('#image-slider').parent().remove();\n      }\n    });\n  };\n\n  // by default, svgCanvas.open() is a no-op.\n  // it is up to an extension mechanism (opera widget, etc)\n  // to call setCustomHandlers() which will make it do something\n  const clickOpen = function () {\n    svgCanvas.open();\n  };\n\n  const clickImport = function () {\n  };\n\n  const clickUndo = function () {\n    if (undoMgr.getUndoStackSize() > 0) {\n      undoMgr.undo();\n      populateLayers();\n    }\n  };\n\n  const clickRedo = function () {\n    if (undoMgr.getRedoStackSize() > 0) {\n      undoMgr.redo();\n      populateLayers();\n    }\n  };\n\n  const clickGroup = function () {\n    // group\n    if (multiselected) {\n      svgCanvas.groupSelectedElements();\n    // ungroup\n    } else if (selectedElement) {\n      svgCanvas.ungroupSelectedElement();\n    }\n  };\n\n  const clickClone = function () {\n    svgCanvas.cloneSelectedElements(20, 20);\n  };\n\n  const clickAlign = function () {\n    const letter = this.id.replace('tool_align', '').charAt(0);\n    svgCanvas.alignSelectedElements(letter, $('#align_relative_to').val());\n  };\n\n  const clickWireframe = function () {\n    $('#tool_wireframe').toggleClass('push_button_pressed tool_button');\n    workarea.toggleClass('wireframe');\n\n    if (supportsNonSS) { return; }\n    let wfRules = $('#wireframe_rules');\n    if (!wfRules.length) {\n      wfRules = $('<style id=\"wireframe_rules\"></style>').appendTo('head');\n    } else {\n      wfRules.empty();\n    }\n\n    updateWireFrame();\n  };\n\n  $('#svg_docprops_container, #svg_prefs_container').draggable({\n    cancel: 'button,fieldset',\n    containment: 'window'\n  }).css('position', 'absolute');\n\n  let docprops = false;\n  let preferences = false;\n\n  const showDocProperties = function () {\n    if (docprops) { return; }\n    docprops = true;\n\n    // This selects the correct radio button by using the array notation\n    $('#image_save_opts input').val([$.pref('img_save')]);\n\n    // update resolution option with actual resolution\n    const res = svgCanvas.getResolution();\n    if (curConfig.baseUnit !== 'px') {\n      res.w = convertUnit(res.w) + curConfig.baseUnit;\n      res.h = convertUnit(res.h) + curConfig.baseUnit;\n    }\n\n    $('#canvas_width').val(res.w);\n    $('#canvas_height').val(res.h);\n    $('#canvas_title').val(svgCanvas.getDocumentTitle());\n\n    $('#svg_docprops').show();\n  };\n\n  const showPreferences = function () {\n    if (preferences) { return; }\n    preferences = true;\n    $('#main_menu').hide();\n\n    // Update background color with current one\n    const blocks = $('#bg_blocks div');\n    const curBg = 'cur_background';\n    const canvasBg = curPrefs.bkgd_color;\n    const url = $.pref('bkgd_url');\n    blocks.each(function () {\n      const blk = $(this);\n      const isBg = blk.css('background-color') === canvasBg;\n      blk.toggleClass(curBg, isBg);\n      if (isBg) { $('#canvas_bg_url').removeClass(curBg); }\n    });\n    if (!canvasBg) { blocks.eq(0).addClass(curBg); }\n    if (url) {\n      $('#canvas_bg_url').val(url);\n    }\n    $('#grid_snapping_on').prop('checked', curConfig.gridSnapping);\n    $('#grid_snapping_step').attr('value', curConfig.snappingStep);\n    $('#grid_color').attr('value', curConfig.gridColor);\n\n    $('#svg_prefs').show();\n  };\n\n  const hideSourceEditor = function () {\n    $('#svg_source_editor').hide();\n    editingsource = false;\n    $('#svg_source_textarea').blur();\n  };\n\n  const saveSourceEditor = function () {\n    if (!editingsource) { return; }\n\n    const saveChanges = function () {\n      svgCanvas.clearSelection();\n      hideSourceEditor();\n      zoomImage();\n      populateLayers();\n      updateTitle();\n      prepPaints();\n    };\n\n    if (!svgCanvas.setSvgString($('#svg_source_textarea').val())) {\n      $.confirm(uiStrings.notification.QerrorsRevertToSource, function (ok) {\n        if (!ok) { return false; }\n        saveChanges();\n      });\n    } else {\n      saveChanges();\n    }\n    setSelectMode();\n  };\n\n  const hideDocProperties = function () {\n    $('#svg_docprops').hide();\n    $('#canvas_width,#canvas_height').removeAttr('disabled');\n    $('#resolution')[0].selectedIndex = 0;\n    $('#image_save_opts input').val([$.pref('img_save')]);\n    docprops = false;\n  };\n\n  const hidePreferences = function () {\n    $('#svg_prefs').hide();\n    preferences = false;\n  };\n\n  const saveDocProperties = function () {\n    // set title\n    const newTitle = $('#canvas_title').val();\n    updateTitle(newTitle);\n    svgCanvas.setDocumentTitle(newTitle);\n\n    // update resolution\n    const width = $('#canvas_width'), w = width.val();\n    const height = $('#canvas_height'), h = height.val();\n\n    if (w !== 'fit' && !isValidUnit('width', w)) {\n      $.alert(uiStrings.notification.invalidAttrValGiven);\n      width.parent().addClass('error');\n      return false;\n    }\n\n    width.parent().removeClass('error');\n\n    if (h !== 'fit' && !isValidUnit('height', h)) {\n      $.alert(uiStrings.notification.invalidAttrValGiven);\n      height.parent().addClass('error');\n      return false;\n    }\n\n    height.parent().removeClass('error');\n\n    if (!svgCanvas.setResolution(w, h)) {\n      $.alert(uiStrings.notification.noContentToFitTo);\n      return false;\n    }\n\n    // Set image save option\n    $.pref('img_save', $('#image_save_opts :checked').val());\n    updateCanvas();\n    hideDocProperties();\n  };\n\n  /**\n  * Save user preferences based on current values in the UI\n  * @function module:SVGEditor.savePreferences\n  * @returns {undefined}\n  */\n  const savePreferences = editor.savePreferences = function () {\n    // Set background\n    const color = $('#bg_blocks div.cur_background').css('background-color') || '#FFF';\n    setBackground(color, $('#canvas_bg_url').val());\n\n    // set language\n    const lang = $('#lang_select').val();\n    if (lang !== $.pref('lang')) {\n      editor.putLocale(lang, goodLangs, curConfig);\n    }\n\n    // set icon size\n    setIconSize($('#iconsize').val());\n\n    // set grid setting\n    curConfig.gridSnapping = $('#grid_snapping_on')[0].checked;\n    curConfig.snappingStep = $('#grid_snapping_step').val();\n    curConfig.gridColor = $('#grid_color').val();\n    curConfig.showRulers = $('#show_rulers')[0].checked;\n\n    $('#rulers').toggle(curConfig.showRulers);\n    if (curConfig.showRulers) { updateRulers(); }\n    curConfig.baseUnit = $('#base_unit').val();\n\n    svgCanvas.setConfig(curConfig);\n\n    updateCanvas();\n    hidePreferences();\n  };\n\n  let resetScrollPos = $.noop;\n\n  const cancelOverlays = function () {\n    $('#dialog_box').hide();\n    if (!editingsource && !docprops && !preferences) {\n      if (curContext) {\n        svgCanvas.leaveContext();\n      }\n      return;\n    }\n\n    if (editingsource) {\n      if (origSource !== $('#svg_source_textarea').val()) {\n        $.confirm(uiStrings.notification.QignoreSourceChanges, function (ok) {\n          if (ok) { hideSourceEditor(); }\n        });\n      } else {\n        hideSourceEditor();\n      }\n    } else if (docprops) {\n      hideDocProperties();\n    } else if (preferences) {\n      hidePreferences();\n    }\n    resetScrollPos();\n  };\n\n  const winWh = {width: $(window).width(), height: $(window).height()};\n\n  // Fix for Issue 781: Drawing area jumps to top-left corner on window resize (IE9)\n  if (isIE()) {\n    (() => {\n      resetScrollPos = function () {\n        if (workarea[0].scrollLeft === 0 && workarea[0].scrollTop === 0) {\n          workarea[0].scrollLeft = curScrollPos.left;\n          workarea[0].scrollTop = curScrollPos.top;\n        }\n      };\n\n      curScrollPos = {\n        left: workarea[0].scrollLeft,\n        top: workarea[0].scrollTop\n      };\n\n      $(window).resize(resetScrollPos);\n      editor.ready(function () {\n        // TODO: Find better way to detect when to do this to minimize\n        // flickering effect\n        setTimeout(function () {\n          resetScrollPos();\n        }, 500);\n      });\n\n      workarea.scroll(function () {\n        curScrollPos = {\n          left: workarea[0].scrollLeft,\n          top: workarea[0].scrollTop\n        };\n      });\n    })();\n  }\n\n  $(window).resize(function (evt) {\n    $.each(winWh, function (type, val) {\n      const curval = $(window)[type]();\n      workarea[0]['scroll' + (type === 'width' ? 'Left' : 'Top')] -= (curval - val) / 2;\n      winWh[type] = curval;\n    });\n    setFlyoutPositions();\n  });\n\n  (() => {\n    workarea.scroll(function () {\n      // TODO: jQuery's scrollLeft/Top() wouldn't require a null check\n      if ($('#ruler_x').length) {\n        $('#ruler_x')[0].scrollLeft = workarea[0].scrollLeft;\n      }\n      if ($('#ruler_y').length) {\n        $('#ruler_y')[0].scrollTop = workarea[0].scrollTop;\n      }\n    });\n  })();\n\n  $('#url_notice').click(function () {\n    $.alert(this.title);\n  });\n\n  $('#change_image_url').click(promptImgURL);\n\n  // added these event handlers for all the push buttons so they\n  // behave more like buttons being pressed-in and not images\n  (function () {\n    const toolnames = ['clear', 'open', 'save', 'source', 'delete', 'delete_multi', 'paste', 'clone', 'clone_multi', 'move_top', 'move_bottom'];\n    const curClass = 'tool_button_current';\n\n    let allTools = '';\n\n    $.each(toolnames, function (i, item) {\n      allTools += (i ? ',' : '') + '#tool_' + item;\n    });\n\n    $(allTools).mousedown(function () {\n      $(this).addClass(curClass);\n    }).bind('mousedown mouseout', function () {\n      $(this).removeClass(curClass);\n    });\n\n    $('#tool_undo, #tool_redo').mousedown(function () {\n      if (!$(this).hasClass('disabled')) { $(this).addClass(curClass); }\n    }).bind('mousedown mouseout', function () {\n      $(this).removeClass(curClass);\n    });\n  }());\n\n  // switch modifier key in tooltips if mac\n  // NOTE: This code is not used yet until I can figure out how to successfully bind ctrl/meta\n  // in Opera and Chrome\n  if (isMac() && !window.opera) {\n    const shortcutButtons = ['tool_clear', 'tool_save', 'tool_source', 'tool_undo', 'tool_redo', 'tool_clone'];\n    let i = shortcutButtons.length;\n    while (i--) {\n      const button = document.getElementById(shortcutButtons[i]);\n      if (button) {\n        const {title} = button;\n        const index = title.indexOf('Ctrl+');\n        button.title = [title.substr(0, index), 'Cmd+', title.substr(index + 5)].join('');\n      }\n    }\n  }\n\n  // TODO: go back to the color boxes having white background-color and then setting\n  //  background-image to none.png (otherwise partially transparent gradients look weird)\n  const colorPicker = function (elem) {\n    const picker = elem.attr('id') === 'stroke_color' ? 'stroke' : 'fill';\n    // const opacity = (picker == 'stroke' ? $('#stroke_opacity') : $('#fill_opacity'));\n    const title = picker === 'stroke'\n      ? uiStrings.ui.pick_stroke_paint_opacity\n      : uiStrings.ui.pick_fill_paint_opacity;\n    // let wasNone = false; // Currently unused\n    const pos = elem.offset();\n    let {paint} = paintBox[picker];\n    $('#color_picker')\n      .draggable({\n        cancel: '.jGraduate_tabs, .jGraduate_colPick, .jGraduate_gradPick, .jPicker',\n        containment: 'window'\n      })\n      .css(curConfig.colorPickerCSS || {left: pos.left - 140, bottom: 40})\n      .jGraduate(\n        {\n          paint,\n          window: { pickerTitle: title },\n          images: { clientPath: curConfig.jGraduatePath },\n          newstop: 'inverse'\n        },\n        function (p) {\n          paint = new $.jGraduate.Paint(p);\n          paintBox[picker].setPaint(paint);\n          svgCanvas.setPaint(picker, paint);\n          $('#color_picker').hide();\n        },\n        function () {\n          $('#color_picker').hide();\n        }\n      );\n  };\n\n  const PaintBox = function (container, type) {\n    let paintColor, paintOpacity;\n    const cur = curConfig[type === 'fill' ? 'initFill' : 'initStroke'];\n    // set up gradients to be used for the buttons\n    const svgdocbox = new DOMParser().parseFromString(\n      `<svg xmlns=\"http://www.w3.org/2000/svg\">\n        <rect width=\"16.5\" height=\"16.5\"\n          fill=\"#${cur.color}\" opacity=\"${cur.opacity}\"/>\n        <defs><linearGradient id=\"gradbox_\"/></defs>\n      </svg>`,\n      'text/xml'\n    );\n\n    let docElem = svgdocbox.documentElement;\n    docElem = $(container)[0].appendChild(document.importNode(docElem, true));\n    docElem.setAttribute('width', 16.5);\n\n    this.rect = docElem.firstElementChild;\n    this.defs = docElem.getElementsByTagName('defs')[0];\n    this.grad = this.defs.firstElementChild;\n    this.paint = new $.jGraduate.Paint({solidColor: cur.color});\n    this.type = type;\n\n    this.setPaint = function (paint, apply) {\n      this.paint = paint;\n\n      const ptype = paint.type;\n      const opac = paint.alpha / 100;\n\n      let fillAttr = 'none';\n      switch (ptype) {\n      case 'solidColor':\n        fillAttr = (paint[ptype] !== 'none') ? '#' + paint[ptype] : paint[ptype];\n        break;\n      case 'linearGradient':\n      case 'radialGradient':\n        this.grad.remove();\n        this.grad = this.defs.appendChild(paint[ptype]);\n        const id = this.grad.id = 'gradbox_' + this.type;\n        fillAttr = 'url(#' + id + ')';\n        break;\n      }\n\n      this.rect.setAttribute('fill', fillAttr);\n      this.rect.setAttribute('opacity', opac);\n\n      if (apply) {\n        svgCanvas.setColor(this.type, paintColor, true);\n        svgCanvas.setPaintOpacity(this.type, paintOpacity, true);\n      }\n    };\n\n    this.update = function (apply) {\n      if (!selectedElement) { return; }\n\n      const {type} = this;\n      switch (selectedElement.tagName) {\n      case 'use':\n      case 'image':\n      case 'foreignObject':\n        // These elements don't have fill or stroke, so don't change\n        // the current value\n        return;\n      case 'g':\n      case 'a': {\n        const childs = selectedElement.getElementsByTagName('*');\n\n        let gPaint = null;\n        for (let i = 0, len = childs.length; i < len; i++) {\n          const elem = childs[i];\n          const p = elem.getAttribute(type);\n          if (i === 0) {\n            gPaint = p;\n          } else if (gPaint !== p) {\n            gPaint = null;\n            break;\n          }\n        }\n\n        if (gPaint === null) {\n          // No common color, don't update anything\n          paintColor = null;\n          return;\n        }\n        paintColor = gPaint;\n        paintOpacity = 1;\n        break;\n      } default:\n        paintOpacity = parseFloat(selectedElement.getAttribute(type + '-opacity'));\n        if (isNaN(paintOpacity)) {\n          paintOpacity = 1.0;\n        }\n\n        const defColor = type === 'fill' ? 'black' : 'none';\n        paintColor = selectedElement.getAttribute(type) || defColor;\n      }\n\n      if (apply) {\n        svgCanvas.setColor(type, paintColor, true);\n        svgCanvas.setPaintOpacity(type, paintOpacity, true);\n      }\n\n      paintOpacity *= 100;\n\n      const paint = getPaint(paintColor, paintOpacity, type);\n      // update the rect inside #fill_color/#stroke_color\n      this.setPaint(paint);\n    };\n\n    this.prep = function () {\n      const ptype = this.paint.type;\n\n      switch (ptype) {\n      case 'linearGradient':\n      case 'radialGradient':\n        const paint = new $.jGraduate.Paint({copy: this.paint});\n        svgCanvas.setPaint(type, paint);\n        break;\n      }\n    };\n  };\n\n  paintBox.fill = new PaintBox('#fill_color', 'fill');\n  paintBox.stroke = new PaintBox('#stroke_color', 'stroke');\n\n  $('#stroke_width').val(curConfig.initStroke.width);\n  $('#group_opacity').val(curConfig.initOpacity * 100);\n\n  // Use this SVG elem to test vectorEffect support\n  const testEl = paintBox.fill.rect.cloneNode(false);\n  testEl.setAttribute('style', 'vector-effect:non-scaling-stroke');\n  const supportsNonSS = (testEl.style.vectorEffect === 'non-scaling-stroke');\n  testEl.removeAttribute('style');\n  const svgdocbox = paintBox.fill.rect.ownerDocument;\n  // Use this to test support for blur element. Seems to work to test support in Webkit\n  const blurTest = svgdocbox.createElementNS(NS.SVG, 'feGaussianBlur');\n  if (blurTest.stdDeviationX === undefined) {\n    $('#tool_blur').hide();\n  }\n  $(blurTest).remove();\n\n  // Test for zoom icon support\n  (function () {\n    const pre = '-' + uaPrefix.toLowerCase() + '-zoom-';\n    const zoom = pre + 'in';\n    workarea.css('cursor', zoom);\n    if (workarea.css('cursor') === zoom) {\n      zoomInIcon = zoom;\n      zoomOutIcon = pre + 'out';\n    }\n    workarea.css('cursor', 'auto');\n  }());\n\n  // Test for embedImage support (use timeout to not interfere with page load)\n  setTimeout(function () {\n    svgCanvas.embedImage('images/logo.png', function (datauri) {\n      if (!datauri) {\n        // Disable option\n        $('#image_save_opts [value=embed]').attr('disabled', 'disabled');\n        $('#image_save_opts input').val(['ref']);\n        $.pref('img_save', 'ref');\n        $('#image_opt_embed').css('color', '#666').attr('title', uiStrings.notification.featNotSupported);\n      }\n    });\n  }, 1000);\n\n  $('#fill_color, #tool_fill .icon_label').click(function () {\n    colorPicker($('#fill_color'));\n    updateToolButtonState();\n  });\n\n  $('#stroke_color, #tool_stroke .icon_label').click(function () {\n    colorPicker($('#stroke_color'));\n    updateToolButtonState();\n  });\n\n  $('#group_opacityLabel').click(function () {\n    $('#opacity_dropdown button').mousedown();\n    $(window).mouseup();\n  });\n\n  $('#zoomLabel').click(function () {\n    $('#zoom_dropdown button').mousedown();\n    $(window).mouseup();\n  });\n\n  $('#tool_move_top').mousedown(function (evt) {\n    $('#tools_stacking').show();\n    evt.preventDefault();\n  });\n\n  $('.layer_button').mousedown(function () {\n    $(this).addClass('layer_buttonpressed');\n  }).mouseout(function () {\n    $(this).removeClass('layer_buttonpressed');\n  }).mouseup(function () {\n    $(this).removeClass('layer_buttonpressed');\n  });\n\n  $('.push_button').mousedown(function () {\n    if (!$(this).hasClass('disabled')) {\n      $(this).addClass('push_button_pressed').removeClass('push_button');\n    }\n  }).mouseout(function () {\n    $(this).removeClass('push_button_pressed').addClass('push_button');\n  }).mouseup(function () {\n    $(this).removeClass('push_button_pressed').addClass('push_button');\n  });\n\n  // ask for a layer name\n  $('#layer_new').click(function () {\n    let uniqName,\n      i = svgCanvas.getCurrentDrawing().getNumLayers();\n    do {\n      uniqName = uiStrings.layers.layer + ' ' + (++i);\n    } while (svgCanvas.getCurrentDrawing().hasLayer(uniqName));\n\n    $.prompt(uiStrings.notification.enterUniqueLayerName, uniqName, function (newName) {\n      if (!newName) { return; }\n      if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {\n        $.alert(uiStrings.notification.dupeLayerName);\n        return;\n      }\n      svgCanvas.createLayer(newName);\n      updateContextPanel();\n      populateLayers();\n    });\n  });\n\n  function deleteLayer () {\n    if (svgCanvas.deleteCurrentLayer()) {\n      updateContextPanel();\n      populateLayers();\n      // This matches what SvgCanvas does\n      // TODO: make this behavior less brittle (svg-editor should get which\n      // layer is selected from the canvas and then select that one in the UI)\n      $('#layerlist tr.layer').removeClass('layersel');\n      $('#layerlist tr.layer:first').addClass('layersel');\n    }\n  }\n\n  function cloneLayer () {\n    const name = svgCanvas.getCurrentDrawing().getCurrentLayerName() + ' copy';\n\n    $.prompt(uiStrings.notification.enterUniqueLayerName, name, function (newName) {\n      if (!newName) { return; }\n      if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {\n        $.alert(uiStrings.notification.dupeLayerName);\n        return;\n      }\n      svgCanvas.cloneLayer(newName);\n      updateContextPanel();\n      populateLayers();\n    });\n  }\n\n  function mergeLayer () {\n    if ($('#layerlist tr.layersel').index() === svgCanvas.getCurrentDrawing().getNumLayers() - 1) {\n      return;\n    }\n    svgCanvas.mergeLayer();\n    updateContextPanel();\n    populateLayers();\n  }\n\n  function moveLayer (pos) {\n    const total = svgCanvas.getCurrentDrawing().getNumLayers();\n\n    let curIndex = $('#layerlist tr.layersel').index();\n    if (curIndex > 0 || curIndex < total - 1) {\n      curIndex += pos;\n      svgCanvas.setCurrentLayerPosition(total - curIndex - 1);\n      populateLayers();\n    }\n  }\n\n  $('#layer_delete').click(deleteLayer);\n\n  $('#layer_up').click(() => {\n    moveLayer(-1);\n  });\n\n  $('#layer_down').click(() => {\n    moveLayer(1);\n  });\n\n  $('#layer_rename').click(function () {\n    // const curIndex = $('#layerlist tr.layersel').prevAll().length; // Currently unused\n    const oldName = $('#layerlist tr.layersel td.layername').text();\n    $.prompt(uiStrings.notification.enterNewLayerName, '', function (newName) {\n      if (!newName) { return; }\n      if (oldName === newName || svgCanvas.getCurrentDrawing().hasLayer(newName)) {\n        $.alert(uiStrings.notification.layerHasThatName);\n        return;\n      }\n\n      svgCanvas.renameCurrentLayer(newName);\n      populateLayers();\n    });\n  });\n\n  const SIDEPANEL_MAXWIDTH = 300;\n  const SIDEPANEL_OPENWIDTH = 150;\n  let sidedrag = -1, sidedragging = false, allowmove = false;\n\n  /**\n   * @param {Float} delta\n   * @fires module:svgcanvas.SvgCanvas#event:ext-workareaResized\n   * @returns {undefined}\n   */\n  const changeSidePanelWidth = function (delta) {\n    const rulerX = $('#ruler_x');\n    $('#sidepanels').width('+=' + delta);\n    $('#layerpanel').width('+=' + delta);\n    rulerX.css('right', parseInt(rulerX.css('right'), 10) + delta);\n    workarea.css('right', parseInt(workarea.css('right'), 10) + delta);\n    svgCanvas.runExtensions('workareaResized');\n  };\n\n  const resizeSidePanel = function (evt) {\n    if (!allowmove) { return; }\n    if (sidedrag === -1) { return; }\n    sidedragging = true;\n    let deltaX = sidedrag - evt.pageX;\n    let sideWidth = $('#sidepanels').width();\n    if (sideWidth + deltaX > SIDEPANEL_MAXWIDTH) {\n      deltaX = SIDEPANEL_MAXWIDTH - sideWidth;\n      sideWidth = SIDEPANEL_MAXWIDTH;\n    } else if (sideWidth + deltaX < 2) {\n      deltaX = 2 - sideWidth;\n      sideWidth = 2;\n    }\n    if (deltaX === 0) { return; }\n    sidedrag -= deltaX;\n    changeSidePanelWidth(deltaX);\n  };\n\n  /**\n   * If width is non-zero, then fully close it, otherwise fully open it\n   * @param {boolean} close Forces the side panel closed\n   * @returns {undefined}\n   */\n  const toggleSidePanel = function (close) {\n    const w = $('#sidepanels').width();\n    const deltaX = (w > 2 || close ? 2 : SIDEPANEL_OPENWIDTH) - w;\n    changeSidePanelWidth(deltaX);\n  };\n\n  $('#sidepanel_handle')\n    .mousedown(function (evt) {\n      sidedrag = evt.pageX;\n      $(window).mousemove(resizeSidePanel);\n      allowmove = false;\n      // Silly hack for Chrome, which always runs mousemove right after mousedown\n      setTimeout(function () {\n        allowmove = true;\n      }, 20);\n    })\n    .mouseup(function (evt) {\n      if (!sidedragging) { toggleSidePanel(); }\n      sidedrag = -1;\n      sidedragging = false;\n    });\n\n  $(window).mouseup(function () {\n    sidedrag = -1;\n    sidedragging = false;\n    $('#svg_editor').unbind('mousemove', resizeSidePanel);\n  });\n\n  populateLayers();\n\n  // function changeResolution (x,y) {\n  //   const {zoom} = svgCanvas.getResolution();\n  //   setResolution(x * zoom, y * zoom);\n  // }\n\n  const centerCanvas = () => {\n    // this centers the canvas vertically in the workarea (horizontal handled in CSS)\n    workarea.css('line-height', workarea.height() + 'px');\n  };\n\n  $(window).bind('load resize', centerCanvas);\n\n  function stepFontSize (elem, step) {\n    const origVal = Number(elem.value);\n    const sugVal = origVal + step;\n    const increasing = sugVal >= origVal;\n    if (step === 0) { return origVal; }\n\n    if (origVal >= 24) {\n      if (increasing) {\n        return Math.round(origVal * 1.1);\n      }\n      return Math.round(origVal / 1.1);\n    }\n    if (origVal <= 1) {\n      if (increasing) {\n        return origVal * 2;\n      }\n      return origVal / 2;\n    }\n    return sugVal;\n  }\n\n  function stepZoom (elem, step) {\n    const origVal = Number(elem.value);\n    if (origVal === 0) { return 100; }\n    const sugVal = origVal + step;\n    if (step === 0) { return origVal; }\n\n    if (origVal >= 100) {\n      return sugVal;\n    }\n    if (sugVal >= origVal) {\n      return origVal * 2;\n    }\n    return origVal / 2;\n  }\n\n  // function setResolution (w, h, center) {\n  //   updateCanvas();\n  //   // w -= 0; h -= 0;\n  //   // $('#svgcanvas').css({width: w, height: h});\n  //   // $('#canvas_width').val(w);\n  //   // $('#canvas_height').val(h);\n  //   //\n  //   // if (center) {\n  //   //   const wArea = workarea;\n  //   //   const scrollY = h/2 - wArea.height()/2;\n  //   //   const scrollX = w/2 - wArea.width()/2;\n  //   //   wArea[0].scrollTop = scrollY;\n  //   //   wArea[0].scrollLeft = scrollX;\n  //   // }\n  // }\n\n  $('#resolution').change(function () {\n    const wh = $('#canvas_width,#canvas_height');\n    if (!this.selectedIndex) {\n      if ($('#canvas_width').val() === 'fit') {\n        wh.removeAttr('disabled').val(100);\n      }\n    } else if (this.value === 'content') {\n      wh.val('fit').attr('disabled', 'disabled');\n    } else {\n      const dims = this.value.split('x');\n      $('#canvas_width').val(dims[0]);\n      $('#canvas_height').val(dims[1]);\n      wh.removeAttr('disabled');\n    }\n  });\n\n  // Prevent browser from erroneously repopulating fields\n  $('input,select').attr('autocomplete', 'off');\n\n  /**\n   * Associate all button actions as well as non-button keyboard shortcuts\n   * @namespace {PlainObject} module:SVGEditor~Actions\n   */\n  const Actions = (function () {\n    /**\n    * @typedef {PlainObject} module:SVGEditor.ToolButton\n    * @property {string} sel The CSS selector for the tool\n    * @property {external:jQuery.Function} fn A handler to be attached to the `evt`\n    * @property {string} evt The event for which the `fn` listener will be added\n    * @property {module:SVGEditor.Key} [key] [key, preventDefault, NoDisableInInput]\n    * @property {string} [parent] Selector\n    * @property {boolean} [hidekey] Whether to show key value in title\n    * @property {string} [icon] The button ID\n    * @property {boolean} isDefault For flyout holders\n    */\n    /**\n     *\n     * @name module:SVGEditor~ToolButtons\n     * @type {module:SVGEditor.ToolButton[]}\n     */\n    const toolButtons = [\n      {sel: '#tool_select', fn: clickSelect, evt: 'click', key: ['V', true]},\n      {sel: '#tool_fhpath', fn: clickFHPath, evt: 'click', key: ['Q', true]},\n      {sel: '#tool_line', fn: clickLine, evt: 'click', key: ['L', true], parent: '#tools_line', prepend: true},\n      {sel: '#tool_rect', fn: clickRect, evt: 'mouseup',\n        key: ['R', true], parent: '#tools_rect', icon: 'rect'},\n      {sel: '#tool_square', fn: clickSquare, evt: 'mouseup',\n        parent: '#tools_rect', icon: 'square'},\n      {sel: '#tool_fhrect', fn: clickFHRect, evt: 'mouseup',\n        parent: '#tools_rect', icon: 'fh_rect'},\n      {sel: '#tool_ellipse', fn: clickEllipse, evt: 'mouseup',\n        key: ['E', true], parent: '#tools_ellipse', icon: 'ellipse'},\n      {sel: '#tool_circle', fn: clickCircle, evt: 'mouseup',\n        parent: '#tools_ellipse', icon: 'circle'},\n      {sel: '#tool_fhellipse', fn: clickFHEllipse, evt: 'mouseup',\n        parent: '#tools_ellipse', icon: 'fh_ellipse'},\n      {sel: '#tool_path', fn: clickPath, evt: 'click', key: ['P', true]},\n      {sel: '#tool_text', fn: clickText, evt: 'click', key: ['T', true]},\n      {sel: '#tool_image', fn: clickImage, evt: 'mouseup'},\n      {sel: '#tool_zoom', fn: clickZoom, evt: 'mouseup', key: ['Z', true]},\n      {sel: '#tool_clear', fn: clickClear, evt: 'mouseup', key: ['N', true]},\n      {sel: '#tool_save', fn () {\n        if (editingsource) {\n          saveSourceEditor();\n        } else {\n          clickSave();\n        }\n      }, evt: 'mouseup', key: ['S', true]},\n      {sel: '#tool_export', fn: clickExport, evt: 'mouseup'},\n      {sel: '#tool_open', fn: clickOpen, evt: 'mouseup', key: ['O', true]},\n      {sel: '#tool_import', fn: clickImport, evt: 'mouseup'},\n      {sel: '#tool_source', fn: showSourceEditor, evt: 'click', key: ['U', true]},\n      {sel: '#tool_wireframe', fn: clickWireframe, evt: 'click', key: ['F', true]},\n      {sel: '#tool_source_cancel,.overlay,#tool_docprops_cancel,#tool_prefs_cancel',\n        fn: cancelOverlays, evt: 'click', key: ['esc', false, false], hidekey: true},\n      {sel: '#tool_source_save', fn: saveSourceEditor, evt: 'click'},\n      {sel: '#tool_docprops_save', fn: saveDocProperties, evt: 'click'},\n      {sel: '#tool_docprops', fn: showDocProperties, evt: 'mouseup'},\n      {sel: '#tool_prefs_save', fn: savePreferences, evt: 'click'},\n      {sel: '#tool_prefs_option', fn () { showPreferences(); return false; }, evt: 'mouseup'},\n      {sel: '#tool_delete,#tool_delete_multi', fn: deleteSelected,\n        evt: 'click', key: ['del/backspace', true]},\n      {sel: '#tool_reorient', fn: reorientPath, evt: 'click'},\n      {sel: '#tool_node_link', fn: linkControlPoints, evt: 'click'},\n      {sel: '#tool_node_clone', fn: clonePathNode, evt: 'click'},\n      {sel: '#tool_node_delete', fn: deletePathNode, evt: 'click'},\n      {sel: '#tool_openclose_path', fn: opencloseSubPath, evt: 'click'},\n      {sel: '#tool_add_subpath', fn: addSubPath, evt: 'click'},\n      {sel: '#tool_move_top', fn: moveToTopSelected, evt: 'click', key: 'ctrl+shift+]'},\n      {sel: '#tool_move_bottom', fn: moveToBottomSelected, evt: 'click', key: 'ctrl+shift+['},\n      {sel: '#tool_topath', fn: convertToPath, evt: 'click'},\n      {sel: '#tool_make_link,#tool_make_link_multi', fn: makeHyperlink, evt: 'click'},\n      {sel: '#tool_undo', fn: clickUndo, evt: 'click'},\n      {sel: '#tool_redo', fn: clickRedo, evt: 'click'},\n      {sel: '#tool_clone,#tool_clone_multi', fn: clickClone, evt: 'click', key: ['D', true]},\n      {sel: '#tool_group_elements', fn: clickGroup, evt: 'click', key: ['G', true]},\n      {sel: '#tool_ungroup', fn: clickGroup, evt: 'click'},\n      {sel: '#tool_unlink_use', fn: clickGroup, evt: 'click'},\n      {sel: '[id^=tool_align]', fn: clickAlign, evt: 'click'},\n      // these two lines are required to make Opera work properly with the flyout mechanism\n      // {sel: '#tools_rect_show', fn: clickRect, evt: 'click'},\n      // {sel: '#tools_ellipse_show', fn: clickEllipse, evt: 'click'},\n      {sel: '#tool_bold', fn: clickBold, evt: 'mousedown'},\n      {sel: '#tool_italic', fn: clickItalic, evt: 'mousedown'},\n      {sel: '#sidepanel_handle', fn: toggleSidePanel, key: ['X']},\n      {sel: '#copy_save_done', fn: cancelOverlays, evt: 'click'},\n\n      // Shortcuts not associated with buttons\n\n      {key: 'ctrl+left', fn () { rotateSelected(0, 1); }},\n      {key: 'ctrl+right', fn () { rotateSelected(1, 1); }},\n      {key: 'ctrl+shift+left', fn () { rotateSelected(0, 5); }},\n      {key: 'ctrl+shift+right', fn () { rotateSelected(1, 5); }},\n      {key: 'shift+O', fn: selectPrev},\n      {key: 'shift+P', fn: selectNext},\n      {key: [modKey + 'up', true], fn () { zoomImage(2); }},\n      {key: [modKey + 'down', true], fn () { zoomImage(0.5); }},\n      {key: [modKey + ']', true], fn () { moveUpDownSelected('Up'); }},\n      {key: [modKey + '[', true], fn () { moveUpDownSelected('Down'); }},\n      {key: ['up', true], fn () { moveSelected(0, -1); }},\n      {key: ['down', true], fn () { moveSelected(0, 1); }},\n      {key: ['left', true], fn () { moveSelected(-1, 0); }},\n      {key: ['right', true], fn () { moveSelected(1, 0); }},\n      {key: 'shift+up', fn () { moveSelected(0, -10); }},\n      {key: 'shift+down', fn () { moveSelected(0, 10); }},\n      {key: 'shift+left', fn () { moveSelected(-10, 0); }},\n      {key: 'shift+right', fn () { moveSelected(10, 0); }},\n      {key: ['alt+up', true], fn () { svgCanvas.cloneSelectedElements(0, -1); }},\n      {key: ['alt+down', true], fn () { svgCanvas.cloneSelectedElements(0, 1); }},\n      {key: ['alt+left', true], fn () { svgCanvas.cloneSelectedElements(-1, 0); }},\n      {key: ['alt+right', true], fn () { svgCanvas.cloneSelectedElements(1, 0); }},\n      {key: ['alt+shift+up', true], fn () { svgCanvas.cloneSelectedElements(0, -10); }},\n      {key: ['alt+shift+down', true], fn () { svgCanvas.cloneSelectedElements(0, 10); }},\n      {key: ['alt+shift+left', true], fn () { svgCanvas.cloneSelectedElements(-10, 0); }},\n      {key: ['alt+shift+right', true], fn () { svgCanvas.cloneSelectedElements(10, 0); }},\n      {key: 'A', fn () { svgCanvas.selectAllInCurrentLayer(); }},\n\n      // Standard shortcuts\n      {key: modKey + 'z', fn: clickUndo},\n      {key: modKey + 'shift+z', fn: clickRedo},\n      {key: modKey + 'y', fn: clickRedo},\n\n      {key: modKey + 'x', fn: cutSelected},\n      {key: modKey + 'c', fn: copySelected},\n      {key: modKey + 'v', fn: pasteInCenter}\n    ];\n\n    // Tooltips not directly associated with a single function\n    const keyAssocs = {\n      '4/Shift+4': '#tools_rect_show',\n      '5/Shift+5': '#tools_ellipse_show'\n    };\n\n    return { /** @lends module:SVGEditor~Actions */\n      /**\n       * @returns {undefined}\n       */\n      setAll () {\n        const flyouts = {};\n\n        $.each(toolButtons, function (i, opts) {\n          // Bind function to button\n          let btn;\n          if (opts.sel) {\n            btn = $(opts.sel);\n            if (!btn.length) { return true; } // Skip if markup does not exist\n            if (opts.evt) {\n              if (isTouch() && opts.evt === 'click') {\n                opts.evt = 'mousedown';\n              }\n              btn[opts.evt](opts.fn);\n            }\n\n            // Add to parent flyout menu, if able to be displayed\n            if (opts.parent && $(opts.parent + '_show').length) {\n              let fH = $(opts.parent);\n              if (!fH.length) {\n                fH = makeFlyoutHolder(opts.parent.substr(1));\n              }\n              if (opts.prepend) {\n                btn[0].style.margin = 'initial';\n              }\n              fH[opts.prepend ? 'prepend' : 'append'](btn);\n\n              if (!Array.isArray(flyouts[opts.parent])) {\n                flyouts[opts.parent] = [];\n              }\n              flyouts[opts.parent].push(opts);\n            }\n          }\n\n          // Bind function to shortcut key\n          if (opts.key) {\n            // Set shortcut based on options\n            let keyval,\n              // disInInp = true,\n              pd = false;\n            if (Array.isArray(opts.key)) {\n              keyval = opts.key[0];\n              if (opts.key.length > 1) { pd = opts.key[1]; }\n              // if (opts.key.length > 2) { disInInp = opts.key[2]; }\n            } else {\n              keyval = opts.key;\n            }\n            keyval += '';\n\n            const {fn} = opts;\n            $.each(keyval.split('/'), function (i, key) {\n              $(document).bind('keydown', key, function (e) {\n                fn();\n                if (pd) {\n                  e.preventDefault();\n                }\n                // Prevent default on ALL keys?\n                return false;\n              });\n            });\n\n            // Put shortcut in title\n            if (opts.sel && !opts.hidekey && btn.attr('title')) {\n              const newTitle = btn.attr('title').split('[')[0] + ' (' + keyval + ')';\n              keyAssocs[keyval] = opts.sel;\n              // Disregard for menu items\n              if (!btn.parents('#main_menu').length) {\n                btn.attr('title', newTitle);\n              }\n            }\n          }\n        });\n\n        // Setup flyouts\n        setupFlyouts(flyouts);\n\n        // Misc additional actions\n\n        // Make 'return' keypress trigger the change event\n        $('.attr_changer, #image_url').bind('keydown', 'return',\n          function (evt) {\n            $(this).change();\n            evt.preventDefault();\n          }\n        );\n\n        $(window).bind('keydown', 'tab', function (e) {\n          if (uiContext === 'canvas') {\n            e.preventDefault();\n            selectNext();\n          }\n        }).bind('keydown', 'shift+tab', function (e) {\n          if (uiContext === 'canvas') {\n            e.preventDefault();\n            selectPrev();\n          }\n        });\n\n        $('#tool_zoom').dblclick(dblclickZoom);\n      },\n      /**\n       * @returns {undefined}\n       */\n      setTitles () {\n        $.each(keyAssocs, function (keyval, sel) {\n          const menu = ($(sel).parents('#main_menu').length);\n\n          $(sel).each(function () {\n            let t;\n            if (menu) {\n              t = $(this).text().split(' [')[0];\n            } else {\n              t = this.title.split(' [')[0];\n            }\n            let keyStr = '';\n            // Shift+Up\n            $.each(keyval.split('/'), function (i, key) {\n              const modBits = key.split('+');\n              let mod = '';\n              if (modBits.length > 1) {\n                mod = modBits[0] + '+';\n                key = modBits[1];\n              }\n              keyStr += (i ? '/' : '') + mod + (uiStrings['key_' + key] || key);\n            });\n            if (menu) {\n              this.lastChild.textContent = t + ' [' + keyStr + ']';\n            } else {\n              this.title = t + ' [' + keyStr + ']';\n            }\n          });\n        });\n      },\n      /**\n       * @param {string} sel Selector to match\n       * @returns {module:SVGEditor.ToolButton}\n       */\n      getButtonData (sel) {\n        return Object.values(toolButtons).find((btn) => {\n          return btn.sel === sel;\n        });\n      }\n    };\n  }());\n\n  // Select given tool\n  editor.ready(function () {\n    let tool;\n    const itool = curConfig.initTool,\n      container = $('#tools_left, #svg_editor .tools_flyout'),\n      preTool = container.find('#tool_' + itool),\n      regTool = container.find('#' + itool);\n    if (preTool.length) {\n      tool = preTool;\n    } else if (regTool.length) {\n      tool = regTool;\n    } else {\n      tool = $('#tool_select');\n    }\n    tool.click().mouseup();\n\n    if (curConfig.wireframe) {\n      $('#tool_wireframe').click();\n    }\n\n    if (curConfig.showlayers) {\n      toggleSidePanel();\n    }\n\n    $('#rulers').toggle(!!curConfig.showRulers);\n\n    if (curConfig.showRulers) {\n      $('#show_rulers')[0].checked = true;\n    }\n\n    if (curConfig.baseUnit) {\n      $('#base_unit').val(curConfig.baseUnit);\n    }\n\n    if (curConfig.gridSnapping) {\n      $('#grid_snapping_on')[0].checked = true;\n    }\n\n    if (curConfig.snappingStep) {\n      $('#grid_snapping_step').val(curConfig.snappingStep);\n    }\n\n    if (curConfig.gridColor) {\n      $('#grid_color').val(curConfig.gridColor);\n    }\n  });\n\n  // init SpinButtons\n  $('#rect_rx').SpinButton({min: 0, max: 1000, stateObj, callback: changeRectRadius});\n  $('#stroke_width').SpinButton({min: 0, max: 99, smallStep: 0.1, stateObj, callback: changeStrokeWidth});\n  $('#angle').SpinButton({min: -180, max: 180, step: 5, stateObj, callback: changeRotationAngle});\n  $('#font_size').SpinButton({min: 0.001, stepfunc: stepFontSize, stateObj, callback: changeFontSize});\n  $('#group_opacity').SpinButton({min: 0, max: 100, step: 5, stateObj, callback: changeOpacity});\n  $('#blur').SpinButton({min: 0, max: 10, step: 0.1, stateObj, callback: changeBlur});\n  $('#zoom').SpinButton({min: 0.001, max: 10000, step: 50, stepfunc: stepZoom, stateObj, callback: changeZoom})\n    // Set default zoom\n    .val(svgCanvas.getZoom() * 100);\n\n  $('#workarea').contextMenu(\n    {\n      menu: 'cmenu_canvas',\n      inSpeed: 0\n    },\n    function (action, el, pos) {\n      switch (action) {\n      case 'delete':\n        deleteSelected();\n        break;\n      case 'cut':\n        cutSelected();\n        break;\n      case 'copy':\n        copySelected();\n        break;\n      case 'paste':\n        svgCanvas.pasteElements();\n        break;\n      case 'paste_in_place':\n        svgCanvas.pasteElements('in_place');\n        break;\n      case 'group':\n      case 'group_elements':\n        svgCanvas.groupSelectedElements();\n        break;\n      case 'ungroup':\n        svgCanvas.ungroupSelectedElement();\n        break;\n      case 'move_front':\n        moveToTopSelected();\n        break;\n      case 'move_up':\n        moveUpDownSelected('Up');\n        break;\n      case 'move_down':\n        moveUpDownSelected('Down');\n        break;\n      case 'move_back':\n        moveToBottomSelected();\n        break;\n      default:\n        if (hasCustomHandler(action)) {\n          getCustomHandler(action).call();\n        }\n        break;\n      }\n    }\n  );\n\n  const lmenuFunc = function (action, el, pos) {\n    switch (action) {\n    case 'dupe':\n      cloneLayer();\n      break;\n    case 'delete':\n      deleteLayer();\n      break;\n    case 'merge_down':\n      mergeLayer();\n      break;\n    case 'merge_all':\n      svgCanvas.mergeAllLayers();\n      updateContextPanel();\n      populateLayers();\n      break;\n    }\n  };\n\n  $('#layerlist').contextMenu(\n    {\n      menu: 'cmenu_layers',\n      inSpeed: 0\n    },\n    lmenuFunc\n  );\n\n  $('#layer_moreopts').contextMenu(\n    {\n      menu: 'cmenu_layers',\n      inSpeed: 0,\n      allowLeft: true\n    },\n    lmenuFunc\n  );\n\n  $('.contextMenu li').mousedown(function (ev) {\n    ev.preventDefault();\n  });\n\n  $('#cmenu_canvas li').disableContextMenu();\n  canvMenu.enableContextMenuItems('#delete,#cut,#copy');\n\n  function enableOrDisableClipboard () {\n    let svgeditClipboard;\n    try {\n      svgeditClipboard = localStorage.getItem('svgedit_clipboard');\n    } catch (err) {}\n    canvMenu[(svgeditClipboard ? 'en' : 'dis') + 'ableContextMenuItems'](\n      '#paste,#paste_in_place'\n    );\n  }\n  enableOrDisableClipboard();\n\n  window.addEventListener('storage', function (e) {\n    if (e.key !== 'svgedit_clipboard') { return; }\n\n    enableOrDisableClipboard();\n  });\n\n  window.addEventListener('beforeunload', function (e) {\n    // Suppress warning if page is empty\n    if (undoMgr.getUndoStackSize() === 0) {\n      editor.showSaveWarning = false;\n    }\n\n    // showSaveWarning is set to 'false' when the page is saved.\n    if (!curConfig.no_save_warning && editor.showSaveWarning) {\n      // Browser already asks question about closing the page\n      e.returnValue = uiStrings.notification.unsavedChanges; // Firefox needs this when beforeunload set by addEventListener (even though message is not used)\n      return uiStrings.notification.unsavedChanges;\n    }\n  }, false);\n\n  /**\n  * Expose the uiStrings\n  * @function module:SVGEditor.canvas.getUIStrings\n  * @returns {module:SVGEditor.uiStrings}\n  */\n  editor.canvas.getUIStrings = function () {\n    return uiStrings;\n  };\n\n  /**\n  * @callback module:SVGEditor.OpenPrepCallback\n  * @param {boolean} noChanges\n  * @returns {undefined}\n  */\n  /**\n  * @param {module:SVGEditor.OpenPrepCallback} func Confirmation dialog callback\n  * @returns {undefined}\n  */\n  editor.openPrep = function (func) {\n    $('#main_menu').hide();\n    if (undoMgr.getUndoStackSize() === 0) {\n      func(true);\n    } else {\n      $.confirm(uiStrings.notification.QwantToOpen, func);\n    }\n  };\n\n  function onDragEnter (e) {\n    e.stopPropagation();\n    e.preventDefault();\n    // and indicator should be displayed here, such as \"drop files here\"\n  }\n\n  function onDragOver (e) {\n    e.stopPropagation();\n    e.preventDefault();\n  }\n\n  function onDragLeave (e) {\n    e.stopPropagation();\n    e.preventDefault();\n    // hypothetical indicator should be removed here\n  }\n  // Use HTML5 File API: http://www.w3.org/TR/FileAPI/\n  // if browser has HTML5 File API support, then we will show the open menu item\n  // and provide a file input to click. When that change event fires, it will\n  // get the text contents of the file and send it to the canvas\n  if (window.FileReader) {\n    const importImage = function (e) {\n      $.process_cancel(uiStrings.notification.loadingImage);\n      e.stopPropagation();\n      e.preventDefault();\n      $('#workarea').removeAttr('style');\n      $('#main_menu').hide();\n      const file = (e.type === 'drop') ? e.dataTransfer.files[0] : this.files[0];\n      if (!file) {\n        $('#dialog_box').hide();\n        return;\n      }\n      /* if (file.type === 'application/pdf') { // Todo: Handle PDF imports\n\n      }\n      else */\n      if (file.type.includes('image')) {\n        // Detected an image\n        // svg handling\n        let reader;\n        if (file.type.includes('svg')) {\n          reader = new FileReader();\n          reader.onloadend = function (e) {\n            const newElement = svgCanvas.importSvgString(e.target.result, true);\n            svgCanvas.ungroupSelectedElement();\n            svgCanvas.ungroupSelectedElement();\n            svgCanvas.groupSelectedElements();\n            svgCanvas.alignSelectedElements('m', 'page');\n            svgCanvas.alignSelectedElements('c', 'page');\n            // highlight imported element, otherwise we get strange empty selectbox\n            svgCanvas.selectOnly([newElement]);\n            $('#dialog_box').hide();\n          };\n          reader.readAsText(file);\n        } else {\n          // bitmap handling\n          reader = new FileReader();\n          reader.onloadend = function (e) {\n            // let's insert the new image until we know its dimensions\n            const insertNewImage = function (width, height) {\n              const newImage = svgCanvas.addSVGElementFromJson({\n                element: 'image',\n                attr: {\n                  x: 0,\n                  y: 0,\n                  width,\n                  height,\n                  id: svgCanvas.getNextId(),\n                  style: 'pointer-events:inherit'\n                }\n              });\n              svgCanvas.setHref(newImage, e.target.result);\n              svgCanvas.selectOnly([newImage]);\n              svgCanvas.alignSelectedElements('m', 'page');\n              svgCanvas.alignSelectedElements('c', 'page');\n              updateContextPanel();\n              $('#dialog_box').hide();\n            };\n            // create dummy img so we know the default dimensions\n            let imgWidth = 100;\n            let imgHeight = 100;\n            const img = new Image();\n            img.src = e.target.result;\n            img.style.opacity = 0;\n            img.onload = function () {\n              imgWidth = img.offsetWidth;\n              imgHeight = img.offsetHeight;\n              insertNewImage(imgWidth, imgHeight);\n            };\n          };\n          reader.readAsDataURL(file);\n        }\n      }\n    };\n\n    workarea[0].addEventListener('dragenter', onDragEnter, false);\n    workarea[0].addEventListener('dragover', onDragOver, false);\n    workarea[0].addEventListener('dragleave', onDragLeave, false);\n    workarea[0].addEventListener('drop', importImage, false);\n\n    const open = $('<input type=\"file\">').change(function () {\n      const f = this;\n      editor.openPrep(function (ok) {\n        if (!ok) { return; }\n        svgCanvas.clear();\n        if (f.files.length === 1) {\n          $.process_cancel(uiStrings.notification.loadingImage);\n          const reader = new FileReader();\n          reader.onloadend = function (e) {\n            loadSvgString(e.target.result);\n            updateCanvas();\n          };\n          reader.readAsText(f.files[0]);\n        }\n      });\n    });\n    $('#tool_open').show().prepend(open);\n\n    const imgImport = $('<input type=\"file\">').change(importImage);\n    $('#tool_import').show().prepend(imgImport);\n  }\n\n  // $(function () {\n  updateCanvas(true);\n  // });\n\n  //  const revnums = 'svg-editor.js ($Rev$) ';\n  //  revnums += svgCanvas.getVersion();\n  //  $('#copyright')[0].setAttribute('title', revnums);\n\n  /**\n  * @function module:SVGEditor.setLang\n  * @param {string} lang The language code\n  * @param {module:locale.LocaleStrings} allStrings See {@tutorial LocaleDocs}\n  * @fires module:svgcanvas.SvgCanvas#event:ext-langReady\n  * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged\n  * @returns {undefined}\n  */\n  const setLang = editor.setLang = function (lang, allStrings) {\n    editor.langChanged = true;\n    $.pref('lang', lang);\n    $('#lang_select').val(lang);\n    if (!allStrings) {\n      return;\n    }\n    $.extend(uiStrings, allStrings);\n\n    // const notif = allStrings.notification; // Currently unused\n    // $.extend will only replace the given strings\n    const oldLayerName = $('#layerlist tr.layersel td.layername').text();\n    const renameLayer = (oldLayerName === uiStrings.common.layer + ' 1');\n\n    svgCanvas.setUiStrings(allStrings);\n    Actions.setTitles();\n\n    if (renameLayer) {\n      svgCanvas.renameCurrentLayer(uiStrings.common.layer + ' 1');\n      populateLayers();\n    }\n\n    // In case extensions loaded before the locale, now we execute a callback on them\n    if (extsPreLang.length) {\n      while (extsPreLang.length) {\n        const ext = extsPreLang.shift();\n        ext.langReady({\n          lang,\n          uiStrings,\n          importLocale: getImportLocale({defaultLang: lang, defaultName: ext.name})\n        });\n      }\n    } else {\n      svgCanvas.runExtensions('langReady', /** @type {module:svgcanvas.SvgCanvas#event:ext-langReady} */ {lang, uiStrings});\n    }\n    svgCanvas.runExtensions('langChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-langChanged} */ lang);\n\n    // Update flyout tooltips\n    setFlyoutTitles();\n\n    // Copy title for certain tool elements\n    const elems = {\n      '#stroke_color': '#tool_stroke .icon_label, #tool_stroke .color_block',\n      '#fill_color': '#tool_fill label, #tool_fill .color_block',\n      '#linejoin_miter': '#cur_linejoin',\n      '#linecap_butt': '#cur_linecap'\n    };\n\n    $.each(elems, function (source, dest) {\n      $(dest).attr('title', $(source)[0].title);\n    });\n\n    // Copy alignment titles\n    $('#multiselected_panel div[id^=tool_align]').each(function () {\n      $('#tool_pos' + this.id.substr(10))[0].title = this.title;\n    });\n  };\n  localeInit(\n    /**\n    * @implements {module:locale.LocaleEditorInit}\n    */\n    {\n      /**\n      * Gets an array of results from extensions with a `addLangData` method\n      * returning an object with a `data` property set to its locales (to be\n      * merged with regular locales)\n      * @param {string} langParam\n      * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData\n      * @todo Can we forego this in favor of `langReady` (or forego `langReady`)?\n      * @returns {module:locale.AddLangExtensionLocaleData[]}\n      */\n      addLangData (langParam) {\n        return svgCanvas.runExtensions(\n          'addLangData',\n          /**\n           * @function\n           * @type {module:svgcanvas.ExtensionVarBuilder}\n           * @param {string} defaultLang\n           * @param {string} defaultName\n           * @returns {module:svgcanvas.SvgCanvas#event:ext-addLangData}\n           */\n          (name) => { // We pass in a function as we don't know the extension name here when defining this `addLangData` method\n            return {\n              lang: langParam,\n              importLocale: getImportLocale({defaultLang: langParam, defaultName: name})\n            };\n          },\n          true\n        );\n      },\n      curConfig\n    }\n  );\n  // Load extensions\n  // Bit of a hack to run extensions in local Opera/IE9\n  if (document.location.protocol === 'file:') {\n    setTimeout(extAndLocaleFunc, 100);\n  } else {\n    // Returns a promise (if we wanted to fire 'extensions-loaded' event, potentially useful to hide interface as some extension locales are only available after this)\n    extAndLocaleFunc();\n  }\n};\n\n/**\n* @callback module:SVGEditor.ReadyCallback\n* @returns {undefined}\n*/\n/**\n* Queues a callback to be invoked when the editor is ready (or\n*   to be invoked immediately if it is already ready--i.e.,\n*   if `svgEditor.runCallbacks` has been run)\n* @param {module:SVGEditor.ReadyCallback} cb Callback to be queued to invoke\n* @returns {undefined}\n*/\neditor.ready = function (cb) {\n  if (!isReady) {\n    callbacks.push(cb);\n  } else {\n    cb();\n  }\n};\n\n/**\n* Invokes the callbacks previous set by `svgEditor.ready`\n* @returns {undefined}\n*/\neditor.runCallbacks = function () {\n  callbacks.forEach((cb) => {\n    cb();\n  });\n  isReady = true;\n};\n\n/**\n* @param {string} str The SVG string to load\n* @returns {undefined}\n*/\neditor.loadFromString = function (str) {\n  editor.ready(function () {\n    loadSvgString(str);\n  });\n};\n\n/**\n* Not presently in use\n* @param {PlainObject} featList\n* @returns {undefined}\n*/\neditor.disableUI = function (featList) {\n  // $(function () {\n  //   $('#tool_wireframe, #tool_image, #main_button, #tool_source, #sidepanels').remove();\n  //   $('#tools_top').css('left', 5);\n  // });\n};\n\n/**\n * @callback module:SVGEditor.URLLoadCallback\n * @param {boolean} success\n * @returns {undefined}\n */\n/**\n* @param {string} url URL from which to load an SVG string via Ajax\n* @param {PlainObject} [opts] May contain properties: `cache`, `callback`\n* @param {boolean} opts.cache\n* @param {module:SVGEditor.URLLoadCallback} opts.callback Invoked with `true` or `false` depending on success\n* @returns {undefined}\n*/\neditor.loadFromURL = function (url, opts) {\n  if (!opts) { opts = {}; }\n\n  const {cache, callback: cb} = opts;\n\n  editor.ready(function () {\n    $.ajax({\n      url,\n      dataType: 'text',\n      cache: !!cache,\n      beforeSend () {\n        $.process_cancel(uiStrings.notification.loadingImage);\n      },\n      success (str) {\n        loadSvgString(str, cb);\n      },\n      error (xhr, stat, err) {\n        if (xhr.status !== 404 && xhr.responseText) {\n          loadSvgString(xhr.responseText, cb);\n        } else {\n          $.alert(uiStrings.notification.URLloadFail + ': \\n' + err, cb);\n        }\n      },\n      complete () {\n        $('#dialog_box').hide();\n      }\n    });\n  });\n};\n\n/**\n* @param {string} str The Data URI to base64-decode (if relevant) and load\n* @returns {undefined}\n*/\neditor.loadFromDataURI = function (str) {\n  editor.ready(function () {\n    let base64 = false;\n    let pre = str.match(/^data:image\\/svg\\+xml;base64,/);\n    if (pre) {\n      base64 = true;\n    } else {\n      pre = str.match(/^data:image\\/svg\\+xml(?:;(?:utf8)?)?,/);\n    }\n    if (pre) {\n      pre = pre[0];\n    }\n    const src = str.slice(pre.length);\n    loadSvgString(base64 ? Utils.decode64(src) : decodeURIComponent(src));\n  });\n};\n\n/**\n * @param {string} name Used internally; no need for i18n.\n * @param {module:svgcanvas.ExtensionInitCallback} init Config to be invoked on this module\n * @param {module:SVGEditor~ImportLocale} importLocale Importer defaulting to pth with current extension name and locale\n * @throws {Error} If called too early\n * @returns {Promise} Resolves to `undefined`\n*/\neditor.addExtension = function (name, init, importLocale) {\n  // Note that we don't want this on editor.ready since some extensions\n  // may want to run before then (like server_opensave).\n  // $(function () {\n  if (!svgCanvas) {\n    throw new Error('Extension added too early');\n  }\n  return svgCanvas.addExtension.call(this, name, init, importLocale);\n  // });\n};\n\n// Defer injection to wait out initial menu processing. This probably goes\n//    away once all context menu behavior is brought to context menu.\neditor.ready(() => {\n  injectExtendedContextMenuItemsIntoDom();\n});\n\nlet extensionsAdded = false;\nconst messageQueue = [];\n/**\n * @param {Any} data\n * @param {string} origin\n * @fires module:svgcanvas.SvgCanvas#event:message\n * @returns {undefined}\n */\nconst messageListener = ({data, origin}) => {\n  // console.log('data, origin, extensionsAdded', data, origin, extensionsAdded);\n  const messageObj = {data, origin};\n  if (!extensionsAdded) {\n    messageQueue.push(messageObj);\n  } else {\n    // Extensions can handle messages at this stage with their own\n    //  canvas `message` listeners\n    svgCanvas.call('message', messageObj);\n  }\n};\nwindow.addEventListener('message', messageListener);\n\n// Run init once DOM is loaded\n// jQuery(editor.init);\nPromise.resolve().then(() => {\n  // We wait a micro-task to let the svgEditor variable be defined for module checks\n  editor.init();\n});\n\nexport default editor;\n","// Todo: Update: https://github.com/jeresig/jquery.hotkeys\n/*\n * jQuery Hotkeys Plugin\n * Copyright 2010, John Resig\n * Dual licensed under the MIT or GPL Version 2 licenses.\n *\n * http://github.com/jeresig/jquery.hotkeys\n *\n * Based upon the plugin by Tzury Bar Yochay:\n * http://github.com/tzuryby/hotkeys\n *\n * Original idea by:\n * Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/\n*/\n\nexport default function(b){b.hotkeys={version:\"0.8\",specialKeys:{8:\"backspace\",9:\"tab\",13:\"return\",16:\"shift\",17:\"ctrl\",18:\"alt\",19:\"pause\",20:\"capslock\",27:\"esc\",32:\"space\",33:\"pageup\",34:\"pagedown\",35:\"end\",36:\"home\",37:\"left\",38:\"up\",39:\"right\",40:\"down\",45:\"insert\",46:\"del\",96:\"0\",97:\"1\",98:\"2\",99:\"3\",100:\"4\",101:\"5\",102:\"6\",103:\"7\",104:\"8\",105:\"9\",106:\"*\",107:\"+\",109:\"-\",110:\".\",111:\"/\",112:\"f1\",113:\"f2\",114:\"f3\",115:\"f4\",116:\"f5\",117:\"f6\",118:\"f7\",119:\"f8\",120:\"f9\",121:\"f10\",122:\"f11\",123:\"f12\",144:\"numlock\",145:\"scroll\",191:\"/\",224:\"meta\",219:\"[\",221:\"]\"},shiftNums:{\"`\":\"~\",\"1\":\"!\",\"2\":\"@\",\"3\":\"#\",\"4\":\"$\",\"5\":\"%\",\"6\":\"^\",\"7\":\"&\",\"8\":\"*\",\"9\":\"(\",\"0\":\")\",\"-\":\"_\",\"=\":\"+\",\";\":\": \",\"'\":'\"',\",\":\"<\",\".\":\">\",\"/\":\"?\",\"\\\\\":\"|\"}};function a(d){if(typeof d.data!==\"string\"){return}var c=d.handler,e=d.data.toLowerCase().split(\" \");d.handler=function(n){if(this!==n.target&&(/textarea|select/i.test(n.target.nodeName)||n.target.type===\"text\")){return}var h=n.type!==\"keypress\"&&b.hotkeys.specialKeys[n.which],o=String.fromCharCode(n.which).toLowerCase(),k,m=\"\",g={};if(n.altKey&&h!==\"alt\"){m+=\"alt+\"}if(n.ctrlKey&&h!==\"ctrl\"){m+=\"ctrl+\"}if(n.metaKey&&!n.ctrlKey&&h!==\"meta\"){m+=\"meta+\"}if(n.shiftKey&&h!==\"shift\"){m+=\"shift+\"}if(h){g[m+h]=true}else{g[m+o]=true;g[m+b.hotkeys.shiftNums[o]]=true;if(m===\"shift+\"){g[b.hotkeys.shiftNums[o]]=true}}for(var j=0,f=e.length;j<f;j++){if(g[e[j]]){return c.apply(this,arguments)}}}}b.each([\"keydown\",\"keyup\",\"keypress\"],function(){b.event.special[this]={add:a}})\n\nreturn b;\n}\n","/*\n * Todo: Update to latest at https://github.com/cowboy/jquery-bbq ?\n * jQuery BBQ: Back Button & Query Library - v1.2.1 - 2/17/2010\n * http://benalman.com/projects/jquery-bbq-plugin/\n *\n * Copyright (c) 2010 \"Cowboy\" Ben Alman\n * Dual licensed under the MIT and GPL licenses.\n * http://benalman.com/about/license/\n */\n\n// For sake of modules, added this wrapping export and changed `this` to `window`\nexport default function (jQuery) {\n\n(function($,p){var i,m=Array.prototype.slice,r=decodeURIComponent,a=$.param,c,l,v,b=$.bbq=$.bbq||{},q,u,j,e=$.event.special,d=\"hashchange\",A=\"querystring\",D=\"fragment\",y=\"elemUrlAttr\",g=\"location\",k=\"href\",t=\"src\",x=/^.*\\?|#.*$/g,w=/^.*\\#/,h,C={};function E(F){return typeof F===\"string\"}function B(G){var F=m.call(arguments,1);return function(){return G.apply(this,F.concat(m.call(arguments)))}}function n(F){return F.replace(/^[^#]*#?(.*)$/,\"$1\")}function o(F){return F.replace(/(?:^[^?#]*\\?([^#]*).*$)?.*/,\"$1\")}function f(H,M,F,I,G){var O,L,K,N,J;if(I!==i){K=F.match(H?/^([^#]*)\\#?(.*)$/:/^([^#?]*)\\??([^#]*)(#?.*)/);J=K[3]||\"\";if(G===2&&E(I)){L=I.replace(H?w:x,\"\")}else{N=l(K[2]);I=E(I)?l[H?D:A](I):I;L=G===2?I:G===1?$.extend({},I,N):$.extend({},N,I);L=a(L);if(H){L=L.replace(h,r)}}O=K[1]+(H?\"#\":L||!K[1]?\"?\":\"\")+L+J}else{O=M(F!==i?F:p[g][k])}return O}a[A]=B(f,0,o);a[D]=c=B(f,1,n);c.noEscape=function(G){G=G||\"\";var F=$.map(G.split(\"\"),encodeURIComponent);h=new RegExp(F.join(\"|\"),\"g\")};c.noEscape(\",/\");$.deparam=l=function(I,F){var H={},G={\"true\":!0,\"false\":!1,\"null\":null};$.each(I.replace(/\\+/g,\" \").split(\"&\"),function(L,Q){var K=Q.split(\"=\"),P=r(K[0]),J,O=H,M=0,R=P.split(\"][\"),N=R.length-1;if(/\\[/.test(R[0])&&/\\]$/.test(R[N])){R[N]=R[N].replace(/\\]$/,\"\");R=R.shift().split(\"[\").concat(R);N=R.length-1}else{N=0}if(K.length===2){J=r(K[1]);if(F){J=J&&!isNaN(J)?+J:J===\"undefined\"?i:G[J]!==i?G[J]:J}if(N){for(;M<=N;M++){P=R[M]===\"\"?O.length:R[M];O=O[P]=M<N?O[P]||(R[M+1]&&isNaN(R[M+1])?{}:[]):J}}else{if($.isArray(H[P])){H[P].push(J)}else{if(H[P]!==i){H[P]=[H[P],J]}else{H[P]=J}}}}else{if(P){H[P]=F?i:\"\"}}});return H};function z(H,F,G){if(F===i||typeof F===\"boolean\"){G=F;F=a[H?D:A]()}else{F=E(F)?F.replace(H?w:x,\"\"):F}return l(F,G)}l[A]=B(z,0);l[D]=v=B(z,1);$[y]||($[y]=function(F){return $.extend(C,F)})({a:k,base:k,iframe:t,img:t,input:t,form:\"action\",link:k,script:t});j=$[y];function s(I,G,H,F){if(!E(H)&&typeof H!==\"object\"){F=H;H=G;G=i}return this.each(function(){var L=$(this),J=G||j()[(this.nodeName||\"\").toLowerCase()]||\"\",K=J&&L.attr(J)||\"\";L.attr(J,a[I](K,H,F))})}$.fn[A]=B(s,A);$.fn[D]=B(s,D);b.pushState=q=function(I,F){if(E(I)&&/^#/.test(I)&&F===i){F=2}var H=I!==i,G=c(p[g][k],H?I:{},H?F:2);p[g][k]=G+(/#/.test(G)?\"\":\"#\")};b.getState=u=function(F,G){return F===i||typeof F===\"boolean\"?v(F):v(G)[F]};b.removeState=function(F){var G={};if(F!==i){G=u();$.each($.isArray(F)?F:arguments,function(I,H){delete G[H]})}q(G,2)};e[d]=$.extend(e[d],{add:function(F){var H;function G(J){var I=J[D]=c();J.getState=function(K,L){return K===i||typeof K===\"boolean\"?l(I,K):l(I,L)[K]};H.apply(this,arguments)}if($.isFunction(F)){H=F;return G}else{H=F.handler;F.handler=G}}})})(jQuery,window);\n/*\n * jQuery hashchange event - v1.2 - 2/11/2010\n * http://benalman.com/projects/jquery-hashchange-plugin/\n *\n * Copyright (c) 2010 \"Cowboy\" Ben Alman\n * Dual licensed under the MIT and GPL licenses.\n * http://benalman.com/about/license/\n */\n(function($,i,b){var j,k=$.event.special,c=\"location\",d=\"hashchange\",l=\"href\",f=$.browser,g=document.documentMode,h=f.msie&&(g===b||g<8),e=\"on\"+d in i&&!h;function a(m){m=m||i[c][l];return m.replace(/^[^#]*#?(.*)$/,\"$1\")}$[d+\"Delay\"]=100;k[d]=$.extend(k[d],{setup:function(){if(e){return false}$(j.start)},teardown:function(){if(e){return false}$(j.stop)}});j=(function(){var m={},r,n,o,q;function p(){o=q=function(s){return s};if(h){n=$('<iframe src=\"javascript:0\"/>').hide().insertAfter(\"body\")[0].contentWindow;q=function(){return a(n.document[c][l])};o=function(u,s){if(u!==s){var t=n.document;t.open().close();t[c].hash=\"#\"+u}};o(a())}}m.start=function(){if(r){return}var t=a();o||p();(function s(){var v=a(),u=q(t);if(v!==t){o(t=v,u);$(i).trigger(d)}else{if(u!==t){i[c][l]=i[c][l].replace(/#.*/,\"\")+\"#\"+u}}r=setTimeout(s,$[d+\"Delay\"])})()};m.stop=function(){if(!n){r&&clearTimeout(r);r=0}};return m})()})(jQuery,window);\n\nreturn jQuery;\n}\n","/**\n * SVG Icon Loader 2.0\n *\n * jQuery Plugin for loading SVG icons from a single file\n *\n * Adds {@link external:jQuery.svgIcons}, {@link external:jQuery.getSvgIcon}, {@link external:jQuery.resizeSvgIcons}\n *\n * How to use:\n\n1. Create the SVG master file that includes all icons:\n\nThe master SVG icon-containing file is an SVG file that contains\n`<g>` elements. Each `<g>` element should contain the markup of an SVG\nicon. The `<g>` element has an ID that should\ncorrespond with the ID of the HTML element used on the page that should contain\nor optionally be replaced by the icon. Additionally, one empty element should be\nadded at the end with id \"svg_eof\".\n\n2. Optionally create fallback raster images for each SVG icon.\n\n3. Include the jQuery and the SVG Icon Loader scripts on your page.\n\n4. Run `$.svgIcons()` when the document is ready. See its signature\n\n5. To access an icon at a later point without using the callback, use this:\n  `$.getSvgIcon(id (string), uniqueClone (boolean))`;\n\nThis will return the icon (as jQuery object) with a given ID.\n\n6. To resize icons at a later point without using the callback, use this:\n  `$.resizeSvgIcons(resizeOptions)` (use the same way as the \"resize\" parameter)\n *\n * @module jQuerySVGIcons\n * @license MIT\n * @copyright (c) 2009 Alexis Deveria\n * {@link http://a.deveria.com}\n * @example usage #1:\n\n$(function() {\n  $.svgIcons('my_icon_set.svg'); // The SVG file that contains all icons\n  // No options have been set, so all icons will automatically be inserted\n  // into HTML elements that match the same IDs.\n});\n\n* @example usage #2:\n\n$(function() {\n  $.svgIcons('my_icon_set.svg', { // The SVG file that contains all icons\n    callback (icons) { // Custom callback function that sets click\n                  // events for each icon\n      $.each(icons, function(id, icon) {\n        icon.click(function() {\n          alert('You clicked on the icon with id ' + id);\n        });\n      });\n    }\n  }); //The SVG file that contains all icons\n});\n\n* @example usage #3:\n\n$(function() {\n  $.svgIcons('my_icon_set.svgz', { // The SVGZ file that contains all icons\n    w: 32,  // All icons will be 32px wide\n    h: 32,  // All icons will be 32px high\n    fallback_path: 'icons/',  // All fallback files can be found here\n    fallback: {\n      '#open_icon': 'open.png',  // The \"open.png\" will be appended to the\n                    // HTML element with ID \"open_icon\"\n      '#close_icon': 'close.png',\n      '#save_icon': 'save.png'\n    },\n    placement: {'.open_icon','open'}, // The \"open\" icon will be added\n                    // to all elements with class \"open_icon\"\n    resize () {\n      '#save_icon .svg_icon': 64  // The \"save\" icon will be resized to 64 x 64px\n    },\n\n    callback (icons) { // Sets background color for \"close\" icon\n      icons['close'].css('background','red');\n    },\n\n    svgz: true // Indicates that an SVGZ file is being used\n\n  })\n});\n*/\n\n/**\n* @callback module:jQuerySVGIcons.SVGIconsLoadedCallback\n* @param {PlainObject.<string, external:jQuery>} svgIcons IDs keyed to jQuery objects of images\n*/\n\n/**\n * @function module:jQuerySVGIcons.jQuerySVGIcons\n * @param {external:jQuery} $ Its keys include all icon IDs and the values, the icon as a jQuery object\n*/\nexport default function ($) {\n  const svgIcons = {};\n\n  let fixIDs;\n  /**\n  * @function external:jQuery.svgIcons\n  * @param {string} file The location of a local SVG or SVGz file\n  * @param {PlainObject} [options]\n  * @param {Float} [options.w] The icon widths\n  * @param {Float} [options.h] The icon heights\n  * @param {PlainObject.<string, string>} [options.fallback] List of raster images with each\n    key being the SVG icon ID to replace, and the value the image file name\n  * @param {string} [options.fallback_path] The path to use for all images\n    listed under \"fallback\"\n  * @param {boolean} [options.replace] If set to `true`, HTML elements will be replaced by,\n    rather than include the SVG icon.\n  * @param {PlainObject.<string, string>} [options.placement] List with selectors for keys and SVG icon ids\n    as values. This provides a custom method of adding icons.\n  * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} [options.resize] List with selectors for keys and numbers\n    as values. This allows an easy way to resize specific icons.\n  * @param {module:jQuerySVGIcons.SVGIconsLoadedCallback} [options.callback] A function to call when all icons have been loaded.\n  * @param {boolean} [options.id_match=true] Automatically attempt to match SVG icon ids with\n    corresponding HTML id\n  * @param {boolean} [options.no_img] Prevent attempting to convert the icon into an `<img>`\n    element (may be faster, help for browser consistency)\n  * @param {boolean} [options.svgz] Indicate that the file is an SVGZ file, and thus not to\n    parse as XML. SVGZ files add compression benefits, but getting data from\n    them fails in Firefox 2 and older.\n  */\n  $.svgIcons = function (file, opts = {}) {\n    const svgns = 'http://www.w3.org/2000/svg',\n      xlinkns = 'http://www.w3.org/1999/xlink',\n      iconW = opts.w || 24,\n      iconH = opts.h || 24;\n    let elems, svgdoc, testImg,\n      iconsMade = false, dataLoaded = false, loadAttempts = 0;\n    const isOpera = !!window.opera,\n      // ua = navigator.userAgent,\n      // isSafari = (ua.includes('Safari/') && !ua.includes('Chrome/')),\n      dataPre = 'data:image/svg+xml;charset=utf-8;base64,';\n\n    let dataEl;\n    if (opts.svgz) {\n      dataEl = $('<object data=\"' + file + '\" type=image/svg+xml>').appendTo('body').hide();\n      try {\n        svgdoc = dataEl[0].contentDocument;\n        dataEl.load(getIcons);\n        getIcons(0, true); // Opera will not run \"load\" event if file is already cached\n      } catch (err1) {\n        useFallback();\n      }\n    } else {\n      const parser = new DOMParser();\n      $.ajax({\n        url: file,\n        dataType: 'string',\n        success (data) {\n          if (!data) {\n            $(useFallback);\n            return;\n          }\n          svgdoc = parser.parseFromString(data, 'text/xml');\n          $(function () {\n            getIcons('ajax');\n          });\n        },\n        error (err) {\n          // TODO: Fix Opera widget icon bug\n          if (window.opera) {\n            $(function () {\n              useFallback();\n            });\n          } else {\n            if (err.responseText) {\n              svgdoc = parser.parseFromString(err.responseText, 'text/xml');\n\n              if (!svgdoc.childNodes.length) {\n                $(useFallback);\n              }\n              $(function () {\n                getIcons('ajax');\n              });\n            } else {\n              $(useFallback);\n            }\n          }\n        }\n      });\n    }\n\n    function getIcons (evt, noWait) {\n      if (evt !== 'ajax') {\n        if (dataLoaded) return;\n        // Webkit sometimes says svgdoc is undefined, other times\n        // it fails to load all nodes. Thus we must make sure the \"eof\"\n        // element is loaded.\n        svgdoc = dataEl[0].contentDocument; // Needed again for Webkit\n        const isReady = (svgdoc && svgdoc.getElementById('svg_eof'));\n        if (!isReady && !(noWait && isReady)) {\n          loadAttempts++;\n          if (loadAttempts < 50) {\n            setTimeout(getIcons, 20);\n          } else {\n            useFallback();\n            dataLoaded = true;\n          }\n          return;\n        }\n        dataLoaded = true;\n      }\n\n      elems = $(svgdoc.firstChild).children(); // .getElementsByTagName('foreignContent');\n\n      if (!opts.no_img) {\n        const testSrc = dataPre + 'PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D';\n\n        testImg = $(new Image()).attr({\n          src: testSrc,\n          width: 0,\n          height: 0\n        }).appendTo('body')\n          .load(function () {\n            // Safari 4 crashes, Opera and Chrome don't\n            makeIcons(true);\n          }).error(function () {\n            makeIcons();\n          });\n      } else {\n        setTimeout(function () {\n          if (!iconsMade) makeIcons();\n        }, 500);\n      }\n    }\n\n    function setIcon (target, icon, id, setID) {\n      if (isOpera) icon.css('visibility', 'hidden');\n      if (opts.replace) {\n        if (setID) icon.attr('id', id);\n        const cl = target.attr('class');\n        if (cl) icon.attr('class', 'svg_icon ' + cl);\n        target.replaceWith(icon);\n      } else {\n        target.append(icon);\n      }\n      if (isOpera) {\n        setTimeout(function () {\n          icon.removeAttr('style');\n        }, 1);\n      }\n    }\n\n    let holder;\n    function addIcon (icon, id) {\n      if (opts.id_match === undefined || opts.id_match !== false) {\n        setIcon(holder, icon, id, true);\n      }\n      svgIcons[id] = icon;\n    }\n\n    function makeIcons (toImage, fallback) {\n      if (iconsMade) return;\n      if (opts.no_img) toImage = false;\n\n      let tempHolder;\n      if (toImage) {\n        tempHolder = $(document.createElement('div'));\n        tempHolder.hide().appendTo('body');\n      }\n      if (fallback) {\n        const path = opts.fallback_path || '';\n        $.each(fallback, function (id, imgsrc) {\n          holder = $('#' + id);\n          const icon = $(new Image())\n            .attr({\n              class: 'svg_icon',\n              src: path + imgsrc,\n              width: iconW,\n              height: iconH,\n              alt: 'icon'\n            });\n\n          addIcon(icon, id);\n        });\n      } else {\n        const len = elems.length;\n        for (let i = 0; i < len; i++) {\n          const elem = elems[i];\n          const {id} = elem;\n          if (id === 'svg_eof') break;\n          holder = $('#' + id);\n          const svgroot = document.createElementNS(svgns, 'svg');\n          // Per https://www.w3.org/TR/xml-names11/#defaulting, the namespace for\n          // attributes should have no value.\n          svgroot.setAttributeNS(null, 'viewBox', [0, 0, iconW, iconH].join(' '));\n\n          let svg = elem.getElementsByTagNameNS(svgns, 'svg')[0];\n\n          // Make flexible by converting width/height to viewBox\n          const w = svg.getAttribute('width');\n          const h = svg.getAttribute('height');\n          svg.removeAttribute('width');\n          svg.removeAttribute('height');\n\n          const vb = svg.getAttribute('viewBox');\n          if (!vb) {\n            svg.setAttribute('viewBox', [0, 0, w, h].join(' '));\n          }\n\n          // Not using jQuery to be a bit faster\n          svgroot.setAttribute('xmlns', svgns);\n          svgroot.setAttribute('width', iconW);\n          svgroot.setAttribute('height', iconH);\n          svgroot.setAttribute('xmlns:xlink', xlinkns);\n          svgroot.setAttribute('class', 'svg_icon');\n\n          // Without cloning, Firefox will make another GET request.\n          // With cloning, causes issue in Opera/Win/Non-EN\n          if (!isOpera) svg = svg.cloneNode(true);\n\n          svgroot.append(svg);\n\n          let icon;\n          if (toImage) {\n            tempHolder.empty().append(svgroot);\n            const str = dataPre + encode64(unescape(encodeURIComponent(new XMLSerializer().serializeToString(svgroot))));\n            icon = $(new Image())\n              .attr({class: 'svg_icon', src: str});\n          } else {\n            icon = fixIDs($(svgroot), i);\n          }\n          addIcon(icon, id);\n        }\n      }\n\n      if (opts.placement) {\n        $.each(opts.placement, function (sel, id) {\n          if (!svgIcons[id]) return;\n          $(sel).each(function (i) {\n            let copy = svgIcons[id].clone();\n            if (i > 0 && !toImage) copy = fixIDs(copy, i, true);\n            setIcon($(this), copy, id);\n          });\n        });\n      }\n      if (!fallback) {\n        if (toImage) tempHolder.remove();\n        if (dataEl) dataEl.remove();\n        if (testImg) testImg.remove();\n      }\n      if (opts.resize) $.resizeSvgIcons(opts.resize);\n      iconsMade = true;\n\n      if (opts.callback) opts.callback(svgIcons);\n    }\n\n    fixIDs = function (svgEl, svgNum, force) {\n      const defs = svgEl.find('defs');\n      if (!defs.length) return svgEl;\n\n      let idElems;\n      if (isOpera) {\n        idElems = defs.find('*').filter(function () {\n          return !!this.id;\n        });\n      } else {\n        idElems = defs.find('[id]');\n      }\n\n      const allElems = svgEl[0].getElementsByTagName('*'), len = allElems.length;\n\n      idElems.each(function (i) {\n        const {id} = this;\n        /*\n        const noDupes = ($(svgdoc).find('#' + id).length <= 1);\n        if (isOpera) noDupes = false; // Opera didn't clone svgEl, so not reliable\n        if(!force && noDupes) return;\n        */\n        const newId = 'x' + id + svgNum + i;\n        this.id = newId;\n\n        const oldVal = 'url(#' + id + ')';\n        const newVal = 'url(#' + newId + ')';\n\n        // Selector method, possibly faster but fails in Opera / jQuery 1.4.3\n        //  svgEl.find('[fill=\"url(#' + id + ')\"]').each(function() {\n        //    this.setAttribute('fill', 'url(#' + newId + ')');\n        //  }).end().find('[stroke=\"url(#' + id + ')\"]').each(function() {\n        //    this.setAttribute('stroke', 'url(#' + newId + ')');\n        //  }).end().find('use').each(function() {\n        //    if(this.getAttribute('xlink:href') == '#' + id) {\n        //      this.setAttributeNS(xlinkns,'href','#' + newId);\n        //    }\n        //  }).end().find('[filter=\"url(#' + id + ')\"]').each(function() {\n        //    this.setAttribute('filter', 'url(#' + newId + ')');\n        //  });\n\n        for (i = 0; i < len; i++) {\n          const elem = allElems[i];\n          if (elem.getAttribute('fill') === oldVal) {\n            elem.setAttribute('fill', newVal);\n          }\n          if (elem.getAttribute('stroke') === oldVal) {\n            elem.setAttribute('stroke', newVal);\n          }\n          if (elem.getAttribute('filter') === oldVal) {\n            elem.setAttribute('filter', newVal);\n          }\n        }\n      });\n      return svgEl;\n    };\n\n    function useFallback () {\n      if (file.includes('.svgz')) {\n        const regFile = file.replace('.svgz', '.svg');\n        if (window.console) {\n          console.log('.svgz failed, trying with .svg');\n        }\n        $.svgIcons(regFile, opts);\n      } else if (opts.fallback) {\n        makeIcons(false, opts.fallback);\n      }\n    }\n\n    function encode64 (input) {\n      // base64 strings are 4/3 larger than the original string\n      if (window.btoa) return window.btoa(input);\n      const _keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';\n      const output = new Array(Math.floor((input.length + 2) / 3) * 4);\n\n      let i = 0, p = 0;\n      do {\n        const chr1 = input.charCodeAt(i++);\n        const chr2 = input.charCodeAt(i++);\n        const chr3 = input.charCodeAt(i++);\n\n        const enc1 = chr1 >> 2;\n        const enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);\n\n        let enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);\n        let enc4 = chr3 & 63;\n        if (isNaN(chr2)) {\n          enc3 = enc4 = 64;\n        } else if (isNaN(chr3)) {\n          enc4 = 64;\n        }\n\n        output[p++] = _keyStr.charAt(enc1);\n        output[p++] = _keyStr.charAt(enc2);\n        output[p++] = _keyStr.charAt(enc3);\n        output[p++] = _keyStr.charAt(enc4);\n      } while (i < input.length);\n\n      return output.join('');\n    }\n  };\n\n  /**\n  * @function external:jQuery.getSvgIcon\n  * @param {string} id\n  * @param {boolean} uniqueClone Whether to clone\n  * @returns {external:jQuery} The icon (optionally cloned)\n  */\n  $.getSvgIcon = function (id, uniqueClone) {\n    let icon = svgIcons[id];\n    if (uniqueClone && icon) {\n      icon = fixIDs(icon, 0, true).clone(true);\n    }\n    return icon;\n  };\n\n  /**\n  * @typedef {GenericArray} module:jQuerySVGIcons.Dimensions\n  * @property {Integer} length 2\n  * @property {Float} 0 Width\n  * @property {Float} 1 Height\n  */\n\n  /**\n  * If a Float is used, it will represent width and height. Arrays contain the width and height.\n  * @typedef {module:jQuerySVGIcons.Dimensions|Float} module:jQuerySVGIcons.Size\n  */\n\n  /**\n  * @function external:jQuery.resizeSvgIcons\n  * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} obj Object with selectors as keys. The values are sizes.\n  * @returns {undefined}\n  */\n  $.resizeSvgIcons = function (obj) {\n    // FF2 and older don't detect .svg_icon, so we change it detect svg elems instead\n    const changeSel = !$('.svg_icon:first').length;\n    $.each(obj, function (sel, size) {\n      const arr = Array.isArray(size);\n      const w = arr ? size[0] : size,\n        h = arr ? size[1] : size;\n      if (changeSel) {\n        sel = sel.replace(/\\.svg_icon/g, 'svg');\n      }\n      $(sel).each(function () {\n        this.setAttribute('width', w);\n        this.setAttribute('height', h);\n        if (window.opera && window.widget) {\n          this.parentNode.style.width = w + 'px';\n          this.parentNode.style.height = h + 'px';\n        }\n      });\n    });\n  };\n  return $;\n}\n","/**\n * SpinButton control\n *\n * Adds bells and whistles to any ordinary textbox to\n * make it look and feel like a SpinButton Control.\n *\n * Supplies {@link external:jQuery.fn.SpinButton} (and also {@link external:jQuery.loadingStylesheets})\n *\n * Originally written by George Adamson, Software Unity (george.jquery@softwareunity.com) August 2006.\n * - Added min/max options\n * - Added step size option\n * - Added bigStep (page up/down) option\n *\n * Modifications made by Mark Gibson, (mgibson@designlinks.net) September 2006:\n * - Converted to jQuery plugin\n * - Allow limited or unlimited min/max values\n * - Allow custom class names, and add class to input element\n * - Removed global vars\n * - Reset (to original or through config) when invalid value entered\n * - Repeat whilst holding mouse button down (with initial pause, like keyboard repeat)\n * - Support mouse wheel in Firefox\n * - Fix double click in IE\n * - Refactored some code and renamed some vars\n *\n * Modifications by Jeff Schiller, June 2009:\n * - provide callback function for when the value changes based on the following\n *   {@link https://www.mail-archive.com/jquery-en@googlegroups.com/msg36070.html}\n *\n * Modifications by Jeff Schiller, July 2009:\n * - improve styling for widget in Opera\n * - consistent key-repeat handling cross-browser\n *\n * Modifications by Alexis Deveria, October 2009:\n * - provide \"stepfunc\" callback option to allow custom function to run when changing a value\n * - Made adjustValue(0) only run on certain keyup events, not all.\n *\n * Tested in IE6, Opera9, Firefox 1.5\n *\n * | Version | Date | Author | Notes\n * |---------|------|--------|------|\n * | v1.0 | 11 Aug 2006 | George Adamson | First release\n * | v1.1 | Aug 2006 | George Adamson | Minor enhancements\n * | v1.2 | 27 Sep 2006 | Mark Gibson | Major enhancements\n * | v1.3a | 28 Sep 2006 | George Adamson | Minor enhancements\n * | v1.4 | 18 Jun 2009 | Jeff Schiller | Added callback function\n * | v1.5 | 06 Jul 2009 | Jeff Schiller | Fixes for Opera.\n * | v1.6 | 13 Oct 2009 | Alexis Deveria | Added stepfunc function\n * | v1.7 | 21 Oct 2009 | Alexis Deveria | Minor fixes.<br />Fast-repeat for keys and live updating as you type.\n * | v1.8 | 12 Jan 2010 | Benjamin Thomas | Fixes for mouseout behavior.<br />Added smallStep\n * | v1.9 | 20 May 2018 | Brett Zamir | Avoid SVGEdit dependency via `stateObj` config;<br />convert to ES6 module |\n * @module jQuerySpinButton\n * @example\n\n  // Create group of settings to initialise spinbutton(s). (Optional)\n  const myOptions = {\n    min: 0, // Set lower limit.\n    max: 100, // Set upper limit.\n    step: 1, // Set increment size.\n    smallStep: 0.5, // Set shift-click increment size.\n    stateObj: {tool_scale: 1}, // Object to allow passing in live-updating scale\n    spinClass: mySpinBtnClass, // CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)\n    upClass: mySpinUpClass, // CSS class for style when mouse over up button.\n    downClass: mySpinDnClass // CSS class for style when mouse over down button.\n  };\n\n  $(function () {\n    // Initialise INPUT element(s) as SpinButtons: (passing options if desired)\n    $(\"#myInputElement\").SpinButton(myOptions);\n  });\n */\n/**\n * @function module:jQuerySpinButton.jQuerySpinButton\n * @param {external:jQuery} $ The jQuery object to which to add the plug-in\n * @returns {external:jQuery}\n*/\nexport default function ($) {\n  if (!$.loadingStylesheets) {\n    $.loadingStylesheets = [];\n  }\n  const stylesheet = 'spinbtn/jQuery.SpinButton.css';\n  if (!$.loadingStylesheets.includes(stylesheet)) {\n    $.loadingStylesheets.push(stylesheet);\n  }\n  /**\n  * @callback module:jQuerySpinButton.StepCallback\n  * @param {external:jQuery} thisArg Value of `this`\n  */\n  /**\n  * @callback module:jQuerySpinButton.ValueCallback\n  * @param {external:jQuery} thisArg Value of `this`\n  * @param {Float} value Value that was changed\n  */\n  /**\n   * @typedef {PlainObject} module:jQuerySpinButton.SpinButtonConfig\n   * @property {Float} min Set lower limit\n   * @property {Float} max Set upper limit.\n   * @property {Float} step Set increment size.\n   * @property {module:jQuerySpinButton.StepCallback} stepfunc Custom function to run when changing a value; called with `this` of object and the value to adjust\n   * @property {module:jQuerySpinButton.ValueCallback} callback Called after value adjusted (with `this` of object)\n   * @property {Float} smallStep Set shift-click increment size.\n   * @property {PlainObject} stateObj Object to allow passing in live-updating scale\n   * @property {Float} stateObj.tool_scale\n   * @property {string} spinClass CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)\n   * @property {string} upClass CSS class for style when mouse over up button.\n   * @property {string} downClass CSS class for style when mouse over down button.\n   * @property {Float} page Value to be adjusted on page up/page down\n   * @property {Float} reset Reset value when invalid value entered\n   * @property {Float} delay Millisecond delay\n   * @property {Float} interval Millisecond interval\n  */\n  /**\n  * @function external:jQuery.fn.SpinButton\n  * @param {module:jQuerySpinButton.SpinButtonConfig} cfg\n  * @returns {external:jQuery}\n  */\n  $.fn.SpinButton = function (cfg) {\n    cfg = cfg || {};\n    function coord (el, prop) {\n      const b = document.body;\n\n      let c = el[prop];\n      while ((el = el.offsetParent) && (el !== b)) {\n        if (!$.browser.msie || (el.currentStyle.position !== 'relative')) {\n          c += el[prop];\n        }\n      }\n\n      return c;\n    }\n\n    return this.each(function () {\n      this.repeating = false;\n\n      // Apply specified options or defaults:\n      // (Ought to refactor this some day to use $.extend() instead)\n      this.spinCfg = {\n        // min: cfg.min ? Number(cfg.min) : null,\n        // max: cfg.max ? Number(cfg.max) : null,\n        min: !isNaN(parseFloat(cfg.min)) ? Number(cfg.min) : null, // Fixes bug with min:0\n        max: !isNaN(parseFloat(cfg.max)) ? Number(cfg.max) : null,\n        step: cfg.step ? Number(cfg.step) : 1,\n        stepfunc: cfg.stepfunc || false,\n        page: cfg.page ? Number(cfg.page) : 10,\n        upClass: cfg.upClass || 'up',\n        downClass: cfg.downClass || 'down',\n        reset: cfg.reset || this.value,\n        delay: cfg.delay ? Number(cfg.delay) : 500,\n        interval: cfg.interval ? Number(cfg.interval) : 100,\n        _btn_width: 20,\n        _direction: null,\n        _delay: null,\n        _repeat: null,\n        callback: cfg.callback || null\n      };\n\n      // if a smallStep isn't supplied, use half the regular step\n      this.spinCfg.smallStep = cfg.smallStep || this.spinCfg.step / 2;\n\n      this.adjustValue = function (i) {\n        let v;\n        if (isNaN(this.value)) {\n          v = this.spinCfg.reset;\n        } else if (typeof this.spinCfg.stepfunc === 'function') {\n          v = this.spinCfg.stepfunc(this, i);\n        } else {\n          // weirdest JavaScript bug ever: 5.1 + 0.1 = 5.199999999\n          v = Number((Number(this.value) + Number(i)).toFixed(5));\n        }\n        if (this.spinCfg.min !== null) { v = Math.max(v, this.spinCfg.min); }\n        if (this.spinCfg.max !== null) { v = Math.min(v, this.spinCfg.max); }\n        this.value = v;\n        if (typeof this.spinCfg.callback === 'function') { this.spinCfg.callback(this); }\n      };\n\n      $(this)\n        .addClass(cfg.spinClass || 'spin-button')\n\n        .mousemove(function (e) {\n          // Determine which button mouse is over, or not (spin direction):\n          const x = e.pageX || e.x;\n          const y = e.pageY || e.y;\n          const el = e.target;\n          const scale = cfg.stateObj.tool_scale || 1;\n          const height = $(el).height() / 2;\n\n          const direction =\n            (x > coord(el, 'offsetLeft') +\n              el.offsetWidth * scale - this.spinCfg._btn_width)\n              ? ((y < coord(el, 'offsetTop') + height * scale) ? 1 : -1) : 0;\n\n          if (direction !== this.spinCfg._direction) {\n            // Style up/down buttons:\n            switch (direction) {\n            case 1: // Up arrow:\n              $(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);\n              break;\n            case -1: // Down arrow:\n              $(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);\n              break;\n            default: // Mouse is elsewhere in the textbox\n              $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);\n            }\n\n            // Set spin direction:\n            this.spinCfg._direction = direction;\n          }\n        })\n\n        .mouseout(function () {\n          // Reset up/down buttons to their normal appearance when mouse moves away:\n          $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);\n          this.spinCfg._direction = null;\n          window.clearInterval(this.spinCfg._repeat);\n          window.clearTimeout(this.spinCfg._delay);\n        })\n\n        .mousedown(function (e) {\n          if (e.button === 0 && this.spinCfg._direction !== 0) {\n            // Respond to click on one of the buttons:\n            const stepSize = e.shiftKey ? this.spinCfg.smallStep : this.spinCfg.step;\n\n            const adjust = () => {\n              this.adjustValue(this.spinCfg._direction * stepSize);\n            };\n\n            adjust();\n\n            // Initial delay before repeating adjustment\n            this.spinCfg._delay = window.setTimeout(() => {\n              adjust();\n              // Repeat adjust at regular intervals\n              this.spinCfg._repeat = window.setInterval(adjust, this.spinCfg.interval);\n            }, this.spinCfg.delay);\n          }\n        })\n\n        .mouseup(function (e) {\n          // Cancel repeating adjustment\n          window.clearInterval(this.spinCfg._repeat);\n          window.clearTimeout(this.spinCfg._delay);\n        })\n\n        .dblclick(function (e) {\n          if ($.browser.msie) {\n            this.adjustValue(this.spinCfg._direction * this.spinCfg.step);\n          }\n        })\n\n        .keydown(function (e) {\n          // Respond to up/down arrow keys.\n          switch (e.keyCode) {\n          case 38: this.adjustValue(this.spinCfg.step); break; // Up\n          case 40: this.adjustValue(-this.spinCfg.step); break; // Down\n          case 33: this.adjustValue(this.spinCfg.page); break; // PageUp\n          case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown\n          }\n        })\n\n        /*\n        http://unixpapa.com/js/key.html describes the current state-of-affairs for\n        key repeat events:\n        - Safari 3.1 changed their model so that keydown is reliably repeated going forward\n        - Firefox and Opera still only repeat the keypress event, not the keydown\n        */\n        .keypress(function (e) {\n          if (this.repeating) {\n            // Respond to up/down arrow keys.\n            switch (e.keyCode) {\n            case 38: this.adjustValue(this.spinCfg.step); break; // Up\n            case 40: this.adjustValue(-this.spinCfg.step); break; // Down\n            case 33: this.adjustValue(this.spinCfg.page); break; // PageUp\n            case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown\n            }\n          // we always ignore the first keypress event (use the keydown instead)\n          } else {\n            this.repeating = true;\n          }\n        })\n\n        // clear the 'repeating' flag\n        .keyup(function (e) {\n          this.repeating = false;\n          switch (e.keyCode) {\n          case 38: // Up\n          case 40: // Down\n          case 33: // PageUp\n          case 34: // PageDown\n          case 13: this.adjustValue(0); break; // Enter/Return\n          }\n        })\n\n        .bind('mousewheel', function (e) {\n          // Respond to mouse wheel in IE. (It returns up/dn motion in multiples of 120)\n          if (e.wheelDelta >= 120) {\n            this.adjustValue(this.spinCfg.step);\n          } else if (e.wheelDelta <= -120) {\n            this.adjustValue(-this.spinCfg.step);\n          }\n\n          e.preventDefault();\n        })\n\n        .change(function (e) {\n          this.adjustValue(0);\n        });\n\n      if (this.addEventListener) {\n        // Respond to mouse wheel in Firefox\n        this.addEventListener('DOMMouseScroll', function (e) {\n          if (e.detail > 0) {\n            this.adjustValue(-this.spinCfg.step);\n          } else if (e.detail < 0) {\n            this.adjustValue(this.spinCfg.step);\n          }\n\n          e.preventDefault();\n        }, false);\n      }\n    });\n  };\n  return $;\n}\n","/**\n * jQuery Context Menu Plugin\n * Cory S.N. LaViska\n * A Beautiful Site ({@link https://abeautifulsite.net/})\n * Modified by Alexis Deveria\n *\n * More info: {@link https://abeautifulsite.net/2008/09/jquery-context-menu-plugin/}\n *\n * @module jQueryContextMenu\n * @todo Update to latest version and adapt (and needs jQuery update as well): {@link https://github.com/swisnl/jQuery-contextMenu}\n * @version 1.01\n *\n * @license\n * Terms of Use\n *\n * This plugin is dual-licensed under the GNU General Public License\n *   and the MIT License and is copyright A Beautiful Site, LLC.\n *\n*/\nimport {isMac} from '../browser.js';\n\n/**\n* @callback module:jQueryContextMenu.jQueryContextMenuCallback\n* @param {string} href The `href` value after the first character (for bypassing an initial `#`)\n* @param {external:jQuery} srcElement The wrapped jQuery srcElement\n* @param {{x: Float, y: Float, docX: Float, docY: Float}} coords\n*/\n\n/**\n* @typedef {PlainObject} module:jQueryContextMenu.jQueryContextMenuConfig\n* @property {string} menu\n* @property {Float} inSpeed\n* @property {Float} outSpeed\n* @property {boolean} allowLeft\n*/\n\n/**\n* Adds {@link external:jQuery.fn.contextMenu}, {@link external:jQuery.fn.disableContextMenuItems}, {@link external:jQuery.fn.enableContextMenuItems}, {@link external:jQuery.fn.disableContextMenu}, {@link external:jQuery.fn.enableContextMenu}, {@link external:jQuery.fn.destroyContextMenu}\n* @function module:jQueryContextMenu.jQueryContextMenu\n* @param {external:jQuery} $ The jQuery object to wrap (with `contextMenu`, `disableContextMenuItems`, `enableContextMenuItems`, `disableContextMenu`, `enableContextMenu`, `destroyContextMenu`)\n* @returns {external:jQuery}\n*/\nfunction jQueryContextMenu ($) {\n  const win = $(window);\n  const doc = $(document);\n\n  $.extend($.fn, {\n    /**\n    * @memberof external:jQuery.fn\n    * @param {module:jQueryContextMenu.jQueryContextMenuConfig} o\n    * @param {module:jQueryContextMenu.jQueryContextMenuCallback} callback\n    * @returns {external:jQuery}\n    */\n    contextMenu (o, callback) {\n      // Defaults\n      if (o.menu === undefined) return false;\n      if (o.inSpeed === undefined) o.inSpeed = 150;\n      if (o.outSpeed === undefined) o.outSpeed = 75;\n      // 0 needs to be -1 for expected results (no fade)\n      if (o.inSpeed === 0) o.inSpeed = -1;\n      if (o.outSpeed === 0) o.outSpeed = -1;\n      // Loop each context menu\n      $(this).each(function () {\n        const el = $(this);\n        const offset = $(el).offset();\n\n        const menu = $('#' + o.menu);\n\n        // Add contextMenu class\n        menu.addClass('contextMenu');\n        // Simulate a true right click\n        $(this).bind('mousedown', function (e) {\n          const evt = e;\n          $(this).mouseup(function (e) {\n            const srcElement = $(this);\n            srcElement.unbind('mouseup');\n            if (evt.button === 2 || o.allowLeft ||\n              (evt.ctrlKey && isMac())) {\n              e.stopPropagation();\n              // Hide context menus that may be showing\n              $('.contextMenu').hide();\n              // Get this context menu\n\n              if (el.hasClass('disabled')) return false;\n\n              // Detect mouse position\n              let x = e.pageX, y = e.pageY;\n\n              const xOff = win.width() - menu.width(),\n                yOff = win.height() - menu.height();\n\n              if (x > xOff - 15) x = xOff - 15;\n              if (y > yOff - 30) y = yOff - 30; // 30 is needed to prevent scrollbars in FF\n\n              // Show the menu\n              doc.unbind('click');\n              menu.css({ top: y, left: x }).fadeIn(o.inSpeed);\n              // Hover events\n              menu.find('A').mouseover(function () {\n                menu.find('LI.hover').removeClass('hover');\n                $(this).parent().addClass('hover');\n              }).mouseout(function () {\n                menu.find('LI.hover').removeClass('hover');\n              });\n\n              // Keyboard\n              doc.keypress(function (e) {\n                switch (e.keyCode) {\n                case 38: // up\n                  if (!menu.find('LI.hover').length) {\n                    menu.find('LI:last').addClass('hover');\n                  } else {\n                    menu.find('LI.hover').removeClass('hover').prevAll('LI:not(.disabled)').eq(0).addClass('hover');\n                    if (!menu.find('LI.hover').length) menu.find('LI:last').addClass('hover');\n                  }\n                  break;\n                case 40: // down\n                  if (!menu.find('LI.hover').length) {\n                    menu.find('LI:first').addClass('hover');\n                  } else {\n                    menu.find('LI.hover').removeClass('hover').nextAll('LI:not(.disabled)').eq(0).addClass('hover');\n                    if (!menu.find('LI.hover').length) menu.find('LI:first').addClass('hover');\n                  }\n                  break;\n                case 13: // enter\n                  menu.find('LI.hover A').trigger('click');\n                  break;\n                case 27: // esc\n                  doc.trigger('click');\n                  break;\n                }\n              });\n\n              // When items are selected\n              menu.find('A').unbind('mouseup');\n              menu.find('LI:not(.disabled) A').mouseup(function () {\n                doc.unbind('click').unbind('keypress');\n                $('.contextMenu').hide();\n                // Callback\n                if (callback) {\n                  callback($(this).attr('href').substr(1), $(srcElement), {x: x - offset.left, y: y - offset.top, docX: x, docY: y});\n                }\n                return false;\n              });\n\n              // Hide bindings\n              setTimeout(function () { // Delay for Mozilla\n                doc.click(function () {\n                  doc.unbind('click').unbind('keypress');\n                  menu.fadeOut(o.outSpeed);\n                  return false;\n                });\n              }, 0);\n            }\n          });\n        });\n\n        // Disable text selection\n        if ($.browser.mozilla) {\n          $('#' + o.menu).each(function () { $(this).css({MozUserSelect: 'none'}); });\n        } else if ($.browser.msie) {\n          $('#' + o.menu).each(function () { $(this).bind('selectstart.disableTextSelect', function () { return false; }); });\n        } else {\n          $('#' + o.menu).each(function () { $(this).bind('mousedown.disableTextSelect', function () { return false; }); });\n        }\n        // Disable browser context menu (requires both selectors to work in IE/Safari + FF/Chrome)\n        $(el).add($('UL.contextMenu')).bind('contextmenu', function () { return false; });\n      });\n      return $(this);\n    },\n\n    /**\n    * Disable context menu items on the fly\n    * @memberof external:jQuery.fn\n    * @param {undefined|string} o Comma-separated\n    * @returns {external:jQuery}\n    */\n    disableContextMenuItems (o) {\n      if (o === undefined) {\n        // Disable all\n        $(this).find('LI').addClass('disabled');\n        return $(this);\n      }\n      $(this).each(function () {\n        if (o !== undefined) {\n          const d = o.split(',');\n          for (let i = 0; i < d.length; i++) {\n            $(this).find('A[href=\"' + d[i] + '\"]').parent().addClass('disabled');\n          }\n        }\n      });\n      return $(this);\n    },\n\n    /**\n    * Enable context menu items on the fly\n    * @memberof external:jQuery.fn\n    * @param {undefined|string} o Comma-separated\n    * @returns {external:jQuery}\n    */\n    enableContextMenuItems (o) {\n      if (o === undefined) {\n        // Enable all\n        $(this).find('LI.disabled').removeClass('disabled');\n        return $(this);\n      }\n      $(this).each(function () {\n        if (o !== undefined) {\n          const d = o.split(',');\n          for (let i = 0; i < d.length; i++) {\n            $(this).find('A[href=\"' + d[i] + '\"]').parent().removeClass('disabled');\n          }\n        }\n      });\n      return $(this);\n    },\n\n    /**\n    * Disable context menu(s)\n    * @memberof external:jQuery.fn\n    * @returns {external:jQuery}\n    */\n    disableContextMenu () {\n      $(this).each(function () {\n        $(this).addClass('disabled');\n      });\n      return $(this);\n    },\n\n    /**\n    * Enable context menu(s)\n    * @memberof external:jQuery.fn\n    * @returns {external:jQuery}\n    */\n    enableContextMenu () {\n      $(this).each(function () {\n        $(this).removeClass('disabled');\n      });\n      return $(this);\n    },\n\n    /**\n    * Destroy context menu(s)\n    * @memberof external:jQuery.fn\n    * @returns {external:jQuery}\n    */\n    destroyContextMenu () {\n      // Destroy specified context menus\n      $(this).each(function () {\n        // Disable action\n        $(this).unbind('mousedown').unbind('mouseup');\n      });\n      return $(this);\n    }\n  });\n  return $;\n}\n\nexport default jQueryContextMenu;\n","function loadStylesheets(stylesheets, {\n    before: beforeDefault, after: afterDefault, favicon: faviconDefault,\n    canvas: canvasDefault, image: imageDefault = true,\n    acceptErrors\n} = {}) {\n    stylesheets = Array.isArray(stylesheets) ? stylesheets : [stylesheets];\n\n    function setupLink(stylesheetURL) {\n        let options = {};\n        if (Array.isArray(stylesheetURL)) {\n            [stylesheetURL, options = {}] = stylesheetURL;\n        }\n        let { favicon = faviconDefault } = options;\n        const {\n            before = beforeDefault,\n            after = afterDefault,\n            canvas = canvasDefault,\n            image = imageDefault\n        } = options;\n        function addLink() {\n            if (before) {\n                before.before(link);\n            } else if (after) {\n                after.after(link);\n            } else {\n                document.head.appendChild(link);\n            }\n        }\n\n        const link = document.createElement('link');\n        return new Promise((resolve, reject) => {\n            let rej = reject;\n            if (acceptErrors) {\n                rej = typeof acceptErrors === 'function' ? error => {\n                    acceptErrors({ error, stylesheetURL, options, resolve, reject });\n                } : resolve;\n            }\n            if (stylesheetURL.endsWith('.css')) {\n                favicon = false;\n            } else if (stylesheetURL.endsWith('.ico')) {\n                favicon = true;\n            }\n            if (favicon) {\n                link.rel = 'shortcut icon';\n                link.type = 'image/x-icon';\n\n                if (image === false) {\n                    link.href = stylesheetURL;\n                    addLink();\n                    resolve(link);\n                    return;\n                }\n\n                const cnv = document.createElement('canvas');\n                cnv.width = 16;\n                cnv.height = 16;\n                const context = cnv.getContext('2d');\n                const img = document.createElement('img');\n                img.addEventListener('error', error => {\n                    reject(error);\n                });\n                img.addEventListener('load', () => {\n                    context.drawImage(img, 0, 0);\n                    link.href = canvas ? cnv.toDataURL('image/x-icon') : stylesheetURL;\n                    addLink();\n                    resolve(link);\n                });\n                img.src = stylesheetURL;\n                return;\n            }\n            link.rel = 'stylesheet';\n            link.type = 'text/css';\n            link.href = stylesheetURL;\n            addLink();\n            link.addEventListener('error', error => {\n                rej(error);\n            });\n            link.addEventListener('load', () => {\n                resolve(link);\n            });\n        });\n    }\n\n    return Promise.all(stylesheets.map(setupLink));\n}\n\nexport default loadStylesheets;\n"],"names":["touchHandler","ev","changedTouches","first","type","screenX","screenY","clientX","clientY","simulatedEvent","MouseEvent","window","length","target","dispatchEvent","preventDefault","document","addEventListener","NS","getReverseNS","reverseNS","entries","forEach","name","URI","toLowerCase","SVGPathSeg","typeAsLetter","owningPathSegList","pathSegType","pathSegTypeAsLetter","_owningPathSegList","this","segmentChanged","prototype","classname","PATHSEG_UNKNOWN","PATHSEG_CLOSEPATH","PATHSEG_MOVETO_ABS","PATHSEG_MOVETO_REL","PATHSEG_LINETO_ABS","PATHSEG_LINETO_REL","PATHSEG_CURVETO_CUBIC_ABS","PATHSEG_CURVETO_CUBIC_REL","PATHSEG_CURVETO_QUADRATIC_ABS","PATHSEG_CURVETO_QUADRATIC_REL","PATHSEG_ARC_ABS","PATHSEG_ARC_REL","PATHSEG_LINETO_HORIZONTAL_ABS","PATHSEG_LINETO_HORIZONTAL_REL","PATHSEG_LINETO_VERTICAL_ABS","PATHSEG_LINETO_VERTICAL_REL","PATHSEG_CURVETO_CUBIC_SMOOTH_ABS","PATHSEG_CURVETO_CUBIC_SMOOTH_REL","PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS","PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL","SVGPathSegClosePath","undefined","SVGPathSegMovetoAbs","x","y","_x","_y","defineProperties","_segmentChanged","SVGPathSegMovetoRel","SVGPathSegLinetoAbs","SVGPathSegLinetoRel","SVGPathSegCurvetoCubicAbs","x1","y1","x2","y2","_x1","_y1","_x2","_y2","SVGPathSegCurvetoCubicRel","SVGPathSegCurvetoQuadraticAbs","SVGPathSegCurvetoQuadraticRel","SVGPathSegArcAbs","r1","r2","angle","largeArcFlag","sweepFlag","_r1","_r2","_angle","_largeArcFlag","_sweepFlag","SVGPathSegArcRel","SVGPathSegLinetoHorizontalAbs","defineProperty","SVGPathSegLinetoHorizontalRel","SVGPathSegLinetoVerticalAbs","SVGPathSegLinetoVerticalRel","SVGPathSegCurvetoCubicSmoothAbs","SVGPathSegCurvetoCubicSmoothRel","SVGPathSegCurvetoQuadraticSmoothAbs","SVGPathSegCurvetoQuadraticSmoothRel","createSVGPathSegClosePath","createSVGPathSegMovetoAbs","createSVGPathSegMovetoRel","createSVGPathSegLinetoAbs","createSVGPathSegLinetoRel","createSVGPathSegCurvetoCubicAbs","createSVGPathSegCurvetoCubicRel","createSVGPathSegCurvetoQuadraticAbs","createSVGPathSegCurvetoQuadraticRel","createSVGPathSegArcAbs","createSVGPathSegArcRel","createSVGPathSegLinetoHorizontalAbs","createSVGPathSegLinetoHorizontalRel","createSVGPathSegLinetoVerticalAbs","createSVGPathSegLinetoVerticalRel","createSVGPathSegCurvetoCubicSmoothAbs","createSVGPathSegCurvetoCubicSmoothRel","createSVGPathSegCurvetoQuadraticSmoothAbs","createSVGPathSegCurvetoQuadraticSmoothRel","SVGPathElement","getPathSegAtLength","distance","isFinite","Error","measurementElement","createElementNS","setAttribute","getAttribute","lastPathSegment","pathSegList","numberOfItems","removeItem","getTotalLength","SVGPathSegList","pathElement","_pathElement","_list","_parsePath","_mutationObserverConfig","attributes","attributeFilter","_pathElementMutationObserver","MutationObserver","_updateListFromPathMutations","bind","observe","takeRecords","mutationRecords","hasPathMutations","record","attributeName","disconnect","_pathSegArrayAsString","pathSeg","_writeListToPath","_checkPathSynchronizedToList","newItem","index","isNaN","_checkValidIndex","clone","splice","item","push","string","Builder","Source","_string","_currentIndex","_endIndex","_previousCommand","_skipOptionalSpaces","character","_isCurrentSpace","charAt","lookahead","_pathSegTypeFromChar","previousCommand","hasMoreData","command","peekSegmentType","exponent","integer","frac","decimal","sign","expsign","startIndex","startIntPartIndex","scanIntPartIndex","multiplier","number","Math","pow","_skipOptionalSpacesOrDelimiter","flag","flagChar","_nextCommandHelper","_parseNumber","points","arcAngle","arcLarge","_parseArcFlag","arcSweep","builder","source","initialCommandIsMoveTo","parseSegment","appendSegment","pathSegArray","_asPathString","_pathSegList","rect","$","jQuery","userAgent","SVG","createSVGRect","navigator","svg","isOpera_","opera","isWebkit_","includes","isGecko_","isIE_","isChrome_","isMac_","isTouch_","supportsSelectors_","querySelector","supportsXpath_","evaluate","supportsPathReplaceItem_","path","seglist","seg","replaceItem","err","supportsPathInsertItemBefore_","insertItemBefore","supportsGoodTextCharPos_","svgroot","svgcontent","documentElement","append","text","textContent","pos","getStartPositionOfChar","remove","supportsPathBBox_","bbox","getBBox","height","supportsHVLineContainerBBox_","path2","g","width","supportsNonScalingStroke_","retValue","cloneNode","alert","style","vectorEffect","supportsNativeSVGTransformLists_","rxform","transform","baseVal","t1","createSVGTransform","appendItem","getItem","SVGTransform","matrix","a","b","c","d","e","f","isOpera","isWebkit","isGecko","isIE","isChrome","isMac","isTouch","supportsHVLineContainerBBox","supportsNonScalingStroke","proxied","fn","attr","key","value","len","apply","arguments","i","elem","namespaceURI","Array","isArray","obj","j","aname","Object","val","transformToString","xform","m","join","cx","cy","K","listMap_","SVGTransformList","_elem","_xforms","_update","tstr","createSVGMatrix","_init","str","re","match","replace","bits","split","valBits","valArr","letters","mtx","values","parseFloat","fname","toUpperCase","slice","_removeFromOtherLists","found","id","tl","code","newxforms","removeElementFromListMap","getTransformList","t","gradientTransform","patternTransform","wAttrs","hAttrs","unitAttrs","elementContainer_","typeMap_","getTypeMap","shortFloat","digits","getRoundDigits","toFixed","convertUnit","unit","getBaseUnit","setUnitAttr","convertToNum","substr","num","getWidth","getHeight","sqrt","isValidUnit","selectedElement","keys","some","RegExp","test","result","getElement","HistoryEventTypes","Command","MoveElementCommand","oldNextSibling","oldParent","tagName","newNextSibling","nextSibling","newParent","parentNode","handler","handleHistoryEvent","BEFORE_APPLY","insertBefore","AFTER_APPLY","BEFORE_UNAPPLY","AFTER_UNAPPLY","InsertElementCommand","parent","_this2","removeChild","RemoveElementCommand","console","log","ChangeElementCommand","attrs","newValues","oldValues","getHref","bChangedTransform","removeAttribute","getRotationAngle","rotate","BatchCommand","stack","unapply","elems","cmd","thisElems","elements","UndoManager","historyEventHandler","handler_","undoStackPointer","undoStack","undoChangeStackPointer","undoableChangeStack","getText","attrName","p","changeset","batchCmd","changes","addSubCommand","transformPoint","isIdentity","matrixMultiply","args","reduceRight","prev","m1","multiply","abs","hasMatrixTransform","tlist","transformBox","l","w","h","tr","bl","br","minx","min","maxx","max","miny","transformListToTransform","createSVGTransformFromMatrix","parseInt","temp","mtom","getMatrix","snapToAngle","snap","PI","dx","dy","atan2","dist","snapangle","round","cos","sin","rectsIntersect","segData","uiStrings","setUiStrings","strs","assign","ui","pathFuncs","linkControlPts","pathData","editorContext_","init","editorContext","each","s","newseg","list","arr","curSeg","clear","getGripPt","altPt","out","currentZoom","getCurrentZoom","getPointFromGrip","pt","imatrix","addPointGrip","pointGripContainer","getGripContainer","pointGrip","getElem","atts","pathNodeTooltip","appendChild","dblclick","setSegType","addCtrlGrip","pathCtrlPtTooltip","getCtrlLine","ctrlLine","getControlPoints","cpt","segItems","segs","gpt","replacePathSeg","pts","pth","segList","getSegSelector","update","segItem","segLine","map","prop","smoothControlPoints","ct1","ct2","nct1","getSVGRoot","createSVGPoint","nct2","anglea","angleb","angleBetween","angleDiff","newAnglea","newAngleb","Segment","selected","ctrlpts","ptgrip","segsel","hasOwnProperty","showCtrlPts","selectCtrls","getPointGrip","full","curPts","next","nextPts","mate","anum","newType","Path","selected_pts","find","first_seg","segment","startI","nextSeg","prevSeg","startSeg","addGrip","call","newX","newY","p0x","p1x","p2x","p01x","p12x","p0y","p1y","p2y","p01y","p12y","show","closed","eachSeg","indexOf","select","last_d","selectPt","move","moveCtrl","dragctrl","setLinked","storeD","selPt","cur","Number","curX","curY","prevX","prevY","olditem","old","diffX","diffY","setType","endChanges","ctrlNum","clearSelection","addPtsToSelection","inverse","resetD","indexes","sort","grips","closedSubpath","subpathIsClosed","getPath_","removePath_","newcx","newcy","oldcx","oldcy","getRotVals","r","theta","recalcRotatedPath","currentPath","oldbox","oldbbox","box","rvals","cVals1","cVals2","Rnc","setRotate","pathMap","convertPath","toRel","curx","cury","lastM","letter","pathDSegment","morePoints","lastPoint","pnt","subpath","newPoint","firstCtrl","hasMoved","pathActions","evt","mouseTarget","startX","startY","getCurrentMode","curPt","cur_pt","dragging","shiftKey","removePtFromSelection","startsWith","parts","rubberBox","getRubberBox","setRubberBox","selectorManager","getRubberBandBox","mouseX","mouseY","stretchy","getGridSnapping","snapToGrid","drawnPath","getDrawnPath","FUZZ","clickOnPoint","px","py","getId","newpath","sSeg","absX","absY","endseg","setDrawnPath","setStarted","remapElement","newD","origD","toEditMode","contains","getContainer","getMouseTarget","last","lastx","lasty","xya","dAttr","addSVGElementFromJson","getNextId","getOpacity","mpt","movePts","rbb","ptBb","sel","pointGrip1","pointGrip2","ptX","ptY","altX","altY","lastX","lastY","element","lastPt","toSelectMode","setCurrentMode","utilsGetBBox","selPath","addToSelection","on","getSelectedElements","resetOrientation","addCommandToHistory","nodeName","n","bb","attrVal","grad","getRefElem","pt1","pt2","gCoords","newgrad","linkPoints","selPts","nums","addSeg","openPt","startItem","closer","zSeg","canDeleteNodes","deleteSeg","cleanup","remItems","count","nprev","prevType","canvas","deleteSelectedElements","cp","N","curpos","prevCtlPt","end","newpts","prevArr","v","newValue","diff","fixEnd","jqPluginSVG","KEYSTR","visElemsArr","domdoc_","domcontainer_","svgroot_","toXml","encode64","input","encodeUTF8","btoa","output","floor","chr1","charCodeAt","chr2","chr3","enc1","enc2","enc3","enc4","decode64","atob","decodeUTF8","String","fromCharCode","argString","decodeURIComponent","escape","unescape","encodeURIComponent","dataURLToObjectURL","dataurl","Uint8Array","Blob","URL","createObjectURL","mime","bstr","u8arr","blob","blankPageObjectURL","text2xml","sXML","dXML","DOMParser","ActiveXObject","async","loadXML","parseFromString","e2","walkTree","cbFn","nodeType","childNodes","getUrlFromAttr","substring","getAttributeNS","XLINK","setHref","setAttributeNS","findDefs","svgElement","getSVGContent","defs","getElementsByTagNameNS","ownerDocument","firstChild","getPathBBox","tot","bounds","start","P0","P1","P2","P3","calc","b2ac","t2","groupBBFix","ref","data","matched","ret","copy","children","filter","issue","getStrokedBBox","geSelectedElements","elname","extent","getExtentOfChar","getComputedTextLength","fo","closest","getPathDFromSegments","pathSegments","singleChar","getPathDFromElement","rx","ry","getExtraAttributesForConvertToPath","getBBoxOfElementAsPath","eltrans","before","getBBoxWithTransform","getRotationAngleFromTransformList","hasMatrixXForm","goodBb","angleModulo90","bBoxCanBeOptimizedOverNativeGetBBox","aabox","getStrokeOffsetForBBox","sw","fullBb","maxX","maxY","minX","minY","offset","curBb","getVisibleElements","contentElems","reverse","getStrokedBBoxDefaultVisible","toRad","singleNodeValue","assignAttributes","suspendLength","unitCheck","ns","XML","cleanupElement","defaults","stepSize","getSnappingStep","preventClickDefault","img","click","contextMenuExtensions","injectExtendedContextMenuItemIntoDom","menuItem","shortcut","label","addScriptAtts","script","url","config","importSetGlobal","returnDefault","global","svgEditor","modules","importModule","importScript","Promise","all","u","resolve","reject","createElement","destructor","onerror","onload","src","defer","head","vector","random","toString","revokeObjectURL","loader","href","toAbsoluteURL","Layer","group","svgElem","name_","group_","svgdoc","layerTitle","after","visible","expected","opacity","child","hrService","previousName","title","getTitleElement","empty","changeElement","#text","addLayerClass","classes","CLASS_REGEX","CLASS_NAME","HistoryRecordingService","undoManager","undoManager_","currentBatchCommand_","batchCommandStack_","batchCommand","pop","addCommand_","NO_HISTORY","visElems","RandomizeModes","randIds","LET_DOCUMENT_DECIDE","disabledElems","historyRecordingService","canvas_","undoMgr","getNewLayerName","existingLayerNames","Drawing","optIdPrefix","svgElem_","obj_num","idPrefix","releasedNums","all_layers","layer_map","current_layer","nonce_","SE","NEVER_RANDOMIZE","ALWAYS_RANDOMIZE","setNonce","XMLNS","oldObjNum","restoreOldObjNum","getElem_","front","getNumLayers","getName","getGroup","layer","finalName","oldName","setName","newpos","layerCount","oldpos","currentGroup","refGroup","identifyLayers","setCurrentLayer","getLayerName","prevGroup","startBatchCommand","layerNextSibling","removeElement","localName","moveElement","removeGroup","endBatchCommand","mergeLayer","deactivate","activate","oldLayerGroup","numchildren","orphans","layernames","childgroups","querySelectorAll","appendChildren","insertElement","ch","copyElem","layerName","isVisible","bVisible","setVisible","setOpacity","el","self","newEl","fixedD","nodeValue","utilCopyElem","randomizeIds","enableRandomization","currentDrawing","getNonce","clearNonce","getCurrentDrawing","leaveContext","orig","elData","setCurrentGroup","setContext","parentsUntil","andSelf","siblings","opac","getCurrentGroup","newLayer","createLayer","cloneLayer","currentLayer","getCurrentLayer","deleteCurrentLayer","newName","drawing","setCurrentLayerName","newPos","setCurrentLayerPosition","prevVisibility","getLayerVisibility","setLayerVisibility","oldDisplay","display","getLayerByName","selElems","oldLayer","changeSVGContent","mergeAllLayers","REVERSE_NS","svgWhiteList_","svgWhiteListNS_","elt","attNS","att","sanitizeSvg","node","doc","allowedAttrs","allowedAttrsNS","seAttrs","attrLocalName","attrNsURI","removeAttributeNS","props","styleAttrName","trim","styleAttrVal","hasChildNodes","remap","scalew","scaleh","doSnapping","finishUp","o","getDrawing","elName","chlist","mt","setMatrix","existing","tNew","tbox","gsvg","pstr","firstseg","currentpt","dstr","context_","updateClipPath","tx","ty","cpXform","newxlate","setTranslate","recalculateDimensions","k","noi","mxs","mNew","initial","extend","getStartTransform","oldcenter","newcenter","gangle","rm","operation","firstM","oldStartTransform","tm","sm","tmn","childTlist","setStartTransform","e2t","t2n","s2","translateOrigin","scale","translateBack","setScale","T_M","mInv","M2","clipPathsDone","uses","useElem","usexlate","newRot","em","e2m","avg","roldt","rold","rnew","rnewInv","extrat","fill","paint","gtlist","gmatrix","mStr","oldxlate","meq","meqInv","tspanChanges","svgFactory_","config_","selectorManager_","gripRadius","Selector","locked","selectorGroup","createSVGElement","selectorRect","gripCoords","reset","resize","dir","dirArr","steps","selectorGrips","shift","bShow","selectorGripsGroup","hasGrips","updateGripCursors","selectedBox","mgr","selectedGrips","strokedBbox","nbox","nbax","nbay","nbaw","nbah","rot","svgRoot","rotm","maxy","coords","rotateGripConnector","rotateGrip","SelectorManager","selectorParentGroup","rubberBandBox","selectors","selectorMap","initGroup","grip","imgPath","dimensions","canvasbg","svgContent","babelHelpers.typeof","showGrips","history","postError","SvgCanvas","container","curConfig","importNode","clearSvgContentElement","show_outside_canvas","appendTo","comment","createComment","idprefix","setIdPrefix","current_drawing_","draw","allProperties","initFill","color","initStroke","initOpacity","shape","stroke_width","font_size","font_family","curShape","selectedElements","getJsonFromSvgElement","retval","createTextNode","namespace","curStyles","stroke","stroke_dasharray","stroke_linejoin","stroke_linecap","stroke_opacity","fill_opacity","baseUnit","elementContainer","body","inch","saveOptions","round_digits","getSelectedElems","pathModule","snappingStep","getDOMDocument","getDOMContainer","gridSnapping","startTransform","nsMap","eventType","EventTypes","cmdType","isApply","stdDeviation","setBlurOffsets","getZoom","svgFactory","jsonMap","arg","events","noCall","releaseSelector","elemsToAdd","requestSelector","compareDocumentPosition","correspondingUseElement","MATH","HTML","rb","closed_subpath","currentMode","cm","dp","refAttrs","opacAni","restoreRefElems","removedElements","childs","getElementsByTagName","encodableImages","runExtensions","action","vars","returnArray","extensions","ext","addExtension","extInitFunc","importLocale","TypeError","getPrivateMethods","argObj","extObj","getIntersectionList","rubberBBox","resultList","curBBoxes","getVisibleElementsAndBBoxes","groupSvgElem","replaceWith","prepareSvg","newDoc","ffClone","setRotationAngle","preventUndo","oldTransform","center","newTransform","selector","recalculateAllSelectedDimensions","currentResizeMode","isEmpty","logMatrix","rootSctm","selectOnly","removeFromSelection","elemsToRemove","newSelectedItems","selectAllInCurrentLayer","freehand","rStartX","rStartY","initBbox","sumDistance","controllPoint2","controllPoint1","bSpline","nextPos","parameter","getBsplinePoint","spline","p0","p1","p2","p3","t3","mousedown","spaceKey","button","rightClick","altKey","cloneSelectedElements","getScreenCTM","pageX","pageY","realX","realY","griptype","strokeW","slist","iswebkit","delayedStroke","ele","_stroke","setTimeout","newImage","lastGoodImgUrl","curText","mouseDown","beginUndoableChange","extResult","started","mousemove","newList","intElem","foundInd","hasMatrix","top","sy","sx","left","square","rad","STEP_COUNT","point","mouseMove","mouseup","tempJustSelected","justSelected","keep","factor","commaIndex","smoothPolylineIntoPath","res","mouseUp","finishUndoableChange","addedNew","aniDur","cAni","beginElement","selectNew","releaseId","setMode","originalEvent","workarea","rulerwidth","showRulers","editorFullW","editorFullH","editorW","editorH","workareaViewW","workareaViewH","wOffset","wOffsetLeft","wOffsetTop","delta","wheelDelta","detail","wZoom","hZoom","ceil","zoomlevel","topLeftOld","newCtr","setZoom","textActions","curtext","textinput","cursor","selblock","blinker","chardata","textbb","allowDbl","setCursor","focus","selectionEnd","selectionStart","charbb","setSelectionRange","setInterval","startPt","ptToScreen","endPt","setSelection","skipInput","startbb","endbb","getIndexFromPoint","charpos","getCharNumAtPosition","setCursorFromPoint","setEndSelectionFromPoint","i1","i2","screenToPt","xIn","yIn","selectAll","unbind","selectWord","ept","css","selectElem","blur","inputElem","getEndPositionOfChar","contentW","removeUnusedDefElems","defelemUses","numRemoved","alen","allEls","allLen","defelems","defelem","getIssues","issues","issueCodes","issueList","exportNoBlur","exportNoforeignObject","exportNoDashArray","content","getContext","exportNoText","descr","svgCanvasToString","nakedSvgs","svgToString","indent","unitRe","from","getResolution","nsuris","uri","attrNames","mozAttrs","images","bOneLine","embedImage","callback","Image","load","response","status","xhr","cvs","drawImage","urldata","toDataURL","statusText","setGoodImage","open","save","opts","canvg","rasterExport","imgType","quality","exportWindowName","cb","mimeType","done","bloburl","canvgPath","hide","contentH","dataURLType","toBlob","datauri","exportPDF","outputType","that","jsPDF","jspdfPath","modularVersion","getDocumentTitle","setProperties","docTitle","addSVG","getSvgString","uniquifyElems","ids","refElems","oldid","hrefs","attrnode","getAttributeNode","refid","newid","ownerElement","hreffers","hreffer","setUseData","refElem","convertGradients","convertToGroup","$elem","ts","unwrap","removeData","vb","hasMore","dupeGrads","pushGroupProperties","setSvgString","xmlString","firstElementChild","oldzoom","adoptNode","nonce","image","pa","percs","dim","importSvgString","useEl","uid","useExisting","importIds","symbol","parents","innerw","innerh","innervb","canvash","cg","resetUndoStack","linkControlPoints","getContentElem","getRootElem","getSnapToGrid","getVersion","notification","setConfig","getTitle","setGroupTitle","prepend","tsNextSibling","setDocumentTitle","newTitle","oldTitle","getEditorNS","add","setResolution","visEls","moveSelectedElements","viewBox","getOffset","setBBoxZoom","spacer","calcZoom","zoom","newzoom","selectedElems","zoomLevel","zoomChange","getMode","getColor","curProperties","setColor","addNonG","setGradient","duplicateGrad","findDuplicateGradient","existingGrads","radAttrs","og","gradAttrs","ogAttrs","stops","ostops","stop","ostop","setPaint","jGraduate","Paint","setPaintOpacity","alpha","solidColor","setStrokePaint","setFillPaint","getStrokeWidth","setStrokeWidth","setStrokeAttr","getStyle","getFillOpacity","getStrokeOpacity","getPaintOpacity","getBlur","curCommand","filterHidden","finishChange","bCmd","setBlurNoUndo","setBlur","stdDev","complete","elemId","newblur","getBold","setBold","getItalic","setItalic","getFontFamily","setFontFamily","setFontColor","getFontColor","getFontSize","setFontSize","setTextContent","setImageURL","setsize","curHref","setLinkURL","parentsA","setRectRadius","makeHyperlink","groupSelectedElements","removeHyperlink","ungroupSelectedElement","convertToPath","changeSelectedAttributeNoUndo","moveNode","noXYElems","goodGAttrs","oldval","newrot","changeSelectedAttribute","selectedCopy","cutSelectedElements","copySelectedElements","setItem","JSON","stringify","enableContextMenuItems","pasteElements","clipb","parse","localStorage","pasted","changedIDs","checkIDs","extChanges","removeID","clipBoardItem","ctrX","ctrY","lastClickPoint","urlArg","cmdStr","undoable","glist","gattrs","gfilter","gblur","newOpac","cblur","origCblur","suffix","chtlist","rgm","rcm","cangle","cbox","ceqm","coldc","sangle","trm","oldxform","newxform","chm","chmInv","gm","anchor","gNextSibling","moveToTopSelectedElement","moveToBottomSelectedElement","moveUpDownSelected","foundCur","toArray","constructor","copiedElements","alignSelectedElements","relativeTo","bboxes","MAX_VALUE","MIN_VALUE","curwidth","curheight","updateCanvas","bg","oldX","oldY","bgImg","new_x","new_y","old_x","old_y","d_x","d_y","setBackground","border","cycleElement","curElem","allElems","precision","langParam","setStrings","editor_","readLang","langData","addLangData","more","merge","tools","properties","layers","common","curve_segments","fitToContent","fit_to_all","fit_to_canvas","fit_to_layer_content","fit_to_sel","icon_large","icon_medium","icon_small","icon_xlarge","image_opt_embed","image_opt_ref","included_images","largest_object","page","move_elems_to","select_predefined","selected_objects","smallest_object","straight_segments","editor_img_url","editor_bg_note","background","doc_dims","editor_prefs","icon_size","image_props","language","doc_title","cancel","ok","new_doc","docprops","export_img","import_doc","open_doc","save_doc","units_and_rulers","show_rulers","base_unit","grid","snapping_onoff","snapping_stepsize","grid_color","del","align_relative_to","circle_cx","circle_cy","circle_r","corner_radius","ellipse_cx","ellipse_cy","ellipse_rx","ellipse_ry","fill_color","image_height","image_url","image_width","move_down","rename","more_opts","move_up","line_x1","line_x2","line_y1","line_y2","linecap_butt","linecap_round","linecap_square","linejoin_bevel","linejoin_miter","linejoin_round","main_menu","palette_info","zoom_level","node_x","node_y","rect_height","rect_width","seg_type","move_selected","pos_x","pos_y","stroke_color","stroke_style","text_contents","toggle_stroke_tools","add_subpath","align_bottom","align_center","align_left","align_middle","align_right","align_top","bold","mode_circle","mode_ellipse","mode_fhellipse","mode_fhpath","mode_fhrect","group_elements","make_link","set_link_url","mode_image","italic","mode_line","move_bottom","move_top","node_clone","node_delete","node_link","openclose_path","mode_path","align_to_page","mode_rect","redo","reorient_path","mode_select","source_save","mode_square","mode_text","to_path","undo","ungroup","wireframe_mode","mode_zoom","no_embed","putLocale","givenParam","goodLangs","conf","pref","userLanguage","langPath","importSetGlobalDefault","editor","hotkeys","specialKeys","which","ctrlKey","metaKey","shiftNums","version","8","9","13","16","17","18","19","20","27","32","33","34","35","36","37","38","39","40","45","46","96","97","98","99","100","101","102","103","104","105","106","107","109","110","111","112","113","114","115","116","117","118","119","120","121","122","123","144","145","191","224","219","221","`","1","2","3","4","5","6","7","0","-","=",";","'",",",".","/","\\","event","special","q","param","bbq","A","D","C","E","F","B","G","concat","H","M","I","O","L","J","z","noEscape","deparam","true","false","null","Q","P","R","base","iframe","form","link","pushState","getState","removeState","isFunction","browser","documentMode","msie","setup","teardown","insertAfter","contentWindow","close","hash","trigger","clearTimeout","svgIcons","fixIDs","file","svgns","xlinkns","iconW","iconH","testImg","iconsMade","dataLoaded","loadAttempts","dataEl","svgz","contentDocument","getIcons","err1","parser","ajax","useFallback","responseText","noWait","isReady","getElementById","no_img","makeIcons","testSrc","dataPre","error","setIcon","icon","setID","cl","removeAttr","holder","addIcon","id_match","toImage","fallback","tempHolder","fallback_path","imgsrc","XMLSerializer","serializeToString","class","placement","resizeSvgIcons","regFile","_keyStr","svgEl","svgNum","force","idElems","newId","oldVal","newVal","getSvgIcon","uniqueClone","changeSel","size","widget","loadingStylesheets","opt","options","linearGradient","radialGradient","jGraduateDefaults","mkElem","newparent","okCallback","cancelCallback","$this","$settings","idref","okClicked","cancelClicked","$win","addClass","html","colPicker","gradPicker","pickerTitle","clientPath","MAX","SIZEY","attrInput","curType","curGradient","gradalpha","isSolid","stopGroup","newstop","inverted","inv","fx","fy","previewRect","SIZEX","beginCoord","endCoord","centerCoord","focusCoord","showFocus","isRadial","attrval","change","cssName","stopMakerDiv","curStop","drag","delStop","stopOffset","scaleX","scaleY","cX","cY","stopMakerSVG","transImg","bgImage","xlink","stopPropagation","mouseover","spreadMethodOpt","draggingCoord","onCoordDrag","fracx","fracy","onCoordUp","numstops","checked","lastfx","lastfy","toggle","slider","ellipVal","angleVal","sliders","handle","dragSlider","stopSlider","isRad","xpos","SLIDERW","margin-left","div","posx","thisAlpha","jPicker","effects","speed","active","alphaSupport","tabs","removeClass","newGrad","curStops","tab","mkStop","stopElem","stop-color","stop-opacity","pickerD","pathbg","dragColor","remDrags","colorhandle","stopOpacity","stopColor","bottom","arg2","curS","newcolor","newopac","selectStop","xfStr","sX","SpinButton","cfg","coord","offsetParent","currentStyle","position","repeating","spinCfg","step","stepfunc","upClass","downClass","delay","interval","smallStep","adjustValue","spinClass","stateObj","tool_scale","direction","offsetWidth","_btn_width","_direction","mouseout","clearInterval","_repeat","_delay","adjust","_this","keydown","keyCode","keypress","keyup","win","menu","inSpeed","outSpeed","srcElement","allowLeft","hasClass","xOff","yOff","fadeIn","prevAll","eq","nextAll","docX","docY","fadeOut","mozilla","MozUserSelect","Slider","bar","off","timeout","setValuesFromMousePosition","barW","locX","locY","barH","rangeX","rangeY","context","changed","changeEvents","arrow","newMaxX","newMinY","newMaxY","newMinX","arrowW","arrowH","arrowOffsetX","arrowOffsetY","fireChangeEvents","set","Boolean","ahex","ColorMethods","rgbaToHex","hex","hexToRgba","newV","rgb","hsv","rgbToHsv","hsvToRgb","intToHex","validateHex","hexToInt","rgba","dec","Color","List","$arguments","settings","get","current","expandable","liveUpdate","isLessThanIE7","appVersion","filters","setColorMode","colorMode","rgbMap","rgbBar","mode","colorMapDiv","colorMapL1","colorMapL2","colorBarDiv","colorBarL1","colorBarL2","colorBarL3","colorBarL4","colorBarL6","range","colorMap","colorBar","activeColorChanged","sv","hv","hs","rg","backgroundColor","activePreview","colorMapL3","colorBarL5","hva","saturatedColor","hsa","valueColor","hValue","vValue","middle","mapValueChanged","xy","colorBarValueChanged","setBG","setImg","backgroundImage","setImgLoc","setAlpha","visibility","revertColor","radioClicked","currentClicked","cancelButton","commitCallback","okButton","iconImageClicked","currentColorChanged","currentPreview","expandableColorChanged","va","iconAlpha","bindToInput","updateInputColor","moveBarMouseDown","documentMouseMove","documentMouseUp","elementStartX","pageStartX","elementStartY","pageStartY","support","boxModel","quickPickClicked","attachIFrame","table","zIndex","slideDown","removeIFrame","slideUp","initialize","popup","onselectstart","alphaPrecision","controlHtml","localization","newColor","tooltips","colors","currentColor","buttons","hue","radio","textbox","saturation","red","green","blue","tbody","MapMaps","BarMaps","picker","bindedHex","inputs","keyDown","validateKey","setValueInRange","keyUp","colorChanged","preview","quickList","quickHex","liveCallback","colorPicker","destroy","reduce","favicon","exportWindowCt","langChanged","showSaveWarning","storagePromptClosed","callbacks","defaultPrefs","defaultExtensions","defaultConfig","svgCanvas","customExportImage","customExportPDF","curPrefs","loadSvgString","success","noop","errorLoadingSVG","getImportLocale","defaultLang","defaultName","lang","extPath","loadContentAndPrefs","forceStorage","noStorageOnLoad","cookie","storage","canvasName","cached","loadFromString","storeKey","preferenceForKey","cfgCfg","extendOrAdd","cfgObj","overwrite","preventAllURLConfig","allowInitialUserOverride","lockExtensions","setCustomHandlers","ready","exportImage","setupCurConfig","noDefaultExtensions","grep","qstr","querystring","isEmptyObject","bkgd_color","pathConfig","preventURLContentLoading","loadFromDataURI","loadFromURL","iconId","forcedSize","extAndLocaleFunc","extname","extName","imported","setAll","messageObj","setFlyoutPositions","shower","outerWidth","uaPrefix","regex","someScript","setIconSize","selToscale","xl","hiddenPs","sides","outerHeight","cssResizeRules","ruleElem","styleStr","rules","prefix","icons","tleft","minHeight","getStylesheetPriority","stylesheet","Infinity","stylesheets","priorityA","priorityB","idx","Set","beforeDefault","afterDefault","faviconDefault","canvasDefault","imageDefault","acceptErrors","stylesheetURL","addLink","rej","endsWith","rel","cnv","then","runCallbacks","modKey","canvMenu","paintBox","resizeTimer","curScrollPos","exportWindow","defaultImageURL","zoomInIcon","zoomOutIcon","uiContext","opener","svgEditorReadyEvent","CustomEvent","draggable","btnHolder","dialogContent","dbox","msg","defaultVal","changeCb","checkbox","toggleClass","ctrl","chkbx","prependTo","tooltip","resp","confirm","process_cancel","prompt","txt","setSelectMode","curr","origTitle","rIntervals","toggleHighlightLayer","layerNameToHighlight","curNames","numLayers","setLayerOpacity","populateLayers","layerlist","selLayerNames","currentLayerName","getCurrentLayerName","layerTr","layerVis","td.layervis .svg_icon","row","vis","editingsource","origSource","showSourceEditor","forSaving","multiselected","operaRepaint","setStrokeOpt","changeElem","pre","toolButtonClick","noHiding","clickSelect","dataURI","promptImgURL","cancelDeletes","curhref","enterNewImgURL","updateRulers","scanvas","contentElem","isX","lentype","contentDim","$hcanvOrig","$hcanv","hcanv","rulerLen","totalLen","ctx","ctxArr","ctxArrNum","fillStyle","fillRect","uMulti","rawM","multi","bigInt","font","rulerD","labelPos","ctxNum","curD","moveTo","lineTo","decs","fillText","part","subD","lineNum","strokeStyle","wArea","cnvs","wOrig","hOrig","oldCtr","scrollLeft","scrollTop","canvas_expansion","oldCanY","oldCanX","newCanY","newCanX","ratio","scrollX","scrollY","scroll","storagePrompt","updateToolButtonState","bNoFill","bNoStroke","buttonsNeedingStroke","buttonsNeedingFillAndStroke","hasEnabled","updateContextPanel","isNode","menuItems","blurval","getNodePoint","segType","noPath","panels","linkHref","curPanel","bv","disableContextMenuItems","getUndoStackSize","getRedoStackSize","updateWireFrame","supportsNonSS","rule","curContext","updateTitle","isLayer","zoomDone","zoomChanged","autoCenter","zInfo","changeZoom","ctl","delegate","prepPaints","prep","flyoutFuncs","setFlyoutTitles","allHolders","setupFlyouts","holders","holdSel","btnOpts","not","showSel","def","idSel","isDefault","flyoutAction","flyoutIsSelected","currentOperation","tool","timer","time","animate","is","makeFlyoutHolder","addAltDropDown","dropUp","seticon","onButton","hover","multiclick","extsPreLang","gWidth","swidth","opacPerc","editmode","ang","isSvgElem","wind","Utils","download","note","saveFromBrowser","defsFailOnSave","location","noteTheseIssues","popupWindowBlocked","linkStr","cbCalled","resizeDone","langReady","runCallback","btnSelects","context_tools","contId","container_id","panel","func","defval","colnum","inp","spindata","svgicons","fallbackObj","placementObj","btn","svgicon","cls","flyoutHolder","curH","showBtn","refData","refBtn","includeWith","tlsId","Actions","getButtonData","setInputElem","blocks","changeOpacity","changeBlur","noUndo","panning","keypan","promptMoveLayerOnce","destLayer","selectedIndex","confirmStr","QmoveElemsToLayer","moveToLayer","moveSelectedToLayer","invalidAttrValGiven","unitData","setPanning","overlay","jsHover","setClick","listItems","addDropDown","perc","unfocus","slideStart","clickFHPath","clickLine","clickSquare","clickRect","clickFHRect","clickCircle","clickEllipse","clickFHEllipse","clickImage","clickZoom","zoomImage","dblclickZoom","clickText","clickPath","deleteSelected","cutSelected","copySelected","pasteInCenter","moveToTopSelected","moveToBottomSelected","reorientPath","reorient","enterNewLinkURL","moveSelected","linked","clonePathNode","deletePathNode","addSubPath","sp","opencloseSubPath","selectNext","selectPrev","rotateSelected","cw","clickClear","QwantToClear","clickBold","clickItalic","loadingURL","clickExport","openExportWindow","loadingImage","exportWindowType","popHTML","popURL","clickOpen","clickImport","clickUndo","clickRedo","clickGroup","clickClone","clickAlign","clickWireframe","wfRules","curClass","allTools","preferences","showDocProperties","hideSourceEditor","saveSourceEditor","saveChanges","QerrorsRevertToSource","hideDocProperties","hidePreferences","saveDocProperties","noContentToFitTo","savePreferences","gridColor","resetScrollPos","cancelOverlays","QignoreSourceChanges","winWh","curval","shortcutButtons","pick_stroke_paint_opacity","pick_fill_paint_opacity","colorPickerCSS","jGraduatePath","PaintBox","paintColor","paintOpacity","docElem","ptype","fillAttr","gPaint","defColor","getPaint","testEl","blurTest","deleteLayer","moveLayer","total","curIndex","stdDeviationX","featNotSupported","uniqName","hasLayer","enterUniqueLayerName","dupeLayerName","enterNewLayerName","layerHasThatName","renameCurrentLayer","sidedrag","sidedragging","allowmove","changeSidePanelWidth","rulerX","resizeSidePanel","deltaX","sideWidth","toggleSidePanel","wh","dims","toolButtons","keyAssocs","saveOpts","hidekey","curBg","canvasBg","blk","isBg","flyouts","fH","margin","keyval","pd","keyStr","modBits","mod","lastChild","itool","initTool","preTool","regTool","wireframe","showlayers","origVal","sugVal","increasing","contextMenu","handlerKey","lmenuFunc","enableOrDisableClipboard","svgeditClipboard","disableContextMenu","no_save_warning","returnValue","unsavedChanges","getUIStrings","openPrep","QwantToOpen","FileReader","importImage","dataTransfer","files","reader","onloadend","newElement","readAsText","imgWidth","imgHeight","offsetHeight","readAsDataURL","imgImport","setLang","allStrings","renameLayer","setTitles","dest","protocol","disableUI","featList","cache","stat","URLloadFail","base64","extensionsAdded","messageQueue","origin"],"mappings":"qLACA,SAASA,EAAcC,OACdC,EAAkBD,EAAlBC,eACLC,EAAQD,EAAe,GAErBE,EAAO,UACHH,EAAGG,UACN,eAAqB,YAAa,UAClC,cAAoB,YAAa,UACjC,aAAmB,UAAW,yBAI5BC,EAAsCF,EAAtCE,QAASC,EAA6BH,EAA7BG,QAASC,EAAoBJ,EAApBI,QAASC,EAAWL,EAAXK,QAC5BC,EAAiB,IAAIC,WAAWN,YAE3B,cACG,OAENO,cACE,YAECL,UAASC,UAASC,mBAElB,UACD,YACE,WACD,SACD,gBACO,OAEbN,EAAeU,OAAS,MACpBC,OAAOC,cAAcL,KACxBM,kBAIPC,SAASC,iBAAiB,aAAcjB,GAAc,GACtDgB,SAASC,iBAAiB,YAAajB,GAAc,GACrDgB,SAASC,iBAAiB,WAAYjB,GAAc,GACpDgB,SAASC,iBAAiB,cAAejB,GAAc,m+DC5B1CkB,QACL,oCACA,wCACF,qCACC,mCACE,mCACF,6CACE,iCAOIC,EAAe,eACpBC,mBACCC,QAAQH,GAAII,QAAQ,yBAAEC,OAAMC,SACvBA,GAAOD,EAAKE,gBAEjBL,ICtBT,gBACM,eAAgBT,QAAS,KAEvBe,wBACStB,EAAMuB,EAAcC,kBAC1BC,YAAczB,OACd0B,oBAAsBH,OACtBI,mBAAqBH,sDAItBI,KAAKD,yBACFA,mBAAmBE,eAAeD,iBAIlCE,UAAUC,UAAY,eAEtBC,gBAAkB,IAClBC,kBAAoB,IACpBC,mBAAqB,IACrBC,mBAAqB,IACrBC,mBAAqB,IACrBC,mBAAqB,IACrBC,0BAA4B,IAC5BC,0BAA4B,IAC5BC,8BAAgC,IAChCC,8BAAgC,IAChCC,gBAAkB,KAClBC,gBAAkB,KAClBC,8BAAgC,KAChCC,8BAAgC,KAChCC,4BAA8B,KAC9BC,4BAA8B,KAC9BC,iCAAmC,KACnCC,iCAAmC,KACnCC,qCAAuC,KACvCC,qCAAuC,OAE5CC,yBACS5B,6EACLF,EAAWW,kBAAmB,IAAKT,eAFXF,+CAIX,8EACKM,KAAKF,2DACb,IAAI0B,OAAoBC,YAGtCC,yBACS9B,EAAmB+B,EAAGC,4EAC3BlC,EAAWY,mBAAoB,IAAKV,aACrCiC,GAAKF,IACLG,GAAKF,eAJoBlC,+CAMX,8EACKM,KAAKF,oBAAsB,IAAME,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAC9D,IAAIJ,OAAoBD,EAAWzB,KAAK6B,GAAI7B,KAAK8B,oBAE9DC,iBAAiBL,EAAoBxB,oCAExBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAG1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,SAIxFC,yBACSrC,EAAmB+B,EAAGC,4EAC3BlC,EAAWa,mBAAoB,IAAKX,aACrCiC,GAAKF,IACLG,GAAKF,eAJoBlC,+CAMX,8EACKM,KAAKF,oBAAsB,IAAME,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAC9D,IAAIG,OAAoBR,EAAWzB,KAAK6B,GAAI7B,KAAK8B,oBAE9DC,iBAAiBE,EAAoB/B,oCACrBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,SAG3FE,yBACStC,EAAmB+B,EAAGC,4EAC3BlC,EAAWc,mBAAoB,IAAKZ,aACrCiC,GAAKF,IACLG,GAAKF,eAJoBlC,+CAMX,8EACKM,KAAKF,oBAAsB,IAAME,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAC9D,IAAII,OAAoBT,EAAWzB,KAAK6B,GAAI7B,KAAK8B,oBAE9DC,iBAAiBG,EAAoBhC,oCACrBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,SAG3FG,yBACSvC,EAAmB+B,EAAGC,4EAC3BlC,EAAWe,mBAAoB,IAAKb,aACrCiC,GAAKF,IACLG,GAAKF,eAJoBlC,+CAMX,8EACKM,KAAKF,oBAAsB,IAAME,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAC9D,IAAIK,OAAoBV,EAAWzB,KAAK6B,GAAI7B,KAAK8B,oBAE9DC,iBAAiBI,EAAoBjC,oCACrBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,SAG3FI,yBACSxC,EAAmB+B,EAAGC,EAAGS,EAAIC,EAAIC,EAAIC,4EAC1C9C,EAAWgB,0BAA2B,IAAKd,aAC5CiC,GAAKF,IACLG,GAAKF,IACLa,IAAMJ,IACNK,IAAMJ,IACNK,IAAMJ,IACNK,IAAMJ,eARyB9C,+CAUjB,oFACKM,KAAKF,oBAAsB,IAAME,KAAKyC,IAAM,IAAMzC,KAAK0C,IAAM,IAAM1C,KAAK2C,IAAM,IAAM3C,KAAK4C,IAAM,IAAM5C,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAClI,IAAIM,OAA0BX,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAKyC,IAAKzC,KAAK0C,IAAK1C,KAAK2C,IAAK3C,KAAK4C,qBAE3Gb,iBAAiBK,EAA0BlC,oCAC3BF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAKyC,kBAAaJ,QAAWI,IAAMJ,EAAIrC,KAAKgC,+BAAkC,6BAC9EhC,KAAK0C,kBAAaJ,QAAWI,IAAMJ,EAAItC,KAAKgC,+BAAkC,6BAC9EhC,KAAK2C,kBAAaJ,QAAWI,IAAMJ,EAAIvC,KAAKgC,+BAAkC,6BAC9EhC,KAAK4C,kBAAaJ,QAAWI,IAAMJ,EAAIxC,KAAKgC,+BAAkC,SAGhGa,yBACSjD,EAAmB+B,EAAGC,EAAGS,EAAIC,EAAIC,EAAIC,4EAC1C9C,EAAWiB,0BAA2B,IAAKf,aAC5CiC,GAAKF,IACLG,GAAKF,IACLa,IAAMJ,IACNK,IAAMJ,IACNK,IAAMJ,IACNK,IAAMJ,eARyB9C,+CAUjB,oFACKM,KAAKF,oBAAsB,IAAME,KAAKyC,IAAM,IAAMzC,KAAK0C,IAAM,IAAM1C,KAAK2C,IAAM,IAAM3C,KAAK4C,IAAM,IAAM5C,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAClI,IAAIe,OAA0BpB,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAKyC,IAAKzC,KAAK0C,IAAK1C,KAAK2C,IAAK3C,KAAK4C,qBAE3Gb,iBAAiBc,EAA0B3C,oCAC3BF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAKyC,kBAAaJ,QAAWI,IAAMJ,EAAIrC,KAAKgC,+BAAkC,6BAC9EhC,KAAK0C,kBAAaJ,QAAWI,IAAMJ,EAAItC,KAAKgC,+BAAkC,6BAC9EhC,KAAK2C,kBAAaJ,QAAWI,IAAMJ,EAAIvC,KAAKgC,+BAAkC,6BAC9EhC,KAAK4C,kBAAaJ,QAAWI,IAAMJ,EAAIxC,KAAKgC,+BAAkC,SAGhGc,yBACSlD,EAAmB+B,EAAGC,EAAGS,EAAIC,4EAClC5C,EAAWkB,8BAA+B,IAAKhB,aAChDiC,GAAKF,IACLG,GAAKF,IACLa,IAAMJ,IACNK,IAAMJ,eAN6B5C,+CAQrB,wFACKM,KAAKF,oBAAsB,IAAME,KAAKyC,IAAM,IAAMzC,KAAK0C,IAAM,IAAM1C,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAChG,IAAIgB,OAA8BrB,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAKyC,IAAKzC,KAAK0C,qBAE3FX,iBAAiBe,EAA8B5C,oCAC/BF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAKyC,kBAAaJ,QAAWI,IAAMJ,EAAIrC,KAAKgC,+BAAkC,6BAC9EhC,KAAK0C,kBAAaJ,QAAWI,IAAMJ,EAAItC,KAAKgC,+BAAkC,SAGhGe,yBACSnD,EAAmB+B,EAAGC,EAAGS,EAAIC,4EAClC5C,EAAWmB,8BAA+B,IAAKjB,aAChDiC,GAAKF,IACLG,GAAKF,IACLa,IAAMJ,IACNK,IAAMJ,eAN6B5C,+CAQrB,wFACKM,KAAKF,oBAAsB,IAAME,KAAKyC,IAAM,IAAMzC,KAAK0C,IAAM,IAAM1C,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAChG,IAAIiB,OAA8BtB,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAKyC,IAAKzC,KAAK0C,qBAE3FX,iBAAiBgB,EAA8B7C,oCAC/BF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAKyC,kBAAaJ,QAAWI,IAAMJ,EAAIrC,KAAKgC,+BAAkC,6BAC9EhC,KAAK0C,kBAAaJ,QAAWI,IAAMJ,EAAItC,KAAKgC,+BAAkC,SAGhGgB,yBACSpD,EAAmB+B,EAAGC,EAAGqB,EAAIC,EAAIC,EAAOC,EAAcC,4EAC3D3D,EAAWoB,gBAAiB,IAAKlB,aAClCiC,GAAKF,IACLG,GAAKF,IACL0B,IAAML,IACNM,IAAML,IACNM,OAASL,IACTM,cAAgBL,IAChBM,WAAaL,eATS3D,+CAWR,2EACKM,KAAKF,oBAAsB,IAAME,KAAKsD,IAAM,IAAMtD,KAAKuD,IAAM,IAAMvD,KAAKwD,OAAS,KAAOxD,KAAKyD,cAAgB,IAAM,KAAO,KAAOzD,KAAK0D,WAAa,IAAM,KAAO,IAAM1D,KAAK6B,GAAK,IAAM7B,KAAK8B,0CACnM,IAAIkB,OAAiBvB,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAKsD,IAAKtD,KAAKuD,IAAKvD,KAAKwD,OAAQxD,KAAKyD,cAAezD,KAAK0D,4BAEzH3B,iBAAiBiB,EAAiB9C,oCAClBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAKsD,kBAAaL,QAAWK,IAAML,EAAIjD,KAAKgC,+BAAkC,6BAC9EhC,KAAKuD,kBAAaL,QAAWK,IAAML,EAAIlD,KAAKgC,+BAAkC,gCAC3EhC,KAAKwD,qBAAgBL,QAAcK,OAASL,EAAOnD,KAAKgC,+BAAkC,uCACnFhC,KAAKyD,4BAAuBL,QAAqBK,cAAgBL,EAAcpD,KAAKgC,+BAAkC,oCACzHhC,KAAK0D,yBAAoBL,QAAkBK,WAAaL,EAAWrD,KAAKgC,+BAAkC,SAGnI2B,yBACS/D,EAAmB+B,EAAGC,EAAGqB,EAAIC,EAAIC,EAAOC,EAAcC,4EAC3D3D,EAAWqB,gBAAiB,IAAKnB,aAClCiC,GAAKF,IACLG,GAAKF,IACL0B,IAAML,IACNM,IAAML,IACNM,OAASL,IACTM,cAAgBL,IAChBM,WAAaL,eATS3D,+CAWR,2EACKM,KAAKF,oBAAsB,IAAME,KAAKsD,IAAM,IAAMtD,KAAKuD,IAAM,IAAMvD,KAAKwD,OAAS,KAAOxD,KAAKyD,cAAgB,IAAM,KAAO,KAAOzD,KAAK0D,WAAa,IAAM,KAAO,IAAM1D,KAAK6B,GAAK,IAAM7B,KAAK8B,0CACnM,IAAI6B,OAAiBlC,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAKsD,IAAKtD,KAAKuD,IAAKvD,KAAKwD,OAAQxD,KAAKyD,cAAezD,KAAK0D,4BAEzH3B,iBAAiB4B,EAAiBzD,oCAClBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAKsD,kBAAaL,QAAWK,IAAML,EAAIjD,KAAKgC,+BAAkC,6BAC9EhC,KAAKuD,kBAAaL,QAAWK,IAAML,EAAIlD,KAAKgC,+BAAkC,gCAC3EhC,KAAKwD,qBAAgBL,QAAcK,OAASL,EAAOnD,KAAKgC,+BAAkC,uCACnFhC,KAAKyD,4BAAuBL,QAAqBK,cAAgBL,EAAcpD,KAAKgC,+BAAkC,oCACzHhC,KAAK0D,yBAAoBL,QAAkBK,WAAaL,EAAWrD,KAAKgC,+BAAkC,SAGnI4B,yBACShE,EAAmB+B,4EACxBjC,EAAWsB,8BAA+B,IAAKpB,aAChDiC,GAAKF,eAH8BjC,+CAKrB,wFACKM,KAAKF,oBAAsB,IAAME,KAAK6B,0CAC9C,IAAI+B,OAA8BnC,EAAWzB,KAAK6B,oBAE/DgC,eAAeD,EAA8B1D,UAAW,2BAAuBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,QAE1J8B,yBACSlE,EAAmB+B,4EACxBjC,EAAWuB,8BAA+B,IAAKrB,aAChDiC,GAAKF,eAH8BjC,+CAKrB,wFACKM,KAAKF,oBAAsB,IAAME,KAAK6B,0CAC9C,IAAIiC,OAA8BrC,EAAWzB,KAAK6B,oBAE/DgC,eAAeC,EAA8B5D,UAAW,2BAAuBF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,QAE1J+B,yBACSnE,EAAmBgC,4EACxBlC,EAAWwB,4BAA6B,IAAKtB,aAC9CkC,GAAKF,eAH4BlC,+CAKnB,sFACKM,KAAKF,oBAAsB,IAAME,KAAK8B,0CAC9C,IAAIiC,OAA4BtC,EAAWzB,KAAK8B,oBAE7D+B,eAAeE,EAA4B7D,UAAW,2BAAuBF,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,QAExJgC,yBACSpE,EAAmBgC,4EACxBlC,EAAWyB,4BAA6B,IAAKvB,aAC9CkC,GAAKF,eAH4BlC,+CAKnB,sFACKM,KAAKF,oBAAsB,IAAME,KAAK8B,0CAC9C,IAAIkC,OAA4BvC,EAAWzB,KAAK8B,oBAE7D+B,eAAeG,EAA4B9D,UAAW,2BAAuBF,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,QAExJiC,yBACSrE,EAAmB+B,EAAGC,EAAGW,EAAIC,4EAClC9C,EAAW0B,iCAAkC,IAAKxB,aACnDiC,GAAKF,IACLG,GAAKF,IACLe,IAAMJ,IACNK,IAAMJ,eAN+B9C,+CAQvB,0FACKM,KAAKF,oBAAsB,IAAME,KAAK2C,IAAM,IAAM3C,KAAK4C,IAAM,IAAM5C,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAChG,IAAImC,OAAgCxC,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAK2C,IAAK3C,KAAK4C,qBAE7Fb,iBAAiBkC,EAAgC/D,oCACjCF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAK2C,kBAAaJ,QAAWI,IAAMJ,EAAIvC,KAAKgC,+BAAkC,6BAC9EhC,KAAK4C,kBAAaJ,QAAWI,IAAMJ,EAAIxC,KAAKgC,+BAAkC,SAGhGkC,yBACStE,EAAmB+B,EAAGC,EAAGW,EAAIC,4EAClC9C,EAAW2B,iCAAkC,IAAKzB,aACnDiC,GAAKF,IACLG,GAAKF,IACLe,IAAMJ,IACNK,IAAMJ,eAN+B9C,+CAQvB,0FACKM,KAAKF,oBAAsB,IAAME,KAAK2C,IAAM,IAAM3C,KAAK4C,IAAM,IAAM5C,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAChG,IAAIoC,OAAgCzC,EAAWzB,KAAK6B,GAAI7B,KAAK8B,GAAI9B,KAAK2C,IAAK3C,KAAK4C,qBAE7Fb,iBAAiBmC,EAAgChE,oCACjCF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,6BACzEhC,KAAK2C,kBAAaJ,QAAWI,IAAMJ,EAAIvC,KAAKgC,+BAAkC,6BAC9EhC,KAAK4C,kBAAaJ,QAAWI,IAAMJ,EAAIxC,KAAKgC,+BAAkC,SAGhGmC,yBACSvE,EAAmB+B,EAAGC,4EAC3BlC,EAAW4B,qCAAsC,IAAK1B,aACvDiC,GAAKF,IACLG,GAAKF,eAJoClC,+CAM3B,8FACKM,KAAKF,oBAAsB,IAAME,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAC9D,IAAIqC,OAAoC1C,EAAWzB,KAAK6B,GAAI7B,KAAK8B,oBAE9EC,iBAAiBoC,EAAoCjE,oCACrCF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,SAG3FoC,yBACSxE,EAAmB+B,EAAGC,4EAC3BlC,EAAW6B,qCAAsC,IAAK3B,aACvDiC,GAAKF,IACLG,GAAKF,eAJoClC,+CAM3B,8FACKM,KAAKF,oBAAsB,IAAME,KAAK6B,GAAK,IAAM7B,KAAK8B,0CAC9D,IAAIsC,OAAoC3C,EAAWzB,KAAK6B,GAAI7B,KAAK8B,oBAE9EC,iBAAiBqC,EAAoClE,oCACrCF,KAAK6B,iBAAYF,QAAUE,GAAKF,EAAG3B,KAAKgC,+BAAkC,4BAC1EhC,KAAK8B,iBAAYF,QAAUE,GAAKF,EAAG5B,KAAKgC,+BAAkC,oBAKlF9B,UAAUmE,0BAA4B,kBAAqB,IAAI7C,OAAoBC,mBACnFvB,UAAUoE,0BAA4B,SAAU3C,EAAGC,UAAY,IAAIF,OAAoBD,EAAWE,EAAGC,mBACrG1B,UAAUqE,0BAA4B,SAAU5C,EAAGC,UAAY,IAAIK,OAAoBR,EAAWE,EAAGC,mBACrG1B,UAAUsE,0BAA4B,SAAU7C,EAAGC,UAAY,IAAIM,OAAoBT,EAAWE,EAAGC,mBACrG1B,UAAUuE,0BAA4B,SAAU9C,EAAGC,UAAY,IAAIO,OAAoBV,EAAWE,EAAGC,mBACrG1B,UAAUwE,gCAAkC,SAAU/C,EAAGC,EAAGS,EAAIC,EAAIC,EAAIC,UAAa,IAAIJ,OAA0BX,EAAWE,EAAGC,EAAGS,EAAIC,EAAIC,EAAIC,mBAChJtC,UAAUyE,gCAAkC,SAAUhD,EAAGC,EAAGS,EAAIC,EAAIC,EAAIC,UAAa,IAAIK,OAA0BpB,EAAWE,EAAGC,EAAGS,EAAIC,EAAIC,EAAIC,mBAChJtC,UAAU0E,oCAAsC,SAAUjD,EAAGC,EAAGS,EAAIC,UAAa,IAAIQ,OAA8BrB,EAAWE,EAAGC,EAAGS,EAAIC,mBACxIpC,UAAU2E,oCAAsC,SAAUlD,EAAGC,EAAGS,EAAIC,UAAa,IAAIS,OAA8BtB,EAAWE,EAAGC,EAAGS,EAAIC,mBACxIpC,UAAU4E,uBAAyB,SAAUnD,EAAGC,EAAGqB,EAAIC,EAAIC,EAAOC,EAAcC,UAAoB,IAAIL,OAAiBvB,EAAWE,EAAGC,EAAGqB,EAAIC,EAAIC,EAAOC,EAAcC,mBACvKnD,UAAU6E,uBAAyB,SAAUpD,EAAGC,EAAGqB,EAAIC,EAAIC,EAAOC,EAAcC,UAAoB,IAAIM,OAAiBlC,EAAWE,EAAGC,EAAGqB,EAAIC,EAAIC,EAAOC,EAAcC,mBACvKnD,UAAU8E,oCAAsC,SAAUrD,UAAY,IAAIiC,OAA8BnC,EAAWE,mBACnHzB,UAAU+E,oCAAsC,SAAUtD,UAAY,IAAImC,OAA8BrC,EAAWE,mBACnHzB,UAAUgF,kCAAoC,SAAUtD,UAAY,IAAImC,OAA4BtC,EAAWG,mBAC/G1B,UAAUiF,kCAAoC,SAAUvD,UAAY,IAAIoC,OAA4BvC,EAAWG,mBAC/G1B,UAAUkF,sCAAwC,SAAUzD,EAAGC,EAAGW,EAAIC,UAAa,IAAIyB,OAAgCxC,EAAWE,EAAGC,EAAGW,EAAIC,mBAC5ItC,UAAUmF,sCAAwC,SAAU1D,EAAGC,EAAGW,EAAIC,UAAa,IAAI0B,OAAgCzC,EAAWE,EAAGC,EAAGW,EAAIC,mBAC5ItC,UAAUoF,0CAA4C,SAAU3D,EAAGC,UAAY,IAAIuC,OAAoC1C,EAAWE,EAAGC,mBACrI1B,UAAUqF,0CAA4C,SAAU5D,EAAGC,UAAY,IAAIwC,OAAoC3C,EAAWE,EAAGC,IAE9I,uBAAwB4D,eAAetF,2BAI5BA,UAAUuF,mBAAqB,SAAUC,WACrCjE,IAAbiE,IAA2BC,SAASD,SAChC,IAAIE,MAAM,0BAGZC,EAAqB7G,SAAS8G,gBAAgB,6BAA8B,UAC/DC,aAAa,IAAK/F,KAAKgG,aAAa,UACnDC,EAAkBJ,EAAmBK,YAAYC,cAAgB,KAGjEF,GAAmB,SACd,IAGN,MACkBC,YAAYE,WAAWH,GACtCP,EAAWG,EAAmBQ,iCAI3BJ,EAAkB,UACpBA,WAIJvG,WAAaA,SACb8B,oBAAsBA,SACtBE,oBAAsBA,SACtBO,oBAAsBA,SACtBC,oBAAsBA,SACtBC,oBAAsBA,SACtBC,0BAA4BA,SAC5BS,0BAA4BA,SAC5BC,8BAAgCA,SAChCC,8BAAgCA,SAChCC,iBAAmBA,SACnBW,iBAAmBA,SACnBC,8BAAgCA,SAChCE,8BAAgCA,SAChCC,4BAA8BA,SAC9BC,4BAA8BA,SAC9BC,gCAAkCA,SAClCC,gCAAkCA,SAClCC,oCAAsCA,SACtCC,oCAAsCA,OAQzC,mBAAoBzF,QAAa,eAAgB2H,eAAepG,WAAY,KAE1EoG,wBACSC,kBACNC,aAAeD,OACfE,MAAQzG,KAAK0G,WAAW1G,KAAKwG,aAAaR,aAAa,WAGvDW,yBAA2BC,YAAY,EAAMC,iBAAkB,WAC/DC,6BAA+B,IAAIC,iBAAiB/G,KAAKgH,6BAA6BC,KAAKjH,YAC3F8G,6BAA6BI,QAAQlH,KAAKwG,aAAcxG,KAAK2G,+FAM7DK,6BAA6BhH,KAAK8G,6BAA6BK,oEAGxCC,MACvBpH,KAAKwG,kBAGNa,GAAmB,IACP/H,QAAQ,SAACgI,GACM,MAAzBA,EAAOC,mBACU,KAGnBF,SACGZ,MAAQzG,KAAK0G,WAAW1G,KAAKwG,aAAaR,aAAa,wDAMzDc,6BAA6BU,kBAC7BhB,aAAaT,aAAa,IAAKO,EAAemB,sBAAsBzH,KAAKyG,aACzEK,6BAA6BI,QAAQlH,KAAKwG,aAAcxG,KAAK2G,gEAIpDe,QACTC,wDAIAC,oCAEAnB,MAAMnH,QAAQ,SAACoI,KACV3H,mBAAqB,YAE1B0G,cACAkB,sDAGKE,eACLD,oCAEAnB,OAASoB,KACN9H,mBAAqBC,UACxB2H,mBACEE,2CAGSC,MACZC,MAAMD,IAAUA,EAAQ,GAAKA,GAAS9H,KAAKmG,oBACvC,IAAIP,MAAM,kDAIXkC,eACFF,oCAEAI,iBAAiBF,GACf9H,KAAKyG,MAAMqB,4CAGFD,EAASC,eACpBF,+BAGDE,EAAQ9H,KAAKmG,kBACPnG,KAAKmG,eAEX0B,EAAQ9H,uBAEA8H,EAAQI,cAEfxB,MAAMyB,OAAOJ,EAAO,EAAGD,KACpB9H,mBAAqBC,UACxB2H,mBACEE,sCAGIA,EAASC,eACfF,+BAEDC,EAAQ9H,uBAEA8H,EAAQI,cAEfD,iBAAiBF,QACjBrB,MAAMqB,GAASD,IACZ9H,mBAAqBC,UACxB2H,mBACEE,qCAGGC,QACLF,oCAEAI,iBAAiBF,OAChBK,EAAOnI,KAAKyG,MAAMqB,eACnBrB,MAAMyB,OAAOJ,EAAO,QACpBH,mBACEQ,qCAGGN,eACLD,+BAEDC,EAAQ9H,uBAEA8H,EAAQI,cAEfxB,MAAM2B,KAAKP,KACR9H,mBAAqBC,UAExB2H,mBACEE,qCAIGQ,OACLA,IAAWA,EAAOzJ,oBAIjBgB,EAAoBI,KAEpBsI,yCAEGpC,+DAEQwB,QACRxB,YAAYkC,KAAKV,YAIpBa,wBACSF,kBACNG,QAAUH,OACVI,cAAgB,OAChBC,UAAY1I,KAAKwI,QAAQ5J,YACzB+J,iBAAmBjJ,WAAWU,qBAE9BwI,8EAGCC,EAAY7I,KAAKwI,QAAQxI,KAAKyI,sBAC7BI,GAAa,MAAsB,MAAdA,GAAmC,OAAdA,GAAoC,OAAdA,GAAoC,OAAdA,GAAoC,OAAdA,sDAI5G7I,KAAKyI,cAAgBzI,KAAK0I,WAAa1I,KAAK8I,wBAC5CL,uBAEAzI,KAAKyI,cAAgBzI,KAAK0I,2EAI7B1I,KAAKyI,cAAgBzI,KAAK0I,YAAc1I,KAAK8I,mBAAiE,MAA5C9I,KAAKwI,QAAQO,OAAO/I,KAAKyI,kBAG3FzI,KAAK4I,uBACH5I,KAAKyI,cAAgBzI,KAAK0I,WAAyD,MAA5C1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,sBAC7DA,qBACAG,uBAGF5I,KAAKyI,cAAgBzI,KAAK0I,wDAI1B1I,KAAKyI,cAAgBzI,KAAK0I,wDAI3BM,EAAYhJ,KAAKwI,QAAQxI,KAAKyI,sBAC7BzI,KAAKiJ,qBAAqBD,gDAGbA,UACZA,OACH,QACA,WACItJ,WAAWW,sBACf,WACIX,WAAWY,uBACf,WACIZ,WAAWa,uBACf,WACIb,WAAWc,uBACf,WACId,WAAWe,uBACf,WACIf,WAAWgB,8BACf,WACIhB,WAAWiB,8BACf,WACIjB,WAAWkB,kCACf,WACIlB,WAAWmB,kCACf,WACInB,WAAWoB,oBACf,WACIpB,WAAWqB,oBACf,WACIrB,WAAWsB,kCACf,WACItB,WAAWuB,kCACf,WACIvB,WAAWwB,gCACf,WACIxB,WAAWyB,gCACf,WACIzB,WAAW0B,qCACf,WACI1B,WAAW2B,qCACf,WACI3B,WAAW4B,yCACf,WACI5B,WAAW6B,oDAEX7B,WAAWU,4DAIF4I,EAAWE,UAEV,MAAdF,GAAmC,MAAdA,GAAmC,MAAdA,GAAsBA,GAAa,KAAOA,GAAa,MAASE,IAAoBxJ,WAAWW,kBACxI6I,IAAoBxJ,WAAWY,mBAC1BZ,WAAWc,mBAEhB0I,IAAoBxJ,WAAWa,mBAC1Bb,WAAWe,mBAEbyI,EAEFxJ,WAAWU,qEAKbJ,KAAKmJ,qBACD,MAEHC,EAAUpJ,KAAKqJ,yBAEdD,IAAY1J,WAAWY,oBAAsB8I,IAAY1J,WAAWa,8DAMvE+I,EAAW,EACXC,EAAU,EACVC,EAAO,EACPC,EAAU,EACVC,EAAO,EACPC,EAAU,EAERC,EAAa5J,KAAKyI,sBAEnBG,sBAGD5I,KAAKyI,cAAgBzI,KAAK0I,WAAyD,MAA5C1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,oBAC7DA,gBACIzI,KAAKyI,cAAgBzI,KAAK0I,WAAyD,MAA5C1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,sBACpEA,mBACG,KAGNzI,KAAKyI,gBAAkBzI,KAAK0I,YAAe1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,KAAOzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,MAAoD,MAA5CzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,yBAMrKoB,EAAoB7J,KAAKyI,cACxBzI,KAAKyI,cAAgBzI,KAAK0I,WAAa1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAkB,KAAOzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAkB,UACpIA,mBAGHzI,KAAKyI,gBAAkBoB,UACrBC,EAAmB9J,KAAKyI,cAAgB,EACxCsB,EAAa,EACVD,GAAoBD,MACdE,GAAc/J,KAAKwI,QAAQO,OAAOe,KAAsB,QACrD,MAKd9J,KAAKyI,cAAgBzI,KAAK0I,WAAyD,MAA5C1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAwB,SACrFA,gBAGDzI,KAAKyI,eAAiBzI,KAAK0I,WAAa1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,KAAOzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,gBAGhIzI,KAAKyI,cAAgBzI,KAAK0I,WAAa1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAkB,KAAOzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAkB,QACjI,OACIzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,KAAOe,OACxDf,eAAiB,KAKtBzI,KAAKyI,gBAAkBmB,GAAc5J,KAAKyI,cAAgB,EAAIzI,KAAK0I,YAA0D,MAA5C1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAsE,MAA5CzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,iBAA4E,MAAhDzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,cAAgB,IAA8D,MAAhDzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,cAAgB,GAAa,SACnSA,gBAG2C,MAA5CzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,oBACtBA,gBACgD,MAA5CzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,sBAC7BA,mBACM,GAITzI,KAAKyI,eAAiBzI,KAAK0I,WAAa1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,KAAOzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,gBAIhIzI,KAAKyI,cAAgBzI,KAAK0I,WAAa1I,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAkB,KAAOzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,gBAAkB,QAC7H,MACCzI,KAAKwI,QAAQO,OAAO/I,KAAKyI,eAAiB,SAClDA,oBAILuB,EAAST,EAAUE,QACbC,EAENJ,OACQW,KAAKC,IAAI,GAAIP,EAAUL,IAG/BM,IAAe5J,KAAKyI,0BAInB0B,iCAEEH,gDAIHhK,KAAKyI,eAAiBzI,KAAK0I,gBAG3B0B,GAAO,EACLC,EAAWrK,KAAKwI,QAAQO,OAAO/I,KAAKyI,oBACzB,MAAb4B,KACK,MACF,CAAA,GAAiB,MAAbA,YACF,cAKJF,iCACEC,8CAIDpB,EAAYhJ,KAAKwI,QAAQxI,KAAKyI,eAChCW,EAAUpJ,KAAKiJ,qBAAqBD,MACpCI,IAAY1J,WAAWU,gBAAiB,IAEtCJ,KAAK2I,mBAAqBjJ,WAAWU,uBAChC,WAECJ,KAAKsK,mBAAmBtB,EAAWhJ,KAAK2I,qBAClCjJ,WAAWU,uBAClB,eAGJqI,4BAGFE,iBAAmBS,EAEhBA,QACH1J,WAAWa,0BACP,IAAI0B,oBAAoBrC,EAAmBI,KAAKuK,eAAgBvK,KAAKuK,qBACzE7K,WAAWY,0BACP,IAAIoB,oBAAoB9B,EAAmBI,KAAKuK,eAAgBvK,KAAKuK,qBACzE7K,WAAWe,0BACP,IAAI0B,oBAAoBvC,EAAmBI,KAAKuK,eAAgBvK,KAAKuK,qBACzE7K,WAAWc,0BACP,IAAI0B,oBAAoBtC,EAAmBI,KAAKuK,eAAgBvK,KAAKuK,qBACzE7K,WAAWuB,qCACP,IAAI6C,8BAA8BlE,EAAmBI,KAAKuK,qBAC9D7K,WAAWsB,qCACP,IAAI4C,8BAA8BhE,EAAmBI,KAAKuK,qBAC9D7K,WAAWyB,mCACP,IAAI6C,4BAA4BpE,EAAmBI,KAAKuK,qBAC5D7K,WAAWwB,mCACP,IAAI6C,4BAA4BnE,EAAmBI,KAAKuK,qBAC5D7K,WAAWW,8BACTuI,sBACE,IAAIpH,oBAAoB5B,QAC5BF,WAAWiB,8BACR6J,GAAUnI,GAAIrC,KAAKuK,eAAgBjI,GAAItC,KAAKuK,eAAgBhI,GAAIvC,KAAKuK,eAAgB/H,GAAIxC,KAAKuK,eAAgB5I,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC7I,IAAI1H,0BAA0BjD,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOnI,GAAImI,EAAOlI,GAAIkI,EAAOjI,GAAIiI,EAAOhI,IACpH,KAAK9C,WAAWgB,8BACV8J,GAAUnI,GAAIrC,KAAKuK,eAAgBjI,GAAItC,KAAKuK,eAAgBhI,GAAIvC,KAAKuK,eAAgB/H,GAAIxC,KAAKuK,eAAgB5I,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC7I,IAAInI,0BAA0BxC,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOnI,GAAImI,EAAOlI,GAAIkI,EAAOjI,GAAIiI,EAAOhI,IACpH,KAAK9C,WAAW2B,qCACVmJ,GAAUjI,GAAIvC,KAAKuK,eAAgB/H,GAAIxC,KAAKuK,eAAgB5I,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC3F,IAAIrG,gCAAgCtE,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOjI,GAAIiI,EAAOhI,IACpG,KAAK9C,WAAW0B,qCACVoJ,GAAUjI,GAAIvC,KAAKuK,eAAgB/H,GAAIxC,KAAKuK,eAAgB5I,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC3F,IAAItG,gCAAgCrE,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOjI,GAAIiI,EAAOhI,IACpG,KAAK9C,WAAWmB,kCACV2J,GAAUnI,GAAIrC,KAAKuK,eAAgBjI,GAAItC,KAAKuK,eAAgB5I,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC3F,IAAIxH,8BAA8BnD,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOnI,GAAImI,EAAOlI,IAClG,KAAK5C,WAAWkB,kCACV4J,GAAUnI,GAAIrC,KAAKuK,eAAgBjI,GAAItC,KAAKuK,eAAgB5I,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC3F,IAAIzH,8BAA8BlD,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOnI,GAAImI,EAAOlI,SAC/F5C,WAAW6B,4CACP,IAAI6C,oCAAoCxE,EAAmBI,KAAKuK,eAAgBvK,KAAKuK,qBACzF7K,WAAW4B,4CACP,IAAI6C,oCAAoCvE,EAAmBI,KAAKuK,eAAgBvK,KAAKuK,qBACzF7K,WAAWqB,oBACRyJ,GAAUnI,GAAIrC,KAAKuK,eAAgBjI,GAAItC,KAAKuK,eAAgBE,SAAUzK,KAAKuK,eAAgBG,SAAU1K,KAAK2K,gBAAiBC,SAAU5K,KAAK2K,gBAAiBhJ,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC1L,IAAI5G,iBAAiB/D,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOnI,GAAImI,EAAOlI,GAAIkI,EAAOC,SAAUD,EAAOE,SAAUF,EAAOI,UAClI,KAAKlL,WAAWoB,oBACV0J,GAAUnI,GAAIrC,KAAKuK,eAAgBjI,GAAItC,KAAKuK,eAAgBE,SAAUzK,KAAKuK,eAAgBG,SAAU1K,KAAK2K,gBAAiBC,SAAU5K,KAAK2K,gBAAiBhJ,EAAG3B,KAAKuK,eAAgB3I,EAAG5B,KAAKuK,uBAC1L,IAAIvH,iBAAiBpD,EAAmB4K,EAAO7I,EAAG6I,EAAO5I,EAAG4I,EAAOnI,GAAImI,EAAOlI,GAAIkI,EAAOC,SAAUD,EAAOE,SAAUF,EAAOI,UAClI,cACM,IAAIhF,MAAM,oCAKhBiF,EAAU,IAAIvC,EACdwC,EAAS,IAAIvC,EAAOF,OAErByC,EAAOC,uCAGLD,EAAO3B,eAAe,KACrBzB,EAAUoD,EAAOE,mBAClBtD,aAGGuD,cAAcvD,UAGjBmD,EAAQ3E,uBAIJhG,UAAUC,UAAY,wBAE9B0D,eAAeyC,EAAepG,UAAW,4CAEvC0H,+BACE5H,KAAKyG,MAAM7H,oBAER,MAGC6I,sBAAwB,SAAUyD,OAC3C7C,EAAS,GACTlK,GAAQ,WACCmB,QAAQ,SAACoI,GAChBvJ,MACM,KACEuJ,EAAQyD,oBAER,IAAMzD,EAAQyD,kBAGrB9C,UAKFtG,iBAAiByD,eAAetF,8CAG5BF,KAAKoL,oBACHA,aAAe,IAAI9E,EAAetG,OAElCA,KAAKoL,0BAEF,gDAG2BpL,KAAKkG,yBAA4B,8CACnClG,KAAKkG,yBAA4B,wDACvBlG,KAAKkG,yBAA4B,YAE7EI,eAAiBA,GAj7B1B,GCMA,IAyHM+E,EAzHAC,EAAIC,OAYHC,KATExM,SAAS8G,iBAAqB9G,SAAS8G,gBAAgB5G,EAAGuM,IAAK,OAAOC,cAS3DC,UAAbH,WACDI,EAAM5M,SAAS8G,gBAAgB5G,EAAGuM,IAAK,OAGvCI,IAAalN,OAAOmN,MACpBC,EAAYP,EAAUQ,SAAS,eAC/BC,EAAWT,EAAUQ,SAAS,UAC9BE,EAAQV,EAAUQ,SAAS,QAC3BG,EAAYX,EAAUQ,SAAS,WAE/BI,GADaZ,EAAUQ,SAAS,WACvBR,EAAUQ,SAAS,cAC5BK,EAAW,iBAAkB1N,OAE7B2N,IACGV,EAAIW,cAGPC,IACGxN,SAASyN,SAIZC,EAA4B,eAC5BC,EAAO3N,SAAS8G,gBAAgB5G,EAAGuM,IAAK,UACzC1F,aAAa,IAAK,kBACjB6G,EAAUD,EAAKzG,YACf2G,EAAMF,EAAKnI,0BAA0B,EAAG,gBAEpCsI,YAAYD,EAAK,IAClB,EACP,MAAOE,WACF,EAT2B,GAY5BC,EAAiC,eACjCL,EAAO3N,SAAS8G,gBAAgB5G,EAAGuM,IAAK,UACzC1F,aAAa,IAAK,kBACjB6G,EAAUD,EAAKzG,YACf2G,EAAMF,EAAKnI,0BAA0B,EAAG,gBAEpCyI,iBAAiBJ,EAAK,IACvB,EACP,MAAOE,WACF,EATgC,GAajCG,EAA4B,eAC5BC,EAAUnO,SAAS8G,gBAAgB5G,EAAGuM,IAAK,OAC3C2B,EAAapO,SAAS8G,gBAAgB5G,EAAGuM,IAAK,gBAC3C4B,gBAAgBC,OAAOH,KACrBpH,aAAa,IAAK,KACrBuH,OAAOF,OACTG,EAAOvO,SAAS8G,gBAAgB5G,EAAGuM,IAAK,UACzC+B,YAAc,MACRF,OAAOC,OACZE,EAAMF,EAAKG,uBAAuB,GAAG/L,WACnCgM,SACQ,IAARF,EAX0B,GAc5BG,EAAqB,eACrBR,EAAapO,SAAS8G,gBAAgB5G,EAAGuM,IAAK,gBAC3C4B,gBAAgBC,OAAOF,OAC1BT,EAAO3N,SAAS8G,gBAAgB5G,EAAGuM,IAAK,UACzC1F,aAAa,IAAK,0BACZuH,OAAOX,OACZkB,EAAOlB,EAAKmB,mBACPH,SACHE,EAAKE,OAAS,GAAKF,EAAKE,OAAS,EARd,GAYrBC,EAAgC,eAChCZ,EAAapO,SAAS8G,gBAAgB5G,EAAGuM,IAAK,gBAC3C4B,gBAAgBC,OAAOF,OAC1BT,EAAO3N,SAAS8G,gBAAgB5G,EAAGuM,IAAK,UACzC1F,aAAa,IAAK,iBACjBkI,EAAQjP,SAAS8G,gBAAgB5G,EAAGuM,IAAK,UACzC1F,aAAa,IAAK,iBAClBmI,EAAIlP,SAAS8G,gBAAgB5G,EAAGuM,IAAK,OACzC6B,OAAOX,EAAMsB,KACJX,OAAOY,OACZL,EAAOK,EAAEJ,mBACJH,SAEY,KAAfE,EAAKM,MAbyB,GAmChCC,GAdyB,eAEzB/C,EAAOrM,SAAS8G,gBAAgB5G,EAAGuM,IAAK,UACzC1F,aAAa,IAAK,QAEjBsI,GADQhD,EAAKiD,WAAU,GACJtI,aAAa,KAAKgG,SAAS,KAC/CqC,KAEDE,MAAM,iLARqB,IAezBlD,EAAOrM,SAAS8G,gBAAgB5G,EAAGuM,IAAK,SACzC1F,aAAa,QAAS,oCACQ,uBAA5BsF,EAAKmD,MAAMC,cAGdC,EAAoC,eAElCC,EADO3P,SAAS8G,gBAAgB5G,EAAGuM,IAAK,QAC1BmD,UAAUC,QACxBC,EAAKlD,EAAImD,uBACRC,WAAWF,OACZ7L,EAAK0L,EAAOM,QAAQ,UAEnBhM,aAAciM,cAAgBJ,aAAcI,cAClDjM,EAAG7E,OAAS0Q,EAAG1Q,MAAQ6E,EAAGE,QAAU2L,EAAG3L,OACvCF,EAAGkM,OAAOC,IAAMN,EAAGK,OAAOC,GAC1BnM,EAAGkM,OAAOE,IAAMP,EAAGK,OAAOE,GAC1BpM,EAAGkM,OAAOG,IAAMR,EAAGK,OAAOG,GAC1BrM,EAAGkM,OAAOI,IAAMT,EAAGK,OAAOI,GAC1BtM,EAAGkM,OAAOK,IAAMV,EAAGK,OAAOK,GAC1BvM,EAAGkM,OAAOM,IAAMX,EAAGK,OAAOM,EAda,GAuB3BC,EAAU,kBAAM7D,GAKhB8D,EAAW,kBAAM5D,GAKjB6D,EAAU,kBAAM3D,GAKhB4D,EAAO,kBAAM3D,GAKb4D,EAAW,kBAAM3D,GAUjB4D,EAAQ,kBAAM3D,GAKd4D,EAAU,kBAAM3D,GAoChB4D,EAA8B,kBAAMjC,GAwBpCkC,EAA2B,kBAAM9B,GC/O/B,WAAU9C,OACjB6E,EAAU7E,EAAE8E,GAAGC,cAWnBD,GAAGC,KAAO,SAAUC,EAAKC,OACnBC,EAAMxQ,KAAKpB,WACZ4R,SAAcL,EAAQM,MAAMzQ,KAAM0Q,eAClC,IAAIC,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBC,EAAO5Q,KAAK2Q,MAdZ,+BAgBFC,EAAKC,oBAkCAV,EAAQM,MAAMzQ,KAAM0Q,mBAhCbjP,IAAV8O,IACGxK,aAAauK,EAAKC,QAClB,GAAIO,MAAMC,QAAQT,GAAM,SAEvBU,KACFC,EAAIX,EAAI1R,OAELqS,KAAK,KACJC,EAAQZ,EAAIW,GACdZ,EAAOO,EAAK5K,aAAakL,IAEzBb,GAAiB,MAATA,OACHtI,MAAMsI,GAAQA,EAAQA,EAAO,KAElCa,GAASb,SAERW,KAEU,qBAARV,gBAAAA,IAMJ,KACDD,EAAOO,EAAK5K,aAAasK,UACzBD,GAAiB,MAATA,OACHtI,MAAMsI,GAAQA,EAAQA,EAAO,GAE/BA,yCATmBc,OAAO9R,QAAQiR,kDAAM,wBAAnC/Q,OAAM6R,SACXrL,aAAaxG,EAAM6R,yFAczBpR,MAEFsL,ECjET,IAAM6B,EAAUnO,SAAS8G,gBAAgB5G,EAAGuM,IAAK,OAGjD,SAAS4F,EAAmBC,OACpBC,EAAID,EAAMnC,OACZ5B,EAAO,UACH+D,EAAMlT,WACT,IACI,WAAamT,EAAEnC,EAAGmC,EAAElC,EAAGkC,EAAEjC,EAAGiC,EAAEhC,EAAGgC,EAAE/B,EAAG+B,EAAE9B,GAAG+B,KAAK,KAAO,eAE3D,IACI,aAAeD,EAAE/B,EAAI,IAAM+B,EAAE9B,EAAI,eAErC,IACC8B,EAAEnC,IAAMmC,EAAEhC,EACL,SAAWgC,EAAEnC,EAAI,IAEjB,SAAWmC,EAAEnC,EAAI,IAAMmC,EAAEhC,EAAI,eAGnC,MACCkC,EAAK,EACLC,EAAK,KAEW,IAAhBJ,EAAMnO,MAAa,KACfwO,EAAI,EAAIJ,EAAEnC,KACVuC,EAAIJ,EAAE9B,EAAI8B,EAAElC,EAAIkC,EAAE/B,IAAMmC,EAAIA,EAAIJ,EAAElC,EAAIkC,EAAElC,MACxCkC,EAAE/B,EAAI+B,EAAElC,EAAIqC,GAAMC,IAEnB,UAAYL,EAAMnO,MAAQ,IAAMsO,EAAK,IAAMC,EAAK,WAIlDnE,EAMT,IAAIqE,KAkESC,wBAIEjB,kBACNkB,MAAQlB,GAAQ,UAChBmB,gBAEAC,QAAU,eACTC,EAAO,GACgB9E,EAAQ+E,sBAC9B,IAAIvB,EAAI,EAAGA,EAAI3Q,KAAKmG,gBAAiBwK,EAAG,IAEnCU,EADMrR,KAAKyG,MAAMwI,QAAQ0B,IACE,SAEhCmB,MAAM/L,aAAa,YAAakM,SAElCxL,MAAQzG,UACRmS,MAAQ,sBAEPC,EAAMpS,KAAK8R,MAAM9L,aAAa,gBAC7BoM,UAGCC,EAAK,yDACPd,GAAI,EACDA,KACDa,EAAIE,MAAMD,KACRD,EAAIG,QAAQF,EAAI,IAClBd,GAAKA,EAAE,mBAEHiB,EADIjB,EAAE,GACGkB,MAAM,SACflT,EAAOiT,EAAK,GACZE,EAAUF,EAAK,GAAGF,MAAM,mBACtB,GAAKI,EAAQ,GAAGH,QAAQ,SAAU,YACpCI,EAASD,EAAQ,GAAGD,MAAM,SAC1BG,EAAU,SAASH,MAAM,IACzBI,EAAM1F,EAAQ+E,yBACbY,OAAOH,GAAQrT,QAAQ,SAAU6I,EAAMwI,KACrCA,GAAKoC,WAAW5K,GACV,WAAT5I,MACEqT,EAAQjC,IAAMgC,EAAOhC,UAGvBW,EAAQnE,EAAQ4B,qBAChBiE,EAAQ,MAAQzT,EAAKwJ,OAAO,GAAGkK,cAAgB1T,EAAK2T,MAAM,GAC1DJ,EAAkB,WAATvT,GAAqBsT,GAAOF,EAE9B,UAATpT,GAAsC,IAAlBuT,EAAOlU,SACtBwJ,KAAK0K,EAAO,IACD,cAATvT,GAA0C,IAAlBuT,EAAOlU,SACjCwJ,KAAK,GACM,WAAT7I,GAAuC,IAAlBuT,EAAOlU,UAC9BwJ,KAAK,EAAG,KAEX4K,GAAOvC,MAAMa,EAAOwB,KACrBrM,MAAMuI,WAAWsC,YAIvB6B,sBAAwB,SAAUhL,MACjCA,EAAM,KAGJiL,GAAQ,MACP,IAAMC,KAAMzB,EAAU,SACnB0B,EAAK1B,EAASyB,GACX1C,EAAI,EAAGH,EAAM8C,EAAGvB,QAAQnT,OAAQ+R,EAAIH,IAAOG,KAC9C2C,EAAGvB,QAAQpB,KAAOxI,EAAM,IAClB,IACL/B,WAAWuK,YAIdyC,gBAOLjN,cAAgB,iDAMhBA,cAAgB,OAChB4L,8CAOKlK,QACL1B,cAAgB,OAChBgN,sBAAsBtL,QACtBkK,SAAWlK,mCAQTC,MACHA,EAAQ9H,KAAKmG,eAAiB2B,GAAS,SAClC9H,KAAK+R,QAAQjK,OAEhBiF,EAAM,IAAInH,MAAM,iDAClB2N,KAAO,EACLxG,2CAQUlF,EAASC,OACrBuG,EAAW,QACXvG,GAAS,KACPA,EAAQ9H,KAAKmG,cAAe,MACzBgN,sBAAsBtL,OACrB2L,EAAY,IAAI1C,MAAM9Q,KAAKmG,cAAgB,GAE7CwK,aACCA,EAAI,EAAGA,EAAI7I,IAAS6I,IACbA,GAAK3Q,KAAK+R,QAAQpB,KAEpBA,GAAK9I,MACV,IAAIoJ,EAAIN,EAAI,EAAGA,EAAI3Q,KAAKmG,gBAAiB8K,IAAKN,IACvCM,GAAKjR,KAAK+R,QAAQpB,QAEzBxK,qBACA4L,QAAUyB,IACJ3L,OACNpB,MAAMuL,iBAEAhS,KAAKyG,MAAMuI,WAAWnH,UAG9BwG,sCAQIxG,EAASC,OAChBuG,EAAW,YACXvG,EAAQ9H,KAAKmG,eAAiB2B,GAAS,SACpCqL,sBAAsBtL,QACtBkK,QAAQjK,GAASD,IACXA,OACNpB,MAAMuL,WAEN3D,qCAQGvG,MACNA,EAAQ9H,KAAKmG,eAAiB2B,GAAS,EAAG,KACtCuG,EAAWrO,KAAK+R,QAAQjK,GACxB0L,EAAY,IAAI1C,MAAM9Q,KAAKmG,cAAgB,GAC7CwK,aACCA,EAAI,EAAGA,EAAI7I,IAAS6I,IACbA,GAAK3Q,KAAK+R,QAAQpB,OAEzB,IAAIM,EAAIN,EAAGM,EAAIjR,KAAKmG,cAAgB,IAAK8K,IAAKN,IACvCM,GAAKjR,KAAK+R,QAAQpB,EAAI,eAE7BxK,qBACA4L,QAAUyB,OACV/M,MAAMuL,UACJ3D,MAEHtB,EAAM,IAAInH,MAAM,iDAClB2N,KAAO,EACLxG,qCAOIlF,eACLsL,sBAAsBtL,QACtBkK,QAAQ3J,KAAKP,QACb1B,qBACAM,MAAMuL,UACJnK,WAkBA4L,EAA2B,SAAU7C,GAC1CA,EAAKyC,IAAMzB,EAAShB,EAAKyC,YACpBzB,EAAShB,EAAKyC,KAWZK,EAAmB,SAAU9C,OFhFQlC,EEiFX,KAC7B2E,EAAKzC,EAAKyC,IAAM,OAClBM,EAAI/B,EAASyB,UACZM,GAAY,SAAPN,MACCA,GAAM,IAAIxB,EAAiBjB,KAC3ByC,GAAIlB,UACTP,EAASyB,IAERM,SAEL/C,EAAKhC,UACAgC,EAAKhC,UAAUC,QAEpB+B,EAAKgD,kBACAhD,EAAKgD,kBAAkB/E,QAE5B+B,EAAKiD,iBACAjD,EAAKiD,iBAAiBhF,QAGxB,MCpWHiF,GAAU,IAAK,KAAM,KAAM,KAAM,SACjCC,GAAU,IAAK,KAAM,KAAM,KAAM,UACjCC,GAAa,IAAK,iBAAaF,EAAWC,GAgB5CE,SAGAC,KAkFSC,EAAa,kBACjBD,GAmBIE,GAAa,SAAbA,EAAuBhD,OAC5BiD,EAASJ,EAAkBK,wBAC5BvM,MAAMqJ,GAIPN,MAAMC,QAAQK,GACTgD,EAAWhD,EAAI,IAAM,IAAMgD,EAAWhD,EAAI,IAE5C2B,WAAW3B,GAAKmD,QAAQF,GAAU,KAL5BjD,GAAKmD,QAAQF,IAafG,GAAc,SAAUpD,EAAKqD,YACjCA,GAAQR,EAAkBS,cAI1BN,GAAWhD,EAAM8C,EAASO,KAYtBE,GAAc,SAAU/D,EAAMP,EAAMe,KAgC1CrL,aAAasK,EAAMe,IAkDbwD,GAAe,SAAUvE,EAAMe,OAErCrJ,MAAMqJ,UAAeA,EAAM,KACT,MAAnBA,EAAIyD,QAAQ,GAAY,KAEpBC,EAAM1D,EAAIyD,OAAO,EAAGzD,EAAIxS,OAAS,GAAK,IACtCuP,EAAQ8F,EAAkBc,WAC1BhH,EAASkG,EAAkBe,mBAE7BlB,EAAO9H,SAASqE,GACXyE,EAAM3G,EAEX4F,EAAO/H,SAASqE,GACXyE,EAAM/G,EAER+G,EAAM7K,KAAKgL,KAAM9G,EAAQA,EAAUJ,EAASA,GAAW9D,KAAKgL,KAAK,OAEpER,EAAOrD,EAAIyD,QAAQ,UACbzD,EAAIyD,OAAO,EAAGzD,EAAIxS,OAAS,GAE1BsV,EAASO,IAUXS,GAAc,SAAU7E,EAAMe,EAAK+D,MAC1CnB,EAAUhI,SAASqE,UAEhBtI,MAAMqJ,OAILA,EAAI3R,cACH0R,OAAOiE,KAAKlB,GAAUmB,KAAK,SAACZ,UACtB,IAAIa,OAAO,eAAiBb,EAAO,KACpCc,KAAKnE,SAGN,OAATf,EAAe,KAIbmF,GAAS,UAML5E,EAAOqD,EAAkBwB,WAAWrE,KACxB,MAARR,GAAgBA,IAASuE,EACnC,MAAO3F,WACFgG,SAEF,GCtSIE,iBACG,2BACD,6BACG,+BACD,iBAQXC,wFAKK3V,KAAKuN,cA4EHqI,0BACEhF,EAAMiF,EAAgBC,EAAWvI,uFAEvCqD,KAAOA,IACPrD,KAAOA,EAAQ,QAAUqD,EAAKmF,QAAU,OAASxI,EAAS,QAAUqD,EAAKmF,UACzEF,eAAiBA,IACjBC,UAAYA,IACZE,eAAiBpF,EAAKqF,cACtBC,UAAYtF,EAAKuF,wBARcR,4CAW7B,mEASFS,GAEDA,KACMC,mBAAmBX,GAAkBY,aAActW,WAGxD4Q,KAAO5Q,KAAKkW,UAAUK,aAAavW,KAAK4Q,KAAM5Q,KAAKgW,gBAEpDI,KACMC,mBAAmBX,GAAkBc,YAAaxW,sCAUrDoW,GACHA,KACMC,mBAAmBX,GAAkBe,eAAgBzW,WAG1D4Q,KAAO5Q,KAAK8V,UAAUS,aAAavW,KAAK4Q,KAAM5Q,KAAK6V,gBAEpDO,KACMC,mBAAmBX,GAAkBgB,cAAe1W,gDAQtDA,KAAK4Q,eAGjBgF,GAAmBxX,KAAOwX,GAAmB1V,UAAU9B,SAS1CuY,0BACE/F,EAAMrD,uFAEZqD,KAAOA,IACPrD,KAAOA,GAAS,UAAYqD,EAAKmF,UACjCa,OAAShG,EAAKuF,aACdF,YAAcY,EAAKjG,KAAKqF,yBANSN,4CAU/B,qEASFS,GACDA,KACMC,mBAAmBX,GAAkBY,aAActW,WAGxD4Q,KAAO5Q,KAAK4W,OAAOL,aAAavW,KAAK4Q,KAAM5Q,KAAKiW,aAEjDG,KACMC,mBAAmBX,GAAkBc,YAAaxW,sCAUrDoW,GACHA,KACMC,mBAAmBX,GAAkBe,eAAgBzW,WAG1D4W,OAAS5W,KAAK4Q,KAAKuF,gBACnBvF,KAAO5Q,KAAK4Q,KAAKuF,WAAWW,YAAY9W,KAAK4Q,MAE9CwF,KACMC,mBAAmBX,GAAkBgB,cAAe1W,gDAQtDA,KAAK4Q,eAGjB+F,GAAqBvY,KAAOuY,GAAqBzW,UAAU9B,SAU9C2Y,0BACEnG,EAAMiF,EAAgBC,EAAWvI,uFAEvCqD,KAAOA,IACPrD,KAAOA,GAAS,UAAYqD,EAAKmF,UACjCE,YAAcJ,IACde,OAASd,IAGWlF,gBATa+E,4CAY/B,qEASFS,GACDA,KACMC,mBAAmBX,GAAkBY,aAActW,QAGpCA,KAAK4Q,WACzBgG,OAAS5W,KAAK4Q,KAAKuF,gBACnBvF,KAAO5Q,KAAK4W,OAAOE,YAAY9W,KAAK4Q,MAErCwF,KACMC,mBAAmBX,GAAkBc,YAAaxW,sCAUrDoW,GACHA,KACMC,mBAAmBX,GAAkBe,eAAgBzW,QAGtCA,KAAK4Q,MACN,MAApB5Q,KAAKiW,aACHtX,OAAOqY,iBACDC,IAAI,0CAGXL,OAAOL,aAAavW,KAAK4Q,KAAM5Q,KAAKiW,aAErCG,KACMC,mBAAmBX,GAAkBgB,cAAe1W,gDAQtDA,KAAK4Q,eAGjBmG,GAAqB3Y,KAAO2Y,GAAqB7W,UAAU9B,SAiB9C8Y,0BACEtG,EAAMuG,EAAO5J,kFAMnB,IAAM8C,OAJNO,KAAOA,IACPrD,KAAOA,EAAQ,UAAYqD,EAAKmF,QAAU,IAAMxI,EAAS,UAAYqD,EAAKmF,UAC1EqB,eACAC,UAAYF,EACEA,IAEVC,UAAU/G,GADJ,UAATA,EACqBO,EAAKpD,YACV,UAAT6C,EACciH,GAAQ1G,GAERA,EAAK5K,aAAaqK,uBAbPsF,4CAkB/B,qEASFS,GACDA,KACMC,mBAAmBX,GAAkBY,aAActW,UAGzDuX,GAAoB,MACnB,IAAMlH,KAAQrQ,KAAKoX,UAClBpX,KAAKoX,UAAU/G,GACJ,UAATA,OACGO,KAAKpD,YAAcxN,KAAKoX,UAAU/G,GACrB,UAATA,KACDrQ,KAAK4Q,KAAM5Q,KAAKoX,UAAU/G,SAE7BO,KAAK7K,aAAasK,EAAMrQ,KAAKoX,UAAU/G,IAGjC,UAATA,OACGO,KAAKpD,YAAc,SAEnBoD,KAAK7K,aAAasK,EAAM,SACxBO,KAAK4G,gBAAgBnH,IAIjB,cAATA,OAA4C,OAI7CkH,EAAmB,KAChBpU,EAAQsU,GAAiBzX,KAAK4Q,SAChCzN,EAAO,KACH0K,EAAO7N,KAAK4Q,KAAK9C,UAGjB4J,GAAU,UAAWvU,EAAO,IAFvB0K,EAAKlM,EAAIkM,EAAKM,MAAQ,EAEU,IADpCN,EAAKjM,EAAIiM,EAAKE,OAAS,EACsB,KAAKyD,KAAK,IAC1DkG,IAAW1X,KAAK4Q,KAAK5K,aAAa,mBAC/B4K,KAAK7K,aAAa,YAAa2R,WAKtCtB,KACMC,mBAAmBX,GAAkBc,YAAaxW,OAGrD,kCASAoW,GACHA,KACMC,mBAAmBX,GAAkBe,eAAgBzW,UAG3DuX,GAAoB,MACnB,IAAMlH,KAAQrQ,KAAKqX,UAClBrX,KAAKqX,UAAUhH,GACJ,UAATA,OACGO,KAAKpD,YAAcxN,KAAKqX,UAAUhH,GACrB,UAATA,KACDrQ,KAAK4Q,KAAM5Q,KAAKqX,UAAUhH,SAE7BO,KAAK7K,aAAasK,EAAMrQ,KAAKqX,UAAUhH,IAGjC,UAATA,OACGO,KAAKpD,YAAc,QAEnBoD,KAAK4G,gBAAgBnH,GAGjB,cAATA,OAA4C,OAG7CkH,EAAmB,KAChBpU,EAAQsU,GAAiBzX,KAAK4Q,SAChCzN,EAAO,KACH0K,EAAO7N,KAAK4Q,KAAK9C,UAGjB4J,GAAU,UAAWvU,EAAO,IAFvB0K,EAAKlM,EAAIkM,EAAKM,MAAQ,EAEU,IADpCN,EAAKjM,EAAIiM,EAAKE,OAAS,EACsB,KAAKyD,KAAK,IAC1DkG,IAAW1X,KAAK4Q,KAAK5K,aAAa,mBAC/B4K,KAAK7K,aAAa,YAAa2R,aAMjB1X,KAAK4Q,MAE1BwF,KACMC,mBAAmBX,GAAkBgB,cAAe1W,OAGvD,4CAOCA,KAAK4Q,eAGjBsG,GAAqB9Y,KAAO8Y,GAAqBhX,UAAU9B,SAU9CuZ,0BAIEpK,uFAENA,KAAOA,GAAQ,kBACfqK,sBAPyBjC,4CAWvB,6DASFS,GACDA,KACMC,mBAAmBX,GAAkBY,aAActW,cAGvDwQ,EAAMxQ,KAAK4X,MAAMhZ,OACd+R,EAAI,EAAGA,EAAIH,IAAOG,OACpBiH,MAAMjH,GAAGF,MAAM2F,GAGlBA,KACMC,mBAAmBX,GAAkBc,YAAaxW,sCAUrDoW,GACHA,KACMC,mBAAmBX,GAAkBe,eAAgBzW,UAG1D,IAAI2Q,EAAI3Q,KAAK4X,MAAMhZ,OAAS,EAAG+R,GAAK,EAAGA,SACrCiH,MAAMjH,GAAGkH,QAAQzB,GAGpBA,KACMC,mBAAmBX,GAAkBgB,cAAe1W,iDASxD8X,KACFC,EAAM/X,KAAK4X,MAAMhZ,OACdmZ,aACCC,EAAYhY,KAAK4X,MAAMG,GAAKE,WAC9BrH,EAAOoH,EAAUpZ,OACdgS,KACAkH,EAAM9L,SAASgM,EAAUpH,OAAgBxI,KAAK4P,EAAUpH,WAG1DkH,wCAOMC,QACRH,MAAMxP,KAAK2P,4CAOR/X,KAAK4X,MAAMhZ,gBAGvB+Y,GAAavZ,KAAOuZ,GAAazX,UAAU9B,SAK9B8Z,yBAIEC,kBACNC,SAAWD,GAAuB,UAClCE,iBAAmB,OACnBC,kBAIAC,wBAA0B,OAC1BC,+EAQAF,kBACAD,iBAAmB,oDAOjBrY,KAAKqY,mEAOLrY,KAAKsY,UAAU1Z,OAASoB,KAAKqY,yEAO7BrY,KAAKqY,iBAAmB,EAAIrY,KAAKsY,UAAUtY,KAAKqY,iBAAmB,GAAGI,UAAY,2DAOlFzY,KAAKqY,iBAAmBrY,KAAKsY,UAAU1Z,OAASoB,KAAKsY,UAAUtY,KAAKqY,kBAAkBI,UAAY,kCAQrGzY,KAAKqY,iBAAmB,GACdrY,KAAKsY,YAAYtY,KAAKqY,kBAC9BR,QAAQ7X,KAAKoY,yCASfpY,KAAKqY,iBAAmBrY,KAAKsY,UAAU1Z,QAAUoB,KAAKsY,UAAU1Z,OAAS,GAC/DoB,KAAKsY,UAAUtY,KAAKqY,oBAC5B5H,MAAMzQ,KAAKoY,sDASEL,GAQf/X,KAAKqY,iBAAmBrY,KAAKsY,UAAU1Z,QAAUoB,KAAKsY,UAAU1Z,OAAS,SACtE0Z,UAAYtY,KAAKsY,UAAUpQ,OAAO,EAAGlI,KAAKqY,wBAE5CC,UAAUlQ,KAAK2P,QACfM,iBAAmBrY,KAAKsY,UAAU1Z,mDAapB8Z,EAAUZ,WACvBa,IAAM3Y,KAAKuY,uBACb5H,EAAImH,EAAMlZ,OACRyY,EAAY,IAAIvG,MAAMH,GAAIsH,EAAW,IAAInH,MAAMH,GAC9CA,KAAK,KACJC,EAAOkH,EAAMnH,GACP,MAARC,MACKD,GAAKC,IACJD,GAAKC,EAAK5K,aAAa0S,SAE9BF,oBAAoBG,8FAcnBA,EAAI3Y,KAAKuY,yBACTK,EAAY5Y,KAAKwY,oBAAoBG,GACpCD,EAAYE,EAAZF,SACDG,EAAW,IAAIlB,GAAa,UAAYe,GAC1C/H,EAAIiI,EAAUX,SAASrZ,OACpB+R,KAAK,KACJC,EAAOgI,EAAUX,SAAStH,MACpB,MAARC,OACEkI,OACEJ,GAAYE,EAAUvB,UAAU1G,GACpCmI,EAAQJ,KAAc9H,EAAK5K,aAAa0S,MACjCK,cAAc,IAAI7B,GAAqBtG,EAAMkI,EAASJ,iBAG9DF,oBAAoBG,GAAK,KACvBE,iLCpqBLjN,GAAM5M,SAAS8G,gBAAgB5G,EAAGuM,IAAK,OAWhCuN,GAAiB,SAAUrX,EAAGC,EAAG2P,UACpC5P,EAAG4P,EAAEnC,EAAIzN,EAAI4P,EAAEjC,EAAI1N,EAAI2P,EAAE/B,EAAG5N,EAAG2P,EAAElC,EAAI1N,EAAI4P,EAAEhC,EAAI3N,EAAI2P,EAAE9B,IAUlDwJ,GAAa,SAAU1H,UAClB,IAARA,EAAEnC,GAAmB,IAARmC,EAAElC,GAAmB,IAARkC,EAAEjC,GAAmB,IAARiC,EAAEhC,GAAmB,IAARgC,EAAE/B,GAAmB,IAAR+B,EAAE9B,GAUhEyJ,GAAiB,sCAAaC,6CACnC5H,EAAI4H,EAAKC,YAAY,SAACC,EAAMC,UACzBA,EAAGC,SAASF,YAGjBpP,KAAKuP,IAAIjI,EAAEnC,GAzCC,UAyCmBA,EAAI,GACnCnF,KAAKuP,IAAIjI,EAAElC,GA1CC,UA0CmBA,EAAI,GACnCpF,KAAKuP,IAAIjI,EAAEjC,GA3CC,UA2CmBA,EAAI,GACnCrF,KAAKuP,IAAIjI,EAAEhC,GA5CC,UA4CmBA,EAAI,GACnCtF,KAAKuP,IAAIjI,EAAE/B,GA7CC,UA6CmBA,EAAI,GACnCvF,KAAKuP,IAAIjI,EAAE9B,GA9CC,UA8CmBA,EAAI,GAEhC8B,GASIkI,GAAqB,SAAUC,OACrCA,SAAgB,UACjB5E,EAAM4E,EAAMvT,cACT2O,KAAO,KACNxD,EAAQoI,EAAMzK,QAAQ6F,MACT,IAAfxD,EAAMlT,OAAe6a,GAAW3H,EAAMnC,eAAkB,SAEvD,GA0BIwK,GAAe,SAAUC,EAAGjG,EAAGkG,EAAGC,EAAGvI,OAC1C+B,EAAK0F,GAAeY,EAAGjG,EAAGpC,GAC9BwI,EAAKf,GAAgBY,EAAIC,EAAIlG,EAAGpC,GAChCyI,EAAKhB,GAAeY,EAAIjG,EAAImG,EAAIvI,GAChC0I,EAAKjB,GAAgBY,EAAIC,EAAKlG,EAAImG,EAAIvI,GAEtC2I,EAAOjQ,KAAKkQ,IAAI7G,EAAG3R,EAAGoY,EAAGpY,EAAGqY,EAAGrY,EAAGsY,EAAGtY,GACrCyY,EAAOnQ,KAAKoQ,IAAI/G,EAAG3R,EAAGoY,EAAGpY,EAAGqY,EAAGrY,EAAGsY,EAAGtY,GACrC2Y,EAAOrQ,KAAKkQ,IAAI7G,EAAG1R,EAAGmY,EAAGnY,EAAGoY,EAAGpY,EAAGqY,EAAGrY,uCAShCsY,IACAI,QACKF,EAAOF,SAVVjQ,KAAKoQ,IAAI/G,EAAG1R,EAAGmY,EAAGnY,EAAGoY,EAAGpY,EAAGqY,EAAGrY,GAWnB0Y,KAiBTC,GAA2B,SAAUb,EAAOS,EAAKE,MAC/C,MAATX,SAEK9N,GAAI4O,6BAA6B5O,GAAIsG,wBAExCiI,GAAO,IACPE,GAAQX,EAAMvT,cAAgB,KAC9BsU,SAASN,EAAK,QACdM,SAASJ,EAAK,KACL,KAAQK,EAAOL,EAAKA,EAAMF,EAAKA,EAAMO,UAChDnJ,EAAI3F,GAAIsG,kBACHvB,EAAIwJ,EAAKxJ,GAAK0J,IAAO1J,EAAG,KAEzBgK,EAAQhK,GAAK,GAAKA,EAAI+I,EAAMvT,cAC9BuT,EAAMzK,QAAQ0B,GAAGxB,OACjBvD,GAAIsG,oBACJgH,GAAe3H,EAAGoJ,UAEjB/O,GAAI4O,6BAA6BjJ,IAS7BqJ,GAAY,SAAUhK,OAC3B8I,EAAQhG,EAAiB9C,UACxB2J,GAAyBb,GAAOvK,QAa5B0L,GAAc,SAAUxY,EAAIC,EAAIC,EAAIC,OACzCsY,EAAO7Q,KAAK8Q,GAAK,EACjBC,EAAKzY,EAAKF,EACV4Y,EAAKzY,EAAKF,EACVa,EAAQ8G,KAAKiR,MAAMD,EAAID,GACvBG,EAAOlR,KAAKgL,KAAK+F,EAAKA,EAAKC,EAAKA,GAChCG,EAAYnR,KAAKoR,MAAMlY,EAAQ2X,GAAQA,WAGxCzY,EAAK8Y,EAAOlR,KAAKqR,IAAIF,KACrB9Y,EAAK6Y,EAAOlR,KAAKsR,IAAIH,KACrBA,IAWMI,GAAiB,SAAUvY,EAAIC,UACnCA,EAAGvB,EAAKsB,EAAGtB,EAAIsB,EAAGkL,OACtBjL,EAAGvB,EAAIuB,EAAGiL,MAASlL,EAAGtB,GACvBuB,EAAGtB,EAAKqB,EAAGrB,EAAIqB,EAAG8K,QACjB7K,EAAGtB,EAAIsB,EAAG6K,OAAU9K,EAAGrB,GCjMtB0J,GAAIC,OAEJkQ,OACA,IAAK,QACL,IAAK,QACL,IAAK,IAAK,KAAM,KAAM,KAAM,SAC5B,IAAK,IAAK,KAAM,UACf,IAAK,IAAK,KAAM,KAAM,QAAS,eAAgB,iBAC/C,SACA,SACA,IAAK,IAAK,KAAM,UAChB,IAAK,MASNC,MAMOC,GAAe,SAAUC,UAC7BC,OAAOH,GAAWE,EAAKE,KAG5BC,MAEAC,IAAiB,EAIjBC,MAgBOtP,GAAO,KAEduP,GAAiB,KA6JRC,GAAO,SAAUC,MACXA,MAEJ,EAAG,gBAGdC,MAFqB,SAAU,SAAU,eAAgB,mBAAoB,MAC7E,mBAAoB,iBAAkB,qBAAsB,0BACxC,SAAU1L,EAAG2L,MACvBlU,KAAKkU,EAAI,UACTlU,KAAKkU,EAAI,UAWVrP,GAAmB,SAAU2D,EAAM2L,EAAQzU,OAEhD0U,EAAO5L,EAAK1K,eNpC8B8G,IMuCzCC,iBAAiBsP,EAAQzU,gBAG1B0I,EAAMgM,EAAKrW,cACXsW,KACG9L,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtB+L,EAASF,EAAKvN,QAAQ0B,KACxBvI,KAAKsU,KAENC,YACA,IAAIhM,EAAI,EAAGA,EAAIH,EAAKG,IACnBA,IAAM7I,KACHkH,WAAWuN,KAEbvN,WAAWyN,EAAI9L,MAwBXiM,GAAY,SAAU/P,EAAKgQ,OAC/BlQ,EAAQE,EAARF,KACHmQ,KACCD,EAAQA,EAAMlb,EAAIkL,EAAI1E,KAAKxG,IAC3Bkb,EAAQA,EAAMjb,EAAIiL,EAAI1E,KAAKvG,GAG5B+K,EAAKwC,WACI6J,GAAe8D,EAAInb,EAAGmb,EAAIlb,EAAG+K,EAAKwC,aAIzC4N,EAAcb,GAAec,0BAC/Brb,GAAKob,IACLnb,GAAKmb,EAEFD,GASIG,GAAmB,SAAUC,EAAIvQ,OACtCmQ,KACDI,EAAGvb,IACHub,EAAGtb,GAGJ+K,EAAKwC,WACF6J,GAAe8D,EAAInb,EAAGmb,EAAIlb,EAAG+K,EAAKwQ,WACnCxb,EAAIub,EAAGvb,IACPC,EAAIsb,EAAGtb,OAGPmb,EAAcb,GAAec,0BAC/Brb,GAAKob,IACLnb,GAAKmb,EAEFD,GAYIM,GAAe,SAAUtV,EAAOnG,EAAGC,OAExCyb,EAAqBC,KAEvBC,EAAYC,GAAQ,iBAAmB1V,OAEtCyV,EAAW,GACFve,SAAS8G,gBAAgB5G,EAAGuM,IAAK,cACvCgS,MACA,iBAAmB3V,UACd,SACN,OACG,cACE,sBACQ,SACR,aACD,sBAEL,oBAAqB4T,OAClB,eAAiBA,GAAUgC,oBAEjBH,EAAWE,KAChBJ,EAAmBM,YAAYJ,GAE9BjS,GAAE,kBAAoBxD,GAC9B8V,SAAS,WACRjR,OACGkR,sBAIPlc,GAAKC,MAEU2b,MACX5b,KACAC,UACK,WAGN2b,GAOID,GAAmB,eAC1BhO,EAAIkO,GAAQ,2BACXlO,OACYkO,GAAQ,uBACZG,YAAY3e,SAAS8G,gBAAgB5G,EAAGuM,IAAK,OACtD4H,GAAK,kCAEF/D,GAUIwO,GAAc,SAAUzK,OAC/BkK,EAAYC,GAAQ,iBAAmBnK,MACvCkK,SAAoBA,IAEZve,SAAS8G,gBAAgB5G,EAAGuM,IAAK,cACvCgS,MACA,iBAAmBpK,UACd,SACN,OACG,cACE,sBACQ,SACR,aACD,4BAEL,sBAAuBqI,OACpB,eAAiBA,GAAUqC,sBAEjBR,EAAWE,QACTnQ,OAAOiQ,GACnBA,GAQIS,GAAc,SAAU3K,OAC/B4K,EAAWT,GAAQ,YAAcnK,UACjC4K,MAEOjf,SAAS8G,gBAAgB5G,EAAGuM,IAAK,WAC3BwS,MACX,YAAc5K,SACV,sBACQ,QACT,6BAEU/F,OAAO2Q,GACnBA,IA8BIC,GAAmB,SAAUrR,OACjC1E,EAAe0E,EAAf1E,KAAML,EAAS+E,EAAT/E,WACP,OAAQK,GAAW,OAAQA,UAAgB,SAC3CgW,KAC2Bb,aAK3Bc,GAFOzR,GAAK0R,KAAKvW,EAAQ,GAAGK,KAEVA,GAEfwI,EAAI,EAAGA,EAAI,EAAGA,IAAK,KACpB0C,EAAKvL,EAAQ,IAAM6I,EAEnBsN,EAAWE,EAAI,IAAMxN,EAAI,SAAWqN,GAAY3K,GAEhD6J,EAAKN,GAAU/P,GAAMlL,EAAGwG,EAAK,IAAMwI,GAAI/O,EAAGuG,EAAK,IAAMwI,KACrD2N,EAAM1B,GAAU/P,GAAMlL,EAAGyc,EAASzN,EAAI,GAAGhP,EAAGC,EAAGwc,EAASzN,EAAI,GAAG/O,OAEpDqc,MACXf,EAAGvb,KACHub,EAAGtb,KACH0c,EAAI3c,KACJ2c,EAAI1c,UACC,aAGP,IAAM+O,EAAI,SAAWsN,MAGnBV,EAAYY,EAAI,IAAMxN,GAAKmN,GAAYzK,MAE5BkK,MACXL,EAAGvb,KACHub,EAAGtb,UACE,aAEP,IAAM+O,GAAK4M,SAEVY,GAWII,GAAiB,SAAUngB,EAAM0J,EAAO0W,EAAK5N,OAClD6N,EAAM7N,GAAQjE,GAAKiE,KAGnB/D,EAAM4R,EADC,mBAAqB1C,GAAU3d,IACtBqS,MAAMgO,EAAKD,MNnUU9R,IMsUrCxG,YAAY4G,YAAYD,EAAK/E,OAC5B,SACC4W,EAAUD,EAAIvY,YACdsK,EAAMkO,EAAQvY,cACdsW,KACG9L,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtB+L,EAASgC,EAAQzP,QAAQ0B,KAC3BvI,KAAKsU,KAEHC,YACH,IAAIhM,EAAI,EAAGA,EAAIH,EAAKG,IACnBA,IAAM7I,IACAkH,WAAWnC,KAEXmC,WAAWyN,EAAI9L,MAYlBgO,GAAiB,SAAU9R,EAAK+R,OA1RTxgB,EAAMygB,EA2RjC/W,EAAS+E,EAAT/E,MACHgX,EAAUtB,GAAQ,WAAa1V,OAC9BgX,EAAS,KACNzB,EAAqBC,OAEjBte,SAAS8G,gBAAgB5G,EAAGuM,IAAK,WAC1BqT,MACX,WAAahX,UACR,YACH,cACE,sBACQ,QACT,wBACJ,eAEcwF,OAAOwR,MAGxBF,EAAQ,KACHvF,EAAQxM,EAARwM,SACFA,WACKtT,aAAa,UAAW,QACzB+Y,MAGH5B,EAAKN,GAAUvD,MAEN,EAAG,GAAI6D,EAAGvb,EAAGub,EAAGtb,GAAIkd,WAE7BN,GAxT0BpgB,EAwTTyO,EAAIzO,KAxTWygB,EAwTLhS,EAAI1E,KAvTzBsT,GAAQrd,GACT2gB,IAAI,SAACC,UACTH,EAAQG,MAsTNrO,EAAI,EAAGA,EAAI6N,EAAI5f,OAAQ+R,GAAK,EAAG,KAChCuM,EAAKN,GAAU/P,GAAMlL,EAAG6c,EAAI7N,GAAI/O,EAAG4c,EAAI7N,EAAI,OAC7CA,GAAKuM,EAAGvb,IACRgP,EAAI,GAAKuM,EAAGtb,KAGHiL,EAAIzO,KAAM,EAAGogB,EAAKM,UAE5BA,GAiBIG,GAAsB,SAAUC,EAAKC,EAAKjC,OAE/C7a,EAAK6c,EAAIvd,EAAIub,EAAGvb,EACpBW,EAAK4c,EAAItd,EAAIsb,EAAGtb,EAChBW,EAAK4c,EAAIxd,EAAIub,EAAGvb,EAChBa,EAAK2c,EAAIvd,EAAIsb,EAAGtb,OAEN,IAAPS,GAAmB,IAAPC,GAAqB,IAAPC,GAAmB,IAAPC,GAAW,KAElDS,EAAKgH,KAAKgL,KAAK5S,EAAKA,EAAKC,EAAKA,GAC9BY,EAAK+G,KAAKgL,KAAK1S,EAAKA,EAAKC,EAAKA,GAC9B4c,EAAOlD,GAAemD,aAAaC,iBACnCC,EAAOrD,GAAemD,aAAaC,iBACjCE,EAASvV,KAAKiR,MAAM5Y,EAAID,GAC1Bod,EAASxV,KAAKiR,MAAM1Y,EAAID,GACtBid,EAAS,OAAe,EAAIvV,KAAK8Q,IACjC0E,EAAS,OAAe,EAAIxV,KAAK8Q,QAE/B2E,EAAezV,KAAKuP,IAAIgG,EAASC,GACrCE,EAAY1V,KAAKuP,IAAIvP,KAAK8Q,GAAK2E,GAAgB,EAE7CE,SAAWC,gBACXL,EAASC,EAAS,KACRC,EAAezV,KAAK8Q,GAAMyE,EAASG,EAAcH,EAASG,IAC1DD,EAAezV,KAAK8Q,GAAM0E,EAASE,EAAcF,EAASE,MAE1DD,EAAezV,KAAK8Q,GAAMyE,EAASG,EAAcH,EAASG,IAC1DD,EAAezV,KAAK8Q,GAAM0E,EAASE,EAAcF,EAASE,KAInEhe,EAAIsB,EAAKgH,KAAKqR,IAAIsE,GAAa1C,EAAGvb,IAClCC,EAAIqB,EAAKgH,KAAKsR,IAAIqE,GAAa1C,EAAGtb,IAClCD,EAAIuB,EAAK+G,KAAKqR,IAAIuE,GAAa3C,EAAGvb,IAClCC,EAAIsB,EAAK+G,KAAKsR,IAAIsE,GAAa3C,EAAGtb,GAE/Bwd,EAAMG,KAQLO,yBAMEhY,EAAOK,kBACb4X,UAAW,OACXjY,MAAQA,OACRK,KAAOA,OACP/J,KAAO+J,EAAKtI,iBAEZmgB,gBACAC,OAAS,UACTC,OAAS,mDAOHte,OACN,IAAM+O,KAAK3Q,KAAKggB,QACfhgB,KAAKggB,QAAQG,eAAexP,SACzBqP,QAAQrP,GAAG5K,aAAa,UAAWnE,EAAI,SAAW,4CAShDA,MACT,kBAAoB5B,KAAK8H,MAAQ,sBAAwB9H,KAAK8H,MAAQ,MACrEuI,KAAK,OAAQzO,EAAI,OAAS,qCAOzBA,GACA5B,KAAKigB,cACFA,OAAOla,aAAa,UAAWnE,EAAI,SAAW,aAC9Cse,OAAOna,aAAa,UAAWnE,EAAI,SAAW,aAE9Cwe,YAAYxe,mCAQbA,GACF5B,KAAKigB,cACFA,OAAOla,aAAa,SAAUnE,EAAI,OAAS,aAC3Cse,OAAOna,aAAa,UAAWnE,EAAI,SAAW,QAC/C5B,KAAKggB,cACFK,YAAYze,QAEdme,SAAWne,0CAQbqe,OAlRmB,SAAUpT,EAAK+R,OAClC9W,EAAS+E,EAAT/E,MACDyV,EAAYH,GAAatV,MAE3B8W,EAAQ,KACJ1B,EAAKN,GAAU/P,MACJ0Q,MACXL,EAAGvb,KACHub,EAAGtb,UACE,kBAIN2b,EAqQS+C,CAAatgB,MAAM,QAC5BggB,QAAU9B,GAAiBle,WAC3BkgB,OAASvB,GAAe3e,MAAM,kCAO7BugB,MACFvgB,KAAKigB,OAAQ,KACT/C,EAAKN,GAAU5c,SACJA,KAAKigB,WAChB/C,EAAGvb,KACHub,EAAGtb,OAGM5B,MAAM,GAEjBA,KAAKggB,UACHO,SACGpY,KAAOwE,GAAKiE,KAAK1K,YAAY+I,QAAQjP,KAAK8H,YAC1C1J,KAAO4B,KAAKmI,KAAKtI,gBAEPG,qCAWjBgb,EAAIC,OACD9S,EAAQnI,KAARmI,KAEDqY,EAASxgB,KAAKggB,SACf7X,EAAKxG,GAAKqZ,EAAI7S,EAAKvG,GAAKqZ,EACzB9S,EAAK9F,GAAI8F,EAAK7F,GAAI6F,EAAK5F,IAAMyY,EAAI7S,EAAK3F,IAAMyY,IAE3C9S,EAAKxG,GAAKqZ,EAAI7S,EAAKvG,GAAKqZ,SAEdjb,KAAK5B,KAAM4B,KAAK8H,MAAO0Y,GAElCxgB,KAAKygB,MAAQzgB,KAAKygB,KAAKT,QAAS,KAC5BS,EAAOzgB,KAAKygB,KAAKtY,KACjBuY,GAAWD,EAAK9e,EAAG8e,EAAK7e,EAC5B6e,EAAKpe,IAAM2Y,EAAIyF,EAAKne,IAAM2Y,EAAIwF,EAAKle,GAAIke,EAAKje,OAC/BxC,KAAKygB,KAAKriB,KAAM4B,KAAKygB,KAAK3Y,MAAO4Y,MAG9C1gB,KAAK2gB,KAAM,KAGNxY,EAAQnI,KAAK2gB,KAAbxY,KACDqW,GAAOrW,EAAKxG,GAAKqZ,EAAI7S,EAAKvG,GAAKqZ,MACtBjb,KAAK2gB,KAAKviB,KAAM4B,KAAK2gB,KAAK7Y,MAAO0W,QAI7CI,QAAO,GACR5e,KAAKygB,WAAaA,KAAK7B,QAAO,qCAOzB9J,OACLjI,SAAK+T,SAAM1D,YACH,IAARpI,EAAW,MACN,MACD9U,KAAKygB,eAENzgB,KAAKmI,SACL,MACE,MACDnI,KAAKqZ,eAENxM,EAAI1E,SAGJA,EAAQ0E,EAAR1E,OACF,IAAMyY,GAAQ1D,EAAGvb,GAAKub,EAAGvb,EAAI3B,KAAKmI,KAAK,IAAM2M,MAC7C,IAAM8L,GAAQ1D,EAAGtb,GAAKsb,EAAGtb,EAAI5B,KAAKmI,KAAK,IAAM2M,QAE5C0J,GAAOrW,EAAKxG,EAAGwG,EAAKvG,EACxBuG,EAAK9F,GAAI8F,EAAK7F,GACd6F,EAAK5F,GAAI4F,EAAK3F,OAEDqK,EAAIzO,KAAMyO,EAAI/E,MAAO0W,KAChCI,QAAO,oCASH9J,EAAKkG,EAAIC,OACV9S,EAAQnI,KAARmI,OACF,IAAM2M,IAAQkG,IACd,IAAMlG,IAAQmG,MAEbuD,GAAOrW,EAAKxG,EAAGwG,EAAKvG,EACxBuG,EAAK9F,GAAI8F,EAAK7F,GAAI6F,EAAK5F,GAAI4F,EAAK3F,OAEnBxC,KAAK5B,KAAM4B,KAAK8H,MAAO0W,QACjCI,QAAO,mCAOLiC,EAASrC,MACDqC,EAAS7gB,KAAK8H,MAAO0W,QAC/BpgB,KAAOyiB,OACP1Y,KAAOwE,GAAKiE,KAAK1K,YAAY+I,QAAQjP,KAAK8H,YAC1CsY,YAAwB,IAAZS,QACZb,QAAU9B,GAAiBle,WAC3B4e,QAAO,YAOHkC,yBAKElQ,iBACNA,GAAyB,SAAjBA,EAAKmF,cACV,IAAInQ,MAAM,+DAGbgL,KAAOA,OACPyN,aACA0C,mBACE/gB,UAEFmc,mDAWHmB,MAAoB0D,KAAK,KAAK3E,KAAK,cACjCrc,MAAMqQ,KAAK,UAAW,cAGpBqO,EAAU1e,KAAK4Q,KAAK1K,YACpBsK,EAAMkO,EAAQvY,mBACfkY,aACA0C,qBACAE,UAAY,SAGZ,IAAItQ,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtBxI,EAAOuW,EAAQzP,QAAQ0B,GACvBuQ,EAAU,IAAIpB,GAAQnP,EAAGxI,KACvBwE,KAAO3M,UACVqe,KAAKjW,KAAK8Y,WAGV7C,EAAQre,KAARqe,KAEH8C,EAAS,KACJxQ,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtB9D,EAAMwR,EAAK1N,GACXyQ,EAAWzQ,EAAI,GAAMH,EAAM,KAAO6N,EAAK1N,EAAI,GAC3C0Q,EAAW1Q,EAAI,EAAK,EAAI,KAAO0N,EAAK1N,EAAI,MAC7B,IAAb9D,EAAIzO,KAAY,IACdijB,GAA4B,IAAjBA,EAAQjjB,KAAY,KAG3BkjB,EAAWjD,EAAK8C,KACbV,KAAOpC,EAAK8C,EAAS,KACrBV,KAAKpH,KAAOiI,IACZC,YAGF5Q,OACJ,GAAIyQ,GAA4B,IAAjBA,EAAQhjB,OAGxBqiB,KAAOpC,EAAK8C,EAAS,KAGrBV,KAAKpH,KAAOxM,IACZ8T,KAAOtC,EAAK8C,KACZI,UACkB,MAAlBvhB,KAAKihB,iBACFA,UAAYpU,QAEd,GAAKuU,EAeY,IAAbvU,EAAIzO,SAETmjB,UAGAH,GAA4B,IAAjBA,EAAQhjB,SACjBqiB,KAAOW,IACPX,KAAKpH,KAAOxM,YArBD,IAAbA,EAAIzO,KAAY,KAGZkjB,EAAWjD,EAAK8C,KACbV,KAAOpC,EAAK8C,EAAS,KACrBV,KAAKpH,KAAOiI,IACZC,YACLA,UAECvhB,KAAKihB,iBAEHA,UAAY5C,EAAK8C,YAcvBnhB,qCAaAoQ,WACDI,EAAMxQ,KAAKqe,KAAKzf,OACb+R,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KAEhB,IADAP,EAAGoR,KAAKxhB,KAAKqe,KAAK1N,GAAIA,yCAS9B7I,OAEA+E,EAAM7M,KAAKqe,KAAKvW,MACjB+E,EAAIwM,UAEFA,EAAQxM,EAARwM,KACHkD,SAAQkF,SAAMC,gBACV7U,EAAI1E,KAAKtI,kBACZ,KACKgN,EAAI1E,KAAKxG,EAAI0X,EAAKlR,KAAKxG,GAAK,KAC5BkL,EAAI1E,KAAKvG,EAAIyX,EAAKlR,KAAKvG,GAAK,IAC3B5B,KAAK4Q,KAAKpM,0BAA0Bid,EAAMC,SAEnD,KAAK,MAECC,GAAOtI,EAAKlR,KAAKxG,EAAIkL,EAAI1E,KAAK9F,IAAM,EACpCuf,GAAO/U,EAAI1E,KAAK9F,GAAKwK,EAAI1E,KAAK5F,IAAM,EACpCsf,GAAOhV,EAAI1E,KAAK5F,GAAKsK,EAAI1E,KAAKxG,GAAK,EACnCmgB,GAAQH,EAAMC,GAAO,EACrBG,GAAQH,EAAMC,GAAO,KACnBC,EAAOC,GAAQ,MACjBC,GAAO3I,EAAKlR,KAAKvG,EAAIiL,EAAI1E,KAAK7F,IAAM,EACpC2f,GAAOpV,EAAI1E,KAAK7F,GAAKuK,EAAI1E,KAAK3F,IAAM,EACpC0f,GAAOrV,EAAI1E,KAAK3F,GAAKqK,EAAI1E,KAAKvG,GAAK,EACnCugB,GAAQH,EAAMC,GAAO,EACrBG,GAAQH,EAAMC,GAAO,KACnBC,EAAOC,GAAQ,IACdpiB,KAAK4Q,KAAKlM,gCAAgC+c,EAAMC,EAAMC,EAAKK,EAAKF,EAAMK,OACzE3D,GAAO3R,EAAI1E,KAAKxG,EAAGkL,EAAI1E,KAAKvG,EAAGmgB,EAAMK,EAAMP,EAAKK,MACvCrV,EAAIzO,KAAM0J,EAAO0W,MAKjBxe,KAAK4Q,KAAM2L,EAAQzU,sCAO3BA,OACH+E,EAAM7M,KAAKqe,KAAKvW,GAChB0U,EAAOxc,KAAK4Q,KAAK1K,cAEnBmc,MAAK,OACF5B,EAAQ5T,EAAR4T,QACH5T,EAAI8T,KAAM,KAENzD,GAAMuD,EAAKtY,KAAKxG,EAAG8e,EAAKtY,KAAKvG,MACpB,EAAG6e,EAAK3Y,MAAOoV,MAGf,EAAGrQ,EAAI/E,MAAOoV,KAExB9W,WAAWyG,EAAI8T,KAAK7Y,YACpB,GAAK+E,EAAIwM,OAOTjT,WAAW0B,OAPI,KAGdoV,GAAMuD,EAAKtY,KAAKxG,EAAG8e,EAAKtY,KAAKvG,MACpB,EAAGiL,EAAI4T,KAAK3Y,MAAOoV,KAC7B9W,WAAW0B,4CAUHA,OACXwa,GAAS,YAERC,QAAQ,SAAU5R,UACjBA,GAAK7I,GACS,IAAd9H,KAAK5B,OAIS,IAAd4B,KAAK5B,SAEE,GACF,aAIJkkB,gDAOcxa,OACf2F,EAAMzN,KAAK+gB,aAAayB,QAAQ1a,IACzB,IAAT2F,SAGC4Q,KAAKvW,GAAO2a,QAAO,QACnB1B,aAAa7Y,OAAOuF,EAAK,kDAOzB8U,QAAQ,gBAENE,QAAO,UAET1B,sDAOA2B,OAAS1iB,KAAK4Q,KAAK5K,aAAa,kCAOjCpE,eAEC2gB,QAAQ,gBAENF,KAAKzgB,KAERA,QACG+gB,SAAS3iB,KAAKihB,UAAUnZ,OAExB9H,qCASAgb,EAAIC,WACPtK,EAAI3Q,KAAK+gB,aAAaniB,OACnB+R,KAAK,CACE3Q,KAAKqe,KAAKre,KAAK+gB,aAAapQ,IACpCiS,KAAK5H,EAAIC,qCASPD,EAAIC,OACNpO,EAAM7M,KAAKqe,KAAKre,KAAK+gB,aAAa,MACpC8B,SAAS7iB,KAAK8iB,SAAU9H,EAAIC,GAC5Be,MACE+G,UAAU/iB,KAAK8iB,6CAQXjC,QACLmC,iBACDrS,EAAI3Q,KAAK+gB,aAAaniB,OACtB2O,SACGoD,KAAK,KACJsS,EAAQjjB,KAAK+gB,aAAapQ,GAG1BuS,EAAMljB,KAAKqe,KAAK4E,GACf5J,EAAQ6J,EAAR7J,QACFA,OAEAwH,IACI,6BAKgB,IAFPqC,EAAI9kB,KAEQ,EAAI,IAGxB+kB,OAAOtC,OAEXuC,EAAOF,EAAI/a,KAAKxG,EAChB0hB,EAAOH,EAAI/a,KAAKvG,EAChB0hB,EAAQjK,EAAKlR,KAAKxG,EAClB4hB,EAAQlK,EAAKlR,KAAKvG,EACpB4I,gBACIqW,QACH,KACCqC,EAAIM,QAAS,KACTC,EAAMP,EAAIM,WACNJ,EAAMC,EAAMI,EAAIphB,GAAIohB,EAAInhB,GAAImhB,EAAIlhB,GAAIkhB,EAAIjhB,QAC7C,KACCkhB,EAAQN,EAAOE,EACfK,EAAQN,EAAOE,KAaXH,EAAMC,EAJFC,EAASI,EAAQ,EACjBH,EAASI,EAAQ,EACjBP,EAAQM,EAAQ,EAChBL,EAAQM,EAAQ,SAIhC,KAAK,KACKP,EAAMC,KAGZG,QAAUN,EAAI/a,OAKhByb,QAAQ/C,EAASrW,OAElBqZ,WAAWtW,oCAQR2P,EAAI4G,QACPC,iBACK,MAAN7G,QACGqF,QAAQ,SAAU5R,GAEjB3Q,KAAKqZ,SACF1I,UAINqT,kBAAkB9G,GACnB4G,SACGhB,SAAWgB,EAEZ9H,SACGqC,KAAKnB,GAAI6F,UAAUe,yCAUrBlT,EAAQ5Q,KAAR4Q,YACH6G,GAAiB7G,SACdzB,OAASyL,GAAUhK,QACnBuM,QAAUnd,KAAKmP,OAAO8U,iBAEtB9U,OAAS,UACTgO,QAAU,WAGZoF,QAAQ,SAAU5R,QAChBxI,KAAOyI,EAAK1K,YAAY+I,QAAQ0B,QAChCiO,WAGA5e,wCAOGuN,GACNoC,QAA6BuU,OAAOlkB,KAAK4Q,UACvCmH,EAAM,IAAIb,GAAqBlX,KAAK4Q,MAAOrB,EAAGvP,KAAK0iB,QAASnV,MACnDsW,YAAY9L,MAAKnH,KAAM5Q,KAAK4Q,iDAO1BuT,GACZrT,MAAMC,QAAQoT,QAAuBA,QACrC,IAAIxT,EAAI,EAAGA,EAAIwT,EAAQvlB,OAAQ+R,IAAK,KACjC7I,EAAQqc,EAAQxT,GACV3Q,KAAKqe,KAAKvW,GACdmY,SACDjgB,KAAK+gB,aAAa/U,SAASlE,IAAUA,GAAS,QAC5CiZ,aAAa3Y,KAAKN,QAIxBiZ,aAAaqD,WACdzT,EAAI3Q,KAAK+gB,aAAaniB,OACpBylB,WACAzlB,OAAS+R,EAERA,KAAK,KACJuM,EAAKld,KAAK+gB,aAAapQ,GACvB9D,EAAM7M,KAAKqe,KAAKnB,KAClBuF,QAAO,KACL9R,GAAK9D,EAAIoT,WAGXqE,EAAgBtkB,KAAKukB,gBAAgBvkB,KAAK+gB,aAAa,OAC9CiD,mBAAmBK,QAAOC,2BAShCE,GAAW,SAAU5T,OAC5B+H,EAAIsD,GAASrL,EAAKyC,WACjBsF,MACCsD,GAASrL,EAAKyC,IAAM,IAAIyN,GAAKlQ,IAE5B+H,GAQI8L,GAAc,SAAUpR,GAC/BA,KAAM4I,WAAmBA,GAAS5I,IAGpCqR,UAAOC,UAAOC,UAAOC,UAAO1hB,UAE1B2hB,GAAa,SAAUnjB,EAAGC,OAC1BoZ,EAAKrZ,EAAIijB,GACT3J,EAAKrZ,EAAIijB,GAGTE,EAAI9a,KAAKgL,KAAK+F,EAAKA,EAAKC,EAAKA,GAC7B+J,EAAQ/a,KAAKiR,MAAMD,EAAID,GAAM7X,YAC5B4hB,EAAI9a,KAAKqR,IAAI0J,GAASJ,KACtBG,EAAI9a,KAAKsR,IAAIyJ,GAASH,MAMrBH,MACAC,KAEF1a,KAAKgL,KAAK+F,EAAKA,EAAKC,EAAKA,KACrBhR,KAAKiR,MAAMD,EAAID,GAAM7X,IAErBxB,EAAGojB,EAAI9a,KAAKqR,IAAI0J,GAASN,KAC5BK,EAAI9a,KAAKsR,IAAIyJ,GAASL,KAchBM,GAAoB,eACzBC,EAAcvY,GAAKiE,WACjB6G,GAAiByN,GAAa,QAGhCC,EAASxY,GAAKyY,WACZD,EAAOxjB,EAAIwjB,EAAOhX,MAAQ,KAC1BgX,EAAOvjB,EAAIujB,EAAOpX,OAAS,MAC/BsX,EAAMvX,GAAQoX,MACVG,EAAI1jB,EAAI0jB,EAAIlX,MAAQ,KACpBkX,EAAIzjB,EAAIyjB,EAAItX,OAAS,MAGvBiN,EAAK0J,GAAQE,GACjB3J,EAAK0J,GAAQE,GACbE,EAAI9a,KAAKgL,KAAK+F,EAAKA,EAAKC,EAAKA,GAC7B+J,EAAQ/a,KAAKiR,MAAMD,EAAID,GAAM7X,MAEvB4hB,EAAI9a,KAAKqR,IAAI0J,GAASJ,MACtBG,EAAI9a,KAAKsR,IAAIyJ,GAASH,WAExBrI,EAAO0I,EAAYhf,YAErByK,EAAI6L,EAAKrW,cACNwK,GAAG,IACH,MACC9D,EAAM2P,EAAKvN,QAAQ0B,GACvBvS,EAAOyO,EAAIhN,eACA,IAATzB,OAEEknB,EAAQR,GAAWjY,EAAIlL,EAAGkL,EAAIjL,GAClC4I,GAAU8a,EAAM3jB,EAAG2jB,EAAM1jB,MACb,MAAViL,EAAIxK,IAAwB,MAAVwK,EAAItK,GAAY,KAC9BgjB,EAAST,GAAWjY,EAAIxK,GAAIwK,EAAIvK,IAChCkjB,EAASV,GAAWjY,EAAItK,GAAIsK,EAAIrK,MAC/B0F,OAAOsC,EAAO5L,OAAQ,EAAG2mB,EAAO5jB,EAAG4jB,EAAO3jB,EAAG4jB,EAAO7jB,EAAG6jB,EAAO5jB,MAExDxD,EAAMuS,EAAGnG,MAGpBsD,GAAQoX,OAKRO,EAAMvJ,GAAemD,aAAatQ,qBACtC2K,EAAQhG,EAAiBwR,KACvBQ,UAAmB,IAARviB,GAAgB8G,KAAK8Q,GAAK2J,GAAOC,MAC1C7X,YAAY2Y,EAAK,KAoEnBE,IAAW,EAAG,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IACpE,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAUxBC,GAAc,SAAUjZ,EAAMkZ,WACnCnH,EAAU/R,EAAKzG,YACfsK,EAAMkO,EAAQvY,cAChB2f,EAAO,EAAGC,EAAO,EACjBxW,EAAI,GACJyW,EAAQ,KAEHrV,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtB9D,EAAM6R,EAAQzP,QAAQ0B,GAExBhP,EAAIkL,EAAIlL,GAAK,EACfC,EAAIiL,EAAIjL,GAAK,EACbS,EAAKwK,EAAIxK,IAAM,EACfC,EAAKuK,EAAIvK,IAAM,EACfC,EAAKsK,EAAItK,IAAM,EACfC,EAAKqK,EAAIrK,IAAM,EAEXpE,EAAOyO,EAAIhN,YACbomB,EAASN,GAAQvnB,GAAM,MAAQynB,EAAQ,QAAU,SAAW,iBAExDznB,QACH,KACE,IACD4nB,IAAUH,MACLG,EAAM,KACNA,EAAM,eAGZ,MACEF,OAEF,GACCD,MACMlkB,IACC,WAEJmkB,IAEI,QAGNI,GAAaD,IAAUtkB,EAAGokB,gBAE5B,MACEA,OAEF,GACCF,MACMjkB,IACC,WAEJmkB,IAEI,QAGNG,GAAaD,IAAUH,EAAMlkB,gBAE/B,OACA,OACA,MACEkkB,KACAC,OAEF,OACA,OACA,GACCF,MACMlkB,KACAC,SAEHkkB,OACAC,GAIM,IAAT3nB,GAAuB,IAATA,OAAuB0nB,EAAMC,OAE1CG,GAAaD,IAAUtkB,EAAGC,gBAE5B,KACEkkB,EAAMzjB,GAAMyjB,EAAMvjB,GAAMujB,KACxBC,EAAMzjB,GAAMyjB,EAAMvjB,GAAMujB,OAE1B,EACCF,MACMlkB,KACAC,IAEGS,GAAMyjB,EAAMvjB,GAAMujB,EAClBxjB,GAAMyjB,EAAMvjB,GAAMujB,OADxBD,OACAC,MAIFG,GAAaD,IAAU5jB,EAAIC,IAAMC,EAAIC,IAAMb,EAAGC,gBAEhD,KACEkkB,EAAMzjB,GAAMyjB,KACZC,EAAMzjB,GAAMyjB,OAEd,EACCF,MACMlkB,KACAC,IAEGS,GAAMyjB,EACNxjB,GAAMyjB,OADZD,OACAC,MAIFG,GAAaD,IAAU5jB,EAAIC,IAAMX,EAAGC,gBAEtC,MACEkkB,KACAC,OAEF,GACCF,MACMlkB,KACAC,SAEHkkB,OACAC,MAIFG,GAAaD,IAAUpZ,EAAI5J,GAAI4J,EAAI3J,MACtC2J,EAAI1J,MACH0J,EAAIzJ,aAAe,EAAI,EACvByJ,EAAIxJ,UAAY,EAAI,IACnB1B,EAAGC,eAEJ,MACEkkB,EAAMvjB,GAAMujB,KACZC,EAAMvjB,GAAMujB,OAEd,GACCF,MACMlkB,KACAC,IAEGW,GAAMujB,EACNtjB,GAAMujB,OADZD,OACAC,MAIFG,GAAaD,IAAU1jB,EAAIC,IAAMb,EAAGC,aAItC2N,GAYT,SAAS2W,GAAcD,EAAQzb,EAAQ2b,EAAYC,MAC/C/J,KAAK7R,EAAQ,SAAUmG,EAAG0V,KACnB1V,GAAKyD,GAAWiS,SAErBnF,EAAU+E,EAASzb,EAAOgH,KAAK,YAC/B2U,OACS,IAAMA,EAAW3U,KAAK,MAE/B4U,OACS,IAAMhS,GAAWgS,IAEvBlF,EASF,IACDoF,GACAC,GAAUC,GAEVtB,GACAuB,GALOC,IACPJ,IAAU,EACVC,UAAUC,UAEVtB,GAAc,KACduB,IAAW,sBAwFFE,EAAKC,EAAaC,EAAQC,OAC/BzT,YACoC,SAApC6I,GAAe6K,qBA+Ldpa,OAEAqW,aAGDgE,YACqB,sBAFjBL,EAAI9nB,OAAVwU,IAEKwB,OAAO,EAAG,IAA0B,GAEjClI,GAAKsa,OAASxM,SAASpH,EAAGwB,OAAO,IAAK,OACzCqS,UAAYL,EAAQC,OACnBja,EAAMF,GAAK0R,KAAK2I,GAIjBL,EAAIQ,SAKEta,EAAIkT,YACRqH,sBAAsBJ,MAEtBhD,kBAAkBgD,KAPnBra,GAAKoU,aAAaniB,QAAU,IAAMiO,EAAIkT,cACnCgE,oBAEFC,kBAAkBgD,SAMpB,GAAI3T,EAAGgU,WAAW,kBAAmB,IACrCH,UAAYL,EAAQC,OAEnBQ,EAAQjU,EAAGZ,MAAM,KAAK,GAAGA,MAAM,OAC7B0Q,OAAOmE,EAAM,QACfxD,EAAUX,OAAOmE,EAAM,OACxB3E,SAASqE,EAAOlD,OAIlBnX,GAAKua,SAAU,KACdK,EAAYrL,GAAesL,eACd,MAAbD,MACUrL,GAAeuL,aACzBvL,GAAewL,gBAAgBC,yBAG7B5K,EAAcb,GAAec,oBAClBuK,KACZV,EAAS9J,IACT+J,EAAS/J,QACL,SACC,UACC,UACR,gBA9OC6K,EAASf,EACTgB,EAASf,EAEP/J,EAAcb,GAAec,iBAC/Brb,EAAIimB,EAAS7K,EACfnb,EAAIimB,EAAS9K,EACb+K,EAAWtK,GAAQ,yBACT7b,EAAGC,GAEXsa,GAAe6L,sBACbC,GAAWrmB,KACXqmB,GAAWpmB,KACNomB,GAAWJ,KACXI,GAAWH,IAGjBC,MACQ9oB,SAAS8G,gBAAgB5G,EAAGuM,IAAK,WAC3Bqc,MACX,2BACI,sBACQ,WACV,WAEGtK,GAAQ,uBAAuBG,YAAYmK,MAE/C/hB,aAAa,UAAW,cAG7B+B,SAEAmgB,EAAY/L,GAAegM,kBAC1BD,EAeE,SAECrb,EAAUqb,EAAU/hB,YACtByK,EAAI/D,EAAQzG,cACVgiB,EAAO,EAAIpL,EACbqL,GAAe,EACZzX,GAAG,SAEFxI,EAAOyE,EAAQqC,QAAQ0B,GACvB0X,EAAKlgB,EAAKxG,EAAG2mB,EAAKngB,EAAKvG,KAEzBD,GAAM0mB,EAAKF,GAASxmB,GAAM0mB,EAAKF,GACjCvmB,GAAM0mB,EAAKH,GAASvmB,GAAM0mB,EAAKH,EAC/B,IACe,WAMdjM,GAAeqM,WAGRlV,OAENmV,EAAUhL,GAAQnK,GACpBkJ,SACAkM,SACEjY,EAAM5D,EAAQzG,iBAGhBiiB,EAAc,IAKZzX,GAAK,GAAKH,GAAO,EAAG,KAEhBkY,EAAO9b,EAAQqC,QAAQ,GAAGtN,EAC1BgnB,EAAO/b,EAAQqC,QAAQ,GAAGrN,IAGP,OADlBkmB,EAAS5hB,YAAY+I,QAAQ,IAC3BpP,YACEooB,EAAUzjB,0BAA0BkkB,EAAMC,GAE1CV,EAAUvjB,gCACjBgkB,EACAC,EACAF,EAAKpmB,GAAK0a,EACV0L,EAAKnmB,GAAKya,EACV2L,EACAC,OAIEC,EAASX,EAAU5jB,8BACjB2K,WAAWuN,KACXvN,WAAW4Z,QACd,GAAIpY,EAAM,SACR,QAGPsX,GAAUna,WAIAuO,GAAe2M,aAAa,SACzBC,YAAW,GAEtBxC,GAAS,CACP3Z,GAAKwC,WACQ4Z,aAAaP,KAAa7b,GAAKwC,OAAO8U,eAGjD+E,EAAOR,EAAQxiB,aAAa,KAC5BijB,EAAQ3d,GAAEqB,GAAKiE,MAAMP,KAAK,eAC9B1D,GAAKiE,MAAMP,KAAK,IAAK4Y,EAAQD,MAC7BR,GAAS7a,SACPhB,GAAKwC,qBAIG+Z,WAAWvc,GAAKiE,SACvB+R,YACE,OAGJ,KAEArX,GAAE6d,SACLjN,GAAekN,eACflN,GAAemN,eAAe1C,mBAGtB1P,IAAI,2BACL,MAGHnC,EAAMmT,EAAU/hB,YAAYC,cAC5BmjB,EAAOrB,EAAU/hB,YAAY+I,QAAQ6F,EAAM,GAC3CyU,EAAQD,EAAK3nB,EAAG6nB,EAAQF,EAAK1nB,KAE/B+kB,EAAIQ,SAAU,KACVsC,EAAM5O,GAAY0O,EAAOC,EAAO7nB,EAAGC,KAC/B6nB,EAAR9nB,IAAQ8nB,EAAL7nB,IAKkB,OADlBkmB,EAAS5hB,YAAY+I,QAAQ,IAC3BpP,YACEooB,EAAUzjB,0BACjB0X,GAAeb,MAAM1Z,GACrBua,GAAeb,MAAMzZ,IAGdqmB,EAAUvjB,gCACjBwX,GAAeb,MAAM1Z,GACrBua,GAAeb,MAAMzZ,GACrB6mB,EAAKpmB,GAAK0a,EACV0L,EAAKnmB,GAAKya,EACV0L,EAAKlmB,GAAKwa,EACV0L,EAAKjmB,GAAKua,KAIJ7W,YAAY8I,WAAWuN,MAE5BQ,KACAA,IAGIhX,aAAa,KAAM,IAAKpE,EAAGC,EAAGD,EAAGC,GAAG4P,KAAK,QAC1CsD,EACJwR,QAAoB3Z,GAAK0R,KAAKzf,WACrBkJ,EAAOnG,EAAGC,QArJX,KACR8nB,EAAQ,IAAM/nB,EAAI,IAAMC,EAAI,MACtBsa,GAAe2M,aAAa3M,GAAeyN,+BAC5C,kBACE,UAEND,KACCxN,GAAe0N,oBACV1N,GAAe2N,aAAe,QAIlC9jB,aAAa,KAAM,IAAK6hB,EAAQC,EAAQD,EAAQC,GAAQrW,KAAK,QAC9D8U,GAAU3Z,GAAK0R,KAAKzf,OAAS,KACxBkJ,EAAO8f,EAAQC,yBAwMvBD,EAAQC,OACX9K,EAAcb,GAAec,qBACxB,MACLiL,EAAY/L,GAAegM,kBACO,SAApChM,GAAe6K,oBA2Efpa,GAAKua,SAAU,KACXhK,EAAKD,MACNtQ,GAAKua,SAAS,KACdva,GAAKua,SAAS,IAChBva,IACGmd,EAAM7M,MACP2K,IACAC,GACFlb,IACG+W,EAAQoG,EAAInoB,EAAIub,EAAGvb,EACnBgiB,EAAQmG,EAAIloB,EAAIsb,EAAGtb,KACpBslB,UAAYU,EAAQC,GAErBlb,GAAKmW,YACFD,SAASa,EAAOC,MAEhBoG,QAAQrG,EAAOC,WAGjB5C,mBACAwB,QAAQ,SAAU5R,MACT3Q,KACHygB,MADGzgB,KACUqZ,UAIhB2Q,EADY9N,GAAesL,eACX1Z,UAEhBoP,EAAKN,GAPC5c,MAQNiqB,KACD/M,EAAGvb,IACHub,EAAGtb,QACC,SACC,GAGJsoB,EAAM1O,GAAewO,EAAKC,QAE3BxH,OAAOyH,GAERA,MAAYnJ,aAAa3Y,KAnBjBpI,KAmB0B8H,mBAlHnCmgB,aACCrb,EAAUqb,EAAU/hB,YACpB4B,EAAQ8E,EAAQzG,cAAgB,KAElCogB,GAAU,KAKN4D,EAAarM,GAAY,OACzBsM,EAAatM,GAAY,SAGpB/X,aAAa,KAAM6hB,KACnB7hB,aAAa,KAAM8hB,KACnB9hB,aAAa,UAAW,cAE7BskB,EAAM9D,GAAS,GACf+D,EAAM/D,GAAS,GAMfgE,EAAQF,GAAOA,EAFRzC,EAAS7K,GAGhByN,EAAQF,GAAOA,EAFRzC,EAAS9K,KAIXhX,aAAa,KAAMwkB,EAAOxN,KAC1BhX,aAAa,KAAMykB,EAAOzN,KAC1BhX,aAAa,UAAW,cAE7BkY,EAAWD,GAAY,SACZC,MACX2J,KACAC,KACA0C,EAAOxN,KACPyN,EAAOzN,UACF,WAGG,IAAVjV,MACW8f,EAAQC,OAChB,KACCyB,EAAO1c,EAAQqC,QAAQnH,EAAQ,GACjC2iB,EAAQnB,EAAK3nB,EACb+oB,EAAQpB,EAAK1nB,EAEQ,IAArB0nB,EAAKzpB,gBACG4qB,EAAQnB,EAAK/mB,MACbmoB,EAAQpB,EAAK9mB,IACdgkB,OACDA,GAAU,GAAKzJ,IACfyJ,GAAU,GAAKzJ,MAEV,EAAGjV,GAAQuiB,EAAKC,EAAKG,EAAOC,EAAOH,EAAMC,GAAOvC,QAE5D,KACCH,EAAWtK,GAAQ,wBACrBsK,EAAU,KACNzO,EAAOzM,EAAQqC,QAAQnH,MACJ,IAArBuR,EAAKxZ,YAAmB,KACpByjB,EAAQjK,EAAK1X,GAAK0X,EAAK1X,EAAI0X,EAAK9W,IAChCghB,EAAQlK,EAAKzX,GAAKyX,EAAKzX,EAAIyX,EAAK7W,OACvB,EAAG,GAAIolB,EAAQC,EAAQvE,EAAQvG,EAAawG,EAAQxG,EAAa6K,EAAQC,GAASC,QACxFtB,MACM,EAAG,GAAIoB,EAAQC,EAAQrB,GAAU,GAAIA,GAAU,GAAIoB,EAAQC,GAASC,MAEpE,EAAG,GAAIF,EAAQC,GAASC,wBA0DxCnB,EAAKgE,EAAS/C,EAAQC,OACvBI,EAAY/L,GAAegM,kBAEO,SAApChM,GAAe6K,2BACN,KACNkB,MACOzK,GAAQtB,GAAeqM,YAClBO,YAAW,MACd,aAIN,iBAMJvB,EAAYrL,GAAesL,kBAC7B7a,GAAKua,SAAU,KACX0D,EAASje,GAAKsa,UAEfC,UAAW,KACXpE,UAAW,KACXlE,SAED6H,OACG5C,WAAW,sBAGb8C,EAAIQ,UAAaV,OACf9D,SAASiI,QAEPrD,GAAmD,SAAtCA,EAAUvhB,aAAa,cAEnCD,aAAa,UAAW,QAE9BwhB,EAAUvhB,aAAa,UAAY,GAAKuhB,EAAUvhB,aAAa,WAAa,MAClE6kB,aAAalE,EAAI9nB,YAKnBgsB,aAAalE,EAAI9nB,YAEpB,uBAMD8rB,MACHnG,GAASmG,MACDG,eAAe,eACf/G,oBACV1B,MAAK,GAAMzD,YACXwG,QAAU2F,GAAape,GAAKiE,UACvB,yBAOEA,OACNoa,EAAWpa,IAASjE,GAAKiE,QAChBka,eAAe,aACzBzI,MAAK,OACI,KACC0B,iBAEXpX,GAAKwC,aAKL6b,OACaxJ,KAAK,YAAa5Q,OAClBqa,gBAAgBra,IAAO,yBAO9Bsa,GACNA,MAGaJ,eAAe,YACpB,OAEEnO,OAAM,MACNuM,WAAWvc,GAAKiE,wBAOxB/R,GACFqmB,KAAgBrmB,MACNqqB,WAAWrqB,MACRisB,eAAe,gBAGhBjsB,2BAQV+R,EAAOsL,GAAeiP,sBAAsB,MAC7Cva,GAES,IADA6G,GAAiB7G,QAGzBiI,EAAW,IAAIlB,GAAa,iBAC5BmB,KACDlI,EAAK5K,aAAa,eACV4K,EAAK5K,aAAa,gBAEtB+S,cAAc,IAAI7B,GAAqBtG,EAAMkI,OACvCiL,sBACVqH,iBAAiBxa,MAEPya,oBAAoBxS,MAG1BjI,GAAMyR,MAAK,GAAOlT,OAAS,UAE/BwN,WAEUsO,gBAAgBra,IAAO,MACvB4Q,KAAK,UAAWtF,GAAeiP,wCAOzCxd,OACCsa,EAAY/L,GAAegM,qBACnB,KACVD,EAAW,KACPrX,EAAO4M,GAAQtB,GAAeqM,YAClC/K,GAAQ,sBAAsB7P,YAC9BiD,GAAMjD,YACN6P,GAAQ,4BAA4BwD,KAAK,KAAK3Q,KAAK,UAAW,WACpD,QACGwY,aAAa,SACbC,YAAW,OACmB,aAApC5M,GAAe6K,uBACnB8D,eAEHle,OAAawP,OAAOkG,MAAK,8BAMb5D,MACL,MAAPA,GAAgC,SAAjBA,EAAI6M,gBAA8B,MAC/C5R,EAAQhG,EAAiB+K,GACzBlN,EAAIgJ,GAAyBb,GAAOvK,SACpCwN,UACFnF,gBAAgB,qBACdkH,EAAUD,EAAIvY,YAOdsK,EAAMkO,EAAQvY,yBAQXwK,OACD9D,EAAM6R,EAAQzP,QAAQ0B,GACtBvS,EAAOyO,EAAIhN,eACJ,IAATzB,uBACEogB,QACJnC,MAAM,GAAI,EAAG,GAAI,SAAUpL,EAAGsa,OACxB5pB,EAAIkL,EAAI,IAAM0e,GAAI3pB,EAAIiL,EAAI,IAAM0e,WAC5B9pB,IAANE,QAAyBF,IAANG,EAAiB,KAChCsb,EAAKlE,GAAerX,EAAGC,EAAG2P,KAC5BrJ,OAAOsW,EAAI5f,OAAQ,EAAGse,EAAGvb,EAAGub,EAAGtb,SAGxBxD,EAAMuS,EAAG6N,EAAKC,IAZtB9N,EAAI,EAAGA,EAAIH,IAAOG,IAAlBA,IAh4Bc,SAAUC,EAAMW,WACrCia,EAAKT,GAAana,GACfD,EAAI,EAAGA,EAAI,EAAGA,IAAK,KACpBvS,EAAa,IAANuS,EAAU,OAAS,SAC1B8a,EAAU7a,EAAK5K,aAAa5H,MAC9BqtB,GAAWA,EAAQpE,WAAW,QAAS,KACnCqE,EAAOC,GAAWF,MACH,mBAAjBC,EAAK3V,QAA8B,KACjC1T,EAAKqpB,EAAK1lB,aAAa,OAAS,EAChC1D,EAAKopB,EAAK1lB,aAAa,OAAS,EAChCzD,EAAKmpB,EAAK1lB,aAAa,OAAS,EAChCxD,EAAKkpB,EAAK1lB,aAAa,OAAS,IAG9BwlB,EAAGrd,MAAQ9L,EAAMmpB,EAAG7pB,IACpB6pB,EAAGzd,OAASzL,EAAMkpB,EAAG5pB,IACrB4pB,EAAGrd,MAAQ5L,EAAMipB,EAAG7pB,IACpB6pB,EAAGzd,OAASvL,EAAMgpB,EAAG5pB,MAGrBgqB,EAAM5S,GAAe3W,EAAIC,EAAIiP,GAC7Bsa,EAAM7S,GAAezW,EAAIC,EAAI+O,GAG7Bua,OAEEzpB,IAAMupB,EAAIjqB,EAAI6pB,EAAG7pB,GAAK6pB,EAAGrd,QACzB7L,IAAMspB,EAAIhqB,EAAI4pB,EAAG5pB,GAAK4pB,EAAGzd,SACzBxL,IAAMspB,EAAIlqB,EAAI6pB,EAAG7pB,GAAK6pB,EAAGrd,QACzB3L,IAAMqpB,EAAIjqB,EAAI4pB,EAAG5pB,GAAK4pB,EAAGzd,WAE3Bge,EAAUL,EAAKpd,WAAU,MAC7Byd,GAAS1b,KAAKyb,KAERzY,GAAK6I,GAAe0N,iBACjBtc,OAAOye,KACbhmB,aAAa3H,EAAM,QAAU2tB,EAAQ1Y,GAAK,SA22BnCoL,EAAKlN,0BAMqB,aAApC2K,GAAe6K,qBACZnI,sCAaDqE,EAAQtW,GAAKoU,aAAaniB,OAAS+N,GAAKoU,aAAa,GAAK,EAE1DlU,EAAMF,GAAK0R,KAAK4E,YAEjBpW,EAAI1E,KAAKxG,IACTkL,EAAI1E,KAAKvG,OACNiL,EAAIzO,kCAOK4tB,MACIA,+BAMhBhJ,iBAECiJ,EAAStf,GAAKoU,aAGhBpQ,EAAIsb,EAAOrtB,OACTstB,KAECvb,KAAK,KACJuM,EAAK+O,EAAOtb,MACbwb,OAAOjP,KAEP9U,KAAK8U,EAAKvM,KACVvI,KAAK8U,EAAKvM,EAAI,MAEhBwL,OAAO6H,kBAAkBkI,MAEzBrI,WAAW,uDAMVoI,EAAStf,GAAKoU,gBAEE,IAAlBkL,EAAOrtB,YAEJgS,EAAQjE,GAARiE,KACD4L,EAAO5L,EAAK1K,YAIZ4B,EAAQmkB,EAAO,GAEjBG,EAAS,KACTC,EAAY,WAGX9J,QAAQ,SAAU5R,UACH,IAAd3Q,KAAK5B,MAAcuS,GAAK7I,MACd9H,KAAKmI,MAEfwI,GAAK7I,IACS,IAAd9H,KAAK5B,QAEEuS,GACF,GAES,IAAd3Q,KAAK5B,SAEE,GACF,aAIG,MAAVguB,MAEOzf,GAAK0R,KAAKzf,OAAS,IAGf,IAAXwtB,EAAkB,KAId7P,EAAS3L,EAAKpM,0BAA0B6nB,EAAU1qB,EAAG0qB,EAAUzqB,GAE/D0qB,EAAS1b,EAAKvM,mCAChB+nB,IAAWzf,GAAK0R,KAAKzf,OAAS,KAC3BoQ,WAAWuN,KACXvN,WAAWsd,QAEC1b,EAAM0b,EAAQF,MACdxb,EAAM2L,EAAQ6P,YAG5BjQ,OAAOwG,SAASyJ,EAAS,MAUpBzf,GAAK0R,KAAKvW,GAEd6Y,cACDva,WAAW0B,KACX1B,WAAW0B,WACXqU,OAAOwG,SAAS7a,EAAQ,WAI3Bke,SAAOuG,SAGF5b,EAAI,EAAGA,EAAI6L,EAAKrW,cAAewK,IAAK,KACrCxI,EAAOqU,EAAKvN,QAAQ0B,MAED,IAArBxI,EAAKtI,cAEC8Q,OACH,GAAIA,IAAM7I,IAEV1B,WAAW4f,QAEX,GAAyB,IAArB7d,EAAKtI,aAAqBiI,EAAQ6I,EAAG,GAEvCA,EAAI,IACNvK,WAAWuK,kBAKhBmE,EAAOhN,EAAQke,EAAS,EAErBlR,QACYlE,EAAM4L,EAAKvN,QAAQ+W,GAAQuG,OAGxCrP,EAAKV,EAAKvN,QAAQ+W,MAGT,EAAGA,GAAQ9I,EAAGvb,EAAGub,EAAGtb,OAI9Bua,OAAOwG,SAAS,kCAMhB+D,GAAY8F,mBACZxJ,iBAECiJ,EAAStf,GAAKoU,aAEhBpQ,EAAIsb,EAAOrtB,OACR+R,KAAK,KACJuM,EAAK+O,EAAOtb,MACb8b,UAAUvP,MAID,SAAVwP,QACEhO,EAAU/R,GAAKiE,KAAK1K,YACtBsK,EAAMkO,EAAQvY,cAEZwmB,EAAW,SAAUlf,EAAKmf,QACvBA,OACGxmB,WAAWqH,OAInB+C,GAAO,SAAY,OAEhBA,KAAO,KACNrI,EAAOuW,EAAQzP,QAAQuB,MACJ,IAArBrI,EAAKtI,YAAmB,KACpBwZ,EAAOqF,EAAQzP,QAAQuB,EAAM,GAC7Bqc,EAAQnO,EAAQzP,QAAQuB,EAAM,MACX,IAArB6I,EAAKxZ,YAAmB,GACjB2Q,EAAM,EAAG,aAGb,GAA0B,IAAtBqc,EAAMhtB,YAAmB,GACzB2Q,EAAM,EAAG,mBAIf,GAAyB,IAArBrI,EAAKtI,aACV2Q,EAAM,EAAG,KACLsc,EAAWpO,EAAQzP,QAAQuB,EAAM,GAAG3Q,eAEzB,IAAbitB,EAAgB,GACTtc,EAAM,EAAG,aAIb,GAAiB,IAAbsc,GAAkBpO,EAAQvY,cAAgB,IAAMqK,EAAK,GACrDA,EAAK,sBAOf,KAML7D,GAAKiE,KAAK1K,YAAYC,eAAiB,YAC7B0kB,aAAale,GAAKiE,cACfmc,OAAOC,+BAInB7Q,UACA4H,iBAIDplB,OAAOmN,MAAO,KACVmhB,EAAK3hB,GAAEqB,GAAKiE,QACfP,KAAK,IAAK4c,EAAG5c,KAAK,SAElBwT,WAAW,gDAx4BW,SAAU8G,OACnCha,SACGnG,EAAUmgB,EAAVngB,OACD0iB,EAAI1iB,EAAOrE,iBACb+mB,GAAK,EAAG,KAcNC,EAAS3iB,EAAOyE,QAAQ,GAAIme,EAAY,KACxC7d,WACFnH,MAAM,IAAK+kB,EAAOxrB,EAAG,IAAKwrB,EAAOvrB,EAAG,MAAM4P,KAAK,KAC5Cb,EAAI,EAAGA,GAAMuc,EAAI,EAAIvc,GAAK,EAAG,KAC5BuO,EAAM1U,EAAOyE,QAAQ0B,GACnBwO,EAAM3U,EAAOyE,QAAQ0B,EAAI,GACzB0c,EAAM7iB,EAAOyE,QAAQ0B,EAAI,MAI3Byc,EAAW,KACPE,EAASrO,GAAoBmO,EAAWlO,EAAKiO,MAC/CG,GAA4B,IAAlBA,EAAO1uB,OAAc,KAC3B2uB,EAAUhe,EAAEA,EAAE3Q,OAAS,GAAG6T,MAAM,OAC9B,GAAK6a,EAAO,GAAG3rB,IACf,GAAK2rB,EAAO,GAAG1rB,IACrB2N,EAAE3Q,OAAS,GAAK2uB,EAAQ/b,KAAK,OACzB8b,EAAO,MAIfllB,MAAM8W,EAAIvd,EAAGud,EAAItd,EAAGud,EAAIxd,EAAGwd,EAAIvd,EAAGyrB,EAAI1rB,EAAG0rB,EAAIzrB,GAAG4P,KAAK,QAE9C6b,IACGlO,QAGZ/W,KAAK,KACAuI,EAAIuc,GAAG,KACNhQ,EAAK1S,EAAOyE,QAAQ0B,KACxBvI,MAAM8U,EAAGvb,EAAGub,EAAGtb,GAAG4P,KAAK,YAGvBjC,EAAEiC,KAAK,OAGD0K,GAAeyN,+BACd,kBACE,WAELzN,GAAeqM,iBAEb,iBAKLoC,uBAm1BK6C,MACL3P,WAAW2P,sBAORnd,EAAMod,OACRxB,EAAStf,GAAKoU,gBACfkL,EAAOrtB,WAEPokB,aAGCnW,EAAMF,GAAK0R,KAAK4N,EAAO,IACvByB,GAAQ/rB,EAAG,EAAGC,EAAG,KAClByO,GAAQod,EAAW5gB,EAAI1E,KAAKkI,KAE7BuS,KAAK8K,EAAK/rB,EAAG+rB,EAAK9rB,MACjBiiB,WAAW,qCAMVjT,WAIA8N,EAAU9N,EAAK1K,YACfsK,EAAMkO,EAAQvY,cAChB6f,SACKrV,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBxI,EAAOuW,EAAQzP,QAAQ0B,MACJ,IAArBxI,EAAKtI,gBACCsI,GAGe,IAArBA,EAAKtI,YAAmB,KACpBwZ,EAAOqF,EAAQzP,QAAQ0B,EAAI,MAC7B0I,EAAK1X,IAAMqkB,EAAMrkB,GAAK0X,EAAKzX,IAAMokB,EAAMpkB,EAAG,KAEtC2a,EAAS3L,EAAKpM,0BAA0BwhB,EAAMrkB,EAAGqkB,EAAMpkB,MAC5CgP,EAAM2L,EAAQ5L,MAEnBgd,OAAO/c,WAKrBjB,QAA6BuU,OAAOtT,qBCrlFxCtF,GAAIsiB,EAAYriB,QAGhBsiB,GAAS,oEAITC,GADW,4FACYrb,MAAM,KAG/ByJ,GAAiB,KACjB6R,GAAU,KACVC,GAAgB,KAChBC,GAAW,KA0EFC,GAAQ,SAAU9b,UAGtBA,EAAIG,QAAQ,KAAM,SAASA,QAAQ,KAAM,QAAQA,QAAQ,KAAM,QAAQA,QAAQ,KAAM,UAAUA,QAAQ,IAAK,WA2BxG4b,GAAW,SAAUC,QAExBC,GAAWD,GAEfzvB,OAAO2vB,YACF3vB,OAAO2vB,KAAKF,OAEfG,OACC3vB,OAA8C,EAArCqL,KAAKukB,OAAOJ,EAAMxvB,OAAS,GAAK,OAE5C+R,EAAI,EAAGgI,EAAI,IACZ,KACK8V,EAAOL,EAAMM,WAAW/d,KACxBge,EAAOP,EAAMM,WAAW/d,KACxBie,EAAOR,EAAMM,WAAW/d,KAExBke,EAAOJ,GAAQ,EACfK,GAAgB,EAAPL,IAAa,EAAME,GAAQ,EAEtCI,GAAgB,GAAPJ,IAAc,EAAMC,GAAQ,EACrCI,EAAc,GAAPJ,EAEP7mB,MAAM4mB,KACDK,EAAO,GACLjnB,MAAM6mB,OACR,MAGFjW,KAAOkV,GAAO9kB,OAAO8lB,KACrBlW,KAAOkV,GAAO9kB,OAAO+lB,KACrBnW,KAAOkV,GAAO9kB,OAAOgmB,KACrBpW,KAAOkV,GAAO9kB,OAAOimB,SACrBre,EAAIyd,EAAMxvB,eAEZ2vB,EAAO/c,KAAK,KASRyd,GAAW,SAAUb,MAC5BzvB,OAAOuwB,YACFC,GAAWxwB,OAAOuwB,KAAKd,MAIxBA,EAAM7b,QAAQ,mBAAoB,QAEtCgc,EAAS,GACT5d,EAAI,IAEL,KACKke,EAAOhB,GAAOrL,QAAQ4L,EAAMrlB,OAAO4H,MACnCme,EAAOjB,GAAOrL,QAAQ4L,EAAMrlB,OAAO4H,MACnCoe,EAAOlB,GAAOrL,QAAQ4L,EAAMrlB,OAAO4H,MACnCqe,EAAOnB,GAAOrL,QAAQ4L,EAAMrlB,OAAO4H,MAEnC8d,EAAQI,GAAQ,EAAMC,GAAQ,EAC9BH,GAAgB,GAAPG,IAAc,EAAMC,GAAQ,EACrCH,GAAgB,EAAPG,IAAa,EAAKC,KAEvBI,OAAOC,aAAaZ,GAEjB,KAATM,OACgBK,OAAOC,aAAaV,IAE3B,KAATK,OACgBI,OAAOC,aAAaT,UAEjCje,EAAIyd,EAAMxvB,eACZuwB,GAAWZ,IAQPY,GAAa,SAAUG,UAC3BC,mBAAmBC,OAAOF,KAStBjB,GAAa,SAAUiB,UAC3BG,SAASC,mBAAmBJ,KASxBK,GAAqB,SAAUC,MAChB,oBAAfC,YAA8C,oBAATC,MAAuC,oBAARC,MAAwBA,IAAIC,sBAClG,WAEHvT,EAAMmT,EAAQnd,MAAM,KAAMwd,EAAOxT,EAAI,GAAGnK,MAAM,WAAW,GAC7D4d,EAAOhB,KAAKzS,EAAI,IACd8O,EAAI2E,EAAKtxB,OACPuxB,EAAQ,IAAIN,WAAWtE,GACtBA,OACCA,GAAK2E,EAAKxB,WAAWnD,OAEvB6E,EAAO,IAAIN,MAAMK,IAAS/xB,KAAM6xB,WAC/BF,IAAIC,gBAAgBI,IAShBJ,GAAkB,SAAUI,UAClCA,GAAuB,oBAARL,KAAwBA,IAAIC,gBAGzCD,IAAIC,gBAAgBI,GAFlB,IAQEC,GAAsB,cACb,oBAATP,WACF,OAEHM,EAAO,IAAIN,MAAM,yEAA0E1xB,KAAM,qBAChG4xB,GAAgBI,GALU,GAmCtBE,GAAW,SAAUC,GAC5BA,EAAKvkB,SAAS,gBACTukB,EAAKhe,QAAQ,cAAe,OAAOA,QAAQ,YAAa,cAG7DuK,SAAK0T,gBAEC7xB,OAAO8xB,UAAa,IAAIA,UAAc,IAAI9xB,OAAO+xB,cAAc,qBAClEC,OAAQ,EACb,MAAOnhB,SACD,IAAI5J,MAAM,8CAGZ4qB,EAAKI,UACAJ,EAAKI,QAAQL,IAASC,EAEvBA,EAAKK,gBAAgBN,EAAM,YAEnC,MAAOO,SAAY,IAAIlrB,MAAM,mCACxBkX,GAkCIiU,GAAW,SAAXA,EAAqBngB,EAAMogB,MAClCpgB,GAA0B,IAAlBA,EAAKqgB,SAAgB,GAC1BrgB,WACDD,EAAIC,EAAKsgB,WAAWtyB,OACjB+R,OACIC,EAAKsgB,WAAW/oB,KAAKwI,GAAIqgB,KAiC3BG,GAAiB,SAAU1F,MAClCA,EAAS,IAEPA,EAAQpE,WAAW,gBACdoE,EAAQ2F,UAAU,EAAG3F,EAAQjJ,QAAQ,IAAK,OAG/CiJ,EAAQpE,WAAW,gBACdoE,EAAQ2F,UAAU,EAAG3F,EAAQjJ,QAAQ,IAAK,OAE/CiJ,EAAQpE,WAAW,eACdoE,EAAQ2F,UAAU,EAAG3F,EAAQjJ,QAAQ,aAGzC,MAQElL,GAAU,SAAU1G,UACtBA,EAAKygB,eAAenyB,EAAGoyB,MAAO,SAU5BC,GAAU,SAAU3gB,EAAMQ,KAC9BogB,eAAetyB,EAAGoyB,MAAO,aAAclgB,IAOjCqgB,GAAW,eAChBC,EAAaxV,GAAeyV,gBAC9BC,EAAOF,EAAWG,uBAAuB3yB,EAAGuM,IAAK,eACjDmmB,EAAKhzB,OAAS,IACTgzB,EAAK,MAELF,EAAWI,cAAchsB,gBAAgB5G,EAAGuM,IAAK,QACpDimB,EAAWK,aAEFxb,aAAaqb,EAAMF,EAAWK,WAAW9b,eAGzC3I,OAAOskB,IAGfA,GAYII,GAAc,SAAUrlB,WAC7BC,EAAUD,EAAKzG,YACf+rB,EAAMrlB,EAAQzG,cAEd+rB,UACAC,EAAQvlB,EAAQqC,QAAQ,GAC1BmjB,GAAMD,EAAMxwB,EAAGwwB,EAAMvwB,GAEhB+O,EAAI,EAAGA,EAAIshB,EAAKthB,IAAK,KACtB9D,EAAMD,EAAQqC,QAAQ0B,QAEdlP,IAAVoL,EAAIlL,MAGD,GAAGyG,KAAKgqB,EAAG,MACX,GAAGhqB,KAAKgqB,EAAG,IAEdvlB,EAAIxK,sBACAgwB,GAAMxlB,EAAIxK,GAAIwK,EAAIvK,IACtBgwB,GAAMzlB,EAAItK,GAAIsK,EAAIrK,IAClB+vB,GAAM1lB,EAAIlL,EAAGkL,EAAIjL,cAEVqP,OACDuhB,EAAO,SAAU7e,UACd1J,KAAKC,IAAI,EAAIyJ,EAAG,GAAKye,EAAGnhB,GAC7B,EAAIhH,KAAKC,IAAI,EAAIyJ,EAAG,GAAKA,EAAI0e,EAAGphB,GAChC,GAAK,EAAI0C,GAAK1J,KAAKC,IAAIyJ,EAAG,GAAK2e,EAAGrhB,GAClChH,KAAKC,IAAIyJ,EAAG,GAAK4e,EAAGthB,IAGlB5B,EAAI,EAAI+iB,EAAGnhB,GAAK,GAAKohB,EAAGphB,GAAK,EAAIqhB,EAAGrhB,GACpC7B,GAAK,EAAIgjB,EAAGnhB,GAAK,EAAIohB,EAAGphB,GAAK,EAAIqhB,EAAGrhB,GAAK,EAAIshB,EAAGthB,GAChD3B,EAAI,EAAI+iB,EAAGphB,GAAK,EAAImhB,EAAGnhB,MAEnB,IAAN7B,EAAS,IACD,IAANC,uBAGEsE,GAAKrE,EAAID,SACXsE,EAAI,GAAKA,EAAI,KACR1C,GAAG7I,KAAKoqB,EAAK7e,mBAIlB8e,EAAOxoB,KAAKC,IAAImF,EAAG,GAAK,EAAIC,EAAIF,KAClCqjB,EAAO,uBACL3jB,IAAOO,EAAIpF,KAAKgL,KAAKwd,KAAU,EAAIrjB,GACrCN,EAAK,GAAKA,EAAK,KAAYmC,GAAG7I,KAAKoqB,EAAK1jB,QACtC4jB,IAAOrjB,EAAIpF,KAAKgL,KAAKwd,KAAU,EAAIrjB,GACrCsjB,EAAK,GAAKA,EAAK,KAAYzhB,GAAG7I,KAAKoqB,EAAKE,KA3BrCzhB,EAAI,EAAGA,EAAI,EAAGA,MAAdA,KA6BJshB,QAEE,GAAGnqB,KAAKyE,EAAIlL,KACZ,GAAGyG,KAAKyE,EAAIjL,SAIjBD,EAAIsI,KAAKkQ,IAAI1J,MAAM,KAAMyhB,EAAO,IAChCrY,EAAI5P,KAAKoQ,IAAI5J,MAAM,KAAMyhB,EAAO,IAAMvwB,EACtCC,EAAIqI,KAAKkQ,IAAI1J,MAAM,KAAMyhB,EAAO,yBAK7BrY,SAJC5P,KAAKoQ,IAAI5J,MAAM,KAAMyhB,EAAO,IAAMtwB,IAiB9C,SAAS+wB,GAAY5S,MACf9P,eACW8P,EAASjS,UAAa,MAAO0B,QAEtCojB,EAAMtnB,GAAEunB,KAAK9S,EAAU,OACzB+S,EAAU,KACVC,SAAKC,SAELJ,KACKtnB,GAAEsnB,GAAKK,WAAWhrB,QAAQoI,KAAK,aAAc,aAClD4d,IAAU3gB,OAAO0lB,KACTA,EAAKE,OAAO,iBAEZ5nB,GAAEyU,GAAUiB,KAAK,kBAGzBmS,GAAQ,KACRL,EAAQl0B,YACFyd,KAAK,eACLmP,EAAKxrB,KAAK8N,UACX0d,EAAGrd,OAAUqd,EAAGzd,YACX,KAGRolB,EAAO,KACHrb,EAAQ8a,EAAMI,EAAO1nB,GAAEyU,GAAUkT,aACjCG,GAAetb,UAEfiI,EAASjS,iBAGXiS,EAASjS,iBAEb8kB,KACGjlB,SAEAolB,EAUF,IAAMjlB,GAAU,SAAU8C,OACzBmP,EAAWnP,GAAQsL,GAAemX,qBAAqB,MACvC,IAAlBziB,EAAKqgB,gBAAyB,WAC5BqC,EAASvT,EAASuL,SAEpByH,EAAM,YACFO,OACH,OAC0B,KAAzBvT,EAASvS,eACFA,YAAc,MACjBuS,EAASjS,YACNN,YAAc,IAEnBuS,EAASjS,YAAiBiS,EAASjS,qBAGtC,OP1X+BF,EO8X5BmS,EAASjS,YAAiBiS,EAASjS,aAFjCkkB,GAAYjS,aAKjB,QACA,MACG4S,GAAW5S,oBAIF,QAAXuT,MACIX,GAAW5S,IAEJ,QAAXuT,GAAgC,kBAAXA,GAA8B3jB,QAChDojB,MAAahT,EAASjS,YAItB6B,IAAY,KACT6b,OACHrd,MAAQ4kB,EAAI5kB,QACZJ,OAASglB,EAAIhlB,SACbpM,EAAIoxB,EAAIpxB,EAAIoR,WAAWgN,EAAS/Z,aAAa,MAAQ,KACrDpE,EAAImxB,EAAInxB,EAAImR,WAAWgN,EAAS/Z,aAAa,MAAQ,KAClDwlB,QAEH,GAAIsC,GAAY9hB,SAASsnB,MAC1BvT,QAEMA,EAASjS,UACf,MAAOf,OAGDwmB,EAASxT,EAASyT,gBAAgB,GAClCrlB,EAAQ4R,EAAS0T,6BAElBF,EAAO5xB,IACP4xB,EAAO3xB,iBAEF2xB,EAAOxlB,YAGd,KAEC2lB,EAAKpoB,GAAEyU,GAAU4T,QAAQ,iBAC3BD,EAAG90B,QACD80B,EAAG,GAAG5lB,YACF4lB,EAAG,GAAG5lB,mBAMlBilB,OA9TIpxB,KA+TUoxB,GAhUgBpxB,EACvBC,IAD0BA,EACvBuM,QAD0BA,MACnBJ,SAD0BA,SAoUxCglB,GAiBIa,GAAuB,SAAUC,OACxCtkB,EAAI,aAEN8M,KAAKwX,EAAc,SAAU5iB,kBAAI6iB,OAAYtV,UACxCsV,MACA,IAAInjB,EAAI,EAAGA,EAAI6N,EAAI5f,OAAQ+R,GAAK,KAC7B6N,EAAI7N,GAAK,IAAM6N,EAAI7N,EAAI,GAAM,MAIhCpB,GASIwkB,GAAsB,SAAUnjB,OAEvCkE,EAAM,KACNvF,SAAGH,SAAG4kB,SAAIC,gBACNrjB,EAAKmF,aACR,cACA,iBACCzK,GAAEsF,GAAMP,MAAM,KAAM,KAAM,KAAM,OAC7BoB,IAAAA,GAAIC,IAAAA,KACCtC,MAAV4kB,OAAIC,GACe,WAAjBrjB,EAAKmF,YACFke,EAAK3oB,GAAEsF,GAAMP,KAAK,QAGrBujB,KACD,KAAOniB,EAAKuiB,EAAMtiB,KAClB,KAAOD,EAAKuiB,EAAMtiB,EAAKuiB,EAAKnf,EAAOrD,EAAKuiB,EAAKlf,EAAOpD,EAAKuiB,EAAMxiB,EAAMC,EAAKuiB,KAC1E,KAAOxiB,EAAKuiB,EAAKlf,EAAOpD,EAAKuiB,EAAMxiB,EAAKuiB,EAAMtiB,EAAKuiB,EAAKnf,EAAOrD,EAAKuiB,EAAMtiB,KAC1E,KAAOD,EAAKuiB,EAAMtiB,EAAKuiB,EAAKnf,EAAOrD,EAAKuiB,EAAKlf,EAAOpD,EAAKuiB,EAAMxiB,EAAMC,EAAKuiB,KAC1E,KAAOxiB,EAAKuiB,EAAKlf,EAAOpD,EAAKuiB,EAAMxiB,EAAKuiB,EAAMtiB,EAAKuiB,EAAKnf,EAAOrD,EAAKuiB,EAAMtiB,KAC1E,oBAGA,SACCd,EAAK5K,aAAa,eAEnB,SAEC,OADAsF,GAAEsF,GAAMP,MAAM,KAAM,KAAM,KAAM,QACxBhO,GAAK,IAAM+M,EAAE9M,GAAK,IAAM8M,EAAE7M,GAAK,IAAM6M,EAAE5M,aAEhD,aACC,IAAMoO,EAAK5K,aAAa,oBAEzB,YACC,IAAM4K,EAAK5K,aAAa,UAAY,eAErC,WACG+e,EAAIzZ,GAAEsF,GAAMP,MAAM,KAAM,SAClB0U,EAAViP,KAAUjP,EAANkP,OACA5kB,EAAIuB,EAAK9C,UACRnM,EAAQ0N,EAAR1N,EAAGC,EAAKyN,EAALzN,EAAQiY,EAAIxK,EAAElB,MAAO2L,EAAIzK,EAAEtB,SAC/B,EAAI+G,IAaJ8e,GAXDI,GAAOC,IAYP,KAAMtyB,EAAGC,EAAIqyB,KACb,KAAMtyB,EAAGC,EAAIqyB,EAAKnf,EAAKnT,EAAIqyB,EAAKlf,EAAKlT,EAAGD,EAAIqyB,EAAIpyB,KAChD,KAAMD,EAAIkY,EAAIma,EAAIpyB,KAClB,KAAMD,EAAIkY,EAAIma,EAAKlf,EAAKlT,EAAGD,EAAIkY,EAAGjY,EAAIqyB,EAAKnf,EAAKnT,EAAIkY,EAAGjY,EAAIqyB,KAC3D,KAAMtyB,EAAIkY,EAAGjY,EAAIkY,EAAIma,KACrB,KAAMtyB,EAAIkY,EAAGjY,EAAIkY,EAAIma,EAAKnf,EAAKnT,EAAIkY,EAAIma,EAAKlf,EAAKlT,EAAIkY,EAAGnY,EAAIkY,EAAIma,EAAIpyB,EAAIkY,KACxE,KAAMnY,EAAIqyB,EAAIpyB,EAAIkY,KAClB,KAAMnY,EAAIqyB,EAAKlf,EAAKlT,EAAIkY,EAAGnY,EAAGC,EAAIkY,EAAIma,EAAKnf,EAAKnT,EAAGC,EAAIkY,EAAIma,KAC3D,KAAMtyB,EAAGC,EAAIqyB,KACb,WAlBA,KAAMtyB,EAAGC,KACT,KAAMD,EAAIkY,EAAGjY,KACb,KAAMD,EAAIkY,EAAGjY,EAAIkY,KACjB,KAAMnY,EAAGC,EAAIkY,KACb,KAAMnY,EAAGC,KACT,iBAqBA2N,GASI2kB,GAAqC,SAAUtjB,OACpDuG,eAGJkF,MAAM,eAAgB,aAAc,aAAc,SAAU,aAAc,eACpEjN,EAAIwB,EAAK5K,aAAahG,MACxBoP,MACIpP,MAAQoP,KAGX+H,GAWIgd,GAAyB,SAAUvjB,EAAM+Y,EAAuBjD,OACrE/Z,EAAOgd,WACF,YACHuK,GAAmCtjB,KAGrCwjB,EAAUxjB,EAAK5K,aAAa,aAC9BouB,KACGruB,aAAa,YAAaquB,OAG3Bxd,EAAShG,EAAKuF,WAChBvF,EAAKqF,cACFoe,OAAO1nB,KAELW,OAAOX,OAGV4C,EAAIwkB,GAAoBnjB,GAC1BrB,IACGxJ,aAAa,IAAKwJ,KAElB5B,WAIKyd,iBAAiBze,OACzB6e,GAAK,QAEF7e,EAAKmB,UACV,MAAO0B,aAGJ7B,SACE6d,GA4GF,IAAM8I,GAAuB,SAAU1jB,EAAM+Y,EAAuBjD,OAKrE8E,EAAK1d,GAAQ8C,OAEZ4a,SACI,SAGH9R,EAAQhG,EAAiB9C,GACzBzN,EAAQoxB,GAAkC7a,GAC1C8a,EAAiB/a,GAAmBC,MAEtCvW,GAASqxB,EAAgB,KACvBC,GAAS,KA/BjB,SAA8CtxB,EAAOsW,OAC7Cib,EAAgBvxB,EAAQ,UAGvBsW,KADUib,GAAiB,MAASA,EAAgB,MADzCA,GAAiB,OAASA,EAAgB,OA8BtDC,CAAoCxxB,EAAOqxB,GAAiB,KAG3C,UAAW,OAAQ,OAAQ,WAAY,WAC5CxoB,SAAS4E,EAAKmF,WACrB0e,EAASN,GAAuBvjB,EAAM+Y,EAAuBjD,QAC7D,GAAqB,SAAjB9V,EAAKmF,QAAoB,KAE5Bie,EAAKpjB,EAAK5K,aAAa,MACvBiuB,EAAKrjB,EAAK5K,aAAa,OACzBguB,GAAMC,OACHQ,EAASN,GAAuBvjB,EAAM+Y,EAAuBjD,SAKnE+N,EAAQ,KACJtlB,EAAUoL,GAAyBb,GAAnCvK,SACFwK,GAAa6R,EAAG7pB,EAAG6pB,EAAG5pB,EAAG4pB,EAAGrd,MAAOqd,EAAGzd,OAAQoB,GAAQylB,cAiBxDpJ,GAIT,SAASqJ,GAAwBjkB,OACzBkkB,EAAKlkB,EAAK5K,aAAa,uBACpB+B,MAAM+sB,IAAuC,SAAhClkB,EAAK5K,aAAa,UAAiC,EAAT8uB,EAAK,EAmBhE,IAAM1B,GAAiB,SAAUtb,EAAO6R,EAAuBjD,OAC/D5O,IAAUA,EAAMlZ,cAAiB,MAElCm2B,eACF1Y,KAAKvE,EAAO,WACRid,GACC/0B,KAAKmW,eACDme,GAAqBt0B,KAAM2pB,EAAuBjD,WAI9CjlB,IAAXszB,SAA+B,SAK/BC,EAAOD,EAAOpzB,EAAIozB,EAAO5mB,MACzB8mB,EAAOF,EAAOnzB,EAAImzB,EAAOhnB,OACzBmnB,EAAOH,EAAOpzB,EACdwzB,EAAOJ,EAAOnzB,KAGG,IAAjBkW,EAAMlZ,OAAc,KAChBw2B,EAASP,GAAuB/c,EAAM,OACpCsd,KACAA,KACAA,KACAA,UAEN/Y,KAAKvE,EAAO,SAAUnH,EAAGC,OACnBykB,EAAQf,GAAqB1jB,EAAM+Y,EAAuBjD,MAC5D2O,EAAO,KACHD,EAASP,GAAuBjkB,KAC/B3G,KAAKkQ,IAAI+a,EAAMG,EAAM1zB,EAAIyzB,KACzBnrB,KAAKkQ,IAAIgb,EAAME,EAAMzzB,EAAIwzB,GAEV,IAAlBxkB,EAAKqgB,aACAhnB,KAAKoQ,IAAI2a,EAAMK,EAAM1zB,EAAI0zB,EAAMlnB,MAAQinB,KACvCnrB,KAAKoQ,IAAI4a,EAAMI,EAAMzzB,EAAIyzB,EAAMtnB,OAASqnB,gBAMhDzzB,EAAIuzB,IACJtzB,EAAIuzB,IACJhnB,MAAQ6mB,EAAOE,IACfnnB,OAASknB,EAAOE,EAChBJ,GAWIO,GAAqB,SAAU1e,GACrCA,MACMtL,GAAE4Q,GAAeyV,iBAAiBsB,gBAGvCsC,eACJ3e,GAAQqc,WAAW5W,KAAK,SAAU1L,EAAGC,GACjCA,EAAK9C,WACM1F,KAAKwI,KAGf2kB,EAAaC,WASTC,GAA+B,SAAU3d,UAC/CA,MAAiBwd,MACflC,GACLtb,EACAoE,GAAeyN,sBACfzN,GAAewK,cAWN6N,GAAoC,SAAU7a,EAAOgc,OAC3Dhc,SAAgB,UACfwT,EAAIxT,EAAMvT,cACPwK,EAAI,EAAGA,EAAIuc,IAAKvc,EAAG,KACpBW,EAAQoI,EAAMzK,QAAQ0B,MACT,IAAfW,EAAMlT,YACDs3B,EAAQpkB,EAAMnO,MAAQ8G,KAAK8Q,GAAK,IAAQzJ,EAAMnO,aAGlD,GAUEsU,GAAmB,SAAU7G,EAAM8kB,OACtC3V,EAAWnP,GAAQsL,GAAeiP,sBAAsB,GAExDzR,EAAQhG,EAAiBqM,UACxBwU,GAAkC7a,EAAOgc,IASrC/J,GAAa,SAAUF,UAC3BjO,GAAQ2T,GAAe1F,GAAS5W,OAAO,KASnC2I,GP77B0BlR,EO87BnC,SAAU+G,UAEH4a,GAAS1hB,cAAc,IAAM8G,IP17BL7G,EO47B7B,SAAU6G,UAEH0a,GAAQthB,SACb,sCAAwC4G,EAAK,KAC7C2a,GACA,kBAAqB9uB,EAAGuM,KACxB,EACA,MAAMkqB,iBAER,SAAUtiB,UAEH/H,GAAE2iB,IAAUjN,KAAK,OAAS3N,EAAK,KAAK,IAYpCuiB,GAAmB,SAAUhlB,EAAMuG,EAAO0e,EAAeC,0CACzC3kB,OAAO9R,QAAQ8X,kDAAQ,wBAAtC7G,OAAKC,OACTwlB,EAA2B,SAArBzlB,EAAIuE,OAAO,EAAG,GACtB3V,EAAG82B,IACkB,WAArB1lB,EAAIuE,OAAO,EAAG,GAAkB3V,EAAGoyB,MAAQ,KAE3CyE,IACGvE,eAAeuE,EAAIzlB,EAAKC,GACnBulB,KAGEllB,EAAMN,EAAKC,KAFlBxK,aAAauK,EAAKC,mFAahB0lB,GAAiB,SAAUtL,OAChCuL,kBACY,iBACA,UACP,SACD,0BACY,yBACD,yBACD,wBACA,iBACF,KACZ,KACA,OASD,IAAM7lB,IANc,YAArBsa,EAAQW,kBAEH4K,EAASlC,UACTkC,EAASjC,IAGCiC,EAAU,KACrB9kB,EAAM8kB,EAAS7lB,GACjBsa,EAAQ3kB,aAAaqK,KAAU+e,OAAOhe,MAChCoG,gBAAgBnH,KAWjB2X,GAAa,SAAUzX,OAC5BkE,EAAOyH,GAAexH,cACxByhB,EAAWja,GAAeka,wBACjB,OAAT3hB,OACUN,IAAaM,MAEnBxK,KAAKoR,MAAM9K,EAAQ4lB,GAAYA,GAqB5BE,GAAsB,SAAUC,MACzCA,GAAKC,MAAM,SAAU/mB,KAAOzQ,oBCjvC1BuM,GAAIC,OAENirB,MAkEEC,GAAuC,SAAUC,GAChDvlB,OAAOiE,KAAKohB,IAAuB53B,WAGpC,iBAAiB0O,OAAO,8BAEtBqpB,EAAWD,EAASC,UAAY,MACpC,iBAAiBrpB,OAAO,kCAAoCopB,EAASrjB,GAAK,KAC1EqjB,EAASE,MAAQ,0BACjBD,EAAW,qBC1Ef,SAASE,GAAeC,EAAQrZ,IAC7B,KAAM,QAAS,QAAQne,QAAQ,SAAC0f,GAC3BA,KAAQvB,MACHuB,GAAQvB,EAAKuB,iDAiBnB,WAAuC+X,EAAKC,2GAC1CC,GAAgBF,OAASC,GAAQE,eAAe,qIAQlD,WAAgCH,SAAMI,IAAAA,OAAQD,IAAAA,mGAE1B,cAAev4B,QACrCA,OAAOy4B,YACqB,IAA7Bz4B,OAAOy4B,UAAUC,kDAEVC,GAAaP,OAAKt1B,GAAYy1B,0CAEjCK,GAAaR,mCACZp4B,OAAOw4B,kGAGT,SAASI,GAAcR,OAAKtZ,mEAC7B3M,MAAMC,QAAQgmB,GACTS,QAAQC,IAAIV,EAAIhY,IAAI,SAAC2Y,UACnBH,GAAaG,EAAGja,MAGpB,IAAI+Z,QAAQ,SAACG,EAASC,OACrBd,EAAS93B,SAAS64B,cAAc,UAChCC,EAAa,aACVC,QAAU,OACVC,OAAS,OACTrqB,WACAsqB,IAAM,MAERC,MAAQ,WACDpB,EAAQrZ,KACfsa,QAAU,aACR,IAAInyB,2BAA2BmxB,WAGjCiB,OAAS,sBAITC,IAAMlB,WAEJoB,KAAK7qB,OAAOwpB,KAIlB,SAASQ,GAAcP,OAAKtZ,0HAAYyZ,cAAAA,uBACzCpmB,MAAMC,QAAQgmB,GACTS,QAAQC,IAAIV,EAAIhY,IAAI,SAAC2Y,UACnBJ,GAAaI,EAAGja,MAGpB,IAAI+Z,QAAQ,SAACG,EAASC,OACrBQ,EAAS,iBAAmBnuB,KAAKouB,SAASC,SAAS,IAAIplB,MAAM,GAC7D4jB,EAAS93B,SAAS64B,cAAc,UAChCC,EAAa,kBACVn5B,OAAOy5B,KACPL,QAAU,OACVC,OAAS,OACTrqB,aACH4qB,gBAAgBzB,EAAOmB,OACpBA,IAAM,OAEDnB,EAAQrZ,KACfya,MAAQ,UACR95B,KAAO,WACP25B,QAAU,aACR,IAAInyB,2BAA2BmxB,WAGjCiB,OAAS,aACNr5B,OAAOy5B,aAIXI,yBA1GV,SAAwBzB,OAChB3nB,EAAIpQ,SAAS64B,cAAc,cAC/B9xB,aAAa,OAAQgxB,GAChB3nB,EAAEd,WAAU,GAAOmqB,KAsGTC,CAAc3B,GACgBxkB,QAAQ,KAAM,oBAAmB6lB,SAAYlB,EAAgB,gBAAkB,SACtH9G,EAAO,IAAIN,MAAM0I,IAAWp6B,KAAM,sBACjC65B,IAAMlI,IAAIC,gBAAgBI,YAExB+H,KAAK7qB,OAAOwpB,KCzGzB,IAAMxrB,GAAIC,OAYJotB,yBAUSp5B,EAAMq5B,EAAOC,qBACnBC,MAAQv5B,OACRw5B,OAASF,EAAU,KAAOD,EAE3BC,EAAS,KAELG,EAASH,EAAQ/G,mBAClBiH,OAASC,EAAOlzB,gBAAgB5G,EAAGuM,IAAK,SACvCwtB,EAAaD,EAAOlzB,gBAAgB5G,EAAGuM,IAAK,WACvC+B,YAAcjO,OACpBw5B,OAAOzrB,OAAO2rB,GACfL,KACAA,GAAOM,MAAMl5B,KAAK+4B,UAEZzrB,OAAOtN,KAAK+4B,WAIV/4B,KAAK+4B,WACV/4B,KAAK+4B,OAAQ,SAAUvpB,KAC5BzJ,aAAa,QAAS,iCAGrBgzB,OAAOhzB,aAAa,QAAS8yB,EAAU,qBAAuB,0EAQ5D74B,KAAK84B,gDAQL94B,KAAK+4B,+CAQPA,OAAOhzB,aAAa,QAAS,gEAQ7BgzB,OAAOhzB,aAAa,QAAS,0DAQxBozB,OACJC,OAAuB33B,IAAZ03B,GAAyBA,EAAU,SAAW,OAC5Cn5B,KAAK+4B,OAAO/yB,aAAa,aACzBozB,QACZL,OAAOhzB,aAAa,UAAWqzB,6CASS,SAAxCp5B,KAAK+4B,OAAO/yB,aAAa,oDAQ1BqzB,EAAUr5B,KAAK+4B,OAAO/yB,aAAa,kBACzB,OAAZqzB,QAAgC53B,IAAZ43B,EACf,EAEFtmB,WAAWsmB,sCASRA,GACa,iBAAZA,GAAwBA,GAAW,GAAOA,GAAW,QACzDN,OAAOhzB,aAAa,UAAWszB,0CASxBpG,OACT,IAAItiB,EAAI,EAAGA,EAAIsiB,EAASr0B,SAAU+R,OAChCooB,OAAOzrB,OAAO2lB,EAAStiB,sDAQxBH,EAAMxQ,KAAK+4B,OAAO7H,WAAWtyB,OAC1B+R,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtB2oB,EAAQt5B,KAAK+4B,OAAO7H,WAAW/oB,KAAKwI,MACtC2oB,GAA2B,UAAlBA,EAAMvjB,eACVujB,SAGJ,qCASA/5B,EAAMg6B,OACPC,EAAex5B,KAAK84B,QACnB5K,GAAM3uB,OAEPk6B,EAAQz5B,KAAK05B,yBACfD,MACAA,GAAOE,UACHnsB,YAAcjO,OACfu5B,MAAQv5B,EACTg6B,KACQK,cAAcH,GAAQI,QAASL,IAEpCx5B,KAAK84B,OAEP,+CAUDF,EADS54B,KAAK+4B,OAAO5iB,WACNW,YAAY9W,KAAK+4B,oBACjCA,YAASt3B,EACPm3B,WAmBX,SAASkB,GAAelpB,OAChBmpB,EAAUnpB,EAAK5K,aAAa,SAClB,OAAZ+zB,QAAgCt4B,IAAZs4B,GAA0BA,EAAQn7B,OAE9C+5B,GAAMqB,YAAYzkB,KAAKwkB,MAC5Bh0B,aAAa,QAASg0B,EAAU,IAAMpB,GAAMsB,cAF5Cl0B,aAAa,QAAS4yB,GAAMsB,YAhBrCtB,GAAMsB,WAAa,QAKnBtB,GAAMqB,YAAc,IAAI1kB,OAAO,UAAYqjB,GAAMsB,WAAa,eCjKxDC,yBAMSC,kBACNC,aAAeD,OACfE,qBAAuB,UACvBC,0EAUY/sB,UACZvN,KAAKo6B,mBACLC,qBAAuB,IAAI1iB,GAAapK,QACxC+sB,mBAAmBlyB,KAAKpI,KAAKq6B,sBAC3Br6B,MAH0BA,mDAW5BA,KAAKo6B,oBAAuBp6B,QAC7BA,KAAKq6B,qBAAsB,KACvBE,EAAev6B,KAAKq6B,0BACrBC,mBAAmBE,UACjB57B,EAAUoB,KAAKs6B,mBAAf17B,YACFy7B,qBAAuBz7B,EAASoB,KAAKs6B,mBAAmB17B,EAAS,GAAK,UACtE67B,YAAYF,UAEZv6B,yCAWI4Q,EAAMiF,EAAgBC,EAAWvI,UACvCvN,KAAKo6B,mBACLK,YAAY,IAAI7kB,GAAmBhF,EAAMiF,EAAgBC,EAAWvI,IAClEvN,MAF0BA,2CAWpB4Q,EAAMrD,UACdvN,KAAKo6B,mBACLK,YAAY,IAAI9jB,GAAqB/F,EAAMrD,IACzCvN,MAF0BA,2CAapB4Q,EAAMiF,EAAgBC,EAAWvI,UACzCvN,KAAKo6B,mBACLK,YAAY,IAAI1jB,GAAqBnG,EAAMiF,EAAgBC,EAAWvI,IACpEvN,MAF0BA,2CAYpB4Q,EAAMuG,EAAO5J,UACrBvN,KAAKo6B,mBACLK,YAAY,IAAIvjB,GAAqBtG,EAAMuG,EAAO5J,IAChDvN,MAF0BA,yCAWtB+X,OACN/X,KAAKo6B,oBAAuBp6B,KAC7BA,KAAKq6B,0BACFA,qBAAqBthB,cAAchB,QAEnCqiB,aAAa/O,oBAAoBtT,YAQ5CmiB,GAAwBQ,WAAa,IAAIR,GCzIzC,IAAM5uB,GAAIC,OAEJovB,GAAW,4FAA4FloB,MAAM,KAE7GmoB,wBACiB,mBACH,kBACD,GAEfC,GAAUD,GAAeE,oBAEzBC,MAOJ,SAASC,GAAyBzB,UACzBA,GAAa,IAAIW,GAAwBe,GAAQC,SAqB1D,SAASC,GAAiBC,WACpBzqB,EAAI,EAEDyqB,EAAmBpvB,SAAU,SAAW2E,cACxC,SAAWA,MAMP0qB,yBAQExC,EAASyC,iBACfzC,IAAYA,EAAQ9iB,UAAY8iB,EAAQhoB,cACvB,QAApBgoB,EAAQ9iB,SAAqB8iB,EAAQhoB,eAAiB3R,EAAGuM,UACnD,IAAI7F,MAAM,iFAOb21B,SAAW1C,OAMX2C,QAAU,OAMVC,SAAWH,GAAe,YAM1BI,qBAQAC,mBAUAC,kBAMAC,cAAgB,UAMhBC,OAAS,OACRvQ,EAAIvrB,KAAKu7B,SAASlK,eAAenyB,EAAG68B,GAAI,SAGxCxQ,GAAKsP,KAAYD,GAAeoB,qBAC/BF,OAASvQ,EACLsP,KAAYD,GAAeqB,uBAC/BC,SAASjyB,KAAKukB,MAAsB,OAAhBvkB,KAAKouB,sDAQxBhlB,UACJrT,KAAKu7B,SAAShvB,cAETvM,KAAKu7B,SAAShvB,cAAc,IAAM8G,GAGpC/H,GAAEtL,KAAKu7B,UAAUva,KAAK,OAAS3N,EAAK,KAAK,+CAOzCrT,KAAKu7B,mDAOLv7B,KAAK87B,wCAOJvQ,QACHgQ,SAAS/J,eAAetyB,EAAGi9B,MAAO,WAAYj9B,EAAG68B,SACjDR,SAAS/J,eAAetyB,EAAG68B,GAAI,WAAYxQ,QAC3CuQ,OAASvQ,4CAUTuQ,OAAS,0CAQP97B,KAAK87B,OACR97B,KAAKy7B,SAAWz7B,KAAK87B,OAAS,IAAM97B,KAAKw7B,QACzCx7B,KAAKy7B,SAAWz7B,KAAKw7B,gDAQnBY,EAAYp8B,KAAKw7B,QACnBa,GAAmB,EAKnBr8B,KAAK07B,aAAa98B,OAAS,QACxB48B,QAAUx7B,KAAK07B,aAAalB,SACd,QAGdgB,kBAIHnoB,EAAKrT,KAAKuoB,QACPvoB,KAAKs8B,SAASjpB,IACfgpB,SACGb,QAAUY,KACI,QAEhBZ,YACAx7B,KAAKuoB,eAGR8T,SACGb,QAAUY,GAEV/oB,oCAUEA,OAEHkpB,EAAQv8B,KAAKy7B,UAAYz7B,KAAK87B,OAAS97B,KAAK87B,OAAS,IAAM,OAC/C,iBAAPzoB,IAAoBA,EAAGgU,WAAWkV,UACpC,MAGHznB,EAAM2F,SAASpH,EAAGwB,OAAO0nB,EAAM39B,QAAS,YAI3B,iBAARkW,GAAoBA,GAAO,GAAK9U,KAAK07B,aAAa1vB,SAAS8I,WAKjE4mB,aAAatzB,KAAK0M,IAEhB,iDAQA9U,KAAK27B,WAAW/8B,wCAQfW,eACwBkC,IAAzBzB,KAAK47B,UAAUr8B,wCAQVoR,UACLA,GAAK,GAAKA,EAAI3Q,KAAKw8B,eAAiBx8B,KAAK27B,WAAWhrB,GAAG8rB,UAAY,oDAOnEz8B,KAAK67B,cAAgB77B,KAAK67B,cAAca,WAAa,4CAO9Cn9B,OACRo9B,EAAQ38B,KAAK47B,UAAUr8B,UACtBo9B,EAAQA,EAAMD,WAAa,0DAS3B18B,KAAK67B,cAAgB77B,KAAK67B,cAAcY,UAAY,+CASxCl9B,EAAMg6B,OACrBqD,EAAY,QACZ58B,KAAK67B,cAAe,KAChBgB,EAAU78B,KAAK67B,cAAcY,aACvBz8B,KAAK67B,cAAciB,QAAQv9B,EAAMg6B,aAEpCv5B,KAAK47B,UAAUiB,QACjBjB,UAAUgB,GAAa58B,KAAK67B,sBAG9Be,kDAQgBG,OACjBC,EAAah9B,KAAKw8B,mBACnBx8B,KAAK67B,eAAiBkB,EAAS,GAAKA,GAAUC,SAC1C,SAGLC,aACCA,EAAS,EAAGA,EAASD,GACpBh9B,KAAK27B,WAAWsB,KAAYj9B,KAAK67B,gBADCoB,MAIpCA,IAAWD,SAAqB,QAEhCC,IAAWF,EAAQ,KAEfG,EAAel9B,KAAK67B,cAAca,WAClC7mB,EAAiBqnB,EAAajnB,YAEhCknB,EAAW,YACXJ,EAASE,EACPF,EAASC,EAAa,MACbh9B,KAAK27B,WAAWoB,EAAS,GAAGL,cAI9B18B,KAAK27B,WAAWoB,GAAQL,gBAEhCnB,SAAShlB,aAAa2mB,EAAcC,QAEpCC,sBACAC,gBAAgBr9B,KAAKs9B,aAAaP,6CAOlC,wCAOGxD,OACJ2D,EAAel9B,KAAK67B,cAAca,WAClCa,EAAYjyB,GAAE4xB,GAAc7jB,OAAO,MACpCkkB,KAEKC,kBAAkB,mBAEtBC,EAAmBP,EAAajnB,kBAC5BynB,cAAcR,EAAcO,EAAkBz9B,KAAKu7B,UAEtD2B,EAAanL,YAAY,KACxBuH,EAAQ4D,EAAanL,cACH,UAApBuH,EAAMqE,eAKJ9nB,EAAiByjB,EAAMrjB,cACnB3I,OAAOgsB,KACPsE,YAAYtE,EAAOzjB,EAAgBqnB,UANjCQ,cAAcpE,EAAOA,EAAMrjB,YAAainB,KAC5CvvB,cASLkuB,cAAcgC,kBAEb/1B,EAAQ9H,KAAK27B,WAAWnZ,QAAQxiB,KAAK67B,kBACvC/zB,EAAQ,EAAG,KACPvI,EAAOS,KAAK67B,cAAcY,eAC3BZ,cAAgB77B,KAAK27B,WAAW7zB,EAAQ,QACxC6zB,WAAWzzB,OAAOJ,EAAO,UACvB9H,KAAK47B,UAAUr8B,KAGdu+B,0DAOIvE,YAETsC,cAAgB77B,KAAK27B,WAAW37B,KAAK27B,WAAW/8B,OAAS,KAEpD4+B,kBAAkB,oBACrBx9B,KAAK27B,WAAW/8B,OAAS,QACzBm/B,WAAWxE,KAERuE,0DAUKv+B,OACTo9B,EAAQ38B,KAAK47B,UAAUr8B,WACzBo9B,IACE38B,KAAK67B,oBACFA,cAAcmC,kBAEhBnC,cAAgBc,OAChBd,cAAcoC,YACZ,mDAYLj+B,KAAK67B,eAAiB77B,KAAKw8B,eAAiB,EAAG,KAC3C0B,EAAgBl+B,KAAK67B,cAAcgC,0BACpCT,iBACEc,SAEF,mDASFvC,mBACAC,qBAjbsBhD,EAkbrBuF,EAAcn+B,KAAKu7B,SAASrK,WAAWtyB,OAEvCw/B,KAAcC,KAChB1B,EAAQ,KACR2B,GAAc,EACT3tB,EAAI,EAAGA,EAAIwtB,IAAextB,EAAG,KAC9B2oB,EAAQt5B,KAAKu7B,SAASrK,WAAW/oB,KAAKwI,MAExC2oB,GAA4B,IAAnBA,EAAMrI,YACK,MAAlBqI,EAAMvjB,QAAiB,IACX,MACRxW,EA5bP+L,GAAE,QADoBstB,EA6baU,GA5bjB/rB,SACtBmC,KAAakpB,EAAM2F,iBAEhBjzB,GAAEstB,EAAM2F,iBAAiB,UAAUhxB,OACnC,IAybMhO,KACS6I,KAAK7I,KACR,IAAIo5B,GAAMp5B,EAAM+5B,QACnBqC,WAAWvzB,KAAKu0B,QAChBf,UAAUr8B,GAAQo9B,KAGfv0B,KAAKkxB,QAENqB,GAAS3uB,SAASstB,EAAMhO,aAEzBljB,KAAKkxB,GAMf8E,EAAQx/B,OAAS,IAAM0/B,MACjB,IAAI3F,GAAMwC,GAAgBkD,GAAa,KAAMr+B,KAAKu7B,WACpDiD,eAAeJ,QAChBzC,WAAWvzB,KAAKu0B,QAChBf,UAAUr8B,MAAQo9B,KAEjBsB,gBAEHpC,cAAgBc,sCAWVp9B,EAAMg6B,GACbv5B,KAAK67B,oBACFA,cAAcmC,mBAGRv8B,IAATlC,GAA+B,OAATA,GAA0B,KAATA,GAAeS,KAAK47B,UAAUr8B,QAChE47B,GAAgBhqB,OAAOiE,KAAKpV,KAAK47B,iBAIpCe,EAAQ,IAAIhE,GAAMp5B,EAAM,KAAMS,KAAKu7B,iBAErChC,MACQiE,kBAAkB,kBAClBiB,cAAc9B,EAAMD,cACpBoB,wBAGPnC,WAAWvzB,KAAKu0B,QAChBf,UAAUr8B,GAAQo9B,OAClBd,cAAgBc,EACdA,EAAMD,8CAUHn9B,EAAMg6B,OACXv5B,KAAK67B,qBAAwB,UAC7BA,cAAcmC,mBAENv8B,IAATlC,GAA+B,OAATA,GAA0B,KAATA,GAAeS,KAAK47B,UAAUr8B,QAChE47B,GAAgBhqB,OAAOiE,KAAKpV,KAAK47B,qBAIpCsB,EAAel9B,KAAK67B,cAAca,WAClCC,EAAQ,IAAIhE,GAAMp5B,EAAM29B,EAAcl9B,KAAKu7B,UAC3C3C,EAAQ+D,EAAMD,WAGdzJ,EAAWiK,EAAahM,WACrBppB,EAAQ,EAAGA,EAAQmrB,EAASr0B,OAAQkJ,IAAS,KAC9C42B,EAAKzL,EAASnrB,GACC,UAAjB42B,EAAGf,aACDrwB,OAAOtN,KAAK2+B,SAASD,IAGzBnF,MACQiE,kBAAkB,qBAClBiB,cAAc7F,KACdkF,uBAINh2B,EAAQ9H,KAAK27B,WAAWnZ,QAAQxiB,KAAK67B,sBACvC/zB,GAAS,OACN6zB,WAAWzzB,OAAOJ,EAAQ,EAAG,EAAG60B,QAEhChB,WAAWvzB,KAAKu0B,QAElBf,UAAUr8B,GAAQo9B,OAClBd,cAAgBc,EACd/D,6CASWgG,OACZjC,EAAQ38B,KAAK47B,UAAUgD,WACtBjC,GAAQA,EAAMkC,uDAYHD,EAAWE,MACL,kBAAbA,SACF,SAEHnC,EAAQ38B,KAAK47B,UAAUgD,UACxBjC,KACCoC,WAAWD,GACVnC,EAAMD,YAFQ,6CAWNkC,OACTjC,EAAQ38B,KAAK47B,UAAUgD,UACxBjC,EACEA,EAAM9S,aADQ,6CAgBN+U,EAAWvF,QACH,iBAAZA,GAAwBA,EAAU,GAAOA,EAAU,QAGxDsD,EAAQ38B,KAAK47B,UAAUgD,GACzBjC,KACIqC,WAAW3F,qCASX4F,OACFC,EAAOl/B,YL2mBO,SAAX2+B,EAAqBM,EAAIrV,OAE9BuV,EAAQngC,SAAS8G,gBAAgBm5B,EAAGpuB,aAAcouB,EAAG3T,gBACzDjP,KAAK4iB,EAAGr4B,WAAY,SAAU+J,EAAGN,GACV,yBAAnBA,EAAKstB,aACDnM,eAAenhB,EAAKQ,aAAcR,EAAKib,SAAUjb,EAAKE,WAI1DiH,gBAAgB,QAChBnE,GAAKuW,IAIPja,KAA8B,SAAhBsvB,EAAG3T,SAAqB,KAClC8T,EAASxZ,GAAYqZ,KACrBl5B,aAAa,IAAKq5B,SAIxB/iB,KAAK4iB,EAAG/N,WAAY,SAAUvgB,EAAG2oB,UACzBA,EAAMrI,eACT,IACG3jB,OAAOqxB,EAASrF,EAAO1P,eAE1B,IACGpc,YAAc8rB,EAAM+F,aAO1B/zB,GAAE2zB,GAAIpM,KAAK,WACXsM,GAAOtM,KAAK,OAAQsM,EAAMpN,iBACvB,GAAIzmB,GAAE2zB,GAAIpM,KAAK,UAAW,KACzBD,EAAMtnB,GAAE2zB,GAAIpM,KAAK,aACrBsM,GAAOtM,KAAK,MAAOD,GAAKC,KAAK,SAAUD,OACd,UAAlBuM,EAAMppB,YACKopB,UAGfA,EKnpBEG,CAAaL,EADK,kBAAqBC,EAAKtV,uBAa1C2V,GAAe,SAAUC,EAAqBC,QACvB,IAAxBD,EACN5E,GAAeoB,gBACfpB,GAAeqB,oBAEHrB,GAAeqB,kBAAqBwD,EAAeC,WAExD7E,KAAYD,GAAeoB,iBAAmByD,EAAeC,cACvDC,eAFAzD,SAASjyB,KAAKukB,MAAsB,OAAhBvkB,KAAKouB,YAoExC4C,UAMS9e,GAAO,SAAU4Q,MAClBA,GAQCqQ,GAAiB,mBAEpBwC,oBAAoBxC,kBAoNjByC,GAAe,eACpBrvB,EAAMuqB,GAAcn8B,UACtB4R,EAAK,KACF,IAAIG,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtBC,EAAOmqB,GAAcpqB,GACrBmvB,EAAO7E,GAAQ8E,OAAOnvB,EAAM,aACrB,IAATkvB,IACG/5B,aAAa,UAAW+5B,KAExBtoB,gBAAgB,aAElBzR,aAAa,QAAS,oCAGrBge,gBAAe,MACfvC,KAAK,aAAc,SAErBwe,gBAAgB,OAUbC,GAAa,SAAUrvB,QAEd,iBAATA,MACF4M,GAAQ5M,OAITovB,gBAAgBpvB,MAGtBA,GAAMsvB,aAAa,eAAeC,UAAUC,WAAW/jB,KAAK,eACtDgkB,EAAOrgC,KAAKgG,aAAa,YAAc,KAErC+5B,OAAO//B,KAAM,YAAaqgC,QAC7Bt6B,aAAa,UAAkB,IAAPs6B,QACxBt6B,aAAa,QAAS,2BACbqC,KAAKpI,WAGb+jB,oBACAvC,KAAK,aAAcyZ,GAAQqF,uGAtPV,SAAU/gC,EAAMg6B,OACnCgH,EAAWtF,GAAQ2E,oBAAoBY,YAC3CjhC,EACAy7B,GAAwBzB,OAElBxV,oBACAvC,KAAK,WAAY+e,gBAaD,SAAUhhC,EAAMg6B,OAElCgH,EAAWtF,GAAQ2E,oBAAoBa,WAAWlhC,EAAMy7B,GAAwBzB,OAE9ExV,yBAEAvC,KAAK,WAAY+e,wBAUO,eAC5BG,EAAezF,GAAQ2E,oBAAoBe,kBACxC1qB,EAAeyqB,EAAfzqB,YACDW,EAAS8pB,EAAavqB,gBACb8kB,GAAQ2E,oBAAoBgB,qBACzB,KACV/nB,EAAW,IAAIlB,GAAa,yBAEzBoB,cAAc,IAAIhC,GAAqB2pB,EAAczqB,EAAaW,OACnEyU,oBAAoBxS,MACpBkL,oBACAvC,KAAK,WAAY5K,KAClB,SAEF,mBAUsB,SAAUrX,OACjCiW,EAASylB,GAAQ2E,oBAAoBvC,gBAAgBnP,GAAM3uB,WAC7DiW,MACMuO,iBAEHvO,sBAYyB,SAAUqrB,OACpCC,EAAU7F,GAAQ2E,oBAClBjD,EAAQmE,EAAQH,qBAClBhE,GACamE,EAAQC,oBAAoBF,EAAS7F,gBAE1CxZ,KAAK,WAAYmb,KAClB,SAGJ,2BAY8B,SAAUqE,OAEzCxrB,EADUylB,GAAQ2E,oBACDqB,wBAAwBD,WAC3CxrB,OACM6V,oBAAoB,IAAIzV,GAAmBJ,EAAO0nB,aAAc1nB,EAAOK,eAAgBolB,GAAQtJ,mBAChG,uBAauB,SAAUiN,EAAWE,OAC/CgC,EAAU7F,GAAQ2E,oBAClBsB,EAAiBJ,EAAQK,mBAAmBvC,GAC5CjC,EAAQmE,EAAQM,mBAAmBxC,EAAWE,OAChDnC,SAIK,MAHD0E,EAAaH,EAAiB,SAAW,iBACvC7V,oBAAoB,IAAInU,GAAqBylB,GAAQ2E,QAASD,GAAa,qBAKjF1E,IAAUmE,EAAQH,uBACZ5c,oBACA2C,YAAY/J,UAGf,uBAU0B,SAAUiiB,OAGrCjC,EADU1B,GAAQ2E,oBACF2B,eAAe3C,OAChCjC,SAAgB,UAEf9jB,EAAW,IAAIlB,GAAa,0BAG5B6pB,EAAWvG,GAAQ9P,sBACrBxa,EAAI6wB,EAAS5iC,OACV+R,KAAK,KACJC,EAAO4wB,EAAS7wB,MACjBC,OACCiF,EAAiBjF,EAAKqF,YAEtBwrB,EAAW7wB,EAAKuF,aAChB7I,OAAOsD,KACJmI,cAAc,IAAInD,GAAmBhF,EAAMiF,EAAgB4rB,eAG9DpW,oBAAoBxS,IAErB,cAQiB,SAAU0gB,MAC1BqG,oBAAoB7B,WAAW/C,GAAwBzB,OACvDxV,yBAEA2d,mCAQoB,SAAUnI,MAC9BqG,oBAAoB+B,eAAe3G,GAAwBzB,OAC3DxV,yBAEA2d,6DCr8BJE,GAAaziC,IAGb0iC,OAEA,QAAS,YAAa,YAAa,OAAQ,eAAgB,YAAa,SAAU,KAAM,OAAQ,UAAW,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,YAAa,aAAc,uBAC3S,QAAS,YAAa,YAAa,KAAM,KAAM,OAAQ,eAAgB,YAAa,SAAU,KAAM,OAAQ,UAAW,IAAK,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,uBACxT,QAAS,gBAAiB,qBAE7B,yBAEE,QAAS,YAAa,YAAa,KAAM,KAAM,OAAQ,eAAgB,YAAa,SAAU,KAAM,OAAQ,UAAW,mBAAoB,KAAM,KAAM,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,6BAC1T,QAAS,8BAA+B,KAAM,mBAAoB,wBAC1E,QAAS,8BAA+B,YAAa,cAAe,SAAU,KAAM,iBAAkB,mBAAoB,QAAS,IAAK,aAAc,oBAC/I,QAAS,YAAa,SAAU,KAAM,UAAW,mBAAoB,QAAS,YAAa,QAAS,IAAK,QACrH,QAAS,YAAa,YAAa,KAAM,UAAW,OAAQ,eAAgB,YAAa,SAAU,OAAQ,UAAW,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,YAAa,cAAe,YAAa,aAAc,cAAe,sBACtX,QAAS,YAAa,YAAa,SAAU,SAAU,KAAM,OAAQ,UAAW,mBAAoB,QAAS,iBAAkB,YAAa,QAAS,IAAK,aAAc,cAAe,WACxL,QAAS,YAAa,YAAa,OAAQ,eAAgB,YAAa,SAAU,KAAM,aAAc,aAAc,eAAgB,OAAQ,UAAW,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,YAAa,KAAM,KAAM,KAAM,sBAC1W,QAAS,KAAM,oBAAqB,gBAAiB,mBAAoB,eAAgB,iBAAkB,KAAM,KAAM,aAAc,KAAM,cACnJ,KAAM,QAAS,eAAgB,cAAe,cAAe,SAAU,sBAAuB,OAAQ,OAAQ,iBAAkB,iBAClI,QAAS,SAAU,KAAM,mBAAoB,YAAa,QAAS,IAAK,eACpE,QAAS,YACb,QAAS,YAAa,YAAa,IAAK,OAAQ,eAAgB,YAAa,SAAU,KAAM,aAAc,aAAc,eAAgB,OAAQ,UAAW,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,sBACvV,QAAS,SAAU,KAAM,sBAAuB,mBAAoB,eAAgB,mBAAoB,QAAS,iBAAkB,UAAW,QAAS,IAAK,aAAc,cAC1K,QAAS,YAAa,YAAa,KAAM,OAAQ,eAAgB,YAAa,SAAU,KAAM,QAAS,aAAc,aAAc,eAAgB,OAAQ,UAAW,SAAU,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,uBAC7W,QAAS,YAAa,YAAa,KAAM,OAAQ,eAAgB,YAAa,SAAU,aAAc,aAAc,eAAgB,OAAQ,UAAW,SAAU,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,6BACzV,QAAS,KAAM,KAAM,KAAM,KAAM,oBAAqB,gBAAiB,KAAM,IAAK,mBAAoB,eAAgB,iBAAkB,oBAClJ,QAAS,YAAa,YAAa,OAAQ,eAAgB,YAAa,SAAU,SAAU,KAAM,OAAQ,UAAW,mBAAoB,KAAM,KAAM,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,YAAa,QAAS,IAAK,WAC1V,QAAS,KAAM,SAAU,mBAAoB,aAAc,eAAgB,QAAS,uBACrF,QAAS,YAAa,YAAa,SAAU,KAAM,SAAU,OAAQ,sBAAuB,mBAAoB,QAAS,iBAAkB,UAAW,QAAS,IAAK,QAAS,WAAY,cAAe,aACrM,QAAS,KAAM,mBAAoB,0BACnC,QAAS,OAAQ,eAAgB,YAAa,SAAU,cAAe,YAAa,aAAc,cAAe,KAAM,UAAW,sBAAuB,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,YAAa,iBACtW,QAAS,YAAa,YAAa,OAAQ,eAAgB,YAAa,SAAU,cAAe,YAAa,aAAc,cAAe,KAAM,OAAQ,UAAW,mBAAoB,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,cAAe,YAAa,IAAK,YAAa,eAC5Y,QAAS,KAAM,SAAU,mBAAoB,UAAW,cAAe,QAAS,iBAAkB,YAAa,8BAElH,QAAS,YAAa,YAAa,KAAM,KAAM,OAAQ,eAAgB,YAAa,SAAU,cAAe,YAAa,aAAc,cAAe,KAAM,OAAQ,UAAW,mBAAoB,SAAU,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,iBAAkB,cAAe,aAAc,YAAa,IAAK,YAAa,UACtb,QAAS,YAAa,YAAa,OAAQ,eAAgB,YAAa,SAAU,SAAU,KAAM,OAAQ,SAAU,mBAAoB,oBAAqB,iBAAkB,kBAAmB,oBAAqB,iBAAkB,eAAgB,QAAS,YAAa,QAAS,IAAK,aAAc,iBAGpS,8BACM,qBACT,aAAc,QAAS,mBAC1B,QAAS,KAAM,UAAW,mBACtB,6BAEH,qBACH,0CAGA,QAAS,SAAU,UAAW,UAAW,SAAU,8BAE9C,SAAU,QAAS,SAAU,QAAS,qDAIzC,aAAc,aAAc,uBAC1B,QAAS,SAAU,0BAEnB,eAAgB,iBAAkB,YAAa,cAAe,kDAI9D,QAAS,cAAe,cAAe,gBAAiB,eAAgB,eAAgB,YAAa,QAAS,WAAY,WAAY,aAAc,cACvJ,cAAe,aAAc,WAAY,yBAEzC,cAAe,0DAQjBC,MACN3wB,OAAO9R,QAAQwiC,IAAeviC,QAAQ,yBAAWyiC,OAAKtkB,OAC9CukB,YACC3iC,QAAQoe,GAAMne,QAAQ,yBAAc2iC,iBACrCA,EAAIj2B,SAAS,KAAM,KACfwhB,EAAIyU,EAAIxvB,MAAM,OACd+a,EAAE,IAAMtuB,EAAIsuB,EAAE,GAAIva,sBAElBgvB,GAAe,UAARA,EAAkB/iC,EAAGi9B,MAAQ,UAG9B4F,GAAOC,IAUlB,IAAME,GAAc,SAAdA,EAAwBC,MAEb,IAAlBA,EAAKlR,aAEFoO,UAAY8C,EAAK9C,UAAU9sB,QAAQ,aAAc,IAEjD4vB,EAAK9C,UAAUzgC,UACb+O,UAMa,IAAlBw0B,EAAKlR,cAIHmR,EAAMD,EAAKrQ,cACXlb,EAASurB,EAAKhsB,cAEfisB,GAAQxrB,OAIPyrB,EAAeR,GAAcM,EAAK7W,UAClCgX,EAAiBR,GAAgBK,EAAK7W,kBAEhB,IAAjB+W,EAA8B,SACjCE,KACF5xB,EAAIwxB,EAAKv7B,WAAWhI,OACjB+R,KAAK,KAGJN,EAAO8xB,EAAKv7B,WAAWuB,KAAKwI,GAC5B+H,EAAWrI,EAAKib,SAChBkX,EAAgBnyB,EAAKstB,UACrB8E,EAAYpyB,EAAKQ,gBAGjByxB,EAAeniB,eAAeqiB,IAAkBC,IAAcH,EAAeE,IAAkBC,IAAcvjC,EAAGi9B,OAClHsG,IAAcvjC,EAAGi9B,OAASyF,GAAWvxB,EAAKE,UAIxCmI,EAAS2O,WAAW,QAAU3O,EAAS2O,WAAW,aAC5Cjf,MAAMsQ,EAAUrI,EAAKE,UAE1BmyB,kBAAkBD,EAAWD,IAIhC5yB,WACM8I,OACH,gBACA,wBACA,uBACGtH,EAAMf,EAAKE,MAAMgC,QAAQ,SAAU,UACpCxM,aAAa2S,EAAUtH,MAMf,UAAbsH,EAAsB,SAClBiqB,EAAQtyB,EAAKE,MAAMkC,MAAM,KAC3BkG,EAAIgqB,EAAM/jC,OACP+Z,KAAK,OACUgqB,EAAMhqB,GAAGlG,MAAM,cAA5BlT,OAAM6R,OACPwxB,GAAiBrjC,GAAQ,IAAIsjC,OAC7BC,GAAgB1xB,GAAO,IAAIyxB,OAE7BR,EAAar2B,SAAS42B,MACnB78B,aAAa68B,EAAeE,KAGhCtrB,gBAAgB,iBAIlB1E,OAAOyvB,GAASjjC,QAAQ,yBAAE2iC,OAAK7wB,SAC/BogB,eAAetyB,EAAG68B,GAAIkG,EAAK7wB,SAK5BqnB,EAAOnhB,GAAQ6qB,MACjB1J,IACD,SAAU,iBAAkB,UAC3B,iBAAkB,WAAY,OAAOzsB,SAASm2B,EAAK7W,WAErC,MAAZmN,EAAK,QAEC0J,EAAM,MACTO,kBAAkBxjC,EAAGoyB,MAAO,SAKf,QAAlB6Q,EAAK7W,WAAuBhU,GAAQ6qB,iBACjCx0B,oBAKAmF,QAAQ,YAAa,OAAQ,SAAU,aAAc,aAAc,eAAgB,OAAQ,UAAW,SAAUzC,OACjHe,EAAM+wB,EAAKn8B,aAAaqK,GACxBe,MACI+f,GAAe/f,KAEC,MAAXA,EAAI,OACRrL,aAAasK,EAAM,MACnBmH,gBAAgBnH,QAMvB8xB,EAAKjR,WAAWtyB,OACb+R,OAAmBwxB,EAAKjR,WAAW/oB,KAAKwI,QAE1C,SAGCsiB,KACCkP,EAAKY,mBACD36B,KAAKwO,EAAOL,aAAa4rB,EAAKpQ,WAAYoQ,MAIhDx0B,iBAGDgD,EAAIsiB,EAASr0B,OACV+R,OAAmBsiB,EAAStiB,QC/NjCrF,GAAIC,OAGJoa,IAAW,EAAG,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IACpE,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAkBjCzJ,GAAiB,KAeR6M,GAAe,SAAUhJ,EAAUjH,EAASvH,WACjDyxB,EAAQ,SAAUrhC,EAAGC,UAAYoX,GAAerX,EAAGC,EAAG2P,IAC1D0xB,EAAS,SAAUppB,UAAYtI,EAAEnC,EAAIyK,GACrCqpB,EAAS,SAAUppB,UAAYvI,EAAEhC,EAAIuK,GACrCqpB,EAAajnB,GAAe6L,mBAAkE,QAA7ChI,EAAS5J,WAAWA,WAAWwnB,UAChFyF,EAAW,cACLD,MACG,IAAME,KAAKvqB,IACNuqB,GAAKrb,GAAWlP,EAAQuqB,OAGnBtjB,EAAUjH,EAAS,KAAM,IAE5CuM,EAAMvX,GAAQiS,GAEPpP,EAAI,EAAGA,EAAI,EAAGA,IAAK,KACpBvS,EAAa,IAANuS,EAAU,OAAS,SAC1B8a,EAAU1L,EAAS/Z,aAAa5H,MAClCqtB,GAAWA,EAAQpE,WAAW,UAC5B9V,EAAEnC,EAAI,GAAKmC,EAAEhC,EAAI,GAAG,KAEhBwc,EADOJ,GAAWF,GACHnd,WAAU,MAC3BiD,EAAEnC,EAAI,EAAG,KAEL/M,EAAK0pB,EAAQ/lB,aAAa,MAC1BzD,EAAKwpB,EAAQ/lB,aAAa,QACxBD,aAAa,OAAQ1D,EAAK,MAC1B0D,aAAa,OAAQxD,EAAK,OAGhCgP,EAAEhC,EAAI,EAAG,KAELjN,EAAKypB,EAAQ/lB,aAAa,MAC1BxD,EAAKupB,EAAQ/lB,aAAa,QACxBD,aAAa,OAAQzD,EAAK,MAC1ByD,aAAa,OAAQvD,EAAK,MAE5B6Q,GAAK6I,GAAeonB,aAAa1Z,iBAC9Btc,OAAOye,KACThmB,aAAa3H,EAAM,QAAU2tB,EAAQ1Y,GAAK,UAUnDkwB,EAASxjB,EAAShK,WACT,MAAXwtB,GAA6B,SAAXA,GAAgC,UAAXA,GAAiC,QAAXA,KAEnD,IAARhyB,EAAEnC,GAAmB,IAARmC,EAAElC,GAAmB,IAARkC,EAAEjC,GAAmB,IAARiC,EAAEhC,GAAoB,IAARgC,EAAE/B,GAAmB,IAAR+B,EAAE9B,EAOjE,KAEC+zB,EAAS9vB,EAAiBqM,GAC1B0jB,EAAKvnB,GAAemD,aAAatQ,uBACpC20B,UAAUxqB,GAAeqB,GAAyBipB,GAAQr0B,OAAQoC,MAC9DoL,UACA3N,WAAWy0B,OAb8D,KAG1EE,EAAWppB,GAAyBwF,GAAU5Q,OAClDy0B,EAAO1qB,GAAeyqB,EAAS1f,UAAW1S,EAAGoyB,KACvChiC,EAAIoR,WAAW+F,EAAQnX,GAAKiiC,EAAKp0B,IACjC5N,EAAImR,WAAW+F,EAAQlX,GAAKgiC,EAAKn0B,SAarC8zB,OACH,oBACA,WACA,WAEY,UAAXA,IAAuBhyB,EAAEnC,EAAI,GAAKmC,EAAEhC,EAAI,GAAI,KAExCi0B,EAAS9vB,EAAiBqM,GAC1B0jB,EAAKvnB,GAAemD,aAAatQ,uBACpC20B,UAAUxqB,GAAeqB,GAAyBipB,GAAQr0B,OAAQoC,MAC9DoL,UACA3N,WAAWy0B,OACb,KACC7X,EAAMoX,EAAMlqB,EAAQnX,EAAGmX,EAAQlX,KAC7BuM,MAAQ80B,EAAOnqB,EAAQ3K,SACvBJ,OAASm1B,EAAOpqB,EAAQ/K,UACxBpM,EAAIiqB,EAAIjqB,EAAIsI,KAAKkQ,IAAI,EAAGrB,EAAQ3K,SAChCvM,EAAIgqB,EAAIhqB,EAAIqI,KAAKkQ,IAAI,EAAGrB,EAAQ/K,UAChCI,MAAQlE,KAAKuP,IAAIV,EAAQ3K,SACzBJ,OAAS9D,KAAKuP,IAAIV,EAAQ/K,kBAIpC,IAAK,cACCuB,EAAI0zB,EAAMlqB,EAAQrH,GAAIqH,EAAQpH,MAC5BD,GAAKnC,EAAE3N,IACP+P,GAAKpC,EAAE1N,IACPoyB,GAAKiP,EAAOnqB,EAAQkb,MACpBC,GAAKiP,EAAOpqB,EAAQmb,MACpBD,GAAK/pB,KAAKuP,IAAIV,EAAQkb,MACtBC,GAAKhqB,KAAKuP,IAAIV,EAAQmb,cAG9B,IAAK,aACC3kB,EAAI0zB,EAAMlqB,EAAQrH,GAAIqH,EAAQpH,MAC5BD,GAAKnC,EAAE3N,IACP+P,GAAKpC,EAAE1N,MAETiiC,EAAOlqB,GAAa0L,EAAI1jB,EAAG0jB,EAAIzjB,EAAGyjB,EAAIlX,MAAOkX,EAAItX,OAAQwD,GACzDsI,EAAIgqB,EAAK9pB,GAAGpY,EAAIkiC,EAAKvwB,GAAG3R,EAAGmY,EAAI+pB,EAAK7pB,GAAGpY,EAAIiiC,EAAKvwB,GAAG1R,IACjDmjB,EAAI9a,KAAKkQ,IAAIN,EAAI,EAAGC,EAAI,GAE5BhB,EAAQiM,MAAaA,EAAI9a,KAAKuP,IAAIV,EAAQiM,cAG9C,IAAK,WACC6G,EAAMoX,EAAMlqB,EAAQzW,GAAIyW,EAAQxW,IAChCupB,EAAMmX,EAAMlqB,EAAQvW,GAAIuW,EAAQtW,MAC9BH,GAAKupB,EAAIjqB,IACTW,GAAKspB,EAAIhqB,IACTW,GAAKspB,EAAIlqB,IACTa,GAAKqpB,EAAIjqB,MAEd,WACA,YACA,gBAGH,IAAK,QACCkiC,EAAOx4B,GAAEyU,GAAU8S,KAAK,QAC1BiR,MACeA,EAAMhrB,EAAS,KAAM,SAGxC,IAAK,eACF,kBACGtI,EAAMsI,EAAQtO,OAAO5L,OAClB+R,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBuM,EAAKpE,EAAQtO,OAAOmG,KACXqyB,EAAM9lB,EAAGvb,EAAGub,EAAGtb,GAAvBD,IAAAA,EAAGC,IAAAA,IACF4I,OAAOmG,GAAGhP,EAAIA,IACd6I,OAAOmG,GAAG/O,EAAIA,UAIpBmiC,EAAO,GACFpzB,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBuM,EAAKpE,EAAQtO,OAAOmG,MAClBuM,EAAGvb,EAAI,IAAMub,EAAGtb,EAAI,MAErBmE,aAAa,SAAUg+B,SAEhC,IAAK,WACCrlB,EAAUqB,EAAS7Z,YACrBsK,EAAMkO,EAAQvY,gBACVoJ,SACH,IAAIoB,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtB9D,EAAM6R,EAAQzP,QAAQ0B,KACpBpB,EAAEoB,SACF9D,EAAIhN,cACPgN,EAAIlL,IACJkL,EAAIjL,KACHiL,EAAIxK,MACJwK,EAAIvK,MACJuK,EAAItK,MACJsK,EAAIrK,MACJqK,EAAI5J,MACJ4J,EAAI3J,SACD2J,EAAI1J,mBACG0J,EAAIzJ,uBACPyJ,EAAIxJ,aAIbyV,EAAQvJ,EAAE3Q,WACVolC,EAAWlrB,EAAQvJ,EAAE,GACzB00B,EAAYjB,EAAMgB,EAASriC,EAAGqiC,EAASpiC,KACjC2N,EAAE,GAAG5N,EAAIsiC,EAAUtiC,IACnB4N,EAAE,GAAG3N,EAAIqiC,EAAUriC,MACtB,IAAI+O,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtB9D,EAAMiM,EAAQvJ,EAAEoB,MACP9D,EAARzO,KAGI,GAAM,EAAG,KAGZ8e,EAAK8lB,OAFcvhC,IAAVoL,EAAIlL,EAAmBkL,EAAIlL,EAAIsiC,EAAUtiC,OACnCF,IAAVoL,EAAIjL,EAAmBiL,EAAIjL,EAAIqiC,EAAUriC,GAE9CgqB,EAAMoX,EAAMn2B,EAAIxK,GAAIwK,EAAIvK,IACxBupB,EAAMmX,EAAMn2B,EAAItK,GAAIsK,EAAIrK,MAC1Bb,EAAIub,EAAGvb,IACPC,EAAIsb,EAAGtb,IACPS,GAAKupB,EAAIjqB,IACTW,GAAKspB,EAAIhqB,IACTW,GAAKspB,EAAIlqB,IACTa,GAAKqpB,EAAIjqB,IACTqB,GAAKggC,EAAOp2B,EAAI5J,MAChBC,GAAKggC,EAAOr2B,EAAI3J,WAEhBvB,EAAIshC,EAAOp2B,EAAIlL,KACfC,EAAIshC,EAAOr2B,EAAIjL,KACfS,GAAK4gC,EAAOp2B,EAAIxK,MAChBC,GAAK4gC,EAAOr2B,EAAIvK,MAChBC,GAAK0gC,EAAOp2B,EAAItK,MAChBC,GAAK0gC,EAAOr2B,EAAIrK,MAChBS,GAAKggC,EAAOp2B,EAAI5J,MAChBC,GAAKggC,EAAOr2B,EAAI3J,QAIpBghC,GAAO,KACLprB,EAAQvJ,EAAE3Q,WACX,IAAI+R,GAAI,EAAGA,GAAIH,IAAOG,GAAG,KACtB9D,GAAMiM,EAAQvJ,EAAEoB,IACfvS,GAAQyO,GAARzO,gBACCunB,GAAQvnB,IACRA,SACH,QACA,OACKyO,GAAIlL,EAAI,eAEb,QACA,OACKkL,GAAIjL,EAAI,eAEb,OACA,OACA,QACA,OACA,OACA,OACKiL,GAAIlL,EAAI,IAAMkL,GAAIjL,EAAI,eAE3B,OACA,MACKiL,GAAIxK,GAAK,IAAMwK,GAAIvK,GAAK,IAAMuK,GAAItK,GAAK,IAAMsK,GAAIrK,GAAK,IAC5DqK,GAAIlL,EAAI,IAAMkL,GAAIjL,EAAI,eAErB,OACA,MACKiL,GAAIxK,GAAK,IAAMwK,GAAIvK,GAAK,IAAMuK,GAAIlL,EAAI,IAAMkL,GAAIjL,EAAI,eAEzD,QACA,OACKiL,GAAI5J,GAAK,IAAM4J,GAAI3J,GAAK,IAAM2J,GAAI1J,MAAQ,MAAQ0J,GAAIzJ,aAC5D,MAAQyJ,GAAIxJ,UAAa,IAAMwJ,GAAIlL,EAAI,IAAMkL,GAAIjL,EAAI,eAEpD,QACA,OACKiL,GAAItK,GAAK,IAAMsK,GAAIrK,GAAK,IAAMqK,GAAIlL,EAAI,IAAMkL,GAAIjL,EAAI,OAKvDmE,aAAa,IAAKm+B,MChSzB54B,GAAIsiB,EAAYriB,QAElB44B,UAoCSC,GAAiB,SAAU/zB,EAAMg0B,EAAIC,OAC1C33B,EAAOgf,GAAWtb,GAAM0hB,WACxBwS,EAAU7wB,EAAiB/G,GAC3B63B,EAAWL,GAAS9kB,aAAatQ,uBAC9B01B,aAAaJ,EAAIC,KAElBt1B,WAAWw1B,MAGG73B,IASX+3B,GAAwB,SAAxBA,EAAkC3kB,MAC7B,MAAZA,SAA2B,QAGL,QAAtBA,EAASuL,UAAsB3f,UAAUH,UAAUQ,SAAS,qBACvD,SAGHmB,EAAUg3B,GAAS9kB,aACnB3F,EAAQhG,EAAiBqM,MAG3BrG,GAASA,EAAMvT,cAAgB,EAAG,SAChCw+B,EAAIjrB,EAAMvT,cACRy+B,EAAMD,EACLA,KAAK,KACJrzB,EAAQoI,EAAMzK,QAAQ01B,MACT,IAAfrzB,EAAMlT,OACFgI,WAAWu+B,QAEZ,GAAmB,IAAfrzB,EAAMlT,SACX6a,GAAW3H,EAAMnC,QAAS,IAChB,IAARy1B,WAKOptB,gBAAgB,aAClB,OAEHpR,WAAWu+B,SAGK,IAAfrzB,EAAMlT,MACK,IAAhBkT,EAAMnO,SACFiD,WAAWu+B,MAKK,IAAxBjrB,EAAMvT,eACNsR,GAAiBsI,UAAoB,SAItCrG,GAAiC,IAAxBA,EAAMvT,uBAETJ,aAAa,YAAa,MAE1ByR,gBAAgB,aAElB,QAILkC,EAAO,SACLmrB,KACAF,EAAIjrB,EAAMvT,cACPw+B,KAAK,KACJrzB,EAAQoI,EAAMzK,QAAQ01B,GACT,IAAfrzB,EAAMlT,OACJgK,MAAMkJ,EAAMnC,OAAQw1B,IACfE,EAAIjmC,kBAIE,IAAfimC,EAAIjmC,OAAc,KACdkmC,EAAO33B,EAAQqN,6BAA6BtB,GAAe2rB,EAAI,GAAG,GAAIA,EAAI,GAAG,OAC7Ez+B,WAAWy+B,EAAI,GAAG,MAClBz+B,WAAWy+B,EAAI,GAAG,MAClB53B,iBAAiB63B,EAAMD,EAAI,GAAG,UAIlCnrB,EAAMvT,gBACD,GAAmC,IAA9BuT,EAAMzK,QAAQ01B,EAAI,GAAGvmC,MAA4C,IAA9Bsb,EAAMzK,QAAQ01B,EAAI,GAAGvmC,KAAY,KAC1EqlC,EAAKt2B,EAAQ4B,qBAEbwC,EAAI2H,GACRQ,EAAMzK,QAAQ01B,EAAI,GAAGx1B,OACrBuK,EAAMzK,QAAQ01B,EAAI,GAAGx1B,UACpBu0B,UAAUnyB,KACPnL,WAAWu+B,EAAI,KACfv+B,WAAWu+B,EAAI,KACf31B,WAAWy0B,WAKb1jB,EAAShK,aAEZ,WACA,eACA,cACA,wBAG0B,IAAxB2D,EAAMvT,eAAiD,IAA1BuT,EAAMzK,QAAQ,GAAG7Q,MACtB,IAAxBsb,EAAMvT,eAAiD,IAA1BuT,EAAMzK,QAAQ,GAAG7Q,MAAwC,IAA1Bsb,EAAMzK,QAAQ,GAAG7Q,YACzE,SAKL0lC,EAAOx4B,GAAEyU,GAAU8S,KAAK,QAGxBha,EAAW,IAAIlB,GAAa,aAG9BmB,KACAisB,EAAU,KACV5tB,YACI4I,EAAShK,aACZ,UACM,KAAM,KAAM,KAAM,gBAExB,YACM,KAAM,KAAM,eAElB,aACM,KAAM,KAAM,KAAM,gBAExB,oBACA,WACA,WACM,QAAS,SAAU,IAAK,eAE9B,UACA,WACA,WACM,IAAK,eAEX,cACA,kBAEKvL,OAASuV,EAAS/Z,aAAa,cACjCwW,EAAOuD,EAASvV,OAChBgG,EAAMgM,EAAKrW,gBACTqE,OAAS,IAAIsG,MAAMN,OACtB,IAAIG,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBuM,EAAKV,EAAKvN,QAAQ0B,KAChBnG,OAAOmG,IAAMhP,EAAGub,EAAGvb,EAAGC,EAAGsb,EAAGtb,SAGtC,IAAK,cAEG2N,EAAIwQ,EAAS/Z,aAAa,OAC1BuJ,EAAIwQ,EAAS/Z,aAAa,KAIhCmR,EAAMvY,UACE0M,GAAEyU,GAAU1P,KAAK8G,MACzBkF,KAAKvD,EAAS,SAAUzI,EAAMe,KACtBf,GAAQuE,GAAavE,EAAMe,MAE5B0yB,SAGJx4B,GAAEw4B,GAAMzzB,KAAK,MAAQ,IACrB/E,GAAEw4B,GAAMzzB,KAAK,MAAQ,IAMb,MAAX00B,MACQz5B,GAAE05B,QAAO,KAAUlsB,MAC3BuD,KAAK0oB,EAAS,SAAU10B,EAAMe,KACtBf,GAAQuE,GAAavE,EAAMe,QAI/BxC,UAAYu1B,GAASc,qBAAuB,OAEhDC,SAAWC,YAGW,MAArBplB,EAAShK,UAAoB+tB,GAA8B,MAArB/jB,EAAShK,QAAiB,KAC7DsP,EAAMvX,GAAQiS,MAEPpe,EAAG0jB,EAAI1jB,EAAI0jB,EAAIlX,MAAQ,EAAGvM,EAAGyjB,EAAIzjB,EAAIyjB,EAAItX,OAAS,KACnDiL,GACVqM,EAAI1jB,EAAI0jB,EAAIlX,MAAQ,EACpBkX,EAAIzjB,EAAIyjB,EAAItX,OAAS,EACrBwM,GAAyBb,GAAOvK,YAE9BoC,EAAIpE,EAAQ+E,kBAGVkzB,EAAS3tB,GAAiBsI,MAC5BqlB,EAAQ,KACJh2B,EAAIg2B,EAASn7B,KAAK8Q,GAAK,IACzBuB,WACArS,KAAKuP,IAAIpK,GAAM,MACbnF,KAAKsR,IAAInM,IAAM,EAAInF,KAAKqR,IAAIlM,IAG5B,EAAIA,MAEL,IAAIuB,EAAI,EAAGA,EAAI+I,EAAMvT,gBAAiBwK,EAAG,KACtCW,EAAQoI,EAAMzK,QAAQ0B,MACT,IAAfW,EAAMlT,KAAY,KAEdinC,EAAK/zB,EAAMnC,SACPvN,GAAK0a,EAAI+oB,EAAG71B,EAAI61B,EAAG51B,GAAK,IACxB9N,GAAK0jC,EAAG71B,EAAI8M,EAAI+oB,EAAG51B,GAAK,IAC5BrJ,WAAWuK,eAKjBuc,EAAIxT,EAAMvT,cACZk+B,EAAK,EAAGC,EAAK,EAAGgB,EAAY,EAE5BC,SACArY,MACOxT,EAAMzK,QAAQ,GAAGE,YAGxBq2B,YAEAtY,GAAK,GAAmC,IAA9BxT,EAAMzK,QAAQie,EAAI,GAAG9uB,MACH,IAA9Bsb,EAAMzK,QAAQie,EAAI,GAAG9uB,MAA4C,IAA9Bsb,EAAMzK,QAAQie,EAAI,GAAG9uB,KAAY,GACxD,UAINqnC,EAAK/rB,EAAMzK,QAAQie,EAAI,GAAG/d,OAC9Bu2B,EAAKhsB,EAAMzK,QAAQie,EAAI,GAAG/d,OAC1Bw2B,EAAMjsB,EAAMzK,QAAQie,EAAI,GAAG/d,OAEvB8jB,EAAWlT,EAASmR,WACtB5hB,EAAI2jB,EAASr0B,OACV0Q,KAAK,KACJgqB,EAAQrG,EAAS9qB,KAAKmH,QACvB,IACA,EACkB,IAAnBgqB,EAAMrI,SAAgB,KAClB2U,EAAalyB,EAAiB4lB,OAG/BsM,eAECr0B,EAAIgJ,GAAyBqrB,GAAYz2B,OAkBzChM,EAAQsU,GAAiB6hB,QACX6K,GAASc,uBAEpBY,kBAAkBvM,EAAMtzB,aAAa,cAC1C7C,GAASsW,GAAmBmsB,GAAa,KACrCE,EAAM34B,EAAQ4B,uBAChB20B,UAAUxqB,GAAeusB,EAAIC,EAAIC,EAAKp0B,MAC/BoL,UACA3N,WAAW82B,OAGjB,KASCC,EAAM7sB,GAAe3H,EAAE0S,UAAW0hB,EAAKp0B,GAEvCmhB,EAAKvlB,EAAQ+E,oBAChB1C,GAAKu2B,EAAIv2B,IACTC,GAAKs2B,EAAIt2B,MAINu2B,EAAK9sB,GAAewZ,EAAGzO,UAAW1S,EAAE0S,UAAWwhB,EAAIC,EAAIC,EAAKp0B,EAAGw0B,EAAI9hB,WAEnEgiB,GAAkB94B,EAAQ4B,qBAC9Bm3B,GAAQ/4B,EAAQ4B,qBAChBo3B,GAAgBh5B,EAAQ4B,wBACV01B,aAAasB,EAAIv2B,EAAGu2B,EAAIt2B,MAClC22B,SAASJ,EAAG52B,EAAG42B,EAAGz2B,MACVk1B,aAAa/R,EAAGljB,EAAGkjB,EAAGjjB,KACzBT,WAAWm3B,MACXn3B,WAAWk3B,MACXl3B,WAAWi3B,MAOfltB,cAAc2rB,EAAsBpL,OAgBpCuM,kBAAkBL,MAIzBp/B,WAAW8mB,EAAI,KACf9mB,WAAW8mB,EAAI,KACf9mB,WAAW8mB,EAAI,QAChB,GAAIA,GAAK,GAAmC,IAA9BxT,EAAMzK,QAAQie,EAAI,GAAG9uB,KAAY,GACxC,IACRmc,GAAyBb,GAAOvK,WAC9B22B,GAAM34B,EAAQ4B,wBAChB20B,UAAUnyB,KACRoL,UACA3N,WAAW82B,SAIZ,IAAW,IAAN5Y,GAAYA,EAAI,GAA+B,IAA1BxT,EAAMzK,QAAQ,GAAG7Q,OACtB,IAA1Bsb,EAAMzK,QAAQ,GAAG7Q,KAAY,GACjB,MACNioC,GAAM9rB,GAAyBb,GAAOvK,SACtC/I,WAAW,OACXkgC,GAAO/rB,GAAyBb,GAAOvK,OAAO8U,UAC9CsiB,GAAKrtB,GAAeotB,GAAMD,SAE3BE,GAAG/2B,IACH+2B,GAAG92B,EAEG,IAAP40B,GAAmB,IAAPC,EAAU,SAElBrR,GAAWlT,EAASmR,WACtB5hB,GAAI2jB,GAASr0B,OAEb4nC,MAEGl3B,MAAK,KACJgqB,GAAQrG,GAAS9qB,KAAKmH,OACL,IAAnBgqB,GAAMrI,SAAgB,IAEpBqI,GAAMtzB,aAAa,aAAc,KAE7BqK,GAAOipB,GAAMtzB,aAAa,aAC3BwgC,GAAcx6B,SAASqE,SACXA,GAAMg0B,EAAIC,MACXl8B,KAAKiI,OAIH8zB,GAASc,uBACpBY,kBAAkBvM,GAAMtzB,aAAa,kBAExC4/B,GAAalyB,EAAiB4lB,OAEhCsM,GAAY,KACRpB,GAAWr3B,EAAQ4B,wBAChB01B,aAAaJ,EAAIC,GACtBsB,GAAWz/B,iBACF8G,iBAAiBu3B,GAAU,MAE3Bx1B,WAAWw1B,MAEfzrB,cAAc2rB,EAAsBpL,aAIvCmN,GAAO1mB,EAAS8R,uBAAuB3yB,EAAGuM,IAAK,OAC/CgtB,GAAO,IAAMa,GAAMjmB,GACrBqkB,GAAI+O,GAAK7nC,OACN84B,MAAK,KACJgP,GAAUD,GAAKt+B,KAAKuvB,OACtBe,KAASnhB,GAAQovB,IAAU,KACvBC,GAAWx5B,EAAQ4B,wBAChB01B,cAAcJ,GAAKC,KACXoC,IAASz5B,iBAAiB05B,GAAU,KAC5C5tB,cAAc2rB,EAAsBgC,SAGxCb,kBAAkBL,cAMxBK,kBAAkBL,QAIxB,CAAA,GAAU,IAANtY,GAAqC,IAA1BxT,EAAMzK,QAAQ,GAAG7Q,MAAegnC,EAkC/C,IACDA,EAAQ,KACJwB,GAASz5B,EAAQ4B,wBAChB2W,UAAU0f,EAAQD,EAAUxjC,EAAGwjC,EAAUvjC,GAC5C8X,EAAMvT,gBACF8G,iBAAiB25B,GAAQ,KAEzB53B,WAAW43B,WAGO,IAAxBltB,EAAMvT,iBACCqR,gBAAgB,aAEpB,OA9CK,UACNjG,GAAImI,EAAMzK,QAAQ,GAAGE,OACzB8jB,GAAWlT,EAASmR,WAClB5hB,GAAI2jB,GAASr0B,OACV0Q,MAAK,KACJgqB,GAAQrG,GAAS9qB,KAAKmH,OACL,IAAnBgqB,GAAMrI,SAAgB,GACJkT,GAASc,uBACpBY,kBAAkBvM,GAAMtzB,aAAa,kBACxC4/B,GAAalyB,EAAiB4lB,QAE/BsM,gBAECiB,GAAK3tB,GAAe3H,GAAGgJ,GAAyBqrB,IAAYz2B,QAC5D23B,GAAM35B,EAAQ4B,wBAChB20B,UAAUmD,OACHlqB,WACA3N,WAAW83B,GAAK,KAElB/tB,cAAc2rB,EAAsBpL,QACpCuM,kBAAkBL,OAIrB1Q,GAAKwE,GAAMtzB,aAAa,mBACO,SAAjCszB,GAAMtzB,aAAa,YAAyB+B,MAAM+sB,IAAK,KACnDiS,IAAO98B,KAAKuP,IAAIqtB,GAAGz3B,GAAKnF,KAAKuP,IAAIqtB,GAAGt3B,IAAM,KAC1CxJ,aAAa,eAAgB+uB,GAAKiS,QAIxCpqB,WAmBU,IAAd2oB,MACEF,EAAQ,MAELF,EAAUvjC,EAAI4jC,EAAO/1B,IACrB01B,EAAUtjC,EAAI2jC,EAAO91B,OAGpBm3B,GAASz5B,EAAQ4B,wBAChB2W,UAAU0f,EAAQD,EAAUxjC,EAAGwjC,EAAUvjC,GAC5C8X,EAAMvT,gBACF8G,iBAAiB25B,GAAQ,KAEzB53B,WAAW43B,UAIhB,GAAkB,IAAdtB,EAAiB,KACpB/zB,GAAIgJ,GAAyBb,GAAOvK,OACpC63B,GAAQ75B,EAAQ4B,wBAChB2W,UAAU0f,EAAQF,EAAUvjC,EAAGujC,EAAUtjC,OACzCqlC,GAAOD,GAAM73B,OACb+3B,GAAO/5B,EAAQ4B,wBAChB2W,UAAU0f,EAAQD,EAAUxjC,EAAGwjC,EAAUvjC,OACxCulC,GAAUD,GAAK/3B,OAAO8U,UAC1BqiB,GAAO/0B,GAAE0S,UACTmjB,GAASluB,GAAeotB,GAAMa,GAASF,GAAM11B,SAE1C61B,GAAO53B,IACP43B,GAAO33B,EAED,IAAP40B,GAAmB,IAAPC,UAGRrR,GAAWlT,EAASmR,WACtB5hB,GAAI2jB,GAASr0B,OACV0Q,MAAK,KACJgqB,GAAQrG,GAAS9qB,KAAKmH,OACL,IAAnBgqB,GAAMrI,SAAgB,GACJkT,GAASc,uBACpBY,kBAAkBvM,GAAMtzB,aAAa,kBACxC4/B,GAAalyB,EAAiB4lB,IAC9BkL,GAAWr3B,EAAQ4B,wBAChB01B,aAAaJ,EAAIC,GACtBsB,GAAWz/B,iBACF8G,iBAAiBu3B,GAAU,MAE3Bx1B,WAAWw1B,MAGfzrB,cAAc2rB,EAAsBpL,QACpCuM,kBAAkBL,IAK7BJ,IACE1rB,EAAMvT,gBACF8G,iBAAiBi6B,GAAM,KAEvBl4B,WAAWk4B,UAKlB,KAEC7hB,GAAMvX,GAAQiS,OAOfsF,IAA4B,SAArBtF,EAAShK,QAAoB,OAAO,SAE5CxE,GAAIpE,EAAQ+E,kBAEV/O,GAAQsU,GAAiBsI,MAC3B5c,GAAO,IACIxB,EAAG0jB,GAAI1jB,EAAI0jB,GAAIlX,MAAQ,EAAGvM,EAAGyjB,GAAIzjB,EAAIyjB,GAAItX,OAAS,KACnDiL,GACVqM,GAAI1jB,EAAI0jB,GAAIlX,MAAQ,EACpBkX,GAAIzjB,EAAIyjB,GAAItX,OAAS,EACrBwM,GAAyBb,GAAOvK,gBAG5BC,GAAIjM,GAAQ8G,KAAK8Q,GAAK,IACtBuB,GAAKrS,KAAKuP,IAAIpK,IAAM,MACtBnF,KAAKsR,IAAInM,KAAM,EAAInF,KAAKqR,IAAIlM,KAE5B,EAAIA,GAECuB,GAAI,EAAGA,GAAI+I,EAAMvT,gBAAiBwK,GAAG,KACtCW,GAAQoI,EAAMzK,QAAQ0B,OACT,IAAfW,GAAMlT,KAAY,KAEdinC,GAAK/zB,GAAMnC,SACPvN,GAAK0a,GAAI+oB,GAAG71B,EAAI61B,GAAG51B,GAAK,IACxB9N,GAAK0jC,GAAG71B,EAAI8M,GAAI+oB,GAAG51B,GAAK,IAC5BrJ,WAAWuK,gBAOnB20B,GAAY,EACVpY,GAAIxT,EAAMvT,kBAKXwJ,IAAY,KACT03B,GAAOtnB,EAAS/Z,aAAa,WAC/BqhC,IAAQA,GAAKhgB,WAAW,QAAS,KAC7BigB,GAAQ3b,GAAW0b,IACrBjpC,GAAO,aACPkpC,GAAMvxB,UAAY3X,KAAMA,GAAO,YAEnB,mBADAkpC,GAAMthC,aAAa5H,GAAO,SACR,IAE5Bmc,GAAyBb,GAAOvK,WAC9Bo4B,GAAS7zB,EAAiB4zB,IAC1BE,GAAUjtB,GAAyBgtB,IAAQp4B,OAE3Cs4B,GAAO,eADTvuB,GAAe3H,GAAGi2B,KACMp4B,EAAGmC,GAAElC,EAAGkC,GAAEjC,EAAGiC,GAAEhC,EAAGgC,GAAE/B,EAAG+B,GAAE9B,GAAG+B,KAAK,KAAO,OAC9DzL,aAAa3H,GAAO,YAAaqpC,SASzCva,IAAK,GAAmC,IAA9BxT,EAAMzK,QAAQie,GAAI,GAAG9uB,MACH,IAA9Bsb,EAAMzK,QAAQie,GAAI,GAAG9uB,MAA4C,IAA9Bsb,EAAMzK,QAAQie,GAAI,GAAG9uB,QAI5C,KACRmc,GAAyBb,EAAOwT,GAAI,EAAGA,GAAI,GAAG/d,SAC5C/I,WAAW8mB,GAAI,KACf9mB,WAAW8mB,GAAI,KACf9mB,WAAW8mB,GAAI,QAGhB,GAAU,IAANA,IAAyC,IAA9BxT,EAAMzK,QAAQie,GAAI,GAAG9uB,KAAY,IACzC,KACRmc,GAAyBb,GAAOvK,WAC9B22B,GAAM34B,EAAQ4B,wBAChB20B,UAAUnyB,MACRoL,UACA3N,WAAW82B,OAEb34B,EAAQ+E,uBAKP,IAAW,IAANgb,IAAYA,GAAI,GAA+B,IAA1BxT,EAAMzK,QAAQ,GAAG7Q,OACtB,IAA1Bsb,EAAMzK,QAAQ,GAAG7Q,KAAY,IACjB,MACNspC,GAAWhuB,EAAMzK,QAAQ,GAAGE,OAChCw4B,GAAMptB,GAAyBb,EAAO,GAAGvK,OACzCy4B,GAASD,GAAI1jB,aACX/K,GAAe0uB,GAAQF,GAAUC,MAC/BvhC,WAAW,OAGZ,CAAA,GAAU,IAAN8mB,IAAqC,IAA1BxT,EAAMzK,QAAQ,GAAG7Q,MAAe+E,GA8B/C,OACO,EACRA,GAAO,KACHyjC,GAASz5B,EAAQ4B,wBAChB2W,UAAUviB,GAAOgiC,EAAUxjC,EAAGwjC,EAAUvjC,GAE3C8X,EAAMvT,gBACF8G,iBAAiB25B,GAAQ,KAEzB53B,WAAW43B,WAGO,IAAxBltB,EAAMvT,iBACCqR,gBAAgB,aAEpB,eA3CH+C,GAAyBb,GAAOvK,OAC5B4Q,EAAShK,aACZ,SACOzK,GAAEyU,GAAU1P,MAAM,KAAM,KAAM,KAAM,WAE3C,eACA,eACK7F,OAASuV,EAAS/Z,aAAa,UACnC8S,EAAQtO,OAAQ,KACZgS,GAAOuD,EAASvV,OAChBgG,GAAMgM,GAAKrW,gBACTqE,OAAS,IAAIsG,MAAMN,QACtB,IAAIG,GAAI,EAAGA,GAAIH,KAAOG,GAAG,KACtBuM,GAAKV,GAAKvN,QAAQ0B,MAChBnG,OAAOmG,KAAMhP,EAAGub,GAAGvb,EAAGC,EAAGsb,GAAGtb,QAIrC,SACK2N,EAAIwQ,EAAS/Z,aAAa,QACtB,IACN2W,YA0BQ,IAAd2oB,IAAiC,IAAdA,IAAiC,IAAdA,OAC3BvlB,EAAUjH,EAASvH,IAIhB,IAAd+zB,GAAiB,IACfniC,GAAO,CACJsW,GAAmBC,UAEjBwrB,EAAUvjC,EAAI4P,GAAE/B,IAChB01B,EAAUtjC,EAAI2P,GAAE9B,QAGjBm3B,GAASz5B,EAAQ4B,wBAChB2W,UAAUviB,GAAOgiC,EAAUxjC,EAAGwjC,EAAUvjC,GAC3C8X,EAAMvT,gBACF8G,iBAAiB25B,GAAQ,KAEzB53B,WAAW43B,OAMI,SAArB7mB,EAAShK,gBACLkd,GAAWlT,EAASmR,WACtB5hB,GAAI2jB,GAASr0B,OACV0Q,MAAK,KACJgqB,GAAQrG,GAAS9qB,KAAKmH,OACN,UAAlBgqB,GAAMvjB,QAAqB,KACvB8xB,MACDv8B,GAAEguB,IAAOjpB,KAAK,MAAQ,IACtB/E,GAAEguB,IAAOjpB,KAAK,MAAQ,MAEdipB,GAAOuO,GAAct2B,WAQnC,GAAkB,IAAd+zB,IAAmBniC,GAAO,KAC7BoO,GAAIgJ,GAAyBb,GAAOvK,OACpC63B,GAAQ75B,EAAQ4B,wBAChB2W,UAAUviB,GAAO+hC,EAAUvjC,EAAGujC,EAAUtjC,OACxCqlC,GAAOD,GAAM73B,OACb+3B,GAAO/5B,EAAQ4B,wBAChB2W,UAAUviB,GAAOgiC,EAAUxjC,EAAGwjC,EAAUvjC,OACvCulC,GAAUD,GAAK/3B,OAAO8U,UACtBqiB,GAAO/0B,GAAE0S,UACTmjB,GAASluB,GAAeotB,GAAMa,GAASF,GAAM11B,OAEtCwO,EAAUjH,EAASsuB,IAC5BjkC,KACEuW,EAAMvT,gBACF8G,iBAAiBi6B,GAAM,KAEvBl4B,WAAWk4B,aAOG,IAAxBxtB,EAAMvT,iBACCqR,gBAAgB,eAGlBuB,cAAc,IAAI7B,GAAqB6I,EAAUglB,IAEnDlsB,GC9yBHvN,GAAIC,OAENu8B,UACAC,UACAC,UACEC,GAAaj4B,IAAY,GAAK,EAKvBk4B,yBAME70B,EAAIzC,EAAM/C,kBAEhBwF,GAAKA,OAGL8B,gBAAkBvE,OAGlBu3B,QAAS,OAGTC,cAAgBN,GAAYO,0BACtB,UACFh1B,GAAK,gBAAkBrT,KAAKqT,WAIhCi1B,aAAetoC,KAAKooC,cAAczqB,YACrCmqB,GAAYO,0BACD,gBAEF,cAAgBroC,KAAKqT,QACpB,cACE,sBACQ,uBACI,YAEb,+BAMRk1B,eACC,OACD,QACC,OACD,QACC,OACD,QACC,OACD,WAGAC,MAAMxoC,KAAKmV,gBAAiBtH,2CAQ5B2B,EAAG3B,QACHs6B,QAAS,OACThzB,gBAAkB3F,OAClBi5B,OAAO56B,QACPu6B,cAAcriC,aAAa,UAAW,oDAO1B5C,OACbulC,SACEC,KACFC,EAAQ3+B,KAAKoR,MAAMlY,EAAQ,QAE1BulC,KADDE,EAAQ,OAAc,GACdZ,GAAiBa,gBACpBzgC,KAAKsgC,QAEPE,EAAQ,KACNxgC,KAAKugC,EAAOG,iBAGjBn4B,EAAI,MACH+3B,KAAOV,GAAiBa,iBACVA,cAAcH,GAAK3iC,aAAa,QAAU,UAAY4iC,EAAOh4B,GAAK,iDAU5E0R,OACH0mB,EAAQ1mB,EAAO,SAAW,UACf2mB,mBAAmBjjC,aAAa,UAAWgjC,OACtDn4B,EAAO5Q,KAAKmV,qBACb8zB,SAAW5mB,EACZzR,GAAQyR,SACL+lB,cAAc96B,OAAO06B,GAAiBgB,yBACtCE,kBAAkBzxB,GAAiB7G,oCAQpC/C,OACAs7B,EAAcnpC,KAAKsoC,aACvBc,EAAMpB,GACNqB,EAAgBD,EAAIP,cACpB9oB,EAAW/f,KAAKmV,gBAChB2f,EAAK/U,EAAS/Z,aAAa,gBAC3B+W,EAAc+qB,GAAY9qB,iBACxBoY,EAAS,EAAIrY,EACuB,SAApCgD,EAAS/Z,aAAa,WAAyB+B,MAAM+sB,QAC5CA,EAAK,OAGX/e,EAAWgK,EAAXhK,QACS,SAAZA,OACQ,EAAIgH,OAIVrD,EAAQhG,EAAiBqM,GACzBxO,EAAIgJ,GAAyBb,GAAOvK,YAIxCK,GAAKuN,IACLtN,GAAKsN,EAEFlP,MACIC,GAAQiS,IAID,MAAZhK,IAAoBzK,GAAEunB,KAAK9S,EAAU,QAAS,KAG1CupB,EAAclW,IAAgBrT,EAASmR,aACzCoY,MACKA,OAKL1vB,EAAI/L,EAAKlM,EAAGgS,EAAI9F,EAAKjM,EAAGiY,EAAIhM,EAAKM,MAAO2L,EAAIjM,EAAKE,UAC/CpM,EAAGiY,EAAGhY,EAAG+R,EAAGxF,MAAO0L,EAAG9L,OAAQ+L,MAM5BiD,QAEGpD,GAAaC,EAAImD,EAAapJ,EAAIoJ,EAAalD,EAAIkD,EAAajD,EAAIiD,EAAaxL,GAC3FqjB,EAAS2U,EAAT3U,MACC4U,EAAO5U,EAAMjzB,EAAIyzB,EACnBqU,EAAO7U,EAAMhzB,EAAIwzB,EACjBsU,EAAO9U,EAAMzmB,MAAkB,EAATinB,EACtBuU,EAAO/U,EAAM7mB,OAAmB,EAATqnB,EAGnB3jB,EAAK+3B,EAAOE,EAAO,EACvBh4B,EAAK+3B,EAAOE,EAAO,EAEfxmC,EAAQsU,GAAiBsI,MAC3B5c,EAAO,KACHymC,EAAM9B,GAAY+B,UAAU96B,uBAC9B2W,WAAWviB,EAAOsO,EAAIC,OACpBo4B,EAAOF,EAAIz6B,SACZmE,GAAK0F,GAAeuwB,EAAKj2B,GAAG3R,EAAG4nC,EAAKj2B,GAAG1R,EAAGkoC,KAC1C/vB,GAAKf,GAAeuwB,EAAKxvB,GAAGpY,EAAG4nC,EAAKxvB,GAAGnY,EAAGkoC,KAC1C9vB,GAAKhB,GAAeuwB,EAAKvvB,GAAGrY,EAAG4nC,EAAKvvB,GAAGpY,EAAGkoC,KAC1C7vB,GAAKjB,GAAeuwB,EAAKtvB,GAAGtY,EAAG4nC,EAAKtvB,GAAGrY,EAAGkoC,OAGxCx2B,EAAMi2B,EAANj2B,GACH4G,EAAO5G,EAAG3R,EACZ2Y,EAAOhH,EAAG1R,EACVwY,EAAO9G,EAAG3R,EACVooC,EAAOz2B,EAAG1R,EAELuY,EAAYlQ,KAAZkQ,IAAKE,EAAOpQ,KAAPoQ,QAELF,EAAID,EAAMC,EAAIovB,EAAKxvB,GAAGpY,EAAGwY,EAAIovB,EAAKvvB,GAAGrY,EAAG4nC,EAAKtvB,GAAGtY,KAAOyzB,MACvDjb,EAAIG,EAAMH,EAAIovB,EAAKxvB,GAAGnY,EAAGuY,EAAIovB,EAAKvvB,GAAGpY,EAAG2nC,EAAKtvB,GAAGrY,KAAOwzB,OACvD/a,EAAID,EAAMC,EAAIkvB,EAAKxvB,GAAGpY,EAAG0Y,EAAIkvB,EAAKvvB,GAAGrY,EAAG4nC,EAAKtvB,GAAGtY,KAAOyzB,GAK/Clb,OAJRG,EAAI0vB,EAAM1vB,EAAIkvB,EAAKxvB,GAAGnY,EAAGyY,EAAIkvB,EAAKvvB,GAAGpY,EAAG2nC,EAAKtvB,GAAGrY,KAAOwzB,GAK/C9a,MAGX4pB,EAAO,IAAMsF,EAAO,IAAMC,EAC9B,MAAQD,EAAOE,GAAQ,IAAMD,EAC7B,KAAOD,EAAOE,GAAQ,KAAOD,EAAOE,GACpC,IAAMH,EAAO,KAAOC,EAAOE,GAAQ,MACzB5jC,aAAa,IAAKm+B,OAExB5yB,EAAQnO,EAAQ,WAAaA,EAAOsO,EAAIC,GAAIF,KAAK,KAAO,IAAM,OAe/D,IAAMk3B,UAdNN,cAAcriC,aAAa,YAAauL,QAIxCi3B,gBACEiB,EAAMC,OACND,EAAOE,EAAMD,OACbD,EAAMC,EAAOE,OACbH,EAAOE,EAAMD,EAAOE,MACrBH,EAAQE,EAAQ,EAAGD,MACnBD,EAAMC,EAAQE,EAAQ,MACtBH,EAAOE,EAAMD,EAAQE,EAAQ,MAC7BH,EAAQE,EAAQ,EAAGD,EAAOE,IAEd3pC,KAAKuoC,WAAY,KAC3ByB,EAAShqC,KAAKuoC,WAAWG,KACjBA,GAAK3iC,aAAa,KAAMikC,EAAO,MAC/BtB,GAAK3iC,aAAa,KAAMikC,EAAO,MAI3CC,oBAAoBlkC,aAAa,KAAMyjC,EAAQE,EAAQ,KACvDO,oBAAoBlkC,aAAa,KAAM0jC,KACvCQ,oBAAoBlkC,aAAa,KAAMyjC,EAAQE,EAAQ,KACvDO,oBAAoBlkC,aAAa,KAAM0jC,EAAqB,EAAbxB,MAE/CiC,WAAWnkC,aAAa,KAAMyjC,EAAQE,EAAQ,KAC9CQ,WAAWnkC,aAAa,KAAM0jC,EAAqB,EAAbxB,aAQjCkC,0CAGJC,oBAAsB,UAGtBC,cAAgB,UAGhBC,kBAGAC,oBAGA1B,kBACC,OACD,QACC,OACD,QACC,OACD,QACC,OACD,WAGAG,mBAAqB,UACrBiB,oBAAsB,UACtBC,WAAa,UAEbM,8DA6BA,IAAM9B,KArBP1oC,KAAKoqC,qBAAuBpqC,KAAKoqC,oBAAoBj0B,iBAClDi0B,oBAAoBz8B,cAItBy8B,oBAAsBtC,GAAYO,0BAC5B,UACFh1B,GAAI,8BAER21B,mBAAqBlB,GAAYO,0BAC3B,UACF/G,QAAS,eAEb8I,oBAAoB98B,OAAOtN,KAAKgpC,uBACzBa,UAAUv8B,OAAOtN,KAAKoqC,0BAE7BG,oBACAD,kBACAD,cAAgB,KAGHrqC,KAAK6oC,cAAe,KAC9B4B,EAAO3C,GAAYO,0BACd,kBAEF,uBAAyBK,OACxB,SACHT,SACK,UAAYS,EAAM,yBAKV,mBACE,YAIpB7V,KAAK4X,EAAM,MAAO/B,MAClB7V,KAAK4X,EAAM,OAAQ,eAChB5B,cAAcH,GAAO1oC,KAAKgpC,mBAAmBrrB,YAAY8sB,WAI3DR,oBAAsBjqC,KAAKgpC,mBAAmBrrB,YACjDmqB,GAAYO,0BACD,gBAEF,sCACG,sBACQ,aAKjB6B,WAAalqC,KAAKgpC,mBAAmBrrB,YACxCmqB,GAAYO,0BACD,kBAEH,2BACE,SACHJ,UACK,sBACQ,QACT,cAAgBF,GAAQ2C,QAAU,kCAI7C7X,KAAK7yB,KAAKkqC,WAAY,OAAQ,WAE5B5+B,GAAE,qBAAqB1M,gBAEHmpC,GAAQ4C,cAAzBx8B,OAAOJ,OACR68B,EAAW9C,GAAYO,0BAClB,eAEH,sCAGD,IACA,WACQ14B,IAAa,OAAS,gBAC1B,yBAILtE,EAAOy8B,GAAYO,0BACd,mBAEA,cACC,SACL,IACA,iBACa,SACR,YACF,aACC,2BAOF/6B,OAAOjC,MACJw+B,UAAUtzB,aAAaq0B,EAAU9C,GAAY+C,uDAU1Cj6B,EAAM/C,MACT,MAAR+C,SAAuB,SAErBsc,EAAIltB,KAAKsqC,UAAU1rC,UAEgB,WAArCksC,EAAO9qC,KAAKuqC,YAAY35B,EAAKyC,iBAC1Bk3B,YAAY35B,EAAKyC,IAAI80B,QAAS,EAC5BnoC,KAAKuqC,YAAY35B,EAAKyC,QAE1B,IAAI1C,EAAI,EAAGA,EAAIuc,IAAKvc,KACnB3Q,KAAKsqC,UAAU35B,KAAO3Q,KAAKsqC,UAAU35B,GAAGw3B,mBACrCmC,UAAU35B,GAAGw3B,QAAS,OACtBmC,UAAU35B,GAAG63B,MAAM53B,EAAM/C,QACzB08B,YAAY35B,EAAKyC,IAAMrT,KAAKsqC,UAAU35B,GACpC3Q,KAAKsqC,UAAU35B,eAIrB25B,UAAUpd,GAAK,IAAIgb,GAAShb,EAAGtc,EAAM/C,QACrCu8B,oBAAoB98B,OAAOtN,KAAKsqC,UAAUpd,GAAGkb,oBAC7CmC,YAAY35B,EAAKyC,IAAMrT,KAAKsqC,UAAUpd,GACpCltB,KAAKsqC,UAAUpd,2CAQPtc,MACH,MAARA,OACEsc,EAAIltB,KAAKsqC,UAAU1rC,OACvBsrB,EAAMlqB,KAAKuqC,YAAY35B,EAAKyC,IACzB6W,EAAIie,gBAEClxB,IAAI,+DAET,IAAItG,EAAI,EAAGA,EAAIuc,IAAKvc,KACnB3Q,KAAKsqC,UAAU35B,IAAM3Q,KAAKsqC,UAAU35B,KAAOuZ,EAAK,QAC3ClqB,KAAKuqC,YAAY35B,EAAKyC,MACzB80B,QAAS,IACThzB,gBAAkB,OAClB41B,WAAU,SAIR3C,cAAcriC,aAAa,UAAW,QAC1C,MAAOyJ,8DAYRxP,KAAKqqC,qBACHA,cAAgBrqC,KAAKoqC,oBAAoBzsB,YAC5CmqB,GAAYO,0BACD,gBAEH,0BACE,sBACU,WACR,sBACQ,WACP,aACF,2BAKRroC,KAAKqqC,uBC3aV/+B,GAAIsiB,EAAYriB,QAEpBqK,GAEEo1B,GAFkBr0B,GAElBq0B,GAFwCj0B,GAExCi0B,GADF9zB,GACE8zB,GADoBrzB,GACpBqzB,GADkC9yB,GAClC8yB,GAD+Ct1B,GAC/Cs1B,GAECrsC,OAAOqY,iBACHA,kBACAA,QAAQC,IAAM,SAAU7E,YACxB4E,QAAQ0xB,IAAM,SAAUt2B,MAG7BzT,OAAOmN,eACFkL,QAAQC,IAAM,SAAU7E,SAAa64B,UAAU74B,WAC/C4E,QAAQ0xB,IAAM,SAAUt2B,UA+B3B84B,GAKJ,WAAaC,EAAWnU,iBAIpBoU,wBACiB,aACV,cACE,IAAK,MAIhBpU,MACAgO,OAAOoG,EAAWpU,OAIf2T,EAAcS,EAAdT,WAED5d,EAAS/sB,KAITg5B,EAASmS,EAAUrZ,cAOnB3kB,EAAU6rB,EAAOqS,WACrB/a,GACE,4BAA8BpxB,EAAGuM,IAAM,cAAgBvM,EAAGoyB,MAAQ,YACpDqZ,EAAW,GAAK,aAAeA,EAAW,GAAK,QAAUA,EAAW,GAAK,QAAUA,EAAW,GAAK,wTAYjHt9B,iBACF,KAEQC,OAAOH,OAObC,EAAa4rB,EAAOlzB,gBAAgB5G,EAAGuM,IAAK,QAOjBshB,EAAOue,uBAAyB,cAC3Dl+B,GAAYusB,WAGZvsB,GAAYiD,SACR,mBACGs6B,EAAW,UACVA,EAAW,KAChBA,EAAW,KACXA,EAAW,YACJS,EAAUG,oBAAsB,UAAY,eAC/CrsC,EAAGuM,eACEvM,EAAG68B,iBACA78B,EAAGoyB,QACjBka,SAASr+B,OAGNs+B,EAAUzS,EAAO0S,cAAc,kEAC1Bp+B,OAAOm+B,WAKhBE,EAAW,SAQRC,YAAc,SAAUjzB,KAClBA,KAQNkzB,iBAAmB,IAAIC,GAAa1+B,EAAYu+B,OAOjD/L,EAAoB7S,EAAO6S,kBAAoB,kBAC5C7S,EAAO8e,kBAOZ9uB,EAAc,EAGdmgB,EAAe,KAGb6O,gBAEkC,SAA7BX,EAAUY,SAASC,MAAmB,GAAK,KAAOb,EAAUY,SAASC,iBAChE,kBACEb,EAAUY,SAAS3S,eACzB,IAAM+R,EAAUc,WAAWD,mBACrB,oBACEb,EAAUc,WAAW7S,qBACvB+R,EAAUc,WAAW/9B,uBACjB,uBACD,uBACD,eACPi9B,EAAUe,gBAIT5+B,KAAOjC,GAAE05B,QAAO,KAAU+G,EAAcK,UACpDpH,OAAO+G,EAAcx+B,WACf,uBACQ69B,EAAU79B,MAAQ69B,EAAU79B,KAAK8+B,uBACpCjB,EAAU79B,MAAQ69B,EAAU79B,KAAK++B,sBAC/BlB,EAAU79B,MAAQ69B,EAAU79B,KAAKg/B,kBAI1CC,EAAWT,EAAcK,MAI3BK,KAcEC,EAAwB1sC,KAAK0sC,sBAAwB,SAAU7Z,MAE7C,IAAlBA,EAAK5B,SAAgB,OAAO4B,EAAKwM,kBAUrBhvB,EARVs8B,WACK9Z,EAAK9c,6BAOPpF,EAAI,EAAUN,EAAOwiB,EAAKjsB,WAAW+J,GAAKA,MAC1CN,KAAKA,EAAK9Q,MAAQ8Q,EAAKE,UAI3B,IAAW4xB,EAAPxxB,EAAI,EAAUwxB,EAAOtP,EAAK3B,WAAWvgB,GAAKA,MAC1CsiB,SAAStiB,GAAK+7B,EAAsBvK,UAGtCwK,GAQHhjB,EAAwB3pB,KAAK2pB,sBAAwB,SAAUkJ,MAC/C,iBAATA,EAAmB,OAAOmG,EAAO4T,eAAe/Z,OAEvDuZ,EAAQ5uB,GAAQqV,EAAKxiB,KAAKgD,IAExBqtB,EAAed,IAAoBe,qBACrCyL,GAASvZ,EAAKlI,UAAYyhB,EAAMr2B,YAC5BpI,WACE,OAELy+B,EAAO,KACJrW,EAAKlD,EAAKga,WAAa3tC,EAAGuM,MACxButB,EAAOlzB,gBAAgBiwB,EAAIlD,EAAKlI,SACpC+V,IACDxD,GAAgBwD,GAAcpzB,OAAO8+B,UAGtCvZ,EAAKia,cACUV,QACTI,EAASnF,YACPmF,EAASO,sBACDP,EAASH,gCACLG,EAASQ,mCACVR,EAASS,iCACVT,EAASU,gCACTV,EAASW,8BACXX,EAASY,qBAChBZ,EAASnT,QAAU,QACrB,0BACN,QAEY+S,EAAOvZ,EAAKxiB,KAAM,QACpB+7B,GAGXvZ,EAAKI,YACFA,SAAS3zB,QAAQ,SAACg6B,KACfhsB,OAAOqc,EAAsB2P,MAIhC8S,KAGF14B,iBAAmBA,IAEnBwF,eAAiBA,KACjBO,mBAAqBA,KACrBc,yBAA2BA,OAK5B7F,EAAc,kBAAe02B,EAAUiC,Wd7RzB,SAAUC,KACRA,MAGd1hC,EAAM5M,SAAS8G,gBAAgB5G,EAAGuM,IAAK,gBACpC8hC,KAAKjgC,OAAO1B,OACfP,EAAOrM,SAAS8G,gBAAgB5G,EAAGuM,IAAK,UACzC1F,aAAa,QAAS,SACtBA,aAAa,SAAU,SACvBA,aAAa,IAAK,SACnBuH,OAAOjC,OACLmgB,EAAKngB,EAAKyC,YACZH,aAEE6/B,EAAOhiB,EAAG7pB,QAEV6pB,EAAGrd,SACHqd,EAAGzd,UACHy/B,KACAA,EAAO,QACPA,EAAO,QACPA,EAAO,MACPA,EAAO,KACP,MACC,8BciROhwB,+BACUpQ,EAAWpH,aAAa,UAAY+W,8BACrC3P,EAAWpH,aAAa,SAAW+W,oCAC7B0wB,GAAYC,kBAIpC94B,aAAeA,OV5RQwH,EUkSxBuV,EAAgB,kBAAevkB,GAO/B+d,EAAsBnrB,KAAK2tC,iBAAmB,kBAC3ClB,GAGH/lB,EAAcknB,GAMdvuB,EAAa,kBAAMlS,MVnTKiP,gHU8TC4c,qCACCmS,gEAIAC,EAAUyC,kBVjU9BzxB,EAAc0xB,oBACR1xB,EAAc2xB,qBACnB3xB,EAAciD,eUmUpBoS,SAAWA,KACXN,eAAiBA,KACjB7Z,QAAUA,KACVia,QAAUA,GACKxE,EAAOjf,QAAUid,KAChCtT,iBAAmBA,KACnB+F,QAAUA,KACVmO,WAAaA,KACbiK,iBAAmBA,QAErBK,eAAiBA,OAMhBlO,EAAkB,kBAAeqjB,EAAU4C,eH5Y7B,SAAU5xB,MACXA,iCGkZQwjB,2CAKtB7W,aAAeA,GFtZA,SAAU3M,MACjBA,qDE6ZqB6xB,+BACXr/B,MAA8BA,UAGhD81B,sBAAwBA,OAGvBwJ,EAAQ/uC,MACP+iC,YAAcA,OAOfhH,EAAUnO,EAAOmO,QAAU,IAAIhjB,gCAOfi2B,EAAWp2B,OACvBq2B,EAAa14B,MAEfy4B,IAAcC,EAAW33B,gBAAkB03B,IAAcC,EAAW93B,eAC/DyN,sBACF,GAAIoqB,IAAcC,EAAW53B,aAAe23B,IAAcC,EAAW13B,cAAe,KACnFoB,EAAQC,EAAIE,aACXyO,YAAY/J,UACd,UAAW7E,OACVu2B,EAAUt2B,EAAI3Z,OACdkwC,EAAWH,IAAcC,EAAW53B,eACtC63B,IAAYz4B,GAAmBxX,QAClBkwC,EAAUv2B,EAAI7B,UAAY6B,EAAIjC,aAC9B1I,aAGV,GAAIihC,IAAY13B,GAAqBvY,QACxCiwC,IAAYt3B,GAAqB3Y,OAC/B2Z,EAAInB,SAAWxJ,QAGfihC,IAAY13B,GAAqBvY,OAC/BkwC,MAA2Bv2B,EAAInH,MAE9B09B,MAA2Bv2B,EAAInH,MAEb,QAArBmH,EAAInH,KAAKmF,YACAgC,EAAInH,WAEZ,GAAIy9B,IAAYn3B,GAAqB9Y,OAAQ,CAEzB,UAArB2Z,EAAInH,KAAKmF,SACXgC,EAAInH,KAAKuF,WAAWA,aAAe/I,YAI/B0F,EAASw7B,EAAUv2B,EAAIX,UAAYW,EAAIV,UAEzCvE,EAAOy7B,gBACFC,eAAez2B,EAAInH,KAAKuF,WAAYrD,EAAOy7B,mBA0BtDljB,EAAsB,SAAUtT,KAC7BmjB,QAAQ7P,oBAAoBtT,IAQ/BiF,EAAiBhd,KAAKyuC,QAAU,kBAAqB1xB,GAOrD1B,EAAQrb,KAAKqb,MAAQ,SAAUjK,UAC5BqJ,SAASrJ,EAAM2L,EAAa,IAAMA,ID1BvB,SAAUia,EAAQ0X,MAC1B1X,KACI0X,KACK,IAAIvE,IC2BvBiB,6BAMoBuD,UAAkB5hB,EAAOpD,sBAAsBglB,8BAC7CxhC,gCACGC,0BASrBsa,EAAkB1nB,KAAK0nB,gBDrCWsgB,GC2ClCpe,EAAYmD,EAAOnD,UAAY,kBAC5BgW,IAAoBhW,aAOvBrB,EAAQwE,EAAOxE,MAAQ,kBACpBqX,IAAoBrX,SAWvB/G,EAAO,SAAUvjB,EAAI2wC,MACrBC,GAAO5wC,UACF4wC,GAAO5wC,GAAIU,OAAQiwC,IAWxB7qB,EAAiB/jB,KAAK+jB,eAAiB,SAAU+qB,KACpCxvC,QAAQ,SAACsR,GACZ,MAARA,KAGYm+B,gBAAgBn+B,UAI7Bk+B,KAAe,WAAYrC,IAS5BxhB,GAAiBjrB,KAAKirB,eAAiB,SAAU+jB,EAAYjE,MAC5DiE,EAAWpwC,gBAGZqS,EAAI,EACDA,EAAIw7B,EAAiB7tC,QACC,MAAvB6tC,EAAiBx7B,MAGnBA,UAIAN,EAAIq+B,EAAWpwC,OACZ+R,KAAK,KACNC,EAAOo+B,EAAWr+B,MACjBC,OACC/C,EAAOkd,GAAana,MACrB/C,IAEgB,MAAjB+C,EAAKmF,SAA8C,IAA3BnF,EAAKsgB,WAAWtyB,WAEnCgS,EAAKmhB,aAIT0a,EAAiBzgC,SAAS4E,IAAO,GACnBK,GAAKL,UAKhBsZ,EAAMxC,EAAgBunB,gBAAgBr+B,EAAM/C,GAE9C4+B,EAAiB7tC,OAAS,KACxBmsC,WAAU,WAIf,WAAY0B,GAEb1B,GAAyC,IAA5B0B,EAAiB7tC,SAChBqwC,gBAAgBxC,EAAiB,IAAI1B,WAAU,KAE/CkE,gBAAgBxC,EAAiB,IAAI1B,WAAU,KAMhD3mB,KAAK,SAAUhV,EAAGC,UAC7BD,GAAKC,GAAKD,EAAE8/B,wBACP,GAAoC,EAA/B7/B,EAAE6/B,wBAAwB9/B,IAE/B,MAALA,EACK,WAKmB,MAAvBq9B,EAAiB,MACL3D,MAAM,KAOrBjf,GAAa,kBACV2iB,EAASnT,SAOZhQ,GAAiBrpB,KAAKqpB,eAAiB,SAAU1C,MAC1C,MAAPA,SACK,SAELC,EAAcD,EAAI9nB,UAGlB+nB,EAAYuoB,4BAAyCvoB,EAAYuoB,0BAIhEjwC,EAAGkwC,KAAMlwC,EAAGmwC,MAAMrjC,SAAS4a,EAAY/V,eACvB,cAAnB+V,EAAYvT,QAEoB,kBAAzBuT,EAAY0E,iBACH1E,EAAYzQ,mBACChJ,MAMzBuzB,EAAed,IAAoBe,sBACpCxzB,EAASg+B,EAAW/9B,EAAYszB,GAAc10B,SAAS4a,UACnDzZ,KAGO7B,GAAEsb,GAGN+M,QAAQ,wBAAwB/0B,cAGnC8oB,EAAgB0iB,yBAGlBxjB,EAAYzQ,cAAgB+mB,GAAgBwD,MACnC9Z,EAAYzQ,kBAcrByQ,KAQFF,YAAcA,wDAIJ/N,KACb5S,aAAa,IAAK2gB,EAAYd,YAAYjN,mMAqBjCwyB,uBAEG7uB,MACAA,kCAGHiL,0BAEK+nB,aACAA,qCASMhrB,IAAAA,cAAeD,IAAAA,QAErBmI,gBAAiB,IACjB+iB,eAAiBjrB,IACxB,eAAgBA,gBAAeD,YAC/B,WAAYA,+BAQNtM,IAAAA,IAAKnH,IAAAA,OACImH,KACf,WAAYnH,6FAOV4+B,4BAEOC,aACAA,kCAIPxnB,0BAEKynB,aACAA,sBAQZh0B,MAEAif,GAAW,4FACXgV,IAAY,YAAa,OAAQ,SAAU,aAAc,aAAc,eAAgB,OAAQ,UAE/F5P,GAASz0B,GAAEunB,KAGX+c,GAAU5wC,SAAS8G,gBAAgB5G,EAAGuM,IAAK,cAC/CmkC,IAASv/B,oBACM,gBACR,iBACF,OACC,WACLm7B,SAASr+B,UAEN0iC,GAAkB,SAAlBA,EAA4Bj/B,OAE1BuG,EAAQ7L,GAAEsF,GAAMP,KAAKs/B,QACtB,IAAMtM,KAAKlsB,EAAO,KACf/F,EAAM+F,EAAMksB,MACdjyB,GAAOA,EAAIiW,WAAW,QAAS,KAC3BhU,EAAK8d,GAAe/f,GAAKyD,OAAO,GAC1B2I,GAAQnK,UAEP/F,OAAOwiC,GAAgBz8B,WAC3By8B,GAAgBz8B,SAKvB08B,EAASn/B,EAAKo/B,qBAAqB,QAErCD,EAAOnxC,WACJ,IAAI+R,EAAI,EAAGiJ,EAAIm2B,EAAOnxC,OAAQ+R,EAAIiJ,EAAGjJ,MACxBo/B,EAAOp/B,KAsBvBs/B,UAMWvC,aAAc,YAMnB3B,EAAcx+B,oBAUP69B,EAAUV,QAAU,eAG3B,KAGO,QAGH,YAGM,UAGJ8B,KAMD,QAGH,cAMK,KAmBb0D,GAAgBlwC,KAAKkwC,cAAgB,SAAUC,EAAQC,EAAMC,OAC7D76B,IAAS66B,gBACXh0B,KAAKi0B,GAAY,SAAU/wC,EAAMgxC,GAC7BA,GAAOJ,KAAUI,IACC,mBAATH,MACFA,EAAK7wC,IAEV8wC,IACKjoC,KAAKmoC,EAAIJ,GAAQC,MAEfG,EAAIJ,GAAQC,MAIpB56B,QAyHJg7B,2CAAe,WAAgBjxC,EAAMkxC,EAAaC,6FAC1B,mBAAhBD,wBACH,IAAIE,UAAU,0EAGhBpxC,KAAQ+wC,yBAcGhlC,GAAE05B,OAAOjY,EAAO6jB,iEAItBhR,IAAoBF,gCAGzB+Q,kCACaA,EAAYI,iCAEzBC,MACKvxC,KAAOA,MAGLA,GAAQuxC,oBACZtvB,EAAK,kBAAmBsvB,oBAEvB75B,IAAI,yBAA2B1X,EAAO,qJAgB5CwxC,GAAsB/wC,KAAK+wC,oBAAsB,SAAU1lC,MAC9C,MAAbkc,UAA4B,SAE1B3Q,EAASsmB,GAAgB0C,IAAoBe,kBAE/CqQ,YACC3lC,KASU+B,EAAW1B,iBACb/J,EAAI0J,EAAK1J,IACTC,EAAIyJ,EAAKzJ,IACTuM,MAAQ9C,EAAK8C,QACbJ,OAAS1C,EAAK0C,WAbhB,GACIwZ,GAAUzZ,cACjB0d,EAAKpe,EAAW1B,oBAEjB,IAAM23B,KAAK2N,IACX3N,GAAK2N,EAAW3N,GAAKtmB,IAEbyO,MASXylB,EAAa,QACZphC,GACwC,mBAAhC1C,EAAQ4jC,wBAENpvC,GAAK8Y,SAASrN,EAAWpH,aAAa,KAAM,MAC5CpE,GAAK6Y,SAASrN,EAAWpH,aAAa,KAAM,MAE1CmH,EAAQ4jC,oBAAoBC,EAAYp6B,IAIvC,MAAdq6B,GAAiD,mBAApBA,EAAW9oC,KAAqB,MAG1D+oC,GAAUtyC,YAEDuyC,GAA4Bv6B,YAEtCjG,EAAIugC,GAAUtyC,OACX+R,KACAqgC,EAAW7iC,OACZqN,GAAew1B,EAAYE,GAAUvgC,GAAG9C,SAC/BzF,KAAK8oC,GAAUvgC,GAAGC,aAQ5BqgC,QAGJ7d,eAAiBqC,QAEjBH,mBAAqBA,OAgBpB6b,GAA8BnxC,KAAKmxC,4BAA8B,SAAUv6B,GAC1EA,MACMtL,GAAE8B,GAAY6lB,gBAEnBsC,eACJ3e,GAAQqc,WAAW5W,KAAK,SAAU1L,EAAGC,GACjCA,EAAK9C,WACM1F,MAAMwI,OAAM/C,KAAM4nB,IAA8B7kB,QAG1D2kB,EAAaC,WAShB4b,GAAepxC,KAAKoxC,aAAe,SAAUxgC,OAC3C1C,EAAIlP,SAAS8G,gBAAgB5G,EAAGuM,IAAK,OACtC4lC,YAAYnjC,MACfA,GAAGZ,OAAOsD,GAAMiiB,KAAK,OAAQjiB,GAAM,GAAGyC,GAAKuW,KAMzCilB,QAECrtB,KAAOA,IAyHPva,KAAO,SAAUhJ,EAAIwR,OACpBgU,EAAMorB,GAAO5wC,aACZA,GAAMwR,EACNgU,QASJ6tB,WAAa,SAAUC,QACrBrP,YAAYqP,EAAOlkC,6BAGNkkC,EAAO1f,uBAAuB3yB,EAAGuM,IAAK,UAClDnM,QAAQ,SAACqN,KACR5G,aAAa,IAAK2gB,EAAYd,YAAYjZ,MACnCghB,OAAOhhB,UAcjB6kC,GAAU,SAAU5gC,OACnBhB,WAAoBgB,MACnB3I,EAAQ2I,EAAKtC,WAAU,YACxB+lB,OAAOpsB,KACP0F,WACWohC,gBAAgBn+B,KACf,GAAK3I,IACNgnC,gBAAgBhnC,GAAO8iC,WAAU,GAC1C9iC,QAmBJwpC,iBAAmB,SAAUrgC,EAAKsgC,KAE/B3+B,WAAW3B,OACXR,EAAO67B,EAAiB,GACxBkF,EAAe/gC,EAAK5K,aAAa,aACjC6H,EAAOkd,GAAana,GACpBa,EAAK5D,EAAKlM,EAAIkM,EAAKM,MAAQ,EAAGuD,EAAK7D,EAAKjM,EAAIiM,EAAKE,OAAS,EAC1D2L,EAAQhG,EAAiB9C,GAG3B8I,EAAMvT,cAAgB,IAEL,IADLuT,EAAMzK,QAAQ,GAClB7Q,QACFgI,WAAW,OAIT,IAARgL,EAAW,KACPwgC,EAAS54B,GAAevH,EAAIC,EAAI6I,GAAyBb,GAAOvK,QAChEsW,EAAMtY,EAAQ4B,uBAChB2W,UAAUtU,EAAKwgC,EAAOjwC,EAAGiwC,EAAOhwC,GAChC8X,EAAMvT,gBACF8G,iBAAiBwY,EAAK,KAEtBzW,WAAWyW,QAEc,IAAxB/L,EAAMvT,iBACVqR,gBAAgB,iBAGlBk6B,EAAa,KAGVG,EAAejhC,EAAK5K,aAAa,eAClCD,aAAa,YAAa4rC,MACP,YAAaE,EAAcpF,KAC9C,UAAWA,OAMZqF,EAAWpqB,EAAgBunB,gBAAgBxC,EAAiB,MACzDhE,WACAS,kBAAkB93B,QAUvB2gC,GAAmC/xC,KAAK+xC,iCAAmC,mBAEzEl5B,EAAW,IAAIlB,GADe,SAAtBq6B,GAA+B,WAAa,QAGtDrhC,EAAI87B,EAAiB7tC,OAClB+R,KAAK,KACJC,EAAO67B,EAAiB97B,GAExBoH,EAAM2sB,GAAsB9zB,GAC9BmH,KACOgB,cAAchB,GAItBc,EAASo5B,cACQp5B,KACf,UAAW4zB,KAUdyF,GAAY,SAAU3gC,WAClB0F,KAAK1F,EAAEnC,EAAGmC,EAAElC,EAAGkC,EAAEjC,EAAGiC,EAAEhC,EAAGgC,EAAE/B,EAAG+B,EAAE9B,KAItC0iC,GAAW,KAeTC,GAAapyC,KAAKoyC,WAAa,SAAUt6B,EAAOizB,MACrC,MACAjzB,EAAOizB,IAYU/qC,KAAKqyC,oBAAsB,SAAUC,MAC1C,MAAvB7F,EAAiB,IAChB6F,EAAc1zC,gBAGb2zC,KACJ/hC,EAAMi8B,EAAiB7tC,OAChB+R,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBC,EAAO67B,EAAiB97B,GAC1BC,IAEG0hC,EAActmC,SAAS4E,KAGVm+B,gBAAgBn+B,KAFfxI,KAAKwI,MAOT2hC,SAQhBC,wBAA0B,eACvB9R,EAAed,IAAoBe,kBACrCD,OACY,YACHp1B,GAAE4xB,GAAgBwD,GAAczN,kBAQzCwf,GAQF/oB,GACF7C,GACAC,GACA4rB,GACAC,GACAC,GACAC,GACAC,GACAC,GACA5gB,GACA9E,GACA2lB,GACAC,GACAC,GAGIC,GA5BFlrB,GAAY,KAIVwqB,SACE,UACA,UACA,UACA,MAIJ/oB,GAAQ,KACV7C,GAAS,KACTC,GAAS,KACT4rB,GAAU,KACVC,GAAU,KACVC,MACAC,GAAc,EACdC,IAAkBnxC,EAAG,EAAGC,EAAG,GAC3BmxC,IAAkBpxC,EAAG,EAAGC,EAAG,GAC3BuwB,IAASxwB,EAAG,EAAGC,EAAG,GAClByrB,IAAO1rB,EAAG,EAAGC,EAAG,GAChBoxC,IAAWrxC,EAAG,EAAGC,EAAG,GACpBqxC,IAAWtxC,EAAG,EAAGC,EAAG,GACpBsxC,UAGIC,GAAkB,SAAUx/B,OAC1By/B,GAAUzxC,EAAG,EAAGC,EAAG,GACvByxC,EAAKP,GACLQ,EAAKP,GACLQ,EAAKphB,GACLqhB,EAAKnmB,GAELqF,EAAK/e,EAAIA,EACT8/B,EAAK/gB,EAAK/e,EAENpC,KACF,EAAG,GAAI,EAAG,IACX,GAAI,EAAG,EAAG,KACT,EAAG,EAAG,EAAG,IACV,EAAG,EAAG,EAAG,aAGL5P,EAXD,EAAM,IAYT0xC,EAAG1xC,EAAI4P,EAAE,GAAG,GAAK+hC,EAAG3xC,EAAI4P,EAAE,GAAG,GAAKgiC,EAAG5xC,EAAI4P,EAAE,GAAG,GAAKiiC,EAAG7xC,EAAI4P,EAAE,GAAG,IAAMkiC,GACnEJ,EAAG1xC,EAAI4P,EAAE,GAAG,GAAK+hC,EAAG3xC,EAAI4P,EAAE,GAAG,GAAKgiC,EAAG5xC,EAAI4P,EAAE,GAAG,GAAKiiC,EAAG7xC,EAAI4P,EAAE,GAAG,IAAMmhB,GACrE2gB,EAAG1xC,EAAI4P,EAAE,GAAG,GAAK+hC,EAAG3xC,EAAI4P,EAAE,GAAG,GAAKgiC,EAAG5xC,EAAI4P,EAAE,GAAG,GAAKiiC,EAAG7xC,EAAI4P,EAAE,GAAG,IAAMoC,GACrE0/B,EAAG1xC,EAAI4P,EAAE,GAAG,GAAK+hC,EAAG3xC,EAAI4P,EAAE,GAAG,GAAKgiC,EAAG5xC,EAAI4P,EAAE,GAAG,GAAKiiC,EAAG7xC,EAAI4P,EAAE,GAAG,OAE7D3P,EAjBD,EAAM,IAkBTyxC,EAAGzxC,EAAI2P,EAAE,GAAG,GAAK+hC,EAAG1xC,EAAI2P,EAAE,GAAG,GAAKgiC,EAAG3xC,EAAI2P,EAAE,GAAG,GAAKiiC,EAAG5xC,EAAI2P,EAAE,GAAG,IAAMkiC,GACnEJ,EAAGzxC,EAAI2P,EAAE,GAAG,GAAK+hC,EAAG1xC,EAAI2P,EAAE,GAAG,GAAKgiC,EAAG3xC,EAAI2P,EAAE,GAAG,GAAKiiC,EAAG5xC,EAAI2P,EAAE,GAAG,IAAMmhB,GACrE2gB,EAAGzxC,EAAI2P,EAAE,GAAG,GAAK+hC,EAAG1xC,EAAI2P,EAAE,GAAG,GAAKgiC,EAAG3xC,EAAI2P,EAAE,GAAG,GAAKiiC,EAAG5xC,EAAI2P,EAAE,GAAG,IAAMoC,GACrE0/B,EAAGzxC,EAAI2P,EAAE,GAAG,GAAK+hC,EAAG1xC,EAAI2P,EAAE,GAAG,GAAKgiC,EAAG3xC,EAAI2P,EAAE,GAAG,GAAKiiC,EAAG5xC,EAAI2P,EAAE,GAAG,QAI/D6hC,EAAOzxC,IACPyxC,EAAOxxC,OAssCZupC,GAAWuI,UA1rCK,SAAU/sB,OACtBoG,EAAO4mB,UAA2B,IAAfhtB,EAAIitB,YAErBC,EAA4B,IAAfltB,EAAIitB,OAEnBjtB,EAAImtB,UACCC,sBAAsB,EAAG,MAGvBzoC,GAAE,iBAAiB,GAAG0oC,eAAe/vB,cAE1C/G,EAAKlE,GAAe2N,EAAIstB,MAAOttB,EAAIutB,MAAO/B,IAC9CvqB,EAAS1K,EAAGvb,EAAIob,EAChB8K,EAAS3K,EAAGtb,EAAImb,IAEdhe,iBAEA80C,OACY,YACG32B,OAQfvb,EAAIimB,EAAS7K,EACfnb,EAAIimB,EAAS9K,EACX6J,EAAcyC,GAAe1C,GAEL,MAAxBC,EAAY7Q,SAAqD,IAAlC6Q,EAAYsK,WAAWtyB,WAC1CgoB,EAAYmL,gBAItBoiB,EAAQxyC,KACJklB,GAASllB,MACbyyC,EAAQxyC,QACJklB,GAASllB,EAEfwpC,EAAU4C,iBACRhmB,GAAWrmB,KACXqmB,GAAWpmB,MACNomB,GAAWnB,OACXmB,GAAWlB,KAMlBF,IAAgBc,EAAgB0iB,qBAA8C,MAAvBqC,EAAiB,GAAY,KAChFhC,EAAO9jB,EAAI9nB,OACXw1C,EAAWtU,GAAO0K,EAAM,QAEb,WAAb4J,KACY,SAEQ,WAAbA,OACK,YACMtU,GAAO0K,EAAM,UAErBgC,EAAiB,MAGhB7lB,EAAY5gB,aAAa,iBACtC2K,SAAG2jC,SACD56B,EAAQhG,EAAiBkT,UACvB4oB,QACH,gBACO,KACU,OAChBqE,QAAwB,GAExBjtB,IAAgBzZ,MAEbs/B,EAAiBzgC,SAAS4a,KAGxBD,EAAIQ,aAEQ,OAEDP,OACDA,IACHjK,UAITk3B,MAGEljC,EAAI,EAAGA,EAAI87B,EAAiB7tC,SAAU+R,KACd,MAAvB87B,EAAiB97B,QACf4jC,EAAQ7gC,EAAiB+4B,EAAiB97B,IAC5C4jC,EAAMpuC,gBACF8G,iBAAiBE,EAAQ4B,qBAAsB,KAE/CC,WAAW7B,EAAQ4B,4BAIrB8kC,WAEI,cACG,MAAbtsB,QACUG,EAAgBC,uBASbJ,UAPNxK,QACAA,QASF,SACC,UACC,UACR,gBAGF,WACO,EACO,MAAbwK,QACUG,EAAgBC,uBAEbJ,MACZ4sB,EAAQp3B,IACRo3B,EAAQp3B,QACJ,SACC,UACC,UACR,eAEA,aACO,KACDpb,KACAC,KAIEmpB,GAAazf,GAAE,iBAAiB,QACrCkgB,QACJnP,KAAKu2B,GAAU,SAAUtiC,EAAKc,KAC3Bd,GAAOc,EAAM2L,OAEPyO,MAIL/d,EAAMgK,GAAiBmP,GAAe,EAAI,KAE5CnN,GAAmBC,KACfzM,iBAAiBE,EAAQ4B,qBAAsBtB,KAC/CR,iBAAiBE,EAAQ4B,qBAAsBtB,KAC/CR,iBAAiBE,EAAQ4B,qBAAsBtB,aAE/CuB,WAAW7B,EAAQ4B,wBACnBC,WAAW7B,EAAQ4B,wBACnBC,WAAW7B,EAAQ4B,sBAErBmB,IAA4B,KAKxBskC,EAAW7kC,IAEb8kC,SACAD,MACc,SAAUE,OAClBC,EAAUD,EAAIrjB,eAAe,KAAM,YACrCqR,kBAAkB,KAAM,UAEZ,OAAZiS,GAAkBC,WAAW,aAAkBpjB,eAAe,KAAM,SAAUmjB,IAAa,OAGvFnmC,MAAMC,aAAe,qBAC7B+lC,KAA0B5tB,OAExB6Q,EAAM7Q,EAAYopB,qBAAqB,KAC3Cx/B,EAAMinB,EAAI74B,WACP+R,EAAI,EAAGA,EAAIH,EAAKG,IACd8mB,EAAI9mB,GAAGnC,UAGRmC,GAAGnC,MAAMC,aAAe,qBACxB+lC,KAA0B/c,EAAI9mB,eAKrC,gBACA,aACA,YACGhP,EAAIwyC,KACJvyC,EAAIwyC,MACA,KACFD,EAAQ,IAAMC,EAAQ,MACkB,IAAtCrhC,WAAWy5B,EAASH,cAAsB,EAAIG,EAASH,wBAEtD,sBACE,eAED3iB,MACJE,SACE,eACG4iB,EAASnT,QAAU,mBACV,cACX,4BAGFnf,KAAOi6B,KACP/5B,KAAO+5B,KACP75B,KAAO85B,KACPrK,KAAOqK,YAEb,YACO,MACJS,EAAWlrB,WACN,4BAIA,SACC,KACJC,YACK4iB,EAASnT,QAAU,QACrB,+BAGHwb,EAAUC,OACED,aAEjB,aAIA,WACO,KACDlzC,KACAC,aAEE,kBACE,sBAIF,SACC,KACJgoB,YACK4iB,EAASnT,QAAU,eAI7B,WACO,IACkC,IAAlClW,OAAOqpB,EAASH,cAAsB,EAAIG,EAASH,wBAElD,kBACE,WAEL1qC,KACAC,KACAD,KACAC,KACAgoB,WACI4iB,EAASO,sBACDuH,qBACI9H,EAASQ,mCACVR,EAASS,iCACVT,EAASU,gCACTV,EAASW,oBACrB,eACGX,EAASnT,QAAU,QACrB,mCAIR,aACO,aAEC,oBACE,WAEL13B,KACAC,IACD,KACCgoB,YACK4iB,EAASnT,QAAU,eAI7B,cACO,aAEC,qBACE,WAEL13B,KACAC,KACA,KACA,KACAgoB,YACK4iB,EAASnT,QAAU,eAI7B,WACO,EACY1P,WACX,kBACE,mBAILC,SACEmrB,GAAQ1N,oBACE0N,GAAQ1I,yBACX0I,GAAQzI,wBACNyI,GAAQxI,0BACR,qBACF,mBACJC,EAASnT,qBAKnB,WAEA,eACOtc,MACAA,IACEi4B,UAAUruB,EAAKC,EAAaC,GAAQC,QACtC,YAEP,eACO/J,MACAA,KACEi4B,UAAUruB,EAAKC,EAAaC,GAAQC,QACtC,YAEP,aACO,IAEHoU,QAAQ+Z,oBAAoB,YAAaxI,OAgB5CyI,EAAYhF,GAAc,mBACvBvpB,UACEE,WACAC,wBAER,MAEDzK,KAAK64B,EAAW,SAAUvkC,EAAGoU,GACzBA,GAAKA,EAAEowB,cACC,QAq0BkBC,UAvzBhB,SAAUzuB,MACrBwuB,IACc,IAAfxuB,EAAIitB,SAAgB7mB,EAAO4mB,cAE3BhjC,SAAG8Y,SAAQhY,SAAIC,SAAIsJ,SAAIC,SAAIzK,SAAKrN,SAAOkiB,SACzCtF,EAAW0sB,EAAiB,GAE5BvvB,EAAKlE,GAAe2N,EAAIstB,MAAOttB,EAAIutB,MAAO/B,IAC1CvqB,EAAS1K,EAAGvb,EAAIob,EAChB8K,EAAS3K,EAAGtb,EAAImb,EAChBqvB,EAAQ5uB,GAAQ+K,KAEd4rB,EAAQvsB,EAAS7K,EACjBpb,EAAIwyC,EACJC,EAAQvsB,EAAS9K,EACjBnb,EAAIwyC,EAEJhJ,EAAU4C,iBACRhmB,GAAWrmB,KACXqmB,GAAWpmB,MAGb7C,qBACA2a,gBACI81B,QACH,YAIyB,OAAxB/C,EAAiB,GAAa,MAC3B9qC,EAAIklB,KACJjlB,EAAIklB,GAELskB,EAAU4C,iBACPhmB,GAAWhN,KACXgN,GAAW/M,IAGd0L,EAAIQ,SAAU,SACVtM,GAAYgM,GAAQC,GAAQnlB,EAAGC,OACnCD,MAAGC,KAGI,IAAPoZ,GAAmB,IAAPC,EAAU,OAClBwxB,EAAiB7tC,OAClB+R,EAAI,EAAGA,EAAIH,GAEE,SADLi8B,EAAiB97B,MADPA,EAAG,KAWlBW,EAAQnE,EAAQ4B,uBACd2E,EAAiBqM,KAKnB0kB,aAAazpB,EAAIC,GACnBvB,EAAMvT,gBACF2G,YAAYwE,EAAO,KAEnBtC,WAAWsC,KAIH29B,gBAAgBlvB,GAAU0oB,WAGvC,aAAcgE,UAIvB,IAAK,iBACI1vB,KACAA,KACQwK,MACZtd,KAAKkQ,IAAIu4B,GAASyB,KAClBlqC,KAAKkQ,IAAIw4B,GAASyB,SACdnqC,KAAKuP,IAAI26B,EAAQzB,WAChBzoC,KAAKuP,IAAI46B,EAAQzB,KACxB,SAMGL,EAAgB7F,EAAiBv5B,QAAS87B,KAC9CqG,EAAUtE,WAGNsE,EAAQz2C,OACT+R,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KAClB2kC,EAAUD,EAAQ1kC,GAEnB87B,EAAiBzgC,SAASspC,MAClBltC,KAAKktC,OAGZC,EAAWjD,EAAc9vB,QAAQ8yB,IACrB,IAAdC,KACYrtC,OAAOqtC,EAAU,GAI/BjD,EAAc1zC,OAAS,KAClByzC,oBAAoBC,GAGzBtD,EAAWpwC,OAAS,KACfqsB,eAAe+jB,SAIxB,IAAK,WAIGt7B,EAAiBqM,OACnBy1B,EAAY/7B,GAAmBC,QAC/B87B,EAAY5C,GAAW7nB,GAAahL,IAC3Bpe,EACb8zC,EAAMpwB,EAAIzjB,IACQyjB,EAAjBlX,IAAAA,MAAOJ,IAAAA,YACJpM,EAAIklB,KACJjlB,EAAIklB,GAENskB,EAAU4C,iBACPhmB,GAAWhN,KACXgN,GAAW/M,KACP+M,GAAWja,KACZia,GAAW7Z,MAIbsJ,GAAiBsI,GACd,KACHgF,EAAI9a,KAAKgL,KAAK+F,EAAKA,EAAKC,EAAKA,GACjC+J,EAAQ/a,KAAKiR,MAAMD,EAAID,GAAM7X,EAAQ8G,KAAK8Q,GAAK,MAC5CgK,EAAI9a,KAAKqR,IAAI0J,KACbD,EAAI9a,KAAKsR,IAAIyJ,GAKfgtB,GAAkBhmC,SAAS,MAASgmC,GAAkBhmC,SAAS,SAC7D,GAEFgmC,GAAkBhmC,SAAS,MAASgmC,GAAkBhmC,SAAS,SAC7D,SAIA,EAAGs4B,EAAK,EACboR,EAAK3nC,GAAUA,EAASkN,GAAMlN,EAAS,EACvC4nC,EAAKxnC,GAASA,EAAQ6M,GAAM7M,EAAQ,EAElC6jC,GAAkBhmC,SAAS,SACxB+B,GAAUA,EAASkN,GAAMlN,EAAS,IAClCA,GAIHikC,GAAkBhmC,SAAS,SACxBmC,GAASA,EAAQ6M,GAAM7M,EAAQ,IAC/BA,OAID83B,EAAkB94B,EAAQ4B,qBAC9Bm3B,EAAQ/4B,EAAQ4B,qBAChBo3B,EAAgBh5B,EAAQ4B,wBAEtBq8B,EAAU4C,iBACLhmB,GAAW4tB,KACb5tB,GAAWqc,KACVrc,GAAWytB,KACZztB,GAAWsc,MAGFG,eAAemR,EAAOvR,KAAOoR,EAAMnR,IAC/C3d,EAAIQ,WACK,IAAPwuB,IACGD,IACOC,KAEVvP,SAASuP,EAAID,KAELjR,aAAamR,EAAOvR,EAAIoR,EAAMnR,GACxCkR,EAAW,KACP9nB,EAAOvqB,EAAQ,EAAI,IACnB2J,YAAYm5B,EAAiB,EAAIvY,KACjC5gB,YAAYo5B,EAAO,EAAIxY,KACvB5gB,YAAYq5B,EAAehjB,OAAOuK,QACnC,KACCR,GAAIxT,EAAMvT,gBACV2G,YAAYq5B,EAAejZ,GAAI,KAC/BpgB,YAAYo5B,EAAOhZ,GAAI,KACvBpgB,YAAYm5B,EAAiB/Y,GAAI,KAGzB+hB,gBAAgBlvB,GAAU0oB,WAErC,aAAcgE,SAGnB,IAAK,UACI1vB,KACAA,KACQwK,MACZtd,KAAKkQ,IAAIu4B,GAAU31B,EAAao3B,KAChClqC,KAAKkQ,IAAIw4B,GAAU51B,EAAaq3B,SAC5BnqC,KAAKuP,IAAI26B,EAAQzB,GAAU31B,UAC1B9S,KAAKuP,IAAI46B,EAAQzB,GAAU51B,IAClC,WAEH,IAAK,UACYqvB,YAGd,WAEH,IAAK,OACDhB,EAAU4C,iBACRhmB,GAAWrmB,KACXqmB,GAAWpmB,QAGbW,GAAKZ,EACLa,GAAKZ,EAEL+kB,EAAIQ,iBACAtM,GAAYgM,GAAQC,GAAQvkB,GAAIC,KAC7Bb,KACJ8nB,EAAI7nB,KAGL4vB,eAAe,KAAM,KAAMjvB,MAC3BivB,eAAe,KAAM,KAAMhvB,UAEjC,IAAK,oBAEF,aAEA,WAEA,YACGqzC,GAA0B,WAAhBrG,IAA6B7oB,EAAIQ,SAE/CtN,GAAI5P,KAAKuP,IAAI7X,EAAIklB,IACjB/M,GAAI7P,KAAKuP,IAAI5X,EAAIklB,IACfrF,UAAMC,UACNm0B,OACE/7B,GAAI7P,KAAKoQ,IAAIR,GAAGC,OACb+M,GAASllB,EAAIklB,GAASA,GAAShN,MAC/BiN,GAASllB,EAAIklB,GAASA,GAAShN,QAE/B7P,KAAKkQ,IAAI0M,GAAQllB,MACjBsI,KAAKkQ,IAAI2M,GAAQllB,IAGtBwpC,EAAU4C,kBACRhmB,GAAWnO,OACXmO,GAAWlO,OACRkO,GAAWvG,OACXuG,GAAWtG,QAGH0qB,SACRvyB,UACCC,KACL2H,KACAC,IACF,WAGH,IAAK,gBACDpW,GAAE8gC,GAAO/7B,MAAM,KAAM,YACvBoB,QAAIC,OACFokC,GAAM7rC,KAAKgL,MAAMtT,EAAI8P,IAAO9P,EAAI8P,IAAO7P,EAAI8P,IAAO9P,EAAI8P,IACtD05B,EAAU4C,kBACNhmB,GAAW8tB,OAEbtkB,eAAe,KAAM,IAAKskB,UAEhC,IAAK,iBACDxqC,GAAE8gC,GAAO/7B,MAAM,KAAM,YACvBoB,QAAIC,GACF05B,EAAU4C,iBACRhmB,GAAWrmB,KACVqmB,GAAWvW,KACZuW,GAAWpmB,KACVomB,GAAWtW,MAEZ8f,eAAe,KAAM,KAAMvnB,KAAKuP,IAAI7X,EAAI8P,QACxCwiB,GAAKhqB,KAAKuP,IAAImN,EAAIQ,SAAYxlB,EAAI8P,EAAO7P,EAAI8P,KAC7C8f,eAAe,KAAM,KAAMyC,cAG9B,gBACA,YACM/Z,KAAOjQ,KAAKkQ,IAAIg6B,EAAO1B,GAASv4B,SAChCE,KAAOnQ,KAAKoQ,IAAI85B,EAAO1B,GAASr4B,SAChCE,KAAOrQ,KAAKkQ,IAAIi6B,EAAO3B,GAASn4B,SAChCyvB,KAAO9/B,KAAKoQ,IAAI+5B,EAAO3B,GAAS1I,UAGtC,eAGCpoC,EAAIwyC,EAAO9mB,GAAIzrB,EAAIwyC,EACnBtB,GAAenxC,GAAKmxC,GAAelxC,MAChC+O,EAAI,EAAGA,EAAIolC,EAAgBplC,UAClBA,EA7vBL,MA+vBGwiC,IADOxiC,EAAI,GA9vBd,OAgwBGqiC,MACAG,GAAgBD,SACXjpC,KAAKgL,MAAMg+B,GAAQtxC,EAAIqxC,GAAQrxC,IAAMsxC,GAAQtxC,EAAIqxC,GAAQrxC,IAAMsxC,GAAQrxC,EAAIoxC,GAAQpxC,IAAMqxC,GAAQrxC,EAAIoxC,GAAQpxC,KAnwB7G,GAowBmB,KApwBnB,OAwwBPo0C,GAAQ5oC,EAAWkS,oBACnB3d,EAAIqxC,GAAQrxC,KACZC,EAAIoxC,GAAQpxC,IACZ4I,OAAOwE,WAAWgnC,QAIZr0C,EAAGoxC,GAAepxC,EAAGC,EAAGmxC,GAAenxC,OACvCD,EAAGwwB,GAAMxwB,EAAGC,EAAGuwB,GAAMvwB,OAC9BD,EAAG0rB,GAAI1rB,EAAGC,EAAGyrB,GAAIzrB,SAG1B,IAAK,WAGF,iBACEmb,KACAA,EAEDquB,EAAU4C,iBACRhmB,GAAWrmB,KACXqmB,GAAWpmB,MACNomB,GAAWnB,OACXmB,GAAWlB,KAElBH,EAAIQ,SAAU,KACTxa,GAAQihC,GACXvrC,UAAIC,UACJqK,OACGA,GAAKua,SAAWva,GAAKua,SAAS,GAAKL,MACnCla,GAAKua,SAAWva,GAAKua,SAAS,GAAKJ,QAEnCD,MACAC,aAEDjM,GAAYxY,GAAIC,GAAIX,EAAGC,QAC3BD,OAAGC,EAGH2lB,IAAmD,SAAtCA,GAAUvhB,aAAa,gBAC7B+W,KACAA,KACQwK,MACZtd,KAAKkQ,IAAIu4B,GAAU31B,EAAao3B,KAChClqC,KAAKkQ,IAAIw4B,GAAU51B,EAAaq3B,SAC5BnqC,KAAKuP,IAAI26B,EAAQzB,GAAU31B,UAC1B9S,KAAKuP,IAAI46B,EAAQzB,GAAU51B,IAClC,QAEOk5B,UAAUt0C,EAAGC,SAGzB,IAAK,cACAmb,KACAA,KAUOk5B,UAAUruB,EAAQC,SAG9B,IAAK,cACCkD,GAAahL,IACVpe,EAAI0jB,EAAIlX,MAAQ,IACpBkX,EAAIzjB,EAAIyjB,EAAItX,OAAS,MACpBwD,GAAIqJ,GAAUmF,GAClB6xB,GAAS54B,GAAevH,EAAIC,EAAIH,MAC7BqgC,GAAOjwC,IACPiwC,GAAOhwC,KACFqI,KAAKiR,MAAMxJ,EAAK9P,EAAG6P,EAAK9P,IAAM,IAAMsI,KAAK8Q,IAAO,IAAM,IAC5DqwB,EAAU4C,iBACJhmB,GAAW7kB,IAEjBwjB,EAAIQ,aACO,GACLld,KAAKoR,MAAMlY,EADN,OAIRsuC,iBAAiBtuC,GAAS,IAAO,IAAMA,EAASA,GAAO,KACzD,aAAcspC,MAeP,mBACL9lB,UACEiB,UACAC,kBAyY0C0O,MAP5B,SAAU/mB,YACjCzQ,kBACK,IAKwE6e,SAjDhE,SAAU+I,OAEnB/P,EADY+P,EAAI9nB,OACGsX,cAGrBS,IAAWsmB,OAEXtW,EAAcyC,GAAe1C,GAC1B5Q,EAAW6Q,EAAX7Q,WAES,SAAZA,GAAsC,aAAhBy5B,GAA4B,KAC9CtyB,EAAKlE,GAAe2N,EAAIstB,MAAOttB,EAAIutB,MAAO/B,OACpC1vB,OAAOmE,EAAa1J,EAAGvb,EAAGub,EAAGtb,GAG1B,MAAZmU,GAA+B,MAAZA,IACtB0B,GAAiBmP,QAMGA,KACN6lB,EAAiB,MAChB,IAGbvP,QAIoB,MAAnBtmB,EAAOb,SAAsC,MAAnBa,EAAOb,SACpCa,IAAWgpB,IAAoBe,mBAC/B/Z,IAAgBc,EAAgB0iB,wBAKlBxjB,MAWkFsvB,QAvXpF,SAAUvvB,MACL,IAAfA,EAAIitB,YACFuC,EAAmBC,SACV,KACVjB,QACCj4B,EAAKlE,GAAe2N,EAAIstB,MAAOttB,EAAIutB,MAAO/B,IAC9CvqB,EAAS1K,EAAGvb,EAAIob,EAChB8K,EAAS3K,EAAGtb,EAAImb,EAChBpb,EAAIimB,EAAS7K,EACbnb,EAAIimB,EAAS9K,EAEX4N,EAAUnN,GAAQ+K,KAClB8tB,GAAO,EAELlC,EAAQxyC,EACRyyC,EAAQxyC,MAIJ,MACNuV,SAAOxD,gBACH67B,QAEH,aACA,cACc,MAAbjoB,QACQxhB,aAAa,UAAW,kBAGtB,aAEX,YACwB,MAAvB0mC,EAAiB,GAAY,IAEJ,MAAvBA,EAAiB,GAAY,KAEzB1sB,EAAW0sB,EAAiB,UAC1B1sB,EAAShK,aACZ,QACA,UACA,YACA,iCAGWsxB,KAAOtnB,EAAS/Z,aAAa,WAC7BonC,aAAertB,EAAS/Z,aAAa,mBACrC+mC,OAAShtB,EAAS/Z,aAAa,aAC/BmnC,eAAiBptB,EAAS/Z,aAAa,qBACvCqmC,aAAetsB,EAAS/Z,aAAa,mBACrCgnC,iBAAmBjtB,EAAS/Z,aAAa,uBACzCinC,gBAAkBltB,EAAS/Z,aAAa,sBACxCknC,eAAiBntB,EAAS/Z,aAAa,kBAG9B,SAArB+Z,EAAShK,aACHu2B,UAAYvsB,EAAS/Z,aAAa,gBAClCumC,YAAcxsB,EAAS/Z,aAAa,kBAE9BipC,gBAAgBlvB,GAAUgrB,WAAU,WAQlDoJ,IAAUzB,IAAW0B,IAAUzB,WAC3BniC,EAAMi8B,EAAiB7tC,OACpB+R,EAAI,EAAGA,EAAIH,GACS,MAAvBi8B,EAAiB97B,KADIA,EAEpB87B,EAAiB97B,GAAGohB,cAEPkd,gBAAgBxC,EAAiB97B,IAAI83B,gBAKrD9hB,EAAI9nB,OAC6B,SAAjC4tC,EAAiB,GAAGnhB,UAA8C,MAAvBmhB,EAAiB,KAClDhqB,OAAOgqB,EAAiB,IAG3B9lB,EAAIQ,UACTgvB,IAAqBxiC,KAChB0+B,qBAAqB1+B,OAM9BzD,IAA4B,KACxBU,EAAO67B,EAAiB,GAC1B77B,MACG4G,gBAAgB,YACZ5G,EAAM,SAAUA,KAClB4G,gBAAgB,wBAM1B,OACc,MAAb+P,OACQxhB,aAAa,UAAW,YAE9BuwC,EAAS3vB,EAAIQ,SAAW,GAAM,gBAC/B,YACAld,KAAKkQ,IAAIu4B,GAASyB,KAClBlqC,KAAKkQ,IAAIw4B,GAASyB,SACdnqC,KAAKuP,IAAI26B,EAAQzB,WAChBzoC,KAAKuP,IAAI46B,EAAQzB,mBAIxB,YAKW,MACIhxC,EAAG,EAAGC,EAAG,OACTD,EAAG,EAAGC,EAAG,OAClBD,EAAG,EAAGC,EAAG,OACXD,EAAG,EAAGC,EAAG,OACVooC,EAASrf,EAAQ3kB,aAAa,UAC9BuwC,EAAavM,EAAOxnB,QAAQ,QAC9B+zB,GAAc,EACTvM,EAAOxnB,QAAQ,IAAK+zB,EAAa,IAAM,EAEvCvM,EAAOxnB,QAAQ,IAAKwnB,EAAOxnB,QAAQ,KAAO,IAAM,OAG7CkE,EAAY8vB,uBAAuB7rB,cAG5C,SACKrf,GAAEqf,GAASta,MAAM,KAAM,KAAM,KAAM,SACnC8G,EAAM9U,KAAO8U,EAAM5U,IAAM4U,EAAM7U,KAAO6U,EAAM3U,aAEjD,oBACA,aACA,WACA,UACK8I,GAAEqf,GAASta,MAAM,QAAS,aAE1B8G,EAAMhJ,OAASgJ,EAAMpJ,QAA2B,UAAhByhC,aAErC,WACmC,MAA9B7kB,EAAQ3kB,aAAa,eAE1B,YACKsF,GAAEqf,GAASta,MAAM,KAAM,SACvB8G,EAAM6c,IAAM7c,EAAM8c,aAEvB,YACEwe,GAASr4B,KAAOq4B,GAASv4B,KAAQ,GACnCu4B,GAAS1I,KAAO0I,GAASn4B,KAAQ,MACxBqP,WACC,qBACE,YAEJ8oB,GAASv4B,KAAOu4B,GAASr4B,MAAQ,MACjCq4B,GAASn4B,KAAOm4B,GAAS1I,MAAQ,MACjC0I,GAASr4B,KAAOq4B,GAASv4B,MAAQ,MACjCu4B,GAAS1I,KAAO0I,GAASn4B,MAAQ,KAClCiO,SAGH,WAAYoC,OACV,aAGN,SACE8nB,GAASr4B,KAAOq4B,GAASv4B,KAAQ,GACnCu4B,GAAS1I,KAAO0I,GAASn4B,KAAQ,MACxBqP,WACC,kBACE,UAEN8oB,GAASv4B,OACTu4B,GAASn4B,WACJm4B,GAASr4B,KAAOq4B,GAASv4B,YACxBu4B,GAAS1I,KAAO0I,GAASn4B,QAC9BiO,SAGH,WAAYoC,OACV,aAGN,UACI,MACKA,OACAwH,MAAMxH,aAEf,SAEO,SAEA,MAEJ8rB,EAAM/vB,EAAYgwB,QAAQ/vB,EAAKgE,EAAS/C,EAAQC,KACzC4uB,EAAX9rB,UACQ8rB,EAARJ,eAEC,cACI,IACG,OACEK,QAAQ/vB,aAEjB,cACI,IACG,QACE+vB,QAAQ/vB,EAAKiB,EAAQC,aAE9B,YACI,IACG,QACI,aACRhP,EAAWkU,EAAOmO,QAAQyb,uBAC3B99B,EAASo5B,aACQp5B,UAIjB,UAAW4zB,OAeZyI,EAAYhF,GAAc,iBACvBvpB,UACEiB,UACAC,IACR,SAEDxL,KAAK64B,EAAW,SAAUvkC,EAAGoU,GACzBA,MACKA,EAAEsxB,MAAQA,IACJtxB,EAAX4F,WACQ5F,EAAEowB,SAAWA,MAItBkB,GAAmB,MAAX1rB,GAyBN,GAAe,MAAXA,EAAiB,GAKnBisB,UAAW,MAIdC,EAAS,GACTC,YACAlH,GAAQmH,cAAgBhkC,WAAW4X,EAAQ3kB,aAAa,cAAgBwmC,EAASnT,QAAS,GACrF/tB,GAAEskC,IAAS3nC,QAAQoI,SACpBm8B,EAASnT,YACRwd,IACJrL,SAAS7gB,SAGL,GAAGosB,eACR,MAAOvnC,YAEA,aAKA,WACLsnC,KAAanpC,WACT5H,aAAa,UAAWymC,EAASnT,WACjCtzB,aAAa,QAAS,6BACf4kB,GACK,SAAhB6kB,KACUtmB,WAAWyB,GACdygB,EAAU4L,eACPrsB,IAAU,KAIJ,IAAIhU,GAAqBgU,MAExC,WAAYA,KACP,IAATksB,QAlEyB,SACRI,UAAU1uB,OACtB5a,WACE,OAENgZ,EAAI9nB,OAKD8U,GAAKA,EAAEwC,YAAcxC,EAAEwC,WAAWA,YAAkD,MAApCxC,EAAEwC,WAAWA,WAAWJ,WACzEpC,EAAEwC,WAKa,SAAhBq5B,IAA2BvnB,KAC9BtU,IAAKA,EAAEwC,YACa,wBAApBxC,EAAEwC,WAAW9C,IACJ,cAATM,EAAEN,IAA+B,YAATM,EAAEN,OAGnB6jC,QAAQ,cACHvjC,IAAI,OA8CH,YAwDjBw3B,GAAWlkC,KACX,qCAOUuI,MACHA,EAAE2X,YAELpoB,qBACI4nB,EAAMnX,EAAE2nC,iBAEH7rC,GAAE,iBAAiB,GAAG0oC,eAAe/vB,cAE1CmzB,EAAW9rC,GAAE,aAEb+rC,EAAajM,EAAUkM,WAAa,GAAK,EAGzCp6B,EAAKlE,GAAe2N,EAAIstB,MAAOttB,EAAIutB,MAAO/B,IAG1CoF,EAAcH,EAASjpC,QACvBqpC,EAAcJ,EAASrpC,SAGvB0pC,EAAUF,EAXD,GAWwBF,EACjCK,EAAUF,EAZD,GAYwBH,EAGjCM,EAAgBF,EAAUtF,GAAS/iC,EACnCwoC,EAAgBF,EAAUvF,GAAS5iC,EAGnCsoC,EAAUT,EAAShiB,SACnB0iB,EAAcD,EAAA,KAAkBR,EAChCU,EAAaF,EAAA,IAAiBR,EAE9BW,EAASrxB,EAAIsxB,WAActxB,EAAIsxB,WAActxB,EAAIuxB,QAAWvxB,EAAIuxB,OAAS,KAC1EF,OAED1B,EAASrsC,KAAKoQ,IAAI,IAAOpQ,KAAKkQ,IAAI,EAAI,EAAI69B,IAE1CG,SAAOC,SACP9B,EAAS,KACHrsC,KAAKouC,KAAKZ,EAAUE,EAAgBrB,EAAS,KAAO,MACpDrsC,KAAKouC,KAAKX,EAAUE,EAAgBtB,EAAS,KAAO,QAEpDrsC,KAAKukB,MAAMipB,EAAUE,EAAgBrB,EAAS,KAAO,MACrDrsC,KAAKukB,MAAMkpB,EAAUE,EAAgBtB,EAAS,KAAO,SAE3DgC,EAAYruC,KAAKkQ,IAAIg+B,EAAOC,SACpBnuC,KAAKkQ,IAAI,GAAIlQ,KAAKoQ,IAAI,IAAMi+B,OACtBv7B,KAGTu7B,EAAYv7B,MAGfw7B,EAAav/B,GAAe8+B,EAAaC,EAAY5F,IAerDqG,MAXDt7B,EAAGvb,GAAKub,EAAGvb,EAAI42C,EAAW52C,GAAK20C,GAMhBgC,EAMMjB,EAAaE,EAAc,KAXhDr6B,EAAGtb,GAAKsb,EAAGtb,EAAI22C,EAAW32C,GAAK00C,GAMhBgC,EAMMjB,EAAaG,EAAc,KAG9CiB,QAAQH,MACb,SAASlnC,KAAiB,IAAZknC,GAAiB/jC,QAAQ,MAEpC,gBAAiBq9B,QAAQ,EAAO4G,aAChC,qBAWHE,GAAc3rB,EAAO2rB,YAAe,eACtCC,SACAC,SACAC,SACAC,SACAC,SACAC,KACAC,SACA9pC,SACAsb,SAAOC,SACPwuB,kBAEKC,EAAWrxC,OACZ6xB,EAA6B,KAApBif,EAAUroC,YACvBqoC,GAAWQ,SAER1oC,UAAU9R,UACT+6B,IACM,MACH,IACDif,EAAUS,eAAiBT,EAAUU,wBACjCV,EAAUS,iBAIhBE,EAASP,EAASlxC,GACnB6xB,KACO6f,kBAAkB1xC,EAAOA,MAE5B0V,GAAQ,oBAENxe,SAAS8G,gBAAgB5G,EAAGuM,IAAK,WACzBotC,MACX,qBACI,sBACQ,MAETr7B,GAAQ,uBAAuBG,YAAYk7B,IAGjDE,MACOU,YAAY,eACdp3B,EAA2C,SAAnCw2B,EAAO7yC,aAAa,aAC3BD,aAAa,UAAWsc,EAAO,SAAW,SAChD,UAGCq3B,EAAUC,EAAWJ,EAAO53C,EAAGs3C,EAAOr3C,GACtCg4C,EAAQD,EAAWJ,EAAO53C,EAAIs3C,EAAOr3C,EAAIq3C,EAAOlrC,WAErC8qC,MACXa,EAAQ/3C,KACR+3C,EAAQ93C,KACRg4C,EAAMj4C,KACNi4C,EAAMh4C,aACE,kBACH,WAGPk3C,KAAqB/yC,aAAa,IAAK,aAGpC8zC,EAAc1nB,EAAO9E,EAAKysB,MAC7B3nB,IAAU9E,GAKTysB,KACON,kBAAkBrnB,EAAO9E,MAG1B7P,GAAQ,yBAENxe,SAAS8G,gBAAgB5G,EAAGuM,IAAK,WAC3BqtC,MACX,wBACE,gBACG,SACF,2BAED,uBAAuBxrC,OAAOwrC,QAGlCiB,EAAUf,EAAS7mB,GACnB6nB,EAAQhB,EAAS3rB,KAEhBtnB,aAAa,aAAc,cAE5BuN,EAAKqmC,EAAWI,EAAQp4C,EAAGs3C,EAAOr3C,GACtCmY,EAAK4/B,EAAWI,EAAQp4C,GAAKq4C,EAAMr4C,EAAIo4C,EAAQp4C,GAAIs3C,EAAOr3C,GAC1DoY,EAAK2/B,EAAWI,EAAQp4C,EAAGs3C,EAAOr3C,EAAIq3C,EAAOlrC,QAC7CkM,EAAK0/B,EAAWI,EAAQp4C,GAAKq4C,EAAMr4C,EAAIo4C,EAAQp4C,GAAIs3C,EAAOr3C,EAAIq3C,EAAOlrC,QAEjEm2B,EAAO,IAAM5wB,EAAG3R,EAAI,IAAM2R,EAAG1R,EACjC,KAAOmY,EAAGpY,EAAI,IAAMoY,EAAGnY,EACvB,IAAMqY,EAAGtY,EAAI,IAAMsY,EAAGrY,EACtB,IAAMoY,EAAGrY,EAAI,IAAMqY,EAAGpY,EAAI,OAEXk3C,KACZ5U,UACM,kBArCC7W,YAyCL4sB,EAAmBryB,EAAQC,OAE5B3K,EAAK/P,EAAQmS,sBAChB3d,EAAIimB,IACJhmB,EAAIimB,EAGiB,IAApBmxB,EAASp6C,cAAuB,MAEhCs7C,EAAUvB,EAAQwB,qBAAqBj9B,GACvCg9B,EAAU,KAEFlB,EAASp6C,OAAS,EACxBgpB,GAAUoxB,EAAS,GAAGr3C,MACd,IAEHu4C,GAAWlB,EAASp6C,OAAS,MAC5Bo6C,EAASp6C,OAAS,OAExB26C,EAASP,EAASkB,UAEpBtyB,EADQ2xB,EAAO53C,EAAK43C,EAAOprC,MAAQ,OAIhC+rC,WAGAE,EAAoBxyB,EAAQC,KACzBoyB,EAAkBryB,EAAQC,aAG7BwyB,EAA0B14C,EAAGC,EAAG6O,OACjC6pC,EAAK1B,EAAUU,eACfiB,EAAKN,EAAkBt4C,EAAGC,KAElBqI,KAAKkQ,IAAImgC,EAAIC,GACftwC,KAAKoQ,IAAIigC,EAAIC,IACC9pC,YAGnB+pC,EAAYC,EAAKC,OAClB59B,KACD29B,IACAC,QAGD/4C,GAAKob,IACLnb,GAAKmb,EAEL5N,EAAQ,KACJ+N,EAAKlE,GAAe8D,EAAInb,EAAGmb,EAAIlb,EAAGuN,EAAO8U,aAC3CtiB,EAAIub,EAAGvb,IACPC,EAAIsb,EAAGtb,SAGNkb,WAGA68B,EAAYc,EAAKC,OAClB59B,KACD29B,IACAC,MAGDvrC,EAAQ,KACJ+N,EAAKlE,GAAe8D,EAAInb,EAAGmb,EAAIlb,EAAGuN,KACpCxN,EAAIub,EAAGvb,IACPC,EAAIsb,EAAGtb,WAGTD,GAAKob,IACLnb,GAAKmb,EAEFD,WAYA69B,EAAWh0B,KACL,EAAGgyB,EAAQnrC,YAAY5O,WAClCoB,MAAM46C,OAAOj0B,YAGRk0B,EAAYl0B,MACduyB,GAAaP,OAEZmC,EAAM9hC,GAAe2N,EAAIstB,MAAOttB,EAAIutB,MAAO/B,IAG3Cj1B,EAAKs9B,EAFAM,EAAIn5C,EAAIob,EACR+9B,EAAIl5C,EAAImb,GAGbjV,EAAQmyC,EAAkB/8B,EAAGvb,EAAGub,EAAGtb,GACnCwQ,EAAMumC,EAAQnrC,YACdrP,EAAQiU,EAAIyC,OAAO,EAAG/M,GAAOyK,QAAQ,cAAe,IAAI3T,OACxD2S,EAAIa,EAAIyC,OAAO/M,GAAOwK,MAAM,iBAErBnU,GADCoT,EAAIA,EAAE,GAAG3S,OAAS,GAAKkJ,MAInC6e,EAAI9nB,QAAQ03B,MAAMokB,cACT,cACPh0B,EAAI9nB,QAAQ+7C,OAAO,QAASD,IAC7B,6BAUK97C,EAAQ8C,EAAGC,KACP/C,KACEqqB,WAAWvnB,EAAGC,mBAMrBgP,KACKA,KACEsY,iCASHvC,EAAKC,EAAaC,EAAQC,OAC7B5J,EAAKs9B,EAAW3zB,EAAQC,KAEpBsyB,UACSl8B,EAAGvb,EAAGub,EAAGtb,KACpBilB,IACAC,sBASCc,EAAQC,OACX3K,EAAKs9B,EAAW5yB,EAAQC,KACL3K,EAAGvb,EAAGub,EAAGtb,qBAQ3B+kB,EAAKiB,EAAQC,OACd3K,EAAKs9B,EAAW5yB,EAAQC,KAEL3K,EAAGvb,EAAGub,EAAGtb,GAAG,GASnC+kB,EAAI9nB,SAAW85C,GACf/wB,EAAS6C,EAAQ,GACjB7C,EAAS6C,EAAQ,GACjB5C,EAAS6C,EAAQ,GACjB7C,EAAS6C,EAAQ,MAELG,cAAa,oCAcjBlpB,EAAGC,SACF,KACG,aACEqtC,gBAAgB0J,GAAS5N,WAAU,GAE5BrjB,EAAgBunB,gBAAgB0J,MAG3Cx8B,UAEVw8B,GAASoC,IAAI,SAAU,QAOpBrqC,UAAU9R,OAER,KACCse,EAAKs9B,EAAW74C,EAAGC,KACNsb,EAAGvb,EAAGub,EAAGtb,uBAGnB,cACE,GACV,4BAOSo5C,MACE,uBACAjC,KACJ,KACND,MAAcA,GAAUzoC,KAAK,UAAW,QACxCwoC,MAAYA,GAAQxoC,KAAK,aAAc,aACzCsoC,GAASoC,IAAI,SAAU,QAErBC,WAEArC,GAASoC,IAAI,SAAU,UAEpB,YAAapC,QACFA,IAAU,IAExBA,IAAYA,EAAQnrC,YAAY5O,UAE3BouB,4BAGP4rB,GAAWqC,UAEH,yBAUErqC,KACAA,oBAOQ,aAAhB4+B,OACU3kB,8BAOVqwB,MACCvC,OACDhoC,SAAG0c,SAMFsrB,EAAQxiC,eAEDs2B,EAAiB,KACXwC,gBAAgB0J,GAAS5N,WAAU,QAI/Cv6B,EADMmoC,EAAQnrC,YACJ5O,OAEV0S,EAAQqnC,EAAQ3yC,aAAa,mBAE1B+kB,GAAa4tB,KAEbrnC,EAAQsJ,GAAU+9B,GAAW,YAG7B/5C,OAAS4R,IACR4oC,WAERT,GAASiC,OAAO,WAAYC,GAAYj9B,SAASi9B,GAE9CrqC,OACI7O,EAAGs3C,EAAOt3C,EAAKs3C,EAAO9qC,MAAQ,EAAIA,MAAO,IAG7CwC,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KAClBwhB,EAAQwmB,EAAQjrC,uBAAuBiD,QACvCgoC,EAAQwC,qBAAqBxqC,IjB9lGIzD,EiBgmGP,KACxBkoB,EAASrI,EAAOquB,SAAWr+B,IAC3Bpb,GAAKyzB,IACPzzB,GAAKyzB,IAEHzzB,GAAKob,IACPpb,GAAKob,IAOFpM,MACJwhB,EAAMxwB,IACNs3C,EAAOr3C,QACHyrB,EAAI1rB,EAAIwwB,EAAMxwB,SACbs3C,EAAOlrC,UAKV3F,QACJilB,EAAI1rB,QACA,MAEIi3C,EAAUU,eAAgBV,EAAUS,cAAc,MA5bzB,GA2cpCgC,GAAuBr7C,KAAKq7C,qBAAuB,eACjDzpB,EAAOxkB,EAAWykB,uBAAuB3yB,EAAGuM,IAAK,YAClDmmB,IAASA,EAAKhzB,cAAiB,MAI9B08C,KACFC,EAAa,EACXpkC,GAAS,OAAQ,SAAU,SAAU,eAAgB,aAAc,cACnEqkC,EAAOrkC,EAAMvY,OAEb68C,EAASruC,EAAWykB,uBAAuB3yB,EAAGuM,IAAK,KACnDiwC,EAASD,EAAO78C,OAElB+R,SAAGM,aACFN,EAAI,EAAGA,EAAI+qC,EAAQ/qC,IAAK,KACrBsuB,EAAKwc,EAAO9qC,OACbM,EAAI,EAAGA,EAAIuqC,EAAMvqC,IAAK,KACnB2hB,EAAMzB,GAAe8N,EAAGj5B,aAAamR,EAAMlG,KAC7C2hB,KACUxqB,KAAKwqB,EAAI/d,OAAO,QAK1B4jB,EAAOnhB,GAAQ2nB,GACjBxG,GAAQA,EAAKpR,WAAW,QACdjf,KAAKqwB,EAAK5jB,OAAO,QAI3B8mC,EAAWrwC,GAAEsmB,GAAM5Q,KAAK,qEAC1B26B,EAAS/8C,OACN+R,KAAK,KACJirC,EAAUD,EAAShrC,GAClB0C,EAAMuoC,EAANvoC,GACFioC,EAAYtvC,SAASqH,QAERA,GAAMuoC,IACdjuC,qBAKL4tC,YA2TAM,aAKDC,KACAC,KAGAC,kBACYtgC,GAAUugC,2BACXvgC,GAAUwgC,2CACHxgC,GAAUygC,mBAE5BC,EAAU9wC,GAAE8B,SAGZ,SAAU9B,GAAE,YAAY,GAAG+wC,WAAW,UAChC9uC,KAAOmO,GAAU4gC,iBAG3BjgC,KAAK2/B,EAAW,SAAU9xB,EAAKqyB,GAC3BH,EAAQp7B,KAAKkJ,GAAKtrB,WACTwJ,KAAK8hB,KACT9hB,KAAKm0C,OAGRT,SAAQC,mBA9UbS,kBAAoB,gBAEhBnB,KAAyB,MAEpB1+B,OAAM,MAGhBN,KAAKjP,EAAW8jB,WAAY,SAAUvgB,EAAGwxB,GACrCxxB,GAAuB,IAAlBwxB,EAAKlR,UAAkBkR,EAAKtP,KAAK7mB,SAAS,mBACtC+lB,WAAWsC,OAAO8N,KAK7BjF,aAEUA,SAGRuf,QAGJrvC,GAAY4T,KAAK,gBAAgB3E,KAAK,mBAChClF,EAAQnX,KAAK4G,WACf4J,EAAM2G,EAAMvY,OACP+R,EAAI,EAAGA,EAAIH,EAAKG,IACG,OAAtBwG,EAAMxG,GAAG2a,UAA2C,UAAtBnU,EAAMxG,GAAG2a,iBAKzC9a,GAAO,EAAG,KACN5E,EAAM5L,KAAK+xB,aACP3pB,KAAKwD,MACb5L,MAAMqxC,YAAYzlC,UAGlB2iB,EAASvuB,KAAK08C,YAAYtvC,EAAY,UAGxCqvC,EAAU79C,WACV69C,GAAWpgC,KAAK,cACHrc,QAIVuuB,QAUJmuB,YAAc,SAAU9rC,EAAM+rC,OAC3B7/B,KACArI,EAAO22B,EAAUiC,SACjBuP,EAAS,IAAItnC,OAAO,eAAiBb,EAAO,QAE9C7D,EAAM,IACOA,OACTuG,EAAQrG,MAAM+rC,KAAKjsC,EAAKhK,YAC1B+J,SACEo/B,EAASn/B,EAAKsgB,iBACd9M,KAAK,SAAChV,EAAGC,UAAMD,EAAE7P,KAAO8P,EAAE9P,MAAQ,EAAI,IAEvCoR,EAAI,EAAGA,EAAIgsC,EAAQhsC,MAAWvI,KAAK,UACpCA,KAAK,KAAM0U,EAAI1U,KAAKwI,EAAK0a,UACb,eAAZ1a,EAAKyC,GAAqB,KAEtBojC,EAAMqG,KAeC,OAATroC,MACEoF,EAAIrF,GAAYiiC,EAAI58B,EAAGpF,GAAQA,IAC/BqF,EAAItF,GAAYiiC,EAAI38B,EAAGrF,GAAQA,KAGjCrM,KAAK,WAAaquC,EAAI58B,EAAI,aAAe48B,EAAI38B,EAAI,YAAwB5a,EAAGuM,IAAM,SAEhFsxC,QAGJnsC,GAAMoQ,KAAK,KAAKmf,UAAU9jB,KAAK,eAGzB2gC,EAAMh9C,KAAK6Q,aACbmsC,IAAQD,EAAOC,IAAQ9O,EAAM8O,IAAuB,UAAf9O,EAAM8O,IAAmC,QAAf9O,EAAM8O,OAChEA,IAAO,IACV50C,KAAK,UAAY8lC,EAAM8O,GAAO,KAAOA,EAAM,SAG/C3gC,KAAKrc,KAAK4G,WAAY,SAAU+J,EAAGN,OAC7B2sC,EAAM3sC,EAAKQ,aACbmsC,IAAQD,EAAOC,IAAuB,UAAf9O,EAAM8O,IAAmC,QAAf9O,EAAM8O,OAClDA,IAAO,IACV50C,KAAK,UAAY8lC,EAAM8O,GAAO,KAAOA,EAAM,YAKjD7lC,EAAMvY,eACJq+C,GAAa,QAAS,SAAU,QAAS,IAAK,IAAK,UAAW,KAAM,YACnEtsC,KAAK,KACJN,EAAO8G,EAAMxG,GACb8a,EAAUyC,GAAM7d,EAAKE,OAGvBF,EAAKib,SAASjE,WAAW,YAGb,KAAZoE,GAAmBwxB,EAAUjxC,SAASqE,EAAKstB,YACxCttB,EAAKQ,eAAgBq9B,EAAM79B,EAAKQ,kBAC/BzI,KAAK,OACLA,KAAKiI,EAAKib,UAAWxO,EAAI1U,KAAK,QAC9BA,KAAKqjB,GAAU3O,EAAI1U,KAAK,YAI7B,IAEiB,SAAlBwI,EAAK0a,WAAwB1a,EAAKmhB,sBAEhCmrB,GAAY,uBAAwB,4BACrCvsC,EAAIwG,EAAMvY,OAAS,EAAG+R,GAAK,EAAGA,IAAK,KAChCN,EAAO8G,EAAMxG,GACf8a,EAAUyC,GAAM7d,EAAKE,WAErB2sC,EAASlxC,SAASqE,EAAKstB,YACX,KAAZlS,EAAgB,IACdA,EAAQpE,WAAW,8BACA,UAAnBhX,EAAKstB,WAAyBlS,EAAQpE,WAAW,qBACjDjf,KAAK,KACc,MAAnBiI,EAAKstB,cAA+BjX,EAAYd,YAAYhV,GAAM,IACjE7I,MAAM0jB,GAEAmxB,EAAOrnC,KAAKkW,OACXrX,GAAWqX,GAAWhX,KAFtBL,GAAWqX,GAMnBgiB,GAAYh9B,OACI,UAAlBG,EAAK0a,UACc,SAAnBjb,EAAKstB,WACL8P,GAAY0P,QACW,UAAvB1P,GAAY0P,OACZ,KACM7mB,EAAM2Z,GAAgBxkB,GACxB6K,MAAiBA,GAKlBjmB,EAAKQ,cAAgBR,EAAKQ,eAAiB3R,EAAGuM,MAAOyiC,EAAM79B,EAAKQ,kBAC/DzI,KAAKiI,EAAKib,UAAWxO,EAAI1U,KAAK,QAC9BA,KAAKqjB,GAAU3O,EAAI1U,KAAK,WAMhCwI,EAAKmyB,gBAAiB,GACpB36B,KAAK,aAELg1C,GAAW,MAEVzsC,EAAI,EAAGA,EAAIo/B,EAAOnxC,OAAQ+R,IAAK,KAC5B2oB,EAAQyW,EAAO5nC,KAAKwI,UAClB2oB,EAAMrI,eACT,IACC7oB,KAAK,QACLA,KAAKpI,KAAK08C,YAAY3M,EAAO5nC,KAAKwI,GAAIgsC,eAEvC,MACGvqC,EAAMknB,EAAM+F,UAAU9sB,QAAQ,aAAc,IACtC,KAARH,OACS,IACPhK,KAAKgnB,OAAOlB,GAAM9b,iBAGrB,IACChK,KAAK,QACLA,KAAK,IAAI0I,MAAM6rC,EAAS,GAAGnrC,KAAK,QAChCpJ,KAAK,eACLA,KAAKkxB,EAAM+F,aACXj3B,KAAK,kBAEN,IACCA,KAAK,QACLA,KAAK,IAAI0I,MAAM6rC,EAAS,GAAGnrC,KAAK,QAChCpJ,KAAK,aACLA,KAAKkxB,EAAMzG,QACXzqB,KAAK,mBAKRg1C,QACCh1C,KAAK,MACJuI,EAAI,EAAGA,EAAIgsC,EAAQhsC,MAAWvI,KAAK,OAEtCA,KAAK,MAAO0U,EAAI1U,KAAKwI,EAAK0a,UAAWxO,EAAI1U,KAAK,YAE9CA,KAAK,aAGN0U,EAAItL,KAAK,UAgBb6rC,WAAa,SAAUplB,EAAKqlB,UACxB,IAAI9lB,QAAQ,SAAUG,EAASC,MAElC,IAAI2lB,OAASC,KAAK,SAAUC,EAAUC,EAAQC,MAC/B,UAAXD,OAKEE,EAAM5+C,SAAS64B,cAAc,YAC/B1pB,MAAQnO,KAAKmO,QACbJ,OAAS/N,KAAK+N,SAEdsuC,WAAW,MAAMwB,UAAU79C,KAAM,EAAG,WAGlC89C,EAAU,gBAAkBpuB,mBAAmBuI,KACzC2lB,EAAIG,YAAYxrC,QAAQ,UAAWurC,EAAU,cACvC7lB,GAAO6lB,EACvB,MAAOtuC,MACSyoB,IAAO,KAERA,EACbqlB,KAAqBrN,GAAgBhY,MACjCgY,GAAgBhY,WAnBf,IAAIryB,MAAM,wBAA0B+3C,EAAID,OAAS,IAAMC,EAAIK,eAoBnE3tC,KAAK,MAAO4nB,WAUdgmB,aAAe,SAAU7sC,MACXA,QAQd8sC,KAAO,kBAYPC,KAAO,SAAUC,OAIhBA,MAAUpZ,OAAOyI,GAAa2Q,MACtB3tC,OAAQ,MAGd2B,EAAMpS,KAAKw8C,sBACZ,QAASpqC,QAoCZisC,eAoCCC,aAAe,SAAUC,EAASC,EAASC,EAAkBC,gBAC1DtgD,EAAmB,QAAZmgD,EAAoB,MAASA,GAAW,MAC/CI,EAAW,SAAWvgD,EAAKqB,gBACJo8C,KAAtBC,IAAAA,OAAQC,IAAAA,WACTnwC,EAAM5L,KAAKw8C,2BAEV,IAAIhlB,qCAAQ,WAAOG,EAASC,iBAmBxBgnB,qGACD5tC,aACK6tC,UAASjzC,MAAKkwC,SAAQC,aAAY39C,KAAMmgD,aACvCC,UAASC,sBAEhB,WAAYztC,GACb0tC,KACC1tC,KAEGA,IA3BLqtC,mCACcpnB,GAAgBmU,EAAU0T,UAAY,mBAC7C,+BADRT,oBAIC/yC,GAAE,kBAAkB1M,WACrB,YAAayU,GAAI,kBAAkB0rC,OAAOvT,SAAS,WAE7ClgC,GAAE,kBAAkB,IAC5B6C,MAAQ4e,EAAOquB,WACfrtC,OAASgf,EAAOiyB,mBAEZX,GAAM/uC,EAAG1D,gBACKxN,EAAKqB,gBACT++C,EACZlvC,EAAEyuC,UAAU,SAAWkB,EAAaT,GACpClvC,EAAEyuC,UAAU,SAAWkB,aAavB3vC,EAAE4vC,iCACFA,OAAO,SAAC9uB,KACEJ,GAAgBI,QAEzBuuB,EAAUH,gCAGL7uB,GAAmBwvB,yGA8C5BC,UAAY,SAAUX,EAAkBY,EAAYX,gBACjDY,EAAOt/C,YACN,IAAIw3B,qCAAQ,WAAOG,EAASC,6GAC5Bj5B,OAAO4gD,sCAEJhoB,8BAIJ,yCAGuB,cAAe54B,QACrCA,OAAOy4B,YACqB,IAA7Bz4B,OAAOy4B,UAAUC,kBAEbE,GAAa6T,EAAUoU,UAAY,iCACjCC,EACF,SACA,6BAKI3C,OACQrG,EAAI58B,EAAI48B,EAAI38B,EAAI,YAAc,aAItCylC,0BAHC,aAMF9I,EAAI58B,EAAG48B,EAAI38B,OAGL4lC,OACbC,qBACKC,MAMoB/D,KAAtBC,IAAAA,OAAQC,IAAAA,aACHuD,EAAK9C,sBACbqD,OAAOj0C,EAAK,EAAG,OAONA,MAAKkwC,SAAQC,aAAY0C,mBAAkBY,aAD3CA,GAAc,kBAEvB9wB,OAAS6T,EAAI7T,OAAO8wB,GACpBX,KACC1tC,KAEGA,KACH,cAAeA,qGASnB8uC,aAAe,qBACNrvC,OAAQ,EACbzQ,KAAKw8C,0BAaTjd,aAAe,SAAUC,GACxB9uB,UAAU9R,OAAS,IAA6B,IAAxB4gC,MACR,EAAOI,SAEP,EAAMA,UAUtBmgB,GAAgB//C,KAAK+/C,cAAgB,SAAU7xC,OAC7C8xC,KASAC,GAAY,SAAU,iBAAkB,UAAW,iBAAkB,SAAU,WAAY,WAkD5F,IAAMC,QAhDFhyC,EAAG,SAAUqd,MAED,IAAfA,EAAE0F,SAAgB,CAEhB1F,EAAElY,KAEEkY,EAAElY,MAAM2sC,MAERz0B,EAAElY,KAAOzC,KAAM,KAAMuG,SAAWgpC,aAElC50B,EAAElY,IAAIzC,KAAO2a,MAKjBlP,KAAKszB,GAAU,SAAUh/B,EAAGN,OACtB+vC,EAAW70B,EAAE80B,iBAAiBhwC,MAChC+vC,EAAU,KAENrpB,EAAM5F,GAAeivB,EAAS7vC,OAClC+vC,EAAQvpB,EAAMA,EAAIliB,OAAO,GAAK,KAC5ByrC,IACIA,KAASN,MAETM,IAAU1vC,KAAM,KAAMuG,SAAWgpC,aAEnCG,GAAOnpC,MAAM/O,KAAKg4C,WAMtB3nB,EAAOnhB,GAAQiU,MAEjBkN,GAAQwnB,EAASj0C,SAASuf,EAAED,UAAW,KACnCg1B,EAAQ7nB,EAAK5jB,OAAO,GACtByrC,IACIA,KAASN,MAETM,IAAU1vC,KAAM,KAAMuG,SAAWgpC,aAEnCG,GAAOH,MAAM/3C,KAAKmjB,QAOVy0B,KACbE,OACEtvC,EAAQovC,EAAIE,GAAZtvC,QACHA,EAAM,KACF2vC,EAAQ32B,MAGTvW,GAAKktC,UAGHppC,EAAS6oC,EAAIE,GAAb/oC,MACHlG,EAAIkG,EAAMvY,OACPqS,KAAK,KACJZ,EAAO8G,EAAMlG,KACduvC,aAAaz6C,aAAasK,EAAK9Q,KAAM,QAAUghD,EAAQ,aAIxDE,EAAWT,EAAIE,GAAOC,MACxBxb,EAAI8b,EAAS7hD,OACV+lC,KAAK,KACJ+b,EAAUD,EAAS9b,MACjB+b,EAAS,IAAMH,OAYzBI,GAAa3gD,KAAK2gD,WAAa,SAAU/pC,OACzCkB,EAAQxM,GAAEsL,GAES,QAAnBA,EAAOb,YACD+B,EAAMkJ,KAAK,UAGf3E,KAAK,eACHhJ,EAAKiE,GAAQtX,MAAM6U,OAAO,GAC1B+rC,EAAUpjC,GAAQnK,GACnButC,OACH5gD,MAAM6yB,KAAK,MAAO+tB,GACI,WAApBA,EAAQ7qC,SAA4C,QAApB6qC,EAAQ7qC,YACxC/V,MAAM6yB,KAAK,SAAU+tB,GAAS/tB,KAAK,MAAO+tB,OAW5CC,GAAmB7gD,KAAK6gD,iBAAmB,SAAUjwC,OACrDkH,EAAQxM,GAAEsF,GAAMoQ,KAAK,mCACpBlJ,EAAMlZ,QAAU+Q,QAEXrE,GAAEsF,GAAMoQ,KAAK,KAAKkS,OAAO,kBACvBlzB,KAAK+V,QAAQ/J,SAAS,iBAI5BqQ,KAAK,cAE6B,mBAAlC/Q,GADStL,MACDqQ,KAAK,iBAAuC,KAEhDyH,EAAQxM,GAAE8B,GAAY4T,KAAK,eAHtBhhB,KAG4CqT,GAAK,qBAHjDrT,KAG6EqT,GAAK,WACxFyE,EAAMlZ,kBAGL4sB,EAAKT,GAAajT,EAAM,QAIzB0T,YAEgB,mBAbVxrB,KAaF+V,QAA8B,KAC/B+V,EAAUxgB,GAdPtL,MAceqQ,MAAM,KAAM,KAAM,KAAM,OAG1CqJ,EAjBG1Z,KAiBU4T,kBAAkB/E,WACjC6K,GAASA,EAAMvT,cAAgB,EAAG,KAC9BoL,EAAIgJ,GAAyBb,GAAOvK,OACpCyc,EAAM5S,GAAe8S,EAAQzpB,GAAIypB,EAAQxpB,GAAIiP,GAC7Csa,EAAM7S,GAAe8S,EAAQvpB,GAAIupB,EAAQtpB,GAAI+O,KAE3ClP,GAAKupB,EAAIjqB,IACTW,GAAKspB,EAAIhqB,IACTW,GAAKspB,EAAIlqB,IACTa,GAAKqpB,EAAIjqB,EA1BV5B,KA2BFwX,gBAAgB,wBA3BdxX,MA8BDqQ,UACDyb,EAAQzpB,GAAKmpB,EAAG7pB,GAAK6pB,EAAGrd,UACxB2d,EAAQxpB,GAAKkpB,EAAG5pB,GAAK4pB,EAAGzd,WACxB+d,EAAQvpB,GAAKipB,EAAG7pB,GAAK6pB,EAAGrd,UACxB2d,EAAQtpB,GAAKgpB,EAAG5pB,GAAK4pB,EAAGzd,SAlCtB/N,KAoCJwX,gBAAgB,sBAiCvBspC,GAAiB9gD,KAAK8gD,eAAiB,SAAUlwC,GAChDA,MACI67B,EAAiB,QAEpBsU,EAAQz1C,GAAEsF,GACViI,EAAW,IAAIlB,GACjBqpC,YAEAD,EAAMluB,KAAK,QAAS,KAEhBjnB,EAAMgF,EAAKmhB,WACX7U,EAAK5R,GAAEM,GAAKyE,MAAM,IAAK,SAE3BO,EAAKmhB,WAAWA,YAAYkvB,YAC5BrwC,GAAMswC,WAAW,YAEbxnC,EAAQhG,EAAiB9C,GACzBU,EAAQnE,EAAQ4B,uBAChB01B,aAAavnB,EAAGvb,EAAGub,EAAGtb,KACtBoN,WAAWsC,MACKV,KACjB,YAAaA,SACb,GAAImwC,EAAMluB,KAAK,UAAW,GACxBkuB,EAAMluB,KAAK,YAEbkuB,EAAM1wC,KAAK,iBACV5C,EAAMszC,EAAM1wC,MAAM,IAAK,MAEvB8wC,EAAKvwC,EAAK5K,aAAa,cAEzBm7C,EAAI,KACAj1B,EAAOi1B,EAAG1uC,MAAM,OAClB9Q,IAAMuqB,EAAK,KACXtqB,IAAMsqB,EAAK,MAIX,eAAiBze,EAAI9L,GAAK,GAAK,KAAO8L,EAAI7L,GAAK,GAAK,QAEpDyX,EAAO0nC,EAAM1nC,SAGVN,cAAc,IAAIhC,GAAqBgqC,EAAM,GAAIA,EAAM,GAAG9qC,YAAa8qC,EAAM,GAAG5qC,eACnFxI,aAGAyzC,EAAU91C,GAAE8B,GAAY4T,KAAK,oBAAoBpiB,OAEjDsP,EAAI8qB,EAAOlzB,gBAAgB5G,EAAGuM,IAAK,KACnCskC,EAASn/B,EAAKsgB,WAEhBvgB,aACCA,EAAI,EAAGA,EAAIo/B,EAAOnxC,OAAQ+R,MAC3BrD,OAAOyiC,EAAOp/B,GAAGrC,WAAU,OAI3BsB,IAAW,KACPyxC,EAAY/1C,GAAEmmB,MAAYwB,SAAS,yCAAyChrB,WAChFiG,GAAGZ,OAAO+zC,GAGVL,KACAj7C,aAAa,YAAai7C,OAGxBpqC,EAAShG,EAAKuF,iBAENjI,GAGV0B,QACA6hB,MAAYnkB,OAAOhC,GAAE4C,GAAG8S,KAAK,4CAI/B3N,GAAKuW,MAEFsP,MAAMhrB,GAEP0I,EAAQ,KACLwqC,EAAS,KAELnrC,EAAerF,EAAfqF,cACFtI,WACIoL,cAAc,IAAIhC,GAAqBnG,EAAMqF,EAAaW,MAE5DmC,cAAc,IAAIpC,GAAqBzI,OAGvCA,GAEP0B,OACe6hB,SAEAvjB,GVr4HK,SAAU0C,EAAMogB,MACtCpgB,GAA0B,IAAlBA,EAAKqgB,SAAgB,SAC3BtgB,EAAIC,EAAKsgB,WAAWtyB,OACjB+R,QACIC,EAAKsgB,WAAW/oB,KAAKwI,GAAIqgB,KAE/BpgB,KUo4HQ1C,EAAG,SAAUqd,UAEAA,GACtB,MAAO/b,WACCyH,IAAIzH,SAKdtB,GAAG8S,KAAK2Z,IAAUte,KAAK,WAClBrc,KAAKqT,UAAWA,GAAKuW,WAGhB1b,QAENuhC,EAAK6R,GAAoBpzC,GAAG,GAC9BuhC,KACO12B,cAAc02B,KAGL52B,gBAEZ5B,IAAI,iCAAkCrG,SAiB7C2wC,aAAe,SAAUC,EAAW9P,WAG/BH,EAASjhB,GAASkxB,MACpBjQ,EAAOkQ,mBACTlQ,EAAOkQ,kBAAkB5wC,eAAiB3R,EAAGuM,WACtC,OAGJ6lC,WAAWC,OAEV14B,EAAW,IAAIlB,GAAa,iBAG3B1B,EAAe7I,EAAf6I,YACDyrC,EAAUv0C,EAAQ2J,YAAY1J,KAC3B2L,cAAc,IAAIhC,GAAqB2qC,EAASzrC,EAAa9I,MAIlE6rB,EAAO2oB,UACI3oB,EAAO2oB,UAAUpQ,EAAOlkC,iBAExB2rB,EAAOqS,WAAWkG,EAAOlkC,iBAAiB,KAGjDC,OAAOF,OACTgvC,EAAU9wC,GAAE8B,KAEXy+B,iBAAmB,IAAIC,GAAa1+B,EAAYu+B,OAGjDiW,EAAQhiB,IAAoBF,WAC9BkiB,IACG,WAAYA,KAEZ,gBAIC5gC,KAAK,SAAS3E,KAAK,eACnBwlC,EAAQ7hD,QACM6hD,OACdzwC,EAAMkG,GAAQtX,SAChBoR,EAAK,IACHA,EAAIiW,WAAW,SAAU,KAErB9V,EAAIH,EAAIkB,MAAM,yBAChBf,EAAG,KACCwlB,EAAMxH,mBAAmBhe,EAAE,OAC/B,IAAIgsC,OAASC,KAAK,aACZhsB,eAAetyB,EAAGoyB,MAAO,aAAcyF,KAC5C1mB,KAAK,MAAO0mB,MAIZsmB,WAAWjsC,QAKd4P,KAAK,OAAO3E,KAAK,eAEnB/Q,GAAEtL,MAAM2zB,QAAQ,QAAQ/0B,WAEdoB,UAGR8hD,EAAK9hD,KAAKmW,WACa,IAAzB2rC,EAAG5wB,WAAWtyB,QAAgC,MAAhBkjD,EAAGx2B,aACjCw2B,GAAIjvB,KAAK,OAAQ7yB,QAChBqT,GAAKyuC,EAAGzuC,IAAMuW,QAEJ5pB,SAKb4P,OACMoR,KAAK,2CAA2CwqB,SAAS/Z,SAMxD2qB,MAEMA,EAAQ,QAEnBjlC,MACA,sBACMi0B,EAAUG,oBAAsB,UAAY,UAGpDwW,GAAQ,KAGR3F,EAAQ/rC,KAAK,WAAY,KACrB8wC,EAAK/E,EAAQ/rC,KAAK,WAAWoC,MAAM,OACnCtE,MAAQgzC,EAAG,KACXpzC,OAASozC,EAAG,WAGhB9kC,MAAM,QAAS,UAAW,SAAU1L,EAAGqxC,OAEjC5wC,EAAMgrC,EAAQ/rC,KAAK2xC,IAAQ,OAEF,MAA3B5yB,OAAOhe,GAAKyD,QAAQ,MAEd,IAEFmtC,GAAOptC,GAAaotC,EAAK5wC,eAS7B6hB,WAAWjS,KAAK2Z,IAAUte,KAAK,WAChCrc,KAAKqT,UAAWA,GAAKuW,OAIxBm4B,EAAO,KACHv2B,EAAKiK,OACLtnB,MAAQqd,EAAGrd,MAAQqd,EAAG7pB,IACtBoM,OAASyd,EAAGzd,OAASyd,EAAG5pB,EAK5BuV,EAAMhJ,OAAS,MAAWA,MAAQ,KAClCgJ,EAAMpJ,QAAU,MAAWA,OAAS,OAEhCsC,KAAK8G,QACRikC,SAAWjkC,EAAMhJ,WACjB6wC,SAAW7nC,EAAMpJ,SAEbgL,cAAc,IAAIpC,GAAqBvJ,QAE1C0L,EAAUsjC,EAAQ/rC,MAAM,QAAS,aAC9B0I,cAAc,IAAI7B,GAAqB/J,EAAS2L,MAG3C,mBAMNxL,OAAOoa,EAAgB0iB,qBAE1BsH,GAAarmB,EAAoBxS,KACjC,WAAYzL,IACjB,MAAOoC,kBACCyH,IAAIzH,IACL,SAGF,QAiBJyyC,gBAAkB,SAAUT,OAC3BvwC,SAAG+vC,SAAIkB,iBAGHC,EAAMh0B,GAASqzB,EAAU5iD,OAAS4iD,GAAW3sC,OAAO,EAAG,IAEzDutC,GAAc,EAEdC,GAAUF,IACR72C,GAAE+2C,GAAUF,GAAKG,QAAQC,QAAQ,YAAY3jD,YACjC,OAIZia,EAAW,IAAIlB,GAAa,gBAC9B2qC,YACAF,IACUC,GAAUF,GAApBG,SACGD,GAAUF,GAAK7wC,UACf,KAECigC,EAASjhB,GAASkxB,QAEnBlQ,WAAWC,OAGZ3lC,WAEAotB,EAAO2oB,UACH3oB,EAAO2oB,UAAUpQ,EAAOlkC,iBAExB2rB,EAAOqS,WAAWkG,EAAOlkC,iBAAiB,MAGpCzB,OAER42C,EAAS5tC,GAAa,QAAShJ,EAAI5F,aAAa,UACpDy8C,EAAS7tC,GAAa,SAAUhJ,EAAI5F,aAAa,WACjD08C,EAAU92C,EAAI5F,aAAa,aAEtB08C,EAAUA,EAAQjwC,MAAM,MAAQ,EAAG,EAAG+vC,EAAQC,OAChDxxC,EAAI,EAAGA,EAAI,IAAKA,IAChBA,IAAOkwC,EAAGlwC,UAKF7D,EAAWpH,aAAa,YAUhC,mBAPDy8C,EAASD,EACN,SAAYG,EAAU,EAAKxB,EAAG,GAAK,IAEnC,SAAYwB,EAAU,EAAKxB,EAAG,GAAK,KAId,kBAEnBnoB,EAAOlzB,gBAAgB5G,EAAGuM,IAAK,cAClCmmB,EAAOH,SAET7hB,QAIAhE,GAAKoV,KAAK,2CAA2CwqB,SAAS5Z,GAG3DhmB,EAAImmB,YAAY,KACf5zB,EAAQyN,EAAImmB,aACXzkB,OAAOnP,WAEVgZ,EAAQvL,EAAIhF,WACT+J,EAAI,EAAGA,EAAIwG,EAAMvY,OAAQ+R,IAAK,KAC/BN,EAAO8G,EAAMxG,KACZ5K,aAAasK,EAAKib,SAAUjb,EAAKE,SAEnC8C,GAAKuW,OAGFu4B,mBAEDnB,QAGE1zC,OAAOg1C,KACTvpC,cAAc,IAAIpC,GAAqB2rC,OAG1CtpB,EAAOlzB,gBAAgB5G,EAAGuM,IAAK,QACjC4H,GAAKuW,OACHs4B,EAAO,IAAMI,EAAOjvC,KAE3B6pB,GAAgB0C,IAAoBe,mBAAmBrzB,OAAO40C,KACtDnpC,cAAc,IAAIpC,GAAqBurC,UAG1Cn8C,aAAa,YAAai7C,MACVkB,MACpBA,GAAOrvB,KAAK,SAAUyvB,GAAQzvB,KAAK,MAAOyvB,OAC5BJ,MAMIrpC,KACf,WAAYzL,IACjB,MAAOoC,kBACCyH,IAAIzH,GACL,YAIF0yC,IAMP,iBAAkB,cAAe,aAAc,qBAC/C,kBAAmB,qBAAsB,0BACzC,qBAAsB,sBAAuB,aAAc,iBAC3D,eAAgB,cAChB5iD,QAAQ,SAAC0f,KACFA,GAAQ8sB,GAAK9sB,yDASTke,4BAEQ0lB,KACAA,6JAeV,WAAYx1C,YAelBuP,MAAQ,aACCA,cAKL2uB,2BAGAO,iBAAmB,IAAIC,GAAa1+B,KAGpCozB,YAAY,aAGZtF,QAAQ2nB,mBAGCrY,eAGJ9iB,EAAgBC,qBAEvB,iBAIFm7B,kBAAoBp8B,EAAYo8B,uBAMhCC,eAAiB,kBAAqB31C,QAMtC41C,YAAc,kBAAqB71C,OAalC2vC,GAAgB98C,KAAK88C,cAAgB,oBAI/B1vC,EAAWpH,aAAa,SAAW+W,IACnC3P,EAAWpH,aAAa,UAAY+W,OAKtCA,SAQLkmC,cAAgB,kBAAqB7X,EAAU4C,mBAM/CkV,WAAa,iBACT,6BASJvnC,aAAe,SAAUC,UACrBC,OAAOH,GAAWE,EAAKunC,iBACNvnC,SASrBwnC,UAAY,SAAUhF,UAClBviC,OAAOuvB,EAAWgT,SAQtBiF,SAAW,SAAUzyC,QACjBA,GAAQ67B,EAAiB,YAG1BsD,KADCzkC,GAAEsF,GAAMiiB,KAAK,SAAWvnB,GAAEsF,GAAMiiB,KAAK,WAAajiB,GACrCsgB,WACXvgB,EAAI,EAAGA,EAAIo/B,EAAOnxC,OAAQ+R,OACN,UAAvBo/B,EAAOp/B,GAAG2a,gBACLykB,EAAOp/B,GAAGnD,kBAGd,UAUJ81C,cAAgB,SAAUlyC,OACzBR,EAAO67B,EAAiB,KACrBnhC,GAAEsF,GAAMiiB,KAAK,SAAWjiB,MAEzBowC,EAAK11C,GAAEsF,GAAMqiB,SAAS,SAEtBpa,EAAW,IAAIlB,GAAa,aAE9B8hB,YACCroB,EAAIxS,OAKEoiD,EAAGpiD,UAEJoiD,EAAG,KACFjoC,cAAc,IAAI7B,GAAqBuiB,GAAQI,QAASJ,EAAMjsB,iBACjEA,YAAc4D,OAGZ4nB,EAAOlzB,gBAAgB5G,EAAGuM,IAAK,UACjC+B,YAAc4D,KAClBR,GAAM2yC,QAAQ9pB,KACP1gB,cAAc,IAAIpC,GAAqB8iB,SAfjC,KAET+pB,EAAgBxC,EAAG/qC,cAChB8C,cAAc,IAAIhC,GAAqBiqC,EAAG,GAAIwC,EAAe5yC,MACnEjD,WAcekL,QAOhB6mC,GAAmB1/C,KAAK0/C,iBAAmB,kBACxC3yB,EAAOs2B,SAASj2C,SAUpBq2C,iBAAmB,SAAUC,WAC1B3T,EAAS3iC,EAAW8jB,WACtB0uB,GAAW,EAAO+D,EAAW,GAE3B9qC,EAAW,IAAIlB,GAAa,sBAEzBhH,EAAI,EAAGA,EAAIo/B,EAAOnxC,OAAQ+R,OACN,UAAvBo/B,EAAOp/B,GAAG2a,SAAsB,MACvBykB,EAAOp/B,IACEnD,kBAInBoyC,MACQ5mB,EAAOlzB,gBAAgB5G,EAAGuM,IAAK,WAC/B8K,aAAaqpC,EAAUxyC,EAAW2kB,aAI3C2xB,EAAS9kD,SACF4O,YAAck2C,IAGd/1C,WAEFoL,cAAc,IAAI7B,GAAqB0oC,GAAW/lB,QAAS8pB,OAChD9qC,SASjB+qC,YAAc,SAAUC,UACvBA,KACS99C,aAAa,WAAY7G,EAAG68B,IAElC78B,EAAG68B,SAaP+nB,cAAgB,SAAUniD,EAAGC,OAC1B60C,EAAMqG,KACLjjC,EAAQ48B,EAAR58B,EAAGC,EAAK28B,EAAL38B,EACNjB,YAEM,QAANlX,EAAa,KAETkM,EAAO4nB,SAET5nB,SAiBK,IAhBI,IAAI8J,GAAa,6BACtBosC,EAASzuB,QACAyuB,OACT/oC,KAASC,QACboB,KAAK0nC,EAAQ,SAAUpzC,EAAGxI,KACvBC,MAAe,EAAVyF,EAAKlM,KACVyG,MAAe,EAAVyF,EAAKjM,SAGTmW,EAAMgV,EAAOi3B,qBAAqBhpC,EAAIC,GAAI,KACvClC,cAAchB,SAGnB9N,KAAKoR,MAAMxN,EAAKM,SAChBlE,KAAKoR,MAAMxN,EAAKE,eAKpBpM,IAAMkY,GAAKjY,IAAMkY,IACdjB,MACQ,IAAIlB,GAAa,8BAG1B/C,GAAa,QAASjT,KACtBiT,GAAa,SAAUhT,KAEhBmE,aAAa,QAASpE,KACtBoE,aAAa,SAAUnE,QAE7Bw5C,SAAWz5C,OACXq9C,SAAWp9C,IACPmX,cAAc,IAAI7B,GAAqB9J,GAAae,MAAO0L,EAAG9L,OAAQ+L,OAEpE/T,aAAa,WAAY,EAAG,EAAGpE,EAAIob,EAAanb,EAAImb,GAAavL,KAAK,QACxEuH,cAAc,IAAI7B,GAAqB9J,GAAa62C,SAAU,MAAOpqC,EAAGC,GAAGtI,KAAK,UAErEqH,KACf,WAAYzL,MAEZ,QAcJ82C,UAAY,kBACR54C,GAAE8B,GAAYiD,MAAM,IAAK,YAgB7B8zC,YAAc,SAAU/yC,EAAKqmC,EAASC,OACrC0M,EAAS,IACT54B,SACE64B,EAAW,SAAU74B,OACpBA,SAAa,MACZ2sB,EAAQluC,KAAKoR,MAAOo8B,EAAUjsB,EAAGrd,MAAS,IAAMi2C,GAAU,IAC1DhM,EAAQnuC,KAAKoR,MAAOq8B,EAAUlsB,EAAGzd,OAAU,IAAMq2C,GAAU,IAC3DE,EAAOr6C,KAAKkQ,IAAIg+B,EAAOC,YACtBK,QAAQ6L,IACPA,OAAMz2C,KAAM2d,OAGH,qBAARpa,gBAAAA,IAAkB,IAEV,OADZA,GACEjD,OAA6B,IAAdqd,EAAGzd,OAAc,KAC/Bw2C,EAAU/4B,EAAG84B,KAAO94B,EAAG84B,KAAOvnC,EAAcyO,EAAG8qB,gBAC9CmC,QAAQ8L,IACPD,KAAMvnC,EAAalP,KAAM2d,UAE5B64B,EAAS74B,UAGVpa,OACH,gBACEq7B,EAAiB,cAChB+X,EAAgBl5C,GAAEyT,IAAI0tB,EAAkB,SAAUlhB,MAASA,SAAYA,MACxEkK,GAA6B+uB,aAE/B,aACG/N,EAAMqG,OACH,OACH3uC,MAAOsoC,EAAI58B,EAAG9L,OAAQ0oC,EAAI38B,EAAGnY,EAAG,EAAGC,EAAG,aAEzC,YACE6zB,eAEF,UACEA,GAA6BH,GAAmBsK,IAAoBe,gDAKpE0jB,EAAS74B,SAgFbitB,QAAU,SAAUgM,OACjBhO,EAAMqG,OACD/2C,aAAa,UAAW,OAAS0wC,EAAI58B,EAAI4qC,EAAY,IAAMhO,EAAI38B,EAAI2qC,KAChEA,KACZpoC,KAAKowB,EAAkB,SAAU97B,EAAGC,GAC/BA,KACWq+B,gBAAgBr+B,GAAM63B,aAE5Bic,gBACE,cAA+ED,SAO1FE,QAAU,kBACNnV,SASJ0H,QAAU,SAAU33C,KACXod,OAAM,MACNA,WACK8vB,EAAiB,IAAuC,SAAjCA,EAAiB,GAAGnhB,SAAuBypB,GAAUvI,KAC/EjtC,QAiBXqlD,SAAW,SAAUxmD,UACjBymD,GAAczmD,SAYlB0mD,SAAW,SAAU1mD,EAAMgT,EAAKsgC,KAC1BtzC,GAAQgT,KACHhT,EAAO,WAAaA,KAAM,kBAClC0Z,cACGitC,EAASv1C,GACG,MAAfA,EAAE8b,YACEljB,KAAKoH,WAGXmB,EAAI87B,EAAiB7tC,OAClB+R,KAAK,KACJC,EAAO67B,EAAiB97B,GAC1BC,IACmB,MAAjBA,EAAKmF,WACEnF,EAAMm0C,GAEF,SAAT3mD,EACmB,aAAjBwS,EAAKmF,SAA2C,SAAjBnF,EAAKmF,WAChC3N,KAAKwI,KAGPxI,KAAKwI,IAKfkH,EAAMlZ,OAAS,IACZ8yC,KAI2BtzC,EAAMgT,EAAK0G,OAHjB1Z,EAAMgT,EAAK0G,KAC9B,UAAWA,UAahBktC,GAAchlD,KAAKglD,YAAc,SAAU5mD,MAC1CymD,GAAczmD,EAAO,WAAqD,eAAxCymD,GAAczmD,EAAO,UAAUA,UAClEstB,EAAOqB,EAAO3uB,EAAO,QAEnB6mD,EAAgBC,GAAsBx5B,GACtCkG,EAAOH,KAERwzB,IAMIA,KAJArzB,EAAKjU,YAAYqb,EAAOqS,WAAW3f,GAAM,KAE3CrY,GAAKuW,MAILk7B,SAAS1mD,EAAM,QAAUstB,EAAKrY,GAAK,OAStC6xC,GAAwB,SAAUx5B,WAChCkG,EAAOH,KACP0zB,EAAgB75C,GAAEsmB,GAAM5Q,KAAK,kCAC/BrQ,EAAIw0C,EAAcvmD,OAChBwmD,GAAY,IAAK,KAAM,KAAM,KAAM,MAClCz0C,KAAK,KACJ00C,EAAKF,EAAcx0C,MACJ,mBAAjB+a,EAAK3V,YACH2V,EAAK1lB,aAAa,QAAUq/C,EAAGr/C,aAAa,OAC9C0lB,EAAK1lB,aAAa,QAAUq/C,EAAGr/C,aAAa,OAC5C0lB,EAAK1lB,aAAa,QAAUq/C,EAAGr/C,aAAa,OAC5C0lB,EAAK1lB,aAAa,QAAUq/C,EAAGr/C,aAAa,mDAKxCs/C,EAAYh6C,GAAEogB,GAAMrb,KAAK+0C,GACzBG,EAAUj6C,GAAE+5C,GAAIh1C,KAAK+0C,GAEvB13B,GAAO,QACTrR,KAAK+oC,EAAU,SAAUz0C,EAAGN,GACxBi1C,EAAUj1C,KAAUk1C,EAAQl1C,QAAgB,KAG9Cqd,sBAAQ,aAIR83B,EAAQ95B,EAAKmG,uBAAuB3yB,EAAGuM,IAAK,QAC5Cg6C,EAASJ,EAAGxzB,uBAAuB3yB,EAAGuM,IAAK,WAE7C+5C,EAAM5mD,SAAW6mD,EAAO7mD,gBAIxBqS,EAAIu0C,EAAM5mD,OACPqS,KAAK,KACJy0C,EAAOF,EAAMv0C,GACb00C,EAAQF,EAAOx0C,MAEjBy0C,EAAK1/C,aAAa,YAAc2/C,EAAM3/C,aAAa,WACrD0/C,EAAK1/C,aAAa,kBAAoB2/C,EAAM3/C,aAAa,iBACzD0/C,EAAK1/C,aAAa,gBAAkB2/C,EAAM3/C,aAAa,wBAKhD,IAAPiL,SACKo0C,UAIJ,WAUJO,SAAW,SAAUxnD,EAAMkpC,OAExB3uB,EAAI,IAAIrN,GAAEu6C,UAAUC,MAAMxe,eAC3Bye,gBAAgB3nD,EAAMua,EAAEqtC,MAAQ,KAAK,MAG5B5nD,EAAO,UAAYua,EACzBA,EAAEva,UACL,kBACE0mD,SAAS1mD,EAAuB,SAAjBua,EAAEstC,WAAwB,IAAMttC,EAAEstC,WAAa,kBAEhE,qBACA,mBACI7nD,EAAO,QAAUua,EAAEA,EAAEva,SAChBA,UAUX8nD,eAAiB,SAAU5e,QACzBse,SAAS,SAAUte,SAQrB6e,aAAe,SAAU7e,QACvBse,SAAS,OAAQte,SAOnB8e,eAAiB,kBACbvB,GAAcxY,mBAWlBga,eAAiB,SAAUj1C,MAClB,IAARA,IAAc,OAAQ,QAAQpF,SAASwjC,MAClC6W,eAAe,WAGVha,aAAej7B,UAEvB0G,KAMFnH,EAAI87B,EAAiB7tC,OAClB+R,KAAK,KACJC,EAAO67B,EAAiB97B,GAC1BC,IACmB,MAAjBA,EAAKmF,WACEnF,EAAMm0C,KAET38C,KAAKwI,IAIbkH,EAAMlZ,OAAS,OACO,eAAgBwS,EAAK0G,KACxC,UAAW20B,aAlBTsY,EAASv1C,GACG,MAAfA,EAAE8b,YACEljB,KAAKoH,UA4BZ82C,cAAgB,SAAUj2C,EAAMe,KAC1Bf,EAAKkC,QAAQ,IAAK,MAAQnB,UAC7B0G,KAEFnH,EAAI87B,EAAiB7tC,OAClB+R,KAAK,KACJC,EAAO67B,EAAiB97B,GAC1BC,IACmB,MAAjBA,EAAKmF,WACEnF,EAAM,SAAUpB,GAAwB,MAAfA,EAAE8b,YAA0BljB,KAAKoH,OAE7DpH,KAAKwI,IAIbkH,EAAMlZ,OAAS,OACOyR,EAAMe,EAAK0G,KAC9B,UAAW20B,UAqBf8Z,SAAW,kBACP/Z,QAOJ3iB,WAAaA,QAQbmV,WAAa,SAAU5tB,KACjBioB,QAAUjoB,KACK,UAAWA,SAOhCo1C,eAAiB,kBACbha,EAASY,mBAObqZ,iBAAmB,kBACfja,EAASW,qBAWb4Y,gBAAkB,SAAU3nD,EAAMgT,EAAKsgC,KACjCtzC,EAAO,YAAcgT,EACzBsgC,KAG2BtzC,EAAO,WAAYgT,MAFzBhT,EAAO,WAAYgT,SAY1Cs1C,gBAAkB,SAAUtoD,SACf,SAATA,EAAkB4B,KAAKwmD,iBAAmBxmD,KAAKymD,yBASnDE,QAAU,SAAU/1C,OACnBQ,EAAM,KAGNR,GACgBA,EAAK5K,aAAa,UACrB,KACPi1C,EAAOz9B,GAAQ5M,EAAKyC,GAAK,SAC3B4nC,MACIA,EAAKlpB,WAAW/rB,aAAa,wBAIlCoL,kBAILw1C,EAAa,KACb1zB,EAAS,KACT2zB,GAAe,WAiCVC,QACDC,EAAOh6B,EAAOmO,QAAQyb,yBACjB59B,cAAcguC,KACLH,KACP,OACJ,OA9BJI,cAAgB,SAAU51C,MAC1B8hB,KAIO,IAAR9hB,KAG4B,SAAU,OACzB,MACV,KACCR,EAAO67B,EAAiB,GAC1Boa,MAC4B,SAAU,QAAUj2C,EAAKyC,GAAK,UAE1D1D,cACMsH,IAAI,IAAKrG,KACZ4G,gBAAgB,YAChBzR,aAAa,SAAU,QAAU6K,EAAKyC,GAAK,cAEpB,eAAgBjC,GAAM8hB,EAAOnB,eACpDyc,eAAetb,EAAQ9hB,UAnBvB61C,QAAQ71C,MAuCZo9B,eAAiB,SAAUtb,EAAQg0B,GACpCA,EAAS,KAEMh0B,KACZ,SACA,aACI,cACC,QACP,KAGEvjB,QACI6H,gBAAgB,OAChBA,gBAAgB,OAChBA,gBAAgB,WAChBA,gBAAgB,cAYtByvC,QAAU,SAAU71C,EAAK+1C,MAC1BP,eAMEh2C,EAAO67B,EAAiB,GACxB2a,EAASx2C,EAAKyC,KACXmK,GAAQ4pC,EAAS,YAEnB,MAEDvuC,EAAW,IAAIlB,MAGjBub,EACU,IAAR9hB,MACO,UAEN,KAECi2C,EAAU19B,GAAwBgB,QAAS,0BAEzC,6BACUvZ,QAITuY,GAAwBgB,QAAS,kBAElCy8B,EAAS,YAIV95C,OAAO+5C,QACH/5C,OAAO4lB,KAETna,cAAc,IAAIpC,GAAqBuc,QAG5Cpa,GAAWoa,OAAQtiB,EAAK5K,aAAa,cAE/B,IAARoL,WACGoG,gBAAgB,iBACZuB,cAAc,IAAI7B,GAAqBtG,EAAMkI,OAIhC,SAAU,QAAUsuC,EAAS,YAC5CruC,cAAc,IAAI7B,GAAqBtG,EAAMkI,MAC/C01B,eAAetb,EAAQ9hB,KAEjByH,IACNqiB,QAAQ+Z,oBAAoB,gBAAiB/hB,EAASA,EAAOnB,WAAa,OAC7Eo1B,MACKH,cAAc51C,kBAWpBk2C,QAAU,eAEPvnC,EAAW0sB,EAAiB,UAClB,MAAZ1sB,GAAyC,SAArBA,EAAShK,SACR,MAAvB02B,EAAiB,IACgC,SAAzC1sB,EAAS/Z,aAAa,qBAW7BuhD,QAAU,SAAUl4C,OACjB0Q,EAAW0sB,EAAiB,GAClB,MAAZ1sB,GAAyC,SAArBA,EAAShK,SACR,MAAvB02B,EAAiB,OACO,cAAep9B,EAAI,OAAS,UAEjDo9B,EAAiB,GAAGj/B,gBACX2rC,kBASXqO,UAAY,eACTznC,EAAW0sB,EAAiB,UAClB,MAAZ1sB,GAAyC,SAArBA,EAAShK,SACR,MAAvB02B,EAAiB,IAC+B,WAAxC1sB,EAAS/Z,aAAa,oBAW7ByhD,UAAY,SAAU92C,OACnBoP,EAAW0sB,EAAiB,GAClB,MAAZ1sB,GAAyC,SAArBA,EAAShK,SACR,MAAvB02B,EAAiB,OACO,aAAc97B,EAAI,SAAW,UAElD87B,EAAiB,GAAGj/B,gBACX2rC,kBAQXuO,cAAgB,kBACZ3S,GAAQxI,kBASZob,cAAgB,SAAUv2C,MACrBm7B,YAAcn7B,KACE,cAAeA,GACnCq7B,EAAiB,KAAOA,EAAiB,GAAGj/B,gBAClC2rC,kBAUXyO,aAAe,SAAUx2C,MACpBi2B,KAAOj2B,KACS,OAAQA,SAO7By2C,aAAe,kBACX9S,GAAQ1N,WAOZygB,YAAc,kBACV/S,GAAQzI,gBASZyb,YAAc,SAAU32C,MACnBk7B,UAAYl7B,KACI,YAAaA,GAChCq7B,EAAiB,GAAGj/B,gBACX2rC,kBAQX1gC,QAAU,eACPsH,EAAW0sB,EAAiB,UAClB,MAAZ1sB,EAA2B,GACxBA,EAASvS,kBASbw6C,eAAiB,SAAU52C,MACN,QAASA,MACrB+K,KAAK/K,MACL+nC,kBAWT8O,YAAc,SAAU72C,OACrBR,EAAO67B,EAAiB,MACzB77B,OAECuG,EAAQ7L,GAAEsF,GAAMP,MAAM,QAAS,WACjC63C,GAAY/wC,EAAMhJ,QAAUgJ,EAAMpJ,OAEhCo6C,EAAU7wC,GAAQ1G,MAGpBu3C,IAAY/2C,KACJ,OACL,IAAK82C,aAENrvC,EAAW,IAAIlB,GAAa,uBAE1B/G,EAAMQ,KACL2H,cAAc,IAAI7B,GAAqBtG,WACrCu3C,KAGPD,KACA,IAAI3K,OAASC,KAAK,eACZ1kC,EAAUxN,GAAEsF,GAAMP,MAAM,QAAS,cAErCO,GAAMP,YACCrQ,KAAKmO,aACJnO,KAAK+N,WAGCkhC,gBAAgBr+B,GAAM63B,WAE7B1vB,cAAc,IAAI7B,GAAqBtG,EAAMkI,MAClCD,KACf,WAAYjI,MAChBP,KAAK,MAAOe,KAEKyH,UAUnBuvC,WAAa,SAAUh3C,OACtBR,EAAO67B,EAAiB,MACvB77B,MACgB,MAAjBA,EAAKmF,QAAiB,KAElBsyC,EAAW/8C,GAAEsF,GAAM2xC,QAAQ,SAC7B8F,EAASzpD,gBACJypD,EAAS,OAMdF,EAAU7wC,GAAQ1G,MAEpBu3C,IAAY/2C,OAEVyH,EAAW,IAAIlB,GAAa,sBAE1B/G,EAAMQ,KACL2H,cAAc,IAAI7B,GAAqBtG,WACrCu3C,OAGStvC,WAUjByvC,cAAgB,SAAUl3C,OACvB2O,EAAW0sB,EAAiB,MAClB,MAAZ1sB,GAAyC,SAArBA,EAAShK,QAAoB,KAC7CgP,EAAIhF,EAAS/Z,aAAa,MAC5B+e,IAAMqK,OAAOhe,OACNrL,aAAa,KAAMqL,KACnBrL,aAAa,KAAMqL,KACR,IAAI8F,GAAqB6I,GAAWiU,GAAIjP,EAAGkP,GAAIlP,GAAI,aAClE,WAAYhF,YAWlBwoC,cAAgB,SAAUxxB,KACtByxB,sBAAsB,IAAKzxB,SAU/B0xB,gBAAkB,aACdC,+BAaJ7qC,WAAa,SAAUgD,KACdhD,WAAWgD,SAYpB8nC,cAAgB,SAAU/3C,EAAM9C,MACvB,MAAR8C,UAOA9C,EACKqmB,GAAuBvjB,EAAM+Y,EAAuBjD,GVviKlC,SAAU9V,EAAMuG,EAAOwS,EAAuBjD,EAAa3C,EAAgBkH,EAAgB+f,EAAS3f,OACzHxS,EAAW,IAAImyB,EAAQrzB,aAAa,2BAKpChL,EAAOgd,WACF,cAHHre,GAAE05B,UAAW7tB,EAAO+c,GAAmCtjB,MAOzDwjB,EAAUxjB,EAAK5K,aAAa,aAC9BouB,KACGruB,aAAa,YAAaquB,OAG1B/gB,EAAMzC,EAANyC,GACDuD,EAAShG,EAAKuF,WAChBvF,EAAKqF,cACFoe,OAAO1nB,KAELW,OAAOX,OAGV4C,EAAIwkB,GAAoBnjB,MAC1BrB,EAAG,MACAxJ,aAAa,IAAKwJ,GAKnB6kB,EAAS,KACL1a,EAAQhG,EAAiB/G,GAC3B8M,GAAmBC,MACT0R,iBAAiBze,OAI1BsJ,EAAerF,EAAfqF,qBACE8C,cAAc,IAAIiyB,EAAQj0B,qBAAqBnG,EAAMqF,EAAaW,MAClEmC,cAAc,IAAIiyB,EAAQr0B,qBAAqBhK,UAGnDgB,WACA5H,aAAa,KAAMsN,KACnBmE,gBAAgB,iBACL7K,IAAO,KAEHkM,GAEblM,WAGJgB,SACE,KUigKAg7C,CAAc/3C,QAXb47B,EAASnF,oBACCmF,EAASY,oBACjBZ,EAASO,sBACDP,EAASH,gCACLG,EAASQ,mCACVR,EAASS,iCACVT,EAASU,gCACTV,EAASW,uBAClBX,EAASnT,mBACN,UAEoB1P,EAAuBjD,EAAa3C,EAAgBkH,GAAgB+f,GAAS3f,YAvBvGvT,EAAQ20B,KACZpwB,KAAKvE,EAAO,SAAUnH,EAAGC,GACrBA,KAAe+3C,cAAc/3C,WAgCjCg4C,GAAgC,SAAUv4C,EAAMod,EAAU3V,GAC1C,aAAhB03B,MAEUqZ,SAASx4C,EAAMod,WAGzB9c,KADImH,GAAS20B,GACH7tC,OACRkqD,GAAa,IAAK,WAAY,QAC9BC,GAAc,YAAa,UAAW,2BAGtCn4C,EAAOkH,EAAMnH,MACL,MAARC,uBAGU,MAATP,GAAyB,MAATA,IAAiBy4C,EAAU98C,SAAS4E,EAAKmF,SAAU,KAChElI,EAAO4nB,IAA8B7kB,IACrC8S,EAAiB,MAATrT,EAAeod,EAAW5f,EAAKlM,EAAI,EAC3CgiB,EAAiB,MAATtT,EAAeod,EAAW5f,EAAKjM,EAAI,WAC1CoiD,qBAAqBtgC,EAAQ3G,EAAa4G,EAAQ5G,GAAa,cAMnD,MAAjBnM,EAAKmF,SAAmBgzC,EAAW/8C,SAASqE,OAC5C24C,EAAkB,UAAT34C,EAAmBO,EAAKpD,YAAcoD,EAAK5K,aAAaqK,MACvD,MAAV24C,MAA2B,IAC3BA,IAAW55B,OAAO3B,GAAW,CAClB,UAATpd,KAEG7C,YAAcigB,EAGd,SAAUlY,KAAK3E,EAAK5K,aAAa,kBAC7BwrC,GAAQ5gC,KAgBC,UAATP,KACDO,EAAM6c,KACF1nB,aAAasK,EAAMod,GAMb,aAAhB+hB,IAAuC,UAATn/B,GAAoBO,EAAKpD,YAAY5O,WACzDisB,aAAaja,GASvBhB,KAA+B,SAAlBgB,EAAK0a,UAAwB,SAAU/V,KAAK3E,EAAK5K,aAAa,gBACzEopB,OAAO3B,GAAUpG,WAAW,SAAY,YAAa,cAAe,IAAK,KAAKrb,SAASqE,IAASO,EAAKpD,iBAChGgkC,GAAQ5gC,IAOf67B,EAAiBzgC,SAAS4E,eACjB,WAGJA,EAAKuF,cACM84B,gBAAgBr+B,GAAM63B,UACrC,OAICtlC,EAAQsU,GAAiB7G,MACjB,IAAVzN,GAAwB,cAATkN,UACXqJ,EAAQhG,EAAiB9C,GAC3B2a,EAAI7R,EAAMvT,cACPolB,KAAK,IAES,IADL7R,EAAMzK,QAAQsc,GAClBntB,KAAY,GAEdgI,WAAWmlB,OAEXlG,EAAM0F,GAAana,GACnBghC,EAAS54B,GAAeqM,EAAI1jB,EAAI0jB,EAAIlX,MAAQ,EAAGkX,EAAIzjB,EAAIyjB,EAAItX,OAAS,EAAGwM,GAAyBb,GAAOvK,QACvGsC,EAAKmgC,EAAOjwC,EAChB+P,EAAKkgC,EAAOhwC,EACRqnD,EAAS97C,EAAQ4B,uBAChB2W,UAAUviB,EAAOsO,EAAIC,KACtBzE,iBAAiBg8C,EAAQ19B,aA9FlC5a,UAkHHu4C,GAA0BlpD,KAAKkpD,wBAA0B,SAAU74C,EAAMe,EAAK0G,KAC1EA,GAAS20B,IACVvR,QAAQ+Z,oBAAoB5kC,EAAMyH,MAGXzH,EAAMe,EAAK0G,OAEnCe,EAAWkU,EAAOmO,QAAQyb,uBAC3B99B,EAASo5B,aACQp5B,SAWnBmU,uBAAyB,mBACtBnU,EAAW,IAAIlB,GAAa,mBAC5BnH,EAAMi8B,EAAiB7tC,OACvBuqD,KAEGx4C,EAAI,EAAGA,EAAIH,IAAOG,EAAG,KACtBoP,EAAW0sB,EAAiB97B,MAClB,MAAZoP,YAEAnJ,EAASmJ,EAAS5J,WAClBxC,EAAIoM,IAGQgvB,gBAAgBp7B,MAGTA,EAAEN,IAGF,MAAnBuD,EAAOb,SAAgD,IAA7Ba,EAAOsa,WAAWtyB,WAC1CgY,IACKA,EAAOT,gBAGXF,EAAetC,EAAfsC,YACDrF,EAAOgG,EAAOE,YAAYnD,KACnBvL,KAAK2X,KACThH,cAAc,IAAIhC,GAAqBnG,EAAMqF,EAAaW,SAIhEiC,EAASo5B,aAAiCp5B,KAC1C,UAAWswC,aAUbC,oBAAsB,aAClBC,yBACAr8B,+BAQJq8B,qBAAuB,wBACbC,QAAQ,oBAAqBC,KAAKC,UAC7C/c,EAAiB1tB,IAAI,SAAUpd,UAAY+qC,EAAsB/qC,UAGjE,iBAAiB8nD,uBAAuB,gCAYvCC,cAAgB,SAAUtrD,EAAMuD,EAAGC,OAClC+nD,EAAQJ,KAAKK,MAAMC,aAAa56C,QAAQ,sBACxCuB,EAAMm5C,EAAM/qD,UACX4R,OAECs5C,KACAjxC,EAAW,IAAIlB,GAAa,kBAQ5BoyC,WAUAzqD,iBAPG0qD,EAAUp5C,GACbA,EAAKP,MAAQO,EAAKP,KAAKgD,OACdzC,EAAKP,KAAKgD,IAAMuW,MACtBvZ,KAAKgD,GAAK02C,EAAWn5C,EAAKP,KAAKgD,KAElCzC,EAAKqiB,UAAUriB,EAAKqiB,SAAS3zB,QAAQ0qD,QAazC,cAEClyC,MAAO6xC,EAAO7wC,QAASixC,IACxB,GACAzqD,QAAQ,SAAU2qD,GACbA,GAAgB,WAAYA,KAEtBt8C,OAAOrO,QAAQ,SAAU4qD,KAC1BP,EAAMz2B,OAAO,SAAUi3B,UACtBA,EAAc95C,KAAKgD,KAAO62C,QAMhC15C,KAAO,KACNI,EAAO+4C,EAAMn5C,MACdI,OAECoiB,EAAOrJ,EAAsB/Y,KAC5BxI,KAAK4qB,KACHja,cAAc,IAAIpC,GAAqBqc,OAEhCA,UAGP82B,GAEE,aAAT1rD,EAAqB,KACnBgsD,SAAMC,SAELjsD,EAGe,UAATA,MACFuD,IACAC,MAJA0oD,GAAe3oD,IACf2oD,GAAe1oD,OAMlBiM,EAAO4nB,GAA6Bq0B,GACpCr4C,EAAK24C,GAAQv8C,EAAKlM,EAAIkM,EAAKM,MAAQ,GACvCuD,EAAK24C,GAAQx8C,EAAKjM,EAAIiM,EAAKE,OAAS,GACpCiN,KACAC,QAEAoB,KAAKytC,EAAQ,SAAUn5C,EAAGxI,KACvBC,KAAKqJ,KACLrJ,KAAKsJ,SAGJqG,EAAMgV,EAAOi3B,qBAAqBhpC,EAAIC,GAAI,GAC5ClD,GAAKc,EAASE,cAAchB,KAGdc,KACf,UAAWixC,UAUbtB,sBAAwB,SAAUpqD,EAAMmsD,GACtCnsD,MAAe,SAChBosD,EAAS,GACTzzB,gBAEI34B,OACH,MACM,mBACHmsD,GAAU,SAEhB,UACO,MACE,qBAKL1xC,EAAW,IAAIlB,GAAa6yC,GAG5Bt8C,EAAIyb,WACCvrB,WAEHwrB,OAGK,MAATxrB,MACM8P,EAAG6oB,KAEJhe,cAAc,IAAIpC,GAAqBzI,YAG5CyC,EAAI87B,EAAiB7tC,OAClB+R,KAAK,KACNC,EAAO67B,EAAiB97B,MAChB,MAARC,GAE4B,MAA5BA,EAAKuF,WAAWJ,SAAyD,IAAtCnF,EAAKuF,WAAW+a,WAAWtyB,WACzDgS,EAAKuF,gBAGRN,EAAiBjF,EAAKqF,YACtBH,EAAYlF,EAAKuF,aACrB7I,OAAOsD,KACAmI,cAAc,IAAInD,GAAmBhF,EAAMiF,EAAgBC,KAEjE+C,EAASo5B,aAAiCp5B,OAGnC3K,IAAI,QAWZozC,GAAsBthD,KAAKshD,oBAAsB,SAAUpzC,EAAGu8C,WAC5Dx3B,EAAW/kB,EAAEgjB,WACb1gB,EAAMyiB,EAASr0B,OACf0S,EAAQpD,EAAElI,aAAa,aAEvB0kD,EAAQh3C,EAAiBxF,GACzBqD,EAAIgJ,GAAyBmwC,GAAOv7C,OAEpC0J,EAAW,IAAIlB,GAAa,yBAS5BytB,EAAS3tB,GAAiBvJ,GAE1By8C,EAASr/C,GAAE4C,GAAGmC,MAAM,SAAU,YAChCu6C,SAASC,SAAO/xC,SACdgoB,EAAUlB,IAEPjvB,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtBC,EAAOqiB,EAAStiB,MAEA,IAAlBC,EAAKqgB,aAEc,OAAnB05B,EAAOtxB,SAAuC,IAAnBsxB,EAAOtxB,QAAe,KAE7CyxB,EAAU7gD,KAAKoR,OAAOzK,EAAK5K,aAAa,YAAc,GAAK2kD,EAAOtxB,QAAU,KAAO,OACjE,UAAWyxB,GAAUl6C,OAG3C+5C,EAAOz3B,OAAQ,KACb63B,EAAQ/qD,KAAK2mD,QAAQ/1C,GACnBo6C,EAAYD,EACbF,MAAiB7qD,KAAK2mD,QAAQz4C,IAC/B68C,IAEM5nC,OAAO0nC,GAAS1nC,OAAO4nC,GACZ,IAAVA,MACDF,GAILG,IAUOr/B,GAAW/a,EAAK5K,aAAa,WARlC4kD,KAIO9pB,EAAQnC,SAASisB,QAChBt9C,OAAOs9C,MAJRj/B,GAAWg/B,EAAOz3B,YAW1B+3B,EAAyC,mBAA/BL,EAAQ74B,WAAWhc,QAAgC,OAAS,WACpE1C,GAAKzC,EAAKyC,GAAK,IAAM43C,KACL,SAAU,QAAUL,EAAQv3C,GAAK,KAAMzC,IAG3Dm6C,OACsB,eAAgBA,GAAQH,EAAQ74B,eACjDyc,eAAeoc,EAASG,QAI/BG,EAAUx3C,EAAiB9C,MAG3BA,EAAKmF,QAAQ/J,SAAS,gBAAyB,MAG9Ck/C,GAGgB,SAAjBt6C,EAAKmF,SAEL20C,EAAMvkD,cAAe,IAInBi/B,GAAkC,IAAxBslB,EAAMvkD,cAAqB,KAWjCglD,EAAMT,EAAMz7C,QAAQ,GAAGE,OAGzBi8C,EAAMj+C,EAAQ+E,kBACZm5C,EAAS5zC,GAAiB7G,GAC5By6C,MACIH,EAAQj8C,QAAQ,GAAGE,YAIrBm8C,EAAOvgC,GAAana,GACpB26C,EAAOhxC,GAAyB2wC,GAAS/7C,OACzCq8C,EAAQxyC,GAAesyC,EAAK3pD,EAAI2pD,EAAKn9C,MAAQ,EAAGm9C,EAAK1pD,EAAI0pD,EAAKv9C,OAAS,EAAGw9C,GAG1EE,EAASrmB,EAASimB,EAGlBnoD,EAAKiK,EAAQ4B,uBAChB2W,UAAU+lC,EAAQD,EAAM7pD,EAAG6pD,EAAM5pD,OAG9B8pD,EAAMxyC,GAAeiyC,EAAKC,EAAKloD,EAAGiM,OAAO8U,cAG3ConC,KACMjlD,WAAW,GAGjBqlD,IACEP,EAAQ/kD,gBACF8G,iBAAiB/J,EAAI,KAErB8L,WAAW9L,IAInBwoD,EAAIl8C,GAAKk8C,EAAIj8C,EAAG,KACZsK,EAAK5M,EAAQ4B,uBAChB01B,aAAainB,EAAIl8C,EAAGk8C,EAAIj8C,GACvBy7C,EAAQ/kD,gBACF8G,iBAAiB8M,EAAI,KAErB/K,WAAW+K,QAGlB,KAGC4xC,EAAW/6C,EAAK5K,aAAa,oBAE3B4I,UAAY+8C,GAAY,OAE1BC,EAAWz+C,EAAQ4B,qBAInB88C,EAAMtxC,GAAyB2wC,GAAS/7C,OAC5C28C,EAASD,EAAI5nC,UACT8nC,EAAK7yC,GAAe4yC,EAAQv6C,EAAGs6C,KAC5BnoB,UAAUqoB,KACX/8C,WAAW48C,OAEf7zC,EAAM2sB,GAAsB9zB,GAC9BmH,KAAgBgB,cAAchB,QAKlCzG,WAEM1C,UAAY0C,IAClBvL,aAAa,YAAa,MAC1ByR,gBAAgB,eACTuB,cAAc,IAAI7B,GAAqBhJ,EAAG4K,KAGjD2xC,IAAa5xC,EAASo5B,iBACjBp5B,QAUN6vC,uBAAyB,eACxBx6C,EAAIu+B,EAAiB,MACpBv+B,KAGD5C,GAAE4C,GAAG2kB,KAAK,SAAWvnB,GAAE4C,GAAG2kB,KAAK,aAElB3kB,WAGC,QAAdA,EAAE6H,QAAmB,KAEjBusC,EAAS9kC,GAAQlG,GAAQpJ,GAAG2G,OAAO,cACvC3G,GAAG2kB,KAAK,SAAUyvB,GAAQzvB,KAAK,MAAOyvB,WACzBp0C,OAGXm6C,EAAW/8C,GAAE4C,GAAGq0C,QAAQ,QAC1B8F,EAASzpD,WACPypD,EAAS,IAIG,MAAdn6C,EAAE6H,SAAiC,MAAd7H,EAAE6H,QAAiB,KACpC8C,EAAW,IAAIlB,GAAa,oBAC5BI,EAAMupC,GAAoBpzC,GAAG,GAC/B6J,KAAgBgB,cAAchB,WAE5BnB,EAAS1I,EAAEiI,WACX61C,EAAS99C,EAAE+H,YACXgd,EAAW,IAAIniB,MAAM5C,EAAEgjB,WAAWtyB,QAEpC+R,EAAI,EACDzC,EAAE6jB,YAAY,KACfnhB,EAAO1C,EAAE6jB,WACPlc,EAAiBjF,EAAKqF,YACtBH,EAAYlF,EAAKuF,cAGF,UAAjBvF,EAAKmF,UAOApF,KAAOC,EAAOgG,EAAOL,aAAa3F,EAAMo7C,KACxCjzC,cAAc,IAAInD,GAAmBhF,EAAMiF,EAAgBC,aAP3DG,EAAerF,EAAfqF,cACE8C,cAAc,IAAIhC,GAAqBnG,EAAMqF,EAAaH,MAC9DnI,kBAYHs+C,EAAe/9C,EAAE+H,cACnBW,EAAOE,YAAY5I,KACd6K,cAAc,IAAIhC,GAAqB7I,EAAG+9C,EAAcr1C,IAE5DiC,EAASo5B,aAAiCp5B,MAGhCoa,WAWdi5B,yBAA2B,eACvBnsC,IAAY0sB,WACH,MAAZ1sB,EAAkB,KAChBpM,EAAIoM,EACFjK,EAAYnC,EAAEwC,WACdN,EAAiBlC,EAAEsC,YAIrBJ,OAHAlC,EAAEwC,WAAWwH,YAAYhK,IAGJsC,gBACH,IAAIL,GAAmBjC,EAAGkC,EAAgBC,EAAW,UACpE,WAAYnC,YAYlBw4C,4BAA8B,eAC1BpsC,IAAY0sB,WACH,MAAZ1sB,EAAkB,KAChBpM,EAAIoM,EACFjK,EAAYnC,EAAEwC,WACdN,EAAiBlC,EAAEsC,YACpB8b,EAAcpe,EAAEwC,WAAhB4b,WACsB,UAAvBA,EAAWhc,YACAgc,EAAW9b,aAIC,SAAvB8b,EAAWhc,YACAgc,EAAW9b,aAKtBJ,OAHAlC,EAAEwC,WAAWI,aAAa5C,EAAGoe,IAGR9b,gBACH,IAAIL,GAAmBjC,EAAGkC,EAAgBC,EAAW,aACpE,WAAYnC,YAalBy4C,mBAAqB,SAAU1jB,OAC5B3oB,EAAW0sB,EAAiB,MAC7B1sB,aAGD4T,SAAS04B,SAEP7vC,EAAOlR,GAAEylC,GAAoBtb,IAA8B1V,MAAausC,aAClE,SAAR5jB,KAAuBlT,aAEzBnZ,KAAKG,EAAM,cACN6vC,WAMKrsD,MACH,EANDA,OAAS+f,OACA,KAOZ4T,OAEChgB,EAAIoM,EACJjK,EAAYnC,EAAEwC,WACdN,EAAiBlC,EAAEsC,eACvB0d,GAAiB,SAAR+U,EAAiB,SAAW,SAAS/0B,GAG5CkC,IAAmBlC,EAAEsC,gBACH,IAAIL,GAAmBjC,EAAGkC,EAAgBC,EAAW,QAAU4yB,MAC9E,WAAY/0B,aAahBqwC,qBAAuB,SAAUhpC,EAAIC,EAAIwvC,GAGxCzvC,EAAGuxC,cAAgBz7C,WACfiM,KACAA,KAEG0tC,IAAY,UACjB5xC,EAAW,IAAIlB,GAAa,YAC9BhH,EAAI87B,EAAiB7tC,OAClB+R,KAAK,KACJoP,EAAW0sB,EAAiB97B,MAClB,MAAZoP,EAAkB,KAQdzO,EAAQnE,EAAQ4B,qBAChB2K,EAAQhG,EAAiBqM,GAG3B/E,EAAGuxC,cAAgBz7C,QAKf2zB,aAAazpB,EAAGrK,GAAIsK,EAAGtK,MAMvB8zB,aAAazpB,EAAIC,GAGrBvB,EAAMvT,gBACF8G,iBAAiBqE,EAAO,KAExBtC,WAAWsC,OAGbyG,EAAM2sB,GAAsB3kB,GAC9BhI,KACOgB,cAAchB,KAGTk3B,gBAAgBlvB,GAAU0oB,cAGzC5vB,EAASo5B,iBACRwY,KACkB5xC,KAEjB,UAAW4zB,GACT5zB,QAYNk7B,sBAAwB,SAAUpyC,EAAGC,OACpC+O,SAAGC,SACDiI,EAAW,IAAIlB,GAAa,kBAE5BnH,EAAMi8B,EAAiB7tC,aAIZwlB,cAHMhV,EAAGC,UAChB/D,GAAE+D,GAAGvH,QAAUwD,GAAE8D,GAAGtH,UAGzB6I,EAAI,EAAGA,EAAIH,GAEF,SADLi8B,EAAiB97B,MADHA,OAKjB67C,EAAiB/f,EAAiBv5B,MAAM,EAAGvC,QAC5CoT,gBAAe,OAGd+c,EAAUlB,UACZ4sB,EAAe5tD,OACZ+R,OAEE67C,EAAe77C,GAAKmwB,EAAQnC,SAAS6tB,EAAe77C,KAC1DusB,GAAgB4D,EAAQH,mBAAmBrzB,OAAOsD,KAC1CmI,cAAc,IAAIpC,GAAqB/F,IAG7CiI,EAASo5B,eACGua,EAAeh3B,gBACzBwuB,qBAAqBriD,EAAGC,GAAG,KACZiX,UAWnB4zC,sBAAwB,SAAUruD,EAAMsuD,OACrCC,KACAn8C,EAAMi8B,EAAiB7tC,UACxB4R,WACD0J,EAAOiJ,OAAOypC,UAAWxyC,EAAO+I,OAAO0pC,UACzCvyC,EAAO6I,OAAOypC,UAAW7iB,EAAO5mB,OAAO0pC,UACrCC,EAAW3pC,OAAO0pC,UAAWE,EAAY5pC,OAAO0pC,UAC3Cl8C,EAAI,EAAGA,EAAIH,GACS,MAAvBi8B,EAAiB97B,KADIA,EAAG,KAEtBC,EAAO67B,EAAiB97B,YACvBA,GAAK8kB,IAA8B7kB,IAGlC87C,OACH,aACY,MAATtuD,GAAyB,MAATA,GAAyB,MAATA,KACnC0uD,IAAa3pC,OAAO0pC,WAAaC,EAAWH,EAAOh8C,GAAGxC,SAC5C,MAAT/P,GAAyB,MAATA,GAAyB,MAATA,KACjC2uD,IAAc5pC,OAAO0pC,WAAaE,EAAYJ,EAAOh8C,GAAG5C,aAElD4+C,EAAOh8C,GAAGhP,IACVgrD,EAAOh8C,GAAG/O,IACV+qD,EAAOh8C,GAAGhP,EAAIgrD,EAAOh8C,GAAGxC,QACxBw+C,EAAOh8C,GAAG/O,EAAI+qD,EAAOh8C,GAAG5C,SACpB4+C,EAAOh8C,GAAGxC,QACTw+C,EAAOh8C,GAAG5C,kBAGrB,YACY,MAAT3P,GAAyB,MAATA,GAAyB,MAATA,KACnC0uD,IAAa3pC,OAAO0pC,WAAaC,EAAWH,EAAOh8C,GAAGxC,SAC5C,MAAT/P,GAAyB,MAATA,GAAyB,MAATA,KACjC2uD,IAAc5pC,OAAO0pC,WAAaE,EAAYJ,EAAOh8C,GAAG5C,aAElD4+C,EAAOh8C,GAAGhP,IACVgrD,EAAOh8C,GAAG/O,IACV+qD,EAAOh8C,GAAGhP,EAAIgrD,EAAOh8C,GAAGxC,QACxBw+C,EAAOh8C,GAAG/O,EAAI+qD,EAAOh8C,GAAG5C,SACpB4+C,EAAOh8C,GAAGxC,QACTw+C,EAAOh8C,GAAG5C,sBAIpB4+C,EAAOh8C,GAAGhP,EAAIuY,MAAeyyC,EAAOh8C,GAAGhP,GACvCgrD,EAAOh8C,GAAG/O,EAAI0Y,MAAeqyC,EAAOh8C,GAAG/O,GACvC+qD,EAAOh8C,GAAGhP,EAAIgrD,EAAOh8C,GAAGxC,MAAQiM,MAAeuyC,EAAOh8C,GAAGhP,EAAIgrD,EAAOh8C,GAAGxC,OACvEw+C,EAAOh8C,GAAG/O,EAAI+qD,EAAOh8C,GAAG5C,OAASg8B,MAAe4iB,EAAOh8C,GAAG/O,EAAI+qD,EAAOh8C,GAAG5C,SAK7D,SAAf2+C,MACK,IACA,IACA3/B,EAAOquB,WACPruB,EAAOiyB,kBAGVhkC,EAAK,IAAIlK,MAAMN,GACfyK,EAAK,IAAInK,MAAMN,GACZG,EAAI,EAAGA,EAAIH,GACS,MAAvBi8B,EAAiB97B,KADIA,EAAG,KAGtB9C,EAAO8+C,EAAOh8C,YACjBA,GAAK,IACLA,GAAK,EACAvS,OACH,MACAuS,GAAKuJ,EAAOrM,EAAKlM,YAEjB,MACAgP,IAAMuJ,EAAOE,GAAQ,GAAKvM,EAAKlM,EAAIkM,EAAKM,MAAQ,aAEhD,MACAwC,GAAKyJ,GAAQvM,EAAKlM,EAAIkM,EAAKM,iBAE3B,MACAwC,GAAK2J,EAAOzM,EAAKjM,YAEjB,MACA+O,IAAM2J,EAAOyvB,GAAQ,GAAKl8B,EAAKjM,EAAIiM,EAAKE,OAAS,aAEjD,MACA4C,GAAKo5B,GAAQl8B,EAAKjM,EAAIiM,EAAKE,cAI7Bi2C,qBAAqBhpC,EAAIC,UAW3BmgC,SAAW0B,KAAgBjjC,OAK3BmlC,SAAWlC,KAAgBhjC,OAoB3BkzC,aAAe,SAAUnzC,EAAGC,KACvB/T,aAAa,QAAS8T,KACtB9T,aAAa,SAAU+T,OACzBmzC,EAAK3hD,GAAE,qBAAqB,GAC5B4hD,EAAO9/C,EAAWpH,aAAa,KAC/BmnD,EAAO//C,EAAWpH,aAAa,KAC/BrE,EAAKkY,EAAI,EAAI7Z,KAAKo7C,SAAWr+B,EAAc,EAC3Cnb,EAAKkY,EAAI,EAAI9Z,KAAKg/C,SAAWjiC,EAAc,KAEhC3P,SACRpN,KAAKo7C,SAAWr+B,SACf/c,KAAKg/C,SAAWjiC,kBAGf,OAAS/c,KAAKo7C,SAAW,IAAMp7C,KAAKg/C,cAG9BiO,SACR7/C,EAAWpH,aAAa,gBACvBoH,EAAWpH,aAAa,wBAK5BonD,EAAQ5vC,GAAQ,2BAClB4vC,MACeA,SACR,cACC,WAIIhjB,oBAAoBrkC,aAAa,YAAa,aAAepE,EAAI,IAAMC,EAAI,QAazF,iBAICyrD,MAAO1rD,EAAG2rD,MAAO1rD,EAAG2rD,MAAOL,EAAMM,MAAOL,EAAMM,IAAK9rD,EAAIurD,EAAMQ,IAAK9rD,EAAIurD,KAEjExrD,IAAGC,IAAG2rD,MAAOL,EAAMM,MAAOL,EAAMM,IAAK9rD,EAAIurD,EAAMQ,IAAK9rD,EAAIurD,SAU7DQ,cAAgB,SAAU1hB,EAAOlV,OAC9Bk2B,EAAKzvC,GAAQ,oBACbowC,EAAStiD,GAAE2hD,GAAIjsC,KAAK,QAAQ,GAC9BosC,EAAQ5vC,GAAQ,sBACbzX,aAAa,OAAQkmC,GACxBlV,GACGq2B,MACKp0B,EAAOlzB,gBAAgB5G,EAAGuM,IAAK,YACtB2hD,MACX,yBACG,cACC,2BACa,iBACd,4BAGHA,EAAOr2B,KACZzpB,OAAO8/C,IACDA,KACHz/C,eAWLkgD,aAAe,SAAUptC,OACxB3L,SACEg5C,EAAUrhB,EAAiB,GAC7B77B,GAAO,EACLm9C,EAAWz4B,GAAmB4H,GAAgB0C,IAAoBe,sBACnEotB,EAASnvD,WACC,MAAXkvD,IAEKC,IADDttC,EAAOstC,EAASnvD,OAAS,EAAI,gBAG/B+R,EAAIo9C,EAASnvD,OACV+R,QACDo9C,EAASp9C,KAAOm9C,EAAS,IACrBrtC,EAAO9P,EAAI,EAAIA,EAAI,IACdo9C,EAASnvD,SACZ,EACGkW,EAAM,MACTi5C,EAASnvD,OAAS,KAEnBmvD,EAASj5C,aAKVlE,IAAO,KACd,WAAY67B,UAGd9vB,aA0CAi0B,kBAAoB,gOAcL9E,sOC5+NpB,IAAM/V,QACC,mCACE,gCAGJp3B,OAAOqY,iBACHA,sBACA5E,kBACAA,OCbTnI,KAAK+jD,UAAY,SAAUz9C,EAAOy9C,eACdvsD,IAAdusD,IAAyBA,EAAY,GAClC/jD,KAAKoR,MAAM9K,EAAQtG,KAAKC,IAAI,GAAI8jD,IAAc/jD,KAAKC,IAAI,GAAI8jD,IAQpE,OCTM1iD,GAAIC,OAEN0iD,UAQSC,GAAa,SAAU9vD,EAAM4S,EAAKgvC,OAEvCppC,EAAStL,GAAE,eAAesL,gBACzBvX,QAAQ2R,GAAK1R,QAAQ,yBAAE4qB,OAAK9Y,UAC5BA,WAAe6F,IAAIiT,GAEpB81B,MAAa,IAAM91B,GACTtT,EAAOoK,KAAKkJ,GAChBtrB,OAAQ,KACVgS,EAAOgG,EAAOoK,KAAKkJ,GAAK,UAEtB9rB,OACH,cACE,IAAW+jC,EAAPxxB,EAAI,EAAUwxB,EAAOvxB,EAAKsgB,WAAWvgB,GAAKA,OAC3B,IAAlBwxB,EAAKlR,UAAkBkR,EAAK30B,YAAYq1B,OAAQ,GAC7Cr1B,YAAc4D,kBAMpB,UACEqoB,MAAQroB,gBAIP6F,IAAI,YAAciT,MAqB5BikC,UAuBSC,8CAAW,WAAgBC,wHACnBF,GAAQG,YAAYL,0BACrC5xC,KAAKkyC,EAAM,SAAU59C,EAAGY,GACpBA,EAAEshB,SACOvnB,GAAEkjD,MAAMH,EAAU98C,EAAEshB,SAK9Bw7B,EAASI,8DAGZA,KAGEJ,GAHFI,MAEAC,IAAAA,WAAY13B,IAAAA,OAAQ23B,IAAAA,OAAQC,IAAAA,OAAQ9yC,IAAAA,MAG3B,0BAEO4yC,EAAWG,4BACbJ,EAAMK,wBACRL,EAAMM,yBACHN,EAAMO,mCACCP,EAAMQ,gCAChBR,EAAMS,sBAENl4B,EAAOm4B,uBACNn4B,EAAOo4B,uBACRp4B,EAAOq4B,uBACNr4B,EAAOs4B,4BACHt4B,EAAOu4B,8BACTv4B,EAAOw4B,6BACNx4B,EAAOy4B,+BAEPhB,EAAMiB,2BAETf,EAAOA,YACdF,EAAMkB,qBACKlB,EAAM/B,yBACRiC,EAAOiB,iCACF54B,EAAO64B,mCAETpB,EAAMqB,iCACPrB,EAAMsB,kCACJrB,EAAWsB,iCAEdh5B,EAAOi5B,eAAiB,oBACvBj5B,EAAOk5B,yCACGl5B,EAAOm5B,uBACrBn5B,EAAOo5B,8BACEp5B,EAAOq5B,4BACbzB,EAAO7gD,qBACRipB,EAAOs5B,8BACDt5B,EAAOu5B,yBACdv5B,EAAOw5B,uBACNx5B,EAAOy5B,wBACP7B,EAAOzgD,2BAEAygD,EAAO8B,0BACT9B,EAAO+B,sBAEP/B,EAAO8B,wBACT9B,EAAO+B,qBAEN/B,EAAO8B,uBACT9B,EAAO+B,oBAENhC,EAAOA,OAAOl8C,MAAM,IAAIjB,KAAK,gBAEnCi9C,EAAMmC,sBACHnC,EAAMoC,qBACRpC,EAAMqC,uBACNrC,EAAMsC,qBACRtC,EAAMuC,mBACNvC,EAAMwC,8BAEKj6B,EAAOk6B,sCACPl6B,EAAOm6B,yBACfn6B,EAAOo6B,gCAEEp6B,EAAOq6B,wBACVr6B,EAAOs6B,iCACRt6B,EAAOu6B,qCACNv6B,EAAOw6B,aAC1B,WAIDn1C,MAAM,MAAO,OAAQ,QAAS,iBAAkB,SAAU,QAAS,UAAW,aAAc,UAAW,YAAa,aAAc,aAC7H,0BAA4Brc,KAAO,MAAQyuD,EAAMzuD,WAGtDqc,MAAM,OAAQ,aAAc,aAAc,aACrC,0BAA4Brc,KAAO,MAAQ2uD,EAAO3uD,UAGpD,mCAAqC2uD,EAAO8C,OAEtC,UAAWrT,MAEX,2BACUqQ,EAAMiD,4BACdhD,EAAWiD,oBACXjD,EAAWkD,mBACZlD,EAAWmD,2BACFnD,EAAWoD,yBAClBpD,EAAWqD,sBACXrD,EAAWsD,sBACXtD,EAAWuD,sBACXvD,EAAWwD,sBACXxD,EAAWyD,uBACVzD,EAAWniB,oBACfmiB,EAAWr7C,gBACNq7C,EAAW0D,uBACd1D,EAAW2D,sBACT3D,EAAW4D,yBACV3D,EAAO8C,eACT9C,EAAO4D,oBACR5D,EAAA,iBACGA,EAAO6D,sBACL5D,EAAO6D,mBACb9D,EAAO+D,gBACRhE,EAAWiE,gBACXjE,EAAWkE,gBACXlE,EAAWmE,gBACXnE,EAAWoE,qBACNpE,EAAWqE,2BACVrE,EAAWsE,6BACVtE,EAAWuE,8BACXvE,EAAWwE,8BACXxE,EAAWyE,8BACXzE,EAAW0E,yBAChB3E,EAAM4E,kBACRv3C,EAAGw3C,wBACAx3C,EAAGy3C,uBACF7E,EAAW8E,mBACX9E,EAAW+E,wBACN/E,EAAWgF,4BACZhF,EAAWiF,oBAClBjF,EAAWkF,uBACNjF,EAAOkF,yBACVnF,EAAWoF,iBACXpF,EAAWqF,mBACTrF,EAAWsF,0BACXtF,EAAWuF,0BACXvF,EAAWriB,2BACVrV,EAAOy5B,eAChB/B,EAAWwF,kCACIp4C,EAAGq4C,qCACN1F,EAAM2F,6BACN3F,EAAM4F,8BACN5F,EAAM6F,4BACR7F,EAAM8F,4BACJ9F,EAAM+F,6BACP/F,EAAMgG,0BACRhG,EAAMiG,qBACThG,EAAWvrD,gBACZurD,EAAWzT,eACXyT,EAAWiG,iBACTlG,EAAMmG,uBACPnG,EAAMxmD,uBACAwmD,EAAMxmD,kBACXwmD,EAAMgD,sBACAhD,EAAMgD,iBACXhD,EAAMoG,4BACJpG,EAAMqG,2BACTrG,EAAMsG,wBACNtG,EAAMuG,2BACHtG,EAAWpiB,8BACNmiB,EAAMwG,8BACXxG,EAAMyG,wBACPzG,EAAM0G,wBACT1G,EAAM2G,uBACL1G,EAAW2G,iBACb5G,EAAM6G,2BACC7G,EAAM8G,0BACT9G,EAAM+G,yBACJ/G,EAAMgH,4BACLhH,EAAMiH,2BACRjH,EAAMkH,uBACRjH,EAAWr1B,4BACJo1B,EAAMmH,yBAChBnH,EAAMoH,wBACFpH,EAAMqH,wBACVrH,EAAMsH,oBACNtH,EAAMuH,mBACFvH,EAAMwH,0BACRxH,EAAMyH,wBACNzH,EAAM0H,wBACN1H,EAAM2H,sBACR3H,EAAM4H,sBACJ5H,EAAM6H,kBACR7H,EAAM8H,kBACH9H,EAAM+H,uBACJ/H,EAAMgI,yBACXhI,EAAMiI,qBACLjI,EAAMkI,WAEjB,sBAEK1I,aAAWI,kHAaRuI,iCAAY,WAAgBC,EAAYC,EAAWC,+FAC1DF,KACUA,OAEAvrD,GAAE0rD,KAAK,WAEbrrD,UAAUsrD,gBACAtrD,UAAUsrD,aACbtrD,UAAU6kD,cACP7kD,UAAU6kD,mBAIlBv5C,IAAI,SAAWg3C,IAGlB6I,EAAU9qD,SAASiiD,KAA4B,SAAdA,QACxB,SAUJ8I,EAAKG,SAAW,QAAUjJ,GAAY,WAC3CG,YAGC+I,GAAuBpgC,UACnB,iBAAmBk3B,GAAU17C,QAAQ,KAAM,mKCnTzD,IAAM6kD,MAEA9rD,IChCS,SAAS+D,GAAwsB,SAASD,EAAEG,MAAsB,iBAATA,EAAEsjB,UAA4BvjB,EAAEC,EAAE6G,QAAQ5G,EAAED,EAAEsjB,KAAKpzB,cAAcgT,MAAM,KAAKlD,EAAE6G,QAAQ,SAASmV,MAAMvrB,OAAOurB,EAAE1sB,SAAS,mBAAmB0W,KAAKgW,EAAE1sB,OAAOysB,WAA2B,SAAhBC,EAAE1sB,OAAOT,UAA2B0b,EAAW,aAATyR,EAAEntB,MAAmBiR,EAAEgoD,QAAQC,YAAY/rC,EAAEgsC,OAAOl0B,EAAEjU,OAAOC,aAAa9D,EAAEgsC,OAAO93D,cAAcklC,EAAI,GAAGz2B,KAAQqd,EAAEuoB,QAAY,QAAJh6B,OAAc,QAAUyR,EAAEisC,SAAa,SAAJ19C,OAAe,SAAWyR,EAAEksC,UAAUlsC,EAAEisC,SAAa,SAAJ19C,OAAe,SAAWyR,EAAEpE,UAAc,UAAJrN,OAAgB,UAAYA,IAAKvI,EAAEuI,IAAG,KAAYvI,EAAE8xB,IAAG,EAAKn1B,EAAEqD,EAAElC,EAAEgoD,QAAQK,UAAUr0B,KAAI,EAAY,WAAJ9xB,MAAgBlC,EAAEgoD,QAAQK,UAAUr0B,KAAI,QAAU,IAAIpyB,EAAE,EAAExB,EAAED,EAAE5Q,OAAOqS,EAAExB,EAAEwB,OAAQ/C,EAAEsB,EAAEyB,WAAY3B,EAAEmB,MAAMzQ,KAAK0Q,uBAAt2C2mD,SAASM,QAAQ,MAAML,aAAaM,EAAE,YAAYC,EAAE,MAAMC,GAAG,SAASC,GAAG,QAAQC,GAAG,OAAOC,GAAG,MAAMC,GAAG,QAAQC,GAAG,WAAWC,GAAG,MAAMC,GAAG,QAAQC,GAAG,SAASC,GAAG,WAAWC,GAAG,MAAMC,GAAG,OAAOC,GAAG,OAAOC,GAAG,KAAKC,GAAG,QAAQC,GAAG,OAAOC,GAAG,SAASC,GAAG,MAAMC,GAAG,IAAIC,GAAG,IAAIC,GAAG,IAAIC,GAAG,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,KAAKC,IAAI,MAAMC,IAAI,MAAMC,IAAI,MAAMC,IAAI,UAAUC,IAAI,SAASC,IAAI,IAAIC,IAAI,OAAOC,IAAI,IAAIC,IAAI,KAAKtD,WAAWuD,IAAI,IAAIC,EAAI,IAAIC,EAAI,IAAIC,EAAI,IAAIC,EAAI,IAAIC,EAAI,IAAIC,EAAI,IAAIC,EAAI,IAAI5D,EAAI,IAAIC,EAAI,IAAI4D,EAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,KAAKC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,IAAI,IAAIC,KAAK,QAAyrB5/C,MAAM,UAAU,QAAQ,YAAY,aAAa6/C,MAAMC,QAAQn8D,OAAO6jD,IAAIz0C,KAEt9CC,GCNQ,SAAU9D,mBAEfD,EAAEqN,OAAOhI,EAAyDrB,EAAEsK,EAAE4T,EAAoB4uC,EAAE1kC,EAAEzmB,EAAwI6I,EAA3NvI,EAAET,MAAM5Q,UAAUgT,MAAM6R,EAAEwK,mBAAmBngB,EAAE9D,EAAE+wD,MAAYhtD,EAAE/D,EAAEgxD,IAAIhxD,EAAEgxD,QAAc9sD,EAAElE,EAAE4wD,MAAMC,QAAQ5sD,EAAE,aAAagtD,EAAE,cAAcC,EAAE,WAAW56D,EAAE,cAAcsM,EAAE,WAAWy2B,EAAE,OAAOhxB,EAAE,MAAMhS,EAAE,cAAckY,EAAE,QAAU4iD,KAAK,SAASC,EAAEC,SAAqB,iBAAJA,WAAsBC,EAAEC,OAAOF,EAAEprD,EAAEiQ,KAAK9Q,UAAU,GAAG,OAAO,kBAAkBmsD,EAAEpsD,MAAMzQ,KAAK28D,EAAEG,OAAOvrD,EAAEiQ,KAAK9Q,uBAA8IjB,EAAEstD,EAAEC,EAAEL,EAAEM,EAAEJ,OAAOK,EAAEC,EAAExrD,EAAEub,EAAEkwC,SAAKH,IAAItsD,GAA+DysD,KAA1DT,EAAErqD,MAAMyqD,EAAE,mBAAmB,8BAAiC,IAAI,GAAU,IAAJF,GAAOH,EAAEO,KAAMA,EAAE1qD,QAAQwqD,EAAEljD,EAAElY,EAAE,OAAWiY,EAAEjI,EAAE,IAAIsrD,EAAEP,EAAEO,GAAGrjD,EAAEmjD,EAAEP,EAAED,GAAGU,GAAGA,EAAEE,EAAM,IAAJN,EAAMI,EAAM,IAAJJ,EAAMvxD,EAAE05B,UAAUi4B,EAAE/vC,GAAG5hB,EAAE05B,UAAU9X,EAAE+vC,GAAGE,EAAE/tD,EAAE+tD,GAAMJ,MAAKI,EAAE5qD,QAAQuH,EAAEiL,OAAMpT,EAAE,IAAIorD,EAAE,IAAII,IAAIxrD,EAAE,GAAG,IAAI,IAAIwrD,EAAEC,KAASJ,EAAEL,IAAIhsD,EAAEgsD,EAAEhkD,EAAEzK,GAAGy2B,IAAWu4B,EAAqwB,SAASG,EAAEN,EAAEJ,EAAEE,UAAMF,IAAIhsD,GAAc,kBAAJgsD,KAAiBA,EAAEA,EAAEvtD,EAAE2tD,EAAEP,EAAED,QAAYG,EAAEC,GAAGA,EAAEpqD,QAAQwqD,EAAEljD,EAAElY,EAAE,IAAIg7D,EAAS/iD,EAAE+iD,EAAEE,GAAsJ,SAASvgD,EAAE2gD,EAAEJ,EAAEE,EAAEJ,UAAOD,EAAEK,IAAe,qBAAJA,gBAAAA,QAAgBA,EAAEA,EAAEF,EAAEA,EAAElsD,GAAS3Q,KAAKqc,KAAK,eAAe8gD,EAAE7xD,EAAEtL,MAAMo9D,EAAEP,GAAG5rD,KAAKjR,KAAKsrB,UAAU,IAAI7rB,gBAAgB,GAAGkS,EAAEyrD,GAAGD,EAAE9sD,KAAK+sD,IAAI,GAAGD,EAAE9sD,KAAK+sD,EAAEhuD,EAAE6tD,GAAGtrD,EAAEorD,EAAEJ,QAArsCJ,GAAGK,EAAEntD,EAAE,WAAtZktD,UAAUA,EAAEpqD,QAAQ,6BAA6B,QAA0WnD,EAAEotD,GAAGltD,EAAEstD,EAAEntD,EAAE,WAA3dktD,UAAUA,EAAEpqD,QAAQ,gBAAgB,QAA4bjD,EAAEguD,SAAS,SAAST,KAAKA,GAAG,GAAG,IAAIF,EAAErxD,EAAEyT,IAAI89C,EAAEpqD,MAAM,IAAIid,oBAAoB5V,EAAE,IAAIxE,OAAOqnD,EAAEnrD,KAAK,KAAK,MAAMlC,EAAEguD,SAAS,MAAMhyD,EAAEiyD,QAAQ3jD,EAAE,SAASqjD,EAAEN,OAAOI,KAAKF,GAAGW,MAAO,EAAGC,OAAQ,EAAGC,KAAO,MAA8hB,OAAxhBpyD,EAAE+Q,KAAK4gD,EAAE1qD,QAAQ,MAAM,KAAKE,MAAM,KAAK,SAAS0qD,EAAEQ,OAAgCP,EAAzBzrD,EAAEgsD,EAAElrD,MAAM,KAAKmrD,EAAE74C,EAAEpT,EAAE,IAAMurD,EAAEH,EAAEC,EAAE,EAAEa,EAAED,EAAEnrD,MAAM,MAAMya,EAAE2wC,EAAEj/D,OAAO,KAAK,KAAK2W,KAAKsoD,EAAE,KAAK,MAAMtoD,KAAKsoD,EAAE3wC,OAAOA,GAAG2wC,EAAE3wC,GAAG3a,QAAQ,MAAM,IAAqC2a,GAAjC2wC,EAAEA,EAAE/0B,QAAQr2B,MAAM,KAAKqqD,OAAOe,IAAOj/D,OAAO,KAAS,EAAgB,IAAX+S,EAAE/S,YAAcmmB,EAAEpT,EAAE,IAAOgrD,MAAKS,IAAIr1D,MAAMq1D,IAAIA,EAAM,cAAJA,EAAgBzsD,EAAEksD,EAAEO,KAAKzsD,EAAEksD,EAAEO,GAAGA,GAAKlwC,OAAQ8vC,GAAG9vC,EAAE8vC,IAA+BE,EAAEA,IAAnB,KAAPW,EAAEb,GAAQE,EAAEt+D,OAAOi/D,EAAEb,IAAUA,EAAE9vC,EAAEgwC,EAAEU,KAAKC,EAAEb,EAAE,IAAIj1D,MAAM81D,EAAEb,EAAE,WAAWI,OAAW9xD,EAAEyF,QAAQgsD,EAAEa,MAAOA,GAAGx1D,KAAKg1D,GAAWL,EAAEa,KAAKjtD,IAAKitD,IAAIb,EAAEa,GAAGR,KAAUQ,GAAGR,OAAaQ,MAAKA,GAAGjB,EAAEhsD,EAAE,MAAcosD,KAAwHR,GAAGK,EAAES,EAAE,GAAGzjD,EAAE4iD,GAAGhvC,EAAEovC,EAAES,EAAE,GAAG/xD,EAAE1J,KAAK0J,EAAE1J,GAAG,SAAS+6D,UAAUrxD,EAAE05B,OAAOy3B,EAAEE,MAAMvtD,EAAEu1B,EAAEm5B,KAAKn5B,EAAEo5B,OAAOpqD,EAAE2iB,IAAI3iB,EAAEya,MAAMza,EAAEqqD,KAAK,SAASC,KAAKt5B,EAAE7N,OAAOnjB,IAAI1C,EAAE3F,EAAE1J,KAAyMwO,GAAGmsD,GAAGK,EAAEtgD,EAAEigD,GAAGjxD,EAAE8E,GAAGosD,GAAGI,EAAEtgD,EAAEkgD,GAAGntD,EAAE6uD,UAAU9B,EAAE,SAASa,EAAEN,GAAMD,EAAEO,IAAI,KAAK1nD,KAAK0nD,IAAIN,IAAIhsD,MAAK,OAAMosD,EAAEE,IAAItsD,EAAEksD,EAAEvtD,EAAEqJ,EAAEzK,GAAGy2B,GAAGo4B,EAAEE,KAAKF,EAAEJ,EAAE,GAAGhkD,EAAEzK,GAAGy2B,GAAGk4B,GAAG,IAAItnD,KAAKsnD,GAAG,GAAG,MAAMxtD,EAAE8uD,SAASzmC,EAAE,SAASilC,EAAEE,UAAUF,IAAIhsD,GAAc,kBAAJgsD,EAAcnvC,EAAEmvC,GAAGnvC,EAAEqvC,GAAGF,IAAIttD,EAAE+uD,YAAY,SAASzB,OAAOE,KAAQF,IAAIhsD,MAAK+mB,IAAIpsB,EAAE+Q,KAAK/Q,EAAEyF,QAAQ4rD,GAAGA,EAAEjsD,UAAU,SAASusD,EAAEF,UAAUF,EAAEE,QAAOF,EAAE,IAAIrtD,EAAED,GAAGjE,EAAE05B,OAAOx1B,EAAED,IAAIs0C,IAAI,SAAS8Y,OAAOI,EAAE,SAASF,EAAEO,OAAOH,EAAEG,EAAEZ,GAAGltD,IAAI8tD,EAAEe,SAAS,SAASxsD,EAAEwrD,UAAUxrD,IAAIhB,GAAc,kBAAJgB,EAAciI,EAAEqjD,EAAEtrD,GAAGiI,EAAEqjD,EAAEE,GAAGxrD,IAAIorD,EAAEtsD,MAAMzQ,KAAK0Q,cAAcpF,EAAE+yD,WAAW1B,GAAQ,SAAFA,EAASE,IAASF,EAAEvmD,QAAQumD,EAAEvmD,QAAQymD,MAAQtxD,EAAO5M,iBASznF2M,EAAEqF,EAAEtB,OAAO4B,EAAwW8T,EAAEwG,EAAE8X,EAAE+4B,EAAX7qD,EAAjWozB,EAAEr5B,EAAE4wD,MAAMC,QAAQ7sD,EAAE,WAAWC,EAAE,aAAaqK,EAAE,OAAOnK,EAAEnE,EAAEgzD,QAAQpwD,EAAElP,SAASu/D,aAAazkD,EAAErK,EAAE+uD,gBAAOtwD,GAAOA,EAAE,GAAGsB,EAAE,KAAKD,KAAKoB,IAAImJ,EAAE,SAAS1K,EAAEmC,GAAgB,SAAXA,GAAGZ,EAAErB,GAAGsK,IAAYrH,QAAQ,gBAAgB,QAAQhD,EAAE,SAAS,IAAIo1B,EAAEp1B,GAAGjE,EAAE05B,OAAOL,EAAEp1B,IAAIkvD,MAAM,cAAcjvD,SAAU,IAAQyB,EAAEkhB,QAAQusC,SAAS,cAAclvD,SAAU,IAAQyB,EAAEy0C,UAA2Bn0C,MAA2Q4gB,MAAM,eAAcpN,OAAcpR,EAAEvE,IAAIi0B,MAAvR+4B,EAAE,SAAS9/C,UAAUA,GAAMxC,MAAKxO,EAAE,gCAAgCyzC,OAAO4f,YAAY,QAAQ,GAAGC,cAAcxC,EAAE,kBAAkBhtD,EAAEmc,EAAEvsB,SAASsQ,GAAGsK,MAAKypB,EAAE,SAAS3L,EAAEpb,MAAMob,IAAIpb,EAAE,KAAK3I,EAAE4X,EAAEvsB,SAAS2U,EAAEuqC,OAAO2gB,QAAQlrD,EAAErE,GAAGwvD,KAAK,IAAIpnC,KAAMtoB,OAAuD,SAAUkN,QAAQkR,EAAEpe,IAAIsoB,EAAE0kC,EAAEzoD,GAAM6Z,IAAI7Z,KAAKA,EAAE6Z,EAAEkK,GAAGpsB,EAAEqF,GAAGouD,QAAQxvD,IAAWmoB,IAAI/jB,MAAKrE,GAAGsK,GAAGjJ,EAAErB,GAAGsK,GAAGrH,QAAQ,MAAM,IAAI,IAAImlB,KAAKkd,WAAWt4B,EAAEhR,EAAEiE,EAAE,UAA7I,KAA4JgC,EAAEm0C,KAAK,WAAen6B,OAAMyzC,aAAaj6C,GAAGA,EAAE,IAAthB9T,EAAiiBM,GAAQhG,EAAO5M,QAE/4B4M,GCyEQ,SAAUD,OACjB2zD,KAEFC,kBA0BFD,SAAW,SAAUE,OAAM/gB,4DACrBghB,EAAQ,6BACZC,EAAU,+BACVC,EAAQlhB,EAAKvkC,GAAK,GAClB0lD,EAAQnhB,EAAKtkC,GAAK,GAChBhC,SAAOkhB,SAAQwmC,SACjBC,GAAY,EAAOC,GAAa,EAAOC,EAAe,EAClDjwD,IAAY/Q,OAAOmN,QAGb,2CAER8zD,YACAxhB,EAAKyhB,KAAM,GACJv0D,EAAE,iBAAmB6zD,EAAO,yBAAyB3zB,SAAS,QAAQuT,aAEpE6gB,EAAO,GAAGE,kBACZtiB,KAAKuiB,KACH,GAAG,GACZ,MAAOC,YAGJ,KACCC,EAAS,IAAIxvC,YACjByvC,UACKf,WACK,0BACDtsC,GACFA,KAIIotC,EAAOpvC,gBAAgBgC,EAAM,cACpC,aACS,aALPstC,mBAQCpzD,GAEDpO,OAAOmN,QACP,iBAIEiB,EAAIqzD,iBACGH,EAAOpvC,gBAAgB9jB,EAAIqzD,aAAc,aAEtClvC,WAAWtyB,UACnBuhE,KAEF,aACS,aAGTA,eAOHJ,EAAUp5C,EAAK05C,MACV,SAAR15C,EAAgB,IACd+4C,EAAY,WAKVY,KADGV,EAAO,GAAGE,kBACQ9mC,EAAOunC,eAAe,gBAC5CD,GAAaD,GAAUC,mBAEP,cACNP,EAAU,YAGR,OAIJ,OAGPz0D,EAAE0tB,EAAOjH,YAAYkB,WAExBmrB,EAAKoiB,kBAeG,WACJf,GAAWgB,KACf,SAjBa,KACVC,EAAUC,EAAU,uGAEhBr1D,EAAE,IAAIiyC,OAASltC,UAClBqwD,QACE,SACC,IACPl1B,SAAS,QACTgS,KAAK,cAEM,KACTojB,MAAM,2BAUNC,EAAShiE,EAAQiiE,EAAMztD,EAAI0tD,MAC9BrxD,GAASoxD,EAAK/lB,IAAI,aAAc,UAChCqD,EAAK7rC,QAAS,CACZwuD,GAAOD,EAAKzwD,KAAK,KAAMgD,OACrB2tD,EAAKniE,EAAOwR,KAAK,SACnB2wD,GAAIF,EAAKzwD,KAAK,QAAS,YAAc2wD,KAClC3vB,YAAYyvB,UAEZxzD,OAAOwzD,GAEZpxD,cACS,aACJuxD,WAAW,UACf,OAIHC,kBACKC,EAASL,EAAMztD,QACA5R,IAAlB28C,EAAKgjB,WAA4C,IAAlBhjB,EAAKgjB,YAC9BF,EAAQJ,EAAMztD,GAAI,KAEnBA,GAAMytD,WAGRL,EAAWY,EAASC,OACvB7B,GACArhB,EAAKoiB,SAAQa,GAAU,OAEvBE,YACAF,MACW/1D,EAAEtM,SAAS64B,cAAc,SAC3BknB,OAAOvT,SAAS,QAEzB81B,EAAU,KACN30D,EAAOyxC,EAAKojB,eAAiB,KACjCnlD,KAAKilD,EAAU,SAAUjuD,EAAIouD,KACpBn2D,EAAE,IAAM+H,KACJ/H,EAAE,IAAIiyC,OAChBltC,YACQ,eACF1D,EAAO80D,QACLnC,SACCC,MACH,SAGKlsD,kBAGV7C,EAAMsH,EAAMlZ,OACT+R,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KACtBC,EAAOkH,EAAMnH,GACZ0C,EAAMzC,EAANyC,MACI,YAAPA,EAAkB,QACb/H,EAAE,IAAM+H,OACXlG,EAAUnO,SAAS8G,gBAAgBs5D,EAAO,SAGxC5tC,eAAe,KAAM,WAAY,EAAG,EAAG8tC,EAAOC,GAAO/tD,KAAK,UAE9D5F,EAAMgF,EAAKihB,uBAAuButC,EAAO,OAAO,GAG9CvlD,EAAIjO,EAAI5F,aAAa,SACrB8T,EAAIlO,EAAI5F,aAAa,YACvBwR,gBAAgB,WAChBA,gBAAgB,UAET5L,EAAI5F,aAAa,cAEtBD,aAAa,WAAY,EAAG,EAAG8T,EAAGC,GAAGtI,KAAK,QAIxCzL,aAAa,QAASq5D,KACtBr5D,aAAa,QAASu5D,KACtBv5D,aAAa,SAAUw5D,KACvBx5D,aAAa,cAAes5D,KAC5Bt5D,aAAa,QAAS,YAIzB2J,IAAS9D,EAAMA,EAAI0C,WAAU,MAE1BhB,OAAO1B,OAEXk1D,YACAO,EAAS,GACA1nC,QAAQrsB,OAAOH,OACpBiF,EAAMuuD,EAAUxyC,EAASsB,SAASC,oBAAmB,IAAIgyC,eAAgBC,kBAAkBx0D,QAC1F7B,EAAE,IAAIiyC,OACVltC,MAAMuxD,MAAO,WAAY3pC,IAAK7lB,WAE1B8sD,EAAO5zD,EAAE6B,GAAUwD,KAEpBmwD,EAAMztD,GAId+qC,EAAKyjB,aACLxlD,KAAK+hC,EAAKyjB,UAAW,SAAU33C,EAAK7W,GAC/B4rD,EAAS5rD,MACZ6W,GAAK7N,KAAK,SAAU1L,OAChBqiB,EAAOisC,EAAS5rD,GAAIpL,QACpB0I,EAAI,IAAM0wD,IAASruC,EAAOksC,EAAOlsC,EAAMriB,GAAG,MACtCrF,EAAEtL,MAAOgzB,EAAM3f,OAIxBiuD,IACCD,GAASE,EAAW5zD,SACpBiyD,GAAQA,EAAOjyD,SACf6xD,GAASA,EAAQ7xD,UAEnBywC,EAAK3V,QAAQn9B,EAAEw2D,eAAe1jB,EAAK3V,WAC3B,EAER2V,EAAKd,UAAUc,EAAKd,SAAS2hB,aA4D1BkB,OACHhB,EAAKnzD,SAAS,SAAU,KACpB+1D,EAAU5C,EAAK5sD,QAAQ,QAAS,QAClC5T,OAAOqY,iBACDC,IAAI,oCAEZgoD,SAAS8C,EAAS3jB,QACXA,EAAKkjB,aACJ,EAAOljB,EAAKkjB,mBAIjBnzC,EAAUC,MAEbzvB,OAAO2vB,KAAM,OAAO3vB,OAAO2vB,KAAKF,OAC9B4zC,EAAU,oEACVzzC,EAAS,IAAIzd,MAA2C,EAArC7G,KAAKukB,OAAOJ,EAAMxvB,OAAS,GAAK,IAErD+R,EAAI,EAAGgI,EAAI,IACZ,KACK8V,EAAOL,EAAMM,WAAW/d,KACxBge,EAAOP,EAAMM,WAAW/d,KACxBie,EAAOR,EAAMM,WAAW/d,KAExBke,EAAOJ,GAAQ,EACfK,GAAgB,EAAPL,IAAa,EAAME,GAAQ,EAEtCI,GAAgB,GAAPJ,IAAc,EAAMC,GAAQ,EACrCI,EAAc,GAAPJ,EACP7mB,MAAM4mB,KACDK,EAAO,GACLjnB,MAAM6mB,OACR,MAGFjW,KAAOqpD,EAAQj5D,OAAO8lB,KACtBlW,KAAOqpD,EAAQj5D,OAAO+lB,KACtBnW,KAAOqpD,EAAQj5D,OAAOgmB,KACtBpW,KAAOqpD,EAAQj5D,OAAOimB,SACtBre,EAAIyd,EAAMxvB,eAEZ2vB,EAAO/c,KAAK,MAlGZ,SAAUywD,EAAOC,EAAQC,OAC1BvwC,EAAOqwC,EAAMjhD,KAAK,YACnB4Q,EAAKhzB,OAAQ,OAAOqjE,MAErBG,WACA1yD,EACQkiB,EAAK5Q,KAAK,KAAKkS,OAAO,mBACrBlzB,KAAKqT,KAGNue,EAAK5Q,KAAK,YAGhB+sC,EAAWkU,EAAM,GAAGjyB,qBAAqB,KAAMx/B,EAAMu9C,EAASnvD,gBAE5Dyd,KAAK,SAAU1L,OACd0C,EAAMrT,KAANqT,GAMDgvD,EAAQ,IAAMhvD,EAAK6uD,EAASvxD,OAC7B0C,GAAKgvD,MAEJC,EAAS,QAAUjvD,EAAK,IACxBkvD,EAAS,QAAUF,EAAQ,QAe5B1xD,EAAI,EAAGA,EAAIH,EAAKG,IAAK,KAClBC,EAAOm9C,EAASp9C,GAClBC,EAAK5K,aAAa,UAAYs8D,KAC3Bv8D,aAAa,OAAQw8D,GAExB3xD,EAAK5K,aAAa,YAAcs8D,KAC7Bv8D,aAAa,SAAUw8D,GAE1B3xD,EAAK5K,aAAa,YAAcs8D,KAC7Bv8D,aAAa,SAAUw8D,MAI3BN,MAsDTO,WAAa,SAAUnvD,EAAIovD,OACvB3B,EAAO7B,EAAS5rD,UAChBovD,GAAe3B,MACV5B,EAAO4B,EAAM,GAAG,GAAM74D,OAAM,IAE9B64D,KAoBPgB,eAAiB,SAAU9wD,OAErB0xD,GAAap3D,EAAE,mBAAmB1M,SACtCyd,KAAKrL,EAAK,SAAUkZ,EAAKy4C,OACnBlmD,EAAM3L,MAAMC,QAAQ4xD,GACpB9oD,EAAI4C,EAAMkmD,EAAK,GAAKA,EACxB7oD,EAAI2C,EAAMkmD,EAAK,GAAKA,EAClBD,MACIx4C,EAAI3X,QAAQ,cAAe,UAEjC2X,GAAK7N,KAAK,gBACLtW,aAAa,QAAS8T,QACtB9T,aAAa,SAAU+T,GACxBnb,OAAOmN,OAASnN,OAAOikE,cACpBzsD,WAAW3H,MAAML,MAAQ0L,EAAI,UAC7B1D,WAAW3H,MAAMT,OAAS+L,EAAI,WAKpCxO,GNxcM,SAAUA,GAClBA,EAAEu3D,uBACHA,uBAGCv3D,EAAEu3D,mBAAmB72D,SADP,kCAEf62D,mBAAmBz6D,KAFJ,iCAgGjBy9C,4BA3Eaid,iBACLC,EAAUD,cACX9c,MAAQj+C,MAAMg7D,EAAQ/c,OAAS,IAAM+c,EAAQ/c,MAE9C+c,EAAQ/vC,iBAKL50B,KAAO2kE,EAAQ/vC,KAAK50B,UAMpB4nD,MAAQ+c,EAAQ/vC,KAAKgzB,WAMrBC,WAAa,UAKb+c,eAAiB,UAKjBC,eAAiB,KAEdjjE,KAAK5B,UACR,iBAEA,kBACE6nD,WAAa8c,EAAQ/vC,KAAKizB,qBAE5B,sBACE+c,eAAiBD,EAAQ/vC,KAAKgwC,eAAe10D,WAAU,aAEzD,sBACE20D,eAAiBF,EAAQ/vC,KAAKiwC,eAAe30D,WAAU,QAIrDy0D,EAAQC,qBACZ5kE,KAAO,sBACP6nD,WAAa,UACbgd,eAAiB,UACjBD,eAAiBD,EAAQC,eAAe10D,WAAU,IAE9Cy0D,EAAQE,qBACZ7kE,KAAO,sBACP6nD,WAAa,UACb+c,eAAiB,UACjBC,eAAiBF,EAAQE,eAAe30D,WAAU,IAE9Cy0D,EAAQ9c,iBACZ7nD,KAAO,kBACP6nD,WAAa8c,EAAQ9c,kBAGrB7nD,KAAO,YACP6nD,WAAa,UACb+c,eAAiB,UACjBC,eAAiB,UAsB1B7yD,GAAG8yD,yBAMI,IAAI53D,EAAEu6C,UAAUC,0BASR,mDAUD,mBAML,eAGLl2C,EAAUjE,UAAUH,UAAUQ,SAAS,mBAiBpCm3D,EAAQ5jE,EAAM4X,EAAOisD,OACtBxyD,EAAO5R,SAAS8G,gBAAgBiwB,GAAGnqB,IAAKrM,mBAhB7BqR,EAAMuG,MACnBvH,MACG,IAAMsB,KAASiG,IAAYpR,aAAamL,EAAOiG,EAAMjG,aAErD,IAAMA,KAASiG,EAAO,KACnB/F,EAAM+F,EAAMjG,GAAQ8N,EAAOpO,EAAKM,GAClC8N,GAA6B,cAArBA,EAAKutC,cACV19C,QAAQ0B,MAAQa,IAEhBrL,aAAamL,EAAOE,KAQtBR,EAAMuG,GACXisD,KACQ91D,OAAOsD,GAEZA,WAmCPR,GAAGy1C,UAAY,SAAUkd,EAASM,EAAYC,UACvCtjE,KAAKqc,KAAK,eACTknD,EAAQj4D,EAAEtL,MACdwjE,EAAYl4D,EAAE05B,QAAO,KAAU15B,EAAE8E,GAAG8yD,kBAAmBH,OACvD1vD,EAAKkwD,EAAMlzD,KAAK,MAChBozD,EAAQ,IAAMF,EAAMlzD,KAAK,MAAQ,OAE9BozD,OAKCC,EAAY,kBACRH,EAAMj8B,MAAMlpC,UACf,mBACGkpC,MAAM07B,eAAiB,eAE1B,mBACG17B,MAAM27B,eAAiB,eAE1B,eACG37B,MAAM27B,eAAiBM,EAAMj8B,MAAM07B,eAAiB,KAGhC,mBAArBO,EAAMF,YAA6BE,EAAMF,WAAWE,EAAMj8B,SAC3DyX,QAEF4kB,EAAgB,WACY,mBAAzBJ,EAAMD,gBAAiCC,EAAMD,mBAC9CvkB,UAGN/Z,QAAO,EAAMu+B,SAEN,IAAIj4D,EAAEu6C,UAAUC,OAAO9yB,KAAMwwC,EAAUl8B,mBACZ,mBAAf+7B,EAA4BA,EAAa,oBAClB,mBAAnBC,EAAgCA,EAAiB,aAIhE,KACJM,EAAOt4D,EAAE3M,QAEU,SAArB4kE,EAAMj8B,MAAMlpC,SACRkpC,MAAQ,IAAIh8B,EAAEu6C,UAAUC,OAAOG,WAAY,cAG7C4d,SAAS,sBACTC,KACJ,6XAQczwD,EAAK,kEAEf0wD,EAAYz4D,EAAEm4D,EAAQ,wBACtBO,EAAa14D,EAAEm4D,EAAQ,2BAElBK,KACT,YAAczwD,EAAK,2EACgBmwD,EAAU7kE,OAAOslE,YAAc,iBAClD5wD,EAAK,4EACLA,EAAK,2SAOaA,EAAK,uHAELA,EAAK,iQAOLA,EAAK,qHAELA,EAAK,wUASLA,EAAK,8GAELA,EAAK,oRAMsCA,EAAK,+EAEhDA,EAAK,8GAELA,EAAK,ijBAiBrBA,EAAK,wGACHA,EAAK,gEAAkEmwD,EAAUrmB,OAAO+mB,WAAa,yDAElF7wD,EAAK,qLAI1BA,EAAK,qGACHA,EAAK,8DAAgEmwD,EAAUrmB,OAAO+mB,WAAa,yDAEhF7wD,EAAK,kLAI1BA,EAAK,qGACHA,EAAK,8DAAgEmwD,EAAUrmB,OAAO+mB,WAAa,yDAEhF7wD,EAAK,+JAI1BA,EAAK,kGACHA,EAAK,4DAA8DmwD,EAAUrmB,OAAO+mB,WAAa,yDAE9E7wD,EAAK,6HAIZA,EAAK,4EACLA,EAAK,0EAKjC8wD,EAAM,MAIFA,EAAM,EACdC,EAAQD,EAAM,EAEVE,OAGJ,wBAAwBl2D,MADV,SAGVg9B,EAAY7/B,EAAE,IAAM+H,EAAK,4BAA4B,GAErDzH,EAAMu3D,EAAO,UACb9vD,EAAK,uBACF8wD,SACCA,QACDpuC,GAAGnqB,KACTu/B,GAOCm5B,EAAUf,EAAMj8B,MAAMlpC,KAEtBstB,EAAO63C,EAAMj8B,MAAMg9B,GACnBC,EAAc74C,EAEZ84C,EAAYjB,EAAMj8B,MAAM0e,MAExBye,EAAsB,eAAZH,SAGRA,OACH,iBAEA,oBACEG,MACSpxD,GAAKA,EAAK,uBACfkxD,EAAc34D,EAAI+R,YAAY4mD,MAEhC,qBACDlxD,EAAK,sBACRzH,GACa,mBAAZ04D,YAED,iBACEG,MACSpxD,GAAKA,EAAK,uBACfkxD,EAAc34D,EAAI+R,YAAY4mD,MAEhC,qBACDlxD,EAAK,sBACRzH,OAGD84D,YACAD,EAAS,GACJF,EAAcj5D,EAAE,IAAM+H,EAAK,sBAAsB,MAEjD,EAAG,OADFkwD,EAAMj8B,MAAMg9B,IACG,OAEjBlmE,IAAcolE,EAAUmB,YAEjB,WAATvmE,SACMolE,EAAUmB,aACb,UACI,EAAG,IAAM14B,EAAO,aAGpB,kBAEC24B,EAAW,GACNj0D,EAAI,EAAGA,EAAI,EAAGA,GAAK,EAAG,KAEzBk0D,GAAO,IAAMpqD,SAASwxB,EAAMp3B,OAAOlE,EAAG,GAAI,KAAK2nB,SAAS,IACxDusC,EAAIjmE,OAAS,IAAGimE,EAAM,EAAIA,MAClBA,KAEP,EAAG,IAAMD,EAAU,aAGvB,WACI,EAAG,UAAW,aAGlB,WACI,EAAG,UAAW,QAGlB,GAAa,WAATxmE,EAAmB,KACtBiiC,EAAQ,SAAUmjC,EAAUmB,QAAWnB,EAAUmB,QAAQtkC,KAAO,KAC/D,EAAImjC,EAAUmB,QAAQ14B,OAAS,IAAMA,EAAQ5L,QAIlDh+B,EAAK0Q,WAAW2Y,EAAK1lB,aAAa,OAAS,GAC/C1D,EAAKyQ,WAAW2Y,EAAK1lB,aAAa,OAAS,GAC3CzD,EAAKwQ,WAAW2Y,EAAK1lB,aAAa,OAAS,GAC3CxD,EAAKuQ,WAAW2Y,EAAK1lB,aAAa,OAAS,GAEvCyL,EAAKsB,WAAW2Y,EAAK1lB,aAAa,OAAS,IAC/C0L,EAAKqB,WAAW2Y,EAAK1lB,aAAa,OAAS,IAC3C8+D,EAAK/xD,WAAW2Y,EAAK1lB,aAAa,OAASyL,GAC3CszD,EAAKhyD,WAAW2Y,EAAK1lB,aAAa,OAAS0L,GAEvCszD,EAAc7B,EAAO,WACrB9vD,EAAK,oBA7GC,IACA,QA+GH4xD,SACCb,OACF,QAAU/wD,EAAK,kCACLmxD,EAAY,KAC3B54D,GAGGs5D,EAAa55D,EAAE,UAAU+E,YACtB,sCACA,eACN9C,KAAK,GAAGwtC,SACJz4C,EAAK6hE,OACJ9hE,EAAK8hE,IACVtxC,KAAK,QAAS,SAAS2Y,SAASL,GAE7Bg6B,EAAWD,EAAWj9D,QAAQsF,KAAK,GAAGwtC,SACrCv4C,EAAK2hE,OACJ5hE,EAAK4hE,IACV9zD,KAAK,QAAS,YAAYwiB,KAAK,QAAS,OAAO2Y,SAASL,GAErDi6B,EAAc95D,EAAE,UAAU+E,YACvB,sCACA,gBACN9C,KAAK,KAAKwtC,SACNrpC,EAAKyyD,OACJ1yD,EAAK0yD,IACVtxC,KAAK,QAAS,UAAU2Y,SAASL,GAE9Bk6B,EAAaD,EAAYn9D,QAAQsF,KAAK,KAAKwtC,SAC1CgqB,EAAKZ,OACJW,EAAKX,UACF,SACR9zD,KAAK,QAAS,eAAewiB,KAAK,QAAS,SAAS2Y,SAASL,KAErD,GAAG93B,GAAKA,EAAK,4BAcpBiyD,WACFjpD,MAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAAO,SAAU1L,EAAGN,OAC9Dk1D,EAAWx9D,MAAMsI,EAAK,IAExBm1D,EAAUjB,EAAYv+D,aAAaqK,GAClCm1D,MAECD,EAEQ,MAGS,OAATl1D,EAAgB,MAAQ,SAI5BA,GAAQ/E,EAAE,IAAM+H,EAAK,cAAgBhD,GAC5Ce,IAAIo0D,GACJC,OAAO,WAEF19D,MAAMgL,WAAW/S,KAAKuQ,SAAWvQ,KAAKuQ,MAAQ,OAC3CA,MAAQ,EACJvQ,KAAKuQ,MAAQ,SACjBA,MAAQ,IAGG,MAAZF,EAAK,IAAei1D,KACnBC,GAAwB,mBAAZjB,IAAmCiB,GAAwB,mBAAZjB,MAClDv+D,aAAasK,EAAMrQ,KAAKuQ,WAIlCwwC,EAAQwkB,EACE,MAAZl1D,EAAK,GAAa+0D,EAAcC,EACpB,MAAZh1D,EAAK,GAAa60D,EAAaC,EAE7BO,EAAUr1D,EAAKrE,SAAS,KAAO,OAAS,QAExC+uC,IAAI2qB,EAAS1lE,KAAKuQ,MAAQ4zD,KAC/BsB,eA4FDE,EAAer6D,EAAE,IAAM+H,EAAK,yBAE9BmyC,SAAOogB,SAASC,SAEdC,EAAU3C,EAAO,UAClB,6CACG,cACE,sBACQ,UACP,aACR1hE,GAYCskE,SAUAC,EAAS,EAAGC,GAAS,EAAG9iE,GAAQ,EAEhC+iE,GAAKz0D,EACL00D,GAAKz0D,EAkDH00D,GAAejD,EAAO,aACnB,cACC,IACPwC,EAAa,IASVU,GAAWlD,EAAO,eACf,UACC,IATWA,EAAO,iBACnB,UACC,gBACM,oBACV,mBACHiD,KAOGE,GAAU9C,EAAUrmB,OAAO+mB,WAAa,qBAErC1yC,eAAeuE,GAAGwwC,MAAO,aAAcD,MAE9CF,IAAc7vC,MAAM,SAAU5P,QACjBg/C,EAAavwC,SAEH,SADNzO,EAAV9nB,OACIkX,aACPpU,EAAIglB,EAAIstB,MAAQ8xB,EAAWnwB,KAAO,QAClCj0C,EAAI,GAAK,GAAKA,EAAIwiE,EAAM,GAAKA,EAAM,GAAKxiE,GACjCwiE,EAAK,EAAG,GAAG,KAClBqC,uBAGJJ,IAAcK,UAAU,cACXn5D,OAAOw4D,OAGV3C,EAAO,OAASiD,MAErB,WACD,MACA,MACAjC,EAAM,MACN,kBACY,SACR,QACPiC,QAEGM,GAAkB1C,EAAWhjD,KAAK,2BAA2BykD,OAAO,aAC5D1/D,aAAa,eAAgBuF,EAAEtL,MAAMoR,SAI/Cu1D,GAAgB,KAEdC,GAAc,SAAUjgD,OACxBhlB,EAAIglB,EAAIstB,MAAQ7e,GAAOwgB,KACvBh0C,EAAI+kB,EAAIutB,MAAQ9e,GAAOqgB,MAGvB9zC,EAAI,EAAI,EAAIA,EAAIwiE,EAAMA,EAAMxiE,IAC5BC,EAAI,EAAI,EAAIA,EAAIuiE,EAAMA,EAAMviE,KAElBm5C,IAAI,OAAQp5C,GAAGo5C,IAAI,MAAOn5C,OAGlCilE,EAAQllE,EAAIsjE,EACZ6B,EAAQllE,EAAIwiE,EAEZhmE,EAAOuoE,GAAc9zC,KAAK,SAC1BnH,EAAO64C,SAELnmE,OACH,UACOiE,GAAG+O,IAAIy1D,KACPvkE,GAAG8O,IAAI01D,KACZ/gE,aAAa,KAAM8gE,KACnB9gE,aAAa,KAAM+gE,aAErB,QACOvkE,GAAG6O,IAAIy1D,KACPrkE,GAAG4O,IAAI01D,KACZ/gE,aAAa,KAAM8gE,KACnB9gE,aAAa,KAAM+gE,aAErB,WACOr1D,GAAGL,IAAIy1D,KACPn1D,GAAGN,IAAI01D,KACZ/gE,aAAa,KAAM8gE,KACnB9gE,aAAa,KAAM+gE,MACnBD,KACAC,iBAGF,UACOhC,GAAG1zD,IAAIy1D,KACP9B,GAAG3zD,IAAI01D,KACZ/gE,aAAa,KAAM8gE,KACnB9gE,aAAa,KAAM+gE,UAItB/nE,kBAGAgoE,GAAY,SAAZA,OACY,OACXnsB,OAAO,YAAagsB,IAAahsB,OAAO,UAAWmsB,IAQtDC,MAFIzC,EAAY1yC,uBAAuBkE,GAAGnqB,IAAK,SAE9BhN,UAEjBooE,GAAW,EAAG,MACTA,GAAW,KACJ15D,OAAOtO,SAAS8G,gBAAgBiwB,GAAGnqB,IAAK,WAClDo7D,KAEIzC,EAAY1yC,uBAAuBkE,GAAGnqB,IAAK,YAGhD,IAAI+E,GAAI,EAAGA,GAAIq2D,GAAUr2D,QACrB,EAAG,EAAG,EAAG,EAAG60C,EAAM70C,QAGXS,IAAImzD,EAAYv+D,aAAa,iBAAmB,WAE5DovB,aAGQ,IAEArvB,aAAa,eAAgBy+D,EAAY,OAEnD,IAAMnxD,EAAK,mBAAmBqgC,UAAU,SAAU/sB,KAC9C5nB,oBACYuM,EAAEtL,SAET2mE,GAAc/vD,SAASwe,WAC3BggB,UAAUwxB,IAAa1wB,QAAQ6wB,QAIpC,IAAM1zD,EAAK,iBAAiBpM,KAAK,QAAS,aACpCqgC,MAAMlpC,KAAOkmE,IACbh9B,MAAMg9B,GAAWC,EAAYj2D,WAAU,KACvCg5B,MAAM2e,WAAa,aAGzB,IAAM5yC,EAAK,qBAAqBpM,KAAK,QAAS,SAAUqgC,SAI1C,mBAAZg9B,IACEgB,IACSjjD,UAEA08B,SACD+lB,GAAG1zD,IAAI,MACP2zD,GAAG3zD,IAAI,QAInB,IAAMiC,EAAK,wBAAwB,GAAG4zD,SAAW3B,MAE/C4B,UAAQC,eAEV,IAAM9zD,EAAK,wBAAwBoyD,OAAO,cAC7BzlE,KAAKinE,UACPG,OAAO9B,KACRR,GAAG1zD,IAAI,MACP2zD,GAAG3zD,IAAI,QACXsa,EAAO64C,KACRe,EAKE,KACCR,EAAKoC,IAAU,GACfnC,EAAKoC,IAAU,KAChBphE,aAAa,KAAM++D,KACnB/+D,aAAa,KAAMg/D,KACdD,GAAG1zD,IAAI0zD,KACPC,GAAG3zD,IAAI2zD,WAVRr5C,EAAK1lB,aAAa,SAClB0lB,EAAK1lB,aAAa,QACtBwR,gBAAgB,QAChBA,gBAAgB,eAWjB+sD,EAAY1yC,uBAAuBkE,GAAGnqB,IAAK,SAClChN,QAEF,EAAG,MACTooE,GAAW,KACJ15D,OAAOtO,SAAS8G,gBAAgBiwB,GAAGnqB,IAAK,WAClDo7D,KAEIzC,EAAY1yC,uBAAuBkE,GAAGnqB,IAAK,YAGjDy7D,UAmDAC,GAAW,EAAGC,GAAW,KAEb,mBAAZjD,EAA8B,KAC1B5qD,GAAQ6qD,EAAY3wD,kBAAkB/E,WAChB,IAAxB6K,GAAMvT,cAAqB,KACvBwN,GAAI+F,GAAMzK,QAAQ,GAClBqN,GAAI5C,GAAMzK,QAAQ,MACT,IAAX0E,GAAEvV,MAAyB,IAAXke,GAAEle,KAAY,KAC1BmT,GAAI+K,GAAEnN,OACA,IAARoC,GAAEnC,KACOnF,KAAKoR,MAAmB,MAAX,EAAI9J,GAAEnC,IACb,IAARmC,GAAEhC,OACAtF,KAAKoR,MAAkB,KAAX,EAAI9J,GAAEhC,WAG5B,GAA4B,IAAxBmK,GAAMvT,cAAqB,KAE9B4e,GAAIrL,GAAMzK,QAAQ,GAClB0E,GAAI+F,GAAMzK,QAAQ,GAClBqN,GAAI5C,GAAMzK,QAAQ,MAET,IAAX8V,GAAE3mB,MACO,IAAXuV,GAAEvV,MACS,IAAXke,GAAEle,KACF,IACW6L,KAAKoR,MAAM0J,GAAE5hB,WAClBoO,GAAI+K,GAAEnN,OACA,IAARoC,GAAEnC,KACOnF,KAAKoR,MAAmB,MAAX,EAAI9J,GAAEnC,IACb,IAARmC,GAAEhC,OACAtF,KAAKoR,MAAkB,KAAX,EAAI9J,GAAEhC,WAM/Bi4D,mBAEM,IAAMn0D,EAAK,gCACZ,IAAMA,EAAK,6BAC4B,KAAxCkxD,EAAYv+D,aAAa,MAAQ,qBAG/B,IAAMqN,EAAK,8BACZ,IAAMA,EAAK,2BACbkwD,EAAMj8B,MAAM0e,OAAS,mBAGlB,IAAM3yC,EAAK,+BACZ,IAAMA,EAAK,4BACbi0D,kBAGG,IAAMj0D,EAAK,+BACZ,IAAMA,EAAK,4BACbk0D,OAIPlrD,KAAKmrD,GAAS,SAAUppE,EAAMy0B,OACxB40C,EAASn8D,EAAEunB,EAAK40C,UACf/zB,UAAU,SAAU/sB,OACnB/P,EAAS6wD,EAAO7wD,yBAGd6wD,QACCn8D,EAAEunB,EAAKzE,uBAENxX,EAAOwe,YAEZggB,UAAUsyB,IAAYxxB,QAAQyxB,MAC/B5oE,qBAGJ8zB,EAAKzE,OAAOhd,IAAIyhB,EAAKzhB,KAAKq0D,OAAO,eAC3BmC,EAAoB,mBAAZtD,EACVlzD,GAAOpR,KAAKuQ,MACZs3D,EAAO,SACHzpE,OACH,SACCwpE,GAAOrD,EAAYx+D,aAAa,IAAKqL,EAAM,OACvCnH,KAAKC,IAAIkH,EAAM,IAAK,IAAW,EA7rB7B,cAgsBP,YACGk2B,MAAM0e,MAAQ50C,IACRrL,aAAa,eAAgBqL,EAAM,YACxCA,YAGJ,aACM60D,GAAS,EACN,IAAR70D,EAAW,GACN02D,WAGL12D,EAAM,OAAMA,EAAM,MAClBA,EAAM,KACC,EAAKA,EAAM,OAETA,EAAM,IAAO,KAGPA,EAAM,KAAO,EAntBtB,IAmtB2B,IACjCw2D,GAAOt2D,eAGR,cACKF,GACO,OACP,MA1tBE,IA4tBNw2D,GAAOt2D,KAETu2D,EA9tBQ,MAAA,IAguBDA,EAAO,MACT,KAEF9sB,KAAKgtB,cAAeF,EAAO,MACjCpC,mBAGCiC,GAAa,SAAU/gD,IA5KX,SAAUnX,OACnB4lB,EAAUiyC,GAAVjyC,OACD4yC,EAAMX,GAAOzwD,OACfjV,EAAK6N,EAAEykC,MAAQ7e,EAAOwgB,KAAOn7B,SAASutD,EAAIjtB,IAAI,sBAC9Cp5C,EA/jBU,MA+jBGA,EA/jBH,KAgkBVA,GAAK,IAAGA,EAAI,OACVsmE,EAAOtmE,EAAI,YAjkBH,IAokBN0lE,GAAOjpE,UACV,YACC6L,KAAKC,IAAQ,EAAJvI,EAAO,MACZ,KAAQA,EAAI,OAAMA,EAAI,GAC1BA,GAAK,MAAMA,EAAI,OACPoE,aAAa,IAAKpE,aAE3B,YACG2lC,MAAM0e,MAAQvrC,SAAa,IAAJ9Y,KACjBoE,aAAa,eAAgBpE,aAEtC,UACM,KACA,EACLA,EAAI,SACD,KACS,EAAI,IAAOA,EAChBA,EAAI,WAET,MADC,MAES,EAAI,IAAOA,QAIvBskE,KAAe,MADd,OAECh8D,KAAKuP,IAAI7X,cAGZ,WACK,MACAA,GAAK,YAER,OAGAiP,KAAKmqC,KAAKgtB,cAAeE,MAC5Bh+D,KAAKoR,MAAU,IAAJ1Z,MACRysB,MAAMhd,IAAIzP,IA+HPglB,KACN5nB,kBAGA4oE,GAAa,SAAbA,EAAuBhhD,KACtBi0B,OAAO,YAAa8sB,IAAY9sB,OAAO,UAAW+sB,MAC9C,MAIPO,IAAiC,IAApB3E,EAAMj8B,MAAM0e,MAAc,KAAK1tB,SAAS,IAClD4vC,GAAUtpE,OAAS,MAAiB,IAAMspE,MACrCA,GAAUz1D,MAAM,KAAK,KACE,SAA3B8wD,EAAMj8B,MAAM2e,WAAwB,GAAKsd,EAAMj8B,MAAM2e,WAAaiiB,GAErEzD,MACKjf,EAAM,GAAGx/C,aAAa,iBAI9Bg/B,OAAO15B,EAAE8E,GAAG+3D,QAAQjyC,SAASv3B,sBACf,EAAMypE,SAAUhqE,KAAM,OAAQiqE,MAAO,OAG3CF,iBAEI1uC,MAAO+pC,EAAU7kE,OAAOslE,qBACxBC,WAAYV,EAAUrmB,OAAO+mB,mBAC9BoE,OAAQr8B,EAAOs8B,cAAc,IAExC,SAAUt8B,KACF3E,MAAMlpC,KAAO,eACbkpC,MAAM0e,MAAQ/Z,EAAM76B,IAAI,QAAUnH,KAAKoR,MAAO4wB,EAAM76B,IAAI,KAAO,IAAO,KAAO,MAC7Ek2B,MAAM2e,WAAaha,EAAM76B,IAAI,OAAS66B,EAAM76B,IAAI,OAAS,SACzDk2B,MAAM27B,eAAiB,UAG/B,KACA,qBAGIuF,GAAOl9D,EAAEm4D,EAAQ,0BAClBltC,MAAM,cACJkyC,YAAY,2BACfzoE,MAAM6jE,SAAS,2BACfJ,EAAQ,UAAU1kB,WACd3gD,EAAOkN,EAAEtL,MAAMqQ,KAAK,gBACF/E,EAAEm4D,EAAQ,wBAAwBphD,OAC7C,OAATjkB,GAA0B,OAATA,EAAe,GAEhC,cAAgBA,EAAO,UAAUikB,SACjC,eAA0B,OAATjkB,EAAgB,KAAO,MAAQ,UAAU2gD,SAE1D,IAAM1rC,EAAK,mBAAmB,GAAGtN,aAAa,OAAQ,QAAUsN,EAAK,IAAMjV,EAAO,sBAIjE,OAATA,EAAgB,iBAAmB,mBAE3C,IAAMiV,EAAK,wBAAwBjC,IAAImyD,EAAMj8B,MAAM0e,OAAOyf,aAEtDiD,EAAUp9D,EAAE,IAAM+H,EAAK,IAAMjV,EAAO,mBAAmB,MAEzDmmE,IAAgBmE,EAAS,KACrBC,EAAWr9D,EAAEi5D,GAAavjD,KAAK,UACnC0nD,GAAS/uC,QAAQrsB,OAAOq7D,KACZD,MACRhjC,EAAKghC,GAAgBt1D,QACfrL,aAAa,eAAgB2/B,KAEtB,OAATtnC,GAAmD,MAAlCmmE,EAAYv+D,aAAa,SAAmByL,IAAOqzD,GAAMpzD,IAAOqzD,KAC3F,IAAM1xD,EAAK,yBAAyB+zD,OAAO9B,GACzCA,MACA,IAAMjyD,EAAK,wBAAwB,GAAG4zD,SAAU,UAGlDxD,EAAQ,wBAAwB1kB,SAChC0kB,EAAQ,uBAAuBphD,WAGnCohD,EAAQ,UAAU1kB,UACf0pB,YAAY,6BACbG,iBACIrF,EAAMj8B,MAAMlpC,UACf,oBACGkN,EAAEm4D,EAAQ,qCAEb,oBACGn4D,EAAEm4D,EAAQ,4CAGVn4D,EAAEm4D,EAAQ,2BAGZphD,kBAGK,cACLwhD,SAAS,yBAAyBttC,SACrC,eAx+BK,wGA+VCsyC,GAAQt9C,EAAG0gB,EAAO5L,EAAMnW,EAAK4+C,OAC9BpjB,EAAOojB,GAAY3F,EAAO,QAAS4F,aAAc98B,EAAO+8B,eAAgB3oC,EAAMjL,OAAQ7J,GAAIg5C,GAC5FuE,KACMA,EAAS9iE,aAAa,gBACvB8iE,EAAS9iE,aAAa,kBACzB8iE,EAAS9iE,aAAa,aAEdsH,OAAOo4C,GAER,OAATrlB,IAAeA,EAAO,OAEpB4oC,EAAU,uIAEVC,EAAS/F,EAAO,UACjB8F,OACG,kCACK,cAAgB,GAAK19C,EAAI44C,GAAO,SAC1CO,GAEG/3D,EAAOw2D,EAAO,UACf8F,OACGh9B,iBACU5L,YACL,cAAgB,GAAK9U,EAAI44C,GAAO,eACnC,sBACQ,KACfO,YAED/3D,GAAM+mC,UAAU,SAAUlkC,aACfxP,QACJ4lE,IACFxwB,UAAU+zB,IAAWjzB,QAAQkzB,MACrBzD,EAAavwC,WACxBr2B,kBACK,IACN8zB,KAAK,OAAQ6yB,GAAM7yB,KAAK,KAAMq2C,GAAQtrD,SAAS,aAC9C,0BAA0ByE,eACtBgnD,EAAcrpE,KAChBspE,GAAe5jB,EAAK1/C,aAAa,iBAAmB,EACpDujE,EAAY7jB,EAAK1/C,aAAa,eAAiB,EAC/CkiE,GAAuC,IAA1Bn1D,WAAWu2D,IAAoBhxC,SAAS,IAClD4vC,EAAUtpE,OAAS,KAAiB,IAAMspE,IACzCqB,EAAU10D,OAAO,GAAKqzD,IAC5B,IAAM70D,EAAK,yBAAyB0nC,KAAKnF,KAAM,IAAK4zB,OAAQ,KAAKrB,iBACvD1uC,MAAO,6DACPyqC,WAAYV,EAAUrmB,OAAO+mB,mBAC9BoE,OAAQr8B,EAAOs8B,cAAc,IACrC,SAAUt8B,EAAOw9B,KACNx9B,EAAM76B,IAAI,OAAU,IAAM66B,EAAM76B,IAAI,OAAU,SACzB,OAAnB66B,EAAM76B,IAAI,KAAgB66B,EAAM76B,IAAI,KAAO,IAAM,IACnDrL,aAAa,OAAQwjE,KACrBxjE,aAAa,eAAgBujE,KACpCvjE,aAAa,aAAcwjE,KAC3BxjE,aAAa,eAAgBujE,KAChC,0BAA0BvqB,SAC1B,IAAM1rC,EAAK,yBAAyB0rC,QACrC,KAAM,aACL,0BAA0BA,SAC1B,IAAM1rC,EAAK,yBAAyB0rC,aAIxCwlB,GAAavjD,KAAK,QAAQ3E,KAAK,eACzBqtD,EAAOp+D,EAAEtL,UACVA,KAAKgG,aAAa,UAAYulB,EAAG,KAC/B0gB,EAAO,KACJ09B,EAAW3pE,KAAKgG,aAAa,cAC7B4jE,EAAU5pE,KAAKgG,aAAa,kBAC7BD,aAAa,aAAc4jE,KAC3B5jE,aAAa,OAAQ4jE,KACrB5jE,aAAa,eAA4B,OAAZ6jE,EAAmB,EAAIA,KACpD7jE,aAAa,eAA4B,OAAZ6jE,EAAmB,EAAIA,YAEtDv1C,OAAOqxB,IACL,KAGPx7B,GAAK2/C,GAAWl9D,GACb+4C,WAuBAmkB,GAAY1hE,GACfy9D,GAASA,EAAQ7/D,aAAa,SAAU,UACvCA,aAAa,SAAU,WAClBoC,GACFgO,WAAW7I,OAAOs4D,YAQnBwD,OACFxuB,OAAO,YAAauuB,IACe,SAApCrD,EAAQ9/D,aAAa,yBAjCjBD,aAAa,UAAW,YAC1B4G,EAAOrB,EAAEs6D,GACTlgB,EAAO/4C,EAAKkmB,KAAK,QACjBo6B,EAAKtgD,EAAKkmB,KAAK,SAClB+yC,EAASlgB,EAAMuH,IAAKt/C,cAgChB,cAOA2D,SACDs4B,EAAMzmC,GAAQ,UAAYA,GAAQ,IAAM+iE,GAAK,IAAMC,GAAK,KAAO,MACtD,IAAXH,GAA2B,IAAXC,KACNzuD,gBAAgB,yBAEvB,KACC7V,GAAKukE,IAAMF,EAAS,GACpBpkE,GAAKukE,IAAMF,GAAS,KACdlgE,aAAa,oBAAqB6jC,EAAM,aAAejoC,EAAI,IAAMC,EAAI,WAAaokE,EAAS,IAAMC,GAAS,eAKjHkD,GAAWxiD,OACdhlB,EAAIglB,EAAIstB,MAAQ8xB,EAAWnwB,KACzBh0C,EAAI+kB,EAAIutB,MAAQ6xB,EAAWtwB,IAO3Bq0B,EAAQ,gBANVnoE,EAAI,GACJ,GACAA,EAAIwiE,EAAM,GACRA,EAAM,GACNxiE,GAE2B,QAC7BC,GAAK,IAAMA,EAAI,OACTmE,aAAa,UAAW,WACxBA,aAAa,YAAa+jE,MAE1B/jE,aAAa,UAAW,UAG7BA,aAAa,YAAa+jE,KAC7Bj3C,KAAKgzC,EAAM,MAAM9/D,aAAa,YAAa+jE,OACvCpkB,EAAOp6C,EAAEunB,KAAKgzC,EAAM,QACpBkE,GAAMpoE,EAAI,IAAMwiE,IAEjBp+D,aAAa,SAAUgkE,OAExBzgD,EAAO,IACTi7C,GAAavjD,KAAK,QAAQ3E,KAAK,SAAU1L,OACnCuS,EAAMljB,KAAKgG,aAAa,UACxB2N,EAAIrI,EAAEtL,MACRkjB,EAAMoG,MACNjQ,OAAOgb,OAAO1gB,KACRrI,EAAEi5D,GAAavjD,KAAK,WAEvBkC,QAkeR5X,GOvqCM,SAAUA,UAClBA,EAAEu3D,uBACHA,uBAGCv3D,EAAEu3D,mBAAmB72D,SADP,oCAEf62D,mBAAmBz6D,KAFJ,mCAoCjBgI,GAAG45D,WAAa,SAAUC,YAEjBC,EAAOjrC,EAAIjgB,WACZ3P,EAAIrQ,SAASuuC,KAEfj+B,EAAI2vB,EAAGjgB,IACHigB,EAAKA,EAAGkrC,eAAkBlrC,IAAO5vB,GAClC/D,EAAEgzD,QAAQE,MAAsC,aAA7Bv/B,EAAGmrC,aAAaC,cACjCprC,EAAGjgB,WAIL1P,WAXH26D,MAcCjqE,KAAKqc,KAAK,gBACViuD,WAAY,OAIZC,aAGGxiE,MAAMgL,WAAWk3D,EAAI9vD,MAA0B,KAAlBgJ,OAAO8mD,EAAI9vD,SACxCpS,MAAMgL,WAAWk3D,EAAI5vD,MAA0B,KAAlB8I,OAAO8mD,EAAI5vD,UACxC4vD,EAAIO,KAAOrnD,OAAO8mD,EAAIO,MAAQ,WAC1BP,EAAIQ,WAAY,OACpBR,EAAIta,KAAOxsC,OAAO8mD,EAAIta,MAAQ,WAC3Bsa,EAAIS,SAAW,eACbT,EAAIU,WAAa,aACrBV,EAAIzhC,OAASxoC,KAAKuQ,YAClB05D,EAAIW,MAAQznD,OAAO8mD,EAAIW,OAAS,aAC7BX,EAAIY,SAAW1nD,OAAO8mD,EAAIY,UAAY,eACpC,cACA,YACJ,aACC,cACCZ,EAAI3sB,UAAY,WAIvBitB,QAAQO,UAAYb,EAAIa,WAAa9qE,KAAKuqE,QAAQC,KAAO,OAEzDO,YAAc,SAAUp6D,OACvB6c,WACAzlB,MAAM/H,KAAKuQ,OACTvQ,KAAKuqE,QAAQ/hC,MACyB,mBAA1BxoC,KAAKuqE,QAAQE,SACzBzqE,KAAKuqE,QAAQE,SAASzqE,KAAM2Q,GAG5BwS,QAAQA,OAAOnjB,KAAKuQ,OAAS4S,OAAOxS,IAAI4D,QAAQ,IAE7B,OAArBvU,KAAKuqE,QAAQpwD,QAAoBlQ,KAAKoQ,IAAImT,EAAGxtB,KAAKuqE,QAAQpwD,MACrC,OAArBna,KAAKuqE,QAAQlwD,QAAoBpQ,KAAKkQ,IAAIqT,EAAGxtB,KAAKuqE,QAAQlwD,WACzD9J,MAAQid,EACwB,mBAA1BxtB,KAAKuqE,QAAQjtB,eAAgCitB,QAAQjtB,SAASt9C,SAGzEA,MACC6jE,SAASoG,EAAIe,WAAa,eAE1B51B,UAAU,SAAU5lC,OAEb7N,EAAI6N,EAAEykC,OAASzkC,EAAE7N,EACjBC,EAAI4N,EAAE0kC,OAAS1kC,EAAE5N,EACjBq9B,EAAKzvB,EAAE3Q,OACPqnC,EAAQ+jC,EAAIgB,SAASC,YAAc,EACnCn9D,EAASzC,EAAE2zB,GAAIlxB,SAAW,EAE1Bo9D,EACHxpE,EAAIuoE,EAAMjrC,EAAI,cACbA,EAAGmsC,YAAcllC,EAAQlmC,KAAKuqE,QAAQc,WAClCzpE,EAAIsoE,EAAMjrC,EAAI,aAAelxB,EAASm4B,EAAS,GAAK,EAAK,KAE7DilC,IAAcnrE,KAAKuqE,QAAQe,WAAY,QAEjCH,QACH,IACDnrE,MAAMyoE,YAAYzoE,KAAKuqE,QAAQI,WAAW9G,SAAS7jE,KAAKuqE,QAAQG,oBAE9D,IACF1qE,MAAMyoE,YAAYzoE,KAAKuqE,QAAQG,SAAS7G,SAAS7jE,KAAKuqE,QAAQI,2BAG9D3qE,MAAMyoE,YAAYzoE,KAAKuqE,QAAQG,SAASjC,YAAYzoE,KAAKuqE,QAAQI,gBAIhEJ,QAAQe,WAAaH,KAI7BI,SAAS,aAENvrE,MAAMyoE,YAAYzoE,KAAKuqE,QAAQG,SAASjC,YAAYzoE,KAAKuqE,QAAQI,gBAC9DJ,QAAQe,WAAa,YACnBE,cAAcxrE,KAAKuqE,QAAQkB,gBAC3BzM,aAAah/D,KAAKuqE,QAAQmB,UAGlCh4B,UAAU,SAAUlkC,iBACF,IAAbA,EAAEokC,QAA4C,IAA5B5zC,KAAKuqE,QAAQe,WAAkB,KAE7Cn1C,EAAW3mB,EAAE2X,SAAWnnB,KAAKuqE,QAAQO,UAAY9qE,KAAKuqE,QAAQC,KAE9DmB,EAAS,aACRZ,YAAYa,EAAKrB,QAAQe,WAAan1C,aAMxCo0C,QAAQmB,OAAS/sE,OAAOi2C,WAAW,iBAGjC21B,QAAQkB,QAAU9sE,OAAO86C,YAAYkyB,EAAQC,EAAKrB,QAAQM,WAC9D7qE,KAAKuqE,QAAQK,UAInB10B,QAAQ,SAAU1mC,UAEVg8D,cAAcxrE,KAAKuqE,QAAQkB,gBAC3BzM,aAAah/D,KAAKuqE,QAAQmB,UAGlC9tD,SAAS,SAAUpO,GACdlE,EAAEgzD,QAAQE,WACPuM,YAAY/qE,KAAKuqE,QAAQe,WAAatrE,KAAKuqE,QAAQC,QAI3DqB,QAAQ,SAAUr8D,UAETA,EAAEs8D,cACL,QAASf,YAAY/qE,KAAKuqE,QAAQC,MAAO,WACzC,QAASO,aAAa/qE,KAAKuqE,QAAQC,MAAO,WAC1C,QAASO,YAAY/qE,KAAKuqE,QAAQ5a,MAAO,WACzC,QAASob,aAAa/qE,KAAKuqE,QAAQ5a,SAUzCoc,SAAS,SAAUv8D,MACdxP,KAAKsqE,iBAEC96D,EAAEs8D,cACL,QAASf,YAAY/qE,KAAKuqE,QAAQC,MAAO,WACzC,QAASO,aAAa/qE,KAAKuqE,QAAQC,MAAO,WAC1C,QAASO,YAAY/qE,KAAKuqE,QAAQ5a,MAAO,WACzC,QAASob,aAAa/qE,KAAKuqE,QAAQ5a,gBAInC2a,WAAY,IAKpB0B,MAAM,SAAUx8D,eACV86D,WAAY,EACT96D,EAAEs8D,cACL,QACA,QACA,QACA,QACA,QAASf,YAAY,MAI3B9jE,KAAK,aAAc,SAAUuI,GAExBA,EAAEyoC,YAAc,SACb8yB,YAAY/qE,KAAKuqE,QAAQC,MACrBh7D,EAAEyoC,aAAe,UACrB8yB,aAAa/qE,KAAKuqE,QAAQC,QAG/BzrE,mBAGH0mE,OAAO,SAAUj2D,QACXu7D,YAAY,KAGjB/qE,KAAKf,uBAEFA,iBAAiB,iBAAkB,SAAUuQ,GAC5CA,EAAE0oC,OAAS,OACR6yB,aAAa/qE,KAAKuqE,QAAQC,MACtBh7D,EAAE0oC,OAAS,QACf6yB,YAAY/qE,KAAKuqE,QAAQC,QAG9BzrE,mBACD,MAIFuM,GJ/QUsiB,EKPnB,SAA4BtiB,OACpB2gE,EAAM3gE,EAAE3M,QACRyjC,EAAM92B,EAAEtM,mBAEZgmC,OAAO15B,EAAE8E,yBAOIizB,EAAGia,eAEC77C,IAAX4hC,EAAE6oC,YACYzqE,IAAd4hC,EAAE8oC,UAAuB9oC,EAAE8oC,QAAU,UACtB1qE,IAAf4hC,EAAE+oC,WAAwB/oC,EAAE+oC,SAAW,IAEzB,IAAd/oC,EAAE8oC,UAAe9oC,EAAE8oC,SAAW,GACf,IAAf9oC,EAAE+oC,WAAgB/oC,EAAE+oC,UAAY,KAElCpsE,MAAMqc,KAAK,eACL4iB,EAAK3zB,EAAEtL,MACPo1B,EAAS9pB,EAAE2zB,GAAI7J,SAEf82C,EAAO5gE,EAAE,IAAM+3B,EAAE6oC,QAGlBrI,SAAS,iBAEZ7jE,MAAMiH,KAAK,YAAa,SAAUuI,OAC5BmX,EAAMnX,IACVxP,MAAMk2C,QAAQ,SAAU1mC,OAClB68D,EAAa/gE,EAAEtL,WACV46C,OAAO,WACC,IAAfj0B,EAAIitB,QAAgBvQ,EAAEipC,WACvB3lD,EAAI6wC,SAAWznD,IAAU,MACxBy2D,oBAEA,gBAAgBznB,OAGd9f,EAAGstC,SAAS,YAAa,OAAO,MAGhC5qE,EAAI6N,EAAEykC,MAAOryC,EAAI4N,EAAE0kC,MAEjBs4B,EAAOP,EAAI99D,QAAU+9D,EAAK/9D,QAC9Bs+D,EAAOR,EAAIl+D,SAAWm+D,EAAKn+D,SAEzBpM,EAAI6qE,EAAO,KAAI7qE,EAAI6qE,EAAO,IAC1B5qE,EAAI6qE,EAAO,KAAI7qE,EAAI6qE,EAAO,MAG1B7xB,OAAO,WACNG,KAAMtF,IAAK7zC,EAAGg0C,KAAMj0C,IAAK+qE,OAAOrpC,EAAE8oC,WAElCnrD,KAAK,KAAKylD,UAAU,aAClBzlD,KAAK,YAAYynD,YAAY,WAChCzoE,MAAM4W,SAASitD,SAAS,WACzB0H,SAAS,aACLvqD,KAAK,YAAYynD,YAAY,aAIhCsD,SAAS,SAAUv8D,UACbA,EAAEs8D,cACL,GACEI,EAAKlrD,KAAK,YAAYpiB,UAGpBoiB,KAAK,YAAYynD,YAAY,SAASkE,QAAQ,qBAAqBC,GAAG,GAAG/I,SAAS,SAClFqI,EAAKlrD,KAAK,YAAYpiB,QAAQstE,EAAKlrD,KAAK,WAAW6iD,SAAS,YAH5D7iD,KAAK,WAAW6iD,SAAS,oBAM7B,GACEqI,EAAKlrD,KAAK,YAAYpiB,UAGpBoiB,KAAK,YAAYynD,YAAY,SAASoE,QAAQ,qBAAqBD,GAAG,GAAG/I,SAAS,SAClFqI,EAAKlrD,KAAK,YAAYpiB,QAAQstE,EAAKlrD,KAAK,YAAY6iD,SAAS,YAH7D7iD,KAAK,YAAY6iD,SAAS,oBAM9B,KACE7iD,KAAK,cAAc+9C,QAAQ,oBAE7B,KACCA,QAAQ,cAMX/9C,KAAK,KAAK45B,OAAO,aACjB55B,KAAK,uBAAuBk1B,QAAQ,oBACnC0E,OAAO,SAASA,OAAO,cACzB,gBAAgBmE,OAEdzB,KACOhyC,EAAEtL,MAAMqQ,KAAK,QAAQwE,OAAO,GAAIvJ,EAAE+gE,IAAc1qE,EAAGA,EAAIyzB,EAAOwgB,KAAMh0C,EAAGA,EAAIwzB,EAAOqgB,IAAKq3B,KAAMnrE,EAAGorE,KAAMnrE,KAE1G,eAIE,aACL20B,MAAM,oBACJqkB,OAAO,SAASA,OAAO,cACtBoyB,QAAQ3pC,EAAE+oC,WACR,KAER,QAML9gE,EAAEgzD,QAAQ2O,UACV,IAAM5pC,EAAE6oC,MAAM7vD,KAAK,aAAgBrc,MAAM+6C,KAAKmyB,cAAe,WACtD5hE,EAAEgzD,QAAQE,OACjB,IAAMn7B,EAAE6oC,MAAM7vD,KAAK,aAAgBrc,MAAMiH,KAAK,gCAAiC,kBAAqB,QAEpG,IAAMo8B,EAAE6oC,MAAM7vD,KAAK,aAAgBrc,MAAMiH,KAAK,8BAA+B,kBAAqB,QAGpGg4B,GAAI4kB,IAAIv4C,EAAE,mBAAmBrE,KAAK,cAAe,kBAAqB,MAEnEqE,EAAEtL,yCAScqjC,eACb5hC,IAAN4hC,KAEArjC,MAAMghB,KAAK,MAAM6iD,SAAS,YACrBv4D,EAAEtL,UAETA,MAAMqc,KAAK,mBACD5a,IAAN4hC,UACI9zB,EAAI8zB,EAAE5wB,MAAM,KACT9B,EAAI,EAAGA,EAAIpB,EAAE3Q,OAAQ+R,MAC1B3Q,MAAMghB,KAAK,WAAazR,EAAEoB,GAAK,MAAMiG,SAASitD,SAAS,cAIxDv4D,EAAEtL,wCASaqjC,eACZ5hC,IAAN4hC,KAEArjC,MAAMghB,KAAK,eAAeynD,YAAY,YACjCn9D,EAAEtL,UAETA,MAAMqc,KAAK,mBACD5a,IAAN4hC,UACI9zB,EAAI8zB,EAAE5wB,MAAM,KACT9B,EAAI,EAAGA,EAAIpB,EAAE3Q,OAAQ+R,MAC1B3Q,MAAMghB,KAAK,WAAazR,EAAEoB,GAAK,MAAMiG,SAAS6xD,YAAY,cAI3Dn9D,EAAEtL,+CASPA,MAAMqc,KAAK,aACTrc,MAAM6jE,SAAS,cAEZv4D,EAAEtL,6CASPA,MAAMqc,KAAK,aACTrc,MAAMyoE,YAAY,cAEfn9D,EAAEtL,8CAUPA,MAAMqc,KAAK,aAETrc,MAAM46C,OAAO,aAAaA,OAAO,aAE9BtvC,EAAEtL,SAGNsL,GP3NO,SAAUA,GACnBA,EAAEu3D,uBAMHA,gCAuBKsK,EAAQC,EAAKrK,OACdQ,EAAQvjE,cAOLg1C,EAAWxlC,OACZ69D,EAAMD,EAAIh4C,YACNxb,EAAc,EAAXyzD,EAAIz3B,KAAUjiC,EAAa,EAAV05D,EAAI53B,kBACrB63B,KAEH14B,WAAW,aACQpzB,KAAK+hD,EAAO/zD,IACtC,KAEDxQ,UAAUiI,KAAK,YAAagvC,GAAWhvC,KAAK,UAAWyvC,KACvD33C,0BAGKk3C,EAAWzmC,uBACL89D,KACH14B,WAAW,aACQpzB,KAAK+hD,EAAO/zD,IACtC,KACDg3D,oBACAznE,kBACK,WAGA23C,EAASlnC,YACdxQ,UAAU47C,OAAO,UAAWlE,GAASkE,OAAO,YAAa3E,KACzDuwB,oBACAznE,kBACK,WAGAwuE,EAA4B/9D,OAC7Bg+D,EAAOJ,EAAIvzD,IACRuzD,EAAItzD,EACT2zD,EAAOj+D,EAAEykC,MAAQ7e,EAAOxb,EAC1B8zD,EAAOl+D,EAAE0kC,MAAQ9e,EAAOzhB,EAEtB85D,EAAO,EAAGA,EAAO,EACZA,EAAOD,IAAMC,EAAOD,GACzBE,EAAO,EAAGA,EAAO,EACZA,EAAOC,IAAMD,EAAOC,KACzBnsD,KAAK+hD,EAAO,MAAQ5hE,EAAK8rE,EAAOD,EAAQI,EAAU14C,EAAMtzB,EAAK8rE,EAAOC,EAAQE,EAAU14C,aA+BnF/jB,EAAK7R,EAAMgR,EAAOu9D,WACHrsE,IAAV8O,cAEG9O,IAATlC,GAA8B,MAARA,IAAcA,EAAO,MACvCA,EAAKE,mBACR,WAAYkC,MACZ,WAAYC,MACZ,oBACaD,IAAGC,QAGR,MAAXksE,GAAmBA,IAAYvK,OAC/BwK,GAAU,EAEVtsD,SAAMC,gBACE,MAARniB,IAAcA,EAAO,MACjBA,EAAKE,mBACR,MACK8Q,IAAWA,EAAM5O,GAAe,EAAV4O,EAAM5O,GAAkB,EAAR4O,IAAe,YAE1D,MACKA,IAAWA,EAAM3O,GAAe,EAAV2O,EAAM3O,GAAkB,EAAR2O,IAAe,YAE1D,eAEKA,GAASA,EAAM5O,GAAe,EAAV4O,EAAM5O,GAAU,IACpC4O,GAASA,EAAM3O,GAAe,EAAV2O,EAAM3O,GAAU,EAGlC,MAAR6f,IACEA,EAAOyT,EAAMzT,EAAOyT,EACfzT,EAAOuT,IAAMvT,EAAOuT,GACzBrzB,IAAM8f,MACJA,KACM,IAGF,MAARC,IACEA,EAAOyT,EAAMzT,EAAOyT,EACfzT,EAAOuT,IAAMvT,EAAOuT,GACzBrzB,IAAM8f,MACJA,KACM,gBAvHWosD,OACpB,IAAIn9D,EAAI,EAAGA,EAAIq9D,EAAapvE,OAAQ+R,MAC1BA,GAAG6Q,KAAK+hD,EAAOA,EAAOuK,IAwHTtsD,KAAK+hD,EAAOuK,GAAWvK,aAqE5Ct8D,EAAMq2C,GACW,mBAAbA,GAAyB0wB,EAAa5lE,KAAKk1C,OAepDloB,SACFk4C,SACA3rE,EAAI,EACJC,EAAI,EACJszB,EAAO,EACPF,EAAO,IACP44C,EAAS,IACTz4C,EAAO,EACPF,EAAO,IACP44C,EAAS,IACTI,EAAQb,EAAIpsD,KAAK,oBAGjBgkB,QAAO,EAAMu+B,wBAhGChkE,EAAMgR,WACE9O,IAAV8O,cAEG9O,IAATlC,GAA8B,MAARA,IAAcA,EAAO,OACvCA,EAAKE,mBACR,cAAey1B,MACf,cAAeF,MACf,gBAAmBE,OAAMF,OAAM44C,cAC/B,cAAez4C,MACf,cAAeF,MACf,gBAAmBE,OAAMF,OAAM44C,cAC/B,qBACa34C,OAAMF,OAAM44C,SAAQz4C,OAAMF,OAAM44C,uBAKlDK,SACAC,SACAC,gBACU,MAAR7uE,IAAcA,EAAO,OACjBA,EAAKE,mBACR,SACQ8Q,IAAWA,EAAM2kB,MAAqB,EAAb3kB,EAAM2kB,MAAqB,EAAR3kB,IAAe,YAEnE,SACQA,IAAWA,EAAMykB,MAAqB,EAAbzkB,EAAMykB,MAAqB,EAARzkB,IAAe,YAEnE,WACQA,GAASA,EAAM2kB,MAAqB,EAAb3kB,EAAM2kB,MAAa,IAC1C3kB,GAASA,EAAMykB,MAAqB,EAAbzkB,EAAMykB,MAAa,YAElD,SACQzkB,IAAWA,EAAM4kB,MAAqB,EAAb5kB,EAAM4kB,MAAqB,EAAR5kB,IAAe,YAEnE,SACQA,IAAWA,EAAM0kB,MAAqB,EAAb1kB,EAAM0kB,MAAqB,EAAR1kB,IAAe,YAEnE,WACQA,GAASA,EAAM4kB,MAAqB,EAAb5kB,EAAM4kB,MAAa,IAC1C5kB,GAASA,EAAM0kB,MAAqB,EAAb1kB,EAAM0kB,MAAa,YAElD,gBAEQ1kB,GAASA,EAAM2kB,MAAqB,EAAb3kB,EAAM2kB,MAAa,IAC1C3kB,GAASA,EAAMykB,MAAqB,EAAbzkB,EAAMykB,MAAa,IAC1CzkB,GAASA,EAAM4kB,MAAqB,EAAb5kB,EAAM4kB,MAAa,IAC1C5kB,GAASA,EAAM0kB,MAAqB,EAAb1kB,EAAM0kB,MAAa,EAGxC,MAAXo5C,GAAmBn5C,IAASm5C,MAErBr5C,KADFq5C,IAGM,MAAXH,GAAmBl5C,IAASk5C,SACvBA,GACSh5C,GAEH,MAAXi5C,GAAmBh5C,IAASg5C,MAErBl5C,KADFk5C,IAGM,MAAXC,GAAmBn5C,IAASm5C,SACvBA,GACSj5C,2BAMHmoB,MACS,mBAAbA,UACP3sC,SACIA,EAAIq9D,EAAahiE,SAASsxC,MAAyBp1C,OAAOyI,EAAG,yBAInE3R,UAAU47C,OAAO,UAAWlE,GAASkE,OAAO,YAAa3E,KACvD2E,OAAO,YAAa5F,KAClB,OACE,OACO,UAyBX/c,IAAM8qC,EAAQkL,OAASlL,EAAQkL,MAAMpsB,QACrChoC,EAAKkpD,EAAQkL,OAASlL,EAAQkL,MAAM9/D,OAAU8/D,EAAM9/D,UACpD2L,EAAKipD,EAAQkL,OAASlL,EAAQkL,MAAMlgE,QAAWkgE,EAAMlgE,WACvD8L,EAAKkpD,EAAQhkD,KAAOgkD,EAAQhkD,IAAI5Q,OAAUi/D,EAAIj/D,UAC9C2L,EAAKipD,EAAQhkD,KAAOgkD,EAAQhkD,IAAIhR,QAAWq/D,EAAIr/D,WAE/C9G,KAAK,YAAa+tC,KACjBxzB,KAAK+hD,iBA3LNiK,EAAOJ,EAAIvzD,EACX8zD,EAAOP,EAAItzD,EACXw0D,EAASL,EAAMp0D,EACf00D,EAASN,EAAMn0D,EACb00D,EAAe,EACjBC,EAAe,aACN,WACLb,EAAS,IAEKY,EAAZ7sE,IAAMqzB,EAAqBw4C,EACT7rE,EAAIisE,EAAUJ,EAAQ,GAE1CK,EAAS,IAEKY,EAAZ7sE,IAAMqzB,EAAqB04C,EACT/rE,EAAIisE,EAAUF,EAAQ,GAG1CW,GAAUd,EAAMgB,GAAgBhB,GAAQ,IAAMc,GAAU,GACvDE,GAAgBF,GAAU,EAE3BC,GAAUZ,EAAMc,GAAgBd,GAAQ,IAAMY,GAAU,GACvDE,GAAgBF,GAAU,IAEzBxzB,KAAMnF,KAAM44B,EAAe,KAAM/4B,IAAKg5B,EAAe,QAC1D,KAjGFnjE,EAAEu3D,mBAAmB72D,SADP,gCAEf62D,mBAAmBz6D,KAFJ,+BAigBjB+/D,uBAiBO,SAAUhsD,OACTonD,EAAQvjE,cACL0uE,EAAkBZ,OACpB,IAAIn9D,EAAI,EAAGA,EAAIq9D,EAAapvE,OAAQ+R,MAAkBA,GAAG6Q,KAAK+hD,EAAOA,EAAOuK,YAE1E18D,EAAK7R,EAAMgR,EAAOu9D,OAEnBa,EAAMC,QAAQr+D,MAChBo+D,GAAsB,KAAfp+D,EAAMs+D,OAAat+D,EAAMs+D,KAAO,aACtCF,EAAK,SACKltE,IAATlC,GAA8B,MAARA,GAAyB,KAATA,IAAaA,EAAO,OACrD,MAALwlB,EAAW,OAAO,YACdxlB,EAAKE,mBACR,cAAeqvE,EAAaC,WAAYhqD,IAAG7W,IAAGmB,IAAGD,UACjD,aAAcgC,EAAI,QAAQggB,UAAU,EAAG,OACvC,aAAgBrM,IAAG7W,IAAGmB,IAAGD,IAAG0K,IAAGwC,IAAGkR,IAAGwhD,IAAK59D,EAAIoQ,KAAK+hD,EAAO,OAAQsL,KAAMz9D,EAAIoQ,KAAK+hD,EAAO,yBAEvFxwC,KACKpiB,EAAI,EAAGA,EAAIpR,EAAKX,OAAQ+R,WACvBpR,EAAKwJ,OAAO4H,QACf,IACiB,IAAhBpR,EAAKX,OAAcm0B,EAAMhO,EACxBgO,EAAIhO,EAAIA,YAEV,IACiB,IAAhBxlB,EAAKX,OAAcm0B,EAAM7kB,EACxB6kB,EAAI7kB,EAAIA,YAEV,IACiB,IAAhB3O,EAAKX,OAAcm0B,EAAM1jB,EACxB0jB,EAAI1jB,EAAIA,YAEV,IACiB,IAAhB9P,EAAKX,OAAcm0B,EAAM3jB,EACxB2jB,EAAI3jB,EAAIA,YAEV,IACiB,IAAhB7P,EAAKX,OAAcm0B,EAAMjZ,EACxBiZ,EAAIjZ,EAAIA,YAEV,IACiB,IAAhBva,EAAKX,OAAcm0B,EAAMzW,EACxByW,EAAIzW,EAAIA,YAEV,IACiB,IAAhB/c,EAAKX,OAAcm0B,EAAMvF,EACxBuF,EAAIvF,EAAIA,SAITjuB,EAAKX,OAAkCm0B,EAAzB3hB,EAAIoQ,KAAK+hD,EAAO,WAG3B,MAAXuK,GAAmBA,IAAYvK,GACvB,MAARhkE,IAAcA,EAAO,QAErBwuE,GAAU,KACD,MAATx9D,SACO,MAALwU,MACE,QACM,GAEH,MAAL7W,MACE,QACM,GAEH,MAALmB,MACE,QACM,GAEH,MAALD,MACE,QACM,GAEH,MAAL0K,MACE,QACM,GAEH,MAALwC,MACE,QACM,GAEH,MAALkR,MACE,QACM,WAEDkhD,EAAiBltD,KAAK+hD,EAAOuK,GAAWvK,WAG7ChkE,EAAKE,mBACR,WACA,UACGszB,EAAM+7C,EAAaG,UAAW1+D,IAAUA,EAAMs+D,MAAQt+D,EAAMy+D,MAASz+D,GAAS,UAChFiR,KAAK+hD,EAAO,QAAUx+C,EAAGgO,EAAIhO,EAAG7W,EAAG6kB,EAAI7kB,EAAGmB,EAAG0jB,EAAI1jB,EAAGD,EAAY,SAAT7P,EAAkBwzB,EAAI3jB,EAAS,MAALA,EAAYA,EAAI,KAAO0+D,oBAGxGv9D,IAAwB,MAAdA,EAAMs+D,MAA6B,MAAbt+D,EAAMy+D,mBACpCxtD,KAAK+hD,EAAO,OAAQhzD,EAAMs+D,MAAQt+D,EAAMy+D,KAAO,WAAYlB,OAG3DoB,KACFC,GAAM,EAAOC,GAAM,OACP3tE,IAAZ8O,EAAMwU,GAAoBxlB,EAAKyM,SAAS,OAAMzM,GAAQ,UAC1CkC,IAAZ8O,EAAMrC,GAAoB3O,EAAKyM,SAAS,OAAMzM,GAAQ,UAC1CkC,IAAZ8O,EAAMlB,GAAoB9P,EAAKyM,SAAS,OAAMzM,GAAQ,UAC1CkC,IAAZ8O,EAAMnB,GAAoB7P,EAAKyM,SAAS,OAAMzM,GAAQ,UAC1CkC,IAAZ8O,EAAMuJ,GAAoBva,EAAKyM,SAAS,OAAMzM,GAAQ,UAC1CkC,IAAZ8O,EAAM+L,GAAoB/c,EAAKyM,SAAS,OAAMzM,GAAQ,UAC1CkC,IAAZ8O,EAAMid,GAAoBjuB,EAAKyM,SAAS,OAAMzM,GAAQ,SACrD,IAAIoR,EAAI,EAAGA,EAAIpR,EAAKX,OAAQ+R,WACvBpR,EAAKwJ,OAAO4H,QACf,OACCy+D,EAAK,YACH,IACDrqD,EAAKxU,GAASA,EAAMwU,GAAe,EAAVxU,EAAMwU,GAAWxU,GAAiB,EAARA,GAAc,EAClE2+D,EAAKnqD,EAAI,EAAGmqD,EAAKnqD,EAAI,EAChBmqD,EAAKnqD,EAAI,MAAKmqD,EAAKnqD,EAAI,KAC5BA,IAAMmqD,EAAKnqD,MACNmqD,EAALnqD,KACQ,aAGT,OACCqqD,EAAK,YACH,IACDlhE,EAAKqC,GAASA,EAAMrC,GAAe,EAAVqC,EAAMrC,GAAWqC,GAAiB,EAARA,GAAc,EAClE2+D,EAAKhhE,EAAI,EAAGghE,EAAKhhE,EAAI,EAChBghE,EAAKhhE,EAAI,MAAKghE,EAAKhhE,EAAI,KAC5BA,IAAMghE,EAAKhhE,MACNghE,EAALhhE,KACQ,aAGT,OACCkhE,EAAK,YACH,IACD//D,EAAKkB,GAASA,EAAMlB,GAAe,EAAVkB,EAAMlB,GAAWkB,GAAiB,EAARA,GAAc,EAClE2+D,EAAK7/D,EAAI,EAAG6/D,EAAK7/D,EAAI,EAChB6/D,EAAK7/D,EAAI,MAAK6/D,EAAK7/D,EAAI,KAC5BA,IAAM6/D,EAAK7/D,MACN6/D,EAAL7/D,KACQ,aAGT,MACED,EAAImB,GAAoB,MAAXA,EAAMnB,EAAsB,EAAVmB,EAAMnB,EAAiB,MAATmB,EAAwB,EAARA,EAAY,IAC1E2+D,EAAK9/D,EAAI,EAAG8/D,EAAK9/D,EAAI,EAChB8/D,EAAK9/D,EAAI,MAAK8/D,EAAK9/D,EAAI,KAC5BA,IAAM8/D,EAAK9/D,MACN8/D,EAAL9/D,KACQ,aAGT,OACC+/D,EAAK,YACH,IACDr1D,EAAKvJ,GAASA,EAAMuJ,GAAe,EAAVvJ,EAAMuJ,GAAWvJ,GAAiB,EAARA,GAAc,EAClE2+D,EAAKp1D,EAAI,EAAGo1D,EAAKp1D,EAAI,EAChBo1D,EAAKp1D,EAAI,MAAKo1D,EAAKp1D,EAAI,KAC5BA,IAAMo1D,EAAKp1D,MACNo1D,EAALp1D,KACQ,aAGT,OACCq1D,EAAK,YACH,IACD7yD,EAAI/L,GAAoB,MAAXA,EAAM+L,EAAsB,EAAV/L,EAAM+L,EAAiB,MAAT/L,EAAwB,EAARA,EAAY,IAC1E2+D,EAAK5yD,EAAI,EAAG4yD,EAAK5yD,EAAI,EAChB4yD,EAAK5yD,EAAI,MAAK4yD,EAAK5yD,EAAI,KAC5BA,IAAM4yD,EAAK5yD,MACN4yD,EAAL5yD,KACQ,aAGT,OACC6yD,EAAK,YACH,IACD3hD,EAAIjd,GAAoB,MAAXA,EAAMid,EAAsB,EAAVjd,EAAMid,EAAiB,MAATjd,EAAwB,EAARA,EAAY,IAC1E2+D,EAAK1hD,EAAI,EAAG0hD,EAAK1hD,EAAI,EAChB0hD,EAAK1hD,EAAI,MAAK0hD,EAAK1hD,EAAI,KAC5BA,IAAM0hD,EAAK1hD,MACN0hD,EAAL1hD,KACQ,MAKZugD,EAAS,IACPoB,EAAK,GACHpqD,GAAK,IACL7W,GAAK,IACLmB,GAAK,MACH0jB,EAAM+7C,EAAaO,UAAWtqD,IAAG7W,IAAGmB,QAC7B0jB,EAAXjZ,IAAWiZ,EAARzW,IAAQyW,EAALvF,OACH,GAAI4hD,EAAK,GACVt1D,GAAK,IACA,MAALwC,EAAYA,EAAI,MACX,MAALkR,EAAYA,EAAI,QACduF,EAAM+7C,EAAaQ,UAAWx1D,IAAGwC,IAAGkR,QAC7BuF,EAAXhO,IAAWgO,EAAR7kB,IAAQ6kB,EAAL1jB,IAED,MAALD,EAAYA,EAAI,MACHoS,KAAK+hD,EAAOuK,GAAWvK,UAkB1Cx+C,SAAG7W,SAAGmB,SAAGD,SAAG0K,SAAGwC,SAAGkR,SAAGwgD,OAEvBhpC,QAAO,EAAMu+B,uBAfAjmB,GACW,mBAAbA,GAAyB0wB,EAAa5lE,KAAKk1C,oBAEvCA,MACS,mBAAbA,UACP3sC,SACIA,EAAIq9D,EAAahiE,SAASsxC,MACnBp1C,OAAOyI,EAAG,yBAIV,QAWbwL,IACe,MAAbA,EAAK0yD,OACH,OAAQ1yD,GACS,MAAZA,EAAK6yD,OAED,MAAV7yD,EAAK/M,EAAY,IAAM,IAAM,MACpB,MAAV+M,EAAK/M,GACAy/D,KAAM1yD,EAAK6yD,IAAMF,EAAaS,SAASpzD,EAAK/M,IAC7C+M,GAEa,MAAVA,EAAK4I,GAAuB,MAAV5I,EAAKjO,GAAuB,MAAViO,EAAK9M,IAC9C,OAAmB,MAAV8M,EAAK/M,EAAY,IAAM,IAAK+M,GACtB,MAAVA,EAAKrC,GAAuB,MAAVqC,EAAKG,GAAuB,MAAVH,EAAKqR,KAC9C,OAAmB,MAAVrR,EAAK/M,EAAY,IAAM,IAAK+M,sCA0BlC6yD,MACG,KAARA,GAAsB,SAARA,EAAgB,OAASjqD,EAAG,KAAM7W,EAAG,KAAMmB,EAAG,KAAMD,EAAG,UAErE2V,EAAI,KAAM7W,EAAI,KAAMmB,EAAI,KAAMD,EAAI,aACnB,OAFbpP,KAAKwvE,YAAYR,IAEfpwE,SAAcowE,GAAO,MACzBA,EAAIpwE,OAAS,KACXowE,EAAI59C,UAAU,EAAG,KACjB49C,EAAI59C,UAAU,EAAG,KACjB49C,EAAI59C,UAAU,EAAG,KACjB49C,EAAI59C,UAAU,EAAG49C,EAAIpwE,UAErBowE,EAAIpwE,OAAS,MACXowE,EAAI59C,UAAU,EAAG49C,EAAIpwE,UACnBowE,EAAI59C,UAAU,EAAG,IAErB49C,EAAIpwE,OAAS,MACXowE,EAAI59C,UAAU,EAAG49C,EAAIpwE,UACnBowE,EAAI59C,UAAU,EAAG,IAErB49C,EAAIpwE,OAAS,IAAGyQ,EAAI2/D,EAAI59C,UAAU,EAAG49C,EAAIpwE,aAG1CoB,KAAKyvE,SAAS1qD,GAAI7W,EAAGlO,KAAKyvE,SAASvhE,GAAImB,EAAGrP,KAAKyvE,SAASpgE,GAAID,EAAGpP,KAAKyvE,SAASrgE,0BAOvE4/D,YAELA,EAAIvvE,cAAc8S,QAAQ,aAAc,KACtC3T,OAAS,IAAGowE,EAAMA,EAAI59C,UAAU,EAAG,IACpC49C,sBAMEU,UACF1vE,KAAKuvE,SAASG,EAAK3qD,GAAK/kB,KAAKuvE,SAASG,EAAKxhE,GAAKlO,KAAKuvE,SAASG,EAAKrgE,GAAKrP,KAAKuvE,SAASG,EAAKtgE,sBAM1FugE,OACJn6D,GAAgB,EAANm6D,GAASr3C,SAAS,WACV,IAAlB9iB,EAAO5W,SAAc4W,EAAU,IAAMA,GAClCA,EAAO/V,iCAMNuvE,UACDv0D,SAASu0D,EAAK,uBAYbG,OACFpqD,EAAIoqD,EAAIpqD,EAAI,IAAK7W,EAAIihE,EAAIjhE,EAAI,IAAKmB,EAAI8/D,EAAI9/D,EAAI,IAAK+/D,GAAQt1D,EAAG,EAAGwC,EAAG,EAAGkR,EAAG,GAC5ErT,EAAM,EAAGE,EAAM,EACf0K,GAAK7W,GAAK6W,GAAK1V,KACX0V,IACA7W,EAAImB,EAAIA,EAAInB,GACTA,GAAKmB,GAAKnB,GAAK6W,KAClB7W,IACA6W,EAAI1V,EAAIA,EAAI0V,MAEZ1V,IACAnB,EAAI6W,EAAIA,EAAI7W,KAEhBsf,EAAInT,IACJiC,EAAIjC,GAAOA,EAAMF,GAAOE,EAAM,MAC9B29B,gBACCo3B,EAAI9yD,KAECjC,EAAMF,EACCi1D,EAAIt1D,EAAfiL,IAAM1K,GAAcnM,EAAImB,GAAK2oC,EACxB9pC,IAAMmM,EAAa,GAAKhL,EAAI0V,GAAKizB,EAC7B,GAAKjzB,EAAI7W,GAAK8pC,IACvBl+B,EAAIW,SAAiB,GAAR20D,EAAIt1D,GACjBs1D,EAAIt1D,EAAI,IAAGs1D,EAAIt1D,GAAK,MAPds1D,EAAIt1D,EAAI,IAShBwC,EAAa,IAAR8yD,EAAI9yD,EAAW,IACpBkR,EAAa,IAAR4hD,EAAI5hD,EAAW,EACjB4hD,qBAMCA,OACFD,GAAOpqD,EAAG,EAAG7W,EAAG,EAAGmB,EAAG,EAAGD,EAAG,KAC7B0K,EAAWs1D,EAAXt1D,EAAGwC,EAAQ8yD,EAAR9yD,EAAGkR,EAAK4hD,EAAL5hD,KACD,IAANlR,EACW6yD,EAAIpqD,EAAIoqD,EAAIjhE,EAAIihE,EAAI9/D,EAAvB,IAANme,EAAiC,EACH,IAAJA,EAAU,IAAO,MAC1C,CACK,MAAN1T,IAAWA,EAAI,OAIbnJ,EAAQ,MAHT,IAIHlB,EAAIqK,EAAInJ,EACRgI,MAHM,MAGG,MAJH,MAKNyjD,EAAI5uC,GAAK,EAAKlR,EAAI7M,GAClBkE,EAAI6Z,GAAK,EAAKlR,GAAK,EAAI7M,WACjBkB,QACH,IACCoU,EAAIyI,IACJtf,EAAIyF,IACJtE,EAAIsJ,aAEL,IACCoM,EAAIq3C,IACJluD,EAAIsf,IACJne,EAAIsJ,aAEL,IACCoM,EAAIpM,IACJzK,EAAIsf,IACJne,EAAIsE,aAEL,IACCoR,EAAIpM,IACJzK,EAAIkuD,IACJ/sD,EAAIme,aAEL,IACCzI,EAAIpR,IACJzF,EAAIyK,IACJtJ,EAAIme,aAEL,IACCzI,EAAIyI,IACJtf,EAAIyK,IACJtJ,EAAI+sD,IAGNr3C,EAAa,IAARoqD,EAAIpqD,EAAW,IACpB7W,EAAa,IAARihE,EAAIjhE,EAAW,IACpBmB,EAAa,IAAR8/D,EAAI9/D,EAAW,SAEnB8/D,WAIuB7jE,EAAE68D,QAA/ByH,IAAAA,MAAOC,IAAAA,KAAMf,IAAAA,sBAclB1+D,GAAG+3D,QAAU,SAAUpF,OACjB+M,EAAap/D,iBACZ1Q,KAAKqc,KAAK,eACTknD,EAAQvjE,KAAM+vE,EAAWzkE,EAAE05B,QAAO,KAAU15B,EAAE8E,GAAG+3D,QAAQjyC,SAAU6sC,GAC1B,UAA3Cz3D,EAAEi4D,GAAOyM,IAAI,GAAG1kD,SAAS7rB,kBACzBulC,QAAO,EAAM+qC,wBAEE,cACD,QACLzkE,EAAEi4D,MAGU,KAAnBj4D,EAAEi4D,GAAOnyD,SACF66B,MAAMq8B,OAAS,IAAIsH,GAAQZ,IAAK,SAChC/iC,MAAMgkC,QAAU,IAAIL,GAAQZ,IAAK,QACjCF,EAAaU,YAAYlkE,EAAEi4D,GAAOnyD,WAClC66B,MAAMq8B,OAAS,IAAIsH,GAAQZ,IAAK1jE,EAAEi4D,GAAOnyD,MAAOhC,EAAG2gE,EAAS9jC,MAAMq8B,OAAOl3D,IAAI,SAC7E66B,MAAMgkC,QAAU,IAAIL,GAAQZ,IAAK1jE,EAAEi4D,GAAOnyD,MAAOhC,EAAG2gE,EAAS9jC,MAAMq8B,OAAOl3D,IAAI,SAGvF2+D,EAASpxE,OAAOuxE,aAChB3M,GAAOrqC,MAAM,wOAENv6B,OAAOwxE,YAAa,MAEzBC,EAAgBr9D,WAAWpH,UAAU0kE,WAAW59D,MAAM,QAAQ,IAAM,GAAKzT,SAASuuC,KAAK+iC,iBAOpFC,EAAcC,OACdlI,EAAUr8B,EAAVq8B,OAEL0G,EAAM1G,EAAOl3D,IAAI,OACfq/D,SAAQC,kBACHzkC,MAAM0kC,KAAOH,EACdA,OACH,kBACQ,aACHhvD,KAAK+hD,EAAOqN,EAAa,iBACrBpvD,KAAK+hD,EAAOsN,EAAY,KACzBrvD,KAAK+hD,EAAOsN,EAAY,OACvBrvD,KAAK+hD,EAAOuN,EAAY,OACzBtvD,KAAK+hD,EAAOuN,EAAY,OAC3BtvD,KAAK+hD,EAAOwN,EAAa,iBACrBvvD,KAAK+hD,EAAOyN,EAAY,KACzBxvD,KAAK+hD,EAAOyN,EAAY,OACvBxvD,KAAK+hD,EAAO0N,EAAY,OACzBzvD,KAAK+hD,EAAO0N,EAAY,OACvBzvD,KAAK+hD,EAAO2N,EAAY,OACzB1vD,KAAK+hD,EAAO2N,EAAY,OACvB1vD,KAAK+hD,EAAO4N,EAAY,OACzB3vD,KAAK+hD,EAAO4N,EAAY,OACvB3vD,KAAK+hD,EAAO6N,EAAY,OACzB5vD,KAAK+hD,EAAO6N,EAAY,MAChC,KACMC,MAAM,OAASn8C,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,SAClDo8C,MAAM,UAAYl8C,KAAM,EAAGF,KAAM,MAChB,MAAtBqzC,EAAOl3D,IAAI,QAAiB,QACvBA,IAAI,MAAQzP,EAAG2mE,EAAOl3D,IAAI,KAAMxP,EAAG,IAAM0mE,EAAOl3D,IAAI,MAAQkgE,MAC5DlgE,IAAI,IAAK,IAAMk3D,EAAOl3D,IAAI,KAAMmgE,cAEtC,kBACQ,aACH/vD,KAAK+hD,EAAOqN,EAAa,iBACrBpvD,KAAK+hD,EAAOsN,GAAa,OACzBrvD,KAAK+hD,EAAOuN,GAAa,OACzBtvD,KAAK+hD,EAAOyN,GAAa,OACzBxvD,KAAK+hD,EAAO0N,GAAa,OACzBzvD,KAAK+hD,EAAO6N,EAAY,OACzB5vD,KAAK+hD,EAAO6N,EAAY,MAChC,KACMC,MAAM,OAASn8C,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,SAClDo8C,MAAM,UAAYl8C,KAAM,EAAGF,KAAM,MAChB,MAAtBqzC,EAAOl3D,IAAI,QAAiB,QACvBA,IAAI,MAAQzP,EAAG2mE,EAAOl3D,IAAI,KAAMxP,EAAG,IAAM0mE,EAAOl3D,IAAI,MAAQkgE,MAC5DlgE,IAAI,IAAK,IAAMk3D,EAAOl3D,IAAI,KAAMmgE,cAEtC,kBACQ,aACH/vD,KAAK+hD,EAAOqN,EAAa,YACrBpvD,KAAK+hD,EAAOsN,GAAa,OACzBrvD,KAAK+hD,EAAOuN,EAAY,OAC5BtvD,KAAK+hD,EAAOwN,EAAa/B,KACrBxtD,KAAK+hD,EAAOyN,GAAa,OACzBxvD,KAAK+hD,EAAO0N,EAAY,OACzBzvD,KAAK+hD,EAAO0N,EAAY,OACvBzvD,KAAK+hD,EAAO6N,EAAY,OACzB5vD,KAAK+hD,EAAO6N,EAAY,MAChC,KACMC,MAAM,OAASn8C,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,SAClDo8C,MAAM,UAAYl8C,KAAM,EAAGF,KAAM,MAChB,MAAtBqzC,EAAOl3D,IAAI,QAAiB,QACvBA,IAAI,MAAQzP,EAAG2mE,EAAOl3D,IAAI,KAAMxP,EAAG,IAAM0mE,EAAOl3D,IAAI,MAAQkgE,MAC5DlgE,IAAI,IAAK,IAAMk3D,EAAOl3D,IAAI,KAAMmgE,cAEtC,UACO,QACA,MACDF,MAAM,OAASn8C,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,SAClDo8C,MAAM,UAAYl8C,KAAM,EAAGF,KAAM,MAChB,MAAtBqzC,EAAOl3D,IAAI,QAAiB,QACvBA,IAAI,MAAQzP,EAAG2mE,EAAOl3D,IAAI,KAAMxP,EAAG,IAAM0mE,EAAOl3D,IAAI,MAAQkgE,MAC5DlgE,IAAI,IAAK,IAAMk3D,EAAOl3D,IAAI,KAAMmgE,cAEtC,UACO,QACA,OACDF,MAAM,OAASn8C,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,SAClDo8C,MAAM,UAAYl8C,KAAM,EAAGF,KAAM,MAChB,MAAtBqzC,EAAOl3D,IAAI,QAAiB,QACvBA,IAAI,MAAQzP,EAAG2mE,EAAOl3D,IAAI,KAAMxP,EAAG,IAAM0mE,EAAOl3D,IAAI,MAAQkgE,MAC5DlgE,IAAI,IAAK,IAAMk3D,EAAOl3D,IAAI,KAAMmgE,cAEtC,UACO,QACA,OACDF,MAAM,OAASn8C,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,SAClDo8C,MAAM,UAAYl8C,KAAM,EAAGF,KAAM,MAChB,MAAtBqzC,EAAOl3D,IAAI,QAAiB,QACvBA,IAAI,MAAQzP,EAAG2mE,EAAOl3D,IAAI,KAAMxP,EAAG,IAAM0mE,EAAOl3D,IAAI,MAAQkgE,MAC5DlgE,IAAI,IAAK,IAAMk3D,EAAOl3D,IAAI,KAAMmgE,cAEtC,kBACQ,aACH/vD,KAAK+hD,EAAOqN,EAAa,iBACrBpvD,KAAK+hD,EAAOsN,GAAa,OACzBrvD,KAAK+hD,EAAOuN,GAAa,OACzBtvD,KAAK+hD,EAAOyN,EAAY,OACxBxvD,KAAK+hD,EAAO0N,EAAY,OACzBzvD,KAAK+hD,EAAO0N,EAAY,OACvBzvD,KAAK+hD,EAAO6N,EAAY,KACzB5vD,KAAK+hD,EAAO6N,EAAY,MAChC,KACMC,MAAM,OAASn8C,KAAM,EAAGF,KAAM,IAAKG,KAAM,EAAGF,KAAM,SAClDo8C,MAAM,UAAYl8C,KAAM,EAAGF,KAAM,MAChB,MAAtBqzC,EAAOl3D,IAAI,QAAiB,QACvBA,IAAI,MAAQzP,EAAG2mE,EAAOl3D,IAAI,KAAMxP,EAAG,IAAM0mE,EAAOl3D,IAAI,MAAQkgE,MAC5DlgE,IAAI,IAAK,IAAMk3D,EAAOl3D,IAAI,KAAMmgE,wBAGnC,IAAI3rE,MAAM,uBAEV4qE,OACH,cAEA,QACA,QACA,eACQ,aACAhvD,KAAK+hD,EAAOsN,EAAY,OACxBrvD,KAAK+hD,EAAOyN,EAAY,OACvBxvD,KAAK+hD,EAAO2N,EAAY,OACzB1vD,KAAK+hD,EAAO2N,EAAY,OACvB1vD,KAAK+hD,EAAO4N,EAAY,OACzB3vD,KAAK+hD,EAAO4N,EAAY,MAChC,aAEA,QACA,QACA,eACQ,aACH3vD,KAAK+hD,EAAOqN,EAAa,iBACzBpvD,KAAK+hD,EAAOwN,EAAa,iBACtBvvD,KAAK+hD,EAAOyN,EAAY,OACxBxvD,KAAK+hD,EAAOsN,EAAY,OACvBrvD,KAAK+hD,EAAOsN,EAAYJ,KACxBjvD,KAAK+hD,EAAOuN,EAAYL,EAAS,OACjCjvD,KAAK+hD,EAAOyN,EAAYN,EAAS,OACjClvD,KAAK+hD,EAAO0N,EAAYP,EAAS,OACjClvD,KAAK+hD,EAAO2N,EAAYR,KACxBlvD,KAAK+hD,EAAO4N,EAAYT,EAAS,OACjClvD,KAAK+hD,EAAO6N,EAAY,OACzB5vD,KAAK+hD,EAAO6N,EAAY,MAChC,GAGqB,MAAtB9I,EAAOl3D,IAAI,WACIoQ,KAAK+hD,EAAO+E,YAGxBkJ,EAAoB11D,EAAIgyD,IAChB,MAAXA,GAAoBA,IAAYyD,IAAYzD,IAAYwD,aA+D5Bx1D,EAAIgyD,MAChCA,IAAYwD,SACNvB,EAAS9jC,MAAM0kC,UAClB,QACGc,EAAK31D,EAAG1K,IAAI,QACTA,IAAI,MAAQzP,EAAS,MAAN8vE,EAAaA,EAAGn1D,EAAI,IAAK1a,EAAG,KAAa,MAAN6vE,EAAaA,EAAGjkD,EAAI,MAAQsgD,aAEpF,QACA,QACG4D,EAAK51D,EAAG1K,IAAI,QACTA,IAAI,MAAQzP,EAAI+vE,GAAMA,EAAG53D,GAAM,EAAGlY,EAAG,KAAa,MAAN8vE,EAAaA,EAAGlkD,EAAI,MAAQsgD,aAE9E,QACG6D,EAAK71D,EAAG1K,IAAI,QACTA,IAAI,MAAQzP,EAAIgwE,GAAMA,EAAG73D,GAAM,EAAGlY,EAAG,KAAa,MAAN+vE,EAAaA,EAAGr1D,EAAI,MAAQwxD,aAE9E,QACG7gB,EAAKnxC,EAAG1K,IAAI,QACTA,IAAI,MAAQzP,EAAIsrD,GAAMA,EAAG59C,GAAM,EAAGzN,EAAG,KAAQqrD,GAAMA,EAAG/+C,GAAM,IAAM4/D,aAExE,QACG7zD,EAAK6B,EAAG1K,IAAI,QACTA,IAAI,MAAQzP,EAAIsY,GAAMA,EAAG5K,GAAM,EAAGzN,EAAG,KAAQqY,GAAMA,EAAG8K,GAAM,IAAM+oD,aAExE,QACG8D,EAAK91D,EAAG1K,IAAI,QACTA,IAAI,MAAQzP,EAAIiwE,GAAMA,EAAG7sD,GAAM,EAAGnjB,EAAG,KAAQgwE,GAAMA,EAAG1jE,GAAM,IAAM4/D,MAI3EA,IAAYyD,UACNxB,EAAS9jC,MAAM0kC,UAClB,OACMv/D,IAAI,IAAK,KAAO0K,EAAG1K,IAAI,MAAQ,GAAI08D,aAEzC,QACGxxD,EAAIR,EAAG1K,IAAI,QACRA,IAAI,IAAK,KAAY,MAALkL,EAAYA,EAAI,KAAMwxD,aAE5C,QACGtgD,EAAI1R,EAAG1K,IAAI,QACRA,IAAI,IAAK,KAAY,MAALoc,EAAYA,EAAI,KAAMsgD,aAE5C,OACM18D,IAAI,IAAK,KAAO0K,EAAG1K,IAAI,MAAQ,GAAI08D,aAEzC,OACM18D,IAAI,IAAK,KAAO0K,EAAG1K,IAAI,MAAQ,GAAI08D,aAEzC,OACM18D,IAAI,IAAK,KAAO0K,EAAG1K,IAAI,MAAQ,GAAI08D,aAEzC,QACG1+D,EAAI0M,EAAG1K,IAAI,QACRA,IAAI,IAAK,KAAY,MAALhC,EAAYA,EAAI,KAAM0+D,KArH4CtsD,KAAK+hD,EAAOznD,EAAIgyD,cACpG,qBAyHWhyD,WAEd2b,EAAM3b,EAAG1K,IAAI,UACL2pC,KAAM82B,gBAAkBp6C,GAAO,IAAMA,EAAIu3C,KAAQ,kBACtDxtD,KAAK+hD,EAAOuO,GAAgBr6C,GAAOxtB,KAAK+jD,UAAmB,IAARv2B,EAAIroB,EAAW,IAAK,IAAO,GACvF,MAAOI,OA7HOgS,KAAK+hD,EAAOznD,YA+HHA,UACjBi0D,EAAS9jC,MAAM0kC,UAClB,MACGnvD,KAAK+hD,EAAOqN,EAAa,IAAIhB,GAAQ91D,EAAGgC,EAAG1K,IAAI,MAAQ,EAAGkL,EAAG,IAAKkR,EAAG,MAAOpc,IAAI,kBAEnF,QACA,QACGkL,EAAIR,EAAG1K,IAAI,OACRoQ,KAAK+hD,EAAOuN,EAAY,KAAY,MAALx0D,EAAYA,EAAI,gBAErD,QACGkR,EAAI1R,EAAG1K,IAAI,OACRoQ,KAAK+hD,EAAOsN,EAAiB,MAALrjD,EAAYA,EAAI,eAE9C,MACMhM,KAAK+hD,EAAOuN,EAAY7mE,KAAK+jD,WAAWlyC,EAAG1K,IAAI,MAAQ,GAAK,IAAM,IAAK,cAE7E,MACMoQ,KAAK+hD,EAAOuN,EAAY7mE,KAAK+jD,WAAWlyC,EAAG1K,IAAI,MAAQ,GAAK,IAAM,IAAK,cAE7E,MACMoQ,KAAK+hD,EAAOuN,EAAY7mE,KAAK+jD,WAAWlyC,EAAG1K,IAAI,MAAQ,GAAK,IAAM,UAGvEhC,EAAI0M,EAAG1K,IAAI,OACRoQ,KAAK+hD,EAAOwO,EAAY9nE,KAAK+jD,UAA8B,KAAlB,KAAO5+C,GAAK,IAAa,IAAK,KAvJ7DoS,KAAK+hD,EAAOznD,YAyJNA,UACjBi0D,EAAS9jC,MAAM0kC,UAClB,QACGvhE,EAAI0M,EAAG1K,IAAI,OACRoQ,KAAK+hD,EAAOyO,EAAY/nE,KAAK+jD,UAA8B,KAAlB,KAAO5+C,GAAK,IAAa,IAAK,cAE7E,QACG6iE,EAAMn2D,EAAG1K,IAAI,OACjB8gE,EAAiB,IAAItC,GAAQ91D,EAAIm4D,GAAOA,EAAIn4D,GAAM,EAAGwC,EAAG,IAAKkR,EAAU,MAAPykD,EAAcA,EAAIzkD,EAAI,QAClFhM,KAAK+hD,EAAOwN,EAAamB,EAAe9gE,IAAI,UACzCoQ,KAAK+hD,EAAO0N,EAAY,KAAc,MAAPgB,EAAcA,EAAIzkD,EAAI,QACrDhM,KAAK+hD,EAAOyO,EAAY/nE,KAAK+jD,UAA2C,KAA/B,KAAQikB,GAAOA,EAAI7iE,GAAM,IAAa,IAAK,cAE1F,QACG+iE,EAAMr2D,EAAG1K,IAAI,OACjBghE,EAAa,IAAIxC,GAAQ91D,EAAIq4D,GAAOA,EAAIr4D,GAAM,EAAGwC,EAAU,MAAP61D,EAAcA,EAAI71D,EAAI,IAAKkR,EAAG,QAC9EhM,KAAK+hD,EAAOwN,EAAaqB,EAAWhhE,IAAI,UACrCoQ,KAAK+hD,EAAOyO,EAAY/nE,KAAK+jD,UAA2C,KAA/B,KAAQmkB,GAAOA,EAAI/iE,GAAM,IAAa,IAAK,cAE1F,QACA,QACA,QACGsgE,EAAO5zD,EAAG1K,IAAI,QAChBihE,EAAS,EAAGC,EAAS,EACG,MAAxBvC,EAAS9jC,MAAM0kC,QACPjB,GAAQA,EAAKrgE,GAAM,IACnBqgE,GAAQA,EAAKxhE,GAAM,GACI,MAAxB6hE,EAAS9jC,MAAM0kC,QACdjB,GAAQA,EAAKrgE,GAAM,IACnBqgE,GAAQA,EAAK3qD,GAAM,GACI,MAAxBgrD,EAAS9jC,MAAM0kC,SACdjB,GAAQA,EAAK3qD,GAAM,IACnB2qD,GAAQA,EAAKxhE,GAAM,OAEzBqkE,EAASD,EAASD,EAASA,EAASC,IACjC9wD,KAAK+hD,EAAO0N,EAAYoB,EAASC,EAASroE,KAAK+jD,WAAYqkB,EAASC,IAAW,IAAMA,GAAW,IAAK,GAAK,KAC1G9wD,KAAK+hD,EAAO2N,EAAYoB,EAASD,EAASpoE,KAAK+jD,WAAYskB,EAASD,IAAW,IAAMA,GAAW,IAAK,GAAK,KAC1G7wD,KAAK+hD,EAAO4N,EAAYlnE,KAAK+jD,UAAWukB,EAAS,IAAO,IAAK,MAC7D/wD,KAAK+hD,EAAOyO,EAAY/nE,KAAK+jD,UAA6C,KAAjC,KAAQ0hB,GAAQA,EAAKtgE,GAAM,IAAa,IAAK,cAE5F,QACGA,EAAI0M,EAAG1K,IAAI,OACXoQ,KAAK+hD,EAAOwN,EAAaj1D,EAAG1K,IAAI,QAAU,YACvCoQ,KAAK+hD,EAAOyO,EAAiB,MAAL5iE,EAAY,EAAI,OACxCoS,KAAK+hD,EAAO6N,EAAiB,MAALhiE,EAAY,IAAM,KApMlCoS,KAAK+hD,EAAOznD,IAC5B,YAGI02D,EAAiB12D,EAAIgyD,OACrBxF,EAAUr8B,EAAVq8B,UACHwF,IAAYwD,GAA4B,MAAhBhJ,EAAOl3D,WAC7BqhE,EAAK32D,EAAG1K,IAAI,cACV2+D,EAAS9jC,MAAM0kC,UAClB,MACIv/D,IAAI,MAAQkL,EAAGm2D,EAAG9wE,EAAG6rB,EAAG,IAAMilD,EAAG7wE,GAAKksE,aAE1C,QACA,MACI18D,IAAI,MAAQ0I,EAAG24D,EAAG9wE,EAAG6rB,EAAG,IAAMilD,EAAG7wE,GAAKksE,aAE1C,MACI18D,IAAI,MAAQ0I,EAAG24D,EAAG9wE,EAAG2a,EAAG,IAAMm2D,EAAG7wE,GAAKksE,aAE1C,MACI18D,IAAI,MAAQlD,EAAG,IAAMukE,EAAG7wE,EAAGyN,EAAGojE,EAAG9wE,GAAKmsE,aAE1C,MACI18D,IAAI,MAAQ2T,EAAG,IAAM0tD,EAAG7wE,EAAGyN,EAAGojE,EAAG9wE,GAAKmsE,aAE1C,MACI18D,IAAI,MAAQ2T,EAAG0tD,EAAG9wE,EAAGuM,EAAG,IAAMukE,EAAG7wE,GAAKksE,cAKxC4E,EAAsB52D,EAAIgyD,OAC1BxF,EAAUr8B,EAAVq8B,UACHwF,IAAYyD,IAA4B,MAAhBjJ,EAAOl3D,aAC3B2+D,EAAS9jC,MAAM0kC,UAClB,MACIv/D,IAAI,KAAO0I,EAAG,IAAMgC,EAAG1K,IAAI,MAAQ08D,aAEvC,MACI18D,IAAI,KAAOkL,EAAG,IAAMR,EAAG1K,IAAI,MAAQ08D,aAEvC,MACI18D,IAAI,KAAOoc,EAAG,IAAM1R,EAAG1K,IAAI,MAAQ08D,aAEvC,MACI18D,IAAI,KAAO2T,EAAG,IAAMjJ,EAAG1K,IAAI,MAAQ08D,aAEvC,MACI18D,IAAI,KAAOlD,EAAG,IAAM4N,EAAG1K,IAAI,MAAQ08D,aAEvC,MACI18D,IAAI,KAAO/B,EAAG,IAAMyM,EAAG1K,IAAI,MAAQ08D,aAEvC,MACI18D,IAAI,IAAK,IAAM0K,EAAG1K,IAAI,KAAM08D,aAmJ9B6E,EAAO1zC,EAAI3vB,KACfyrC,KAAK82B,gBAAkBviE,GAAkB,IAAbA,EAAE1Q,QAAgB,IAAM0Q,GAAM,yBAEtDsjE,EAAQt8C,EAAK2B,GAChBm4C,IAAkBn4C,EAAIjsB,SAAS,iBAAmBisB,EAAIjsB,SAAS,aAAeisB,EAAIjsB,SAAS,gBACzFqE,KAAK,SAAU4nB,KACf8iB,KAAM83B,gBAAiB,OAAQ3/C,OAAQ,2DAA8D+E,EAAM,8BAC1G3B,EAAIykB,KAAM83B,gBAAiB,QAAW56C,EAAM,gBAE5C66C,EAAWx8C,EAAK10B,KACnBm5C,KAAMtF,IAAK7zC,EAAI,gBAEZmxE,EAAU/hE,EAAKg1C,QAClBjL,KAAMi4B,WAAYhtB,EAAQ,EAAI,UAAY,WAC1CA,EAAQ,GAAKA,EAAQ,OACnBoqB,EAAe,KACXn4C,EAAMjnB,EAAIX,KAAK,UACV,MAAP4nB,IACFA,EAAIjsB,SAAS,iBAAmBisB,EAAIjsB,SAAS,aAAeisB,EAAIjsB,SAAS,eAErE+uC,KAAM7nB,OAAQ,2DAA8D+E,EAAM,4EAAiF+tB,EAAQ,MAC1Kh1C,EAAI+pC,KAAM1hB,QAASpvB,KAAK+jD,UAAUhI,EAAQ,IAAK,UACjDh1C,EAAI+pC,KAAM1hB,QAASpvB,KAAK+jD,UAAUhI,EAAQ,IAAK,UACjD,GAAc,IAAVA,GAAyB,MAAVA,KACpBoqB,EAAe,KACXn4C,EAAMjnB,EAAIX,KAAK,UACV,MAAP4nB,IACFA,EAAIjsB,SAAS,iBAAmBisB,EAAIjsB,SAAS,aAAeisB,EAAIjsB,SAAS,eAErE+uC,KAAM7nB,OAAQ,2DAA8D+E,EAAM,6BACjFjnB,EAAI+pC,KAAM1hB,QAAS,UACrBroB,EAAI+pC,KAAM1hB,QAAS,cAIrB45C,MACD3K,OAAOl3D,IAAI,OAAQ66B,EAAMgkC,QAAQ7+D,IAAI,kBAMpC8hE,EAAc1jE,KACnBxP,MAAMuiD,QAAQ,eAAevhC,KAAK,uBAAyBxR,EAAE3Q,OAAO0R,MAAQ,MAAM0wD,WAAW,aAClFz/C,KAAK+hD,EAAO/zD,EAAE3Q,OAAO0R,gBAE3B4iE,MACK3xD,KAAK+hD,YAEVI,MACKniD,KAAK+hD,KACR5kE,OAAOuxE,YAAcnxB,EAAKv9B,KAAK+hD,GACd,mBAAnBD,IAAiCA,GAAe9hD,KAAK+hD,EAAOt3B,EAAMq8B,OAAQ8K,aAE1E1P,kBAdDuM,QAAQ7+D,IAAI,OAAQ66B,EAAMq8B,OAAOl3D,IAAI,WAe/BoQ,KAAK+hD,KACR5kE,OAAOuxE,YAAcnxB,EAAKv9B,KAAK+hD,GACd,mBAAnB8P,IAAiCA,GAAe7xD,KAAK+hD,EAAOt3B,EAAMq8B,OAAQgL,aAE1EC,MACF/xD,KAAK+hD,YAEHiQ,EAAqB13D,EAAIgyD,OAC1BkB,EAAMlzD,EAAG1K,IAAI,UACJ2pC,KAAM82B,gBAAkB7C,GAAO,IAAMA,GAAQ,kBACnDxtD,KAAK+hD,EAAOkQ,GAAgBxpE,KAAK+jD,UAAgC,KAApBlyC,EAAG1K,IAAI,MAAQ,GAAY,IAAK,aAE/EsiE,EAAwB53D,EAAIgyD,OAC7BkB,EAAMlzD,EAAG1K,IAAI,OACbuiE,EAAK73D,EAAG1K,IAAI,SACR2pC,KAAM82B,gBAAkB7C,GAAO,IAAMA,GAAQ,kBAC9CxtD,KAAK+hD,EAAOqQ,GAAW3pE,KAAK+jD,UAAyC,KAA7B,KAAQ2lB,GAAMA,EAAGvkE,GAAM,IAAa,IAAK,IACtF2gE,EAASpxE,OAAOk1E,aAAe9D,EAASpxE,OAAOm1E,oBACxCn1E,OAAOyvB,MAAM2sB,qBACFi0B,GAAO,IAAMA,GAAQ,oBAC1B,MAAN2E,GAAcA,EAAGnmD,EAAI,GAAK,UAAY,qBAI1CumD,EAAkBvkE,KAGTiL,SAAS0wB,EAAU4P,IAAI,WACvBtgC,SAAS0wB,EAAU4P,IAAI,UAC1BvrC,EAAEykC,QACFzkC,EAAE0kC,QAEbl1C,UAAUiI,KAAK,YAAa+sE,GAAmB/sE,KAAK,UAAWgtE,KAC/Dl1E,0BAEKi1E,EAAmBxkE,YAChBurC,KAAMnF,KAAMs+B,GAAiBC,EAAa3kE,EAAEykC,OAAS,KAAMwB,IAAK2+B,GAAiBC,EAAa7kE,EAAE0kC,OAAS,OAC/G67B,EAASpxE,OAAOuxE,aAAe5kE,EAAEgpE,QAAQC,UAAUppC,EAAU9xB,OAAO0hC,KAAMnF,KAAMzK,EAAU4P,IAAI,QAAStF,IAAKtK,EAAU4P,IAAI,WAC5HyrB,oBACAznE,kBACK,WAEAk1E,EAAiBzkE,YACtBxQ,UAAU47C,OAAO,YAAao5B,GAAmBp5B,OAAO,UAAWq5B,KACnEzN,oBACAznE,kBACK,WAEAy1E,EAAkBhlE,YACvBzQ,mBACAynE,oBACI8B,OAAOl3D,IAAI,OAAQ9F,EAAEtL,MAAMqQ,KAAK,UAAY,KAAMb,EAAE3Q,SACnD,WAEAwjB,aAEEoyD,OACF1E,EAASpxE,OAAOuxE,aAAc5kE,EAAEgpE,QAAQC,cACvCG,EAAQvpC,EAAUnqB,KAAK,iBACnBqT,OAAO,eACPhb,OAAO0hC,KAAK5sC,MAAOumE,EAAMvmE,QAASJ,OAAQo9B,EAAUp9B,SAAUsrB,QAAS,EAAGgxC,SAAU,WAAYz0B,KAAMzK,EAAU4P,IAAI,QAAStF,IAAKtK,EAAU4P,IAAI,mBALtJk1B,QAAQ7+D,IAAI,OAAQ66B,EAAMq8B,OAAOl3D,IAAI,SAOvC2+D,EAASpxE,OAAOuxE,eAChBlxE,SAASuuC,MAAMta,SAAS,yBAAyB8nB,KAAK45B,OAAQ,OACtD55B,KAAK45B,OAAQ,MAEjB5E,EAASpxE,OAAOypE,QAAQhqE,UAC3B,SACOsuE,OAAOqD,EAASpxE,OAAOypE,QAAQC,MAAMhmD,KAAMoyD,aAElD,UACOG,UAAU7E,EAASpxE,OAAOypE,QAAQC,MAAMhmD,KAAMoyD,aAErD,iBAEOpyD,KAAK0tD,EAASpxE,OAAOypE,QAAQC,MAAMhmD,KAAMoyD,aAI9C11B,aACE81B,IACH9E,EAASpxE,OAAOuxE,YAAY/kC,EAAU4P,KAAM45B,OAAQ,KACnD5E,EAASpxE,OAAOuxE,aAAc5kE,EAAEgpE,QAAQC,YACnCl7D,OAAO1L,gBAEXoiE,EAASpxE,OAAOypE,QAAQhqE,UAC3B,SACO4uE,QAAQ+C,EAASpxE,OAAOypE,QAAQC,MAAMtpB,KAAM81B,aAEnD,UACOC,QAAQ/E,EAASpxE,OAAOypE,QAAQC,MAAMtpB,KAAM81B,aAEnD,iBAEO91B,KAAKgxB,EAASpxE,OAAOypE,QAAQC,MAAMtpB,KAAM81B,aAI9CE,QACD9I,EAAM8D,EAASpxE,OACnBq2E,EAAQ/I,EAAIiE,WAAa5kE,EAAEi4D,GAAO9iD,OAAOO,KAAK,oBAAsB,QAC1DirD,EAAIiE,WAAa5kE,EAAE,UAAYA,EAAEi4D,IACnCM,SAAS,qBACfoI,EAAIiE,YAAY/kC,EAAU4T,SACpBixB,IAAI,GAAGiF,cAAgB,SAAU/Y,MAAqD,UAAxCA,EAAMr9D,OAAOysB,SAAS7rB,cAA2B,OAAO,OAG1Gg4B,EAAMwU,EAAMq8B,OAAOl3D,IAAI,OACzB66D,EAAIiJ,eAAiB,EAAGjJ,EAAIiJ,eAAiB,EACxCjJ,EAAIiJ,eAAiB,IAAGjJ,EAAIiJ,eAAiB,OAChDC,EAAc,kEAAoElJ,EAAIiE,WAAa,oDAAsD,IAAM,0CAA4CjE,EAAIxyC,OAAS27C,EAAa7nE,KAAKksB,OAAS,mIAAqI0jB,EAAO+mB,WAAa/mB,EAAOm0B,SAASrD,MAAM9O,KAAO,0QAA4QhiB,EAAO+mB,WAAa/mB,EAAOo0B,SAAStD,MAAM9O,KAAO,+DAAiEiW,EAAa7nE,KAAK8nE,SAAW,oCAAsCD,EAAaE,SAASC,OAAOF,SAAW,+CAAiDD,EAAaE,SAASC,OAAOC,aAAe,wBAA0BJ,EAAa7nE,KAAKioE,aAAe,8EAAgFJ,EAAa7nE,KAAKojD,GAAK,YAAcykB,EAAaE,SAASG,QAAQ9kB,GAAK,iDAAmDykB,EAAa7nE,KAAKmjD,OAAS,YAAc0kB,EAAaE,SAASG,QAAQ/kB,OAAS,mGAAqG0kB,EAAaE,SAASI,IAAIC,MAAQ,mCAA6D,MAAxB5F,EAAS9jC,MAAM0kC,KAAe,qBAAuB,IAAM,8EAAuF,MAAPl5C,EAAcA,EAAI3d,EAAI,IAAM,YAAcs7D,EAAaE,SAASI,IAAIE,QAAU,kFAAoFR,EAAaE,SAASO,WAAWF,MAAQ,mCAA6D,MAAxB5F,EAAS9jC,MAAM0kC,KAAe,qBAAuB,IAAM,8EAAuF,MAAPl5C,EAAcA,EAAInb,EAAI,IAAM,YAAc84D,EAAaE,SAASO,WAAWD,QAAU,yEAA2ER,EAAaE,SAAS/kE,MAAMolE,MAAQ,mCAA6D,MAAxB5F,EAAS9jC,MAAM0kC,KAAe,qBAAuB,IAAM,wFAAiG,MAAPl5C,EAAcA,EAAIjK,EAAI,IAAM,YAAc4nD,EAAaE,SAAS/kE,MAAMqlE,QAAU,iFAAmFR,EAAaE,SAASQ,IAAIH,MAAQ,mCAA6D,MAAxB5F,EAAS9jC,MAAM0kC,KAAe,qBAAuB,IAAM,8EAAuF,MAAPl5C,EAAcA,EAAI1S,EAAI,IAAM,YAAcqwD,EAAaE,SAASQ,IAAIF,QAAU,kEAAoER,EAAaE,SAASS,MAAMJ,MAAQ,mCAA6D,MAAxB5F,EAAS9jC,MAAM0kC,KAAe,qBAAuB,IAAM,8EAAuF,MAAPl5C,EAAcA,EAAIvpB,EAAI,IAAM,YAAcknE,EAAaE,SAASS,MAAMH,QAAU,iEAAmER,EAAaE,SAASU,KAAKL,MAAQ,mCAA6D,MAAxB5F,EAAS9jC,MAAM0kC,KAAe,qBAAuB,IAAM,8EAAuF,MAAPl5C,EAAcA,EAAIpoB,EAAI,IAAM,YAAc+lE,EAAaE,SAASU,KAAKJ,QAAU,qDAAuD3J,EAAI1D,aAAe,iBAAmB6M,EAAaE,SAAStvB,MAAM2vB,MAAQ,mCAA6D,MAAxB5F,EAAS9jC,MAAM0kC,KAAe,qBAAuB,IAAM,eAAiB,UAAY,0BAA4B1E,EAAI1D,aAAe,kCAAoC,EAAI0D,EAAIiJ,gBAAkB,aAAsB,MAAPz9C,EAAcxtB,KAAK+jD,UAAmB,IAARv2B,EAAIroB,EAAW,IAAK68D,EAAIiJ,gBAAkB,IAAM,YAAcE,EAAaE,SAAStvB,MAAM4vB,QAAU,aAAe,UAAY,wEAA0ER,EAAaE,SAAStG,IAAI4G,QAAU,4DAAqE,MAAPn+C,EAAcA,EAAIu3C,IAAM,IAAM,eAAiB/C,EAAI1D,aAAe,yDAAkE,MAAP9wC,EAAcA,EAAIo3C,KAAKz9C,UAAU,GAAK,IAAM,YAAcgkD,EAAaE,SAAStG,IAAIhpB,MAAQ,WAAa,UAAY,wBAC57IimB,EAAIiE,cACIpM,KAAKqR,GACV7pE,EAAEtM,SAASuuC,MAAMta,SAAS,yBAAyBr0B,SAGpDI,SAASuuC,MAAMta,SAAS,8BAA8BiG,MAAMiS,KAF5DnsC,SAASuuC,MAAMgW,QAAQpY,KAIjBuI,UACR,aACI10C,SAASuuC,MAAMta,SAAS,yBAAyB8nB,KAAK45B,OAAQ,OACtD55B,KAAK45B,OAAQ,SAEjB55B,UAGe,SAAnBkxB,EAAI5B,SAAS1oE,EACRqzE,EAAM5/C,SAASwgB,KAAO,KAA0B,WAAnBq2B,EAAI5B,SAASzoE,EAAiB,GAAK,GAAM,KACpD,WAAnBqqE,EAAI5B,SAAS1oE,EACVqzE,EAAM5/C,SAASwgB,KAAO,IAAO,KACX,UAAnBq2B,EAAI5B,SAAS1oE,EACVqzE,EAAM5/C,SAASwgB,KAAO,IAAyB,WAAnBq2B,EAAI5B,SAASzoE,EAAiB,GAAK,GAAM,KACnD,iBAAnBqqE,EAAI5B,SAAS1oE,GACT2J,EAAEtM,UAAUmP,SAAW,GAAK,IAAO,KACpC6mE,EAAM5/C,SAASwgB,KAAOn7B,SAASwxD,EAAI5B,SAAS1oE,GAAM,cACrD,eACc,QAAnBsqE,EAAI5B,SAASzoE,EACbozE,EAAM5/C,SAASqgB,IAAM,IAAO,KACV,WAAnBw2B,EAAI5B,SAASzoE,EACVozE,EAAM5/C,SAASqgB,IAAM,IAAO,KACV,WAAnBw2B,EAAI5B,SAASzoE,EACVozE,EAAM5/C,SAASqgB,IAAM,GAAM,KAC3Bu/B,EAAM5/C,SAASqgB,IAAMh7B,SAASwxD,EAAI5B,SAASzoE,GAAM,WAGlD0J,EAAEi4D,IACJO,KAAKqR,OAGXc,EAAQ9qC,EAAUnqB,KAAK,iBACfi1D,EAAMj1D,KAAK,mBACXi1D,EAAMj1D,KAAK,qBACnBk1D,EAAUtF,EAAY5vD,KAAK,QAC3Bm1D,EAAUpF,EAAY/vD,KAAK,UACpBk1D,EAAQhjD,OAAO,iBACfgjD,EAAQhjD,OAAO,iBACfgjD,EAAQhjD,OAAO,iBACfijD,EAAQjjD,OAAO,iBACfijD,EAAQjjD,OAAO,iBACfijD,EAAQjjD,OAAO,iBACfijD,EAAQjjD,OAAO,iBACfijD,EAAQjjD,OAAO,iBACfijD,EAAQjjD,OAAO,kBAEjB,IAAIi6C,EAAOyD,cAGTzzB,EAAOm0B,SAASnjE,aACfgvC,EAAOm0B,SAASvjE,qBAGjBovC,EAAO+mB,WAAa/mB,EAAOm0B,SAASrD,MAAM9O,WAC1ChiB,EAAOm0B,SAASrD,MAAM9/D,aACrBgvC,EAAOm0B,SAASrD,MAAMlgE,WAI3B9G,KAAKurE,OACH,IAAIrF,EAAO4D,cAGT5zB,EAAOo0B,SAASpjE,aACfgvC,EAAOo0B,SAASxjE,qBAGjBovC,EAAO+mB,WAAa/mB,EAAOo0B,SAAStD,MAAM9O,WAC1ChiB,EAAOo0B,SAAStD,MAAM9/D,aACrBgvC,EAAOo0B,SAAStD,MAAMlgE,WAI3B9G,KAAKyrE,MACA,aA/zCO0D,EAAQnqC,EAAOoqC,EAAWnB,OAC7C3R,EAAQvjE,KACRs2E,EAASF,EAAOp1D,KAAK,0BAElBu1D,EAAS/mE,MACO,KAAnBA,EAAE3Q,OAAO0R,OAAgBf,EAAE3Q,SAAWmwE,EAAIgB,IAAI,KAAqB,MAAbqG,GAAqB7mE,EAAE3Q,SAAWw3E,EAAUrG,IAAI,KAAoB,MAAbqG,OAC5GG,EAAYhnE,GAAI,OAAOA,SACpBA,EAAE3Q,aACLi3E,EAAI9F,IAAI,UACHxgE,EAAEs8D,cACL,YACC16D,IAAIqlE,EAAgBj1D,KAAK+hD,EAA0B,GAAlBuS,EAAI1kE,OAAS,GAAQ,EAAG,QACvDA,IAAI,IAAK0kE,EAAI1kE,MAAO5B,EAAE3Q,SACrB,OACJ,YACCuS,IAAIqlE,EAAgBj1D,KAAK+hD,GAAQuS,EAAI1kE,OAAS,GAAK,EAAG,EAAG,QACvDA,IAAI,IAAK0kE,EAAI1kE,MAAO5B,EAAE3Q,SACrB,aAGNk3E,EAAM/F,IAAI,UACLxgE,EAAEs8D,cACL,YACG16D,IAAIqlE,EAAgBj1D,KAAK+hD,EAA4B,GAApBwS,EAAM3kE,OAAS,GAAQ,EAAG,QAC3DA,IAAI,IAAK2kE,EAAM3kE,MAAO5B,EAAE3Q,SACvB,OACJ,YACGuS,IAAIqlE,EAAgBj1D,KAAK+hD,GAAQwS,EAAM3kE,OAAS,GAAK,EAAG,EAAG,QAC3DA,IAAI,IAAK2kE,EAAM3kE,MAAO5B,EAAE3Q,SACvB,aAGNm3E,EAAKhG,IAAI,UACJxgE,EAAEs8D,cACL,YACE16D,IAAIqlE,EAAgBj1D,KAAK+hD,EAA2B,GAAnByS,EAAK5kE,OAAS,GAAQ,EAAG,QACzDA,IAAI,IAAK4kE,EAAK5kE,MAAO5B,EAAE3Q,SACtB,OACJ,YACEuS,IAAIqlE,EAAgBj1D,KAAK+hD,GAAQyS,EAAK5kE,OAAS,GAAK,EAAG,EAAG,QACzDA,IAAI,IAAK4kE,EAAK5kE,MAAO5B,EAAE3Q,SACtB,aAGNmnD,GAASA,EAAMgqB,IAAI,UACdxgE,EAAEs8D,cACL,YACG16D,IAAIqlE,EAAgBj1D,KAAK+hD,EAAOxwD,WAAWizC,EAAM50C,OAAS,EAAG,EAAG,QAChEA,IAAI,IAAKnH,KAAK+jD,UAAyB,IAAdhI,EAAM50C,MAAe,IAAK8jE,GAAiB1lE,EAAE3Q,SACrE,OACJ,YACGuS,IAAIqlE,EAAgBj1D,KAAK+hD,EAAOxwD,WAAWizC,EAAM50C,OAAS,EAAG,EAAG,QAChEA,IAAI,IAAKnH,KAAK+jD,UAAyB,IAAdhI,EAAM50C,MAAe,IAAK8jE,GAAiB1lE,EAAE3Q,SACrE,aAGN62E,EAAI1F,IAAI,UACHxgE,EAAEs8D,cACL,YACC16D,IAAIqlE,EAAgBj1D,KAAK+hD,EAA0B,GAAlBmS,EAAItkE,OAAS,GAAQ,EAAG,QACvDA,IAAI,IAAKskE,EAAItkE,MAAO5B,EAAE3Q,SACrB,OACJ,YACCuS,IAAIqlE,EAAgBj1D,KAAK+hD,GAAQmS,EAAItkE,OAAS,GAAK,EAAG,EAAG,QACvDA,IAAI,IAAKskE,EAAItkE,MAAO5B,EAAE3Q,SACrB,aAGNg3E,EAAW7F,IAAI,UACVxgE,EAAEs8D,cACL,YACQ16D,IAAIqlE,EAAgBj1D,KAAK+hD,EAAiC,GAAzBsS,EAAWzkE,OAAS,GAAQ,EAAG,QACrEA,IAAI,IAAKykE,EAAWzkE,MAAO5B,EAAE3Q,SAC5B,OACJ,YACQuS,IAAIqlE,EAAgBj1D,KAAK+hD,GAAQsS,EAAWzkE,OAAS,GAAK,EAAG,EAAG,QACrEA,IAAI,IAAKykE,EAAWzkE,MAAO5B,EAAE3Q,SAC5B,aAGN0R,EAAMy/D,IAAI,UACLxgE,EAAEs8D,cACL,YACG16D,IAAIqlE,EAAgBj1D,KAAK+hD,EAA4B,GAApBhzD,EAAMa,OAAS,GAAQ,EAAG,QAC3DA,IAAI,IAAKb,EAAMa,MAAO5B,EAAE3Q,SACvB,OACJ,YACGuS,IAAIqlE,EAAgBj1D,KAAK+hD,GAAQhzD,EAAMa,OAAS,GAAK,EAAG,EAAG,QAC3DA,IAAI,IAAKb,EAAMa,MAAO5B,EAAE3Q,SACvB,cAMJ63E,EAAOlnE,MACS,KAAnBA,EAAE3Q,OAAO0R,OAAgBf,EAAE3Q,SAAWmwE,EAAIgB,IAAI,KACjC,MAAbqG,GAAqB7mE,EAAE3Q,SAAWw3E,EAAUrG,IAAI,KACrC,MAAbqG,OACGG,EAAYhnE,GAAI,OAAOA,SACpBA,EAAE3Q,aACLi3E,EAAI9F,IAAI,KACP5+D,IAAIqlE,EAAgBj1D,KAAK+hD,EAAOuS,EAAI1kE,MAAO,EAAG,QAC5CA,IAAI,IAAK0kE,EAAI1kE,MAAO5B,EAAE3Q,mBAEzBk3E,EAAM/F,IAAI,KACP5+D,IAAIqlE,EAAgBj1D,KAAK+hD,EAAOwS,EAAM3kE,MAAO,EAAG,QAChDA,IAAI,IAAK2kE,EAAM3kE,MAAO5B,EAAE3Q,mBAE3Bm3E,EAAKhG,IAAI,KACP5+D,IAAIqlE,EAAgBj1D,KAAK+hD,EAAOyS,EAAK5kE,MAAO,EAAG,QAC9CA,IAAI,IAAK4kE,EAAK5kE,MAAO5B,EAAE3Q,mBAE1BmnD,GAASA,EAAMgqB,IAAI,KAChB5+D,IAAIqlE,EAAgBj1D,KAAK+hD,EAAOvd,EAAM50C,MAAO,EAAG,QAChDA,IAAI,IAAKnH,KAAK+jD,UAAyB,IAAdhI,EAAM50C,MAAe,IAAK8jE,GAAiB1lE,EAAE3Q,mBAEzE62E,EAAI1F,IAAI,KACP5+D,IAAIqlE,EAAgBj1D,KAAK+hD,EAAOmS,EAAItkE,MAAO,EAAG,QAC5CA,IAAI,IAAKskE,EAAItkE,MAAO5B,EAAE3Q,mBAEzBg3E,EAAW7F,IAAI,KACP5+D,IAAIqlE,EAAgBj1D,KAAK+hD,EAAOsS,EAAWzkE,MAAO,EAAG,QAC1DA,IAAI,IAAKykE,EAAWzkE,MAAO5B,EAAE3Q,mBAEhC0R,EAAMy/D,IAAI,KACP5+D,IAAIqlE,EAAgBj1D,KAAK+hD,EAAOhzD,EAAMa,MAAO,EAAG,QAChDA,IAAI,IAAKb,EAAMa,MAAO5B,EAAE3Q,mBAE3BmwE,EAAIgB,IAAI,KACP5+D,IAAI49D,EAAI59D,MAAMmB,QAAQ,gBAAiB,IAAI9S,cAAc2xB,UAAU,EAAG,OAC7DilD,EAAUjlE,IAAI49D,EAAI59D,SACzBA,IAAI,MAAqB,KAAd49D,EAAI59D,MAAe49D,EAAI59D,MAAQ,KAAM5B,EAAE3Q,mBAErDw3E,GAAaA,EAAUrG,IAAI,KACpB5+D,IAAIilE,EAAUjlE,MAAMmB,QAAQ,gBAAiB,IAAI9S,cAAc2xB,UAAU,EAAG,MAClFhgB,IAAIilE,EAAUjlE,SACZA,IAAI,MAA2B,KAApBilE,EAAUjlE,MAAeilE,EAAUjlE,MAAQ,KAAM5B,EAAE3Q,mBAEjEgwE,GAAQA,EAAKmB,IAAI,KACf5+D,IAAIy9D,EAAKz9D,MAAMmB,QAAQ,gBAAiB,IAAI9S,cAAc2xB,UAAU,EAAG,MACtEhgB,IAAI,IAAmB,MAAdy9D,EAAKz9D,MAAgBqJ,SAASo0D,EAAKz9D,MAAO,IAAM,KAAM5B,EAAE3Q,mBAKlEo8C,EAAMzrC,MACM,MAAfy8B,EAAM76B,aACA5B,EAAE3Q,aACLi3E,EAAI9F,IAAI,KAAQ5+D,IAAI66B,EAAM76B,IAAI,MAAO,WACrC2kE,EAAM/F,IAAI,KAAU5+D,IAAI66B,EAAM76B,IAAI,MAAO,WACzC4kE,EAAKhG,IAAI,KAAS5+D,IAAI66B,EAAM76B,IAAI,MAAO,WACvC40C,GAASA,EAAMgqB,IAAI,KAAU5+D,IAAInH,KAAK+jD,UAA4B,IAAjB/hB,EAAM76B,IAAI,KAAc,IAAK8jE,IAAkB,WAChGQ,EAAI1F,IAAI,KAAQ5+D,IAAI66B,EAAM76B,IAAI,MAAO,WACrCykE,EAAW7F,IAAI,KAAe5+D,IAAI66B,EAAM76B,IAAI,MAAO,WACnDb,EAAMy/D,IAAI,KAAU5+D,IAAI66B,EAAM76B,IAAI,MAAO,WACzC49D,EAAIgB,IAAI,QACRqG,GAAaA,EAAUrG,IAAI,KAC1B5+D,IAAI66B,EAAM76B,IAAI,WACLilE,EAAUjlE,IAAI66B,EAAM76B,IAAI,mBAElCy9D,GAAQA,EAAKmB,IAAI,KAAS5+D,IAAI66B,EAAM76B,IAAI,QAAQggB,UAAU,cAI1DolD,EAAahnE,UACZA,EAAEs8D,cACL,OACA,QACA,QACA,QACA,UACI,MACJ,IAAIp9C,iBACJ,IAAIA,gBACHlf,EAAEgoD,QAAS,OAAO,SAEjB,WAGAif,EAAiBlmE,EAAO4J,EAAKE,SACtB,KAAV9J,GAAgBxI,MAAMwI,GAAe4J,EACrC5J,EAAQ8J,EAAYA,EACpB9J,EAAQ4J,EAAYA,EACjB5J,WAEAomE,EAAc76D,EAAIgyD,OACnBr2C,EAAM3b,EAAG1K,IAAI,OACf08D,IAAYgI,EAAI9F,IAAI,IAAI8F,EAAI1kE,IAAW,MAAPqmB,EAAcA,EAAI1S,EAAI,IACtD+oD,IAAYiI,EAAM/F,IAAI,IAAI+F,EAAM3kE,IAAW,MAAPqmB,EAAcA,EAAIvpB,EAAI,IAC1D4/D,IAAYkI,EAAKhG,IAAI,IAAIgG,EAAK5kE,IAAW,MAAPqmB,EAAcA,EAAIpoB,EAAI,IACxD22C,GAAS8nB,IAAY9nB,EAAMgqB,IAAI,IAAIhqB,EAAM50C,IAAW,MAAPqmB,EAAcxtB,KAAK+jD,UAAmB,IAARv2B,EAAIroB,EAAW,IAAK8lE,GAAkB,IACjHpH,IAAY4H,EAAI1F,IAAI,IAAI0F,EAAItkE,IAAW,MAAPqmB,EAAcA,EAAI3d,EAAI,IACtDg0D,IAAY+H,EAAW7F,IAAI,IAAI6F,EAAWzkE,IAAW,MAAPqmB,EAAcA,EAAInb,EAAI,IACpEwxD,IAAYv9D,EAAMy/D,IAAI,IAAIz/D,EAAMa,IAAW,MAAPqmB,EAAcA,EAAIjK,EAAI,IAC1DsgD,IAAYkB,EAAIgB,IAAI,KAAQqG,GAAavI,IAAYuI,EAAUrG,IAAI,KAAQqG,IAAYrH,EAAI59D,IAAW,MAAPqmB,EAAcA,EAAIu3C,IAAM,IACvHqH,GAAavI,IAAYuI,EAAUrG,IAAI,IAAMlC,IAAYkB,EAAIgB,IAAI,IAAIqG,EAAUjlE,IAAW,MAAPqmB,EAAcA,EAAIu3C,IAAM,IAC3GH,GAAQf,IAAYe,EAAKmB,IAAI,IAAInB,EAAKz9D,IAAW,MAAPqmB,EAAcA,EAAIo3C,KAAKz9C,UAAU,GAAK,QAkBpF0kD,EAAMQ,EAAO1J,GAAG,GAChBmJ,EAAQO,EAAO1J,GAAG,GAClBoJ,EAAOM,EAAO1J,GAAG,GACjB5mB,EAAQswB,EAAO13E,OAAS,EAAI03E,EAAO1J,GAAG,GAAK,KAC3C8I,EAAMY,EAAO1J,GAAG,GAChBiJ,EAAaS,EAAO1J,GAAG,GACvBr8D,EAAQ+lE,EAAO1J,GAAG,GAClBoC,EAAMsH,EAAO1J,GAAG0J,EAAO13E,OAAS,EAAI,EAAI,GACxCiwE,EAAOyH,EAAO13E,OAAS,EAAI03E,EAAO1J,GAAG,GAAK,OAC1C5nC,QAAO,EAAMu+B,wBAvBT1f,IAAIkyB,GAAOlyB,IAAImyB,GAAMnyB,IAAImC,GAAOnC,IAAI6xB,GAAK7xB,IAAIgyB,GAAYhyB,IAAItzC,GAAOszC,IAAImrB,GAAKnrB,IAAIwyB,GAAWxyB,IAAIgrB,GAAMj0B,OAAO,QAAS87B,GAAO97B,OAAO,OAAQK,KAC5I4I,IAAIkyB,GAAOlyB,IAAImyB,GAAMnyB,IAAImC,GAAOnC,IAAI6xB,GAAK7xB,IAAIgyB,GAAYhyB,IAAItzC,GAAOqqC,OAAO,UAAW27B,KACpF37B,OAAO+7B,KACP,OACE,OACD,OACC,OACF,OACO,OACL,OACF,OACC,UAgBL9yB,IAAIkyB,GAAOlyB,IAAImyB,GAAMnyB,IAAImC,GAAOnC,IAAI6xB,GAAK7xB,IAAIgyB,GAAYhyB,IAAItzC,GAAOszC,IAAImrB,GAAKnrB,IAAIwyB,GAAWxyB,IAAIgrB,GAAM5nE,KAAK,QAASyvE,GAAOzvE,KAAK,OAAQg0C,KACxI4I,IAAIkyB,GAAOlyB,IAAImyB,GAAMnyB,IAAImC,GAAOnC,IAAI6xB,GAAK7xB,IAAIgyB,GAAYhyB,IAAItzC,GAAOtJ,KAAK,UAAWsvE,KAClFtvE,KAAK0vE,GAylCO,CACZV,EACAhqC,EAAMq8B,OACN2D,EAAIiE,YAAcjE,EAAI4H,YAAc5H,EAAI79C,MAAQ,KAAM69C,EAAIiJ,oBAEtDlG,EAAa,MAAPv3C,EAAcA,EAAIu3C,IAAM,KAClC4H,EAAUX,EAAMj1D,KAAK,YACrB4yB,EAASqiC,EAAMj1D,KAAK,iBACN41D,EAAQ51D,KAAK,iBAAiB+5B,KAAM82B,gBAAkB7C,GAAO,IAAMA,GAAQ,mBAC1E4H,EAAQ51D,KAAK,kBAAkB+5B,KAAM82B,gBAAkB7C,GAAO,IAAMA,GAAQ,gBAAiB/nE,KAAK,QAASksE,KACnH3xD,KAAK+hD,EAAOkQ,GAAgBxpE,KAAK+jD,UAAmC,IAAzB/hB,EAAMgkC,QAAQ7+D,IAAI,MAAc,IAAK,MAC9EwiC,EAAO5yB,KAAK,aAAa/Z,KAAK,QAASy8D,MACnC9vB,EAAO5yB,KAAK,iBAAiB/Z,KAAK,QAAS08D,MACnD/vB,EAAO5yB,KAAK,0BACR,aACFQ,KAAK+hD,EAAOsN,EAAY1zB,EAAO+mB,WAAa,cAC5C1iD,KAAK+hD,EAAOuN,EAAY3zB,EAAO+mB,WAAa,cAC5C1iD,KAAK+hD,EAAOwO,EAAY50B,EAAO+mB,WAAa,qBAC5C1iD,KAAK+hD,EAAOyN,EAAY7zB,EAAO+mB,WAAa,cAC5C1iD,KAAK+hD,EAAO0N,EAAY9zB,EAAO+mB,WAAa,cAC5C1iD,KAAK+hD,EAAO2N,EAAY/zB,EAAO+mB,WAAa,cAC5C1iD,KAAK+hD,EAAO4N,EAAYh0B,EAAO+mB,WAAa,cAC5C1iD,KAAK+hD,EAAOyO,EAAY70B,EAAO+mB,WAAa,qBAC5C1iD,KAAK+hD,EAAO6N,EAAYj0B,EAAO+mB,WAAa,kBAC5C1iD,KAAK+hD,EAAOqT,EAAQ51D,KAAK,aAAcm8B,EAAO+mB,WAAa,wBACjE,KACGljD,KAAK,kBAAkB/Z,KAAK,QAASisE,GAEvCjnC,EAAM4qC,WAAa5qC,EAAM4qC,UAAUj4E,OAAS,EAAG,SAC7CklE,EAAO,GACFnzD,EAAI,EAAGA,EAAIs7B,EAAM4qC,UAAUj4E,OAAQ+R,IAAK,CAEgB,WAA3Dm6B,EAASmB,EAAM4qC,UAAUlmE,IAAK2nB,WAAW74B,gBAA4BwsC,EAAM4qC,UAAUlmE,GAAK,IAAIi/D,GAAQZ,IAAK/iC,EAAM4qC,UAAUlmE,UACzHq1C,EAAQ/Z,EAAM4qC,UAAUlmE,GAAGS,IAAI,KACjCy9D,EAAO5iC,EAAM4qC,UAAUlmE,GAAGS,IAAI,SAC7B66D,EAAI1D,cAAgBsG,IAAMA,EAAOA,EAAKz9C,UAAU,EAAG,GAAK,UACvD0lD,EAAW7qC,EAAM4qC,UAAUlmE,GAAGS,IAAI,OACnCy9D,IAAMA,EAAO,eACV,4BAA+BA,GAAQ,YAAcA,EAAO,KAAQ,QAAU,6BAAgCiI,GAAY,IAAMA,GAAa,IAAM,KAAOA,EAAW,GAAK,wBAA0B35B,EAAO+mB,WAAa,iBAAmB+H,EAAI1D,cAAgBviB,GAASA,EAAQ,IAAM,YAAc/7C,KAAK+jD,UAAUhI,EAAQ,IAAK,GAAK,yBAA2B/7C,KAAK+jD,UAAUhI,EAAQ,KAAM,GAAK,IAAM,IAAM,oBAEjZxkC,KAAK+hD,EAAOlS,GAAMlU,EAAO+mB,WAAa,sBACxCJ,KAAKA,MACL9iD,KAAK,eAAeuV,MAAMi+C,KAEpBhzD,KAAK+hD,EAAOwM,EAAS9jC,MAAM0kC,QAClCrI,OAAOrhE,KAAKuqE,GACM,mBAAjBuF,IAA+B9qC,EAAMq8B,OAAOrhE,KAAK8vE,MAClD9G,QAAQhpE,KAAKusE,GAEfvH,EAAIiE,cACApP,KAAOkU,EAAMzyB,QAAQ,kBACfghB,EAAMzC,KAAK9/C,KAAK,gBAAgB+5B,KAAM82B,gBAAkB7C,GAAO,IAAMA,GAAQ,mBAC7EzL,EAAMzC,KAAK9/C,KAAK,kBACrBQ,KAAK+hD,EAAOqQ,GAAWz2B,EAAO+mB,WAAa,qBACzC1iD,KAAK+hD,EAAOqQ,GAAW3pE,KAAK+jD,UAA+C,KAAnC,KAAc,MAAPv2B,EAAcA,EAAIroB,EAAI,IAAa,IAAK,OACpFm0D,EAAMzC,KAAK9/C,KAAK,gBAAgB+5B,qBACzB,QAAWoC,EAAO+mB,WAAa/mB,EAAOi5B,OAAOjX,KAAO,OACpEl4D,KAAK,QAASssE,GACbtH,EAAI4H,aAAe5H,EAAI6H,oBACrB1lD,MAAM2sB,qBACUi0B,GAAO,IAAMA,GAAQ,oBACzB,MAAPv3C,GAAeA,EAAIjK,EAAI,GAAK,UAAY,eAGzCyoD,EAAMj1D,KAAK,eAAe/Z,KAAK,YAAa8sE,KAChDzL,OAAOrhE,KAAKysE,IACbrxD,EAAKb,KAAK+hD,OA6CZpmB,EAAwB4yB,EAAxB5yB,OAAQi4B,EAAgBrF,EAAhBqF,aACTnpC,UACgE,WAA5DnB,EAAQilC,EAAS9jC,MAAMq8B,QAAQhwC,WAAW74B,cAC9C,IAAImwE,GAAOf,MAAOkB,EAASpxE,OAAO4pE,cAAgBwH,EAAS9jC,MAAMq8B,OAC/DyH,EAAS9jC,MAAMq8B,OAAOl3C,UAAU,EAAG,GAAK,KACxC2+C,EAAS9jC,MAAMq8B,SAEjB,IAAIsH,GAAOf,MAAOkB,EAASpxE,OAAO4pE,cAChCwH,EAAS9jC,MAAMq8B,OAAOl3D,IAAI,QAC1B2+D,EAAS9jC,MAAMq8B,OAAOl3D,IAAI,QAAQggB,UAAU,EAAG,GAAK,KACpD2+C,EAAS9jC,MAAMq8B,OAAOl3D,IAAI,kBAEqC,WAA5D05B,EAAQilC,EAAS9jC,MAAMq8B,QAAQhwC,WAAW74B,cAC/C,IAAImwE,GAAOf,MAAOkB,EAASpxE,OAAO4pE,cAAgBwH,EAAS9jC,MAAMq8B,OAC/DyH,EAAS9jC,MAAMq8B,OAAOl3C,UAAU,EAAG,GAAK,KACxC2+C,EAAS9jC,MAAMq8B,SACjB,IAAIsH,GAAOf,MAAOkB,EAASpxE,OAAO4pE,cAChCwH,EAAS9jC,MAAMq8B,OAAOl3D,IAAI,QAC1B2+D,EAAS9jC,MAAMq8B,OAAOl3D,IAAI,QAAQggB,UAAU,EAAG,GAAK,KACpD2+C,EAAS9jC,MAAMq8B,OAAOl3D,IAAI,oBAErB2+D,EAAS9jC,MAAM4qC,WAGxB3C,EAAgB,OACF,KAChBC,EAAa,OACA,KACbhpC,EAAY,KACZylC,EAAc,KACdG,EAAc,KACdF,EAAa,OACA,KACbkB,EAAa,KACbf,EAAa,KACbC,EAAa,KACbC,EAAa,KACbC,EAAa,KACba,EAAa,KACbZ,EAAa,KACbE,EAAW,QACA,KACX0F,GAAc,KACdlF,GAAgB,QACC,KACjBwB,GAAW,KACXF,GAAe,KACf/hB,GAAO,QACK,QACA,QACA,QACF,QACgC,mBAAlBye,EAAW,GAAoBA,EAAW,GAAK,KACvEiH,GAAwC,mBAAlBjH,EAAW,GAAoBA,EAAW,GAAK,KACrExM,GAA0C,mBAAlBwM,EAAW,GAAoBA,EAAW,GAAK,OAEvE9qC,QAAO,EAAMu+B,kGAlGHviD,KAAK,kBAAkB45B,OAAO,QAASs4B,MAClCt4B,OAAO,QAASu4B,MAClBv4B,OAAO,QAAS+oB,MACpB/oB,OAAO,QAAS8oB,GACrBqM,EAASpxE,OAAOuxE,gBACRt1B,OAAO,QAAS24B,MAClB34B,OAAO,YAAam5B,KACtBjT,KAAO,QAEL9/C,KAAK,eAAe45B,OAAO,QAAS45B,KAChC,OACA,OACD,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACJyC,YACE,QACFA,aACE,QACCA,aACE,QACE,QACC,QACN,QACI,QACR,QACU,QACA,QACF,OACLnT,KAAK,QACV,IAAInzD,EAAI,EAAGA,EAAIk/D,EAAKjxE,OAAQ+R,IAC3Bk/D,EAAKl/D,KAAO4yD,KACTr7D,OAAOyI,EAAG,QAsEhBvI,KAAKm7D,cACC,aACE/hD,KAAK+hD,IACf,QAoFLnzD,GAAG+3D,QAAQjyC,wBAEF,mBAEC,oBAEE,YACA,qBAIL,iBACA,mBAEO,cACA,gBACE,iBACE,oBACE,eAGZ,WACE,IAAI05C,GAAOf,KAAM,yBAEvB,IAAIe,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,MAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,EAAGkR,EAAG,MAC7B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,GAAIkR,EAAG,MAC7B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,GAAIkR,EAAG,MAC7B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,IAAKkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,IAAKkR,EAAG,KAC9B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,IAAKkR,EAAG,KAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,EAAGkR,EAAG,KAC7B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,GAAIkR,EAAG,MAC7B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,GAAIkR,EAAG,MAC7B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,IAAKkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,IAAKkR,EAAG,KAC9B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,IAAKkR,EAAG,KAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,EAAGkR,EAAG,KAC7B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,GAAIkR,EAAG,MAC7B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,GAAIkR,EAAG,MAC7B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,IAAKkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,IAAKkR,EAAG,KAC9B,IAAIoiD,GAAQ91D,EAAG,GAAIwC,EAAG,IAAKkR,EAAG,KAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,EAAGkR,EAAG,KAC7B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,MAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,EAAGkR,EAAG,KAC7B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,MAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,EAAGkR,EAAG,KAC7B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,MAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,EAAGkR,EAAG,KAC7B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,MAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,EAAGkR,EAAG,KAC7B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,MAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,EAAGkR,EAAG,KAC7B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,MAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,EAAGkR,EAAG,KAC7B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,MAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,EAAGkR,EAAG,IAC7B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,GAAIkR,EAAG,MAC9B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,MAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,GAAQ91D,EAAG,IAAKwC,EAAG,IAAKkR,EAAG,KAC/B,IAAIoiD,uBAIM,mCAEH,WACC,gBAEA,qBACC,UACC,qBAIH,UACC,gBAEA,wBACC,UACC,iBAIJ,mBACC,UACC,+BAKD,wCACG,mBACI,aACV,YACI,qCAII,4DACI,iDAGV,wCACI,kDAGD,8CACE,kEAGF,qDACE,gEAGF,gDACE,yDAGF,8CACE,wDAGF,gDACE,yDAGF,+CACE,yDAGF,gDACE,0DAGA,gEACF,kDAKRtkE,IEz/DP4rE,OAAO,SAAC5rE,EAAGozC,UAAOA,EAAGpzC,IAAIC,QAQtBD,GAAEu3D,mBAAmB72D,SADP,sBAEf62D,mBAAmBz6D,KAFJ,kBAKfkD,GAAEu3D,mBAAmBxtD,KAAK,SAAClN,UACrB2I,MAAMC,QAAQ5I,IAFR,oBAEiBA,EAAK,SAElC06D,mBAAmBz6D,MAJP,mBAIuB+uE,SAAS,KAUhD/f,GAAO8T,WAAa,EAIpB9T,GAAOggB,eAAiB,EAIxBhgB,GAAOigB,aAAc,EAIrBjgB,GAAOkgB,iBAAkB,EAIzBlgB,GAAOmgB,qBAAsB,EAE7B,IAAMC,MAsBJC,SAKQ,YAKI,cACE,gBACF,YAEA,0BAGQ,sBACE,GAMtBC,IACE,mBACA,oBACA,cACA,kBACA,iBACA,yBACA,iBACA,iBACA,gBACA,cACA,kBAoEFC,eACc,2BACM,kBAET,iBACE,qBAGF,QACA,iBACE,sBAGK,YACH,eACE,qBAEF,iBACG,cACN,0BACQ,iBACP,cACC,mBACK,UAGR,mBACC,kBACD,wBACE,mBACA,sBACG,4BACC,gCAGF,IAAK,mBAGJ,YACH,gBACD,kBACI,eACF,uBAES,4BACK,kBAEV,uBACK,YAEX,mBAEO,gBACH,yBACS,MAObvgB,GAAO17C,aAEjBk8D,UAAW95B,UACbwiB,IAAU,EACVuX,IAAoB,EACpBC,IAAkB,EAClBC,MAIA3sC,oDAsBF,SAAS4sC,GAAe5lE,EAAKkrC,OACrB26B,GAA0C,IAAhCL,GAAUr2B,aAAanvC,KAC5BkrC,GAAYhyC,GAAE4sE,KACrBD,KACO,MAEP1pE,MAAMmN,GAAUynC,aAAag1B,gBAAiB,cACrC,KAWf,SAASC,UAAkBC,IAAAA,YAAaC,IAAAA,8DAO/B,kDACL,WAA6BC,iGACZntC,GAAUotC,sBAAqBj5E,MAAQg5E,0BAC/CphB,GAAuBpgC,sCACQx3B,MAAQg5E,gKAJbh5E,KAAAA,aAAO+4E,QAAaC,KAAAA,aAAOF,qHAQrD3nC,EAAa6nC,6DAEb7nC,EAAa,qHAqBxBsmB,KAAO,SAAU1mD,EAAKc,UAClBA,MACOd,GAAOc,UAMT2mE,SAAWA,KAGZznE,KAAOynE,GAAYA,GAASznE,GAAOmnE,GAAannE,IAQ1D8mD,GAAOR,UAAYA,GACnBQ,GAAOhJ,SAAWA,GAClBgJ,GAAOlJ,WAAaA,GAepBkJ,GAAOqhB,oBAAsB,cACtBrtC,GAAUstC,eACZttC,GAAUutC,iBACN35E,SAAS45E,OAAOtmE,MAAM,qDAOzB8kD,GAAOyhB,aACEH,eACPttC,GAAUutC,iBACV35E,SAAS45E,OAAOtmE,MAAM,oCAE1B,KACM/S,EAAO,WAAa6rC,GAAU0tC,WAC9BC,EAAS3hB,GAAOyhB,QAAQ5pE,QAAQ1P,GAClCw5E,MACKC,eAAeD,OAKrB,IAAMzoE,KAAOmnE,MACZA,GAAat3D,eAAe7P,GAAM,KAC9B2oE,EAAW,YAAc3oE,KAC3B8mD,GAAOyhB,QAAS,KACZznE,EAAMgmD,GAAOyhB,QAAQ5pE,QAAQgqE,GAC/B7nE,OACWd,GAAO8e,OAAOhe,SAExB,GAAIzS,OAAOikE,UACHtyD,GAAO3R,OAAOikE,OAAOsW,iBAAiBD,OAC9C,KACCzjE,EAASxW,SAAS45E,OAAOtmE,MAAM,IAAIgD,OAAO,edyzBnBlD,EczzBqDsd,mBAAmBupD,Gd2zBpG7pD,OAAOhd,GAAKG,QAAQ,IAAI+C,OAAO,oCAAqC,KAAM,Sc3zBuC,gBACrGhF,GAAOkF,EAAS+Z,mBAAmB/Z,EAAO,IAAM,IdwzB1C,IAAUpD,Ic9xBrCglD,GAAOhU,UAAY,SAAUhF,EAAM+6B,YAExBC,EAAaC,EAAQ/oE,EAAKc,GAC7BioE,EAAO/oE,IAA+B,WAAvBw6B,EAAOuuC,EAAO/oE,OAC7B00B,QAAO,EAAMq0C,EAAO/oE,GAAMc,KAErBd,GAAOc,IALT+nE,SAQP98D,KAAK+hC,EAAM,SAAU9tC,EAAKc,MACtBgtC,EAAKj+B,eAAe7P,MAElBmnE,GAAat3D,eAAe7P,GAAM,KACX,IAArB6oE,EAAOG,YACTluC,GAAUmuC,qBACVxB,GAAS53D,eAAe7P,YAIc,IAApC6oE,EAAOK,4BACIlpE,GAAOc,KAElB4lD,KAAK1mD,EAAKc,QAET,IAAK,aAAc,cAAe,kBAAkBpF,SAASsE,GAAM,KAC/C,IAArB6oE,EAAOG,YAEPluC,GAAUmuC,sBACT,iBAAkB,eAAevtE,SAASsE,IAClC,eAARA,GAAwB86B,GAAUquC,0BAK7BnpE,GAAO86B,GAAU96B,GAAKwsD,OAAO1rD,QAElC,GAAIumE,GAAcx3D,eAAe7P,GAAM,KACnB,IAArB6oE,EAAOG,YACTluC,GAAUmuC,qBACVnuC,GAAUjrB,eAAe7P,cAKvB86B,GAAUjrB,eAAe7P,GAAM,KACR,IAArB6oE,EAAOG,mBAGCluC,GAAW96B,EAAKc,QAEY,IAApC+nE,EAAOK,2BACG7B,GAAernE,EAAKc,GAE5BumE,GAAcrnE,IAAsC,WAA9Bw6B,EAAO6sC,GAAcrnE,QACnCA,SACR00B,QAAO,EAAMoG,GAAU96B,GAAMc,OAErBd,GAAOc,QAYtBg6B,UAAYA,IAuDrBgsB,GAAOsiB,kBAAoB,SAAUt7B,MAC5Bu7B,MAAM,WACPv7B,EAAKF,UACL,mCAAmCvwC,YACnC,cAAc0U,UACN67B,KAAOE,EAAKF,MAEpBE,EAAKD,UACAm5B,iBAAkB,KACfrwE,KAAK,QAASm3C,EAAKD,OAE3BC,EAAKw7B,iBACax7B,EAAKw7B,eACf3yE,KAAK,WAAY4wE,KAEzBz5B,EAAKgB,eACWhB,EAAKgB,aACbn4C,KAAK,cAAe6wE,QASpC1gB,GAAO73B,aAAe,SAAUqP,UACvBgpC,GAAUr4C,aAAaqP,IAOhCwoB,GAAOj7C,KAAO,aACa,cAAexd,QACrCA,OAAOy4B,YACqB,IAA7Bz4B,OAAOy4B,UAAUC,iBAEVxb,OAAO87D,aACF,0BACD,gCACE,qBACA,iBAQT,iBAAkBh5E,YAUbk6E,QAAUhvB,cAEnB,MAAO98C,QAGH+pD,cAUG+iB,QACKvuE,GAAE05B,QAAO,KAAU2yC,GAAevsC,KAG/B0uC,yBACHxpC,WAAalF,GAAUkF,WAAWwsB,OAAO4a,MAGpD,aAAc,cAAe,kBAAkBp4E,QAAQ,SAAU2qE,MACtDA,GAAO3+D,GAAEyuE,KAAK3uC,GAAU6+B,GAAM,SAAU1+C,EAAG5a,UAC5CA,IAAMy6B,GAAU6+B,GAAKznD,QAAQ+I,UAIjC6f,UAAYA,MAvBnB,uBAAuB/uB,KAAK,aAClBjU,KAAKpI,KAAKuQ,wBA0BhB0nB,SAAK+hD,eACC1uE,GAAEiyD,QAAQ0c,aAAY,GAC3B3uE,GAAE4uE,cAAcp8B,WAyDZ26B,0BAzDsB,IACzB36B,GAAQnT,gBACFA,WAAamT,GAAQnT,WAAWl4B,MAAM,MAG5CqrC,GAAQq8B,gBACFA,WAAa,IAAMr8B,GAAQq8B,YAGjCr8B,GAAQxN,gBAEFA,WAAawN,GAAQxN,WAAWh+B,MAAM,UAAY,GAAKwrC,GAAQxN,WAAW79B,MAAM,OAQxF,UAAW,UAAW,eAAgB,YACtC,WAAY,gBAAiB,aAC7BnT,QAAQ,SAAU86E,GACdt8B,GAAQs8B,WACHt8B,GAAQs8B,QAIZh3B,UAAUtF,IAAUw7B,WAAW,SAIjCluC,GAAUivC,yBAA0B,MACjCv8B,GAAQhzC,SACPQ,GAAE+wD,MAAM4d,cACVhiD,GACC+hD,EAAKhuE,SAAS,oBACVguE,EAAK1nE,MAAM,uBAAuB,IAGxC2lB,cACEA,EAAI5Q,WAAW,YACVizD,gBAAgBriD,MAEhB+gD,eAAe/gD,OAItB6lB,GAAQ/mB,mBACHwjD,YAAYz8B,GAAQ/mB,KAI1B+mB,GAAQ66B,kBAAmBvtC,GAAUstC,iBACjCD,yBA7EAntE,GAAE05B,QAAO,KAAUyyC,GAAcM,OAErCA,SAAWA,YA2FdlX,EAAUzJ,GAAOyJ,QAAU,SAAUjwD,EAAM4pE,EAAQC,OACjD3Z,EAA0B,iBAAX0Z,EAAuBlvE,GAAEk3D,WAAWgY,GAAQ,GAAQA,EAAOvyE,QAC3E64D,KAIHlwD,GAAM+oB,QAAQrsB,OAAOwzD,WAHb7pD,IAAI,6BAA+BujE,IAazCE,+BAAmB,6HAEatjB,GAAOR,UAAU,KAAME,EAAW1rB,+BAA/D6iB,cAAWI,YACVJ,EAAWI,qBAGX72B,QAAQC,IACZ2T,GAAUkF,WAAWvxB,+CAAI,WAAO47D,yGACdA,EAAQroE,MAAM,2EAIlB84B,GAAUotC,QAAUmC,oBAaPxjB,GAAuBpgC,UACpC,sBAAwB6jD,EAAQ,GAAGroE,QAAQ,KAAM,gCAEzBsoE,EAA3Bt7E,KAAAA,aAAOq7E,EAAQ,KAAIz+D,EAAQ0+D,EAAR1+D,OACLi8D,IAAiBC,YAAapqB,EAAWqqB,YAAa/4E,sBACpE63D,GAAO5mB,aAAajxC,EAAO4c,GAAQA,EAAKlV,KAAKmwD,IAAU1mB,8CAEtDz5B,kBACA2pD,MAAM,6BAA+B+Z,EAAU,kIAInD1zE,KAAK,4BAOZglE,EAAKp5C,OACc,KACVioD,YAEN,6BAA6Bz+D,KAAK,cAChCrc,MAAMsN,OAAOhC,GAAEk3D,WAAW,eAAe,GAAMr0D,MAAM,GAAGJ,OAAO,SAEtDzO,iBAMVy7E,MACWv5D,KAAK,UAAWu5D,UAKxBv5D,KAAK,8EAEPvK,8GAINg0D,GAAYC,WAAY9T,GAAO8T,YAE/B8P,EAAqB,cACvB,iBAAiB3+D,KAAK,eAChB4+D,EAAS3vE,GAAE,IAAMtL,KAAKqT,GAAK,WACb4nE,EAAO7lD,SAApBwgB,IAAAA,KAAMH,IAAAA,IACP57B,EAAIohE,EAAOC,gBACfl7E,MAAM+6C,KAAKnF,MAAOA,EAAO/7B,GAAKu9C,GAAO8T,WAAYz1B,WAIjD0lC,EAAY,eACVC,EAAQ,yCACRC,EAAar8E,SAASgxC,qBAAqB,UAAU,OACtD,IAAMhxB,KAAQq8D,EAAW7sE,SACxB4sE,EAAM7lE,KAAKyJ,UAGNA,EAAK1M,MAAM8oE,GAAO,SAIzB,kBAAmBC,EAAW7sE,MAAgB,SAC9C,iBAAkB6sE,EAAW7sE,MAAgB,QAE1C,GAdS,GAuDZ8sE,EAAclkB,GAAOkkB,YAAc,SAAU3Y,OAE3C4Y,EAAa,4MAIbzjE,EAAQxM,GAAEiwE,GAEZr1C,EAAQ,KACQ,iBAATy8B,IACDA,MACH,IACcrmD,EAAG,IAAM/K,EAAG,EAAGqI,EAAG,KAAM4hE,GAAI,KAC7B7Y,KAGXuI,WAAa9T,GAAO8T,WAAahlC,UAYpCu1C,EAAW3jE,EAAMyqC,QAAQ,aACtBxH,IAAI,aAAc,UAAU14B,OAnEjB,SAAUvK,EAAOouB,OAE/Bw1C,GAAS,MAAO,OAAQ,SAAU,WAElCr/D,KAAK,mBAGH4iB,EAAK3zB,GAAEtL,MACP6Z,EAAIolB,EAAGi8C,cAAgBh1C,EAAQ,GAC/BpsB,EAAImlB,EAAG08C,eAAiBz1C,EAAQ,GAG7Bv1B,EAAI,EAAGA,EAAI,EAAGA,IAAK,KACpB2L,EAAIo/D,EAAM/qE,GACZuS,EAAM+b,EAAGpM,KAAK,eAAiBvW,GACxB,MAAP4G,MACIzI,SAASwkB,EAAG8b,IAAI,UAAYz+B,GAAI,MAEnCuW,KAAK,eAAiBvW,EAAG4G,QAE1B9R,EAAM8R,EAAMgjB,EACN,UAAN5pB,KACKzC,EACQ,WAANyC,OACFxC,KAGNihC,IAAI,UAAYz+B,EAAGlL,OAyCZ0G,EAAOouB,KACZ6U,IAAI,aAAc,WAAWgE,UAGpCiY,KAAK,WAAY2L,MACjB,aAAavxD,IAAIuxD,OAmBbiZ,sBAqBI,GAAKtwE,GAAE,gBAAgB6C,eACrB,yBAGD,OACF,yBAGC,OACD,KAsFL0tE,EAAWvwE,GAAE,uBACZuwE,EAASj9E,SAGH+6B,UAFEruB,GAAE,wCAAwCkgC,SAAS,QAKnD,MAATm3B,EAAc,KACZmZ,EAAW,MACbz/D,KAAKu/D,EAAgB,SAAU9pC,EAAUiqC,KAC9B,eAAiBjqC,EAASv/B,QAAQ,KAAM,oBACvCu/B,EAAW,OACrBz1B,KAAK0/D,EAAO,SAAU/8D,EAAMlM,OACxB1B,SACkB,iBAAX0B,IACFA,EAASozB,EAAS,MAChBpzB,EAAO6vD,IAAS7vD,EAAO2kB,SACzB3kB,EAAO6vD,IAAS7vD,EAAO2kB,QAEnBzY,EAAO,IAAM5N,EAAM,SAEtB,UAGR4qE,EAAS,IAAMb,EAAS17E,cAAgB,OACjC87E,EAAa,IAAMS,EAAS,oBAAsB91C,EAAQ,yCAC7B81C,EAAS,yEACnBA,EAAS,oBAAuB,EAAI91C,EAAS,QAEpE34B,KAAKuuE,WAKhB7c,SAAS7zB,GAAUV,QAAU,wBAC1B,GAAI5wB,EAAG,aACA,UACDnK,kBACMy7B,GAAUV,uBAEjB,kBAEE,yBACK,yBAEL,kBACF,mBACG,6BACD,qBACC,yBACG,6BACJ,iBACH,gBACC,gBACA,uBACO,6BACD,0BACD,qBAEJ,iBACD,uBAEO,8BACI,iCACL,oBACN,kBACE,qBACC,wBAEE,iBACL,kBACE,kBACF,kBACE,sBACE,iCACF,uBACG,qBAEL,gBACA,iBAEC,mBACC,mBACD,oBACE,2BACK,+BACD,2BACH,uBACD,4BACM,6BACL,8BACM,mCAEP,+BACG,uBACL,mBACC,sBACE,qBACH,iBACD,oBACI,qBACH,uBAEK,8BACE,+BACD,4BACF,6BACG,gCACA,gCAEA,kCACE,mCACD,mCACC,oCACA,oCACA,yBACX,mBACK,kBAEN,kBACI,qBACC,0BAEI,6BACD,4BAEA,qCAGH,oCAEqB,6BACZ,0BACE,8BACE,8BACE,wBACR,gCACQ,6BACL,yBAEL,oBACA,sBAEE,wBACA,sBACF,oCACiB,sBACf,wBACA,8CACqB,yBACrB,2BACG,0BACL,kCACc,qBACb,qBACD,uCAEmB,2BACb,6DAC6B,6BAC5B,kCACA,qCACG,6BACN,+BACG,6BACL,4BACG,iCACD,kCACM,iCACP,6BACG,8CAEc,kDACI,kDACF,6CACJ,iDACM,oDACA,+BACrB,qCAEa,gCACZ,kCACC,iDAEc,mCACd,mCACA,+BAEJ,sBAEF,sBACE,4BACI,wCACO,+DAEgC,oEACM,sCAElC,uCACE,mCACL,yBACZ,2DACqC,0BACtC,0BACM,kCACQ,+BACL,uBACT,yBACK,iCAEI,yDACqB,kEACU,sCAGnC,mCACc,8DAC4B,gCAC/B,qCACM,kCACH,8CACW,sCACR,oCACF,mCACD,sBAEzBuxC,MACN,8DAA8D5/D,KAAK,cACjErc,MAAM4W,SAAS2sC,QAAQvjD,YAGrBk8E,EAAQ5wE,GAAE,eAEZ6wE,SACAD,EAAMt9E,WACIs9E,EAAM9mD,SAASqgB,IAAMymC,EAAMP,mBAGnChZ,EAAOr3D,GAAE0rD,KAAK,qBAiBXolB,EAAuBC,UACtBA,OACH,mCACI,MACJ,qCACI,MACJ,wBACI,MACJ,uCACI,iBAEAC,EAAAA,MA3BJhB,YAAY3Y,IAASr3D,GAAE3M,QAAQoP,SAAWouE,EAAY,IAAM,SAGjE,iBAAiB9/D,KAAK,eAChB4+D,EAAS3vE,GAAE,IAAMtL,KAAKqT,GAAK,SAC3B6W,EAAM+wD,EAAO5qE,KAAK,mBAEnB4qE,EAAOhoD,SAAS,YAAYr0B,OAAQ,KACjCqJ,EAAQqD,GAAE4e,GAAK+I,WAAWhrB,QAC5BA,EAAMrJ,WACF,GAAG4Y,gBAAgB,WAClBlK,OAAOrF,WAmBhBs0E,EAAcjxE,GAAEu3D,mBAAmBz+C,KAAK,SAAChV,EAAGC,OACxCmtE,EAAYJ,EAAsBhtE,GAClCqtE,EAAYL,EAAsB/sE,UACpCmtE,IAAcC,EACT,EAEFD,EAAYC,OAEjBrxC,GAAUmxC,YAAY39E,OAAQ,OAG1B89E,iBADY,IAAIC,IAAIvxC,GAAUmxC,gBACZ/5D,QAAQ,eAC5Bk6D,GAAO,QACGx0E,gBAAOw0E,EAAK,YAAMpxE,GAAEu3D,uBM70C1C,SAAyB0Z,mEACbK,IAARvoD,OAA8BwoD,IAAP3jD,MAA8B4jD,IAAT3F,QACpC4F,IAARhwD,WAAuB80B,MAAOm7B,gBAC9BC,IAAAA,sBAEcnsE,MAAMC,QAAQwrE,GAAeA,GAAeA,GA8EnD/kD,QAAQC,IAAI8kD,EAAYx9D,aA5EZm+D,OACXna,QACAjyD,MAAMC,QAAQmsE,GAAgB,SACEA,+CAEDna,EAA7BoU,QAAAA,aAAU2F,MAMZ/Z,MAJA1uC,OAAAA,aAASuoD,QACT1jD,MAAAA,aAAQ2jD,QACR9vD,OAAAA,aAASgwD,QACTl7B,MAAAA,aAAQm7B,aAEHG,IACD9oD,IACOA,OAAO4pC,GACP/kC,IACDA,MAAM+kC,YAEH9lC,KAAKxa,YAAYsgD,OAI5BA,EAAOj/D,SAAS64B,cAAc,eAC7B,IAAIL,QAAQ,SAACG,EAASC,OACrBwlD,EAAMxlD,KACNqlD,MAC8B,mBAAjBA,EAA8B,eACxBrc,QAAOsc,gBAAena,UAASprC,UAASC,YACvDD,GAEJulD,EAAcG,SAAS,WACb,EACHH,EAAcG,SAAS,aACpB,GAEVlG,EAAS,MACJmG,IAAM,kBACNl/E,KAAO,gBAEE,IAAVyjD,WACKppB,KAAOykD,aAEJjf,OAINsf,EAAMv+E,SAAS64B,cAAc,YAC/B1pB,MAAQ,KACRJ,OAAS,OACP+/D,EAAUyP,EAAIlhC,WAAW,MACzB/lB,EAAMt3B,SAAS64B,cAAc,gBAC/B54B,iBAAiB,QAAS,cACnB2hE,OAEP3hE,iBAAiB,OAAQ,aACjB4+C,UAAUvnB,EAAK,EAAG,KACrBmC,KAAO1L,EAASwwD,EAAIx/B,UAAU,gBAAkBm/B,QAE7Cjf,YAERhmC,IAAMilD,KAGTI,IAAM,eACNl/E,KAAO,aACPq6B,KAAOykD,QAEPj+E,iBAAiB,QAAS,cACvB2hE,OAEH3hE,iBAAiB,OAAQ,aAClBg/D,YNkwCFse,GAAcU,aAAc,gBAAEC,IAAAA,cAAetlD,IAAAA,OAAQD,IAAAA,QAC/DrsB,GAAEu3D,mBAAmB72D,SAASkxE,KACzB,IAAIt3E,sCAAsCs3E,WAIjDM,KAAK,cACL,kBAAkB,GAAGhvE,MAAMwkE,WAAa,aACnCyK,uBASN1wD,OAAS6qD,GAAY,IAAI1sC,GAC9BlsC,SAASuhE,eAAe,aACxBn1B,QAcAsyC,EAAU3tE,IAAU,QAAU,QAC9BpD,EAAOirE,GAAUlxD,YAChBwU,EAAW08C,GAAX18C,QACDkc,EAAW9rC,GAAE,aACbqyE,EAAWryE,GAAE,iBAEbsyE,GAAYv2C,KAAM,KAAM0F,OAAQ,MAE9B8wC,SAAaC,SACbC,EAAe,KACjBC,EAAkB5yC,GAAUV,QAAU,WACtCuzC,EAAa,YACbC,EAAc,YACdC,EAAY,2BAKNtkE,EAAIlb,OAAOy/E,QAAUz/E,OAAOiY,UAC9BiD,UAcMwkE,EAAsB,IAAIxkE,EAAEykE,YAAY,2BACnC,cACG,MAEZt/E,SAASqO,gBAAgBvO,cAAcu/E,GACzC,MAAO7uE,sBAUT,qBAAqB+uE,kBACb,iDACK,WACZxjC,IAAI,WAAY,gBACb11B,EAAM/Z,GAAE,eACZkzE,EAAYlzE,GAAE,mBACdmzE,EAAgBnzE,GAAE,mBAClBozE,EAAO,SAAUtgF,EAAMugF,EAAKrhC,EAAUshC,EAAYxgC,EAAMygC,EAAUC,KAClDhb,KAAK,MAAQ6a,EAAIpsE,QAAQ,MAAO,WAAa,QACxDwsE,YAAY,SAAoB,WAAT3gF,KAChBu7B,YAEJg3B,EAAKrlD,GAAE,+BAAiCoQ,GAAUkzC,OAAO+B,GAAK,MAAMnlB,SAASgzC,GAEtE,UAATpgF,MACA,+BAAiCsd,GAAUkzC,OAAO8B,OAAS,MAC1DllB,SAASgzC,GACTjoD,MAAM,aACDwoB,OACAzB,MACO,SAKb0hC,SAAMC,YACG,WAAT7gF,KACKkN,GAAE,uBAAuB4zE,UAAUV,IACrCptE,IAAIwtE,GAAc,MAClB33E,KAAK,UAAW,SAAU,aAAiBsvB,eAC3C,GAAa,WAATn4B,EAAmB,KACtB4pE,EAAM18D,GAAE,yCACPA,GAAE,YAAYkgC,SAASw8B,GAC1B8W,EAAU,KACNloD,EAAQtrB,GAAE,WAAWiC,KAAKuxE,EAASloD,UACjCtrB,GAAE,2BAA2BkgC,SAAS5U,IACxCxlB,IAAI0tE,EAASvuE,OACfuuE,EAASK,WACL9uE,KAAK,QAASyuE,EAASK,WAEzBngE,KAAK,YAAa8/D,EAAS7X,WAC7B35D,OAAOhC,GAAE,SAASgC,OAAOspB,OAE7Bva,KAAK+hC,MAAY,SAAU0kB,EAAK1xD,GACb,qBAARA,gBAAAA,MACJ9D,OAAOhC,GAAE,YAAY8F,IAAIA,EAAIb,OAAOuzD,KAAK1yD,EAAI7D,SAE7CD,OAAOhC,GAAE,YAAYw4D,KAAK1yD,QAGrB9D,OAAO06D,GACjB4W,KACGxtE,IAAIwtE,GAEPC,KACG53E,KAAK,SAAU,SAAU43E,KAE3B53E,KAAK,UAAW,SAAU,aAAiBsvB,cAC9B,YAATn4B,KACN2gD,SAGD18B,SAEDkU,MAAM,aACHwoB,WACEqgC,EAAiB,WAAThhF,GAA8B,WAATA,GAAqB4gF,EAAK5tE,MACzDksC,IACE2hC,IACOG,EAAMH,EAAMjgE,KAAK,cAEjBogE,MAGZhmC,QAEU,WAATh7C,GAA8B,WAATA,KAClBg7C,YAIT7qC,MAAQ,SAAUowE,EAAKjgC,KAAW,QAASigC,EAAKjgC,OAChD2gC,QAAU,SAAUV,EAAKjgC,KAAW,UAAWigC,EAAKjgC,OACpD4gC,eAAiB,SAAUX,EAAKjgC,KAAW,UAAWigC,EAAKjgC,OAC3D6gC,OAAS,SAAUZ,EAAKa,EAAK9gC,KAAW,SAAUigC,EAAKjgC,EAAI8gC,OAC3D/8D,OAAS,SAAUk8D,EAAKvgC,EAAMM,EAAImgC,EAAUW,EAAKV,KAAiB,SAAUH,EAAKjgC,EAAI8gC,EAAKphC,EAAMygC,EAAUC,eAGxGW,EAAgB,eACdC,EAAOp0E,GAAE,wBACXo0E,EAAK9gF,QAAyB,gBAAf8gF,EAAK,GAAGrsE,OACpBo1D,YAAY,uBAAuB5E,SAAS,kBAC/C,gBAAgBA,SAAS,uBAAuB4E,YAAY,kBAC5D,mBAAmBl7D,KAAK,uFAElB2pC,QAAQ,YACT6D,IAAI,SAAU,SAMnB4kC,EAAYr0E,GAAE,eAAeiC,OAE7BqyE,KACGjvE,EAAI,GAAKA,EAAI,IAAKA,GAAK,KACnBvI,KAAKuI,KACLvI,KAAK,EAAIuI,KACTvI,KAAK,EAAIuI,OAKhBkvE,EAAuB,SAAUC,OACjCnvE,SACEovE,KAAeC,EAAYpI,GAAUh4C,oBAAoBpD,mBAC1D7rB,EAAI,EAAGA,EAAIqvE,EAAWrvE,MAChBA,GAAKinE,GAAUh4C,oBAAoBtC,aAAa3sB,MAGvDmvE,MACGnvE,EAAI,EAAGA,EAAIqvE,IAAarvE,EACvBovE,EAASpvE,KAAOmvE,MACRlgD,oBAAoBqgD,gBAAgBF,EAASpvE,GAAI,aAI1DA,EAAI,EAAGA,EAAIqvE,IAAarvE,KACjBivB,oBAAoBqgD,gBAAgBF,EAASpvE,GAAI,IAK3DuvE,EAAiB,cACXn8D,yBACJo8D,EAAY70E,GAAE,oBAAoBquB,QAClCymD,EAAgB90E,GAAE,kBAAkBquB,QACpCmH,EAAU82C,GAAUh4C,oBACpBygD,EAAmBv/C,EAAQw/C,sBAC3Bxf,EAAOx1D,GAAEk3D,WAAW,OACtB7lC,EAAQi7C,GAAUh4C,oBAAoBpD,eAEnCG,KAAS,KACRp9B,EAAOuhC,EAAQxD,aAAaX,GAC5B4jD,EAAUj1E,GAAE,sBAAsByzE,YAAY,WAAYx/E,IAAS8gF,GACnEG,EAAWl1E,GAAE,yBAAyByzE,YAAY,cAAej+C,EAAQK,mBAAmB5hC,IAC5Fq/B,EAAYtzB,GAAE,yBAA2B/L,EAAO,WAC5C+N,OAAOizE,EAAQjzE,OAAOkzE,EAAU5hD,MAC5BtxB,OAAO,kBAAoB/N,EAAO,KAAOA,EAAO,qBAEnDkC,IAATq/D,EAAoB,KAChB9tC,EAAO8tC,EAAK74D,WAChB,cAAek4E,GAAW7yE,OAAO0lB,MACjC8uC,gBAAgB2e,wBAAyB,QAG3C,2BACCvqC,QAAQ,SAAUvvB,MACf,uBAAuB8hD,YAAY,eACnCzoE,KAAKmW,YAAY0tD,SAAS,eAClBxmC,gBAAgBr9B,KAAKwN,eAC3BzO,mBAEL0nE,UAAU,aACYzmE,KAAKwN,eAE3B+9D,SAAS,oBAGV,0BAA0Bh1C,MAAM,eAC1BmqD,EAAMp1E,GAAEtL,KAAKmW,YAAYw2D,UAAU/tE,OACnCW,EAAO+L,GAAE,0BAA4Bo1E,EAAM,kBAAkBnzE,OAC7DozE,EAAMr1E,GAAEtL,MAAMusE,SAAS,iBACnBnrC,mBAAmB7hC,EAAMohF,MACjC3gF,MAAM++E,YAAY,wBAIlBjqE,EAAM,EAAIxJ,GAAE,uBAAuBq3D,OAChC7tD,KAAQ,KAEHxH,OAAO,iDAIjBszE,GAAgB,EAChBC,EAAa,GACXC,EAAmB,SAAUtxE,EAAGuxE,GAChCH,OAEY,IACHhJ,GAAU93B,kBACrB,qBAAqBsnB,SAAS2Z,MAC9B,qBAAqB3Z,QAAQ2Z,MAC7B,wBAAwB3vE,IAAIyvE,MAC5B,sBAAsBnU,YACtB,wBAAwBtzB,UAGxBjkC,EAAkB,KAClB6rE,GAAgB,EA8GdC,EAAe,WAEdtiF,OAAOmN,UAGV,QAAQizC,OAAOvT,SAAS,QAAQ79B,mBAG3BuzE,EAAcpe,EAAKqe,OACnB9tE,EAAMyvD,EAANzvD,GACDb,EAAOa,EAAGZ,MAAM,KAChB2uE,EAAM5uE,EAAK,GACXpB,EAAMoB,EAAK,GAEb2uE,MACQ76B,cAAc,UAAY86B,EAAKhwE,SAGnC,QAAUgwE,EAAK/tE,EAAI,OACzByvD,GAAKe,SAAS,WAAWzjC,WAAWqoC,YAAY,eAc9C4Y,EAAkBjqB,GAAOiqB,gBAAkB,SAAUztC,EAAQ0tC,MAC7Dh2E,GAAEsoC,GAAQ24B,SAAS,mBAAsB,KACzCjhE,GAAEsoC,GAAQh9B,SAAS21D,SAAS,uBAA0B,SAErD+U,MACD,iBAAiBtU,QAFD,aAIlB,mBAAmBz/D,KAAK,MACjBwtC,IAAI,SAAU,WACrB,wBAAwB0tB,YAAY,uBAAuB5E,SAAS,kBACpEjwB,GAAQiwB,SAAS,uBAAuB4E,YAAY,gBAC/C,GASH8Y,EAAcnqB,GAAOmqB,YAAc,WACnCF,EAAgB,qBACRnqC,QAAQ,aAChB,mBAAmB3pC,KAAK,sFAUxB06C,EAAcmP,GAAOnP,YAAc,SAAUlxB,GAC5CA,MACGinD,MAEE/1B,YAAYlxB,MACpB,cAAc3lB,IAAI2lB,GAEhBA,EAAI1P,WAAW,aAEf,cAAc03B,UACd,qBAAqB18B,YAGbg7B,WAAWtmB,EAAK,SAAUyqD,MAEhC,eAAepa,QAAQoa,KACPzqD,OAElB,cAAc1U,UACd,qBAAqB08B,kBAIlB4O,EAAe1hB,EAAOlV,MAE3BigC,KAAK,aAAc/qB,MACnB+qB,KAAK,WAAYjgC,MAGT42B,cAAc1hB,EAAOlV,YAGxB0qD,sEAAeC,cAAAA,gBAClBC,EAAU/J,GAAUtgE,QAAQnC,KACtBwsE,EAAQt6D,WAAW,SAAW,GAAKs6D,KAC3CpC,OAAO7jE,GAAUynC,aAAay+B,eAAgBD,EAAS,SAAU5qD,GAC7DA,IACUA,GACH2qD,MACC10D,oCAUP60D,EAAcC,EAASx9B,GACzBA,MAAeszB,GAAUnpC,WACzBqzC,MAAqBx2E,GAAE,mBAExBiE,SAAGoB,SAEDoxE,EAAcnK,GAAU70B,iBAExBtuC,EADQN,IACKi3B,GAAUiC,cAGxB99B,EAAI,EAAGA,EAAI,EAAGA,IAAK,KAChByyE,EAAa,IAANzyE,EACPyyC,EAAMggC,EAAM,IAAM,IAClBC,EAAUD,EAAM,QAAU,SAC1BE,EAAa/+D,OAAO4+D,EAAY/7E,aAAag8C,IAE7CmgC,EAAa72E,GAAE,UAAY02C,EAAM,iBAGjCogC,EAASD,EAAWl6E,UACfopC,YAAY+wC,OAEjBC,EAAQD,EAAO,GAGjBE,EAAWR,EAAQG,KACjBM,EAAWD,IACXnsE,WAAW3H,MAAMyzE,GAAWM,EAAW,SACzCC,EAAMH,EAAMhmC,WAAW,MACvBomC,SAAQ3tE,SAAK4tE,cAEbC,UAAY,iBACZC,SAAS,EAAG,EAAGP,EAAMl0E,MAAOk0E,EAAMt0E,UAG/BqyB,WAAWzyB,SAGd20E,GAlCQ,IAkCW,GACT7nE,SAAS6nE,EAnCX,IAmC6B,IAAM,SAEtC,GAAKE,MACRxvD,aACCriB,EAAI,EAAGA,EAAI+xE,EAAW/xE,MACnBsxE,GAxCE,MAyCDI,EAAM/zE,WAAU,KACjB6H,WAAW7I,OAAO0lB,KACjBriB,GAAKqiB,EAAKqpB,WAAW,QAGzB4lC,GAAWK,EA9CN,MAAA,MAoDNL,GAAWK,MAEXO,EAASpuE,EAAO6vC,EAGhBw+B,EAAO,GAAKD,EACdE,EAAQ,MACPpyE,EAAI,EAAGA,EAAIivE,EAAWhhF,aACnBghF,EAAWjvE,KAEbmyE,GAAQhuE,IAHqBnE,SAQ7BqyE,EAASD,EAAQF,IAEnBI,KAAO,yBAEPC,EAAWhB,EAAaW,EAAUE,EAASF,EAC3CM,EAAWD,EAASF,EAEpBI,EAAS,EACNF,EAASX,GAAU,IACZS,MAGNK,EAAOp5E,KAAKoR,MAAM6nE,GAAU,GAC9BlB,KACEsB,OAAOD,EAAM,MACbE,OAAOF,EAAM,OAEbC,OAAO,GAAID,KACXE,OAAO,EAAGF,OAGTF,EAAWjB,GAAcW,MAC5BjsD,YACAmsD,GAAS,IACH94E,KAAKoR,MAAMvG,OACd,KACC0uE,EAAOp0D,OAAO2zD,GAAOtwE,MAAM,KAAK,GAAG7T,SACjCkW,EAAIP,QAAQivE,MAIR,IAAV5sD,GAAyB,MAAVA,GAAkBA,EAAQ,KAAS,MAC3CA,EAAQ,IAAQ,KAGvBorD,IACEyB,SAAS7sD,EAAOssD,EAAS,EAAG,OAC3B,KAEC9wE,EAAMgd,OAAOwH,GAAOnkB,MAAM,QAC3B9B,EAAI,EAAGA,EAAIyB,EAAIxT,OAAQ+R,MACtB8yE,SAASrxE,EAAIzB,GAAI,EAAIuyE,EAAS,EAAS,EAAJvyE,OAIrC+yE,EAAOV,EAAS,OAEjBryE,EAAI,EAAGA,EAAI,GAAIA,IAAK,KACnBgzE,EAAO15E,KAAKoR,MAAM6nE,EAASQ,EAAO/yE,GAAK,MACvC8xE,GAAUkB,EAAOrB,EAAU,UAEzBv1C,SACAq2C,GAAUV,EAAW,GACnB,KACKH,aAGLE,EAAOW,MA5HP,MA8HCn5E,KAAKoR,MAAM6nE,EAASQ,EAAO/yE,GAAK,OAInCizE,EAAWjzE,EAAI,EAAK,GAAK,GAC3BqxE,KACEsB,OAAOK,EAAM,MACbJ,OAAOI,EAAMC,OAEbN,OAAO,GAAIK,KACXJ,OAAOK,EAASD,OAGdX,IAERa,YAAc,SACd92C,cAUFigB,EAAeoK,GAAOpK,aAAe,SAAUpb,EAAQ4G,OACrD8L,EAAOszB,GAAUnpC,UACjBq1C,EAAQ1sC,EACR2sC,EAAOz4E,GAAE,cAEXuO,EAAIu9B,EAASjpC,QAAS2L,EAAIs9B,EAASrpC,SACjCi2E,EAAQnqE,EAAGoqE,EAAQnqE,EACnBoqE,EACDJ,EAAM,GAAGK,WAAaH,EAAQ,EAD7BE,EAEDJ,EAAM,GAAGM,UAAYH,EAAQ,EAE5BlB,EAAQ33C,GAAUi5C,mBACpBp6E,KAAKoQ,IAAI2pE,EAAOpM,GAAUx8B,SAAWkJ,EAAOy+B,KAC5C94E,KAAKoQ,IAAI4pE,EAAOrM,GAAU54B,SAAWsF,EAAOy+B,GAE5ClpE,IAAMmqE,GAASlqE,IAAMmqE,IACdlpC,IAAI,WAAY,YAEhBA,IAAI,WAAY,cAGrBupC,EAAUP,EAAKh2E,SAAW,EAC1Bw2E,EAAUR,EAAK51E,QAAU,IAC1BA,MAAM0L,GAAG9L,OAAO+L,OACf0qE,EAAU1qE,EAAI,EACd2qE,EAAU5qE,EAAI,EACdub,EAASwiD,GAAU5qB,aAAanzC,EAAGC,GAEnC4qE,EAAQD,EAAUF,EAElBI,EAAU9qE,EAAI,EAAImqE,EAAQ,EAC1BY,EAAU9qE,EAAI,EAAImqE,EAAQ,EAE3BzrC,KAYI72C,GAAKyzB,EAAOzzB,IACZC,GAAKwzB,EAAOxzB,QAXN6iF,GADIP,EAAWK,GACMG,IAGrBF,GADIN,EAAWI,GACMI,GAWhC9yC,EAEEgmC,GAAUx8B,SAAW0oC,EAAM31E,WAEpB,GAAGg2E,WAAa/uD,EAAOzzB,EAAI,KAC3B,GAAGyiF,UAAYhvD,EAAOxzB,EAAI,OAG7B,GAAGuiF,WAAaQ,IAChB,GAAGP,UAAYQ,MAGjB,GAAGT,WAAa3rC,EAAO72C,EAAIqiF,EAAQ,IACnC,GAAGI,UAAY5rC,EAAO52C,EAAIqiF,EAAQ,GAEtC74C,GAAUkM,eACCysC,EAAMz/B,KACVugC,WAEmB,IAA1B/mC,GAAQgnC,eAA2B1tB,GAAOmgB,wBAC1C,eAAex4B,QAQfgmC,EAAwB,eACxBj9E,SAAO8rC,SACLoxC,EAA0C,SAA/BpN,GAAUhzB,SAAS,QAC9BqgC,EAA8C,SAAjCrN,GAAUhzB,SAAS,UAChCsgC,GAAwB,eAAgB,cACxCC,GAA+B,2BAA4B,8BAA+B,aAAc,iBAC1GF,MACGn9E,KAASo9E,EAER55E,KADK45E,EAAqBp9E,IAChBykE,SAAS,+BAGrB34B,GAAQiwB,SAAS,qBAGhB/7D,KAASo9E,OACHA,EAAqBp9E,IACpB2gE,YAAY,eAItBwc,GAAaD,MACVl9E,KAASq9E,EAER75E,KADK65E,EAA4Br9E,IACvBykE,SAAS,+BAGrB34B,GAAQiwB,SAAS,qBAGhB/7D,KAASq9E,OACHA,EAA4Br9E,IAC3B2gE,YAAY,eAIhBv4B,cAAc,gCACd80C,WACEC,OAIV,iBAAiB5oE,KAAK,eAChB4+D,EAAS3vE,GAAE,IAAMtL,KAAKqT,GAAK,SAC7B+xE,GAAa,KACfplF,MAAMizB,WAAW5W,KAAK,WACjB/Q,GAAEtL,MAAMusE,SAAS,iBACP,OAGVwS,YAAY,YAAaqG,UAuE9BC,GAAqB,eACrBz0E,EAAOuE,EAEC,MAARvE,GAAiBA,EAAKuF,eAAqB,UACzCkqE,EAAmBzI,GAAUh4C,oBAAoB0gD,sBACjD9wC,EAAcooC,GAAUjzB,UACxBlwC,EAA8B,OAAvB22B,GAAUiC,SAAoBjC,GAAUiC,SAAW,KAE1Di4C,EAAyB,aAAhB91C,EACT+1C,EAAYj6E,GAAE,0BAClB,8KAEyByzC,OACf,MAARnuC,EAAc,KACV0iB,EAAS1iB,EAAK0a,SAOdnoB,EAAQy0E,GAAUngE,iBAAiB7G,MACvC,UAAUQ,IAAIjO,OAEVqiF,EAAU5N,GAAUjxB,QAAQ/1C,SAChC,SAASQ,IAAIo0E,MACb,gBAAgBne,OAAO,SAAU,QAASme,GAExC5N,GAAUhhC,UACG,UAAXtjB,GAA8C,UAAxBskD,GAAUjzB,YAE7BizB,GAAUtgE,QAAQ1G,GAAMyW,WAAW,aACxBq6D,eAAe,KAQ9B4D,GAA0B,aAAhB91C,EAkCR,KACCwG,EAAQrpC,EAAK84E,qBACjB,qBAAqBhd,YAAY,uBAAuB5E,SAAS,kBACjE,qBAAqBkb,YAAY,YAAapyE,EAAK6f,kBAG7C,uBAAwB7f,EAAK4iC,eAAiB,YAAc,cAEhEyG,EAAO,KACH0vC,EAAUp6E,GAAE,aACdmJ,MACI9S,EAAI6S,GAAYwhC,EAAMr0C,KACtBC,EAAI4S,GAAYwhC,EAAMp0C,OAE5B,gBAAgBwP,IAAI4kC,EAAMr0C,MAC1B,gBAAgByP,IAAI4kC,EAAMp0C,GACxBo0C,EAAM53C,OACAgT,IAAI4kC,EAAM53C,MAAM6iE,WAAW,cAE3B7vD,IAAI,GAAGf,KAAK,WAAY,yBApDlC,mBAAmBgS,QAEhB,OAAQ,SAAU,WAAWrW,SAASsnB,MACvC,aAAayrB,WACV,KACDp9C,SAAGC,aAGF,IAAK,WAAY,QAAQoK,SAASsnB,GAAS,KACxC9H,EAAKosD,GAAUxkD,gBAAgBxiB,IACjC4a,MACQA,EAAR7pB,IAAQ6pB,EAAL5pB,UAGHgP,EAAK5K,aAAa,OAClB4K,EAAK5K,aAAa,KAGpByO,MACED,GAAY7S,KACZ6S,GAAY5S,OAGhB,eAAewP,IAAIzP,GAAK,MACxB,eAAeyP,IAAIxP,GAAK,MACxB,aAAaygB,WAIXsjE,IAAW,QAAS,OAAQ,OAAQ,IAAK,OAAO35E,SAASsnB,MAC7D,gBAAgB8zC,OAAOue,MACvB,kBAAkBve,OAAkB,SAAX9zC,MACzB,kBAAkByrD,YAAY,WAAsB,IAAV57E,OA2BxCyiF,mBAGG,KAAM,QAAS,iBACd,QAAS,kBACR,KAAM,KAAM,cACX,KAAM,KAAM,KAAM,YACrB,KAAM,KAAM,KAAM,sBAKpB7vE,EAAWnF,EAAXmF,QAMH8vE,EAAW,QACC,MAAZ9vE,MACS6hE,GAAUtgE,QAAQ1G,MAC3B,YAAYyR,QAGgB,MAA5BzR,EAAKuF,WAAWJ,UACbzK,GAAEsF,GAAMwvB,WAAWxhC,YACpB,YAAYyjB,SACHu1D,GAAUtgE,QAAQ1G,EAAKuF,iBAKpC,oCAAoCixD,QAAQye,GAE1CA,MACA,aAAaz0E,IAAIy0E,GAGjBD,EAAO7vE,GAAU,KACb+vE,EAAWF,EAAO7vE,SAEtB,IAAMA,EAAU,UAAUsM,UAE1BhG,KAAKypE,EAAU,SAAUn1E,EAAGxI,OACxBsjB,EAAU7a,EAAK5K,aAAamC,MACL,OAAvBijC,GAAUiC,UAAqBz8B,EAAKzI,GAAO,KACvC49E,EAAKn1E,EAAKzI,GAAM0G,QAAQ0B,QACpBiE,GAAYuxE,MAEtB,IAAMhwE,EAAU,IAAM5N,GAAMiJ,IAAIqa,GAAW,KAG/B,SAAZ1V,KACA,eAAeglC,IAAI,UAAW,aAC9B,mBAAmBA,IAAI,UAAW,UAChC68B,GAAUpwB,eACV,gBAAgBqc,SAAS,uBAAuB4E,YAAY,kBAE5D,gBAAgBA,YAAY,uBAAuB5E,SAAS,eAE5D+T,GAAUtwB,aACV,cAAcuc,SAAS,uBAAuB4E,YAAY,kBAE1D,cAAcA,YAAY,uBAAuB5E,SAAS,kBAE5D,gBAAgBzyD,IAAIR,EAAK5K,aAAa,mBACtC,cAAcoL,IAAIR,EAAK5K,aAAa,iBACpC,SAASoL,IAAIR,EAAKpD,aAChBoqE,GAAUhhC,qBAED,cACP,SAASwC,QAAQ32B,UAClB,UAGA,GAAgB,UAAZ1M,GAA+C,UAAxB6hE,GAAUjzB,YAC9BizB,GAAUtgE,QAAQ1G,SAEzB,GAAgB,MAAZmF,GAA+B,QAAZA,EAAmB,IAC7C,oBAAoBsM,WAChBoX,EAAQm+C,GAAUv0B,WAClBzsB,EAAQtrB,GAAE,YAAY,KACtBiF,MAAQkpB,EA9hBA,SAAU7oB,OACxBiJ,EAAI5P,KAAKkQ,IAAIlQ,KAAKoQ,IAAI,GAAyB,EAApBzJ,EAAKL,MAAM3R,OAAY,IAAK,QAC3DgS,GAAMzC,MAAM0L,IA6hBM+c,MACZ,YAAY5X,KAAK,WAAwB,QAAZjJ,OAGZ,MAAZA,EAAkB,KAAO,OAAS,wBAAwB,eAC7C,MAAZA,GAAoBirE,EAAyB,KAAR,OAAgB,wBAAwB,eAEhFA,MACP,wBAAwB3+D,SAEvBonC,uBAAuB,UACvBu8B,wBAAwB,eAEjBA,wBAAwB,oFAIlC,cAAcjH,YAAY,WAA2C,IAA/B7jD,EAAQ+qD,uBAC9C,cAAclH,YAAY,WAA2C,IAA/B7jD,EAAQgrD,uBAEtCtvC,UAAW,EAEhBhmC,IAAS00E,GAAWtE,MAErB,kBAAkB/f,WAAW,YAAY7vD,IAAIivE,KAGtC52B,uBAAuB,qEAE9B,kBAAkBp5C,KAAK,WAAY,aAInC81E,GAAkB,eAElBC,QAEEC,EAAO,qDAAuD,EAAIzO,GAAUnpC,UAAY,WAC5F,oBAAoBlhC,KAAK6pC,EAASm1B,SAAS,aAAe8Z,EAAO,MAGjEC,GAAa,GAEXC,GAAc,SAAU9sD,KACpBA,GAASm+C,GAAUl4B,uBACrBgE,EAAWi8B,GAAalmD,EAAQ,KAAOA,EAAQ,OAMnD,eAAelsB,KAAKm2C,aAoFf8iC,GAAS51E,UACTA,GAAyB,MAAjBA,EAAKmF,SAAmB4iB,GAAMqB,YAAYzkB,KAAK3E,EAAK5K,aAAa,cA4D5EygF,GAAW,iBAwBXC,GAAc9O,GAAU8O,YAAc,SAAUza,EAAKp+D,EAAM84E,SAGrDvvC,EAEJwvC,EAAQhP,GAAUzzB,YAAYt2C,EAAMi2E,EAAM31E,QAJjC,GAImD21E,EAAM/1E,SAJzD,OAKV64E,OACCtuC,EAAYsuC,EAAMtiC,KACtB94B,EAAKo7D,EAAM/4E,KAETyqC,EAAY,SACF/nC,MAAO,SAInB,SAASa,KAAiB,IAAZknC,GAAiB/jC,QAAQ,IAErCoyE,SAGW,GAAQhlF,EAAG6pB,EAAG7pB,EAAI22C,EAAa9sB,EAAGrd,MAAQmqC,EAAa,EAAG12C,EAAG4pB,EAAG5pB,EAAI02C,EAAa9sB,EAAGzd,OAASuqC,EAAa,IAG7F,SAAxBs/B,GAAUjzB,WAAwBn5B,EAAGrd,mBAQrC04E,GAAa,SAAUC,OACrBxuC,EAAYwuC,EAAIv2E,MAAQ,OAC1B+nC,EAAY,OACV/nC,MAAQ,YAGR+zC,EAAOszB,GAAUnpC,UACjBq1C,EAAQ1sC,KAEFz4C,cACH,SACC,KAEJmlF,EAAM,GAAGK,WAAaL,EAAM31E,QAAU,GAAKm2C,KAC3Cw/B,EAAM,GAAGM,UAAYN,EAAM/1E,SAAW,GAAKu2C,OACzChM,IACL,QAGH,sBAAsByuC,SAAS,IAAK,QAAS,eACvC9oB,EAAO3yD,GAAEtL,aACXi+D,EAAK5tD,KAAK,gBACFwvB,kBAEAI,WAAWg+B,EAAK1wD,WAElBwW,kBACH,QAoCHijE,GAAa,aACR3/C,KAAK4/C,SACLl6C,OAAOk6C,QAGZC,MAEAC,GAAkB,cACpB,iBAAiB9qE,KAAK,eAChB4+D,EAAS3vE,GAAE,IAAMtL,KAAKqT,GAAK,aAC7B4nE,EAAOpoD,KAAK,kBAIVyiD,EAAWhqE,GAAEtL,MAAMizB,WAAWlU,IAAI,kBAC/B/e,KAAKy5B,QACXu2C,QACI,GAAGv2C,MAAQ67C,EAAS9jE,KAAK,WAI9B41E,MAKAC,GAAe,SAAUC,MAC3BjrE,KAAKirE,EAAS,SAAUC,EAASC,SAC5BJ,GAAWG,QACHA,aAEFA,IAASn/E,eAAQo/E,QAEtB/R,EAAUnqE,GAAEi8E,GAASt0D,WAAWw0D,IAAI,4BACpCC,EAAUH,EAAU,QACpBtM,EAAS3vE,GAAEo8E,GACbC,GAAM,IACF9jB,SAAS,uCACdjpB,OAAO,2BACPv+B,KAAK,eAEEurE,EAAQ,IAAM5nF,KAAKgG,aAAa,QACpBmL,OAAO9R,QAAQmoF,GAASxmE,KAAK,0CAAMkJ,MACpC09D,aADVj3E,OAAGytC,UAKEA,EAAKl0B,KAAOk0B,EAAKhuC,GAEzBguC,EAAKypC,cAAmBl3E,OAOtBm3E,EAAe,SAAU7pF,OACzB8kE,EAAU3kB,KAEE,YAAZngD,EAAGG,KAAoB,KACnB2pF,EAAmBz8E,GAAEy3D,EAAQnsD,OAAS,SAAS21D,SAAS,uBACxDyb,EAAmB18E,GAAEy3D,EAAQnsD,OAAS,SAASvG,KAAK,sBACnDhR,QAAQioF,EAAQlpC,EAAKxnC,SAASvB,KAAK,yBAAE1E,OAAGs3E,UACzCA,EAAK/9D,MAAQ89D,SAGZ/pF,EAAGkpB,UAAa4gE,KAIfttE,SAAS9J,EAAG,MAENy2E,GAAWhpC,EAAKxnC,QAAQjG,EAAI,IACpC22E,EAAQlpC,EAAKxnC,QAAQ,MANbqxE,GAQL,OAGP38E,GAAEtL,MAAMusE,SAAS,mBAAsB,EACvC8U,EAAgBqG,MACVt3E,SAEN0wD,YACAiC,EAAQjC,KACHx1D,GAAEk3D,WAAWO,EAAQjC,MAAM,GAE3Bx1D,GAAEy3D,EAAQ74C,KAAK+I,WAAW25C,GAAG,GAAG3kE,SAGpC,GAAGlC,aAAa,QAASk1E,EAAO9sE,WAChC,GAAGpI,aAAa,SAAUk1E,EAAOltE,YAC/BklB,SAAS,6BAA6BtlB,WACtCL,OAAOwzD,GAAMzwD,KAAK,cAAe0yD,EAAQ74C,SAGhDlqB,MAAMk2C,QAAQ4xC,GAEZ1pC,EAAK9tC,QACLtR,UAAUiI,KAAK,UAAWm3C,EAAK9tC,IAAI,GAAK,UAAY8tC,EAAK9tC,IAAI,GAAIw3E,KAIrEH,IACKt3E,KAAK,cAAem3E,EAAQG,GAAKz9D,KAC9B+wD,EAAO5qE,KAAK,kBAEfA,KAAK,cAAem3E,EAAQ,GAAGt9D,SAGpCg+D,SACEz6E,EAAMnC,GAAEo8E,GAASrd,aAGhB32B,UAAU,SAAU/sB,MACrBs0D,EAAO1O,SAAS,mBACX,MAEHrL,EAAS51D,GAAEi8E,GACX3tE,EAAInM,EAAImoC,KAAO,GACf/7B,GAAsB,EAAlBqnD,EAAO/yD,QACXg6E,EAAOjnB,EAAOruC,KAAK,eAAiB,IAAM,IACxC+hB,WAAW,WAEZqmC,EAAOpoD,KAAK,eAKRkoB,IAAI,OAAQnhC,GAAGyI,SAJf04B,IAAI,OAAQlhC,GAAGwI,OAAO+lE,cACrBxuE,GACL,OAIEiZ,KAAK,eAAe,IAC1Bs1D,KACCppF,mBACHm3C,QAAQ,SAAUvvB,gBACNuhE,OACPplB,EAAMx3D,GAAEtL,MAAMqQ,KAAK,eAErB4qE,EAAOpoD,KAAK,cAAgBvnB,GAAEo8E,EAAQn1E,QAAQ,QAAS,KAAK81E,GAAG,cACjDX,GAAS,GAGvBrG,EAAgBqG,IAAYR,GAAYpkB,OAC9BA,mBASdwlB,GAAmB,SAAUj1E,EAAIimB,UACzBhuB,GAAE,eACL,sBAENkgC,SAAS,eAAel+B,OAAOgsB,IAM9BivD,GAAiB,SAAU33E,EAAM4L,EAAM8gC,EAAUc,OAC/CxK,EAAStoC,GAAEsF,GACV43E,EAAUpqC,EAAVoqC,SACAl9E,GAAEkR,GACLgsE,MACA53E,GAAMizD,SAAS,YAEd7iD,KAAK,MAAM/Z,KAAK,UAAW,WAC1Bm3C,EAAKqqC,YACC,QAAU70C,EAAO,GAAGvgC,GAAI/H,GAAEtL,MAAMizB,eACtCjzB,MAAM6jE,SAAS,WAAWzjC,WAAWqoC,YAAY,cAE5Ch4D,MAAMzQ,KAAM0Q,iBAGnBg4E,GAAW,KACb/pF,QAAQu3C,QAAQ,SAAUvvB,GACrB+hE,MACIjgB,YAAY,UACd1pB,SACAhE,KAAKtF,IAAK,EAAGG,KAAM,QAEf,MAIN3uC,KAAK,YAAa,eACjBomE,EAAMz5B,EAAOxe,SACfozD,KACE/yC,KAAOj5B,EAAKzO,WACZ6nC,MAAQ,KAERH,KAAO7B,EAAO7lC,WAEfqnB,OAAOi4C,GAEPz5B,EAAO24B,SAAS,WAKdxtB,SACAhE,KAAKtF,IAAK,EAAGG,KAAM,QALnBvzB,UACM,KAMN08D,YAAY,UAClB4J,MAAM,cACI,IACVpd,SAAS,cACC,IAGTntB,EAAKwqC,cACFl1C,UAAU,cACF,KAKXm1C,SAybI5hF,KAAK,WA/4BS,SAAUglE,EAAKn0D,OAC/B64D,EAAOiH,GAAUjzB,UACV,WAATgsB,WAGE2U,EAAkB,aAAT3U,IAEqB,IAAjB74D,EAAMlZ,QAA4B,MAAZkZ,EAAM,GAAaA,EAAM,GAAK,OACtDA,EAAMlZ,QAAU,GAAiB,MAAZkZ,EAAM,GACrB,MAAnB3C,IAKGmwE,GAnUa,eAChB30E,SAAGH,YACgB,MAAnB2E,SACMA,EAAgBY,aACnB,UACA,YACA,0BAEA,QACA,QAEGg6B,EAAS56B,EAAgB66B,qBAAqB,KAChD84C,EAAS,SACRn4E,EAAI,EAAGH,EAAMu/B,EAAOnxC,OAAQ+R,EAAIH,EAAKG,IAAK,KACvCo4E,EAASh5C,EAAOp/B,GAAG3K,aAAa,gBAE5B,IAAN2K,IACOo4E,EACAD,IAAWC,MACX,SAIX,iBAAiB33E,IAAe,OAAX03E,EAAkB,GAAKA,KAErCzhD,KAAKzoB,QAAO,KACZmuB,OAAOnuB,QAAO,mBAIdyoB,KAAKzoB,QAAO,KACZmuB,OAAOnuB,QAAO,MAErB,iBAAiBxN,IAAI+D,EAAgBnP,aAAa,iBAAmB,MACrE,iBAAiBoL,IAAI+D,EAAgBnP,aAAa,qBAAuB,YAEvEqK,EAAO8E,EAAgBnP,aAAa,oBAAsB,QAE1DsF,GAAE,aAAe+E,GAAMzR,UACZ0M,GAAE,aAAe+E,GAAM,MAG/B8E,EAAgBnP,aAAa,mBAAqB,OAErDsF,GAAE,YAAc+E,GAAMzR,UACX0M,GAAE,YAAc+E,GAAM,OAMlB,MAAnB8E,EAAyB,KACrB6zE,EAA8D,KAAlD7zE,EAAgBnP,aAAa,YAAc,MAC3D,kBAAkBoL,IAAI43E,MACtB,gBAAgB3hB,OAAO,SAAU,QAAS2hB,MAC1C,YAAY53E,IAAI+D,EAAgB9B,OAChC,eAAejC,IAAI+D,EAAgBnP,aAAa,kBA3jB3B,SAAUijF,EAAUnxE,MAC3C,oBAAoBsvD,OAAO6hB,MAC3B,mCAAmC7hB,QAAQ6hB,GACzCA,MAEA,wBAAwBxgB,YAAY,uBAAuB5E,SAAS,kBACpE,gBAAgBA,SAAS,uBAAuB4E,YAAY,iBACtD,eAAgB,kBACR,EACZ3wD,EAAMlZ,WACUkZ,EAAM,gBAGf,aACD,eAAgB,WACvB,MA6zBcwtE,EAAQxtE,WAEjBo4B,cAAc,oEA03BhBjpC,KAAK,aA12BW,SAAUglE,EAAKn0D,OACjC64D,EAAOiH,GAAUjzB,UACjB/zC,EAAOkH,EAAM,MAEdlH,UAIYkH,EAAMlZ,QAAU,GAAiB,MAAZkZ,EAAM,WAGlC64D,OACH,aACGuY,EAAMtR,GAAUngE,iBAAiB7G,MACrC,UAAUQ,IAAI83E,MACd,kBAAkBnK,YAAY,WAAoB,IAARmK,MAStCh5C,cAAc,qCAm1BhBjpC,KAAK,UA7zBQ,SAAUglE,EAAKn0D,OAC9B64D,EAAOiH,GAAUjzB,UACV,WAATgsB,WAIC,IAAIhgE,EAAI,EAAGA,EAAImH,EAAMlZ,SAAU+R,EAAG,KAC/BC,EAAOkH,EAAMnH,GAEbw4E,EAAav4E,GAAyB,QAAjBA,EAAKmF,QAC5BozE,GAAa3C,GAAQ51E,QAGnBu4E,QAKKv4E,GAAQuE,GAAiD,MAA9BA,EAAgBgB,eAElCvF,MAIf0mE,iBAAkB,OAYrBniE,GAA4B,WAATw7D,MACZtpC,KAAKzoB,WACLmuB,OAAOnuB,aAGRsxB,cAAc,iCAqxBhBjpC,KAAK,QAhrDK,SAAUmiF,EAAMx9E,SAC3B0rE,iBAAkB,IAInB,0BAA4B1rE,EAI9BiE,MACe,GAAG,YAMhBT,EAAIpQ,SAAS64B,cAAc,OAC/BY,KAAO,6BAA+B4wD,GAAez9E,KACrD09E,SAAW,aAEX/yD,YAIEqoB,EAAOtzC,GAAE0rD,KAAK,uBACL,QAATpY,EAAgB,KACd2qC,EAAO7tE,GAAUynC,aAAaqmC,gBAAgBj3E,QAAQ,KAAM,OAE5D3C,IACEhE,EAAII,SAAS,aAEP,OAAS0P,GAAUynC,aAAasmC,kBACtCzyB,KAAK,mBAAoB,SACpB,UAELA,KAAK,mBAAoB,WAG3BA,KAAK,mBAAoB,OAEhB,SAATpY,SACI2qC,UAwoDFtiF,KAAK,WA7nDO,SAAUglE,EAAKp5C,OAC5BipB,EAA4BjpB,EAA5BipB,OAAQ2C,EAAoB5rB,EAApB4rB,oBAEXA,MACa9/C,OAAOu/C,KAAKmrC,IAA4B,GAAI5qC,IAGxDs/B,IAAgBA,EAAaz7D,aAKrBonE,SAASjxD,KAAO5F,EAAKgsB,SAAWhsB,EAAKssB,QAErC,QADA7zC,GAAE0rD,KAAK,sBACA,KACduyB,EAAO7tE,GAAUynC,aAAaqmC,gBAAgBj3E,QAAQ,KAAMsgB,EAAKz0B,MAGjE09C,EAAOl9C,YAEA,OAAS8c,GAAUynC,aAAawmC,gBAD7B,QACqD7tC,EAAOtqC,KAD5D,aAMZwlD,KAAK,qBAAsB,SAChBzoD,MAAMg7E,YAlBjBh7E,MAAMmN,GAAUynC,aAAaymC,yBAsnDzB3iF,KAAK,cAAe,SAAUglE,EAAKp5C,OACpC4rB,EAAoB5rB,EAApB4rB,iBACHA,MACa9/C,OAAOu/C,KAAK,GAAIO,IAE5Bs/B,IAAgBA,EAAaz7D,SAIrBonE,SAASjxD,KAAO5F,EAAKtE,UAH9BhgB,MAAMmN,GAAUynC,aAAaymC,yBAKzB3iF,KAAK,SAAUy/E,OACfz/E,KAAK,WAAYw/E,OACjBx/E,KACR,wBAQUglE,SAAMr6B,IAAAA,OAAQ4G,IAAAA,SACT5G,EAAQ4G,QAGfvxC,KAAK,aA9sBQ,SAAUglE,EAAK6B,OAChC+b,EAAU,MACV/b,EAAS,KACP17D,EAAM,KACA,6BAA+BwlE,GAAUh4C,oBAAoB0gD,sBAAwB,UAE7FxS,GAAS5tC,aAAa,mBAAmBC,UAAU9jB,KAAK,WACpDrc,KAAKqT,QACA,MAAQrT,KAAKqT,MAChBrT,OAAS8tE,EACA,kBAAoB9tE,KAAKqT,GAAK,OAE9B,MAAQrT,KAAKqT,SAKjBjB,UAEA,QAEb,sBAAsBg1D,SAAS0G,GAAShK,KAAK+lB,aA0rBvC5iF,KAAK,kBAldE,SAAUglE,EAAK17B,MACzBA,OAGDu5C,GAAW,EACXC,GAAa,KAEbx5C,EAAIy5C,aACF5yB,GAAOigB,YAAa,KAChBkB,EAAOjtE,GAAE0rD,KAAK,UAChBgzB,4CAGY5R,IAAiBC,YAAaE,EAAMD,YAAa/nC,EAAIhxC,iBAGzD6I,KAAKmoC,OAiBf05C,EAAc,WACd15C,EAAI+M,WAAawsC,OACR,IACPxsC,SAAS97B,KAAK41C,MAIhB8yB,KAiBF35C,EAAI45C,kBACJ9tE,KAAKk0B,EAAI45C,cAAe,SAAUx5E,EAAGs3E,OAE/BmC,EAASnC,EAAKoC,aAAgB,QAAUpC,EAAKoC,aAAe,IAAO,GAErEC,EAAQh/E,GAAE,IAAM28E,EAAKqC,OAEpBA,EAAM1rF,WACD0M,GAAE,SAAU+H,GAAI40E,EAAKqC,QAAQ9+C,SAAS,mBAG5Cs4B,gBAEImkB,EAAK7pF,UACR,gBACI,4BAA8B6pF,EAAK50E,GAAK,aACzC20D,EAAM18D,GAAEw4D,GAAMt4B,SAAS8+C,GACzBrC,EAAKp5C,WACLxyB,KAAK4rE,EAAKp5C,OAAQ,SAAUloB,EAAK4jE,MAC/BviB,GAAK/gE,KAAK0f,EAAK4jE,eAIlB,WACI,SAAWH,EAAS,gBACRnC,EAAK50E,GAAK,QAC3BgJ,KAAK4rE,EAAKllB,QAAS,SAAU3xD,EAAK7D,OAC5B2c,EAAO9Y,IAAQ62E,EAAKuC,OAAU,YAAc,MAC1C,kBAAoBp5E,EAAM,IAAM8Y,EAAM,IAAM3c,EAAO,kBAIvD2c,EAAM5e,MAFJ,qBAEYkgC,SAAS8+C,GAAOtpE,KAAK,aAEvC3E,KAAK4rE,EAAKp5C,OAAQ,SAAUloB,EAAK4jE,MAC/BrgE,GAAKjjB,KAAK0f,EAAK4jE,eAGhB,kBACI,YAActC,EAAK50E,GAAK,qCAAuC40E,EAAKxuD,MAAQ,kBAC/DwuD,EAAK50E,GAAK,yDAExBmJ,EAAOlR,GAAE,WAAa28E,EAAK50E,GAAK,gBAAgBm4B,SAAS,iBAE3Dy8C,EAAKwC,UACF5mB,SAAS,UAAYokB,EAAKwC,QAIVn/E,GAAEw4D,GAAMt4B,SAAS8+C,GAAOr3D,aAEpC7qB,WACF,IAAM6/E,EAAK50E,QACX,IAAM40E,EAAK50E,GAAK,cAChB40E,EAAKxuD,eACFwuD,EAAKp5C,OAAO42B,WAChB,QAAUwiB,EAAK50E,eAIpB,UACI,SAAW+2E,EAAS,cACVnC,EAAK50E,GAAK,WACzB40E,EAAKrxD,MAAQ,sBACGqxD,EAAK50E,GAAK,YAAc40E,EAAKxuD,MAC7C,YAAcwuD,EAAKtlB,MAAQ,KAAO,aAAeslB,EAAKuC,QAAU,IAAM,8BAKlEE,EAAMp/E,GAAEw4D,GAAMt4B,SAAS8+C,GAAOtpE,KAAK,SAErCinE,EAAK0C,YACH3gB,WAAWie,EAAK0C,UAGlB1C,EAAKp5C,WACLxyB,KAAK4rE,EAAKp5C,OAAQ,SAAUloB,EAAK4jE,KAC7BtjF,KAAK0f,EAAK4jE,YAWjBK,EAAYr6C,EAAZq6C,YACHr6C,EAAIklC,QAAS,KACToV,KACJC,KACAxD,WA8BAjrE,KAAKk0B,EAAIklC,QAAS,SAAU9kE,EAA0Co6E,WACjE13E,EAAM03E,EAAN13E,GACDyB,EAAMnE,EAEHrF,GAAE,IAAM+H,GAAIzU,UACZmsF,EAAI13E,GAAK,OAASyB,MAGrBgsD,YACC8pB,EAEE,GACOv3E,GAAM03E,EAAIjqB,SAChBkqB,EAAUD,EAAIC,SAAWD,EAAI13E,GAClB,aAAb03E,EAAI3sF,OACO,IAAMiV,EAAK,UAAY23E,IAEvB,IAAM33E,GAAM23E,SAPpB1/E,GAAE,aAAey/E,EAAIjqB,KAAO,UAWjCmqB,SAAKr0E,gBAGDm0E,EAAI3sF,UACP,kBACA,SACG,gBACG,wBAEN,YACG,gBACG,IAAM2sF,EAAIT,MAEdh/E,GAAEsL,GAAQhY,WACX,SAAUyU,GAAI03E,EAAIT,QAAQ9+C,SAAS,wBAGpC,aACG,KACG,oBAGP0/C,SAAcC,SAAMC,SAASC,SAASC,SACpC13C,EAAStoC,GAAGy/E,EAAIvuE,MAAqB,aAAbuuE,EAAI3sF,KAAuB,QAAU,UAChEiS,KAAK,KAAMgD,GACXhD,KAAK,QAAS06E,EAAItxD,OAClBoqC,SAASonB,MACPF,EAAIQ,aAAgBR,EAAIvuE,MA+DtB,GAAIuuE,EAAIvuE,WAENqnD,SAAS,kBACd,IAAMknB,EAAIvuE,KAAO,SAASlP,OAAOsmC,GAC/Bm3C,EAAIlD,UAAW,IACf,QAAUkD,EAAIvuE,MAAMlP,OAAOsmC,EAAO3gB,WAAWhrB,aACzC+iF,EAAUD,EAAIC,SAAWD,EAAI13E,KACtB,QAAU03E,EAAIvuE,MAAQwuE,QAEhC,GAAID,EAAIQ,YAAa,KAEpBntC,EAAO2sC,EAAIQ,iBAERjgF,GAAE8yC,EAAKxK,SAEMh9B,aAElB40E,SACCF,EAAO10E,SAAS21D,SAAS,oBAEpB+e,EAAO,GAAGj4E,GAAGd,QAAQ,QAAS,YAC5B+4E,EAAOrjF,QACdoI,KAAK,KAAMm7E,EAAQ,SACnBl+E,OAAOhC,GAAE,SAAUs2D,MAAO,0BAEtBvtC,OAAO+2D,KAEC9C,GAAiBkD,EAAOF,MAG/BG,GAAQC,cAActtC,EAAKxK,QAEjCwK,EAAKypC,cACM,IAAM2D,EAAQ,SAAWT,EAAI13E,MAKrCi0E,EAAQ,IAAM4D,EAAa,GAAG73E,UAC9B,IAAMA,KACP03E,EAAIl8C,OAAOtY,WACTw0D,EAAI13E,OACL03E,EAAIz6E,cACEs+D,QAAQmc,EAAIQ,aAAeR,EAAIQ,YAAY1D,YACrDwD,OAIG59E,EAAO,aAAc2wC,EAAQA,EAAKisB,SAAW,OAC7C75D,EAAM06E,EAAaj4D,WAAWr0B,QAG/BmJ,MAAM0F,IAAQA,GAAO,GAAKA,EAAM+C,IACtByiB,WAAW25C,GAAGn/D,GAAK4mB,OAAOuf,MAE1BtmC,OAAOsmC,KACfpe,oBAtHH,aAAcu1D,EACZz/E,GAAEsL,GAAQqc,WAAW25C,GAAGme,EAAI1gB,UAAUzrE,UACtCgY,GAAQqc,WAAW25C,GAAGme,EAAI1gB,UAAUh2C,OAAOuf,MAE3Ch9B,GAAQqc,WAAW3J,OAAO+K,OAAOuf,KAG9BpI,SAAS50B,GAGD,gBAAbm0E,EAAI3sF,KAAwB,MAIrBkN,GAAEsoC,IAEWh9B,aAElB40E,SACCF,EAAO10E,SAAS21D,SAAS,oBAEpB+e,EAAO,GAAGj4E,GAAGd,QAAQ,QAAS,YAC5B+4E,EAAOrjF,QACdoI,KAAK,KAAMm7E,EAAQ,SACnBl+E,OAAOhC,GAAE,SAAUs2D,MAAO,0BAEtBvtC,OAAO+2D,MAGC9C,GAAiBkD,EAAOF,IAC1Bz4D,KAAK,aAAa,KACvBA,KAAK,aAAa,MAIf,IAAM24D,EAAQ,SAAWT,EAAI13E,KAInCi0E,EAAQ,IAAM4D,EAAa,GAAG73E,UAC9B,IAAMA,KACP03E,EAAIl8C,OAAOtY,WACTw0D,EAAI13E,cAEC,QAeS,aAAb03E,EAAI3sF,QACNkP,OAAO,SAASA,OAAOy9E,EAAItxD,OA8DjCmxD,KACIt9E,OAAOwzD,GAGXiqB,EAAIvuE,SAELH,KAAK0uE,EAAIl8C,OAAQ,SAAUtvC,EAAMgrF,GACpB,UAAThrF,GAAiC,SAAbwrF,EAAI3sF,MACtB2sF,EAAIQ,cACCtkF,KAAK1H,EAAMgrF,KAEXtjF,KAAK1H,EAAM,WACZ8hF,EAAgBztC,UAKpBm3C,EAAIz6E,SACJtR,UAAUiI,KAAK,UAAW8jF,EAAIz6E,IAAKi6E,GACjCQ,EAAItxD,SACCppB,KAAK,QAAS06E,EAAItxD,MAAQ,KAAOsxD,EAAIz6E,IAAM,SAI/CrJ,KAAK1H,EAAMgrF,QAKXjD,QAGbjrE,KAAK6tE,EAAY,cACFlqF,KAAK4Q,KAAM5Q,KAAKwc,KAAMxc,KAAKs9C,UAAWmrC,SAAS,MAG5DmC,SACK,IAAIpzD,QAAQ,SAACG,EAASC,MACzBqnC,SAAS2rB,KACN,GAAI9wE,EAAG,aACA,UACAnK,aACAk7E,YACCC,oBACD7O,GAGmB,MAAvB3wE,GAAE0rD,KAAK,cAzXf6mB,iBACWA,KACC,MAEXkM,MACWn1C,WAAW,cACV,IACDtpC,GAAE0rD,KAAK,cAClB,0BA2XAizB,UA2DCvxC,YAAYizC,aAAargF,GAAE,SAAS,QAE1C8G,GAAM,sDACRiK,gBAh/Da,UAAW,UAAW,UAAW,UAC5C,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,UACjC,UAAW,UAAW,UAAW,WAu+DrB,SAAU1L,EAAGxI,OACpB,sDAAwDA,EAAO,gBAAkBA,EAAO,gBAE/F,YAAYmF,OAAO8E,OAKf,MACJiK,MAFmB,OAAQ,OAAQ,QAEjB,eACX,oDAAsDrc,KAAO,iBAEpE,cAAcsN,OAAO8E,QACjBw5E,GAAStgF,GAAE,qBAEV+Q,KAAK,WACE/Q,GAAEtL,MACVu2B,MAAM,cACDkyC,YAJG,qBAKRzoE,MAAM6jE,SALE,wBASAv4D,GAAE0rD,KAAK,cAAe1rD,GAAE0rD,KAAK,gBAEzC,0BAA0B5lD,KAAK9F,GAAE0rD,KAAK,kBAuBlC60B,GAAgB,SAAU/E,EAAK11E,GACxB,MAAPA,MAAqB01E,EAAIv2E,UAC3B,kBAAkBa,IAAIA,GACnB01E,GAAQA,EAAIrf,WACb,gBAAgBJ,OAAO,SAAU,QAASj2D,MAEpC4tB,WAAW5tB,EAAM,MAGvB06E,GAAa,SAAUhF,EAAK11E,EAAK26E,GAC1B,MAAP36E,MAAqB01E,EAAIv2E,UAC3B,SAASa,IAAIA,OACX+1C,GAAW,EACV2/B,GAAQA,EAAIrf,YACb,gBAAgBJ,OAAO,SAAU,QAASj2D,MACjC,GAET26E,KACQ/kC,cAAc51C,MAEd61C,QAAQ71C,EAAK+1C,OAIzB,iBAAiBse,OAAO,cACdnf,cAAc,mBAAoBh7C,GAAEtL,MAAMoR,gBAIpD,oBAAoBq0D,OAAO,cACjBnf,cAAc,kBAAmBh7C,GAAEtL,MAAMoR,gBAKnD,UAAUq0D,OAAO,cAAgBzlE,MAAMi7C,aA4HjC6oC,GAEFr5D,GAAcC,GAChBshE,GAAiBC,GA5HjBC,IAAsB,KACxB,kBAAkBzmB,OAAO,eACnB0mB,EAAYnsF,KAAK+iE,QAAQ/iE,KAAKosF,eAAe77E,MAC7C87E,EAAa3wE,GAAUynC,aAAampC,kBAAkB/5E,QAAQ,KAAM45E,GACpEI,EAAc,SAAU57B,GACvBA,QACiB,KACZ67B,oBAAoBL,MACpBpoE,uBAGRooE,IACED,MACU,MAEV7M,QAAQgN,EAAYE,SAK1B,gBAAgB9mB,OAAO,cACb9d,cAAc3nD,KAAKuQ,YAG7B,aAAak1D,OAAO,cACV5nD,WAAWvS,GAAEtL,MAAMoR,YAG7B,SAASnK,KAAK,cAAe,cACnB+gD,eAAehoD,KAAKuQ,YAG9B,cAAck1D,OAAO,aACTzlE,KAAKuQ,YAGjB,aAAak1D,OAAO,WAChBzlE,KAAKuQ,MAAM3R,UACHwpD,WAAWpoD,KAAKuQ,UAEhBk4C,uBAIZ,YAAYgd,OAAO,cACTniB,cAActjD,KAAKuQ,YAG7B,iBAAiBk1D,OAAO,eAClBp1D,EAAOrQ,KAAKgG,aAAa,aAC3BoL,EAAMpR,KAAKuQ,UACD2E,GAAY7E,EAAMe,EAAK+D,aAGjC5G,MAAMmN,GAAUynC,aAAaspC,0BAC1Bl8E,MAAQ4E,EAAgBnP,aAAaqK,IACnC,KAGI,OAATA,GAA0B,UAATA,KACftI,MAAMqJ,KACFwmE,GAAUhjE,aAAavE,EAAMe,QAC9B,GAA2B,OAAvBg6B,GAAUiC,SAAmB,KAGhCq/C,EAAWv4E,KAEbgB,EAAgB9E,IAAiC,aAAxBunE,GAAUjzB,WAAqC,MAATt0C,GAAyB,MAATA,QAC1Eq8E,EAASthD,GAAUiC,cAOnB,OAATh9B,EAAe,KACXO,EAAOuE,KACH4O,mBACL1Q,GAAKjC,KACA6Z,gBAAgBra,IAAO,WAEvBs4C,wBAAwB74C,EAAMe,QAErC6pC,YAIL,YAAYwrB,UAAU,eAChBikB,EAAMp/E,GAAE,4BACZtL,MAAMsN,OAAOo9E,KACXtxC,QAAQzrC,cAGZ,iBAAiB+lC,UAAU,SAAU/sB,OAE/ByvD,EAASzvD,EAAIQ,UAA2B,IAAfR,EAAIitB,OAAe,SAAW,OACzD3H,EAAQ3gC,GAAEtL,MAAM6yB,KAAK,OACrByU,SAGU,SAAV2E,GAA8B,gBAAVA,GAAqC,YAAVA,KACzC,SACA,IAAI3gC,GAAEu6C,UAAUC,SAEhB,IAAIx6C,GAAEu6C,UAAUC,OAAOE,MAAO,IAAKC,WAAYha,EAAMp3B,OAAO,OAG7DuhE,GAAQxwB,SAASte,MAChBwd,SAASsxB,EAAQnqC,GAEb,SAAVA,GAA0D,IAAtC2rC,GAAUlxB,gBAAgB0vB,OACtCrwB,gBAAgBqwB,EAAQ,SAGnCnvE,KAAK,cAAe,SAAUuI,KAAOzQ,sBAEtC,wBAAwBmsB,GAAG,QAAS,cAClC,iBAAiB6zD,YAAY,cAIzB+E,GAAQ1sC,EAAS,GAEnB3sB,GAAQ,KAAMC,GAAQ,KACxBshE,IAAU,EAAOC,IAAS,KAE1B,cAAchlF,KAAK,oBAAqB,SAAU0f,OAClC,IAAZqlE,aAEE7H,YAAex9D,EAAIpoB,QAAUksB,MAC7B25D,WAAcz9D,EAAInoB,QAAUksB,MAE1B/D,EAAIpoB,WACJooB,EAAInoB,QAEK,YAAbmoB,EAAIvoB,WAAgC,IACjC,IACNs1C,UAAU,SAAU/sB,MACF,IAAfA,EAAIitB,SAA2B,IAAXq4C,cACZ,KACFtlE,EAAIpoB,WACJooB,EAAInoB,SACL,OAITG,QAAQu3C,QAAQ,eACN,OAGVl3C,UAAUiI,KAAK,UAAW,QAAS,SAAU0f,MACnCgtB,SAAWs4C,IAAS,IAC1BltF,mBACHkI,KAAK,QAAS,QAAS,SAAU0f,KAC9B5nB,oBACM40C,SAAWs4C,IAAS,IAC7BhlF,KAAK,UAAW,QAAS,SAAU0f,GACR,SAAxBixD,GAAUjzB,aACH5J,IAAI,SAAUmjC,KAExBj3E,KAAK,QAAS,QAAS,SAAU0f,GACN,SAAxBixD,GAAUjzB,aACH5J,IAAI,SAAUkjC,QAQpB0O,WAAa,SAAUrkB,MAClB30B,SAAWs4C,GAAS3jB,kBAK1B10B,EAAStoC,GAAE,cACXshF,EAAUthF,GAAE,mBACZkR,EAAOlR,GAAE,cAEXo9E,GAAW,EACX36E,EAAS,EACT8+E,GAAU,EACVC,GAAW,KASbnuF,QAAQu3C,QAAQ,SAAUvvB,GACrB+hE,MACIjgB,YAAY,cAGQ,UAAvB9hD,EAAI9nB,OAAOkX,UACRi3D,QAAQ,KACH8f,OACC,KACTnmE,EAAI9nB,QAAQ03B,MAAM,aACbwkB,IAAI,cAAe,WAAW14B,cAI9B,IACVqxB,UAAU,SAAU/sB,GAEPrb,GAAEqb,EAAI9nB,QAAQ80B,QAAQ,kCAAkC/0B,WAElE,sCAAsCouE,QAAQ,SAI5C/lE,KAAK,YAAa,WACnB2sC,EAAO24B,SAAS,gBAYdS,QAAQ,QAVRjyB,IAAI,cAAe,GAAG14B,OACtBtU,MACMyO,EAAKzO,YAGXgtC,IAAI,SAAU,GAAGqtC,mBAEnB,QACQ,KAINrJ,YAAY,yBAClB4J,MAAM,cACI,IACVpd,SAAS,cACC,QAGPwhB,EAAYzhF,GAAE,mBAGVm7D,UAAU,aAC6B,qBAApCn7D,GAAEtL,MAAM+6C,IAAI,sBAEbH,OAAO,aACbiyC,KACQpmB,UAAU,gBACbj4D,MAAMqjE,gBAAkB,SAC5BtG,SAAS,uBACL/8D,MAAMqjE,gBAAkB,eACtB,YAoBRmb,YAAc,SAAUp8E,EAAM0sC,EAAUkrC,MACxCl9E,GAAEsF,GAAMhS,YACPg1C,EAAStoC,GAAEsF,GAAMoQ,KAAK,UACtBxE,EAAOlR,GAAEsF,GAAMoQ,KAAK,MAAM3Q,KAAK,KAAM/E,GAAEsF,GAAM,GAAGyC,GAAK,SACvDm1E,KACA53E,GAAMizD,SAAS,aAGf,iBAAiBv2D,OAAOkP,KAEvBwE,KAAK,MAAM/Z,KAAK,UAAWq2C,OAE5BorC,GAAW,KACb/pF,QAAQu3C,QAAQ,SAAUvvB,GACrB+hE,MACIjgB,YAAY,UACd1pB,WAEI,MAGN93C,KAAK,YAAa,cAClB2sC,EAAO24B,SAAS,UAWdxtB,WAXuB,KACvBypC,EAAQ,KACL/6E,EAAMnC,GAAEsF,GAAMy5D,aACftvB,SACEttC,EAAIgoC,IAAM,QACThoC,EAAImoC,KAAO,OAGhBvzB,UACM,IAIN08D,YAAY,UAClB4J,MAAM,cACI,IACVpd,SAAS,cACC,SAIRyhB,YAAY,wBAAyB,cACxC,gBAAgB57E,IAAI9F,GAAEtL,MAAMuN,QAAQk4D,cAGjCunB,YAAY,oBAAqB,eAClC1hF,GAAEtL,MAAMghB,KAAK,OAAOpiB,YAClBquF,EAAOxyE,SAASnP,GAAEtL,MAAMuN,OAAOkF,MAAM,KAAK,GAAI,QACtC,EAAOw6E,MACpB,MAGD,gBAAgB5lB,4BAEZ,sCAAsCtoB,2BAGtC,wBAAwB18B,UACxB1jB,QAAQu3C,0BAELvvB,EAAK7K,MACIA,SAIXkxE,YAAY,iBAAkB1hF,GAAE4sE,UA6DjCwS,GACEwC,GA5DJC,IAAa,KACf,gBAAgB9lB,YACX,QACC,iBACA1gD,EAAK7K,OACI,KACFA,MACT,qBAAqBuG,UACrB1jB,QAAQu3C,gCAGG,kBAERvvB,EAAK7K,MACCA,EAAI,KAAMqxE,UAIlBH,YAAY,iBAAkB,eAC7B7kF,EAAOmD,GAAEtL,MACToR,EAAMjJ,EAAK0qB,KAAK,OAClBzhB,KACUzS,OAAQyS,OAERb,MAAOwC,WAAW5K,EAAKoF,YAEpC,MAEY,kBAAmB,gBAAiB,aACpCvN,MAAM,KACjBwoF,QAAQ,OAEG,mBAAoB,iBAAkB,aACtCxoF,MAAM,KACjBwoF,QAAQ,OAEG,iBAAkB,iBAAkB,eAC3CviE,EAASjmB,KAAKqT,GAAGd,QAAQ,WAAY,IAAIxJ,OAAO,MAC5C0jD,sBAAsBxmC,EAAQ,UACtC2iE,YAAY,IAoBV8B,UACEwC,GAAU,cACZxC,IAAKzvC,WAGP,eAAej6B,KAAK,oCAAoCo4B,MAAM,cACxDp5C,OACM,aACH0zC,UAAUw5C,MAClBjyC,KAAK,aACM,WACHL,OAAO,YAAasyC,IAED,aAAxBtV,GAAUjzB,cACV,SAASvL,cAKXg0C,GAAc,WACd/L,EAAgB,oBACRnqC,QAAQ,WAIhBm2C,GAAY,WACZhM,EAAgB,kBACRnqC,QAAQ,SAIhBo2C,GAAc,WACdjM,EAAgB,oBACRnqC,QAAQ,WAIhBq2C,GAAY,WACZlM,EAAgB,kBACRnqC,QAAQ,SAIhBs2C,GAAc,WACdnM,EAAgB,oBACRnqC,QAAQ,WAIhBu2C,GAAc,WACdpM,EAAgB,oBACRnqC,QAAQ,WAIhBw2C,GAAe,WACfrM,EAAgB,qBACRnqC,QAAQ,YAIhBy2C,GAAiB,WACjBtM,EAAgB,uBACRnqC,QAAQ,cAIhB02C,GAAa,WACbvM,EAAgB,mBACRnqC,QAAQ,UAIhB22C,GAAY,WACZxM,EAAgB,mBACRnqC,QAAQ,UACT6D,IAAI,SAAUkjC,KAIrB6P,GAAY,SAAU/jF,OACpB0sC,EAAMmhC,GAAU96B,kBACT/yC,EAAa0sC,EAAI6N,KAAOv6C,EAAa,KAEhD,SAASqH,IAAiB,IAAbrH,MACL0uC,QAAQ1uC,WAEL,IAGTgkF,GAAe,WACf1M,EAAgB,2BAMhB2M,GAAY,WACZ3M,EAAgB,kBACRnqC,QAAQ,SAIhB+2C,GAAY,WACZ5M,EAAgB,kBACRnqC,QAAQ,SAMhBg3C,GAAiB,YACE,MAAnB/4E,GAA2B6rE,OACnBh0D,0BAIRmhE,GAAc,YACK,MAAnBh5E,GAA2B6rE,OACnB53B,uBAIRglC,GAAe,YACI,MAAnBj5E,GAA2B6rE,OACnB33B,wBAIRglC,GAAgB,eACd/pC,EAAOszB,GAAUnpC,UACjB9sC,GAAKy1C,EAAS,GAAG+sC,WAAa/sC,EAASjpC,QAAU,GAAKm2C,EAAOszB,GAAUx8B,SACvEx5C,GAAKw1C,EAAS,GAAGgtC,UAAYhtC,EAASrpC,SAAW,GAAKu2C,EAAOszB,GAAU54B,YACnE0K,cAAc,QAAS/nD,EAAGC,IAGhC0sF,GAAoB,WACD,MAAnBn5E,MACQ+2C,4BAIRqiC,GAAuB,WACJ,MAAnBp5E,MACQg3C,+BAIRC,GAAqB,SAAU1jB,GACZ,MAAnBvzB,MACQi3C,mBAAmB1jB,IAI3BigB,GAAgB,WACG,MAAnBxzC,MACQwzC,iBAIR6lC,GAAe,WACI,MAAnBr5E,KACGs5E,YAIHlmC,GAAgB,YACG,MAAnBpzC,GAA2B6rE,OAC3BzB,OAAO7jE,GAAUynC,aAAaurC,gBAAiB,UAAW,SAAU33D,GAChEA,MAAiBwxB,cAAcxxB,MAKnC43D,GAAe,SAAU3zE,EAAIC,MACV,MAAnB9F,GAA2B6rE,EAAe,IACxC51C,GAAU4C,aAAc,KAEpB+0C,EAAQnL,GAAUnpC,UAAYrD,GAAUyC,gBACxCk1C,KACAA,KAEE/+B,qBAAqBhpC,EAAIC,KAIjC6nC,GAAoB,cACtB,mBAAmBi8B,YAAY,uCAC3B6P,EAAStjF,GAAE,mBAAmBihE,SAAS,yBACxCzpB,kBAAkB8rC,IAGnBC,GAAgB,WAChBliF,EAAK84E,kBACFoJ,iBAIHC,GAAiB,WACjBniF,EAAK84E,kBACFqJ,kBAIHC,GAAa,eACXn7C,EAAStoC,GAAE,qBACX0jF,GAAMp7C,EAAO24B,SAAS,yBACrBwS,YAAY,qCACdgQ,WAAWC,IAGZC,GAAmB,aAClBA,oBAGDC,GAAa,cACPrhC,aAAa,IAGnBshC,GAAa,cACPthC,aAAa,IAGnBuhC,GAAiB,SAAUC,EAAI7kB,MACZ,MAAnBr1D,IAA2B6rE,GAC1BqO,QAAe,OACdlsF,EAAQ4P,WAAWzH,GAAE,UAAU8F,OAASo5D,KACpC/4B,iBAAiBtuC,UAQvBmsF,GAAa,mBACFlkD,GAAUT,cAAlBhpC,OAAGC,UACRy9E,QAAQ3jE,GAAUynC,aAAaosC,aAAc,SAAU5+B,GAClDA,WAEKh0C,WACAmnC,cAAcniD,EAAGC,MACd,yBAKHsuC,cAAc,qBAItBs/C,GAAY,qBACNjoC,SAASqwB,GAAUtwB,iBAEtB,GAGHmoC,GAAc,qBACRhoC,WAAWmwB,GAAUpwB,mBAExB,GAYLkoC,UACEC,GAAc,cAChBltE,OAAO,2CAIP,OAAQ,MAAO,OAAQ,OACtB,SAAU87B,MACNA,OAIDE,YA4BY,QAAZF,EACGu5B,WAGK14B,UAAUX,OACf,CACAo5B,YAGCr5B,EAAU/jC,SAASnP,GAAE,iBAAiB8F,MAAO,IAAM,OAC/CktC,aAAaC,EAASC,EAASC,aArClCmxC,QACDx9E,EAAMsJ,GAAUynC,aAAa0sC,aACA,QAA/BzkD,GAAU0kD,qBACL1Y,mBAEUhsC,GAAU0tC,WAAa1hB,GAAOggB,mBAC7C2Y,SAASC,YACTN,KACOA,OACJ,+GAIQt9E,0DAECA,wDAEH2d,OAAAA,OAAOA,IAAIC,gBAAiB,KAC/BI,EAAO,IAAIN,MAAMigE,IAAW3xF,KAAM,gBAC/B2xB,IAAIC,gBAAgBI,UAEpB,uCAAyCi5D,GAAe0G,MAEtDC,IAEArxF,OAAOu/C,KAAK8xC,EAAQvxC,KAcpC,eACKv0B,EAAM5e,GAAEtL,MACI,SAAdkqB,EAAI9Y,OAAkC,SAAd8Y,EAAI9Y,MACzB9F,GAAE,iBAAiB1M,0BACL8c,GAAUI,GAAG0iC,8IAGXhT,SAASthB,EAAItT,aAGhC,iBAAiBA,SAASjJ,YAQ5BsiF,GAAY,cACN/xC,QAGNgyC,GAAc,aAGdC,GAAY,WACZj1D,EAAQ+qD,mBAAqB,MACvB1vB,aAKN65B,GAAY,WACZl1D,EAAQgrD,mBAAqB,MACvBlwB,aAKNq6B,GAAa,WAEbrP,KACQx4B,wBAEDrzC,MACCuzC,0BAIR4nC,GAAa,cACPv8C,sBAAsB,GAAI,KAGhCw8C,GAAa,eACXtqE,EAASjmB,KAAKqT,GAAGd,QAAQ,aAAc,IAAIxJ,OAAO,MAC9C0jD,sBAAsBxmC,EAAQ3a,GAAE,sBAAsB8F,QAG5Do/E,GAAiB,iBACnB,mBAAmBzR,YAAY,qCACxBA,YAAY,cAEjBqH,QACAqK,EAAUnlF,GAAE,oBACXmlF,EAAQ7xF,SAGH+6B,UAFEruB,GAAE,wCAAwCkgC,SAAS,kBAQ/D,iDAAiD+yC,kBACzC,8BACK,WACZxjC,IAAI,WAAY,gBAoQX21C,GAEFC,GApQF9/B,IAAW,EACX+/B,IAAc,EAEZC,GAAoB,eACpBhgC,QACO,KAGT,0BAA0Bz/C,KAAK9F,GAAE0rD,KAAK,kBAGlCvgB,EAAMmhC,GAAU96B,gBACK,OAAvB1R,GAAUiC,aACRxzB,EAAIrF,GAAYiiC,EAAI58B,GAAKuxB,GAAUiC,WACnCvzB,EAAItF,GAAYiiC,EAAI38B,GAAKsxB,GAAUiC,aAGvC,iBAAiBj8B,IAAIqlC,EAAI58B,MACzB,kBAAkBzI,IAAIqlC,EAAI38B,MAC1B,iBAAiB1I,IAAIwmE,GAAUl4B,uBAE/B,iBAAiBr9B,SA8BfyuE,GAAmB,cACrB,sBAAsB/xC,UACR,KACd,wBAAwB9D,QAGtB81C,GAAmB,cAClBnQ,OAECoQ,EAAc,cACRjtE,0CAQP6zD,GAAUr2B,aAAaj2C,GAAE,wBAAwB8F,cAClDiuE,QAAQ3jE,GAAUynC,aAAa8tC,sBAAuB,SAAUtgC,OAC3DA,SAAa,cASlBugC,GAAoB,cACtB,iBAAiBnyC,UACjB,gCAAgCkiB,WAAW,eAC3C,eAAe,GAAGmrB,cAAgB,KAClC,0BAA0Bh7E,KAAK9F,GAAE0rD,KAAK,kBAC7B,GAGPm6B,GAAkB,cACpB,cAAcpyC,WACF,GAGVqyC,GAAoB,eAElB1tC,EAAWp4C,GAAE,iBAAiB8F,SACxBsyC,MACFD,iBAAiBC,OAGrBv1C,EAAQ7C,GAAE,iBAAkBuO,EAAI1L,EAAMiD,MACtCrD,EAASzC,GAAE,kBAAmBwO,EAAI/L,EAAOqD,YAErC,QAANyI,GAAgB3E,GAAY,QAAS2E,MAMnCjD,SAAS6xD,YAAY,SAEjB,QAAN3uD,GAAgB5E,GAAY,SAAU4E,MAMnClD,SAAS6xD,YAAY,SAEvBmP,GAAU9zB,cAAcjqC,EAAGC,OAM9Bk9C,KAAK,WAAY1rD,GAAE,6BAA6B8F,0BAL9C7C,MAAMmN,GAAUynC,aAAakuC,mBACxB,QATL9iF,MAAMmN,GAAUynC,aAAaspC,uBACxB71E,SAASitD,SAAS,UAClB,QAVLt1D,MAAMmN,GAAUynC,aAAaspC,uBACzB71E,SAASitD,SAAS,UACjB,IA6BLytB,GAAkBl6B,GAAOk6B,gBAAkB,aAEjChmF,GAAE,iCAAiCyvC,IAAI,qBAAuB,OACvDzvC,GAAE,kBAAkB8F,WAGnCmnE,EAAOjtE,GAAE,gBAAgB8F,MAC3BmnE,IAASjtE,GAAE0rD,KAAK,YACXJ,UAAU2hB,EAAMzhB,EAAW1rB,MAIxB9/B,GAAE,aAAa8F,UAGjB48B,aAAe1iC,GAAE,qBAAqB,GAAG27D,WACzCp5B,aAAeviC,GAAE,uBAAuB8F,SACxCmgF,UAAYjmF,GAAE,eAAe8F,SAC7BkmC,WAAahsC,GAAE,gBAAgB,GAAG27D,WAE1C,WAAWG,OAAOh8B,GAAUkM,YAC1BlM,GAAUkM,mBACJjK,SAAW/hC,GAAE,cAAc8F,SAE3BgyC,UAAUhY,cAMlBomD,GAAiBlmF,GAAE4sE,KAEjBuZ,GAAiB,cACnB,eAAe1yC,OACZ6hC,GAAkB/vB,IAAa+/B,IAOhChQ,EACEC,IAAev1E,GAAE,wBAAwB8F,SACzCiuE,QAAQ3jE,GAAUynC,aAAauuC,qBAAsB,SAAU/gC,GAC3DA,eAKCE,QAEA+/B,eAhBLtK,OACQzmD,gBAqBV8xD,IAASxjF,MAAO7C,GAAE3M,QAAQwP,QAASJ,OAAQzC,GAAE3M,QAAQoP,aAGvD8B,SAEiB,WACgB,IAA3BunC,EAAS,GAAG+sC,YAA8C,IAA1B/sC,EAAS,GAAGgtC,cACrC,GAAGD,WAAarG,EAAaloC,OAC7B,GAAGwuC,UAAYtG,EAAaroC,cAKjC2B,EAAS,GAAG+sC,eACb/sC,EAAS,GAAGgtC,cAGjBzlF,QAAQ8pC,OAAO+oD,OACV7X,MAAM,sBAGA,iBAER,SAGIkL,OAAO,mBAENztC,EAAS,GAAG+sC,eACb/sC,EAAS,GAAGgtC,iBAMvBzlF,QAAQ8pC,OAAO,SAAU9hB,MACvBtK,KAAKs1E,GAAO,SAAUvzF,EAAMgT,OACtBwgF,EAAStmF,GAAE3M,QAAQP,OAChB,GAAG,UAAqB,UAATA,EAAmB,OAAS,UAAYwzF,EAASxgF,GAAO,KAC1EhT,GAAQwzF,YAMP/M,OAAO,WAEVv5E,GAAE,YAAY1M,YACd,YAAY,GAAGulF,WAAa/sC,EAAS,GAAG+sC,YAExC74E,GAAE,YAAY1M,YACd,YAAY,GAAGwlF,UAAYhtC,EAAS,GAAGgtC,gBAK7C,eAAe7tD,MAAM,cACnBhoB,MAAMvO,KAAKy5B,YAGb,qBAAqBlD,MAAMkrD,GAMrBiP,GAAW,sBAEbC,GAAW,MAEbt0E,MALiB,QAAS,OAAQ,OAAQ,SAAU,SAAU,eAAgB,QAAS,QAAS,cAAe,WAAY,eAK3G,SAAU1L,EAAGxI,QAChBwI,EAAI,IAAM,IAAM,SAAWxI,OAGxCwoF,IAAUj9C,UAAU,cAClB1zC,MAAM6jE,SAAS6sB,MAChBzpF,KAAK,qBAAsB,cAC1BjH,MAAMyoE,YAAYioB,SAGpB,0BAA0Bh9C,UAAU,WAC/BpoC,GAAEtL,MAAMusE,SAAS,gBAAiBvsE,MAAM6jE,SAAS6sB,MACrDzpF,KAAK,qBAAsB,cAC1BjH,MAAMyoE,YAAYioB,MAOpB3gF,MAAYpR,OAAOmN,cACf+lF,IAAmB,aAAc,YAAa,cAAe,YAAa,YAAa,cACzFlhF,GAAIkhF,GAAgBjzF,OACjB+R,MAAK,KACJijC,GAAS50C,SAASuhE,eAAesxB,GAAgBlhF,QACnDijC,GAAQ,KACHna,GAASma,GAATna,MACD3xB,GAAQ2xB,GAAMjX,QAAQ,YACrBiX,OAASA,GAAM5kB,OAAO,EAAG/M,IAAQ,OAAQ2xB,GAAM5kB,OAAO/M,GAAQ,IAAI0J,KAAK,SAO9EwlE,GAAc,SAAUpmE,OACtBwlE,EAA6B,iBAApBxlE,EAAKP,KAAK,MAA2B,SAAW,OAEzDopB,EAAmB,WAAX28C,EACV16D,GAAUI,GAAGg2E,0BACbp2E,GAAUI,GAAGi2E,wBAEXtkF,EAAMmD,EAAKwkB,SACZkS,EAASs2C,EAASxH,GAAlB9uC,SACH,iBACCi3C,kBACS,iFACK,WAEdxjC,IAAI3P,GAAU4mD,iBAAmBp8C,KAAMnoC,EAAImoC,KAAO,IAAK4zB,OAAQ,KAC/D3jB,2BAGaoe,YAAaxqC,WACbyqC,WAAY94B,GAAU6mD,uBACvB,WAEX,SAAUt5E,KACA,IAAIrN,GAAEu6C,UAAUC,MAAMntC,KACrBy9D,GAAQxwB,SAASte,MAChBse,SAASwwB,EAAQ9uC,MACzB,iBAAiByX,QAErB,cACI,iBAAiBA,UAKrBmzC,GAAW,SAAU/mD,EAAW/sC,OAChC+zF,SAAYC,SACVlvE,EAAMkoB,GAAmB,SAAThtC,EAAkB,WAAa,cAWjDi0F,GATc,IAAI5hE,WAAYI,wHAGnB3N,EAAI+oB,oBAAmB/oB,EAAImW,kFAGxC,YAGsBhsB,mBACd/B,GAAE6/B,GAAW,GAAGxtB,YAAY3e,SAASqsC,WAAWgnD,GAAS,KAC3DtsF,aAAa,QAAS,WAEzBsF,KAAOgnF,EAAQ5wC,uBACf7vB,KAAOygE,EAAQriD,qBAAqB,QAAQ,QAC5CtkB,KAAO1rB,KAAK4xB,KAAK6vB,uBACjBna,MAAQ,IAAIh8B,GAAEu6C,UAAUC,OAAOG,WAAY/iC,EAAI+oB,aAC/C7tC,KAAOA,OAEPwnD,SAAW,SAAUte,EAAO72B,QAC1B62B,MAAQA,MAEPgrD,EAAQhrD,EAAMlpC,KACdiiC,EAAOiH,EAAM0e,MAAQ,IAEvBusC,EAAW,cACPD,OACH,eAC0B,SAAjBhrD,EAAMgrD,GAAqB,IAAMhrD,EAAMgrD,GAAShrD,EAAMgrD,aAE/D,qBACA,sBACE5mE,KAAK/d,cACL+d,KAAO1rB,KAAK4xB,KAAKjU,YAAY2pB,EAAMgrD,MAE7B,SADAtyF,KAAK0rB,KAAKrY,GAAK,WAAarT,KAAK5B,MAClB,SAIvBiN,KAAKtF,aAAa,OAAQwsF,QAC1BlnF,KAAKtF,aAAa,UAAWs6B,GAE9B5vB,OACQq0C,SAAS9kD,KAAK5B,KAAM+zF,GAAY,MAChCpsC,gBAAgB/lD,KAAK5B,KAAMg0F,GAAc,UAIlDxzE,OAAS,SAAUnO,MACjB0E,OAEE/W,EAAQ4B,KAAR5B,YACC+W,EAAgBY,aACnB,UACA,YACA,2BAIA,QACA,YACGg6B,EAAS56B,EAAgB66B,qBAAqB,KAEhDwiD,EAAS,KACJ7hF,EAAI,EAAGH,EAAMu/B,EAAOnxC,OAAQ+R,EAAIH,EAAKG,IAAK,KAE3CgI,EADOo3B,EAAOp/B,GACL3K,aAAa5H,MAClB,IAANuS,IACOgI,OACJ,GAAI65E,IAAW75E,EAAG,GACd,eAKE,OAAX65E,gBAEW,QAGFA,IACE,QAEf,UACez/E,WAAWoC,EAAgBnP,aAAa5H,EAAO,aAC1D2J,MAAMqqF,OACO,OAGXK,EAAoB,SAATr0F,EAAkB,QAAU,SAChC+W,EAAgBnP,aAAa5H,IAASq0F,EAGjDhiF,OACQq0C,SAAS1mD,EAAM+zF,GAAY,MAC3BpsC,gBAAgB3nD,EAAMg0F,GAAc,QAK1C9qD,EAn2CO,SAAU2E,EAAO5L,EAAMjiC,OAEhCggD,GAAS4H,MAAO3lB,MAClB4L,EAAM5kB,WAAW,SAAU,KACzBu5B,EAAUg3B,GAAUjsD,WAAWsgB,QAC/B2U,EACQA,EAAQtyC,WAAU,GAElBhD,GAAE,IAAMlN,EAAO,iBAAiB,IAE/B2X,SAAW6qC,OACf3U,EAAM5kB,WAAW,OACrB4+B,WAAaha,EAAMp3B,OAAO,KAE1BoxC,WAAa,cAEb,IAAI36C,GAAEu6C,UAAUC,MAAM1H,GAm1Cbs0C,CAASP,KAFP,IAEiC/zF,QAE5CwnD,SAASte,UAGX2/C,KAAO,kBACIjnF,KAAKsnC,MAAMlpC,UAGpB,qBACA,qBACGkpC,EAAQ,IAAIh8B,GAAEu6C,UAAUC,OAAO9yB,KAAMhzB,KAAKsnC,WACtCse,SAASxnD,EAAMkpC,QAMtBD,KAAO,IAAI6qD,GAAS,cAAe,UACnCnlD,OAAS,IAAImlD,GAAS,gBAAiB,aAE9C,iBAAiB9gF,IAAIg6B,GAAUc,WAAW/9B,UAC1C,kBAAkBiD,IAA4B,IAAxBg6B,GAAUe,iBAG5BwmD,GAAS/U,EAASv2C,KAAKh8B,KAAKiD,WAAU,MACrCvI,aAAa,QAAS,wCACvBqgF,GAA+C,uBAA9BuM,GAAOnkF,MAAMC,gBAC7B+I,gBAAgB,aAWf4pE,GACA98B,GATFsuC,GAFYhV,EAASv2C,KAAKh8B,KAAKymB,cAEVhsB,gBAAgB5G,EAAGuM,IAAK,2BA8F1ConF,KACHjb,GAAUh3C,mCAMV,uBAAuB6nC,YAAY,eACnC,6BAA6B5E,SAAS,sBA4BnCivB,GAAWrlF,OACZslF,EAAQnb,GAAUh4C,oBAAoBpD,eAExCw2D,EAAW1nF,GAAE,0BAA0BxD,SACvCkrF,EAAW,GAAKA,EAAWD,EAAQ,QACzBtlF,KACFwzB,wBAAwB8xD,EAAQC,EAAW,aAvI1BvxF,IAA3BmxF,GAASK,kBACT,cAAcl0C,UAEhB6zC,IAAUjlF,SAIJyzE,GAAM,IAAMjG,EAAS17E,cAAgB,SACrC6kD,GAAO88B,GAAM,OACVrmC,IAAI,SAAUuJ,IACnBlN,EAAS2D,IAAI,YAAcuJ,OAChBA,KACC88B,GAAM,SAEbrmC,IAAI,SAAU,mBAId,cACCsC,WAAW,kBAAmB,SAAU8B,GAC3CA,OAED,kCAAkC9uC,KAAK,WAAY,eACnD,0BAA0Be,KAAK,WAC/B4lD,KAAK,WAAY,UACjB,oBAAoBjc,IAAI,QAAS,QAAQ1qC,KAAK,QAASqL,GAAUynC,aAAa+vC,sBAGnF,QAED,uCAAuC38D,MAAM,cACjCjrB,GAAE,yBAId,2CAA2CirB,MAAM,cACrCjrB,GAAE,2BAId,uBAAuBirB,MAAM,cAC3B,4BAA4Bmd,eAC5B/0C,QAAQu3C,eAGV,cAAc3f,MAAM,cAClB,yBAAyBmd,eACzB/0C,QAAQu3C,eAGV,kBAAkBxC,UAAU,SAAU/sB,MACpC,mBAAmBtE,SACjBtjB,sBAGJ,iBAAiB20C,UAAU,cACzB1zC,MAAM6jE,SAAS,yBAChB0H,SAAS,cACRvrE,MAAMyoE,YAAY,yBACnBvyB,QAAQ,cACPl2C,MAAMyoE,YAAY,4BAGpB,gBAAgB/0B,UAAU,WACrBpoC,GAAEtL,MAAMusE,SAAS,gBAClBvsE,MAAM6jE,SAAS,uBAAuB4E,YAAY,iBAErD8C,SAAS,cACRvrE,MAAMyoE,YAAY,uBAAuB5E,SAAS,iBACnD3tB,QAAQ,cACPl2C,MAAMyoE,YAAY,uBAAuB5E,SAAS,oBAIpD,cAActtC,MAAM,eAChB48D,SACFxiF,EAAIinE,GAAUh4C,oBAAoBpD,oBAEvB9gB,GAAUizC,OAAOhyB,MAAQ,OAAShsB,QACtCinE,GAAUh4C,oBAAoBwzD,SAASD,OAE9C5T,OAAO7jE,GAAUynC,aAAakwC,qBAAsBF,EAAU,SAAUtyD,GACnEA,IACD+2C,GAAUh4C,oBAAoBwzD,SAASvyD,MACvCtyB,MAAMmN,GAAUynC,aAAamwC,mBAGvB9yD,YAAYK,qBAqDxB,iBAAiBtK,MAAMs8D,OAEvB,aAAat8D,MAAM,eACR,QAGX,eAAeA,MAAM,cACX,QAGV,iBAAiBA,MAAM,eAEjBsG,EAAUvxB,GAAE,uCAAuCiC,UACvDgyE,OAAO7jE,GAAUynC,aAAaowC,kBAAmB,GAAI,SAAU1yD,GAC1DA,IACDhE,IAAYgE,GAAW+2C,GAAUh4C,oBAAoBwzD,SAASvyD,MAC9DtyB,MAAMmN,GAAUynC,aAAaqwC,sBAIvBC,mBAAmB5yD,iBAO7B6yD,IAAY,EAAGC,IAAe,EAAOC,IAAY,EAO/CC,GAAuB,SAAU77C,OAC/B87C,EAASxoF,GAAE,eACf,eAAe6C,MAAM,KAAO6pC,MAC5B,eAAe7pC,MAAM,KAAO6pC,KACvB+C,IAAI,QAAStgC,SAASq5E,EAAO/4C,IAAI,SAAU,IAAM/C,KAC/C+C,IAAI,QAAStgC,SAAS28B,EAAS2D,IAAI,SAAU,IAAM/C,MAClD9H,cAAc,oBAGpB6jD,GAAkB,SAAUptE,MAC3BitE,KACa,IAAdF,QACW,MACXM,EAASN,GAAW/sE,EAAIstB,MACxBggD,EAAY3oF,GAAE,eAAe6C,QAC7B8lF,EAAYD,EAxBS,OAAA,IAyBOC,IAzBP,KA2BdA,EAAYD,EAAS,MACrB,EAAIC,IACD,GAEC,IAAXD,QACQA,KACSA,MAQjBE,GAAkB,SAAUr1B,OAC1BhlD,EAAIvO,GAAE,eAAe6C,YACX0L,EAAI,GAAKglD,EAAQ,EA1CP,KA0CkChlD,OAI5D,qBACC65B,UAAU,SAAU/sB,MACRA,EAAIstB,SACbt1C,QAAQy2C,UAAU2+C,QACR,aAED,eACG,GACX,MAEJ79C,QAAQ,SAAUvvB,GACZgtE,aACO,MACG,OAGjBh1F,QAAQu3C,QAAQ,eACJ,MACG,KACb,eAAe0E,OAAO,YAAam5C,aAerCp1F,QAAQsI,KAAK,cALM,aAEV8zC,IAAI,cAAe3D,EAASrpC,SAAW,WAyDhD,eAAe03D,OAAO,eAChB0uB,EAAK7oF,GAAE,mCACRtL,KAAKosF,cAIH,GAAmB,YAAfpsF,KAAKuQ,QACXa,IAAI,OAAOf,KAAK,WAAY,gBAC1B,KACC+jF,EAAOp0F,KAAKuQ,MAAMkC,MAAM,QAC5B,iBAAiBrB,IAAIgjF,EAAK,OAC1B,kBAAkBhjF,IAAIgjF,EAAK,MAC1BnzB,WAAW,gBATmB,QAA7B31D,GAAE,iBAAiB8F,SAClB6vD,WAAW,YAAY7vD,IAAI,UAalC,gBAAgBf,KAAK,eAAgB,WAuB/BgkF,GA4GAC,GA7HF7I,IAiBE4I,KACHnqE,IAAK,eAAgB9Z,GAAImxE,EAAa56D,IAAK,QAASrW,KAAM,KAAK,KAC/D4Z,IAAK,eAAgB9Z,GAAIg9E,GAAazmE,IAAK,QAASrW,KAAM,KAAK,KAC/D4Z,IAAK,aAAc9Z,GAAIi9E,GAAW1mE,IAAK,QAASrW,KAAM,KAAK,GAAOsG,OAAQ,cAAe2sC,SAAS,IAClGr5B,IAAK,aAAc9Z,GAAIm9E,GAAW5mE,IAAK,eAChC,KAAK,GAAO/P,OAAQ,cAAekqD,KAAM,SAChD52C,IAAK,eAAgB9Z,GAAIk9E,GAAa3mE,IAAK,iBAClC,cAAem6C,KAAM,WAC9B52C,IAAK,eAAgB9Z,GAAIo9E,GAAa7mE,IAAK,iBAClC,cAAem6C,KAAM,YAC9B52C,IAAK,gBAAiB9Z,GAAIs9E,GAAc/mE,IAAK,eACtC,KAAK,GAAO/P,OAAQ,iBAAkBkqD,KAAM,YACnD52C,IAAK,eAAgB9Z,GAAIq9E,GAAa9mE,IAAK,iBAClC,iBAAkBm6C,KAAM,WACjC52C,IAAK,kBAAmB9Z,GAAIu9E,GAAgBhnE,IAAK,iBACxC,iBAAkBm6C,KAAM,eACjC52C,IAAK,aAAc9Z,GAAI69E,GAAWtnE,IAAK,QAASrW,KAAM,KAAK,KAC3D4Z,IAAK,aAAc9Z,GAAI49E,GAAWrnE,IAAK,QAASrW,KAAM,KAAK,KAC3D4Z,IAAK,cAAe9Z,GAAIw9E,GAAYjnE,IAAK,YACzCuD,IAAK,aAAc9Z,GAAIy9E,GAAWlnE,IAAK,UAAWrW,KAAM,KAAK,KAC7D4Z,IAAK,cAAe9Z,GAAIk/E,GAAY3oE,IAAK,UAAWrW,KAAM,KAAK,KAC/D4Z,IAAK,aAAc9Z,cAv8BN,IAEVmkF,EAs8BE3T,QAt8BF2T,UACIjpF,GAAE0rD,KAAK,yBACD,MAEN7Y,KAAKo2C,SAu8BL,UAAWjkF,KAAM,KAAK,KAC7B4Z,IAAK,eAAgB9Z,GAAIu/E,GAAahpE,IAAK,YAC3CuD,IAAK,aAAc9Z,GAAI6/E,GAAWtpE,IAAK,UAAWrW,KAAM,KAAK,KAC7D4Z,IAAK,eAAgB9Z,GAAI8/E,GAAavpE,IAAK,YAC3CuD,IAAK,eAAgB9Z,GAAI0wE,EAAkBn6D,IAAK,QAASrW,KAAM,KAAK,KACpE4Z,IAAK,kBAAmB9Z,GAAIogF,GAAgB7pE,IAAK,QAASrW,KAAM,KAAK,KACrE4Z,IAAK,2EACAunE,GAAgB9qE,IAAK,QAASrW,KAAM,OAAO,GAAO,GAAQkkF,SAAS,IACxEtqE,IAAK,oBAAqB9Z,GAAI2gF,GAAkBpqE,IAAK,UACrDuD,IAAK,sBAAuB9Z,GAAIghF,GAAmBzqE,IAAK,UACxDuD,IAAK,iBAAkB9Z,GAAIygF,GAAmBlqE,IAAK,YACnDuD,IAAK,mBAAoB9Z,GAAIkhF,GAAiB3qE,IAAK,UACnDuD,IAAK,qBAAsB9Z,cAA2B,OAtzBnC,eAClBwgF,QACU,KACZ,cAAc7xC,WAGV6sC,EAAStgF,GAAE,kBACXmpF,EAAQ,iBACRC,EAAW3c,GAASoC,WACpBpjD,EAAMzrB,GAAE0rD,KAAK,cACZ36C,KAAK,eACJs4E,EAAMrpF,GAAEtL,MACR40F,EAAOD,EAAI55C,IAAI,sBAAwB25C,IACzC3V,YAAY0V,EAAOG,GACnBA,MAAU,kBAAkBnsB,YAAYgsB,KAEzCC,KAAmB9nB,GAAG,GAAG/I,SAAS4wB,GACnC19D,MACA,kBAAkB3lB,IAAI2lB,MAExB,qBAAqB/X,KAAK,UAAWosB,GAAU4C,iBAC/C,uBAAuB39B,KAAK,QAAS+6B,GAAUyC,iBAC/C,eAAex9B,KAAK,QAAS+6B,GAAUmmD,cAEvC,cAAclvE,YA8xBgD,OAAe,YAC5E6H,IAAK,kCAAmC9Z,GAAI89E,OACtC,QAAS59E,KAAM,iBAAiB,KACtC4Z,IAAK,iBAAkB9Z,GAAIo+E,GAAc7nE,IAAK,UAC9CuD,IAAK,kBAAmB9Z,GAAI0yC,GAAmBn8B,IAAK,UACpDuD,IAAK,mBAAoB9Z,GAAIy+E,GAAeloE,IAAK,UACjDuD,IAAK,oBAAqB9Z,GAAI0+E,GAAgBnoE,IAAK,UACnDuD,IAAK,uBAAwB9Z,GAAI6+E,GAAkBtoE,IAAK,UACxDuD,IAAK,oBAAqB9Z,GAAI2+E,GAAYpoE,IAAK,UAC/CuD,IAAK,iBAAkB9Z,GAAIk+E,GAAmB3nE,IAAK,QAASrW,IAAK,iBACjE4Z,IAAK,oBAAqB9Z,GAAIm+E,GAAsB5nE,IAAK,QAASrW,IAAK,iBACvE4Z,IAAK,eAAgB9Z,GAAIu4C,GAAehiC,IAAK,UAC7CuD,IAAK,wCAAyC9Z,GAAIm4C,GAAe5hC,IAAK,UACtEuD,IAAK,aAAc9Z,GAAI+/E,GAAWxpE,IAAK,UACvCuD,IAAK,aAAc9Z,GAAIggF,GAAWzpE,IAAK,UACvCuD,IAAK,gCAAiC9Z,GAAIkgF,GAAY3pE,IAAK,QAASrW,KAAM,KAAK,KAC/E4Z,IAAK,uBAAwB9Z,GAAIigF,GAAY1pE,IAAK,QAASrW,KAAM,KAAK,KACtE4Z,IAAK,gBAAiB9Z,GAAIigF,GAAY1pE,IAAK,UAC3CuD,IAAK,mBAAoB9Z,GAAIigF,GAAY1pE,IAAK,UAC9CuD,IAAK,mBAAoB9Z,GAAImgF,GAAY5pE,IAAK,UAI9CuD,IAAK,aAAc9Z,GAAIo/E,GAAW7oE,IAAK,cACvCuD,IAAK,eAAgB9Z,GAAIq/E,GAAa9oE,IAAK,cAC3CuD,IAAK,oBAAqB9Z,GAAI8jF,GAAiB5jF,KAAM,OACrD4Z,IAAK,kBAAmB9Z,GAAIqhF,GAAgB9qE,IAAK,UAIjDrW,IAAK,YAAaF,iBAAuB,EAAG,MAC5CE,IAAK,aAAcF,iBAAuB,EAAG,MAC7CE,IAAK,kBAAmBF,iBAAuB,EAAG,MAClDE,IAAK,mBAAoBF,iBAAuB,EAAG,MACnDE,IAAK,UAAWF,GAAI++E,KACpB7+E,IAAK,UAAWF,GAAI8+E,KACpB5+E,KAAMotE,EAAS,MAAM,GAAOttE,iBAAkB,MAC9CE,KAAMotE,EAAS,QAAQ,GAAOttE,iBAAkB,OAChDE,KAAMotE,EAAS,KAAK,GAAOttE,iBAA2B,SACtDE,KAAMotE,EAAS,KAAK,GAAOttE,iBAA2B,WACtDE,KAAM,MAAM,GAAOF,iBAAqB,GAAI,MAC5CE,KAAM,QAAQ,GAAOF,iBAAqB,EAAG,MAC7CE,KAAM,QAAQ,GAAOF,kBAAsB,EAAG,MAC9CE,KAAM,SAAS,GAAOF,iBAAqB,EAAG,MAC9CE,IAAK,WAAYF,iBAAqB,GAAI,OAC1CE,IAAK,aAAcF,iBAAqB,EAAG,OAC3CE,IAAK,aAAcF,kBAAsB,GAAI,MAC7CE,IAAK,cAAeF,iBAAqB,GAAI,MAC7CE,KAAM,UAAU,GAAOF,iBAAkB2jC,sBAAsB,GAAI,MACnEzjC,KAAM,YAAY,GAAOF,iBAAkB2jC,sBAAsB,EAAG,MACpEzjC,KAAM,YAAY,GAAOF,iBAAkB2jC,uBAAuB,EAAG,MACrEzjC,KAAM,aAAa,GAAOF,iBAAkB2jC,sBAAsB,EAAG,MACrEzjC,KAAM,gBAAgB,GAAOF,iBAAkB2jC,sBAAsB,GAAI,OACzEzjC,KAAM,kBAAkB,GAAOF,iBAAkB2jC,sBAAsB,EAAG,OAC1EzjC,KAAM,kBAAkB,GAAOF,iBAAkB2jC,uBAAuB,GAAI,MAC5EzjC,KAAM,mBAAmB,GAAOF,iBAAkB2jC,sBAAsB,GAAI,MAC5EzjC,IAAK,IAAKF,iBAAkBoiC,6BAG5BliC,IAAKotE,EAAS,IAAKttE,GAAI+/E,KACvB7/E,IAAKotE,EAAS,UAAWttE,GAAIggF,KAC7B9/E,IAAKotE,EAAS,IAAKttE,GAAIggF,KAEvB9/E,IAAKotE,EAAS,IAAKttE,GAAI+9E,KACvB79E,IAAKotE,EAAS,IAAKttE,GAAIg+E,KACvB99E,IAAKotE,EAAS,IAAKttE,GAAIi+E,KAIpBiG,gBACS,+BACA,8CAQLO,QAEJx4E,KAAKg4E,GAAa,SAAU1jF,EAAGytC,OAE3B2sC,YACA3sC,EAAKl0B,IAAK,QACN5e,GAAE8yC,EAAKl0B,MACJtrB,cAAiB,KACtBw/C,EAAKz3B,MACH3W,KAA0B,UAAbouC,EAAKz3B,QACfA,IAAM,eAETy3B,EAAKz3B,KAAKy3B,EAAKhuC,KAIjBguC,EAAKxnC,QAAUtL,GAAE8yC,EAAKxnC,OAAS,SAAShY,OAAQ,KAC9Ck2F,EAAKxpF,GAAE8yC,EAAKxnC,QACXk+E,EAAGl2F,WACD0pF,GAAiBlqC,EAAKxnC,OAAO/B,OAAO,KAEvCupC,EAAKmF,YACH,GAAG/0C,MAAMumF,OAAS,aAErB32C,EAAKmF,QAAU,UAAY,UAAUwnC,GAEnCj6E,MAAMC,QAAQ8jF,EAAQz2C,EAAKxnC,aACtBwnC,EAAKxnC,cAEPwnC,EAAKxnC,QAAQxO,KAAKg2C,OAK1BA,EAAK9tC,IAAK,KAER0kF,YAEG,EACHlkF,MAAMC,QAAQqtC,EAAK9tC,QACZ8tC,EAAK9tC,IAAI,GACd8tC,EAAK9tC,IAAI1R,OAAS,MAAUw/C,EAAK9tC,IAAI,OAGhC8tC,EAAK9tC,OAEN,OAEHF,EAAMguC,EAANhuC,SACLiM,KAAK24E,EAAOviF,MAAM,KAAM,SAAU9B,EAAGL,MACnCtR,UAAUiI,KAAK,UAAWqJ,EAAK,SAAUd,cAErCylF,KACAl2F,kBAGG,MAKPq/C,EAAKl0B,MAAQk0B,EAAKo2C,SAAWzJ,EAAI16E,KAAK,SAAU,KAC5CqzC,EAAWqnC,EAAI16E,KAAK,SAASoC,MAAM,KAAK,GAAK,KAAOuiF,EAAS,OACzDA,GAAU52C,EAAKl0B,IAEpB6gE,EAAIxoC,QAAQ,cAAc3jD,UACzByR,KAAK,QAASqzC,UAObmxC,MAKX,6BAA6B5tF,KAAK,UAAW,SAC7C,SAAU0f,MACN3mB,MAAMylE,WACJ1mE,sBAINJ,QAAQsI,KAAK,UAAW,MAAO,SAAUuI,GACvB,WAAd2uE,MACAp/E,yBAGHkI,KAAK,UAAW,YAAa,SAAUuI,GACtB,WAAd2uE,MACAp/E,4BAKJ,cAAc6e,SAASmwE,6BAMvB1xE,KAAKi4E,GAAW,SAAUU,EAAQ9qE,OAC5BgiD,EAAQ5gE,GAAE4e,GAAKq4B,QAAQ,cAAc3jD,UAEzCsrB,GAAK7N,KAAK,eACN1I,WACAu4D,EACE5gE,GAAEtL,MAAMuN,OAAOkF,MAAM,MAAM,GAE3BzS,KAAKy5B,MAAMhnB,MAAM,MAAM,OAEzByiF,EAAS,MAEX74E,KAAK24E,EAAOviF,MAAM,KAAM,SAAU9B,EAAGL,OAC/B6kF,EAAU7kF,EAAImC,MAAM,KACtB2iF,EAAM,GACND,EAAQv2F,OAAS,MACbu2F,EAAQ,GAAK,MACbA,EAAQ,QAELxkF,EAAI,IAAM,IAAMykF,GAAO15E,GAAU,OAASpL,IAAQA,KAE3D47D,OACGmpB,UAAU7nF,YAAcmG,EAAI,KAAOuhF,EAAS,SAE5Cz7D,MAAQ9lB,EAAI,KAAOuhF,EAAS,gCAS1BhrE,UACN/Y,OAAO2B,OAAOuhF,IAAarzE,KAAK,SAAC+pE,UAC/BA,EAAI7gE,MAAQA,UAOpByvD,MAAM,eAEL2b,EAAQlqD,GAAUmqD,SACtBpqD,EAAY7/B,GAAE,0CACdkqF,EAAUrqD,EAAUnqB,KAAK,SAAWs0E,GACpCG,EAAUtqD,EAAUnqB,KAAK,IAAMs0E,IAC7BE,EAAQ52F,OACH42F,EACEC,EAAQ72F,OACV62F,EAEAnqF,GAAE,iBAENirB,QAAQ2f,UAET9K,GAAUsqD,cACV,mBAAmBn/D,QAGnB6U,GAAUuqD,oBAIZ,WAAWvuB,SAASh8B,GAAUkM,YAE5BlM,GAAUkM,gBACV,gBAAgB,GAAG2vB,SAAU,GAG7B77B,GAAUiC,aACV,cAAcj8B,IAAIg6B,GAAUiC,UAG5BjC,GAAU4C,kBACV,qBAAqB,GAAGi5B,SAAU,GAGlC77B,GAAUyC,iBACV,uBAAuBz8B,IAAIg6B,GAAUyC,cAGrCzC,GAAUmmD,cACV,eAAengF,IAAIg6B,GAAUmmD,gBAKjC,YAAYvnB,YAAY7vD,IAAK,EAAGE,IAAK,IAAM4wD,WAAU3tB,SAv7D9B,SAAUwpC,MACvBx+B,cAAcw+B,EAAIv2E,aAu7D5B,iBAAiBy5D,YAAY7vD,IAAK,EAAGE,IAAK,GAAIywD,UAAW,GAAKG,WAAU3tB,SAh7DhD,SAAUwpC,OAC9B11E,EAAM01E,EAAIv2E,MACF,IAARa,GAAa+D,IAAoB,OAAQ,YAAYnJ,SAASmJ,EAAgBmW,cAC1Ew7D,EAAIv2E,MAAQ,MAEV81C,eAAej1C,SA46DzB,UAAU44D,YAAY7vD,KAAM,IAAKE,IAAK,IAAKmwD,KAAM,EAAGS,WAAU3tB,SAz6DpC,SAAUwpC,MAC1Br1C,iBAAiBq1C,EAAIv2E,UAC7B,kBAAkBwuE,YAAY,WAAwC,IAA5BtkE,SAASqsE,EAAIv2E,MAAO,WAw6DhE,cAAcy5D,YAAY7vD,IAAK,KAAOswD,kBArZjB75D,EAAM45D,OACrBorB,EAAUzyE,OAAOvS,EAAKL,OACtBslF,EAASD,EAAUprB,EACnBsrB,EAAaD,GAAUD,SAChB,IAATprB,EAAqBorB,EAErBA,GAAW,GACTE,EACK7rF,KAAKoR,MAAgB,IAAVu6E,GAEb3rF,KAAKoR,MAAMu6E,EAAU,KAE1BA,GAAW,EACTE,EACe,EAAVF,EAEFA,EAAU,EAEZC,GAmYuD5qB,WAAU3tB,SAt7DnD,SAAUwpC,MACrB/+B,YAAY++B,EAAIv2E,aAs7D1B,kBAAkBy5D,YAAY7vD,IAAK,EAAGE,IAAK,IAAKmwD,KAAM,EAAGS,WAAU3tB,SAAUuuC,QAC7E,SAAS7hB,YAAY7vD,IAAK,EAAGE,IAAK,GAAImwD,KAAM,GAAKS,WAAU3tB,SAAUwuC,QACrE,SAAS9hB,YAAY7vD,IAAK,KAAOE,IAAK,IAAOmwD,KAAM,GAAIC,kBAnYtC75D,EAAM45D,OACjBorB,EAAUzyE,OAAOvS,EAAKL,UACZ,IAAZqlF,SAAwB,QACtBC,EAASD,EAAUprB,SACZ,IAATA,EAAqBorB,EAErBA,GAAW,IACNC,EAELA,GAAUD,EACK,EAAVA,EAEFA,EAAU,GAuX0D3qB,WAAU3tB,SAAUupC,KAE9Fz1E,IAA0B,IAAtBwmE,GAAUnpC,cAEf,aAAasnD,kBAEL,uBACG,GAEX,SAAU5lD,EAAQlR,EAAIxxB,UACZ0iC,OACH,wBAGA,qBAGA,sBAGA,WACOuZ,0BAEP,oBACOA,cAAc,sBAErB,YACA,oBACOlB,kCAEP,aACOE,mCAEP,4BAGA,aACgB,gBAEhB,eACgB,kBAEhB,+Bb1xKFkmB,QAAQp4C,Ga8xKY2Z,KbtxKG,SAAU6lD,UACjCx/D,GAAsBw/D,GAAY7lD,QasxKhBA,GAAQ3uB,cAO3By0E,GAAY,SAAU9lD,EAAQlR,EAAIxxB,UAC9B0iC,OACH,OA9lBC5wC,EAAOq4E,GAAUh4C,oBAAoB0gD,sBAAwB,WAEjEf,OAAO7jE,GAAUynC,aAAakwC,qBAAsB9zF,EAAM,SAAUshC,GAC/DA,IACD+2C,GAAUh4C,oBAAoBwzD,SAASvyD,MACvCtyB,MAAMmN,GAAUynC,aAAamwC,mBAGvB7yD,WAAWI,0BAylBlB,wBAGA,aArlBDv1B,GAAE,0BAA0BxD,UAAY8vE,GAAUh4C,oBAAoBpD,eAAiB,OAGjFuB,iCAqlBL,eACO4D,8BAxmBNpiC,YAuoBC22F,SACHC,eAEiBtsC,aAAa56C,QAAQ,qBACxC,MAAOlC,OACCopF,EAAmB,KAAO,OAAS,wBAC3C,gCA9BF,cAAcJ,kBAEN,uBACG,GAEXE,OAGA,mBAAmBF,kBAEX,uBACG,aACE,GAEbE,OAGA,mBAAmBviD,UAAU,SAAUz1C,KACpCc,sBAGH,oBAAoBq3F,uBACb3sC,uBAAuB,kCAazBxqD,iBAAiB,UAAW,SAAUuQ,GAC7B,sBAAVA,EAAEc,mBAKDrR,iBAAiB,eAAgB,SAAUuQ,MAEb,IAA/B0rB,EAAQ+qD,wBACH3O,iBAAkB,IAItBlsC,GAAUirD,iBAAmBj/B,GAAOkgB,yBAErCgf,YAAc56E,GAAUynC,aAAaozC,eAChC76E,GAAUynC,aAAaozC,iBAE/B,MAOIxpE,OAAOypE,aAAe,kBACpB96E,OAYF+6E,SAAW,SAAUlM,MACxB,cAAcxrC,OACmB,IAA/B7jB,EAAQ+qD,sBACL,MAEH5G,QAAQ3jE,GAAUynC,aAAauzC,YAAanM,IAwB9C5rF,OAAOg4F,WAAY,KACfC,GAAc,SAAUpnF,MAC1B8vE,eAAe5jE,GAAUynC,aAAa0sC,gBACtCrpB,oBACAznE,oBACA,aAAakiE,WAAW,YACxB,cAAcliB,WACVogB,EAAmB,SAAX3vD,EAAEpR,KAAmBoR,EAAEqnF,aAAaC,MAAM,GAAK92F,KAAK82F,MAAM,MACnE33B,MAQDA,EAAK/gE,KAAK4N,SAAS,SAAU,KAG3B+qF,SACA53B,EAAK/gE,KAAK4N,SAAS,WACZ,IAAI2qF,YACNK,UAAY,SAAUxnF,OACrBynF,EAAarf,GAAU31B,gBAAgBzyC,EAAE3Q,OAAO2W,QAAQ,MACpDkzC,4BACAA,4BACAF,2BACAiE,sBAAsB,IAAK,WAC3BA,sBAAsB,IAAK,WAE3Bra,YAAY6kD,OACpB,eAAel4C,UAEZm4C,WAAW/3B,QAGT,IAAIw3B,YACNK,UAAY,SAAUxnF,OAsBvB2nF,EAAW,IACXC,EAAY,IACV9gE,EAAM,IAAIinB,QACZtlB,IAAMzoB,EAAE3Q,OAAO2W,SACfhH,MAAM6qB,QAAU,IAChBrB,OAAS,WAzBU,IAAU7pB,EAAOJ,EAChC8mC,IAyBKve,EAAI80C,cACH90C,EAAI+gE,aA3BelpF,EA4BhBgpF,EA5BuBppF,EA4BbqpF,EA3BnBviD,EAAW+iC,GAAUjuD,+BAChB,gBAEJ,IACA,sBAGCiuD,GAAUhuD,kBACP,+BAGD2H,QAAQsjB,EAAUrlC,EAAE3Q,OAAO2W,WAC3B48B,YAAYyC,OACZ4X,sBAAsB,IAAK,WAC3BA,sBAAsB,IAAK,gBAEnC,eAAe1N,WAcdu4C,cAAcn4B,aA7DrB,eAAepgB,UAkEZ,GAAG9/C,iBAAiB,qBA/FTuQ,KAClBg3D,oBACAznE,mBA6FqD,KAC9C,GAAGE,iBAAiB,oBA1FVuQ,KACjBg3D,oBACAznE,mBAwFmD,KAC5C,GAAGE,iBAAiB,qBAtFTuQ,KAClBg3D,oBACAznE,mBAoFqD,KAC9C,GAAGE,iBAAiB,OAAQ23F,IAAa,OAE5C14C,GAAO5yC,GAAE,uBAAuBm6D,OAAO,eACrCh2D,EAAIzP,QACHy2F,SAAS,SAAU9lC,MACnBA,OACKh0C,QACa,IAAnBlN,EAAEqnF,MAAMl4F,QAAc,IACtB0gF,eAAe5jE,GAAUynC,aAAa0sC,kBAClCkH,EAAS,IAAIJ,aACZK,UAAY,SAAUxnF,MACbA,EAAE3Q,OAAO2W,eAGlB0hF,WAAWznF,EAAEqnF,MAAM,YAI9B,cAAcz0E,OAAOkhC,QAAQrF,QAEzBq5C,GAAYjsF,GAAE,uBAAuBm6D,OAAOmxB,OAChD,gBAAgBv0E,OAAOkhC,QAAQg0C,OAItB,OAePC,GAAUpgC,GAAOogC,QAAU,SAAUjf,EAAMkf,SACxCpgB,aAAc,KACnBrgB,KAAK,OAAQuhB,MACb,gBAAgBnnE,IAAImnE,GACjBkf,MAGHzyD,OAAOtpB,GAAW+7E,OAKdC,EADepsF,GAAE,uCAAuCiC,SACxBmO,GAAUkzC,OAAOjyB,MAAQ,WAErDhhB,aAAa87E,MACfE,YAEJD,OACQjE,mBAAmB/3E,GAAUkzC,OAAOjyB,MAAQ,WAKpDksD,GAAYjqF,YACPiqF,GAAYjqF,QAAQ,KACnB2xC,EAAMs4C,GAAY//C,UACpBkhD,4CAGY5R,IAAiBC,YAAaE,EAAMD,YAAa/nC,EAAIhxC,iBAI7D2wC,cAAc,aAA4EqoC,OAAM78D,kBAElGw0B,cAAc,cAA+EqoC,WAarGl8D,sBANiB,oEACF,8DACI,gCACF,gBAGL,SAAUvR,EAAQ8sF,MAC5BA,GAAMvnF,KAAK,QAAS/E,GAAER,GAAQ,GAAG2uB,YAInC,4CAA4Cpd,KAAK,cAC/C,YAAcrc,KAAKqT,GAAGwB,OAAO,KAAK,GAAG4kB,MAAQz5B,KAAKy5B,WD9iLtC,SAAC29B,MACTA,yBC8jLOnJ,UACJ2pB,GAAU1nC,cACf,uBAQC3wC,eAES0uD,eACQmqB,IAAiBC,YAAapqB,EAAWqqB,YAAa/4E,OAGxE,mBAQ2B,UAA/BP,SAAS0qF,SAASmO,oBACTnd,EAAkB,UAkBjCtjB,GAAOuiB,MAAQ,SAAUj7B,GAClB4hB,UACOl4D,KAAKs2C,IAUnB0Y,GAAOqmB,aAAe,cACVn+E,QAAQ,SAACo/C,aAGT,GAOZ0Y,GAAO4hB,eAAiB,SAAU5mE,MACzBunE,MAAM,cACGvnE,MASlBglD,GAAO0gC,UAAY,SAAUC,KAmB7B3gC,GAAOmjB,YAAc,SAAUxjD,EAAKqnB,GAC7BA,gBAEyBA,EAAvB45C,IAAAA,MAAiBt5C,IAAVpB,YAEPq8B,MAAM,cACTzZ,qBAEU,eACD83B,2BAEL1Y,eAAe5jE,GAAUynC,aAAa0sC,gCAEjCz9E,MACOA,EAAKssC,mBAEdf,EAAKs6C,EAAMlrF,GACG,MAAf4wC,EAAID,QAAkBC,EAAIyiB,gBACdziB,EAAIyiB,aAAc1hB,MAE9BnwC,MAAMmN,GAAUynC,aAAa+0C,YAAc,OAASnrF,EAAK2xC,2BAI3D,eAAeK,aAUzBqY,GAAOkjB,gBAAkB,SAAUloE,MAC1BunE,MAAM,eACPwe,GAAS,EACT/W,EAAMhvE,EAAIE,MAAM,iCAChB8uE,KACO,IAEHhvE,EAAIE,MAAM,yCAEd8uE,MACIA,EAAI,QAENnpD,EAAM7lB,EAAIc,MAAMkuE,EAAIxiF,WACZu5F,EAAS9O,GAAepxD,GAAO1I,mBAAmB0I,OAWpEm/B,GAAO5mB,aAAe,SAAUjxC,EAAM4c,EAAMu0B,OAIrCknC,SACG,IAAIhyE,MAAM,oCAEXgyE,GAAUpnC,aAAahvB,KAAKxhB,KAAMT,EAAM4c,EAAMu0B,IAMvD0mB,GAAOuiB,MAAM,YbnuLwC,eAC9C,IAAMjjD,KAAYF,MACgBA,GAAsBE,SaquL/D,IAAI0hE,IAAkB,EAChBC,aAkBN15F,OAAOM,iBAAiB,UAXA,gBAEhB87E,GAAcloD,OAFIA,KAEEylE,SAFIA,QAGzBF,MAKO52E,KAAK,UAAWu5D,MAJb3yE,KAAK2yE,KAWtBvjD,QAAQG,UAAU6lD,KAAK,cAEdrhE"}
\ No newline at end of file
diff --git a/dist/jspdf.plugin.svgToPdf.js b/dist/jspdf.plugin.svgToPdf.js
new file mode 100644
index 00000000..11792dc5
--- /dev/null
+++ b/dist/jspdf.plugin.svgToPdf.js
@@ -0,0 +1,560 @@
+(function () {
+  'use strict';
+
+  var classCallCheck = function (instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  };
+
+  var createClass = function () {
+    function defineProperties(target, props) {
+      for (var i = 0; i < props.length; i++) {
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+      }
+    }
+
+    return function (Constructor, protoProps, staticProps) {
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) defineProperties(Constructor, staticProps);
+      return Constructor;
+    };
+  }();
+
+  var slicedToArray = function () {
+    function sliceIterator(arr, i) {
+      var _arr = [];
+      var _n = true;
+      var _d = false;
+      var _e = undefined;
+
+      try {
+        for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+          _arr.push(_s.value);
+
+          if (i && _arr.length === i) break;
+        }
+      } catch (err) {
+        _d = true;
+        _e = err;
+      } finally {
+        try {
+          if (!_n && _i["return"]) _i["return"]();
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+
+      return _arr;
+    }
+
+    return function (arr, i) {
+      if (Array.isArray(arr)) {
+        return arr;
+      } else if (Symbol.iterator in Object(arr)) {
+        return sliceIterator(arr, i);
+      } else {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance");
+      }
+    };
+  }();
+
+  var toConsumableArray = function (arr) {
+    if (Array.isArray(arr)) {
+      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+      return arr2;
+    } else {
+      return Array.from(arr);
+    }
+  };
+
+  /**
+   * For parsing color values
+   * @module RGBColor
+   * @author Stoyan Stefanov <sstoo@gmail.com>
+   * @see https://www.phpied.com/rgb-color-parser-in-javascript/
+   * @license MIT
+  */
+  var simpleColors = {
+    aliceblue: 'f0f8ff',
+    antiquewhite: 'faebd7',
+    aqua: '00ffff',
+    aquamarine: '7fffd4',
+    azure: 'f0ffff',
+    beige: 'f5f5dc',
+    bisque: 'ffe4c4',
+    black: '000000',
+    blanchedalmond: 'ffebcd',
+    blue: '0000ff',
+    blueviolet: '8a2be2',
+    brown: 'a52a2a',
+    burlywood: 'deb887',
+    cadetblue: '5f9ea0',
+    chartreuse: '7fff00',
+    chocolate: 'd2691e',
+    coral: 'ff7f50',
+    cornflowerblue: '6495ed',
+    cornsilk: 'fff8dc',
+    crimson: 'dc143c',
+    cyan: '00ffff',
+    darkblue: '00008b',
+    darkcyan: '008b8b',
+    darkgoldenrod: 'b8860b',
+    darkgray: 'a9a9a9',
+    darkgreen: '006400',
+    darkkhaki: 'bdb76b',
+    darkmagenta: '8b008b',
+    darkolivegreen: '556b2f',
+    darkorange: 'ff8c00',
+    darkorchid: '9932cc',
+    darkred: '8b0000',
+    darksalmon: 'e9967a',
+    darkseagreen: '8fbc8f',
+    darkslateblue: '483d8b',
+    darkslategray: '2f4f4f',
+    darkturquoise: '00ced1',
+    darkviolet: '9400d3',
+    deeppink: 'ff1493',
+    deepskyblue: '00bfff',
+    dimgray: '696969',
+    dodgerblue: '1e90ff',
+    feldspar: 'd19275',
+    firebrick: 'b22222',
+    floralwhite: 'fffaf0',
+    forestgreen: '228b22',
+    fuchsia: 'ff00ff',
+    gainsboro: 'dcdcdc',
+    ghostwhite: 'f8f8ff',
+    gold: 'ffd700',
+    goldenrod: 'daa520',
+    gray: '808080',
+    green: '008000',
+    greenyellow: 'adff2f',
+    honeydew: 'f0fff0',
+    hotpink: 'ff69b4',
+    indianred: 'cd5c5c',
+    indigo: '4b0082',
+    ivory: 'fffff0',
+    khaki: 'f0e68c',
+    lavender: 'e6e6fa',
+    lavenderblush: 'fff0f5',
+    lawngreen: '7cfc00',
+    lemonchiffon: 'fffacd',
+    lightblue: 'add8e6',
+    lightcoral: 'f08080',
+    lightcyan: 'e0ffff',
+    lightgoldenrodyellow: 'fafad2',
+    lightgrey: 'd3d3d3',
+    lightgreen: '90ee90',
+    lightpink: 'ffb6c1',
+    lightsalmon: 'ffa07a',
+    lightseagreen: '20b2aa',
+    lightskyblue: '87cefa',
+    lightslateblue: '8470ff',
+    lightslategray: '778899',
+    lightsteelblue: 'b0c4de',
+    lightyellow: 'ffffe0',
+    lime: '00ff00',
+    limegreen: '32cd32',
+    linen: 'faf0e6',
+    magenta: 'ff00ff',
+    maroon: '800000',
+    mediumaquamarine: '66cdaa',
+    mediumblue: '0000cd',
+    mediumorchid: 'ba55d3',
+    mediumpurple: '9370d8',
+    mediumseagreen: '3cb371',
+    mediumslateblue: '7b68ee',
+    mediumspringgreen: '00fa9a',
+    mediumturquoise: '48d1cc',
+    mediumvioletred: 'c71585',
+    midnightblue: '191970',
+    mintcream: 'f5fffa',
+    mistyrose: 'ffe4e1',
+    moccasin: 'ffe4b5',
+    navajowhite: 'ffdead',
+    navy: '000080',
+    oldlace: 'fdf5e6',
+    olive: '808000',
+    olivedrab: '6b8e23',
+    orange: 'ffa500',
+    orangered: 'ff4500',
+    orchid: 'da70d6',
+    palegoldenrod: 'eee8aa',
+    palegreen: '98fb98',
+    paleturquoise: 'afeeee',
+    palevioletred: 'd87093',
+    papayawhip: 'ffefd5',
+    peachpuff: 'ffdab9',
+    peru: 'cd853f',
+    pink: 'ffc0cb',
+    plum: 'dda0dd',
+    powderblue: 'b0e0e6',
+    purple: '800080',
+    red: 'ff0000',
+    rosybrown: 'bc8f8f',
+    royalblue: '4169e1',
+    saddlebrown: '8b4513',
+    salmon: 'fa8072',
+    sandybrown: 'f4a460',
+    seagreen: '2e8b57',
+    seashell: 'fff5ee',
+    sienna: 'a0522d',
+    silver: 'c0c0c0',
+    skyblue: '87ceeb',
+    slateblue: '6a5acd',
+    slategray: '708090',
+    snow: 'fffafa',
+    springgreen: '00ff7f',
+    steelblue: '4682b4',
+    tan: 'd2b48c',
+    teal: '008080',
+    thistle: 'd8bfd8',
+    tomato: 'ff6347',
+    turquoise: '40e0d0',
+    violet: 'ee82ee',
+    violetred: 'd02090',
+    wheat: 'f5deb3',
+    white: 'ffffff',
+    whitesmoke: 'f5f5f5',
+    yellow: 'ffff00',
+    yellowgreen: '9acd32'
+  };
+
+  // array of color definition objects
+  var colorDefs = [{
+    re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
+    example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
+    process: function process(bits) {
+      return [parseInt(bits[1], 10), parseInt(bits[2], 10), parseInt(bits[3], 10)];
+    }
+  }, {
+    re: /^(\w{2})(\w{2})(\w{2})$/,
+    example: ['#00ff00', '336699'],
+    process: function process(bits) {
+      return [parseInt(bits[1], 16), parseInt(bits[2], 16), parseInt(bits[3], 16)];
+    }
+  }, {
+    re: /^(\w{1})(\w{1})(\w{1})$/,
+    example: ['#fb0', 'f0f'],
+    process: function process(bits) {
+      return [parseInt(bits[1] + bits[1], 16), parseInt(bits[2] + bits[2], 16), parseInt(bits[3] + bits[3], 16)];
+    }
+  }];
+
+  /**
+   * A class to parse color values
+   */
+
+  var RGBColor = function () {
+    /**
+    * @param {string} colorString
+    */
+    function RGBColor(colorString) {
+      classCallCheck(this, RGBColor);
+
+      this.ok = false;
+
+      // strip any leading #
+      if (colorString.charAt(0) === '#') {
+        // remove # if any
+        colorString = colorString.substr(1, 6);
+      }
+
+      colorString = colorString.replace(/ /g, '');
+      colorString = colorString.toLowerCase();
+
+      // before getting into regexps, try simple matches
+      // and overwrite the input
+      if (colorString in simpleColors) {
+        colorString = simpleColors[colorString];
+      }
+      // end of simple type-in colors
+
+      // search through the definitions to find a match
+      for (var i = 0; i < colorDefs.length; i++) {
+        var re = colorDefs[i].re;
+
+        var processor = colorDefs[i].process;
+        var bits = re.exec(colorString);
+        if (bits) {
+          var _processor = processor(bits),
+              _processor2 = slicedToArray(_processor, 3),
+              r = _processor2[0],
+              g = _processor2[1],
+              b = _processor2[2];
+
+          Object.assign(this, { r: r, g: g, b: b });
+          this.ok = true;
+        }
+      }
+
+      // validate/cleanup values
+      this.r = this.r < 0 || isNaN(this.r) ? 0 : this.r > 255 ? 255 : this.r;
+      this.g = this.g < 0 || isNaN(this.g) ? 0 : this.g > 255 ? 255 : this.g;
+      this.b = this.b < 0 || isNaN(this.b) ? 0 : this.b > 255 ? 255 : this.b;
+    }
+
+    // some getters
+    /**
+    * @returns {string}
+    */
+
+
+    createClass(RGBColor, [{
+      key: 'toRGB',
+      value: function toRGB() {
+        return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
+      }
+
+      /**
+      * @returns {string}
+      */
+
+    }, {
+      key: 'toHex',
+      value: function toHex() {
+        var r = this.r.toString(16);
+        var g = this.g.toString(16);
+        var b = this.b.toString(16);
+        if (r.length === 1) {
+          r = '0' + r;
+        }
+        if (g.length === 1) {
+          g = '0' + g;
+        }
+        if (b.length === 1) {
+          b = '0' + b;
+        }
+        return '#' + r + g + b;
+      }
+
+      /**
+      * help
+      * @returns {HTMLUListElement}
+      */
+
+    }, {
+      key: 'getHelpXML',
+      value: function getHelpXML() {
+        var examples = [];
+        // add regexps
+        for (var i = 0; i < colorDefs.length; i++) {
+          var example = colorDefs[i].example;
+
+          for (var j = 0; j < example.length; j++) {
+            examples[examples.length] = example[j];
+          }
+        }
+        // add type-in colors
+        examples.push.apply(examples, toConsumableArray(Object.keys(simpleColors)));
+
+        var xml = document.createElement('ul');
+        xml.setAttribute('id', 'rgbcolor-examples');
+        for (var _i = 0; _i < examples.length; _i++) {
+          try {
+            var listItem = document.createElement('li');
+            var listColor = new RGBColor(examples[_i]);
+            var exampleDiv = document.createElement('div');
+            exampleDiv.style.cssText = 'margin: 3px;\nborder: 1px solid black;\nbackground: ' + listColor.toHex() + ';\ncolor: ' + listColor.toHex() + ';';
+            exampleDiv.append('test');
+            var listItemValue = ' ' + examples[_i] + ' -> ' + listColor.toRGB() + ' -> ' + listColor.toHex();
+            listItem.append(exampleDiv, listItemValue);
+            xml.append(listItem);
+          } catch (e) {}
+        }
+        return xml;
+      }
+    }]);
+    return RGBColor;
+  }();
+
+  /* globals jsPDF */
+
+  var jsPDFAPI = jsPDF.API;
+  var pdfSvgAttr = {
+    // allowed attributes. all others are removed from the preview.
+    g: ['stroke', 'fill', 'stroke-width'],
+    line: ['x1', 'y1', 'x2', 'y2', 'stroke', 'stroke-width'],
+    rect: ['x', 'y', 'width', 'height', 'stroke', 'fill', 'stroke-width'],
+    ellipse: ['cx', 'cy', 'rx', 'ry', 'stroke', 'fill', 'stroke-width'],
+    circle: ['cx', 'cy', 'r', 'stroke', 'fill', 'stroke-width'],
+    text: ['x', 'y', 'font-size', 'font-family', 'text-anchor', 'font-weight', 'font-style', 'fill']
+  };
+
+  var attributeIsNotEmpty = function attributeIsNotEmpty(node, attr) {
+    var attVal = attr ? node.getAttribute(attr) : node;
+    return attVal !== '' && attVal !== null;
+  };
+
+  var nodeIs = function nodeIs(node, possible) {
+    return possible.includes(node.tagName.toLowerCase());
+  };
+
+  var removeAttributes = function removeAttributes(node, attributes) {
+    var toRemove = [];
+    [].forEach.call(node.attributes, function (a) {
+      if (attributeIsNotEmpty(a) && !attributes.includes(a.name.toLowerCase())) {
+        toRemove.push(a.name);
+      }
+    });
+
+    toRemove.forEach(function (a) {
+      node.removeAttribute(a.name);
+    });
+  };
+
+  var svgElementToPdf = function svgElementToPdf(element, pdf, options) {
+    // pdf is a jsPDF object
+    // console.log('options =', options);
+    var remove = options.removeInvalid === undefined ? false : options.removeInvalid;
+    var k = options.scale === undefined ? 1.0 : options.scale;
+    var colorMode = null;
+    [].forEach.call(element.children, function (node) {
+      // console.log('passing: ', node);
+      // let hasStrokeColor = false;
+      var hasFillColor = false;
+      var fillRGB = void 0;
+      if (nodeIs(node, ['g', 'line', 'rect', 'ellipse', 'circle', 'text'])) {
+        var fillColor = node.getAttribute('fill');
+        if (attributeIsNotEmpty(fillColor)) {
+          fillRGB = new RGBColor(fillColor);
+          if (fillRGB.ok) {
+            hasFillColor = true;
+            colorMode = 'F';
+          } else {
+            colorMode = null;
+          }
+        }
+      }
+      if (nodeIs(node, ['g', 'line', 'rect', 'ellipse', 'circle'])) {
+        if (hasFillColor) {
+          pdf.setFillColor(fillRGB.r, fillRGB.g, fillRGB.b);
+        }
+        if (attributeIsNotEmpty(node, 'stroke-width')) {
+          pdf.setLineWidth(k * parseInt(node.getAttribute('stroke-width'), 10));
+        }
+        var strokeColor = node.getAttribute('stroke');
+        if (attributeIsNotEmpty(strokeColor)) {
+          var strokeRGB = new RGBColor(strokeColor);
+          if (strokeRGB.ok) {
+            // hasStrokeColor = true;
+            pdf.setDrawColor(strokeRGB.r, strokeRGB.g, strokeRGB.b);
+            if (colorMode === 'F') {
+              colorMode = 'FD';
+            } else {
+              colorMode = null;
+            }
+          } else {
+            colorMode = null;
+          }
+        }
+      }
+      switch (node.tagName.toLowerCase()) {
+        case 'svg':
+        case 'a':
+        case 'g':
+          svgElementToPdf(node, pdf, options);
+          removeAttributes(node, pdfSvgAttr.g);
+          break;
+        case 'line':
+          pdf.line(k * parseInt(node.getAttribute('x1'), 10), k * parseInt(node.getAttribute('y1'), 10), k * parseInt(node.getAttribute('x2'), 10), k * parseInt(node.getAttribute('y2'), 10));
+          removeAttributes(node, pdfSvgAttr.line);
+          break;
+        case 'rect':
+          pdf.rect(k * parseInt(node.getAttribute('x'), 10), k * parseInt(node.getAttribute('y'), 10), k * parseInt(node.getAttribute('width'), 10), k * parseInt(node.getAttribute('height'), 10), colorMode);
+          removeAttributes(node, pdfSvgAttr.rect);
+          break;
+        case 'ellipse':
+          pdf.ellipse(k * parseInt(node.getAttribute('cx'), 10), k * parseInt(node.getAttribute('cy'), 10), k * parseInt(node.getAttribute('rx'), 10), k * parseInt(node.getAttribute('ry'), 10), colorMode);
+          removeAttributes(node, pdfSvgAttr.ellipse);
+          break;
+        case 'circle':
+          pdf.circle(k * parseInt(node.getAttribute('cx'), 10), k * parseInt(node.getAttribute('cy'), 10), k * parseInt(node.getAttribute('r'), 10), colorMode);
+          removeAttributes(node, pdfSvgAttr.circle);
+          break;
+        case 'text':
+          if (node.hasAttribute('font-family')) {
+            switch ((node.getAttribute('font-family') || '').toLowerCase()) {
+              case 'serif':
+                pdf.setFont('times');break;
+              case 'monospace':
+                pdf.setFont('courier');break;
+              default:
+                node.setAttribute('font-family', 'sans-serif');
+                pdf.setFont('helvetica');
+            }
+          }
+          if (hasFillColor) {
+            pdf.setTextColor(fillRGB.r, fillRGB.g, fillRGB.b);
+          }
+          var fontType = '';
+          if (node.hasAttribute('font-weight')) {
+            if (node.getAttribute('font-weight') === 'bold') {
+              fontType = 'bold';
+            } else {
+              node.removeAttribute('font-weight');
+            }
+          }
+          if (node.hasAttribute('font-style')) {
+            if (node.getAttribute('font-style') === 'italic') {
+              fontType += 'italic';
+            } else {
+              node.removeAttribute('font-style');
+            }
+          }
+          pdf.setFontType(fontType);
+          var pdfFontSize = node.hasAttribute('font-size') ? parseInt(node.getAttribute('font-size'), 10) : 16;
+
+          var box = node.getBBox();
+          // FIXME: use more accurate positioning!!
+          var x = void 0,
+              y = void 0,
+              xOffset = 0;
+          if (node.hasAttribute('text-anchor')) {
+            switch (node.getAttribute('text-anchor')) {
+              case 'end':
+                xOffset = box.width;break;
+              case 'middle':
+                xOffset = box.width / 2;break;
+              case 'start':
+                break;
+              case 'default':
+                node.setAttribute('text-anchor', 'start');break;
+            }
+            x = parseInt(node.getAttribute('x'), 10) - xOffset;
+            y = parseInt(node.getAttribute('y'), 10);
+          }
+          // console.log('fontSize:', pdfFontSize, 'text:', node.textContent);
+          pdf.setFontSize(pdfFontSize).text(k * x, k * y, node.textContent);
+          removeAttributes(node, pdfSvgAttr.text);
+          break;
+        // TODO: image
+        default:
+          if (remove) {
+            console.log("can't translate to pdf:", node);
+            node.remove();
+          }
+      }
+    });
+    return pdf;
+  };
+
+  jsPDFAPI.addSVG = function (element, x, y, options) {
+    options = options === undefined ? {} : options;
+    options.x_offset = x;
+    options.y_offset = y;
+
+    if (typeof element === 'string') {
+      element = new DOMParser().parseFromString(element, 'text/xml').documentElement;
+    }
+    svgElementToPdf(element, this, options);
+    return this;
+  };
+
+}());
diff --git a/dist/locale/lang.af.js b/dist/locale/lang.af.js
new file mode 100644
index 00000000..ea7ceec9
--- /dev/null
+++ b/dist/locale/lang.af.js
@@ -0,0 +1,224 @@
+var svgEditorLang_af = (function () {
+  'use strict';
+
+  var lang_af = {
+    lang: 'af',
+    dir: 'ltr',
+    common: {
+      ok: 'Spaar',
+      cancel: 'Annuleer',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Klik om te verander vul kleur, verskuiwing klik om &#39;n beroerte kleur verander',
+      zoom_level: 'Change zoom vlak',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Verandering vul kleur',
+      stroke_color: 'Verandering beroerte kleur',
+      stroke_style: 'Verandering beroerte dash styl',
+      stroke_width: 'Verandering beroerte breedte',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Verandering rotasie-hoek',
+      blur: 'Change gaussian blur value',
+      opacity: 'Verander geselekteerde item opaciteit',
+      circle_cx: 'Verandering sirkel se cx koördineer',
+      circle_cy: 'Verandering sirkel se cy koördineer',
+      circle_r: 'Verandering sirkel se radius',
+      ellipse_cx: 'Verandering ellips se cx koördineer',
+      ellipse_cy: 'Verander ellips se cy koördineer',
+      ellipse_rx: 'Verandering ellips se x radius',
+      ellipse_ry: 'Verander ellips se j radius',
+      line_x1: 'Verandering lyn se vertrek x koördinaat',
+      line_x2: 'Verandering lyn se eindig x koördinaat',
+      line_y1: 'Verandering lyn se vertrek y koördinaat',
+      line_y2: 'Verandering lyn se eindig y koördinaat',
+      rect_height: 'Verandering reghoek hoogte',
+      rect_width: 'Verandering reghoek breedte',
+      corner_radius: 'Verandering Rechthoek Corner Radius',
+      image_width: 'Verander prent breedte',
+      image_height: 'Verandering prent hoogte',
+      image_url: 'URL verander',
+      node_x: 'Change node\'s x coordinate',
+      node_y: 'Change node\'s y coordinate',
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Verander teks inhoud',
+      font_family: 'Lettertipe verander Familie',
+      font_size: 'Verandering Lettertipe Grootte',
+      bold: 'Vetgedrukte teks',
+      italic: 'Italic Text'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Verander agtergrondkleur / opaciteit',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Pas na inhoud',
+      fit_to_all: 'Passing tot al inhoud',
+      fit_to_canvas: 'Passing tot doek',
+      fit_to_layer_content: 'Passing tot laag inhoud',
+      fit_to_sel: 'Passing tot seleksie',
+      align_relative_to: 'Align in verhouding tot ...',
+      relativeTo: 'relatief tot:',
+      page: 'bladsy',
+      largest_object: 'grootste voorwerp',
+      selected_objects: 'verkose voorwerpe',
+      smallest_object: 'kleinste voorwerp',
+      new_doc: 'Nuwe Beeld',
+      open_doc: 'Open Beeld',
+      export_img: 'Export',
+      save_doc: 'Slaan Beeld',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Rig Middel',
+      align_left: 'Links Regterkant',
+      align_middle: 'Align Midde',
+      align_right: 'Lijn regs uit',
+      align_top: 'Align Top',
+      mode_select: 'Select Gereedschap',
+      mode_fhpath: 'Potlood tool',
+      mode_line: 'Lyn Gereedskap',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-hand Rectangle',
+      mode_ellipse: 'Ellips',
+      mode_circle: 'Sirkel',
+      mode_fhellipse: 'Gratis-Hand Ellips',
+      mode_path: 'Poli Gereedskap',
+      mode_text: 'Text Gereedskap',
+      mode_image: 'Image Gereedskap',
+      mode_zoom: 'Klik op die Gereedskap',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Boontoe',
+      redo: 'Oordoen',
+      tool_source: 'Wysig Bron',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Groep Elemente',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elemente',
+      docprops: 'Document Properties',
+      move_bottom: 'Skuif na Bottom',
+      move_top: 'Skuif na bo',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Spaar',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Verwyder Laag',
+      move_down: 'Beweeg afbreek Down',
+      new: 'Nuwe Layer',
+      rename: 'Rename Layer',
+      move_up: 'Beweeg afbreek Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Doek Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Kies gedefinieerde:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_af;
+
+}());
diff --git a/dist/locale/lang.ar.js b/dist/locale/lang.ar.js
new file mode 100644
index 00000000..f699f836
--- /dev/null
+++ b/dist/locale/lang.ar.js
@@ -0,0 +1,224 @@
+var svgEditorLang_ar = (function () {
+  'use strict';
+
+  var lang_ar = {
+    lang: 'ar',
+    dir: 'rtl',
+    common: {
+      ok: 'حفظ',
+      cancel: 'إلغاء',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'انقر لتغيير لون التعبئة ، تحولا مزدوجا فوق لتغيير لون السكتة الدماغية',
+      zoom_level: 'تغيير مستوى التكبير',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'تغير لون التعبئة',
+      stroke_color: 'تغير لون السكتة الدماغية',
+      stroke_style: 'تغيير نمط السكتة الدماغية اندفاعة',
+      stroke_width: 'تغيير عرض السكتة الدماغية',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'تغيير زاوية الدوران',
+      blur: 'Change gaussian blur value',
+      opacity: 'تغيير مختارة غموض البند',
+      circle_cx: 'دائرة التغيير لتنسيق cx',
+      circle_cy: "Change circle's cy coordinate",
+      circle_r: 'التغيير في دائرة نصف قطرها',
+      ellipse_cx: 'تغيير شكل البيضاوي cx تنسيق',
+      ellipse_cy: 'تغيير شكل البيضاوي قبرصي تنسيق',
+      ellipse_rx: 'تغيير شكل البيضاوي خ نصف قطرها',
+      ellipse_ry: 'تغيير القطع الناقص في دائرة نصف قطرها ذ',
+      line_x1: 'تغيير الخط لبدء تنسيق خ',
+      line_x2: 'تغيير الخط لانهاء خ تنسيق',
+      line_y1: 'تغيير الخط لبدء تنسيق ذ',
+      line_y2: 'تغيير الخط لإنهاء تنسيق ذ',
+      rect_height: 'تغيير المستطيل الارتفاع',
+      rect_width: 'تغيير عرض المستطيل',
+      corner_radius: 'تغيير مستطيل ركن الشعاع',
+      image_width: 'تغيير صورة العرض',
+      image_height: 'تغيير ارتفاع الصورة',
+      image_url: 'تغيير العنوان',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'تغيير محتويات النص',
+      font_family: 'تغيير الخط الأسرة',
+      font_size: 'تغيير حجم الخط',
+      bold: 'نص جريء',
+      italic: 'مائل نص'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'تغير لون الخلفية / غموض',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'لائقا للمحتوى',
+      fit_to_all: 'يصلح لجميع المحتويات',
+      fit_to_canvas: 'يصلح لوحة زيتية على قماش',
+      fit_to_layer_content: 'يصلح لطبقة المحتوى',
+      fit_to_sel: 'يصلح لاختيار',
+      align_relative_to: 'محاذاة النسبي ل ...',
+      relativeTo: 'بالنسبة إلى:',
+      page: 'الصفحة',
+      largest_object: 'أكبر كائن',
+      selected_objects: 'انتخب الأجسام',
+      smallest_object: 'أصغر كائن',
+      new_doc: 'صورة جديدة',
+      open_doc: 'فتح الصورة',
+      export_img: 'Export',
+      save_doc: 'حفظ صورة',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'محاذاة القاع',
+      align_center: 'مركز محاذاة',
+      align_left: 'محاذاة إلى اليسار',
+      align_middle: 'محاذاة الأوسط',
+      align_right: 'محاذاة إلى اليمين',
+      align_top: 'محاذاة الأعلى',
+      mode_select: 'اختر أداة',
+      mode_fhpath: 'أداة قلم رصاص',
+      mode_line: 'خط أداة',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Rectangle',
+      mode_ellipse: 'القطع الناقص',
+      mode_circle: 'دائرة',
+      mode_fhellipse: 'اليد الحرة البيضوي',
+      mode_path: 'بولي أداة',
+      mode_text: 'النص أداة',
+      mode_image: 'الصورة أداة',
+      mode_zoom: 'أداة تكبير',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'التراجع',
+      redo: 'إعادته',
+      tool_source: 'عدل المصدر',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'مجموعة عناصر',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'فك تجميع عناصر',
+      docprops: 'خصائص المستند',
+      move_bottom: 'الانتقال إلى أسفل',
+      move_top: 'الانتقال إلى أعلى',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'حفظ',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'حذف طبقة',
+      move_down: 'تحرك لأسفل طبقة',
+      new: 'طبقة جديدة',
+      rename: 'تسمية الطبقة',
+      move_up: 'تحرك لأعلى طبقة',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'حدد سلفا:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_ar;
+
+}());
diff --git a/dist/locale/lang.az.js b/dist/locale/lang.az.js
new file mode 100644
index 00000000..04c5e4df
--- /dev/null
+++ b/dist/locale/lang.az.js
@@ -0,0 +1,224 @@
+var svgEditorLang_az = (function () {
+  'use strict';
+
+  var lang_az = {
+    lang: 'az',
+    dir: 'ltr',
+    common: {
+      ok: 'OK',
+      cancel: 'Cancel',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Click to change fill color, shift-click to change stroke color',
+      zoom_level: 'Change zoom level',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Change fill color',
+      stroke_color: 'Change stroke color',
+      stroke_style: 'Change stroke dash style',
+      stroke_width: 'Change stroke width',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Change rotation angle',
+      blur: 'Change gaussian blur value',
+      opacity: 'Change selected item opacity',
+      circle_cx: "Change circle's cx coordinate",
+      circle_cy: "Change circle's cy coordinate",
+      circle_r: "Change circle's radius",
+      ellipse_cx: "Change ellipse's cx coordinate",
+      ellipse_cy: "Change ellipse's cy coordinate",
+      ellipse_rx: "Change ellipse's x radius",
+      ellipse_ry: "Change ellipse's y radius",
+      line_x1: "Change line's starting x coordinate",
+      line_x2: "Change line's ending x coordinate",
+      line_y1: "Change line's starting y coordinate",
+      line_y2: "Change line's ending y coordinate",
+      rect_height: 'Change rectangle height',
+      rect_width: 'Change rectangle width',
+      corner_radius: 'Change Rectangle Corner Radius',
+      image_width: 'Change image width',
+      image_height: 'Change image height',
+      image_url: 'Change URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Change text contents',
+      font_family: 'Change Font Family',
+      font_size: 'Change Font Size',
+      bold: 'Bold Text',
+      italic: 'Italic Text'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Change background color/opacity',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Fit to all content',
+      fit_to_canvas: 'Fit to canvas',
+      fit_to_layer_content: 'Fit to layer content',
+      fit_to_sel: 'Fit to selection',
+      align_relative_to: 'Align relative to ...',
+      relativeTo: 'relative to:',
+      page: 'page',
+      largest_object: 'largest object',
+      selected_objects: 'selected objects',
+      smallest_object: 'smallest object',
+      new_doc: 'New Image',
+      open_doc: 'Open SVG',
+      export_img: 'Export',
+      save_doc: 'Save Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Align Center',
+      align_left: 'Align Left',
+      align_middle: 'Align Middle',
+      align_right: 'Align Right',
+      align_top: 'Align Top',
+      mode_select: 'Select Tool',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Rectangle',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Text Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Undo',
+      redo: 'Redo',
+      tool_source: 'Edit Source',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Group Elements',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elements',
+      docprops: 'Document Properties',
+      move_bottom: 'Move to Bottom',
+      move_top: 'Move to Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Apply Changes',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Delete Layer',
+      move_down: 'Move Layer Down',
+      new: 'New Layer',
+      rename: 'Rename Layer',
+      move_up: 'Move Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Select predefined:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_az;
+
+}());
diff --git a/dist/locale/lang.be.js b/dist/locale/lang.be.js
new file mode 100644
index 00000000..bc0512e2
--- /dev/null
+++ b/dist/locale/lang.be.js
@@ -0,0 +1,224 @@
+var svgEditorLang_be = (function () {
+  'use strict';
+
+  var lang_be = {
+    lang: 'be',
+    dir: 'ltr',
+    common: {
+      ok: 'Захаваць',
+      cancel: 'Адмена',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Націсніце для змены колеру залівання, Shift-Click змяніць обводка',
+      zoom_level: 'Змяненне маштабу',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Змяненне колеру залівання',
+      stroke_color: 'Змяненне колеру інсульт',
+      stroke_style: 'Змяненне стылю інсульт працяжнік',
+      stroke_width: 'Змены шырыня штрых',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Змены вугла павароту',
+      blur: 'Change gaussian blur value',
+      opacity: 'Старонка абранага пункта непразрыстасці',
+      circle_cx: 'CX змене круга каардынаты',
+      circle_cy: 'Змены гуртка CY каардынаты',
+      circle_r: 'Старонка круга&#39;s радыус',
+      ellipse_cx: 'Змены эліпса CX каардынаты',
+      ellipse_cy: 'Змены эліпса CY каардынаты',
+      ellipse_rx: 'Х змяненні эліпса радыюсам',
+      ellipse_ry: 'Змены у эліпса радыюсам',
+      line_x1: 'Змены лінія пачынае каардынаты х',
+      line_x2: 'Змяненне за перыяд, скончыўся лінія каардынаты х',
+      line_y1: 'Змены лінія пачынае Y каардынаты',
+      line_y2: 'Змяненне за перыяд, скончыўся лінія Y каардынаты',
+      rect_height: 'Змены прастакутнік вышынёй',
+      rect_width: 'Змяненне шырыні прамавугольніка',
+      corner_radius: 'Змены прастакутнік Corner Radius',
+      image_width: 'Змены шырыня выявы',
+      image_height: 'Змена вышыні выявы',
+      image_url: 'Змяніць URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Змяненне зместу тэксту',
+      font_family: 'Змены Сямейства шрыфтоў',
+      font_size: 'Змяніць памер шрыфта',
+      bold: 'Тоўсты тэкст',
+      italic: 'Нахілены тэкст'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Змяненне колеру фону / непразрыстасць',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Па памеры ўтрымання',
+      fit_to_all: 'Па памеру ўсе змесціва',
+      fit_to_canvas: 'Памер палатна',
+      fit_to_layer_content: 'По размеру слой ўтрымання',
+      fit_to_sel: 'Выбар памеру',
+      align_relative_to: 'Выраўнаваць па дачыненні да ...',
+      relativeTo: 'па параўнанні з:',
+      page: 'старонка',
+      largest_object: 'найбуйнейшы аб&#39;ект',
+      selected_objects: 'выбранымі аб&#39;ектамі',
+      smallest_object: 'маленькі аб&#39;ект',
+      new_doc: 'Новае выява',
+      open_doc: 'Адкрыць выява',
+      export_img: 'Export',
+      save_doc: 'Захаваць малюнак',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Лінаваць па ніжнім краю',
+      align_center: 'Лінаваць па цэнтру',
+      align_left: 'Па левым краю',
+      align_middle: 'Выраўнаваць Блізкага',
+      align_right: 'Па правым краю',
+      align_top: 'Лінаваць па верхнім краю',
+      mode_select: 'Выберыце інструмент',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Свабоднай рукі Прастакутнік',
+      mode_ellipse: 'Эліпс',
+      mode_circle: 'Круг',
+      mode_fhellipse: 'Свабоднай рукі Эліпс',
+      mode_path: 'Poly Tool',
+      mode_text: 'Тэкст Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Адмяніць',
+      redo: 'Паўтор',
+      tool_source: 'Змяніць зыходны',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Група элементаў',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Элементы Разгруппировать',
+      docprops: 'Уласцівасці дакумента',
+      move_bottom: 'Перамясціць уніз',
+      move_top: 'Перамясціць угару',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Захаваць',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Выдаліць слой',
+      move_down: 'Перамясціць слой на',
+      new: 'Новы слой',
+      rename: 'Перайменаваць Слой',
+      move_up: 'Перамяшчэнне слоя да',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Выберыце прадвызначэньні:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_be;
+
+}());
diff --git a/dist/locale/lang.bg.js b/dist/locale/lang.bg.js
new file mode 100644
index 00000000..ece1e9d1
--- /dev/null
+++ b/dist/locale/lang.bg.js
@@ -0,0 +1,224 @@
+var svgEditorLang_bg = (function () {
+  'use strict';
+
+  var lang_bg = {
+    lang: 'bg',
+    dir: 'ltr',
+    common: {
+      ok: 'Спасявам',
+      cancel: 'Отказ',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Кликнете, за да промени попълнете цвят, на смени, кликнете да променят цвета си удар',
+      zoom_level: 'Промяна на ниво на мащабиране',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Промяна попълнете цвят',
+      stroke_color: 'Промяна на инсулт цвят',
+      stroke_style: 'Промяна на стила удар тире',
+      stroke_width: 'Промяна на ширината инсулт',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Промяна ъгъл на завъртане',
+      blur: 'Change gaussian blur value',
+      opacity: 'Промяна на избрания елемент непрозрачност',
+      circle_cx: 'CX Промяна кръг на координатната',
+      circle_cy: 'Промяна кръг&#39;s CY координира',
+      circle_r: 'Промяна кръг радиус',
+      ellipse_cx: 'Промяна на елипса&#39;s CX координира',
+      ellipse_cy: 'Промяна на елипса&#39;s CY координира',
+      ellipse_rx: 'Промяна на елипса&#39;s X радиус',
+      ellipse_ry: 'Промяна на елипса&#39;s Y радиус',
+      line_x1: 'Промяна на линия, започваща х координира',
+      line_x2: 'Промяна на линията приключва х координира',
+      line_y1: 'Промяна линия, започваща Y координира',
+      line_y2: 'Промяна на линията приключва Y координира',
+      rect_height: 'Промяна на правоъгълник височина',
+      rect_width: 'Промяна на правоъгълник ширина',
+      corner_radius: 'Промяна на правоъгълник Corner Radius',
+      image_width: 'Промяна на изображението ширина',
+      image_height: 'Промяна на изображението височина',
+      image_url: 'Промяна на URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Промяна на текст съдържание',
+      font_family: 'Промяна на шрифта Семейство',
+      font_size: 'Промени размера на буквите',
+      bold: 'Получер текст',
+      italic: 'Курсив текст'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Промяна на цвета на фона / непрозрачност',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit към съдържание',
+      fit_to_all: 'Побери цялото съдържание',
+      fit_to_canvas: 'Fit на платно',
+      fit_to_layer_content: 'Fit да слой съдържание',
+      fit_to_sel: 'Fit за подбор',
+      align_relative_to: 'Привеждане в сравнение с ...',
+      relativeTo: 'в сравнение с:',
+      page: 'страница',
+      largest_object: 'най-големият обект',
+      selected_objects: 'избраните обекти',
+      smallest_object: 'най-малката обект',
+      new_doc: 'Ню Имидж',
+      open_doc: 'Отворете изображението',
+      export_img: 'Export',
+      save_doc: 'Save Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Привеждане Отдолу',
+      align_center: 'Подравняване в средата',
+      align_left: 'Подравняване вляво',
+      align_middle: 'Привеждане в Близкия',
+      align_right: 'Подравняване надясно',
+      align_top: 'Привеждане Топ',
+      mode_select: 'Select Tool',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Свободен Употребявани правоъгълник',
+      mode_ellipse: 'Елипса',
+      mode_circle: 'Кръгът',
+      mode_fhellipse: 'Свободен Употребявани Елипса',
+      mode_path: 'Поли Tool',
+      mode_text: 'Текст Оръдие',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Отмени',
+      redo: 'Възстановяване',
+      tool_source: 'Редактиране Източник',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Група Елементи',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Разгрупирай Елементи',
+      docprops: 'Document Properties',
+      move_bottom: 'Премести надолу',
+      move_top: 'Премести в началото',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Спасявам',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Изтриване на слой',
+      move_down: 'Move слой надолу',
+      new: 'Нов слой',
+      rename: 'Преименуване Layer',
+      move_up: 'Move Up Layer',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Изберете предварително:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_bg;
+
+}());
diff --git a/dist/locale/lang.ca.js b/dist/locale/lang.ca.js
new file mode 100644
index 00000000..c4147f90
--- /dev/null
+++ b/dist/locale/lang.ca.js
@@ -0,0 +1,224 @@
+var svgEditorLang_ca = (function () {
+  'use strict';
+
+  var lang_ca = {
+    lang: 'ca',
+    dir: 'ltr',
+    common: {
+      ok: 'Salvar',
+      cancel: 'Cancel',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Feu clic per canviar el color de farciment, shift-clic per canviar el color del traç',
+      zoom_level: 'Canviar el nivell de zoom',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Canviar el color de farciment',
+      stroke_color: 'Canviar el color del traç',
+      stroke_style: 'Canviar estil de traç guió',
+      stroke_width: 'Canviar l&#39;amplada del traç',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Canviar l&#39;angle de rotació',
+      blur: 'Change gaussian blur value',
+      opacity: 'Canviar la opacitat tema seleccionat',
+      circle_cx: 'CX cercle Canvi de coordenades',
+      circle_cy: 'Cercle Canvi CY coordinar',
+      circle_r: 'Ràdio de cercle Canvi',
+      ellipse_cx: 'Canviar lipse CX coordinar',
+      ellipse_cy: 'Lipse Canvi CY coordinar',
+      ellipse_rx: 'Ràdio x lipse Canvi',
+      ellipse_ry: 'Ràdio i lipse Canvi',
+      line_x1: 'Canviar la línia de partida de la coordenada x',
+      line_x2: 'Canviar la línia d&#39;hores de coordenada x',
+      line_y1: 'Canviar la línia de partida i de coordinar',
+      line_y2: 'Canviar la línia d&#39;hores de coordenada',
+      rect_height: 'Rectangle d&#39;alçada Canvi',
+      rect_width: 'Ample rectangle Canvi',
+      corner_radius: 'Canviar Rectangle Corner Radius',
+      image_width: 'Amplada de la imatge Canvi',
+      image_height: 'Canviar l&#39;altura de la imatge',
+      image_url: 'Canviar URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Contingut del text',
+      font_family: 'Canviar la font Família',
+      font_size: 'Change Font Size',
+      bold: 'Text en negreta',
+      italic: 'Text en cursiva'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Color de fons / opacitat',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Ajustar al contingut',
+      fit_to_all: 'Ajustar a tot el contingut',
+      fit_to_canvas: 'Ajustar a la lona',
+      fit_to_layer_content: 'Ajustar al contingut de la capa d&#39;',
+      fit_to_sel: 'Ajustar a la selecció',
+      align_relative_to: 'Alinear pel que fa a ...',
+      relativeTo: 'en relació amb:',
+      page: 'Pàgina',
+      largest_object: 'objecte més gran',
+      selected_objects: 'objectes escollits',
+      smallest_object: 'objecte més petit',
+      new_doc: 'Nova imatge',
+      open_doc: 'Obrir imatge',
+      export_img: 'Export',
+      save_doc: 'Guardar imatge',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Alinear baix',
+      align_center: 'Alinear al centre',
+      align_left: 'Alinear a l&#39;esquerra',
+      align_middle: 'Alinear Medi',
+      align_right: 'Alinear a la dreta',
+      align_top: 'Alinear a dalt',
+      mode_select: 'Eina de selecció',
+      mode_fhpath: 'Eina Llapis',
+      mode_line: 'L&#39;eina',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Rectangle',
+      mode_ellipse: 'Lipse',
+      mode_circle: 'Cercle',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Eina de text',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Desfés',
+      redo: 'Refer',
+      tool_source: 'Font Edita',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Elements de Grup de',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Desagrupar elements',
+      docprops: 'Propietats del document',
+      move_bottom: 'Mou al final',
+      move_top: 'Mou al principi',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Salvar',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Eliminar capa',
+      move_down: 'Mou la capa de Down',
+      new: 'Nova capa',
+      rename: 'Canvieu el nom de la capa',
+      move_up: 'Mou la capa Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Seleccioneu predefinides:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_ca;
+
+}());
diff --git a/dist/locale/lang.cs.js b/dist/locale/lang.cs.js
new file mode 100644
index 00000000..add8a0ab
--- /dev/null
+++ b/dist/locale/lang.cs.js
@@ -0,0 +1,224 @@
+var svgEditorLang_cs = (function () {
+  'use strict';
+
+  var lang_cs = {
+    lang: 'cs',
+    dir: 'ltr',
+    common: {
+      ok: 'Uložit',
+      cancel: 'Storno',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'šipka dolů',
+      key_up: 'šipka nahoru',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Běží na'
+    },
+    ui: {
+      toggle_stroke_tools: 'Zobrazit/schovat více možností',
+      palette_info: 'Kliknutím změníte barvu výplně, kliknutím současně s klávesou shift změníte barvu čáry',
+      zoom_level: 'Změna přiblížení',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Změnit ID elementu',
+      fill_color: 'Změnit barvu výplně',
+      stroke_color: 'Změnit barvu čáry',
+      stroke_style: 'Změnit styl čáry',
+      stroke_width: 'Změnit šířku čáry',
+      pos_x: 'Změnit souřadnici X',
+      pos_y: 'Změnit souřadnici Y',
+      linecap_butt: 'Konec úsečky: přesný',
+      linecap_round: 'Konec úsečky: zaoblený',
+      linecap_square: 'Konec úsečky: s čtvercovým přesahem',
+      linejoin_bevel: 'Styl napojení úseček: zkosené',
+      linejoin_miter: 'Styl napojení úseček: ostré',
+      linejoin_round: 'Styl napojení úseček: oblé',
+      angle: 'Změnit úhel natočení',
+      blur: 'Změnit rozostření',
+      opacity: 'Změnit průhlednost objektů',
+      circle_cx: 'Změnit souřadnici X středu kružnice',
+      circle_cy: 'Změnit souřadnici Y středu kružnice',
+      circle_r: 'Změnit poloměr kružnice',
+      ellipse_cx: 'Změnit souřadnici X středu elipsy',
+      ellipse_cy: 'Změnit souřadnici Y středu elipsy',
+      ellipse_rx: 'Změnit poloměr X elipsy',
+      ellipse_ry: 'Změnit poloměr Y elipsy',
+      line_x1: 'Změnit počáteční souřadnici X úsečky',
+      line_x2: 'Změnit koncovou souřadnici X úsečky',
+      line_y1: 'Změnit počáteční souřadnici Y úsečky',
+      line_y2: 'Změnit koncovou souřadnici X úsečky',
+      rect_height: 'Změnit výšku obdélníku',
+      rect_width: 'Změnit šířku obdélníku',
+      corner_radius: 'Změnit zaoblení obdélníku',
+      image_width: 'Změnit šířku dokumentu',
+      image_height: 'Změnit výšku dokumentu',
+      image_url: 'Změnit adresu URL',
+      node_x: 'Změnit souřadnici X uzlu',
+      node_y: 'Změnit souřadnici Y uzlu',
+      seg_type: 'Změnit typ segmentu',
+      straight_segments: 'úsečka',
+      curve_segments: 'křivka',
+      text_contents: 'Změnit text',
+      font_family: 'Změnit font',
+      font_size: 'Změnit velikost písma',
+      bold: 'Tučně',
+      italic: 'Kurzíva'
+    },
+    tools: {
+      main_menu: 'Hlavní menu',
+      bkgnd_color_opac: 'Změnit barvu a průhlednost pozadí',
+      connector_no_arrow: 'Bez šipky',
+      fitToContent: 'přizpůsobit obsahu',
+      fit_to_all: 'Přizpůsobit veškerému obsahu',
+      fit_to_canvas: 'Přizpůsobit stránce',
+      fit_to_layer_content: 'Přizpůsobit obsahu vrstvy',
+      fit_to_sel: 'Přizpůsobit výběru',
+      align_relative_to: 'Zarovnat relativně',
+      relativeTo: 'relatativně k:',
+      page: 'stránce',
+      largest_object: 'největšímu objektu',
+      selected_objects: 'zvoleným objektům',
+      smallest_object: 'nejmenšímu objektu',
+      new_doc: 'Nový dokument',
+      open_doc: 'Otevřít dokument',
+      export_img: 'Export',
+      save_doc: 'Uložit dokument',
+      import_doc: 'Importovat SVG',
+      align_to_page: 'Zarovnat element na stránku',
+      align_bottom: 'Zarovnat dolů',
+      align_center: 'Zarovnat nastřed',
+      align_left: 'Zarovnat doleva',
+      align_middle: 'Zarovnat nastřed',
+      align_right: 'Zarovnat doprava',
+      align_top: 'Zarovnat nahoru',
+      mode_select: 'Výběr a transformace objektů',
+      mode_fhpath: 'Kresba od ruky',
+      mode_line: 'Úsečka',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Obdélník volnou rukou',
+      mode_ellipse: 'Elipsa',
+      mode_circle: 'Kružnice',
+      mode_fhellipse: 'Elipsa volnou rukou',
+      mode_path: 'Křivka',
+      mode_text: 'Text',
+      mode_image: 'Obrázek',
+      mode_zoom: 'Přiblížení',
+      no_embed: 'POZOR: Obrázek nelze uložit s dokumentem. Bude zobrazován z adresáře, kde se nyní nachází.',
+      undo: 'Zpět',
+      redo: 'Znovu',
+      tool_source: 'Upravovat SVG kód',
+      wireframe_mode: 'Zobrazit jen kostru',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Seskupit objekty',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Objekt na křivku',
+      reorient_path: 'Změna orientace křivky',
+      ungroup: 'Zrušit seskupení',
+      docprops: 'Vlastnosti dokumentu',
+      move_bottom: 'Vrstvu úplně dospodu',
+      move_top: 'Vrstvu úplně nahoru',
+      node_clone: 'Vložit nový uzel',
+      node_delete: 'Ostranit uzel',
+      node_link: 'Provázat ovládací body uzlu',
+      add_subpath: 'Přidat další součást křivky',
+      openclose_path: 'Otevřít/zavřít součást křivky',
+      source_save: 'Uložit',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Vrstva',
+      layers: 'Layers',
+      del: 'Odstranit vrstvu',
+      move_down: 'Přesunout vrstvu níž',
+      new: 'Přidat vrstvu',
+      rename: 'Přejmenovat vrstvu',
+      move_up: 'Přesunout vrstvu výš',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Přesunout objekty do:',
+      move_selected: 'Přesunout objekty do jiné vrstvy'
+    },
+    config: {
+      image_props: 'Vlastnosti dokumentu',
+      doc_title: 'Název',
+      doc_dims: 'Vlastní velikost',
+      included_images: 'Vložené obrázky',
+      image_opt_embed: 'Vkládat do dokumentu',
+      image_opt_ref: 'Jen odkazem',
+      editor_prefs: 'Nastavení editoru',
+      icon_size: 'Velikost ikon',
+      language: 'Jazyk',
+      background: 'Obrázek v pozadí editoru',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Pozor: obrázek v pozadí nebude uložen jako součást dokumentu.',
+      icon_large: 'velké',
+      icon_medium: 'střední',
+      icon_small: 'malé',
+      icon_xlarge: 'největší',
+      select_predefined: 'vybrat předdefinovaný:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Nevhodná hodnota',
+      noContentToFitTo: 'Vyberte oblast pro přizpůsobení',
+      dupeLayerName: 'Taková vrstva už bohužel existuje',
+      enterUniqueLayerName: 'Zadejte prosím jedinečné jméno pro vrstvu',
+      enterNewLayerName: 'Zadejte prosím jméno pro novou vrstvu',
+      layerHasThatName: 'Vrstva už se tak jmenuje',
+      QmoveElemsToLayer: "Opravdu chcete přesunout vybrané objekty do vrstvy '%s'?",
+      QwantToClear: 'Opravdu chcete smazat současný dokument?\nHistorie změn bude také smazána.',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'Chyba v parsování zdrojového kódu SVG.\nChcete se vrátit k původnímu?',
+      QignoreSourceChanges: 'Opravdu chcete stornovat změny provedené v SVG kódu?',
+      featNotSupported: 'Tato vlastnost ještě není k dispozici',
+      enterNewImgURL: 'Vložte adresu URL, na které se nachází vkládaný obrázek',
+      defsFailOnSave: 'POZOR: Kvůli nedokonalosti Vašeho prohlížeče se mohou některé části dokumentu špatně vykreslovat (mohou chybět barevné přechody nebo některé objekty). Po uložení dokumentu by se ale vše mělo zobrazovat správně.',
+      loadingImage: 'Nahrávám obrázek ...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Mohou se vyskytnout následující problémy: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_cs;
+
+}());
diff --git a/dist/locale/lang.cy.js b/dist/locale/lang.cy.js
new file mode 100644
index 00000000..34bf0568
--- /dev/null
+++ b/dist/locale/lang.cy.js
@@ -0,0 +1,224 @@
+var svgEditorLang_cy = (function () {
+  'use strict';
+
+  var lang_cy = {
+    lang: 'cy',
+    dir: 'ltr',
+    common: {
+      ok: 'Cadw',
+      cancel: 'Canslo',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Cliciwch yma i lenwi newid lliw, sifft-cliciwch i newid lliw strôc',
+      zoom_level: 'Newid lefel chwyddo',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Newid lliw llenwi',
+      stroke_color: 'Newid lliw strôc',
+      stroke_style: 'Newid arddull strôc diferyn',
+      stroke_width: 'Lled strôc Newid',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Ongl cylchdro Newid',
+      blur: 'Change gaussian blur value',
+      opacity: 'Newid dewis Didreiddiad eitem',
+      circle_cx: 'CX Newid cylch yn cydlynu',
+      circle_cy: 'Newid cylch&#39;s cy gydgysylltu',
+      circle_r: 'Newid radiws cylch yn',
+      ellipse_cx: 'Newid Ellipse yn CX gydgysylltu',
+      ellipse_cy: 'Newid Ellipse yn cydlynu cy',
+      ellipse_rx: 'Radiws Newid Ellipse&#39;s x',
+      ellipse_ry: 'Radiws Newid Ellipse yn y',
+      line_x1: 'Newid llinell yn cychwyn x gydgysylltu',
+      line_x2: 'Newid llinell yn diweddu x gydgysylltu',
+      line_y1: 'Newid llinell ar y cychwyn yn cydlynu',
+      line_y2: 'Newid llinell yn dod i ben y gydgysylltu',
+      rect_height: 'Uchder petryal Newid',
+      rect_width: 'Lled petryal Newid',
+      corner_radius: 'Newid Hirsgwâr Corner Radiws',
+      image_width: 'Lled delwedd Newid',
+      image_height: 'Uchder delwedd Newid',
+      image_url: 'Newid URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Cynnwys testun Newid',
+      font_family: 'Newid Font Teulu',
+      font_size: 'Newid Maint Ffont',
+      bold: 'Testun Bras',
+      italic: 'Italig Testun'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Newid lliw cefndir / Didreiddiad',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Ffit i Cynnwys',
+      fit_to_all: 'Yn addas i bawb content',
+      fit_to_canvas: 'Ffit i ofyn',
+      fit_to_layer_content: 'Ffit cynnwys haen i',
+      fit_to_sel: 'Yn addas at ddewis',
+      align_relative_to: 'Alinio perthynas i ...',
+      relativeTo: 'cymharol i:',
+      page: 'tudalen',
+      largest_object: 'gwrthrych mwyaf',
+      selected_objects: 'gwrthrychau etholedig',
+      smallest_object: 'lleiaf gwrthrych',
+      new_doc: 'Newydd Delwedd',
+      open_doc: 'Delwedd Agored',
+      export_img: 'Export',
+      save_doc: 'Cadw Delwedd',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Alinio Gwaelod',
+      align_center: 'Alinio Center',
+      align_left: 'Alinio Chwith',
+      align_middle: 'Alinio Canol',
+      align_right: 'Alinio Hawl',
+      align_top: 'Alinio Top',
+      mode_select: 'Dewiswch Offer',
+      mode_fhpath: 'Teclyn pensil',
+      mode_line: 'Llinell Offer',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Hand rhad ac am ddim Hirsgwâr',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Cylch',
+      mode_fhellipse: 'Rhad ac am ddim Hand Ellipse',
+      mode_path: 'Offer poly',
+      mode_text: 'Testun Offer',
+      mode_image: 'Offer Delwedd',
+      mode_zoom: 'Offer Chwyddo',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Dadwneud',
+      redo: 'Ail-wneud',
+      tool_source: 'Golygu Ffynhonnell',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Elfennau Grŵp',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Elfennau Ungroup',
+      docprops: 'Document Eiddo',
+      move_bottom: 'Symud i&#39;r Gwaelod',
+      move_top: 'Symud i&#39;r Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Cadw',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Dileu Haen',
+      move_down: 'Symud Haen i Lawr',
+      new: 'Haen Newydd',
+      rename: 'Ail-enwi Haen',
+      move_up: 'Symud Haen Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Rhagosodol Dewis:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_cy;
+
+}());
diff --git a/dist/locale/lang.da.js b/dist/locale/lang.da.js
new file mode 100644
index 00000000..9d90504c
--- /dev/null
+++ b/dist/locale/lang.da.js
@@ -0,0 +1,224 @@
+var svgEditorLang_da = (function () {
+  'use strict';
+
+  var lang_da = {
+    lang: 'da',
+    dir: 'ltr',
+    common: {
+      ok: 'Gemme',
+      cancel: 'Annuller',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Klik for at ændre fyldfarve, shift-klik for at ændre stregfarve',
+      zoom_level: 'Skift zoomniveau',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Skift fyldfarve',
+      stroke_color: 'Skift stregfarve',
+      stroke_style: 'Skift slagtilfælde Dash stil',
+      stroke_width: 'Skift slagtilfælde bredde',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Skift rotationsvinkel',
+      blur: 'Change gaussian blur value',
+      opacity: 'Skift valgte element opacitet',
+      circle_cx: 'Skift cirklens cx koordinere',
+      circle_cy: 'Skift cirklens cy koordinere',
+      circle_r: 'Skift cirklens radius',
+      ellipse_cx: 'Skift ellipse&#39;s cx koordinere',
+      ellipse_cy: 'Skift ellipse&#39;s cy koordinere',
+      ellipse_rx: 'Skift ellipse&#39;s x radius',
+      ellipse_ry: 'Skift ellipse&#39;s y radius',
+      line_x1: 'Skift linie&#39;s start x-koordinat',
+      line_x2: 'Skift Line&#39;s slutter x-koordinat',
+      line_y1: 'Skift linjens start y-koordinat',
+      line_y2: 'Skift Line&#39;s slutter y-koordinat',
+      rect_height: 'Skift rektangel højde',
+      rect_width: 'Skift rektanglets bredde',
+      corner_radius: 'Skift Rektangel Corner Radius',
+      image_width: 'Skift billede bredde',
+      image_height: 'Skift billede højde',
+      image_url: 'Skift webadresse',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Skift tekst indhold',
+      font_family: 'Skift Font Family',
+      font_size: 'Skift skriftstørrelse',
+      bold: 'Fed tekst',
+      italic: 'Italic Text'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Skift baggrundsfarve / uigennemsigtighed',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Tilpas til indhold',
+      fit_to_all: 'Passer til alt indhold',
+      fit_to_canvas: 'Tilpas til lærred',
+      fit_to_layer_content: 'Tilpas til lag indhold',
+      fit_to_sel: 'Tilpas til udvælgelse',
+      align_relative_to: 'Juster i forhold til ...',
+      relativeTo: 'i forhold til:',
+      page: 'side',
+      largest_object: 'største objekt',
+      selected_objects: 'valgte objekter',
+      smallest_object: 'mindste objekt',
+      new_doc: 'Nyt billede',
+      open_doc: 'Open SVG',
+      export_img: 'Export',
+      save_doc: 'Gem billede',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Juster Bottom',
+      align_center: 'Centrer',
+      align_left: 'Venstrejusteret',
+      align_middle: 'Juster Mellemøsten',
+      align_right: 'Højrejusteret',
+      align_top: 'Juster Top',
+      mode_select: 'Select Tool',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Rektangel',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Cirkel',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Tekstværktøj',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Fortryd',
+      redo: 'Redo',
+      tool_source: 'Edit Source',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Gruppe Elements',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Opdel Elements',
+      docprops: 'Document Properties',
+      move_bottom: 'Flyt til bund',
+      move_top: 'Flyt til toppen',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Gemme',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Slet Layer',
+      move_down: 'Flyt lag ned',
+      new: 'New Layer',
+      rename: 'Omdøb Layer',
+      move_up: 'Flyt Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Vælg foruddefinerede:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_da;
+
+}());
diff --git a/dist/locale/lang.de.js b/dist/locale/lang.de.js
new file mode 100644
index 00000000..1a967a6b
--- /dev/null
+++ b/dist/locale/lang.de.js
@@ -0,0 +1,224 @@
+var svgEditorLang_de = (function () {
+  'use strict';
+
+  var lang_de = {
+    lang: 'de',
+    dir: 'ltr',
+    common: {
+      ok: 'OK',
+      cancel: 'Abbrechen',
+      key_backspace: 'Rücktaste',
+      key_del: 'Löschen',
+      key_down: 'nach unten',
+      key_up: 'nach oben',
+      more_opts: 'Mehr Optionen',
+      url: 'URL',
+      width: 'Breite',
+      height: 'Höhe'
+    },
+    misc: {
+      powered_by: 'powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Zeige/Verberge weitere Linien-Werkzeuge',
+      palette_info: 'Klick zum Ändern der Füllfarbe, Shift-Klick zum Ändern der Linienfarbe',
+      zoom_level: 'vergrößern',
+      panel_drag: 'Nach links/rechts ziehen, um die Größe vom Seitenpanel zu ändern',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Element identifizieren',
+      fill_color: 'Füllfarbe ändern',
+      stroke_color: 'Linienfarbe ändern',
+      stroke_style: 'Linienstil ändern',
+      stroke_width: 'Linienbreite ändern',
+      pos_x: 'Ändere die X-Koordinate',
+      pos_y: 'Ändere die Y-Koordinate',
+      linecap_butt: 'Form der Linienendung: Stumpf',
+      linecap_round: 'Form der Linienendung: Rund',
+      linecap_square: 'Form der Linienendung: Rechteckig',
+      linejoin_bevel: 'Zusammentreffen von zwei Linien: abgeschrägte Kante',
+      linejoin_miter: 'Zusammentreffen von zwei Linien: Gehrung',
+      linejoin_round: 'Zusammentreffen von zwei Linien: Rund',
+      angle: 'Drehwinkel ändern',
+      blur: 'Ändere Wert des Gaußschen Weichzeichners',
+      opacity: 'Opazität des ausgewählten Objekts ändern',
+      circle_cx: 'Kreiszentrum (cx) ändern',
+      circle_cy: 'Kreiszentrum (cy) ändern',
+      circle_r: 'Kreisradius (r) ändern',
+      ellipse_cx: 'Ellipsenzentrum (cx) ändern',
+      ellipse_cy: 'Ellipsenzentrum (cy) ändern',
+      ellipse_rx: 'Ellipsenradius (x) ändern',
+      ellipse_ry: 'Ellipsenradius (y) ändern',
+      line_x1: 'X-Koordinate des Linienanfangs ändern',
+      line_x2: 'X-Koordinate des Linienendes ändern',
+      line_y1: 'Y-Koordinate des Linienanfangs ändern',
+      line_y2: 'Y-Koordinate des Linienendes ändern',
+      rect_height: 'Höhe des Rechtecks ändern',
+      rect_width: 'Breite des Rechtecks ändern',
+      corner_radius: 'Eckenradius des Rechtecks ändern',
+      image_width: 'Bildbreite ändern',
+      image_height: 'Bildhöhe ändern',
+      image_url: 'URL ändern',
+      node_x: 'Ändere die X-Koordinate des Knoten',
+      node_y: 'Ändere die Y-Koordinate des Knoten',
+      seg_type: 'Ändere den Typ des Segments',
+      straight_segments: 'Gerade',
+      curve_segments: 'Kurve',
+      text_contents: 'Textinhalt erstellen und bearbeiten',
+      font_family: 'Schriftart wählen',
+      font_size: 'Schriftgröße einstellen',
+      bold: 'Fetter Text',
+      italic: 'Kursiver Text'
+    },
+    tools: {
+      main_menu: 'Hauptmenü',
+      bkgnd_color_opac: 'Hintergrundfarbe ändern / Opazität',
+      connector_no_arrow: 'Kein Pfeil',
+      fitToContent: 'An den Inhalt anpassen',
+      fit_to_all: 'An gesamten Inhalt anpassen',
+      fit_to_canvas: 'An die Zeichenfläche anpassen',
+      fit_to_layer_content: 'An Inhalt der Ebene anpassen',
+      fit_to_sel: 'An die Auswahl anpassen',
+      align_relative_to: 'Relativ zu einem anderem Objekt ausrichten …',
+      relativeTo: 'im Vergleich zu:',
+      page: 'Seite',
+      largest_object: 'größtes Objekt',
+      selected_objects: 'gewählte Objekte',
+      smallest_object: 'kleinstes Objekt',
+      new_doc: 'Neues Bild',
+      open_doc: 'Bild öffnen',
+      export_img: 'Export',
+      save_doc: 'Bild speichern',
+      import_doc: 'Importiere SVG',
+      align_to_page: 'Element an Seite ausrichten',
+      align_bottom: 'Unten ausrichten',
+      align_center: 'Zentriert ausrichten',
+      align_left: 'Linksbündig ausrichten',
+      align_middle: 'In der Mitte ausrichten',
+      align_right: 'Rechtsbündig ausrichten',
+      align_top: 'Oben ausrichten',
+      mode_select: 'Objekte auswählen und verändern',
+      mode_fhpath: 'Freihandlinien zeichnen',
+      mode_line: 'Linien zeichnen',
+      mode_rect: 'Rechteck-Werkzeug',
+      mode_square: 'Quadrat-Werkzeug',
+      mode_fhrect: 'Freihand-Rechteck',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Kreis',
+      mode_fhellipse: 'Freihand-Ellipse',
+      mode_path: 'Pfad zeichnen',
+      mode_text: 'Text erstellen und bearbeiten',
+      mode_image: 'Bild einfügen',
+      mode_zoom: 'Zoomfaktor vergrößern oder verringern',
+      no_embed: 'Hinweis: Dieses Bild kann nicht eingebettet werden. Eine Anzeige hängt von diesem Pfad ab.',
+      undo: 'Rückgängig',
+      redo: 'Wiederherstellen',
+      tool_source: 'Quellcode bearbeiten',
+      wireframe_mode: 'Drahtmodell-Modus',
+      clone: 'Element(e) klonen',
+      del: 'Element(e) löschen',
+      group_elements: 'Element(e) gruppieren',
+      make_link: 'Link erstellen',
+      set_link_url: 'Link setzen (leer lassen zum Entfernen)',
+      to_path: 'Gewähltes Objekt in einen Pfad konvertieren',
+      reorient_path: 'Neuausrichtung des Pfades',
+      ungroup: 'Gruppierung aufheben',
+      docprops: 'Dokument-Eigenschaften',
+      move_bottom: 'Die gewählten Objekte nach ganz unten verschieben',
+      move_top: 'Die gewählten Objekte nach ganz oben verschieben',
+      node_clone: 'Klone den Knoten',
+      node_delete: 'Lösche den Knoten',
+      node_link: 'Gekoppelte oder separate Kontrollpunkte für die Bearbeitung des Pfades',
+      add_subpath: 'Teilpfad hinzufügen',
+      openclose_path: 'Öffne/Verbinde Unterpfad',
+      source_save: 'Änderungen akzeptieren',
+      cut: 'Ausschneiden',
+      copy: 'Kopieren',
+      paste: 'Einfügen',
+      paste_in_place: 'Bei Originalposition einfügen',
+      delete: 'Löschen',
+      group: 'Gruppieren',
+      move_front: 'Nach ganz oben verschieben',
+      move_up: 'Hochschieben',
+      move_down: 'Herunterschieben',
+      move_back: 'Nach ganz unten verschieben'
+    },
+    layers: {
+      layer: 'Ebene',
+      layers: 'Ebenen',
+      del: 'Ebene löschen',
+      move_down: 'Ebene nach unten verschieben',
+      new: 'Neue Ebene',
+      rename: 'Ebene umbenennen',
+      move_up: 'Ebene nach oben verschieben',
+      dupe: 'Ebene duplizieren',
+      merge_down: 'Nach unten zusammenführen',
+      merge_all: 'Alle zusammenführen',
+      move_elems_to: 'Verschiebe ausgewählte Objekte:',
+      move_selected: 'Verschiebe ausgewählte Objekte auf eine andere Ebene'
+    },
+    config: {
+      image_props: 'Bildeigenschaften',
+      doc_title: 'Titel',
+      doc_dims: 'Dimension der Zeichenfläche',
+      included_images: 'Eingefügte Bilder',
+      image_opt_embed: 'Daten einbetten (lokale Dateien)',
+      image_opt_ref: 'Benutze die Dateireferenz',
+      editor_prefs: 'Editor-Einstellungen',
+      icon_size: 'Symbol-Abmessungen',
+      language: 'Sprache',
+      background: 'Editor-Hintergrund',
+      editor_img_url: 'Bild-URL',
+      editor_bg_note: 'Anmerkung: Der Hintergrund wird mit dem Bild nicht gespeichert.',
+      icon_large: 'Groß',
+      icon_medium: 'Mittel',
+      icon_small: 'Klein',
+      icon_xlarge: 'Sehr Groß',
+      select_predefined: 'Auswahl einer vordefinierten:',
+      units_and_rulers: 'Einheiten und Lineale',
+      show_rulers: 'Zeige Lineale',
+      base_unit: 'Basiseinheit:',
+      grid: 'Gitternetz',
+      snapping_onoff: 'Einrasten an/aus',
+      snapping_stepsize: 'Einrastabstand:',
+      grid_color: 'Gitterfarbe'
+    },
+    notification: {
+      invalidAttrValGiven: 'Fehlerhafter Wert',
+      noContentToFitTo: 'Kein Inhalt anzupassen',
+      dupeLayerName: 'Eine Ebene hat bereits diesen Namen',
+      enterUniqueLayerName: 'Verwenden Sie einen eindeutigen Namen für die Ebene',
+      enterNewLayerName: 'Geben Sie bitte einen neuen Namen für die Ebene ein',
+      layerHasThatName: 'Eine Ebene hat bereits diesen Namen',
+      QmoveElemsToLayer: "Verschiebe ausgewählte Objekte in die Ebene '%s'?",
+      QwantToClear: 'Möchten Sie die Zeichnung löschen?\nDadurch wird auch die Rückgängig-Funktion zurückgesetzt!',
+      QwantToOpen: 'Möchten Sie eine neue Datei öffnen?\nDadurch wird auch die Rückgängig-Funktion zurückgesetzt!',
+      QerrorsRevertToSource: 'Es gibt Parser-Fehler in der SVG-Quelle.\nDie Original-SVG wiederherstellen?',
+      QignoreSourceChanges: 'Sollen die Änderungen an der SVG-Quelle ignoriert werden?',
+      featNotSupported: 'Diese Eigenschaft wird nicht unterstützt',
+      enterNewImgURL: 'Geben Sie die URL für das neue Bild an',
+      defsFailOnSave: 'Hinweis: Aufgrund eines Fehlers in Ihrem Browser kann dieses Bild falsch angezeigt werden (fehlende Gradienten oder Elemente). Es wird jedoch richtig angezeigt, sobald es gespeichert wird.',
+      loadingImage: 'Bild wird geladen, bitte warten ...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Beachten Sie außerdem die folgenden Probleme: ',
+      unsavedChanges: 'Es sind nicht-gespeicherte Änderungen vorhanden.',
+      enterNewLinkURL: 'Geben Sie die neue URL ein',
+      errorLoadingSVG: 'Fehler: Kann SVG-Daten nicht laden',
+      URLloadFail: 'Kann von dieser URL nicht laden',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_de;
+
+}());
diff --git a/dist/locale/lang.el.js b/dist/locale/lang.el.js
new file mode 100644
index 00000000..9c567263
--- /dev/null
+++ b/dist/locale/lang.el.js
@@ -0,0 +1,224 @@
+var svgEditorLang_el = (function () {
+  'use strict';
+
+  var lang_el = {
+    lang: 'el',
+    dir: 'ltr',
+    common: {
+      ok: 'Αποθηκεύω',
+      cancel: 'Άκυρο',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Κάντε κλικ για να συμπληρώσετε την αλλαγή χρώματος, στροφή κλικ για να αλλάξετε το χρώμα εγκεφαλικό',
+      zoom_level: 'Αλλαγή επίπεδο μεγέθυνσης',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Αλλαγή συμπληρώστε χρώμα',
+      stroke_color: 'Αλλαγή χρώματος εγκεφαλικό',
+      stroke_style: 'Αλλαγή στυλ παύλα εγκεφαλικό',
+      stroke_width: 'Αλλαγή πλάτος γραμμής',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Αλλαγή γωνία περιστροφής',
+      blur: 'Change gaussian blur value',
+      opacity: 'Αλλαγή αδιαφάνεια επιλεγμένο σημείο',
+      circle_cx: 'Cx Αλλαγή κύκλου συντονίζουν',
+      circle_cy: 'Αλλαγή κύκλου cy συντονίζουν',
+      circle_r: 'Αλλαγή ακτίνα κύκλου',
+      ellipse_cx: 'Αλλαγή ellipse του CX συντονίζουν',
+      ellipse_cy: 'Αλλαγή ellipse του cy συντονίζουν',
+      ellipse_rx: 'X ακτίνα Αλλαγή ellipse του',
+      ellipse_ry: 'Y ακτίνα Αλλαγή ellipse του',
+      line_x1: 'Αλλαγή γραμμής εκκίνησης x συντονίζουν',
+      line_x2: 'Αλλαγή γραμμής λήγει x συντονίζουν',
+      line_y1: 'Αλλαγή γραμμής εκκίνησης y συντονίζουν',
+      line_y2: 'Αλλαγή γραμμής λήγει y συντονίζουν',
+      rect_height: 'Αλλαγή ύψος ορθογωνίου',
+      rect_width: 'Αλλαγή πλάτους ορθογώνιο',
+      corner_radius: 'Αλλαγή ορθογώνιο Corner Radius',
+      image_width: 'Αλλαγή πλάτος εικόνας',
+      image_height: 'Αλλαγή ύψος εικόνας',
+      image_url: 'Αλλαγή URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Αλλαγή περιεχόμενο κειμένου',
+      font_family: 'Αλλαγή γραμματοσειράς Οικογένεια',
+      font_size: 'Αλλαγή μεγέθους γραμματοσειράς',
+      bold: 'Bold Text',
+      italic: 'Πλάγιους'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Αλλαγή χρώματος φόντου / αδιαφάνεια',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Ταιριάζει σε όλο το περιεχόμενο',
+      fit_to_canvas: 'Προσαρμογή στο μουσαμά',
+      fit_to_layer_content: 'Προσαρμογή στο περιεχόμενο στρώμα',
+      fit_to_sel: 'Fit to επιλογή',
+      align_relative_to: 'Στοίχιση σε σχέση με ...',
+      relativeTo: 'σε σχέση με:',
+      page: 'σελίδα',
+      largest_object: 'μεγαλύτερο αντικείμενο',
+      selected_objects: 'εκλέγεται αντικείμενα',
+      smallest_object: 'μικρότερο αντικείμενο',
+      new_doc: 'Νέα εικόνα',
+      open_doc: 'Άνοιγμα εικόνας',
+      export_img: 'Export',
+      save_doc: 'Αποθήκευση εικόνας',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Στοίχισηκάτω',
+      align_center: 'Στοίχισηστοκέντρο',
+      align_left: 'Στοίχισηαριστερά',
+      align_middle: 'Ευθυγράμμιση Μέση',
+      align_right: 'Στοίχισηδεξιά',
+      align_top: 'Στοίχισηπάνω',
+      mode_select: 'Select Tool',
+      mode_fhpath: 'Εργαλείομολυβιού',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Δωρεάν-Hand ορθογώνιο',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Κύκλος',
+      mode_fhellipse: 'Δωρεάν-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Κείμενο Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Αναίρεση',
+      redo: 'Redo',
+      tool_source: 'Επεξεργασία Πηγή',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Ομάδα Στοιχεία',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Κατάργηση ομαδοποίησης Στοιχεία',
+      docprops: 'Ιδιότητες εγγράφου',
+      move_bottom: 'Μετακίνηση προς τα κάτω',
+      move_top: 'Μετακίνηση στην αρχή',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Αποθηκεύω',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Διαγραφήστρώματος',
+      move_down: 'Μετακίνηση Layer Down',
+      new: 'Νέο Layer',
+      rename: 'Μετονομασία Layer',
+      move_up: 'Μετακίνηση Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Επιλογή προκαθορισμένων:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_el;
+
+}());
diff --git a/dist/locale/lang.en.js b/dist/locale/lang.en.js
new file mode 100644
index 00000000..b087a09c
--- /dev/null
+++ b/dist/locale/lang.en.js
@@ -0,0 +1,224 @@
+var svgEditorLang_en = (function () {
+  'use strict';
+
+  var lang_en = {
+    lang: 'en',
+    dir: 'ltr',
+    common: {
+      ok: 'OK',
+      cancel: 'Cancel',
+      key_backspace: 'Backspace',
+      key_del: 'Del',
+      key_down: 'Down',
+      key_up: 'Up',
+      more_opts: 'More options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Click to change fill color, shift-click to change stroke color',
+      zoom_level: 'Change zoom level',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Change fill color',
+      stroke_color: 'Change stroke color',
+      stroke_style: 'Change stroke dash style',
+      stroke_width: 'Change stroke width by 1, shift-click to change by 0.1',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Change rotation angle',
+      blur: 'Change gaussian blur value',
+      opacity: 'Change selected item opacity',
+      circle_cx: "Change circle's cx coordinate",
+      circle_cy: "Change circle's cy coordinate",
+      circle_r: "Change circle's radius",
+      ellipse_cx: "Change ellipse's cx coordinate",
+      ellipse_cy: "Change ellipse's cy coordinate",
+      ellipse_rx: "Change ellipse's x radius",
+      ellipse_ry: "Change ellipse's y radius",
+      line_x1: "Change line's starting x coordinate",
+      line_x2: "Change line's ending x coordinate",
+      line_y1: "Change line's starting y coordinate",
+      line_y2: "Change line's ending y coordinate",
+      rect_height: 'Change rectangle height',
+      rect_width: 'Change rectangle width',
+      corner_radius: 'Change Rectangle Corner Radius',
+      image_width: 'Change image width',
+      image_height: 'Change image height',
+      image_url: 'Change URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Change text contents',
+      font_family: 'Change Font Family',
+      font_size: 'Change Font Size',
+      bold: 'Bold Text [B]',
+      italic: 'Italic Text [I]'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Change background color/opacity',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Fit to all content',
+      fit_to_canvas: 'Fit to canvas',
+      fit_to_layer_content: 'Fit to layer content',
+      fit_to_sel: 'Fit to selection',
+      align_relative_to: 'Align relative to ...',
+      relativeTo: 'relative to:',
+      page: 'page',
+      largest_object: 'largest object',
+      selected_objects: 'selected objects',
+      smallest_object: 'smallest object',
+      new_doc: 'New Image',
+      open_doc: 'Open SVG',
+      export_img: 'Export',
+      save_doc: 'Save Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Align Center',
+      align_left: 'Align Left',
+      align_middle: 'Align Middle',
+      align_right: 'Align Right',
+      align_top: 'Align Top',
+      mode_select: 'Select Tool',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Rectangle',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Text Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool [Ctrl+Up/Down]',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Undo [Z]',
+      redo: 'Redo [Y]',
+      tool_source: 'Edit Source [U]',
+      wireframe_mode: 'Wireframe Mode [F]',
+      clone: 'Duplicate Element(s) [D]',
+      del: 'Delete Element(s) [Delete/Backspace]',
+      group_elements: 'Group Elements [G]',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elements [G]',
+      docprops: 'Document Properties [D]',
+      move_bottom: 'Send to Back [ Ctrl+Shift+[ ]',
+      move_top: 'Bring to Front [ Ctrl+Shift+] ]',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Apply Changes',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front [ Ctrl-Shift+] ]',
+      move_up: 'Bring Forward [ Ctrl+] ]',
+      move_down: 'Send Backward [ Ctrl+[ ]',
+      move_back: 'Send to Back [ Ctrl+Shift+[ ]'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Delete Layer',
+      move_down: 'Move Layer Down',
+      new: 'New Layer',
+      rename: 'Rename Layer',
+      move_up: 'Move Layer Up',
+      dupe: 'Duplicate Layer...',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title:',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size:',
+      language: 'Language:',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL:',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Select predefined:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color:'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: 'Move selected elements to layer \'%s\'?',
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_en;
+
+}());
diff --git a/dist/locale/lang.es.js b/dist/locale/lang.es.js
new file mode 100644
index 00000000..d944fbc7
--- /dev/null
+++ b/dist/locale/lang.es.js
@@ -0,0 +1,224 @@
+var svgEditorLang_es = (function () {
+  'use strict';
+
+  var lang_es = {
+    lang: 'es',
+    dir: 'ltr',
+    common: {
+      ok: 'OK',
+      cancel: 'Cancelar',
+      key_backspace: 'retroceso',
+      key_del: 'suprimir',
+      key_down: 'abajo',
+      key_up: 'arriba',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Mostrar/ocultar herramientas de trazo adicionales',
+      palette_info: 'Haga clic para cambiar el color de relleno. Pulse Mayús y haga clic para cambiar el color del contorno.',
+      zoom_level: 'Cambiar el nivel de zoom',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Cambiar el color de relleno',
+      stroke_color: 'Cambiar el color del contorno',
+      stroke_style: 'Cambiar el estilo del trazo del contorno',
+      stroke_width: 'Cambiar el grosor del contorno',
+      pos_x: 'Cambiar la posición horizontal X',
+      pos_y: 'Cambiar la posición vertical Y',
+      linecap_butt: 'Final de la línea: en el nodo',
+      linecap_round: 'Final de la línea: redondeada',
+      linecap_square: 'Final de la línea: cuadrada',
+      linejoin_bevel: 'Unión: biselada',
+      linejoin_miter: 'Unión: recta',
+      linejoin_round: 'Unión: redondeada',
+      angle: 'Cambiar ángulo de rotación',
+      blur: 'Ajustar desenfoque gausiano',
+      opacity: 'Cambiar la opacidad del objeto seleccionado',
+      circle_cx: 'Cambiar la posición horizonral CX del círculo',
+      circle_cy: 'Cambiar la posición vertical CY del círculo',
+      circle_r: 'Cambiar el radio del círculo',
+      ellipse_cx: 'Cambiar la posición horizontal CX de la elipse',
+      ellipse_cy: 'Cambiar la posición vertical CY de la elipse',
+      ellipse_rx: 'Cambiar el radio horizontal X de la elipse',
+      ellipse_ry: 'Cambiar el radio vertical Y de la elipse',
+      line_x1: 'Cambiar la posición horizontal X del comienzo de la línea',
+      line_x2: 'Cambiar la posición horizontal X del final de la línea',
+      line_y1: 'Cambiar la posición vertical Y del comienzo de la línea',
+      line_y2: 'Cambiar la posición vertical Y del final de la línea',
+      rect_height: 'Cambiar la altura del rectángulo',
+      rect_width: 'Cambiar el ancho rectángulo',
+      corner_radius: 'Cambiar el radio de las esquinas del rectángulo',
+      image_width: 'Cambiar el ancho de la imagen',
+      image_height: 'Cambiar la altura de la imagen',
+      image_url: 'Modificar URL',
+      node_x: 'Cambiar la posición horizontal X del nodo',
+      node_y: 'Cambiar la posición vertical Y del nodo',
+      seg_type: 'Cambiar el tipo de segmento',
+      straight_segments: 'Recta',
+      curve_segments: 'Curva',
+      text_contents: 'Modificar el texto',
+      font_family: 'Tipo de fuente',
+      font_size: 'Tamaño de la fuente',
+      bold: 'Texto en negrita',
+      italic: 'Texto en cursiva'
+    },
+    tools: {
+      main_menu: 'Menú principal',
+      bkgnd_color_opac: 'Cambiar color de fondo / opacidad',
+      connector_no_arrow: 'Sin flecha',
+      fitToContent: 'Ajustar al contenido',
+      fit_to_all: 'Ajustar a todo el contenido',
+      fit_to_canvas: 'Ajustar al lienzo',
+      fit_to_layer_content: 'Ajustar al contenido de la capa',
+      fit_to_sel: 'Ajustar a la selección',
+      align_relative_to: 'Alinear con respecto a ...',
+      relativeTo: 'en relación con:',
+      page: 'Página',
+      largest_object: 'El objeto más grande',
+      selected_objects: 'Objetos seleccionados',
+      smallest_object: 'El objeto más pequeño',
+      new_doc: 'Nueva imagen',
+      open_doc: 'Abrir imagen',
+      export_img: 'Export',
+      save_doc: 'Guardar imagen',
+      import_doc: 'Importar un archivo SVG',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Alinear parte inferior',
+      align_center: 'Centrar verticalmente',
+      align_left: 'Alinear lado izquierdo',
+      align_middle: 'Centrar horizontalmente',
+      align_right: 'Alinear lado derecho',
+      align_top: 'Alinear parte superior',
+      mode_select: 'Herramienta de selección',
+      mode_fhpath: 'Herramienta de lápiz',
+      mode_line: 'Trazado de líneas',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Rectángulo a mano alzada',
+      mode_ellipse: 'Elipse',
+      mode_circle: 'Círculo',
+      mode_fhellipse: 'Elipse a mano alzada',
+      mode_path: 'Herramienta de trazado',
+      mode_text: 'Insertar texto',
+      mode_image: 'Insertar imagen',
+      mode_zoom: 'Zoom',
+      no_embed: 'NOTA: La imagen no puede ser integrada. El contenido mostrado dependerá de la imagen ubicada en esta ruta. ',
+      undo: 'Deshacer',
+      redo: 'Rehacer',
+      tool_source: 'Editar código fuente',
+      wireframe_mode: 'Modo marco de alambre',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Agrupar objetos',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convertir a trazado',
+      reorient_path: 'Reorientar el trazado',
+      ungroup: 'Desagrupar objetos',
+      docprops: 'Propiedades del documento',
+      move_bottom: 'Mover abajo',
+      move_top: 'Mover arriba',
+      node_clone: 'Clonar nodo',
+      node_delete: 'Suprimir nodo',
+      node_link: 'Enlazar puntos de control',
+      add_subpath: 'Añadir subtrazado',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Aplicar cambios',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Capa',
+      layers: 'Layers',
+      del: 'Suprimir capa',
+      move_down: 'Mover la capa hacia abajo',
+      new: 'Nueva capa',
+      rename: 'Renombrar capa',
+      move_up: 'Mover la capa hacia arriba',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Desplazar objetos a:',
+      move_selected: 'Mover los objetos seleccionados a otra capa'
+    },
+    config: {
+      image_props: 'Propiedades de la Imagen',
+      doc_title: 'Título',
+      doc_dims: 'Tamaño del lienzo',
+      included_images: 'Imágenes integradas',
+      image_opt_embed: 'Integrar imágenes en forma de datos (archivos locales)',
+      image_opt_ref: 'Usar la referencia del archivo',
+      editor_prefs: 'Preferencias del Editor',
+      icon_size: 'Tamaño de los iconos',
+      language: 'Idioma',
+      background: 'Fondo del editor',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Nota: El fondo no se guardará junto con la imagen.',
+      icon_large: 'Grande',
+      icon_medium: 'Mediano',
+      icon_small: 'Pequeño',
+      icon_xlarge: 'Muy grande',
+      select_predefined: 'Seleccionar predefinido:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Valor no válido',
+      noContentToFitTo: 'No existe un contenido al que ajustarse.',
+      dupeLayerName: '¡Ya existe una capa con este nombre!',
+      enterUniqueLayerName: 'Introduzca otro nombre distinto para la capa.',
+      enterNewLayerName: 'Introduzca el nuevo nombre de la capa.',
+      layerHasThatName: 'El nombre introducido es el nombre actual de la capa.',
+      QmoveElemsToLayer: "¿Desplazar los elementos seleccionados a la capa '%s'?",
+      QwantToClear: '¿Desea borrar el dibujo?\n¡El historial de acciones también se borrará!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'Existen errores sintácticos en su código fuente SVG.\n¿Desea volver al código fuente SVG original?',
+      QignoreSourceChanges: '¿Desea ignorar los cambios realizados sobre el código fuente SVG?',
+      featNotSupported: 'Función no compatible.',
+      enterNewImgURL: 'Introduzca la nueva URL de la imagen.',
+      defsFailOnSave: 'NOTA: Debido a un fallo de su navegador, es posible que la imagen aparezca de forma incorrecta (ciertas gradaciones o elementos podría perderse). La imagen aparecerá en su forma correcta una vez guardada.',
+      loadingImage: 'Cargando imagen. Espere, por favor.',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Existen además los problemas siguientes:',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_es;
+
+}());
diff --git a/dist/locale/lang.et.js b/dist/locale/lang.et.js
new file mode 100644
index 00000000..4752d0ef
--- /dev/null
+++ b/dist/locale/lang.et.js
@@ -0,0 +1,224 @@
+var svgEditorLang_et = (function () {
+  'use strict';
+
+  var lang_et = {
+    lang: 'et',
+    dir: 'ltr',
+    common: {
+      ok: 'Salvestama',
+      cancel: 'Tühista',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Click muuta täitke värvi, Shift-nuppu, et muuta insult värvi',
+      zoom_level: 'Muuda suumi taset',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Muuda täitke värvi',
+      stroke_color: 'Muuda insult värvi',
+      stroke_style: 'Muuda insult kriips stiil',
+      stroke_width: 'Muuda insult laius',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Muuda Pöördenurk',
+      blur: 'Change gaussian blur value',
+      opacity: 'Muuda valitud elemendi läbipaistmatus',
+      circle_cx: 'Muuda ringi&#39;s cx kooskõlastada',
+      circle_cy: 'Muuda ringi&#39;s cy kooskõlastada',
+      circle_r: 'Muuda ring on raadiusega',
+      ellipse_cx: 'Muuda ellips&#39;s cx kooskõlastada',
+      ellipse_cy: 'Muuda ellips&#39;s cy kooskõlastada',
+      ellipse_rx: 'Muuda ellips&#39;s x raadius',
+      ellipse_ry: 'Muuda ellips&#39;s y raadius',
+      line_x1: 'Muuda rööbastee algab x-koordinaadi',
+      line_x2: 'Muuda Line lõpeb x-koordinaadi',
+      line_y1: 'Muuda rööbastee algab y-koordinaadi',
+      line_y2: 'Muuda Line lõppenud y-koordinaadi',
+      rect_height: 'Muuda ristküliku kõrgus',
+      rect_width: 'Muuda ristküliku laius',
+      corner_radius: 'Muuda ristkülik Nurgakabe Raadius',
+      image_width: 'Muuda pilt laius',
+      image_height: 'Muuda pilt kõrgus',
+      image_url: 'Change URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Muuda teksti sisu',
+      font_family: 'Muutke Kirjasinperhe',
+      font_size: 'Change font size',
+      bold: 'Rasvane kiri',
+      italic: 'Kursiiv'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Muuda tausta värvi / läbipaistmatus',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Sobita kogu sisu',
+      fit_to_canvas: 'Sobita lõuend',
+      fit_to_layer_content: 'Sobita kiht sisu',
+      fit_to_sel: 'Fit valiku',
+      align_relative_to: 'Viia võrreldes ...',
+      relativeTo: 'võrreldes:',
+      page: 'lehekülg',
+      largest_object: 'suurim objekt',
+      selected_objects: 'valitud objektide',
+      smallest_object: 'väikseim objekt',
+      new_doc: 'Uus pilt',
+      open_doc: 'Pildi avamine',
+      export_img: 'Export',
+      save_doc: 'Salvesta pilt',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Viia Bottom',
+      align_center: 'Keskele joondamine',
+      align_left: 'Vasakjoondus',
+      align_middle: 'Viia Lähis -',
+      align_right: 'Paremjoondus',
+      align_top: 'Viia Üles',
+      mode_select: 'Vali Tool',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Online-Hand Ristkülik',
+      mode_ellipse: 'Ellips',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Online-Hand Ellips',
+      mode_path: 'Path Tool',
+      mode_text: 'Tekst Tool',
+      mode_image: 'Pilt Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Undo',
+      redo: 'Redo',
+      tool_source: 'Muuda Allikas',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Rühma elemendid',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Lõhu Elements',
+      docprops: 'Dokumendi omadused',
+      move_bottom: 'Liiguta alla',
+      move_top: 'Liiguta üles',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Salvestama',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Kustuta Kiht',
+      move_down: 'Liiguta kiht alla',
+      new: 'Uus kiht',
+      rename: 'Nimeta kiht',
+      move_up: 'Liiguta kiht üles',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Valige eelmääratletud:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_et;
+
+}());
diff --git a/dist/locale/lang.fa.js b/dist/locale/lang.fa.js
new file mode 100644
index 00000000..357c1e43
--- /dev/null
+++ b/dist/locale/lang.fa.js
@@ -0,0 +1,224 @@
+var svgEditorLang_fa = (function () {
+  'use strict';
+
+  var lang_fa = {
+    lang: 'fa',
+    dir: 'rtl',
+    common: {
+      ok: '‫تأیید‬',
+      cancel: '‫لغو‬',
+      key_backspace: '‫پس بر ‬',
+      key_del: '‫حذف ‬',
+      key_down: '‫پایین ‬',
+      key_up: '‫بالا ‬',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: '‫برای تغییر رنگ، کلیک کنید. برای تغییر رنگ لبه، کلید تبدیل (shift) را فشرده و کلیک کنید‬',
+      zoom_level: '‫تغییر بزرگ نمایی‬',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: '‫تغییر رنگ‬',
+      stroke_color: '‫تغییر رنگ لبه‬',
+      stroke_style: '‫تغییر نقطه چین لبه‬',
+      stroke_width: '‫تغییر عرض لبه‬',
+      pos_x: '‫تغییر مختصات X‬',
+      pos_y: '‫تغییر مختصات Y‬',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: '‫تغییر زاویه چرخش‬',
+      blur: 'Change gaussian blur value',
+      opacity: '‫تغییر تاری عنصر انتخاب شده‬',
+      circle_cx: '‫تغییر مختصات cx دایره‬',
+      circle_cy: '‫تغییر مختصات cy دایره‬',
+      circle_r: '‫تغییر شعاع دایره‬',
+      ellipse_cx: '‫تغییر مختصات cx بیضی‬',
+      ellipse_cy: '‫تغییر مختصات cy بیضی‬',
+      ellipse_rx: '‫تغییر شعاع rx بیضی‬',
+      ellipse_ry: '‫تغییر شعاع ry بیضی‬',
+      line_x1: '‫تغییر مختصات x آغاز خط‬',
+      line_x2: '‫تغییر مختصات x پایان خط‬',
+      line_y1: '‫تغییر مختصات y آغاز خط‬',
+      line_y2: '‫تغییر مختصات y پایان خط‬',
+      rect_height: '‫تغییر ارتفاع مستطیل‬',
+      rect_width: '‫تغییر عرض مستطیل‬',
+      corner_radius: '‫شعاع گوشه:‬',
+      image_width: '‫تغییر عرض تصویر‬',
+      image_height: '‫تغییر ارتفاع تصویر‬',
+      image_url: '‫تغییر نشانی وب (url)‬',
+      node_x: '‫تغییر مختصات x نقطه‬',
+      node_y: '‫تغییر مختصات y نقطه‬',
+      seg_type: '‫تغییر نوع قطعه (segment)‬',
+      straight_segments: '‫مستقیم‬',
+      curve_segments: '‫منحنی‬',
+      text_contents: '‫تغییر محتویات متن‬',
+      font_family: '‫تغییر خانواده قلم‬',
+      font_size: '‫تغییر اندازه قلم‬',
+      bold: '‫متن توپر ‬',
+      italic: '‫متن کج ‬'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: '‫تغییر رنگ پس زمینه / تاری‬',
+      connector_no_arrow: 'No arrow',
+      fitToContent: '‫هم اندازه شدن با محتوا‬',
+      fit_to_all: '‫هم اندازه شدن با همه محتویات‬',
+      fit_to_canvas: '‫هم اندازه شدن با صفحه مجازی (بوم)‬',
+      fit_to_layer_content: '‫هم اندازه شدن با محتوای لایه‬',
+      fit_to_sel: '‫هم اندازه شدن با اشیاء انتخاب شده‬',
+      align_relative_to: '‫تراز نسبت به ...‬',
+      relativeTo: '‫نسبت به:‬',
+      page: '‫صفحه‬',
+      largest_object: '‫بزرگترین شئ‬',
+      selected_objects: '‫اشیاء انتخاب شده‬',
+      smallest_object: '‫کوچکترین شئ‬',
+      new_doc: '‫تصویر جدید ‬',
+      open_doc: '‫باز کردن تصویر ‬',
+      export_img: 'Export',
+      save_doc: '‫ذخیره تصویر ‬',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: '‫تراز پایین‬',
+      align_center: '‫وسط چین‬',
+      align_left: '‫چپ چین‬',
+      align_middle: '‫تراز میانه‬',
+      align_right: '‫راست چین‬',
+      align_top: '‫تراز بالا‬',
+      mode_select: '‫ابزار انتخاب ‬',
+      mode_fhpath: '‫ابزار مداد ‬',
+      mode_line: '‫ابزار خط ‬',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: '‫مستطیل با قابلیت تغییر پویا‬',
+      mode_ellipse: '‫بیضی‬',
+      mode_circle: '‫دایره‬',
+      mode_fhellipse: '‫بیضی با قابلیت تغییر پویا‬',
+      mode_path: '‫ابزار مسیر ‬',
+      mode_text: '‫ابزار متن ‬',
+      mode_image: '‫ابزار تصویر ‬',
+      mode_zoom: '‫ابزار بزرگ نمایی ‬',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: '‫واگرد ‬',
+      redo: '‫ازنو ‬',
+      tool_source: '‫ویرایش منبع ‬',
+      wireframe_mode: '‫حالت نمایش لبه ها ‬',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: '‫قرار دادن عناصر در گروه ‬',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: '‫تبدیل به مسیر‬',
+      reorient_path: '‫جهت دهی مجدد مسیر‬',
+      ungroup: '‫خارج کردن عناصر از گروه ‬',
+      docprops: '‫مشخصات سند ‬',
+      move_bottom: '‫انتقال به پایین ترین ‬',
+      move_top: '‫انتقال به بالاترین ‬',
+      node_clone: '‫ایجاد کپی از نقطه‬',
+      node_delete: '‫حذف نقطه‬',
+      node_link: '‫پیوند دادن نقاط کنترل‬',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: '‫اعمال تغییرات‬',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'حذف',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: '‫لایه‬',
+      layers: 'Layers',
+      del: '‫حذف لایه‬',
+      move_down: '‫انتقال لایه به پایین‬',
+      new: '‫لایه جدید‬',
+      rename: '‫تغییر نام لایه‬',
+      move_up: '‫انتقال لایه به بالا‬',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: '‫انتقال عناصر به:‬',
+      move_selected: '‫انتقال عناصر انتخاب شده به یک لایه متفاوت‬'
+    },
+    config: {
+      image_props: '‫مشخصات تصویر‬',
+      doc_title: '‫عنوان‬',
+      doc_dims: '‫ابعاد صفحه مجازی (بوم)‬',
+      included_images: '‫تصاویر گنجانده شده‬',
+      image_opt_embed: '‫داده های جای داده شده (پرونده های محلی)‬',
+      image_opt_ref: '‫استفاده از ارجاع به پرونده‬',
+      editor_prefs: '‫تنظیمات ویراستار‬',
+      icon_size: '‫اندازه شمایل‬',
+      language: '‫زبان‬',
+      background: '‫پس زمینه ویراستار‬',
+      editor_img_url: 'Image URL',
+      editor_bg_note: '‫توجه: پس زمینه همراه تصویر ذخیره نخواهد شد.‬',
+      icon_large: '‫بزرگ‬',
+      icon_medium: '‫متوسط‬',
+      icon_small: '‫کوچک‬',
+      icon_xlarge: '‫خیلی بزرگ‬',
+      select_predefined: '‫از پیش تعریف شده را انتخاب کنید:‬',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: '‫مقدار داده شده نامعتبر است‬',
+      noContentToFitTo: '‫محتوایی برای هم اندازه شدن وجود ندارد‬',
+      dupeLayerName: '‫لایه ای با آن نام وجود دارد!‬',
+      enterUniqueLayerName: '‫لطفا یک نام لایه یکتا انتخاب کنید‬',
+      enterNewLayerName: '‫لطفا نام لایه جدید را وارد کنید‬',
+      layerHasThatName: '‫لایه از قبل آن نام را دارد‬',
+      QmoveElemsToLayer: "‫عناصر انتخاب شده به لایه '%s' منتقل شوند؟‬",
+      QwantToClear: '‫آیا مطمئن هستید که می خواهید نقاشی را پاک کنید؟\nاین عمل باعث حذف تاریخچه واگرد شما خواهد شد!‬',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: '‫در منبع SVG شما خطاهای تجزیه (parse) وجود داشت.\nبه منبع SVG اصلی بازگردانده شود؟‬',
+      QignoreSourceChanges: '‫تغییرات اعمال شده در منبع SVG نادیده گرفته شوند؟‬',
+      featNotSupported: '‫این ویژگی پشتیبانی نشده است‬',
+      enterNewImgURL: '‫نشانی وب (url) تصویر جدید را وارد کنید‬',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_fa;
+
+}());
diff --git a/dist/locale/lang.fi.js b/dist/locale/lang.fi.js
new file mode 100644
index 00000000..1b8a189f
--- /dev/null
+++ b/dist/locale/lang.fi.js
@@ -0,0 +1,224 @@
+var svgEditorLang_fi = (function () {
+  'use strict';
+
+  var lang_fi = {
+    lang: 'fi',
+    dir: 'ltr',
+    common: {
+      ok: 'Tallentaa',
+      cancel: 'Peruuta',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Klikkaa muuttaa täyttöväri, Shift-click vaihtaa aivohalvauksen väriä',
+      zoom_level: 'Muuta suurennustaso',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Muuta täyttöväri',
+      stroke_color: 'Muuta aivohalvaus väri',
+      stroke_style: 'Muuta aivohalvaus Dash tyyli',
+      stroke_width: 'Muuta aivohalvaus leveys',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Muuta kiertokulma',
+      blur: 'Change gaussian blur value',
+      opacity: 'Muuta valitun kohteen läpinäkyvyys',
+      circle_cx: 'Muuta Circlen CX koordinoida',
+      circle_cy: 'Muuta Circlen CY koordinoida',
+      circle_r: 'Muuta ympyrän säde',
+      ellipse_cx: 'Muuta ellipsi&#39;s CX koordinoida',
+      ellipse_cy: 'Muuta ellipsi&#39;s CY koordinoida',
+      ellipse_rx: 'Muuta ellipsi&#39;s x säde',
+      ellipse_ry: 'Muuta ellipsi n y säde',
+      line_x1: 'Muuta Linen alkaa x-koordinaatti',
+      line_x2: 'Muuta Linen päättyy x koordinoida',
+      line_y1: 'Muuta Linen alkaa y-koordinaatti',
+      line_y2: 'Muuta Linen päättyy y koordinoida',
+      rect_height: 'Muuta suorakaiteen korkeus',
+      rect_width: 'Muuta suorakaiteen leveys',
+      corner_radius: 'Muuta suorakaide Corner Säde',
+      image_width: 'Muuta kuvan leveys',
+      image_height: 'Muuta kuvan korkeus',
+      image_url: 'Muuta URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Muuta tekstin sisältö',
+      font_family: 'Muuta Font Family',
+      font_size: 'Muuta fontin kokoa',
+      bold: 'Lihavoitu teksti',
+      italic: 'Kursivoitu'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Vaihda taustaväri / sameuden',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Sovita Content',
+      fit_to_all: 'Sovita kaikki content',
+      fit_to_canvas: 'Sovita kangas',
+      fit_to_layer_content: 'Sovita kerros sisältöön',
+      fit_to_sel: 'Sovita valinta',
+      align_relative_to: 'Kohdista suhteessa ...',
+      relativeTo: 'suhteessa:',
+      page: 'sivulta',
+      largest_object: 'Suurin kohde',
+      selected_objects: 'valittujen objektien',
+      smallest_object: 'pienin kohde',
+      new_doc: 'Uusi kuva',
+      open_doc: 'Avaa kuva',
+      export_img: 'Export',
+      save_doc: 'Save Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Keskitä',
+      align_left: 'Tasaa vasemmalle',
+      align_middle: 'Kohdista Lähi',
+      align_right: 'Tasaa oikealle',
+      align_top: 'Kohdista Top',
+      mode_select: 'Valitse työkalu',
+      mode_fhpath: 'Kynätyökalu',
+      mode_line: 'Viivatyökalulla',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand suorakaide',
+      mode_ellipse: 'Soikion',
+      mode_circle: 'Ympyrään',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Työkalua',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Suurennustyökalu',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Kumoa',
+      redo: 'Tulppaamalla ilmakanavan',
+      tool_source: 'Muokkaa lähdekoodipaketti',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Tuoteryhmään Elements',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elements',
+      docprops: 'Asiakirjan ominaisuudet',
+      move_bottom: 'Move to Bottom',
+      move_top: 'Move to Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Tallentaa',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Poista Layer',
+      move_down: 'Siirrä Layer alas',
+      new: 'New Layer',
+      rename: 'Nimeä Layer',
+      move_up: 'Siirrä Layer',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Valitse ennalta:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: "Retrieving '%s' ...",
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_fi;
+
+}());
diff --git a/dist/locale/lang.fr.js b/dist/locale/lang.fr.js
new file mode 100644
index 00000000..792a3b4b
--- /dev/null
+++ b/dist/locale/lang.fr.js
@@ -0,0 +1,224 @@
+var svgEditorLang_fr = (function () {
+  'use strict';
+
+  var lang_fr = {
+    lang: 'fr',
+    dir: 'ltr',
+    common: {
+      ok: 'OK',
+      cancel: 'Annuler',
+      key_backspace: 'Retour Arr.',
+      key_del: 'Suppr.',
+      key_down: 'Bas',
+      key_up: 'Haut',
+      more_opts: "Plus d'options",
+      url: 'URL',
+      width: 'Largeur',
+      height: 'Hauteur'
+    },
+    misc: {
+      powered_by: 'Propulsé par'
+    },
+    ui: {
+      toggle_stroke_tools: "Montrer/cacher plus d'outils de contour",
+      palette_info: 'Cliquer pour changer la couleur de remplissage, Maj+clic pour changer la couleur de contour',
+      zoom_level: 'Changer le niveau de zoom',
+      panel_drag: 'Tirer vers la gauche/droite pour redimensionner le panneau',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: "Identifier l'élément",
+      fill_color: 'Changer la couleur de remplissage',
+      stroke_color: 'Changer la couleur du contour',
+      stroke_style: 'Changer le style du contour',
+      stroke_width: 'Changer la largeur du contour de 1, Maj+clic pour changer la largeur de 0,1',
+      pos_x: "Changer l'abscisse (coordonnée X)",
+      pos_y: "Changer l'ordonnée (coordonnée Y)",
+      linecap_butt: 'Terminaison : Sur le nœud',
+      linecap_round: 'Terminaison : Arrondie',
+      linecap_square: 'Terminaison : Carrée',
+      linejoin_bevel: 'Raccord : Biseauté',
+      linejoin_miter: 'Raccord : Droit',
+      linejoin_round: 'Raccord : Arrondi',
+      angle: "Changer l'angle de rotation",
+      blur: 'Changer la valeur du flou gaussien',
+      opacity: "Changer l'opacité de l'élément sélectionné",
+      circle_cx: 'Changer la position horizontale cx du cercle',
+      circle_cy: 'Changer la position verticale cy du cercle',
+      circle_r: 'Changer le rayon du cercle',
+      ellipse_cx: "Changer la position horizontale cx de l'ellipse",
+      ellipse_cy: "Changer la position verticale cy de l'ellipse",
+      ellipse_rx: "Changer le rayon horizontal x de l'ellipse",
+      ellipse_ry: "Changer le rayon vertical y de l'ellipse",
+      line_x1: 'Changer la position horizontale x de début de la ligne',
+      line_x2: 'Changer la position horizontale x de fin de la ligne',
+      line_y1: 'Changer la position verticale y de début de la ligne',
+      line_y2: 'Changer la position verticale y de fin de la ligne',
+      rect_height: 'Changer la hauteur du rectangle',
+      rect_width: 'Changer la largeur du rectangle',
+      corner_radius: 'Changer le rayon des coins du rectangle',
+      image_width: "Changer la largeur de l'image",
+      image_height: "Changer la hauteur de l'image",
+      image_url: "Modifier l'URL",
+      node_x: 'Changer la positon horizontale x du nœud',
+      node_y: 'Changer la position verticale y du nœud',
+      seg_type: 'Changer le type du segment',
+      straight_segments: 'Droit',
+      curve_segments: 'Courbe',
+      text_contents: 'Changer le contenu du texte',
+      font_family: 'Changer la famille de police',
+      font_size: 'Changer la taille de la police',
+      bold: 'Texte en gras',
+      italic: 'Texte en italique'
+    },
+    tools: {
+      main_menu: 'Menu principal',
+      bkgnd_color_opac: "Changer la couleur d'arrière-plan/l'opacité",
+      connector_no_arrow: 'Sans flèches',
+      fitToContent: 'Ajuster au contenu',
+      fit_to_all: "Ajuster à l'ensemble du contenu",
+      fit_to_canvas: 'Ajuster au canevas',
+      fit_to_layer_content: 'Ajuster au contenu du calque',
+      fit_to_sel: 'Ajuster à la sélection',
+      align_relative_to: 'Aligner par rapport à…',
+      relativeTo: 'par rapport à :',
+      page: 'page',
+      largest_object: 'objet le plus gros',
+      selected_objects: 'objets sélectionnés',
+      smallest_object: 'objet le plus petit',
+      new_doc: 'Nouvelle image',
+      open_doc: 'Ouvrir une image SVG',
+      export_img: 'Exporter',
+      save_doc: "Enregistrer l'image",
+      import_doc: 'Importer une image',
+      align_to_page: "Aligner l'élément à la page",
+      align_bottom: 'Aligner en bas',
+      align_center: 'Centrer verticalement',
+      align_left: 'Aligner à gauche',
+      align_middle: 'Centrer horizontalement',
+      align_right: 'Aligner à droite',
+      align_top: 'Aligner en haut',
+      mode_select: 'Outil de sélection',
+      mode_fhpath: 'Crayon à main levée',
+      mode_line: 'Tracer des lignes',
+      mode_rect: 'Outil rectangle',
+      mode_square: 'Outil carré',
+      mode_fhrect: 'Rectangle à main levée',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Cercle',
+      mode_fhellipse: 'Ellipse à main levée',
+      mode_path: 'Outil chemin',
+      mode_text: 'Outil texte',
+      mode_image: 'Outil image',
+      mode_zoom: 'Zoom',
+      no_embed: 'NOTE : Cette image ne peut pas être incorporée. Elle sera chargée à cette adresse',
+      undo: 'Annuler',
+      redo: 'Restaurer',
+      tool_source: 'Modifier la source',
+      wireframe_mode: 'Mode Fil de fer',
+      clone: 'Cloner élément(s)',
+      del: 'Supprimer élément(s)',
+      group_elements: 'Grouper les éléments',
+      make_link: 'Créer un hyperlien',
+      set_link_url: "Définir l'URL du lien (laisser vide pour supprimer)",
+      to_path: 'Convertir en chemin',
+      reorient_path: 'Réorienter le chemin',
+      ungroup: 'Dégrouper les éléments',
+      docprops: 'Propriétés du document',
+      move_bottom: 'Déplacer vers le bas',
+      move_top: 'Déplacer vers le haut',
+      node_clone: 'Cloner le nœud',
+      node_delete: 'Supprimer le nœud',
+      node_link: 'Rendre les points de contrôle solidaires',
+      add_subpath: 'Ajouter un tracé secondaire',
+      openclose_path: 'Ouvrir/fermer le sous-chemin',
+      source_save: 'Appliquer les modifications',
+      cut: 'Couper',
+      copy: 'Copier',
+      paste: 'Coller',
+      paste_in_place: 'Coller sur place',
+      delete: 'Supprimer',
+      group: 'Grouper',
+      move_front: 'Placer au premier plan',
+      move_up: "Avancer d'un plan",
+      move_down: "Reculer d'un plan",
+      move_back: 'Placer au fond'
+    },
+    layers: {
+      layer: 'Calque',
+      layers: 'Calques',
+      del: 'Supprimer le calque',
+      move_down: 'Descendre le calque',
+      new: 'Nouveau calque',
+      rename: 'Renommer le calque',
+      move_up: 'Monter le calque',
+      dupe: 'Dupliquer le calque',
+      merge_down: 'Fusionner vers le bas',
+      merge_all: 'Tout fusionner',
+      move_elems_to: 'Déplacer les éléments vers :',
+      move_selected: 'Déplacer les éléments sélectionnés vers un autre calque'
+    },
+    config: {
+      image_props: "Propriétés de l'image",
+      doc_title: 'Titre',
+      doc_dims: 'Dimensions du canevas',
+      included_images: 'Images insérées',
+      image_opt_embed: 'Incorporer les données des images (fichiers locaux)',
+      image_opt_ref: "Utiliser l'adresse des fichiers",
+      editor_prefs: "Préférences de l'éditeur",
+      icon_size: 'Taille des icônes',
+      language: 'Langue',
+      background: "Toile de fond de l'éditeur",
+      editor_img_url: 'Image URL',
+      editor_bg_note: "Note : La toile de fond ne sera pas sauvegardée avec l'image.",
+      icon_large: 'Grande',
+      icon_medium: 'Moyenne',
+      icon_small: 'Petite',
+      icon_xlarge: 'Super grande',
+      select_predefined: 'Sélectionner prédéfinis :',
+      units_and_rulers: 'Unités et règles',
+      show_rulers: 'Afficher les règles',
+      base_unit: 'Unité de mesure :',
+      grid: 'Grille',
+      snapping_onoff: 'Ancrer oui/non',
+      snapping_stepsize: "Pas d'ancrage :",
+      grid_color: 'Couleur de la grille'
+    },
+    notification: {
+      invalidAttrValGiven: 'Valeur fournie invalide',
+      noContentToFitTo: "Il n'y a pas de contenu auquel ajuster",
+      dupeLayerName: 'Un autre calque porte déjà ce nom !',
+      enterUniqueLayerName: 'Veuillez entrer un nom (unique) pour le calque',
+      enterNewLayerName: 'Veuillez entrer le nouveau nom du calque',
+      layerHasThatName: 'Le calque porte déjà ce nom',
+      QmoveElemsToLayer: 'Déplacer les éléments sélectionnés vers le calque « %s » ?',
+      QwantToClear: "Voulez-vous effacer le dessin ?\nL'historique de vos actions sera également effacé !",
+      QwantToOpen: "Voulez-vous ouvrir un nouveau document ?\nVous perdrez l'historique de vos modifications !",
+      QerrorsRevertToSource: 'Il y a des erreurs de syntaxe dans votre code source SVG.\nRestaurer le code source SVG antérieur aux modifications ?',
+      QignoreSourceChanges: 'Ignorer les modifications faites à la source SVG ?',
+      featNotSupported: 'Fonction non supportée',
+      enterNewImgURL: "Entrer la nouvelle URL de l'image",
+      defsFailOnSave: "NOTE : En raison d'un bogue dans votre navigateur, il se peut que cette image ne soit pas correctement affichée (dégradés ou éléments manquants). Le souci sera néanmoins réglé à la sauvegarde.",
+      loadingImage: "Chargement de l'image, veuillez patienter…",
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Notez également les problèmes suivants : ',
+      unsavedChanges: 'Il y a des changements non sauvegardés.',
+      enterNewLinkURL: "Entrez la nouvelle URL de l'hyperlien",
+      errorLoadingSVG: 'Erreur : Impossible de charger les données SVG',
+      URLloadFail: "Impossible de charger l'URL",
+      retrieving: 'Récupération de « %s »…',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_fr;
+
+}());
diff --git a/dist/locale/lang.fy.js b/dist/locale/lang.fy.js
new file mode 100644
index 00000000..d4ee87a1
--- /dev/null
+++ b/dist/locale/lang.fy.js
@@ -0,0 +1,224 @@
+var svgEditorLang_fy = (function () {
+  'use strict';
+
+  var lang_fy = {
+    lang: 'fy',
+    dir: 'ltr',
+    common: {
+      ok: 'Ok',
+      cancel: 'Ôfbrekke',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'omleech',
+      key_up: 'omheech',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Klik om de folkleur te feroarjen, shift-klik om de linekleur te feroarjen.',
+      zoom_level: 'Yn-/útzoome',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Folkleur oanpasse',
+      stroke_color: 'Linekleur oanpasse',
+      stroke_style: 'Linestijl oanpasse',
+      stroke_width: 'Linebreedte oanpasse',
+      pos_x: 'X-koördinaat oanpasse',
+      pos_y: 'Y-koördinaat oanpasse',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Draaie',
+      blur: 'Change gaussian blur value',
+      opacity: 'Trochsichtigens oanpasse',
+      circle_cx: "Feroarje it X-koördinaat fan it middelpunt fan'e sirkel.",
+      circle_cy: "Feroarje it Y-koördinaat fan it middelpunt fan'e sirkel.",
+      circle_r: 'Feroarje sirkelradius',
+      ellipse_cx: "Feroarje it X-koördinaat fan it middelpunt fan'e ellips.",
+      ellipse_cy: "Feroarje it Y-koördinaat fan it middelpunt fan'e ellips.",
+      ellipse_rx: 'Feroarje ellips X radius',
+      ellipse_ry: 'Feroarje ellips Y radius',
+      line_x1: "Feroarje start X koördinaat fan'e line",
+      line_x2: "Feroarje ein X koördinaat fan'e line",
+      line_y1: "Feroarje start Y koördinaat fan'e line",
+      line_y2: "Feroarje ein Y koördinaat fan'e line",
+      rect_height: 'Hichte rjochthoeke oanpasse',
+      rect_width: 'Breedte rjochthoeke oanpasse',
+      corner_radius: 'Hoekeradius oanpasse',
+      image_width: 'Breedte ôfbielding oanpasse',
+      image_height: 'Hichte ôfbielding oanpasse',
+      image_url: 'URL oanpasse',
+      node_x: 'X-koördinaat knooppunt oanpasse',
+      node_y: 'Y-koördinaat knooppunt oanpasse',
+      seg_type: 'Segmenttype oanpasse',
+      straight_segments: 'Rjocht',
+      curve_segments: 'Bûcht',
+      text_contents: 'Tekst oanpasse',
+      font_family: 'Lettertype oanpasse',
+      font_size: 'Lettergrutte oanpasse',
+      bold: 'Fet',
+      italic: 'Skean'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Eftergrûnkleur/trochsichtigens oanpasse',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Passe op ynhâld',
+      fit_to_all: 'Op alle ynhâld passe',
+      fit_to_canvas: 'Op kanvas passe',
+      fit_to_layer_content: 'Op laachynhâld passe',
+      fit_to_sel: 'Op seleksje passe',
+      align_relative_to: 'Útlijne relatyf oan...',
+      relativeTo: 'Relatief tsjinoer:',
+      page: 'Side',
+      largest_object: 'Grutste ûnderdiel',
+      selected_objects: 'Selektearre ûnderdielen',
+      smallest_object: 'Lytste ûnderdiel',
+      new_doc: 'Nije ôfbielding',
+      open_doc: 'Ôfbielding iepenje',
+      export_img: 'Export',
+      save_doc: 'Ôfbielding bewarje',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Ûnder útlijne',
+      align_center: 'Midden útlijne',
+      align_left: 'Lofts útlijne',
+      align_middle: 'Midden útlijne',
+      align_right: 'Rjochts útlijne',
+      align_top: 'Boppe útlijne',
+      mode_select: 'Selektearje',
+      mode_fhpath: 'Potlead',
+      mode_line: 'Line',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Frije rjochthoeke',
+      mode_ellipse: 'Ellips',
+      mode_circle: 'Sirkel',
+      mode_fhellipse: 'Frije ellips',
+      mode_path: 'Paad',
+      mode_text: 'Tekst',
+      mode_image: 'Ôfbielding',
+      mode_zoom: 'Zoom',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Ungedien meitjse',
+      redo: "Op 'e nij",
+      tool_source: 'Boarne oanpasse',
+      wireframe_mode: 'Triemodel',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Ûnderdielen groepearje',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Omsette nei paad',
+      reorient_path: 'Paad opnij orientearje',
+      ungroup: 'Groepering opheffe',
+      docprops: 'Dokuminteigenskippen',
+      move_bottom: 'Nei eftergrûn',
+      move_top: 'Nei foargrûn',
+      node_clone: 'Knooppunt duplisearje',
+      node_delete: 'Knooppunt fuortsmite',
+      node_link: 'Knooppunten keppelje',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Feroarings tapasse',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Laach',
+      layers: 'Layers',
+      del: 'Laach fuortsmite',
+      move_down: 'Laach omleech bringe',
+      new: 'Nije laach',
+      rename: 'Laach omneame',
+      move_up: 'Laach omheech bringe',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Ûnderdielen ferplaate nei:',
+      move_selected: 'Selektearre ûnderdielen ferplaatse nei in oare laach'
+    },
+    config: {
+      image_props: 'Ôfbieldingseigenskippen',
+      doc_title: 'Titel',
+      doc_dims: 'Kanvasgrutte',
+      included_images: 'Ynslúten ôfbieldingen',
+      image_opt_embed: 'Ynformaasje tafoege (lokale triemen)',
+      image_opt_ref: 'Triemreferensje brûke',
+      editor_prefs: 'Eigenskippen bewurker',
+      icon_size: 'Ikoangrutte',
+      language: 'Taal',
+      background: 'Eftergrûn bewurker',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Let op: de eftergrûn wurd net mei de ôfbielding bewarre.',
+      icon_large: 'Grut',
+      icon_medium: 'Middel',
+      icon_small: 'Lyts',
+      icon_xlarge: 'Ekstra grut',
+      select_predefined: 'Selektearje:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Ferkearde waarde jûn',
+      noContentToFitTo: 'Gjin ynhâld om te passen',
+      dupeLayerName: 'Der is al in laach mei dy namme!',
+      enterUniqueLayerName: 'Type in unyke laachnamme',
+      enterNewLayerName: 'Type in nije laachnamme',
+      layerHasThatName: 'Laach hat dy namme al',
+      QmoveElemsToLayer: "Selektearre ûnderdielen ferplaatse nei '%s'?",
+      QwantToClear: 'Ôfbielding leechmeitsje? Dit sil ek de skiednis fuortsmite!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'Der wiene flaters yn de SVG-boarne.\nWeromgean nei foarige SVG-boarne?',
+      QignoreSourceChanges: 'Feroarings yn SVG-boarne negeare?',
+      featNotSupported: 'Funksje wurdt net ûndersteund',
+      enterNewImgURL: 'Jou de nije URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\'...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_fy;
+
+}());
diff --git a/dist/locale/lang.ga.js b/dist/locale/lang.ga.js
new file mode 100644
index 00000000..ca420037
--- /dev/null
+++ b/dist/locale/lang.ga.js
@@ -0,0 +1,224 @@
+var svgEditorLang_ga = (function () {
+  'use strict';
+
+  var lang_ga = {
+    lang: 'ga',
+    dir: 'ltr',
+    common: {
+      ok: 'Sábháil',
+      cancel: 'Cealaigh',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Cliceáil chun athrú a líonadh dath, aistriú-cliceáil chun dath a athrú stróc',
+      zoom_level: 'Athraigh súmáil leibhéal',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Athraigh an dath a líonadh',
+      stroke_color: 'Dath stróc Athrú',
+      stroke_style: 'Athraigh an stíl Fleasc stróc',
+      stroke_width: 'Leithead stróc Athrú',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Uillinn rothlaithe Athrú',
+      blur: 'Change gaussian blur value',
+      opacity: 'Athraigh roghnaithe teimhneacht mír',
+      circle_cx: 'Athraigh an ciorcal a chomhordú CX',
+      circle_cy: 'Athraigh an ciorcal a chomhordú ga',
+      circle_r: 'Athraigh an ciorcal&#39;s ga',
+      ellipse_cx: 'Athraigh Éilips&#39;s CX a chomhordú',
+      ellipse_cy: 'Athraigh an Éilips a chomhordú ga',
+      ellipse_rx: 'Éilips Athraigh an gha x',
+      ellipse_ry: 'Éilips Athraigh an gha y',
+      line_x1: 'Athraigh an líne tosaigh a chomhordú x',
+      line_x2: 'Athraigh an líne deireadh x chomhordú',
+      line_y1: 'Athraigh an líne tosaigh a chomhordú y',
+      line_y2: 'Athrú ar líne deireadh y chomhordú',
+      rect_height: 'Airde dronuilleog Athrú',
+      rect_width: 'Leithead dronuilleog Athrú',
+      corner_radius: 'Athraigh Dronuilleog Cúinne na Ga',
+      image_width: 'Leithead íomhá Athrú',
+      image_height: 'Airde íomhá Athrú',
+      image_url: 'Athraigh an URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Inneachar Athraigh téacs',
+      font_family: 'Athraigh an Cló Teaghlaigh',
+      font_size: 'Athraigh Clómhéid',
+      bold: 'Trom Téacs',
+      italic: 'Iodálach Téacs'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Dath cúlra Athraigh / teimhneacht',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Laghdaigh do gach ábhar',
+      fit_to_canvas: 'Laghdaigh ar chanbhás',
+      fit_to_layer_content: 'Laghdaigh shraith ábhar a',
+      fit_to_sel: 'Laghdaigh a roghnú',
+      align_relative_to: 'Ailínigh i gcomparáid leis ...',
+      relativeTo: 'i gcomparáid leis:',
+      page: 'leathanach',
+      largest_object: 'réad is mó',
+      selected_objects: 'réada tofa',
+      smallest_object: 'lú réad',
+      new_doc: 'Íomhá Nua',
+      open_doc: 'Íomhá Oscailte',
+      export_img: 'Export',
+      save_doc: 'Sábháil Íomhá',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Cineál Bun',
+      align_center: 'Ailínigh sa Lár',
+      align_left: 'Ailínigh ar Chlé',
+      align_middle: 'Cineál Middle',
+      align_right: 'Ailínigh ar Dheis',
+      align_top: 'Cineál Barr',
+      mode_select: 'Roghnaigh Uirlis',
+      mode_fhpath: 'Phionsail Uirlis',
+      mode_line: 'Uirlis Líne',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Saor Hand Dronuilleog',
+      mode_ellipse: 'Éilips',
+      mode_circle: 'Ciorcal',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Téacs Uirlis',
+      mode_image: 'Íomhá Uirlis',
+      mode_zoom: 'Zúmáil Uirlis',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Cealaigh',
+      redo: 'Athdhéan',
+      tool_source: 'Cuir Foinse',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Eilimintí Grúpa',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Eilimintí Díghrúpáil',
+      docprops: 'Doiciméad Airíonna',
+      move_bottom: 'Téigh go Bun',
+      move_top: 'Téigh go Barr',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Sábháil',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Scrios Sraith',
+      move_down: 'Bog Sraith Síos',
+      new: 'Sraith Nua',
+      rename: 'Athainmnigh Sraith',
+      move_up: 'Bog Sraith Suas',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Roghnaigh réamhshainithe:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_ga;
+
+}());
diff --git a/dist/locale/lang.gl.js b/dist/locale/lang.gl.js
new file mode 100644
index 00000000..3aa5483e
--- /dev/null
+++ b/dist/locale/lang.gl.js
@@ -0,0 +1,224 @@
+var svgEditorLang_gl = (function () {
+  'use strict';
+
+  var lang_gl = {
+    lang: 'gl',
+    dir: 'ltr',
+    common: {
+      ok: 'Gardar',
+      cancel: 'Cancelar',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Preme aquí para cambiar a cor de recheo, Shift-clic para cambiar a cor do curso',
+      zoom_level: 'Cambiar o nivel de zoom',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Cambia-la cor de recheo',
+      stroke_color: 'Cambiar a cor do curso',
+      stroke_style: 'Modifica o estilo do trazo do curso',
+      stroke_width: 'Cambiar o ancho do curso',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Cambiar o ángulo de xiro',
+      blur: 'Change gaussian blur value',
+      opacity: 'Cambia a opacidade elemento seleccionado',
+      circle_cx: 'Cx Cambiar círculo de coordenadas',
+      circle_cy: 'Círculo Cambio cy coordinar',
+      circle_r: 'Cambiar círculo de raio',
+      ellipse_cx: 'Cambiar elipse cx coordinar',
+      ellipse_cy: 'Elipse Cambio cy coordinar',
+      ellipse_rx: 'Raios X Change elipse',
+      ellipse_ry: 'Radio y Change elipse',
+      line_x1: 'Cambie a liña de partida coordenada x',
+      line_x2: 'Cambie a liña acaba coordenada x',
+      line_y1: 'Cambio na liña do recurso coordinada y',
+      line_y2: 'Salto de liña acaba coordinada y',
+      rect_height: 'Cambiar altura do rectángulo',
+      rect_width: 'Cambiar a largo rectángulo',
+      corner_radius: 'Cambiar Corner Rectangle Radius',
+      image_width: 'Cambiar o ancho da imaxe',
+      image_height: 'Cambiar altura da imaxe',
+      image_url: 'Cambiar URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Cambiar o contido de texto',
+      font_family: 'Cambiar fonte Familia',
+      font_size: 'Mudar tamaño de letra',
+      bold: 'Bold Text',
+      italic: 'Texto en cursiva'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Mudar a cor de fondo / Opacidade',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Axustar ó contido',
+      fit_to_all: 'Axustar a todo o contido',
+      fit_to_canvas: 'Axustar a pantalla',
+      fit_to_layer_content: 'Axustar o contido da capa de',
+      fit_to_sel: 'Axustar a selección',
+      align_relative_to: 'Aliñar en relación a ...',
+      relativeTo: 'en relación ao:',
+      page: 'Portada',
+      largest_object: 'maior obxecto',
+      selected_objects: 'obxectos elixidos',
+      smallest_object: 'menor obxecto',
+      new_doc: 'Nova Imaxe',
+      open_doc: 'Abrir Imaxe',
+      export_img: 'Export',
+      save_doc: 'Gardar Imaxe',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align bottom',
+      align_center: 'Centrar',
+      align_left: 'Aliñar á Esquerda',
+      align_middle: 'Aliñar Medio',
+      align_right: 'Aliñar á Dereita',
+      align_top: 'Align Top',
+      mode_select: 'Seleccionar a ferramenta',
+      mode_fhpath: 'Ferramenta Lapis',
+      mode_line: 'Ferramenta Liña',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Rectangle',
+      mode_ellipse: 'Elipse',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Ferramenta de Texto',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Desfacer',
+      redo: 'Volver',
+      tool_source: 'Fonte Editar',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Elementos do grupo',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Elementos Desagrupadas',
+      docprops: 'Propriedades do Documento',
+      move_bottom: 'Move a Bottom',
+      move_top: 'Move to Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Gardar',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Delete Layer',
+      move_down: 'Move capa inferior',
+      new: 'New Layer',
+      rename: 'Rename Layer',
+      move_up: 'Move Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Seleccione por defecto:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_gl;
+
+}());
diff --git a/dist/locale/lang.he.js b/dist/locale/lang.he.js
new file mode 100644
index 00000000..349cf94c
--- /dev/null
+++ b/dist/locale/lang.he.js
@@ -0,0 +1,224 @@
+var svgEditorLang_he = (function () {
+  'use strict';
+
+  var lang_he = {
+    lang: 'he',
+    dir: 'rtl',
+    common: {
+      ok: 'לשמור',
+      cancel: 'ביטול',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'לחץ כדי לשנות צבע מילוי, לחץ על Shift-לשנות צבע שבץ',
+      zoom_level: 'שינוי גודל תצוגה',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'שינוי צבע מילוי',
+      stroke_color: 'שינוי צבע שבץ',
+      stroke_style: 'דש שבץ שינוי סגנון',
+      stroke_width: 'שינוי רוחב שבץ',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'שינוי זווית הסיבוב',
+      blur: 'Change gaussian blur value',
+      opacity: 'שינוי הפריט הנבחר אטימות',
+      circle_cx: 'CX מעגל של שנה לתאם',
+      circle_cy: 'מעגל שנה של cy לתאם',
+      circle_r: 'מעגל שנה של רדיוס',
+      ellipse_cx: 'שינוי של אליפסה CX לתאם',
+      ellipse_cy: 'אליפסה שינוי של cy לתאם',
+      ellipse_rx: 'אליפסה שינוי של רדיוס x',
+      ellipse_ry: 'אליפסה שינוי של Y רדיוס',
+      line_x1: 'שינוי קו ההתחלה של x לתאם',
+      line_x2: 'שינוי קו הסיום של x לתאם',
+      line_y1: 'שינוי קו ההתחלה של Y לתאם',
+      line_y2: 'שינוי קו הסיום של Y לתאם',
+      rect_height: 'שינוי גובה המלבן',
+      rect_width: 'שינוי רוחב המלבן',
+      corner_radius: 'לשנות מלבן פינת רדיוס',
+      image_width: 'שינוי רוחב התמונה',
+      image_height: 'שינוי גובה התמונה',
+      image_url: 'שינוי כתובת',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'שינוי תוכן טקסט',
+      font_family: 'שינוי גופן משפחה',
+      font_size: 'שנה גודל גופן',
+      bold: 'טקסט מודגש',
+      italic: 'טקסט נטוי'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'שנה את צבע הרקע / אטימות',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'התאם תוכן',
+      fit_to_all: 'התאם התכנים',
+      fit_to_canvas: 'התאם בד',
+      fit_to_layer_content: 'מתאים לתוכן שכבת',
+      fit_to_sel: 'התאם הבחירה',
+      align_relative_to: 'יישור ביחס ...',
+      relativeTo: 'יחסית:',
+      page: 'דף',
+      largest_object: 'האובייקט הגדול',
+      selected_objects: 'elected objects',
+      smallest_object: 'הקטן אובייקט',
+      new_doc: 'תמונה חדשה',
+      open_doc: 'פתח תמונה',
+      export_img: 'Export',
+      save_doc: 'שמור תמונה',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'יישור תחתון',
+      align_center: 'ישור לאמצע',
+      align_left: 'יישור לשמאל',
+      align_middle: 'יישור התיכון',
+      align_right: 'יישור לימין',
+      align_top: 'יישור למעלה',
+      mode_select: 'Select Tool',
+      mode_fhpath: 'כלי העיפרון',
+      mode_line: 'כלי הקו',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand מלבן',
+      mode_ellipse: 'אליפסה',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free-Hand אליפסה',
+      mode_path: 'Path Tool',
+      mode_text: 'כלי טקסט',
+      mode_image: 'כלי תמונה',
+      mode_zoom: 'זום כלי',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'בטל',
+      redo: 'בצע שוב',
+      tool_source: 'מקור ערוך',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'אלמנטים הקבוצה',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'אלמנטים פרק קבוצה',
+      docprops: 'מאפייני מסמך',
+      move_bottom: 'הזז למטה',
+      move_top: 'עבור לראש הדף',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'לשמור',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'מחיקת שכבה',
+      move_down: 'הזז למטה שכבה',
+      new: 'שכבהחדשה',
+      rename: 'שינוי שם שכבה',
+      move_up: 'העבר שכבה Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'בחר מוגדרים מראש:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_he;
+
+}());
diff --git a/dist/locale/lang.hi.js b/dist/locale/lang.hi.js
new file mode 100644
index 00000000..b50302dd
--- /dev/null
+++ b/dist/locale/lang.hi.js
@@ -0,0 +1,224 @@
+var svgEditorLang_hi = (function () {
+  'use strict';
+
+  var lang_hi = {
+    lang: 'hi',
+    dir: 'ltr',
+    common: {
+      ok: 'बचाना',
+      cancel: 'रद्द करें',
+      key_backspace: 'बैकस्पेस',
+      key_del: 'हटायें',
+      key_down: 'नीचे',
+      key_up: 'ऊपर',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'रंग बदलने पर क्लिक करें, बदलाव भरने के क्लिक करने के लिए स्ट्रोक का रंग बदलने के लिए',
+      zoom_level: 'बदलें स्तर ज़ूम',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'बदलें का रंग भरना',
+      stroke_color: 'बदलें स्ट्रोक रंग',
+      stroke_style: 'बदलें स्ट्रोक डेश शैली',
+      stroke_width: 'बदलें स्ट्रोक चौड़ाई',
+      pos_x: 'X समकक्ष बदलें ',
+      pos_y: 'Y समकक्ष बदलें',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'बदलें रोटेशन कोण',
+      blur: 'Change gaussian blur value',
+      opacity: 'पारदर्शिता बदलें',
+      circle_cx: 'बदल रहा है चक्र cx समन्वय',
+      circle_cy: 'परिवर्तन चक्र cy समन्वय है',
+      circle_r: 'बदल रहा है चक्र त्रिज्या',
+      ellipse_cx: 'बदलें दीर्घवृत्त है cx समन्वय',
+      ellipse_cy: 'बदलें दीर्घवृत्त cy समन्वय है',
+      ellipse_rx: 'बदल रहा है दीर्घवृत्त x त्रिज्या',
+      ellipse_ry: 'बदल रहा है दीर्घवृत्त y त्रिज्या',
+      line_x1: 'बदल रहा है लाइन x समन्वय शुरू',
+      line_x2: 'बदल रहा है लाइन x समन्वय समाप्त',
+      line_y1: 'बदलें रेखा y शुरू हो रहा है समन्वय',
+      line_y2: 'बदलें रेखा y अंत है समन्वय',
+      rect_height: 'बदलें आयत ऊंचाई',
+      rect_width: 'बदलें आयत चौड़ाई',
+      corner_radius: 'बदलें आयत कॉर्नर त्रिज्या',
+      image_width: 'बदलें छवि चौड़ाई',
+      image_height: 'बदलें छवि ऊँचाई',
+      image_url: 'बदलें यूआरएल',
+      node_x: 'नोड का x समकक्ष बदलें',
+      node_y: 'नोड का y समकक्ष बदलें',
+      seg_type: 'वर्ग प्रकार बदलें',
+      straight_segments: 'सीधे वर्ग',
+      curve_segments: 'घुमाव',
+      text_contents: 'बदलें पाठ सामग्री',
+      font_family: 'बदलें फ़ॉन्ट परिवार',
+      font_size: 'फ़ॉन्ट का आकार बदलें',
+      bold: 'मोटा पाठ',
+      italic: 'इटैलिक पाठ'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'पृष्ठभूमि का रंग बदल / अस्पष्टता',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'सामग्री के लिए फिट',
+      fit_to_all: 'सभी सामग्री के लिए फिट',
+      fit_to_canvas: 'फिट कैनवास को',
+      fit_to_layer_content: 'फिट परत सामग्री के लिए',
+      fit_to_sel: 'चयन के लिए फिट',
+      align_relative_to: 'संरेखित करें रिश्तेदार को ...',
+      relativeTo: 'रिश्तेदार को:',
+      page: 'पृष्ठ',
+      largest_object: 'सबसे बड़ी वस्तु',
+      selected_objects: 'निर्वाचित वस्तुओं',
+      smallest_object: 'छोटी से छोटी वस्तु',
+      new_doc: 'नई छवि',
+      open_doc: 'छवि खोलें',
+      export_img: 'Export',
+      save_doc: 'सहेजें छवि',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'तलमेंपंक्तिबद्धकरें',
+      align_center: 'मध्य में समंजित करें',
+      align_left: ' पंक्तिबद्ध करें',
+      align_middle: 'मध्य संरेखित करें',
+      align_right: 'दायाँपंक्तिबद्धकरें',
+      align_top: 'शीर्षमेंपंक्तिबद्धकरें',
+      mode_select: 'उपकरण चुनें',
+      mode_fhpath: 'पेंसिल उपकरण',
+      mode_line: 'लाइन उपकरण',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'नि: शुल्क हाथ आयत',
+      mode_ellipse: 'दीर्घवृत्त',
+      mode_circle: 'वृत्त',
+      mode_fhellipse: 'नि: शुल्क हाथ दीर्घवृत्त',
+      mode_path: 'Path Tool',
+      mode_text: 'पाठ उपकरण',
+      mode_image: 'छवि उपकरण',
+      mode_zoom: 'ज़ूम उपकरण',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'पूर्ववत करें',
+      redo: 'फिर से करें',
+      tool_source: 'स्रोत में बदलाव करें',
+      wireframe_mode: 'रूपरेखा मोड',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'समूह तत्वों',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'पथ में बदलें',
+      reorient_path: 'पथ को नई दिशा दें',
+      ungroup: 'अंश को समूह से अलग करें',
+      docprops: 'दस्तावेज़ गुण',
+      move_bottom: 'नीचे ले जाएँ',
+      move_top: 'ऊपर ले जाएँ',
+      node_clone: 'नोड क्लोन',
+      node_delete: 'नोड हटायें',
+      node_link: 'कड़ी नियंत्रण बिंदु',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'बचाना',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'परत',
+      layers: 'Layers',
+      del: 'परत हटाएँ',
+      move_down: 'परत नीचे ले जाएँ',
+      new: 'नई परत',
+      rename: 'परत का नाम बदलें',
+      move_up: 'परत ऊपर ले जाएँ',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'अंश को ले जाएँ:',
+      move_selected: 'चयनित अंश को दूसरी परत पर  ले जाएँ'
+    },
+    config: {
+      image_props: 'छवि के गुण',
+      doc_title: 'शीर्षक',
+      doc_dims: 'कैनवास आयाम',
+      included_images: 'शामिल छवियाँ',
+      image_opt_embed: 'एम्बेड डेटा (स्थानीय फ़ाइलें)',
+      image_opt_ref: 'फाइल के संदर्भ का प्रयोग',
+      editor_prefs: 'संपादक वरीयताएँ',
+      icon_size: 'चिह्न का आकार',
+      language: 'भाषा',
+      background: 'संपादक पृष्ठभूमि',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'नोट: पृष्ठभूमि छवि के साथ नहीं बचायी जाएगी',
+      icon_large: 'बड़ा',
+      icon_medium: 'मध्यम',
+      icon_small: 'छोटा',
+      icon_xlarge: 'बहुत बड़ा',
+      select_predefined: 'चुनें पूर्वनिर्धारित:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'अमान्य मूल्य',
+      noContentToFitTo: 'कोई सामग्री फिट करने के लिए उपलब्ध नहीं',
+      dupeLayerName: 'इस नाम कि परत पहले से मौजूद है !',
+      enterUniqueLayerName: 'कृपया परत का एक अद्वितीय नाम डालें',
+      enterNewLayerName: 'कृपया परत का एक नया नाम डालें',
+      layerHasThatName: 'परत का पहले से ही यही नाम है',
+      QmoveElemsToLayer: "चयनित अंश को परत '%s' पर ले जाएँ ?",
+      QwantToClear: 'क्या आप छवि साफ़ करना चाहते हैं?\nयह आपके उन्डू  इतिहास को भी मिटा देगा!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'आपके एस.वी.जी. स्रोत में त्रुटियों थी.\nक्या आप मूल एस.वी.जी स्रोत पर वापिस जाना चाहते हैं?',
+      QignoreSourceChanges: 'एसवीजी स्रोत से लाये बदलावों को ध्यान न दें?',
+      featNotSupported: 'सुविधा असमर्थित है',
+      enterNewImgURL: 'नई छवि URL दर्ज करें',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_hi;
+
+}());
diff --git a/dist/locale/lang.hr.js b/dist/locale/lang.hr.js
new file mode 100644
index 00000000..08634120
--- /dev/null
+++ b/dist/locale/lang.hr.js
@@ -0,0 +1,224 @@
+var svgEditorLang_hr = (function () {
+  'use strict';
+
+  var lang_hr = {
+    lang: 'hr',
+    dir: 'ltr',
+    common: {
+      ok: 'Spremiti',
+      cancel: 'Odustani',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Kliknite promijeniti boju ispune, shift-click to promijeniti boju moždanog udara',
+      zoom_level: 'Promjena razine zumiranja',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Promjena boje ispune',
+      stroke_color: 'Promjena boje moždani udar',
+      stroke_style: 'Promijeni stroke crtica stil',
+      stroke_width: 'Promjena širine moždani udar',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Promijeni rotation angle',
+      blur: 'Change gaussian blur value',
+      opacity: 'Promjena odabrane stavke neprozirnost',
+      circle_cx: 'Promjena krug&#39;s CX koordinirati',
+      circle_cy: 'Cy Promijeni krug je koordinirati',
+      circle_r: 'Promjena krug je radijusa',
+      ellipse_cx: 'Promjena elipsa&#39;s CX koordinirati',
+      ellipse_cy: 'Cy Promijeni elipsa je koordinirati',
+      ellipse_rx: 'Promijeniti elipsa&#39;s x polumjer',
+      ellipse_ry: 'Promjena elipsa&#39;s y polumjer',
+      line_x1: 'Promijeni linija je početak x koordinatu',
+      line_x2: 'Promjena linije završetak x koordinatu',
+      line_y1: 'Promijeni linija je početak y koordinatu',
+      line_y2: 'Promjena linije završetak y koordinatu',
+      rect_height: 'Promijeni pravokutnik visine',
+      rect_width: 'Promijeni pravokutnik širine',
+      corner_radius: 'Promijeni Pravokutnik Corner Radius',
+      image_width: 'Promijeni sliku širine',
+      image_height: 'Promijeni sliku visina',
+      image_url: 'Promijeni URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Promjena sadržaja teksta',
+      font_family: 'Promjena fontova',
+      font_size: 'Change font size',
+      bold: 'Podebljani tekst',
+      italic: 'Italic Text'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Promijeni boju pozadine / neprozirnost',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Prilagodi na sve sadržaje',
+      fit_to_canvas: 'Prilagodi na platnu',
+      fit_to_layer_content: 'Prilagodi sloj sadržaj',
+      fit_to_sel: 'Prilagodi odabir',
+      align_relative_to: 'Poravnaj u odnosu na ...',
+      relativeTo: 'u odnosu na:',
+      page: 'stranica',
+      largest_object: 'najveći objekt',
+      selected_objects: 'izabrani objekti',
+      smallest_object: 'najmanji objekt',
+      new_doc: 'Nove slike',
+      open_doc: 'Otvori sliku',
+      export_img: 'Export',
+      save_doc: 'Spremanje slike',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Poravnaj dolje',
+      align_center: 'Centriraj',
+      align_left: 'Poravnaj lijevo',
+      align_middle: 'Poravnaj Srednji',
+      align_right: 'Poravnaj desno',
+      align_top: 'Poravnaj Top',
+      mode_select: 'Odaberite alat',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Pravokutnik',
+      mode_ellipse: 'Elipsa',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Tekst Alat',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Alat za zumiranje',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Poništi',
+      redo: 'Redo',
+      tool_source: 'Uredi Source',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Grupa Elementi',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Razgrupiranje Elementi',
+      docprops: 'Svojstva dokumenta',
+      move_bottom: 'Move to Bottom',
+      move_top: 'Pomakni na vrh',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Spremiti',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Brisanje sloja',
+      move_down: 'Move Layer Down',
+      new: 'New Layer',
+      rename: 'Preimenuj Layer',
+      move_up: 'Move Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Select predefinirane:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_hr;
+
+}());
diff --git a/dist/locale/lang.hu.js b/dist/locale/lang.hu.js
new file mode 100644
index 00000000..8f55cb0b
--- /dev/null
+++ b/dist/locale/lang.hu.js
@@ -0,0 +1,224 @@
+var svgEditorLang_hu = (function () {
+  'use strict';
+
+  var lang_hu = {
+    lang: 'hu',
+    dir: 'ltr',
+    common: {
+      ok: 'Ment',
+      cancel: 'Szakítani',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Kattints ide a változások töltse szín, shift-click változtatni stroke color',
+      zoom_level: 'Change nagyítási',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Change töltse color',
+      stroke_color: 'Change stroke color',
+      stroke_style: 'Change stroke kötőjel style',
+      stroke_width: 'Change stroke width',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Váltás forgás szög',
+      blur: 'Change gaussian blur value',
+      opacity: 'A kijelölt elem opacity',
+      circle_cx: 'Change kör CX koordináta',
+      circle_cy: 'Change kör cy koordináta',
+      circle_r: 'Change kör sugara',
+      ellipse_cx: 'Change ellipszis&#39;s CX koordináta',
+      ellipse_cy: 'Change ellipszis&#39;s cy koordináta',
+      ellipse_rx: 'Change ellipszis&#39;s x sugarú',
+      ellipse_ry: 'Change ellipszis&#39;s y sugara',
+      line_x1: 'A sor kezd x koordináta',
+      line_x2: 'A sor vége az x koordináta',
+      line_y1: 'A sor kezd y koordináta',
+      line_y2: 'A sor vége az y koordináta',
+      rect_height: 'Change téglalap magassága',
+      rect_width: 'Change téglalap szélessége',
+      corner_radius: 'Change téglalap sarok sugara',
+      image_width: 'Change kép szélessége',
+      image_height: 'Kép módosítása height',
+      image_url: 'Change URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'A szöveg tartalma',
+      font_family: 'Change Betűcsalád',
+      font_size: 'Change font size',
+      bold: 'Félkövér szöveg',
+      italic: 'Dőlt szöveg'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Change background color / homályosság',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Illeszkednek az összes tartalom',
+      fit_to_canvas: 'Igazítás a vászonra',
+      fit_to_layer_content: 'Igazítás a réteg tartalma',
+      fit_to_sel: 'Igazítás a kiválasztási',
+      align_relative_to: 'Képest Igazítás ...',
+      relativeTo: 'relatív hogy:',
+      page: 'Page',
+      largest_object: 'legnagyobb objektum',
+      selected_objects: 'választott tárgyak',
+      smallest_object: 'legkisebb objektum',
+      new_doc: 'Új kép',
+      open_doc: 'Kép megnyitása',
+      export_img: 'Export',
+      save_doc: 'Kép mentése más',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Alulra igazítás',
+      align_center: 'Középre igazítás',
+      align_left: 'Balra igazítás',
+      align_middle: 'Közép-align',
+      align_right: 'Jobbra igazítás',
+      align_top: 'Align Top',
+      mode_select: 'Válassza ki az eszközt',
+      mode_fhpath: 'Ceruza eszköz',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand téglalap',
+      mode_ellipse: 'Ellipszisszelet',
+      mode_circle: 'Körbe',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Szöveg eszköz',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Visszavon',
+      redo: 'Megismétléséhez',
+      tool_source: 'Szerkesztés Forrás',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Csoport elemei',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Szétbont elemei',
+      docprops: 'Dokumentum tulajdonságai',
+      move_bottom: 'Mozgatás lefelé',
+      move_top: 'Move to Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Ment',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Réteg törlése',
+      move_down: 'Mozgatása lefelé',
+      new: 'Új réteg',
+      rename: 'Réteg átnevezése',
+      move_up: 'Move Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Válassza ki előre definiált:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_hu;
+
+}());
diff --git a/dist/locale/lang.hy.js b/dist/locale/lang.hy.js
new file mode 100644
index 00000000..d3a6264a
--- /dev/null
+++ b/dist/locale/lang.hy.js
@@ -0,0 +1,224 @@
+var svgEditorLang_hy = (function () {
+  'use strict';
+
+  var lang_hy = {
+    lang: 'hy',
+    dir: 'ltr',
+    common: {
+      ok: 'Save',
+      cancel: 'Cancel',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Click to change fill color, shift-click to change stroke color',
+      zoom_level: 'Change zoom level',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Change fill color',
+      stroke_color: 'Change stroke color',
+      stroke_style: 'Change stroke dash style',
+      stroke_width: 'Change stroke width',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Change rotation angle',
+      blur: 'Change gaussian blur value',
+      opacity: 'Change selected item opacity',
+      circle_cx: "Change circle's cx coordinate",
+      circle_cy: "Change circle's cy coordinate",
+      circle_r: "Change circle's radius",
+      ellipse_cx: "Change ellipse's cx coordinate",
+      ellipse_cy: "Change ellipse's cy coordinate",
+      ellipse_rx: "Change ellipse's x radius",
+      ellipse_ry: "Change ellipse's y radius",
+      line_x1: "Change line's starting x coordinate",
+      line_x2: "Change line's ending x coordinate",
+      line_y1: "Change line's starting y coordinate",
+      line_y2: "Change line's ending y coordinate",
+      rect_height: 'Change rectangle height',
+      rect_width: 'Change rectangle width',
+      corner_radius: 'Change Rectangle Corner Radius',
+      image_width: 'Change image width',
+      image_height: 'Change image height',
+      image_url: 'Change URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Change text contents',
+      font_family: 'Change Font Family',
+      font_size: 'Change Font Size',
+      bold: 'Bold Text',
+      italic: 'Italic Text'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Change background color/opacity',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Fit to all content',
+      fit_to_canvas: 'Fit to canvas',
+      fit_to_layer_content: 'Fit to layer content',
+      fit_to_sel: 'Fit to selection',
+      align_relative_to: 'Align relative to ...',
+      relativeTo: 'relative to:',
+      page: 'page',
+      largest_object: 'largest object',
+      selected_objects: 'elected objects',
+      smallest_object: 'smallest object',
+      new_doc: 'New Image',
+      open_doc: 'Open SVG',
+      export_img: 'Export',
+      save_doc: 'Save Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Align Center',
+      align_left: 'Align Left',
+      align_middle: 'Align Middle',
+      align_right: 'Align Right',
+      align_top: 'Align Top',
+      mode_select: 'Select Tool',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Rectangle',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Text Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Undo',
+      redo: 'Redo',
+      tool_source: 'Edit Source',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Group Elements',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elements',
+      docprops: 'Document Properties',
+      move_bottom: 'Move to Bottom',
+      move_top: 'Move to Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Save',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Delete Layer',
+      move_down: 'Move Layer Down',
+      new: 'New Layer',
+      rename: 'Rename Layer',
+      move_up: 'Move Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Select predefined:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_hy;
+
+}());
diff --git a/dist/locale/lang.id.js b/dist/locale/lang.id.js
new file mode 100644
index 00000000..5abeae5c
--- /dev/null
+++ b/dist/locale/lang.id.js
@@ -0,0 +1,224 @@
+var svgEditorLang_id = (function () {
+  'use strict';
+
+  var lang_id = {
+    lang: 'id',
+    dir: 'ltr',
+    common: {
+      ok: 'Simpan',
+      cancel: 'Batal',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Klik untuk mengubah warna mengisi, shift-klik untuk mengubah warna stroke',
+      zoom_level: 'Mengubah tingkat pembesaran',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Ubah warna mengisi',
+      stroke_color: 'Ubah warna stroke',
+      stroke_style: 'Ubah gaya dash stroke',
+      stroke_width: 'Ubah stroke width',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Ubah sudut rotasi',
+      blur: 'Change gaussian blur value',
+      opacity: 'Mengubah item yang dipilih keburaman',
+      circle_cx: 'Mengubah koordinat lingkaran cx',
+      circle_cy: 'Mengubah koordinat cy lingkaran',
+      circle_r: 'Ubah jari-jari lingkaran',
+      ellipse_cx: 'Ubah elips&#39;s cx koordinat',
+      ellipse_cy: 'Ubah elips&#39;s cy koordinat',
+      ellipse_rx: 'Ubah elips&#39;s x jari-jari',
+      ellipse_ry: 'Ubah elips&#39;s y jari-jari',
+      line_x1: 'Ubah baris mulai x koordinat',
+      line_x2: 'Ubah baris&#39;s Berakhir x koordinat',
+      line_y1: 'Ubah baris mulai y koordinat',
+      line_y2: 'Ubah baris di tiap akhir y koordinat',
+      rect_height: 'Perubahan tinggi persegi panjang',
+      rect_width: 'Ubah persegi panjang lebar',
+      corner_radius: 'Ubah Corner Rectangle Radius',
+      image_width: 'Ubah Lebar gambar',
+      image_height: 'Tinggi gambar Perubahan',
+      image_url: 'Ubah URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Ubah isi teks',
+      font_family: 'Ubah Font Keluarga',
+      font_size: 'Ubah Ukuran Font',
+      bold: 'Bold Teks',
+      italic: 'Italic Teks'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Mengubah warna latar belakang / keburaman',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Cocok untuk semua konten',
+      fit_to_canvas: 'Muat kanvas',
+      fit_to_layer_content: 'Muat konten lapisan',
+      fit_to_sel: 'Fit seleksi',
+      align_relative_to: 'Rata relatif ...',
+      relativeTo: 'relatif:',
+      page: 'Halaman',
+      largest_object: 'objek terbesar',
+      selected_objects: 'objek terpilih',
+      smallest_object: 'objek terkecil',
+      new_doc: 'Gambar Baru',
+      open_doc: 'Membuka Image',
+      export_img: 'Export',
+      save_doc: 'Save Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Rata Bottom',
+      align_center: 'Rata Tengah',
+      align_left: 'Rata Kiri',
+      align_middle: 'Rata Tengah',
+      align_right: 'Rata Kanan',
+      align_top: 'Rata Top',
+      mode_select: 'Pilih Tool',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Persegi Panjang',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Lingkaran',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Teks Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Undo',
+      redo: 'Redo',
+      tool_source: 'Edit Source',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Kelompok Elemen',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elemen',
+      docprops: 'Document Properties',
+      move_bottom: 'Pindah ke Bawah',
+      move_top: 'Pindahkan ke Atas',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Simpan',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Hapus Layer',
+      move_down: 'Pindahkan Layer Bawah',
+      new: 'New Layer',
+      rename: 'Rename Layer',
+      move_up: 'Pindahkan Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Pilih standar:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_id;
+
+}());
diff --git a/dist/locale/lang.is.js b/dist/locale/lang.is.js
new file mode 100644
index 00000000..058a665a
--- /dev/null
+++ b/dist/locale/lang.is.js
@@ -0,0 +1,224 @@
+var svgEditorLang_is = (function () {
+  'use strict';
+
+  var lang_is = {
+    lang: 'is',
+    dir: 'ltr',
+    common: {
+      ok: 'Vista',
+      cancel: 'Hætta',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Smelltu hér til að breyta fylla lit, Shift-smelltu til að breyta högg lit',
+      zoom_level: 'Breyta Stækkunarstig',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Breyta fylla color',
+      stroke_color: 'Breyta heilablķđfall color',
+      stroke_style: 'Breyta heilablķđfall þjóta stíl',
+      stroke_width: 'Breyta heilablķđfall width',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Breyting snúningur horn',
+      blur: 'Change gaussian blur value',
+      opacity: 'Breyta valin atriði opacity',
+      circle_cx: 'Cx Breyta hring er að samræma',
+      circle_cy: 'Breyta hring&#39;s cy samræma',
+      circle_r: 'Radíus Breyta hringsins er',
+      ellipse_cx: 'Breyta sporbaug&#39;s cx samræma',
+      ellipse_cy: 'Breyta sporbaug&#39;s cy samræma',
+      ellipse_rx: 'X radíus Breyta sporbaug&#39;s',
+      ellipse_ry: 'Y radíus Breyta sporbaug&#39;s',
+      line_x1: 'Breyta lína í byrjun x samræma',
+      line_x2: 'Breyta lína&#39;s Ending x samræma',
+      line_y1: 'Breyta lína í byrjun y samræma',
+      line_y2: 'Breyta lína er endir y samræma',
+      rect_height: 'Breyta rétthyrningur hæð',
+      rect_width: 'Skipta rétthyrningur width',
+      corner_radius: 'Breyta rétthyrningur Corner Radíus',
+      image_width: 'Breyta mynd width',
+      image_height: 'Breyta mynd hæð',
+      image_url: 'Breyta URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Breyta texta innihald',
+      font_family: 'Change Leturfjölskylda',
+      font_size: 'Breyta leturstærð',
+      bold: 'Bold Text',
+      italic: 'Italic Text'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Breyta bakgrunnslit / opacity',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Laga til efni',
+      fit_to_canvas: 'Fit á striga',
+      fit_to_layer_content: 'Laga til lag efni',
+      fit_to_sel: 'Fit til val',
+      align_relative_to: 'Jafna miðað við ...',
+      relativeTo: 'hlutfallslegt til:',
+      page: 'síðu',
+      largest_object: 'stærsti hlutinn',
+      selected_objects: 'kjörinn hlutir',
+      smallest_object: 'lítill hluti',
+      new_doc: 'New Image',
+      open_doc: 'Opna mynd',
+      export_img: 'Export',
+      save_doc: 'Spara Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Jafna Bottom',
+      align_center: 'Jafna Center',
+      align_left: 'Vinstri jöfnun',
+      align_middle: 'Jafna Mið',
+      align_right: 'Hægri jöfnun',
+      align_top: 'Jöfnun Top',
+      mode_select: 'Veldu Tól',
+      mode_fhpath: 'Blýantur Tól',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand rétthyrningur',
+      mode_ellipse: 'Sporbaugur',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free-Hand Sporbaugur',
+      mode_path: 'Path Tool',
+      mode_text: 'Text Tool',
+      mode_image: 'Mynd Tól',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Hætta',
+      redo: 'Endurtaka',
+      tool_source: 'Edit Source',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Group Elements',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elements',
+      docprops: 'Document Properties',
+      move_bottom: 'Færa Bottom',
+      move_top: 'Fara efst á síðu',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Vista',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Eyða Lag',
+      move_down: 'Færa Layer Down',
+      new: 'Lag',
+      rename: 'Endurnefna Lag',
+      move_up: 'Færa Lag Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Veldu predefined:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_is;
+
+}());
diff --git a/dist/locale/lang.it.js b/dist/locale/lang.it.js
new file mode 100644
index 00000000..733f4f74
--- /dev/null
+++ b/dist/locale/lang.it.js
@@ -0,0 +1,224 @@
+var svgEditorLang_it = (function () {
+  'use strict';
+
+  var lang_it = {
+    lang: 'it',
+    dir: 'ltr',
+    common: {
+      ok: 'Salva',
+      cancel: 'Annulla',
+      key_backspace: 'backspace',
+      key_del: 'Canc',
+      key_down: 'giù',
+      key_up: 'su',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Mostra/nascondi strumenti per il tratto',
+      palette_info: 'Fare clic per cambiare il colore di riempimento, shift-click per cambiare colore del tratto',
+      zoom_level: 'Cambia il livello di zoom',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: "Identifica l'elemento",
+      fill_color: 'Cambia il colore di riempimento',
+      stroke_color: 'Cambia il colore del tratto',
+      stroke_style: 'Cambia lo stile del tratto',
+      stroke_width: 'Cambia la larghezza del tratto',
+      pos_x: 'Modifica la coordinata x',
+      pos_y: 'Modifica la coordinata y',
+      linecap_butt: 'Inizio linea: Punto',
+      linecap_round: 'Inizio linea: Tondo',
+      linecap_square: 'Inizio linea: Quadrato',
+      linejoin_bevel: 'Giunzione: smussata',
+      linejoin_miter: 'Giunzione: spezzata',
+      linejoin_round: 'Giunzione: arrotondata',
+      angle: "Cambia l'angolo di rotazione",
+      blur: "Cambia l'intensità della sfocatura",
+      opacity: "Cambia l'opacità dell'oggetto selezionato",
+      circle_cx: 'Cambia la coordinata Cx del cerchio',
+      circle_cy: 'Cambia la coordinata Cy del cerchio',
+      circle_r: 'Cambia il raggio del cerchio',
+      ellipse_cx: "Cambia la coordinata Cx dell'ellisse",
+      ellipse_cy: "Cambia la coordinata Cy dell'ellisse",
+      ellipse_rx: "Cambia l'asse x dell'ellisse",
+      ellipse_ry: "Cambia l'asse y dell'ellisse",
+      line_x1: 'Modifica la coordinata iniziale x della linea',
+      line_x2: 'Modifica la coordinata finale x della linea',
+      line_y1: 'Modifica la coordinata iniziale y della linea',
+      line_y2: 'Modifica la coordinata finale y della linea',
+      rect_height: "Cambia l'altezza rettangolo",
+      rect_width: 'Cambia la larghezza rettangolo',
+      corner_radius: "Cambia il raggio dell'angolo",
+      image_width: "Cambia la larghezza dell'immagine",
+      image_height: "Cambia l'altezza dell'immagine",
+      image_url: 'Cambia URL',
+      node_x: 'Modifica la coordinata x del nodo',
+      node_y: 'Modifica la coordinata y del nodo',
+      seg_type: 'Cambia il tipo di segmento',
+      straight_segments: 'Linea retta',
+      curve_segments: 'Curva',
+      text_contents: 'Cambia il contenuto del testo',
+      font_family: 'Cambia il tipo di Font',
+      font_size: 'Modifica dimensione carattere',
+      bold: 'Grassetto',
+      italic: 'Corsivo'
+    },
+    tools: {
+      main_menu: 'Menù principale',
+      bkgnd_color_opac: 'Cambia colore/opacità dello sfondo',
+      connector_no_arrow: 'No freccia',
+      fitToContent: 'Adatta al contenuto',
+      fit_to_all: 'Adatta a tutti i contenuti',
+      fit_to_canvas: "Adatta all'area di disegno",
+      fit_to_layer_content: 'Adatta al contenuto del livello',
+      fit_to_sel: 'Adatta alla selezione',
+      align_relative_to: 'Allineati a ...',
+      relativeTo: 'Rispetto a:',
+      page: 'Pagina',
+      largest_object: 'Oggetto più grande',
+      selected_objects: 'Oggetti selezionati',
+      smallest_object: 'Oggetto più piccolo',
+      new_doc: 'Nuova immagine',
+      open_doc: 'Apri immagine',
+      export_img: 'Export',
+      save_doc: 'Salva',
+      import_doc: 'Importa SVG',
+      align_to_page: 'Allinea elementi alla pagina',
+      align_bottom: 'Allinea in basso',
+      align_center: 'Allinea al centro',
+      align_left: 'Allinea a sinistra',
+      align_middle: 'Allinea al centro',
+      align_right: 'Allinea a destra',
+      align_top: 'Allinea in alto',
+      mode_select: 'Seleziona',
+      mode_fhpath: 'Matita',
+      mode_line: 'Linea',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Rettangolo a mano libera',
+      mode_ellipse: 'Ellisse',
+      mode_circle: 'Cerchio',
+      mode_fhellipse: 'Ellisse a mano libera',
+      mode_path: 'Spezzata',
+      mode_text: 'Testo',
+      mode_image: 'Immagine',
+      mode_zoom: 'Zoom',
+      no_embed: "NOTA: L'immagine non può essere incorporata: dipenderà dal percorso assoluto per essere vista",
+      undo: 'Annulla',
+      redo: 'Rifai',
+      tool_source: 'Modifica sorgente',
+      wireframe_mode: 'Contorno',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Raggruppa elementi',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Converti in tracciato',
+      reorient_path: 'Riallinea',
+      ungroup: 'Separa gli elementi',
+      docprops: 'Proprietà del documento',
+      move_bottom: 'Sposta in fondo',
+      move_top: 'Sposta in cima',
+      node_clone: 'Clona nodo',
+      node_delete: 'Elimina nodo',
+      node_link: 'Collegamento tra punti di controllo',
+      add_subpath: 'Aggiungi sotto-percorso',
+      openclose_path: 'Apri/chiudi spezzata',
+      source_save: 'Salva',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Livello',
+      layers: 'Layers',
+      del: 'Elimina il livello',
+      move_down: 'Sposta indietro il livello',
+      new: 'Nuovo livello',
+      rename: 'Rinomina il livello',
+      move_up: 'Sposta avanti il livello',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Sposta verso:',
+      move_selected: 'Sposta gli elementi in un diverso livello'
+    },
+    config: {
+      image_props: 'Proprietà Immagine',
+      doc_title: 'Titolo',
+      doc_dims: "Dimensioni dell'area di disegno",
+      included_images: 'Immagini incluse',
+      image_opt_embed: 'Incorpora dati (file locali)',
+      image_opt_ref: "Usa l'identificativo di riferimento",
+      editor_prefs: 'Preferenze',
+      icon_size: 'Dimensione Icona',
+      language: 'Lingua',
+      background: "Sfondo dell'editor",
+      editor_img_url: 'Image URL',
+      editor_bg_note: "Nota: Lo sfondo non verrà salvato con l'immagine.",
+      icon_large: 'Grande',
+      icon_medium: 'Medio',
+      icon_small: 'Piccolo',
+      icon_xlarge: 'Molto grande',
+      select_predefined: 'Selezioni predefinite:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Valore assegnato non valido',
+      noContentToFitTo: "Non c'è contenuto cui adeguarsi",
+      dupeLayerName: "C'è già un livello con questo nome!",
+      enterUniqueLayerName: 'Assegna un diverso nome a ciascun livello, grazie!',
+      enterNewLayerName: 'Assegna un nome al livello',
+      layerHasThatName: 'Un livello ha già questo nome',
+      QmoveElemsToLayer: "Sposta gli elementi selezionali al livello '%s'?",
+      QwantToClear: 'Vuoi cancellare il disegno?\nVerrà eliminato anche lo storico delle modifiche!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'Ci sono errori nel codice sorgente SVG.\nRitorno al codice originale?',
+      QignoreSourceChanges: 'Ignoro i cambiamenti nel sorgente SVG?',
+      featNotSupported: 'Caratteristica non supportata',
+      enterNewImgURL: "Scrivi un nuovo URL per l'immagine",
+      defsFailOnSave: "NOTA: A causa dlle caratteristiche del tuo browser, l'immagine potrà apparire errata (senza elementi o gradazioni) finché non sarà salvata.",
+      loadingImage: "Sto caricando l'immagine. attendere prego...",
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Nota le seguenti particolarità: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_it;
+
+}());
diff --git a/dist/locale/lang.ja.js b/dist/locale/lang.ja.js
new file mode 100644
index 00000000..9b66d080
--- /dev/null
+++ b/dist/locale/lang.ja.js
@@ -0,0 +1,224 @@
+var svgEditorLang_ja = (function () {
+  'use strict';
+
+  var lang_ja = {
+    lang: 'ja',
+    dir: 'ltr',
+    common: {
+      ok: 'OK',
+      cancel: 'キャンセル',
+      key_backspace: 'backspace',
+      key_del: '削除',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'クリックで塗りの色を選択、Shift+クリックで線の色を選択',
+      zoom_level: 'ズーム倍率の変更',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: '塗りの色を変更',
+      stroke_color: '線の色を変更',
+      stroke_style: '線種の変更',
+      stroke_width: '線幅の変更',
+      pos_x: 'X座標を変更',
+      pos_y: 'Y座標を変更',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: '回転角の変更',
+      blur: 'Change gaussian blur value',
+      opacity: '不透明度',
+      circle_cx: '円の中心を変更（X座標）',
+      circle_cy: '円の中心を変更（Y座標）',
+      circle_r: '変更円の半径',
+      ellipse_cx: '楕円の中心を変更（X座標）',
+      ellipse_cy: '楕円の中心を変更（Y座標）',
+      ellipse_rx: '楕円の半径を変更（X座標）',
+      ellipse_ry: '楕円の半径を変更（Y座標）',
+      line_x1: '開始X座標',
+      line_x2: '終了X座標',
+      line_y1: '開始Y座標',
+      line_y2: '終了Y座標',
+      rect_height: '長方形の高さを変更',
+      rect_width: '長方形の幅を変更',
+      corner_radius: '長方形の角の半径を変更',
+      image_width: '画像の幅を変更',
+      image_height: '画像の高さを変更',
+      image_url: 'URLを変更',
+      node_x: 'ノードのX座標を変更',
+      node_y: 'ノードのY座標を変更',
+      seg_type: '線分の種類を変更',
+      straight_segments: '直線',
+      curve_segments: 'カーブ',
+      text_contents: 'テキストの内容の変更',
+      font_family: 'フォントファミリーの変更',
+      font_size: '文字サイズの変更',
+      bold: '太字',
+      italic: 'イタリック体'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: '背景色/不透明度の変更',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'コンテンツに合わせる',
+      fit_to_all: 'すべてのコンテンツに合わせる',
+      fit_to_canvas: 'キャンバスに合わせる',
+      fit_to_layer_content: 'レイヤー上のコンテンツに合わせる',
+      fit_to_sel: '選択対象に合わせる',
+      align_relative_to: '揃える',
+      relativeTo: '相対:',
+      page: 'ページ',
+      largest_object: '最大のオブジェクト',
+      selected_objects: '選択オブジェクト',
+      smallest_object: '最小のオブジェクト',
+      new_doc: '新規イメージ',
+      open_doc: 'イメージを開く',
+      export_img: 'Export',
+      save_doc: '画像を保存',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: '下揃え',
+      align_center: '中央揃え',
+      align_left: '左揃え',
+      align_middle: '中央揃え',
+      align_right: '右揃え',
+      align_top: '上揃え',
+      mode_select: '選択ツール',
+      mode_fhpath: '鉛筆ツール',
+      mode_line: '直線ツール',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'フリーハンド長方形',
+      mode_ellipse: '楕円',
+      mode_circle: '円',
+      mode_fhellipse: 'フリーハンド楕円',
+      mode_path: 'パスツール',
+      mode_text: 'テキストツール',
+      mode_image: 'イメージツール',
+      mode_zoom: 'ズームツール',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: '元に戻す',
+      redo: 'やり直し',
+      tool_source: 'ソースの編集',
+      wireframe_mode: 'ワイヤーフレームで表示 [F]',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'グループ化',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'パスに変換',
+      reorient_path: '現在の角度を０度とする',
+      ungroup: 'グループ化を解除',
+      docprops: '文書のプロパティ',
+      move_bottom: '奥に移動',
+      move_top: '手前に移動',
+      node_clone: 'ノードを複製',
+      node_delete: 'ノードを削除',
+      node_link: '制御点の接続',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: '適用',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'レイヤ',
+      layers: 'Layers',
+      del: 'レイヤの削除',
+      move_down: 'レイヤを下へ移動',
+      new: '新規レイヤ',
+      rename: 'レイヤの名前を変更',
+      move_up: 'レイヤを上へ移動',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: '移動先レイヤ:',
+      move_selected: '選択対象を別のレイヤに移動'
+    },
+    config: {
+      image_props: 'イメージの設定',
+      doc_title: 'タイトル',
+      doc_dims: 'キャンバスの大きさ',
+      included_images: '挿入された画像の扱い',
+      image_opt_embed: 'SVGファイルに埋め込む',
+      image_opt_ref: '画像を参照する',
+      editor_prefs: 'エディタの設定',
+      icon_size: 'アイコンの大きさ',
+      language: '言語',
+      background: 'エディタの背景色',
+      editor_img_url: 'Image URL',
+      editor_bg_note: '※背景色はファイルに保存されません。',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'デフォルト',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: '無効な値が指定されています。',
+      noContentToFitTo: '合わせる対象のコンテンツがありません。',
+      dupeLayerName: '同名のレイヤーが既に存在します。',
+      enterUniqueLayerName: '新規レイヤの一意な名前を入力してください。',
+      enterNewLayerName: 'レイヤの新しい名前を入力してください。',
+      layerHasThatName: '既に同名が付いています。',
+      QmoveElemsToLayer: "選択した要素をレイヤー '%s' に移動しますか？",
+      QwantToClear: 'キャンバスをクリアしますか？\nアンドゥ履歴も消去されます。',
+      QwantToOpen: '新しいファイルを開きますか?\nアンドゥ履歴も消去されます。',
+      QerrorsRevertToSource: 'ソースにエラーがあります。\n元のソースに戻しますか？',
+      QignoreSourceChanges: 'ソースの変更を無視しますか？',
+      featNotSupported: '機能はサポートされていません。',
+      enterNewImgURL: '画像のURLを入力してください。',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_ja;
+
+}());
diff --git a/dist/locale/lang.ko.js b/dist/locale/lang.ko.js
new file mode 100644
index 00000000..138dc239
--- /dev/null
+++ b/dist/locale/lang.ko.js
@@ -0,0 +1,224 @@
+var svgEditorLang_ko = (function () {
+  'use strict';
+
+  var lang_ko = {
+    lang: 'ko',
+    dir: 'ltr',
+    common: {
+      ok: '저장',
+      cancel: '취소',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: '색상을 클릭, 근무 시간 채우기 스트로크 색상을 변경하려면 변경하려면',
+      zoom_level: '변경 수준으로 확대',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: '채우기 색상 변경',
+      stroke_color: '뇌졸중으로 색상 변경',
+      stroke_style: '뇌졸중 변경 대시 스타일',
+      stroke_width: '뇌졸중 너비 변경',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: '회전 각도를 변경',
+      blur: 'Change gaussian blur value',
+      opacity: '변경 항목을 선택 불투명도',
+      circle_cx: '변경 동그라미 CX는 좌표',
+      circle_cy: '동그라미 싸이 변경 조정할 수있어',
+      circle_r: '변경 원의 반지름',
+      ellipse_cx: 'CX는 타원의 좌표 변경',
+      ellipse_cy: '싸이 타원 변경 조정할 수있어',
+      ellipse_rx: '변경 타원의 x 반지름',
+      ellipse_ry: '변경 타원의 y를 반경',
+      line_x1: '변경 라인의 X 좌표 시작',
+      line_x2: '변경 라인의 X 좌표 결말',
+      line_y1: '라인 변경 y를 시작 좌표',
+      line_y2: '라인 변경 y를 결말의 좌표',
+      rect_height: '사각형의 높이를 변경',
+      rect_width: '사각형의 너비 변경',
+      corner_radius: '변경 직사각형 코너 반경',
+      image_width: '이미지 변경 폭',
+      image_height: '이미지 높이 변경',
+      image_url: 'URL 변경',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: '텍스트 변경 내용',
+      font_family: '글꼴 변경 패밀리',
+      font_size: '글꼴 크기 변경',
+      bold: '굵은 텍스트',
+      italic: '기울임꼴 텍스트'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: '배경 색상 변경 / 투명도',
+      connector_no_arrow: 'No arrow',
+      fitToContent: '맞춤 콘텐츠',
+      fit_to_all: '맞춤 모든 콘텐츠에',
+      fit_to_canvas: '맞춤 캔버스',
+      fit_to_layer_content: '레이어에 맞게 콘텐츠',
+      fit_to_sel: '맞춤 선택',
+      align_relative_to: '정렬 상대적으로 ...',
+      relativeTo: '상대:',
+      page: '페이지',
+      largest_object: '큰 개체',
+      selected_objects: '당선 개체',
+      smallest_object: '작은 개체',
+      new_doc: '새 이미지',
+      open_doc: '오픈 이미지',
+      export_img: 'Export',
+      save_doc: '이미지 저장',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: '히프 정렬',
+      align_center: '정렬 센터',
+      align_left: '왼쪽 정렬',
+      align_middle: '중간 정렬',
+      align_right: '오른쪽 맞춤',
+      align_top: '정렬 탑',
+      mode_select: '선택 도구',
+      mode_fhpath: '연필 도구',
+      mode_line: '선 도구',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: '자유 핸드 직사각형',
+      mode_ellipse: '타원',
+      mode_circle: '동그라미',
+      mode_fhellipse: '자유 핸드 타원',
+      mode_path: 'Path Tool',
+      mode_text: '텍스트 도구',
+      mode_image: '이미지 도구',
+      mode_zoom: '줌 도구',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: '취소',
+      redo: '재실행',
+      tool_source: '수정 소스',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: '그룹 요소',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: '그룹 해제 요소',
+      docprops: '문서 속성',
+      move_bottom: '아래로 이동',
+      move_top: '상단으로 이동',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: '저장',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: '레이어 삭제',
+      move_down: '레이어 아래로 이동',
+      new: '새 레이어',
+      rename: '레이어 이름 바꾸기',
+      move_up: '레이어 위로 이동',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: '미리 정의된 선택:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_ko;
+
+}());
diff --git a/dist/locale/lang.lt.js b/dist/locale/lang.lt.js
new file mode 100644
index 00000000..5deca361
--- /dev/null
+++ b/dist/locale/lang.lt.js
@@ -0,0 +1,224 @@
+var svgEditorLang_lt = (function () {
+  'use strict';
+
+  var lang_lt = {
+    lang: 'lt',
+    dir: 'ltr',
+    common: {
+      ok: 'Saugoti',
+      cancel: 'Atšaukti',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Spustelėkite norėdami keisti užpildo spalvą, perėjimo spustelėkite pakeisti insultas spalva',
+      zoom_level: 'Keisti mastelį',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Keisti užpildyti spalvos',
+      stroke_color: 'Keisti insultas spalva',
+      stroke_style: 'Keisti insultas brūkšnys stilius',
+      stroke_width: 'Keisti insultas plotis',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Keisti sukimosi kampas',
+      blur: 'Change gaussian blur value',
+      opacity: 'Pakeisti pasirinkto elemento neskaidrumo',
+      circle_cx: 'Keisti ratas&#39;s CX koordinuoti',
+      circle_cy: 'Keisti ratas&#39;s CY koordinuoti',
+      circle_r: 'Keisti savo apskritimo spindulys',
+      ellipse_cx: 'Keisti elipse&#39;s CX koordinuoti',
+      ellipse_cy: 'Keisti elipse&#39;s CY koordinuoti',
+      ellipse_rx: 'Keisti elipsė &quot;X spindulys',
+      ellipse_ry: 'Keisti elipse Y spindulys',
+      line_x1: 'Keisti linijos nuo koordinačių x',
+      line_x2: 'Keisti linijos baigėsi x koordinuoti',
+      line_y1: 'Keisti linijos pradžios y koordinačių',
+      line_y2: 'Keisti linijos baigėsi y koordinačių',
+      rect_height: 'Keisti stačiakampio aukščio',
+      rect_width: 'Pakeisti stačiakampio plotis',
+      corner_radius: 'Keisti stačiakampis skyrelį Spindulys',
+      image_width: 'Keisti paveikslėlio plotis',
+      image_height: 'Keisti vaizdo aukštis',
+      image_url: 'Pakeisti URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Keisti teksto turinys',
+      font_family: 'Pakeistišriftą Šeima',
+      font_size: 'Change font size',
+      bold: 'Pusjuodis',
+      italic: 'Kursyvas'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Pakeisti fono spalvą / drumstumas',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Talpinti turinys',
+      fit_to_all: 'Talpinti All content',
+      fit_to_canvas: 'Talpinti drobė',
+      fit_to_layer_content: 'Talpinti sluoksnis turinio',
+      fit_to_sel: 'Talpinti atrankos',
+      align_relative_to: 'Derinti palyginti ...',
+      relativeTo: 'palyginti:',
+      page: 'puslapis',
+      largest_object: 'didžiausias objektas',
+      selected_objects: 'išrinktas objektai',
+      smallest_object: 'mažiausias objektą',
+      new_doc: 'New Image',
+      open_doc: 'Atidaryti atvaizdą',
+      export_img: 'Export',
+      save_doc: 'Išsaugoti nuotrauką',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Lygiuoti apačioje',
+      align_center: 'Lygiuoti',
+      align_left: 'Lygiuoti kairėje',
+      align_middle: 'Suderinti Vidurio',
+      align_right: 'Lygiuoti dešinėje',
+      align_top: 'Lygiuoti viršų',
+      mode_select: 'Įrankis',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free Hand stačiakampis',
+      mode_ellipse: 'Elipse',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free Hand Elipsė',
+      mode_path: 'Path Tool',
+      mode_text: 'Tekstas Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Įrankį',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Atšaukti',
+      redo: 'Atstatyti',
+      tool_source: 'Taisyti Šaltinis',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Elementų grupės',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Išgrupuoti elementai',
+      docprops: 'Document Properties',
+      move_bottom: 'Perkelti į apačią',
+      move_top: 'Perkelti į viršų',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Saugoti',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Ištrinti Layer',
+      move_down: 'Perkelti sluoksnį Žemyn',
+      new: 'New Layer',
+      rename: 'Pervadinti sluoksnį',
+      move_up: 'Perkelti sluoksnį Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Pasirinkite iš anksto:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_lt;
+
+}());
diff --git a/dist/locale/lang.lv.js b/dist/locale/lang.lv.js
new file mode 100644
index 00000000..fa4db206
--- /dev/null
+++ b/dist/locale/lang.lv.js
@@ -0,0 +1,224 @@
+var svgEditorLang_lv = (function () {
+  'use strict';
+
+  var lang_lv = {
+    lang: 'lv',
+    dir: 'ltr',
+    common: {
+      ok: 'Glābt',
+      cancel: 'Atcelt',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Noklikšķiniet, lai mainītu aizpildījuma krāsu, shift-click to mainīt stroke krāsa',
+      zoom_level: 'Pārmaiņu mērogu',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Change aizpildījuma krāsu',
+      stroke_color: 'Change stroke krāsa',
+      stroke_style: 'Maina stroke domuzīme stils',
+      stroke_width: 'Change stroke platums',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Mainīt griešanās leņķis',
+      blur: 'Change gaussian blur value',
+      opacity: 'Mainīt izvēlēto objektu necaurredzamība',
+      circle_cx: 'Maina aplis&#39;s CX koordinēt',
+      circle_cy: 'Pārmaiņu loks ir cy koordinēt',
+      circle_r: 'Pārmaiņu loks ir rādiuss',
+      ellipse_cx: 'Mainīt elipses&#39;s CX koordinēt',
+      ellipse_cy: 'Mainīt elipses&#39;s cy koordinēt',
+      ellipse_rx: 'Mainīt elipses&#39;s x rādiuss',
+      ellipse_ry: 'Mainīt elipses&#39;s y rādiuss',
+      line_x1: 'Mainīt līnijas sākas x koordinēt',
+      line_x2: 'Mainīt līnijas beigu x koordinēt',
+      line_y1: 'Mainīt līnijas sākas y koordinātu',
+      line_y2: 'Mainīt līnijas beigu y koordinātu',
+      rect_height: 'Change Taisnstūra augstums',
+      rect_width: 'Change taisnstūra platums',
+      corner_radius: 'Maina Taisnstūris Corner Rādiuss',
+      image_width: 'Mainīt attēla platumu',
+      image_height: 'Mainīt attēla augstums',
+      image_url: 'Change URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Mainītu teksta saturs',
+      font_family: 'Mainīt fonta Family',
+      font_size: 'Mainīt fonta izmēru',
+      bold: 'Bold Text',
+      italic: 'Kursīvs'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Change background color / necaurredzamība',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Fit uz visu saturu',
+      fit_to_canvas: 'Ievietot audekls',
+      fit_to_layer_content: 'Ievietot slānis saturs',
+      fit_to_sel: 'Fit atlases',
+      align_relative_to: 'Līdzināt, salīdzinot ar ...',
+      relativeTo: 'salīdzinājumā ar:',
+      page: 'lapa',
+      largest_object: 'lielākais objekts',
+      selected_objects: 'ievēlēts objekti',
+      smallest_object: 'mazākais objekts',
+      new_doc: 'New Image',
+      open_doc: 'Open SVG',
+      export_img: 'Export',
+      save_doc: 'Save Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Līdzināt Bottom',
+      align_center: 'Līdzināt uz centru',
+      align_left: 'Līdzināt pa kreisi',
+      align_middle: 'Līdzināt Middle',
+      align_right: 'Līdzināt pa labi',
+      align_top: 'Līdzināt Top',
+      mode_select: 'Select Tool',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Taisnstūris',
+      mode_ellipse: 'Elipse',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path',
+      mode_text: 'Text Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Atpogāt',
+      redo: 'Redo',
+      tool_source: 'Rediģēt Source',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Grupa Elements',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Atgrupēt Elements',
+      docprops: 'Document Properties',
+      move_bottom: 'Pārvietot uz leju',
+      move_top: 'Pārvietot uz augšu',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Glābt',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Dzēst Layer',
+      move_down: 'Pārvietot slāni uz leju',
+      new: 'New Layer',
+      rename: 'Pārdēvēt Layer',
+      move_up: 'Pārvietot slāni uz augšu',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Izvēlieties iepriekš:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_lv;
+
+}());
diff --git a/dist/locale/lang.mk.js b/dist/locale/lang.mk.js
new file mode 100644
index 00000000..a6e9b961
--- /dev/null
+++ b/dist/locale/lang.mk.js
@@ -0,0 +1,224 @@
+var svgEditorLang_mk = (function () {
+  'use strict';
+
+  var lang_mk = {
+    lang: 'mk',
+    dir: 'ltr',
+    common: {
+      ok: 'Зачувува',
+      cancel: 'Откажи',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Кликни за да внесете промени бојата, промена клик да се промени бојата удар',
+      zoom_level: 'Промена зум ниво',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Измени пополнете боја',
+      stroke_color: 'Промена боја на мозочен удар',
+      stroke_style: 'Промена удар цртичка стил',
+      stroke_width: 'Промена удар Ширина',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Change ротација агол',
+      blur: 'Change gaussian blur value',
+      opacity: 'Промена избрани ставка непроѕирноста',
+      circle_cx: 'Промена круг на cx координира',
+      circle_cy: 'Промена круг&#39;s cy координираат',
+      circle_r: 'Промена на круг со радиус',
+      ellipse_cx: 'Промена елипса&#39;s cx координираат',
+      ellipse_cy: 'Промена на елипса cy координира',
+      ellipse_rx: 'Промена на елипса x радиус',
+      ellipse_ry: 'Промена на елипса у радиус',
+      line_x1: 'Промена линија почетна x координира',
+      line_x2: 'Промена линија завршува x координира',
+      line_y1: 'Промена линија координираат почетна y',
+      line_y2: 'Промена линија завршува y координира',
+      rect_height: 'Промена правоаголник височина',
+      rect_width: 'Промена правоаголник Ширина',
+      corner_radius: 'Промена правоаголник Corner Radius',
+      image_width: 'Промена Ширина на сликата',
+      image_height: 'Промена на слика височина',
+      image_url: 'Промена URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Промена текст содржина',
+      font_family: 'Смени фонт Фамилија',
+      font_size: 'Изменифонт Големина',
+      bold: 'Задебелен текст',
+      italic: 'Italic текст'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Смени позадина / непроѕирноста',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Способен да Содржина',
+      fit_to_all: 'Способен да сите содржина',
+      fit_to_canvas: 'Побиране да платно',
+      fit_to_layer_content: 'Способен да слој содржина',
+      fit_to_sel: 'Способен да селекција',
+      align_relative_to: 'Порамни во поглед на ...',
+      relativeTo: 'во поглед на:',
+      page: 'страница',
+      largest_object: 'најголемиот објект',
+      selected_objects: 'избран објекти',
+      smallest_object: 'најмалата објект',
+      new_doc: 'Нови слики',
+      open_doc: 'Отвори слика',
+      export_img: 'Export',
+      save_doc: 'Зачувај слика',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Центрирано',
+      align_left: 'Порамни лево Порамни',
+      align_middle: 'Израмни Среден',
+      align_right: 'Порамни десно',
+      align_top: 'Израмни почетокот',
+      mode_select: 'Изберете ја алатката',
+      mode_fhpath: 'Алатка за молив',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Правоаголник слободна рака',
+      mode_ellipse: 'Елипса',
+      mode_circle: 'Круг',
+      mode_fhellipse: 'Free-Hand Елипса',
+      mode_path: 'Path Tool',
+      mode_text: 'Алатка за текст',
+      mode_image: 'Алатка за сликата',
+      mode_zoom: 'Алатка за зумирање',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Врати',
+      redo: 'Повтори',
+      tool_source: 'Уреди Извор',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Група на елементи',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Елементи',
+      docprops: 'Својства на документот',
+      move_bottom: 'Move to bottom',
+      move_top: 'Поместување на почетокот',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Зачувува',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Избриши Слој',
+      move_down: 'Премести слој долу',
+      new: 'Нов слој',
+      rename: 'Преименувај слој',
+      move_up: 'Премести слој горе',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Изберете предефинирани:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_mk;
+
+}());
diff --git a/dist/locale/lang.ms.js b/dist/locale/lang.ms.js
new file mode 100644
index 00000000..9d367b58
--- /dev/null
+++ b/dist/locale/lang.ms.js
@@ -0,0 +1,224 @@
+var svgEditorLang_ms = (function () {
+  'use strict';
+
+  var lang_ms = {
+    lang: 'ms',
+    dir: 'ltr',
+    common: {
+      ok: 'Simpan',
+      cancel: 'Batal',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Klik untuk menukar warna mengisi, shift-klik untuk menukar warna stroke',
+      zoom_level: 'Mengubah peringkat pembesaran',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Tukar Warna mengisi',
+      stroke_color: 'Tukar Warna stroke',
+      stroke_style: 'Tukar gaya dash stroke',
+      stroke_width: 'Tukar stroke width',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Namakan sudut putaran',
+      blur: 'Change gaussian blur value',
+      opacity: 'Mengubah item yang dipilih keburaman',
+      circle_cx: 'Mengubah koordinat bulatan cx',
+      circle_cy: 'Mengubah koordinat cy bulatan',
+      circle_r: 'Tukar jari-jari lingkaran',
+      ellipse_cx: 'Tukar elips&#39;s cx koordinat',
+      ellipse_cy: 'Tukar elips&#39;s cy koordinat',
+      ellipse_rx: 'Tukar elips&#39;s x jari-jari',
+      ellipse_ry: 'Tukar elips&#39;s y jari-jari',
+      line_x1: 'Ubah baris mulai x koordinat',
+      line_x2: 'Ubah baris&#39;s Berakhir x koordinat',
+      line_y1: 'Ubah baris mulai y koordinat',
+      line_y2: 'Ubah baris di tiap akhir y koordinat',
+      rect_height: 'Perubahan quality persegi panjang',
+      rect_width: 'Tukar persegi panjang lebar',
+      corner_radius: 'Tukar Corner Rectangle Radius',
+      image_width: 'Tukar Lebar imej',
+      image_height: 'Tinggi gambar Kaca',
+      image_url: 'Tukar URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Tukar isi teks',
+      font_family: 'Tukar Font Keluarga',
+      font_size: 'Ubah Saiz Font',
+      bold: 'Bold Teks',
+      italic: 'Italic Teks'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Mengubah warna latar belakang / keburaman',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Cocok untuk semua kandungan',
+      fit_to_canvas: 'Muat kanvas',
+      fit_to_layer_content: 'Muat kandungan lapisan',
+      fit_to_sel: 'Fit seleksi',
+      align_relative_to: 'Rata relatif ...',
+      relativeTo: 'relatif:',
+      page: 'Laman',
+      largest_object: 'objek terbesar',
+      selected_objects: 'objek terpilih',
+      smallest_object: 'objek terkecil',
+      new_doc: 'Imej Baru',
+      open_doc: 'Membuka Image',
+      export_img: 'Export',
+      save_doc: 'Save Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Rata Bottom',
+      align_center: 'Rata Tengah',
+      align_left: 'Rata Kiri',
+      align_middle: 'Rata Tengah',
+      align_right: 'Rata Kanan',
+      align_top: 'Rata Popular',
+      mode_select: 'Pilih Tool',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Persegi Panjang',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Lingkaran',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Teks Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Undo',
+      redo: 'Redo',
+      tool_source: 'Edit Source',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Kelompok Elemen',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elemen',
+      docprops: 'Document Properties',
+      move_bottom: 'Pindah ke Bawah',
+      move_top: 'Pindah ke Atas',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Simpan',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Padam Layer',
+      move_down: 'Pindah Layer Bawah',
+      new: 'New Layer',
+      rename: 'Rename Layer',
+      move_up: 'Pindah Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Pilih standard:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_ms;
+
+}());
diff --git a/dist/locale/lang.mt.js b/dist/locale/lang.mt.js
new file mode 100644
index 00000000..5a6f10b3
--- /dev/null
+++ b/dist/locale/lang.mt.js
@@ -0,0 +1,224 @@
+var svgEditorLang_mt = (function () {
+  'use strict';
+
+  var lang_mt = {
+    lang: 'mt',
+    dir: 'ltr',
+    common: {
+      ok: 'Save',
+      cancel: 'Ikkanċella',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Ikklikkja biex timla l-bidla fil-kulur, ikklikkja-bidla għall-bidla color stroke',
+      zoom_level: 'Bidla zoom livell',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Bidla imla color',
+      stroke_color: 'Color stroke Bidla',
+      stroke_style: 'Bidla stroke dash stil',
+      stroke_width: 'Wisa &#39;puplesija Bidla',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Angolu ta &#39;rotazzjoni Bidla',
+      blur: 'Change gaussian blur value',
+      opacity: 'Bidla magħżula opaċità partita',
+      circle_cx: 'CX ċirku Tibdil jikkoordinaw',
+      circle_cy: 'Ċirku Tibdil cy jikkoordinaw',
+      circle_r: 'Raġġ ta &#39;ċirku tal-Bidla',
+      ellipse_cx: 'Bidla ellissi&#39;s CX jikkoordinaw',
+      ellipse_cy: 'Ellissi Tibdil cy jikkoordinaw',
+      ellipse_rx: 'Raġġ x ellissi Tibdil',
+      ellipse_ry: 'Raġġ y ellissi Tibdil',
+      line_x1: 'Bidla fil-linja tal-bidu tikkoordina x',
+      line_x2: 'Linja tal-Bidla li jispiċċa x jikkoordinaw',
+      line_y1: 'Bidla fil-linja tal-bidu y jikkoordinaw',
+      line_y2: 'Linja Tibdil jispiċċa y jikkoordinaw',
+      rect_height: 'Għoli rettangolu Bidla',
+      rect_width: 'Wisa &#39;rettangolu Bidla',
+      corner_radius: 'Bidla Rectangle Corner Radius',
+      image_width: 'Wisa image Bidla',
+      image_height: 'Għoli image Bidla',
+      image_url: 'Bidla URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Test kontenut Bidla',
+      font_family: 'Bidla Font Familja',
+      font_size: 'Change font size',
+      bold: 'Bold Test',
+      italic: 'Test korsiv'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Bidla fil-kulur fl-isfond / opaċità',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit għall-kontenut',
+      fit_to_all: 'Tajbin għall-kontenut',
+      fit_to_canvas: 'Xieraq li kanvas',
+      fit_to_layer_content: 'Fit-kontenut ta &#39;saff għal',
+      fit_to_sel: 'Fit-għażla',
+      align_relative_to: 'Jallinjaw relattiv għall - ...',
+      relativeTo: 'relattiv għall -:',
+      page: 'paġna',
+      largest_object: 'akbar oġġett',
+      selected_objects: 'oġġetti elett',
+      smallest_object: 'iżgħar oġġett',
+      new_doc: 'Image New',
+      open_doc: 'Open SVG',
+      export_img: 'Export',
+      save_doc: 'Image Save',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Tallinja Bottom',
+      align_center: 'Tallinja Center',
+      align_left: 'Tallinja Left',
+      align_middle: 'Tallinja Nofsani',
+      align_right: 'Tallinja Dritt',
+      align_top: 'Tallinja Top',
+      mode_select: 'Select Tool',
+      mode_fhpath: 'Lapes Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free Hand-Rectangle',
+      mode_ellipse: 'Ellissi',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free Hand-ellissi',
+      mode_path: 'Path Tool',
+      mode_text: 'Text Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Jneħħu',
+      redo: 'Jerġa &#39;jagħmel',
+      tool_source: 'Source Edit',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Grupp Elements',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elements',
+      docprops: 'Dokument Properties',
+      move_bottom: 'Move to Bottom',
+      move_top: 'Move to Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Save',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Ħassar Layer',
+      move_down: 'Move Layer Down',
+      new: 'New Layer',
+      rename: 'Semmi mill-ġdid Layer',
+      move_up: 'Move Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Select predefiniti:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_mt;
+
+}());
diff --git a/dist/locale/lang.nl.js b/dist/locale/lang.nl.js
new file mode 100644
index 00000000..8229fc2f
--- /dev/null
+++ b/dist/locale/lang.nl.js
@@ -0,0 +1,224 @@
+var svgEditorLang_nl = (function () {
+  'use strict';
+
+  var lang_nl = {
+    lang: 'nl',
+    dir: 'ltr',
+    common: {
+      ok: 'Ok',
+      cancel: 'Annuleren',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'omlaag',
+      key_up: 'omhoog',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Mogelijk gemaakt door'
+    },
+    ui: {
+      toggle_stroke_tools: 'Toon/verberg meer lijn gereedschap',
+      palette_info: 'Klik om de vul kleur te veranderen, shift-klik om de lijn kleur te veranderen',
+      zoom_level: 'In-/uitzoomen',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identificeer het element',
+      fill_color: 'Verander vul kleur',
+      stroke_color: 'Verander lijn kleur',
+      stroke_style: 'Verander lijn stijl',
+      stroke_width: 'Verander lijn breedte',
+      pos_x: 'Verander X coordinaat',
+      pos_y: 'Verander Y coordinaat',
+      linecap_butt: 'Lijneinde: Geen',
+      linecap_round: 'Lijneinde: Rond',
+      linecap_square: 'Lijneinde: Vierkant',
+      linejoin_bevel: 'Lijnverbinding: Afgestompt',
+      linejoin_miter: 'Lijnverbinding: Hoek',
+      linejoin_round: 'Lijnverbinding: Rond',
+      angle: 'Draai',
+      blur: 'Verander Gaussische vervaging waarde',
+      opacity: 'Verander opaciteit geselecteerde item',
+      circle_cx: 'Verander het X coordinaat van het cirkel middelpunt',
+      circle_cy: 'Verander het Y coordinaat van het cirkel middelpunt',
+      circle_r: 'Verander de cirkel radius',
+      ellipse_cx: 'Verander het X coordinaat van het ellips middelpunt',
+      ellipse_cy: 'Verander het Y coordinaat van het ellips middelpunt',
+      ellipse_rx: 'Verander ellips X radius',
+      ellipse_ry: 'Verander ellips Y radius',
+      line_x1: 'Verander start X coordinaat van de lijn',
+      line_x2: 'Verander eind X coordinaat van de lijn',
+      line_y1: 'Verander start Y coordinaat van de lijn',
+      line_y2: 'Verander eind Y coordinaat van de lijn',
+      rect_height: 'Verander hoogte rechthoek',
+      rect_width: 'Verander breedte rechthoek',
+      corner_radius: 'Verander hoekradius rechthoek',
+      image_width: 'Verander breedte afbeelding',
+      image_height: 'Verander hoogte afbeelding',
+      image_url: 'Verander URL',
+      node_x: 'Verander X coordinaat knooppunt',
+      node_y: 'Verander Y coordinaat knooppunt',
+      seg_type: 'Verander segment type',
+      straight_segments: 'Recht',
+      curve_segments: 'Gebogen',
+      text_contents: 'Wijzig tekst',
+      font_family: 'Verander lettertype',
+      font_size: 'Verander lettertype grootte',
+      bold: 'Vet',
+      italic: 'Cursief'
+    },
+    tools: {
+      main_menu: 'Hoofdmenu',
+      bkgnd_color_opac: 'Verander achtergrond kleur/doorzichtigheid',
+      connector_no_arrow: 'Geen pijl',
+      fitToContent: 'Pas om inhoud',
+      fit_to_all: 'Pas om alle inhoud',
+      fit_to_canvas: 'Pas om canvas',
+      fit_to_layer_content: 'Pas om laag inhoud',
+      fit_to_sel: 'Pas om selectie',
+      align_relative_to: 'Uitlijnen relatief ten opzichte van ...',
+      relativeTo: 'Relatief ten opzichte van:',
+      page: 'Pagina',
+      largest_object: 'Grootste object',
+      selected_objects: 'Geselecteerde objecten',
+      smallest_object: 'Kleinste object',
+      new_doc: 'Nieuwe afbeelding',
+      open_doc: 'Open afbeelding',
+      export_img: 'Export',
+      save_doc: 'Afbeelding opslaan',
+      import_doc: 'Importeer SVG',
+      align_to_page: 'Lijn element uit relatief ten opzichte van de pagina',
+      align_bottom: 'Onder uitlijnen',
+      align_center: 'Centreren',
+      align_left: 'Links uitlijnen',
+      align_middle: 'Midden uitlijnen',
+      align_right: 'Rechts uitlijnen',
+      align_top: 'Boven uitlijnen',
+      mode_select: 'Selecteer',
+      mode_fhpath: 'Potlood',
+      mode_line: 'Lijn',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Vrije stijl rechthoek',
+      mode_ellipse: 'Ellips',
+      mode_circle: 'Cirkel',
+      mode_fhellipse: 'Vrije stijl ellips',
+      mode_path: 'Pad',
+      mode_text: 'Tekst',
+      mode_image: 'Afbeelding',
+      mode_zoom: 'Zoom',
+      no_embed: 'Let op: Dit plaatje kan niet worden geintegreerd (embeded). Het hangt af van dit pad om te worden afgebeeld.',
+      undo: 'Ongedaan maken',
+      redo: 'Opnieuw doen',
+      tool_source: 'Bewerk bron',
+      wireframe_mode: 'Draadmodel',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Groepeer elementen',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Zet om naar pad',
+      reorient_path: 'Herorienteer pad',
+      ungroup: 'Groepering opheffen',
+      docprops: 'Documenteigenschappen',
+      move_bottom: 'Naar achtergrond',
+      move_top: 'Naar voorgrond',
+      node_clone: 'Kloon knooppunt',
+      node_delete: 'Delete knooppunt',
+      node_link: 'Koppel controle punten',
+      add_subpath: 'Subpad toevoegen',
+      openclose_path: 'Open/sluit subpad',
+      source_save: 'Veranderingen toepassen',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Laag',
+      layers: 'Layers',
+      del: 'Delete laag',
+      move_down: 'Beweeg laag omlaag',
+      new: 'Nieuwe laag',
+      rename: 'Hernoem laag',
+      move_up: 'Beweeg laag omhoog',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Verplaats elementen naar:',
+      move_selected: 'Verplaats geselecteerde elementen naar andere laag'
+    },
+    config: {
+      image_props: 'Afbeeldingeigenschappen',
+      doc_title: 'Titel',
+      doc_dims: 'Canvas afmetingen',
+      included_images: 'Ingesloten afbeeldingen',
+      image_opt_embed: 'Toevoegen data (lokale bestanden)',
+      image_opt_ref: 'Gebruik bestand referentie',
+      editor_prefs: 'Editor eigenschappen',
+      icon_size: 'Icoon grootte',
+      language: 'Taal',
+      background: 'Editor achtergrond',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Let op: De achtergrond wordt niet opgeslagen met de afbeelding.',
+      icon_large: 'Groot',
+      icon_medium: 'Gemiddeld',
+      icon_small: 'Klein',
+      icon_xlarge: 'Extra groot',
+      select_predefined: 'Kies voorgedefinieerd:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Verkeerde waarde gegeven',
+      noContentToFitTo: 'Geen inhoud om omheen te passen',
+      dupeLayerName: 'Er is al een laag met die naam!',
+      enterUniqueLayerName: 'Geef een unieke laag naam',
+      enterNewLayerName: 'Geef een nieuwe laag naam',
+      layerHasThatName: 'Laag heeft al die naam',
+      QmoveElemsToLayer: "Verplaats geselecteerde elementen naar laag '%s'?",
+      QwantToClear: 'Wil je de afbeelding leeg maken?\nDit zal ook de ongedaan maak geschiedenis wissen!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'Er waren analyse fouten in je SVG bron.\nTeruggaan naar de originele SVG bron?',
+      QignoreSourceChanges: 'Veranderingen in de SVG bron negeren?',
+      featNotSupported: 'Functie wordt niet ondersteund',
+      enterNewImgURL: 'Geef de nieuwe afbeelding URL',
+      defsFailOnSave: 'Let op: Vanwege een fout in je browser, kan dit plaatje verkeerd verschijnen (missende hoeken en/of elementen). Het zal goed verschijnen zodra het plaatje echt wordt opgeslagen.',
+      loadingImage: 'Laden van het plaatje, even geduld aub...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Let op de volgende problemen: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_nl;
+
+}());
diff --git a/dist/locale/lang.no.js b/dist/locale/lang.no.js
new file mode 100644
index 00000000..403716e9
--- /dev/null
+++ b/dist/locale/lang.no.js
@@ -0,0 +1,224 @@
+var svgEditorLang_no = (function () {
+  'use strict';
+
+  var lang_no = {
+    lang: 'no',
+    dir: 'ltr',
+    common: {
+      ok: 'Lagre',
+      cancel: 'Avbryt',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Click å endre fyllfarge, shift-klikke for å endre slag farge',
+      zoom_level: 'Endre zoomnivå',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Endre fyllfarge',
+      stroke_color: 'Endre stroke color',
+      stroke_style: 'Endre stroke dash stil',
+      stroke_width: 'Endre stroke width',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Endre rotasjonsvinkelen',
+      blur: 'Change gaussian blur value',
+      opacity: 'Endre valgte elementet opasitet',
+      circle_cx: 'Endre sirkelens CX koordinatsystem',
+      circle_cy: 'Endre sirkelens koordinere cy',
+      circle_r: 'Endre sirkelens radius',
+      ellipse_cx: 'Endre ellipse&#39;s CX koordinatsystem',
+      ellipse_cy: 'Endre ellipse&#39;s koordinere cy',
+      ellipse_rx: 'Endre ellipse&#39;s x radius',
+      ellipse_ry: 'Endre ellipse&#39;s y radius',
+      line_x1: 'Endre linje begynner x koordinat',
+      line_x2: 'Endre linje&#39;s ending x koordinat',
+      line_y1: 'Endre linje begynner y koordinat',
+      line_y2: 'Endre linje&#39;s ending y koordinat',
+      rect_height: 'Endre rektangel høyde',
+      rect_width: 'Endre rektangel bredde',
+      corner_radius: 'Endre rektangel Corner Radius',
+      image_width: 'Endre bilde bredde',
+      image_height: 'Endre bilde høyde',
+      image_url: 'Endre URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Endre tekst innholdet',
+      font_family: 'Change Font Family',
+      font_size: 'Endre skriftstørrelse',
+      bold: 'Fet tekst',
+      italic: 'Kursiv tekst'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Endre bakgrunnsfarge / opacity',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Passer til alt innhold',
+      fit_to_canvas: 'Tilpass til lerret',
+      fit_to_layer_content: 'Fit to lag innhold',
+      fit_to_sel: 'Tilpass til valg',
+      align_relative_to: 'Juster i forhold til ...',
+      relativeTo: 'i forhold til:',
+      page: 'side',
+      largest_object: 'største objekt',
+      selected_objects: 'velges objekter',
+      smallest_object: 'minste objekt',
+      new_doc: 'New Image',
+      open_doc: 'Åpne Image',
+      export_img: 'Export',
+      save_doc: 'Lagre bilde',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Midtstill',
+      align_left: 'Venstrejuster',
+      align_middle: 'Rett Middle',
+      align_right: 'Høyrejuster',
+      align_top: 'Align Top',
+      mode_select: 'Select Tool',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Linjeverktøy',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand rektangel',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Text Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Angre',
+      redo: 'Redo',
+      tool_source: 'Edit Source',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Gruppe Elements',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Dele opp Elements',
+      docprops: 'Document Properties',
+      move_bottom: 'Move to Bottom',
+      move_top: 'Flytt til toppen',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Lagre',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Slett laget',
+      move_down: 'Flytt laget ned',
+      new: 'Nytt lag',
+      rename: 'Rename Layer',
+      move_up: 'Flytt Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Velg forhåndsdefinerte:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_no;
+
+}());
diff --git a/dist/locale/lang.pl.js b/dist/locale/lang.pl.js
new file mode 100644
index 00000000..c43391c4
--- /dev/null
+++ b/dist/locale/lang.pl.js
@@ -0,0 +1,225 @@
+var svgEditorLang_pl = (function () {
+  'use strict';
+
+  var lang_pl = {
+    lang: 'pl',
+    dir: 'ltr',
+    author: 'Aleksander Lurie',
+    common: {
+      ok: 'OK',
+      cancel: 'Anuluj',
+      key_backspace: 'usuń',
+      key_del: 'usuń',
+      key_down: 'w dół',
+      key_up: 'w górę',
+      more_opts: 'więcej opcji',
+      url: 'adres url',
+      width: 'Szerokość',
+      height: 'Wysokość'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Pokaż/ukryj więcej opcji obramowania',
+      palette_info: 'Kliknij aby zmienić kolor wypełnienia, przytrzymaj shift aby zmienić kolor obramowania',
+      zoom_level: 'Zmiana powiększenia',
+      panel_drag: 'Przeciągnij w lewo/prawo aby zmienić szerokość panelu',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identyfikator elementu',
+      fill_color: 'Zmień kolor wypełnienia',
+      stroke_color: 'Zmień kolor obramowania',
+      stroke_style: 'Zmień styl obramowania',
+      stroke_width: 'Zmień szerokość obramowania o 1, przytrzymaj shift aby zmienić szerokość o 0.1',
+      pos_x: 'Zmień współrzędną X',
+      pos_y: 'Zmień współrzędną Y',
+      linecap_butt: 'Zakończenie linii: grzbiet',
+      linecap_round: 'Zakończenie linii: zaokrąglone',
+      linecap_square: 'Zakończenie linii: kwadrat',
+      linejoin_bevel: 'Łączenie linii: ścięte',
+      linejoin_miter: 'Łączenie linii: ostre',
+      linejoin_round: 'Łączenie linii: zaokrąglone',
+      angle: 'Zmień kąt obrotu',
+      blur: 'Zmień wartość rozmycia gaussa',
+      opacity: 'Zmień przezroczystość zaznaczonego elementu',
+      circle_cx: 'Zmień współrzędną cx okręgu',
+      circle_cy: 'Zmień współrzędną cy okręgu',
+      circle_r: 'zmień promień okręgu',
+      ellipse_cx: 'Zmień współrzędną cx elipsy',
+      ellipse_cy: 'Zmień współrzędną cy elipsy',
+      ellipse_rx: 'Zmień promień x elipsy',
+      ellipse_ry: 'Zmień promień y elipsy',
+      line_x1: 'Zmień współrzędna x początku linii',
+      line_x2: 'Zmień współrzędną x końca linii',
+      line_y1: 'Zmień współrzędną y początku linii',
+      line_y2: 'Zmień współrzędną y końca linii',
+      rect_height: 'Zmień wysokość prostokąta',
+      rect_width: 'Zmień szerokość prostokąta',
+      corner_radius: 'Zmień promień zaokrąglenia narożników prostokąta',
+      image_width: 'Zmień wysokość obrazu',
+      image_height: 'Zmień szerokość obrazu',
+      image_url: 'Zmień adres URL',
+      node_x: 'Zmień współrzędną x węzła',
+      node_y: 'Zmień współrzędną y węzła',
+      seg_type: 'Zmień typ segmentu',
+      straight_segments: 'Prosty',
+      curve_segments: 'Zaokrąglony',
+      text_contents: 'Zmień text',
+      font_family: 'Zmień krój czcionki',
+      font_size: 'Zmień rozmiar czcionki',
+      bold: 'Pogrubienie textu',
+      italic: 'Kursywa'
+    },
+    tools: {
+      main_menu: 'Menu główne',
+      bkgnd_color_opac: 'Zmiana koloru/przezroczystości tła',
+      connector_no_arrow: 'Brak strzałek',
+      fitToContent: 'Dopasuj do zawartości',
+      fit_to_all: 'Dopasuj do całej zawartości',
+      fit_to_canvas: 'Dopasuj do widoku',
+      fit_to_layer_content: 'Dopasuj do zawartości warstwy',
+      fit_to_sel: 'Dopasuj do zaznaczenia',
+      align_relative_to: 'Wyrównaj relatywnie do ...',
+      relativeTo: 'relatywnie do:',
+      page: 'strona',
+      largest_object: 'największy obiekt',
+      selected_objects: 'zaznaczone obiekty',
+      smallest_object: 'najmniejszy obiekt',
+      new_doc: 'Nowy obraz',
+      open_doc: 'Otwórz obraz',
+      export_img: 'Eksportuj',
+      save_doc: 'Zapisz obraz',
+      import_doc: 'Importuj SVG',
+      align_to_page: 'Wyrównaj element do strony',
+      align_bottom: 'Wyrównaj do dołu',
+      align_center: 'Wyśrodkuj w poziomie',
+      align_left: 'Wyrównaj do lewej',
+      align_middle: 'Wyśrodkuj w pionie',
+      align_right: 'Wyrównaj do prawej',
+      align_top: 'Wyrównaj do góry',
+      mode_select: 'Zaznaczenie',
+      mode_fhpath: 'Ołówek',
+      mode_line: 'Linia',
+      mode_rect: 'Prostokąt',
+      mode_square: 'Kwadrat',
+      mode_fhrect: 'Dowolny prostokąt',
+      mode_ellipse: 'Elipsa',
+      mode_circle: 'Okrąg',
+      mode_fhellipse: 'Dowolna elipsa',
+      mode_path: 'Ścieżka',
+      mode_text: 'Tekst',
+      mode_image: 'Obraz',
+      mode_zoom: 'Powiększenie',
+      no_embed: 'Uwaga: Ten obraz nie może być osadzony. Być może podany adres na to nie pozwala',
+      undo: 'Wstecz',
+      redo: 'Dalej',
+      tool_source: 'Edytuj źródło',
+      wireframe_mode: 'Tryb szkieletowy',
+      clone: 'Klonuj element(y)',
+      del: 'Usuń warstwę',
+      group_elements: 'Grupuj elementy',
+      make_link: 'Utwórz łącze',
+      set_link_url: 'Ustal adres URL (pozostaw puste aby usunąć)',
+      to_path: 'Konwertuj do ścieżki',
+      reorient_path: 'Zresetuj obwiednię',
+      ungroup: 'Rozgrupuj elementy',
+      docprops: 'Właściwości dokumentu',
+      move_bottom: 'Przenieś pod spód',
+      move_top: 'Przenieś na wierzch',
+      node_clone: 'Klonuj węzeł',
+      node_delete: 'Usuń węzeł',
+      node_link: 'Podłącz punkty kontrolne',
+      add_subpath: 'Dodaj ścieżkę podrzędną',
+      openclose_path: 'Otwórz/zamknij ścieżkę podrzędną',
+      source_save: 'Zachowaj zmiany',
+      cut: 'Wytnij',
+      copy: 'Kopiuj',
+      paste: 'Wklej',
+      paste_in_place: 'Wklej w miejscu',
+      delete: 'Usuń',
+      group: 'Grupuj',
+      move_front: 'Przenieś do przodu',
+      move_up: 'Przenieś warstwę w górę',
+      move_down: 'Przenieś warstwę w dół',
+      move_back: 'Przenieś do tyłu'
+    },
+    layers: {
+      layer: 'Warstwa',
+      layers: 'Warstwy',
+      del: 'Usuń warstwę',
+      move_down: 'Przenieś warstwę w dół',
+      new: 'Nowa warstwa',
+      rename: 'Zmień nazwę warstwy',
+      move_up: 'Przenieś warstwę w górę',
+      dupe: 'Duplikuj warstwę',
+      merge_down: 'Scal w dół',
+      merge_all: 'Scal  wszystko',
+      move_elems_to: 'Przenieś elementy do:',
+      move_selected: 'Przenieś zaznaczone elementy do innej warstwy'
+    },
+    config: {
+      image_props: 'Własciwości obrazu',
+      doc_title: 'Tytuł',
+      doc_dims: 'Wymiary pola roboczego',
+      included_images: 'Dołączone obrazy',
+      image_opt_embed: 'Dane osadzone (pliki lokalne)',
+      image_opt_ref: 'Użyj referencji do pliku',
+      editor_prefs: 'Ustawienia edytora',
+      icon_size: 'Rozmiar ikon',
+      language: 'Język',
+      background: 'Tło edytora',
+      editor_img_url: 'Adres URL obrazu',
+      editor_bg_note: 'Uwaga: Tło nie zostało zapisane z obrazem.',
+      icon_large: 'Duże',
+      icon_medium: 'Średnie',
+      icon_small: 'Małe',
+      icon_xlarge: 'Bardzo duże',
+      select_predefined: 'Wybierz predefiniowany:',
+      units_and_rulers: 'Jednostki/Linijki',
+      show_rulers: 'Pokaż linijki',
+      base_unit: 'Podstawowa jednostka:',
+      grid: 'Siatka',
+      snapping_onoff: 'Włącz/wyłącz przyciąganie',
+      snapping_stepsize: 'Przyciągaj co:',
+      grid_color: 'Kolor siatki'
+    },
+    notification: {
+      invalidAttrValGiven: 'Podano nieprawidłową wartość',
+      noContentToFitTo: 'Brak zawartości do dopasowania',
+      dupeLayerName: 'Istnieje już warstwa o takiej nazwie!',
+      enterUniqueLayerName: 'Podaj unikalną nazwę warstwy',
+      enterNewLayerName: 'Podaj nazwe nowej warstwy',
+      layerHasThatName: 'Warstwa już tak się nazywa',
+      QmoveElemsToLayer: 'Przenies zaznaczone elementy do warstwy \'%s\'?',
+      QwantToClear: 'Jesteś pewien, że chcesz wyczyścić pole robocze?\nHistoria projektu również zostanie skasowana',
+      QwantToOpen: 'Jesteś pewien, że chcesz otworzyć nowy plik?\nHistoria projektu również zostanie skasowana',
+      QerrorsRevertToSource: 'Błąd parsowania źródła Twojego pliku SVG.\nPrzywrócić orginalne źródło pliku SVG?',
+      QignoreSourceChanges: 'Zignorowac zmiany w źródle pliku SVG?',
+      featNotSupported: 'Funkcjonalność niedostępna',
+      enterNewImgURL: 'Podaj adres URL nowego obrazu',
+      defsFailOnSave: 'Uwaga: Ze względu na błąd w przeglądarce, ten obraz może się źle wyswietlać (brak gradientów lub elementów). Będzie jednak wyświetlał się poprawnie skoro został zapisany.',
+      loadingImage: 'Ładowanie obrazu, proszę czekać...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Zwróć uwagę na nastepujące kwestie: ',
+      unsavedChanges: 'Wykryto niezapisane zmiany.',
+      enterNewLinkURL: 'Wpisz nowy adres URL hiperłącza',
+      errorLoadingSVG: 'Błąd: Nie można załadować danych SVG',
+      URLloadFail: 'Nie można załadować z adresu URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_pl;
+
+}());
diff --git a/dist/locale/lang.pt-BR.js b/dist/locale/lang.pt-BR.js
new file mode 100644
index 00000000..156bfe71
--- /dev/null
+++ b/dist/locale/lang.pt-BR.js
@@ -0,0 +1,223 @@
+var svgEditorLang_pt_BR = (function () {
+  'use strict';
+
+  var lang_ptBR = {
+    lang: 'pt-BR',
+    dir: 'ltr',
+    common: {
+      ok: 'OK',
+      cancel: 'Cancelar',
+      key_backspace: 'Tecla backspace',
+      key_del: 'Tecla delete',
+      key_down: 'Seta para baixo',
+      key_up: 'Seta para cima',
+      more_opts: 'Mais opções',
+      url: 'URL',
+      width: 'Largura',
+      height: 'Altura'
+    },
+    misc: {
+      powered_by: 'Tecnologia'
+    },
+    ui: {
+      toggle_stroke_tools: 'Mais opções de traço',
+      palette_info: 'Click para mudar a cor de preenchimento, shift-click para mudar a cor do traço',
+      zoom_level: 'Mudar zoom',
+      panel_drag: 'Arraste para redimensionar o painel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identifica o elemento',
+      fill_color: 'Mudar a cor de preenchimento',
+      stroke_color: 'Mudar a cor do traço',
+      stroke_style: 'Mudar o estilo do traço',
+      stroke_width: 'Mudar a espessura do traço em 1, shift-click para mudar 0.1',
+      pos_x: 'Mudar a coordenada X',
+      pos_y: 'Mudar a coordenada Y',
+      linecap_butt: 'Estilo do fim do traço: Topo',
+      linecap_round: 'Estilo do fim do traço: Redondo',
+      linecap_square: 'Estilo do fim do traço: Quadrado',
+      linejoin_bevel: 'Estilo da Aresta: Chanfro',
+      linejoin_miter: 'Estilo da Aresta: Reto',
+      linejoin_round: 'Estilo da Aresta: Redondo',
+      angle: 'Mudar ângulo de rotação',
+      blur: 'Mudar valor de desfoque',
+      opacity: 'Mudar opacidade do item selecionado',
+      circle_cx: 'Mudar a coordenada cx do círculo',
+      circle_cy: 'Mudar a coordenada cy do círculo',
+      circle_r: 'Mudar o raio do círculo',
+      ellipse_cx: 'Mudar a coordenada cx da elípse',
+      ellipse_cy: 'Mudar a coordenada cy da elípse',
+      ellipse_rx: 'Mudar o raio x da elípse',
+      ellipse_ry: 'Mudar o raio y da elípse',
+      line_x1: 'Mudar a coordenada x do início da linha',
+      line_x2: 'Mudar a coordenada x do fim da linha',
+      line_y1: 'Mudar a coordenada y do início da linha',
+      line_y2: 'Mudar a coordenada y do fim da linha',
+      rect_height: 'Mudar a altura do retângulo',
+      rect_width: 'Mudar a largura do retângulo',
+      corner_radius: 'Mudar o raio da aresta do retângulo',
+      image_width: 'Mudar a largura da imagem',
+      image_height: 'Mudar a altura da imagem',
+      image_url: 'Mudar URL',
+      node_x: 'Mudar a coordenada x da aresta',
+      node_y: 'Mudar a coordenada y da aresta',
+      seg_type: 'Mudar o tipo de segmento',
+      straight_segments: 'Reto',
+      curve_segments: 'Curvo',
+      text_contents: 'Mudar conteúdo do texto',
+      font_family: 'Mudar o estilo da fonte',
+      font_size: 'Mudar o tamanho da fonte',
+      bold: 'Negrito',
+      italic: 'Italico'
+    },
+    tools: {
+      main_menu: 'Menu Principal',
+      bkgnd_color_opac: 'Mudar cor/opacidade do fundo',
+      connector_no_arrow: 'Sem flecha',
+      fitToContent: 'Ajustar ao conteúdo',
+      fit_to_all: 'Ajustar a todo conteúdo',
+      fit_to_canvas: 'Ajustar à tela',
+      fit_to_layer_content: 'Ajustar ao conteúdo da camada',
+      fit_to_sel: 'Ajustar à seleção',
+      align_relative_to: 'Alinhar em relação à ...',
+      relativeTo: 'Referência:',
+      page: 'página',
+      largest_object: 'maior objeto',
+      selected_objects: 'objetos selecionados',
+      smallest_object: 'menor objeto',
+      new_doc: 'Nova imagem',
+      open_doc: 'Abrir imagem',
+      export_img: 'Export',
+      save_doc: 'Salvar imagem',
+      import_doc: 'Importar SVG',
+      align_to_page: 'Alinhar elemento na página',
+      align_bottom: 'Alinhar no fundo',
+      align_center: 'Alinhar no centro',
+      align_left: 'Alinhar na esquerda',
+      align_middle: 'Alinhar no meio',
+      align_right: 'Alinhar na direita',
+      align_top: 'Alinhar no topo',
+      mode_select: 'Selecão',
+      mode_fhpath: 'Lápis',
+      mode_line: 'Linha',
+      mode_rect: 'Retângulo',
+      mode_square: 'Quadrado',
+      mode_fhrect: 'Retângulo a mão-livre',
+      mode_ellipse: 'Elípse',
+      mode_circle: 'Círculo',
+      mode_fhellipse: 'Elípse a mão-livre',
+      mode_path: 'Contorno',
+      mode_text: 'Texto',
+      mode_image: 'Imagem',
+      mode_zoom: 'Zoom',
+      no_embed: 'Atenção: Esta imagem não pode ser incorporada e dependerá de seu caminho para ser exibida',
+      undo: 'Desfazer',
+      redo: 'Refazer',
+      tool_source: 'Editar o código',
+      wireframe_mode: 'Modo linhas',
+      clone: 'Clonar Elemento(s)',
+      del: 'Deletar Elemento(s)',
+      group_elements: 'Agrupar Elementos',
+      make_link: 'Criar (hyper)link',
+      set_link_url: 'Alterar URL (em branco para remover)',
+      to_path: 'Converter para Contorno',
+      reorient_path: 'Reorientar contorno',
+      ungroup: 'Desagrupar Elementos',
+      docprops: 'Propriedades',
+      move_bottom: 'Mover para o fundo',
+      move_top: 'Mover para o topo',
+      node_clone: 'Clonar Aresta',
+      node_delete: 'Deletar Aresta',
+      node_link: 'Alinhar pontos de controle',
+      add_subpath: 'Adicionar contorno',
+      openclose_path: 'Abrir/Fechar contorno',
+      source_save: 'Salvar',
+      cut: 'Recortar',
+      copy: 'Copiar',
+      paste: 'Colar',
+      paste_in_place: 'Colar no mesmo local',
+      delete: 'Deletar',
+      group: 'Agrupar',
+      move_front: 'Trazer para Frente',
+      move_up: 'Avançar',
+      move_down: 'Recuar',
+      move_back: 'Enviar para Trás'
+    },
+    layers: {
+      layer: 'Camada',
+      layers: 'Camadas',
+      del: 'Deletar Camada',
+      move_down: 'Enviar Camada para Trás',
+      new: 'Nova Camada',
+      rename: 'Renomear Camada',
+      move_up: 'Trazer Camada para Frente',
+      dupe: 'Duplicar Camada',
+      merge_down: 'Achatar para baixo',
+      merge_all: 'Achatar todas',
+      move_elems_to: 'Mover elementos para:',
+      move_selected: 'Mover elementos selecionados para outra camada'
+    },
+    config: {
+      image_props: 'Propriedades',
+      doc_title: 'Título',
+      doc_dims: 'Dimensões',
+      included_images: 'Imagens',
+      image_opt_embed: 'Incorporadas (arquivos locais)',
+      image_opt_ref: 'Usar referência',
+      editor_prefs: 'Preferências',
+      icon_size: 'Tamanho dos ícones',
+      language: 'Idioma',
+      background: 'Fundo da página',
+      editor_img_url: 'URL da Imagem',
+      editor_bg_note: 'Atenção: Fundo da página não será salvo.',
+      icon_large: 'Grande',
+      icon_medium: 'Médio',
+      icon_small: 'Pequeno',
+      icon_xlarge: 'Extra Grande',
+      select_predefined: 'Modelos:',
+      units_and_rulers: 'Unidade & Réguas',
+      show_rulers: 'Mostrar réguas',
+      base_unit: 'Unidade base:',
+      grid: 'Grade',
+      snapping_onoff: 'Snap on/off',
+      snapping_stepsize: 'Intensidade do Snap:'
+    },
+    notification: {
+      invalidAttrValGiven: 'Valor inválido',
+      noContentToFitTo: 'Não há conteúdo',
+      dupeLayerName: 'Nome duplicado',
+      enterUniqueLayerName: 'Insira um nome único',
+      enterNewLayerName: 'Insira um novo nome',
+      layerHasThatName: 'A camada já pussui este nome',
+      QmoveElemsToLayer: 'Mover elementos selecionados para a camada: \'%s\'?',
+      QwantToClear: 'Deseja criar um novo arquivo?\nO histórico também será apagado!',
+      QwantToOpen: 'Deseja abrir um novo arquivo?\nO histórico também será apagado!',
+      QerrorsRevertToSource: 'Foram encontrados erros ná análise do código SVG.\nReverter para o código SVG original?',
+      QignoreSourceChanges: 'Ignorar as mudanças no código SVG?',
+      featNotSupported: 'Recurso não suportado',
+      enterNewImgURL: 'Insira nova URL da imagem',
+      defsFailOnSave: 'Atenção: Devido a um bug em seu navegador, esta imagem pode apresentar erros, porém será salva corretamente.',
+      loadingImage: 'Carregando imagem, por favor aguarde...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Atenção para as seguintes questões: ',
+      unsavedChanges: 'Existem alterações não salvas.',
+      enterNewLinkURL: 'Insira novo URL do hyperlink',
+      errorLoadingSVG: 'Erro: Impossível carregar dados SVG',
+      URLloadFail: 'Impossível carregar deste URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_ptBR;
+
+}());
diff --git a/dist/locale/lang.pt-PT.js b/dist/locale/lang.pt-PT.js
new file mode 100644
index 00000000..3f9fa83d
--- /dev/null
+++ b/dist/locale/lang.pt-PT.js
@@ -0,0 +1,224 @@
+var svgEditorLang_pt_PT = (function () {
+  'use strict';
+
+  var lang_ptPT = {
+    lang: 'pt-PT',
+    dir: 'ltr',
+    common: {
+      ok: 'Salvar',
+      cancel: 'Cancelar',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Clique para mudar a cor de preenchimento, shift-clique para mudar a cor do curso',
+      zoom_level: 'Alterar o nível de zoom',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Alterar a cor de preenchimento',
+      stroke_color: 'Mudar a cor do curso',
+      stroke_style: 'Alterar o estilo do traço do curso',
+      stroke_width: 'Alterar a largura do curso',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Alterar o ângulo de rotação',
+      blur: 'Change gaussian blur value',
+      opacity: 'Mude a opacidade item selecionado',
+      circle_cx: 'Cx Mudar círculo de coordenadas',
+      circle_cy: 'Círculo Mudança cy coordenar',
+      circle_r: 'Alterar círculo de raio',
+      ellipse_cx: 'Alterar elipse cx coordenar',
+      ellipse_cy: 'Elipse Mudança cy coordenar',
+      ellipse_rx: 'Raio X Change elipse',
+      ellipse_ry: 'Raio y Change elipse',
+      line_x1: 'Altere a linha de partida coordenada x',
+      line_x2: 'Altere a linha está terminando coordenada x',
+      line_y1: 'Mudança na linha de partida coordenada y',
+      line_y2: 'Mudança de linha está terminando coordenada y',
+      rect_height: 'Alterar altura do retângulo',
+      rect_width: 'Alterar a largura retângulo',
+      corner_radius: 'Alterar Corner Rectangle Radius',
+      image_width: 'Alterar a largura da imagem',
+      image_height: 'Alterar altura da imagem',
+      image_url: 'Alterar URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Alterar o conteúdo de texto',
+      font_family: 'Alterar fonte Família',
+      font_size: 'Alterar tamanho de letra',
+      bold: 'Bold Text',
+      italic: 'Texto em itálico'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Mudar a cor de fundo / opacidade',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Ajustar ao conteúdo',
+      fit_to_all: 'Ajustar a todo o conteúdo',
+      fit_to_canvas: 'Ajustar à tela',
+      fit_to_layer_content: 'Ajustar o conteúdo da camada de',
+      fit_to_sel: 'Ajustar à selecção',
+      align_relative_to: 'Alinhar em relação a ...',
+      relativeTo: 'em relação ao:',
+      page: 'Página',
+      largest_object: 'maior objeto',
+      selected_objects: 'objetos eleitos',
+      smallest_object: 'menor objeto',
+      new_doc: 'Nova Imagem',
+      open_doc: 'Abrir Imagem',
+      export_img: 'Export',
+      save_doc: 'Salvar Imagem',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Alinhar ao centro',
+      align_left: 'Alinhar à Esquerda',
+      align_middle: 'Alinhar Médio',
+      align_right: 'Alinhar à Direita',
+      align_top: 'Align Top',
+      mode_select: 'Selecione a ferramenta',
+      mode_fhpath: 'Ferramenta Lápis',
+      mode_line: 'Ferramenta Linha',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Rectangle',
+      mode_ellipse: 'Elipse',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Ferramenta de Texto',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Desfazer',
+      redo: 'Refazer',
+      tool_source: 'Fonte Editar',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Elementos do Grupo',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Elementos Desagrupar',
+      docprops: 'Propriedades do Documento',
+      move_bottom: 'Move to Bottom',
+      move_top: 'Move to Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Salvar',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Delete Layer',
+      move_down: 'Move camada para baixo',
+      new: 'New Layer',
+      rename: 'Rename Layer',
+      move_up: 'Move Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Selecione predefinidos:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_ptPT;
+
+}());
diff --git a/dist/locale/lang.ro.js b/dist/locale/lang.ro.js
new file mode 100644
index 00000000..cc78e8b8
--- /dev/null
+++ b/dist/locale/lang.ro.js
@@ -0,0 +1,223 @@
+var svgEditorLang_ro = (function () {
+  'use strict';
+
+  var lang_ro = {
+    lang: 'ro',
+    dir: 'ltr',
+    common: {
+      ok: 'Ok',
+      cancel: 'Anulaţi',
+      key_backspace: 'backspace',
+      key_del: 'ştergere',
+      key_down: 'jos',
+      key_up: 'sus',
+      more_opts: 'Mai multe opţiuni',
+      url: 'URL',
+      width: 'Lăţime',
+      height: 'Înălţime'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Arătaţi/ascundeţi mai multe unelte de contur',
+      palette_info: 'Faceţi clic pentru a schimba culoarea de umplere, Shift-clic pentru a schimba culoarea de contur',
+      zoom_level: 'Schimbarea nivelului de zoom',
+      panel_drag: 'Trageţi la stanga/dreapta pentru redimensionare panou lateral',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identificare element',
+      fill_color: 'Schimbarea culorii de umplere',
+      stroke_color: 'Schimbarea culorii de contur',
+      stroke_style: 'Schimbarea stilului de contur',
+      stroke_width: 'Schimbarea lăţimii conturului',
+      pos_x: 'Schimbă coordonata X',
+      pos_y: 'Schimbă coordonata Y',
+      linecap_butt: 'Capăt de linie: Butuc',
+      linecap_round: 'Capăt de linie: Rotund',
+      linecap_square: 'Capăt de linie: Pătrat',
+      linejoin_bevel: 'Articulaţia liniei: Teşită',
+      linejoin_miter: 'Articulaţia liniei: Unghi ascuţit',
+      linejoin_round: 'Articulaţia liniei: Rotundă',
+      angle: 'Schimbarea unghiul de rotaţie',
+      blur: 'Schimbarea valorii estomparii gaussiene',
+      opacity: 'Schimbarea gradului de opacitate',
+      circle_cx: 'Schimbarea coordonatei CX a cercului',
+      circle_cy: 'Schimbarea coordonatei CY a cercului',
+      circle_r: 'Schimbarea razei cercului',
+      ellipse_cx: 'Schimbarea coordonatei CX a elipsei',
+      ellipse_cy: 'Schimbarea coordonatei CY a elipsei',
+      ellipse_rx: 'Schimbarea razei elipsei X',
+      ellipse_ry: 'Schimbarea razei elipsei Y',
+      line_x1: 'Schimbarea coordonatei x a punctului de start',
+      line_x2: 'Schimbarea coordonatei x a punctului final',
+      line_y1: 'Schimbarea coordonatei y a punctului de start',
+      line_y2: 'Schimbare coordonatei y a punctului final',
+      rect_height: 'Schimbarea înălţimii dreptunghiului',
+      rect_width: 'Schimbarea lăţimii dreptunghiului',
+      corner_radius: 'Schimbarea razei colţului dreptunghiului',
+      image_width: 'Schimbarea lăţimii imaginii',
+      image_height: 'Schimbarea înălţimii imaginii',
+      image_url: 'Schimbaţi URL-ul',
+      node_x: 'Schimbă coordonata x a punctului',
+      node_y: 'Schimbă coordonata x a punctului',
+      seg_type: 'Schimbă tipul de segment',
+      straight_segments: 'Drept',
+      curve_segments: 'Curb',
+      text_contents: 'Schimbarea conţinutului textului',
+      font_family: 'Modificare familie de fonturi',
+      font_size: 'Schimbă dimensiunea fontului',
+      bold: 'Text Îngroşat',
+      italic: 'Text Înclinat'
+    },
+    tools: {
+      main_menu: 'Menu Principal',
+      bkgnd_color_opac: 'Schimbare culoare de fundal / opacitate',
+      connector_no_arrow: 'Fără săgeată',
+      fitToContent: 'Dimensionare la conţinut',
+      fit_to_all: 'Potrivire la tot conţinutul',
+      fit_to_canvas: 'Potrivire la Şevalet',
+      fit_to_layer_content: 'Potrivire la conţinutul stratului',
+      fit_to_sel: 'Potrivire la selecţie',
+      align_relative_to: 'Aliniere în raport cu ...',
+      relativeTo: 'în raport cu:',
+      page: 'pagină',
+      largest_object: 'cel mai mare obiect',
+      selected_objects: 'obiectele alese',
+      smallest_object: 'cel mai mic obiect',
+      new_doc: 'Imagine nouă',
+      open_doc: 'Imagine deschisă',
+      export_img: 'Export',
+      save_doc: 'Salvare imagine',
+      import_doc: 'Importare SVG',
+      align_to_page: 'Aliniere la pagină',
+      align_bottom: 'Aliniere jos',
+      align_center: 'Aliniere la centru',
+      align_left: 'Aliniere la stânga',
+      align_middle: 'Aliniere la mijloc',
+      align_right: 'Aliniere la dreapta',
+      align_top: 'Aliniere sus',
+      mode_select: 'Unealtă de Selectare',
+      mode_fhpath: 'Unealtă de Traiectorie',
+      mode_line: 'Unealtă de Linie',
+      mode_rect: 'Unealtă de Dreptunghi',
+      mode_square: 'Unealtă de Pătrat',
+      mode_fhrect: 'Dreptunghi cu mana liberă',
+      mode_ellipse: 'Elipsă',
+      mode_circle: 'Cerc',
+      mode_fhellipse: 'Elipsă cu mana liberă',
+      mode_path: 'Unealtă de Traiectorie',
+      mode_text: 'Unealtă de Text',
+      mode_image: 'Unealtă de Imagine',
+      mode_zoom: 'Unealtă de Zoom',
+      no_embed: 'NOTE: Aceasta imagine nu poate fi inglobată. Va depinde de aceasta traiectorie pentru a fi prezentată.',
+      undo: 'Anulare',
+      redo: 'Refacere',
+      tool_source: 'Editare Cod Sursă',
+      wireframe_mode: 'Mod Schelet',
+      clone: 'Clonează Elementul/ele',
+      del: 'Şterge Elementul/ele',
+      group_elements: 'Grupare Elemente',
+      make_link: 'Crează (hyper)link',
+      set_link_url: 'Setează link URL (lăsaţi liber pentru eliminare)',
+      to_path: 'Converteşte in Traiectorie',
+      reorient_path: 'Reorientează Traiectoria',
+      ungroup: 'Anulare Grupare Elemente',
+      docprops: 'Proprietăţile Documentului',
+      move_bottom: 'Mutare în jos',
+      move_top: 'Mutare în sus',
+      node_clone: 'Clonează Punct',
+      node_delete: 'Şterge Punct',
+      node_link: 'Uneşte Punctele de Control',
+      add_subpath: 'Adăugaţi sub-traiectorie',
+      openclose_path: 'Deschide/inchide sub-traiectorie',
+      source_save: 'Folosiţi Schimbările',
+      cut: 'Tăiere',
+      copy: 'Copiere',
+      paste: 'Reproducere',
+      paste_in_place: 'Reproducere pe loc',
+      delete: 'Ştergere',
+      group: 'Group',
+      move_front: 'Pune in faţa',
+      move_up: 'Pune in spate',
+      move_down: 'Trimite in faţa',
+      move_back: 'Trimite in spate'
+    },
+    layers: {
+      layer: 'Strat',
+      layers: 'Straturi',
+      del: 'Ştergeţi Strat',
+      move_down: 'Mutare Strat în Jos',
+      new: 'Strat Nou',
+      rename: 'Redenumiţi Stratul',
+      move_up: 'Mutare Strat în Sus',
+      dupe: 'Duplicaţi Stratul',
+      merge_down: 'Fuzionare in jos',
+      merge_all: 'Fuzionarea tuturor',
+      move_elems_to: 'Mută elemente la:',
+      move_selected: 'Mută elementele selectate pe un alt strat'
+    },
+    config: {
+      image_props: 'Proprietăţile Imaginii',
+      doc_title: 'Titlul',
+      doc_dims: 'Dimensiunile Şevaletului',
+      included_images: 'Imaginile Incluse',
+      image_opt_embed: 'Includeţi Datele (fişiere locale)',
+      image_opt_ref: 'Foloseşte referinţe la fişiere',
+      editor_prefs: 'Preferinţele Editorului',
+      icon_size: 'Dimensiunile Butoanelor',
+      language: 'Limba',
+      background: 'Fondul Editorului',
+      editor_img_url: 'URL-ul Imaginii',
+      editor_bg_note: 'Notă: Fondul nu va fi salvat cu imaginea.',
+      icon_large: 'Mari',
+      icon_medium: 'Medii',
+      icon_small: 'Mici',
+      icon_xlarge: 'Foarte Mari',
+      select_predefined: 'Selecţii predefinite:',
+      units_and_rulers: 'Unitati si Rigle',
+      show_rulers: 'Arată Riglele',
+      base_unit: 'Unitate de baza:',
+      grid: 'Caroiaj',
+      snapping_onoff: 'Fixare on/off',
+      snapping_stepsize: 'Dimensiunea pasului de fixare:'
+    },
+    notification: {
+      invalidAttrValGiven: 'Valoarea data nu este validă',
+      noContentToFitTo: 'Fara conţinut de referinţă',
+      dupeLayerName: 'Deja exista un strat numit asa!',
+      enterUniqueLayerName: 'Rog introduceţi un nume unic',
+      enterNewLayerName: 'Rog introduceţi un nume pentru strat',
+      layerHasThatName: 'Statul deja are acest nume',
+      QmoveElemsToLayer: "Mutaţi elementele selectate pe stratul '%s'?",
+      QwantToClear: 'Doriti să ştergeţi desenul?\nAceasta va sterge si posibilitatea de anulare!',
+      QwantToOpen: 'Doriti sa deschideţi un nou fişier?\nAceasta va şterge istoricul!',
+      QerrorsRevertToSource: 'Sunt erori de parsing in sursa SVG.\nRevenire la sursa SVG orginală?',
+      QignoreSourceChanges: 'Ignoraţi schimbarile la sursa SVG?',
+      featNotSupported: 'Funcţie neimplementată',
+      enterNewImgURL: 'Introduceţi noul URL pentru Imagine',
+      defsFailOnSave: 'NOTE: Din cauza unei erori in browserul dv., aceasta imagine poate apare gresit (fara gradiente sau elemente). Însă va apare corect dupa salvare.',
+      loadingImage: 'Imaginea se incarcă, va rugam asteptaţi...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'De asemenea remarcati urmatoarele probleme: ',
+      unsavedChanges: 'Sunt schimbări nesalvate.',
+      enterNewLinkURL: 'IntroduAliniere în raport cu ...sceţi noul URL',
+      errorLoadingSVG: 'Eroare: Nu se pot încărca datele SVG',
+      URLloadFail: 'Nu se poate încărca de la URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_ro;
+
+}());
diff --git a/dist/locale/lang.ru.js b/dist/locale/lang.ru.js
new file mode 100644
index 00000000..7e9331a4
--- /dev/null
+++ b/dist/locale/lang.ru.js
@@ -0,0 +1,224 @@
+var svgEditorLang_ru = (function () {
+  'use strict';
+
+  var lang_ru = {
+    lang: 'ru',
+    dir: 'ltr',
+    common: {
+      ok: 'Сохранить',
+      cancel: 'Отменить',
+      key_backspace: 'Backspace',
+      key_del: 'Delete',
+      key_down: 'Вниз',
+      key_up: 'Вверх',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Нажмите для изменения цвета заливки, Shift-Click изменить цвета обводки',
+      zoom_level: 'Изменить масштаб',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Изменить цвет заливки',
+      stroke_color: 'Изменить цвет обводки',
+      stroke_style: 'Изменить стиль обводки',
+      stroke_width: 'Изменить толщину обводки',
+      pos_x: 'Изменить горизонтальный координат',
+      pos_y: 'Изменить вертикальный координат',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Изменить угол поворота',
+      blur: 'Change gaussian blur value',
+      opacity: 'Изменить непрозрачность элемента',
+      circle_cx: 'Изменить горизонтальный координат (CX) окружности',
+      circle_cy: 'Изменить вертикальный координат (CY) окружности',
+      circle_r: 'Изменить радиус окружности',
+      ellipse_cx: 'Изменить горизонтальный координат (CX) эллипса',
+      ellipse_cy: 'Изменить вертикальный координат (CY) эллипса',
+      ellipse_rx: 'Изменить горизонтальный радиус эллипса',
+      ellipse_ry: 'Изменить вертикальный радиус эллипса',
+      line_x1: 'Изменить горизонтальный координат X начальной точки линии',
+      line_x2: 'Изменить горизонтальный координат X конечной точки линии',
+      line_y1: 'Изменить вертикальный координат Y начальной точки линии',
+      line_y2: 'Изменить вертикальный координат Y конечной точки линии',
+      rect_height: 'Изменениe высоту прямоугольника',
+      rect_width: 'Измененить ширину прямоугольника',
+      corner_radius: 'Радиус закругленности угла',
+      image_width: 'Изменить ширину изображения',
+      image_height: 'Изменить высоту изображения',
+      image_url: 'Изменить URL',
+      node_x: 'Изменить горизонтальную координату узла',
+      node_y: 'Изменить вертикальную координату узла',
+      seg_type: 'Изменить вид',
+      straight_segments: 'Отрезок',
+      curve_segments: 'Сплайн',
+      text_contents: 'Изменить содержание текста',
+      font_family: 'Изменить семейство шрифтов',
+      font_size: 'Изменить размер шрифта',
+      bold: 'Жирный',
+      italic: 'Курсив'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Изменить цвет фона или прозрачность',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Под размер содержимого',
+      fit_to_all: 'Под размер всех слоев',
+      fit_to_canvas: 'Под размер холста',
+      fit_to_layer_content: 'Под размер содержания слоя',
+      fit_to_sel: 'Под размер выделенного',
+      align_relative_to: 'Выровнять по отношению к ...',
+      relativeTo: 'По отношению к ',
+      page: 'страница',
+      largest_object: 'Наибольший объект',
+      selected_objects: 'Выделенные объекты',
+      smallest_object: 'Самый маленький объект',
+      new_doc: 'Создать изображение',
+      open_doc: 'Открыть изображение',
+      export_img: 'Export',
+      save_doc: 'Сохранить изображение',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Выровнять по нижнему краю',
+      align_center: 'Центрировать по вертикальной оси',
+      align_left: 'По левому краю',
+      align_middle: 'Центрировать по горизонтальной оси',
+      align_right: 'По правому краю',
+      align_top: 'Выровнять по верхнему краю',
+      mode_select: 'Выделить',
+      mode_fhpath: 'Карандаш',
+      mode_line: 'Линия',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Прямоугольник от руки',
+      mode_ellipse: 'Эллипс',
+      mode_circle: 'Окружность',
+      mode_fhellipse: 'Эллипс от руки',
+      mode_path: 'Контуры',
+      mode_text: 'Текст',
+      mode_image: 'Изображение',
+      mode_zoom: 'Лупа',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Отменить',
+      redo: 'Вернуть',
+      tool_source: 'Редактировать исходный код',
+      wireframe_mode: 'Каркас',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Создать группу элементов',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'В контур',
+      reorient_path: 'Изменить ориентацию контура',
+      ungroup: 'Разгруппировать элементы',
+      docprops: 'Свойства документа',
+      move_bottom: 'Опустить',
+      move_top: 'Поднять',
+      node_clone: 'Создать копию узла',
+      node_delete: 'Удалить узел',
+      node_link: 'Связать узлы',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Сохранить',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      Delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Слой',
+      layers: 'Layers',
+      del: 'Удалить слой',
+      move_down: 'Опустить слой',
+      new: 'Создать слой',
+      rename: 'Переименовать Слой',
+      move_up: 'Поднять слой',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Переместить выделенные элементы:',
+      move_selected: 'Переместить выделенные элементы на другой слой'
+    },
+    config: {
+      image_props: 'Свойства изображения',
+      doc_title: 'Название',
+      doc_dims: 'Размеры холста',
+      included_images: 'Встроенные изображения',
+      image_opt_embed: 'Локальные файлы',
+      image_opt_ref: 'По ссылкам',
+      editor_prefs: 'Параметры',
+      icon_size: 'Размер значков',
+      language: 'Язык',
+      background: 'Фон',
+      editor_img_url: 'Image URL',
+      editor_bg_note: '(Фон не сохранится вместе с изображением.)',
+      icon_large: 'Большие',
+      icon_medium: 'Средние',
+      icon_small: 'Малые',
+      icon_xlarge: 'Огромные',
+      select_predefined: 'Выбирать предопределенный размер',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Некорректное значение аргумента',
+      noContentToFitTo: 'Нет содержания, по которому выровнять.',
+      dupeLayerName: 'Слой с этим именем уже существует.',
+      enterUniqueLayerName: 'Пожалуйста, введите имя для слоя.',
+      enterNewLayerName: 'Пожалуйста, введите новое имя.',
+      layerHasThatName: 'Слой уже называется этим именем.',
+      QmoveElemsToLayer: "Переместить выделенные элементы на слой '%s'?",
+      QwantToClear: 'Вы хотите очистить?\nИстория действий будет забыта!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'Была проблема при парсинге вашего SVG исходного кода.\nЗаменить его предыдущим SVG кодом?',
+      QignoreSourceChanges: 'Забыть без сохранения?',
+      featNotSupported: 'Возможность не реализована',
+      enterNewImgURL: 'Введите новый URL изображения',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_ru;
+
+}());
diff --git a/dist/locale/lang.sk.js b/dist/locale/lang.sk.js
new file mode 100644
index 00000000..229eecc0
--- /dev/null
+++ b/dist/locale/lang.sk.js
@@ -0,0 +1,224 @@
+var svgEditorLang_sk = (function () {
+  'use strict';
+
+  var lang_sk = {
+    lang: 'sk',
+    dir: 'ltr',
+    common: {
+      ok: 'Uložiť',
+      cancel: 'Zrušiť',
+      key_backspace: 'Backspace',
+      key_del: 'Delete',
+      key_down: 'šípka dole',
+      key_up: 'šípka hore',
+      more_opts: 'Viac možností',
+      url: 'URL',
+      width: 'Šírka',
+      height: 'Výška'
+    },
+    misc: {
+      powered_by: 'Beží na'
+    },
+    ui: {
+      toggle_stroke_tools: 'Skryť/ukázať viac nástrojov pre krivku',
+      palette_info: 'Kliknutím zmeníte farbu výplne, so Shiftom zmeníte farbu obrysu',
+      zoom_level: 'Zmena priblíženia',
+      panel_drag: 'Potiahnutie vľavo/vpravo na zmenu veľkosti bočného panela',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Zmeniť ID elementu',
+      fill_color: 'Zmeniť farbu výplne',
+      stroke_color: 'Zmeniť farbu obrysu',
+      stroke_style: 'Zmeniť štýl obrysu',
+      stroke_width: 'Zmeniť hrúbku obrysu',
+      pos_x: 'Zmeniť súradnicu X',
+      pos_y: 'Zmeniť súradnicu Y',
+      linecap_butt: 'Koniec čiary: presný',
+      linecap_round: 'Koniec čiary: zaoblený',
+      linecap_square: 'Koniec čiary: so štvorcovým presahom',
+      linejoin_bevel: 'Napojenie čiar: skosené',
+      linejoin_miter: 'Napojenie čiar: ostré',
+      linejoin_round: 'Napojenie čiar: oblé',
+      angle: 'Zmeniť uhol natočenia',
+      blur: 'Zmeniť intenzitu rozmazania',
+      opacity: 'Zmeniť prehľadnosť vybraných položiek',
+      circle_cx: 'Zmeniť súradnicu X stredu kružnice',
+      circle_cy: 'Zmeniť súradnicu Y stredu kružnice',
+      circle_r: 'Zmeniť polomer kružnice',
+      ellipse_cx: 'Zmeniť súradnicu X stredu elipsy',
+      ellipse_cy: 'Zmeniť súradnicu Y stredu elipsy',
+      ellipse_rx: 'Zmeniť polomer X elipsy',
+      ellipse_ry: 'Zmeniť polomer Y elipsy',
+      line_x1: 'Zmeniť počiatočnú súradnicu X čiary',
+      line_x2: 'Zmeniť koncovú súradnicu X čiary',
+      line_y1: 'Zmeniť počiatočnú súradnicu Y čiary',
+      line_y2: 'Zmeniť koncovú súradnicu Y čiary',
+      rect_height: 'Zmena výšku obdĺžnika',
+      rect_width: 'Zmeniť šírku obdĺžnika',
+      corner_radius: 'Zmeniť zaoblenie rohov obdĺžnika',
+      image_width: 'Zmeniť šírku obrázka',
+      image_height: 'Zmeniť výšku obrázka',
+      image_url: 'Zmeniť URL',
+      node_x: 'Zmeniť uzlu súradnicu X',
+      node_y: 'Zmeniť uzlu súradnicu Y',
+      seg_type: 'Zmeniť typ segmentu',
+      straight_segments: 'Rovný',
+      curve_segments: 'Krivka',
+      text_contents: 'Zmeniť text',
+      font_family: 'Zmeniť font',
+      font_size: 'Zmeniť veľkosť písma',
+      bold: 'Tučné',
+      italic: 'Kurzíva'
+    },
+    tools: {
+      main_menu: 'Hlavné menu',
+      bkgnd_color_opac: 'Zmeniť farbu a priehľadnosť pozadia',
+      connector_no_arrow: 'Spojnica bez šípok',
+      fitToContent: 'Prispôsobiť obsahu',
+      fit_to_all: 'Prisposobiť celému obsahu',
+      fit_to_canvas: 'Prispôsobiť stránke',
+      fit_to_layer_content: 'Prispôsobiť obsahu vrstvy',
+      fit_to_sel: 'Prispôsobiť výberu',
+      align_relative_to: 'Zarovnať relatívne k ...',
+      relativeTo: 'vzhľadom k:',
+      page: 'stránke',
+      largest_object: 'najväčšiemu objektu',
+      selected_objects: 'zvoleným objektom',
+      smallest_object: 'najmenšiemu objektu',
+      new_doc: 'Nový obrázok',
+      open_doc: 'Otvoriť obrázok',
+      export_img: 'Export',
+      save_doc: 'Uložiť obrázok',
+      import_doc: 'Import Image',
+      align_to_page: 'Zarovnať element na stránku',
+      align_bottom: 'Zarovnať dole',
+      align_center: 'Zarovnať na stred',
+      align_left: 'Zarovnať doľava',
+      align_middle: 'Zarovnať na stred',
+      align_right: 'Zarovnať doprava',
+      align_top: 'Zarovnať hore',
+      mode_select: 'Výber',
+      mode_fhpath: 'Ceruzka',
+      mode_line: 'Čiara',
+      mode_rect: 'Obdĺžnik',
+      mode_square: 'Štvorec',
+      mode_fhrect: 'Obdĺžnik voľnou rukou',
+      mode_ellipse: 'Elipsa',
+      mode_circle: 'Kružnica',
+      mode_fhellipse: 'Elipsa voľnou rukou',
+      mode_path: 'Krivka',
+      mode_text: 'Text',
+      mode_image: 'Obrázok',
+      mode_zoom: 'Priblíženie',
+      no_embed: 'POZNÁMKA: Tento obrázok nemôže byť vložený. Jeho zobrazenie bude závisieť na jeho ceste',
+      undo: 'Späť',
+      redo: 'Opakovať',
+      tool_source: 'Upraviť SVG kód',
+      wireframe_mode: 'Drôtový model',
+      clone: 'Klonuj element(y)',
+      del: 'Zmaž element(y)',
+      group_elements: 'Zoskupiť elementy',
+      make_link: 'Naviaž odkaz (hyper)link',
+      set_link_url: 'Nastav odkaz URL (ak prázdny, odstráni sa)',
+      to_path: 'Previesť na krivku',
+      reorient_path: 'Zmeniť orientáciu krivky',
+      ungroup: 'Zrušiť skupinu',
+      docprops: 'Vlastnosti dokumentu',
+      move_bottom: 'Presunúť spodok',
+      move_top: 'Presunúť na vrch',
+      node_clone: 'Klonovať uzol',
+      node_delete: 'Zmazať uzol',
+      node_link: 'Prepojiť kontrolné body',
+      add_subpath: 'Pridať ďalšiu súčasť krivky',
+      openclose_path: 'Otvoriť/uzatvoriť súčasť krivky',
+      source_save: 'Uložiť',
+      cut: 'Vystrihnutie',
+      copy: 'Kópia',
+      paste: 'Vloženie',
+      paste_in_place: 'Vloženie na pôvodnom mieste',
+      delete: 'Zmazanie',
+      group: 'Group',
+      move_front: 'Vysuň navrch',
+      move_up: 'Vysuň vpred',
+      move_down: 'Zasuň na spodok',
+      move_back: 'Zasuň dozadu'
+    },
+    layers: {
+      layer: 'Vrstva',
+      layers: 'Vrstvy',
+      del: 'Odstrániť vrstvu',
+      move_down: 'Presunúť vrstvu dole',
+      new: 'Nová vrstva',
+      rename: 'Premenovať vrstvu',
+      move_up: 'Presunúť vrstvu hore',
+      dupe: 'Zduplikovať vrstvu',
+      merge_down: 'Zlúčiť s vrstvou dole',
+      merge_all: 'Zlúčiť všetko',
+      move_elems_to: 'Presunúť elementy do:',
+      move_selected: 'Presunúť vybrané elementy do inej vrstvy'
+    },
+    config: {
+      image_props: 'Vlastnosti obrázka',
+      doc_title: 'Titulok',
+      doc_dims: 'Rozmery plátna',
+      included_images: 'Vložené obrázky',
+      image_opt_embed: 'Vložiť data (lokálne súbory)',
+      image_opt_ref: 'Použiť referenciu na súbor',
+      editor_prefs: 'Vlastnosti editora',
+      icon_size: 'Veľkosť ikon',
+      language: 'Jazyk',
+      background: 'Zmeniť pozadie',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Poznámka: Pozadie nebude uložené spolu s obrázkom.',
+      icon_large: 'Veľká',
+      icon_medium: 'Stredná',
+      icon_small: 'Malá',
+      icon_xlarge: 'Extra veľká',
+      select_predefined: 'Vybrať preddefinovaný:',
+      units_and_rulers: 'Jednotky & Pravítka',
+      show_rulers: 'Ukáž pravítka',
+      base_unit: 'Základné jednotky:',
+      grid: 'Mriežka',
+      snapping_onoff: 'Priväzovanie (do mriežky) zap/vyp',
+      snapping_stepsize: 'Priväzovanie (do mriežky) veľkosť kroku:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Neplatná hodnota',
+      noContentToFitTo: 'Vyberte oblasť na prispôsobenie',
+      dupeLayerName: 'Vrstva s daným názvom už existuje!',
+      enterUniqueLayerName: 'Zadajte jedinečný názov vrstvy',
+      enterNewLayerName: 'Zadajte názov vrstvy',
+      layerHasThatName: 'Vrstva už má zadaný tento názov',
+      QmoveElemsToLayer: "Presunúť elementy do vrstvy '%s'?",
+      QwantToClear: 'Naozaj chcete vymazať kresbu?\n(História bude taktiež vymazaná!)!',
+      QwantToOpen: 'Chcete otvoriť nový súbor?\nTo však tiež vymaže Vašu UNDO knižnicu!',
+      QerrorsRevertToSource: 'Chyba pri načítaní SVG dokumentu.\nVrátiť povodný SVG dokument?',
+      QignoreSourceChanges: 'Ignorovať zmeny v SVG dokumente?',
+      featNotSupported: 'Vlastnosť nie je podporovaná',
+      enterNewImgURL: 'Zadajte nové URL obrázka',
+      defsFailOnSave: 'POZNÁMKA: Kvôli chybe v prehliadači sa tento obrázok môže zobraziť nesprávne (napr. chýbajúce prechody či elementy). Po uložení sa zobrazí správne.',
+      loadingImage: 'Nahrávam obrázok, prosím čakajte ...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Môžu sa vyskytnúť nasledujúce problémy: ',
+      unsavedChanges: 'Sú tu neuložené zmeny.',
+      enterNewLinkURL: 'Zadajte nové URL odkazu (hyperlink)',
+      errorLoadingSVG: 'Chyba: Nedajú sa načítať SVG data',
+      URLloadFail: 'Nemožno čítať z URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_sk;
+
+}());
diff --git a/dist/locale/lang.sl.js b/dist/locale/lang.sl.js
new file mode 100644
index 00000000..f2fc9de0
--- /dev/null
+++ b/dist/locale/lang.sl.js
@@ -0,0 +1,223 @@
+var svgEditorLang_sl = (function () {
+  'use strict';
+
+  var lang_sl = {
+    lang: 'sl',
+    dir: 'ltr',
+    common: {
+      ok: 'V redu',
+      cancel: 'Prekliči',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'dol',
+      key_up: 'gor',
+      more_opts: 'Več možnosti',
+      url: 'URL',
+      width: 'širina',
+      height: 'višina'
+    },
+    misc: {
+      powered_by: 'Izdelano z'
+    },
+    ui: {
+      toggle_stroke_tools: 'Pokaži/skrij več orodij za oris',
+      palette_info: 'Kliknite, če želite spremeniti barvo polnila, kliknite+Shift, če želite spremeniti barvo orisa',
+      zoom_level: 'Povečava',
+      panel_drag: 'Povlecite levo/desno za ogled stranske vrstice',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'ID elementa',
+      fill_color: 'Spremeni barvo polnila',
+      stroke_color: 'Spremeni barvo orisa',
+      stroke_style: 'Spremeni slog orisa',
+      stroke_width: 'Spreminjanje širino orisa',
+      pos_x: 'Spremeni X koordinato',
+      pos_y: 'Spremeni Y koordinato',
+      linecap_butt: 'Začetek črte: odsekan',
+      linecap_round: 'Začetek črte: zaobljen',
+      linecap_square: 'Začetek črte: kvadraten',
+      linejoin_bevel: 'Ovinek črte: Odsekan',
+      linejoin_miter: 'Linejoin: V kot',
+      linejoin_round: 'Linejoin: Zaobljen',
+      angle: 'Spremeni kot zasuka',
+      blur: 'Spremeni zameglitev roba',
+      opacity: 'Spremeni prosojnost',
+      circle_cx: 'Spremeni CX koordinato',
+      circle_cy: 'Spremeni CY koordinato',
+      circle_r: 'Spremeni polmer kroga',
+      ellipse_cx: 'Spremeni CX koordinato',
+      ellipse_cy: 'Spremeni CY koordinato',
+      ellipse_rx: 'Spremeni X polmer',
+      ellipse_ry: 'Spremeni Y polmer',
+      line_x1: 'Spremeni začetno X koordinato',
+      line_x2: 'Spremeni končno X koordinato',
+      line_y1: 'Spremeni začetno Y koordinato',
+      line_y2: 'Spremeni končno Y koordinato',
+      rect_height: 'Spremeni višino pravokotnika',
+      rect_width: 'Spremeni širino pravokotnika',
+      corner_radius: 'Spremeni Pravokotnik Corner Radius',
+      image_width: 'Spremeni širino slike',
+      image_height: 'Spremeni višino slike',
+      image_url: 'Spremeni URL',
+      node_x: 'Spremeni X koordinato oglišča',
+      node_y: 'Spremeni Y koordinato oglišča',
+      seg_type: 'Spremeni vrsto odseka',
+      straight_segments: 'Raven odsek',
+      curve_segments: 'Ukrivljen odsek',
+      text_contents: 'Spremeni besedilo',
+      font_family: 'Spremeni tip pisave',
+      font_size: 'Spremeni velikost pisave',
+      bold: 'Krepko',
+      italic: 'Poševno'
+    },
+    tools: {
+      main_menu: 'Glavni meni',
+      bkgnd_color_opac: 'Spremeni barvo / prosojnost',
+      connector_no_arrow: 'Brez puščice',
+      fitToContent: 'Prilagodi vsebini',
+      fit_to_all: 'Prilagodi vsemu',
+      fit_to_canvas: 'Prilagodi sliki',
+      fit_to_layer_content: 'Prilagodi sloju',
+      fit_to_sel: 'Prilagodi izboru',
+      align_relative_to: 'Poravnaj glede na ...',
+      relativeTo: 'glede na:',
+      page: 'page',
+      largest_object: 'največji objekt',
+      selected_objects: 'izbrani objekt',
+      smallest_object: 'najmanjši objekt',
+      new_doc: 'Nova slika',
+      open_doc: 'Odpri sliko',
+      export_img: 'Izvozi v PNG',
+      save_doc: 'Shrani sliko',
+      import_doc: 'Uvozi SVG',
+      align_to_page: 'Poravnaj na stran',
+      align_bottom: 'Poravnaj na dno',
+      align_center: 'Poravnaj na sredino',
+      align_left: 'Poravnaj levo',
+      align_middle: 'Poravnaj na sredino',
+      align_right: 'Poravnaj desno',
+      align_top: 'Poravnaj na vrh',
+      mode_select: 'Izberi',
+      mode_fhpath: 'Svinčnik',
+      mode_line: 'Crta',
+      mode_rect: 'Pravokotnik',
+      mode_square: 'Kvadrat',
+      mode_fhrect: 'Prostoročni pravokotnik',
+      mode_ellipse: 'Elipsa',
+      mode_circle: 'Krog',
+      mode_fhellipse: 'Prostoročna elipsa',
+      mode_path: 'Pot',
+      mode_text: 'Besedilo',
+      mode_image: 'Slika',
+      mode_zoom: 'Povečava',
+      no_embed: 'OPOMBA: Ta slika ne more biti vključena. It will depend on this path to be displayed',
+      undo: 'Razveljavi',
+      redo: 'Uveljavi',
+      tool_source: 'Uredi vir',
+      wireframe_mode: 'Wireframe način',
+      clone: 'Kloniraj element(e)',
+      del: 'Izbriši element(e)',
+      group_elements: 'Združi element(e)',
+      make_link: 'Vstavi (hiper)povezavo',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Pretvori v pot',
+      reorient_path: 'Reorient pot',
+      ungroup: 'Razdruži elemente',
+      docprops: 'Lastnosti dokumenta',
+      move_bottom: 'Premakni na dno',
+      move_top: 'Premakni na vrh',
+      node_clone: 'Kloniraj oglišče',
+      node_delete: 'Izbriši oglišče',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Shrani',
+      cut: 'Izreži',
+      copy: 'Kopiraj',
+      paste: 'Prilepi',
+      paste_in_place: 'Prilepi na mesto',
+      delete: 'Izbriši',
+      group: 'Združi',
+      move_front: 'Postavi v ospredje',
+      move_up: 'Pomakni naporej',
+      move_down: 'Pomakni nazaj',
+      move_back: 'Postavi v ozadje'
+    },
+    layers: {
+      layer: 'Sloj',
+      layers: 'Sloji',
+      del: 'Izbriši sloj',
+      move_down: 'Premakni navzdol',
+      new: 'Nov sloj',
+      rename: 'Preimenuj sloj',
+      move_up: 'Premakni navzgor',
+      dupe: 'Podvoji sloj',
+      merge_down: 'Združi s spodnjimi',
+      merge_all: 'Združi vse',
+      move_elems_to: 'Premakni elemente v:',
+      move_selected: 'Premakne elemente v drug sloj'
+    },
+    config: {
+      image_props: 'Lastnosti slike',
+      doc_title: 'Naslov',
+      doc_dims: 'Dimenzije slike',
+      included_images: 'Vključene slike',
+      image_opt_embed: 'Vključene (local files)',
+      image_opt_ref: 'Povezane (Use file reference)',
+      editor_prefs: 'Lastnosti urejevalnika',
+      icon_size: 'Velikost ikon',
+      language: 'Jezik',
+      background: 'Ozadje urejevalnika',
+      editor_img_url: 'URL slike',
+      editor_bg_note: 'OPOMBA: Ozdaje ne bo shranjeno s sliko.',
+      icon_large: 'velike',
+      icon_medium: 'srednje',
+      icon_small: 'majhne',
+      icon_xlarge: 'zelo velike',
+      select_predefined: 'Izberi prednastavljeno:',
+      units_and_rulers: 'Enote & ravnilo',
+      show_rulers: 'Pokaži ravnilo',
+      base_unit: 'Osnovne enote',
+      grid: 'Mreža',
+      snapping_onoff: 'Pripni na mrežo DA/NE',
+      snapping_stepsize: 'Snapping Step-Size:'
+    },
+    notification: {
+      invalidAttrValGiven: 'Napačna vrednost!',
+      noContentToFitTo: 'Ni vsebine za prilagajanje',
+      dupeLayerName: 'Sloj s tem imenom že obstajal!',
+      enterUniqueLayerName: 'Vnesite edinstveno ime sloja',
+      enterNewLayerName: 'Vnesite ime novega sloja',
+      layerHasThatName: 'Sloje že ima to ime',
+      QmoveElemsToLayer: "Premaknem izbrane elemente v sloj '%s'?",
+      QwantToClear: 'Ali želite počistiti risbo?\nTo bo izbrisalo tudi zgodovino korakov (ni mogoče razveljaviti)!',
+      QwantToOpen: 'Ali želite odpreti novo datoteko?\nTo bo izbrisalo tudi zgodovino korakov (ni mogoče razveljaviti)!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignoriram spremembe, narejene v SVG kodi?',
+      featNotSupported: 'Ni podprto',
+      enterNewImgURL: 'Vnesite nov URL slike',
+      defsFailOnSave: 'OPOMBA: Zaradi napake vašega brskalnika obstaja možnost, da ta slika ni prikazan pravilno (manjkajo določeni elementi ali gradient). Vseeno bo prikaz pravilen, ko bo slika enkrat shranjena.',
+      loadingImage: 'Nalagam sliko, prosimo, počakajte ...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'Obstajajo neshranjene spremembe.',
+      enterNewLinkURL: 'Vnesite novo URL povezavo',
+      errorLoadingSVG: 'Napaka: Ne morem naložiti SVG podatkov',
+      URLloadFail: 'Ne morem naložiti z URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_sl;
+
+}());
diff --git a/dist/locale/lang.sq.js b/dist/locale/lang.sq.js
new file mode 100644
index 00000000..e6d8a351
--- /dev/null
+++ b/dist/locale/lang.sq.js
@@ -0,0 +1,224 @@
+var svgEditorLang_sq = (function () {
+  'use strict';
+
+  var lang_sq = {
+    lang: 'sq',
+    dir: 'ltr',
+    common: {
+      ok: 'Ruaj',
+      cancel: 'Anulo',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Klikoni për të ndryshuar mbushur me ngjyra, shift-klikoni për të ndryshuar ngjyrën pash',
+      zoom_level: 'Ndryshimi zoom nivel',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Ndryshimi mbush color',
+      stroke_color: 'Change color pash',
+      stroke_style: 'Ndryshimi dash goditje stil',
+      stroke_width: 'Ndryshimi goditje width',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Kënd Ndryshimi rrotullim',
+      blur: 'Change gaussian blur value',
+      opacity: 'Ndryshimi zgjedhur errësirë item',
+      circle_cx: 'Cx rrethi Ndryshimi i bashkërenduar',
+      circle_cy: 'Ndryshimi i rrethit cy koordinuar',
+      circle_r: 'Rreze rreth Ndryshimi i',
+      ellipse_cx: 'Ndryshimi elips e cx koordinuar',
+      ellipse_cy: 'Elips cy Ndryshimi i bashkërenduar',
+      ellipse_rx: 'Rreze x elips Ndryshimi i',
+      ellipse_ry: 'Radiusi y elips ndërroj',
+      line_x1: 'Shkarko Ndryshimi që fillon x koordinuar',
+      line_x2: 'Linjë Ndryshimi i fund x koordinuar',
+      line_y1: 'Shkarko Ndryshimi që fillon y koordinuar',
+      line_y2: 'Shkarko Ndryshimi i dhënë fund y koordinuar',
+      rect_height: 'Height Ndryshimi drejtkëndësh',
+      rect_width: 'Width Ndryshimi drejtkëndësh',
+      corner_radius: 'Ndryshimi Rectangle Corner Radius',
+      image_width: 'Ndryshimi image width',
+      image_height: 'Height të ndryshuar imazhin',
+      image_url: 'Ndrysho URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Text contents Ndryshimi',
+      font_family: 'Ndryshimi Font Family',
+      font_size: 'Ndryshimi Font Size',
+      bold: 'Bold Text',
+      italic: 'Italic Text'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Change color background / patejdukshmëri',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Fit për të gjithë përmbajtjen',
+      fit_to_canvas: 'Fit në kanavacë',
+      fit_to_layer_content: 'Shtresë Fit to content',
+      fit_to_sel: 'Fit to Selection',
+      align_relative_to: 'Vendose në lidhje me ...',
+      relativeTo: 'lidhje me:',
+      page: 'faqe',
+      largest_object: 'madh objekt',
+      selected_objects: 'objektet e zgjedhur',
+      smallest_object: 'objektit më të vogël',
+      new_doc: 'New Image',
+      open_doc: 'Image Hapur',
+      export_img: 'Export',
+      save_doc: 'Image Ruaj',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Align Center',
+      align_left: 'Align Left',
+      align_middle: 'Align Mesme',
+      align_right: 'Align Right',
+      align_top: 'Align Top',
+      mode_select: 'Zgjidhni Tool',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Lëndë Hand Rectangle',
+      mode_ellipse: 'Elips',
+      mode_circle: 'Rrethi',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Text Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Undo',
+      redo: 'Redo',
+      tool_source: 'Burimi Edit',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Elementet e Grupit',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Elemente Ungroup',
+      docprops: 'Dokumenti Prona',
+      move_bottom: 'Move to Bottom',
+      move_top: 'Move to Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Ruaj',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Delete Layer',
+      move_down: 'Move Down Layer',
+      new: 'Re Shtresa',
+      rename: 'Rename Layer',
+      move_up: 'Move Up Layer',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Zgjidhni paracaktuara:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_sq;
+
+}());
diff --git a/dist/locale/lang.sr.js b/dist/locale/lang.sr.js
new file mode 100644
index 00000000..eea5cae9
--- /dev/null
+++ b/dist/locale/lang.sr.js
@@ -0,0 +1,224 @@
+var svgEditorLang_sr = (function () {
+  'use strict';
+
+  var lang_sr = {
+    lang: 'sr',
+    dir: 'ltr',
+    common: {
+      ok: 'Сачувати',
+      cancel: 'Откажи',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Кликните да бисте променили боју попуне, Схифт-кликните да промените боју удар',
+      zoom_level: 'Промените ниво зумирања',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Промена боје попуне',
+      stroke_color: 'Промена боје удар',
+      stroke_style: 'Промена ход Дасх стил',
+      stroke_width: 'Промена удара ширина',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Промени ротације Угао',
+      blur: 'Change gaussian blur value',
+      opacity: 'Промена изабране ставке непрозирност',
+      circle_cx: 'Промена круг&#39;с ЦКС координатни',
+      circle_cy: 'Промена круг&#39;с ср координатни',
+      circle_r: 'Промена круга је полупречник',
+      ellipse_cx: 'Промена елипса ЦКС&#39;с координатни',
+      ellipse_cy: 'Промена елипса&#39;с ср координатни',
+      ellipse_rx: 'Промена елипса&#39;с Кс радијуса',
+      ellipse_ry: 'Промена елипса је радијус Ы',
+      line_x1: 'Промена линија Стартни кс координата',
+      line_x2: 'Промена линија је завршетак кс координата',
+      line_y1: 'Промена линија у координатни почетак Ы',
+      line_y2: 'Промена линија је Ы координата се завршава',
+      rect_height: 'Промени правоугаоник висина',
+      rect_width: 'Промени правоугаоник ширине',
+      corner_radius: 'Промена правоугаоник Кутак радијуса',
+      image_width: 'Промени слику ширине',
+      image_height: 'Промени слику висине',
+      image_url: 'Промените УРЛ адресу',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Промена садржаја текстуалне',
+      font_family: 'Цханге фонт породицу',
+      font_size: 'Цханге фонт сизе',
+      bold: 'Подебљан текст',
+      italic: 'Италиц текст'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Промена боје позадине / непрозирност',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Стане на садржај',
+      fit_to_all: 'Уклопи у сав садржај',
+      fit_to_canvas: 'Стане на платну',
+      fit_to_layer_content: 'Уклопи у слоју садржај',
+      fit_to_sel: 'Уклопи у избор',
+      align_relative_to: 'Алигн у односу на ...',
+      relativeTo: 'у односу на:',
+      page: 'страна',
+      largest_object: 'Највећи објекат',
+      selected_objects: 'изабраних објеката',
+      smallest_object: 'Најмањи објекат',
+      new_doc: 'Нова слика',
+      open_doc: 'Отвори слике',
+      export_img: 'Export',
+      save_doc: 'Сачувај слика',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Поравнај доле',
+      align_center: 'Поравнај по центру',
+      align_left: 'Поравнај лево',
+      align_middle: 'Алигн Средњи',
+      align_right: 'Поравнај десно',
+      align_top: 'Поравнајте врх',
+      mode_select: 'Изаберите алатку',
+      mode_fhpath: 'Алатка оловка',
+      mode_line: 'Линија Алат',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Фрее-Ручни правоугаоник',
+      mode_ellipse: 'Елипса',
+      mode_circle: 'Круг',
+      mode_fhellipse: 'Фрее-Ручни Елипса',
+      mode_path: 'Path Tool',
+      mode_text: 'Текст Алат',
+      mode_image: 'Алатка за слике',
+      mode_zoom: 'Алатка за зумирање',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Поништи',
+      redo: 'Редо',
+      tool_source: 'Уреди Извор',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Група Елементи',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Разгрупирање Елементи',
+      docprops: 'Особине документа',
+      move_bottom: 'Премести на доле',
+      move_top: 'Премести на врх',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Сачувати',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Избриши слој',
+      move_down: 'Помери слој доле',
+      new: 'Нови слој',
+      rename: 'Преименуј слој',
+      move_up: 'Помери слој Горе',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Изаберите унапред дефинисани:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_sr;
+
+}());
diff --git a/dist/locale/lang.sv.js b/dist/locale/lang.sv.js
new file mode 100644
index 00000000..3cf3e977
--- /dev/null
+++ b/dist/locale/lang.sv.js
@@ -0,0 +1,224 @@
+var svgEditorLang_sv = (function () {
+  'use strict';
+
+  var lang_sv = {
+    lang: 'sv',
+    dir: 'ltr',
+    common: {
+      ok: 'Spara',
+      cancel: 'Avbryt',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Klicka för att ändra fyllningsfärg, shift-klicka för att ändra färgar',
+      zoom_level: 'Ändra zoomnivå',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Ändra fyllningsfärg',
+      stroke_color: 'Ändra färgar',
+      stroke_style: 'Ändra stroke Dash stil',
+      stroke_width: 'Ändra stroke bredd',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Ändra rotationsvinkel',
+      blur: 'Change gaussian blur value',
+      opacity: 'Ändra markerat objekt opacitet',
+      circle_cx: 'Ändra cirkeln cx samordna',
+      circle_cy: 'Ändra cirkeln samordna cy',
+      circle_r: 'Ändra cirkelns radie',
+      ellipse_cx: 'Ändra ellips&#39;s cx samordna',
+      ellipse_cy: 'Ändra ellips&#39;s samordna cy',
+      ellipse_rx: 'Ändra ellips&#39;s x radie',
+      ellipse_ry: 'Ändra ellips&#39;s y radie',
+      line_x1: 'Ändra Lines startar x samordna',
+      line_x2: 'Ändra Lines slutar x samordna',
+      line_y1: 'Ändra Lines startar Y-koordinat',
+      line_y2: 'Ändra Lines slutar Y-koordinat',
+      rect_height: 'Ändra rektangel höjd',
+      rect_width: 'Ändra rektangel bredd',
+      corner_radius: 'Ändra rektangel hörnradie',
+      image_width: 'Ändra bild bredd',
+      image_height: 'Ändra bildhöjd',
+      image_url: 'Ändra URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Ändra textinnehållet',
+      font_family: 'Ändra Typsnitt',
+      font_size: 'Ändra textstorlek',
+      bold: 'Fet text',
+      italic: 'Kursiv text'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Ändra bakgrundsfärg / opacitet',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Passar till allt innehåll',
+      fit_to_canvas: 'Anpassa till duk',
+      fit_to_layer_content: 'Anpassa till lager innehåll',
+      fit_to_sel: 'Anpassa till val',
+      align_relative_to: 'Justera förhållande till ...',
+      relativeTo: 'jämfört:',
+      page: 'sida',
+      largest_object: 'största objekt',
+      selected_objects: 'valda objekt',
+      smallest_object: 'minsta objektet',
+      new_doc: 'New Image',
+      open_doc: 'Öppna bild',
+      export_img: 'Export',
+      save_doc: 'Save Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Centrera',
+      align_left: 'Vänsterjustera',
+      align_middle: 'Justera Middle',
+      align_right: 'Högerjustera',
+      align_top: 'Justera Top',
+      mode_select: 'Markeringsverktyget',
+      mode_fhpath: 'Pennverktyget',
+      mode_line: 'Linjeverktyg',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Fri hand rektangel',
+      mode_ellipse: 'Ellips',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Fri hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Textverktyg',
+      mode_image: 'Bildverktyg',
+      mode_zoom: 'Zoomverktyget',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Ångra',
+      redo: 'Redo',
+      tool_source: 'Redigera källa',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Group Elements',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Dela Elements',
+      docprops: 'Dokumentegenskaper',
+      move_bottom: 'Move to Bottom',
+      move_top: 'Flytta till början',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Spara',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Radera Layer',
+      move_down: 'Flytta Layer Down',
+      new: 'New Layer',
+      rename: 'Byt namn på Layer',
+      move_up: 'Flytta Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Välj fördefinierad:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_sv;
+
+}());
diff --git a/dist/locale/lang.sw.js b/dist/locale/lang.sw.js
new file mode 100644
index 00000000..883a6368
--- /dev/null
+++ b/dist/locale/lang.sw.js
@@ -0,0 +1,224 @@
+var svgEditorLang_sw = (function () {
+  'use strict';
+
+  var lang_sw = {
+    lang: 'sw',
+    dir: 'ltr',
+    common: {
+      ok: 'Okoa',
+      cancel: 'Cancel',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Click kubadili kujaza color, skiftarbete-click kubadili kiharusi color',
+      zoom_level: 'Change zoom ngazi',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Change kujaza Michezo',
+      stroke_color: 'Change kiharusi Michezo',
+      stroke_style: 'Change kiharusi dash style',
+      stroke_width: 'Change kiharusi width',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Change mzunguko vinkel',
+      blur: 'Change gaussian blur value',
+      opacity: 'Change selected opacity punkt',
+      circle_cx: 'Change mduara&#39;s CX kuratibu',
+      circle_cy: 'Change mduara&#39;s cy kuratibu',
+      circle_r: 'Change mduara&#39;s Radius',
+      ellipse_cx: 'Change ellipse s CX kuratibu',
+      ellipse_cy: 'Change ellipse s cy kuratibu',
+      ellipse_rx: 'Change ellipse s x Radius',
+      ellipse_ry: 'Change ellipse&#39;s y Radius',
+      line_x1: 'Change Mpya&#39;s mapya x kuratibu',
+      line_x2: 'Change Mpya&#39;s kuishia x kuratibu',
+      line_y1: 'Change Mpya&#39;s mapya y kuratibu',
+      line_y2: 'Change Mpya&#39;s kuishia y kuratibu',
+      rect_height: 'Change Mstatili height',
+      rect_width: 'Change Mstatili width',
+      corner_radius: 'Change Mstatili Corner Radius',
+      image_width: 'Change image width',
+      image_height: 'Change image urefu',
+      image_url: 'Change URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Change Nakala contents',
+      font_family: 'Change font Family',
+      font_size: 'Change font Size',
+      bold: 'Bold Nakala',
+      italic: 'Italiki Nakala'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Change background color / opacity',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Waliopo Content',
+      fit_to_all: 'Waliopo all content',
+      fit_to_canvas: 'Wanaofaa Canvas',
+      fit_to_layer_content: 'Waliopo safu content',
+      fit_to_sel: 'Waliopo uteuzi',
+      align_relative_to: 'Align jamaa na ...',
+      relativeTo: 'relativa att:',
+      page: 'Page',
+      largest_object: 'ukubwa object',
+      selected_objects: 'waliochaguliwa vitu',
+      smallest_object: 'minsta object',
+      new_doc: 'New Image',
+      open_doc: 'Open SVG',
+      export_img: 'Export',
+      save_doc: 'Save Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Align Center',
+      align_left: 'Align Left',
+      align_middle: 'Kati align',
+      align_right: 'Align Right',
+      align_top: 'Align Juu',
+      mode_select: 'Select Tool',
+      mode_fhpath: 'Penseli Tool',
+      mode_line: 'Mpya Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Rectangle',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Nakala Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Tengua',
+      redo: 'Redo',
+      tool_source: 'Edit Lugha',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Kikundi Elements',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elements',
+      docprops: 'Document Properties',
+      move_bottom: 'Kuhama Bottom',
+      move_top: 'Move to Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Save',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Delete Layer',
+      move_down: 'Move Layer Down',
+      new: 'Mpya Layer',
+      rename: 'Rename Layer',
+      move_up: 'Move Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Select predefined:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_sw;
+
+}());
diff --git a/dist/locale/lang.test.js b/dist/locale/lang.test.js
new file mode 100644
index 00000000..a9b972a8
--- /dev/null
+++ b/dist/locale/lang.test.js
@@ -0,0 +1,224 @@
+var svgEditorLang_test = (function () {
+  'use strict';
+
+  var lang_test = {
+    lang: 'test',
+    dir: 'ltr',
+    common: {
+      ok: 'OK',
+      cancel: 'Cancel',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Click to change fill color, shift-click to change stroke color',
+      zoom_level: 'Change zoom level',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Change fill color',
+      stroke_color: 'Change stroke color',
+      stroke_style: 'Change stroke dash style',
+      stroke_width: 'Change stroke width by 1, shift-click to change by 0.1',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Change rotation angle',
+      blur: 'Change gaussian blur value',
+      opacity: 'Change selected item opacity',
+      circle_cx: "Change circle's cx coordinate",
+      circle_cy: "Change circle's cy coordinate",
+      circle_r: "Change circle's radius",
+      ellipse_cx: "Change ellipse's cx coordinate",
+      ellipse_cy: "Change ellipse's cy coordinate",
+      ellipse_rx: "Change ellipse's x radius",
+      ellipse_ry: "Change ellipse's y radius",
+      line_x1: "Change line's starting x coordinate",
+      line_x2: "Change line's ending x coordinate",
+      line_y1: "Change line's starting y coordinate",
+      line_y2: "Change line's ending y coordinate",
+      rect_height: 'Change rectangle height',
+      rect_width: 'Change rectangle width',
+      corner_radius: 'Change Rectangle Corner Radius',
+      image_width: 'Change image width',
+      image_height: 'Change image height',
+      image_url: 'Change URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Change text contents',
+      font_family: 'Change Font Family',
+      font_size: 'Change Font Size',
+      bold: 'Bold Text',
+      italic: 'Italic Text'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Change background color/opacity',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Fit to all content',
+      fit_to_canvas: 'Fit to canvas',
+      fit_to_layer_content: 'Fit to layer content',
+      fit_to_sel: 'Fit to selection',
+      align_relative_to: 'Align relative to ...',
+      relativeTo: 'relative to:',
+      page: 'page',
+      largest_object: 'largest object',
+      selected_objects: 'selected objects',
+      smallest_object: 'smallest object',
+      new_doc: 'New Image',
+      open_doc: 'Open SVG',
+      export_img: 'Export',
+      save_doc: 'Save Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Align Center',
+      align_left: 'Align Left',
+      align_middle: 'Align Middle',
+      align_right: 'Align Right',
+      align_top: 'Align Top',
+      mode_select: 'Select Tool',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-Hand Rectangle',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Free-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Text Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Undo',
+      redo: 'Redo',
+      tool_source: 'Edit Source',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Group Elements',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elements',
+      docprops: 'Document Properties',
+      move_bottom: 'Move to Bottom',
+      move_top: 'Move to Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Apply Changes',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Move Layer Up',
+      move_down: 'Move Layer Down',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Delete Layer',
+      move_down: 'Move Layer Down',
+      new: 'New Layer',
+      rename: 'Rename Layer',
+      move_up: 'Move Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Select predefined:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: 'Move selected elements to layer \'%s\'?',
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_test;
+
+}());
diff --git a/dist/locale/lang.th.js b/dist/locale/lang.th.js
new file mode 100644
index 00000000..1474091f
--- /dev/null
+++ b/dist/locale/lang.th.js
@@ -0,0 +1,224 @@
+var svgEditorLang_th = (function () {
+  'use strict';
+
+  var lang_th = {
+    lang: 'th',
+    dir: 'ltr',
+    common: {
+      ok: 'บันทึก',
+      cancel: 'ยกเลิก',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'คลิกเพื่อเปลี่ยนใส่สีกะคลิกเปลี่ยนสีจังหวะ',
+      zoom_level: 'เปลี่ยนระดับการซูม',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'เปลี่ยนใส่สี',
+      stroke_color: 'สีจังหวะเปลี่ยน',
+      stroke_style: 'รีบเปลี่ยนสไตล์จังหวะ',
+      stroke_width: 'ความกว้างจังหวะเปลี่ยน',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'มุมหมุนเปลี่ยน',
+      blur: 'Change gaussian blur value',
+      opacity: 'เปลี่ยนความทึบเลือกรายการ',
+      circle_cx: 'Cx วงกลมเปลี่ยนของพิกัด',
+      circle_cy: 'วงกลมเปลี่ยนเป็น cy ประสานงาน',
+      circle_r: 'รัศมีวงกลมเปลี่ยนเป็น',
+      ellipse_cx: 'เปลี่ยน ellipse ของ cx ประสานงาน',
+      ellipse_cy: 'Ellipse เปลี่ยนของ cy ประสานงาน',
+      ellipse_rx: 'Ellipse เปลี่ยนของรัศมี x',
+      ellipse_ry: 'Ellipse เปลี่ยนของรัศมี y',
+      line_x1: 'สายเปลี่ยนเป็นเริ่มต้น x พิกัด',
+      line_x2: 'สายเปลี่ยนเป็นสิ้นสุด x พิกัด',
+      line_y1: 'สายเปลี่ยนเป็นเริ่มต้น y พิกัด',
+      line_y2: 'สายเปลี่ยนเป็นสิ้นสุด y พิกัด',
+      rect_height: 'ความสูงสี่เหลี่ยมผืนผ้าเปลี่ยน',
+      rect_width: 'ความกว้างสี่เหลี่ยมผืนผ้าเปลี่ยน',
+      corner_radius: 'รัศมีเปลี่ยนสี่เหลี่ยมผืนผ้า Corner',
+      image_width: 'ความกว้างเปลี่ยนรูปภาพ',
+      image_height: 'ความสูงเปลี่ยนรูปภาพ',
+      image_url: 'URL เปลี่ยน',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'เปลี่ยนเนื้อหาข้อความ',
+      font_family: 'ครอบครัว Change Font',
+      font_size: 'เปลี่ยนขนาดตัวอักษร',
+      bold: 'ข้อความตัวหนา',
+      italic: 'ข้อความตัวเอียง'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'สีพื้นหลังเปลี่ยน / ความทึบ',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'พอดีกับเนื้อหาทั้งหมด',
+      fit_to_canvas: 'เหมาะสมในการผ้าใบ',
+      fit_to_layer_content: 'พอดีเนื้อหาชั้นที่',
+      fit_to_sel: 'เหมาะสมในการเลือก',
+      align_relative_to: 'จัดชิดเทียบกับ ...',
+      relativeTo: 'เทียบกับ:',
+      page: 'หน้า',
+      largest_object: 'ที่ใหญ่ที่สุดในวัตถุ',
+      selected_objects: 'วัตถุเลือกตั้ง',
+      smallest_object: 'วัตถุที่เล็กที่สุด',
+      new_doc: 'รูปภาพใหม่',
+      open_doc: 'ภาพเปิด',
+      export_img: 'Export',
+      save_doc: 'บันทึกรูปภาพ',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'ด้านล่างชิด',
+      align_center: 'จัดแนวกึ่งกลาง',
+      align_left: 'จัดชิดซ้าย',
+      align_middle: 'กลางชิด',
+      align_right: 'จัดชิดขวา',
+      align_top: 'ด้านบนชิด',
+      mode_select: 'เครื่องมือเลือก',
+      mode_fhpath: 'เครื่องมือดินสอ',
+      mode_line: 'เครื่องมือ Line',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'สี่เหลี่ยมผืนผ้า Free-Hand',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Ellipse Free-Hand',
+      mode_path: 'Path Tool',
+      mode_text: 'เครื่องมือ Text',
+      mode_image: 'เครื่องมือ Image',
+      mode_zoom: 'เครื่องมือซูม',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'เลิก',
+      redo: 'ทำซ้ำ',
+      tool_source: 'แหล่งที่มาแก้ไข',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'องค์ประกอบของกลุ่ม',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'องค์ประกอบ Ungroup',
+      docprops: 'คุณสมบัติของเอกสาร',
+      move_bottom: 'ย้ายไปด้านล่าง',
+      move_top: 'ย้ายไปด้านบน',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'บันทึก',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Delete Layer',
+      move_down: 'ย้าย Layer ลง',
+      new: 'Layer ใหม่',
+      rename: 'Layer เปลี่ยนชื่อ',
+      move_up: 'ย้าย Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'เลือกที่กำหนดไว้ล่วงหน้า:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_th;
+
+}());
diff --git a/dist/locale/lang.tl.js b/dist/locale/lang.tl.js
new file mode 100644
index 00000000..f5bdea35
--- /dev/null
+++ b/dist/locale/lang.tl.js
@@ -0,0 +1,224 @@
+var svgEditorLang_tl = (function () {
+  'use strict';
+
+  var lang_tl = {
+    lang: 'tl',
+    dir: 'ltr',
+    common: {
+      ok: 'I-save',
+      cancel: 'I-cancel',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'I-click upang baguhin ang punan ang kulay, paglilipat-click upang baguhin ang paghampas ng kulay',
+      zoom_level: 'Baguhin ang antas ng zoom',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Baguhin ang punuin ng kulay',
+      stroke_color: 'Baguhin ang kulay ng paghampas',
+      stroke_style: 'Baguhin ang stroke pagsugod estilo',
+      stroke_width: 'Baguhin ang stroke lapad',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Baguhin ang pag-ikot anggulo',
+      blur: 'Change gaussian blur value',
+      opacity: 'Palitan ang mga napiling bagay kalabuan',
+      circle_cx: 'Cx Baguhin ang bilog&#39;s coordinate',
+      circle_cy: 'Baguhin ang bilog&#39;s cy coordinate',
+      circle_r: 'Baguhin ang radius ng bilog',
+      ellipse_cx: 'Baguhin ang tambilugan&#39;s cx-ugma',
+      ellipse_cy: 'Baguhin ang tambilugan&#39;s cy coordinate',
+      ellipse_rx: 'X radius Baguhin ang tambilugan&#39;s',
+      ellipse_ry: 'Y radius Baguhin ang tambilugan&#39;s',
+      line_x1: 'Baguhin ang linya ng simula x coordinate',
+      line_x2: 'Baguhin ang linya ay nagtatapos x coordinate',
+      line_y1: 'Baguhin ang linya ng simula y coordinate',
+      line_y2: 'Baguhin ang linya ay nagtatapos y coordinate',
+      rect_height: 'Baguhin ang rektanggulo taas',
+      rect_width: 'Baguhin ang rektanggulo lapad',
+      corner_radius: 'Baguhin ang Parihaba Corner Radius',
+      image_width: 'Baguhin ang lapad ng imahe',
+      image_height: 'Baguhin ang taas ng imahe',
+      image_url: 'Baguhin ang URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Baguhin ang mga nilalaman ng teksto',
+      font_family: 'Baguhin ang Pamilya ng Font',
+      font_size: 'Baguhin ang Laki ng Font',
+      bold: 'Bold Text',
+      italic: 'Italic Text'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Baguhin ang kulay ng background / kalabuan',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Pagkasyahin sa Nilalaman',
+      fit_to_all: 'Pagkasyahin sa lahat ng mga nilalaman',
+      fit_to_canvas: 'Pagkasyahin sa tolda',
+      fit_to_layer_content: 'Pagkasyahin sa layer nilalaman',
+      fit_to_sel: 'Pagkasyahin sa pagpili',
+      align_relative_to: 'Pantayin sa kamag-anak sa ...',
+      relativeTo: 'kamag-anak sa:',
+      page: 'pahina',
+      largest_object: 'pinakamalaking bagay',
+      selected_objects: 'inihalal na mga bagay',
+      smallest_object: 'pinakamaliit na bagay',
+      new_doc: 'Bagong Imahe',
+      open_doc: 'Buksan ang Image',
+      export_img: 'Export',
+      save_doc: 'I-save ang Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Pantayin sa Ibaba',
+      align_center: 'Pantayin sa Gitna',
+      align_left: 'Pantayin ang Kaliwa',
+      align_middle: 'Pantayin sa Gitnang',
+      align_right: 'Pantayin sa Kanan',
+      align_top: 'Pantayin Top',
+      mode_select: 'Piliin ang Tool',
+      mode_fhpath: 'Kasangkapan ng lapis',
+      mode_line: 'Line Kasangkapan',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Libreng-kamay Parihaba',
+      mode_ellipse: 'Tambilugan',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Libreng-kamay tambilugan',
+      mode_path: 'Path Tool',
+      mode_text: 'Text Kasangkapan',
+      mode_image: 'Image Kasangkapan',
+      mode_zoom: 'Mag-zoom Kasangkapan',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Bawiin',
+      redo: 'Gawin muli',
+      tool_source: 'I-edit ang Source',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Group Sangkap',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Sangkap',
+      docprops: 'Document Katangian',
+      move_bottom: 'Ilipat sa Ibaba',
+      move_top: 'Ilipat sa Tuktok',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'I-save',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Tanggalin Layer',
+      move_down: 'Ilipat Layer Down',
+      new: 'Bagong Layer',
+      rename: 'Palitan ang pangalan ng Layer',
+      move_up: 'Ilipat Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Piliin ang paunang-natukoy na:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_tl;
+
+}());
diff --git a/dist/locale/lang.tr.js b/dist/locale/lang.tr.js
new file mode 100644
index 00000000..c86cbab6
--- /dev/null
+++ b/dist/locale/lang.tr.js
@@ -0,0 +1,224 @@
+var svgEditorLang_tr = (function () {
+  'use strict';
+
+  var lang_tr = {
+    lang: 'tr',
+    dir: 'ltr',
+    common: {
+      ok: 'Kaydetmek',
+      cancel: 'Iptal',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Tıklatın renk, vardiya dolgu zamanlı rengini değiştirmek için tıklayın değiştirmek için',
+      zoom_level: 'Yakınlaştırma düzeyini değiştirebilirsiniz',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Renk değiştirmek doldurmak',
+      stroke_color: 'Değiştirmek inme renk',
+      stroke_style: 'Değiştirmek inme çizgi stili',
+      stroke_width: 'Değiştirmek vuruş genişliği',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Değiştirmek dönme açısı',
+      blur: 'Change gaussian blur value',
+      opacity: 'Değiştirmek öğe opacity seçilmiş',
+      circle_cx: 'Değiştirmek daire&#39;s cx koordine',
+      circle_cy: 'Değiştirmek daire cy koordine&#39;s',
+      circle_r: 'Değiştirmek daire yarıçapı',
+      ellipse_cx: '&#39;s Koordine cx elips Girişi',
+      ellipse_cy: 'Değiştirmek elips cy koordine&#39;s',
+      ellipse_rx: 'Değiştirmek elips&#39;s x yarıçapı',
+      ellipse_ry: 'Değiştirmek elips Y yarıçapı',
+      line_x1: 'Değiştirmek hattı&#39;s koordine x başlangıç',
+      line_x2: 'Değiştirmek hattı&#39;s koordine x biten',
+      line_y1: 'Değiştirmek hattı y başlangıç&#39;s koordine',
+      line_y2: 'Değiştirmek hattı y biten&#39;s koordine',
+      rect_height: 'Değiştirmek dikdörtgen yüksekliği',
+      rect_width: 'Değiştirmek dikdörtgen genişliği',
+      corner_radius: 'Değiştirmek Dikdörtgen Köşe Yarıçap',
+      image_width: 'Değiştirmek görüntü genişliği',
+      image_height: 'Değiştirmek görüntü yüksekliği',
+      image_url: 'Değiştirmek URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Değiştirmek metin içeriği',
+      font_family: 'Font değiştir Aile',
+      font_size: 'Change font size',
+      bold: 'Kalın Yazı',
+      italic: 'Italik yazı'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Arka plan rengini değiştirmek / opacity',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Fit to Content',
+      fit_to_all: 'Fit tüm içerik için',
+      fit_to_canvas: 'Fit tuvaline',
+      fit_to_layer_content: 'Sığacak şekilde katman içerik',
+      fit_to_sel: 'Fit seçimine',
+      align_relative_to: 'Align göre ...',
+      relativeTo: 'göreli:',
+      page: 'sayfa',
+      largest_object: 'en büyük nesne',
+      selected_objects: 'seçilen nesneleri',
+      smallest_object: 'küçük nesne',
+      new_doc: 'Yeni Resim',
+      open_doc: 'Aç Resim',
+      export_img: 'Export',
+      save_doc: 'Görüntüyü Kaydet',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Ortala',
+      align_left: 'Sola',
+      align_middle: 'Align Orta',
+      align_right: 'Sağa Hizala',
+      align_top: 'Align Top',
+      mode_select: 'Seçim aracı',
+      mode_fhpath: 'Kalem Aracı',
+      mode_line: 'Line Aracı',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-El Dikdörtgen',
+      mode_ellipse: 'Elips',
+      mode_circle: 'Daire',
+      mode_fhellipse: 'Free-El Elips',
+      mode_path: 'Path Tool',
+      mode_text: 'Metin Aracı',
+      mode_image: 'Resim Aracı',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Geri',
+      redo: 'Redo',
+      tool_source: 'Değiştir Kaynak',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Grup Elemanları',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Çöz Elemanları',
+      docprops: 'Belge Özellikleri',
+      move_bottom: 'Altına gider',
+      move_top: 'Üste taşı',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Kaydetmek',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Delete Layer',
+      move_down: 'Katman Aşağı Taşı',
+      new: 'Yeni Katman',
+      rename: 'Rename Katman',
+      move_up: 'Up Katman Taşı',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Seçin önceden tanımlanmış:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_tr;
+
+}());
diff --git a/dist/locale/lang.uk.js b/dist/locale/lang.uk.js
new file mode 100644
index 00000000..ab883b9b
--- /dev/null
+++ b/dist/locale/lang.uk.js
@@ -0,0 +1,224 @@
+var svgEditorLang_uk = (function () {
+  'use strict';
+
+  var lang_uk = {
+    lang: 'uk',
+    dir: 'ltr',
+    common: {
+      ok: 'Зберегти',
+      cancel: 'Скасування',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Натисніть для зміни кольору заливки, Shift-Click змінити обвід',
+      zoom_level: 'Зміна масштабу',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Зміна кольору заливки',
+      stroke_color: 'Зміна кольору інсульт',
+      stroke_style: 'Зміна стилю інсульт тире',
+      stroke_width: 'Зміни ширина штриха',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Зміна кута повороту',
+      blur: 'Change gaussian blur value',
+      opacity: 'Зміна вибраного пункту непрозорості',
+      circle_cx: 'CX зміну кола координата',
+      circle_cy: 'Зміни гуртка CY координати',
+      circle_r: 'Зміна кола&#39;s радіус',
+      ellipse_cx: 'Зміни еліпса CX координати',
+      ellipse_cy: 'Зміни еліпса CY координати',
+      ellipse_rx: 'Х Зміни еліпса радіусом',
+      ellipse_ry: 'Зміни у еліпса радіусом',
+      line_x1: 'Зміни починає координати лінія х',
+      line_x2: 'Зміни за період, що закінчився лінія координати х',
+      line_y1: 'Зміни лінія починає Y координата',
+      line_y2: 'Зміна за період, що закінчився лінія Y координата',
+      rect_height: 'Зміни прямокутник висотою',
+      rect_width: 'Зміна ширини прямокутника',
+      corner_radius: 'Зміни прямокутник Corner Radius',
+      image_width: 'Зміни ширина зображення',
+      image_height: 'Зміна висоти зображення',
+      image_url: 'Змінити URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Зміна змісту тексту',
+      font_family: 'Зміни Сімейство шрифтів',
+      font_size: 'Змінити розмір шрифту',
+      bold: 'Товстий текст',
+      italic: 'Похилий текст'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Зміна кольору тла / непрозорість',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'За розміром змісту',
+      fit_to_all: 'За розміром весь вміст',
+      fit_to_canvas: 'Розмір полотна',
+      fit_to_layer_content: 'За розміром шар змісту',
+      fit_to_sel: 'Вибір розміру',
+      align_relative_to: 'Вирівняти по відношенню до ...',
+      relativeTo: 'в порівнянні з:',
+      page: 'сторінка',
+      largest_object: 'найбільший об&#39;єкт',
+      selected_objects: 'обраними об&#39;єктами',
+      smallest_object: 'маленький об&#39;єкт',
+      new_doc: 'Нове зображення',
+      open_doc: 'Відкрити зображення',
+      export_img: 'Export',
+      save_doc: 'Зберегти малюнок',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Вирівняти по нижньому краю',
+      align_center: 'Вирівняти по центру',
+      align_left: 'По лівому краю',
+      align_middle: 'Вирівняти Близького',
+      align_right: 'По правому краю',
+      align_top: 'Вирівняти по верхньому краю',
+      mode_select: 'Виберіть інструмент',
+      mode_fhpath: 'Pencil Tool',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Вільної руки Прямокутник',
+      mode_ellipse: 'Еліпс',
+      mode_circle: 'Коло',
+      mode_fhellipse: 'Вільної руки Еліпс',
+      mode_path: 'Path Tool',
+      mode_text: 'Текст Tool',
+      mode_image: 'Image Tool',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Скасувати',
+      redo: 'Повтор',
+      tool_source: 'Змінити вихідний',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Група елементів',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Елементи розгрупувати',
+      docprops: 'Властивості документа',
+      move_bottom: 'Перемістити вниз',
+      move_top: 'Перемістити догори',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Зберегти',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Видалити шар',
+      move_down: 'Перемістити шар на',
+      new: 'Новий шар',
+      rename: 'Перейменувати Шар',
+      move_up: 'Переміщення шару до',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Виберіть зумовлений:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_uk;
+
+}());
diff --git a/dist/locale/lang.vi.js b/dist/locale/lang.vi.js
new file mode 100644
index 00000000..a5312cd1
--- /dev/null
+++ b/dist/locale/lang.vi.js
@@ -0,0 +1,224 @@
+var svgEditorLang_vi = (function () {
+  'use strict';
+
+  var lang_vi = {
+    lang: 'vi',
+    dir: 'ltr',
+    common: {
+      ok: 'Lưu',
+      cancel: 'Hủy',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'Nhấn vào đây để thay đổi đầy màu sắc, thay đổi nhấp chuột để thay đổi màu sắc đột quỵ',
+      zoom_level: 'Thay đổi mức độ phóng',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'Thay đổi đầy màu sắc',
+      stroke_color: 'Thay đổi màu sắc đột quỵ',
+      stroke_style: 'Thay đổi phong cách đột quỵ dash',
+      stroke_width: 'Thay đổi chiều rộng đột quỵ',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'Thay đổi góc xoay',
+      blur: 'Change gaussian blur value',
+      opacity: 'Thay đổi lựa chọn opacity mục',
+      circle_cx: 'Thay đổi hình tròn của cx phối hợp',
+      circle_cy: 'Thay đổi hình tròn của vi phối hợp',
+      circle_r: 'Thay đổi bán kính của hình tròn',
+      ellipse_cx: 'Thay đổi hình elip của cx phối hợp',
+      ellipse_cy: 'Thay đổi hình elip của vi phối hợp',
+      ellipse_rx: 'Thay đổi hình elip của x bán kính',
+      ellipse_ry: 'Y Thay đổi bán kính của hình ellipse',
+      line_x1: 'Thay đổi dòng của bắt đầu từ x phối hợp',
+      line_x2: 'Thay đổi dòng của x kết thúc sớm nhất phối hợp',
+      line_y1: 'Thay đổi dòng của bắt đầu từ y phối hợp',
+      line_y2: 'Thay đổi dòng của kết thúc y phối hợp',
+      rect_height: 'Thay đổi hình chữ nhật chiều cao',
+      rect_width: 'Thay đổi hình chữ nhật chiều rộng',
+      corner_radius: 'Thay đổi chữ nhật Corner Radius',
+      image_width: 'Thay đổi hình ảnh rộng',
+      image_height: 'Thay đổi hình ảnh chiều cao',
+      image_url: 'Thay đổi URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'Thay đổi nội dung văn bản',
+      font_family: 'Thay đổi Font Gia đình',
+      font_size: 'Thay đổi cỡ chữ',
+      bold: 'Bold Text',
+      italic: 'Italic Text'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'Thay đổi màu nền / opacity',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'Phù hợp với nội dung',
+      fit_to_all: 'Phù hợp với tất cả nội dung',
+      fit_to_canvas: 'Phù hợp với vải',
+      fit_to_layer_content: 'Vào lớp phù hợp với nội dung',
+      fit_to_sel: 'Phù hợp để lựa chọn',
+      align_relative_to: 'Căn liên quan đến ...',
+      relativeTo: 'liên quan đến:',
+      page: 'Page',
+      largest_object: 'lớn nhất đối tượng',
+      selected_objects: 'bầu các đối tượng',
+      smallest_object: 'nhỏ đối tượng',
+      new_doc: 'Hình mới',
+      open_doc: 'Mở Image',
+      export_img: 'Export',
+      save_doc: 'Save Image',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'Align Bottom',
+      align_center: 'Căn giữa',
+      align_left: 'Căn còn lại',
+      align_middle: 'Căn Trung',
+      align_right: 'Căn phải',
+      align_top: 'Căn Top',
+      mode_select: 'Chọn Công cụ',
+      mode_fhpath: 'Bút chì Công cụ',
+      mode_line: 'Line Tool',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Việt-Hand Hình chữ nhật',
+      mode_ellipse: 'Ellipse',
+      mode_circle: 'Circle',
+      mode_fhellipse: 'Việt-Hand Ellipse',
+      mode_path: 'Path Tool',
+      mode_text: 'Text Tool',
+      mode_image: 'Hình Công cụ',
+      mode_zoom: 'Zoom Tool',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'Hoàn tác',
+      redo: 'Làm lại',
+      tool_source: 'Sửa Nguồn',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'Nhóm Elements',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elements',
+      docprops: 'Document Properties',
+      move_bottom: 'Chuyển đến đáy',
+      move_top: 'Move to Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'Lưu',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'Xoá Layer',
+      move_down: 'Move Layer Down',
+      new: 'New Layer',
+      rename: 'Đổi tên Layer',
+      move_up: 'Di chuyển Layer Up',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'Chọn định sẵn:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_vi;
+
+}());
diff --git a/dist/locale/lang.yi.js b/dist/locale/lang.yi.js
new file mode 100644
index 00000000..44d5fa4d
--- /dev/null
+++ b/dist/locale/lang.yi.js
@@ -0,0 +1,224 @@
+var svgEditorLang_yi = (function () {
+  'use strict';
+
+  var lang_yi = {
+    lang: 'yi',
+    dir: 'ltr',
+    common: {
+      ok: 'היט',
+      cancel: 'באָטל מאַכן',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: 'גיט צו ענדערן אָנעסן קאָליר, יבעררוק-גיט צו טוישן מאַך קאָליר',
+      zoom_level: 'ענדערן פארגרעסער הייך',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: 'ענדערן אָנעסן קאָליר',
+      stroke_color: 'טוישן מאַך קאָליר',
+      stroke_style: 'טוישן מאַך לאָך מאָדע',
+      stroke_width: 'טוישן מאַך ברייט',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: 'ענדערן ראָוטיישאַן ווינקל',
+      blur: 'Change gaussian blur value',
+      opacity: 'ענדערן סעלעקטעד נומער אָופּאַסאַטי',
+      circle_cx: 'ענדערן קרייז ס קקס קאָואָרדאַנאַט',
+      circle_cy: 'ענדערן קרייז ס סי קאָואָרדאַנאַט',
+      circle_r: 'ענדערן קרייז ס ראַדיוס',
+      ellipse_cx: 'ענדערן יליפּס ס קקס קאָואָרדאַנאַט',
+      ellipse_cy: 'ענדערן יליפּס ס סי קאָואָרדאַנאַט',
+      ellipse_rx: 'ענדערן יליפּס ס &#39;קס ראַדיוס',
+      ellipse_ry: 'ענדערן יליפּס ס &#39;י ראַדיוס',
+      line_x1: 'טוישן ליניע ס &#39;סטאַרטינג קס קאָואָרדאַנאַט',
+      line_x2: 'טוישן ליניע ס &#39;סאָף קס קאָואָרדאַנאַט',
+      line_y1: 'טוישן ליניע ס &#39;סטאַרטינג י קאָואָרדאַנאַט',
+      line_y2: 'טוישן ליניע ס &#39;סאָף י קאָואָרדאַנאַט',
+      rect_height: 'ענדערן גראָדעק הייך',
+      rect_width: 'ענדערן גראָדעק ברייט',
+      corner_radius: 'ענדערן רעקטאַנגלע קאָרנער ראַדיוס',
+      image_width: 'טוישן בילד ברייט',
+      image_height: 'טוישן בילד הייך',
+      image_url: 'ענדערן URL',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: 'ענדערן טעקסט אינהאַלט',
+      font_family: 'ענדערן פאָנט פאַמילי',
+      font_size: 'בייטן פאָנט גרייס',
+      bold: 'דרייסט טעקסט',
+      italic: 'יטאַליק טעקסט'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: 'ענדערן הינטערגרונט פאַרב / אָופּאַסאַטי',
+      connector_no_arrow: 'No arrow',
+      fitToContent: 'פּאַסיק צו אינהאַלט',
+      fit_to_all: 'פּאַסיק צו אַלע אינהאַלט',
+      fit_to_canvas: 'פּאַסיק צו לייוונט',
+      fit_to_layer_content: 'פּאַסיק צו שיכטע אינהאַלט',
+      fit_to_sel: 'פּאַסיק צו אָפּקלייב',
+      align_relative_to: 'יינרייען קאָרעוו צו ...',
+      relativeTo: 'קאָרעוו צו:',
+      page: 'בלאַט',
+      largest_object: 'לאַרדזשאַסט קעגן',
+      selected_objects: 'עלעקטעד אַבדזשעקץ',
+      smallest_object: 'סמאָלאַסט קעגן',
+      new_doc: 'ניו בילד',
+      open_doc: 'Open בילד',
+      export_img: 'Export',
+      save_doc: 'היט בילד',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: 'יינרייען באָטטאָם',
+      align_center: 'יינרייען צענטער',
+      align_left: 'יינרייען לעפט',
+      align_middle: 'יינרייען מיטל',
+      align_right: 'יינרייען רעכט',
+      align_top: 'יינרייען Top',
+      mode_select: 'סעלעקטירן טול',
+      mode_fhpath: 'בלייער טול',
+      mode_line: 'שורה טול',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: 'Free-הענט רעקטאַנגלע',
+      mode_ellipse: 'עלליפּסע',
+      mode_circle: 'קאַראַהאָד',
+      mode_fhellipse: 'Free-הענט עלליפּסע',
+      mode_path: 'Path Tool',
+      mode_text: 'טעקסט טול',
+      mode_image: 'בילד טול',
+      mode_zoom: 'פארגרעסער טול',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: 'ופמאַכן',
+      redo: 'רעדאָ',
+      tool_source: 'רעדאַקטירן סאָרס',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: 'גרופּע עלעמענץ',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'ונגראָופּ עלעמענץ',
+      docprops: 'דאָקומענט פּראָפּערטיעס',
+      move_bottom: 'מאַך צו באָטטאָם',
+      move_top: 'באַוועגן צו Top',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: 'היט',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: 'ויסמעקן לייַער',
+      move_down: 'קער לייַער דאָוון',
+      new: 'ניו לייַער',
+      rename: 'רענאַמע לייַער',
+      move_up: 'באַוועגן לייַער אַרויף',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: 'סעלעקטירן פּרעדעפינעד:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_yi;
+
+}());
diff --git a/dist/locale/lang.zh-CN.js b/dist/locale/lang.zh-CN.js
new file mode 100644
index 00000000..cf544781
--- /dev/null
+++ b/dist/locale/lang.zh-CN.js
@@ -0,0 +1,224 @@
+var svgEditorLang_zh_CN = (function () {
+  'use strict';
+
+  var lang_zhCN = {
+    lang: 'zh-CN',
+    dir: 'ltr',
+    common: {
+      ok: '确定',
+      cancel: '取消',
+      key_backspace: '退格',
+      key_del: '删除',
+      key_down: '下',
+      key_up: '上',
+      more_opts: '更多选项',
+      url: 'URL',
+      width: '宽度',
+      height: '高度'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: '显示/隐藏更式边线工具',
+      palette_info: '点击更改填充颜色，按住Shift键单击更改线条颜色',
+      zoom_level: '更改缩放级别',
+      panel_drag: '左右拖拽调整面板大小',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: '元素ID',
+      fill_color: '更改填充颜色',
+      stroke_color: '线条的颜色变化',
+      stroke_style: '更改线条样式',
+      stroke_width: '更改线条宽度',
+      pos_x: '更改X坐标',
+      pos_y: '更改Y坐标',
+      linecap_butt: '顶端样式: 齐平',
+      linecap_round: '顶端样式: 圆滑',
+      linecap_square: '顶端样式: 方块',
+      linejoin_bevel: '连接处: 削平',
+      linejoin_miter: '连接处: 直角',
+      linejoin_round: '连接处: 圆角',
+      angle: '更改旋转角度',
+      blur: '更改高斯模糊值',
+      opacity: '更改所选条目的不透明度',
+      circle_cx: '改变圆的中心X坐标',
+      circle_cy: '改变圆的中心Y坐标',
+      circle_r: '改变圆的半径',
+      ellipse_cx: '改变椭圆的中心X坐标',
+      ellipse_cy: '改变椭圆的中心Y坐标',
+      ellipse_rx: '改变椭圆的x半径',
+      ellipse_ry: '改变椭圆的y半径',
+      line_x1: '更改直线起点的x坐标',
+      line_x2: '更改直线终点的x坐标',
+      line_y1: '更改直线起点的y坐标',
+      line_y2: '更改直线终点的y坐标',
+      rect_height: '更改矩形的高度',
+      rect_width: '更改矩形的宽度',
+      corner_radius: '角半径：',
+      image_width: '更改图像的宽度',
+      image_height: '更改图像的高度',
+      image_url: '更改网址',
+      node_x: '更改节点的X坐标',
+      node_y: '更改节点的Y坐标',
+      seg_type: '修改线段类型',
+      straight_segments: '直线',
+      curve_segments: '曲线',
+      text_contents: '更改文本内容',
+      font_family: '更改字体样式',
+      font_size: '更改字体大小',
+      bold: '粗体',
+      italic: '斜体'
+    },
+    tools: {
+      main_menu: '主菜单',
+      bkgnd_color_opac: '更改背景颜色/不透明',
+      connector_no_arrow: '无箭头',
+      fitToContent: '适应内容',
+      fit_to_all: '适应于所有的内容',
+      fit_to_canvas: '适应画布',
+      fit_to_layer_content: '适应层内容',
+      fit_to_sel: '适应选中内容',
+      align_relative_to: '相对对齐 ...',
+      relativeTo: '相对于:',
+      page: '网页',
+      largest_object: '最大对象',
+      selected_objects: '选中的对象',
+      smallest_object: '最小的对象',
+      new_doc: '新文档',
+      open_doc: '打开文档',
+      export_img: '导出',
+      save_doc: '保存图像',
+      import_doc: '导入SVG',
+      align_to_page: '对齐元素到页面',
+      align_bottom: '底部对齐',
+      align_center: '居中对齐',
+      align_left: '左对齐',
+      align_middle: '水平居中对齐',
+      align_right: '右对齐',
+      align_top: '顶端对齐',
+      mode_select: '选择工具',
+      mode_fhpath: '铅笔工具',
+      mode_line: '线工具',
+      mode_rect: '矩形',
+      mode_square: '正方形',
+      mode_fhrect: '自由矩形',
+      mode_ellipse: '椭圆',
+      mode_circle: '圆形',
+      mode_fhellipse: '自由椭圆',
+      mode_path: '路径',
+      mode_text: '文字工具',
+      mode_image: '图像工具',
+      mode_zoom: '缩放工具',
+      no_embed: '注意: 根据SVG图像的存储位置，内嵌的位图可能无法显示!',
+      undo: '撤消',
+      redo: '重做',
+      tool_source: '编辑源',
+      wireframe_mode: '线条模式',
+      clone: '克隆元素',
+      del: '删除元素',
+      group_elements: '组合元素',
+      make_link: '创建超链接',
+      set_link_url: '设置链接URL (设置为空以删除)',
+      to_path: '转换为路径',
+      reorient_path: '调整路径',
+      ungroup: '取消组合元素',
+      docprops: '文档属性',
+      move_bottom: '移至底部',
+      move_top: '移至顶部',
+      node_clone: '复制节点',
+      node_delete: '删除节点',
+      node_link: '连接控制点',
+      add_subpath: '添加子路径',
+      openclose_path: '打开/关闭 子路径',
+      source_save: '保存',
+      cut: '剪切',
+      copy: '复制',
+      paste: '粘贴',
+      paste_in_place: '粘贴到原位置',
+      delete: '删除',
+      group: '组合',
+      move_front: '移至顶部',
+      move_up: '向上移动',
+      move_down: '向下移动',
+      move_back: '移至底部'
+    },
+    layers: {
+      layer: '图层',
+      layers: '图层',
+      del: '删除图层',
+      move_down: '向下移动图层',
+      new: '新建图层',
+      rename: '重命名图层',
+      move_up: '向上移动图层',
+      dupe: '复制图层',
+      merge_down: '向下合并',
+      merge_all: '全部合并',
+      move_elems_to: '移动元素至:',
+      move_selected: '移动元素至另一个图层'
+    },
+    config: {
+      image_props: '图像属性',
+      doc_title: '标题',
+      doc_dims: '画布大小',
+      included_images: '包含图像',
+      image_opt_embed: '嵌入数据 (本地文件)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: '编辑器首选项',
+      icon_size: '图标大小',
+      language: '语言',
+      background: '编辑器背景',
+      editor_img_url: '图像 URL',
+      editor_bg_note: '注意: 背景不会保存在图像中.',
+      icon_large: '大',
+      icon_medium: '中',
+      icon_small: '小',
+      icon_xlarge: '特大',
+      select_predefined: '选择预定义:',
+      units_and_rulers: '单位 & 标尺',
+      show_rulers: '显示标尺',
+      base_unit: '基本单位:',
+      grid: '网格',
+      snapping_onoff: '吸附开/关',
+      snapping_stepsize: '吸附步长:',
+      grid_color: '网格颜色'
+    },
+    notification: {
+      invalidAttrValGiven: '无效的参数',
+      noContentToFitTo: '无可适应的内容',
+      dupeLayerName: '已存在同名的图层!',
+      enterUniqueLayerName: '请输入一个唯一的图层名称',
+      enterNewLayerName: '请输入新的图层名称',
+      layerHasThatName: '图层已经采用了该名称',
+      QmoveElemsToLayer: "您确定移动所选元素到图层'%s'吗?",
+      QwantToClear: '您希望清除当前绘制的所有图形吗?\n该操作将无法撤消!',
+      QwantToOpen: '您希望打开一个新文档吗?\n该操作将无法撤消!',
+      QerrorsRevertToSource: 'SVG文件解析错误.\n是否还原到最初的SVG文件?',
+      QignoreSourceChanges: '忽略对SVG文件所作的更改么?',
+      featNotSupported: '不支持该功能',
+      enterNewImgURL: '请输入新图像的URLL',
+      defsFailOnSave: '注意: 由于您所使用的浏览器存在缺陷, 该图像无法正确显示 (不支持渐变或相关元素). 修复该缺陷后可正确显示.',
+      loadingImage: '正在加载图像, 请稍候...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: '同时注意以下几点: ',
+      unsavedChanges: '存在未保存的修改.',
+      enterNewLinkURL: '输入新建链接的URL地址',
+      errorLoadingSVG: '错误: 无法加载SVG数据',
+      URLloadFail: '无法从URL中加载',
+      retrieving: '检索 \'%s\'...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_zhCN;
+
+}());
diff --git a/dist/locale/lang.zh-HK.js b/dist/locale/lang.zh-HK.js
new file mode 100644
index 00000000..e1fc6c05
--- /dev/null
+++ b/dist/locale/lang.zh-HK.js
@@ -0,0 +1,224 @@
+var svgEditorLang_zh_HK = (function () {
+  'use strict';
+
+  var lang_zhHK = {
+    lang: 'zh-HK',
+    dir: 'ltr',
+    common: {
+      ok: '确定',
+      cancel: '取消',
+      key_backspace: 'backspace',
+      key_del: 'delete',
+      key_down: 'down',
+      key_up: 'up',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: '点击更改填充颜色，按住Shift键单击更改颜色中风',
+      zoom_level: '更改缩放级别',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: '更改填充颜色',
+      stroke_color: '中风的颜色变化',
+      stroke_style: '更改行程冲刺风格',
+      stroke_width: '笔划宽度的变化',
+      pos_x: 'Change X coordinate',
+      pos_y: 'Change Y coordinate',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: '旋转角度的变化',
+      blur: 'Change gaussian blur value',
+      opacity: '更改所选项目不透明',
+      circle_cx: '改变循环的CX坐标',
+      circle_cy: '改变循环的赛扬坐标',
+      circle_r: '改变圆的半径',
+      ellipse_cx: '改变椭圆的CX坐标',
+      ellipse_cy: '改变椭圆的赛扬坐标',
+      ellipse_rx: '改变椭圆的x半径',
+      ellipse_ry: '改变椭圆的y半径',
+      line_x1: '更改行的起点的x坐标',
+      line_x2: '更改行的结束x坐标',
+      line_y1: '更改行的起点的y坐标',
+      line_y2: '更改行的结束y坐标',
+      rect_height: '更改矩形的高度',
+      rect_width: '更改矩形的宽度',
+      corner_radius: '角半径：',
+      image_width: '更改图像的宽度',
+      image_height: '更改图像高度',
+      image_url: '更改网址',
+      node_x: "Change node's x coordinate",
+      node_y: "Change node's y coordinate",
+      seg_type: 'Change Segment type',
+      straight_segments: 'Straight',
+      curve_segments: 'Curve',
+      text_contents: '更改文字内容',
+      font_family: '更改字体家族',
+      font_size: '更改字体大小',
+      bold: '粗体',
+      italic: '斜体文本'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: '更改背景颜色/不透明',
+      connector_no_arrow: 'No arrow',
+      fitToContent: '适合内容',
+      fit_to_all: '适合于所有的内容',
+      fit_to_canvas: '适合画布',
+      fit_to_layer_content: '适合层内容',
+      fit_to_sel: '适合选择',
+      align_relative_to: '相对对齐 ...',
+      relativeTo: '相对于:',
+      page: '网页',
+      largest_object: '最大对象',
+      selected_objects: '选对象',
+      smallest_object: '最小的对象',
+      new_doc: '新形象',
+      open_doc: '打开图像',
+      export_img: 'Export',
+      save_doc: '保存图像',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: '底部对齐',
+      align_center: '居中对齐',
+      align_left: '左对齐',
+      align_middle: '中间对齐',
+      align_right: '右对齐',
+      align_top: '顶端对齐',
+      mode_select: '选择工具',
+      mode_fhpath: '铅笔工具',
+      mode_line: '线工具',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: '免费手矩形',
+      mode_ellipse: '椭圆',
+      mode_circle: '圈',
+      mode_fhellipse: '免费手椭圆',
+      mode_path: 'Path Tool',
+      mode_text: '文字工具',
+      mode_image: '图像工具',
+      mode_zoom: '缩放工具',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: '撤消',
+      redo: '重做',
+      tool_source: '编辑源',
+      wireframe_mode: 'Wireframe Mode',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: '族元素',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: 'Convert to Path',
+      reorient_path: 'Reorient path',
+      ungroup: 'Ungroup Elements',
+      docprops: '文档属性',
+      move_bottom: '移至底部',
+      move_top: '移动到顶部',
+      node_clone: 'Clone Node',
+      node_delete: 'Delete Node',
+      node_link: 'Link Control Points',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: '保存',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: 'Layer',
+      layers: 'Layers',
+      del: '删除层',
+      move_down: '层向下移动',
+      new: '新层',
+      rename: '重命名层',
+      move_up: '移动层最多',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: 'Move elements to:',
+      move_selected: 'Move selected elements to a different layer'
+    },
+    config: {
+      image_props: 'Image Properties',
+      doc_title: 'Title',
+      doc_dims: 'Canvas Dimensions',
+      included_images: 'Included Images',
+      image_opt_embed: 'Embed data (local files)',
+      image_opt_ref: 'Use file reference',
+      editor_prefs: 'Editor Preferences',
+      icon_size: 'Icon size',
+      language: 'Language',
+      background: 'Editor Background',
+      editor_img_url: 'Image URL',
+      editor_bg_note: 'Note: Background will not be saved with image.',
+      icon_large: 'Large',
+      icon_medium: 'Medium',
+      icon_small: 'Small',
+      icon_xlarge: 'Extra Large',
+      select_predefined: '选择预定义:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: 'Invalid value given',
+      noContentToFitTo: 'No content to fit to',
+      dupeLayerName: 'There is already a layer named that!',
+      enterUniqueLayerName: 'Please enter a unique layer name',
+      enterNewLayerName: 'Please enter the new layer name',
+      layerHasThatName: 'Layer already has that name',
+      QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+      QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+      QignoreSourceChanges: 'Ignore changes made to SVG source?',
+      featNotSupported: 'Feature not supported',
+      enterNewImgURL: 'Enter the new image URL',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_zhHK;
+
+}());
diff --git a/dist/locale/lang.zh-TW.js b/dist/locale/lang.zh-TW.js
new file mode 100644
index 00000000..b3b1dd9d
--- /dev/null
+++ b/dist/locale/lang.zh-TW.js
@@ -0,0 +1,224 @@
+var svgEditorLang_zh_TW = (function () {
+  'use strict';
+
+  var lang_zhTW = {
+    lang: 'zh-TW',
+    dir: 'ltr',
+    common: {
+      ok: '确定',
+      cancel: '取消',
+      key_backspace: '空白',
+      key_del: '刪除',
+      key_down: '下',
+      key_up: '上',
+      more_opts: 'More Options',
+      url: 'URL',
+      width: 'Width',
+      height: 'Height'
+    },
+    misc: {
+      powered_by: 'Powered by'
+    },
+    ui: {
+      toggle_stroke_tools: 'Show/hide more stroke tools',
+      palette_info: '點擊更改填充顏色，按住Shift鍵單擊更改線條顏色',
+      zoom_level: '更改縮放級別',
+      panel_drag: 'Drag left/right to resize side panel',
+      quality: 'Quality:',
+      pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+      pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+      pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+      pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+    },
+    properties: {
+      id: 'Identify the element',
+      fill_color: '更改填充顏色',
+      stroke_color: '線條顏色',
+      stroke_style: '更改線條（虛線）風格',
+      stroke_width: '線條寬度',
+      pos_x: '調整 X 軸',
+      pos_y: '調整 Y 軸',
+      linecap_butt: 'Linecap: Butt',
+      linecap_round: 'Linecap: Round',
+      linecap_square: 'Linecap: Square',
+      linejoin_bevel: 'Linejoin: Bevel',
+      linejoin_miter: 'Linejoin: Miter',
+      linejoin_round: 'Linejoin: Round',
+      angle: '旋轉角度',
+      blur: 'Change gaussian blur value',
+      opacity: '更改所選項目不透明度',
+      circle_cx: '改變圓的CX坐標',
+      circle_cy: '改變圓的CY坐標',
+      circle_r: '改變圓的半徑',
+      ellipse_cx: '改變橢圓的圓心x軸座標',
+      ellipse_cy: '改變橢圓的圓心y軸座標',
+      ellipse_rx: '改變橢圓的x軸長',
+      ellipse_ry: '改變橢圓的y軸長',
+      line_x1: '更改行的起點的x坐標',
+      line_x2: '更改行的終點x坐標',
+      line_y1: '更改行的起點的y坐標',
+      line_y2: '更改行的終點y坐標',
+      rect_height: '更改矩形的高度',
+      rect_width: '更改矩形的寬度',
+      corner_radius: '角半徑：',
+      image_width: '更改圖像的寬度',
+      image_height: '更改圖像高度',
+      image_url: '更改網址',
+      node_x: '改變節點的x軸座標',
+      node_y: '改變節點的y軸座標',
+      seg_type: 'Change Segment type',
+      straight_segments: '直線',
+      curve_segments: '曲線',
+      text_contents: '更改文字內容',
+      font_family: '更改字體',
+      font_size: '更改字體大小',
+      bold: '粗體',
+      italic: '斜體'
+    },
+    tools: {
+      main_menu: 'Main Menu',
+      bkgnd_color_opac: '更改背景顏色/不透明',
+      connector_no_arrow: 'No arrow',
+      fitToContent: '適合內容',
+      fit_to_all: '適合所有的內容',
+      fit_to_canvas: '適合畫布',
+      fit_to_layer_content: '適合圖層內容',
+      fit_to_sel: '適合選取的物件',
+      align_relative_to: '相對對齊 ...',
+      relativeTo: '相對於:',
+      page: '網頁',
+      largest_object: '最大的物件',
+      selected_objects: '選取物件',
+      smallest_object: '最小的物件',
+      new_doc: '清空圖像',
+      open_doc: '打開圖像',
+      export_img: 'Export',
+      save_doc: '保存圖像',
+      import_doc: 'Import Image',
+      align_to_page: 'Align Element to Page',
+      align_bottom: '底部對齊',
+      align_center: '居中對齊',
+      align_left: '向左對齊',
+      align_middle: '中間對齊',
+      align_right: '向右對齊',
+      align_top: '頂端對齊',
+      mode_select: '選擇工具',
+      mode_fhpath: '鉛筆工具',
+      mode_line: '線工具',
+      mode_rect: 'Rectangle Tool',
+      mode_square: 'Square Tool',
+      mode_fhrect: '徒手畫矩形',
+      mode_ellipse: '橢圓',
+      mode_circle: '圓',
+      mode_fhellipse: '徒手畫橢圓',
+      mode_path: '路徑工具',
+      mode_text: '文字工具',
+      mode_image: '圖像工具',
+      mode_zoom: '縮放工具',
+      no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+      undo: '取消復原',
+      redo: '復原',
+      tool_source: '編輯SVG原始碼',
+      wireframe_mode: '框線模式（只瀏覽線條）',
+      clone: 'Clone Element(s)',
+      del: 'Delete Element(s)',
+      group_elements: '群組',
+      make_link: 'Make (hyper)link',
+      set_link_url: 'Set link URL (leave empty to remove)',
+      to_path: '轉換成路徑',
+      reorient_path: '調整路徑',
+      ungroup: '取消群組',
+      docprops: '文件屬性',
+      move_bottom: '移至底部',
+      move_top: '移動到頂部',
+      node_clone: '增加節點',
+      node_delete: '刪除節點',
+      node_link: '將控制點連起來',
+      add_subpath: 'Add sub-path',
+      openclose_path: 'Open/close sub-path',
+      source_save: '保存',
+      cut: 'Cut',
+      copy: 'Copy',
+      paste: 'Paste',
+      paste_in_place: 'Paste in Place',
+      delete: 'Delete',
+      group: 'Group',
+      move_front: 'Bring to Front',
+      move_up: 'Bring Forward',
+      move_down: 'Send Backward',
+      move_back: 'Send to Back'
+    },
+    layers: {
+      layer: '圖層',
+      layers: 'Layers',
+      del: '刪除圖層',
+      move_down: '向下移動圖層',
+      new: '新增圖層',
+      rename: '重新命名圖層',
+      move_up: '向上移動圖層',
+      dupe: 'Duplicate Layer',
+      merge_down: 'Merge Down',
+      merge_all: 'Merge All',
+      move_elems_to: '移動物件到:',
+      move_selected: '移動被點選的物件其他圖層'
+    },
+    config: {
+      image_props: '圖片屬性',
+      doc_title: '標題',
+      doc_dims: '畫布大小',
+      included_images: '包含圖像',
+      image_opt_embed: '內嵌資料 (本地端檔案)',
+      image_opt_ref: '使用檔案參照',
+      editor_prefs: '編輯器屬性',
+      icon_size: '圖示大小',
+      language: '語言',
+      background: '編輯器背景',
+      editor_img_url: 'Image URL',
+      editor_bg_note: '注意: 編輯器背景不會和圖像一起儲存',
+      icon_large: '大',
+      icon_medium: '中',
+      icon_small: '小',
+      icon_xlarge: '特大',
+      select_predefined: '使用預設值:',
+      units_and_rulers: 'Units & Rulers',
+      show_rulers: 'Show rulers',
+      base_unit: 'Base Unit:',
+      grid: 'Grid',
+      snapping_onoff: 'Snapping on/off',
+      snapping_stepsize: 'Snapping Step-Size:',
+      grid_color: 'Grid color'
+    },
+    notification: {
+      invalidAttrValGiven: '數值給定錯誤',
+      noContentToFitTo: '找不到符合的內容',
+      dupeLayerName: '喔不！已經有另一個同樣名稱的圖層了！',
+      enterUniqueLayerName: '請輸入一個名稱不重複的',
+      enterNewLayerName: '請輸入新圖層的名稱',
+      layerHasThatName: '圖層本來就是這個名稱（抱怨）',
+      QmoveElemsToLayer: "要搬移所選取的物件到'%s'層嗎?",
+      QwantToClear: '要清空圖像嗎？\n這會順便清空你的回復紀錄！',
+      QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+      QerrorsRevertToSource: 'SVG原始碼解析錯誤\n要回復到原本的SVG原始碼嗎？',
+      QignoreSourceChanges: '要忽略對SVG原始碼的更動嗎？',
+      featNotSupported: '未提供此功能',
+      enterNewImgURL: '輸入新的圖片網址',
+      defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+      loadingImage: 'Loading image, please wait...',
+      saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+      noteTheseIssues: 'Also note the following issues: ',
+      unsavedChanges: 'There are unsaved changes.',
+      enterNewLinkURL: 'Enter the new hyperlink URL',
+      errorLoadingSVG: 'Error: Unable to load SVG data',
+      URLloadFail: 'Unable to load from URL',
+      retrieving: 'Retrieving \'%s\' ...',
+      popupWindowBlocked: 'Popup window may be blocked by browser',
+      exportNoBlur: 'Blurred elements will appear as un-blurred',
+      exportNoforeignObject: 'foreignObject elements will not appear',
+      exportNoDashArray: 'Strokes will appear filled',
+      exportNoText: 'Text may not appear as expected'
+    }
+  };
+
+  return lang_zhTW;
+
+}());
diff --git a/dist/redirect-on-lacking-support.js b/dist/redirect-on-lacking-support.js
new file mode 100644
index 00000000..d81dc57d
--- /dev/null
+++ b/dist/redirect-on-lacking-support.js
@@ -0,0 +1,2109 @@
+(function () {
+  'use strict';
+
+  var classCallCheck = function (instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  };
+
+  var createClass = function () {
+    function defineProperties(target, props) {
+      for (var i = 0; i < props.length; i++) {
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+      }
+    }
+
+    return function (Constructor, protoProps, staticProps) {
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) defineProperties(Constructor, staticProps);
+      return Constructor;
+    };
+  }();
+
+  var inherits = function (subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+  };
+
+  var possibleConstructorReturn = function (self, call) {
+    if (!self) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return call && (typeof call === "object" || typeof call === "function") ? call : self;
+  };
+
+  /**
+  * SVGPathSeg API polyfill
+  * https://github.com/progers/pathseg
+  *
+  * This is a drop-in replacement for the `SVGPathSeg` and `SVGPathSegList` APIs
+  * that were removed from SVG2 ({@link https://lists.w3.org/Archives/Public/www-svg/2015Jun/0044.html}),
+  * including the latest spec changes which were implemented in Firefox 43 and
+  * Chrome 46.
+  */
+  (function () {
+    if (!('SVGPathSeg' in window)) {
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSeg
+      var _SVGPathSeg = function () {
+        function _SVGPathSeg(type, typeAsLetter, owningPathSegList) {
+          classCallCheck(this, _SVGPathSeg);
+
+          this.pathSegType = type;
+          this.pathSegTypeAsLetter = typeAsLetter;
+          this._owningPathSegList = owningPathSegList;
+        }
+        // Notify owning PathSegList on any changes so they can be synchronized back to the path element.
+
+
+        createClass(_SVGPathSeg, [{
+          key: '_segmentChanged',
+          value: function _segmentChanged() {
+            if (this._owningPathSegList) {
+              this._owningPathSegList.segmentChanged(this);
+            }
+          }
+        }]);
+        return _SVGPathSeg;
+      }();
+
+      _SVGPathSeg.prototype.classname = 'SVGPathSeg';
+
+      _SVGPathSeg.PATHSEG_UNKNOWN = 0;
+      _SVGPathSeg.PATHSEG_CLOSEPATH = 1;
+      _SVGPathSeg.PATHSEG_MOVETO_ABS = 2;
+      _SVGPathSeg.PATHSEG_MOVETO_REL = 3;
+      _SVGPathSeg.PATHSEG_LINETO_ABS = 4;
+      _SVGPathSeg.PATHSEG_LINETO_REL = 5;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS = 6;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL = 7;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS = 8;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL = 9;
+      _SVGPathSeg.PATHSEG_ARC_ABS = 10;
+      _SVGPathSeg.PATHSEG_ARC_REL = 11;
+      _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS = 12;
+      _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL = 13;
+      _SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS = 14;
+      _SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL = 15;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS = 16;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL = 17;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS = 18;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL = 19;
+
+      var _SVGPathSegClosePath = function (_SVGPathSeg2) {
+        inherits(_SVGPathSegClosePath, _SVGPathSeg2);
+
+        function _SVGPathSegClosePath(owningPathSegList) {
+          classCallCheck(this, _SVGPathSegClosePath);
+          return possibleConstructorReturn(this, (_SVGPathSegClosePath.__proto__ || Object.getPrototypeOf(_SVGPathSegClosePath)).call(this, _SVGPathSeg.PATHSEG_CLOSEPATH, 'z', owningPathSegList));
+        }
+
+        createClass(_SVGPathSegClosePath, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegClosePath]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegClosePath(undefined);
+          }
+        }]);
+        return _SVGPathSegClosePath;
+      }(_SVGPathSeg);
+
+      var _SVGPathSegMovetoAbs = function (_SVGPathSeg3) {
+        inherits(_SVGPathSegMovetoAbs, _SVGPathSeg3);
+
+        function _SVGPathSegMovetoAbs(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegMovetoAbs);
+
+          var _this2 = possibleConstructorReturn(this, (_SVGPathSegMovetoAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegMovetoAbs)).call(this, _SVGPathSeg.PATHSEG_MOVETO_ABS, 'M', owningPathSegList));
+
+          _this2._x = x;
+          _this2._y = y;
+          return _this2;
+        }
+
+        createClass(_SVGPathSegMovetoAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegMovetoAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegMovetoAbs(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegMovetoAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegMovetoAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true
+        },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true
+        }
+      });
+
+      var _SVGPathSegMovetoRel = function (_SVGPathSeg4) {
+        inherits(_SVGPathSegMovetoRel, _SVGPathSeg4);
+
+        function _SVGPathSegMovetoRel(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegMovetoRel);
+
+          var _this3 = possibleConstructorReturn(this, (_SVGPathSegMovetoRel.__proto__ || Object.getPrototypeOf(_SVGPathSegMovetoRel)).call(this, _SVGPathSeg.PATHSEG_MOVETO_REL, 'm', owningPathSegList));
+
+          _this3._x = x;
+          _this3._y = y;
+          return _this3;
+        }
+
+        createClass(_SVGPathSegMovetoRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegMovetoRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegMovetoRel(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegMovetoRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegMovetoRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegLinetoAbs = function (_SVGPathSeg5) {
+        inherits(_SVGPathSegLinetoAbs, _SVGPathSeg5);
+
+        function _SVGPathSegLinetoAbs(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegLinetoAbs);
+
+          var _this4 = possibleConstructorReturn(this, (_SVGPathSegLinetoAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_ABS, 'L', owningPathSegList));
+
+          _this4._x = x;
+          _this4._y = y;
+          return _this4;
+        }
+
+        createClass(_SVGPathSegLinetoAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoAbs(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegLinetoAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegLinetoRel = function (_SVGPathSeg6) {
+        inherits(_SVGPathSegLinetoRel, _SVGPathSeg6);
+
+        function _SVGPathSegLinetoRel(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegLinetoRel);
+
+          var _this5 = possibleConstructorReturn(this, (_SVGPathSegLinetoRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_REL, 'l', owningPathSegList));
+
+          _this5._x = x;
+          _this5._y = y;
+          return _this5;
+        }
+
+        createClass(_SVGPathSegLinetoRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoRel(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegLinetoRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoCubicAbs = function (_SVGPathSeg7) {
+        inherits(_SVGPathSegCurvetoCubicAbs, _SVGPathSeg7);
+
+        function _SVGPathSegCurvetoCubicAbs(owningPathSegList, x, y, x1, y1, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicAbs);
+
+          var _this6 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS, 'C', owningPathSegList));
+
+          _this6._x = x;
+          _this6._y = y;
+          _this6._x1 = x1;
+          _this6._y1 = y1;
+          _this6._x2 = x2;
+          _this6._y2 = y2;
+          return _this6;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoCubicRel = function (_SVGPathSeg8) {
+        inherits(_SVGPathSegCurvetoCubicRel, _SVGPathSeg8);
+
+        function _SVGPathSegCurvetoCubicRel(owningPathSegList, x, y, x1, y1, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicRel);
+
+          var _this7 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, 'c', owningPathSegList));
+
+          _this7._x = x;
+          _this7._y = y;
+          _this7._x1 = x1;
+          _this7._y1 = y1;
+          _this7._x2 = x2;
+          _this7._y2 = y2;
+          return _this7;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticAbs = function (_SVGPathSeg9) {
+        inherits(_SVGPathSegCurvetoQuadraticAbs, _SVGPathSeg9);
+
+        function _SVGPathSegCurvetoQuadraticAbs(owningPathSegList, x, y, x1, y1) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticAbs);
+
+          var _this8 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS, 'Q', owningPathSegList));
+
+          _this8._x = x;
+          _this8._y = y;
+          _this8._x1 = x1;
+          _this8._y1 = y1;
+          return _this8;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticRel = function (_SVGPathSeg10) {
+        inherits(_SVGPathSegCurvetoQuadraticRel, _SVGPathSeg10);
+
+        function _SVGPathSegCurvetoQuadraticRel(owningPathSegList, x, y, x1, y1) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticRel);
+
+          var _this9 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL, 'q', owningPathSegList));
+
+          _this9._x = x;
+          _this9._y = y;
+          _this9._x1 = x1;
+          _this9._y1 = y1;
+          return _this9;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegArcAbs = function (_SVGPathSeg11) {
+        inherits(_SVGPathSegArcAbs, _SVGPathSeg11);
+
+        function _SVGPathSegArcAbs(owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+          classCallCheck(this, _SVGPathSegArcAbs);
+
+          var _this10 = possibleConstructorReturn(this, (_SVGPathSegArcAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegArcAbs)).call(this, _SVGPathSeg.PATHSEG_ARC_ABS, 'A', owningPathSegList));
+
+          _this10._x = x;
+          _this10._y = y;
+          _this10._r1 = r1;
+          _this10._r2 = r2;
+          _this10._angle = angle;
+          _this10._largeArcFlag = largeArcFlag;
+          _this10._sweepFlag = sweepFlag;
+          return _this10;
+        }
+
+        createClass(_SVGPathSegArcAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegArcAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);
+          }
+        }]);
+        return _SVGPathSegArcAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegArcAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        r1: {
+          get: function get$$1() {
+            return this._r1;
+          },
+          set: function set$$1(r1) {
+            this._r1 = r1;this._segmentChanged();
+          },
+          enumerable: true },
+        r2: {
+          get: function get$$1() {
+            return this._r2;
+          },
+          set: function set$$1(r2) {
+            this._r2 = r2;this._segmentChanged();
+          },
+          enumerable: true },
+        angle: {
+          get: function get$$1() {
+            return this._angle;
+          },
+          set: function set$$1(angle) {
+            this._angle = angle;this._segmentChanged();
+          },
+          enumerable: true },
+        largeArcFlag: {
+          get: function get$$1() {
+            return this._largeArcFlag;
+          },
+          set: function set$$1(largeArcFlag) {
+            this._largeArcFlag = largeArcFlag;this._segmentChanged();
+          },
+          enumerable: true },
+        sweepFlag: {
+          get: function get$$1() {
+            return this._sweepFlag;
+          },
+          set: function set$$1(sweepFlag) {
+            this._sweepFlag = sweepFlag;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegArcRel = function (_SVGPathSeg12) {
+        inherits(_SVGPathSegArcRel, _SVGPathSeg12);
+
+        function _SVGPathSegArcRel(owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+          classCallCheck(this, _SVGPathSegArcRel);
+
+          var _this11 = possibleConstructorReturn(this, (_SVGPathSegArcRel.__proto__ || Object.getPrototypeOf(_SVGPathSegArcRel)).call(this, _SVGPathSeg.PATHSEG_ARC_REL, 'a', owningPathSegList));
+
+          _this11._x = x;
+          _this11._y = y;
+          _this11._r1 = r1;
+          _this11._r2 = r2;
+          _this11._angle = angle;
+          _this11._largeArcFlag = largeArcFlag;
+          _this11._sweepFlag = sweepFlag;
+          return _this11;
+        }
+
+        createClass(_SVGPathSegArcRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegArcRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);
+          }
+        }]);
+        return _SVGPathSegArcRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegArcRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        r1: {
+          get: function get$$1() {
+            return this._r1;
+          },
+          set: function set$$1(r1) {
+            this._r1 = r1;this._segmentChanged();
+          },
+          enumerable: true },
+        r2: {
+          get: function get$$1() {
+            return this._r2;
+          },
+          set: function set$$1(r2) {
+            this._r2 = r2;this._segmentChanged();
+          },
+          enumerable: true },
+        angle: {
+          get: function get$$1() {
+            return this._angle;
+          },
+          set: function set$$1(angle) {
+            this._angle = angle;this._segmentChanged();
+          },
+          enumerable: true },
+        largeArcFlag: {
+          get: function get$$1() {
+            return this._largeArcFlag;
+          },
+          set: function set$$1(largeArcFlag) {
+            this._largeArcFlag = largeArcFlag;this._segmentChanged();
+          },
+          enumerable: true },
+        sweepFlag: {
+          get: function get$$1() {
+            return this._sweepFlag;
+          },
+          set: function set$$1(sweepFlag) {
+            this._sweepFlag = sweepFlag;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegLinetoHorizontalAbs = function (_SVGPathSeg13) {
+        inherits(_SVGPathSegLinetoHorizontalAbs, _SVGPathSeg13);
+
+        function _SVGPathSegLinetoHorizontalAbs(owningPathSegList, x) {
+          classCallCheck(this, _SVGPathSegLinetoHorizontalAbs);
+
+          var _this12 = possibleConstructorReturn(this, (_SVGPathSegLinetoHorizontalAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoHorizontalAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS, 'H', owningPathSegList));
+
+          _this12._x = x;
+          return _this12;
+        }
+
+        createClass(_SVGPathSegLinetoHorizontalAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoHorizontalAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoHorizontalAbs(undefined, this._x);
+          }
+        }]);
+        return _SVGPathSegLinetoHorizontalAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoHorizontalAbs.prototype, 'x', {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegLinetoHorizontalRel = function (_SVGPathSeg14) {
+        inherits(_SVGPathSegLinetoHorizontalRel, _SVGPathSeg14);
+
+        function _SVGPathSegLinetoHorizontalRel(owningPathSegList, x) {
+          classCallCheck(this, _SVGPathSegLinetoHorizontalRel);
+
+          var _this13 = possibleConstructorReturn(this, (_SVGPathSegLinetoHorizontalRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoHorizontalRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL, 'h', owningPathSegList));
+
+          _this13._x = x;
+          return _this13;
+        }
+
+        createClass(_SVGPathSegLinetoHorizontalRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoHorizontalRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoHorizontalRel(undefined, this._x);
+          }
+        }]);
+        return _SVGPathSegLinetoHorizontalRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoHorizontalRel.prototype, 'x', {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegLinetoVerticalAbs = function (_SVGPathSeg15) {
+        inherits(_SVGPathSegLinetoVerticalAbs, _SVGPathSeg15);
+
+        function _SVGPathSegLinetoVerticalAbs(owningPathSegList, y) {
+          classCallCheck(this, _SVGPathSegLinetoVerticalAbs);
+
+          var _this14 = possibleConstructorReturn(this, (_SVGPathSegLinetoVerticalAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoVerticalAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS, 'V', owningPathSegList));
+
+          _this14._y = y;
+          return _this14;
+        }
+
+        createClass(_SVGPathSegLinetoVerticalAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoVerticalAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoVerticalAbs(undefined, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoVerticalAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoVerticalAbs.prototype, 'y', {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegLinetoVerticalRel = function (_SVGPathSeg16) {
+        inherits(_SVGPathSegLinetoVerticalRel, _SVGPathSeg16);
+
+        function _SVGPathSegLinetoVerticalRel(owningPathSegList, y) {
+          classCallCheck(this, _SVGPathSegLinetoVerticalRel);
+
+          var _this15 = possibleConstructorReturn(this, (_SVGPathSegLinetoVerticalRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoVerticalRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL, 'v', owningPathSegList));
+
+          _this15._y = y;
+          return _this15;
+        }
+
+        createClass(_SVGPathSegLinetoVerticalRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoVerticalRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoVerticalRel(undefined, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoVerticalRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoVerticalRel.prototype, 'y', {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegCurvetoCubicSmoothAbs = function (_SVGPathSeg17) {
+        inherits(_SVGPathSegCurvetoCubicSmoothAbs, _SVGPathSeg17);
+
+        function _SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, x, y, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicSmoothAbs);
+
+          var _this16 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicSmoothAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicSmoothAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS, 'S', owningPathSegList));
+
+          _this16._x = x;
+          _this16._y = y;
+          _this16._x2 = x2;
+          _this16._y2 = y2;
+          return _this16;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicSmoothAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicSmoothAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicSmoothAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicSmoothAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoCubicSmoothRel = function (_SVGPathSeg18) {
+        inherits(_SVGPathSegCurvetoCubicSmoothRel, _SVGPathSeg18);
+
+        function _SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, x, y, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicSmoothRel);
+
+          var _this17 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicSmoothRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicSmoothRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL, 's', owningPathSegList));
+
+          _this17._x = x;
+          _this17._y = y;
+          _this17._x2 = x2;
+          _this17._y2 = y2;
+          return _this17;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicSmoothRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicSmoothRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicSmoothRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicSmoothRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticSmoothAbs = function (_SVGPathSeg19) {
+        inherits(_SVGPathSegCurvetoQuadraticSmoothAbs, _SVGPathSeg19);
+
+        function _SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticSmoothAbs);
+
+          var _this18 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticSmoothAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticSmoothAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS, 'T', owningPathSegList));
+
+          _this18._x = x;
+          _this18._y = y;
+          return _this18;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticSmoothAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticSmoothAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticSmoothAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticSmoothAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticSmoothRel = function (_SVGPathSeg20) {
+        inherits(_SVGPathSegCurvetoQuadraticSmoothRel, _SVGPathSeg20);
+
+        function _SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticSmoothRel);
+
+          var _this19 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticSmoothRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticSmoothRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL, 't', owningPathSegList));
+
+          _this19._x = x;
+          _this19._y = y;
+          return _this19;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticSmoothRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticSmoothRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticSmoothRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticSmoothRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      // Add createSVGPathSeg* functions to SVGPathElement.
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathElement.
+      SVGPathElement.prototype.createSVGPathSegClosePath = function () {
+        return new _SVGPathSegClosePath(undefined);
+      };
+      SVGPathElement.prototype.createSVGPathSegMovetoAbs = function (x, y) {
+        return new _SVGPathSegMovetoAbs(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegMovetoRel = function (x, y) {
+        return new _SVGPathSegMovetoRel(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoAbs = function (x, y) {
+        return new _SVGPathSegLinetoAbs(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoRel = function (x, y) {
+        return new _SVGPathSegLinetoRel(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs = function (x, y, x1, y1, x2, y2) {
+        return new _SVGPathSegCurvetoCubicAbs(undefined, x, y, x1, y1, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel = function (x, y, x1, y1, x2, y2) {
+        return new _SVGPathSegCurvetoCubicRel(undefined, x, y, x1, y1, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs = function (x, y, x1, y1) {
+        return new _SVGPathSegCurvetoQuadraticAbs(undefined, x, y, x1, y1);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel = function (x, y, x1, y1) {
+        return new _SVGPathSegCurvetoQuadraticRel(undefined, x, y, x1, y1);
+      };
+      SVGPathElement.prototype.createSVGPathSegArcAbs = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+        return new _SVGPathSegArcAbs(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);
+      };
+      SVGPathElement.prototype.createSVGPathSegArcRel = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+        return new _SVGPathSegArcRel(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs = function (x) {
+        return new _SVGPathSegLinetoHorizontalAbs(undefined, x);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel = function (x) {
+        return new _SVGPathSegLinetoHorizontalRel(undefined, x);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs = function (y) {
+        return new _SVGPathSegLinetoVerticalAbs(undefined, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel = function (y) {
+        return new _SVGPathSegLinetoVerticalRel(undefined, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs = function (x, y, x2, y2) {
+        return new _SVGPathSegCurvetoCubicSmoothAbs(undefined, x, y, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel = function (x, y, x2, y2) {
+        return new _SVGPathSegCurvetoCubicSmoothRel(undefined, x, y, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs = function (x, y) {
+        return new _SVGPathSegCurvetoQuadraticSmoothAbs(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel = function (x, y) {
+        return new _SVGPathSegCurvetoQuadraticSmoothRel(undefined, x, y);
+      };
+
+      if (!('getPathSegAtLength' in SVGPathElement.prototype)) {
+        // Add getPathSegAtLength to SVGPathElement.
+        // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-__svg__SVGPathElement__getPathSegAtLength
+        // This polyfill requires SVGPathElement.getTotalLength to implement the distance-along-a-path algorithm.
+        SVGPathElement.prototype.getPathSegAtLength = function (distance) {
+          if (distance === undefined || !isFinite(distance)) {
+            throw new Error('Invalid arguments.');
+          }
+
+          var measurementElement = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+          measurementElement.setAttribute('d', this.getAttribute('d'));
+          var lastPathSegment = measurementElement.pathSegList.numberOfItems - 1;
+
+          // If the path is empty, return 0.
+          if (lastPathSegment <= 0) {
+            return 0;
+          }
+
+          do {
+            measurementElement.pathSegList.removeItem(lastPathSegment);
+            if (distance > measurementElement.getTotalLength()) {
+              break;
+            }
+            lastPathSegment--;
+          } while (lastPathSegment > 0);
+          return lastPathSegment;
+        };
+      }
+
+      window.SVGPathSeg = _SVGPathSeg;
+      window.SVGPathSegClosePath = _SVGPathSegClosePath;
+      window.SVGPathSegMovetoAbs = _SVGPathSegMovetoAbs;
+      window.SVGPathSegMovetoRel = _SVGPathSegMovetoRel;
+      window.SVGPathSegLinetoAbs = _SVGPathSegLinetoAbs;
+      window.SVGPathSegLinetoRel = _SVGPathSegLinetoRel;
+      window.SVGPathSegCurvetoCubicAbs = _SVGPathSegCurvetoCubicAbs;
+      window.SVGPathSegCurvetoCubicRel = _SVGPathSegCurvetoCubicRel;
+      window.SVGPathSegCurvetoQuadraticAbs = _SVGPathSegCurvetoQuadraticAbs;
+      window.SVGPathSegCurvetoQuadraticRel = _SVGPathSegCurvetoQuadraticRel;
+      window.SVGPathSegArcAbs = _SVGPathSegArcAbs;
+      window.SVGPathSegArcRel = _SVGPathSegArcRel;
+      window.SVGPathSegLinetoHorizontalAbs = _SVGPathSegLinetoHorizontalAbs;
+      window.SVGPathSegLinetoHorizontalRel = _SVGPathSegLinetoHorizontalRel;
+      window.SVGPathSegLinetoVerticalAbs = _SVGPathSegLinetoVerticalAbs;
+      window.SVGPathSegLinetoVerticalRel = _SVGPathSegLinetoVerticalRel;
+      window.SVGPathSegCurvetoCubicSmoothAbs = _SVGPathSegCurvetoCubicSmoothAbs;
+      window.SVGPathSegCurvetoCubicSmoothRel = _SVGPathSegCurvetoCubicSmoothRel;
+      window.SVGPathSegCurvetoQuadraticSmoothAbs = _SVGPathSegCurvetoQuadraticSmoothAbs;
+      window.SVGPathSegCurvetoQuadraticSmoothRel = _SVGPathSegCurvetoQuadraticSmoothRel;
+    }
+
+    // Checking for SVGPathSegList in window checks for the case of an implementation without the
+    // SVGPathSegList API.
+    // The second check for appendItem is specific to Firefox 59+ which removed only parts of the
+    // SVGPathSegList API (e.g., appendItem). In this case we need to re-implement the entire API
+    // so the polyfill data (i.e., _list) is used throughout.
+    if (!('SVGPathSegList' in window) || !('appendItem' in SVGPathSegList.prototype)) {
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSegList
+      var _SVGPathSegList = function () {
+        function _SVGPathSegList(pathElement) {
+          classCallCheck(this, _SVGPathSegList);
+
+          this._pathElement = pathElement;
+          this._list = this._parsePath(this._pathElement.getAttribute('d'));
+
+          // Use a MutationObserver to catch changes to the path's "d" attribute.
+          this._mutationObserverConfig = { attributes: true, attributeFilter: ['d'] };
+          this._pathElementMutationObserver = new MutationObserver(this._updateListFromPathMutations.bind(this));
+          this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
+        }
+        // Process any pending mutations to the path element and update the list as needed.
+        // This should be the first call of all public functions and is needed because
+        // MutationObservers are not synchronous so we can have pending asynchronous mutations.
+
+
+        createClass(_SVGPathSegList, [{
+          key: '_checkPathSynchronizedToList',
+          value: function _checkPathSynchronizedToList() {
+            this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords());
+          }
+        }, {
+          key: '_updateListFromPathMutations',
+          value: function _updateListFromPathMutations(mutationRecords) {
+            if (!this._pathElement) {
+              return;
+            }
+            var hasPathMutations = false;
+            mutationRecords.forEach(function (record) {
+              if (record.attributeName === 'd') {
+                hasPathMutations = true;
+              }
+            });
+            if (hasPathMutations) {
+              this._list = this._parsePath(this._pathElement.getAttribute('d'));
+            }
+          }
+
+          // Serialize the list and update the path's 'd' attribute.
+
+        }, {
+          key: '_writeListToPath',
+          value: function _writeListToPath() {
+            this._pathElementMutationObserver.disconnect();
+            this._pathElement.setAttribute('d', _SVGPathSegList._pathSegArrayAsString(this._list));
+            this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
+          }
+
+          // When a path segment changes the list needs to be synchronized back to the path element.
+
+        }, {
+          key: 'segmentChanged',
+          value: function segmentChanged(pathSeg) {
+            this._writeListToPath();
+          }
+        }, {
+          key: 'clear',
+          value: function clear() {
+            this._checkPathSynchronizedToList();
+
+            this._list.forEach(function (pathSeg) {
+              pathSeg._owningPathSegList = null;
+            });
+            this._list = [];
+            this._writeListToPath();
+          }
+        }, {
+          key: 'initialize',
+          value: function initialize(newItem) {
+            this._checkPathSynchronizedToList();
+
+            this._list = [newItem];
+            newItem._owningPathSegList = this;
+            this._writeListToPath();
+            return newItem;
+          }
+        }, {
+          key: '_checkValidIndex',
+          value: function _checkValidIndex(index) {
+            if (isNaN(index) || index < 0 || index >= this.numberOfItems) {
+              throw new Error('INDEX_SIZE_ERR');
+            }
+          }
+        }, {
+          key: 'getItem',
+          value: function getItem(index) {
+            this._checkPathSynchronizedToList();
+
+            this._checkValidIndex(index);
+            return this._list[index];
+          }
+        }, {
+          key: 'insertItemBefore',
+          value: function insertItemBefore(newItem, index) {
+            this._checkPathSynchronizedToList();
+
+            // Spec: If the index is greater than or equal to numberOfItems, then the new item is appended to the end of the list.
+            if (index > this.numberOfItems) {
+              index = this.numberOfItems;
+            }
+            if (newItem._owningPathSegList) {
+              // SVG2 spec says to make a copy.
+              newItem = newItem.clone();
+            }
+            this._list.splice(index, 0, newItem);
+            newItem._owningPathSegList = this;
+            this._writeListToPath();
+            return newItem;
+          }
+        }, {
+          key: 'replaceItem',
+          value: function replaceItem(newItem, index) {
+            this._checkPathSynchronizedToList();
+
+            if (newItem._owningPathSegList) {
+              // SVG2 spec says to make a copy.
+              newItem = newItem.clone();
+            }
+            this._checkValidIndex(index);
+            this._list[index] = newItem;
+            newItem._owningPathSegList = this;
+            this._writeListToPath();
+            return newItem;
+          }
+        }, {
+          key: 'removeItem',
+          value: function removeItem(index) {
+            this._checkPathSynchronizedToList();
+
+            this._checkValidIndex(index);
+            var item = this._list[index];
+            this._list.splice(index, 1);
+            this._writeListToPath();
+            return item;
+          }
+        }, {
+          key: 'appendItem',
+          value: function appendItem(newItem) {
+            this._checkPathSynchronizedToList();
+
+            if (newItem._owningPathSegList) {
+              // SVG2 spec says to make a copy.
+              newItem = newItem.clone();
+            }
+            this._list.push(newItem);
+            newItem._owningPathSegList = this;
+            // TODO: Optimize this to just append to the existing attribute.
+            this._writeListToPath();
+            return newItem;
+          }
+
+          // This closely follows SVGPathParser::parsePath from Source/core/svg/SVGPathParser.cpp.
+
+        }, {
+          key: '_parsePath',
+          value: function _parsePath(string) {
+            if (!string || !string.length) {
+              return [];
+            }
+
+            var owningPathSegList = this;
+
+            var Builder = function () {
+              function Builder() {
+                classCallCheck(this, Builder);
+
+                this.pathSegList = [];
+              }
+
+              createClass(Builder, [{
+                key: 'appendSegment',
+                value: function appendSegment(pathSeg) {
+                  this.pathSegList.push(pathSeg);
+                }
+              }]);
+              return Builder;
+            }();
+
+            var Source = function () {
+              function Source(string) {
+                classCallCheck(this, Source);
+
+                this._string = string;
+                this._currentIndex = 0;
+                this._endIndex = this._string.length;
+                this._previousCommand = SVGPathSeg.PATHSEG_UNKNOWN;
+
+                this._skipOptionalSpaces();
+              }
+
+              createClass(Source, [{
+                key: '_isCurrentSpace',
+                value: function _isCurrentSpace() {
+                  var character = this._string[this._currentIndex];
+                  return character <= ' ' && (character === ' ' || character === '\n' || character === '\t' || character === '\r' || character === '\f');
+                }
+              }, {
+                key: '_skipOptionalSpaces',
+                value: function _skipOptionalSpaces() {
+                  while (this._currentIndex < this._endIndex && this._isCurrentSpace()) {
+                    this._currentIndex++;
+                  }
+                  return this._currentIndex < this._endIndex;
+                }
+              }, {
+                key: '_skipOptionalSpacesOrDelimiter',
+                value: function _skipOptionalSpacesOrDelimiter() {
+                  if (this._currentIndex < this._endIndex && !this._isCurrentSpace() && this._string.charAt(this._currentIndex) !== ',') {
+                    return false;
+                  }
+                  if (this._skipOptionalSpaces()) {
+                    if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === ',') {
+                      this._currentIndex++;
+                      this._skipOptionalSpaces();
+                    }
+                  }
+                  return this._currentIndex < this._endIndex;
+                }
+              }, {
+                key: 'hasMoreData',
+                value: function hasMoreData() {
+                  return this._currentIndex < this._endIndex;
+                }
+              }, {
+                key: 'peekSegmentType',
+                value: function peekSegmentType() {
+                  var lookahead = this._string[this._currentIndex];
+                  return this._pathSegTypeFromChar(lookahead);
+                }
+              }, {
+                key: '_pathSegTypeFromChar',
+                value: function _pathSegTypeFromChar(lookahead) {
+                  switch (lookahead) {
+                    case 'Z':
+                    case 'z':
+                      return SVGPathSeg.PATHSEG_CLOSEPATH;
+                    case 'M':
+                      return SVGPathSeg.PATHSEG_MOVETO_ABS;
+                    case 'm':
+                      return SVGPathSeg.PATHSEG_MOVETO_REL;
+                    case 'L':
+                      return SVGPathSeg.PATHSEG_LINETO_ABS;
+                    case 'l':
+                      return SVGPathSeg.PATHSEG_LINETO_REL;
+                    case 'C':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS;
+                    case 'c':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL;
+                    case 'Q':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;
+                    case 'q':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;
+                    case 'A':
+                      return SVGPathSeg.PATHSEG_ARC_ABS;
+                    case 'a':
+                      return SVGPathSeg.PATHSEG_ARC_REL;
+                    case 'H':
+                      return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;
+                    case 'h':
+                      return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;
+                    case 'V':
+                      return SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;
+                    case 'v':
+                      return SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;
+                    case 'S':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;
+                    case 's':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;
+                    case 'T':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;
+                    case 't':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;
+                    default:
+                      return SVGPathSeg.PATHSEG_UNKNOWN;
+                  }
+                }
+              }, {
+                key: '_nextCommandHelper',
+                value: function _nextCommandHelper(lookahead, previousCommand) {
+                  // Check for remaining coordinates in the current command.
+                  if ((lookahead === '+' || lookahead === '-' || lookahead === '.' || lookahead >= '0' && lookahead <= '9') && previousCommand !== SVGPathSeg.PATHSEG_CLOSEPATH) {
+                    if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_ABS) {
+                      return SVGPathSeg.PATHSEG_LINETO_ABS;
+                    }
+                    if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_REL) {
+                      return SVGPathSeg.PATHSEG_LINETO_REL;
+                    }
+                    return previousCommand;
+                  }
+                  return SVGPathSeg.PATHSEG_UNKNOWN;
+                }
+              }, {
+                key: 'initialCommandIsMoveTo',
+                value: function initialCommandIsMoveTo() {
+                  // If the path is empty it is still valid, so return true.
+                  if (!this.hasMoreData()) {
+                    return true;
+                  }
+                  var command = this.peekSegmentType();
+                  // Path must start with moveTo.
+                  return command === SVGPathSeg.PATHSEG_MOVETO_ABS || command === SVGPathSeg.PATHSEG_MOVETO_REL;
+                }
+
+                // Parse a number from an SVG path. This very closely follows genericParseNumber(...) from Source/core/svg/SVGParserUtilities.cpp.
+                // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-PathDataBNF
+
+              }, {
+                key: '_parseNumber',
+                value: function _parseNumber() {
+                  var exponent = 0;
+                  var integer = 0;
+                  var frac = 1;
+                  var decimal = 0;
+                  var sign = 1;
+                  var expsign = 1;
+
+                  var startIndex = this._currentIndex;
+
+                  this._skipOptionalSpaces();
+
+                  // Read the sign.
+                  if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '+') {
+                    this._currentIndex++;
+                  } else if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '-') {
+                    this._currentIndex++;
+                    sign = -1;
+                  }
+
+                  if (this._currentIndex === this._endIndex || (this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') && this._string.charAt(this._currentIndex) !== '.') {
+                    // The first character of a number must be one of [0-9+-.].
+                    return undefined;
+                  }
+
+                  // Read the integer part, build right-to-left.
+                  var startIntPartIndex = this._currentIndex;
+                  while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                    this._currentIndex++; // Advance to first non-digit.
+                  }
+
+                  if (this._currentIndex !== startIntPartIndex) {
+                    var scanIntPartIndex = this._currentIndex - 1;
+                    var multiplier = 1;
+                    while (scanIntPartIndex >= startIntPartIndex) {
+                      integer += multiplier * (this._string.charAt(scanIntPartIndex--) - '0');
+                      multiplier *= 10;
+                    }
+                  }
+
+                  // Read the decimals.
+                  if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '.') {
+                    this._currentIndex++;
+
+                    // There must be a least one digit following the .
+                    if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {
+                      return undefined;
+                    }
+                    while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                      frac *= 10;
+                      decimal += (this._string.charAt(this._currentIndex) - '0') / frac;
+                      this._currentIndex += 1;
+                    }
+                  }
+
+                  // Read the exponent part.
+                  if (this._currentIndex !== startIndex && this._currentIndex + 1 < this._endIndex && (this._string.charAt(this._currentIndex) === 'e' || this._string.charAt(this._currentIndex) === 'E') && this._string.charAt(this._currentIndex + 1) !== 'x' && this._string.charAt(this._currentIndex + 1) !== 'm') {
+                    this._currentIndex++;
+
+                    // Read the sign of the exponent.
+                    if (this._string.charAt(this._currentIndex) === '+') {
+                      this._currentIndex++;
+                    } else if (this._string.charAt(this._currentIndex) === '-') {
+                      this._currentIndex++;
+                      expsign = -1;
+                    }
+
+                    // There must be an exponent.
+                    if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {
+                      return undefined;
+                    }
+
+                    while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                      exponent *= 10;
+                      exponent += this._string.charAt(this._currentIndex) - '0';
+                      this._currentIndex++;
+                    }
+                  }
+
+                  var number = integer + decimal;
+                  number *= sign;
+
+                  if (exponent) {
+                    number *= Math.pow(10, expsign * exponent);
+                  }
+
+                  if (startIndex === this._currentIndex) {
+                    return undefined;
+                  }
+
+                  this._skipOptionalSpacesOrDelimiter();
+
+                  return number;
+                }
+              }, {
+                key: '_parseArcFlag',
+                value: function _parseArcFlag() {
+                  if (this._currentIndex >= this._endIndex) {
+                    return undefined;
+                  }
+                  var flag = false;
+                  var flagChar = this._string.charAt(this._currentIndex++);
+                  if (flagChar === '0') {
+                    flag = false;
+                  } else if (flagChar === '1') {
+                    flag = true;
+                  } else {
+                    return undefined;
+                  }
+
+                  this._skipOptionalSpacesOrDelimiter();
+                  return flag;
+                }
+              }, {
+                key: 'parseSegment',
+                value: function parseSegment() {
+                  var lookahead = this._string[this._currentIndex];
+                  var command = this._pathSegTypeFromChar(lookahead);
+                  if (command === SVGPathSeg.PATHSEG_UNKNOWN) {
+                    // Possibly an implicit command. Not allowed if this is the first command.
+                    if (this._previousCommand === SVGPathSeg.PATHSEG_UNKNOWN) {
+                      return null;
+                    }
+                    command = this._nextCommandHelper(lookahead, this._previousCommand);
+                    if (command === SVGPathSeg.PATHSEG_UNKNOWN) {
+                      return null;
+                    }
+                  } else {
+                    this._currentIndex++;
+                  }
+
+                  this._previousCommand = command;
+
+                  switch (command) {
+                    case SVGPathSeg.PATHSEG_MOVETO_REL:
+                      return new SVGPathSegMovetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_MOVETO_ABS:
+                      return new SVGPathSegMovetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_REL:
+                      return new SVGPathSegLinetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_ABS:
+                      return new SVGPathSegLinetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:
+                      return new SVGPathSegLinetoHorizontalRel(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:
+                      return new SVGPathSegLinetoHorizontalAbs(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:
+                      return new SVGPathSegLinetoVerticalRel(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:
+                      return new SVGPathSegLinetoVerticalAbs(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_CLOSEPATH:
+                      this._skipOptionalSpaces();
+                      return new SVGPathSegClosePath(owningPathSegList);
+                    case SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:
+                      {
+                        var _points = { x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicRel(owningPathSegList, _points.x, _points.y, _points.x1, _points.y1, _points.x2, _points.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:
+                      {
+                        var _points2 = { x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicAbs(owningPathSegList, _points2.x, _points2.y, _points2.x1, _points2.y1, _points2.x2, _points2.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:
+                      {
+                        var _points3 = { x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, _points3.x, _points3.y, _points3.x2, _points3.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:
+                      {
+                        var _points4 = { x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, _points4.x, _points4.y, _points4.x2, _points4.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:
+                      {
+                        var _points5 = { x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoQuadraticRel(owningPathSegList, _points5.x, _points5.y, _points5.x1, _points5.y1);
+                      }case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:
+                      var points = { x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                      return new SVGPathSegCurvetoQuadraticAbs(owningPathSegList, points.x, points.y, points.x1, points.y1);
+                    case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:
+                      return new SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:
+                      return new SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_ARC_REL:
+                      {
+                        var _points6 = { x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegArcRel(owningPathSegList, _points6.x, _points6.y, _points6.x1, _points6.y1, _points6.arcAngle, _points6.arcLarge, _points6.arcSweep);
+                      }case SVGPathSeg.PATHSEG_ARC_ABS:
+                      {
+                        var _points7 = { x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegArcAbs(owningPathSegList, _points7.x, _points7.y, _points7.x1, _points7.y1, _points7.arcAngle, _points7.arcLarge, _points7.arcSweep);
+                      }default:
+                      throw new Error('Unknown path seg type.');
+                  }
+                }
+              }]);
+              return Source;
+            }();
+
+            var builder = new Builder();
+            var source = new Source(string);
+
+            if (!source.initialCommandIsMoveTo()) {
+              return [];
+            }
+            while (source.hasMoreData()) {
+              var pathSeg = source.parseSegment();
+              if (!pathSeg) {
+                return [];
+              }
+              builder.appendSegment(pathSeg);
+            }
+
+            return builder.pathSegList;
+          }
+        }]);
+        return _SVGPathSegList;
+      }();
+
+      _SVGPathSegList.prototype.classname = 'SVGPathSegList';
+
+      Object.defineProperty(_SVGPathSegList.prototype, 'numberOfItems', {
+        get: function get$$1() {
+          this._checkPathSynchronizedToList();
+          return this._list.length;
+        },
+
+        enumerable: true
+      });
+
+      _SVGPathSegList._pathSegArrayAsString = function (pathSegArray) {
+        var string = '';
+        var first = true;
+        pathSegArray.forEach(function (pathSeg) {
+          if (first) {
+            first = false;
+            string += pathSeg._asPathString();
+          } else {
+            string += ' ' + pathSeg._asPathString();
+          }
+        });
+        return string;
+      };
+
+      // Add the pathSegList accessors to SVGPathElement.
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGAnimatedPathData
+      Object.defineProperties(SVGPathElement.prototype, {
+        pathSegList: {
+          get: function get$$1() {
+            if (!this._pathSegList) {
+              this._pathSegList = new _SVGPathSegList(this);
+            }
+            return this._pathSegList;
+          },
+
+          enumerable: true
+        },
+        // FIXME: The following are not implemented and simply return SVGPathElement.pathSegList.
+        normalizedPathSegList: {
+          get: function get$$1() {
+            return this.pathSegList;
+          },
+          enumerable: true },
+        animatedPathSegList: {
+          get: function get$$1() {
+            return this.pathSegList;
+          },
+          enumerable: true },
+        animatedNormalizedPathSegList: {
+          get: function get$$1() {
+            return this.pathSegList;
+          },
+          enumerable: true }
+      });
+      window.SVGPathSegList = _SVGPathSegList;
+    }
+  })();
+
+  /**
+   * Namespaces or tools therefor
+   * @module namespaces
+   * @license MIT
+  */
+
+  /**
+  * Common namepaces constants in alpha order
+  * @enum {string}
+  * @type {PlainObject}
+  * @memberof module:namespaces
+  */
+  var NS = {
+    HTML: 'http://www.w3.org/1999/xhtml',
+    MATH: 'http://www.w3.org/1998/Math/MathML',
+    SE: 'http://svg-edit.googlecode.com',
+    SVG: 'http://www.w3.org/2000/svg',
+    XLINK: 'http://www.w3.org/1999/xlink',
+    XML: 'http://www.w3.org/XML/1998/namespace',
+    XMLNS: 'http://www.w3.org/2000/xmlns/' // see http://www.w3.org/TR/REC-xml-names/#xmlReserved
+  };
+
+  /* globals jQuery */
+
+  var $ = jQuery;
+
+  var supportsSVG_ = function () {
+    return !!document.createElementNS && !!document.createElementNS(NS.SVG, 'svg').createSVGRect;
+  }();
+
+  /**
+   * @function module:browser.supportsSvg
+   * @returns {boolean}
+  */
+  var supportsSvg = function supportsSvg() {
+    return supportsSVG_;
+  };
+
+  var _navigator = navigator,
+      userAgent = _navigator.userAgent;
+
+  var svg = document.createElementNS(NS.SVG, 'svg');
+
+  // Note: Browser sniffing should only be used if no other detection method is possible
+  var isOpera_ = !!window.opera;
+  var isWebkit_ = userAgent.includes('AppleWebKit');
+  var isGecko_ = userAgent.includes('Gecko/');
+  var isIE_ = userAgent.includes('MSIE');
+  var isChrome_ = userAgent.includes('Chrome/');
+  var isWindows_ = userAgent.includes('Windows');
+  var isMac_ = userAgent.includes('Macintosh');
+
+  var supportsSelectors_ = function () {
+    return !!svg.querySelector;
+  }();
+
+  var supportsXpath_ = function () {
+    return !!document.evaluate;
+  }();
+
+  // segList functions (for FF1.5 and 2.0)
+  var supportsPathReplaceItem_ = function () {
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 10,10');
+    var seglist = path.pathSegList;
+    var seg = path.createSVGPathSegLinetoAbs(5, 5);
+    try {
+      seglist.replaceItem(seg, 1);
+      return true;
+    } catch (err) {}
+    return false;
+  }();
+
+  var supportsPathInsertItemBefore_ = function () {
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 10,10');
+    var seglist = path.pathSegList;
+    var seg = path.createSVGPathSegLinetoAbs(5, 5);
+    try {
+      seglist.insertItemBefore(seg, 1);
+      return true;
+    } catch (err) {}
+    return false;
+  }();
+
+  // text character positioning (for IE9)
+  var supportsGoodTextCharPos_ = function () {
+    var svgroot = document.createElementNS(NS.SVG, 'svg');
+    var svgcontent = document.createElementNS(NS.SVG, 'svg');
+    document.documentElement.append(svgroot);
+    svgcontent.setAttribute('x', 5);
+    svgroot.append(svgcontent);
+    var text = document.createElementNS(NS.SVG, 'text');
+    text.textContent = 'a';
+    svgcontent.append(text);
+    var pos = text.getStartPositionOfChar(0).x;
+    svgroot.remove();
+    return pos === 0;
+  }();
+
+  var supportsPathBBox_ = function () {
+    var svgcontent = document.createElementNS(NS.SVG, 'svg');
+    document.documentElement.append(svgcontent);
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 C0,0 10,10 10,0');
+    svgcontent.append(path);
+    var bbox = path.getBBox();
+    svgcontent.remove();
+    return bbox.height > 4 && bbox.height < 5;
+  }();
+
+  // Support for correct bbox sizing on groups with horizontal/vertical lines
+  var supportsHVLineContainerBBox_ = function () {
+    var svgcontent = document.createElementNS(NS.SVG, 'svg');
+    document.documentElement.append(svgcontent);
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 10,0');
+    var path2 = document.createElementNS(NS.SVG, 'path');
+    path2.setAttribute('d', 'M5,0 15,0');
+    var g = document.createElementNS(NS.SVG, 'g');
+    g.append(path, path2);
+    svgcontent.append(g);
+    var bbox = g.getBBox();
+    svgcontent.remove();
+    // Webkit gives 0, FF gives 10, Opera (correctly) gives 15
+    return bbox.width === 15;
+  }();
+
+  var supportsGoodDecimals_ = function () {
+    // Correct decimals on clone attributes (Opera < 10.5/win/non-en)
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    rect.setAttribute('x', 0.1);
+    var crect = rect.cloneNode(false);
+    var retValue = !crect.getAttribute('x').includes(',');
+    if (!retValue) {
+      // Todo: i18nize or remove
+      $.alert('NOTE: This version of Opera is known to contain bugs in SVG-edit.\n' + 'Please upgrade to the <a href="http://opera.com">latest version</a> in which the problems have been fixed.');
+    }
+    return retValue;
+  }();
+
+  var supportsNonScalingStroke_ = function () {
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    rect.setAttribute('style', 'vector-effect:non-scaling-stroke');
+    return rect.style.vectorEffect === 'non-scaling-stroke';
+  }();
+
+  var supportsNativeSVGTransformLists_ = function () {
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    var rxform = rect.transform.baseVal;
+    var t1 = svg.createSVGTransform();
+    rxform.appendItem(t1);
+    var r1 = rxform.getItem(0);
+    // Todo: Do frame-independent instance checking
+    return r1 instanceof SVGTransform && t1 instanceof SVGTransform && r1.type === t1.type && r1.angle === t1.angle && r1.matrix.a === t1.matrix.a && r1.matrix.b === t1.matrix.b && r1.matrix.c === t1.matrix.c && r1.matrix.d === t1.matrix.d && r1.matrix.e === t1.matrix.e && r1.matrix.f === t1.matrix.f;
+  }();
+
+  if (!supportsSvg()) {
+    window.location = 'browser-not-supported.html';
+  }
+
+}());
diff --git a/docs/Acknowledgements.md b/docs/Acknowledgements.md
index 4b7834e3..d3af415e 100644
--- a/docs/Acknowledgements.md
+++ b/docs/Acknowledgements.md
@@ -1,37 +1,64 @@
-Projects used by SVG-edit
-===
+# Projects used by SVG-edit
 
-Like many open source projects, SVG-edit depends on other open source projects. This page acknowledges these projects and the many software developers across the globe without which our software would be sorely lacking.
+Like many open source projects, SVG-edit depends on other open source
+projects. This page acknowledges these projects and the many software
+developers across the globe without which our software would be sorely
+lacking.
 
-#### jQuery
-Jonathan Resig's [jQuery library](https://jquery.com) was chosen as a basis for the project since the beginning. The power of jQuery really lets us focus on the functionality and not worry about all the intricacies of mixing with the HTML, CSS and SVG DOM.
+## jQuery
 
-#### jPicker
-Christopher Tillman's awesome [jPicker](http://www.digitalmagicpro.com/jPicker) is used as our fill/stroke picker. The source code repository is now hosted at GoogleCode.
+Jonathan Resig's [jQuery library](https://jquery.com) was chosen as a
+basis for the project since the beginning. The power of jQuery really
+lets us focus on the functionality and not worry about all the intricacies
+of mixing with the HTML, CSS and SVG DOM.
 
-Christopher was gracious enough to take suggestions from Pavol on how to incorporate opacity and some callback functionality back upstream into jPicker.
+## jPicker
 
-#### jGraduate
-Jeff Schiller created the excellent [jGraduate](https://code.google.com/p/jgraduate/) plugin to select SVG gradients in SVG-edit.
+Christopher Tillman's awesome [jPicker](http://www.digitalmagicpro.com/jPicker/)
+is used as our fill/stroke picker. The source code repository is now
+hosted at GoogleCode.
 
-#### canvg
-Gabe Lerner's excellent [canvg](https://github.com/gabelerner/canvg) library has helped us bypass browsers' inability to save SVG files an PNGs, by first rendering SVG images in an HTML5 Canvas element.
+Christopher was gracious enough to take suggestions from Pavol on how to
+incorporate opacity and some callback functionality back upstream into
+jPicker.
 
-#### jQuery UI
+## jGraduate
 
-We use [jQuery-UI](http://jqueryui.com) for making the dialog boxes (color picker, document properties) draggable, as well as for the opacity slider.
+Jeff Schiller created the excellent [jGraduate](https://code.google.com/p/jgraduate/)
+plugin to select SVG gradients in SVG-edit.
 
-#### js-hotkeys
+## canvg
 
-[js-hotkeys](https://github.com/jeresig/jquery.hotkeys) is used to bind all keyboard events in the editor.
+Gabe Lerner's excellent [canvg](https://github.com/gabelerner/canvg) library
+has helped us bypass browsers' inability to save SVG files an PNGs, by
+first rendering SVG images in an HTML5 Canvas element.
 
-#### JQuery Web Spin-Button
+## jQuery UI
 
-George Adamson's [Web Spin-Button](http://www.softwareunity.com/jquery/JQuerySpinBtn) provided a starting point to implementing a cross-browser spin control in SVG-edit. A few bugs were fixed with compatibility and sent back to George for hopeful inclusion in the next version of his jQuery plugin.
+We use [jQuery-UI](https://jqueryui.com) for making the dialog boxes (color
+picker, document properties) draggable, as well as for the opacity slider.
 
-#### SVG Icon Loader
-Alexis Deveria's [svg-icon-loader](https://code.google.com/p/svg-icon-loader/) is used to load in all the SVG icons for the SVG-edit user interface.
+## js-hotkeys
 
-#### Icons
+[js-hotkeys](https://github.com/jeresig/jquery.hotkeys) is used to bind all
+keyboard events in the editor.
 
-Many of the icons used in SVG-edit come from the [Tango Desktop Project](http://tango.freedesktop.org/Tango_Desktop_Project) which are released into the public domain. We also used a couple of icons from the [Silk Icon Project](http://famfamfam.com/lab/icons/silk), which is licensed under the Creative Commons Attribution 2.5 License. Finally, some of the icons were hand-drawn (in SVG-edit itself).
+## JQuery Web Spin-Button
+
+George Adamson's [Web Spin-Button](http://www.softwareunity.com/jquery/JQuerySpinBtn)
+provided a starting point to implementing a cross-browser spin control in
+SVG-edit. A few bugs were fixed with compatibility and sent back to George
+for hopeful inclusion in the next version of his jQuery plugin.
+
+## SVG Icon Loader
+
+Alexis Deveria's [svg-icon-loader](https://code.google.com/p/svg-icon-loader/)
+is used to load in all the SVG icons for the SVG-edit user interface.
+
+## Icons
+
+Many of the icons used in SVG-edit come from the [Tango Desktop Project](http://tango.freedesktop.org/Tango_Desktop_Project)
+which are released into the public domain. We also used a couple of icons
+from the [Silk Icon Project](http://famfamfam.com/lab/icons/silk),
+which is licensed under the Creative Commons Attribution 2.5 License.
+Finally, some of the icons were hand-drawn (in SVG-edit itself).
diff --git a/docs/ReleaseInstructions.md b/docs/ReleaseInstructions.md
index e650f586..b3bb35a4 100644
--- a/docs/ReleaseInstructions.md
+++ b/docs/ReleaseInstructions.md
@@ -1,38 +1,68 @@
-Creating a new svg-edit release
-============
+# Creating a new svg-edit release
+
+## Prepare
+
+1. `npm test` - Ensure build steps occur and tests are passing
+1. `npm run build-doc` - Ensure JSDoc can build and is available for site build
+1. `npm run grep-doc` - For JSDoc, we ensure that a minimum of generic types
+    have been added (e.g., "number" should instead be "Float" or "Array",
+    and "object", "function", or "array" should be replaced by more specific
+    `@interface`s, `@typdef`s, or `@callback`. Deriving types can use
+    `PlainObject` or `GenericArray` to indicate the simple base type was
+    intentional. `*` should also be checked. The script reports all failing
+    matches within `editor`. There should be none.
+1. Preview which files will be included once published (taking into
+    account `.npmignore`), by using `npm pack` (taking care to remove
+    the `.tgz` tarball file that it creates).
 
 ## Update the main project
-
-  1. Update the VERSION variable in Makefile.
-  2. Update the CHANGES file with a summary of all changes.
-  3. Commit these changes with `git commit -m "Updating Makefile and CHANGES for release X.Y"`.
+<!--
+1. Update the VERSION variable in Makefile.
+-->
+1. Update `version` in `package.json` (and `package-lock.json` (via `npm i`)).
+1. Update the CHANGES file with a summary of all changes.
+1. Add new release info to `Recent news` section in README
+1. Commit these changes
+<!-- with `git commit -m "Updating Makefile and CHANGES for release X.Y.Z"`-->.
+1. Tag the version, prefixed by "v", e.g., `v3.0.1`.
 
 The above steps can be done on a fork and committed via a pull request.
 
-## Create the release binaries
+## Create the release on `gh-pages`
+<!--
+2. From the root directory run `make`.
+3. Copy `build/svg-edit-X.Y.Z/`, `build/svg-edit-X.Y.Z-src.tar.gz`, and `build/svg-edit-X.Y.Z.zip` to a temporary directory.
+-->
 
-  1. Ensure you are on the `master` branch with `git checkout master`.
-  2. From the root directory run `make`.
-  3. Copy `build/svg-edit-X.Y/`, `build/svg-edit-X.Y-src.tar.gz`, and `build/svg-edit-X.Y.zip` to a temporary directory.
-  4. Switch to the `gh-pages` branch with `git checkout gh-pages`.
-  5. Copy the `svg-edit-X.Y` directory to `releases/svg-edit-X.Y`.
-  6. Commit these changes with `git commit -m "Updating binary files for release X.Y"`.
-  7. Switch back to the `master` branch with `git checkout master`.
-  8. Ensure this step worked by visiting https://svgedit.github.io/svgedit/releases/svg-edit-X.Y/svg-editor.html
+1. Ensure you are on the `master` branch with `git checkout master`.
+1. Switch to the `gh-pages` branch with `git checkout gh-pages`.
+1. Run the `build.js` executable (`npm run build` if within the project root
+    directory).
+1. Commit these changes with `git commit -m "Updating files for release X.Y.Z"`.
+1. Switch back to the `master` branch with `git checkout master`.
+1. Ensure this step worked by visiting
+    <https://svg-edit.github.io/svgedit/releases/svg-edit-X.Y.Z/editor/svg-editor.html>
+    (and in an ES6-Module-compliant browser,
+    <https://svg-edit.github.io/svgedit/releases/svg-edit-X.Y.Z/editor/svg-editor-es.html>).
 
 The above steps can be done on a fork and committed via a pull request.
 
 ## Create the release on GitHub
+<!--
+4. Attach the `svg-edit-X.Y.Z-src.tar.gz` and `build/svg-edit-X.Y.Z.zip` files to the release.
+-->
+1. Go to <https://github.com/SVG-Edit/svgedit/releases> and select
+  `Draft a new release`.
+1. Make the release target point at the commit where the <!-- makefile and -->
+  changes were updated.
+1. Write a short description of the release and include a link to the live
+  version:
+  <https://svg-edit.github.io/svgedit/releases/svg-edit-X.Y.Z/editor/svg-editor.html>.
+  See the previous releases for the format.
+1. Create the release!
 
-  1. Go to `https://github.com/SVG-Edit/svgedit/releases` and select `Draft a new release`.
-  2. Make the release target point at the commit where the makefile and changes were updated.
-  3. Write a short description of the release and include a link to the live version:
-     https://svgedit.github.io/svgedit/releases/svg-edit-X.Y/svg-editor.html
-  4. Attach the `svg-edit-X.Y-src.tar.gz` and `build/svg-edit-X.Y.zip` files to the release.
-  5. Create the release!
+You will need to be a member of the SVG-Edit GitHub group to do this step.
 
-You will need to be a member of the SVGEdit GitHub group to do this step.
+## Publish to npm
 
-## Update the project docs
-
-  Update `README.md` with references and links to the shiny new release.
+1. `npm publish`
diff --git a/docs/SvgCanvas.md b/docs/SvgCanvas.md
deleted file mode 100644
index 9f3866ff..00000000
--- a/docs/SvgCanvas.md
+++ /dev/null
@@ -1,2014 +0,0 @@
-# SvgCanvas
-
-The main SvgCanvas class that manages all SVG-related functions
-
-## Parameters
-
-* `container` The container HTML element that should hold the SVG root element
-* `config` An object that contains configuration data
-
-## Summary
-
-### SvgCanvas - The main SvgCanvas class that manages all SVG-related functions 
-
-Function | Description
----------|------------
-[`Utils.toXml`](#utilstoxml) | Converts characters in a string to XML-friendly entities.       
-[`Utils.fromXml`](#utilsfromxml) | Converts XML entities in a string to single characters.
-[`Utils.encode64`](#utilsfromxml) | Converts a string to base64
-[`Utils.decode64`](#utilsdecode64) | Converts a string from base64
-[`Utils.convertToXMLReferences`](#utilsconverttoxmlreferences) | Converts a string to use XML references
-[`rectsIntersect`](#rectsintersect) | Check if two rectangles (BBoxes objects) intersect each other
-[`snapToAngle`](#snaptoangle) | Returns a 45 degree angle coordinate associated with the two given coordinates
-[`text2xml`](#text2xml) | Cross-browser compatible method of converting a string to an XML tree found this function [here](http://groups.google.com/group/jquery-dev/browse_thread/thread/c6d11387c580a77f)
-
-### Unit conversion functions
-
-Function | Descrption
----------|-----------
-[`convertToNum`](#converttonum) | Converts given values to numbers.
-[`setUnitAttr`](#setunitattr) | Sets an element’s attribute based on the unit in its current value.
-[`isValidUnit`](#isvalidunit) | Check if an attribute’s value is in a valid format
-
-### Undo/Redo history management
-
-Function | Description
----------|------------
-[`ChangeElementCommand`](#changeelementcommand) | History command to make a change to an element.
-[`ChangeElementCommand.apply`](#changeelementcommandapply) | Performs the stored change action
-[`ChangeElementCommand.unapply`](#changeelementcommandunapply) | Reverses the stored change action
-[`ChangeElementCommand.elements`](#changeelementcommandelements) |Returns array with element associated with this command
-[`InsertElementCommand`](#insertelementcommand) | History command for an element that was added to the DOM
-[`InsertElementCommand.apply`](#insertelementcommandapply) | Re-Inserts the new element
-[`InsertElementCommand.unapply`](#insertelementcommandunapply) | Removes the element
-[`InsertElementCommand.elements`](#insertelementcommandelements) |Returns array with element associated with this command
-[`RemoveElementCommand`](#removeelementcommand) | History command for an element removed from the DOM
-[`RemoveElementCommand.apply`](#removeelementcommandapply) | Re-removes the new element
-[`RemoveElementCommand.unapply`](#removeelementcommandunapply) | Re-adds the new element
-[`RemoveElementCommand.elements`](#removeelementcommandelements) | Returns array with element associated with this command
-[`MoveElementCommand`](#moveelementcommand) | History command for an element that had its DOM position changed
-[`MoveElementCommand.unapply`](#moveelementcommandunapply) | Re-positions the element
-[`MoveElementCommand.unapply`](#moveelementcommandunapply) | Positions the element back to its original location
-[`MoveElementCommand.elements`](#moveelementcommandelements) | Returns array with element associated with this command
-[`BatchCommand`](#batchcommand) | History command that can contain/execute multiple other commands
-[`BatchCommand.apply`](#batchcommandapply) | Runs "apply" on all subcommands
-[`BatchCommand.unapply`](#batchcommandunapply) | Runs "unapply" on all subcommands
-[`BatchCommand.elements`](#batchcommandelements) | Iterate through all our subcommands and returns all the elements we are changing
-[`BatchCommand.addSubCommand`](#batchcommandaddsubcommand) | Adds a given command to the history stack
-[`BatchCommand.isEmpty`](#batchcommandisempty	) | Returns a boolean indicating whether or not the batch command is empty
-[`resetUndoStack`](#resetundostack) | Resets the undo stack, effectively clearing the undo/redo history
-[`undoMgr.getUndoStackSize`](#undomgrgetundostacksize) | Integer with the current size of the undo history stack
-[`undoMgr.getRedoStackSize`](#undomgrgetredostacksize) | Integer with the current size of the redo history stack
-[`undoMgr.getNextUndoCommandText`](#undomgrgetnextundocommandtext) | String associated with the next undo command
-[`undoMgr.getNextRedoCommandText`](#undomgrgetnextredocommandtext) | String associated with the next redo command
-[`undoMgr.undo`](#undomgrundo) | Performs an undo step
-[`undoMgr.redo`](#undomgrredo) | Performs a redo step
-[`addCommandToHistory`](#resetundostack) | Adds a command object to the undo history stack
-[`beginUndoableChange`](#beginundoablechange) | This function tells the canvas to remember the old values of the attrName attribute for each element sent in.
-[`finishUndoableChange`](#finishundoablechange) | This function returns a BatchCommand object which summarizes the change since `beginUndoableChange` was called.
-
-### [`Selector`](#selector) - Private class for DOM element selection boxes
-
-Function | Description
----------|------------
-[`Selector.reset`](#selectorreset) | Used to reset the id and element that the selector is attached to
-[`Selector.showGrips`](#selectorshowgrips) | Show the resize grips of this selector
-[`Selector.updateGripCursors`](selectorupdategripcursors) | Updates cursors for corner grips on rotation so arrows point the right way
-[`Selector.resize`](#selectorresize) | Updates the selector to match the element’s size
-
-### [ `SelectorManager`](#selectormanager) - Public class to manage all selector objects (selection boxes)
-
-Function | Description
----------|------------
-[`SelectorManager.initGroup`](#selectormanagerinitgroup) | Resets the parent selector group element
-[`SelectorManager.requestSelector`](#selectormanagerrequestselector) | Returns the selector based on the given element
-[`SelectorManager.releaseSelector`](#selectormanagerreleaseselector) | Removes the selector of the given element (hides selection box)
-[`SelectorManager.getRubberBandBox`](#selectormanagergetrubberbandbox`) | Returns the rubberBandBox DOM element.
-
-### Helper functions	
-
-Function | Description
----------|------------
-[`walkTree`](#walktree) | Walks the tree and executes the callback on each element in a top-down fashion
-[`walkTreePost`](#walktreepost) | Walks the tree and executes the callback on each element in a depth-first fashion
-[`assignAttributes`](#assignattributes) | Assigns multiple attributes to an element.
-[`cleanupElement`](#cleanupelement) | Remove unneeded (default) attributes, makes resulting SVG smaller
-[`addSvgElementFromJson`](#addsvgelementfromjson) | Create a new SVG element based on the given object keys/values and add it to the current layer The element will be ran through cleanupElement before being returned
-[`addExtension`](#addextension) | Add an extension to the editor
-[`shortFloat`](#shortfloat) | Rounds a given value to a float with number of digits defined in save_options
-[`getStrokedBBox`](#getstrokedbbox) | Get the bounding box for one or more stroked and/or transformed elements
-[`getVisibleElements`](#getvisibleelements) | Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).
-[`copyElem`](#copyelem) | Create a clone of an element, updating its ID and its children’s IDs when needed
-[`getElem`](#getelem) | Get a DOM element by ID within the SVG root element.
-[`getId`](#getid) | Returns the last created DOM element ID string
-[`getNextId`](#getnextid) | Creates and returns a unique ID string for a DOM element
-[`bind`](#bind) | Attaches a callback function to an event
-[`setIdPrefix`](#setidprefix) | Changes the ID prefix to the given value
-[`sanitizeSvg`](#sanitizesvg) | Sanitizes the input node and its children It only keeps what is allowed from our whitelist defined above
-[`getUrlFromAttr`](#geturlfromattr) | Extracts the URL from the `url(...)`
-[`getBBox`](#getbbox) | Get the given/selected element’s bounding box object, convert it to be more usable when necessary
-[`ffClone`](#ffclone) | Hack for Firefox bugs where text element features aren't updated.
-[`getPathBBox`](#getpathbbox) | Get correct BBox for a path in Webkit Converted from code found [here](http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html)
-
-### Element Transforms	
-
-Function | Description
----------|------------
-[`getRotationAngle`](#getrotationangle) | Get the rotation angle of the given/selected DOM element
-[`setRotationAngle`](#setrotationangle) | Removes any old rotations if present, prepends a new rotation at the transformed center
-[`getTransformList`](#gettransformlist) | Returns an object that behaves like a SVGTransformList for the given DOM element
-[`recalculateAllSelectedDimensions`](#recalculateallselecteddimensions) | Runs recalculateDimensions on the selected elements, adding the changes to a single batch command
-[`remapElement`](#remapelement) | Applies coordinate changes to an element based on the given matrix
-[`recalculateDimensions`](#recalculatedimensions) | Decides the course of action based on the element’s transform list
-[`transformPoint`](#transformpoint) | A (hopefully) quicker function to transform a point by a matrix (this function avoids any DOM calls and just does the math)
-[`isIdentity`](#isidentity) | Helper function to check if the matrix performs no actual transform (i.e.
-[`matrixMultiply`](#matrixmultiply) | This function tries to return a SVGMatrix that is the multiplication m1*m2.
-[`transformListToTransform`](#transformlisttotransform) | This returns a single matrix Transform for a given Transform List (this is the equivalent of `SVGTransformList.consolidate()` but unlike that method, this one does not modify the actual `SVGTransformList`) This function is very liberal with its `min`,`max` arguments
-[`hasMatrixTransform`](#hasmatrixtransform) | See if the given transformlist includes a non-indentity matrix transform
-[`getMatrix`](#getmatrix) | Get the matrix object for a given element
-[`transformBox`](#transformbox) | Transforms a rectangle based on the given matrix
-
-### Selection
-	
-Function | Description
----------|------------
-[`clearSelection`](#clearselection) | Clears the selection.
-[`addToSelection`](#addtoselection) | Adds a list of elements to the selection.
-[`removeFromSelection`](#removefromselection) | Removes elements from the selection.
-[`selectAllInCurrentLayer`](#selectallincurrentlayer) | Clears the selection, then adds all elements in the current layer to the selection.
-[`smoothControlPoints`](#smoothcontrolpoints) | Takes three points and creates a smoother line based on them
-[`getMouseTarget`](#getmousetarget) | Gets the desired element from a mouse event
-[`preventClickDefault`](#preventclickdefault) | Prevents default browser click behaviour on the given element
-
-### Text edit functions - Functions relating to editing text elements
-
-### Path edit functions - Functions relating to editing path elements
-
-### Serialization	
-
-Function | Description
----------|------------
-[`removeUnusedDefElems`](#removeunuseddefelems) | Looks at DOM elements inside the <defs> to see if they are referred to, removes them from the DOM if they are not.
-[`svgCanvasToString`](#svgcanvastostring) | Main function to set up the SVG content for output
-[`svgToString`](#svgtostring) | Sub function ran on each SVG element to convert it to a string as desired
-[`embedImage`](#embedimage) | Converts a given image file to a data URL when possible, then runs a given callback
-[`save`](#save) | Serializes the current drawing into SVG XML text and returns it to the ‘saved’ handler.
-[`rasterExport`](#rasterexport) | Generates a PNG Data URL based on the current image, then calls “exported” with an object including the string and any issues found
-[`getSvgString`](#getsvgstring) | Returns the current drawing as raw SVG XML text.
-[`setSvgString`](#setsvgstring) | This function sets the current drawing as the input SVG XML.
-[`importSvgString`](#importsvgstring) | This function imports the input SVG XML into the current layer in the drawing
-
-### Layers	
-
-Function | Description
----------|------------
-[`identifyLayers`](#identifylayers) | Updates layer system
-[`createLayer`](#createlayer) | Creates a new top-level layer in the drawing with the given name, sets the current layer to it, and then clears the selection This function then calls the ‘changed’ handler.
-[`deleteCurrentLayer`](#deletecurrentlayer) | Deletes the current layer from the drawing and then clears the selection.
-[`getNumLayers`](#getnumlayers) | Returns the number of layers in the current drawing.
-[`getLayer`](#getlayer) | Returns the name of the ith layer.
-[`getCurrentLayer`](#getcurrentlayer) | Returns the name of the currently selected layer.
-[`setCurrentLayer`](#setcurrentlayer) | Sets the current layer.
-[`renameCurrentLayer`](#renamecurrentlayer) | Renames the current layer.
-[`setCurrentLayerPosition`](#setcurrentlayerposition) | Changes the position of the current layer to the new value.
-[`getLayerVisibility`](#getlayervisibility) | Returns whether the layer is visible.
-[`setLayerVisibility`](#setlayervisibility) | Sets the visibility of the layer.
-[`moveSelectedToLayer`](#moveselectedtolayer) | Moves the selected elements to layername.
-[`getLayerOpacity`](#getlayeropacity) | Returns the opacity of the given layer.
-[`setLayerOpacity`](#setlayeropacity) | Sets the opacity of the given layer.
-
-### Document functions	
-
-Function | Description
----------|------------
-[`clear`](#clear) | Clears the current document.
-[`linkControlPoints`](#linkcontrolpoints) | Alias function
-[`getContentElem`](#getcontentelem) | Returns the content DOM element
-[`getRootElem`](#getrootelem) | Returns the root DOM element
-[`getSelectedElems`](#getselectedelems) | Returns the array with selected DOM elements
-[`getResolution`](#getresolution) | Returns the current dimensions and zoom level in an object
-[`getZoom`](#getzoom) | Returns the current zoom level
-[`getVersion`](#getversion) | Returns a string which describes the revision number of SvgCanvas.
-[`setUiStrings`](#setuistrings) | Update interface strings with given values
-[`setConfig`](#setconfig) | Update configuration options with given values
-[`getDocumentTitle`](#getdocumenttitle) | Returns the current document title or an empty string if not found
-[`setDocumentTitle`](#setdocumenttitle) | Adds/updates a title element for the document with the given name.
-[`getEditorNS`](#geteditorns) | Returns the editor’s namespace URL, optionally adds it to root element
-[`setResolution`](#setresolution) | Changes the document’s dimensions to the given size
-[`getOffset`](#getoffset) | Returns an object with x, y values indicating the svgcontent element’s position in the editor’s canvas.
-[`setBBoxZoom`](#setbboxzoom) | Sets the zoom level on the canvas-side based on the given value
-[`setZoom`](#setzoom) | Sets the zoom to the given level
-[`getMode`](#getmode) | Returns the current editor mode string
-[`setMode`](#setmode) | Sets the editor’s mode to the given string
-
-### Element Styling	
-
-Function | Description
----------|------------
-[`getColor`](#getcolor) | Returns the current fill/stroke option
-[`setColor`](#setcolor) | Change the current stroke/fill color/gradient value
-[`findDefs`](#finddefs) | Return the document’s `<defs>` element, create it first if necessary
-[`setGradient`](#setgradient) | Apply the current gradient to selected element’s fill or stroke
-[`findDuplicateGradient`](#findduplicategradient) | Check if exact gradient already exists
-[`setPaint`](#setpaint) | Set a color/gradient to a fill/stroke
-[`getStrokeWidth`](#getstrokewidth) | Returns the current stroke-width value
-[`setStrokeWidth`](#setstrokewidth) | Sets the stroke width for the current selected elements When attempting to set a line’s width to 0, this changes it to 1 instead
-[`setStrokeAttr`](#setstrokeattr) | Set the given stroke-related attribute the given value for selected elements
-[`getOpacity`](#getopacity) | Returns the current opacity
-[`setOpacity`](#setopacity) | Sets the given opacity to the current selected elements
-[`getOpacity`](#getopacity) | Returns the current fill opacity
-[`getStrokeOpacity`](#getstrokeopacity) | Returns the current stroke opacity
-[`setPaintOpacity`](#setpaintopacity) | Sets the current fill/stroke opacity
-[`getBlur`](#getblur) | Gets the `stdDeviation` blur value of the given element
-[`setBlurNoUndo`](#setblurnoundo) | Sets the `stdDeviation` blur value on the selected element without being undoable
-[`setBlurOffsets`](#setbluroffsets) | Sets the x, y, with, height values of the filter element in order to make the blur not be clipped.
-[`setBlur`](#setblur) | Adds/updates the blur filter to the selected element
-[`getBold`](#getbold) | Check whether selected element is bold or not
-[`setBold`](#setbold) | Make the selected element bold or normal
-[`getItalic`](#getitalic) | Check whether selected element is italic or not
-[`setItalic`](#setitalic) | Make the selected element italic or normal
-[`getFontFamily`](#getfontfamily) | Returns the current font family
-[`setFontFamily`](#setfontfamily) | Set the new font family
-[`getFontSize`](#getfontsize) | Returns the current font size
-[`setFontSize`](#setfontsize) | Applies the given font size to the selected element
-[`getText`](#gettext) | Returns the current text (textContent) of the selected element
-[`setTextContent`](#settextcontent) | Updates the text element with the given string
-[`setImageURL`](#setimageurl) | Sets the new image URL for the selected image element.
-[`setRectRadius`](#setrectradius) | Sets the rx & ry values to the selected rect element to change its corner radius
-
-### Element manipulation	
-
-Function | Description
----------|------------
-[`setSegType`](#setsegtype) | Sets the new segment type to the selected segment(s).
-[`convertToPath`](#converttopath) | Convert selected element to a path, or get the BBox of an element-as-path
-[`changeSelectedAttributeNoUndo`](#changeselectedattributenoundo) | This function makes the changes to the elements.
-[`changeSelectedAttribute`](#changeselectedattribute) | Change the given/selected element and add the original value to the history stack If you want to change all selectedElements, ignore the elems argument.
-[`deleteSelectedElements`](#deleteselectedelements) | Removes all selected elements from the DOM and adds the change to the history stack
-[`groupSelectedElements`](#groupselectedelements) | Wraps all the selected elements in a group (g) element
-[`ungroupSelectedElement`](#ungroupselectedelement) | Unwraps all the elements in a selected group (g) element.
-[`moveToTopSelectedElement`](#movetotopselectedelement) | Repositions the selected element to the bottom in the DOM to appear on top of other elements
-[`moveToBottomSelectedElement`](#movetobottomselectedelement) | Repositions the selected element to the top in the DOM to appear under other elements
-[`moveSelectedElements`](#moveselectedelements) | Moves selected elements on the X/Y axis
-[`cloneSelectedElements`](#cloneselectedelements) | Create deep DOM copies (clones) of all selected elements and move them slightly from their originals
-[`alignSelectedElements`](#alignselectedelements) | Aligns selected elements
-
-### Additional editor tools	
-
-Function | Description
----------|------------
-[`updateCanvas`](#updatecanvas) | Updates the editor canvas width/height/position after a zoom has occurred
-[`setBackground`](#setbackground) | Set the background of the editor (NOT the actual document)
-[`cycleElement`](#cycleelement) | Select the next/previous element within the current layer
-
-## `Utils.toXml`
-
-Converts characters in a string to XML-friendly entities. Example: `&` becomes `&amp;`
-
-#### Parameters
-
-`str` The string to be converted
-
-#### Returns
-
-The converted string
-
-## `Utils.fromXml`
-
-Converts XML entities in a string to single characters. Example: `&amp;` becomes `&`
-
-#### Parameters
-
-`str` The string to be converted
-
-#### Returns
-
-The converted string 
-
-## `Utils.encode64`
-Converts a string to base64
-
-## `Utils.decode64`
-Converts a string from base64
-
-## `Utils.convertToXMLReferences`
-Converts a string to use XML references
-
-## `rectsIntersect`
-
-	"rectsIntersect": function( r1,r2 )
-
-Check if two rectangles (BBoxes objects) intersect each other
-
-#### Paramaters
-
-`r1` The first BBox-like object
-`r2` The second BBox-like object
-
-#### Returns
-
-Boolean that’s true if rectangles intersect
-
-## `snapToAngle`
-
-	"snapToAngle": function( x1, y1, x2, y2 )
-	
-Returns a 45 degree angle coordinate associated with the two given coordinates
-
-#### Parameters
-
-* `x1` First coordinate’s x value
-* `x2` Second coordinate’s x value
-* `y1` First coordinate’s y value
-* `y2` Second coordinate’s y value
-
-#### Returns
-
-Object with the following values: x - The angle-snapped x value y - The angle-snapped y value snapangle - The angle at which to snap
-
-## `text2xml`
-
-	"text2xml": function(sXML)
-
-Cross-browser compatible method of converting a string to an XML tree found this function [here](http://groups.google.com/group/jquery-dev/browse_thread/thread/c6d11387c580a77f)
-
-# Unit conversion functions
-
-## `convertToNum`
-
-	convertToNum = function( attr, val )
-
-Converts given values to numbers.  Attributes must be supplied in case a percentage is given
-
-#### Parameters
-
-* `attr` String with the name of the attribute associated with the value
-* `val` String with the attribute value to convert
-
-## `setUnitAttr`
-
-	setUnitAttr = function( elem, attr, val )
-
-Sets an element’s attribute based on the unit in its current value.
-
-#### Parameters
-
-* `elem` DOM element to be changed
-* `attr` String with the name of the attribute associated with the value
-* `val` String with the attribute value to convert
-
-## `isValidUnit`
-
-	canvas.isValidUnit = function( attr,val )
-
-Check if an attribute’s value is in a valid format
-
-#### Parameters
-
-* `attr` String with the name of the attribute associated with the value
-* `val` String with the attribute value to check
-
-# Undo/Redo history management
-
-## `ChangeElementCommand`
-
-	var ChangeElementCommand = this.undoCmd.changeElement = function( elem, attrs, text )
-
-History command to make a change to an element.  Usually an attribute change, but can also be textcontent.
-
-#### Parameters
-
-* `elem` The DOM element that was changed
-* `attrs` An object with the attributes to be changed and the values they had before the change
-* `text` An optional string visible to user related to this change
-
-## `ChangeElementCommand.apply`
-
-Performs the stored change action
-
-## `ChangeElementCommand.unapply`
-
-Reverses the stored change action
-
-## `ChangeElementCommand.elements`
-
-Returns array with element associated with this command
-
-## `InsertElementCommand`
-
-	var InsertElementCommand = this.undoCmd.insertElement = function( elem, text )
-
-History command for an element that was added to the DOM
-
-#### Parameters
-
-* `elem	` The newly added DOM element
-* `text` An optional string visible to user related to this change
-
-## `InsertElementCommand.apply`
-
-Re-Inserts the new element
-
-## `InsertElementCommand.unapply`
-
-Removes the element
-
-## `InsertElementCommand.elements`
-
-Returns array with element associated with this command
-
-## `RemoveElementCommand`
-
-	var RemoveElementCommand = this.undoCmd.removeElement = function( elem, parent, text )
-
-History command for an element removed from the DOM
-
-#### Parameters
-* `elem	` The removed DOM element
-* `parent` The DOM element’s parent
-* `text` An optional string visible to user related to this change
-
-## `RemoveElementCommand.apply`
-
-Re-removes the new element
-
-## `RemoveElementCommand.unapply`
-
-Re-adds the new element
-
-## `RemoveElementCommand.elements`
-
-Returns array with element associated with this command
-
-## `MoveElementCommand`
-
-	var MoveElementCommand = this.undoCmd.moveElement = function( elem, oldNextSibling, oldParent, text )
-
-History command for an element that had its DOM position changed
-
-#### Parameters
-
-* `elem	` The DOM element that was moved
-* `oldNextSibling` The element’s next sibling before it was moved
-* `oldParent` The element’s parent before it was moved
-* `text` An optional string visible to user related to this change
-
-## `MoveElementCommand.unapply`
-
-Re-positions the element
-
-## `MoveElementCommand.unapply`
-
-Positions the element back to its original location
-
-## `MoveElementCommand.elements`
-
-Returns array with element associated with this command
-
-## `BatchCommand`
-
-	var BatchCommand = this.undoCmd.batch = function( text )
-
-History command that can contain/execute multiple other commands
-
-#### Parameters
-
-* `text` An optional string visible to user related to this change
-
-## `BatchCommand.apply`
-
-Runs “apply” on all subcommands
-
-## `BatchCommand.unapply`
-
-Runs “unapply” on all subcommands
-
-## `BatchCommand.elements`
-
-Iterate through all our subcommands and returns all the elements we are changing
-
-## `BatchCommand.addSubCommand`
-
-Adds a given command to the history stack
-
-#### Parameters
-
-* `cmd` The undo command object to add
-
-## `BatchCommand.isEmpty`
-
-Returns a boolean indicating whether or not the batch command is empty
-
-## `resetUndoStack`
-
-	resetUndoStack = function()
-
-Resets the undo stack, effectively clearing the undo/redo history
-
-## `undoMgr.getUndoStackSize`
-
-#### Returns
-Integer with the current size of the undo history stack
-
-## `undoMgr.getRedoStackSize`
-
-#### Returns
-
-Integer with the current size of the redo history stack
-
-## `undoMgr.getNextUndoCommandText`
-
-#### Returns
-
-String associated with the next undo command
-
-## `undoMgr.getNextRedoCommandText`
-
-#### Returns
-
-String associated with the next redo command
-
-## `undoMgr.undo`
-
-Performs an undo step
-
-## `undoMgr.redo`
-
-Performs a redo step
-
-## `addCommandToHistory`
-
-	addCommandToHistory = c.undoCmd.add = function( cmd )
-
-Adds a command object to the undo history stack
-
-#### Parameters
-
-* `cmd` The command object to add
-
-## `beginUndoableChange`
-
-	c.beginUndoableChange = function( attrName, elems )
-
-This function tells the canvas to remember the old values of the attrName attribute for each element sent in.  The elements and values are stored on a stack, so the next call to `finishUndoableChange()` will pop the elements and old values off the stack, gets the current values from the DOM and uses all of these to construct the undo-able command.
-
-#### Parameters
-
-* `attrName` The name of the attribute being changed
-* `elems` Array of DOM elements being changed
-
-## `finishUndoableChange`
-
-	c.finishUndoableChange = function()
-
-This function returns a BatchCommand object which summarizes the change since beginUndoableChange was called. The command can then be added to the command history
-
-#### Returns
-Batch command object with resulting changes
-
-## `Selector`
-
-Private class for DOM element selection boxes
-
-#### Parameters
-* `id` integer to internally indentify the selector
-* `elem` DOM element associated with this selector
-
-#### Summary
-
-Function | Description
----------|------------
-[`Selector.reset`](#selectorreset) | Used to reset the id and element that the selector is attached to
-[`Selector.showGrips`](#selectorshowgrips) | Show the resize grips of this selector
-[`Selector.updateGripCursors`](selectorupdategripcursors) | Updates cursors for corner grips on rotation so arrows point the right way
-[`Selector.resize`](#selectorresize) | Updates the selector to match the element’s size
-
-## Functions
-
-## `Selector.reset`
-
-Used to reset the id and element that the selector is attached to
-
-#### Parameters
-
-* `e` DOM element associated with this selector
-
-## `Selector.showGrips`
-
-Show the resize grips of this selector
-
-#### Parameters
-* `show` boolean indicating whether grips should be shown or not
-
-## `Selector.updateGripCursors`
-
-Updates cursors for corner grips on rotation so arrows point the right way
-
-#### Parameters
-
-* `angle` Float indicating current rotation angle in degrees
-
-## `Selector.resize`
-
-Updates the selector to match the element’s size
-
-## `SelectorManager`
-
-Public class to manage all selector objects (selection boxes)
-
-## Summary
-
-Function | Description
----------|------------
-[`SelectorManager.initGroup`](#selectormanagerinitgroup) | Resets the parent selector group element
-[`SelectorManager.requestSelector`](#selectormanagerrequestselector) | Returns the selector based on the given element
-[`SelectorManager.releaseSelector`](#selectormanagerreleaseselector) | Removes the selector of the given element (hides selection box)
-[`SelectorManager.getRubberBandBox`](#selectormanagergetrubberbandbox`) | Returns the rubberBandBox DOM element.
-
-## `SelectorManager.initGroup`
-
-Resets the parent selector group element
-
-## `SelectorManager.requestSelector`
-
-Returns the selector based on the given element
-
-#### Parameters
-
-* `elem` DOM element to get the selector for
-
-## `SelectorManager.releaseSelector`
-
-Removes the selector of the given element (hides selection box)
-
-#### Parameters
-
-* `elem` DOM element to remove the selector for
-
-## `SelectorManager.getRubberBandBox`
-
-Returns the rubberBandBox DOM element.  This is the rectangle drawn by the user for selecting/zooming
-
-# Helper functions
-
-## `walkTree`
-
-	function walkTree( elem, cbFn )
-
-Walks the tree and executes the callback on each element in a top-down fashion
-
-#### Parameters
-
-* `elem` DOM element to traverse
-* `cbFn` Callback function to run on each element
-
-## `walkTreePost`
-
-	function walkTreePost( elem, cbFn )
-
-Walks the tree and executes the callback on each element in a depth-first fashion
-
-#### Parameters
-
-* `elem	` DOM element to traverse
-* `cbFn` Callback function to run on each element
-
-## `assignAttributes`
-
-	var assignAttributes = this.assignAttributes = function( node, attrs, suspendLength, unitCheck )
-
-Assigns multiple attributes to an element.
-
-#### Parameters
-
-* `node` DOM element to apply new attribute values to
-* `attrs` Object with attribute keys/values
-* `suspendLength` Optional integer of milliseconds to suspend redraw
-* `unitCheck` Boolean to indicate the need to use setUnitAttr
-
-## `cleanupElement`
-
-	var cleanupElement = this.cleanupElement = function( element )
-
-Remove unneeded (default) attributes, makes resulting SVG smaller
-
-#### Parameters
-
-* `element` DOM element to clean up
-
-## `addSvgElementFromJson`
-
-	var addSvgElementFromJson = this.addSvgElementFromJson = function( data )
-
-Create a new SVG element based on the given object keys/values and add it to the current layer The element will be ran through `cleanupElement` before being returned
-
-#### Parameters
-
-* `data` Object with the following keys/values:
-	* `element` - DOM element to create
-	* `attr` - Object with attributes/values to assign to the new element
-	* `curStyles` - Boolean indicating that current style attributes should be applied first
-
-#### Returns
-
-The new element
-
-## `addExtension`
-
-	this.addExtension = function( name, ext_func )
-
-Add an extension to the editor
-
-#### Parameters
-
-* `name` String with the ID of the extension
-* `ext_func` Function supplied by the extension with its data
-
-## `shortFloat`
-
-	var shortFloat = function( val )
-
-Rounds a given value to a float with number of digits defined in save_options
-
-#### Parameters
-
-* `val` The value as a String, Number or Array of two numbers to be rounded
-
-#### Returns
-
-If a string/number was given, returns a Float. If an array, return a string with comma-seperated floats
-
-## `getStrokedBBox`
-
-	var getStrokedBBox = this.getStrokedBBox = function( elems )
-
-Get the bounding box for one or more stroked and/or transformed elements
-
-#### Parameters
-
-* `elems` Array with DOM elements to check
-
-#### Returns
-
-A single bounding box object
-
-## `getVisibleElements`
-
-	var getVisibleElements = this.getVisibleElements = function( parent, includeBBox )
-
-Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).  Note that 0-opacity, off-screen etc elements are still considered “visible” for this function
-
-#### Parameters
-
-* `parent` The parent DOM element to search within
-* `includeBBox` Boolean to indicate that an object should return with the element and its bbox
-
-#### Returns
-
-An array with all “visible” elements, or if includeBBox is true, an array with objects that include:
-
-* `elem` - The element
-* `bbox` - The element’s BBox as retrieved from getStrokedBBox
-
-## `copyElem`
-
-	var copyElem = function( el )
-
-Create a clone of an element, updating its ID and its children’s IDs when needed
-
-#### Parameters
-
-* `el` DOM element to clone
-
-#### Returns
-The cloned element
-
-## `getElem`
-
-	function getElem( id )
-
-Get a DOM element by ID within the SVG root element.
-
-#### Parameters
-
-* `id` String with the element’s new ID
-
-## `getId`
-
-	getId = c.getId = function()
-
-Returns the last created DOM element ID string
-
-## `getNextId`
-
-	getNextId = c.getNextId = function()
-
-Creates and returns a unique ID string for a DOM element
-
-## `bind`
-
-	c.bind = function( event, f )
-
-Attaches a callback function to an event
-
-#### Parameters
-
-* `event` String indicating the name of the event
-* `f` The callback function to bind to the event
-
-#### Returns
-
-The previous event
-
-## `setIdPrefix`
-
-	c.setIdPrefix = function( p )
-
-Changes the ID prefix to the given value
-
-#### Parameters
-* `p` String with the new prefix
-
-## `sanitizeSvg`
-
-	var sanitizeSvg = this.sanitizeSvg = function( node )
-
-Sanitizes the input node and its children It only keeps what is allowed from our whitelist defined above
-
-#### Parameters
-
-* `node` The DOM element to be checked, will also check its children
-
-## `getUrlFromAttr`
-
-	var getUrlFromAttr = this.getUrlFromAttr = function( attrVal )
-
-Extracts the URL from the `url(...)` syntax of some attributes.  Three variants:
-
-* `<circle fill="url(someFile.svg#foo)" />`
-* `<circle fill="url(‘someFile.svg#foo’)" />`
-* `<circle fill=’url("someFile.svg#foo")’ />`
-
-#### Parameters
-
-* `attrVal` The attribute value as a string
-
-#### Returns
-
-String with just the URL, like `someFile.svg#foo`
-
-## `getBBox`
-
-	var getBBox = this.getBBox = function( elem )
-
-Get the given/selected element’s bounding box object, convert it to be more usable when necessary
-
-#### Parameters
-
-* `elem` Optional DOM element to get the BBox for
-
-## `ffClone`
-
-	var ffClone = function( elem )
-
-Hack for Firefox bugs where text element features aren’t updated. This function clones the element and re-selects it 
-
-> TODO: Test for this bug on load and add it to “support” object instead of browser sniffing
-
-#### Parameters
-
-* `elem` The (text) DOM element to clone
-
-## `getPathBBox`
-
-	var getPathBBox = function( path )
-
-Get correct BBox for a path in Webkit Converted from code found [here](http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html)
-
-#### Parameters
-
-* `path` The path DOM element to get the BBox for
-
-#### Returns
-A BBox-like object
-
-# Element Transforms
-
-## `getRotationAngle`
-
-	var getRotationAngle = this.getRotationAngle = function( elem, to_rad )
-
-Get the rotation angle of the given/selected DOM element
-
-#### Parameters
-
-* `elem` Optional DOM element to get the angle for
-* `to_rad` Boolean that when true returns the value in radians rather than degrees
-
-#### Returns
-
-Float with the angle in degrees or radians
-
-## `setRotationAngle`
-
-	this.setRotationAngle = function( val, preventUndo )
-
-Removes any old rotations if present, prepends a new rotation at the transformed center
-
-#### Parameters
-
-* `val` The new rotation angle in degrees
-* `preventUndo` Boolean indicating whether the action should be undoable or not
-
-## `getTransformList`
-
-	var getTransformList = this.getTransformList = function( elem )
-
-Returns an object that behaves like a SVGTransformList for the given DOM element
-
-#### Parameters
-
-* `elem` DOM element to get a transformlist from
-
-## `recalculateAllSelectedDimensions`
-
-	var recalculateAllSelectedDimensions = this.recalculateAllSelectedDimensions = function()
-
-Runs recalculateDimensions on the selected elements, adding the changes to a single batch command
-
-## `remapElement`
-
-	var remapElement = this.remapElement = function( selected, changes, m )
-
-Applies coordinate changes to an element based on the given matrix
-
-#### Parameters
-
-* `selected` DOM element to be changed
-* `changes` Object with changes to be remapped
-* `m` Matrix object to use for remapping coordinates
-
-## `recalculateDimensions`
-
-	var recalculateDimensions = this.recalculateDimensions = function( selected )
-
-Decides the course of action based on the element’s transform list
-
-#### Parameters
-
-* `selected` The DOM element to recalculate
-
-#### Returns
-
-Undo command object with the resulting change
-
-## `transformPoint`
-
-	var transformPoint = function( x, y, m )
-
-A (hopefully) quicker function to transform a point by a matrix (this function avoids any DOM calls and just does the math)
-
-#### Parameters
-* `x` Float representing the x coordinate
-* `y` Float representing the y coordinate
-* `m` Matrix object to transform the point with Returns a x,y object representing the transformed point
-
-## `isIdentity`
-
-	var isIdentity = function( m )
-
-Helper function to check if the matrix performs no actual transform (i.e. exists for identity purposes)
-
-#### Parameters
-
-* `m` The matrix object to check
-
-#### Returns
-
-Boolean indicating whether or not the matrix is `1,0,0,1,0,0`
-
-## `matrixMultiply`
-
-	var matrixMultiply = this.matrixMultiply = function()
-
-This function tries to return a SVGMatrix that is the multiplication `m1*m2`. We also round to zero when it’s near zero
-
-#### Parameters
-
-`= 2 Matrix objects to multiply`
-
-#### Returns
-
-The matrix object resulting from the calculation
-
-## `transformListToTransform`
-
-	var transformListToTransform = this.transformListToTransform = function( tlist, min, max )
-This returns a single matrix Transform for a given Transform List (this is the equivalent of `SVGTransformList.consolidate()` but unlike that method, this one does not modify the actual `SVGTransformList`) This function is very liberal with its `min`, `max` arguments
-
-#### Parameters
-
-* `tlist` The transformlist object
-* `min` Optional integer indicating start transform position
-* `max` Optional integer indicating end transform position
-
-#### Returns
-
-A single matrix transform object
-
-## `hasMatrixTransform`
-
-	var hasMatrixTransform = this.hasMatrixTransform = function( tlist )
-
-See if the given transformlist includes a non-indentity matrix transform
-
-#### Parameters
-
-* `tlist` The transformlist to check
-
-#### Returns
-
-Boolean on whether or not a matrix transform was found
-
-## `getMatrix`
-
-	var getMatrix = function( elem )
-
-Get the matrix object for a given element
-
-#### Parameters
-
-* `elem` The DOM element to check
-
-#### Returns
-
-The matrix object associated with the element’s transformlist
-
-## `transformBox`
-
-	var transformBox = this.transformBox = function( l, t, w, h, m )
-
-Transforms a rectangle based on the given matrix
-
-#### Parameters
-
-* `l` Float with the box’s left coordinate
-* `t` Float with the box’s top coordinate
-* `w` Float with the box width
-* `h` Float with the box height
-* `m` Matrix object to transform the box by
-
-#### Returns
-
-An object with the following values:
-
-* `tl` - The top left coordinate (x,y object)
-* `tr` - The top right coordinate (x,y object)
-* `bl` - The bottom left coordinate (x,y object)
-* `br` - The bottom right coordinate (x,y object)
-* `aabox` - Object with the following values:
-* Float with the axis-aligned x coordinate
-* Float with the axis-aligned y coordinate
-* Float with the axis-aligned width coordinate
-* Float with the axis-aligned height coordinate
-
-# Selection
-
-## `clearSelection`
-
-	var clearSelection = this.clearSelection = function( noCall )
-
-Clears the selection. The `selected` handler is then called.  Parameters: `noCall` - Optional boolean that when true does not call the “selected” handler
-
-## `addToSelection`
-
-	var addToSelection = this.addToSelection = function( elemsToAdd, showGrips )
-
-Adds a list of elements to the selection.  The ‘selected’ handler is then called.
-
-#### Parameters
-
-* `elemsToAdd` an array of DOM elements to add to the selection
-* `showGrips` a boolean flag indicating whether the resize grips should be shown
-
-## `removeFromSelection`
-
-	var removeFromSelection = this.removeFromSelection = function( elemsToRemove )
-
-Removes elements from the selection.
-
-#### Parameters
-
-* `elemsToRemove` an array of elements to remove from selection
-
-## `selectAllInCurrentLayer`
-
-	this.selectAllInCurrentLayer = function()
-
-Clears the selection, then adds all elements in the current layer to the selection. This function then fires the selected event.
-
-## `smoothControlPoints`
-
-	var smoothControlPoints = this.smoothControlPoints = function( ct1, ct2, pt )
-
-Takes three points and creates a smoother line based on them
-
-#### Parameters
-
-* `ct1` Object with x and y values (first control point)
-* `ct2` Object with x and y values (second control point)
-* `pt` Object with x and y values (third point)
-
-#### Returns
-
-Array of two “smoothed” point objects
-
-## `getMouseTarget`
-
-	var getMouseTarget = this.getMouseTarget = function( evt )
-
-Gets the desired element from a mouse event
-
-#### Parameters
-
-* `evt` Event object from the mouse event
-
-#### Returns
-
-DOM element we want
-
-## `preventClickDefault`
-
-	var preventClickDefault = function( img )
-
-Prevents default browser click behaviour on the given element
-
-#### Parameters
-
-* `img` The DOM element to prevent the cilck on
-
-# Text edit functions
-
-Functions relating to editing text elements
-
-# Path edit functions
-
-Functions relating to editing path elements
-
-# Serialization
-
-## `removeUnusedDefElems`
-
-	var removeUnusedDefElems = this.removeUnusedDefElems = function()
-
-Looks at DOM elements inside the <defs> to see if they are referred to, removes them from the DOM if they are not.
-
-#### Returns
-
-The amount of elements that were removed
-
-## `svgCanvasToString`
-
-	var svgCanvasToString = this.svgCanvasToString = function()
-
-Main function to set up the SVG content for output
-
-#### Returns
-
-String containing the SVG image for output
-
-## `svgToString`
-
-	var svgToString = this.svgToString = function( elem, indent )
-
-Sub function ran on each SVG element to convert it to a string as desired
-
-#### Parameters
-
-* `elem` The SVG element to convert
-* `indent` Integer with the amount of spaces to indent this tag
-
-#### Returns
-
-String with the given element as an SVG tag
-
-## `embedImage`
-
-	this.embedImage = function( val, callback )
-
-Converts a given image file to a data URL when possible, then runs a given callback
-
-#### Parameters
-
-* `val` String with the path/URL of the image
-* `callback` Optional function to run when image data is found, supplies the result (data URL or false) as first parameter.
-
-## `save`
-
-	this.save = function( opts )
-
-Serializes the current drawing into SVG XML text and returns it to the ‘saved’ handler.  This function also includes the XML prolog.  Clients of the SvgCanvas bind their save function to the ‘saved’ event.
-
-#### Returns
-Nothing
-
-## `rasterExport`
-
-	this.rasterExport = function()
-
-Generates a PNG Data URL based on the current image, then calls “exported” with an object including the string and any issues found
-
-## `getSvgString`
-
-	this.getSvgString = function()
-
-Returns the current drawing as raw SVG XML text.
-
-#### Returns
-
-The current drawing as raw SVG XML text.
-
-## `setSvgString`
-
-	this.setSvgString = function( xmlString )
-
-This function sets the current drawing as the input SVG XML.
-
-#### Parameters
-
-* `xmlString` The SVG as XML text.
-
-#### Returns
-
-This function returns false if the set was unsuccessful, true otherwise.
-
-## `importSvgString`
-
-	this.importSvgString = function( xmlString )
-
-This function imports the input SVG XML into the current layer in the drawing
-
-#### Parameters
-
-* `xmlString` The SVG as XML text.
-
-#### Returns
-
-This function returns false if the import was unsuccessful, true otherwise.  
-
->TODO: 
-
-* properly handle if namespace is introduced by imported content (must add to svgcontent and update all prefixes in the imported node)
-* properly handle recalculating dimensions, recalculateDimensions() doesn’t handle arbitrary transform lists, but makes some assumptions about how the transform list was obtained
-* import should happen in top-left of current zoomed viewport
-* create a new layer for the imported SVG
-
-# Layers
-
-## `identifyLayers`
-
-	var identifyLayers = function()
-
-Updates layer system
-
-## `createLayer`
-
-	this.createLayer = function( name )
-
-Creates a new top-level layer in the drawing with the given name, sets the current layer to it, and then clears the selection This function then calls the ‘changed’ handler.  This is an undoable action.
-
-#### Parameters
-
-* `name` The given name
-
-## `deleteCurrentLayer`
-
-	this.deleteCurrentLayer = function()
-
-Deletes the current layer from the drawing and then clears the selection. This function then calls the ‘changed’ handler. This is an undoable action.
-
-## `getNumLayers`
-
-	this.getNumLayers = function()
-
-Returns the number of layers in the current drawing.
-
-#### Returns
-
-The number of layers in the current drawing.
-
-## `getLayer`
-
-	this.getLayer = function( i )
-
-Returns the name of the ith layer.  If the index is out of range, an empty string is returned.
-
-#### Parameters
-* `i` the zero-based index of the layer you are querying.
-
-#### Returns
-
-The name of the ith layer
-
-## `getCurrentLayer`
-
-	this.getCurrentLayer = function()
-
-Returns the name of the currently selected layer.  If an error occurs, an empty string is returned.
-
-#### Returns
-
-The name of the currently active layer.
-
-## `setCurrentLayer`
-
-	this.setCurrentLayer = function( name )
-
-Sets the current layer.  If the name is not a valid layer name, then this function returns false.  Otherwise it returns true.  This is not an undo-able action.
-
-#### Parameters
-
-* `name` the name of the layer you want to switch to.
-
-#### Returns
-
-`true` if the current layer was switched, otherwise `false`
-
-## `renameCurrentLayer`
-
-	this.renameCurrentLayer = function( newname )
-
-Renames the current layer. If the layer name is not valid (i.e. unique), then this function does nothing and returns `false`, otherwise it returns `true`. This is an undo-able action.
-
-#### Parameters
-
-* `newname` the new name you want to give the current layer. This name must be unique among all layer names.
-
-#### Returns
-
-`true` if the rename succeeded, `false` otherwise.
-
-## `setCurrentLayerPosition`
-
-	this.setCurrentLayerPosition = function( newpos )
-
-Changes the position of the current layer to the new value.  If the new index is not valid, this function does nothing and returns false, otherwise it returns true.  This is an undo-able action.
-
-#### Parameters
-
-* `newpos` The zero-based index of the new position of the layer. This should be between
-`0` and (number of layers `1`)
-
-#### Returns
-
-`true` if the current layer position was changed, `false` otherwise.
-
-## `getLayerVisibility`
-
-	this.getLayerVisibility = function(	 layername )
-
-Returns whether the layer is visible.  If the layer name is not valid, then this function returns false.
-
-#### Parameters
-
-* `layername` the name of the layer which you want to query.
-
-#### Returns
-
-The visibility state of the layer, or false if the layer name was invalid.
-
-## `setLayerVisibility`
-
-	this.setLayerVisibility = function( layername, bVisible )
-
-Sets the visibility of the layer.  If the layer name is not valid, this function return false, otherwise it returns true.  This is an undo-able action.
-
-#### Parameters
-
-* `layername` the name of the layer to change the visibility
-* `bVisible` true/false, whether the layer should be visible
-
-#### Returns
-
-`true` if the layer’s visibility was set, `false` otherwise
-
-## `moveSelectedToLayer`
-
-	this.moveSelectedToLayer = function( layername )
-
-Moves the selected elements to layername.  If the name is not a valid layer name, then false is returned.  Otherwise it returns true.  This is an undo-able action.
-
-#### Parameters
-
-* `layername` the name of the layer you want to which you want to move the selected elements
-
-#### Returns
-
-`true` if the selected elements were moved to the layer, `false` otherwise.
-
-## `getLayerOpacity`
-
-	this.getLayerOpacity = function( layername )
-
-Returns the opacity of the given layer.  If the input name is not a layer, null is returned.
-
-#### Parameters
-
-* `layername` name of the layer on which to get the opacity
-
-#### Returns
-
-The opacity value of the given layer.  This will be a value between `0.0` and `1.0`, or null if layername is not a valid layer
-
-## `setLayerOpacity`
-
-	this.setLayerOpacity = function( layername, opacity )
-
-Sets the opacity of the given layer.  If the input name is not a layer, nothing happens.  This is not an undo-able action.
-
->NOTE: this function exists solely to apply a highlighting/de-emphasis effect to a layer, when it is possible for a user to affect the opacity of a layer, we will need to allow this function to produce an undo-able action.  If opacity is not a value between 0.0 and 1.0, then nothing happens.
-
-#### Parameters
-
-* `layername` name of the layer on which to set the opacity
-* `opacity` a float value in the range 0.0-1.0
-
-# Document functions
-
-## `clear`
-
-	this.clear = function()
-
-Clears the current document.  This is not an undoable action.
-
-## `linkControlPoints`
-
-Alias function
-
-## `getContentElem`
-
-	this.getContentElem = function()
-
-Returns the content DOM element
-
-## `getRootElem`
-
-	this.getRootElem = function()
-
-Returns the root DOM element
-
-## `getSelectedElems`
-
-	this.getSelectedElems = function()
-
-Returns the array with selected DOM elements
-
-## `getResolution`
-
-	var getResolution = this.getResolution = function()
-
-Returns the current dimensions and zoom level in an object
-
-## `getZoom`
-
-	this.getZoom = function()
-
-Returns the current zoom level
-
-## `getVersion`
-
-	this.getVersion = function()
-
-Returns a string which describes the revision number of SvgCanvas.
-
-## `setUiStrings`
-
-	this.setUiStrings = function(strs)
-
-Update interface strings with given values
-
-#### Parameters
-
-* `strs` Object with strings (see uiStrings for examples)
-
-## `setConfig`
-
-	this.setConfig = function( opts )
-
-Update configuration options with given values
-
-#### Parameters
-
-* `opts` Object with options (see curConfig for examples)
-
-## `getDocumentTitle`
-
-	this.getDocumentTitle = function()
-
-Returns the current document title or an empty string if not found
-
-## `setDocumentTitle`
-
-	this.setDocumentTitle = function( newtitle )
-
-Adds/updates a title element for the document with the given name.  This is an undoable action
-
-#### Parameters
-
-* `newtitle` String with the new title
-
-## `getEditorNS`
-
-	this.getEditorNS = function( add )
-
-Returns the editor’s namespace URL, optionally adds it to root element
-
-#### Parameters
-
-* `add` Boolean to indicate whether or not to add the namespace value
-
-## `setResolution`
-
-	this.setResolution = function( x, y )
-
-Changes the document’s dimensions to the given size
-
-#### Parameters
-
-* `x` Number with the width of the new dimensions in user units.  Can also be the string “fit” to indicate “fit to content”
-* `y` Number with the height of the new dimensions in user units.
-
-#### Returns
-
-Boolean to indicate if resolution change was succesful.  It will fail on “fit to content” option with no content to fit to.
-
-## `getOffset`
-
-	this.getOffset = function()
-
-Returns an object with `x`, `y` values indicating the svgcontent element’s position in the editor’s canvas.
-
-## `setBBoxZoom`
-
-	this.setBBoxZoom = function( val, editor_w, editor_h )
-
-Sets the zoom level on the canvas-side based on the given value
-
-#### Parameters
-
-* `val` Bounding box object to zoom to or string indicating zoom option
-* `editor_w` Integer with the editor’s workarea box’s width
-* `editor_h` Integer with the editor’s workarea box’s height
-
-## `setZoom`
-
-	this.setZoom = function( zoomlevel )
-
-Sets the zoom to the given level
-
-#### Parameters
-
-* `zoomlevel` Float indicating the zoom level to change to
-
-## `getMode`
-
-	this.getMode = function()
-
-Returns the current editor mode string
-
-## `setMode`
-
-	this.setMode = function( name )
-
-Sets the editor’s mode to the given string
-
-#### Parameters
-
-* `name` String with the new mode to change to
-
-# Element Styling
-
-## `getColor`
-
-	this.getColor = function( type )
-
-Returns the current fill/stroke option
-
-## `setColor`
-
-	this.setColor = function( type, val, preventUndo )
-
-Change the current stroke/fill color/gradient value
-
-#### Parameters
-
-* `type` String indicating fill or stroke
-* `val` The value to set the stroke attribute to
-* `preventUndo` Boolean indicating whether or not this should be and undoable option
-
-## `findDefs`
-
-	var findDefs = function()
-
-Return the document’s `<defs>` element, create it first if necessary
-
-## `setGradient`
-
-	var setGradient = this.setGradient = function( type )
-
-Apply the current gradient to selected element’s fill or stroke
-Parameters `type` - String indicating “fill” or “stroke” to apply to an element
-
-## `findDuplicateGradient`
-
-	var findDuplicateGradient = function( grad )
-
-Check if exact gradient already exists
-
-#### Parameters
-
-* `grad` The gradient DOM element to compare to others
-
-#### Returns
-
-The existing gradient if found, null if not
-
-## `setPaint`
-
-	this.setPaint = function( type, paint )
-
-Set a color/gradient to a fill/stroke
-
-#### Parameters
-
-* `type` String with “fill” or “stroke”
-* `paint` The jGraduate paint object to apply
-
-## `getStrokeWidth`
-
-	this.getStrokeWidth = function()
-
-Returns the current stroke-width value
-
-## `setStrokeWidth`
-
-	this.setStrokeWidth = function( val )
-
-Sets the stroke width for the current selected elements When attempting to set a line’s width to 0, this changes it to 1 instead
-
-#### Parameters
-
-* `val` A Float indicating the new stroke width value
-
-## `setStrokeAttr`
-
-	this.setStrokeAttr = function( attr, val )
-
-Set the given stroke-related attribute the given value for selected elements
-
-#### Parameters
-
-* `attr` String with the attribute name
-* `val` String or number with the attribute value
-
-## `getOpacity`
-
-	this.getOpacity = function()
-
-Returns the current opacity
-
-## `setOpacity`
-
-	this.setOpacity = function( val )
-
-Sets the given opacity to the current selected elements
-
-## `getOpacity`
-
-Returns the current fill opacity
-
-## `getStrokeOpacity`
-
-	this.getStrokeOpacity = function()
-
-Returns the current stroke opacity
-
-## `setPaintOpacity`
-
-	this.setPaintOpacity = function( type, val, preventUndo )
-
-Sets the current fill/stroke opacity
-
-#### Parameters
-
-* `type` String with “fill” or “stroke”
-* `val` Float with the new opacity value
-* `preventUndo` Boolean indicating whether or not this should be an undoable action
-
-## `getBlur`
-
-	this.getBlur = function( elem )
-
-Gets the stdDeviation blur value of the given element
-
-#### Parameters
-
-* `elem` The element to check the blur value for
-
-## `setBlurNoUndo`
-
-	canvas.setBlurNoUndo = function( val )
-
-Sets the stdDeviation blur value on the selected element without being undoable
-
-#### Parameters
-
-* `val` The new stdDeviation value
-
-## `setBlurOffsets`
-
-	canvas.setBlurOffsets = function( filter, stdDev )
-
-Sets the `x`, `y`, with, height values of the filter element in order to make the blur not be clipped.  Removes them if not neeeded
-
-#### Parameters
-
-* `filter` The filter DOM element to update
-* `stdDev` The standard deviation value on which to base the offset size
-
-## `setBlur`
-
-	canvas.setBlur = function( val, complete )
-
-Adds/updates the blur filter to the selected element
-
-#### Parameters
-
-* `val` Float with the new stdDeviation blur value
-* `complete` Boolean indicating whether or not the action should be completed (to add to the undo manager)
-
-## `getBold`
-
-	this.getBold = function()
-
-Check whether selected element is bold or not
-
-#### Returns
-
-Boolean indicating whether or not element is bold
-
-## `setBold`
-
-	this.setBold = function( b )
-
-Make the selected element bold or normal
-
-#### Parameters
-
-* `b` Boolean indicating bold `true` or normal `false`
-
-## `getItalic`
-
-	this.getItalic = function()
-
-Check whether selected element is italic or not
-
-#### Returns
-
-Boolean indicating whether or not element is italic
-
-## `setItalic`
-
-	this.setItalic = function( i )
-
-Make the selected element italic or normal
-
-#### Parameters
-* `b` Boolean indicating italic (true) or normal (false)
-
-## `getFontFamily`
-
-	this.getFontFamily = function()
-
-Returns the current font family
-
-## `setFontFamily`
-
-	this.setFontFamily = function( val )
-
-Set the new font family
-
-#### Parameters
-
-* `val` String with the new font family
-
-## `getFontSize`
-
-	this.getFontSize = function()
-
-Returns the current font size
-
-## `setFontSize`
-
-	this.setFontSize = function( val )
-
-Applies the given font size to the selected element
-
-#### Parameters
-
-* `val` Float with the new font size
-
-## `getText`
-
-	this.getText = function()
-
-Returns the current text `textContent` of the selected element
-
-## `setTextContent`
-
-	this.setTextContent = function( val )
-
-Updates the text element with the given string
-
-#### Parameters
-
-* `val` String with the new text
-
-## `setImageURL`
-
-	this.setImageURL = function( val )
-
-Sets the new image URL for the selected image element.  Updates its size if a new URL is given
-
-#### Parameters
-
-* `val` String with the image URL/path
-
-## `setRectRadius`
-
-	this.setRectRadius = function( val )
-
-Sets the `rx` & `ry` values to the selected rect element to change its corner radius
-
-#### Parameters
-
-* `val` The new radius
-
-# Element manipulation
-
-## `setSegType`
-
-	this.setSegType = function( new_type )
-
-Sets the new segment type to the selected segment(s).
-
-#### Parameters
-
-* `new_type` Integer with the new segment type See http://www.w3.org/TR/SVG/paths.html#InterfaceSVGPathSeg for list
-
-## `convertToPath`
-
-	this.convertToPath = function( elem, getBBox )
-
-Convert selected element to a path, or get the BBox of an element-as-path
-
-#### Parameters
-
-* `elem` The DOM element to be converted
-* `getBBox` Boolean on whether or not to only return the path’s BBox
-
-#### Returns
-
-If the getBBox flag is true, the resulting path’s bounding box object.  Otherwise the resulting path element is returned.
-
-## `changeSelectedAttributeNoUndo`
-
-	var changeSelectedAttributeNoUndo = function( attr, newValue, elems )
-
-This function makes the changes to the elements.  It does not add the change to the history stack.
-
-#### Parameters
-
-* `attr` String with the attribute name
-* `newValue` String or number with the new attribute value
-* `elems` The DOM elements to apply the change to
-
-## `changeSelectedAttribute`
-
-	var changeSelectedAttribute = this.changeSelectedAttribute = function( attr, val, elems )
-
-Change the given/selected element and add the original value to the history stack If you want to change all selectedElements, ignore the elems argument.  If you want to change only a subset of selectedElements, then send the subset to this function in the elems argument.
-
-#### Parameters
-
-* `attr` String with the attribute name
-* `newValue` String or number with the new attribute value
-* `elems` The DOM elements to apply the change to
-
-## `deleteSelectedElements`
-
-	this.deleteSelectedElements = function()
-
-Removes all selected elements from the DOM and adds the change to the history stack
-
-## `groupSelectedElements`
-
-	this.groupSelectedElements = function()
-
-Wraps all the selected elements in a group (g) element
-
-## `ungroupSelectedElement`
-
-	this.ungroupSelectedElement = function()
-
-Unwraps all the elements in a selected group (g) element.  This requires significant recalculations to apply group’s transforms, etc to its children
-
-## `moveToTopSelectedElement`
-
-	this.moveToTopSelectedElement = function()
-
-Repositions the selected element to the bottom in the DOM to appear on top of other elements
-
-## `moveToBottomSelectedElement`
-
-	this.moveToBottomSelectedElement = function()
-
-Repositions the selected element to the top in the DOM to appear under other elements
-
-## `moveSelectedElements`
-
-	this.moveSelectedElements = function( dx, dy, undoable )
-
-Moves selected elements on the X/Y axis
-
-#### Parameters
-
-* `dx` Float with the distance to move on the x-axis
-* `dy` Float with the distance to move on the y-axis
-* `undoable` Boolean indicating whether or not the action should be undoable
-
-#### Returns
-
-Batch command for the move
-
-## `cloneSelectedElements`
-
-	this.cloneSelectedElements = function()
-
-Create deep DOM copies (clones) of all selected elements and move them slightly from their originals
-
-## `alignSelectedElements`
-
-	this.alignSelectedElements = function( type, relative_to )
-
-Aligns selected elements
-
-#### Parameters
-
-* `type` String with single character indicating the alignment type
-* `relative_to` String that must be one of the following: “selected”, “largest”, “smallest”, “page”
-
-# Additional editor tools
-
-## `updateCanvas`
-
-	this.updateCanvas = function( w, h )
-
-Updates the editor canvas width/height/position after a zoom has occurred
-
-#### Parameters
-
-* `w` Float with the new width
-* `h` Float with the new height
-
-#### Returns
-
-Object with the following values:
-
-* `x` - The canvas’ new x coordinate
-* `y` - The canvas’ new y coordinate
-* `old_x` - The canvas’ old x coordinate
-* `old_y` - The canvas’ old y coordinate
-* `d_x` - The x position difference
-* `d_y` - The y position difference
-
-## `setBackground`
-
-	this.setBackground = function( color, url )
-
-Set the background of the editor (NOT the actual document)
-
-#### Parameters
-
-* `color` String with fill color to apply
-* `url` URL or path to image to use
-
-## `cycleElement`
-
-	this.cycleElement = function( next )
-
-Select the next/previous element within the current layer
-
-#### Parameters
-
-* `next` Boolean where true = next and false = previous element
diff --git a/docs/Testing.md b/docs/Testing.md
new file mode 100644
index 00000000..f4409ee5
--- /dev/null
+++ b/docs/Testing.md
@@ -0,0 +1,11 @@
+# Testing
+
+1. Ensure tests are passing via `npm test`. This will lint and build
+files and run `/test/all_tests.html`.
+
+2. Spot check extensions (until we have tests). The following URL includes all:
+
+http://localhost:8000/editor/svg-editor-es.html?extensions=ext-arrows.js,ext-closepath.js,ext-connector.js,ext-eyedropper.js,ext-foreignobject.js,ext-grid.js,ext-helloworld.js,ext-imagelib.js,ext-markers.js,ext-mathjax.js,ext-overview_window.js,ext-panning.js,ext-php_savefile.js,ext-polygon.js,ext-server_moinsave.js,ext-server_opensave.js,ext-shapes.js,ext-star.js,ext-storage.js,ext-webappfind.js,ext-xdomain-messaging.js
+
+3. Ensure both the ES6 Modules HTML file (`svg-editor-es.html`) and
+  regular file (`svg-editor.html`) are working.
diff --git a/docs/from-old-wiki/BigBlueButton.md b/docs/from-old-wiki/BigBlueButton.md
new file mode 100644
index 00000000..f2cbebe2
--- /dev/null
+++ b/docs/from-old-wiki/BigBlueButton.md
@@ -0,0 +1 @@
+http://www.bigbluebutton.org/
diff --git a/docs/from-old-wiki/BrowserBugs.md b/docs/from-old-wiki/BrowserBugs.md
new file mode 100644
index 00000000..a38eb7f5
--- /dev/null
+++ b/docs/from-old-wiki/BrowserBugs.md
@@ -0,0 +1,151 @@
+Introduction
+
+While working on SVG-edit, a number of SVG-related browser bugs were encountered. This page serves to highlight these bugs so they can hopefully be fixed in future versions by the browser makers.
+Bugs
+Firefox
+SVG Files in data: cannot reference elements internally
+
+If you click 'Save' in the browser-based editor, Firefox will show all gradients as black and all markers will be invisible. This is because Firefox doesn't support fragment URIs within a data: URI.
+
+Version(s): 4.0-
+
+Bug Report: https://bugzilla.mozilla.org/show_bug.cgi?id=308590
+
+Workaround in SVG-edit: None. This is now only a problem for obsolete versions of Firefox.
+Symbol elements cannot reference elements internally
+
+Importing an image with a symbol element that includes gradients results in all the gradient-filled elements being black.
+
+Version(s): 4.0-
+
+Bug Report: https://bugzilla.mozilla.org/show_bug.cgi?id=353575
+
+Workaround in SVG-edit: None yet
+Group Opacity has terrible performance
+
+Problem: When an image has many elements with the opacity attribute set to values less than 1.0, the image (and the editor) cause Firefox to become very slow.
+
+Version(s): 3.5-
+
+Bug Report: https://bugzilla.mozilla.org/show_bug.cgi?id=309782
+
+Other bugs related to Bug 309782: * https://bugzilla.mozilla.org/show_bug.cgi?id=523481 * https://bugzilla.mozilla.org/show_bug.cgi?id=524089
+
+Workaround in SVG-edit: Not really. One option is to avoid using the group_opacity control and change the stroke-opacity and fill-opacity instead.
+Rotating text element with gradient
+
+Problem: When a text element has a gradient set and is rotated, the individual glyphs are incorrectly repositioned.
+
+Version(s): All, but only on Mac OSX 10.5 (10.6 is fine)
+
+Bug report: https://bugzilla.mozilla.org/show_bug.cgi?id=519472
+
+Workaround in SVG-edit: No, does not appear possible.
+BBoxes for groups and symbols ignore horizontal/vertical lines
+
+Problem: When a group or symbol element contains a horizontal or vertical line, getBBox() ignores the line and thus provides an incorrect rectangle.
+
+Version(s): All
+
+Bug report: None yet
+
+Workaround in SVG-edit: Resource-heavy workaround script (for 2.6)
+Opera
+Does not support the W3C File API
+
+Problem: Cannot open local files in the browser version of SVG-edit in Opera.
+
+Workaround: Use the widget version.
+Webkit
+Path Segments and Points Normalized
+
+Problem: Webkit internally normalizes path segments and point lists and does not provide the original string.
+
+Version(s): All, Safari & Chrome
+
+Bug reports: * https://bugs.webkit.org/show_bug.cgi?id=26487 * https://bugs.webkit.org/show_bug.cgi?id=29870
+
+Workaround in SVG-edit: Handle all path segment types and check if commas are present in the point list.
+Relative Path Segments Cannot be Added/Removed
+
+Problem: Manipulating segments using insertItemBefore, removeItem, etc fail to actually affect path elements made of relative segments.
+
+Version(s): All, Safari & Chrome
+
+Bug reports: * https://bugs.webkit.org/show_bug.cgi?id=30219
+
+Workaround in SVG-edit: Convert all paths to use absolute segments.
+@transform value is unreliable (Safari only)
+
+Problem: WebKit fails to update the value of the @transform attribute after changes are made to its transformlist.
+
+Version(s): Safari (should be fixed in next version after 5)
+
+Bug reports: * None yet, related bug here: https://bugs.webkit.org/show_bug.cgi?id=31119
+
+Workaround in SVG-edit: Implement our own "shim" version of SVGTransformList
+getBBox on paths with curves includes control points
+
+Problem: Calling getBBox() on a path with curves returns a box that is too big, as the control points are incorrectly included in the size.
+
+Version(s): All, Safari & Chrome
+
+Bug reports: * https://bugs.webkit.org/show_bug.cgi?id=53512
+
+Workaround in SVG-edit: Implement our own "shim" version of getBBox for paths.
+USE element is not repositioned when moved to x=0 y=0 through script
+
+Problem: Attempting to set any USE element (like when importing SVGs) to position 0,0 has no visible effect. This may occur by doing undo after moving it or by setting the values as attributes.
+
+Version(s): All, Safari & Chrome
+
+Bug reports: * https://bugs.webkit.org/show_bug.cgi?id=53767
+
+Workaround in SVG-edit: Removing then re-adding the element seems to take care of this.
+Failure to detect camelCase elements
+
+Problem: WebKit is unable to detect elements like linearGradient using querySelectorAll or getElementsByTagName.
+
+Bug reports: * https://bugs.webkit.org/show_bug.cgi?id=46800
+
+Workaround in SVG-edit: Search through all elements, then check their tagName value
+Data URL page cannot be saved (Chrome only)
+
+Problem: When using the default save handler, the SVG image is opened in a new tab, but there is no method to save the file.
+
+Version(s): Chrome 5+
+
+Bug reports: * http://code.google.com/p/chromium/issues/detail?id=46735
+
+Workaround in SVG-edit: Open the source editor instead, advising user to copy & paste from there
+Does not support the W3C File API (Safari only)
+
+Problem: Cannot open local files in browser-based version of SVG-edit
+
+Bug Reports: * https://bugs.webkit.org/show_bug.cgi?id=32624
+
+Workaround: Copy contents of file and paste in via SVG-edit source editor
+BBoxes for groups and symbols ignore horizontal/vertical lines
+
+Problem: When a group or symbol element contains a horizontal or vertical line, getBBox() ignores the line and thus provides an incorrect rectangle.
+
+Version(s): All
+
+Bug report: None yet
+
+Workaround in SVG-edit: Resource-heavy workaround script (for 2.6)
+Missing SVG support desired in SVG-edit
+Internet Explorer
+
+    Feature: Native support of SVG, Version(s): IE8-, Workaround: For all versions prior to IE9, use the Google Chrome Frame plugin. IE9 supported in SVG-edit 2.6
+
+Firefox
+
+    Feature: SMIL (animation), Version(s): All, Workaround: None
+    Feature: SVG Text Selection, Version(s): All, Workaround: None
+
+Webkit
+
+    Feature: SVG Filters, Version(s): Safari 5-, Chrome 4-, Workaround: Wait, SVG Filters are now implemented in the WebKit trunk
+    Feature: Save as SVG in Safari, Version: Windows, Workaround: None, https://bugs.webkit.org/show_bug.cgi?id=25265
+    Feature: Non-Scaling-Stroke, Version(s): Safari 5- Workaround: Re-calculate stroke manually, wait until Safari is updated (fixed in WebKit trunk)
diff --git a/docs/from-old-wiki/CodeRefactoring.md b/docs/from-old-wiki/CodeRefactoring.md
new file mode 100644
index 00000000..d32d2870
--- /dev/null
+++ b/docs/from-old-wiki/CodeRefactoring.md
@@ -0,0 +1,49 @@
+Introduction
+
+SVG-edit started out as a much tinier project contained in just two JS files: svg-editor.js (essentially the editor UI) and svgcanvas.js (everything else). Over time, as SVG-edit has gained more and more features, these files naturally grew in size. And while extensions were introduced as one mechanism to separate features from the main code base, by Oct 2010, svgcanvas.js had reached 11,600 lines of JavaScript.
+
+My main concern with this was that one giant JS file, no matter how well-commented and organized, cannot attract new developers. It's just too daunting to try and find out how the project works when it's one giant file. In a project that relies on casual contributors finding spare time, this is a huge problem. I experienced this first hand, since I had stopped heavily contributing to the project earlier in 2010 and then tried to come back near the end of 2010 and found myself lost.
+
+The other problem is that the only realistic way of testing any new change was to invoke the editor and try out the feature. While this is a really good way to ensure your new feature works, it doesn't catch if you've broken other existing features. Over time, codebases that only rely on manual testing are bound to make less and less progress.
+History
+
+I'll note that a call to split out JS functionality into separate files was made by Narendra back in 2009 (when he had gone away from the project and tried to come back). He had even contributed new code in the form of a separate script to deal with localization, which was great. But at the time I didn't really know how I wanted to deal with modularization in a web app. I didn't want to be making separate GET requests for every script tag, and even his attempt with locale.js bothered me just a little. Plus, development was hot and heavy on new features ;)
+
+But now that I was in Narendra's shoes and the amount of code had gone up by an order of magnitude, I realized how important it was. With this in mind, I set out to try and break apart the code a little bit. Starting with [r1817](https://code.google.com/p/svg-edit/source/detail?r=1817), I managed to split out some bits of code into a separate JS file. My goal in the refactoring was to make incremental changes that carefully started to split apart the code but didn't introduce any new bugs. I haven't been entirely successful in this, but there haven't been any major disasters, at least.
+
+I eventually worked things out such that code that had been refactored lived somewhere under the 'svgedit' global namespace. The end goal is for everything to live under this namespace, but for now there are pieces that don't (svgEditor and svgCanvas).
+
+For instance, browser.js introduces the following:
+
+svgedit.browser.isOpera() svgedit.browser.isWebkit() svgedit.browser.isGecko() svgedit.browser.supportsSelectors() svgedit.browser.supportsPathReplaceItem() etc...
+
+Here's a bullet-point summary of the state of affairs:
+
+    Development versions of SVG-edit now have many <script> tags that load in all the JS modules.
+    The dependencies between these files are currently maintained manually, the JS files must be loaded in the correct order
+    Each new JS module has a corresponding test file under test/.
+    The Makefile has been updated to compile all the JS modules using the Closure Compiler. This collapses all the JS into one compiled file and reduces the number of GET requests back to a sane level for a release version of SVG-edit.
+
+NOTE: This is an ongoing effort. It's not done, and I don't know if it will ever be done. Currently svgcanvas.js is still around 8800 lines of code and occasionally growing. My silly benchmark for this effort is to have every file browsable online in Google Code :) Don't browse to svgcanvas.js in googlecode today. My browser grinds to a halt.
+Unit Tests
+
+As I refactor, I am taking the opportunity to add unit tests for each module/function/class refactored. As of Jan 2010, we are close to 500 unit tests. They are all ran at http://svg-edit.googlecode.com/svn/trunk/test/all_tests.html
+Current Tasks
+
+1) I introduced the concept of a Drawing earlier on that would encapsulate the state of a single open SVG document. The SVG editor has a handle to the current drawing and uses that instead of accessing svg DOM elements directly. Eventually all code that deals with layers, current editing context, document history and more will be moved into draw.js but for now, much of that code still lives in svgcanvas.js.
+
+2) I'm in the process of migrating a large chunk of svgcanvas.js called "pathActions" into its own module (path.js). This piece of code did have a lot of dependencies so moving it piece-by-piece seemed like the right way to go. Currently it's about half-way migrated, with most of the 'public API' still living in svgcanvas.js.
+TODOs
+
+    Finish moving layers functionality into the Drawing class
+    Move current_group and context functionality into Drawing
+    Move setSvgString() and importSvgString() into a module
+    Move pathActions into its own module
+    Regenerate API documentation
+    Determine how to convince the Closure Compiler to compile svgedit.browser.isOpera() into svgedit$browser$isOpera() so that it can also be optimized (reduces compiled file size and saves in run-time cost).
+    ...
+
+I have some other things I intend to investigate:
+
+    Moving to something that uses jscode instead of our existing documentation style
+    Moving to using a bit of Closure (for goog.require/provide). My concern with this is that there is significant overlap between Closure and jQuery and I'd want to make sure we are not pulling in code that we don't need.
diff --git a/docs/from-old-wiki/CommitPolicy.md b/docs/from-old-wiki/CommitPolicy.md
new file mode 100644
index 00000000..4dc0d76f
--- /dev/null
+++ b/docs/from-old-wiki/CommitPolicy.md
@@ -0,0 +1,28 @@
+If you want commit access, just ask marclaporte at gmail.com. We need your Gmail or Google account. Keep in mind that SVG-edit is widely used and changes can have unexpected consequences. If you are planning major changes, it's a good idea to discuss them on the mailing list (and link to a wiki page if you feel it's appropriate)
+
+Please join these two mailing lists: * [General discussion](http://groups.google.com/group/svg-edit) * [All commits, including changes to wiki pages](http://groups.google.com/group/svg-edit-commit)
+Where to commit
+
+    If it's a translation: just commit directly. You can even use the web-based interface (awesome!)
+        Go to https://code.google.com/p/svg-edit/source/browse/trunk/editor/locale/
+        Click on your language file
+        Click "Edit file"
+        Edit the translation file
+        File in the box to describe your changes
+        Click "Commit"
+    If you are sure: just commit
+    If you are pretty sure, but have some doubts: commit and ask for a review -> https://code.google.com/p/support/wiki/CodeReviews
+    If you want some feedback before committing: add a patch to the issue tracker (or if it's simple, can be on the mailing list)
+    If you want to do something really radical, make an experimental branch
+
+A corollary to a lower threshold to commit access (than most projets) is quick rollbacks, so don't be offended if your commit is rolled back. This is part of the process of learning and collaborating.
+How to give feedback on a commit
+
+You can just comment the commit as per this example: https://code.google.com/p/svg-edit/source/detail?r=2274
+
+If you feel it deserves more eyeballs, send a message to the mailing list.
+
+You can also use the Code Review system: https://code.google.com/p/support/wiki/CodeReviews
+How to commit
+
+    We use Subversion: https://code.google.com/p/support/wiki/SubversionFAQ
diff --git a/docs/from-old-wiki/CommunityConferenceCall.md b/docs/from-old-wiki/CommunityConferenceCall.md
new file mode 100644
index 00000000..41fc62bf
--- /dev/null
+++ b/docs/from-old-wiki/CommunityConferenceCall.md
@@ -0,0 +1,139 @@
+The recording is at: http://tiki.bigbluebutton.org/playback/slides/playback.html?meetingId=c986d4c28a45e0f8bab246354ebfe0422683e9de-1354632865808
+
+Actual meeting lasted about 3.5 hours! The recording lasts 5 hours because some people arrived early and some stayed after the meeting. Just use the slider to skip ahead to 1h 06min 25sec. Over 30 people participated and the interest/energy level is high. The meeting lasted way longer than planned because there were so many people (a great problem to have!) You can see image of web conference here. Thank you to BigBlueButton for the awesome web conferencing solution!
+
+Main conclusions & notes: * Introduction of participants * It is incredible to see the diverse ways people use SVG-edit. There were over a dozen presentations. * 2.6 release * Release is planned for January 15th, 2013 * trunk is in "risk freeze" until then (don't make major changes that can affect existing implementations) * Adding new optional features is OK until December 31st 2012 (January 1-15 should be bug fixes and translations only) * Ahmad will handle 2 of the remaining blockers in December * Release managers: Chance and Jordan (It's their first time so anyone familiar with release process: please help them) * Translators: we are counting on you to complete translations for all languages :-) * Wiki edit rights * Everyone will be given access. * We want more people to use it for planning and documentation. Long thoughtful posts on the mailing list should perhaps be more in the wiki with a link in the mailing list. * Commit access policy * We open as per the proposal at CommitPolicy with an additional caution to people that SVG-edit is widely used and changes can have unexpected consequences. Wait for after 2.6 release (and thus trunk re-opening) for any bigger changes. * Convergence of energy / modularization / themeing / etc. * Another conference call will be set up in February 2013 (after the release of 2.6) to discuss this in more detail. But in general everybody agreed some architectural changes are necessary and all participants want to contribute back. (the big question is "how?") * Some of the participants expressed an interest in sponsoring development (ex.: allocate some of their development resources) * Wikipedia * The MediaWiki extension was presented. Getting SVG-edit on Wikipedia is a top priority. Further discussions are to be held to determine clear roadmap: https://bugzilla.wikimedia.org/show_bug.cgi?id=38271#c16 * Browser support * This will need more discussion to have a clear policy * Release cycle * Active devs will reconvene for exact formula on this but it is agreed that it should never be more than one year. * Consulting ecosystem * This is essential in a healthy community. All consultants, please add yourself to Consulting * Translations * All translators will have commit access and they can use web interface or SVN. 2.6 will be released January 15th. If you can commit your translations in December, that would be awesome. * Roadmap: see point above on Convergence of energy / modularization / themeing
+
+Apologies to Moritz Wissenbach (and anyone else affected) because he couldn't present his [Image Annotation project](https://faustedition.uni-wuerzburg.de/public/text-image-links.jpg). Although there is no limit to BigBlueButton for the number of people that can connect, the phone gateway we use is limited to 4 connections. So there are likely other people that got a busy signal. This number has since been increased to 8 so we should be OK for the next meeting.
+
+The list of people varied but at one point, here were the names: * Reimar Bauer * Moritz Wissenbach * Michel Buffa * Harry Burt * Dan Nickchen * Ahmad Syazwan * Chuck Weissman (no mic) * Emmanuel Harguindey * Boris Goldowsky * Ludovic Dubost (XWiki) * Marc Laporte * Luigi Capra * Mark MacKay * NICHOLAS KYRIAKIDES * Harman Dandiwal * Mark Nickel * ctzurcanu * Senthil Kumar * edroid * luciash d' being * Caleb * robertplummer * Mark Medinger * Jo Segaert * Flint O'Brien * Chance Roth * Alexander Widera * Jordan Mendler * John Sebok
+When
+
+The meeting is confirmed for December 4th, 2012 16h00 UTC
+
+Please check for [the time in your time zone](http://www.timeanddate.com/worldclock/fixedtime.html?iso=20121204T1600)
+Where
+
+    We will be using the Free and Open Source [BigBlueButton](http://bigbluebutton.org/) Web conferencing platform
+    It will be possible to join
+        With a regular phone with a call to a North American number
+        Via the BigBlueButton web interface (in Flash) (please have a headset)
+        With Skype (please have a headset)
+
+The meeting room is at http://tiki.org/SVG-edit+2012-12+community+meeting and you can already try it out.
+Topics
+Introduction of participants
+
+    Each person takes a minute or two to introduce themselves. This also serves to make sure sound is OK for all. Please have a headset.
+        Where do you live?
+        How do you use SVG-edit? (if this takes more than 30 seconds, please add as a presentation below)
+        Where do you want to see the project in the future?
+
+Demos/explanation of how SVG-edit is used/integrated
+
+    Each project presents in 2-5 minutes an overview of how they use SVG-edit. Presenters: you'll be able to [share URLs in the chatroom, or you can upload PDFs to the presentation tool](http://www.bigbluebutton.org/overview/)
+        [CWM Draw Tool](https://code.google.com/p/cwm-drawtool/) (Boris Goldowsky)
+        [Awwation](http://awwation.com/) (Aditya Bhatt)
+        [Method Draw](https://github.com/duopixel/Method-Draw) (Mark MacKay)
+        [MediaWiki integration](https://www.mediawiki.org/wiki/Extension:SVGEdit) (Brion Vibber)
+        [TranslateSvg](https://www.mediawiki.org/wiki/Extension:TranslateSvg) (Harry Burt)
+        Various improvements by Michel Buffa (Touch, multiline)
+        [ownCloud integration](http://sourceforge.net/projects/ocsvg/) (Florian Hülsmann)
+        [A schematic editor (one-line diagrams for electric utilities)](https://groups.google.com/d/msg/svg-edit/8uYm9I4KheQ/kMLggZdytuoJ) (Flint O'Brien)
+        [Drupal SVG](https://drupal.org/sandbox/josegaert/1511596) (Jo Segaert)
+        [CloudCanvas](http://www.cloud-canvas.com/) (Chance Roth)
+        Sapiens Mapping Project
+        [The Veloz Group has been using SVG Edit for a lot of our companies](http://www.thevelozgroup.com/) ([Jordan Mendler](http://www.thevelozgroup.com/about/executive-team#Jordan-Mendler), [Yarong Guo](http://www.thevelozgroup.com/internships#engineering-internships), [Shangcheng Ying](http://www.thevelozgroup.com/internships#engineering-internships))
+        [Tiki Screen capture](http://doc.tiki.org/Screencast), [Tiki Draw](https://doc.tiki.org/Draw) and [CartoGraf](http://profiles.tiki.org/CartoGraf) (Marc Laporte & Robert Plummer)
+        [XWiki SVG Macro](http://extensions.xwiki.org/xwiki/bin/view/Extension/SVG+Macro) Ludovic Dubost
+        [Image Annotation](https://faustedition.uni-wuerzburg.de/public/text-image-links.jpg) Moritz Wissenbach
+        Reimar Bauer has added a [save extension](https://bitbucket.org/ReimarBauer/xstatic-svg-edit-moin/src/tip/xstatic/pkg/svgedit_moin/data/editor/extensions/ext-server_moinsave.js?at=default) for the [MoinMoin Wiki Software project](http://moinmo.in/MoinMoin2.0) and packaged it as [XStatic package](http://pypi.python.org/pypi/XStatic-svg-edit-moin) for PyPI
+
+2.6 Release
+
+    What is the code status in trunk?
+        [The current list of issues tagged needed for 2.6](https://code.google.com/p/svg-edit/issues/list?can=2&q=NeededFor%3D2.6)
+        Discuss blockers for a 2.6 release
+        If we can't release quickly, perhaps just branch so trunk is open again for development?
+
+Wiki edit rights
+
+    How should we use the wiki?
+    Used more for community planning discussion?
+    Explicit way for people to gain edit access
+
+Commit access policy
+
+SVG-edit is awesome. And all the people who worked on it have done a superb contribution to the Free and Open Source ecosystem. The main contributors according to https://www.ohloh.net/p/svg-edit/contributors?query=&sort=commits are: Alexis, Jeff, Pavol and of course, thank you to Narendra for starting all this.
+
+Now, time goes by, great people get busy with new projects and it's time for renewal within the SVG-edit community. There is a great bit of talent and energy on the mailing lists and the issue tracker. We hope to always count on Alexis, Jeff, Pavol and Narendra when there is a big problem, but we want the community to be sustainable and growing.
+
+The commit activity has slowed in recent years: https://www.ohloh.net/p/svg-edit/commits/summary
+
+Yet, there are patches in the issue tracker: https://code.google.com/p/svg-edit/issues/list?can=2&q=patch How can we increase the odds that 1- they become appropriate for and 2- they are committed to the main code base?
+
+What should our commit access policy be?
+
+Marc Laporte proposes to think about this: http://info.tiki.org/article188-Tiki-reaches-500-contributors-with-commit-access and to move progressively in this direction. It's a little scary at first but listen to the podcast on that link :-)
+
+Also, as an example, Ben has a simple commit, how do we make it efficient? Ref: https://groups.google.com/d/topic/svg-edit/4Try3YB7pMo/discussion
+
+See proposal at: CommitPolicy
+Convergence of energy
+
+There are many applications that are based on SVG-edit (CWM Draw Tool, Method Draw, Awwation, etc.) Super! Now, many of these enhancements are obviously suitable for upstream as the new default, and some are suitable as an option. * Let's discuss when this is a "good"/acceptable/best scenario to keep things separate vs when we feel this work should be part of SVG-edit. * Let's discuss a way to reduce the number of forks and make projects closer and have everyone work in the same code base (with branches, distros, alternate themes, or something!)
+Wikipedia
+
+We have: * https://www.mediawiki.org/wiki/Extension:SVGEdit * https://www.mediawiki.org/wiki/Extension:TranslateSvg * https://bugzilla.wikimedia.org/show_bug.cgi?id=38271 * https://code.google.com/p/svg-edit/issues/detail?id=1006
+
+Being used for Wikipedia will be the biggest surge of usage for SVG-edit (Wikipedia being a top-10 site in the World)
+
+What are the next steps to get there?
+Browser support
+
+More or less half the web uses rapid release browsers (Chrome & Firefox). What happens if we want to improve SVG-edit but need something that is not yet available in some of the browsers? (or very difficult to do)
+
+What should our policy be?
+Release cycle
+
+We don't need to decide anything today but let's start the discussion. And we should eventually come up with some realistic and commonly understood guidelines. Some examples: * A release every 6 months like Ubuntu (October and April) * Release at any time (when energy and features are there), but never more than 12 month between releases.
+Consulting ecosystem
+
+There are people (ex.: on the mailing list) that are willing to sponsor SVG-edit work. How do we leverage this? * Consulting (add yourself!) * What else?
+Translations
+
+    [Translation overhaul discussion](https://groups.google.com/d/topic/svg-edit/suxArdPZcqI/discussion)
+    Or we use Google Code web-based commits
+
+Roadmap
+
+Let's discuss as a project where we want to be in 3-5 years. What are the features / use cases we would cover if we had tons of contributors the project vs what is outside the scope of the project?
+
+    SVG-edit is a https://en.wikipedia.org/wiki/Vector_graphics_editor. Will it become a https://en.wikipedia.org/wiki/Raster_graphics_editor as well? Ex.: [Pixastic Image Processing Library](https://code.google.com/p/svg-edit/issues/detail?id=893)
+    [SVG-edit can draw on images. Will it one day draw on videos?](https://code.google.com/p/svg-edit/issues/detail?id=985)
+    [How about realtime collaborative editing?](https://code.google.com/p/svg-edit/issues/detail?id=947)
+    There are some non-linear presentation tools like use SVG-edit as a base. Should SVG-edit become a such editor? [Awwation: "The editor is built upon the core of SVG-edit, and uses the Sozi library for zooming animations"](https://github.com/adityab/Awwation#readme)
+    How good will SVG-edit become for [Concept Maps, Mind Maps, Topic Maps, Flow Charts and Org Charts](http://www.mind-mapping.org/web-based-mindmappers/graphical.html)?
+        For example, I want something like http://drichard.org/mindmaps/ Should I work to add this to SVG-edit?
+
+Who
+
+If you are interested to participate, please indicate your name, city or time zone and ideal dates/times/periods. We'll likely use an online service to pick the date
+
+    Marc Laporte, Montréal (any time)
+    Pavol Rusnak, Prague (any time)
+    Chance Roth, San Diego (any time)
+    Mark MacKay (any time)
+    Ahmad Syazwan, Kuala Lumpur (?)
+    Bdkzero, Italy
+    Brion Vibber, San Francisco
+    Jordan Mendler (http://www.thevelozgroup.com), Los Angeles
+    Moritz Wissenbach, Germany
+    You?
+
+    Who else should we make sure is present?
+
+You can confirm here as well: https://www.facebook.com/events/469279513113470/
+Your thoughts
+
+What do you think? Let us know what is on your mind :-)
diff --git a/docs/from-old-wiki/CommunityConferenceCall2.md b/docs/from-old-wiki/CommunityConferenceCall2.md
new file mode 100644
index 00000000..223dede1
--- /dev/null
+++ b/docs/from-old-wiki/CommunityConferenceCall2.md
@@ -0,0 +1,99 @@
+You can listen to the recording of the previous one here (and read up on meeting notes) The next call is here
+
+The recording is here: http://tiki.bigbluebutton.org/playback/slides/playback.html?meetingId=c986d4c28a45e0f8bab246354ebfe0422683e9de-1360684740601
+Summary of discussions
+
+    Jacques presented SVG-edit integrated in Instiki
+    We discussed a VersionLifecycle, to be improved/proposed.
+    Discussion about testing and unit testing -> Testing
+    Convergence of energy / theming -> Theming
+        Look at TinyMCE on how they do it in terms of theming and extending functionality
+        Report areas that need overrides as bugs / todos / issues on the new Theming page
+        Wikipedia: Brion presented the test suite and general objectives
+    Example of changes to SVG implementation in the browser [suspend/unsuspend Redraw Implementation](http://dschulze.com/blog/articles/4/efficient-redrawing-on-svg-or-why-suspendredraw-is-a-lie)
+    Presented Unhosted.org
+    We reviewed stats of https://www.ohloh.net/p/svg-edit
+    We will have Community Conference calls every 2-3 months
+
+When
+
+The meeting will be February 12th, 2013 (at 16h00 UTC like the previous one)
+
+Please check for [the time in your time zone](http://www.timeanddate.com/worldclock/fixedtime.html?iso=20130212T1600)
+Where
+
+    We will be using the Free and Open Source [BigBlueButton](http://bigbluebutton.org/) Web conferencing platform
+    It will be possible to join
+        With a regular phone with a call to a toll-free North American number
+        Via the BigBlueButton web interface (in Flash) (please have a headset)
+        With Skype (please have a headset) (It is a free call since you'll be calling a toll-free number)
+
+The meeting room is at http://tiki.org/SVG-edit+2013-02+community+meeting
+Topics
+Introduction of participants
+
+    Each person takes a minute or two to introduce themselves. This also serves to make sure sound is OK for all. Please have a headset.
+        Where do you live?
+        How do you use SVG-edit? (if this takes more than 30 seconds, please add as a presentation below)
+        What is on your mind for this meeting (which topic of the agenda interests you the most)?
+
+Demos/explanation of how SVG-edit is used/integrated
+
+    Each project presents in 2-5 minutes an overview of how they use SVG-edit. Presenters: you'll be able to [share URLs in the chatroom, or you can upload PDFs to the presentation tool](http://www.bigbluebutton.org/overview/)
+
+This is for projects that didn't present in the previous call or that have something new to share.
+Wikipedia
+
+Being used for Wikipedia will be the biggest surge of usage for SVG-edit (Wikipedia being a top-10 site in the World)
+
+[A round-trip test suite is now in place.](https://groups.google.com/forum/#!topic/svg-edit/SfTVM4OPXiA/discussion)
+
+Related links: * https://code.google.com/p/svg-edit/wiki/Wikipedia * https://www.mediawiki.org/wiki/Extension:SVGEdit * https://www.mediawiki.org/wiki/Extension:TranslateSvg * https://bugzilla.wikimedia.org/show_bug.cgi?id=38271 * https://code.google.com/p/svg-edit/issues/detail?id=1006
+
+What are the next steps to get there? Who can help?
+Release cycle
+
+Let's start the discussion. And we should eventually come up with some realistic and commonly understood guidelines. Some examples: * A release every 6 months like Ubuntu (October and April) * Release at any time (when energy and features are there), but never more than 12 month between releases.
+2.7 Release
+
+    What is the code status in trunk?
+        [The current list of issues tagged needed for 2.7](https://code.google.com/p/svg-edit/issues/list?can=2&q=NeededFor%3D2.7)
+            Let's discuss "real" blockers for a 2.7 release, because the list above is quite long!
+
+Ease of use and skinning platform
+Convergence of energy / Roadmap / Revamp
+
+Please present your ideas and proposals. Ideally, in writing before the meeting so people can read and be ready with questions.
+
+    [Gauging reception for a full redesign (Mark MacKay)](https://groups.google.com/d/topic/svg-edit/MvAHo1-4xpU/discussion)
+    [Proposal: svg-edit and svg-view (Christian Tzurcanu)](https://groups.google.com/d/topic/svg-edit/O1XLHrLZLYg/discussion)
+    [Modular design and customizations (Aditya Bhatt)](https://groups.google.com/d/topic/svg-edit/aua4-cy8hvI/discussion)
+    Add your proposal! :-)
+
+Unhosted
+
+    https://unhosted.org/apps/
+    http://2013.unhosted.org/
+
+Who
+
+Optional: You can indicate your name, city or time zone.
+
+    Marc Laporte, Montréal
+    Ílson Bolzan, Porto Alegre
+
+    Who else should we make sure is present?
+
+You can confirm here as well: https://www.facebook.com/events/322796481155915/
+Your thoughts
+
+What do you think? Let us know what is on your mind :-)
+Promotion of this conference call
+
+    https://www.facebook.com/events/322796481155915/
+    http://www.linkedin.com/groups/SVGedit-2nd-Community-Conference-Call-4712151.S.206831551
+    https://twitter.com/SVGedit/status/293632047895937024
+    https://plus.google.com/107010604858430492390/posts/j1NMXR8ufGb
+    https://groups.google.com/d/msg/svg-edit/EFpAFKJV9kA/82ZWvmORicIJ
+    https://code.google.com/p/svg-edit/ (on front page)
+    https://bugzilla.wikimedia.org/show_bug.cgi?id=38271#c19
diff --git a/docs/from-old-wiki/CommunityConferenceCall3.md b/docs/from-old-wiki/CommunityConferenceCall3.md
new file mode 100644
index 00000000..f161505c
--- /dev/null
+++ b/docs/from-old-wiki/CommunityConferenceCall3.md
@@ -0,0 +1,19 @@
+The recording is [here](http://tiki.bigbluebutton.org/playback/slides/playback.html?meetingId=c986d4c28a45e0f8bab246354ebfe0422683e9de-1365523345940)
+
+Previous calls: CommunityConferenceCall CommunityConferenceCall2
+When
+
+The meeting will be April 9th, 2013 (at 16h00 UTC like the previous one)
+
+Please check for [the time in your time zone](http://www.timeanddate.com/worldclock/fixedtime.html?iso=20130409T1600)
+Topics
+
+    Follow-up on Wikipedia progress and the dashboard
+
+Related links
+
+    https://plus.google.com/107010604858430492390/posts/CMUWKL72cw3
+    https://twitter.com/SVGedit/status/307888404673216512
+    http://www.linkedin.com/groups/SVGedit-3rd-Community-Conference-Call-4712151.S.219028241
+    http://www.facebook.com/events/277075235756953/
+    https://identi.ca/notice/99881582
diff --git a/docs/from-old-wiki/CommunityConferenceCall4.md b/docs/from-old-wiki/CommunityConferenceCall4.md
new file mode 100644
index 00000000..7e7fa125
--- /dev/null
+++ b/docs/from-old-wiki/CommunityConferenceCall4.md
@@ -0,0 +1,31 @@
+The recording is here: http://tiki.bigbluebutton.org/playback/slides/playback.html?meetingId=c986d4c28a45e0f8bab246354ebfe0422683e9de-1381420089478
+
+Previous calls: CommunityConferenceCall CommunityConferenceCall2 CommunityConferenceCall3
+
+Next call: CommunityConferenceCall5
+When
+
+The meeting will be October 10th, 2013 (at 16h00 UTC like the previous one) Please check for the [time in your time zone](http://www.timeanddate.com/worldclock/fixedtime.html?iso=20131010T1600)
+Where
+
+Online with BigBlueButton here (no registration required)
+Topics
+
+    demo of WebAppFind (Brett Zamir)
+    Follow-up on Wikipedia progress (Brion Vibber)
+    RoundtripTests dashboard (Mike Baynton)
+    Security fixes
+    2.7 release
+    Github discussion (Daniel Shapiro)
+
+Who
+
+Everyone is invited. Add your name below to confirm your participation. * Marc Laporte * Mike Baynton * Brion Vibber * Daniel Shapiro
+Related links
+
+    Add links here when it's official
+    https://plus.google.com/107010604858430492390/posts/KkYbnyfLe5T
+    https://twitter.com/SVGedit/status/385489947689369600
+    http://www.linkedin.com/groups/SVGedit-4th-Community-Conference-Call-4712151.S.278209989
+    https://www.facebook.com/events/161235787405818/
+    https://identi.ca/
diff --git a/docs/from-old-wiki/CommunityConferenceCall5.md b/docs/from-old-wiki/CommunityConferenceCall5.md
new file mode 100644
index 00000000..15cb35a9
--- /dev/null
+++ b/docs/from-old-wiki/CommunityConferenceCall5.md
@@ -0,0 +1,29 @@
+Previous calls: CommunityConferenceCall CommunityConferenceCall2 CommunityConferenceCall3 CommunityConferenceCall4
+
+The recording is here: http://tiki.bigbluebutton.org/playback/slides/playback.html?meetingId=c986d4c28a45e0f8bab246354ebfe0422683e9de-1383839952270
+When
+
+The meeting will be November 7th, 2013 (at 16h00 UTC like the previous one but your daylight saving time may have changed) Please check for [the time in your time zone](http://www.timeanddate.com/worldclock/fixedtime.html?iso=20131107T1600)
+Where
+
+Online with BigBlueButton [here](http://tiki.org/SVG-edit+2013-11+community+meeting) (no registration required)
+Topics
+
+    demo of WebAppFind (Brett Zamir)
+    Follow-up on Wikipedia progress (Brion Vibber)
+    RoundtripTests dashboard (Mike Baynton)
+    Security fixes
+    2.7 release
+    Github discussion (Daniel Shapiro)
+
+Who
+
+Everyone is invited. Add your name below to confirm your participation. * Marc Laporte
+Related links
+
+    Add links here when it's official
+    https://plus.google.com/
+    https://twitter.com/
+    http://www.linkedin.com/
+    https://www.facebook.com/
+    https://identi.ca/
diff --git a/docs/from-old-wiki/Consulting.md b/docs/from-old-wiki/Consulting.md
new file mode 100644
index 00000000..a9d315d1
--- /dev/null
+++ b/docs/from-old-wiki/Consulting.md
@@ -0,0 +1,19 @@
+As per the [MIT license](https://en.wikipedia.org/wiki/MIT_License), you do not have to pay anything to anyone to use or integrate SVG-edit. If you code, we hope that you will choose to re-contribute your fixes and enhancements. Additionally, you may choose to pay for support, training, bug fixes and enhancements.
+
+While there is no official endorsement from the point of view of SVG-edit, below is a list of self-identified consultants, who offer services. We ask that all consultants listed here be active within the community and upstream fixes and enhancements, when it's possible/relevant. Some enhancements are just too specific and it may not be acceptable for the official project code base.
+Robert Plummer
+
+    Website: http://visop-dev.com
+    Email: rplummer@visop-dev.com
+    LinkedIn: http://www.linkedin.com/pub/robert-plummer/18/89/a36
+    Github: https://github.com/robertleeplummerjr
+
+Expert developer in web technologies (php, mysql, javascript, jquery, .net, t-sql). Help to create the cwm draw tool (http://code.google.com/p/cwm-drawtool/) and implemented svg-editor into Tiki wiki cms groupware (http://tiki.org).
+Ben McDonald
+
+    Email: mcdonald.ben@gmail.com
+    Website: http://yaks.co.nz/web-apps/
+
+Three years experience working on SVG graphic editors and SVG-edit code. I can help you make high quality SVG-edit based apps. Creator of [Vector Paint](http://vectorpaint.yaks.co.nz/) which makes use of svg-edit code.
+
+(other consultants: add yourself to this page)
diff --git a/docs/from-old-wiki/Contact.md b/docs/from-old-wiki/Contact.md
new file mode 100644
index 00000000..6c3b0fd1
--- /dev/null
+++ b/docs/from-old-wiki/Contact.md
@@ -0,0 +1,3 @@
+In general, to contact the SVG-edit community, please see HowToParticipate
+
+For media inquiries or if you need to ask something in private, you can contact marclaporte --at-- gmail --dot-- com
diff --git a/docs/from-old-wiki/DevelopmentProcess.md b/docs/from-old-wiki/DevelopmentProcess.md
new file mode 100644
index 00000000..4405b769
--- /dev/null
+++ b/docs/from-old-wiki/DevelopmentProcess.md
@@ -0,0 +1,60 @@
+If you use SVG-edit, add to your Ohloh.net stacks: <wiki:gadget url="http://www.ohloh.net/p/325148/widgets/project_users.xml" height="100" border="0"/>
+The Development Phases of a Release
+
+NOTE: The duration of each of the phases below has not been defined at this time.
+Pre-Alpha
+
+During this phase, the trunk is completely open to contributions: new features, bug fixes, radical architectural changes. In this phase, the scope of the release will be locked down (features will be decided upon, new features will be voted and accepted for release targeting).
+
+The trunk spends most of its lifetime in Pre-Alpha mode.
+Alpha
+
+During this phase, the majority of the features have been implemented on the trunk. Some minor features may still not be implemented yet. Portions of major features may be in a rough state during the Alpha phase.
+
+No new features will be considered for the release, the scope is locked down.
+Beta
+
+During this phase, all feature work has been complete. The release has now gone into bug fix mode. Only fixes deemed critical to the release will be considered for check-in to the trunk.
+Release
+
+During this phase, the trunk will be branched to svn/branches/X.X (where X.X is the release number) and the following steps need to be performed:
+
+    Update the HTML to reference the aggregated minified JS file, svgedit.compiled.js (switch HTML comments)
+    Update the HTML to point to the Google CDN version of jQuery (switch HTML comments)
+    Change the version stored at the top of the Makefile
+    Run the Makefile, which does the following automatically
+        JS files will be minified on the branch
+        all files will be packaged up as a downloadable zip file
+        the Firefox extension will be packaged into an xpi file
+        the Opera widget will be packaged into a wgt file
+            [Opera Widgets are being phased out](http://my.opera.com/addons/blog/2012/04/24/sunsetting-unite-and-widgets)
+    Commit the now built minified JS file, svgedit.compiled.js
+    Project owner: ~~upload the zip, xpi and wgt files to the Google Code download section~~ (Commit the packaged files and/or add to Google Drive since new project downloads [now disabled](http://google-opensource.blogspot.hk/2013/05/a-change-to-google-code-download-service.html)?)
+    update the stable branch to refer to the new release branch via: $ svn delete -m "Removing old stable branch" https://svg-edit.googlecode.com/svn/branches/stable $ svn copy https://svg-edit.googlecode.com/svn/branches/2.3 https://svg-edit.googlecode.com/svn/branches/stable -m "Pointing stable branch to 2.3 branch"
+    A project owner should move the old version information from [Project home](https://code.google.com/p/svg-edit/) page to the VersionHistory page and move any information on the new release from the Roadmap to the [Project home](https://code.google.com/p/svg-edit/).
+    Update the Roadmap to refer to the next planned release (and keep updated with any new features added to trunk).
+
+At this point, the trunk is now opened up again and enters Pre-Alpha phase for the next release.
+
+If bugs are encountered with a released version, those fixes must be merged to both the release branch and the trunk (as well as to the "stable" branch if the bug is for the stable version).
+Creating a Branch
+
+For big experimental features, you may want to branch the repository to separate your work from the trunk. A branch in SVN is just a copy:
+
+svn copy https://svg-edit.googlecode.com/svn/trunk/ https://svg-edit.googlecode.com/svn/branches/rotate-selector -m "Making a branch for..."
+
+This will create the branch on the server. Then you can check it out as a working copy:
+
+svn co https://svg-edit.googlecode.com/svn/branches/rotate-selector/ svg-edit-rotater
+
+Then hack away in the 'svg-edit-rotater' folder and freely check in your changes (these will only be updating the rotate-selector branch in the repository. You can share your changes, have them reviewed, etc.
+
+Once your happy with the branch, you can merge it in.
+Rolling Back a Bad Commit
+
+Let's say you accidentally committed your change when you didn't mean to as [revision 2075](https://code.google.com/p/svg-edit/source/detail?r=2075).
+
+svn merge -r2075:2074 . svn ci -m "Rollback bad revision 2075"
+
+    TODO: instructions on automatically merging back to trunk
+    TODO: instructions for keeping up to date in the branch (i.e. merging from trunk to branch)
diff --git a/docs/from-old-wiki/Governance.md b/docs/from-old-wiki/Governance.md
new file mode 100644
index 00000000..2b3e145d
--- /dev/null
+++ b/docs/from-old-wiki/Governance.md
@@ -0,0 +1,13 @@
+SVG-edit is a community-managed project with the general principles of Free and Open Source software and Open Organizations.
+
+The current admins are: * Ahmad Syazwan * Brion Vibber * Jeff Schiller * Marc Laporte * Pavol Rusnak
+
+Admins rarely need to vote because decisions are usually consensual and it's a [doOcracy](http://www.communitywiki.org/en/DoOcracy). When a vote is required, these are the people (ex.: for legal/political reasons such as a formal motion needed for external needs). Admins are voted in by other admins.
+Ongoing responsibilities of the Admins
+
+    Add/remove commit access for contributors
+    They also act as a safe guard, as a last resort, to deal with [Difficult People](http://producingoss.com/en/difficult-people.html) or [Poisonous People](http://www.youtube.com/watch?v=ZSFDm3UYkeE).
+
+References
+
+    [Producing Open Source Software - How to Run a Successful Free Software Project - by Karl Fogel](http://producingoss.com/)
diff --git a/docs/from-old-wiki/HallOfFame.md b/docs/from-old-wiki/HallOfFame.md
new file mode 100644
index 00000000..0facd198
--- /dev/null
+++ b/docs/from-old-wiki/HallOfFame.md
@@ -0,0 +1,3 @@
+Lukas Reschke
+
+Special thanks to Lukas Reschke - [statuscode.ch](http://statuscode.ch/) for reporting http://code.google.com/p/svg-edit/source/detail?r=2080
diff --git a/docs/from-old-wiki/HomePage.md b/docs/from-old-wiki/HomePage.md
new file mode 100644
index 00000000..a2b1d0b2
--- /dev/null
+++ b/docs/from-old-wiki/HomePage.md
@@ -0,0 +1,67 @@
+The items below need to be migrated or deleted.
+
+## Features
+
+SVG-edit is an online vector graphics editor that uses only JavaScript, HTML5, CSS and SVG (i.e. no server-side functionality). SVG-edit has the following features:
+
+- Free-hand drawing
+- Lines, Polylines
+- Rects/Squares
+- Ellipses/Circles
+- Polygons/Curved Paths
+- Stylable Text
+- Raster Images
+- Select/move/resize/rotate
+- Undo/Redo
+- Color/Gradient picker
+- Group/ungroup
+- Align
+- Zoom
+- Layers
+- Convert Shapes to Path
+- Wireframe Mode
+- Save drawing to SVG
+- Linear Gradient Picking
+- View and Edit SVG Source
+- UI Localization
+- Resizable Canvas
+- Change Background
+- Draggable Dialogs
+- Resizable UI (SVG icons)
+- Open Local Files
+- Import SVG into Drawing
+- Connector lines and Arrows
+- Plugin Architecture
+- Smoother freehand paths
+- Editing outside the canvas
+- Increased support for SVG elements
+- Add/edit Sub-paths
+- Multiple path segment selection
+- Support for foreign markup (MathML)
+- Radial Gradients
+- Configurable Options
+- Eye-dropper tool
+- Stroke linejoin and linecap
+- Export to PNG
+
+SVG-edit works directly in the browser. There have been several side projects: A Firefox Add-on, an Opera Widget, a Google Wave Gadget (no longer maintained).
+
+In browsers that support the W3C File API, this editor allows you to open local files. The set of browsers in which this supported is: Firefox 3.6+, Chrome 6+, Safari 5+, and Opera 11.10+ (builds from 2011-04-05 onwards).
+Supported browsers
+
+## Support the project
+
+If you use SVG-edit, add to your Ohloh.net stacks:
+
+## Further Reading
+
+* Projects that use SVG-edit
+* Reviews
+* How to participate
+* Frequently Asked Questions
+* Tips and Tricks
+* Roadmap
+* Governance
+* Code Refactoring
+* Version History (release notes)
+* This editor depends on many other open-source projects. See Acknowledgements for details.
diff --git a/docs/from-old-wiki/HowToParticipate.md b/docs/from-old-wiki/HowToParticipate.md
new file mode 100644
index 00000000..5941b675
--- /dev/null
+++ b/docs/from-old-wiki/HowToParticipate.md
@@ -0,0 +1,73 @@
+Mailing lists
+
+    [General discussion](http://groups.google.com/group/svg-edit)
+    [All commits, including changes to wiki pages](http://groups.google.com/group/svg-edit-commit)
+
+IRC chatroom
+svg-edit on Freenode.net
+
+Or use the web-basd version: http://webchat.freenode.net/?channels=svg-edit
+
+The logs are at: http://irc.tiki.org/irclogger_log/svg-edit
+
+Pavol Rusnak is the channel operator.
+Conference calls
+
+    CommunityConferenceCall
+    CommunityConferenceCall2
+    CommunityConferenceCall3
+    CommunityConferenceCall4
+    CommunityConferenceCall5
+
+Wiki access
+
+To get wiki edit access, ask for it on the mailing list: https://groups.google.com/forum/#!forum/svg-edit or directly to marclaporte --at-- gmail --dot-- com and indicate what is your Google account or gmail address (Note: check if there is a way to skip this step)
+Feature requests
+
+Please add to https://code.google.com/p/svg-edit/issues/list once you have checked that it's not already there
+Bug Reports
+
+Please add to https://code.google.com/p/svg-edit/issues/list once you have checked that it's not already there
+Security vulnerability reports
+
+Please email [project owners listed here](https://code.google.com/p/svg-edit/people/list) with a report (and please do give us a bit of time to fix the issue and release a new version) and we'll add you to the Hall of Fame
+Translations
+
+Please see: Translation Guidelines
+Developers and Commit access
+
+If you have done some HTML/JS/CSS programming before, look at this list of [good first bugs](http://code.google.com/p/svg-edit/issues/list?can=2&q=label%3AGood-First-Bug) and ask for your commit access.
+
+We have started to document the developer API here: http://svg-edit.googlecode.com/svn/trunk/docs/index.html
+
+We have started to gather some unit tests for SVG-edit here: http://svg-edit.googlecode.com/svn/trunk/test/all_tests.html
+
+Please see Commit policy, Development Process and Extension Docs
+Interoperability or re-use
+
+If you integrate / enhance / use SVG-edit in any way, please add to ProjectsThatUseSvgEdit
+Networks
+
+    http://www.linkedin.com/groups/SVGedit-4712151
+    http://www.facebook.com/groups/447646278605459/
+    http://plus.google.com/107010604858430492390/
+    http://twitter.com/SVGedit
+    http://code.google.com/p/svg-edit/ (Please star SVG-edit!)
+    http://jster.net/library/svg-edit
+    http://alternativeto.net/software/svg-edit/ (Add a "like" there!)
+
+If you use SVG-edit, add to your Ohloh.net stacks: <wiki:gadget url="http://www.ohloh.net/p/325148/widgets/project_users.xml" height="100" border="0"/>
+
+Also see: http://www.ohloh.net/p/svg-edit
+Consulting
+
+You can become or hire a consultant -> Consulting
+Events
+
+Please see: Events
+Anything and anything else
+
+Please ask for it on the [General discussion mailing list](http://groups.google.com/group/svg-edit)
+If you need to ask something in private
+
+You can contact marclaporte --at-- gmail --dot-- com
diff --git a/docs/from-old-wiki/InfoWorld2013interview.md b/docs/from-old-wiki/InfoWorld2013interview.md
new file mode 100644
index 00000000..0835ab05
--- /dev/null
+++ b/docs/from-old-wiki/InfoWorld2013interview.md
@@ -0,0 +1,46 @@
+The article is here: http://www.infoworld.com/slideshow/131924/8-svg-tools-jazzing-the-web-232506#slide9
+
+Below is information provided.
+What is the purpose of SVG-edit?
+
+SVG-edit is an online vector graphics editor that uses only JavaScript, HTML5, CSS and SVG (i.e. no server-side functionality). It is designed to be embedded in a web application (Wiki, CMS, Groupware, etc.)
+What are its main functions?
+
+    Supports all modern browsers
+    Integrated with many applications
+    Stores drawing data in SVG
+    Free-hand drawing, Lines, Polylines, Rectanges, etc.
+    Layers
+    And many more: https://code.google.com/p/svg-edit/#Features
+
+What does SVG-edit do that other SVG tools do not?
+
+Most SVG tools are desktop applications, which makes it more complicated to collaborate.
+
+I am pretty sure it's the Free and Open Source (FOSS) web-based SVG editor with the most features. If there are other projects out there with more / different features, please do get in touch with us so we may collaborate. We have developed an SVG test suite that would surely be useful to you too!
+
+It's also likely the Free and Open Source (FOSS) web-based SVG editor with the most contributors.
+Who developed it?
+
+According to Ohloh.net "SVG-edit has had 1,749 commits made by 36 contributors representing 50,115 lines of code" https://www.ohloh.net/p/svg-edit
+Is SVG-edit an open source or commercial product? If it is commercial, Can you provide a price range per-seat?
+
+SVG-edit is Free and Open Source software, and community-managed. The license is MIT. So you can embed in your commercial or FOSS project.
+How important is SVG, from your perspective?
+
+It is very important to have standards for all data formats, as much as possible. If the tool you use to generate SVG stops being developed, you maintain your assets and can move to a more modern tool. It also protects you against vendor lock-in.
+Can you provide some screen shots or URLs with visuals of SVG-edit?
+
+Here is demo of the stable version: http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html
+
+Here is a demo of the upcoming version: http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html
+Any other comments about SVG-edit?
+
+SVG-edit is a community-managed project with a open contribution policy. Join us in making it as good as it can possibly be! We have community conference calls and want to have as many contributors as possible. See: https://code.google.com/p/svg-edit/wiki/HowToParticipate
+
+We also have a project to get SVG-edit used on Wikipedia for over half million SVG images there.
+
+There have been 113 000 downloads on Google Code since 2009: https://code.google.com/p/svg-edit/downloads/list Also, SVG-edit is embedded in other projects, and we have no way of tracking how many downloads there.
+Who is your employer and what is your title there?
+
+I (Marc Laporte) am a volunteer project administrator for SVG-edit, along with others. We do have some consultants which are available to integrate SVG-edit in your application or for adding additional functionality (and let's work together so those features are added to SVG-edit!)
diff --git a/docs/from-old-wiki/PossibleRename.md b/docs/from-old-wiki/PossibleRename.md
new file mode 100644
index 00000000..a72c2afa
--- /dev/null
+++ b/docs/from-old-wiki/PossibleRename.md
@@ -0,0 +1,26 @@
+NOTE: This page is obsolete now - the name is fixed at SVG-edit now.
+Possible Names
+
+Put all name ideas here:
+
+    Savage Editor
+    Carve: from an [earlier project](http://codedread.com/carve/) by codedread
+    SViGgy (the friendly SVG editor)
+
+        (alternative spellings are possible, such as SViiGy, SViiGgy, SViiGee, etc.)
+
+    Wizzy the Vector Wizzard (or Vizzy)
+    VectAble VectorAble
+    AniVector NodeSVG
+    Resizable Graphics
+    AllSize Move & Graphic
+    Vectigo
+    ScalarDraw
+
+Possible Re-versioning
+
+It was also brought up that the current version numbering (2.3) does not really match with what people consider version 1.0 software (there are several things missing from what one would expect of a basic vector graphics editor). If we rename the project it is an opportunity to also rectify this.
+
+What version number would you assign to SVG-edit 2.3 ? Put your thoughts below:
+
+    codedread: I would give SVG-edit 2.3 a version number of 0.8, with the next release (currently 2.4) as 0.9. I think 1.0 would be for when the editor can support a good percentage of SVG found throughout the web and supports all basic manipulation.
diff --git a/docs/from-old-wiki/ProjectsThatUseSvgEdit.md b/docs/from-old-wiki/ProjectsThatUseSvgEdit.md
new file mode 100644
index 00000000..73532fb0
--- /dev/null
+++ b/docs/from-old-wiki/ProjectsThatUseSvgEdit.md
@@ -0,0 +1,70 @@
+
+    Integrate as-is means that it uses some or all of the functionality of SVG-edit but it doesn't extend them. Think "SVG-edit as a finished product"
+    Heavy modification means SVG-edit was used as a base, but application has important changes. Think "SVG-edit as a platform/framework/starting point"
+
+FOSS Web apps
+
+Free and Open Source Web applications that you can download and install on your own server
+Integrate as-is
+
+    [Tiki Wiki CMS Groupware](http://doc.tiki.org/Draw) (aka Tiki Draw)
+    [Experimental MediaWiki extension](http://www.mediawiki.org/wiki/Extension:SVGEdit)
+    [Dokuwiki](http://www.dokuwiki.org/plugin:svgedit) (plugin)
+    [MoinMoin Extension](http://moinmo.in/ReimarBauer/SvgEditor) and a [save extension](https://bitbucket.org/ReimarBauer/xstatic-svg-edit-moin/src/tip/xstatic/pkg/svgedit_moin/data/editor/extensions/ext-server_moinsave.js?at=default) for the [MoinMoin Wiki Software project](http://moinmo.in/MoinMoin2.0) and packaged as [XStatic package](http://pypi.python.org/pypi/XStatic-svg-edit-moin) for PyPI
+    [Chamilo LMS](http://www.chamilo.org/)
+    [Instiki](http://golem.ph.utexas.edu/~distler/blog/archives/002168.html)
+    [Integrating SVG-edit with TiddlyWiki](http://www.autohotkey.com/forum/topic52732.html)
+    [XWiki](http://extensions.xwiki.org/xwiki/bin/view/Extension/SVG+Macro) (via macro)
+    [Project Eduvid](http://eduvid.techfandu.org/)
+    [Yanel CMS](http://trac.yanel-contribution.3k3.org/wiki/svg-edit) (as a 3rd-party resource)
+    [WISE 4.0 Learning environment](http://wise4.telscenter.org/webapp/index.html) (drawing component)
+    ownCloud
+    [Drupal](https://drupal.org/sandbox/josegaert/1511596)
+    [WebAppFind](https://github.com/brettz9/webappfind) - Allows desktop invocation of web apps (currently Windows only; UPDATE: Newest incarnation is currently Mac only); contains a demo SVG type handler using SVG-edit
+
+Extension
+
+    [ext-sozi](http://asyazwan.github.com/ext-sozi/) SVG-edit extension to use Sozi in your SVGs. Create Sozi SVGs in your browser, 100% client-side. See also illustrated guide
+    [ext-mathjax](https://github.com/josegaert/ext-mathjax) SVG-edit extension to use the MathJax javaScript library to transform LaTeX math into nicely typeset SVG figures.
+
+Heavy modification
+
+    [Awwation](http://adityab.github.com/Awwation/)
+    [CWM Draw Tool](https://code.google.com/p/cwm-drawtool/)
+    [Method Draw](https://github.com/duopixel/Method-Draw)
+    [LIVEyearbook Inc.](https://www.liveyearbook.com/) NOTE: svg-edit is not accessible to public
+
+Online services
+
+Directly available online, via a web browser. No need or way to download or install anything.
+Use as-is
+
+    [Framavectoriel](http://framavectoriel.org/) (in French)
+    [Project Sesame](http://projectsesame.appspot.com/) (2.4)
+    http://www.ezadspro.com/
+
+Heavy modification
+
+    [ImageBot](http://www.flamingtext.com/imagebot/)
+    [Clker.com](http://www.clker.com/) (clip art site)
+    [CloudCanvas](http://editor.cloud-canvas.com/)
+    [InstantTee](http://instanttee.co.nr/)
+    [Vector Paint](http://www.vector-paint.com/)
+    [Chromics](http://dev.chromics.com/master/editor/svg-editor.html)
+
+Installable application
+
+Integrating SVG-edit in a desktop application, which you download and use on your computer.
+Integrate as-is
+
+    [Online Paint](https://chrome.google.com/webstore/detail/hnbpdiengicdefcjecjbnjnoifekhgdo) (Chrome Web App)
+
+Heavy modification
+
+    [BlueGriffon Web Editor](http://bluegriffon.org/)
+
+Others
+
+    [A text/image tool](https://faustedition.uni-wuerzburg.de/public/text-image-links.jpg)
+    [SVG-edit on tablets and devices](http://code.google.com/p/svg-edit/issues/detail?id=252)
+    And many [forks on Github](https://github.com/search?q=%22svg-edit%22&repo=&p=1&type=Repositories&l=)
diff --git a/docs/from-old-wiki/RelatedLinks.md b/docs/from-old-wiki/RelatedLinks.md
new file mode 100644
index 00000000..67a5f826
--- /dev/null
+++ b/docs/from-old-wiki/RelatedLinks.md
@@ -0,0 +1,23 @@
+See also Events
+SVG
+
+    Great videos: http://www.adrianparr.com/?p=389
+    http://www.w3.org/Graphics/SVG/
+    http://en.wikipedia.org/wiki/SVG_Working_Group
+
+JavaScript
+
+    http://www.adrianparr.com/?p=457
+    http://www.adrianparr.com/?p=463
+    https://www.youtube.com/user/dotconferences
+
+Other
+
+    http://srguiwiz.github.com/adj-js/user-docs/
+    http://leosbog.nrvr.com/2013/02/20/writing-svg-to-disk/
+    http://www.linkedin.com/groups/Using-SVG-realtime-displays-factory-2549009.S.216775723
+    https://code.google.com/p/nanoblok/
+    jHotDraw
+        http://www.randelshofer.ch/oop/jhotdraw/Documentation/index.html
+        http://jhotdraw.org/
+    http://svgjs.com/
diff --git a/docs/from-old-wiki/Reviews.md b/docs/from-old-wiki/Reviews.md
new file mode 100644
index 00000000..db4e33b8
--- /dev/null
+++ b/docs/from-old-wiki/Reviews.md
@@ -0,0 +1,14 @@
+
+    [Short Introduction to SVG-edit](http://ehmdunque.altervista.org/i-informatica/manuali/Short_intro_SVG-edit.html) by Luigi D. CAPRA
+    [Ohloh page](http://www.ohloh.net/p/svg-edit)
+    [Announcement](http://stick.gk2.sk/blog/2009/06/svg-edit-a-web-based-svg-editor/) on Pavol's blog
+    [How to embed in your web page](http://blog.codedread.com/archives/2009/06/19/embed-an-svg-editor-on-your-web-page/) from Jeff's blog
+    [Firefox Add-On](https://addons.mozilla.org/en-US/firefox/addon/14186/) (dead link)
+    [gjolesuns's review of Arbelos](http://giizii.com/?p=449)
+    [Michael MacNaughton's review of Arbelos](http://www.texaswebdevelopers.com/blog/template_permalink.asp?id=131&utm_source=twitterfeed&utm_medium=twitter)
+    [Drawing on your Nokia N900 with SVG-Edit](http://www.jappit.com/blog/2010/02/05/drawing-on-nokia-n900-with-svg-edit/)
+    [SitePoint.com review of Arbelos](http://www.sitepoint.com/svg-edit-online-vector-graphics-editor/)
+    [Standalone Widget version of Arbelos by Opera](http://my.opera.com/ODIN/blog/2010/02/18/svg-edit-standalone-widget)
+    [Another review of SVG-edit 2.4](http://journal.mycom.co.jp/articles/2010/02/24/svgedit/index.html) (Japanese)
+    [PC-World article mentioning the SVG-edit Firefox add-on](http://www.pcworld.com/article/190614/svgedit_24.html) (dead link)
+    [Download Squad review](http://www.downloadsquad.com/2010/11/15/svg-edit-is-a-surprisingly-powerful-in-browser-vector-image-edit/)
diff --git a/docs/from-old-wiki/RoadMap.md b/docs/from-old-wiki/RoadMap.md
new file mode 100644
index 00000000..ad7ca4f1
--- /dev/null
+++ b/docs/from-old-wiki/RoadMap.md
@@ -0,0 +1,55 @@
+Introduction
+
+This document covers future versions of SVG-edit. For the current release and previous versions, see the VersionHistory.
+
+Although there is no set date to do so, one important project is to get SVG-edit used on Wikipedia.
+
+Starting with 2.4, development versions of SVG-edit are given an alphabetic codename that corresponds to the name of a shape. See potential lists here: * http://en.wikipedia.org/wiki/List_of_curves * http://en.wikipedia.org/wiki/List_of_regular_polytopes
+
+You can follow all [code commits here](https://code.google.com/p/svg-edit/source/list) to see any features that have been developed since the latest stable release.
+Version 2.8 (Devil's curve in trunk; not yet released)
+Proposed Features
+
+    [next version](http://code.google.com/p/svg-edit/issues/list?can=2&q=label%3ANeededFor-nextversion) ([Bugs only](https://code.google.com/p/svg-edit/issues/list?can=2&q=label:NeededFor-nextversion%20type=Defect&colspec=ID%20Type%20Status%20Priority%20NeededFor%20Browser%20Owner%20Summary))
+    [future version](https://code.google.com/p/svg-edit/issues/list?can=2&q=NeededFor%3AFuture&colspec=ID+Type+Status+Priority+NeededFor+Browser+Owner+Summary&cells=tiles)
+
+Implemented Features (subject to further alteration before release)
+
+    [already fixed/implemented](https://code.google.com/p/svg-edit/issues/list?can=1&q=NeededFor%3Dnextversion+status%3AFixed%2CDone&colspec=ID+Type+Status+Priority+NeededFor+Browser+Owner+Summary&cells=tiles)
+    Enhancement (Experimental): Client-side PDF export ([issue #1156](https://code.google.com/p/svg-edit/issues/detail?id=#1156)) (to data: URI) and server-side PDF export (where not supported in browser and using ext-server_opensave.js); uses jsPDF library
+    Enhancement: For image exports, provided "datauri" property to "exported" event.
+    Enhancement: Allow config "exportWindowType" of value "new" or "same" to indicate whether to reuse the same export window upon subsequent exports
+    Enhancement: Added openclipart support to imagelib extension
+    Enhancement: allow showGrid to be set before load
+    Enhancement: Support loading of (properly URL encoded) non-base64 "data:image/svg+xml;utf8,"-style data URIs
+    Enhancement: More clear naming of labels: "Open Image"->"Open SVG" and "Import SVG"->"Import Image" ([issue #1206](https://code.google.com/p/svg-edit/issues/detail?id=#1206))
+    Enhancement: Included reference to (repository-ignored) custom.css file which once created by the user, as with config.js, allows customization without modifying the repo
+    Demo enhancement: Support and demonstrate export in embedded editor
+    Upgrade: canvg version
+    Fix: Avoid error in ungrouping function when no elements selected (was impacting MathJax "Ok" button).
+    Fix: [issue #1205](https://code.google.com/p/svg-edit/issues/detail?id=1205) with Snap to Grid preventing editing
+    Fix: bug in exportImage if svgEditor.setCustomHandlers calls made
+    Fix: Ensure "loading..." message closes upon completion or error
+    Fix: Ensure all dependencies are first available before canvg (and jsPDF) usage
+    Fix: Allow for empty images
+    Fix: Minor improvement in display when icon size is set to small
+    Fix: Based64-encoding issues with Unicode text (e.g., in data URIs or icons)
+    Fix: 2.7 regression in filesave.php for SVG saving (used by ext-server_opensave.js when client doesn't support the download attribute)
+    Potentially breaking API changes (subject to further alteration before release):
+        Remove 2.7-deprecated "pngsave" (in favor of "exportImage")
+        Data URIs must be properly URL encoded (use encodeURIComponent() on the "data:..." prefix and double encodeURIComponent() the remaining content)
+        Remove "paramurl" parameter (use "url" or "source" with a data: URI instead)
+        svgCanvas.rasterExport now takes an optional window name as the third argument, with the supplied name also being provided as a "exportWindowName" property on the object passed to the exportImage method optionally supplied to svgEditor.setCustomHandlers.
+        Change 2.7 allowance of "PDF" as a type in the canvas "rasterExport" method and the "exported" event to instead be moved to the canvas "exportPDF" method and "exportedPDF" event respectively.
+
+Release Date
+
+    TBD
+
+Future
+Proposed Features
+Animation
+
+SVG-edit should provide a means of animating SVG content using SMIL so that it can be played back in any browser. This becomes increasingly important as more browsers come online with SMIL functionality (Webkit and soon Mozilla).
+
+The Inkscape folks have thoughts here: http://wiki.inkscape.org/wiki/index.php/Animation-%28Timeline%29
diff --git a/docs/from-old-wiki/RoundtripTests.md b/docs/from-old-wiki/RoundtripTests.md
new file mode 100644
index 00000000..c55e4551
--- /dev/null
+++ b/docs/from-old-wiki/RoundtripTests.md
@@ -0,0 +1,71 @@
+Roundtrip Tests
+
+Primarily in an effort to make SVG-edit suitable for Wikipedia, there are some tests that determine how accurately SVG-edit reproduces an original svg document when it is loaded into SVG-edit and immediately saved back out.
+Hosted tests
+
+The tests automate SVG-edit to perform a series of load-save operations on svg documents randomly selected from the Wikimedia Commons, but SVG-edit's output is sent back to a server for analysis and permanent storage. Currently, the main test server is https://www.mbaynton.com/svg-edit/2.6/test/roundtrip-test-src/launcher.php'>https://www.mbaynton.com/svg-edit/2.6/test/roundtrip-test-src/launcher.php'>https://www.mbaynton.com/svg-edit/2.6/test/roundtrip-test-src/launcher.php. Anyone who wants to help out can donate some cycles and bandwidth to the tests just by visiting this URL. We test hundreds of svg's on many browsers and many SVG-edit code revisions, so there's probably tests to be run.
+
+The Error Score is based on how many pixels differ between the rasterized version of the original SVG document and the rasterized version of the SVG document that ran through SVG-edit. The closer to 0 the better. In the present interface you can also see a highlighted view of which pixels differ in each test, and compare the C14N-canonicalized input xml with the C14N-canonicalized SVG-edit output in a side-by-side diff.
+
+In revisions of SVG-edit as of this writing, one of the first tests (352) will pause at "uploading saved source..." for a very long time due to the wildly inaccurate dimensions of the image that SVG-edit reports back to the server. Be patient.
+Identified Issues
+
+This section lists some issues that the roundtrip tests have revealed
+
+    Inline style attributes are not preserved
+    Wildly inaccurate dimensions of saved document, as exemplified by test 352
+    2013-10-03 Firefox on Windows eats up over 2 gigs of RAM and eventually crashes (reported by marclaporte)
+
+Test code and dependencies
+
+This section is only of interest if you wanted to set up a new roundtrip test environment on your own server.
+
+I've checked in the code in a new branch at /svn/branches/roundtrip-diff-tests/2.6/test/roundtrip-test-src. Those with more ownership of the project can feel free to reorganize and/or merge it into trunk if you like.
+
+To get this working on your server:
+
+    Create a MySQL database and apply the svg-edit-test.sql file to it to create two empty tables. Configure permissions to this database as you desire; you'll need to give php credentials to read and write.
+    Create a settings.php file in the same directory as test-runner.php, replacing the variable values for your environment:
+
+
+
+    <?php
+
+    $dbhost = "localhost";
+
+    $dbuser = "www";
+
+    $dbpass = "";
+
+    $dbschema = "svg-edit-test"; // name of database you created
+
+
+
+    $baseURL = "http://www.mbaynton.com/svg-edit-test/2.6/test/roundtrip-test-src";
+
+    ?>
+
+    Load a set of svg files ("tests") into your database from Wikimedia Commons via the Tests-generator.php command-line script. Verify everything is working by loading a single document with
+
+    $ php Tests-generator.php
+
+    If this is successful, you can load some n SVG documents with
+
+    $ php Tests-generator.php n
+
+    Once you're satisfied with the set of tests you've loaded, you probably shouldn't change them again. It will be easier to compare test runs that way.
+
+A (probably incomplete) list of dependencies on the server:
+
+    PHP cURL extension
+    SVN Functions for PHP
+    ImageMagick and its PHP extension
+    (Optionally) a W3C markup validator. The validator is web based and so doesn't need to be local; the one it uses should be in settings.php but is currently hardcoded in helper-functions.php (function testSvgStrictValidity).
+
+# Future Enhancements #
+
+    Use http://www.mergely.com/ for textual diffs
+    Allow tests to run from svg-edit hosted on arbitrary servers, so developers can evaluate changes before checking them in.
+    Plenty more...
+
+Related links
diff --git a/docs/from-old-wiki/SVG_Open_2010.md b/docs/from-old-wiki/SVG_Open_2010.md
new file mode 100644
index 00000000..48fa5ff9
--- /dev/null
+++ b/docs/from-old-wiki/SVG_Open_2010.md
@@ -0,0 +1,27 @@
+Info
+
+8th International Conference on Scalable Vector Graphics August 30 to September 1, 2010 Paris, France
+Abstract
+
+Paper title: SVG-edit
+
+Paper subtitle: A complete vector graphics editor in the browser
+
+Authors: Rusnak, Pavol
+
+Paper topic: SVG Authoring Tools and Techniques
+
+Abstract:
+
+SVG-edit is a fast, web-based, Javascript-driven SVG editor that works in any modern browser. It is inspired by Inkscape and despite its youth (slightly more than a year of development) already provides a good set of features to create advanced vector drawings. Open-source components like jQuery are used and SVG-edit itself is also licensed under a liberal Apache License 2.0, which makes it very easy to embed the editor in both commercial and non-commercial projects. The talk will focus on a short history plus overview of the project and the new features implemented in the last SVG-edit releases. We will mention various challenges we faced during the development and also describe the browser missing features which would make life a lot easier. We'll conclude the talk with a live demonstration of the editor and other projects that already use embedded SVG-edit.
+
+Remarks:
+codedread's comments
+
+Pavol, I would recommend talking about the new features in 2.4, 2.5 (and if it is released prior to the conference, 2.6). Also, I would recommend discussing some of the challenges so that browsers are more aware of them. Please feel free to take comments from this list of challenges to weave them into your talk:
+
+    browser support of content-editable in HTML does not extend to HTML-inside-SVG (using foreignObject) in an interoperable way. This prevents rich text in SVG-edit. Try the T+ button on this experimental branch: http://svg-edit.googlecode.com/svn/branches/enhtext/editor/svg-editor.html
+    need all browsers to support the [W3C File API](http://www.w3.org/TR/FileAPI/) (to allow local files to be loaded into SVG-edit). Specifically Safari, Opera, IE9 and Chrome (Google has plans to support this in Chrome 5).
+    want browsers to start implementing the [W3C FileWriter](http://dev.w3.org/2009/dap/file-system/file-writer.html) interface (I think Chrome has plans for Version 5)
+    want browsers to allow better Canvas-SVG integration (i.e. export Canvas to SVG, [export SVG to PNG](http://dev.w3.org/html5/canvas-api/canvas-2d-api.html#todataurl-method), embed canvas directly in SVG for raster effects)
+    consistent support of SVG DOM interfaces, specifically things like SVGPathSegList (adeveria has more details, I'm sure), more details on the BrowserBugs page
diff --git a/docs/from-old-wiki/Stakeholders.md b/docs/from-old-wiki/Stakeholders.md
new file mode 100644
index 00000000..f7064ab0
--- /dev/null
+++ b/docs/from-old-wiki/Stakeholders.md
@@ -0,0 +1,22 @@
+The goal of this page is for everyone in the community to be aware of how different community members use and rely on SVG-edit. Please see ProjectsThatUseSvgEdit for the list of projects.
+FOSS Web apps
+
+    Wiki engines
+    Content Management Systems
+    E-learning tools
+    etc.
+
+Typical example: http://www.dokuwiki.org/plugin:svgedit
+Online services with drawing needs
+
+    Drawings for products
+    T-shirts
+    Web to print
+    etc.
+
+Typical example: http://instanttee.co.nr/
+Installable application
+
+Integrating SVG-edit in a desktop application, which you download and use on your computer, like http://bluegriffon.org/
+
+See also: Consulting
diff --git a/docs/from-old-wiki/Summer_of_Code_2010.md b/docs/from-old-wiki/Summer_of_Code_2010.md
new file mode 100644
index 00000000..e1c5e023
--- /dev/null
+++ b/docs/from-old-wiki/Summer_of_Code_2010.md
@@ -0,0 +1,158 @@
+Introduction
+
+This is our page of ideas for the [Google Summer of Code 2010](http://socghop.appspot.com/). If you are a student, you can participate by developing one of the projects we describe here (or propose an idea of your own!), and get paid through a stipend by Google. Read the [Google Summer of Code 2010 FAQ](http://socghop.appspot.com/document/show/gsoc_program/google/gsoc2010/faqs) for more details about the program.
+Important dates
+
+    March 08 to March 12 - Mentor organization application period
+    March 18 - Announcement of accepted mentor organizations.
+    March 29 to April 09 - Student application period
+    April 26 - Announcement of accepted students
+    May 24 to August 16 - Coding period
+
+See the [authorative timeline](http://socghop.appspot.com/document/show/gsoc_program/google/gsoc2010/timeline) for more details.
+Information for students
+
+The Google Summer of Code is a program for students in most countries. You will participate by writing code for a free software project. Students who finish their work satisfactorily will get a stipend of 4500 US Dollars.
+
+Do this if you want to participate:
+
+    Start by reading the [Google Summer of Code FAQ](http://socghop.appspot.com/document/show/gsoc_program/google/gsoc2010/faqs)
+    See which of the Ideas below you find interesting or come up with your own idea.
+    Get in contact with the community
+    Submit your proposal on the Google Summer of Code website
+
+Your proposal should include this information:
+
+    Give a detailed idea of what you want to accomplish in your project. Don't just quote what the project's abstract says! Think of how you will actually implement it, and describe that.
+    Give a general idea of your skills. If you have participated in a free software project before, say so and if possible point to your contributions.
+    Give a rough timeline for your work, with milestones. For example: "week 1, get the code to build and start familiarizing myself with it. Week 2, implement the first refactoring patch. Week 3, try such and such thing."
+
+Basically, let us know why you are the perfect person to implement the project you picked :)
+Ideas
+
+This is a list of ideas for projects which could be done as part of the Google Summer of Code program. If you have an idea and want to mentor it, please add it to the list.
+
+If you are a student and want to work on an idea, submit a proposal. You are not limited to the ideas listed here. If you have an own idea or want to approach an idea in a completely different way, feel free to submit this as proposal as well. Sometimes these are the best projects. Creativity and initiative are highly appreciated.
+Path Tool Enhancements
+
+    Required knowledge: SVG, JS, CSS, jQuery
+
+    Skill level: Advanced
+    Mentor: TBD
+    Student: TBD
+    Description:
+
+    add/delete arbitrary points on a path
+    join points/paths
+    continue from endpoint
+    click-drag makes curve/bezier point instead of corner point
+    simplify path algorithms
+    drag from lines as well as points
+
+Objects on Path
+
+    Required knowledge: SVG, JS, CSS, jQuery
+    Skill level: Experienced
+    Mentor: TBD
+    Student: TBD
+    Description:
+
+        Multiple duplicate object/instances along a path with either evenly spaced (user configurable) or at each point on the path.
+
+Object along Path Enhancements
+
+    Required knowledge: SVG, JS, CSS, jQuery
+    Skill level: Advanced
+    Mentor: TBD
+    Student: TBD
+    Description:
+
+        Object A is stretched along a path B.
+
+Union/Intersection/Difference for shapes
+
+    Required knowledge: SVG, JS, CSS, jQuery
+    Skill level: Advanced
+    Mentor: TBD
+    Student: TBD
+    Description:
+
+        2 or more overlapping objects when selected are either a) Combined to make one object from the outline of both or b) Like a Venn diagram we take only the shared intersecting area or c) Take the area of the two objects that are not intersecting
+
+Rulers/Guides/Units Enhancements
+
+    Required knowledge: SVG, JS, CSS, jQuery
+    Skill level: Experienced
+    Mentor: TBD
+    Student: TBD
+    Description:
+
+        Add rules and guides with configurable units
+
+Bring forward/Send backward incremental
+
+    Required knowledge: SVG, JS, CSS, jQuery
+    Skill level: Experienced
+    Mentor: TBD
+    Student: TBD
+    Description:
+
+        Currently moving an object all the way forward or backward is the only option, but adding the functionality to move forward or backward one object at a time is much better.
+
+Layer Drag and Drop Enhancement
+
+    Required knowledge: JS, CSS, jQuery
+    Skill level: Novice
+    Mentor: TBD
+    Student: TBD
+    Description:
+
+        Enable Users to move the layers around by dragging them to change the order
+
+History Interface in Sidebar
+
+    Required knowledge: JS, CSS, jQuery
+    Skill level: Novice
+    Mentor: TBD
+    Student: TBD
+    Description:
+
+        A visual representation of the undo/redo stack with the ability to go back n number of steps at will.
+
+Pattern Fills
+
+    Required knowledge: SVG, JS, CSS, jQuery
+    Skill level: Experienced
+    Mentor: TBD
+    Student: TBD
+    Description:
+
+        Use a pattern to define a fill pattern
+
+Documentation Enhancements
+
+    Required knowledge: Must possess technical writing skills and experience with graphics applications is a big plus.
+    Skill level: Novice
+    Mentor: TBD
+    Student: TBD
+    Description:
+
+        User Docs and Guides
+        API/Extensions
+
+{IDEA_TITLE_TO_BE_REPLACED}
+
+Required knowledge: What does the prospective student need to know before attempting this idea?.
+
+Skill level: How difficult would this idea be to implement if the student has the required knowledge
+
+Mentor: Your name and contact will go here.
+
+Student: Your name and contact will go here.
+
+Description of idea goes here, try and be as detailed as possible.
+
+Links
+
+http://socghop.appspot.com/document/show/gsoc_program/google/gsoc2010/faqs'>Google Summer of Code FAQ
+http://code.google.com/soc/'>Google Summer of Code main page
diff --git a/docs/from-old-wiki/Summer_of_Code_2013.md b/docs/from-old-wiki/Summer_of_Code_2013.md
new file mode 100644
index 00000000..4e823cc0
--- /dev/null
+++ b/docs/from-old-wiki/Summer_of_Code_2013.md
@@ -0,0 +1,46 @@
+Introduction
+
+This is our page of ideas for the [Google Summer of Code 2013](http://www.google-melange.com/gsoc/homepage/google/gsoc2013). If you are a student, you can participate by developing one of the projects we describe here (or propose an idea of your own!), and get paid through a stipend by Google. Read the [Google Summer of Code 2013 FAQ](http://www.google-melange.com/gsoc/document/show/gsoc_program/google/gsoc2013/help_page) for more details about the program.
+Important dates
+
+    March 18 to March 29 - Mentor organization application period
+    April 8 - Announcement of accepted mentor organizations.
+    April 22 to May 3 - Student application period
+    May 27 - Announcement of accepted students
+    June 17 to September 23 - Coding period
+
+See the [authorative timeline](http://www.google-melange.com/gsoc/events/google/gsoc2013) for more details.
+Information for students
+
+The Google Summer of Code is a program for students in most countries. You will participate by writing code for a free software project. Students who finish their work satisfactorily will get a stipend of 4500 US Dollars.
+
+Do this if you want to participate:
+
+    Start by reading the [Google Summer of Code FAQ](http://www.google-melange.com/gsoc/document/show/gsoc_program/google/gsoc2013/help_page)
+    See which of the Ideas below you find interesting or come up with your own idea.
+    Get in contact with the community
+    Submit your proposal on the Google Summer of Code website
+
+Your proposal should include this information:
+
+    Give a detailed idea of what you want to accomplish in your project. Don't just quote what the project's abstract says! Think of how you will actually implement it, and describe that.
+    Give a general idea of your skills. If you have participated in a free software project before, say so and if possible point to your contributions.
+    Give a rough timeline for your work, with milestones. For example: "week 1, get the code to build and start familiarizing myself with it. Week 2, implement the first refactoring patch. Week 3, try such and such thing."
+
+Basically, let us know why you are the perfect person to implement the project you picked :)
+Ideas
+
+This is a list of ideas for projects which could be done as part of the Google Summer of Code program. If you have an idea and want to mentor it, please add it to the list.
+
+If you are a student and want to work on an idea, submit a proposal. You are not limited to the ideas listed here. If you have an own idea or want to approach an idea in a completely different way, feel free to submit this as proposal as well. Sometimes these are the best projects. Creativity and initiative are highly appreciated.
+{IDEA_TITLE_TO_BE_REPLACED}
+
+Required knowledge: What does the prospective student need to know before attempting this idea?.
+
+Skill level: How difficult would this idea be to implement if the student has the required knowledge
+
+Mentor: Your name and contact will go here.
+
+Student: Your name and contact will go here.
+
+Description of idea goes here, try and be as detailed as possible.
diff --git a/docs/from-old-wiki/SvgSupport.md b/docs/from-old-wiki/SvgSupport.md
new file mode 100644
index 00000000..319469fd
--- /dev/null
+++ b/docs/from-old-wiki/SvgSupport.md
@@ -0,0 +1,20 @@
+SVG Element and Attribute Whitelist
+
+I apologize up-front for the poor format of this table, I blame the wiki markup allowed in Google Code.
+
+Anything not listed here is not supported by SVG-edit and will be stripped out upon import. SVG-edit supports the following elements and attributes:
+
+| Element | Attributes | |:------------|:---------------| | All Elements | class, filter, id, requiredFeatures, style, systemLanguage | | All Shapes | clip-path, fill, fill-opacity, fill-rule, marker-end, marker-mid, marker-start, pattern, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform | | a | xlink:href | | circle | cx, cy, r | | clipPath | clipPathUnits | | defs | | | desc | | | ellipse | cx, cy, rx, ry | | feGaussianBlur | stdDeviation | | filter | filterRes, filterUnits, height, primitiveUnits, width, x, xlink:href, y | | g | | | image | xlink:href, xlink:title | | line | x1, x2, y1, y2 | | linearGradient | gradientTransform, gradientUnits, spreadMethod, x1, x2, y1, y2 | | marker | markerHeight, markerUnits, markerWidth, orient, refX, refY | | path | d | | pattern | height, patternContentUnits, patternTransform, patternUnits, width, x, xlink:href, y | | polygon | points | | polyline | points | | radialGradient | cx, cy, fx, fy, gradientTransform, gradientUnits, r, spreadMethod | | stop | offset, stop-color, stop-opacity | | symbol | preserveAspectRatio, viewBox | | svg | height, preserveAspectRatio, viewBox, width, xmlns, xmlns:xlink | | switch | | | rect | height, rx, ry, width, x, y | | text | font-size, font-family, font-style, font-weight, text-anchor, x, xml:space, y | | textPath | method, spacing, startOffset, xlink:href | | tspan | dx, dy, rotate, textLength, x, y | | title | | | use | height, width, x, xlink:href, y |
+Non-Editable Items
+
+At this time, the following attributes cannot be edited in the user interface of SVG-edit (but they can be tweaked using the SVG source editor within SVG-edit):
+
+    fill-rule
+    stroke-dashoffset
+    stroke-miterlimit
+    xlink:href on a use element
+
+In addition, there is no way within jGraduate (the color picker used in SVG-edit) to:
+
+    create a radial gradient
+    add stops to any gradient (limited to two stops only)
diff --git a/docs/from-old-wiki/Testing.md b/docs/from-old-wiki/Testing.md
new file mode 100644
index 00000000..214a3f67
--- /dev/null
+++ b/docs/from-old-wiki/Testing.md
@@ -0,0 +1,13 @@
+There are some unit tests here: https://svg-edit.googlecode.com/svn/trunk/test/
+
+All the tests can be run at once from [this page](https://svg-edit.googlecode.com/svn/trunk/test/all_tests.html).
+To do
+
+    List all tests that need to be written
+    In particular, it seems that the existing tests are lower level tests. That's good, but we probably also need higher level "acceptance testing" kinds of tests.
+    It seems also we need to organize and document these tests a bit better, so that:
+        people don't end up writing a test that already exists
+        when people want to add a new test, they know where to add it
+        people know that those tests exist, and have access to easy tutorials on how to write them.
+
+Related: * For Wikipedia, we have a round-trip testing suite: https://github.com/brion/svg-edit-test
diff --git a/docs/from-old-wiki/Theming.md b/docs/from-old-wiki/Theming.md
new file mode 100644
index 00000000..989e3ccb
--- /dev/null
+++ b/docs/from-old-wiki/Theming.md
@@ -0,0 +1,11 @@
+We need to make it easier to theme svg-edit and tweak the interface. Currently the presentation, markup and logic are mixed in css, html and javascript. Ideally an approach similar to the [CSS Zen Garden](http://www.csszengarden.com/).
+Open questions
+
+    What needs to be changed in the code to make this separation happen?
+    What sorts of interface changes would we want possible? Perhaps take inspiration from other editors like [Method Draw](http://editor.method.ac/) and [CWM Draw Tool](https://code.google.com/p/cwm-drawtool/)
+
+Related links
+
+    [Gauging reception for a full redesign (Mark MacKay)](https://groups.google.com/d/topic/svg-edit/MvAHo1-4xpU/discussion)
+    [Proposal: svg-edit and svg-view (Christian Tzurcanu)](https://groups.google.com/d/topic/svg-edit/O1XLHrLZLYg/discussion)
+    [Modular design and customizations (Aditya Bhatt)](https://groups.google.com/d/topic/svg-edit/aua4-cy8hvI/discussion)
diff --git a/docs/from-old-wiki/TipsAndTricks.md b/docs/from-old-wiki/TipsAndTricks.md
new file mode 100644
index 00000000..5e45aabd
--- /dev/null
+++ b/docs/from-old-wiki/TipsAndTricks.md
@@ -0,0 +1,21 @@
+Unexpected svgEditor.ready doesn't exist when load svg-editor from parent using iframe
+
+Situation: You have a web page where you use an iframe to load svg-edit. Since the jQuery ready function does not wait for all JavaScript to load, you may get some unexpected behavior, such as svgEditor.ready not existing. You may thus need to catch this exception and wait a little longer to try again:
+
+svg_frame is the id for the svg-editor iframe
+
+``` $('#svg_frame').ready(function() {
+
+var ifrm = $('#svg_frame')[0];
+
+// waiting for real load
+(function(){
+            try {
+                ifrm.contentWindow.svgEditor.ready(function() { editor_ready();});
+            }
+            catch (Ex){
+                setTimeout(arguments.callee, 1000);
+            }
+        })();
+
+}) ```
diff --git a/docs/from-old-wiki/TranslationGuidelines.md b/docs/from-old-wiki/TranslationGuidelines.md
new file mode 100644
index 00000000..c43ccd04
--- /dev/null
+++ b/docs/from-old-wiki/TranslationGuidelines.md
@@ -0,0 +1,758 @@
+To commit translations to the main code base, please see: CommitPolicy
+
+Under construction
+
+http://imgh.us/SVG-edit_Languages.svg http://imgh.us/SVG-edit_Languages.jpg]
+
+shows the status of translations for each SVG-edit language file.
+'>
+
+Introduction Explanation of this document.
+IDs Details Describes the IDs.
+js_strings Describes the JavaScript strings.
+Introduction
+
+This page lists the existing IDs in the language files, and explains what they "technically" represent, for a meaningful - yet simple - translation of the SVG-edit interface.
+
+New ID since the last version
+Active ID
+ID made obsolete last version
+Obsolete ID
+
+There is also a block of JavaScript strings, at the end of each language file. Their second part needs to be translated.
+
+The current available languages files can be found here. Click on the language file you want, then select "View Raw file" to display the file and save it as a .js file that you can edit.
+
+This page is sorted in the same order as the language files themselves.
+
+Notes: * a '%string' is a value and must not be translated. Ex: '%s'. * \n inside a long line:
+
+    Long lines are sometimes split with a
+    \nwhich must not be translated. It may be moved
+    \ninto the sentences
+    \nfor verbose languages.
+
+    References to shortcuts (numbers or words inside a pair of "[ ]" brackets still appearing in a language file must be deleted from the line.
+
+IDs Details
+
+align_relative_to
+
+DescriptionVerb. To align objects relatively to either objects or the page. Default languageAlign relative to ... In use since2.4 Obsolete since-
+
+angleLabel
+
+DescriptionNoun. The angle of rotation applied to an object. Default languageangle: In use since2.4 Obsolete since2.5
+
+bkgnd_color
+
+DescriptionVerb. To change the background color / the opacity. Default languageChange background color/opacity In use since2.4 Obsolete since-
+
+circle_cx
+
+DescriptionVerb. To change the horizontal coordinate cx of a circle. Default languageChange circle's cx coordinate In use since2.4 Obsolete since-
+
+circle_cy
+
+DescriptionVerb. To change the vertical coordinate cy of a circle. Default languageChange circle's cy coordinate In use since2.4 Obsolete since-
+
+circle_r
+
+DescriptionVerb. To change the radius of a circle. Default languageChange circle's radius In use since2.4 Obsolete since-
+
+connector_no_arrow
+
+DescriptionNoun. Option indicating that the line should not have arrows. Default languageNo arrow In use since2.5 Obsolete since-
+
+copyrightLabel
+
+DescriptionSentence start. Prefix to "SVG-edit" credit in bottom-right corner. Default languagePowered by In use since2.5 Obsolete since-
+
+cornerRadiusLabel
+
+DescriptionVerb. Value of the radius of the corners, for a rectangle with rounded corners. Note: This text used to be "Corner Radius:" and was a label. As of 2.5 it refers to the tooltip text Default languageChange Rectangle Corner Radius In use since2.4 Obsolete since
+
+curve_segments
+
+DescriptionNoun. Type of segment: curved segment, as opposed to straight line. Default languageCurve In use since2.4 Obsolete since-
+
+ellipse_cx
+
+DescriptionVerb. To change the horizontal coordinate cx of an ellipse. Default languageChange ellipse's cx coordinate In use since2.4 Obsolete since-
+
+ellipse_cy
+
+DescriptionVerb. To change the vertical coordinate cy of an ellipse. Default languageChange ellipse's cy coordinate In use since2.4 Obsolete since-
+
+ellipse_rx
+
+DescriptionVerb. To change the horizontal radius x of an ellipse. Default languageChange ellipse's x radius In use since2.4 Obsolete since-
+
+ellipse_ry
+
+DescriptionVerb. To change the vertical radius y of an ellipse. Default languageChange ellipse's y radius In use since2.4 Obsolete since-
+
+fill_color
+
+DescriptionVerb. To change the fill color of an object. Default languageChange fill color In use since2.4 Obsolete since-
+
+fill_tool_bottom
+
+DescriptionNoun. The inner painting of an object. Default languagefill: In use since2.4 Obsolete since2.5
+
+fitToContent
+
+DescriptionAdjective or past participle. Adjusted to the content of the drawing, cropped. Default languageFit to Content In use since2.4 Obsolete since-
+
+fit_to_all
+
+DescriptionVerb. To adjust the zoom level to include everything drawn in all layers. Default languageFit to all content In use since2.4 Obsolete since-
+
+fit_to_canvas
+
+DescriptionVerb. To adjust the zoom level to the canvas dimensions. Default languageFit to canvas In use since2.4 Obsolete since-
+
+fit_to_layer_content
+
+DescriptionVerb. To adjust the zoom level to include everything in the current layer. Default languageFit to layer content In use since2.4 Obsolete since-
+
+fit_to_sel
+
+DescriptionVerb. To adjust the zoom level to include all the selected objects. Default languageFit to selection In use since2.4 Obsolete since-
+
+font_family
+
+DescriptionVerb. To change the font-family of a text element. Default languageChange Font Family In use since2.4 Obsolete since-
+
+idLabel
+
+DescriptionVerb. To change the ID of an element. Default languageIdentify the element In use since2.5 Obsolete since-
+
+icon_large
+
+DescriptionAdjective. Large, for the size of the icons. Default languageLarge In use since2.4 Obsolete since-
+
+icon_medium
+
+DescriptionAdjective. Average, for the size of the icons. Default languageMedium In use since2.4 Obsolete since-
+
+icon_small
+
+DescriptionAdjective. Small, for the size of the icons. Default languageSmall In use since2.4 Obsolete since-
+
+icon_xlarge
+
+DescriptionAdjective. Extra large, for the size of the icons. Default languageExtra Large In use since2.4 Obsolete since-
+
+iheightLabel
+
+DescriptionNoun. Height. Default languageheight: In use since2.4 Obsolete since2.5
+
+image_height
+
+DescriptionVerb. To change the height of an image. Default languageChange image height In use since2.4 Obsolete since-
+
+image_opt_embed
+
+DescriptionVerb. To embed (include, integrate) the images as data (for local files) Default languageEmbed data (local files) In use since2.4 Obsolete since-
+
+image_opt_ref
+
+DescriptionVerb. To use the reference of the images (URLs of the images, instead of embedding them Default languageUse file reference In use since2.4 Obsolete since-
+
+image_url
+
+DescriptionVerb. To change the URL of an image. Default languageChange URL In use since2.4 Obsolete since-
+
+image_width
+
+DescriptionVerb. To change the width of an image. Default languageChange image width In use since2.4 Obsolete since-
+
+includedImages
+
+DescriptionAdjective or past participle. Included, integrated, embedded images. Default languageIncluded Images In use since2.4 Obsolete since-
+
+iwidthLabel
+
+DescriptionNoun. Width. Default languagewidth: In use since2.4 Obsolete since2.5
+
+largest_object
+
+DescriptionSuperlative adjective. The largest object. Default languagelargest object In use since2.4 Obsolete since-
+
+layer_delete
+
+DescriptionVerb. To delete the current layer. Default languageDelete Layer In use since2.4 Obsolete since-
+
+layer_down
+
+DescriptionVerb. To move the current layer down in the layer table. Default languageMove Layer Down In use since2.4 Obsolete since-
+
+layer_new
+
+DescriptionNoun. A new layer. Default languageNew Layer In use since2.4 Obsolete since-
+
+layer_rename
+
+DescriptionVerb. To give a new name to the current layer. Default languageRename Layer In use since2.4 Obsolete since-
+
+layer_up
+
+DescriptionVerb. To move the current layer up in the layer table. Default languageMove Layer Up In use since2.4 Obsolete since-
+
+layersLabel
+
+DescriptionNoun. The layers. Default languageLayers: In use since2.4 Obsolete since-
+
+line_x1
+
+DescriptionVerb. To change the horizontal coordinate x of the starting point, for a line. Default languageChange line's starting x coordinate In use since2.4 Obsolete since-
+
+line_x2
+
+DescriptionVerb. To change the horizontal coordinate x of the ending point, for a line. Default languageChange line's ending x coordinate In use since2.4 Obsolete since-
+
+line_y1
+
+DescriptionVerb. To change the vertical coordinate y of the starting point, for a line. Default languageChange line's starting y coordinate In use since2.4 Obsolete since-
+
+line_y2
+
+DescriptionVerb. To change the vertical coordinate y of the ending point, for a line. Default languageChange line's ending y coordinate In use since2.4 Obsolete since-
+
+linecap_butt
+
+DescriptionNoun. To made the end of a line stop exactly at its end coordinate. Default languageLinecap: Butt In use since2.5 Obsolete since-
+
+linecap_round
+
+DescriptionNoun. To made the end of a line end rounded. Default languageLinecap: Round In use since2.5 Obsolete since-
+
+linecap_round
+
+DescriptionNoun. To made the end of a line end square. Default languageLinecap: Square In use since2.5 Obsolete since-
+
+linejoin_bevel
+
+DescriptionNoun. To make line joints use straight, cut off edges. Default languageLinejoin: Bevel In use since2.5 Obsolete since-
+
+linejoin_miter
+
+DescriptionNoun. To make line joints use regular, usually pointy edges. Default languageLinejoin: Miter In use since2.5 Obsolete since-
+
+linejoin_round
+
+DescriptionNoun. To make line joints use round edges. Default languageLinejoin: Round In use since2.5 Obsolete since-
+
+main_icon
+
+DescriptionNoun. The main (application) menu. Default languageMain Menu In use since2.5 Obsolete since-
+
+mode_connect
+
+DescriptionVerb. Option to connect two objects with a line. Default languageConnect two objects In use since2.5 Obsolete since-
+
+page
+
+DescriptionNoun. The page. Default languagepage In use since2.4 Obsolete since-
+
+palette
+
+DescriptionNoun. The palette, the painter's tool which holds all the available colors. Default languageClick to change fill color, shift-click to change stroke color In use since2.4 Obsolete since-
+
+path_node_x
+
+DescriptionVerb. To change the horizontal coordinate x, for a node (point). Default languageChange node's x coordinate In use since2.4 Obsolete since-
+
+path_node_y
+
+DescriptionVerb. To change the vertical coordinate y, for a node (point). Default languageChange node's y coordinate In use since2.4 Obsolete since-
+
+rect_height
+
+DescriptionVerb. To change the height of a rectangle. Default languageChange rectangle height In use since2.4 Obsolete since-
+
+rect_rx
+
+DescriptionVerb. To change the value of the radius of the corners, for a rectangle with rounded corners. Default languageChange Rectangle Corner Radius In use since2.4 Obsolete since-
+
+rect_width
+
+DescriptionVerb. To change the width of a rectangle. Default languageChange rectangle width In use since2.4 Obsolete since-
+
+relativeToLabel
+
+DescriptionAdverb. (Objects aligned) relatively to either objects, or the page. Default languagerelative to: In use since2.4 Obsolete since-
+
+rheightLabel
+
+DescriptionNoun. Height. Default languageheight: In use since2.4 Obsolete since2.5
+
+rwidthLabel
+
+DescriptionNoun. Width. Default languagewidth: In use since2.4 Obsolete since2.5
+
+seg_type
+
+DescriptionVerb. To change the type of a segment. Default languageChange Segment type In use since2.4 Obsolete since-
+
+selLayerLabel
+
+DescriptionVerb. To move elements to (another layer): Default languageMove elements to: In use since2.4 Obsolete since-
+
+selLayerNames
+
+DescriptionVerb. To move selected elements to a different layer. Default languageMove selected elements to a different layer In use since2.4 Obsolete since-
+
+selectedPredefined
+
+DescriptionVerb. To select predifined values, for the canvas dimensions. Default languageSelect predefined: In use since2.4 Obsolete since-
+
+selected_objects
+
+DescriptionPast participle. Objects which are selected. Default languageselected objects In use since2.4 Obsolete since-
+
+selected_x
+
+DescriptionVerb. To change the horizontal coordinate X. Default languageChange X coordinate In use since2.4 Obsolete since-
+
+selected_y
+
+DescriptionVerb. To change the vertical coordinate Y. Default languageChange Y coordinate In use since2.4 Obsolete since-
+
+smallest_object
+
+DescriptionSuperlative adjective. The smallest object. Default languagesmallest object In use since2.4 Obsolete since-
+
+straight_segments
+
+DescriptionNoun. Type of segment: straight line, as opposed to curve. Default languageStraight In use since2.4 Obsolete since-
+
+stroke_color
+
+DescriptionVerb. To change the color of the outline (exterior) of an element. Default languageChange stroke color In use since2.4 Obsolete since-
+
+stroke_style
+
+DescriptionVerb. To change the style of dashes, for the outline (exterior) of an element. Default languageChange stroke dash style In use since2.4 Obsolete since-
+
+stroke_tool_bottom
+
+DescriptionNoun. The outline (exterior) of an element. This includes the color/opacity, the line thicknes and the line style (dashes and/or dots). Default languagestroke: In use since2.4 Obsolete since2.5
+
+stroke_width
+
+DescriptionVerb. To change the width of the outline (exterior) of an element. Default languageChange stroke width by 1, shift-click to change by 0.1 In use since2.4 Obsolete since-
+
+svginfo_bg_note
+
+DescriptionNote : Background will not be saved with the image. Default languageNote: Background will not be saved with image. In use since2.4 Obsolete since-
+
+svginfo_change_background
+
+DescriptionNoun. The background color or image of the editor. Default languageEditor Background In use since2.4 Obsolete since-
+
+svginfo_dim
+
+DescriptionNoun. The dimensions of the canvas. Default languageCanvas Dimensions In use since2.4 Obsolete since-
+
+svginfo_editor_prefs
+
+DescriptionNoun. The preferences of the editor. Default languageEditor Preferences In use since2.4 Obsolete since-
+
+svginfo_height
+
+DescriptionNoun. Height. Default languageHeight: In use since2.4 Obsolete since-
+
+svginfo_icons
+
+DescriptionNoun. Size of the icons. Default languageIcon size In use since2.4 Obsolete since-
+
+svginfo_image_props
+
+DescriptionNoun. The properties of the image. Default languageImage Properties In use since2.4 Obsolete since-
+
+svginfo_lang
+
+DescriptionNoun. Language (of the editor). Default languageLanguage In use since2.4 Obsolete since-
+
+svginfo_title
+
+DescriptionNoun. Title (of the image). Default languageTitle In use since2.4 Obsolete since-
+
+svginfo_width
+
+DescriptionNoun. Width (of the image). Default languageWidth: In use since2.4 Obsolete since-
+
+text
+
+DescriptionNoun. Text, content of a text element. Default languageChange text contents In use since2.4 Obsolete since-
+
+toggle_stroke_tools
+
+DescriptionVerb. To show/hide the additional stroke tools Default languageShow/hide more stroke tools In use since2.5 Obsolete since-
+
+tool_alignbottom
+
+DescriptionVerb. To align the bottom of selected elements. Default languageAlign Bottom In use since2.4 Obsolete since-
+
+tool_aligncenter
+
+DescriptionVerb. To center vertically, relatively to the vertical axis Default languageAlign Center In use since2.4 Obsolete since-
+
+tool_alignleft
+
+DescriptionVerb. To align the left sides of selected elements. Default languageAlign Left In use since2.4 Obsolete since-
+
+tool_alignmiddle
+
+DescriptionVerb. To center horizontally, relatively to the horizontal axis Default languageAlign Middle In use since2.4 Obsolete since-
+
+tool_alignright
+
+DescriptionVerb. To align the right sides of selected elements. Default languageAlign Right In use since2.4 Obsolete since-
+
+tool_aligntop
+
+DescriptionVerb. To align the top sides of selected elements. Default languageAlign Top In use since2.4 Obsolete since-
+
+tool_angle (was: angle)
+
+DescriptionVerb. To change the angle of rotation applied to an object. Default languageChange rotation angle In use since2.4 Obsolete since-
+
+tool_blur
+
+DescriptionVerb. To change the gaussian blur value of an object. Default languageChange gaussian blur value In use since2.5 Obsolete since-
+
+tool_bold
+
+DescriptionAdjective. Bold text Default languageBold Text In use since2.4 Obsolete since-
+
+tool_circle
+
+DescriptionNoun. Circle. Default languageCircle In use since2.4 Obsolete since-
+
+tool_clear
+
+DescriptionAdjective. New Image Default languageNew Image In use since2.4 Obsolete since-
+
+tool_clone
+
+DescriptionVerb. To clone an element Default languageClone Element In use since2.4 Obsolete since-
+
+tool_clone_multi
+
+DescriptionVerb. To clone elements Default languageClone Elements In use since2.4 Obsolete since-
+
+tool_delete
+
+DescriptionVerb. To delete an element Default languageDelete Element In use since2.4 Obsolete since-
+
+tool_delete_multi
+
+DescriptionVerb. To delete selected elements Default languageDelete Selected Elements In use since2.4 Obsolete since-
+
+tool_docprops
+
+DescriptionNoun. The document properties Default languageDocument Properties In use since2.4 Obsolete since-
+
+tool_docprops_cancel
+
+DescriptionVerb. To cancel Default languageCancel In use since2.4 Obsolete since-
+
+tool_docprops_save
+
+DescriptionNoun. OK (does not mean "Save") Default languageOK In use since2.4 Obsolete since-
+
+tool_ellipse
+
+DescriptionNoun. Ellipse Default languageEllipse In use since2.4 Obsolete since-
+
+tool_export
+
+DescriptionVerb. To save the image as a PNG, JPEG, BMP, or WEBP file Default languageExport In use since2.5 Obsolete since-
+
+tool_eyedropper
+
+DescriptionVerb. Tool for copying the style from one element to another Default languageEye Dropper Tool In use since2.5 Obsolete since-
+
+tool_fhellipse
+
+DescriptionNoun. Free-hand ellipse Default languageFree-Hand Ellipse In use since2.4 Obsolete since-
+
+tool_fhpath
+
+DescriptionNoun. Pencil tool Default languagePencil Tool In use since2.4 Obsolete since-
+
+tool_fhrect
+
+DescriptionNoun. Free-hand rectangle Default languageFree-Hand Rectangle In use since2.4 Obsolete since-
+
+tool_font_size (was: font_size)
+
+DescriptionVerb. To change the font size of a text element. Default languageChange Font Size In use since2.4 Obsolete since-
+
+tool_group
+
+DescriptionVerb. To group elements Default languageGroup Elements In use since2.4 Obsolete since-
+
+tool_image
+
+DescriptionNoun. Image tool Default languageImage Tool In use since2.4 Obsolete since-
+
+tool_import
+
+DescriptionVerb. To import an SVG file into the image. Default languageImport SVG In use since2.5 Obsolete since-
+
+tool_opacity (was: group_opacity)
+
+DescriptionVerb. To change the opacity of selected items. Default languageChange selected item opacity In use since2.4 Obsolete since-
+
+tool_openclose_path
+
+DescriptionVerb. To make a path or part of a path open or closed Default languageOpen/close sub-path In use since2.5 Obsolete since-
+
+tool_italic
+
+DescriptionAdjective. Italic text Default languageItalic Text In use since2.4 Obsolete since-
+
+tool_line
+
+DescriptionNoun. Line tool Default languageLine Tool In use since2.4 Obsolete since-
+
+tool_move_bottom
+
+DescriptionVerb. To move (the selected element) to the bottom Default languageMove to Bottom In use since2.4 Obsolete since-
+
+tool_move_top
+
+DescriptionVerb. To move (the selected element) to the top Default languageMove to Top In use since2.4 Obsolete since-
+
+tool_node_clone
+
+DescriptionVerb. To clone a node Default languageClone Node In use since2.4 Obsolete since-
+
+tool_node_delete
+
+DescriptionVerb. To delete a node Default languageDelete Node In use since2.4 Obsolete since-
+
+tool_node_link
+
+DescriptionVerb. To link control points: to make the two handles of a node move together, with solidarity, instead of individually. Default languageLink Control Points In use since2.4 Obsolete since-
+
+tool_open
+
+DescriptionVerb. To open an image Default languageOpen Image In use since2.4 Obsolete since-
+
+tool_path
+
+DescriptionNoun. Path tool. The chosen word musn't mean Polygon. Default languagePath Tool In use since2.3 Obsolete since2.4
+
+tool_position
+
+DescriptionVerb. To align a single element in reference to the page Default languageAlign Element to Page In use since2.5 Obsolete since-
+
+tool_rect
+
+DescriptionNoun. Rectangle Default languageRectangle In use since2.4 Obsolete since-
+
+tool_redo
+
+DescriptionVerb. To redo Default languageRedo In use since2.4 Obsolete since-
+
+tool_reorient
+
+DescriptionVerb. (to) Reorient (a) path: For a previously rotated object, make its bounding box parallel to the canvas, and with a rotation angle of 0°. Resets the bounding box origin. Default languageReorient path In use since2.4 Obsolete since-
+
+tool_save
+
+DescriptionVerb. To save the image Default languageSave Image In use since2.4 Obsolete since-
+
+tool_select
+
+DescriptionNoun. Select (selection) tool Default languageSelect Tool In use since2.4 Obsolete since-
+
+tool_source
+
+DescriptionVerb. To edit the source (opens the source editor) Default languageEdit Source In use since2.4 Obsolete since-
+
+tool_source_cancel
+
+DescriptionVerb. To cancel, discard changes. Default languageCancel In use since2.4 Obsolete since-
+
+tool_source_save
+
+DescriptionVerb. (to) Apply changes, accept changes. (does not mean "Save") Default languageApply Changes In use since2.4 Obsolete since-
+
+tool_square
+
+DescriptionNoun. Square Default languageSquare In use since2.4 Obsolete since-
+
+tool_text
+
+DescriptionNoun. Text tool Default languageText Tool In use since2.4 Obsolete since-
+
+tool_topath
+
+DescriptionVerb. To convert (a regular shape, circle, ellipse, rectangle...) in a path (with editable segments) Default languageConvert to Path In use since2.4 Obsolete since-
+
+tool_undo
+
+DescriptionVerb. To undo Default languageUndo In use since2.4 Obsolete since-
+
+tool_ungroup
+
+DescriptionVerb. To ungroup elements (previously grouped) Default languageUngroup Elements In use since2.4 Obsolete since-
+
+tool_wireframe
+
+DescriptionNoun. Wireframe, outline mode (shows the outline of the elements, with no colors) Default languageWireframe Mode In use since2.4 Obsolete since-
+
+tool_zoom
+
+DescriptionNoun. Zoom tool Default languageZoom Tool In use since2.4 Obsolete since-
+
+tools_ellipse_show
+
+DescriptionNoun. Ellipse/Circle tool Default languageEllipse/Circle Tool In use since2.4 Obsolete since2.5 r1333
+
+tools_rect_show
+
+DescriptionNoun. Square/Rectangle tool Default languageSquare/Rect Tool In use since2.4 Obsolete since2.5 r1333
+
+url_notice
+
+DescriptionSentence. Notice given to indicate the raster image cannot be embedded and depends on the given path to appear Default languageNOTE: This image cannot be embedded. It will depend on this path to be displayed In use since2.5 Obsolete since-
+
+zoom_panel (was: zoom)
+
+DescriptionVerb. To change the zoom level Default languageChange zoom level In use since2.5 Obsolete since-
+
+zoomLabel
+
+DescriptionNoun. Zoom: Default languagezoom: In use since2.4 Obsolete since2.5
+
+sidepanel_handle
+
+DescriptionVerb, then Noun. To drag left/right (in order) to resize the side panel, then, L a y e r s. Default languageDrag left/right to resize side panel Default languageL a y e r s In use since2.4 Obsolete since-
+JavaScript strings (js_strings)
+
+QerrorsRevertToSource
+
+DescriptionSentence. States that there were errors while parsing the manually given SVG source code. Asks if it should go back to the original code. Default languageThere were parsing errors in your SVG source.\nRevert back to original SVG source? In use since2.4 Obsolete since-
+
+QignoreSourceChanges
+
+DescriptionSentence. Verifies that the changes made to the SVG source code can be rolled back. Default languageIgnore changes made to SVG source? In use since2.4 Obsolete since-
+
+QmoveElemsToLayer
+
+DescriptionSentence. Verifies that the selected items must be moved to another (already specified) layer. ('%s' must not be translated or changed.) Default languageMove selected elements to layer '%s'? In use since2.4 Obsolete since-
+
+QwantToClear
+
+DescriptionSentence. Verifies if the entire drawing, including the undo history, should be discarded. Default languageDo you want to clear the drawing?\nThis will also erase your undo history! In use since2.4 Obsolete since-
+
+cancel
+
+DescriptionVerb. Cancels a given command and returns back to the state before that. Default languageCancel In use since2.4 Obsolete since-
+
+dupeLayerName
+
+DescriptionSentence. Is displayed if a layer is created with a name of an already existing layer. Default languageThere is already a layer named that! In use since2.4 Obsolete since-
+
+enterNewImgURL
+
+DescriptionVerb. Lets you edit the URL of an inserted image. Default languageEnter the new image URL In use since2.4 Obsolete since-
+
+enterNewLayerName
+
+DescriptionSentence. Asks for a new layer name. A layer name identifies a layer. Default languagePlease enter the new layer name In use since2.4 Obsolete since-
+
+enterUniqueLayerName
+
+DescriptionSentence. Asks for a unique layer name. Default languagePlease enter a unique layer name In use since2.4 Obsolete since-
+
+featNotSupported
+
+DescriptionNoun. States that a function is not supported. Default languageFeature not supported In use since2.4 Obsolete since-
+
+invalidAttrValGiven
+
+DescriptionAdjective. States that a given value is not correct. Eg some text is given while a number is required. Default languageInvalid value given In use since2.4 Obsolete since-
+
+defsFailOnSave
+
+DescriptionSentence. Provides a message for Firefox users indicating that gradients, markers, etc will not appear as expected when saving. Default languageNOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved. In use since2.5 Obsolete since-
+
+loadingImage
+
+DescriptionSentence. Text that briefly appears on the page when the "Export" option is chosen Default languageLoading image, please wait... In use since2.5 Obsolete since-
+
+saveFromBrowser
+
+DescriptionSentence. Text that appears in popup on the new window with a SVG or image (%s = PNG, JPEG, BMP, WEBP, SVG) Default languageSelect \"Save As...\" in your browser to save this image as a %s file. In use since2.5 Obsolete since-
+
+noteTheseIssues
+
+DescriptionSentence. On "Export", the prefix text to indicate there are issues. Default languageAlso note the following issues: In use since2.5 Obsolete since-
+
+key_backspace
+
+DescriptionNoun. Name of the keyboard key: backspace Default languagebackspace In use since2.4 Obsolete since-
+
+key_del
+
+DescriptionNoun. Name of the keyboard key: delete Default languagedelete In use since2.4 Obsolete since-
+
+key_down
+
+DescriptionNoun. Name of the keyboard key: down Default languagedown In use since2.4 Obsolete since-
+
+key_up
+
+DescriptionNoun. Name of the keyboard key: up Default languageup In use since2.4 Obsolete since-
+
+layer
+
+DescriptionNoun. Gives the name for a layer. An image can have multiple layers that can group a number of elements. Default languageLayer In use since2.4 Obsolete since-
+
+layerHasThatName
+
+DescriptionSentence. States that the new layer name is the same as the old layer name. Default languageLayer already has that name In use since2.4 Obsolete since-
+
+noContentToFitTo
+
+DescriptionSentence. States that the command to resize the canvas to all content could not be executed, because there is no content. Default languageNo content to fit to In use since2.4 Obsolete since-
+
+ok
+
+DescriptionNoun. Executes the action and commits the changes that have been made. Default languageOK In use since2.4 Obsolete since-
+
+pathCtrlPtTooltip
+
+DescriptionVerb. States that the point that is being hovered can be dragged elsewhere. This will change the curve of the matching line. Default languageDrag control point to adjust curve properties In use since2.4 Obsolete since-
+
+pathNodeTooltip
+
+DescriptionVerb. States that the point that is being hovered can be dragged elsewhere. This will change the shape. The point can also be double-clicked, which will change the matching line type. Default languageDrag node to move it. Double-click node to change segment type In use since2.4 Obsolete since-
+
+exportNoBlur
+
+DescriptionSentence. Note that blur is not supported on image export Default languageBlurred elements will appear as un-blurred In use since2.5 Obsolete since-
+
+exportNoImage
+
+DescriptionSentence. Note that Image elements are not supported on image export Default languageImage elements will not appear In use since2.5 Obsolete since-
+
+exportNoforeignObject
+
+DescriptionSentence. Note that foreignObject elements are not supported on image export Default languageforeignObject elements will not appear In use since2.5 Obsolete since-
+
+exportNoDashArray
+
+DescriptionSentence. Note that stroke-dasharray is not supported on image export (will appear as regular stroke instead) Default languageStrokes will appear filled In use since2.5 Obsolete since-
+
+exportNoText
+
+DescriptionSentence. Note that text is not supported on image export (will only appear in browsers that don't support Canvas Text API) Default languageText may not appear as expected In use since2.5 Obsolete since- 
diff --git a/docs/from-old-wiki/VersionHistory.md b/docs/from-old-wiki/VersionHistory.md
new file mode 100644
index 00000000..8f2a79b5
--- /dev/null
+++ b/docs/from-old-wiki/VersionHistory.md
@@ -0,0 +1,283 @@
+Introduction
+
+This page describes the current release and previous versions of SVG-edit. For planned future versions (or current trunk-only features), see the Roadmap.
+
+You can see the changes of the upcoming version here: http://code.google.com/p/svg-edit/source/list
+
+As of 2011-09-29 (and for 2.6+ versions), the license was changed from Apache License v2.0 to MIT.
+Current release: 2.7.1 (applied to 2.7 branch)
+
+    Fix important ID situation with embedded API
+    Update functions available to embedded editor
+
+Version 2.7 ([Deltoid curve](https://en.wikipedia.org/wiki/Deltoid_curve))
+New Features
+
+    Export to PNG, JPEG, BMP, WEBP (including quality control for JPEG/WEBP) for default editor and for the server_opensave extension
+    Added Star, Polygon, and Panning Extensions [r2318](https://code.google.com/p/svg-edit/source/detail?r=2318) [r2319](https://code.google.com/p/svg-edit/source/detail?r=2319) [r2333](https://code.google.com/p/svg-edit/source/detail?r=2333)
+    Added non-default extension, ext-xdomain-messaging.js, moving cross-domain messaging code (as used by the embedded editor) out of core and requiring, when the extension IS included, that configuration (an array "allowedOrigins") be set in order to allow access by any domain (even same domain).
+    Cause embedded editor to pass on URL arguments to the child editor (child iframe)
+    Added default extension, ext-storage.js moving storage setting code into this (optional) extension; contains dialog to ask user whether they wish to utilize local storage for prefs and/or content; provides configuration options to tweak behaviors.
+    Allow for a new file config.js within the editor folder (but not committed to SVN and ignored) which is always loaded and can be used for supplying configuration which happens early enough to affect URL or user storage configuration, in addition to extension behavior configuration. Provided config-sample.js to indicate types of configuration one could use (see also defaultPrefs, defaultExtensions, and defaultConfig within svg-editor.js )
+    Added configuration "preventAllURLConfig", "lockExtensions", and/or "preventURLContentLoading" for greater control of what can be configured via URL.
+    Allow second argument object to setConfig containing "allowInitialUserOverride" booleans to allow for preference config in config.js to be overridden by URL or preferences in user storage; also can supply "overwrite" boolean in 2nd argument object if set to false to prevent overwriting of any prior-set configuration (URL config/pref setting occurs in this manner automatically for security reasons).
+    Allow server_opensave extension to work wholly client-side (if browser [supports](http://caniuse.com/#feat=download) the download attribute)
+    Added [WebAppFind](https://github.com/brettz9/webappfind) extension
+    Added new php_savefile extension to replace outdated, non-functioning server-save code; requires user to create "savefile_config.php" file and do any validation there (for their own security)
+    Use addEventListener for 'beforeunload' event so user can add their own if desired
+    Changed locale behavior to always load from locale file, including English. Allow extensions to add new "langReady" callback which is passed an object with "lang" and "uiStrings" properties whenever the locale data is first made available or changed by the user (this callback will not be invoked until the locale data is available). Extensions can add strings to all locales and utilize this mechanism.
+    Made fixes impacting path issues and also ext-connector.js
+    Fixed a bug where the position number supplied on an extension object was too high (e.g., if too few other extensions were included, the extension might not show up because its position was set too high).
+    Added Polish locale
+    Zoom features
+    Make extension paths relative within extensions (issue [1184](https://code.google.com/p/svg-edit/issues/detail?id=1184&can=1&sort=-id&colspec=ID%20Type%20Status%20Priority%20NeededFor%20Browser%20Owner%20Summary))
+    Security improvements and other fixes
+    Embedded editor can now work same domain without JSON parsing and the consequent potential loss of arguments or return values.
+    Potentially breaking API changes:
+        Disallowed "extPath", "imgPath", "langPath", and "jGraduatePath" setting via URL and prevent cross-domain/cross-folder extensions being set by URL (security enhancement)
+        Deprecated "pngsave" option called by setCustomHandlers() in favor of "exportImage" (to accommodate export of other image types). Second argument will now supply, in addition to "issues" and "svg", the properties "type" (currently 'PNG', 'JPEG', 'BMP', 'WEBP'), "mimeType", and "quality" (for 'JPEG' and 'WEBP' types).
+        Default extensions will now always load (along with those supplied in the URL unless the latter is prohibited by configuration), so if you do not wish your old code to load all of the default extensions, you will need to add &noDefaultExtensions=true to the URL (or add equivalent configuration in config.js). ext-overview_window.js can now be excluded though it is still a default.
+        Preferences and configuration options must be within the list supplied within svg-editor.js (should include those of all documented extensions).
+        Embedded messaging will no longer work by default for privacy/data integrity reasons. One must include the "ext-xdomain-messaging.js" extension and supply an array configuration item, "allowedOrigins" with potential values including: "*" (to allow all domains--strongly discouraged!), "null" as a string to allow file:// access, window.location.origin (to allow same domain access), or specific trusted origins. The embedded editor works without the extension if the main editor is on the same domain, but if cross-domain control is needed, the "allowedOrigins" array must be supplied by a call to svgEditor.setConfig({allowedOrigins: [origin1, origin2, etc.]}) in the new config.js file.
+        [http://code.google.com/p/svg-edit/issues/list?can=1&q=NeededFor%3D2.6&colspec=ID+Type+Status+Priority+NeededFor+Browser+Owner+Summary&cells=tiles many more] '>
+
+Release date
+
+    April 7th, 2014
+
+Demo
+
+    http://svg-edit.googlecode.com/svn/branches/2.7/editor/svg-editor.html
+
+Version 2.6 ([Cycloid](http://en.wikipedia.org/wiki/Cycloid))
+New Features
+
+    [Support for Internet Explorer 9](http://code.google.com/p/svg-edit/issues/detail?id=120)
+    Context menu
+    [Cut/Copy/Paste/Paste in Place options](http://code.google.com/p/svg-edit/issues/detail?id=612)
+    [Gridlines, snap to grid](http://code.google.com/p/svg-edit/issues/detail?id=131)
+    Merge layers
+    Duplicate layer
+    [Image library](http://code.google.com/p/svg-edit/issues/detail?id=71)
+    [Shape library](http://code.google.com/p/svg-edit/issues/detail?id=541)
+    [Basic Server-based tools for file opening/saving](http://code.google.com/p/svg-edit/issues/detail?id=582)
+    In-group editing
+    Cut/Copy/Paste
+    [full list](http://code.google.com/p/svg-edit/issues/list?can=1&q=label%3ANeededFor-2.6)
+
+Release Date
+
+    [January 15th, 2013](http://code.google.com/p/svg-edit/source/detail?r=2281)
+
+Demo
+
+    http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html
+
+Version 2.5 ([Bicorn](http://en.wikipedia.org/wiki/Bicorn))
+New Features
+
+    [Open Local Files](http://code.google.com/p/svg-edit/issues/detail?id=392) (Firefox 3.6+ only)
+    [Import SVG into Drawing](http://code.google.com/p/svg-edit/issues/detail?id=72) (Firefox 3.6+ only)
+    [Ability to create extensions/plugins](http://code.google.com/p/svg-edit/issues/detail?id=310)
+    [Main menu and overal interface improvements](http://code.google.com/p/svg-edit/issues/detail?id=313)
+    [Create and select elements outside the canvas](http://code.google.com/p/svg-edit/issues/detail?id=185)
+    [Base support for the svg:use element](http://code.google.com/p/svg-edit/issues/detail?id=424)
+    [Add/Edit Sub-paths](http://code.google.com/p/svg-edit/issues/detail?id=443)
+    [Multiple path segment selection](http://code.google.com/p/svg-edit/issues/detail?id=277)
+    [Radial Gradient support](http://code.google.com/p/svg-edit/issues/detail?id=298)
+    [Connector lines](http://code.google.com/p/svg-edit/issues/detail?id=200)
+    [Arrows & Markers](http://code.google.com/p/svg-edit/issues/detail?id=308)
+    [Smoother freehand paths](http://code.google.com/p/svg-edit/issues/detail?id=341)
+    Foreign markup support (ForeignObject/MathML)
+    [Configurable options](http://code.google.com/p/svg-edit/issues/detail?id=427)
+    [File-loading options](http://code.google.com/p/svg-edit/issues/detail?id=65)
+    [Eye-dropper tool (copy element style)](http://code.google.com/p/svg-edit/issues/detail?id=115)
+    [Stroke linejoin and linecap options](http://code.google.com/p/svg-edit/issues/detail?id=440)
+    [Export to PNG](http://code.google.com/p/svg-edit/issues/detail?id=70)
+    [Blur tool](http://code.google.com/p/svg-edit/issues/detail?id=75)
+    [Page-align single elements](http://code.google.com/p/svg-edit/issues/detail?id=135)
+    [Inline text editing](http://code.google.com/p/svg-edit/issues/detail?id=364)
+    [Line draw snapping with Shift key](http://code.google.com/p/svg-edit/issues/detail?id=520)
+
+Release Date
+
+    June 15th, 2010
+
+Demo
+
+    http://svg-edit.googlecode.com/svn/branches/2.5/editor/svg-editor.html
+
+Version 2.4 ([Arbelos](http://en.wikipedia.org/wiki/Arbelos))
+New Features
+
+    [Raster Images](http://code.google.com/p/svg-edit/issues/detail?id=57)
+    [Select Non-Adjacent Elements](http://code.google.com/p/svg-edit/issues/detail?id=119)
+    [Group/Ungroup](http://code.google.com/p/svg-edit/issues/detail?id=40)
+    [Zoom](http://code.google.com/p/svg-edit/issues/detail?id=38)
+    [Layers](http://code.google.com/p/svg-edit/issues/detail?id=73)
+    [Curve Segments in Paths](http://code.google.com/p/svg-edit/issues/detail?id=118)
+    [UI Localization](http://code.google.com/p/svg-edit/issues/detail?id=64)
+    [Wireframe Mode](http://code.google.com/p/svg-edit/issues/detail?id=106)
+    [Change Background](http://code.google.com/p/svg-edit/issues/detail?id=39)
+    [Convert Shapes to Path](http://code.google.com/p/svg-edit/issues/detail?id=68)
+
+Release Date
+
+    January 11th, 2010
+
+Demo
+
+    http://svg-edit.googlecode.com/svn/branches/2.4/editor/svg-editor.html
+
+Full Release Notes
+New SVG support
+
+    Raster Images
+        Raster images (PNGs, JPEGs, etc) can now be added and where possible can be entirely embedded in the SVG file.
+    Group elements
+        Elements can be added into a group, and each group can be transformed like any other element. Any groups can also be ungrouped.
+    Add/Remove path nodes
+        After a path has been created, nodes can now be added or removed.
+    Curved Paths
+        After a path has been created, the straight segments (lines between nodes) can be turned into curved segments. Curves can be finely tuned by adjusting their control points.
+    Floating point values for all attributes
+        Attribute values are no longer restricted to integers.
+    Text fields for all attributes
+        Attributes values are no longer limited to those given in dropdown lists, any (valid) value can now be entered.
+    Title element
+        Images and layer groups can now be given a title.
+
+New Interface features
+
+    Zoom
+        The canvas can now be zoomed in or out using a variety of methods:
+        Using the up/down buttons on the zoom spinner tool in the bottom-left corner
+        Using the dropdown button next to the zoom spinner tool (includes several "Fit to..." options)
+        Clicking on the magnifier icon to draw a zoom box, or just click/shift-click on an area to zoom in/out
+        Double-click tho magnifier icon to return to 100% zoom
+        Hold the shift key and use the scroll wheel on your mouse to zoom in/out on the area the cursor is on
+    Layers
+        Using the panel on the right (click or drag the "Layers" handle), additional layers can be created. Layers can be shown/hidden by clicking on the eye icon, and re-arranged by using the up and down buttons. To move one or more elements to another layer: select the elements, then choose the destination layer from the dropdown list under the layer list.
+    UI Localization
+        In addition to English, there are now several language options available for the SVG-Edit interface. When loaded for the first time, SVG-Edit will automatically switch to the language the browser has been set to. Else it will use the language specified in the Document Properties interface. Current supported languages are:
+        Czech
+        Dutch
+        Farsi
+        French
+        German
+        Romanian
+        Slovak
+        Spanish
+    Wireframe Mode
+        Clicking on the wireframe button (the outlined square and circle icon on the top panel) makes all shapes appear only as outlines, allowing shapes to be seen regardless of their position or opacity level.
+    Resizable UI (SVG icons)
+        A dropdown list for the "Icon size" has been added in the Document Properties. This allows toolbars to be set at a smaller or larger size than the default. By using SVG, the icons will appear as intended at any size.
+    Set background color and/or image (for tracing)
+        The default white background of the canvas can now be changed to a different color in the Document Properties. Additionally, a URL to an image can be given that can be used to trace over.
+    Convert Shapes to Paths
+        All shapes (except text and raster images) can now be converted to path elements by clicking on the "Convert to Path" icon in the context menu. This then allows the shapes to be modified by editing their nodes and segments.
+    X, Y coordinates for all elements
+        Elements that do not actually have base x and y values can now be positioned using them anyway, based on the top-left coordinates of their bounding box.
+    Draggable Dialog boxes
+        The color/gradient picker and other dialog boxes can now be dragged around.
+    Select Non-Adjacent Elements
+        Previously selecting multiple elements was only possible by dragging, you can now select/deselect elements by shift-clicking them while in "select" mode.
+    Fixed-ratio resize
+        While resizing elements, you can now hold the shift key to keep the width/height ratio the same.
+    Automatic Tool Switching
+        After drawing an element, you will remain in the same mode you were in. However, if you simply click on another element, you will automatically go into "Select" mode.
+
+Version 2.3
+New Features
+
+    [Align Objects](http://code.google.com/p/svg-edit/issues/detail?id=52)
+    [Rotate Objects](http://code.google.com/p/svg-edit/issues/detail?id=42)
+    [Clone Objects](http://code.google.com/p/svg-edit/issues/detail?id=51)
+    [Select Next/Prev Object](http://code.google.com/p/svg-edit/issues/detail?id=102)
+    [Edit SVG Source](http://code.google.com/p/svg-edit/issues/detail?id=59)
+    [Gradient picking](http://code.google.com/p/svg-edit/issues/detail?id=33)
+    [Polygon Mode](http://code.google.com/p/svg-edit/issues/detail?id=34) (Path Editing, Phase 1)
+    [(full list)](http://code.google.com/p/svg-edit/issues/list?can=1&q=label%3ANeededFor-2.3)
+
+Release Date
+
+    September 8th, 2009
+
+Demo
+
+    http://svg-edit.googlecode.com/svn/branches/2.3/editor/svg-editor.html
+
+Version 2.2
+New Features
+
+    [Multiselect Mode](http://code.google.com/p/svg-edit/issues/detail?id=31)
+    [Undo/Redo Actions](http://code.google.com/p/svg-edit/issues/detail?id=19)
+    [Resize Elements](http://code.google.com/p/svg-edit/issues/detail?id=27)
+    Contextual tools for rect, circle, ellipse, line, text elements
+    Some updated button images
+    Stretched the UI to fit the browser window
+    Resizing of the SVG canvas
+    Upgraded to jPicker 1.0.8
+    [(full list)](http://code.google.com/p/svg-edit/issues/list?can=1&q=label%3ANeededFor-2.2)
+
+Release Date
+
+    July 8th, 2009
+
+Demo
+
+    http://svg-edit.googlecode.com/svn/branches/2.2/editor/svg-editor.html
+
+Version 2.1
+New Features
+
+    tooltips added to all UI elements
+    edit of fill opacity, stroke opacity, group opacity
+    selection of elements
+    move/drag of elements
+    save SVG file to separate tab
+    create and edit text elements
+    contextual panel of tools
+    change rect radius, font-family, font-size
+    keystroke handling
+    [(full list)](http://code.google.com/p/svg-edit/issues/list?can=1&q=label%3ANeededFor-2.1)
+
+Release Date
+
+    June 17th, 2009
+
+Demo
+
+    http://svg-edit.googlecode.com/svn/branches/2.1/editor/svg-editor.html
+
+Version 2.0
+New Features
+
+    draw ellipse, square
+    change stroke-dasharray (line style)
+    rearranged whole code to OOP
+    GUI enhancement
+
+Release Date
+
+    [June 3rd, 2009](http://code.google.com/p/svg-edit/source/detail?r=24)
+
+Demo
+
+    http://svg-edit.googlecode.com/svn/branches/2.0/svg-editor.html
+
+Version 1.0
+New Features
+
+    draw path, line, freehand-circle, rect
+    clear drawn image
+    delete element
+    save image
+
+[Release Date](http://code.google.com/p/svg-edit/source/detail?r=9)
+
+    Feb 13, 2009
+
+Demo
+
+    http://svg-edit.googlecode.com/svn/branches/1.0/svg-editor.html
diff --git a/docs/from-old-wiki/VersionLifecycle.md b/docs/from-old-wiki/VersionLifecycle.md
new file mode 100644
index 00000000..f668fac1
--- /dev/null
+++ b/docs/from-old-wiki/VersionLifecycle.md
@@ -0,0 +1,3 @@
+Proposal
+
+The release is by default planned for 12 months after the previous release. However, we can release at any time earlier. For example: * When energy and features are there * Just before a major refactor in trunk
diff --git a/docs/from-old-wiki/Wikipedia.md b/docs/from-old-wiki/Wikipedia.md
new file mode 100644
index 00000000..37a4f650
--- /dev/null
+++ b/docs/from-old-wiki/Wikipedia.md
@@ -0,0 +1,23 @@
+What
+
+There are over 600k SVG images total on [Wikipedia Commons](https://commons.wikimedia.org/). Imagine if all this free content was editable via SVG-edit! (and eventually translatable as well)
+
+The 1st thing we need is RoundtripTests (worked on by Mike Baynton, based on initial ideas / work by Brion Vibber)
+Who
+
+    Brion Vibber
+    Mike Baynton
+    Marc Laporte
+    You? (join us!)
+
+Related links
+
+    http://lists.wikimedia.org/pipermail/wikitech-l/2012-November/064472.html
+    https://bugzilla.wikimedia.org/show_bug.cgi?id=38271
+    https://github.com/brion/svg-edit-test
+    http://leuksman.com/misc/svg-edit-test/ (round-trip tester pulling SVGs from Wikimedia Commons)
+    https://groups.google.com/forum/#!topic/svg-edit/SfTVM4OPXiA/discussion
+    https://www.mediawiki.org/wiki/Extension:SVGEdit
+    https://www.mediawiki.org/wiki/Extension:TranslateSvg
+    https://code.google.com/p/svg-edit/issues/detail?id=1006
+    Maybe https://github.com/svg/svgo can be useful?
diff --git a/docs/jsdoc-config.json b/docs/jsdoc-config.json
new file mode 100644
index 00000000..4b2bbd9a
--- /dev/null
+++ b/docs/jsdoc-config.json
@@ -0,0 +1,35 @@
+{
+  "plugins": ["plugins/markdown"],
+  "markdown": {
+    "tags": []
+  },
+  "recurseDepth": 10,
+  "source": {
+    "exclude": [
+      "node_modules",
+      "dist",
+      "firefox-extension",
+      "opera-widget",
+      "screencasts",
+      "test"
+    ],
+    "excludePattern": "svgedit-config-*|build-html.js|rollup*|external/babel-polyfill|extensions/mathjax|imagelib/jquery.min.js|jspdf/jspdf.min.js|jspdf/underscore-min.js|jquery-ui|jquery.min.js|jquerybbq|js-hotkeys"
+  },
+  "sourceType": "module",
+  "tags": {
+    "allowUnknownTags": false
+  },
+  "templates": {
+    "cleverLinks": true,
+    "monospaceLinks": false,
+    "default": {
+      "layoutFile": "docs/layout.tmpl"
+    }
+  },
+  "opts":{
+    "recurse": true,
+    "verbose": true,
+    "destination": "docs/jsdoc",
+    "tutorials": "docs/tutorials"
+  }
+}
diff --git a/docs/layout.tmpl b/docs/layout.tmpl
new file mode 100644
index 00000000..7d5c75a6
--- /dev/null
+++ b/docs/layout.tmpl
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>JSDoc: <?js= title ?></title>
+
+    <script src="scripts/prettify/prettify.js"> </script>
+    <script src="scripts/prettify/lang-css.js"> </script>
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
+    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
+    <!-- The one customization we are adding for SVGEdit;
+    `module-SVGEditor.Config.html` was otherwise overflowing -->
+    <style>
+    #main {
+      overflow: auto;
+    }
+    </style>
+</head>
+
+<body>
+
+<div id="main">
+
+    <h1 class="page-title"><?js= title ?></h1>
+
+    <?js= content ?>
+</div>
+
+<nav>
+    <?js= this.nav ?>
+</nav>
+
+<br class="clear">
+
+<footer>
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc <?js= env.version.number ?></a><?js if(env.conf.templates && env.conf.templates.default && env.conf.templates.default.includeDate !== false) { ?> on <?js= (new Date()) ?><?js } ?>
+</footer>
+
+<script> prettyPrint(); </script>
+<script src="scripts/linenumber.js"> </script>
+</body>
+</html>
diff --git a/docs/tutorials/CanvasAPI.md b/docs/tutorials/CanvasAPI.md
new file mode 100644
index 00000000..8d919a5c
--- /dev/null
+++ b/docs/tutorials/CanvasAPI.md
@@ -0,0 +1,20 @@
+# Canvas
+
+While the Canvas works with the [Editor]{@tutorial EditorAPI}, it can also
+work on its own.
+
+Its methods can be summarized here.
+
+See also the [JSDocs entry for Canvas]{@link module:svgcanvas}.
+
+## Exposed `svgCanvas` private methods and properties
+
+These are supplied in an object supplied as the first parameter to each
+extension function (see [ExtensionDocs]{@tutorial ExtensionDocs} for
+an example and information).
+
+See their [JSDocs API]{@link module:svgcanvas.PrivateMethods}.
+
+## Canvas events
+
+See [Events]{@tutorial Events} (under "Canvas events").
diff --git a/docs/tutorials/ConfigOptions.md b/docs/tutorials/ConfigOptions.md
new file mode 100644
index 00000000..d89a865a
--- /dev/null
+++ b/docs/tutorials/ConfigOptions.md
@@ -0,0 +1,170 @@
+# Introduction
+
+SVG-edit has several options that can be overridden either by adding URL
+parameters or by setting the options in JavaScript (since v2.5).
+
+Options may be divided into "config" (which is not meant to be customized
+via UI by the user) and "preferences" (which are meant to be customized
+by UI).
+
+See the API definition of
+[Config]{@link module:SVGEditor.Config}
+for the allowable values, defaults, and uses of config.
+
+See the API definition of [Preferences]{@link module:SVGEditor.Prefs}
+for their information.
+
+A few among these options related to paths are disallowed via URL though
+they can still be set by `svgEditor.setConfig()` (since v2.7).
+
+These are covered in the sections below.
+
+One may preload a file. See "Preloading a file" below.
+
+One may also configure stylesheets expected by the default HTML
+(`svgedit-custom.css` (v3.0+) or `custom.css` (v2.8))).
+
+One may also add stylesheets programmatically (since v3.0).
+See "Customizing stylesheets" below.
+
+## How to set the options
+
+### Setting options programmatically
+
+Options of either type can be set using `svgEditor.setConfig(options)`,
+where `options` is an object literal of keys and values. This must be
+run before the actual page or DOM is loaded, otherwise it will have no
+effect.
+
+Note that one may create a `svgedit-config-iife.js` file within the project
+root directory as of v3.0 (or for v2.8, within `editor/config.js`) and
+add such configuration directives to it without needing to modify the
+repository editor code
+
+```js
+svgEditor.setConfig({
+  dimensions: [320, 240],
+  canvas_expansion: 5,
+  initFill: {
+    color: '0000FF'
+  }
+});
+```
+
+This will set the default width/height of the image, the size of the outside
+canvas, and the default "fill" color.
+
+#### Overwrite configuration
+
+For programmatic config setting, one may optionally pass (another)
+object to `.setConfig()` as the second argument to further adjust
+configuration behavior.
+
+If an `overwrite` boolean is set to `false` on this additional object,
+it will, as occurs with all URL type configurations, prevent the current
+configuration from overwriting any explicitly set previous configurations.
+The default is `true` except for URLs which always are `false`.
+
+If an `allowInitialUserOverride` boolean is set to `true`, this will allow
+subsequent configuration overwriting via URL (e.g., if you want the
+user to have the option to override certain of your (`svgedit-config-iife.js`)
+`.setConfig()` directives via URL while still providing them with
+your own default value, you should add this property).
+
+### Setting options via URL
+
+The same options from the "Setting options programmatically" section can be
+set in the URL as follows:
+
+```
+.../svg-editor.html?dimensions=300,240&canvas_expansion=5&initFill[color]=0000FF
+```
+
+## Priority of programmatically-set config vs. URL config
+
+If options are set both using `.setConfig()` as well as in the URL, the
+`.setConfig()` value will be used (as of v2.7). (The reverse was true in
+  previous versions but was changed for security reasons.)
+
+See section "Overwrite configuration" above on changing this behavior.
+
+## Note to developers of SVGEdit on preferences vs. configuration
+
+Those items marked as preferences are intended to be configuration items
+which can also be set via the UI (and specifically via Editor Options
+except where mentioned). Config and preferences should therefore not
+share the same name.
+
+There are, however, some items set in the UI which are currently
+stored as config, whereas a few "preferences" are not meant to be set
+by the user. A future version may adjust these types.
+
+## Preloading a file
+
+It is possible to start the editor with preloaded SVG file, using either
+of the following approahces.
+
+### Preload a file (Programmatically)
+
+One should bear in mind that if one wishes to immediately set a
+particular string regardless of previous saves by the user, especially when
+from the config file (`svgedit-config-iife.js` in v3.0 or `editor/config.js`
+in v2.8) which runs early, one should first set the config option
+`noStorageOnLoad` to `true` or otherwise any
+previous local storage that is found will overwrite your own string.
+Bear in mind that if this option is set, the user will be prevented thereby
+from saving their own text locally.
+
+If you wish to store a one-time default and let the user subsequently save
+locally, you do not need to set `noStorageOnLoad` as storage will only be
+set if storage is found.
+
+```js
+// Serialized string:
+svgEditor.loadFromString('<svg xmlns="...">...</svg>');
+
+// Data URI:
+svgEditor.loadFromDataURI('data:image/svg+xml;base64,...');
+
+// Local URL:
+svgEditor.loadFromURL('images/logo.svg');
+```
+
+### Preload a file (by URL)
+
+As a URL parameter, one can pre-load an SVG file in the following manner:
+
+```js
+// Data URI
+'?source=' + encodeURIComponent('data:image/svg+xml;utf8,' + /*...*/);
+
+// Data URI (base 64):
+'?source=' + encodeURIComponent('data:image/svg+xml;base64,' + /* ... */); // data%3Aimage%2Fsvg%2Bxml%3Bbase64%2C ...
+
+// Local URL:
+'?url=' + encodeURIComponent('images/logo.svg'); // images%2Flogo.svg
+```
+
+**Note:** There is currently a bug that prevents data URIs ending with
+equals (=) characters from being parsed. Removing these characters seem
+to allow the import to work as expected.
+<!-- Todo: Is this still occurring? -->
+
+## Customizing stylesheets
+
+As of version 3.0, stylesheets can be indicated dynamically (and
+asynchronously loaded though applied serially) via
+`svgEditor.setConfig({stylesheets: [...]})`.
+
+To add your own stylesheets along with the default stylesheets, ensure
+`"@default"` is present in the array along with your own. For example:
+
+```js
+svgEditor.setConfig({stylesheets: ['@default', 'myStylesheet.css']});
+```
+
+(In version 2.8, the CSS file `editor/custom.css` was included by default,
+whether the file existed or not. With version 3.0, the move was made to
+be fully modular and let plugins add their default stylesheets to
+`$.loadingStylesheets` which SVGEdit would load dynamically, so that HTML
+would not need to indicate such style-information in a non-modular fashion.)
diff --git a/docs/tutorials/Editor.md b/docs/tutorials/Editor.md
new file mode 100644
index 00000000..79047f2a
--- /dev/null
+++ b/docs/tutorials/Editor.md
@@ -0,0 +1,21 @@
+# Editor
+
+This document is for detailing usage of the Editor by regular users (as
+opposed to the [API of the Editor for programmers]{@tutorial EditorAPI}).
+
+Until we may flesh this document out further, we may begin with tips on the
+features which are more non-obvious as to usage (including for novices to
+graphic design). Feel free to file an issue to request documentation on a
+particular feature.
+
+See also some possibly out-of-date documentation at
+[FrequentlyAskedQuestions]{@tutorial FrequentlyAskedQuestions}.
+
+## Paths
+
+When working with a path (as created by the Path tool left ("mode")
+toolbar item or "Convert to Path" in the "context" toolbar at the
+top), chosen by the "Select" left-toolbar item, clicking the item once
+will allow the normal resizing/rotation, and clicking the item again
+will allow for independent manipulation of the path and display a
+different context-dependent toolbar at the top of the screen.
diff --git a/docs/tutorials/EditorAPI.md b/docs/tutorials/EditorAPI.md
new file mode 100644
index 00000000..cffae77b
--- /dev/null
+++ b/docs/tutorials/EditorAPI.md
@@ -0,0 +1,11 @@
+# Editor API
+
+This is an entry point that summarizes the documentation on the Editor.
+
+For user-facing information about the Editor, see [Editor]{@tutorial Editor}.
+
+The main API entrance point is with the [Editor JSDocs]{@link module:Editor}.
+
+## Canvas-specific methods
+
+See [Canvas]{@tutorial Canvas}.
diff --git a/docs/tutorials/Events.md b/docs/tutorials/Events.md
new file mode 100644
index 00000000..590dc92e
--- /dev/null
+++ b/docs/tutorials/Events.md
@@ -0,0 +1,128 @@
+# Introduction
+
+## `save`, `open`, `exportImage` (`setCustomHandlers`)
+
+You can hook to the save event (e.g. in an extension), to handle saving
+the SVG file differently:
+
+### Example
+```js
+svgEditor.setCustomHandlers({
+ save (win, data) {
+  // Save svg
+ }
+});
+```
+
+Other methods corresponding to UI events that may be supplied are `open`
+and `exportImage`.
+
+See [`CustomHandler`]{@link module:SVGEditor.CustomHandler} for the required
+format of the object to be passed to
+[`setCustomHandlers`]{@link module:SVGEditor.setCustomHandlers}.
+
+## Parent/Opening window events
+
+### `svgEditorReady`
+
+The `svgEditorReady` event is triggered on a containing `document` (of
+`window.opener` or `window.parent`) when the editor is loaded.
+
+See [svgEditorReadyEvent]{@link module:SVGEditor#event:svgEditorReadyEvent}
+for the JSDocs.
+
+### Example
+
+```js
+$(document).bind('svgEditorReady', function () {
+  const svg = `
+    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+      "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+    <svg xmlns="http://www.w3.org/2000/svg" width="100" height="50">
+      <ellipse cx="50" cy="25" rx="50" ry="25" style="fill:blue;"/>
+    </svg>`;
+  $('iframe.svgedit')[0].contentWindow.svgCanvas.setSvgString(svg);
+});
+```
+
+If you are acting within the frame, you may use `svgEditor.ready`
+(see [Within-frame events](#Editor-within-frame-events-svgEditor) below).
+
+## Editor (within-frame) events (`svgEditor`)
+
+### `svgEditor.canvas`
+
+- Canvas object. See [Canvas events](#Canvas-events).
+
+### `svgEditor.canvas.bind(eventName, function () {})`
+
+- Method for listening to canvas events. See [Canvas events](#Canvas-events).
+
+### `svgEditor.ready(function () {})`
+
+Method for listening to editor callbacks. Used internally as well.
+
+No arguments passed to callback.
+
+See [`SVGEditor.ready`]{@link module:SVGEditor.ready}.
+
+## Extension events
+
+Most extensions will want to run functions when certain events are
+triggered. This is a list of the current events that can be hooked
+onto. All events are optional.
+
+See the `vars` param of
+[`runExtensions`]{@link module:svgcanvas.SvgCanvas#runExtensions}
+for some of the available extension events and their descriptions and types.
+
+See [`ExtensionStatus`]{@link module:svgcanvas.ExtensionStatus} for the
+values to be returned by the corresponding extension methods listening
+for these extension event types.
+
+## Canvas events
+
+Canvas events are listened to with the bind method
+([JSDocs API]{@link module:svgcanvas.SvgCanvas#bind}):
+
+```js
+canvas.bind(eventName, callback);
+```
+
+Canvas events are passed between the editor and canvas and should mostly
+only of be of interest to those working with the [Canvas]{@tutorial CanvasAPI}
+alone or those developing SVGEdit).
+
+`callback` (see [`EventHandler`]{@link module:svgcanvas.EventHandler}) will be passed the
+`window` object and a single argument specific to the event
+(see [`GenericCanvasEvent`]{@link module:svgcanvas.SvgCanvas#event:GenericCanvasEvent}).
+
+The `bind` method will return any previous callback attached to the given
+event name.
+
+The method used to trigger these bound events is `call()`
+([JSDocs]{@link module:svgcanvas.SvgCanvas#call}).
+
+All events below are currently called from within `svgcanvas.js` except where
+noted. All events are also defined internally within `svg-editor.js` except
+where noted.
+
+|Event|Where bound/defined (besides editor)|Where called/triggered (besides canvas)|
+|-----|------------------------------------|-----------------------------|
+|`changed` | | (Also called from `draw.js`, `ext-arrows.js`, `ext-foreignObject.js`, `ext-markers.js`, `ext-polygon.js`, `ext-star.js`, and `path.js`) |
+|`cleared` | Not bound/defined in SVGEdit. | |
+|`contextset` | | Only called from `draw.js`|
+|`exported` | | |
+|`exportedPDF` | | |
+|`extension_added` | | |
+|`extensions_added` | | Only called from `svg-editor.js` |
+|`message` | Only bound/defined in `ext-webappfind.js` | Only called from `svg-editor.js` |
+|`pointsAdded` | Not bound/defined in SVGEdit. | |
+|`saved` | | |
+|`selected` | | Also called from `path.js` |
+|`setnonce` | Only bound/defined in `ext-arrows.js` | |
+|`transition` | | |
+|`updateCanvas` | | |
+|`unsetnonce` | Only bound/defined in `ext-arrows.js` | |
+|`zoomed` | | |
+|`zoomDone` | | |
diff --git a/docs/tutorials/ExtensionDocs.md b/docs/tutorials/ExtensionDocs.md
new file mode 100644
index 00000000..9128b73d
--- /dev/null
+++ b/docs/tutorials/ExtensionDocs.md
@@ -0,0 +1,223 @@
+# Introduction
+
+SVG-Edit has support for extensions (as of v2.5). This is a guide for
+creating SVG-Edit extensions.
+
+## Means to have extensions loaded
+
+SVG-Edit extensions are standalone JavaScript files that can be either
+included in the HTML file, loaded using `setConfig`, or indicated through
+the URL (see [ConfigOptions]{@tutorial ConfigOptions} for usage).
+
+Note that, as of v3.0, if you create a `svgedit-config-iife.js` file in
+the project root directory (`config.js` in the `editor` directory for
+v2.8), this will be used to execute commands before extensions are loaded,
+e.g., if you wish to make configuration changes which affect extension
+loading behavior. Normally, however, it should be preferable for modularity
+to use the extension mechanism, as this can allow you or users to customize
+which extensions are loaded (whereas `svgedit-config-iife.js` will always
+run if present).
+
+## Basic format
+
+This is the general format for an extension:
+
+```js
+export default {
+  name: 'extensionname',
+  init (methods) {
+    return extensionData;
+  }
+};
+```
+
+Extensions must export an object. (For the API docs of this object, see
+[ExtensionObject]{@link module:SVGEditor.ExtensionObject}.)
+
+The first property on the object exported above, `name`, is the unique
+ID for this extension. It can actually be omitted, in which case the
+ID (not shown visually) will instead be determined from the file name
+(omitting the initial "ext-" and ending ".js"). These are not displayed
+visually, so the only purpose is to avoid name conflicts with other
+extensions.
+
+The other property above (`init`) is a function (see
+[`ExtensionInitCallback`]{@link module:svgcanvas.ExtensionInitCallback}
+for its API) that is supplied methods and variables from svgCanvas (see
+[`ExtensionArgumentObject`]{@link module:svgcanvas.ExtensionArgumentObject})
+and can return an object that includes properties and functions that may
+be required for further processing by
+the extension, depending on the type of methods desired by the extension
+being added. See [`ExtensionInitResponse`]{@link module:svgcanvas.ExtensionInitResponse}
+for API documentation on the response type(s) available for `init`.
+
+Its `this` value is bound to the editor, so
+[those methods]{@link module:SVGEditor} are also available.
+
+In order to await execution of set-up such as calls to `langReady` and
+`svgIcons`, the callback `callback` can be added to the object returned with
+the call to `init`. The callback is invoked upon addition of the extension,
+or, if svgicons are set, then after the icons are ready. See
+[`ExtensionInitResponse#callback`]{@link module:svgcanvas.ExtensionInitResponse#callback}
+in the API for more on this.
+
+## Example
+
+The basic Hello world extension (in `/editor/extensions/ext-helloworld.js`)
+can be seen as an example on how to create a basic extension. This extension
+adds a "mode" button to the bottom of the left panel that changes the mode,
+then shows a "Hello world" message whenever the canvas is clicked on. See
+[extension in action](https://svg-edit.github.io/svgedit/releases/latest/editor/svg-editor.html?extensions=ext-helloworld.js).
+
+The basic structure of this extension looks like this:
+
+```js
+export default {
+  name: 'helloworld',
+  init () {
+    return {
+        svgicons: 'extensions/helloworld-icon.xml',
+        buttons: [{...}],
+        mouseDown () {
+            ...
+        },
+        mouseUp (opts) {
+            ...
+        }
+    };
+  }
+};
+```
+
+Note how the returned properties may include information on the buttons,
+as well as the functions that should be run when certain events take place.
+
+The "Hello World" extension also demonstrates internationalization (see
+the next section).
+
+## Internationalization of extensions
+
+The locale files for extensions (which need translation as with the main
+locales) are hosted in `editor/extensions/ext-locale/<ext name>/`.
+
+Both `addLangData`
+([JSDocs]{@link module:svgcanvas.ExtensionInitResponse#addLangData})
+(invoked early)
+and `langReady`
+([JSDocs]{@link module:svgcanvas.ExtensionInitResponse#langReady})
+are passed objects with an `importLocale` function
+([JSDocs]{@link module:SVGEditor~ImportLocale}) that you can use to
+import your own extension locales hosted in the above-mentioned directory.
+
+The `importLocale` function will use the detected locale and detected
+extension name by default (no need for arguments), and returns a
+`Promise` that will resolve to the locale strings found within a
+file you place at:
+
+`${svgEditor.curConfig.extPath}ext-locale/<extNameWithoutExtPrefix>/<lang>.js`
+(`<lang>` is the detected `lang` returned on
+[`langReady`]{@link module:SVGEditor.ExtensionVars_langReady} and
+`<extNameWithoutExtPrefix>` is your extension name without the initial
+required "ext-" prefix and without the trailing ".js").
+
+The resolved `Promise` value is expected to adhere to
+[`LocaleStrings`]{@link module:locale.LocaleStrings} (as with SVGEdit's
+global locale files).
+
+You could also use your own means to store and retrieve locale data for
+your extension (and
+[`importSetGlobalDefault`]{@link module:importModule.importSetGlobalDefault}
+is available should this be of assistance) in which case the `global`
+property should follow the format
+`svgEditorExtensionLocale_<extNameWithoutExtPrefix>_<lang>` to avoid global
+naming conflicts in the non-modular version of SVGEdit.
+
+```js
+import {importSetGlobalDefault} from '../external/dynamic-import-polyfill/importModule.js';
+
+// ...
+
+(async () => {
+
+const url = `${svgEditor.curConfig.extPath}ext-locale/<extNameWithoutExtPrefix>/<lang>.js`;
+const localeStrings = await importSetGlobalDefault(url, {
+  global: 'svgEditorExtensionLocale_imagelib_' + lang
+});
+
+// Use `localeStrings`
+
+})();
+```
+
+In addition to your own extension's locale strings,
+[`langReady`]{@link module:svgcanvas.ExtensionInitResponse#langReady}
+also has access to the global internationalization strings through the
+`uiStrings` property on the object passed to it (see
+[event:ext-langReady]{@link module:svgcanvas.SvgCanvas#event:ext-langReady}).
+
+See also [LocaleDocs]{@tutorial LocaleDocs}, including for information on
+formatting of locale strings (the current lack of any standard beyond a
+convention of using brackets for variables).
+
+## Creating buttons
+
+Buttons can appear either in the "mode" panel (left panel) or the "context"
+panel (top panel, changes depending on selection). Their icons can
+either consist of SVG icons (recommended) or just raster images.
+
+Each button is an object (added to the
+array "buttons" on the object returned by the extension's `init` method).
+Its properties are outlined at
+[`SVGEditor.Button`]{@link module:SVGEditor.Button}.
+
+## Creating SVG icons
+
+The SVG-Edit project uses icons created using basic SVG (generally
+using SVG-Edit as design tool), and extensions are encouraged to do so
+too. This allows the interface toolbars to be resized and icons to be
+reused at various sizes. If your extension uses multiple icons, they can
+all be stored in the same file. To specify icon file used, set the path
+under the extension's returned `svgicons` property.
+
+An SVG icon file is an XML document that consists of a root SVG element
+with child group elements (`<g></g>`). Each of these has an ID that
+should match the ID specified in the associated button object.
+Its content should be the SVG source of the icon. See the "Hello World"
+icon as an example.
+
+For further information, see the SVG Icon Loader project.
+
+## Creating context tools
+
+Context tools appear in the top toolbar whenever a certain type of
+element is selected.
+
+These are added by the extension returning an object with the
+property "context_tools". See [this object's API]{@link module:SVGEditor.ContextTool}
+for details.
+
+## SVG-Edit extension events
+
+See [Events]{@tutorial Events} for the events that lead to the triggering
+of extension callbacks. (Mostly of relevance for developers of SVGEdit itself.)
+
+## Helpers
+
+A variety of properties and methods can be accessed within extensions.
+
+### `svgCanvas` properties and methods
+
+These are supplied in an object through the first parameter of the
+extension function (see "methods" variable in above example).
+
+See
+[`ExtensionArgumentObject`]{@link module:svgcanvas.ExtensionArgumentObject}.
+Note that this object also has these
+[surfaced private methods and properties from Canvas]{@link module:svgcanvas.PrivateMethods}.
+
+### `svgEditor` public properties and methods
+
+The `this` value of the `init`
+([JSDocs]{@link module:svgcanvas.ExtensionInitCallback}) method
+is the [Editor object]{@link module:SVGEditor}. Its methods may be invoked
+from on `this` within that method.
diff --git a/docs/tutorials/FrequentlyAskedQuestions.md b/docs/tutorials/FrequentlyAskedQuestions.md
new file mode 100644
index 00000000..768ed77a
--- /dev/null
+++ b/docs/tutorials/FrequentlyAskedQuestions.md
@@ -0,0 +1,89 @@
+**NOTE: The following may contain outdated content.**
+
+**Q: Why doesn't SVG-edit work in Internet Explorer 6-7-8?**
+
+A: SVG-edit only works in IE6-7-8 if you have installed the Google Chrome
+Frame plugin. Internet Explorer 8 and under do not natively support Scalable
+Vector Graphics (SVG), however IE9+ does, and thus is supported starting
+in SVG-edit 2.6
+
+In theory there are several other possibilities that could allow SVG-edit
+to work in IE:
+
+* someone gets it to work with the SVG Web shim
+* someone gets it to work with IE and the Adobe SVG Viewer
+* someone gets it to work with another SVG plugin
+
+**Q: How can I make SVG-edit save files on my server?**
+
+A: As of SVG-edit 2.5.1, an extension is available that overrides the
+default open/save behavior and instead uses PHP files to allow proper
+open/save dialog boxes. You can include the extension by adding
+`ext-server_opensave.js` to the `curConfig.extension` array in
+`svg-editor.js` or through other methods mentioned on our ConfigOptions page.
+
+For other server-saving behavior you'll want to modify
+`ext-server_opensave.js` or the `filesave.php` file, both available
+under `editor/extensions/`.
+
+**Q: How can I set the stroke to 'none'?**
+
+A: Shift-clicking palette squares sets the Stroke paint value. Thus,
+you can `shift-click` on the None box (red x on white background) to
+clear the Stroke paint.
+
+**Q: How can I help?**
+
+A: See How to participate
+
+**Q: How can I select an element when it's hidden or behind another one?**
+
+A: Select an object. `Shift+O` will select the previous object `Shift+P`
+will select the next object. Using the wireframe mode may also help in
+seeing hidden objects.
+
+**Q: How can I edit shapes that have been grouped?**
+
+A: Double-click the group and you will shift the editing context to the
+group. The rest of the image will not be editable while you are in the
+group context. Once you are done editing inside the group, press Escape.
+
+**Q: Can I trace over a raster (PNG, JPEG...) image?**
+
+A: Yes, there are two methods you can use as of SVG-edit 2.4.
+
+1. Go to the Document Properties, and enter the URL of the image under
+  "Editor Background". This image will then fill the background without
+  being saved as part of the image.
+1. Add a layer from the layer panel. Then draw a raster image (image icon)
+  and enter your URL. Use the layer above this one to trace over the image
+  without moving. Note that you can also hide/show layers to help your work.
+
+**Q: How do I use the Wave Gadget?**
+
+A: (Note that this information refers to the SVG-edit 2.3 Wave Gadget,
+  the Wave Gadget has not been worked on for years though) Go to this wave
+  wavesandbox.com!w+W7VzCLZk%A and there will be a button on the bottom
+  that says "Install" and when you are editing things, you will see a
+  SVG-edit icon in your toolbar that you can click to include the gadget
+  into any blip.
+
+**Q: How do I copy the style of an object to other(s)?**
+
+A:
+
+- Select the object you want to copy the style from. You'll see its Fill and
+  Stroke style attributes displayed in the bottom toolbar.
+- Holding Shift to keep the first object selected, select one or several
+  other objects.
+- Open the colorpicker by clicking on the color blocks in the bottom
+  toolbar. If you want to copy the fill, select the Fill block. If you
+  want to copy the stroke, select the Stroke block.
+- Hit "Ok" in the colorpicker
+
+The other objects will get the Fill or the Stroke of the first object.
+
+**Q: How can I serve SVG graphic editor from my own server?**
+
+A: You need to download the latest version to your server and unzip.
+The exact commands/instructions are here: <http://howik.com/Improve_your_user%27s_experience_by_adding_svg_graphic_editor_to_your_website_in_less_than_2_minutes>
diff --git a/docs/tutorials/LocaleDocs.md b/docs/tutorials/LocaleDocs.md
new file mode 100644
index 00000000..4e56c990
--- /dev/null
+++ b/docs/tutorials/LocaleDocs.md
@@ -0,0 +1,43 @@
+# Introduction
+
+As of v3.0, locale files are defined as an object exported as
+an ES6 Module default. See `editor/locale` for some example files.
+
+(In previous versions, the locale files were required to call
+`svgEditor.readLang`.)
+
+## Expected format
+
+You may also see the [LocaleStrings API]{@link module:locale.LocaleStrings}
+for the programmatic definition of the expected object (i.e., an object of
+strings and a potential recursion of other such subobjects or an array of
+strings and such objects). This is true for extenions as well.
+
+However, we are not currently processing any formatting of such strings
+(besides using the convention of using brackets to surround variables
+`{variableToSubstitute}`). In the absence of such, you may wish to use
+your own formatting such as with
+[Fluent.js](https://github.com/projectfluent/fluent.js).
+
+While it is possible we may move to accept JSON in future versions
+(to avoid maintainers needing to worry about JavaScript execution),
+the ES6 Modules export allows for cleaner objects; there is no need for
+quoted keys when alphanumeric keys are used, and there is the opportunity
+to use less-distracting single quotes if not
+[ES6 Template Literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)).
+
+## Special properties
+
+While not currently in use, the `dir` property should be used to indicate
+the default directionality of the language of the locale, while the `lang`
+should define its HTML `lang` value (which should probably always be the
+same as "<lang>" within the "lang.<lang>.js" file name).
+
+## Location of locale files (including for extensions)
+
+While `editor/locale` hosts the main locale files, internationalizable
+extensions define their own locale files (better supporting modularity). In
+our project, these can be found within `editor/extensions/ext-locale/<ext name>/`.
+
+See [ExtensionDocs]{@tutorial ExtensionDocs} if you are implementing an
+internationalized extension.
diff --git a/docs/tutorials/tutorials.json b/docs/tutorials/tutorials.json
new file mode 100644
index 00000000..16f1a40a
--- /dev/null
+++ b/docs/tutorials/tutorials.json
@@ -0,0 +1,17 @@
+{
+   "ExtensionDocs": {
+     "title": "Extension Docs"
+   },
+   "ConfigOptions": {
+     "title": "Config Options"
+   },
+   "Editor": {
+     "children": ["ConfigOptions", "ExtensionDocs", "LocaleDocs"]
+   },
+   "FrequentlyAskedQuestions": {
+     "title": "Frequently Asked Questions (FAQ)"
+   },
+   "LocaleDocs": {
+      "title": "Locale Docs"
+   }
+ }
diff --git a/editor/browser-not-supported.html b/editor/browser-not-supported.html
index 24995e52..6ec7af4e 100644
--- a/editor/browser-not-supported.html
+++ b/editor/browser-not-supported.html
@@ -1,31 +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" type="text/css"/>
-<script src="jquery.js"></script>
-<title>Browser does not support SVG | SVG-edit</title>
-</head>
-<body>
-
-<div id="browser-not-supported">
-<img style="float:left;padding:10px;" src="images/logo.png" width="48" height="48" alt="SVG-edit logo" /><br />
-<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="http://caniuse.com/#cats=SVG">caniuse.com</a>).</p>
-<p>Try the latest version of <a href="http://www.getfirefox.com">Firefox</a>, <a href="http://www.google.com/chrome/">Google Chrome</a>, <a href="http://www.apple.com/safari/download/">Safari</a>, <a href="http://www.opera.com/download/">Opera</a> or <a href="http://windows.microsoft.com/ie9">Internet Explorer</a>.</p>
-<p>If you are unable to install one of these and must use an old version of Internet Explorer, you can install the <a href="http://code.google.com/chrome/chromeframe/">Google Chrome Frame plugin</a>.</p>
-
-</div>
-
-<script>
-/*globals $*/
-var viewportHeight = window.innerHeight || ($(window).height() - 140);
-var iframe = document.createElement('iframe');
-iframe.style.width = '100%';
-iframe.style.height = viewportHeight + 'px';
-iframe.src = 'http://caniuse.com/#cats=SVG';
-document.body.appendChild(iframe);
-</script>
-</body>
+  <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>
diff --git a/editor/browser.js b/editor/browser.js
index dc2cafc4..0a5411f6 100644
--- a/editor/browser.js
+++ b/editor/browser.js
@@ -1,188 +1,275 @@
-/*globals $, svgedit*/
-/*jslint vars: true, eqeq: true*/
+/* globals jQuery */
 /**
- * Package: svgedit.browser
+ * Browser detection
+ * @module browser
+ * @license MIT
  *
- * Licensed under the MIT License
- *
- * Copyright(c) 2010 Jeff Schiller
- * Copyright(c) 2010 Alexis Deveria
+ * @copyright 2010 Jeff Schiller, 2010 Alexis Deveria
  */
 
 // Dependencies:
 // 1) jQuery (for $.alert())
 
-(function() {'use strict';
+import './svgpathseg.js';
+import {NS} from './namespaces.js';
 
-if (!svgedit.browser) {
-	svgedit.browser = {};
-}
+const $ = jQuery;
 
-// alias
-var NS = svgedit.NS;
-
-var supportsSvg_ = (function() {
-	return !!document.createElementNS && !!document.createElementNS(NS.SVG, 'svg').createSVGRect;
+const supportsSVG_ = (function () {
+return !!document.createElementNS && !!document.createElementNS(NS.SVG, 'svg').createSVGRect;
 }());
 
-svgedit.browser.supportsSvg = function() { return supportsSvg_; };
-if(!svgedit.browser.supportsSvg()) {
-	window.location = 'browser-not-supported.html';
-	return;
-}
+/**
+ * @function module:browser.supportsSvg
+ * @returns {boolean}
+*/
+export const supportsSvg = () => supportsSVG_;
 
-var userAgent = navigator.userAgent;
-var svg = document.createElementNS(NS.SVG, 'svg');
+const {userAgent} = navigator;
+const svg = document.createElementNS(NS.SVG, 'svg');
 
 // Note: Browser sniffing should only be used if no other detection method is possible
-var isOpera_ = !!window.opera;
-var isWebkit_ = userAgent.indexOf('AppleWebKit') >= 0;
-var isGecko_ = userAgent.indexOf('Gecko/') >= 0;
-var isIE_ = userAgent.indexOf('MSIE') >= 0;
-var isChrome_ = userAgent.indexOf('Chrome/') >= 0;
-var isWindows_ = userAgent.indexOf('Windows') >= 0;
-var isMac_ = userAgent.indexOf('Macintosh') >= 0;
-var isTouch_ = 'ontouchstart' in window;
+const isOpera_ = !!window.opera;
+const isWebkit_ = userAgent.includes('AppleWebKit');
+const isGecko_ = userAgent.includes('Gecko/');
+const isIE_ = userAgent.includes('MSIE');
+const isChrome_ = userAgent.includes('Chrome/');
+const isWindows_ = userAgent.includes('Windows');
+const isMac_ = userAgent.includes('Macintosh');
+const isTouch_ = 'ontouchstart' in window;
 
-var supportsSelectors_ = (function() {
-	return !!svg.querySelector;
+const supportsSelectors_ = (function () {
+return !!svg.querySelector;
 }());
 
-var supportsXpath_ = (function() {
-	return !!document.evaluate;
+const supportsXpath_ = (function () {
+return !!document.evaluate;
 }());
 
 // segList functions (for FF1.5 and 2.0)
-var supportsPathReplaceItem_ = (function() {
-	var path = document.createElementNS(NS.SVG, 'path');
-	path.setAttribute('d', 'M0,0 10,10');
-	var seglist = path.pathSegList;
-	var seg = path.createSVGPathSegLinetoAbs(5,5);
-	try {
-		seglist.replaceItem(seg, 1);
-		return true;
-	} catch(err) {}
-	return false;
+const supportsPathReplaceItem_ = (function () {
+const path = document.createElementNS(NS.SVG, 'path');
+path.setAttribute('d', 'M0,0 10,10');
+const seglist = path.pathSegList;
+const seg = path.createSVGPathSegLinetoAbs(5, 5);
+try {
+  seglist.replaceItem(seg, 1);
+  return true;
+} catch (err) {}
+return false;
 }());
 
-var supportsPathInsertItemBefore_ = (function() {
-	var path = document.createElementNS(NS.SVG, 'path');
-	path.setAttribute('d', 'M0,0 10,10');
-	var seglist = path.pathSegList;
-	var seg = path.createSVGPathSegLinetoAbs(5,5);
-	try {
-		seglist.insertItemBefore(seg, 1);
-		return true;
-	} catch(err) {}
-	return false;
+const supportsPathInsertItemBefore_ = (function () {
+const path = document.createElementNS(NS.SVG, 'path');
+path.setAttribute('d', 'M0,0 10,10');
+const seglist = path.pathSegList;
+const seg = path.createSVGPathSegLinetoAbs(5, 5);
+try {
+  seglist.insertItemBefore(seg, 1);
+  return true;
+} catch (err) {}
+return false;
 }());
 
 // text character positioning (for IE9)
-var supportsGoodTextCharPos_ = (function() {
-	var svgroot = document.createElementNS(NS.SVG, 'svg');
-	var svgcontent = document.createElementNS(NS.SVG, 'svg');
-	document.documentElement.appendChild(svgroot);
-	svgcontent.setAttribute('x', 5);
-	svgroot.appendChild(svgcontent);
-	var text = document.createElementNS(NS.SVG, 'text');
-	text.textContent = 'a';
-	svgcontent.appendChild(text);
-	var pos = text.getStartPositionOfChar(0).x;
-	document.documentElement.removeChild(svgroot);
-	return (pos === 0);
+const supportsGoodTextCharPos_ = (function () {
+const svgroot = document.createElementNS(NS.SVG, 'svg');
+const svgcontent = document.createElementNS(NS.SVG, 'svg');
+document.documentElement.append(svgroot);
+svgcontent.setAttribute('x', 5);
+svgroot.append(svgcontent);
+const text = document.createElementNS(NS.SVG, 'text');
+text.textContent = 'a';
+svgcontent.append(text);
+const pos = text.getStartPositionOfChar(0).x;
+svgroot.remove();
+return (pos === 0);
 }());
 
-var supportsPathBBox_ = (function() {
-	var svgcontent = document.createElementNS(NS.SVG, 'svg');
-	document.documentElement.appendChild(svgcontent);
-	var path = document.createElementNS(NS.SVG, 'path');
-	path.setAttribute('d', 'M0,0 C0,0 10,10 10,0');
-	svgcontent.appendChild(path);
-	var bbox = path.getBBox();
-	document.documentElement.removeChild(svgcontent);
-	return (bbox.height > 4 && bbox.height < 5);
+const supportsPathBBox_ = (function () {
+const svgcontent = document.createElementNS(NS.SVG, 'svg');
+document.documentElement.append(svgcontent);
+const path = document.createElementNS(NS.SVG, 'path');
+path.setAttribute('d', 'M0,0 C0,0 10,10 10,0');
+svgcontent.append(path);
+const bbox = path.getBBox();
+svgcontent.remove();
+return (bbox.height > 4 && bbox.height < 5);
 }());
 
 // Support for correct bbox sizing on groups with horizontal/vertical lines
-var supportsHVLineContainerBBox_ = (function() {
-	var svgcontent = document.createElementNS(NS.SVG, 'svg');
-	document.documentElement.appendChild(svgcontent);
-	var path = document.createElementNS(NS.SVG, 'path');
-	path.setAttribute('d', 'M0,0 10,0');
-	var path2 = document.createElementNS(NS.SVG, 'path');
-	path2.setAttribute('d', 'M5,0 15,0');
-	var g = document.createElementNS(NS.SVG, 'g');
-	g.appendChild(path);
-	g.appendChild(path2);
-	svgcontent.appendChild(g);
-	var bbox = g.getBBox();
-	document.documentElement.removeChild(svgcontent);
-	// Webkit gives 0, FF gives 10, Opera (correctly) gives 15
-	return (bbox.width == 15);
+const supportsHVLineContainerBBox_ = (function () {
+const svgcontent = document.createElementNS(NS.SVG, 'svg');
+document.documentElement.append(svgcontent);
+const path = document.createElementNS(NS.SVG, 'path');
+path.setAttribute('d', 'M0,0 10,0');
+const path2 = document.createElementNS(NS.SVG, 'path');
+path2.setAttribute('d', 'M5,0 15,0');
+const g = document.createElementNS(NS.SVG, 'g');
+g.append(path, path2);
+svgcontent.append(g);
+const bbox = g.getBBox();
+svgcontent.remove();
+// Webkit gives 0, FF gives 10, Opera (correctly) gives 15
+return (bbox.width === 15);
 }());
 
-var supportsEditableText_ = (function() {
-	// TODO: Find better way to check support for this
-	return isOpera_;
+const supportsEditableText_ = (function () {
+// TODO: Find better way to check support for this
+return isOpera_;
 }());
 
-var supportsGoodDecimals_ = (function() {
-	// Correct decimals on clone attributes (Opera < 10.5/win/non-en)
-	var rect = document.createElementNS(NS.SVG, 'rect');
-	rect.setAttribute('x', 0.1);
-	var crect = rect.cloneNode(false);
-	var retValue = (crect.getAttribute('x').indexOf(',') == -1);
-	if(!retValue) {
-		$.alert('NOTE: This version of Opera is known to contain bugs in SVG-edit.\n'+
-		'Please upgrade to the <a href="http://opera.com">latest version</a> in which the problems have been fixed.');
-	}
-	return retValue;
+const supportsGoodDecimals_ = (function () {
+// Correct decimals on clone attributes (Opera < 10.5/win/non-en)
+const rect = document.createElementNS(NS.SVG, 'rect');
+rect.setAttribute('x', 0.1);
+const crect = rect.cloneNode(false);
+const retValue = (!crect.getAttribute('x').includes(','));
+if (!retValue) {
+  // Todo: i18nize or remove
+  $.alert('NOTE: This version of Opera is known to contain bugs in SVG-edit.\n' +
+	'Please upgrade to the <a href="http://opera.com">latest version</a> in which the problems have been fixed.');
+}
+return retValue;
 }());
 
-var supportsNonScalingStroke_ = (function() {
-	var rect = document.createElementNS(NS.SVG, 'rect');
-	rect.setAttribute('style', 'vector-effect:non-scaling-stroke');
-	return rect.style.vectorEffect === 'non-scaling-stroke';
+const supportsNonScalingStroke_ = (function () {
+const rect = document.createElementNS(NS.SVG, 'rect');
+rect.setAttribute('style', 'vector-effect:non-scaling-stroke');
+return rect.style.vectorEffect === 'non-scaling-stroke';
 }());
 
-var supportsNativeSVGTransformLists_ = (function() {
-	var rect = document.createElementNS(NS.SVG, 'rect');
-	var rxform = rect.transform.baseVal;
-	var t1 = svg.createSVGTransform();
-	rxform.appendItem(t1);
-	var r1 = rxform.getItem(0);
-	return r1 instanceof SVGTransform && t1 instanceof SVGTransform &&
-		r1.type == t1.type && r1.angle == t1.angle &&
-		r1.matrix.a == t1.matrix.a &&
-		r1.matrix.b == t1.matrix.b &&
-		r1.matrix.c == t1.matrix.c &&
-		r1.matrix.d == t1.matrix.d &&
-		r1.matrix.e == t1.matrix.e &&
-		r1.matrix.f == t1.matrix.f;
+let supportsNativeSVGTransformLists_ = (function () {
+const rect = document.createElementNS(NS.SVG, 'rect');
+const rxform = rect.transform.baseVal;
+const t1 = svg.createSVGTransform();
+rxform.appendItem(t1);
+const r1 = rxform.getItem(0);
+// Todo: Do frame-independent instance checking
+return r1 instanceof SVGTransform && t1 instanceof SVGTransform &&
+	r1.type === t1.type && r1.angle === t1.angle &&
+	r1.matrix.a === t1.matrix.a &&
+	r1.matrix.b === t1.matrix.b &&
+	r1.matrix.c === t1.matrix.c &&
+	r1.matrix.d === t1.matrix.d &&
+	r1.matrix.e === t1.matrix.e &&
+	r1.matrix.f === t1.matrix.f;
 }());
 
 // Public API
 
-svgedit.browser.isOpera = function() { return isOpera_; };
-svgedit.browser.isWebkit = function() { return isWebkit_; };
-svgedit.browser.isGecko = function() { return isGecko_; };
-svgedit.browser.isIE = function() { return isIE_; };
-svgedit.browser.isChrome = function() { return isChrome_; };
-svgedit.browser.isWindows = function() { return isWindows_; };
-svgedit.browser.isMac = function() { return isMac_; };
-svgedit.browser.isTouch = function() { return isTouch_; };
+/**
+ * @function module:browser.isOpera
+ * @returns {boolean}
+*/
+export const isOpera = () => isOpera_;
+/**
+ * @function module:browser.isWebkit
+ * @returns {boolean}
+*/
+export const isWebkit = () => isWebkit_;
+/**
+ * @function module:browser.isGecko
+ * @returns {boolean}
+*/
+export const isGecko = () => isGecko_;
+/**
+ * @function module:browser.isIE
+ * @returns {boolean}
+*/
+export const isIE = () => isIE_;
+/**
+ * @function module:browser.isChrome
+ * @returns {boolean}
+*/
+export const isChrome = () => isChrome_;
+/**
+ * @function module:browser.isWindows
+ * @returns {boolean}
+*/
+export const isWindows = () => isWindows_;
+/**
+ * @function module:browser.isMac
+ * @returns {boolean}
+*/
+export const isMac = () => isMac_;
+/**
+ * @function module:browser.isTouch
+ * @returns {boolean}
+*/
+export const isTouch = () => isTouch_;
 
-svgedit.browser.supportsSelectors = function() { return supportsSelectors_; };
-svgedit.browser.supportsXpath = function() { return supportsXpath_; };
+/**
+ * @function module:browser.supportsSelectors
+ * @returns {boolean}
+*/
+export const supportsSelectors = () => supportsSelectors_;
 
-svgedit.browser.supportsPathReplaceItem = function() { return supportsPathReplaceItem_; };
-svgedit.browser.supportsPathInsertItemBefore = function() { return supportsPathInsertItemBefore_; };
-svgedit.browser.supportsPathBBox = function() { return supportsPathBBox_; };
-svgedit.browser.supportsHVLineContainerBBox = function() { return supportsHVLineContainerBBox_; };
-svgedit.browser.supportsGoodTextCharPos = function() { return supportsGoodTextCharPos_; };
-svgedit.browser.supportsEditableText = function() { return supportsEditableText_; };
-svgedit.browser.supportsGoodDecimals = function() { return supportsGoodDecimals_; };
-svgedit.browser.supportsNonScalingStroke = function() { return supportsNonScalingStroke_; };
-svgedit.browser.supportsNativeTransformLists = function() { return supportsNativeSVGTransformLists_; };
+/**
+ * @function module:browser.supportsXpath
+ * @returns {boolean}
+*/
+export const supportsXpath = () => supportsXpath_;
 
-}());
+/**
+ * @function module:browser.supportsPathReplaceItem
+ * @returns {boolean}
+*/
+export const supportsPathReplaceItem = () => supportsPathReplaceItem_;
+
+/**
+ * @function module:browser.supportsPathInsertItemBefore
+ * @returns {boolean}
+*/
+export const supportsPathInsertItemBefore = () => supportsPathInsertItemBefore_;
+
+/**
+ * @function module:browser.supportsPathBBox
+ * @returns {boolean}
+*/
+export const supportsPathBBox = () => supportsPathBBox_;
+
+/**
+ * @function module:browser.supportsHVLineContainerBBox
+ * @returns {boolean}
+*/
+export const supportsHVLineContainerBBox = () => supportsHVLineContainerBBox_;
+
+/**
+ * @function module:browser.supportsGoodTextCharPos
+ * @returns {boolean}
+*/
+export const supportsGoodTextCharPos = () => supportsGoodTextCharPos_;
+
+/**
+* @function module:browser.supportsEditableText
+ * @returns {boolean}
+*/
+export const supportsEditableText = () => supportsEditableText_;
+
+/**
+ * @function module:browser.supportsGoodDecimals
+ * @returns {boolean}
+*/
+export const supportsGoodDecimals = () => supportsGoodDecimals_;
+
+/**
+* @function module:browser.supportsNonScalingStroke
+* @returns {boolean}
+*/
+export const supportsNonScalingStroke = () => supportsNonScalingStroke_;
+
+/**
+* @function module:browser.supportsNativeTransformLists
+* @returns {boolean}
+*/
+export const supportsNativeTransformLists = () => supportsNativeSVGTransformLists_;
+
+/**
+ * Set `supportsNativeSVGTransformLists_` to `false` (for unit testing)
+ * @function module:browser.disableSupportsNativeTransformLists
+ * @returns {undefined}
+*/
+export const disableSupportsNativeTransformLists = () => {
+  supportsNativeSVGTransformLists_ = false;
+};
diff --git a/editor/canvg/StackBlur.js b/editor/canvg/StackBlur.js
new file mode 100644
index 00000000..4e3c59b2
--- /dev/null
+++ b/editor/canvg/StackBlur.js
@@ -0,0 +1,656 @@
+/**
+* StackBlur - a fast almost Gaussian Blur For Canvas
+
+In case you find this class useful - especially in commercial projects -
+I am not totally unhappy for a small donation to my PayPal account
+mario@quasimondo.de
+
+Or support me on flattr:
+https://flattr.com/thing/72791/StackBlur-a-fast-almost-Gaussian-Blur-Effect-for-CanvasJavascript
+
+* @module StackBlur
+* @version 0.5
+* @author Mario Klingemann
+Contact: mario@quasimondo.com
+Website: http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html
+Twitter: @quasimondo
+
+* @copyright (c) 2010 Mario Klingemann
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+*/
+
+const mulTable = [
+  512, 512, 456, 512, 328, 456, 335, 512, 405, 328, 271, 456, 388, 335, 292, 512,
+  454, 405, 364, 328, 298, 271, 496, 456, 420, 388, 360, 335, 312, 292, 273, 512,
+  482, 454, 428, 405, 383, 364, 345, 328, 312, 298, 284, 271, 259, 496, 475, 456,
+  437, 420, 404, 388, 374, 360, 347, 335, 323, 312, 302, 292, 282, 273, 265, 512,
+  497, 482, 468, 454, 441, 428, 417, 405, 394, 383, 373, 364, 354, 345, 337, 328,
+  320, 312, 305, 298, 291, 284, 278, 271, 265, 259, 507, 496, 485, 475, 465, 456,
+  446, 437, 428, 420, 412, 404, 396, 388, 381, 374, 367, 360, 354, 347, 341, 335,
+  329, 323, 318, 312, 307, 302, 297, 292, 287, 282, 278, 273, 269, 265, 261, 512,
+  505, 497, 489, 482, 475, 468, 461, 454, 447, 441, 435, 428, 422, 417, 411, 405,
+  399, 394, 389, 383, 378, 373, 368, 364, 359, 354, 350, 345, 341, 337, 332, 328,
+  324, 320, 316, 312, 309, 305, 301, 298, 294, 291, 287, 284, 281, 278, 274, 271,
+  268, 265, 262, 259, 257, 507, 501, 496, 491, 485, 480, 475, 470, 465, 460, 456,
+  451, 446, 442, 437, 433, 428, 424, 420, 416, 412, 408, 404, 400, 396, 392, 388,
+  385, 381, 377, 374, 370, 367, 363, 360, 357, 354, 350, 347, 344, 341, 338, 335,
+  332, 329, 326, 323, 320, 318, 315, 312, 310, 307, 304, 302, 299, 297, 294, 292,
+  289, 287, 285, 282, 280, 278, 275, 273, 271, 269, 267, 265, 263, 261, 259];
+
+const shgTable = [
+  9, 11, 12, 13, 13, 14, 14, 15, 15, 15, 15, 16, 16, 16, 16, 17,
+  17, 17, 17, 17, 17, 17, 18, 18, 18, 18, 18, 18, 18, 18, 18, 19,
+  19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 20, 20, 20,
+  20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 21,
+  21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21,
+  21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 22, 22, 22, 22, 22, 22,
+  22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22,
+  22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 23,
+  23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23,
+  23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23,
+  23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23,
+  23, 23, 23, 23, 23, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24,
+  24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24,
+  24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24,
+  24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24,
+  24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24];
+
+/**
+ * @param {string|HTMLImageElement} img
+ * @param {string|HTMLCanvasElement} canvas
+ * @param {Float} radius
+ * @param {boolean} blurAlphaChannel
+ * @returns {undefined}
+ */
+function processImage (img, canvas, radius, blurAlphaChannel) {
+  if (typeof img === 'string') {
+    img = document.getElementById(img);
+  }
+  if (!img || !('naturalWidth' in img)) {
+    return;
+  }
+  const w = img.naturalWidth;
+  const h = img.naturalHeight;
+
+  if (typeof canvas === 'string') {
+    canvas = document.getElementById(canvas);
+  }
+  if (!canvas || !('getContext' in canvas)) {
+    return;
+  }
+
+  canvas.style.width = w + 'px';
+  canvas.style.height = h + 'px';
+  canvas.width = w;
+  canvas.height = h;
+
+  const context = canvas.getContext('2d');
+  context.clearRect(0, 0, w, h);
+  context.drawImage(img, 0, 0);
+
+  if (isNaN(radius) || radius < 1) { return; }
+
+  if (blurAlphaChannel) {
+    processCanvasRGBA(canvas, 0, 0, w, h, radius);
+  } else {
+    processCanvasRGB(canvas, 0, 0, w, h, radius);
+  }
+}
+
+/**
+ * @param {string|HTMLCanvasElement} canvas
+ * @param {Integer} topX
+ * @param {Integer} topY
+ * @param {Integer} width
+ * @param {Integer} height
+ * @throws {Error}
+ * @returns {ImageData} See {@link https://html.spec.whatwg.org/multipage/canvas.html#imagedata}
+ */
+function getImageDataFromCanvas (canvas, topX, topY, width, height) {
+  if (typeof canvas === 'string') {
+    canvas = document.getElementById(canvas);
+  }
+  if (!canvas || !('getContext' in canvas)) {
+    return;
+  }
+
+  const context = canvas.getContext('2d');
+
+  try {
+    return context.getImageData(topX, topY, width, height);
+  } catch (e) {
+    throw new Error('unable to access image data: ' + e);
+  }
+}
+
+/**
+ * @param {HTMLCanvasElement} canvas
+ * @param {Integer} topX
+ * @param {Integer} topY
+ * @param {Integer} width
+ * @param {Integer} height
+ * @param {Float} radius
+ * @returns {undefined}
+ */
+function processCanvasRGBA (canvas, topX, topY, width, height, radius) {
+  if (isNaN(radius) || radius < 1) { return; }
+  radius |= 0;
+
+  let imageData = getImageDataFromCanvas(canvas, topX, topY, width, height);
+
+  imageData = processImageDataRGBA(imageData, topX, topY, width, height, radius);
+
+  canvas.getContext('2d').putImageData(imageData, topX, topY);
+}
+
+/**
+ * @param {ImageData} imageData
+ * @param {Integer} topX
+ * @param {Integer} topY
+ * @param {Integer} width
+ * @param {Integer} height
+ * @param {Float} radius
+ * @returns {ImageData}
+ */
+function processImageDataRGBA (imageData, topX, topY, width, height, radius) {
+  const pixels = imageData.data;
+
+  let x, y, i, p, yp, yi, yw, rSum, gSum, bSum, aSum,
+    rOutSum, gOutSum, bOutSum, aOutSum,
+    rInSum, gInSum, bInSum, aInSum,
+    pr, pg, pb, pa, rbs;
+
+  const div = radius + radius + 1;
+  // const w4 = width << 2;
+  const widthMinus1 = width - 1;
+  const heightMinus1 = height - 1;
+  const radiusPlus1 = radius + 1;
+  const sumFactor = radiusPlus1 * (radiusPlus1 + 1) / 2;
+
+  const stackStart = new BlurStack();
+  let stack = stackStart;
+  let stackEnd;
+  for (i = 1; i < div; i++) {
+    stack = stack.next = new BlurStack();
+    if (i === radiusPlus1) {
+      stackEnd = stack;
+    }
+  }
+  stack.next = stackStart;
+  let stackIn = null;
+  let stackOut = null;
+
+  yw = yi = 0;
+
+  const mulSum = mulTable[radius];
+  const shgSum = shgTable[radius];
+
+  for (y = 0; y < height; y++) {
+    rInSum = gInSum = bInSum = aInSum = rSum = gSum = bSum = aSum = 0;
+
+    rOutSum = radiusPlus1 * (pr = pixels[yi]);
+    gOutSum = radiusPlus1 * (pg = pixels[yi + 1]);
+    bOutSum = radiusPlus1 * (pb = pixels[yi + 2]);
+    aOutSum = radiusPlus1 * (pa = pixels[yi + 3]);
+
+    rSum += sumFactor * pr;
+    gSum += sumFactor * pg;
+    bSum += sumFactor * pb;
+    aSum += sumFactor * pa;
+
+    stack = stackStart;
+
+    for (i = 0; i < radiusPlus1; i++) {
+      stack.r = pr;
+      stack.g = pg;
+      stack.b = pb;
+      stack.a = pa;
+      stack = stack.next;
+    }
+
+    for (i = 1; i < radiusPlus1; i++) {
+      p = yi + ((widthMinus1 < i ? widthMinus1 : i) << 2);
+      rSum += (stack.r = (pr = pixels[p])) * (rbs = radiusPlus1 - i);
+      gSum += (stack.g = (pg = pixels[p + 1])) * rbs;
+      bSum += (stack.b = (pb = pixels[p + 2])) * rbs;
+      aSum += (stack.a = (pa = pixels[p + 3])) * rbs;
+
+      rInSum += pr;
+      gInSum += pg;
+      bInSum += pb;
+      aInSum += pa;
+
+      stack = stack.next;
+    }
+
+    stackIn = stackStart;
+    stackOut = stackEnd;
+    for (x = 0; x < width; x++) {
+      pixels[yi + 3] = pa = (aSum * mulSum) >> shgSum;
+      if (pa !== 0) {
+        pa = 255 / pa;
+        pixels[yi] = ((rSum * mulSum) >> shgSum) * pa;
+        pixels[yi + 1] = ((gSum * mulSum) >> shgSum) * pa;
+        pixels[yi + 2] = ((bSum * mulSum) >> shgSum) * pa;
+      } else {
+        pixels[yi] = pixels[yi + 1] = pixels[yi + 2] = 0;
+      }
+
+      rSum -= rOutSum;
+      gSum -= gOutSum;
+      bSum -= bOutSum;
+      aSum -= aOutSum;
+
+      rOutSum -= stackIn.r;
+      gOutSum -= stackIn.g;
+      bOutSum -= stackIn.b;
+      aOutSum -= stackIn.a;
+
+      p = (yw + ((p = x + radius + 1) < widthMinus1 ? p : widthMinus1)) << 2;
+
+      rInSum += (stackIn.r = pixels[p]);
+      gInSum += (stackIn.g = pixels[p + 1]);
+      bInSum += (stackIn.b = pixels[p + 2]);
+      aInSum += (stackIn.a = pixels[p + 3]);
+
+      rSum += rInSum;
+      gSum += gInSum;
+      bSum += bInSum;
+      aSum += aInSum;
+
+      stackIn = stackIn.next;
+
+      rOutSum += (pr = stackOut.r);
+      gOutSum += (pg = stackOut.g);
+      bOutSum += (pb = stackOut.b);
+      aOutSum += (pa = stackOut.a);
+
+      rInSum -= pr;
+      gInSum -= pg;
+      bInSum -= pb;
+      aInSum -= pa;
+
+      stackOut = stackOut.next;
+
+      yi += 4;
+    }
+    yw += width;
+  }
+
+  for (x = 0; x < width; x++) {
+    gInSum = bInSum = aInSum = rInSum = gSum = bSum = aSum = rSum = 0;
+
+    yi = x << 2;
+    rOutSum = radiusPlus1 * (pr = pixels[yi]);
+    gOutSum = radiusPlus1 * (pg = pixels[yi + 1]);
+    bOutSum = radiusPlus1 * (pb = pixels[yi + 2]);
+    aOutSum = radiusPlus1 * (pa = pixels[yi + 3]);
+
+    rSum += sumFactor * pr;
+    gSum += sumFactor * pg;
+    bSum += sumFactor * pb;
+    aSum += sumFactor * pa;
+
+    stack = stackStart;
+
+    for (i = 0; i < radiusPlus1; i++) {
+      stack.r = pr;
+      stack.g = pg;
+      stack.b = pb;
+      stack.a = pa;
+      stack = stack.next;
+    }
+
+    yp = width;
+
+    for (i = 1; i <= radius; i++) {
+      yi = (yp + x) << 2;
+
+      rSum += (stack.r = (pr = pixels[yi])) * (rbs = radiusPlus1 - i);
+      gSum += (stack.g = (pg = pixels[yi + 1])) * rbs;
+      bSum += (stack.b = (pb = pixels[yi + 2])) * rbs;
+      aSum += (stack.a = (pa = pixels[yi + 3])) * rbs;
+
+      rInSum += pr;
+      gInSum += pg;
+      bInSum += pb;
+      aInSum += pa;
+
+      stack = stack.next;
+
+      if (i < heightMinus1) {
+        yp += width;
+      }
+    }
+
+    yi = x;
+    stackIn = stackStart;
+    stackOut = stackEnd;
+    for (y = 0; y < height; y++) {
+      p = yi << 2;
+      pixels[p + 3] = pa = (aSum * mulSum) >> shgSum;
+      if (pa > 0) {
+        pa = 255 / pa;
+        pixels[p] = ((rSum * mulSum) >> shgSum) * pa;
+        pixels[p + 1] = ((gSum * mulSum) >> shgSum) * pa;
+        pixels[p + 2] = ((bSum * mulSum) >> shgSum) * pa;
+      } else {
+        pixels[p] = pixels[p + 1] = pixels[p + 2] = 0;
+      }
+
+      rSum -= rOutSum;
+      gSum -= gOutSum;
+      bSum -= bOutSum;
+      aSum -= aOutSum;
+
+      rOutSum -= stackIn.r;
+      gOutSum -= stackIn.g;
+      bOutSum -= stackIn.b;
+      aOutSum -= stackIn.a;
+
+      p = (x + (((p = y + radiusPlus1) < heightMinus1 ? p : heightMinus1) * width)) << 2;
+
+      rSum += (rInSum += (stackIn.r = pixels[p]));
+      gSum += (gInSum += (stackIn.g = pixels[p + 1]));
+      bSum += (bInSum += (stackIn.b = pixels[p + 2]));
+      aSum += (aInSum += (stackIn.a = pixels[p + 3]));
+
+      stackIn = stackIn.next;
+
+      rOutSum += (pr = stackOut.r);
+      gOutSum += (pg = stackOut.g);
+      bOutSum += (pb = stackOut.b);
+      aOutSum += (pa = stackOut.a);
+
+      rInSum -= pr;
+      gInSum -= pg;
+      bInSum -= pb;
+      aInSum -= pa;
+
+      stackOut = stackOut.next;
+
+      yi += width;
+    }
+  }
+  return imageData;
+}
+
+/**
+ * @param {HTMLCanvasElement} canvas
+ * @param {Integer} topX
+ * @param {Integer} topY
+ * @param {Integer} width
+ * @param {Integer} height
+ * @param {Float} radius
+ * @returns {undefined}
+ */
+function processCanvasRGB (canvas, topX, topY, width, height, radius) {
+  if (isNaN(radius) || radius < 1) { return; }
+  radius |= 0;
+
+  let imageData = getImageDataFromCanvas(canvas, topX, topY, width, height);
+  imageData = processImageDataRGB(imageData, topX, topY, width, height, radius);
+
+  canvas.getContext('2d').putImageData(imageData, topX, topY);
+}
+
+/**
+ * @param {ImageData} imageData
+ * @param {Integer} topX
+ * @param {Integer} topY
+ * @param {Integer} width
+ * @param {Integer} height
+ * @param {Float} radius
+ * @returns {ImageData}
+ */
+function processImageDataRGB (imageData, topX, topY, width, height, radius) {
+  const pixels = imageData.data;
+
+  let x, y, i, p, yp, yi, yw, rSum, gSum, bSum,
+    rOutSum, gOutSum, bOutSum,
+    rInSum, gInSum, bInSum,
+    pr, pg, pb, rbs;
+
+  const div = radius + radius + 1;
+  // const w4 = width << 2;
+  const widthMinus1 = width - 1;
+  const heightMinus1 = height - 1;
+  const radiusPlus1 = radius + 1;
+  const sumFactor = radiusPlus1 * (radiusPlus1 + 1) / 2;
+
+  const stackStart = new BlurStack();
+  let stack = stackStart;
+  let stackEnd;
+  for (i = 1; i < div; i++) {
+    stack = stack.next = new BlurStack();
+    if (i === radiusPlus1) {
+      stackEnd = stack;
+    }
+  }
+  stack.next = stackStart;
+  let stackIn = null;
+  let stackOut = null;
+
+  yw = yi = 0;
+
+  const mulSum = mulTable[radius];
+  const shgSum = shgTable[radius];
+
+  for (y = 0; y < height; y++) {
+    rInSum = gInSum = bInSum = rSum = gSum = bSum = 0;
+
+    rOutSum = radiusPlus1 * (pr = pixels[yi]);
+    gOutSum = radiusPlus1 * (pg = pixels[yi + 1]);
+    bOutSum = radiusPlus1 * (pb = pixels[yi + 2]);
+
+    rSum += sumFactor * pr;
+    gSum += sumFactor * pg;
+    bSum += sumFactor * pb;
+
+    stack = stackStart;
+
+    for (i = 0; i < radiusPlus1; i++) {
+      stack.r = pr;
+      stack.g = pg;
+      stack.b = pb;
+      stack = stack.next;
+    }
+
+    for (i = 1; i < radiusPlus1; i++) {
+      p = yi + ((widthMinus1 < i ? widthMinus1 : i) << 2);
+      rSum += (stack.r = (pr = pixels[p])) * (rbs = radiusPlus1 - i);
+      gSum += (stack.g = (pg = pixels[p + 1])) * rbs;
+      bSum += (stack.b = (pb = pixels[p + 2])) * rbs;
+
+      rInSum += pr;
+      gInSum += pg;
+      bInSum += pb;
+
+      stack = stack.next;
+    }
+
+    stackIn = stackStart;
+    stackOut = stackEnd;
+    for (x = 0; x < width; x++) {
+      pixels[yi] = (rSum * mulSum) >> shgSum;
+      pixels[yi + 1] = (gSum * mulSum) >> shgSum;
+      pixels[yi + 2] = (bSum * mulSum) >> shgSum;
+
+      rSum -= rOutSum;
+      gSum -= gOutSum;
+      bSum -= bOutSum;
+
+      rOutSum -= stackIn.r;
+      gOutSum -= stackIn.g;
+      bOutSum -= stackIn.b;
+
+      p = (yw + ((p = x + radius + 1) < widthMinus1 ? p : widthMinus1)) << 2;
+
+      rInSum += (stackIn.r = pixels[p]);
+      gInSum += (stackIn.g = pixels[p + 1]);
+      bInSum += (stackIn.b = pixels[p + 2]);
+
+      rSum += rInSum;
+      gSum += gInSum;
+      bSum += bInSum;
+
+      stackIn = stackIn.next;
+
+      rOutSum += (pr = stackOut.r);
+      gOutSum += (pg = stackOut.g);
+      bOutSum += (pb = stackOut.b);
+
+      rInSum -= pr;
+      gInSum -= pg;
+      bInSum -= pb;
+
+      stackOut = stackOut.next;
+
+      yi += 4;
+    }
+    yw += width;
+  }
+
+  for (x = 0; x < width; x++) {
+    gInSum = bInSum = rInSum = gSum = bSum = rSum = 0;
+
+    yi = x << 2;
+    rOutSum = radiusPlus1 * (pr = pixels[yi]);
+    gOutSum = radiusPlus1 * (pg = pixels[yi + 1]);
+    bOutSum = radiusPlus1 * (pb = pixels[yi + 2]);
+
+    rSum += sumFactor * pr;
+    gSum += sumFactor * pg;
+    bSum += sumFactor * pb;
+
+    stack = stackStart;
+
+    for (i = 0; i < radiusPlus1; i++) {
+      stack.r = pr;
+      stack.g = pg;
+      stack.b = pb;
+      stack = stack.next;
+    }
+
+    yp = width;
+
+    for (i = 1; i <= radius; i++) {
+      yi = (yp + x) << 2;
+
+      rSum += (stack.r = (pr = pixels[yi])) * (rbs = radiusPlus1 - i);
+      gSum += (stack.g = (pg = pixels[yi + 1])) * rbs;
+      bSum += (stack.b = (pb = pixels[yi + 2])) * rbs;
+
+      rInSum += pr;
+      gInSum += pg;
+      bInSum += pb;
+
+      stack = stack.next;
+
+      if (i < heightMinus1) {
+        yp += width;
+      }
+    }
+
+    yi = x;
+    stackIn = stackStart;
+    stackOut = stackEnd;
+    for (y = 0; y < height; y++) {
+      p = yi << 2;
+      pixels[p] = (rSum * mulSum) >> shgSum;
+      pixels[p + 1] = (gSum * mulSum) >> shgSum;
+      pixels[p + 2] = (bSum * mulSum) >> shgSum;
+
+      rSum -= rOutSum;
+      gSum -= gOutSum;
+      bSum -= bOutSum;
+
+      rOutSum -= stackIn.r;
+      gOutSum -= stackIn.g;
+      bOutSum -= stackIn.b;
+
+      p = (x + (((p = y + radiusPlus1) < heightMinus1 ? p : heightMinus1) * width)) << 2;
+
+      rSum += (rInSum += (stackIn.r = pixels[p]));
+      gSum += (gInSum += (stackIn.g = pixels[p + 1]));
+      bSum += (bInSum += (stackIn.b = pixels[p + 2]));
+
+      stackIn = stackIn.next;
+
+      rOutSum += (pr = stackOut.r);
+      gOutSum += (pg = stackOut.g);
+      bOutSum += (pb = stackOut.b);
+
+      rInSum -= pr;
+      gInSum -= pg;
+      bInSum -= pb;
+
+      stackOut = stackOut.next;
+
+      yi += width;
+    }
+  }
+
+  return imageData;
+}
+
+/**
+ *
+ */
+export class BlurStack {
+  constructor () {
+    this.r = 0;
+    this.g = 0;
+    this.b = 0;
+    this.a = 0;
+    this.next = null;
+  }
+}
+
+export {
+  /**
+  * @class module:StackBlur.image
+  * @see module:StackBlur~processImage
+  */
+  processImage as image,
+  /**
+  * @class module:StackBlur.canvasRGBA
+  * @see module:StackBlur~processCanvasRGBA
+  */
+  processCanvasRGBA as canvasRGBA,
+  /**
+  * @class module:StackBlur.canvasRGB
+  * @see module:StackBlur~processCanvasRGB
+  */
+  processCanvasRGB as canvasRGB,
+  /**
+  * @class module:StackBlur.imageDataRGBA
+  * @see module:StackBlur~processImageDataRGBA
+  */
+  processImageDataRGBA as imageDataRGBA,
+  /**
+  * @class module:StackBlur.imageDataRGB
+  * @see module:StackBlur~processImageDataRGB
+  */
+  processImageDataRGB as imageDataRGB
+};
diff --git a/editor/canvg/canvg.js b/editor/canvg/canvg.js
index f0d6d98c..3a1130ef 100644
--- a/editor/canvg/canvg.js
+++ b/editor/canvg/canvg.js
@@ -1,2922 +1,2978 @@
-/*
- * canvg.js - Javascript SVG parser and renderer on Canvas
- * MIT Licensed 
- * Gabe Lerner (gabelerner@gmail.com)
- * http://code.google.com/p/canvg/
- *
- * Requires: rgbcolor.js - http://www.phpied.com/rgb-color-parser-in-javascript/
- */
-(function(){
-	// canvg(target, s)
-	// empty parameters: replace all 'svg' elements on page with 'canvas' elements
-	// target: canvas element or the id of a canvas element
-	// s: svg string, url to svg file, or xml document
-	// opts: optional hash of options
-	//		 ignoreMouse: true => ignore mouse events
-	//		 ignoreAnimation: true => ignore animations
-	//		 ignoreDimensions: true => does not try to resize canvas
-	//		 ignoreClear: true => does not clear canvas
-	//		 offsetX: int => draws at a x offset
-	//		 offsetY: int => draws at a y offset
-	//		 scaleWidth: int => scales horizontally to width
-	//		 scaleHeight: int => scales vertically to height
-	//		 renderCallback: function => will call the function after the first render is completed
-	//		 forceRedraw: function => will call the function on every frame, if it returns true, will redraw
-	this.canvg = function (target, s, opts) {
-		// no parameters
-		if (target == null && s == null && opts == null) {
-			var svgTags = document.querySelectorAll('svg');
-			for (var i=0; i<svgTags.length; i++) {
-				var svgTag = svgTags[i];
-				var c = document.createElement('canvas');
-				c.width = svgTag.clientWidth;
-				c.height = svgTag.clientHeight;
-				svgTag.parentNode.insertBefore(c, svgTag);
-				svgTag.parentNode.removeChild(svgTag);
-				var div = document.createElement('div');
-				div.appendChild(svgTag);
-				canvg(c, div.innerHTML);
-			}
-			return;
-		}
-	
-		if (typeof target == 'string') {
-			target = document.getElementById(target);
-		}
-		
-		// store class on canvas
-		if (target.svg != null) target.svg.stop();
-		var svg = build(opts || {});
-		// on i.e. 8 for flash canvas, we can't assign the property so check for it
-		if (!(target.childNodes.length == 1 && target.childNodes[0].nodeName == 'OBJECT')) target.svg = svg;
-		
-		var ctx = target.getContext('2d');
-		if (typeof(s.documentElement) != 'undefined') {
-			// load from xml doc
-			svg.loadXmlDoc(ctx, s);
-		}
-		else if (s.substr(0,1) == '<') {
-			// load from xml string
-			svg.loadXml(ctx, s);
-		}
-		else {
-			// load from url
-			svg.load(ctx, s);
-		}
-	}
-
-	function build(opts) {
-		var svg = { opts: opts };
-		
-		svg.FRAMERATE = 30;
-		svg.MAX_VIRTUAL_PIXELS = 30000;
-		
-		svg.log = function(msg) {};
-		if (svg.opts['log'] == true && typeof(console) != 'undefined') {
-			svg.log = function(msg) { console.log(msg); };
-		};
-		
-		// globals
-		svg.init = function(ctx) {
-			var uniqueId = 0;
-			svg.UniqueId = function () { uniqueId++; return 'canvg' + uniqueId;	};
-			svg.Definitions = {};
-			svg.Styles = {};
-			svg.Animations = [];
-			svg.Images = [];
-			svg.ctx = ctx;
-			svg.ViewPort = new (function () {
-				this.viewPorts = [];
-				this.Clear = function() { this.viewPorts = []; }
-				this.SetCurrent = function(width, height) { this.viewPorts.push({ width: width, height: height }); }
-				this.RemoveCurrent = function() { this.viewPorts.pop(); }
-				this.Current = function() { return this.viewPorts[this.viewPorts.length - 1]; }
-				this.width = function() { return this.Current().width; }
-				this.height = function() { return this.Current().height; }
-				this.ComputeSize = function(d) {
-					if (d != null && typeof(d) == 'number') return d;
-					if (d == 'x') return this.width();
-					if (d == 'y') return this.height();
-					return Math.sqrt(Math.pow(this.width(), 2) + Math.pow(this.height(), 2)) / Math.sqrt(2);			
-				}
-			});
-		}
-		svg.init();
-		
-		// images loaded
-		svg.ImagesLoaded = function() { 
-			for (var i=0; i<svg.Images.length; i++) {
-				if (!svg.Images[i].loaded) return false;
-			}
-			return true;
-		}
-
-		// trim
-		svg.trim = function(s) { return s.replace(/^\s+|\s+$/g, ''); }
-		
-		// compress spaces
-		svg.compressSpaces = function(s) { return s.replace(/[\s\r\t\n]+/gm,' '); }
-		
-		// ajax
-		svg.ajax = function(url) {
-			var AJAX;
-			if(window.XMLHttpRequest){AJAX=new XMLHttpRequest();}
-			else{AJAX=new ActiveXObject('Microsoft.XMLHTTP');}
-			if(AJAX){
-			   AJAX.open('GET',url,false);
-			   AJAX.send(null);
-			   return AJAX.responseText;
-			}
-			return null;
-		} 
-		
-		// parse xml
-		svg.parseXml = function(xml) {
-			if (window.DOMParser)
-			{
-				var parser = new DOMParser();
-				return parser.parseFromString(xml, 'text/xml');
-			}
-			else 
-			{
-				xml = xml.replace(/<!DOCTYPE svg[^>]*>/, '');
-				var xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
-				xmlDoc.async = 'false';
-				xmlDoc.loadXML(xml); 
-				return xmlDoc;
-			}		
-		}
-		
-		svg.Property = function(name, value) {
-			this.name = name;
-			this.value = value;
-		}	
-			svg.Property.prototype.getValue = function() {
-				return this.value;
-			}
-		
-			svg.Property.prototype.hasValue = function() {
-				return (this.value != null && this.value !== '');
-			}
-							
-			// return the numerical value of the property
-			svg.Property.prototype.numValue = function() {
-				if (!this.hasValue()) return 0;
-				
-				var n = parseFloat(this.value);
-				if ((this.value + '').match(/%$/)) {
-					n = n / 100.0;
-				}
-				return n;
-			}
-			
-			svg.Property.prototype.valueOrDefault = function(def) {
-				if (this.hasValue()) return this.value;
-				return def;
-			}
-			
-			svg.Property.prototype.numValueOrDefault = function(def) {
-				if (this.hasValue()) return this.numValue();
-				return def;
-			}
-			
-			// color extensions
-				// augment the current color value with the opacity
-				svg.Property.prototype.addOpacity = function(opacityProp) {
-					var newValue = this.value;
-					if (opacityProp.value != null && opacityProp.value != '' && typeof(this.value)=='string') { // can only add opacity to colors, not patterns
-						var color = new RGBColor(this.value);
-						if (color.ok) {
-							newValue = 'rgba(' + color.r + ', ' + color.g + ', ' + color.b + ', ' + opacityProp.numValue() + ')';
-						}
-					}
-					return new svg.Property(this.name, newValue);
-				}
-			
-			// definition extensions
-				// get the definition from the definitions table
-				svg.Property.prototype.getDefinition = function() {
-					var name = this.value.match(/#([^\)'"]+)/);
-					if (name) { name = name[1]; }
-					if (!name) { name = this.value; }
-					return svg.Definitions[name];
-				}
-				
-				svg.Property.prototype.isUrlDefinition = function() {
-					return this.value.indexOf('url(') == 0
-				}
-				
-				svg.Property.prototype.getFillStyleDefinition = function(e, opacityProp) {
-					var def = this.getDefinition();
-					
-					// gradient
-					if (def != null && def.createGradient) {
-						return def.createGradient(svg.ctx, e, opacityProp);
-					}
-					
-					// pattern
-					if (def != null && def.createPattern) {
-						if (def.getHrefAttribute().hasValue()) {
-							var pt = def.attribute('patternTransform');
-							def = def.getHrefAttribute().getDefinition();
-							if (pt.hasValue()) { def.attribute('patternTransform', true).value = pt.value; }
-						}
-						return def.createPattern(svg.ctx, e);
-					}
-					
-					return null;
-				}
-			
-			// length extensions
-				svg.Property.prototype.getDPI = function(viewPort) {
-					return 96.0; // TODO: compute?
-				}
-				
-				svg.Property.prototype.getEM = function(viewPort) {
-					var em = 12;
-					
-					var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
-					if (fontSize.hasValue()) em = fontSize.toPixels(viewPort);
-					
-					return em;
-				}
-				
-				svg.Property.prototype.getUnits = function() {
-					var s = this.value+'';
-					return s.replace(/[0-9\.\-]/g,'');
-				}
-			
-				// get the length as pixels
-				svg.Property.prototype.toPixels = function(viewPort, processPercent) {
-					if (!this.hasValue()) return 0;
-					var s = this.value+'';
-					if (s.match(/em$/)) return this.numValue() * this.getEM(viewPort);
-					if (s.match(/ex$/)) return this.numValue() * this.getEM(viewPort) / 2.0;
-					if (s.match(/px$/)) return this.numValue();
-					if (s.match(/pt$/)) return this.numValue() * this.getDPI(viewPort) * (1.0 / 72.0);
-					if (s.match(/pc$/)) return this.numValue() * 15;
-					if (s.match(/cm$/)) return this.numValue() * this.getDPI(viewPort) / 2.54;
-					if (s.match(/mm$/)) return this.numValue() * this.getDPI(viewPort) / 25.4;
-					if (s.match(/in$/)) return this.numValue() * this.getDPI(viewPort);
-					if (s.match(/%$/)) return this.numValue() * svg.ViewPort.ComputeSize(viewPort);
-					var n = this.numValue();
-					if (processPercent && n < 1.0) return n * svg.ViewPort.ComputeSize(viewPort);
-					return n;
-				}
-
-			// time extensions
-				// get the time as milliseconds
-				svg.Property.prototype.toMilliseconds = function() {
-					if (!this.hasValue()) return 0;
-					var s = this.value+'';
-					if (s.match(/s$/)) return this.numValue() * 1000;
-					if (s.match(/ms$/)) return this.numValue();
-					return this.numValue();
-				}
-			
-			// angle extensions
-				// get the angle as radians
-				svg.Property.prototype.toRadians = function() {
-					if (!this.hasValue()) return 0;
-					var s = this.value+'';
-					if (s.match(/deg$/)) return this.numValue() * (Math.PI / 180.0);
-					if (s.match(/grad$/)) return this.numValue() * (Math.PI / 200.0);
-					if (s.match(/rad$/)) return this.numValue();
-					return this.numValue() * (Math.PI / 180.0);
-				}
-		
-			// text extensions
-				// get the text baseline
-				var textBaselineMapping = {
-					'baseline': 'alphabetic',
-					'before-edge': 'top',
-					'text-before-edge': 'top',
-					'middle': 'middle',
-					'central': 'middle',
-					'after-edge': 'bottom',
-					'text-after-edge': 'bottom',
-					'ideographic': 'ideographic',
-					'alphabetic': 'alphabetic',
-					'hanging': 'hanging',
-					'mathematical': 'alphabetic'
-				};
-				svg.Property.prototype.toTextBaseline = function () {
-					if (!this.hasValue()) return null;
-					return textBaselineMapping[this.value];
-				}
-				
-		// fonts
-		svg.Font = new (function() {
-			this.Styles = 'normal|italic|oblique|inherit';
-			this.Variants = 'normal|small-caps|inherit';
-			this.Weights = 'normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900|inherit';
-			
-			this.CreateFont = function(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit) {
-				var f = inherit != null ? this.Parse(inherit) : this.CreateFont('', '', '', '', '', svg.ctx.font);
-				return { 
-					fontFamily: fontFamily || f.fontFamily, 
-					fontSize: fontSize || f.fontSize, 
-					fontStyle: fontStyle || f.fontStyle, 
-					fontWeight: fontWeight || f.fontWeight, 
-					fontVariant: fontVariant || f.fontVariant,
-					toString: function () { return [this.fontStyle, this.fontVariant, this.fontWeight, this.fontSize, this.fontFamily].join(' ') } 
-				} 
-			}
-			
-			var that = this;
-			this.Parse = function(s) {
-				var f = {};
-				var d = svg.trim(svg.compressSpaces(s || '')).split(' ');
-				var set = { fontSize: false, fontStyle: false, fontWeight: false, fontVariant: false }
-				var ff = '';
-				for (var i=0; i<d.length; i++) {
-					if (!set.fontStyle && that.Styles.indexOf(d[i]) != -1) { if (d[i] != 'inherit') f.fontStyle = d[i]; set.fontStyle = true; }
-					else if (!set.fontVariant && that.Variants.indexOf(d[i]) != -1) { if (d[i] != 'inherit') f.fontVariant = d[i]; set.fontStyle = set.fontVariant = true;	}
-					else if (!set.fontWeight && that.Weights.indexOf(d[i]) != -1) {	if (d[i] != 'inherit') f.fontWeight = d[i]; set.fontStyle = set.fontVariant = set.fontWeight = true; }
-					else if (!set.fontSize) { if (d[i] != 'inherit') f.fontSize = d[i].split('/')[0]; set.fontStyle = set.fontVariant = set.fontWeight = set.fontSize = true; }
-					else { if (d[i] != 'inherit') ff += d[i]; }
-				} if (ff != '') f.fontFamily = ff;
-				return f;
-			}
-		});
-		
-		// points and paths
-		svg.ToNumberArray = function(s) {
-			var a = svg.trim(svg.compressSpaces((s || '').replace(/,/g, ' '))).split(' ');
-			for (var i=0; i<a.length; i++) {
-				a[i] = parseFloat(a[i]);
-			}
-			return a;
-		}		
-		svg.Point = function(x, y) {
-			this.x = x;
-			this.y = y;
-		}	
-			svg.Point.prototype.angleTo = function(p) {
-				return Math.atan2(p.y - this.y, p.x - this.x);
-			}
-			
-			svg.Point.prototype.applyTransform = function(v) {
-				var xp = this.x * v[0] + this.y * v[2] + v[4];
-				var yp = this.x * v[1] + this.y * v[3] + v[5];
-				this.x = xp;
-				this.y = yp;
-			}
-
-		svg.CreatePoint = function(s) {
-			var a = svg.ToNumberArray(s);
-			return new svg.Point(a[0], a[1]);
-		}
-		svg.CreatePath = function(s) {
-			var a = svg.ToNumberArray(s);
-			var path = [];
-			for (var i=0; i<a.length; i+=2) {
-				path.push(new svg.Point(a[i], a[i+1]));
-			}
-			return path;
-		}
-		
-		// bounding box
-		svg.BoundingBox = function(x1, y1, x2, y2) { // pass in initial points if you want
-			this.x1 = Number.NaN;
-			this.y1 = Number.NaN;
-			this.x2 = Number.NaN;
-			this.y2 = Number.NaN;
-			
-			this.x = function() { return this.x1; }
-			this.y = function() { return this.y1; }
-			this.width = function() { return this.x2 - this.x1; }
-			this.height = function() { return this.y2 - this.y1; }
-			
-			this.addPoint = function(x, y) {	
-				if (x != null) {
-					if (isNaN(this.x1) || isNaN(this.x2)) {
-						this.x1 = x;
-						this.x2 = x;
-					}
-					if (x < this.x1) this.x1 = x;
-					if (x > this.x2) this.x2 = x;
-				}
-			
-				if (y != null) {
-					if (isNaN(this.y1) || isNaN(this.y2)) {
-						this.y1 = y;
-						this.y2 = y;
-					}
-					if (y < this.y1) this.y1 = y;
-					if (y > this.y2) this.y2 = y;
-				}
-			}			
-			this.addX = function(x) { this.addPoint(x, null); }
-			this.addY = function(y) { this.addPoint(null, y); }
-			
-			this.addBoundingBox = function(bb) {
-				this.addPoint(bb.x1, bb.y1);
-				this.addPoint(bb.x2, bb.y2);
-			}
-			
-			this.addQuadraticCurve = function(p0x, p0y, p1x, p1y, p2x, p2y) {
-				var cp1x = p0x + 2/3 * (p1x - p0x); // CP1 = QP0 + 2/3 *(QP1-QP0)
-				var cp1y = p0y + 2/3 * (p1y - p0y); // CP1 = QP0 + 2/3 *(QP1-QP0)
-				var cp2x = cp1x + 1/3 * (p2x - p0x); // CP2 = CP1 + 1/3 *(QP2-QP0)
-				var cp2y = cp1y + 1/3 * (p2y - p0y); // CP2 = CP1 + 1/3 *(QP2-QP0)
-				this.addBezierCurve(p0x, p0y, cp1x, cp2x, cp1y,	cp2y, p2x, p2y);
-			}
-			
-			this.addBezierCurve = function(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {
-				// from http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html
-				var p0 = [p0x, p0y], p1 = [p1x, p1y], p2 = [p2x, p2y], p3 = [p3x, p3y];
-				this.addPoint(p0[0], p0[1]);
-				this.addPoint(p3[0], p3[1]);
-				
-				for (i=0; i<=1; i++) {
-					var f = function(t) { 
-						return Math.pow(1-t, 3) * p0[i]
-						+ 3 * Math.pow(1-t, 2) * t * p1[i]
-						+ 3 * (1-t) * Math.pow(t, 2) * p2[i]
-						+ Math.pow(t, 3) * p3[i];
-					}
-					
-					var b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
-					var a = -3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
-					var c = 3 * p1[i] - 3 * p0[i];
-					
-					if (a == 0) {
-						if (b == 0) continue;
-						var t = -c / b;
-						if (0 < t && t < 1) {
-							if (i == 0) this.addX(f(t));
-							if (i == 1) this.addY(f(t));
-						}
-						continue;
-					}
-					
-					var b2ac = Math.pow(b, 2) - 4 * c * a;
-					if (b2ac < 0) continue;
-					var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
-					if (0 < t1 && t1 < 1) {
-						if (i == 0) this.addX(f(t1));
-						if (i == 1) this.addY(f(t1));
-					}
-					var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
-					if (0 < t2 && t2 < 1) {
-						if (i == 0) this.addX(f(t2));
-						if (i == 1) this.addY(f(t2));
-					}
-				}
-			}
-			
-			this.isPointInBox = function(x, y) {
-				return (this.x1 <= x && x <= this.x2 && this.y1 <= y && y <= this.y2);
-			}
-			
-			this.addPoint(x1, y1);
-			this.addPoint(x2, y2);
-		}
-		
-		// transforms
-		svg.Transform = function(v) {	
-			var that = this;
-			this.Type = {}
-		
-			// translate
-			this.Type.translate = function(s) {
-				this.p = svg.CreatePoint(s);			
-				this.apply = function(ctx) {
-					ctx.translate(this.p.x || 0.0, this.p.y || 0.0);
-				}
-				this.unapply = function(ctx) {
-					ctx.translate(-1.0 * this.p.x || 0.0, -1.0 * this.p.y || 0.0);
-				}
-				this.applyToPoint = function(p) {
-					p.applyTransform([1, 0, 0, 1, this.p.x || 0.0, this.p.y || 0.0]);
-				}
-			}
-			
-			// rotate
-			this.Type.rotate = function(s) {
-				var a = svg.ToNumberArray(s);
-				this.angle = new svg.Property('angle', a[0]);
-				this.cx = a[1] || 0;
-				this.cy = a[2] || 0;
-				this.apply = function(ctx) {
-					ctx.translate(this.cx, this.cy);
-					ctx.rotate(this.angle.toRadians());
-					ctx.translate(-this.cx, -this.cy);
-				}
-				this.unapply = function(ctx) {
-					ctx.translate(this.cx, this.cy);
-					ctx.rotate(-1.0 * this.angle.toRadians());
-					ctx.translate(-this.cx, -this.cy);
-				}
-				this.applyToPoint = function(p) {
-					var a = this.angle.toRadians();
-					p.applyTransform([1, 0, 0, 1, this.p.x || 0.0, this.p.y || 0.0]);
-					p.applyTransform([Math.cos(a), Math.sin(a), -Math.sin(a), Math.cos(a), 0, 0]);
-					p.applyTransform([1, 0, 0, 1, -this.p.x || 0.0, -this.p.y || 0.0]);
-				}			
-			}
-			
-			this.Type.scale = function(s) {
-				this.p = svg.CreatePoint(s);
-				this.apply = function(ctx) {
-					ctx.scale(this.p.x || 1.0, this.p.y || this.p.x || 1.0);
-				}
-				this.unapply = function(ctx) {
-					ctx.scale(1.0 / this.p.x || 1.0, 1.0 / this.p.y || this.p.x || 1.0);
-				}
-				this.applyToPoint = function(p) {
-					p.applyTransform([this.p.x || 0.0, 0, 0, this.p.y || 0.0, 0, 0]);
-				}				
-			}
-			
-			this.Type.matrix = function(s) {
-				this.m = svg.ToNumberArray(s);
-				this.apply = function(ctx) {
-					ctx.transform(this.m[0], this.m[1], this.m[2], this.m[3], this.m[4], this.m[5]);
-				}
-				this.applyToPoint = function(p) {
-					p.applyTransform(this.m);
-				}					
-			}
-			
-			this.Type.SkewBase = function(s) {
-				this.base = that.Type.matrix;
-				this.base(s);
-				this.angle = new svg.Property('angle', s);
-			}
-			this.Type.SkewBase.prototype = new this.Type.matrix;
-			
-			this.Type.skewX = function(s) {
-				this.base = that.Type.SkewBase;
-				this.base(s);
-				this.m = [1, 0, Math.tan(this.angle.toRadians()), 1, 0, 0];
-			}
-			this.Type.skewX.prototype = new this.Type.SkewBase;
-			
-			this.Type.skewY = function(s) {
-				this.base = that.Type.SkewBase;
-				this.base(s);
-				this.m = [1, Math.tan(this.angle.toRadians()), 0, 1, 0, 0];
-			}
-			this.Type.skewY.prototype = new this.Type.SkewBase;
-		
-			this.transforms = [];
-			
-			this.apply = function(ctx) {
-				for (var i=0; i<this.transforms.length; i++) {
-					this.transforms[i].apply(ctx);
-				}
-			}
-			
-			this.unapply = function(ctx) {
-				for (var i=this.transforms.length-1; i>=0; i--) {
-					this.transforms[i].unapply(ctx);
-				}
-			}
-			
-			this.applyToPoint = function(p) {
-				for (var i=0; i<this.transforms.length; i++) {
-					this.transforms[i].applyToPoint(p);
-				}
-			}
-			
-			var data = svg.trim(svg.compressSpaces(v)).replace(/\)([a-zA-Z])/g, ') $1').replace(/\)(\s?,\s?)/g,') ').split(/\s(?=[a-z])/);
-			for (var i=0; i<data.length; i++) {
-				var type = svg.trim(data[i].split('(')[0]);
-				var s = data[i].split('(')[1].replace(')','');
-				var transform = new this.Type[type](s);
-				transform.type = type;
-				this.transforms.push(transform);
-			}
-		}
-		
-		// aspect ratio
-		svg.AspectRatio = function(ctx, aspectRatio, width, desiredWidth, height, desiredHeight, minX, minY, refX, refY) {
-			// aspect ratio - http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute
-			aspectRatio = svg.compressSpaces(aspectRatio);
-			aspectRatio = aspectRatio.replace(/^defer\s/,''); // ignore defer
-			var align = aspectRatio.split(' ')[0] || 'xMidYMid';
-			var meetOrSlice = aspectRatio.split(' ')[1] || 'meet';					
-	
-			// calculate scale
-			var scaleX = width / desiredWidth;
-			var scaleY = height / desiredHeight;
-			var scaleMin = Math.min(scaleX, scaleY);
-			var scaleMax = Math.max(scaleX, scaleY);
-			if (meetOrSlice == 'meet') { desiredWidth *= scaleMin; desiredHeight *= scaleMin; }
-			if (meetOrSlice == 'slice') { desiredWidth *= scaleMax; desiredHeight *= scaleMax; }	
-			
-			refX = new svg.Property('refX', refX);
-			refY = new svg.Property('refY', refY);
-			if (refX.hasValue() && refY.hasValue()) {				
-				ctx.translate(-scaleMin * refX.toPixels('x'), -scaleMin * refY.toPixels('y'));
-			} 
-			else {					
-				// align
-				if (align.match(/^xMid/) && ((meetOrSlice == 'meet' && scaleMin == scaleY) || (meetOrSlice == 'slice' && scaleMax == scaleY))) ctx.translate(width / 2.0 - desiredWidth / 2.0, 0); 
-				if (align.match(/YMid$/) && ((meetOrSlice == 'meet' && scaleMin == scaleX) || (meetOrSlice == 'slice' && scaleMax == scaleX))) ctx.translate(0, height / 2.0 - desiredHeight / 2.0); 
-				if (align.match(/^xMax/) && ((meetOrSlice == 'meet' && scaleMin == scaleY) || (meetOrSlice == 'slice' && scaleMax == scaleY))) ctx.translate(width - desiredWidth, 0); 
-				if (align.match(/YMax$/) && ((meetOrSlice == 'meet' && scaleMin == scaleX) || (meetOrSlice == 'slice' && scaleMax == scaleX))) ctx.translate(0, height - desiredHeight); 
-			}
-			
-			// scale
-			if (align == 'none') ctx.scale(scaleX, scaleY);
-			else if (meetOrSlice == 'meet') ctx.scale(scaleMin, scaleMin); 
-			else if (meetOrSlice == 'slice') ctx.scale(scaleMax, scaleMax); 	
-			
-			// translate
-			ctx.translate(minX == null ? 0 : -minX, minY == null ? 0 : -minY);			
-		}
-		
-		// elements
-		svg.Element = {}
-		
-		svg.EmptyProperty = new svg.Property('EMPTY', '');
-		
-		svg.Element.ElementBase = function(node) {	
-			this.attributes = {};
-			this.styles = {};
-			this.children = [];
-			
-			// get or create attribute
-			this.attribute = function(name, createIfNotExists) {
-				var a = this.attributes[name];
-				if (a != null) return a;
-							
-				if (createIfNotExists == true) { a = new svg.Property(name, ''); this.attributes[name] = a; }
-				return a || svg.EmptyProperty;
-			}
-			
-			this.getHrefAttribute = function() {
-				for (var a in this.attributes) { 
-					if (a.match(/:href$/)) { 
-						return this.attributes[a]; 
-					} 
-				}
-				return svg.EmptyProperty;
-			}
-			
-			// get or create style, crawls up node tree
-			this.style = function(name, createIfNotExists, skipAncestors) {
-				var s = this.styles[name];
-				if (s != null) return s;
-				
-				var a = this.attribute(name);
-				if (a != null && a.hasValue()) {
-					this.styles[name] = a; // move up to me to cache
-					return a;
-				}
-				
-				if (skipAncestors != true) {
-					var p = this.parent;
-					if (p != null) {
-						var ps = p.style(name);
-						if (ps != null && ps.hasValue()) {
-							return ps;
-						}
-					}
-				}
-					
-				if (createIfNotExists == true) { s = new svg.Property(name, ''); this.styles[name] = s; }
-				return s || svg.EmptyProperty;
-			}
-			
-			// base render
-			this.render = function(ctx) {
-				// don't render display=none
-				if (this.style('display').value == 'none') return;
-				
-				// don't render visibility=hidden
-				if (this.style('visibility').value == 'hidden') return;
-			
-				ctx.save();
-				if (this.attribute('mask').hasValue()) { // mask
-					var mask = this.attribute('mask').getDefinition();
-					if (mask != null) mask.apply(ctx, this);
-				}
-				else if (this.style('filter').hasValue()) { // filter
-					var filter = this.style('filter').getDefinition();
-					if (filter != null) filter.apply(ctx, this);
-				}
-				else {	
-					this.setContext(ctx);
-					this.renderChildren(ctx);	
-					this.clearContext(ctx);							
-				}
-				ctx.restore();
-			}
-			
-			// base set context
-			this.setContext = function(ctx) {
-				// OVERRIDE ME!
-			}
-			
-			// base clear context
-			this.clearContext = function(ctx) {
-				// OVERRIDE ME!
-			}			
-			
-			// base render children
-			this.renderChildren = function(ctx) {
-				for (var i=0; i<this.children.length; i++) {
-					this.children[i].render(ctx);
-				}
-			}
-			
-			this.addChild = function(childNode, create) {
-				var child = childNode;
-				if (create) child = svg.CreateElement(childNode);
-				child.parent = this;
-				if (child.type != 'title') { this.children.push(child);	}
-			}
-				
-			if (node != null && node.nodeType == 1) { //ELEMENT_NODE
-				// add children
-				for (var i=0; i<node.childNodes.length; i++) {
-					var childNode = node.childNodes[i];
-					if (childNode.nodeType == 1) this.addChild(childNode, true); //ELEMENT_NODE
-					if (this.captureTextNodes && (childNode.nodeType == 3 || childNode.nodeType == 4)) {
-						var text = childNode.nodeValue || childNode.text || '';
-						if (svg.trim(svg.compressSpaces(text)) != '') {
-							this.addChild(new svg.Element.tspan(childNode), false); // TEXT_NODE
-						}
-					}
-				}
-				
-				// add attributes
-				for (var i=0; i<node.attributes.length; i++) {
-					var attribute = node.attributes[i];
-					this.attributes[attribute.nodeName] = new svg.Property(attribute.nodeName, attribute.nodeValue);
-				}
-										
-				// add tag styles
-				var styles = svg.Styles[node.nodeName];
-				if (styles != null) {
-					for (var name in styles) {
-						this.styles[name] = styles[name];
-					}
-				}					
-				
-				// add class styles
-				if (this.attribute('class').hasValue()) {
-					var classes = svg.compressSpaces(this.attribute('class').value).split(' ');
-					for (var j=0; j<classes.length; j++) {
-						styles = svg.Styles['.'+classes[j]];
-						if (styles != null) {
-							for (var name in styles) {
-								this.styles[name] = styles[name];
-							}
-						}
-						styles = svg.Styles[node.nodeName+'.'+classes[j]];
-						if (styles != null) {
-							for (var name in styles) {
-								this.styles[name] = styles[name];
-							}
-						}
-					}
-				}
-				
-				// add id styles
-				if (this.attribute('id').hasValue()) {
-					var styles = svg.Styles['#' + this.attribute('id').value];
-					if (styles != null) {
-						for (var name in styles) {
-							this.styles[name] = styles[name];
-						}
-					}
-				}
-				
-				// add inline styles
-				if (this.attribute('style').hasValue()) {
-					var styles = this.attribute('style').value.split(';');
-					for (var i=0; i<styles.length; i++) {
-						if (svg.trim(styles[i]) != '') {
-							var style = styles[i].split(':');
-							var name = svg.trim(style[0]);
-							var value = svg.trim(style[1]);
-							this.styles[name] = new svg.Property(name, value);
-						}
-					}
-				}	
-
-				// add id
-				if (this.attribute('id').hasValue()) {
-					if (svg.Definitions[this.attribute('id').value] == null) {
-						svg.Definitions[this.attribute('id').value] = this;
-					}
-				}
-			}
-		}
-		
-		svg.Element.RenderedElementBase = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.setContext = function(ctx) {
-				// fill
-				if (this.style('fill').isUrlDefinition()) {
-					var fs = this.style('fill').getFillStyleDefinition(this, this.style('fill-opacity'));
-					if (fs != null) ctx.fillStyle = fs;
-				}
-				else if (this.style('fill').hasValue()) {
-					var fillStyle = this.style('fill');
-					if (fillStyle.value == 'currentColor') fillStyle.value = this.style('color').value;
-					ctx.fillStyle = (fillStyle.value == 'none' ? 'rgba(0,0,0,0)' : fillStyle.value);
-				}
-				if (this.style('fill-opacity').hasValue()) {
-					var fillStyle = new svg.Property('fill', ctx.fillStyle);
-					fillStyle = fillStyle.addOpacity(this.style('fill-opacity'));
-					ctx.fillStyle = fillStyle.value;
-				}
-									
-				// stroke
-				if (this.style('stroke').isUrlDefinition()) {
-					var fs = this.style('stroke').getFillStyleDefinition(this, this.style('stroke-opacity'));
-					if (fs != null) ctx.strokeStyle = fs;
-				}
-				else if (this.style('stroke').hasValue()) {
-					var strokeStyle = this.style('stroke');
-					if (strokeStyle.value == 'currentColor') strokeStyle.value = this.style('color').value;
-					ctx.strokeStyle = (strokeStyle.value == 'none' ? 'rgba(0,0,0,0)' : strokeStyle.value);
-				}
-				if (this.style('stroke-opacity').hasValue()) {
-					var strokeStyle = new svg.Property('stroke', ctx.strokeStyle);
-					strokeStyle = strokeStyle.addOpacity(this.style('stroke-opacity'));
-					ctx.strokeStyle = strokeStyle.value;
-				}
-				if (this.style('stroke-width').hasValue()) {
-					var newLineWidth = this.style('stroke-width').toPixels();
-					ctx.lineWidth = newLineWidth == 0 ? 0.001 : newLineWidth; // browsers don't respect 0
-			    }
-				if (this.style('stroke-linecap').hasValue()) ctx.lineCap = this.style('stroke-linecap').value;
-				if (this.style('stroke-linejoin').hasValue()) ctx.lineJoin = this.style('stroke-linejoin').value;
-				if (this.style('stroke-miterlimit').hasValue()) ctx.miterLimit = this.style('stroke-miterlimit').value;
-				if (this.style('stroke-dasharray').hasValue() && this.style('stroke-dasharray').value != 'none') {
-					var gaps = svg.ToNumberArray(this.style('stroke-dasharray').value);
-					if (typeof(ctx.setLineDash) != 'undefined') { ctx.setLineDash(gaps); }
-					else if (typeof(ctx.webkitLineDash) != 'undefined') { ctx.webkitLineDash = gaps; }
-					else if (typeof(ctx.mozDash) != 'undefined' && !(gaps.length==1 && gaps[0]==0)) { ctx.mozDash = gaps; }
-					
-					var offset = this.style('stroke-dashoffset').numValueOrDefault(1);
-					if (typeof(ctx.lineDashOffset) != 'undefined') { ctx.lineDashOffset = offset; }
-					else if (typeof(ctx.webkitLineDashOffset) != 'undefined') { ctx.webkitLineDashOffset = offset; }
-					else if (typeof(ctx.mozDashOffset) != 'undefined') { ctx.mozDashOffset = offset; }
-				}
-
-				// font
-				if (typeof(ctx.font) != 'undefined') {
-					ctx.font = svg.Font.CreateFont( 
-						this.style('font-style').value, 
-						this.style('font-variant').value, 
-						this.style('font-weight').value, 
-						this.style('font-size').hasValue() ? this.style('font-size').toPixels() + 'px' : '', 
-						this.style('font-family').value).toString();
-				}
-				
-				// transform
-				if (this.attribute('transform').hasValue()) { 
-					var transform = new svg.Transform(this.attribute('transform').value);
-					transform.apply(ctx);
-				}
-				
-				// clip
-				if (this.style('clip-path', false, true).hasValue()) {
-					var clip = this.style('clip-path', false, true).getDefinition();
-					if (clip != null) clip.apply(ctx);
-				}
-				
-				// opacity
-				if (this.style('opacity').hasValue()) {
-					ctx.globalAlpha = this.style('opacity').numValue();
-				}
-			}		
-		}
-		svg.Element.RenderedElementBase.prototype = new svg.Element.ElementBase;
-		
-		svg.Element.PathElementBase = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-			
-			this.path = function(ctx) {
-				if (ctx != null) ctx.beginPath();
-				return new svg.BoundingBox();
-			}
-			
-			this.renderChildren = function(ctx) {
-				this.path(ctx);
-				svg.Mouse.checkPath(this, ctx);
-				if (ctx.fillStyle != '') {
-					if (this.style('fill-rule').valueOrDefault('inherit') != 'inherit') { ctx.fill(this.style('fill-rule').value); }
-					else { ctx.fill(); }
-				}
-				if (ctx.strokeStyle != '') ctx.stroke();
-				
-				var markers = this.getMarkers();
-				if (markers != null) {
-					if (this.style('marker-start').isUrlDefinition()) {
-						var marker = this.style('marker-start').getDefinition();
-						marker.render(ctx, markers[0][0], markers[0][1]);
-					}
-					if (this.style('marker-mid').isUrlDefinition()) {
-						var marker = this.style('marker-mid').getDefinition();
-						for (var i=1;i<markers.length-1;i++) {
-							marker.render(ctx, markers[i][0], markers[i][1]);
-						}
-					}
-					if (this.style('marker-end').isUrlDefinition()) {
-						var marker = this.style('marker-end').getDefinition();
-						marker.render(ctx, markers[markers.length-1][0], markers[markers.length-1][1]);
-					}
-				}					
-			}
-			
-			this.getBoundingBox = function() {
-				return this.path();
-			}
-			
-			this.getMarkers = function() {
-				return null;
-			}
-		}
-		svg.Element.PathElementBase.prototype = new svg.Element.RenderedElementBase;
-		
-		// svg element
-		svg.Element.svg = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-			
-			this.baseClearContext = this.clearContext;
-			this.clearContext = function(ctx) {
-				this.baseClearContext(ctx);
-				svg.ViewPort.RemoveCurrent();
-			}
-			
-			this.baseSetContext = this.setContext;
-			this.setContext = function(ctx) {
-				// initial values and defaults
-				ctx.strokeStyle = 'rgba(0,0,0,0)';
-				ctx.lineCap = 'butt';
-				ctx.lineJoin = 'miter';
-				ctx.miterLimit = 4;	
-				if (typeof(ctx.font) != 'undefined' && typeof(window.getComputedStyle) != 'undefined') {
-					ctx.font = window.getComputedStyle(ctx.canvas).getPropertyValue('font');
-				}
-			
-				this.baseSetContext(ctx);
-				
-				// create new view port
-				if (!this.attribute('x').hasValue()) this.attribute('x', true).value = 0;
-				if (!this.attribute('y').hasValue()) this.attribute('y', true).value = 0;
-				ctx.translate(this.attribute('x').toPixels('x'), this.attribute('y').toPixels('y'));
-				
-				var width = svg.ViewPort.width();
-				var height = svg.ViewPort.height();
-				
-				if (!this.attribute('width').hasValue()) this.attribute('width', true).value = '100%';
-				if (!this.attribute('height').hasValue()) this.attribute('height', true).value = '100%';
-				if (typeof(this.root) == 'undefined') {
-					width = this.attribute('width').toPixels('x');
-					height = this.attribute('height').toPixels('y');
-					
-					var x = 0;
-					var y = 0;
-					if (this.attribute('refX').hasValue() && this.attribute('refY').hasValue()) {
-						x = -this.attribute('refX').toPixels('x');
-						y = -this.attribute('refY').toPixels('y');
-					}
-					
-					if (this.attribute('overflow').valueOrDefault('hidden') != 'visible') {
-						ctx.beginPath();
-						ctx.moveTo(x, y);
-						ctx.lineTo(width, y);
-						ctx.lineTo(width, height);
-						ctx.lineTo(x, height);
-						ctx.closePath();
-						ctx.clip();
-					}
-				}
-				svg.ViewPort.SetCurrent(width, height);	
-						
-				// viewbox
-				if (this.attribute('viewBox').hasValue()) {				
-					var viewBox = svg.ToNumberArray(this.attribute('viewBox').value);
-					var minX = viewBox[0];
-					var minY = viewBox[1];
-					width = viewBox[2];
-					height = viewBox[3];
-					
-					svg.AspectRatio(ctx,
-									this.attribute('preserveAspectRatio').value, 
-									svg.ViewPort.width(), 
-									width,
-									svg.ViewPort.height(),
-									height,
-									minX,
-									minY,
-									this.attribute('refX').value,
-									this.attribute('refY').value);
-					
-					svg.ViewPort.RemoveCurrent();
-					svg.ViewPort.SetCurrent(viewBox[2], viewBox[3]);
-				}				
-			}
-		}
-		svg.Element.svg.prototype = new svg.Element.RenderedElementBase;
-
-		// rect element
-		svg.Element.rect = function(node) {
-			this.base = svg.Element.PathElementBase;
-			this.base(node);
-			
-			this.path = function(ctx) {
-				var x = this.attribute('x').toPixels('x');
-				var y = this.attribute('y').toPixels('y');
-				var width = this.attribute('width').toPixels('x');
-				var height = this.attribute('height').toPixels('y');
-				var rx = this.attribute('rx').toPixels('x');
-				var ry = this.attribute('ry').toPixels('y');
-				if (this.attribute('rx').hasValue() && !this.attribute('ry').hasValue()) ry = rx;
-				if (this.attribute('ry').hasValue() && !this.attribute('rx').hasValue()) rx = ry;
-				rx = Math.min(rx, width / 2.0);
-				ry = Math.min(ry, height / 2.0);
-				if (ctx != null) {
-					ctx.beginPath();
-					ctx.moveTo(x + rx, y);
-					ctx.lineTo(x + width - rx, y);
-					ctx.quadraticCurveTo(x + width, y, x + width, y + ry)
-					ctx.lineTo(x + width, y + height - ry);
-					ctx.quadraticCurveTo(x + width, y + height, x + width - rx, y + height)
-					ctx.lineTo(x + rx, y + height);
-					ctx.quadraticCurveTo(x, y + height, x, y + height - ry)
-					ctx.lineTo(x, y + ry);
-					ctx.quadraticCurveTo(x, y, x + rx, y)
-					ctx.closePath();
-				}
-				
-				return new svg.BoundingBox(x, y, x + width, y + height);
-			}
-		}
-		svg.Element.rect.prototype = new svg.Element.PathElementBase;
-		
-		// circle element
-		svg.Element.circle = function(node) {
-			this.base = svg.Element.PathElementBase;
-			this.base(node);
-			
-			this.path = function(ctx) {
-				var cx = this.attribute('cx').toPixels('x');
-				var cy = this.attribute('cy').toPixels('y');
-				var r = this.attribute('r').toPixels();
-			
-				if (ctx != null) {
-					ctx.beginPath();
-					ctx.arc(cx, cy, r, 0, Math.PI * 2, true); 
-					ctx.closePath();
-				}
-				
-				return new svg.BoundingBox(cx - r, cy - r, cx + r, cy + r);
-			}
-		}
-		svg.Element.circle.prototype = new svg.Element.PathElementBase;	
-
-		// ellipse element
-		svg.Element.ellipse = function(node) {
-			this.base = svg.Element.PathElementBase;
-			this.base(node);
-			
-			this.path = function(ctx) {
-				var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);
-				var rx = this.attribute('rx').toPixels('x');
-				var ry = this.attribute('ry').toPixels('y');
-				var cx = this.attribute('cx').toPixels('x');
-				var cy = this.attribute('cy').toPixels('y');
-				
-				if (ctx != null) {
-					ctx.beginPath();
-					ctx.moveTo(cx, cy - ry);
-					ctx.bezierCurveTo(cx + (KAPPA * rx), cy - ry,  cx + rx, cy - (KAPPA * ry), cx + rx, cy);
-					ctx.bezierCurveTo(cx + rx, cy + (KAPPA * ry), cx + (KAPPA * rx), cy + ry, cx, cy + ry);
-					ctx.bezierCurveTo(cx - (KAPPA * rx), cy + ry, cx - rx, cy + (KAPPA * ry), cx - rx, cy);
-					ctx.bezierCurveTo(cx - rx, cy - (KAPPA * ry), cx - (KAPPA * rx), cy - ry, cx, cy - ry);
-					ctx.closePath();
-				}
-				
-				return new svg.BoundingBox(cx - rx, cy - ry, cx + rx, cy + ry);
-			}
-		}
-		svg.Element.ellipse.prototype = new svg.Element.PathElementBase;			
-		
-		// line element
-		svg.Element.line = function(node) {
-			this.base = svg.Element.PathElementBase;
-			this.base(node);
-			
-			this.getPoints = function() {
-				return [
-					new svg.Point(this.attribute('x1').toPixels('x'), this.attribute('y1').toPixels('y')),
-					new svg.Point(this.attribute('x2').toPixels('x'), this.attribute('y2').toPixels('y'))];
-			}
-								
-			this.path = function(ctx) {
-				var points = this.getPoints();
-				
-				if (ctx != null) {
-					ctx.beginPath();
-					ctx.moveTo(points[0].x, points[0].y);
-					ctx.lineTo(points[1].x, points[1].y);
-				}
-				
-				return new svg.BoundingBox(points[0].x, points[0].y, points[1].x, points[1].y);
-			}
-			
-			this.getMarkers = function() {
-				var points = this.getPoints();	
-				var a = points[0].angleTo(points[1]);
-				return [[points[0], a], [points[1], a]];
-			}
-		}
-		svg.Element.line.prototype = new svg.Element.PathElementBase;		
-				
-		// polyline element
-		svg.Element.polyline = function(node) {
-			this.base = svg.Element.PathElementBase;
-			this.base(node);
-			
-			this.points = svg.CreatePath(this.attribute('points').value);
-			this.path = function(ctx) {
-				var bb = new svg.BoundingBox(this.points[0].x, this.points[0].y);
-				if (ctx != null) {
-					ctx.beginPath();
-					ctx.moveTo(this.points[0].x, this.points[0].y);
-				}
-				for (var i=1; i<this.points.length; i++) {
-					bb.addPoint(this.points[i].x, this.points[i].y);
-					if (ctx != null) ctx.lineTo(this.points[i].x, this.points[i].y);
-				}
-				return bb;
-			}
-			
-			this.getMarkers = function() {
-				var markers = [];
-				for (var i=0; i<this.points.length - 1; i++) {
-					markers.push([this.points[i], this.points[i].angleTo(this.points[i+1])]);
-				}
-				markers.push([this.points[this.points.length-1], markers[markers.length-1][1]]);
-				return markers;
-			}			
-		}
-		svg.Element.polyline.prototype = new svg.Element.PathElementBase;				
-				
-		// polygon element
-		svg.Element.polygon = function(node) {
-			this.base = svg.Element.polyline;
-			this.base(node);
-			
-			this.basePath = this.path;
-			this.path = function(ctx) {
-				var bb = this.basePath(ctx);
-				if (ctx != null) {
-					ctx.lineTo(this.points[0].x, this.points[0].y);
-					ctx.closePath();
-				}
-				return bb;
-			}
-		}
-		svg.Element.polygon.prototype = new svg.Element.polyline;
-
-		// path element
-		svg.Element.path = function(node) {
-			this.base = svg.Element.PathElementBase;
-			this.base(node);
-					
-			var d = this.attribute('d').value;
-			// TODO: convert to real lexer based on http://www.w3.org/TR/SVG11/paths.html#PathDataBNF
-			d = d.replace(/,/gm,' '); // get rid of all commas
-			d = d.replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm,'$1 $2'); // separate commands from commands
-			d = d.replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm,'$1 $2'); // separate commands from commands
-			d = d.replace(/([MmZzLlHhVvCcSsQqTtAa])([^\s])/gm,'$1 $2'); // separate commands from points
-			d = d.replace(/([^\s])([MmZzLlHhVvCcSsQqTtAa])/gm,'$1 $2'); // separate commands from points
-			d = d.replace(/([0-9])([+\-])/gm,'$1 $2'); // separate digits when no comma
-			d = d.replace(/(\.[0-9]*)(\.)/gm,'$1 $2'); // separate digits when no comma
-			d = d.replace(/([Aa](\s+[0-9]+){3})\s+([01])\s*([01])/gm,'$1 $3 $4 '); // shorthand elliptical arc path syntax
-			d = svg.compressSpaces(d); // compress multiple spaces
-			d = svg.trim(d);
-			this.PathParser = new (function(d) {
-				this.tokens = d.split(' ');
-				
-				this.reset = function() {
-					this.i = -1;
-					this.command = '';
-					this.previousCommand = '';
-					this.start = new svg.Point(0, 0);
-					this.control = new svg.Point(0, 0);
-					this.current = new svg.Point(0, 0);
-					this.points = [];
-					this.angles = [];
-				}
-								
-				this.isEnd = function() {
-					return this.i >= this.tokens.length - 1;
-				}
-				
-				this.isCommandOrEnd = function() {
-					if (this.isEnd()) return true;
-					return this.tokens[this.i + 1].match(/^[A-Za-z]$/) != null;
-				}
-				
-				this.isRelativeCommand = function() {
-					switch(this.command)
-					{
-						case 'm':
-						case 'l':
-						case 'h':
-						case 'v':
-						case 'c':
-						case 's':
-						case 'q':
-						case 't':
-						case 'a':
-						case 'z':
-							return true;
-							break;
-					}
-					return false;
-				}
-							
-				this.getToken = function() {
-					this.i++;
-					return this.tokens[this.i];
-				}
-				
-				this.getScalar = function() {
-					return parseFloat(this.getToken());
-				}
-				
-				this.nextCommand = function() {
-					this.previousCommand = this.command;
-					this.command = this.getToken();
-				}				
-				
-				this.getPoint = function() {
-					var p = new svg.Point(this.getScalar(), this.getScalar());
-					return this.makeAbsolute(p);
-				}
-				
-				this.getAsControlPoint = function() {
-					var p = this.getPoint();
-					this.control = p;
-					return p;
-				}
-				
-				this.getAsCurrentPoint = function() {
-					var p = this.getPoint();
-					this.current = p;
-					return p;	
-				}
-				
-				this.getReflectedControlPoint = function() {
-					if (this.previousCommand.toLowerCase() != 'c' && 
-					    this.previousCommand.toLowerCase() != 's' &&
-						this.previousCommand.toLowerCase() != 'q' && 
-						this.previousCommand.toLowerCase() != 't' ){
-						return this.current;
-					}
-					
-					// reflect point
-					var p = new svg.Point(2 * this.current.x - this.control.x, 2 * this.current.y - this.control.y);					
-					return p;
-				}
-				
-				this.makeAbsolute = function(p) {
-					if (this.isRelativeCommand()) {
-						p.x += this.current.x;
-						p.y += this.current.y;
-					}
-					return p;
-				}
-				
-				this.addMarker = function(p, from, priorTo) {
-					// if the last angle isn't filled in because we didn't have this point yet ...
-					if (priorTo != null && this.angles.length > 0 && this.angles[this.angles.length-1] == null) {
-						this.angles[this.angles.length-1] = this.points[this.points.length-1].angleTo(priorTo);
-					}
-					this.addMarkerAngle(p, from == null ? null : from.angleTo(p));
-				}
-				
-				this.addMarkerAngle = function(p, a) {
-					this.points.push(p);
-					this.angles.push(a);
-				}				
-				
-				this.getMarkerPoints = function() { return this.points; }
-				this.getMarkerAngles = function() {
-					for (var i=0; i<this.angles.length; i++) {
-						if (this.angles[i] == null) {
-							for (var j=i+1; j<this.angles.length; j++) {
-								if (this.angles[j] != null) {
-									this.angles[i] = this.angles[j];
-									break;
-								}
-							}
-						}
-					}
-					return this.angles;
-				}
-			})(d);
-
-			this.path = function(ctx) {
-				var pp = this.PathParser;
-				pp.reset();
-
-				var bb = new svg.BoundingBox();
-				if (ctx != null) ctx.beginPath();
-				while (!pp.isEnd()) {
-					pp.nextCommand();
-					switch (pp.command) {
-					case 'M':
-					case 'm':
-						var p = pp.getAsCurrentPoint();
-						pp.addMarker(p);
-						bb.addPoint(p.x, p.y);
-						if (ctx != null) ctx.moveTo(p.x, p.y);
-						pp.start = pp.current;
-						while (!pp.isCommandOrEnd()) {
-							var p = pp.getAsCurrentPoint();
-							pp.addMarker(p, pp.start);
-							bb.addPoint(p.x, p.y);
-							if (ctx != null) ctx.lineTo(p.x, p.y);
-						}
-						break;
-					case 'L':
-					case 'l':
-						while (!pp.isCommandOrEnd()) {
-							var c = pp.current;
-							var p = pp.getAsCurrentPoint();
-							pp.addMarker(p, c);
-							bb.addPoint(p.x, p.y);
-							if (ctx != null) ctx.lineTo(p.x, p.y);
-						}
-						break;
-					case 'H':
-					case 'h':
-						while (!pp.isCommandOrEnd()) {
-							var newP = new svg.Point((pp.isRelativeCommand() ? pp.current.x : 0) + pp.getScalar(), pp.current.y);
-							pp.addMarker(newP, pp.current);
-							pp.current = newP;
-							bb.addPoint(pp.current.x, pp.current.y);
-							if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
-						}
-						break;
-					case 'V':
-					case 'v':
-						while (!pp.isCommandOrEnd()) {
-							var newP = new svg.Point(pp.current.x, (pp.isRelativeCommand() ? pp.current.y : 0) + pp.getScalar());
-							pp.addMarker(newP, pp.current);
-							pp.current = newP;
-							bb.addPoint(pp.current.x, pp.current.y);
-							if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
-						}
-						break;
-					case 'C':
-					case 'c':
-						while (!pp.isCommandOrEnd()) {
-							var curr = pp.current;
-							var p1 = pp.getPoint();
-							var cntrl = pp.getAsControlPoint();
-							var cp = pp.getAsCurrentPoint();
-							pp.addMarker(cp, cntrl, p1);
-							bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
-							if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
-						}
-						break;
-					case 'S':
-					case 's':
-						while (!pp.isCommandOrEnd()) {
-							var curr = pp.current;
-							var p1 = pp.getReflectedControlPoint();
-							var cntrl = pp.getAsControlPoint();
-							var cp = pp.getAsCurrentPoint();
-							pp.addMarker(cp, cntrl, p1);
-							bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
-							if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
-						}
-						break;
-					case 'Q':
-					case 'q':
-						while (!pp.isCommandOrEnd()) {
-							var curr = pp.current;
-							var cntrl = pp.getAsControlPoint();
-							var cp = pp.getAsCurrentPoint();
-							pp.addMarker(cp, cntrl, cntrl);
-							bb.addQuadraticCurve(curr.x, curr.y, cntrl.x, cntrl.y, cp.x, cp.y);
-							if (ctx != null) ctx.quadraticCurveTo(cntrl.x, cntrl.y, cp.x, cp.y);
-						}
-						break;
-					case 'T':
-					case 't':
-						while (!pp.isCommandOrEnd()) {
-							var curr = pp.current;
-							var cntrl = pp.getReflectedControlPoint();
-							pp.control = cntrl;
-							var cp = pp.getAsCurrentPoint();
-							pp.addMarker(cp, cntrl, cntrl);
-							bb.addQuadraticCurve(curr.x, curr.y, cntrl.x, cntrl.y, cp.x, cp.y);
-							if (ctx != null) ctx.quadraticCurveTo(cntrl.x, cntrl.y, cp.x, cp.y);
-						}
-						break;
-					case 'A':
-					case 'a':
-						while (!pp.isCommandOrEnd()) {
-						    var curr = pp.current;
-							var rx = pp.getScalar();
-							var ry = pp.getScalar();
-							var xAxisRotation = pp.getScalar() * (Math.PI / 180.0);
-							var largeArcFlag = pp.getScalar();
-							var sweepFlag = pp.getScalar();
-							var cp = pp.getAsCurrentPoint();
-
-							// Conversion from endpoint to center parameterization
-							// https://www.w3.org/TR/SVG11/implnote.html#ArcConversionEndpointToCenter
-							
-							// x1', y1'
-							var currp = new svg.Point(
-								Math.cos(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.sin(xAxisRotation) * (curr.y - cp.y) / 2.0,
-								-Math.sin(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.cos(xAxisRotation) * (curr.y - cp.y) / 2.0
-							);
-							// adjust radii
-							var l = Math.pow(currp.x,2)/Math.pow(rx,2)+Math.pow(currp.y,2)/Math.pow(ry,2);
-							if (l > 1) {
-								rx *= Math.sqrt(l);
-								ry *= Math.sqrt(l);
-							}
-							// cx', cy'
-							var s = (largeArcFlag == sweepFlag ? -1 : 1) * Math.sqrt(
-								((Math.pow(rx,2)*Math.pow(ry,2))-(Math.pow(rx,2)*Math.pow(currp.y,2))-(Math.pow(ry,2)*Math.pow(currp.x,2))) /
-								(Math.pow(rx,2)*Math.pow(currp.y,2)+Math.pow(ry,2)*Math.pow(currp.x,2))
-							);
-							if (isNaN(s)) s = 0;
-							var cpp = new svg.Point(s * rx * currp.y / ry, s * -ry * currp.x / rx);
-							// cx, cy
-							var centp = new svg.Point(
-								(curr.x + cp.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y,
-								(curr.y + cp.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y
-							);
-							// vector magnitude
-							var m = function(v) { return Math.sqrt(Math.pow(v[0],2) + Math.pow(v[1],2)); }
-							// ratio between two vectors
-							var r = function(u, v) { return (u[0]*v[0]+u[1]*v[1]) / (m(u)*m(v)) }
-							// angle between two vectors
-							var a = function(u, v) { return (u[0]*v[1] < u[1]*v[0] ? -1 : 1) * Math.acos(r(u,v)); }
-							// initial angle
-							var a1 = a([1,0], [(currp.x-cpp.x)/rx,(currp.y-cpp.y)/ry]);
-							// angle delta
-							var u = [(currp.x-cpp.x)/rx,(currp.y-cpp.y)/ry];
-							var v = [(-currp.x-cpp.x)/rx,(-currp.y-cpp.y)/ry];
-							var ad = a(u, v);
-							if (r(u,v) <= -1) ad = Math.PI;
-							if (r(u,v) >= 1) ad = 0;
-
-							// for markers
-							var dir = 1 - sweepFlag ? 1.0 : -1.0;
-							var ah = a1 + dir * (ad / 2.0);
-							var halfWay = new svg.Point(
-								centp.x + rx * Math.cos(ah),
-								centp.y + ry * Math.sin(ah)
-							);
-							pp.addMarkerAngle(halfWay, ah - dir * Math.PI / 2);
-							pp.addMarkerAngle(cp, ah - dir * Math.PI);
-
-							bb.addPoint(cp.x, cp.y); // TODO: this is too naive, make it better
-							if (ctx != null) {
-								var r = rx > ry ? rx : ry;
-								var sx = rx > ry ? 1 : rx / ry;
-								var sy = rx > ry ? ry / rx : 1;
-
-								ctx.translate(centp.x, centp.y);
-								ctx.rotate(xAxisRotation);
-								ctx.scale(sx, sy);
-								ctx.arc(0, 0, r, a1, a1 + ad, 1 - sweepFlag);
-								ctx.scale(1/sx, 1/sy);
-								ctx.rotate(-xAxisRotation);
-								ctx.translate(-centp.x, -centp.y);
-							}
-						}
-						break;
-					case 'Z':
-					case 'z':
-						if (ctx != null) ctx.closePath();
-						pp.current = pp.start;
-					}
-				}
-
-				return bb;
-			}
-
-			this.getMarkers = function() {
-				var points = this.PathParser.getMarkerPoints();
-				var angles = this.PathParser.getMarkerAngles();
-				
-				var markers = [];
-				for (var i=0; i<points.length; i++) {
-					markers.push([points[i], angles[i]]);
-				}
-				return markers;
-			}
-		}
-		svg.Element.path.prototype = new svg.Element.PathElementBase;
-		
-		// pattern element
-		svg.Element.pattern = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.createPattern = function(ctx, element) {
-				var width = this.attribute('width').toPixels('x', true);
-				var height = this.attribute('height').toPixels('y', true);
-			
-				// render me using a temporary svg element
-				var tempSvg = new svg.Element.svg();
-				tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
-				tempSvg.attributes['width'] = new svg.Property('width', width + 'px');
-				tempSvg.attributes['height'] = new svg.Property('height', height + 'px');
-				tempSvg.attributes['transform'] = new svg.Property('transform', this.attribute('patternTransform').value);
-				tempSvg.children = this.children;
-				
-				var c = document.createElement('canvas');
-				c.width = width;
-				c.height = height;
-				var cctx = c.getContext('2d');
-				if (this.attribute('x').hasValue() && this.attribute('y').hasValue()) {
-					cctx.translate(this.attribute('x').toPixels('x', true), this.attribute('y').toPixels('y', true));
-				}
-				// render 3x3 grid so when we transform there's no white space on edges
-				for (var x=-1; x<=1; x++) {
-					for (var y=-1; y<=1; y++) {
-						cctx.save();
-						cctx.translate(x * c.width, y * c.height);
-						tempSvg.render(cctx);
-						cctx.restore();
-					}
-				}
-				var pattern = ctx.createPattern(c, 'repeat');
-				return pattern;
-			}
-		}
-		svg.Element.pattern.prototype = new svg.Element.ElementBase;
-		
-		// marker element
-		svg.Element.marker = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.baseRender = this.render;
-			this.render = function(ctx, point, angle) {
-				ctx.translate(point.x, point.y);
-				if (this.attribute('orient').valueOrDefault('auto') == 'auto') ctx.rotate(angle);
-				if (this.attribute('markerUnits').valueOrDefault('strokeWidth') == 'strokeWidth') ctx.scale(ctx.lineWidth, ctx.lineWidth);
-				ctx.save();
-							
-				// render me using a temporary svg element
-				var tempSvg = new svg.Element.svg();
-				tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
-				tempSvg.attributes['refX'] = new svg.Property('refX', this.attribute('refX').value);
-				tempSvg.attributes['refY'] = new svg.Property('refY', this.attribute('refY').value);
-				tempSvg.attributes['width'] = new svg.Property('width', this.attribute('markerWidth').value);
-				tempSvg.attributes['height'] = new svg.Property('height', this.attribute('markerHeight').value);
-				tempSvg.attributes['fill'] = new svg.Property('fill', this.attribute('fill').valueOrDefault('black'));
-				tempSvg.attributes['stroke'] = new svg.Property('stroke', this.attribute('stroke').valueOrDefault('none'));
-				tempSvg.children = this.children;
-				tempSvg.render(ctx);
-				
-				ctx.restore();
-				if (this.attribute('markerUnits').valueOrDefault('strokeWidth') == 'strokeWidth') ctx.scale(1/ctx.lineWidth, 1/ctx.lineWidth);
-				if (this.attribute('orient').valueOrDefault('auto') == 'auto') ctx.rotate(-angle);
-				ctx.translate(-point.x, -point.y);
-			}
-		}
-		svg.Element.marker.prototype = new svg.Element.ElementBase;
-		
-		// definitions element
-		svg.Element.defs = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);	
-			
-			this.render = function(ctx) {
-				// NOOP
-			}
-		}
-		svg.Element.defs.prototype = new svg.Element.ElementBase;
-		
-		// base for gradients
-		svg.Element.GradientBase = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.gradientUnits = this.attribute('gradientUnits').valueOrDefault('objectBoundingBox');
-			
-			this.stops = [];			
-			for (var i=0; i<this.children.length; i++) {
-				var child = this.children[i];
-				if (child.type == 'stop') this.stops.push(child);
-			}	
-			
-			this.getGradient = function() {
-				// OVERRIDE ME!
-			}			
-
-			this.createGradient = function(ctx, element, parentOpacityProp) {
-				var stopsContainer = this;
-				if (this.getHrefAttribute().hasValue()) {
-					stopsContainer = this.getHrefAttribute().getDefinition();
-				}
-				
-				var addParentOpacity = function (color) {
-					if (parentOpacityProp.hasValue()) {
-						var p = new svg.Property('color', color);
-						return p.addOpacity(parentOpacityProp).value;
-					}
-					return color;
-				};
-			
-				var g = this.getGradient(ctx, element);
-				if (g == null) return addParentOpacity(stopsContainer.stops[stopsContainer.stops.length - 1].color);
-				for (var i=0; i<stopsContainer.stops.length; i++) {
-					g.addColorStop(stopsContainer.stops[i].offset, addParentOpacity(stopsContainer.stops[i].color));
-				}
-				
-				if (this.attribute('gradientTransform').hasValue()) {
-					// render as transformed pattern on temporary canvas
-					var rootView = svg.ViewPort.viewPorts[0];
-					
-					var rect = new svg.Element.rect();
-					rect.attributes['x'] = new svg.Property('x', -svg.MAX_VIRTUAL_PIXELS/3.0);
-					rect.attributes['y'] = new svg.Property('y', -svg.MAX_VIRTUAL_PIXELS/3.0);
-					rect.attributes['width'] = new svg.Property('width', svg.MAX_VIRTUAL_PIXELS);
-					rect.attributes['height'] = new svg.Property('height', svg.MAX_VIRTUAL_PIXELS);
-					
-					var group = new svg.Element.g();
-					group.attributes['transform'] = new svg.Property('transform', this.attribute('gradientTransform').value);
-					group.children = [ rect ];
-					
-					var tempSvg = new svg.Element.svg();
-					tempSvg.attributes['x'] = new svg.Property('x', 0);
-					tempSvg.attributes['y'] = new svg.Property('y', 0);
-					tempSvg.attributes['width'] = new svg.Property('width', rootView.width);
-					tempSvg.attributes['height'] = new svg.Property('height', rootView.height);
-					tempSvg.children = [ group ];
-					
-					var c = document.createElement('canvas');
-					c.width = rootView.width;
-					c.height = rootView.height;
-					var tempCtx = c.getContext('2d');
-					tempCtx.fillStyle = g;
-					tempSvg.render(tempCtx);		
-					return tempCtx.createPattern(c, 'no-repeat');
-				}
-				
-				return g;				
-			}
-		}
-		svg.Element.GradientBase.prototype = new svg.Element.ElementBase;
-		
-		// linear gradient element
-		svg.Element.linearGradient = function(node) {
-			this.base = svg.Element.GradientBase;
-			this.base(node);
-			
-			this.getGradient = function(ctx, element) {
-				var bb = this.gradientUnits == 'objectBoundingBox' ? element.getBoundingBox() : null;
-				
-				if (!this.attribute('x1').hasValue()
-				 && !this.attribute('y1').hasValue()
-				 && !this.attribute('x2').hasValue()
-				 && !this.attribute('y2').hasValue()) {
-					this.attribute('x1', true).value = 0;
-					this.attribute('y1', true).value = 0;
-					this.attribute('x2', true).value = 1;
-					this.attribute('y2', true).value = 0;
-				 }
-				
-				var x1 = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.x() + bb.width() * this.attribute('x1').numValue() 
-					: this.attribute('x1').toPixels('x'));
-				var y1 = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.y() + bb.height() * this.attribute('y1').numValue()
-					: this.attribute('y1').toPixels('y'));
-				var x2 = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.x() + bb.width() * this.attribute('x2').numValue()
-					: this.attribute('x2').toPixels('x'));
-				var y2 = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.y() + bb.height() * this.attribute('y2').numValue()
-					: this.attribute('y2').toPixels('y'));
-
-				if (x1 == x2 && y1 == y2) return null;
-				return ctx.createLinearGradient(x1, y1, x2, y2);
-			}
-		}
-		svg.Element.linearGradient.prototype = new svg.Element.GradientBase;
-		
-		// radial gradient element
-		svg.Element.radialGradient = function(node) {
-			this.base = svg.Element.GradientBase;
-			this.base(node);
-			
-			this.getGradient = function(ctx, element) {
-				var bb = element.getBoundingBox();
-				
-				if (!this.attribute('cx').hasValue()) this.attribute('cx', true).value = '50%';
-				if (!this.attribute('cy').hasValue()) this.attribute('cy', true).value = '50%';
-				if (!this.attribute('r').hasValue()) this.attribute('r', true).value = '50%';
-				
-				var cx = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.x() + bb.width() * this.attribute('cx').numValue() 
-					: this.attribute('cx').toPixels('x'));
-				var cy = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.y() + bb.height() * this.attribute('cy').numValue() 
-					: this.attribute('cy').toPixels('y'));
-				
-				var fx = cx;
-				var fy = cy;
-				if (this.attribute('fx').hasValue()) {
-					fx = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.x() + bb.width() * this.attribute('fx').numValue() 
-					: this.attribute('fx').toPixels('x'));
-				}
-				if (this.attribute('fy').hasValue()) {
-					fy = (this.gradientUnits == 'objectBoundingBox' 
-					? bb.y() + bb.height() * this.attribute('fy').numValue() 
-					: this.attribute('fy').toPixels('y'));
-				}
-				
-				var r = (this.gradientUnits == 'objectBoundingBox' 
-					? (bb.width() + bb.height()) / 2.0 * this.attribute('r').numValue()
-					: this.attribute('r').toPixels());
-				
-				return ctx.createRadialGradient(fx, fy, 0, cx, cy, r);
-			}
-		}
-		svg.Element.radialGradient.prototype = new svg.Element.GradientBase;
-		
-		// gradient stop element
-		svg.Element.stop = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.offset = this.attribute('offset').numValue();
-			if (this.offset < 0) this.offset = 0;
-			if (this.offset > 1) this.offset = 1;
-			
-			var stopColor = this.style('stop-color');
-			if (this.style('stop-opacity').hasValue()) stopColor = stopColor.addOpacity(this.style('stop-opacity'));
-			this.color = stopColor.value;
-		}
-		svg.Element.stop.prototype = new svg.Element.ElementBase;
-		
-		// animation base element
-		svg.Element.AnimateBase = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			svg.Animations.push(this);
-			
-			this.duration = 0.0;
-			this.begin = this.attribute('begin').toMilliseconds();
-			this.maxDuration = this.begin + this.attribute('dur').toMilliseconds();
-			
-			this.getProperty = function() {
-				var attributeType = this.attribute('attributeType').value;
-				var attributeName = this.attribute('attributeName').value;
-				
-				if (attributeType == 'CSS') {
-					return this.parent.style(attributeName, true);
-				}
-				return this.parent.attribute(attributeName, true);			
-			};
-			
-			this.initialValue = null;
-			this.initialUnits = '';
-			this.removed = false;		
-
-			this.calcValue = function() {
-				// OVERRIDE ME!
-				return '';
-			}
-					
-			this.update = function(delta) {	
-				// set initial value
-				if (this.initialValue == null) {
-					this.initialValue = this.getProperty().value;
-					this.initialUnits = this.getProperty().getUnits();
-				}
-			
-				// if we're past the end time
-				if (this.duration > this.maxDuration) {
-					// loop for indefinitely repeating animations
-					if (this.attribute('repeatCount').value == 'indefinite'
-					 || this.attribute('repeatDur').value == 'indefinite') {
-						this.duration = 0.0
-					}
-					else if (this.attribute('fill').valueOrDefault('remove') == 'freeze' && !this.frozen) {
-						this.frozen = true;
-						this.parent.animationFrozen = true;
-						this.parent.animationFrozenValue = this.getProperty().value;
-					}
-					else if (this.attribute('fill').valueOrDefault('remove') == 'remove' && !this.removed) {
-						this.removed = true;
-						this.getProperty().value = this.parent.animationFrozen ? this.parent.animationFrozenValue : this.initialValue;
-						return true;
-					}
-					return false;
-				}			
-				this.duration = this.duration + delta;
-			
-				// if we're past the begin time
-				var updated = false;
-				if (this.begin < this.duration) {
-					var newValue = this.calcValue(); // tween
-					
-					if (this.attribute('type').hasValue()) {
-						// for transform, etc.
-						var type = this.attribute('type').value;
-						newValue = type + '(' + newValue + ')';
-					}
-					
-					this.getProperty().value = newValue;
-					updated = true;
-				}
-				
-				return updated;
-			}
-			
-			this.from = this.attribute('from');
-			this.to = this.attribute('to');
-			this.values = this.attribute('values');
-			if (this.values.hasValue()) this.values.value = this.values.value.split(';');
-			
-			// fraction of duration we've covered
-			this.progress = function() {
-				var ret = { progress: (this.duration - this.begin) / (this.maxDuration - this.begin) };
-				if (this.values.hasValue()) {
-					var p = ret.progress * (this.values.value.length - 1);
-					var lb = Math.floor(p), ub = Math.ceil(p);
-					ret.from = new svg.Property('from', parseFloat(this.values.value[lb]));
-					ret.to = new svg.Property('to', parseFloat(this.values.value[ub]));
-					ret.progress = (p - lb) / (ub - lb);
-				}
-				else {
-					ret.from = this.from;
-					ret.to = this.to;
-				}
-				return ret;
-			}			
-		}
-		svg.Element.AnimateBase.prototype = new svg.Element.ElementBase;
-		
-		// animate element
-		svg.Element.animate = function(node) {
-			this.base = svg.Element.AnimateBase;
-			this.base(node);
-			
-			this.calcValue = function() {
-				var p = this.progress();
-				
-				// tween value linearly
-				var newValue = p.from.numValue() + (p.to.numValue() - p.from.numValue()) * p.progress; 
-				return newValue + this.initialUnits;
-			};
-		}
-		svg.Element.animate.prototype = new svg.Element.AnimateBase;
-			
-		// animate color element
-		svg.Element.animateColor = function(node) {
-			this.base = svg.Element.AnimateBase;
-			this.base(node);
-
-			this.calcValue = function() {
-				var p = this.progress();
-				var from = new RGBColor(p.from.value);
-				var to = new RGBColor(p.to.value);
-				
-				if (from.ok && to.ok) {
-					// tween color linearly
-					var r = from.r + (to.r - from.r) * p.progress;
-					var g = from.g + (to.g - from.g) * p.progress;
-					var b = from.b + (to.b - from.b) * p.progress;
-					return 'rgb('+parseInt(r,10)+','+parseInt(g,10)+','+parseInt(b,10)+')';
-				}
-				return this.attribute('from').value;
-			};
-		}
-		svg.Element.animateColor.prototype = new svg.Element.AnimateBase;
-		
-		// animate transform element
-		svg.Element.animateTransform = function(node) {
-			this.base = svg.Element.AnimateBase;
-			this.base(node);
-			
-			this.calcValue = function() {
-				var p = this.progress();
-				
-				// tween value linearly
-				var from = svg.ToNumberArray(p.from.value);
-				var to = svg.ToNumberArray(p.to.value);
-				var newValue = '';
-				for (var i=0; i<from.length; i++) {
-					newValue += from[i] + (to[i] - from[i]) * p.progress + ' ';
-				}
-				return newValue;
-			};
-		}
-		svg.Element.animateTransform.prototype = new svg.Element.animate;
-		
-		// font element
-		svg.Element.font = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-
-			this.horizAdvX = this.attribute('horiz-adv-x').numValue();			
-			
-			this.isRTL = false;
-			this.isArabic = false;
-			this.fontFace = null;
-			this.missingGlyph = null;
-			this.glyphs = [];			
-			for (var i=0; i<this.children.length; i++) {
-				var child = this.children[i];
-				if (child.type == 'font-face') {
-					this.fontFace = child;
-					if (child.style('font-family').hasValue()) {
-						svg.Definitions[child.style('font-family').value] = this;
-					}
-				}
-				else if (child.type == 'missing-glyph') this.missingGlyph = child;
-				else if (child.type == 'glyph') {
-					if (child.arabicForm != '') {
-						this.isRTL = true;
-						this.isArabic = true;
-						if (typeof(this.glyphs[child.unicode]) == 'undefined') this.glyphs[child.unicode] = [];
-						this.glyphs[child.unicode][child.arabicForm] = child;
-					}
-					else {
-						this.glyphs[child.unicode] = child;
-					}
-				}
-			}	
-		}
-		svg.Element.font.prototype = new svg.Element.ElementBase;
-		
-		// font-face element
-		svg.Element.fontface = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);	
-			
-			this.ascent = this.attribute('ascent').value;
-			this.descent = this.attribute('descent').value;
-			this.unitsPerEm = this.attribute('units-per-em').numValue();				
-		}
-		svg.Element.fontface.prototype = new svg.Element.ElementBase;
-		
-		// missing-glyph element
-		svg.Element.missingglyph = function(node) {
-			this.base = svg.Element.path;
-			this.base(node);	
-			
-			this.horizAdvX = 0;
-		}
-		svg.Element.missingglyph.prototype = new svg.Element.path;
-		
-		// glyph element
-		svg.Element.glyph = function(node) {
-			this.base = svg.Element.path;
-			this.base(node);	
-			
-			this.horizAdvX = this.attribute('horiz-adv-x').numValue();
-			this.unicode = this.attribute('unicode').value;
-			this.arabicForm = this.attribute('arabic-form').value;
-		}
-		svg.Element.glyph.prototype = new svg.Element.path;
-		
-		// text element
-		svg.Element.text = function(node) {
-			this.captureTextNodes = true;
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-			
-			this.baseSetContext = this.setContext;
-			this.setContext = function(ctx) {
-				this.baseSetContext(ctx);
-				
-				var textBaseline = this.style('dominant-baseline').toTextBaseline();
-				if (textBaseline == null) textBaseline = this.style('alignment-baseline').toTextBaseline();
-				if (textBaseline != null) ctx.textBaseline = textBaseline;
-			}
-			
-			this.getBoundingBox = function () {
-				var x = this.attribute('x').toPixels('x');
-				var y = this.attribute('y').toPixels('y');
-				var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
-				return new svg.BoundingBox(x, y - fontSize, x + Math.floor(fontSize * 2.0 / 3.0) * this.children[0].getText().length, y);
-			}
-			
-			this.renderChildren = function(ctx) {
-				this.x = this.attribute('x').toPixels('x');
-				this.y = this.attribute('y').toPixels('y');
-				this.x += this.getAnchorDelta(ctx, this, 0);
-				for (var i=0; i<this.children.length; i++) {
-					this.renderChild(ctx, this, i);
-				}
-			}
-			
-			this.getAnchorDelta = function (ctx, parent, startI) {
-				var textAnchor = this.style('text-anchor').valueOrDefault('start');
-				if (textAnchor != 'start') {
-					var width = 0;
-					for (var i=startI; i<parent.children.length; i++) {
-						var child = parent.children[i];
-						if (i > startI && child.attribute('x').hasValue()) break; // new group
-						width += child.measureTextRecursive(ctx);
-					}
-					return -1 * (textAnchor == 'end' ? width : width / 2.0);
-				}
-				return 0;
-			}
-			
-			this.renderChild = function(ctx, parent, i) {
-				var child = parent.children[i];
-				if (child.attribute('x').hasValue()) {
-					child.x = child.attribute('x').toPixels('x') + this.getAnchorDelta(ctx, parent, i);
-					if (child.attribute('dx').hasValue()) child.x += child.attribute('dx').toPixels('x');
-				}
-				else {
-					if (this.attribute('dx').hasValue()) this.x += this.attribute('dx').toPixels('x');
-					if (child.attribute('dx').hasValue()) this.x += child.attribute('dx').toPixels('x');
-					child.x = this.x;
-				}
-				this.x = child.x + child.measureText(ctx);
-				
-				if (child.attribute('y').hasValue()) {
-					child.y = child.attribute('y').toPixels('y');
-					if (child.attribute('dy').hasValue()) child.y += child.attribute('dy').toPixels('y');
-				}
-				else {
-					if (this.attribute('dy').hasValue()) this.y += this.attribute('dy').toPixels('y');
-					if (child.attribute('dy').hasValue()) this.y += child.attribute('dy').toPixels('y');
-					child.y = this.y;
-				}
-				this.y = child.y;
-				
-				child.render(ctx);
-				
-				for (var i=0; i<child.children.length; i++) {
-					this.renderChild(ctx, child, i);
-				}
-			}
-		}
-		svg.Element.text.prototype = new svg.Element.RenderedElementBase;
-		
-		// text base
-		svg.Element.TextElementBase = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-			
-			this.getGlyph = function(font, text, i) {
-				var c = text[i];
-				var glyph = null;
-				if (font.isArabic) {
-					var arabicForm = 'isolated';
-					if ((i==0 || text[i-1]==' ') && i<text.length-2 && text[i+1]!=' ') arabicForm = 'terminal'; 
-					if (i>0 && text[i-1]!=' ' && i<text.length-2 && text[i+1]!=' ') arabicForm = 'medial';
-					if (i>0 && text[i-1]!=' ' && (i == text.length-1 || text[i+1]==' ')) arabicForm = 'initial';
-					if (typeof(font.glyphs[c]) != 'undefined') {
-						glyph = font.glyphs[c][arabicForm];
-						if (glyph == null && font.glyphs[c].type == 'glyph') glyph = font.glyphs[c];
-					}
-				}
-				else {
-					glyph = font.glyphs[c];
-				}
-				if (glyph == null) glyph = font.missingGlyph;
-				return glyph;
-			}
-			
-			this.renderChildren = function(ctx) {
-				var customFont = this.parent.style('font-family').getDefinition();
-				if (customFont != null) {
-					var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
-					var fontStyle = this.parent.style('font-style').valueOrDefault(svg.Font.Parse(svg.ctx.font).fontStyle);
-					var text = this.getText();
-					if (customFont.isRTL) text = text.split("").reverse().join("");
-					
-					var dx = svg.ToNumberArray(this.parent.attribute('dx').value);
-					for (var i=0; i<text.length; i++) {
-						var glyph = this.getGlyph(customFont, text, i);
-						var scale = fontSize / customFont.fontFace.unitsPerEm;
-						ctx.translate(this.x, this.y);
-						ctx.scale(scale, -scale);
-						var lw = ctx.lineWidth;
-						ctx.lineWidth = ctx.lineWidth * customFont.fontFace.unitsPerEm / fontSize;
-						if (fontStyle == 'italic') ctx.transform(1, 0, .4, 1, 0, 0);
-						glyph.render(ctx);
-						if (fontStyle == 'italic') ctx.transform(1, 0, -.4, 1, 0, 0);
-						ctx.lineWidth = lw;
-						ctx.scale(1/scale, -1/scale);
-						ctx.translate(-this.x, -this.y);	
-						
-						this.x += fontSize * (glyph.horizAdvX || customFont.horizAdvX) / customFont.fontFace.unitsPerEm;
-						if (typeof(dx[i]) != 'undefined' && !isNaN(dx[i])) {
-							this.x += dx[i];
-						}
-					}
-					return;
-				}
-			
-				if (ctx.fillStyle != '') ctx.fillText(svg.compressSpaces(this.getText()), this.x, this.y);
-				if (ctx.strokeStyle != '') ctx.strokeText(svg.compressSpaces(this.getText()), this.x, this.y);
-			}
-			
-			this.getText = function() {
-				// OVERRIDE ME
-			}
-			
-			this.measureTextRecursive = function(ctx) {
-				var width = this.measureText(ctx);
-				for (var i=0; i<this.children.length; i++) {
-					width += this.children[i].measureTextRecursive(ctx);
-				}
-				return width;
-			}
-			
-			this.measureText = function(ctx) {
-				var customFont = this.parent.style('font-family').getDefinition();
-				if (customFont != null) {
-					var fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
-					var measure = 0;
-					var text = this.getText();
-					if (customFont.isRTL) text = text.split("").reverse().join("");
-					var dx = svg.ToNumberArray(this.parent.attribute('dx').value);
-					for (var i=0; i<text.length; i++) {
-						var glyph = this.getGlyph(customFont, text, i);
-						measure += (glyph.horizAdvX || customFont.horizAdvX) * fontSize / customFont.fontFace.unitsPerEm;
-						if (typeof(dx[i]) != 'undefined' && !isNaN(dx[i])) {
-							measure += dx[i];
-						}
-					}
-					return measure;
-				}
-			
-				var textToMeasure = svg.compressSpaces(this.getText());
-				if (!ctx.measureText) return textToMeasure.length * 10;
-				
-				ctx.save();
-				this.setContext(ctx);
-				var width = ctx.measureText(textToMeasure).width;
-				ctx.restore();
-				return width;
-			}
-		}
-		svg.Element.TextElementBase.prototype = new svg.Element.RenderedElementBase;
-		
-		// tspan 
-		svg.Element.tspan = function(node) {
-			this.captureTextNodes = true;
-			this.base = svg.Element.TextElementBase;
-			this.base(node);
-			
-			this.text = node.nodeValue || node.text || '';
-			this.getText = function() {
-				return this.text;
-			}
-		}
-		svg.Element.tspan.prototype = new svg.Element.TextElementBase;
-		
-		// tref
-		svg.Element.tref = function(node) {
-			this.base = svg.Element.TextElementBase;
-			this.base(node);
-			
-			this.getText = function() {
-				var element = this.getHrefAttribute().getDefinition();
-				if (element != null) return element.children[0].getText();
-			}
-		}
-		svg.Element.tref.prototype = new svg.Element.TextElementBase;		
-		
-		// a element
-		svg.Element.a = function(node) {
-			this.base = svg.Element.TextElementBase;
-			this.base(node);
-			
-			this.hasText = true;
-			for (var i=0; i<node.childNodes.length; i++) {
-				if (node.childNodes[i].nodeType != 3) this.hasText = false;
-			}
-			
-			// this might contain text
-			this.text = this.hasText ? node.childNodes[0].nodeValue : '';
-			this.getText = function() {
-				return this.text;
-			}		
-
-			this.baseRenderChildren = this.renderChildren;
-			this.renderChildren = function(ctx) {
-				if (this.hasText) {
-					// render as text element
-					this.baseRenderChildren(ctx);
-					var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
-					svg.Mouse.checkBoundingBox(this, new svg.BoundingBox(this.x, this.y - fontSize.toPixels('y'), this.x + this.measureText(ctx), this.y));					
-				}
-				else {
-					// render as temporary group
-					var g = new svg.Element.g();
-					g.children = this.children;
-					g.parent = this;
-					g.render(ctx);
-				}
-			}
-			
-			this.onclick = function() {
-				window.open(this.getHrefAttribute().value);
-			}
-			
-			this.onmousemove = function() {
-				svg.ctx.canvas.style.cursor = 'pointer';
-			}
-		}
-		svg.Element.a.prototype = new svg.Element.TextElementBase;		
-		
-		// image element
-		svg.Element.image = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-			
-			var href = this.getHrefAttribute().value;
-			if (href === '') {
-				return;
-			}
-			var isSvg = href.match(/\.svg$/)
-			
-			svg.Images.push(this);
-			this.loaded = false;
-			if (!isSvg) {
-				this.img = document.createElement('img');
-				if (svg.opts['useCORS'] == true) { this.img.crossOrigin = 'Anonymous'; }
-				var self = this;
-				this.img.onload = function() { self.loaded = true; }
-				this.img.onerror = function() { svg.log('ERROR: image "' + href + '" not found'); self.loaded = true; }
-				this.img.src = href;
-			}
-			else {
-				this.img = svg.ajax(href);
-				this.loaded = true;
-			}
-			
-			this.renderChildren = function(ctx) {
-				var x = this.attribute('x').toPixels('x');
-				var y = this.attribute('y').toPixels('y');
-				
-				var width = this.attribute('width').toPixels('x');
-				var height = this.attribute('height').toPixels('y');			
-				if (width == 0 || height == 0) return;
-			
-				ctx.save();
-				if (isSvg) {
-					ctx.drawSvg(this.img, x, y, width, height);
-				}
-				else {
-					ctx.translate(x, y);
-					svg.AspectRatio(ctx,
-									this.attribute('preserveAspectRatio').value,
-									width,
-									this.img.width,
-									height,
-									this.img.height,
-									0,
-									0);	
-					ctx.drawImage(this.img, 0, 0);		
-				}
-				ctx.restore();
-			}
-			
-			this.getBoundingBox = function() {
-				var x = this.attribute('x').toPixels('x');
-				var y = this.attribute('y').toPixels('y');
-				var width = this.attribute('width').toPixels('x');
-				var height = this.attribute('height').toPixels('y');
-				return new svg.BoundingBox(x, y, x + width, y + height);
-			}
-		}
-		svg.Element.image.prototype = new svg.Element.RenderedElementBase;
-		
-		// group element
-		svg.Element.g = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-			
-			this.getBoundingBox = function() {
-				var bb = new svg.BoundingBox();
-				for (var i=0; i<this.children.length; i++) {
-					bb.addBoundingBox(this.children[i].getBoundingBox());
-				}
-				return bb;
-			};
-		}
-		svg.Element.g.prototype = new svg.Element.RenderedElementBase;
-
-		// symbol element
-		svg.Element.symbol = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-
-			this.render = function(ctx) {
-				// NO RENDER
-			};
-		}
-		svg.Element.symbol.prototype = new svg.Element.RenderedElementBase;		
-			
-		// style element
-		svg.Element.style = function(node) { 
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			// text, or spaces then CDATA
-			var css = ''
-			for (var i=0; i<node.childNodes.length; i++) {
-			  css += node.childNodes[i].nodeValue;
-			}
-			css = css.replace(/(\/\*([^*]|[\r\n]|(\*+([^*\/]|[\r\n])))*\*+\/)|(^[\s]*\/\/.*)/gm, ''); // remove comments
-			css = svg.compressSpaces(css); // replace whitespace
-			var cssDefs = css.split('}');
-			for (var i=0; i<cssDefs.length; i++) {
-				if (svg.trim(cssDefs[i]) != '') {
-					var cssDef = cssDefs[i].split('{');
-					var cssClasses = cssDef[0].split(',');
-					var cssProps = cssDef[1].split(';');
-					for (var j=0; j<cssClasses.length; j++) {
-						var cssClass = svg.trim(cssClasses[j]);
-						if (cssClass != '') {
-							var props = {};
-							for (var k=0; k<cssProps.length; k++) {
-								var prop = cssProps[k].indexOf(':');
-								var name = cssProps[k].substr(0, prop);
-								var value = cssProps[k].substr(prop + 1, cssProps[k].length - prop);
-								if (name != null && value != null) {
-									props[svg.trim(name)] = new svg.Property(svg.trim(name), svg.trim(value));
-								}
-							}
-							svg.Styles[cssClass] = props;
-							if (cssClass == '@font-face') {
-								var fontFamily = props['font-family'].value.replace(/"/g,'');
-								var srcs = props['src'].value.split(',');
-								for (var s=0; s<srcs.length; s++) {
-									if (srcs[s].indexOf('format("svg")') > 0) {
-										var urlStart = srcs[s].indexOf('url');
-										var urlEnd = srcs[s].indexOf(')', urlStart);
-										var url = srcs[s].substr(urlStart + 5, urlEnd - urlStart - 6);
-										var doc = svg.parseXml(svg.ajax(url));
-										var fonts = doc.getElementsByTagName('font');
-										for (var f=0; f<fonts.length; f++) {
-											var font = svg.CreateElement(fonts[f]);
-											svg.Definitions[fontFamily] = font;
-										}
-									}
-								}
-							}
-						}
-					}
-				}
-			}
-		}
-		svg.Element.style.prototype = new svg.Element.ElementBase;
-		
-		// use element 
-		svg.Element.use = function(node) {
-			this.base = svg.Element.RenderedElementBase;
-			this.base(node);
-			
-			this.baseSetContext = this.setContext;
-			this.setContext = function(ctx) {
-				this.baseSetContext(ctx);
-				if (this.attribute('x').hasValue()) ctx.translate(this.attribute('x').toPixels('x'), 0);
-				if (this.attribute('y').hasValue()) ctx.translate(0, this.attribute('y').toPixels('y'));
-			}
-			
-			var element = this.getHrefAttribute().getDefinition();
-			
-			this.path = function(ctx) {
-				if (element != null) element.path(ctx);
-			}
-			
-			this.getBoundingBox = function() {
-				if (element != null) return element.getBoundingBox();
-			}
-			
-			this.renderChildren = function(ctx) {
-				if (element != null) {
-					var tempSvg = element;
-					if (element.type == 'symbol') {
-						// render me using a temporary svg element in symbol cases (http://www.w3.org/TR/SVG/struct.html#UseElement)
-						tempSvg = new svg.Element.svg();
-						tempSvg.type = 'svg';
-						tempSvg.attributes['viewBox'] = new svg.Property('viewBox', element.attribute('viewBox').value);
-						tempSvg.attributes['preserveAspectRatio'] = new svg.Property('preserveAspectRatio', element.attribute('preserveAspectRatio').value);
-						tempSvg.attributes['overflow'] = new svg.Property('overflow', element.attribute('overflow').value);
-						tempSvg.children = element.children;
-					}
-					if (tempSvg.type == 'svg') {
-						// if symbol or svg, inherit width/height from me
-						if (this.attribute('width').hasValue()) tempSvg.attributes['width'] = new svg.Property('width', this.attribute('width').value);
-						if (this.attribute('height').hasValue()) tempSvg.attributes['height'] = new svg.Property('height', this.attribute('height').value);
-					}
-					var oldParent = tempSvg.parent;
-					tempSvg.parent = null;
-					tempSvg.render(ctx);
-					tempSvg.parent = oldParent;
-				}
-			}
-		}
-		svg.Element.use.prototype = new svg.Element.RenderedElementBase;
-		
-		// mask element
-		svg.Element.mask = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-						
-			this.apply = function(ctx, element) {
-				// render as temp svg	
-				var x = this.attribute('x').toPixels('x');
-				var y = this.attribute('y').toPixels('y');
-				var width = this.attribute('width').toPixels('x');
-				var height = this.attribute('height').toPixels('y');
-				
-				if (width == 0 && height == 0) {
-					var bb = new svg.BoundingBox();
-					for (var i=0; i<this.children.length; i++) {
-						bb.addBoundingBox(this.children[i].getBoundingBox());
-					}
-					var x = Math.floor(bb.x1);
-					var y = Math.floor(bb.y1);
-					var width = Math.floor(bb.width());
-					var	height = Math.floor(bb.height());
-				}
-				
-				// temporarily remove mask to avoid recursion
-				var mask = element.attribute('mask').value;
-				element.attribute('mask').value = '';
-				
-					var cMask = document.createElement('canvas');
-					cMask.width = x + width;
-					cMask.height = y + height;
-					var maskCtx = cMask.getContext('2d');
-					this.renderChildren(maskCtx);
-				
-					var c = document.createElement('canvas');
-					c.width = x + width;
-					c.height = y + height;
-					var tempCtx = c.getContext('2d');
-					element.render(tempCtx);
-					tempCtx.globalCompositeOperation = 'destination-in';
-					tempCtx.fillStyle = maskCtx.createPattern(cMask, 'no-repeat');
-					tempCtx.fillRect(0, 0, x + width, y + height);
-					
-					ctx.fillStyle = tempCtx.createPattern(c, 'no-repeat');
-					ctx.fillRect(0, 0, x + width, y + height);
-					
-				// reassign mask
-				element.attribute('mask').value = mask;	
-			}
-			
-			this.render = function(ctx) {
-				// NO RENDER
-			}
-		}
-		svg.Element.mask.prototype = new svg.Element.ElementBase;
-		
-		// clip element
-		svg.Element.clipPath = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.apply = function(ctx) {
-				for (var i=0; i<this.children.length; i++) {
-					var child = this.children[i];
-					if (typeof(child.path) != 'undefined') {
-						var transform = null;
-						if (child.attribute('transform').hasValue()) { 
-							transform = new svg.Transform(child.attribute('transform').value);
-							transform.apply(ctx);
-						}
-						child.path(ctx);
-						ctx.clip();
-						if (transform) { transform.unapply(ctx); }
-					}
-				}
-			}
-			
-			this.render = function(ctx) {
-				// NO RENDER
-			}
-		}
-		svg.Element.clipPath.prototype = new svg.Element.ElementBase;
-
-		// filters
-		svg.Element.filter = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-						
-			this.apply = function(ctx, element) {
-				// render as temp svg	
-				var bb = element.getBoundingBox();
-				var x = Math.floor(bb.x1);
-				var y = Math.floor(bb.y1);
-				var width = Math.floor(bb.width());
-				var	height = Math.floor(bb.height());
-
-				// temporarily remove filter to avoid recursion
-				var filter = element.style('filter').value;
-				element.style('filter').value = '';
-				
-				var px = 0, py = 0;
-				for (var i=0; i<this.children.length; i++) {
-					var efd = this.children[i].extraFilterDistance || 0;
-					px = Math.max(px, efd);
-					py = Math.max(py, efd);
-				}
-				
-				var c = document.createElement('canvas');
-				c.width = width + 2*px;
-				c.height = height + 2*py;
-				var tempCtx = c.getContext('2d');
-				tempCtx.translate(-x + px, -y + py);
-				element.render(tempCtx);
-			
-				// apply filters
-				for (var i=0; i<this.children.length; i++) {
-					this.children[i].apply(tempCtx, 0, 0, width + 2*px, height + 2*py);
-				}
-				
-				// render on me
-				ctx.drawImage(c, 0, 0, width + 2*px, height + 2*py, x - px, y - py, width + 2*px, height + 2*py);
-				
-				// reassign filter
-				element.style('filter', true).value = filter;	
-			}
-			
-			this.render = function(ctx) {
-				// NO RENDER
-			}		
-		}
-		svg.Element.filter.prototype = new svg.Element.ElementBase;
-		
-		svg.Element.feMorphology = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.apply = function(ctx, x, y, width, height) {
-				// TODO: implement
-			}
-		}
-		svg.Element.feMorphology.prototype = new svg.Element.ElementBase;
-		
-		svg.Element.feComposite = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			this.apply = function(ctx, x, y, width, height) {
-				// TODO: implement
-			}
-		}
-		svg.Element.feComposite.prototype = new svg.Element.ElementBase;
-		
-		svg.Element.feColorMatrix = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-			
-			var matrix = svg.ToNumberArray(this.attribute('values').value);
-			switch (this.attribute('type').valueOrDefault('matrix')) { // http://www.w3.org/TR/SVG/filters.html#feColorMatrixElement
-				case 'saturate':
-					var s = matrix[0];
-					matrix = [0.213+0.787*s,0.715-0.715*s,0.072-0.072*s,0,0,
-							  0.213-0.213*s,0.715+0.285*s,0.072-0.072*s,0,0,
-							  0.213-0.213*s,0.715-0.715*s,0.072+0.928*s,0,0,
-							  0,0,0,1,0,
-							  0,0,0,0,1];
-					break;
-				case 'hueRotate':
-					var a = matrix[0] * Math.PI / 180.0;
-					var c = function (m1,m2,m3) { return m1 + Math.cos(a)*m2 + Math.sin(a)*m3; };
-					matrix = [c(0.213,0.787,-0.213),c(0.715,-0.715,-0.715),c(0.072,-0.072,0.928),0,0,
-							  c(0.213,-0.213,0.143),c(0.715,0.285,0.140),c(0.072,-0.072,-0.283),0,0,
-							  c(0.213,-0.213,-0.787),c(0.715,-0.715,0.715),c(0.072,0.928,0.072),0,0,
-							  0,0,0,1,0,
-							  0,0,0,0,1];
-					break;
-				case 'luminanceToAlpha':
-					matrix = [0,0,0,0,0,
-							  0,0,0,0,0,
-							  0,0,0,0,0,
-							  0.2125,0.7154,0.0721,0,0,
-							  0,0,0,0,1];
-					break;
-			}
-			
-			function imGet(img, x, y, width, height, rgba) {
-				return img[y*width*4 + x*4 + rgba];
-			}
-			
-			function imSet(img, x, y, width, height, rgba, val) {
-				img[y*width*4 + x*4 + rgba] = val;
-			}
-			
-			function m(i, v) {
-				var mi = matrix[i];
-				return mi * (mi < 0 ? v - 255 : v);
-			}
-						
-			this.apply = function(ctx, x, y, width, height) {
-				// assuming x==0 && y==0 for now
-				var srcData = ctx.getImageData(0, 0, width, height);
-				for (var y = 0; y < height; y++) {
-					for (var x = 0; x < width; x++) {
-						var r = imGet(srcData.data, x, y, width, height, 0);
-						var g = imGet(srcData.data, x, y, width, height, 1);
-						var b = imGet(srcData.data, x, y, width, height, 2);
-						var a = imGet(srcData.data, x, y, width, height, 3);
-						imSet(srcData.data, x, y, width, height, 0, m(0,r)+m(1,g)+m(2,b)+m(3,a)+m(4,1));
-						imSet(srcData.data, x, y, width, height, 1, m(5,r)+m(6,g)+m(7,b)+m(8,a)+m(9,1));
-						imSet(srcData.data, x, y, width, height, 2, m(10,r)+m(11,g)+m(12,b)+m(13,a)+m(14,1));
-						imSet(srcData.data, x, y, width, height, 3, m(15,r)+m(16,g)+m(17,b)+m(18,a)+m(19,1));
-					}
-				}
-				ctx.clearRect(0, 0, width, height);
-				ctx.putImageData(srcData, 0, 0);
-			}
-		}
-		svg.Element.feColorMatrix.prototype = new svg.Element.ElementBase;
-		
-		svg.Element.feGaussianBlur = function(node) {
-			this.base = svg.Element.ElementBase;
-			this.base(node);
-
-			this.blurRadius = Math.floor(this.attribute('stdDeviation').numValue());
-			this.extraFilterDistance = this.blurRadius;
-			
-			this.apply = function(ctx, x, y, width, height) {
-				if (typeof(stackBlurCanvasRGBA) == 'undefined') {
-					svg.log('ERROR: StackBlur.js must be included for blur to work');
-					return;
-				}
-				
-				// StackBlur requires canvas be on document
-				ctx.canvas.id = svg.UniqueId();
-				ctx.canvas.style.display = 'none';
-				document.body.appendChild(ctx.canvas);
-				stackBlurCanvasRGBA(ctx.canvas.id, x, y, width, height, this.blurRadius);
-				document.body.removeChild(ctx.canvas);
-			}
-		}
-		svg.Element.feGaussianBlur.prototype = new svg.Element.ElementBase;
-		
-		// title element, do nothing
-		svg.Element.title = function(node) {
-		}
-		svg.Element.title.prototype = new svg.Element.ElementBase;
-
-		// desc element, do nothing
-		svg.Element.desc = function(node) {
-		}
-		svg.Element.desc.prototype = new svg.Element.ElementBase;		
-		
-		svg.Element.MISSING = function(node) {
-			svg.log('ERROR: Element \'' + node.nodeName + '\' not yet implemented.');
-		}
-		svg.Element.MISSING.prototype = new svg.Element.ElementBase;
-		
-		// element factory
-		svg.CreateElement = function(node) {	
-			var className = node.nodeName.replace(/^[^:]+:/,''); // remove namespace
-			className = className.replace(/\-/g,''); // remove dashes
-			var e = null;
-			if (typeof(svg.Element[className]) != 'undefined') {
-				e = new svg.Element[className](node);
-			}
-			else {
-				e = new svg.Element.MISSING(node);
-			}
-
-			e.type = node.nodeName;
-			return e;
-		}
-				
-		// load from url
-		svg.load = function(ctx, url) {
-			svg.loadXml(ctx, svg.ajax(url));
-		}
-		
-		// load from xml
-		svg.loadXml = function(ctx, xml) {
-			svg.loadXmlDoc(ctx, svg.parseXml(xml));
-		}
-		
-		svg.loadXmlDoc = function(ctx, dom) {
-			svg.init(ctx);
-			
-			var mapXY = function(p) {
-				var e = ctx.canvas;
-				while (e) {
-					p.x -= e.offsetLeft;
-					p.y -= e.offsetTop;
-					e = e.offsetParent;
-				}
-				if (window.scrollX) p.x += window.scrollX;
-				if (window.scrollY) p.y += window.scrollY;
-				return p;
-			}
-			
-			// bind mouse
-			if (svg.opts['ignoreMouse'] != true) {
-				ctx.canvas.onclick = function(e) {
-					var p = mapXY(new svg.Point(e != null ? e.clientX : event.clientX, e != null ? e.clientY : event.clientY));
-					svg.Mouse.onclick(p.x, p.y);
-				};
-				ctx.canvas.onmousemove = function(e) {
-					var p = mapXY(new svg.Point(e != null ? e.clientX : event.clientX, e != null ? e.clientY : event.clientY));
-					svg.Mouse.onmousemove(p.x, p.y);
-				};
-			}
-		
-			var e = svg.CreateElement(dom.documentElement);
-			e.root = true;
-					
-			// render loop
-			var isFirstRender = true;
-			var draw = function() {
-				svg.ViewPort.Clear();
-				if (ctx.canvas.parentNode) svg.ViewPort.SetCurrent(ctx.canvas.parentNode.clientWidth, ctx.canvas.parentNode.clientHeight);
-			
-				if (svg.opts['ignoreDimensions'] != true) {
-					// set canvas size
-					if (e.style('width').hasValue()) {
-						ctx.canvas.width = e.style('width').toPixels('x');
-						ctx.canvas.style.width = ctx.canvas.width + 'px';
-					}
-					if (e.style('height').hasValue()) {
-						ctx.canvas.height = e.style('height').toPixels('y');
-						ctx.canvas.style.height = ctx.canvas.height + 'px';
-					}
-				}
-				var cWidth = ctx.canvas.clientWidth || ctx.canvas.width;
-				var cHeight = ctx.canvas.clientHeight || ctx.canvas.height;
-				if (svg.opts['ignoreDimensions'] == true && e.style('width').hasValue() && e.style('height').hasValue()) {
-					cWidth = e.style('width').toPixels('x');
-					cHeight = e.style('height').toPixels('y');
-				}
-				svg.ViewPort.SetCurrent(cWidth, cHeight);		
-				
-				if (svg.opts['offsetX'] != null) e.attribute('x', true).value = svg.opts['offsetX'];
-				if (svg.opts['offsetY'] != null) e.attribute('y', true).value = svg.opts['offsetY'];
-				if (svg.opts['scaleWidth'] != null || svg.opts['scaleHeight'] != null) {
-					var xRatio = null, yRatio = null, viewBox = svg.ToNumberArray(e.attribute('viewBox').value);
-					
-					if (svg.opts['scaleWidth'] != null) {
-						if (e.attribute('width').hasValue()) xRatio = e.attribute('width').toPixels('x') / svg.opts['scaleWidth'];
-						else if (!isNaN(viewBox[2])) xRatio = viewBox[2] / svg.opts['scaleWidth'];
-					}
-					
-					if (svg.opts['scaleHeight'] != null) {
-						if (e.attribute('height').hasValue()) yRatio = e.attribute('height').toPixels('y') / svg.opts['scaleHeight'];
-						else if (!isNaN(viewBox[3])) yRatio = viewBox[3] / svg.opts['scaleHeight'];
-					}
-
-					if (xRatio == null) { xRatio = yRatio; }
-					if (yRatio == null) { yRatio = xRatio; }
-					
-					e.attribute('width', true).value = svg.opts['scaleWidth'];
-					e.attribute('height', true).value = svg.opts['scaleHeight'];			
-					e.attribute('viewBox', true).value = '0 0 ' + (cWidth * xRatio) + ' ' + (cHeight * yRatio);
-					e.attribute('preserveAspectRatio', true).value = 'none';
-				}
-			
-				// clear and render
-				if (svg.opts['ignoreClear'] != true) {
-					ctx.clearRect(0, 0, cWidth, cHeight);
-				}
-				e.render(ctx);
-				if (isFirstRender) {
-					isFirstRender = false;
-					if (typeof(svg.opts['renderCallback']) == 'function') svg.opts['renderCallback'](dom);
-				}			
-			}
-			
-			var waitingForImages = true;
-			if (svg.ImagesLoaded()) {
-				waitingForImages = false;
-				draw();
-			}
-			svg.intervalID = setInterval(function() { 
-				var needUpdate = false;
-				
-				if (waitingForImages && svg.ImagesLoaded()) {
-					waitingForImages = false;
-					needUpdate = true;
-				}
-			
-				// need update from mouse events?
-				if (svg.opts['ignoreMouse'] != true) {
-					needUpdate = needUpdate | svg.Mouse.hasEvents();
-				}
-			
-				// need update from animations?
-				if (svg.opts['ignoreAnimation'] != true) {
-					for (var i=0; i<svg.Animations.length; i++) {
-						needUpdate = needUpdate | svg.Animations[i].update(1000 / svg.FRAMERATE);
-					}
-				}
-				
-				// need update from redraw?
-				if (typeof(svg.opts['forceRedraw']) == 'function') {
-					if (svg.opts['forceRedraw']() == true) needUpdate = true;
-				}
-				
-				// render if needed
-				if (needUpdate) {
-					draw();				
-					svg.Mouse.runEvents(); // run and clear our events
-				}
-			}, 1000 / svg.FRAMERATE);
-		}
-		
-		svg.stop = function() {
-			if (svg.intervalID) {
-				clearInterval(svg.intervalID);
-			}
-		}
-		
-		svg.Mouse = new (function() {
-			this.events = [];
-			this.hasEvents = function() { return this.events.length != 0; }
-		
-			this.onclick = function(x, y) {
-				this.events.push({ type: 'onclick', x: x, y: y, 
-					run: function(e) { if (e.onclick) e.onclick(); }
-				});
-			}
-			
-			this.onmousemove = function(x, y) {
-				this.events.push({ type: 'onmousemove', x: x, y: y,
-					run: function(e) { if (e.onmousemove) e.onmousemove(); }
-				});
-			}			
-			
-			this.eventElements = [];
-			
-			this.checkPath = function(element, ctx) {
-				for (var i=0; i<this.events.length; i++) {
-					var e = this.events[i];
-					if (ctx.isPointInPath && ctx.isPointInPath(e.x, e.y)) this.eventElements[i] = element;
-				}
-			}
-			
-			this.checkBoundingBox = function(element, bb) {
-				for (var i=0; i<this.events.length; i++) {
-					var e = this.events[i];
-					if (bb.isPointInBox(e.x, e.y)) this.eventElements[i] = element;
-				}			
-			}
-			
-			this.runEvents = function() {
-				svg.ctx.canvas.style.cursor = '';
-				
-				for (var i=0; i<this.events.length; i++) {
-					var e = this.events[i];
-					var element = this.eventElements[i];
-					while (element) {
-						e.run(element);
-						element = element.parent;
-					}
-				}		
-			
-				// done running, clear
-				this.events = []; 
-				this.eventElements = [];
-			}
-		});
-		
-		return svg;
-	}
-})();
-
-if (typeof(CanvasRenderingContext2D) != 'undefined') {
-	CanvasRenderingContext2D.prototype.drawSvg = function(s, dx, dy, dw, dh) {
-		canvg(this.canvas, s, { 
-			ignoreMouse: true, 
-			ignoreAnimation: true, 
-			ignoreDimensions: true, 
-			ignoreClear: true, 
-			offsetX: dx, 
-			offsetY: dy, 
-			scaleWidth: dw, 
-			scaleHeight: dh
-		});
-	}
-}
+/* eslint-disable new-cap */
+// Todo: Compare with latest canvg (add any improvements of ours) and add full JSDocs (denoting links to standard APIs and which are custom): https://github.com/canvg/canvg
+/**
+ * canvg.js - Javascript SVG parser and renderer on Canvas
+ * @module canvg
+ * @license MIT
+ * @author Gabe Lerner <gabelerner@gmail.com>
+ * @see https://github.com/canvg/canvg
+ */
+
+import RGBColor from './rgbcolor.js';
+import {canvasRGBA} from './StackBlur.js';
+
+let canvasRGBA_ = canvasRGBA;
+
+/**
+* @callback module:canvg.StackBlurCanvasRGBA
+* @param {string} id
+* @param {Float} x
+* @param {Float} y
+* @param {Float} width
+* @param {Float} height
+* @param {Float} blurRadius
+*/
+
+/**
+* @callback module:canvg.ForceRedraw
+* @returns {boolean}
+*/
+
+/**
+* @function module:canvg.setStackBlurCanvasRGBA
+* @param {module:canvg.StackBlurCanvasRGBA} cb Will be passed the canvas ID, x, y, width, height, blurRadius
+*/
+export const setStackBlurCanvasRGBA = (cb) => {
+  canvasRGBA_ = cb;
+};
+
+/**
+* @typedef {PlainObject} module:canvg.CanvgOptions
+* @property {boolean} opts.ignoreMouse true => ignore mouse events
+* @property {boolean} opts.ignoreAnimation true => ignore animations
+* @property {boolean} opts.ignoreDimensions true => does not try to resize canvas
+* @property {boolean} opts.ignoreClear true => does not clear canvas
+* @property {Integer} opts.offsetX int => draws at a x offset
+* @property {Integer} opts.offsetY int => draws at a y offset
+* @property {Integer} opts.scaleWidth int => scales horizontally to width
+* @property {Integer} opts.scaleHeight int => scales vertically to height
+* @property {module:canvg.ForceRedraw} opts.forceRedraw function => will call the function on every frame, if it returns true, will redraw
+* @property {boolean} opts.log Adds log function
+* @property {boolean} opts.useCORS Whether to set CORS `crossOrigin` for the image to `Anonymous`
+*/
+
+/**
+* If called with no arguments, it will replace all `<svg>` elements on the page with `<canvas>` elements
+* @function module:canvg.canvg
+* @param {HTMLCanvasElement|string} target canvas element or the id of a canvas element
+* @param {string|XMLDocument} s: svg string, url to svg file, or xml document
+* @param {module:canvg.CanvgOptions} [opts] Optional hash of options
+* @returns {Promise} All the function after the first render is completed with dom
+*/
+export const canvg = function (target, s, opts) {
+  // no parameters
+  if (target == null && s == null && opts == null) {
+    const svgTags = document.querySelectorAll('svg');
+    return Promise.all([...svgTags].map((svgTag) => {
+      const c = document.createElement('canvas');
+      c.width = svgTag.clientWidth;
+      c.height = svgTag.clientHeight;
+      svgTag.before(c);
+      svgTag.remove();
+      const div = document.createElement('div');
+      div.append(svgTag);
+      return canvg(c, div.innerHTML);
+    }));
+  }
+
+  if (typeof target === 'string') {
+    target = document.getElementById(target);
+  }
+
+  // store class on canvas
+  if (target.svg != null) target.svg.stop();
+  const svg = build(opts || {});
+  // on i.e. 8 for flash canvas, we can't assign the property so check for it
+  if (!(target.childNodes.length === 1 && target.childNodes[0].nodeName === 'OBJECT')) {
+    target.svg = svg;
+  }
+
+  const ctx = target.getContext('2d');
+  if (typeof s.documentElement !== 'undefined') {
+    // load from xml doc
+    return svg.loadXmlDoc(ctx, s);
+  }
+  if (s.substr(0, 1) === '<') {
+    // load from xml string
+    return svg.loadXml(ctx, s);
+  }
+  // load from url
+  return svg.load(ctx, s);
+};
+
+/**
+* @param {module:canvg.CanvgOptions} opts
+* @returns {object}
+* @todo Flesh out exactly what object is returned here (after updating to latest and reincluding our changes here and those of StackBlur)
+*/
+function build (opts) {
+  const svg = {opts};
+
+  svg.FRAMERATE = 30;
+  svg.MAX_VIRTUAL_PIXELS = 30000;
+
+  svg.log = function (msg) {};
+  if (svg.opts.log === true && typeof console !== 'undefined') {
+    svg.log = function (msg) { console.log(msg); };
+  }
+
+  // globals
+  svg.init = function (ctx) {
+    let uniqueId = 0;
+    svg.UniqueId = function () {
+      uniqueId++;
+      return 'canvg' + uniqueId;
+    };
+    svg.Definitions = {};
+    svg.Styles = {};
+    svg.Animations = [];
+    svg.Images = [];
+    svg.ctx = ctx;
+    svg.ViewPort = {
+      viewPorts: [],
+      Clear () { this.viewPorts = []; },
+      SetCurrent (width, height) { this.viewPorts.push({ width, height }); },
+      RemoveCurrent () { this.viewPorts.pop(); },
+      Current () { return this.viewPorts[this.viewPorts.length - 1]; },
+      width () { return this.Current().width; },
+      height () { return this.Current().height; },
+      ComputeSize (d) {
+        if (d != null && typeof d === 'number') return d;
+        if (d === 'x') return this.width();
+        if (d === 'y') return this.height();
+        return Math.sqrt(
+          Math.pow(this.width(), 2) + Math.pow(this.height(), 2)
+        ) / Math.sqrt(2);
+      }
+    };
+  };
+  svg.init();
+
+  // images loaded
+  svg.ImagesLoaded = function () {
+    return svg.Images.every((img) => img.loaded);
+  };
+
+  // trim
+  svg.trim = function (s) {
+    return s.replace(/^\s+|\s+$/g, '');
+  };
+
+  // compress spaces
+  svg.compressSpaces = function (s) {
+    return s.replace(/[\s\r\t\n]+/gm, ' ');
+  };
+
+  // ajax
+  svg.ajax = function (url, asynch) {
+    const AJAX = window.XMLHttpRequest
+      ? new XMLHttpRequest()
+      : new window.ActiveXObject('Microsoft.XMLHTTP');
+    if (!AJAX) {
+      return null;
+    }
+    if (asynch) {
+      return new Promise((resolve, reject) => {
+        const req = AJAX.open('GET', url, true);
+        req.addEventListener('load', () => {
+          resolve(AJAX.responseText);
+        });
+        AJAX.send(null);
+      });
+    }
+
+    AJAX.open('GET', url, false);
+    AJAX.send(null);
+    return AJAX.responseText;
+  };
+
+  // parse xml
+  svg.parseXml = function (xml) {
+    if (window.DOMParser) {
+      const parser = new DOMParser();
+      return parser.parseFromString(xml, 'text/xml');
+    } else {
+      xml = xml.replace(/<!DOCTYPE svg[^>]*>/, '');
+      const xmlDoc = new window.ActiveXObject('Microsoft.XMLDOM');
+      xmlDoc.async = 'false';
+      xmlDoc.loadXML(xml);
+      return xmlDoc;
+    }
+  };
+
+  // text extensions
+  // get the text baseline
+  const textBaselineMapping = {
+    baseline: 'alphabetic',
+    'before-edge': 'top',
+    'text-before-edge': 'top',
+    middle: 'middle',
+    central: 'middle',
+    'after-edge': 'bottom',
+    'text-after-edge': 'bottom',
+    ideographic: 'ideographic',
+    alphabetic: 'alphabetic',
+    hanging: 'hanging',
+    mathematical: 'alphabetic'
+  };
+
+  svg.Property = class Property {
+    constructor (name, value) {
+      this.name = name;
+      this.value = value;
+    }
+
+    getValue () {
+      return this.value;
+    }
+
+    hasValue () {
+      return (this.value != null && this.value !== '');
+    }
+
+    // return the numerical value of the property
+    numValue () {
+      if (!this.hasValue()) return 0;
+
+      let n = parseFloat(this.value);
+      if ((this.value + '').match(/%$/)) {
+        n = n / 100.0;
+      }
+      return n;
+    }
+
+    valueOrDefault (def) {
+      if (this.hasValue()) return this.value;
+      return def;
+    }
+
+    numValueOrDefault (def) {
+      if (this.hasValue()) return this.numValue();
+      return def;
+    }
+
+    // color extensions
+    // augment the current color value with the opacity
+    addOpacity (opacityProp) {
+      let newValue = this.value;
+      if (opacityProp.value != null && opacityProp.value !== '' && typeof this.value === 'string') { // can only add opacity to colors, not patterns
+        const color = new RGBColor(this.value);
+        if (color.ok) {
+          newValue = 'rgba(' + color.r + ', ' + color.g + ', ' + color.b + ', ' + opacityProp.numValue() + ')';
+        }
+      }
+      return new svg.Property(this.name, newValue);
+    }
+
+    // definition extensions
+    // get the definition from the definitions table
+    getDefinition () {
+      let name = this.value.match(/#([^)'"]+)/);
+      if (name) { name = name[1]; }
+      if (!name) { name = this.value; }
+      return svg.Definitions[name];
+    }
+
+    isUrlDefinition () {
+      return this.value.startsWith('url(');
+    }
+
+    getFillStyleDefinition (e, opacityProp) {
+      let def = this.getDefinition();
+
+      // gradient
+      if (def != null && def.createGradient) {
+        return def.createGradient(svg.ctx, e, opacityProp);
+      }
+
+      // pattern
+      if (def != null && def.createPattern) {
+        if (def.getHrefAttribute().hasValue()) {
+          const pt = def.attribute('patternTransform');
+          def = def.getHrefAttribute().getDefinition();
+          if (pt.hasValue()) { def.attribute('patternTransform', true).value = pt.value; }
+        }
+        return def.createPattern(svg.ctx, e);
+      }
+
+      return null;
+    }
+
+    // length extensions
+    getDPI (viewPort) {
+      return 96.0; // TODO: compute?
+    }
+
+    getEM (viewPort) {
+      let em = 12;
+
+      const fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
+      if (fontSize.hasValue()) em = fontSize.toPixels(viewPort);
+
+      return em;
+    }
+
+    getUnits () {
+      const s = this.value + '';
+      return s.replace(/[0-9.-]/g, '');
+    }
+
+    // get the length as pixels
+    toPixels (viewPort, processPercent) {
+      if (!this.hasValue()) return 0;
+      const s = this.value + '';
+      if (s.match(/em$/)) return this.numValue() * this.getEM(viewPort);
+      if (s.match(/ex$/)) return this.numValue() * this.getEM(viewPort) / 2.0;
+      if (s.match(/px$/)) return this.numValue();
+      if (s.match(/pt$/)) return this.numValue() * this.getDPI(viewPort) * (1.0 / 72.0);
+      if (s.match(/pc$/)) return this.numValue() * 15;
+      if (s.match(/cm$/)) return this.numValue() * this.getDPI(viewPort) / 2.54;
+      if (s.match(/mm$/)) return this.numValue() * this.getDPI(viewPort) / 25.4;
+      if (s.match(/in$/)) return this.numValue() * this.getDPI(viewPort);
+      if (s.match(/%$/)) return this.numValue() * svg.ViewPort.ComputeSize(viewPort);
+      const n = this.numValue();
+      if (processPercent && n < 1.0) return n * svg.ViewPort.ComputeSize(viewPort);
+      return n;
+    }
+
+    // time extensions
+    // get the time as milliseconds
+    toMilliseconds () {
+      if (!this.hasValue()) return 0;
+      const s = this.value + '';
+      if (s.match(/s$/)) return this.numValue() * 1000;
+      if (s.match(/ms$/)) return this.numValue();
+      return this.numValue();
+    }
+
+    // angle extensions
+    // get the angle as radians
+    toRadians () {
+      if (!this.hasValue()) return 0;
+      const s = this.value + '';
+      if (s.match(/deg$/)) return this.numValue() * (Math.PI / 180.0);
+      if (s.match(/grad$/)) return this.numValue() * (Math.PI / 200.0);
+      if (s.match(/rad$/)) return this.numValue();
+      return this.numValue() * (Math.PI / 180.0);
+    }
+
+    toTextBaseline () {
+      if (!this.hasValue()) return null;
+      return textBaselineMapping[this.value];
+    }
+  };
+
+  // fonts
+  svg.Font = {
+    Styles: 'normal|italic|oblique|inherit',
+    Variants: 'normal|small-caps|inherit',
+    Weights: 'normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900|inherit',
+
+    CreateFont (fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit) {
+      const f = inherit != null ? this.Parse(inherit) : this.CreateFont('', '', '', '', '', svg.ctx.font);
+      return {
+        fontFamily: fontFamily || f.fontFamily,
+        fontSize: fontSize || f.fontSize,
+        fontStyle: fontStyle || f.fontStyle,
+        fontWeight: fontWeight || f.fontWeight,
+        fontVariant: fontVariant || f.fontVariant,
+        toString () {
+          return [
+            this.fontStyle, this.fontVariant, this.fontWeight,
+            this.fontSize, this.fontFamily
+          ].join(' ');
+        }
+      };
+    },
+
+    Parse (s) {
+      const f = {};
+      const d = svg.trim(svg.compressSpaces(s || '')).split(' ');
+      const set = {
+        fontSize: false, fontStyle: false, fontWeight: false, fontVariant: false
+      };
+      let ff = '';
+      d.forEach((d) => {
+        if (!set.fontStyle && this.Styles.includes(d)) {
+          if (d !== 'inherit') {
+            f.fontStyle = d;
+          }
+          set.fontStyle = true;
+        } else if (!set.fontVariant && this.Variants.includes(d)) {
+          if (d !== 'inherit') {
+            f.fontVariant = d;
+          }
+          set.fontStyle = set.fontVariant = true;
+        } else if (!set.fontWeight && this.Weights.includes(d)) {
+          if (d !== 'inherit') {
+            f.fontWeight = d;
+          }
+          set.fontStyle = set.fontVariant = set.fontWeight = true;
+        } else if (!set.fontSize) {
+          if (d !== 'inherit') {
+            f.fontSize = d.split('/')[0];
+          }
+          set.fontStyle = set.fontVariant = set.fontWeight = set.fontSize = true;
+        } else {
+          if (d !== 'inherit') { ff += d; }
+        }
+      });
+      if (ff !== '') { f.fontFamily = ff; }
+      return f;
+    }
+  };
+
+  // points and paths
+  svg.ToNumberArray = function (s) {
+    const a = svg.trim(svg.compressSpaces((s || '').replace(/,/g, ' '))).split(' ');
+    return a.map((a) => parseFloat(a));
+  };
+  svg.Point = class {
+    constructor (x, y) {
+      this.x = x;
+      this.y = y;
+    }
+
+    angleTo (p) {
+      return Math.atan2(p.y - this.y, p.x - this.x);
+    }
+
+    applyTransform (v) {
+      const xp = this.x * v[0] + this.y * v[2] + v[4];
+      const yp = this.x * v[1] + this.y * v[3] + v[5];
+      this.x = xp;
+      this.y = yp;
+    }
+  };
+
+  svg.CreatePoint = function (s) {
+    const a = svg.ToNumberArray(s);
+    return new svg.Point(a[0], a[1]);
+  };
+  svg.CreatePath = function (s) {
+    const a = svg.ToNumberArray(s);
+    const path = [];
+    for (let i = 0; i < a.length; i += 2) {
+      path.push(new svg.Point(a[i], a[i + 1]));
+    }
+    return path;
+  };
+
+  // bounding box
+  svg.BoundingBox = class {
+    constructor (x1, y1, x2, y2) { // pass in initial points if you want
+      this.x1 = Number.NaN;
+      this.y1 = Number.NaN;
+      this.x2 = Number.NaN;
+      this.y2 = Number.NaN;
+      this.addPoint(x1, y1);
+      this.addPoint(x2, y2);
+    }
+
+    x () { return this.x1; }
+    y () { return this.y1; }
+    width () { return this.x2 - this.x1; }
+    height () { return this.y2 - this.y1; }
+
+    addPoint (x, y) {
+      if (x != null) {
+        if (isNaN(this.x1) || isNaN(this.x2)) {
+          this.x1 = x;
+          this.x2 = x;
+        }
+        if (x < this.x1) this.x1 = x;
+        if (x > this.x2) this.x2 = x;
+      }
+
+      if (y != null) {
+        if (isNaN(this.y1) || isNaN(this.y2)) {
+          this.y1 = y;
+          this.y2 = y;
+        }
+        if (y < this.y1) this.y1 = y;
+        if (y > this.y2) this.y2 = y;
+      }
+    }
+    addX (x) { this.addPoint(x, null); }
+    addY (y) { this.addPoint(null, y); }
+
+    addBoundingBox (bb) {
+      this.addPoint(bb.x1, bb.y1);
+      this.addPoint(bb.x2, bb.y2);
+    }
+
+    addQuadraticCurve (p0x, p0y, p1x, p1y, p2x, p2y) {
+      const cp1x = p0x + 2 / 3 * (p1x - p0x); // CP1 = QP0 + 2/3 *(QP1-QP0)
+      const cp1y = p0y + 2 / 3 * (p1y - p0y); // CP1 = QP0 + 2/3 *(QP1-QP0)
+      const cp2x = cp1x + 1 / 3 * (p2x - p0x); // CP2 = CP1 + 1/3 *(QP2-QP0)
+      const cp2y = cp1y + 1 / 3 * (p2y - p0y); // CP2 = CP1 + 1/3 *(QP2-QP0)
+      this.addBezierCurve(p0x, p0y, cp1x, cp2x, cp1y, cp2y, p2x, p2y);
+    }
+
+    addBezierCurve (p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {
+      // from http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html
+      const p0 = [p0x, p0y], p1 = [p1x, p1y], p2 = [p2x, p2y], p3 = [p3x, p3y];
+      this.addPoint(p0[0], p0[1]);
+      this.addPoint(p3[0], p3[1]);
+
+      for (let i = 0; i <= 1; i++) {
+        const f = function (t) {
+          return Math.pow(1 - t, 3) * p0[i] +
+          3 * Math.pow(1 - t, 2) * t * p1[i] +
+          3 * (1 - t) * Math.pow(t, 2) * p2[i] +
+          Math.pow(t, 3) * p3[i];
+        };
+
+        const b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
+        const a = -3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
+        const c = 3 * p1[i] - 3 * p0[i];
+
+        if (a === 0) {
+          if (b === 0) continue;
+          const t = -c / b;
+          if (t > 0 && t < 1) {
+            if (i === 0) this.addX(f(t));
+            if (i === 1) this.addY(f(t));
+          }
+          continue;
+        }
+
+        const b2ac = Math.pow(b, 2) - 4 * c * a;
+        if (b2ac < 0) continue;
+        const t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
+        if (t1 > 0 && t1 < 1) {
+          if (i === 0) this.addX(f(t1));
+          if (i === 1) this.addY(f(t1));
+        }
+        const t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
+        if (t2 > 0 && t2 < 1) {
+          if (i === 0) this.addX(f(t2));
+          if (i === 1) this.addY(f(t2));
+        }
+      }
+    }
+
+    isPointInBox (x, y) {
+      return (this.x1 <= x && x <= this.x2 && this.y1 <= y && y <= this.y2);
+    }
+  };
+
+  // transforms
+  svg.Transform = class {
+    constructor (v) {
+      this.Type = {
+        translate: class {
+          constructor (s) {
+            this.p = svg.CreatePoint(s);
+            this.apply = function (ctx) {
+              ctx.translate(this.p.x || 0.0, this.p.y || 0.0);
+            };
+            this.unapply = function (ctx) {
+              ctx.translate(-1.0 * this.p.x || 0.0, -1.0 * this.p.y || 0.0);
+            };
+            this.applyToPoint = function (p) {
+              p.applyTransform([1, 0, 0, 1, this.p.x || 0.0, this.p.y || 0.0]);
+            };
+          }
+        },
+        rotate: class {
+          constructor (s) {
+            const a = svg.ToNumberArray(s);
+            this.angle = new svg.Property('angle', a[0]);
+            this.cx = a[1] || 0;
+            this.cy = a[2] || 0;
+            this.apply = function (ctx) {
+              ctx.translate(this.cx, this.cy);
+              ctx.rotate(this.angle.toRadians());
+              ctx.translate(-this.cx, -this.cy);
+            };
+            this.unapply = function (ctx) {
+              ctx.translate(this.cx, this.cy);
+              ctx.rotate(-1.0 * this.angle.toRadians());
+              ctx.translate(-this.cx, -this.cy);
+            };
+            this.applyToPoint = function (p) {
+              const a = this.angle.toRadians();
+              p.applyTransform([1, 0, 0, 1, this.p.x || 0.0, this.p.y || 0.0]);
+              p.applyTransform([Math.cos(a), Math.sin(a), -Math.sin(a), Math.cos(a), 0, 0]);
+              p.applyTransform([1, 0, 0, 1, -this.p.x || 0.0, -this.p.y || 0.0]);
+            };
+          }
+        },
+        scale: class {
+          constructor (s) {
+            this.p = svg.CreatePoint(s);
+            this.apply = function (ctx) {
+              ctx.scale(this.p.x || 1.0, this.p.y || this.p.x || 1.0);
+            };
+            this.unapply = function (ctx) {
+              ctx.scale(1.0 / this.p.x || 1.0, 1.0 / this.p.y || this.p.x || 1.0);
+            };
+            this.applyToPoint = function (p) {
+              p.applyTransform([this.p.x || 0.0, 0, 0, this.p.y || 0.0, 0, 0]);
+            };
+          }
+        },
+        matrix: class {
+          constructor (s) {
+            this.m = svg.ToNumberArray(s);
+            this.apply = function (ctx) {
+              ctx.transform(this.m[0], this.m[1], this.m[2], this.m[3], this.m[4], this.m[5]);
+            };
+            this.applyToPoint = function (p) {
+              p.applyTransform(this.m);
+            };
+          }
+        }
+      };
+      Object.assign(this.Type, {
+        SkewBase: class extends this.Type.matrix {
+          constructor (s) {
+            super(s);
+            this.angle = new svg.Property('angle', s);
+          }
+        }
+      });
+      Object.assign(this.Type, {
+        skewX: class extends this.Type.SkewBase {
+          constructor (s) {
+            super(s);
+            this.m = [1, 0, Math.tan(this.angle.toRadians()), 1, 0, 0];
+          }
+        },
+        skewY: class extends this.Type.SkewBase {
+          constructor (s) {
+            super(s);
+            this.m = [1, Math.tan(this.angle.toRadians()), 0, 1, 0, 0];
+          }
+        }
+      });
+
+      const data = svg.trim(svg.compressSpaces(v)).replace(/\)([a-zA-Z])/g, ') $1').replace(/\)(\s?,\s?)/g, ') ').split(/\s(?=[a-z])/);
+      this.transforms = data.map((d) => {
+        const type = svg.trim(d.split('(')[0]);
+        const s = d.split('(')[1].replace(')', '');
+        const transform = new this.Type[type](s);
+        transform.type = type;
+        return transform;
+      });
+    }
+
+    apply (ctx) {
+      this.transforms.forEach((transform) => {
+        transform.apply(ctx);
+      });
+    }
+
+    unapply (ctx) {
+      for (let i = this.transforms.length - 1; i >= 0; i--) {
+        this.transforms[i].unapply(ctx);
+      }
+    }
+
+    applyToPoint (p) {
+      this.transforms.forEach((transform) => {
+        transform.applyToPoint(p);
+      });
+    }
+  };
+
+  // aspect ratio
+  svg.AspectRatio = function (ctx, aspectRatio, width, desiredWidth, height, desiredHeight, minX, minY, refX, refY) {
+    // aspect ratio - https://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute
+    aspectRatio = svg.compressSpaces(aspectRatio);
+    aspectRatio = aspectRatio.replace(/^defer\s/, ''); // ignore defer
+    const align = aspectRatio.split(' ')[0] || 'xMidYMid';
+    const meetOrSlice = aspectRatio.split(' ')[1] || 'meet';
+
+    // calculate scale
+    const scaleX = width / desiredWidth;
+    const scaleY = height / desiredHeight;
+    const scaleMin = Math.min(scaleX, scaleY);
+    const scaleMax = Math.max(scaleX, scaleY);
+    if (meetOrSlice === 'meet') { desiredWidth *= scaleMin; desiredHeight *= scaleMin; }
+    if (meetOrSlice === 'slice') { desiredWidth *= scaleMax; desiredHeight *= scaleMax; }
+
+    refX = new svg.Property('refX', refX);
+    refY = new svg.Property('refY', refY);
+    if (refX.hasValue() && refY.hasValue()) {
+      ctx.translate(-scaleMin * refX.toPixels('x'), -scaleMin * refY.toPixels('y'));
+    } else {
+      // align
+      if (align.match(/^xMid/) && ((meetOrSlice === 'meet' && scaleMin === scaleY) || (meetOrSlice === 'slice' && scaleMax === scaleY))) ctx.translate(width / 2.0 - desiredWidth / 2.0, 0);
+      if (align.match(/YMid$/) && ((meetOrSlice === 'meet' && scaleMin === scaleX) || (meetOrSlice === 'slice' && scaleMax === scaleX))) ctx.translate(0, height / 2.0 - desiredHeight / 2.0);
+      if (align.match(/^xMax/) && ((meetOrSlice === 'meet' && scaleMin === scaleY) || (meetOrSlice === 'slice' && scaleMax === scaleY))) ctx.translate(width - desiredWidth, 0);
+      if (align.match(/YMax$/) && ((meetOrSlice === 'meet' && scaleMin === scaleX) || (meetOrSlice === 'slice' && scaleMax === scaleX))) ctx.translate(0, height - desiredHeight);
+    }
+
+    // scale
+    if (align === 'none') ctx.scale(scaleX, scaleY);
+    else if (meetOrSlice === 'meet') ctx.scale(scaleMin, scaleMin);
+    else if (meetOrSlice === 'slice') ctx.scale(scaleMax, scaleMax);
+
+    // translate
+    ctx.translate(minX == null ? 0 : -minX, minY == null ? 0 : -minY);
+  };
+
+  // elements
+  svg.Element = {};
+
+  svg.EmptyProperty = new svg.Property('EMPTY', '');
+
+  svg.Element.ElementBase = class {
+    constructor (node) {
+      this.captureTextNodes = arguments[1]; // Argument from inheriting class
+      this.attributes = {};
+      this.styles = {};
+      this.children = [];
+      if (node != null && node.nodeType === 1) { // ELEMENT_NODE
+        // add children
+        [...node.childNodes].forEach((childNode) => {
+          if (childNode.nodeType === 1) {
+            this.addChild(childNode, true); // ELEMENT_NODE
+          }
+          if (this.captureTextNodes && (
+            childNode.nodeType === 3 || childNode.nodeType === 4
+          )) {
+            const text = childNode.nodeValue || childNode.text || '';
+            if (svg.trim(svg.compressSpaces(text)) !== '') {
+              this.addChild(new svg.Element.tspan(childNode), false); // TEXT_NODE
+            }
+          }
+        });
+
+        // add attributes
+        [...node.attributes].forEach(({nodeName, nodeValue}) => {
+          this.attributes[nodeName] = new svg.Property(
+            nodeName,
+            nodeValue
+          );
+        });
+        // add tag styles
+        let styles = svg.Styles[node.nodeName];
+        if (styles != null) {
+          for (const name in styles) {
+            this.styles[name] = styles[name];
+          }
+        }
+
+        // add class styles
+        if (this.attribute('class').hasValue()) {
+          const classes = svg.compressSpaces(this.attribute('class').value).split(' ');
+          classes.forEach((clss) => {
+            styles = svg.Styles['.' + clss];
+            if (styles != null) {
+              for (const name in styles) {
+                this.styles[name] = styles[name];
+              }
+            }
+            styles = svg.Styles[node.nodeName + '.' + clss];
+            if (styles != null) {
+              for (const name in styles) {
+                this.styles[name] = styles[name];
+              }
+            }
+          });
+        }
+
+        // add id styles
+        if (this.attribute('id').hasValue()) {
+          const styles = svg.Styles['#' + this.attribute('id').value];
+          if (styles != null) {
+            for (const name in styles) {
+              this.styles[name] = styles[name];
+            }
+          }
+        }
+
+        // add inline styles
+        if (this.attribute('style').hasValue()) {
+          const styles = this.attribute('style').value.split(';');
+          styles.forEach((style) => {
+            if (svg.trim(style) !== '') {
+              let {name, value} = style.split(':');
+              name = svg.trim(name);
+              value = svg.trim(value);
+              this.styles[name] = new svg.Property(name, value);
+            }
+          });
+        }
+
+        // add id
+        if (this.attribute('id').hasValue()) {
+          if (svg.Definitions[this.attribute('id').value] == null) {
+            svg.Definitions[this.attribute('id').value] = this;
+          }
+        }
+      }
+    }
+
+    // get or create attribute
+    attribute (name, createIfNotExists) {
+      let a = this.attributes[name];
+      if (a != null) return a;
+
+      if (createIfNotExists === true) { a = new svg.Property(name, ''); this.attributes[name] = a; }
+      return a || svg.EmptyProperty;
+    }
+
+    getHrefAttribute () {
+      for (const a in this.attributes) {
+        if (a.match(/:href$/)) {
+          return this.attributes[a];
+        }
+      }
+      return svg.EmptyProperty;
+    }
+
+    // get or create style, crawls up node tree
+    style (name, createIfNotExists, skipAncestors) {
+      let s = this.styles[name];
+      if (s != null) return s;
+
+      const a = this.attribute(name);
+      if (a != null && a.hasValue()) {
+        this.styles[name] = a; // move up to me to cache
+        return a;
+      }
+
+      if (skipAncestors !== true) {
+        const p = this.parent;
+        if (p != null) {
+          const ps = p.style(name);
+          if (ps != null && ps.hasValue()) {
+            return ps;
+          }
+        }
+      }
+
+      if (createIfNotExists === true) { s = new svg.Property(name, ''); this.styles[name] = s; }
+      return s || svg.EmptyProperty;
+    }
+
+    // base render
+    render (ctx) {
+      // don't render display=none
+      if (this.style('display').value === 'none') return;
+
+      // don't render visibility=hidden
+      if (this.style('visibility').value === 'hidden') return;
+
+      ctx.save();
+      if (this.attribute('mask').hasValue()) { // mask
+        const mask = this.attribute('mask').getDefinition();
+        if (mask != null) mask.apply(ctx, this);
+      } else if (this.style('filter').hasValue()) { // filter
+        const filter = this.style('filter').getDefinition();
+        if (filter != null) filter.apply(ctx, this);
+      } else {
+        this.setContext(ctx);
+        this.renderChildren(ctx);
+        this.clearContext(ctx);
+      }
+      ctx.restore();
+    }
+
+    // base set context
+    setContext (ctx) {
+      // OVERRIDE ME!
+    }
+
+    // base clear context
+    clearContext (ctx) {
+      // OVERRIDE ME!
+    }
+
+    // base render children
+    renderChildren (ctx) {
+      this.children.forEach((child) => {
+        child.render(ctx);
+      });
+    }
+
+    addChild (childNode, create) {
+      const child = create
+        ? svg.CreateElement(childNode)
+        : childNode;
+      child.parent = this;
+      if (child.type !== 'title') { this.children.push(child); }
+    }
+  };
+
+  svg.Element.RenderedElementBase = class extends svg.Element.ElementBase {
+    setContext (ctx) {
+      // fill
+      if (this.style('fill').isUrlDefinition()) {
+        const fs = this.style('fill').getFillStyleDefinition(this, this.style('fill-opacity'));
+        if (fs != null) ctx.fillStyle = fs;
+      } else if (this.style('fill').hasValue()) {
+        const fillStyle = this.style('fill');
+        if (fillStyle.value === 'currentColor') fillStyle.value = this.style('color').value;
+        ctx.fillStyle = (fillStyle.value === 'none' ? 'rgba(0,0,0,0)' : fillStyle.value);
+      }
+      if (this.style('fill-opacity').hasValue()) {
+        let fillStyle = new svg.Property('fill', ctx.fillStyle);
+        fillStyle = fillStyle.addOpacity(this.style('fill-opacity'));
+        ctx.fillStyle = fillStyle.value;
+      }
+
+      // stroke
+      if (this.style('stroke').isUrlDefinition()) {
+        const fs = this.style('stroke').getFillStyleDefinition(this, this.style('stroke-opacity'));
+        if (fs != null) ctx.strokeStyle = fs;
+      } else if (this.style('stroke').hasValue()) {
+        const strokeStyle = this.style('stroke');
+        if (strokeStyle.value === 'currentColor') strokeStyle.value = this.style('color').value;
+        ctx.strokeStyle = (strokeStyle.value === 'none' ? 'rgba(0,0,0,0)' : strokeStyle.value);
+      }
+      if (this.style('stroke-opacity').hasValue()) {
+        let strokeStyle = new svg.Property('stroke', ctx.strokeStyle);
+        strokeStyle = strokeStyle.addOpacity(this.style('stroke-opacity'));
+        ctx.strokeStyle = strokeStyle.value;
+      }
+      if (this.style('stroke-width').hasValue()) {
+        const newLineWidth = this.style('stroke-width').toPixels();
+        ctx.lineWidth = newLineWidth === 0 ? 0.001 : newLineWidth; // browsers don't respect 0
+      }
+      if (this.style('stroke-linecap').hasValue()) ctx.lineCap = this.style('stroke-linecap').value;
+      if (this.style('stroke-linejoin').hasValue()) ctx.lineJoin = this.style('stroke-linejoin').value;
+      if (this.style('stroke-miterlimit').hasValue()) ctx.miterLimit = this.style('stroke-miterlimit').value;
+      if (this.style('stroke-dasharray').hasValue() && this.style('stroke-dasharray').value !== 'none') {
+        const gaps = svg.ToNumberArray(this.style('stroke-dasharray').value);
+        if (typeof ctx.setLineDash !== 'undefined') {
+          ctx.setLineDash(gaps);
+        } else if (typeof ctx.webkitLineDash !== 'undefined') {
+          ctx.webkitLineDash = gaps;
+        } else if (typeof ctx.mozDash !== 'undefined' && !(gaps.length === 1 && gaps[0] === 0)) {
+          ctx.mozDash = gaps;
+        }
+
+        const offset = this.style('stroke-dashoffset').numValueOrDefault(1);
+        if (typeof ctx.lineDashOffset !== 'undefined') {
+          ctx.lineDashOffset = offset;
+        } else if (typeof ctx.webkitLineDashOffset !== 'undefined') {
+          ctx.webkitLineDashOffset = offset;
+        } else if (typeof ctx.mozDashOffset !== 'undefined') {
+          ctx.mozDashOffset = offset;
+        }
+      }
+
+      // font
+      if (typeof ctx.font !== 'undefined') {
+        ctx.font = svg.Font.CreateFont(
+          this.style('font-style').value,
+          this.style('font-variant').value,
+          this.style('font-weight').value,
+          this.style('font-size').hasValue() ? this.style('font-size').toPixels() + 'px' : '',
+          this.style('font-family').value).toString();
+      }
+
+      // transform
+      if (this.attribute('transform').hasValue()) {
+        const transform = new svg.Transform(this.attribute('transform').value);
+        transform.apply(ctx);
+      }
+
+      // clip
+      if (this.style('clip-path', false, true).hasValue()) {
+        const clip = this.style('clip-path', false, true).getDefinition();
+        if (clip != null) clip.apply(ctx);
+      }
+
+      // opacity
+      if (this.style('opacity').hasValue()) {
+        ctx.globalAlpha = this.style('opacity').numValue();
+      }
+    }
+  };
+
+  svg.Element.PathElementBase = class extends svg.Element.RenderedElementBase {
+    path (ctx) {
+      if (ctx != null) ctx.beginPath();
+      return new svg.BoundingBox();
+    }
+
+    renderChildren (ctx) {
+      this.path(ctx);
+      svg.Mouse.checkPath(this, ctx);
+      if (ctx.fillStyle !== '') {
+        if (this.style('fill-rule').valueOrDefault('inherit') !== 'inherit') {
+          ctx.fill(this.style('fill-rule').value);
+        } else {
+          ctx.fill();
+        }
+      }
+      if (ctx.strokeStyle !== '') ctx.stroke();
+
+      const markers = this.getMarkers();
+      if (markers != null) {
+        if (this.style('marker-start').isUrlDefinition()) {
+          const marker = this.style('marker-start').getDefinition();
+          marker.render(ctx, markers[0][0], markers[0][1]);
+        }
+        if (this.style('marker-mid').isUrlDefinition()) {
+          const marker = this.style('marker-mid').getDefinition();
+          for (let i = 1; i < markers.length - 1; i++) {
+            marker.render(ctx, markers[i][0], markers[i][1]);
+          }
+        }
+        if (this.style('marker-end').isUrlDefinition()) {
+          const marker = this.style('marker-end').getDefinition();
+          marker.render(ctx, markers[markers.length - 1][0], markers[markers.length - 1][1]);
+        }
+      }
+    }
+
+    getBoundingBox () {
+      return this.path();
+    }
+
+    getMarkers () {
+      return null;
+    }
+  };
+
+  // svg element
+  svg.Element.svg = class extends svg.Element.RenderedElementBase {
+    clearContext (ctx) {
+      super.clearContext(ctx);
+      svg.ViewPort.RemoveCurrent();
+    }
+
+    setContext (ctx) {
+      // initial values and defaults
+      ctx.strokeStyle = 'rgba(0,0,0,0)';
+      ctx.lineCap = 'butt';
+      ctx.lineJoin = 'miter';
+      ctx.miterLimit = 4;
+      if (typeof ctx.font !== 'undefined' && typeof window.getComputedStyle !== 'undefined') {
+        ctx.font = window.getComputedStyle(ctx.canvas).getPropertyValue('font');
+      }
+
+      super.setContext(ctx);
+
+      // create new view port
+      if (!this.attribute('x').hasValue()) this.attribute('x', true).value = 0;
+      if (!this.attribute('y').hasValue()) this.attribute('y', true).value = 0;
+      ctx.translate(this.attribute('x').toPixels('x'), this.attribute('y').toPixels('y'));
+
+      let width = svg.ViewPort.width();
+      let height = svg.ViewPort.height();
+
+      if (!this.attribute('width').hasValue()) this.attribute('width', true).value = '100%';
+      if (!this.attribute('height').hasValue()) this.attribute('height', true).value = '100%';
+      if (typeof this.root === 'undefined') {
+        width = this.attribute('width').toPixels('x');
+        height = this.attribute('height').toPixels('y');
+
+        let x = 0;
+        let y = 0;
+        if (this.attribute('refX').hasValue() && this.attribute('refY').hasValue()) {
+          x = -this.attribute('refX').toPixels('x');
+          y = -this.attribute('refY').toPixels('y');
+        }
+
+        if (this.attribute('overflow').valueOrDefault('hidden') !== 'visible') {
+          ctx.beginPath();
+          ctx.moveTo(x, y);
+          ctx.lineTo(width, y);
+          ctx.lineTo(width, height);
+          ctx.lineTo(x, height);
+          ctx.closePath();
+          ctx.clip();
+        }
+      }
+      svg.ViewPort.SetCurrent(width, height);
+
+      // viewbox
+      if (this.attribute('viewBox').hasValue()) {
+        const viewBox = svg.ToNumberArray(this.attribute('viewBox').value);
+        const minX = viewBox[0];
+        const minY = viewBox[1];
+        width = viewBox[2];
+        height = viewBox[3];
+
+        svg.AspectRatio(
+          ctx,
+          this.attribute('preserveAspectRatio').value,
+          svg.ViewPort.width(),
+          width,
+          svg.ViewPort.height(),
+          height,
+          minX,
+          minY,
+          this.attribute('refX').value,
+          this.attribute('refY').value
+        );
+
+        svg.ViewPort.RemoveCurrent();
+        svg.ViewPort.SetCurrent(viewBox[2], viewBox[3]);
+      }
+    }
+  };
+
+  // rect element
+  svg.Element.rect = class extends svg.Element.PathElementBase {
+    path (ctx) {
+      const x = this.attribute('x').toPixels('x');
+      const y = this.attribute('y').toPixels('y');
+      const width = this.attribute('width').toPixels('x');
+      const height = this.attribute('height').toPixels('y');
+      let rx = this.attribute('rx').toPixels('x');
+      let ry = this.attribute('ry').toPixels('y');
+      if (this.attribute('rx').hasValue() && !this.attribute('ry').hasValue()) ry = rx;
+      if (this.attribute('ry').hasValue() && !this.attribute('rx').hasValue()) rx = ry;
+      rx = Math.min(rx, width / 2.0);
+      ry = Math.min(ry, height / 2.0);
+      if (ctx != null) {
+        ctx.beginPath();
+        ctx.moveTo(x + rx, y);
+        ctx.lineTo(x + width - rx, y);
+        ctx.quadraticCurveTo(x + width, y, x + width, y + ry);
+        ctx.lineTo(x + width, y + height - ry);
+        ctx.quadraticCurveTo(x + width, y + height, x + width - rx, y + height);
+        ctx.lineTo(x + rx, y + height);
+        ctx.quadraticCurveTo(x, y + height, x, y + height - ry);
+        ctx.lineTo(x, y + ry);
+        ctx.quadraticCurveTo(x, y, x + rx, y);
+        ctx.closePath();
+      }
+
+      return new svg.BoundingBox(x, y, x + width, y + height);
+    }
+  };
+
+  // circle element
+  svg.Element.circle = class extends svg.Element.PathElementBase {
+    path (ctx) {
+      const cx = this.attribute('cx').toPixels('x');
+      const cy = this.attribute('cy').toPixels('y');
+      const r = this.attribute('r').toPixels();
+
+      if (ctx != null) {
+        ctx.beginPath();
+        ctx.arc(cx, cy, r, 0, Math.PI * 2, true);
+        ctx.closePath();
+      }
+
+      return new svg.BoundingBox(cx - r, cy - r, cx + r, cy + r);
+    }
+  };
+
+  // ellipse element
+  const KAPPA = 4 * ((Math.sqrt(2) - 1) / 3);
+  svg.Element.ellipse = class extends svg.Element.PathElementBase {
+    path (ctx) {
+      const rx = this.attribute('rx').toPixels('x');
+      const ry = this.attribute('ry').toPixels('y');
+      const cx = this.attribute('cx').toPixels('x');
+      const cy = this.attribute('cy').toPixels('y');
+
+      if (ctx != null) {
+        ctx.beginPath();
+        ctx.moveTo(cx, cy - ry);
+        ctx.bezierCurveTo(cx + (KAPPA * rx), cy - ry, cx + rx, cy - (KAPPA * ry), cx + rx, cy);
+        ctx.bezierCurveTo(cx + rx, cy + (KAPPA * ry), cx + (KAPPA * rx), cy + ry, cx, cy + ry);
+        ctx.bezierCurveTo(cx - (KAPPA * rx), cy + ry, cx - rx, cy + (KAPPA * ry), cx - rx, cy);
+        ctx.bezierCurveTo(cx - rx, cy - (KAPPA * ry), cx - (KAPPA * rx), cy - ry, cx, cy - ry);
+        ctx.closePath();
+      }
+
+      return new svg.BoundingBox(cx - rx, cy - ry, cx + rx, cy + ry);
+    }
+  };
+
+  // line element
+  svg.Element.line = class extends svg.Element.PathElementBase {
+    getPoints () {
+      return [
+        new svg.Point(this.attribute('x1').toPixels('x'), this.attribute('y1').toPixels('y')),
+        new svg.Point(this.attribute('x2').toPixels('x'), this.attribute('y2').toPixels('y'))];
+    }
+
+    path (ctx) {
+      const points = this.getPoints();
+
+      if (ctx != null) {
+        ctx.beginPath();
+        ctx.moveTo(points[0].x, points[0].y);
+        ctx.lineTo(points[1].x, points[1].y);
+      }
+
+      return new svg.BoundingBox(points[0].x, points[0].y, points[1].x, points[1].y);
+    }
+
+    getMarkers () {
+      const points = this.getPoints();
+      const a = points[0].angleTo(points[1]);
+      return [[points[0], a], [points[1], a]];
+    }
+  };
+
+  // polyline element
+  svg.Element.polyline = class extends svg.Element.PathElementBase {
+    constructor (node) {
+      super(node);
+
+      this.points = svg.CreatePath(this.attribute('points').value);
+    }
+    path (ctx) {
+      const {x, y} = this.points[0];
+      const bb = new svg.BoundingBox(x, y);
+      if (ctx != null) {
+        ctx.beginPath();
+        ctx.moveTo(x, y);
+      }
+      for (let i = 1; i < this.points.length; i++) {
+        const {x, y} = this.points[i];
+        bb.addPoint(x, y);
+        if (ctx != null) ctx.lineTo(x, y);
+      }
+      return bb;
+    }
+
+    getMarkers () {
+      const markers = [];
+      for (let i = 0; i < this.points.length - 1; i++) {
+        markers.push([this.points[i], this.points[i].angleTo(this.points[i + 1])]);
+      }
+      markers.push([this.points[this.points.length - 1], markers[markers.length - 1][1]]);
+      return markers;
+    }
+  };
+
+  // polygon element
+  svg.Element.polygon = class extends svg.Element.polyline {
+    path (ctx) {
+      const bb = super.path(ctx);
+      if (ctx != null) {
+        ctx.lineTo(this.points[0].x, this.points[0].y);
+        ctx.closePath();
+      }
+      return bb;
+    }
+  };
+
+  // path element
+  svg.Element.path = class extends svg.Element.PathElementBase {
+    constructor (node) {
+      super(node);
+
+      let d = this.attribute('d').value
+      // TODO: convert to real lexer based on https://www.w3.org/TR/SVG11/paths.html#PathDataBNF
+        .replace(/,/gm, ' ') // get rid of all commas
+        .replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // separate commands from commands
+        .replace(/([MmZzLlHhVvCcSsQqTtAa])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // separate commands from commands
+        .replace(/([MmZzLlHhVvCcSsQqTtAa])([^\s])/gm, '$1 $2') // separate commands from points
+        .replace(/([^\s])([MmZzLlHhVvCcSsQqTtAa])/gm, '$1 $2') // separate commands from points
+        .replace(/([0-9])([+-])/gm, '$1 $2') // separate digits when no comma
+        .replace(/(\.[0-9]*)(\.)/gm, '$1 $2') // separate digits when no comma
+        .replace(/([Aa](\s+[0-9]+){3})\s+([01])\s*([01])/gm, '$1 $3 $4 '); // shorthand elliptical arc path syntax
+      d = svg.compressSpaces(d); // compress multiple spaces
+      d = svg.trim(d);
+      this.PathParser = {
+        tokens: d.split(' '),
+
+        reset () {
+          this.i = -1;
+          this.command = '';
+          this.previousCommand = '';
+          this.start = new svg.Point(0, 0);
+          this.control = new svg.Point(0, 0);
+          this.current = new svg.Point(0, 0);
+          this.points = [];
+          this.angles = [];
+        },
+
+        isEnd () {
+          return this.i >= this.tokens.length - 1;
+        },
+
+        isCommandOrEnd () {
+          if (this.isEnd()) return true;
+          return this.tokens[this.i + 1].match(/^[A-Za-z]$/) != null;
+        },
+
+        isRelativeCommand () {
+          switch (this.command) {
+          case 'm':
+          case 'l':
+          case 'h':
+          case 'v':
+          case 'c':
+          case 's':
+          case 'q':
+          case 't':
+          case 'a':
+          case 'z':
+            return true;
+          }
+          return false;
+        },
+
+        getToken () {
+          this.i++;
+          return this.tokens[this.i];
+        },
+
+        getScalar () {
+          return parseFloat(this.getToken());
+        },
+
+        nextCommand () {
+          this.previousCommand = this.command;
+          this.command = this.getToken();
+        },
+
+        getPoint () {
+          const p = new svg.Point(this.getScalar(), this.getScalar());
+          return this.makeAbsolute(p);
+        },
+
+        getAsControlPoint () {
+          const p = this.getPoint();
+          this.control = p;
+          return p;
+        },
+
+        getAsCurrentPoint () {
+          const p = this.getPoint();
+          this.current = p;
+          return p;
+        },
+
+        getReflectedControlPoint () {
+          if (this.previousCommand.toLowerCase() !== 'c' &&
+            this.previousCommand.toLowerCase() !== 's' &&
+            this.previousCommand.toLowerCase() !== 'q' &&
+            this.previousCommand.toLowerCase() !== 't') {
+            return this.current;
+          }
+
+          // reflect point
+          const p = new svg.Point(2 * this.current.x - this.control.x, 2 * this.current.y - this.control.y);
+          return p;
+        },
+
+        makeAbsolute (p) {
+          if (this.isRelativeCommand()) {
+            p.x += this.current.x;
+            p.y += this.current.y;
+          }
+          return p;
+        },
+
+        addMarker (p, from, priorTo) {
+          // if the last angle isn't filled in because we didn't have this point yet ...
+          if (priorTo != null && this.angles.length > 0 && this.angles[this.angles.length - 1] == null) {
+            this.angles[this.angles.length - 1] = this.points[this.points.length - 1].angleTo(priorTo);
+          }
+          this.addMarkerAngle(p, from == null ? null : from.angleTo(p));
+        },
+
+        addMarkerAngle (p, a) {
+          this.points.push(p);
+          this.angles.push(a);
+        },
+
+        getMarkerPoints () { return this.points; },
+        getMarkerAngles () {
+          for (let i = 0; i < this.angles.length; i++) {
+            if (this.angles[i] == null) {
+              for (let j = i + 1; j < this.angles.length; j++) {
+                if (this.angles[j] != null) {
+                  this.angles[i] = this.angles[j];
+                  break;
+                }
+              }
+            }
+          }
+          return this.angles;
+        }
+      };
+    }
+
+    path (ctx) {
+      const pp = this.PathParser;
+      pp.reset();
+
+      const bb = new svg.BoundingBox();
+      if (ctx != null) ctx.beginPath();
+      while (!pp.isEnd()) {
+        pp.nextCommand();
+        switch (pp.command) {
+        case 'M':
+        case 'm':
+          const p = pp.getAsCurrentPoint();
+          pp.addMarker(p);
+          bb.addPoint(p.x, p.y);
+          if (ctx != null) ctx.moveTo(p.x, p.y);
+          pp.start = pp.current;
+          while (!pp.isCommandOrEnd()) {
+            const p = pp.getAsCurrentPoint();
+            pp.addMarker(p, pp.start);
+            bb.addPoint(p.x, p.y);
+            if (ctx != null) ctx.lineTo(p.x, p.y);
+          }
+          break;
+        case 'L':
+        case 'l':
+          while (!pp.isCommandOrEnd()) {
+            const c = pp.current;
+            const p = pp.getAsCurrentPoint();
+            pp.addMarker(p, c);
+            bb.addPoint(p.x, p.y);
+            if (ctx != null) ctx.lineTo(p.x, p.y);
+          }
+          break;
+        case 'H':
+        case 'h':
+          while (!pp.isCommandOrEnd()) {
+            const newP = new svg.Point((pp.isRelativeCommand() ? pp.current.x : 0) + pp.getScalar(), pp.current.y);
+            pp.addMarker(newP, pp.current);
+            pp.current = newP;
+            bb.addPoint(pp.current.x, pp.current.y);
+            if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
+          }
+          break;
+        case 'V':
+        case 'v':
+          while (!pp.isCommandOrEnd()) {
+            const newP = new svg.Point(pp.current.x, (pp.isRelativeCommand() ? pp.current.y : 0) + pp.getScalar());
+            pp.addMarker(newP, pp.current);
+            pp.current = newP;
+            bb.addPoint(pp.current.x, pp.current.y);
+            if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
+          }
+          break;
+        case 'C':
+        case 'c':
+          while (!pp.isCommandOrEnd()) {
+            const curr = pp.current;
+            const p1 = pp.getPoint();
+            const cntrl = pp.getAsControlPoint();
+            const cp = pp.getAsCurrentPoint();
+            pp.addMarker(cp, cntrl, p1);
+            bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+            if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+          }
+          break;
+        case 'S':
+        case 's':
+          while (!pp.isCommandOrEnd()) {
+            const curr = pp.current;
+            const p1 = pp.getReflectedControlPoint();
+            const cntrl = pp.getAsControlPoint();
+            const cp = pp.getAsCurrentPoint();
+            pp.addMarker(cp, cntrl, p1);
+            bb.addBezierCurve(curr.x, curr.y, p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+            if (ctx != null) ctx.bezierCurveTo(p1.x, p1.y, cntrl.x, cntrl.y, cp.x, cp.y);
+          }
+          break;
+        case 'Q':
+        case 'q':
+          while (!pp.isCommandOrEnd()) {
+            const curr = pp.current;
+            const cntrl = pp.getAsControlPoint();
+            const cp = pp.getAsCurrentPoint();
+            pp.addMarker(cp, cntrl, cntrl);
+            bb.addQuadraticCurve(curr.x, curr.y, cntrl.x, cntrl.y, cp.x, cp.y);
+            if (ctx != null) ctx.quadraticCurveTo(cntrl.x, cntrl.y, cp.x, cp.y);
+          }
+          break;
+        case 'T':
+        case 't':
+          while (!pp.isCommandOrEnd()) {
+            const curr = pp.current;
+            const cntrl = pp.getReflectedControlPoint();
+            pp.control = cntrl;
+            const cp = pp.getAsCurrentPoint();
+            pp.addMarker(cp, cntrl, cntrl);
+            bb.addQuadraticCurve(curr.x, curr.y, cntrl.x, cntrl.y, cp.x, cp.y);
+            if (ctx != null) ctx.quadraticCurveTo(cntrl.x, cntrl.y, cp.x, cp.y);
+          }
+          break;
+        case 'A':
+        case 'a':
+          while (!pp.isCommandOrEnd()) {
+            const curr = pp.current;
+            let rx = pp.getScalar();
+            let ry = pp.getScalar();
+            const xAxisRotation = pp.getScalar() * (Math.PI / 180.0);
+            const largeArcFlag = pp.getScalar();
+            const sweepFlag = pp.getScalar();
+            const cp = pp.getAsCurrentPoint();
+
+            // Conversion from endpoint to center parameterization
+            // https://www.w3.org/TR/SVG11/implnote.html#ArcConversionEndpointToCenter
+
+            // x1', y1'
+            const currp = new svg.Point(
+              Math.cos(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.sin(xAxisRotation) * (curr.y - cp.y) / 2.0,
+              -Math.sin(xAxisRotation) * (curr.x - cp.x) / 2.0 + Math.cos(xAxisRotation) * (curr.y - cp.y) / 2.0
+            );
+            // adjust radii
+            const l = Math.pow(currp.x, 2) / Math.pow(rx, 2) + Math.pow(currp.y, 2) / Math.pow(ry, 2);
+            if (l > 1) {
+              rx *= Math.sqrt(l);
+              ry *= Math.sqrt(l);
+            }
+            // cx', cy'
+            let s = (largeArcFlag === sweepFlag ? -1 : 1) * Math.sqrt(
+              ((Math.pow(rx, 2) * Math.pow(ry, 2)) - (Math.pow(rx, 2) * Math.pow(currp.y, 2)) - (Math.pow(ry, 2) * Math.pow(currp.x, 2))) /
+              (Math.pow(rx, 2) * Math.pow(currp.y, 2) + Math.pow(ry, 2) * Math.pow(currp.x, 2))
+            );
+            if (isNaN(s)) s = 0;
+            const cpp = new svg.Point(s * rx * currp.y / ry, s * -ry * currp.x / rx);
+            // cx, cy
+            const centp = new svg.Point(
+              (curr.x + cp.x) / 2.0 + Math.cos(xAxisRotation) * cpp.x - Math.sin(xAxisRotation) * cpp.y,
+              (curr.y + cp.y) / 2.0 + Math.sin(xAxisRotation) * cpp.x + Math.cos(xAxisRotation) * cpp.y
+            );
+            // vector magnitude
+            const m = function (v) {
+              return Math.sqrt(Math.pow(v[0], 2) + Math.pow(v[1], 2));
+            };
+            // ratio between two vectors
+            const r = function (u, v) {
+              return (u[0] * v[0] + u[1] * v[1]) / (m(u) * m(v));
+            };
+            // angle between two vectors
+            const a = function (u, v) {
+              return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(r(u, v));
+            };
+            // initial angle
+            const a1 = a([1, 0], [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry]);
+            // angle delta
+            const u = [(currp.x - cpp.x) / rx, (currp.y - cpp.y) / ry];
+            const v = [(-currp.x - cpp.x) / rx, (-currp.y - cpp.y) / ry];
+            let ad = a(u, v);
+            if (r(u, v) <= -1) ad = Math.PI;
+            if (r(u, v) >= 1) ad = 0;
+
+            // for markers
+            const dir = 1 - sweepFlag ? 1.0 : -1.0;
+            const ah = a1 + dir * (ad / 2.0);
+            const halfWay = new svg.Point(
+              centp.x + rx * Math.cos(ah),
+              centp.y + ry * Math.sin(ah)
+            );
+            pp.addMarkerAngle(halfWay, ah - dir * Math.PI / 2);
+            pp.addMarkerAngle(cp, ah - dir * Math.PI);
+
+            bb.addPoint(cp.x, cp.y); // TODO: this is too naive, make it better
+            if (ctx != null) {
+              const r = rx > ry ? rx : ry;
+              const sx = rx > ry ? 1 : rx / ry;
+              const sy = rx > ry ? ry / rx : 1;
+
+              ctx.translate(centp.x, centp.y);
+              ctx.rotate(xAxisRotation);
+              ctx.scale(sx, sy);
+              ctx.arc(0, 0, r, a1, a1 + ad, 1 - sweepFlag);
+              ctx.scale(1 / sx, 1 / sy);
+              ctx.rotate(-xAxisRotation);
+              ctx.translate(-centp.x, -centp.y);
+            }
+          }
+          break;
+        case 'Z':
+        case 'z':
+          if (ctx != null) ctx.closePath();
+          pp.current = pp.start;
+        }
+      }
+
+      return bb;
+    }
+
+    getMarkers () {
+      const points = this.PathParser.getMarkerPoints();
+      const angles = this.PathParser.getMarkerAngles();
+
+      const markers = points.map((point, i) => {
+        return [point, angles[i]];
+      });
+      return markers;
+    }
+  };
+
+  // pattern element
+  svg.Element.pattern = class extends svg.Element.ElementBase {
+    createPattern (ctx, element) {
+      const width = this.attribute('width').toPixels('x', true);
+      const height = this.attribute('height').toPixels('y', true);
+
+      // render me using a temporary svg element
+      const tempSvg = new svg.Element.svg();
+      tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+      tempSvg.attributes['width'] = new svg.Property('width', width + 'px');
+      tempSvg.attributes['height'] = new svg.Property('height', height + 'px');
+      tempSvg.attributes['transform'] = new svg.Property('transform', this.attribute('patternTransform').value);
+      tempSvg.children = this.children;
+
+      const c = document.createElement('canvas');
+      c.width = width;
+      c.height = height;
+      const cctx = c.getContext('2d');
+      if (this.attribute('x').hasValue() && this.attribute('y').hasValue()) {
+        cctx.translate(this.attribute('x').toPixels('x', true), this.attribute('y').toPixels('y', true));
+      }
+      // render 3x3 grid so when we transform there's no white space on edges
+      for (let x = -1; x <= 1; x++) {
+        for (let y = -1; y <= 1; y++) {
+          cctx.save();
+          cctx.translate(x * c.width, y * c.height);
+          tempSvg.render(cctx);
+          cctx.restore();
+        }
+      }
+      const pattern = ctx.createPattern(c, 'repeat');
+      return pattern;
+    }
+  };
+
+  // marker element
+  svg.Element.marker = class extends svg.Element.ElementBase {
+    render (ctx, point, angle) {
+      ctx.translate(point.x, point.y);
+      if (this.attribute('orient').valueOrDefault('auto') === 'auto') ctx.rotate(angle);
+      if (this.attribute('markerUnits').valueOrDefault('strokeWidth') === 'strokeWidth') ctx.scale(ctx.lineWidth, ctx.lineWidth);
+      ctx.save();
+
+      // render me using a temporary svg element
+      const tempSvg = new svg.Element.svg();
+      tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+      tempSvg.attributes['refX'] = new svg.Property('refX', this.attribute('refX').value);
+      tempSvg.attributes['refY'] = new svg.Property('refY', this.attribute('refY').value);
+      tempSvg.attributes['width'] = new svg.Property('width', this.attribute('markerWidth').value);
+      tempSvg.attributes['height'] = new svg.Property('height', this.attribute('markerHeight').value);
+      tempSvg.attributes['fill'] = new svg.Property('fill', this.attribute('fill').valueOrDefault('black'));
+      tempSvg.attributes['stroke'] = new svg.Property('stroke', this.attribute('stroke').valueOrDefault('none'));
+      tempSvg.children = this.children;
+      tempSvg.render(ctx);
+
+      ctx.restore();
+      if (this.attribute('markerUnits').valueOrDefault('strokeWidth') === 'strokeWidth') ctx.scale(1 / ctx.lineWidth, 1 / ctx.lineWidth);
+      if (this.attribute('orient').valueOrDefault('auto') === 'auto') ctx.rotate(-angle);
+      ctx.translate(-point.x, -point.y);
+    }
+  };
+
+  // definitions element
+  svg.Element.defs = class extends svg.Element.ElementBase {
+    render (ctx) {
+      // NOOP
+    }
+  };
+
+  // base for gradients
+  svg.Element.GradientBase = class extends svg.Element.ElementBase {
+    constructor (node) {
+      super(node);
+
+      this.gradientUnits = this.attribute('gradientUnits').valueOrDefault('objectBoundingBox');
+
+      this.stops = [];
+      this.children.forEach((child) => {
+        if (child.type === 'stop') {
+          this.stops.push(child);
+        }
+      });
+    }
+
+    getGradient () {
+      // OVERRIDE ME!
+    }
+
+    createGradient (ctx, element, parentOpacityProp) {
+      const stopsContainer = this.getHrefAttribute().hasValue()
+        ? this.getHrefAttribute().getDefinition()
+        : this;
+
+      const addParentOpacity = function (color) {
+        if (parentOpacityProp.hasValue()) {
+          const p = new svg.Property('color', color);
+          return p.addOpacity(parentOpacityProp).value;
+        }
+        return color;
+      };
+
+      const g = this.getGradient(ctx, element);
+      if (g == null) return addParentOpacity(stopsContainer.stops[stopsContainer.stops.length - 1].color);
+      stopsContainer.stops.forEach(({offset, color}) => {
+        g.addColorStop(offset, addParentOpacity(color));
+      });
+
+      if (this.attribute('gradientTransform').hasValue()) {
+        // render as transformed pattern on temporary canvas
+        const rootView = svg.ViewPort.viewPorts[0];
+
+        const rect = new svg.Element.rect();
+        rect.attributes['x'] = new svg.Property('x', -svg.MAX_VIRTUAL_PIXELS / 3.0);
+        rect.attributes['y'] = new svg.Property('y', -svg.MAX_VIRTUAL_PIXELS / 3.0);
+        rect.attributes['width'] = new svg.Property('width', svg.MAX_VIRTUAL_PIXELS);
+        rect.attributes['height'] = new svg.Property('height', svg.MAX_VIRTUAL_PIXELS);
+
+        const group = new svg.Element.g();
+        group.attributes['transform'] = new svg.Property('transform', this.attribute('gradientTransform').value);
+        group.children = [rect];
+
+        const tempSvg = new svg.Element.svg();
+        tempSvg.attributes['x'] = new svg.Property('x', 0);
+        tempSvg.attributes['y'] = new svg.Property('y', 0);
+        tempSvg.attributes['width'] = new svg.Property('width', rootView.width);
+        tempSvg.attributes['height'] = new svg.Property('height', rootView.height);
+        tempSvg.children = [group];
+
+        const c = document.createElement('canvas');
+        c.width = rootView.width;
+        c.height = rootView.height;
+        const tempCtx = c.getContext('2d');
+        tempCtx.fillStyle = g;
+        tempSvg.render(tempCtx);
+        return tempCtx.createPattern(c, 'no-repeat');
+      }
+
+      return g;
+    }
+  };
+
+  // linear gradient element
+  svg.Element.linearGradient = class extends svg.Element.GradientBase {
+    getGradient (ctx, element) {
+      const useBB = this.gradientUnits === 'objectBoundingBox' && element.getBoundingBox;
+      const bb = useBB
+        ? element.getBoundingBox()
+        : null;
+
+      if (!this.attribute('x1').hasValue() &&
+        !this.attribute('y1').hasValue() &&
+        !this.attribute('x2').hasValue() &&
+        !this.attribute('y2').hasValue()
+      ) {
+        this.attribute('x1', true).value = 0;
+        this.attribute('y1', true).value = 0;
+        this.attribute('x2', true).value = 1;
+        this.attribute('y2', true).value = 0;
+      }
+
+      const x1 = (useBB
+        ? bb.x() + bb.width() * this.attribute('x1').numValue()
+        : this.attribute('x1').toPixels('x'));
+      const y1 = (useBB
+        ? bb.y() + bb.height() * this.attribute('y1').numValue()
+        : this.attribute('y1').toPixels('y'));
+      const x2 = (useBB
+        ? bb.x() + bb.width() * this.attribute('x2').numValue()
+        : this.attribute('x2').toPixels('x'));
+      const y2 = (useBB
+        ? bb.y() + bb.height() * this.attribute('y2').numValue()
+        : this.attribute('y2').toPixels('y'));
+
+      if (x1 === x2 && y1 === y2) return null;
+      return ctx.createLinearGradient(x1, y1, x2, y2);
+    }
+  };
+
+  // radial gradient element
+  svg.Element.radialGradient = class extends svg.Element.GradientBase {
+    getGradient (ctx, element) {
+      const useBB = this.gradientUnits === 'objectBoundingBox' && element.getBoundingBox;
+      const bb = useBB ? element.getBoundingBox() : null;
+
+      if (!this.attribute('cx').hasValue()) this.attribute('cx', true).value = '50%';
+      if (!this.attribute('cy').hasValue()) this.attribute('cy', true).value = '50%';
+      if (!this.attribute('r').hasValue()) this.attribute('r', true).value = '50%';
+
+      const cx = (useBB
+        ? bb.x() + bb.width() * this.attribute('cx').numValue()
+        : this.attribute('cx').toPixels('x'));
+      const cy = (useBB
+        ? bb.y() + bb.height() * this.attribute('cy').numValue()
+        : this.attribute('cy').toPixels('y'));
+
+      let fx = cx;
+      let fy = cy;
+      if (this.attribute('fx').hasValue()) {
+        fx = (useBB
+          ? bb.x() + bb.width() * this.attribute('fx').numValue()
+          : this.attribute('fx').toPixels('x'));
+      }
+      if (this.attribute('fy').hasValue()) {
+        fy = (useBB
+          ? bb.y() + bb.height() * this.attribute('fy').numValue()
+          : this.attribute('fy').toPixels('y'));
+      }
+
+      const r = (useBB
+        ? (bb.width() + bb.height()) / 2.0 * this.attribute('r').numValue()
+        : this.attribute('r').toPixels());
+
+      return ctx.createRadialGradient(fx, fy, 0, cx, cy, r);
+    }
+  };
+
+  // gradient stop element
+  svg.Element.stop = class extends svg.Element.ElementBase {
+    constructor (node) {
+      super(node);
+
+      this.offset = this.attribute('offset').numValue();
+      if (this.offset < 0) this.offset = 0;
+      if (this.offset > 1) this.offset = 1;
+
+      let stopColor = this.style('stop-color');
+      if (this.style('stop-opacity').hasValue()) {
+        stopColor = stopColor.addOpacity(this.style('stop-opacity'));
+      }
+      this.color = stopColor.value;
+    }
+  };
+
+  // animation base element
+  svg.Element.AnimateBase = class extends svg.Element.ElementBase {
+    constructor (node) {
+      super(node);
+
+      svg.Animations.push(this);
+
+      this.duration = 0.0;
+      this.begin = this.attribute('begin').toMilliseconds();
+      this.maxDuration = this.begin + this.attribute('dur').toMilliseconds();
+
+      this.initialValue = null;
+      this.initialUnits = '';
+      this.removed = false;
+
+      this.from = this.attribute('from');
+      this.to = this.attribute('to');
+      this.values = this.attribute('values');
+      if (this.values.hasValue()) this.values.value = this.values.value.split(';');
+    }
+
+    getProperty () {
+      const attributeType = this.attribute('attributeType').value;
+      const attributeName = this.attribute('attributeName').value;
+
+      if (attributeType === 'CSS') {
+        return this.parent.style(attributeName, true);
+      }
+      return this.parent.attribute(attributeName, true);
+    }
+
+    calcValue () {
+      // OVERRIDE ME!
+      return '';
+    }
+
+    update (delta) {
+      // set initial value
+      if (this.initialValue == null) {
+        this.initialValue = this.getProperty().value;
+        this.initialUnits = this.getProperty().getUnits();
+      }
+
+      // if we're past the end time
+      if (this.duration > this.maxDuration) {
+        // loop for indefinitely repeating animations
+        if (this.attribute('repeatCount').value === 'indefinite' ||
+          this.attribute('repeatDur').value === 'indefinite') {
+          this.duration = 0.0;
+        } else if (this.attribute('fill').valueOrDefault('remove') === 'freeze' && !this.frozen) {
+          this.frozen = true;
+          this.parent.animationFrozen = true;
+          this.parent.animationFrozenValue = this.getProperty().value;
+        } else if (this.attribute('fill').valueOrDefault('remove') === 'remove' && !this.removed) {
+          this.removed = true;
+          this.getProperty().value = this.parent.animationFrozen ? this.parent.animationFrozenValue : this.initialValue;
+          return true;
+        }
+        return false;
+      }
+      this.duration = this.duration + delta;
+
+      // if we're past the begin time
+      let updated = false;
+      if (this.begin < this.duration) {
+        let newValue = this.calcValue(); // tween
+
+        if (this.attribute('type').hasValue()) {
+          // for transform, etc.
+          const type = this.attribute('type').value;
+          newValue = type + '(' + newValue + ')';
+        }
+
+        this.getProperty().value = newValue;
+        updated = true;
+      }
+
+      return updated;
+    }
+
+    // fraction of duration we've covered
+    progress () {
+      const ret = { progress: (this.duration - this.begin) / (this.maxDuration - this.begin) };
+      if (this.values.hasValue()) {
+        const p = ret.progress * (this.values.value.length - 1);
+        const lb = Math.floor(p), ub = Math.ceil(p);
+        ret.from = new svg.Property('from', parseFloat(this.values.value[lb]));
+        ret.to = new svg.Property('to', parseFloat(this.values.value[ub]));
+        ret.progress = (p - lb) / (ub - lb);
+      } else {
+        ret.from = this.from;
+        ret.to = this.to;
+      }
+      return ret;
+    }
+  };
+
+  // animate element
+  svg.Element.animate = class extends svg.Element.AnimateBase {
+    calcValue () {
+      const p = this.progress();
+
+      // tween value linearly
+      const newValue = p.from.numValue() + (p.to.numValue() - p.from.numValue()) * p.progress;
+      return newValue + this.initialUnits;
+    }
+  };
+
+  // animate color element
+  svg.Element.animateColor = class extends svg.Element.AnimateBase {
+    calcValue () {
+      const p = this.progress();
+      const from = new RGBColor(p.from.value);
+      const to = new RGBColor(p.to.value);
+
+      if (from.ok && to.ok) {
+        // tween color linearly
+        const r = from.r + (to.r - from.r) * p.progress;
+        const g = from.g + (to.g - from.g) * p.progress;
+        const b = from.b + (to.b - from.b) * p.progress;
+        return 'rgb(' + parseInt(r, 10) + ',' + parseInt(g, 10) + ',' + parseInt(b, 10) + ')';
+      }
+      return this.attribute('from').value;
+    }
+  };
+
+  // animate transform element
+  svg.Element.animateTransform = class extends svg.Element.animate {
+    calcValue () {
+      const p = this.progress();
+
+      // tween value linearly
+      const from = svg.ToNumberArray(p.from.value);
+      const to = svg.ToNumberArray(p.to.value);
+      let newValue = '';
+      from.forEach((fr, i) => {
+        newValue += fr + (to[i] - fr) * p.progress + ' ';
+      });
+      return newValue;
+    }
+  };
+
+  // font element
+  svg.Element.font = class extends svg.Element.ElementBase {
+    constructor (node) {
+      super(node);
+
+      this.horizAdvX = this.attribute('horiz-adv-x').numValue();
+
+      this.isRTL = false;
+      this.isArabic = false;
+      this.fontFace = null;
+      this.missingGlyph = null;
+      this.glyphs = [];
+      this.children.forEach((child) => {
+        if (child.type === 'font-face') {
+          this.fontFace = child;
+          if (child.style('font-family').hasValue()) {
+            svg.Definitions[child.style('font-family').value] = this;
+          }
+        } else if (child.type === 'missing-glyph') {
+          this.missingGlyph = child;
+        } else if (child.type === 'glyph') {
+          if (child.arabicForm !== '') {
+            this.isRTL = true;
+            this.isArabic = true;
+            if (typeof this.glyphs[child.unicode] === 'undefined') {
+              this.glyphs[child.unicode] = [];
+            }
+            this.glyphs[child.unicode][child.arabicForm] = child;
+          } else {
+            this.glyphs[child.unicode] = child;
+          }
+        }
+      });
+    }
+  };
+
+  // font-face element
+  svg.Element.fontface = class extends svg.Element.ElementBase {
+    constructor (node) {
+      super(node);
+
+      this.ascent = this.attribute('ascent').value;
+      this.descent = this.attribute('descent').value;
+      this.unitsPerEm = this.attribute('units-per-em').numValue();
+    }
+  };
+
+  // missing-glyph element
+  svg.Element.missingglyph = class extends svg.Element.path {
+    constructor (node) {
+      super(node);
+
+      this.horizAdvX = 0;
+    }
+  };
+
+  // glyph element
+  svg.Element.glyph = class extends svg.Element.path {
+    constructor (node) {
+      super(node);
+
+      this.horizAdvX = this.attribute('horiz-adv-x').numValue();
+      this.unicode = this.attribute('unicode').value;
+      this.arabicForm = this.attribute('arabic-form').value;
+    }
+  };
+
+  // text element
+  svg.Element.text = class extends svg.Element.RenderedElementBase {
+    constructor (node) {
+      super(node, true);
+    }
+
+    setContext (ctx) {
+      super.setContext(ctx);
+
+      let textBaseline = this.style('dominant-baseline').toTextBaseline();
+      if (textBaseline == null) textBaseline = this.style('alignment-baseline').toTextBaseline();
+      if (textBaseline != null) ctx.textBaseline = textBaseline;
+    }
+
+    getBoundingBox () {
+      const x = this.attribute('x').toPixels('x');
+      const y = this.attribute('y').toPixels('y');
+      const fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+      return new svg.BoundingBox(x, y - fontSize, x + Math.floor(fontSize * 2.0 / 3.0) * this.children[0].getText().length, y);
+    }
+
+    renderChildren (ctx) {
+      this.x = this.attribute('x').toPixels('x');
+      this.y = this.attribute('y').toPixels('y');
+      this.x += this.getAnchorDelta(ctx, this, 0);
+      this.children.forEach((child, i) => {
+        this.renderChild(ctx, this, i);
+      });
+    }
+
+    getAnchorDelta (ctx, parent, startI) {
+      const textAnchor = this.style('text-anchor').valueOrDefault('start');
+      if (textAnchor !== 'start') {
+        let width = 0;
+        for (let i = startI; i < parent.children.length; i++) {
+          const child = parent.children[i];
+          if (i > startI && child.attribute('x').hasValue()) break; // new group
+          width += child.measureTextRecursive(ctx);
+        }
+        return -1 * (textAnchor === 'end' ? width : width / 2.0);
+      }
+      return 0;
+    }
+
+    renderChild (ctx, parent, i) {
+      const child = parent.children[i];
+      if (child.attribute('x').hasValue()) {
+        child.x = child.attribute('x').toPixels('x') + this.getAnchorDelta(ctx, parent, i);
+        if (child.attribute('dx').hasValue()) child.x += child.attribute('dx').toPixels('x');
+      } else {
+        if (this.attribute('dx').hasValue()) this.x += this.attribute('dx').toPixels('x');
+        if (child.attribute('dx').hasValue()) this.x += child.attribute('dx').toPixels('x');
+        child.x = this.x;
+      }
+      this.x = child.x + child.measureText(ctx);
+
+      if (child.attribute('y').hasValue()) {
+        child.y = child.attribute('y').toPixels('y');
+        if (child.attribute('dy').hasValue()) child.y += child.attribute('dy').toPixels('y');
+      } else {
+        if (this.attribute('dy').hasValue()) this.y += this.attribute('dy').toPixels('y');
+        if (child.attribute('dy').hasValue()) this.y += child.attribute('dy').toPixels('y');
+        child.y = this.y;
+      }
+      this.y = child.y;
+
+      child.render(ctx);
+
+      for (let i = 0; i < child.children.length; i++) {
+        this.renderChild(ctx, child, i);
+      }
+    }
+  };
+
+  // text base
+  svg.Element.TextElementBase = class extends svg.Element.RenderedElementBase {
+    getGlyph (font, text, i) {
+      const c = text[i];
+      let glyph = null;
+      if (font.isArabic) {
+        let arabicForm = 'isolated';
+        if ((i === 0 || text[i - 1] === ' ') && i < text.length - 2 && text[i + 1] !== ' ') arabicForm = 'terminal';
+        if (i > 0 && text[i - 1] !== ' ' && i < text.length - 2 && text[i + 1] !== ' ') arabicForm = 'medial';
+        if (i > 0 && text[i - 1] !== ' ' && (i === text.length - 1 || text[i + 1] === ' ')) arabicForm = 'initial';
+        if (typeof font.glyphs[c] !== 'undefined') {
+          glyph = font.glyphs[c][arabicForm];
+          if (glyph == null && font.glyphs[c].type === 'glyph') glyph = font.glyphs[c];
+        }
+      } else {
+        glyph = font.glyphs[c];
+      }
+      if (glyph == null) glyph = font.missingGlyph;
+      return glyph;
+    }
+
+    renderChildren (ctx) {
+      const customFont = this.parent.style('font-family').getDefinition();
+      if (customFont != null) {
+        const fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+        const fontStyle = this.parent.style('font-style').valueOrDefault(svg.Font.Parse(svg.ctx.font).fontStyle);
+        let text = this.getText();
+        if (customFont.isRTL) text = text.split('').reverse().join('');
+
+        const dx = svg.ToNumberArray(this.parent.attribute('dx').value);
+        for (let i = 0; i < text.length; i++) {
+          const glyph = this.getGlyph(customFont, text, i);
+          const scale = fontSize / customFont.fontFace.unitsPerEm;
+          ctx.translate(this.x, this.y);
+          ctx.scale(scale, -scale);
+          const lw = ctx.lineWidth;
+          ctx.lineWidth = ctx.lineWidth * customFont.fontFace.unitsPerEm / fontSize;
+          if (fontStyle === 'italic') ctx.transform(1, 0, 0.4, 1, 0, 0);
+          glyph.render(ctx);
+          if (fontStyle === 'italic') ctx.transform(1, 0, -0.4, 1, 0, 0);
+          ctx.lineWidth = lw;
+          ctx.scale(1 / scale, -1 / scale);
+          ctx.translate(-this.x, -this.y);
+
+          this.x += fontSize * (glyph.horizAdvX || customFont.horizAdvX) / customFont.fontFace.unitsPerEm;
+          if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {
+            this.x += dx[i];
+          }
+        }
+        return;
+      }
+
+      if (ctx.fillStyle !== '') ctx.fillText(svg.compressSpaces(this.getText()), this.x, this.y);
+      if (ctx.strokeStyle !== '') ctx.strokeText(svg.compressSpaces(this.getText()), this.x, this.y);
+    }
+
+    getText () {
+      // OVERRIDE ME
+    }
+
+    measureTextRecursive (ctx) {
+      let width = this.measureText(ctx);
+      this.children.forEach((child) => {
+        width += child.measureTextRecursive(ctx);
+      });
+      return width;
+    }
+
+    measureText (ctx) {
+      const customFont = this.parent.style('font-family').getDefinition();
+      if (customFont != null) {
+        const fontSize = this.parent.style('font-size').numValueOrDefault(svg.Font.Parse(svg.ctx.font).fontSize);
+        let measure = 0;
+        let text = this.getText();
+        if (customFont.isRTL) text = text.split('').reverse().join('');
+        const dx = svg.ToNumberArray(this.parent.attribute('dx').value);
+        for (let i = 0; i < text.length; i++) {
+          const glyph = this.getGlyph(customFont, text, i);
+          measure += (glyph.horizAdvX || customFont.horizAdvX) * fontSize / customFont.fontFace.unitsPerEm;
+          if (typeof dx[i] !== 'undefined' && !isNaN(dx[i])) {
+            measure += dx[i];
+          }
+        }
+        return measure;
+      }
+
+      const textToMeasure = svg.compressSpaces(this.getText());
+      if (!ctx.measureText) return textToMeasure.length * 10;
+
+      ctx.save();
+      this.setContext(ctx);
+      const {width} = ctx.measureText(textToMeasure);
+      ctx.restore();
+      return width;
+    }
+  };
+
+  // tspan
+  svg.Element.tspan = class extends svg.Element.TextElementBase {
+    constructor (node) {
+      super(node, true);
+
+      this.text = node.nodeValue || node.text || '';
+    }
+    getText () {
+      return this.text;
+    }
+  };
+
+  // tref
+  svg.Element.tref = class extends svg.Element.TextElementBase {
+    getText () {
+      const element = this.getHrefAttribute().getDefinition();
+      if (element != null) return element.children[0].getText();
+    }
+  };
+
+  // a element
+  svg.Element.a = class extends svg.Element.TextElementBase {
+    constructor (node) {
+      super(node);
+
+      this.hasText = true;
+      [...node.childNodes].forEach((childNode) => {
+        if (childNode.nodeType !== 3) {
+          this.hasText = false;
+        }
+      });
+      // this might contain text
+      this.text = this.hasText ? node.childNodes[0].nodeValue : '';
+    }
+
+    getText () {
+      return this.text;
+    }
+
+    renderChildren (ctx) {
+      if (this.hasText) {
+        // render as text element
+        super.renderChildren(ctx);
+        const fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
+        svg.Mouse.checkBoundingBox(this, new svg.BoundingBox(this.x, this.y - fontSize.toPixels('y'), this.x + this.measureText(ctx), this.y));
+      } else {
+        // render as temporary group
+        const g = new svg.Element.g();
+        g.children = this.children;
+        g.parent = this;
+        g.render(ctx);
+      }
+    }
+
+    onclick () {
+      window.open(this.getHrefAttribute().value);
+    }
+
+    onmousemove () {
+      svg.ctx.canvas.style.cursor = 'pointer';
+    }
+  };
+
+  // image element
+  svg.Element.image = class extends svg.Element.RenderedElementBase {
+    constructor (node) {
+      super(node);
+
+      const href = this.getHrefAttribute().value;
+      if (href === '') {
+        return;
+      }
+      this._isSvg = href.match(/\.svg$/);
+
+      svg.Images.push(this);
+      this.loaded = false;
+      if (!this._isSvg) {
+        this.img = document.createElement('img');
+        if (svg.opts.useCORS === true) {
+          this.img.crossOrigin = 'Anonymous';
+        }
+        const self = this;
+        this.img.onload = function () {
+          self.loaded = true;
+        };
+        this.img.onerror = function () {
+          svg.log('ERROR: image "' + href + '" not found');
+          self.loaded = true;
+        };
+        this.img.src = href;
+      } else {
+        svg.ajax(href, true).then((img) => {
+          this.img = img;
+          this.loaded = true;
+        });
+      }
+    }
+    renderChildren (ctx) {
+      const x = this.attribute('x').toPixels('x');
+      const y = this.attribute('y').toPixels('y');
+
+      const width = this.attribute('width').toPixels('x');
+      const height = this.attribute('height').toPixels('y');
+      if (width === 0 || height === 0) return;
+
+      ctx.save();
+      if (this._isSvg) {
+        ctx.drawSvg(this.img, x, y, width, height);
+      } else {
+        ctx.translate(x, y);
+        svg.AspectRatio(
+          ctx,
+          this.attribute('preserveAspectRatio').value,
+          width,
+          this.img.width,
+          height,
+          this.img.height,
+          0,
+          0
+        );
+        ctx.drawImage(this.img, 0, 0);
+      }
+      ctx.restore();
+    }
+
+    getBoundingBox () {
+      const x = this.attribute('x').toPixels('x');
+      const y = this.attribute('y').toPixels('y');
+      const width = this.attribute('width').toPixels('x');
+      const height = this.attribute('height').toPixels('y');
+      return new svg.BoundingBox(x, y, x + width, y + height);
+    }
+  };
+
+  // group element
+  svg.Element.g = class extends svg.Element.RenderedElementBase {
+    getBoundingBox () {
+      const bb = new svg.BoundingBox();
+      this.children.forEach((child) => {
+        bb.addBoundingBox(child.getBoundingBox());
+      });
+      return bb;
+    }
+  };
+
+  // symbol element
+  svg.Element.symbol = class extends svg.Element.RenderedElementBase {
+    render (ctx) {
+      // NO RENDER
+    }
+  };
+
+  // style element
+  svg.Element.style = class extends svg.Element.ElementBase {
+    constructor (node) {
+      super(node);
+
+      // text, or spaces then CDATA
+      let css = '';
+      [...node.childNodes].forEach(({nodeValue}) => {
+        css += nodeValue;
+      });
+      css = css.replace(/(\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*+\/)|(^[\s]*\/\/.*)/gm, ''); // remove comments
+      css = svg.compressSpaces(css); // replace whitespace
+      const cssDefs = css.split('}');
+      cssDefs.forEach((cssDef) => {
+        if (svg.trim(cssDef) !== '') {
+          let [cssClasses, cssProps] = cssDef.split('{');
+          cssClasses = cssClasses.split(',');
+          cssProps = cssProps.split(';');
+          cssClasses.forEach((cssClass) => {
+            cssClass = svg.trim(cssClass);
+            if (cssClass !== '') {
+              const props = {};
+              cssProps.forEach((cssProp) => {
+                const prop = cssProp.indexOf(':');
+                const name = cssProp.substr(0, prop);
+                const value = cssProp.substr(prop + 1, cssProp.length - prop);
+                if (name != null && value != null) {
+                  props[svg.trim(name)] = new svg.Property(svg.trim(name), svg.trim(value));
+                }
+              });
+              svg.Styles[cssClass] = props;
+              if (cssClass === '@font-face') {
+                const fontFamily = props['font-family'].value.replace(/"/g, '');
+                const srcs = props['src'].value.split(',');
+                srcs.forEach((src) => {
+                  if (src.includes('format("svg")')) {
+                    const urlStart = src.indexOf('url');
+                    const urlEnd = src.indexOf(')', urlStart);
+                    const url = src.substr(urlStart + 5, urlEnd - urlStart - 6);
+                    // Can this ajax safely be converted to async?
+                    const doc = svg.parseXml(svg.ajax(url));
+                    const fonts = doc.getElementsByTagName('font');
+                    [...fonts].forEach((font) => {
+                      font = svg.CreateElement(font);
+                      svg.Definitions[fontFamily] = font;
+                    });
+                  }
+                });
+              }
+            }
+          });
+        }
+      });
+    }
+  };
+
+  // use element
+  svg.Element.use = class extends svg.Element.RenderedElementBase {
+    constructor (node) {
+      super(node);
+
+      this._el = this.getHrefAttribute().getDefinition();
+    }
+
+    setContext (ctx) {
+      super.setContext(ctx);
+      if (this.attribute('x').hasValue()) ctx.translate(this.attribute('x').toPixels('x'), 0);
+      if (this.attribute('y').hasValue()) ctx.translate(0, this.attribute('y').toPixels('y'));
+    }
+
+    path (ctx) {
+      const {_el: element} = this;
+      if (element != null) element.path(ctx);
+    }
+
+    getBoundingBox () {
+      const {_el: element} = this;
+      if (element != null) return element.getBoundingBox();
+    }
+
+    renderChildren (ctx) {
+      const {_el: element} = this;
+      if (element != null) {
+        let tempSvg = element;
+        if (element.type === 'symbol') {
+          // render me using a temporary svg element in symbol cases (https://www.w3.org/TR/SVG/struct.html#UseElement)
+          tempSvg = new svg.Element.svg();
+          tempSvg.type = 'svg';
+          tempSvg.attributes['viewBox'] = new svg.Property('viewBox', element.attribute('viewBox').value);
+          tempSvg.attributes['preserveAspectRatio'] = new svg.Property('preserveAspectRatio', element.attribute('preserveAspectRatio').value);
+          tempSvg.attributes['overflow'] = new svg.Property('overflow', element.attribute('overflow').value);
+          tempSvg.children = element.children;
+        }
+        if (tempSvg.type === 'svg') {
+          // if symbol or svg, inherit width/height from me
+          if (this.attribute('width').hasValue()) tempSvg.attributes['width'] = new svg.Property('width', this.attribute('width').value);
+          if (this.attribute('height').hasValue()) tempSvg.attributes['height'] = new svg.Property('height', this.attribute('height').value);
+        }
+        const oldParent = tempSvg.parent;
+        tempSvg.parent = null;
+        tempSvg.render(ctx);
+        tempSvg.parent = oldParent;
+      }
+    }
+  };
+
+  // mask element
+  svg.Element.mask = class extends svg.Element.ElementBase {
+    apply (ctx, element) {
+      // render as temp svg
+      let x = this.attribute('x').toPixels('x');
+      let y = this.attribute('y').toPixels('y');
+      let width = this.attribute('width').toPixels('x');
+      let height = this.attribute('height').toPixels('y');
+
+      if (width === 0 && height === 0) {
+        const bb = new svg.BoundingBox();
+        this.children.forEach((child) => {
+          bb.addBoundingBox(child.getBoundingBox());
+        });
+        x = Math.floor(bb.x1);
+        y = Math.floor(bb.y1);
+        width = Math.floor(bb.width());
+        height = Math.floor(bb.height());
+      }
+
+      // temporarily remove mask to avoid recursion
+      const mask = element.attribute('mask').value;
+      element.attribute('mask').value = '';
+
+      const cMask = document.createElement('canvas');
+      cMask.width = x + width;
+      cMask.height = y + height;
+      const maskCtx = cMask.getContext('2d');
+      this.renderChildren(maskCtx);
+
+      const c = document.createElement('canvas');
+      c.width = x + width;
+      c.height = y + height;
+      const tempCtx = c.getContext('2d');
+      element.render(tempCtx);
+      tempCtx.globalCompositeOperation = 'destination-in';
+      tempCtx.fillStyle = maskCtx.createPattern(cMask, 'no-repeat');
+      tempCtx.fillRect(0, 0, x + width, y + height);
+
+      ctx.fillStyle = tempCtx.createPattern(c, 'no-repeat');
+      ctx.fillRect(0, 0, x + width, y + height);
+
+      // reassign mask
+      element.attribute('mask').value = mask;
+    }
+
+    render (ctx) {
+      // NO RENDER
+    }
+  };
+
+  // clip element
+  svg.Element.clipPath = class extends svg.Element.ElementBase {
+    apply (ctx) {
+      this.children.forEach((child) => {
+        if (typeof child.path !== 'undefined') {
+          let transform = null;
+          if (child.attribute('transform').hasValue()) {
+            transform = new svg.Transform(child.attribute('transform').value);
+            transform.apply(ctx);
+          }
+          child.path(ctx);
+          ctx.clip();
+          if (transform) { transform.unapply(ctx); }
+        }
+      });
+    }
+    render (ctx) {
+      // NO RENDER
+    }
+  };
+
+  // filters
+  svg.Element.filter = class extends svg.Element.ElementBase {
+    apply (ctx, element) {
+      // render as temp svg
+      const bb = element.getBoundingBox();
+      const x = Math.floor(bb.x1);
+      const y = Math.floor(bb.y1);
+      const width = Math.floor(bb.width());
+      const height = Math.floor(bb.height());
+
+      // temporarily remove filter to avoid recursion
+      const filter = element.style('filter').value;
+      element.style('filter').value = '';
+
+      let px = 0, py = 0;
+      this.children.forEach((child) => {
+        const efd = child.extraFilterDistance || 0;
+        px = Math.max(px, efd);
+        py = Math.max(py, efd);
+      });
+
+      const c = document.createElement('canvas');
+      c.width = width + 2 * px;
+      c.height = height + 2 * py;
+      const tempCtx = c.getContext('2d');
+      tempCtx.translate(-x + px, -y + py);
+      element.render(tempCtx);
+
+      // apply filters
+      this.children.forEach((child) => {
+        child.apply(tempCtx, 0, 0, width + 2 * px, height + 2 * py);
+      });
+
+      // render on me
+      ctx.drawImage(c, 0, 0, width + 2 * px, height + 2 * py, x - px, y - py, width + 2 * px, height + 2 * py);
+
+      // reassign filter
+      element.style('filter', true).value = filter;
+    }
+
+    render (ctx) {
+      // NO RENDER
+    }
+  };
+
+  svg.Element.feMorphology = class extends svg.Element.ElementBase {
+    apply (ctx, x, y, width, height) {
+      // TODO: implement
+    }
+  };
+
+  svg.Element.feComposite = class extends svg.Element.ElementBase {
+    apply (ctx, x, y, width, height) {
+      // TODO: implement
+    }
+  };
+
+  function imGet (img, x, y, width, height, rgba) {
+    return img[y * width * 4 + x * 4 + rgba];
+  }
+
+  function imSet (img, x, y, width, height, rgba, val) {
+    img[y * width * 4 + x * 4 + rgba] = val;
+  }
+
+  svg.Element.feColorMatrix = class extends svg.Element.ElementBase {
+    constructor (node) {
+      super(node);
+
+      let matrix = svg.ToNumberArray(this.attribute('values').value);
+      switch (this.attribute('type').valueOrDefault('matrix')) { // https://www.w3.org/TR/SVG/filters.html#feColorMatrixElement
+      case 'saturate':
+        const s = matrix[0];
+        matrix = [
+          0.213 + 0.787 * s, 0.715 - 0.715 * s, 0.072 - 0.072 * s, 0, 0,
+          0.213 - 0.213 * s, 0.715 + 0.285 * s, 0.072 - 0.072 * s, 0, 0,
+          0.213 - 0.213 * s, 0.715 - 0.715 * s, 0.072 + 0.928 * s, 0, 0,
+          0, 0, 0, 1, 0,
+          0, 0, 0, 0, 1
+        ];
+        break;
+      case 'hueRotate':
+        const a = matrix[0] * Math.PI / 180.0;
+        const c = function (m1, m2, m3) {
+          return m1 + Math.cos(a) * m2 + Math.sin(a) * m3;
+        };
+        matrix = [
+          c(0.213, 0.787, -0.213), c(0.715, -0.715, -0.715), c(0.072, -0.072, 0.928), 0, 0,
+          c(0.213, -0.213, 0.143), c(0.715, 0.285, 0.140), c(0.072, -0.072, -0.283), 0, 0,
+          c(0.213, -0.213, -0.787), c(0.715, -0.715, 0.715), c(0.072, 0.928, 0.072), 0, 0,
+          0, 0, 0, 1, 0,
+          0, 0, 0, 0, 1
+        ];
+        break;
+      case 'luminanceToAlpha':
+        matrix = [
+          0, 0, 0, 0, 0,
+          0, 0, 0, 0, 0,
+          0, 0, 0, 0, 0,
+          0.2125, 0.7154, 0.0721, 0, 0,
+          0, 0, 0, 0, 1
+        ];
+        break;
+      }
+      this.matrix = matrix;
+
+      this._m = (i, v) => {
+        const mi = matrix[i];
+        return mi * (mi < 0 ? v - 255 : v);
+      };
+    }
+    apply (ctx, x, y, width, height) {
+      const {_m: m} = this;
+      // assuming x==0 && y==0 for now
+      const srcData = ctx.getImageData(0, 0, width, height);
+      for (let y = 0; y < height; y++) {
+        for (let x = 0; x < width; x++) {
+          const r = imGet(srcData.data, x, y, width, height, 0);
+          const g = imGet(srcData.data, x, y, width, height, 1);
+          const b = imGet(srcData.data, x, y, width, height, 2);
+          const a = imGet(srcData.data, x, y, width, height, 3);
+          imSet(srcData.data, x, y, width, height, 0, m(0, r) + m(1, g) + m(2, b) + m(3, a) + m(4, 1));
+          imSet(srcData.data, x, y, width, height, 1, m(5, r) + m(6, g) + m(7, b) + m(8, a) + m(9, 1));
+          imSet(srcData.data, x, y, width, height, 2, m(10, r) + m(11, g) + m(12, b) + m(13, a) + m(14, 1));
+          imSet(srcData.data, x, y, width, height, 3, m(15, r) + m(16, g) + m(17, b) + m(18, a) + m(19, 1));
+        }
+      }
+      ctx.clearRect(0, 0, width, height);
+      ctx.putImageData(srcData, 0, 0);
+    }
+  };
+
+  svg.Element.feGaussianBlur = class extends svg.Element.ElementBase {
+    constructor (node) {
+      super(node);
+
+      this.blurRadius = Math.floor(this.attribute('stdDeviation').numValue());
+      this.extraFilterDistance = this.blurRadius;
+    }
+
+    apply (ctx, x, y, width, height) {
+      if (typeof canvasRGBA_ === 'undefined') {
+        svg.log('ERROR: `setStackBlurCanvasRGBA` must be run for blur to work');
+        return;
+      }
+
+      // Todo: This might not be a problem anymore with out `instanceof` fix
+      // StackBlur requires canvas be on document
+      ctx.canvas.id = svg.UniqueId();
+      ctx.canvas.style.display = 'none';
+      document.body.append(ctx.canvas);
+      canvasRGBA_(ctx.canvas, x, y, width, height, this.blurRadius);
+      ctx.canvas.remove();
+    }
+  };
+
+  // title element, do nothing
+  svg.Element.title = class extends svg.Element.ElementBase {
+    constructor (node) {
+      super();
+    }
+  };
+
+  // desc element, do nothing
+  svg.Element.desc = class extends svg.Element.ElementBase {
+    constructor (node) {
+      super();
+    }
+  };
+
+  svg.Element.MISSING = class extends svg.Element.ElementBase {
+    constructor (node) {
+      super();
+      svg.log('ERROR: Element \'' + node.nodeName + '\' not yet implemented.');
+    }
+  };
+
+  // element factory
+  svg.CreateElement = function (node) {
+    const className = node.nodeName
+      .replace(/^[^:]+:/, '') // remove namespace
+      .replace(/-/g, ''); // remove dashes
+    let e;
+    if (typeof svg.Element[className] !== 'undefined') {
+      e = new svg.Element[className](node);
+    } else {
+      e = new svg.Element.MISSING(node);
+    }
+
+    e.type = node.nodeName;
+    return e;
+  };
+
+  // load from url
+  svg.load = async function (ctx, url) {
+    const dom = await svg.ajax(url, true);
+    return svg.loadXml(ctx, dom);
+  };
+
+  // load from xml
+  svg.loadXml = function (ctx, xml) {
+    return svg.loadXmlDoc(ctx, svg.parseXml(xml));
+  };
+
+  svg.loadXmlDoc = function (ctx, dom) {
+    svg.init(ctx);
+
+    const mapXY = function (p) {
+      let e = ctx.canvas;
+      while (e) {
+        p.x -= e.offsetLeft;
+        p.y -= e.offsetTop;
+        e = e.offsetParent;
+      }
+      if (window.scrollX) p.x += window.scrollX;
+      if (window.scrollY) p.y += window.scrollY;
+      return p;
+    };
+
+    // bind mouse
+    if (svg.opts.ignoreMouse !== true) {
+      ctx.canvas.onclick = function (e) {
+        const args = e != null
+          ? [e.clientX, e.clientY]
+          : [event.clientX, event.clientY];
+        const {x, y} = mapXY(new svg.Point(...args));
+        svg.Mouse.onclick(x, y);
+      };
+      ctx.canvas.onmousemove = function (e) {
+        const args = e != null
+          ? [e.clientX, e.clientY]
+          : [event.clientX, event.clientY];
+        const {x, y} = mapXY(new svg.Point(...args));
+        svg.Mouse.onmousemove(x, y);
+      };
+    }
+
+    const e = svg.CreateElement(dom.documentElement);
+    e.root = true;
+
+    // render loop
+    let isFirstRender = true;
+    const draw = function (resolve) {
+      svg.ViewPort.Clear();
+      if (ctx.canvas.parentNode) {
+        svg.ViewPort.SetCurrent(
+          ctx.canvas.parentNode.clientWidth,
+          ctx.canvas.parentNode.clientHeight
+        );
+      }
+
+      if (svg.opts.ignoreDimensions !== true) {
+        // set canvas size
+        if (e.style('width').hasValue()) {
+          ctx.canvas.width = e.style('width').toPixels('x');
+          ctx.canvas.style.width = ctx.canvas.width + 'px';
+        }
+        if (e.style('height').hasValue()) {
+          ctx.canvas.height = e.style('height').toPixels('y');
+          ctx.canvas.style.height = ctx.canvas.height + 'px';
+        }
+      }
+      let cWidth = ctx.canvas.clientWidth || ctx.canvas.width;
+      let cHeight = ctx.canvas.clientHeight || ctx.canvas.height;
+      if (svg.opts.ignoreDimensions === true &&
+        e.style('width').hasValue() && e.style('height').hasValue()
+      ) {
+        cWidth = e.style('width').toPixels('x');
+        cHeight = e.style('height').toPixels('y');
+      }
+      svg.ViewPort.SetCurrent(cWidth, cHeight);
+
+      if (svg.opts.offsetX != null) {
+        e.attribute('x', true).value = svg.opts.offsetX;
+      }
+      if (svg.opts.offsetY != null) {
+        e.attribute('y', true).value = svg.opts.offsetY;
+      }
+      if (svg.opts.scaleWidth != null || svg.opts.scaleHeight != null) {
+        const viewBox = svg.ToNumberArray(e.attribute('viewBox').value);
+        let xRatio = null, yRatio = null;
+
+        if (svg.opts.scaleWidth != null) {
+          if (e.attribute('width').hasValue()) {
+            xRatio = e.attribute('width').toPixels('x') / svg.opts.scaleWidth;
+          } else if (!isNaN(viewBox[2])) {
+            xRatio = viewBox[2] / svg.opts.scaleWidth;
+          }
+        }
+
+        if (svg.opts.scaleHeight != null) {
+          if (e.attribute('height').hasValue()) {
+            yRatio = e.attribute('height').toPixels('y') / svg.opts.scaleHeight;
+          } else if (!isNaN(viewBox[3])) {
+            yRatio = viewBox[3] / svg.opts.scaleHeight;
+          }
+        }
+
+        if (xRatio == null) { xRatio = yRatio; }
+        if (yRatio == null) { yRatio = xRatio; }
+
+        e.attribute('width', true).value = svg.opts.scaleWidth;
+        e.attribute('height', true).value = svg.opts.scaleHeight;
+        e.attribute('viewBox', true).value = '0 0 ' + (cWidth * xRatio) + ' ' + (cHeight * yRatio);
+        e.attribute('preserveAspectRatio', true).value = 'none';
+      }
+
+      // clear and render
+      if (svg.opts.ignoreClear !== true) {
+        ctx.clearRect(0, 0, cWidth, cHeight);
+      }
+      e.render(ctx);
+      if (isFirstRender) {
+        isFirstRender = false;
+        resolve(dom);
+      }
+    };
+
+    let waitingForImages = true;
+    svg.intervalID = setInterval(function () {
+      let needUpdate = false;
+
+      if (waitingForImages && svg.ImagesLoaded()) {
+        waitingForImages = false;
+        needUpdate = true;
+      }
+
+      // need update from mouse events?
+      if (svg.opts.ignoreMouse !== true) {
+        needUpdate = needUpdate | svg.Mouse.hasEvents();
+      }
+
+      // need update from animations?
+      if (svg.opts.ignoreAnimation !== true) {
+        svg.Animations.forEach((animation) => {
+          needUpdate = needUpdate | animation.update(1000 / svg.FRAMERATE);
+        });
+      }
+
+      // need update from redraw?
+      if (typeof svg.opts.forceRedraw === 'function') {
+        if (svg.opts.forceRedraw() === true) {
+          needUpdate = true;
+        }
+      }
+
+      // render if needed
+      if (needUpdate) {
+        draw();
+        svg.Mouse.runEvents(); // run and clear our events
+      }
+    }, 1000 / svg.FRAMERATE);
+    return new Promise((resolve, reject) => {
+      if (svg.ImagesLoaded()) {
+        waitingForImages = false;
+        draw(resolve);
+      }
+    });
+  };
+
+  svg.stop = () => {
+    if (svg.intervalID) {
+      clearInterval(svg.intervalID);
+    }
+  };
+
+  svg.Mouse = {
+    events: [],
+    hasEvents () { return this.events.length !== 0; },
+
+    onclick (x, y) {
+      this.events.push({
+        type: 'onclick', x, y,
+        run (e) { if (e.onclick) e.onclick(); }
+      });
+    },
+
+    onmousemove (x, y) {
+      this.events.push({
+        type: 'onmousemove', x, y,
+        run (e) { if (e.onmousemove) e.onmousemove(); }
+      });
+    },
+
+    eventElements: [],
+
+    checkPath (element, ctx) {
+      this.events.forEach(({x, y}, i) => {
+        if (ctx.isPointInPath && ctx.isPointInPath(x, y)) {
+          this.eventElements[i] = element;
+        }
+      });
+    },
+
+    checkBoundingBox (element, bb) {
+      this.events.forEach(({x, y}, i) => {
+        if (bb.isPointInBox(x, y)) {
+          this.eventElements[i] = element;
+        }
+      });
+    },
+
+    runEvents () {
+      svg.ctx.canvas.style.cursor = '';
+
+      this.events.forEach((e, i) => {
+        let element = this.eventElements[i];
+        while (element) {
+          e.run(element);
+          element = element.parent;
+        }
+      });
+
+      // done running, clear
+      this.events = [];
+      this.eventElements = [];
+    }
+  };
+
+  return svg;
+}
+
+if (typeof CanvasRenderingContext2D !== 'undefined') {
+  CanvasRenderingContext2D.prototype.drawSvg = function (s, dx, dy, dw, dh) {
+    canvg(this.canvas, s, {
+      ignoreMouse: true,
+      ignoreAnimation: true,
+      ignoreDimensions: true,
+      ignoreClear: true,
+      offsetX: dx,
+      offsetY: dy,
+      scaleWidth: dw,
+      scaleHeight: dh
+    });
+  };
+}
diff --git a/editor/canvg/rgbcolor.js b/editor/canvg/rgbcolor.js
index 4b44a635..df5f2954 100644
--- a/editor/canvg/rgbcolor.js
+++ b/editor/canvg/rgbcolor.js
@@ -1,294 +1,292 @@
-/*jslint vars: true*/
+/**
+ * For parsing color values
+ * @module RGBColor
+ * @author Stoyan Stefanov <sstoo@gmail.com>
+ * @see https://www.phpied.com/rgb-color-parser-in-javascript/
+ * @license MIT
+*/
+const simpleColors = {
+  aliceblue: 'f0f8ff',
+  antiquewhite: 'faebd7',
+  aqua: '00ffff',
+  aquamarine: '7fffd4',
+  azure: 'f0ffff',
+  beige: 'f5f5dc',
+  bisque: 'ffe4c4',
+  black: '000000',
+  blanchedalmond: 'ffebcd',
+  blue: '0000ff',
+  blueviolet: '8a2be2',
+  brown: 'a52a2a',
+  burlywood: 'deb887',
+  cadetblue: '5f9ea0',
+  chartreuse: '7fff00',
+  chocolate: 'd2691e',
+  coral: 'ff7f50',
+  cornflowerblue: '6495ed',
+  cornsilk: 'fff8dc',
+  crimson: 'dc143c',
+  cyan: '00ffff',
+  darkblue: '00008b',
+  darkcyan: '008b8b',
+  darkgoldenrod: 'b8860b',
+  darkgray: 'a9a9a9',
+  darkgreen: '006400',
+  darkkhaki: 'bdb76b',
+  darkmagenta: '8b008b',
+  darkolivegreen: '556b2f',
+  darkorange: 'ff8c00',
+  darkorchid: '9932cc',
+  darkred: '8b0000',
+  darksalmon: 'e9967a',
+  darkseagreen: '8fbc8f',
+  darkslateblue: '483d8b',
+  darkslategray: '2f4f4f',
+  darkturquoise: '00ced1',
+  darkviolet: '9400d3',
+  deeppink: 'ff1493',
+  deepskyblue: '00bfff',
+  dimgray: '696969',
+  dodgerblue: '1e90ff',
+  feldspar: 'd19275',
+  firebrick: 'b22222',
+  floralwhite: 'fffaf0',
+  forestgreen: '228b22',
+  fuchsia: 'ff00ff',
+  gainsboro: 'dcdcdc',
+  ghostwhite: 'f8f8ff',
+  gold: 'ffd700',
+  goldenrod: 'daa520',
+  gray: '808080',
+  green: '008000',
+  greenyellow: 'adff2f',
+  honeydew: 'f0fff0',
+  hotpink: 'ff69b4',
+  indianred: 'cd5c5c',
+  indigo: '4b0082',
+  ivory: 'fffff0',
+  khaki: 'f0e68c',
+  lavender: 'e6e6fa',
+  lavenderblush: 'fff0f5',
+  lawngreen: '7cfc00',
+  lemonchiffon: 'fffacd',
+  lightblue: 'add8e6',
+  lightcoral: 'f08080',
+  lightcyan: 'e0ffff',
+  lightgoldenrodyellow: 'fafad2',
+  lightgrey: 'd3d3d3',
+  lightgreen: '90ee90',
+  lightpink: 'ffb6c1',
+  lightsalmon: 'ffa07a',
+  lightseagreen: '20b2aa',
+  lightskyblue: '87cefa',
+  lightslateblue: '8470ff',
+  lightslategray: '778899',
+  lightsteelblue: 'b0c4de',
+  lightyellow: 'ffffe0',
+  lime: '00ff00',
+  limegreen: '32cd32',
+  linen: 'faf0e6',
+  magenta: 'ff00ff',
+  maroon: '800000',
+  mediumaquamarine: '66cdaa',
+  mediumblue: '0000cd',
+  mediumorchid: 'ba55d3',
+  mediumpurple: '9370d8',
+  mediumseagreen: '3cb371',
+  mediumslateblue: '7b68ee',
+  mediumspringgreen: '00fa9a',
+  mediumturquoise: '48d1cc',
+  mediumvioletred: 'c71585',
+  midnightblue: '191970',
+  mintcream: 'f5fffa',
+  mistyrose: 'ffe4e1',
+  moccasin: 'ffe4b5',
+  navajowhite: 'ffdead',
+  navy: '000080',
+  oldlace: 'fdf5e6',
+  olive: '808000',
+  olivedrab: '6b8e23',
+  orange: 'ffa500',
+  orangered: 'ff4500',
+  orchid: 'da70d6',
+  palegoldenrod: 'eee8aa',
+  palegreen: '98fb98',
+  paleturquoise: 'afeeee',
+  palevioletred: 'd87093',
+  papayawhip: 'ffefd5',
+  peachpuff: 'ffdab9',
+  peru: 'cd853f',
+  pink: 'ffc0cb',
+  plum: 'dda0dd',
+  powderblue: 'b0e0e6',
+  purple: '800080',
+  red: 'ff0000',
+  rosybrown: 'bc8f8f',
+  royalblue: '4169e1',
+  saddlebrown: '8b4513',
+  salmon: 'fa8072',
+  sandybrown: 'f4a460',
+  seagreen: '2e8b57',
+  seashell: 'fff5ee',
+  sienna: 'a0522d',
+  silver: 'c0c0c0',
+  skyblue: '87ceeb',
+  slateblue: '6a5acd',
+  slategray: '708090',
+  snow: 'fffafa',
+  springgreen: '00ff7f',
+  steelblue: '4682b4',
+  tan: 'd2b48c',
+  teal: '008080',
+  thistle: 'd8bfd8',
+  tomato: 'ff6347',
+  turquoise: '40e0d0',
+  violet: 'ee82ee',
+  violetred: 'd02090',
+  wheat: 'f5deb3',
+  white: 'ffffff',
+  whitesmoke: 'f5f5f5',
+  yellow: 'ffff00',
+  yellowgreen: '9acd32'
+};
+
+// array of color definition objects
+const colorDefs = [
+  {
+    re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
+    example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
+    process (bits) {
+      return [
+        parseInt(bits[1], 10),
+        parseInt(bits[2], 10),
+        parseInt(bits[3], 10)
+      ];
+    }
+  },
+  {
+    re: /^(\w{2})(\w{2})(\w{2})$/,
+    example: ['#00ff00', '336699'],
+    process (bits) {
+      return [
+        parseInt(bits[1], 16),
+        parseInt(bits[2], 16),
+        parseInt(bits[3], 16)
+      ];
+    }
+  },
+  {
+    re: /^(\w{1})(\w{1})(\w{1})$/,
+    example: ['#fb0', 'f0f'],
+    process (bits) {
+      return [
+        parseInt(bits[1] + bits[1], 16),
+        parseInt(bits[2] + bits[2], 16),
+        parseInt(bits[3] + bits[3], 16)
+      ];
+    }
+  }
+];
+
 /**
  * A class to parse color values
- * @author Stoyan Stefanov <sstoo@gmail.com>
- * @link   http://www.phpied.com/rgb-color-parser-in-javascript/
- * @license Use it if you like it
  */
-function RGBColor(color_string) { 'use strict';
+export default class RGBColor {
+  /**
+  * @param {string} colorString
+  */
+  constructor (colorString) {
     this.ok = false;
 
     // strip any leading #
-    if (color_string.charAt(0) === '#') { // remove # if any
-        color_string = color_string.substr(1,6);
+    if (colorString.charAt(0) === '#') { // remove # if any
+      colorString = colorString.substr(1, 6);
     }
 
-    color_string = color_string.replace(/ /g,'');
-    color_string = color_string.toLowerCase();
+    colorString = colorString.replace(/ /g, '');
+    colorString = colorString.toLowerCase();
 
     // before getting into regexps, try simple matches
     // and overwrite the input
-    var simple_colors = {
-        aliceblue: 'f0f8ff',
-        antiquewhite: 'faebd7',
-        aqua: '00ffff',
-        aquamarine: '7fffd4',
-        azure: 'f0ffff',
-        beige: 'f5f5dc',
-        bisque: 'ffe4c4',
-        black: '000000',
-        blanchedalmond: 'ffebcd',
-        blue: '0000ff',
-        blueviolet: '8a2be2',
-        brown: 'a52a2a',
-        burlywood: 'deb887',
-        cadetblue: '5f9ea0',
-        chartreuse: '7fff00',
-        chocolate: 'd2691e',
-        coral: 'ff7f50',
-        cornflowerblue: '6495ed',
-        cornsilk: 'fff8dc',
-        crimson: 'dc143c',
-        cyan: '00ffff',
-        darkblue: '00008b',
-        darkcyan: '008b8b',
-        darkgoldenrod: 'b8860b',
-        darkgray: 'a9a9a9',
-        darkgreen: '006400',
-        darkkhaki: 'bdb76b',
-        darkmagenta: '8b008b',
-        darkolivegreen: '556b2f',
-        darkorange: 'ff8c00',
-        darkorchid: '9932cc',
-        darkred: '8b0000',
-        darksalmon: 'e9967a',
-        darkseagreen: '8fbc8f',
-        darkslateblue: '483d8b',
-        darkslategray: '2f4f4f',
-        darkturquoise: '00ced1',
-        darkviolet: '9400d3',
-        deeppink: 'ff1493',
-        deepskyblue: '00bfff',
-        dimgray: '696969',
-        dodgerblue: '1e90ff',
-        feldspar: 'd19275',
-        firebrick: 'b22222',
-        floralwhite: 'fffaf0',
-        forestgreen: '228b22',
-        fuchsia: 'ff00ff',
-        gainsboro: 'dcdcdc',
-        ghostwhite: 'f8f8ff',
-        gold: 'ffd700',
-        goldenrod: 'daa520',
-        gray: '808080',
-        green: '008000',
-        greenyellow: 'adff2f',
-        honeydew: 'f0fff0',
-        hotpink: 'ff69b4',
-        indianred : 'cd5c5c',
-        indigo : '4b0082',
-        ivory: 'fffff0',
-        khaki: 'f0e68c',
-        lavender: 'e6e6fa',
-        lavenderblush: 'fff0f5',
-        lawngreen: '7cfc00',
-        lemonchiffon: 'fffacd',
-        lightblue: 'add8e6',
-        lightcoral: 'f08080',
-        lightcyan: 'e0ffff',
-        lightgoldenrodyellow: 'fafad2',
-        lightgrey: 'd3d3d3',
-        lightgreen: '90ee90',
-        lightpink: 'ffb6c1',
-        lightsalmon: 'ffa07a',
-        lightseagreen: '20b2aa',
-        lightskyblue: '87cefa',
-        lightslateblue: '8470ff',
-        lightslategray: '778899',
-        lightsteelblue: 'b0c4de',
-        lightyellow: 'ffffe0',
-        lime: '00ff00',
-        limegreen: '32cd32',
-        linen: 'faf0e6',
-        magenta: 'ff00ff',
-        maroon: '800000',
-        mediumaquamarine: '66cdaa',
-        mediumblue: '0000cd',
-        mediumorchid: 'ba55d3',
-        mediumpurple: '9370d8',
-        mediumseagreen: '3cb371',
-        mediumslateblue: '7b68ee',
-        mediumspringgreen: '00fa9a',
-        mediumturquoise: '48d1cc',
-        mediumvioletred: 'c71585',
-        midnightblue: '191970',
-        mintcream: 'f5fffa',
-        mistyrose: 'ffe4e1',
-        moccasin: 'ffe4b5',
-        navajowhite: 'ffdead',
-        navy: '000080',
-        oldlace: 'fdf5e6',
-        olive: '808000',
-        olivedrab: '6b8e23',
-        orange: 'ffa500',
-        orangered: 'ff4500',
-        orchid: 'da70d6',
-        palegoldenrod: 'eee8aa',
-        palegreen: '98fb98',
-        paleturquoise: 'afeeee',
-        palevioletred: 'd87093',
-        papayawhip: 'ffefd5',
-        peachpuff: 'ffdab9',
-        peru: 'cd853f',
-        pink: 'ffc0cb',
-        plum: 'dda0dd',
-        powderblue: 'b0e0e6',
-        purple: '800080',
-        red: 'ff0000',
-        rosybrown: 'bc8f8f',
-        royalblue: '4169e1',
-        saddlebrown: '8b4513',
-        salmon: 'fa8072',
-        sandybrown: 'f4a460',
-        seagreen: '2e8b57',
-        seashell: 'fff5ee',
-        sienna: 'a0522d',
-        silver: 'c0c0c0',
-        skyblue: '87ceeb',
-        slateblue: '6a5acd',
-        slategray: '708090',
-        snow: 'fffafa',
-        springgreen: '00ff7f',
-        steelblue: '4682b4',
-        tan: 'd2b48c',
-        teal: '008080',
-        thistle: 'd8bfd8',
-        tomato: 'ff6347',
-        turquoise: '40e0d0',
-        violet: 'ee82ee',
-        violetred: 'd02090',
-        wheat: 'f5deb3',
-        white: 'ffffff',
-        whitesmoke: 'f5f5f5',
-        yellow: 'ffff00',
-        yellowgreen: '9acd32'
-    };
-    var key;
-    for (key in simple_colors) {
-        if (simple_colors.hasOwnProperty(key)) {
-            if (color_string == key) {
-                color_string = simple_colors[key];
-            }
-        }
+    if (colorString in simpleColors) {
+      colorString = simpleColors[colorString];
     }
-    // emd of simple type-in colors
+    // end of simple type-in colors
 
-    // array of color definition objects
-    var color_defs = [
-        {
-            re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
-            example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
-            process: function (bits){
-                return [
-                    parseInt(bits[1], 10),
-                    parseInt(bits[2], 10),
-                    parseInt(bits[3], 10)
-                ];
-            }
-        },
-        {
-            re: /^(\w{2})(\w{2})(\w{2})$/,
-            example: ['#00ff00', '336699'],
-            process: function (bits){
-                return [
-                    parseInt(bits[1], 16),
-                    parseInt(bits[2], 16),
-                    parseInt(bits[3], 16)
-                ];
-            }
-        },
-        {
-            re: /^(\w{1})(\w{1})(\w{1})$/,
-            example: ['#fb0', 'f0f'],
-            process: function (bits){
-                return [
-                    parseInt(bits[1] + bits[1], 16),
-                    parseInt(bits[2] + bits[2], 16),
-                    parseInt(bits[3] + bits[3], 16)
-                ];
-            }
-        }
-    ];
-
-    var i;
     // search through the definitions to find a match
-    for (i = 0; i < color_defs.length; i++) {
-        var re = color_defs[i].re;
-        var processor = color_defs[i].process;
-        var bits = re.exec(color_string);
-        if (bits) {
-            var channels = processor(bits);
-            this.r = channels[0];
-            this.g = channels[1];
-            this.b = channels[2];
-            this.ok = true;
-        }
-
+    for (let i = 0; i < colorDefs.length; i++) {
+      const {re} = colorDefs[i];
+      const processor = colorDefs[i].process;
+      const bits = re.exec(colorString);
+      if (bits) {
+        const [r, g, b] = processor(bits);
+        Object.assign(this, {r, g, b});
+        this.ok = true;
+      }
     }
 
     // validate/cleanup values
     this.r = (this.r < 0 || isNaN(this.r)) ? 0 : ((this.r > 255) ? 255 : this.r);
     this.g = (this.g < 0 || isNaN(this.g)) ? 0 : ((this.g > 255) ? 255 : this.g);
     this.b = (this.b < 0 || isNaN(this.b)) ? 0 : ((this.b > 255) ? 255 : this.b);
+  }
 
-    // some getters
-    this.toRGB = function () {
-        return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
-    };
-    this.toHex = function () {
-        var r = this.r.toString(16);
-        var g = this.g.toString(16);
-        var b = this.b.toString(16);
-        if (r.length === 1) {r = '0' + r;}
-        if (g.length === 1) {g = '0' + g;}
-        if (b.length === 1) {b = '0' + b;}
-        return '#' + r + g + b;
-    };
+  // some getters
+  /**
+  * @returns {string}
+  */
+  toRGB () {
+    return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
+  }
 
-    // help
-    this.getHelpXML = function () {
-        var i, j;
-        var examples = [];
-        // add regexps
-        for (i = 0; i < color_defs.length; i++) {
-            var example = color_defs[i].example;
-            for (j = 0; j < example.length; j++) {
-                examples[examples.length] = example[j];
-            }
-        }
-        // add type-in colors
-        var sc;
-        for (sc in simple_colors) {
-            if (simple_colors.hasOwnProperty(sc)) {
-                examples[examples.length] = sc;
-            }
-        }
+  /**
+  * @returns {string}
+  */
+  toHex () {
+    let r = this.r.toString(16);
+    let g = this.g.toString(16);
+    let b = this.b.toString(16);
+    if (r.length === 1) { r = '0' + r; }
+    if (g.length === 1) { g = '0' + g; }
+    if (b.length === 1) { b = '0' + b; }
+    return '#' + r + g + b;
+  }
 
-        var xml = document.createElement('ul');
-        xml.setAttribute('id', 'rgbcolor-examples');
-        for (i = 0; i < examples.length; i++) {
-            try {
-                var list_item = document.createElement('li');
-                var list_color = new RGBColor(examples[i]);
-                var example_div = document.createElement('div');
-                example_div.style.cssText =
-                        'margin: 3px; '
-                        + 'border: 1px solid black; '
-                        + 'background:' + list_color.toHex() + '; '
-                        + 'color:' + list_color.toHex()
-                ;
-                example_div.appendChild(document.createTextNode('test'));
-                var list_item_value = document.createTextNode(
-                    ' ' + examples[i] + ' -> ' + list_color.toRGB() + ' -> ' + list_color.toHex()
-                );
-                list_item.appendChild(example_div);
-                list_item.appendChild(list_item_value);
-                xml.appendChild(list_item);
-
-            } catch(e){}
-        }
-        return xml;
-
-    };
+  /**
+  * help
+  * @returns {HTMLUListElement}
+  */
+  getHelpXML () {
+    const examples = [];
+    // add regexps
+    for (let i = 0; i < colorDefs.length; i++) {
+      const {example} = colorDefs[i];
+      for (let j = 0; j < example.length; j++) {
+        examples[examples.length] = example[j];
+      }
+    }
+    // add type-in colors
+    examples.push(...Object.keys(simpleColors));
 
+    const xml = document.createElement('ul');
+    xml.setAttribute('id', 'rgbcolor-examples');
+    for (let i = 0; i < examples.length; i++) {
+      try {
+        const listItem = document.createElement('li');
+        const listColor = new RGBColor(examples[i]);
+        const exampleDiv = document.createElement('div');
+        exampleDiv.style.cssText =
+`margin: 3px;
+border: 1px solid black;
+background: ${listColor.toHex()};
+color: ${listColor.toHex()};`
+        ;
+        exampleDiv.append('test');
+        const listItemValue = ` ${examples[i]} -> ${listColor.toRGB()} -> ${listColor.toHex()}`;
+        listItem.append(exampleDiv, listItemValue);
+        xml.append(listItem);
+      } catch (e) {}
+    }
+    return xml;
+  }
 }
diff --git a/editor/config-sample.js b/editor/config-sample.js
deleted file mode 100644
index 0336b243..00000000
--- a/editor/config-sample.js
+++ /dev/null
@@ -1,146 +0,0 @@
-// DO NOT EDIT THIS FILE!
-// THIS FILE IS JUST A SAMPLE; TO APPLY, YOU MUST
-//   CREATE A NEW FILE config.js AND ADD CONTENTS
-//   SUCH AS SHOWN BELOW INTO THAT FILE.
-
-/*globals svgEditor*/
-/*
-The config.js file is intended for the setting of configuration or
-  preferences which must run early on; if this is not needed, it is
-  recommended that you create an extension instead (for greater
-  reusability and modularity).
-*/
-
-// CONFIG AND EXTENSION SETTING
-/*
-See defaultConfig and defaultExtensions in svg-editor.js for a list
-  of possible configuration settings.
-
-See svg-editor.js for documentation on using setConfig().
-*/
-
-// URL OVERRIDE CONFIG
-svgEditor.setConfig({
-	/**
-	To override the ability for URLs to set URL-based SVG content,
-	    uncomment the following:
-	*/
-	// preventURLContentLoading: true,
-	/**
-	To override the ability for URLs to set other configuration (including
-	    extension config), uncomment the following:
-	*/
-	// preventAllURLConfig: true,
-	/**
-	To override the ability for URLs to set their own extensions,
-	  uncomment the following (note that if setConfig() is used in
-	  extension code, it will still be additive to extensions,
-	  however):
-	*/
-	// lockExtensions: true,
-});
-
-svgEditor.setConfig({
-	/*
-	Provide default values here which differ from that of the editor but
-		which the URL can override
-	*/
-}, {allowInitialUserOverride: true});
-
-// EXTENSION CONFIG
-svgEditor.setConfig({
-	extensions: [
-		// 'ext-overview_window.js', 'ext-markers.js', 'ext-connector.js', 'ext-eyedropper.js', 'ext-shapes.js', 'ext-imagelib.js', 'ext-grid.js', 'ext-polygon.js', 'ext-star.js', 'ext-panning.js', 'ext-storage.js'
-	]
-	// , noDefaultExtensions: false, // noDefaultExtensions can only be meaningfully used in config.js or in the URL
-});
-
-// OTHER CONFIG
-svgEditor.setConfig({	
-	// canvasName: 'default',
-	// canvas_expansion: 3,
-	// initFill: {
-		// color: 'FF0000', // solid red
-		// opacity: 1
-	// },
-	// initStroke: {
-		// width: 5,
-		// color: '000000', // solid black
-		// opacity: 1
-	// },
-	// initOpacity: 1,
-	// colorPickerCSS: null,
-	// initTool: 'select',
-	// exportWindowType: 'new', // 'same'
-	// wireframe: false,
-	// showlayers: false,
-	// no_save_warning: false,
-	// PATH CONFIGURATION
-	// imgPath: 'images/',
-	// langPath: 'locale/',
-	// extPath: 'extensions/',
-	// jGraduatePath: 'jgraduate/images/',
-	/*
-	Uncomment the following to allow at least same domain (embedded) access,
-	including file:// access.
-	Setting as `['*']` would allow any domain to access but would be unsafe to
-	data privacy and integrity.
-	*/
-	// allowedOrigins: [window.location.origin || 'null'], // May be 'null' (as a string) when used as a file:// URL
-	// DOCUMENT PROPERTIES
-	// dimensions: [640, 480],
-	// EDITOR OPTIONS
-	// gridSnapping: false,
-	// gridColor: '#000',
-	// baseUnit: 'px',
-	// snappingStep: 10,
-	// showRulers: true,
-	// EXTENSION-RELATED (GRID)
-	// showGrid: false, // Set by ext-grid.js
-	// EXTENSION-RELATED (STORAGE)
-	// noStorageOnLoad: false, // Some interaction with ext-storage.js; prevent even the loading of previously saved local storage
-	// forceStorage: false, // Some interaction with ext-storage.js; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not
-	// emptyStorageOnDecline: true, // Used by ext-storage.js; empty any prior storage if the user declines to store
-});
-
-// PREF CHANGES
-/**
-setConfig() can also be used to set preferences in addition to
-  configuration (see defaultPrefs in svg-editor.js for a list of
-  possible settings), but at least if you are using ext-storage.js
-  to store preferences, it will probably be better to let your
-  users control these.
-As with configuration, one may use allowInitialUserOverride, but
-  in the case of preferences, any previously stored preferences
-  will also thereby be enabled to override this setting (and at a
-  higher priority than any URL preference setting overrides).
-  Failing to use allowInitialUserOverride will ensure preferences
-  are hard-coded here regardless of URL or prior user storage setting.
-*/
-svgEditor.setConfig(
-	{
-		// lang: '', // Set dynamically within locale.js if not previously set
-		// iconsize: '', // Will default to 's' if the window height is smaller than the minimum height and 'm' otherwise
-		/**
-		* When showing the preferences dialog, svg-editor.js currently relies
-		* on curPrefs instead of $.pref, so allowing an override for bkgd_color
-		* means that this value won't have priority over block auto-detection as
-		* far as determining which color shows initially in the preferences
-		* dialog (though it can be changed and saved).
-		*/
-		// bkgd_color: '#FFF',
-		// bkgd_url: '',
-		// img_save: 'embed',
-		// Only shows in UI as far as alert notices
-		// save_notice_done: false,
-		// export_notice_done: false
-	}
-);
-svgEditor.setConfig(
-	{
-		// Indicate pref settings here if you wish to allow user storage or URL settings
-		//   to be able to override your default preferences (unless other config options
-		//   have already explicitly prevented one or the other)
-	},
-	{allowInitialUserOverride: true}
-);
diff --git a/editor/contextmenu.js b/editor/contextmenu.js
index 9fca31d8..f039a49a 100644
--- a/editor/contextmenu.js
+++ b/editor/contextmenu.js
@@ -1,66 +1,104 @@
-/*globals $, svgEditor*/
-/*jslint vars: true, eqeq: true*/
+/* globals jQuery */
 /**
- * Package: svgedit.contextmenu
- * 
- * Licensed under the Apache License, Version 2
- * 
- * Author: Adam Bender
+ * Adds context menu functionality
+ * @module contextmenu
+ * @license Apache-2.0
+ * @author Adam Bender
  */
 // Dependencies:
 // 1) jQuery (for dom injection of context menus)
-var svgedit = svgedit || {};
-(function() {
-	var self = this;
-	if (!svgedit.contextmenu) {
-		svgedit.contextmenu = {};
-	}
-	self.contextMenuExtensions = {};
-	var menuItemIsValid = function(menuItem) {
-		return menuItem && menuItem.id && menuItem.label && menuItem.action && typeof menuItem.action == 'function';
-	};
-	var addContextMenuItem = function(menuItem) {
-		// menuItem: {id, label, shortcut, action}
-		if (!menuItemIsValid(menuItem)) {
-			console.error("Menu items must be defined and have at least properties: id, label, action, where action must be a function");
-			return;
-		}
-		if (menuItem.id in self.contextMenuExtensions) {
-			console.error('Cannot add extension "' + menuItem.id + '", an extension by that name already exists"');
-			return;
-		}
-		// Register menuItem action, see below for deferred menu dom injection
-		console.log("Registed contextmenu item: {id:"+ menuItem.id+", label:"+menuItem.label+"}");
-		self.contextMenuExtensions[menuItem.id] = menuItem;
-		//TODO: Need to consider how to handle custom enable/disable behavior
-	};
-	var hasCustomHandler = function(handlerKey) {
-		return self.contextMenuExtensions[handlerKey] && true;
-	};
-	var getCustomHandler = function(handlerKey) {
-		return self.contextMenuExtensions[handlerKey].action;
-	};
-	var injectExtendedContextMenuItemIntoDom = function(menuItem) {
-		if (Object.keys(self.contextMenuExtensions).length === 0) {
-			// all menuItems appear at the bottom of the menu in their own container.
-			// if this is the first extension menu we need to add the separator.
-			$("#cmenu_canvas").append("<li class='separator'>");
-		}
-		var shortcut = menuItem.shortcut || "";
-		$("#cmenu_canvas").append("<li class='disabled'><a href='#" + menuItem.id + "'>"
-									+ menuItem.label + "<span class='shortcut'>"
-									+ shortcut + "</span></a></li>");
-	};
-	// Defer injection to wait out initial menu processing. This probably goes away once all context
-	// menu behavior is brought here.
-	svgEditor.ready(function() {
-		var menuItem;
-		for (menuItem in contextMenuExtensions) {
-			injectExtendedContextMenuItemIntoDom(contextMenuExtensions[menuItem]);
-		}
-	});
-	svgedit.contextmenu.resetCustomMenus = function(){self.contextMenuExtensions = {};};
-	svgedit.contextmenu.add = addContextMenuItem;
-	svgedit.contextmenu.hasCustomHandler = hasCustomHandler;
-	svgedit.contextmenu.getCustomHandler = getCustomHandler;
-}());
+
+const $ = jQuery;
+
+let contextMenuExtensions = {};
+
+/**
+ * Signature depends on what the user adds; in the case of our uses with
+ * SVGEditor, no parameters are passed nor anything expected for a return.
+ * @callback module:contextmenu.MenuItemAction
+*/
+
+/**
+* @typedef {PlainObject} module:contextmenu.MenuItem
+* @property {string} id
+* @property {string} label
+* @property {module:contextmenu.MenuItemAction} action
+*/
+
+/**
+* @param {module:contextmenu.MenuItem} menuItem
+* @returns {boolean}
+*/
+const menuItemIsValid = function (menuItem) {
+  return menuItem && menuItem.id && menuItem.label && menuItem.action && typeof menuItem.action === 'function';
+};
+
+/**
+* @function module:contextmenu.add
+* @param {module:contextmenu.MenuItem} menuItem
+* @returns {undefined}
+*/
+export const add = function (menuItem) {
+  // menuItem: {id, label, shortcut, action}
+  if (!menuItemIsValid(menuItem)) {
+    console.error('Menu items must be defined and have at least properties: id, label, action, where action must be a function');
+    return;
+  }
+  if (menuItem.id in contextMenuExtensions) {
+    console.error('Cannot add extension "' + menuItem.id + '", an extension by that name already exists"');
+    return;
+  }
+  // Register menuItem action, see below for deferred menu dom injection
+  console.log('Registed contextmenu item: {id:' + menuItem.id + ', label:' + menuItem.label + '}');
+  contextMenuExtensions[menuItem.id] = menuItem;
+  // TODO: Need to consider how to handle custom enable/disable behavior
+};
+
+/**
+* @function module:contextmenu.hasCustomHandler
+* @param {string} handlerKey
+* @returns {boolean}
+*/
+export const hasCustomHandler = function (handlerKey) {
+  return Boolean(contextMenuExtensions[handlerKey]);
+};
+
+/**
+* @function module:contextmenu.getCustomHandler
+* @param {string} handlerKey
+* @returns {module:contextmenu.MenuItemAction}
+*/
+export const getCustomHandler = function (handlerKey) {
+  return contextMenuExtensions[handlerKey].action;
+};
+
+/**
+* @param {module:contextmenu.MenuItem} menuItem
+* @returns {undefined}
+*/
+const injectExtendedContextMenuItemIntoDom = function (menuItem) {
+  if (!Object.keys(contextMenuExtensions).length) {
+    // all menuItems appear at the bottom of the menu in their own container.
+    // if this is the first extension menu we need to add the separator.
+    $('#cmenu_canvas').append("<li class='separator'>");
+  }
+  const shortcut = menuItem.shortcut || '';
+  $('#cmenu_canvas').append("<li class='disabled'><a href='#" + menuItem.id + "'>" +
+    menuItem.label + "<span class='shortcut'>" +
+    shortcut + '</span></a></li>');
+};
+
+/**
+* @function module:contextmenu.injectExtendedContextMenuItemsIntoDom
+* @returns {undefined}
+*/
+export const injectExtendedContextMenuItemsIntoDom = function () {
+  for (const menuItem in contextMenuExtensions) {
+    injectExtendedContextMenuItemIntoDom(contextMenuExtensions[menuItem]);
+  }
+};
+/**
+* @function module:contextmenu.resetCustomMenus
+* @returns {undefined}
+*/
+export const resetCustomMenus = function () { contextMenuExtensions = {}; };
diff --git a/editor/contextmenu/jQuery.contextMenu.js b/editor/contextmenu/jQuery.contextMenu.js
new file mode 100755
index 00000000..2f65b0e4
--- /dev/null
+++ b/editor/contextmenu/jQuery.contextMenu.js
@@ -0,0 +1,259 @@
+/**
+ * jQuery Context Menu Plugin
+ * Cory S.N. LaViska
+ * A Beautiful Site ({@link https://abeautifulsite.net/})
+ * Modified by Alexis Deveria
+ *
+ * More info: {@link https://abeautifulsite.net/2008/09/jquery-context-menu-plugin/}
+ *
+ * @module jQueryContextMenu
+ * @todo Update to latest version and adapt (and needs jQuery update as well): {@link https://github.com/swisnl/jQuery-contextMenu}
+ * @version 1.01
+ *
+ * @license
+ * Terms of Use
+ *
+ * This plugin is dual-licensed under the GNU General Public License
+ *   and the MIT License and is copyright A Beautiful Site, LLC.
+ *
+*/
+import {isMac} from '../browser.js';
+
+/**
+* @callback module:jQueryContextMenu.jQueryContextMenuCallback
+* @param {string} href The `href` value after the first character (for bypassing an initial `#`)
+* @param {external:jQuery} srcElement The wrapped jQuery srcElement
+* @param {{x: Float, y: Float, docX: Float, docY: Float}} coords
+*/
+
+/**
+* @typedef {PlainObject} module:jQueryContextMenu.jQueryContextMenuConfig
+* @property {string} menu
+* @property {Float} inSpeed
+* @property {Float} outSpeed
+* @property {boolean} allowLeft
+*/
+
+/**
+* Adds {@link external:jQuery.fn.contextMenu}, {@link external:jQuery.fn.disableContextMenuItems}, {@link external:jQuery.fn.enableContextMenuItems}, {@link external:jQuery.fn.disableContextMenu}, {@link external:jQuery.fn.enableContextMenu}, {@link external:jQuery.fn.destroyContextMenu}
+* @function module:jQueryContextMenu.jQueryContextMenu
+* @param {external:jQuery} $ The jQuery object to wrap (with `contextMenu`, `disableContextMenuItems`, `enableContextMenuItems`, `disableContextMenu`, `enableContextMenu`, `destroyContextMenu`)
+* @returns {external:jQuery}
+*/
+function jQueryContextMenu ($) {
+  const win = $(window);
+  const doc = $(document);
+
+  $.extend($.fn, {
+    /**
+    * @memberof external:jQuery.fn
+    * @param {module:jQueryContextMenu.jQueryContextMenuConfig} o
+    * @param {module:jQueryContextMenu.jQueryContextMenuCallback} callback
+    * @returns {external:jQuery}
+    */
+    contextMenu (o, callback) {
+      // Defaults
+      if (o.menu === undefined) return false;
+      if (o.inSpeed === undefined) o.inSpeed = 150;
+      if (o.outSpeed === undefined) o.outSpeed = 75;
+      // 0 needs to be -1 for expected results (no fade)
+      if (o.inSpeed === 0) o.inSpeed = -1;
+      if (o.outSpeed === 0) o.outSpeed = -1;
+      // Loop each context menu
+      $(this).each(function () {
+        const el = $(this);
+        const offset = $(el).offset();
+
+        const menu = $('#' + o.menu);
+
+        // Add contextMenu class
+        menu.addClass('contextMenu');
+        // Simulate a true right click
+        $(this).bind('mousedown', function (e) {
+          const evt = e;
+          $(this).mouseup(function (e) {
+            const srcElement = $(this);
+            srcElement.unbind('mouseup');
+            if (evt.button === 2 || o.allowLeft ||
+              (evt.ctrlKey && isMac())) {
+              e.stopPropagation();
+              // Hide context menus that may be showing
+              $('.contextMenu').hide();
+              // Get this context menu
+
+              if (el.hasClass('disabled')) return false;
+
+              // Detect mouse position
+              let x = e.pageX, y = e.pageY;
+
+              const xOff = win.width() - menu.width(),
+                yOff = win.height() - menu.height();
+
+              if (x > xOff - 15) x = xOff - 15;
+              if (y > yOff - 30) y = yOff - 30; // 30 is needed to prevent scrollbars in FF
+
+              // Show the menu
+              doc.unbind('click');
+              menu.css({ top: y, left: x }).fadeIn(o.inSpeed);
+              // Hover events
+              menu.find('A').mouseover(function () {
+                menu.find('LI.hover').removeClass('hover');
+                $(this).parent().addClass('hover');
+              }).mouseout(function () {
+                menu.find('LI.hover').removeClass('hover');
+              });
+
+              // Keyboard
+              doc.keypress(function (e) {
+                switch (e.keyCode) {
+                case 38: // up
+                  if (!menu.find('LI.hover').length) {
+                    menu.find('LI:last').addClass('hover');
+                  } else {
+                    menu.find('LI.hover').removeClass('hover').prevAll('LI:not(.disabled)').eq(0).addClass('hover');
+                    if (!menu.find('LI.hover').length) menu.find('LI:last').addClass('hover');
+                  }
+                  break;
+                case 40: // down
+                  if (!menu.find('LI.hover').length) {
+                    menu.find('LI:first').addClass('hover');
+                  } else {
+                    menu.find('LI.hover').removeClass('hover').nextAll('LI:not(.disabled)').eq(0).addClass('hover');
+                    if (!menu.find('LI.hover').length) menu.find('LI:first').addClass('hover');
+                  }
+                  break;
+                case 13: // enter
+                  menu.find('LI.hover A').trigger('click');
+                  break;
+                case 27: // esc
+                  doc.trigger('click');
+                  break;
+                }
+              });
+
+              // When items are selected
+              menu.find('A').unbind('mouseup');
+              menu.find('LI:not(.disabled) A').mouseup(function () {
+                doc.unbind('click').unbind('keypress');
+                $('.contextMenu').hide();
+                // Callback
+                if (callback) {
+                  callback($(this).attr('href').substr(1), $(srcElement), {x: x - offset.left, y: y - offset.top, docX: x, docY: y});
+                }
+                return false;
+              });
+
+              // Hide bindings
+              setTimeout(function () { // Delay for Mozilla
+                doc.click(function () {
+                  doc.unbind('click').unbind('keypress');
+                  menu.fadeOut(o.outSpeed);
+                  return false;
+                });
+              }, 0);
+            }
+          });
+        });
+
+        // Disable text selection
+        if ($.browser.mozilla) {
+          $('#' + o.menu).each(function () { $(this).css({MozUserSelect: 'none'}); });
+        } else if ($.browser.msie) {
+          $('#' + o.menu).each(function () { $(this).bind('selectstart.disableTextSelect', function () { return false; }); });
+        } else {
+          $('#' + o.menu).each(function () { $(this).bind('mousedown.disableTextSelect', function () { return false; }); });
+        }
+        // Disable browser context menu (requires both selectors to work in IE/Safari + FF/Chrome)
+        $(el).add($('UL.contextMenu')).bind('contextmenu', function () { return false; });
+      });
+      return $(this);
+    },
+
+    /**
+    * Disable context menu items on the fly
+    * @memberof external:jQuery.fn
+    * @param {undefined|string} o Comma-separated
+    * @returns {external:jQuery}
+    */
+    disableContextMenuItems (o) {
+      if (o === undefined) {
+        // Disable all
+        $(this).find('LI').addClass('disabled');
+        return $(this);
+      }
+      $(this).each(function () {
+        if (o !== undefined) {
+          const d = o.split(',');
+          for (let i = 0; i < d.length; i++) {
+            $(this).find('A[href="' + d[i] + '"]').parent().addClass('disabled');
+          }
+        }
+      });
+      return $(this);
+    },
+
+    /**
+    * Enable context menu items on the fly
+    * @memberof external:jQuery.fn
+    * @param {undefined|string} o Comma-separated
+    * @returns {external:jQuery}
+    */
+    enableContextMenuItems (o) {
+      if (o === undefined) {
+        // Enable all
+        $(this).find('LI.disabled').removeClass('disabled');
+        return $(this);
+      }
+      $(this).each(function () {
+        if (o !== undefined) {
+          const d = o.split(',');
+          for (let i = 0; i < d.length; i++) {
+            $(this).find('A[href="' + d[i] + '"]').parent().removeClass('disabled');
+          }
+        }
+      });
+      return $(this);
+    },
+
+    /**
+    * Disable context menu(s)
+    * @memberof external:jQuery.fn
+    * @returns {external:jQuery}
+    */
+    disableContextMenu () {
+      $(this).each(function () {
+        $(this).addClass('disabled');
+      });
+      return $(this);
+    },
+
+    /**
+    * Enable context menu(s)
+    * @memberof external:jQuery.fn
+    * @returns {external:jQuery}
+    */
+    enableContextMenu () {
+      $(this).each(function () {
+        $(this).removeClass('disabled');
+      });
+      return $(this);
+    },
+
+    /**
+    * Destroy context menu(s)
+    * @memberof external:jQuery.fn
+    * @returns {external:jQuery}
+    */
+    destroyContextMenu () {
+      // Destroy specified context menus
+      $(this).each(function () {
+        // Disable action
+        $(this).unbind('mousedown').unbind('mouseup');
+      });
+      return $(this);
+    }
+  });
+  return $;
+}
+
+export default jQueryContextMenu;
diff --git a/editor/contextmenu/jquery.contextMenu.js b/editor/contextmenu/jquery.contextMenu.js
deleted file mode 100755
index 76126019..00000000
--- a/editor/contextmenu/jquery.contextMenu.js
+++ /dev/null
@@ -1,203 +0,0 @@
-// jQuery Context Menu Plugin
-//
-// Version 1.01
-//
-// Cory S.N. LaViska
-// A Beautiful Site (http://abeautifulsite.net/)
-// Modified by Alexis Deveria
-//
-// More info: http://abeautifulsite.net/2008/09/jquery-context-menu-plugin/
-//
-// Terms of Use
-//
-// This plugin is dual-licensed under the GNU General Public License
-//   and the MIT License and is copyright A Beautiful Site, LLC.
-//
-if(jQuery)( function() {
-	var win = $(window);
-	var doc = $(document);
-
-	$.extend($.fn, {
-		
-		contextMenu: function(o, callback) {
-			// Defaults
-			if( o.menu == undefined ) return false;
-			if( o.inSpeed == undefined ) o.inSpeed = 150;
-			if( o.outSpeed == undefined ) o.outSpeed = 75;
-			// 0 needs to be -1 for expected results (no fade)
-			if( o.inSpeed == 0 ) o.inSpeed = -1;
-			if( o.outSpeed == 0 ) o.outSpeed = -1;
-			// Loop each context menu
-			$(this).each( function() {
-				var el = $(this);
-				var offset = $(el).offset();
-			
-				var menu = $('#' + o.menu);
-
-				// Add contextMenu class
-				menu.addClass('contextMenu');
-				// Simulate a true right click
-				$(this).bind( "mousedown", function(e) {
-					var evt = e;
-					$(this).mouseup( function(e) {
-						var srcElement = $(this);
-						srcElement.unbind('mouseup');
-						if( evt.button === 2 || o.allowLeft || (evt.ctrlKey && svgedit.browser.isMac()) ) {
-							e.stopPropagation();
-							// Hide context menus that may be showing
-							$(".contextMenu").hide();
-							// Get this context menu
-						
-							if( el.hasClass('disabled') ) return false;
-							
-							// Detect mouse position
-							var d = {}, x = e.pageX, y = e.pageY;
-							
-							var x_off = win.width() - menu.width(), 
-								y_off = win.height() - menu.height();
-
-							if(x > x_off - 15) x = x_off-15;
-							if(y > y_off - 30) y = y_off-30; // 30 is needed to prevent scrollbars in FF
-							
-							// Show the menu
-							doc.unbind('click');
-							menu.css({ top: y, left: x }).fadeIn(o.inSpeed);
-							// Hover events
-							menu.find('A').mouseover( function() {
-								menu.find('LI.hover').removeClass('hover');
-								$(this).parent().addClass('hover');
-							}).mouseout( function() {
-								menu.find('LI.hover').removeClass('hover');
-							});
-							
-							// Keyboard
-							doc.keypress( function(e) {
-								switch( e.keyCode ) {
-									case 38: // up
-										if( !menu.find('LI.hover').length ) {
-											menu.find('LI:last').addClass('hover');
-										} else {
-											menu.find('LI.hover').removeClass('hover').prevAll('LI:not(.disabled)').eq(0).addClass('hover');
-											if( !menu.find('LI.hover').length ) menu.find('LI:last').addClass('hover');
-										}
-									break;
-									case 40: // down
-										if( menu.find('LI.hover').length == 0 ) {
-											menu.find('LI:first').addClass('hover');
-										} else {
-											menu.find('LI.hover').removeClass('hover').nextAll('LI:not(.disabled)').eq(0).addClass('hover');
-											if( !menu.find('LI.hover').length ) menu.find('LI:first').addClass('hover');
-										}
-									break;
-									case 13: // enter
-										menu.find('LI.hover A').trigger('click');
-									break;
-									case 27: // esc
-										doc.trigger('click');
-									break
-								}
-							});
-							
-							// When items are selected
-							menu.find('A').unbind('mouseup');
-							menu.find('LI:not(.disabled) A').mouseup( function() {
-								doc.unbind('click').unbind('keypress');
-								$(".contextMenu").hide();
-								// Callback
-								if( callback ) callback( $(this).attr('href').substr(1), $(srcElement), {x: x - offset.left, y: y - offset.top, docX: x, docY: y} );
-								return false;
-							});
-							
-							// Hide bindings
-							setTimeout( function() { // Delay for Mozilla
-								doc.click( function() {
-									doc.unbind('click').unbind('keypress');
-									menu.fadeOut(o.outSpeed);
-									return false;
-								});
-							}, 0);
-						}
-					});
-				});
-				
-				// Disable text selection
-				if( $.browser.mozilla ) {
-					$('#' + o.menu).each( function() { $(this).css({ 'MozUserSelect' : 'none' }); });
-				} else if( $.browser.msie ) {
-					$('#' + o.menu).each( function() { $(this).bind('selectstart.disableTextSelect', function() { return false; }); });
-				} else {
-					$('#' + o.menu).each(function() { $(this).bind('mousedown.disableTextSelect', function() { return false; }); });
-				}
-				// Disable browser context menu (requires both selectors to work in IE/Safari + FF/Chrome)
-				$(el).add($('UL.contextMenu')).bind('contextmenu', function() { return false; });
-				
-			});
-			return $(this);
-		},
-		
-		// Disable context menu items on the fly
-		disableContextMenuItems: function(o) {
-			if( o == undefined ) {
-				// Disable all
-				$(this).find('LI').addClass('disabled');
-				return( $(this) );
-			}
-			$(this).each( function() {
-				if( o != undefined ) {
-					var d = o.split(',');
-					for( var i = 0; i < d.length; i++ ) {
-						$(this).find('A[href="' + d[i] + '"]').parent().addClass('disabled');
-						
-					}
-				}
-			});
-			return( $(this) );
-		},
-		
-		// Enable context menu items on the fly
-		enableContextMenuItems: function(o) {
-			if( o == undefined ) {
-				// Enable all
-				$(this).find('LI.disabled').removeClass('disabled');
-				return( $(this) );
-			}
-			$(this).each( function() {
-				if( o != undefined ) {
-					var d = o.split(',');
-					for( var i = 0; i < d.length; i++ ) {
-						$(this).find('A[href="' + d[i] + '"]').parent().removeClass('disabled');
-						
-					}
-				}
-			});
-			return( $(this) );
-		},
-		
-		// Disable context menu(s)
-		disableContextMenu: function() {
-			$(this).each( function() {
-				$(this).addClass('disabled');
-			});
-			return( $(this) );
-		},
-		
-		// Enable context menu(s)
-		enableContextMenu: function() {
-			$(this).each( function() {
-				$(this).removeClass('disabled');
-			});
-			return( $(this) );
-		},
-		
-		// Destroy context menu(s)
-		destroyContextMenu: function() {
-			// Destroy specified context menus
-			$(this).each( function() {
-				// Disable action
-				$(this).unbind('mousedown').unbind('mouseup');
-			});
-			return( $(this) );
-		}
-		
-	});
-})(jQuery);
\ No newline at end of file
diff --git a/editor/coords.js b/editor/coords.js
index 7495ee36..08758aba 100644
--- a/editor/coords.js
+++ b/editor/coords.js
@@ -1,317 +1,313 @@
-/*globals $, svgroot */
-/*jslint vars: true, eqeq: true, forin: true*/
+/* globals jQuery */
 /**
- * Coords.
- *
- * Licensed under the MIT License
- *
+ * Manipulating coordinates
+ * @module coords
+ * @license MIT
  */
 
-// Dependencies:
-// 1) jquery.js
-// 2) math.js
-// 3) pathseg.js
-// 4) browser.js
-// 5) svgutils.js
-// 6) units.js
-// 7) svgtransformlist.js
+import './svgpathseg.js';
+import {
+  snapToGrid, assignAttributes, getBBox, getRefElem, findDefs
+} from './utilities.js';
+import {
+  transformPoint, transformListToTransform, matrixMultiply, transformBox
+} from './math.js';
+import {getTransformList} from './svgtransformlist.js';
 
-var svgedit = svgedit || {};
-
-(function() {'use strict';
-
-if (!svgedit.coords) {
-  svgedit.coords = {};
-}
+const $ = jQuery;
 
 // this is how we map paths to our preferred relative segment types
-var pathMap = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a', 
-    'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];
+const pathMap = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a',
+  'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];
 
 /**
- * @typedef editorContext
- * @type {?object}
- * @property {function} getGridSnapping
- * @property {function} getDrawing
+ * @interface module:coords.EditorContext
+ */
+/**
+ * @function module:coords.EditorContext#getGridSnapping
+ * @returns {boolean}
+ */
+/**
+ * @function module:coords.EditorContext#getDrawing
+ * @returns {module:draw.Drawing}
 */
-var editorContext_ = null;
+/**
+ * @function module:coords.EditorContext#getSVGRoot
+ * @returns {SVGSVGElement}
+*/
+
+let editorContext_ = null;
 
 /**
-* @param {editorContext} editorContext
+* @function module:coords.init
+* @param {module:coords.EditorContext} editorContext
 */
-svgedit.coords.init = function(editorContext) {
+export const init = function (editorContext) {
   editorContext_ = editorContext;
 };
 
 /**
  * Applies coordinate changes to an element based on the given matrix
- * @param {Element} selected - DOM element to be changed
- * @param {object} changes - Object with changes to be remapped
- * @param {SVGMatrix} m - Matrix object to use for remapping coordinates
+ * @function module:coords.remapElement
+ * @implements {module:path.EditorContext#remapElement}
 */
-svgedit.coords.remapElement = function(selected, changes, m) {
-  var i, type,
-    remap = function(x, y) { return svgedit.math.transformPoint(x, y, m); },
-    scalew = function(w) { return m.a * w; },
-    scaleh = function(h) { return m.d * h; },
+export const remapElement = function (selected, changes, m) {
+  const remap = function (x, y) { return transformPoint(x, y, m); },
+    scalew = function (w) { return m.a * w; },
+    scaleh = function (h) { return m.d * h; },
     doSnapping = editorContext_.getGridSnapping() && selected.parentNode.parentNode.localName === 'svg',
-    finishUp = function() {
-      var o;
+    finishUp = function () {
       if (doSnapping) {
-        for (o in changes) {
-          changes[o] = svgedit.utilities.snapToGrid(changes[o]);
+        for (const o in changes) {
+          changes[o] = snapToGrid(changes[o]);
         }
       }
-      svgedit.utilities.assignAttributes(selected, changes, 1000, true);
+      assignAttributes(selected, changes, 1000, true);
     },
-    box = svgedit.utilities.getBBox(selected);
+    box = getBBox(selected);
 
-  for (i = 0; i < 2; i++) {
-    type = i === 0 ? 'fill' : 'stroke';
-    var attrVal = selected.getAttribute(type);
-    if (attrVal && attrVal.indexOf('url(') === 0) {
+  for (let i = 0; i < 2; i++) {
+    const type = i === 0 ? 'fill' : 'stroke';
+    const attrVal = selected.getAttribute(type);
+    if (attrVal && attrVal.startsWith('url(')) {
       if (m.a < 0 || m.d < 0) {
-        var grad = svgedit.utilities.getRefElem(attrVal);
-        var newgrad = grad.cloneNode(true);
+        const grad = getRefElem(attrVal);
+        const newgrad = grad.cloneNode(true);
         if (m.a < 0) {
           // flip x
-          var x1 = newgrad.getAttribute('x1');
-          var x2 = newgrad.getAttribute('x2');
+          const x1 = newgrad.getAttribute('x1');
+          const x2 = newgrad.getAttribute('x2');
           newgrad.setAttribute('x1', -(x1 - 1));
           newgrad.setAttribute('x2', -(x2 - 1));
-        } 
+        }
 
         if (m.d < 0) {
           // flip y
-          var y1 = newgrad.getAttribute('y1');
-          var y2 = newgrad.getAttribute('y2');
+          const y1 = newgrad.getAttribute('y1');
+          const y2 = newgrad.getAttribute('y2');
           newgrad.setAttribute('y1', -(y1 - 1));
           newgrad.setAttribute('y2', -(y2 - 1));
         }
         newgrad.id = editorContext_.getDrawing().getNextId();
-        svgedit.utilities.findDefs().appendChild(newgrad);
+        findDefs().append(newgrad);
         selected.setAttribute(type, 'url(#' + newgrad.id + ')');
       }
 
       // Not really working :(
-//      if (selected.tagName === 'path') {
-//        reorientGrads(selected, m);
-//      }
+      // if (selected.tagName === 'path') {
+      //   reorientGrads(selected, m);
+      // }
     }
   }
 
-  var elName = selected.tagName;
-  var chlist, mt;
-  if (elName === 'g' || elName === 'text' || elName == 'tspan' || elName === 'use') {
+  const elName = selected.tagName;
+  if (elName === 'g' || elName === 'text' || elName === 'tspan' || elName === 'use') {
     // if it was a translate, then just update x,y
-    if (m.a == 1 && m.b == 0 && m.c == 0 && m.d == 1 && (m.e != 0 || m.f != 0) ) {
+    if (m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && (m.e !== 0 || m.f !== 0)) {
       // [T][M] = [M][T']
       // therefore [T'] = [M_inv][T][M]
-      var existing = svgedit.math.transformListToTransform(selected).matrix,
-          t_new = svgedit.math.matrixMultiply(existing.inverse(), m, existing);
-      changes.x = parseFloat(changes.x) + t_new.e;
-      changes.y = parseFloat(changes.y) + t_new.f;
+      const existing = transformListToTransform(selected).matrix,
+        tNew = matrixMultiply(existing.inverse(), m, existing);
+      changes.x = parseFloat(changes.x) + tNew.e;
+      changes.y = parseFloat(changes.y) + tNew.f;
     } else {
       // we just absorb all matrices into the element and don't do any remapping
-      chlist = svgedit.transformlist.getTransformList(selected);
-      mt = svgroot.createSVGTransform();
-      mt.setMatrix(svgedit.math.matrixMultiply(svgedit.math.transformListToTransform(chlist).matrix, m));
+      const chlist = getTransformList(selected);
+      const mt = editorContext_.getSVGRoot().createSVGTransform();
+      mt.setMatrix(matrixMultiply(transformListToTransform(chlist).matrix, m));
       chlist.clear();
       chlist.appendItem(mt);
     }
   }
-  var c, pt, pt1, pt2, len;
+
   // now we have a set of changes and an applied reduced transform list
   // we apply the changes directly to the DOM
   switch (elName) {
-    case 'foreignObject':
-    case 'rect':
-    case 'image':
-      // Allow images to be inverted (give them matrix when flipped)
-      if (elName === 'image' && (m.a < 0 || m.d < 0)) {
-        // Convert to matrix
-        chlist = svgedit.transformlist.getTransformList(selected);
-        mt = svgroot.createSVGTransform();
-        mt.setMatrix(svgedit.math.matrixMultiply(svgedit.math.transformListToTransform(chlist).matrix, m));
-        chlist.clear();
-        chlist.appendItem(mt);
-      } else {
-        pt1 = remap(changes.x, changes.y);
-        changes.width = scalew(changes.width);
-        changes.height = scaleh(changes.height);
-        changes.x = pt1.x + Math.min(0, changes.width);
-        changes.y = pt1.y + Math.min(0, changes.height);
-        changes.width = Math.abs(changes.width);
-        changes.height = Math.abs(changes.height);
-      }
-      finishUp();
-      break;
-    case 'ellipse':
-      c = remap(changes.cx, changes.cy);
-      changes.cx = c.x;
-      changes.cy = c.y;
-      changes.rx = scalew(changes.rx);
-      changes.ry = scaleh(changes.ry);
-      changes.rx = Math.abs(changes.rx);
-      changes.ry = Math.abs(changes.ry);
-      finishUp();
-      break;
-    case 'circle':
-      c = remap(changes.cx,changes.cy);
-      changes.cx = c.x;
-      changes.cy = c.y;
-      // take the minimum of the new selected box's dimensions for the new circle radius
-      var tbox = svgedit.math.transformBox(box.x, box.y, box.width, box.height, m);
-      var w = tbox.tr.x - tbox.tl.x, h = tbox.bl.y - tbox.tl.y;
-      changes.r = Math.min(w/2, h/2);
-
-      if (changes.r) {changes.r = Math.abs(changes.r);}
-      finishUp();
-      break;
-    case 'line':
-      pt1 = remap(changes.x1, changes.y1);
-      pt2 = remap(changes.x2, changes.y2);
-      changes.x1 = pt1.x;
-      changes.y1 = pt1.y;
-      changes.x2 = pt2.x;
-      changes.y2 = pt2.y;
-      // deliberately fall through here
-    case 'text':
-    case 'tspan':
-    case 'use':
-      finishUp();
-      break;
-    case 'g':
-      var gsvg = $(selected).data('gsvg');
-      if (gsvg) {
-          svgedit.utilities.assignAttributes(gsvg, changes, 1000, true);
-      }
-      break;
-    case 'polyline':
-    case 'polygon':
-      len = changes.points.length;
-      for (i = 0; i < len; ++i) {
-        pt = changes.points[i];
-        pt = remap(pt.x, pt.y);
-        changes.points[i].x = pt.x;
-        changes.points[i].y = pt.y;
-      }
-
-      len = changes.points.length;
-      var pstr = '';
-      for (i = 0; i < len; ++i) {
-        pt = changes.points[i];
-        pstr += pt.x + ',' + pt.y + ' ';
-      }
-      selected.setAttribute('points', pstr);
-      break;
-    case 'path':
-      var seg;
-      var segList = selected.pathSegList;
-      len = segList.numberOfItems;
-      changes.d = [];
-      for (i = 0; i < len; ++i) {
-          seg = segList.getItem(i);
-          changes.d[i] = {
-              type: seg.pathSegType,
-              x: seg.x,
-              y: seg.y,
-              x1: seg.x1,
-              y1: seg.y1,
-              x2: seg.x2,
-              y2: seg.y2,
-              r1: seg.r1,
-              r2: seg.r2,
-              angle: seg.angle,
-              largeArcFlag: seg.largeArcFlag,
-              sweepFlag: seg.sweepFlag
-          };
-      }
-
-      len = changes.d.length;
-      var firstseg = changes.d[0],
-          currentpt = remap(firstseg.x, firstseg.y);
-      changes.d[0].x = currentpt.x;
-      changes.d[0].y = currentpt.y;
-      for (i = 1; i < len; ++i) {
-        seg = changes.d[i];
-        type = seg.type;
-        // if absolute or first segment, we want to remap x, y, x1, y1, x2, y2
-        // if relative, we want to scalew, scaleh
-        if (type % 2 == 0) { // absolute
-          var thisx = (seg.x != undefined) ? seg.x : currentpt.x, // for V commands
-              thisy = (seg.y != undefined) ? seg.y : currentpt.y; // for H commands
-          pt = remap(thisx,thisy);
-          pt1 = remap(seg.x1, seg.y1);
-          pt2 = remap(seg.x2, seg.y2);
-          seg.x = pt.x;
-          seg.y = pt.y;
-          seg.x1 = pt1.x;
-          seg.y1 = pt1.y;
-          seg.x2 = pt2.x;
-          seg.y2 = pt2.y;
-          seg.r1 = scalew(seg.r1);
-          seg.r2 = scaleh(seg.r2);
-        }
-        else { // relative
-          seg.x = scalew(seg.x);
-          seg.y = scaleh(seg.y);
-          seg.x1 = scalew(seg.x1);
-          seg.y1 = scaleh(seg.y1);
-          seg.x2 = scalew(seg.x2);
-          seg.y2 = scaleh(seg.y2);
-          seg.r1 = scalew(seg.r1);
-          seg.r2 = scaleh(seg.r2);
-        }
-      } // for each segment
-
-      var dstr = '';
-      len = changes.d.length;
-      for (i = 0; i < len; ++i) {
-        seg = changes.d[i];
-        type = seg.type;
-        dstr += pathMap[type];
-        switch (type) {
-            case 13: // relative horizontal line (h)
-            case 12: // absolute horizontal line (H)
-                dstr += seg.x + ' ';
-                break;
-            case 15: // relative vertical line (v)
-            case 14: // absolute vertical line (V)
-                dstr += seg.y + ' ';
-                break;
-            case 3: // relative move (m)
-            case 5: // relative line (l)
-            case 19: // relative smooth quad (t)
-            case 2: // absolute move (M)
-            case 4: // absolute line (L)
-            case 18: // absolute smooth quad (T)
-                dstr += seg.x + ',' + seg.y + ' ';
-                break;
-            case 7: // relative cubic (c)
-            case 6: // absolute cubic (C)
-                dstr += seg.x1 + ',' + seg.y1 + ' ' + seg.x2 + ',' + seg.y2 + ' ' +
-                     seg.x + ',' + seg.y + ' ';
-                break;
-            case 9: // relative quad (q) 
-            case 8: // absolute quad (Q)
-                dstr += seg.x1 + ',' + seg.y1 + ' ' + seg.x + ',' + seg.y + ' ';
-                break;
-            case 11: // relative elliptical arc (a)
-            case 10: // absolute elliptical arc (A)
-                dstr += seg.r1 + ',' + seg.r2 + ' ' + seg.angle + ' ' + (+seg.largeArcFlag) +
-                    ' ' + (+seg.sweepFlag) + ' ' + seg.x + ',' + seg.y + ' ';
-                break;
-            case 17: // relative smooth cubic (s)
-            case 16: // absolute smooth cubic (S)
-                dstr += seg.x2 + ',' + seg.y2 + ' ' + seg.x + ',' + seg.y + ' ';
-                break;
-          }
-      }
-
-      selected.setAttribute('d', dstr);
-      break;
+  case 'foreignObject':
+  case 'rect':
+  case 'image': {
+    // Allow images to be inverted (give them matrix when flipped)
+    if (elName === 'image' && (m.a < 0 || m.d < 0)) {
+      // Convert to matrix
+      const chlist = getTransformList(selected);
+      const mt = editorContext_.getSVGRoot().createSVGTransform();
+      mt.setMatrix(matrixMultiply(transformListToTransform(chlist).matrix, m));
+      chlist.clear();
+      chlist.appendItem(mt);
+    } else {
+      const pt1 = remap(changes.x, changes.y);
+      changes.width = scalew(changes.width);
+      changes.height = scaleh(changes.height);
+      changes.x = pt1.x + Math.min(0, changes.width);
+      changes.y = pt1.y + Math.min(0, changes.height);
+      changes.width = Math.abs(changes.width);
+      changes.height = Math.abs(changes.height);
     }
-};
+    finishUp();
+    break;
+  } case 'ellipse': {
+    const c = remap(changes.cx, changes.cy);
+    changes.cx = c.x;
+    changes.cy = c.y;
+    changes.rx = scalew(changes.rx);
+    changes.ry = scaleh(changes.ry);
+    changes.rx = Math.abs(changes.rx);
+    changes.ry = Math.abs(changes.ry);
+    finishUp();
+    break;
+  } case 'circle': {
+    const c = remap(changes.cx, changes.cy);
+    changes.cx = c.x;
+    changes.cy = c.y;
+    // take the minimum of the new selected box's dimensions for the new circle radius
+    const tbox = transformBox(box.x, box.y, box.width, box.height, m);
+    const w = tbox.tr.x - tbox.tl.x, h = tbox.bl.y - tbox.tl.y;
+    changes.r = Math.min(w / 2, h / 2);
 
-}());
+    if (changes.r) { changes.r = Math.abs(changes.r); }
+    finishUp();
+    break;
+  } case 'line': {
+    const pt1 = remap(changes.x1, changes.y1);
+    const pt2 = remap(changes.x2, changes.y2);
+    changes.x1 = pt1.x;
+    changes.y1 = pt1.y;
+    changes.x2 = pt2.x;
+    changes.y2 = pt2.y;
+  } // Fallthrough
+  case 'text':
+  case 'tspan':
+  case 'use': {
+    finishUp();
+    break;
+  } case 'g': {
+    const gsvg = $(selected).data('gsvg');
+    if (gsvg) {
+      assignAttributes(gsvg, changes, 1000, true);
+    }
+    break;
+  } case 'polyline':
+  case 'polygon': {
+    const len = changes.points.length;
+    for (let i = 0; i < len; ++i) {
+      const pt = changes.points[i];
+      const {x, y} = remap(pt.x, pt.y);
+      changes.points[i].x = x;
+      changes.points[i].y = y;
+    }
+
+    // const len = changes.points.length;
+    let pstr = '';
+    for (let i = 0; i < len; ++i) {
+      const pt = changes.points[i];
+      pstr += pt.x + ',' + pt.y + ' ';
+    }
+    selected.setAttribute('points', pstr);
+    break;
+  } case 'path': {
+    const segList = selected.pathSegList;
+    let len = segList.numberOfItems;
+    changes.d = [];
+    for (let i = 0; i < len; ++i) {
+      const seg = segList.getItem(i);
+      changes.d[i] = {
+        type: seg.pathSegType,
+        x: seg.x,
+        y: seg.y,
+        x1: seg.x1,
+        y1: seg.y1,
+        x2: seg.x2,
+        y2: seg.y2,
+        r1: seg.r1,
+        r2: seg.r2,
+        angle: seg.angle,
+        largeArcFlag: seg.largeArcFlag,
+        sweepFlag: seg.sweepFlag
+      };
+    }
+
+    len = changes.d.length;
+    const firstseg = changes.d[0],
+      currentpt = remap(firstseg.x, firstseg.y);
+    changes.d[0].x = currentpt.x;
+    changes.d[0].y = currentpt.y;
+    for (let i = 1; i < len; ++i) {
+      const seg = changes.d[i];
+      const {type} = seg;
+      // if absolute or first segment, we want to remap x, y, x1, y1, x2, y2
+      // if relative, we want to scalew, scaleh
+      if (type % 2 === 0) { // absolute
+        const thisx = (seg.x !== undefined) ? seg.x : currentpt.x, // for V commands
+          thisy = (seg.y !== undefined) ? seg.y : currentpt.y; // for H commands
+        const pt = remap(thisx, thisy);
+        const pt1 = remap(seg.x1, seg.y1);
+        const pt2 = remap(seg.x2, seg.y2);
+        seg.x = pt.x;
+        seg.y = pt.y;
+        seg.x1 = pt1.x;
+        seg.y1 = pt1.y;
+        seg.x2 = pt2.x;
+        seg.y2 = pt2.y;
+        seg.r1 = scalew(seg.r1);
+        seg.r2 = scaleh(seg.r2);
+      } else { // relative
+        seg.x = scalew(seg.x);
+        seg.y = scaleh(seg.y);
+        seg.x1 = scalew(seg.x1);
+        seg.y1 = scaleh(seg.y1);
+        seg.x2 = scalew(seg.x2);
+        seg.y2 = scaleh(seg.y2);
+        seg.r1 = scalew(seg.r1);
+        seg.r2 = scaleh(seg.r2);
+      }
+    } // for each segment
+
+    let dstr = '';
+    len = changes.d.length;
+    for (let i = 0; i < len; ++i) {
+      const seg = changes.d[i];
+      const {type} = seg;
+      dstr += pathMap[type];
+      switch (type) {
+      case 13: // relative horizontal line (h)
+      case 12: // absolute horizontal line (H)
+        dstr += seg.x + ' ';
+        break;
+      case 15: // relative vertical line (v)
+      case 14: // absolute vertical line (V)
+        dstr += seg.y + ' ';
+        break;
+      case 3: // relative move (m)
+      case 5: // relative line (l)
+      case 19: // relative smooth quad (t)
+      case 2: // absolute move (M)
+      case 4: // absolute line (L)
+      case 18: // absolute smooth quad (T)
+        dstr += seg.x + ',' + seg.y + ' ';
+        break;
+      case 7: // relative cubic (c)
+      case 6: // absolute cubic (C)
+        dstr += seg.x1 + ',' + seg.y1 + ' ' + seg.x2 + ',' + seg.y2 + ' ' +
+          seg.x + ',' + seg.y + ' ';
+        break;
+      case 9: // relative quad (q)
+      case 8: // absolute quad (Q)
+        dstr += seg.x1 + ',' + seg.y1 + ' ' + seg.x + ',' + seg.y + ' ';
+        break;
+      case 11: // relative elliptical arc (a)
+      case 10: // absolute elliptical arc (A)
+        dstr += seg.r1 + ',' + seg.r2 + ' ' + seg.angle + ' ' + (+seg.largeArcFlag) +
+          ' ' + (+seg.sweepFlag) + ' ' + seg.x + ',' + seg.y + ' ';
+        break;
+      case 17: // relative smooth cubic (s)
+      case 16: // absolute smooth cubic (S)
+        dstr += seg.x2 + ',' + seg.y2 + ' ' + seg.x + ',' + seg.y + ' ';
+        break;
+      }
+    }
+
+    selected.setAttribute('d', dstr);
+    break;
+  }
+  }
+};
diff --git a/editor/draw.js b/editor/draw.js
index c21c394f..0e70b5c0 100644
--- a/editor/draw.js
+++ b/editor/draw.js
@@ -1,671 +1,1043 @@
-/*globals $, svgedit*/
-/*jslint vars: true, eqeq: true, todo: true*/
+/* globals jQuery */
 /**
- * Package: svgedit.draw
- *
- * Licensed under the MIT License
- *
- * Copyright(c) 2011 Jeff Schiller
+ * Tools for drawing
+ * @module draw
+ * @license MIT
+ * @copyright 2011 Jeff Schiller
  */
 
-// Dependencies:
-// 1) jQuery
-// 2) browser.js
-// 3) svgutils.js
+import Layer from './layer.js';
+import HistoryRecordingService from './historyrecording.js';
 
-(function() {'use strict';
+import {NS} from './namespaces.js';
+import {isOpera} from './browser.js';
+import {
+  toXml, getElem,
+  copyElem as utilCopyElem
+} from './utilities.js';
+import {
+  BatchCommand, RemoveElementCommand, MoveElementCommand, ChangeElementCommand
+} from './history.js';
 
-if (!svgedit.draw) {
-	svgedit.draw = {};
+const $ = jQuery;
+
+const visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use'.split(',');
+
+const RandomizeModes = {
+  LET_DOCUMENT_DECIDE: 0,
+  ALWAYS_RANDOMIZE: 1,
+  NEVER_RANDOMIZE: 2
+};
+let randIds = RandomizeModes.LET_DOCUMENT_DECIDE;
+// Array with current disabled elements (for in-group editing)
+let disabledElems = [];
+
+/**
+ * Get a HistoryRecordingService.
+ * @param {module:history.HistoryRecordingService} [hrService] - if exists, return it instead of creating a new service.
+ * @returns {module:history.HistoryRecordingService}
+ */
+function historyRecordingService (hrService) {
+  return hrService || new HistoryRecordingService(canvas_.undoMgr);
 }
-// alias
-var NS = svgedit.NS;
-
-var visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use'.split(',');
-
-var RandomizeModes = {
-	LET_DOCUMENT_DECIDE: 0,
-	ALWAYS_RANDOMIZE: 1,
-	NEVER_RANDOMIZE: 2
-};
-var randomize_ids = RandomizeModes.LET_DOCUMENT_DECIDE;
-
-
-
-
-	/**
- * Called to ensure that drawings will or will not have randomized ids.
- * The currentDrawing will have its nonce set if it doesn't already.
- * @param {boolean} enableRandomization - flag indicating if documents should have randomized ids
- * @param {svgedit.draw.Drawing} currentDrawing
- */
-svgedit.draw.randomizeIds = function(enableRandomization, currentDrawing) {
-	randomize_ids = enableRandomization === false ?
-		RandomizeModes.NEVER_RANDOMIZE :
-		RandomizeModes.ALWAYS_RANDOMIZE;
-
-	if (randomize_ids == RandomizeModes.ALWAYS_RANDOMIZE && !currentDrawing.getNonce()) {
-		currentDrawing.setNonce(Math.floor(Math.random() * 100001));
-	} else if (randomize_ids == RandomizeModes.NEVER_RANDOMIZE && currentDrawing.getNonce()) {
-		currentDrawing.clearNonce();
-	}
-};
-
-/**
- * This class encapsulates the concept of a SVG-edit drawing
- * @param {SVGSVGElement} svgElem - The SVG DOM Element that this JS object
- *     encapsulates.  If the svgElem has a se:nonce attribute on it, then
- *     IDs will use the nonce as they are generated.
- * @param {String=svg_} [opt_idPrefix] - The ID prefix to use.
- */
-svgedit.draw.Drawing = function(svgElem, opt_idPrefix) {
-	if (!svgElem || !svgElem.tagName || !svgElem.namespaceURI ||
-		svgElem.tagName != 'svg' || svgElem.namespaceURI != NS.SVG) {
-		throw "Error: svgedit.draw.Drawing instance initialized without a <svg> element";
-	}
-
-	/**
-	 * The SVG DOM Element that represents this drawing.
-	 * @type {SVGSVGElement}
-	 */
-	this.svgElem_ = svgElem;
-	
-	/**
-	 * The latest object number used in this drawing.
-	 * @type {number}
-	 */
-	this.obj_num = 0;
-	
-	/**
-	 * The prefix to prepend to each element id in the drawing.
-	 * @type {String}
-	 */
-	this.idPrefix = opt_idPrefix || "svg_";
-	
-	/**
-	 * An array of released element ids to immediately reuse.
-	 * @type {Array.<number>}
-	 */
-	this.releasedNums = [];
-
-	/**
-	 * The z-ordered array of Layer objects. Each layer has a name
-	 * and group element.
-	 * The first layer is the one at the bottom of the rendering.
-	 * @type {Array.<Layer>}
-	 */
-	this.all_layers = [];
-
-	/**
-	 * Map of all_layers by name.
-	 *
-	 * Note: Layers are ordered, but referenced externally by name; so, we need both container
-	 * types depending on which function is called (i.e. all_layers and layer_map).
-	 *
-	 * @type {Object.<string, Layer>}
-	 */
-	this.layer_map = {};
-
-	/**
-	 * The current layer being used.
-	 * @type {Layer}
-	 */
-	this.current_layer = null;
-
-	/**
-	 * The nonce to use to uniquely identify elements across drawings.
-	 * @type {!String}
-	 */
-	this.nonce_ = '';
-	var n = this.svgElem_.getAttributeNS(NS.SE, 'nonce');
-	// If already set in the DOM, use the nonce throughout the document
-	// else, if randomizeIds(true) has been called, create and set the nonce.
-	if (!!n && randomize_ids != RandomizeModes.NEVER_RANDOMIZE) {
-		this.nonce_ = n;
-	} else if (randomize_ids == RandomizeModes.ALWAYS_RANDOMIZE) {
-		this.setNonce(Math.floor(Math.random() * 100001));
-	}
-};
-
-/**
- * @param {string} id Element ID to retrieve
- * @returns {Element} SVG element within the root SVGSVGElement
-*/
-svgedit.draw.Drawing.prototype.getElem_ = function (id) {
-	if (this.svgElem_.querySelector) {
-		// querySelector lookup
-		return this.svgElem_.querySelector('#' + id);
-	}
-	// jQuery lookup: twice as slow as xpath in FF
-	return $(this.svgElem_).find('[id=' + id + ']')[0];
-};
-
-/**
- * @returns {SVGSVGElement}
- */
-svgedit.draw.Drawing.prototype.getSvgElem = function () {
-	return this.svgElem_;
-};
-
-/**
- * @returns {!string|number} The previously set nonce
- */
-svgedit.draw.Drawing.prototype.getNonce = function() {
-	return this.nonce_;
-};
-
-/**
- * @param {!string|number} n The nonce to set
- */
-svgedit.draw.Drawing.prototype.setNonce = function(n) {
-	this.svgElem_.setAttributeNS(NS.XMLNS, 'xmlns:se', NS.SE);
-	this.svgElem_.setAttributeNS(NS.SE, 'se:nonce', n);
-	this.nonce_ = n;
-};
-
-/**
- * Clears any previously set nonce
- */
-svgedit.draw.Drawing.prototype.clearNonce = function () {
-	// We deliberately leave any se:nonce attributes alone,
-	// we just don't use it to randomize ids.
-	this.nonce_ = '';
-};
-
-/**
- * Returns the latest object id as a string.
- * @return {String} The latest object Id.
- */
-svgedit.draw.Drawing.prototype.getId = function () {
-	return this.nonce_ ?
-		this.idPrefix + this.nonce_ + '_' + this.obj_num :
-		this.idPrefix + this.obj_num;
-};
-
-/**
- * Returns the next object Id as a string.
- * @return {String} The next object Id to use.
- */
-svgedit.draw.Drawing.prototype.getNextId = function () {
-	var oldObjNum = this.obj_num;
-	var restoreOldObjNum = false;
-
-	// If there are any released numbers in the release stack, 
-	// use the last one instead of the next obj_num.
-	// We need to temporarily use obj_num as that is what getId() depends on.
-	if (this.releasedNums.length > 0) {
-		this.obj_num = this.releasedNums.pop();
-		restoreOldObjNum = true;
-	} else {
-		// If we are not using a released id, then increment the obj_num.
-		this.obj_num++;
-	}
-
-	// Ensure the ID does not exist.
-	var id = this.getId();
-	while (this.getElem_(id)) {
-		if (restoreOldObjNum) {
-			this.obj_num = oldObjNum;
-			restoreOldObjNum = false;
-		}
-		this.obj_num++;
-		id = this.getId();
-	}
-	// Restore the old object number if required.
-	if (restoreOldObjNum) {
-		this.obj_num = oldObjNum;
-	}
-	return id;
-};
-
-/**
- * Releases the object Id, letting it be used as the next id in getNextId().
- * This method DOES NOT remove any elements from the DOM, it is expected
- * that client code will do this.
- * @param {string} id - The id to release.
- * @returns {boolean} True if the id was valid to be released, false otherwise.
-*/
-svgedit.draw.Drawing.prototype.releaseId = function (id) {
-	// confirm if this is a valid id for this Document, else return false
-	var front = this.idPrefix + (this.nonce_ ? this.nonce_ + '_' : '');
-	if (typeof id !== 'string' || id.indexOf(front) !== 0) {
-		return false;
-	}
-	// extract the obj_num of this id
-	var num = parseInt(id.substr(front.length), 10);
-
-	// if we didn't get a positive number or we already released this number
-	// then return false.
-	if (typeof num !== 'number' || num <= 0 || this.releasedNums.indexOf(num) != -1) {
-		return false;
-	}
-	
-	// push the released number into the released queue
-	this.releasedNums.push(num);
-
-	return true;
-};
-
-/**
- * Returns the number of layers in the current drawing.
- * @returns {integer} The number of layers in the current drawing.
-*/
-svgedit.draw.Drawing.prototype.getNumLayers = function() {
-	return this.all_layers.length;
-};
-
-/**
- * Check if layer with given name already exists
- * @param {string} name - The layer name to check
-*/
-svgedit.draw.Drawing.prototype.hasLayer = function (name) {
-	return this.layer_map[name] !== undefined;
-};
-
-
-/**
- * Returns the name of the ith layer. If the index is out of range, an empty string is returned.
- * @param {integer} i - The zero-based index of the layer you are querying.
- * @returns {string} The name of the ith layer (or the empty string if none found)
-*/
-svgedit.draw.Drawing.prototype.getLayerName = function (i) {
-	return i >= 0 && i < this.getNumLayers() ? this.all_layers[i].getName() : '';
-};
-
-/**
- * @returns {SVGGElement} The SVGGElement representing the current layer.
- */
-svgedit.draw.Drawing.prototype.getCurrentLayer = function() {
-	return this.current_layer ? this.current_layer.getGroup() : null;
-};
-
-/**
- * Get a layer by name.
- * @returns {SVGGElement} The SVGGElement representing the named layer or null.
- */
-svgedit.draw.Drawing.prototype.getLayerByName = function(name) {
-	var layer = this.layer_map[name];
-	return layer ? layer.getGroup() : null;
-};
-
-/**
- * Returns the name of the currently selected layer. If an error occurs, an empty string 
- * is returned.
- * @returns {string} The name of the currently active layer (or the empty string if none found).
-*/
-svgedit.draw.Drawing.prototype.getCurrentLayerName = function () {
-	return this.current_layer ? this.current_layer.getName() : '';
-};
-
-/**
- * Set the current layer's name.
- * @param {string} name - The new name.
- * @param {svgedit.history.HistoryRecordingService} hrService - History recording service
- * @returns {string|null} The new name if changed; otherwise, null.
- */
-svgedit.draw.Drawing.prototype.setCurrentLayerName = function (name, hrService) {
-	var finalName = null;
-	if (this.current_layer) {
-		var oldName = this.current_layer.getName();
-		finalName = this.current_layer.setName(name, hrService);
-		if (finalName) {
-			delete this.layer_map[oldName];
-			this.layer_map[finalName] = this.current_layer;
-		}
-	}
-	return finalName;
-};
-
-/**
- * Set the current layer's position.
- * @param {number} newpos - The zero-based index of the new position of the layer. Range should be 0 to layers-1
- * @returns {Object} If the name was changed, returns {title:SVGGElement, previousName:string}; otherwise null.
- */
-svgedit.draw.Drawing.prototype.setCurrentLayerPosition = function (newpos) {
-	var layer_count = this.getNumLayers();
-	if (!this.current_layer || newpos < 0 || newpos >= layer_count) {
-		return null;
-	}
-
-	var oldpos;
-	for (oldpos = 0; oldpos < layer_count; ++oldpos) {
-		if (this.all_layers[oldpos] == this.current_layer) {break;}
-	}
-	// some unknown error condition (current_layer not in all_layers)
-	if (oldpos == layer_count) { return null; }
-
-	if (oldpos != newpos) {
-		// if our new position is below us, we need to insert before the node after newpos
-		var refGroup = null;
-		var current_group = this.current_layer.getGroup();
-		var oldNextSibling = current_group.nextSibling;
-		if (newpos > oldpos ) {
-			if (newpos < layer_count-1) {
-				refGroup = this.all_layers[newpos+1].getGroup();
-			}
-		}
-		// if our new position is above us, we need to insert before the node at newpos
-		else {
-			refGroup = this.all_layers[newpos].getGroup();
-		}
-		this.svgElem_.insertBefore(current_group, refGroup);
-
-		this.identifyLayers();
-		this.setCurrentLayer(this.getLayerName(newpos));
-
-		return {
-			currentGroup: current_group,
-			oldNextSibling: oldNextSibling
-		};
-	}
-	return null;
-};
-
-svgedit.draw.Drawing.prototype.mergeLayer = function (hrService) {
-	var current_group = this.current_layer.getGroup();
-	var prevGroup = $(current_group).prev()[0];
-	if (!prevGroup) {return;}
-
-	hrService.startBatchCommand('Merge Layer');
-
-	var layerNextSibling = current_group.nextSibling;
-	hrService.removeElement(current_group, layerNextSibling, this.svgElem_);
-
-	while (current_group.firstChild) {
-		var child = current_group.firstChild;
-		if (child.localName == 'title') {
-			hrService.removeElement(child, child.nextSibling, current_group);
-			current_group.removeChild(child);
-			continue;
-		}
-		var oldNextSibling = child.nextSibling;
-		prevGroup.appendChild(child);
-		hrService.moveElement(child, oldNextSibling, current_group);
-	}
-
-	// Remove current layer's group
-	this.current_layer.removeGroup();
-	// Remove the current layer and set the previous layer as the new current layer
-	var index = this.all_layers.indexOf(this.current_layer);
-	if (index > 0) {
-		var name = this.current_layer.getName();
-		this.current_layer = this.all_layers[index-1]
-		this.all_layers.splice(index, 1);
-		delete this.layer_map[name];
-	}
-
-	hrService.endBatchCommand();
-};
-
-svgedit.draw.Drawing.prototype.mergeAllLayers = function (hrService) {
-	// Set the current layer to the last layer.
-	this.current_layer = this.all_layers[this.all_layers.length-1];
-
-	hrService.startBatchCommand('Merge all Layers');
-	while (this.all_layers.length > 1) {
-		this.mergeLayer(hrService);
-	}
-	hrService.endBatchCommand();
-};
-
-/**
- * Sets the current layer. If the name is not a valid layer name, then this
- * function returns false. Otherwise it returns true. This is not an
- * undo-able action.
- * @param {string} name - The name of the layer you want to switch to.
- * @returns {boolean} true if the current layer was switched, otherwise false
- */
-svgedit.draw.Drawing.prototype.setCurrentLayer = function(name) {
-	var layer = this.layer_map[name];
-	if (layer) {
-		if (this.current_layer) {
-			this.current_layer.deactivate();
-		}
-		this.current_layer = layer;
-		this.current_layer.activate();
-		return true;
-	}
-	return false;
-};
-
-
-/**
- * Deletes the current layer from the drawing and then clears the selection.
- * This function then calls the 'changed' handler.  This is an undoable action.
- * @returns {SVGGElement} The SVGGElement of the layer removed or null.
- */
-svgedit.draw.Drawing.prototype.deleteCurrentLayer = function() {
-	if (this.current_layer && this.getNumLayers() > 1) {
-		var oldLayerGroup = this.current_layer.removeGroup();
-		this.identifyLayers();
-		return oldLayerGroup;
-	}
-	return null;
-};
 
 /**
  * Find the layer name in a group element.
- * @param group The group element to search in.
+ * @param {Element} group The group element to search in.
  * @returns {string} The layer name or empty string.
  */
-function findLayerNameInGroup(group) {
-	var name = $("title", group).text();
-
-	// Hack for Opera 10.60
-	if (!name && svgedit.browser.isOpera() && group.querySelectorAll) {
-		name = $(group.querySelectorAll('title')).text();
-	}
-	return name;
+function findLayerNameInGroup (group) {
+  return $('title', group).text() ||
+    (isOpera() && group.querySelectorAll
+      // Hack for Opera 10.60
+      ? $(group.querySelectorAll('title')).text()
+      : '');
 }
 
 /**
  * Given a set of names, return a new unique name.
- * @param {Array.<string>} existingLayerNames - Existing layer names.
+ * @param {string[]} existingLayerNames - Existing layer names.
  * @returns {string} - The new name.
  */
-function getNewLayerName(existingLayerNames) {
-	var i = 1;
-	// TODO(codedread): What about internationalization of "Layer"?
-	while (existingLayerNames.indexOf(("Layer " + i)) >= 0) { i++; }
-	return "Layer " + i;
+function getNewLayerName (existingLayerNames) {
+  let i = 1;
+  // TODO(codedread): What about internationalization of "Layer"?
+  while (existingLayerNames.includes(('Layer ' + i))) { i++; }
+  return 'Layer ' + i;
 }
 
 /**
- * Updates layer system and sets the current layer to the
- * top-most layer (last <g> child of this drawing).
-*/
-svgedit.draw.Drawing.prototype.identifyLayers = function() {
-	this.all_layers = [];
-	this.layer_map = {};
-	var numchildren = this.svgElem_.childNodes.length;
-	// loop through all children of SVG element
-	var orphans = [], layernames = [];
-	var layer = null;
-	var childgroups = false;
-	for (var i = 0; i < numchildren; ++i) {
-		var child = this.svgElem_.childNodes.item(i);
-		// for each g, find its layer name
-		if (child && child.nodeType == 1) {
-			if (child.tagName == "g") {
-				childgroups = true;
-				var name = findLayerNameInGroup(child);
-				if (name) {
-					layernames.push(name);
-					layer = new svgedit.draw.Layer(name, child);
-					this.all_layers.push(layer);
-					this.layer_map[name] = layer;
-				} else {
-					// if group did not have a name, it is an orphan
-					orphans.push(child);
-				}
-			} else if (~visElems.indexOf(child.nodeName)) {
-				// Child is "visible" (i.e. not a <title> or <defs> element), so it is an orphan
-				orphans.push(child);
-			}
-		}
-	}
-	
-	// If orphans or no layers found, create a new layer and add all the orphans to it
-	if (orphans.length > 0 || !childgroups) {
-		layer = new svgedit.draw.Layer(getNewLayerName(layernames), null, this.svgElem_);
-		layer.appendChildren(orphans);
-		this.all_layers.push(layer);
-		this.layer_map[name] = layer;
-	} else {
-		layer.activate();
-	}
-	this.current_layer = layer;
-};
+ * This class encapsulates the concept of a SVG-edit drawing
+ */
+export class Drawing {
+  /**
+  * @param {SVGSVGElement} svgElem - The SVG DOM Element that this JS object
+  *     encapsulates.  If the svgElem has a se:nonce attribute on it, then
+  *     IDs will use the nonce as they are generated.
+  * @param {string} [optIdPrefix=svg_] - The ID prefix to use.
+  * @throws {Error} If not initialized with an SVG element
+  */
+  constructor (svgElem, optIdPrefix) {
+    if (!svgElem || !svgElem.tagName || !svgElem.namespaceURI ||
+      svgElem.tagName !== 'svg' || svgElem.namespaceURI !== NS.SVG) {
+      throw new Error('Error: svgedit.draw.Drawing instance initialized without a <svg> element');
+    }
+
+    /**
+    * The SVG DOM Element that represents this drawing.
+    * @type {SVGSVGElement}
+    */
+    this.svgElem_ = svgElem;
+
+    /**
+    * The latest object number used in this drawing.
+    * @type {Integer}
+    */
+    this.obj_num = 0;
+
+    /**
+    * The prefix to prepend to each element id in the drawing.
+    * @type {string}
+    */
+    this.idPrefix = optIdPrefix || 'svg_';
+
+    /**
+    * An array of released element ids to immediately reuse.
+    * @type {Integer[]}
+    */
+    this.releasedNums = [];
+
+    /**
+    * The z-ordered array of Layer objects. Each layer has a name
+    * and group element.
+    * The first layer is the one at the bottom of the rendering.
+    * @type {Layer[]}
+    */
+    this.all_layers = [];
+
+    /**
+    * Map of all_layers by name.
+    *
+    * Note: Layers are ordered, but referenced externally by name; so, we need both container
+    * types depending on which function is called (i.e. all_layers and layer_map).
+    *
+    * @type {PlainObject.<string, Layer>}
+    */
+    this.layer_map = {};
+
+    /**
+    * The current layer being used.
+    * @type {Layer}
+    */
+    this.current_layer = null;
+
+    /**
+    * The nonce to use to uniquely identify elements across drawings.
+    * @type {!String}
+    */
+    this.nonce_ = '';
+    const n = this.svgElem_.getAttributeNS(NS.SE, 'nonce');
+    // If already set in the DOM, use the nonce throughout the document
+    // else, if randomizeIds(true) has been called, create and set the nonce.
+    if (!!n && randIds !== RandomizeModes.NEVER_RANDOMIZE) {
+      this.nonce_ = n;
+    } else if (randIds === RandomizeModes.ALWAYS_RANDOMIZE) {
+      this.setNonce(Math.floor(Math.random() * 100001));
+    }
+  }
+
+  /**
+   * @param {string} id Element ID to retrieve
+   * @returns {Element} SVG element within the root SVGSVGElement
+  */
+  getElem_ (id) {
+    if (this.svgElem_.querySelector) {
+      // querySelector lookup
+      return this.svgElem_.querySelector('#' + id);
+    }
+    // jQuery lookup: twice as slow as xpath in FF
+    return $(this.svgElem_).find('[id=' + id + ']')[0];
+  }
+
+  /**
+   * @returns {SVGSVGElement}
+   */
+  getSvgElem () {
+    return this.svgElem_;
+  }
+
+  /**
+   * @returns {!(string|Integer)} The previously set nonce
+   */
+  getNonce () {
+    return this.nonce_;
+  }
+
+  /**
+   * @param {!(string|Integer)} n The nonce to set
+   * @returns {undefined}
+   */
+  setNonce (n) {
+    this.svgElem_.setAttributeNS(NS.XMLNS, 'xmlns:se', NS.SE);
+    this.svgElem_.setAttributeNS(NS.SE, 'se:nonce', n);
+    this.nonce_ = n;
+  }
+
+  /**
+   * Clears any previously set nonce
+   * @returns {undefined}
+   */
+  clearNonce () {
+    // We deliberately leave any se:nonce attributes alone,
+    // we just don't use it to randomize ids.
+    this.nonce_ = '';
+  }
+
+  /**
+   * Returns the latest object id as a string.
+   * @returns {string} The latest object Id.
+   */
+  getId () {
+    return this.nonce_
+      ? this.idPrefix + this.nonce_ + '_' + this.obj_num
+      : this.idPrefix + this.obj_num;
+  }
+
+  /**
+   * Returns the next object Id as a string.
+   * @returns {string} The next object Id to use.
+   */
+  getNextId () {
+    const oldObjNum = this.obj_num;
+    let restoreOldObjNum = false;
+
+    // If there are any released numbers in the release stack,
+    // use the last one instead of the next obj_num.
+    // We need to temporarily use obj_num as that is what getId() depends on.
+    if (this.releasedNums.length > 0) {
+      this.obj_num = this.releasedNums.pop();
+      restoreOldObjNum = true;
+    } else {
+      // If we are not using a released id, then increment the obj_num.
+      this.obj_num++;
+    }
+
+    // Ensure the ID does not exist.
+    let id = this.getId();
+    while (this.getElem_(id)) {
+      if (restoreOldObjNum) {
+        this.obj_num = oldObjNum;
+        restoreOldObjNum = false;
+      }
+      this.obj_num++;
+      id = this.getId();
+    }
+    // Restore the old object number if required.
+    if (restoreOldObjNum) {
+      this.obj_num = oldObjNum;
+    }
+    return id;
+  }
+
+  /**
+   * Releases the object Id, letting it be used as the next id in getNextId().
+   * This method DOES NOT remove any elements from the DOM, it is expected
+   * that client code will do this.
+   * @param {string} id - The id to release.
+   * @returns {boolean} True if the id was valid to be released, false otherwise.
+  */
+  releaseId (id) {
+    // confirm if this is a valid id for this Document, else return false
+    const front = this.idPrefix + (this.nonce_ ? this.nonce_ + '_' : '');
+    if (typeof id !== 'string' || !id.startsWith(front)) {
+      return false;
+    }
+    // extract the obj_num of this id
+    const num = parseInt(id.substr(front.length), 10);
+
+    // if we didn't get a positive number or we already released this number
+    // then return false.
+    if (typeof num !== 'number' || num <= 0 || this.releasedNums.includes(num)) {
+      return false;
+    }
+
+    // push the released number into the released queue
+    this.releasedNums.push(num);
+
+    return true;
+  }
+
+  /**
+   * Returns the number of layers in the current drawing.
+   * @returns {Integer} The number of layers in the current drawing.
+  */
+  getNumLayers () {
+    return this.all_layers.length;
+  }
+
+  /**
+   * Check if layer with given name already exists
+   * @param {string} name - The layer name to check
+   * @returns {boolean}
+  */
+  hasLayer (name) {
+    return this.layer_map[name] !== undefined;
+  }
+
+  /**
+   * Returns the name of the ith layer. If the index is out of range, an empty string is returned.
+   * @param {Integer} i - The zero-based index of the layer you are querying.
+   * @returns {string} The name of the ith layer (or the empty string if none found)
+  */
+  getLayerName (i) {
+    return i >= 0 && i < this.getNumLayers() ? this.all_layers[i].getName() : '';
+  }
+
+  /**
+   * @returns {SVGGElement|null} The SVGGElement representing the current layer.
+   */
+  getCurrentLayer () {
+    return this.current_layer ? this.current_layer.getGroup() : null;
+  }
+
+  /**
+   * Get a layer by name.
+   * @returns {SVGGElement} The SVGGElement representing the named layer or null.
+   */
+  getLayerByName (name) {
+    const layer = this.layer_map[name];
+    return layer ? layer.getGroup() : null;
+  }
+
+  /**
+   * Returns the name of the currently selected layer. If an error occurs, an empty string
+   * is returned.
+   * @returns {string} The name of the currently active layer (or the empty string if none found).
+  */
+  getCurrentLayerName () {
+    return this.current_layer ? this.current_layer.getName() : '';
+  }
+
+  /**
+   * Set the current layer's name.
+   * @param {string} name - The new name.
+   * @param {module:history.HistoryRecordingService} hrService - History recording service
+   * @returns {string|null} The new name if changed; otherwise, null.
+   */
+  setCurrentLayerName (name, hrService) {
+    let finalName = null;
+    if (this.current_layer) {
+      const oldName = this.current_layer.getName();
+      finalName = this.current_layer.setName(name, hrService);
+      if (finalName) {
+        delete this.layer_map[oldName];
+        this.layer_map[finalName] = this.current_layer;
+      }
+    }
+    return finalName;
+  }
+
+  /**
+   * Set the current layer's position.
+   * @param {Integer} newpos - The zero-based index of the new position of the layer. Range should be 0 to layers-1
+   * @returns {{title: SVGGElement, previousName: string}|null} If the name was changed, returns {title:SVGGElement, previousName:string}; otherwise null.
+   */
+  setCurrentLayerPosition (newpos) {
+    const layerCount = this.getNumLayers();
+    if (!this.current_layer || newpos < 0 || newpos >= layerCount) {
+      return null;
+    }
+
+    let oldpos;
+    for (oldpos = 0; oldpos < layerCount; ++oldpos) {
+      if (this.all_layers[oldpos] === this.current_layer) { break; }
+    }
+    // some unknown error condition (current_layer not in all_layers)
+    if (oldpos === layerCount) { return null; }
+
+    if (oldpos !== newpos) {
+      // if our new position is below us, we need to insert before the node after newpos
+      const currentGroup = this.current_layer.getGroup();
+      const oldNextSibling = currentGroup.nextSibling;
+
+      let refGroup = null;
+      if (newpos > oldpos) {
+        if (newpos < layerCount - 1) {
+          refGroup = this.all_layers[newpos + 1].getGroup();
+        }
+      // if our new position is above us, we need to insert before the node at newpos
+      } else {
+        refGroup = this.all_layers[newpos].getGroup();
+      }
+      this.svgElem_.insertBefore(currentGroup, refGroup); // Ok to replace with `refGroup.before(currentGroup);`?
+
+      this.identifyLayers();
+      this.setCurrentLayer(this.getLayerName(newpos));
+
+      return {
+        currentGroup,
+        oldNextSibling
+      };
+    }
+    return null;
+  }
+
+  /**
+  * @param {module:history.HistoryRecordingService} hrService
+  * @returns {undefined}
+  */
+  mergeLayer (hrService) {
+    const currentGroup = this.current_layer.getGroup();
+    const prevGroup = $(currentGroup).prev()[0];
+    if (!prevGroup) { return; }
+
+    hrService.startBatchCommand('Merge Layer');
+
+    const layerNextSibling = currentGroup.nextSibling;
+    hrService.removeElement(currentGroup, layerNextSibling, this.svgElem_);
+
+    while (currentGroup.firstChild) {
+      const child = currentGroup.firstChild;
+      if (child.localName === 'title') {
+        hrService.removeElement(child, child.nextSibling, currentGroup);
+        child.remove();
+        continue;
+      }
+      const oldNextSibling = child.nextSibling;
+      prevGroup.append(child);
+      hrService.moveElement(child, oldNextSibling, currentGroup);
+    }
+
+    // Remove current layer's group
+    this.current_layer.removeGroup();
+    // Remove the current layer and set the previous layer as the new current layer
+    const index = this.all_layers.indexOf(this.current_layer);
+    if (index > 0) {
+      const name = this.current_layer.getName();
+      this.current_layer = this.all_layers[index - 1];
+      this.all_layers.splice(index, 1);
+      delete this.layer_map[name];
+    }
+
+    hrService.endBatchCommand();
+  }
+
+  /**
+  * @param {module:history.HistoryRecordingService} hrService
+  * @returns {undefined}
+  */
+  mergeAllLayers (hrService) {
+    // Set the current layer to the last layer.
+    this.current_layer = this.all_layers[this.all_layers.length - 1];
+
+    hrService.startBatchCommand('Merge all Layers');
+    while (this.all_layers.length > 1) {
+      this.mergeLayer(hrService);
+    }
+    hrService.endBatchCommand();
+  }
+
+  /**
+   * Sets the current layer. If the name is not a valid layer name, then this
+   * function returns `false`. Otherwise it returns `true`. This is not an
+   * undo-able action.
+   * @param {string} name - The name of the layer you want to switch to.
+   * @returns {boolean} `true` if the current layer was switched, otherwise `false`
+   */
+  setCurrentLayer (name) {
+    const layer = this.layer_map[name];
+    if (layer) {
+      if (this.current_layer) {
+        this.current_layer.deactivate();
+      }
+      this.current_layer = layer;
+      this.current_layer.activate();
+      return true;
+    }
+    return false;
+  }
+
+  /**
+   * Deletes the current layer from the drawing and then clears the selection.
+   * This function then calls the 'changed' handler.  This is an undoable action.
+   * @todo Does this actually call the 'changed' handler?
+   * @returns {SVGGElement} The SVGGElement of the layer removed or null.
+   */
+  deleteCurrentLayer () {
+    if (this.current_layer && this.getNumLayers() > 1) {
+      const oldLayerGroup = this.current_layer.removeGroup();
+      this.identifyLayers();
+      return oldLayerGroup;
+    }
+    return null;
+  }
+
+  /**
+   * Updates layer system and sets the current layer to the
+   * top-most layer (last `<g>` child of this drawing).
+   * @returns {undefined}
+  */
+  identifyLayers () {
+    this.all_layers = [];
+    this.layer_map = {};
+    const numchildren = this.svgElem_.childNodes.length;
+    // loop through all children of SVG element
+    const orphans = [], layernames = [];
+    let layer = null;
+    let childgroups = false;
+    for (let i = 0; i < numchildren; ++i) {
+      const child = this.svgElem_.childNodes.item(i);
+      // for each g, find its layer name
+      if (child && child.nodeType === 1) {
+        if (child.tagName === 'g') {
+          childgroups = true;
+          const name = findLayerNameInGroup(child);
+          if (name) {
+            layernames.push(name);
+            layer = new Layer(name, child);
+            this.all_layers.push(layer);
+            this.layer_map[name] = layer;
+          } else {
+            // if group did not have a name, it is an orphan
+            orphans.push(child);
+          }
+        } else if (visElems.includes(child.nodeName)) {
+          // Child is "visible" (i.e. not a <title> or <defs> element), so it is an orphan
+          orphans.push(child);
+        }
+      }
+    }
+
+    // If orphans or no layers found, create a new layer and add all the orphans to it
+    if (orphans.length > 0 || !childgroups) {
+      layer = new Layer(getNewLayerName(layernames), null, this.svgElem_);
+      layer.appendChildren(orphans);
+      this.all_layers.push(layer);
+      this.layer_map[name] = layer;
+    } else {
+      layer.activate();
+    }
+    this.current_layer = layer;
+  }
+
+  /**
+   * Creates a new top-level layer in the drawing with the given name and
+   * makes it the current layer.
+   * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+   * @param {module:history.HistoryRecordingService} hrService - History recording service
+   * @returns {SVGGElement} The SVGGElement of the new layer, which is
+   *     also the current layer of this drawing.
+  */
+  createLayer (name, hrService) {
+    if (this.current_layer) {
+      this.current_layer.deactivate();
+    }
+    // Check for duplicate name.
+    if (name === undefined || name === null || name === '' || this.layer_map[name]) {
+      name = getNewLayerName(Object.keys(this.layer_map));
+    }
+
+    // Crate new layer and add to DOM as last layer
+    const layer = new Layer(name, null, this.svgElem_);
+    // Like to assume hrService exists, but this is backwards compatible with old version of createLayer.
+    if (hrService) {
+      hrService.startBatchCommand('Create Layer');
+      hrService.insertElement(layer.getGroup());
+      hrService.endBatchCommand();
+    }
+
+    this.all_layers.push(layer);
+    this.layer_map[name] = layer;
+    this.current_layer = layer;
+    return layer.getGroup();
+  }
+
+  /**
+   * Creates a copy of the current layer with the given name and makes it the current layer.
+   * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+   * @param {module:history.HistoryRecordingService} hrService - History recording service
+   * @returns {SVGGElement} The SVGGElement of the new layer, which is
+   *     also the current layer of this drawing.
+  */
+  cloneLayer (name, hrService) {
+    if (!this.current_layer) { return null; }
+    this.current_layer.deactivate();
+    // Check for duplicate name.
+    if (name === undefined || name === null || name === '' || this.layer_map[name]) {
+      name = getNewLayerName(Object.keys(this.layer_map));
+    }
+
+    // Create new group and add to DOM just after current_layer
+    const currentGroup = this.current_layer.getGroup();
+    const layer = new Layer(name, currentGroup, this.svgElem_);
+    const group = layer.getGroup();
+
+    // Clone children
+    const children = currentGroup.childNodes;
+    for (let index = 0; index < children.length; index++) {
+      const ch = children[index];
+      if (ch.localName === 'title') { continue; }
+      group.append(this.copyElem(ch));
+    }
+
+    if (hrService) {
+      hrService.startBatchCommand('Duplicate Layer');
+      hrService.insertElement(group);
+      hrService.endBatchCommand();
+    }
+
+    // Update layer containers and current_layer.
+    const index = this.all_layers.indexOf(this.current_layer);
+    if (index >= 0) {
+      this.all_layers.splice(index + 1, 0, layer);
+    } else {
+      this.all_layers.push(layer);
+    }
+    this.layer_map[name] = layer;
+    this.current_layer = layer;
+    return group;
+  }
+
+  /**
+   * Returns whether the layer is visible.  If the layer name is not valid,
+   * then this function returns `false`.
+   * @param {string} layerName - The name of the layer which you want to query.
+   * @returns {boolean} The visibility state of the layer, or `false` if the layer name was invalid.
+  */
+  getLayerVisibility (layerName) {
+    const layer = this.layer_map[layerName];
+    return layer ? layer.isVisible() : false;
+  }
+
+  /**
+   * Sets the visibility of the layer. If the layer name is not valid, this
+   * function returns `null`, otherwise it returns the `SVGElement` representing
+   * the layer. This is an undo-able action.
+   * @param {string} layerName - The name of the layer to change the visibility
+   * @param {boolean} bVisible - Whether the layer should be visible
+   * @returns {?SVGGElement} The SVGGElement representing the layer if the
+   *   `layerName` was valid, otherwise `null`.
+  */
+  setLayerVisibility (layerName, bVisible) {
+    if (typeof bVisible !== 'boolean') {
+      return null;
+    }
+    const layer = this.layer_map[layerName];
+    if (!layer) { return null; }
+    layer.setVisible(bVisible);
+    return layer.getGroup();
+  }
+
+  /**
+   * Returns the opacity of the given layer.  If the input name is not a layer, `null` is returned.
+   * @param {string} layerName - name of the layer on which to get the opacity
+   * @returns {?Float} The opacity value of the given layer.  This will be a value between 0.0 and 1.0, or `null`
+   * if `layerName` is not a valid layer
+  */
+  getLayerOpacity (layerName) {
+    const layer = this.layer_map[layerName];
+    if (!layer) { return null; }
+    return layer.getOpacity();
+  }
+
+  /**
+   * Sets the opacity of the given layer.  If the input name is not a layer,
+   * nothing happens. If opacity is not a value between 0.0 and 1.0, then
+   * nothing happens.
+   * NOTE: this function exists solely to apply a highlighting/de-emphasis
+   * effect to a layer. When it is possible for a user to affect the opacity
+   * of a layer, we will need to allow this function to produce an undo-able
+   * action.
+   * @param {string} layerName - Name of the layer on which to set the opacity
+   * @param {Float} opacity - A float value in the range 0.0-1.0
+   * @returns {undefined}
+  */
+  setLayerOpacity (layerName, opacity) {
+    if (typeof opacity !== 'number' || opacity < 0.0 || opacity > 1.0) {
+      return;
+    }
+    const layer = this.layer_map[layerName];
+    if (layer) {
+      layer.setOpacity(opacity);
+    }
+  }
+
+  /**
+   * Create a clone of an element, updating its ID and its children's IDs when needed
+   * @param {Element} el - DOM element to clone
+   * @returns {Element}
+   */
+  copyElem (el) {
+    const self = this;
+    const getNextIdClosure = function () { return self.getNextId(); };
+    return utilCopyElem(el, getNextIdClosure);
+  }
+}
 
 /**
- * Creates a new top-level layer in the drawing with the given name and
- * makes it the current layer.
- * @param {string} name - The given name. If the layer name exists, a new name will be generated.
- * @param {svgedit.history.HistoryRecordingService} hrService - History recording service
- * @returns {SVGGElement} The SVGGElement of the new layer, which is
- * 		also the current layer of this drawing.
-*/
-svgedit.draw.Drawing.prototype.createLayer = function(name, hrService) {
-	if (this.current_layer) {
-		this.current_layer.deactivate();
-	}
-	// Check for duplicate name.
-	if (name === undefined || name === null || name === '' || this.layer_map[name]) {
-		name = getNewLayerName(Object.keys(this.layer_map));
-	}
+ * Called to ensure that drawings will or will not have randomized ids.
+ * The currentDrawing will have its nonce set if it doesn't already.
+ * @function module:draw.randomizeIds
+ * @param {boolean} enableRandomization - flag indicating if documents should have randomized ids
+ * @param {draw.Drawing} currentDrawing
+ * @returns {undefined}
+ */
+export const randomizeIds = function (enableRandomization, currentDrawing) {
+  randIds = enableRandomization === false
+    ? RandomizeModes.NEVER_RANDOMIZE
+    : RandomizeModes.ALWAYS_RANDOMIZE;
 
-	// Crate new layer and add to DOM as last layer
-	var layer = new svgedit.draw.Layer(name, null, this.svgElem_);
-	// Like to assume hrService exists, but this is backwards compatible with old version of createLayer.
-	if (hrService) {
-		hrService.startBatchCommand('Create Layer');
-		hrService.insertElement(layer.getGroup());
-		hrService.endBatchCommand();
-	}
-
-	this.all_layers.push(layer);
-	this.layer_map[name] = layer;
-	this.current_layer = layer;
-	return layer.getGroup();
+  if (randIds === RandomizeModes.ALWAYS_RANDOMIZE && !currentDrawing.getNonce()) {
+    currentDrawing.setNonce(Math.floor(Math.random() * 100001));
+  } else if (randIds === RandomizeModes.NEVER_RANDOMIZE && currentDrawing.getNonce()) {
+    currentDrawing.clearNonce();
+  }
 };
 
+// Layer API Functions
+
 /**
- * Creates a copy of the current layer with the given name and makes it the current layer.
- * @param {string} name - The given name. If the layer name exists, a new name will be generated.
- * @param {svgedit.history.HistoryRecordingService} hrService - History recording service
- * @returns {SVGGElement} The SVGGElement of the new layer, which is
- * 		also the current layer of this drawing.
+* Group: Layers
 */
-svgedit.draw.Drawing.prototype.cloneLayer = function(name, hrService) {
-	if (!this.current_layer) {return null;}
-	this.current_layer.deactivate();
-	// Check for duplicate name.
-	if (name === undefined || name === null || name === '' || this.layer_map[name]) {
-		name = getNewLayerName(Object.keys(this.layer_map));
-	}
-
-	// Create new group and add to DOM just after current_layer
-	var currentGroup = this.current_layer.getGroup();
-	var layer = new svgedit.draw.Layer(name, currentGroup, this.svgElem_);
-	var group  = layer.getGroup();
-
-	// Clone children
-	var children = currentGroup.childNodes;
-	var index;
-	for (index = 0; index < children.length; index++) {
-		var ch = children[index];
-		if (ch.localName == 'title') {continue;}
-		group.appendChild(this.copyElem(ch));
-	}
-
-	if (hrService) {
-		hrService.startBatchCommand('Duplicate Layer');
-		hrService.insertElement(group);
-		hrService.endBatchCommand();
-	}
-
-	// Update layer containers and current_layer.
-	index = this.all_layers.indexOf(this.current_layer);
-	if (index >= 0) {
-		this.all_layers.splice(index + 1, 0, layer);
-	} else {
-		this.all_layers.push(layer);
-	}
-	this.layer_map[name] = layer;
-	this.current_layer = layer;
-	return group;
-};
 
 /**
- * Returns whether the layer is visible.  If the layer name is not valid,
- * then this function returns false.
- * @param {string} layername - The name of the layer which you want to query.
- * @returns {boolean} The visibility state of the layer, or false if the layer name was invalid.
-*/
-svgedit.draw.Drawing.prototype.getLayerVisibility = function(layername) {
-	var layer = this.layer_map[layername];
-	return layer ? layer.isVisible() : false;
-};
+ * @see {@link https://api.jquery.com/jQuery.data/}
+ * @name external:jQuery.data
+ */
 
 /**
- * Sets the visibility of the layer. If the layer name is not valid, this
- * function returns false, otherwise it returns true. This is an
- * undo-able action.
- * @param {string} layername - The name of the layer to change the visibility
- * @param {boolean} bVisible - Whether the layer should be visible
- * @returns {?SVGGElement} The SVGGElement representing the layer if the
- *   layername was valid, otherwise null.
-*/
-svgedit.draw.Drawing.prototype.setLayerVisibility = function(layername, bVisible) {
-	if (typeof bVisible !== 'boolean') {
-		return null;
-	}
-	var layer = this.layer_map[layername];
-	if (!layer) {return null;}
-	layer.setVisible(bVisible);
-	return layer.getGroup();
-};
-
-
+ * @interface module:draw.DrawCanvasInit
+ * @property {module:path.pathActions} pathActions
+ * @property {external:jQuery.data} elData
+ * @property {module:history.UndoManager} undoMgr
+ */
 /**
- * Returns the opacity of the given layer.  If the input name is not a layer, null is returned.
- * @param {string} layername - name of the layer on which to get the opacity
- * @returns {?number} The opacity value of the given layer.  This will be a value between 0.0 and 1.0, or null
- * if layername is not a valid layer
-*/
-svgedit.draw.Drawing.prototype.getLayerOpacity = function(layername) {
-	var layer = this.layer_map[layername];
-	if (!layer) {return null;}
-	return layer.getOpacity();
-};
-
-/**
- * Sets the opacity of the given layer.  If the input name is not a layer,
- * nothing happens. If opacity is not a value between 0.0 and 1.0, then
- * nothing happens.
- * @param {string} layername - Name of the layer on which to set the opacity
- * @param {number} opacity - A float value in the range 0.0-1.0
-*/
-svgedit.draw.Drawing.prototype.setLayerOpacity = function(layername, opacity) {
-	if (typeof opacity !== 'number' || opacity < 0.0 || opacity > 1.0) {
-		return;
-	}
-	var layer = this.layer_map[layername];
-	if (layer) {
-		layer.setOpacity(opacity);
-	}
-};
-
-/**
- * Create a clone of an element, updating its ID and its children's IDs when needed
- * @param {Element} el - DOM element to clone
+ * @function module:draw.DrawCanvasInit#getCurrentGroup
  * @returns {Element}
  */
-svgedit.draw.Drawing.prototype.copyElem = function(el) {
-	var self = this;
-	var getNextIdClosure = function() { return self.getNextId();}
-	return svgedit.utilities.copyElem(el, getNextIdClosure)
-}
+/**
+ * @function module:draw.DrawCanvasInit#setCurrentGroup
+ * @param {Element} cg
+ * @returns {undefined}
+*/
+/**
+ * @function module:draw.DrawCanvasInit#getSelectedElements
+ * @returns {Element[]} the array with selected DOM elements
+*/
+/**
+ * @function module:draw.DrawCanvasInit#getSVGContent
+ * @returns {SVGSVGElement}
+ */
+/**
+ * @function module:draw.DrawCanvasInit#getCurrentDrawing
+ * @returns {module:draw.Drawing}
+ */
+/**
+ * @function module:draw.DrawCanvasInit#clearSelection
+ * @param {boolean} [noCall] - When `true`, does not call the "selected" handler
+ * @returns {undefined}
+*/
+/**
+ * Run the callback function associated with the given event
+ * @function module:draw.DrawCanvasInit#call
+ * @param {"changed"|"contextset"} ev - String with the event name
+ * @param {module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset} arg - Argument to pass through to the callback
+ * function. If the event is "changed", a (single-item) array of `Element`s is
+ * passed. If the event is "contextset", the arg is `null` or `Element`.
+ * @returns {undefined}
+ */
+/**
+ * @function module:draw.DrawCanvasInit#addCommandToHistory
+ * @param {Command} cmd
+ * @returns {undefined}
+*/
+/**
+ * @function module:draw.DrawCanvasInit#changeSVGContent
+ * @returns {undefined}
+ */
 
+let canvas_;
+/**
+* @function module:draw.init
+* @param {module:draw.DrawCanvasInit} canvas
+* @returns {undefined}
+*/
+export const init = function (canvas) {
+  canvas_ = canvas;
+};
 
-}());
+/**
+* Updates layer system
+* @function module:draw.identifyLayers
+* @returns {undefined}
+*/
+export const identifyLayers = function () {
+  leaveContext();
+  canvas_.getCurrentDrawing().identifyLayers();
+};
+
+/**
+* Creates a new top-level layer in the drawing with the given name, sets the current layer
+* to it, and then clears the selection. This function then calls the 'changed' handler.
+* This is an undoable action.
+* @function module:draw.createLayer
+* @param {string} name - The given name
+* @param {module:history.HistoryRecordingService} hrService
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+export const createLayer = function (name, hrService) {
+  const newLayer = canvas_.getCurrentDrawing().createLayer(
+    name,
+    historyRecordingService(hrService)
+  );
+  canvas_.clearSelection();
+  canvas_.call('changed', [newLayer]);
+};
+
+/**
+ * Creates a new top-level layer in the drawing with the given name, copies all the current layer's contents
+ * to it, and then clears the selection. This function then calls the 'changed' handler.
+ * This is an undoable action.
+ * @function module:draw.cloneLayer
+ * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+ * @param {module:history.HistoryRecordingService} hrService - History recording service
+ * @fires module:svgcanvas.SvgCanvas#event:changed
+ * @returns {undefined}
+ */
+export const cloneLayer = function (name, hrService) {
+  // Clone the current layer and make the cloned layer the new current layer
+  const newLayer = canvas_.getCurrentDrawing().cloneLayer(name, historyRecordingService(hrService));
+
+  canvas_.clearSelection();
+  leaveContext();
+  canvas_.call('changed', [newLayer]);
+};
+
+/**
+* Deletes the current layer from the drawing and then clears the selection. This function
+* then calls the 'changed' handler. This is an undoable action.
+* @function module:draw.deleteCurrentLayer
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {boolean} `true` if an old layer group was found to delete
+*/
+export const deleteCurrentLayer = function () {
+  let currentLayer = canvas_.getCurrentDrawing().getCurrentLayer();
+  const {nextSibling} = currentLayer;
+  const parent = currentLayer.parentNode;
+  currentLayer = canvas_.getCurrentDrawing().deleteCurrentLayer();
+  if (currentLayer) {
+    const batchCmd = new BatchCommand('Delete Layer');
+    // store in our Undo History
+    batchCmd.addSubCommand(new RemoveElementCommand(currentLayer, nextSibling, parent));
+    canvas_.addCommandToHistory(batchCmd);
+    canvas_.clearSelection();
+    canvas_.call('changed', [parent]);
+    return true;
+  }
+  return false;
+};
+
+/**
+* Sets the current layer. If the name is not a valid layer name, then this function returns
+* false. Otherwise it returns true. This is not an undo-able action.
+* @function module:draw.setCurrentLayer
+* @param {string} name - The name of the layer you want to switch to.
+* @returns {boolean} true if the current layer was switched, otherwise false
+*/
+export const setCurrentLayer = function (name) {
+  const result = canvas_.getCurrentDrawing().setCurrentLayer(toXml(name));
+  if (result) {
+    canvas_.clearSelection();
+  }
+  return result;
+};
+
+/**
+* Renames the current layer. If the layer name is not valid (i.e. unique), then this function
+* does nothing and returns `false`, otherwise it returns `true`. This is an undo-able action.
+* @function module:draw.renameCurrentLayer
+* @param {string} newName - the new name you want to give the current layer. This name must
+* be unique among all layer names.
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {boolean} Whether the rename succeeded
+*/
+export const renameCurrentLayer = function (newName) {
+  const drawing = canvas_.getCurrentDrawing();
+  const layer = drawing.getCurrentLayer();
+  if (layer) {
+    const result = drawing.setCurrentLayerName(newName, historyRecordingService());
+    if (result) {
+      canvas_.call('changed', [layer]);
+      return true;
+    }
+  }
+  return false;
+};
+
+/**
+* Changes the position of the current layer to the new value. If the new index is not valid,
+* this function does nothing and returns false, otherwise it returns true. This is an
+* undo-able action.
+* @function module:draw.setCurrentLayerPosition
+* @param {Integer} newPos - The zero-based index of the new position of the layer. This should be between
+* 0 and (number of layers - 1)
+* @returns {boolean} `true` if the current layer position was changed, `false` otherwise.
+*/
+export const setCurrentLayerPosition = function (newPos) {
+  const drawing = canvas_.getCurrentDrawing();
+  const result = drawing.setCurrentLayerPosition(newPos);
+  if (result) {
+    canvas_.addCommandToHistory(new MoveElementCommand(result.currentGroup, result.oldNextSibling, canvas_.getSVGContent()));
+    return true;
+  }
+  return false;
+};
+
+/**
+* Sets the visibility of the layer. If the layer name is not valid, this function return
+* `false`, otherwise it returns `true`. This is an undo-able action.
+* @function module:draw.setLayerVisibility
+* @param {string} layerName - The name of the layer to change the visibility
+* @param {boolean} bVisible - Whether the layer should be visible
+* @returns {boolean} true if the layer's visibility was set, false otherwise
+*/
+export const setLayerVisibility = function (layerName, bVisible) {
+  const drawing = canvas_.getCurrentDrawing();
+  const prevVisibility = drawing.getLayerVisibility(layerName);
+  const layer = drawing.setLayerVisibility(layerName, bVisible);
+  if (layer) {
+    const oldDisplay = prevVisibility ? 'inline' : 'none';
+    canvas_.addCommandToHistory(new ChangeElementCommand(layer, {display: oldDisplay}, 'Layer Visibility'));
+  } else {
+    return false;
+  }
+
+  if (layer === drawing.getCurrentLayer()) {
+    canvas_.clearSelection();
+    canvas_.pathActions.clear();
+  }
+  // call('changed', [selected]);
+  return true;
+};
+
+/**
+* Moves the selected elements to layerName. If the name is not a valid layer name, then `false`
+* is returned. Otherwise it returns `true`. This is an undo-able action.
+* @function module:draw.moveSelectedToLayer
+* @param {string} layerName - The name of the layer you want to which you want to move the selected elements
+* @returns {boolean} Whether the selected elements were moved to the layer.
+*/
+export const moveSelectedToLayer = function (layerName) {
+  // find the layer
+  const drawing = canvas_.getCurrentDrawing();
+  const layer = drawing.getLayerByName(layerName);
+  if (!layer) { return false; }
+
+  const batchCmd = new BatchCommand('Move Elements to Layer');
+
+  // loop for each selected element and move it
+  const selElems = canvas_.getSelectedElements();
+  let i = selElems.length;
+  while (i--) {
+    const elem = selElems[i];
+    if (!elem) { continue; }
+    const oldNextSibling = elem.nextSibling;
+    // TODO: this is pretty brittle!
+    const oldLayer = elem.parentNode;
+    layer.append(elem);
+    batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldLayer));
+  }
+
+  canvas_.addCommandToHistory(batchCmd);
+
+  return true;
+};
+
+/**
+* @function module:draw.mergeLayer
+* @param {module:history.HistoryRecordingService} hrService
+* @returns {undefined}
+*/
+export const mergeLayer = function (hrService) {
+  canvas_.getCurrentDrawing().mergeLayer(historyRecordingService(hrService));
+  canvas_.clearSelection();
+  leaveContext();
+  canvas_.changeSVGContent();
+};
+
+/**
+* @function module:draw.mergeAllLayers
+* @param {module:history.HistoryRecordingService} hrService
+* @returns {undefined}
+*/
+export const mergeAllLayers = function (hrService) {
+  canvas_.getCurrentDrawing().mergeAllLayers(historyRecordingService(hrService));
+  canvas_.clearSelection();
+  leaveContext();
+  canvas_.changeSVGContent();
+};
+
+/**
+* Return from a group context to the regular kind, make any previously
+* disabled elements enabled again
+* @function module:draw.leaveContext
+* @fires module:svgcanvas.SvgCanvas#event:contextset
+* @returns {undefined}
+*/
+export const leaveContext = function () {
+  const len = disabledElems.length;
+  if (len) {
+    for (let i = 0; i < len; i++) {
+      const elem = disabledElems[i];
+      const orig = canvas_.elData(elem, 'orig_opac');
+      if (orig !== 1) {
+        elem.setAttribute('opacity', orig);
+      } else {
+        elem.removeAttribute('opacity');
+      }
+      elem.setAttribute('style', 'pointer-events: inherit');
+    }
+    disabledElems = [];
+    canvas_.clearSelection(true);
+    canvas_.call('contextset', null);
+  }
+  canvas_.setCurrentGroup(null);
+};
+
+/**
+* Set the current context (for in-group editing)
+* @function module:draw.setContext
+* @param {Element} elem
+* @fires module:svgcanvas.SvgCanvas#event:contextset
+* @returns {undefined}
+*/
+export const setContext = function (elem) {
+  leaveContext();
+  if (typeof elem === 'string') {
+    elem = getElem(elem);
+  }
+
+  // Edit inside this group
+  canvas_.setCurrentGroup(elem);
+
+  // Disable other elements
+  $(elem).parentsUntil('#svgcontent').andSelf().siblings().each(function () {
+    const opac = this.getAttribute('opacity') || 1;
+    // Store the original's opacity
+    canvas_.elData(this, 'orig_opac', opac);
+    this.setAttribute('opacity', opac * 0.33);
+    this.setAttribute('style', 'pointer-events: none');
+    disabledElems.push(this);
+  });
+
+  canvas_.clearSelection();
+  canvas_.call('contextset', canvas_.getCurrentGroup());
+};
+
+/**
+* @memberof module:draw
+* @class Layer
+* @see {@link module:layer.Layer}
+*/
+export {Layer};
diff --git a/editor/embedapi-dom.js b/editor/embedapi-dom.js
index dc5afcd2..8a0a7867 100644
--- a/editor/embedapi-dom.js
+++ b/editor/embedapi-dom.js
@@ -1,79 +1,91 @@
-/*globals $, EmbeddedSVGEdit*/
-/*jslint vars: true */
-var initEmbed;
+/* globals jQuery */
+/**
+* Attaches items to DOM for Embedded SVG support
+* @module EmbeddedSVGEditDOM
+*/
+import EmbeddedSVGEdit from './embedapi.js';
 
-// Todo: Get rid of frame.contentWindow dependencies so can be more easily adjusted to work cross-domain
+const $ = jQuery;
 
-$(function () {'use strict';
-    
-    var svgCanvas = null;
-    var frame;
+let svgCanvas = null;
 
-    initEmbed = function () {
-        var doc, mainButton;
-        svgCanvas = new EmbeddedSVGEdit(frame);
-        // Hide main button, as we will be controlling new, load, save, etc. from the host document
-        doc = frame.contentDocument || frame.contentWindow.document;
-        mainButton = doc.getElementById('main_button');
-        mainButton.style.display = 'none';
-    };
+function handleSvgData (data, error) {
+  if (error) {
+    alert('error ' + error);
+  } else {
+    alert('Congratulations. Your SVG string is back in the host page, do with it what you will\n\n' + data);
+  }
+}
 
-    function handleSvgData(data, error) {
-        if (error) {
-            alert('error ' + error);
-        } else {
-            alert('Congratulations. Your SVG string is back in the host page, do with it what you will\n\n' + data);
-        }
-    }
+function loadSvg () {
+  const svgexample = '<svg width="640" height="480" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g><title>Layer 1</title><rect stroke-width="5" stroke="#000000" fill="#FF0000" id="svg_1" height="35" width="51" y="35" x="32"/><ellipse ry="15" rx="24" stroke-width="5" stroke="#000000" fill="#0000ff" id="svg_2" cy="60" cx="66"/></g></svg>';
+  svgCanvas.setSvgString(svgexample);
+}
 
-    function loadSvg() {
-        var svgexample = '<svg width="640" height="480" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g><title>Layer 1</title><rect stroke-width="5" stroke="#000000" fill="#FF0000" id="svg_1" height="35" width="51" y="35" x="32"/><ellipse ry="15" rx="24" stroke-width="5" stroke="#000000" fill="#0000ff" id="svg_2" cy="60" cx="66"/></g></svg>';
-        svgCanvas.setSvgString(svgexample);
-    }
+function saveSvg () {
+  svgCanvas.getSvgString()(handleSvgData);
+}
 
-    function saveSvg() {
-        svgCanvas.getSvgString()(handleSvgData);
-    }
-    
-    function exportPNG() {
-        var str = frame.contentWindow.svgEditor.uiStrings.notification.loadingImage;
+function exportPNG () {
+  svgCanvas.getUIStrings()(function (uiStrings) {
+    const str = uiStrings.notification.loadingImage;
 
-        var exportWindow = window.open(
-            'data:text/html;charset=utf-8,' + encodeURIComponent('<title>' + str + '</title><h1>' + str + '</h1>'),
-            'svg-edit-exportWindow'
-        );
-        svgCanvas.rasterExport('PNG', null, exportWindow.name);
-    }
-    
-    function exportPDF() {
-        var str = frame.contentWindow.svgEditor.uiStrings.notification.loadingImage;
-        
-		/**
-        // If you want to handle the PDF blob yourself, do as follows
-		svgCanvas.bind('exportedPDF', function (win, data) {
-			alert(data.dataurlstring);
-		});
-		svgCanvas.exportPDF(); // Accepts two args: optionalWindowName supplied back to bound exportPDF handler and optionalOutputType (defaults to dataurlstring)
-        return;
-        */
-		
-        var exportWindow = window.open(
-            'data:text/html;charset=utf-8,' + encodeURIComponent('<title>' + str + '</title><h1>' + str + '</h1>'),
-            'svg-edit-exportWindow'
-        );
-		svgCanvas.exportPDF(exportWindow.name);
-    }
-    
-    // Add event handlers
-    $('#load').click(loadSvg);
-    $('#save').click(saveSvg);
-    $('#exportPNG').click(exportPNG);
-    $('#exportPDF').click(exportPDF);
-    $('body').append(
-        $('<iframe src="svg-editor.html?extensions=ext-xdomain-messaging.js' +
-            window.location.href.replace(/\?(.*)$/, '&$1') + // Append arguments to this file onto the iframe
-            '" width="900px" height="600px" id="svgedit" onload="initEmbed();"></iframe>'
-        )
+    const exportWindow = window.open(
+      'data:text/html;charset=utf-8,' + encodeURIComponent('<title>' + str + '</title><h1>' + str + '</h1>'),
+      'svg-edit-exportWindow'
     );
-    frame = document.getElementById('svgedit');
+    svgCanvas.rasterExport('PNG', null, exportWindow && exportWindow.name);
+  });
+}
+
+function exportPDF () {
+  svgCanvas.getUIStrings()(function (uiStrings) {
+    const str = uiStrings.notification.loadingImage;
+
+    /**
+    // If you want to handle the PDF blob yourself, do as follows
+    svgCanvas.bind('exportedPDF', function (win, data) {
+      alert(data.output);
+    });
+    svgCanvas.exportPDF(); // Accepts two args: optionalWindowName supplied back to bound exportPDF handler and optional outputType (defaults to dataurlstring)
+    return;
+    */
+
+    const exportWindow = window.open(
+      'data:text/html;charset=utf-8,' + encodeURIComponent('<title>' + str + '</title><h1>' + str + '</h1>'),
+      'svg-edit-exportWindow'
+    );
+    svgCanvas.exportPDF(exportWindow && exportWindow.name);
+  });
+}
+
+// Add event handlers
+$('#load').click(loadSvg);
+$('#save').click(saveSvg);
+$('#exportPNG').click(exportPNG);
+$('#exportPDF').click(exportPDF);
+
+const frameBase = 'https://raw.githack.com/SVG-Edit/svgedit/master';
+// const frameBase = 'http://localhost:8001';
+const framePath = '/editor/xdomain-svg-editor-es.html?extensions=ext-xdomain-messaging.js';
+const iframe = $(`<iframe src="${frameBase}${framePath}` +
+  (location.href.includes('?')
+    ? location.href.replace(/\?(.*)$/, '&$1')
+    : '') + // Append arguments to this file onto the iframe
+  '" width="900px" height="600px" id="svgedit""></iframe>'
+);
+iframe[0].addEventListener('load', function () {
+  svgCanvas = new EmbeddedSVGEdit(frame, [new URL(frameBase).origin]);
+  // Hide main button, as we will be controlling new, load, save, etc. from the host document
+  let doc;
+  try {
+    doc = frame.contentDocument || frame.contentWindow.document;
+  } catch (err) {
+    console.log('Blocked from accessing document');
+    return;
+  }
+  const mainButton = doc.getElementById('main_button');
+  mainButton.style.display = 'none';
 });
+$('body').append(iframe);
+const frame = document.getElementById('svgedit');
diff --git a/editor/embedapi.html b/editor/embedapi.html
index 44ee3308..dda45a19 100644
--- a/editor/embedapi.html
+++ b/editor/embedapi.html
@@ -1,17 +1,17 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
 <head>
-    <meta charset="utf-8" />
-    <title>Embed API</title>
-    <script src="jquery.js"></script>
-    <script src="embedapi.js"></script>
-    <script src="embedapi-dom.js"></script>
+  <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/>
+  <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>
diff --git a/editor/embedapi.js b/editor/embedapi.js
index b50a896b..625479b0 100644
--- a/editor/embedapi.js
+++ b/editor/embedapi.js
@@ -1,179 +1,391 @@
-/*
-Embedded SVG-edit API
-
-General usage:
-- Have an iframe somewhere pointing to a version of svg-edit > r1000
-- Initialize the magic with:
-var svgCanvas = new 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.
-
-var 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',arguments)})
+/**
+* Handles underlying communication between the embedding window and the editor frame
+* @module EmbeddedSVGEdit
 */
 
-(function () {'use strict';
+let cbid = 0;
 
-var cbid = 0;
+/**
+* @callback module:EmbeddedSVGEdit.GenericCallback
+* @param {...*} args Signature dependent on the function
+* @returns {*} Return dependent on the function
+*/
+/**
+* @callback module:EmbeddedSVGEdit.CallbackSetter
+* @param {module:EmbeddedSVGEdit.GenericCallback} newCallback Callback to be stored (signature dependent on function)
+* @returns {undefined}
+*/
+/**
+* @callback module:EmbeddedSVGEdit.CallbackSetGetter
+* @param {...*} args Signature dependent on the function
+* @returns {module:EmbeddedSVGEdit.CallbackSetter}
+*/
 
-function getCallbackSetter (d) {
-  return function () {
-	var t = this, // New callback
-	  args = [].slice.call(arguments),
-	  cbid = t.send(d, args, function(){});  // The callback (currently it's nothing, but will be set later)
+/**
+* @param {string} d
+* @returns {module:EmbeddedSVGEdit.CallbackSetGetter}
+*/
+function getCallbackSetter (funcName) {
+  return function (...args) {
+    const t = this, // New callback
+      cbid = t.send(funcName, args, function () {}); // The callback (currently it's nothing, but will be set later)
 
-	return function(newcallback){
-	  t.callbacks[cbid] = newcallback; // Set callback
-	};
+    return function (newCallback) {
+      t.callbacks[cbid] = 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 {JSON} data
+* @returns {undefined}
 */
 function addCallback (t, data) {
-  var result = data.result || data.error,
-	cbid = data.id;
+  const result = data.result || data.error,
+    cbid = data.id;
   if (t.callbacks[cbid]) {
-	if (data.result) {
-	  t.callbacks[cbid](result);
-	} else {
-	  t.callbacks[cbid](result, 'error');
-	}
+    if (data.result) {
+      t.callbacks[cbid](result);
+    } else {
+      t.callbacks[cbid](result, 'error');
+    }
   }
 }
 
+/**
+* @param {Event} e
+* @returns {undefined}
+*/
 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 (typeof e.data !== 'string') {
-	return;
+    return;
   }
-  var allowedOrigins = this.allowedOrigins,
-	data = e.data && JSON.parse(e.data);
+  const {allowedOrigins} = this,
+    data = e.data && JSON.parse(e.data);
   if (!data || typeof data !== 'object' || data.namespace !== 'svg-edit' ||
-	  e.source !== this.frame.contentWindow ||
-	  (allowedOrigins.indexOf('*') === -1 && allowedOrigins.indexOf(e.origin) === -1)
+    e.source !== this.frame.contentWindow ||
+    (!allowedOrigins.includes('*') && !allowedOrigins.includes(e.origin))
   ) {
-	return;
+    console.log(`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 {undefined}
+*/
+/**
+* @param {module:EmbeddedSVGEdit.EmbeddedSVGEdit} t The `this` value
+* @returns {module:EmbeddedSVGEdit.MessageListener} Event listener
+*/
 function getMessageListener (t) {
-	return function (e) {
-		messageListener.call(t, e);
-	};
+  return function (e) {
+    messageListener.call(t, e);
+  };
 }
 
 /**
-* @param {HTMLIFrameElement} frame
-* @param {array} [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
+* 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',arguments)})
+*
+* @memberof module:EmbeddedSVGEdit
 */
-function EmbeddedSVGEdit (frame, allowedOrigins) {
-  if (!(this instanceof EmbeddedSVGEdit)) { // Allow invocation without 'new' keyword
-	return new EmbeddedSVGEdit(frame);
+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 t = 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 (let i = 0; i < functions.length; i++) {
+      this[functions[i]] = getCallbackSetter(functions[i]);
+    }
+
+    // Older IE may need a polyfill for addEventListener, but so it would for SVG
+    window.addEventListener('message', getMessageListener(this), false);
+    window.addEventListener('keydown', (e) => {
+      const {key, keyCode, charCode, which} = e;
+      if (e.key === 'Backspace') {
+        e.preventDefault();
+        const keyboardEvent = new KeyboardEvent(e.type, {
+          key, keyCode, charCode, which
+        });
+        t.frame.contentDocument.dispatchEvent(keyboardEvent);
+      }
+    });
   }
-  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 (var i=0,q=[],f = document.querySelectorAll('div.CFunction h3.CTitle a'); i < f.length; i++) { q.push(f[i].name); }; q
-  // var functions = ['clearSelection', 'addToSelection', 'removeFromSelection', 'open', 'save', 'getSvgString', 'setSvgString',
-  // 'createLayer', 'deleteCurrentLayer', 'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition', 'setLayerVisibility',
-  // 'moveSelectedToLayer', 'clear'];
+  /**
+  * @param {string} name
+  * @param {ArgumentsArray} args Signature dependent on function
+  * @param {module:EmbeddedSVGEdit.GenericCallback} callback
+  */
+  send (name, args, callback) {
+    const t = this;
+    cbid++;
 
-  // Newer, well, it extracts things that aren't documented as well. All functions accessible through the normal thingy can now be accessed though the API
-  // var svgCanvas = frame.contentWindow.svgCanvas;
-  // var l = []; for (var i in svgCanvas){ if (typeof svgCanvas[i] == 'function') { l.push(i);} };
-  // alert("['" + l.join("', '") + "']");
-  // Run in svgedit itself
-  var i,
-	functions = [
-		'clearSvgContentElement', 'setIdPrefix', 'getCurrentDrawing', 'addSvgElementFromJson', 'getTransformList', 'matrixMultiply', 'hasMatrixTransform', 'transformListToTransform', 'convertToNum', 'findDefs', 'getUrlFromAttr', 'getHref', 'setHref', 'getBBox', 'getRotationAngle', 'getElem', 'getRefElem', 'assignAttributes', 'cleanupElement', 'remapElement', 'recalculateDimensions', 'sanitizeSvg', 'runExtensions', 'addExtension', 'round', 'getIntersectionList', 'getStrokedBBox', 'getVisibleElements', 'getVisibleElementsAndBBoxes', 'groupSvgElem', 'getId', 'getNextId', 'call', 'bind', 'prepareSvg', 'setRotationAngle', 'recalculateAllSelectedDimensions', 'clearSelection', 'addToSelection', 'selectOnly', 'removeFromSelection', 'selectAllInCurrentLayer', 'getMouseTarget', 'removeUnusedDefElems', 'svgCanvasToString', 'svgToString', 'embedImage', 'setGoodImage', 'open', 'save', 'rasterExport', 'exportPDF', 'getSvgString', 'randomizeIds', 'uniquifyElems', 'setUseData', 'convertGradients', 'convertToGroup', 'setSvgString', 'importSvgString', 'identifyLayers', 'createLayer', 'cloneLayer', 'deleteCurrentLayer', 'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition', 'setLayerVisibility', 'moveSelectedToLayer', 'mergeLayer', 'mergeAllLayers', 'leaveContext', 'setContext', 'clear', 'linkControlPoints', 'getContentElem', 'getRootElem', 'getSelectedElems', 'getResolution', 'getZoom', 'getVersion', 'setUiStrings', 'setConfig', 'getTitle', 'setGroupTitle', 'getDocumentTitle', 'setDocumentTitle', 'getEditorNS', 'setResolution', 'getOffset', 'setBBoxZoom', 'setZoom', 'getMode', 'setMode', 'getColor', 'setColor', 'setGradient', 'setPaint', 'setStrokePaint', 'setFillPaint', 'getStrokeWidth', 'setStrokeWidth', 'setStrokeAttr', 'getStyle', 'getOpacity', 'setOpacity', 'getFillOpacity', 'getStrokeOpacity', 'setPaintOpacity', 'getPaintOpacity', 'getBlur', 'setBlurNoUndo', 'setBlurOffsets', 'setBlur', 'getBold', 'setBold', 'getItalic', 'setItalic', 'getFontFamily', 'setFontFamily', 'setFontColor', 'getFontColor', 'getFontSize', 'setFontSize', 'getText', 'setTextContent', 'setImageURL', 'setLinkURL', 'setRectRadius', 'makeHyperlink', 'removeHyperlink', 'setSegType', 'convertToPath', 'changeSelectedAttribute', 'deleteSelectedElements', 'cutSelectedElements', 'copySelectedElements', 'pasteElements', 'groupSelectedElements', 'pushGroupProperties', 'ungroupSelectedElement', 'moveToTopSelectedElement', 'moveToBottomSelectedElement', 'moveUpDownSelected', 'moveSelectedElements', 'cloneSelectedElements', 'alignSelectedElements', 'updateCanvas', 'setBackground', 'cycleElement', 'getPrivateMethods', 'zoomChanged', 'ready'
-	];
+    this.callbacks[cbid] = callback;
+    setTimeout((function (cbid) {
+      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 sameOrigin = false;
+        try {
+          sameOrigin = window.location.origin === t.frame.contentWindow.location.origin;
+        } catch (err) {}
 
-  // TODO: rewrite the following, it's pretty scary.
-  for (i = 0; i < functions.length; i++) {
-	this[functions[i]] = getCallbackSetter(functions[i]);
+        if (sameOrigin) {
+          // 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: cbid},
+            {svgEditor: {canvas: svgCanvas}} = t.frame.contentWindow;
+          try {
+            message.result = svgCanvas[name].apply(svgCanvas, args);
+          } catch (err) {
+            message.error = err.message;
+          }
+          addCallback(t, message);
+        } else { // Requires the ext-xdomain-messaging.js extension
+          t.frame.contentWindow.postMessage(JSON.stringify({
+            namespace: 'svgCanvas', id: cbid, name, args
+          }), '*');
+        }
+      };
+    }(cbid)), 0);
+
+    return cbid;
   }
- 
-  // Older IE may need a polyfill for addEventListener, but so it would for SVG
-  window.addEventListener('message', getMessageListener(this), false);
 }
 
-EmbeddedSVGEdit.prototype.send = function (name, args, callback){
-  var t = this;
-  cbid++;
-
-  this.callbacks[cbid] = callback;
-  setTimeout((function (cbid) {
-	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
-		if (window.location.origin === t.frame.contentWindow.location.origin) {
-		  // 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.
-		  var message = {id: cbid},
-			svgCanvas = t.frame.contentWindow.svgCanvas;
-		  try {
-			message.result = svgCanvas[name].apply(svgCanvas, args);
-		  }
-		  catch (err) {
-			message.error = err.message;
-		  }
-		  addCallback(t, message);
-		}
-		else { // Requires the ext-xdomain-messaging.js extension
-		  t.frame.contentWindow.postMessage(JSON.stringify({namespace: 'svgCanvas', id: cbid, name: name, args: args}), '*');
-		}
-	  };
-  }(cbid)), 0);
-
-  return cbid;
-};
-
-window.embedded_svg_edit = EmbeddedSVGEdit; // Export old, deprecated API
-window.EmbeddedSVGEdit = EmbeddedSVGEdit; // Follows common JS convention of CamelCase and, as enforced in JSLint, of initial caps for constructors
-
-}());
+export default EmbeddedSVGEdit;
diff --git a/editor/extensions/allowedMimeTypes.php b/editor/extensions/allowedMimeTypes.php
index 392f4d2d..2f99b159 100644
--- a/editor/extensions/allowedMimeTypes.php
+++ b/editor/extensions/allowedMimeTypes.php
@@ -1,12 +1,12 @@
 <?php
 
 $allowedMimeTypesBySuffix = array(
-    'svg' => 'image/svg+xml;charset=UTF-8',
-    'png' => 'image/png',
-    'jpeg' => 'image/jpeg',
-    'bmp' => 'image/bmp',
-    'webp' => 'image/webp',
-	'pdf' => 'application/pdf'
+  'svg' => 'image/svg+xml;charset=UTF-8',
+  'png' => 'image/png',
+  'jpeg' => 'image/jpeg',
+  'bmp' => 'image/bmp',
+  'webp' => 'image/webp',
+  'pdf' => 'application/pdf'
 );
 
-?>
\ No newline at end of file
+?>
diff --git a/editor/extensions/closepath.png b/editor/extensions/closepath.png
new file mode 100644
index 00000000..7364bfc3
Binary files /dev/null and b/editor/extensions/closepath.png differ
diff --git a/editor/extensions/ext-arrows.js b/editor/extensions/ext-arrows.js
index 6bf9b3fe..1636dd23 100644
--- a/editor/extensions/ext-arrows.js
+++ b/editor/extensions/ext-arrows.js
@@ -1,293 +1,285 @@
-/*globals svgEditor, svgCanvas, $*/
-/*jslint vars: true, eqeq: true*/
-/*
+/* globals jQuery */
+/**
  * ext-arrows.js
  *
- * Licensed under the MIT License
+ * @license MIT
  *
- * Copyright(c) 2010 Alexis Deveria
+ * @copyright 2010 Alexis Deveria
  *
  */
+export default {
+  name: 'arrows',
+  async init (S) {
+    const strings = await S.importLocale();
+    const svgEditor = this;
+    const svgCanvas = svgEditor.canvas;
+    const $ = jQuery;
+    const // {svgcontent} = S,
+      addElem = svgCanvas.addSVGElementFromJson,
+      {nonce} = S,
+      prefix = 'se_arrow_';
 
-svgEditor.addExtension('Arrows', function(S) {
-	var svgcontent = S.svgcontent,
-		addElem = S.addSvgElementFromJson,
-		nonce = S.nonce,
-		randomize_ids = S.randomize_ids,
-		selElems, pathdata,
-		lang_list = {
-			'en':[
-				{'id': 'arrow_none', 'textContent': 'No arrow' }
-			],
-			'fr':[
-				{'id': 'arrow_none', 'textContent': 'Sans flèche' }
-			]
-		},
-		arrowprefix,
-		prefix = 'se_arrow_';
+    let selElems, arrowprefix, randomizeIds = S.randomize_ids;
 
-	function setArrowNonce(window, n) {
-		randomize_ids = true;
-		arrowprefix = prefix + n + '_';
-		pathdata.fw.id = arrowprefix + 'fw';
-		pathdata.bk.id = arrowprefix + 'bk';
-	}
+    function setArrowNonce (window, n) {
+      randomizeIds = true;
+      arrowprefix = prefix + n + '_';
+      pathdata.fw.id = arrowprefix + 'fw';
+      pathdata.bk.id = arrowprefix + 'bk';
+    }
 
-	function unsetArrowNonce(window) {
-		randomize_ids = false;
-		arrowprefix = prefix;
-		pathdata.fw.id = arrowprefix + 'fw';
-		pathdata.bk.id = arrowprefix + 'bk';
-	}
+    function unsetArrowNonce (window) {
+      randomizeIds = false;
+      arrowprefix = prefix;
+      pathdata.fw.id = arrowprefix + 'fw';
+      pathdata.bk.id = arrowprefix + 'bk';
+    }
 
+    svgCanvas.bind('setnonce', setArrowNonce);
+    svgCanvas.bind('unsetnonce', unsetArrowNonce);
 
-	svgCanvas.bind('setnonce', setArrowNonce);
-	svgCanvas.bind('unsetnonce', unsetArrowNonce);
+    if (randomizeIds) {
+      arrowprefix = prefix + nonce + '_';
+    } else {
+      arrowprefix = prefix;
+    }
 
-	if (randomize_ids) {
-		arrowprefix = prefix + nonce + '_';
-	} else {
-		arrowprefix = prefix;
-	}
+    const pathdata = {
+      fw: {d: 'm0,0l10,5l-10,5l5,-5l-5,-5z', refx: 8, id: arrowprefix + 'fw'},
+      bk: {d: 'm10,0l-10,5l10,5l-5,-5l5,-5z', refx: 2, id: arrowprefix + 'bk'}
+    };
 
-	pathdata = {
-		fw: {d: 'm0,0l10,5l-10,5l5,-5l-5,-5z', refx: 8,  id: arrowprefix + 'fw'},
-		bk: {d: 'm10,0l-10,5l10,5l-5,-5l5,-5z', refx: 2, id: arrowprefix + 'bk'}
-	};
+    function getLinked (elem, attr) {
+      const str = elem.getAttribute(attr);
+      if (!str) { return null; }
+      const m = str.match(/\(#(.*)\)/);
+      if (!m || m.length !== 2) {
+        return null;
+      }
+      return svgCanvas.getElem(m[1]);
+    }
 
-	function getLinked(elem, attr) {
-		var str = elem.getAttribute(attr);
-		if(!str) {return null;}
-		var m = str.match(/\(\#(.*)\)/);
-		if(!m || m.length !== 2) {
-			return null;
-		}
-		return S.getElem(m[1]);
-	}
+    function showPanel (on) {
+      $('#arrow_panel').toggle(on);
+      if (on) {
+        const el = selElems[0];
+        const end = el.getAttribute('marker-end');
+        const start = el.getAttribute('marker-start');
+        const mid = el.getAttribute('marker-mid');
+        let val;
+        if (end && start) {
+          val = 'both';
+        } else if (end) {
+          val = 'end';
+        } else if (start) {
+          val = 'start';
+        } else if (mid) {
+          val = 'mid';
+          if (mid.includes('bk')) {
+            val = 'mid_bk';
+          }
+        }
 
-	function showPanel(on) {
-		$('#arrow_panel').toggle(on);
-		if(on) {
-			var el = selElems[0];
-			var end = el.getAttribute('marker-end');
-			var start = el.getAttribute('marker-start');
-			var mid = el.getAttribute('marker-mid');
-			var val;
+        if (!start && !mid && !end) {
+          val = 'none';
+        }
 
-			if (end && start) {
-				val = 'both';
-			} else if (end) {
-				val = 'end';
-			} else if (start) {
-				val = 'start';
-			} else if (mid) {
-				val = 'mid';
-				if (mid.indexOf('bk') !== -1) {
-					val = 'mid_bk';
-				}
-			}
+        $('#arrow_list').val(val);
+      }
+    }
 
-			if (!start && !mid && !end) {
-				val = 'none';
-			}
+    function resetMarker () {
+      const el = selElems[0];
+      el.removeAttribute('marker-start');
+      el.removeAttribute('marker-mid');
+      el.removeAttribute('marker-end');
+    }
 
-			$('#arrow_list').val(val);
-		}
-	}
+    function addMarker (dir, type, id) {
+      // TODO: Make marker (or use?) per arrow type, since refX can be different
+      id = id || arrowprefix + dir;
 
-	function resetMarker() {
-		var el = selElems[0];
-		el.removeAttribute('marker-start');
-		el.removeAttribute('marker-mid');
-		el.removeAttribute('marker-end');
-	}
+      const data = pathdata[dir];
 
-	function addMarker(dir, type, id) {
-		// TODO: Make marker (or use?) per arrow type, since refX can be different
-		id = id || arrowprefix + dir;
+      if (type === 'mid') {
+        data.refx = 5;
+      }
 
-		var marker = S.getElem(id);
-		var data = pathdata[dir];
+      let marker = svgCanvas.getElem(id);
+      if (!marker) {
+        marker = addElem({
+          element: 'marker',
+          attr: {
+            viewBox: '0 0 10 10',
+            id,
+            refY: 5,
+            markerUnits: 'strokeWidth',
+            markerWidth: 5,
+            markerHeight: 5,
+            orient: 'auto',
+            style: 'pointer-events:none' // Currently needed for Opera
+          }
+        });
+        const arrow = addElem({
+          element: 'path',
+          attr: {
+            d: data.d,
+            fill: '#000000'
+          }
+        });
+        marker.append(arrow);
+        svgCanvas.findDefs().append(marker);
+      }
 
-		if (type == 'mid') {
-			data.refx = 5;
-		}
+      marker.setAttribute('refX', data.refx);
 
-		if (!marker) {
-			marker = addElem({
-				'element': 'marker',
-				'attr': {
-					'viewBox': '0 0 10 10',
-					'id': id,
-					'refY': 5,
-					'markerUnits': 'strokeWidth',
-					'markerWidth': 5,
-					'markerHeight': 5,
-					'orient': 'auto',
-					'style': 'pointer-events:none' // Currently needed for Opera
-				}
-			});
-			var arrow = addElem({
-				'element': 'path',
-				'attr': {
-					'd': data.d,
-					'fill': '#000000'
-				}
-			});
-			marker.appendChild(arrow);
-			S.findDefs().appendChild(marker);
-		}
+      return marker;
+    }
 
-		marker.setAttribute('refX', data.refx);
+    function setArrow () {
+      resetMarker();
 
-		return marker;
-	}
+      let type = this.value;
+      if (type === 'none') {
+        return;
+      }
 
-	function setArrow() {
-		var type = this.value;
-		resetMarker();
+      // Set marker on element
+      let dir = 'fw';
+      if (type === 'mid_bk') {
+        type = 'mid';
+        dir = 'bk';
+      } else if (type === 'both') {
+        addMarker('bk', type);
+        svgCanvas.changeSelectedAttribute('marker-start', 'url(#' + pathdata.bk.id + ')');
+        type = 'end';
+        dir = 'fw';
+      } else if (type === 'start') {
+        dir = 'bk';
+      }
 
-		if (type == 'none') {
-			return;
-		}
+      addMarker(dir, type);
+      svgCanvas.changeSelectedAttribute('marker-' + type, 'url(#' + pathdata[dir].id + ')');
+      svgCanvas.call('changed', selElems);
+    }
 
-		// Set marker on element
-		var dir = 'fw';
-		if (type == 'mid_bk') {
-			type = 'mid';
-			dir = 'bk';
-		} else if (type == 'both') {
-			addMarker('bk', type);
-			svgCanvas.changeSelectedAttribute('marker-start', 'url(#' + pathdata.bk.id + ')');
-			type = 'end';
-			dir = 'fw';
-		} else if (type == 'start') {
-			dir = 'bk';
-		}
+    function colorChanged (elem) {
+      const color = elem.getAttribute('stroke');
+      const mtypes = ['start', 'mid', 'end'];
+      const defs = svgCanvas.findDefs();
 
-		addMarker(dir, type);
-		svgCanvas.changeSelectedAttribute('marker-' + type, 'url(#' + pathdata[dir].id + ')');
-		S.call('changed', selElems);
-	}
+      $.each(mtypes, function (i, type) {
+        const marker = getLinked(elem, 'marker-' + type);
+        if (!marker) { return; }
 
-	function colorChanged(elem) {
-		var color = elem.getAttribute('stroke');
-		var mtypes = ['start', 'mid', 'end'];
-		var defs = S.findDefs();
+        const curColor = $(marker).children().attr('fill');
+        const curD = $(marker).children().attr('d');
+        if (curColor === color) { return; }
 
-		$.each(mtypes, function(i, type) {
-			var marker = getLinked(elem, 'marker-'+type);
-			if(!marker) {return;}
+        const allMarkers = $(defs).find('marker');
+        let newMarker = null;
+        // Different color, check if already made
+        allMarkers.each(function () {
+          const attrs = $(this).children().attr(['fill', 'd']);
+          if (attrs.fill === color && attrs.d === curD) {
+            // Found another marker with this color and this path
+            newMarker = this;
+          }
+        });
 
-			var cur_color = $(marker).children().attr('fill');
-			var cur_d = $(marker).children().attr('d');
-			var new_marker = null;
-			if(cur_color === color) {return;}
+        if (!newMarker) {
+          // Create a new marker with this color
+          const lastId = marker.id;
+          const dir = lastId.includes('_fw') ? 'fw' : 'bk';
 
-			var all_markers = $(defs).find('marker');
-			// Different color, check if already made
-			all_markers.each(function() {
-				var attrs = $(this).children().attr(['fill', 'd']);
-				if(attrs.fill === color && attrs.d === cur_d) {
-					// Found another marker with this color and this path
-					new_marker = this;
-				}
-			});
+          newMarker = addMarker(dir, type, arrowprefix + dir + allMarkers.length);
 
-			if(!new_marker) {
-				// Create a new marker with this color
-				var last_id = marker.id;
-				var dir = last_id.indexOf('_fw') !== -1?'fw':'bk';
+          $(newMarker).children().attr('fill', color);
+        }
 
-				new_marker = addMarker(dir, type, arrowprefix + dir + all_markers.length);
+        $(elem).attr('marker-' + type, 'url(#' + newMarker.id + ')');
 
-				$(new_marker).children().attr('fill', color);
-			}
+        // Check if last marker can be removed
+        let remove = true;
+        $(S.svgcontent).find('line, polyline, path, polygon').each(function () {
+          const elem = this;
+          $.each(mtypes, function (j, mtype) {
+            if ($(elem).attr('marker-' + mtype) === 'url(#' + marker.id + ')') {
+              remove = false;
+              return remove;
+            }
+          });
+          if (!remove) { return false; }
+        });
 
-			$(elem).attr('marker-'+type, 'url(#' + new_marker.id + ')');
+        // Not found, so can safely remove
+        if (remove) {
+          $(marker).remove();
+        }
+      });
+    }
 
-			// Check if last marker can be removed
-			var remove = true;
-			$(S.svgcontent).find('line, polyline, path, polygon').each(function() {
-				var elem = this;
-				$.each(mtypes, function(j, mtype) {
-					if($(elem).attr('marker-' + mtype) === 'url(#' + marker.id + ')') {
-						remove = false;
-						return remove;
-					}
-				});
-				if(!remove) {return false;}
-			});
+    const contextTools = [
+      {
+        type: 'select',
+        panel: 'arrow_panel',
+        id: 'arrow_list',
+        defval: 'none',
+        events: {
+          change: setArrow
+        }
+      }
+    ];
 
-			// Not found, so can safely remove
-			if(remove) {
-				$(marker).remove();
-			}
-		});
-	}
+    return {
+      name: strings.name,
+      context_tools: strings.contextTools.map((contextTool, i) => {
+        return Object.assign(contextTools[i], contextTool);
+      }),
+      callback () {
+        $('#arrow_panel').hide();
+        // Set ID so it can be translated in locale file
+        $('#arrow_list option')[0].id = 'connector_no_arrow';
+      },
+      async addLangData ({lang, importLocale}) {
+        const strings = await importLocale();
+        return {
+          data: strings.langList
+        };
+      },
+      selectedChanged (opts) {
+        // Use this to update the current selected elements
+        selElems = opts.elems;
 
-	return {
-		name: 'Arrows',
-		context_tools: [{
-			type: 'select',
-			panel: 'arrow_panel',
-			title: 'Select arrow type',
-			id: 'arrow_list',
-			options: {
-				none: 'No arrow',
-				end: '----&gt;',
-				start: '&lt;----',
-				both: '&lt;---&gt;',
-				mid: '--&gt;--',
-				mid_bk: '--&lt;--'
-			},
-			defval: 'none',
-			events: {
-				change: setArrow
-			}
-		}],
-		callback: function() {
-			$('#arrow_panel').hide();
-			// Set ID so it can be translated in locale file
-			$('#arrow_list option')[0].id = 'connector_no_arrow';
-		},
-		addLangData: function(lang) {
-			return {
-				data: lang_list[lang]
-			};
-		},
-		selectedChanged: function(opts) {
-			// Use this to update the current selected elements
-			selElems = opts.elems;
-
-			var i = selElems.length;
-			var marker_elems = ['line', 'path', 'polyline', 'polygon'];
-			while(i--) {
-				var elem = selElems[i];
-				if(elem && $.inArray(elem.tagName, marker_elems) !== -1) {
-					if(opts.selectedElement && !opts.multiselected) {
-						showPanel(true);
-					} else {
-						showPanel(false);
-					}
-				} else {
-					showPanel(false);
-				}
-			}
-		},
-		elementChanged: function(opts) {
-			var elem = opts.elems[0];
-			if(elem && (
-				elem.getAttribute('marker-start') ||
-				elem.getAttribute('marker-mid') ||
-				elem.getAttribute('marker-end')
-			)) {
-//								var start = elem.getAttribute('marker-start');
-//								var mid = elem.getAttribute('marker-mid');
-//								var end = elem.getAttribute('marker-end');
-				// Has marker, so see if it should match color
-				colorChanged(elem);
-			}
-		}
-	};
-});
+        const markerElems = ['line', 'path', 'polyline', 'polygon'];
+        let i = selElems.length;
+        while (i--) {
+          const elem = selElems[i];
+          if (elem && markerElems.includes(elem.tagName)) {
+            if (opts.selectedElement && !opts.multiselected) {
+              showPanel(true);
+            } else {
+              showPanel(false);
+            }
+          } else {
+            showPanel(false);
+          }
+        }
+      },
+      elementChanged (opts) {
+        const elem = opts.elems[0];
+        if (elem && (
+          elem.getAttribute('marker-start') ||
+          elem.getAttribute('marker-mid') ||
+          elem.getAttribute('marker-end')
+        )) {
+          // const start = elem.getAttribute('marker-start');
+          // const mid = elem.getAttribute('marker-mid');
+          // const end = elem.getAttribute('marker-end');
+          // Has marker, so see if it should match color
+          colorChanged(elem);
+        }
+      }
+    };
+  }
+};
diff --git a/editor/extensions/ext-closepath.js b/editor/extensions/ext-closepath.js
index b7858424..9406e361 100644
--- a/editor/extensions/ext-closepath.js
+++ b/editor/extensions/ext-closepath.js
@@ -1,91 +1,103 @@
-/*globals svgEditor, $*/
-/*jslint vars: true, eqeq: true*/
-/*
+/* globals jQuery */
+/**
  * ext-closepath.js
  *
- * Licensed under the MIT License
+ * @license MIT
  *
- * Copyright(c) 2010 Jeff Schiller
+ * @copyright 2010 Jeff Schiller
  *
  */
+import '../svgpathseg.js';
 
 // This extension adds a simple button to the contextual panel for paths
 // The button toggles whether the path is open or closed
-svgEditor.addExtension('ClosePath', function() {'use strict';
-	var selElems,
-		updateButton = function(path) {
-			var seglist = path.pathSegList,
-				closed = seglist.getItem(seglist.numberOfItems - 1).pathSegType == 1,
-				showbutton = closed ? '#tool_openpath' : '#tool_closepath',
-				hidebutton = closed ? '#tool_closepath' : '#tool_openpath';
-				$(hidebutton).hide();
-				$(showbutton).show();
-		},
-		showPanel = function(on) {
-			$('#closepath_panel').toggle(on);
-			if (on) {
-				var path = selElems[0];
-				if (path) {updateButton(path);}
-			}
-		},
-		toggleClosed = function() {
-			var path = selElems[0];
-			if (path) {
-				var seglist = path.pathSegList,
-					last = seglist.numberOfItems - 1;
-				// is closed
-				if (seglist.getItem(last).pathSegType == 1) {
-					seglist.removeItem(last);
-				} else {
-					seglist.appendItem(path.createSVGPathSegClosePath());
-				}
-				updateButton(path);
-			}
-		};
+export default {
+  name: 'closepath',
+  async init ({importLocale}) {
+    const strings = await importLocale();
+    const $ = jQuery;
+    const svgEditor = this;
+    let selElems;
+    const updateButton = function (path) {
+      const seglist = path.pathSegList,
+        closed = seglist.getItem(seglist.numberOfItems - 1).pathSegType === 1,
+        showbutton = closed ? '#tool_openpath' : '#tool_closepath',
+        hidebutton = closed ? '#tool_closepath' : '#tool_openpath';
+      $(hidebutton).hide();
+      $(showbutton).show();
+    };
+    const showPanel = function (on) {
+      $('#closepath_panel').toggle(on);
+      if (on) {
+        const path = selElems[0];
+        if (path) { updateButton(path); }
+      }
+    };
+    const toggleClosed = function () {
+      const path = selElems[0];
+      if (path) {
+        const seglist = path.pathSegList,
+          last = seglist.numberOfItems - 1;
+        // is closed
+        if (seglist.getItem(last).pathSegType === 1) {
+          seglist.removeItem(last);
+        } else {
+          seglist.appendItem(path.createSVGPathSegClosePath());
+        }
+        updateButton(path);
+      }
+    };
 
-	return {
-		name: 'ClosePath',
-		svgicons: svgEditor.curConfig.extPath + 'closepath_icons.svg',
-		buttons: [{
-			id: 'tool_openpath',
-			type: 'context',
-			panel: 'closepath_panel',
-			title: 'Open path',
-			events: {
-				click: function() {
-					toggleClosed();
-				}
-			}
-		},
-		{
-			id: 'tool_closepath',
-			type: 'context',
-			panel: 'closepath_panel',
-			title: 'Close path',
-			events: {
-				click: function() {
-					toggleClosed();
-				}
-			}
-		}],
-		callback: function() {
-			$('#closepath_panel').hide();
-		},
-		selectedChanged: function(opts) {
-			selElems = opts.elems;
-			var i = selElems.length;
-			while (i--) {
-				var elem = selElems[i];
-				if (elem && elem.tagName == 'path') {
-					if (opts.selectedElement && !opts.multiselected) {
-						showPanel(true);
-					} else {
-						showPanel(false);
-					}
-				} else {
-					showPanel(false);
-				}
-			}
-		}
-	};
-});
+    const buttons = [
+      {
+        id: 'tool_openpath',
+        icon: svgEditor.curConfig.extIconsPath + 'openpath.png',
+        type: 'context',
+        panel: 'closepath_panel',
+        events: {
+          click () {
+            toggleClosed();
+          }
+        }
+      },
+      {
+        id: 'tool_closepath',
+        icon: svgEditor.curConfig.extIconsPath + 'closepath.png',
+        type: 'context',
+        panel: 'closepath_panel',
+        events: {
+          click () {
+            toggleClosed();
+          }
+        }
+      }
+    ];
+
+    return {
+      name: strings.name,
+      svgicons: svgEditor.curConfig.extIconsPath + 'closepath_icons.svg',
+      buttons: strings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      }),
+      callback () {
+        $('#closepath_panel').hide();
+      },
+      selectedChanged (opts) {
+        selElems = opts.elems;
+        let i = selElems.length;
+        while (i--) {
+          const elem = selElems[i];
+          if (elem && elem.tagName === 'path') {
+            if (opts.selectedElement && !opts.multiselected) {
+              showPanel(true);
+            } else {
+              showPanel(false);
+            }
+          } else {
+            showPanel(false);
+          }
+        }
+      }
+    };
+  }
+};
diff --git a/editor/extensions/ext-connector.js b/editor/extensions/ext-connector.js
index 9c6e631c..e5e13df6 100644
--- a/editor/extensions/ext-connector.js
+++ b/editor/extensions/ext-connector.js
@@ -1,620 +1,616 @@
-/*globals svgEditor, svgCanvas, $*/
-/*jslint vars: true, continue: true, eqeq: true, todo: true*/
-/*
+/* globals jQuery */
+/**
  * ext-connector.js
  *
- * Licensed under the MIT License
+ * @license MIT
  *
- * Copyright(c) 2010 Alexis Deveria
+ * @copyright 2010 Alexis Deveria
  *
  */
- 
-svgEditor.addExtension("Connector", function(S) {
-	var svgcontent = S.svgcontent,
-		svgroot = S.svgroot,
-		getNextId = S.getNextId,
-		getElem = S.getElem,
-		addElem = S.addSvgElementFromJson,
-		selManager = S.selectorManager,
-		curConfig = svgEditor.curConfig,
-		started = false,
-		start_x,
-		start_y,
-		cur_line,
-		start_elem,
-		end_elem,
-		connections = [],
-		conn_sel = ".se_connector",
-		se_ns,
-//		connect_str = "-SE_CONNECT-",
-		selElems = [],
-		elData = $.data;
-		
-	var lang_list = {
-		"en":[
-			{"id": "mode_connect", "title": "Connect two objects" }
-		],
-		"fr":[
-			{"id": "mode_connect", "title": "Connecter deux objets"}
-		]
-	};
 
-	function getBBintersect(x, y, bb, offset) {
-		if(offset) {
-			offset -= 0;
-			bb = $.extend({}, bb);
-			bb.width += offset;
-			bb.height += offset;
-			bb.x -= offset/2;
-			bb.y -= offset/2;
-		}
-	
-		var mid_x = bb.x + bb.width/2;
-		var mid_y = bb.y + bb.height/2;
-		var len_x = x - mid_x;
-		var len_y = y - mid_y;
-		
-		var slope = Math.abs(len_y/len_x);
-		
-		var ratio;
-		
-		if(slope < bb.height/bb.width) {
-			ratio = (bb.width/2) / Math.abs(len_x);
-		} else {
-			ratio = (bb.height/2) / Math.abs(len_y);
-		}
-		
-		
-		return {
-			x: mid_x + len_x * ratio,
-			y: mid_y + len_y * ratio
-		};
-	}
+export default {
+  name: 'connector',
+  async init (S) {
+    const $ = jQuery;
+    const svgEditor = this;
+    const svgCanvas = svgEditor.canvas;
+    const {getElem} = svgCanvas;
+    const {svgroot, importLocale} = S,
+      addElem = svgCanvas.addSVGElementFromJson,
+      selManager = S.selectorManager,
+      connSel = '.se_connector',
+      // connect_str = '-SE_CONNECT-',
+      elData = $.data;
+    const strings = await importLocale();
 
-	function getOffset(side, line) {
-		var give_offset = !!line.getAttribute('marker-' + side);
-//		var give_offset = $(line).data(side+'_off');
+    let startX,
+      startY,
+      curLine,
+      startElem,
+      endElem,
+      seNs,
+      {svgcontent} = S,
+      started = false,
+      connections = [],
+      selElems = [];
 
-		// TODO: Make this number (5) be based on marker width/height
-		var size = line.getAttribute('stroke-width') * 5;
-		return give_offset ? size : 0;
-	}
-	
-	function showPanel(on) {
-		var conn_rules = $('#connector_rules');
-		if(!conn_rules.length) {
-			conn_rules = $('<style id="connector_rules"></style>').appendTo('head');
-		} 
-		conn_rules.text(!on?"":"#tool_clone, #tool_topath, #tool_angle, #xy_panel { display: none !important; }");
-		$('#connector_panel').toggle(on);
-	}
-	
-	function setPoint(elem, pos, x, y, setMid) {
-		var i, pts = elem.points;
-		var pt = svgroot.createSVGPoint();
-		pt.x = x;
-		pt.y = y;
-		if (pos === 'end') {pos = pts.numberOfItems - 1;}
-		// TODO: Test for this on init, then use alt only if needed
-		try {
-			pts.replaceItem(pt, pos);
-		} catch(err) {
-			// Should only occur in FF which formats points attr as "n,n n,n", so just split
-			var pt_arr = elem.getAttribute("points").split(" ");
-			for (i = 0; i < pt_arr.length; i++) {
-				if (i === pos) {
-					pt_arr[i] = x + ',' + y;
-				}
-			}
-			elem.setAttribute("points",pt_arr.join(" ")); 
-		}
-		
-		if(setMid) {
-			// Add center point
-			var pt_start = pts.getItem(0);
-			var pt_end = pts.getItem(pts.numberOfItems-1);
-			setPoint(elem, 1, (pt_end.x + pt_start.x)/2, (pt_end.y + pt_start.y)/2);
-		}
-	}
-	
-	function updateLine(diff_x, diff_y) {
-		// Update line with element
-		var i = connections.length;
-		while(i--) {
-			var conn = connections[i];
-			var line = conn.connector;
-			var elem = conn.elem;
-			
-			var pre = conn.is_start?'start':'end';
-//						var sw = line.getAttribute('stroke-width') * 5;
-			
-			// Update bbox for this element
-			var bb = elData(line, pre+'_bb');
-			bb.x = conn.start_x + diff_x;
-			bb.y = conn.start_y + diff_y;
-			elData(line, pre+'_bb', bb);
-			
-			var alt_pre = conn.is_start?'end':'start';
-			
-			// Get center pt of connected element
-			var bb2 = elData(line, alt_pre+'_bb');
-			var src_x = bb2.x + bb2.width/2;
-			var src_y = bb2.y + bb2.height/2;
-			
-			// Set point of element being moved
-			var pt = getBBintersect(src_x, src_y, bb, getOffset(pre, line)); // $(line).data(pre+'_off')?sw:0
-			setPoint(line, conn.is_start ? 0 : 'end', pt.x, pt.y, true);
-			
-			// Set point of connected element
-			var pt2 = getBBintersect(pt.x, pt.y, elData(line, alt_pre + '_bb'), getOffset(alt_pre, line));
-			setPoint(line, conn.is_start ? 'end' : 0, pt2.x, pt2.y, true);
+    function getBBintersect (x, y, bb, offset) {
+      if (offset) {
+        offset -= 0;
+        bb = $.extend({}, bb);
+        bb.width += offset;
+        bb.height += offset;
+        bb.x -= offset / 2;
+        bb.y -= offset / 2;
+      }
 
-		}
-	}
-	
-	function findConnectors(elems) {
-		var i;
-		if (!elems) {elems = selElems;}
-		var connectors = $(svgcontent).find(conn_sel);
-		connections = [];
+      const midX = bb.x + bb.width / 2;
+      const midY = bb.y + bb.height / 2;
+      const lenX = x - midX;
+      const lenY = y - midY;
 
-		// Loop through connectors to see if one is connected to the element
-		connectors.each(function() {
-			var add_this;
-			function add () {
-				if ($.inArray(this, elems) !== -1) {
-					// Pretend this element is selected
-					add_this = true;
-				}
-			}
+      const slope = Math.abs(lenY / lenX);
 
-			// Grab the ends
-			var parts = [];
-			['start', 'end'].forEach(function (pos, i) {
-				var key = 'c_' + pos;
-				var part = elData(this, key);
-				if(part == null) {
-					part = document.getElementById(
-						this.attributes['se:connector'].value.split(' ')[i]
-					);
-					elData(this, 'c_'+pos, part.id);
-					elData(this, pos+'_bb', svgCanvas.getStrokedBBox([part]));
-				} else part = document.getElementById(part);
-				parts.push(part);
-			}.bind(this));
+      let ratio;
+      if (slope < bb.height / bb.width) {
+        ratio = (bb.width / 2) / Math.abs(lenX);
+      } else {
+        ratio = lenY
+          ? (bb.height / 2) / Math.abs(lenY)
+          : 0;
+      }
 
-			for (i = 0; i < 2; i++) {
-				var c_elem = parts[i];
+      return {
+        x: midX + lenX * ratio,
+        y: midY + lenY * ratio
+      };
+    }
 
-				add_this = false;
-				// The connected element might be part of a selected group
-				$(c_elem).parents().each(add);
-				
-				if(!c_elem || !c_elem.parentNode) {
-					$(this).remove();
-					continue;
-				}
-				if($.inArray(c_elem, elems) !== -1 || add_this) {
-					var bb = svgCanvas.getStrokedBBox([c_elem]);
-					connections.push({
-						elem: c_elem,
-						connector: this,
-						is_start: (i === 0),
-						start_x: bb.x,
-						start_y: bb.y
-					});	
-				}
-			}
-		});
-	}
-	
-	function updateConnectors(elems) {
-		// Updates connector lines based on selected elements
-		// Is not used on mousemove, as it runs getStrokedBBox every time,
-		// which isn't necessary there.
-		var i, j;
-		findConnectors(elems);
-		if (connections.length) {
-			// Update line with element
-			i = connections.length;
-			while (i--) {
-				var conn = connections[i];
-				var line = conn.connector;
-				var elem = conn.elem;
+    function getOffset (side, line) {
+      const giveOffset = !!line.getAttribute('marker-' + side);
+      // const giveOffset = $(line).data(side+'_off');
 
-				var sw = line.getAttribute('stroke-width') * 5;
-				var pre = conn.is_start?'start':'end';
-				
-				// Update bbox for this element
-				var bb = svgCanvas.getStrokedBBox([elem]);
-				bb.x = conn.start_x;
-				bb.y = conn.start_y;
-				elData(line, pre+'_bb', bb);
-				var add_offset = elData(line, pre+'_off');
-			
-				var alt_pre = conn.is_start?'end':'start';
-				
-				// Get center pt of connected element
-				var bb2 = elData(line, alt_pre+'_bb');
-				var src_x = bb2.x + bb2.width/2;
-				var src_y = bb2.y + bb2.height/2;
-				
-				// Set point of element being moved
-				var pt = getBBintersect(src_x, src_y, bb, getOffset(pre, line));
-				setPoint(line, conn.is_start ? 0 : 'end', pt.x, pt.y, true);
-				
-				// Set point of connected element
-				var pt2 = getBBintersect(pt.x, pt.y, elData(line, alt_pre + '_bb'), getOffset(alt_pre, line));
-				setPoint(line, conn.is_start ? 'end' : 0, pt2.x, pt2.y, true);
-				
-				// Update points attribute manually for webkit
-				if (navigator.userAgent.indexOf('AppleWebKit') !== -1) {
-					var pts = line.points;
-					var len = pts.numberOfItems;
-					var pt_arr = [];
-					for (j = 0; j < len; j++) {
-						pt = pts.getItem(j);
-						pt_arr[j] = pt.x + ',' + pt.y;
-					}
-					line.setAttribute('points', pt_arr.join(' ')); 
-				}
-			}
-		}
-	}
-	
-	// Do once
-	(function() {
-		var gse = svgCanvas.groupSelectedElements;
-		
-		svgCanvas.groupSelectedElements = function() {
-			svgCanvas.removeFromSelection($(conn_sel).toArray());
-			return gse.apply(this, arguments);
-		};
-		
-		var mse = svgCanvas.moveSelectedElements;
-		
-		svgCanvas.moveSelectedElements = function() {
-			var cmd = mse.apply(this, arguments);
-			updateConnectors();
-			return cmd;
-		};
-		
-		se_ns = svgCanvas.getEditorNS();
-	}());
-	
-	// Do on reset
-	function init() {
-		// Make sure all connectors have data set
-		$(svgcontent).find('*').each(function() { 
-			var conn = this.getAttributeNS(se_ns, "connector");
-			if(conn) {
-				this.setAttribute('class', conn_sel.substr(1));
-				var conn_data = conn.split(' ');
-				var sbb = svgCanvas.getStrokedBBox([getElem(conn_data[0])]);
-				var ebb = svgCanvas.getStrokedBBox([getElem(conn_data[1])]);
-				$(this).data('c_start',conn_data[0])
-					.data('c_end',conn_data[1])
-					.data('start_bb', sbb)
-					.data('end_bb', ebb);
-				svgCanvas.getEditorNS(true);
-			}
-		});
-//		updateConnectors();
-	}
+      // TODO: Make this number (5) be based on marker width/height
+      const size = line.getAttribute('stroke-width') * 5;
+      return giveOffset ? size : 0;
+    }
 
-//		$(svgroot).parent().mousemove(function(e) {
-// //			if(started 
-// //				|| svgCanvas.getMode() != "connector"
-// //				|| e.target.parentNode.parentNode != svgcontent) return;
-//
-//			console.log('y')
-// //			if(e.target.parentNode.parentNode === svgcontent) {
-// //					
-// //			}
-//		});
+    function showPanel (on) {
+      let connRules = $('#connector_rules');
+      if (!connRules.length) {
+        connRules = $('<style id="connector_rules"></style>').appendTo('head');
+      }
+      connRules.text(!on ? '' : '#tool_clone, #tool_topath, #tool_angle, #xy_panel { display: none !important; }');
+      $('#connector_panel').toggle(on);
+    }
 
-	return {
-		name: "Connector",
-		svgicons: svgEditor.curConfig.imgPath + "conn.svg",
-		buttons: [{
-			id: "mode_connect",
-			type: "mode",
-			icon: svgEditor.curConfig.imgPath + "cut.png",
-			title: "Connect two objects",
-			includeWith: {
-				button: '#tool_line',
-				isDefault: false,
-				position: 1
-			},
-			events: {
-				'click': function() {
-					svgCanvas.setMode("connector");
-				}
-			}
-		}],
-		addLangData: function(lang) {
-			return {
-				data: lang_list[lang]
-			};
-		},
-		mouseDown: function(opts) {
-			var e = opts.event;
-			start_x = opts.start_x;
-			start_y = opts.start_y;
-			var mode = svgCanvas.getMode();
-			
-			if (mode == "connector") {
-				
-				if (started) {return;}
+    function setPoint (elem, pos, x, y, setMid) {
+      const pts = elem.points;
+      const pt = svgroot.createSVGPoint();
+      pt.x = x;
+      pt.y = y;
+      if (pos === 'end') { pos = pts.numberOfItems - 1; }
+      // TODO: Test for this on init, then use alt only if needed
+      try {
+        pts.replaceItem(pt, pos);
+      } catch (err) {
+        // Should only occur in FF which formats points attr as "n,n n,n", so just split
+        const ptArr = elem.getAttribute('points').split(' ');
+        for (let i = 0; i < ptArr.length; i++) {
+          if (i === pos) {
+            ptArr[i] = x + ',' + y;
+          }
+        }
+        elem.setAttribute('points', ptArr.join(' '));
+      }
 
-				var mouse_target = e.target;
-				
-				var parents = $(mouse_target).parents();
-				
-				if($.inArray(svgcontent, parents) !== -1) {
-					// Connectable element
-					
-					// If child of foreignObject, use parent
-					var fo = $(mouse_target).closest("foreignObject");
-					start_elem = fo.length ? fo[0] : mouse_target;
-					
-					// Get center of source element
-					var bb = svgCanvas.getStrokedBBox([start_elem]);
-					var x = bb.x + bb.width/2;
-					var y = bb.y + bb.height/2;
-					
-					started = true;
-					cur_line = addElem({
-						"element": "polyline",
-						"attr": {
-							"id": getNextId(),
-							"points": (x+','+y+' '+x+','+y+' '+start_x+','+start_y),
-							"stroke": '#' + curConfig.initStroke.color,
-							"stroke-width": (!start_elem.stroke_width || start_elem.stroke_width == 0) ? curConfig.initStroke.width : start_elem.stroke_width,
-							"fill": "none",
-							"opacity": curConfig.initStroke.opacity,
-							"style": "pointer-events:none"
-						}
-					});
-					elData(cur_line, 'start_bb', bb);
-				}
-				return {
-					started: true
-				};
-			}
-			if (mode == "select") {
-				findConnectors();
-			}
-		},
-		mouseMove: function(opts) {
-			var zoom = svgCanvas.getZoom();
-			var e = opts.event;
-			var x = opts.mouse_x/zoom;
-			var y = opts.mouse_y/zoom;
-			
-			var	diff_x = x - start_x,
-				diff_y = y - start_y;
-								
-			var mode = svgCanvas.getMode();
-			
-			if (mode == "connector" && started) {
-				
-				var sw = cur_line.getAttribute('stroke-width') * 3;
-				// Set start point (adjusts based on bb)
-				var pt = getBBintersect(x, y, elData(cur_line, 'start_bb'), getOffset('start', cur_line));
-				start_x = pt.x;
-				start_y = pt.y;
-				
-				setPoint(cur_line, 0, pt.x, pt.y, true);
-				
-				// Set end point
-				setPoint(cur_line, 'end', x, y, true);
-			} else if (mode == "select") {
-				var slen = selElems.length;
-				
-				while(slen--) {
-					var elem = selElems[slen];
-					// Look for selected connector elements
-					if(elem && elData(elem, 'c_start')) {
-						// Remove the "translate" transform given to move
-						svgCanvas.removeFromSelection([elem]);
-						svgCanvas.getTransformList(elem).clear();
+      if (setMid) {
+        // Add center point
+        const ptStart = pts.getItem(0);
+        const ptEnd = pts.getItem(pts.numberOfItems - 1);
+        setPoint(elem, 1, (ptEnd.x + ptStart.x) / 2, (ptEnd.y + ptStart.y) / 2);
+      }
+    }
 
-					}
-				}
-				if(connections.length) {
-					updateLine(diff_x, diff_y);
+    function updateLine (diffX, diffY) {
+      // Update line with element
+      let i = connections.length;
+      while (i--) {
+        const conn = connections[i];
+        const line = conn.connector;
+        // const {elem} = conn;
 
-					
-				}
-			} 
-		},
-		mouseUp: function(opts) {
-			var zoom = svgCanvas.getZoom();
-			var e = opts.event,
-				x = opts.mouse_x/zoom,
-				y = opts.mouse_y/zoom,
-				mouse_target = e.target;
-			
-			if(svgCanvas.getMode() == "connector") {
-				var fo = $(mouse_target).closest("foreignObject");
-				if (fo.length) {mouse_target = fo[0];}
-				
-				var parents = $(mouse_target).parents();
+        const pre = conn.is_start ? 'start' : 'end';
+        // const sw = line.getAttribute('stroke-width') * 5;
 
-				if (mouse_target == start_elem) {
-					// Start line through click
-					started = true;
-					return {
-						keep: true,
-						element: null,
-						started: started
-					};
-				}
-				if ($.inArray(svgcontent, parents) === -1) {
-					// Not a valid target element, so remove line
-					$(cur_line).remove();
-					started = false;
-					return {
-						keep: false,
-						element: null,
-						started: started
-					};
-				}
-				// Valid end element
-				end_elem = mouse_target;
-					
-				var start_id = start_elem.id, end_id = end_elem.id;
-				var conn_str = start_id + " " + end_id;
-				var alt_str = end_id + " " + start_id;
-				// Don't create connector if one already exists
-				var dupe = $(svgcontent).find(conn_sel).filter(function() {
-					var conn = this.getAttributeNS(se_ns, "connector");
-					if (conn == conn_str || conn == alt_str) {return true;}
-				});
-				if(dupe.length) {
-					$(cur_line).remove();
-					return {
-						keep: false,
-						element: null,
-						started: false
-					};
-				}
-				
-				var bb = svgCanvas.getStrokedBBox([end_elem]);
-				
-				var pt = getBBintersect(start_x, start_y, bb, getOffset('start', cur_line));
-				setPoint(cur_line, 'end', pt.x, pt.y, true);
-				$(cur_line)
-					.data("c_start", start_id)
-					.data("c_end", end_id)
-					.data("end_bb", bb);
-				se_ns = svgCanvas.getEditorNS(true);
-				cur_line.setAttributeNS(se_ns, "se:connector", conn_str);
-				cur_line.setAttribute('class', conn_sel.substr(1));
-				cur_line.setAttribute('opacity', 1);
-				svgCanvas.addToSelection([cur_line]);
-				svgCanvas.moveToBottomSelectedElement();
-				selManager.requestSelector(cur_line).showGrips(false);
-				started = false;
-				return {
-					keep: true,
-					element: cur_line,
-					started: started
-				};
-			}
-		},
-		selectedChanged: function(opts) {
-			// TODO: Find better way to skip operations if no connectors are in use
-			if(!$(svgcontent).find(conn_sel).length) {return;}
-			
-			if(svgCanvas.getMode() == 'connector') {
-				svgCanvas.setMode('select');
-			}
-			
-			// Use this to update the current selected elements
-			selElems = opts.elems;
-			
-			var i = selElems.length;
-			
-			while(i--) {
-				var elem = selElems[i];
-				if(elem && elData(elem, 'c_start')) {
-					selManager.requestSelector(elem).showGrips(false);
-					if(opts.selectedElement && !opts.multiselected) {
-						// TODO: Set up context tools and hide most regular line tools
-						showPanel(true);
-					} else {
-						showPanel(false);
-					}
-				} else {
-					showPanel(false);
-				}
-			}
-			updateConnectors();
-		},
-		elementChanged: function(opts) {
-			var elem = opts.elems[0];
-			if (elem && elem.tagName === 'svg' && elem.id === 'svgcontent') {
-				// Update svgcontent (can change on import)
-				svgcontent = elem;
-				init();
-			}
-			
-			// Has marker, so change offset
-			var start;
-			if (elem && (
-				elem.getAttribute("marker-start") ||
-				elem.getAttribute("marker-mid") ||
-				elem.getAttribute("marker-end")
-			)) {
-				start = elem.getAttribute("marker-start");
-				var mid = elem.getAttribute("marker-mid");
-				var end = elem.getAttribute("marker-end");
-				cur_line = elem;
-				$(elem)
-					.data("start_off", !!start)
-					.data("end_off", !!end);
-				
-				if (elem.tagName === 'line' && mid) {
-					// Convert to polyline to accept mid-arrow
-					
-					var x1 = Number(elem.getAttribute('x1'));
-					var x2 = Number(elem.getAttribute('x2'));
-					var y1 = Number(elem.getAttribute('y1'));
-					var y2 = Number(elem.getAttribute('y2'));
-					var id = elem.id;
-					
-					var mid_pt = (' '+((x1+x2)/2)+','+((y1+y2)/2) + ' ');
-					var pline = addElem({
-						"element": "polyline",
-						"attr": {
-							"points": (x1+','+y1+ mid_pt +x2+','+y2),
-							"stroke": elem.getAttribute('stroke'),
-							"stroke-width": elem.getAttribute('stroke-width'),
-							"marker-mid": mid,
-							"fill": "none",
-							"opacity": elem.getAttribute('opacity') || 1
-						}
-					});
-					$(elem).after(pline).remove();
-					svgCanvas.clearSelection();
-					pline.id = id;
-					svgCanvas.addToSelection([pline]);
-					elem = pline;
-				}
-			}
-			// Update line if it's a connector
-			if (elem.getAttribute('class') == conn_sel.substr(1)) {
-				start = getElem(elData(elem, 'c_start'));
-				updateConnectors([start]);
-			} else {
-				updateConnectors();
-			}
-		},
-		IDsUpdated: function(input) {
-			var remove = [];
-			input.elems.forEach(function(elem){
-				if('se:connector' in elem.attr) {
-					elem.attr['se:connector'] = elem.attr['se:connector'].split(' ')
-						.map(function(oldID){ return input.changes[oldID] }).join(' ');
+        // Update bbox for this element
+        const bb = elData(line, pre + '_bb');
+        bb.x = conn.start_x + diffX;
+        bb.y = conn.start_y + diffY;
+        elData(line, pre + '_bb', bb);
 
-					// Check validity - the field would be something like 'svg_21 svg_22', but
-					// if one end is missing, it would be 'svg_21' and therefore fail this test
-					if(!/. ./.test(elem.attr['se:connector']))
-						remove.push(elem.attr.id);
-				}
-			});
-			return {remove: remove};
-		},
-		toolButtonStateUpdate: function(opts) {
-			if (opts.nostroke) {
-				if ($('#mode_connect').hasClass('tool_button_current')) {
-					svgEditor.clickSelect();
-				}
-			}
-			$('#mode_connect')
-				.toggleClass('disabled',opts.nostroke);
-		}
-	};
-});
+        const altPre = conn.is_start ? 'end' : 'start';
+
+        // Get center pt of connected element
+        const bb2 = elData(line, altPre + '_bb');
+        const srcX = bb2.x + bb2.width / 2;
+        const srcY = bb2.y + bb2.height / 2;
+
+        // Set point of element being moved
+        const pt = getBBintersect(srcX, srcY, bb, getOffset(pre, line)); // $(line).data(pre+'_off')?sw:0
+        setPoint(line, conn.is_start ? 0 : 'end', pt.x, pt.y, true);
+
+        // Set point of connected element
+        const pt2 = getBBintersect(pt.x, pt.y, elData(line, altPre + '_bb'), getOffset(altPre, line));
+        setPoint(line, conn.is_start ? 'end' : 0, pt2.x, pt2.y, true);
+      }
+    }
+
+    /**
+    *
+    * @param {Element[]} [elem=selElems] Array of elements
+    */
+    function findConnectors (elems = selElems) {
+      const connectors = $(svgcontent).find(connSel);
+      connections = [];
+
+      // Loop through connectors to see if one is connected to the element
+      connectors.each(function () {
+        let addThis;
+        function add () {
+          if (elems.includes(this)) {
+            // Pretend this element is selected
+            addThis = true;
+          }
+        }
+
+        // Grab the ends
+        const parts = [];
+        ['start', 'end'].forEach(function (pos, i) {
+          const key = 'c_' + pos;
+          let part = elData(this, key);
+          if (part == null) {
+            part = document.getElementById(
+              this.attributes['se:connector'].value.split(' ')[i]
+            );
+            elData(this, 'c_' + pos, part.id);
+            elData(this, pos + '_bb', svgCanvas.getStrokedBBox([part]));
+          } else part = document.getElementById(part);
+          parts.push(part);
+        }.bind(this));
+
+        for (let i = 0; i < 2; i++) {
+          const cElem = parts[i];
+
+          addThis = false;
+          // The connected element might be part of a selected group
+          $(cElem).parents().each(add);
+
+          if (!cElem || !cElem.parentNode) {
+            $(this).remove();
+            continue;
+          }
+          if (elems.includes(cElem) || addThis) {
+            const bb = svgCanvas.getStrokedBBox([cElem]);
+            connections.push({
+              elem: cElem,
+              connector: this,
+              is_start: (i === 0),
+              start_x: bb.x,
+              start_y: bb.y
+            });
+          }
+        }
+      });
+    }
+
+    function updateConnectors (elems) {
+      // Updates connector lines based on selected elements
+      // Is not used on mousemove, as it runs getStrokedBBox every time,
+      // which isn't necessary there.
+      findConnectors(elems);
+      if (connections.length) {
+        // Update line with element
+        let i = connections.length;
+        while (i--) {
+          const conn = connections[i];
+          const line = conn.connector;
+          const {elem} = conn;
+
+          // const sw = line.getAttribute('stroke-width') * 5;
+          const pre = conn.is_start ? 'start' : 'end';
+
+          // Update bbox for this element
+          const bb = svgCanvas.getStrokedBBox([elem]);
+          bb.x = conn.start_x;
+          bb.y = conn.start_y;
+          elData(line, pre + '_bb', bb);
+          /* const addOffset = */ elData(line, pre + '_off');
+
+          const altPre = conn.is_start ? 'end' : 'start';
+
+          // Get center pt of connected element
+          const bb2 = elData(line, altPre + '_bb');
+          const srcX = bb2.x + bb2.width / 2;
+          const srcY = bb2.y + bb2.height / 2;
+
+          // Set point of element being moved
+          let pt = getBBintersect(srcX, srcY, bb, getOffset(pre, line));
+          setPoint(line, conn.is_start ? 0 : 'end', pt.x, pt.y, true);
+
+          // Set point of connected element
+          const pt2 = getBBintersect(pt.x, pt.y, elData(line, altPre + '_bb'), getOffset(altPre, line));
+          setPoint(line, conn.is_start ? 'end' : 0, pt2.x, pt2.y, true);
+
+          // Update points attribute manually for webkit
+          if (navigator.userAgent.includes('AppleWebKit')) {
+            const pts = line.points;
+            const len = pts.numberOfItems;
+            const ptArr = [];
+            for (let j = 0; j < len; j++) {
+              pt = pts.getItem(j);
+              ptArr[j] = pt.x + ',' + pt.y;
+            }
+            line.setAttribute('points', ptArr.join(' '));
+          }
+        }
+      }
+    }
+
+    // Do once
+    (function () {
+      const gse = svgCanvas.groupSelectedElements;
+
+      svgCanvas.groupSelectedElements = function () {
+        svgCanvas.removeFromSelection($(connSel).toArray());
+        return gse.apply(this, arguments);
+      };
+
+      const mse = svgCanvas.moveSelectedElements;
+
+      svgCanvas.moveSelectedElements = function () {
+        const cmd = mse.apply(this, arguments);
+        updateConnectors();
+        return cmd;
+      };
+
+      seNs = svgCanvas.getEditorNS();
+    }());
+
+    // Do on reset
+    function init () {
+      // Make sure all connectors have data set
+      $(svgcontent).find('*').each(function () {
+        const conn = this.getAttributeNS(seNs, 'connector');
+        if (conn) {
+          this.setAttribute('class', connSel.substr(1));
+          const connData = conn.split(' ');
+          const sbb = svgCanvas.getStrokedBBox([getElem(connData[0])]);
+          const ebb = svgCanvas.getStrokedBBox([getElem(connData[1])]);
+          $(this).data('c_start', connData[0])
+            .data('c_end', connData[1])
+            .data('start_bb', sbb)
+            .data('end_bb', ebb);
+          svgCanvas.getEditorNS(true);
+        }
+      });
+      // updateConnectors();
+    }
+
+    // $(svgroot).parent().mousemove(function (e) {
+    // // if (started
+    // //   || svgCanvas.getMode() !== 'connector'
+    // //  || e.target.parentNode.parentNode !== svgcontent) return;
+    //
+    // console.log('y')
+    // // if (e.target.parentNode.parentNode === svgcontent) {
+    // //
+    // // }
+    // });
+
+    const buttons = [{
+      id: 'mode_connect',
+      type: 'mode',
+      icon: svgEditor.curConfig.imgPath + 'cut.png',
+      includeWith: {
+        button: '#tool_line',
+        isDefault: false,
+        position: 1
+      },
+      events: {
+        click () {
+          svgCanvas.setMode('connector');
+        }
+      }
+    }];
+
+    return {
+      name: strings.name,
+      svgicons: svgEditor.curConfig.imgPath + 'conn.svg',
+      buttons: strings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      }),
+      async addLangData ({lang, importLocale}) {
+        return {
+          data: strings.langList
+        };
+      },
+      mouseDown (opts) {
+        const e = opts.event;
+        startX = opts.start_x;
+        startY = opts.start_y;
+        const mode = svgCanvas.getMode();
+        const {curConfig: {initStroke}} = svgEditor;
+
+        if (mode === 'connector') {
+          if (started) { return; }
+
+          const mouseTarget = e.target;
+
+          const parents = $(mouseTarget).parents();
+
+          if ($.inArray(svgcontent, parents) !== -1) {
+            // Connectable element
+
+            // If child of foreignObject, use parent
+            const fo = $(mouseTarget).closest('foreignObject');
+            startElem = fo.length ? fo[0] : mouseTarget;
+
+            // Get center of source element
+            const bb = svgCanvas.getStrokedBBox([startElem]);
+            const x = bb.x + bb.width / 2;
+            const y = bb.y + bb.height / 2;
+
+            started = true;
+            curLine = addElem({
+              element: 'polyline',
+              attr: {
+                id: svgCanvas.getNextId(),
+                points: (x + ',' + y + ' ' + x + ',' + y + ' ' + startX + ',' + startY),
+                stroke: '#' + initStroke.color,
+                'stroke-width': (!startElem.stroke_width || startElem.stroke_width === 0)
+                  ? initStroke.width
+                  : startElem.stroke_width,
+                fill: 'none',
+                opacity: initStroke.opacity,
+                style: 'pointer-events:none'
+              }
+            });
+            elData(curLine, 'start_bb', bb);
+          }
+          return {
+            started: true
+          };
+        }
+        if (mode === 'select') {
+          findConnectors();
+        }
+      },
+      mouseMove (opts) {
+        const zoom = svgCanvas.getZoom();
+        // const e = opts.event;
+        const x = opts.mouse_x / zoom;
+        const y = opts.mouse_y / zoom;
+
+        const diffX = x - startX,
+          diffY = y - startY;
+
+        const mode = svgCanvas.getMode();
+
+        if (mode === 'connector' && started) {
+          // const sw = curLine.getAttribute('stroke-width') * 3;
+          // Set start point (adjusts based on bb)
+          const pt = getBBintersect(x, y, elData(curLine, 'start_bb'), getOffset('start', curLine));
+          startX = pt.x;
+          startY = pt.y;
+
+          setPoint(curLine, 0, pt.x, pt.y, true);
+
+          // Set end point
+          setPoint(curLine, 'end', x, y, true);
+        } else if (mode === 'select') {
+          let slen = selElems.length;
+          while (slen--) {
+            const elem = selElems[slen];
+            // Look for selected connector elements
+            if (elem && elData(elem, 'c_start')) {
+              // Remove the "translate" transform given to move
+              svgCanvas.removeFromSelection([elem]);
+              svgCanvas.getTransformList(elem).clear();
+            }
+          }
+          if (connections.length) {
+            updateLine(diffX, diffY);
+          }
+        }
+      },
+      mouseUp (opts) {
+        // const zoom = svgCanvas.getZoom();
+        const e = opts.event;
+        // , x = opts.mouse_x / zoom,
+        // , y = opts.mouse_y / zoom,
+        let mouseTarget = e.target;
+
+        if (svgCanvas.getMode() !== 'connector') {
+          return;
+        }
+        const fo = $(mouseTarget).closest('foreignObject');
+        if (fo.length) { mouseTarget = fo[0]; }
+
+        const parents = $(mouseTarget).parents();
+
+        if (mouseTarget === startElem) {
+          // Start line through click
+          started = true;
+          return {
+            keep: true,
+            element: null,
+            started
+          };
+        }
+        if ($.inArray(svgcontent, parents) === -1) {
+          // Not a valid target element, so remove line
+          $(curLine).remove();
+          started = false;
+          return {
+            keep: false,
+            element: null,
+            started
+          };
+        }
+        // Valid end element
+        endElem = mouseTarget;
+
+        const startId = startElem.id, endId = endElem.id;
+        const connStr = startId + ' ' + endId;
+        const altStr = endId + ' ' + startId;
+        // Don't create connector if one already exists
+        const dupe = $(svgcontent).find(connSel).filter(function () {
+          const conn = this.getAttributeNS(seNs, 'connector');
+          if (conn === connStr || conn === altStr) { return true; }
+        });
+        if (dupe.length) {
+          $(curLine).remove();
+          return {
+            keep: false,
+            element: null,
+            started: false
+          };
+        }
+
+        const bb = svgCanvas.getStrokedBBox([endElem]);
+
+        const pt = getBBintersect(startX, startY, bb, getOffset('start', curLine));
+        setPoint(curLine, 'end', pt.x, pt.y, true);
+        $(curLine)
+          .data('c_start', startId)
+          .data('c_end', endId)
+          .data('end_bb', bb);
+        seNs = svgCanvas.getEditorNS(true);
+        curLine.setAttributeNS(seNs, 'se:connector', connStr);
+        curLine.setAttribute('class', connSel.substr(1));
+        curLine.setAttribute('opacity', 1);
+        svgCanvas.addToSelection([curLine]);
+        svgCanvas.moveToBottomSelectedElement();
+        selManager.requestSelector(curLine).showGrips(false);
+        started = false;
+        return {
+          keep: true,
+          element: curLine,
+          started
+        };
+      },
+      selectedChanged (opts) {
+        // TODO: Find better way to skip operations if no connectors are in use
+        if (!$(svgcontent).find(connSel).length) { return; }
+
+        if (svgCanvas.getMode() === 'connector') {
+          svgCanvas.setMode('select');
+        }
+
+        // Use this to update the current selected elements
+        selElems = opts.elems;
+
+        let i = selElems.length;
+        while (i--) {
+          const elem = selElems[i];
+          if (elem && elData(elem, 'c_start')) {
+            selManager.requestSelector(elem).showGrips(false);
+            if (opts.selectedElement && !opts.multiselected) {
+              // TODO: Set up context tools and hide most regular line tools
+              showPanel(true);
+            } else {
+              showPanel(false);
+            }
+          } else {
+            showPanel(false);
+          }
+        }
+        updateConnectors();
+      },
+      elementChanged (opts) {
+        let elem = opts.elems[0];
+        if (elem && elem.tagName === 'svg' && elem.id === 'svgcontent') {
+          // Update svgcontent (can change on import)
+          svgcontent = elem;
+          init();
+        }
+
+        // Has marker, so change offset
+        if (elem && (
+          elem.getAttribute('marker-start') ||
+          elem.getAttribute('marker-mid') ||
+          elem.getAttribute('marker-end')
+        )) {
+          const start = elem.getAttribute('marker-start');
+          const mid = elem.getAttribute('marker-mid');
+          const end = elem.getAttribute('marker-end');
+          curLine = elem;
+          $(elem)
+            .data('start_off', !!start)
+            .data('end_off', !!end);
+
+          if (elem.tagName === 'line' && mid) {
+            // Convert to polyline to accept mid-arrow
+
+            const x1 = Number(elem.getAttribute('x1'));
+            const x2 = Number(elem.getAttribute('x2'));
+            const y1 = Number(elem.getAttribute('y1'));
+            const y2 = Number(elem.getAttribute('y2'));
+            const {id} = elem;
+
+            const midPt = (' ' + ((x1 + x2) / 2) + ',' + ((y1 + y2) / 2) + ' ');
+            const pline = addElem({
+              element: 'polyline',
+              attr: {
+                points: (x1 + ',' + y1 + midPt + x2 + ',' + y2),
+                stroke: elem.getAttribute('stroke'),
+                'stroke-width': elem.getAttribute('stroke-width'),
+                'marker-mid': mid,
+                fill: 'none',
+                opacity: elem.getAttribute('opacity') || 1
+              }
+            });
+            $(elem).after(pline).remove();
+            svgCanvas.clearSelection();
+            pline.id = id;
+            svgCanvas.addToSelection([pline]);
+            elem = pline;
+          }
+        }
+        // Update line if it's a connector
+        if (elem.getAttribute('class') === connSel.substr(1)) {
+          const start = getElem(elData(elem, 'c_start'));
+          updateConnectors([start]);
+        } else {
+          updateConnectors();
+        }
+      },
+      IDsUpdated (input) {
+        const remove = [];
+        input.elems.forEach(function (elem) {
+          if ('se:connector' in elem.attr) {
+            elem.attr['se:connector'] = elem.attr['se:connector'].split(' ')
+              .map(function (oldID) { return input.changes[oldID]; }).join(' ');
+
+            // Check validity - the field would be something like 'svg_21 svg_22', but
+            // if one end is missing, it would be 'svg_21' and therefore fail this test
+            if (!/. ./.test(elem.attr['se:connector'])) {
+              remove.push(elem.attr.id);
+            }
+          }
+        });
+        return {remove};
+      },
+      toolButtonStateUpdate (opts) {
+        if (opts.nostroke) {
+          if ($('#mode_connect').hasClass('tool_button_current')) {
+            svgEditor.clickSelect();
+          }
+        }
+        $('#mode_connect')
+          .toggleClass('disabled', opts.nostroke);
+      }
+    };
+  }
+};
diff --git a/editor/extensions/ext-eyedropper.js b/editor/extensions/ext-eyedropper.js
index cc4961ca..3acaa298 100644
--- a/editor/extensions/ext-eyedropper.js
+++ b/editor/extensions/ext-eyedropper.js
@@ -1,112 +1,112 @@
-/*globals svgEditor, svgedit, $*/
-/*jslint vars: true, eqeq: true*/
-/*
+/* globals jQuery */
+/**
  * ext-eyedropper.js
  *
- * Licensed under the MIT License
+ * @license MIT
  *
- * Copyright(c) 2010 Jeff Schiller
+ * @copyright 2010 Jeff Schiller
  *
  */
 
-// Dependencies:
-// 1) jQuery
-// 2) history.js
-// 3) svg_editor.js
-// 4) svgcanvas.js
+export default {
+  name: 'eyedropper',
+  async init (S) {
+    const strings = await S.importLocale();
+    const svgEditor = this;
+    const $ = jQuery;
+    const {ChangeElementCommand} = S, // , svgcontent,
+      // svgdoc = S.svgroot.parentNode.ownerDocument,
+      svgCanvas = svgEditor.canvas,
+      addToHistory = function (cmd) { svgCanvas.undoMgr.addCommandToHistory(cmd); },
+      currentStyle = {
+        fillPaint: 'red', fillOpacity: 1.0,
+        strokePaint: 'black', strokeOpacity: 1.0,
+        strokeWidth: 5, strokeDashArray: null,
+        opacity: 1.0,
+        strokeLinecap: 'butt',
+        strokeLinejoin: 'miter'
+      };
 
-svgEditor.addExtension("eyedropper", function(S) {'use strict';
-	var // NS = svgedit.NS,
-		// svgcontent = S.svgcontent,
-		// svgdoc = S.svgroot.parentNode.ownerDocument,
-		svgCanvas = svgEditor.canvas,
-		ChangeElementCommand = svgedit.history.ChangeElementCommand,
-		addToHistory = function(cmd) { svgCanvas.undoMgr.addCommandToHistory(cmd); },
-		currentStyle = {
-			fillPaint: "red", fillOpacity: 1.0,
-			strokePaint: "black", strokeOpacity: 1.0, 
-			strokeWidth: 5, strokeDashArray: null,
-			opacity: 1.0,
-			strokeLinecap: 'butt',
-			strokeLinejoin: 'miter'
-		};
+    function getStyle (opts) {
+      // if we are in eyedropper mode, we don't want to disable the eye-dropper tool
+      const mode = svgCanvas.getMode();
+      if (mode === 'eyedropper') { return; }
 
-	function getStyle(opts) {
-		// if we are in eyedropper mode, we don't want to disable the eye-dropper tool
-		var mode = svgCanvas.getMode();
-		if (mode == "eyedropper") {return;}
+      const tool = $('#tool_eyedropper');
+      // enable-eye-dropper if one element is selected
+      let elem = null;
+      if (!opts.multiselected && opts.elems[0] &&
+        !['svg', 'g', 'use'].includes(opts.elems[0].nodeName)
+      ) {
+        elem = opts.elems[0];
+        tool.removeClass('disabled');
+        // grab the current style
+        currentStyle.fillPaint = elem.getAttribute('fill') || 'black';
+        currentStyle.fillOpacity = elem.getAttribute('fill-opacity') || 1.0;
+        currentStyle.strokePaint = elem.getAttribute('stroke');
+        currentStyle.strokeOpacity = elem.getAttribute('stroke-opacity') || 1.0;
+        currentStyle.strokeWidth = elem.getAttribute('stroke-width');
+        currentStyle.strokeDashArray = elem.getAttribute('stroke-dasharray');
+        currentStyle.strokeLinecap = elem.getAttribute('stroke-linecap');
+        currentStyle.strokeLinejoin = elem.getAttribute('stroke-linejoin');
+        currentStyle.opacity = elem.getAttribute('opacity') || 1.0;
+      // disable eye-dropper tool
+      } else {
+        tool.addClass('disabled');
+      }
+    }
 
-		var elem = null;
-		var tool = $('#tool_eyedropper');
-		// enable-eye-dropper if one element is selected
-		if (!opts.multiselected && opts.elems[0] &&
-			$.inArray(opts.elems[0].nodeName, ['svg', 'g', 'use']) === -1
-		) {
-			elem = opts.elems[0];
-			tool.removeClass('disabled');
-			// grab the current style
-			currentStyle.fillPaint = elem.getAttribute("fill") || "black";
-			currentStyle.fillOpacity = elem.getAttribute("fill-opacity") || 1.0;
-			currentStyle.strokePaint = elem.getAttribute("stroke");
-			currentStyle.strokeOpacity = elem.getAttribute("stroke-opacity") || 1.0;
-			currentStyle.strokeWidth = elem.getAttribute("stroke-width");
-			currentStyle.strokeDashArray = elem.getAttribute("stroke-dasharray");
-			currentStyle.strokeLinecap = elem.getAttribute("stroke-linecap");
-			currentStyle.strokeLinejoin = elem.getAttribute("stroke-linejoin");
-			currentStyle.opacity = elem.getAttribute("opacity") || 1.0;
-		}
-		// disable eye-dropper tool
-		else {
-			tool.addClass('disabled');
-		}
+    const buttons = [
+      {
+        id: 'tool_eyedropper',
+        icon: svgEditor.curConfig.extIconsPath + 'eyedropper.png',
+        type: 'mode',
+        events: {
+          click () {
+            svgCanvas.setMode('eyedropper');
+          }
+        }
+      }
+    ];
 
-	}
-	
-	return {
-		name: "eyedropper",
-		svgicons: svgEditor.curConfig.extPath + "eyedropper-icon.xml",
-		buttons: [{
-			id: "tool_eyedropper",
-			type: "mode",
-			title: "Eye Dropper Tool",
-			key: "I",
-			events: {
-				"click": function() {
-					svgCanvas.setMode("eyedropper");
-				}
-			}
-		}],
-		
-		// if we have selected an element, grab its paint and enable the eye dropper button
-		selectedChanged: getStyle,
-		elementChanged: getStyle,
-		
-		mouseDown: function(opts) {
-			var mode = svgCanvas.getMode();
-			if (mode == "eyedropper") {
-				var e = opts.event;
-				var target = e.target;
-				if ($.inArray(target.nodeName, ['svg', 'g', 'use']) === -1) {
-					var changes = {};
+    return {
+      name: strings.name,
+      svgicons: svgEditor.curConfig.extIconsPath + 'eyedropper-icon.xml',
+      buttons: strings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      }),
 
-					var change = function(elem, attrname, newvalue) {
-						changes[attrname] = elem.getAttribute(attrname);
-						elem.setAttribute(attrname, newvalue);
-					};
-					
-					if (currentStyle.fillPaint) {change(target, "fill", currentStyle.fillPaint);}
-					if (currentStyle.fillOpacity) {change(target, "fill-opacity", currentStyle.fillOpacity);}
-					if (currentStyle.strokePaint) {change(target, "stroke", currentStyle.strokePaint);}
-					if (currentStyle.strokeOpacity) {change(target, "stroke-opacity", currentStyle.strokeOpacity);}
-					if (currentStyle.strokeWidth) {change(target, "stroke-width", currentStyle.strokeWidth);}
-					if (currentStyle.strokeDashArray) {change(target, "stroke-dasharray", currentStyle.strokeDashArray);}
-					if (currentStyle.opacity) {change(target, "opacity", currentStyle.opacity);}
-					if (currentStyle.strokeLinecap) {change(target, "stroke-linecap", currentStyle.strokeLinecap);}
-					if (currentStyle.strokeLinejoin) {change(target, "stroke-linejoin", currentStyle.strokeLinejoin);}
-					
-					addToHistory(new ChangeElementCommand(target, changes));
-				}
-			}
-		}
-	};
-});
+      // if we have selected an element, grab its paint and enable the eye dropper button
+      selectedChanged: getStyle,
+      elementChanged: getStyle,
+
+      mouseDown (opts) {
+        const mode = svgCanvas.getMode();
+        if (mode === 'eyedropper') {
+          const e = opts.event;
+          const {target} = e;
+          if (!['svg', 'g', 'use'].includes(target.nodeName)) {
+            const changes = {};
+
+            const change = function (elem, attrname, newvalue) {
+              changes[attrname] = elem.getAttribute(attrname);
+              elem.setAttribute(attrname, newvalue);
+            };
+
+            if (currentStyle.fillPaint) { change(target, 'fill', currentStyle.fillPaint); }
+            if (currentStyle.fillOpacity) { change(target, 'fill-opacity', currentStyle.fillOpacity); }
+            if (currentStyle.strokePaint) { change(target, 'stroke', currentStyle.strokePaint); }
+            if (currentStyle.strokeOpacity) { change(target, 'stroke-opacity', currentStyle.strokeOpacity); }
+            if (currentStyle.strokeWidth) { change(target, 'stroke-width', currentStyle.strokeWidth); }
+            if (currentStyle.strokeDashArray) { change(target, 'stroke-dasharray', currentStyle.strokeDashArray); }
+            if (currentStyle.opacity) { change(target, 'opacity', currentStyle.opacity); }
+            if (currentStyle.strokeLinecap) { change(target, 'stroke-linecap', currentStyle.strokeLinecap); }
+            if (currentStyle.strokeLinejoin) { change(target, 'stroke-linejoin', currentStyle.strokeLinejoin); }
+
+            addToHistory(new ChangeElementCommand(target, changes));
+          }
+        }
+      }
+    };
+  }
+};
diff --git a/editor/extensions/ext-foreignobject.js b/editor/extensions/ext-foreignobject.js
index 136485a9..78420564 100644
--- a/editor/extensions/ext-foreignobject.js
+++ b/editor/extensions/ext-foreignobject.js
@@ -1,268 +1,265 @@
-/*globals svgEditor, svgedit, svgCanvas, $*/
-/*jslint vars: true, eqeq: true, todo: true*/
-/*
+/* globals jQuery */
+/**
  * ext-foreignobject.js
  *
- * Licensed under the Apache License, Version 2
+ * @license Apache-2.0
  *
- * Copyright(c) 2010 Jacques Distler 
- * Copyright(c) 2010 Alexis Deveria 
+ * @copyright 2010 Jacques Distler, 2010 Alexis Deveria
  *
  */
 
-svgEditor.addExtension("foreignObject", function(S) {
-	var NS = svgedit.NS,
-		Utils = svgedit.utilities,
-		svgcontent = S.svgcontent,
-		addElem = S.addSvgElementFromJson,
-		selElems,
-		editingforeign = false,
-		svgdoc = S.svgroot.parentNode.ownerDocument,
-		started,
-		newFO;
+export default {
+  name: 'foreignobject',
+  async init (S) {
+    const svgEditor = this;
+    const {text2xml, NS, importLocale} = S;
+    const $ = jQuery;
+    const svgCanvas = svgEditor.canvas;
+    const
+      // {svgcontent} = S,
+      // addElem = svgCanvas.addSVGElementFromJson,
+      svgdoc = S.svgroot.parentNode.ownerDocument;
+    const strings = await importLocale();
 
-	var properlySourceSizeTextArea = function () {
-		// TODO: remove magic numbers here and get values from CSS
-		var height = $('#svg_source_container').height() - 80;
-		$('#svg_source_textarea').css('height', height);
-	};
+    const properlySourceSizeTextArea = function () {
+      // TODO: remove magic numbers here and get values from CSS
+      const height = $('#svg_source_container').height() - 80;
+      $('#svg_source_textarea').css('height', height);
+    };
 
-	function showPanel(on) {
-		var fc_rules = $('#fc_rules');
-		if(!fc_rules.length) {
-			fc_rules = $('<style id="fc_rules"></style>').appendTo('head');
-		}
-		fc_rules.text(!on?"":" #tool_topath { display: none !important; }");
-		$('#foreignObject_panel').toggle(on);
-	}
+    function showPanel (on) {
+      let fcRules = $('#fc_rules');
+      if (!fcRules.length) {
+        fcRules = $('<style id="fc_rules"></style>').appendTo('head');
+      }
+      fcRules.text(!on ? '' : ' #tool_topath { display: none !important; }');
+      $('#foreignObject_panel').toggle(on);
+    }
 
-	function toggleSourceButtons(on) {
-		$('#tool_source_save, #tool_source_cancel').toggle(!on);
-		$('#foreign_save, #foreign_cancel').toggle(on);
-	}
+    function toggleSourceButtons (on) {
+      $('#tool_source_save, #tool_source_cancel').toggle(!on);
+      $('#foreign_save, #foreign_cancel').toggle(on);
+    }
 
-	// Function: setForeignString(xmlString, elt)
-	// This function sets the content of element elt to the input XML.
-	//
-	// Parameters:
-	// xmlString - The XML text.
-	// elt - the parent element to append to
-	//
-	// Returns:
-	// This function returns false if the set was unsuccessful, true otherwise.
-	function setForeignString(xmlString) {
-		var elt = selElems[0];
-		try {
-			// convert string into XML document
-			var newDoc = Utils.text2xml('<svg xmlns="' + NS.SVG + '" xmlns:xlink="' + NS.XLINK + '">' + xmlString + '</svg>');
-			// run it through our sanitizer to remove anything we do not support
-			S.sanitizeSvg(newDoc.documentElement);
-			elt.parentNode.replaceChild(svgdoc.importNode(newDoc.documentElement.firstChild, true), elt);
-			S.call("changed", [elt]);
-			svgCanvas.clearSelection();
-		} catch(e) {
-			console.log(e);
-			return false;
-		}
+    let selElems,
+      started,
+      newFO,
+      editingforeign = false;
 
-		return true;
-	}
+    /**
+    * This function sets the content of element elt to the input XML.
+    * @param {string} xmlString - The XML text
+    * @param {Element} elt - the parent element to append to
+    * @returns {boolean} This function returns false if the set was unsuccessful, true otherwise.
+    */
+    function setForeignString (xmlString) {
+      const elt = selElems[0];
+      try {
+        // convert string into XML document
+        const newDoc = text2xml('<svg xmlns="' + NS.SVG + '" xmlns:xlink="' + NS.XLINK + '">' + xmlString + '</svg>');
+        // run it through our sanitizer to remove anything we do not support
+        svgCanvas.sanitizeSvg(newDoc.documentElement);
+        elt.replaceWith(svgdoc.importNode(newDoc.documentElement.firstChild, true));
+        svgCanvas.call('changed', [elt]);
+        svgCanvas.clearSelection();
+      } catch (e) {
+        console.log(e);
+        return false;
+      }
 
-	function showForeignEditor() {
-		var elt = selElems[0];
-		if (!elt || editingforeign) {return;}
-		editingforeign = true;
-		toggleSourceButtons(true);
-		elt.removeAttribute('fill');
+      return true;
+    }
 
-		var str = S.svgToString(elt, 0);
-		$('#svg_source_textarea').val(str);
-		$('#svg_source_editor').fadeIn();
-		properlySourceSizeTextArea();
-		$('#svg_source_textarea').focus();
-	}
+    function showForeignEditor () {
+      const elt = selElems[0];
+      if (!elt || editingforeign) { return; }
+      editingforeign = true;
+      toggleSourceButtons(true);
+      elt.removeAttribute('fill');
 
-	function setAttr(attr, val) {
-		svgCanvas.changeSelectedAttribute(attr, val);
-		S.call("changed", selElems);
-	}
+      const str = svgCanvas.svgToString(elt, 0);
+      $('#svg_source_textarea').val(str);
+      $('#svg_source_editor').fadeIn();
+      properlySourceSizeTextArea();
+      $('#svg_source_textarea').focus();
+    }
 
-	return {
-		name: "foreignObject",
-		svgicons: svgEditor.curConfig.extPath + "foreignobject-icons.xml",
-		buttons: [{
-			id: "tool_foreign",
-			type: "mode",
-			title: "Foreign Object Tool",
-			events: {
-				'click': function() {
-					svgCanvas.setMode('foreign');
-				}
-			}
-		},{
-			id: "edit_foreign",
-			type: "context",
-			panel: "foreignObject_panel",
-			title: "Edit ForeignObject Content",
-			events: {
-				'click': function() {
-					showForeignEditor();
-				}
-			}
-		}],
+    function setAttr (attr, val) {
+      svgCanvas.changeSelectedAttribute(attr, val);
+      svgCanvas.call('changed', selElems);
+    }
 
-		context_tools: [{
-			type: "input",
-			panel: "foreignObject_panel",
-			title: "Change foreignObject's width",
-			id: "foreign_width",
-			label: "w",
-			size: 3,
-			events: {
-				change: function() {
-					setAttr('width', this.value);
-				}
-			}
-		},{
-			type: "input",
-			panel: "foreignObject_panel",
-			title: "Change foreignObject's height",
-			id: "foreign_height",
-			label: "h",
-			events: {
-				change: function() {
-					setAttr('height', this.value);
-				}
-			}
-		}, {
-			type: "input",
-			panel: "foreignObject_panel",
-			title: "Change foreignObject's font size",
-			id: "foreign_font_size",
-			label: "font-size",
-			size: 2,
-			defval: 16,
-			events: {
-				change: function() {
-					setAttr('font-size', this.value);
-				}
-			}
-		}
+    const buttons = [{
+      id: 'tool_foreign',
+      icon: svgEditor.curConfig.extIconsPath + 'foreignobject-tool.png',
+      type: 'mode',
+      events: {
+        click () {
+          svgCanvas.setMode('foreign');
+        }
+      }
+    }, {
+      id: 'edit_foreign',
+      icon: svgEditor.curConfig.extIconsPath + 'foreignobject-edit.png',
+      type: 'context',
+      panel: 'foreignObject_panel',
+      events: {
+        click () {
+          showForeignEditor();
+        }
+      }
+    }];
 
-		],
-		callback: function() {
-			$('#foreignObject_panel').hide();
+    const contextTools = [
+      {
+        type: 'input',
+        panel: 'foreignObject_panel',
+        id: 'foreign_width',
+        size: 3,
+        events: {
+          change () {
+            setAttr('width', this.value);
+          }
+        }
+      }, {
+        type: 'input',
+        panel: 'foreignObject_panel',
+        id: 'foreign_height',
+        events: {
+          change () {
+            setAttr('height', this.value);
+          }
+        }
+      }, {
+        type: 'input',
+        panel: 'foreignObject_panel',
+        id: 'foreign_font_size',
+        size: 2,
+        defval: 16,
+        events: {
+          change () {
+            setAttr('font-size', this.value);
+          }
+        }
+      }
+    ];
 
-			var endChanges = function() {
-				$('#svg_source_editor').hide();
-				editingforeign = false;
-				$('#svg_source_textarea').blur();
-				toggleSourceButtons(false);
-			};
+    return {
+      name: strings.name,
+      svgicons: svgEditor.curConfig.extIconsPath + 'foreignobject-icons.xml',
+      buttons: strings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      }),
+      context_tools: strings.contextTools.map((contextTool, i) => {
+        return Object.assign(contextTools[i], contextTool);
+      }),
+      callback () {
+        $('#foreignObject_panel').hide();
 
-			// TODO: Needs to be done after orig icon loads
-			setTimeout(function() {
-				// Create source save/cancel buttons
-				var save = $('#tool_source_save').clone()
-					.hide().attr('id', 'foreign_save').unbind()
-					.appendTo("#tool_source_back").click(function() {
+        const endChanges = function () {
+          $('#svg_source_editor').hide();
+          editingforeign = false;
+          $('#svg_source_textarea').blur();
+          toggleSourceButtons(false);
+        };
 
-						if (!editingforeign) {return;}
+        // TODO: Needs to be done after orig icon loads
+        setTimeout(function () {
+          // Create source save/cancel buttons
+          /* const save = */ $('#tool_source_save').clone()
+            .hide().attr('id', 'foreign_save').unbind()
+            .appendTo('#tool_source_back').click(function () {
+              if (!editingforeign) { return; }
 
-						if (!setForeignString($('#svg_source_textarea').val())) {
-							$.confirm("Errors found. Revert to original?", function(ok) {
-								if(!ok) {return false;}
-								endChanges();
-							});
-						} else {
-							endChanges();
-						}
-						// setSelectMode();	
-					});
+              if (!setForeignString($('#svg_source_textarea').val())) {
+                $.confirm('Errors found. Revert to original?', function (ok) {
+                  if (!ok) { return false; }
+                  endChanges();
+                });
+              } else {
+                endChanges();
+              }
+              // setSelectMode();
+            });
 
-				var cancel = $('#tool_source_cancel').clone()
-					.hide().attr('id', 'foreign_cancel').unbind()
-					.appendTo("#tool_source_back").click(function() {
-						endChanges();
-					});
-			}, 3000);
-		},
-		mouseDown: function(opts) {
-			var e = opts.event;
+          /* const cancel = */ $('#tool_source_cancel').clone()
+            .hide().attr('id', 'foreign_cancel').unbind()
+            .appendTo('#tool_source_back').click(function () {
+              endChanges();
+            });
+        }, 3000);
+      },
+      mouseDown (opts) {
+        // const e = opts.event;
 
-			if(svgCanvas.getMode() == "foreign") {
+        if (svgCanvas.getMode() === 'foreign') {
+          started = true;
+          newFO = svgCanvas.addSVGElementFromJson({
+            element: 'foreignObject',
+            attr: {
+              x: opts.start_x,
+              y: opts.start_y,
+              id: svgCanvas.getNextId(),
+              'font-size': 16, // cur_text.font_size,
+              width: '48',
+              height: '20',
+              style: 'pointer-events:inherit'
+            }
+          });
+          const m = svgdoc.createElementNS(NS.MATH, 'math');
+          m.setAttributeNS(NS.XMLNS, 'xmlns', NS.MATH);
+          m.setAttribute('display', 'inline');
+          const mi = svgdoc.createElementNS(NS.MATH, 'mi');
+          mi.setAttribute('mathvariant', 'normal');
+          mi.textContent = '\u03A6';
+          const mo = svgdoc.createElementNS(NS.MATH, 'mo');
+          mo.textContent = '\u222A';
+          const mi2 = svgdoc.createElementNS(NS.MATH, 'mi');
+          mi2.textContent = '\u2133';
+          m.append(mi, mo, mi2);
+          newFO.append(m);
+          return {
+            started: true
+          };
+        }
+      },
+      mouseUp (opts) {
+        // const e = opts.event;
+        if (svgCanvas.getMode() === 'foreign' && started) {
+          const attrs = $(newFO).attr(['width', 'height']);
+          const keep = (attrs.width !== '0' || attrs.height !== '0');
+          svgCanvas.addToSelection([newFO], true);
 
-				started = true;
-				newFO = S.addSvgElementFromJson({
-					"element": "foreignObject",
-					"attr": {
-						"x": opts.start_x,
-						"y": opts.start_y,
-						"id": S.getNextId(),
-						"font-size": 16, //cur_text.font_size,
-						"width": "48",
-						"height": "20",
-						"style": "pointer-events:inherit"
-					}
-				});
-				var m = svgdoc.createElementNS(NS.MATH, 'math');
-				m.setAttributeNS(NS.XMLNS, 'xmlns', NS.MATH);
-				m.setAttribute('display', 'inline');
-				var mi = svgdoc.createElementNS(NS.MATH, 'mi');
-				mi.setAttribute('mathvariant', 'normal');
-				mi.textContent = "\u03A6";
-				var mo = svgdoc.createElementNS(NS.MATH, 'mo');
-				mo.textContent = "\u222A";
-				var mi2 = svgdoc.createElementNS(NS.MATH, 'mi');
-				mi2.textContent = "\u2133";
-				m.appendChild(mi);
-				m.appendChild(mo);
-				m.appendChild(mi2);
-				newFO.appendChild(m);
-				return {
-					started: true
-				};
-			}
-		},
-		mouseUp: function(opts) {
-			var e = opts.event;
-			if(svgCanvas.getMode() == "foreign" && started) {
-				var attrs = $(newFO).attr(["width", "height"]);
-				var keep = (attrs.width != 0 || attrs.height != 0);
-				svgCanvas.addToSelection([newFO], true);
+          return {
+            keep,
+            element: newFO
+          };
+        }
+      },
+      selectedChanged (opts) {
+        // Use this to update the current selected elements
+        selElems = opts.elems;
 
-				return {
-					keep: keep,
-					element: newFO
-				};
-
-			}
-
-		},
-		selectedChanged: function(opts) {
-			// Use this to update the current selected elements
-			selElems = opts.elems;
-
-			var i = selElems.length;
-
-			while(i--) {
-				var elem = selElems[i];
-				if(elem && elem.tagName === 'foreignObject') {
-					if(opts.selectedElement && !opts.multiselected) {
-						$('#foreign_font_size').val(elem.getAttribute("font-size"));
-						$('#foreign_width').val(elem.getAttribute("width"));
-						$('#foreign_height').val(elem.getAttribute("height"));
-						showPanel(true);
-					} else {
-						showPanel(false);
-					}
-				} else {
-					showPanel(false);
-				}
-			}
-		},
-		elementChanged: function(opts) {
-			var elem = opts.elems[0];
-		}
-	};
-});
+        let i = selElems.length;
+        while (i--) {
+          const elem = selElems[i];
+          if (elem && elem.tagName === 'foreignObject') {
+            if (opts.selectedElement && !opts.multiselected) {
+              $('#foreign_font_size').val(elem.getAttribute('font-size'));
+              $('#foreign_width').val(elem.getAttribute('width'));
+              $('#foreign_height').val(elem.getAttribute('height'));
+              showPanel(true);
+            } else {
+              showPanel(false);
+            }
+          } else {
+            showPanel(false);
+          }
+        }
+      },
+      elementChanged (opts) {
+        // const elem = opts.elems[0];
+      }
+    };
+  }
+};
diff --git a/editor/extensions/ext-grid.js b/editor/extensions/ext-grid.js
index a4148da7..831c46bb 100644
--- a/editor/extensions/ext-grid.js
+++ b/editor/extensions/ext-grid.js
@@ -1,162 +1,163 @@
-/*globals svgEditor, svgedit, svgCanvas, $*/
-/*jslint vars: true*/
-/*
+/* globals jQuery */
+/**
  * ext-grid.js
  *
- * Licensed under the Apache License, Version 2
+ * @license Apache-2.0
  *
- * Copyright(c) 2010 Redou Mine
- * Copyright(c) 2010 Alexis Deveria
+ * @copyright 2010 Redou Mine, 2010 Alexis Deveria
  *
  */
 
-// Dependencies:
-// 1) units.js
-// 2) everything else
+export default {
+  name: 'grid',
+  async init ({NS, getTypeMap, importLocale}) {
+    const strings = await importLocale();
+    const svgEditor = this;
+    const $ = jQuery;
+    const svgCanvas = svgEditor.canvas;
+    const svgdoc = document.getElementById('svgcanvas').ownerDocument,
+      {assignAttributes} = svgCanvas,
+      hcanvas = document.createElement('canvas'),
+      canvBG = $('#canvasBackground'),
+      units = getTypeMap(), // Assumes prior `init()` call on `units.js` module
+      intervals = [0.01, 0.1, 1, 10, 100, 1000];
+    let showGrid = svgEditor.curConfig.showGrid || false;
 
-svgEditor.addExtension('view_grid', function() { 'use strict';
+    $(hcanvas).hide().appendTo('body');
 
-	var NS = svgedit.NS,
-		svgdoc = document.getElementById('svgcanvas').ownerDocument,
-		showGrid = svgEditor.curConfig.showGrid || false,
-		assignAttributes = svgCanvas.assignAttributes,
-		hcanvas = document.createElement('canvas'),
-		canvBG = $('#canvasBackground'),
-		units = svgedit.units.getTypeMap(),
-		intervals = [0.01, 0.1, 1, 10, 100, 1000];
+    const canvasGrid = svgdoc.createElementNS(NS.SVG, 'svg');
+    assignAttributes(canvasGrid, {
+      id: 'canvasGrid',
+      width: '100%',
+      height: '100%',
+      x: 0,
+      y: 0,
+      overflow: 'visible',
+      display: 'none'
+    });
+    canvBG.append(canvasGrid);
 
-	$(hcanvas).hide().appendTo('body');
+    // grid-pattern
+    const gridPattern = svgdoc.createElementNS(NS.SVG, 'pattern');
+    assignAttributes(gridPattern, {
+      id: 'gridpattern',
+      patternUnits: 'userSpaceOnUse',
+      x: 0, // -(value.strokeWidth / 2), // position for strokewidth
+      y: 0, // -(value.strokeWidth / 2), // position for strokewidth
+      width: 100,
+      height: 100
+    });
 
-	var canvasGrid = svgdoc.createElementNS(NS.SVG, 'svg');
-	assignAttributes(canvasGrid, {
-		'id': 'canvasGrid',
-		'width': '100%',
-		'height': '100%',
-		'x': 0,
-		'y': 0,
-		'overflow': 'visible',
-		'display': 'none'
-	});
-	canvBG.append(canvasGrid);
+    const gridimg = svgdoc.createElementNS(NS.SVG, 'image');
+    assignAttributes(gridimg, {
+      x: 0,
+      y: 0,
+      width: 100,
+      height: 100
+    });
+    gridPattern.append(gridimg);
+    $('#svgroot defs').append(gridPattern);
 
-	// grid-pattern
-	var gridPattern = svgdoc.createElementNS(NS.SVG, 'pattern');
-	assignAttributes(gridPattern, {
-		'id': 'gridpattern',
-		'patternUnits': 'userSpaceOnUse',
-		'x': 0, //-(value.strokeWidth / 2), // position for strokewidth
-		'y': 0, //-(value.strokeWidth / 2), // position for strokewidth
-		'width': 100,
-		'height': 100
-	});
+    // grid-box
+    const gridBox = svgdoc.createElementNS(NS.SVG, 'rect');
+    assignAttributes(gridBox, {
+      width: '100%',
+      height: '100%',
+      x: 0,
+      y: 0,
+      'stroke-width': 0,
+      stroke: 'none',
+      fill: 'url(#gridpattern)',
+      style: 'pointer-events: none; display:visible;'
+    });
+    $('#canvasGrid').append(gridBox);
 
-	var gridimg = svgdoc.createElementNS(NS.SVG, 'image');
-	assignAttributes(gridimg, {
-		'x': 0,
-		'y': 0,
-		'width': 100,
-		'height': 100
-	});
-	gridPattern.appendChild(gridimg);
-	$('#svgroot defs').append(gridPattern);
+    function updateGrid (zoom) {
+      // TODO: Try this with <line> elements, then compare performance difference
+      const unit = units[svgEditor.curConfig.baseUnit]; // 1 = 1px
+      const uMulti = unit * zoom;
+      // Calculate the main number interval
+      const rawM = 100 / uMulti;
+      let multi = 1;
+      for (let i = 0; i < intervals.length; i++) {
+        const num = intervals[i];
+        multi = num;
+        if (rawM <= num) {
+          break;
+        }
+      }
+      const bigInt = multi * uMulti;
 
-	// grid-box
-	var gridBox = svgdoc.createElementNS(NS.SVG, 'rect');
-	assignAttributes(gridBox, {
-		'width': '100%',
-		'height': '100%',
-		'x': 0,
-		'y': 0,
-		'stroke-width': 0,
-		'stroke': 'none',
-		'fill': 'url(#gridpattern)',
-		'style': 'pointer-events: none; display:visible;'
-	});
-	$('#canvasGrid').append(gridBox);
+      // Set the canvas size to the width of the container
+      hcanvas.width = bigInt;
+      hcanvas.height = bigInt;
+      const ctx = hcanvas.getContext('2d');
+      const curD = 0.5;
+      const part = bigInt / 10;
 
-	function updateGrid(zoom) {
-		var i;
-		// TODO: Try this with <line> elements, then compare performance difference
-		var unit = units[svgEditor.curConfig.baseUnit]; // 1 = 1px
-		var u_multi = unit * zoom;
-		// Calculate the main number interval
-		var raw_m = 100 / u_multi;
-		var multi = 1;
-		for (i = 0; i < intervals.length; i++) {
-			var num = intervals[i];
-			multi = num;
-			if (raw_m <= num) {
-				break;
-			}
-		}
-		var big_int = multi * u_multi;
+      ctx.globalAlpha = 0.2;
+      ctx.strokeStyle = svgEditor.curConfig.gridColor;
+      for (let i = 1; i < 10; i++) {
+        const subD = Math.round(part * i) + 0.5;
+        // const lineNum = (i % 2)?12:10;
+        const lineNum = 0;
+        ctx.moveTo(subD, bigInt);
+        ctx.lineTo(subD, lineNum);
+        ctx.moveTo(bigInt, subD);
+        ctx.lineTo(lineNum, subD);
+      }
+      ctx.stroke();
+      ctx.beginPath();
+      ctx.globalAlpha = 0.5;
+      ctx.moveTo(curD, bigInt);
+      ctx.lineTo(curD, 0);
 
-		// Set the canvas size to the width of the container
-		hcanvas.width = big_int;
-		hcanvas.height = big_int;
-		var ctx = hcanvas.getContext('2d');
-		var cur_d = 0.5;
-		var part = big_int / 10;
+      ctx.moveTo(bigInt, curD);
+      ctx.lineTo(0, curD);
+      ctx.stroke();
 
-		ctx.globalAlpha = 0.2;
-		ctx.strokeStyle = svgEditor.curConfig.gridColor;
-		for (i = 1; i < 10; i++) {
-			var sub_d = Math.round(part * i) + 0.5;
-			// var line_num = (i % 2)?12:10;
-			var line_num = 0;
-			ctx.moveTo(sub_d, big_int);
-			ctx.lineTo(sub_d, line_num);
-			ctx.moveTo(big_int, sub_d);
-			ctx.lineTo(line_num ,sub_d);
-		}
-		ctx.stroke();
-		ctx.beginPath();
-		ctx.globalAlpha = 0.5;
-		ctx.moveTo(cur_d, big_int);
-		ctx.lineTo(cur_d, 0);
+      const datauri = hcanvas.toDataURL('image/png');
+      gridimg.setAttribute('width', bigInt);
+      gridimg.setAttribute('height', bigInt);
+      gridimg.parentNode.setAttribute('width', bigInt);
+      gridimg.parentNode.setAttribute('height', bigInt);
+      svgCanvas.setHref(gridimg, datauri);
+    }
 
-		ctx.moveTo(big_int, cur_d);
-		ctx.lineTo(0, cur_d);
-		ctx.stroke();
+    function gridUpdate () {
+      if (showGrid) {
+        updateGrid(svgCanvas.getZoom());
+      }
+      $('#canvasGrid').toggle(showGrid);
+      $('#view_grid').toggleClass('push_button_pressed tool_button');
+    }
+    const buttons = [{
+      id: 'view_grid',
+      icon: svgEditor.curConfig.extIconsPath + 'grid.png',
+      type: 'context',
+      panel: 'editor_panel',
+      events: {
+        click () {
+          svgEditor.curConfig.showGrid = showGrid = !showGrid;
+          gridUpdate();
+        }
+      }
+    }];
+    return {
+      name: strings.name,
+      svgicons: svgEditor.curConfig.extIconsPath + 'grid-icon.xml',
 
-		var datauri = hcanvas.toDataURL('image/png');
-		gridimg.setAttribute('width', big_int);
-		gridimg.setAttribute('height', big_int);
-		gridimg.parentNode.setAttribute('width', big_int);
-		gridimg.parentNode.setAttribute('height', big_int);
-		svgCanvas.setHref(gridimg, datauri);
-	}
-
-	function gridUpdate () {
-		if (showGrid) {
-			updateGrid(svgCanvas.getZoom());
-		}
-		$('#canvasGrid').toggle(showGrid);
-		$('#view_grid').toggleClass('push_button_pressed tool_button');
-	}
-	return {
-		name: 'view_grid',
-		svgicons: svgEditor.curConfig.extPath + 'grid-icon.xml',
-
-		zoomChanged: function(zoom) {
-			if (showGrid) {updateGrid(zoom);}
-		},
-		callback: function () {
-			if (showGrid) {
-				gridUpdate();
-			}
-		},
-		buttons: [{
-			id: 'view_grid',
-			type: 'context',
-			panel: 'editor_panel',
-			title: 'Show/Hide Grid',
-			events: {
-				click: function() {
-					svgEditor.curConfig.showGrid = showGrid = !showGrid;
-					gridUpdate();
-				}
-			}
-		}]
-	};
-});
+      zoomChanged (zoom) {
+        if (showGrid) { updateGrid(zoom); }
+      },
+      callback () {
+        if (showGrid) {
+          gridUpdate();
+        }
+      },
+      buttons: strings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      })
+    };
+  }
+};
diff --git a/editor/extensions/ext-helloworld.js b/editor/extensions/ext-helloworld.js
index eb67efce..172df74e 100644
--- a/editor/extensions/ext-helloworld.js
+++ b/editor/extensions/ext-helloworld.js
@@ -1,80 +1,92 @@
-/*globals svgEditor, svgCanvas, $*/
-/*jslint vars: true, eqeq: true*/
-/*
+/* globals jQuery */
+/**
  * ext-helloworld.js
  *
- * Licensed under the MIT License
+ * @license MIT
  *
- * Copyright(c) 2010 Alexis Deveria
+ * @copyright 2010 Alexis Deveria
  *
  */
- 
-/* 
-	This is a very basic SVG-Edit extension. It adds a "Hello World" button in
-	the left panel. Clicking on the button, and then the canvas will show the
-	user the point on the canvas that was clicked on.
+
+/**
+* This is a very basic SVG-Edit extension. It adds a "Hello World" button in
+*  the left ("mode") panel. Clicking on the button, and then the canvas
+*  will show the user the point on the canvas that was clicked on.
 */
- 
-svgEditor.addExtension("Hello World", function() {'use strict';
+export default {
+  name: 'helloworld',
+  async init ({importLocale}) {
+    // See `/editor/extensions/ext-locale/helloworld/`
+    const strings = await importLocale();
+    const svgEditor = this;
+    const $ = jQuery;
+    const svgCanvas = svgEditor.canvas;
+    return {
+      name: strings.name,
+      // For more notes on how to make an icon file, see the source of
+      // the helloworld-icon.xml
+      svgicons: svgEditor.curConfig.extIconsPath + 'helloworld-icon.xml',
 
-		return {
-			name: "Hello World",
-			// For more notes on how to make an icon file, see the source of
-			// the helloworld-icon.xml
-			svgicons: svgEditor.curConfig.extPath + "helloworld-icon.xml",
-			
-			// Multiple buttons can be added in this array
-			buttons: [{
-				// Must match the icon ID in helloworld-icon.xml
-				id: "hello_world", 
-				
-				// This indicates that the button will be added to the "mode"
-				// button panel on the left side
-				type: "mode", 
-				
-				// Tooltip text
-				title: "Say 'Hello World'", 
-				
-				// Events
-				events: {
-					'click': function() {
-						// The action taken when the button is clicked on.
-						// For "mode" buttons, any other button will 
-						// automatically be de-pressed.
-						svgCanvas.setMode("hello_world");
-					}
-				}
-			}],
-			// This is triggered when the main mouse button is pressed down 
-			// on the editor canvas (not the tool panels)
-			mouseDown: function() {
-				// Check the mode on mousedown
-				if(svgCanvas.getMode() == "hello_world") {
-				
-					// The returned object must include "started" with 
-					// a value of true in order for mouseUp to be triggered
-					return {started: true};
-				}
-			},
-			
-			// This is triggered from anywhere, but "started" must have been set
-			// to true (see above). Note that "opts" is an object with event info
-			mouseUp: function(opts) {
-				// Check the mode on mouseup
-				if(svgCanvas.getMode() == "hello_world") {
-					var zoom = svgCanvas.getZoom();
-					
-					// Get the actual coordinate by dividing by the zoom value
-					var x = opts.mouse_x / zoom;
-					var y = opts.mouse_y / zoom;
-					
-					var text = "Hello World!\n\nYou clicked here: " 
-						+ x + ", " + y;
-						
-					// Show the text using the custom alert function
-					$.alert(text);
-				}
-			}
-		};
-});
+      // Multiple buttons can be added in this array
+      buttons: [{
+        // Must match the icon ID in helloworld-icon.xml
+        id: 'hello_world',
 
+        // Fallback, e.g., for `file://` access
+        icon: svgEditor.curConfig.extIconsPath + 'helloworld.png',
+
+        // This indicates that the button will be added to the "mode"
+        // button panel on the left side
+        type: 'mode',
+
+        // Tooltip text
+        title: strings.buttons[0].title,
+
+        // Events
+        events: {
+          click () {
+            // The action taken when the button is clicked on.
+            // For "mode" buttons, any other button will
+            // automatically be de-pressed.
+            svgCanvas.setMode('hello_world');
+          }
+        }
+      }],
+      // This is triggered when the main mouse button is pressed down
+      // on the editor canvas (not the tool panels)
+      mouseDown () {
+        // Check the mode on mousedown
+        if (svgCanvas.getMode() === 'hello_world') {
+          // The returned object must include "started" with
+          // a value of true in order for mouseUp to be triggered
+          return {started: true};
+        }
+      },
+
+      // This is triggered from anywhere, but "started" must have been set
+      // to true (see above). Note that "opts" is an object with event info
+      mouseUp (opts) {
+        // Check the mode on mouseup
+        if (svgCanvas.getMode() === 'hello_world') {
+          const zoom = svgCanvas.getZoom();
+
+          // Get the actual coordinate by dividing by the zoom value
+          const x = opts.mouse_x / zoom;
+          const y = opts.mouse_y / zoom;
+
+          // We do our own formatting
+          let {text} = strings;
+          [
+            ['x', x],
+            ['y', y]
+          ].forEach(([prop, val]) => {
+            text = text.replace('{' + prop + '}', val);
+          });
+
+          // Show the text using the custom alert function
+          $.alert(text);
+        }
+      }
+    };
+  }
+};
diff --git a/editor/extensions/ext-imagelib.js b/editor/extensions/ext-imagelib.js
index f26e5c42..744a69a1 100644
--- a/editor/extensions/ext-imagelib.js
+++ b/editor/extensions/ext-imagelib.js
@@ -1,464 +1,458 @@
-/*globals $, svgEditor, svgedit, svgCanvas, DOMParser*/
-/*jslint vars: true, eqeq: true, es5: true, todo: true */
-/*
- * ext-imagelib.js
- *
- * Licensed under the MIT License
- *
- * Copyright(c) 2010 Alexis Deveria
- *
- */
-
-svgEditor.addExtension("imagelib", function() {'use strict';
-
-	var uiStrings = svgEditor.uiStrings;
-
-	$.extend(uiStrings, {
-		imagelib: {
-			select_lib: 'Select an image library',
-			show_list: 'Show library list',
-			import_single: 'Import single',
-			import_multi: 'Import multiple',
-			open: 'Open as new document'
-		}
-	});
-
-	var img_libs = [{
-			name: 'Demo library (local)',
-			url: svgEditor.curConfig.extPath + 'imagelib/index.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',
-			description: 'Free library of illustrations'
-		},
-		{
-			name: 'Openclipart',
-			url: 'https://openclipart.org/svgedit',
-			description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
-		}
-	];
-
-	function closeBrowser() {
-		$('#imgbrowse_holder').hide();
-	}
-
-	function importImage(url) {
-		var newImage = svgCanvas.addSvgElementFromJson({
-			"element": "image",
-			"attr": {
-				"x": 0,
-				"y": 0,
-				"width": 0,
-				"height": 0,
-				"id": svgCanvas.getNextId(),
-				"style": "pointer-events:inherit"
-			}
-		});
-		svgCanvas.clearSelection();
-		svgCanvas.addToSelection([newImage]);
-		svgCanvas.setImageURL(url);
-	}
-
-	var mode = 's';
-	var multi_arr = [];
-	var tranfer_stopped = false;
-	var pending = {};
-	var preview, submit;
-
-	window.addEventListener("message", function(evt) {
-		// Receive postMessage data
-		var response = evt.data;
-		
-		if (!response || typeof response !== "string") { // Todo: Should namespace postMessage API for this extension and filter out here
-			// Do nothing
-			return;
-		}
-		try { // This block can be removed if embedAPI moves away from a string to an object (if IE9 support not needed)
-			var res = JSON.parse(response);
-			if (res.namespace) { // Part of embedAPI communications
-				return;
-			}
-		}
-		catch (e) {}
-		
-		var char1 = response.charAt(0);
-		var id;
-		var svg_str;
-		var img_str;
-		
-		if (char1 != "{" && tranfer_stopped) {
-			tranfer_stopped = false;
-			return;
-		}
-		
-		if (char1 == '|') {
-			var secondpos = response.indexOf('|', 1);
-			id = response.substr(1, secondpos-1);
-			response = response.substr(secondpos+1);
-			char1 = response.charAt(0);
-		}
-		
-		
-		// Hide possible transfer dialog box
-		$('#dialog_box').hide();
-		var entry, cur_meta;
-		switch (char1) {
-			case '{':
-				// Metadata
-				tranfer_stopped = false;
-				cur_meta = JSON.parse(response);
-				
-				pending[cur_meta.id] = cur_meta;
-				
-				var name = (cur_meta.name || 'file');
-				
-				var message = uiStrings.notification.retrieving.replace('%s', name);
-				
-				if (mode != 'm') {
-					$.process_cancel(message, function() {
-						tranfer_stopped = true;
-						// Should a message be sent back to the frame?
-						
-						$('#dialog_box').hide();
-					});
-				} else {
-					entry = $('<div>' + message + '</div>').data('id', cur_meta.id);
-					preview.append(entry);
-					cur_meta.entry = entry;
-				}
-				
-				return;
-			case '<':
-				svg_str = true;
-				break;
-			case 'd':
-				if (response.indexOf('data:image/svg+xml') === 0) {
-					var pre = 'data:image/svg+xml;base64,';
-					var src = response.substring(pre.length);
-					response = svgedit.utilities.decode64(src);
-					svg_str = true;
-					break;
-				} else if (response.indexOf('data:image/') === 0) {
-					img_str = true;
-					break;
-				}
-				// Else fall through
-			default:
-				// TODO: See if there's a way to base64 encode the binary data stream
-//				var str = 'data:;base64,' + svgedit.utilities.encode64(response, true);
-			
-				// Assume it's raw image data
-//				importImage(str);
-			
-				// Don't give warning as postMessage may have been used by something else
-				if (mode !== 'm') {
-					closeBrowser();
-				} else {
-					pending[id].entry.remove();
-				}
-//				$.alert('Unexpected data was returned: ' + response, function() {
-//					if (mode !== 'm') {
-//						closeBrowser();
-//					} else {
-//						pending[id].entry.remove();
-//					}
-//				});
-				return;
-		}
-		
-		switch (mode) {
-			case 's':
-				// Import one
-				if (svg_str) {
-					svgCanvas.importSvgString(response);
-				} else if (img_str) {
-					importImage(response);
-				}
-				closeBrowser();
-				break;
-			case 'm':
-				// Import multiple
-				multi_arr.push([(svg_str ? 'svg' : 'img'), response]);
-				var title;
-				cur_meta = pending[id];
-				if (svg_str) {
-					if (cur_meta && cur_meta.name) {
-						title = cur_meta.name;
-					} else {
-						// Try to find a title
-						var xml = new DOMParser().parseFromString(response, 'text/xml').documentElement;
-						title = $(xml).children('title').first().text() || '(SVG #' + response.length + ')';
-					}
-					if (cur_meta) {
-						preview.children().each(function() {
-							if ($(this).data('id') == id) {
-								if (cur_meta.preview_url) {
-									$(this).html('<img src="' + cur_meta.preview_url + '">' + title);
-								} else {
-									$(this).text(title);
-								}
-								submit.removeAttr('disabled');
-							}
-						});
-					} else {
-						preview.append('<div>'+title+'</div>');
-						submit.removeAttr('disabled');
-					}
-				} else {
-					if (cur_meta && cur_meta.preview_url) {
-						title = cur_meta.name || '';
-					}
-					if (cur_meta && cur_meta.preview_url) {
-						entry = '<img src="' + cur_meta.preview_url + '">' + title;
-					} else {
-						entry = '<img src="' + response + '">';
-					}
-				
-					if (cur_meta) {
-						preview.children().each(function() {
-							if ($(this).data('id') == id) {
-								$(this).html(entry);
-								submit.removeAttr('disabled');
-							}
-						});
-					} else {
-						preview.append($('<div>').append(entry));
-						submit.removeAttr('disabled');
-					}
-
-				}
-				break;
-			case 'o':
-				// Open
-				if (!svg_str) {break;}
-				svgEditor.openPrep(function(ok) {
-					if (!ok) {return;}
-					svgCanvas.clear();
-					svgCanvas.setSvgString(response);
-					// updateCanvas();
-				});
-				closeBrowser();
-				break;
-		}
-	}, true);
-
-	function toggleMulti(show) {
-	
-		$('#lib_framewrap, #imglib_opts').css({right: (show ? 200 : 10)});
-		if (!preview) {
-			preview = $('<div id=imglib_preview>').css({
-				position: 'absolute',
-				top: 45,
-				right: 10,
-				width: 180,
-				bottom: 45,
-				background: '#fff',
-				overflow: 'auto'
-			}).insertAfter('#lib_framewrap');
-			
-			submit = $('<button disabled>Import selected</button>')
-				.appendTo('#imgbrowse')
-				.on("click touchend", function() {
-				$.each(multi_arr, function(i) {
-					var type = this[0];
-					var data = this[1];
-					if (type == 'svg') {
-						svgCanvas.importSvgString(data);
-					} else {
-						importImage(data);
-					}
-					svgCanvas.moveSelectedElements(i*20, i*20, false);
-				});
-				preview.empty();
-				multi_arr = [];
-				$('#imgbrowse_holder').hide();
-			}).css({
-				position: 'absolute',
-				bottom: 10,
-				right: -10
-			});
-
-		}
-		
-		preview.toggle(show);
-		submit.toggle(show);
-	}
-
-	function showBrowser() {
-
-		var browser = $('#imgbrowse');
-		if (!browser.length) {
-			$('<div id=imgbrowse_holder><div id=imgbrowse class=toolbar_button>\
-			</div></div>').insertAfter('#svg_docprops');
-			browser = $('#imgbrowse');
-
-			var all_libs = uiStrings.imagelib.select_lib;
-
-			var lib_opts = $('<ul id=imglib_opts>').appendTo(browser);
-			var frame = $('<iframe/>').prependTo(browser).hide().wrap('<div id=lib_framewrap>');
-			
-			var header = $('<h1>').prependTo(browser).text(all_libs).css({
-				position: 'absolute',
-				top: 0,
-				left: 0,
-				width: '100%'
-			});
-			
-			var cancel = $('<button>' + uiStrings.common.cancel + '</button>')
-				.appendTo(browser)
-				.on("click touchend", function() {
-				$('#imgbrowse_holder').hide();
-			}).css({
-				position: 'absolute',
-				top: 5,
-				right: -10
-			});
-			
-			var leftBlock = $('<span>').css({position:'absolute',top:5,left:10}).appendTo(browser);
-			
-			var back = $('<button hidden>' + uiStrings.imagelib.show_list + '</button>')
-				.appendTo(leftBlock)
-				.on("click touchend", function() {
-				frame.attr('src', 'about:blank').hide();
-				lib_opts.show();
-				header.text(all_libs);
-				back.hide();
-			}).css({
-				'margin-right': 5
-			}).hide();
-			
-			var type = $('<select><option value=s>' + 
-			uiStrings.imagelib.import_single + '</option><option value=m>' +
-			uiStrings.imagelib.import_multi + '</option><option value=o>' +
-			uiStrings.imagelib.open + '</option></select>').appendTo(leftBlock).change(function() {
-				mode = $(this).val();
-				switch (mode) {
-					case 's':
-					case 'o':
-						toggleMulti(false);
-						break;
-					
-					case 'm':
-						// Import multiple
-						toggleMulti(true);
-						break;
-				}
-			}).css({
-				'margin-top': 10
-			});
-			
-			cancel.prepend($.getSvgIcon('cancel', true));
-			back.prepend($.getSvgIcon('tool_imagelib', true));
-			
-			$.each(img_libs, function(i, opts) {
-				$('<li>')
-					.appendTo(lib_opts)
-					.text(opts.name)
-					.on("click touchend", function() {
-					frame.attr('src', opts.url).show();
-					header.text(opts.name);
-					lib_opts.hide();
-					back.show();
-				}).append('<span>' + opts.description + '</span>');
-			});
-			
-		} else {
-			$('#imgbrowse_holder').show();
-		}
-	}
-	
-	return {
-		svgicons: svgEditor.curConfig.extPath + "ext-imagelib.xml",
-		buttons: [{
-			id: "tool_imagelib",
-			type: "app_menu", // _flyout
-			position: 4,
-			title: "Image library",
-			events: {
-				"mouseup": showBrowser
-			}
-		}],
-		callback: function() {
-		
-			$('<style>').text('\
-				#imgbrowse_holder {\
-					position: absolute;\
-					top: 0;\
-					left: 0;\
-					width: 100%;\
-					height: 100%;\
-					background-color: rgba(0, 0, 0, .5);\
-					z-index: 5;\
-				}\
-				\
-				#imgbrowse {\
-					position: absolute;\
-					top: 25px;\
-					left: 25px;\
-					right: 25px;\
-					bottom: 25px;\
-					min-width: 300px;\
-					min-height: 200px;\
-					background: #B0B0B0;\
-					border: 1px outset #777;\
-				}\
-				#imgbrowse h1 {\
-					font-size: 20px;\
-					margin: .4em;\
-					text-align: center;\
-				}\
-				#lib_framewrap,\
-				#imgbrowse > ul {\
-					position: absolute;\
-					top: 45px;\
-					left: 10px;\
-					right: 10px;\
-					bottom: 10px;\
-					background: white;\
-					margin: 0;\
-					padding: 0;\
-				}\
-				#imgbrowse > ul {\
-					overflow: auto;\
-				}\
-				#imgbrowse > div {\
-					border: 1px solid #666;\
-				}\
-				#imglib_preview > div {\
-					padding: 5px;\
-					font-size: 12px;\
-				}\
-				#imglib_preview img {\
-					display: block;\
-					margin: 0 auto;\
-					max-height: 100px;\
-				}\
-				#imgbrowse li {\
-					list-style: none;\
-					padding: .5em;\
-					background: #E8E8E8;\
-					border-bottom: 1px solid #B0B0B0;\
-					line-height: 1.2em;\
-					font-style: sans-serif;\
-					}\
-				#imgbrowse li > span {\
-					color: #666;\
-					font-size: 15px;\
-					display: block;\
-					}\
-				#imgbrowse li:hover {\
-					background: #FFC;\
-					cursor: pointer;\
-					}\
-				#imgbrowse iframe {\
-					width: 100%;\
-					height: 100%;\
-					border: 0;\
-				}\
-			').appendTo('head');
-		}
-	};
-});
-
+/* globals jQuery */
+/**
+ * ext-imagelib.js
+ *
+ * @license MIT
+ *
+ * @copyright 2010 Alexis Deveria
+ *
+ */
+export default {
+  name: 'imagelib',
+  async init ({decode64, importLocale}) {
+    const imagelibStrings = await importLocale();
+    const svgEditor = this;
+
+    const $ = jQuery;
+    const {uiStrings, canvas: svgCanvas} = svgEditor;
+
+    function closeBrowser () {
+      $('#imgbrowse_holder').hide();
+    }
+
+    function importImage (url) {
+      const newImage = svgCanvas.addSVGElementFromJson({
+        element: 'image',
+        attr: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0,
+          id: svgCanvas.getNextId(),
+          style: 'pointer-events:inherit'
+        }
+      });
+      svgCanvas.clearSelection();
+      svgCanvas.addToSelection([newImage]);
+      svgCanvas.setImageURL(url);
+    }
+
+    const pending = {};
+
+    let mode = 's';
+    let multiArr = [];
+    let transferStopped = false;
+    let preview, submit;
+
+    window.addEventListener('message', function (evt) {
+      // Receive `postMessage` data
+      let response = evt.data;
+
+      if (!response || typeof response !== 'string') {
+        // Do nothing
+        return;
+      }
+      try {
+        // Todo: This block can be removed (and the above check changed to
+        //   insist on an object) if embedAPI moves away from a string to
+        //   an object (if IE9 support not needed)
+        response = JSON.parse(response);
+        if (response.namespace !== 'imagelib') {
+          return;
+        }
+      } catch (e) {
+        return;
+      }
+
+      const hasName = 'name' in response;
+      const hasHref = 'href' in response;
+
+      if (!hasName && transferStopped) {
+        transferStopped = false;
+        return;
+      }
+
+      let id;
+      if (hasHref) {
+        id = response.href;
+        response = response.data;
+      }
+
+      // Hide possible transfer dialog box
+      $('#dialog_box').hide();
+      let entry, curMeta, svgStr, imgStr;
+      const type = hasName
+        ? 'meta'
+        : response.charAt(0);
+      switch (type) {
+      case 'meta': {
+        // Metadata
+        transferStopped = false;
+        curMeta = response;
+
+        pending[curMeta.id] = curMeta;
+
+        const name = (curMeta.name || 'file');
+
+        const message = uiStrings.notification.retrieving.replace('%s', name);
+
+        if (mode !== 'm') {
+          $.process_cancel(message, function () {
+            transferStopped = true;
+            // Should a message be sent back to the frame?
+
+            $('#dialog_box').hide();
+          });
+        } else {
+          entry = $('<div>' + message + '</div>').data('id', curMeta.id);
+          preview.append(entry);
+          curMeta.entry = entry;
+        }
+
+        return;
+      }
+      case '<':
+        svgStr = true;
+        break;
+      case 'd': {
+        if (response.startsWith('data:image/svg+xml')) {
+          const pre = 'data:image/svg+xml;base64,';
+          const src = response.substring(pre.length);
+          response = decode64(src);
+          svgStr = true;
+          break;
+        } else if (response.startsWith('data:image/')) {
+          imgStr = true;
+          break;
+        }
+      }
+      // Else fall through
+      default:
+        // TODO: See if there's a way to base64 encode the binary data stream
+        // const str = 'data:;base64,' + svgedit.utilities.encode64(response, true);
+
+        // Assume it's raw image data
+        // importImage(str);
+
+        // Don't give warning as postMessage may have been used by something else
+        if (mode !== 'm') {
+          closeBrowser();
+        } else {
+          pending[id].entry.remove();
+        }
+        // $.alert('Unexpected data was returned: ' + response, function() {
+        //   if (mode !== 'm') {
+        //     closeBrowser();
+        //   } else {
+        //     pending[id].entry.remove();
+        //   }
+        // });
+        return;
+      }
+
+      switch (mode) {
+      case 's':
+        // Import one
+        if (svgStr) {
+          svgCanvas.importSvgString(response);
+        } else if (imgStr) {
+          importImage(response);
+        }
+        closeBrowser();
+        break;
+      case 'm':
+        // Import multiple
+        multiArr.push([(svgStr ? 'svg' : 'img'), response]);
+        curMeta = pending[id];
+        let title;
+        if (svgStr) {
+          if (curMeta && curMeta.name) {
+            title = curMeta.name;
+          } else {
+            // Try to find a title
+            const xml = new DOMParser().parseFromString(response, 'text/xml').documentElement;
+            title = $(xml).children('title').first().text() || '(SVG #' + response.length + ')';
+          }
+          if (curMeta) {
+            preview.children().each(function () {
+              if ($(this).data('id') === id) {
+                if (curMeta.preview_url) {
+                  $(this).html('<img src="' + curMeta.preview_url + '">' + title);
+                } else {
+                  $(this).text(title);
+                }
+                submit.removeAttr('disabled');
+              }
+            });
+          } else {
+            preview.append('<div>' + title + '</div>');
+            submit.removeAttr('disabled');
+          }
+        } else {
+          if (curMeta && curMeta.preview_url) {
+            title = curMeta.name || '';
+          }
+          if (curMeta && curMeta.preview_url) {
+            entry = '<img src="' + curMeta.preview_url + '">' + title;
+          } else {
+            entry = '<img src="' + response + '">';
+          }
+
+          if (curMeta) {
+            preview.children().each(function () {
+              if ($(this).data('id') === id) {
+                $(this).html(entry);
+                submit.removeAttr('disabled');
+              }
+            });
+          } else {
+            preview.append($('<div>').append(entry));
+            submit.removeAttr('disabled');
+          }
+        }
+        break;
+      case 'o':
+        // Open
+        if (!svgStr) { break; }
+        svgEditor.openPrep(function (ok) {
+          if (!ok) { return; }
+          svgCanvas.clear();
+          svgCanvas.setSvgString(response);
+          // updateCanvas();
+        });
+        closeBrowser();
+        break;
+      }
+    }, true);
+
+    function toggleMulti (show) {
+      $('#lib_framewrap, #imglib_opts').css({right: (show ? 200 : 10)});
+      if (!preview) {
+        preview = $('<div id=imglib_preview>').css({
+          position: 'absolute',
+          top: 45,
+          right: 10,
+          width: 180,
+          bottom: 45,
+          background: '#fff',
+          overflow: 'auto'
+        }).insertAfter('#lib_framewrap');
+
+        submit = $('<button disabled>Import selected</button>')
+          .appendTo('#imgbrowse')
+          .on('click touchend', function () {
+            $.each(multiArr, function (i) {
+              const type = this[0];
+              const data = this[1];
+              if (type === 'svg') {
+                svgCanvas.importSvgString(data);
+              } else {
+                importImage(data);
+              }
+              svgCanvas.moveSelectedElements(i * 20, i * 20, false);
+            });
+            preview.empty();
+            multiArr = [];
+            $('#imgbrowse_holder').hide();
+          }).css({
+            position: 'absolute',
+            bottom: 10,
+            right: -10
+          });
+      }
+
+      preview.toggle(show);
+      submit.toggle(show);
+    }
+
+    function showBrowser () {
+      let browser = $('#imgbrowse');
+      if (!browser.length) {
+        $('<div id=imgbrowse_holder><div id=imgbrowse class=toolbar_button>' +
+        '</div></div>').insertAfter('#svg_docprops');
+        browser = $('#imgbrowse');
+
+        const allLibs = imagelibStrings.select_lib;
+
+        const libOpts = $('<ul id=imglib_opts>').appendTo(browser);
+        const frame = $('<iframe/>').prependTo(browser).hide().wrap('<div id=lib_framewrap>');
+
+        const header = $('<h1>').prependTo(browser).text(allLibs).css({
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          width: '100%'
+        });
+
+        const cancel = $('<button>' + uiStrings.common.cancel + '</button>')
+          .appendTo(browser)
+          .on('click touchend', function () {
+            $('#imgbrowse_holder').hide();
+          }).css({
+            position: 'absolute',
+            top: 5,
+            right: -10
+          });
+
+        const leftBlock = $('<span>').css({position: 'absolute', top: 5, left: 10}).appendTo(browser);
+
+        const back = $('<button hidden>' + imagelibStrings.show_list + '</button>')
+          .appendTo(leftBlock)
+          .on('click touchend', function () {
+            frame.attr('src', 'about:blank').hide();
+            libOpts.show();
+            header.text(allLibs);
+            back.hide();
+          }).css({
+            'margin-right': 5
+          }).hide();
+
+        /* const type = */ $('<select><option value=s>' +
+          imagelibStrings.import_single + '</option><option value=m>' +
+          imagelibStrings.import_multi + '</option><option value=o>' +
+          imagelibStrings.open + '</option></select>').appendTo(leftBlock).change(function () {
+          mode = $(this).val();
+          switch (mode) {
+          case 's':
+          case 'o':
+            toggleMulti(false);
+            break;
+
+          case 'm':
+            // Import multiple
+            toggleMulti(true);
+            break;
+          }
+        }).css({
+          'margin-top': 10
+        });
+
+        cancel.prepend($.getSvgIcon('cancel', true));
+        back.prepend($.getSvgIcon('tool_imagelib', true));
+
+        const modularVersion = !('svgEditor' in window) ||
+          !window.svgEditor ||
+          window.svgEditor.modules !== false;
+        $.each(imagelibStrings.imgLibs, function (i, {name, url, description}) {
+          $('<li>')
+            .appendTo(libOpts)
+            .text(name)
+            .on('click touchend', function () {
+              frame.attr(
+                'src',
+                // Todo: Adopt some standard formatting library like `fluent.js` instead
+                url.replace(
+                  '{path}',
+                  svgEditor.curConfig.extIconsPath
+                ).replace(
+                  '{modularVersion}',
+                  modularVersion
+                    ? (imagelibStrings.moduleEnding || '-es')
+                    : ''
+                )
+              ).show();
+              header.text(name);
+              libOpts.hide();
+              back.show();
+            }).append(`<span>${description}</span>`);
+        });
+      } else {
+        $('#imgbrowse_holder').show();
+      }
+    }
+
+    const buttons = [{
+      id: 'tool_imagelib',
+      type: 'app_menu', // _flyout
+      icon: svgEditor.curConfig.extIconsPath + 'imagelib.png',
+      position: 4,
+      events: {
+        mouseup: showBrowser
+      }
+    }];
+
+    return {
+      svgicons: svgEditor.curConfig.extIconsPath + 'ext-imagelib.xml',
+      buttons: imagelibStrings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      }),
+      callback () {
+        $('<style>').text(
+          '#imgbrowse_holder {' +
+            'position: absolute;' +
+            'top: 0;' +
+            'left: 0;' +
+            'width: 100%;' +
+            'height: 100%;' +
+            'background-color: rgba(0, 0, 0, .5);' +
+            'z-index: 5;' +
+          '}' +
+          '#imgbrowse {' +
+            'position: absolute;' +
+            'top: 25px;' +
+            'left: 25px;' +
+            'right: 25px;' +
+            'bottom: 25px;' +
+            'min-width: 300px;' +
+            'min-height: 200px;' +
+            'background: #B0B0B0;' +
+            'border: 1px outset #777;' +
+          '}' +
+          '#imgbrowse h1 {' +
+            'font-size: 20px;' +
+            'margin: .4em;' +
+            'text-align: center;' +
+          '}' +
+          '#lib_framewrap,' +
+          '#imgbrowse > ul {' +
+            'position: absolute;' +
+            'top: 45px;' +
+            'left: 10px;' +
+            'right: 10px;' +
+            'bottom: 10px;' +
+            'background: white;' +
+            'margin: 0;' +
+            'padding: 0;' +
+          '}' +
+          '#imgbrowse > ul {' +
+            'overflow: auto;' +
+          '}' +
+          '#imgbrowse > div {' +
+            'border: 1px solid #666;' +
+          '}' +
+          '#imglib_preview > div {' +
+            'padding: 5px;' +
+            'font-size: 12px;' +
+          '}' +
+          '#imglib_preview img {' +
+            'display: block;' +
+            'margin: 0 auto;' +
+            'max-height: 100px;' +
+          '}' +
+          '#imgbrowse li {' +
+            'list-style: none;' +
+            'padding: .5em;' +
+            'background: #E8E8E8;' +
+            'border-bottom: 1px solid #B0B0B0;' +
+            'line-height: 1.2em;' +
+            'font-style: sans-serif;' +
+            '}' +
+          '#imgbrowse li > span {' +
+            'color: #666;' +
+            'font-size: 15px;' +
+            'display: block;' +
+            '}' +
+          '#imgbrowse li:hover {' +
+            'background: #FFC;' +
+            'cursor: pointer;' +
+            '}' +
+          '#imgbrowse iframe {' +
+            'width: 100%;' +
+            'height: 100%;' +
+            'border: 0;' +
+          '}'
+        ).appendTo('head');
+      }
+    };
+  }
+};
diff --git a/editor/extensions/ext-imagelib.xml b/editor/extensions/ext-imagelib.xml
index 936578c0..fdc7e333 100644
--- a/editor/extensions/ext-imagelib.xml
+++ b/editor/extensions/ext-imagelib.xml
@@ -1,14 +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>
\ No newline at end of file
+<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>
diff --git a/editor/extensions/ext-locale/arrows/en.js b/editor/extensions/ext-locale/arrows/en.js
new file mode 100644
index 00000000..b5f0a884
--- /dev/null
+++ b/editor/extensions/ext-locale/arrows/en.js
@@ -0,0 +1,19 @@
+export 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;--'
+      }
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/arrows/fr.js b/editor/extensions/ext-locale/arrows/fr.js
new file mode 100644
index 00000000..ea223018
--- /dev/null
+++ b/editor/extensions/ext-locale/arrows/fr.js
@@ -0,0 +1,19 @@
+export 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;--'
+      }
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/closepath/en.js b/editor/extensions/ext-locale/closepath/en.js
new file mode 100644
index 00000000..5b57d617
--- /dev/null
+++ b/editor/extensions/ext-locale/closepath/en.js
@@ -0,0 +1,11 @@
+export default {
+  name: 'ClosePath',
+  buttons: [
+    {
+      title: 'Open path'
+    },
+    {
+      title: 'Close path'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/connector/en.js b/editor/extensions/ext-locale/connector/en.js
new file mode 100644
index 00000000..beef9a7f
--- /dev/null
+++ b/editor/extensions/ext-locale/connector/en.js
@@ -0,0 +1,11 @@
+export default {
+  name: 'Connector',
+  langList: [
+    {id: 'mode_connect', title: 'Connect two objects'}
+  ],
+  buttons: [
+    {
+      title: 'Connect two objects'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/connector/fr.js b/editor/extensions/ext-locale/connector/fr.js
new file mode 100644
index 00000000..aec84749
--- /dev/null
+++ b/editor/extensions/ext-locale/connector/fr.js
@@ -0,0 +1,11 @@
+export default {
+  name: 'Connector',
+  langList: [
+    {id: 'mode_connect', title: 'Connecter deux objets'}
+  ],
+  buttons: [
+    {
+      title: 'Connect two objects'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/eyedropper/en.js b/editor/extensions/ext-locale/eyedropper/en.js
new file mode 100644
index 00000000..8c7fdc54
--- /dev/null
+++ b/editor/extensions/ext-locale/eyedropper/en.js
@@ -0,0 +1,9 @@
+export default {
+  name: 'eyedropper',
+  buttons: [
+    {
+      title: 'Eye Dropper Tool',
+      key: 'I'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/foreignobject/en.js b/editor/extensions/ext-locale/foreignobject/en.js
new file mode 100644
index 00000000..79e39cf0
--- /dev/null
+++ b/editor/extensions/ext-locale/foreignobject/en.js
@@ -0,0 +1,25 @@
+export 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'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/grid/en.js b/editor/extensions/ext-locale/grid/en.js
new file mode 100644
index 00000000..8472da87
--- /dev/null
+++ b/editor/extensions/ext-locale/grid/en.js
@@ -0,0 +1,8 @@
+export default {
+  name: 'View Grid',
+  buttons: [
+    {
+      title: 'Show/Hide Grid'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/helloworld/en.js b/editor/extensions/ext-locale/helloworld/en.js
new file mode 100644
index 00000000..e52406fa
--- /dev/null
+++ b/editor/extensions/ext-locale/helloworld/en.js
@@ -0,0 +1,9 @@
+export default {
+  name: 'Hello World',
+  text: 'Hello World!\n\nYou clicked here: {x}, {y}',
+  buttons: [
+    {
+      title: "Say 'Hello World'"
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/imagelib/de.js b/editor/extensions/ext-locale/imagelib/de.js
new file mode 100644
index 00000000..41c502ea
--- /dev/null
+++ b/editor/extensions/ext-locale/imagelib/de.js
@@ -0,0 +1,29 @@
+export 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',
+      description: 'Free library of illustrations'
+    },
+    {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/imagelib/en.js b/editor/extensions/ext-locale/imagelib/en.js
new file mode 100644
index 00000000..008d2db4
--- /dev/null
+++ b/editor/extensions/ext-locale/imagelib/en.js
@@ -0,0 +1,29 @@
+export 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',
+      description: 'Free library of illustrations'
+    },
+    {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/imagelib/fr.js b/editor/extensions/ext-locale/imagelib/fr.js
new file mode 100644
index 00000000..e112cd5a
--- /dev/null
+++ b/editor/extensions/ext-locale/imagelib/fr.js
@@ -0,0 +1,29 @@
+export 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',
+      description: 'Free library of illustrations'
+    },
+    {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/imagelib/pl.js b/editor/extensions/ext-locale/imagelib/pl.js
new file mode 100644
index 00000000..24c2b38b
--- /dev/null
+++ b/editor/extensions/ext-locale/imagelib/pl.js
@@ -0,0 +1,29 @@
+export 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',
+      description: 'Free library of illustrations'
+    },
+    {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/imagelib/pt-BR.js b/editor/extensions/ext-locale/imagelib/pt-BR.js
new file mode 100644
index 00000000..7d346b78
--- /dev/null
+++ b/editor/extensions/ext-locale/imagelib/pt-BR.js
@@ -0,0 +1,29 @@
+export 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',
+      description: 'Free library of illustrations'
+    },
+    {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/imagelib/ro.js b/editor/extensions/ext-locale/imagelib/ro.js
new file mode 100644
index 00000000..7ef4e68c
--- /dev/null
+++ b/editor/extensions/ext-locale/imagelib/ro.js
@@ -0,0 +1,29 @@
+export 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',
+      description: 'Free library of illustrations'
+    },
+    {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/imagelib/sk.js b/editor/extensions/ext-locale/imagelib/sk.js
new file mode 100644
index 00000000..52515a43
--- /dev/null
+++ b/editor/extensions/ext-locale/imagelib/sk.js
@@ -0,0 +1,29 @@
+export 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',
+      description: 'Free library of illustrations'
+    },
+    {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/imagelib/sl.js b/editor/extensions/ext-locale/imagelib/sl.js
new file mode 100644
index 00000000..7a401486
--- /dev/null
+++ b/editor/extensions/ext-locale/imagelib/sl.js
@@ -0,0 +1,29 @@
+export 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',
+      description: 'Free library of illustrations'
+    },
+    {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/imagelib/zh-CN.js b/editor/extensions/ext-locale/imagelib/zh-CN.js
new file mode 100644
index 00000000..f96f1363
--- /dev/null
+++ b/editor/extensions/ext-locale/imagelib/zh-CN.js
@@ -0,0 +1,29 @@
+export 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',
+      description: 'Free library of illustrations'
+    },
+    {
+      name: 'Openclipart',
+      url: 'https://openclipart.org/svgedit',
+      description: 'Share and Use Images. Over 50,000 Public Domain SVG Images and Growing.'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/markers/en.js b/editor/extensions/ext-locale/markers/en.js
new file mode 100644
index 00000000..69201e4d
--- /dev/null
+++ b/editor/extensions/ext-locale/markers/en.js
@@ -0,0 +1,46 @@
+export 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'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/mathjax/en.js b/editor/extensions/ext-locale/mathjax/en.js
new file mode 100644
index 00000000..916899ca
--- /dev/null
+++ b/editor/extensions/ext-locale/mathjax/en.js
@@ -0,0 +1,8 @@
+export default {
+  name: 'MathJax',
+  buttons: [
+    {
+      title: 'Add Mathematics'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/panning/en.js b/editor/extensions/ext-locale/panning/en.js
new file mode 100644
index 00000000..5bd26b8b
--- /dev/null
+++ b/editor/extensions/ext-locale/panning/en.js
@@ -0,0 +1,8 @@
+export default {
+  name: 'Extension Panning',
+  buttons: [
+    {
+      title: 'Panning'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/polygon/en.js b/editor/extensions/ext-locale/polygon/en.js
new file mode 100644
index 00000000..ddca9727
--- /dev/null
+++ b/editor/extensions/ext-locale/polygon/en.js
@@ -0,0 +1,14 @@
+export default {
+  name: 'polygon',
+  buttons: [
+    {
+      title: 'Polygon Tool'
+    }
+  ],
+  contextTools: [
+    {
+      title: 'Number of Sides',
+      label: 'sides'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/server_moinsave/en.js b/editor/extensions/ext-locale/server_moinsave/en.js
new file mode 100644
index 00000000..13ef336e
--- /dev/null
+++ b/editor/extensions/ext-locale/server_moinsave/en.js
@@ -0,0 +1,3 @@
+export default {
+  saved: 'Saved! Return to Item View!'
+};
diff --git a/editor/extensions/ext-locale/server_opensave/en.js b/editor/extensions/ext-locale/server_opensave/en.js
new file mode 100644
index 00000000..d65ec1ad
--- /dev/null
+++ b/editor/extensions/ext-locale/server_opensave/en.js
@@ -0,0 +1,3 @@
+export default {
+  uploading: 'Uploading...'
+};
diff --git a/editor/extensions/ext-locale/shapes/en.js b/editor/extensions/ext-locale/shapes/en.js
new file mode 100644
index 00000000..83a67ccf
--- /dev/null
+++ b/editor/extensions/ext-locale/shapes/en.js
@@ -0,0 +1,24 @@
+export 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'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/shapes/fr.js b/editor/extensions/ext-locale/shapes/fr.js
new file mode 100644
index 00000000..4b46c391
--- /dev/null
+++ b/editor/extensions/ext-locale/shapes/fr.js
@@ -0,0 +1,24 @@
+export 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"
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/star/en.js b/editor/extensions/ext-locale/star/en.js
new file mode 100644
index 00000000..da9d857c
--- /dev/null
+++ b/editor/extensions/ext-locale/star/en.js
@@ -0,0 +1,22 @@
+export 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'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-locale/storage/de.js b/editor/extensions/ext-locale/storage/de.js
new file mode 100644
index 00000000..d3160369
--- /dev/null
+++ b/editor/extensions/ext-locale/storage/de.js
@@ -0,0 +1,14 @@
+export 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.'
+};
diff --git a/editor/extensions/ext-locale/storage/en.js b/editor/extensions/ext-locale/storage/en.js
new file mode 100644
index 00000000..568e0b9f
--- /dev/null
+++ b/editor/extensions/ext-locale/storage/en.js
@@ -0,0 +1,14 @@
+export 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.'
+};
diff --git a/editor/extensions/ext-locale/storage/fr.js b/editor/extensions/ext-locale/storage/fr.js
new file mode 100644
index 00000000..9c454dbb
--- /dev/null
+++ b/editor/extensions/ext-locale/storage/fr.js
@@ -0,0 +1,14 @@
+export 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."
+};
diff --git a/editor/extensions/ext-locale/webappfind/en.js b/editor/extensions/ext-locale/webappfind/en.js
new file mode 100644
index 00000000..92be802c
--- /dev/null
+++ b/editor/extensions/ext-locale/webappfind/en.js
@@ -0,0 +1,8 @@
+export default {
+  name: 'WebAppFind',
+  buttons: [
+    {
+      title: 'Save Image back to Disk'
+    }
+  ]
+};
diff --git a/editor/extensions/ext-markers.js b/editor/extensions/ext-markers.js
index 6c5f19f1..2d5c069e 100644
--- a/editor/extensions/ext-markers.js
+++ b/editor/extensions/ext-markers.js
@@ -1,23 +1,21 @@
-/*globals svgEditor, svgCanvas, $*/
-/*jslint vars: true, eqeq: true, todo: true */
-/*
+/* globals jQuery */
+/**
  * ext-markers.js
  *
- * Licensed under the Apache License, Version 2
+ * @license Apache-2.0
  *
- * Copyright(c) 2010 Will Schleter 
- *   based on ext-arrows.js by Copyright(c) 2010 Alexis Deveria
+ * @copyright 2010 Will Schleter based on ext-arrows.js by Copyright(c) 2010 Alexis Deveria
  *
  * This extension provides for the addition of markers to the either end
- * or the middle of a line, polyline, path, polygon. 
- * 
+ * or the middle of a line, polyline, path, polygon.
+ *
  * Markers may be either a graphic or arbitary text
- * 
+ *
  * to simplify the coding and make the implementation as robust as possible,
  * markers are not shared - every object has its own set of markers.
  * this relationship is maintained by a naming convention between the
  * ids of the markers and the ids of the object
- * 
+ *
  * The following restrictions exist for simplicty of use and programming
  *    objects and their markers to have the same color
  *    marker size is fixed
@@ -25,555 +23,521 @@
  *    an application specific attribute - se_type - is added to each marker element
  *        to store the type of marker
  *
- * TODO:
+ * @todo
  *    remove some of the restrictions above
  *    add option for keeping text aligned to horizontal
  *    add support for dimension extension lines
  *
- */
-
-svgEditor.addExtension("Markers", function(S) {
-	var // svgcontent = S.svgcontent,
-		addElem = S.addSvgElementFromJson,
-		selElems;
-
-	var mtypes = ['start','mid','end'];
-
-	var marker_prefix = 'se_marker_';
-	var id_prefix = 'mkr_';
-		
-	// note - to add additional marker types add them below with a unique id
-	// and add the associated icon(s) to marker-icons.svg
-	// the geometry is normallized to a 100x100 box with the origin at lower left
-	// Safari did not like negative values for low left of viewBox
-	// remember that the coordinate system has +y downward
-	var marker_types = {
-		nomarker: {},  
-		leftarrow:  
-			{element:'path', attr:{d:'M0,50 L100,90 L70,50 L100,10 Z'}},
-		rightarrow:
-			{element:'path', attr:{d:'M100,50 L0,90 L30,50 L0,10 Z'}},
-		textmarker:
-			{element:'text', attr: {x:0, y:0,'stroke-width':0,'stroke':'none','font-size':75,'font-family':'serif','text-anchor':'left',
-				'xml:space': 'preserve'}},
-		forwardslash:
-			{element:'path', attr:{d:'M30,100 L70,0'}},
-		reverseslash:
-			{element:'path', attr:{d:'M30,0 L70,100'}},
-		verticalslash:
-			{element:'path', attr:{d:'M50,0 L50,100'}},
-		box:
-			{element:'path', attr:{d:'M20,20 L20,80 L80,80 L80,20 Z'}},
-		star:
-			{element:'path', attr:{d:'M10,30 L90,30 L20,90 L50,10 L80,90 Z'}},
-		xmark:
-			{element:'path', attr:{d:'M20,80 L80,20 M80,80 L20,20'}},
-		triangle:
-			{element:'path', attr:{d:'M10,80 L50,20 L80,80 Z'}},
-		mcircle:
-			{element:'circle', attr:{r:30, cx:50, cy:50}}			
-	};
-	
-	
-	var lang_list = {
-		"en":[
-			{id: "start_marker_list", title: "Select start marker type" },
-			{id: "mid_marker_list", title: "Select mid marker type" },
-			{id: "end_marker_list", title: "Select end marker type" },
-			{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" }
-		]
-	};
-
-
-	// duplicate shapes to support unfilled (open) marker types with an _o suffix
-	$.each(['leftarrow','rightarrow','box','star','mcircle','triangle'],function(i,v) {
-		marker_types[v+'_o'] = marker_types[v];
-	});
-	
-	// elem = a graphic element will have an attribute like marker-start
-	// attr - marker-start, marker-mid, or marker-end
-	// returns the marker element that is linked to the graphic element
-	function getLinked(elem, attr) {
-		var str = elem.getAttribute(attr);
-		if(!str) {return null;}
-		var m = str.match(/\(\#(.*)\)/);
-		if(!m || m.length !== 2) {
-			return null;
-		}
-		return S.getElem(m[1]);
-	}
-
-	function setIcon(pos,id) {
-		if (id.substr(0,1) !== '\\') {id = '\\textmarker';}
-		var ci = '#'+id_prefix+pos+'_'+id.substr(1);
-		svgEditor.setIcon('#cur_' + pos +'_marker_list', $(ci).children());
-		$(ci).addClass('current').siblings().removeClass('current');
-	}
-
-	// toggles context tool panel off/on
-	//sets the controls with the selected element's settings
-	function showPanel(on) {
-		$('#marker_panel').toggle(on);
-
-		if(on) {
-			var el = selElems[0];
-			var val;
-			var ci;
-
-			$.each(mtypes, function(i, pos) {
-				var m = getLinked(el, "marker-" + pos);
-				var txtbox = $('#' + pos + '_marker');
-				if (!m) {
-					val = '\\nomarker';
-					ci = val;
-					txtbox.hide(); // hide text box
-				} else {
-					if (!m.attributes.se_type) {return;} // not created by this extension
-					val = '\\' + m.attributes.se_type.textContent;
-					ci = val;
-					if (val === '\\textmarker') {
-						val = m.lastChild.textContent;
-						//txtbox.show(); // show text box
-					} else {
-						txtbox.hide(); // hide text box
-					}
-				}
-				txtbox.val(val);				
-				setIcon(pos,ci);
-			});
-		}
-	}	
-
-	function addMarker(id, val) {
-		var txt_box_bg = '#ffffff';
-		var txt_box_border = 'none';
-		var txt_box_stroke_width = 0;
-		
-		var marker = S.getElem(id);
-
-		if (marker) {return;}
-
-		if (val == '' || val == '\\nomarker') {return;}
-
-		var el = selElems[0];		 
-		var color = el.getAttribute('stroke');
-		//NOTE: Safari didn't like a negative value in viewBox
-		//so we use a standardized 0 0 100 100
-		//with 50 50 being mapped to the marker position
-		var refX = 50;
-		var refY = 50;
-		var viewBox = "0 0 100 100";
-		var markerWidth = 5;
-		var markerHeight = 5;
-		var strokeWidth = 10;
-		var se_type;
-		if (val.substr(0,1) === '\\') {se_type = val.substr(1);}
-		else {se_type = 'textmarker';}
-
-		if (!marker_types[se_type]) {return;} // an unknown type!
-		
-		// create a generic marker
-		marker = addElem({
-			"element": "marker",
-			"attr": {
-			"id": id,
-			"markerUnits": "strokeWidth",
-			"orient": "auto",
-			"style": "pointer-events:none",
-			"se_type": se_type
-		}
-		});
-
-		if (se_type != 'textmarker') {
-			var mel = addElem(marker_types[se_type]);
-			var fillcolor = color;
-			if (se_type.substr(-2) === '_o') {fillcolor = 'none';}
-			mel.setAttribute('fill', fillcolor);
-			mel.setAttribute('stroke', color);
-			mel.setAttribute('stroke-width', strokeWidth);
-			marker.appendChild(mel);
-		} else {
-			var text = addElem(marker_types[se_type]);
-			// have to add text to get bounding box
-			text.textContent = val;
-			var tb = text.getBBox();
-			//alert( tb.x + " " + tb.y + " " + tb.width + " " + tb.height);
-			var pad = 1;
-			var bb = tb;
-			bb.x = 0;
-			bb.y = 0;
-			bb.width += pad*2;
-			bb.height += pad*2;
-			// shift text according to its size
-			text.setAttribute('x', pad);
-			text.setAttribute('y', bb.height - pad - tb.height/4); // kludge?
-			text.setAttribute('fill',color);
-			refX = bb.width/2 + pad;
-			refY = bb.height/2 + pad;
-			viewBox = bb.x + " " + bb.y + " " + bb.width + " " + bb.height;
-			markerWidth = bb.width/10;
-			markerHeight = bb.height/10;
-
-			var box = addElem({
-				"element": "rect",
-				"attr": {
-					"x": bb.x,
-					"y": bb.y,
-					"width": bb.width,
-					"height": bb.height,
-					"fill": txt_box_bg,
-					"stroke": txt_box_border,
-					"stroke-width": txt_box_stroke_width
-				}
-			});
-			marker.setAttribute("orient",0);
-			marker.appendChild(box);
-			marker.appendChild(text);
-		} 
-
-		marker.setAttribute("viewBox",viewBox);
-		marker.setAttribute("markerWidth", markerWidth);
-		marker.setAttribute("markerHeight", markerHeight);
-		marker.setAttribute("refX", refX);
-		marker.setAttribute("refY", refY);
-		S.findDefs().appendChild(marker);
-
-		return marker;
-	}
-
-	function convertline(elem) {
-		// this routine came from the connectors extension
-		// it is needed because midpoint markers don't work with line elements
-		if (!(elem.tagName === 'line')) {return elem;}
-
-		// Convert to polyline to accept mid-arrow
-
-		var x1 = Number(elem.getAttribute('x1'));
-		var x2 = Number(elem.getAttribute('x2'));
-		var y1 = Number(elem.getAttribute('y1'));
-		var y2 = Number(elem.getAttribute('y2'));
-		var id = elem.id;
-
-		var mid_pt = (' '+((x1+x2)/2)+','+((y1+y2)/2) + ' ');
-		var pline = addElem({
-			"element": "polyline",
-			"attr": {
-				"points": (x1+','+y1+ mid_pt +x2+','+y2),
-				"stroke": elem.getAttribute('stroke'),
-				"stroke-width": elem.getAttribute('stroke-width'),
-				"fill": "none",
-				"opacity": elem.getAttribute('opacity') || 1
-			}
-		});
-		$.each(mtypes, function(i, pos) { // get any existing marker definitions
-			var nam = 'marker-'+pos;
-			var m = elem.getAttribute(nam);
-			if (m) {pline.setAttribute(nam,elem.getAttribute(nam));}
-		});
-		
-		var batchCmd = new S.BatchCommand();
-		batchCmd.addSubCommand(new S.RemoveElementCommand(elem, elem.parentNode));
-		batchCmd.addSubCommand(new S.InsertElementCommand(pline));
-		
-		$(elem).after(pline).remove();
-		svgCanvas.clearSelection();
-		pline.id = id;
-		svgCanvas.addToSelection([pline]);
-		S.addCommandToHistory(batchCmd);
-		return pline;
-	}
-
-	function setMarker() {
-		var poslist={'start_marker':'start','mid_marker':'mid','end_marker':'end'};
-		var pos = poslist[this.id];
-		var marker_name = 'marker-'+pos;
-		var val = this.value;
-		var el = selElems[0];
-		var marker = getLinked(el, marker_name);
-		if (marker) {$(marker).remove();}
-		el.removeAttribute(marker_name);
-		if (val == '') {val = '\\nomarker';}
-		if (val == '\\nomarker') {
-			setIcon(pos,val);
-			S.call("changed", selElems);
-			return;
-		}
-		// Set marker on element
-		var id = marker_prefix + pos + '_' + el.id;
-		addMarker(id, val);
-		svgCanvas.changeSelectedAttribute(marker_name, "url(#" + id + ")");
-		if (el.tagName === 'line' && pos == 'mid') {el = convertline(el);}
-		S.call("changed", selElems);
-		setIcon(pos,val);
-	}
-
-	// called when the main system modifies an object
-	// this routine changes the associated markers to be the same color
-	function colorChanged(elem) {
-		var color = elem.getAttribute('stroke');
-
-		$.each(mtypes, function(i, pos) {
-			var marker = getLinked(elem, 'marker-'+pos);
-			if (!marker) {return;}
-			if (!marker.attributes.se_type) {return;} // not created by this extension
-			var ch = marker.lastElementChild;
-			if (!ch) {return;}
-			var curfill = ch.getAttribute('fill');
-			var curstroke = ch.getAttribute('stroke');
-			if (curfill && curfill != 'none') {ch.setAttribute('fill', color);}
-			if (curstroke && curstroke != 'none') {ch.setAttribute('stroke', color);}
-		});
-	}
-
-	// called when the main system creates or modifies an object
-	// primary purpose is create new markers for cloned objects
-	function updateReferences(el) {
-		$.each(mtypes, function (i, pos) {
-			var id = marker_prefix + pos + '_' + el.id;
-			var marker_name = 'marker-'+pos;
-			var marker = getLinked(el, marker_name);
-			if (!marker || !marker.attributes.se_type) {return;} // not created by this extension
-			var url = el.getAttribute(marker_name);
-			if (url) {
-				var len = el.id.length;
-				var linkid = url.substr(-len-1, len);
-				if (el.id != linkid) {
-					var val = $('#'+pos + '_marker').attr('value');
-					addMarker(id, val);
-					svgCanvas.changeSelectedAttribute(marker_name, "url(#" + id + ")");
-					if (el.tagName === 'line' && pos == 'mid') {el = convertline(el);}
-					S.call("changed", selElems);
-				}
-			}
-		});
-	}
-
-	// simulate a change event a text box that stores the current element's marker type
-	function triggerTextEntry(pos, val) {
-		$('#'+pos+'_marker').val(val);
-		$('#'+pos+'_marker').change();
-		// var txtbox = $('#'+pos+'_marker');
-		// if (val.substr(0,1)=='\\') {txtbox.hide();}
-		// else {txtbox.show();}
-	}
-
-	function showTextPrompt(pos) {
-		var def = $('#'+pos+'_marker').val();
-		if (def.substr(0,1) === '\\') {def = '';}
-		$.prompt('Enter text for ' + pos + ' marker', def , function(txt) {
-			if (txt) {triggerTextEntry(pos, txt);}
-		});
-	}
-
-	/*
-	function setMarkerSet(obj) {
-		var parts = this.id.split('_');
-		var set = parts[2];
-		switch (set) {
-		case 'off':
-			triggerTextEntry('start','\\nomarker');
-			triggerTextEntry('mid','\\nomarker');
-			triggerTextEntry('end','\\nomarker');
-			break;
-		case 'dimension':
-			triggerTextEntry('start','\\leftarrow');
-			triggerTextEntry('end','\\rightarrow');
-			showTextPrompt('mid');
-			break;
-		case 'label':
-			triggerTextEntry('mid','\\nomarker');
-			triggerTextEntry('end','\\rightarrow');
-			showTextPrompt('start');
-			break;
-		}
-	}
-	*/
-	// callback function for a toolbar button click
-	function setArrowFromButton(obj) {
-		
-		var parts = this.id.split('_');
-		var pos = parts[1];
-		var val = parts[2];
-		if (parts[3]) { val += '_' + parts[3];}
-		
-		if (val != 'textmarker') {
-			triggerTextEntry(pos, '\\'+val);
-		} else {
-			showTextPrompt(pos);
-		}
-	}
-	
-	function getTitle(lang, id) {
-		var i, list = lang_list[lang];
-		for (i in list) {
-			if (list.hasOwnProperty(i) && list[i].id == id) {
-				return list[i].title;
-			}
-		}
-		return id;
-	}
-	
-	
-	// build the toolbar button array from the marker definitions
-	// TODO: need to incorporate language specific titles
-	function buildButtonList() {
-		var buttons=[];
-		// var i = 0;
-/*
-		buttons.push({
-			id:id_prefix + 'markers_off',
-			title:'Turn off all markers',
-			type:'context',
-			events: { 'click': setMarkerSet },
-			panel: 'marker_panel'
-		});
-		buttons.push({
-			id:id_prefix + 'markers_dimension',
-			title:'Dimension',
-			type:'context',
-			events: { 'click': setMarkerSet },
-			panel: 'marker_panel'
-		});
-		buttons.push({
-			id:id_prefix + 'markers_label',
-			title:'Label',
-			type:'context',
-			events: { 'click': setMarkerSet },
-			panel: 'marker_panel'
-		});
 */
-		$.each(mtypes, function (k, pos) {
-			var listname = pos + "_marker_list";
-			var def = true;
-			$.each(marker_types, function (id, v) {
-				var title = getTitle('en', id);
-				buttons.push({
-					id: id_prefix + pos + '_' + id,
-					svgicon: id,
-					title: title,
-					type: 'context',
-					events: {'click': setArrowFromButton},
-					panel: 'marker_panel',
-					list: listname,
-					isDefault: def
-				});
-				def = false;
-			});
-		});
-		return buttons;
-	}
+export default {
+  name: 'markers',
+  async init (S) {
+    const strings = await S.importLocale();
+    const svgEditor = this;
+    const $ = jQuery;
+    const svgCanvas = svgEditor.canvas;
+    const // {svgcontent} = S,
+      addElem = svgCanvas.addSVGElementFromJson;
+    const mtypes = ['start', 'mid', 'end'];
+    const markerPrefix = 'se_marker_';
+    const idPrefix = 'mkr_';
 
-	return {
-		name: "Markers",
-		svgicons: svgEditor.curConfig.extPath + "markers-icons.xml",
-		buttons: buildButtonList(),
-		context_tools: [
-		   {
-			type: "input",
-			panel: "marker_panel",
-			title: "Start marker",
-			id: "start_marker",
-			label: "s",
-			size: 3,
-			events: { change: setMarker }
-		},{
-			type: "button-select",
-			panel: "marker_panel",
-			title: getTitle('en', 'start_marker_list'),
-			id: "start_marker_list",
-			colnum: 3,
-			events: { change: setArrowFromButton }
-		},{
-			type: "input",
-			panel: "marker_panel",
-			title: "Middle marker",
-			id: "mid_marker",
-			label: "m",
-			defval: "",
-			size: 3,
-			events: { change: setMarker }
-		},{
-			type: "button-select",
-			panel: "marker_panel",
-			title: getTitle('en', 'mid_marker_list'),
-			id: "mid_marker_list",
-			colnum: 3,
-			events: { change: setArrowFromButton }
-		},{
-			type: "input",
-			panel: "marker_panel",
-			title: "End marker",
-			id: "end_marker",
-			label: "e",
-			size: 3,
-			events: { change: setMarker }
-		},{
-			type: "button-select",
-			panel: "marker_panel",
-			title: getTitle('en', 'end_marker_list'),
-			id: "end_marker_list",
-			colnum: 3,
-			events: { change: setArrowFromButton }
-		} ],
-		callback: function() {
-			$('#marker_panel').addClass('toolset').hide();
-			
-		},
-		addLangData: function(lang) {
-			return { data: lang_list[lang] };
-		},
+    // note - to add additional marker types add them below with a unique id
+    // and add the associated icon(s) to marker-icons.svg
+    // the geometry is normalized to a 100x100 box with the origin at lower left
+    // Safari did not like negative values for low left of viewBox
+    // remember that the coordinate system has +y downward
+    const markerTypes = {
+      nomarker: {},
+      leftarrow:
+        {element: 'path', attr: {d: 'M0,50 L100,90 L70,50 L100,10 Z'}},
+      rightarrow:
+        {element: 'path', attr: {d: 'M100,50 L0,90 L30,50 L0,10 Z'}},
+      textmarker:
+        {element: 'text', attr: {x: 0, y: 0, 'stroke-width': 0, stroke: 'none', 'font-size': 75, 'font-family': 'serif', 'text-anchor': 'left',
+          'xml:space': 'preserve'}},
+      forwardslash:
+        {element: 'path', attr: {d: 'M30,100 L70,0'}},
+      reverseslash:
+        {element: 'path', attr: {d: 'M30,0 L70,100'}},
+      verticalslash:
+        {element: 'path', attr: {d: 'M50,0 L50,100'}},
+      box:
+        {element: 'path', attr: {d: 'M20,20 L20,80 L80,80 L80,20 Z'}},
+      star:
+        {element: 'path', attr: {d: 'M10,30 L90,30 L20,90 L50,10 L80,90 Z'}},
+      xmark:
+        {element: 'path', attr: {d: 'M20,80 L80,20 M80,80 L20,20'}},
+      triangle:
+        {element: 'path', attr: {d: 'M10,80 L50,20 L80,80 Z'}},
+      mcircle:
+        {element: 'circle', attr: {r: 30, cx: 50, cy: 50}}
+    };
 
-	selectedChanged: function(opts) {
-		// Use this to update the current selected elements
-		//console.log('selectChanged',opts);
-		selElems = opts.elems;
+    // duplicate shapes to support unfilled (open) marker types with an _o suffix
+    ['leftarrow', 'rightarrow', 'box', 'star', 'mcircle', 'triangle'].forEach((v) => {
+      markerTypes[v + '_o'] = markerTypes[v];
+    });
 
-		var i = selElems.length;
-		var marker_elems = ['line','path','polyline','polygon'];
+    /**
+    * @param {Element} elem - A graphic element will have an attribute like marker-start
+    * @param {"marker-start"|"marker-mid"|"marker-end"} attr
+    * @returns {Element} The marker element that is linked to the graphic element
+    */
+    function getLinked (elem, attr) {
+      const str = elem.getAttribute(attr);
+      if (!str) { return null; }
+      const m = str.match(/\(#(.*)\)/);
+      if (!m || m.length !== 2) {
+        return null;
+      }
+      return svgCanvas.getElem(m[1]);
+    }
 
-		while(i--) {
-			var elem = selElems[i];
-			if(elem && $.inArray(elem.tagName, marker_elems) !== -1) {
-				if (opts.selectedElement && !opts.multiselected) {
-					showPanel(true);
-				} else {
-					showPanel(false);
-				}
-			} else {
-				showPanel(false);
-			}
-		}
-	},
+    function setIcon (pos, id) {
+      if (id.substr(0, 1) !== '\\') { id = '\\textmarker'; }
+      const ci = '#' + idPrefix + pos + '_' + id.substr(1);
+      svgEditor.setIcon('#cur_' + pos + '_marker_list', $(ci).children());
+      $(ci).addClass('current').siblings().removeClass('current');
+    }
 
-	elementChanged: function(opts) {		
-		//console.log('elementChanged',opts);
-		var elem = opts.elems[0];
-		if (elem && (
-				elem.getAttribute("marker-start") ||
-				elem.getAttribute("marker-mid") ||
-				elem.getAttribute("marker-end")
-		)) {
-			colorChanged(elem);
-			updateReferences(elem);
-		}
-		// changing_flag = false; // Not apparently in use
-	}
-	};
-});
+    let selElems;
+    // toggles context tool panel off/on
+    // sets the controls with the selected element's settings
+    function showPanel (on) {
+      $('#marker_panel').toggle(on);
+
+      if (on) {
+        const el = selElems[0];
+
+        let val, ci;
+        $.each(mtypes, function (i, pos) {
+          const m = getLinked(el, 'marker-' + pos);
+          const txtbox = $('#' + pos + '_marker');
+          if (!m) {
+            val = '\\nomarker';
+            ci = val;
+            txtbox.hide(); // hide text box
+          } else {
+            if (!m.attributes.se_type) { return; } // not created by this extension
+            val = '\\' + m.attributes.se_type.textContent;
+            ci = val;
+            if (val === '\\textmarker') {
+              val = m.lastChild.textContent;
+              // txtbox.show(); // show text box
+            } else {
+              txtbox.hide(); // hide text box
+            }
+          }
+          txtbox.val(val);
+          setIcon(pos, ci);
+        });
+      }
+    }
+
+    function addMarker (id, val) {
+      const txtBoxBg = '#ffffff';
+      const txtBoxBorder = 'none';
+      const txtBoxStrokeWidth = 0;
+
+      let marker = svgCanvas.getElem(id);
+      if (marker) { return; }
+
+      if (val === '' || val === '\\nomarker') { return; }
+
+      const el = selElems[0];
+      const color = el.getAttribute('stroke');
+      // NOTE: Safari didn't like a negative value in viewBox
+      // so we use a standardized 0 0 100 100
+      // with 50 50 being mapped to the marker position
+      const strokeWidth = 10;
+      let refX = 50;
+      let refY = 50;
+      let viewBox = '0 0 100 100';
+      let markerWidth = 5;
+      let markerHeight = 5;
+      let seType;
+      if (val.substr(0, 1) === '\\') {
+        seType = val.substr(1);
+      } else { seType = 'textmarker'; }
+
+      if (!markerTypes[seType]) { return; } // an unknown type!
+
+      // create a generic marker
+      marker = addElem({
+        element: 'marker',
+        attr: {
+          id,
+          markerUnits: 'strokeWidth',
+          orient: 'auto',
+          style: 'pointer-events:none',
+          se_type: seType
+        }
+      });
+
+      if (seType !== 'textmarker') {
+        const mel = addElem(markerTypes[seType]);
+        const fillcolor = (seType.substr(-2) === '_o')
+          ? 'none'
+          : color;
+
+        mel.setAttribute('fill', fillcolor);
+        mel.setAttribute('stroke', color);
+        mel.setAttribute('stroke-width', strokeWidth);
+        marker.append(mel);
+      } else {
+        const text = addElem(markerTypes[seType]);
+        // have to add text to get bounding box
+        text.textContent = val;
+        const tb = text.getBBox();
+        // alert(tb.x + ' ' + tb.y + ' ' + tb.width + ' ' + tb.height);
+        const pad = 1;
+        const bb = tb;
+        bb.x = 0;
+        bb.y = 0;
+        bb.width += pad * 2;
+        bb.height += pad * 2;
+        // shift text according to its size
+        text.setAttribute('x', pad);
+        text.setAttribute('y', bb.height - pad - tb.height / 4); // kludge?
+        text.setAttribute('fill', color);
+        refX = bb.width / 2 + pad;
+        refY = bb.height / 2 + pad;
+        viewBox = bb.x + ' ' + bb.y + ' ' + bb.width + ' ' + bb.height;
+        markerWidth = bb.width / 10;
+        markerHeight = bb.height / 10;
+
+        const box = addElem({
+          element: 'rect',
+          attr: {
+            x: bb.x,
+            y: bb.y,
+            width: bb.width,
+            height: bb.height,
+            fill: txtBoxBg,
+            stroke: txtBoxBorder,
+            'stroke-width': txtBoxStrokeWidth
+          }
+        });
+        marker.setAttribute('orient', 0);
+        marker.append(box, text);
+      }
+
+      marker.setAttribute('viewBox', viewBox);
+      marker.setAttribute('markerWidth', markerWidth);
+      marker.setAttribute('markerHeight', markerHeight);
+      marker.setAttribute('refX', refX);
+      marker.setAttribute('refY', refY);
+      svgCanvas.findDefs().append(marker);
+
+      return marker;
+    }
+
+    function convertline (elem) {
+      // this routine came from the connectors extension
+      // it is needed because midpoint markers don't work with line elements
+      if (!(elem.tagName === 'line')) { return elem; }
+
+      // Convert to polyline to accept mid-arrow
+
+      const x1 = Number(elem.getAttribute('x1'));
+      const x2 = Number(elem.getAttribute('x2'));
+      const y1 = Number(elem.getAttribute('y1'));
+      const y2 = Number(elem.getAttribute('y2'));
+      const {id} = elem;
+
+      const midPt = (' ' + ((x1 + x2) / 2) + ',' + ((y1 + y2) / 2) + ' ');
+      const pline = addElem({
+        element: 'polyline',
+        attr: {
+          points: (x1 + ',' + y1 + midPt + x2 + ',' + y2),
+          stroke: elem.getAttribute('stroke'),
+          'stroke-width': elem.getAttribute('stroke-width'),
+          fill: 'none',
+          opacity: elem.getAttribute('opacity') || 1
+        }
+      });
+      $.each(mtypes, function (i, pos) { // get any existing marker definitions
+        const nam = 'marker-' + pos;
+        const m = elem.getAttribute(nam);
+        if (m) { pline.setAttribute(nam, elem.getAttribute(nam)); }
+      });
+
+      const batchCmd = new S.BatchCommand();
+      batchCmd.addSubCommand(new S.RemoveElementCommand(elem, elem.parentNode));
+      batchCmd.addSubCommand(new S.InsertElementCommand(pline));
+
+      $(elem).after(pline).remove();
+      svgCanvas.clearSelection();
+      pline.id = id;
+      svgCanvas.addToSelection([pline]);
+      S.addCommandToHistory(batchCmd);
+      return pline;
+    }
+
+    function setMarker () {
+      const poslist = {start_marker: 'start', mid_marker: 'mid', end_marker: 'end'};
+      const pos = poslist[this.id];
+      const markerName = 'marker-' + pos;
+      let el = selElems[0];
+      const marker = getLinked(el, markerName);
+      if (marker) { $(marker).remove(); }
+      el.removeAttribute(markerName);
+      let val = this.value;
+      if (val === '') { val = '\\nomarker'; }
+      if (val === '\\nomarker') {
+        setIcon(pos, val);
+        svgCanvas.call('changed', selElems);
+        return;
+      }
+      // Set marker on element
+      const id = markerPrefix + pos + '_' + el.id;
+      addMarker(id, val);
+      svgCanvas.changeSelectedAttribute(markerName, 'url(#' + id + ')');
+      if (el.tagName === 'line' && pos === 'mid') { el = convertline(el); }
+      svgCanvas.call('changed', selElems);
+      setIcon(pos, val);
+    }
+
+    // called when the main system modifies an object
+    // this routine changes the associated markers to be the same color
+    function colorChanged (elem) {
+      const color = elem.getAttribute('stroke');
+
+      $.each(mtypes, function (i, pos) {
+        const marker = getLinked(elem, 'marker-' + pos);
+        if (!marker) { return; }
+        if (!marker.attributes.se_type) { return; } // not created by this extension
+        const ch = marker.lastElementChild;
+        if (!ch) { return; }
+        const curfill = ch.getAttribute('fill');
+        const curstroke = ch.getAttribute('stroke');
+        if (curfill && curfill !== 'none') { ch.setAttribute('fill', color); }
+        if (curstroke && curstroke !== 'none') { ch.setAttribute('stroke', color); }
+      });
+    }
+
+    // called when the main system creates or modifies an object
+    // primary purpose is create new markers for cloned objects
+    function updateReferences (el) {
+      $.each(mtypes, function (i, pos) {
+        const id = markerPrefix + pos + '_' + el.id;
+        const markerName = 'marker-' + pos;
+        const marker = getLinked(el, markerName);
+        if (!marker || !marker.attributes.se_type) { return; } // not created by this extension
+        const url = el.getAttribute(markerName);
+        if (url) {
+          const len = el.id.length;
+          const linkid = url.substr(-len - 1, len);
+          if (el.id !== linkid) {
+            const val = $('#' + pos + '_marker').attr('value');
+            addMarker(id, val);
+            svgCanvas.changeSelectedAttribute(markerName, 'url(#' + id + ')');
+            if (el.tagName === 'line' && pos === 'mid') { el = convertline(el); }
+            svgCanvas.call('changed', selElems);
+          }
+        }
+      });
+    }
+
+    // simulate a change event a text box that stores the current element's marker type
+    function triggerTextEntry (pos, val) {
+      $('#' + pos + '_marker').val(val);
+      $('#' + pos + '_marker').change();
+      // const txtbox = $('#'+pos+'_marker');
+      // if (val.substr(0,1)=='\\') {txtbox.hide();}
+      // else {txtbox.show();}
+    }
+
+    function showTextPrompt (pos) {
+      let def = $('#' + pos + '_marker').val();
+      if (def.substr(0, 1) === '\\') { def = ''; }
+      $.prompt('Enter text for ' + pos + ' marker', def, function (txt) {
+        if (txt) { triggerTextEntry(pos, txt); }
+      });
+    }
+
+    /*
+    function setMarkerSet(obj) {
+      const parts = this.id.split('_');
+      const set = parts[2];
+      switch (set) {
+      case 'off':
+        triggerTextEntry('start','\\nomarker');
+        triggerTextEntry('mid','\\nomarker');
+        triggerTextEntry('end','\\nomarker');
+        break;
+      case 'dimension':
+        triggerTextEntry('start','\\leftarrow');
+        triggerTextEntry('end','\\rightarrow');
+        showTextPrompt('mid');
+        break;
+      case 'label':
+        triggerTextEntry('mid','\\nomarker');
+        triggerTextEntry('end','\\rightarrow');
+        showTextPrompt('start');
+        break;
+      }
+    }
+    */
+    // callback function for a toolbar button click
+    function setArrowFromButton (obj) {
+      const parts = this.id.split('_');
+      const pos = parts[1];
+      let val = parts[2];
+      if (parts[3]) { val += '_' + parts[3]; }
+
+      if (val !== 'textmarker') {
+        triggerTextEntry(pos, '\\' + val);
+      } else {
+        showTextPrompt(pos);
+      }
+    }
+
+    function getTitle (id) {
+      const {langList} = strings;
+      const item = langList.find((item) => {
+        return item.id === id;
+      });
+      return item ? item.title : id;
+    }
+
+    // build the toolbar button array from the marker definitions
+    function buildButtonList (lang) {
+      const buttons = [];
+      // const i = 0;
+      /*
+      buttons.push({
+        id: idPrefix + 'markers_off',
+        title: 'Turn off all markers',
+        type: 'context',
+        events: { click: setMarkerSet },
+        panel: 'marker_panel'
+      });
+      buttons.push({
+        id: idPrefix + 'markers_dimension',
+        title: 'Dimension',
+        type: 'context',
+        events: { click: setMarkerSet },
+        panel: 'marker_panel'
+      });
+      buttons.push({
+        id: idPrefix + 'markers_label',
+        title: 'Label',
+        type: 'context',
+        events: { click: setMarkerSet },
+        panel: 'marker_panel'
+      });
+  */
+      $.each(mtypes, function (k, pos) {
+        const listname = pos + '_marker_list';
+        let def = true;
+        Object.keys(markerTypes).forEach(function (id) {
+          const title = getTitle(String(id));
+          buttons.push({
+            id: idPrefix + pos + '_' + id,
+            svgicon: id,
+            icon: svgEditor.curConfig.extIconsPath + 'markers-' + id + '.png',
+            title,
+            type: 'context',
+            events: {click: setArrowFromButton},
+            panel: 'marker_panel',
+            list: listname,
+            isDefault: def
+          });
+          def = false;
+        });
+      });
+      return buttons;
+    }
+
+    const contextTools = [
+      {
+        type: 'input',
+        panel: 'marker_panel',
+        id: 'start_marker',
+        size: 3,
+        events: { change: setMarker }
+      }, {
+        type: 'button-select',
+        panel: 'marker_panel',
+        id: 'start_marker_list',
+        colnum: 3,
+        events: { change: setArrowFromButton }
+      }, {
+        type: 'input',
+        panel: 'marker_panel',
+        id: 'mid_marker',
+        defval: '',
+        size: 3,
+        events: { change: setMarker }
+      }, {
+        type: 'button-select',
+        panel: 'marker_panel',
+        id: 'mid_marker_list',
+        colnum: 3,
+        events: { change: setArrowFromButton }
+      }, {
+        type: 'input',
+        panel: 'marker_panel',
+        id: 'end_marker',
+        size: 3,
+        events: { change: setMarker }
+      }, {
+        type: 'button-select',
+        panel: 'marker_panel',
+        id: 'end_marker_list',
+        colnum: 3,
+        events: { change: setArrowFromButton }
+      }
+    ];
+
+    return {
+      name: strings.name,
+      svgicons: svgEditor.curConfig.extIconsPath + 'markers-icons.xml',
+      callback () {
+        $('#marker_panel').addClass('toolset').hide();
+      },
+      async addLangData ({importLocale, lang}) {
+        return { data: strings.langList };
+      },
+      selectedChanged (opts) {
+        // Use this to update the current selected elements
+        // console.log('selectChanged',opts);
+        selElems = opts.elems;
+
+        const markerElems = ['line', 'path', 'polyline', 'polygon'];
+
+        let i = selElems.length;
+        while (i--) {
+          const elem = selElems[i];
+          if (elem && markerElems.includes(elem.tagName)) {
+            if (opts.selectedElement && !opts.multiselected) {
+              showPanel(true);
+            } else {
+              showPanel(false);
+            }
+          } else {
+            showPanel(false);
+          }
+        }
+      },
+
+      elementChanged (opts) {
+        // console.log('elementChanged',opts);
+        const elem = opts.elems[0];
+        if (elem && (
+          elem.getAttribute('marker-start') ||
+          elem.getAttribute('marker-mid') ||
+          elem.getAttribute('marker-end')
+        )) {
+          colorChanged(elem);
+          updateReferences(elem);
+        }
+        // changing_flag = false; // Not apparently in use
+      },
+      buttons: buildButtonList(),
+      context_tools: contextTools
+    };
+  }
+};
diff --git a/editor/extensions/ext-mathjax.js b/editor/extensions/ext-mathjax.js
index 99527a70..266532e0 100644
--- a/editor/extensions/ext-mathjax.js
+++ b/editor/extensions/ext-mathjax.js
@@ -1,273 +1,292 @@
-/*globals MathJax, svgEditor, svgCanvas, $*/
-/*jslint es5: true, todo: true, vars: true*/
-/*
+/* globals jQuery, MathJax */
+/**
  * ext-mathjax.js
  *
- * Licensed under the Apache License
+ * @license Apache
  *
- * Copyright(c) 2013 Jo Segaert
+ * @copyright 2013 Jo Segaert
  *
  */
+// Todo: Wait for Mathjax 3.0 to get ES Module/avoid global
+import {importScript} from '../external/dynamic-import-polyfill/importModule.js';
 
-svgEditor.addExtension("mathjax", function() {'use strict';
-  // Configuration of the MathJax extention.
+export default {
+  name: 'mathjax',
+  async init ({importLocale}) {
+    const strings = await importLocale();
+    const svgEditor = this;
+    const $ = jQuery;
+    const svgCanvas = svgEditor.canvas;
 
-  // This will be added to the head tag before MathJax is loaded.
-  var /*mathjaxConfiguration = '<script type="text/x-mathjax-config">\
-        MathJax.Hub.Config({\
-          extensions: ["tex2jax.js"],\
-			    jax: ["input/TeX","output/SVG"],\
-          showProcessingMessages: true,\
-          showMathMenu: false,\
-          showMathMenuMSIE: false,\
-          errorSettings: {\
-            message: ["[Math Processing Error]"],\
-            style: {color: "#CC0000", "font-style":"italic"}\
-          },\
-          elements: [],\
-            tex2jax: {\
-            ignoreClass: "tex2jax_ignore2", processClass: "tex2jax_process2",\
-          },\
-          TeX: {\
-            extensions: ["AMSmath.js","AMSsymbols.js","noErrors.js","noUndefined.js"]\
-          },\
-          "SVG": {\
-          }\
-      });\
-      </script>',*/
-    // mathjaxSrc = 'http://cdn.mathjax.org/mathjax/latest/MathJax.js',
-    mathjaxSrcSecure = 'https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG.js',
-    math,
-    locationX,
-    locationY,
-    mathjaxLoaded = false,
-    uiStrings = svgEditor.uiStrings;
+    // Configuration of the MathJax extention.
 
-  // TODO: Implement language support. Move these uiStrings to the locale files and the code to the langReady callback.
-  $.extend(uiStrings, {
-    mathjax: {
-      embed_svg: 'Save as mathematics',
-      embed_mathml: 'Save as figure',
-      svg_save_warning: 'The math will be transformed into a figure is manipulatable like everything else. You will not be able to manipulate the TeX-code anymore. ',
-      mathml_save_warning: 'Advised. The math will be saved as a figure.',
-      title: 'Mathematics code editor'
-    }
-  });
-
-
-  function saveMath() {
-    var code = $('#mathjax_code_textarea').val();
-    // displaystyle to force MathJax NOT to use the inline style. Because it is
-    // less fancy!
-    MathJax.Hub.queue.Push(['Text', math, '\\displaystyle{' + code + '}']);
-
-    /*
-     * The MathJax library doesn't want to bloat your webpage so it creates 
-     * every symbol (glymph) you need only once. These are saved in a <svg> on  
-     * the top of your html document, just under the body tag. Each glymph has
-     * its unique id and is saved as a <path> in the <defs> tag of the <svg>
-     * 
-     * Then when the symbols are needed in the rest of your html document they
-     * are refferd to by a <use> tag.
-     * Because of bug 1076 we can't just grab the defs tag on the top and add it 
-     * to your formula's <svg> and copy the lot. So we have to replace each 
-     * <use> tag by it's <path>.
-     */
-    MathJax.Hub.queue.Push(
-      function() {
-        var mathjaxMath = $('.MathJax_SVG');
-        var svg = $(mathjaxMath.html());
-        svg.find('use').each(function() {
-          var x, y, id, transform;
-
-          // TODO: find a less pragmatic and more elegant solution to this.
-          if ($(this).attr('href')) {
-            id = $(this).attr('href').slice(1); // Works in Chrome.
-          } else {
-            id = $(this).attr('xlink:href').slice(1); // Works in Firefox.
+    // This will be added to the head tag before MathJax is loaded.
+    const /* mathjaxConfiguration = `<script type="text/x-mathjax-config">
+        MathJax.Hub.Config({
+          extensions: ['tex2jax.js'],
+          jax: ['input/TeX', 'output/SVG'],
+          showProcessingMessages: true,
+          showMathMenu: false,
+          showMathMenuMSIE: false,
+          errorSettings: {
+            message: ['[Math Processing Error]'],
+            style: {color: '#CC0000', 'font-style': 'italic'}
+          },
+          elements: [],
+            tex2jax: {
+            ignoreClass: 'tex2jax_ignore2', processClass: 'tex2jax_process2',
+          },
+          TeX: {
+            extensions: ['AMSmath.js', 'AMSsymbols.js', 'noErrors.js', 'noUndefined.js']
+          },
+          SVG: {
           }
+      });
+      </script>`, */
+      // mathjaxSrc = 'http://cdn.mathjax.org/mathjax/latest/MathJax.js',
+      // Had been on https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG.js
+      // Obtained Text-AMS-MML_SVG.js from https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.3/config/TeX-AMS-MML_SVG.js
+      mathjaxSrcSecure = 'mathjax/MathJax.min.js?config=TeX-AMS-MML_SVG.js',
+      {uiStrings} = svgEditor;
+    let
+      math,
+      locationX,
+      locationY,
+      mathjaxLoaded = false;
 
-          var glymph = $('#' + id).clone().removeAttr('id');
-          x = $(this).attr('x');
-          y = $(this).attr('y');
-          transform = $(this).attr('transform');
-          if (transform && ( x || y )) {
-            glymph.attr('transform', transform + ' translate(' + x + ',' + y + ')');
-          }
-          else if (transform) {
-            glymph.attr('transform', transform);
-          }
-          else if (x || y) {
-            glymph.attr('transform', 'translate(' + x + ',' + y + ')');
-          }
-          $(this).replaceWith(glymph);
-        });
-        // Remove the style tag because it interferes with SVG-Edit.
-        svg.removeAttr('style');
-        svg.attr('xmlns', 'http://www.w3.org/2000/svg');
-        svgCanvas.importSvgString($('<div>').append(svg.clone()).html(), true);
-        svgCanvas.ungroupSelectedElement();
-        // TODO: To undo the adding of the Formula you now have to undo twice.
-        // This should only be once!
-        svgCanvas.moveSelectedElements(locationX, locationY, true);
+    // TODO: Implement language support. Move these uiStrings to the locale files and the code to the langReady callback.
+    $.extend(uiStrings, {
+      mathjax: {
+        embed_svg: 'Save as mathematics',
+        embed_mathml: 'Save as figure',
+        svg_save_warning: 'The math will be transformed into a figure is manipulatable like everything else. You will not be able to manipulate the TeX-code anymore. ',
+        mathml_save_warning: 'Advised. The math will be saved as a figure.',
+        title: 'Mathematics code editor'
       }
-    );
-  }
+    });
 
-  return {
-    name: "MathJax",
-    svgicons: svgEditor.curConfig.extPath + "mathjax-icons.xml",
-    buttons: [{
-        id: "tool_mathjax",
-        type: "mode",
-        title: "Add Mathematics",
-        events: {
-          click: function() {
-            // Only load Mathjax when needed, we don't want to strain Svg-Edit any more. 
-            // From this point on it is very probable that it will be needed, so load it.
-            if (mathjaxLoaded === false) {
+    function saveMath () {
+      const code = $('#mathjax_code_textarea').val();
+      // displaystyle to force MathJax NOT to use the inline style. Because it is
+      // less fancy!
+      MathJax.Hub.queue.Push(['Text', math, '\\displaystyle{' + code + '}']);
 
-              $('<div id="mathjax">\
-                <!-- Here is where MathJax creates the math -->\
-                  <div id="mathjax_creator" class="tex2jax_process" style="display:none">\
-                    $${}$$\
-                  </div>\
-                  <div id="mathjax_overlay"></div>\
-                  <div id="mathjax_container">\
-                    <div id="tool_mathjax_back" class="toolbar_button">\
-                      <button id="tool_mathjax_save">OK</button>\
-                      <button id="tool_mathjax_cancel">Cancel</button>\
-                    </div>\
-                    <fieldset>\
-                      <legend id="mathjax_legend">Mathematics Editor</legend>\
-                      <label>\
-                        <span id="mathjax_explication">Please type your mathematics in \
-                        <a href="http://en.wikipedia.org/wiki/Help:Displaying_a_formula" target="_blank">TeX</a> code.</span></label>\
-                      <textarea id="mathjax_code_textarea" spellcheck="false"></textarea>\
-                    </fieldset>\
-                  </div>\
-                </div>'
-                ).insertAfter('#svg_prefs').hide();
+      /*
+       * The MathJax library doesn't want to bloat your webpage so it creates
+       * every symbol (glymph) you need only once. These are saved in a `<svg>` on
+       * the top of your html document, just under the body tag. Each glymph has
+       * its unique id and is saved as a `<path>` in the `<defs>` tag of the `<svg>`
+       *
+       * Then when the symbols are needed in the rest of your html document they
+       * are refferd to by a `<use>` tag.
+       * Because of bug 1076 we can't just grab the defs tag on the top and add it
+       * to your formula's `<svg>` and copy the lot. So we have to replace each
+       * `<use>` tag by its `<path>`.
+       */
+      MathJax.Hub.queue.Push(
+        function () {
+          const mathjaxMath = $('.MathJax_SVG');
+          const svg = $(mathjaxMath.html());
+          svg.find('use').each(function () {
+            // TODO: find a less pragmatic and more elegant solution to this.
+            const id = $(this).attr('href')
+              ? $(this).attr('href').slice(1) // Works in Chrome.
+              : $(this).attr('xlink:href').slice(1); // Works in Firefox.
+            const glymph = $('#' + id).clone().removeAttr('id');
+            const x = $(this).attr('x');
+            const y = $(this).attr('y');
+            const transform = $(this).attr('transform');
+            if (transform && (x || y)) {
+              glymph.attr('transform', transform + ' translate(' + x + ',' + y + ')');
+            } else if (transform) {
+              glymph.attr('transform', transform);
+            } else if (x || y) {
+              glymph.attr('transform', 'translate(' + x + ',' + y + ')');
+            }
+            $(this).replaceWith(glymph);
+          });
+          // Remove the style tag because it interferes with SVG-Edit.
+          svg.removeAttr('style');
+          svg.attr('xmlns', 'http://www.w3.org/2000/svg');
+          svgCanvas.importSvgString($('<div>').append(svg.clone()).html(), true);
+          svgCanvas.ungroupSelectedElement();
+          // TODO: To undo the adding of the Formula you now have to undo twice.
+          // This should only be once!
+          svgCanvas.moveSelectedElements(locationX, locationY, true);
+        }
+      );
+    }
 
-              // Make the MathEditor draggable.
-              $('#mathjax_container').draggable({cancel: 'button,fieldset', containment: 'window'});
+    const buttons = [{
+      id: 'tool_mathjax',
+      type: 'mode',
+      icon: svgEditor.curConfig.extIconsPath + 'mathjax.png',
+      events: {
+        click () {
+          // Only load Mathjax when needed, we don't want to strain Svg-Edit any more.
+          // From this point on it is very probable that it will be needed, so load it.
+          if (mathjaxLoaded === false) {
+            $('<div id="mathjax">' +
+              '<!-- Here is where MathJax creates the math -->' +
+                '<div id="mathjax_creator" class="tex2jax_process" style="display:none">' +
+                  '$${}$$' +
+                '</div>' +
+                '<div id="mathjax_overlay"></div>' +
+                '<div id="mathjax_container">' +
+                  '<div id="tool_mathjax_back" class="toolbar_button">' +
+                    '<button id="tool_mathjax_save">OK</button>' +
+                    '<button id="tool_mathjax_cancel">Cancel</button>' +
+                  '</div>' +
+                  '<fieldset>' +
+                    '<legend id="mathjax_legend">Mathematics Editor</legend>' +
+                    '<label>' +
+                      '<span id="mathjax_explication">Please type your mathematics in ' +
+                      '<a href="https://en.wikipedia.org/wiki/Help:Displaying_a_formula" target="_blank">TeX</a> code.</span></label>' +
+                    '<textarea id="mathjax_code_textarea" spellcheck="false"></textarea>' +
+                  '</fieldset>' +
+                '</div>' +
+              '</div>'
+            ).insertAfter('#svg_prefs').hide();
 
-              // Add functionality and picture to cancel button.
-              $('#tool_mathjax_cancel').prepend($.getSvgIcon('cancel', true))
-                .on("click touched", function() {
+            // Make the MathEditor draggable.
+            $('#mathjax_container').draggable({
+              cancel: 'button,fieldset',
+              containment: 'window'
+            });
+
+            // Add functionality and picture to cancel button.
+            $('#tool_mathjax_cancel').prepend($.getSvgIcon('cancel', true))
+              .on('click touched', function () {
                 $('#mathjax').hide();
               });
 
-              // Add functionality and picture to the save button.
-              $('#tool_mathjax_save').prepend($.getSvgIcon('ok', true))
-                .on("click touched", function() {
+            // Add functionality and picture to the save button.
+            $('#tool_mathjax_save').prepend($.getSvgIcon('ok', true))
+              .on('click touched', function () {
                 saveMath();
                 $('#mathjax').hide();
               });
 
-              // MathJax preprocessing has to ignore most of the page.
-              $('body').addClass('tex2jax_ignore');
+            // MathJax preprocessing has to ignore most of the page.
+            $('body').addClass('tex2jax_ignore');
 
-              // Now get (and run) the MathJax Library.
-              $.getScript(mathjaxSrcSecure)
-                .done(function(script, textStatus) {
-
-                // When MathJax is loaded get the div where the math will be rendered.
-                MathJax.Hub.queue.Push(function() {
-                  math = MathJax.Hub.getAllJax('#mathjax_creator')[0];
-                  console.log(math);
-                  mathjaxLoaded = true;
-                  console.log('MathJax Loaded');
-                });
-
-              })
-                // If it fails.
-                .fail(function() {
-                console.log("Failed loadeing MathJax.");
-                $.alert("Failed loading MathJax. You will not be able to change the mathematics.");
-              });
+            // Now get (and run) the MathJax Library.
+            // Todo: insert script with modules once widely supported
+            //   and if MathJax (and its `TeX-AMS-MML_SVG.js` dependency) ends up
+            //   providing an ES6 module export: https://github.com/mathjax/MathJax/issues/1998
+            /*
+            const modularVersion = !('svgEditor' in window) ||
+              !window.svgEditor ||
+              window.svgEditor.modules !== false;
+            // Add as second argument to `importScript`
+            {
+              type: modularVersion
+                ? 'module' // Make this the default when widely supported
+                : 'text/javascript'
             }
-            // Set the mode.
-            svgCanvas.setMode("mathjax");
+            // If only using modules, just use this:
+            const {default: MathJax} = await importModule( // or `import()` when widely supported
+              svgEditor.curConfig.extIconsPath + mathjaxSrcSecure
+            );
+            */
+            importScript(svgEditor.curConfig.extIconsPath + mathjaxSrcSecure).then(() => {
+              // When MathJax is loaded get the div where the math will be rendered.
+              MathJax.Hub.queue.Push(function () {
+                math = MathJax.Hub.getAllJax('#mathjax_creator')[0];
+                console.log(math);
+                mathjaxLoaded = true;
+                console.log('MathJax Loaded');
+              });
+            }).catch(() => {
+              console.log('Failed loadeing MathJax.');
+              $.alert('Failed loading MathJax. You will not be able to change the mathematics.');
+            });
           }
+          // Set the mode.
+          svgCanvas.setMode('mathjax');
         }
-      }],
-    
-    mouseDown: function() {
-      if (svgCanvas.getMode() === "mathjax") {
-        return {started: true};
       }
-    },
-    mouseUp: function(opts) {
-      if (svgCanvas.getMode() === "mathjax") {
-        // Get the coordinates from your mouse.
-        var zoom = svgCanvas.getZoom();
-        // Get the actual coordinate by dividing by the zoom value
-        locationX = opts.mouse_x / zoom;
-        locationY = opts.mouse_y / zoom;
+    }];
 
-        $('#mathjax').show();
-        return {started: false}; // Otherwise the last selected object dissapears.
+    return {
+      name: strings.name,
+      svgicons: svgEditor.curConfig.extIconsPath + 'mathjax-icons.xml',
+      buttons: strings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      }),
+
+      mouseDown () {
+        if (svgCanvas.getMode() === 'mathjax') {
+          return {started: true};
+        }
+      },
+      mouseUp (opts) {
+        if (svgCanvas.getMode() === 'mathjax') {
+          // Get the coordinates from your mouse.
+          const zoom = svgCanvas.getZoom();
+          // Get the actual coordinate by dividing by the zoom value
+          locationX = opts.mouse_x / zoom;
+          locationY = opts.mouse_y / zoom;
+
+          $('#mathjax').show();
+          return {started: false}; // Otherwise the last selected object dissapears.
+        }
+      },
+      callback () {
+        $('<style>').text(
+          '#mathjax fieldset{' +
+            'padding: 5px;' +
+            'margin: 5px;' +
+            'border: 1px solid #DDD;' +
+          '}' +
+          '#mathjax label{' +
+            'display: block;' +
+            'margin: .5em;' +
+          '}' +
+          '#mathjax legend {' +
+            'max-width:195px;' +
+          '}' +
+          '#mathjax_overlay {' +
+            'position: absolute;' +
+            'top: 0;' +
+            'left: 0;' +
+            'right: 0;' +
+            'bottom: 0;' +
+            'background-color: black;' +
+            'opacity: 0.6;' +
+            'z-index: 20000;' +
+          '}' +
+          '#mathjax_container {' +
+            'position: absolute;' +
+            'top: 50px;' +
+            'padding: 10px;' +
+            'background-color: #B0B0B0;' +
+            'border: 1px outset #777;' +
+            'opacity: 1.0;' +
+            'font-family: Verdana, Helvetica, sans-serif;' +
+            'font-size: .8em;' +
+            'z-index: 20001;' +
+          '}' +
+          '#tool_mathjax_back {' +
+            'margin-left: 1em;' +
+            'overflow: auto;' +
+          '}' +
+          '#mathjax_legend{' +
+            'font-weight: bold;' +
+            'font-size:1.1em;' +
+          '}' +
+          '#mathjax_code_textarea {\\n' +
+            'margin: 5px .7em;' +
+            'overflow: hidden;' +
+            'width: 416px;' +
+            'display: block;' +
+            'height: 100px;' +
+          '}'
+        ).appendTo('head');
+
+        // Add the MathJax configuration.
+        // $(mathjaxConfiguration).appendTo('head');
       }
-    },
-    callback: function() {
-      $('<style>').text('\
-				#mathjax fieldset{\
-					padding: 5px;\
-					margin: 5px;\
-					border: 1px solid #DDD;\
-				}\
-				#mathjax label{\
-					display: block;\
-					margin: .5em;\
-				}\
-				#mathjax legend {\
-					max-width:195px;\
-				}\
-				#mathjax_overlay {\
-					position: absolute;\
-					top: 0;\
-					left: 0;\
-					right: 0;\
-					bottom: 0;\
-					background-color: black;\
-					opacity: 0.6;\
-					z-index: 20000;\
-				}\
-				\
-				#mathjax_container {\
-					position: absolute;\
-					top: 50px;\
-					padding: 10px;\
-					background-color: #B0B0B0;\
-					border: 1px outset #777;\
-					opacity: 1.0;\
-					font-family: Verdana, Helvetica, sans-serif;\
-					font-size: .8em;\
-					z-index: 20001;\
-				}\
-				\
-				#tool_mathjax_back {\
-					margin-left: 1em;\
-					overflow: auto;\
-				}\
-				\
-				#mathjax_legend{\
-					font-weight: bold;\
-					font-size:1.1em;\
-				}\
-				\
-				#mathjax_code_textarea {\\n\
-          margin: 5px .7em;\
-					overflow: hidden;\
-          width: 416px;\
-					display: block;\
-					height: 100px;\
-				}\
-			').appendTo('head');
-
-      // Add the MathJax configuration.
-      //$(mathjaxConfiguration).appendTo('head');
-    }
-  };
-});
+    };
+  }
+};
diff --git a/editor/extensions/ext-overview_window.js b/editor/extensions/ext-overview_window.js
index a31bfe07..13a50e13 100644
--- a/editor/extensions/ext-overview_window.js
+++ b/editor/extensions/ext-overview_window.js
@@ -1,152 +1,153 @@
-/*globals svgEditor, svgedit, $ */
-/*jslint es5: true, vars: true*/
-/*
+/* globals jQuery */
+/**
  * ext-overview_window.js
  *
- * Licensed under the MIT License
+ * @license MIT
  *
- * Copyright(c) 2013 James Sacksteder
+ * @copyright 2013 James Sacksteder
  *
  */
+export default {
+  name: 'overview_window',
+  init ({isChrome, isIE}) {
+    const $ = jQuery;
+    const 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()) {
+      const verIndex = navigator.userAgent.indexOf('Chrome/') + 7;
+      const chromeVersion = parseInt(navigator.userAgent.substring(verIndex), 10);
+      if (chromeVersion < 49) {
+        return;
+      }
+    }
 
-var overviewWindowGlobals = {};
-svgEditor.addExtension("overview_window", function() {	'use strict';
-	// 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 (svgedit.browser.isChrome()) {
-		var verIndex = navigator.userAgent.indexOf("Chrome/") + 7;
-		var chromeVersion = parseInt(navigator.userAgent.substring(verIndex), 10);
-		if (chromeVersion < 49) {
-			return;
-		}
-	}
+    // Define and insert the base html element.
+    const 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 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.
+    const updateViewBox = function () {
+      const portHeight = parseFloat($('#workarea').css('height'));
+      const portWidth = parseFloat($('#workarea').css('width'));
+      const portX = $('#workarea').scrollLeft();
+      const portY = $('#workarea').scrollTop();
+      const windowWidth = parseFloat($('#svgcanvas').css('width'));
+      const windowHeight = parseFloat($('#svgcanvas').css('height'));
+      const overviewWidth = $('#overviewMiniView').attr('width');
+      const overviewHeight = $('#overviewMiniView').attr('height');
 
-	// Define dynamic animation of the view box.
-	var updateViewBox = function(){
-		var portHeight=parseFloat($("#workarea").css("height"));
-		var portWidth=parseFloat($("#workarea").css("width"));
-		var portX=$("#workarea").scrollLeft();
-		var portY=$("#workarea").scrollTop();
-		var windowWidth=parseFloat($("#svgcanvas").css("width"));
-		var windowHeight=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(){
-		var viewWidth=$("#svgroot").attr("width");
-		var viewHeight=$("#svgroot").attr("height");
-		var viewX=640;
-		var viewY=480;
-		
-		if(svgedit.browser.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 svgWidth_old=$("#overviewMiniView").attr("width");
-		var svgHeight_new=viewHeight/viewWidth*svgWidth_old;
-		$("#overviewMiniView").attr("viewBox",viewX+" "+viewY+" "+viewWidth+" "+viewHeight);
-		$("#overviewMiniView").attr("height",svgHeight_new);
-		updateViewBox();
-	};
-	updateViewDimensions();
-	
-	// Set up the overview window as a controller for the view port.
-	overviewWindowGlobals.viewBoxDragging=false;
-	var updateViewPortFromViewBox = function(){
-	
-		var windowWidth =parseFloat($("#svgcanvas").css("width" ));
-		var windowHeight=parseFloat($("#svgcanvas").css("height"));
-		var overviewWidth =$("#overviewMiniView").attr("width" );
-		var overviewHeight=$("#overviewMiniView").attr("height");
-		var viewBoxX=parseFloat($("#overview_window_view_box").css("left"));
-		var viewBoxY=parseFloat($("#overview_window_view_box").css("top" ));
-		
-		var portX=viewBoxX/overviewWidth *windowWidth;
-		var portY=viewBoxY/overviewHeight*windowHeight;
+      const viewBoxX = portX / windowWidth * overviewWidth;
+      const viewBoxY = portY / windowHeight * overviewHeight;
+      const viewBoxWidth = portWidth / windowWidth * overviewWidth;
+      const viewBoxHeight = portHeight / windowHeight * overviewHeight;
 
-		$("#workarea").scrollLeft(portX);
-		$("#workarea").scrollTop(portY);
-	};
-	$( "#overview_window_view_box" ).draggable({  containment: "parent"
-		,drag: updateViewPortFromViewBox
-		,start:function(){overviewWindowGlobals.viewBoxDragging=true; }
-		,stop :function(){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 =parseFloat($("#overview_window_view_box").css("min-width" ));
-		var viewBoxHeight=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
-	};
-});
+      $('#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.
+    const updateViewDimensions = function () {
+      const viewWidth = $('#svgroot').attr('width');
+      const viewHeight = $('#svgroot').attr('height');
+
+      let viewX = 640;
+      let 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;
+      }
+
+      const svgWidthOld = $('#overviewMiniView').attr('width');
+      const 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;
+    const updateViewPortFromViewBox = function () {
+      const windowWidth = parseFloat($('#svgcanvas').css('width'));
+      const windowHeight = parseFloat($('#svgcanvas').css('height'));
+      const overviewWidth = $('#overviewMiniView').attr('width');
+      const overviewHeight = $('#overviewMiniView').attr('height');
+      const viewBoxX = parseFloat($('#overview_window_view_box').css('left'));
+      const viewBoxY = parseFloat($('#overview_window_view_box').css('top'));
+
+      const portX = viewBoxX / overviewWidth * windowWidth;
+      const portY = viewBoxY / overviewHeight * windowHeight;
+
+      $('#workarea').scrollLeft(portX);
+      $('#workarea').scrollTop(portY);
+    };
+    $('#overview_window_view_box').draggable({
+      containment: 'parent',
+      drag: updateViewPortFromViewBox,
+      start () { overviewWindowGlobals.viewBoxDragging = true; },
+      stop () { overviewWindowGlobals.viewBoxDragging = false; }
+    });
+    $('#overviewMiniView').click(function (evt) {
+      // Firefox doesn't support evt.offsetX and evt.offsetY.
+      const mouseX = (evt.offsetX || evt.originalEvent.layerX);
+      const mouseY = (evt.offsetY || evt.originalEvent.layerY);
+      const overviewWidth = $('#overviewMiniView').attr('width');
+      const overviewHeight = $('#overviewMiniView').attr('height');
+      const viewBoxWidth = parseFloat($('#overview_window_view_box').css('min-width'));
+      const viewBoxHeight = parseFloat($('#overview_window_view_box').css('min-height'));
+
+      let viewBoxX = mouseX - 0.5 * viewBoxWidth;
+      let 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
+    };
+  }
+};
diff --git a/editor/extensions/ext-panning.js b/editor/extensions/ext-panning.js
index 6f58282a..7c1500ef 100644
--- a/editor/extensions/ext-panning.js
+++ b/editor/extensions/ext-panning.js
@@ -1,46 +1,51 @@
-/*globals svgEditor, svgCanvas*/
-/*jslint eqeq: true*/
-/*
+/**
  * ext-panning.js
  *
- * Licensed under the MIT License
+ * @license MIT
  *
- * Copyright(c) 2013 Luis Aguirre
+ * @copyright 2013 Luis Aguirre
  *
  */
- 
-/* 
-	This is a very basic SVG-Edit extension to let tablet/mobile devices panning without problem
+/*
+  This is a very basic SVG-Edit extension to let tablet/mobile devices pan without problem
 */
-
-svgEditor.addExtension('ext-panning', function() {'use strict';
-	return {
-		name: 'Extension Panning',
-		svgicons: svgEditor.curConfig.extPath + 'ext-panning.xml',
-		buttons: [{
-			id: 'ext-panning',
-			type: 'mode',
-			title: 'Panning',
-			events: {
-				click: function() {
-					svgCanvas.setMode('ext-panning');
-				}
-			}
-		}],
-		mouseDown: function() {
-			if (svgCanvas.getMode() == 'ext-panning') {
-				svgEditor.setPanning(true);
-				return {started: true};
-			}
-		},
-		mouseUp: function() {
-			if (svgCanvas.getMode() == 'ext-panning') {
-				svgEditor.setPanning(false);
-				return {
-					keep: false,
-					element: null
-				};
-			}
-		}
-	};
-});
+export default {
+  name: 'panning',
+  async init ({importLocale}) {
+    const strings = await importLocale();
+    const svgEditor = this;
+    const svgCanvas = svgEditor.canvas;
+    const buttons = [{
+      id: 'ext-panning',
+      icon: svgEditor.curConfig.extIconsPath + 'panning.png',
+      type: 'mode',
+      events: {
+        click () {
+          svgCanvas.setMode('ext-panning');
+        }
+      }
+    }];
+    return {
+      name: strings.name,
+      svgicons: svgEditor.curConfig.extIconsPath + 'ext-panning.xml',
+      buttons: strings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      }),
+      mouseDown () {
+        if (svgCanvas.getMode() === 'ext-panning') {
+          svgEditor.setPanning(true);
+          return {started: true};
+        }
+      },
+      mouseUp () {
+        if (svgCanvas.getMode() === 'ext-panning') {
+          svgEditor.setPanning(false);
+          return {
+            keep: false,
+            element: null
+          };
+        }
+      }
+    };
+  }
+};
diff --git a/editor/extensions/ext-panning.xml b/editor/extensions/ext-panning.xml
index 49b873b1..95abcfe0 100644
--- a/editor/extensions/ext-panning.xml
+++ b/editor/extensions/ext-panning.xml
@@ -1,7 +1,7 @@
-<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 fill="#7f0000" stroke="#000000" stroke-width="10" d="m1.00037,150.34581l55.30305,-55.30267l0,27.65093l22.17356,0l0,-44.21833l44.21825,0l0,-22.17357l-27.65095,0l55.30267,-55.30292l55.3035,55.30292l-27.65175,0l0,22.17357l44.21835,0l0,44.21833l22.17357,0l0,-27.65093l55.30345,55.30267l-55.30345,55.3035l0,-27.65175l-22.17357,0l0,44.21834l-44.21835,0l0,22.17355l27.65175,0l-55.3035,55.30348l-55.30267,-55.30348l27.65095,0l0,-22.17355l-44.21825,0l0,-44.21834l-22.17356,0l0,27.65175l-55.30305,-55.3035z"></path>
-  	</svg>
-	</g>
-</svg>
+<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 fill="#7f0000" stroke="#000000" stroke-width="10" d="m1.00037,150.34581l55.30305,-55.30267l0,27.65093l22.17356,0l0,-44.21833l44.21825,0l0,-22.17357l-27.65095,0l55.30267,-55.30292l55.3035,55.30292l-27.65175,0l0,22.17357l44.21835,0l0,44.21833l22.17357,0l0,-27.65093l55.30345,55.30267l-55.30345,55.3035l0,-27.65175l-22.17357,0l0,44.21834l-44.21835,0l0,22.17355l27.65175,0l-55.3035,55.30348l-55.30267,-55.30348l27.65095,0l0,-22.17355l-44.21825,0l0,-44.21834l-22.17356,0l0,27.65175l-55.30305,-55.3035z"></path>
+    </svg>
+  </g>
+</svg>
diff --git a/editor/extensions/ext-php_savefile.js b/editor/extensions/ext-php_savefile.js
index 22afe17a..5d481c26 100644
--- a/editor/extensions/ext-php_savefile.js
+++ b/editor/extensions/ext-php_savefile.js
@@ -1,23 +1,25 @@
-/*globals $, svgCanvas, svgEditor*/
-/*jslint regexp:true*/
+/* globals jQuery */
 // TODO: Might add support for "exportImage" custom
 //   handler as in "ext-server_opensave.js" (and in savefile.php)
 
-svgEditor.addExtension("php_savefile", {
-	callback: function() {
-		'use strict';
-		function getFileNameFromTitle () {
-			var title = svgCanvas.getDocumentTitle();
-			return $.trim(title);
-		}
-		var save_svg_action = svgEditor.curConfig.extPath + 'savefile.php';
-		svgEditor.setCustomHandlers({
-			save: function(win, data) {
-				var svg = '<?xml version="1.0" encoding="UTF-8"?>\n' + data,
-					filename = getFileNameFromTitle();
+export default {
+  name: 'php_savefile',
+  init () {
+    const svgEditor = this;
+    const $ = jQuery;
+    const svgCanvas = svgEditor.canvas;
+    function getFileNameFromTitle () {
+      const title = svgCanvas.getDocumentTitle();
+      return title.trim();
+    }
+    const saveSvgAction = svgEditor.curConfig.extPath + 'savefile.php';
+    svgEditor.setCustomHandlers({
+      save (win, data) {
+        const svg = '<?xml version="1.0" encoding="UTF-8"?>\n' + data,
+          filename = getFileNameFromTitle();
 
-				$.post(save_svg_action, {output_svg: svg, filename: filename});
-			}
-		});
-	}
-});
+        $.post(saveSvgAction, {output_svg: svg, filename});
+      }
+    });
+  }
+};
diff --git a/editor/extensions/ext-polygon.js b/editor/extensions/ext-polygon.js
index bea5902e..fdd6e52b 100644
--- a/editor/extensions/ext-polygon.js
+++ b/editor/extensions/ext-polygon.js
@@ -1,294 +1,287 @@
-/*globals svgEditor, svgCanvas, svgedit, $*/
-/*jslint vars: true, eqeq: true, todo: true */
-/*
+/* globals jQuery */
+/**
  * ext-polygon.js
  *
  *
- * Copyright(c) 2010 CloudCanvas, Inc.
- * All rights reserved
+ * @copyright 2010 CloudCanvas, Inc. All rights reserved
  *
  */
-svgEditor.addExtension("polygon", function(S) {'use strict';
+export default {
+  name: 'polygon',
+  async init (S) {
+    const svgEditor = this;
+    const $ = jQuery;
+    const svgCanvas = svgEditor.canvas;
+    const {importLocale} = S, // {svgcontent}
+      // addElem = svgCanvas.addSVGElementFromJson,
+      editingitex = false;
+    const strings = await importLocale();
+    let selElems,
+      // svgdoc = S.svgroot.parentNode.ownerDocument,
+      // newFOG, newFOGParent, newDef, newImageName, newMaskID, modeChangeG,
+      // edg = 0,
+      // undoCommand = 'Not image';
+      started, newFO;
 
-    var // NS = svgedit.NS,
-		// svgcontent = S.svgcontent,
-		// addElem = S.addSvgElementFromJson,
-		selElems,
-		editingitex = false,
-		// svgdoc = S.svgroot.parentNode.ownerDocument,
-		// newFOG, newFOGParent, newDef, newImageName, newMaskID, modeChangeG,
-		// edg = 0,
-		// undoCommand = "Not image";
-		started, newFO;
-    
-    // var ccZoom;
-    // var wEl, hEl;
-    // var wOffset, hOffset;
-    // var ccRBG;
-	var ccRgbEl;
-    // var ccOpacity;
-    // var brushW, brushH;
-	var shape;
-    
-    // var ccDebug = document.getElementById('debugpanel');
-    
-    /* var properlySourceSizeTextArea = function(){
+    // const ccZoom;
+    // const wEl, hEl;
+    // const wOffset, hOffset;
+    // const ccRBG;
+    // const ccOpacity;
+    // const brushW, brushH;
+
+    // const ccDebug = document.getElementById('debugpanel');
+
+    /* const properlySourceSizeTextArea = function(){
      // TODO: remove magic numbers here and get values from CSS
-     var height = $('#svg_source_container').height() - 80;
+     const height = $('#svg_source_container').height() - 80;
      $('#svg_source_textarea').css('height', height);
      }; */
-    function showPanel(on){
-        var fc_rules = $('#fc_rules');
-        if (!fc_rules.length) {
-            fc_rules = $('<style id="fc_rules"></style>').appendTo('head');
-        }
-        fc_rules.text(!on ? "" : " #tool_topath { display: none !important; }");
-        $('#polygon_panel').toggle(on);
+    function showPanel (on) {
+      let fcRules = $('#fc_rules');
+      if (!fcRules.length) {
+        fcRules = $('<style id="fc_rules"></style>').appendTo('head');
+      }
+      fcRules.text(!on ? '' : ' #tool_topath { display: none !important; }');
+      $('#polygon_panel').toggle(on);
     }
-    
-	/*
+
+    /*
     function toggleSourceButtons(on){
-        $('#tool_source_save, #tool_source_cancel').toggle(!on);
-        $('#polygon_save, #polygon_cancel').toggle(on);
+      $('#tool_source_save, #tool_source_cancel').toggle(!on);
+      $('#polygon_save, #polygon_cancel').toggle(on);
     }
-	*/
-    
-    function setAttr(attr, val){
-        svgCanvas.changeSelectedAttribute(attr, val);
-        S.call("changed", selElems);
-    }
-    
-    function cot(n){
-        return 1 / Math.tan(n);
-    }
-    
-    function sec(n){
-        return 1 / Math.cos(n);
+    */
+
+    function setAttr (attr, val) {
+      svgCanvas.changeSelectedAttribute(attr, val);
+      svgCanvas.call('changed', selElems);
     }
 
-	/**
-	* Obtained from http://code.google.com/p/passenger-top/source/browse/instiki/public/svg-edit/editor/extensions/ext-itex.js?r=3
-	* This function sets the content of of the currently-selected foreignObject element,
-	*   based on the itex contained in string.
-	* @param {string} tex The itex text.
-	* @returns This function returns false if the set was unsuccessful, true otherwise.
-	*/
-	/*
-	function setItexString(tex) {
-		var mathns = 'http://www.w3.org/1998/Math/MathML',
-			xmlnsns = 'http://www.w3.org/2000/xmlns/',
-			ajaxEndpoint = '../../itex';
-		var elt = selElems[0];
-		try {
-			var math = svgdoc.createElementNS(mathns, 'math');
-			math.setAttributeNS(xmlnsns, 'xmlns', mathns);
-			math.setAttribute('display', 'inline');
-			var semantics = document.createElementNS(mathns, 'semantics');
-			var annotation = document.createElementNS(mathns, 'annotation');
-			annotation.setAttribute('encoding', 'application/x-tex');
-			annotation.textContent = tex;
-			var mrow = document.createElementNS(mathns, 'mrow');
-			semantics.appendChild(mrow);
-			semantics.appendChild(annotation);
-			math.appendChild(semantics);
-			// make an AJAX request to the server, to get the MathML
-			$.post(ajaxEndpoint, {'tex': tex, 'display': 'inline'}, function(data){
-				var children = data.documentElement.childNodes;
-				while (children.length > 0) {
-				     mrow.appendChild(svgdoc.adoptNode(children[0], true));
-				}
-				S.sanitizeSvg(math);
-				S.call("changed", [elt]);
-			});
-			elt.replaceChild(math, elt.firstChild);
-			S.call("changed", [elt]);
-			svgCanvas.clearSelection();
-		} catch(e) {
-			console.log(e);
-			return false;
-		}
+    function cot (n) {
+      return 1 / Math.tan(n);
+    }
 
-		return true;
-	}
-	*/
-    return {
-        name: "polygon",
-        svgicons: svgEditor.curConfig.extPath + "polygon-icons.svg",
-        buttons: [{
-            id: "tool_polygon",
-            type: "mode",
-            title: "Polygon Tool",
-            position: 11,
-            events: {
-                'click': function(){
-                    svgCanvas.setMode('polygon');
-					showPanel(true);
-                }
-            }
-        }],
-        
-        context_tools: [{
-            type: "input",
-            panel: "polygon_panel",
-            title: "Number of Sides",
-            id: "polySides",
-            label: "sides",
-            size: 3,
-            defval: 5,
-            events: {
-                change: function(){
-                    setAttr('sides', this.value);
-                }
-            }
-        }],
-        
-        callback: function(){
-        
-            $('#polygon_panel').hide();
-            
-            var endChanges = function(){
-            };
-            
-            // TODO: Needs to be done after orig icon loads
-            setTimeout(function(){
-                // Create source save/cancel buttons
-                var save = $('#tool_source_save').clone().hide().attr('id', 'polygon_save').unbind().appendTo("#tool_source_back").click(function(){
-                
-                    if (!editingitex) {
-						return;
-					}
-					// Todo: Uncomment the setItexString() function above and handle ajaxEndpoint?
-                    if (!setItexString($('#svg_source_textarea').val())) {
-                        $.confirm("Errors found. Revert to original?", function(ok){
-                            if (!ok) {
-								return false;
-							}
-                            endChanges();
-                        });
-                    }
-                    else {
-                        endChanges();
-                    }
-                    // setSelectMode();	
-                });
-                
-                var cancel = $('#tool_source_cancel').clone().hide().attr('id', 'polygon_cancel').unbind().appendTo("#tool_source_back").click(function(){
-                    endChanges();
-                });
-                
-            }, 3000);
-        },
-        mouseDown: function(opts){
-            // var e = opts.event;
-            var rgb = svgCanvas.getColor("fill");
-            ccRgbEl = rgb.substring(1, rgb.length);
-            var sRgb = svgCanvas.getColor("stroke");
-            // ccSRgbEl = sRgb.substring(1, rgb.length);
-            var sWidth = svgCanvas.getStrokeWidth();
-            
-            if (svgCanvas.getMode() == "polygon") {
-                started = true;
-                
-                newFO = S.addSvgElementFromJson({
-                    "element": "polygon",
-                    "attr": {
-                        "cx": opts.start_x,
-                        "cy": opts.start_y,
-                        "id": S.getNextId(),
-                        "shape": "regularPoly",
-                        "sides": document.getElementById("polySides").value,
-                        "orient": "x",
-                        "edge": 0,
-                        "fill": rgb,
-                        "strokecolor": sRgb,
-                        "strokeWidth": sWidth
-                    }
-                });
-                
-                return {
-                    started: true
-                };
-            }
-        },
-        mouseMove: function(opts){
-            if (!started) {
-                return;
-			}
-            if (svgCanvas.getMode() == "polygon") {
-                // var e = opts.event;
-                var x = opts.mouse_x;
-                var y = opts.mouse_y;
-                var c = $(newFO).attr(["cx", "cy", "sides", "orient", "fill", "strokecolor", "strokeWidth"]);
-                var cx = c.cx, cy = c.cy, fill = c.fill, strokecolor = c.strokecolor, strokewidth = c.strokeWidth, sides = c.sides,
-					// orient = c.orient,
-					edg = (Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy))) / 1.5;
-                newFO.setAttributeNS(null, "edge", edg);
-                
-                var inradius = (edg / 2) * cot(Math.PI / sides);
-                var circumradius = inradius * sec(Math.PI / sides);
-                var points = '';
-				var s;
-                for (s = 0; sides >= s; s++) {
-                    var angle = 2.0 * Math.PI * s / sides;
-                    x = (circumradius * Math.cos(angle)) + cx;
-                    y = (circumradius * Math.sin(angle)) + cy;
-                    
-                    points += x + ',' + y + ' ';
-                }
-                
-                //var poly = newFO.createElementNS(NS.SVG, 'polygon');
-                newFO.setAttributeNS(null, 'points', points);
-                newFO.setAttributeNS(null, 'fill', fill);
-                newFO.setAttributeNS(null, 'stroke', strokecolor);
-                newFO.setAttributeNS(null, 'stroke-width', strokewidth);
-				// newFO.setAttributeNS(null, 'transform', "rotate(-90)");
-                shape = newFO.getAttributeNS(null, 'shape');
-                //newFO.appendChild(poly);
-                //DrawPoly(cx, cy, sides, edg, orient);
-                return {
-                    started: true
-                };
-            }
-            
-        },
-        
-        mouseUp: function(opts){
-            if (svgCanvas.getMode() == "polygon") {
-                var attrs = $(newFO).attr("edge");
-                var keep = (attrs.edge != 0);
-               // svgCanvas.addToSelection([newFO], true);
-                return {
-                    keep: keep,
-                    element: newFO
-                };
-            }
-            
-        },
-        selectedChanged: function(opts){
-            // Use this to update the current selected elements
-            selElems = opts.elems;
-            
-            var i = selElems.length;
-            
-            while (i--) {
-                var elem = selElems[i];
-                if (elem && elem.getAttributeNS(null, 'shape') === 'regularPoly') {
-                    if (opts.selectedElement && !opts.multiselected) {
-                        $('#polySides').val(elem.getAttribute("sides"));
-                        
-                        showPanel(true);
-                    }
-                    else {
-                        showPanel(false);
-                    }
-                }
-                else {
-                    showPanel(false);
-                }
-            }
-        },
-        elementChanged: function(opts){
-            // var elem = opts.elems[0];
+    function sec (n) {
+      return 1 / Math.cos(n);
+    }
+
+    /**
+    * Obtained from http://code.google.com/p/passenger-top/source/browse/instiki/public/svg-edit/editor/extensions/ext-itex.js?r=3
+    * This function sets the content of of the currently-selected foreignObject element,
+    *   based on the itex contained in string.
+    * @param {string} tex The itex text.
+    * @returns {boolean} This function returns false if the set was unsuccessful, true otherwise.
+    */
+    /*
+    function setItexString(tex) {
+      const mathns = 'http://www.w3.org/1998/Math/MathML',
+        xmlnsns = 'http://www.w3.org/2000/xmlns/',
+        ajaxEndpoint = '../../itex';
+      const elt = selElems[0];
+      try {
+        const math = svgdoc.createElementNS(mathns, 'math');
+        math.setAttributeNS(xmlnsns, 'xmlns', mathns);
+        math.setAttribute('display', 'inline');
+        const semantics = document.createElementNS(mathns, 'semantics');
+        const annotation = document.createElementNS(mathns, 'annotation');
+        annotation.setAttribute('encoding', 'application/x-tex');
+        annotation.textContent = tex;
+        const mrow = document.createElementNS(mathns, 'mrow');
+        semantics.append(mrow, annotation);
+        math.append(semantics);
+        // make an AJAX request to the server, to get the MathML
+        $.post(ajaxEndpoint, {tex, display: 'inline'}, function(data){
+          const children = data.documentElement.childNodes;
+          while (children.length > 0) {
+             mrow.append(svgdoc.adoptNode(children[0], true));
+          }
+          svgCanvas.sanitizeSvg(math);
+          svgCanvas.call('changed', [elt]);
+        });
+        elt.firstChild.replaceWith(math);
+        svgCanvas.call('changed', [elt]);
+        svgCanvas.clearSelection();
+      } catch(e) {
+        console.log(e);
+        return false;
+      }
+
+      return true;
+    }
+    */
+    const buttons = [{
+      id: 'tool_polygon',
+      icon: svgEditor.curConfig.extIconsPath + 'polygon.png',
+      type: 'mode',
+      position: 11,
+      events: {
+        click () {
+          svgCanvas.setMode('polygon');
+          showPanel(true);
         }
+      }
+    }];
+    const contextTools = [{
+      type: 'input',
+      panel: 'polygon_panel',
+      id: 'polySides',
+      size: 3,
+      defval: 5,
+      events: {
+        change () {
+          setAttr('sides', this.value);
+        }
+      }
+    }];
+    return {
+      name: strings.name,
+      svgicons: svgEditor.curConfig.extIconsPath + 'polygon-icons.svg',
+      buttons: strings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      }),
+      context_tools: strings.contextTools.map((contextTool, i) => {
+        return Object.assign(contextTools[i], contextTool);
+      }),
+
+      callback () {
+        $('#polygon_panel').hide();
+
+        const endChanges = function () {
+        };
+
+        // TODO: Needs to be done after orig icon loads
+        setTimeout(function () {
+          // Create source save/cancel buttons
+          /* const save = */ $('#tool_source_save').clone().hide().attr('id', 'polygon_save').unbind().appendTo('#tool_source_back').click(function () {
+            if (!editingitex) {
+              return;
+            }
+            // Todo: Uncomment the setItexString() function above and handle ajaxEndpoint?
+            /*
+            if (!setItexString($('#svg_source_textarea').val())) {
+              $.confirm('Errors found. Revert to original?', function (ok) {
+                if (!ok) {
+                  return false;
+                }
+                endChanges();
+              });
+            } else { */
+            endChanges();
+            // }
+            // setSelectMode();
+          });
+
+          /* const cancel = */ $('#tool_source_cancel').clone().hide().attr('id', 'polygon_cancel').unbind().appendTo('#tool_source_back').click(function () {
+            endChanges();
+          });
+        }, 3000);
+      },
+      mouseDown (opts) {
+        // const e = opts.event;
+        const rgb = svgCanvas.getColor('fill');
+        // const ccRgbEl = rgb.substring(1, rgb.length);
+        const sRgb = svgCanvas.getColor('stroke');
+        // ccSRgbEl = sRgb.substring(1, rgb.length);
+        const sWidth = svgCanvas.getStrokeWidth();
+
+        if (svgCanvas.getMode() === 'polygon') {
+          started = true;
+
+          newFO = svgCanvas.addSVGElementFromJson({
+            element: 'polygon',
+            attr: {
+              cx: opts.start_x,
+              cy: opts.start_y,
+              id: svgCanvas.getNextId(),
+              shape: 'regularPoly',
+              sides: document.getElementById('polySides').value,
+              orient: 'x',
+              edge: 0,
+              fill: rgb,
+              strokecolor: sRgb,
+              strokeWidth: sWidth
+            }
+          });
+
+          return {
+            started: true
+          };
+        }
+      },
+      mouseMove (opts) {
+        if (!started) {
+          return;
+        }
+        if (svgCanvas.getMode() === 'polygon') {
+          // const e = opts.event;
+          const c = $(newFO).attr(['cx', 'cy', 'sides', 'orient', 'fill', 'strokecolor', 'strokeWidth']);
+          let x = opts.mouse_x;
+          let y = opts.mouse_y;
+          const {cx, cy, fill, strokecolor, strokeWidth, sides} = c, // {orient} = c,
+            edg = (Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy))) / 1.5;
+          newFO.setAttributeNS(null, 'edge', edg);
+
+          const inradius = (edg / 2) * cot(Math.PI / sides);
+          const circumradius = inradius * sec(Math.PI / sides);
+          let points = '';
+          for (let s = 0; sides >= s; s++) {
+            const angle = 2.0 * Math.PI * s / sides;
+            x = (circumradius * Math.cos(angle)) + cx;
+            y = (circumradius * Math.sin(angle)) + cy;
+
+            points += x + ',' + y + ' ';
+          }
+
+          // const poly = newFO.createElementNS(NS.SVG, 'polygon');
+          newFO.setAttributeNS(null, 'points', points);
+          newFO.setAttributeNS(null, 'fill', fill);
+          newFO.setAttributeNS(null, 'stroke', strokecolor);
+          newFO.setAttributeNS(null, 'stroke-width', strokeWidth);
+          // newFO.setAttributeNS(null, 'transform', 'rotate(-90)');
+          // const shape = newFO.getAttributeNS(null, 'shape');
+          // newFO.append(poly);
+          // DrawPoly(cx, cy, sides, edg, orient);
+          return {
+            started: true
+          };
+        }
+      },
+
+      mouseUp (opts) {
+        if (svgCanvas.getMode() === 'polygon') {
+          const attrs = $(newFO).attr('edge');
+          const keep = (attrs.edge !== '0');
+          // svgCanvas.addToSelection([newFO], true);
+          return {
+            keep,
+            element: newFO
+          };
+        }
+      },
+      selectedChanged (opts) {
+        // Use this to update the current selected elements
+        selElems = opts.elems;
+
+        let i = selElems.length;
+        while (i--) {
+          const elem = selElems[i];
+          if (elem && elem.getAttributeNS(null, 'shape') === 'regularPoly') {
+            if (opts.selectedElement && !opts.multiselected) {
+              $('#polySides').val(elem.getAttribute('sides'));
+
+              showPanel(true);
+            } else {
+              showPanel(false);
+            }
+          } else {
+            showPanel(false);
+          }
+        }
+      },
+      elementChanged (opts) {
+        // const elem = opts.elems[0];
+      }
     };
-});
+  }
+};
diff --git a/editor/extensions/ext-server_moinsave.js b/editor/extensions/ext-server_moinsave.js
index 0eddaf62..3a32c270 100644
--- a/editor/extensions/ext-server_moinsave.js
+++ b/editor/extensions/ext-server_moinsave.js
@@ -1,59 +1,56 @@
-/*globals svgEditor, svgedit, svgCanvas, canvg, $, top*/
-/*jslint vars: true*/
-/*
+/* globals jQuery */
+/**
  * ext-server_moinsave.js
  *
- * Licensed under the MIT License
- *
- * Copyright(c) 2010 Alexis Deveria
- *              2011 MoinMoin:ReimarBauer
- *                   adopted for moinmoins item storage. it sends in one post png and svg data
- *                   (I agree to dual license my work to additional GPLv2 or later)
+ * @license MIT
  *
+ * @copyright 2010 Alexis Deveria, 2011 MoinMoin:ReimarBauer
+ *  adopted for moinmoins item storage. It sends in one post png and svg data
+ *  (I agree to dual license my work to additional GPLv2 or later)
  */
+import {canvg} from '../canvg/canvg.js';
 
-svgEditor.addExtension("server_opensave", {
-	callback: function() {'use strict';
-		var Utils = svgedit.utilities;
-		var save_svg_action = '/+modify';
-		
-		// Create upload target (hidden iframe)
-		var target = $('<iframe name="output_frame" src="#"/>').hide().appendTo('body');
-	
-		svgEditor.setCustomHandlers({
-			save: function(win, data) {
-				var svg = "<?xml version=\"1.0\"?>\n" + data;
-				var qstr = $.param.querystring();
-				var name = qstr.substr(9).split('/+get/')[1];
-				var svg_data = Utils.encode64(svg);
-				if(!$('#export_canvas').length) {
-					$('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');
-				}
-				var c = $('#export_canvas')[0];
-				c.width = svgCanvas.contentW;
-				c.height = svgCanvas.contentH;
-				Utils.buildCanvgCallback(function () {
-					canvg(c, svg, {renderCallback: function() {
-						var datauri = c.toDataURL('image/png');
-						// var uiStrings = svgEditor.uiStrings;
-						var png_data = Utils.encode64(datauri); // Brett: This encoding seems unnecessary
-						var form = $('<form>').attr({
-						method: 'post',
-						action: save_svg_action + '/' + name,
-						target: 'output_frame'
-					}).append('<input type="hidden" name="png_data" value="' + png_data + '">')
-						.append('<input type="hidden" name="filepath" value="' + svg_data + '">')
-						.append('<input type="hidden" name="filename" value="' + 'drawing.svg">')
-						.append('<input type="hidden" name="contenttype" value="application/x-svgdraw">')
-						.appendTo('body')
-						.submit().remove();
-					}});
-				})();
-				alert("Saved! Return to Item View!");
-				top.window.location = '/'+name;
-			}
-		});
-	
-	}
-});
+export default {
+  name: 'server_moinsave',
+  async init ({encode64, importLocale}) {
+    const strings = await importLocale();
+    const svgEditor = this;
+    const $ = jQuery;
+    const svgCanvas = svgEditor.canvas;
+    const saveSvgAction = '/+modify';
 
+    // Create upload target (hidden iframe)
+    /* const target = */ $('<iframe name="output_frame" src="#"/>').hide().appendTo('body');
+
+    svgEditor.setCustomHandlers({
+      async save (win, data) {
+        const svg = '<?xml version="1.0"?>\n' + data;
+        const qstr = $.param.querystring();
+        const name = qstr.substr(9).split('/+get/')[1];
+        const svgData = encode64(svg);
+        if (!$('#export_canvas').length) {
+          $('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');
+        }
+        const c = $('#export_canvas')[0];
+        c.width = svgCanvas.contentW;
+        c.height = svgCanvas.contentH;
+        await canvg(c, svg);
+        const datauri = c.toDataURL('image/png');
+        // const {uiStrings} = svgEditor;
+        const pngData = encode64(datauri); // Brett: This encoding seems unnecessary
+        /* const form = */ $('<form>').attr({
+          method: 'post',
+          action: saveSvgAction + '/' + name,
+          target: 'output_frame'
+        }).append('<input type="hidden" name="png_data" value="' + pngData + '">')
+          .append('<input type="hidden" name="filepath" value="' + svgData + '">')
+          .append('<input type="hidden" name="filename" value="' + 'drawing.svg">')
+          .append('<input type="hidden" name="contenttype" value="application/x-svgdraw">')
+          .appendTo('body')
+          .submit().remove();
+        alert(strings.saved);
+        top.window.location = '/' + name;
+      }
+    });
+  }
+};
diff --git a/editor/extensions/ext-server_opensave.js b/editor/extensions/ext-server_opensave.js
index 6c5d99b2..0f023bac 100644
--- a/editor/extensions/ext-server_opensave.js
+++ b/editor/extensions/ext-server_opensave.js
@@ -1,228 +1,225 @@
-/*globals svgEditor, svgedit, svgCanvas, canvg, $*/
-/*jslint eqeq: true, browser:true*/
-/*
+/* globals jQuery */
+/**
  * ext-server_opensave.js
  *
- * Licensed under the MIT License
+ * @license MIT
  *
- * Copyright(c) 2010 Alexis Deveria
+ * @copyright 2010 Alexis Deveria
  *
  */
+import {canvg} from '../canvg/canvg.js';
 
-svgEditor.addExtension("server_opensave", {
-	callback: function() {
-		'use strict';
-		function getFileNameFromTitle () {
-			var title = svgCanvas.getDocumentTitle();
-			// We convert (to underscore) only those disallowed Win7 file name characters
-			return $.trim(title).replace(/[\/\\:*?"<>|]/g, '_');
-		}
-		function xhtmlEscape(str) {
-			return str.replace(/&(?!amp;)/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;'); // < is actually disallowed above anyways
-		}
-		function clientDownloadSupport (filename, suffix, uri) {
-			var a,
-				support = $('<a>')[0].download === '';
-			if (support) {
-				a = $('<a>hidden</a>').attr({download: (filename || 'image') + suffix, href: uri}).css('display', 'none').appendTo('body');
-				a[0].click();
-				return true;
-			}
-		}
-		var open_svg_action, import_svg_action, import_img_action,
-			open_svg_form, import_svg_form, import_img_form,
-			save_svg_action = svgEditor.curConfig.extPath + 'filesave.php',
-			save_img_action = svgEditor.curConfig.extPath + 'filesave.php',
-			// Create upload target (hidden iframe)
-			cancelled = false,
-			Utils = svgedit.utilities;
-	
-		$('<iframe name="output_frame" src="#"/>').hide().appendTo('body');
-		svgEditor.setCustomHandlers({
-			save: function(win, data) {
-				var svg = '<?xml version="1.0" encoding="UTF-8"?>\n' + data, // Firefox doesn't seem to know it is UTF-8 (no matter whether we use or skip the clientDownload code) despite the Content-Disposition header containing UTF-8, but adding the encoding works
-					filename = getFileNameFromTitle();
+export default {
+  name: 'server_opensave',
+  async init ({decode64, encode64, importLocale}) {
+    const strings = await importLocale();
+    const svgEditor = this;
+    const $ = jQuery;
+    const svgCanvas = svgEditor.canvas;
+    function getFileNameFromTitle () {
+      const title = svgCanvas.getDocumentTitle();
+      // We convert (to underscore) only those disallowed Win7 file name characters
+      return title.trim().replace(/[/\\:*?"<>|]/g, '_');
+    }
+    function xhtmlEscape (str) {
+      return str.replace(/&(?!amp;)/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;'); // < is actually disallowed above anyways
+    }
+    function clientDownloadSupport (filename, suffix, uri) {
+      const support = $('<a>')[0].download === '';
+      let a;
+      if (support) {
+        a = $('<a>hidden</a>').attr({
+          download: (filename || 'image') + suffix,
+          href: uri
+        }).css('display', 'none').appendTo('body');
+        a[0].click();
+        return true;
+      }
+    }
+    const
+      saveSvgAction = svgEditor.curConfig.extPath + 'filesave.php',
+      saveImgAction = svgEditor.curConfig.extPath + 'filesave.php';
+      // Create upload target (hidden iframe)
 
-				if (clientDownloadSupport(filename, '.svg', 'data:image/svg+xml;charset=UTF-8;base64,' + Utils.encode64(svg))) {
-					return;
-				}
+    let cancelled = false;
 
-				$('<form>').attr({
-					method: 'post',
-					action: save_svg_action,
-					target: 'output_frame'
-				}).append('<input type="hidden" name="output_svg" value="' + xhtmlEscape(svg) + '">')
-					.append('<input type="hidden" name="filename" value="' + xhtmlEscape(filename) + '">')
-					.appendTo('body')
-					.submit().remove();
-			},
-			exportPDF: function (win, data) {
-				var filename = getFileNameFromTitle(),
-					datauri = data.dataurlstring;
-				if (clientDownloadSupport(filename, '.pdf', datauri)) {
-					return;
-				}
-				$('<form>').attr({
-					method: 'post',
-					action: save_img_action,
-					target: 'output_frame'
-				}).append('<input type="hidden" name="output_img" value="' + datauri + '">')
-					.append('<input type="hidden" name="mime" value="application/pdf">')
-					.append('<input type="hidden" name="filename" value="' + xhtmlEscape(filename) + '">')
-					.appendTo('body')
-					.submit().remove();
-			},
-			// Todo: Integrate this extension with a new built-in exportWindowType, "download"
-			exportImage: function(win, data) {
-				var c,
-					issues = data.issues,
-					mimeType = data.mimeType,
-					quality = data.quality;
-				
-				if(!$('#export_canvas').length) {
-					$('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');
-				}
-				c = $('#export_canvas')[0];
-				
-				c.width = svgCanvas.contentW;
-				c.height = svgCanvas.contentH;
-				Utils.buildCanvgCallback(function () {
-					canvg(c, data.svg, {renderCallback: function() {
-						var pre, filename, suffix,
-							datauri = quality ? c.toDataURL(mimeType, quality) : c.toDataURL(mimeType),
-							// uiStrings = svgEditor.uiStrings,
-							note = '';
-						
-						// Check if there are issues
-						if (issues.length) {
-							pre = "\n \u2022 ";
-							note += ("\n\n" + pre + issues.join(pre));
-						} 
-						
-						if(note.length) {
-							alert(note);
-						}
-						
-						filename = getFileNameFromTitle();
-						suffix = '.' + data.type.toLowerCase();
-						
-						if (clientDownloadSupport(filename, suffix, datauri)) {
-							return;
-						}
+    $('<iframe name="output_frame" src="#"/>').hide().appendTo('body');
+    svgEditor.setCustomHandlers({
+      save (win, data) {
+        const svg = '<?xml version="1.0" encoding="UTF-8"?>\n' + data, // Firefox doesn't seem to know it is UTF-8 (no matter whether we use or skip the clientDownload code) despite the Content-Disposition header containing UTF-8, but adding the encoding works
+          filename = getFileNameFromTitle();
 
-						$('<form>').attr({
-							method: 'post',
-							action: save_img_action,
-							target: 'output_frame'
-						}).append('<input type="hidden" name="output_img" value="' + datauri + '">')
-							.append('<input type="hidden" name="mime" value="' + mimeType + '">')
-							.append('<input type="hidden" name="filename" value="' + xhtmlEscape(filename) + '">')
-							.appendTo('body')
-							.submit().remove();
-					}});
-				})();
-			}
-		});
+        if (clientDownloadSupport(filename, '.svg', 'data:image/svg+xml;charset=UTF-8;base64,' + encode64(svg))) {
+          return;
+        }
 
-		// Do nothing if client support is found
-		if (window.FileReader) {return;}
-		
-		// Change these to appropriate script file
-		open_svg_action = svgEditor.curConfig.extPath + 'fileopen.php?type=load_svg';
-		import_svg_action = svgEditor.curConfig.extPath + 'fileopen.php?type=import_svg';
-		import_img_action = svgEditor.curConfig.extPath + 'fileopen.php?type=import_img';
-		
-		// Set up function for PHP uploader to use
-		svgEditor.processFile = function(str64, type) {
-			var xmlstr;
-			if (cancelled) {
-				cancelled = false;
-				return;
-			}
-		
-			$('#dialog_box').hide();
+        $('<form>').attr({
+          method: 'post',
+          action: saveSvgAction,
+          target: 'output_frame'
+        }).append('<input type="hidden" name="output_svg" value="' + xhtmlEscape(svg) + '">')
+          .append('<input type="hidden" name="filename" value="' + xhtmlEscape(filename) + '">')
+          .appendTo('body')
+          .submit().remove();
+      },
+      exportPDF (win, data) {
+        const filename = getFileNameFromTitle(),
+          datauri = data.output;
+        if (clientDownloadSupport(filename, '.pdf', datauri)) {
+          return;
+        }
+        $('<form>').attr({
+          method: 'post',
+          action: saveImgAction,
+          target: 'output_frame'
+        }).append('<input type="hidden" name="output_img" value="' + datauri + '">')
+          .append('<input type="hidden" name="mime" value="application/pdf">')
+          .append('<input type="hidden" name="filename" value="' + xhtmlEscape(filename) + '">')
+          .appendTo('body')
+          .submit().remove();
+      },
+      // Todo: Integrate this extension with a new built-in exportWindowType, "download"
+      async exportImage (win, data) {
+        const {issues, mimeType, quality} = data;
 
-			if (type !== 'import_img') {
-				xmlstr = Utils.decode64(str64);
-			}
-			
-			switch (type) {
-				case 'load_svg':
-					svgCanvas.clear();
-					svgCanvas.setSvgString(xmlstr);
-					svgEditor.updateCanvas();
-					break;
-				case 'import_svg':
-					svgCanvas.importSvgString(xmlstr);
-					svgEditor.updateCanvas();					
-					break;
-				case 'import_img':
-					svgCanvas.setGoodImage(str64);
-					break;
-			}
-		};
-	
-		// Create upload form
-		open_svg_form = $('<form>');
-		open_svg_form.attr({
-			enctype: 'multipart/form-data',
-			method: 'post',
-			action: open_svg_action,
-			target: 'output_frame'
-		});
-		
-		// Create import form
-		import_svg_form = open_svg_form.clone().attr('action', import_svg_action);
+        if (!$('#export_canvas').length) {
+          $('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');
+        }
+        const c = $('#export_canvas')[0];
 
-		// Create image form
-		import_img_form = open_svg_form.clone().attr('action', import_img_action);
-		
-		// It appears necessary to rebuild this input every time a file is 
-		// selected so the same file can be picked and the change event can fire.
-		function rebuildInput(form) {
-			form.empty();
-			var inp = $('<input type="file" name="svg_file">').appendTo(form);
-			
-			
-			function submit() {
-				// This submits the form, which returns the file data using svgEditor.processFile()
-				form.submit();
-				
-				rebuildInput(form);
-				$.process_cancel("Uploading...", function() {
-					cancelled = true;
-					$('#dialog_box').hide();
-				});
-			}
-			
-			if(form[0] == open_svg_form[0]) {
-				inp.change(function() {
-					// This takes care of the "are you sure" dialog box
-					svgEditor.openPrep(function(ok) {
-						if(!ok) {
-							rebuildInput(form);
-							return;
-						}
-						submit();
-					});
-				});
-			} else {
-				inp.change(function() {
-					// This submits the form, which returns the file data using svgEditor.processFile()
-					submit();
-				});
-			}
-		}
-		
-		// Create the input elements
-		rebuildInput(open_svg_form);
-		rebuildInput(import_svg_form);
-		rebuildInput(import_img_form);
+        c.width = svgCanvas.contentW;
+        c.height = svgCanvas.contentH;
+        await canvg(c, data.svg);
+        const datauri = quality ? c.toDataURL(mimeType, quality) : c.toDataURL(mimeType);
+        // {uiStrings} = svgEditor;
 
-		// Add forms to buttons
-		$("#tool_open").show().prepend(open_svg_form);
-		$("#tool_import").show().prepend(import_svg_form);
-		$("#tool_image").prepend(import_img_form);
-	}
-});
+        // Check if there are issues
+        let pre, note = '';
+        if (issues.length) {
+          pre = '\n \u2022 ';
+          note += ('\n\n' + pre + issues.join(pre));
+        }
 
+        if (note.length) {
+          alert(note);
+        }
+
+        const filename = getFileNameFromTitle();
+        const suffix = '.' + data.type.toLowerCase();
+
+        if (clientDownloadSupport(filename, suffix, datauri)) {
+          return;
+        }
+
+        $('<form>').attr({
+          method: 'post',
+          action: saveImgAction,
+          target: 'output_frame'
+        }).append('<input type="hidden" name="output_img" value="' + datauri + '">')
+          .append('<input type="hidden" name="mime" value="' + mimeType + '">')
+          .append('<input type="hidden" name="filename" value="' + xhtmlEscape(filename) + '">')
+          .appendTo('body')
+          .submit().remove();
+      }
+    });
+
+    // Do nothing if client support is found
+    if (window.FileReader) { return; }
+
+    // Change these to appropriate script file
+    const openSvgAction = svgEditor.curConfig.extPath + 'fileopen.php?type=load_svg';
+    const importSvgAction = svgEditor.curConfig.extPath + 'fileopen.php?type=import_svg';
+    const importImgAction = svgEditor.curConfig.extPath + 'fileopen.php?type=import_img';
+
+    // Set up function for PHP uploader to use
+    svgEditor.processFile = function (str64, type) {
+      let xmlstr;
+      if (cancelled) {
+        cancelled = false;
+        return;
+      }
+
+      $('#dialog_box').hide();
+
+      if (type !== 'import_img') {
+        xmlstr = decode64(str64);
+      }
+
+      switch (type) {
+      case 'load_svg':
+        svgCanvas.clear();
+        svgCanvas.setSvgString(xmlstr);
+        svgEditor.updateCanvas();
+        break;
+      case 'import_svg':
+        svgCanvas.importSvgString(xmlstr);
+        svgEditor.updateCanvas();
+        break;
+      case 'import_img':
+        svgCanvas.setGoodImage(str64);
+        break;
+      }
+    };
+
+    // Create upload form
+    const openSvgForm = $('<form>');
+    openSvgForm.attr({
+      enctype: 'multipart/form-data',
+      method: 'post',
+      action: openSvgAction,
+      target: 'output_frame'
+    });
+
+    // Create import form
+    const importSvgForm = openSvgForm.clone().attr('action', importSvgAction);
+
+    // Create image form
+    const importImgForm = openSvgForm.clone().attr('action', importImgAction);
+
+    // It appears necessary to rebuild this input every time a file is
+    // selected so the same file can be picked and the change event can fire.
+    function rebuildInput (form) {
+      form.empty();
+      const inp = $('<input type="file" name="svg_file">').appendTo(form);
+
+      function submit () {
+        // This submits the form, which returns the file data using svgEditor.processFile()
+        form.submit();
+
+        rebuildInput(form);
+        $.process_cancel(strings.uploading, function () {
+          cancelled = true;
+          $('#dialog_box').hide();
+        });
+      }
+
+      if (form[0] === openSvgForm[0]) {
+        inp.change(function () {
+          // This takes care of the "are you sure" dialog box
+          svgEditor.openPrep(function (ok) {
+            if (!ok) {
+              rebuildInput(form);
+              return;
+            }
+            submit();
+          });
+        });
+      } else {
+        inp.change(function () {
+          // This submits the form, which returns the file data using svgEditor.processFile()
+          submit();
+        });
+      }
+    }
+
+    // Create the input elements
+    rebuildInput(openSvgForm);
+    rebuildInput(importSvgForm);
+    rebuildInput(importImgForm);
+
+    // Add forms to buttons
+    $('#tool_open').show().prepend(openSvgForm);
+    $('#tool_import').show().prepend(importSvgForm);
+    $('#tool_image').prepend(importImgForm);
+  }
+};
diff --git a/editor/extensions/ext-shapes.js b/editor/extensions/ext-shapes.js
index bf625290..3a01ad6e 100644
--- a/editor/extensions/ext-shapes.js
+++ b/editor/extensions/ext-shapes.js
@@ -1,357 +1,358 @@
-/*globals svgEditor, $, DOMParser*/
-/*jslint es5: true, vars: true, eqeq: true*/
-/*
+/* globals jQuery */
+/**
  * ext-shapes.js
  *
- * Licensed under the MIT License
+ * @license MIT
  *
- * Copyright(c) 2010 Christian Tzurcanu
- * Copyright(c) 2010 Alexis Deveria
+ * @copyright 2010 Christian Tzurcanu, 2010 Alexis Deveria
  *
  */
+export default {
+  name: 'shapes',
+  async init ({importLocale}) {
+    const strings = await importLocale();
+    const svgEditor = this;
+    const $ = jQuery;
+    const canv = svgEditor.canvas;
+    const svgroot = canv.getRootElem();
+    let lastBBox = {};
 
-svgEditor.addExtension('shapes', function() {'use strict';
-	var current_d, cur_shape_id;
-	var canv = svgEditor.canvas;
-	var cur_shape;
-	var start_x, start_y;
-	var svgroot = canv.getRootElem();
-	var lastBBox = {};
+    // This populates the category list
+    const {categories} = strings;
 
-	// This populates the category list
-	var 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'
-	};
+    const library = {
+      basic: {
+        data: {
+          heart: 'm150,73c61,-175 300,0 0,225c-300,-225 -61,-400 0,-225z',
+          frame: 'm0,0l300,0l0,300l-300,0zm35,-265l0,230l230,0l0,-230z',
+          donut: 'm1,150l0,0c0,-82.29042 66.70958,-149 149,-149l0,0c39.51724,0 77.41599,15.69816 105.35889,43.64108c27.94293,27.94293 43.64111,65.84165 43.64111,105.35892l0,0c0,82.29041 -66.70958,149 -149,149l0,0c-82.29041,0 -149,-66.70959 -149,-149zm74.5,0l0,0c0,41.1452 33.35481,74.5 74.5,74.5c41.14522,0 74.5,-33.3548 74.5,-74.5c0,-41.1452 -33.3548,-74.5 -74.5,-74.5l0,0c-41.14519,0 -74.5,33.35481 -74.5,74.5z',
+          triangle: 'm1,280.375l149,-260.75l149,260.75z',
+          right_triangle: 'm1,299l0,-298l298,298z',
+          diamond: 'm1,150l149,-149l149,149l-149,149l-149,-149z',
+          pentagon: 'm1.00035,116.97758l148.99963,-108.4053l148.99998,108.4053l-56.91267,175.4042l-184.1741,0l-56.91284,-175.4042z',
+          hexagon: 'm1,149.99944l63.85715,-127.71428l170.28572,0l63.85713,127.71428l-63.85713,127.71428l-170.28572,0l-63.85715,-127.71428z',
+          septagon1: 'm0.99917,191.06511l29.51249,-127.7108l119.48833,-56.83673l119.48836,56.83673l29.51303,127.7108l-82.69087,102.41679l-132.62103,0l-82.69031,-102.41679z',
+          heptagon: 'm1,88.28171l87.28172,-87.28171l123.43653,0l87.28172,87.28171l0,123.43654l-87.28172,87.28172l-123.43653,0l-87.28172,-87.28172l0,-123.43654z',
+          decagon: 'm1,150.00093l28.45646,-88.40318l74.49956,-54.63682l92.08794,0l74.50002,54.63682l28.45599,88.40318l-28.45599,88.40318l-74.50002,54.63681l-92.08794,0l-74.49956,-54.63681l-28.45646,-88.40318z',
+          dodecagon: 'm1,110.07421l39.92579,-69.14842l69.14842,-39.92579l79.85159,0l69.14842,39.92579l39.92578,69.14842l0,79.85159l-39.92578,69.14842l-69.14842,39.92578l-79.85159,0l-69.14842,-39.92578l-39.92579,-69.14842l0,-79.85159z',
+          star_points_5: 'm1,116.58409l113.82668,0l35.17332,-108.13487l35.17334,108.13487l113.82666,0l-92.08755,66.83026l35.17514,108.13487l-92.08759,-66.83208l-92.08757,66.83208l35.17515,-108.13487l-92.08758,-66.83026z',
+          trapezoid: 'm1,299l55.875,-298l186.25001,0l55.87498,298z',
+          arrow_up: 'm1.49805,149.64304l148.50121,-148.00241l148.50121,148.00241l-74.25061,0l0,148.71457l-148.5012,0l0,-148.71457z',
+          vertical_scrool: 'm37.375,261.625l0,-242.9375l0,0c0,-10.32083 8.36669,-18.6875 18.6875,-18.6875l224.25,0c10.32083,0 18.6875,8.36667 18.6875,18.6875c0,10.32081 -8.36667,18.6875 -18.6875,18.6875l-18.6875,0l0,242.9375c0,10.32083 -8.36668,18.6875 -18.6875,18.6875l-224.25,0l0,0c-10.32083,0 -18.6875,-8.36667 -18.6875,-18.6875c0,-10.32083 8.36667,-18.6875 18.6875,-18.6875zm37.375,-261.625l0,0c10.32081,0 18.6875,8.36667 18.6875,18.6875c0,10.32081 -8.36669,18.6875 -18.6875,18.6875c-5.1604,0 -9.34375,-4.18335 -9.34375,-9.34375c0,-5.16041 4.18335,-9.34375 9.34375,-9.34375l18.6875,0m186.875,18.6875l-205.5625,0m-37.375,224.25l0,0c5.1604,0 9.34375,4.18335 9.34375,9.34375c0,5.1604 -4.18335,9.34375 -9.34375,9.34375l18.6875,0m-18.6875,18.6875l0,0c10.32081,0 18.6875,-8.36667 18.6875,-18.6875l0,-18.6875',
+          smiley: 'm68.49886,214.78838q81.06408,55.67332 161.93891,0m-144.36983,-109.9558c0,-8.60432 6.97517,-15.57949 15.57948,-15.57949c8.60431,0 15.57948,6.97517 15.57948,15.57949c0,8.60431 -6.97517,15.57947 -15.57948,15.57947c-8.60431,0 -15.57948,-6.97516 -15.57948,-15.57947m95.83109,0c0,-8.60432 6.97517,-15.57949 15.57948,-15.57949c8.60431,0 15.57947,6.97517 15.57947,15.57949c0,8.60431 -6.97516,15.57947 -15.57947,15.57947c-8.60429,0 -15.57948,-6.97516 -15.57948,-15.57947m-181.89903,44.73038l0,0c0,-82.60133 66.96162,-149.56296 149.56296,-149.56296c82.60135,0 149.56296,66.96162 149.56296,149.56296c0,82.60135 -66.96161,149.56296 -149.56296,149.56296c-82.60133,0 -149.56296,-66.96161 -149.56296,-149.56296zm0,0l0,0c0,-82.60133 66.96162,-149.56296 149.56296,-149.56296c82.60135,0 149.56296,66.96162 149.56296,149.56296c0,82.60135 -66.96161,149.56296 -149.56296,149.56296c-82.60133,0 -149.56296,-66.96161 -149.56296,-149.56296z',
+          left_braket: 'm174.24565,298.5c-13.39009,0 -24.24489,-1.80908 -24.24489,-4.04065l0,-140.4187c0,-2.23158 -10.85481,-4.04065 -24.2449,-4.04065l0,0c13.39009,0 24.2449,-1.80907 24.2449,-4.04065l0,-140.4187l0,0c0,-2.23159 10.8548,-4.04066 24.24489,-4.04066',
+          uml_actor: 'm40.5,100l219,0m-108.99991,94.00006l107,105m-107.00009,-106.00006l-100,106m99.5,-231l0,125m33.24219,-158.75781c0,18.35916 -14.88303,33.24219 -33.24219,33.24219c-18.35916,0 -33.2422,-14.88303 -33.2422,-33.24219c0.00002,-18.35915 14.88304,-33.24219 33.2422,-33.24219c18.35916,0 33.24219,14.88304 33.24219,33.24219z',
+          dialog_balloon_1: 'm0.99786,35.96579l0,0c0,-19.31077 15.28761,-34.96524 34.14583,-34.96524l15.52084,0l0,0l74.50001,0l139.68748,0c9.05606,0 17.74118,3.68382 24.14478,10.24108c6.40356,6.55726 10.00107,15.45081 10.00107,24.72416l0,87.41311l0,0l0,52.44785l0,0c0,19.31078 -15.2876,34.96524 -34.14584,34.96524l-139.68748,0l-97.32507,88.90848l22.82506,-88.90848l-15.52084,0c-18.85822,0 -34.14583,-15.65446 -34.14583,-34.96524l0,0l0,-52.44785l0,0z',
+          cloud: 'm182.05086,34.31005c-0.64743,0.02048 -1.27309,0.07504 -1.92319,0.13979c-10.40161,1.03605 -19.58215,7.63722 -24.24597,17.4734l-2.47269,7.44367c0.53346,-2.57959 1.35258,-5.08134 2.47269,-7.44367c-8.31731,-8.61741 -19.99149,-12.59487 -31.52664,-10.72866c-11.53516,1.8662 -21.55294,9.3505 -27.02773,20.19925c-15.45544,-9.51897 -34.72095,-8.94245 -49.62526,1.50272c-14.90431,10.44516 -22.84828,28.93916 -20.43393,47.59753l1.57977,7.58346c-0.71388,-2.48442 -1.24701,-5.01186 -1.57977,-7.58346l-0.2404,0.69894c-12.95573,1.4119 -23.58103,11.46413 -26.34088,24.91708c-2.75985,13.45294 2.9789,27.25658 14.21789,34.21291l17.54914,4.26352c-6.1277,0.50439 -12.24542,-0.9808 -17.54914,-4.26352c-8.66903,9.71078 -10.6639,24.08736 -4.94535,35.96027c5.71854,11.87289 17.93128,18.70935 30.53069,17.15887l7.65843,-2.02692c-2.46413,1.0314 -5.02329,1.70264 -7.65843,2.02692c7.15259,13.16728 19.01251,22.77237 32.93468,26.5945c13.92217,3.82214 28.70987,1.56322 41.03957,-6.25546c10.05858,15.86252 27.91113,24.19412 45.81322,21.38742c17.90208,-2.8067 32.66954,-16.26563 37.91438,-34.52742l1.82016,-10.20447c-0.27254,3.46677 -0.86394,6.87508 -1.82016,10.20447c12.31329,8.07489 27.80199,8.52994 40.52443,1.18819c12.72244,-7.34175 20.6609,-21.34155 20.77736,-36.58929l-4.56108,-22.7823l-17.96776,-15.41455c13.89359,8.70317 22.6528,21.96329 22.52884,38.19685c16.5202,0.17313 30.55292,-13.98268 36.84976,-30.22897c6.29684,-16.24631 3.91486,-34.76801 -6.2504,-48.68089c4.21637,-10.35873 3.96622,-22.14172 -0.68683,-32.29084c-4.65308,-10.14912 -13.23602,-17.69244 -23.55914,-20.65356c-2.31018,-13.45141 -11.83276,-24.27162 -24.41768,-27.81765c-12.58492,-3.54603 -25.98557,0.82654 -34.41142,11.25287l-5.11707,8.63186c1.30753,-3.12148 3.01521,-6.03101 5.11707,-8.63186c-5.93959,-8.19432 -15.2556,-12.8181 -24.96718,-12.51096z',
+          cylinder: 'm299.0007,83.77844c0,18.28676 -66.70958,33.11111 -149.00002,33.11111m149.00002,-33.11111l0,0c0,18.28676 -66.70958,33.11111 -149.00002,33.11111c-82.29041,0 -148.99997,-14.82432 -148.99997,-33.11111m0,0l0,0c0,-18.28674 66.70956,-33.1111 148.99997,-33.1111c82.29044,0 149.00002,14.82436 149.00002,33.1111l0,132.44449c0,18.28674 -66.70958,33.11105 -149.00002,33.11105c-82.29041,0 -148.99997,-14.82431 -148.99997,-33.11105z',
+          arrow_u_turn: 'm1.00059,299.00055l0,-167.62497l0,0c0,-72.00411 58.37087,-130.37499 130.375,-130.37499l0,0l0,0c34.57759,0 67.73898,13.7359 92.18906,38.18595c24.45006,24.45005 38.18593,57.61144 38.18593,92.18904l0,18.625l37.24997,0l-74.49995,74.50002l-74.50002,-74.50002l37.25,0l0,-18.625c0,-30.8589 -25.0161,-55.87498 -55.87498,-55.87498l0,0l0,0c-30.85892,0 -55.875,25.01608 -55.875,55.87498l0,167.62497z',
+          arrow_left_up: 'm0.99865,224.5l74.50004,-74.5l0,37.25l111.74991,0l0,-111.75l-37.25,0l74.5,-74.5l74.5,74.5l-37.25,0l0,186.25l-186.24989,0l0,37.25l-74.50005,-74.5z',
+          maximize: 'm1.00037,150.34581l55.30305,-55.30267l0,27.65093l22.17356,0l0,-44.21833l44.21825,0l0,-22.17357l-27.65095,0l55.30267,-55.30292l55.3035,55.30292l-27.65175,0l0,22.17357l44.21835,0l0,44.21833l22.17357,0l0,-27.65093l55.30345,55.30267l-55.30345,55.3035l0,-27.65175l-22.17357,0l0,44.21834l-44.21835,0l0,22.17355l27.65175,0l-55.3035,55.30348l-55.30267,-55.30348l27.65095,0l0,-22.17355l-44.21825,0l0,-44.21834l-22.17356,0l0,27.65175l-55.30305,-55.3035z',
+          cross: 'm0.99844,99.71339l98.71494,0l0,-98.71495l101.26279,0l0,98.71495l98.71495,0l0,101.2628l-98.71495,0l0,98.71494l-101.26279,0l0,-98.71494l-98.71494,0z',
+          plaque: 'm-0.00197,49.94376l0,0c27.5829,0 49.94327,-22.36036 49.94327,-49.94327l199.76709,0l0,0c0,27.5829 22.36037,49.94327 49.94325,49.94327l0,199.7671l0,0c-27.58289,0 -49.94325,22.36034 -49.94325,49.94325l-199.76709,0c0,-27.58292 -22.36037,-49.94325 -49.94327,-49.94325z',
+          page: 'm249.3298,298.99744l9.9335,-39.73413l39.73413,-9.93355l-49.66763,49.66768l-248.33237,0l0,-298.00001l298.00001,0l0,248.33234'
 
-	var library = {
-		basic: {
-			data: {
-				'heart': 'm150,73c61,-175 300,0 0,225c-300,-225 -61,-400 0,-225z',
-				'frame': 'm0,0l300,0l0,300l-300,0zm35,-265l0,230l230,0l0,-230z',
-				'donut': 'm1,150l0,0c0,-82.29042 66.70958,-149 149,-149l0,0c39.51724,0 77.41599,15.69816 105.35889,43.64108c27.94293,27.94293 43.64111,65.84165 43.64111,105.35892l0,0c0,82.29041 -66.70958,149 -149,149l0,0c-82.29041,0 -149,-66.70959 -149,-149zm74.5,0l0,0c0,41.1452 33.35481,74.5 74.5,74.5c41.14522,0 74.5,-33.3548 74.5,-74.5c0,-41.1452 -33.3548,-74.5 -74.5,-74.5l0,0c-41.14519,0 -74.5,33.35481 -74.5,74.5z',
-				'triangle': 'm1,280.375l149,-260.75l149,260.75z',
-				'right_triangle': 'm1,299l0,-298l298,298z',
-				'diamond': 'm1,150l149,-149l149,149l-149,149l-149,-149z',
-				'pentagon': 'm1.00035,116.97758l148.99963,-108.4053l148.99998,108.4053l-56.91267,175.4042l-184.1741,0l-56.91284,-175.4042z',
-				'hexagon': 'm1,149.99944l63.85715,-127.71428l170.28572,0l63.85713,127.71428l-63.85713,127.71428l-170.28572,0l-63.85715,-127.71428z',
-				'septagon1': 'm0.99917,191.06511l29.51249,-127.7108l119.48833,-56.83673l119.48836,56.83673l29.51303,127.7108l-82.69087,102.41679l-132.62103,0l-82.69031,-102.41679z',
-				'heptagon': 'm1,88.28171l87.28172,-87.28171l123.43653,0l87.28172,87.28171l0,123.43654l-87.28172,87.28172l-123.43653,0l-87.28172,-87.28172l0,-123.43654z',
-				'decagon': 'm1,150.00093l28.45646,-88.40318l74.49956,-54.63682l92.08794,0l74.50002,54.63682l28.45599,88.40318l-28.45599,88.40318l-74.50002,54.63681l-92.08794,0l-74.49956,-54.63681l-28.45646,-88.40318z',
-				'dodecagon': 'm1,110.07421l39.92579,-69.14842l69.14842,-39.92579l79.85159,0l69.14842,39.92579l39.92578,69.14842l0,79.85159l-39.92578,69.14842l-69.14842,39.92578l-79.85159,0l-69.14842,-39.92578l-39.92579,-69.14842l0,-79.85159z',
-				'star_points_5': 'm1,116.58409l113.82668,0l35.17332,-108.13487l35.17334,108.13487l113.82666,0l-92.08755,66.83026l35.17514,108.13487l-92.08759,-66.83208l-92.08757,66.83208l35.17515,-108.13487l-92.08758,-66.83026z',
-				'trapezoid': 'm1,299l55.875,-298l186.25001,0l55.87498,298z',
-				'arrow_up': 'm1.49805,149.64304l148.50121,-148.00241l148.50121,148.00241l-74.25061,0l0,148.71457l-148.5012,0l0,-148.71457z',
-				'vertical_scrool': 'm37.375,261.625l0,-242.9375l0,0c0,-10.32083 8.36669,-18.6875 18.6875,-18.6875l224.25,0c10.32083,0 18.6875,8.36667 18.6875,18.6875c0,10.32081 -8.36667,18.6875 -18.6875,18.6875l-18.6875,0l0,242.9375c0,10.32083 -8.36668,18.6875 -18.6875,18.6875l-224.25,0l0,0c-10.32083,0 -18.6875,-8.36667 -18.6875,-18.6875c0,-10.32083 8.36667,-18.6875 18.6875,-18.6875zm37.375,-261.625l0,0c10.32081,0 18.6875,8.36667 18.6875,18.6875c0,10.32081 -8.36669,18.6875 -18.6875,18.6875c-5.1604,0 -9.34375,-4.18335 -9.34375,-9.34375c0,-5.16041 4.18335,-9.34375 9.34375,-9.34375l18.6875,0m186.875,18.6875l-205.5625,0m-37.375,224.25l0,0c5.1604,0 9.34375,4.18335 9.34375,9.34375c0,5.1604 -4.18335,9.34375 -9.34375,9.34375l18.6875,0m-18.6875,18.6875l0,0c10.32081,0 18.6875,-8.36667 18.6875,-18.6875l0,-18.6875',
-				'smiley': 'm68.49886,214.78838q81.06408,55.67332 161.93891,0m-144.36983,-109.9558c0,-8.60432 6.97517,-15.57949 15.57948,-15.57949c8.60431,0 15.57948,6.97517 15.57948,15.57949c0,8.60431 -6.97517,15.57947 -15.57948,15.57947c-8.60431,0 -15.57948,-6.97516 -15.57948,-15.57947m95.83109,0c0,-8.60432 6.97517,-15.57949 15.57948,-15.57949c8.60431,0 15.57947,6.97517 15.57947,15.57949c0,8.60431 -6.97516,15.57947 -15.57947,15.57947c-8.60429,0 -15.57948,-6.97516 -15.57948,-15.57947m-181.89903,44.73038l0,0c0,-82.60133 66.96162,-149.56296 149.56296,-149.56296c82.60135,0 149.56296,66.96162 149.56296,149.56296c0,82.60135 -66.96161,149.56296 -149.56296,149.56296c-82.60133,0 -149.56296,-66.96161 -149.56296,-149.56296zm0,0l0,0c0,-82.60133 66.96162,-149.56296 149.56296,-149.56296c82.60135,0 149.56296,66.96162 149.56296,149.56296c0,82.60135 -66.96161,149.56296 -149.56296,149.56296c-82.60133,0 -149.56296,-66.96161 -149.56296,-149.56296z',
-				'left_braket': 'm174.24565,298.5c-13.39009,0 -24.24489,-1.80908 -24.24489,-4.04065l0,-140.4187c0,-2.23158 -10.85481,-4.04065 -24.2449,-4.04065l0,0c13.39009,0 24.2449,-1.80907 24.2449,-4.04065l0,-140.4187l0,0c0,-2.23159 10.8548,-4.04066 24.24489,-4.04066',
-				'uml_actor': 'm40.5,100l219,0m-108.99991,94.00006l107,105m-107.00009,-106.00006l-100,106m99.5,-231l0,125m33.24219,-158.75781c0,18.35916 -14.88303,33.24219 -33.24219,33.24219c-18.35916,0 -33.2422,-14.88303 -33.2422,-33.24219c0.00002,-18.35915 14.88304,-33.24219 33.2422,-33.24219c18.35916,0 33.24219,14.88304 33.24219,33.24219z',
-				'dialog_balloon_1': 'm0.99786,35.96579l0,0c0,-19.31077 15.28761,-34.96524 34.14583,-34.96524l15.52084,0l0,0l74.50001,0l139.68748,0c9.05606,0 17.74118,3.68382 24.14478,10.24108c6.40356,6.55726 10.00107,15.45081 10.00107,24.72416l0,87.41311l0,0l0,52.44785l0,0c0,19.31078 -15.2876,34.96524 -34.14584,34.96524l-139.68748,0l-97.32507,88.90848l22.82506,-88.90848l-15.52084,0c-18.85822,0 -34.14583,-15.65446 -34.14583,-34.96524l0,0l0,-52.44785l0,0z',
-				'cloud': 'm182.05086,34.31005c-0.64743,0.02048 -1.27309,0.07504 -1.92319,0.13979c-10.40161,1.03605 -19.58215,7.63722 -24.24597,17.4734l-2.47269,7.44367c0.53346,-2.57959 1.35258,-5.08134 2.47269,-7.44367c-8.31731,-8.61741 -19.99149,-12.59487 -31.52664,-10.72866c-11.53516,1.8662 -21.55294,9.3505 -27.02773,20.19925c-15.45544,-9.51897 -34.72095,-8.94245 -49.62526,1.50272c-14.90431,10.44516 -22.84828,28.93916 -20.43393,47.59753l1.57977,7.58346c-0.71388,-2.48442 -1.24701,-5.01186 -1.57977,-7.58346l-0.2404,0.69894c-12.95573,1.4119 -23.58103,11.46413 -26.34088,24.91708c-2.75985,13.45294 2.9789,27.25658 14.21789,34.21291l17.54914,4.26352c-6.1277,0.50439 -12.24542,-0.9808 -17.54914,-4.26352c-8.66903,9.71078 -10.6639,24.08736 -4.94535,35.96027c5.71854,11.87289 17.93128,18.70935 30.53069,17.15887l7.65843,-2.02692c-2.46413,1.0314 -5.02329,1.70264 -7.65843,2.02692c7.15259,13.16728 19.01251,22.77237 32.93468,26.5945c13.92217,3.82214 28.70987,1.56322 41.03957,-6.25546c10.05858,15.86252 27.91113,24.19412 45.81322,21.38742c17.90208,-2.8067 32.66954,-16.26563 37.91438,-34.52742l1.82016,-10.20447c-0.27254,3.46677 -0.86394,6.87508 -1.82016,10.20447c12.31329,8.07489 27.80199,8.52994 40.52443,1.18819c12.72244,-7.34175 20.6609,-21.34155 20.77736,-36.58929l-4.56108,-22.7823l-17.96776,-15.41455c13.89359,8.70317 22.6528,21.96329 22.52884,38.19685c16.5202,0.17313 30.55292,-13.98268 36.84976,-30.22897c6.29684,-16.24631 3.91486,-34.76801 -6.2504,-48.68089c4.21637,-10.35873 3.96622,-22.14172 -0.68683,-32.29084c-4.65308,-10.14912 -13.23602,-17.69244 -23.55914,-20.65356c-2.31018,-13.45141 -11.83276,-24.27162 -24.41768,-27.81765c-12.58492,-3.54603 -25.98557,0.82654 -34.41142,11.25287l-5.11707,8.63186c1.30753,-3.12148 3.01521,-6.03101 5.11707,-8.63186c-5.93959,-8.19432 -15.2556,-12.8181 -24.96718,-12.51096z',
-				'cylinder': 'm299.0007,83.77844c0,18.28676 -66.70958,33.11111 -149.00002,33.11111m149.00002,-33.11111l0,0c0,18.28676 -66.70958,33.11111 -149.00002,33.11111c-82.29041,0 -148.99997,-14.82432 -148.99997,-33.11111m0,0l0,0c0,-18.28674 66.70956,-33.1111 148.99997,-33.1111c82.29044,0 149.00002,14.82436 149.00002,33.1111l0,132.44449c0,18.28674 -66.70958,33.11105 -149.00002,33.11105c-82.29041,0 -148.99997,-14.82431 -148.99997,-33.11105z',
-				'arrow_u_turn': 'm1.00059,299.00055l0,-167.62497l0,0c0,-72.00411 58.37087,-130.37499 130.375,-130.37499l0,0l0,0c34.57759,0 67.73898,13.7359 92.18906,38.18595c24.45006,24.45005 38.18593,57.61144 38.18593,92.18904l0,18.625l37.24997,0l-74.49995,74.50002l-74.50002,-74.50002l37.25,0l0,-18.625c0,-30.8589 -25.0161,-55.87498 -55.87498,-55.87498l0,0l0,0c-30.85892,0 -55.875,25.01608 -55.875,55.87498l0,167.62497z',
-				'arrow_left_up': 'm0.99865,224.5l74.50004,-74.5l0,37.25l111.74991,0l0,-111.75l-37.25,0l74.5,-74.5l74.5,74.5l-37.25,0l0,186.25l-186.24989,0l0,37.25l-74.50005,-74.5z',
-				'maximize': 'm1.00037,150.34581l55.30305,-55.30267l0,27.65093l22.17356,0l0,-44.21833l44.21825,0l0,-22.17357l-27.65095,0l55.30267,-55.30292l55.3035,55.30292l-27.65175,0l0,22.17357l44.21835,0l0,44.21833l22.17357,0l0,-27.65093l55.30345,55.30267l-55.30345,55.3035l0,-27.65175l-22.17357,0l0,44.21834l-44.21835,0l0,22.17355l27.65175,0l-55.3035,55.30348l-55.30267,-55.30348l27.65095,0l0,-22.17355l-44.21825,0l0,-44.21834l-22.17356,0l0,27.65175l-55.30305,-55.3035z',
-				'cross': 'm0.99844,99.71339l98.71494,0l0,-98.71495l101.26279,0l0,98.71495l98.71495,0l0,101.2628l-98.71495,0l0,98.71494l-101.26279,0l0,-98.71494l-98.71494,0z',
-				'plaque': 'm-0.00197,49.94376l0,0c27.5829,0 49.94327,-22.36036 49.94327,-49.94327l199.76709,0l0,0c0,27.5829 22.36037,49.94327 49.94325,49.94327l0,199.7671l0,0c-27.58289,0 -49.94325,22.36034 -49.94325,49.94325l-199.76709,0c0,-27.58292 -22.36037,-49.94325 -49.94327,-49.94325z',
-				'page': 'm249.3298,298.99744l9.9335,-39.73413l39.73413,-9.93355l-49.66763,49.66768l-248.33237,0l0,-298.00001l298.00001,0l0,248.33234'
+        },
+        buttons: []
+      }
+    };
 
-			},
-			buttons: []
-		}
-	};
+    const modeId = 'shapelib';
+    const startClientPos = {};
 
-	var cur_lib = library.basic;
-	var mode_id = 'shapelib';
-	var startClientPos = {};
+    let currentD, curShapeId, curShape, startX, startY;
+    let curLib = library.basic;
 
-	function loadIcons() {
-		$('#shape_buttons').empty().append(cur_lib.buttons);
-	}
+    function loadIcons () {
+      $('#shape_buttons').empty().append(curLib.buttons);
+    }
 
-	function makeButtons(cat, shapes) {
-		var size = cur_lib.size || 300;
-		var fill = cur_lib.fill || false;
-		var off = size * 0.05;
-		var vb = [-off, -off, size + off*2, size + off*2].join(' ');
-		var stroke = fill ? 0: (size/30);
-		var shape_icon = new DOMParser().parseFromString(
-			'<svg xmlns="http://www.w3.org/2000/svg"><svg viewBox="' + vb + '"><path fill="'+(fill?'#333':'none')+'" stroke="#000" stroke-width="' + stroke + '" /></svg></svg>',
-			'text/xml');
+    function makeButtons (cat, shapes) {
+      const size = curLib.size || 300;
+      const fill = curLib.fill || false;
+      const off = size * 0.05;
+      const vb = [-off, -off, size + off * 2, size + off * 2].join(' ');
+      const stroke = fill ? 0 : (size / 30);
+      const shapeIcon = new DOMParser().parseFromString(
+        '<svg xmlns="http://www.w3.org/2000/svg">' +
+          '<svg viewBox="' + vb + '">' +
+            '<path fill="' + (fill ? '#333' : 'none') +
+              '" stroke="#000" stroke-width="' + stroke + '" /></svg></svg>',
+        'text/xml');
 
-		var width = 24;
-		var height = 24;
-		shape_icon.documentElement.setAttribute('width', width);
-		shape_icon.documentElement.setAttribute('height', height);
-		var svg_elem = $(document.importNode(shape_icon.documentElement,true));
+      const width = 24;
+      const height = 24;
+      shapeIcon.documentElement.setAttribute('width', width);
+      shapeIcon.documentElement.setAttribute('height', height);
+      const svgElem = $(document.importNode(shapeIcon.documentElement, true));
 
-		var data = shapes.data;
+      const {data} = shapes;
 
-		cur_lib.buttons = [];
-		var id;
-		for (id in data) {
-			var path_d = data[id];
-			var icon = svg_elem.clone();
-			icon.find('path').attr('d', path_d);
+      curLib.buttons = [];
+      for (const id in data) {
+        const pathD = data[id];
+        const icon = svgElem.clone();
+        icon.find('path').attr('d', pathD);
 
-			var icon_btn = icon.wrap('<div class="tool_button">').parent().attr({
-				id: mode_id + '_' + id,
-				title: id
-			});
-			// Store for later use
-			cur_lib.buttons.push(icon_btn[0]);
-		}
-	}
+        const iconBtn = icon.wrap('<div class="tool_button">').parent().attr({
+          id: modeId + '_' + id,
+          title: id
+        });
+        // Store for later use
+        curLib.buttons.push(iconBtn[0]);
+      }
+    }
 
-	function loadLibrary(cat_id) {
+    function loadLibrary (catId) {
+      const lib = library[catId];
 
-		var lib = library[cat_id];
+      if (!lib) {
+        $('#shape_buttons').html(strings.loading);
+        $.getJSON(svgEditor.curConfig.extIconsPath + 'shapelib/' + catId + '.json', function (result) {
+          curLib = library[catId] = {
+            data: result.data,
+            size: result.size,
+            fill: result.fill
+          };
+          makeButtons(catId, result);
+          loadIcons();
+        });
+        return;
+      }
+      curLib = lib;
+      if (!lib.buttons.length) { makeButtons(catId, lib); }
+      loadIcons();
+    }
+    const buttons = [{
+      id: 'tool_shapelib',
+      icon: svgEditor.curConfig.extIconsPath + 'shapes.png',
+      type: 'mode_flyout', // _flyout
+      position: 6,
+      events: {
+        click () {
+          canv.setMode(modeId);
+        }
+      }
+    }];
 
-		if (!lib) {
-			$('#shape_buttons').html('Loading...');
-			$.getJSON(svgEditor.curConfig.extPath + 'shapelib/' + cat_id + '.json', function(result) {
-				cur_lib = library[cat_id] = {
-					data: result.data,
-					size: result.size,
-					fill: result.fill
-				};
-				makeButtons(cat_id, result);
-				loadIcons();
-			});
-			return;
-		}
-		cur_lib = lib;
-		if (!lib.buttons.length) {makeButtons(cat_id, lib);}
-		loadIcons();
-	}
+    return {
+      svgicons: svgEditor.curConfig.extIconsPath + 'ext-shapes.xml',
+      buttons: strings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      }),
+      callback () {
+        $('<style>').text(
+          '#shape_buttons {' +
+          'overflow: auto;' +
+          'width: 180px;' +
+          'max-height: 300px;' +
+          'display: table-cell;' +
+          'vertical-align: middle;' +
+        '}' +
+        '#shape_cats {' +
+          'min-width: 110px;' +
+          'display: table-cell;' +
+          'vertical-align: middle;' +
+          'height: 300px;' +
+        '}' +
+        '#shape_cats > div {' +
+          'line-height: 1em;' +
+          'padding: .5em;' +
+          'border:1px solid #B0B0B0;' +
+          'background: #E8E8E8;' +
+          'margin-bottom: -1px;' +
+        '}' +
+        '#shape_cats div:hover {' +
+          'background: #FFFFCC;' +
+        '}' +
+        '#shape_cats div.current {' +
+          'font-weight: bold;' +
+        '}').appendTo('head');
 
-	return {
-		svgicons: svgEditor.curConfig.extPath + 'ext-shapes.xml',
-		buttons: [{
-			id: 'tool_shapelib',
-			type: 'mode_flyout', // _flyout
-			position: 6,
-			title: 'Shape library',
-			events: {
-				click: function() {
-					canv.setMode(mode_id);
-				}
-			}
-		}],
-		callback: function() {
-			$('<style>').text('\
-			#shape_buttons {\
-				overflow: auto;\
-				width: 180px;\
-				max-height: 300px;\
-				display: table-cell;\
-				vertical-align: middle;\
-			}\
-			\
-			#shape_cats {\
-				min-width: 110px;\
-				display: table-cell;\
-				vertical-align: middle;\
-				height: 300px;\
-			}\
-			#shape_cats > div {\
-				line-height: 1em;\
-				padding: .5em;\
-				border:1px solid #B0B0B0;\
-				background: #E8E8E8;\
-				margin-bottom: -1px;\
-			}\
-			#shape_cats div:hover {\
-				background: #FFFFCC;\
-			}\
-			#shape_cats div.current {\
-				font-weight: bold;\
-			}').appendTo('head');
+        const btnDiv = $('<div id="shape_buttons">');
+        $('#tools_shapelib > *').wrapAll(btnDiv);
 
-			var btn_div = $('<div id="shape_buttons">');
-			$('#tools_shapelib > *').wrapAll(btn_div);
+        const shower = $('#tools_shapelib_show');
 
-			var shower = $('#tools_shapelib_show');
+        loadLibrary('basic');
 
-			loadLibrary('basic');
+        // Do mouseup on parent element rather than each button
+        $('#shape_buttons').mouseup(function (evt) {
+          const btn = $(evt.target).closest('div.tool_button');
 
-			// Do mouseup on parent element rather than each button
-			$('#shape_buttons').mouseup(function(evt) {
-				var btn = $(evt.target).closest('div.tool_button');
+          if (!btn.length) { return; }
 
-				if (!btn.length) {return;}
+          const copy = btn.children().clone();
+          shower.children(':not(.flyout_arrow_horiz)').remove();
+          shower
+            .append(copy)
+            .attr('data-curopt', '#' + btn[0].id) // This sets the current mode
+            .mouseup();
+          canv.setMode(modeId);
 
-				var copy = btn.children().clone();
-				shower.children(':not(.flyout_arrow_horiz)').remove();
-				shower
-					.append(copy)
-					.attr('data-curopt', '#' + btn[0].id) // This sets the current mode
-					.mouseup();
-				canv.setMode(mode_id);
+          curShapeId = btn[0].id.substr((modeId + '_').length);
+          currentD = curLib.data[curShapeId];
 
-				cur_shape_id = btn[0].id.substr((mode_id+'_').length);
-				current_d = cur_lib.data[cur_shape_id];
+          $('.tools_flyout').fadeOut();
+        });
 
-				$('.tools_flyout').fadeOut();
-			});
+        const shapeCats = $('<div id="shape_cats">');
 
-			var shape_cats = $('<div id="shape_cats">');
-			var cat_str = '';
+        let catStr = '';
+        $.each(categories, function (id, label) {
+          catStr += '<div data-cat=' + id + '>' + label + '</div>';
+        });
 
-			$.each(categories, function(id, label) {
-				cat_str += '<div data-cat=' + id + '>' + label + '</div>';
-			});
+        shapeCats.html(catStr).children().bind('mouseup', function () {
+          const catlink = $(this);
+          catlink.siblings().removeClass('current');
+          catlink.addClass('current');
 
-			shape_cats.html(cat_str).children().bind('mouseup', function() {
-				var catlink = $(this);
-				catlink.siblings().removeClass('current');
-				catlink.addClass('current');
+          loadLibrary(catlink.attr('data-cat'));
+          // Get stuff
+          return false;
+        });
 
-				loadLibrary(catlink.attr('data-cat'));
-				// Get stuff
-				return false;
-			});
+        shapeCats.children().eq(0).addClass('current');
 
-			shape_cats.children().eq(0).addClass('current');
+        $('#tools_shapelib').append(shapeCats);
 
-			$('#tools_shapelib').append(shape_cats);
+        shower.mouseup(function () {
+          canv.setMode(currentD ? modeId : 'select');
+        });
+        $('#tool_shapelib').remove();
 
-			shower.mouseup(function() {
-				canv.setMode(current_d ? mode_id : 'select');
-			});
-			$('#tool_shapelib').remove();
+        const h = $('#tools_shapelib').height();
+        $('#tools_shapelib').css({
+          'margin-top': -(h / 2 - 15),
+          'margin-left': 3
+        });
+        // Now add shape categories from locale
+        const cats = {};
+        for (const o in categories) {
+          cats['#shape_cats [data-cat="' + o + '"]'] = categories[o];
+        }
+        this.setStrings('content', cats);
+      },
+      mouseDown (opts) {
+        const mode = canv.getMode();
+        if (mode !== modeId) { return; }
 
-			var h = $('#tools_shapelib').height();
-			$('#tools_shapelib').css({
-				'margin-top': -(h/2 - 15),
-				'margin-left': 3
-			});
-		},
-		mouseDown: function(opts) {
-			var mode = canv.getMode();
-			if (mode !== mode_id) {return;}
+        startX = opts.start_x;
+        const x = startX;
+        startY = opts.start_y;
+        const y = startY;
+        const curStyle = canv.getStyle();
 
-			start_x = opts.start_x;
-			var x = start_x;
-			start_y = opts.start_y;
-			var y = start_y;
-			var cur_style = canv.getStyle();
-		 
-			startClientPos.x = opts.event.clientX;
-			startClientPos.y = opts.event.clientY;
+        startClientPos.x = opts.event.clientX;
+        startClientPos.y = opts.event.clientY;
 
-			cur_shape = canv.addSvgElementFromJson({
-				'element': 'path',
-				'curStyles': true,
-				'attr': {
-					'd': current_d,
-					'id': canv.getNextId(),
-					'opacity': cur_style.opacity / 2,
-					'style': 'pointer-events:none'
-				}
-			});
+        curShape = canv.addSVGElementFromJson({
+          element: 'path',
+          curStyles: true,
+          attr: {
+            d: currentD,
+            id: canv.getNextId(),
+            opacity: curStyle.opacity / 2,
+            style: 'pointer-events:none'
+          }
+        });
 
-			// Make sure shape uses absolute values
-			if (/[a-z]/.test(current_d)) {
-				current_d = cur_lib.data[cur_shape_id] = canv.pathActions.convertPath(cur_shape);
-				cur_shape.setAttribute('d', current_d);
-				canv.pathActions.fixEnd(cur_shape);
-			}
-			cur_shape.setAttribute('transform', 'translate(' + x + ',' + y + ') scale(0.005) translate(' + -x + ',' + -y + ')');
+        // Make sure shape uses absolute values
+        if (/[a-z]/.test(currentD)) {
+          currentD = curLib.data[curShapeId] = canv.pathActions.convertPath(curShape);
+          curShape.setAttribute('d', currentD);
+          canv.pathActions.fixEnd(curShape);
+        }
+        curShape.setAttribute('transform', 'translate(' + x + ',' + y + ') scale(0.005) translate(' + -x + ',' + -y + ')');
 
-			canv.recalculateDimensions(cur_shape);
+        canv.recalculateDimensions(curShape);
 
-			var tlist = canv.getTransformList(cur_shape);
+        /* const tlist = */ canv.getTransformList(curShape);
 
-			lastBBox = cur_shape.getBBox();
+        lastBBox = curShape.getBBox();
 
-			return {
-				started: true
-			};
-		},
-		mouseMove: function(opts) {
-			var mode = canv.getMode();
-			if (mode !== mode_id) {return;}
+        return {
+          started: true
+        };
+      },
+      mouseMove (opts) {
+        const mode = canv.getMode();
+        if (mode !== modeId) { return; }
 
-			var zoom = canv.getZoom();
-			var evt = opts.event;
+        const zoom = canv.getZoom();
+        const evt = opts.event;
 
-			var x = opts.mouse_x/zoom;
-			var y = opts.mouse_y/zoom;
+        const x = opts.mouse_x / zoom;
+        const y = opts.mouse_y / zoom;
 
-			var tlist = canv.getTransformList(cur_shape),
-				box = cur_shape.getBBox(),
-				left = box.x, top = box.y, width = box.width,
-				height = box.height;
-			var dx = (x-start_x), dy = (y-start_y);
+        const tlist = canv.getTransformList(curShape),
+          box = curShape.getBBox(),
+          left = box.x, top = box.y;
+          // {width, height} = box,
+        // const dx = (x - startX), dy = (y - startY);
 
-			var newbox = {
-				'x': Math.min(start_x,x),
-				'y': Math.min(start_y,y),
-				'width': Math.abs(x-start_x),
-				'height': Math.abs(y-start_y)
-			};
+        const newbox = {
+          x: Math.min(startX, x),
+          y: Math.min(startY, y),
+          width: Math.abs(x - startX),
+          height: Math.abs(y - startY)
+        };
 
-			var tx = 0, ty = 0,
-				sy = height ? (height+dy)/height : 1,
-				sx = width ? (width+dx)/width : 1;
+        /*
+        // This is currently serving no purpose, so commenting out
+        let sy = height ? (height + dy) / height : 1,
+          sx = width ? (width + dx) / width : 1;
+        */
 
-			sx = (newbox.width / lastBBox.width) || 1;
-			sy = (newbox.height / lastBBox.height) || 1;
+        let sx = (newbox.width / lastBBox.width) || 1;
+        let sy = (newbox.height / lastBBox.height) || 1;
 
-			// Not perfect, but mostly works...
-			if (x < start_x) {
-				tx = lastBBox.width;
-			}
-			if (y < start_y) {ty = lastBBox.height;}
+        // Not perfect, but mostly works...
+        let tx = 0;
+        if (x < startX) {
+          tx = lastBBox.width;
+        }
+        let ty = 0;
+        if (y < startY) {
+          ty = lastBBox.height;
+        }
 
-			// update the transform list with translate,scale,translate
-			var translateOrigin = svgroot.createSVGTransform(),
-				scale = svgroot.createSVGTransform(),
-				translateBack = svgroot.createSVGTransform();
+        // update the transform list with translate,scale,translate
+        const translateOrigin = svgroot.createSVGTransform(),
+          scale = svgroot.createSVGTransform(),
+          translateBack = svgroot.createSVGTransform();
 
-			translateOrigin.setTranslate(-(left+tx), -(top+ty));
-			if (!evt.shiftKey) {
-				var max = Math.min(Math.abs(sx), Math.abs(sy));
+        translateOrigin.setTranslate(-(left + tx), -(top + ty));
+        if (!evt.shiftKey) {
+          const max = Math.min(Math.abs(sx), Math.abs(sy));
 
-				sx = max * (sx < 0 ? -1 : 1);
-				sy = max * (sy < 0 ? -1 : 1);
-			}
-			scale.setScale(sx,sy);
+          sx = max * (sx < 0 ? -1 : 1);
+          sy = max * (sy < 0 ? -1 : 1);
+        }
+        scale.setScale(sx, sy);
 
-			translateBack.setTranslate(left+tx, top+ty);
-			tlist.appendItem(translateBack);
-			tlist.appendItem(scale);
-			tlist.appendItem(translateOrigin);
+        translateBack.setTranslate(left + tx, top + ty);
+        tlist.appendItem(translateBack);
+        tlist.appendItem(scale);
+        tlist.appendItem(translateOrigin);
 
-			canv.recalculateDimensions(cur_shape);
+        canv.recalculateDimensions(curShape);
 
-			lastBBox = cur_shape.getBBox();
-		},
-		mouseUp: function(opts) {
-			var mode = canv.getMode();
-			if (mode !== mode_id) {return;}
+        lastBBox = curShape.getBBox();
+      },
+      mouseUp (opts) {
+        const mode = canv.getMode();
+        if (mode !== modeId) { return; }
 
-			var keepObject = (opts.event.clientX != startClientPos.x && opts.event.clientY != startClientPos.y);
-
-			return {
-				keep: keepObject,
-				element: cur_shape,
-				started: false
-			};
-		}
-	};
-});
+        const keepObject = (opts.event.clientX !== startClientPos.x && opts.event.clientY !== startClientPos.y);
 
+        return {
+          keep: keepObject,
+          element: curShape,
+          started: false
+        };
+      }
+    };
+  }
+};
diff --git a/editor/extensions/ext-shapes.xml b/editor/extensions/ext-shapes.xml
index 92b0090a..5befd016 100644
--- a/editor/extensions/ext-shapes.xml
+++ b/editor/extensions/ext-shapes.xml
@@ -1,10 +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>
\ No newline at end of file
+<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>
diff --git a/editor/extensions/ext-star.js b/editor/extensions/ext-star.js
index e97c09f0..2de606e4 100644
--- a/editor/extensions/ext-star.js
+++ b/editor/extensions/ext-star.js
@@ -1,236 +1,235 @@
-/*globals svgEditor, svgedit, svgCanvas, $*/
-/*jslint vars: true, eqeq: true*/
-/*
+/* globals jQuery */
+/**
  * ext-star.js
  *
  *
- * Copyright(c) 2010 CloudCanvas, Inc.
- * All rights reserved
+ * @copyright 2010 CloudCanvas, Inc. All rights reserved
  *
  */
+export default {
+  name: 'star',
+  async init (S) {
+    const svgEditor = this;
+    const $ = jQuery;
+    const svgCanvas = svgEditor.canvas;
 
-svgEditor.addExtension('star', function(S){'use strict';
+    const {importLocale} = S; // {svgcontent},
+    let
+      selElems,
+      // editingitex = false,
+      // svgdoc = S.svgroot.parentNode.ownerDocument,
+      started,
+      newFO;
+      // edg = 0,
+      // newFOG, newFOGParent, newDef, newImageName, newMaskID,
+      // undoCommand = 'Not image',
+      // modeChangeG, ccZoom, wEl, hEl, wOffset, hOffset, ccRgbEl, brushW, brushH;
+    const strings = await importLocale();
+    function showPanel (on) {
+      let fcRules = $('#fc_rules');
+      if (!fcRules.length) {
+        fcRules = $('<style id="fc_rules"></style>').appendTo('head');
+      }
+      fcRules.text(!on ? '' : ' #tool_topath { display: none !important; }');
+      $('#star_panel').toggle(on);
+    }
 
-	var // NS = svgedit.NS,
-		// svgcontent = S.svgcontent,
-		selElems,
-		// editingitex = false,
-		// svgdoc = S.svgroot.parentNode.ownerDocument,
-		started,
-		newFO,
-		// edg = 0,
-		// newFOG, newFOGParent, newDef, newImageName, newMaskID,
-		// undoCommand = 'Not image',
-		// modeChangeG, ccZoom, wEl, hEl, wOffset, hOffset, ccRgbEl, brushW, brushH,
-		shape;
+    /*
+    function toggleSourceButtons(on){
+      $('#star_save, #star_cancel').toggle(on);
+    }
+    */
 
-	function showPanel(on){
-		var fc_rules = $('#fc_rules');
-		if (!fc_rules.length) {
-			fc_rules = $('<style id="fc_rules"></style>').appendTo('head');
-		}
-		fc_rules.text(!on ? '' : ' #tool_topath { display: none !important; }');
-		$('#star_panel').toggle(on);
-	}
+    function setAttr (attr, val) {
+      svgCanvas.changeSelectedAttribute(attr, val);
+      svgCanvas.call('changed', selElems);
+    }
 
-	/*
-	function toggleSourceButtons(on){
-		$('#star_save, #star_cancel').toggle(on);
-	}
-	*/
+    /*
+    function cot(n){
+      return 1 / Math.tan(n);
+    }
 
-	function setAttr(attr, val){
-		svgCanvas.changeSelectedAttribute(attr, val);
-		S.call('changed', selElems);
-	}
+    function sec(n){
+      return 1 / Math.cos(n);
+    }
+    */
+    const buttons = [{
+      id: 'tool_star',
+      icon: svgEditor.curConfig.extIconsPath + 'star.png',
+      type: 'mode',
+      position: 12,
+      events: {
+        click () {
+          showPanel(true);
+          svgCanvas.setMode('star');
+        }
+      }
+    }];
+    const contextTools = [{
+      type: 'input',
+      panel: 'star_panel',
+      id: 'starNumPoints',
+      size: 3,
+      defval: 5,
+      events: {
+        change () {
+          setAttr('point', this.value);
+        }
+      }
+    }, {
+      type: 'input',
+      panel: 'star_panel',
+      id: 'starRadiusMulitplier',
+      size: 3,
+      defval: 2.5
+    }, {
+      type: 'input',
+      panel: 'star_panel',
+      id: 'radialShift',
+      size: 3,
+      defval: 0,
+      events: {
+        change () {
+          setAttr('radialshift', this.value);
+        }
+      }
+    }];
 
-	/*
-	function cot(n){
-		return 1 / Math.tan(n);
-	}
+    return {
+      name: strings.name,
+      svgicons: svgEditor.curConfig.extIconsPath + 'star-icons.svg',
+      buttons: strings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      }),
+      context_tools: strings.contextTools.map((contextTool, i) => {
+        return Object.assign(contextTools[i], contextTool);
+      }),
+      callback () {
+        $('#star_panel').hide();
+        // const endChanges = function(){};
+      },
+      mouseDown (opts) {
+        const rgb = svgCanvas.getColor('fill');
+        // const ccRgbEl = rgb.substring(1, rgb.length);
+        const sRgb = svgCanvas.getColor('stroke');
+        // const ccSRgbEl = sRgb.substring(1, rgb.length);
+        const sWidth = svgCanvas.getStrokeWidth();
 
-	function sec(n){
-		return 1 / Math.cos(n);
-	}
-	*/
+        if (svgCanvas.getMode() === 'star') {
+          started = true;
 
-	return {
-		name: 'star',
-		svgicons: svgEditor.curConfig.extPath + 'star-icons.svg',
-		buttons: [{
-			id: 'tool_star',
-			type: 'mode',
-			title: 'Star Tool',
-			position: 12,
-			events: {
-				click: function(){
-					showPanel(true);
-					svgCanvas.setMode('star');
-				}
-			}
-		}],
+          newFO = svgCanvas.addSVGElementFromJson({
+            element: 'polygon',
+            attr: {
+              cx: opts.start_x,
+              cy: opts.start_y,
+              id: svgCanvas.getNextId(),
+              shape: 'star',
+              point: document.getElementById('starNumPoints').value,
+              r: 0,
+              radialshift: document.getElementById('radialShift').value,
+              r2: 0,
+              orient: 'point',
+              fill: rgb,
+              strokecolor: sRgb,
+              strokeWidth: sWidth
+            }
+          });
+          return {
+            started: true
+          };
+        }
+      },
+      mouseMove (opts) {
+        if (!started) {
+          return;
+        }
+        if (svgCanvas.getMode() === 'star') {
+          const c = $(newFO).attr(['cx', 'cy', 'point', 'orient', 'fill', 'strokecolor', 'strokeWidth', 'radialshift']);
 
-		context_tools: [{
-			type: 'input',
-			panel: 'star_panel',
-			title: 'Number of Sides',
-			id: 'starNumPoints',
-			label: 'points',
-			size: 3,
-			defval: 5,
-			events: {
-				change: function(){
-					setAttr('point', this.value);
-				}
-			}
-		}, {
-			type: 'input',
-			panel: 'star_panel',
-			title: 'Pointiness',
-			id: 'starRadiusMulitplier',
-			label: 'Pointiness',
-			size: 3,
-			defval: 2.5
-		}, {
-			type: 'input',
-			panel: 'star_panel',
-			title: 'Twists the star',
-			id: 'radialShift',
-			label: 'Radial Shift',
-			size: 3,
-			defval: 0,
-			events: {
-				change: function(){
-					setAttr('radialshift', this.value);
-				}
-			}
-		}],
-		callback: function(){
-			$('#star_panel').hide();
-			// var endChanges = function(){};
-		},
-		mouseDown: function(opts){
-			var rgb = svgCanvas.getColor('fill');
-			// var ccRgbEl = rgb.substring(1, rgb.length);
-			var sRgb = svgCanvas.getColor('stroke');
-			// var ccSRgbEl = sRgb.substring(1, rgb.length);
-			var sWidth = svgCanvas.getStrokeWidth();
+          let x = opts.mouse_x;
+          let y = opts.mouse_y;
+          const {cx, cy, fill, strokecolor, strokeWidth, radialshift, point, orient} = c,
+            circumradius = (Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy))) / 1.5,
+            inradius = circumradius / document.getElementById('starRadiusMulitplier').value;
+          newFO.setAttributeNS(null, 'r', circumradius);
+          newFO.setAttributeNS(null, 'r2', inradius);
 
-			if (svgCanvas.getMode() == 'star') {
-				started = true;
+          let polyPoints = '';
+          for (let s = 0; point >= s; s++) {
+            let angle = 2.0 * Math.PI * (s / point);
+            if (orient === 'point') {
+              angle -= (Math.PI / 2);
+            } else if (orient === 'edge') {
+              angle = (angle + (Math.PI / point)) - (Math.PI / 2);
+            }
 
-				newFO = S.addSvgElementFromJson({
-					'element': 'polygon',
-					'attr': {
-						'cx': opts.start_x,
-						'cy': opts.start_y,
-						'id': S.getNextId(),
-						'shape': 'star',
-						'point': document.getElementById('starNumPoints').value,
-						'r': 0,
-						'radialshift': document.getElementById('radialShift').value,
-						'r2': 0,
-						'orient': 'point',
-						'fill': rgb,
-						'strokecolor': sRgb,
-						'strokeWidth': sWidth
-					}
-				});
-				return {
-					started: true
-				};
-			}
-		},
-		mouseMove: function(opts){
-			if (!started) {
-				return;
-			}
-			if (svgCanvas.getMode() == 'star') {
-				var x = opts.mouse_x;
-				var y = opts.mouse_y;
-				var c = $(newFO).attr(['cx', 'cy', 'point', 'orient', 'fill', 'strokecolor', 'strokeWidth', 'radialshift']);
+            x = (circumradius * Math.cos(angle)) + cx;
+            y = (circumradius * Math.sin(angle)) + cy;
 
-				var cx = c.cx, cy = c.cy, fill = c.fill, strokecolor = c.strokecolor, strokewidth = c.strokeWidth, radialShift = c.radialshift, point = c.point, orient = c.orient, circumradius = (Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy))) / 1.5, inradius = circumradius / document.getElementById('starRadiusMulitplier').value;
-				newFO.setAttributeNS(null, 'r', circumradius);
-				newFO.setAttributeNS(null, 'r2', inradius);
+            polyPoints += x + ',' + y + ' ';
 
-				var polyPoints = '';
-				var s;
-				for (s = 0; point >= s; s++) {
-					var angle = 2.0 * Math.PI * (s / point);
-					if ('point' == orient) {
-						angle -= (Math.PI / 2);
-					} else if ('edge' == orient) {
-						angle = (angle + (Math.PI / point)) - (Math.PI / 2);
-					}
+            if (inradius != null) {
+              angle = (2.0 * Math.PI * (s / point)) + (Math.PI / point);
+              if (orient === 'point') {
+                angle -= (Math.PI / 2);
+              } else if (orient === 'edge') {
+                angle = (angle + (Math.PI / point)) - (Math.PI / 2);
+              }
+              angle += radialshift;
 
-					x = (circumradius * Math.cos(angle)) + cx;
-					y = (circumradius * Math.sin(angle)) + cy;
+              x = (inradius * Math.cos(angle)) + cx;
+              y = (inradius * Math.sin(angle)) + cy;
 
-					polyPoints += x + ',' + y + ' ';
+              polyPoints += x + ',' + y + ' ';
+            }
+          }
+          newFO.setAttributeNS(null, 'points', polyPoints);
+          newFO.setAttributeNS(null, 'fill', fill);
+          newFO.setAttributeNS(null, 'stroke', strokecolor);
+          newFO.setAttributeNS(null, 'stroke-width', strokeWidth);
+          /* const shape = */ newFO.getAttributeNS(null, 'shape');
 
-					if (null != inradius) {
-						angle = (2.0 * Math.PI * (s / point)) + (Math.PI / point);
-						if ('point' == orient) {
-							angle -= (Math.PI / 2);
-						} else if ('edge' == orient) {
-							angle = (angle + (Math.PI / point)) - (Math.PI / 2);
-						}
-						angle += radialShift;
+          return {
+            started: true
+          };
+        }
+      },
+      mouseUp () {
+        if (svgCanvas.getMode() === 'star') {
+          const attrs = $(newFO).attr(['r']);
+          // svgCanvas.addToSelection([newFO], true);
+          return {
+            keep: (attrs.r !== '0'),
+            element: newFO
+          };
+        }
+      },
+      selectedChanged (opts) {
+        // Use this to update the current selected elements
+        selElems = opts.elems;
 
-						x = (inradius * Math.cos(angle)) + cx;
-						y = (inradius * Math.sin(angle)) + cy;
-
-						polyPoints += x + ',' + y + ' ';
-					}
-				}
-				newFO.setAttributeNS(null, 'points', polyPoints);
-				newFO.setAttributeNS(null, 'fill', fill);
-				newFO.setAttributeNS(null, 'stroke', strokecolor);
-				newFO.setAttributeNS(null, 'stroke-width', strokewidth);
-				shape = newFO.getAttributeNS(null, 'shape');
-
-				return {
-					started: true
-				};
-			}
-
-		},
-		mouseUp: function(){
-			if (svgCanvas.getMode() == 'star') {
-				var attrs = $(newFO).attr(['r']);
-				// svgCanvas.addToSelection([newFO], true);
-				return {
-					keep: (attrs.r != 0),
-					element: newFO
-				};
-			}
-		},
-		selectedChanged: function(opts){
-			// Use this to update the current selected elements
-			selElems = opts.elems;
-
-			var i = selElems.length;
-
-			while (i--) {
-				var elem = selElems[i];
-				if (elem && elem.getAttributeNS(null, 'shape') === 'star') {
-					if (opts.selectedElement && !opts.multiselected) {
-						// $('#starRadiusMulitplier').val(elem.getAttribute('r2'));
-						$('#starNumPoints').val(elem.getAttribute('point'));
-						$('#radialShift').val(elem.getAttribute('radialshift'));
-						showPanel(true);
-					}
-					else {
-						showPanel(false);
-					}
-				} else {
-					showPanel(false);
-				}
-			}
-		},
-		elementChanged: function(opts){
-			// var elem = opts.elems[0];
-		}
-	};
-});
+        let i = selElems.length;
+        while (i--) {
+          const elem = selElems[i];
+          if (elem && elem.getAttributeNS(null, 'shape') === 'star') {
+            if (opts.selectedElement && !opts.multiselected) {
+              // $('#starRadiusMulitplier').val(elem.getAttribute('r2'));
+              $('#starNumPoints').val(elem.getAttribute('point'));
+              $('#radialShift').val(elem.getAttribute('radialshift'));
+              showPanel(true);
+            } else {
+              showPanel(false);
+            }
+          } else {
+            showPanel(false);
+          }
+        }
+      },
+      elementChanged (opts) {
+        // const elem = opts.elems[0];
+      }
+    };
+  }
+};
diff --git a/editor/extensions/ext-storage.js b/editor/extensions/ext-storage.js
index adcffb74..33398309 100644
--- a/editor/extensions/ext-storage.js
+++ b/editor/extensions/ext-storage.js
@@ -1,293 +1,274 @@
-/*globals svgEditor, svgCanvas, $, widget*/
-/*jslint vars: true, eqeq: true, regexp: true, continue: true*/
-/*
+/* globals jQuery */
+/**
  * ext-storage.js
  *
- * Licensed under the MIT License
+ * This extension allows automatic saving of the SVG canvas contents upon
+ *  page unload (which can later be automatically retrieved upon future
+ *  editor loads).
  *
- * Copyright(c) 2010 Brett Zamir
+ *  The functionality was originally part of the SVG Editor, but moved to a
+ *  separate extension to make the setting behavior optional, and adapted
+ *  to inform the user of its setting of local data.
+ * Dependencies:
  *
- */
-/**
-* This extension allows automatic saving of the SVG canvas contents upon
-*  page unload (which can later be automatically retrieved upon future
-*  editor loads).
-*
-*  The functionality was originally part of the SVG Editor, but moved to a
-*  separate extension to make the setting behavior optional, and adapted
-*  to inform the user of its setting of local data.
+ * 1. jQuery BBQ (for deparam)
+ * @license MIT
+ *
+ * @copyright 2010 Brett Zamir
+ * @todo Revisit on whether to use $.pref over directly setting curConfig in all
+ *   extensions for a more public API (not only for extPath and imagePath,
+ *   but other currently used config in the extensions)
+ * @todo We might provide control of storage settings through the UI besides the
+ *   initial (or URL-forced) dialog. *
 */
+export default {
+  name: 'storage',
+  init () {
+    const svgEditor = this;
+    const $ = jQuery;
+    const svgCanvas = svgEditor.canvas;
 
-/*
-TODOS
-1. Revisit on whether to use $.pref over directly setting curConfig in all
-	extensions for a more public API (not only for extPath and imagePath,
-	but other currently used config in the extensions)
-2. We might provide control of storage settings through the UI besides the
-    initial (or URL-forced) dialog.
-*/
-svgEditor.addExtension('storage', function() {
-	// We could empty any already-set data for users when they decline storage,
-	//  but it would be a risk for users who wanted to store but accidentally
-	// said "no"; instead, we'll let those who already set it, delete it themselves;
-	// to change, set the "emptyStorageOnDecline" config setting to true
-	// in config.js.
-	var emptyStorageOnDecline = svgEditor.curConfig.emptyStorageOnDecline,
-		// When the code in svg-editor.js prevents local storage on load per
-		//  user request, we also prevent storing on unload here so as to
-		//  avoid third-party sites making XSRF requests or providing links
-		// which would cause the user's local storage not to load and then
-		// upon page unload (such as the user closing the window), the storage
-		//  would thereby be set with an empty value, erasing any of the
-		// user's prior work. To change this behavior so that no use of storage
-		// or adding of new storage takes place regardless of settings, set
-		// the "noStorageOnLoad" config setting to true in config.js.
-		noStorageOnLoad = svgEditor.curConfig.noStorageOnLoad,
-		forceStorage = svgEditor.curConfig.forceStorage,
-		storage = svgEditor.storage;
+    // We could empty any already-set data for users when they decline storage,
+    //  but it would be a risk for users who wanted to store but accidentally
+    // said "no"; instead, we'll let those who already set it, delete it themselves;
+    // to change, set the "emptyStorageOnDecline" config setting to true
+    // in svgedit-config-iife.js/svgedit-config-es.js.
+    const {
+      emptyStorageOnDecline,
+      // When the code in svg-editor.js prevents local storage on load per
+      //  user request, we also prevent storing on unload here so as to
+      //  avoid third-party sites making XSRF requests or providing links
+      // which would cause the user's local storage not to load and then
+      // upon page unload (such as the user closing the window), the storage
+      //  would thereby be set with an empty value, erasing any of the
+      // user's prior work. To change this behavior so that no use of storage
+      // or adding of new storage takes place regardless of settings, set
+      // the "noStorageOnLoad" config setting to true in svgedit-config-iife.js.
+      noStorageOnLoad,
+      forceStorage
+    } = svgEditor.curConfig;
+    const {storage} = svgEditor;
 
-	function replaceStoragePrompt (val) {
-		val = val ? 'storagePrompt=' + val : '';
-		var loc = top.location; // Allow this to work with the embedded editor as well
-		if (loc.href.indexOf('storagePrompt=') > -1) {
-			loc.href = loc.href.replace(/([&?])storagePrompt=[^&]*(&?)/, function (n0, n1, amp) {
-				return (val ? n1 : '') + val + (!val && amp ? n1 : (amp || ''));
-			});
-		}
-		else {
-			loc.href += (loc.href.indexOf('?') > -1 ? '&' : '?') + val;
-		}
-	}
-	function setSVGContentStorage (val) {
-		if (storage) {
-			var name = 'svgedit-' + svgEditor.curConfig.canvasName;
-			if (!val) {
-				storage.removeItem(name);
-			}
-			else {
-				storage.setItem(name, val);
-			}
-		}
-	}
-	
-	function expireCookie (cookie) {
-		document.cookie = encodeURIComponent(cookie) + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT';
-	}
-	
-	function removeStoragePrefCookie () {
-		expireCookie('store');
-	}
-	
-	function emptyStorage() {
-		setSVGContentStorage('');
-		var name;
-		for (name in svgEditor.curPrefs) {
-			if (svgEditor.curPrefs.hasOwnProperty(name)) {
-				name = 'svg-edit-' + name;
-				if (storage) {
-					storage.removeItem(name);
-				}
-				expireCookie(name);
-			}
-		}
-	}
-	
-//	emptyStorage();
+    function replaceStoragePrompt (val) {
+      val = val ? 'storagePrompt=' + val : '';
+      const loc = top.location; // Allow this to work with the embedded editor as well
+      if (loc.href.includes('storagePrompt=')) {
+        loc.href = loc.href.replace(/([&?])storagePrompt=[^&]*(&?)/, function (n0, n1, amp) {
+          return (val ? n1 : '') + val + (!val && amp ? n1 : (amp || ''));
+        });
+      } else {
+        loc.href += (loc.href.includes('?') ? '&' : '?') + val;
+      }
+    }
+    function setSVGContentStorage (val) {
+      if (storage) {
+        const name = 'svgedit-' + svgEditor.curConfig.canvasName;
+        if (!val) {
+          storage.removeItem(name);
+        } else {
+          storage.setItem(name, val);
+        }
+      }
+    }
 
-	/**
-	* Listen for unloading: If and only if opted in by the user, set the content
-	*   document and preferences into storage:
-	* 1. Prevent save warnings (since we're automatically saving unsaved
-	*       content into storage)
-	* 2. Use localStorage to set SVG contents (potentially too large to allow in cookies)
-	* 3. Use localStorage (where available) or cookies to set preferences.
-	*/
-	function setupBeforeUnloadListener () {
-		window.addEventListener('beforeunload', function(e) {
-			// Don't save anything unless the user opted in to storage
-			if (!document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/)) {
-				return;
-			}
-			var key;
-			if (document.cookie.match(/(?:^|;\s*)store=prefsAndContent/)) {
-				setSVGContentStorage(svgCanvas.getSvgString());			
-			}
+    function expireCookie (cookie) {
+      document.cookie = encodeURIComponent(cookie) + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT';
+    }
 
-			svgEditor.setConfig({no_save_warning: true}); // No need for explicit saving at all once storage is on
-			// svgEditor.showSaveWarning = false;
+    function removeStoragePrefCookie () {
+      expireCookie('store');
+    }
 
-			var curPrefs = svgEditor.curPrefs;
+    function emptyStorage () {
+      setSVGContentStorage('');
+      for (let name in svgEditor.curPrefs) {
+        if (svgEditor.curPrefs.hasOwnProperty(name)) {
+          name = 'svg-edit-' + name;
+          if (storage) {
+            storage.removeItem(name);
+          }
+          expireCookie(name);
+        }
+      }
+    }
 
-			for (key in curPrefs) {
-				if (curPrefs.hasOwnProperty(key)) { // It's our own config, so we don't need to iterate up the prototype chain
-					var val = curPrefs[key],
-						store = (val != undefined);
-					key = 'svg-edit-' + key;
-					if (!store) {
-						continue;
-					}
-					if (storage) {
-						storage.setItem(key, val);
-					}
-					else if (window.widget) {
-						widget.setPreferenceForKey(val, key);
-					}
-					else {
-						val = encodeURIComponent(val);
-						document.cookie = encodeURIComponent(key) + '=' + val + '; expires=Fri, 31 Dec 9999 23:59:59 GMT';
-					}
-				}
-			}
-		}, false);
-	}
+    // emptyStorage();
 
-	/*
-	// We could add locales here instead (and also thereby avoid the need
-	// to keep our content within "langReady"), but this would be less
-	// convenient for translators.
-	$.extend(uiStrings, {confirmSetStorage: {
-		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."
-	}});
-	*/
-	var loaded = false;
-	return {
-		name: 'storage',
-		langReady: function (data) {
-			var // lang = data.lang,
-				uiStrings = data.uiStrings, // No need to store as dialog should only run once
-				storagePrompt = $.deparam.querystring(true).storagePrompt;
+    /**
+    * Listen for unloading: If and only if opted in by the user, set the content
+    *   document and preferences into storage:
+    * 1. Prevent save warnings (since we're automatically saving unsaved
+    *       content into storage)
+    * 2. Use localStorage to set SVG contents (potentially too large to allow in cookies)
+    * 3. Use localStorage (where available) or cookies to set preferences.
+    */
+    function setupBeforeUnloadListener () {
+      window.addEventListener('beforeunload', function (e) {
+        // Don't save anything unless the user opted in to storage
+        if (!document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/)) {
+          return;
+        }
+        if (document.cookie.match(/(?:^|;\s*)store=prefsAndContent/)) {
+          setSVGContentStorage(svgCanvas.getSvgString());
+        }
 
-			// No need to run this one-time dialog again just because the user
-			//   changes the language
-			if (loaded) {
-				return;
-			}
-			loaded = true;
+        svgEditor.setConfig({no_save_warning: true}); // No need for explicit saving at all once storage is on
+        // svgEditor.showSaveWarning = false;
 
-			// Note that the following can load even if "noStorageOnLoad" is
-			//   set to false; to avoid any chance of storage, avoid this
-			//   extension! (and to avoid using any prior storage, set the
-			//   config option "noStorageOnLoad" to true).
-			if (!forceStorage && (
-				// If the URL has been explicitly set to always prompt the
-				//  user (e.g., so one can be pointed to a URL where one
-				// can alter one's settings, say to prevent future storage)...
-				storagePrompt === true ||
-				(
-					// ...or...if the URL at least doesn't explicitly prevent a
-					//  storage prompt (as we use for users who
-					// don't want to set cookies at all but who don't want
-					// continual prompts about it)...
-					storagePrompt !== false &&
-					// ...and this user hasn't previously indicated a desire for storage
-					!document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/)
-				)
-				// ...then show the storage prompt.
-			)) {
+        const {curPrefs} = svgEditor;
 
-				var options = [];
-				if (storage) {
-					options.unshift(
-						{value: 'prefsAndContent', text: uiStrings.confirmSetStorage.storagePrefsAndContent},
-						{value: 'prefsOnly', text: uiStrings.confirmSetStorage.storagePrefsOnly},
-						{value: 'noPrefsOrContent', text: uiStrings.confirmSetStorage.storageNoPrefsOrContent}
-					);
-				}
-				else {
-					options.unshift(
-						{value: 'prefsOnly', text: uiStrings.confirmSetStorage.storagePrefs},
-						{value: 'noPrefsOrContent', text: uiStrings.confirmSetStorage.storageNoPrefs}
-					);
-				}
+        for (let key in curPrefs) {
+          if (curPrefs.hasOwnProperty(key)) { // It's our own config, so we don't need to iterate up the prototype chain
+            let val = curPrefs[key];
+            const store = (val !== undefined);
+            key = 'svg-edit-' + key;
+            if (!store) {
+              continue;
+            }
+            if (storage) {
+              storage.setItem(key, val);
+            } else if (window.widget) {
+              window.widget.setPreferenceForKey(val, key);
+            } else {
+              val = encodeURIComponent(val);
+              document.cookie = encodeURIComponent(key) + '=' + val + '; expires=Fri, 31 Dec 9999 23:59:59 GMT';
+            }
+          }
+        }
+      }, false);
+    }
 
-				// Hack to temporarily provide a wide and high enough dialog
-				var oldContainerWidth = $('#dialog_container')[0].style.width,
-					oldContainerMarginLeft = $('#dialog_container')[0].style.marginLeft,
-					oldContentHeight = $('#dialog_content')[0].style.height,
-					oldContainerHeight = $('#dialog_container')[0].style.height;
-				$('#dialog_content')[0].style.height = '120px';
-				$('#dialog_container')[0].style.height = '170px';
-				$('#dialog_container')[0].style.width = '800px';
-				$('#dialog_container')[0].style.marginLeft = '-400px';
+    let loaded = false;
+    return {
+      name: 'storage',
+      async langReady ({importLocale}) {
+        const {storagePrompt} = $.deparam.querystring(true);
 
-				// Open select-with-checkbox dialog
-				$.select(
-					uiStrings.confirmSetStorage.message,
-					options,
-					function (pref, checked) {
-						if (pref && pref !== 'noPrefsOrContent') {
-							// Regardless of whether the user opted
-							// to remember the choice (and move to a URL which won't
-							// ask them again), we have to assume the user
-							// doesn't even want to remember their not wanting
-							// storage, so we don't set the cookie or continue on with
-							//  setting storage on beforeunload
-							document.cookie = 'store=' + encodeURIComponent(pref) + '; expires=Fri, 31 Dec 9999 23:59:59 GMT'; // 'prefsAndContent' | 'prefsOnly'
-							// If the URL was configured to always insist on a prompt, if
-							//    the user does indicate a wish to store their info, we
-							//    don't want ask them again upon page refresh so move
-							//    them instead to a URL which does not always prompt
-							if (storagePrompt === true && checked) {
-								replaceStoragePrompt();
-								return;
-							}
-						}
-						else { // The user does not wish storage (or cancelled, which we treat equivalently)
-							removeStoragePrefCookie();
-							if (pref && // If the user explicitly expresses wish for no storage
-								emptyStorageOnDecline
-							) {
-								emptyStorage();
-							}
-							if (pref && checked) {
-								// Open a URL which won't set storage and won't prompt user about storage
-								replaceStoragePrompt('false');
-								return;
-							}
-						}
+        const confirmSetStorage = await importLocale();
+        const {
+          message, storagePrefsAndContent, storagePrefsOnly,
+          storagePrefs, storageNoPrefsOrContent, storageNoPrefs,
+          rememberLabel, rememberTooltip
+        } = confirmSetStorage;
 
-						// Reset width/height of dialog (e.g., for use by Export)
-						$('#dialog_container')[0].style.width = oldContainerWidth;
-						$('#dialog_container')[0].style.marginLeft = oldContainerMarginLeft;				
-						$('#dialog_content')[0].style.height = oldContentHeight;
-						$('#dialog_container')[0].style.height = oldContainerHeight;
-						
-						// It should be enough to (conditionally) add to storage on
-						//   beforeunload, but if we wished to update immediately,
-						//   we might wish to try setting:
-						//       svgEditor.setConfig({noStorageOnLoad: true});
-						//   and then call:
-						//       svgEditor.loadContentAndPrefs();
-						
-						// We don't check for noStorageOnLoad here because
-						//   the prompt gives the user the option to store data
-						setupBeforeUnloadListener();
-						
-						svgEditor.storagePromptClosed = true;
-					},
-					null,
-					null,
-					{
-						label: uiStrings.confirmSetStorage.rememberLabel,
-						checked: false,
-						tooltip: uiStrings.confirmSetStorage.rememberTooltip
-					}
-				);
-			}
-			else if (!noStorageOnLoad || forceStorage) {
-				setupBeforeUnloadListener();
-			}
-		}
-	};
-});
+        // No need to run this one-time dialog again just because the user
+        //   changes the language
+        if (loaded) {
+          return;
+        }
+        loaded = true;
+
+        // Note that the following can load even if "noStorageOnLoad" is
+        //   set to false; to avoid any chance of storage, avoid this
+        //   extension! (and to avoid using any prior storage, set the
+        //   config option "noStorageOnLoad" to true).
+        if (!forceStorage && (
+          // If the URL has been explicitly set to always prompt the
+          //  user (e.g., so one can be pointed to a URL where one
+          // can alter one's settings, say to prevent future storage)...
+          storagePrompt === true ||
+          (
+            // ...or...if the URL at least doesn't explicitly prevent a
+            //  storage prompt (as we use for users who
+            // don't want to set cookies at all but who don't want
+            // continual prompts about it)...
+            storagePrompt !== false &&
+            // ...and this user hasn't previously indicated a desire for storage
+            !document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/)
+          )
+          // ...then show the storage prompt.
+        )) {
+          const options = [];
+          if (storage) {
+            options.unshift(
+              {value: 'prefsAndContent', text: storagePrefsAndContent},
+              {value: 'prefsOnly', text: storagePrefsOnly},
+              {value: 'noPrefsOrContent', text: storageNoPrefsOrContent}
+            );
+          } else {
+            options.unshift(
+              {value: 'prefsOnly', text: storagePrefs},
+              {value: 'noPrefsOrContent', text: storageNoPrefs}
+            );
+          }
+
+          // Hack to temporarily provide a wide and high enough dialog
+          const oldContainerWidth = $('#dialog_container')[0].style.width,
+            oldContainerMarginLeft = $('#dialog_container')[0].style.marginLeft,
+            oldContentHeight = $('#dialog_content')[0].style.height,
+            oldContainerHeight = $('#dialog_container')[0].style.height;
+          $('#dialog_content')[0].style.height = '120px';
+          $('#dialog_container')[0].style.height = '170px';
+          $('#dialog_container')[0].style.width = '800px';
+          $('#dialog_container')[0].style.marginLeft = '-400px';
+
+          // Open select-with-checkbox dialog
+          // From svg-editor.js
+          $.select(
+            message,
+            options,
+            function (pref, checked) {
+              if (pref && pref !== 'noPrefsOrContent') {
+                // Regardless of whether the user opted
+                // to remember the choice (and move to a URL which won't
+                // ask them again), we have to assume the user
+                // doesn't even want to remember their not wanting
+                // storage, so we don't set the cookie or continue on with
+                //  setting storage on beforeunload
+                document.cookie = 'store=' + encodeURIComponent(pref) + '; expires=Fri, 31 Dec 9999 23:59:59 GMT'; // 'prefsAndContent' | 'prefsOnly'
+                // If the URL was configured to always insist on a prompt, if
+                //    the user does indicate a wish to store their info, we
+                //    don't want ask them again upon page refresh so move
+                //    them instead to a URL which does not always prompt
+                if (storagePrompt === true && checked) {
+                  replaceStoragePrompt();
+                  return;
+                }
+              } else { // The user does not wish storage (or cancelled, which we treat equivalently)
+                removeStoragePrefCookie();
+                if (pref && // If the user explicitly expresses wish for no storage
+                  emptyStorageOnDecline
+                ) {
+                  emptyStorage();
+                }
+                if (pref && checked) {
+                  // Open a URL which won't set storage and won't prompt user about storage
+                  replaceStoragePrompt('false');
+                  return;
+                }
+              }
+
+              // Reset width/height of dialog (e.g., for use by Export)
+              $('#dialog_container')[0].style.width = oldContainerWidth;
+              $('#dialog_container')[0].style.marginLeft = oldContainerMarginLeft;
+              $('#dialog_content')[0].style.height = oldContentHeight;
+              $('#dialog_container')[0].style.height = oldContainerHeight;
+
+              // It should be enough to (conditionally) add to storage on
+              //   beforeunload, but if we wished to update immediately,
+              //   we might wish to try setting:
+              //       svgEditor.setConfig({noStorageOnLoad: true});
+              //   and then call:
+              //       svgEditor.loadContentAndPrefs();
+
+              // We don't check for noStorageOnLoad here because
+              //   the prompt gives the user the option to store data
+              setupBeforeUnloadListener();
+
+              svgEditor.storagePromptClosed = true;
+            },
+            null,
+            null,
+            {
+              label: rememberLabel,
+              checked: false,
+              tooltip: rememberTooltip
+            }
+          );
+        } else if (!noStorageOnLoad || forceStorage) {
+          setupBeforeUnloadListener();
+        }
+      }
+    };
+  }
+};
diff --git a/editor/extensions/ext-webappfind.js b/editor/extensions/ext-webappfind.js
index 1fe2f776..21288afc 100644
--- a/editor/extensions/ext-webappfind.js
+++ b/editor/extensions/ext-webappfind.js
@@ -1,67 +1,105 @@
-/*globals svgEditor*/
-/*
-Depends on Firefox add-on and executables from https://github.com/brettz9/webappfind
-
-Todos:
-1. See WebAppFind Readme for SVG-related todos
+/**
+* Depends on Firefox add-on and executables from {@link https://github.com/brettz9/webappfind}
+* @author Brett Zamir
+* @license MIT
+* @todo See WebAppFind Readme for SVG-related todos
 */
-(function () {'use strict';
 
-var pathID,
-    saveMessage = 'webapp-save',
-    readMessage = 'webapp-read',
-    excludedMessages = [readMessage, saveMessage];
+export default {
+  name: 'webappfind',
+  async init ({importLocale}) {
+    const strings = await importLocale();
+    const svgEditor = this;
+    const saveMessage = 'save',
+      readMessage = 'read',
+      excludedMessages = [readMessage, saveMessage];
 
-window.addEventListener('message', function(e) {
-    if (e.origin !== window.location.origin || // PRIVACY AND SECURITY! (for viewing and saving, respectively)
-        (!Array.isArray(e.data) || excludedMessages.indexOf(e.data[0]) > -1) // Validate format and avoid our post below
-    ) {
-        return;
-    }
-    var svgString,
-        messageType = e.data[0];
-    switch (messageType) {
-        case 'webapp-view':
-            // Populate the contents
-            pathID = e.data[1];
-            
-            svgString = e.data[2];
-            svgEditor.loadFromString(svgString);
-            
-            /*if ($('#tool_save_file')) {
-                $('#tool_save_file').disabled = false;
-            }*/
-            break;
-        case 'webapp-save-end':
-            alert('save complete for pathID ' + e.data[1] + '!');
-            break;
+    let pathID;
+    this.canvas.bind(
+      'message',
+      /**
+      * @param {external:Window} win
+      * @param {module:svgcanvas.SvgCanvas#event:message} data
+      * @listens module:svgcanvas.SvgCanvas#event:message
+      * @throws {Error} Unexpected event type
+      * @returns {undefined}
+      */
+      (win, {data, origin}) => {
+        // console.log('data, origin', data, origin);
+        let type, content;
+        try {
+          ({type, pathID, content} = data.webappfind); // May throw if data is not an object
+          if (origin !== location.origin || // We are only interested in a message sent as though within this URL by our browser add-on
+              excludedMessages.includes(type) // Avoid our post below (other messages might be possible in the future which may also need to be excluded if your subsequent code makes assumptions on the type of message this is)
+          ) {
+            return;
+          }
+        } catch (err) {
+          return;
+        }
+
+        switch (type) {
+        case 'view':
+          // Populate the contents
+          svgEditor.loadFromString(content);
+
+          /* if ($('#tool_save_file')) {
+            $('#tool_save_file').disabled = false;
+          } */
+          break;
+        case 'save-end':
+          alert(`save complete for pathID ${pathID}!`);
+          break;
         default:
-            throw 'Unexpected mode';
-    }
-}, false);
+          throw new Error('Unexpected WebAppFind event type');
+        }
+      }
+    );
 
-window.postMessage([readMessage], window.location.origin !== 'null' ? window.location.origin : '*'); // Avoid "null" string error for file: protocol (even though file protocol not currently supported by add-on)
-
-svgEditor.addExtension('WebAppFind', function() {
+    /*
+    window.postMessage({
+      webappfind: {
+        type: readMessage
+      }
+    }, window.location.origin === 'null'
+      // Avoid "null" string error for `file:` protocol (even though
+      //  file protocol not currently supported by Firefox)
+      ? '*'
+      : window.location.origin
+    );
+    */
+    const buttons = [{
+      id: 'webappfind_save', //
+      icon: svgEditor.curConfig.extIconsPath + 'webappfind.png',
+      type: 'app_menu',
+      position: 4, // Before 0-based index position 4 (after the regular "Save Image (S)")
+      events: {
+        click () {
+          if (!pathID) { // Not ready yet as haven't received first payload
+            return;
+          }
+          window.postMessage({
+            webappfind: {
+              type: saveMessage,
+              pathID,
+              content: svgEditor.canvas.getSvgString()
+            }
+          }, window.location.origin === 'null'
+            // Avoid "null" string error for `file:` protocol (even
+            //  though file protocol not currently supported by add-on)
+            ? '*'
+            : window.location.origin
+          );
+        }
+      }
+    }];
 
     return {
-        name: 'WebAppFind',
-        svgicons: svgEditor.curConfig.extPath + 'webappfind-icon.svg',
-        buttons: [{
-            id: 'webappfind_save', // 
-            type: 'app_menu',
-            title: 'Save Image back to Disk',
-            position: 4, // Before 0-based index position 4 (after the regular "Save Image (S)")
-            events: {
-                click: function () {
-                    if (!pathID) { // Not ready yet as haven't received first payload
-                        return;
-                    }
-                    window.postMessage([saveMessage, pathID, svgEditor.canvas.getSvgString()], window.location.origin);
-                }
-            }
-        }]
+      name: strings.name,
+      svgicons: svgEditor.curConfig.extIconsPath + 'webappfind-icon.svg',
+      buttons: strings.buttons.map((button, i) => {
+        return Object.assign(buttons[i], button);
+      })
     };
-});
-
-}());
+  }
+};
diff --git a/editor/extensions/ext-xdomain-messaging.js b/editor/extensions/ext-xdomain-messaging.js
index 4efcb1a4..dbb482a7 100644
--- a/editor/extensions/ext-xdomain-messaging.js
+++ b/editor/extensions/ext-xdomain-messaging.js
@@ -1,42 +1,46 @@
-/**
-* Should not be needed for same domain control (just call via child frame),
-*  but an API common for cross-domain and same domain use can be found
-*  in embedapi.js with a demo at embedapi.html
-*/
-/*globals svgEditor, svgCanvas*/
-svgEditor.addExtension('xdomain-messaging', function() {'use strict';
-	try {
-		window.addEventListener('message', function(e) {
-			// We accept and post strings for the sake of IE9 support
-			if (typeof e.data !== 'string' || e.data.charAt() === '|') {
-				return;
-			}
-			var cbid, name, args, message, allowedOrigins, data = JSON.parse(e.data);
-			if (!data || typeof data !== 'object' || data.namespace !== 'svgCanvas') {
-				return;
-			}
-			// The default is not to allow any origins, including even the same domain or if run on a file:// URL
-			//  See config-sample.js for an example of how to configure
-			allowedOrigins = svgEditor.curConfig.allowedOrigins;
-			if (allowedOrigins.indexOf('*') === -1 && allowedOrigins.indexOf(e.origin) === -1) {
-				return;
-			}
-			cbid = data.id;
-			name = data.name;
-			args = data.args;
-			message = {
-				namespace: 'svg-edit',
-				id: cbid
-			};
-			try {
-				message.result = svgCanvas[name].apply(svgCanvas, args);
-			} catch (err) {
-				message.error = err.message;
-			}
-			e.source.postMessage(JSON.stringify(message), '*');
-		}, false);
-	}
-	catch (err) {
-		console.log('Error with xdomain message listener: ' + err);
-	}
-});
+/**
+* Should not be needed for same domain control (just call via child frame),
+*  but an API common for cross-domain and same domain use can be found
+*  in embedapi.js with a demo at embedapi.html
+*/
+export default {
+  name: 'xdomain-messaging',
+  init () {
+    const svgEditor = this;
+    const svgCanvas = svgEditor.canvas;
+    try {
+      window.addEventListener('message', function (e) {
+        // We accept and post strings for the sake of IE9 support
+        if (typeof e.data !== 'string' || e.data.charAt() === '|') {
+          return;
+        }
+        const data = JSON.parse(e.data);
+        if (!data || typeof data !== 'object' || data.namespace !== 'svgCanvas') {
+          return;
+        }
+        // The default is not to allow any origins, including even the same domain or
+        //  if run on a file:// URL See svgedit-config-es.js for an example of how
+        //  to configure
+        const {allowedOrigins} = svgEditor.curConfig;
+        if (!allowedOrigins.includes('*') && !allowedOrigins.includes(e.origin)) {
+          console.log(`Origin ${e.origin} not whitelisted for posting to ${window.origin}`);
+          return;
+        }
+        const cbid = data.id;
+        const {name, args} = data;
+        const message = {
+          namespace: 'svg-edit',
+          id: cbid
+        };
+        try {
+          message.result = svgCanvas[name].apply(svgCanvas, args);
+        } catch (err) {
+          message.error = err.message;
+        }
+        e.source.postMessage(JSON.stringify(message), '*');
+      }, false);
+    } catch (err) {
+      console.log('Error with xdomain message listener: ' + err);
+    }
+  }
+};
diff --git a/editor/extensions/eyedropper-icon.xml b/editor/extensions/eyedropper-icon.xml
index c05576aa..8f8233e4 100644
--- a/editor/extensions/eyedropper-icon.xml
+++ b/editor/extensions/eyedropper-icon.xml
@@ -2,7 +2,7 @@
 
 <g id="tool_eyedropper">
 <svg viewBox="0 0 320 320" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <!-- 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"/>
@@ -29,6 +29,6 @@
  </g>
 </svg>
 </g>
-	
-	<g id="svg_eof"/>
-</svg>
\ No newline at end of file
+
+  <g id="svg_eof"/>
+</svg>
diff --git a/editor/extensions/eyedropper.png b/editor/extensions/eyedropper.png
index 61987c4b..94bc664b 100644
Binary files a/editor/extensions/eyedropper.png and b/editor/extensions/eyedropper.png differ
diff --git a/editor/extensions/fileopen.php b/editor/extensions/fileopen.php
index d2edbbbe..96b70981 100644
--- a/editor/extensions/fileopen.php
+++ b/editor/extensions/fileopen.php
@@ -9,48 +9,50 @@
  * Copyright(c) 2010 Alexis Deveria
  *
  */
-	// Very minimal PHP file, all we do is Base64 encode the uploaded file and
-	// return it to the editor
-	
-	if (!isset($_REQUEST['type'])) {
-		echo "No type given";
-		exit;
-	}
-	$type = $_REQUEST['type'];
-	if (!in_array($type, array('load_svg', 'import_svg', 'import_img'))) {
-		echo "Not a recognized type";
-		exit;
-	}
+  // Very minimal PHP file, all we do is Base64 encode the uploaded file and
+  // return it to the editor
 
-	require('allowedMimeTypes.php');
-	
-	$file = $_FILES['svg_file']['tmp_name'];
-	
-	$output = file_get_contents($file);
-	
-	$prefix = '';
+  if (!isset($_REQUEST['type'])) {
+    echo 'No type given';
+    exit;
+  }
+  $type = $_REQUEST['type'];
+  if (!in_array($type, array('load_svg', 'import_svg', 'import_img'))) {
+    echo 'Not a recognized type';
+    exit;
+  }
 
-	// Make Data URL prefix for import image
-	if ($type == 'import_img') {
-		$info = getimagesize($file);
-		if (!in_array($info['mime'], $allowedMimeTypesBySuffix)) {
-			echo "Disallowed MIME for supplied file";
-			exit;
-		}
-		$prefix = 'data:' . $info['mime'] . ';base64,';
-	}
+  require('allowedMimeTypes.php');
+
+  $file = $_FILES['svg_file']['tmp_name'];
+
+  $output = file_get_contents($file);
+
+  $prefix = '';
+
+  // Make Data URL prefix for import image
+  if ($type == 'import_img') {
+    $info = getimagesize($file);
+    if (!in_array($info['mime'], $allowedMimeTypesBySuffix)) {
+      echo 'Disallowed MIME for supplied file';
+      exit;
+    }
+    $prefix = 'data:' . $info['mime'] . ';base64,';
+  }
 ?>
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta charset="utf-8" />
-<script>
+<html>
+  <head>
+  <meta charset="utf-8" />
+  <title>-</title>
+  <script>
 
-top.svgEditor.processFile("<?php 
+top.svgEditor.processFile("<?php
 
 // This should be safe since SVG edit does its own filtering (e.g., if an SVG file contains scripts)
 echo $prefix . base64_encode($output);
 
 ?>", "<?php echo $type; ?>");
-</script>
-</head><body></body>
+  </script>
+</head>
+<body></body>
 </html>
diff --git a/editor/extensions/filesave.php b/editor/extensions/filesave.php
index 9828ad6f..d7976ce7 100644
--- a/editor/extensions/filesave.php
+++ b/editor/extensions/filesave.php
@@ -10,12 +10,12 @@
  */
 
 function encodeRFC5987ValueChars ($str) {
-	// See http://tools.ietf.org/html/rfc5987#section-3.2.1
-	// For better readability within headers, add back the characters escaped by rawurlencode but still allowable
-	// Although RFC3986 reserves "!" (%21), RFC5987 does not
-	return preg_replace_callback('@%(2[1346B]|5E|60|7C)@', function ($matches) {
-		return chr('0x' . $matches[1]);
-	}, rawurlencode($str));
+  // See https://tools.ietf.org/html/rfc5987#section-3.2.1
+  // For better readability within headers, add back the characters escaped by rawurlencode but still allowable
+  // Although RFC3986 reserves "!" (%21), RFC5987 does not
+  return preg_replace_callback('@%(2[1346B]|5E|60|7C)@', function ($matches) {
+    return chr('0x' . $matches[1]);
+  }, rawurlencode($str));
 }
 
 require('allowedMimeTypes.php');
@@ -23,7 +23,7 @@ require('allowedMimeTypes.php');
 $mime = (!isset($_POST['mime']) || !in_array($_POST['mime'], $allowedMimeTypesBySuffix)) ? 'image/svg+xml;charset=UTF-8' : $_POST['mime'];
 
 if (!isset($_POST['output_svg']) && !isset($_POST['output_img'])) {
-	die('post fail');
+  die('post fail');
 }
 
 $file = '';
@@ -31,30 +31,30 @@ $file = '';
 $suffix = '.' . array_search($mime, $allowedMimeTypesBySuffix);
 
 if (isset($_POST['filename']) && strlen($_POST['filename']) > 0) {
-	$file = $_POST['filename'] . $suffix;
+  $file = $_POST['filename'] . $suffix;
 } else {
-	$file = 'image' . $suffix;
+  $file = 'image' . $suffix;
 }
 
 if ($suffix == '.svg') {
-	$contents = $_POST['output_svg'];
+  $contents = $_POST['output_svg'];
 } else {
-	$contents = $_POST['output_img'];
-	$pos = (strpos($contents, 'base64,') + 7);
-	$contents = base64_decode(substr($contents, $pos));
+  $contents = $_POST['output_img'];
+  $pos = (strpos($contents, 'base64,') + 7);
+  $contents = base64_decode(substr($contents, $pos));
 }
 
-header("Cache-Control: public");
-header("Content-Description: File Transfer");
+header('Cache-Control: public');
+header('Content-Description: File Transfer');
 
-// See http://tools.ietf.org/html/rfc6266#section-4.1
+// See https://tools.ietf.org/html/rfc6266#section-4.1
 header("Content-Disposition: attachment; filename*=UTF-8''" . encodeRFC5987ValueChars(
-	// preg_replace('@[\\\\/:*?"<>|]@', '', $file) // If we wanted to strip Windows-disallowed characters server-side (but not a security issue, so we can strip client-side instead)
-	$file
+  // preg_replace('@[\\\\/:*?"<>|]@', '', $file) // If we wanted to strip Windows-disallowed characters server-side (but not a security issue, so we can strip client-side instead)
+  $file
 ));
-header("Content-Type: " .  $mime);
-header("Content-Transfer-Encoding: binary");
+header('Content-Type: ' .  $mime);
+header('Content-Transfer-Encoding: binary');
 
 echo $contents;
- 
-?>
\ No newline at end of file
+
+?>
diff --git a/editor/extensions/foreignobject-edit.png b/editor/extensions/foreignobject-edit.png
new file mode 100644
index 00000000..531b375f
Binary files /dev/null and b/editor/extensions/foreignobject-edit.png differ
diff --git a/editor/extensions/foreignobject-icons.xml b/editor/extensions/foreignobject-icons.xml
index 0d34654a..d5cb7e61 100644
--- a/editor/extensions/foreignobject-icons.xml
+++ b/editor/extensions/foreignobject-icons.xml
@@ -1,96 +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>
\ No newline at end of file
+  <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>
diff --git a/editor/extensions/foreignobject-tool.png b/editor/extensions/foreignobject-tool.png
new file mode 100644
index 00000000..29e50d9b
Binary files /dev/null and b/editor/extensions/foreignobject-tool.png differ
diff --git a/editor/extensions/grid-icon.xml b/editor/extensions/grid-icon.xml
index d34eb9d0..3ec53911 100644
--- a/editor/extensions/grid-icon.xml
+++ b/editor/extensions/grid-icon.xml
@@ -1,30 +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.
+<!--
+  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>
+  <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>
diff --git a/editor/extensions/grid.png b/editor/extensions/grid.png
new file mode 100644
index 00000000..75e400ef
Binary files /dev/null and b/editor/extensions/grid.png differ
diff --git a/editor/extensions/helloworld-icon.xml b/editor/extensions/helloworld-icon.xml
index 0b1ba1a0..8778308f 100644
--- a/editor/extensions/helloworld-icon.xml
+++ b/editor/extensions/helloworld-icon.xml
@@ -1,21 +1,21 @@
 <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.
+<!--
+  Sample icons file. This file looks like an SVG file with groups as its
+  children. Each group element has an ID that must match the ID of the button given
+  in the extension. The SVG inside the group makes up the actual icon, and
+  needs use a viewBox instead of width/height for it to scale  properly.
+
+  Multiple icons can be included, each within their own group.
 -->
-	<g id="hello_world">
-		<svg width="102" height="102" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-		 <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
-		 <g>
-		  <title>Layer 1</title>
-		  <rect ry="30" rx="30" x="2.5" y="2.5" width="97" height="97" id="svg_3" fill="#008000" stroke="#000000" stroke-width="5"/>
-		  <text x="52.668" y="42.5" id="svg_1" fill="#ffffff" stroke="#000000" stroke-width="0" font-size="24" font-family="Monospace" text-anchor="middle" xml:space="preserve">Hello</text>
-		  <text x="52.668" y="71.5" fill="#ffffff" stroke="#000000" stroke-width="0" font-size="24" font-family="Monospace" text-anchor="middle" xml:space="preserve" id="svg_2">World!</text>
-		 </g>
-		</svg>
-	</g>
-</svg>
\ No newline at end of file
+  <g id="hello_world">
+    <svg width="102" height="102" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+     <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
+     <g>
+      <title>Layer 1</title>
+      <rect ry="30" rx="30" x="2.5" y="2.5" width="97" height="97" id="svg_3" fill="#008000" stroke="#000000" stroke-width="5"/>
+      <text x="52.668" y="42.5" id="svg_1" fill="#ffffff" stroke="#000000" stroke-width="0" font-size="24" font-family="Monospace" text-anchor="middle" xml:space="preserve">Hello</text>
+      <text x="52.668" y="71.5" fill="#ffffff" stroke="#000000" stroke-width="0" font-size="24" font-family="Monospace" text-anchor="middle" xml:space="preserve" id="svg_2">World!</text>
+     </g>
+    </svg>
+  </g>
+</svg>
diff --git a/editor/extensions/helloworld.png b/editor/extensions/helloworld.png
new file mode 100644
index 00000000..bb9c8fc0
Binary files /dev/null and b/editor/extensions/helloworld.png differ
diff --git a/editor/extensions/imagelib.png b/editor/extensions/imagelib.png
new file mode 100644
index 00000000..a1190c1b
Binary files /dev/null and b/editor/extensions/imagelib.png differ
diff --git a/editor/extensions/imagelib/index-es.html b/editor/extensions/imagelib/index-es.html
new file mode 100644
index 00000000..3ed88a7b
--- /dev/null
+++ b/editor/extensions/imagelib/index-es.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title>-</title>
+    <link rel="icon" type="image/png" href="../../images/logo.png"/>
+    <script src="jquery.min.js"></script>
+    <script src="../../external/babel-polyfill/polyfill.min.js"></script>
+    <script type="module" src="index.js"></script>
+</head>
+<body>
+
+<h1>Select an image:</h1>
+<a href="smiley.svg">smiley.svg</a>
+<br/>
+<a href="../../images/logo.png">logo.png</a>
+
+</body>
+</html>
diff --git a/editor/extensions/imagelib/index.html b/editor/extensions/imagelib/index.html
index 0b2d75f2..d9ea0793 100644
--- a/editor/extensions/imagelib/index.html
+++ b/editor/extensions/imagelib/index.html
@@ -1,70 +1,20 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta charset="utf-8" />
-<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
-</head>
-<body>
-
-<h1>Select an image:</h1>
-<a href="smiley.svg">smiley.svg</a>
-<br>
-<a href="../../images/logo.png">logo.png</a>
-
-<script>
-/*globals $*/
-/*jslint vars: true*/
-$('a').click(function() {'use strict';
-	var meta_str;
-	var href = this.href;
-	var target = window.parent;
-	// Convert Non-SVG images to data URL first 
-	// (this could also have been done server-side by the library)
-	if (this.href.indexOf('.svg') === -1) {
-
-		meta_str = JSON.stringify({
-			name: $(this).text(),
-			id: href
-		});
-		target.postMessage(meta_str, '*');
-
-		var img = new Image();
-		img.onload = function() {
-			var canvas = document.createElement('canvas');
-			canvas.width = this.width;
-			canvas.height = this.height;
-			// load the raster image into the canvas
-			canvas.getContext('2d').drawImage(this, 0, 0);
-			// retrieve the data: URL
-			var dataurl;
-			try {
-				dataurl = canvas.toDataURL();
-			} catch(err) {
-				// This fails in Firefox with file:// URLs :(
-				alert("Data URL conversion failed: " + err);
-				dataurl = "";
-			}
-			target.postMessage('|' + href + '|' + dataurl, '*');
-		};
-		img.src = href;
-	} else {
-		// Send metadata (also indicates file is about to be sent)
-		meta_str = JSON.stringify({
-			name: $(this).text(),
-			id: href
-		});
-		target.postMessage(meta_str, '*');
-		// Do ajax request for image's href value
-		$.get(href, function(data) {
-			data = '|' + href + '|' + data;
-			// This is where the magic happens!
-			target.postMessage(data, '*');
-			
-		}, 'html'); // 'html' is necessary to keep returned data as a string
-	}
-	return false;
-});
-
-</script>
-</body>
-</html>
+<!DOCTYPE html>
+<!-- AUTO-GENERATED FROM imagelib/index-es.html; DO NOT EDIT; use build-html.js to build -->
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title>-</title>
+    <link rel="icon" type="image/png" href="../../images/logo.png"/>
+    <script src="jquery.min.js"></script>
+    <script src="../../external/babel-polyfill/polyfill.min.js"></script>
+    <script defer="defer" src="../../../dist/extensions/imagelib/index.js"></script>
+</head>
+<body>
+
+<h1>Select an image:</h1>
+<a href="smiley.svg">smiley.svg</a>
+<br/>
+<a href="../../images/logo.png">logo.png</a>
+
+</body>
+</html>
diff --git a/editor/extensions/imagelib/index.js b/editor/extensions/imagelib/index.js
new file mode 100644
index 00000000..68d33547
--- /dev/null
+++ b/editor/extensions/imagelib/index.js
@@ -0,0 +1,48 @@
+/* globals jQuery */
+const $ = jQuery;
+$('a').click(function () {
+  const {href} = this;
+  const target = window.parent;
+  const post = (message) => {
+    // Todo: Make origin customizable as set by opening window
+    // Todo: If dropping IE9, avoid stringifying
+    target.postMessage(JSON.stringify({
+      namespace: 'imagelib',
+      ...message
+    }), '*');
+  };
+  // Convert Non-SVG images to data URL first
+  // (this could also have been done server-side by the library)
+  // Send metadata (also indicates file is about to be sent)
+  post({
+    name: $(this).text(),
+    id: href
+  });
+  if (!this.href.includes('.svg')) {
+    const img = new Image();
+    img.onload = function () {
+      const canvas = document.createElement('canvas');
+      canvas.width = this.width;
+      canvas.height = this.height;
+      // load the raster image into the canvas
+      canvas.getContext('2d').drawImage(this, 0, 0);
+      // retrieve the data: URL
+      let data;
+      try {
+        data = canvas.toDataURL();
+      } catch (err) {
+        // This fails in Firefox with file:// URLs :(
+        alert('Data URL conversion failed: ' + err);
+        data = '';
+      }
+      post({href, data});
+    };
+    img.src = href;
+  } else {
+    // Do ajax request for image's href value
+    $.get(href, function (data) {
+      post({href, data});
+    }, 'html'); // 'html' is necessary to keep returned data as a string
+  }
+  return false;
+});
diff --git a/editor/extensions/imagelib/jquery.min.js b/editor/extensions/imagelib/jquery.min.js
new file mode 100644
index 00000000..8f3ca2e2
--- /dev/null
+++ b/editor/extensions/imagelib/jquery.min.js
@@ -0,0 +1,167 @@
+/*!
+ * jQuery JavaScript Library v1.4.4
+ * http://jquery.com/
+ *
+ * Copyright 2010, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2010, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Thu Nov 11 19:04:53 2010 -0500
+ */
+(function(E,B){function ka(a,b,d){if(d===B&&a.nodeType===1){d=a.getAttribute("data-"+b);if(typeof d==="string"){try{d=d==="true"?true:d==="false"?false:d==="null"?null:!c.isNaN(d)?parseFloat(d):Ja.test(d)?c.parseJSON(d):d}catch(e){}c.data(a,b,d)}else d=B}return d}function U(){return false}function ca(){return true}function la(a,b,d){d[0].type=a;return c.event.handle.apply(b,d)}function Ka(a){var b,d,e,f,h,l,k,o,x,r,A,C=[];f=[];h=c.data(this,this.nodeType?"events":"__events__");if(typeof h==="function")h=
+h.events;if(!(a.liveFired===this||!h||!h.live||a.button&&a.type==="click")){if(a.namespace)A=RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)");a.liveFired=this;var J=h.live.slice(0);for(k=0;k<J.length;k++){h=J[k];h.origType.replace(X,"")===a.type?f.push(h.selector):J.splice(k--,1)}f=c(a.target).closest(f,a.currentTarget);o=0;for(x=f.length;o<x;o++){r=f[o];for(k=0;k<J.length;k++){h=J[k];if(r.selector===h.selector&&(!A||A.test(h.namespace))){l=r.elem;e=null;if(h.preType==="mouseenter"||
+h.preType==="mouseleave"){a.type=h.preType;e=c(a.relatedTarget).closest(h.selector)[0]}if(!e||e!==l)C.push({elem:l,handleObj:h,level:r.level})}}}o=0;for(x=C.length;o<x;o++){f=C[o];if(d&&f.level>d)break;a.currentTarget=f.elem;a.data=f.handleObj.data;a.handleObj=f.handleObj;A=f.handleObj.origHandler.apply(f.elem,arguments);if(A===false||a.isPropagationStopped()){d=f.level;if(A===false)b=false;if(a.isImmediatePropagationStopped())break}}return b}}function Y(a,b){return(a&&a!=="*"?a+".":"")+b.replace(La,
+"`").replace(Ma,"&")}function ma(a,b,d){if(c.isFunction(b))return c.grep(a,function(f,h){return!!b.call(f,h,f)===d});else if(b.nodeType)return c.grep(a,function(f){return f===b===d});else if(typeof b==="string"){var e=c.grep(a,function(f){return f.nodeType===1});if(Na.test(b))return c.filter(b,e,!d);else b=c.filter(b,e)}return c.grep(a,function(f){return c.inArray(f,b)>=0===d})}function na(a,b){var d=0;b.each(function(){if(this.nodeName===(a[d]&&a[d].nodeName)){var e=c.data(a[d++]),f=c.data(this,
+e);if(e=e&&e.events){delete f.handle;f.events={};for(var h in e)for(var l in e[h])c.event.add(this,h,e[h][l],e[h][l].data)}}})}function Oa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function oa(a,b,d){var e=b==="width"?a.offsetWidth:a.offsetHeight;if(d==="border")return e;c.each(b==="width"?Pa:Qa,function(){d||(e-=parseFloat(c.css(a,"padding"+this))||0);if(d==="margin")e+=parseFloat(c.css(a,
+"margin"+this))||0;else e-=parseFloat(c.css(a,"border"+this+"Width"))||0});return e}function da(a,b,d,e){if(c.isArray(b)&&b.length)c.each(b,function(f,h){d||Ra.test(a)?e(a,h):da(a+"["+(typeof h==="object"||c.isArray(h)?f:"")+"]",h,d,e)});else if(!d&&b!=null&&typeof b==="object")c.isEmptyObject(b)?e(a,""):c.each(b,function(f,h){da(a+"["+f+"]",h,d,e)});else e(a,b)}function S(a,b){var d={};c.each(pa.concat.apply([],pa.slice(0,b)),function(){d[this]=a});return d}function qa(a){if(!ea[a]){var b=c("<"+
+a+">").appendTo("body"),d=b.css("display");b.remove();if(d==="none"||d==="")d="block";ea[a]=d}return ea[a]}function fa(a){return c.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:false}var t=E.document,c=function(){function a(){if(!b.isReady){try{t.documentElement.doScroll("left")}catch(j){setTimeout(a,1);return}b.ready()}}var b=function(j,s){return new b.fn.init(j,s)},d=E.jQuery,e=E.$,f,h=/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/,l=/\S/,k=/^\s+/,o=/\s+$/,x=/\W/,r=/\d/,A=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,
+C=/^[\],:{}\s]*$/,J=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,w=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,I=/(?:^|:|,)(?:\s*\[)+/g,L=/(webkit)[ \/]([\w.]+)/,g=/(opera)(?:.*version)?[ \/]([\w.]+)/,i=/(msie) ([\w.]+)/,n=/(mozilla)(?:.*? rv:([\w.]+))?/,m=navigator.userAgent,p=false,q=[],u,y=Object.prototype.toString,F=Object.prototype.hasOwnProperty,M=Array.prototype.push,N=Array.prototype.slice,O=String.prototype.trim,D=Array.prototype.indexOf,R={};b.fn=b.prototype={init:function(j,
+s){var v,z,H;if(!j)return this;if(j.nodeType){this.context=this[0]=j;this.length=1;return this}if(j==="body"&&!s&&t.body){this.context=t;this[0]=t.body;this.selector="body";this.length=1;return this}if(typeof j==="string")if((v=h.exec(j))&&(v[1]||!s))if(v[1]){H=s?s.ownerDocument||s:t;if(z=A.exec(j))if(b.isPlainObject(s)){j=[t.createElement(z[1])];b.fn.attr.call(j,s,true)}else j=[H.createElement(z[1])];else{z=b.buildFragment([v[1]],[H]);j=(z.cacheable?z.fragment.cloneNode(true):z.fragment).childNodes}return b.merge(this,
+j)}else{if((z=t.getElementById(v[2]))&&z.parentNode){if(z.id!==v[2])return f.find(j);this.length=1;this[0]=z}this.context=t;this.selector=j;return this}else if(!s&&!x.test(j)){this.selector=j;this.context=t;j=t.getElementsByTagName(j);return b.merge(this,j)}else return!s||s.jquery?(s||f).find(j):b(s).find(j);else if(b.isFunction(j))return f.ready(j);if(j.selector!==B){this.selector=j.selector;this.context=j.context}return b.makeArray(j,this)},selector:"",jquery:"1.4.4",length:0,size:function(){return this.length},
+toArray:function(){return N.call(this,0)},get:function(j){return j==null?this.toArray():j<0?this.slice(j)[0]:this[j]},pushStack:function(j,s,v){var z=b();b.isArray(j)?M.apply(z,j):b.merge(z,j);z.prevObject=this;z.context=this.context;if(s==="find")z.selector=this.selector+(this.selector?" ":"")+v;else if(s)z.selector=this.selector+"."+s+"("+v+")";return z},each:function(j,s){return b.each(this,j,s)},ready:function(j){b.bindReady();if(b.isReady)j.call(t,b);else q&&q.push(j);return this},eq:function(j){return j===
+-1?this.slice(j):this.slice(j,+j+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(N.apply(this,arguments),"slice",N.call(arguments).join(","))},map:function(j){return this.pushStack(b.map(this,function(s,v){return j.call(s,v,s)}))},end:function(){return this.prevObject||b(null)},push:M,sort:[].sort,splice:[].splice};b.fn.init.prototype=b.fn;b.extend=b.fn.extend=function(){var j,s,v,z,H,G=arguments[0]||{},K=1,Q=arguments.length,ga=false;
+if(typeof G==="boolean"){ga=G;G=arguments[1]||{};K=2}if(typeof G!=="object"&&!b.isFunction(G))G={};if(Q===K){G=this;--K}for(;K<Q;K++)if((j=arguments[K])!=null)for(s in j){v=G[s];z=j[s];if(G!==z)if(ga&&z&&(b.isPlainObject(z)||(H=b.isArray(z)))){if(H){H=false;v=v&&b.isArray(v)?v:[]}else v=v&&b.isPlainObject(v)?v:{};G[s]=b.extend(ga,v,z)}else if(z!==B)G[s]=z}return G};b.extend({noConflict:function(j){E.$=e;if(j)E.jQuery=d;return b},isReady:false,readyWait:1,ready:function(j){j===true&&b.readyWait--;
+if(!b.readyWait||j!==true&&!b.isReady){if(!t.body)return setTimeout(b.ready,1);b.isReady=true;if(!(j!==true&&--b.readyWait>0))if(q){var s=0,v=q;for(q=null;j=v[s++];)j.call(t,b);b.fn.trigger&&b(t).trigger("ready").unbind("ready")}}},bindReady:function(){if(!p){p=true;if(t.readyState==="complete")return setTimeout(b.ready,1);if(t.addEventListener){t.addEventListener("DOMContentLoaded",u,false);E.addEventListener("load",b.ready,false)}else if(t.attachEvent){t.attachEvent("onreadystatechange",u);E.attachEvent("onload",
+b.ready);var j=false;try{j=E.frameElement==null}catch(s){}t.documentElement.doScroll&&j&&a()}}},isFunction:function(j){return b.type(j)==="function"},isArray:Array.isArray||function(j){return b.type(j)==="array"},isWindow:function(j){return j&&typeof j==="object"&&"setInterval"in j},isNaN:function(j){return j==null||!r.test(j)||isNaN(j)},type:function(j){return j==null?String(j):R[y.call(j)]||"object"},isPlainObject:function(j){if(!j||b.type(j)!=="object"||j.nodeType||b.isWindow(j))return false;if(j.constructor&&
+!F.call(j,"constructor")&&!F.call(j.constructor.prototype,"isPrototypeOf"))return false;for(var s in j);return s===B||F.call(j,s)},isEmptyObject:function(j){for(var s in j)return false;return true},error:function(j){throw j;},parseJSON:function(j){if(typeof j!=="string"||!j)return null;j=b.trim(j);if(C.test(j.replace(J,"@").replace(w,"]").replace(I,"")))return E.JSON&&E.JSON.parse?E.JSON.parse(j):(new Function("return "+j))();else b.error("Invalid JSON: "+j)},noop:function(){},globalEval:function(j){if(j&&
+l.test(j)){var s=t.getElementsByTagName("head")[0]||t.documentElement,v=t.createElement("script");v.type="text/javascript";if(b.support.scriptEval)v.appendChild(t.createTextNode(j));else v.text=j;s.insertBefore(v,s.firstChild);s.removeChild(v)}},nodeName:function(j,s){return j.nodeName&&j.nodeName.toUpperCase()===s.toUpperCase()},each:function(j,s,v){var z,H=0,G=j.length,K=G===B||b.isFunction(j);if(v)if(K)for(z in j){if(s.apply(j[z],v)===false)break}else for(;H<G;){if(s.apply(j[H++],v)===false)break}else if(K)for(z in j){if(s.call(j[z],
+z,j[z])===false)break}else for(v=j[0];H<G&&s.call(v,H,v)!==false;v=j[++H]);return j},trim:O?function(j){return j==null?"":O.call(j)}:function(j){return j==null?"":j.toString().replace(k,"").replace(o,"")},makeArray:function(j,s){var v=s||[];if(j!=null){var z=b.type(j);j.length==null||z==="string"||z==="function"||z==="regexp"||b.isWindow(j)?M.call(v,j):b.merge(v,j)}return v},inArray:function(j,s){if(s.indexOf)return s.indexOf(j);for(var v=0,z=s.length;v<z;v++)if(s[v]===j)return v;return-1},merge:function(j,
+s){var v=j.length,z=0;if(typeof s.length==="number")for(var H=s.length;z<H;z++)j[v++]=s[z];else for(;s[z]!==B;)j[v++]=s[z++];j.length=v;return j},grep:function(j,s,v){var z=[],H;v=!!v;for(var G=0,K=j.length;G<K;G++){H=!!s(j[G],G);v!==H&&z.push(j[G])}return z},map:function(j,s,v){for(var z=[],H,G=0,K=j.length;G<K;G++){H=s(j[G],G,v);if(H!=null)z[z.length]=H}return z.concat.apply([],z)},guid:1,proxy:function(j,s,v){if(arguments.length===2)if(typeof s==="string"){v=j;j=v[s];s=B}else if(s&&!b.isFunction(s)){v=
+s;s=B}if(!s&&j)s=function(){return j.apply(v||this,arguments)};if(j)s.guid=j.guid=j.guid||s.guid||b.guid++;return s},access:function(j,s,v,z,H,G){var K=j.length;if(typeof s==="object"){for(var Q in s)b.access(j,Q,s[Q],z,H,v);return j}if(v!==B){z=!G&&z&&b.isFunction(v);for(Q=0;Q<K;Q++)H(j[Q],s,z?v.call(j[Q],Q,H(j[Q],s)):v,G);return j}return K?H(j[0],s):B},now:function(){return(new Date).getTime()},uaMatch:function(j){j=j.toLowerCase();j=L.exec(j)||g.exec(j)||i.exec(j)||j.indexOf("compatible")<0&&n.exec(j)||
+[];return{browser:j[1]||"",version:j[2]||"0"}},browser:{}});b.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(j,s){R["[object "+s+"]"]=s.toLowerCase()});m=b.uaMatch(m);if(m.browser){b.browser[m.browser]=true;b.browser.version=m.version}if(b.browser.webkit)b.browser.safari=true;if(D)b.inArray=function(j,s){return D.call(s,j)};if(!/\s/.test("\u00a0")){k=/^[\s\xA0]+/;o=/[\s\xA0]+$/}f=b(t);if(t.addEventListener)u=function(){t.removeEventListener("DOMContentLoaded",u,
+false);b.ready()};else if(t.attachEvent)u=function(){if(t.readyState==="complete"){t.detachEvent("onreadystatechange",u);b.ready()}};return E.jQuery=E.$=b}();(function(){c.support={};var a=t.documentElement,b=t.createElement("script"),d=t.createElement("div"),e="script"+c.now();d.style.display="none";d.innerHTML="   <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";var f=d.getElementsByTagName("*"),h=d.getElementsByTagName("a")[0],l=t.createElement("select"),
+k=l.appendChild(t.createElement("option"));if(!(!f||!f.length||!h)){c.support={leadingWhitespace:d.firstChild.nodeType===3,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/red/.test(h.getAttribute("style")),hrefNormalized:h.getAttribute("href")==="/a",opacity:/^0.55$/.test(h.style.opacity),cssFloat:!!h.style.cssFloat,checkOn:d.getElementsByTagName("input")[0].value==="on",optSelected:k.selected,deleteExpando:true,optDisabled:false,checkClone:false,
+scriptEval:false,noCloneEvent:true,boxModel:null,inlineBlockNeedsLayout:false,shrinkWrapBlocks:false,reliableHiddenOffsets:true};l.disabled=true;c.support.optDisabled=!k.disabled;b.type="text/javascript";try{b.appendChild(t.createTextNode("window."+e+"=1;"))}catch(o){}a.insertBefore(b,a.firstChild);if(E[e]){c.support.scriptEval=true;delete E[e]}try{delete b.test}catch(x){c.support.deleteExpando=false}a.removeChild(b);if(d.attachEvent&&d.fireEvent){d.attachEvent("onclick",function r(){c.support.noCloneEvent=
+false;d.detachEvent("onclick",r)});d.cloneNode(true).fireEvent("onclick")}d=t.createElement("div");d.innerHTML="<input type='radio' name='radiotest' checked='checked'/>";a=t.createDocumentFragment();a.appendChild(d.firstChild);c.support.checkClone=a.cloneNode(true).cloneNode(true).lastChild.checked;c(function(){var r=t.createElement("div");r.style.width=r.style.paddingLeft="1px";t.body.appendChild(r);c.boxModel=c.support.boxModel=r.offsetWidth===2;if("zoom"in r.style){r.style.display="inline";r.style.zoom=
+1;c.support.inlineBlockNeedsLayout=r.offsetWidth===2;r.style.display="";r.innerHTML="<div style='width:4px;'></div>";c.support.shrinkWrapBlocks=r.offsetWidth!==2}r.innerHTML="<table><tr><td style='padding:0;display:none'></td><td>t</td></tr></table>";var A=r.getElementsByTagName("td");c.support.reliableHiddenOffsets=A[0].offsetHeight===0;A[0].style.display="";A[1].style.display="none";c.support.reliableHiddenOffsets=c.support.reliableHiddenOffsets&&A[0].offsetHeight===0;r.innerHTML="";t.body.removeChild(r).style.display=
+"none"});a=function(r){var A=t.createElement("div");r="on"+r;var C=r in A;if(!C){A.setAttribute(r,"return;");C=typeof A[r]==="function"}return C};c.support.submitBubbles=a("submit");c.support.changeBubbles=a("change");a=b=d=f=h=null}})();var ra={},Ja=/^(?:\{.*\}|\[.*\])$/;c.extend({cache:{},uuid:0,expando:"jQuery"+c.now(),noData:{embed:true,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:true},data:function(a,b,d){if(c.acceptData(a)){a=a==E?ra:a;var e=a.nodeType,f=e?a[c.expando]:null,h=
+c.cache;if(!(e&&!f&&typeof b==="string"&&d===B)){if(e)f||(a[c.expando]=f=++c.uuid);else h=a;if(typeof b==="object")if(e)h[f]=c.extend(h[f],b);else c.extend(h,b);else if(e&&!h[f])h[f]={};a=e?h[f]:h;if(d!==B)a[b]=d;return typeof b==="string"?a[b]:a}}},removeData:function(a,b){if(c.acceptData(a)){a=a==E?ra:a;var d=a.nodeType,e=d?a[c.expando]:a,f=c.cache,h=d?f[e]:e;if(b){if(h){delete h[b];d&&c.isEmptyObject(h)&&c.removeData(a)}}else if(d&&c.support.deleteExpando)delete a[c.expando];else if(a.removeAttribute)a.removeAttribute(c.expando);
+else if(d)delete f[e];else for(var l in a)delete a[l]}},acceptData:function(a){if(a.nodeName){var b=c.noData[a.nodeName.toLowerCase()];if(b)return!(b===true||a.getAttribute("classid")!==b)}return true}});c.fn.extend({data:function(a,b){var d=null;if(typeof a==="undefined"){if(this.length){var e=this[0].attributes,f;d=c.data(this[0]);for(var h=0,l=e.length;h<l;h++){f=e[h].name;if(f.indexOf("data-")===0){f=f.substr(5);ka(this[0],f,d[f])}}}return d}else if(typeof a==="object")return this.each(function(){c.data(this,
+a)});var k=a.split(".");k[1]=k[1]?"."+k[1]:"";if(b===B){d=this.triggerHandler("getData"+k[1]+"!",[k[0]]);if(d===B&&this.length){d=c.data(this[0],a);d=ka(this[0],a,d)}return d===B&&k[1]?this.data(k[0]):d}else return this.each(function(){var o=c(this),x=[k[0],b];o.triggerHandler("setData"+k[1]+"!",x);c.data(this,a,b);o.triggerHandler("changeData"+k[1]+"!",x)})},removeData:function(a){return this.each(function(){c.removeData(this,a)})}});c.extend({queue:function(a,b,d){if(a){b=(b||"fx")+"queue";var e=
+c.data(a,b);if(!d)return e||[];if(!e||c.isArray(d))e=c.data(a,b,c.makeArray(d));else e.push(d);return e}},dequeue:function(a,b){b=b||"fx";var d=c.queue(a,b),e=d.shift();if(e==="inprogress")e=d.shift();if(e){b==="fx"&&d.unshift("inprogress");e.call(a,function(){c.dequeue(a,b)})}}});c.fn.extend({queue:function(a,b){if(typeof a!=="string"){b=a;a="fx"}if(b===B)return c.queue(this[0],a);return this.each(function(){var d=c.queue(this,a,b);a==="fx"&&d[0]!=="inprogress"&&c.dequeue(this,a)})},dequeue:function(a){return this.each(function(){c.dequeue(this,
+a)})},delay:function(a,b){a=c.fx?c.fx.speeds[a]||a:a;b=b||"fx";return this.queue(b,function(){var d=this;setTimeout(function(){c.dequeue(d,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])}});var sa=/[\n\t]/g,ha=/\s+/,Sa=/\r/g,Ta=/^(?:href|src|style)$/,Ua=/^(?:button|input)$/i,Va=/^(?:button|input|object|select|textarea)$/i,Wa=/^a(?:rea)?$/i,ta=/^(?:radio|checkbox)$/i;c.props={"for":"htmlFor","class":"className",readonly:"readOnly",maxlength:"maxLength",cellspacing:"cellSpacing",rowspan:"rowSpan",
+colspan:"colSpan",tabindex:"tabIndex",usemap:"useMap",frameborder:"frameBorder"};c.fn.extend({attr:function(a,b){return c.access(this,a,b,true,c.attr)},removeAttr:function(a){return this.each(function(){c.attr(this,a,"");this.nodeType===1&&this.removeAttribute(a)})},addClass:function(a){if(c.isFunction(a))return this.each(function(x){var r=c(this);r.addClass(a.call(this,x,r.attr("class")))});if(a&&typeof a==="string")for(var b=(a||"").split(ha),d=0,e=this.length;d<e;d++){var f=this[d];if(f.nodeType===
+1)if(f.className){for(var h=" "+f.className+" ",l=f.className,k=0,o=b.length;k<o;k++)if(h.indexOf(" "+b[k]+" ")<0)l+=" "+b[k];f.className=c.trim(l)}else f.className=a}return this},removeClass:function(a){if(c.isFunction(a))return this.each(function(o){var x=c(this);x.removeClass(a.call(this,o,x.attr("class")))});if(a&&typeof a==="string"||a===B)for(var b=(a||"").split(ha),d=0,e=this.length;d<e;d++){var f=this[d];if(f.nodeType===1&&f.className)if(a){for(var h=(" "+f.className+" ").replace(sa," "),
+l=0,k=b.length;l<k;l++)h=h.replace(" "+b[l]+" "," ");f.className=c.trim(h)}else f.className=""}return this},toggleClass:function(a,b){var d=typeof a,e=typeof b==="boolean";if(c.isFunction(a))return this.each(function(f){var h=c(this);h.toggleClass(a.call(this,f,h.attr("class"),b),b)});return this.each(function(){if(d==="string")for(var f,h=0,l=c(this),k=b,o=a.split(ha);f=o[h++];){k=e?k:!l.hasClass(f);l[k?"addClass":"removeClass"](f)}else if(d==="undefined"||d==="boolean"){this.className&&c.data(this,
+"__className__",this.className);this.className=this.className||a===false?"":c.data(this,"__className__")||""}})},hasClass:function(a){a=" "+a+" ";for(var b=0,d=this.length;b<d;b++)if((" "+this[b].className+" ").replace(sa," ").indexOf(a)>-1)return true;return false},val:function(a){if(!arguments.length){var b=this[0];if(b){if(c.nodeName(b,"option")){var d=b.attributes.value;return!d||d.specified?b.value:b.text}if(c.nodeName(b,"select")){var e=b.selectedIndex;d=[];var f=b.options;b=b.type==="select-one";
+if(e<0)return null;var h=b?e:0;for(e=b?e+1:f.length;h<e;h++){var l=f[h];if(l.selected&&(c.support.optDisabled?!l.disabled:l.getAttribute("disabled")===null)&&(!l.parentNode.disabled||!c.nodeName(l.parentNode,"optgroup"))){a=c(l).val();if(b)return a;d.push(a)}}return d}if(ta.test(b.type)&&!c.support.checkOn)return b.getAttribute("value")===null?"on":b.value;return(b.value||"").replace(Sa,"")}return B}var k=c.isFunction(a);return this.each(function(o){var x=c(this),r=a;if(this.nodeType===1){if(k)r=
+a.call(this,o,x.val());if(r==null)r="";else if(typeof r==="number")r+="";else if(c.isArray(r))r=c.map(r,function(C){return C==null?"":C+""});if(c.isArray(r)&&ta.test(this.type))this.checked=c.inArray(x.val(),r)>=0;else if(c.nodeName(this,"select")){var A=c.makeArray(r);c("option",this).each(function(){this.selected=c.inArray(c(this).val(),A)>=0});if(!A.length)this.selectedIndex=-1}else this.value=r}})}});c.extend({attrFn:{val:true,css:true,html:true,text:true,data:true,width:true,height:true,offset:true},
+attr:function(a,b,d,e){if(!a||a.nodeType===3||a.nodeType===8)return B;if(e&&b in c.attrFn)return c(a)[b](d);e=a.nodeType!==1||!c.isXMLDoc(a);var f=d!==B;b=e&&c.props[b]||b;var h=Ta.test(b);if((b in a||a[b]!==B)&&e&&!h){if(f){b==="type"&&Ua.test(a.nodeName)&&a.parentNode&&c.error("type property can't be changed");if(d===null)a.nodeType===1&&a.removeAttribute(b);else a[b]=d}if(c.nodeName(a,"form")&&a.getAttributeNode(b))return a.getAttributeNode(b).nodeValue;if(b==="tabIndex")return(b=a.getAttributeNode("tabIndex"))&&
+b.specified?b.value:Va.test(a.nodeName)||Wa.test(a.nodeName)&&a.href?0:B;return a[b]}if(!c.support.style&&e&&b==="style"){if(f)a.style.cssText=""+d;return a.style.cssText}f&&a.setAttribute(b,""+d);if(!a.attributes[b]&&a.hasAttribute&&!a.hasAttribute(b))return B;a=!c.support.hrefNormalized&&e&&h?a.getAttribute(b,2):a.getAttribute(b);return a===null?B:a}});var X=/\.(.*)$/,ia=/^(?:textarea|input|select)$/i,La=/\./g,Ma=/ /g,Xa=/[^\w\s.|`]/g,Ya=function(a){return a.replace(Xa,"\\$&")},ua={focusin:0,focusout:0};
+c.event={add:function(a,b,d,e){if(!(a.nodeType===3||a.nodeType===8)){if(c.isWindow(a)&&a!==E&&!a.frameElement)a=E;if(d===false)d=U;else if(!d)return;var f,h;if(d.handler){f=d;d=f.handler}if(!d.guid)d.guid=c.guid++;if(h=c.data(a)){var l=a.nodeType?"events":"__events__",k=h[l],o=h.handle;if(typeof k==="function"){o=k.handle;k=k.events}else if(!k){a.nodeType||(h[l]=h=function(){});h.events=k={}}if(!o)h.handle=o=function(){return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem,
+arguments):B};o.elem=a;b=b.split(" ");for(var x=0,r;l=b[x++];){h=f?c.extend({},f):{handler:d,data:e};if(l.indexOf(".")>-1){r=l.split(".");l=r.shift();h.namespace=r.slice(0).sort().join(".")}else{r=[];h.namespace=""}h.type=l;if(!h.guid)h.guid=d.guid;var A=k[l],C=c.event.special[l]||{};if(!A){A=k[l]=[];if(!C.setup||C.setup.call(a,e,r,o)===false)if(a.addEventListener)a.addEventListener(l,o,false);else a.attachEvent&&a.attachEvent("on"+l,o)}if(C.add){C.add.call(a,h);if(!h.handler.guid)h.handler.guid=
+d.guid}A.push(h);c.event.global[l]=true}a=null}}},global:{},remove:function(a,b,d,e){if(!(a.nodeType===3||a.nodeType===8)){if(d===false)d=U;var f,h,l=0,k,o,x,r,A,C,J=a.nodeType?"events":"__events__",w=c.data(a),I=w&&w[J];if(w&&I){if(typeof I==="function"){w=I;I=I.events}if(b&&b.type){d=b.handler;b=b.type}if(!b||typeof b==="string"&&b.charAt(0)==="."){b=b||"";for(f in I)c.event.remove(a,f+b)}else{for(b=b.split(" ");f=b[l++];){r=f;k=f.indexOf(".")<0;o=[];if(!k){o=f.split(".");f=o.shift();x=RegExp("(^|\\.)"+
+c.map(o.slice(0).sort(),Ya).join("\\.(?:.*\\.)?")+"(\\.|$)")}if(A=I[f])if(d){r=c.event.special[f]||{};for(h=e||0;h<A.length;h++){C=A[h];if(d.guid===C.guid){if(k||x.test(C.namespace)){e==null&&A.splice(h--,1);r.remove&&r.remove.call(a,C)}if(e!=null)break}}if(A.length===0||e!=null&&A.length===1){if(!r.teardown||r.teardown.call(a,o)===false)c.removeEvent(a,f,w.handle);delete I[f]}}else for(h=0;h<A.length;h++){C=A[h];if(k||x.test(C.namespace)){c.event.remove(a,r,C.handler,h);A.splice(h--,1)}}}if(c.isEmptyObject(I)){if(b=
+w.handle)b.elem=null;delete w.events;delete w.handle;if(typeof w==="function")c.removeData(a,J);else c.isEmptyObject(w)&&c.removeData(a)}}}}},trigger:function(a,b,d,e){var f=a.type||a;if(!e){a=typeof a==="object"?a[c.expando]?a:c.extend(c.Event(f),a):c.Event(f);if(f.indexOf("!")>=0){a.type=f=f.slice(0,-1);a.exclusive=true}if(!d){a.stopPropagation();c.event.global[f]&&c.each(c.cache,function(){this.events&&this.events[f]&&c.event.trigger(a,b,this.handle.elem)})}if(!d||d.nodeType===3||d.nodeType===
+8)return B;a.result=B;a.target=d;b=c.makeArray(b);b.unshift(a)}a.currentTarget=d;(e=d.nodeType?c.data(d,"handle"):(c.data(d,"__events__")||{}).handle)&&e.apply(d,b);e=d.parentNode||d.ownerDocument;try{if(!(d&&d.nodeName&&c.noData[d.nodeName.toLowerCase()]))if(d["on"+f]&&d["on"+f].apply(d,b)===false){a.result=false;a.preventDefault()}}catch(h){}if(!a.isPropagationStopped()&&e)c.event.trigger(a,b,e,true);else if(!a.isDefaultPrevented()){var l;e=a.target;var k=f.replace(X,""),o=c.nodeName(e,"a")&&k===
+"click",x=c.event.special[k]||{};if((!x._default||x._default.call(d,a)===false)&&!o&&!(e&&e.nodeName&&c.noData[e.nodeName.toLowerCase()])){try{if(e[k]){if(l=e["on"+k])e["on"+k]=null;c.event.triggered=true;e[k]()}}catch(r){}if(l)e["on"+k]=l;c.event.triggered=false}}},handle:function(a){var b,d,e,f;d=[];var h=c.makeArray(arguments);a=h[0]=c.event.fix(a||E.event);a.currentTarget=this;b=a.type.indexOf(".")<0&&!a.exclusive;if(!b){e=a.type.split(".");a.type=e.shift();d=e.slice(0).sort();e=RegExp("(^|\\.)"+
+d.join("\\.(?:.*\\.)?")+"(\\.|$)")}a.namespace=a.namespace||d.join(".");f=c.data(this,this.nodeType?"events":"__events__");if(typeof f==="function")f=f.events;d=(f||{})[a.type];if(f&&d){d=d.slice(0);f=0;for(var l=d.length;f<l;f++){var k=d[f];if(b||e.test(k.namespace)){a.handler=k.handler;a.data=k.data;a.handleObj=k;k=k.handler.apply(this,h);if(k!==B){a.result=k;if(k===false){a.preventDefault();a.stopPropagation()}}if(a.isImmediatePropagationStopped())break}}}return a.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
+fix:function(a){if(a[c.expando])return a;var b=a;a=c.Event(b);for(var d=this.props.length,e;d;){e=this.props[--d];a[e]=b[e]}if(!a.target)a.target=a.srcElement||t;if(a.target.nodeType===3)a.target=a.target.parentNode;if(!a.relatedTarget&&a.fromElement)a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;if(a.pageX==null&&a.clientX!=null){b=t.documentElement;d=t.body;a.pageX=a.clientX+(b&&b.scrollLeft||d&&d.scrollLeft||0)-(b&&b.clientLeft||d&&d.clientLeft||0);a.pageY=a.clientY+(b&&b.scrollTop||
+d&&d.scrollTop||0)-(b&&b.clientTop||d&&d.clientTop||0)}if(a.which==null&&(a.charCode!=null||a.keyCode!=null))a.which=a.charCode!=null?a.charCode:a.keyCode;if(!a.metaKey&&a.ctrlKey)a.metaKey=a.ctrlKey;if(!a.which&&a.button!==B)a.which=a.button&1?1:a.button&2?3:a.button&4?2:0;return a},guid:1E8,proxy:c.proxy,special:{ready:{setup:c.bindReady,teardown:c.noop},live:{add:function(a){c.event.add(this,Y(a.origType,a.selector),c.extend({},a,{handler:Ka,guid:a.handler.guid}))},remove:function(a){c.event.remove(this,
+Y(a.origType,a.selector),a)}},beforeunload:{setup:function(a,b,d){if(c.isWindow(this))this.onbeforeunload=d},teardown:function(a,b){if(this.onbeforeunload===b)this.onbeforeunload=null}}}};c.removeEvent=t.removeEventListener?function(a,b,d){a.removeEventListener&&a.removeEventListener(b,d,false)}:function(a,b,d){a.detachEvent&&a.detachEvent("on"+b,d)};c.Event=function(a){if(!this.preventDefault)return new c.Event(a);if(a&&a.type){this.originalEvent=a;this.type=a.type}else this.type=a;this.timeStamp=
+c.now();this[c.expando]=true};c.Event.prototype={preventDefault:function(){this.isDefaultPrevented=ca;var a=this.originalEvent;if(a)if(a.preventDefault)a.preventDefault();else a.returnValue=false},stopPropagation:function(){this.isPropagationStopped=ca;var a=this.originalEvent;if(a){a.stopPropagation&&a.stopPropagation();a.cancelBubble=true}},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=ca;this.stopPropagation()},isDefaultPrevented:U,isPropagationStopped:U,isImmediatePropagationStopped:U};
+var va=function(a){var b=a.relatedTarget;try{for(;b&&b!==this;)b=b.parentNode;if(b!==this){a.type=a.data;c.event.handle.apply(this,arguments)}}catch(d){}},wa=function(a){a.type=a.data;c.event.handle.apply(this,arguments)};c.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){c.event.special[a]={setup:function(d){c.event.add(this,b,d&&d.selector?wa:va,a)},teardown:function(d){c.event.remove(this,b,d&&d.selector?wa:va)}}});if(!c.support.submitBubbles)c.event.special.submit={setup:function(){if(this.nodeName.toLowerCase()!==
+"form"){c.event.add(this,"click.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="submit"||d==="image")&&c(b).closest("form").length){a.liveFired=B;return la("submit",this,arguments)}});c.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="text"||d==="password")&&c(b).closest("form").length&&a.keyCode===13){a.liveFired=B;return la("submit",this,arguments)}})}else return false},teardown:function(){c.event.remove(this,".specialSubmit")}};if(!c.support.changeBubbles){var V,
+xa=function(a){var b=a.type,d=a.value;if(b==="radio"||b==="checkbox")d=a.checked;else if(b==="select-multiple")d=a.selectedIndex>-1?c.map(a.options,function(e){return e.selected}).join("-"):"";else if(a.nodeName.toLowerCase()==="select")d=a.selectedIndex;return d},Z=function(a,b){var d=a.target,e,f;if(!(!ia.test(d.nodeName)||d.readOnly)){e=c.data(d,"_change_data");f=xa(d);if(a.type!=="focusout"||d.type!=="radio")c.data(d,"_change_data",f);if(!(e===B||f===e))if(e!=null||f){a.type="change";a.liveFired=
+B;return c.event.trigger(a,b,d)}}};c.event.special.change={filters:{focusout:Z,beforedeactivate:Z,click:function(a){var b=a.target,d=b.type;if(d==="radio"||d==="checkbox"||b.nodeName.toLowerCase()==="select")return Z.call(this,a)},keydown:function(a){var b=a.target,d=b.type;if(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(d==="checkbox"||d==="radio")||d==="select-multiple")return Z.call(this,a)},beforeactivate:function(a){a=a.target;c.data(a,"_change_data",xa(a))}},setup:function(){if(this.type===
+"file")return false;for(var a in V)c.event.add(this,a+".specialChange",V[a]);return ia.test(this.nodeName)},teardown:function(){c.event.remove(this,".specialChange");return ia.test(this.nodeName)}};V=c.event.special.change.filters;V.focus=V.beforeactivate}t.addEventListener&&c.each({focus:"focusin",blur:"focusout"},function(a,b){function d(e){e=c.event.fix(e);e.type=b;return c.event.trigger(e,null,e.target)}c.event.special[b]={setup:function(){ua[b]++===0&&t.addEventListener(a,d,true)},teardown:function(){--ua[b]===
+0&&t.removeEventListener(a,d,true)}}});c.each(["bind","one"],function(a,b){c.fn[b]=function(d,e,f){if(typeof d==="object"){for(var h in d)this[b](h,e,d[h],f);return this}if(c.isFunction(e)||e===false){f=e;e=B}var l=b==="one"?c.proxy(f,function(o){c(this).unbind(o,l);return f.apply(this,arguments)}):f;if(d==="unload"&&b!=="one")this.one(d,e,f);else{h=0;for(var k=this.length;h<k;h++)c.event.add(this[h],d,l,e)}return this}});c.fn.extend({unbind:function(a,b){if(typeof a==="object"&&!a.preventDefault)for(var d in a)this.unbind(d,
+a[d]);else{d=0;for(var e=this.length;d<e;d++)c.event.remove(this[d],a,b)}return this},delegate:function(a,b,d,e){return this.live(b,d,e,a)},undelegate:function(a,b,d){return arguments.length===0?this.unbind("live"):this.die(b,null,d,a)},trigger:function(a,b){return this.each(function(){c.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0]){var d=c.Event(a);d.preventDefault();d.stopPropagation();c.event.trigger(d,b,this[0]);return d.result}},toggle:function(a){for(var b=arguments,d=
+1;d<b.length;)c.proxy(a,b[d++]);return this.click(c.proxy(a,function(e){var f=(c.data(this,"lastToggle"+a.guid)||0)%d;c.data(this,"lastToggle"+a.guid,f+1);e.preventDefault();return b[f].apply(this,arguments)||false}))},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var ya={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};c.each(["live","die"],function(a,b){c.fn[b]=function(d,e,f,h){var l,k=0,o,x,r=h||this.selector;h=h?this:c(this.context);if(typeof d===
+"object"&&!d.preventDefault){for(l in d)h[b](l,e,d[l],r);return this}if(c.isFunction(e)){f=e;e=B}for(d=(d||"").split(" ");(l=d[k++])!=null;){o=X.exec(l);x="";if(o){x=o[0];l=l.replace(X,"")}if(l==="hover")d.push("mouseenter"+x,"mouseleave"+x);else{o=l;if(l==="focus"||l==="blur"){d.push(ya[l]+x);l+=x}else l=(ya[l]||l)+x;if(b==="live"){x=0;for(var A=h.length;x<A;x++)c.event.add(h[x],"live."+Y(l,r),{data:e,selector:r,handler:f,origType:l,origHandler:f,preType:o})}else h.unbind("live."+Y(l,r),f)}}return this}});
+c.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),function(a,b){c.fn[b]=function(d,e){if(e==null){e=d;d=null}return arguments.length>0?this.bind(b,d,e):this.trigger(b)};if(c.attrFn)c.attrFn[b]=true});E.attachEvent&&!E.addEventListener&&c(E).bind("unload",function(){for(var a in c.cache)if(c.cache[a].handle)try{c.event.remove(c.cache[a].handle.elem)}catch(b){}});
+(function(){function a(g,i,n,m,p,q){p=0;for(var u=m.length;p<u;p++){var y=m[p];if(y){var F=false;for(y=y[g];y;){if(y.sizcache===n){F=m[y.sizset];break}if(y.nodeType===1&&!q){y.sizcache=n;y.sizset=p}if(y.nodeName.toLowerCase()===i){F=y;break}y=y[g]}m[p]=F}}}function b(g,i,n,m,p,q){p=0;for(var u=m.length;p<u;p++){var y=m[p];if(y){var F=false;for(y=y[g];y;){if(y.sizcache===n){F=m[y.sizset];break}if(y.nodeType===1){if(!q){y.sizcache=n;y.sizset=p}if(typeof i!=="string"){if(y===i){F=true;break}}else if(k.filter(i,
+[y]).length>0){F=y;break}}y=y[g]}m[p]=F}}}var d=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,e=0,f=Object.prototype.toString,h=false,l=true;[0,0].sort(function(){l=false;return 0});var k=function(g,i,n,m){n=n||[];var p=i=i||t;if(i.nodeType!==1&&i.nodeType!==9)return[];if(!g||typeof g!=="string")return n;var q,u,y,F,M,N=true,O=k.isXML(i),D=[],R=g;do{d.exec("");if(q=d.exec(R)){R=q[3];D.push(q[1]);if(q[2]){F=q[3];
+break}}}while(q);if(D.length>1&&x.exec(g))if(D.length===2&&o.relative[D[0]])u=L(D[0]+D[1],i);else for(u=o.relative[D[0]]?[i]:k(D.shift(),i);D.length;){g=D.shift();if(o.relative[g])g+=D.shift();u=L(g,u)}else{if(!m&&D.length>1&&i.nodeType===9&&!O&&o.match.ID.test(D[0])&&!o.match.ID.test(D[D.length-1])){q=k.find(D.shift(),i,O);i=q.expr?k.filter(q.expr,q.set)[0]:q.set[0]}if(i){q=m?{expr:D.pop(),set:C(m)}:k.find(D.pop(),D.length===1&&(D[0]==="~"||D[0]==="+")&&i.parentNode?i.parentNode:i,O);u=q.expr?k.filter(q.expr,
+q.set):q.set;if(D.length>0)y=C(u);else N=false;for(;D.length;){q=M=D.pop();if(o.relative[M])q=D.pop();else M="";if(q==null)q=i;o.relative[M](y,q,O)}}else y=[]}y||(y=u);y||k.error(M||g);if(f.call(y)==="[object Array]")if(N)if(i&&i.nodeType===1)for(g=0;y[g]!=null;g++){if(y[g]&&(y[g]===true||y[g].nodeType===1&&k.contains(i,y[g])))n.push(u[g])}else for(g=0;y[g]!=null;g++)y[g]&&y[g].nodeType===1&&n.push(u[g]);else n.push.apply(n,y);else C(y,n);if(F){k(F,p,n,m);k.uniqueSort(n)}return n};k.uniqueSort=function(g){if(w){h=
+l;g.sort(w);if(h)for(var i=1;i<g.length;i++)g[i]===g[i-1]&&g.splice(i--,1)}return g};k.matches=function(g,i){return k(g,null,null,i)};k.matchesSelector=function(g,i){return k(i,null,null,[g]).length>0};k.find=function(g,i,n){var m;if(!g)return[];for(var p=0,q=o.order.length;p<q;p++){var u,y=o.order[p];if(u=o.leftMatch[y].exec(g)){var F=u[1];u.splice(1,1);if(F.substr(F.length-1)!=="\\"){u[1]=(u[1]||"").replace(/\\/g,"");m=o.find[y](u,i,n);if(m!=null){g=g.replace(o.match[y],"");break}}}}m||(m=i.getElementsByTagName("*"));
+return{set:m,expr:g}};k.filter=function(g,i,n,m){for(var p,q,u=g,y=[],F=i,M=i&&i[0]&&k.isXML(i[0]);g&&i.length;){for(var N in o.filter)if((p=o.leftMatch[N].exec(g))!=null&&p[2]){var O,D,R=o.filter[N];D=p[1];q=false;p.splice(1,1);if(D.substr(D.length-1)!=="\\"){if(F===y)y=[];if(o.preFilter[N])if(p=o.preFilter[N](p,F,n,y,m,M)){if(p===true)continue}else q=O=true;if(p)for(var j=0;(D=F[j])!=null;j++)if(D){O=R(D,p,j,F);var s=m^!!O;if(n&&O!=null)if(s)q=true;else F[j]=false;else if(s){y.push(D);q=true}}if(O!==
+B){n||(F=y);g=g.replace(o.match[N],"");if(!q)return[];break}}}if(g===u)if(q==null)k.error(g);else break;u=g}return F};k.error=function(g){throw"Syntax error, unrecognized expression: "+g;};var o=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\((even|odd|[\dn+\-]*)\))?/,
+POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(g){return g.getAttribute("href")}},relative:{"+":function(g,i){var n=typeof i==="string",m=n&&!/\W/.test(i);n=n&&!m;if(m)i=i.toLowerCase();m=0;for(var p=g.length,q;m<p;m++)if(q=g[m]){for(;(q=q.previousSibling)&&q.nodeType!==1;);g[m]=n||q&&q.nodeName.toLowerCase()===
+i?q||false:q===i}n&&k.filter(i,g,true)},">":function(g,i){var n,m=typeof i==="string",p=0,q=g.length;if(m&&!/\W/.test(i))for(i=i.toLowerCase();p<q;p++){if(n=g[p]){n=n.parentNode;g[p]=n.nodeName.toLowerCase()===i?n:false}}else{for(;p<q;p++)if(n=g[p])g[p]=m?n.parentNode:n.parentNode===i;m&&k.filter(i,g,true)}},"":function(g,i,n){var m,p=e++,q=b;if(typeof i==="string"&&!/\W/.test(i)){m=i=i.toLowerCase();q=a}q("parentNode",i,p,g,m,n)},"~":function(g,i,n){var m,p=e++,q=b;if(typeof i==="string"&&!/\W/.test(i)){m=
+i=i.toLowerCase();q=a}q("previousSibling",i,p,g,m,n)}},find:{ID:function(g,i,n){if(typeof i.getElementById!=="undefined"&&!n)return(g=i.getElementById(g[1]))&&g.parentNode?[g]:[]},NAME:function(g,i){if(typeof i.getElementsByName!=="undefined"){for(var n=[],m=i.getElementsByName(g[1]),p=0,q=m.length;p<q;p++)m[p].getAttribute("name")===g[1]&&n.push(m[p]);return n.length===0?null:n}},TAG:function(g,i){return i.getElementsByTagName(g[1])}},preFilter:{CLASS:function(g,i,n,m,p,q){g=" "+g[1].replace(/\\/g,
+"")+" ";if(q)return g;q=0;for(var u;(u=i[q])!=null;q++)if(u)if(p^(u.className&&(" "+u.className+" ").replace(/[\t\n]/g," ").indexOf(g)>=0))n||m.push(u);else if(n)i[q]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()},CHILD:function(g){if(g[1]==="nth"){var i=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=i[1]+(i[2]||1)-0;g[3]=i[3]-0}g[0]=e++;return g},ATTR:function(g,i,n,
+m,p,q){i=g[1].replace(/\\/g,"");if(!q&&o.attrMap[i])g[1]=o.attrMap[i];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,i,n,m,p){if(g[1]==="not")if((d.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=k(g[3],null,null,i);else{g=k.filter(g[3],i,n,true^p);n||m.push.apply(m,g);return false}else if(o.match.POS.test(g[0])||o.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled===
+true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,i,n){return!!k(n[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)},text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"===
+g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}},setFilters:{first:function(g,i){return i===0},last:function(g,i,n,m){return i===m.length-1},even:function(g,i){return i%2===0},odd:function(g,i){return i%2===1},lt:function(g,i,n){return i<n[3]-0},gt:function(g,i,n){return i>n[3]-0},nth:function(g,i,n){return n[3]-
+0===i},eq:function(g,i,n){return n[3]-0===i}},filter:{PSEUDO:function(g,i,n,m){var p=i[1],q=o.filters[p];if(q)return q(g,n,i,m);else if(p==="contains")return(g.textContent||g.innerText||k.getText([g])||"").indexOf(i[3])>=0;else if(p==="not"){i=i[3];n=0;for(m=i.length;n<m;n++)if(i[n]===g)return false;return true}else k.error("Syntax error, unrecognized expression: "+p)},CHILD:function(g,i){var n=i[1],m=g;switch(n){case "only":case "first":for(;m=m.previousSibling;)if(m.nodeType===1)return false;if(n===
+"first")return true;m=g;case "last":for(;m=m.nextSibling;)if(m.nodeType===1)return false;return true;case "nth":n=i[2];var p=i[3];if(n===1&&p===0)return true;var q=i[0],u=g.parentNode;if(u&&(u.sizcache!==q||!g.nodeIndex)){var y=0;for(m=u.firstChild;m;m=m.nextSibling)if(m.nodeType===1)m.nodeIndex=++y;u.sizcache=q}m=g.nodeIndex-p;return n===0?m===0:m%n===0&&m/n>=0}},ID:function(g,i){return g.nodeType===1&&g.getAttribute("id")===i},TAG:function(g,i){return i==="*"&&g.nodeType===1||g.nodeName.toLowerCase()===
+i},CLASS:function(g,i){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(i)>-1},ATTR:function(g,i){var n=i[1];n=o.attrHandle[n]?o.attrHandle[n](g):g[n]!=null?g[n]:g.getAttribute(n);var m=n+"",p=i[2],q=i[4];return n==null?p==="!=":p==="="?m===q:p==="*="?m.indexOf(q)>=0:p==="~="?(" "+m+" ").indexOf(q)>=0:!q?m&&n!==false:p==="!="?m!==q:p==="^="?m.indexOf(q)===0:p==="$="?m.substr(m.length-q.length)===q:p==="|="?m===q||m.substr(0,q.length+1)===q+"-":false},POS:function(g,i,n,m){var p=o.setFilters[i[2]];
+if(p)return p(g,n,i,m)}}},x=o.match.POS,r=function(g,i){return"\\"+(i-0+1)},A;for(A in o.match){o.match[A]=RegExp(o.match[A].source+/(?![^\[]*\])(?![^\(]*\))/.source);o.leftMatch[A]=RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[A].source.replace(/\\(\d+)/g,r))}var C=function(g,i){g=Array.prototype.slice.call(g,0);if(i){i.push.apply(i,g);return i}return g};try{Array.prototype.slice.call(t.documentElement.childNodes,0)}catch(J){C=function(g,i){var n=0,m=i||[];if(f.call(g)==="[object Array]")Array.prototype.push.apply(m,
+g);else if(typeof g.length==="number")for(var p=g.length;n<p;n++)m.push(g[n]);else for(;g[n];n++)m.push(g[n]);return m}}var w,I;if(t.documentElement.compareDocumentPosition)w=function(g,i){if(g===i){h=true;return 0}if(!g.compareDocumentPosition||!i.compareDocumentPosition)return g.compareDocumentPosition?-1:1;return g.compareDocumentPosition(i)&4?-1:1};else{w=function(g,i){var n,m,p=[],q=[];n=g.parentNode;m=i.parentNode;var u=n;if(g===i){h=true;return 0}else if(n===m)return I(g,i);else if(n){if(!m)return 1}else return-1;
+for(;u;){p.unshift(u);u=u.parentNode}for(u=m;u;){q.unshift(u);u=u.parentNode}n=p.length;m=q.length;for(u=0;u<n&&u<m;u++)if(p[u]!==q[u])return I(p[u],q[u]);return u===n?I(g,q[u],-1):I(p[u],i,1)};I=function(g,i,n){if(g===i)return n;for(g=g.nextSibling;g;){if(g===i)return-1;g=g.nextSibling}return 1}}k.getText=function(g){for(var i="",n,m=0;g[m];m++){n=g[m];if(n.nodeType===3||n.nodeType===4)i+=n.nodeValue;else if(n.nodeType!==8)i+=k.getText(n.childNodes)}return i};(function(){var g=t.createElement("div"),
+i="script"+(new Date).getTime(),n=t.documentElement;g.innerHTML="<a name='"+i+"'/>";n.insertBefore(g,n.firstChild);if(t.getElementById(i)){o.find.ID=function(m,p,q){if(typeof p.getElementById!=="undefined"&&!q)return(p=p.getElementById(m[1]))?p.id===m[1]||typeof p.getAttributeNode!=="undefined"&&p.getAttributeNode("id").nodeValue===m[1]?[p]:B:[]};o.filter.ID=function(m,p){var q=typeof m.getAttributeNode!=="undefined"&&m.getAttributeNode("id");return m.nodeType===1&&q&&q.nodeValue===p}}n.removeChild(g);
+n=g=null})();(function(){var g=t.createElement("div");g.appendChild(t.createComment(""));if(g.getElementsByTagName("*").length>0)o.find.TAG=function(i,n){var m=n.getElementsByTagName(i[1]);if(i[1]==="*"){for(var p=[],q=0;m[q];q++)m[q].nodeType===1&&p.push(m[q]);m=p}return m};g.innerHTML="<a href='#'></a>";if(g.firstChild&&typeof g.firstChild.getAttribute!=="undefined"&&g.firstChild.getAttribute("href")!=="#")o.attrHandle.href=function(i){return i.getAttribute("href",2)};g=null})();t.querySelectorAll&&
+function(){var g=k,i=t.createElement("div");i.innerHTML="<p class='TEST'></p>";if(!(i.querySelectorAll&&i.querySelectorAll(".TEST").length===0)){k=function(m,p,q,u){p=p||t;m=m.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!u&&!k.isXML(p))if(p.nodeType===9)try{return C(p.querySelectorAll(m),q)}catch(y){}else if(p.nodeType===1&&p.nodeName.toLowerCase()!=="object"){var F=p.getAttribute("id"),M=F||"__sizzle__";F||p.setAttribute("id",M);try{return C(p.querySelectorAll("#"+M+" "+m),q)}catch(N){}finally{F||
+p.removeAttribute("id")}}return g(m,p,q,u)};for(var n in g)k[n]=g[n];i=null}}();(function(){var g=t.documentElement,i=g.matchesSelector||g.mozMatchesSelector||g.webkitMatchesSelector||g.msMatchesSelector,n=false;try{i.call(t.documentElement,"[test!='']:sizzle")}catch(m){n=true}if(i)k.matchesSelector=function(p,q){q=q.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!k.isXML(p))try{if(n||!o.match.PSEUDO.test(q)&&!/!=/.test(q))return i.call(p,q)}catch(u){}return k(q,null,null,[p]).length>0}})();(function(){var g=
+t.createElement("div");g.innerHTML="<div class='test e'></div><div class='test'></div>";if(!(!g.getElementsByClassName||g.getElementsByClassName("e").length===0)){g.lastChild.className="e";if(g.getElementsByClassName("e").length!==1){o.order.splice(1,0,"CLASS");o.find.CLASS=function(i,n,m){if(typeof n.getElementsByClassName!=="undefined"&&!m)return n.getElementsByClassName(i[1])};g=null}}})();k.contains=t.documentElement.contains?function(g,i){return g!==i&&(g.contains?g.contains(i):true)}:t.documentElement.compareDocumentPosition?
+function(g,i){return!!(g.compareDocumentPosition(i)&16)}:function(){return false};k.isXML=function(g){return(g=(g?g.ownerDocument||g:0).documentElement)?g.nodeName!=="HTML":false};var L=function(g,i){for(var n,m=[],p="",q=i.nodeType?[i]:i;n=o.match.PSEUDO.exec(g);){p+=n[0];g=g.replace(o.match.PSEUDO,"")}g=o.relative[g]?g+"*":g;n=0;for(var u=q.length;n<u;n++)k(g,q[n],m);return k.filter(p,m)};c.find=k;c.expr=k.selectors;c.expr[":"]=c.expr.filters;c.unique=k.uniqueSort;c.text=k.getText;c.isXMLDoc=k.isXML;
+c.contains=k.contains})();var Za=/Until$/,$a=/^(?:parents|prevUntil|prevAll)/,ab=/,/,Na=/^.[^:#\[\.,]*$/,bb=Array.prototype.slice,cb=c.expr.match.POS;c.fn.extend({find:function(a){for(var b=this.pushStack("","find",a),d=0,e=0,f=this.length;e<f;e++){d=b.length;c.find(a,this[e],b);if(e>0)for(var h=d;h<b.length;h++)for(var l=0;l<d;l++)if(b[l]===b[h]){b.splice(h--,1);break}}return b},has:function(a){var b=c(a);return this.filter(function(){for(var d=0,e=b.length;d<e;d++)if(c.contains(this,b[d]))return true})},
+not:function(a){return this.pushStack(ma(this,a,false),"not",a)},filter:function(a){return this.pushStack(ma(this,a,true),"filter",a)},is:function(a){return!!a&&c.filter(a,this).length>0},closest:function(a,b){var d=[],e,f,h=this[0];if(c.isArray(a)){var l,k={},o=1;if(h&&a.length){e=0;for(f=a.length;e<f;e++){l=a[e];k[l]||(k[l]=c.expr.match.POS.test(l)?c(l,b||this.context):l)}for(;h&&h.ownerDocument&&h!==b;){for(l in k){e=k[l];if(e.jquery?e.index(h)>-1:c(h).is(e))d.push({selector:l,elem:h,level:o})}h=
+h.parentNode;o++}}return d}l=cb.test(a)?c(a,b||this.context):null;e=0;for(f=this.length;e<f;e++)for(h=this[e];h;)if(l?l.index(h)>-1:c.find.matchesSelector(h,a)){d.push(h);break}else{h=h.parentNode;if(!h||!h.ownerDocument||h===b)break}d=d.length>1?c.unique(d):d;return this.pushStack(d,"closest",a)},index:function(a){if(!a||typeof a==="string")return c.inArray(this[0],a?c(a):this.parent().children());return c.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var d=typeof a==="string"?c(a,b||this.context):
+c.makeArray(a),e=c.merge(this.get(),d);return this.pushStack(!d[0]||!d[0].parentNode||d[0].parentNode.nodeType===11||!e[0]||!e[0].parentNode||e[0].parentNode.nodeType===11?e:c.unique(e))},andSelf:function(){return this.add(this.prevObject)}});c.each({parent:function(a){return(a=a.parentNode)&&a.nodeType!==11?a:null},parents:function(a){return c.dir(a,"parentNode")},parentsUntil:function(a,b,d){return c.dir(a,"parentNode",d)},next:function(a){return c.nth(a,2,"nextSibling")},prev:function(a){return c.nth(a,
+2,"previousSibling")},nextAll:function(a){return c.dir(a,"nextSibling")},prevAll:function(a){return c.dir(a,"previousSibling")},nextUntil:function(a,b,d){return c.dir(a,"nextSibling",d)},prevUntil:function(a,b,d){return c.dir(a,"previousSibling",d)},siblings:function(a){return c.sibling(a.parentNode.firstChild,a)},children:function(a){return c.sibling(a.firstChild)},contents:function(a){return c.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:c.makeArray(a.childNodes)}},function(a,
+b){c.fn[a]=function(d,e){var f=c.map(this,b,d);Za.test(a)||(e=d);if(e&&typeof e==="string")f=c.filter(e,f);f=this.length>1?c.unique(f):f;if((this.length>1||ab.test(e))&&$a.test(a))f=f.reverse();return this.pushStack(f,a,bb.call(arguments).join(","))}});c.extend({filter:function(a,b,d){if(d)a=":not("+a+")";return b.length===1?c.find.matchesSelector(b[0],a)?[b[0]]:[]:c.find.matches(a,b)},dir:function(a,b,d){var e=[];for(a=a[b];a&&a.nodeType!==9&&(d===B||a.nodeType!==1||!c(a).is(d));){a.nodeType===1&&
+e.push(a);a=a[b]}return e},nth:function(a,b,d){b=b||1;for(var e=0;a;a=a[d])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){for(var d=[];a;a=a.nextSibling)a.nodeType===1&&a!==b&&d.push(a);return d}});var za=/ jQuery\d+="(?:\d+|null)"/g,$=/^\s+/,Aa=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Ba=/<([\w:]+)/,db=/<tbody/i,eb=/<|&#?\w+;/,Ca=/<(?:script|object|embed|option|style)/i,Da=/checked\s*(?:[^=]|=\s*.checked.)/i,fb=/\=([^="'>\s]+\/)>/g,P={option:[1,
+"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};P.optgroup=P.option;P.tbody=P.tfoot=P.colgroup=P.caption=P.thead;P.th=P.td;if(!c.support.htmlSerialize)P._default=[1,"div<div>","</div>"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d=
+c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==B)return this.empty().append((this[0]&&this[0].ownerDocument||t).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this,d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this},
+wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},
+prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a=c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,
+this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,e;(e=this[d])!=null;d++)if(!a||c.filter(a,[e]).length){if(!b&&e.nodeType===1){c.cleanData(e.getElementsByTagName("*"));c.cleanData([e])}e.parentNode&&e.parentNode.removeChild(e)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild);
+return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,e=this.ownerDocument;if(!d){d=e.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(za,"").replace(fb,'="$1">').replace($,"")],e)[0]}else return this.cloneNode(true)});if(a===true){na(this,b);na(this.find("*"),b.find("*"))}return b},html:function(a){if(a===B)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(za,""):null;
+else if(typeof a==="string"&&!Ca.test(a)&&(c.support.leadingWhitespace||!$.test(a))&&!P[(Ba.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Aa,"<$1></$2>");try{for(var b=0,d=this.length;b<d;b++)if(this[b].nodeType===1){c.cleanData(this[b].getElementsByTagName("*"));this[b].innerHTML=a}}catch(e){this.empty().append(a)}}else c.isFunction(a)?this.each(function(f){var h=c(this);h.html(a.call(this,f,h.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(c.isFunction(a))return this.each(function(b){var d=
+c(this),e=d.html();d.replaceWith(a.call(this,b,e))});if(typeof a!=="string")a=c(a).detach();return this.each(function(){var b=this.nextSibling,d=this.parentNode;c(this).remove();b?c(b).before(a):c(d).append(a)})}else return this.pushStack(c(c.isFunction(a)?a():a),"replaceWith",a)},detach:function(a){return this.remove(a,true)},domManip:function(a,b,d){var e,f,h,l=a[0],k=[];if(!c.support.checkClone&&arguments.length===3&&typeof l==="string"&&Da.test(l))return this.each(function(){c(this).domManip(a,
+b,d,true)});if(c.isFunction(l))return this.each(function(x){var r=c(this);a[0]=l.call(this,x,b?r.html():B);r.domManip(a,b,d)});if(this[0]){e=l&&l.parentNode;e=c.support.parentNode&&e&&e.nodeType===11&&e.childNodes.length===this.length?{fragment:e}:c.buildFragment(a,this,k);h=e.fragment;if(f=h.childNodes.length===1?h=h.firstChild:h.firstChild){b=b&&c.nodeName(f,"tr");f=0;for(var o=this.length;f<o;f++)d.call(b?c.nodeName(this[f],"table")?this[f].getElementsByTagName("tbody")[0]||this[f].appendChild(this[f].ownerDocument.createElement("tbody")):
+this[f]:this[f],f>0||e.cacheable||this.length>1?h.cloneNode(true):h)}k.length&&c.each(k,Oa)}return this}});c.buildFragment=function(a,b,d){var e,f,h;b=b&&b[0]?b[0].ownerDocument||b[0]:t;if(a.length===1&&typeof a[0]==="string"&&a[0].length<512&&b===t&&!Ca.test(a[0])&&(c.support.checkClone||!Da.test(a[0]))){f=true;if(h=c.fragments[a[0]])if(h!==1)e=h}if(!e){e=b.createDocumentFragment();c.clean(a,b,e,d)}if(f)c.fragments[a[0]]=h?e:1;return{fragment:e,cacheable:f}};c.fragments={};c.each({appendTo:"append",
+prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){c.fn[a]=function(d){var e=[];d=c(d);var f=this.length===1&&this[0].parentNode;if(f&&f.nodeType===11&&f.childNodes.length===1&&d.length===1){d[b](this[0]);return this}else{f=0;for(var h=d.length;f<h;f++){var l=(f>0?this.clone(true):this).get();c(d[f])[b](l);e=e.concat(l)}return this.pushStack(e,a,d.selector)}}});c.extend({clean:function(a,b,d,e){b=b||t;if(typeof b.createElement==="undefined")b=b.ownerDocument||
+b[0]&&b[0].ownerDocument||t;for(var f=[],h=0,l;(l=a[h])!=null;h++){if(typeof l==="number")l+="";if(l){if(typeof l==="string"&&!eb.test(l))l=b.createTextNode(l);else if(typeof l==="string"){l=l.replace(Aa,"<$1></$2>");var k=(Ba.exec(l)||["",""])[1].toLowerCase(),o=P[k]||P._default,x=o[0],r=b.createElement("div");for(r.innerHTML=o[1]+l+o[2];x--;)r=r.lastChild;if(!c.support.tbody){x=db.test(l);k=k==="table"&&!x?r.firstChild&&r.firstChild.childNodes:o[1]==="<table>"&&!x?r.childNodes:[];for(o=k.length-
+1;o>=0;--o)c.nodeName(k[o],"tbody")&&!k[o].childNodes.length&&k[o].parentNode.removeChild(k[o])}!c.support.leadingWhitespace&&$.test(l)&&r.insertBefore(b.createTextNode($.exec(l)[0]),r.firstChild);l=r.childNodes}if(l.nodeType)f.push(l);else f=c.merge(f,l)}}if(d)for(h=0;f[h];h++)if(e&&c.nodeName(f[h],"script")&&(!f[h].type||f[h].type.toLowerCase()==="text/javascript"))e.push(f[h].parentNode?f[h].parentNode.removeChild(f[h]):f[h]);else{f[h].nodeType===1&&f.splice.apply(f,[h+1,0].concat(c.makeArray(f[h].getElementsByTagName("script"))));
+d.appendChild(f[h])}return f},cleanData:function(a){for(var b,d,e=c.cache,f=c.event.special,h=c.support.deleteExpando,l=0,k;(k=a[l])!=null;l++)if(!(k.nodeName&&c.noData[k.nodeName.toLowerCase()]))if(d=k[c.expando]){if((b=e[d])&&b.events)for(var o in b.events)f[o]?c.event.remove(k,o):c.removeEvent(k,o,b.handle);if(h)delete k[c.expando];else k.removeAttribute&&k.removeAttribute(c.expando);delete e[d]}}});var Ea=/alpha\([^)]*\)/i,gb=/opacity=([^)]*)/,hb=/-([a-z])/ig,ib=/([A-Z])/g,Fa=/^-?\d+(?:px)?$/i,
+jb=/^-?\d/,kb={position:"absolute",visibility:"hidden",display:"block"},Pa=["Left","Right"],Qa=["Top","Bottom"],W,Ga,aa,lb=function(a,b){return b.toUpperCase()};c.fn.css=function(a,b){if(arguments.length===2&&b===B)return this;return c.access(this,a,b,true,function(d,e,f){return f!==B?c.style(d,e,f):c.css(d,e)})};c.extend({cssHooks:{opacity:{get:function(a,b){if(b){var d=W(a,"opacity","opacity");return d===""?"1":d}else return a.style.opacity}}},cssNumber:{zIndex:true,fontWeight:true,opacity:true,
+zoom:true,lineHeight:true},cssProps:{"float":c.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,b,d,e){if(!(!a||a.nodeType===3||a.nodeType===8||!a.style)){var f,h=c.camelCase(b),l=a.style,k=c.cssHooks[h];b=c.cssProps[h]||h;if(d!==B){if(!(typeof d==="number"&&isNaN(d)||d==null)){if(typeof d==="number"&&!c.cssNumber[h])d+="px";if(!k||!("set"in k)||(d=k.set(a,d))!==B)try{l[b]=d}catch(o){}}}else{if(k&&"get"in k&&(f=k.get(a,false,e))!==B)return f;return l[b]}}},css:function(a,b,d){var e,f=c.camelCase(b),
+h=c.cssHooks[f];b=c.cssProps[f]||f;if(h&&"get"in h&&(e=h.get(a,true,d))!==B)return e;else if(W)return W(a,b,f)},swap:function(a,b,d){var e={},f;for(f in b){e[f]=a.style[f];a.style[f]=b[f]}d.call(a);for(f in b)a.style[f]=e[f]},camelCase:function(a){return a.replace(hb,lb)}});c.curCSS=c.css;c.each(["height","width"],function(a,b){c.cssHooks[b]={get:function(d,e,f){var h;if(e){if(d.offsetWidth!==0)h=oa(d,b,f);else c.swap(d,kb,function(){h=oa(d,b,f)});if(h<=0){h=W(d,b,b);if(h==="0px"&&aa)h=aa(d,b,b);
+if(h!=null)return h===""||h==="auto"?"0px":h}if(h<0||h==null){h=d.style[b];return h===""||h==="auto"?"0px":h}return typeof h==="string"?h:h+"px"}},set:function(d,e){if(Fa.test(e)){e=parseFloat(e);if(e>=0)return e+"px"}else return e}}});if(!c.support.opacity)c.cssHooks.opacity={get:function(a,b){return gb.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var d=a.style;d.zoom=1;var e=c.isNaN(b)?"":"alpha(opacity="+b*100+")",f=
+d.filter||"";d.filter=Ea.test(f)?f.replace(Ea,e):d.filter+" "+e}};if(t.defaultView&&t.defaultView.getComputedStyle)Ga=function(a,b,d){var e;d=d.replace(ib,"-$1").toLowerCase();if(!(b=a.ownerDocument.defaultView))return B;if(b=b.getComputedStyle(a,null)){e=b.getPropertyValue(d);if(e===""&&!c.contains(a.ownerDocument.documentElement,a))e=c.style(a,d)}return e};if(t.documentElement.currentStyle)aa=function(a,b){var d,e,f=a.currentStyle&&a.currentStyle[b],h=a.style;if(!Fa.test(f)&&jb.test(f)){d=h.left;
+e=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;h.left=b==="fontSize"?"1em":f||0;f=h.pixelLeft+"px";h.left=d;a.runtimeStyle.left=e}return f===""?"auto":f};W=Ga||aa;if(c.expr&&c.expr.filters){c.expr.filters.hidden=function(a){var b=a.offsetHeight;return a.offsetWidth===0&&b===0||!c.support.reliableHiddenOffsets&&(a.style.display||c.css(a,"display"))==="none"};c.expr.filters.visible=function(a){return!c.expr.filters.hidden(a)}}var mb=c.now(),nb=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
+ob=/^(?:select|textarea)/i,pb=/^(?:color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,qb=/^(?:GET|HEAD)$/,Ra=/\[\]$/,T=/\=\?(&|$)/,ja=/\?/,rb=/([?&])_=[^&]*/,sb=/^(\w+:)?\/\/([^\/?#]+)/,tb=/%20/g,ub=/#.*$/,Ha=c.fn.load;c.fn.extend({load:function(a,b,d){if(typeof a!=="string"&&Ha)return Ha.apply(this,arguments);else if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var f=a.slice(e,a.length);a=a.slice(0,e)}e="GET";if(b)if(c.isFunction(b)){d=b;b=null}else if(typeof b===
+"object"){b=c.param(b,c.ajaxSettings.traditional);e="POST"}var h=this;c.ajax({url:a,type:e,dataType:"html",data:b,complete:function(l,k){if(k==="success"||k==="notmodified")h.html(f?c("<div>").append(l.responseText.replace(nb,"")).find(f):l.responseText);d&&h.each(d,[l.responseText,k,l])}});return this},serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&&
+!this.disabled&&(this.checked||ob.test(this.nodeName)||pb.test(this.type))}).map(function(a,b){var d=c(this).val();return d==null?null:c.isArray(d)?c.map(d,function(e){return{name:b.name,value:e}}):{name:b.name,value:d}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,e){if(c.isFunction(b)){e=e||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:e})},
+getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,e){if(c.isFunction(b)){e=e||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:e})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href,global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:function(){return new E.XMLHttpRequest},accepts:{xml:"application/xml, text/xml",html:"text/html",
+script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},ajax:function(a){var b=c.extend(true,{},c.ajaxSettings,a),d,e,f,h=b.type.toUpperCase(),l=qb.test(h);b.url=b.url.replace(ub,"");b.context=a&&a.context!=null?a.context:b;if(b.data&&b.processData&&typeof b.data!=="string")b.data=c.param(b.data,b.traditional);if(b.dataType==="jsonp"){if(h==="GET")T.test(b.url)||(b.url+=(ja.test(b.url)?"&":"?")+(b.jsonp||"callback")+"=?");else if(!b.data||
+!T.test(b.data))b.data=(b.data?b.data+"&":"")+(b.jsonp||"callback")+"=?";b.dataType="json"}if(b.dataType==="json"&&(b.data&&T.test(b.data)||T.test(b.url))){d=b.jsonpCallback||"jsonp"+mb++;if(b.data)b.data=(b.data+"").replace(T,"="+d+"$1");b.url=b.url.replace(T,"="+d+"$1");b.dataType="script";var k=E[d];E[d]=function(m){if(c.isFunction(k))k(m);else{E[d]=B;try{delete E[d]}catch(p){}}f=m;c.handleSuccess(b,w,e,f);c.handleComplete(b,w,e,f);r&&r.removeChild(A)}}if(b.dataType==="script"&&b.cache===null)b.cache=
+false;if(b.cache===false&&l){var o=c.now(),x=b.url.replace(rb,"$1_="+o);b.url=x+(x===b.url?(ja.test(b.url)?"&":"?")+"_="+o:"")}if(b.data&&l)b.url+=(ja.test(b.url)?"&":"?")+b.data;b.global&&c.active++===0&&c.event.trigger("ajaxStart");o=(o=sb.exec(b.url))&&(o[1]&&o[1].toLowerCase()!==location.protocol||o[2].toLowerCase()!==location.host);if(b.dataType==="script"&&h==="GET"&&o){var r=t.getElementsByTagName("head")[0]||t.documentElement,A=t.createElement("script");if(b.scriptCharset)A.charset=b.scriptCharset;
+A.src=b.url;if(!d){var C=false;A.onload=A.onreadystatechange=function(){if(!C&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){C=true;c.handleSuccess(b,w,e,f);c.handleComplete(b,w,e,f);A.onload=A.onreadystatechange=null;r&&A.parentNode&&r.removeChild(A)}}}r.insertBefore(A,r.firstChild);return B}var J=false,w=b.xhr();if(w){b.username?w.open(h,b.url,b.async,b.username,b.password):w.open(h,b.url,b.async);try{if(b.data!=null&&!l||a&&a.contentType)w.setRequestHeader("Content-Type",
+b.contentType);if(b.ifModified){c.lastModified[b.url]&&w.setRequestHeader("If-Modified-Since",c.lastModified[b.url]);c.etag[b.url]&&w.setRequestHeader("If-None-Match",c.etag[b.url])}o||w.setRequestHeader("X-Requested-With","XMLHttpRequest");w.setRequestHeader("Accept",b.dataType&&b.accepts[b.dataType]?b.accepts[b.dataType]+", */*; q=0.01":b.accepts._default)}catch(I){}if(b.beforeSend&&b.beforeSend.call(b.context,w,b)===false){b.global&&c.active--===1&&c.event.trigger("ajaxStop");w.abort();return false}b.global&&
+c.triggerGlobal(b,"ajaxSend",[w,b]);var L=w.onreadystatechange=function(m){if(!w||w.readyState===0||m==="abort"){J||c.handleComplete(b,w,e,f);J=true;if(w)w.onreadystatechange=c.noop}else if(!J&&w&&(w.readyState===4||m==="timeout")){J=true;w.onreadystatechange=c.noop;e=m==="timeout"?"timeout":!c.httpSuccess(w)?"error":b.ifModified&&c.httpNotModified(w,b.url)?"notmodified":"success";var p;if(e==="success")try{f=c.httpData(w,b.dataType,b)}catch(q){e="parsererror";p=q}if(e==="success"||e==="notmodified")d||
+c.handleSuccess(b,w,e,f);else c.handleError(b,w,e,p);d||c.handleComplete(b,w,e,f);m==="timeout"&&w.abort();if(b.async)w=null}};try{var g=w.abort;w.abort=function(){w&&Function.prototype.call.call(g,w);L("abort")}}catch(i){}b.async&&b.timeout>0&&setTimeout(function(){w&&!J&&L("timeout")},b.timeout);try{w.send(l||b.data==null?null:b.data)}catch(n){c.handleError(b,w,null,n);c.handleComplete(b,w,e,f)}b.async||L();return w}},param:function(a,b){var d=[],e=function(h,l){l=c.isFunction(l)?l():l;d[d.length]=
+encodeURIComponent(h)+"="+encodeURIComponent(l)};if(b===B)b=c.ajaxSettings.traditional;if(c.isArray(a)||a.jquery)c.each(a,function(){e(this.name,this.value)});else for(var f in a)da(f,a[f],b,e);return d.join("&").replace(tb,"+")}});c.extend({active:0,lastModified:{},etag:{},handleError:function(a,b,d,e){a.error&&a.error.call(a.context,b,d,e);a.global&&c.triggerGlobal(a,"ajaxError",[b,a,e])},handleSuccess:function(a,b,d,e){a.success&&a.success.call(a.context,e,d,b);a.global&&c.triggerGlobal(a,"ajaxSuccess",
+[b,a])},handleComplete:function(a,b,d){a.complete&&a.complete.call(a.context,b,d);a.global&&c.triggerGlobal(a,"ajaxComplete",[b,a]);a.global&&c.active--===1&&c.event.trigger("ajaxStop")},triggerGlobal:function(a,b,d){(a.context&&a.context.url==null?c(a.context):c.event).trigger(b,d)},httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status===1223}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"),
+e=a.getResponseHeader("Etag");if(d)c.lastModified[b]=d;if(e)c.etag[b]=e;return a.status===304},httpData:function(a,b,d){var e=a.getResponseHeader("content-type")||"",f=b==="xml"||!b&&e.indexOf("xml")>=0;a=f?a.responseXML:a.responseText;f&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b==="json"||!b&&e.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&e.indexOf("javascript")>=0)c.globalEval(a);return a}});
+if(E.ActiveXObject)c.ajaxSettings.xhr=function(){if(E.location.protocol!=="file:")try{return new E.XMLHttpRequest}catch(a){}try{return new E.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}};c.support.ajax=!!c.ajaxSettings.xhr();var ea={},vb=/^(?:toggle|show|hide)$/,wb=/^([+\-]=)?([\d+.\-]+)(.*)$/,ba,pa=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b,d){if(a||a===0)return this.animate(S("show",
+3),a,b,d);else{d=0;for(var e=this.length;d<e;d++){a=this[d];b=a.style.display;if(!c.data(a,"olddisplay")&&b==="none")b=a.style.display="";b===""&&c.css(a,"display")==="none"&&c.data(a,"olddisplay",qa(a.nodeName))}for(d=0;d<e;d++){a=this[d];b=a.style.display;if(b===""||b==="none")a.style.display=c.data(a,"olddisplay")||""}return this}},hide:function(a,b,d){if(a||a===0)return this.animate(S("hide",3),a,b,d);else{a=0;for(b=this.length;a<b;a++){d=c.css(this[a],"display");d!=="none"&&c.data(this[a],"olddisplay",
+d)}for(a=0;a<b;a++)this[a].style.display="none";return this}},_toggle:c.fn.toggle,toggle:function(a,b,d){var e=typeof a==="boolean";if(c.isFunction(a)&&c.isFunction(b))this._toggle.apply(this,arguments);else a==null||e?this.each(function(){var f=e?a:c(this).is(":hidden");c(this)[f?"show":"hide"]()}):this.animate(S("toggle",3),a,b,d);return this},fadeTo:function(a,b,d,e){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,d,e)},animate:function(a,b,d,e){var f=c.speed(b,
+d,e);if(c.isEmptyObject(a))return this.each(f.complete);return this[f.queue===false?"each":"queue"](function(){var h=c.extend({},f),l,k=this.nodeType===1,o=k&&c(this).is(":hidden"),x=this;for(l in a){var r=c.camelCase(l);if(l!==r){a[r]=a[l];delete a[l];l=r}if(a[l]==="hide"&&o||a[l]==="show"&&!o)return h.complete.call(this);if(k&&(l==="height"||l==="width")){h.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY];if(c.css(this,"display")==="inline"&&c.css(this,"float")==="none")if(c.support.inlineBlockNeedsLayout)if(qa(this.nodeName)===
+"inline")this.style.display="inline-block";else{this.style.display="inline";this.style.zoom=1}else this.style.display="inline-block"}if(c.isArray(a[l])){(h.specialEasing=h.specialEasing||{})[l]=a[l][1];a[l]=a[l][0]}}if(h.overflow!=null)this.style.overflow="hidden";h.curAnim=c.extend({},a);c.each(a,function(A,C){var J=new c.fx(x,h,A);if(vb.test(C))J[C==="toggle"?o?"show":"hide":C](a);else{var w=wb.exec(C),I=J.cur()||0;if(w){var L=parseFloat(w[2]),g=w[3]||"px";if(g!=="px"){c.style(x,A,(L||1)+g);I=(L||
+1)/J.cur()*I;c.style(x,A,I+g)}if(w[1])L=(w[1]==="-="?-1:1)*L+I;J.custom(I,L,g)}else J.custom(I,C,"")}});return true})},stop:function(a,b){var d=c.timers;a&&this.queue([]);this.each(function(){for(var e=d.length-1;e>=0;e--)if(d[e].elem===this){b&&d[e](true);d.splice(e,1)}});b||this.dequeue();return this}});c.each({slideDown:S("show",1),slideUp:S("hide",1),slideToggle:S("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){c.fn[a]=function(d,e,f){return this.animate(b,
+d,e,f)}});c.extend({speed:function(a,b,d){var e=a&&typeof a==="object"?c.extend({},a):{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};e.duration=c.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in c.fx.speeds?c.fx.speeds[e.duration]:c.fx.speeds._default;e.old=e.complete;e.complete=function(){e.queue!==false&&c(this).dequeue();c.isFunction(e.old)&&e.old.call(this)};return e},easing:{linear:function(a,b,d,e){return d+e*a},swing:function(a,b,d,e){return(-Math.cos(a*
+Math.PI)/2+0.5)*e+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]||c.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a=parseFloat(c.css(this.elem,this.prop));return a&&a>-1E4?a:0},custom:function(a,b,d){function e(l){return f.step(l)}
+var f=this,h=c.fx;this.startTime=c.now();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start;this.pos=this.state=0;e.elem=this.elem;if(e()&&c.timers.push(e)&&!ba)ba=setInterval(h.tick,h.interval)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true;
+this.custom(this.cur(),0)},step:function(a){var b=c.now(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var e in this.options.curAnim)if(this.options.curAnim[e]!==true)d=false;if(d){if(this.options.overflow!=null&&!c.support.shrinkWrapBlocks){var f=this.elem,h=this.options;c.each(["","X","Y"],function(k,o){f.style["overflow"+o]=h.overflow[k]})}this.options.hide&&c(this.elem).hide();if(this.options.hide||
+this.options.show)for(var l in this.options.curAnim)c.style(this.elem,l,this.options.orig[l]);this.options.complete.call(this.elem)}return false}else{a=b-this.startTime;this.state=a/this.options.duration;b=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||b](this.state,a,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a=
+c.timers,b=0;b<a.length;b++)a[b]()||a.splice(b--,1);a.length||c.fx.stop()},interval:13,stop:function(){clearInterval(ba);ba=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){c.style(a.elem,"opacity",a.now)},_default:function(a){if(a.elem.style&&a.elem.style[a.prop]!=null)a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit;else a.elem[a.prop]=a.now}}});if(c.expr&&c.expr.filters)c.expr.filters.animated=function(a){return c.grep(c.timers,function(b){return a===
+b.elem}).length};var xb=/^t(?:able|d|h)$/i,Ia=/^(?:body|html)$/i;c.fn.offset="getBoundingClientRect"in t.documentElement?function(a){var b=this[0],d;if(a)return this.each(function(l){c.offset.setOffset(this,a,l)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);try{d=b.getBoundingClientRect()}catch(e){}var f=b.ownerDocument,h=f.documentElement;if(!d||!c.contains(h,b))return d||{top:0,left:0};b=f.body;f=fa(f);return{top:d.top+(f.pageYOffset||c.support.boxModel&&
+h.scrollTop||b.scrollTop)-(h.clientTop||b.clientTop||0),left:d.left+(f.pageXOffset||c.support.boxModel&&h.scrollLeft||b.scrollLeft)-(h.clientLeft||b.clientLeft||0)}}:function(a){var b=this[0];if(a)return this.each(function(x){c.offset.setOffset(this,a,x)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);c.offset.initialize();var d,e=b.offsetParent,f=b.ownerDocument,h=f.documentElement,l=f.body;d=(f=f.defaultView)?f.getComputedStyle(b,null):b.currentStyle;
+for(var k=b.offsetTop,o=b.offsetLeft;(b=b.parentNode)&&b!==l&&b!==h;){if(c.offset.supportsFixedPosition&&d.position==="fixed")break;d=f?f.getComputedStyle(b,null):b.currentStyle;k-=b.scrollTop;o-=b.scrollLeft;if(b===e){k+=b.offsetTop;o+=b.offsetLeft;if(c.offset.doesNotAddBorder&&!(c.offset.doesAddBorderForTableAndCells&&xb.test(b.nodeName))){k+=parseFloat(d.borderTopWidth)||0;o+=parseFloat(d.borderLeftWidth)||0}e=b.offsetParent}if(c.offset.subtractsBorderForOverflowNotVisible&&d.overflow!=="visible"){k+=
+parseFloat(d.borderTopWidth)||0;o+=parseFloat(d.borderLeftWidth)||0}d=d}if(d.position==="relative"||d.position==="static"){k+=l.offsetTop;o+=l.offsetLeft}if(c.offset.supportsFixedPosition&&d.position==="fixed"){k+=Math.max(h.scrollTop,l.scrollTop);o+=Math.max(h.scrollLeft,l.scrollLeft)}return{top:k,left:o}};c.offset={initialize:function(){var a=t.body,b=t.createElement("div"),d,e,f,h=parseFloat(c.css(a,"marginTop"))||0;c.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",
+height:"1px",visibility:"hidden"});b.innerHTML="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";a.insertBefore(b,a.firstChild);d=b.firstChild;e=d.firstChild;f=d.nextSibling.firstChild.firstChild;this.doesNotAddBorder=e.offsetTop!==5;this.doesAddBorderForTableAndCells=
+f.offsetTop===5;e.style.position="fixed";e.style.top="20px";this.supportsFixedPosition=e.offsetTop===20||e.offsetTop===15;e.style.position=e.style.top="";d.style.overflow="hidden";d.style.position="relative";this.subtractsBorderForOverflowNotVisible=e.offsetTop===-5;this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==h;a.removeChild(b);c.offset.initialize=c.noop},bodyOffset:function(a){var b=a.offsetTop,d=a.offsetLeft;c.offset.initialize();if(c.offset.doesNotIncludeMarginInBodyOffset){b+=parseFloat(c.css(a,
+"marginTop"))||0;d+=parseFloat(c.css(a,"marginLeft"))||0}return{top:b,left:d}},setOffset:function(a,b,d){var e=c.css(a,"position");if(e==="static")a.style.position="relative";var f=c(a),h=f.offset(),l=c.css(a,"top"),k=c.css(a,"left"),o=e==="absolute"&&c.inArray("auto",[l,k])>-1;e={};var x={};if(o)x=f.position();l=o?x.top:parseInt(l,10)||0;k=o?x.left:parseInt(k,10)||0;if(c.isFunction(b))b=b.call(a,d,h);if(b.top!=null)e.top=b.top-h.top+l;if(b.left!=null)e.left=b.left-h.left+k;"using"in b?b.using.call(a,
+e):f.css(e)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),e=Ia.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.css(a,"marginTop"))||0;d.left-=parseFloat(c.css(a,"marginLeft"))||0;e.top+=parseFloat(c.css(b[0],"borderTopWidth"))||0;e.left+=parseFloat(c.css(b[0],"borderLeftWidth"))||0;return{top:d.top-e.top,left:d.left-e.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||t.body;a&&!Ia.test(a.nodeName)&&
+c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(e){var f=this[0],h;if(!f)return null;if(e!==B)return this.each(function(){if(h=fa(this))h.scrollTo(!a?e:c(h).scrollLeft(),a?e:c(h).scrollTop());else this[d]=e});else return(h=fa(f))?"pageXOffset"in h?h[a?"pageYOffset":"pageXOffset"]:c.support.boxModel&&h.document.documentElement[d]||h.document.body[d]:f[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase();
+c.fn["inner"+b]=function(){return this[0]?parseFloat(c.css(this[0],d,"padding")):null};c.fn["outer"+b]=function(e){return this[0]?parseFloat(c.css(this[0],d,e?"margin":"border")):null};c.fn[d]=function(e){var f=this[0];if(!f)return e==null?null:this;if(c.isFunction(e))return this.each(function(l){var k=c(this);k[d](e.call(this,l,k[d]()))});if(c.isWindow(f))return f.document.compatMode==="CSS1Compat"&&f.document.documentElement["client"+b]||f.document.body["client"+b];else if(f.nodeType===9)return Math.max(f.documentElement["client"+
+b],f.body["scroll"+b],f.documentElement["scroll"+b],f.body["offset"+b],f.documentElement["offset"+b]);else if(e===B){f=c.css(f,d);var h=parseFloat(f);return c.isNaN(h)?f:h}else return this.css(d,typeof e==="string"?e:e+"px")}})})(window);
diff --git a/editor/extensions/markers-box.png b/editor/extensions/markers-box.png
new file mode 100644
index 00000000..fbc70e1b
Binary files /dev/null and b/editor/extensions/markers-box.png differ
diff --git a/editor/extensions/markers-box_o.png b/editor/extensions/markers-box_o.png
new file mode 100644
index 00000000..1774a4b3
Binary files /dev/null and b/editor/extensions/markers-box_o.png differ
diff --git a/editor/extensions/markers-forwardslash.png b/editor/extensions/markers-forwardslash.png
new file mode 100644
index 00000000..43cec422
Binary files /dev/null and b/editor/extensions/markers-forwardslash.png differ
diff --git a/editor/extensions/markers-icons.xml b/editor/extensions/markers-icons.xml
index 6d122b05..7a9f3047 100644
--- a/editor/extensions/markers-icons.xml
+++ b/editor/extensions/markers-icons.xml
@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg">
-    <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+    <!-- 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"/>
@@ -87,29 +87,29 @@
     </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>	
+      <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">
+  <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"/>
+       <line y2="0" x2="50" y1="0" x1="-50" stroke-width="5" stroke="#ff7f00" fill="none"/>
        </svg>
     </g>
-	<g id="mkr_markers_dimension">
+  <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>
+        <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>
+     </svg>
     </g>
-   	<g id="mkr_markers_label">
+     <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>
+         <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"/>
+  <g id="svg_eof"/>
 </svg>
diff --git a/editor/extensions/markers-leftarrow.png b/editor/extensions/markers-leftarrow.png
new file mode 100644
index 00000000..b91de84e
Binary files /dev/null and b/editor/extensions/markers-leftarrow.png differ
diff --git a/editor/extensions/markers-leftarrow_o.png b/editor/extensions/markers-leftarrow_o.png
new file mode 100644
index 00000000..8d4f7e67
Binary files /dev/null and b/editor/extensions/markers-leftarrow_o.png differ
diff --git a/editor/extensions/markers-mcircle.png b/editor/extensions/markers-mcircle.png
new file mode 100644
index 00000000..4d51005a
Binary files /dev/null and b/editor/extensions/markers-mcircle.png differ
diff --git a/editor/extensions/markers-mcircle_o.png b/editor/extensions/markers-mcircle_o.png
new file mode 100644
index 00000000..35fc746c
Binary files /dev/null and b/editor/extensions/markers-mcircle_o.png differ
diff --git a/editor/extensions/markers-mkr_markers_dimension.png b/editor/extensions/markers-mkr_markers_dimension.png
new file mode 100644
index 00000000..0e1352b6
Binary files /dev/null and b/editor/extensions/markers-mkr_markers_dimension.png differ
diff --git a/editor/extensions/markers-mkr_markers_label.png b/editor/extensions/markers-mkr_markers_label.png
new file mode 100644
index 00000000..3f2696a6
Binary files /dev/null and b/editor/extensions/markers-mkr_markers_label.png differ
diff --git a/editor/extensions/markers-mkr_markers_off.png b/editor/extensions/markers-mkr_markers_off.png
new file mode 100644
index 00000000..d9e692e1
Binary files /dev/null and b/editor/extensions/markers-mkr_markers_off.png differ
diff --git a/editor/extensions/markers-nomarker.png b/editor/extensions/markers-nomarker.png
new file mode 100644
index 00000000..80107237
Binary files /dev/null and b/editor/extensions/markers-nomarker.png differ
diff --git a/editor/extensions/markers-reverseslash.png b/editor/extensions/markers-reverseslash.png
new file mode 100644
index 00000000..466cb7f4
Binary files /dev/null and b/editor/extensions/markers-reverseslash.png differ
diff --git a/editor/extensions/markers-rightarrow.png b/editor/extensions/markers-rightarrow.png
new file mode 100644
index 00000000..509c0b3a
Binary files /dev/null and b/editor/extensions/markers-rightarrow.png differ
diff --git a/editor/extensions/markers-rightarrow_o.png b/editor/extensions/markers-rightarrow_o.png
new file mode 100644
index 00000000..28cfd4ca
Binary files /dev/null and b/editor/extensions/markers-rightarrow_o.png differ
diff --git a/editor/extensions/markers-star.png b/editor/extensions/markers-star.png
new file mode 100644
index 00000000..b2474bb5
Binary files /dev/null and b/editor/extensions/markers-star.png differ
diff --git a/editor/extensions/markers-star_o.png b/editor/extensions/markers-star_o.png
new file mode 100644
index 00000000..b062bd6d
Binary files /dev/null and b/editor/extensions/markers-star_o.png differ
diff --git a/editor/extensions/markers-textmarker.png b/editor/extensions/markers-textmarker.png
new file mode 100644
index 00000000..bffaefb5
Binary files /dev/null and b/editor/extensions/markers-textmarker.png differ
diff --git a/editor/extensions/markers-triangle.png b/editor/extensions/markers-triangle.png
new file mode 100644
index 00000000..8ae2d3ac
Binary files /dev/null and b/editor/extensions/markers-triangle.png differ
diff --git a/editor/extensions/markers-triangle_o.png b/editor/extensions/markers-triangle_o.png
new file mode 100644
index 00000000..637863e9
Binary files /dev/null and b/editor/extensions/markers-triangle_o.png differ
diff --git a/editor/extensions/markers-verticalslash.png b/editor/extensions/markers-verticalslash.png
new file mode 100644
index 00000000..de36d711
Binary files /dev/null and b/editor/extensions/markers-verticalslash.png differ
diff --git a/editor/extensions/markers-xmark.png b/editor/extensions/markers-xmark.png
new file mode 100644
index 00000000..46b07bdd
Binary files /dev/null and b/editor/extensions/markers-xmark.png differ
diff --git a/editor/extensions/mathjax-icons.xml b/editor/extensions/mathjax-icons.xml
index 16609cd1..13f6557f 100644
--- a/editor/extensions/mathjax-icons.xml
+++ b/editor/extensions/mathjax-icons.xml
@@ -5,7 +5,7 @@
         <path id="svg_21" stroke-width="10" d="m20.45372,122.639297q0,57 19,104t49,78.000015t67,52t70,31t63.000015,9l3,0q45,0 78,-22t33,-65q0,-90.000015 -111,-118.000015q-49.000015,-13 -134.000015,-14q-37,0 -38,-2q0,-2 -6,-35t-7,-58q0,-46.999996 21,-73.999996t63,-28t93.000015,19t92,65.999996q9,10 12,10q4,0 13,-9t10,-13.999996t-9,-16t-30,-27t-46,-31t-63,-25t-76.000015,-10q-79,0 -122,53t-44,125.999996zm334.000015,185.000015q-6,52 -68,52q-33.000015,0 -61.000015,-14t-45,-34t-29,-41t-16,-36.000015t-5,-19q0,-1 20,-1q113.000015,0 158.000015,24t46,69.000015z"/>
         <path id="svg_22" stroke-width="10" d="m489.156433,571.236389q4.949707,29.698486 38.183716,68.589355t82.024414,39.597961q24.748657,0 45.254761,-12.727905t30.40564,-31.819824q29.698486,44.547729 71.417847,44.547729q26.162842,0 45.254761,-15.556335t19.79895,-41.719299q0,-20.506104 -9.899414,-33.234009t-19.091919,-15.556396t-16.263428,-2.82843q-13.435059,0 -21.920288,7.778198t-8.485352,20.506104q0,32.526917 35.355347,44.547729q-7.778198,9.192383 -28.284302,9.192383q-9.192383,0 -13.434937,-1.414246q-26.870117,-11.31366 -39.598022,-46.669006q-42.426392,-156.270599 -42.426392,-182.433502q0,-19.799011 11.313721,-28.284302t24.748657,-8.485291q26.162964,0 51.618896,23.334534t34.648193,57.275635q2.121338,7.071106 4.242676,7.778198t11.313721,1.414185l2.828369,0q10.606567,0 10.606567,-5.65686q0,-0.707092 -1.414185,-7.778137q-11.313721,-40.305115 -43.840576,-71.417786t-75.6604,-31.112732q-49.497559,0 -74.953369,44.547729q-28.991333,-43.840576 -66.468018,-43.840576l-4.242676,0q-34.648193,0 -49.497437,18.384766t-15.556396,38.890869q0,22.62738 13.435059,36.769531t31.819824,14.142151q30.405518,0 30.405518,-29.698486q0,-14.142151 -8.485229,-24.748718t-16.263428,-14.142151t-9.192383,-3.535522l-2.121338,-0.707153q0,-0.707092 4.242676,-2.828369t11.313599,-4.949768t13.435059,-2.121338q25.455811,0 43.840698,31.819824q6.363892,11.313721 16.263428,48.083252t19.79895,76.367523t11.313721,46.669006q3.535522,19.091919 3.535522,27.577209q0,19.79895 -10.606567,28.284241t-24.041626,8.485291q-28.284302,0 -53.033081,-22.627441t-34.648193,-57.982727q-1.414185,-6.363953 -3.535522,-7.071106t-11.313721,-1.414185l-9.899536,0q-4.242554,4.242615 -4.242554,7.778198z"/>
       </g>
-	  </svg>
+    </svg>
   </g>
   <g id="svg_eof"/>
 </svg>
diff --git a/editor/extensions/mathjax.png b/editor/extensions/mathjax.png
new file mode 100644
index 00000000..44cefccb
Binary files /dev/null and b/editor/extensions/mathjax.png differ
diff --git a/editor/extensions/mathjax/MathJax.min.js b/editor/extensions/mathjax/MathJax.min.js
new file mode 100644
index 00000000..0c3f9294
--- /dev/null
+++ b/editor/extensions/mathjax/MathJax.min.js
@@ -0,0 +1,19 @@
+/*
+ *  /MathJax.js
+ *
+ *  Copyright (c) 2009-2013 The MathJax Consortium
+ *
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+if(document.getElementById&&document.childNodes&&document.createElement){if(!(window.MathJax&&MathJax.Hub)){if(window.MathJax){window.MathJax={AuthorConfig:window.MathJax}}else{window.MathJax={}}MathJax.isPacked=true;MathJax.version="2.3";MathJax.fileversion="2.3.1";(function(d){var b=window[d];if(!b){b=window[d]={}}var f=[];var c=function(g){var h=g.constructor;if(!h){h=new Function("")}for(var i in g){if(i!=="constructor"&&g.hasOwnProperty(i)){h[i]=g[i]}}return h};var a=function(){return new Function("return arguments.callee.Init.call(this,arguments)")};var e=a();e.prototype={bug_test:1};if(!e.prototype.bug_test){a=function(){return function(){return arguments.callee.Init.call(this,arguments)}}}b.Object=c({constructor:a(),Subclass:function(g,i){var h=a();h.SUPER=this;h.Init=this.Init;h.Subclass=this.Subclass;h.Augment=this.Augment;h.protoFunction=this.protoFunction;h.can=this.can;h.has=this.has;h.isa=this.isa;h.prototype=new this(f);h.prototype.constructor=h;h.Augment(g,i);return h},Init:function(g){var h=this;if(g.length===1&&g[0]===f){return h}if(!(h instanceof g.callee)){h=new g.callee(f)}return h.Init.apply(h,g)||h},Augment:function(g,h){var i;if(g!=null){for(i in g){if(g.hasOwnProperty(i)){this.protoFunction(i,g[i])}}if(g.toString!==this.prototype.toString&&g.toString!=={}.toString){this.protoFunction("toString",g.toString)}}if(h!=null){for(i in h){if(h.hasOwnProperty(i)){this[i]=h[i]}}}return this},protoFunction:function(h,g){this.prototype[h]=g;if(typeof g==="function"){g.SUPER=this.SUPER.prototype}},prototype:{Init:function(){},SUPER:function(g){return g.callee.SUPER},can:function(g){return typeof(this[g])==="function"},has:function(g){return typeof(this[g])!=="undefined"},isa:function(g){return(g instanceof Object)&&(this instanceof g)}},can:function(g){return this.prototype.can.call(this,g)},has:function(g){return this.prototype.has.call(this,g)},isa:function(h){var g=this;while(g){if(g===h){return true}else{g=g.SUPER}}return false},SimpleSUPER:c({constructor:function(g){return this.SimpleSUPER.define(g)},define:function(g){var i={};if(g!=null){for(var h in g){if(g.hasOwnProperty(h)){i[h]=this.wrap(h,g[h])}}if(g.toString!==this.prototype.toString&&g.toString!=={}.toString){i.toString=this.wrap("toString",g.toString)}}return i},wrap:function(i,h){if(typeof(h)==="function"&&h.toString().match(/\.\s*SUPER\s*\(/)){var g=new Function(this.wrapper);g.label=i;g.original=h;h=g;g.toString=this.stringify}return h},wrapper:function(){var h=arguments.callee;this.SUPER=h.SUPER[h.label];try{var g=h.original.apply(this,arguments)}catch(i){delete this.SUPER;throw i}delete this.SUPER;return g}.toString().replace(/^\s*function\s*\(\)\s*\{\s*/i,"").replace(/\s*\}\s*$/i,""),toString:function(){return this.original.toString.apply(this.original,arguments)}})})})("MathJax");(function(BASENAME){var BASE=window[BASENAME];if(!BASE){BASE=window[BASENAME]={}}var CALLBACK=function(data){var cb=new Function("return arguments.callee.execute.apply(arguments.callee,arguments)");for(var id in CALLBACK.prototype){if(CALLBACK.prototype.hasOwnProperty(id)){if(typeof(data[id])!=="undefined"){cb[id]=data[id]}else{cb[id]=CALLBACK.prototype[id]}}}cb.toString=CALLBACK.prototype.toString;return cb};CALLBACK.prototype={isCallback:true,hook:function(){},data:[],object:window,execute:function(){if(!this.called||this.autoReset){this.called=!this.autoReset;return this.hook.apply(this.object,this.data.concat([].slice.call(arguments,0)))}},reset:function(){delete this.called},toString:function(){return this.hook.toString.apply(this.hook,arguments)}};var ISCALLBACK=function(f){return(typeof(f)==="function"&&f.isCallback)};var EVAL=function(code){return eval.call(window,code)};EVAL("var __TeSt_VaR__ = 1");if(window.__TeSt_VaR__){try{delete window.__TeSt_VaR__}catch(error){window.__TeSt_VaR__=null}}else{if(window.execScript){EVAL=function(code){BASE.__code=code;code="try {"+BASENAME+".__result = eval("+BASENAME+".__code)} catch(err) {"+BASENAME+".__result = err}";window.execScript(code);var result=BASE.__result;delete BASE.__result;delete BASE.__code;if(result instanceof Error){throw result}return result}}else{EVAL=function(code){BASE.__code=code;code="try {"+BASENAME+".__result = eval("+BASENAME+".__code)} catch(err) {"+BASENAME+".__result = err}";var head=(document.getElementsByTagName("head"))[0];if(!head){head=document.body}var script=document.createElement("script");script.appendChild(document.createTextNode(code));head.appendChild(script);head.removeChild(script);var result=BASE.__result;delete BASE.__result;delete BASE.__code;if(result instanceof Error){throw result}return result}}}var USING=function(args,i){if(arguments.length>1){if(arguments.length===2&&!(typeof arguments[0]==="function")&&arguments[0] instanceof Object&&typeof arguments[1]==="number"){args=[].slice.call(args,i)}else{args=[].slice.call(arguments,0)}}if(args instanceof Array&&args.length===1){args=args[0]}if(typeof args==="function"){if(args.execute===CALLBACK.prototype.execute){return args}return CALLBACK({hook:args})}else{if(args instanceof Array){if(typeof(args[0])==="string"&&args[1] instanceof Object&&typeof args[1][args[0]]==="function"){return CALLBACK({hook:args[1][args[0]],object:args[1],data:args.slice(2)})}else{if(typeof args[0]==="function"){return CALLBACK({hook:args[0],data:args.slice(1)})}else{if(typeof args[1]==="function"){return CALLBACK({hook:args[1],object:args[0],data:args.slice(2)})}}}}else{if(typeof(args)==="string"){return CALLBACK({hook:EVAL,data:[args]})}else{if(args instanceof Object){return CALLBACK(args)}else{if(typeof(args)==="undefined"){return CALLBACK({})}}}}}throw Error("Can't make callback from given data")};var DELAY=function(time,callback){callback=USING(callback);callback.timeout=setTimeout(callback,time);return callback};var WAITFOR=function(callback,signal){callback=USING(callback);if(!callback.called){WAITSIGNAL(callback,signal);signal.pending++}};var WAITEXECUTE=function(){var signals=this.signal;delete this.signal;this.execute=this.oldExecute;delete this.oldExecute;var result=this.execute.apply(this,arguments);if(ISCALLBACK(result)&&!result.called){WAITSIGNAL(result,signals)}else{for(var i=0,m=signals.length;i<m;i++){signals[i].pending--;if(signals[i].pending<=0){signals[i].call()}}}};var WAITSIGNAL=function(callback,signals){if(!(signals instanceof Array)){signals=[signals]}if(!callback.signal){callback.oldExecute=callback.execute;callback.execute=WAITEXECUTE;callback.signal=signals}else{if(signals.length===1){callback.signal.push(signals[0])}else{callback.signal=callback.signal.concat(signals)}}};var AFTER=function(callback){callback=USING(callback);callback.pending=0;for(var i=1,m=arguments.length;i<m;i++){if(arguments[i]){WAITFOR(arguments[i],callback)}}if(callback.pending===0){var result=callback();if(ISCALLBACK(result)){callback=result}}return callback};var HOOKS=MathJax.Object.Subclass({Init:function(reset){this.hooks=[];this.reset=reset},Add:function(hook,priority){if(priority==null){priority=10}if(!ISCALLBACK(hook)){hook=USING(hook)}hook.priority=priority;var i=this.hooks.length;while(i>0&&priority<this.hooks[i-1].priority){i--}this.hooks.splice(i,0,hook);return hook},Remove:function(hook){for(var i=0,m=this.hooks.length;i<m;i++){if(this.hooks[i]===hook){this.hooks.splice(i,1);return}}},Execute:function(){var callbacks=[{}];for(var i=0,m=this.hooks.length;i<m;i++){if(this.reset){this.hooks[i].reset()}var result=this.hooks[i].apply(window,arguments);if(ISCALLBACK(result)&&!result.called){callbacks.push(result)}}if(callbacks.length===1){return null}if(callbacks.length===2){return callbacks[1]}return AFTER.apply({},callbacks)}});var EXECUTEHOOKS=function(hooks,data,reset){if(!hooks){return null}if(!(hooks instanceof Array)){hooks=[hooks]}if(!(data instanceof Array)){data=(data==null?[]:[data])}var handler=HOOKS(reset);for(var i=0,m=hooks.length;i<m;i++){handler.Add(hooks[i])}return handler.Execute.apply(handler,data)};var QUEUE=BASE.Object.Subclass({Init:function(){this.pending=0;this.running=0;this.queue=[];this.Push.apply(this,arguments)},Push:function(){var callback;for(var i=0,m=arguments.length;i<m;i++){callback=USING(arguments[i]);if(callback===arguments[i]&&!callback.called){callback=USING(["wait",this,callback])}this.queue.push(callback)}if(!this.running&&!this.pending){this.Process()}return callback},Process:function(queue){while(!this.running&&!this.pending&&this.queue.length){var callback=this.queue[0];queue=this.queue.slice(1);this.queue=[];this.Suspend();var result=callback();this.Resume();if(queue.length){this.queue=queue.concat(this.queue)}if(ISCALLBACK(result)&&!result.called){WAITFOR(result,this)}}},Suspend:function(){this.running++},Resume:function(){if(this.running){this.running--}},call:function(){this.Process.apply(this,arguments)},wait:function(callback){return callback}});var SIGNAL=QUEUE.Subclass({Init:function(name){QUEUE.prototype.Init.call(this);this.name=name;this.posted=[];this.listeners=HOOKS(true)},Post:function(message,callback,forget){callback=USING(callback);if(this.posting||this.pending){this.Push(["Post",this,message,callback,forget])}else{this.callback=callback;callback.reset();if(!forget){this.posted.push(message)}this.Suspend();this.posting=true;var result=this.listeners.Execute(message);if(ISCALLBACK(result)&&!result.called){WAITFOR(result,this)}this.Resume();delete this.posting;if(!this.pending){this.call()}}return callback},Clear:function(callback){callback=USING(callback);if(this.posting||this.pending){callback=this.Push(["Clear",this,callback])}else{this.posted=[];callback()}return callback},call:function(){this.callback(this);this.Process()},Interest:function(callback,ignorePast,priority){callback=USING(callback);this.listeners.Add(callback,priority);if(!ignorePast){for(var i=0,m=this.posted.length;i<m;i++){callback.reset();var result=callback(this.posted[i]);if(ISCALLBACK(result)&&i===this.posted.length-1){WAITFOR(result,this)}}}return callback},NoInterest:function(callback){this.listeners.Remove(callback)},MessageHook:function(msg,callback,priority){callback=USING(callback);if(!this.hooks){this.hooks={};this.Interest(["ExecuteHooks",this])}if(!this.hooks[msg]){this.hooks[msg]=HOOKS(true)}this.hooks[msg].Add(callback,priority);for(var i=0,m=this.posted.length;i<m;i++){if(this.posted[i]==msg){callback.reset();callback(this.posted[i])}}return callback},ExecuteHooks:function(msg,more){var type=((msg instanceof Array)?msg[0]:msg);if(!this.hooks[type]){return null}return this.hooks[type].Execute(msg)}},{signals:{},find:function(name){if(!SIGNAL.signals[name]){SIGNAL.signals[name]=new SIGNAL(name)}return SIGNAL.signals[name]}});BASE.Callback=BASE.CallBack=USING;BASE.Callback.Delay=DELAY;BASE.Callback.After=AFTER;BASE.Callback.Queue=QUEUE;BASE.Callback.Signal=SIGNAL.find;BASE.Callback.Hooks=HOOKS;BASE.Callback.ExecuteHooks=EXECUTEHOOKS})("MathJax");(function(d){var a=window[d];if(!a){a=window[d]={}}var c=(navigator.vendor==="Apple Computer, Inc."&&typeof navigator.vendorSub==="undefined");var f=0;var g=function(h){if(document.styleSheets&&document.styleSheets.length>f){f=document.styleSheets.length}if(!h){h=(document.getElementsByTagName("head"))[0];if(!h){h=document.body}}return h};var e=[];var b=function(){for(var j=0,h=e.length;j<h;j++){a.Ajax.head.removeChild(e[j])}e=[]};a.Ajax={loaded:{},loading:{},loadHooks:{},timeout:15*1000,styleDelay:1,config:{root:""},STATUS:{OK:1,ERROR:-1},rootPattern:new RegExp("^\\["+d+"\\]"),fileURL:function(h){return h.replace(this.rootPattern,this.config.root)},Require:function(j,m){m=a.Callback(m);var k;if(j instanceof Object){for(var h in j){if(j.hasOwnProperty(h)){k=h.toUpperCase();j=j[h]}}}else{k=j.split(/\./).pop().toUpperCase()}j=this.fileURL(j);if(this.loaded[j]){m(this.loaded[j])}else{var l={};l[k]=j;this.Load(l,m)}return m},Load:function(j,l){l=a.Callback(l);var k;if(j instanceof Object){for(var h in j){if(j.hasOwnProperty(h)){k=h.toUpperCase();j=j[h]}}}else{k=j.split(/\./).pop().toUpperCase()}j=this.fileURL(j);if(this.loading[j]){this.addHook(j,l)}else{this.head=g(this.head);if(this.loader[k]){this.loader[k].call(this,j,l)}else{throw Error("Can't load files of type "+k)}}return l},LoadHook:function(k,l,j){l=a.Callback(l);if(k instanceof Object){for(var h in k){if(k.hasOwnProperty(h)){k=k[h]}}}k=this.fileURL(k);if(this.loaded[k]){l(this.loaded[k])}else{this.addHook(k,l,j)}return l},addHook:function(i,j,h){if(!this.loadHooks[i]){this.loadHooks[i]=MathJax.Callback.Hooks()}this.loadHooks[i].Add(j,h)},Preloading:function(){for(var k=0,h=arguments.length;k<h;k++){var j=this.fileURL(arguments[k]);if(!this.loading[j]){this.loading[j]={preloaded:true}}}},loader:{JS:function(i,k){var h=document.createElement("script");var j=a.Callback(["loadTimeout",this,i]);this.loading[i]={callback:k,timeout:setTimeout(j,this.timeout),status:this.STATUS.OK,script:h};this.loading[i].message=a.Message.File(i);h.onerror=j;h.type="text/javascript";h.src=i;this.head.appendChild(h)},CSS:function(h,j){var i=document.createElement("link");i.rel="stylesheet";i.type="text/css";i.href=h;this.loading[h]={callback:j,message:a.Message.File(h),status:this.STATUS.OK};this.head.appendChild(i);this.timer.create.call(this,[this.timer.file,h],i)}},timer:{create:function(i,h){i=a.Callback(i);if(h.nodeName==="STYLE"&&h.styleSheet&&typeof(h.styleSheet.cssText)!=="undefined"){i(this.STATUS.OK)}else{if(window.chrome&&h.nodeName==="LINK"){i(this.STATUS.OK)}else{if(c){this.timer.start(this,[this.timer.checkSafari2,f++,i],this.styleDelay)}else{this.timer.start(this,[this.timer.checkLength,h,i],this.styleDelay)}}}return i},start:function(i,h,j,k){h=a.Callback(h);h.execute=this.execute;h.time=this.time;h.STATUS=i.STATUS;h.timeout=k||i.timeout;h.delay=h.total=j||0;if(j){setTimeout(h,j)}else{h()}},time:function(h){this.total+=this.delay;this.delay=Math.floor(this.delay*1.05+5);if(this.total>=this.timeout){h(this.STATUS.ERROR);return 1}return 0},file:function(i,h){if(h<0){a.Ajax.loadTimeout(i)}else{a.Ajax.loadComplete(i)}},execute:function(){this.hook.call(this.object,this,this.data[0],this.data[1])},checkSafari2:function(h,i,j){if(h.time(j)){return}if(document.styleSheets.length>i&&document.styleSheets[i].cssRules&&document.styleSheets[i].cssRules.length){j(h.STATUS.OK)}else{setTimeout(h,h.delay)}},checkLength:function(h,k,m){if(h.time(m)){return}var l=0;var i=(k.sheet||k.styleSheet);try{if((i.cssRules||i.rules||[]).length>0){l=1}}catch(j){if(j.message.match(/protected variable|restricted URI/)){l=1}else{if(j.message.match(/Security error/)){l=1}}}if(l){setTimeout(a.Callback([m,h.STATUS.OK]),0)}else{setTimeout(h,h.delay)}}},loadComplete:function(h){h=this.fileURL(h);var i=this.loading[h];if(i&&!i.preloaded){a.Message.Clear(i.message);clearTimeout(i.timeout);if(i.script){if(e.length===0){setTimeout(b,0)}e.push(i.script)}this.loaded[h]=i.status;delete this.loading[h];this.addHook(h,i.callback)}else{if(i){delete this.loading[h]}this.loaded[h]=this.STATUS.OK;i={status:this.STATUS.OK}}if(!this.loadHooks[h]){return null}return this.loadHooks[h].Execute(i.status)},loadTimeout:function(h){if(this.loading[h].timeout){clearTimeout(this.loading[h].timeout)}this.loading[h].status=this.STATUS.ERROR;this.loadError(h);this.loadComplete(h)},loadError:function(h){a.Message.Set(["LoadFailed","File failed to load: %1",h],null,2000);a.Hub.signal.Post(["file load error",h])},Styles:function(j,k){var h=this.StyleString(j);if(h===""){k=a.Callback(k);k()}else{var i=document.createElement("style");i.type="text/css";this.head=g(this.head);this.head.appendChild(i);if(i.styleSheet&&typeof(i.styleSheet.cssText)!=="undefined"){i.styleSheet.cssText=h}else{i.appendChild(document.createTextNode(h))}k=this.timer.create.call(this,k,i)}return k},StyleString:function(m){if(typeof(m)==="string"){return m}var j="",n,l;for(n in m){if(m.hasOwnProperty(n)){if(typeof m[n]==="string"){j+=n+" {"+m[n]+"}\n"}else{if(m[n] instanceof Array){for(var k=0;k<m[n].length;k++){l={};l[n]=m[n][k];j+=this.StyleString(l)}}else{if(n.substr(0,6)==="@media"){j+=n+" {"+this.StyleString(m[n])+"}\n"}else{if(m[n]!=null){l=[];for(var h in m[n]){if(m[n].hasOwnProperty(h)){if(m[n][h]!=null){l[l.length]=h+": "+m[n][h]}}}j+=n+" {"+l.join("; ")+"}\n"}}}}}}return j}}})("MathJax");MathJax.HTML={Element:function(c,e,d){var f=document.createElement(c);if(e){if(e.style){var b=e.style;e.style={};for(var g in b){if(b.hasOwnProperty(g)){e.style[g.replace(/-([a-z])/g,this.ucMatch)]=b[g]}}}MathJax.Hub.Insert(f,e)}if(d){if(!(d instanceof Array)){d=[d]}for(var a=0;a<d.length;a++){if(d[a] instanceof Array){f.appendChild(this.Element(d[a][0],d[a][1],d[a][2]))}else{if(c==="script"){this.setScript(f,d[a])}else{f.appendChild(document.createTextNode(d[a]))}}}}return f},ucMatch:function(a,b){return b.toUpperCase()},addElement:function(b,a,d,c){return b.appendChild(this.Element(a,d,c))},TextNode:function(a){return document.createTextNode(a)},addText:function(a,b){return a.appendChild(this.TextNode(b))},setScript:function(a,b){if(this.setScriptBug){a.text=b}else{while(a.firstChild){a.removeChild(a.firstChild)}this.addText(a,b)}},getScript:function(a){var b=(a.text===""?a.innerHTML:a.text);return b.replace(/^\s+/,"").replace(/\s+$/,"")},Cookie:{prefix:"mjx",expires:365,Set:function(a,e){var d=[];if(e){for(var g in e){if(e.hasOwnProperty(g)){d.push(g+":"+e[g].toString().replace(/&/g,"&&"))}}}var b=this.prefix+"."+a+"="+escape(d.join("&;"));if(this.expires){var f=new Date();f.setDate(f.getDate()+this.expires);b+="; expires="+f.toGMTString()}try{document.cookie=b+"; path=/"}catch(c){}},Get:function(c,h){if(!h){h={}}var g=new RegExp("(?:^|;\\s*)"+this.prefix+"\\."+c+"=([^;]*)(?:;|$)");var b=g.exec(document.cookie);if(b&&b[1]!==""){var e=unescape(b[1]).split("&;");for(var d=0,a=e.length;d<a;d++){b=e[d].match(/([^:]+):(.*)/);var f=b[2].replace(/&&/g,"&");if(f==="true"){f=true}else{if(f==="false"){f=false}else{if(f.match(/^-?(\d+(\.\d+)?|\.\d+)$/)){f=parseFloat(f)}}}h[b[1]]=f}}return h}}};MathJax.Localization={locale:"en",directory:"[MathJax]/localization",strings:{br:{menuTitle:"brezhoneg"},cdo:{menuTitle:"M\u00ECng-d\u0115\u0324ng-ng\u1E73\u0304"},cs:{menuTitle:"\u010Desky"},da:{menuTitle:"dansk"},de:{menuTitle:"Deutsch"},en:{menuTitle:"English",isLoaded:true},eo:{menuTitle:"Esperanto"},es:{menuTitle:"espa\u00F1ol"},fa:{menuTitle:"\u0641\u0627\u0631\u0633\u06CC"},fi:{menuTitle:"suomi"},fr:{menuTitle:"fran\u00E7ais"},gl:{menuTitle:"galego"},he:{menuTitle:"\u05E2\u05D1\u05E8\u05D9\u05EA"},ia:{menuTitle:"interlingua"},it:{menuTitle:"italiano"},ja:{menuTitle:"\u65E5\u672C\u8A9E"},ko:{menuTitle:"\uD55C\uAD6D\uC5B4"},lb:{menuTitle:"L\u00EBtzebuergesch"},mk:{menuTitle:"\u043C\u0430\u043A\u0435\u0434\u043E\u043D\u0441\u043A\u0438"},nl:{menuTitle:"Nederlands"},oc:{menuTitle:"occitan"},pl:{menuTitle:"polski"},"pt-br":{menuTitle:"portugu\u00EAs do Brasil"},pt:{menuTitle:"portugus\u00EA"},ru:{menuTitle:"\u0440\u0443\u0441\u0441\u043A\u0438\u0439"},sl:{menuTitle:"sloven\u0161\u010Dina"},sv:{menuTitle:"svenska"},tr:{menuTitle:"T\u00FCrk\u00E7e"},uk:{menuTitle:"\u0443\u043A\u0440\u0430\u0457\u043D\u0441\u044C\u043A\u0430"},"zh-hans":{menuTitle:"\u4E2D\u6587\uFF08\u7B80\u4F53\uFF09"}},pattern:/%(\d+|\{\d+\}|\{[a-z]+:\%\d+(?:\|(?:%\{\d+\}|%.|[^\}])*)+\}|.)/g,SPLIT:("axb".split(/(x)/).length===3?function(a,b){return a.split(b)}:function(c,e){var a=[],b,d=0;e.lastIndex=0;while(b=e.exec(c)){a.push(c.substr(d,b.index));a.push.apply(a,b.slice(1));d=b.index+b[0].length}a.push(c.substr(d));return a}),_:function(b,a){if(a instanceof Array){return this.processSnippet(b,a)}return this.processString(this.lookupPhrase(b,a),[].slice.call(arguments,2))},processString:function(l,o,g){var j,e;for(j=0,e=o.length;j<e;j++){if(g&&o[j] instanceof Array){o[j]=this.processSnippet(g,o[j])}}var f=this.SPLIT(l,this.pattern);for(j=1,e=f.length;j<e;j+=2){var p=f[j].charAt(0);if(p>="0"&&p<="9"){f[j]=o[f[j]-1];if(typeof f[j]==="number"){f[j]=this.number(f[j])}}else{if(p==="{"){p=f[j].substr(1);if(p>="0"&&p<="9"){f[j]=o[f[j].substr(1,f[j].length-2)-1];if(typeof f[j]==="number"){f[j]=this.number(f[j])}}else{var k=f[j].match(/^\{([a-z]+):%(\d+)\|(.*)\}$/);if(k){if(k[1]==="plural"){var d=o[k[2]-1];if(typeof d==="undefined"){f[j]="???"}else{d=this.plural(d)-1;var h=k[3].replace(/(^|[^%])(%%)*%\|/g,"$1$2%\uEFEF").split(/\|/);if(d>=0&&d<h.length){f[j]=this.processString(h[d].replace(/\uEFEF/g,"|"),o,g)}else{f[j]="???"}}}else{f[j]="%"+f[j]}}}}}if(f[j]==null){f[j]="???"}}if(!g){return f.join("")}var a=[],b="";for(j=0;j<e;j++){b+=f[j];j++;if(j<e){if(f[j] instanceof Array){a.push(b);a=a.concat(f[j]);b=""}else{b+=f[j]}}}if(b!==""){a.push(b)}return a},processSnippet:function(g,e){var c=[];for(var d=0,b=e.length;d<b;d++){if(e[d] instanceof Array){var f=e[d];if(typeof f[1]==="string"){var h=f[0];if(!(h instanceof Array)){h=[g,h]}var a=this.lookupPhrase(h,f[1]);c=c.concat(this.processMarkdown(a,f.slice(2),g))}else{if(f[1] instanceof Array){c=c.concat(this.processSnippet.apply(this,f))}else{if(f.length>=3){c.push([f[0],f[1],this.processSnippet(g,f[2])])}else{c.push(e[d])}}}}else{c.push(e[d])}}return c},markdownPattern:/(%.)|(\*{1,3})((?:%.|.)+?)\2|(`+)((?:%.|.)+?)\4|\[((?:%.|.)+?)\]\(([^\s\)]+)\)/,processMarkdown:function(b,h,d){var j=[],e;var c=b.split(this.markdownPattern);var g=c[0];for(var f=1,a=c.length;f<a;f+=8){if(c[f+1]){e=this.processString(c[f+2],h,d);if(!(e instanceof Array)){e=[e]}e=[["b","i","i"][c[f+1].length-1],{},e];if(c[f+1].length===3){e=["b",{},e]}}else{if(c[f+3]){e=this.processString(c[f+4].replace(/^\s/,"").replace(/\s$/,""),h,d);if(!(e instanceof Array)){e=[e]}e=["code",{},e]}else{if(c[f+5]){e=this.processString(c[f+5],h,d);if(!(e instanceof Array)){e=[e]}e=["a",{href:this.processString(c[f+6],h),target:"_blank"},e]}else{g+=c[f];e=null}}}if(e){j=this.concatString(j,g,h,d);j.push(e);g=""}if(c[f+7]!==""){g+=c[f+7]}}j=this.concatString(j,g,h,d);return j},concatString:function(a,c,b,d){if(c!=""){c=this.processString(c,b,d);if(!(c instanceof Array)){c=[c]}a=a.concat(c)}return a},lookupPhrase:function(f,a,d){if(!d){d="_"}if(f instanceof Array){d=(f[0]||"_");f=(f[1]||"")}var c=this.loadDomain(d);if(c){MathJax.Hub.RestartAfter(c)}var b=this.strings[this.locale];if(b){if(b.domains&&d in b.domains){var e=b.domains[d];if(e.strings&&f in e.strings){a=e.strings[f]}}}return a},loadFile:function(b,d,e){e=MathJax.Callback(e||{});b=(d.file||b);if(!b.match(/\.js$/)){b+=".js"}if(!b.match(/^([a-z]+:|\[MathJax\])/)){var a=(this.strings[this.locale].directory||this.directory+"/"+this.locale||"[MathJax]/localization/"+this.locale);b=a+"/"+b}var c=MathJax.Ajax.Require(b,function(){d.isLoaded=true;return e()});return(c.called?null:c)},loadDomain:function(c,e){var b,a=this.strings[this.locale];if(a){if(!a.isLoaded){b=this.loadFile(this.locale,a);if(b){return MathJax.Callback.Queue(b,["loadDomain",this,c]).Push(e)}}if(a.domains&&c in a.domains){var d=a.domains[c];if(!d.isLoaded){b=this.loadFile(c,d);if(b){return MathJax.Callback.Queue(b).Push(e)}}}}return MathJax.Callback(e)()},Try:function(a){a=MathJax.Callback(a);a.autoReset=true;try{a()}catch(b){if(!b.restart){throw b}MathJax.Callback.After(["Try",this,a],b.restart)}},resetLocale:function(a){if(!a){return}a=a.toLowerCase();while(!this.strings[a]){var c=a.lastIndexOf("-");if(c===-1){return}a=a.substring(0,c)}var b=this.strings[a].remap;this.locale=b?b:a},setLocale:function(a){this.resetLocale(a);if(MathJax.Menu){this.loadDomain("MathMenu")}},addTranslation:function(b,e,c){var d=this.strings[b],a=false;if(!d){d=this.strings[b]={};a=true}if(!d.domains){d.domains={}}if(e){if(!d.domains[e]){d.domains[e]={}}d=d.domains[e]}MathJax.Hub.Insert(d,c);if(a&&MathJax.Menu.menu){MathJax.Menu.CreateLocaleMenu()}},setCSS:function(b){var a=this.strings[this.locale];if(a){if(a.fontFamily){b.style.fontFamily=a.fontFamily}if(a.fontDirection){b.style.direction=a.fontDirection;if(a.fontDirection==="rtl"){b.style.textAlign="right"}}}return b},fontFamily:function(){var a=this.strings[this.locale];return(a?a.fontFamily:null)},fontDirection:function(){var a=this.strings[this.locale];return(a?a.fontDirection:null)},plural:function(b){var a=this.strings[this.locale];if(a&&a.plural){return a.plural(b)}if(b==1){return 1}return 2},number:function(b){var a=this.strings[this.locale];if(a&&a.number){return a.number(b)}return b}};MathJax.Message={ready:false,log:[{}],current:null,textNodeBug:(navigator.vendor==="Apple Computer, Inc."&&typeof navigator.vendorSub==="undefined")||(window.hasOwnProperty&&window.hasOwnProperty("konqueror")),styles:{"#MathJax_Message":{position:"fixed",left:"1px",bottom:"2px","background-color":"#E6E6E6",border:"1px solid #959595",margin:"0px",padding:"2px 8px","z-index":"102",color:"black","font-size":"80%",width:"auto","white-space":"nowrap"},"#MathJax_MSIE_Frame":{position:"absolute",top:0,left:0,width:"0px","z-index":101,border:"0px",margin:"0px",padding:"0px"}},browsers:{MSIE:function(a){MathJax.Hub.config.styles["#MathJax_Message"].position="absolute";MathJax.Message.quirks=(document.compatMode==="BackCompat")},Chrome:function(a){MathJax.Hub.config.styles["#MathJax_Message"].bottom="1.5em";MathJax.Hub.config.styles["#MathJax_Message"].left="1em"}},Init:function(a){if(a){this.ready=true}if(!document.body||!this.ready){return false}if(this.div&&this.div.parentNode==null){this.div=document.getElementById("MathJax_Message");if(this.div){this.text=this.div.firstChild}}if(!this.div){var b=document.body;if(MathJax.Hub.Browser.isMSIE){b=this.frame=this.addDiv(document.body);b.removeAttribute("id");b.style.position="absolute";b.style.border=b.style.margin=b.style.padding="0px";b.style.zIndex="101";b.style.height="0px";b=this.addDiv(b);b.id="MathJax_MSIE_Frame";window.attachEvent("onscroll",this.MoveFrame);window.attachEvent("onresize",this.MoveFrame);this.MoveFrame()}this.div=this.addDiv(b);this.div.style.display="none";this.text=this.div.appendChild(document.createTextNode(""))}return true},addDiv:function(a){var b=document.createElement("div");b.id="MathJax_Message";if(a.firstChild){a.insertBefore(b,a.firstChild)}else{a.appendChild(b)}return b},MoveFrame:function(){var a=(MathJax.Message.quirks?document.body:document.documentElement);var b=MathJax.Message.frame;b.style.left=a.scrollLeft+"px";b.style.top=a.scrollTop+"px";b.style.width=a.clientWidth+"px";b=b.firstChild;b.style.height=a.clientHeight+"px"},localize:function(a){return MathJax.Localization._(a,a)},filterText:function(a,c,b){if(MathJax.Hub.config.messageStyle==="simple"){if(b==="LoadFile"){if(!this.loading){this.loading=this.localize("Loading")+" "}a=this.loading;this.loading+="."}else{if(b==="ProcessMath"){if(!this.processing){this.processing=this.localize("Processing")+" "}a=this.processing;this.processing+="."}else{if(b==="TypesetMath"){if(!this.typesetting){this.typesetting=this.localize("Typesetting")+" "}a=this.typesetting;this.typesetting+="."}}}}return a},Set:function(c,e,b){if(e==null){e=this.log.length;this.log[e]={}}var d="";if(c instanceof Array){d=c[0];if(d instanceof Array){d=d[1]}try{c=MathJax.Localization._.apply(MathJax.Localization,c)}catch(a){if(!a.restart){throw a}if(!a.restart.called){if(this.log[e].restarted==null){this.log[e].restarted=0}this.log[e].restarted++;delete this.log[e].cleared;MathJax.Callback.After(["Set",this,c,e,b],a.restart);return e}}}if(this.timer){clearTimeout(this.timer);delete this.timer}this.log[e].text=c;this.log[e].filteredText=c=this.filterText(c,e,d);if(typeof(this.log[e].next)==="undefined"){this.log[e].next=this.current;if(this.current!=null){this.log[this.current].prev=e}this.current=e}if(this.current===e&&MathJax.Hub.config.messageStyle!=="none"){if(this.Init()){if(this.textNodeBug){this.div.innerHTML=c}else{this.text.nodeValue=c}this.div.style.display="";if(this.status){window.status="";delete this.status}}else{window.status=c;this.status=true}}if(this.log[e].restarted){if(this.log[e].cleared){b=0}if(--this.log[e].restarted===0){delete this.log[e].cleared}}if(b){setTimeout(MathJax.Callback(["Clear",this,e]),b)}else{if(b==0){this.Clear(e,0)}}return e},Clear:function(b,a){if(this.log[b].prev!=null){this.log[this.log[b].prev].next=this.log[b].next}if(this.log[b].next!=null){this.log[this.log[b].next].prev=this.log[b].prev}if(this.current===b){this.current=this.log[b].next;if(this.text){if(this.div.parentNode==null){this.Init()}if(this.current==null){if(this.timer){clearTimeout(this.timer);delete this.timer}if(a==null){a=600}if(a===0){this.Remove()}else{this.timer=setTimeout(MathJax.Callback(["Remove",this]),a)}}else{if(MathJax.Hub.config.messageStyle!=="none"){if(this.textNodeBug){this.div.innerHTML=this.log[this.current].filteredText}else{this.text.nodeValue=this.log[this.current].filteredText}}}if(this.status){window.status="";delete this.status}}else{if(this.status){window.status=(this.current==null?"":this.log[this.current].text)}}}delete this.log[b].next;delete this.log[b].prev;delete this.log[b].filteredText;if(this.log[b].restarted){this.log[b].cleared=true}},Remove:function(){this.text.nodeValue="";this.div.style.display="none"},File:function(b){var a=MathJax.Ajax.config.root;if(b.substr(0,a.length)===a){b="[MathJax]"+b.substr(a.length)}return this.Set(["LoadFile","Loading %1",b],null,null)},Log:function(){var b=[];for(var c=1,a=this.log.length;c<a;c++){b[c]=this.log[c].text}return b.join("\n")}};MathJax.Hub={config:{root:"",config:[],styleSheets:[],styles:{".MathJax_Preview":{color:"#888"}},jax:[],extensions:[],preJax:null,postJax:null,displayAlign:"center",displayIndent:"0",preRemoveClass:"MathJax_Preview",showProcessingMessages:true,messageStyle:"normal",delayStartupUntil:"none",skipStartupTypeset:false,elements:[],positionToHash:true,showMathMenu:true,showMathMenuMSIE:true,menuSettings:{zoom:"None",CTRL:false,ALT:false,CMD:false,Shift:false,discoverable:false,zscale:"200%",renderer:"",font:"Auto",context:"MathJax",locale:"en",mpContext:false,mpMouse:false,texHints:true},errorSettings:{message:["[",["MathProcessingError","Math Processing Error"],"]"],style:{color:"#CC0000","font-style":"italic"}}},preProcessors:MathJax.Callback.Hooks(true),inputJax:{},outputJax:{order:{}},processUpdateTime:250,processUpdateDelay:10,signal:MathJax.Callback.Signal("Hub"),Config:function(a){this.Insert(this.config,a);if(this.config.Augment){this.Augment(this.config.Augment)}},CombineConfig:function(c,f){var b=this.config,g,e;c=c.split(/\./);for(var d=0,a=c.length;d<a;d++){g=c[d];if(!b[g]){b[g]={}}e=b;b=b[g]}e[g]=b=this.Insert(f,b);return b},Register:{PreProcessor:function(){MathJax.Hub.preProcessors.Add.apply(MathJax.Hub.preProcessors,arguments)},MessageHook:function(){return MathJax.Hub.signal.MessageHook.apply(MathJax.Hub.signal,arguments)},StartupHook:function(){return MathJax.Hub.Startup.signal.MessageHook.apply(MathJax.Hub.Startup.signal,arguments)},LoadHook:function(){return MathJax.Ajax.LoadHook.apply(MathJax.Ajax,arguments)}},getAllJax:function(e){var c=[],b=this.elementScripts(e);for(var d=0,a=b.length;d<a;d++){if(b[d].MathJax&&b[d].MathJax.elementJax){c.push(b[d].MathJax.elementJax)}}return c},getJaxByType:function(f,e){var c=[],b=this.elementScripts(e);for(var d=0,a=b.length;d<a;d++){if(b[d].MathJax&&b[d].MathJax.elementJax&&b[d].MathJax.elementJax.mimeType===f){c.push(b[d].MathJax.elementJax)}}return c},getJaxByInputType:function(f,e){var c=[],b=this.elementScripts(e);for(var d=0,a=b.length;d<a;d++){if(b[d].MathJax&&b[d].MathJax.elementJax&&b[d].type&&b[d].type.replace(/ *;(.|\s)*/,"")===f){c.push(b[d].MathJax.elementJax)}}return c},getJaxFor:function(a){if(typeof(a)==="string"){a=document.getElementById(a)}if(a&&a.MathJax){return a.MathJax.elementJax}if(a&&a.isMathJax){while(a&&!a.jaxID){a=a.parentNode}if(a){return MathJax.OutputJax[a.jaxID].getJaxFromMath(a)}}return null},isJax:function(a){if(typeof(a)==="string"){a=document.getElementById(a)}if(a&&a.isMathJax){return 1}if(a&&a.tagName!=null&&a.tagName.toLowerCase()==="script"){if(a.MathJax){return(a.MathJax.state===MathJax.ElementJax.STATE.PROCESSED?1:-1)}if(a.type&&this.inputJax[a.type.replace(/ *;(.|\s)*/,"")]){return -1}}return 0},setRenderer:function(d,c){if(!d){return}if(!MathJax.OutputJax[d]){this.config.menuSettings.renderer="";var b="[MathJax]/jax/output/"+d+"/config.js";return MathJax.Ajax.Require(b,["setRenderer",this,d,c])}else{this.config.menuSettings.renderer=d;if(c==null){c="jax/mml"}var a=this.outputJax;if(a[c]&&a[c].length){if(d!==a[c][0].id){a[c].unshift(MathJax.OutputJax[d]);return this.signal.Post(["Renderer Selected",d])}}return null}},Queue:function(){return this.queue.Push.apply(this.queue,arguments)},Typeset:function(e,f){if(!MathJax.isReady){return null}var c=this.elementCallback(e,f);var b=MathJax.Callback.Queue();for(var d=0,a=c.elements.length;d<a;d++){if(c.elements[d]){b.Push(["PreProcess",this,c.elements[d]],["Process",this,c.elements[d]])}}return b.Push(c.callback)},PreProcess:function(e,f){var c=this.elementCallback(e,f);var b=MathJax.Callback.Queue();for(var d=0,a=c.elements.length;d<a;d++){if(c.elements[d]){b.Push(["Post",this.signal,["Begin PreProcess",c.elements[d]]],(arguments.callee.disabled?{}:["Execute",this.preProcessors,c.elements[d]]),["Post",this.signal,["End PreProcess",c.elements[d]]])}}return b.Push(c.callback)},Process:function(a,b){return this.takeAction("Process",a,b)},Update:function(a,b){return this.takeAction("Update",a,b)},Reprocess:function(a,b){return this.takeAction("Reprocess",a,b)},Rerender:function(a,b){return this.takeAction("Rerender",a,b)},takeAction:function(g,e,h){var c=this.elementCallback(e,h);var b=MathJax.Callback.Queue(["Clear",this.signal]);for(var d=0,a=c.elements.length;d<a;d++){if(c.elements[d]){var f={scripts:[],start:new Date().getTime(),i:0,j:0,jax:{},jaxIDs:[]};b.Push(["Post",this.signal,["Begin "+g,c.elements[d]]],["Post",this.signal,["Begin Math",c.elements[d],g]],["prepareScripts",this,g,c.elements[d],f],["Post",this.signal,["Begin Math Input",c.elements[d],g]],["processInput",this,f],["Post",this.signal,["End Math Input",c.elements[d],g]],["prepareOutput",this,f,"preProcess"],["Post",this.signal,["Begin Math Output",c.elements[d],g]],["processOutput",this,f],["Post",this.signal,["End Math Output",c.elements[d],g]],["prepareOutput",this,f,"postProcess"],["Post",this.signal,["End Math",c.elements[d],g]],["Post",this.signal,["End "+g,c.elements[d]]])}}return b.Push(c.callback)},scriptAction:{Process:function(a){},Update:function(b){var a=b.MathJax.elementJax;if(a&&a.needsUpdate()){a.Remove(true);b.MathJax.state=a.STATE.UPDATE}else{b.MathJax.state=a.STATE.PROCESSED}},Reprocess:function(b){var a=b.MathJax.elementJax;if(a){a.Remove(true);b.MathJax.state=a.STATE.UPDATE}},Rerender:function(b){var a=b.MathJax.elementJax;if(a){a.Remove(true);b.MathJax.state=a.STATE.OUTPUT}}},prepareScripts:function(h,e,g){if(arguments.callee.disabled){return}var b=this.elementScripts(e);var f=MathJax.ElementJax.STATE;for(var d=0,a=b.length;d<a;d++){var c=b[d];if(c.type&&this.inputJax[c.type.replace(/ *;(.|\n)*/,"")]){if(c.MathJax){if(c.MathJax.elementJax&&c.MathJax.elementJax.hover){MathJax.Extension.MathEvents.Hover.ClearHover(c.MathJax.elementJax)}if(c.MathJax.state!==f.PENDING){this.scriptAction[h](c)}}if(!c.MathJax){c.MathJax={state:f.PENDING}}if(c.MathJax.state!==f.PROCESSED){g.scripts.push(c)}}}},checkScriptSiblings:function(a){if(a.MathJax.checked){return}var b=this.config,f=a.previousSibling;if(f&&f.nodeName==="#text"){var d,e,c=a.nextSibling;if(c&&c.nodeName!=="#text"){c=null}if(b.preJax){if(typeof(b.preJax)==="string"){b.preJax=new RegExp(b.preJax+"$")}d=f.nodeValue.match(b.preJax)}if(b.postJax&&c){if(typeof(b.postJax)==="string"){b.postJax=new RegExp("^"+b.postJax)}e=c.nodeValue.match(b.postJax)}if(d&&(!b.postJax||e)){f.nodeValue=f.nodeValue.replace(b.preJax,(d.length>1?d[1]:""));f=null}if(e&&(!b.preJax||d)){c.nodeValue=c.nodeValue.replace(b.postJax,(e.length>1?e[1]:""))}if(f&&!f.nodeValue.match(/\S/)){f=f.previousSibling}}if(b.preRemoveClass&&f&&f.className===b.preRemoveClass){a.MathJax.preview=f}a.MathJax.checked=1},processInput:function(a){var b,i=MathJax.ElementJax.STATE;var h,e,d=a.scripts.length;try{while(a.i<d){h=a.scripts[a.i];if(!h){a.i++;continue}e=h.previousSibling;if(e&&e.className==="MathJax_Error"){e.parentNode.removeChild(e)}if(!h.MathJax||h.MathJax.state===i.PROCESSED){a.i++;continue}if(!h.MathJax.elementJax||h.MathJax.state===i.UPDATE){this.checkScriptSiblings(h);var g=h.type.replace(/ *;(.|\s)*/,"");b=this.inputJax[g].Process(h,a);if(typeof b==="function"){if(b.called){continue}this.RestartAfter(b)}b.Attach(h,this.inputJax[g].id);this.saveScript(b,a,h,i)}else{if(h.MathJax.state===i.OUTPUT){this.saveScript(h.MathJax.elementJax,a,h,i)}}a.i++;var c=new Date().getTime();if(c-a.start>this.processUpdateTime&&a.i<a.scripts.length){a.start=c;this.RestartAfter(MathJax.Callback.Delay(1))}}}catch(f){return this.processError(f,a,"Input")}if(a.scripts.length&&this.config.showProcessingMessages){MathJax.Message.Set(["ProcessMath","Processing math: %1%%",100],0)}a.start=new Date().getTime();a.i=a.j=0;return null},saveScript:function(a,d,b,c){if(!this.outputJax[a.mimeType]){b.MathJax.state=c.UPDATE;throw Error("No output jax registered for "+a.mimeType)}a.outputJax=this.outputJax[a.mimeType][0].id;if(!d.jax[a.outputJax]){if(d.jaxIDs.length===0){d.jax[a.outputJax]=d.scripts}else{if(d.jaxIDs.length===1){d.jax[d.jaxIDs[0]]=d.scripts.slice(0,d.i)}d.jax[a.outputJax]=[]}d.jaxIDs.push(a.outputJax)}if(d.jaxIDs.length>1){d.jax[a.outputJax].push(b)}b.MathJax.state=c.OUTPUT},prepareOutput:function(c,f){while(c.j<c.jaxIDs.length){var e=c.jaxIDs[c.j],d=MathJax.OutputJax[e];if(d[f]){try{var a=d[f](c);if(typeof a==="function"){if(a.called){continue}this.RestartAfter(a)}}catch(b){if(!b.restart){MathJax.Message.Set(["PrepError","Error preparing %1 output (%2)",e,f],null,600);MathJax.Hub.lastPrepError=b;c.j++}return MathJax.Callback.After(["prepareOutput",this,c,f],b.restart)}}c.j++}return null},processOutput:function(h){var b,g=MathJax.ElementJax.STATE,d,a=h.scripts.length;try{while(h.i<a){d=h.scripts[h.i];if(!d||!d.MathJax||d.MathJax.error){h.i++;continue}var c=d.MathJax.elementJax;if(!c){h.i++;continue}b=MathJax.OutputJax[c.outputJax].Process(d,h);d.MathJax.state=g.PROCESSED;h.i++;if(d.MathJax.preview){d.MathJax.preview.innerHTML=""}this.signal.Post(["New Math",c.inputID]);var e=new Date().getTime();if(e-h.start>this.processUpdateTime&&h.i<h.scripts.length){h.start=e;this.RestartAfter(MathJax.Callback.Delay(this.processUpdateDelay))}}}catch(f){return this.processError(f,h,"Output")}if(h.scripts.length&&this.config.showProcessingMessages){MathJax.Message.Set(["TypesetMath","Typesetting math: %1%%",100],0);MathJax.Message.Clear(0)}h.i=h.j=0;return null},processMessage:function(d,b){var a=Math.floor(d.i/(d.scripts.length)*100);var c=(b==="Output"?["TypesetMath","Typesetting math: %1%%"]:["ProcessMath","Processing math: %1%%"]);if(this.config.showProcessingMessages){MathJax.Message.Set(c.concat(a),0)}},processError:function(b,c,a){if(!b.restart){if(!this.config.errorSettings.message){throw b}this.formatError(c.scripts[c.i],b);c.i++}this.processMessage(c,a);return MathJax.Callback.After(["process"+a,this,c],b.restart)},formatError:function(b,e){var d="Error: "+e.message+"\n";if(e.sourceURL){d+="\nfile: "+e.sourceURL}if(e.line){d+="\nline: "+e.line}b.MathJax.error=MathJax.OutputJax.Error.Jax(d,b);var f=this.config.errorSettings;var a=MathJax.Localization._(f.messageId,f.message);var c=MathJax.HTML.Element("span",{className:"MathJax_Error",jaxID:"Error",isMathJax:true},a);if(MathJax.Extension.MathEvents){c.oncontextmenu=MathJax.Extension.MathEvents.Event.Menu;c.onmousedown=MathJax.Extension.MathEvents.Event.Mousedown}else{MathJax.Ajax.Require("[MathJax]/extensions/MathEvents.js",function(){c.oncontextmenu=MathJax.Extension.MathEvents.Event.Menu;c.onmousedown=MathJax.Extension.MathEvents.Event.Mousedown})}b.parentNode.insertBefore(c,b);if(b.MathJax.preview){b.MathJax.preview.innerHTML=""}this.lastError=e;this.signal.Post(["Math Processing Error",b,e])},RestartAfter:function(a){throw this.Insert(Error("restart"),{restart:MathJax.Callback(a)})},elementCallback:function(c,f){if(f==null&&(c instanceof Array||typeof c==="function")){try{MathJax.Callback(c);f=c;c=null}catch(d){}}if(c==null){c=this.config.elements||[]}if(!(c instanceof Array)){c=[c]}c=[].concat(c);for(var b=0,a=c.length;b<a;b++){if(typeof(c[b])==="string"){c[b]=document.getElementById(c[b])}}if(!document.body){document.body=document.getElementsByTagName("body")[0]}if(c.length==0){c.push(document.body)}if(!f){f={}}return{elements:c,callback:f}},elementScripts:function(d){if(d instanceof Array){var b=[];for(var c=0,a=d.length;c<a;c++){b.push.apply(b,this.elementScripts(d[c]))}return b}if(typeof(d)==="string"){d=document.getElementById(d)}if(!document.body){document.body=document.getElementsByTagName("body")[0]}if(d==null){d=document.body}if(d.tagName!=null&&d.tagName.toLowerCase()==="script"){return[d]}return d.getElementsByTagName("script")},Insert:function(c,a){for(var b in a){if(a.hasOwnProperty(b)){if(typeof a[b]==="object"&&!(a[b] instanceof Array)&&(typeof c[b]==="object"||typeof c[b]==="function")){this.Insert(c[b],a[b])}else{c[b]=a[b]}}}return c},SplitList:("trim" in String.prototype?function(a){return a.trim().split(/\s+/)}:function(a){return a.replace(/^\s+/,"").replace(/\s+$/,"").split(/\s+/)})};MathJax.Hub.Insert(MathJax.Hub.config.styles,MathJax.Message.styles);MathJax.Hub.Insert(MathJax.Hub.config.styles,{".MathJax_Error":MathJax.Hub.config.errorSettings.style});MathJax.Extension={};MathJax.Hub.Configured=MathJax.Callback({});MathJax.Hub.Startup={script:"",queue:MathJax.Callback.Queue(),signal:MathJax.Callback.Signal("Startup"),params:{},Config:function(){this.queue.Push(["Post",this.signal,"Begin Config"]);if(this.params.locale){MathJax.Localization.resetLocale(this.params.locale);MathJax.Hub.config.menuSettings.locale=this.params.locale}var b=MathJax.HTML.Cookie.Get("user");if(b.URL||b.Config){if(confirm(MathJax.Localization._("CookieConfig","MathJax has found a user-configuration cookie that includes code to be run. Do you want to run it?\n\n(You should press Cancel unless you set up the cookie yourself.)"))){if(b.URL){this.queue.Push(["Require",MathJax.Ajax,b.URL])}if(b.Config){this.queue.Push(new Function(b.Config))}}else{MathJax.HTML.Cookie.Set("user",{})}}if(this.params.config){var d=this.params.config.split(/,/);for(var c=0,a=d.length;c<a;c++){if(!d[c].match(/\.js$/)){d[c]+=".js"}this.queue.Push(["Require",MathJax.Ajax,this.URL("config",d[c])])}}this.queue.Push(["Config",MathJax.Hub,MathJax.AuthorConfig]);if(this.script.match(/\S/)){this.queue.Push(this.script+";\n1;")}this.queue.Push(["ConfigDelay",this],["ConfigBlocks",this],[function(e){return e.loadArray(MathJax.Hub.config.config,"config",null,true)},this],["Post",this.signal,"End Config"])},ConfigDelay:function(){var a=this.params.delayStartupUntil||MathJax.Hub.config.delayStartupUntil;if(a==="onload"){return this.onload}if(a==="configured"){return MathJax.Hub.Configured}return a},ConfigBlocks:function(){var c=document.getElementsByTagName("script");var f=null,b=MathJax.Callback.Queue();for(var d=0,a=c.length;d<a;d++){var e=String(c[d].type).replace(/ /g,"");if(e.match(/^text\/x-mathjax-config(;.*)?$/)&&!e.match(/;executed=true/)){c[d].type+=";executed=true";f=b.Push(c[d].innerHTML+";\n1;")}}return f},Cookie:function(){return this.queue.Push(["Post",this.signal,"Begin Cookie"],["Get",MathJax.HTML.Cookie,"menu",MathJax.Hub.config.menuSettings],[function(d){if(d.menuSettings.locale){MathJax.Localization.resetLocale(d.menuSettings.locale)}var f=d.menuSettings.renderer,b=d.jax;if(f){var c="output/"+f;b.sort();for(var e=0,a=b.length;e<a;e++){if(b[e].substr(0,7)==="output/"){break}}if(e==a-1){b.pop()}else{while(e<a){if(b[e]===c){b.splice(e,1);break}e++}}b.unshift(c)}},MathJax.Hub.config],["Post",this.signal,"End Cookie"])},Styles:function(){return this.queue.Push(["Post",this.signal,"Begin Styles"],["loadArray",this,MathJax.Hub.config.styleSheets,"config"],["Styles",MathJax.Ajax,MathJax.Hub.config.styles],["Post",this.signal,"End Styles"])},Jax:function(){var f=MathJax.Hub.config,c=MathJax.Hub.outputJax;for(var g=0,b=f.jax.length,d=0;g<b;g++){var e=f.jax[g].substr(7);if(f.jax[g].substr(0,7)==="output/"&&c.order[e]==null){c.order[e]=d;d++}}var a=MathJax.Callback.Queue();return a.Push(["Post",this.signal,"Begin Jax"],["loadArray",this,f.jax,"jax","config.js"],["Post",this.signal,"End Jax"])},Extensions:function(){var a=MathJax.Callback.Queue();return a.Push(["Post",this.signal,"Begin Extensions"],["loadArray",this,MathJax.Hub.config.extensions,"extensions"],["Post",this.signal,"End Extensions"])},Message:function(){MathJax.Message.Init(true)},Menu:function(){var b=MathJax.Hub.config.menuSettings,a=MathJax.Hub.outputJax,d;for(var c in a){if(a.hasOwnProperty(c)){if(a[c].length){d=a[c];break}}}if(d&&d.length){if(b.renderer&&b.renderer!==d[0].id){d.unshift(MathJax.OutputJax[b.renderer])}b.renderer=d[0].id}},Hash:function(){if(MathJax.Hub.config.positionToHash&&document.location.hash&&document.body&&document.body.scrollIntoView){var d=document.location.hash.substr(1);var f=document.getElementById(d);if(!f){var c=document.getElementsByTagName("a");for(var e=0,b=c.length;e<b;e++){if(c[e].name===d){f=c[e];break}}}if(f){while(!f.scrollIntoView){f=f.parentNode}f=this.HashCheck(f);if(f&&f.scrollIntoView){setTimeout(function(){f.scrollIntoView(true)},1)}}}},HashCheck:function(b){if(b.isMathJax){var a=MathJax.Hub.getJaxFor(b);if(a&&MathJax.OutputJax[a.outputJax].hashCheck){b=MathJax.OutputJax[a.outputJax].hashCheck(b)}}return b},MenuZoom:function(){if(!MathJax.Extension.MathMenu){setTimeout(function(){MathJax.Callback.Queue(["Require",MathJax.Ajax,"[MathJax]/extensions/MathMenu.js",{}],["loadDomain",MathJax.Localization,"MathMenu"])},1000)}else{setTimeout(MathJax.Callback(["loadDomain",MathJax.Localization,"MathMenu"]),1000)}if(!MathJax.Extension.MathZoom){setTimeout(MathJax.Callback(["Require",MathJax.Ajax,"[MathJax]/extensions/MathZoom.js",{}]),2000)}},onLoad:function(){var a=this.onload=MathJax.Callback(function(){MathJax.Hub.Startup.signal.Post("onLoad")});if(document.body&&document.readyState){if(MathJax.Hub.Browser.isMSIE){if(document.readyState==="complete"){return[a]}}else{if(document.readyState!=="loading"){return[a]}}}if(window.addEventListener){window.addEventListener("load",a,false);if(!this.params.noDOMContentEvent){window.addEventListener("DOMContentLoaded",a,false)}}else{if(window.attachEvent){window.attachEvent("onload",a)}else{window.onload=a}}return a},Typeset:function(a,b){if(MathJax.Hub.config.skipStartupTypeset){return function(){}}return this.queue.Push(["Post",this.signal,"Begin Typeset"],["Typeset",MathJax.Hub,a,b],["Post",this.signal,"End Typeset"])},URL:function(b,a){if(!a.match(/^([a-z]+:\/\/|\[|\/)/)){a="[MathJax]/"+b+"/"+a}return a},loadArray:function(b,f,c,a){if(b){if(!(b instanceof Array)){b=[b]}if(b.length){var h=MathJax.Callback.Queue(),j={},e;for(var g=0,d=b.length;g<d;g++){e=this.URL(f,b[g]);if(c){e+="/"+c}if(a){h.Push(["Require",MathJax.Ajax,e,j])}else{h.Push(MathJax.Ajax.Require(e,j))}}return h.Push({})}}return null}};(function(d){var b=window[d],e="["+d+"]";var c=b.Hub,a=b.Ajax,f=b.Callback;var g=MathJax.Object.Subclass({JAXFILE:"jax.js",require:null,config:{},Init:function(i,h){if(arguments.length===0){return this}return(this.constructor.Subclass(i,h))()},Augment:function(k,j){var i=this.constructor,h={};if(k!=null){for(var l in k){if(k.hasOwnProperty(l)){if(typeof k[l]==="function"){i.protoFunction(l,k[l])}else{h[l]=k[l]}}}if(k.toString!==i.prototype.toString&&k.toString!=={}.toString){i.protoFunction("toString",k.toString)}}c.Insert(i.prototype,h);i.Augment(null,j);return this},Translate:function(h,i){throw Error(this.directory+"/"+this.JAXFILE+" failed to define the Translate() method")},Register:function(h){},Config:function(){this.config=c.CombineConfig(this.id,this.config);if(this.config.Augment){this.Augment(this.config.Augment)}},Startup:function(){},loadComplete:function(i){if(i==="config.js"){return a.loadComplete(this.directory+"/"+i)}else{var h=f.Queue();h.Push(c.Register.StartupHook("End Config",{}),["Post",c.Startup.signal,this.id+" Jax Config"],["Config",this],["Post",c.Startup.signal,this.id+" Jax Require"],[function(j){return MathJax.Hub.Startup.loadArray(j.require,this.directory)},this],[function(j,k){return MathJax.Hub.Startup.loadArray(j.extensions,"extensions/"+k)},this.config||{},this.id],["Post",c.Startup.signal,this.id+" Jax Startup"],["Startup",this],["Post",c.Startup.signal,this.id+" Jax Ready"]);if(this.copyTranslate){h.Push([function(j){j.preProcess=j.preTranslate;j.Process=j.Translate;j.postProcess=j.postTranslate},this.constructor.prototype])}return h.Push(["loadComplete",a,this.directory+"/"+i])}}},{id:"Jax",version:"2.3",directory:e+"/jax",extensionDir:e+"/extensions"});b.InputJax=g.Subclass({elementJax:"mml",sourceMenuTitle:["Original","Original Form"],copyTranslate:true,Process:function(l,q){var j=f.Queue(),o;var k=this.elementJax;if(!(k instanceof Array)){k=[k]}for(var n=0,h=k.length;n<h;n++){o=b.ElementJax.directory+"/"+k[n]+"/"+this.JAXFILE;if(!this.require){this.require=[]}else{if(!(this.require instanceof Array)){this.require=[this.require]}}this.require.push(o);j.Push(a.Require(o))}o=this.directory+"/"+this.JAXFILE;var p=j.Push(a.Require(o));if(!p.called){this.constructor.prototype.Process=function(){if(!p.called){return p}throw Error(o+" failed to load properly")}}k=c.outputJax["jax/"+k[0]];if(k){j.Push(a.Require(k[0].directory+"/"+this.JAXFILE))}return j.Push({})},needsUpdate:function(h){var i=h.SourceElement();return(h.originalText!==b.HTML.getScript(i))},Register:function(h){if(!c.inputJax){c.inputJax={}}c.inputJax[h]=this}},{id:"InputJax",version:"2.3",directory:g.directory+"/input",extensionDir:g.extensionDir});b.OutputJax=g.Subclass({copyTranslate:true,preProcess:function(j){var i,h=this.directory+"/"+this.JAXFILE;this.constructor.prototype.preProcess=function(k){if(!i.called){return i}throw Error(h+" failed to load properly")};i=a.Require(h);return i},Register:function(i){var h=c.outputJax;if(!h[i]){h[i]=[]}if(h[i].length&&(this.id===c.config.menuSettings.renderer||(h.order[this.id]||0)<(h.order[h[i][0].id]||0))){h[i].unshift(this)}else{h[i].push(this)}if(!this.require){this.require=[]}else{if(!(this.require instanceof Array)){this.require=[this.require]}}this.require.push(b.ElementJax.directory+"/"+(i.split(/\//)[1])+"/"+this.JAXFILE)},Remove:function(h){}},{id:"OutputJax",version:"2.3",directory:g.directory+"/output",extensionDir:g.extensionDir,fontDir:e+(b.isPacked?"":"/..")+"/fonts",imageDir:e+(b.isPacked?"":"/..")+"/images"});b.ElementJax=g.Subclass({Init:function(i,h){return this.constructor.Subclass(i,h)},inputJax:null,outputJax:null,inputID:null,originalText:"",mimeType:"",sourceMenuTitle:["MathMLcode","MathML Code"],Text:function(i,j){var h=this.SourceElement();b.HTML.setScript(h,i);h.MathJax.state=this.STATE.UPDATE;return c.Update(h,j)},Reprocess:function(i){var h=this.SourceElement();h.MathJax.state=this.STATE.UPDATE;return c.Reprocess(h,i)},Update:function(h){return this.Rerender(h)},Rerender:function(i){var h=this.SourceElement();h.MathJax.state=this.STATE.OUTPUT;return c.Process(h,i)},Remove:function(h){if(this.hover){this.hover.clear(this)}b.OutputJax[this.outputJax].Remove(this);if(!h){c.signal.Post(["Remove Math",this.inputID]);this.Detach()}},needsUpdate:function(){return b.InputJax[this.inputJax].needsUpdate(this)},SourceElement:function(){return document.getElementById(this.inputID)},Attach:function(i,j){var h=i.MathJax.elementJax;if(i.MathJax.state===this.STATE.UPDATE){h.Clone(this)}else{h=i.MathJax.elementJax=this;if(i.id){this.inputID=i.id}else{i.id=this.inputID=b.ElementJax.GetID();this.newID=1}}h.originalText=b.HTML.getScript(i);h.inputJax=j;if(h.root){h.root.inputID=h.inputID}return h},Detach:function(){var h=this.SourceElement();if(!h){return}try{delete h.MathJax}catch(i){h.MathJax=null}if(this.newID){h.id=""}},Clone:function(h){var i;for(i in this){if(!this.hasOwnProperty(i)){continue}if(typeof(h[i])==="undefined"&&i!=="newID"){delete this[i]}}for(i in h){if(!h.hasOwnProperty(i)){continue}if(typeof(this[i])==="undefined"||(this[i]!==h[i]&&i!=="inputID")){this[i]=h[i]}}}},{id:"ElementJax",version:"2.3",directory:g.directory+"/element",extensionDir:g.extensionDir,ID:0,STATE:{PENDING:1,PROCESSED:2,UPDATE:3,OUTPUT:4},GetID:function(){this.ID++;return"MathJax-Element-"+this.ID},Subclass:function(){var h=g.Subclass.apply(this,arguments);h.loadComplete=this.prototype.loadComplete;return h}});b.ElementJax.prototype.STATE=b.ElementJax.STATE;b.OutputJax.Error={id:"Error",version:"2.3",config:{},ContextMenu:function(){return b.Extension.MathEvents.Event.ContextMenu.apply(b.Extension.MathEvents.Event,arguments)},Mousedown:function(){return b.Extension.MathEvents.Event.AltContextMenu.apply(b.Extension.MathEvents.Event,arguments)},getJaxFromMath:function(h){return(h.nextSibling.MathJax||{}).error},Jax:function(j,i){var h=MathJax.Hub.inputJax[i.type.replace(/ *;(.|\s)*/,"")];return{inputJax:(h||{id:"Error"}).id,outputJax:"Error",sourceMenuTitle:["ErrorMessage","Error Message"],sourceMenuFormat:"Error",originalText:MathJax.HTML.getScript(i),errorText:j}}};b.InputJax.Error={id:"Error",version:"2.3",config:{},sourceMenuTitle:["Original","Original Form"]}})("MathJax");(function(l){var f=window[l];if(!f){f=window[l]={}}var c=f.Hub;var q=c.Startup;var u=c.config;var e=document.getElementsByTagName("head")[0];if(!e){e=document.childNodes[0]}var b=(document.documentElement||document).getElementsByTagName("script");var d=new RegExp("(^|/)"+l+"\\.js(\\?.*)?$");for(var o=b.length-1;o>=0;o--){if((b[o].src||"").match(d)){q.script=b[o].innerHTML;if(RegExp.$2){var r=RegExp.$2.substr(1).split(/\&/);for(var n=0,h=r.length;n<h;n++){var k=r[n].match(/(.*)=(.*)/);if(k){q.params[unescape(k[1])]=unescape(k[2])}}}u.root=b[o].src.replace(/(^|\/)[^\/]*(\?.*)?$/,"").replace(/^(https?:\/\/(cdn.mathjax.org|c328740.ssl.cf1.rackcdn.com)\/mathjax\/)(latest)/,"$1"+f.version+"-$3");break}}f.Ajax.config=u;var a={isMac:(navigator.platform.substr(0,3)==="Mac"),isPC:(navigator.platform.substr(0,3)==="Win"),isMSIE:(window.ActiveXObject!=null&&window.clipboardData!=null),isFirefox:(navigator.userAgent.match(/Gecko/)!=null&&navigator.userAgent.match(/KHTML/)==null),isSafari:(navigator.userAgent.match(/ (Apple)?WebKit\//)!=null&&(!window.chrome||window.chrome.loadTimes==null)),isChrome:(window.chrome!=null&&window.chrome.loadTimes!=null),isOpera:(window.opera!=null&&window.opera.version!=null),isKonqueror:(window.hasOwnProperty&&window.hasOwnProperty("konqueror")&&navigator.vendor=="KDE"),versionAtLeast:function(x){var w=(this.version).split(".");x=(new String(x)).split(".");for(var y=0,j=x.length;y<j;y++){if(w[y]!=x[y]){return parseInt(w[y]||"0")>=parseInt(x[y])}}return true},Select:function(j){var i=j[c.Browser];if(i){return i(c.Browser)}return null}};var g=navigator.userAgent.replace(/^Mozilla\/(\d+\.)+\d+ /,"").replace(/[a-z][-a-z0-9._: ]+\/\d+[^ ]*-[^ ]*\.([a-z][a-z])?\d+ /i,"").replace(/Gentoo |Ubuntu\/(\d+\.)*\d+ (\([^)]*\) )?/,"");c.Browser=c.Insert(c.Insert(new String("Unknown"),{version:"0.0"}),a);for(var t in a){if(a.hasOwnProperty(t)){if(a[t]&&t.substr(0,2)==="is"){t=t.slice(2);if(t==="Mac"||t==="PC"){continue}c.Browser=c.Insert(new String(t),a);var p=new RegExp(".*(Version)/((?:\\d+\\.)+\\d+)|.*("+t+")"+(t=="MSIE"?" ":"/")+"((?:\\d+\\.)*\\d+)|(?:^|\\(| )([a-z][-a-z0-9._: ]+|(?:Apple)?WebKit)/((?:\\d+\\.)+\\d+)");var s=p.exec(g)||["","","","unknown","0.0"];c.Browser.name=(s[1]=="Version"?t:(s[3]||s[5]));c.Browser.version=s[2]||s[4]||s[6];break}}}c.Browser.Select({Safari:function(j){var i=parseInt((String(j.version).split("."))[0]);if(i>85){j.webkit=j.version}if(i>=534){j.version="5.1"}else{if(i>=533){j.version="5.0"}else{if(i>=526){j.version="4.0"}else{if(i>=525){j.version="3.1"}else{if(i>500){j.version="3.0"}else{if(i>400){j.version="2.0"}else{if(i>85){j.version="1.0"}}}}}}}j.isMobile=(navigator.appVersion.match(/Mobile/i)!=null);j.noContextMenu=j.isMobile},Firefox:function(j){if((j.version==="0.0"||navigator.userAgent.match(/Firefox/)==null)&&navigator.product==="Gecko"){var m=navigator.userAgent.match(/[\/ ]rv:(\d+\.\d.*?)[\) ]/);if(m){j.version=m[1]}else{var i=(navigator.buildID||navigator.productSub||"0").substr(0,8);if(i>="20111220"){j.version="9.0"}else{if(i>="20111120"){j.version="8.0"}else{if(i>="20110927"){j.version="7.0"}else{if(i>="20110816"){j.version="6.0"}else{if(i>="20110621"){j.version="5.0"}else{if(i>="20110320"){j.version="4.0"}else{if(i>="20100121"){j.version="3.6"}else{if(i>="20090630"){j.version="3.5"}else{if(i>="20080617"){j.version="3.0"}else{if(i>="20061024"){j.version="2.0"}}}}}}}}}}}}j.isMobile=(navigator.appVersion.match(/Android/i)!=null||navigator.userAgent.match(/ Fennec\//)!=null||navigator.userAgent.match(/Mobile/)!=null)},Opera:function(i){i.version=opera.version()},MSIE:function(j){j.isIE9=!!(document.documentMode&&(window.performance||window.msPerformance));MathJax.HTML.setScriptBug=!j.isIE9||document.documentMode<9;var v=false;try{new ActiveXObject("MathPlayer.Factory.1");j.hasMathPlayer=v=true}catch(m){}try{if(v&&!q.params.NoMathPlayer){var i=document.createElement("object");i.id="mathplayer";i.classid="clsid:32F66A20-7614-11D4-BD11-00104BD3F987";document.getElementsByTagName("head")[0].appendChild(i);document.namespaces.add("m","https://web.archive.org/web/20131208123133/http://www.w3.org/1998/Math/MathML");j.mpNamespace=true;if(document.readyState&&(document.readyState==="loading"||document.readyState==="interactive")){document.write('<?import namespace="m" implementation="#MathPlayer">');j.mpImported=true}}else{document.namespaces.add("mjx_IE_fix","https://web.archive.org/web/20131208123133/http://www.w3.org/1999/xlink")}}catch(m){}}});c.Browser.Select(MathJax.Message.browsers);if(f.AuthorConfig&&typeof f.AuthorConfig.AuthorInit==="function"){f.AuthorConfig.AuthorInit()}c.queue=f.Callback.Queue();c.queue.Push(["Post",q.signal,"Begin"],["Config",q],["Cookie",q],["Styles",q],["Message",q],function(){var i=f.Callback.Queue(q.Jax(),q.Extensions());return i.Push({})},["Menu",q],q.onLoad(),function(){MathJax.isReady=true},["Typeset",q],["Hash",q],["MenuZoom",q],["Post",q.signal,"End"])})("MathJax")}};
diff --git a/editor/extensions/mathjax/TeX-AMS-MML_SVG.js b/editor/extensions/mathjax/TeX-AMS-MML_SVG.js
new file mode 100644
index 00000000..73ef7642
--- /dev/null
+++ b/editor/extensions/mathjax/TeX-AMS-MML_SVG.js
@@ -0,0 +1,52 @@
+/*
+ *  /MathJax/config/TeX-AMS-MML_SVG.js
+ *  
+ *  Copyright (c) 2010-2013 The MathJax Consortium
+ *
+ *  Part of the MathJax library.
+ *  See http://www.mathjax.org for details.
+ * 
+ *  Licensed under the Apache License, Version 2.0;
+ *  you may not use this file except in compliance with the License.
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ */
+
+MathJax.Ajax.Preloading(
+  "[MathJax]/jax/input/TeX/config.js",
+  "[MathJax]/jax/input/MathML/config.js",
+  "[MathJax]/jax/output/SVG/config.js",
+  "[MathJax]/extensions/tex2jax.js",
+  "[MathJax]/extensions/mml2jax.js",
+  "[MathJax]/extensions/MathEvents.js",
+  "[MathJax]/extensions/MathZoom.js",
+  "[MathJax]/extensions/MathMenu.js",
+  "[MathJax]/jax/element/mml/jax.js",
+  "[MathJax]/extensions/toMathML.js",
+  "[MathJax]/extensions/TeX/noErrors.js",
+  "[MathJax]/extensions/TeX/noUndefined.js",
+  "[MathJax]/jax/input/TeX/jax.js",
+  "[MathJax]/extensions/TeX/AMSmath.js",
+  "[MathJax]/extensions/TeX/AMSsymbols.js",
+  "[MathJax]/jax/input/MathML/jax.js"
+);
+
+MathJax.Hub.Config({"v1.0-compatible":false});
+
+MathJax.InputJax.TeX=MathJax.InputJax({id:"TeX",version:"2.3",directory:MathJax.InputJax.directory+"/TeX",extensionDir:MathJax.InputJax.extensionDir+"/TeX",config:{TagSide:"right",TagIndent:"0.8em",MultLineWidth:"85%",equationNumbers:{autoNumber:"none",formatNumber:function(a){return a},formatTag:function(a){return"("+a+")"},formatID:function(a){return"mjx-eqn-"+String(a).replace(/[:"'<>&]/g,"")},formatURL:function(a){return"#"+escape(a)},useLabelIds:true}}});MathJax.InputJax.TeX.Register("math/tex");MathJax.InputJax.TeX.loadComplete("config.js");
+MathJax.InputJax.MathML=MathJax.InputJax({id:"MathML",version:"2.3",directory:MathJax.InputJax.directory+"/MathML",extensionDir:MathJax.InputJax.extensionDir+"/MathML",entityDir:MathJax.InputJax.directory+"/MathML/entities",config:{useMathMLspacing:false}});MathJax.InputJax.MathML.Register("math/mml");MathJax.InputJax.MathML.loadComplete("config.js");
+MathJax.OutputJax.SVG=MathJax.OutputJax({id:"SVG",version:"2.3",directory:MathJax.OutputJax.directory+"/SVG",extensionDir:MathJax.OutputJax.extensionDir+"/SVG",autoloadDir:MathJax.OutputJax.directory+"/SVG/autoload",fontDir:MathJax.OutputJax.directory+"/SVG/fonts",config:{scale:100,minScaleAdjust:50,font:"TeX",blacker:10,mtextFontInherit:false,undefinedFamily:"STIXGeneral,'Arial Unicode MS',serif",addMMLclasses:false,EqnChunk:(MathJax.Hub.Browser.isMobile?10:50),EqnChunkFactor:1.5,EqnChunkDelay:100,linebreaks:{automatic:false,width:"container"},styles:{".MathJax_SVG_Display":{"text-align":"center",margin:"1em 0em"},"#MathJax_SVG_Tooltip":{"background-color":"InfoBackground",color:"InfoText",border:"1px solid black","box-shadow":"2px 2px 5px #AAAAAA","-webkit-box-shadow":"2px 2px 5px #AAAAAA","-moz-box-shadow":"2px 2px 5px #AAAAAA","-khtml-box-shadow":"2px 2px 5px #AAAAAA",padding:"3px 4px","z-index":401}}}});if(!MathJax.Hub.config.delayJaxRegistration){MathJax.OutputJax.SVG.Register("jax/mml")}MathJax.OutputJax.SVG.loadComplete("config.js");
+MathJax.Extension.tex2jax={version:"2.3",config:{inlineMath:[["\\(","\\)"]],displayMath:[["$$","$$"],["\\[","\\]"]],balanceBraces:true,skipTags:["script","noscript","style","textarea","pre","code","annotation","annotation-xml"],ignoreClass:"tex2jax_ignore",processClass:"tex2jax_process",processEscapes:false,processEnvironments:true,processRefs:true,preview:"TeX"},PreProcess:function(a){if(!this.configured){this.config=MathJax.Hub.CombineConfig("tex2jax",this.config);if(this.config.Augment){MathJax.Hub.Insert(this,this.config.Augment)}if(typeof(this.config.previewTeX)!=="undefined"&&!this.config.previewTeX){this.config.preview="none"}this.configured=true}if(typeof(a)==="string"){a=document.getElementById(a)}if(!a){a=document.body}if(this.createPatterns()){this.scanElement(a,a.nextSibling)}},createPatterns:function(){var d=[],e=[],c,a,b=this.config;this.match={};for(c=0,a=b.inlineMath.length;c<a;c++){d.push(this.patternQuote(b.inlineMath[c][0]));this.match[b.inlineMath[c][0]]={mode:"",end:b.inlineMath[c][1],pattern:this.endPattern(b.inlineMath[c][1])}}for(c=0,a=b.displayMath.length;c<a;c++){d.push(this.patternQuote(b.displayMath[c][0]));this.match[b.displayMath[c][0]]={mode:"; mode=display",end:b.displayMath[c][1],pattern:this.endPattern(b.displayMath[c][1])}}if(d.length){e.push(d.sort(this.sortLength).join("|"))}if(b.processEnvironments){e.push("\\\\begin\\{([^}]*)\\}")}if(b.processEscapes){e.push("\\\\*\\\\\\$")}if(b.processRefs){e.push("\\\\(eq)?ref\\{[^}]*\\}")}this.start=new RegExp(e.join("|"),"g");this.skipTags=new RegExp("^("+b.skipTags.join("|")+")$","i");var f=[];if(MathJax.Hub.config.preRemoveClass){f.push(MathJax.Hub.config.preRemoveClass)}if(b.ignoreClass){f.push(b.ignoreClass)}this.ignoreClass=(f.length?new RegExp("(^| )("+f.join("|")+")( |$)"):/^$/);this.processClass=new RegExp("(^| )("+b.processClass+")( |$)");return(e.length>0)},patternQuote:function(a){return a.replace(/([\^$(){}+*?\-|\[\]\:\\])/g,"\\$1")},endPattern:function(a){return new RegExp(this.patternQuote(a)+"|\\\\.|[{}]","g")},sortLength:function(d,c){if(d.length!==c.length){return c.length-d.length}return(d==c?0:(d<c?-1:1))},scanElement:function(c,b,g){var a,e,d,f;while(c&&c!=b){if(c.nodeName.toLowerCase()==="#text"){if(!g){c=this.scanText(c)}}else{a=(typeof(c.className)==="undefined"?"":c.className);e=(typeof(c.tagName)==="undefined"?"":c.tagName);if(typeof(a)!=="string"){a=String(a)}f=this.processClass.exec(a);if(c.firstChild&&!a.match(/(^| )MathJax/)&&(f||!this.skipTags.exec(e))){d=(g||this.ignoreClass.exec(a))&&!f;this.scanElement(c.firstChild,b,d)}}if(c){c=c.nextSibling}}},scanText:function(b){if(b.nodeValue.replace(/\s+/,"")==""){return b}var a,c;this.search={start:true};this.pattern=this.start;while(b){this.pattern.lastIndex=0;while(b&&b.nodeName.toLowerCase()==="#text"&&(a=this.pattern.exec(b.nodeValue))){if(this.search.start){b=this.startMatch(a,b)}else{b=this.endMatch(a,b)}}if(this.search.matched){b=this.encloseMath(b)}if(b){do{c=b;b=b.nextSibling}while(b&&(b.nodeName.toLowerCase()==="br"||b.nodeName.toLowerCase()==="#comment"));if(!b||b.nodeName!=="#text"){return(this.search.close?this.prevEndMatch():c)}}}return b},startMatch:function(a,b){var f=this.match[a[0]];if(f!=null){this.search={end:f.end,mode:f.mode,pcount:0,open:b,olen:a[0].length,opos:this.pattern.lastIndex-a[0].length};this.switchPattern(f.pattern)}else{if(a[0].substr(0,6)==="\\begin"){this.search={end:"\\end{"+a[1]+"}",mode:"; mode=display",pcount:0,open:b,olen:0,opos:this.pattern.lastIndex-a[0].length,isBeginEnd:true};this.switchPattern(this.endPattern(this.search.end))}else{if(a[0].substr(0,4)==="\\ref"||a[0].substr(0,6)==="\\eqref"){this.search={mode:"",end:"",open:b,pcount:0,olen:0,opos:this.pattern.lastIndex-a[0].length};return this.endMatch([""],b)}else{var d=a[0].substr(0,a[0].length-1),g,c;if(d.length%2===0){c=[d.replace(/\\\\/g,"\\")];g=1}else{c=[d.substr(1).replace(/\\\\/g,"\\"),"$"];g=0}c=MathJax.HTML.Element("span",null,c);var e=MathJax.HTML.TextNode(b.nodeValue.substr(0,a.index));b.nodeValue=b.nodeValue.substr(a.index+a[0].length-g);b.parentNode.insertBefore(c,b);b.parentNode.insertBefore(e,c);this.pattern.lastIndex=g}}}return b},endMatch:function(a,c){var b=this.search;if(a[0]==b.end){if(!b.close||b.pcount===0){b.close=c;b.cpos=this.pattern.lastIndex;b.clen=(b.isBeginEnd?0:a[0].length)}if(b.pcount===0){b.matched=true;c=this.encloseMath(c);this.switchPattern(this.start)}}else{if(a[0]==="{"){b.pcount++}else{if(a[0]==="}"&&b.pcount){b.pcount--}}}return c},prevEndMatch:function(){this.search.matched=true;var a=this.encloseMath(this.search.close);this.switchPattern(this.start);return a},switchPattern:function(a){a.lastIndex=this.pattern.lastIndex;this.pattern=a;this.search.start=(a===this.start)},encloseMath:function(b){var a=this.search,f=a.close,e,c;if(a.cpos===f.length){f=f.nextSibling}else{f=f.splitText(a.cpos)}if(!f){e=f=MathJax.HTML.addText(a.close.parentNode,"")}a.close=f;c=(a.opos?a.open.splitText(a.opos):a.open);while(c.nextSibling&&c.nextSibling!==f){if(c.nextSibling.nodeValue!==null){if(c.nextSibling.nodeName==="#comment"){c.nodeValue+=c.nextSibling.nodeValue.replace(/^\[CDATA\[((.|\n|\r)*)\]\]$/,"$1")}else{c.nodeValue+=c.nextSibling.nodeValue}}else{if(this.msieNewlineBug){c.nodeValue+=(c.nextSibling.nodeName.toLowerCase()==="br"?"\n":" ")}else{c.nodeValue+=" "}}c.parentNode.removeChild(c.nextSibling)}var d=c.nodeValue.substr(a.olen,c.nodeValue.length-a.olen-a.clen);c.parentNode.removeChild(c);if(this.config.preview!=="none"){this.createPreview(a.mode,d)}c=this.createMathTag(a.mode,d);this.search={};this.pattern.lastIndex=0;if(e){e.parentNode.removeChild(e)}return c},insertNode:function(b){var a=this.search;a.close.parentNode.insertBefore(b,a.close)},createPreview:function(c,a){var b=this.config.preview;if(b==="none"){return}if(b==="TeX"){b=[this.filterPreview(a)]}if(b){b=MathJax.HTML.Element("span",{className:MathJax.Hub.config.preRemoveClass},b);this.insertNode(b)}},createMathTag:function(c,b){var a=document.createElement("script");a.type="math/tex"+c;MathJax.HTML.setScript(a,b);this.insertNode(a);return a},filterPreview:function(a){return a},msieNewlineBug:(MathJax.Hub.Browser.isMSIE&&document.documentMode<9)};MathJax.Hub.Register.PreProcessor(["PreProcess",MathJax.Extension.tex2jax]);MathJax.Ajax.loadComplete("[MathJax]/extensions/tex2jax.js");
+MathJax.Extension.mml2jax={version:"2.3",config:{preview:"mathml"},MMLnamespace:"http://www.w3.org/1998/Math/MathML",PreProcess:function(e){if(!this.configured){this.config=MathJax.Hub.CombineConfig("mml2jax",this.config);if(this.config.Augment){MathJax.Hub.Insert(this,this.config.Augment)}this.InitBrowser();this.configured=true}if(typeof(e)==="string"){e=document.getElementById(e)}if(!e){e=document.body}var h=[];this.PushMathElements(h,e,"math");this.PushMathElements(h,e,"math",this.MMLnamespace);var d,b;if(typeof(document.namespaces)!=="undefined"){try{for(d=0,b=document.namespaces.length;d<b;d++){var f=document.namespaces[d];if(f.urn===this.MMLnamespace){this.PushMathElements(h,e,f.name+":math")}}}catch(g){}}else{var c=document.getElementsByTagName("html")[0];if(c){for(d=0,b=c.attributes.length;d<b;d++){var a=c.attributes[d];if(a.nodeName.substr(0,6)==="xmlns:"&&a.nodeValue===this.MMLnamespace){this.PushMathElements(h,e,a.nodeName.substr(6)+":math")}}}}this.ProcessMathArray(h)},PushMathElements:function(f,d,a,c){var h,g=MathJax.Hub.config.preRemoveClass;if(c){if(!d.getElementsByTagNameNS){return}h=d.getElementsByTagNameNS(c,a)}else{h=d.getElementsByTagName(a)}for(var e=0,b=h.length;e<b;e++){var j=h[e].parentNode;if(j&&j.className!==g&&!h[e].prefix===!c){f.push(h[e])}}},ProcessMathArray:function(c){var b,a=c.length;if(a){if(this.MathTagBug){for(b=0;b<a;b++){if(c[b].nodeName==="MATH"){this.ProcessMathFlattened(c[b])}else{this.ProcessMath(c[b])}}}else{for(b=0;b<a;b++){this.ProcessMath(c[b])}}}},ProcessMath:function(e){var d=e.parentNode;if(!d||d.className===MathJax.Hub.config.preRemoveClass){return}var a=document.createElement("script");a.type="math/mml";d.insertBefore(a,e);if(this.AttributeBug){var b=this.OuterHTML(e);if(this.CleanupHTML){b=b.replace(/<\?import .*?>/i,"").replace(/<\?xml:namespace .*?\/>/i,"");b=b.replace(/&nbsp;/g,"&#xA0;")}MathJax.HTML.setScript(a,b);d.removeChild(e)}else{var c=MathJax.HTML.Element("span");c.appendChild(e);MathJax.HTML.setScript(a,c.innerHTML)}if(this.config.preview!=="none"){this.createPreview(e,a)}},ProcessMathFlattened:function(f){var d=f.parentNode;if(!d||d.className===MathJax.Hub.config.preRemoveClass){return}var b=document.createElement("script");b.type="math/mml";d.insertBefore(b,f);var c="",e,a=f;while(f&&f.nodeName!=="/MATH"){e=f;f=f.nextSibling;c+=this.NodeHTML(e);e.parentNode.removeChild(e)}if(f&&f.nodeName==="/MATH"){f.parentNode.removeChild(f)}b.text=c+"</math>";if(this.config.preview!=="none"){this.createPreview(a,b)}},NodeHTML:function(e){var c,b,a;if(e.nodeName==="#text"){c=this.quoteHTML(e.nodeValue)}else{if(e.nodeName==="#comment"){c="<!--"+e.nodeValue+"-->"}else{c="<"+e.nodeName.toLowerCase();for(b=0,a=e.attributes.length;b<a;b++){var d=e.attributes[b];if(d.specified){c+=" "+d.nodeName.toLowerCase().replace(/xmlns:xmlns/,"xmlns")+"=";var f=d.nodeValue;if(f==null&&d.nodeName==="style"&&e.style){f=e.style.cssText}c+='"'+this.quoteHTML(f)+'"'}}c+=">";if(e.outerHTML!=null&&e.outerHTML.match(/(.<\/[A-Z]+>|\/>)$/)){for(b=0,a=e.childNodes.length;b<a;b++){c+=this.OuterHTML(e.childNodes[b])}c+="</"+e.nodeName.toLowerCase()+">"}}}return c},OuterHTML:function(d){if(d.nodeName.charAt(0)==="#"){return this.NodeHTML(d)}if(!this.AttributeBug){return d.outerHTML}var c=this.NodeHTML(d);for(var b=0,a=d.childNodes.length;b<a;b++){c+=this.OuterHTML(d.childNodes[b])}c+="</"+d.nodeName.toLowerCase()+">";return c},quoteHTML:function(a){if(a==null){a=""}return a.replace(/&/g,"&#x26;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/\"/g,"&quot;")},createPreview:function(f,b){var g=this.config.preview;if(g==="none"){return}var a=false;if(g==="mathml"){a=true;if(this.MathTagBug){g="alttext"}else{g=f.cloneNode(false)}}if(g==="alttext"||g==="altimg"){a=true;var c=this.filterPreview(f.getAttribute("alttext"));if(g==="alttext"){if(c!=null){g=MathJax.HTML.TextNode(c)}else{g=null}}else{var h=f.getAttribute("altimg");if(h!=null){var e={width:f.getAttribute("altimg-width"),height:f.getAttribute("altimg-height")};g=MathJax.HTML.Element("img",{src:h,alt:c,style:e})}else{g=null}}}if(g){var d;if(a){d=MathJax.HTML.Element("span",{className:MathJax.Hub.config.preRemoveClass});d.appendChild(g)}else{d=MathJax.HTML.Element("span",{className:MathJax.Hub.config.preRemoveClass},g)}b.parentNode.insertBefore(d,b)}},filterPreview:function(a){return a},InitBrowser:function(){var b=MathJax.HTML.Element("span",{id:"<",className:"mathjax",innerHTML:"<math><mi>x</mi><mspace /></math>"});var a=b.outerHTML||"";this.AttributeBug=a!==""&&!(a.match(/id="&lt;"/)&&a.match(/class="mathjax"/)&&a.match(/<\/math>/));this.MathTagBug=b.childNodes.length>1;this.CleanupHTML=MathJax.Hub.Browser.isMSIE}};MathJax.Hub.Register.PreProcessor(["PreProcess",MathJax.Extension.mml2jax],5);MathJax.Ajax.loadComplete("[MathJax]/extensions/mml2jax.js");
+(function(d,h,l,g,m,b,j){var q="2.3";var i=MathJax.Extension;var c=i.MathEvents={version:q};var k=d.config.menuSettings;var p={hover:500,frame:{x:3.5,y:5,bwidth:1,bcolor:"#A6D",hwidth:"15px",hcolor:"#83A"},button:{x:-4,y:-3,wx:-2,src:l.fileURL(b.imageDir+"/MenuArrow-15.png")},fadeinInc:0.2,fadeoutInc:0.05,fadeDelay:50,fadeoutStart:400,fadeoutDelay:15*1000,styles:{".MathJax_Hover_Frame":{"border-radius":".25em","-webkit-border-radius":".25em","-moz-border-radius":".25em","-khtml-border-radius":".25em","box-shadow":"0px 0px 15px #83A","-webkit-box-shadow":"0px 0px 15px #83A","-moz-box-shadow":"0px 0px 15px #83A","-khtml-box-shadow":"0px 0px 15px #83A",border:"1px solid #A6D ! important",display:"inline-block",position:"absolute"},".MathJax_Hover_Arrow":{position:"absolute",width:"15px",height:"11px",cursor:"pointer"}}};var n=c.Event={LEFTBUTTON:0,RIGHTBUTTON:2,MENUKEY:"altKey",Mousedown:function(r){return n.Handler(r,"Mousedown",this)},Mouseup:function(r){return n.Handler(r,"Mouseup",this)},Mousemove:function(r){return n.Handler(r,"Mousemove",this)},Mouseover:function(r){return n.Handler(r,"Mouseover",this)},Mouseout:function(r){return n.Handler(r,"Mouseout",this)},Click:function(r){return n.Handler(r,"Click",this)},DblClick:function(r){return n.Handler(r,"DblClick",this)},Menu:function(r){return n.Handler(r,"ContextMenu",this)},Handler:function(u,s,t){if(l.loadingMathMenu){return n.False(u)}var r=b[t.jaxID];if(!u){u=window.event}u.isContextMenu=(s==="ContextMenu");if(r[s]){return r[s](u,t)}if(i.MathZoom){return i.MathZoom.HandleEvent(u,s,t)}},False:function(r){if(!r){r=window.event}if(r){if(r.preventDefault){r.preventDefault()}if(r.stopPropagation){r.stopPropagation()}r.cancelBubble=true;r.returnValue=false}return false},ContextMenu:function(u,F,x){var C=b[F.jaxID],w=C.getJaxFromMath(F);var G=(C.config.showMathMenu!=null?C:d).config.showMathMenu;if(!G||(k.context!=="MathJax"&&!x)){return}if(c.msieEventBug){u=window.event||u}n.ClearSelection();f.ClearHoverTimer();if(w.hover){if(w.hover.remove){clearTimeout(w.hover.remove);delete w.hover.remove}w.hover.nofade=true}var v=MathJax.Menu;var H,E;if(v){if(v.loadingDomain){return n.False(u)}H=m.loadDomain("MathMenu");if(!H){v.jax=w;var s=v.menu.Find("Show Math As").menu;s.items[0].name=w.sourceMenuTitle;s.items[0].format=(w.sourceMenuFormat||"MathML");s.items[1].name=j[w.inputJax].sourceMenuTitle;var B=s.items[2];B.disabled=true;var r=B.menu.items;annotationList=MathJax.Hub.Config.semanticsAnnotations;for(var A=0,z=r.length;A<z;A++){var t=r[A].name[1];if(w.root&&w.root.getAnnotation(t)!==null){B.disabled=false;r[A].hidden=false}else{r[A].hidden=true}}var y=v.menu.Find("Math Settings","MathPlayer");y.hidden=!(w.outputJax==="NativeMML"&&d.Browser.hasMathPlayer);return v.menu.Post(u)}v.loadingDomain=true;E=function(){delete v.loadingDomain}}else{if(l.loadingMathMenu){return n.False(u)}l.loadingMathMenu=true;H=l.Require("[MathJax]/extensions/MathMenu.js");E=function(){delete l.loadingMathMenu;if(!MathJax.Menu){MathJax.Menu={}}}}var D={pageX:u.pageX,pageY:u.pageY,clientX:u.clientX,clientY:u.clientY};g.Queue(H,E,["ContextMenu",n,D,F,x]);return n.False(u)},AltContextMenu:function(t,s){var u=b[s.jaxID];var r=(u.config.showMathMenu!=null?u:d).config.showMathMenu;if(r){r=(u.config.showMathMenuMSIE!=null?u:d).config.showMathMenuMSIE;if(k.context==="MathJax"&&!k.mpContext&&r){if(!c.noContextMenuBug||t.button!==n.RIGHTBUTTON){return}}else{if(!t[n.MENUKEY]||t.button!==n.LEFTBUTTON){return}}return u.ContextMenu(t,s,true)}},ClearSelection:function(){if(c.safariContextMenuBug){setTimeout("window.getSelection().empty()",0)}if(document.selection){setTimeout("document.selection.empty()",0)}},getBBox:function(t){t.appendChild(c.topImg);var s=c.topImg.offsetTop,u=t.offsetHeight-s,r=t.offsetWidth;t.removeChild(c.topImg);return{w:r,h:s,d:u}}};var f=c.Hover={Mouseover:function(t,s){if(k.discoverable||k.zoom==="Hover"){var v=t.fromElement||t.relatedTarget,u=t.toElement||t.target;if(v&&u&&(v.isMathJax!=u.isMathJax||d.getJaxFor(v)!==d.getJaxFor(u))){var r=this.getJaxFromMath(s);if(r.hover){f.ReHover(r)}else{f.HoverTimer(r,s)}return n.False(t)}}},Mouseout:function(t,s){if(k.discoverable||k.zoom==="Hover"){var v=t.fromElement||t.relatedTarget,u=t.toElement||t.target;if(v&&u&&(v.isMathJax!=u.isMathJax||d.getJaxFor(v)!==d.getJaxFor(u))){var r=this.getJaxFromMath(s);if(r.hover){f.UnHover(r)}else{f.ClearHoverTimer()}return n.False(t)}}},Mousemove:function(t,s){if(k.discoverable||k.zoom==="Hover"){var r=this.getJaxFromMath(s);if(r.hover){return}if(f.lastX==t.clientX&&f.lastY==t.clientY){return}f.lastX=t.clientX;f.lastY=t.clientY;f.HoverTimer(r,s);return n.False(t)}},HoverTimer:function(r,s){this.ClearHoverTimer();this.hoverTimer=setTimeout(g(["Hover",this,r,s]),p.hover)},ClearHoverTimer:function(){if(this.hoverTimer){clearTimeout(this.hoverTimer);delete this.hoverTimer}},Hover:function(r,v){if(i.MathZoom&&i.MathZoom.Hover({},v)){return}var u=b[r.outputJax],w=u.getHoverSpan(r,v),z=u.getHoverBBox(r,w,v),x=(u.config.showMathMenu!=null?u:d).config.showMathMenu;var B=p.frame.x,A=p.frame.y,y=p.frame.bwidth;if(c.msieBorderWidthBug){y=0}r.hover={opacity:0,id:r.inputID+"-Hover"};var s=h.Element("span",{id:r.hover.id,isMathJax:true,style:{display:"inline-block",width:0,height:0,position:"relative"}},[["span",{className:"MathJax_Hover_Frame",isMathJax:true,style:{display:"inline-block",position:"absolute",top:this.Px(-z.h-A-y-(z.y||0)),left:this.Px(-B-y+(z.x||0)),width:this.Px(z.w+2*B),height:this.Px(z.h+z.d+2*A),opacity:0,filter:"alpha(opacity=0)"}}]]);var t=h.Element("span",{isMathJax:true,id:r.hover.id+"Menu",style:{display:"inline-block","z-index":1,width:0,height:0,position:"relative"}},[["img",{className:"MathJax_Hover_Arrow",isMathJax:true,math:v,src:p.button.src,onclick:this.HoverMenu,jax:u.id,style:{left:this.Px(z.w+B+y+(z.x||0)+p.button.x),top:this.Px(-z.h-A-y-(z.y||0)-p.button.y),opacity:0,filter:"alpha(opacity=0)"}}]]);if(z.width){s.style.width=t.style.width=z.width;s.style.marginRight=t.style.marginRight="-"+z.width;s.firstChild.style.width=z.width;t.firstChild.style.left="";t.firstChild.style.right=this.Px(p.button.wx)}w.parentNode.insertBefore(s,w);if(x){w.parentNode.insertBefore(t,w)}if(w.style){w.style.position="relative"}this.ReHover(r)},ReHover:function(r){if(r.hover.remove){clearTimeout(r.hover.remove)}r.hover.remove=setTimeout(g(["UnHover",this,r]),p.fadeoutDelay);this.HoverFadeTimer(r,p.fadeinInc)},UnHover:function(r){if(!r.hover.nofade){this.HoverFadeTimer(r,-p.fadeoutInc,p.fadeoutStart)}},HoverFade:function(r){delete r.hover.timer;r.hover.opacity=Math.max(0,Math.min(1,r.hover.opacity+r.hover.inc));r.hover.opacity=Math.floor(1000*r.hover.opacity)/1000;var t=document.getElementById(r.hover.id),s=document.getElementById(r.hover.id+"Menu");t.firstChild.style.opacity=r.hover.opacity;t.firstChild.style.filter="alpha(opacity="+Math.floor(100*r.hover.opacity)+")";if(s){s.firstChild.style.opacity=r.hover.opacity;s.firstChild.style.filter=t.style.filter}if(r.hover.opacity===1){return}if(r.hover.opacity>0){this.HoverFadeTimer(r,r.hover.inc);return}t.parentNode.removeChild(t);if(s){s.parentNode.removeChild(s)}if(r.hover.remove){clearTimeout(r.hover.remove)}delete r.hover},HoverFadeTimer:function(r,t,s){r.hover.inc=t;if(!r.hover.timer){r.hover.timer=setTimeout(g(["HoverFade",this,r]),(s||p.fadeDelay))}},HoverMenu:function(r){if(!r){r=window.event}return b[this.jax].ContextMenu(r,this.math,true)},ClearHover:function(r){if(r.hover.remove){clearTimeout(r.hover.remove)}if(r.hover.timer){clearTimeout(r.hover.timer)}f.ClearHoverTimer();delete r.hover},Px:function(r){if(Math.abs(r)<0.006){return"0px"}return r.toFixed(2).replace(/\.?0+$/,"")+"px"},getImages:function(){var r=new Image();r.src=p.button.src}};var a=c.Touch={last:0,delay:500,start:function(s){var r=new Date().getTime();var t=(r-a.last<a.delay&&a.up);a.last=r;a.up=false;if(t){a.timeout=setTimeout(a.menu,a.delay,s,this);s.preventDefault()}},end:function(s){var r=new Date().getTime();a.up=(r-a.last<a.delay);if(a.timeout){clearTimeout(a.timeout);delete a.timeout;a.last=0;a.up=false;s.preventDefault();return n.Handler((s.touches[0]||s.touch),"DblClick",this)}},menu:function(s,r){delete a.timeout;a.last=0;a.up=false;return n.Handler((s.touches[0]||s.touch),"ContextMenu",r)}};if(d.Browser.isMobile){var o=p.styles[".MathJax_Hover_Arrow"];o.width="25px";o.height="18px";p.button.x=-6}d.Browser.Select({MSIE:function(r){var t=(document.documentMode||0);var s=r.versionAtLeast("8.0");c.msieBorderWidthBug=(document.compatMode==="BackCompat");c.msieEventBug=r.isIE9;c.msieAlignBug=(!s||t<8);if(t<9){n.LEFTBUTTON=1}},Safari:function(r){c.safariContextMenuBug=true},Opera:function(r){c.operaPositionBug=true},Konqueror:function(r){c.noContextMenuBug=true}});c.topImg=(c.msieAlignBug?h.Element("img",{style:{width:0,height:0,position:"relative"},src:"about:blank"}):h.Element("span",{style:{width:0,height:0,display:"inline-block"}}));if(c.operaPositionBug){c.topImg.style.border="1px solid"}c.config=p=d.CombineConfig("MathEvents",p);var e=function(){var r=p.styles[".MathJax_Hover_Frame"];r.border=p.frame.bwidth+"px solid "+p.frame.bcolor+" ! important";r["box-shadow"]=r["-webkit-box-shadow"]=r["-moz-box-shadow"]=r["-khtml-box-shadow"]="0px 0px "+p.frame.hwidth+" "+p.frame.hcolor};g.Queue(d.Register.StartupHook("End Config",{}),[e],["getImages",f],["Styles",l,p.styles],["Post",d.Startup.signal,"MathEvents Ready"],["loadComplete",l,"[MathJax]/extensions/MathEvents.js"])})(MathJax.Hub,MathJax.HTML,MathJax.Ajax,MathJax.Callback,MathJax.Localization,MathJax.OutputJax,MathJax.InputJax);
+(function(a,d,f,c,j){var k="2.3";var i=a.CombineConfig("MathZoom",{styles:{"#MathJax_Zoom":{position:"absolute","background-color":"#F0F0F0",overflow:"auto",display:"block","z-index":301,padding:".5em",border:"1px solid black",margin:0,"font-weight":"normal","font-style":"normal","text-align":"left","text-indent":0,"text-transform":"none","line-height":"normal","letter-spacing":"normal","word-spacing":"normal","word-wrap":"normal","white-space":"nowrap","float":"none","box-shadow":"5px 5px 15px #AAAAAA","-webkit-box-shadow":"5px 5px 15px #AAAAAA","-moz-box-shadow":"5px 5px 15px #AAAAAA","-khtml-box-shadow":"5px 5px 15px #AAAAAA",filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')"},"#MathJax_ZoomOverlay":{position:"absolute",left:0,top:0,"z-index":300,display:"inline-block",width:"100%",height:"100%",border:0,padding:0,margin:0,"background-color":"white",opacity:0,filter:"alpha(opacity=0)"},"#MathJax_ZoomFrame":{position:"relative",display:"inline-block",height:0,width:0},"#MathJax_ZoomEventTrap":{position:"absolute",left:0,top:0,"z-index":302,display:"inline-block",border:0,padding:0,margin:0,"background-color":"white",opacity:0,filter:"alpha(opacity=0)"}}});var e,b,g;MathJax.Hub.Register.StartupHook("MathEvents Ready",function(){g=MathJax.Extension.MathEvents.Event;e=MathJax.Extension.MathEvents.Event.False;b=MathJax.Extension.MathEvents.Hover});var h=MathJax.Extension.MathZoom={version:k,settings:a.config.menuSettings,scrollSize:18,HandleEvent:function(n,l,m){if(h.settings.CTRL&&!n.ctrlKey){return true}if(h.settings.ALT&&!n.altKey){return true}if(h.settings.CMD&&!n.metaKey){return true}if(h.settings.Shift&&!n.shiftKey){return true}if(!h[l]){return true}return h[l](n,m)},Click:function(m,l){if(this.settings.zoom==="Click"){return this.Zoom(m,l)}},DblClick:function(m,l){if(this.settings.zoom==="Double-Click"||this.settings.zoom==="DoubleClick"){return this.Zoom(m,l)}},Hover:function(m,l){if(this.settings.zoom==="Hover"){this.Zoom(m,l);return true}return false},Zoom:function(n,s){this.Remove();b.ClearHoverTimer();g.ClearSelection();var q=MathJax.OutputJax[s.jaxID];var o=q.getJaxFromMath(s);if(o.hover){b.UnHover(o)}var l=Math.floor(0.85*document.body.clientWidth),r=Math.floor(0.85*Math.max(document.body.clientHeight,document.documentElement.clientHeight));var m=d.Element("span",{id:"MathJax_ZoomFrame"},[["span",{id:"MathJax_ZoomOverlay",onmousedown:this.Remove}],["span",{id:"MathJax_Zoom",onclick:this.Remove,style:{visibility:"hidden",fontSize:this.settings.zscale,"max-width":l+"px","max-height":r+"px"}},[["span",{style:{display:"inline-block","white-space":"nowrap"}}]]]]);var x=m.lastChild,u=x.firstChild,p=m.firstChild;s.parentNode.insertBefore(m,s);s.parentNode.insertBefore(s,m);if(u.addEventListener){u.addEventListener("mousedown",this.Remove,true)}if(this.msieTrapEventBug){var w=d.Element("span",{id:"MathJax_ZoomEventTrap",onmousedown:this.Remove});m.insertBefore(w,x)}if(this.msieZIndexBug){var t=d.addElement(document.body,"img",{src:"about:blank",id:"MathJax_ZoomTracker",width:0,height:0,style:{width:0,height:0,position:"relative"}});m.style.position="relative";m.style.zIndex=i.styles["#MathJax_ZoomOverlay"]["z-index"];m=t}var v=q.Zoom(o,u,s,l,r);if(this.msiePositionBug){if(this.msieSizeBug){x.style.height=v.zH+"px";x.style.width=v.zW+"px"}if(x.offsetHeight>r){x.style.height=r+"px";x.style.width=(v.zW+this.scrollSize)+"px"}if(x.offsetWidth>l){x.style.width=l+"px";x.style.height=(v.zH+this.scrollSize)+"px"}}if(this.operaPositionBug){x.style.width=Math.min(l,v.zW)+"px"}if(x.offsetWidth&&x.offsetWidth<l&&x.offsetHeight<r){x.style.overflow="visible"}this.Position(x,v);if(this.msieTrapEventBug){w.style.height=x.clientHeight+"px";w.style.width=x.clientWidth+"px";w.style.left=(parseFloat(x.style.left)+x.clientLeft)+"px";w.style.top=(parseFloat(x.style.top)+x.clientTop)+"px"}x.style.visibility="";if(this.settings.zoom==="Hover"){p.onmouseover=this.Remove}if(window.addEventListener){addEventListener("resize",this.Resize,false)}else{if(window.attachEvent){attachEvent("onresize",this.Resize)}else{this.onresize=window.onresize;window.onresize=this.Resize}}a.signal.Post(["math zoomed",o]);return e(n)},Position:function(p,r){var q=this.Resize(),m=q.x,s=q.y,l=r.mW;var o=-l-Math.floor((p.offsetWidth-l)/2),n=r.Y;p.style.left=Math.max(o,10-m)+"px";p.style.top=Math.max(n,10-s)+"px";if(!h.msiePositionBug){h.SetWH()}},Resize:function(m){if(h.onresize){h.onresize(m)}var r=document.getElementById("MathJax_ZoomFrame"),l=document.getElementById("MathJax_ZoomOverlay");var o=h.getXY(r);var n=r.parentNode,q=h.getOverflow(n);while(n.parentNode&&n!==document.body&&q==="visible"){n=n.parentNode;q=h.getOverflow(n)}if(q!=="visible"){l.scroll_parent=n;var p=h.getXY(n);o.x-=p.x;o.y-=p.y;p=h.getBorder(n);o.x-=p.x;o.y-=p.y}l.style.left=(-o.x)+"px";l.style.top=(-o.y)+"px";if(h.msiePositionBug){setTimeout(h.SetWH,0)}else{h.SetWH()}return o},SetWH:function(){var l=document.getElementById("MathJax_ZoomOverlay");l.style.width=l.style.height="1px";var m=l.scroll_parent||document.documentElement||document.body;l.style.width=m.scrollWidth+"px";l.style.height=Math.max(m.clientHeight,m.scrollHeight)+"px"},getOverflow:(window.getComputedStyle?function(l){return getComputedStyle(l).overflow}:function(l){return(l.currentStyle||{overflow:"visible"}).overflow}),getBorder:function(o){var m={thin:1,medium:2,thick:3};var n=(window.getComputedStyle?getComputedStyle(o):(o.currentStyle||{borderLeftWidth:0,borderTopWidth:0}));var l=n.borderLeftWidth,p=n.borderTopWidth;if(m[l]){l=m[l]}else{l=parseInt(l)}if(m[p]){p=m[p]}else{p=parseInt(p)}return{x:l,y:p}},getXY:function(o){var l=0,n=0,m;m=o;while(m.offsetParent){l+=m.offsetLeft;m=m.offsetParent}if(h.operaPositionBug){o.style.border="1px solid"}m=o;while(m.offsetParent){n+=m.offsetTop;m=m.offsetParent}if(h.operaPositionBug){o.style.border=""}return{x:l,y:n}},Remove:function(n){var p=document.getElementById("MathJax_ZoomFrame");if(p){var o=MathJax.OutputJax[p.previousSibling.jaxID];var l=o.getJaxFromMath(p.previousSibling);a.signal.Post(["math unzoomed",l]);p.parentNode.removeChild(p);p=document.getElementById("MathJax_ZoomTracker");if(p){p.parentNode.removeChild(p)}if(h.operaRefreshBug){var m=d.addElement(document.body,"div",{style:{position:"fixed",left:0,top:0,width:"100%",height:"100%",backgroundColor:"white",opacity:0},id:"MathJax_OperaDiv"});document.body.removeChild(m)}if(window.removeEventListener){removeEventListener("resize",h.Resize,false)}else{if(window.detachEvent){detachEvent("onresize",h.Resize)}else{window.onresize=h.onresize;delete h.onresize}}}return e(n)}};a.Browser.Select({MSIE:function(l){var n=(document.documentMode||0);var m=(n>=9);h.msiePositionBug=!m;h.msieSizeBug=l.versionAtLeast("7.0")&&(!document.documentMode||n===7||n===8);h.msieZIndexBug=(n<=7);h.msieInlineBlockAlignBug=(n<=7);h.msieTrapEventBug=!window.addEventListener;if(document.compatMode==="BackCompat"){h.scrollSize=52}if(m){delete i.styles["#MathJax_Zoom"].filter}},Opera:function(l){h.operaPositionBug=true;h.operaRefreshBug=true}});h.topImg=(h.msieInlineBlockAlignBug?d.Element("img",{style:{width:0,height:0,position:"relative"},src:"about:blank"}):d.Element("span",{style:{width:0,height:0,display:"inline-block"}}));if(h.operaPositionBug||h.msieTopBug){h.topImg.style.border="1px solid"}MathJax.Callback.Queue(["StartupHook",MathJax.Hub.Register,"Begin Styles",{}],["Styles",f,i.styles],["Post",a.Startup.signal,"MathZoom Ready"],["loadComplete",f,"[MathJax]/extensions/MathZoom.js"])})(MathJax.Hub,MathJax.HTML,MathJax.Ajax,MathJax.OutputJax["HTML-CSS"],MathJax.OutputJax.NativeMML);
+(function(c,g,k,f,b){var q="2.3";var j=MathJax.Callback.Signal("menu");MathJax.Extension.MathMenu={version:q,signal:j};var o=function(r){return MathJax.Localization._.apply(MathJax.Localization,[["MathMenu",r]].concat([].slice.call(arguments,1)))};var n=c.Browser.isPC,l=c.Browser.isMSIE,e=((document.documentMode||0)>8);var i=(n?null:"5px");var p=c.CombineConfig("MathMenu",{delay:150,closeImg:k.fileURL(b.imageDir+"/CloseX-31.png"),showRenderer:true,showMathPlayer:true,showFontMenu:false,showContext:false,showDiscoverable:false,showLocale:true,showLocaleURL:false,semanticsAnnotations:{TeX:["TeX","LaTeX","application/x-tex"],StarMath:["StarMath 5.0"],Maple:["Maple"],ContentMathML:["MathML-Content","application/mathml-content+xml"],OpenMath:["OpenMath"]},windowSettings:{status:"no",toolbar:"no",locationbar:"no",menubar:"no",directories:"no",personalbar:"no",resizable:"yes",scrollbars:"yes",width:400,height:300,left:Math.round((screen.width-400)/2),top:Math.round((screen.height-300)/3)},styles:{"#MathJax_About":{position:"fixed",left:"50%",width:"auto","text-align":"center",border:"3px outset",padding:"1em 2em","background-color":"#DDDDDD",color:"black",cursor:"default","font-family":"message-box","font-size":"120%","font-style":"normal","text-indent":0,"text-transform":"none","line-height":"normal","letter-spacing":"normal","word-spacing":"normal","word-wrap":"normal","white-space":"nowrap","float":"none","z-index":201,"border-radius":"15px","-webkit-border-radius":"15px","-moz-border-radius":"15px","-khtml-border-radius":"15px","box-shadow":"0px 10px 20px #808080","-webkit-box-shadow":"0px 10px 20px #808080","-moz-box-shadow":"0px 10px 20px #808080","-khtml-box-shadow":"0px 10px 20px #808080",filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')"},".MathJax_Menu":{position:"absolute","background-color":"white",color:"black",width:"auto",padding:(n?"2px":"5px 0px"),border:"1px solid #CCCCCC",margin:0,cursor:"default",font:"menu","text-align":"left","text-indent":0,"text-transform":"none","line-height":"normal","letter-spacing":"normal","word-spacing":"normal","word-wrap":"normal","white-space":"nowrap","float":"none","z-index":201,"border-radius":i,"-webkit-border-radius":i,"-moz-border-radius":i,"-khtml-border-radius":i,"box-shadow":"0px 10px 20px #808080","-webkit-box-shadow":"0px 10px 20px #808080","-moz-box-shadow":"0px 10px 20px #808080","-khtml-box-shadow":"0px 10px 20px #808080",filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')"},".MathJax_MenuItem":{padding:(n?"2px 2em":"1px 2em"),background:"transparent"},".MathJax_MenuArrow":{position:"absolute",right:".5em",color:"#666666","font-family":(l?"'Arial unicode MS'":null)},".MathJax_MenuActive .MathJax_MenuArrow":{color:"white"},".MathJax_MenuCheck":{position:"absolute",left:".7em","font-family":(l?"'Arial unicode MS'":null)},".MathJax_MenuRadioCheck":{position:"absolute",left:(n?"1em":".7em")},".MathJax_MenuLabel":{padding:(n?"2px 2em 4px 1.33em":"1px 2em 3px 1.33em"),"font-style":"italic"},".MathJax_MenuRule":{"border-top":(n?"1px solid #CCCCCC":"1px solid #DDDDDD"),margin:(n?"4px 1px 0px":"4px 3px")},".MathJax_MenuDisabled":{color:"GrayText"},".MathJax_MenuActive":{"background-color":(n?"Highlight":"#606872"),color:(n?"HighlightText":"white")},".MathJax_Menu_Close":{position:"absolute",width:"31px",height:"31px",top:"-15px",left:"-15px"}}});var h,d;c.Register.StartupHook("MathEvents Ready",function(){h=MathJax.Extension.MathEvents.Event.False;d=MathJax.Extension.MathEvents.Hover});var a=MathJax.Menu=MathJax.Object.Subclass({version:q,items:[],posted:false,title:null,margin:5,Init:function(r){this.items=[].slice.call(arguments,0)},With:function(r){if(r){c.Insert(this,r)}return this},Post:function(s,B){if(!s){s=window.event}var r=document.getElementById("MathJax_MenuFrame");if(!r){r=a.Background(this);delete m.lastItem;delete m.lastMenu;delete a.skipUp;j.Post(["post",a.jax])}var t=g.addElement(r,"div",{onmouseup:a.Mouseup,ondblclick:h,ondragstart:h,onselectstart:h,oncontextmenu:h,menuItem:this,className:"MathJax_Menu"});MathJax.Localization.setCSS(t);for(var v=0,u=this.items.length;v<u;v++){this.items[v].Create(t)}if(a.isMobile){g.addElement(t,"span",{className:"MathJax_Menu_Close",menu:B,ontouchstart:a.Close,ontouchend:h,onmousedown:a.Close,onmouseup:h},[["img",{src:p.closeImg,style:{width:"100%",height:"100%"}}]])}this.posted=true;t.style.width=(t.offsetWidth+2)+"px";var A=s.pageX,z=s.pageY;if(!A&&!z){A=s.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;z=s.clientY+document.body.scrollTop+document.documentElement.scrollTop}if(!B){if(A+t.offsetWidth>document.body.offsetWidth-this.margin){A=document.body.offsetWidth-t.offsetWidth-this.margin}if(a.isMobile){A=Math.max(5,A-Math.floor(t.offsetWidth/2));z-=20}a.skipUp=s.isContextMenu}else{var w="left",C=B.offsetWidth;A=(a.isMobile?30:C-2);z=0;while(B&&B!==r){A+=B.offsetLeft;z+=B.offsetTop;B=B.parentNode}if(A+t.offsetWidth>document.body.offsetWidth-this.margin&&!a.isMobile){w="right";A=Math.max(this.margin,A-C-t.offsetWidth+6)}if(!n){t.style["borderRadiusTop"+w]=0;t.style["WebkitBorderRadiusTop"+w]=0;t.style["MozBorderRadiusTop"+w]=0;t.style["KhtmlBorderRadiusTop"+w]=0}}t.style.left=A+"px";t.style.top=z+"px";if(document.selection&&document.selection.empty){document.selection.empty()}return h(s)},Remove:function(r,s){j.Post(["unpost",a.jax]);var t=document.getElementById("MathJax_MenuFrame");if(t){t.parentNode.removeChild(t);if(this.msieFixedPositionBug){detachEvent("onresize",a.Resize)}}if(a.jax.hover){delete a.jax.hover.nofade;d.UnHover(a.jax)}return h(r)},Find:function(r){return this.FindN(1,r,[].slice.call(arguments,1))},FindId:function(r){return this.FindN(0,r,[].slice.call(arguments,1))},FindN:function(v,s,u){for(var t=0,r=this.items.length;t<r;t++){if(this.items[t].name[v]===s){if(u.length){if(!this.items[t].menu){return null}return this.items[t].menu.FindN(v,u[0],u.slice(1))}return this.items[t]}}return null},IndexOf:function(r){return this.IndexOfN(1,r)},IndexOfId:function(r){return this.IndexOfN(0,r)},IndexOfN:function(u,s){for(var t=0,r=this.items.length;t<r;t++){if(this.items[t].name[u]===s){return t}}return null}},{config:p,div:null,Close:function(r){return a.Event(r,this.menu||this.parentNode,(this.menu?"Touchend":"Remove"))},Remove:function(r){return a.Event(r,this,"Remove")},Mouseover:function(r){return a.Event(r,this,"Mouseover")},Mouseout:function(r){return a.Event(r,this,"Mouseout")},Mousedown:function(r){return a.Event(r,this,"Mousedown")},Mouseup:function(r){return a.Event(r,this,"Mouseup")},Touchstart:function(r){return a.Event(r,this,"Touchstart")},Touchend:function(r){return a.Event(r,this,"Touchend")},Event:function(t,v,r,u){if(a.skipMouseover&&r==="Mouseover"&&!u){return h(t)}if(a.skipUp){if(r.match(/Mouseup|Touchend/)){delete a.skipUp;return h(t)}if(r==="Touchstart"||(r==="Mousedown"&&!a.skipMousedown)){delete a.skipUp}}if(!t){t=window.event}var s=v.menuItem;if(s&&s[r]){return s[r](t,v)}return null},BGSTYLE:{position:"absolute",left:0,top:0,"z-index":200,width:"100%",height:"100%",border:0,padding:0,margin:0},Background:function(s){var t=g.addElement(document.body,"div",{style:this.BGSTYLE,id:"MathJax_MenuFrame"},[["div",{style:this.BGSTYLE,menuItem:s,onmousedown:this.Remove}]]);var r=t.firstChild;if(a.msieBackgroundBug){r.style.backgroundColor="white";r.style.filter="alpha(opacity=0)"}if(a.msieFixedPositionBug){t.width=t.height=0;this.Resize();attachEvent("onresize",this.Resize)}else{r.style.position="fixed"}return t},Resize:function(){setTimeout(a.SetWH,0)},SetWH:function(){var r=document.getElementById("MathJax_MenuFrame");if(r){r=r.firstChild;r.style.width=r.style.height="1px";r.style.width=document.body.scrollWidth+"px";r.style.height=document.body.scrollHeight+"px"}},saveCookie:function(){g.Cookie.Set("menu",this.cookie)},getCookie:function(){this.cookie=g.Cookie.Get("menu")},getImages:function(){if(a.isMobile){var r=new Image();r.src=p.closeImg}}});var m=a.ITEM=MathJax.Object.Subclass({name:"",Create:function(s){if(!this.hidden){var r={onmouseover:a.Mouseover,onmouseout:a.Mouseout,onmouseup:a.Mouseup,onmousedown:a.Mousedown,ondragstart:h,onselectstart:h,onselectend:h,ontouchstart:a.Touchstart,ontouchend:a.Touchend,className:"MathJax_MenuItem",menuItem:this};if(this.disabled){r.className+=" MathJax_MenuDisabled"}g.addElement(s,"div",r,this.Label(r,s))}},Name:function(){return o(this.name[0],this.name[1])},Mouseover:function(v,x){if(!this.disabled){this.Activate(x)}if(!this.menu||!this.menu.posted){var w=document.getElementById("MathJax_MenuFrame").childNodes,s=x.parentNode.childNodes;for(var t=0,r=s.length;t<r;t++){var u=s[t].menuItem;if(u&&u.menu&&u.menu.posted){u.Deactivate(s[t])}}r=w.length-1;while(r>=0&&x.parentNode.menuItem!==w[r].menuItem){w[r].menuItem.posted=false;w[r].parentNode.removeChild(w[r]);r--}if(this.Timer&&!a.isMobile){this.Timer(v,x)}}},Mouseout:function(r,s){if(!this.menu||!this.menu.posted){this.Deactivate(s)}if(this.timer){clearTimeout(this.timer);delete this.timer}},Mouseup:function(r,s){return this.Remove(r,s)},Touchstart:function(r,s){return this.TouchEvent(r,s,"Mousedown")},Touchend:function(r,s){return this.TouchEvent(r,s,"Mouseup")},TouchEvent:function(s,t,r){if(this!==m.lastItem){if(m.lastMenu){a.Event(s,m.lastMenu,"Mouseout")}a.Event(s,t,"Mouseover",true);m.lastItem=this;m.lastMenu=t}if(this.nativeTouch){return null}a.Event(s,t,r);return false},Remove:function(r,s){s=s.parentNode.menuItem;return s.Remove(r,s)},Activate:function(r){this.Deactivate(r);r.className+=" MathJax_MenuActive"},Deactivate:function(r){r.className=r.className.replace(/ MathJax_MenuActive/,"")},With:function(r){if(r){c.Insert(this,r)}return this}});a.ITEM.COMMAND=a.ITEM.Subclass({action:function(){},Init:function(r,t,s){if(!(r instanceof Array)){r=[r,r]}this.name=r;this.action=t;this.With(s)},Label:function(r,s){return[this.Name()]},Mouseup:function(r,s){if(!this.disabled){this.Remove(r,s);j.Post(["command",this]);this.action.call(this,r)}return h(r)}});a.ITEM.SUBMENU=a.ITEM.Subclass({menu:null,marker:(n&&!c.Browser.isSafari?"\u25B6":"\u25B8"),Init:function(r,t){if(!(r instanceof Array)){r=[r,r]}this.name=r;var s=1;if(!(t instanceof a.ITEM)){this.With(t),s++}this.menu=a.apply(a,[].slice.call(arguments,s))},Label:function(r,s){this.menu.posted=false;return[this.Name()+" ",["span",{className:"MathJax_MenuArrow"},[this.marker]]]},Timer:function(r,s){if(this.timer){clearTimeout(this.timer)}r={clientX:r.clientX,clientY:r.clientY};this.timer=setTimeout(f(["Mouseup",this,r,s]),p.delay)},Touchend:function(s,u){var t=this.menu.posted;var r=this.SUPER(arguments).Touchend.apply(this,arguments);if(t){this.Deactivate(u);delete m.lastItem;delete m.lastMenu}return r},Mouseup:function(s,u){if(!this.disabled){if(!this.menu.posted){if(this.timer){clearTimeout(this.timer);delete this.timer}this.menu.Post(s,u)}else{var t=document.getElementById("MathJax_MenuFrame").childNodes,r=t.length-1;while(r>=0){var v=t[r];v.menuItem.posted=false;v.parentNode.removeChild(v);if(v.menuItem===this.menu){break}r--}}}return h(s)}});a.ITEM.RADIO=a.ITEM.Subclass({variable:null,marker:(n?"\u25CF":"\u2713"),Init:function(s,r,t){if(!(s instanceof Array)){s=[s,s]}this.name=s;this.variable=r;this.With(t);if(this.value==null){this.value=this.name[0]}},Label:function(s,t){var r={className:"MathJax_MenuRadioCheck"};if(p.settings[this.variable]!==this.value){r={style:{display:"none"}}}return[["span",r,[this.marker]]," "+this.Name()]},Mouseup:function(u,v){if(!this.disabled){var w=v.parentNode.childNodes;for(var s=0,r=w.length;s<r;s++){var t=w[s].menuItem;if(t&&t.variable===this.variable){w[s].firstChild.style.display="none"}}v.firstChild.display="";p.settings[this.variable]=this.value;a.cookie[this.variable]=p.settings[this.variable];a.saveCookie();j.Post(["radio button",this])}this.Remove(u,v);if(this.action&&!this.disabled){this.action.call(a,this)}return h(u)}});a.ITEM.CHECKBOX=a.ITEM.Subclass({variable:null,marker:"\u2713",Init:function(s,r,t){if(!(s instanceof Array)){s=[s,s]}this.name=s;this.variable=r;this.With(t)},Label:function(s,t){var r={className:"MathJax_MenuCheck"};if(!p.settings[this.variable]){r={style:{display:"none"}}}return[["span",r,[this.marker]]," "+this.Name()]},Mouseup:function(r,s){if(!this.disabled){s.firstChild.display=(p.settings[this.variable]?"none":"");p.settings[this.variable]=!p.settings[this.variable];a.cookie[this.variable]=p.settings[this.variable];a.saveCookie();j.Post(["checkbox",this])}this.Remove(r,s);if(this.action&&!this.disabled){this.action.call(a,this)}return h(r)}});a.ITEM.LABEL=a.ITEM.Subclass({Init:function(r,s){if(!(r instanceof Array)){r=[r,r]}this.name=r;this.With(s)},Label:function(r,s){delete r.onmouseover,delete r.onmouseout;delete r.onmousedown;r.className+=" MathJax_MenuLabel";return[this.Name()]}});a.ITEM.RULE=a.ITEM.Subclass({Label:function(r,s){delete r.onmouseover,delete r.onmouseout;delete r.onmousedown;r.className+=" MathJax_MenuRule";return null}});a.About=function(){var t=b["HTML-CSS"]||{};var s=(t.imgFonts?"image":(t.fontInUse?(t.webFonts?"web":"local")+" "+t.fontInUse:(b.SVG?"web SVG":"generic")))+" fonts";var x=(!t.webFonts||t.imgFonts?null:t.allowWebFonts.replace(/otf/,"woff or otf")+" fonts");var r=["MathJax.js v"+MathJax.fileversion,["br"]];r.push(["div",{style:{"border-top":"groove 2px",margin:".25em 0"}}]);a.About.GetJax(r,MathJax.InputJax,["InputJax","%1 Input Jax v%2"]);a.About.GetJax(r,MathJax.OutputJax,["OutputJax","%1 Output Jax v%2"]);a.About.GetJax(r,MathJax.ElementJax,["ElementJax","%1 Element Jax v%2"]);r.push(["div",{style:{"border-top":"groove 2px",margin:".25em 0"}}]);a.About.GetJax(r,MathJax.Extension,["Extension","%1 Extension v%2"],true);r.push(["div",{style:{"border-top":"groove 2px",margin:".25em 0"}}],["center",{},[c.Browser+" v"+c.Browser.version+(x?" \u2014 "+o(x.replace(/ /g,""),x):"")]]);a.About.div=a.Background(a.About);var v=g.addElement(a.About.div,"div",{id:"MathJax_About"},[["b",{style:{fontSize:"120%"}},["MathJax"]]," v"+MathJax.version,["br"],o(s.replace(/ /g,""),"using "+s),["br"],["br"],["span",{style:{display:"inline-block","text-align":"left","font-size":"80%","max-height":"20em",overflow:"auto","background-color":"#E4E4E4",padding:".4em .6em",border:"1px inset"}},r],["br"],["br"],["a",{href:"http://www.mathjax.org/"},["www.mathjax.org"]],["img",{src:p.closeImg,style:{width:"21px",height:"21px",position:"absolute",top:".2em",right:".2em"},onclick:a.About.Remove}]]);MathJax.Localization.setCSS(v);var w=(document.documentElement||{});var u=window.innerHeight||w.clientHeight||w.scrollHeight||0;if(a.prototype.msieAboutBug){v.style.width="20em";v.style.position="absolute";v.style.left=Math.floor((document.documentElement.scrollWidth-v.offsetWidth)/2)+"px";v.style.top=(Math.floor((u-v.offsetHeight)/3)+document.body.scrollTop)+"px"}else{v.style.marginLeft=Math.floor(-v.offsetWidth/2)+"px";v.style.top=Math.floor((u-v.offsetHeight)/3)+"px"}};a.About.Remove=function(r){if(a.About.div){document.body.removeChild(a.About.div);delete a.About.div}};a.About.GetJax=function(s,x,v,u){var w=[];for(var y in x){if(x.hasOwnProperty(y)&&x[y]){if((u&&x[y].version)||(x[y].isa&&x[y].isa(x))){w.push(o(v[0],v[1],(x[y].id||y),x[y].version))}}}w.sort();for(var t=0,r=w.length;t<r;t++){s.push(w[t],["br"])}return s};a.Help=function(){k.Require("[MathJax]/extensions/HelpDialog.js",function(){MathJax.Extension.Help.Dialog()})};a.ShowSource=function(v){if(!v){v=window.event}var u={screenX:v.screenX,screenY:v.screenY};if(!a.jax){return}if(this.format==="MathML"){var s=MathJax.ElementJax.mml;if(s&&typeof(s.mbase.prototype.toMathML)!=="undefined"){try{a.ShowSource.Text(a.jax.root.toMathML(),v)}catch(t){if(!t.restart){throw t}f.After([this,a.ShowSource,u],t.restart)}}else{if(!k.loadingToMathML){k.loadingToMathML=true;a.ShowSource.Window(v);f.Queue(k.Require("[MathJax]/extensions/toMathML.js"),function(){delete k.loadingToMathML;if(!s.mbase.prototype.toMathML){s.mbase.prototype.toMathML=function(){}}},[this,a.ShowSource,u]);return}}}else{if(this.format==="Error"){a.ShowSource.Text(a.jax.errorText,v)}else{if(p.semanticsAnnotations[this.format]){var r=a.jax.root.getAnnotation(this.format);if(r.data[0]){a.ShowSource.Text(r.data[0].toString())}}else{if(a.jax.originalText==null){alert(o("NoOriginalForm","No original form available"));return}a.ShowSource.Text(a.jax.originalText,v)}}}};a.ShowSource.Window=function(s){if(!a.ShowSource.w){var t=[],r=p.windowSettings;for(var u in r){if(r.hasOwnProperty(u)){t.push(u+"="+r[u])}}a.ShowSource.w=window.open("","_blank",t.join(","))}return a.ShowSource.w};a.ShowSource.Text=function(v,t){var r=a.ShowSource.Window(t);delete a.ShowSource.w;v=v.replace(/^\s*/,"").replace(/\s*$/,"");v=v.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");var u=o("EqSource","MathJax Equation Source");if(a.isMobile){r.document.open();r.document.write("<html><head><meta name='viewport' content='width=device-width, initial-scale=1.0' /><title>"+u+"</title></head><body style='font-size:85%'>");r.document.write("<pre>"+v+"</pre>");r.document.write("<hr><input type='button' value='"+o("Close","Close")+"' onclick='window.close()' />");r.document.write("</body></html>");r.document.close()}else{r.document.open();r.document.write("<html><head><title>"+u+"</title></head><body style='font-size:85%'>");r.document.write("<table><tr><td><pre>"+v+"</pre></td></tr></table>");r.document.write("</body></html>");r.document.close();var s=r.document.body.firstChild;setTimeout(function(){var A=(r.outerHeight-r.innerHeight)||30,z=(r.outerWidth-r.innerWidth)||30,w,B;z=Math.max(100,Math.min(Math.floor(0.5*screen.width),s.offsetWidth+z+25));A=Math.max(40,Math.min(Math.floor(0.5*screen.height),s.offsetHeight+A+25));r.resizeTo(z,A);if(t&&t.screenX!=null){w=Math.max(0,Math.min(t.screenX-Math.floor(z/2),screen.width-z-20));B=Math.max(0,Math.min(t.screenY-Math.floor(A/2),screen.height-A-20));r.moveTo(w,B)}},50)}};a.Scale=function(){var s=b["HTML-CSS"],r=b.NativeMML,v=b.SVG;var u=(s||r||v||{config:{scale:100}}).config.scale;var t=prompt(o("ScaleMath","Scale all mathematics (compared to surrounding text) by"),u+"%");if(t){if(t.match(/^\s*\d+(\.\d*)?\s*%?\s*$/)){t=parseFloat(t);if(t){if(t!==u){if(s){s.config.scale=t}if(r){r.config.scale=t}if(v){v.config.scale=t}a.cookie.scale=t;a.saveCookie();c.Reprocess()}}else{alert(o("NonZeroScale","The scale should not be zero"))}}else{alert(o("PercentScale","The scale should be a percentage (e.g., 120%%)"))}}};a.Zoom=function(){if(!MathJax.Extension.MathZoom){k.Require("[MathJax]/extensions/MathZoom.js")}};a.Renderer=function(){var s=c.outputJax["jax/mml"];if(s[0]!==p.settings.renderer){var v=c.Browser,u,r=a.Renderer.Messages,t;switch(p.settings.renderer){case"NativeMML":if(!p.settings.warnedMML){if(v.isChrome&&v.version.substr(0,3)!=="24."){u=r.MML.WebKit}else{if(v.isSafari&&!v.versionAtLeast("5.0")){u=r.MML.WebKit}else{if(v.isMSIE){if(!v.hasMathPlayer){u=r.MML.MSIE}}else{u=r.MML[v]}}}t="warnedMML"}break;case"SVG":if(!p.settings.warnedSVG){if(v.isMSIE&&!e){u=r.SVG.MSIE}}break}if(u){u=o(u[0],u[1]);u+="\n\n";u+=o("SwitchAnyway","Switch the renderer anyway?\n\n(Press OK to switch, CANCEL to continue with the current renderer)");a.cookie.renderer=s[0].id;a.saveCookie();if(!confirm(u)){a.cookie.renderer=p.settings.renderer=g.Cookie.Get("menu").renderer;a.saveCookie();return}if(t){a.cookie.warned=p.settings.warned=true}a.cookie.renderer=p.settings.renderer;a.saveCookie()}c.Queue(["setRenderer",c,p.settings.renderer,"jax/mml"],["Rerender",c])}};a.Renderer.Messages={MML:{WebKit:["WebkitNativeMMLWarning","Your browser doesn't seem to support MathML natively, so switching to MathML output may cause the mathematics on the page to become unreadable."],MSIE:["MSIENativeMMLWarning","Internet Explorer requires the MathPlayer plugin in order to process MathML output."],Opera:["OperaNativeMMLWarning","Opera's support for MathML is limited, so switching to MathML output may cause some expressions to render poorly."],Safari:["SafariNativeMMLWarning","Your browser's native MathML does not implement all the features used by MathJax, so some expressions may not render properly."],Firefox:["FirefoxNativeMMLWarning","Your browser's native MathML does not implement all the features used by MathJax, so some expressions may not render properly."]},SVG:{MSIE:["MSIESVGWarning","SVG is not implemented in Internet Explorer prior to IE9 or when it is emulating IE8 or below. Switching to SVG output will cause the mathematics to not display properly."]}};a.Font=function(){var r=b["HTML-CSS"];if(!r){return}document.location.reload()};a.Locale=function(){MathJax.Localization.setLocale(p.settings.locale);MathJax.Hub.Queue(["Reprocess",MathJax.Hub])};a.LoadLocale=function(){var r=prompt(o("LoadURL","Load translation data from this URL:"));if(r){if(!r.match(/\.js$/)){alert(o("BadURL","The URL should be for a javascript file that defines MathJax translation data.  Javascript file names should end with '.js'"))}k.Require(r,function(s){if(s!=k.STATUS.OK){alert(o("BadData","Failed to load translation data from %1",r))}})}};a.MPEvents=function(t){var s=p.settings.discoverable,r=a.MPEvents.Messages;if(!e){if(p.settings.mpMouse&&!confirm(o.apply(o,r.IE8warning))){delete a.cookie.mpContext;delete p.settings.mpContext;delete a.cookie.mpMouse;delete p.settings.mpMouse;a.saveCookie();return}p.settings.mpContext=p.settings.mpMouse;a.cookie.mpContext=a.cookie.mpMouse=p.settings.mpMouse;a.saveCookie();MathJax.Hub.Queue(["Rerender",MathJax.Hub])}else{if(!s&&t.name[1]==="Menu Events"&&p.settings.mpContext){alert(o.apply(o,r.IE9warning))}}};a.MPEvents.Messages={IE8warning:["IE8warning","This will disable the MathJax menu and zoom features, but you can Alt-Click on an expression to obtain the MathJax menu instead.\n\nReally change the MathPlayer settings?"],IE9warning:["IE9warning","The MathJax contextual menu will be disabled, but you can Alt-Click on an expression to obtain the MathJax menu instead."]};c.Browser.Select({MSIE:function(r){var s=(document.compatMode==="BackCompat");var t=r.versionAtLeast("8.0")&&document.documentMode>7;a.Augment({margin:20,msieBackgroundBug:(document.documentMode<9),msieFixedPositionBug:(s||!t),msieAboutBug:s});if(e){delete p.styles["#MathJax_About"].filter;delete p.styles[".MathJax_Menu"].filter}},Firefox:function(r){a.skipMouseover=r.isMobile&&r.versionAtLeast("6.0");a.skipMousedown=r.isMobile}});a.isMobile=c.Browser.isMobile;a.noContextMenu=c.Browser.noContextMenu;a.CreateLocaleMenu=function(){if(!a.menu){return}var w=a.menu.Find("Language").menu,t=w.items;var s=[],y=MathJax.Localization.strings;for(var x in y){if(y.hasOwnProperty(x)){s.push(x)}}s=s.sort();w.items=[];for(var u=0,r=s.length;u<r;u++){var v=y[s[u]].menuTitle;if(v){v+=" ("+s[u]+")"}else{v=s[u]}w.items.push(m.RADIO([s[u],v],"locale",{action:a.Locale}))}w.items.push(t[t.length-2],t[t.length-1])};a.CreateAnnotationMenu=function(){if(!a.menu){return}var t=a.menu.Find("Show Math As","Annotation").menu;var s=p.semanticsAnnotations;for(var r in s){if(s.hasOwnProperty(r)){t.items.push(m.COMMAND([r,r],a.ShowSource,{hidden:true,nativeTouch:true,format:r}))}}};c.Register.StartupHook("End Config",function(){p.settings=c.config.menuSettings;if(typeof(p.settings.showRenderer)!=="undefined"){p.showRenderer=p.settings.showRenderer}if(typeof(p.settings.showFontMenu)!=="undefined"){p.showFontMenu=p.settings.showFontMenu}if(typeof(p.settings.showContext)!=="undefined"){p.showContext=p.settings.showContext}a.getCookie();a.menu=a(m.SUBMENU(["Show","Show Math As"],m.COMMAND(["MathMLcode","MathML Code"],a.ShowSource,{nativeTouch:true,format:"MathML"}),m.COMMAND(["Original","Original Form"],a.ShowSource,{nativeTouch:true}),m.SUBMENU(["Annotation","Annotation"],{disabled:true}),m.RULE(),m.CHECKBOX(["texHints","Show TeX hints in MathML"],"texHints")),m.RULE(),m.SUBMENU(["Settings","Math Settings"],m.SUBMENU(["ZoomTrigger","Zoom Trigger"],m.RADIO(["Hover","Hover"],"zoom",{action:a.Zoom}),m.RADIO(["Click","Click"],"zoom",{action:a.Zoom}),m.RADIO(["DoubleClick","Double-Click"],"zoom",{action:a.Zoom}),m.RADIO(["NoZoom","No Zoom"],"zoom",{value:"None"}),m.RULE(),m.LABEL(["TriggerRequires","Trigger Requires:"]),m.CHECKBOX((c.Browser.isMac?["Option","Option"]:["Alt","Alt"]),"ALT"),m.CHECKBOX(["Command","Command"],"CMD",{hidden:!c.Browser.isMac}),m.CHECKBOX(["Control","Control"],"CTRL",{hidden:c.Browser.isMac}),m.CHECKBOX(["Shift","Shift"],"Shift")),m.SUBMENU(["ZoomFactor","Zoom Factor"],m.RADIO("125%","zscale"),m.RADIO("133%","zscale"),m.RADIO("150%","zscale"),m.RADIO("175%","zscale"),m.RADIO("200%","zscale"),m.RADIO("250%","zscale"),m.RADIO("300%","zscale"),m.RADIO("400%","zscale")),m.RULE(),m.SUBMENU(["Renderer","Math Renderer"],{hidden:!p.showRenderer},m.RADIO("HTML-CSS","renderer",{action:a.Renderer}),m.RADIO("MathML","renderer",{action:a.Renderer,value:"NativeMML"}),m.RADIO("SVG","renderer",{action:a.Renderer})),m.SUBMENU("MathPlayer",{hidden:!c.Browser.isMSIE||!p.showMathPlayer,disabled:!c.Browser.hasMathPlayer},m.LABEL(["MPHandles","Let MathPlayer Handle:"]),m.CHECKBOX(["MenuEvents","Menu Events"],"mpContext",{action:a.MPEvents,hidden:!e}),m.CHECKBOX(["MouseEvents","Mouse Events"],"mpMouse",{action:a.MPEvents,hidden:!e}),m.CHECKBOX(["MenuAndMouse","Mouse and Menu Events"],"mpMouse",{action:a.MPEvents,hidden:e})),m.SUBMENU(["FontPrefs","Font Preference"],{hidden:!p.showFontMenu},m.LABEL(["ForHTMLCSS","For HTML-CSS:"]),m.RADIO(["Auto","Auto"],"font",{action:a.Font}),m.RULE(),m.RADIO(["TeXLocal","TeX (local)"],"font",{action:a.Font}),m.RADIO(["TeXWeb","TeX (web)"],"font",{action:a.Font}),m.RADIO(["TeXImage","TeX (image)"],"font",{action:a.Font}),m.RULE(),m.RADIO(["STIXLocal","STIX (local)"],"font",{action:a.Font}),m.RADIO(["STIXWeb","STIX (web)"],"font",{action:a.Font}),m.RULE(),m.RADIO(["AsanaMathWeb","Asana Math (web)"],"font",{action:a.Font}),m.RADIO(["GyrePagellaWeb","Gyre Pagella (web)"],"font",{action:a.Font}),m.RADIO(["GyreTermesWeb","Gyre Termes (web)"],"font",{action:a.Font}),m.RADIO(["LatinModernWeb","Latin Modern (web)"],"font",{action:a.Font}),m.RADIO(["NeoEulerWeb","Neo Euler (web)"],"font",{action:a.Font})),m.SUBMENU(["ContextMenu","Contextual Menu"],{hidden:!p.showContext},m.RADIO("MathJax","context"),m.RADIO(["Browser","Browser"],"context")),m.COMMAND(["Scale","Scale All Math ..."],a.Scale),m.RULE().With({hidden:!p.showDiscoverable,name:["","discover_rule"]}),m.CHECKBOX(["Discoverable","Highlight on Hover"],"discoverable",{hidden:!p.showDiscoverable})),m.SUBMENU(["Locale","Language"],{hidden:!p.showLocale},m.RADIO("en","locale",{action:a.Locale}),m.RULE().With({hidden:!p.showLocaleURL,name:["","localURL_rule"]}),m.COMMAND(["LoadLocale","Load from URL ..."],a.LoadLocale,{hidden:!p.showLocaleURL})),m.RULE(),m.COMMAND(["About","About MathJax"],a.About),m.COMMAND(["Help","MathJax Help"],a.Help));if(a.isMobile){(function(){var s=p.settings;var r=a.menu.Find("Math Settings","Zoom Trigger").menu;r.items[0].disabled=r.items[1].disabled=true;if(s.zoom==="Hover"||s.zoom=="Click"){s.zoom="None"}r.items=r.items.slice(0,4);if(navigator.appVersion.match(/[ (]Android[) ]/)){a.ITEM.SUBMENU.Augment({marker:"\u00BB"})}})()}a.CreateLocaleMenu();a.CreateAnnotationMenu()});a.showRenderer=function(r){a.cookie.showRenderer=p.showRenderer=r;a.saveCookie();a.menu.Find("Math Settings","Math Renderer").hidden=!r};a.showMathPlayer=function(r){a.cookie.showMathPlayer=p.showMathPlayer=r;a.saveCookie();a.menu.Find("Math Settings","MathPlayer").hidden=!r};a.showFontMenu=function(r){a.cookie.showFontMenu=p.showFontMenu=r;a.saveCookie();a.menu.Find("Math Settings","Font Preference").hidden=!r};a.showContext=function(r){a.cookie.showContext=p.showContext=r;a.saveCookie();a.menu.Find("Math Settings","Contextual Menu").hidden=!r};a.showDiscoverable=function(r){a.cookie.showDiscoverable=p.showDiscoverable=r;a.saveCookie();a.menu.Find("Math Settings","Highlight on Hover").hidden=!r;a.menu.Find("Math Settings","discover_rule").hidden=!r};a.showLocale=function(r){a.cookie.showLocale=p.showLocale=r;a.saveCookie();a.menu.Find("Language").hidden=!r};MathJax.Hub.Register.StartupHook("HTML-CSS Jax Ready",function(){if(!MathJax.OutputJax["HTML-CSS"].config.imageFont){a.menu.Find("Math Settings","Font Preference","TeX (image)").disabled=true}});f.Queue(c.Register.StartupHook("End Config",{}),["getImages",a],["Styles",k,p.styles],["Post",c.Startup.signal,"MathMenu Ready"],["loadComplete",k,"[MathJax]/extensions/MathMenu.js"])})(MathJax.Hub,MathJax.HTML,MathJax.Ajax,MathJax.CallBack,MathJax.OutputJax);
+MathJax.ElementJax.mml=MathJax.ElementJax({mimeType:"jax/mml"},{id:"mml",version:"2.3",directory:MathJax.ElementJax.directory+"/mml",extensionDir:MathJax.ElementJax.extensionDir+"/mml",optableDir:MathJax.ElementJax.directory+"/mml/optable"});MathJax.ElementJax.mml.Augment({Init:function(){if(arguments.length===1&&arguments[0].type==="math"){this.root=arguments[0]}else{this.root=MathJax.ElementJax.mml.math.apply(this,arguments)}if(this.root.attr&&this.root.attr.mode){if(!this.root.display&&this.root.attr.mode==="display"){this.root.display="block";this.root.attrNames.push("display")}delete this.root.attr.mode;for(var b=0,a=this.root.attrNames.length;b<a;b++){if(this.root.attrNames[b]==="mode"){this.root.attrNames.splice(b,1);break}}}}},{INHERIT:"_inherit_",AUTO:"_auto_",SIZE:{INFINITY:"infinity",SMALL:"small",NORMAL:"normal",BIG:"big"},COLOR:{TRANSPARENT:"transparent"},VARIANT:{NORMAL:"normal",BOLD:"bold",ITALIC:"italic",BOLDITALIC:"bold-italic",DOUBLESTRUCK:"double-struck",FRAKTUR:"fraktur",BOLDFRAKTUR:"bold-fraktur",SCRIPT:"script",BOLDSCRIPT:"bold-script",SANSSERIF:"sans-serif",BOLDSANSSERIF:"bold-sans-serif",SANSSERIFITALIC:"sans-serif-italic",SANSSERIFBOLDITALIC:"sans-serif-bold-italic",MONOSPACE:"monospace",INITIAL:"inital",TAILED:"tailed",LOOPED:"looped",STRETCHED:"stretched",CALIGRAPHIC:"-tex-caligraphic",OLDSTYLE:"-tex-oldstyle"},FORM:{PREFIX:"prefix",INFIX:"infix",POSTFIX:"postfix"},LINEBREAK:{AUTO:"auto",NEWLINE:"newline",NOBREAK:"nobreak",GOODBREAK:"goodbreak",BADBREAK:"badbreak"},LINEBREAKSTYLE:{BEFORE:"before",AFTER:"after",DUPLICATE:"duplicate",INFIXLINBREAKSTYLE:"infixlinebreakstyle"},INDENTALIGN:{LEFT:"left",CENTER:"center",RIGHT:"right",AUTO:"auto",ID:"id",INDENTALIGN:"indentalign"},INDENTSHIFT:{INDENTSHIFT:"indentshift"},LINETHICKNESS:{THIN:"thin",MEDIUM:"medium",THICK:"thick"},NOTATION:{LONGDIV:"longdiv",ACTUARIAL:"actuarial",RADICAL:"radical",BOX:"box",ROUNDEDBOX:"roundedbox",CIRCLE:"circle",LEFT:"left",RIGHT:"right",TOP:"top",BOTTOM:"bottom",UPDIAGONALSTRIKE:"updiagonalstrike",DOWNDIAGONALSTRIKE:"downdiagonalstrike",UPDIAGONALARROW:"updiagonalarrow",VERTICALSTRIKE:"verticalstrike",HORIZONTALSTRIKE:"horizontalstrike",MADRUWB:"madruwb"},ALIGN:{TOP:"top",BOTTOM:"bottom",CENTER:"center",BASELINE:"baseline",AXIS:"axis",LEFT:"left",RIGHT:"right"},LINES:{NONE:"none",SOLID:"solid",DASHED:"dashed"},SIDE:{LEFT:"left",RIGHT:"right",LEFTOVERLAP:"leftoverlap",RIGHTOVERLAP:"rightoverlap"},WIDTH:{AUTO:"auto",FIT:"fit"},ACTIONTYPE:{TOGGLE:"toggle",STATUSLINE:"statusline",TOOLTIP:"tooltip",INPUT:"input"},LENGTH:{VERYVERYTHINMATHSPACE:"veryverythinmathspace",VERYTHINMATHSPACE:"verythinmathspace",THINMATHSPACE:"thinmathspace",MEDIUMMATHSPACE:"mediummathspace",THICKMATHSPACE:"thickmathspace",VERYTHICKMATHSPACE:"verythickmathspace",VERYVERYTHICKMATHSPACE:"veryverythickmathspace",NEGATIVEVERYVERYTHINMATHSPACE:"negativeveryverythinmathspace",NEGATIVEVERYTHINMATHSPACE:"negativeverythinmathspace",NEGATIVETHINMATHSPACE:"negativethinmathspace",NEGATIVEMEDIUMMATHSPACE:"negativemediummathspace",NEGATIVETHICKMATHSPACE:"negativethickmathspace",NEGATIVEVERYTHICKMATHSPACE:"negativeverythickmathspace",NEGATIVEVERYVERYTHICKMATHSPACE:"negativeveryverythickmathspace"},OVERFLOW:{LINBREAK:"linebreak",SCROLL:"scroll",ELIDE:"elide",TRUNCATE:"truncate",SCALE:"scale"},UNIT:{EM:"em",EX:"ex",PX:"px",IN:"in",CM:"cm",MM:"mm",PT:"pt",PC:"pc"},TEXCLASS:{ORD:0,OP:1,BIN:2,REL:3,OPEN:4,CLOSE:5,PUNCT:6,INNER:7,VCENTER:8,NONE:-1},TEXCLASSNAMES:["ORD","OP","BIN","REL","OPEN","CLOSE","PUNCT","INNER","VCENTER"],copyAttributes:{fontfamily:true,fontsize:true,fontweight:true,fontstyle:true,color:true,background:true,id:true,"class":true,href:true,style:true},skipAttributes:{texClass:true,useHeight:true,texprimestyle:true},copyAttributeNames:["fontfamily","fontsize","fontweight","fontstyle","color","background","id","class","href","style"],Error:function(d,e){var c=this.merror(d),b=MathJax.Localization.fontDirection(),a=MathJax.Localization.fontFamily();if(e){c=c.With(e)}if(b||a){c=this.mstyle(c);if(b){c.dir=b}if(a){c.style.fontFamily="font-family: "+a}}return c}});(function(a){a.mbase=MathJax.Object.Subclass({type:"base",isToken:false,defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,dir:a.INHERIT},noInherit:{},noInheritAttribute:{texClass:true},linebreakContainer:false,Init:function(){this.data=[];if(this.inferRow&&!(arguments.length===1&&arguments[0].inferred)){this.Append(a.mrow().With({inferred:true,notParent:true}))}this.Append.apply(this,arguments)},With:function(d){for(var e in d){if(d.hasOwnProperty(e)){this[e]=d[e]}}return this},Append:function(){if(this.inferRow&&this.data.length){this.data[0].Append.apply(this.data[0],arguments)}else{for(var e=0,d=arguments.length;e<d;e++){this.SetData(this.data.length,arguments[e])}}},SetData:function(d,e){if(e!=null){if(!(e instanceof a.mbase)){e=(this.isToken?a.chars(e):a.mtext(e))}e.parent=this;e.setInherit(this.inheritFromMe?this:this.inherit)}this.data[d]=e},Parent:function(){var d=this.parent;while(d&&d.notParent){d=d.parent}return d},Get:function(e,j){if(this[e]!=null){return this[e]}if(this.attr&&this.attr[e]!=null){return this.attr[e]}var f=this.Parent();if(f&&f["adjustChild_"+e]!=null){return(f["adjustChild_"+e])(this.childPosition(),j)}var i=this.inherit;var d=i;while(i){var h=i[e];if(h==null&&i.attr){h=i.attr[e]}if(h!=null&&i.noInheritAttribute&&!i.noInheritAttribute[e]){var g=i.noInherit[this.type];if(!(g&&g[e])){return h}}d=i;i=i.inherit}if(!j){if(this.defaults[e]===a.AUTO){return this.autoDefault(e)}if(this.defaults[e]!==a.INHERIT&&this.defaults[e]!=null){return this.defaults[e]}if(d){return d.defaults[e]}}return null},hasValue:function(d){return(this.Get(d,true)!=null)},getValues:function(){var e={};for(var f=0,d=arguments.length;f<d;f++){e[arguments[f]]=this.Get(arguments[f])}return e},adjustChild_scriptlevel:function(e,d){return this.Get("scriptlevel",d)},adjustChild_displaystyle:function(e,d){return this.Get("displaystyle",d)},adjustChild_texprimestyle:function(e,d){return this.Get("texprimestyle",d)},childPosition:function(){var g=this,f=g.parent;while(f.notParent){g=f;f=g.parent}for(var e=0,d=f.data.length;e<d;e++){if(f.data[e]===g){return e}}return null},setInherit:function(f){if(f!==this.inherit&&this.inherit==null){this.inherit=f;for(var e=0,d=this.data.length;e<d;e++){if(this.data[e]&&this.data[e].setInherit){this.data[e].setInherit(f)}}}},setTeXclass:function(d){this.getPrevClass(d);return(typeof(this.texClass)!=="undefined"?this:d)},getPrevClass:function(d){if(d){this.prevClass=d.Get("texClass");this.prevLevel=d.Get("scriptlevel")}},updateTeXclass:function(d){if(d){this.prevClass=d.prevClass;delete d.prevClass;this.prevLevel=d.prevLevel;delete d.prevLevel;this.texClass=d.Get("texClass")}},texSpacing:function(){var e=(this.prevClass!=null?this.prevClass:a.TEXCLASS.NONE);var d=(this.Get("texClass")||a.TEXCLASS.ORD);if(e===a.TEXCLASS.NONE||d===a.TEXCLASS.NONE){return""}if(e===a.TEXCLASS.VCENTER){e=a.TEXCLASS.ORD}if(d===a.TEXCLASS.VCENTER){d=a.TEXCLASS.ORD}var f=this.TEXSPACE[e][d];if(this.prevLevel>0&&this.Get("scriptlevel")>0&&f>=0){return""}return this.TEXSPACELENGTH[Math.abs(f)]},TEXSPACELENGTH:["",a.LENGTH.THINMATHSPACE,a.LENGTH.MEDIUMMATHSPACE,a.LENGTH.THICKMATHSPACE],TEXSPACE:[[0,-1,2,3,0,0,0,1],[-1,-1,0,3,0,0,0,1],[2,2,0,0,2,0,0,2],[3,3,0,0,3,0,0,3],[0,0,0,0,0,0,0,0],[0,-1,2,3,0,0,0,1],[1,1,0,1,1,1,1,1],[1,-1,2,3,1,0,1,1]],autoDefault:function(d){return""},isSpacelike:function(){return false},isEmbellished:function(){return false},Core:function(){return this},CoreMO:function(){return this},hasNewline:function(){if(this.isEmbellished()){return this.CoreMO().hasNewline()}if(this.isToken||this.linebreakContainer){return false}for(var e=0,d=this.data.length;e<d;e++){if(this.data[e]&&this.data[e].hasNewline()){return true}}return false},array:function(){if(this.inferred){return this.data}else{return[this]}},toString:function(){return this.type+"("+this.data.join(",")+")"},getAnnotation:function(){return null}},{childrenSpacelike:function(){for(var e=0,d=this.data.length;e<d;e++){if(!this.data[e].isSpacelike()){return false}}return true},childEmbellished:function(){return(this.data[0]&&this.data[0].isEmbellished())},childCore:function(){return this.data[0]},childCoreMO:function(){return(this.data[0]?this.data[0].CoreMO():null)},setChildTeXclass:function(d){if(this.data[0]){d=this.data[0].setTeXclass(d);this.updateTeXclass(this.data[0])}return d},setBaseTeXclasses:function(f){this.getPrevClass(f);this.texClass=null;if(this.data[0]){if(this.isEmbellished()||this.data[0].isa(a.mi)){f=this.data[0].setTeXclass(f);this.updateTeXclass(this.Core())}else{this.data[0].setTeXclass();f=this}}else{f=this}for(var e=1,d=this.data.length;e<d;e++){if(this.data[e]){this.data[e].setTeXclass()}}return f},setSeparateTeXclasses:function(f){this.getPrevClass(f);for(var e=0,d=this.data.length;e<d;e++){if(this.data[e]){this.data[e].setTeXclass()}}if(this.isEmbellished()){this.updateTeXclass(this.Core())}return this}});a.mi=a.mbase.Subclass({type:"mi",isToken:true,texClass:a.TEXCLASS.ORD,defaults:{mathvariant:a.AUTO,mathsize:a.INHERIT,mathbackground:a.INHERIT,mathcolor:a.INHERIT,dir:a.INHERIT},autoDefault:function(e){if(e==="mathvariant"){var d=(this.data[0]||"").toString();return(d.length===1||(d.length===2&&d.charCodeAt(0)>=55296&&d.charCodeAt(0)<56320)?a.VARIANT.ITALIC:a.VARIANT.NORMAL)}return""},setTeXclass:function(e){this.getPrevClass(e);var d=this.data.join("");if(d.length>1&&d.match(/^[a-z][a-z0-9]*$/i)&&this.texClass===a.TEXCLASS.ORD){this.texClass=a.TEXCLASS.OP;this.autoOP=true}return this}});a.mn=a.mbase.Subclass({type:"mn",isToken:true,texClass:a.TEXCLASS.ORD,defaults:{mathvariant:a.INHERIT,mathsize:a.INHERIT,mathbackground:a.INHERIT,mathcolor:a.INHERIT,dir:a.INHERIT}});a.mo=a.mbase.Subclass({type:"mo",isToken:true,defaults:{mathvariant:a.INHERIT,mathsize:a.INHERIT,mathbackground:a.INHERIT,mathcolor:a.INHERIT,dir:a.INHERIT,form:a.AUTO,fence:a.AUTO,separator:a.AUTO,lspace:a.AUTO,rspace:a.AUTO,stretchy:a.AUTO,symmetric:a.AUTO,maxsize:a.AUTO,minsize:a.AUTO,largeop:a.AUTO,movablelimits:a.AUTO,accent:a.AUTO,linebreak:a.LINEBREAK.AUTO,lineleading:a.INHERIT,linebreakstyle:a.AUTO,linebreakmultchar:a.INHERIT,indentalign:a.INHERIT,indentshift:a.INHERIT,indenttarget:a.INHERIT,indentalignfirst:a.INHERIT,indentshiftfirst:a.INHERIT,indentalignlast:a.INHERIT,indentshiftlast:a.INHERIT,texClass:a.AUTO},defaultDef:{form:a.FORM.INFIX,fence:false,separator:false,lspace:a.LENGTH.THICKMATHSPACE,rspace:a.LENGTH.THICKMATHSPACE,stretchy:false,symmetric:true,maxsize:a.SIZE.INFINITY,minsize:"0em",largeop:false,movablelimits:false,accent:false,linebreak:a.LINEBREAK.AUTO,lineleading:"1ex",linebreakstyle:"before",indentalign:a.INDENTALIGN.AUTO,indentshift:"0",indenttarget:"",indentalignfirst:a.INDENTALIGN.INDENTALIGN,indentshiftfirst:a.INDENTSHIFT.INDENTSHIFT,indentalignlast:a.INDENTALIGN.INDENTALIGN,indentshiftlast:a.INDENTSHIFT.INDENTSHIFT,texClass:a.TEXCLASS.REL},SPACE_ATTR:{lspace:1,rspace:2,form:4},useMMLspacing:7,autoDefault:function(f,l){var k=this.def;if(!k){if(f==="form"){this.useMMLspacing&=~this.SPACE_ATTR.form;return this.getForm()}var j=this.data.join("");var e=[this.Get("form"),a.FORM.INFIX,a.FORM.POSTFIX,a.FORM.PREFIX];for(var g=0,d=e.length;g<d;g++){var h=this.OPTABLE[e[g]][j];if(h){k=this.makeDef(h);break}}if(!k){k=this.CheckRange(j)}if(!k&&l){k={}}else{if(!k){k=MathJax.Hub.Insert({},this.defaultDef)}k.form=e[0];this.def=k}}this.useMMLspacing&=~(this.SPACE_ATTR[f]||0);if(k[f]!=null){return k[f]}else{if(!l){return this.defaultDef[f]}}return""},CheckRange:function(h){var j=h.charCodeAt(0);if(j>=55296&&j<56320){j=(((j-55296)<<10)+(h.charCodeAt(1)-56320))+65536}for(var f=0,d=this.RANGES.length;f<d&&this.RANGES[f][0]<=j;f++){if(j<=this.RANGES[f][1]){if(this.RANGES[f][3]){var e=a.optableDir+"/"+this.RANGES[f][3]+".js";this.RANGES[f][3]=null;MathJax.Hub.RestartAfter(MathJax.Ajax.Require(e))}var g=a.TEXCLASSNAMES[this.RANGES[f][2]];g=this.OPTABLE.infix[h]=a.mo.OPTYPES[g==="BIN"?"BIN3":g];return this.makeDef(g)}}return null},makeDef:function(e){if(e[2]==null){e[2]=this.defaultDef.texClass}if(!e[3]){e[3]={}}var d=MathJax.Hub.Insert({},e[3]);d.lspace=this.SPACE[e[0]];d.rspace=this.SPACE[e[1]];d.texClass=e[2];if(d.texClass===a.TEXCLASS.REL&&(this.movablelimits||this.data.join("").match(/^[a-z]+$/i))){d.texClass=a.TEXCLASS.OP}return d},getForm:function(){var d=this,f=this.parent,e=this.Parent();while(e&&e.isEmbellished()){d=f;f=e.parent;e=e.Parent()}if(f&&f.type==="mrow"&&f.NonSpaceLength()!==1){if(f.FirstNonSpace()===d){return a.FORM.PREFIX}if(f.LastNonSpace()===d){return a.FORM.POSTFIX}}return a.FORM.INFIX},isEmbellished:function(){return true},hasNewline:function(){return(this.Get("linebreak")===a.LINEBREAK.NEWLINE)},setTeXclass:function(d){this.getValues("lspace","rspace");if(this.useMMLspacing){this.texClass=a.TEXCLASS.NONE;return this}this.texClass=this.Get("texClass");if(this.data.join("")==="\u2061"){if(d){d.texClass=a.TEXCLASS.OP}this.texClass=this.prevClass=a.TEXCLASS.NONE;return d}return this.adjustTeXclass(d)},adjustTeXclass:function(d){if(this.texClass===a.TEXCLASS.NONE){return d}if(d){if(d.autoOP&&(this.texClass===a.TEXCLASS.BIN||this.texClass===a.TEXCLASS.REL)){d.texClass=a.TEXCLASS.ORD}this.prevClass=d.texClass||a.TEXCLASS.ORD;this.prevLevel=d.Get("scriptlevel")}else{this.prevClass=a.TEXCLASS.NONE}if(this.texClass===a.TEXCLASS.BIN&&(this.prevClass===a.TEXCLASS.NONE||this.prevClass===a.TEXCLASS.BIN||this.prevClass===a.TEXCLASS.OP||this.prevClass===a.TEXCLASS.REL||this.prevClass===a.TEXCLASS.OPEN||this.prevClass===a.TEXCLASS.PUNCT)){this.texClass=a.TEXCLASS.ORD}else{if(this.prevClass===a.TEXCLASS.BIN&&(this.texClass===a.TEXCLASS.REL||this.texClass===a.TEXCLASS.CLOSE||this.texClass===a.TEXCLASS.PUNCT)){d.texClass=this.prevClass=a.TEXCLASS.ORD}}return this}});a.mtext=a.mbase.Subclass({type:"mtext",isToken:true,isSpacelike:function(){return true},texClass:a.TEXCLASS.ORD,defaults:{mathvariant:a.INHERIT,mathsize:a.INHERIT,mathbackground:a.INHERIT,mathcolor:a.INHERIT,dir:a.INHERIT}});a.mspace=a.mbase.Subclass({type:"mspace",isToken:true,isSpacelike:function(){return true},defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,width:"0em",height:"0ex",depth:"0ex",linebreak:a.LINEBREAK.AUTO},hasDimAttr:function(){return(this.hasValue("width")||this.hasValue("height")||this.hasValue("depth"))},hasNewline:function(){return(!this.hasDimAttr()&&this.Get("linebreak")===a.LINEBREAK.NEWLINE)}});a.ms=a.mbase.Subclass({type:"ms",isToken:true,texClass:a.TEXCLASS.ORD,defaults:{mathvariant:a.INHERIT,mathsize:a.INHERIT,mathbackground:a.INHERIT,mathcolor:a.INHERIT,dir:a.INHERIT,lquote:'"',rquote:'"'}});a.mglyph=a.mbase.Subclass({type:"mglyph",isToken:true,texClass:a.TEXCLASS.ORD,defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,alt:"",src:"",width:a.AUTO,height:a.AUTO,valign:"0em"}});a.mrow=a.mbase.Subclass({type:"mrow",isSpacelike:a.mbase.childrenSpacelike,inferred:false,notParent:false,isEmbellished:function(){var e=false;for(var f=0,d=this.data.length;f<d;f++){if(this.data[f]==null){continue}if(this.data[f].isEmbellished()){if(e){return false}e=true;this.core=f}else{if(!this.data[f].isSpacelike()){return false}}}return e},NonSpaceLength:function(){var f=0;for(var e=0,d=this.data.length;e<d;e++){if(this.data[e]&&!this.data[e].isSpacelike()){f++}}return f},FirstNonSpace:function(){for(var e=0,d=this.data.length;e<d;e++){if(this.data[e]&&!this.data[e].isSpacelike()){return this.data[e]}}return null},LastNonSpace:function(){for(var d=this.data.length-1;d>=0;d--){if(this.data[0]&&!this.data[d].isSpacelike()){return this.data[d]}}return null},Core:function(){if(!(this.isEmbellished())||typeof(this.core)==="undefined"){return this}return this.data[this.core]},CoreMO:function(){if(!(this.isEmbellished())||typeof(this.core)==="undefined"){return this}return this.data[this.core].CoreMO()},toString:function(){if(this.inferred){return"["+this.data.join(",")+"]"}return this.SUPER(arguments).toString.call(this)},setTeXclass:function(f){for(var e=0,d=this.data.length;e<d;e++){if(this.data[e]){f=this.data[e].setTeXclass(f)}}if(this.data[0]){this.updateTeXclass(this.data[0])}return f},getAnnotation:function(d){if(this.data.length!=1){return null}return this.data[0].getAnnotation(d)}});a.mfrac=a.mbase.Subclass({type:"mfrac",num:0,den:1,linebreakContainer:true,texClass:a.TEXCLASS.INNER,isEmbellished:a.mbase.childEmbellished,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,linethickness:a.LINETHICKNESS.MEDIUM,numalign:a.ALIGN.CENTER,denomalign:a.ALIGN.CENTER,bevelled:false},adjustChild_displaystyle:function(d){return false},adjustChild_scriptlevel:function(e){var d=this.Get("scriptlevel");if(!this.Get("displaystyle")||d>0){d++}return d},adjustChild_texprimestyle:function(d){if(d==this.den){return true}return this.Get("texprimestyle")},setTeXclass:a.mbase.setSeparateTeXclasses});a.msqrt=a.mbase.Subclass({type:"msqrt",inferRow:true,linebreakContainer:true,texClass:a.TEXCLASS.ORD,setTeXclass:a.mbase.setSeparateTeXclasses,adjustChild_texprimestyle:function(d){return true}});a.mroot=a.mbase.Subclass({type:"mroot",linebreakContainer:true,texClass:a.TEXCLASS.ORD,adjustChild_displaystyle:function(d){if(d===1){return false}return this.Get("displaystyle")},adjustChild_scriptlevel:function(e){var d=this.Get("scriptlevel");if(e===1){d+=2}return d},adjustChild_texprimestyle:function(d){if(d===0){return true}return this.Get("texprimestyle")},setTeXclass:a.mbase.setSeparateTeXclasses});a.mstyle=a.mbase.Subclass({type:"mstyle",isSpacelike:a.mbase.childrenSpacelike,isEmbellished:a.mbase.childEmbellished,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,inferRow:true,defaults:{scriptlevel:a.INHERIT,displaystyle:a.INHERIT,scriptsizemultiplier:Math.sqrt(1/2),scriptminsize:"8pt",mathbackground:a.INHERIT,mathcolor:a.INHERIT,dir:a.INHERIT,infixlinebreakstyle:a.LINEBREAKSTYLE.BEFORE,decimalseparator:"."},adjustChild_scriptlevel:function(f){var e=this.scriptlevel;if(e==null){e=this.Get("scriptlevel")}else{if(String(e).match(/^ *[-+]/)){delete this.scriptlevel;var d=this.Get("scriptlevel");this.scriptlevel=e;e=d+parseInt(e)}}return e},inheritFromMe:true,noInherit:{mpadded:{width:true,height:true,depth:true,lspace:true,voffset:true},mtable:{width:true,height:true,depth:true,align:true}},setTeXclass:a.mbase.setChildTeXclass});a.merror=a.mbase.Subclass({type:"merror",inferRow:true,linebreakContainer:true,texClass:a.TEXCLASS.ORD});a.mpadded=a.mbase.Subclass({type:"mpadded",inferRow:true,isSpacelike:a.mbase.childrenSpacelike,isEmbellished:a.mbase.childEmbellished,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,width:"",height:"",depth:"",lspace:0,voffset:0},setTeXclass:a.mbase.setChildTeXclass});a.mphantom=a.mbase.Subclass({type:"mphantom",texClass:a.TEXCLASS.ORD,inferRow:true,isSpacelike:a.mbase.childrenSpacelike,isEmbellished:a.mbase.childEmbellished,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,setTeXclass:a.mbase.setChildTeXclass});a.mfenced=a.mbase.Subclass({type:"mfenced",defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,open:"(",close:")",separators:","},texClass:a.TEXCLASS.OPEN,setTeXclass:function(g){this.getPrevClass(g);var e=this.getValues("open","close","separators");e.open=e.open.replace(/[ \t\n\r]/g,"");e.close=e.close.replace(/[ \t\n\r]/g,"");e.separators=e.separators.replace(/[ \t\n\r]/g,"");if(e.open!==""){this.SetData("open",a.mo(e.open).With({stretchy:true,texClass:a.TEXCLASS.OPEN}));g=this.data.open.setTeXclass(g)}if(e.separators!==""){while(e.separators.length<this.data.length){e.separators+=e.separators.charAt(e.separators.length-1)}}if(this.data[0]){g=this.data[0].setTeXclass(g)}for(var f=1,d=this.data.length;f<d;f++){if(this.data[f]){if(e.separators!==""){this.SetData("sep"+f,a.mo(e.separators.charAt(f-1)));g=this.data["sep"+f].setTeXclass(g)}g=this.data[f].setTeXclass(g)}}if(e.close!==""){this.SetData("close",a.mo(e.close).With({stretchy:true,texClass:a.TEXCLASS.CLOSE}));g=this.data.close.setTeXclass(g)}this.updateTeXclass(this.data.open);return g}});a.menclose=a.mbase.Subclass({type:"menclose",inferRow:true,linebreakContainer:true,defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,notation:a.NOTATION.LONGDIV,texClass:a.TEXCLASS.ORD},setTeXclass:a.mbase.setSeparateTeXclasses});a.msubsup=a.mbase.Subclass({type:"msubsup",base:0,sub:1,sup:2,isEmbellished:a.mbase.childEmbellished,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,subscriptshift:"",superscriptshift:"",texClass:a.AUTO},autoDefault:function(d){if(d==="texClass"){return(this.isEmbellished()?this.CoreMO().Get(d):a.TEXCLASS.ORD)}return 0},adjustChild_displaystyle:function(d){if(d>0){return false}return this.Get("displaystyle")},adjustChild_scriptlevel:function(e){var d=this.Get("scriptlevel");if(e>0){d++}return d},adjustChild_texprimestyle:function(d){if(d===this.sub){return true}return this.Get("texprimestyle")},setTeXclass:a.mbase.setBaseTeXclasses});a.msub=a.msubsup.Subclass({type:"msub"});a.msup=a.msubsup.Subclass({type:"msup",sub:2,sup:1});a.mmultiscripts=a.msubsup.Subclass({type:"mmultiscripts",adjustChild_texprimestyle:function(d){if(d%2===1){return true}return this.Get("texprimestyle")}});a.mprescripts=a.mbase.Subclass({type:"mprescripts"});a.none=a.mbase.Subclass({type:"none"});a.munderover=a.mbase.Subclass({type:"munderover",base:0,under:1,over:2,sub:1,sup:2,ACCENTS:["","accentunder","accent"],linebreakContainer:true,isEmbellished:a.mbase.childEmbellished,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,accent:a.AUTO,accentunder:a.AUTO,align:a.ALIGN.CENTER,texClass:a.AUTO,subscriptshift:"",superscriptshift:""},autoDefault:function(d){if(d==="texClass"){return(this.isEmbellished()?this.CoreMO().Get(d):a.TEXCLASS.ORD)}if(d==="accent"&&this.data[this.over]){return this.data[this.over].CoreMO().Get("accent")}if(d==="accentunder"&&this.data[this.under]){return this.data[this.under].CoreMO().Get("accent")}return false},adjustChild_displaystyle:function(d){if(d>0){return false}return this.Get("displaystyle")},adjustChild_scriptlevel:function(f){var e=this.Get("scriptlevel");var d=(this.data[this.base]&&!this.Get("displaystyle")&&this.data[this.base].CoreMO().Get("movablelimits"));if(f==this.under&&(d||!this.Get("accentunder"))){e++}if(f==this.over&&(d||!this.Get("accent"))){e++}return e},adjustChild_texprimestyle:function(d){if(d===this.base&&this.data[this.over]){return true}return this.Get("texprimestyle")},setTeXclass:a.mbase.setBaseTeXclasses});a.munder=a.munderover.Subclass({type:"munder"});a.mover=a.munderover.Subclass({type:"mover",over:1,under:2,sup:1,sub:2,ACCENTS:["","accent","accentunder"]});a.mtable=a.mbase.Subclass({type:"mtable",defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,align:a.ALIGN.AXIS,rowalign:a.ALIGN.BASELINE,columnalign:a.ALIGN.CENTER,groupalign:"{left}",alignmentscope:true,columnwidth:a.WIDTH.AUTO,width:a.WIDTH.AUTO,rowspacing:"1ex",columnspacing:".8em",rowlines:a.LINES.NONE,columnlines:a.LINES.NONE,frame:a.LINES.NONE,framespacing:"0.4em 0.5ex",equalrows:false,equalcolumns:false,displaystyle:false,side:a.SIDE.RIGHT,minlabelspacing:"0.8em",texClass:a.TEXCLASS.ORD,useHeight:1},inheritFromMe:true,noInherit:{mover:{align:true},munder:{align:true},munderover:{align:true},mtable:{align:true,rowalign:true,columnalign:true,groupalign:true,alignmentscope:true,columnwidth:true,width:true,rowspacing:true,columnspacing:true,rowlines:true,columnlines:true,frame:true,framespacing:true,equalrows:true,equalcolumns:true,side:true,minlabelspacing:true,texClass:true,useHeight:1}},linebreakContainer:true,Append:function(){for(var e=0,d=arguments.length;e<d;e++){if(!((arguments[e] instanceof a.mtr)||(arguments[e] instanceof a.mlabeledtr))){arguments[e]=a.mtd(arguments[e])}}this.SUPER(arguments).Append.apply(this,arguments)},setTeXclass:a.mbase.setSeparateTeXclasses});a.mtr=a.mbase.Subclass({type:"mtr",defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,rowalign:a.INHERIT,columnalign:a.INHERIT,groupalign:a.INHERIT},inheritFromMe:true,noInherit:{mrow:{rowalign:true,columnalign:true,groupalign:true},mtable:{rowalign:true,columnalign:true,groupalign:true}},linebreakContainer:true,Append:function(){for(var e=0,d=arguments.length;e<d;e++){if(!(arguments[e] instanceof a.mtd)){arguments[e]=a.mtd(arguments[e])}}this.SUPER(arguments).Append.apply(this,arguments)},setTeXclass:a.mbase.setSeparateTeXclasses});a.mtd=a.mbase.Subclass({type:"mtd",inferRow:true,linebreakContainer:true,isEmbellished:a.mbase.childEmbellished,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,rowspan:1,columnspan:1,rowalign:a.INHERIT,columnalign:a.INHERIT,groupalign:a.INHERIT},setTeXclass:a.mbase.setSeparateTeXclasses});a.maligngroup=a.mbase.Subclass({type:"malign",isSpacelike:function(){return true},defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,groupalign:a.INHERIT},inheritFromMe:true,noInherit:{mrow:{groupalign:true},mtable:{groupalign:true}}});a.malignmark=a.mbase.Subclass({type:"malignmark",defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,edge:a.SIDE.LEFT},isSpacelike:function(){return true}});a.mlabeledtr=a.mtr.Subclass({type:"mlabeledtr"});a.maction=a.mbase.Subclass({type:"maction",defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,actiontype:a.ACTIONTYPE.TOGGLE,selection:1},selected:function(){return this.data[this.Get("selection")-1]||a.NULL},isEmbellished:function(){return this.selected().isEmbellished()},isSpacelike:function(){return this.selected().isSpacelike()},Core:function(){return this.selected().Core()},CoreMO:function(){return this.selected().CoreMO()},setTeXclass:function(d){if(this.Get("actiontype")===a.ACTIONTYPE.TOOLTIP&&this.data[1]){this.data[1].setTeXclass()}return this.selected().setTeXclass(d)}});a.semantics=a.mbase.Subclass({type:"semantics",notParent:true,isEmbellished:a.mbase.childEmbellished,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,defaults:{definitionURL:null,encoding:null},setTeXclass:a.mbase.setChildTeXclass,getAnnotation:function(f){var k=MathJax.Hub.config.MathMenu.semanticsAnnotations[f];if(k){for(var g=0,d=this.data.length;g<d;g++){var h=this.data[g].Get("encoding");if(h){for(var e=0,l=k.length;e<l;e++){if(k[e]===h){return this.data[g]}}}}}return null}});a.annotation=a.mbase.Subclass({type:"annotation",isToken:true,linebreakContainer:true,defaults:{definitionURL:null,encoding:null,cd:"mathmlkeys",name:"",src:null}});a["annotation-xml"]=a.mbase.Subclass({type:"annotation-xml",linebreakContainer:true,defaults:{definitionURL:null,encoding:null,cd:"mathmlkeys",name:"",src:null}});a.math=a.mstyle.Subclass({type:"math",defaults:{mathvariant:a.VARIANT.NORMAL,mathsize:a.SIZE.NORMAL,mathcolor:"",mathbackground:a.COLOR.TRANSPARENT,dir:"ltr",scriptlevel:0,displaystyle:a.AUTO,display:"inline",maxwidth:"",overflow:a.OVERFLOW.LINEBREAK,altimg:"","altimg-width":"","altimg-height":"","altimg-valign":"",alttext:"",cdgroup:"",scriptsizemultiplier:Math.sqrt(1/2),scriptminsize:"8px",infixlinebreakstyle:a.LINEBREAKSTYLE.BEFORE,lineleading:"1ex",indentshift:"auto",indentalign:a.INDENTALIGN.AUTO,indentalignfirst:a.INDENTALIGN.INDENTALIGN,indentshiftfirst:a.INDENTSHIFT.INDENTSHIFT,indentalignlast:a.INDENTALIGN.INDENTALIGN,indentshiftlast:a.INDENTSHIFT.INDENTSHIFT,decimalseparator:".",texprimestyle:false},autoDefault:function(d){if(d==="displaystyle"){return this.Get("display")==="block"}return""},linebreakContainer:true,setTeXclass:a.mbase.setChildTeXclass,getAnnotation:function(d){if(this.data.length!=1){return null}return this.data[0].getAnnotation(d)}});a.chars=a.mbase.Subclass({type:"chars",Append:function(){this.data.push.apply(this.data,arguments)},value:function(){return this.data.join("")},toString:function(){return this.data.join("")}});a.entity=a.mbase.Subclass({type:"entity",Append:function(){this.data.push.apply(this.data,arguments)},value:function(){if(this.data[0].substr(0,2)==="#x"){return parseInt(this.data[0].substr(2),16)}else{if(this.data[0].substr(0,1)==="#"){return parseInt(this.data[0].substr(1))}else{return 0}}},toString:function(){var d=this.value();if(d<=65535){return String.fromCharCode(d)}d-=65536;return String.fromCharCode((d>>10)+55296)+String.fromCharCode((d&1023)+56320)}});a.xml=a.mbase.Subclass({type:"xml",Init:function(){this.div=document.createElement("div");return this.SUPER(arguments).Init.apply(this,arguments)},Append:function(){for(var e=0,d=arguments.length;e<d;e++){var f=this.Import(arguments[e]);this.data.push(f);this.div.appendChild(f)}},Import:function(h){if(document.importNode){return document.importNode(h,true)}var e,f,d;if(h.nodeType===1){e=document.createElement(h.nodeName);for(f=0,d=h.attributes.length;f<d;f++){var g=h.attributes[f];if(g.specified&&g.nodeValue!=null&&g.nodeValue!=""){e.setAttribute(g.nodeName,g.nodeValue)}if(g.nodeName==="style"){e.style.cssText=g.nodeValue}}if(h.className){e.className=h.className}}else{if(h.nodeType===3||h.nodeType===4){e=document.createTextNode(h.nodeValue)}else{if(h.nodeType===8){e=document.createComment(h.nodeValue)}else{return document.createTextNode("")}}}for(f=0,d=h.childNodes.length;f<d;f++){e.appendChild(this.Import(h.childNodes[f]))}return e},value:function(){return this.div},toString:function(){return this.div.innerHTML}});a.TeXAtom=a.mbase.Subclass({type:"texatom",inferRow:true,notParent:true,texClass:a.TEXCLASS.ORD,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,isEmbellished:a.mbase.childEmbellished,setTeXclass:function(d){this.data[0].setTeXclass();return this.adjustTeXclass(d)},adjustTeXclass:a.mo.prototype.adjustTeXclass});a.NULL=a.mbase().With({type:"null"});var b=a.TEXCLASS;var c={ORD:[0,0,b.ORD],ORD11:[1,1,b.ORD],ORD21:[2,1,b.ORD],ORD02:[0,2,b.ORD],ORD55:[5,5,b.ORD],OP:[1,2,b.OP,{largeop:true,movablelimits:true,symmetric:true}],OPFIXED:[1,2,b.OP,{largeop:true,movablelimits:true}],INTEGRAL:[0,1,b.OP,{largeop:true,symmetric:true}],INTEGRAL2:[1,2,b.OP,{largeop:true,symmetric:true}],BIN3:[3,3,b.BIN],BIN4:[4,4,b.BIN],BIN01:[0,1,b.BIN],BIN5:[5,5,b.BIN],TALLBIN:[4,4,b.BIN,{stretchy:true}],BINOP:[4,4,b.BIN,{largeop:true,movablelimits:true}],REL:[5,5,b.REL],REL1:[1,1,b.REL,{stretchy:true}],REL4:[4,4,b.REL],RELSTRETCH:[5,5,b.REL,{stretchy:true}],RELACCENT:[5,5,b.REL,{accent:true}],WIDEREL:[5,5,b.REL,{accent:true,stretchy:true}],OPEN:[0,0,b.OPEN,{fence:true,stretchy:true,symmetric:true}],CLOSE:[0,0,b.CLOSE,{fence:true,stretchy:true,symmetric:true}],INNER:[0,0,b.INNER],PUNCT:[0,3,b.PUNCT],ACCENT:[0,0,b.ORD,{accent:true}],WIDEACCENT:[0,0,b.ORD,{accent:true,stretchy:true}]};a.mo.Augment({SPACE:["0em","0.1111em","0.1667em","0.2222em","0.2667em","0.3333em"],RANGES:[[32,127,b.REL,"BasicLatin"],[160,255,b.ORD,"Latin1Supplement"],[256,383,b.ORD],[384,591,b.ORD],[688,767,b.ORD,"SpacingModLetters"],[768,879,b.ORD,"CombDiacritMarks"],[880,1023,b.ORD,"GreekAndCoptic"],[7680,7935,b.ORD],[8192,8303,b.PUNCT,"GeneralPunctuation"],[8304,8351,b.ORD],[8352,8399,b.ORD],[8400,8447,b.ORD,"CombDiactForSymbols"],[8448,8527,b.ORD,"LetterlikeSymbols"],[8528,8591,b.ORD],[8592,8703,b.REL,"Arrows"],[8704,8959,b.BIN,"MathOperators"],[8960,9215,b.ORD,"MiscTechnical"],[9312,9471,b.ORD],[9472,9631,b.ORD],[9632,9727,b.ORD,"GeometricShapes"],[9984,10175,b.ORD,"Dingbats"],[10176,10223,b.ORD,"MiscMathSymbolsA"],[10224,10239,b.REL,"SupplementalArrowsA"],[10496,10623,b.REL,"SupplementalArrowsB"],[10624,10751,b.ORD,"MiscMathSymbolsB"],[10752,11007,b.BIN,"SuppMathOperators"],[11008,11263,b.ORD,"MiscSymbolsAndArrows"],[119808,120831,b.ORD]],OPTABLE:{prefix:{"\u2200":c.ORD21,"\u2202":c.ORD21,"\u2203":c.ORD21,"\u2207":c.ORD21,"\u220F":c.OP,"\u2210":c.OP,"\u2211":c.OP,"\u2212":c.BIN01,"\u2213":c.BIN01,"\u221A":[1,1,b.ORD,{stretchy:true}],"\u2220":c.ORD,"\u222B":c.INTEGRAL,"\u222E":c.INTEGRAL,"\u22C0":c.OP,"\u22C1":c.OP,"\u22C2":c.OP,"\u22C3":c.OP,"\u2308":c.OPEN,"\u230A":c.OPEN,"\u27E8":c.OPEN,"\u27EE":c.OPEN,"\u2A00":c.OP,"\u2A01":c.OP,"\u2A02":c.OP,"\u2A04":c.OP,"\u2A06":c.OP,"\u00AC":c.ORD21,"\u00B1":c.BIN01,"(":c.OPEN,"+":c.BIN01,"-":c.BIN01,"[":c.OPEN,"{":c.OPEN,"|":c.OPEN},postfix:{"!":[1,0,b.CLOSE],"&":c.ORD,"\u2032":c.ORD02,"\u203E":c.WIDEACCENT,"\u2309":c.CLOSE,"\u230B":c.CLOSE,"\u23DE":c.WIDEACCENT,"\u23DF":c.WIDEACCENT,"\u266D":c.ORD02,"\u266E":c.ORD02,"\u266F":c.ORD02,"\u27E9":c.CLOSE,"\u27EF":c.CLOSE,"\u02C6":c.WIDEACCENT,"\u02C7":c.WIDEACCENT,"\u02C9":c.WIDEACCENT,"\u02CA":c.ACCENT,"\u02CB":c.ACCENT,"\u02D8":c.ACCENT,"\u02D9":c.ACCENT,"\u02DC":c.WIDEACCENT,"\u0302":c.WIDEACCENT,"\u00A8":c.ACCENT,"\u00AF":c.WIDEACCENT,")":c.CLOSE,"]":c.CLOSE,"^":c.WIDEACCENT,_:c.WIDEACCENT,"`":c.ACCENT,"|":c.CLOSE,"}":c.CLOSE,"~":c.WIDEACCENT},infix:{"":c.ORD,"%":[3,3,b.ORD],"\u2022":c.BIN4,"\u2026":c.INNER,"\u2044":c.TALLBIN,"\u2061":c.ORD,"\u2062":c.ORD,"\u2063":[0,0,b.ORD,{linebreakstyle:"after",separator:true}],"\u2064":c.ORD,"\u2190":c.WIDEREL,"\u2191":c.RELSTRETCH,"\u2192":c.WIDEREL,"\u2193":c.RELSTRETCH,"\u2194":c.WIDEREL,"\u2195":c.RELSTRETCH,"\u2196":c.RELSTRETCH,"\u2197":c.RELSTRETCH,"\u2198":c.RELSTRETCH,"\u2199":c.RELSTRETCH,"\u21A6":c.WIDEREL,"\u21A9":c.WIDEREL,"\u21AA":c.WIDEREL,"\u21BC":c.WIDEREL,"\u21BD":c.WIDEREL,"\u21C0":c.WIDEREL,"\u21C1":c.WIDEREL,"\u21CC":c.WIDEREL,"\u21D0":c.WIDEREL,"\u21D1":c.RELSTRETCH,"\u21D2":c.WIDEREL,"\u21D3":c.RELSTRETCH,"\u21D4":c.WIDEREL,"\u21D5":c.RELSTRETCH,"\u2208":c.REL,"\u2209":c.REL,"\u220B":c.REL,"\u2212":c.BIN4,"\u2213":c.BIN4,"\u2215":c.TALLBIN,"\u2216":c.BIN4,"\u2217":c.BIN4,"\u2218":c.BIN4,"\u2219":c.BIN4,"\u221D":c.REL,"\u2223":c.REL,"\u2225":c.REL,"\u2227":c.BIN4,"\u2228":c.BIN4,"\u2229":c.BIN4,"\u222A":c.BIN4,"\u223C":c.REL,"\u2240":c.BIN4,"\u2243":c.REL,"\u2245":c.REL,"\u2248":c.REL,"\u224D":c.REL,"\u2250":c.REL,"\u2260":c.REL,"\u2261":c.REL,"\u2264":c.REL,"\u2265":c.REL,"\u226A":c.REL,"\u226B":c.REL,"\u227A":c.REL,"\u227B":c.REL,"\u2282":c.REL,"\u2283":c.REL,"\u2286":c.REL,"\u2287":c.REL,"\u228E":c.BIN4,"\u2291":c.REL,"\u2292":c.REL,"\u2293":c.BIN4,"\u2294":c.BIN4,"\u2295":c.BIN4,"\u2296":c.BIN4,"\u2297":c.BIN4,"\u2298":c.BIN4,"\u2299":c.BIN4,"\u22A2":c.REL,"\u22A3":c.REL,"\u22A4":c.ORD55,"\u22A5":c.REL,"\u22A8":c.REL,"\u22C4":c.BIN4,"\u22C5":c.BIN4,"\u22C6":c.BIN4,"\u22C8":c.REL,"\u22EE":c.ORD55,"\u22EF":c.INNER,"\u22F1":[5,5,b.INNER],"\u25B3":c.BIN4,"\u25B5":c.BIN4,"\u25B9":c.BIN4,"\u25BD":c.BIN4,"\u25BF":c.BIN4,"\u25C3":c.BIN4,"\u2758":c.REL,"\u27F5":c.WIDEREL,"\u27F6":c.WIDEREL,"\u27F7":c.WIDEREL,"\u27F8":c.WIDEREL,"\u27F9":c.WIDEREL,"\u27FA":c.WIDEREL,"\u27FC":c.WIDEREL,"\u2A2F":c.BIN4,"\u2A3F":c.BIN4,"\u2AAF":c.REL,"\u2AB0":c.REL,"\u00B1":c.BIN4,"\u00B7":c.BIN4,"\u00D7":c.BIN4,"\u00F7":c.BIN4,"*":c.BIN3,"+":c.BIN4,",":[0,3,b.PUNCT,{linebreakstyle:"after",separator:true}],"-":c.BIN4,".":[3,3,b.ORD],"/":c.ORD11,":":[1,2,b.REL],";":[0,3,b.PUNCT,{linebreakstyle:"after",separator:true}],"<":c.REL,"=":c.REL,">":c.REL,"?":[1,1,b.CLOSE],"\\":c.ORD,"^":c.ORD11,_:c.ORD11,"|":[2,2,b.ORD,{fence:true,stretchy:true,symmetric:true}],"#":c.ORD,"$":c.ORD,"\u002E":[0,3,b.PUNCT,{separator:true}],"\u02B9":c.ORD,"\u0300":c.ACCENT,"\u0301":c.ACCENT,"\u0303":c.WIDEACCENT,"\u0304":c.ACCENT,"\u0306":c.ACCENT,"\u0307":c.ACCENT,"\u0308":c.ACCENT,"\u030C":c.ACCENT,"\u0332":c.WIDEACCENT,"\u0338":c.REL4,"\u2015":[0,0,b.ORD,{stretchy:true}],"\u2017":[0,0,b.ORD,{stretchy:true}],"\u2020":c.BIN3,"\u2021":c.BIN3,"\u20D7":c.ACCENT,"\u2111":c.ORD,"\u2113":c.ORD,"\u2118":c.ORD,"\u211C":c.ORD,"\u2205":c.ORD,"\u221E":c.ORD,"\u2305":c.BIN3,"\u2306":c.BIN3,"\u2322":c.REL4,"\u2323":c.REL4,"\u2329":c.OPEN,"\u232A":c.CLOSE,"\u23AA":c.ORD,"\u23AF":[0,0,b.ORD,{stretchy:true}],"\u23B0":c.OPEN,"\u23B1":c.CLOSE,"\u2500":c.ORD,"\u25EF":c.BIN3,"\u2660":c.ORD,"\u2661":c.ORD,"\u2662":c.ORD,"\u2663":c.ORD,"\u3008":c.OPEN,"\u3009":c.CLOSE,"\uFE37":c.WIDEACCENT,"\uFE38":c.WIDEACCENT}}},{OPTYPES:c});a.mo.prototype.OPTABLE.infix["^"]=c.WIDEREL;a.mo.prototype.OPTABLE.infix._=c.WIDEREL})(MathJax.ElementJax.mml);MathJax.ElementJax.mml.loadComplete("jax.js");
+MathJax.Hub.Register.LoadHook("[MathJax]/jax/element/mml/jax.js",function(){var b="2.3";var a=MathJax.ElementJax.mml;SETTINGS=MathJax.Hub.config.menuSettings;a.mbase.Augment({toMathML:function(k){var g=(this.inferred&&this.parent.inferRow);if(k==null){k=""}var e=this.type,d=this.toMathMLattributes();if(e==="mspace"){return k+"<"+e+d+" />"}var j=[];var h=(this.isToken?"":k+(g?"":"  "));for(var f=0,c=this.data.length;f<c;f++){if(this.data[f]){j.push(this.data[f].toMathML(h))}else{if(!this.isToken){j.push(h+"<mrow />")}}}if(this.isToken){return k+"<"+e+d+">"+j.join("")+"</"+e+">"}if(g){return j.join("\n")}if(j.length===0||(j.length===1&&j[0]==="")){return k+"<"+e+d+" />"}return k+"<"+e+d+">\n"+j.join("\n")+"\n"+k+"</"+e+">"},toMathMLattributes:function(){var j=[],g=this.defaults;var c=(this.attrNames||a.copyAttributeNames),l=a.skipAttributes;if(this.type==="math"&&(!this.attr||!this.attr.xmlns)){j.push('xmlns="http://www.w3.org/1998/Math/MathML"')}if(!this.attrNames){if(this.type==="mstyle"){g=a.math.prototype.defaults}for(var d in g){if(!l[d]&&g.hasOwnProperty(d)){var e=(d==="open"||d==="close");if(this[d]!=null&&(e||this[d]!==g[d])){var k=this[d];delete this[d];if(e||this.Get(d)!==k){j.push(d+'="'+this.toMathMLattribute(k)+'"')}this[d]=k}}}}for(var h=0,f=c.length;h<f;h++){if(c[h]==="class"){continue}k=(this.attr||{})[c[h]];if(k==null){k=this[c[h]]}if(k!=null){j.push(c[h]+'="'+this.toMathMLquote(k)+'"')}}this.toMathMLclass(j);if(j.length){return" "+j.join(" ")}else{return""}},toMathMLclass:function(c){var e=[];if(this["class"]){e.push(this["class"])}if(this.isa(a.TeXAtom)&&SETTINGS.texHints){var d=["ORD","OP","BIN","REL","OPEN","CLOSE","PUNCT","INNER","VCENTER"][this.texClass];if(d){e.push("MJX-TeXAtom-"+d)}}if(this.mathvariant&&this.toMathMLvariants[this.mathvariant]){e.push("MJX"+this.mathvariant)}if(this.variantForm){e.push("MJX-variant")}if(e.length){c.unshift('class="'+e.join(" ")+'"')}},toMathMLattribute:function(c){if(typeof(c)==="string"&&c.replace(/ /g,"").match(/^(([-+])?(\d+(\.\d*)?|\.\d+))mu$/)){return RegExp.$2+((1/18)*RegExp.$3).toFixed(3).replace(/\.?0+$/,"")+"em"}else{if(this.toMathMLvariants[c]){return this.toMathMLvariants[c]}}return this.toMathMLquote(c)},toMathMLvariants:{"-tex-caligraphic":a.VARIANT.SCRIPT,"-tex-caligraphic-bold":a.VARIANT.BOLDSCRIPT,"-tex-oldstyle":a.VARIANT.NORMAL,"-tex-oldstyle-bold":a.VARIANT.BOLD,"-tex-mathit":a.VARIANT.ITALIC},toMathMLquote:function(f){f=String(f).split("");for(var g=0,d=f.length;g<d;g++){var k=f[g].charCodeAt(0);if(k<=55295||57344<=k){if(k<32||k>126){f[g]="&#x"+k.toString(16).toUpperCase()+";"}else{var j={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"}[f[g]];if(j){f[g]=j}}}else{if(g+1<d){var h=f[g+1].charCodeAt(0);var e=(((k-55296)<<10)+(h-56320)+65536);f[g]="&#x"+e.toString(16).toUpperCase()+";";f[g+1]="";g++}else{f[g]=""}}}return f.join("")}});a.msubsup.Augment({toMathML:function(h){var e=this.type;if(this.data[this.sup]==null){e="msub"}if(this.data[this.sub]==null){e="msup"}var d=this.toMathMLattributes();delete this.data[0].inferred;var g=[];for(var f=0,c=this.data.length;f<c;f++){if(this.data[f]){g.push(this.data[f].toMathML(h+"  "))}}return h+"<"+e+d+">\n"+g.join("\n")+"\n"+h+"</"+e+">"}});a.munderover.Augment({toMathML:function(h){var e=this.type;if(this.data[this.under]==null){e="mover"}if(this.data[this.over]==null){e="munder"}var d=this.toMathMLattributes();delete this.data[0].inferred;var g=[];for(var f=0,c=this.data.length;f<c;f++){if(this.data[f]){g.push(this.data[f].toMathML(h+"  "))}}return h+"<"+e+d+">\n"+g.join("\n")+"\n"+h+"</"+e+">"}});a.TeXAtom.Augment({toMathML:function(d){var c=this.toMathMLattributes();if(!c&&this.data[0].data.length===1){return d.substr(2)+this.data[0].toMathML(d)}return d+"<mrow"+c+">\n"+this.data[0].toMathML(d+"  ")+"\n"+d+"</mrow>"}});a.chars.Augment({toMathML:function(c){return(c||"")+this.toMathMLquote(this.toString())}});a.entity.Augment({toMathML:function(c){return(c||"")+"&"+this.data[0]+";<!-- "+this.toString()+" -->"}});a.xml.Augment({toMathML:function(c){return(c||"")+this.toString()}});MathJax.Hub.Register.StartupHook("TeX mathchoice Ready",function(){a.TeXmathchoice.Augment({toMathML:function(c){return this.Core().toMathML(c)}})});MathJax.Hub.Startup.signal.Post("toMathML Ready")});MathJax.Ajax.loadComplete("[MathJax]/extensions/toMathML.js");
+(function(b,e){var d="2.3";var a=b.CombineConfig("TeX.noErrors",{disabled:false,multiLine:true,inlineDelimiters:["",""],style:{"font-size":"90%","text-align":"left",color:"black",padding:"1px 3px",border:"1px solid"}});var c="\u00A0";MathJax.Extension["TeX/noErrors"]={version:d,config:a};b.Register.StartupHook("TeX Jax Ready",function(){var f=MathJax.InputJax.TeX.formatError;MathJax.InputJax.TeX.Augment({formatError:function(j,i,k,g){if(a.disabled){return f.apply(this,arguments)}var h=j.message.replace(/\n.*/,"");b.signal.Post(["TeX Jax - parse error",h,i,k,g]);var m=a.inlineDelimiters;var l=(k||a.multiLine);if(!k){i=m[0]+i+m[1]}if(l){i=i.replace(/ /g,c)}else{i=i.replace(/\n/g," ")}return MathJax.ElementJax.mml.merror(i).With({isError:true,multiLine:l})}})});b.Register.StartupHook("HTML-CSS Jax Config",function(){b.Config({"HTML-CSS":{styles:{".MathJax .noError":b.Insert({"vertical-align":(b.Browser.isMSIE&&a.multiLine?"-2px":"")},a.style)}}})});b.Register.StartupHook("HTML-CSS Jax Ready",function(){var g=MathJax.ElementJax.mml;var h=MathJax.OutputJax["HTML-CSS"];var f=g.math.prototype.toHTML,i=g.merror.prototype.toHTML;g.math.Augment({toHTML:function(j,k){var l=this.data[0];if(l&&l.data[0]&&l.data[0].isError){j.style.fontSize="";j=this.HTMLcreateSpan(j);j.bbox=l.data[0].toHTML(j).bbox}else{j=f.call(this,j,k)}return j}});g.merror.Augment({toHTML:function(p){if(!this.isError){return i.call(this,p)}p=this.HTMLcreateSpan(p);p.className="noError";if(this.multiLine){p.style.display="inline-block"}var r=this.data[0].data[0].data.join("").split(/\n/);for(var o=0,l=r.length;o<l;o++){h.addText(p,r[o]);if(o!==l-1){h.addElement(p,"br",{isMathJax:true})}}var q=h.getHD(p.parentNode),k=h.getW(p.parentNode);if(l>1){var n=(q.h+q.d)/2,j=h.TeX.x_height/2;p.parentNode.style.verticalAlign=h.Em(q.d+(j-n));q.h=j+n;q.d=n-j}p.bbox={h:q.h,d:q.d,w:k,lw:0,rw:k};return p}})});b.Register.StartupHook("SVG Jax Config",function(){b.Config({SVG:{styles:{".MathJax_SVG .noError":b.Insert({"vertical-align":(b.Browser.isMSIE&&a.multiLine?"-2px":"")},a.style)}}})});b.Register.StartupHook("SVG Jax Ready",function(){var g=MathJax.ElementJax.mml;var f=g.math.prototype.toSVG,h=g.merror.prototype.toSVG;g.math.Augment({toSVG:function(i,j){var k=this.data[0];if(k&&k.data[0]&&k.data[0].isError){i=k.data[0].toSVG(i)}else{i=f.call(this,i,j)}return i}});g.merror.Augment({toSVG:function(n){if(!this.isError||this.Parent().type!=="math"){return h.call(this,n)}n=e.addElement(n,"span",{className:"noError",isMathJax:true});if(this.multiLine){n.style.display="inline-block"}var o=this.data[0].data[0].data.join("").split(/\n/);for(var l=0,j=o.length;l<j;l++){e.addText(n,o[l]);if(l!==j-1){e.addElement(n,"br",{isMathJax:true})}}if(j>1){var k=n.offsetHeight/2;n.style.verticalAlign=(-k+(k/j))+"px"}return n}})});b.Register.StartupHook("NativeMML Jax Ready",function(){var h=MathJax.ElementJax.mml;var g=MathJax.Extension["TeX/noErrors"].config;var f=h.math.prototype.toNativeMML,i=h.merror.prototype.toNativeMML;h.math.Augment({toNativeMML:function(j){var k=this.data[0];if(k&&k.data[0]&&k.data[0].isError){j=k.data[0].toNativeMML(j)}else{j=f.call(this,j)}return j}});h.merror.Augment({toNativeMML:function(n){if(!this.isError){return i.call(this,n)}n=n.appendChild(document.createElement("span"));var o=this.data[0].data[0].data.join("").split(/\n/);for(var l=0,k=o.length;l<k;l++){n.appendChild(document.createTextNode(o[l]));if(l!==k-1){n.appendChild(document.createElement("br"))}}if(this.multiLine){n.style.display="inline-block";if(k>1){n.style.verticalAlign="middle"}}for(var p in g.style){if(g.style.hasOwnProperty(p)){var j=p.replace(/-./g,function(m){return m.charAt(1).toUpperCase()});n.style[j]=g.style[p]}}return n}})});b.Startup.signal.Post("TeX noErrors Ready")})(MathJax.Hub,MathJax.HTML);MathJax.Ajax.loadComplete("[MathJax]/extensions/TeX/noErrors.js");
+MathJax.Extension["TeX/noUndefined"]={version:"2.3",config:MathJax.Hub.CombineConfig("TeX.noUndefined",{disabled:false,attributes:{mathcolor:"red"}})};MathJax.Hub.Register.StartupHook("TeX Jax Ready",function(){var b=MathJax.Extension["TeX/noUndefined"].config;var a=MathJax.ElementJax.mml;var c=MathJax.InputJax.TeX.Parse.prototype.csUndefined;MathJax.InputJax.TeX.Parse.Augment({csUndefined:function(d){if(b.disabled){return c.apply(this,arguments)}MathJax.Hub.signal.Post(["TeX Jax - undefined control sequence",d]);this.Push(a.mtext(d).With(b.attributes))}});MathJax.Hub.Startup.signal.Post("TeX noUndefined Ready")});MathJax.Ajax.loadComplete("[MathJax]/extensions/TeX/noUndefined.js");
+(function(d,c,i){var h,g="\u00A0";var j=function(l){return MathJax.Localization._.apply(MathJax.Localization,[["TeX",l]].concat([].slice.call(arguments,1)))};var e=MathJax.Object.Subclass({Init:function(m,l){this.global={isInner:l};this.data=[b.start(this.global)];if(m){this.data[0].env=m}this.env=this.data[0].env},Push:function(){var n,l,o,p;for(n=0,l=arguments.length;n<l;n++){o=arguments[n];if(o instanceof h.mbase){o=b.mml(o)}o.global=this.global;p=(this.data.length?this.Top().checkItem(o):true);if(p instanceof Array){this.Pop();this.Push.apply(this,p)}else{if(p instanceof b){this.Pop();this.Push(p)}else{if(p){this.data.push(o);if(o.env){for(var q in this.env){if(this.env.hasOwnProperty(q)){o.env[q]=this.env[q]}}this.env=o.env}else{o.env=this.env}}}}}},Pop:function(){var l=this.data.pop();if(!l.isOpen){delete l.env}this.env=(this.data.length?this.Top().env:{});return l},Top:function(l){if(l==null){l=1}if(this.data.length<l){return null}return this.data[this.data.length-l]},Prev:function(l){var m=this.Top();if(l){return m.data[m.data.length-1]}else{return m.Pop()}},toString:function(){return"stack[\n  "+this.data.join("\n  ")+"\n]"}});var b=e.Item=MathJax.Object.Subclass({type:"base",endError:["ExtraOpenMissingClose","Extra open brace or missing close brace"],closeError:["ExtraCloseMissingOpen","Extra close brace or missing open brace"],rightError:["MissingLeftExtraRight","Missing \\left or extra \\right"],Init:function(){if(this.isOpen){this.env={}}this.data=[];this.Push.apply(this,arguments)},Push:function(){this.data.push.apply(this.data,arguments)},Pop:function(){return this.data.pop()},mmlData:function(l,m){if(l==null){l=true}if(this.data.length===1&&!m){return this.data[0]}return h.mrow.apply(h,this.data).With((l?{inferred:true}:{}))},checkItem:function(l){if(l.type==="over"&&this.isOpen){l.num=this.mmlData(false);this.data=[]}if(l.type==="cell"&&this.isOpen){if(l.linebreak){return false}d.Error(["Misplaced","Misplaced %1",l.name])}if(l.isClose&&this[l.type+"Error"]){d.Error(this[l.type+"Error"])}if(!l.isNotStack){return true}this.Push(l.data[0]);return false},With:function(l){for(var m in l){if(l.hasOwnProperty(m)){this[m]=l[m]}}return this},toString:function(){return this.type+"["+this.data.join("; ")+"]"}});b.start=b.Subclass({type:"start",isOpen:true,Init:function(l){this.SUPER(arguments).Init.call(this);this.global=l},checkItem:function(l){if(l.type==="stop"){return b.mml(this.mmlData())}return this.SUPER(arguments).checkItem.call(this,l)}});b.stop=b.Subclass({type:"stop",isClose:true});b.open=b.Subclass({type:"open",isOpen:true,stopError:["ExtraOpenMissingClose","Extra open brace or missing close brace"],checkItem:function(m){if(m.type==="close"){var l=this.mmlData();return b.mml(h.TeXAtom(l))}return this.SUPER(arguments).checkItem.call(this,m)}});b.close=b.Subclass({type:"close",isClose:true});b.prime=b.Subclass({type:"prime",checkItem:function(l){if(this.data[0].type!=="msubsup"){return[h.msup(this.data[0],this.data[1]),l]}this.data[0].SetData(this.data[0].sup,this.data[1]);return[this.data[0],l]}});b.subsup=b.Subclass({type:"subsup",stopError:["MissingScript","Missing superscript or subscript argument"],supError:["MissingOpenForSup","Missing open brace for superscript"],subError:["MissingOpenForSub","Missing open brace for subscript"],checkItem:function(l){if(l.type==="open"||l.type==="left"){return true}if(l.type==="mml"){if(this.primes){if(this.position!==2){this.data[0].SetData(2,this.primes)}else{l.data[0]=h.mrow(this.primes.With({variantForm:true}),l.data[0])}}this.data[0].SetData(this.position,l.data[0]);return b.mml(this.data[0])}if(this.SUPER(arguments).checkItem.call(this,l)){d.Error(this[["","subError","supError"][this.position]])}},Pop:function(){}});b.over=b.Subclass({type:"over",isClose:true,name:"\\over",checkItem:function(n,l){if(n.type==="over"){d.Error(["AmbiguousUseOf","Ambiguous use of %1",n.name])}if(n.isClose){var m=h.mfrac(this.num,this.mmlData(false));if(this.thickness!=null){m.linethickness=this.thickness}if(this.open||this.close){m.texClass=h.TEXCLASS.INNER;m.texWithDelims=true;m=d.fenced(this.open,m,this.close)}return[b.mml(m),n]}return this.SUPER(arguments).checkItem.call(this,n)},toString:function(){return"over["+this.num+" / "+this.data.join("; ")+"]"}});b.left=b.Subclass({type:"left",isOpen:true,delim:"(",stopError:["ExtraLeftMissingRight","Extra \\left or missing \\right"],checkItem:function(l){if(l.type==="right"){return b.mml(d.fenced(this.delim,this.mmlData(),l.delim))}return this.SUPER(arguments).checkItem.call(this,l)}});b.right=b.Subclass({type:"right",isClose:true,delim:")"});b.begin=b.Subclass({type:"begin",isOpen:true,checkItem:function(l){if(l.type==="end"){if(l.name!==this.name){d.Error(["EnvBadEnd","\\begin{%1} ended with \\end{%2}",this.name,l.name])}if(!this.end){return b.mml(this.mmlData())}return this.parse[this.end].call(this.parse,this,this.data)}if(l.type==="stop"){d.Error(["EnvMissingEnd","Missing \\end{%1}",this.name])}return this.SUPER(arguments).checkItem.call(this,l)}});b.end=b.Subclass({type:"end",isClose:true});b.style=b.Subclass({type:"style",checkItem:function(m){if(!m.isClose){return this.SUPER(arguments).checkItem.call(this,m)}var l=h.mstyle.apply(h,this.data).With(this.styles);return[b.mml(l),m]}});b.position=b.Subclass({type:"position",checkItem:function(m){if(m.isClose){d.Error(["MissingBoxFor","Missing box for %1",this.name])}if(m.isNotStack){var l=m.mmlData();switch(this.move){case"vertical":l=h.mpadded(l).With({height:this.dh,depth:this.dd,voffset:this.dh});return[b.mml(l)];case"horizontal":return[b.mml(this.left),m,b.mml(this.right)]}}return this.SUPER(arguments).checkItem.call(this,m)}});b.array=b.Subclass({type:"array",isOpen:true,arraydef:{},Init:function(){this.table=[];this.row=[];this.env={};this.frame=[];this.SUPER(arguments).Init.apply(this,arguments)},checkItem:function(m){if(m.isClose&&m.type!=="over"){if(m.isEntry){this.EndEntry();this.clearEnv();return false}if(m.isCR){this.EndEntry();this.EndRow();this.clearEnv();return false}this.EndTable();this.clearEnv();var l=h.mtable.apply(h,this.table).With(this.arraydef);if(this.frame.length===4){l.frame=(this.frame.dashed?"dashed":"solid")}else{if(this.frame.length){l.hasFrame=true;if(this.arraydef.rowlines){this.arraydef.rowlines=this.arraydef.rowlines.replace(/none( none)+$/,"none")}l=h.menclose(l).With({notation:this.frame.join(" "),isFrame:true});if((this.arraydef.columnlines||"none")!="none"||(this.arraydef.rowlines||"none")!="none"){l.padding=0}}}if(this.open||this.close){l=d.fenced(this.open,l,this.close)}l=b.mml(l);if(this.requireClose){if(m.type==="close"){return l}d.Error(["MissingCloseBrace","Missing close brace"])}return[l,m]}return this.SUPER(arguments).checkItem.call(this,m)},EndEntry:function(){this.row.push(h.mtd.apply(h,this.data));this.data=[]},EndRow:function(){this.table.push(h.mtr.apply(h,this.row));this.row=[]},EndTable:function(){if(this.data.length||this.row.length){this.EndEntry();this.EndRow()}this.checkLines()},checkLines:function(){if(this.arraydef.rowlines){var l=this.arraydef.rowlines.split(/ /);if(l.length===this.table.length){this.frame.push("bottom");l.pop();this.arraydef.rowlines=l.join(" ")}else{if(l.length<this.table.length-1){this.arraydef.rowlines+=" none"}}}if(this.rowspacing){var m=this.arraydef.rowspacing.split(/ /);while(m.length<this.table.length){m.push(this.rowspacing+"em")}this.arraydef.rowspacing=m.join(" ")}},clearEnv:function(){for(var l in this.env){if(this.env.hasOwnProperty(l)){delete this.env[l]}}}});b.cell=b.Subclass({type:"cell",isClose:true});b.mml=b.Subclass({type:"mml",isNotStack:true,Add:function(){this.data.push.apply(this.data,arguments);return this}});b.fn=b.Subclass({type:"fn",checkItem:function(m){if(this.data[0]){if(m.type!=="mml"||!m.data[0]){return[this.data[0],m]}if(m.data[0].isa(h.mspace)){return[this.data[0],m]}var l=m.data[0];if(l.isEmbellished()){l=l.CoreMO()}if([0,0,1,1,0,1,1,0,0,0][l.Get("texClass")]){return[this.data[0],m]}return[this.data[0],h.mo(h.entity("#x2061")).With({texClass:h.TEXCLASS.NONE}),m]}return this.SUPER(arguments).checkItem.apply(this,arguments)}});b.not=b.Subclass({type:"not",checkItem:function(m){var l,n;if(m.type==="open"||m.type==="left"){return true}if(m.type==="mml"&&m.data[0].type.match(/^(mo|mi|mtext)$/)){l=m.data[0],n=l.data.join("");if(n.length===1&&!l.movesupsub){n=b.not.remap[n.charCodeAt(0)];if(n){l.SetData(0,h.chars(String.fromCharCode(n)))}else{l.Append(h.chars("\u0338"))}return m}}l=h.mpadded(h.mtext("\u29F8")).With({width:0});l=h.TeXAtom(l).With({texClass:h.TEXCLASS.REL});return[l,m]}});b.not.remap={8592:8602,8594:8603,8596:8622,8656:8653,8658:8655,8660:8654,8712:8713,8715:8716,8739:8740,8741:8742,8764:8769,126:8769,8771:8772,8773:8775,8776:8777,8781:8813,61:8800,8801:8802,60:8814,62:8815,8804:8816,8805:8817,8818:8820,8819:8821,8822:8824,8823:8825,8826:8832,8827:8833,8834:8836,8835:8837,8838:8840,8839:8841,8866:8876,8872:8877,8873:8878,8875:8879,8828:8928,8829:8929,8849:8930,8850:8931,8882:8938,8883:8939,8884:8940,8885:8941,8707:8708};b.dots=b.Subclass({type:"dots",checkItem:function(m){if(m.type==="open"||m.type==="left"){return true}var n=this.ldots;if(m.type==="mml"&&m.data[0].isEmbellished()){var l=m.data[0].CoreMO().Get("texClass");if(l===h.TEXCLASS.BIN||l===h.TEXCLASS.REL){n=this.cdots}}return[n,m]}});var f={Add:function(l,o,n){if(!o){o=this}for(var m in l){if(l.hasOwnProperty(m)){if(typeof l[m]==="object"&&!(l[m] instanceof Array)&&(typeof o[m]==="object"||typeof o[m]==="function")){this.Add(l[m],o[m],l[m],n)}else{if(!o[m]||!o[m].isUser||!n){o[m]=l[m]}}}}return o}};var k=function(){h=MathJax.ElementJax.mml;c.Insert(f,{letter:/[a-z]/i,digit:/[0-9.]/,number:/^(?:[0-9]+(?:\{,\}[0-9]{3})*(?:\.[0-9]*)*|\.[0-9]+)/,special:{"\\":"ControlSequence","{":"Open","}":"Close","~":"Tilde","^":"Superscript",_:"Subscript"," ":"Space","\t":"Space","\r":"Space","\n":"Space","'":"Prime","%":"Comment","&":"Entry","#":"Hash","\u2019":"Prime"},remap:{"-":"2212","*":"2217","`":"2018"},mathchar0mi:{alpha:"03B1",beta:"03B2",gamma:"03B3",delta:"03B4",epsilon:"03F5",zeta:"03B6",eta:"03B7",theta:"03B8",iota:"03B9",kappa:"03BA",lambda:"03BB",mu:"03BC",nu:"03BD",xi:"03BE",omicron:"03BF",pi:"03C0",rho:"03C1",sigma:"03C3",tau:"03C4",upsilon:"03C5",phi:"03D5",chi:"03C7",psi:"03C8",omega:"03C9",varepsilon:"03B5",vartheta:"03D1",varpi:"03D6",varrho:"03F1",varsigma:"03C2",varphi:"03C6",S:["00A7",{mathvariant:h.VARIANT.NORMAL}],aleph:["2135",{mathvariant:h.VARIANT.NORMAL}],hbar:["210F",{variantForm:true}],imath:"0131",jmath:"0237",ell:"2113",wp:["2118",{mathvariant:h.VARIANT.NORMAL}],Re:["211C",{mathvariant:h.VARIANT.NORMAL}],Im:["2111",{mathvariant:h.VARIANT.NORMAL}],partial:["2202",{mathvariant:h.VARIANT.NORMAL}],infty:["221E",{mathvariant:h.VARIANT.NORMAL}],prime:["2032",{mathvariant:h.VARIANT.NORMAL,variantForm:true}],emptyset:["2205",{mathvariant:h.VARIANT.NORMAL}],nabla:["2207",{mathvariant:h.VARIANT.NORMAL}],top:["22A4",{mathvariant:h.VARIANT.NORMAL}],bot:["22A5",{mathvariant:h.VARIANT.NORMAL}],angle:["2220",{mathvariant:h.VARIANT.NORMAL}],triangle:["25B3",{mathvariant:h.VARIANT.NORMAL}],backslash:["2216",{mathvariant:h.VARIANT.NORMAL,variantForm:true}],forall:["2200",{mathvariant:h.VARIANT.NORMAL}],exists:["2203",{mathvariant:h.VARIANT.NORMAL}],neg:["00AC",{mathvariant:h.VARIANT.NORMAL}],lnot:["00AC",{mathvariant:h.VARIANT.NORMAL}],flat:["266D",{mathvariant:h.VARIANT.NORMAL}],natural:["266E",{mathvariant:h.VARIANT.NORMAL}],sharp:["266F",{mathvariant:h.VARIANT.NORMAL}],clubsuit:["2663",{mathvariant:h.VARIANT.NORMAL}],diamondsuit:["2662",{mathvariant:h.VARIANT.NORMAL}],heartsuit:["2661",{mathvariant:h.VARIANT.NORMAL}],spadesuit:["2660",{mathvariant:h.VARIANT.NORMAL}]},mathchar0mo:{surd:"221A",coprod:["2210",{texClass:h.TEXCLASS.OP,movesupsub:true}],bigvee:["22C1",{texClass:h.TEXCLASS.OP,movesupsub:true}],bigwedge:["22C0",{texClass:h.TEXCLASS.OP,movesupsub:true}],biguplus:["2A04",{texClass:h.TEXCLASS.OP,movesupsub:true}],bigcap:["22C2",{texClass:h.TEXCLASS.OP,movesupsub:true}],bigcup:["22C3",{texClass:h.TEXCLASS.OP,movesupsub:true}],"int":["222B",{texClass:h.TEXCLASS.OP}],intop:["222B",{texClass:h.TEXCLASS.OP,movesupsub:true,movablelimits:true}],iint:["222C",{texClass:h.TEXCLASS.OP}],iiint:["222D",{texClass:h.TEXCLASS.OP}],prod:["220F",{texClass:h.TEXCLASS.OP,movesupsub:true}],sum:["2211",{texClass:h.TEXCLASS.OP,movesupsub:true}],bigotimes:["2A02",{texClass:h.TEXCLASS.OP,movesupsub:true}],bigoplus:["2A01",{texClass:h.TEXCLASS.OP,movesupsub:true}],bigodot:["2A00",{texClass:h.TEXCLASS.OP,movesupsub:true}],oint:["222E",{texClass:h.TEXCLASS.OP}],bigsqcup:["2A06",{texClass:h.TEXCLASS.OP,movesupsub:true}],smallint:["222B",{largeop:false}],triangleleft:"25C3",triangleright:"25B9",bigtriangleup:"25B3",bigtriangledown:"25BD",wedge:"2227",land:"2227",vee:"2228",lor:"2228",cap:"2229",cup:"222A",ddagger:"2021",dagger:"2020",sqcap:"2293",sqcup:"2294",uplus:"228E",amalg:"2A3F",diamond:"22C4",bullet:"2219",wr:"2240",div:"00F7",odot:["2299",{largeop:false}],oslash:["2298",{largeop:false}],otimes:["2297",{largeop:false}],ominus:["2296",{largeop:false}],oplus:["2295",{largeop:false}],mp:"2213",pm:"00B1",circ:"2218",bigcirc:"25EF",setminus:["2216",{variantForm:true}],cdot:"22C5",ast:"2217",times:"00D7",star:"22C6",propto:"221D",sqsubseteq:"2291",sqsupseteq:"2292",parallel:"2225",mid:"2223",dashv:"22A3",vdash:"22A2",leq:"2264",le:"2264",geq:"2265",ge:"2265",lt:"003C",gt:"003E",succ:"227B",prec:"227A",approx:"2248",succeq:"2AB0",preceq:"2AAF",supset:"2283",subset:"2282",supseteq:"2287",subseteq:"2286","in":"2208",ni:"220B",notin:"2209",owns:"220B",gg:"226B",ll:"226A",sim:"223C",simeq:"2243",perp:"22A5",equiv:"2261",asymp:"224D",smile:"2323",frown:"2322",ne:"2260",neq:"2260",cong:"2245",doteq:"2250",bowtie:"22C8",models:"22A8",notChar:"29F8",Leftrightarrow:"21D4",Leftarrow:"21D0",Rightarrow:"21D2",leftrightarrow:"2194",leftarrow:"2190",gets:"2190",rightarrow:"2192",to:"2192",mapsto:"21A6",leftharpoonup:"21BC",leftharpoondown:"21BD",rightharpoonup:"21C0",rightharpoondown:"21C1",nearrow:"2197",searrow:"2198",nwarrow:"2196",swarrow:"2199",rightleftharpoons:"21CC",hookrightarrow:"21AA",hookleftarrow:"21A9",longleftarrow:"27F5",Longleftarrow:"27F8",longrightarrow:"27F6",Longrightarrow:"27F9",Longleftrightarrow:"27FA",longleftrightarrow:"27F7",longmapsto:"27FC",ldots:"2026",cdots:"22EF",vdots:"22EE",ddots:"22F1",dotsc:"2026",dotsb:"22EF",dotsm:"22EF",dotsi:"22EF",dotso:"2026",ldotp:["002E",{texClass:h.TEXCLASS.PUNCT}],cdotp:["22C5",{texClass:h.TEXCLASS.PUNCT}],colon:["003A",{texClass:h.TEXCLASS.PUNCT}]},mathchar7:{Gamma:"0393",Delta:"0394",Theta:"0398",Lambda:"039B",Xi:"039E",Pi:"03A0",Sigma:"03A3",Upsilon:"03A5",Phi:"03A6",Psi:"03A8",Omega:"03A9",_:"005F","#":"0023","$":"0024","%":"0025","&":"0026",And:"0026"},delimiter:{"(":"(",")":")","[":"[","]":"]","<":"27E8",">":"27E9","\\lt":"27E8","\\gt":"27E9","/":"/","|":["|",{texClass:h.TEXCLASS.ORD}],".":"","\\\\":"\\","\\lmoustache":"23B0","\\rmoustache":"23B1","\\lgroup":"27EE","\\rgroup":"27EF","\\arrowvert":"23D0","\\Arrowvert":"2016","\\bracevert":"23AA","\\Vert":["2225",{texClass:h.TEXCLASS.ORD}],"\\|":["2225",{texClass:h.TEXCLASS.ORD}],"\\vert":["|",{texClass:h.TEXCLASS.ORD}],"\\uparrow":"2191","\\downarrow":"2193","\\updownarrow":"2195","\\Uparrow":"21D1","\\Downarrow":"21D3","\\Updownarrow":"21D5","\\backslash":"\\","\\rangle":"27E9","\\langle":"27E8","\\rbrace":"}","\\lbrace":"{","\\}":"}","\\{":"{","\\rceil":"2309","\\lceil":"2308","\\rfloor":"230B","\\lfloor":"230A","\\lbrack":"[","\\rbrack":"]"},macros:{displaystyle:["SetStyle","D",true,0],textstyle:["SetStyle","T",false,0],scriptstyle:["SetStyle","S",false,1],scriptscriptstyle:["SetStyle","SS",false,2],rm:["SetFont",h.VARIANT.NORMAL],mit:["SetFont",h.VARIANT.ITALIC],oldstyle:["SetFont",h.VARIANT.OLDSTYLE],cal:["SetFont",h.VARIANT.CALIGRAPHIC],it:["SetFont","-tex-mathit"],bf:["SetFont",h.VARIANT.BOLD],bbFont:["SetFont",h.VARIANT.DOUBLESTRUCK],scr:["SetFont",h.VARIANT.SCRIPT],frak:["SetFont",h.VARIANT.FRAKTUR],sf:["SetFont",h.VARIANT.SANSSERIF],tt:["SetFont",h.VARIANT.MONOSPACE],tiny:["SetSize",0.5],Tiny:["SetSize",0.6],scriptsize:["SetSize",0.7],small:["SetSize",0.85],normalsize:["SetSize",1],large:["SetSize",1.2],Large:["SetSize",1.44],LARGE:["SetSize",1.73],huge:["SetSize",2.07],Huge:["SetSize",2.49],arcsin:["NamedFn"],arccos:["NamedFn"],arctan:["NamedFn"],arg:["NamedFn"],cos:["NamedFn"],cosh:["NamedFn"],cot:["NamedFn"],coth:["NamedFn"],csc:["NamedFn"],deg:["NamedFn"],det:"NamedOp",dim:["NamedFn"],exp:["NamedFn"],gcd:"NamedOp",hom:["NamedFn"],inf:"NamedOp",ker:["NamedFn"],lg:["NamedFn"],lim:"NamedOp",liminf:["NamedOp","lim&thinsp;inf"],limsup:["NamedOp","lim&thinsp;sup"],ln:["NamedFn"],log:["NamedFn"],max:"NamedOp",min:"NamedOp",Pr:"NamedOp",sec:["NamedFn"],sin:["NamedFn"],sinh:["NamedFn"],sup:"NamedOp",tan:["NamedFn"],tanh:["NamedFn"],limits:["Limits",1],nolimits:["Limits",0],overline:["UnderOver","00AF"],underline:["UnderOver","005F"],overbrace:["UnderOver","23DE",1],underbrace:["UnderOver","23DF",1],overrightarrow:["UnderOver","2192"],underrightarrow:["UnderOver","2192"],overleftarrow:["UnderOver","2190"],underleftarrow:["UnderOver","2190"],overleftrightarrow:["UnderOver","2194"],underleftrightarrow:["UnderOver","2194"],overset:"Overset",underset:"Underset",stackrel:["Macro","\\mathrel{\\mathop{#2}\\limits^{#1}}",2],over:"Over",overwithdelims:"Over",atop:"Over",atopwithdelims:"Over",above:"Over",abovewithdelims:"Over",brace:["Over","{","}"],brack:["Over","[","]"],choose:["Over","(",")"],frac:"Frac",sqrt:"Sqrt",root:"Root",uproot:["MoveRoot","upRoot"],leftroot:["MoveRoot","leftRoot"],left:"LeftRight",right:"LeftRight",middle:"Middle",llap:"Lap",rlap:"Lap",raise:"RaiseLower",lower:"RaiseLower",moveleft:"MoveLeftRight",moveright:"MoveLeftRight",",":["Spacer",h.LENGTH.THINMATHSPACE],":":["Spacer",h.LENGTH.MEDIUMMATHSPACE],">":["Spacer",h.LENGTH.MEDIUMMATHSPACE],";":["Spacer",h.LENGTH.THICKMATHSPACE],"!":["Spacer",h.LENGTH.NEGATIVETHINMATHSPACE],enspace:["Spacer",".5em"],quad:["Spacer","1em"],qquad:["Spacer","2em"],thinspace:["Spacer",h.LENGTH.THINMATHSPACE],negthinspace:["Spacer",h.LENGTH.NEGATIVETHINMATHSPACE],hskip:"Hskip",hspace:"Hskip",kern:"Hskip",mskip:"Hskip",mspace:"Hskip",mkern:"Hskip",Rule:["Rule"],Space:["Rule","blank"],big:["MakeBig",h.TEXCLASS.ORD,0.85],Big:["MakeBig",h.TEXCLASS.ORD,1.15],bigg:["MakeBig",h.TEXCLASS.ORD,1.45],Bigg:["MakeBig",h.TEXCLASS.ORD,1.75],bigl:["MakeBig",h.TEXCLASS.OPEN,0.85],Bigl:["MakeBig",h.TEXCLASS.OPEN,1.15],biggl:["MakeBig",h.TEXCLASS.OPEN,1.45],Biggl:["MakeBig",h.TEXCLASS.OPEN,1.75],bigr:["MakeBig",h.TEXCLASS.CLOSE,0.85],Bigr:["MakeBig",h.TEXCLASS.CLOSE,1.15],biggr:["MakeBig",h.TEXCLASS.CLOSE,1.45],Biggr:["MakeBig",h.TEXCLASS.CLOSE,1.75],bigm:["MakeBig",h.TEXCLASS.REL,0.85],Bigm:["MakeBig",h.TEXCLASS.REL,1.15],biggm:["MakeBig",h.TEXCLASS.REL,1.45],Biggm:["MakeBig",h.TEXCLASS.REL,1.75],mathord:["TeXAtom",h.TEXCLASS.ORD],mathop:["TeXAtom",h.TEXCLASS.OP],mathopen:["TeXAtom",h.TEXCLASS.OPEN],mathclose:["TeXAtom",h.TEXCLASS.CLOSE],mathbin:["TeXAtom",h.TEXCLASS.BIN],mathrel:["TeXAtom",h.TEXCLASS.REL],mathpunct:["TeXAtom",h.TEXCLASS.PUNCT],mathinner:["TeXAtom",h.TEXCLASS.INNER],vcenter:["TeXAtom",h.TEXCLASS.VCENTER],mathchoice:["Extension","mathchoice"],buildrel:"BuildRel",hbox:["HBox",0],text:"HBox",mbox:["HBox",0],fbox:"FBox",strut:"Strut",mathstrut:["Macro","\\vphantom{(}"],phantom:"Phantom",vphantom:["Phantom",1,0],hphantom:["Phantom",0,1],smash:"Smash",acute:["Accent","00B4"],grave:["Accent","0060"],ddot:["Accent","00A8"],tilde:["Accent","007E"],bar:["Accent","00AF"],breve:["Accent","02D8"],check:["Accent","02C7"],hat:["Accent","005E"],vec:["Accent","2192"],dot:["Accent","02D9"],widetilde:["Accent","007E",1],widehat:["Accent","005E",1],matrix:"Matrix",array:"Matrix",pmatrix:["Matrix","(",")"],cases:["Matrix","{","","left left",null,".1em",null,true],eqalign:["Matrix",null,null,"right left",h.LENGTH.THICKMATHSPACE,".5em","D"],displaylines:["Matrix",null,null,"center",null,".5em","D"],cr:"Cr","\\":"CrLaTeX",newline:"Cr",hline:["HLine","solid"],hdashline:["HLine","dashed"],eqalignno:["Matrix",null,null,"right left right",h.LENGTH.THICKMATHSPACE+" 3em",".5em","D"],leqalignno:["Matrix",null,null,"right left right",h.LENGTH.THICKMATHSPACE+" 3em",".5em","D"],bmod:["Macro","\\mathbin{\\mmlToken{mo}{mod}}"],pmod:["Macro","\\pod{\\mmlToken{mi}{mod}\\kern 6mu #1}",1],mod:["Macro","\\mathchoice{\\kern18mu}{\\kern12mu}{\\kern12mu}{\\kern12mu}\\mmlToken{mi}{mod}\\,\\,#1",1],pod:["Macro","\\mathchoice{\\kern18mu}{\\kern8mu}{\\kern8mu}{\\kern8mu}(#1)",1],iff:["Macro","\\;\\Longleftrightarrow\\;"],skew:["Macro","{{#2{#3\\mkern#1mu}\\mkern-#1mu}{}}",3],mathcal:["Macro","{\\cal #1}",1],mathscr:["Macro","{\\scr #1}",1],mathrm:["Macro","{\\rm #1}",1],mathbf:["Macro","{\\bf #1}",1],mathbb:["Macro","{\\bbFont #1}",1],Bbb:["Macro","{\\bbFont #1}",1],mathit:["Macro","{\\it #1}",1],mathfrak:["Macro","{\\frak #1}",1],mathsf:["Macro","{\\sf #1}",1],mathtt:["Macro","{\\tt #1}",1],textrm:["Macro","\\mathord{\\rm\\text{#1}}",1],textit:["Macro","\\mathord{\\it{\\text{#1}}}",1],textbf:["Macro","\\mathord{\\bf{\\text{#1}}}",1],pmb:["Macro","\\rlap{#1}\\kern1px{#1}",1],TeX:["Macro","T\\kern-.14em\\lower.5ex{E}\\kern-.115em X"],LaTeX:["Macro","L\\kern-.325em\\raise.21em{\\scriptstyle{A}}\\kern-.17em\\TeX"]," ":["Macro","\\text{ }"],not:"Not",dots:"Dots",space:"Tilde",begin:"Begin",end:"End",newcommand:["Extension","newcommand"],renewcommand:["Extension","newcommand"],newenvironment:["Extension","newcommand"],renewenvironment:["Extension","newcommand"],def:["Extension","newcommand"],let:["Extension","newcommand"],verb:["Extension","verb"],boldsymbol:["Extension","boldsymbol"],tag:["Extension","AMSmath"],notag:["Extension","AMSmath"],label:["Extension","AMSmath"],ref:["Extension","AMSmath"],eqref:["Extension","AMSmath"],nonumber:["Macro","\\notag"],unicode:["Extension","unicode"],color:"Color",href:["Extension","HTML"],"class":["Extension","HTML"],style:["Extension","HTML"],cssId:["Extension","HTML"],bbox:["Extension","bbox"],mmlToken:"MmlToken",require:"Require"},environment:{array:["AlignedArray"],matrix:["Array",null,null,null,"c"],pmatrix:["Array",null,"(",")","c"],bmatrix:["Array",null,"[","]","c"],Bmatrix:["Array",null,"\\{","\\}","c"],vmatrix:["Array",null,"\\vert","\\vert","c"],Vmatrix:["Array",null,"\\Vert","\\Vert","c"],cases:["Array",null,"\\{",".","ll",null,".2em","T"],equation:[null,"Equation"],"equation*":[null,"Equation"],eqnarray:["ExtensionEnv",null,"AMSmath"],"eqnarray*":["ExtensionEnv",null,"AMSmath"],align:["ExtensionEnv",null,"AMSmath"],"align*":["ExtensionEnv",null,"AMSmath"],aligned:["ExtensionEnv",null,"AMSmath"],multline:["ExtensionEnv",null,"AMSmath"],"multline*":["ExtensionEnv",null,"AMSmath"],split:["ExtensionEnv",null,"AMSmath"],gather:["ExtensionEnv",null,"AMSmath"],"gather*":["ExtensionEnv",null,"AMSmath"],gathered:["ExtensionEnv",null,"AMSmath"],alignat:["ExtensionEnv",null,"AMSmath"],"alignat*":["ExtensionEnv",null,"AMSmath"],alignedat:["ExtensionEnv",null,"AMSmath"]},p_height:1.2/0.85});if(this.config.Macros){var l=this.config.Macros;for(var m in l){if(l.hasOwnProperty(m)){if(typeof(l[m])==="string"){f.macros[m]=["Macro",l[m]]}else{f.macros[m]=["Macro"].concat(l[m])}f.macros[m].isUser=true}}}};var a=MathJax.Object.Subclass({Init:function(m,n){this.string=m;this.i=0;this.macroCount=0;var l;if(n){l={};for(var o in n){if(n.hasOwnProperty(o)){l[o]=n[o]}}}this.stack=d.Stack(l,!!n);this.Parse();this.Push(b.stop())},Parse:function(){var m,l;while(this.i<this.string.length){m=this.string.charAt(this.i++);l=m.charCodeAt(0);if(l>=55296&&l<56320){m+=this.string.charAt(this.i++)}if(f.special[m]){this[f.special[m]](m)}else{if(f.letter.test(m)){this.Variable(m)}else{if(f.digit.test(m)){this.Number(m)}else{this.Other(m)}}}}},Push:function(){this.stack.Push.apply(this.stack,arguments)},mml:function(){if(this.stack.Top().type!=="mml"){return null}return this.stack.Top().data[0]},mmlToken:function(l){return l},ControlSequence:function(o){var l=this.GetCS(),n=this.csFindMacro(l);if(n){if(!(n instanceof Array)){n=[n]}var m=n[0];if(!(m instanceof Function)){m=this[m]}m.apply(this,[o+l].concat(n.slice(1)))}else{if(f.mathchar0mi[l]){this.csMathchar0mi(l,f.mathchar0mi[l])}else{if(f.mathchar0mo[l]){this.csMathchar0mo(l,f.mathchar0mo[l])}else{if(f.mathchar7[l]){this.csMathchar7(l,f.mathchar7[l])}else{if(f.delimiter["\\"+l]!=null){this.csDelimiter(l,f.delimiter["\\"+l])}else{this.csUndefined(o+l)}}}}}},csFindMacro:function(l){return f.macros[l]},csMathchar0mi:function(l,n){var m={mathvariant:h.VARIANT.ITALIC};if(n instanceof Array){m=n[1];n=n[0]}this.Push(this.mmlToken(h.mi(h.entity("#x"+n)).With(m)))},csMathchar0mo:function(l,n){var m={stretchy:false};if(n instanceof Array){m=n[1];m.stretchy=false;n=n[0]}this.Push(this.mmlToken(h.mo(h.entity("#x"+n)).With(m)))},csMathchar7:function(l,n){var m={mathvariant:h.VARIANT.NORMAL};if(n instanceof Array){m=n[1];n=n[0]}if(this.stack.env.font){m.mathvariant=this.stack.env.font}this.Push(this.mmlToken(h.mi(h.entity("#x"+n)).With(m)))},csDelimiter:function(l,n){var m={};if(n instanceof Array){m=n[1];n=n[0]}if(n.length===4){n=h.entity("#x"+n)}else{n=h.chars(n)}this.Push(this.mmlToken(h.mo(n).With({fence:false,stretchy:false}).With(m)))},csUndefined:function(l){d.Error(["UndefinedControlSequence","Undefined control sequence %1",l])},Variable:function(m){var l={};if(this.stack.env.font){l.mathvariant=this.stack.env.font}this.Push(this.mmlToken(h.mi(h.chars(m)).With(l)))},Number:function(o){var l,m=this.string.slice(this.i-1).match(f.number);if(m){l=h.mn(m[0].replace(/[{}]/g,""));this.i+=m[0].length-1}else{l=h.mo(h.chars(o))}if(this.stack.env.font){l.mathvariant=this.stack.env.font}this.Push(this.mmlToken(l))},Open:function(l){this.Push(b.open())},Close:function(l){this.Push(b.close())},Tilde:function(l){this.Push(h.mtext(h.chars(g)))},Space:function(l){},Superscript:function(p){if(this.GetNext().match(/\d/)){this.string=this.string.substr(0,this.i+1)+" "+this.string.substr(this.i+1)}var l,o,m,n=this.stack.Top();if(n.type==="prime"){m=n.data[0];o=n.data[1];this.stack.Pop()}else{m=this.stack.Prev();if(!m){m=h.mi("")}}if(m.isEmbellishedWrapper){m=m.data[0].data[0]}if(m.type==="msubsup"){if(m.data[m.sup]){d.Error(["DoubleExponent","Double exponent: use braces to clarify"])}l=m.sup}else{if(m.movesupsub){if(m.type!=="munderover"||m.data[m.over]){if(m.movablelimits&&m.isa(h.mi)){m=this.mi2mo(m)}m=h.munderover(m,null,null).With({movesupsub:true})}l=m.over}else{m=h.msubsup(m,null,null);l=m.sup}}this.Push(b.subsup(m).With({position:l,primes:o}))},Subscript:function(p){if(this.GetNext().match(/\d/)){this.string=this.string.substr(0,this.i+1)+" "+this.string.substr(this.i+1)}var l,o,m,n=this.stack.Top();if(n.type==="prime"){m=n.data[0];o=n.data[1];this.stack.Pop()}else{m=this.stack.Prev();if(!m){m=h.mi("")}}if(m.isEmbellishedWrapper){m=m.data[0].data[0]}if(m.type==="msubsup"){if(m.data[m.sub]){d.Error(["DoubleSubscripts","Double subscripts: use braces to clarify"])}l=m.sub}else{if(m.movesupsub){if(m.type!=="munderover"||m.data[m.under]){if(m.movablelimits&&m.isa(h.mi)){m=this.mi2mo(m)}m=h.munderover(m,null,null).With({movesupsub:true})}l=m.under}else{m=h.msubsup(m,null,null);l=m.sub}}this.Push(b.subsup(m).With({position:l,primes:o}))},PRIME:"\u2032",SMARTQUOTE:"\u2019",Prime:function(n){var m=this.stack.Prev();if(!m){m=h.mi()}if(m.type==="msubsup"&&m.data[m.sup]){d.Error(["DoubleExponentPrime","Prime causes double exponent: use braces to clarify"])}var l="";this.i--;do{l+=this.PRIME;this.i++,n=this.GetNext()}while(n==="'"||n===this.SMARTQUOTE);l=["","\u2032","\u2033","\u2034","\u2057"][l.length]||l;this.Push(b.prime(m,this.mmlToken(h.mo(l))))},mi2mo:function(l){var m=h.mo();m.Append.apply(m,l.data);var n;for(n in m.defaults){if(m.defaults.hasOwnProperty(n)&&l[n]!=null){m[n]=l[n]}}for(n in h.copyAttributes){if(h.copyAttributes.hasOwnProperty(n)&&l[n]!=null){m[n]=l[n]}}return m},Comment:function(l){while(this.i<this.string.length&&this.string.charAt(this.i)!="\n"){this.i++}},Hash:function(l){d.Error(["CantUseHash1","You can't use 'macro parameter character #' in math mode"])},Other:function(n){var m={stretchy:false},l;if(this.stack.env.font){m.mathvariant=this.stack.env.font}if(f.remap[n]){n=f.remap[n];if(n instanceof Array){m=n[1];n=n[0]}l=h.mo(h.entity("#x"+n)).With(m)}else{l=h.mo(n).With(m)}if(l.autoDefault("texClass",true)==""){l=h.TeXAtom(l)}this.Push(this.mmlToken(l))},SetFont:function(m,l){this.stack.env.font=l},SetStyle:function(m,l,n,o){this.stack.env.style=l;this.stack.env.level=o;this.Push(b.style().With({styles:{displaystyle:n,scriptlevel:o}}))},SetSize:function(l,m){this.stack.env.size=m;this.Push(b.style().With({styles:{mathsize:m+"em"}}))},Color:function(n){var m=this.GetArgument(n);var l=this.stack.env.color;this.stack.env.color=m;var o=this.ParseArg(n);if(l){this.stack.env.color}else{delete this.stack.env.color}this.Push(h.mstyle(o).With({mathcolor:m}))},Spacer:function(l,m){this.Push(h.mspace().With({width:m,mathsize:h.SIZE.NORMAL,scriptlevel:0}))},LeftRight:function(l){this.Push(b[l.substr(1)]().With({delim:this.GetDelimiter(l)}))},Middle:function(l){var m=this.GetDelimiter(l);if(this.stack.Top().type!=="left"){d.Error(["MisplacedMiddle","%1 must be within \\left and \\right",l])}this.Push(h.mo(m).With({stretchy:true}))},NamedFn:function(m,n){if(!n){n=m.substr(1)}var l=h.mi(n).With({texClass:h.TEXCLASS.OP});this.Push(b.fn(this.mmlToken(l)))},NamedOp:function(m,n){if(!n){n=m.substr(1)}n=n.replace(/&thinsp;/,"\u2006");var l=h.mo(n).With({movablelimits:true,movesupsub:true,form:h.FORM.PREFIX,texClass:h.TEXCLASS.OP});l.useMMLspacing&=~l.SPACE_ATTR.form;this.Push(this.mmlToken(l))},Limits:function(m,l){var n=this.stack.Prev("nopop");if(!n||n.texClass!==h.TEXCLASS.OP){d.Error(["MisplacedLimits","%1 is allowed only on operators",m])}n.movesupsub=(l?true:false);n.movablelimits=false},Over:function(n,m,o){var l=b.over().With({name:n});if(m||o){l.open=m;l.close=o}else{if(n.match(/withdelims$/)){l.open=this.GetDelimiter(n);l.close=this.GetDelimiter(n)}}if(n.match(/^\\above/)){l.thickness=this.GetDimen(n)}else{if(n.match(/^\\atop/)||m||o){l.thickness=0}}this.Push(l)},Frac:function(m){var l=this.ParseArg(m);var n=this.ParseArg(m);this.Push(h.mfrac(l,n))},Sqrt:function(o){var p=this.GetBrackets(o),l=this.GetArgument(o);if(l==="\\frac"){l+="{"+this.GetArgument(l)+"}{"+this.GetArgument(l)+"}"}var m=d.Parse(l,this.stack.env).mml();if(!p){m=h.msqrt.apply(h,m.array())}else{m=h.mroot(m,this.parseRoot(p))}this.Push(m)},Root:function(m){var o=this.GetUpTo(m,"\\of");var l=this.ParseArg(m);this.Push(h.mroot(l,this.parseRoot(o)))},parseRoot:function(q){var m=this.stack.env,l=m.inRoot;m.inRoot=true;var p=d.Parse(q,m);q=p.mml();var o=p.stack.global;if(o.leftRoot||o.upRoot){q=h.mpadded(q);if(o.leftRoot){q.width=o.leftRoot}if(o.upRoot){q.voffset=o.upRoot;q.height=o.upRoot}}m.inRoot=l;return q},MoveRoot:function(l,o){if(!this.stack.env.inRoot){d.Error(["MisplacedMoveRoot","%1 can appear only within a root",l])}if(this.stack.global[o]){d.Error(["MultipleMoveRoot","Multiple use of %1",l])}var m=this.GetArgument(l);if(!m.match(/-?[0-9]+/)){d.Error(["IntegerArg","The argument to %1 must be an integer",l])}m=(m/15)+"em";if(m.substr(0,1)!=="-"){m="+"+m}this.stack.global[o]=m},Accent:function(n,l,q){var p=this.ParseArg(n);var o={accent:true};if(this.stack.env.font){o.mathvariant=this.stack.env.font}var m=this.mmlToken(h.mo(h.entity("#x"+l)).With(o));m.stretchy=(q?true:false);this.Push(h.TeXAtom(h.munderover(p,null,m).With({accent:true})))},UnderOver:function(n,q,l){var p={o:"over",u:"under"}[n.charAt(1)];var o=this.ParseArg(n);if(o.Get("movablelimits")){o.movablelimits=false}var m=h.munderover(o,null,null);if(l){m.movesupsub=true}m.data[m[p]]=this.mmlToken(h.mo(h.entity("#x"+q)).With({stretchy:true,accent:(p=="under")}));this.Push(m)},Overset:function(l){var n=this.ParseArg(l),m=this.ParseArg(l);this.Push(h.mover(m,n))},Underset:function(l){var n=this.ParseArg(l),m=this.ParseArg(l);this.Push(h.munder(m,n))},TeXAtom:function(o,q){var p={texClass:q},n;if(q==h.TEXCLASS.OP){p.movesupsub=p.movablelimits=true;var l=this.GetArgument(o);var m=l.match(/^\s*\\rm\s+([a-zA-Z0-9 ]+)$/);if(m){p.mathvariant=h.VARIANT.NORMAL;n=b.fn(this.mmlToken(h.mi(m[1]).With(p)))}else{n=b.fn(h.TeXAtom(d.Parse(l,this.stack.env).mml()).With(p))}}else{n=h.TeXAtom(this.ParseArg(o)).With(p)}this.Push(n)},MmlToken:function(n){var o=this.GetArgument(n),l=this.GetBrackets(n,"").replace(/^\s+/,""),r=this.GetArgument(n),q={attrNames:[]},m;if(!h[o]||!h[o].prototype.isToken){d.Error(["NotMathMLToken","%1 is not a token element",o])}while(l!==""){m=l.match(/^([a-z]+)\s*=\s*(\'[^']*'|"[^"]*"|[^ ]*)\s*/i);if(!m){d.Error(["InvalidMathMLAttr","Invalid MathML attribute: %1",l])}if(!h[o].prototype.defaults[m[1]]&&!this.MmlTokenAllow[m[1]]){d.Error(["UnknownAttrForElement","%1 is not a recognized attribute for %2",m[1],o])}var p=this.MmlFilterAttribute(m[1],m[2].replace(/^(['"])(.*)\1$/,"$2"));if(p){if(p.toLowerCase()==="true"){p=true}else{if(p.toLowerCase()==="false"){p=false}}q[m[1]]=p;q.attrNames.push(m[1])}l=l.substr(m[0].length)}this.Push(this.mmlToken(h[o](r).With(q)))},MmlFilterAttribute:function(l,m){return m},MmlTokenAllow:{fontfamily:1,fontsize:1,fontweight:1,fontstyle:1,color:1,background:1,id:1,"class":1,href:1,style:1},Strut:function(l){this.Push(h.mpadded(h.mrow()).With({height:"8.6pt",depth:"3pt",width:0}))},Phantom:function(m,l,n){var o=h.mphantom(this.ParseArg(m));if(l||n){o=h.mpadded(o);if(n){o.height=o.depth=0}if(l){o.width=0}}this.Push(h.TeXAtom(o))},Smash:function(n){var m=this.trimSpaces(this.GetBrackets(n,""));var l=h.mpadded(this.ParseArg(n));switch(m){case"b":l.depth=0;break;case"t":l.height=0;break;default:l.height=l.depth=0}this.Push(h.TeXAtom(l))},Lap:function(m){var l=h.mpadded(this.ParseArg(m)).With({width:0});if(m==="\\llap"){l.lspace="-1 width"}this.Push(h.TeXAtom(l))},RaiseLower:function(l){var m=this.GetDimen(l);var n=b.position().With({name:l,move:"vertical"});if(m.charAt(0)==="-"){m=m.slice(1);l={raise:"\\lower",lower:"\\raise"}[l.substr(1)]}if(l==="\\lower"){n.dh="-"+m;n.dd="+"+m}else{n.dh="+"+m;n.dd="-"+m}this.Push(n)},MoveLeftRight:function(l){var o=this.GetDimen(l);var n=(o.charAt(0)==="-"?o.slice(1):"-"+o);if(l==="\\moveleft"){var m=o;o=n;n=m}this.Push(b.position().With({name:l,move:"horizontal",left:h.mspace().With({width:o,mathsize:h.SIZE.NORMAL}),right:h.mspace().With({width:n,mathsize:h.SIZE.NORMAL})}))},Hskip:function(l){this.Push(h.mspace().With({width:this.GetDimen(l),mathsize:h.SIZE.NORMAL}))},Rule:function(n,p){var l=this.GetDimen(n),o=this.GetDimen(n),r=this.GetDimen(n);var m,q={width:l,height:o,depth:r};if(p!=="blank"){if(parseFloat(l)&&parseFloat(o)+parseFloat(r)){q.mathbackground=(this.stack.env.color||"black")}m=h.mpadded(h.mrow()).With(q)}else{m=h.mspace().With(q)}this.Push(m)},MakeBig:function(l,o,m){m*=f.p_height;m=String(m).replace(/(\.\d\d\d).+/,"$1")+"em";var n=this.GetDelimiter(l);this.Push(h.TeXAtom(h.mo(n).With({minsize:m,maxsize:m,fence:true,stretchy:true,symmetric:true})).With({texClass:o}))},BuildRel:function(l){var m=this.ParseUpTo(l,"\\over");var n=this.ParseArg(l);this.Push(h.TeXAtom(h.munderover(n,null,m)).With({mclass:h.TEXCLASS.REL}))},HBox:function(l,m){this.Push.apply(this,this.InternalMath(this.GetArgument(l),m))},FBox:function(l){this.Push(h.menclose.apply(h,this.InternalMath(this.GetArgument(l))).With({notation:"box"}))},Not:function(l){this.Push(b.not())},Dots:function(l){this.Push(b.dots().With({ldots:this.mmlToken(h.mo(h.entity("#x2026")).With({stretchy:false})),cdots:this.mmlToken(h.mo(h.entity("#x22EF")).With({stretchy:false}))}))},Require:function(l){var m=this.GetArgument(l).replace(/.*\//,"").replace(/[^a-z0-9_.-]/ig,"");this.Extension(null,m)},Extension:function(l,m,n){if(l&&!typeof(l)==="string"){l=l.name}m=d.extensionDir+"/"+m;if(!m.match(/\.js$/)){m+=".js"}if(!i.loaded[i.fileURL(m)]){if(l!=null){delete f[n||"macros"][l.replace(/^\\/,"")]}c.RestartAfter(i.Require(m))}},Macro:function(n,q,p,r){if(p){var m=[];if(r!=null){var l=this.GetBrackets(n);m.push(l==null?r:l)}for(var o=m.length;o<p;o++){m.push(this.GetArgument(n))}q=this.SubstituteArgs(m,q)}this.string=this.AddArgs(q,this.string.slice(this.i));this.i=0;if(++this.macroCount>d.config.MAXMACROS){d.Error(["MaxMacroSub1","MathJax maximum macro substitution count exceeded; is there a recursive macro call?"])}},Matrix:function(m,o,t,q,s,n,l,u){var r=this.GetNext();if(r===""){d.Error(["MissingArgFor","Missing argument for %1",m])}if(r==="{"){this.i++}else{this.string=r+"}"+this.string.slice(this.i+1);this.i=0}var p=b.array().With({requireClose:true,arraydef:{rowspacing:(n||"4pt"),columnspacing:(s||"1em")}});if(u){p.isCases=true}if(o||t){p.open=o;p.close=t}if(l==="D"){p.arraydef.displaystyle=true}if(q!=null){p.arraydef.columnalign=q}this.Push(p)},Entry:function(o){this.Push(b.cell().With({isEntry:true,name:o}));if(this.stack.Top().isCases){var n=this.string;var r=0,p=this.i,l=n.length;while(p<l){var s=n.charAt(p);if(s==="{"){r++;p++}else{if(s==="}"){if(r===0){l=0}else{r--;p++}}else{if(s==="&"&&r===0){d.Error(["ExtraAlignTab","Extra alignment tab in \\cases text"])}else{if(s==="\\"){if(n.substr(p).match(/^((\\cr)[^a-zA-Z]|\\\\)/)){l=0}else{p+=2}}else{p++}}}}}var q=n.substr(this.i,p-this.i);if(!q.match(/^\s*\\text[^a-zA-Z]/)){this.Push.apply(this,this.InternalMath(q));this.i=p}}},Cr:function(l){this.Push(b.cell().With({isCR:true,name:l}))},CrLaTeX:function(l){var p;if(this.string.charAt(this.i)==="["){p=this.GetBrackets(l,"").replace(/ /g,"");if(p&&!p.match(/^((-?(\.\d+|\d+(\.\d*)?))(pt|em|ex|mu|mm|cm|in|pc))$/)){d.Error(["BracketMustBeDimension","Bracket argument to %1 must be a dimension",l])}}this.Push(b.cell().With({isCR:true,name:l,linebreak:true}));var o=this.stack.Top();if(o.isa(b.array)){if(p&&o.arraydef.rowspacing){var m=o.arraydef.rowspacing.split(/ /);if(!o.rowspacing){o.rowspacing=this.dimen2em(m[0])}while(m.length<o.table.length){m.push(this.Em(o.rowspacing))}m[o.table.length-1]=this.Em(Math.max(0,o.rowspacing+this.dimen2em(p)));o.arraydef.rowspacing=m.join(" ")}}else{if(p){this.Push(h.mspace().With({depth:p}))}this.Push(h.mo().With({linebreak:h.LINEBREAK.NEWLINE}))}},emPerInch:7.2,dimen2em:function(p){var n=p.match(/^(-?(?:\.\d+|\d+(?:\.\d*)?))(pt|em|ex|mu|pc|in|mm|cm)/);var l=parseFloat(n[1]||"1"),o=n[2];if(o==="em"){return l}if(o==="ex"){return l*0.43}if(o==="pt"){return l/10}if(o==="pc"){return l*1.2}if(o==="in"){return l*this.emPerInch}if(o==="cm"){return l*this.emPerInch/2.54}if(o==="mm"){return l*this.emPerInch/25.4}if(o==="mu"){return l/18}return 0},Em:function(l){if(Math.abs(l)<0.0006){return"0em"}return l.toFixed(3).replace(/\.?0+$/,"")+"em"},HLine:function(m,n){if(n==null){n="solid"}var o=this.stack.Top();if(!o.isa(b.array)||o.data.length){d.Error(["Misplaced","Misplaced %1",m])}if(o.table.length==0){o.frame.push("top")}else{var l=(o.arraydef.rowlines?o.arraydef.rowlines.split(/ /):[]);while(l.length<o.table.length){l.push("none")}l[o.table.length-1]=n;o.arraydef.rowlines=l.join(" ")}},Begin:function(m){var n=this.GetArgument(m);if(n.match(/[^a-z*]/i)){d.Error(["InvalidEnv","Invalid environment name '%1'",n])}var o=this.envFindName(n);if(!o){d.Error(["UnknownEnv","Unknown environment '%1'",n])}if(++this.macroCount>d.config.MAXMACROS){d.Error(["MaxMacroSub2","MathJax maximum substitution count exceeded; is there a recursive latex environment?"])}if(!(o instanceof Array)){o=[o]}var l=b.begin().With({name:n,end:o[1],parse:this});if(o[0]&&this[o[0]]){l=this[o[0]].apply(this,[l].concat(o.slice(2)))}this.Push(l)},End:function(l){this.Push(b.end().With({name:this.GetArgument(l)}))},envFindName:function(l){return f.environment[l]},Equation:function(l,m){return m},ExtensionEnv:function(m,l){this.Extension(m.name,l,"environment")},Array:function(m,o,t,r,s,n,l,p){if(!r){r=this.GetArgument("\\begin{"+m.name+"}")}var u=("c"+r).replace(/[^clr|:]/g,"").replace(/[^|:]([|:])+/g,"$1");r=r.replace(/[^clr]/g,"").split("").join(" ");r=r.replace(/l/g,"left").replace(/r/g,"right").replace(/c/g,"center");var q=b.array().With({arraydef:{columnalign:r,columnspacing:(s||"1em"),rowspacing:(n||"4pt")}});if(u.match(/[|:]/)){if(u.charAt(0).match(/[|:]/)){q.frame.push("left");q.frame.dashed=u.charAt(0)===":"}if(u.charAt(u.length-1).match(/[|:]/)){q.frame.push("right")}u=u.substr(1,u.length-2);q.arraydef.columnlines=u.split("").join(" ").replace(/[^|: ]/g,"none").replace(/\|/g,"solid").replace(/:/g,"dashed")}if(o){q.open=this.convertDelimiter(o)}if(t){q.close=this.convertDelimiter(t)}if(l==="D"){q.arraydef.displaystyle=true}else{if(l){q.arraydef.displaystyle=false}}if(l==="S"){q.arraydef.scriptlevel=1}if(p){q.arraydef.useHeight=false}this.Push(m);return q},AlignedArray:function(l){var m=this.GetBrackets("\\begin{"+l.name+"}");return this.setArrayAlign(this.Array.apply(this,arguments),m)},setArrayAlign:function(m,l){l=this.trimSpaces(l||"");if(l==="t"){m.arraydef.align="baseline 1"}else{if(l==="b"){m.arraydef.align="baseline -1"}else{if(l==="c"){m.arraydef.align="center"}else{if(l){m.arraydef.align=l}}}}return m},convertDelimiter:function(l){if(l){l=f.delimiter[l]}if(l==null){return null}if(l instanceof Array){l=l[0]}if(l.length===4){l=String.fromCharCode(parseInt(l,16))}return l},trimSpaces:function(l){if(typeof(l)!="string"){return l}return l.replace(/^\s+|\s+$/g,"")},nextIsSpace:function(){return this.string.charAt(this.i).match(/[ \n\r\t]/)},GetNext:function(){while(this.nextIsSpace()){this.i++}return this.string.charAt(this.i)},GetCS:function(){var l=this.string.slice(this.i).match(/^([a-z]+|.) ?/i);if(l){this.i+=l[1].length;return l[1]}else{this.i++;return" "}},GetArgument:function(m,n){switch(this.GetNext()){case"":if(!n){d.Error(["MissingArgFor","Missing argument for %1",m])}return null;case"}":if(!n){d.Error(["ExtraCloseMissingOpen","Extra close brace or missing open brace"])}return null;case"\\":this.i++;return"\\"+this.GetCS();case"{":var l=++this.i,o=1;while(this.i<this.string.length){switch(this.string.charAt(this.i++)){case"\\":this.i++;break;case"{":o++;break;case"}":if(--o==0){return this.string.slice(l,this.i-1)}break}}d.Error(["MissingCloseBrace","Missing close brace"]);break}return this.string.charAt(this.i++)},GetBrackets:function(m,o){if(this.GetNext()!="["){return o}var l=++this.i,n=0;while(this.i<this.string.length){switch(this.string.charAt(this.i++)){case"{":n++;break;case"\\":this.i++;break;case"}":if(n--<=0){d.Error(["ExtraCloseLooking","Extra close brace while looking for %1","']'"])}break;case"]":if(n==0){return this.string.slice(l,this.i-1)}break}}d.Error(["MissingCloseBracket","Couldn't find closing ']' for argument to %1",m])},GetDelimiter:function(l){while(this.nextIsSpace()){this.i++}var m=this.string.charAt(this.i);if(this.i<this.string.length){this.i++;if(m=="\\"){m+=this.GetCS(l)}if(f.delimiter[m]!=null){return this.convertDelimiter(m)}}d.Error(["MissingOrUnrecognizedDelim","Missing or unrecognized delimiter for %1",l])},GetDimen:function(m){var n;if(this.nextIsSpace()){this.i++}if(this.string.charAt(this.i)=="{"){n=this.GetArgument(m);if(n.match(/^\s*([-+]?(\.\d+|\d+(\.\d*)?))\s*(pt|em|ex|mu|px|mm|cm|in|pc)\s*$/)){return n.replace(/ /g,"")}}else{n=this.string.slice(this.i);var l=n.match(/^\s*(([-+]?(\.\d+|\d+(\.\d*)?))\s*(pt|em|ex|mu|px|mm|cm|in|pc)) ?/);if(l){this.i+=l[0].length;return l[1].replace(/ /g,"")}}d.Error(["MissingDimOrUnits","Missing dimension or its units for %1",m])},GetUpTo:function(n,o){while(this.nextIsSpace()){this.i++}var m=this.i,l,q,p=0;while(this.i<this.string.length){l=this.i;q=this.string.charAt(this.i++);switch(q){case"\\":q+=this.GetCS();break;case"{":p++;break;case"}":if(p==0){d.Error(["ExtraCloseLooking","Extra close brace while looking for %1",o])}p--;break}if(p==0&&q==o){return this.string.slice(m,l)}}d.Error(["TokenNotFoundForCommand","Couldn't find %1 for %2",o,n])},ParseArg:function(l){return d.Parse(this.GetArgument(l),this.stack.env).mml()},ParseUpTo:function(l,m){return d.Parse(this.GetUpTo(l,m),this.stack.env).mml()},InternalMath:function(q,s){var p={displaystyle:false};if(s!=null){p.scriptlevel=s}if(this.stack.env.font){p.mathvariant=this.stack.env.font}if(!q.match(/\\?\$|\\\(|\\(eq)?ref\s*\{/)){return[this.InternalText(q,p)]}var o=0,l=0,r,n="";var m=[];while(o<q.length){r=q.charAt(o++);if(r==="$"){if(n==="$"){m.push(h.TeXAtom(d.Parse(q.slice(l,o-1),{}).mml().With(p)));n="";l=o}else{if(n===""){if(l<o-1){m.push(this.InternalText(q.slice(l,o-1),p))}n="$";l=o}}}else{if(r==="}"&&n==="}"){m.push(h.TeXAtom(d.Parse(q.slice(l,o),{}).mml().With(p)));n="";l=o}else{if(r==="\\"){if(n===""&&q.substr(o).match(/^(eq)?ref\s*\{/)){if(l<o-1){m.push(this.InternalText(q.slice(l,o-1),p))}n="}";l=o-1}else{r=q.charAt(o++);if(r==="("&&n===""){if(l<o-2){m.push(this.InternalText(q.slice(l,o-2),p))}n=")";l=o}else{if(r===")"&&n===")"){m.push(h.TeXAtom(d.Parse(q.slice(l,o-2),{}).mml().With(p)));n="";l=o}else{if(r==="$"&&n===""){o--;q=q.substr(0,o-1)+q.substr(o)}}}}}}}}if(n!==""){d.Error(["MathNotTerminated","Math not terminated in text box"])}if(l<q.length){m.push(this.InternalText(q.slice(l),p))}return m},InternalText:function(m,l){m=m.replace(/^\s+/,g).replace(/\s+$/,g);return h.mtext(h.chars(m)).With(l)},SubstituteArgs:function(m,l){var p="";var o="";var q;var n=0;while(n<l.length){q=l.charAt(n++);if(q==="\\"){p+=q+l.charAt(n++)}else{if(q==="#"){q=l.charAt(n++);if(q==="#"){p+=q}else{if(!q.match(/[1-9]/)||q>m.length){d.Error(["IllegalMacroParam","Illegal macro parameter reference"])}o=this.AddArgs(this.AddArgs(o,p),m[q-1]);p=""}}else{p+=q}}}return this.AddArgs(o,p)},AddArgs:function(m,l){if(l.match(/^[a-z]/i)&&m.match(/(^|[^\\])(\\\\)*\\[a-z]+$/i)){m+=" "}if(m.length+l.length>d.config.MAXBUFFER){d.Error(["MaxBufferSize","MathJax internal buffer size exceeded; is there a recursive macro call?"])}return m+l}});d.Augment({Stack:e,Parse:a,Definitions:f,Startup:k,config:{MAXMACROS:10000,MAXBUFFER:5*1024},sourceMenuTitle:["TeXCommands","TeX Commands"],prefilterHooks:MathJax.Callback.Hooks(true),postfilterHooks:MathJax.Callback.Hooks(true),Config:function(){this.SUPER(arguments).Config.apply(this,arguments);if(this.config.equationNumbers.autoNumber!=="none"){if(!this.config.extensions){this.config.extensions=[]}this.config.extensions.push("AMSmath.js")}},Translate:function(l){var m,n=false,p=MathJax.HTML.getScript(l);var r=(l.type.replace(/\n/g," ").match(/(;|\s|\n)mode\s*=\s*display(;|\s|\n|$)/)!=null);var q={math:p,display:r,script:l};this.prefilterHooks.Execute(q);p=q.math;try{m=d.Parse(p).mml()}catch(o){if(!o.texError){throw o}m=this.formatError(o,p,r,l);n=true}if(m.inferred){m=h.apply(MathJax.ElementJax,m.data)}else{m=h(m)}if(r){m.root.display="block"}if(n){m.texError=true}q.math=m;this.postfilterHooks.Execute(q);return q.math},prefilterMath:function(m,n,l){return m},postfilterMath:function(m,n,l){this.combineRelations(m.root);return m},formatError:function(o,n,p,l){var m=o.message.replace(/\n.*/,"");c.signal.Post(["TeX Jax - parse error",m,n,p,l]);return h.Error(m)},Error:function(l){if(l instanceof Array){l=j.apply(j,l)}throw c.Insert(Error(l),{texError:true})},Macro:function(l,m,n){f.macros[l]=["Macro"].concat([].slice.call(arguments,1));f.macros[l].isUser=true},fenced:function(n,m,o){var l=h.mrow();l.open=n;l.close=o;if(n){l.Append(h.mo(n).With({fence:true,stretchy:true,texClass:h.TEXCLASS.OPEN}))}if(m.type==="mrow"){l.Append.apply(l,m.data)}else{l.Append(m)}if(o){l.Append(h.mo(o).With({fence:true,stretchy:true,texClass:h.TEXCLASS.CLOSE}))}return l},combineRelations:function(p){var q,l,o,n;for(q=0,l=p.data.length;q<l;q++){if(p.data[q]){if(p.isa(h.mrow)){while(q+1<l&&(o=p.data[q])&&(n=p.data[q+1])&&o.isa(h.mo)&&n.isa(h.mo)&&o.Get("texClass")===h.TEXCLASS.REL&&n.Get("texClass")===h.TEXCLASS.REL){if(o.variantForm==n.variantForm&&o.Get("mathvariant")==n.Get("mathvariant")&&o.style==n.style&&o["class"]==n["class"]&&!o.id&&!n.id){o.Append.apply(o,n.data);p.data.splice(q+1,1);l--}else{o.rspace=n.lspace="0pt";q++}}}if(!p.data[q].isToken){this.combineRelations(p.data[q])}}}}});d.prefilterHooks.Add(function(l){l.math=d.prefilterMath(l.math,l.display,l.script)});d.postfilterHooks.Add(function(l){l.math=d.postfilterMath(l.math,l.display,l.script)});d.loadComplete("jax.js")})(MathJax.InputJax.TeX,MathJax.Hub,MathJax.Ajax);
+MathJax.Extension["TeX/AMSmath"]={version:"2.3",number:0,startNumber:0,labels:{},eqlabels:{},refs:[]};MathJax.Hub.Register.StartupHook("TeX Jax Ready",function(){var b=MathJax.ElementJax.mml,g=MathJax.InputJax.TeX,f=MathJax.Extension["TeX/AMSmath"];var d=g.Definitions,e=g.Stack.Item,a=g.config.equationNumbers;var c=function(j){var l=[];for(var k=0,h=j.length;k<h;k++){l[k]=g.Parse.prototype.Em(j[k])}return l.join(" ")};d.Add({mathchar0mo:{iiiint:["2A0C",{texClass:b.TEXCLASS.OP}]},macros:{mathring:["Accent","2DA"],nobreakspace:"Tilde",negmedspace:["Spacer",b.LENGTH.NEGATIVEMEDIUMMATHSPACE],negthickspace:["Spacer",b.LENGTH.NEGATIVETHICKMATHSPACE],idotsint:["MultiIntegral","\\int\\cdots\\int"],dddot:["Accent","20DB"],ddddot:["Accent","20DC"],sideset:["Macro","\\mathop{\\mathop{\\rlap{\\phantom{#3}}}\\nolimits#1\\!\\mathop{#3}\\nolimits#2}",3],boxed:["Macro","\\fbox{$\\displaystyle{#1}$}",1],tag:"HandleTag",notag:"HandleNoTag",label:"HandleLabel",ref:"HandleRef",eqref:["HandleRef",true],substack:["Macro","\\begin{subarray}{c}#1\\end{subarray}",1],injlim:["NamedOp","inj&thinsp;lim"],projlim:["NamedOp","proj&thinsp;lim"],varliminf:["Macro","\\mathop{\\underline{\\mmlToken{mi}{lim}}}"],varlimsup:["Macro","\\mathop{\\overline{\\mmlToken{mi}{lim}}}"],varinjlim:["Macro","\\mathop{\\underrightarrow{\\mmlToken{mi}{lim}\\Rule{-1pt}{0pt}{1pt}}\\Rule{0pt}{0pt}{.45em}}"],varprojlim:["Macro","\\mathop{\\underleftarrow{\\mmlToken{mi}{lim}\\Rule{-1pt}{0pt}{1pt}}\\Rule{0pt}{0pt}{.45em}}"],DeclareMathOperator:"HandleDeclareOp",operatorname:"HandleOperatorName",genfrac:"Genfrac",frac:["Genfrac","","","",""],tfrac:["Genfrac","","","",1],dfrac:["Genfrac","","","",0],binom:["Genfrac","(",")","0em",""],tbinom:["Genfrac","(",")","0em",1],dbinom:["Genfrac","(",")","0em",0],cfrac:"CFrac",shoveleft:["HandleShove",b.ALIGN.LEFT],shoveright:["HandleShove",b.ALIGN.RIGHT],xrightarrow:["xArrow",8594,5,6],xleftarrow:["xArrow",8592,7,3]},environment:{align:["AMSarray",null,true,true,"rlrlrlrlrlrl",c([5/18,2,5/18,2,5/18,2,5/18,2,5/18,2,5/18])],"align*":["AMSarray",null,false,true,"rlrlrlrlrlrl",c([5/18,2,5/18,2,5/18,2,5/18,2,5/18,2,5/18])],multline:["Multline",null,true],"multline*":["Multline",null,false],split:["AMSarray",null,false,false,"rl",c([5/18])],gather:["AMSarray",null,true,true,"c"],"gather*":["AMSarray",null,false,true,"c"],alignat:["AlignAt",null,true,true],"alignat*":["AlignAt",null,false,true],alignedat:["AlignAt",null,false,false],aligned:["AlignedArray",null,null,null,"rlrlrlrlrlrl",c([5/18,2,5/18,2,5/18,2,5/18,2,5/18,2,5/18]),".5em","D"],gathered:["AlignedArray",null,null,null,"c",null,".5em","D"],subarray:["Array",null,null,null,null,c([0,0,0,0]),"0.1em","S",1],smallmatrix:["Array",null,null,null,"c",c([1/3]),".2em","S",1],equation:["EquationBegin","Equation",true],"equation*":["EquationBegin","EquationStar",false],eqnarray:["AMSarray",null,true,true,"rcl",b.LENGTH.THICKMATHSPACE,".5em"],"eqnarray*":["AMSarray",null,false,true,"rcl",b.LENGTH.THICKMATHSPACE,".5em"]},delimiter:{"\\lvert":["2223",{texClass:b.TEXCLASS.OPEN}],"\\rvert":["2223",{texClass:b.TEXCLASS.CLOSE}],"\\lVert":["2225",{texClass:b.TEXCLASS.OPEN}],"\\rVert":["2225",{texClass:b.TEXCLASS.CLOSE}]}},null,true);g.Parse.Augment({HandleTag:function(j){var l=this.GetStar();var i=this.trimSpaces(this.GetArgument(j)),h=i;if(!l){i=a.formatTag(i)}var k=this.stack.global;k.tagID=h;if(k.notags){g.Error(["CommandNotAllowedInEnv","%1 not allowed in %2 environment",j,k.notags])}if(k.tag){g.Error(["MultipleCommand","Multiple %1",j])}k.tag=b.mtd.apply(b,this.InternalMath(i)).With({id:a.formatID(h)})},HandleNoTag:function(h){if(this.stack.global.tag){delete this.stack.global.tag}this.stack.global.notag=true},HandleLabel:function(i){var j=this.stack.global,h=this.GetArgument(i);if(h===""){return}if(!f.refUpdate){if(j.label){g.Error(["MultipleCommand","Multiple %1",i])}j.label=h;if(f.labels[h]||f.eqlabels[h]){g.Error(["MultipleLabel","Label '%1' multiply defined",h])}f.eqlabels[h]="???"}},HandleRef:function(j,l){var i=this.GetArgument(j);var k=f.labels[i]||f.eqlabels[i];if(!k){k="??";f.badref=!f.refUpdate}var h=k;if(l){h=a.formatTag(h)}if(a.useLabelIds){k=i}this.Push(b.mrow.apply(b,this.InternalMath(h)).With({href:a.formatURL(a.formatID(k)),"class":"MathJax_ref"}))},HandleDeclareOp:function(i){var h=(this.GetStar()?"\\limits":"");var j=this.trimSpaces(this.GetArgument(i));if(j.charAt(0)=="\\"){j=j.substr(1)}var k=this.GetArgument(i);k=k.replace(/\*/g,"\\text{*}").replace(/-/g,"\\text{-}");g.Definitions.macros[j]=["Macro","\\mathop{\\rm "+k+"}"+h]},HandleOperatorName:function(i){var h=(this.GetStar()?"\\limits":"\\nolimits");var j=this.trimSpaces(this.GetArgument(i));j=j.replace(/\*/g,"\\text{*}").replace(/-/g,"\\text{-}");this.string="\\mathop{\\rm "+j+"}"+h+" "+this.string.slice(this.i);this.i=0},HandleShove:function(i,h){var j=this.stack.Top();if(j.type!=="multline"||j.data.length){g.Error(["CommandAtTheBeginingOfLine","%1 must come at the beginning of the line",i])}j.data.shove=h},CFrac:function(k){var h=this.trimSpaces(this.GetBrackets(k,"")),j=this.GetArgument(k),l=this.GetArgument(k);var i=b.mfrac(g.Parse("\\strut\\textstyle{"+j+"}",this.stack.env).mml(),g.Parse("\\strut\\textstyle{"+l+"}",this.stack.env).mml());h=({l:b.ALIGN.LEFT,r:b.ALIGN.RIGHT,"":""})[h];if(h==null){g.Error(["IllegalAlign","Illegal alignment specified in %1",k])}if(h){i.numalign=i.denomalign=h}this.Push(i)},Genfrac:function(i,k,p,m,h){if(k==null){k=this.GetDelimiterArg(i)}else{k=this.convertDelimiter(k)}if(p==null){p=this.GetDelimiterArg(i)}else{p=this.convertDelimiter(p)}if(m==null){m=this.GetArgument(i)}if(h==null){h=this.trimSpaces(this.GetArgument(i))}var l=this.ParseArg(i);var o=this.ParseArg(i);var j=b.mfrac(l,o);if(m!==""){j.linethickness=m}if(k||p){j=g.fenced(k,j,p)}if(h!==""){var n=(["D","T","S","SS"])[h];if(n==null){g.Error(["BadMathStyleFor","Bad math style for %1",i])}j=b.mstyle(j);if(n==="D"){j.displaystyle=true;j.scriptlevel=0}else{j.displaystyle=false;j.scriptlevel=h-1}}this.Push(j)},Multline:function(i,h){this.Push(i);this.checkEqnEnv();return e.multline(h,this.stack).With({arraydef:{displaystyle:true,rowspacing:".5em",width:g.config.MultLineWidth,columnwidth:"100%",side:g.config.TagSide,minlabelspacing:g.config.TagIndent}})},AMSarray:function(j,i,h,l,k){this.Push(j);if(h){this.checkEqnEnv()}l=l.replace(/[^clr]/g,"").split("").join(" ");l=l.replace(/l/g,"left").replace(/r/g,"right").replace(/c/g,"center");return e.AMSarray(j.name,i,h,this.stack).With({arraydef:{displaystyle:true,rowspacing:".5em",columnalign:l,columnspacing:(k||"1em"),rowspacing:"3pt",side:g.config.TagSide,minlabelspacing:g.config.TagIndent}})},AlignAt:function(k,i,h){var p,j,o="",m=[];if(!h){j=this.GetBrackets("\\begin{"+k.name+"}")}p=this.GetArgument("\\begin{"+k.name+"}");if(p.match(/[^0-9]/)){g.Error(["PositiveIntegerArg","Argument to %1 must me a positive integer","\\begin{"+k.name+"}"])}while(p>0){o+="rl";m.push("0em 0em");p--}m=m.join(" ");if(h){return this.AMSarray(k,i,h,o,m)}var l=this.Array.call(this,k,null,null,o,m,".5em","D");return this.setArrayAlign(l,j)},EquationBegin:function(h,i){this.checkEqnEnv();this.stack.global.forcetag=(i&&a.autoNumber!=="none");return h},EquationStar:function(h,i){this.stack.global.tagged=true;return i},checkEqnEnv:function(){if(this.stack.global.eqnenv){g.Error(["ErroneousNestingEq","Erroneous nesting of equation structures"])}this.stack.global.eqnenv=true},MultiIntegral:function(h,l){var k=this.GetNext();if(k==="\\"){var j=this.i;k=this.GetArgument(h);this.i=j;if(k==="\\limits"){if(h==="\\idotsint"){l="\\!\\!\\mathop{\\,\\,"+l+"}"}else{l="\\!\\!\\!\\mathop{\\,\\,\\,"+l+"}"}}}this.string=l+" "+this.string.slice(this.i);this.i=0},xArrow:function(j,n,m,h){var k={width:"+"+(m+h)+"mu",lspace:m+"mu"};var o=this.GetBrackets(j),p=this.ParseArg(j);var q=b.mo(b.chars(String.fromCharCode(n))).With({stretchy:true,texClass:b.TEXCLASS.REL});var i=b.munderover(q);i.SetData(i.over,b.mpadded(p).With(k).With({voffset:".15em"}));if(o){o=g.Parse(o,this.stack.env).mml();i.SetData(i.under,b.mpadded(o).With(k).With({voffset:"-.24em"}))}this.Push(i)},GetDelimiterArg:function(h){var i=this.trimSpaces(this.GetArgument(h));if(i==""){return null}if(d.delimiter[i]==null){g.Error(["MissingOrUnrecognizedDelim","Missing or unrecognized delimiter for %1",h])}return this.convertDelimiter(i)},GetStar:function(){var h=(this.GetNext()==="*");if(h){this.i++}return h}});e.Augment({autoTag:function(){var i=this.global;if(!i.notag){f.number++;i.tagID=a.formatNumber(f.number.toString());var h=g.Parse("\\text{"+a.formatTag(i.tagID)+"}",{}).mml();i.tag=b.mtd(h.With({id:a.formatID(i.tagID)}))}},getTag:function(){var i=this.global,h=i.tag;i.tagged=true;if(i.label){f.eqlabels[i.label]=i.tagID;if(a.useLabelIds){h.id=a.formatID(i.label)}}delete i.tag;delete i.tagID;delete i.label;return h}});e.multline=e.array.Subclass({type:"multline",Init:function(i,h){this.SUPER(arguments).Init.apply(this);this.numbered=(i&&a.autoNumber!=="none");this.save={notag:h.global.notag};h.global.tagged=!i&&!h.global.forcetag},EndEntry:function(){var h=b.mtd.apply(b,this.data);if(this.data.shove){h.columnalign=this.data.shove}this.row.push(h);this.data=[]},EndRow:function(){if(this.row.length!=1){g.Error(["MultlineRowsOneCol","The rows within the %1 environment must have exactly one column","multline"])}this.table.push(this.row);this.row=[]},EndTable:function(){this.SUPER(arguments).EndTable.call(this);if(this.table.length){var j=this.table.length-1,l,k=-1;if(!this.table[0][0].columnalign){this.table[0][0].columnalign=b.ALIGN.LEFT}if(!this.table[j][0].columnalign){this.table[j][0].columnalign=b.ALIGN.RIGHT}if(!this.global.tag&&this.numbered){this.autoTag()}if(this.global.tag&&!this.global.notags){k=(this.arraydef.side==="left"?0:this.table.length-1);this.table[k]=[this.getTag()].concat(this.table[k])}for(l=0,j=this.table.length;l<j;l++){var h=(l===k?b.mlabeledtr:b.mtr);this.table[l]=h.apply(b,this.table[l])}}this.global.notag=this.save.notag}});e.AMSarray=e.array.Subclass({type:"AMSarray",Init:function(k,j,i,h){this.SUPER(arguments).Init.apply(this);this.numbered=(j&&a.autoNumber!=="none");this.save={notags:h.global.notags,notag:h.global.notag};h.global.notags=(i?null:k);h.global.tagged=!j&&!h.global.forcetag},EndRow:function(){var h=b.mtr;if(!this.global.tag&&this.numbered){this.autoTag()}if(this.global.tag&&!this.global.notags){this.row=[this.getTag()].concat(this.row);h=b.mlabeledtr}if(this.numbered){delete this.global.notag}this.table.push(h.apply(b,this.row));this.row=[]},EndTable:function(){this.SUPER(arguments).EndTable.call(this);this.global.notags=this.save.notags;this.global.notag=this.save.notag}});e.start.Augment({oldCheckItem:e.start.prototype.checkItem,checkItem:function(j){if(j.type==="stop"){var h=this.mmlData(),i=this.global;if(f.display&&!i.tag&&!i.tagged&&!i.isInner&&(a.autoNumber==="all"||i.forcetag)){this.autoTag()}if(i.tag){var l=[this.getTag(),b.mtd(h)];var k={side:g.config.TagSide,minlabelspacing:g.config.TagIndent,columnalign:h.displayAlign};if(h.displayAlign===b.INDENTALIGN.LEFT){k.width="100%";if(h.displayIndent&&!String(h.displayIndent).match(/^0+(\.0*)?($|[a-z%])/)){k.columnwidth=h.displayIndent+" fit";k.columnspacing="0";l=[l[0],b.mtd(),l[1]]}}else{if(h.displayAlign===b.INDENTALIGN.RIGHT){k.width="100%";if(h.displayIndent&&!String(h.displayIndent).match(/^0+(\.0*)?($|[a-z%])/)){k.columnwidth="fit "+h.displayIndent;k.columnspacing="0";l[2]=b.mtd()}}}h=b.mtable(b.mlabeledtr.apply(b,l)).With(k)}return e.mml(h)}return this.oldCheckItem.call(this,j)}});g.prefilterHooks.Add(function(h){f.display=h.display;f.number=f.startNumber;f.eqlabels={};f.badref=false;if(f.refUpdate){f.number=h.script.MathJax.startNumber}});g.postfilterHooks.Add(function(h){h.script.MathJax.startNumber=f.startNumber;f.startNumber=f.number;MathJax.Hub.Insert(f.labels,f.eqlabels);if(f.badref&&!h.math.texError){f.refs.push(h.script)}});MathJax.Hub.Register.MessageHook("Begin Math Input",function(){f.refs=[];f.refUpdate=false});MathJax.Hub.Register.MessageHook("End Math Input",function(k){if(f.refs.length){f.refUpdate=true;for(var j=0,h=f.refs.length;j<h;j++){f.refs[j].MathJax.state=MathJax.ElementJax.STATE.UPDATE}return MathJax.Hub.processInput({scripts:f.refs,start:new Date().getTime(),i:0,j:0,jax:{},jaxIDs:[]})}return null});g.resetEquationNumbers=function(i,h){f.startNumber=(i||0);if(!h){f.labels={}}};MathJax.Hub.Startup.signal.Post("TeX AMSmath Ready")});MathJax.Ajax.loadComplete("[MathJax]/extensions/TeX/AMSmath.js");
+MathJax.Extension["TeX/AMSsymbols"]={version:"2.3"};MathJax.Hub.Register.StartupHook("TeX Jax Ready",function(){var a=MathJax.ElementJax.mml,b=MathJax.InputJax.TeX.Definitions;b.Add({mathchar0mi:{digamma:"03DD",varkappa:"03F0",varGamma:["0393",{mathvariant:a.VARIANT.ITALIC}],varDelta:["0394",{mathvariant:a.VARIANT.ITALIC}],varTheta:["0398",{mathvariant:a.VARIANT.ITALIC}],varLambda:["039B",{mathvariant:a.VARIANT.ITALIC}],varXi:["039E",{mathvariant:a.VARIANT.ITALIC}],varPi:["03A0",{mathvariant:a.VARIANT.ITALIC}],varSigma:["03A3",{mathvariant:a.VARIANT.ITALIC}],varUpsilon:["03A5",{mathvariant:a.VARIANT.ITALIC}],varPhi:["03A6",{mathvariant:a.VARIANT.ITALIC}],varPsi:["03A8",{mathvariant:a.VARIANT.ITALIC}],varOmega:["03A9",{mathvariant:a.VARIANT.ITALIC}],beth:"2136",gimel:"2137",daleth:"2138",backprime:["2035",{variantForm:true}],hslash:"210F",varnothing:["2205",{variantForm:true}],blacktriangle:"25B4",triangledown:["25BD",{variantForm:true}],blacktriangledown:"25BE",square:"25FB",Box:"25FB",blacksquare:"25FC",lozenge:"25CA",Diamond:"25CA",blacklozenge:"29EB",circledS:["24C8",{mathvariant:a.VARIANT.NORMAL}],bigstar:"2605",sphericalangle:"2222",measuredangle:"2221",nexists:"2204",complement:"2201",mho:"2127",eth:["00F0",{mathvariant:a.VARIANT.NORMAL}],Finv:"2132",diagup:"2571",Game:"2141",diagdown:"2572",Bbbk:["006B",{mathvariant:a.VARIANT.DOUBLESTRUCK}],yen:"00A5",circledR:"00AE",checkmark:"2713",maltese:"2720"},mathchar0mo:{dotplus:"2214",ltimes:"22C9",smallsetminus:"2216",rtimes:"22CA",Cap:"22D2",doublecap:"22D2",leftthreetimes:"22CB",Cup:"22D3",doublecup:"22D3",rightthreetimes:"22CC",barwedge:"22BC",curlywedge:"22CF",veebar:"22BB",curlyvee:"22CE",doublebarwedge:"2A5E",boxminus:"229F",circleddash:"229D",boxtimes:"22A0",circledast:"229B",boxdot:"22A1",circledcirc:"229A",boxplus:"229E",centerdot:"22C5",divideontimes:"22C7",intercal:"22BA",leqq:"2266",geqq:"2267",leqslant:"2A7D",geqslant:"2A7E",eqslantless:"2A95",eqslantgtr:"2A96",lesssim:"2272",gtrsim:"2273",lessapprox:"2A85",gtrapprox:"2A86",approxeq:"224A",lessdot:"22D6",gtrdot:"22D7",lll:"22D8",llless:"22D8",ggg:"22D9",gggtr:"22D9",lessgtr:"2276",gtrless:"2277",lesseqgtr:"22DA",gtreqless:"22DB",lesseqqgtr:"2A8B",gtreqqless:"2A8C",doteqdot:"2251",Doteq:"2251",eqcirc:"2256",risingdotseq:"2253",circeq:"2257",fallingdotseq:"2252",triangleq:"225C",backsim:"223D",thicksim:["223C",{variantForm:true}],backsimeq:"22CD",thickapprox:["2248",{variantForm:true}],subseteqq:"2AC5",supseteqq:"2AC6",Subset:"22D0",Supset:"22D1",sqsubset:"228F",sqsupset:"2290",preccurlyeq:"227C",succcurlyeq:"227D",curlyeqprec:"22DE",curlyeqsucc:"22DF",precsim:"227E",succsim:"227F",precapprox:"2AB7",succapprox:"2AB8",vartriangleleft:"22B2",lhd:"22B2",vartriangleright:"22B3",rhd:"22B3",trianglelefteq:"22B4",unlhd:"22B4",trianglerighteq:"22B5",unrhd:"22B5",vDash:"22A8",Vdash:"22A9",Vvdash:"22AA",smallsmile:["2323",{variantForm:true}],shortmid:["2223",{variantForm:true}],smallfrown:["2322",{variantForm:true}],shortparallel:["2225",{variantForm:true}],bumpeq:"224F",between:"226C",Bumpeq:"224E",pitchfork:"22D4",varpropto:"221D",backepsilon:"220D",blacktriangleleft:"25C2",blacktriangleright:"25B8",therefore:"2234",because:"2235",eqsim:"2242",vartriangle:["25B3",{variantForm:true}],Join:"22C8",nless:"226E",ngtr:"226F",nleq:"2270",ngeq:"2271",nleqslant:["2A87",{variantForm:true}],ngeqslant:["2A88",{variantForm:true}],nleqq:["2270",{variantForm:true}],ngeqq:["2271",{variantForm:true}],lneq:"2A87",gneq:"2A88",lneqq:"2268",gneqq:"2269",lvertneqq:["2268",{variantForm:true}],gvertneqq:["2269",{variantForm:true}],lnsim:"22E6",gnsim:"22E7",lnapprox:"2A89",gnapprox:"2A8A",nprec:"2280",nsucc:"2281",npreceq:["22E0",{variantForm:true}],nsucceq:["22E1",{variantForm:true}],precneqq:"2AB5",succneqq:"2AB6",precnsim:"22E8",succnsim:"22E9",precnapprox:"2AB9",succnapprox:"2ABA",nsim:"2241",ncong:"2246",nshortmid:["2224",{variantForm:true}],nshortparallel:["2226",{variantForm:true}],nmid:"2224",nparallel:"2226",nvdash:"22AC",nvDash:"22AD",nVdash:"22AE",nVDash:"22AF",ntriangleleft:"22EA",ntriangleright:"22EB",ntrianglelefteq:"22EC",ntrianglerighteq:"22ED",nsubseteq:"2288",nsupseteq:"2289",nsubseteqq:["2288",{variantForm:true}],nsupseteqq:["2289",{variantForm:true}],subsetneq:"228A",supsetneq:"228B",varsubsetneq:["228A",{variantForm:true}],varsupsetneq:["228B",{variantForm:true}],subsetneqq:"2ACB",supsetneqq:"2ACC",varsubsetneqq:["2ACB",{variantForm:true}],varsupsetneqq:["2ACC",{variantForm:true}],leftleftarrows:"21C7",rightrightarrows:"21C9",leftrightarrows:"21C6",rightleftarrows:"21C4",Lleftarrow:"21DA",Rrightarrow:"21DB",twoheadleftarrow:"219E",twoheadrightarrow:"21A0",leftarrowtail:"21A2",rightarrowtail:"21A3",looparrowleft:"21AB",looparrowright:"21AC",leftrightharpoons:"21CB",rightleftharpoons:["21CC",{variantForm:true}],curvearrowleft:"21B6",curvearrowright:"21B7",circlearrowleft:"21BA",circlearrowright:"21BB",Lsh:"21B0",Rsh:"21B1",upuparrows:"21C8",downdownarrows:"21CA",upharpoonleft:"21BF",upharpoonright:"21BE",downharpoonleft:"21C3",restriction:"21BE",multimap:"22B8",downharpoonright:"21C2",leftrightsquigarrow:"21AD",rightsquigarrow:"21DD",leadsto:"21DD",dashrightarrow:"21E2",dashleftarrow:"21E0",nleftarrow:"219A",nrightarrow:"219B",nLeftarrow:"21CD",nRightarrow:"21CF",nleftrightarrow:"21AE",nLeftrightarrow:"21CE"},delimiter:{"\\ulcorner":"231C","\\urcorner":"231D","\\llcorner":"231E","\\lrcorner":"231F"},macros:{implies:["Macro","\\;\\Longrightarrow\\;"],impliedby:["Macro","\\;\\Longleftarrow\\;"]}},null,true);var c=a.mo.OPTYPES.REL;MathJax.Hub.Insert(a.mo.prototype,{OPTABLE:{infix:{"\u2322":c,"\u2323":c,"\u25B3":c,"\uE006":c,"\uE007":c,"\uE00C":c,"\uE00D":c,"\uE00E":c,"\uE00F":c,"\uE010":c,"\uE011":c,"\uE016":c,"\uE017":c,"\uE018":c,"\uE019":c,"\uE01A":c,"\uE01B":c,"\uE04B":c,"\uE04F":c}}});MathJax.Hub.Startup.signal.Post("TeX AMSsymbols Ready")});MathJax.Ajax.loadComplete("[MathJax]/extensions/TeX/AMSsymbols.js");
+(function(c,d){var a;var b=function(e){return MathJax.Localization._.apply(MathJax.Localization,[["MathML",e]].concat([].slice.call(arguments,1)))};c.Parse=MathJax.Object.Subclass({Init:function(e){this.Parse(e)},Parse:function(g){var h;if(typeof g!=="string"){h=g.parentNode}else{h=c.ParseXML(this.preProcessMath.call(this,g));if(h==null){c.Error(["ErrorParsingMathML","Error parsing MathML"])}}var f=h.getElementsByTagName("parsererror")[0];if(f){c.Error(["ParsingError","Error parsing MathML: %1",f.textContent.replace(/This page.*?errors:|XML Parsing Error: |Below is a rendering of the page.*/g,"")])}if(h.childNodes.length!==1){c.Error(["MathMLSingleElement","MathML must be formed by a single element"])}if(h.firstChild.nodeName.toLowerCase()==="html"){var e=h.getElementsByTagName("h1")[0];if(e&&e.textContent==="XML parsing error"&&e.nextSibling){c.Error(["ParsingError","Error parsing MathML: %1",String(e.nextSibling.nodeValue).replace(/fatal parsing error: /,"")])}}if(h.firstChild.nodeName.toLowerCase().replace(/^[a-z]+:/,"")!=="math"){c.Error(["MathMLRootElement","MathML must be formed by a <math> element, not %1","<"+h.firstChild.nodeName+">"])}this.mml=this.MakeMML(h.firstChild)},MakeMML:function(h){var i=String(h.getAttribute("class")||"");var f,g=h.nodeName.toLowerCase().replace(/^[a-z]+:/,"");var e=(i.match(/(^| )MJX-TeXAtom-([^ ]*)/));if(e){f=this.TeXAtom(e[2])}else{if(!(a[g]&&a[g].isa&&a[g].isa(a.mbase))){MathJax.Hub.signal.Post(["MathML Jax - unknown node type",g]);return a.Error(b("UnknownNodeType","Unknown node type: %1",g))}else{f=a[g]()}}this.AddAttributes(f,h);this.CheckClass(f,f["class"]);this.AddChildren(f,h);if(c.config.useMathMLspacing){f.useMMLspacing=8}return f},TeXAtom:function(f){var e=a.TeXAtom().With({texClass:a.TEXCLASS[f]});if(e.texClass===a.TEXCLASS.OP){e.movesupsub=e.movablelimits=true}return e},CheckClass:function(f,h){h=(h||"").split(/ /);var j=[];for(var g=0,e=h.length;g<e;g++){if(h[g].substr(0,4)==="MJX-"){if(h[g]==="MJX-arrow"){if(!f.notation.match("/"+a.NOTATION.UPDIAGONALARROW+"/")){f.notation+=" "+a.NOTATION.UPDIAGONALARROW}}else{if(h[g]==="MJX-variant"){f.variantForm=true;if(!MathJax.Extension["TeX/AMSsymbols"]){MathJax.Hub.RestartAfter(MathJax.Ajax.Require("[MathJax]/extensions/TeX/AMSsymbols.js"))}}else{if(h[g].substr(0,11)!=="MJX-TeXAtom"){f.mathvariant=h[g].substr(3);if(f.mathvariant==="-tex-caligraphic-bold"||f.mathvariant==="-tex-oldstyle-bold"){if(!MathJax.Extension["TeX/boldsymbol"]){MathJax.Hub.RestartAfter(MathJax.Ajax.Require("[MathJax]/extensions/TeX/boldsymbol.js"))}}}}}}else{j.push(h[g])}}if(j.length){f["class"]=j.join(" ")}else{delete f["class"]}},AddAttributes:function(g,j){g.attr={};g.attrNames=[];for(var h=0,e=j.attributes.length;h<e;h++){var f=j.attributes[h].name;if(f=="xlink:href"){f="href"}if(f.match(/:/)){continue}if(f.match(/^_moz-math-((column|row)(align|line)|font-style)$/)){continue}var k=j.attributes[h].value;k=this.filterAttribute(f,k);if(k!=null){if(k.toLowerCase()==="true"){k=true}else{if(k.toLowerCase()==="false"){k=false}}if(g.defaults[f]!=null||a.copyAttributes[f]){g[f]=k}else{g.attr[f]=k}g.attrNames.push(f)}}},filterAttribute:function(e,f){return f},AddChildren:function(e,g){for(var k=0,j=g.childNodes.length;k<j;k++){var f=g.childNodes[k];if(f.nodeName==="#comment"){continue}if(f.nodeName==="#text"){if(e.isToken&&!e.mmlSelfClosing){var o=f.nodeValue.replace(/&([a-z][a-z0-9]*);/ig,this.replaceEntity);e.Append(a.chars(this.trimSpace(o)))}else{if(f.nodeValue.match(/\S/)){c.Error(["UnexpectedTextNode","Unexpected text node: %1","'"+f.nodeValue+"'"])}}}else{if(e.type==="annotation-xml"){e.Append(a.xml(f))}else{var h=this.MakeMML(f);e.Append(h);if(h.mmlSelfClosing&&h.data.length){e.Append.apply(e,h.data);h.data=[]}}}}if(e.type==="mrow"&&e.data.length>=2){var l=e.data[0],n=e.data[e.data.length-1];if(l.type==="mo"&&l.Get("fence")&&n.type==="mo"&&n.Get("fence")){if(l.data[0]){e.open=l.data.join("")}if(n.data[0]){e.close=n.data.join("")}}}},preProcessMath:function(f){if(f.match(/^<[a-z]+:/i)&&!f.match(/^<[^<>]* xmlns:/)){f=f.replace(/^<([a-z]+)(:math)/i,'<$1$2 xmlns:$1="http://www.w3.org/1998/Math/MathML"')}var e=f.match(/^(<math( ('.*?'|".*?"|[^>])+)>)/i);if(e&&e[2].match(/ (?!xmlns=)[a-z]+=\"http:/i)){f=e[1].replace(/ (?!xmlns=)([a-z]+=(['"])http:.*?\2)/ig," xmlns:$1 $1")+f.substr(e[0].length)}if(f.match(/^<math/i)&&!f.match(/^<[^<>]* xmlns=/)){f=f.replace(/^<(math)/i,'<math xmlns="http://www.w3.org/1998/Math/MathML"')}f=f.replace(/^\s*(?:\/\/)?<!(--)?\[CDATA\[((.|\n)*)(\/\/)?\]\]\1>\s*$/,"$2");return f.replace(/&([a-z][a-z0-9]*);/ig,this.replaceEntity)},trimSpace:function(e){return e.replace(/[\t\n\r]/g," ").replace(/^ +/,"").replace(/ +$/,"").replace(/  +/g," ")},replaceEntity:function(g,f){if(f.match(/^(lt|amp|quot)$/)){return g}if(c.Parse.Entity[f]){return c.Parse.Entity[f]}var h=f.charAt(0).toLowerCase();var e=f.match(/^[a-zA-Z](fr|scr|opf)$/);if(e){h=e[1]}if(!c.Parse.loaded[h]){c.Parse.loaded[h]=true;MathJax.Hub.RestartAfter(MathJax.Ajax.Require(c.entityDir+"/"+h+".js"))}return g}},{loaded:[]});c.Augment({sourceMenuTitle:["OriginalMathML","Original MathML"],prefilterHooks:MathJax.Callback.Hooks(true),postfilterHooks:MathJax.Callback.Hooks(true),Translate:function(e){if(!this.ParseXML){this.ParseXML=this.createParser()}var f,h,i={script:e};if(e.firstChild&&e.firstChild.nodeName.toLowerCase().replace(/^[a-z]+:/,"")==="math"){i.math=e.firstChild;this.prefilterHooks.Execute(i);h=i.math}else{h=MathJax.HTML.getScript(e);if(d.isMSIE){h=h.replace(/(&nbsp;)+$/,"")}i.math=h;this.prefilterHooks.Execute(i);h=i.math}try{f=c.Parse(h).mml}catch(g){if(!g.mathmlError){throw g}f=this.formatError(g,h,e)}i.math=a(f);this.postfilterHooks.Execute(i);return i.math},prefilterMath:function(f,e){return f},prefilterMathML:function(f,e){return f},formatError:function(h,g,e){var f=h.message.replace(/\n.*/,"");MathJax.Hub.signal.Post(["MathML Jax - parse error",f,g,e]);return a.Error(f)},Error:function(e){if(e instanceof Array){e=b.apply(b,e)}throw MathJax.Hub.Insert(Error(e),{mathmlError:true})},parseDOM:function(e){return this.parser.parseFromString(e,"text/xml")},parseMS:function(e){return(this.parser.loadXML(e)?this.parser:null)},parseDIV:function(e){this.div.innerHTML=e.replace(/<([a-z]+)([^>]*)\/>/g,"<$1$2></$1>");return this.div},parseError:function(e){return null},createMSParser:function(){var j=null;var f=["MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument.2.0","Microsoft.XMLDOM"];for(var g=0,e=f.length;g<e&&!j;g++){try{j=new ActiveXObject(f[g])}catch(h){}}return j},createParser:function(){if(window.DOMParser){this.parser=new DOMParser();return(this.parseDOM)}else{if(window.ActiveXObject){this.parser=this.createMSParser();if(!this.parser){MathJax.Localization.Try(this.parserCreationError);return(this.parseError)}this.parser.async=false;return(this.parseMS)}}this.div=MathJax.Hub.Insert(document.createElement("div"),{style:{visibility:"hidden",overflow:"hidden",height:"1px",position:"absolute",top:0}});if(!document.body.firstChild){document.body.appendChild(this.div)}else{document.body.insertBefore(this.div,document.body.firstChild)}return(this.parseDIV)},parserCreationError:function(){alert(b("CantCreateXMLParser","MathJax can't create an XML parser for MathML.  Check that\nthe 'Script ActiveX controls marked safe for scripting' security\nsetting is enabled (use the Internet Options item in the Tools\nmenu, and select the Security panel, then press the Custom Level\nbutton to check this).\n\nMathML equations will not be able to be processed by MathJax."))},Startup:function(){a=MathJax.ElementJax.mml;a.mspace.Augment({mmlSelfClosing:true});a.none.Augment({mmlSelfClosing:true});a.mprescripts.Augment({mmlSelfClosing:true})}});c.prefilterHooks.Add(function(e){e.math=(typeof(e.math)==="string"?c.prefilterMath(e.math,e.script):c.prefilterMathML(e.math,e.script))});c.Parse.Entity={ApplyFunction:"\u2061",Backslash:"\u2216",Because:"\u2235",Breve:"\u02D8",Cap:"\u22D2",CenterDot:"\u00B7",CircleDot:"\u2299",CircleMinus:"\u2296",CirclePlus:"\u2295",CircleTimes:"\u2297",Congruent:"\u2261",ContourIntegral:"\u222E",Coproduct:"\u2210",Cross:"\u2A2F",Cup:"\u22D3",CupCap:"\u224D",Dagger:"\u2021",Del:"\u2207",Delta:"\u0394",Diamond:"\u22C4",DifferentialD:"\u2146",DotEqual:"\u2250",DoubleDot:"\u00A8",DoubleRightTee:"\u22A8",DoubleVerticalBar:"\u2225",DownArrow:"\u2193",DownLeftVector:"\u21BD",DownRightVector:"\u21C1",DownTee:"\u22A4",Downarrow:"\u21D3",Element:"\u2208",EqualTilde:"\u2242",Equilibrium:"\u21CC",Exists:"\u2203",ExponentialE:"\u2147",FilledVerySmallSquare:"\u25AA",ForAll:"\u2200",Gamma:"\u0393",Gg:"\u22D9",GreaterEqual:"\u2265",GreaterEqualLess:"\u22DB",GreaterFullEqual:"\u2267",GreaterLess:"\u2277",GreaterSlantEqual:"\u2A7E",GreaterTilde:"\u2273",Hacek:"\u02C7",Hat:"\u005E",HumpDownHump:"\u224E",HumpEqual:"\u224F",Im:"\u2111",ImaginaryI:"\u2148",Integral:"\u222B",Intersection:"\u22C2",InvisibleComma:"\u2063",InvisibleTimes:"\u2062",Lambda:"\u039B",Larr:"\u219E",LeftAngleBracket:"\u27E8",LeftArrow:"\u2190",LeftArrowRightArrow:"\u21C6",LeftCeiling:"\u2308",LeftDownVector:"\u21C3",LeftFloor:"\u230A",LeftRightArrow:"\u2194",LeftTee:"\u22A3",LeftTriangle:"\u22B2",LeftTriangleEqual:"\u22B4",LeftUpVector:"\u21BF",LeftVector:"\u21BC",Leftarrow:"\u21D0",Leftrightarrow:"\u21D4",LessEqualGreater:"\u22DA",LessFullEqual:"\u2266",LessGreater:"\u2276",LessSlantEqual:"\u2A7D",LessTilde:"\u2272",Ll:"\u22D8",Lleftarrow:"\u21DA",LongLeftArrow:"\u27F5",LongLeftRightArrow:"\u27F7",LongRightArrow:"\u27F6",Longleftarrow:"\u27F8",Longleftrightarrow:"\u27FA",Longrightarrow:"\u27F9",Lsh:"\u21B0",MinusPlus:"\u2213",NestedGreaterGreater:"\u226B",NestedLessLess:"\u226A",NotDoubleVerticalBar:"\u2226",NotElement:"\u2209",NotEqual:"\u2260",NotExists:"\u2204",NotGreater:"\u226F",NotGreaterEqual:"\u2271",NotLeftTriangle:"\u22EA",NotLeftTriangleEqual:"\u22EC",NotLess:"\u226E",NotLessEqual:"\u2270",NotPrecedes:"\u2280",NotPrecedesSlantEqual:"\u22E0",NotRightTriangle:"\u22EB",NotRightTriangleEqual:"\u22ED",NotSubsetEqual:"\u2288",NotSucceeds:"\u2281",NotSucceedsSlantEqual:"\u22E1",NotSupersetEqual:"\u2289",NotTilde:"\u2241",NotVerticalBar:"\u2224",Omega:"\u03A9",OverBar:"\u203E",OverBrace:"\u23DE",PartialD:"\u2202",Phi:"\u03A6",Pi:"\u03A0",PlusMinus:"\u00B1",Precedes:"\u227A",PrecedesEqual:"\u2AAF",PrecedesSlantEqual:"\u227C",PrecedesTilde:"\u227E",Product:"\u220F",Proportional:"\u221D",Psi:"\u03A8",Rarr:"\u21A0",Re:"\u211C",ReverseEquilibrium:"\u21CB",RightAngleBracket:"\u27E9",RightArrow:"\u2192",RightArrowLeftArrow:"\u21C4",RightCeiling:"\u2309",RightDownVector:"\u21C2",RightFloor:"\u230B",RightTee:"\u22A2",RightTeeArrow:"\u21A6",RightTriangle:"\u22B3",RightTriangleEqual:"\u22B5",RightUpVector:"\u21BE",RightVector:"\u21C0",Rightarrow:"\u21D2",Rrightarrow:"\u21DB",Rsh:"\u21B1",Sigma:"\u03A3",SmallCircle:"\u2218",Sqrt:"\u221A",Square:"\u25A1",SquareIntersection:"\u2293",SquareSubset:"\u228F",SquareSubsetEqual:"\u2291",SquareSuperset:"\u2290",SquareSupersetEqual:"\u2292",SquareUnion:"\u2294",Star:"\u22C6",Subset:"\u22D0",SubsetEqual:"\u2286",Succeeds:"\u227B",SucceedsEqual:"\u2AB0",SucceedsSlantEqual:"\u227D",SucceedsTilde:"\u227F",SuchThat:"\u220B",Sum:"\u2211",Superset:"\u2283",SupersetEqual:"\u2287",Supset:"\u22D1",Therefore:"\u2234",Theta:"\u0398",Tilde:"\u223C",TildeEqual:"\u2243",TildeFullEqual:"\u2245",TildeTilde:"\u2248",UnderBar:"\u005F",UnderBrace:"\u23DF",Union:"\u22C3",UnionPlus:"\u228E",UpArrow:"\u2191",UpDownArrow:"\u2195",UpTee:"\u22A5",Uparrow:"\u21D1",Updownarrow:"\u21D5",Upsilon:"\u03A5",Vdash:"\u22A9",Vee:"\u22C1",VerticalBar:"\u2223",VerticalTilde:"\u2240",Vvdash:"\u22AA",Wedge:"\u22C0",Xi:"\u039E",acute:"\u00B4",aleph:"\u2135",alpha:"\u03B1",amalg:"\u2A3F",and:"\u2227",ang:"\u2220",angmsd:"\u2221",angsph:"\u2222",ape:"\u224A",backprime:"\u2035",backsim:"\u223D",backsimeq:"\u22CD",beta:"\u03B2",beth:"\u2136",between:"\u226C",bigcirc:"\u25EF",bigodot:"\u2A00",bigoplus:"\u2A01",bigotimes:"\u2A02",bigsqcup:"\u2A06",bigstar:"\u2605",bigtriangledown:"\u25BD",bigtriangleup:"\u25B3",biguplus:"\u2A04",blacklozenge:"\u29EB",blacktriangle:"\u25B4",blacktriangledown:"\u25BE",blacktriangleleft:"\u25C2",bowtie:"\u22C8",boxdl:"\u2510",boxdr:"\u250C",boxminus:"\u229F",boxplus:"\u229E",boxtimes:"\u22A0",boxul:"\u2518",boxur:"\u2514",bsol:"\u005C",bull:"\u2022",cap:"\u2229",check:"\u2713",chi:"\u03C7",circ:"\u02C6",circeq:"\u2257",circlearrowleft:"\u21BA",circlearrowright:"\u21BB",circledR:"\u00AE",circledS:"\u24C8",circledast:"\u229B",circledcirc:"\u229A",circleddash:"\u229D",clubs:"\u2663",colon:"\u003A",comp:"\u2201",ctdot:"\u22EF",cuepr:"\u22DE",cuesc:"\u22DF",cularr:"\u21B6",cup:"\u222A",curarr:"\u21B7",curlyvee:"\u22CE",curlywedge:"\u22CF",dagger:"\u2020",daleth:"\u2138",ddarr:"\u21CA",deg:"\u00B0",delta:"\u03B4",digamma:"\u03DD",div:"\u00F7",divideontimes:"\u22C7",dot:"\u02D9",doteqdot:"\u2251",dotplus:"\u2214",dotsquare:"\u22A1",dtdot:"\u22F1",ecir:"\u2256",efDot:"\u2252",egs:"\u2A96",ell:"\u2113",els:"\u2A95",empty:"\u2205",epsi:"\u03B5",epsiv:"\u03F5",erDot:"\u2253",eta:"\u03B7",eth:"\u00F0",flat:"\u266D",fork:"\u22D4",frown:"\u2322",gEl:"\u2A8C",gamma:"\u03B3",gap:"\u2A86",gimel:"\u2137",gnE:"\u2269",gnap:"\u2A8A",gne:"\u2A88",gnsim:"\u22E7",gt:"\u003E",gtdot:"\u22D7",harrw:"\u21AD",hbar:"\u210F",hellip:"\u2026",hookleftarrow:"\u21A9",hookrightarrow:"\u21AA",imath:"\u0131",infin:"\u221E",intcal:"\u22BA",iota:"\u03B9",jmath:"\u0237",kappa:"\u03BA",kappav:"\u03F0",lEg:"\u2A8B",lambda:"\u03BB",lap:"\u2A85",larrlp:"\u21AB",larrtl:"\u21A2",lbrace:"\u007B",lbrack:"\u005B",le:"\u2264",leftleftarrows:"\u21C7",leftthreetimes:"\u22CB",lessdot:"\u22D6",lmoust:"\u23B0",lnE:"\u2268",lnap:"\u2A89",lne:"\u2A87",lnsim:"\u22E6",longmapsto:"\u27FC",looparrowright:"\u21AC",lowast:"\u2217",loz:"\u25CA",lt:"\u003C",ltimes:"\u22C9",ltri:"\u25C3",macr:"\u00AF",malt:"\u2720",mho:"\u2127",mu:"\u03BC",multimap:"\u22B8",nLeftarrow:"\u21CD",nLeftrightarrow:"\u21CE",nRightarrow:"\u21CF",nVDash:"\u22AF",nVdash:"\u22AE",natur:"\u266E",nearr:"\u2197",nharr:"\u21AE",nlarr:"\u219A",not:"\u00AC",nrarr:"\u219B",nu:"\u03BD",nvDash:"\u22AD",nvdash:"\u22AC",nwarr:"\u2196",omega:"\u03C9",omicron:"\u03BF",or:"\u2228",osol:"\u2298",period:"\u002E",phi:"\u03C6",phiv:"\u03D5",pi:"\u03C0",piv:"\u03D6",prap:"\u2AB7",precnapprox:"\u2AB9",precneqq:"\u2AB5",precnsim:"\u22E8",prime:"\u2032",psi:"\u03C8",rarrtl:"\u21A3",rbrace:"\u007D",rbrack:"\u005D",rho:"\u03C1",rhov:"\u03F1",rightrightarrows:"\u21C9",rightthreetimes:"\u22CC",ring:"\u02DA",rmoust:"\u23B1",rtimes:"\u22CA",rtri:"\u25B9",scap:"\u2AB8",scnE:"\u2AB6",scnap:"\u2ABA",scnsim:"\u22E9",sdot:"\u22C5",searr:"\u2198",sect:"\u00A7",sharp:"\u266F",sigma:"\u03C3",sigmav:"\u03C2",simne:"\u2246",smile:"\u2323",spades:"\u2660",sub:"\u2282",subE:"\u2AC5",subnE:"\u2ACB",subne:"\u228A",supE:"\u2AC6",supnE:"\u2ACC",supne:"\u228B",swarr:"\u2199",tau:"\u03C4",theta:"\u03B8",thetav:"\u03D1",tilde:"\u02DC",times:"\u00D7",triangle:"\u25B5",triangleq:"\u225C",upsi:"\u03C5",upuparrows:"\u21C8",veebar:"\u22BB",vellip:"\u22EE",weierp:"\u2118",xi:"\u03BE",yen:"\u00A5",zeta:"\u03B6",zigrarr:"\u21DD"};c.loadComplete("jax.js")})(MathJax.InputJax.MathML,MathJax.Hub.Browser);
+MathJax.Ajax.loadComplete("[MathJax]/config/TeX-AMS-MML_SVG.js");
diff --git a/editor/extensions/openpath.png b/editor/extensions/openpath.png
new file mode 100644
index 00000000..e04f889e
Binary files /dev/null and b/editor/extensions/openpath.png differ
diff --git a/editor/extensions/panning.png b/editor/extensions/panning.png
new file mode 100644
index 00000000..95947801
Binary files /dev/null and b/editor/extensions/panning.png differ
diff --git a/editor/extensions/polygon-icons.svg b/editor/extensions/polygon-icons.svg
index 42a77f60..732fa814 100644
--- a/editor/extensions/polygon-icons.svg
+++ b/editor/extensions/polygon-icons.svg
@@ -1,14 +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>
\ No newline at end of file
+<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>
diff --git a/editor/extensions/polygon.png b/editor/extensions/polygon.png
new file mode 100644
index 00000000..5bb96ce9
Binary files /dev/null and b/editor/extensions/polygon.png differ
diff --git a/editor/extensions/savefile.php b/editor/extensions/savefile.php
index 2efd90b4..5e367b30 100644
--- a/editor/extensions/savefile.php
+++ b/editor/extensions/savefile.php
@@ -1,16 +1,16 @@
 <?php
-	// You must first create a file "savefile_config.php" in this extensions directory and do whatever
-	//   checking of user credentials, etc. that you wish; otherwise anyone will be able to post SVG
-	//   files to your server which may cause disk space or possibly security problems
+  // You must first create a file "savefile_config.php" in this extensions directory and do whatever
+  //   checking of user credentials, etc. that you wish; otherwise anyone will be able to post SVG
+  //   files to your server which may cause disk space or possibly security problems
   require('savefile_config.php');
   if (!isset($_POST['output_svg'])) {
-		print "You must supply output_svg";
-		exit;
-	}
-	$svg = $_POST['output_svg'];
-	$filename = (isset($_POST['filename']) && !empty($_POST['filename']) ? preg_replace('@[\\\\/:*?"<>|]@u', '_', $_POST['filename']) : 'saved') . '.svg'; // These characters are indicated as prohibited by Windows
+    print 'You must supply output_svg';
+    exit;
+  }
+  $svg = $_POST['output_svg'];
+  $filename = (isset($_POST['filename']) && !empty($_POST['filename']) ? preg_replace('@[\\\\/:*?"<>|]@u', '_', $_POST['filename']) : 'saved') . '.svg'; // These characters are indicated as prohibited by Windows
 
-	$fh = fopen($filename, 'w') or die("Can't open file");
-	fwrite($fh, $svg);
-	fclose($fh);
+  $fh = fopen($filename, 'w') or die("Can't open file");
+  fwrite($fh, $svg);
+  fclose($fh);
 ?>
diff --git a/editor/extensions/shapelib/animal.json b/editor/extensions/shapelib/animal.json
index 3cf1a3c6..7861cc85 100644
--- a/editor/extensions/shapelib/animal.json
+++ b/editor/extensions/shapelib/animal.json
@@ -1,21 +1,21 @@
-{"data": {
-	"bat": "m143.40468,206.20782c-0.49527,-8.51843 -1.60919,-23.17813 -13.91826,-16.10698c-5.69614,2.11977 -22.79842,7.51244 -14.5293,-3.62979c-4.53243,-11.10219 -22.97476,5.42294 -24.24419,-2.29205c9.91943,-10.64906 -4.7813,-22.35199 -15.17139,-14.80321c-6.39341,1.76166 -19.4276,12.91188 -21.9789,9.37552c5.93793,-7.52516 19.31312,-22.93167 3.18112,-27.55084c-17.5302,-3.97589 -32.93319,8.09392 -48.1771,14.68205c-4.57452,3.57106 -10.39707,2.94862 -4.70683,-2.99597c19.7419,-30.64111 50.72646,-53.70857 85.10566,-65.43076c8.33369,-2.70812 21.16511,-8.70424 21.41656,4.97536c5.15313,12.59007 8.81947,28.33097 22.08977,34.80917c15.28362,8.49702 4.32793,-24.52711 20.16156,-12.05241c6.66379,4.32207 20.92268,-3.91697 22.87737,0.71265c-3.88257,5.55579 -5.70456,15.41883 4.55382,10.3489c17.81406,-7.0078 30.89859,-22.70471 39.67026,-39.22318c9.16278,-1.3768 18.27335,5.56162 26.62798,9.24753c27.74529,15.70954 44.86571,45.39448 52.13728,75.65768c-7.5513,-4.24557 -14.87186,-12.828 -24.02185,-16.20273c-9.75534,-4.87419 -20.75789,-5.73363 -31.48114,-5.39867c-5.02554,5.98985 -7.99353,13.42558 -3.62529,20.86708c3.80284,14.25407 -12.13176,-4.90576 -17.88498,-6.20744c-10.74191,-7.67955 -21.03323,3.92213 -18.67635,14.82222c-2.42909,2.10051 -9.92085,-3.5218 -14.32263,-2.86926c-9.05026,-2.72606 -15.42468,1.20085 -9.97261,10.61331c-7.98315,-0.97417 -19.64474,-13.28291 -26.70493,-1.69363c-3.0779,2.89514 -4.66377,8.66307 -8.40561,10.34547z",
-	"bull": "m247.95622,28.12305c-12.19972,2.23394 -21.61887,16.95667 -20.74588,29.01591c1.44209,13.7284 17.93463,5.12075 22.80087,1.23941c-2.90906,11.49207 -26.14024,13.85409 -24.83565,-0.12387c-17.69467,13.05878 -30.95056,33.52913 -52.86781,40.14553c-19.77757,4.59067 -40.50726,3.0742 -60.45068,0.39017c-12.12445,-1.13604 -23.69794,-7.26224 -35.91985,-5.97962c-13.09134,3.59118 -23.59412,13.16467 -36.65408,16.93906c-13.77014,6.03062 -8.51065,22.6805 -9.70401,34.47604c0.36829,17.55977 -2.85913,36.16287 -15.09811,49.55722c-7.11563,10.54993 -7.76443,24.43282 -13.48046,35.44298c18.99679,-0.19772 7.54522,-25.59486 17.99728,-35.91756c14.58305,-6.75189 14.16003,-25.2986 16.19452,-38.95529c1.4834,-5.51941 0.74519,-25.08188 6.61763,-22.44334c7.21924,16.22275 11.33028,34.35388 9.69645,52.12326c-9.5553,8.96404 -24.74576,15.34862 -22.54872,31.87126c0.72458,14.96526 -8.38036,25.74033 -15.4907,37.48604c4.56749,6.89259 1.00608,20.69472 14.11573,16.65324c8.77115,1.68887 13.10825,-2.37698 4.45589,-8.42346c-13.07829,-12.56499 5.13552,-29.16821 12.20585,-40.168c7.30689,-12.28131 22.16195,-12.86801 33.02653,-20.13979c15.00671,-8.95824 25.97935,-22.79263 35.92999,-36.78595c8.71432,9.26259 -13.75776,17.74474 -17.07076,27.20334c-7.22755,7.75058 -20.15694,21.85651 -2.99889,26.65347c13.26358,4.53796 25.75887,13.79143 25.35975,28.30255c0.22051,9.84615 24.38135,18.76527 19.43611,2.77341c-8.3609,-14.92882 -28.34064,-20.79163 -33.65835,-37.70844c-3.6715,-12.98383 11.61318,-19.27325 18.93525,-8.74269c12.96419,-1.41862 26.57983,-10.04028 40.80356,-11.3647c14.66299,-5.4577 18.06927,14.52957 29.8145,19.76668c9.79047,9.67969 18.77974,21.93582 17.54285,36.4783c1.1926,12.30893 9.52699,25.16873 23.92239,23.90201c16.80026,-2.80963 -5.10118,-20.70317 -12.79568,-24.81631c-11.14896,-13.29695 -9.30676,-32.20113 -16.24597,-47.51259c-5.00217,-4.52083 0.22685,-26.45532 0.40694,-10.76334c-0.90044,17.98242 24.73294,7.66248 22.97939,-6.09152c4.36166,-10.95654 -11.58513,-4.19417 -9.47617,-15.24252c-1.73091,-13.74937 -0.74355,-30.75096 -12.6731,-40.17292c-6.8737,-6.7591 -4.7831,-7.41829 2.70201,-2.07212c14.59439,7.55807 11.75914,24.79303 12.78276,38.37691c4.22589,17.80225 21.30753,-5.24332 20.80711,-14.89757c2.92691,-20.96336 12.92174,-42.46973 32.42046,-52.68139c-5.2402,-2.56694 -30.94765,6.73531 -28.79092,-4.9679c10.59921,9.00244 25.18661,-0.80075 37.71524,1.85265c16.62164,0.68233 20.74963,-22.79317 2.53195,-23.94116c-11.78333,-6.98062 -21.92947,-19.31897 -37.15829,-18.35906c-22.07759,7.39931 -8.43927,-13.11165 -2.53694,-22.37832zm21.60802,9.50184c-1.66193,5.79599 -12.61478,17.62506 0.56973,12.83867c1.89221,-3.91013 1.1131,-8.97168 -0.56973,-12.83867zm-3.4996,26.34877c5.90985,9.81916 -11.80539,1.02993 0,0zm24.39551,10.15293c-2.05029,4.18517 5.51468,4.9676 -0.32553,4.96455c-3.08926,4.10121 -4.4324,-5.29953 0.32553,-4.96455z",
-	"camel": "m105.23692,274.01276c10.42601,-6.85904 -13.23158,-12.66162 -16.74452,-19.13904c-10.34003,-12.71768 -13.56136,-29.62202 -16.44211,-45.3219c4.95107,-8.43617 2.94567,-17.1517 4.73958,-25.91959c8.77055,-13.01825 13.62244,-28.29056 22.43666,-41.26205c9.81532,2.07159 20.42883,10.03517 30.26162,13.06094c8.8764,15.9576 -7.35719,29.2457 -5.44854,44.69498c3.72314,14.40366 -6.25101,26.40735 -8.25558,39.83173c0.06986,12.69931 11.61848,25.55493 24.23922,16.82416c-0.64038,-9.26088 -18.64324,-12.13185 -10.58395,-25.1562c2.65187,-13.46596 11.34413,-24.24693 17.91676,-35.55937c-3.71349,-13.26427 1.2287,-30.0778 9.59569,-40.02118c8.49532,8.2068 14.36288,22.63718 15.66277,34.12883c0.16464,13.17332 17.70532,21.98904 17.37173,37.50392c1.31061,13.71669 7.73416,26.77841 16.64259,34.21387c4.65822,9.68192 33.56361,4.63116 18.16859,-6.87111c-12.71291,-11.47281 -27.33986,-23.63953 -29.27029,-41.92267c-5.27388,-10.85303 6.84843,-26.2316 -8.03899,-30.76501c0.92262,-14.70679 -2.97293,-31.40077 5.40811,-44.51862c12.07202,-10.31686 29.7518,-11.08165 41.29709,-22.49498c14.0099,-9.28757 21.96306,-24.50421 26.44456,-40.2729c6.78918,-7.60537 17.33322,-24.04447 29.06323,-15.49826c11.50851,7.1165 3.01477,-10.78561 9.62354,-14.73589c-5.45358,-19.67866 -27.58679,-10.231 -41.40082,-15.14074c-12.54193,-8.39989 -25.52765,-3.55679 -34.67496,6.0378c-6.85069,3.08698 -3.14447,11.16754 3.57637,8.12783c-4.82072,16.0155 -11.46542,33.6401 -26.07742,43.1243c-16.7653,7.33572 -26.11705,-14.39821 -36.07204,-23.83146c-10.86565,-10.63506 -17.60231,-26.15123 -31.2878,-33.45204c-19.0355,-4.82 -33.49794,11.89507 -47.87449,21.30644c-14.26775,7.14342 -31.39994,10.67369 -41.13367,24.60683c-16.15372,19.41527 -5.91326,48.70807 -22.89915,67.80049c-6.99636,10.58755 -22.39972,18.21231 -20.28306,32.7636c7.50211,15.58318 0.92728,34.18239 5.02367,50.94881c3.02735,12.11708 7.50982,27.68176 22.18437,29.48123c11.54434,7.31882 17.83198,-8.01192 5.60827,-12.45197c-14.75563,-6.55614 -16.77197,-25.01053 -17.95741,-39.18628c-3.25454,-14.0275 7.86033,-23.30806 12.45064,-34.31837c-3.87635,-10.75487 9.79252,-25.37375 18.46243,-23.19664c-6.47958,9.9541 -15.94005,22.87103 -0.60315,31.06966c-0.20134,0.50305 2.25023,-9.18846 6.19941,-12.10042c-0.58951,-7.59273 -8.29086,-14.05685 -0.12206,-21.73929c14.33151,-9.55606 11.17263,18.16365 8.19696,26.02383c-0.15744,12.07039 -16.33567,21.65707 -8.0749,33.75336c9.04985,14.91904 13.29631,32.04613 16.76897,48.94904c4.98299,14.02148 17.57185,24.27618 33.31381,20.65268l2.58825,-0.02829z",
-	"cat": "m111.55353,268.57376c-12.38409,-9.66019 -26.54234,-3.66064 -40.17431,-4.38614c-11.9392,-10.23105 -26.45395,2.16507 -37.70551,-7.68756c-14.55057,-12.97847 10.67308,-21.10451 5.29292,-36.51207c-0.60409,-22.18257 -10.10326,-42.27484 -20.08909,-60.91698c-7.07184,-14.82233 -4.56518,-31.85568 -6.84103,-47.71686c-8.17014,-11.38815 -16.33076,-25.48726 -6.60928,-39.55753c10.981,-11.86565 5.81937,-27.47561 1.50418,-41.19728c11.10318,3.26597 23.84772,18.14071 38.4552,15.16287c9.93419,-6.39761 15.9648,-0.073 17.62218,11.6365c5.20781,15.03792 8.24681,35.60265 24.68163,40.4529c17.26196,4.92876 36.58965,6.02341 50.24171,20.484c24.96439,23.38795 36.53986,60.25828 35.56061,95.79604c2.26117,16.61917 23.11539,7.79897 33.43477,10.24997c17.3054,-0.76804 33.91818,4.66769 50.66774,8.39909c14.94962,3.97684 27.61282,-8.59756 41.65988,-10.10515c2.37341,14.53128 -16.06888,20.58582 -26.14133,25.0639c-11.95706,5.08662 -24.89989,5.20694 -37.1826,1.47655c-26.55344,-6.62021 -54.69701,-4.88251 -79.92953,6.75992c-13.61838,5.01505 -26.84254,14.51093 -41.6569,13.32327l-2.79124,-0.72549l0,0.00003z",
-	"chick": "m76.6114,300.49948c-0.94218,-11.68399 1.80264,-23.81186 -2.78349,-35.22473c-7.45612,-25.10127 -23.93798,-47.16536 -31.36633,-72.21014c-3.21228,-16.80365 -8.65163,-34.79272 -2.2363,-51.43718c9.2771,-20.44891 24.58445,-39.1077 45.00853,-51.46853c11.45798,-6.87112 33.39433,1.8131 33.44485,-16.51133c3.62297,-20.89642 15.43811,-40.3082 30.48538,-56.28489c17.86485,-17.49571 47.98021,-20.77926 71.28149,-10.72216c13.19823,4.36545 26.92773,11.92505 29.85556,25.342c-2.0408,13.23198 13.36339,22.40786 12.41484,34.53756c-13.98409,-0.03379 -27.4267,2.25514 -39.10866,9.99602c-8.20006,3.8867 -26.4511,6.08187 -12.88864,15.86904c12.71146,21.22634 12.39029,48.02362 0.02443,69.35255c-8.24092,16.61523 -18.78058,33.14909 -36.37866,43.00504c-13.36313,9.14961 -27.77914,16.93257 -42.68192,23.79149c-11.62872,11.1774 5.32764,27.26614 9.71201,38.8335c3.36447,3.54044 4.524,10.84882 11.15869,9.08932c15.28535,0.25418 32.76015,-1.9313 44.98404,7.81229c-8.94319,8.25949 -25.89421,-1.41025 -38.02573,4.80051c-8.78024,5.75812 -19.06332,7.43823 -31.36371,7.58014c-13.23612,4.30203 -27.23189,-3.61423 -39.08569,1.66962c-4.11388,0.41238 -8.38321,3.40195 -12.45068,2.1799zm58.28394,-16.2124c-4.84233,-9.87674 -20.53861,1.56897 -6.10292,2.32874c2.30783,-0.47092 12.8125,3.03821 6.10292,-2.32874zm-17.85122,-4.32443c14.82944,-9.3367 7.74453,-25.48042 -1.79045,-35.63309c-3.24258,-2.97528 -4.73457,-8.94336 -9.13439,-9.94019c-6.73362,0 -13.46722,0 -20.20084,0c-4.65086,8.49229 -2.48404,17.86589 0.89217,26.43201c3.51066,10.88467 6.16319,28.60654 23.56189,23.00385c2.6806,-0.4599 4.89924,-2.07458 6.67162,-3.86258z",
-	"cormorant": "m143.5415,0.99936c-4.24326,11.41716 -19.29625,4.15632 -24.74561,12.50427c0.52748,6.07653 -8.29025,7.80436 -13.00653,8.43892c-8.50133,3.84879 -22.80692,-4.79845 -26.45377,4.01417c10.96676,1.70561 23.50823,0.97173 33.37776,7.63992c6.81084,8.30698 18.80501,9.32233 23.86815,19.00227c5.01492,11.90637 0.21405,24.79235 -6.1066,35.16777c-5.40714,11.63457 -14.24293,22.0266 -17.15868,34.6068c0.20795,13.02319 4.72718,25.69211 3.20084,38.80902c0.9605,10.14279 6.64024,19.14648 10.04536,28.64983c5.00912,10.57565 9.93535,21.70013 17.62276,30.53665c7.02892,8.87558 29.89705,11.67009 23.64502,24.91443c-4.01926,11.10844 -7.40147,24.48637 -19.39478,29.5565c-9.50977,5.9848 -21.3932,8.93677 -29.06369,17.37073c3.84956,0.36453 28.16327,-14.36331 23.8996,1.69739c-9.52658,11.2518 16.95053,-0.69223 23.42963,-2.18207c4.74442,-0.99915 4.29691,14.62488 8.52766,3.80228c5.95903,-10.08762 6.23502,-21.34366 11.26126,-30.51312c2.4781,-10.25645 3.82962,7.94009 9.64467,10.12222c7.07556,9.50238 7.79694,-14.07236 11.23129,-19.70615c2.62747,-8.54028 4.63826,-23.31885 8.02322,-27.91885c0.19868,-2.83281 6.58795,3.93147 5.0274,-3.78851c0.90347,-23.48584 -1.83659,-48.86755 -15.67365,-68.59196c-9.60602,-8.62669 -13.22336,-21.57266 -21.36568,-31.47811c-10.01912,-4.8186 -8.05391,-19.66993 -20.19205,-21.12443c-2.75856,-10.2361 2.62035,-22.86311 4.63016,-33.73514c2.78795,-10.12834 8.4742,-20.66132 3.52232,-31.15684c-3.76698,-10.86702 -11.83783,-21.03737 -23.57631,-23.51091c-5.21049,-2.63619 -9.89668,-4.17218 -2.89241,-7.84742c4.71588,-7.73713 -7.28709,7.39913 -1.58588,-2.982l0.25854,-2.29765l-0.00003,0zm-57.08003,24.11987c12.78673,0.33177 -8.83535,0.35227 0,0zm92.46721,218.72338c11.05893,4.6954 0.80228,21.55537 -5.46918,26.98338c-13.1071,-3.20859 2.39713,-19.21964 5.46918,-26.98338l0,0zm-10.64413,31.82323c-5.88483,2.41168 -15.44353,4.13849 -3.83093,0.46683l1.97208,-0.34274l1.85886,-0.12408z",
-	"cow": "m28.0749,243.56958c-11.25466,-1.13762 -0.26117,-18.72878 -4.5063,-26.87576c-0.04291,-11.99254 -4.49496,-23.80263 -3.04635,-35.73141c8.85702,-21.03091 1.47632,-43.99974 -0.46577,-65.6628c-0.878,-4.78294 -0.85219,-17.06834 -3.03475,-6.14601c-6.04425,18.41563 -0.13999,41.17824 -5.30961,59.82921c-8.64015,10.38419 -15.16653,-6.09071 -6.91858,-12.40807c9.63606,-15.16887 7.3071,-35.6004 7.63113,-54.51396c-0.41477,-11.95865 4.38277,-26.97649 18.58104,-27.31744c12.14677,-0.91866 23.64877,4.86966 35.90276,4.15359c35.73927,0.55689 71.83095,0.86755 107.11801,-5.64501c17.61354,-4.0591 35.14902,3.10693 52.79015,0.20057c9.91351,1.07068 15.15811,-3.56471 10.78886,-12.26689c7.38425,-5.09429 13.06598,9.66071 16.34573,-3.48148c11.89191,-8.19559 13.54935,15.99933 26.71921,9.16614c15.88589,2.05862 -6.90274,16.26875 6.39813,23.38159c8.04169,6.20473 20.35629,21.57409 4.35831,26.00379c-13.75446,-0.96602 -27.54028,-0.06377 -41.30312,0.60226c-6.36993,10.6367 -19.62016,18.61491 -18.16837,32.55296c-1.1003,16.62756 -12.74783,33.02081 -28.69196,38.18489c-6.81386,-1.34894 -9.78644,0.85432 -8.9351,7.83342c-3.52046,9.11967 -4.14098,18.73875 -3.72333,28.43974c-1.04204,5.34808 1.17265,9.50755 4.32187,13.62691c-3.70361,6.41692 -24.92326,2.61598 -16.88379,-9.5238c2.05592,-15.92261 -0.36317,-31.91132 -2.16568,-47.74242c-8.4565,-6.01532 -18.70856,-3.81294 -27.26753,1.0208c-18.88187,6.9252 -40.73763,13.48228 -60.10471,4.59438c-10.79734,-3.01547 -27.0833,-5.25847 -35.10848,3.84904c-3.611,13.73518 -2.64567,28.48619 -5.7238,42.42607c-0.05178,7.28806 6.88112,13.54532 -4.86428,11.51134c-4.90851,0.11278 -9.83028,0.26732 -14.73372,-0.06165zm10.02217,-15.5108c1.93175,-6.52728 -2.78621,-23.11049 -3.1906,-7.64299c-1.60691,4.90746 0.4367,28.47777 2.83738,12.83046c0.15187,-1.72662 0.25968,-3.45683 0.35322,-5.18747z",
-	"crow_2": "m299.86716,62.24508c-8.36279,-13.35279 -25.79254,-10.94299 -38.7652,-13.97612c-10.77151,-4.46517 -27.26852,-8.74568 -34.93257,4.02601c-10.22766,11.92024 -19.30536,24.77381 -27.38379,38.20519c-16.9417,18.56395 -37.51366,33.44937 -58.19264,47.49408c-17.41919,8.55826 -36.48907,15.23247 -50.59015,29.17691c-26.77713,17.17799 -59.39612,20.30975 -89.00278,30.37996c5.24787,1.82477 28.48156,-4.80739 12.86404,2.45506c-11.61908,3.82678 4.57293,7.38318 9.74338,4.83008c-4.08242,4.36552 -5.2054,4.72249 -0.18473,4.65681c-9.12115,5.09712 20.25491,-1.58305 4.07883,5.5506c-7.04263,2.05971 -24.35976,21.06046 -8.48079,12.5005c14.76321,-6.14401 30.50038,-9.23448 45.85791,-13.45705c-11.48634,11.80891 -27.85513,19.19374 -35.74965,34.16698c0.17943,3.86479 12.21982,-7.85281 17.31087,-9.77229c28.95095,-17.49719 59.28473,-33.71347 91.89844,-43.16046c4.45381,1.07288 5.32478,12.99994 14.00563,6.90237c0.76199,7.59987 19.82927,-11.92125 14.84979,3.30377c8.25793,-13.03635 -0.01482,14.1528 7.62892,18.26904c3.90089,5.15268 19.92041,12.26512 6.86195,14.03082c-5.77165,8.63597 8.09146,-3.46425 11.11865,4.62627c11.3129,4.10901 3.07231,8.32173 -5.11652,5.83363c-6.27592,-0.83809 -7.57079,7.40965 -1.22719,2.29182c7.57507,5.19347 19.60568,3.32813 29.26515,5.56088c9.65308,0.80066 21.35422,-9.88435 25.01279,-7.29437c-8.89755,-6.38512 -21.77765,1.41119 -31.54323,-3.51736c-2.05963,-6.62599 22.89082,2.37143 22.94131,-8.82851c11.68727,-1.08766 -9.82895,-2.59717 -14.00406,0.04509c-14.38026,0.76889 -21.75813,-12.59969 -31.88164,-20.19017c0.30659,-15.75429 11.86186,-29.28856 23.95569,-38.18524c15.77855,-9.50124 31.96706,-21.73888 36.43575,-40.70174c4.63271,-16.88809 7.21239,-34.29048 9.31848,-51.60873c2.84918,-11.17406 11.03882,-21.49306 23.60089,-20.65947c6.77469,-0.94415 13.57404,-1.72816 20.30646,-2.95438z",
-	"crow": "m65.63132,15.69366c7.23991,-11.19251 23.71874,-13.17996 36.20271,-14.69413c13.92134,1.25098 24.65079,12.10254 32.81262,22.59631c9.49452,8.5772 21.08662,15.85565 25.83853,28.41352c12.01437,5.95259 26.19815,9.13653 33.55229,21.87244c11.11548,14.36729 17.52112,31.75739 23.31628,48.60368c0.92021,12.5585 6.47,24.01521 8.36046,36.46043c3.24197,12.33818 5.82637,24.53572 9.31963,36.76498c3.88237,12.71416 9.39792,24.81319 13.2628,37.54517c7.05891,11.17328 13.48564,22.96204 17.86821,35.4054c-10.48648,-0.88873 0.96857,15.8573 2.93524,22.45895c2.86746,13.58783 -12.84537,5.80856 -15.59308,-0.46634c-9.70456,9.1796 -29.57259,11.24072 -38.3669,-0.80743c-9.26392,-12.20752 -14.38051,-27.69696 -27.16855,-36.53391c-5.02811,-4.18506 -9.90665,-22.45958 -11.7061,-6.32031c6.38489,16.05743 -18.74254,6.90547 -27.66772,9.78912c-15.99664,-3.21661 6.07263,-12.35889 12.86923,-11.27576c6.38602,-6.35408 17.01372,-16.99594 1.7589,-20.33147c-10.44731,-4.15326 -23.84068,-14.68553 -29.71439,0.99188c-7.37552,3.90117 -20.59412,22.40862 -5.95329,23.77255c5.91614,12.10878 -17.0737,3.35048 -23.49316,6.21452c-6.05255,1.90814 -21.13758,-1.4375 -7.08788,-4.49867c12.08796,-1.9845 17.85132,-16.8317 25.44044,-25.82515c-0.25166,-11.53856 -9.48829,-20.69617 -16.41167,-29.40816c-7.36517,-12.27962 -17.64172,-22.79747 -22.75925,-36.23717c-3.35689,-13.95544 -9.74807,-26.85826 -12.98938,-40.84583c-3.65936,-14.01762 -7.85575,-29.82359 0.01893,-43.25633c3.58914,-11.78534 5.08364,-22.78083 -2.44828,-32.4814c-10.40722,-8.4583 -25.19866,-5.06594 -37.19873,-10.67507c-1.4463,-9.05923 17.76661,-12.5158 26.11695,-14.53937c3.17027,-0.11009 5.59681,-2.76167 8.88516,-2.69248z",
-	"dog": "m100.16203,296.98279c-8.8212,-9.63385 1.38332,-24.43997 -0.42293,-36.27057c0.75693,-11.26283 0.70357,-22.55605 0.97627,-33.83612c-5.62751,-3.03004 -11.14646,-9.8163 -17.39571,-9.15442c-9.39647,12.28885 -8.36188,28.63301 -15.80033,41.86707c-4.14935,12.68604 -14.20047,25.1369 -28.95629,23.20023c-15.78228,0.24448 -5.31179,-12.67972 3.94138,-14.51392c15.5036,-7.47278 14.489,-27.14363 17.24157,-41.59114c1.02824,-10.18478 3.24236,-20.5625 3.54647,-30.63432c-6.4542,-14.31418 -15.78849,-28.37114 -13.67442,-44.85196c-0.91037,-17.78856 4.2768,-37.23788 -5.08019,-53.53189c-5.56927,-15.61405 3.8713,-31.59072 2.9399,-47.52759c0.9721,-14.78285 -5.20505,-30.54867 1.20562,-44.61136c13.7762,-15.53139 12.97964,13.29988 18.95111,20.54415c5.64886,15.40877 24.7487,10.76537 35.50636,4.24826c7.2022,-4.10769 16.87807,-28.32801 24.44378,-14.32351c3.37997,14.22579 -6.14093,25.38077 -12.22646,36.88495c-6.86581,22.01683 5.86861,44.08519 20.93388,59.44197c24.83763,26.97977 44.07555,59.68134 54.0882,95.03609c1.31316,14.68071 3.98535,28.23558 12.82726,40.18617c10.20438,10.1714 26.16472,9.68739 39.32852,13.25957c9.22101,2.52521 30.75206,5.14639 26.47435,17.3808c-14.74448,2.4689 -30.09541,0.23105 -44.90068,-1.32291c-17.28331,-2.73001 -35.00906,-7.2897 -49.09666,-18.1597c-14.62904,-9.61427 -18.7715,20.00995 -34.01671,10.65375c-2.19362,-7.70334 10.66454,-19.74266 -6.53938,-19.26297c-6.33104,0.30879 -15.00338,1.82024 -19.76239,4.89166c1.07452,12.16098 2.04812,24.36316 4.2893,36.36713c-1.78267,6.00809 -14.15643,12.93057 -18.82182,5.63058z",
-	"duck": "m185.95239,299.43112c-13.71118,-7.29123 11.45862,-7.3541 17.23322,-7.85522c14.99724,-0.2811 17.02971,-18.28448 15.48773,-29.74414c-2.1938,-4.69699 -0.04752,-14.89349 -7.7746,-13.37029c-15.43901,-0.71622 -30.7112,-4.55923 -44.14467,-12.22302c-0.82443,12.88171 -7.29927,24.66777 -11.6053,36.85115c-5.66316,6.16721 14.39644,28.18469 0.43378,18.34869c-9.04433,-8.40845 0.06526,8.74658 -11.16418,3.91656c-15.23827,-0.31436 -31.02578,2.40784 -45.91216,-1.24551c-5.00268,-2.09833 -20.66561,0.51883 -9.25531,-6.49301c6.4804,-1.18185 12.15667,4.48007 17.05421,-2.03778c11.5948,4.79346 30.04866,4.82639 34.25867,-10.28015c7.00595,-11.43338 11.29851,-24.25136 11.56012,-37.68254c-8.2043,-6.31854 -14.70296,-14.48831 -18.43434,-24.21049c-8.62861,-14.22275 -24.3753,-22.02206 -37.28508,-31.87471c-17.12926,-11.15475 -36.8522,-23.99915 -40.20823,-46.00098c-4.08031,-16.32172 0.02216,-34.19492 11.59384,-46.57394c7.80417,-11.16946 22.31328,-21.55052 18.99293,-36.88489c-8.43674,-15.00933 -26.68094,1.9423 -34.96601,9.23433c-9.98,7.06196 -20.71845,24.17017 -34.34288,16.49594c-1.7172,-11.61691 13.7034,-18.90693 17.498,-29.74388c7.8585,-12.19844 12.51045,-26.37627 18.95516,-38.92993c11.65712,-10.85135 30.93148,-10.91782 42.45155,0.28526c14.7008,11.44654 23.86826,29.5425 22.42876,48.35335c1.4173,12.98959 -4.14301,29.91504 8.25453,38.93287c17.92052,9.9613 39.04935,12.35098 57.26444,21.89838c22.77972,10.51788 39.86913,29.49796 59.04057,45.11781c11.7964,10.71736 23.92368,21.11819 35.13879,32.44618c-7.49713,-2.24278 -14.43054,-6.05879 -21.60767,-9.15805c9.28815,12.08043 13.46152,26.94177 15.66077,41.78857c3.61584,15.73579 13.73315,31.11919 8.65729,47.77711c-4.42633,13.85214 -18.52838,-8.55096 -25.42393,-12.47198c-7.88147,-7.42908 -15.67812,-16.62666 -27.10399,-17.90884c-2.06194,13.35767 -4.18094,27.25305 -1.83514,40.63339c1.37479,11.84998 25.0215,4.73886 21.59566,13.51175c-19.80942,-2.16162 -39.69846,-0.3399 -59.55595,-0.59872l-2.94055,-0.30328l0,0z",
-	"eagle": "m42.43982,248.02586c11.79883,-9.19574 37.51548,5.68584 36.59332,-18.29665c11.6873,-8.23552 20.68873,-26.28419 1.79099,-32.32607c-10.7688,-5.1657 -15.8233,11.42451 -19.57125,12.4706c-7.77777,-10.83765 -3.38924,-28.5033 -0.32791,-39.95343c9.78217,-6.08578 25.82187,-13.03094 14.50231,-26.59097c-2.34529,-14.80103 -3.78094,-32.06657 -17.7612,-41.01302c-10.43393,-6.26692 -25.16679,-12.24148 -20.04643,-26.95332c-6.73619,-10.16047 -14.53631,-24.05076 -10.06464,-36.59579c10.19879,-1.80737 9.00111,23.96806 10.94535,18.5213c-3.83083,-8.28799 9.1568,-27.37077 8.41371,-9.7762c-0.78397,6.31187 -0.27625,19.10084 3.19139,6.43372c9.40052,-13.9652 0.18064,24.20846 9.40782,9.05938c6.50935,-2.10711 4.52592,9.32912 10.80828,3.67456c6.87772,5.25431 11.91442,6.4291 11.89108,15.161c9.16496,3.3132 16.00232,8.79374 14.18665,17.50479c17.88632,-4.31568 2.59483,17.992 15.32488,24.21275c6.86198,10.87837 9.94656,21.77702 9.45206,34.69591c14.12406,-3.90332 23.43909,-19.96727 38.02612,-24.96548c16.37712,-7.58971 22.24484,-26.45808 25.80173,-42.75597c1.58806,-7.86366 11.55658,-7.47865 8.4944,1.35465c11.47125,-12.36288 6.68346,-30.36211 9.92291,-45.39627c1.03862,-8.40902 -2.33224,-26.94658 4.74805,-28.67765c10.56419,9.48252 -2.34641,30.44621 7.95137,36.7387c7.25935,-13.5451 4.68625,-29.74639 5.07938,-44.52987c-0.17744,-8.53332 8.28981,-14.18234 7.88048,-2.00179c3.55096,10.5139 -0.40492,32.21981 1.64958,36.04613c8.07187,-12.48013 6.34647,-29.28694 14.90497,-41.01045c11.77513,4.41697 -3.33727,24.23894 -2.9549,34.73938c1.57841,8.06398 13.11919,-23.61583 13.7003,-6.1498c-5.31714,4.6162 -4.42737,17.32646 1.51364,7.08835c2.29477,-8.40776 17.99155,-5.58858 7.86148,2.08536c-7.52231,6.5335 13.19769,6.07413 4.12683,13.25697c6.05191,9.99521 -10.41388,15.90605 -0.99213,23.11055c-0.5419,2.90166 7.51996,8.55031 3.95645,15.5176c3.55255,6.41606 -12.64786,10.58171 -2.07687,14.97137c0.61145,14.96265 -18.29834,25.28072 -14.15472,39.25008c-1.22144,16.83496 -13.92377,30.96262 -27.51764,39.86047c-12.55846,2.38141 -22.29991,7.42523 -33.09448,14.38452c-7.10794,0.12218 -9.63133,0.08891 -13.34837,5.21904c-5.85042,-4.53848 -15.49744,-11.39697 -13.84404,2.34781c2.50378,17.06932 24.15945,18.76619 35.67772,27.84688c12.28496,4.33621 28.35258,18.74889 15.04837,30.03174c-1.28722,16.03848 -22.62962,6.43207 -28.17253,11.98065c-7.95277,1.1889 -7.12421,6.80249 -14.18958,0.10867c-6.88124,9.22229 -22.27397,-0.76007 -29.61287,-4.75983c-11.90405,5.67993 -17.34648,-22.86903 -19.53539,-2.88507c-4.83576,13.58316 -24.476,-1.01483 -24.37943,16.35269c-8.98567,-1.84631 -9.40855,12.19781 -19.04626,10.78702c6.06173,-2.81454 10.18479,-18.90897 -0.69688,-11.14999c-8.89938,-6.76031 -3.76038,16.63571 -11.0985,4.45398c-1.61417,-15.81525 16.34735,-16.12735 26.46889,-18.96848c3.63502,-9.19174 8.23714,-21.27525 7.27283,-30.1396c-9.56728,3.84567 -17.9573,12.08994 -29.11918,12.79019c0.69484,8.35417 -5.77779,21.85307 -15.72966,14.08031c14.30752,5.57813 7.98567,-25.05467 -0.66062,-9.91721c-3.38933,9.9873 -2.96938,-14.429 -12.7722,-7.32185c-5.13792,3.73692 -1.64958,12.39018 -6.75386,2.35237c-0.99273,-2.02373 -1.14814,-4.89752 0.9282,-6.35475z",
-	"elk": "m55.44169,70.04322c-9.46609,7.85901 -22.89024,10.68682 -35.01687,12.13352c-10.34381,-1.03976 -26.56821,7.31529 -15.97385,18.70621c7.56154,15.8879 23.87035,2.81345 34.83344,1.97973c6.74288,1.81747 9.04052,25.43575 14.68986,9.83006c3.84105,-12.93275 21.02425,-8.87709 30.14005,-4.40716c14.1686,4.39434 8.46609,22.12076 16.61138,31.95892c12.24081,12.85411 -1.67636,29.24428 -12.4499,37.76401c-12.75361,7.58044 -18.55984,19.76834 -16.78767,34.30325c0.04941,14.73842 -3.99104,30.75432 3.85034,44.19391c11.85099,1.57538 1.64103,-19.88701 4.92331,-27.40918c1.21214,-13.46214 -1.9274,-30.30058 10.90484,-39.28947c11.4828,-10.01157 23.57063,-19.55112 36.47411,-27.62581c12.21095,-0.62399 10.39299,17.77295 13.97888,26.40175c2.87054,13.20355 4.12752,27.58423 3.69688,40.50841c3.125,10.64038 5.51489,24.0757 -1.41217,31.57294c12.91045,1.34732 24.73607,-12.8914 14.16034,-24.30435c-4.26125,-15.94153 -5.71083,-32.54619 -8.8824,-48.75049c-1.29825,-11.53598 -3.35872,-25.34232 4.83759,-34.86038c12.05826,-0.41389 24.32834,12.14566 37.60088,4.59509c11.65439,-7.49344 33.21696,-6.53802 31.62036,11.82347c-3.2142,14.87534 1.55244,29.61519 2.2346,43.81203c-3.42354,18.43187 -22.15714,27.36267 -29.50255,43.57849c6.98146,9.64319 17.6196,-4.17101 24.65466,-8.5957c-1.74142,-12.99426 11.64835,-19.92599 15.71536,-30.922c6.9856,-14.97188 -3.20459,-32.25409 -2.75711,-46.36688c-5.96602,-12.06912 6.08081,-14.98056 11.07512,-3.9678c8.02901,10.14059 21.03195,16.80963 23.7973,30.43394c7.39731,10.39175 10.8736,22.49284 15.64307,34.03711c4.08353,6.21262 10.6907,18.02594 12.81412,3.55118c3.85464,-8.67506 1.42859,-14.46745 -6.31488,-15.1647c-13.17899,-14.6283 -10.83514,-37.51031 -25.72766,-51.16437c-10.90161,-6.89407 -22.06673,-14.37312 -25.85289,-27.85638c-6.71298,-10.98305 -8.98033,-24.34339 -5.63237,-36.85001c4.36508,-2.10748 7.17406,6.33847 3.86676,-3.07584c-7.08252,-11.81364 -21.74017,-16.42101 -34.30881,-20.12214c-13.86351,-4.31435 -28.287,-5.60372 -42.65346,-3.49644c-12.2518,3.14196 -25.56529,6.21495 -37.68355,0.56779c-10.80199,-6.45414 -23.34553,-5.2407 -34.37726,-0.35921c-8.31817,4.58586 -24.95089,-0.17232 -13.39404,-9.69791c-4.65558,-4.05794 -21.26908,7.53993 -8.94252,-2.36752c5.90361,-6.02524 8.73024,-18.58166 6.56192,-25.10496c-2.33636,8.03588 -5.7029,7.70039 -5.40219,-0.79288c-2.03959,15.14413 -12.13537,5.38195 -10.55587,1.00194c0.66773,6.1233 -2.56635,12.84344 -5.72467,3.23117c-0.3636,6.21597 2.87773,15.15818 -3.77972,17.71219c10.15314,9.32419 -13.24982,2.42432 -13.20099,-4.96754c-6.18471,-9.39983 -7.12771,-4.31873 -4.60736,3.21883c-4.59348,-3.34352 -10.47613,-9.66862 -5.36225,0.14767c5.84781,13.3303 21.7189,7.94385 31.61781,10.45553z",
-	"fish": "m127.20683,242.3436c1.50244,-15.94504 5.02446,-32.41927 12.88557,-46.10178c7.51215,-8.98547 19.63693,-8.71681 29.76314,-11.79086c-14.18819,-3.80443 -27.43222,-10.54059 -40.42705,-17.66788c-21.27006,-9.23157 -42.92073,4.06975 -62.09324,13.40138c-14.23518,6.80144 -28.31641,14.82532 -43.64474,18.1933c-10.05519,-6.98578 -1.65744,-26.80461 5.41335,-35.17271c8.9525,-11.55655 22.2043,-17.52696 31.90982,-28.07993c4.26963,-14.90575 -15.40321,-18.57297 -24.24153,-24.42971c-13.70577,-6.20512 -25.35116,-16.36843 -35.77064,-27.71589c24.19748,-1.40994 45.60231,13.61476 67.43612,22.73716c11.80957,4.27464 22.94788,10.28683 33.98999,16.23396c5.06265,-0.02556 22.24189,3.73252 20.52978,-2.03984c-12.8773,-0.57095 -11.58655,-17.22836 -2.92075,-23.83247c12.73701,-10.02242 28.26479,-15.93932 38.86842,-29.21478c4.65193,-3.7341 7.09996,-12.86792 11.03157,-15.74994c16.95282,13.24852 26.87143,34.14735 36.22475,53.96581c15.23062,3.44089 30.61246,6.23184 46.13637,7.07419c15.15991,6.93107 28.10406,19.01068 39.97369,31.27808c8.99451,6.78525 11.39157,25.24843 -0.83481,28.95241c-30.16479,16.24658 -63.84666,21.21309 -97.06413,22.77441c-4.67992,-0.32996 -8.75485,0.18372 -8.78621,6.33609c-2.92581,8.76227 -4.12184,18.94467 -9.62984,26.07907c-6.07878,-1.55455 -0.31998,-19.45975 -6.56294,-10.95245c-12.27982,13.32922 -27.04962,23.32567 -42.18671,32.26515c0,-2.18091 -0.00002,-4.36198 0.00002,-6.54276z",
-	"hare": "m95.22337,299.53546c-10.68459,-4.81824 3.25798,-14.45154 8.53654,-18.71286c3.55556,-3.28177 -20.37717,0.46036 -10.27298,-10.93198c11.08577,-9.30692 6.89815,-25.05217 -4.18282,-32.37115c-15.24973,-10.2968 -34.81611,-19.10942 -40.44992,-38.33635c-5.69662,-11.9756 7.81301,-24.58835 -0.87631,-35.40263c-6.99412,-14.0412 1.177,-28.68323 6.25594,-41.69022c2.33568,-17.99253 -11.97227,-32.2212 -19.84076,-47.00306c-9.74298,-14.12588 -15.35928,-30.58578 -16.16633,-47.73895c-2.11884,-7.3217 0.22601,-18.6921 8.68694,-8.82097c17.71845,14.18765 37.17033,27.65002 49.57116,47.06949c2.34735,7.01447 11.74658,27.34441 12.27144,8.93449c0.24582,-25.30315 7.97399,-52.90002 27.77682,-69.85634c13.46954,-12.2734 20.73361,9.21683 21.36209,20.13735c3.50587,21.487 -2.30553,42.79486 -8.78146,63.09225c-2.37738,9.43285 -8.56868,35.2823 9.08899,25.75117c40.67693,-15.70451 89.96005,0.78945 116.45525,34.52606c12.17961,16.33485 17.5135,37.32133 17.39308,57.47189c-6.27155,11.83836 17.03061,-0.22177 8.58704,13.43613c-4.97064,15.1297 -19.01465,23.33925 -28.85207,34.75906c-10.01038,9.15085 -2.58298,28.71576 -19.13725,31.59863c-24.15469,7.44629 -49.5191,10.70804 -74.66498,12.6066c-14.07156,2.88287 -20.90056,-13.20758 -7.41347,-19.89679c6.46608,-9.96799 24.96535,-10.66653 30.46185,-12.24564c-13.13484,1.28516 -29.33337,-4.0759 -40.40141,4.05872c-6.70294,10.88138 -12.07141,25.20364 -26.12755,28.30951c-6.3168,1.75439 -12.8116,3.16129 -19.27982,1.25558z",
-	"he_hen": "m176.04681,296.29803c-8.82596,-3.77927 -18.43298,1.74493 -27.86224,-3.75964c7.62581,-0.4744 19.08463,-0.03574 17.06104,-11.34488c3.33665,-13.20654 -3.43475,-27.06163 2.20258,-38.55534c-8.82878,-8.42361 -18.09561,-18.39673 -22.80272,-30.16238c-0.9447,4.74663 -1.81537,8.52257 -3.158,0.33916c-0.76965,-4.00471 -0.30261,9.89931 -3.24527,0.14346c-3.10373,-8.67493 -11.4597,-31.29446 -14.05236,-10.31462c-1.0768,10.8262 -4.45592,3.14465 -6.0004,-3.72562c-1.56924,-13.22943 -7.23737,-25.48523 -8.72193,-38.68883c5.80227,-8.36407 -0.82715,-9.5029 -3.91098,-1.15848c-3.39584,13.23767 -6.30494,26.33923 -2.7624,39.9769c-4.70789,3.85124 -13.79493,-17.92216 -9.61541,-26.27414c3.62592,-9.45018 2.81974,-19.09607 3.42313,-25.48878c3.31529,-7.21146 -3.22571,-15.04807 0.25123,-22.73853c-8.88477,9.68631 -16.83011,16.38615 -14.33428,31.58234c-1.10283,3.79079 3.703,25.58844 0.64231,17.56184c-5.77861,-15.66916 -5.78305,-33.02271 -1.43442,-49.01125c0.00535,-12.20366 -9.89253,21.0744 -9.16187,4.76299c-0.93676,-12.30159 4.13303,-25.82869 8.93452,-35.55499c-5.46675,-6.50523 -23.17289,-1.89566 -14.79648,-15.70558c8.24343,-7.01884 7.35999,-16.67057 -3.85936,-8.18394c-17.3246,12.72424 -31.69814,29.07174 -47.58007,43.52234c15.25898,-19.61487 32.46107,-38.59572 53.7519,-51.75492c20.64337,-12.99951 50.5769,-14.34346 68.38963,4.28573c4.53072,7.97979 15.06177,13.26968 17.57275,20.45337c-1.84586,10.76744 5.10652,16.10654 5.85289,25.57021c4.38731,7.30244 -3.95828,20.43125 8.52597,16.64671c14.20137,-0.01996 33.63664,-3.16645 34.74754,-20.87874c5.66772,-25.50935 8.27689,-54.0092 26.4256,-74.31131c10.08655,-5.89642 3.82147,-4.32716 -3.54926,-5.29837c-6.51613,-7.58361 6.57724,-19.75743 13.02319,-21.14511c-1.112,-17.9227 10.53479,10.74471 13.86426,-2.41437c4.99586,0.09501 7.43144,12.08141 10.46855,2.29789c9.05719,7.66376 18.6297,19.25661 6.66562,29.92943c13.61102,6.52517 -13.86911,2.29947 -2.14532,12.29652c9.6759,9.35194 2.83621,26.62759 -5.10654,34.15639c-0.3085,5.66077 9.31277,13.88494 11.24728,20.75249c9.99454,19.34809 11.9986,42.36646 8.16797,63.56847c-5.39346,19.98318 -25.46588,28.67906 -39.65833,41.37386c-12.12337,9.93893 -7.85776,27.37115 -13.59781,40.42342c0.57072,7.5369 4.77751,16.1196 10.7547,20.66925c8.66214,4.84064 18.81006,7.96561 25.81393,15.05286c-6.39667,3.34055 -19.43893,-10.21753 -19.56508,0.39017c-9.50252,-12.34393 -23.7677,-4.06104 -34.21234,-13.55405c8.69193,1.65643 19.99033,0.8027 10.47188,-9.61145c-3.75841,-8.80696 -15.07852,-11.84618 -15.37883,-22.49022c-10.66643,6.69647 -17.92447,15.81358 -25.66988,24.90395c-12.85808,-0.80322 -13.41248,25.11618 0.47165,24.73163c5.7019,1.45825 27.10161,9.40335 10.25006,7.35107c-5.02289,-0.89746 -10.47203,-4.04099 -10.31842,1.85727c-2.30338,-0.41431 -4.35982,-1.56003 -6.48019,-2.47418z",
-	"hen": "m131.70792,299.20142c-2.65045,-8.04401 -50.59061,2.01245 -25.50379,-8.40613c9.71836,-2.24731 29.67359,0.57056 9.8335,-5.50568c22.5928,7.62228 32.60569,-19.08859 34.06422,-37.09636c-21.02885,-6.55212 -24.67069,-31.02429 -46.83106,-37.61485c-16.88445,-13.23645 -41.63732,-12.83168 -52.35418,-33.24014c-10.17476,-18.17259 -4.4284,-40.29292 -2.74405,-59.92338c4.00956,-20.72375 12.14967,-41.69897 10.53991,-62.75727c-16.41068,9.44812 -22.4106,-11.67328 -22.78485,-18.27062c-12.07958,3.08904 -19.7317,3.22594 -6.59584,-7.5194c5.87008,-8.14037 8.78346,-25.92081 18.16113,-23.25189c2.47408,-10.763 9.04029,4.89351 16.30021,-4.61621c4.44867,3.35889 13.85731,7.10325 3.42817,13.02555c18.83147,9.50194 34.07959,23.95835 41.92437,42.43233c7.86127,18.77559 23.52317,39.06593 48.8149,33.98585c22.90038,3.93186 49.73083,-9.80992 48.68822,-32.86776c0.44391,-16.33654 16.52325,-54.48924 38.19395,-35.09801c16.24046,6.22802 34.92778,21.65468 31.09642,39.16159c-2.21887,18.0508 -0.50452,36.25767 1.60162,54.45551c-13.60181,10.0825 -11.15982,27.59631 -20.65894,40.7838c7.8804,18.56862 0.29095,38.62871 -12.60841,53.70848c-12.90314,13.89935 -31.76248,26.24356 -52.66508,24.4381c-7.98578,13.29396 9.42929,24.99069 15.57339,25.73553c-16.01053,-5.1321 -13.75549,4.70874 -8.47672,15.2244c4.94576,19.6875 -10.58037,-17.53909 -20.60904,0.27255c-7.77597,7.68976 -38.86531,10.29276 -13.69539,1.07587c21.48048,-7.96875 -24.12099,-12.95142 -13.99879,5.00586c3.34996,7.49203 22.77361,10.79092 2.32814,7.93628c-9.02753,-4.74515 -13.85625,12.10397 -21.02202,8.92599zm43.09088,-34.62769c7.8596,-9.56569 10.12141,-37.24054 -6.87671,-17.06372c-13.43553,10.88889 -18.29311,29.6301 6.87671,17.06372z",
-	"mouse": "m0.99942,221.57315c18.97592,-5.2153 38.89368,-5.72223 58.37582,-7.77921c22.496,-2.19991 45.89505,-1.95135 67.14781,-10.93486c14.09158,-5.66957 18.06422,-22.34355 18.92189,-36.61246c3.853,-24.50212 17.5325,-49.94102 40.26784,-59.44455c8.81084,-4.72752 21.73279,1.24299 28.77051,-3.16475c-8.53821,-11.67851 9.86266,-25.18666 17.60304,-12.64201c9.90706,2.44754 20.13632,-4.12984 22.40773,-13.63184c8.92409,7.01573 17.55354,16.51189 28.21455,21.93088c10.14639,3.852 24.18005,17.58312 11.18048,27.34964c-8.74753,9.55273 -22.39651,8.48746 -31.55023,16.51577c-9.2032,7.60971 -8.39032,20.69223 -4.77994,31.13091c0.58701,11.39519 9.68161,13.02966 17.70996,16.03508c1.32019,7.11591 -9.48019,9.15216 -14.76065,10.85889c-11.37581,1.93378 -22.26419,-2.9012 -30.79645,-10.59497c-7.75803,-9.73157 -17.02081,0.98111 -14.42018,10.56955c-13.10742,11.20265 10.79541,5.32968 13.63931,12.79547c-11.33516,4.36475 -24.3324,2.06448 -36.29933,1.86723c-15.70055,0.23059 -28.91441,-10.20818 -44.0015,-12.87645c-9.31265,3.4888 -17.24791,11.49408 -27.66536,12.5939c-30.59707,5.30119 -61.77245,4.85931 -92.6703,6.59238c-8.95057,-0.1062 -18.97236,1.51553 -27.29502,-0.55859z"
-	}
-}
\ No newline at end of file
+{"data": {
+  "bat": "m143.40468,206.20782c-0.49527,-8.51843 -1.60919,-23.17813 -13.91826,-16.10698c-5.69614,2.11977 -22.79842,7.51244 -14.5293,-3.62979c-4.53243,-11.10219 -22.97476,5.42294 -24.24419,-2.29205c9.91943,-10.64906 -4.7813,-22.35199 -15.17139,-14.80321c-6.39341,1.76166 -19.4276,12.91188 -21.9789,9.37552c5.93793,-7.52516 19.31312,-22.93167 3.18112,-27.55084c-17.5302,-3.97589 -32.93319,8.09392 -48.1771,14.68205c-4.57452,3.57106 -10.39707,2.94862 -4.70683,-2.99597c19.7419,-30.64111 50.72646,-53.70857 85.10566,-65.43076c8.33369,-2.70812 21.16511,-8.70424 21.41656,4.97536c5.15313,12.59007 8.81947,28.33097 22.08977,34.80917c15.28362,8.49702 4.32793,-24.52711 20.16156,-12.05241c6.66379,4.32207 20.92268,-3.91697 22.87737,0.71265c-3.88257,5.55579 -5.70456,15.41883 4.55382,10.3489c17.81406,-7.0078 30.89859,-22.70471 39.67026,-39.22318c9.16278,-1.3768 18.27335,5.56162 26.62798,9.24753c27.74529,15.70954 44.86571,45.39448 52.13728,75.65768c-7.5513,-4.24557 -14.87186,-12.828 -24.02185,-16.20273c-9.75534,-4.87419 -20.75789,-5.73363 -31.48114,-5.39867c-5.02554,5.98985 -7.99353,13.42558 -3.62529,20.86708c3.80284,14.25407 -12.13176,-4.90576 -17.88498,-6.20744c-10.74191,-7.67955 -21.03323,3.92213 -18.67635,14.82222c-2.42909,2.10051 -9.92085,-3.5218 -14.32263,-2.86926c-9.05026,-2.72606 -15.42468,1.20085 -9.97261,10.61331c-7.98315,-0.97417 -19.64474,-13.28291 -26.70493,-1.69363c-3.0779,2.89514 -4.66377,8.66307 -8.40561,10.34547z",
+  "bull": "m247.95622,28.12305c-12.19972,2.23394 -21.61887,16.95667 -20.74588,29.01591c1.44209,13.7284 17.93463,5.12075 22.80087,1.23941c-2.90906,11.49207 -26.14024,13.85409 -24.83565,-0.12387c-17.69467,13.05878 -30.95056,33.52913 -52.86781,40.14553c-19.77757,4.59067 -40.50726,3.0742 -60.45068,0.39017c-12.12445,-1.13604 -23.69794,-7.26224 -35.91985,-5.97962c-13.09134,3.59118 -23.59412,13.16467 -36.65408,16.93906c-13.77014,6.03062 -8.51065,22.6805 -9.70401,34.47604c0.36829,17.55977 -2.85913,36.16287 -15.09811,49.55722c-7.11563,10.54993 -7.76443,24.43282 -13.48046,35.44298c18.99679,-0.19772 7.54522,-25.59486 17.99728,-35.91756c14.58305,-6.75189 14.16003,-25.2986 16.19452,-38.95529c1.4834,-5.51941 0.74519,-25.08188 6.61763,-22.44334c7.21924,16.22275 11.33028,34.35388 9.69645,52.12326c-9.5553,8.96404 -24.74576,15.34862 -22.54872,31.87126c0.72458,14.96526 -8.38036,25.74033 -15.4907,37.48604c4.56749,6.89259 1.00608,20.69472 14.11573,16.65324c8.77115,1.68887 13.10825,-2.37698 4.45589,-8.42346c-13.07829,-12.56499 5.13552,-29.16821 12.20585,-40.168c7.30689,-12.28131 22.16195,-12.86801 33.02653,-20.13979c15.00671,-8.95824 25.97935,-22.79263 35.92999,-36.78595c8.71432,9.26259 -13.75776,17.74474 -17.07076,27.20334c-7.22755,7.75058 -20.15694,21.85651 -2.99889,26.65347c13.26358,4.53796 25.75887,13.79143 25.35975,28.30255c0.22051,9.84615 24.38135,18.76527 19.43611,2.77341c-8.3609,-14.92882 -28.34064,-20.79163 -33.65835,-37.70844c-3.6715,-12.98383 11.61318,-19.27325 18.93525,-8.74269c12.96419,-1.41862 26.57983,-10.04028 40.80356,-11.3647c14.66299,-5.4577 18.06927,14.52957 29.8145,19.76668c9.79047,9.67969 18.77974,21.93582 17.54285,36.4783c1.1926,12.30893 9.52699,25.16873 23.92239,23.90201c16.80026,-2.80963 -5.10118,-20.70317 -12.79568,-24.81631c-11.14896,-13.29695 -9.30676,-32.20113 -16.24597,-47.51259c-5.00217,-4.52083 0.22685,-26.45532 0.40694,-10.76334c-0.90044,17.98242 24.73294,7.66248 22.97939,-6.09152c4.36166,-10.95654 -11.58513,-4.19417 -9.47617,-15.24252c-1.73091,-13.74937 -0.74355,-30.75096 -12.6731,-40.17292c-6.8737,-6.7591 -4.7831,-7.41829 2.70201,-2.07212c14.59439,7.55807 11.75914,24.79303 12.78276,38.37691c4.22589,17.80225 21.30753,-5.24332 20.80711,-14.89757c2.92691,-20.96336 12.92174,-42.46973 32.42046,-52.68139c-5.2402,-2.56694 -30.94765,6.73531 -28.79092,-4.9679c10.59921,9.00244 25.18661,-0.80075 37.71524,1.85265c16.62164,0.68233 20.74963,-22.79317 2.53195,-23.94116c-11.78333,-6.98062 -21.92947,-19.31897 -37.15829,-18.35906c-22.07759,7.39931 -8.43927,-13.11165 -2.53694,-22.37832zm21.60802,9.50184c-1.66193,5.79599 -12.61478,17.62506 0.56973,12.83867c1.89221,-3.91013 1.1131,-8.97168 -0.56973,-12.83867zm-3.4996,26.34877c5.90985,9.81916 -11.80539,1.02993 0,0zm24.39551,10.15293c-2.05029,4.18517 5.51468,4.9676 -0.32553,4.96455c-3.08926,4.10121 -4.4324,-5.29953 0.32553,-4.96455z",
+  "camel": "m105.23692,274.01276c10.42601,-6.85904 -13.23158,-12.66162 -16.74452,-19.13904c-10.34003,-12.71768 -13.56136,-29.62202 -16.44211,-45.3219c4.95107,-8.43617 2.94567,-17.1517 4.73958,-25.91959c8.77055,-13.01825 13.62244,-28.29056 22.43666,-41.26205c9.81532,2.07159 20.42883,10.03517 30.26162,13.06094c8.8764,15.9576 -7.35719,29.2457 -5.44854,44.69498c3.72314,14.40366 -6.25101,26.40735 -8.25558,39.83173c0.06986,12.69931 11.61848,25.55493 24.23922,16.82416c-0.64038,-9.26088 -18.64324,-12.13185 -10.58395,-25.1562c2.65187,-13.46596 11.34413,-24.24693 17.91676,-35.55937c-3.71349,-13.26427 1.2287,-30.0778 9.59569,-40.02118c8.49532,8.2068 14.36288,22.63718 15.66277,34.12883c0.16464,13.17332 17.70532,21.98904 17.37173,37.50392c1.31061,13.71669 7.73416,26.77841 16.64259,34.21387c4.65822,9.68192 33.56361,4.63116 18.16859,-6.87111c-12.71291,-11.47281 -27.33986,-23.63953 -29.27029,-41.92267c-5.27388,-10.85303 6.84843,-26.2316 -8.03899,-30.76501c0.92262,-14.70679 -2.97293,-31.40077 5.40811,-44.51862c12.07202,-10.31686 29.7518,-11.08165 41.29709,-22.49498c14.0099,-9.28757 21.96306,-24.50421 26.44456,-40.2729c6.78918,-7.60537 17.33322,-24.04447 29.06323,-15.49826c11.50851,7.1165 3.01477,-10.78561 9.62354,-14.73589c-5.45358,-19.67866 -27.58679,-10.231 -41.40082,-15.14074c-12.54193,-8.39989 -25.52765,-3.55679 -34.67496,6.0378c-6.85069,3.08698 -3.14447,11.16754 3.57637,8.12783c-4.82072,16.0155 -11.46542,33.6401 -26.07742,43.1243c-16.7653,7.33572 -26.11705,-14.39821 -36.07204,-23.83146c-10.86565,-10.63506 -17.60231,-26.15123 -31.2878,-33.45204c-19.0355,-4.82 -33.49794,11.89507 -47.87449,21.30644c-14.26775,7.14342 -31.39994,10.67369 -41.13367,24.60683c-16.15372,19.41527 -5.91326,48.70807 -22.89915,67.80049c-6.99636,10.58755 -22.39972,18.21231 -20.28306,32.7636c7.50211,15.58318 0.92728,34.18239 5.02367,50.94881c3.02735,12.11708 7.50982,27.68176 22.18437,29.48123c11.54434,7.31882 17.83198,-8.01192 5.60827,-12.45197c-14.75563,-6.55614 -16.77197,-25.01053 -17.95741,-39.18628c-3.25454,-14.0275 7.86033,-23.30806 12.45064,-34.31837c-3.87635,-10.75487 9.79252,-25.37375 18.46243,-23.19664c-6.47958,9.9541 -15.94005,22.87103 -0.60315,31.06966c-0.20134,0.50305 2.25023,-9.18846 6.19941,-12.10042c-0.58951,-7.59273 -8.29086,-14.05685 -0.12206,-21.73929c14.33151,-9.55606 11.17263,18.16365 8.19696,26.02383c-0.15744,12.07039 -16.33567,21.65707 -8.0749,33.75336c9.04985,14.91904 13.29631,32.04613 16.76897,48.94904c4.98299,14.02148 17.57185,24.27618 33.31381,20.65268l2.58825,-0.02829z",
+  "cat": "m111.55353,268.57376c-12.38409,-9.66019 -26.54234,-3.66064 -40.17431,-4.38614c-11.9392,-10.23105 -26.45395,2.16507 -37.70551,-7.68756c-14.55057,-12.97847 10.67308,-21.10451 5.29292,-36.51207c-0.60409,-22.18257 -10.10326,-42.27484 -20.08909,-60.91698c-7.07184,-14.82233 -4.56518,-31.85568 -6.84103,-47.71686c-8.17014,-11.38815 -16.33076,-25.48726 -6.60928,-39.55753c10.981,-11.86565 5.81937,-27.47561 1.50418,-41.19728c11.10318,3.26597 23.84772,18.14071 38.4552,15.16287c9.93419,-6.39761 15.9648,-0.073 17.62218,11.6365c5.20781,15.03792 8.24681,35.60265 24.68163,40.4529c17.26196,4.92876 36.58965,6.02341 50.24171,20.484c24.96439,23.38795 36.53986,60.25828 35.56061,95.79604c2.26117,16.61917 23.11539,7.79897 33.43477,10.24997c17.3054,-0.76804 33.91818,4.66769 50.66774,8.39909c14.94962,3.97684 27.61282,-8.59756 41.65988,-10.10515c2.37341,14.53128 -16.06888,20.58582 -26.14133,25.0639c-11.95706,5.08662 -24.89989,5.20694 -37.1826,1.47655c-26.55344,-6.62021 -54.69701,-4.88251 -79.92953,6.75992c-13.61838,5.01505 -26.84254,14.51093 -41.6569,13.32327l-2.79124,-0.72549l0,0.00003z",
+  "chick": "m76.6114,300.49948c-0.94218,-11.68399 1.80264,-23.81186 -2.78349,-35.22473c-7.45612,-25.10127 -23.93798,-47.16536 -31.36633,-72.21014c-3.21228,-16.80365 -8.65163,-34.79272 -2.2363,-51.43718c9.2771,-20.44891 24.58445,-39.1077 45.00853,-51.46853c11.45798,-6.87112 33.39433,1.8131 33.44485,-16.51133c3.62297,-20.89642 15.43811,-40.3082 30.48538,-56.28489c17.86485,-17.49571 47.98021,-20.77926 71.28149,-10.72216c13.19823,4.36545 26.92773,11.92505 29.85556,25.342c-2.0408,13.23198 13.36339,22.40786 12.41484,34.53756c-13.98409,-0.03379 -27.4267,2.25514 -39.10866,9.99602c-8.20006,3.8867 -26.4511,6.08187 -12.88864,15.86904c12.71146,21.22634 12.39029,48.02362 0.02443,69.35255c-8.24092,16.61523 -18.78058,33.14909 -36.37866,43.00504c-13.36313,9.14961 -27.77914,16.93257 -42.68192,23.79149c-11.62872,11.1774 5.32764,27.26614 9.71201,38.8335c3.36447,3.54044 4.524,10.84882 11.15869,9.08932c15.28535,0.25418 32.76015,-1.9313 44.98404,7.81229c-8.94319,8.25949 -25.89421,-1.41025 -38.02573,4.80051c-8.78024,5.75812 -19.06332,7.43823 -31.36371,7.58014c-13.23612,4.30203 -27.23189,-3.61423 -39.08569,1.66962c-4.11388,0.41238 -8.38321,3.40195 -12.45068,2.1799zm58.28394,-16.2124c-4.84233,-9.87674 -20.53861,1.56897 -6.10292,2.32874c2.30783,-0.47092 12.8125,3.03821 6.10292,-2.32874zm-17.85122,-4.32443c14.82944,-9.3367 7.74453,-25.48042 -1.79045,-35.63309c-3.24258,-2.97528 -4.73457,-8.94336 -9.13439,-9.94019c-6.73362,0 -13.46722,0 -20.20084,0c-4.65086,8.49229 -2.48404,17.86589 0.89217,26.43201c3.51066,10.88467 6.16319,28.60654 23.56189,23.00385c2.6806,-0.4599 4.89924,-2.07458 6.67162,-3.86258z",
+  "cormorant": "m143.5415,0.99936c-4.24326,11.41716 -19.29625,4.15632 -24.74561,12.50427c0.52748,6.07653 -8.29025,7.80436 -13.00653,8.43892c-8.50133,3.84879 -22.80692,-4.79845 -26.45377,4.01417c10.96676,1.70561 23.50823,0.97173 33.37776,7.63992c6.81084,8.30698 18.80501,9.32233 23.86815,19.00227c5.01492,11.90637 0.21405,24.79235 -6.1066,35.16777c-5.40714,11.63457 -14.24293,22.0266 -17.15868,34.6068c0.20795,13.02319 4.72718,25.69211 3.20084,38.80902c0.9605,10.14279 6.64024,19.14648 10.04536,28.64983c5.00912,10.57565 9.93535,21.70013 17.62276,30.53665c7.02892,8.87558 29.89705,11.67009 23.64502,24.91443c-4.01926,11.10844 -7.40147,24.48637 -19.39478,29.5565c-9.50977,5.9848 -21.3932,8.93677 -29.06369,17.37073c3.84956,0.36453 28.16327,-14.36331 23.8996,1.69739c-9.52658,11.2518 16.95053,-0.69223 23.42963,-2.18207c4.74442,-0.99915 4.29691,14.62488 8.52766,3.80228c5.95903,-10.08762 6.23502,-21.34366 11.26126,-30.51312c2.4781,-10.25645 3.82962,7.94009 9.64467,10.12222c7.07556,9.50238 7.79694,-14.07236 11.23129,-19.70615c2.62747,-8.54028 4.63826,-23.31885 8.02322,-27.91885c0.19868,-2.83281 6.58795,3.93147 5.0274,-3.78851c0.90347,-23.48584 -1.83659,-48.86755 -15.67365,-68.59196c-9.60602,-8.62669 -13.22336,-21.57266 -21.36568,-31.47811c-10.01912,-4.8186 -8.05391,-19.66993 -20.19205,-21.12443c-2.75856,-10.2361 2.62035,-22.86311 4.63016,-33.73514c2.78795,-10.12834 8.4742,-20.66132 3.52232,-31.15684c-3.76698,-10.86702 -11.83783,-21.03737 -23.57631,-23.51091c-5.21049,-2.63619 -9.89668,-4.17218 -2.89241,-7.84742c4.71588,-7.73713 -7.28709,7.39913 -1.58588,-2.982l0.25854,-2.29765l-0.00003,0zm-57.08003,24.11987c12.78673,0.33177 -8.83535,0.35227 0,0zm92.46721,218.72338c11.05893,4.6954 0.80228,21.55537 -5.46918,26.98338c-13.1071,-3.20859 2.39713,-19.21964 5.46918,-26.98338l0,0zm-10.64413,31.82323c-5.88483,2.41168 -15.44353,4.13849 -3.83093,0.46683l1.97208,-0.34274l1.85886,-0.12408z",
+  "cow": "m28.0749,243.56958c-11.25466,-1.13762 -0.26117,-18.72878 -4.5063,-26.87576c-0.04291,-11.99254 -4.49496,-23.80263 -3.04635,-35.73141c8.85702,-21.03091 1.47632,-43.99974 -0.46577,-65.6628c-0.878,-4.78294 -0.85219,-17.06834 -3.03475,-6.14601c-6.04425,18.41563 -0.13999,41.17824 -5.30961,59.82921c-8.64015,10.38419 -15.16653,-6.09071 -6.91858,-12.40807c9.63606,-15.16887 7.3071,-35.6004 7.63113,-54.51396c-0.41477,-11.95865 4.38277,-26.97649 18.58104,-27.31744c12.14677,-0.91866 23.64877,4.86966 35.90276,4.15359c35.73927,0.55689 71.83095,0.86755 107.11801,-5.64501c17.61354,-4.0591 35.14902,3.10693 52.79015,0.20057c9.91351,1.07068 15.15811,-3.56471 10.78886,-12.26689c7.38425,-5.09429 13.06598,9.66071 16.34573,-3.48148c11.89191,-8.19559 13.54935,15.99933 26.71921,9.16614c15.88589,2.05862 -6.90274,16.26875 6.39813,23.38159c8.04169,6.20473 20.35629,21.57409 4.35831,26.00379c-13.75446,-0.96602 -27.54028,-0.06377 -41.30312,0.60226c-6.36993,10.6367 -19.62016,18.61491 -18.16837,32.55296c-1.1003,16.62756 -12.74783,33.02081 -28.69196,38.18489c-6.81386,-1.34894 -9.78644,0.85432 -8.9351,7.83342c-3.52046,9.11967 -4.14098,18.73875 -3.72333,28.43974c-1.04204,5.34808 1.17265,9.50755 4.32187,13.62691c-3.70361,6.41692 -24.92326,2.61598 -16.88379,-9.5238c2.05592,-15.92261 -0.36317,-31.91132 -2.16568,-47.74242c-8.4565,-6.01532 -18.70856,-3.81294 -27.26753,1.0208c-18.88187,6.9252 -40.73763,13.48228 -60.10471,4.59438c-10.79734,-3.01547 -27.0833,-5.25847 -35.10848,3.84904c-3.611,13.73518 -2.64567,28.48619 -5.7238,42.42607c-0.05178,7.28806 6.88112,13.54532 -4.86428,11.51134c-4.90851,0.11278 -9.83028,0.26732 -14.73372,-0.06165zm10.02217,-15.5108c1.93175,-6.52728 -2.78621,-23.11049 -3.1906,-7.64299c-1.60691,4.90746 0.4367,28.47777 2.83738,12.83046c0.15187,-1.72662 0.25968,-3.45683 0.35322,-5.18747z",
+  "crow_2": "m299.86716,62.24508c-8.36279,-13.35279 -25.79254,-10.94299 -38.7652,-13.97612c-10.77151,-4.46517 -27.26852,-8.74568 -34.93257,4.02601c-10.22766,11.92024 -19.30536,24.77381 -27.38379,38.20519c-16.9417,18.56395 -37.51366,33.44937 -58.19264,47.49408c-17.41919,8.55826 -36.48907,15.23247 -50.59015,29.17691c-26.77713,17.17799 -59.39612,20.30975 -89.00278,30.37996c5.24787,1.82477 28.48156,-4.80739 12.86404,2.45506c-11.61908,3.82678 4.57293,7.38318 9.74338,4.83008c-4.08242,4.36552 -5.2054,4.72249 -0.18473,4.65681c-9.12115,5.09712 20.25491,-1.58305 4.07883,5.5506c-7.04263,2.05971 -24.35976,21.06046 -8.48079,12.5005c14.76321,-6.14401 30.50038,-9.23448 45.85791,-13.45705c-11.48634,11.80891 -27.85513,19.19374 -35.74965,34.16698c0.17943,3.86479 12.21982,-7.85281 17.31087,-9.77229c28.95095,-17.49719 59.28473,-33.71347 91.89844,-43.16046c4.45381,1.07288 5.32478,12.99994 14.00563,6.90237c0.76199,7.59987 19.82927,-11.92125 14.84979,3.30377c8.25793,-13.03635 -0.01482,14.1528 7.62892,18.26904c3.90089,5.15268 19.92041,12.26512 6.86195,14.03082c-5.77165,8.63597 8.09146,-3.46425 11.11865,4.62627c11.3129,4.10901 3.07231,8.32173 -5.11652,5.83363c-6.27592,-0.83809 -7.57079,7.40965 -1.22719,2.29182c7.57507,5.19347 19.60568,3.32813 29.26515,5.56088c9.65308,0.80066 21.35422,-9.88435 25.01279,-7.29437c-8.89755,-6.38512 -21.77765,1.41119 -31.54323,-3.51736c-2.05963,-6.62599 22.89082,2.37143 22.94131,-8.82851c11.68727,-1.08766 -9.82895,-2.59717 -14.00406,0.04509c-14.38026,0.76889 -21.75813,-12.59969 -31.88164,-20.19017c0.30659,-15.75429 11.86186,-29.28856 23.95569,-38.18524c15.77855,-9.50124 31.96706,-21.73888 36.43575,-40.70174c4.63271,-16.88809 7.21239,-34.29048 9.31848,-51.60873c2.84918,-11.17406 11.03882,-21.49306 23.60089,-20.65947c6.77469,-0.94415 13.57404,-1.72816 20.30646,-2.95438z",
+  "crow": "m65.63132,15.69366c7.23991,-11.19251 23.71874,-13.17996 36.20271,-14.69413c13.92134,1.25098 24.65079,12.10254 32.81262,22.59631c9.49452,8.5772 21.08662,15.85565 25.83853,28.41352c12.01437,5.95259 26.19815,9.13653 33.55229,21.87244c11.11548,14.36729 17.52112,31.75739 23.31628,48.60368c0.92021,12.5585 6.47,24.01521 8.36046,36.46043c3.24197,12.33818 5.82637,24.53572 9.31963,36.76498c3.88237,12.71416 9.39792,24.81319 13.2628,37.54517c7.05891,11.17328 13.48564,22.96204 17.86821,35.4054c-10.48648,-0.88873 0.96857,15.8573 2.93524,22.45895c2.86746,13.58783 -12.84537,5.80856 -15.59308,-0.46634c-9.70456,9.1796 -29.57259,11.24072 -38.3669,-0.80743c-9.26392,-12.20752 -14.38051,-27.69696 -27.16855,-36.53391c-5.02811,-4.18506 -9.90665,-22.45958 -11.7061,-6.32031c6.38489,16.05743 -18.74254,6.90547 -27.66772,9.78912c-15.99664,-3.21661 6.07263,-12.35889 12.86923,-11.27576c6.38602,-6.35408 17.01372,-16.99594 1.7589,-20.33147c-10.44731,-4.15326 -23.84068,-14.68553 -29.71439,0.99188c-7.37552,3.90117 -20.59412,22.40862 -5.95329,23.77255c5.91614,12.10878 -17.0737,3.35048 -23.49316,6.21452c-6.05255,1.90814 -21.13758,-1.4375 -7.08788,-4.49867c12.08796,-1.9845 17.85132,-16.8317 25.44044,-25.82515c-0.25166,-11.53856 -9.48829,-20.69617 -16.41167,-29.40816c-7.36517,-12.27962 -17.64172,-22.79747 -22.75925,-36.23717c-3.35689,-13.95544 -9.74807,-26.85826 -12.98938,-40.84583c-3.65936,-14.01762 -7.85575,-29.82359 0.01893,-43.25633c3.58914,-11.78534 5.08364,-22.78083 -2.44828,-32.4814c-10.40722,-8.4583 -25.19866,-5.06594 -37.19873,-10.67507c-1.4463,-9.05923 17.76661,-12.5158 26.11695,-14.53937c3.17027,-0.11009 5.59681,-2.76167 8.88516,-2.69248z",
+  "dog": "m100.16203,296.98279c-8.8212,-9.63385 1.38332,-24.43997 -0.42293,-36.27057c0.75693,-11.26283 0.70357,-22.55605 0.97627,-33.83612c-5.62751,-3.03004 -11.14646,-9.8163 -17.39571,-9.15442c-9.39647,12.28885 -8.36188,28.63301 -15.80033,41.86707c-4.14935,12.68604 -14.20047,25.1369 -28.95629,23.20023c-15.78228,0.24448 -5.31179,-12.67972 3.94138,-14.51392c15.5036,-7.47278 14.489,-27.14363 17.24157,-41.59114c1.02824,-10.18478 3.24236,-20.5625 3.54647,-30.63432c-6.4542,-14.31418 -15.78849,-28.37114 -13.67442,-44.85196c-0.91037,-17.78856 4.2768,-37.23788 -5.08019,-53.53189c-5.56927,-15.61405 3.8713,-31.59072 2.9399,-47.52759c0.9721,-14.78285 -5.20505,-30.54867 1.20562,-44.61136c13.7762,-15.53139 12.97964,13.29988 18.95111,20.54415c5.64886,15.40877 24.7487,10.76537 35.50636,4.24826c7.2022,-4.10769 16.87807,-28.32801 24.44378,-14.32351c3.37997,14.22579 -6.14093,25.38077 -12.22646,36.88495c-6.86581,22.01683 5.86861,44.08519 20.93388,59.44197c24.83763,26.97977 44.07555,59.68134 54.0882,95.03609c1.31316,14.68071 3.98535,28.23558 12.82726,40.18617c10.20438,10.1714 26.16472,9.68739 39.32852,13.25957c9.22101,2.52521 30.75206,5.14639 26.47435,17.3808c-14.74448,2.4689 -30.09541,0.23105 -44.90068,-1.32291c-17.28331,-2.73001 -35.00906,-7.2897 -49.09666,-18.1597c-14.62904,-9.61427 -18.7715,20.00995 -34.01671,10.65375c-2.19362,-7.70334 10.66454,-19.74266 -6.53938,-19.26297c-6.33104,0.30879 -15.00338,1.82024 -19.76239,4.89166c1.07452,12.16098 2.04812,24.36316 4.2893,36.36713c-1.78267,6.00809 -14.15643,12.93057 -18.82182,5.63058z",
+  "duck": "m185.95239,299.43112c-13.71118,-7.29123 11.45862,-7.3541 17.23322,-7.85522c14.99724,-0.2811 17.02971,-18.28448 15.48773,-29.74414c-2.1938,-4.69699 -0.04752,-14.89349 -7.7746,-13.37029c-15.43901,-0.71622 -30.7112,-4.55923 -44.14467,-12.22302c-0.82443,12.88171 -7.29927,24.66777 -11.6053,36.85115c-5.66316,6.16721 14.39644,28.18469 0.43378,18.34869c-9.04433,-8.40845 0.06526,8.74658 -11.16418,3.91656c-15.23827,-0.31436 -31.02578,2.40784 -45.91216,-1.24551c-5.00268,-2.09833 -20.66561,0.51883 -9.25531,-6.49301c6.4804,-1.18185 12.15667,4.48007 17.05421,-2.03778c11.5948,4.79346 30.04866,4.82639 34.25867,-10.28015c7.00595,-11.43338 11.29851,-24.25136 11.56012,-37.68254c-8.2043,-6.31854 -14.70296,-14.48831 -18.43434,-24.21049c-8.62861,-14.22275 -24.3753,-22.02206 -37.28508,-31.87471c-17.12926,-11.15475 -36.8522,-23.99915 -40.20823,-46.00098c-4.08031,-16.32172 0.02216,-34.19492 11.59384,-46.57394c7.80417,-11.16946 22.31328,-21.55052 18.99293,-36.88489c-8.43674,-15.00933 -26.68094,1.9423 -34.96601,9.23433c-9.98,7.06196 -20.71845,24.17017 -34.34288,16.49594c-1.7172,-11.61691 13.7034,-18.90693 17.498,-29.74388c7.8585,-12.19844 12.51045,-26.37627 18.95516,-38.92993c11.65712,-10.85135 30.93148,-10.91782 42.45155,0.28526c14.7008,11.44654 23.86826,29.5425 22.42876,48.35335c1.4173,12.98959 -4.14301,29.91504 8.25453,38.93287c17.92052,9.9613 39.04935,12.35098 57.26444,21.89838c22.77972,10.51788 39.86913,29.49796 59.04057,45.11781c11.7964,10.71736 23.92368,21.11819 35.13879,32.44618c-7.49713,-2.24278 -14.43054,-6.05879 -21.60767,-9.15805c9.28815,12.08043 13.46152,26.94177 15.66077,41.78857c3.61584,15.73579 13.73315,31.11919 8.65729,47.77711c-4.42633,13.85214 -18.52838,-8.55096 -25.42393,-12.47198c-7.88147,-7.42908 -15.67812,-16.62666 -27.10399,-17.90884c-2.06194,13.35767 -4.18094,27.25305 -1.83514,40.63339c1.37479,11.84998 25.0215,4.73886 21.59566,13.51175c-19.80942,-2.16162 -39.69846,-0.3399 -59.55595,-0.59872l-2.94055,-0.30328l0,0z",
+  "eagle": "m42.43982,248.02586c11.79883,-9.19574 37.51548,5.68584 36.59332,-18.29665c11.6873,-8.23552 20.68873,-26.28419 1.79099,-32.32607c-10.7688,-5.1657 -15.8233,11.42451 -19.57125,12.4706c-7.77777,-10.83765 -3.38924,-28.5033 -0.32791,-39.95343c9.78217,-6.08578 25.82187,-13.03094 14.50231,-26.59097c-2.34529,-14.80103 -3.78094,-32.06657 -17.7612,-41.01302c-10.43393,-6.26692 -25.16679,-12.24148 -20.04643,-26.95332c-6.73619,-10.16047 -14.53631,-24.05076 -10.06464,-36.59579c10.19879,-1.80737 9.00111,23.96806 10.94535,18.5213c-3.83083,-8.28799 9.1568,-27.37077 8.41371,-9.7762c-0.78397,6.31187 -0.27625,19.10084 3.19139,6.43372c9.40052,-13.9652 0.18064,24.20846 9.40782,9.05938c6.50935,-2.10711 4.52592,9.32912 10.80828,3.67456c6.87772,5.25431 11.91442,6.4291 11.89108,15.161c9.16496,3.3132 16.00232,8.79374 14.18665,17.50479c17.88632,-4.31568 2.59483,17.992 15.32488,24.21275c6.86198,10.87837 9.94656,21.77702 9.45206,34.69591c14.12406,-3.90332 23.43909,-19.96727 38.02612,-24.96548c16.37712,-7.58971 22.24484,-26.45808 25.80173,-42.75597c1.58806,-7.86366 11.55658,-7.47865 8.4944,1.35465c11.47125,-12.36288 6.68346,-30.36211 9.92291,-45.39627c1.03862,-8.40902 -2.33224,-26.94658 4.74805,-28.67765c10.56419,9.48252 -2.34641,30.44621 7.95137,36.7387c7.25935,-13.5451 4.68625,-29.74639 5.07938,-44.52987c-0.17744,-8.53332 8.28981,-14.18234 7.88048,-2.00179c3.55096,10.5139 -0.40492,32.21981 1.64958,36.04613c8.07187,-12.48013 6.34647,-29.28694 14.90497,-41.01045c11.77513,4.41697 -3.33727,24.23894 -2.9549,34.73938c1.57841,8.06398 13.11919,-23.61583 13.7003,-6.1498c-5.31714,4.6162 -4.42737,17.32646 1.51364,7.08835c2.29477,-8.40776 17.99155,-5.58858 7.86148,2.08536c-7.52231,6.5335 13.19769,6.07413 4.12683,13.25697c6.05191,9.99521 -10.41388,15.90605 -0.99213,23.11055c-0.5419,2.90166 7.51996,8.55031 3.95645,15.5176c3.55255,6.41606 -12.64786,10.58171 -2.07687,14.97137c0.61145,14.96265 -18.29834,25.28072 -14.15472,39.25008c-1.22144,16.83496 -13.92377,30.96262 -27.51764,39.86047c-12.55846,2.38141 -22.29991,7.42523 -33.09448,14.38452c-7.10794,0.12218 -9.63133,0.08891 -13.34837,5.21904c-5.85042,-4.53848 -15.49744,-11.39697 -13.84404,2.34781c2.50378,17.06932 24.15945,18.76619 35.67772,27.84688c12.28496,4.33621 28.35258,18.74889 15.04837,30.03174c-1.28722,16.03848 -22.62962,6.43207 -28.17253,11.98065c-7.95277,1.1889 -7.12421,6.80249 -14.18958,0.10867c-6.88124,9.22229 -22.27397,-0.76007 -29.61287,-4.75983c-11.90405,5.67993 -17.34648,-22.86903 -19.53539,-2.88507c-4.83576,13.58316 -24.476,-1.01483 -24.37943,16.35269c-8.98567,-1.84631 -9.40855,12.19781 -19.04626,10.78702c6.06173,-2.81454 10.18479,-18.90897 -0.69688,-11.14999c-8.89938,-6.76031 -3.76038,16.63571 -11.0985,4.45398c-1.61417,-15.81525 16.34735,-16.12735 26.46889,-18.96848c3.63502,-9.19174 8.23714,-21.27525 7.27283,-30.1396c-9.56728,3.84567 -17.9573,12.08994 -29.11918,12.79019c0.69484,8.35417 -5.77779,21.85307 -15.72966,14.08031c14.30752,5.57813 7.98567,-25.05467 -0.66062,-9.91721c-3.38933,9.9873 -2.96938,-14.429 -12.7722,-7.32185c-5.13792,3.73692 -1.64958,12.39018 -6.75386,2.35237c-0.99273,-2.02373 -1.14814,-4.89752 0.9282,-6.35475z",
+  "elk": "m55.44169,70.04322c-9.46609,7.85901 -22.89024,10.68682 -35.01687,12.13352c-10.34381,-1.03976 -26.56821,7.31529 -15.97385,18.70621c7.56154,15.8879 23.87035,2.81345 34.83344,1.97973c6.74288,1.81747 9.04052,25.43575 14.68986,9.83006c3.84105,-12.93275 21.02425,-8.87709 30.14005,-4.40716c14.1686,4.39434 8.46609,22.12076 16.61138,31.95892c12.24081,12.85411 -1.67636,29.24428 -12.4499,37.76401c-12.75361,7.58044 -18.55984,19.76834 -16.78767,34.30325c0.04941,14.73842 -3.99104,30.75432 3.85034,44.19391c11.85099,1.57538 1.64103,-19.88701 4.92331,-27.40918c1.21214,-13.46214 -1.9274,-30.30058 10.90484,-39.28947c11.4828,-10.01157 23.57063,-19.55112 36.47411,-27.62581c12.21095,-0.62399 10.39299,17.77295 13.97888,26.40175c2.87054,13.20355 4.12752,27.58423 3.69688,40.50841c3.125,10.64038 5.51489,24.0757 -1.41217,31.57294c12.91045,1.34732 24.73607,-12.8914 14.16034,-24.30435c-4.26125,-15.94153 -5.71083,-32.54619 -8.8824,-48.75049c-1.29825,-11.53598 -3.35872,-25.34232 4.83759,-34.86038c12.05826,-0.41389 24.32834,12.14566 37.60088,4.59509c11.65439,-7.49344 33.21696,-6.53802 31.62036,11.82347c-3.2142,14.87534 1.55244,29.61519 2.2346,43.81203c-3.42354,18.43187 -22.15714,27.36267 -29.50255,43.57849c6.98146,9.64319 17.6196,-4.17101 24.65466,-8.5957c-1.74142,-12.99426 11.64835,-19.92599 15.71536,-30.922c6.9856,-14.97188 -3.20459,-32.25409 -2.75711,-46.36688c-5.96602,-12.06912 6.08081,-14.98056 11.07512,-3.9678c8.02901,10.14059 21.03195,16.80963 23.7973,30.43394c7.39731,10.39175 10.8736,22.49284 15.64307,34.03711c4.08353,6.21262 10.6907,18.02594 12.81412,3.55118c3.85464,-8.67506 1.42859,-14.46745 -6.31488,-15.1647c-13.17899,-14.6283 -10.83514,-37.51031 -25.72766,-51.16437c-10.90161,-6.89407 -22.06673,-14.37312 -25.85289,-27.85638c-6.71298,-10.98305 -8.98033,-24.34339 -5.63237,-36.85001c4.36508,-2.10748 7.17406,6.33847 3.86676,-3.07584c-7.08252,-11.81364 -21.74017,-16.42101 -34.30881,-20.12214c-13.86351,-4.31435 -28.287,-5.60372 -42.65346,-3.49644c-12.2518,3.14196 -25.56529,6.21495 -37.68355,0.56779c-10.80199,-6.45414 -23.34553,-5.2407 -34.37726,-0.35921c-8.31817,4.58586 -24.95089,-0.17232 -13.39404,-9.69791c-4.65558,-4.05794 -21.26908,7.53993 -8.94252,-2.36752c5.90361,-6.02524 8.73024,-18.58166 6.56192,-25.10496c-2.33636,8.03588 -5.7029,7.70039 -5.40219,-0.79288c-2.03959,15.14413 -12.13537,5.38195 -10.55587,1.00194c0.66773,6.1233 -2.56635,12.84344 -5.72467,3.23117c-0.3636,6.21597 2.87773,15.15818 -3.77972,17.71219c10.15314,9.32419 -13.24982,2.42432 -13.20099,-4.96754c-6.18471,-9.39983 -7.12771,-4.31873 -4.60736,3.21883c-4.59348,-3.34352 -10.47613,-9.66862 -5.36225,0.14767c5.84781,13.3303 21.7189,7.94385 31.61781,10.45553z",
+  "fish": "m127.20683,242.3436c1.50244,-15.94504 5.02446,-32.41927 12.88557,-46.10178c7.51215,-8.98547 19.63693,-8.71681 29.76314,-11.79086c-14.18819,-3.80443 -27.43222,-10.54059 -40.42705,-17.66788c-21.27006,-9.23157 -42.92073,4.06975 -62.09324,13.40138c-14.23518,6.80144 -28.31641,14.82532 -43.64474,18.1933c-10.05519,-6.98578 -1.65744,-26.80461 5.41335,-35.17271c8.9525,-11.55655 22.2043,-17.52696 31.90982,-28.07993c4.26963,-14.90575 -15.40321,-18.57297 -24.24153,-24.42971c-13.70577,-6.20512 -25.35116,-16.36843 -35.77064,-27.71589c24.19748,-1.40994 45.60231,13.61476 67.43612,22.73716c11.80957,4.27464 22.94788,10.28683 33.98999,16.23396c5.06265,-0.02556 22.24189,3.73252 20.52978,-2.03984c-12.8773,-0.57095 -11.58655,-17.22836 -2.92075,-23.83247c12.73701,-10.02242 28.26479,-15.93932 38.86842,-29.21478c4.65193,-3.7341 7.09996,-12.86792 11.03157,-15.74994c16.95282,13.24852 26.87143,34.14735 36.22475,53.96581c15.23062,3.44089 30.61246,6.23184 46.13637,7.07419c15.15991,6.93107 28.10406,19.01068 39.97369,31.27808c8.99451,6.78525 11.39157,25.24843 -0.83481,28.95241c-30.16479,16.24658 -63.84666,21.21309 -97.06413,22.77441c-4.67992,-0.32996 -8.75485,0.18372 -8.78621,6.33609c-2.92581,8.76227 -4.12184,18.94467 -9.62984,26.07907c-6.07878,-1.55455 -0.31998,-19.45975 -6.56294,-10.95245c-12.27982,13.32922 -27.04962,23.32567 -42.18671,32.26515c0,-2.18091 -0.00002,-4.36198 0.00002,-6.54276z",
+  "hare": "m95.22337,299.53546c-10.68459,-4.81824 3.25798,-14.45154 8.53654,-18.71286c3.55556,-3.28177 -20.37717,0.46036 -10.27298,-10.93198c11.08577,-9.30692 6.89815,-25.05217 -4.18282,-32.37115c-15.24973,-10.2968 -34.81611,-19.10942 -40.44992,-38.33635c-5.69662,-11.9756 7.81301,-24.58835 -0.87631,-35.40263c-6.99412,-14.0412 1.177,-28.68323 6.25594,-41.69022c2.33568,-17.99253 -11.97227,-32.2212 -19.84076,-47.00306c-9.74298,-14.12588 -15.35928,-30.58578 -16.16633,-47.73895c-2.11884,-7.3217 0.22601,-18.6921 8.68694,-8.82097c17.71845,14.18765 37.17033,27.65002 49.57116,47.06949c2.34735,7.01447 11.74658,27.34441 12.27144,8.93449c0.24582,-25.30315 7.97399,-52.90002 27.77682,-69.85634c13.46954,-12.2734 20.73361,9.21683 21.36209,20.13735c3.50587,21.487 -2.30553,42.79486 -8.78146,63.09225c-2.37738,9.43285 -8.56868,35.2823 9.08899,25.75117c40.67693,-15.70451 89.96005,0.78945 116.45525,34.52606c12.17961,16.33485 17.5135,37.32133 17.39308,57.47189c-6.27155,11.83836 17.03061,-0.22177 8.58704,13.43613c-4.97064,15.1297 -19.01465,23.33925 -28.85207,34.75906c-10.01038,9.15085 -2.58298,28.71576 -19.13725,31.59863c-24.15469,7.44629 -49.5191,10.70804 -74.66498,12.6066c-14.07156,2.88287 -20.90056,-13.20758 -7.41347,-19.89679c6.46608,-9.96799 24.96535,-10.66653 30.46185,-12.24564c-13.13484,1.28516 -29.33337,-4.0759 -40.40141,4.05872c-6.70294,10.88138 -12.07141,25.20364 -26.12755,28.30951c-6.3168,1.75439 -12.8116,3.16129 -19.27982,1.25558z",
+  "he_hen": "m176.04681,296.29803c-8.82596,-3.77927 -18.43298,1.74493 -27.86224,-3.75964c7.62581,-0.4744 19.08463,-0.03574 17.06104,-11.34488c3.33665,-13.20654 -3.43475,-27.06163 2.20258,-38.55534c-8.82878,-8.42361 -18.09561,-18.39673 -22.80272,-30.16238c-0.9447,4.74663 -1.81537,8.52257 -3.158,0.33916c-0.76965,-4.00471 -0.30261,9.89931 -3.24527,0.14346c-3.10373,-8.67493 -11.4597,-31.29446 -14.05236,-10.31462c-1.0768,10.8262 -4.45592,3.14465 -6.0004,-3.72562c-1.56924,-13.22943 -7.23737,-25.48523 -8.72193,-38.68883c5.80227,-8.36407 -0.82715,-9.5029 -3.91098,-1.15848c-3.39584,13.23767 -6.30494,26.33923 -2.7624,39.9769c-4.70789,3.85124 -13.79493,-17.92216 -9.61541,-26.27414c3.62592,-9.45018 2.81974,-19.09607 3.42313,-25.48878c3.31529,-7.21146 -3.22571,-15.04807 0.25123,-22.73853c-8.88477,9.68631 -16.83011,16.38615 -14.33428,31.58234c-1.10283,3.79079 3.703,25.58844 0.64231,17.56184c-5.77861,-15.66916 -5.78305,-33.02271 -1.43442,-49.01125c0.00535,-12.20366 -9.89253,21.0744 -9.16187,4.76299c-0.93676,-12.30159 4.13303,-25.82869 8.93452,-35.55499c-5.46675,-6.50523 -23.17289,-1.89566 -14.79648,-15.70558c8.24343,-7.01884 7.35999,-16.67057 -3.85936,-8.18394c-17.3246,12.72424 -31.69814,29.07174 -47.58007,43.52234c15.25898,-19.61487 32.46107,-38.59572 53.7519,-51.75492c20.64337,-12.99951 50.5769,-14.34346 68.38963,4.28573c4.53072,7.97979 15.06177,13.26968 17.57275,20.45337c-1.84586,10.76744 5.10652,16.10654 5.85289,25.57021c4.38731,7.30244 -3.95828,20.43125 8.52597,16.64671c14.20137,-0.01996 33.63664,-3.16645 34.74754,-20.87874c5.66772,-25.50935 8.27689,-54.0092 26.4256,-74.31131c10.08655,-5.89642 3.82147,-4.32716 -3.54926,-5.29837c-6.51613,-7.58361 6.57724,-19.75743 13.02319,-21.14511c-1.112,-17.9227 10.53479,10.74471 13.86426,-2.41437c4.99586,0.09501 7.43144,12.08141 10.46855,2.29789c9.05719,7.66376 18.6297,19.25661 6.66562,29.92943c13.61102,6.52517 -13.86911,2.29947 -2.14532,12.29652c9.6759,9.35194 2.83621,26.62759 -5.10654,34.15639c-0.3085,5.66077 9.31277,13.88494 11.24728,20.75249c9.99454,19.34809 11.9986,42.36646 8.16797,63.56847c-5.39346,19.98318 -25.46588,28.67906 -39.65833,41.37386c-12.12337,9.93893 -7.85776,27.37115 -13.59781,40.42342c0.57072,7.5369 4.77751,16.1196 10.7547,20.66925c8.66214,4.84064 18.81006,7.96561 25.81393,15.05286c-6.39667,3.34055 -19.43893,-10.21753 -19.56508,0.39017c-9.50252,-12.34393 -23.7677,-4.06104 -34.21234,-13.55405c8.69193,1.65643 19.99033,0.8027 10.47188,-9.61145c-3.75841,-8.80696 -15.07852,-11.84618 -15.37883,-22.49022c-10.66643,6.69647 -17.92447,15.81358 -25.66988,24.90395c-12.85808,-0.80322 -13.41248,25.11618 0.47165,24.73163c5.7019,1.45825 27.10161,9.40335 10.25006,7.35107c-5.02289,-0.89746 -10.47203,-4.04099 -10.31842,1.85727c-2.30338,-0.41431 -4.35982,-1.56003 -6.48019,-2.47418z",
+  "hen": "m131.70792,299.20142c-2.65045,-8.04401 -50.59061,2.01245 -25.50379,-8.40613c9.71836,-2.24731 29.67359,0.57056 9.8335,-5.50568c22.5928,7.62228 32.60569,-19.08859 34.06422,-37.09636c-21.02885,-6.55212 -24.67069,-31.02429 -46.83106,-37.61485c-16.88445,-13.23645 -41.63732,-12.83168 -52.35418,-33.24014c-10.17476,-18.17259 -4.4284,-40.29292 -2.74405,-59.92338c4.00956,-20.72375 12.14967,-41.69897 10.53991,-62.75727c-16.41068,9.44812 -22.4106,-11.67328 -22.78485,-18.27062c-12.07958,3.08904 -19.7317,3.22594 -6.59584,-7.5194c5.87008,-8.14037 8.78346,-25.92081 18.16113,-23.25189c2.47408,-10.763 9.04029,4.89351 16.30021,-4.61621c4.44867,3.35889 13.85731,7.10325 3.42817,13.02555c18.83147,9.50194 34.07959,23.95835 41.92437,42.43233c7.86127,18.77559 23.52317,39.06593 48.8149,33.98585c22.90038,3.93186 49.73083,-9.80992 48.68822,-32.86776c0.44391,-16.33654 16.52325,-54.48924 38.19395,-35.09801c16.24046,6.22802 34.92778,21.65468 31.09642,39.16159c-2.21887,18.0508 -0.50452,36.25767 1.60162,54.45551c-13.60181,10.0825 -11.15982,27.59631 -20.65894,40.7838c7.8804,18.56862 0.29095,38.62871 -12.60841,53.70848c-12.90314,13.89935 -31.76248,26.24356 -52.66508,24.4381c-7.98578,13.29396 9.42929,24.99069 15.57339,25.73553c-16.01053,-5.1321 -13.75549,4.70874 -8.47672,15.2244c4.94576,19.6875 -10.58037,-17.53909 -20.60904,0.27255c-7.77597,7.68976 -38.86531,10.29276 -13.69539,1.07587c21.48048,-7.96875 -24.12099,-12.95142 -13.99879,5.00586c3.34996,7.49203 22.77361,10.79092 2.32814,7.93628c-9.02753,-4.74515 -13.85625,12.10397 -21.02202,8.92599zm43.09088,-34.62769c7.8596,-9.56569 10.12141,-37.24054 -6.87671,-17.06372c-13.43553,10.88889 -18.29311,29.6301 6.87671,17.06372z",
+  "mouse": "m0.99942,221.57315c18.97592,-5.2153 38.89368,-5.72223 58.37582,-7.77921c22.496,-2.19991 45.89505,-1.95135 67.14781,-10.93486c14.09158,-5.66957 18.06422,-22.34355 18.92189,-36.61246c3.853,-24.50212 17.5325,-49.94102 40.26784,-59.44455c8.81084,-4.72752 21.73279,1.24299 28.77051,-3.16475c-8.53821,-11.67851 9.86266,-25.18666 17.60304,-12.64201c9.90706,2.44754 20.13632,-4.12984 22.40773,-13.63184c8.92409,7.01573 17.55354,16.51189 28.21455,21.93088c10.14639,3.852 24.18005,17.58312 11.18048,27.34964c-8.74753,9.55273 -22.39651,8.48746 -31.55023,16.51577c-9.2032,7.60971 -8.39032,20.69223 -4.77994,31.13091c0.58701,11.39519 9.68161,13.02966 17.70996,16.03508c1.32019,7.11591 -9.48019,9.15216 -14.76065,10.85889c-11.37581,1.93378 -22.26419,-2.9012 -30.79645,-10.59497c-7.75803,-9.73157 -17.02081,0.98111 -14.42018,10.56955c-13.10742,11.20265 10.79541,5.32968 13.63931,12.79547c-11.33516,4.36475 -24.3324,2.06448 -36.29933,1.86723c-15.70055,0.23059 -28.91441,-10.20818 -44.0015,-12.87645c-9.31265,3.4888 -17.24791,11.49408 -27.66536,12.5939c-30.59707,5.30119 -61.77245,4.85931 -92.6703,6.59238c-8.95057,-0.1062 -18.97236,1.51553 -27.29502,-0.55859z"
+  }
+}
diff --git a/editor/extensions/shapelib/arrow.json b/editor/extensions/shapelib/arrow.json
index 5f75f26a..ea4db5a3 100644
--- a/editor/extensions/shapelib/arrow.json
+++ b/editor/extensions/shapelib/arrow.json
@@ -1,28 +1,28 @@
-{"data": {
-	"10": "m0.99679,148.19614c0.277,-34.75176 -0.17724,-69.54997 2.27791,-104.24061c60.32762,11.41171 119.94372,30.08407 179.25477,46.87597c3.18407,-17.04019 1.68541,-31.17523 4.4519,-46.93008c38.1039,33.15254 75.86421,66.77718 112.07695,102.003c-34.74261,39.95821 -74.59364,74.65916 -113.71667,110.1933c-1.26689,-16.54773 -2.53401,-33.09534 -3.80092,-49.64307c-57.66159,16.00916 -118.64064,32.56108 -176.67504,47.19652c-3.94662,-33.77068 -3.83062,-70.54794 -3.8689,-105.45503z",
-	"11": "m136.44681,226.75766l47.24773,-47.40907l-91.35118,0l-91.35098,0l0,-29.34846l0,-29.34849l90.303,0c49.66658,0 90.30293,-1.48752 90.30293,-3.30561c0,-1.81805 -19.77211,-23.15214 -43.93797,-47.40906l-43.93811,-44.1035l40.61224,0l40.61209,0l62.02386,62.14279l62.02383,62.14276l-62.14281,62.02386l-62.14279,62.02386l-42.75481,0l-42.75491,0l47.24786,-47.40909z",
-	"12": "m116.00724,294.49442c-8.01179,-8.01181 -6.96065,-12.86337 12.51841,-57.77466c9.83598,-22.67787 17.88353,-41.89153 17.88353,-42.69699c0,-0.8054 -27.16052,-1.46442 -60.3569,-1.46442l-60.3569,0l0,-42.47337l0,-42.47337l60.83526,0c46.90741,0 60.31158,-1.27951 58.54825,-5.58862c-1.25784,-3.07373 -9.83818,-23.47047 -19.06743,-45.32602c-17.39725,-41.19823 -17.39179,-52.24659 0.02688,-55.67119c8.66862,-1.70424 143.62872,129.24032 148.26757,143.85621c-44.95403,52.18671 -98.68933,106.81281 -148.18829,154.97751c-2.60997,0 -7.15958,-2.41428 -10.11037,-5.36508z",
-	"13": "m167.5984,129.81894c13.45454,0 26.90909,0 40.36363,0c0,13.45454 0,26.90909 0,40.36363c-13.45454,0 -26.90909,0 -40.36363,0c0,-13.45454 0,-26.90909 0,-40.36363zm-58.30304,0c14.9494,0 29.89909,0 44.8485,0c0,13.45454 0,26.90909 0,40.36363c-14.9494,0 -29.89909,0 -44.8485,0c0,-13.45454 0,-26.90909 0,-40.36363zm-53.81818,0c14.9494,0 29.89908,0 44.84848,0c0,13.45454 0,26.90909 0,40.36363c-14.9494,0 -29.89909,0 -44.84848,0c0,-13.45454 0,-26.90909 0,-40.36363zm-53.81818,0c14.9494,0 29.89908,0 44.84849,0c0,13.45454 0,26.90909 0,40.36363c-14.94941,0 -29.89908,0 -44.84849,0c0,-13.45454 0,-26.90909 0,-40.36363zm165.9394,83.23706c14.2021,-0.91132 28.40395,0.64389 42.60606,-0.26743c0.91125,-14.20201 0.48917,-28.40405 1.40042,-42.60606c13.29086,0 27.91505,0 41.20563,0c0,-13.45454 0,-26.9091 0,-40.36363c-13.45454,0 -26.90909,0 -40.36363,0c0,-14.94952 0,-29.899 0,-44.84848c-14.9494,0 -29.89908,0 -44.84848,0c0,-13.45454 0,-26.90909 0,-40.36363c14.9494,0 29.89908,0 44.84848,0c0,13.45454 0,26.90909 0,40.36363c13.29059,0 27.91478,-0.66666 41.20563,-0.66666c0.91125,14.20197 0.48918,29.0707 1.40044,43.27271c14.20209,0.91129 28.60425,-0.07731 42.80637,0.83398c0,13.29074 -0.20032,28.48132 -0.20032,41.77208c-14.9494,0 -29.89908,0 -44.84848,0c0,14.94951 0,29.89897 0,44.84848c-13.45454,0 -26.90909,0 -40.36363,0c0,13.45454 0,26.90909 0,40.36363c-14.9494,0 -29.89908,0 -44.84848,0c0,-13.29074 0,-29.0479 0,-42.33865z",
-	"14": "m158.38327,149.9911l-83.00266,-148.9972l149.24145,148.9972l-149.24145,148.99712l83.00266,-148.99712z",
-	"15": "m175.41861,150.04552l-148.89816,-149.05299l98.06119,0l148.89816,149.05299l-148.89816,149.05287l-98.06119,0l148.89816,-149.05287z",
-	"16": "m227.52928,183.22569c6.14276,-5.95375 12.01762,-12.81764 17.19296,-18.97911l-155.07133,-2.82724l-21.27044,24.3479l-67.38522,-2.09119c8.44345,-11.0853 17.69294,-24.10754 24.55062,-33.88853l-24.39403,-32.88164l71.89852,0l14.62907,20.54468l158.32403,0l-19.63887,-20.4987c6.06082,-6.45992 15.03049,-15.08081 19.89622,-19.60087l53.24701,52.24467l-53.36812,53.05513l-18.61044,-19.42511z",
-	"bent_up": "m1.00136,224.73827l204.13,0l0,-149.15997l-31.28999,0l62.57999,-74.57997l62.58002,74.57997l-31.29001,0l0,223.73997l-266.71,0z",
-	"callout": "m0.99757,0.99642l193.63145,0l0,111.75l53.81497,0l0,-37.25l50.55357,74.49999l-50.55357,74.50003l0,-37.25002l-53.81497,0l0,111.75l-193.63145,0z",
-	"chevron": "m0.99844,0.99688l223.49919,0l74.49986,149.00068l-74.49986,149.00134l-223.49919,0l74.49984,-149.00134l-74.49984,-149.00068z",
-	"corners": "m78.29672,150l-55.17469,-55.1747l0,27.58735l-22.12203,0l0,-121.41265l121.41265,0l0,22.12203l-27.58736,0l55.17471,55.17471l55.17471,-55.17471l-27.58736,0l0,-22.12203l121.41264,0l0,121.41265l-22.12204,0l0,-27.58735l-55.1747,55.1747l55.1747,55.17471l0,-27.58736l22.12204,0l0,121.41264l-121.41264,0l0,-22.12204l27.58736,0l-55.17471,-55.17468l-55.17471,55.17468l27.58736,0l0,22.12204l-121.41265,0l0,-121.41264l22.12203,0l0,27.58736l55.17469,-55.17471z",
-	"diamond": "m228.23334,205.75699c-12.96465,-22.71989 -62.74901,-33.9996 -160.88079,-36.45064l-66.35706,-1.65739l0,-19.88501l0,-19.88482l50.08599,0c59.04541,0 101.26503,-4.08251 135.71376,-13.12332c20.32901,-5.33509 27.0845,-8.73719 36.27359,-18.26725l11.29199,-11.71121l32.38853,32.49907l32.38852,32.49925l-32.75113,32.72415l-32.75122,32.72433l-5.40219,-9.46716z",
-	"dotted": "m164.76302,54.29618c-12.89404,-14.08136 13.13254,-37.91006 24.83243,-21.67826c9.98653,14.06865 -12.21164,31.95572 -24.83243,21.67826zm34.52623,32.04741c-10.53665,-15.50334 18.2944,-32.06738 27.41472,-16.58083c10.82574,16.19412 -18.42853,34.68893 -27.41472,16.58083zm39.30569,38.77469c-13.16362,-8.91086 -0.08168,-29.46533 13.54875,-27.63215c18.93346,2.88981 13.87328,34.44158 -4.59297,32.89478c-3.58466,-0.41574 -6.77832,-2.45136 -8.95578,-5.26263zm32.87781,34.23642c-11.00845,-13.99648 14.37656,-32.37918 25.04797,-19.05171c11.60712,14.82527 -14.29718,34.39392 -25.04797,19.05171zm-63.84386,0.7675c-12.23796,-11.58463 5.72536,-30.30273 19.24007,-25.41679c19.63696,6.28566 5.03751,36.50668 -12.48737,29.64096c-2.41074,-1.14194 -4.56958,-2.71278 -6.7527,-4.22417zm-52.05359,0c-14.38365,-13.43323 11.89731,-35.50046 24.20743,-21.44815c12.48965,14.64734 -10.94827,35.43011 -24.20743,21.44815zm-51.41751,-0.7675c-11.01524,-13.99239 14.38364,-32.38554 25.04439,-19.04626c11.57417,14.84886 -14.25791,34.38168 -25.04439,19.04626zm-48.97159,0.7675c-14.38364,-13.43323 11.89733,-35.50046 24.20746,-21.44815c12.48962,14.64734 -10.94829,35.43011 -24.20746,21.44815zm-51.41319,-0.75569c-12.62148,-16.51503 21.51373,-34.53826 27.20482,-13.82039c4.20761,13.86485 -18.57945,25.93829 -27.20482,13.82039zm232.73729,36.71002c-12.26451,-12.7252 9.54947,-34.95583 22.63777,-23.37347c16.16324,11.53831 -5.25334,38.27226 -20.09267,25.93422c-0.83693,-0.86462 -1.69453,-1.70929 -2.5451,-2.56075zm-37.22105,31.5554c-10.33875,-14.74719 16.53384,-30.93315 26.24101,-17.10368c12.66234,14.69044 -12.76988,34.70573 -24.48114,20.0298l-1.75987,-2.92612zm-33.2933,39.2449c-11.17,-10.21844 4.17313,-26.31229 16.33257,-23.575c18.50797,4.77472 6.84483,34.45702 -10.13109,28.82402c-2.6304,-0.90369 -4.76476,-2.91159 -6.20148,-5.24902z",
-	"hand_2": "m166.23018,238.662c7.92778,-2.90976 14.43034,-5.61938 2.1153,-5.69868c-10.87593,1.46172 -39.01099,-9.28242 -16.4619,-14.56342c14.10701,-5.508 46.21144,7.21423 46.38257,-14.54736c-2.55197,-13.63786 -43.96396,-2.98952 -30.34076,-21.27969c15.00345,-6.1348 44.75407,8.31958 49.78708,-10.66391c-4.61371,-18.40675 -33.47118,-6.65964 -47.97568,-11.74664c-14.06097,2.90031 -17.76392,-15.58949 -1.98296,-12.79868c36.48125,-1.96817 73.21696,0.92035 109.57253,-3.09619c5.87265,-3.2529 10.21371,-23.26295 2.80267,-24.61046c-52.95885,-1.09735 -106.01129,-0.08873 -158.88631,-3.36192c-18.99625,-0.19729 -4.48207,-20.48157 9.55508,-15.71787c13.37119,-4.37856 18.67023,-15.85947 28.4838,-27.19597c5.01488,-24.77942 -19.08717,-15.58241 -28.93028,-8.33138c-10.99126,7.20572 -29.89664,22.16276 -39.92577,30.01463c-8.79154,6.3571 -29.0466,13.41131 -41.36795,21.93291c-10.53185,3.7428 -22.05687,1.87943 -32.40108,2.55152c0,33.57336 0,67.14623 0,100.71958c29.2655,12.743 60.06093,23.93646 92.50566,22.65599c19.00592,-0.07739 38.55775,0.63341 57.06799,-4.26245zm-120.57521,10.76822c-14.93961,-5.74022 -29.85212,-11.55359 -44.65637,-17.63553c0.70846,-41.92598 1.41691,-83.85243 2.12533,-125.77841c11.81984,-0.44887 29.35853,5.41407 37.78343,-3.21891c22.65079,-7.26991 37.35686,-23.34933 57.21348,-35.41785c13.97373,-10.98014 25.13529,-14.72766 39.56827,-23.05481c10.96249,-5.06954 16.89815,-2.48073 29.24257,-0.27045c5.38396,8.81045 12.06773,13.36412 8.59946,30.1482c-7.23705,3.64039 -16.6288,28.10783 -2.4068,28.30228c39.59416,3.79424 79.82585,-1.53866 119.10855,5.09266c9.78171,13.24281 11.64719,42.99407 -6.25568,51.39202c-17.13269,4.95341 -35.19667,2.49629 -52.7989,3.09193c-0.00107,12.52824 2.07022,28.51608 -11.83537,34.80946c-10.26779,13.39197 -10.98985,33.06551 -27.53502,42.86476c-13.91499,14.25851 -33.72333,18.66306 -53.04445,18.19296c-31.68189,0.4295 -65.02994,3.46667 -95.10849,-8.51738l0,-0.00095z",
-	"hand": "m136.98543,214.15889c-14.70618,-5.74251 -4.62521,-24.05643 -14.3905,-33.27538c-12.96347,-7.75244 -2.12349,-24.16507 -12.57821,-33.28812c-7.48801,-6.64952 -5.24203,-16.62421 -3.67915,-25.18983c-29.75101,-0.23549 -59.53337,0.62366 -89.25697,-0.78464c-15.11522,1.28053 -20.03182,-18.26941 -12.80666,-28.85114c7.00419,-11.24166 21.87759,-8.31262 33.12609,-9.4029c64.97946,-0.76864 129.97618,-0.61134 194.95673,0.02921c17.26189,0.80067 37.01695,-1.19489 50.6566,11.68779c16.24808,15.16693 16.0166,39.34441 16.04852,59.94771c-0.42267,19.21857 -2.90109,42.02173 -20.4863,53.46951c-16.36914,10.95175 -36.93741,7.66907 -55.55533,8.62302c-27.94264,-0.30014 -56.07063,1.04456 -83.86891,-2.2673l-2.16592,-0.69792l0,0zm69.33224,-10.55814c9.631,-11.23128 -3.5211,-20.50227 -14.65393,-17.55965c-16.14473,-0.10535 -32.65453,-1.7021 -48.52592,1.75482c-13.67432,5.19589 -4.85582,21.54512 7.46478,18.25877c18.04872,1.02443 36.47603,1.82143 54.28616,-1.68709l1.42891,-0.76686zm65.93199,-2.17656c15.66348,-8.69865 15.78064,-28.60548 16.25079,-44.24881c-0.34195,-16.50655 1.70639,-34.58434 -7.04581,-49.36581c-7.23798,-10.84158 -20.71933,-14.52557 -33.13705,-14.12024c-23.36646,0.0377 -47.0793,-1.82723 -70.16504,2.52512c-15.66467,3.36275 -22.23152,20.93031 -23.45795,35.19015c-0.48341,13.80043 -1.82124,28.00842 1.22505,41.56039c7.24641,5.02983 15.89499,-9.13847 19.17191,-15.4227c4.31766,-11.67575 -0.61995,-26.25061 8.10953,-36.19362c8.72269,-9.46424 24.96402,-8.53419 32.52521,1.88722c8.3812,9.23244 -0.48325,21.69592 1.82307,32.51563c4.15211,9.93069 -0.70021,19.45959 -0.85791,28.5067c4.13835,6.87068 2.87872,15.02933 1.61143,22.50597c16.21062,-0.57724 32.86133,1.70529 48.65034,-2.71872c1.84845,-0.69202 3.61401,-1.59238 5.29642,-2.62128zm-126.53741,-35.9437c2.18771,-13.69858 -18.65493,-12.59653 -20.49308,-1.57007c-4.38604,12.23279 17.61123,15.56906 20.78048,7.03215c0.03699,-1.82657 -0.14053,-3.64476 -0.2874,-5.46208zm62.45076,0.42249c1.41585,-11.79691 -20.5592,-11.91444 -24.75133,-3.63126c-2.34377,5.03215 -10.03961,15.25429 1.13329,12.59268c7.54675,-1.70357 25.12254,3.75204 23.61804,-8.96143zm-62.44263,-31.11197c-0.75351,-2.94205 3.03209,-10.28735 -1.13232,-9.92064c-9.20967,1.01493 -19.08115,-0.45296 -27.70964,3.18962c-7.77171,10.63712 5.24397,21.0274 15.9218,17.53934c7.79146,0.11475 13.91219,-1.24452 12.92017,-10.80832zm61.0041,7.53122c8.85812,-9.53879 -4.95708,-21.9593 -14.94496,-15.6684c-10.39732,5.40628 -7.29182,25.10663 6.58635,19.17703c2.96956,-0.54494 6.1384,-1.30057 8.35861,-3.50864zm-53.18405,-38.39041c2.00339,-3.50816 4.00681,-7.01634 6.01019,-10.52453c-44.99024,0.24061 -90.00227,-0.61648 -134.97418,0.73022c-12.21447,-3.32573 -22.07768,15.22181 -6.82234,18.35822c24.02138,3.10667 48.39057,1.52395 72.56345,1.97845c19.07089,-0.00607 38.14179,-0.01187 57.21268,-0.01793c2.0034,-3.50815 4.00681,-7.01634 6.01019,-10.52452z",
-	"in_circle_1": "m5.82933,197.43428c40.71335,-0.01967 134.41318,-0.35846 180.09581,-0.39397c0,16.34004 0,32.68033 0,49.02061c32.58316,-32.50494 65.16631,-65.00987 97.74948,-97.51482c-31.92815,-31.66348 -63.85603,-63.3272 -95.78392,-94.99068c-0.78604,15.0691 -1.57207,30.13822 -2.35809,45.20756c-59.53047,-0.36446 -119.11517,1.07731 -178.59646,-1.67522c0.61495,-72.0702 150.25177,-122.40517 212.67849,-79.3467c34.44215,24.58492 61.89983,56.78898 72.41017,96.54306c3.07645,22.14599 2.45142,44.78936 0.58615,67.02389c-6.63419,36.33044 -31.19992,67.07545 -59.56813,89.58617c-20.38606,15.81168 -45.18452,26.98569 -71.36909,26.70041c-75.26421,9.28406 -124.16029,-34.86111 -155.84441,-100.16032z",
-	"inner": "m197.26169,150.29735l-74.64867,-74.64867l0,37.32433l-80.12502,0l0,-111.97301l215.02399,0l0,298.5947l-215.02399,0l0,-111.97301l80.12502,0l0,37.32433l74.64867,-74.64867z",
-	"left_right": "m0.99835,150.00092l86.49609,-86.49651l0,43.24814l125.35546,0l0,-43.24814l86.49605,86.49651l-86.49605,86.49605l0,-43.24803l-125.35546,0l0,43.24803l-86.49609,-86.49605z",
-	"left_up": "m0.99865,224.5l74.50004,-74.5l0,37.25l111.74991,0l0,-111.75l-37.25,0l74.5,-74.5l74.5,74.5l-37.25,0l0,186.25l-186.24989,0l0,37.25l-74.50005,-74.5z",
-	"pentagon": "m0.99791,0.9981l162.54547,0l135.45454,149.40899l-135.45454,149.40898l-162.54547,0z",
-	"recycle_3": "m28.22058,93.28644c0.00678,-2.58051 2.31667,-18.40222 5.13495,-35.15953c8.78786,-52.25238 8.91713,-52.48297 20.07468,-35.82898l6.60126,9.85321l19.30534,-9.74535c25.53492,-12.88995 56.00401,-17.65838 84.01221,-13.14781c11.88918,1.91477 24.50447,5.02692 28.034,6.91587c7.00751,3.7502 6.55832,6.97083 -4.61034,33.05528c-6.12129,14.29643 -6.70886,14.70388 -17.2827,11.98577c-17.99704,-4.62608 -47.30141,-3.16897 -61.44969,3.05553l-13.26538,5.83627l9.31132,9.7189c5.12125,5.34554 8.02238,10.51565 6.44702,11.48924c-1.57542,0.97362 -20.7427,2.87124 -42.59392,4.21677c-32.78424,2.01891 -39.72768,1.62653 -39.71874,-2.24516zm168.81314,144.07051l-14.20186,-18.81009l12.93088,-12.50398c13.30882,-12.86928 22.90733,-30.93761 27.13603,-51.08145l2.41319,-11.49524l-13.91847,2.22554c-7.65517,1.22421 -13.96558,1.06514 -14.02313,-0.35333c-0.26878,-6.62247 36.12752,-71.90508 39.66528,-71.14616c5.56261,1.19325 61.9985,50.07314 61.9985,53.6975c0,1.61765 -5.93121,3.88967 -13.18036,5.04884l-13.18039,2.10753l-1.30084,22.476c-1.66846,28.82635 -16.85831,62.09589 -38.00682,83.24434c-8.4704,8.47049 -16.91487,15.4008 -18.76544,15.4008c-1.85062,0 -9.75555,-8.46469 -17.56657,-18.81029zm-128.20031,52.72328c0,-2.07986 2.23119,-8.0961 4.95819,-13.36954c4.94765,-9.56766 4.91901,-9.61411 -13.52617,-21.86105c-28.85884,-19.16116 -50.30965,-53.17105 -57.05687,-90.46291l-2.21202,-12.22588l15.77176,-2.16168c32.51166,-4.45622 32.80855,-4.32152 39.31982,17.83711c4.39381,14.95265 9.79779,23.91347 21.44681,35.56244c8.5651,8.56514 16.76965,14.83324 18.23236,13.92926c1.46265,-0.90396 3.57973,-6.24536 4.70464,-11.86984c1.1249,-5.62448 3.47056,-10.22638 5.21256,-10.22638c3.99942,0 41.66188,59.38374 42.2598,66.63249c0.39931,4.84137 -19.96001,13.22382 -73.01952,30.06421c-3.38333,1.07379 -6.09135,0.25229 -6.09135,-1.84824z",
-	"turn_17": "m187.66985,234.28424l2.06375,-22.20483l-24.28615,-3.86421c-61.48712,-9.78288 -121.75832,-51.26649 -155.31676,-106.90179c-6.02069,-9.98148 -10.05047,-19.59818 -8.95503,-21.37048c2.51272,-4.06578 63.74106,-36.43469 68.91894,-36.43469c2.11224,0 7.18627,5.95309 11.27556,13.22911c17.44035,31.03078 62.57552,63.39609 94.35383,67.65826l12.88387,1.7281l-2.21523,-19.19039c-2.29968,-19.92216 -1.65292,-24.10554 3.72659,-24.10554c3.43987,0 106.12749,76.50481 109.06303,81.25475c2.22696,3.60321 -11.89679,16.9705 -62.46501,59.11911c-21.96555,18.30804 -42.4514,33.28745 -45.52422,33.28745c-4.91821,0 -5.33987,-2.65765 -3.52318,-22.20483z",
-	"turn_reverse": "m298.99997,168.62498c0,-51.43148 -133.41916,-93.12499 -297.99997,-93.12499l0,-74.49999l0,0c164.58081,0 297.99997,41.69347 297.99997,93.12499l0,74.49999c0,42.46484 -91.92749,79.55168 -223.49998,90.16789l0,37.25l-74.49999,-71.54289l74.49999,-77.45709l0,37.25l0,0c88.72033,-7.15858 161.96952,-26.67409 198.62153,-52.91789",
-	"u_turn": "m1.00059,299.00055l0,-167.62497l0,0c0,-72.00411 58.37087,-130.37499 130.375,-130.37499l0,0l0,0c34.57759,0 67.73898,13.7359 92.18906,38.18595c24.45006,24.45005 38.18593,57.61144 38.18593,92.18904l0,18.625l37.24997,0l-74.49995,74.50002l-74.50002,-74.50002l37.25,0l0,-18.625c0,-30.8589 -25.0161,-55.87498 -55.87498,-55.87498l0,0l0,0c-30.85892,0 -55.875,25.01608 -55.875,55.87498l0,167.62497z",
-	"up": "m1.49805,149.64304l148.50121,-148.00241l148.50121,148.00241l-74.25061,0l0,148.71457l-148.5012,0l0,-148.71457z"
-	}
-}
\ No newline at end of file
+{"data": {
+  "10": "m0.99679,148.19614c0.277,-34.75176 -0.17724,-69.54997 2.27791,-104.24061c60.32762,11.41171 119.94372,30.08407 179.25477,46.87597c3.18407,-17.04019 1.68541,-31.17523 4.4519,-46.93008c38.1039,33.15254 75.86421,66.77718 112.07695,102.003c-34.74261,39.95821 -74.59364,74.65916 -113.71667,110.1933c-1.26689,-16.54773 -2.53401,-33.09534 -3.80092,-49.64307c-57.66159,16.00916 -118.64064,32.56108 -176.67504,47.19652c-3.94662,-33.77068 -3.83062,-70.54794 -3.8689,-105.45503z",
+  "11": "m136.44681,226.75766l47.24773,-47.40907l-91.35118,0l-91.35098,0l0,-29.34846l0,-29.34849l90.303,0c49.66658,0 90.30293,-1.48752 90.30293,-3.30561c0,-1.81805 -19.77211,-23.15214 -43.93797,-47.40906l-43.93811,-44.1035l40.61224,0l40.61209,0l62.02386,62.14279l62.02383,62.14276l-62.14281,62.02386l-62.14279,62.02386l-42.75481,0l-42.75491,0l47.24786,-47.40909z",
+  "12": "m116.00724,294.49442c-8.01179,-8.01181 -6.96065,-12.86337 12.51841,-57.77466c9.83598,-22.67787 17.88353,-41.89153 17.88353,-42.69699c0,-0.8054 -27.16052,-1.46442 -60.3569,-1.46442l-60.3569,0l0,-42.47337l0,-42.47337l60.83526,0c46.90741,0 60.31158,-1.27951 58.54825,-5.58862c-1.25784,-3.07373 -9.83818,-23.47047 -19.06743,-45.32602c-17.39725,-41.19823 -17.39179,-52.24659 0.02688,-55.67119c8.66862,-1.70424 143.62872,129.24032 148.26757,143.85621c-44.95403,52.18671 -98.68933,106.81281 -148.18829,154.97751c-2.60997,0 -7.15958,-2.41428 -10.11037,-5.36508z",
+  "13": "m167.5984,129.81894c13.45454,0 26.90909,0 40.36363,0c0,13.45454 0,26.90909 0,40.36363c-13.45454,0 -26.90909,0 -40.36363,0c0,-13.45454 0,-26.90909 0,-40.36363zm-58.30304,0c14.9494,0 29.89909,0 44.8485,0c0,13.45454 0,26.90909 0,40.36363c-14.9494,0 -29.89909,0 -44.8485,0c0,-13.45454 0,-26.90909 0,-40.36363zm-53.81818,0c14.9494,0 29.89908,0 44.84848,0c0,13.45454 0,26.90909 0,40.36363c-14.9494,0 -29.89909,0 -44.84848,0c0,-13.45454 0,-26.90909 0,-40.36363zm-53.81818,0c14.9494,0 29.89908,0 44.84849,0c0,13.45454 0,26.90909 0,40.36363c-14.94941,0 -29.89908,0 -44.84849,0c0,-13.45454 0,-26.90909 0,-40.36363zm165.9394,83.23706c14.2021,-0.91132 28.40395,0.64389 42.60606,-0.26743c0.91125,-14.20201 0.48917,-28.40405 1.40042,-42.60606c13.29086,0 27.91505,0 41.20563,0c0,-13.45454 0,-26.9091 0,-40.36363c-13.45454,0 -26.90909,0 -40.36363,0c0,-14.94952 0,-29.899 0,-44.84848c-14.9494,0 -29.89908,0 -44.84848,0c0,-13.45454 0,-26.90909 0,-40.36363c14.9494,0 29.89908,0 44.84848,0c0,13.45454 0,26.90909 0,40.36363c13.29059,0 27.91478,-0.66666 41.20563,-0.66666c0.91125,14.20197 0.48918,29.0707 1.40044,43.27271c14.20209,0.91129 28.60425,-0.07731 42.80637,0.83398c0,13.29074 -0.20032,28.48132 -0.20032,41.77208c-14.9494,0 -29.89908,0 -44.84848,0c0,14.94951 0,29.89897 0,44.84848c-13.45454,0 -26.90909,0 -40.36363,0c0,13.45454 0,26.90909 0,40.36363c-14.9494,0 -29.89908,0 -44.84848,0c0,-13.29074 0,-29.0479 0,-42.33865z",
+  "14": "m158.38327,149.9911l-83.00266,-148.9972l149.24145,148.9972l-149.24145,148.99712l83.00266,-148.99712z",
+  "15": "m175.41861,150.04552l-148.89816,-149.05299l98.06119,0l148.89816,149.05299l-148.89816,149.05287l-98.06119,0l148.89816,-149.05287z",
+  "16": "m227.52928,183.22569c6.14276,-5.95375 12.01762,-12.81764 17.19296,-18.97911l-155.07133,-2.82724l-21.27044,24.3479l-67.38522,-2.09119c8.44345,-11.0853 17.69294,-24.10754 24.55062,-33.88853l-24.39403,-32.88164l71.89852,0l14.62907,20.54468l158.32403,0l-19.63887,-20.4987c6.06082,-6.45992 15.03049,-15.08081 19.89622,-19.60087l53.24701,52.24467l-53.36812,53.05513l-18.61044,-19.42511z",
+  "bent_up": "m1.00136,224.73827l204.13,0l0,-149.15997l-31.28999,0l62.57999,-74.57997l62.58002,74.57997l-31.29001,0l0,223.73997l-266.71,0z",
+  "callout": "m0.99757,0.99642l193.63145,0l0,111.75l53.81497,0l0,-37.25l50.55357,74.49999l-50.55357,74.50003l0,-37.25002l-53.81497,0l0,111.75l-193.63145,0z",
+  "chevron": "m0.99844,0.99688l223.49919,0l74.49986,149.00068l-74.49986,149.00134l-223.49919,0l74.49984,-149.00134l-74.49984,-149.00068z",
+  "corners": "m78.29672,150l-55.17469,-55.1747l0,27.58735l-22.12203,0l0,-121.41265l121.41265,0l0,22.12203l-27.58736,0l55.17471,55.17471l55.17471,-55.17471l-27.58736,0l0,-22.12203l121.41264,0l0,121.41265l-22.12204,0l0,-27.58735l-55.1747,55.1747l55.1747,55.17471l0,-27.58736l22.12204,0l0,121.41264l-121.41264,0l0,-22.12204l27.58736,0l-55.17471,-55.17468l-55.17471,55.17468l27.58736,0l0,22.12204l-121.41265,0l0,-121.41264l22.12203,0l0,27.58736l55.17469,-55.17471z",
+  "diamond": "m228.23334,205.75699c-12.96465,-22.71989 -62.74901,-33.9996 -160.88079,-36.45064l-66.35706,-1.65739l0,-19.88501l0,-19.88482l50.08599,0c59.04541,0 101.26503,-4.08251 135.71376,-13.12332c20.32901,-5.33509 27.0845,-8.73719 36.27359,-18.26725l11.29199,-11.71121l32.38853,32.49907l32.38852,32.49925l-32.75113,32.72415l-32.75122,32.72433l-5.40219,-9.46716z",
+  "dotted": "m164.76302,54.29618c-12.89404,-14.08136 13.13254,-37.91006 24.83243,-21.67826c9.98653,14.06865 -12.21164,31.95572 -24.83243,21.67826zm34.52623,32.04741c-10.53665,-15.50334 18.2944,-32.06738 27.41472,-16.58083c10.82574,16.19412 -18.42853,34.68893 -27.41472,16.58083zm39.30569,38.77469c-13.16362,-8.91086 -0.08168,-29.46533 13.54875,-27.63215c18.93346,2.88981 13.87328,34.44158 -4.59297,32.89478c-3.58466,-0.41574 -6.77832,-2.45136 -8.95578,-5.26263zm32.87781,34.23642c-11.00845,-13.99648 14.37656,-32.37918 25.04797,-19.05171c11.60712,14.82527 -14.29718,34.39392 -25.04797,19.05171zm-63.84386,0.7675c-12.23796,-11.58463 5.72536,-30.30273 19.24007,-25.41679c19.63696,6.28566 5.03751,36.50668 -12.48737,29.64096c-2.41074,-1.14194 -4.56958,-2.71278 -6.7527,-4.22417zm-52.05359,0c-14.38365,-13.43323 11.89731,-35.50046 24.20743,-21.44815c12.48965,14.64734 -10.94827,35.43011 -24.20743,21.44815zm-51.41751,-0.7675c-11.01524,-13.99239 14.38364,-32.38554 25.04439,-19.04626c11.57417,14.84886 -14.25791,34.38168 -25.04439,19.04626zm-48.97159,0.7675c-14.38364,-13.43323 11.89733,-35.50046 24.20746,-21.44815c12.48962,14.64734 -10.94829,35.43011 -24.20746,21.44815zm-51.41319,-0.75569c-12.62148,-16.51503 21.51373,-34.53826 27.20482,-13.82039c4.20761,13.86485 -18.57945,25.93829 -27.20482,13.82039zm232.73729,36.71002c-12.26451,-12.7252 9.54947,-34.95583 22.63777,-23.37347c16.16324,11.53831 -5.25334,38.27226 -20.09267,25.93422c-0.83693,-0.86462 -1.69453,-1.70929 -2.5451,-2.56075zm-37.22105,31.5554c-10.33875,-14.74719 16.53384,-30.93315 26.24101,-17.10368c12.66234,14.69044 -12.76988,34.70573 -24.48114,20.0298l-1.75987,-2.92612zm-33.2933,39.2449c-11.17,-10.21844 4.17313,-26.31229 16.33257,-23.575c18.50797,4.77472 6.84483,34.45702 -10.13109,28.82402c-2.6304,-0.90369 -4.76476,-2.91159 -6.20148,-5.24902z",
+  "hand_2": "m166.23018,238.662c7.92778,-2.90976 14.43034,-5.61938 2.1153,-5.69868c-10.87593,1.46172 -39.01099,-9.28242 -16.4619,-14.56342c14.10701,-5.508 46.21144,7.21423 46.38257,-14.54736c-2.55197,-13.63786 -43.96396,-2.98952 -30.34076,-21.27969c15.00345,-6.1348 44.75407,8.31958 49.78708,-10.66391c-4.61371,-18.40675 -33.47118,-6.65964 -47.97568,-11.74664c-14.06097,2.90031 -17.76392,-15.58949 -1.98296,-12.79868c36.48125,-1.96817 73.21696,0.92035 109.57253,-3.09619c5.87265,-3.2529 10.21371,-23.26295 2.80267,-24.61046c-52.95885,-1.09735 -106.01129,-0.08873 -158.88631,-3.36192c-18.99625,-0.19729 -4.48207,-20.48157 9.55508,-15.71787c13.37119,-4.37856 18.67023,-15.85947 28.4838,-27.19597c5.01488,-24.77942 -19.08717,-15.58241 -28.93028,-8.33138c-10.99126,7.20572 -29.89664,22.16276 -39.92577,30.01463c-8.79154,6.3571 -29.0466,13.41131 -41.36795,21.93291c-10.53185,3.7428 -22.05687,1.87943 -32.40108,2.55152c0,33.57336 0,67.14623 0,100.71958c29.2655,12.743 60.06093,23.93646 92.50566,22.65599c19.00592,-0.07739 38.55775,0.63341 57.06799,-4.26245zm-120.57521,10.76822c-14.93961,-5.74022 -29.85212,-11.55359 -44.65637,-17.63553c0.70846,-41.92598 1.41691,-83.85243 2.12533,-125.77841c11.81984,-0.44887 29.35853,5.41407 37.78343,-3.21891c22.65079,-7.26991 37.35686,-23.34933 57.21348,-35.41785c13.97373,-10.98014 25.13529,-14.72766 39.56827,-23.05481c10.96249,-5.06954 16.89815,-2.48073 29.24257,-0.27045c5.38396,8.81045 12.06773,13.36412 8.59946,30.1482c-7.23705,3.64039 -16.6288,28.10783 -2.4068,28.30228c39.59416,3.79424 79.82585,-1.53866 119.10855,5.09266c9.78171,13.24281 11.64719,42.99407 -6.25568,51.39202c-17.13269,4.95341 -35.19667,2.49629 -52.7989,3.09193c-0.00107,12.52824 2.07022,28.51608 -11.83537,34.80946c-10.26779,13.39197 -10.98985,33.06551 -27.53502,42.86476c-13.91499,14.25851 -33.72333,18.66306 -53.04445,18.19296c-31.68189,0.4295 -65.02994,3.46667 -95.10849,-8.51738l0,-0.00095z",
+  "hand": "m136.98543,214.15889c-14.70618,-5.74251 -4.62521,-24.05643 -14.3905,-33.27538c-12.96347,-7.75244 -2.12349,-24.16507 -12.57821,-33.28812c-7.48801,-6.64952 -5.24203,-16.62421 -3.67915,-25.18983c-29.75101,-0.23549 -59.53337,0.62366 -89.25697,-0.78464c-15.11522,1.28053 -20.03182,-18.26941 -12.80666,-28.85114c7.00419,-11.24166 21.87759,-8.31262 33.12609,-9.4029c64.97946,-0.76864 129.97618,-0.61134 194.95673,0.02921c17.26189,0.80067 37.01695,-1.19489 50.6566,11.68779c16.24808,15.16693 16.0166,39.34441 16.04852,59.94771c-0.42267,19.21857 -2.90109,42.02173 -20.4863,53.46951c-16.36914,10.95175 -36.93741,7.66907 -55.55533,8.62302c-27.94264,-0.30014 -56.07063,1.04456 -83.86891,-2.2673l-2.16592,-0.69792l0,0zm69.33224,-10.55814c9.631,-11.23128 -3.5211,-20.50227 -14.65393,-17.55965c-16.14473,-0.10535 -32.65453,-1.7021 -48.52592,1.75482c-13.67432,5.19589 -4.85582,21.54512 7.46478,18.25877c18.04872,1.02443 36.47603,1.82143 54.28616,-1.68709l1.42891,-0.76686zm65.93199,-2.17656c15.66348,-8.69865 15.78064,-28.60548 16.25079,-44.24881c-0.34195,-16.50655 1.70639,-34.58434 -7.04581,-49.36581c-7.23798,-10.84158 -20.71933,-14.52557 -33.13705,-14.12024c-23.36646,0.0377 -47.0793,-1.82723 -70.16504,2.52512c-15.66467,3.36275 -22.23152,20.93031 -23.45795,35.19015c-0.48341,13.80043 -1.82124,28.00842 1.22505,41.56039c7.24641,5.02983 15.89499,-9.13847 19.17191,-15.4227c4.31766,-11.67575 -0.61995,-26.25061 8.10953,-36.19362c8.72269,-9.46424 24.96402,-8.53419 32.52521,1.88722c8.3812,9.23244 -0.48325,21.69592 1.82307,32.51563c4.15211,9.93069 -0.70021,19.45959 -0.85791,28.5067c4.13835,6.87068 2.87872,15.02933 1.61143,22.50597c16.21062,-0.57724 32.86133,1.70529 48.65034,-2.71872c1.84845,-0.69202 3.61401,-1.59238 5.29642,-2.62128zm-126.53741,-35.9437c2.18771,-13.69858 -18.65493,-12.59653 -20.49308,-1.57007c-4.38604,12.23279 17.61123,15.56906 20.78048,7.03215c0.03699,-1.82657 -0.14053,-3.64476 -0.2874,-5.46208zm62.45076,0.42249c1.41585,-11.79691 -20.5592,-11.91444 -24.75133,-3.63126c-2.34377,5.03215 -10.03961,15.25429 1.13329,12.59268c7.54675,-1.70357 25.12254,3.75204 23.61804,-8.96143zm-62.44263,-31.11197c-0.75351,-2.94205 3.03209,-10.28735 -1.13232,-9.92064c-9.20967,1.01493 -19.08115,-0.45296 -27.70964,3.18962c-7.77171,10.63712 5.24397,21.0274 15.9218,17.53934c7.79146,0.11475 13.91219,-1.24452 12.92017,-10.80832zm61.0041,7.53122c8.85812,-9.53879 -4.95708,-21.9593 -14.94496,-15.6684c-10.39732,5.40628 -7.29182,25.10663 6.58635,19.17703c2.96956,-0.54494 6.1384,-1.30057 8.35861,-3.50864zm-53.18405,-38.39041c2.00339,-3.50816 4.00681,-7.01634 6.01019,-10.52453c-44.99024,0.24061 -90.00227,-0.61648 -134.97418,0.73022c-12.21447,-3.32573 -22.07768,15.22181 -6.82234,18.35822c24.02138,3.10667 48.39057,1.52395 72.56345,1.97845c19.07089,-0.00607 38.14179,-0.01187 57.21268,-0.01793c2.0034,-3.50815 4.00681,-7.01634 6.01019,-10.52452z",
+  "in_circle_1": "m5.82933,197.43428c40.71335,-0.01967 134.41318,-0.35846 180.09581,-0.39397c0,16.34004 0,32.68033 0,49.02061c32.58316,-32.50494 65.16631,-65.00987 97.74948,-97.51482c-31.92815,-31.66348 -63.85603,-63.3272 -95.78392,-94.99068c-0.78604,15.0691 -1.57207,30.13822 -2.35809,45.20756c-59.53047,-0.36446 -119.11517,1.07731 -178.59646,-1.67522c0.61495,-72.0702 150.25177,-122.40517 212.67849,-79.3467c34.44215,24.58492 61.89983,56.78898 72.41017,96.54306c3.07645,22.14599 2.45142,44.78936 0.58615,67.02389c-6.63419,36.33044 -31.19992,67.07545 -59.56813,89.58617c-20.38606,15.81168 -45.18452,26.98569 -71.36909,26.70041c-75.26421,9.28406 -124.16029,-34.86111 -155.84441,-100.16032z",
+  "inner": "m197.26169,150.29735l-74.64867,-74.64867l0,37.32433l-80.12502,0l0,-111.97301l215.02399,0l0,298.5947l-215.02399,0l0,-111.97301l80.12502,0l0,37.32433l74.64867,-74.64867z",
+  "left_right": "m0.99835,150.00092l86.49609,-86.49651l0,43.24814l125.35546,0l0,-43.24814l86.49605,86.49651l-86.49605,86.49605l0,-43.24803l-125.35546,0l0,43.24803l-86.49609,-86.49605z",
+  "left_up": "m0.99865,224.5l74.50004,-74.5l0,37.25l111.74991,0l0,-111.75l-37.25,0l74.5,-74.5l74.5,74.5l-37.25,0l0,186.25l-186.24989,0l0,37.25l-74.50005,-74.5z",
+  "pentagon": "m0.99791,0.9981l162.54547,0l135.45454,149.40899l-135.45454,149.40898l-162.54547,0z",
+  "recycle_3": "m28.22058,93.28644c0.00678,-2.58051 2.31667,-18.40222 5.13495,-35.15953c8.78786,-52.25238 8.91713,-52.48297 20.07468,-35.82898l6.60126,9.85321l19.30534,-9.74535c25.53492,-12.88995 56.00401,-17.65838 84.01221,-13.14781c11.88918,1.91477 24.50447,5.02692 28.034,6.91587c7.00751,3.7502 6.55832,6.97083 -4.61034,33.05528c-6.12129,14.29643 -6.70886,14.70388 -17.2827,11.98577c-17.99704,-4.62608 -47.30141,-3.16897 -61.44969,3.05553l-13.26538,5.83627l9.31132,9.7189c5.12125,5.34554 8.02238,10.51565 6.44702,11.48924c-1.57542,0.97362 -20.7427,2.87124 -42.59392,4.21677c-32.78424,2.01891 -39.72768,1.62653 -39.71874,-2.24516zm168.81314,144.07051l-14.20186,-18.81009l12.93088,-12.50398c13.30882,-12.86928 22.90733,-30.93761 27.13603,-51.08145l2.41319,-11.49524l-13.91847,2.22554c-7.65517,1.22421 -13.96558,1.06514 -14.02313,-0.35333c-0.26878,-6.62247 36.12752,-71.90508 39.66528,-71.14616c5.56261,1.19325 61.9985,50.07314 61.9985,53.6975c0,1.61765 -5.93121,3.88967 -13.18036,5.04884l-13.18039,2.10753l-1.30084,22.476c-1.66846,28.82635 -16.85831,62.09589 -38.00682,83.24434c-8.4704,8.47049 -16.91487,15.4008 -18.76544,15.4008c-1.85062,0 -9.75555,-8.46469 -17.56657,-18.81029zm-128.20031,52.72328c0,-2.07986 2.23119,-8.0961 4.95819,-13.36954c4.94765,-9.56766 4.91901,-9.61411 -13.52617,-21.86105c-28.85884,-19.16116 -50.30965,-53.17105 -57.05687,-90.46291l-2.21202,-12.22588l15.77176,-2.16168c32.51166,-4.45622 32.80855,-4.32152 39.31982,17.83711c4.39381,14.95265 9.79779,23.91347 21.44681,35.56244c8.5651,8.56514 16.76965,14.83324 18.23236,13.92926c1.46265,-0.90396 3.57973,-6.24536 4.70464,-11.86984c1.1249,-5.62448 3.47056,-10.22638 5.21256,-10.22638c3.99942,0 41.66188,59.38374 42.2598,66.63249c0.39931,4.84137 -19.96001,13.22382 -73.01952,30.06421c-3.38333,1.07379 -6.09135,0.25229 -6.09135,-1.84824z",
+  "turn_17": "m187.66985,234.28424l2.06375,-22.20483l-24.28615,-3.86421c-61.48712,-9.78288 -121.75832,-51.26649 -155.31676,-106.90179c-6.02069,-9.98148 -10.05047,-19.59818 -8.95503,-21.37048c2.51272,-4.06578 63.74106,-36.43469 68.91894,-36.43469c2.11224,0 7.18627,5.95309 11.27556,13.22911c17.44035,31.03078 62.57552,63.39609 94.35383,67.65826l12.88387,1.7281l-2.21523,-19.19039c-2.29968,-19.92216 -1.65292,-24.10554 3.72659,-24.10554c3.43987,0 106.12749,76.50481 109.06303,81.25475c2.22696,3.60321 -11.89679,16.9705 -62.46501,59.11911c-21.96555,18.30804 -42.4514,33.28745 -45.52422,33.28745c-4.91821,0 -5.33987,-2.65765 -3.52318,-22.20483z",
+  "turn_reverse": "m298.99997,168.62498c0,-51.43148 -133.41916,-93.12499 -297.99997,-93.12499l0,-74.49999l0,0c164.58081,0 297.99997,41.69347 297.99997,93.12499l0,74.49999c0,42.46484 -91.92749,79.55168 -223.49998,90.16789l0,37.25l-74.49999,-71.54289l74.49999,-77.45709l0,37.25l0,0c88.72033,-7.15858 161.96952,-26.67409 198.62153,-52.91789",
+  "u_turn": "m1.00059,299.00055l0,-167.62497l0,0c0,-72.00411 58.37087,-130.37499 130.375,-130.37499l0,0l0,0c34.57759,0 67.73898,13.7359 92.18906,38.18595c24.45006,24.45005 38.18593,57.61144 38.18593,92.18904l0,18.625l37.24997,0l-74.49995,74.50002l-74.50002,-74.50002l37.25,0l0,-18.625c0,-30.8589 -25.0161,-55.87498 -55.87498,-55.87498l0,0l0,0c-30.85892,0 -55.875,25.01608 -55.875,55.87498l0,167.62497z",
+  "up": "m1.49805,149.64304l148.50121,-148.00241l148.50121,148.00241l-74.25061,0l0,148.71457l-148.5012,0l0,-148.71457z"
+  }
+}
diff --git a/editor/extensions/shapelib/dialog_balloon.json b/editor/extensions/shapelib/dialog_balloon.json
index e3d14799..c174c6e2 100644
--- a/editor/extensions/shapelib/dialog_balloon.json
+++ b/editor/extensions/shapelib/dialog_balloon.json
@@ -1,9 +1,9 @@
-{"data": {
-	"1": "m0.99786,35.96579l0,0c0,-19.31077 15.28761,-34.96524 34.14583,-34.96524l15.52084,0l0,0l74.50001,0l139.68748,0c9.05606,0 17.74118,3.68382 24.14478,10.24108c6.40356,6.55726 10.00107,15.45081 10.00107,24.72416l0,87.41311l0,0l0,52.44785l0,0c0,19.31078 -15.2876,34.96524 -34.14584,34.96524l-139.68748,0l-97.32507,88.90848l22.82506,-88.90848l-15.52084,0c-18.85822,0 -34.14583,-15.65446 -34.14583,-34.96524l0,0l0,-52.44785l0,0z",
-	"4": "m1,1l49.66667,0l0,0l74.5,0l173.83334,0l0,115.8889l0,0l0,49.66666l0,33.11111l-173.83334,0l-123.68433,97.37498l49.18433,-97.37498l-49.66667,0l0,-33.11111l0,-49.66666l0,0z",
-	"5": "m3.88165,296.34811l58.64952,-105.30074l0,0c-62.13446,-31.76456 -79.86445,-91.6022 -40.96117,-138.24044c38.90255,-46.63797 121.70818,-64.81269 191.29914,-41.98796c69.59094,22.8246 103.19446,79.17835 77.63046,130.19172c-25.56265,51.01335 -101.92546,79.99094 -176.41714,66.94487l-110.20081,88.39255z",
-	"6": "m4.33333,266.6662c0,-1.854 2.23757,-3.35571 5,-3.35571c2.76243,0 5,1.50171 5,3.35571c0,1.85394 -2.23757,3.35565 -5,3.35565c-2.76243,0 -5,-1.50171 -5,-3.35565zm10.25,-24.11072c0,-4.6351 5.59392,-8.38943 12.50001,-8.38943c6.90608,0 12.5,3.75433 12.5,8.38943c0,4.63489 -5.59392,8.38928 -12.5,8.38928c-6.90609,0 -12.50001,-3.75433 -12.50001,-8.38928zm23.75001,-36.55524c0,-12.81482 19.46685,-23.19473 43.50002,-23.19473c24.0331,0 43.49996,10.37991 43.49996,23.19473c0,12.81473 -19.46686,23.19455 -43.49996,23.19455c-24.03317,0 -43.50002,-10.37982 -43.50002,-23.19455zm-37.33334,-104.99994c0,-55.2486 66.67956,-100 149,-100c82.32047,0 149,44.7514 149,100c0,55.24866 -66.67953,100 -149,100c-82.32044,0 -149,-44.75134 -149,-100z",
-	"scream": "m299.67374,132.67729l-35.72574,1.97192l-9.55817,48.04506l-31.60561,-11.61551l-45.83566,36.86661l-17.45096,-21.51509l-146.98414,92.00807l81.6677,-102.60858l-67.83573,-13.33963l21.22697,-19.84731l-46.57336,-36.42733l33.47025,-8.80944l-10.52427,-47.94958l35.08694,5.02536l28.86619,-44.2482l25.5638,17.26465l59.09183,-26.49832l7.92432,24.02253l70.55626,-0.33542l-12.23108,23.15343l59.61954,25.93398l-28.50317,14.93327l29.75409,43.96953z",
-	"thought": "m12,1c-6.094,0 -11,4.906 -11,11l0,147c0,6.09399 4.906,11 11,11l49.15625,0c-2.03143,2.32526 -3.15625,4.84886 -3.15625,7.5c0,11.32597 20.36188,20.5 45.5,20.5c25.13812,0 45.5,-9.17403 45.5,-20.5c0,-2.65114 -1.12482,-5.17474 -3.15625,-7.5l142.15625,0c6.09399,0 11,-4.90601 11,-11l0,-147c0,-6.094 -4.90601,-11 -11,-11l-276,0zm54,199c-13.81215,0 -25,5.37016 -25,12c0,6.62984 11.18785,12 25,12c13.81216,0 25,-5.37016 25,-12c0,-6.62984 -11.18784,-12 -25,-12zm-25,30c-7.73481,0 -14,4.02762 -14,9c0,4.97238 6.26519,9 14,9c7.73481,0 14,-4.02762 14,-9c0,-4.97238 -6.26519,-9 -14,-9zm-24,22c-4.97238,0 -9,2.23756 -9,5c0,2.76242 4.02762,5 9,5c4.97238,0 9,-2.23758 9,-5c0,-2.76244 -4.02762,-5 -9,-5z"
-	}
-}
\ No newline at end of file
+{"data": {
+  "1": "m0.99786,35.96579l0,0c0,-19.31077 15.28761,-34.96524 34.14583,-34.96524l15.52084,0l0,0l74.50001,0l139.68748,0c9.05606,0 17.74118,3.68382 24.14478,10.24108c6.40356,6.55726 10.00107,15.45081 10.00107,24.72416l0,87.41311l0,0l0,52.44785l0,0c0,19.31078 -15.2876,34.96524 -34.14584,34.96524l-139.68748,0l-97.32507,88.90848l22.82506,-88.90848l-15.52084,0c-18.85822,0 -34.14583,-15.65446 -34.14583,-34.96524l0,0l0,-52.44785l0,0z",
+  "4": "m1,1l49.66667,0l0,0l74.5,0l173.83334,0l0,115.8889l0,0l0,49.66666l0,33.11111l-173.83334,0l-123.68433,97.37498l49.18433,-97.37498l-49.66667,0l0,-33.11111l0,-49.66666l0,0z",
+  "5": "m3.88165,296.34811l58.64952,-105.30074l0,0c-62.13446,-31.76456 -79.86445,-91.6022 -40.96117,-138.24044c38.90255,-46.63797 121.70818,-64.81269 191.29914,-41.98796c69.59094,22.8246 103.19446,79.17835 77.63046,130.19172c-25.56265,51.01335 -101.92546,79.99094 -176.41714,66.94487l-110.20081,88.39255z",
+  "6": "m4.33333,266.6662c0,-1.854 2.23757,-3.35571 5,-3.35571c2.76243,0 5,1.50171 5,3.35571c0,1.85394 -2.23757,3.35565 -5,3.35565c-2.76243,0 -5,-1.50171 -5,-3.35565zm10.25,-24.11072c0,-4.6351 5.59392,-8.38943 12.50001,-8.38943c6.90608,0 12.5,3.75433 12.5,8.38943c0,4.63489 -5.59392,8.38928 -12.5,8.38928c-6.90609,0 -12.50001,-3.75433 -12.50001,-8.38928zm23.75001,-36.55524c0,-12.81482 19.46685,-23.19473 43.50002,-23.19473c24.0331,0 43.49996,10.37991 43.49996,23.19473c0,12.81473 -19.46686,23.19455 -43.49996,23.19455c-24.03317,0 -43.50002,-10.37982 -43.50002,-23.19455zm-37.33334,-104.99994c0,-55.2486 66.67956,-100 149,-100c82.32047,0 149,44.7514 149,100c0,55.24866 -66.67953,100 -149,100c-82.32044,0 -149,-44.75134 -149,-100z",
+  "scream": "m299.67374,132.67729l-35.72574,1.97192l-9.55817,48.04506l-31.60561,-11.61551l-45.83566,36.86661l-17.45096,-21.51509l-146.98414,92.00807l81.6677,-102.60858l-67.83573,-13.33963l21.22697,-19.84731l-46.57336,-36.42733l33.47025,-8.80944l-10.52427,-47.94958l35.08694,5.02536l28.86619,-44.2482l25.5638,17.26465l59.09183,-26.49832l7.92432,24.02253l70.55626,-0.33542l-12.23108,23.15343l59.61954,25.93398l-28.50317,14.93327l29.75409,43.96953z",
+  "thought": "m12,1c-6.094,0 -11,4.906 -11,11l0,147c0,6.09399 4.906,11 11,11l49.15625,0c-2.03143,2.32526 -3.15625,4.84886 -3.15625,7.5c0,11.32597 20.36188,20.5 45.5,20.5c25.13812,0 45.5,-9.17403 45.5,-20.5c0,-2.65114 -1.12482,-5.17474 -3.15625,-7.5l142.15625,0c6.09399,0 11,-4.90601 11,-11l0,-147c0,-6.094 -4.90601,-11 -11,-11l-276,0zm54,199c-13.81215,0 -25,5.37016 -25,12c0,6.62984 11.18785,12 25,12c13.81216,0 25,-5.37016 25,-12c0,-6.62984 -11.18784,-12 -25,-12zm-25,30c-7.73481,0 -14,4.02762 -14,9c0,4.97238 6.26519,9 14,9c7.73481,0 14,-4.02762 14,-9c0,-4.97238 -6.26519,-9 -14,-9zm-24,22c-4.97238,0 -9,2.23756 -9,5c0,2.76242 4.02762,5 9,5c4.97238,0 9,-2.23758 9,-5c0,-2.76244 -4.02762,-5 -9,-5z"
+  }
+}
diff --git a/editor/extensions/shapelib/electronics.json b/editor/extensions/shapelib/electronics.json
index 4d18a8c3..bfdfb2ab 100644
--- a/editor/extensions/shapelib/electronics.json
+++ b/editor/extensions/shapelib/electronics.json
@@ -1,20 +1,20 @@
-{"data": {
-	"capacitor": "m292.103577,149.999374l-117.073944,-0.445328m-167.175035,0.445328l116.628588,0m0.44532,-72.035179l11.364601,0l0,144.640358l-11.364601,0l0,-144.640358zm38.244209,-0.569977l11.364594,0l0,144.640297l-11.364594,0l0,-144.640297zm-162.171733,68.98156l6.905184,0l0,6.905212l-6.905184,0l0,-6.905212zm291.101741,0.325241l6.905182,0l0,6.905212l-6.905182,0l0,-6.905212z",
-	"diode": "m180.228439,90.39769l21.70816,0l0,117.211075l-21.70816,0l0,-117.211075zm23.345947,59.602753l88.556381,0m-284.3409,-1.995804l85.541058,0l0,-65.011185l87.251961,66.722031l-87.250778,67.291931l0,-68.720001m-92.331572,-3.917542l6.811423,0l0,6.811447l-6.811423,0l0,-6.811447zm291.20439,2.03891l6.811401,0l0,6.811462l-6.811401,0l0,-6.811462z",
-	"gate_and": "m7.454795,178.082489l67.605378,0m-67.605378,-54.850876l67.605393,0.000015m-0.155602,-30.065033l0,113.750015c194.70015,10.208389 199.234482,-124.687454 0,-113.750015zm217.618942,56.662766l-70.312149,0m-221.397258,-29.817062l6.68369,0l0,6.683685l-6.68369,0l0,-6.683685zm-0.314375,54.532364l6.68369,0l0,6.683685l-6.68369,0l0,-6.683685zm291.95109,-27.976547l6.683685,0l0,6.683685l-6.683685,0l0,-6.683685z",
-	"gate_inverter": "m292.351624,149.998962l-70.506393,0m-0.189026,0a19.883057,19.883057 0 1 1-39.766113,0a19.883057,19.883057 0 1 139.766113,0zm-213.972072,2.405243l69.321826,0l0,-61.05407l101.250404,58.4571l-101.19664,58.840652l0,-56.176727m-76.061115,-3.699677l6.780182,0l0,6.779526l-6.780182,0l0,-6.779526zm291.428455,-2.135864l6.780518,0l0,6.780548l-6.780518,0l0,-6.780548z",
-	"gate_nand": "m8.042537,173.038879l60.699101,-0.672531m-60.699101,-49.879471l61.371335,0m-0.785973,-24.868042l0,104.835098c179.441437,9.408417 183.619827,-114.915443 0,-104.835098zm223.921448,50.643158l-64.591507,0m0.637238,0a11.937837,11.937837 0 1 1-23.87648,0a11.937837,11.937837 0 1 123.87648,0zm-227.445681,-29.373505l6.739111,0l0,6.739143l-6.739111,0l0,-6.739143zm-0.150617,50.613495l6.73911,0l0,6.739151l-6.73911,0l0,-6.739151zm291.47287,-24.654327l6.739105,0l0,6.739151l-6.739105,0l0,-6.739151z",
-	"gate_nor": "m292.610077,150.214462l-69.483139,-0.215668m0.147217,0.215668a12.942393,12.942393 0 1 1-25.884689,0a12.942393,12.942393 0 1 125.884689,0zm-215.590108,29.264374l63.620397,0m-63.620397,-54.805801l65.561368,-0.431335m-20.75433,-33.139984c129.343479,0 143.580387,58.405624 143.580387,58.405624l-0.347778,0c-18.514755,69.097885 -143.580379,58.057999 -143.580379,58.057999c59.7962,-58.405655 0.347775,-116.463623 0.347775,-116.463623zm-51.490408,30.117874l6.644974,0l0,6.645012l-6.644974,0l0,-6.645012zm0.003831,54.852463l6.644983,0l0,6.64502l-6.644983,0l0,-6.64502zm291.530706,-29.571609l6.644989,0l0,6.64502l-6.644989,0l0,-6.64502z",
-	"gate_or": "m7.681484,183.57515l71.7616,0m-71.7616,-60.67144l73.093784,-0.000015m-23.092442,-37.784157c143.186604,0 158.947315,64.65654 158.947315,64.65654l75.817307,0l-76.202316,0c-20.49614,76.493118 -158.94717,64.271667 -158.94717,64.271667c66.195942,-64.656525 0.385136,-128.928207 0.385136,-128.928207zm-56.684011,33.939781l6.677925,0l0,6.677956l-6.677925,0l0,-6.677956zm291.510831,27.410866l6.677948,0l0,6.677948l-6.677948,0l0,-6.677948zm-291.404498,33.607208l6.677927,0l0,6.677917l-6.677927,0l0,-6.677917z",
-	"gate_xor": "m80.450493,91.498093c129.22271,0 143.446312,58.351089 143.446312,58.351089l68.423569,0l-68.770889,0c-18.497391,69.033295 -143.446304,58.003708 -143.446304,58.003708c59.740372,-58.351089 0.347511,-116.354797 0.347511,-116.354797zm-22.576313,4.515259c43.415966,54.530457 0,108.018921 0,108.018921m-50.015199,-26.867355l63.560987,0m-63.560987,-54.7547l63.560987,0m-70.418914,-3.722206l6.82584,0l0,6.825867l-6.82584,0l0,-6.825867zm0.057968,54.832268l6.825839,0l0,6.825867l-6.825839,0l0,-6.825867zm291.170364,-27.096024l6.825836,0l0,6.825867l-6.825836,0l0,-6.825867z",
-	"inductor": "m7.783882,182.663147l59.679306,0c0,0 -30.829735,-67.744125 15.054253,-68.81945c42.462807,-0.995041 37.635605,69.357201 24.194321,69.357201c-13.441284,0 -12.903625,-68.81955 22.043701,-68.81955c34.947357,0 40.323868,68.819366 20.968399,68.819366c-19.355423,0 -11.828323,-68.819366 22.58139,-68.819366c34.409683,0 41.399155,68.81955 19.893112,68.81955c-21.506073,0 -9.67775,-68.81955 24.19429,-68.81955c33.87207,0 29.570831,68.819366 18.280151,68.819366c-11.290665,0 57.528732,-0.537659 57.528732,-0.537659m-291.202282,-3.571106l6.772959,0l0,6.772995l-6.772959,0l0,-6.772995zm291.221844,0.301132l6.772949,0l0,6.772995l-6.772949,0l0,-6.772995z",
-	"junction_1": "m0.99971,146.64024l6.71786,0l0,6.7179l-6.71786,0l0,-6.7179zm7.44043,3.36145l283.11684,0m0.72388,-3.35979l6.71786,0l0,6.7179l-6.71786,0l0,-6.7179zm-145.6413,152.35712l0,-6.71786l6.7179,0l0,6.71786l-6.7179,0zm3.36145,-7.44043l0,-283.11688m-3.35944,-0.72348l0,-6.71786l6.71793,0l0,6.71786l-6.71793,0z",
-	"junction_2": "m0.99971,146.64024l6.71786,0l0,6.7179l-6.71786,0l0,-6.7179zm7.44043,3.36145l121.77922,0c0,-29.3896 38.77921,-31.3896 38.77921,0l122.55841,0m0.72391,-3.35979l6.71783,0l0,6.7179l-6.71783,0l0,-6.7179zm-145.6413,152.35712l0,-6.71786l6.7179,0l0,6.71786l-6.7179,0zm3.36145,-7.44043l0,-283.11688m-3.35945,-0.72348l0,-6.71786l6.71794,0l0,6.71786l-6.71794,0z",
-	"junction_3": "m143.58945,150.00009c0,-3.49425 2.83032,-6.32455 6.32455,-6.32455c3.49423,0 6.32455,2.83031 6.32455,6.32455c0,3.49423 -2.83032,6.32455 -6.32455,6.32455c-3.49423,0 -6.32455,-2.83032 -6.32455,-6.32455zm-142.59006,-3.35985l6.71783,0l0,6.7179l-6.71783,0l0,-6.7179zm7.44043,3.36145l283.11682,0m0.72394,-3.35979l6.71783,0l0,6.7179l-6.71783,0l0,-6.7179zm-145.6413,152.35712l0,-6.71786l6.7179,0l0,6.71786l-6.7179,0zm3.36145,-7.44043l0,-283.11688m-3.35947,-0.72348l0,-6.71786l6.71796,0l0,6.71786l-6.71796,0z",
-	"junction_tee": "m149.914,143.67554zm-148.91461,2.96471l6.71783,0l0,6.7179l-6.71783,0l0,-6.7179zm7.44043,3.36145l283.11682,0m0.72394,-3.35979l6.71783,0l0,6.7179l-6.71783,0l0,-6.7179zm-141.61324,2.91669l-0.66661,-141.11688m-3.35947,-0.72348l0,-6.71786l6.71796,0l0,6.71786l-6.71796,0z",
-	"resistor": "m7.868202,151.620193l82.343018,0l11.393402,-32.392784l18.643684,62.356071l20.71521,-63.165901l18.12587,62.356071l19.679459,-61.546242l19.679443,61.951149l10.875488,-30.368195l82.860886,0m-291.18655,-2.813812l6.844604,0l0,6.844635l-6.844604,0l0,-6.844635zm291.194058,-0.465622l6.844604,0l0,6.844635l-6.844604,0l0,-6.844635z",
-	"source_AC_h": "m7.841724,149.837311l67.250737,0m149.928139,0.389923l67.250793,0m-67.653702,-0.227753a74.615135,74.615135 0 1 1-149.230286,0a74.615135,74.615135 0 1 1149.230286,0zm-126.528297,-1.996506c49.250984,-78.535637 61.230949,87.853104 103.826454,2.662094m-200.917796,-4.522659l6.717863,0l0,6.717896l-6.717863,0l0,-6.717896zm291.36706,0.642181l6.717865,0l0,6.717896l-6.717865,0l0,-6.717896z",
-	"source_DC": "m221.862747,94.98175l0,31.813873m-21.510544,-15.906944l43.020996,0m48.613678,39.407722l-121.593582,0m-162.447085,0l115.809275,0m1.040596,-37.757935l7.284134,0l0,75.963058l-7.284134,0l0,-75.963058zm37.461227,-41.623596l7.284134,0l0,158.169647l-7.284134,0l0,-158.169647zm-161.255614,75.613235l6.954941,0l0,6.954971l-6.954941,0l0,-6.954971zm291.012953,0.175003l6.954956,0l0,6.954971l-6.954956,0l0,-6.954971z",
-	"speaker": "m21.35352,187l77,0m-83.70878,3.11937l0,-6.71786l6.71793,0l0,6.71786l-6.71793,0zm6.70878,-76.11937l77,0m-83.70878,3.11937l0,-6.71786l6.71793,0l0,6.71786l-6.71793,0zm155.70878,-32.61937l115,-83l0,296.5l-115,-82.5l0,-131zm-70.99999,0l70.99999,0l0,131l-70.99999,0l0,-131z"
-	}
-}
\ No newline at end of file
+{"data": {
+  "capacitor": "m292.103577,149.999374l-117.073944,-0.445328m-167.175035,0.445328l116.628588,0m0.44532,-72.035179l11.364601,0l0,144.640358l-11.364601,0l0,-144.640358zm38.244209,-0.569977l11.364594,0l0,144.640297l-11.364594,0l0,-144.640297zm-162.171733,68.98156l6.905184,0l0,6.905212l-6.905184,0l0,-6.905212zm291.101741,0.325241l6.905182,0l0,6.905212l-6.905182,0l0,-6.905212z",
+  "diode": "m180.228439,90.39769l21.70816,0l0,117.211075l-21.70816,0l0,-117.211075zm23.345947,59.602753l88.556381,0m-284.3409,-1.995804l85.541058,0l0,-65.011185l87.251961,66.722031l-87.250778,67.291931l0,-68.720001m-92.331572,-3.917542l6.811423,0l0,6.811447l-6.811423,0l0,-6.811447zm291.20439,2.03891l6.811401,0l0,6.811462l-6.811401,0l0,-6.811462z",
+  "gate_and": "m7.454795,178.082489l67.605378,0m-67.605378,-54.850876l67.605393,0.000015m-0.155602,-30.065033l0,113.750015c194.70015,10.208389 199.234482,-124.687454 0,-113.750015zm217.618942,56.662766l-70.312149,0m-221.397258,-29.817062l6.68369,0l0,6.683685l-6.68369,0l0,-6.683685zm-0.314375,54.532364l6.68369,0l0,6.683685l-6.68369,0l0,-6.683685zm291.95109,-27.976547l6.683685,0l0,6.683685l-6.683685,0l0,-6.683685z",
+  "gate_inverter": "m292.351624,149.998962l-70.506393,0m-0.189026,0a19.883057,19.883057 0 1 1-39.766113,0a19.883057,19.883057 0 1 139.766113,0zm-213.972072,2.405243l69.321826,0l0,-61.05407l101.250404,58.4571l-101.19664,58.840652l0,-56.176727m-76.061115,-3.699677l6.780182,0l0,6.779526l-6.780182,0l0,-6.779526zm291.428455,-2.135864l6.780518,0l0,6.780548l-6.780518,0l0,-6.780548z",
+  "gate_nand": "m8.042537,173.038879l60.699101,-0.672531m-60.699101,-49.879471l61.371335,0m-0.785973,-24.868042l0,104.835098c179.441437,9.408417 183.619827,-114.915443 0,-104.835098zm223.921448,50.643158l-64.591507,0m0.637238,0a11.937837,11.937837 0 1 1-23.87648,0a11.937837,11.937837 0 1 123.87648,0zm-227.445681,-29.373505l6.739111,0l0,6.739143l-6.739111,0l0,-6.739143zm-0.150617,50.613495l6.73911,0l0,6.739151l-6.73911,0l0,-6.739151zm291.47287,-24.654327l6.739105,0l0,6.739151l-6.739105,0l0,-6.739151z",
+  "gate_nor": "m292.610077,150.214462l-69.483139,-0.215668m0.147217,0.215668a12.942393,12.942393 0 1 1-25.884689,0a12.942393,12.942393 0 1 125.884689,0zm-215.590108,29.264374l63.620397,0m-63.620397,-54.805801l65.561368,-0.431335m-20.75433,-33.139984c129.343479,0 143.580387,58.405624 143.580387,58.405624l-0.347778,0c-18.514755,69.097885 -143.580379,58.057999 -143.580379,58.057999c59.7962,-58.405655 0.347775,-116.463623 0.347775,-116.463623zm-51.490408,30.117874l6.644974,0l0,6.645012l-6.644974,0l0,-6.645012zm0.003831,54.852463l6.644983,0l0,6.64502l-6.644983,0l0,-6.64502zm291.530706,-29.571609l6.644989,0l0,6.64502l-6.644989,0l0,-6.64502z",
+  "gate_or": "m7.681484,183.57515l71.7616,0m-71.7616,-60.67144l73.093784,-0.000015m-23.092442,-37.784157c143.186604,0 158.947315,64.65654 158.947315,64.65654l75.817307,0l-76.202316,0c-20.49614,76.493118 -158.94717,64.271667 -158.94717,64.271667c66.195942,-64.656525 0.385136,-128.928207 0.385136,-128.928207zm-56.684011,33.939781l6.677925,0l0,6.677956l-6.677925,0l0,-6.677956zm291.510831,27.410866l6.677948,0l0,6.677948l-6.677948,0l0,-6.677948zm-291.404498,33.607208l6.677927,0l0,6.677917l-6.677927,0l0,-6.677917z",
+  "gate_xor": "m80.450493,91.498093c129.22271,0 143.446312,58.351089 143.446312,58.351089l68.423569,0l-68.770889,0c-18.497391,69.033295 -143.446304,58.003708 -143.446304,58.003708c59.740372,-58.351089 0.347511,-116.354797 0.347511,-116.354797zm-22.576313,4.515259c43.415966,54.530457 0,108.018921 0,108.018921m-50.015199,-26.867355l63.560987,0m-63.560987,-54.7547l63.560987,0m-70.418914,-3.722206l6.82584,0l0,6.825867l-6.82584,0l0,-6.825867zm0.057968,54.832268l6.825839,0l0,6.825867l-6.825839,0l0,-6.825867zm291.170364,-27.096024l6.825836,0l0,6.825867l-6.825836,0l0,-6.825867z",
+  "inductor": "m7.783882,182.663147l59.679306,0c0,0 -30.829735,-67.744125 15.054253,-68.81945c42.462807,-0.995041 37.635605,69.357201 24.194321,69.357201c-13.441284,0 -12.903625,-68.81955 22.043701,-68.81955c34.947357,0 40.323868,68.819366 20.968399,68.819366c-19.355423,0 -11.828323,-68.819366 22.58139,-68.819366c34.409683,0 41.399155,68.81955 19.893112,68.81955c-21.506073,0 -9.67775,-68.81955 24.19429,-68.81955c33.87207,0 29.570831,68.819366 18.280151,68.819366c-11.290665,0 57.528732,-0.537659 57.528732,-0.537659m-291.202282,-3.571106l6.772959,0l0,6.772995l-6.772959,0l0,-6.772995zm291.221844,0.301132l6.772949,0l0,6.772995l-6.772949,0l0,-6.772995z",
+  "junction_1": "m0.99971,146.64024l6.71786,0l0,6.7179l-6.71786,0l0,-6.7179zm7.44043,3.36145l283.11684,0m0.72388,-3.35979l6.71786,0l0,6.7179l-6.71786,0l0,-6.7179zm-145.6413,152.35712l0,-6.71786l6.7179,0l0,6.71786l-6.7179,0zm3.36145,-7.44043l0,-283.11688m-3.35944,-0.72348l0,-6.71786l6.71793,0l0,6.71786l-6.71793,0z",
+  "junction_2": "m0.99971,146.64024l6.71786,0l0,6.7179l-6.71786,0l0,-6.7179zm7.44043,3.36145l121.77922,0c0,-29.3896 38.77921,-31.3896 38.77921,0l122.55841,0m0.72391,-3.35979l6.71783,0l0,6.7179l-6.71783,0l0,-6.7179zm-145.6413,152.35712l0,-6.71786l6.7179,0l0,6.71786l-6.7179,0zm3.36145,-7.44043l0,-283.11688m-3.35945,-0.72348l0,-6.71786l6.71794,0l0,6.71786l-6.71794,0z",
+  "junction_3": "m143.58945,150.00009c0,-3.49425 2.83032,-6.32455 6.32455,-6.32455c3.49423,0 6.32455,2.83031 6.32455,6.32455c0,3.49423 -2.83032,6.32455 -6.32455,6.32455c-3.49423,0 -6.32455,-2.83032 -6.32455,-6.32455zm-142.59006,-3.35985l6.71783,0l0,6.7179l-6.71783,0l0,-6.7179zm7.44043,3.36145l283.11682,0m0.72394,-3.35979l6.71783,0l0,6.7179l-6.71783,0l0,-6.7179zm-145.6413,152.35712l0,-6.71786l6.7179,0l0,6.71786l-6.7179,0zm3.36145,-7.44043l0,-283.11688m-3.35947,-0.72348l0,-6.71786l6.71796,0l0,6.71786l-6.71796,0z",
+  "junction_tee": "m149.914,143.67554zm-148.91461,2.96471l6.71783,0l0,6.7179l-6.71783,0l0,-6.7179zm7.44043,3.36145l283.11682,0m0.72394,-3.35979l6.71783,0l0,6.7179l-6.71783,0l0,-6.7179zm-141.61324,2.91669l-0.66661,-141.11688m-3.35947,-0.72348l0,-6.71786l6.71796,0l0,6.71786l-6.71796,0z",
+  "resistor": "m7.868202,151.620193l82.343018,0l11.393402,-32.392784l18.643684,62.356071l20.71521,-63.165901l18.12587,62.356071l19.679459,-61.546242l19.679443,61.951149l10.875488,-30.368195l82.860886,0m-291.18655,-2.813812l6.844604,0l0,6.844635l-6.844604,0l0,-6.844635zm291.194058,-0.465622l6.844604,0l0,6.844635l-6.844604,0l0,-6.844635z",
+  "source_AC_h": "m7.841724,149.837311l67.250737,0m149.928139,0.389923l67.250793,0m-67.653702,-0.227753a74.615135,74.615135 0 1 1-149.230286,0a74.615135,74.615135 0 1 1149.230286,0zm-126.528297,-1.996506c49.250984,-78.535637 61.230949,87.853104 103.826454,2.662094m-200.917796,-4.522659l6.717863,0l0,6.717896l-6.717863,0l0,-6.717896zm291.36706,0.642181l6.717865,0l0,6.717896l-6.717865,0l0,-6.717896z",
+  "source_DC": "m221.862747,94.98175l0,31.813873m-21.510544,-15.906944l43.020996,0m48.613678,39.407722l-121.593582,0m-162.447085,0l115.809275,0m1.040596,-37.757935l7.284134,0l0,75.963058l-7.284134,0l0,-75.963058zm37.461227,-41.623596l7.284134,0l0,158.169647l-7.284134,0l0,-158.169647zm-161.255614,75.613235l6.954941,0l0,6.954971l-6.954941,0l0,-6.954971zm291.012953,0.175003l6.954956,0l0,6.954971l-6.954956,0l0,-6.954971z",
+  "speaker": "m21.35352,187l77,0m-83.70878,3.11937l0,-6.71786l6.71793,0l0,6.71786l-6.71793,0zm6.70878,-76.11937l77,0m-83.70878,3.11937l0,-6.71786l6.71793,0l0,6.71786l-6.71793,0zm155.70878,-32.61937l115,-83l0,296.5l-115,-82.5l0,-131zm-70.99999,0l70.99999,0l0,131l-70.99999,0l0,-131z"
+  }
+}
diff --git a/editor/extensions/shapelib/flowchart.json b/editor/extensions/shapelib/flowchart.json
index 70f2333a..47b257e7 100644
--- a/editor/extensions/shapelib/flowchart.json
+++ b/editor/extensions/shapelib/flowchart.json
@@ -1,25 +1,25 @@
-{"data": {
-	"manual_input": "m1,103.64394l298,-30.9037l0,154.51852l-298,0z",
-	"callout_left_right": "m1,150.0006l58.10869,-58.1087l0,29.05434l46.81141,0l0,-87.16304l87.1598,0l0,87.16304l46.8114,0l0,-29.05434l58.1087,58.1087l-58.1087,58.10869l0,-29.05435l-46.8114,0l0,87.16306l-87.1598,0l0,-87.16306l-46.81141,0l0,29.05435l-58.10869,-58.10869z",
-	"card": "m1,60.5l59.5,-59.5l238.5,0l0,298l-298,0l0,-238.5z",
-	"collate": "m0,1l299,0l-149.5,149l149.5,149l-299.00031,0l149.50031,-149l-149.5,-149z",
-	"connector_offpage": "m0.99775,0.99775l297.99984,0l0,238.39982l-149.00002,59.60002l-148.99999,-59.60002l0.00017,-238.39982z",
-	"data_stored": "m50.83397,0.99813l249.16667,0c-27.52219,0 -49.83333,66.78392 -49.83333,149.16604c0,82.38213 22.31114,149.16603 49.83333,149.16603l-249.16667,0l0,0c-27.52219,0 -49.83333,-66.78391 -49.83333,-149.16603c0,-82.38212 22.31114,-149.16604 49.83333,-149.16604z",
-	"data": "m1.00038,249.33351l59.60001,-198.66668l238.40001,0l-59.60001,198.66668z",
-	"decision": "m0.99837,149.99953l148.79352,-102.86476l148.79387,102.86476l-148.79387,102.86476l-148.79352,-102.86476z",
-	"delay": "m1,1l149,0l0,0c82.29044,0 149,66.70957 149,149c0,82.29044 -66.70956,149 -149,149l-149,0z",
-	"display": "m1,149.99924l49.66672,-97.42307l198.66612,0c27.43034,0 49.66716,43.61774 49.66716,97.42307c0,53.80476 -22.23682,97.42308 -49.66716,97.42308l-198.66612,0l-49.66672,-97.42308z",
-	"document_multiple": "m1.00054,45.02563l253.99998,0l0,206.43799c-126.99997,0 -126.99997,78.65668 -253.99998,33.96539zm21.49946,-240.92902l0,-19.5l255,0l0,207l-22.5,1m-210.5,-207l0,-25l255,0l0,207l-21.5,0",
-	"document": "m1.00064,1.00098l298,0l0,242.19891c-149,0 -149,92.28223 -298,39.84915z",
-	"filter1": "m75.5,150l74.5,-149l74.5,149l-74.5,149l-74.5,-149zm0,0l149,0",
-	"or_junction": "m0.99865,149.9991l0,0c0,-82.29043 66.70957,-149 149.00001,-149l0,0c39.51724,0 77.41597,15.69817 105.3589,43.64109c27.94292,27.94292 43.64107,65.84166 43.64107,105.35891l0,0c0,82.29041 -66.70956,148.99998 -148.99997,148.99998l0,0c-82.29044,0 -149.00001,-66.70958 -149.00001,-148.99998zm149.00001,-149l0,297.99998m-149.00001,-148.99998l297.99998,0",
-	"preparation": "m1.00063,150.00006l59.58485,-82.24058l178.75446,0l59.58505,82.24058l-59.58505,82.24086l-178.75446,0l-59.58485,-82.24086z",
-	"process": "m1,51.87891l298,0l0,196.24391l-298,0zm37.25,-196.24391l0,196.24391m223.5,-196.24391l0,196.24391",
-	"punched_tape": "m1.00047,30.80047l0,0c0,16.45808 33.35479,29.8 74.50001,29.8c41.1452,0 74.49998,-13.34192 74.49998,-29.8l0,0c0,-16.45809 33.3548,-29.8 74.50002,-29.8c41.14522,0 74.49998,13.34192 74.49998,29.8l0,238.4c0,-16.45808 -33.35477,-29.80002 -74.49998,-29.80002c-41.14522,0 -74.50002,13.34193 -74.50002,29.80002c0,16.45807 -33.35478,29.79999 -74.49998,29.79999c-41.14522,0 -74.50001,-13.34192 -74.50001,-29.79999z",
-	"sequential_data_storage": "m150,299l0,0c-82.29043,0 -149,-66.70955 -149,-149l0,0c0,-82.29043 66.70957,-149 149,-149l0,0c39.51726,0 77.41599,15.69817 105.3589,43.64108c27.94292,27.94293 43.6411,65.84165 43.6411,105.35892l0,0c0,39.51726 -15.69818,77.41599 -43.6411,105.3589l43.6411,0l0,43.6411z",
-	"sort": "m-0.0038,150.00102l299.00334,0m-299.00334,-0.00002l149.50209,-150.00059l149.50131,150.00059l-149.50131,150.00018l-149.50209,-150.00018z",
-	"storage_internal": "m1,1l297.99997,0l0,297.99997l-297.99997,0zm37.25,-297.99997l0,297.99997m-37.25,-260.74997l297.99997,0",
-	"terminal": "m48.94167,99.12235l202.11729,0l0,0c26.47794,0 47.9425,22.7794 47.9425,50.8792c0,28.09979 -21.46457,50.87918 -47.9425,50.87918l-202.11729,0l0,0c-26.47791,0 -47.9425,-22.77939 -47.9425,-50.87918c0,-28.09981 21.46459,-50.8792 47.9425,-50.8792z",
-	"wave": "m1,37.20809c99.33355,-125.42461 198.66708,125.4246 298.00061,0l0,225.76426c-99.33353,125.42462 -198.66706,-125.42459 -298.00061,0z"
-	}
-}
\ No newline at end of file
+{"data": {
+  "manual_input": "m1,103.64394l298,-30.9037l0,154.51852l-298,0z",
+  "callout_left_right": "m1,150.0006l58.10869,-58.1087l0,29.05434l46.81141,0l0,-87.16304l87.1598,0l0,87.16304l46.8114,0l0,-29.05434l58.1087,58.1087l-58.1087,58.10869l0,-29.05435l-46.8114,0l0,87.16306l-87.1598,0l0,-87.16306l-46.81141,0l0,29.05435l-58.10869,-58.10869z",
+  "card": "m1,60.5l59.5,-59.5l238.5,0l0,298l-298,0l0,-238.5z",
+  "collate": "m0,1l299,0l-149.5,149l149.5,149l-299.00031,0l149.50031,-149l-149.5,-149z",
+  "connector_offpage": "m0.99775,0.99775l297.99984,0l0,238.39982l-149.00002,59.60002l-148.99999,-59.60002l0.00017,-238.39982z",
+  "data_stored": "m50.83397,0.99813l249.16667,0c-27.52219,0 -49.83333,66.78392 -49.83333,149.16604c0,82.38213 22.31114,149.16603 49.83333,149.16603l-249.16667,0l0,0c-27.52219,0 -49.83333,-66.78391 -49.83333,-149.16603c0,-82.38212 22.31114,-149.16604 49.83333,-149.16604z",
+  "data": "m1.00038,249.33351l59.60001,-198.66668l238.40001,0l-59.60001,198.66668z",
+  "decision": "m0.99837,149.99953l148.79352,-102.86476l148.79387,102.86476l-148.79387,102.86476l-148.79352,-102.86476z",
+  "delay": "m1,1l149,0l0,0c82.29044,0 149,66.70957 149,149c0,82.29044 -66.70956,149 -149,149l-149,0z",
+  "display": "m1,149.99924l49.66672,-97.42307l198.66612,0c27.43034,0 49.66716,43.61774 49.66716,97.42307c0,53.80476 -22.23682,97.42308 -49.66716,97.42308l-198.66612,0l-49.66672,-97.42308z",
+  "document_multiple": "m1.00054,45.02563l253.99998,0l0,206.43799c-126.99997,0 -126.99997,78.65668 -253.99998,33.96539zm21.49946,-240.92902l0,-19.5l255,0l0,207l-22.5,1m-210.5,-207l0,-25l255,0l0,207l-21.5,0",
+  "document": "m1.00064,1.00098l298,0l0,242.19891c-149,0 -149,92.28223 -298,39.84915z",
+  "filter1": "m75.5,150l74.5,-149l74.5,149l-74.5,149l-74.5,-149zm0,0l149,0",
+  "or_junction": "m0.99865,149.9991l0,0c0,-82.29043 66.70957,-149 149.00001,-149l0,0c39.51724,0 77.41597,15.69817 105.3589,43.64109c27.94292,27.94292 43.64107,65.84166 43.64107,105.35891l0,0c0,82.29041 -66.70956,148.99998 -148.99997,148.99998l0,0c-82.29044,0 -149.00001,-66.70958 -149.00001,-148.99998zm149.00001,-149l0,297.99998m-149.00001,-148.99998l297.99998,0",
+  "preparation": "m1.00063,150.00006l59.58485,-82.24058l178.75446,0l59.58505,82.24058l-59.58505,82.24086l-178.75446,0l-59.58485,-82.24086z",
+  "process": "m1,51.87891l298,0l0,196.24391l-298,0zm37.25,-196.24391l0,196.24391m223.5,-196.24391l0,196.24391",
+  "punched_tape": "m1.00047,30.80047l0,0c0,16.45808 33.35479,29.8 74.50001,29.8c41.1452,0 74.49998,-13.34192 74.49998,-29.8l0,0c0,-16.45809 33.3548,-29.8 74.50002,-29.8c41.14522,0 74.49998,13.34192 74.49998,29.8l0,238.4c0,-16.45808 -33.35477,-29.80002 -74.49998,-29.80002c-41.14522,0 -74.50002,13.34193 -74.50002,29.80002c0,16.45807 -33.35478,29.79999 -74.49998,29.79999c-41.14522,0 -74.50001,-13.34192 -74.50001,-29.79999z",
+  "sequential_data_storage": "m150,299l0,0c-82.29043,0 -149,-66.70955 -149,-149l0,0c0,-82.29043 66.70957,-149 149,-149l0,0c39.51726,0 77.41599,15.69817 105.3589,43.64108c27.94292,27.94293 43.6411,65.84165 43.6411,105.35892l0,0c0,39.51726 -15.69818,77.41599 -43.6411,105.3589l43.6411,0l0,43.6411z",
+  "sort": "m-0.0038,150.00102l299.00334,0m-299.00334,-0.00002l149.50209,-150.00059l149.50131,150.00059l-149.50131,150.00018l-149.50209,-150.00018z",
+  "storage_internal": "m1,1l297.99997,0l0,297.99997l-297.99997,0zm37.25,-297.99997l0,297.99997m-37.25,-260.74997l297.99997,0",
+  "terminal": "m48.94167,99.12235l202.11729,0l0,0c26.47794,0 47.9425,22.7794 47.9425,50.8792c0,28.09979 -21.46457,50.87918 -47.9425,50.87918l-202.11729,0l0,0c-26.47791,0 -47.9425,-22.77939 -47.9425,-50.87918c0,-28.09981 21.46459,-50.8792 47.9425,-50.8792z",
+  "wave": "m1,37.20809c99.33355,-125.42461 198.66708,125.4246 298.00061,0l0,225.76426c-99.33353,125.42462 -198.66706,-125.42459 -298.00061,0z"
+  }
+}
diff --git a/editor/extensions/shapelib/game.json b/editor/extensions/shapelib/game.json
index 675bc376..62cd1f44 100644
--- a/editor/extensions/shapelib/game.json
+++ b/editor/extensions/shapelib/game.json
@@ -1,13 +1,13 @@
-{"data": {
-	"cards_clubs": "m107.57338,275.50809c15.10838,-15.77673 27.93053,-34.56763 33.34637,-55.90254c-16.19595,12.31328 -31.05006,32.11845 -53.64258,31.36813c-17.05595,0.97891 -37.37346,0.99548 -49.37947,-13.26945c-26.83,-21.5751 -34.03729,-64.69673 -12.00568,-92.15404c15.07669,-19.82526 41.4039,-28.23172 65.56467,-25.25816c15.22319,-6.45935 -2.97749,-22.81502 -4.80785,-33.02267c-11.33012,-37.02704 15.36169,-81.44029 54.60988,-85.70572c28.15103,-4.0415 55.67099,14.18231 69.44571,37.83293c7.4856,16.54877 3.58533,35.33045 1.83887,52.49866c-5.88113,8.62766 -20.94342,29.50022 0.55099,27.85616c21.2518,-0.33633 43.69397,5.90277 57.70761,22.8026c20.49747,22.76067 22.37766,60.37286 1.7551,83.63007c-10.90869,14.16582 -27.2782,25.50356 -45.80551,24.87234c-18.13391,1.83067 -37.77023,-2.10338 -50.62924,-15.92061c-5.48438,-3.84309 -18.92297,-18.36311 -18.91833,-15.17883c13.43222,27.98354 28.62112,57.04413 55.49167,74.38477c9.60062,7.71954 -14.62323,2.41226 -20.4874,3.98563c-35.53012,0.0314 -71.06009,0.06342 -106.59021,0.09497c7.31842,-7.63818 14.6373,-15.27603 21.9554,-22.91422z",
-	"cards_diamonds": "m34.92883,153.9321c25.56111,-56.62673 71.64644,-104.95768 110.85236,-152.92286c45.60773,30.78102 85.01025,98.49872 119.29071,145.66264c-30.57587,54.55344 -74.58923,104.23671 -114.23947,153.1615c-42.74368,-44.7616 -79.29648,-95.90262 -115.90359,-145.90128z",
-	"cards_hearts": "m106.76112,245.09012c-77.74644,-57.80281 -105.54389,-94.36783 -105.76917,-139.13003c-0.20544,-40.80623 34.10907,-80.19025 69.67002,-79.96313c17.75755,0.11364 55.84863,15.13257 69.33681,27.33919c6.79614,6.1504 10.01512,5.54391 25.146,-4.73779c41.17987,-27.98239 81.39243,-28.56973 107.43585,-1.56907c41.62292,43.15273 34.04501,94.68497 -21.78392,148.13782c-29.68187,28.41864 -94.50056,78.8349 -101.35565,78.8349c-2.08591,0 -21.29187,-13.01038 -42.67994,-28.9119z",
-	"cards_spades": "m92.84135,287.13989c18.3756,-17.73279 31.81261,-40.18849 43.07161,-62.94162c6.87787,-9.075 0.36623,-17.01425 -9.00183,-9.3188c-24.07579,16.07495 -56.84848,21.58751 -82.91551,6.92194c-29.46779,-15.23779 -42.75618,-51.47162 -36.07021,-83.04361c4.23415,-31.99545 27.52112,-57.07481 52.80524,-75.08997c29.04437,-20.7771 60.40868,-38.61331 86.95355,-62.67224c11.08365,0.22219 19.42508,17.61496 31.35349,22.21747c31.67316,23.59131 69.20874,40.95643 94.15042,72.50237c12.60098,17.9752 19.78281,40.10946 20.58459,61.98948c-3.83926,29.67093 -21.5314,60.96272 -52.04169,69.41241c-26.37521,7.98038 -53.51129,-2.14038 -76.49545,-15.01619c-2.80743,-0.60251 -13.10471,-8.7151 -9.02362,-2.41039c13.74066,28.19803 28.79581,56.19804 50.59952,79.09325c1.28156,2.89285 11.33243,9.75613 5.98334,9.64709c-44.76935,0 -89.53856,0 -134.30794,0c4.78471,-3.7637 9.5696,-7.5275 14.35449,-11.2912z",
-	"chess_bishop": "m61.92021,296.91153c0.43627,-9.82327 20.22808,-4.98053 9.33225,-14.55078c3.63447,-11.80536 14.91982,-19.66748 21.741,-29.79436c5.22913,-8.62125 17.00826,-19.01086 11.31252,-29.67047c-10.46021,-5.58662 -7.49181,-18.00824 5.30239,-15.28014c8.2272,-7.58801 8.79371,-20.26302 11.57766,-30.59467c2.52694,-12.36574 4.07327,-24.95554 3.66998,-37.5896c-14.99698,0.03661 -30.27584,-0.68196 -44.73978,-4.74928c2.8019,-11.20453 20.86148,-8.79659 28.26084,-15.67982c-6.87532,-6.18329 13.89957,-5.56496 8.46355,-15.34472c-0.37302,-11.20033 -9.19685,-14.44135 -16.26585,-22.60765c-9.44371,-12.76132 5.36173,-25.51221 13.58463,-34.13964c9.16566,-9.37672 19.64847,-19.36716 22.45389,-32.62941c-3.77451,-3.10155 -12.3967,-7.54239 -3.59866,-11.78228c12.01596,-2.03703 24.83499,-2.28521 36.61118,1.05654c7.81644,7.61585 -11.93045,8.03119 -3.43417,17.63365c10.07373,12.07176 -3.50795,18.30174 -11.52704,25.27969c-4.66763,5.89621 -18.59915,13.67189 -16.20224,19.78346c13.63968,-0.47554 21.5871,-13.67976 31.31615,-21.49704c10.67101,-13.68708 20.99446,8.43092 27.81822,15.94714c8.40642,11.39094 2.60674,26.70086 -10.05556,31.59287c-6.28001,6.46729 -10.44972,24.88914 4.57674,22.14657c8.72636,3.17196 -8.52979,3.51371 1.37608,6.446c6.58298,2.52787 32.25821,8.30554 18.1142,16.0547c-12.00471,2.71368 -24.40523,2.6017 -36.6002,1.50584c-0.75204,18.52477 1.89484,36.97644 7.35446,54.6958c1.35513,5.04123 2.71027,10.08244 4.06541,15.12361c6.52129,-0.129 19.98573,-1.55484 13.76321,9.18311c-13.08994,7.21928 -5.0789,22.41203 2.17738,31.05447c8.99446,11.37192 22.40833,22.01788 22.98288,37.58719c3.59734,2.14404 15.56946,8.03415 12.10645,12.64545c-57.30759,-0.2937 -114.6481,0.84897 -171.9265,-1.25046l-1.98901,-0.18246l-1.62205,-0.39337l0,0z",
-	"chess_king": "m75.6993,294.60599c-8.08068,-9.43317 12.65705,-9.68567 9.39906,-20.14252c5.95673,-13.85672 21.44485,-22.24414 23.72572,-37.99019c-6.28166,-4.37628 -9.89445,-14.96013 2.0899,-13.70361c8.78859,-6.61539 7.6902,-20.15297 10.33321,-30.0876c2.47588,-16.03471 3.03656,-32.26408 4.10001,-48.43053c-10.16894,-0.78108 -20.58942,-0.23701 -30.49778,-2.84268c0.28501,-10.75136 20.44619,-6.62604 21.3638,-16.77121c14.65907,-0.2649 0.81196,-22.15992 -5.15776,-27.38371c-7.64118,-8.81222 -12.7306,-22.72323 -6.92168,-33.60618c8.30865,-5.52043 27.09519,-2.1601 26.24604,-16.66769c-5.65058,-3.22095 -12.82484,-1.17552 -19.15805,-1.74514c0.38948,-6.7649 0.77895,-13.52979 1.16843,-20.29469c8.37558,-0.64424 16.75118,-1.28853 25.12676,-1.93283c-4.25133,-4.41846 -10.61392,-7.6702 -12.20608,-13.92034c5.41558,-8.90246 18.46751,-8.1166 27.81776,-8.03243c9.09207,-0.62713 25.66919,5.43749 13.27614,15.20592c-1.00447,2.39887 -10.78024,8.36352 -4.73895,7.71326c7.73515,0 15.47028,0 23.20541,0c-0.02223,6.6133 -0.20001,13.29232 1.35312,19.76423c-5.90448,4.39723 -25.05112,-3.75612 -19.59946,9.81149c6.13853,5.67249 15.53992,5.52279 23.32581,8.02098c4.54138,0.45371 8.15405,1.63713 6.5175,6.94557c0.85359,9.85596 -1.63307,19.77049 -8.40776,27.25217c-4.79567,7.80693 -15.56667,17.58031 -12.3781,26.61691c6.03265,-0.98199 10.87871,2.97905 6.06032,7.43356c4.94479,3.66121 22.35728,2.82278 18.59119,11.98875c-8.82205,2.92029 -18.29916,1.70366 -27.45192,2.00166c2.43703,25.01987 5.80666,50.04211 11.43709,74.54305c3.28979,5.43672 16.35808,9.61523 5.63309,16.70296c-4.00256,13.19919 8.78183,23.08223 16.81097,31.55379c8.82797,6.61176 4.54482,19.91519 17.0338,22.03693c9.83562,9.52774 -13.5036,9.27408 -19.49568,9.29486c-39.66827,0.42773 -79.37933,1.02615 -119.03208,-0.25211c-3.24605,-0.40967 -7.25645,-0.31595 -9.56982,-3.08264z",
-	"chess_knight": "m100.17753,299.2356c-10.0382,0.34137 -24.72987,-4.84531 -14.46609,-16.41525c11.17445,-4.40472 -1.98608,-19.00409 9.21265,-25.88123c8.98889,-12.79953 21.20518,-24.48807 24.89179,-40.11865c-0.57252,-10.60066 -13.22608,-16.87427 -7.18922,-28.60765c-5.92265,-18.77635 -4.55389,-40.38806 6.25748,-57.26643c9.18032,-15.67659 20.32635,-32.28713 19.15084,-51.25797c-11.5139,4.80804 -23.70148,9.0206 -36.37307,6.83708c-11.91311,-1.1064 -22.59742,8.54017 -34.74928,3.29494c-12.31807,-2.55921 -19.64501,-19.02957 -10.4606,-28.65753c10.03679,-8.57325 24.78339,-8.84916 34.35549,-18.41713c12.62932,-10.46186 24.31081,-24.61204 41.71716,-26.46155c7.69322,-1.76131 10.99294,-9.49197 15.25148,-15.2854c3.53894,9.18849 9.69408,17.31353 18.95801,21.387c18.83824,10.9118 23.5276,33.98066 30.47462,52.94444c5.13654,14.85179 9.41592,30.35814 18.01733,43.6171c0.09145,6.36343 -9.56343,9.05308 -3.04225,16.51302c3.39153,20.2325 3.53752,40.95071 3.23686,61.41966c-5.72005,10.01691 -10.93028,21.19722 -3.29993,32.69295c5.09689,14.05096 17.7905,23.26645 24.03563,36.52565c3.53024,6.8656 -6.88226,16.83319 6.09091,15.10654c11.84755,6.2681 2.28101,21.56821 -9.50232,17.11713c-44.15834,1.12289 -88.41394,2.24417 -132.5675,0.9133z",
-	"chess_pawn": "m76.17518,297.98557c-10.50418,1.59836 -25.59558,-8.37918 -12.29734,-17.44669c11.25366,-5.8967 0.45475,-21.25174 12.35514,-28.71019c12.10069,-16.52 24.98341,-33.40712 31.01369,-53.22789c-0.84142,-9.49573 -19.64921,-25.21422 -0.595,-28.29408c15.7114,1.82648 9.96503,-21.69583 15.39529,-31.88779c3.26528,-15.46995 5.63882,-31.19783 5.05293,-47.04268c-10.94164,-0.30554 -22.10724,0.96841 -32.83411,-1.63306c-6.84238,-8.98132 15.45903,-13.45317 19.13895,-21.55999c7.72121,-11.65172 -11.3031,-24.52544 -3.15941,-38.29919c5.20168,-20.85055 29.26575,-34.36854 49.62741,-26.73076c21.08499,5.46792 36.67119,30.37529 26.64961,51.09357c-0.80009,3.99703 -7.062,9.17959 -4.97066,12.36269c9.12987,6.33601 19.70087,11.85771 25.48528,21.64108c-8.18987,5.93826 -21.89375,1.4159 -32.1122,4.23674c-9.29645,8.24593 -0.11353,25.10609 0.36266,36.41936c2.90009,12.9261 5.46037,25.96617 8.78381,38.77452c6.98657,2.72525 21.33679,5.88095 13.4649,17.20207c-11.22217,9.11032 -5.7289,23.62137 0.60231,33.84465c7.87996,15.78793 21.40668,27.84862 29.69345,43.27188c3.07736,7.12057 -7.92374,19.7316 5.78708,16.78259c14.86404,3.15744 5.96938,23.76761 -7.3875,18.8981c-49.21407,1.73288 -98.52922,2.43631 -147.74446,0.51953l-2.31185,-0.21448l0,0z",
-	"chess_queen": "m59.54884,298.46313c-11.18457,2.51251 -19.80814,-14.30008 -5.94004,-16.129c12.20336,0.23074 -3.0349,-11.94995 7.98012,-16.05304c12.67021,-12.36537 25.23749,-25.26018 33.3575,-41.17609c-4.09126,-5.42482 -10.84344,-10.60782 -9.96117,-18.03085c7.964,-2.71161 19.82806,-0.87375 20.29981,-13.44502c7.24239,-22.68985 9.1741,-46.67986 10.76167,-70.3136c-7.99255,-6.33596 -24.45116,-0.33371 -35.62089,-3.56097c-16.94488,-4.5746 6.31873,-13.33291 13.78075,-12.6113c6.70493,0.01006 16.63324,-4.12222 5.41084,-7.2804c9.46686,-0.43687 23.08297,-12.44518 7.51486,-16.77373c11.54188,-8.28655 2.64816,-26.31929 -2.17102,-36.68976c-7.265,-12.52285 -19.21146,-21.59242 -32.71435,-26.42871c-2.18616,-12.77 18.63421,-8.99565 27.07909,-9.65835c12.78728,0.48775 25.82639,-0.15282 36.96732,-7.11507c15.05278,-6.96464 27.8495,4.65901 41.61934,7.11611c13.92807,0.89699 28.41634,-2.50577 41.97807,1.44028c4.20209,2.98911 11.18788,7.71034 2.77457,9.97613c-16.06789,8.94404 -31.07338,22.15693 -35.10127,40.92605c-6.0766,10.44077 4.6955,19.50048 -5.15381,26.98807c-0.10249,8.80961 22.85634,10.04067 10.00395,14.37878c8.80815,4.77542 27.69864,1.76332 29.62625,12.3696c-7.99612,6.2903 -19.2092,3.80788 -28.79007,4.39512c-3.2489,1.10706 -11.41316,-2.70125 -10.17032,2.89742c-0.6366,25.08775 5.87923,49.75521 12.1806,73.83221c0.00804,11.79608 29.09497,5.10777 12.92737,18.49597c-11.94247,10.28146 5.56685,24.68452 11.63272,33.82986c8.25099,10.03221 22.89711,15.11021 21.67468,29.8362c8.40468,0.60507 18.40166,13.69095 6.78131,16.95151c-62.8902,1.31946 -125.82766,2.22778 -188.72791,1.83258z",
-	"chess_rock": "m70.40736,299.11804c-15.60727,2.87628 -15.90823,-19.81082 -1.8931,-20.53482c-4.2011,-9.73361 -0.98556,-21.67557 5.22356,-30.68398c8.90442,-15.05035 22.29623,-30.00999 19.52936,-48.8515c-0.95786,-9.8022 -13.10349,-27.37677 5.72565,-24.85997c5.09087,-9.77498 2.13017,-24.16621 5.9483,-35.39389c3.33424,-21.28385 10.75552,-43.9948 2.86147,-65.09612c-4.97705,-11.23243 -17.62387,-18.62589 -16.26645,-32.35733c-1.42947,-13.39034 -0.95647,-26.88279 0.60455,-40.23392c6.07738,0.50975 12.84039,-1.27954 18.38155,1.475c-0.04153,12.96106 12.26991,10.08973 10.7935,-0.92486c3.23881,-1.28251 8.60017,-0.18413 12.6562,-0.55014c18.03256,0 36.06522,0 54.09778,0c-2.06311,7.51434 3.5195,17.19948 10.5887,8.35272c-1.93379,-11.75267 14.25911,-7.86334 10.37854,2.24694c0.22855,13.39515 1.87041,27.25403 -1.89201,40.29753c-6.12787,5.2086 -6.22449,15.45995 -13.90137,21.60233c-6.16908,11.51656 -3.45045,25.43306 -2.7644,37.9428c2.61279,18.51363 6.92676,36.79671 8.00221,55.52328c-0.76923,10.18126 20.18948,7.18474 11.15244,19.71645c-9.87662,8.41151 -4.0954,22.61668 -0.18413,32.66171c7.71916,17.36203 23.99019,32.95758 21.5343,53.32025c-1.94743,8.89606 14.16618,5.88821 9.97758,17.34372c-0.12151,14.11871 -21.10172,5.04239 -30.39526,8.00793c-46.7146,0.56656 -93.44374,1.44144 -140.159,0.99585z"
-	}
-}
\ No newline at end of file
+{"data": {
+  "cards_clubs": "m107.57338,275.50809c15.10838,-15.77673 27.93053,-34.56763 33.34637,-55.90254c-16.19595,12.31328 -31.05006,32.11845 -53.64258,31.36813c-17.05595,0.97891 -37.37346,0.99548 -49.37947,-13.26945c-26.83,-21.5751 -34.03729,-64.69673 -12.00568,-92.15404c15.07669,-19.82526 41.4039,-28.23172 65.56467,-25.25816c15.22319,-6.45935 -2.97749,-22.81502 -4.80785,-33.02267c-11.33012,-37.02704 15.36169,-81.44029 54.60988,-85.70572c28.15103,-4.0415 55.67099,14.18231 69.44571,37.83293c7.4856,16.54877 3.58533,35.33045 1.83887,52.49866c-5.88113,8.62766 -20.94342,29.50022 0.55099,27.85616c21.2518,-0.33633 43.69397,5.90277 57.70761,22.8026c20.49747,22.76067 22.37766,60.37286 1.7551,83.63007c-10.90869,14.16582 -27.2782,25.50356 -45.80551,24.87234c-18.13391,1.83067 -37.77023,-2.10338 -50.62924,-15.92061c-5.48438,-3.84309 -18.92297,-18.36311 -18.91833,-15.17883c13.43222,27.98354 28.62112,57.04413 55.49167,74.38477c9.60062,7.71954 -14.62323,2.41226 -20.4874,3.98563c-35.53012,0.0314 -71.06009,0.06342 -106.59021,0.09497c7.31842,-7.63818 14.6373,-15.27603 21.9554,-22.91422z",
+  "cards_diamonds": "m34.92883,153.9321c25.56111,-56.62673 71.64644,-104.95768 110.85236,-152.92286c45.60773,30.78102 85.01025,98.49872 119.29071,145.66264c-30.57587,54.55344 -74.58923,104.23671 -114.23947,153.1615c-42.74368,-44.7616 -79.29648,-95.90262 -115.90359,-145.90128z",
+  "cards_hearts": "m106.76112,245.09012c-77.74644,-57.80281 -105.54389,-94.36783 -105.76917,-139.13003c-0.20544,-40.80623 34.10907,-80.19025 69.67002,-79.96313c17.75755,0.11364 55.84863,15.13257 69.33681,27.33919c6.79614,6.1504 10.01512,5.54391 25.146,-4.73779c41.17987,-27.98239 81.39243,-28.56973 107.43585,-1.56907c41.62292,43.15273 34.04501,94.68497 -21.78392,148.13782c-29.68187,28.41864 -94.50056,78.8349 -101.35565,78.8349c-2.08591,0 -21.29187,-13.01038 -42.67994,-28.9119z",
+  "cards_spades": "m92.84135,287.13989c18.3756,-17.73279 31.81261,-40.18849 43.07161,-62.94162c6.87787,-9.075 0.36623,-17.01425 -9.00183,-9.3188c-24.07579,16.07495 -56.84848,21.58751 -82.91551,6.92194c-29.46779,-15.23779 -42.75618,-51.47162 -36.07021,-83.04361c4.23415,-31.99545 27.52112,-57.07481 52.80524,-75.08997c29.04437,-20.7771 60.40868,-38.61331 86.95355,-62.67224c11.08365,0.22219 19.42508,17.61496 31.35349,22.21747c31.67316,23.59131 69.20874,40.95643 94.15042,72.50237c12.60098,17.9752 19.78281,40.10946 20.58459,61.98948c-3.83926,29.67093 -21.5314,60.96272 -52.04169,69.41241c-26.37521,7.98038 -53.51129,-2.14038 -76.49545,-15.01619c-2.80743,-0.60251 -13.10471,-8.7151 -9.02362,-2.41039c13.74066,28.19803 28.79581,56.19804 50.59952,79.09325c1.28156,2.89285 11.33243,9.75613 5.98334,9.64709c-44.76935,0 -89.53856,0 -134.30794,0c4.78471,-3.7637 9.5696,-7.5275 14.35449,-11.2912z",
+  "chess_bishop": "m61.92021,296.91153c0.43627,-9.82327 20.22808,-4.98053 9.33225,-14.55078c3.63447,-11.80536 14.91982,-19.66748 21.741,-29.79436c5.22913,-8.62125 17.00826,-19.01086 11.31252,-29.67047c-10.46021,-5.58662 -7.49181,-18.00824 5.30239,-15.28014c8.2272,-7.58801 8.79371,-20.26302 11.57766,-30.59467c2.52694,-12.36574 4.07327,-24.95554 3.66998,-37.5896c-14.99698,0.03661 -30.27584,-0.68196 -44.73978,-4.74928c2.8019,-11.20453 20.86148,-8.79659 28.26084,-15.67982c-6.87532,-6.18329 13.89957,-5.56496 8.46355,-15.34472c-0.37302,-11.20033 -9.19685,-14.44135 -16.26585,-22.60765c-9.44371,-12.76132 5.36173,-25.51221 13.58463,-34.13964c9.16566,-9.37672 19.64847,-19.36716 22.45389,-32.62941c-3.77451,-3.10155 -12.3967,-7.54239 -3.59866,-11.78228c12.01596,-2.03703 24.83499,-2.28521 36.61118,1.05654c7.81644,7.61585 -11.93045,8.03119 -3.43417,17.63365c10.07373,12.07176 -3.50795,18.30174 -11.52704,25.27969c-4.66763,5.89621 -18.59915,13.67189 -16.20224,19.78346c13.63968,-0.47554 21.5871,-13.67976 31.31615,-21.49704c10.67101,-13.68708 20.99446,8.43092 27.81822,15.94714c8.40642,11.39094 2.60674,26.70086 -10.05556,31.59287c-6.28001,6.46729 -10.44972,24.88914 4.57674,22.14657c8.72636,3.17196 -8.52979,3.51371 1.37608,6.446c6.58298,2.52787 32.25821,8.30554 18.1142,16.0547c-12.00471,2.71368 -24.40523,2.6017 -36.6002,1.50584c-0.75204,18.52477 1.89484,36.97644 7.35446,54.6958c1.35513,5.04123 2.71027,10.08244 4.06541,15.12361c6.52129,-0.129 19.98573,-1.55484 13.76321,9.18311c-13.08994,7.21928 -5.0789,22.41203 2.17738,31.05447c8.99446,11.37192 22.40833,22.01788 22.98288,37.58719c3.59734,2.14404 15.56946,8.03415 12.10645,12.64545c-57.30759,-0.2937 -114.6481,0.84897 -171.9265,-1.25046l-1.98901,-0.18246l-1.62205,-0.39337l0,0z",
+  "chess_king": "m75.6993,294.60599c-8.08068,-9.43317 12.65705,-9.68567 9.39906,-20.14252c5.95673,-13.85672 21.44485,-22.24414 23.72572,-37.99019c-6.28166,-4.37628 -9.89445,-14.96013 2.0899,-13.70361c8.78859,-6.61539 7.6902,-20.15297 10.33321,-30.0876c2.47588,-16.03471 3.03656,-32.26408 4.10001,-48.43053c-10.16894,-0.78108 -20.58942,-0.23701 -30.49778,-2.84268c0.28501,-10.75136 20.44619,-6.62604 21.3638,-16.77121c14.65907,-0.2649 0.81196,-22.15992 -5.15776,-27.38371c-7.64118,-8.81222 -12.7306,-22.72323 -6.92168,-33.60618c8.30865,-5.52043 27.09519,-2.1601 26.24604,-16.66769c-5.65058,-3.22095 -12.82484,-1.17552 -19.15805,-1.74514c0.38948,-6.7649 0.77895,-13.52979 1.16843,-20.29469c8.37558,-0.64424 16.75118,-1.28853 25.12676,-1.93283c-4.25133,-4.41846 -10.61392,-7.6702 -12.20608,-13.92034c5.41558,-8.90246 18.46751,-8.1166 27.81776,-8.03243c9.09207,-0.62713 25.66919,5.43749 13.27614,15.20592c-1.00447,2.39887 -10.78024,8.36352 -4.73895,7.71326c7.73515,0 15.47028,0 23.20541,0c-0.02223,6.6133 -0.20001,13.29232 1.35312,19.76423c-5.90448,4.39723 -25.05112,-3.75612 -19.59946,9.81149c6.13853,5.67249 15.53992,5.52279 23.32581,8.02098c4.54138,0.45371 8.15405,1.63713 6.5175,6.94557c0.85359,9.85596 -1.63307,19.77049 -8.40776,27.25217c-4.79567,7.80693 -15.56667,17.58031 -12.3781,26.61691c6.03265,-0.98199 10.87871,2.97905 6.06032,7.43356c4.94479,3.66121 22.35728,2.82278 18.59119,11.98875c-8.82205,2.92029 -18.29916,1.70366 -27.45192,2.00166c2.43703,25.01987 5.80666,50.04211 11.43709,74.54305c3.28979,5.43672 16.35808,9.61523 5.63309,16.70296c-4.00256,13.19919 8.78183,23.08223 16.81097,31.55379c8.82797,6.61176 4.54482,19.91519 17.0338,22.03693c9.83562,9.52774 -13.5036,9.27408 -19.49568,9.29486c-39.66827,0.42773 -79.37933,1.02615 -119.03208,-0.25211c-3.24605,-0.40967 -7.25645,-0.31595 -9.56982,-3.08264z",
+  "chess_knight": "m100.17753,299.2356c-10.0382,0.34137 -24.72987,-4.84531 -14.46609,-16.41525c11.17445,-4.40472 -1.98608,-19.00409 9.21265,-25.88123c8.98889,-12.79953 21.20518,-24.48807 24.89179,-40.11865c-0.57252,-10.60066 -13.22608,-16.87427 -7.18922,-28.60765c-5.92265,-18.77635 -4.55389,-40.38806 6.25748,-57.26643c9.18032,-15.67659 20.32635,-32.28713 19.15084,-51.25797c-11.5139,4.80804 -23.70148,9.0206 -36.37307,6.83708c-11.91311,-1.1064 -22.59742,8.54017 -34.74928,3.29494c-12.31807,-2.55921 -19.64501,-19.02957 -10.4606,-28.65753c10.03679,-8.57325 24.78339,-8.84916 34.35549,-18.41713c12.62932,-10.46186 24.31081,-24.61204 41.71716,-26.46155c7.69322,-1.76131 10.99294,-9.49197 15.25148,-15.2854c3.53894,9.18849 9.69408,17.31353 18.95801,21.387c18.83824,10.9118 23.5276,33.98066 30.47462,52.94444c5.13654,14.85179 9.41592,30.35814 18.01733,43.6171c0.09145,6.36343 -9.56343,9.05308 -3.04225,16.51302c3.39153,20.2325 3.53752,40.95071 3.23686,61.41966c-5.72005,10.01691 -10.93028,21.19722 -3.29993,32.69295c5.09689,14.05096 17.7905,23.26645 24.03563,36.52565c3.53024,6.8656 -6.88226,16.83319 6.09091,15.10654c11.84755,6.2681 2.28101,21.56821 -9.50232,17.11713c-44.15834,1.12289 -88.41394,2.24417 -132.5675,0.9133z",
+  "chess_pawn": "m76.17518,297.98557c-10.50418,1.59836 -25.59558,-8.37918 -12.29734,-17.44669c11.25366,-5.8967 0.45475,-21.25174 12.35514,-28.71019c12.10069,-16.52 24.98341,-33.40712 31.01369,-53.22789c-0.84142,-9.49573 -19.64921,-25.21422 -0.595,-28.29408c15.7114,1.82648 9.96503,-21.69583 15.39529,-31.88779c3.26528,-15.46995 5.63882,-31.19783 5.05293,-47.04268c-10.94164,-0.30554 -22.10724,0.96841 -32.83411,-1.63306c-6.84238,-8.98132 15.45903,-13.45317 19.13895,-21.55999c7.72121,-11.65172 -11.3031,-24.52544 -3.15941,-38.29919c5.20168,-20.85055 29.26575,-34.36854 49.62741,-26.73076c21.08499,5.46792 36.67119,30.37529 26.64961,51.09357c-0.80009,3.99703 -7.062,9.17959 -4.97066,12.36269c9.12987,6.33601 19.70087,11.85771 25.48528,21.64108c-8.18987,5.93826 -21.89375,1.4159 -32.1122,4.23674c-9.29645,8.24593 -0.11353,25.10609 0.36266,36.41936c2.90009,12.9261 5.46037,25.96617 8.78381,38.77452c6.98657,2.72525 21.33679,5.88095 13.4649,17.20207c-11.22217,9.11032 -5.7289,23.62137 0.60231,33.84465c7.87996,15.78793 21.40668,27.84862 29.69345,43.27188c3.07736,7.12057 -7.92374,19.7316 5.78708,16.78259c14.86404,3.15744 5.96938,23.76761 -7.3875,18.8981c-49.21407,1.73288 -98.52922,2.43631 -147.74446,0.51953l-2.31185,-0.21448l0,0z",
+  "chess_queen": "m59.54884,298.46313c-11.18457,2.51251 -19.80814,-14.30008 -5.94004,-16.129c12.20336,0.23074 -3.0349,-11.94995 7.98012,-16.05304c12.67021,-12.36537 25.23749,-25.26018 33.3575,-41.17609c-4.09126,-5.42482 -10.84344,-10.60782 -9.96117,-18.03085c7.964,-2.71161 19.82806,-0.87375 20.29981,-13.44502c7.24239,-22.68985 9.1741,-46.67986 10.76167,-70.3136c-7.99255,-6.33596 -24.45116,-0.33371 -35.62089,-3.56097c-16.94488,-4.5746 6.31873,-13.33291 13.78075,-12.6113c6.70493,0.01006 16.63324,-4.12222 5.41084,-7.2804c9.46686,-0.43687 23.08297,-12.44518 7.51486,-16.77373c11.54188,-8.28655 2.64816,-26.31929 -2.17102,-36.68976c-7.265,-12.52285 -19.21146,-21.59242 -32.71435,-26.42871c-2.18616,-12.77 18.63421,-8.99565 27.07909,-9.65835c12.78728,0.48775 25.82639,-0.15282 36.96732,-7.11507c15.05278,-6.96464 27.8495,4.65901 41.61934,7.11611c13.92807,0.89699 28.41634,-2.50577 41.97807,1.44028c4.20209,2.98911 11.18788,7.71034 2.77457,9.97613c-16.06789,8.94404 -31.07338,22.15693 -35.10127,40.92605c-6.0766,10.44077 4.6955,19.50048 -5.15381,26.98807c-0.10249,8.80961 22.85634,10.04067 10.00395,14.37878c8.80815,4.77542 27.69864,1.76332 29.62625,12.3696c-7.99612,6.2903 -19.2092,3.80788 -28.79007,4.39512c-3.2489,1.10706 -11.41316,-2.70125 -10.17032,2.89742c-0.6366,25.08775 5.87923,49.75521 12.1806,73.83221c0.00804,11.79608 29.09497,5.10777 12.92737,18.49597c-11.94247,10.28146 5.56685,24.68452 11.63272,33.82986c8.25099,10.03221 22.89711,15.11021 21.67468,29.8362c8.40468,0.60507 18.40166,13.69095 6.78131,16.95151c-62.8902,1.31946 -125.82766,2.22778 -188.72791,1.83258z",
+  "chess_rock": "m70.40736,299.11804c-15.60727,2.87628 -15.90823,-19.81082 -1.8931,-20.53482c-4.2011,-9.73361 -0.98556,-21.67557 5.22356,-30.68398c8.90442,-15.05035 22.29623,-30.00999 19.52936,-48.8515c-0.95786,-9.8022 -13.10349,-27.37677 5.72565,-24.85997c5.09087,-9.77498 2.13017,-24.16621 5.9483,-35.39389c3.33424,-21.28385 10.75552,-43.9948 2.86147,-65.09612c-4.97705,-11.23243 -17.62387,-18.62589 -16.26645,-32.35733c-1.42947,-13.39034 -0.95647,-26.88279 0.60455,-40.23392c6.07738,0.50975 12.84039,-1.27954 18.38155,1.475c-0.04153,12.96106 12.26991,10.08973 10.7935,-0.92486c3.23881,-1.28251 8.60017,-0.18413 12.6562,-0.55014c18.03256,0 36.06522,0 54.09778,0c-2.06311,7.51434 3.5195,17.19948 10.5887,8.35272c-1.93379,-11.75267 14.25911,-7.86334 10.37854,2.24694c0.22855,13.39515 1.87041,27.25403 -1.89201,40.29753c-6.12787,5.2086 -6.22449,15.45995 -13.90137,21.60233c-6.16908,11.51656 -3.45045,25.43306 -2.7644,37.9428c2.61279,18.51363 6.92676,36.79671 8.00221,55.52328c-0.76923,10.18126 20.18948,7.18474 11.15244,19.71645c-9.87662,8.41151 -4.0954,22.61668 -0.18413,32.66171c7.71916,17.36203 23.99019,32.95758 21.5343,53.32025c-1.94743,8.89606 14.16618,5.88821 9.97758,17.34372c-0.12151,14.11871 -21.10172,5.04239 -30.39526,8.00793c-46.7146,0.56656 -93.44374,1.44144 -140.159,0.99585z"
+  }
+}
diff --git a/editor/extensions/shapelib/raphael.txt b/editor/extensions/shapelib/license-MIT-raphael.txt
similarity index 97%
rename from editor/extensions/shapelib/raphael.txt
rename to editor/extensions/shapelib/license-MIT-raphael.txt
index 7549cc09..0cd8be2d 100644
--- a/editor/extensions/shapelib/raphael.txt
+++ b/editor/extensions/shapelib/license-MIT-raphael.txt
@@ -1,12 +1,12 @@
-All Raphaël icons were retrieved from here:
-http://raphaeljs.com/icons/
-
-And fall under the MIT license:
-
-Copyright © 2008 Dmitry Baranovskiy
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-The software is provided “as is”, without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose and noninfringement. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the software.
\ No newline at end of file
+All Raphaël icons were retrieved from here:
+http://raphaeljs.com/icons/
+
+And fall under the MIT license:
+
+Copyright © 2008 Dmitry Baranovskiy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+The software is provided “as is”, without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose and noninfringement. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the software.
diff --git a/editor/extensions/shapelib/math.json b/editor/extensions/shapelib/math.json
index 88c94971..e4e48a27 100644
--- a/editor/extensions/shapelib/math.json
+++ b/editor/extensions/shapelib/math.json
@@ -1,9 +1,9 @@
-{"data": {
-	"divide": "m150,0.99785l0,0c25.17819,0 45.58916,20.41097 45.58916,45.58916c0,25.17821 -20.41096,45.58916 -45.58916,45.58916c-25.17822,0 -45.58916,-20.41093 -45.58916,-45.58916c0,-25.1782 20.41093,-45.58916 45.58916,-45.58916zm0,296.25203c-25.17822,0 -45.58916,-20.41095 -45.58916,-45.58917c0,-25.17819 20.41093,-45.58916 45.58916,-45.58916c25.17819,0 45.58916,20.41096 45.58916,45.58916c0,25.17822 -20.41096,45.58917 -45.58916,45.58917zm-134.06754,-193.71518l268.13507,0l0,91.17833l-268.13507,0z",
-	"equal": "m0.99915,31.03476l297.3767,0l0,95.17349l-297.3767,0zm0,47.58677l297.3767,0l0,95.17349l-297.3767,0z",
-	"minus": "m0.99887,102.39503l297.49445,0l0,95.2112l-297.49445,0z",
-	"not_equal": "m40.81188,62.2131l103.7978,0l22.27972,-61.2131l65.67503,23.90375l-13.5795,37.30935l40.20317,0l0,69.88993l-65.64099,0l-12.71893,34.94495l78.35992,0l0,69.88991l-103.79779,0l-22.27972,61.21309l-65.67503,-23.90378l13.57949,-37.30933l-40.20319,0l0,-69.88991l65.64102,0l12.71894,-34.94498l-78.35995,0z",
-	"times": "m1.00089,73.36786l72.36697,-72.36697l76.87431,76.87368l76.87431,-76.87368l72.36765,72.36697l-76.87433,76.87431l76.87433,76.87431l-72.36765,72.36765l-76.87431,-76.87433l-76.87431,76.87433l-72.36697,-72.36765l76.87368,-76.87431l-76.87368,-76.87431z",
-	"plus": "m1.00211,102.40185l101.39974,0l0,-101.39975l95.45412,0l0,101.39975l101.3997,0l0,95.45412l-101.3997,0l0,101.3997l-95.45412,0l0,-101.3997l-101.39974,0z"
-	}
-}
\ No newline at end of file
+{"data": {
+  "divide": "m150,0.99785l0,0c25.17819,0 45.58916,20.41097 45.58916,45.58916c0,25.17821 -20.41096,45.58916 -45.58916,45.58916c-25.17822,0 -45.58916,-20.41093 -45.58916,-45.58916c0,-25.1782 20.41093,-45.58916 45.58916,-45.58916zm0,296.25203c-25.17822,0 -45.58916,-20.41095 -45.58916,-45.58917c0,-25.17819 20.41093,-45.58916 45.58916,-45.58916c25.17819,0 45.58916,20.41096 45.58916,45.58916c0,25.17822 -20.41096,45.58917 -45.58916,45.58917zm-134.06754,-193.71518l268.13507,0l0,91.17833l-268.13507,0z",
+  "equal": "m0.99915,31.03476l297.3767,0l0,95.17349l-297.3767,0zm0,47.58677l297.3767,0l0,95.17349l-297.3767,0z",
+  "minus": "m0.99887,102.39503l297.49445,0l0,95.2112l-297.49445,0z",
+  "not_equal": "m40.81188,62.2131l103.7978,0l22.27972,-61.2131l65.67503,23.90375l-13.5795,37.30935l40.20317,0l0,69.88993l-65.64099,0l-12.71893,34.94495l78.35992,0l0,69.88991l-103.79779,0l-22.27972,61.21309l-65.67503,-23.90378l13.57949,-37.30933l-40.20319,0l0,-69.88991l65.64102,0l12.71894,-34.94498l-78.35995,0z",
+  "times": "m1.00089,73.36786l72.36697,-72.36697l76.87431,76.87368l76.87431,-76.87368l72.36765,72.36697l-76.87433,76.87431l76.87433,76.87431l-72.36765,72.36765l-76.87431,-76.87433l-76.87431,76.87433l-72.36697,-72.36765l76.87368,-76.87431l-76.87368,-76.87431z",
+  "plus": "m1.00211,102.40185l101.39974,0l0,-101.39975l95.45412,0l0,101.39975l101.3997,0l0,95.45412l-101.3997,0l0,101.3997l-95.45412,0l0,-101.3997l-101.39974,0z"
+  }
+}
diff --git a/editor/extensions/shapelib/misc.json b/editor/extensions/shapelib/misc.json
index ed58c4cc..1ca3489f 100644
--- a/editor/extensions/shapelib/misc.json
+++ b/editor/extensions/shapelib/misc.json
@@ -1,37 +1,37 @@
-{"data": {
-	"3_ways": "m1,159.61292l52.87097,-52.87097l0,26.43549l69.69355,0l0,-79.30646l-26.43549,0l52.87096,-52.87097l52.87097,52.87097l-26.43549,0l0,79.30646l69.69356,0l0,-26.43549l52.87096,52.87097l-52.87096,52.87097l0,-26.43549l-192.25807,0l0,26.43549l-52.87097,-52.87097z",
-	"3D_plane_1": "m1,187.25l74.49999,-74.5l223.49998,0l-74.5,74.5l-223.49997,0z",
-	"3D_plane_2": "m112.75,75.50002l74.5,-74.50002l0,223.50002l-74.5,74.49998l0,-223.49998z",
-	"babe": "m299.04794,205.18787c-3.77606,12.02469 -14.23288,15.70245 -23.42029,7.51477c-4.99579,-3.63025 -15.93668,-4.01721 -8.27643,4.11765c4.3663,3.89154 12.96597,18.43826 2.6701,7.63031c-6.72076,-9.88528 -21.45963,-10.97299 -26.80637,-21.01428c-0.7126,-12.09052 -19.01982,-9.85156 -28.21417,-13.29294c-7.97734,0.2787 -20.34282,-8.29872 -23.22426,-8.2877c7.17442,8.54059 6.05238,22.25063 13.10196,29.89879c9.38933,2.61444 12.97119,14.02899 0.81691,15.99643c-14.79422,5.33719 -12.22833,-12.63193 -20.04561,-20.07751c-5.76567,-2.6597 -0.17117,23.97388 -5.6981,17.70459c0.14073,-11.08301 -5.26385,-21.19345 -7.43376,-31.72055c3.66939,-3.90994 3.24513,-15.0824 -1.24792,-6.28702c-9.32401,15.52066 -21.53839,29.02148 -33.42717,42.58749c-12.32529,3.3429 -25.61986,1.75922 -38.28926,0.99091c-13.33909,0.21539 -16.41985,-23.40515 -24.5597,-24.14911c-1.69956,6.7645 0.04348,10.7413 3.54543,14.16528c-5.43895,6.35352 -17.0083,4.24969 -24.32439,1.67859c-12.99512,4.18167 4.10523,-7.37332 9.39456,-5.37735c0.12955,-9.23239 1.69711,-21.43146 -1.15234,-30.31955c-4.26376,-4.21536 -13.54346,-25.27448 -12.61225,-10.56541c-2.43563,17.92097 -10.72475,34.53096 -12.64814,52.59737c-1.6411,10.13943 -15.83897,5.33594 -23.08624,5.82672c-7.30112,2.27881 -6.50991,0.30469 -13.11051,0.69199c7.01961,-9.43863 23.73587,-3.27213 28.50491,-13.30713c2.12957,-14.98691 1.05568,-30.67914 6.12082,-45.11276c-2.11474,-14.92252 -6.78208,-29.69904 -6.85915,-44.79436c2.37534,-9.86703 8.15515,-18.85688 7.95601,-29.33565c4.35726,-11.70351 7.18935,-24.90283 15.98966,-34.19202c9.32926,-10.04192 23.95938,-2.34001 28.82026,8.23518c5.23969,11.5593 -2.89557,23.16132 -3.7411,34.79802c10.97217,2.97472 2.07053,18.22128 16.21945,16.77118c11.11885,1.02463 7.90206,16.12445 0.58741,20.71976c-0.2656,7.05571 8.13246,16.23514 6.20955,25.48418c5.50479,6.05925 12.30074,9.05171 12.7784,-1.61943c3.7646,-14.17346 5.15414,-29.11295 11.81579,-42.45001c2.65157,-10.67883 13.6115,-24.48097 25.27724,-15.69678c10.81068,5.92413 13.54153,23.94177 22.32231,28.34891c10.75034,-9.00977 20.01573,4.53285 28.83136,9.38853c13.27853,7.35518 24.98924,17.12993 37.79256,25.23851c13.37863,6.81644 27.61211,12.28633 40.07347,20.72394c8.47791,4.65475 17.41223,-4.71762 19.34897,6.49048zm-149.77098,-49.39249c-1.45267,7.65393 4.38054,3.60388 0,0z",
-	"bevel": "m24.5,277l-24,23m276,-22l23,22m-23,-274l23,-24m-275,23l-23,-22m23,21.5l252,0l0,252l-252,0l0,-252zm-23.5,-23.5l299,0l0,299l-299,0l0,-299z",
-	"bone": "m273.3559,119.27242c-11.58661,5.90293 -23.89537,9.95385 -36.67676,12.27164c-53.42084,0.2984 -105.13121,0.41397 -158.74251,2.97562c-14.28426,-2.65407 -30.58815,0.18161 -42.82426,-9.13783c-9.06827,-7.25944 -28.17529,-2.4415 -25.05096,11.36483c6.17649,14.08824 -14.61965,21.70474 -7.59176,36.00003c6.11589,14.67987 24.54805,9.02721 35.59484,4.1729c20.29636,-4.79665 40.55842,-9.8537 60.92737,-14.38416c42.52868,-4.82219 82.54949,-1.83121 124.59118,1.02063c11.68694,2.54654 23.55803,4.03351 35.45654,5.38187c10.1839,0.16006 18.34979,7.46698 27.92017,8.65919c12.6539,-1.22533 16.41983,-19.19981 7.59747,-27.17406c-13.18918,-8.72406 6.75436,-24.14882 -8.14166,-31.38885c-4.25287,-2.31086 -8.733,-0.75754 -13.05966,0.23817z",
-	"chord": "m277.04315,255.07486c-47.63342,47.63342 -121.3194,57.33392 -179.65791,23.65366c-58.33851,-33.6824 -86.78111,-102.34741 -69.34571,-167.41564c17.43547,-65.06779 76.39998,-110.31287 143.76268,-110.31287l105.24094,254.07486z",
-	"circle_band": "m1,224.5l0,0c0,-82.29044 66.70957,-149 149,-149c82.29042,0 149,66.70956 149,149l-74.5,0c0,-41.14522 -33.3548,-74.5 -74.5,-74.5c-41.1452,0 -74.5,33.35478 -74.5,74.5z",
-	"circle_pie": "m299,150l0,0c0,82.29044 -66.70956,149 -149,149c-82.29044,0 -149,-66.70956 -149,-149c0,-82.29043 66.70956,-149 149,-149l0,149z",
-	"cube": "m30.42785,1.56129l-29.42785,29.42785l0,268.21907l264.28937,0.68124l33.35693,-30.10974l0,-268.21843l-268.21845,0zm236.46521,28.94674l0,269.42122m0,-269.42122l33.35693,-29.50804m-33.35693,30.791l-265.57233,-1.28296",
-	"dagger": "m1.57422,47.21264c-2.775,14.24454 5.08469,27.79975 11.2199,40.10517c13.07098,21.70464 28.2358,42.59465 47.26681,59.46329c12.98537,10.6889 24.68548,22.99878 39.38902,31.4678c19.22253,12.95224 39.86254,23.55869 61.26455,32.3793c15.9138,6.93546 32.60274,11.85577 49.65401,15.08282c4.95967,1.28564 18.82625,4.91663 10.19991,-3.60251c-7.15544,-3.02133 -14.76756,-5.22583 -21.96236,-8.37695c-34.92769,-14.34082 -72.04247,-26.94104 -100.21951,-53.10463c-4.66899,-6.20064 8.95855,3.3492 11.3067,5.96803c23.50703,16.73581 50.36192,27.95749 76.84653,39.04178c13.47301,4.46384 28.20039,13.97903 42.51408,7.22675c12.36502,-4.72467 -2.95702,-5.44891 -8.42033,-7.24844c-24.28337,-6.90491 -48.85286,-13.54227 -71.13893,-25.76019c-12.72568,-4.65573 -23.42126,-13.22678 -34.85331,-20.29132c-12.35065,-8.53128 -23.65424,-18.49934 -35.67798,-27.49634c-7.86864,-5.96642 -15.68669,-11.98865 -22.20108,-19.46664c-11.01625,-11.02383 -21.70009,-22.36108 -31.68482,-34.33246c-6.52307,-7.36439 -13.86146,-14.10685 -18.44664,-22.93894l-5.05655,-8.11652zm256.45175,139.13108c-1.50562,-0.04745 -3.06,0.28214 -4.36211,1.15021c-9.72246,4.86124 -7.63908,13.88922 -13.19478,20.83386c-4.16678,5.55569 -9.028,8.33356 -15.97261,10.41693c1.38892,2.77783 4.16675,6.94461 4.16675,10.41693c0,7.63907 -9.02798,14.58368 -15.97261,13.88922c-2.77786,-0.69446 -9.028,-4.16678 -11.11139,0c-0.69446,1.38895 -0.69446,2.77786 0,3.47232c0,2.77786 3.47231,4.16678 6.25015,5.55569c7.63908,2.08337 15.97263,-0.69446 22.22279,-4.86124c4.86122,-2.77783 8.33353,-7.63907 9.72246,-13.19479l1.38892,-9.02798c0.69446,-2.77783 3.47232,-3.47232 6.94463,-8.33353c4.16676,-5.55569 8.33354,-15.2782 13.88924,-19.44495c2.08337,-1.38892 4.16675,-2.0834 6.94461,-2.77786c-1.38892,-2.08337 -2.77786,-3.47229 -4.16678,-5.55566c-1.38892,-0.69449 -2.77783,-2.0834 -4.16675,-2.0834c-0.78128,-0.26041 -1.6792,-0.42728 -2.58252,-0.45575zm29.4061,26.21594c-2.61084,-0.02899 -5.33868,0.54254 -8.07312,1.32382l5.55569,3.47232c-1.38895,2.77783 -4.86121,8.33353 -4.16678,11.80585c0.69449,6.94461 10.41693,6.94461 14.58371,2.77783c4.86124,-5.55569 4.86124,-13.88922 -2.08337,-18.056c-1.82297,-0.91147 -3.78549,-1.30127 -5.81613,-1.32382zm-13.39011,3.40723c-0.54364,0.00192 -1.07498,0.00705 -1.60593,0.0217c-3.8486,0.21091 -7.69568,0.50116 -11.54541,0.67276c-2.41867,0.03116 -4.88754,-0.00473 -7.22676,0.69446c-3.17285,2.02515 -5.29396,5.38272 -6.53229,8.87607c-0.16666,0.50345 -0.30807,1.02072 -0.41234,1.54083c3.86218,1.74924 8.17189,1.5618 12.30499,1.41064c2.50439,-0.06696 5.00949,0.24561 7.50888,0.36893c1.7876,0.07916 3.57104,0.32327 5.36038,0.26044c2.19412,-0.07278 4.22598,-1.3168 5.38205,-3.16849c0.99927,-1.58255 1.9447,-3.21933 2.56085,-4.99146c0.49768,-1.59048 0.5896,-3.80087 -1.06339,-4.75272c-1.43857,-0.79446 -3.10013,-0.93906 -4.73105,-0.93317zm2.53915,15.9726c-0.69449,0.69446 -1.38892,0.69446 -2.0834,1.38892c-0.69446,3.47232 8.33356,11.80588 9.72247,4.16678c-3.47232,-1.38892 -5.55573,-2.77786 -7.63907,-5.55569z",
-	"diamonds": "m79.28394,70.5173l69.51914,-69.51918l69.53062,69.51918l-69.53062,69.5193l-69.51914,-69.5193zm-78.28265,78.73502l69.53064,-69.51916l69.51917,69.51916l-69.51917,69.53081l-69.53064,-69.53081zm158.04381,1.41991l69.53076,-69.50788l69.50775,69.50788l-69.50775,69.53059l-69.53076,-69.53059zm-78.26005,78.74646l69.50779,-69.51927l69.53087,69.51927l-69.53087,69.5197l-69.50779,-69.5197z",
-	"dog": "m244.35188,22.54387l-69.54898,69.54889c-119.32899,0.00291 -120.2569,-0.00142 -121.18423,0c-10.16035,0.01348 -20.31404,-0.04446 -30.47281,0.1654c-17.41192,-3.13311 -29.41997,20.08429 -17.10143,32.59326c9.91919,10.04415 24.91881,5.84701 37.58711,6.70858c0.082,39.19679 0.15858,78.39276 0.24066,117.58955c-1.93424,11.60912 7.01076,23.37389 18.92138,24.38115c10.04872,1.3252 21.64701,-4.10141 24.54638,-14.3645c2.0378,-20.77086 0.69009,-41.75818 1.06802,-62.62978c15.7105,0 58.3028,0.55273 93.34407,0.94731c0.05244,10.48698 0.11156,36.08763 0.16484,43.1525c-0.20064,9.60797 -0.94731,36.79358 17.44778,36.82019c18.39429,0.02664 19.96759,-19.29745 19.74867,-23.16328c-0.13904,-5.1078 0.14149,-42.99934 0.54108,-56.44814c2.24173,0.01166 4.87888,0.02997 6.54291,0.02997c-0.00998,-0.00999 -0.01997,-0.01997 -0.02995,-0.02997c0.10487,0.06078 0.2106,0.11987 0.31549,0.18065c0.19894,-16.80684 -0.38959,-50.0226 -0.04497,-66.82692c15.38005,-0.19313 30.76425,-0.09573 46.14514,-0.13486c13.52618,3.45377 34.10559,-4.10139 23.59946,-20.81667c-16.37396,-18.52205 -34.58011,-35.37009 -51.83061,-53.07936l0,-34.62398z",
-	"frame_half": "m1,1l297,0l-98.99899,98.99902l-99.00199,0l0,99.00198l-98.99902,98.99901z",
-	"hand_stop": "m136.25574,297.49808c-29.33714,-5.08954 -54.45634,-27.86633 -62.06976,-56.71431c-3.62096,-14.72525 -1.50079,-30.17319 -2.21442,-45.21799c-0.13461,-38.62221 -0.20337,-77.24464 -0.30453,-115.86696c3.44471,-11.98872 17.98409,-18.29414 29.04424,-12.36688c0.96214,-3.14931 0.25692,-8.79729 0.59418,-12.8885c-1.96137,-11.24498 6.05913,-22.68389 17.70836,-23.44487c6.68523,-0.04347 14.68906,5.03699 11.64235,-6.21321c-2.06573,-11.58701 7.02885,-24.78486 19.46753,-23.71677c11.8866,-1.10308 20.91313,10.99307 19.47894,22.20545c0.55293,6.69356 15.04739,-4.38583 20.11427,3.0555c6.46245,3.83537 10.88301,11.15349 9.66263,18.71955c0.37462,20.72639 -0.50464,41.58417 0.94255,62.21075c10.62856,-5.38028 25.7729,1.23052 27.94981,13.06696c-0.24077,36.77421 0.61372,73.57438 -0.64664,110.32743c-4.27835,37.80429 -40.23309,69.77301 -78.61711,67.50256c-4.25351,0.01132 -8.54422,0.05313 -12.75241,-0.65872zm26.24695,-10.04156c32.22029,-5.44516 57.56776,-36.59567 55.75252,-69.35173c0.24638,-31.65953 1.24834,-63.36566 0.07516,-95.00381c-0.74966,-11.56753 -19.92574,-8.76712 -18.68594,1.90652c-0.00584,23.46449 -0.01172,46.92897 -0.01762,70.39346c-5.97046,6.15695 -16.65688,2.44864 -23.81619,7.45261c-15.91585,6.94403 -26.02902,23.94809 -26.37592,41.0688c-8.5842,13.31046 -12.47054,-8.35147 -7.54663,-15.48785c5.69263,-21.52615 25.72418,-37.58736 47.72688,-39.6965c-0.18001,-49.52237 0.46608,-99.06258 -0.57811,-148.57061c-6.22968,-14.02401 -23.68619,-1.72364 -19.04016,10.55674c-0.45773,37.44105 -0.04761,74.89084 -0.68825,112.32923c-4.16106,6.65674 -12.04573,0.3437 -9.47389,-5.79948c-0.17776,-46.90031 -0.35556,-93.80062 -0.53333,-140.70093c-3.33864,-8.28292 -18.12991,-6.98883 -18.3627,2.10197c-0.18286,48.40011 -0.36572,96.80021 -0.5486,145.20032c-3.89212,5.48285 -11.88664,0.71593 -9.73376,-5.26897c-0.14377,-36.45805 0.40013,-72.93186 -0.55034,-109.37686c-0.24316,-10.84745 -18.40633,-10.5788 -18.64873,-0.51889c-0.36327,37.37112 0.09734,74.76224 -0.99649,112.11712c1.02982,9.51479 -12.37218,4.97615 -9.28424,-2.22137c-0.16375,-25.39479 0.44627,-50.81747 -0.58949,-76.18918c-6.1088,-15.65501 -24.37704,-2.73073 -19.28278,10.2811c0.06127,45.03139 -0.41048,90.08521 0.72834,135.10263c2.79378,34.58762 36.09247,63.06729 70.73276,60.79437c3.26721,-0.13614 6.52469,-0.50925 9.73752,-1.11868z",
-	"L_shape": "m1,1l149,0l0,149l149,0l0,149l-298,0l0,-298z",
-	"lightning_bolt": "m117.48906,0.99793l60.3351,83.60071l-24.88768,9.85823l75.99797,71.63888l-24.88768,11.96198l93.95412,119.94316l-159.33742,-91.91997l30.38835,-12.76016l-99.00077,-58.87717l35.47526,-18.19279l-104.52837,-61.76487l116.49113,-53.48799z",
-	"logo_apple": "m209.28954,1.00088c-43.04727,7.92585 -57.33284,43.96882 -57.8894,64.561c23.68694,1.71168 38.47275,-11.65597 44.5219,-19.4791c9.85237,-11.09263 12.25443,-26.71591 13.36751,-45.0819zm5.28372,71.19604c-31.11621,-0.01418 -48.48506,12.70539 -57.04939,12.84402c-9.82712,-0.76584 -38.46593,-12.28108 -55.16231,-12.46661c-58.47802,1.74345 -75.23289,65.28636 -74.50751,92.61087c4.76329,104.60263 68.59296,131.60016 79.02421,134.12564c8.36713,1.64984 36.57712,-12.89731 57.32939,-12.23529c22.65837,2.3606 38.49214,11.76068 47.58983,11.10309c11.51012,-0.79871 49.05655,-31.14218 60.37299,-77.89201c-22.81836,-19.29358 -36.89403,-36.77824 -38.15468,-53.37267c-0.584,-7.50279 10.70016,-49.91425 28.69514,-61.83392c2.59723,-14.65567 -24.13031,-33.25182 -45.08191,-32.83442c-1.03252,-0.02777 -2.05203,-0.0482 -3.05577,-0.04871z",
-	"man": "m125.90131,25.2503c0,-13.33112 10.79823,-24.12934 24.12934,-24.12934c13.33113,0 24.12932,10.79822 24.12932,24.12934c0,13.33112 -10.79819,24.12934 -24.12932,24.12934c-13.33113,0 -24.12934,-10.79822 -24.12934,-24.12934zm81.12696,68.30144v-12.18601c0,-12.82147 -10.38806,-23.21696 -23.21696,-23.21696h-67.63607c-12.82147,0 -23.21695,10.39549 -23.21695,23.21696v12.18601c-0.02242,0.2766 -0.03739,0.56071 -0.03739,0.84853v70.18918c0,5.4538 4.41839,9.87215 9.87218,9.87215c5.44633,0 9.87589,-4.41837 9.87589,-9.87215v-69.14999h6.62006v79.02961h0.04859v111.66646c0,7.25925 5.89491,13.15787 13.16164,13.15787c7.27048,0 13.16164,-5.89114 13.16164,-13.15787v-111.66646h8.68347v111.66646c0,7.25925 5.89856,13.15787 13.16162,13.15787c7.27045,0 13.16161,-5.89114 13.16161,-13.15787v-111.66646h0.04112v-79.02961h6.62007v69.14623c0,5.45381 4.42955,9.8759 9.8759,9.8759c5.45386,0 9.87218,-4.42209 9.87218,-9.8759v-70.18916c-0.00371,-0.29156 -0.02617,-0.56819 -0.0486,-0.8448z",
-	"maximize_2": "m1,149.99998l67.05,-67.05l0,33.52501l48.425,0l0,-48.425l-33.52501,0l67.05,-67.05l67.04999,67.05l-33.52499,0l0,48.425l48.42502,0l0,-33.52501l67.04997,67.05l-67.04997,67.04999l0,-33.52499l-48.42502,0l0,48.42502l33.52499,0l-67.04999,67.04997l-67.05,-67.04997l33.52501,0l0,-48.42502l-48.425,0l0,33.52499l-67.05,-67.04999z",
-	"moon": "m227,299.94119l0,0c-85.05185,0 -154,-66.92029 -154,-149.4706c0,-82.55034 68.94815,-149.4706 154,-149.4706l0,0c-48.47263,35.28521 -77,90.6619 -77,149.4706c0,58.80869 28.52737,114.18535 77,149.4706z",
-	"mythic_unicorn_2": "m182.0204,297.85391c-5.77818,-7.90314 -14.7635,-8.80438 -16.9241,-20.05347c-1.69348,-6.11859 -17.65829,-14.32483 -8.20955,-3.3428c7.2961,6.61768 15.96432,31.02682 -1.98563,23.31473c-13.65228,-5.01041 -14.2377,-20.48209 -17.89716,-32.06519c-11.90031,-8.25644 3.07674,-25.71408 -9.73651,-36.29276c-10.87482,-11.04288 -3.30119,-31.72456 -18.8404,-39.55457c-7.79965,-3.16566 -11.1757,18.69177 -12.48895,2.70163c-4.27309,-16.17242 -19.36451,7.86156 -29.42789,5.31358c-8.12057,-0.70595 13.58361,-6.35143 3.22626,-7.87068c-6.08933,3.33348 -11.72343,9.09727 -12.68681,-0.44351c-7.3251,-4.35046 -22.68599,-11.29797 -22.28696,-18.20909c6.3611,-1.99829 27.83545,3.78387 24.11403,-4.25029c-6.38573,-2.42343 -7.54573,-9.04803 0.27553,-4.60205c15.41352,0.48352 33.48255,-5.66917 46.30758,6.09853c6.68958,4.11612 13.26701,18.87857 16.84827,4.53223c11.5443,-13.92389 34.83883,-15.10329 41.95536,-33.13124c1.72211,-8.72215 -5.28903,-13.69839 -11.24521,-15.46512c-1.15878,-2.86641 -3.13139,-15.03612 -8.05675,-8.8949c0.22449,-5.37502 4.84473,-18.22859 -5.38927,-12.53831c-1.03801,-11.44846 8.74879,-22.87025 -4.19783,-31.20716c12.13029,2.25027 9.73825,-11.57887 7.09616,-13.77212c7.19073,-1.02106 15.62939,-7.49186 11.66467,-15.50808c7.80894,14.17675 8.07971,-17.19902 14.50877,-3.67512c11.83272,1.93988 -3.67599,-10.57163 7.20721,-7.77902c6.21443,0.21264 4.83423,-6.80917 10.41692,-1.50957c7.3886,-4.03149 -5.66409,-16.21531 6.26559,-7.74985c4.01033,3.484 16.77809,12.60911 14.48726,0.56772c11.33586,12.0923 20.25659,-11.23169 29.67625,-16.06186c3.73633,-4.47003 11.8613,-9.20071 4.36795,-0.66791c-4.97461,10.87669 -21.85179,22.64296 -17.31131,33.45053c-4.10985,3.74163 8.29224,8.44421 -1.58034,7.02768c-5.8488,6.31351 7.84134,18.1257 8.93388,28.06219c-3.13588,6.80826 -15.07657,14.53744 -19.90688,14.29315c1.76543,-8.76564 -2.06178,-20.19066 -13.24036,-15.23595c6.26202,11.45789 14.72818,22.40379 20.03253,34.86404c5.18462,12.24902 13.59059,26.39416 24.64981,10.62966c7.04883,-10.04763 27.18559,-9.90218 21.65419,6.41521c-2.82767,16.0232 4.74286,37.1706 -9.80374,48.20794c-8.77531,16.90973 -18.50392,-6.2874 -11.60965,-15.06308c-1.75673,-2.50781 -3.11575,-4.27809 2.02489,-7.7061c-1.06146,-2.57137 14.7939,-12.24554 6.80286,-18.18176c-9.0885,10.30594 -22.38708,22.23511 -18.69125,37.55475c2.99957,10.26601 -21.73944,27.86615 -19.76117,10.82875c0.44312,-6.62131 9.89648,-19.45415 7.72044,-21.10741c-6.90181,12.95006 -16.71997,25.39136 -31.55621,29.23625c-12.34084,0.73132 -18.80547,10.66779 -12.94504,21.69241c1.11998,15.62238 -7.12646,29.76141 -9.02499,44.972c3.52914,16.13283 25.01552,19.39287 27.93198,35.84959c5.01138,11.05234 -7.52405,9.41898 -13.36446,6.32639zm-30.55545,-48.12944c-1.80891,-7.29253 -5.53151,18.95699 -0.94273,5.02481l0.68695,-2.46143l0.25578,-2.56339z",
-	"page": "m249.3298,298.99744l9.9335,-39.73413l39.73413,-9.93355l-49.66763,49.66768l-248.33237,0l0,-298.00001l298.00001,0l0,248.33234",
-	"people_business_woman_1": "m152.09991,291.25156c-2.47678,-44.58551 4.65103,-89.4209 -0.87244,-133.89311c-8.95648,25.8877 -13.19429,53.17113 -13.68393,80.52692c-0.41364,17.0155 -0.16316,34.03816 -0.23213,51.05714c-6.59424,1.84573 -15.25726,1.21277 -19.31381,7.46753c-5.79991,2.60486 -12.31924,1.35736 -18.48087,1.65521c6.01304,-4.82208 13.37695,-9.59021 13.6609,-18.23849c6.31746,-52.60599 2.67181,-105.66583 3.06088,-158.49306c0.43537,-21.1868 -1.16552,-42.66898 2.64828,-63.61227c2.03822,-10.62624 19.15558,-5.1272 18.60609,-18.67488c3.03041,-11.80116 0.67964,-26.03735 9.52867,-35.60117c10.5938,-7.7376 21.95103,4.42952 20.767,15.48053c1.06621,11.41806 -1.19225,25.92375 9.12468,33.77226c11.50188,2.75379 13.11151,17.72176 18.13281,26.80961c4.23164,10.69022 9.72182,23.87735 0.08774,33.44124c-5.93716,8.68594 -16.90076,16.78377 -12.99744,28.7057c-0.60452,31.03065 -6.76558,61.62357 -9.34036,92.51013c-2.09418,17.62329 -2.81628,35.5533 -6.9491,52.84404c-0.55614,5.69342 -5.84515,19.49838 -12.14343,10.53711c-0.87442,-1.99588 -1.26941,-4.15509 -1.60355,-6.29443zm-31.23076,-126.74179c-4.61314,-4.02649 0.43039,13.47859 0.48324,1.7234l-0.48324,-1.7234l0,0zm6.80929,-33.43718c-1.88333,-6.96362 -7.13425,10.3817 -5.38842,14.89726c-0.28574,6.8293 0.74596,4.17953 2.10389,-0.81731c1.48602,-4.58557 2.79638,-9.27054 3.28453,-14.07996zm61.63647,-23.18116c5.52028,-11.36497 -2.7056,-23.94508 -11.13263,-31.31998c-8.36171,1.6476 -4.1756,17.26677 -4.09579,24.50607c-0.37729,9.19583 11.31773,21.60236 15.22842,6.8139zm-59.09369,-11.57291c-3.00658,-5.39182 -0.968,23.24248 0.49254,8.1709c0.11818,-2.72906 0.0034,-5.48079 -0.49254,-8.1709z",
-	"plant_tree_1": "m122.82124,295.43991c-9.60714,-8.11343 -1.74962,-22.4458 -1.18428,-32.9653c4.14859,-11.24323 3.96359,-85.81235 -10.94936,-86.09872c-15.83897,-4.80884 -33.8653,1.83771 -48.3958,-7.59918c-9.84084,-5.82912 -12.90007,-17.71764 -12.64209,-28.40579c0.19444,-11.07701 -10.96857,-15.73981 -14.56149,-25.02111c-4.85892,-11.57952 -0.66407,-24.81283 7.67092,-33.63805c7.87535,-8.99152 0.96225,-20.76784 4.99341,-30.60822c5.74977,-13.3805 22.92119,-7.46461 32.14548,-16.67288c9.90182,-6.99356 18.35265,-19.09785 32.07681,-17.29906c13.25371,0.83774 28.05221,3.21463 39.26759,-5.80136c10.45538,-8.74133 25.08881,-13.41753 38.21471,-8.04486c12.4521,3.84588 26.61226,11.87612 26.66945,26.64145c-3.79947,15.14795 10.55962,14.96229 20.88582,17.05112c12.22475,5.50745 24.82689,14.06517 29.88231,26.94686c1.34924,14.72554 -15.32854,26.93484 -7.76337,41.96729c2.96521,14.64848 -9.76962,22.78136 -18.92447,30.72028c-3.76666,14.33221 -18.04883,25.98621 -33.39958,22.57785c-12.36432,-2.02824 -19.98886,11.49191 -32.59709,10.30693c-8.35739,8.60075 -2.66228,82.40933 -1.11533,92.59302c6.29385,12.59021 -2.48013,26.51376 -16.65036,26.0885c-11.10333,1.33105 -23.19679,1.95465 -33.62328,-2.73877z",
-	"rectangle_2_rounded": "m50.66998,1l198.6639,0l0,0c13.17268,0 25.80577,5.2328 35.12022,14.54726c9.31445,9.31446 14.54727,21.94758 14.54727,35.12021l0,248.33141c0,0.00134 -0.00116,0.00247 -0.0025,0.00247l-297.99637,-0.00247l0,0c-0.00136,0 -0.0025,-0.0011 -0.0025,-0.0025l0.0025,-248.3289l0,0c0,-27.43059 22.23686,-49.66747 49.66748,-49.66747z",
-	"rectangle_3_rounded": "m50.66972,1l248.33028,0c0.0007,0 0.00134,0.00024 0.00177,0.00072c0.00049,0.00048 0.00076,0.00108 0.00076,0.0018l-0.00253,248.32779c0,27.43044 -22.23679,49.66722 -49.66722,49.66722l-248.3303,0l0,0c-0.00138,0 -0.00248,-0.00113 -0.00248,-0.0025l0.00248,-248.32779l0,0c0,-27.43045 22.23678,-49.66723 49.66724,-49.66723z",
-	"ribbon_up": "m0.99887,298.99884l37.37486,-124.16641l-37.37486,-124.16684l74.74943,0l0,-37.25092l0,0c0,-6.85776 4.18383,-12.41691 9.34372,-12.41691l130.81201,0c5.16063,0 9.34372,5.55916 9.34372,12.41691l0,37.25092l0,0l74.74974,0l-37.37488,124.16684l37.37488,124.16641l-102.7809,0c-5.15987,0 -9.3437,-5.55884 -9.3437,-12.41577c0,-6.85834 4.18384,-12.41724 9.3437,-12.41724l18.68744,0c5.16063,0 9.34372,-5.5603 9.34372,-12.41721c0,-6.85834 -4.18309,-12.41722 -9.34372,-12.41722l-130.81201,0c-5.15989,0 -9.34372,5.55888 -9.34372,12.41722c0,6.85693 4.18383,12.41721 9.34372,12.41721l18.68743,0c5.1606,0 9.34372,5.5589 9.34372,12.41724c0,6.85693 -4.18312,12.41577 -9.34372,12.41577zm121.79819,-30.86179l-0.71873,-217.77046m-149.49945,214.90504l0.71875,-213.47234m110.6871,199.14535l0.71873,41.54834m-74.03098,-1.43271l-0.71874,-40.11563",
-	"sflowchart_filter2": "m1,75.5l298,0l-149,74.5l149,74.5l-298,0l149,-74.5l-149,-74.5z",
-	"sign_no": "m0.99794,149.99951l0,0c0,-82.29002 66.70967,-148.99969 148.99992,-148.99969l0,0c39.51779,0 77.41692,15.69819 105.35898,43.64116c27.94318,27.94297 43.64124,65.84185 43.64124,105.35853l0,0c0,82.29103 -66.7092,149.00024 -149.00021,149.00024l0,0c-82.29025,0 -148.99992,-66.70921 -148.99992,-149.00024zm240.6012,66.65504l0,0c32.80489,-45.08388 27.92851,-107.33437 -11.49672,-146.75905c-39.42525,-39.42501 -101.67574,-44.30139 -146.75847,-11.49616l158.25519,158.25521zm-183.20167,-133.30872c-32.80512,45.08364 -27.92886,107.33413 11.49615,146.75825c39.4249,39.42525 101.67541,44.30159 146.75814,11.49672l-158.2543,-158.25497z",
-	"skull": "m74.9404,81.44109c-2.88919,16.35929 -10.26919,31.99403 -10.76614,48.86361c0.66122,9.76746 -5.89156,15.01402 -14.86213,14.8293c-9.64813,10.00099 1.19087,25.80647 12.10749,29.84357c11.14103,7.47832 24.96226,-0.87791 35.99846,5.83044c14.65424,11.4554 20.77205,31.76607 15.71635,49.57211c-5.02672,14.69893 20.70476,9.35306 11.02628,-2.39693c-7.47506,-11.48471 14.09103,-7.68764 8.56998,3.21603c-1.04326,8.75262 6.45616,11.58562 3.11867,20.06531c8.69472,4.98558 -0.72885,7.77708 -6.02475,8.71843c-12.40178,6.18225 2.24324,-11.07452 -7.58144,-16.17874c-8.99694,1.95532 -2.90059,17.02136 -5.98875,15.28125c-6.3575,-4.97824 -6.35281,-23.59047 -17.02285,-11.44621c-3.54128,-14.96387 2.92009,-30.54814 -2.05737,-45.42514c2.03897,-11.11034 -15.50281,-14.9426 -13.28409,-2.05647c0.88449,19.66696 -5.0876,39.29475 -1.66005,58.86481c4.72071,12.07065 17.92378,17.50833 26.2104,26.82291c6.80557,7.18207 15.6284,14.86087 26.22089,12.5997c12.0141,-0.52078 24.05035,-1.63034 36.01024,0.2771c15.04311,0.47446 26.52666,-11.41623 39.36443,-17.5242c15.0918,-11.98355 12.71564,-33.38867 11.21118,-50.43889c-1.84476,-10.52664 2.20334,-21.05807 1.44894,-31.48618c-10.88037,-13.31276 -19.80722,10.08708 -16.70779,20.14043c-0.00076,12.64635 2.42783,28.93701 -9.63577,37.17496c-9.95572,-0.25104 -19.43069,3.36517 -29.4632,1.4744c-8.14081,4.83435 -21.32692,4.71021 -24.01404,-6.79811c-1.07281,-10.22015 3.55807,-20.93494 -2.73401,-30.47318c5.52835,4.7614 15.17361,-4.11226 9.79822,6.56248c-6.55643,8.68922 5.55173,22.07874 10.10989,9.25331c1.51227,-8.60512 -6.54141,-20.02596 6.69714,-18.18237c2.6998,3.03528 -9.21959,24.26701 7.07346,18.90152c11.61606,-2.54445 -2.06659,-20.76607 13.66382,-20.82939c7.61295,-8.9626 5.56317,-25.76184 17.20825,-32.56114c12.98419,-8.78706 33.2569,-2.44315 42.52423,-17.32399c7.89911,-7.61507 4.18182,-28.72154 -9.44128,-21.72794c-17.02448,1.65962 -3.51318,-23.0582 -3.98819,-32.32024c4.01126,-8.06691 -4.87137,-25.04774 -1.81268,-26.84933c5.77948,8.84253 7.84946,19.18484 6.60651,29.51878c-0.10681,8.76352 -3.8233,32.51385 8.36014,17.87288c4.12442,-10.20347 2.92487,-21.76073 5.86331,-32.37626c5.66748,-22.91865 -4.48026,-45.85004 -15.79309,-65.262c-9.63495,-10.45038 -21.86679,-18.78104 -33.35342,-26.98327c-19.32092,-7.26658 -40.65421,-8.56836 -61.06006,-6.74718c-18.04979,3.12863 -37.13738,6.42709 -51.51633,18.73374c-14.01352,8.25707 -27.43441,19.22373 -32.97453,35.08961c-4.82798,12.78156 -13.28239,25.798 -9.43994,39.99647c3.67479,11.83601 1.72576,24.12813 2.32075,36.22574c6.26442,13.82637 12.1788,-7.07504 11.59255,-13.98853c0.3468,-13.11021 7.26362,-24.71465 12.36033,-36.35318zm115.06042,28.12622c12.88235,0.92311 29.19336,8.09689 29.54492,23.0528c1.95883,15.00865 -10.16846,29.55684 -25.7099,28.08501c-14.11661,-1.15955 -23.14499,-13.35332 -22.20761,-27.06258c-4.7262,-9.82969 2.6286,-20.35741 12.49942,-22.61709c1.91415,-0.64365 3.88168,-1.12543 5.87317,-1.45815zm-86.93419,1.27835c14.94448,-2.65778 31.94749,6.61306 31.99739,23.15527c1.40359,15.99194 -15.57494,19.12508 -27.15695,23.1313c-8.01422,5.17467 -16.3391,0.35667 -22.99829,-4.85698c-8.63997,-9.0434 -6.10048,-27.26721 3.02245,-35.52229c4.42388,-3.27404 9.90028,-4.56108 15.1354,-5.9073zm51.1378,42.18812c7.2348,9.94383 15.92023,25.10751 6.56407,36.39339c-8.30571,6.66107 -9.35284,-9.47466 -18.07048,-1.8754c-8.17816,-7.1624 -0.63536,-21.73717 5.10291,-29.01329c1.8913,-2.09525 4.05559,-3.93987 6.4035,-5.5047z",
-	"star_32": "m1,150l37.78866,-10.95375l-34.9264,-18.11479l39.19976,-3.37057l-30.72019,-24.58047l39.1037,4.34019l-25.33452,-30.10049l37.5051,11.88636l-18.97492,-34.46539l34.46528,18.97503l-11.88614,-37.50511l30.10025,25.33441l-4.34019,-39.10359l24.58048,30.72008l3.37057,-39.19964l18.11479,34.92639l10.95375,-37.78866l10.95375,37.78866l18.11479,-34.92639l3.37057,39.19964l24.58047,-30.72008l-4.34018,39.10359l30.10023,-25.33441l-11.88614,37.50511l34.4653,-18.97503l-18.97491,34.46539l37.50508,-11.88636l-25.33452,30.10049l39.10347,-4.34019l-30.71994,24.58047l39.1994,3.37057l-34.92581,18.11479l37.78842,10.95375l-37.78842,10.95375l34.92581,18.11479l-39.1994,3.37057l30.71994,24.58047l-39.10347,-4.34018l25.33452,30.10025l-37.50508,-11.88615l18.97491,34.4653l-34.4653,-18.97493l11.88614,37.5051l-30.10023,-25.33452l4.34018,39.10347l-24.58047,-30.71994l-3.37057,39.1994l-18.11479,-34.92581l-10.95375,37.78842l-10.95375,-37.78842l-18.11479,34.92581l-3.37057,-39.1994l-24.58048,30.71994l4.34019,-39.10347l-30.10025,25.33452l11.88614,-37.5051l-34.46528,18.97493l18.97492,-34.4653l-37.5051,11.88615l25.33452,-30.10025l-39.1037,4.34018l30.72019,-24.58047l-39.19976,-3.37057l34.9264,-18.11479l-37.78866,-10.95375z",
-	"sun": "m298.99939,149.99919l-60.12755,21.3835l0,-42.76601l60.12755,21.38251zm-43.65198,-105.36193l-27.38881,57.64266l-30.23897,-30.23995l57.62778,-27.40271zm-105.34804,-43.63768l21.38251,60.12764l-42.76602,0l21.38351,-60.12764zm-105.36263,43.63768l57.64236,27.40271l-30.23955,30.23995l-27.40281,-57.64266zm-43.63767,105.36193l60.12774,-21.38251l0,42.76601l-60.12774,-21.3835zm43.63767,105.34903l27.40281,-57.62877l30.23955,30.23996l-57.64236,27.38881zm105.36263,43.65096l-21.38351,-60.12753l42.76602,0l-21.38251,60.12753zm105.34804,-43.65096l-57.62778,-27.38881l30.23897,-30.23996l27.38881,57.62877zm-179.84834,-105.34903l0,0c0,-41.14515 33.35516,-74.5 74.50031,-74.5c41.14514,0 74.5,33.35485 74.5,74.5c0,41.14514 -33.35486,74.49998 -74.5,74.49998c-41.14514,0 -74.50031,-33.35484 -74.50031,-74.49998z",
-	"woman": "m150.04984,49.03255c13.33249,0 24.15346,-10.81348 24.15346,-24.15346c0,-13.34748 -10.82097,-24.16844 -24.15346,-24.16844c-13.34375,0 -24.16843,10.82096 -24.16843,24.16844c0,13.33998 10.82095,24.15346 24.16843,24.15346zm67.74049,104.1672l-21.67561,-80.39177c-0.20212,-0.72988 -0.48662,-1.42607 -0.83093,-2.06987c-2.46291,-7.53088 -9.53339,-12.9844 -17.88399,-12.9844h-54.86088c-8.70618,0 -16.01627,5.9214 -18.16845,13.95758c-0.14598,0.35184 -0.26575,0.7224 -0.37429,1.10417l-21.2901,80.38803c-1.41861,5.2701 1.71053,10.6862 6.98811,12.1048c5.27014,1.4111 10.68626,-1.71803 12.10487,-6.98813l16.71989,-63.14786h6.96569l-30.34438,114.25453h28.5927v78.87959c0,6.06738 4.91077,10.9819 10.98564,10.9819c6.05989,0 10.9819,-4.9108 10.9819,-10.9819v-78.87959h8.73613v78.87959c0,6.06738 4.91826,10.9819 10.99315,10.9819c6.05988,0 10.9819,-4.9108 10.9819,-10.9819v-78.87959h28.57767l-30.45665,-114.25453h7.14911l17.02679,63.14786c1.41859,5.2701 6.83472,8.39923 12.10481,6.98813c5.2589,-1.41859 8.38803,-6.83842 6.97693,-12.10854z"
-	}
-}
\ No newline at end of file
+{"data": {
+  "3_ways": "m1,159.61292l52.87097,-52.87097l0,26.43549l69.69355,0l0,-79.30646l-26.43549,0l52.87096,-52.87097l52.87097,52.87097l-26.43549,0l0,79.30646l69.69356,0l0,-26.43549l52.87096,52.87097l-52.87096,52.87097l0,-26.43549l-192.25807,0l0,26.43549l-52.87097,-52.87097z",
+  "3D_plane_1": "m1,187.25l74.49999,-74.5l223.49998,0l-74.5,74.5l-223.49997,0z",
+  "3D_plane_2": "m112.75,75.50002l74.5,-74.50002l0,223.50002l-74.5,74.49998l0,-223.49998z",
+  "babe": "m299.04794,205.18787c-3.77606,12.02469 -14.23288,15.70245 -23.42029,7.51477c-4.99579,-3.63025 -15.93668,-4.01721 -8.27643,4.11765c4.3663,3.89154 12.96597,18.43826 2.6701,7.63031c-6.72076,-9.88528 -21.45963,-10.97299 -26.80637,-21.01428c-0.7126,-12.09052 -19.01982,-9.85156 -28.21417,-13.29294c-7.97734,0.2787 -20.34282,-8.29872 -23.22426,-8.2877c7.17442,8.54059 6.05238,22.25063 13.10196,29.89879c9.38933,2.61444 12.97119,14.02899 0.81691,15.99643c-14.79422,5.33719 -12.22833,-12.63193 -20.04561,-20.07751c-5.76567,-2.6597 -0.17117,23.97388 -5.6981,17.70459c0.14073,-11.08301 -5.26385,-21.19345 -7.43376,-31.72055c3.66939,-3.90994 3.24513,-15.0824 -1.24792,-6.28702c-9.32401,15.52066 -21.53839,29.02148 -33.42717,42.58749c-12.32529,3.3429 -25.61986,1.75922 -38.28926,0.99091c-13.33909,0.21539 -16.41985,-23.40515 -24.5597,-24.14911c-1.69956,6.7645 0.04348,10.7413 3.54543,14.16528c-5.43895,6.35352 -17.0083,4.24969 -24.32439,1.67859c-12.99512,4.18167 4.10523,-7.37332 9.39456,-5.37735c0.12955,-9.23239 1.69711,-21.43146 -1.15234,-30.31955c-4.26376,-4.21536 -13.54346,-25.27448 -12.61225,-10.56541c-2.43563,17.92097 -10.72475,34.53096 -12.64814,52.59737c-1.6411,10.13943 -15.83897,5.33594 -23.08624,5.82672c-7.30112,2.27881 -6.50991,0.30469 -13.11051,0.69199c7.01961,-9.43863 23.73587,-3.27213 28.50491,-13.30713c2.12957,-14.98691 1.05568,-30.67914 6.12082,-45.11276c-2.11474,-14.92252 -6.78208,-29.69904 -6.85915,-44.79436c2.37534,-9.86703 8.15515,-18.85688 7.95601,-29.33565c4.35726,-11.70351 7.18935,-24.90283 15.98966,-34.19202c9.32926,-10.04192 23.95938,-2.34001 28.82026,8.23518c5.23969,11.5593 -2.89557,23.16132 -3.7411,34.79802c10.97217,2.97472 2.07053,18.22128 16.21945,16.77118c11.11885,1.02463 7.90206,16.12445 0.58741,20.71976c-0.2656,7.05571 8.13246,16.23514 6.20955,25.48418c5.50479,6.05925 12.30074,9.05171 12.7784,-1.61943c3.7646,-14.17346 5.15414,-29.11295 11.81579,-42.45001c2.65157,-10.67883 13.6115,-24.48097 25.27724,-15.69678c10.81068,5.92413 13.54153,23.94177 22.32231,28.34891c10.75034,-9.00977 20.01573,4.53285 28.83136,9.38853c13.27853,7.35518 24.98924,17.12993 37.79256,25.23851c13.37863,6.81644 27.61211,12.28633 40.07347,20.72394c8.47791,4.65475 17.41223,-4.71762 19.34897,6.49048zm-149.77098,-49.39249c-1.45267,7.65393 4.38054,3.60388 0,0z",
+  "bevel": "m24.5,277l-24,23m276,-22l23,22m-23,-274l23,-24m-275,23l-23,-22m23,21.5l252,0l0,252l-252,0l0,-252zm-23.5,-23.5l299,0l0,299l-299,0l0,-299z",
+  "bone": "m273.3559,119.27242c-11.58661,5.90293 -23.89537,9.95385 -36.67676,12.27164c-53.42084,0.2984 -105.13121,0.41397 -158.74251,2.97562c-14.28426,-2.65407 -30.58815,0.18161 -42.82426,-9.13783c-9.06827,-7.25944 -28.17529,-2.4415 -25.05096,11.36483c6.17649,14.08824 -14.61965,21.70474 -7.59176,36.00003c6.11589,14.67987 24.54805,9.02721 35.59484,4.1729c20.29636,-4.79665 40.55842,-9.8537 60.92737,-14.38416c42.52868,-4.82219 82.54949,-1.83121 124.59118,1.02063c11.68694,2.54654 23.55803,4.03351 35.45654,5.38187c10.1839,0.16006 18.34979,7.46698 27.92017,8.65919c12.6539,-1.22533 16.41983,-19.19981 7.59747,-27.17406c-13.18918,-8.72406 6.75436,-24.14882 -8.14166,-31.38885c-4.25287,-2.31086 -8.733,-0.75754 -13.05966,0.23817z",
+  "chord": "m277.04315,255.07486c-47.63342,47.63342 -121.3194,57.33392 -179.65791,23.65366c-58.33851,-33.6824 -86.78111,-102.34741 -69.34571,-167.41564c17.43547,-65.06779 76.39998,-110.31287 143.76268,-110.31287l105.24094,254.07486z",
+  "circle_band": "m1,224.5l0,0c0,-82.29044 66.70957,-149 149,-149c82.29042,0 149,66.70956 149,149l-74.5,0c0,-41.14522 -33.3548,-74.5 -74.5,-74.5c-41.1452,0 -74.5,33.35478 -74.5,74.5z",
+  "circle_pie": "m299,150l0,0c0,82.29044 -66.70956,149 -149,149c-82.29044,0 -149,-66.70956 -149,-149c0,-82.29043 66.70956,-149 149,-149l0,149z",
+  "cube": "m30.42785,1.56129l-29.42785,29.42785l0,268.21907l264.28937,0.68124l33.35693,-30.10974l0,-268.21843l-268.21845,0zm236.46521,28.94674l0,269.42122m0,-269.42122l33.35693,-29.50804m-33.35693,30.791l-265.57233,-1.28296",
+  "dagger": "m1.57422,47.21264c-2.775,14.24454 5.08469,27.79975 11.2199,40.10517c13.07098,21.70464 28.2358,42.59465 47.26681,59.46329c12.98537,10.6889 24.68548,22.99878 39.38902,31.4678c19.22253,12.95224 39.86254,23.55869 61.26455,32.3793c15.9138,6.93546 32.60274,11.85577 49.65401,15.08282c4.95967,1.28564 18.82625,4.91663 10.19991,-3.60251c-7.15544,-3.02133 -14.76756,-5.22583 -21.96236,-8.37695c-34.92769,-14.34082 -72.04247,-26.94104 -100.21951,-53.10463c-4.66899,-6.20064 8.95855,3.3492 11.3067,5.96803c23.50703,16.73581 50.36192,27.95749 76.84653,39.04178c13.47301,4.46384 28.20039,13.97903 42.51408,7.22675c12.36502,-4.72467 -2.95702,-5.44891 -8.42033,-7.24844c-24.28337,-6.90491 -48.85286,-13.54227 -71.13893,-25.76019c-12.72568,-4.65573 -23.42126,-13.22678 -34.85331,-20.29132c-12.35065,-8.53128 -23.65424,-18.49934 -35.67798,-27.49634c-7.86864,-5.96642 -15.68669,-11.98865 -22.20108,-19.46664c-11.01625,-11.02383 -21.70009,-22.36108 -31.68482,-34.33246c-6.52307,-7.36439 -13.86146,-14.10685 -18.44664,-22.93894l-5.05655,-8.11652zm256.45175,139.13108c-1.50562,-0.04745 -3.06,0.28214 -4.36211,1.15021c-9.72246,4.86124 -7.63908,13.88922 -13.19478,20.83386c-4.16678,5.55569 -9.028,8.33356 -15.97261,10.41693c1.38892,2.77783 4.16675,6.94461 4.16675,10.41693c0,7.63907 -9.02798,14.58368 -15.97261,13.88922c-2.77786,-0.69446 -9.028,-4.16678 -11.11139,0c-0.69446,1.38895 -0.69446,2.77786 0,3.47232c0,2.77786 3.47231,4.16678 6.25015,5.55569c7.63908,2.08337 15.97263,-0.69446 22.22279,-4.86124c4.86122,-2.77783 8.33353,-7.63907 9.72246,-13.19479l1.38892,-9.02798c0.69446,-2.77783 3.47232,-3.47232 6.94463,-8.33353c4.16676,-5.55569 8.33354,-15.2782 13.88924,-19.44495c2.08337,-1.38892 4.16675,-2.0834 6.94461,-2.77786c-1.38892,-2.08337 -2.77786,-3.47229 -4.16678,-5.55566c-1.38892,-0.69449 -2.77783,-2.0834 -4.16675,-2.0834c-0.78128,-0.26041 -1.6792,-0.42728 -2.58252,-0.45575zm29.4061,26.21594c-2.61084,-0.02899 -5.33868,0.54254 -8.07312,1.32382l5.55569,3.47232c-1.38895,2.77783 -4.86121,8.33353 -4.16678,11.80585c0.69449,6.94461 10.41693,6.94461 14.58371,2.77783c4.86124,-5.55569 4.86124,-13.88922 -2.08337,-18.056c-1.82297,-0.91147 -3.78549,-1.30127 -5.81613,-1.32382zm-13.39011,3.40723c-0.54364,0.00192 -1.07498,0.00705 -1.60593,0.0217c-3.8486,0.21091 -7.69568,0.50116 -11.54541,0.67276c-2.41867,0.03116 -4.88754,-0.00473 -7.22676,0.69446c-3.17285,2.02515 -5.29396,5.38272 -6.53229,8.87607c-0.16666,0.50345 -0.30807,1.02072 -0.41234,1.54083c3.86218,1.74924 8.17189,1.5618 12.30499,1.41064c2.50439,-0.06696 5.00949,0.24561 7.50888,0.36893c1.7876,0.07916 3.57104,0.32327 5.36038,0.26044c2.19412,-0.07278 4.22598,-1.3168 5.38205,-3.16849c0.99927,-1.58255 1.9447,-3.21933 2.56085,-4.99146c0.49768,-1.59048 0.5896,-3.80087 -1.06339,-4.75272c-1.43857,-0.79446 -3.10013,-0.93906 -4.73105,-0.93317zm2.53915,15.9726c-0.69449,0.69446 -1.38892,0.69446 -2.0834,1.38892c-0.69446,3.47232 8.33356,11.80588 9.72247,4.16678c-3.47232,-1.38892 -5.55573,-2.77786 -7.63907,-5.55569z",
+  "diamonds": "m79.28394,70.5173l69.51914,-69.51918l69.53062,69.51918l-69.53062,69.5193l-69.51914,-69.5193zm-78.28265,78.73502l69.53064,-69.51916l69.51917,69.51916l-69.51917,69.53081l-69.53064,-69.53081zm158.04381,1.41991l69.53076,-69.50788l69.50775,69.50788l-69.50775,69.53059l-69.53076,-69.53059zm-78.26005,78.74646l69.50779,-69.51927l69.53087,69.51927l-69.53087,69.5197l-69.50779,-69.5197z",
+  "dog": "m244.35188,22.54387l-69.54898,69.54889c-119.32899,0.00291 -120.2569,-0.00142 -121.18423,0c-10.16035,0.01348 -20.31404,-0.04446 -30.47281,0.1654c-17.41192,-3.13311 -29.41997,20.08429 -17.10143,32.59326c9.91919,10.04415 24.91881,5.84701 37.58711,6.70858c0.082,39.19679 0.15858,78.39276 0.24066,117.58955c-1.93424,11.60912 7.01076,23.37389 18.92138,24.38115c10.04872,1.3252 21.64701,-4.10141 24.54638,-14.3645c2.0378,-20.77086 0.69009,-41.75818 1.06802,-62.62978c15.7105,0 58.3028,0.55273 93.34407,0.94731c0.05244,10.48698 0.11156,36.08763 0.16484,43.1525c-0.20064,9.60797 -0.94731,36.79358 17.44778,36.82019c18.39429,0.02664 19.96759,-19.29745 19.74867,-23.16328c-0.13904,-5.1078 0.14149,-42.99934 0.54108,-56.44814c2.24173,0.01166 4.87888,0.02997 6.54291,0.02997c-0.00998,-0.00999 -0.01997,-0.01997 -0.02995,-0.02997c0.10487,0.06078 0.2106,0.11987 0.31549,0.18065c0.19894,-16.80684 -0.38959,-50.0226 -0.04497,-66.82692c15.38005,-0.19313 30.76425,-0.09573 46.14514,-0.13486c13.52618,3.45377 34.10559,-4.10139 23.59946,-20.81667c-16.37396,-18.52205 -34.58011,-35.37009 -51.83061,-53.07936l0,-34.62398z",
+  "frame_half": "m1,1l297,0l-98.99899,98.99902l-99.00199,0l0,99.00198l-98.99902,98.99901z",
+  "hand_stop": "m136.25574,297.49808c-29.33714,-5.08954 -54.45634,-27.86633 -62.06976,-56.71431c-3.62096,-14.72525 -1.50079,-30.17319 -2.21442,-45.21799c-0.13461,-38.62221 -0.20337,-77.24464 -0.30453,-115.86696c3.44471,-11.98872 17.98409,-18.29414 29.04424,-12.36688c0.96214,-3.14931 0.25692,-8.79729 0.59418,-12.8885c-1.96137,-11.24498 6.05913,-22.68389 17.70836,-23.44487c6.68523,-0.04347 14.68906,5.03699 11.64235,-6.21321c-2.06573,-11.58701 7.02885,-24.78486 19.46753,-23.71677c11.8866,-1.10308 20.91313,10.99307 19.47894,22.20545c0.55293,6.69356 15.04739,-4.38583 20.11427,3.0555c6.46245,3.83537 10.88301,11.15349 9.66263,18.71955c0.37462,20.72639 -0.50464,41.58417 0.94255,62.21075c10.62856,-5.38028 25.7729,1.23052 27.94981,13.06696c-0.24077,36.77421 0.61372,73.57438 -0.64664,110.32743c-4.27835,37.80429 -40.23309,69.77301 -78.61711,67.50256c-4.25351,0.01132 -8.54422,0.05313 -12.75241,-0.65872zm26.24695,-10.04156c32.22029,-5.44516 57.56776,-36.59567 55.75252,-69.35173c0.24638,-31.65953 1.24834,-63.36566 0.07516,-95.00381c-0.74966,-11.56753 -19.92574,-8.76712 -18.68594,1.90652c-0.00584,23.46449 -0.01172,46.92897 -0.01762,70.39346c-5.97046,6.15695 -16.65688,2.44864 -23.81619,7.45261c-15.91585,6.94403 -26.02902,23.94809 -26.37592,41.0688c-8.5842,13.31046 -12.47054,-8.35147 -7.54663,-15.48785c5.69263,-21.52615 25.72418,-37.58736 47.72688,-39.6965c-0.18001,-49.52237 0.46608,-99.06258 -0.57811,-148.57061c-6.22968,-14.02401 -23.68619,-1.72364 -19.04016,10.55674c-0.45773,37.44105 -0.04761,74.89084 -0.68825,112.32923c-4.16106,6.65674 -12.04573,0.3437 -9.47389,-5.79948c-0.17776,-46.90031 -0.35556,-93.80062 -0.53333,-140.70093c-3.33864,-8.28292 -18.12991,-6.98883 -18.3627,2.10197c-0.18286,48.40011 -0.36572,96.80021 -0.5486,145.20032c-3.89212,5.48285 -11.88664,0.71593 -9.73376,-5.26897c-0.14377,-36.45805 0.40013,-72.93186 -0.55034,-109.37686c-0.24316,-10.84745 -18.40633,-10.5788 -18.64873,-0.51889c-0.36327,37.37112 0.09734,74.76224 -0.99649,112.11712c1.02982,9.51479 -12.37218,4.97615 -9.28424,-2.22137c-0.16375,-25.39479 0.44627,-50.81747 -0.58949,-76.18918c-6.1088,-15.65501 -24.37704,-2.73073 -19.28278,10.2811c0.06127,45.03139 -0.41048,90.08521 0.72834,135.10263c2.79378,34.58762 36.09247,63.06729 70.73276,60.79437c3.26721,-0.13614 6.52469,-0.50925 9.73752,-1.11868z",
+  "L_shape": "m1,1l149,0l0,149l149,0l0,149l-298,0l0,-298z",
+  "lightning_bolt": "m117.48906,0.99793l60.3351,83.60071l-24.88768,9.85823l75.99797,71.63888l-24.88768,11.96198l93.95412,119.94316l-159.33742,-91.91997l30.38835,-12.76016l-99.00077,-58.87717l35.47526,-18.19279l-104.52837,-61.76487l116.49113,-53.48799z",
+  "logo_apple": "m209.28954,1.00088c-43.04727,7.92585 -57.33284,43.96882 -57.8894,64.561c23.68694,1.71168 38.47275,-11.65597 44.5219,-19.4791c9.85237,-11.09263 12.25443,-26.71591 13.36751,-45.0819zm5.28372,71.19604c-31.11621,-0.01418 -48.48506,12.70539 -57.04939,12.84402c-9.82712,-0.76584 -38.46593,-12.28108 -55.16231,-12.46661c-58.47802,1.74345 -75.23289,65.28636 -74.50751,92.61087c4.76329,104.60263 68.59296,131.60016 79.02421,134.12564c8.36713,1.64984 36.57712,-12.89731 57.32939,-12.23529c22.65837,2.3606 38.49214,11.76068 47.58983,11.10309c11.51012,-0.79871 49.05655,-31.14218 60.37299,-77.89201c-22.81836,-19.29358 -36.89403,-36.77824 -38.15468,-53.37267c-0.584,-7.50279 10.70016,-49.91425 28.69514,-61.83392c2.59723,-14.65567 -24.13031,-33.25182 -45.08191,-32.83442c-1.03252,-0.02777 -2.05203,-0.0482 -3.05577,-0.04871z",
+  "man": "m125.90131,25.2503c0,-13.33112 10.79823,-24.12934 24.12934,-24.12934c13.33113,0 24.12932,10.79822 24.12932,24.12934c0,13.33112 -10.79819,24.12934 -24.12932,24.12934c-13.33113,0 -24.12934,-10.79822 -24.12934,-24.12934zm81.12696,68.30144v-12.18601c0,-12.82147 -10.38806,-23.21696 -23.21696,-23.21696h-67.63607c-12.82147,0 -23.21695,10.39549 -23.21695,23.21696v12.18601c-0.02242,0.2766 -0.03739,0.56071 -0.03739,0.84853v70.18918c0,5.4538 4.41839,9.87215 9.87218,9.87215c5.44633,0 9.87589,-4.41837 9.87589,-9.87215v-69.14999h6.62006v79.02961h0.04859v111.66646c0,7.25925 5.89491,13.15787 13.16164,13.15787c7.27048,0 13.16164,-5.89114 13.16164,-13.15787v-111.66646h8.68347v111.66646c0,7.25925 5.89856,13.15787 13.16162,13.15787c7.27045,0 13.16161,-5.89114 13.16161,-13.15787v-111.66646h0.04112v-79.02961h6.62007v69.14623c0,5.45381 4.42955,9.8759 9.8759,9.8759c5.45386,0 9.87218,-4.42209 9.87218,-9.8759v-70.18916c-0.00371,-0.29156 -0.02617,-0.56819 -0.0486,-0.8448z",
+  "maximize_2": "m1,149.99998l67.05,-67.05l0,33.52501l48.425,0l0,-48.425l-33.52501,0l67.05,-67.05l67.04999,67.05l-33.52499,0l0,48.425l48.42502,0l0,-33.52501l67.04997,67.05l-67.04997,67.04999l0,-33.52499l-48.42502,0l0,48.42502l33.52499,0l-67.04999,67.04997l-67.05,-67.04997l33.52501,0l0,-48.42502l-48.425,0l0,33.52499l-67.05,-67.04999z",
+  "moon": "m227,299.94119l0,0c-85.05185,0 -154,-66.92029 -154,-149.4706c0,-82.55034 68.94815,-149.4706 154,-149.4706l0,0c-48.47263,35.28521 -77,90.6619 -77,149.4706c0,58.80869 28.52737,114.18535 77,149.4706z",
+  "mythic_unicorn_2": "m182.0204,297.85391c-5.77818,-7.90314 -14.7635,-8.80438 -16.9241,-20.05347c-1.69348,-6.11859 -17.65829,-14.32483 -8.20955,-3.3428c7.2961,6.61768 15.96432,31.02682 -1.98563,23.31473c-13.65228,-5.01041 -14.2377,-20.48209 -17.89716,-32.06519c-11.90031,-8.25644 3.07674,-25.71408 -9.73651,-36.29276c-10.87482,-11.04288 -3.30119,-31.72456 -18.8404,-39.55457c-7.79965,-3.16566 -11.1757,18.69177 -12.48895,2.70163c-4.27309,-16.17242 -19.36451,7.86156 -29.42789,5.31358c-8.12057,-0.70595 13.58361,-6.35143 3.22626,-7.87068c-6.08933,3.33348 -11.72343,9.09727 -12.68681,-0.44351c-7.3251,-4.35046 -22.68599,-11.29797 -22.28696,-18.20909c6.3611,-1.99829 27.83545,3.78387 24.11403,-4.25029c-6.38573,-2.42343 -7.54573,-9.04803 0.27553,-4.60205c15.41352,0.48352 33.48255,-5.66917 46.30758,6.09853c6.68958,4.11612 13.26701,18.87857 16.84827,4.53223c11.5443,-13.92389 34.83883,-15.10329 41.95536,-33.13124c1.72211,-8.72215 -5.28903,-13.69839 -11.24521,-15.46512c-1.15878,-2.86641 -3.13139,-15.03612 -8.05675,-8.8949c0.22449,-5.37502 4.84473,-18.22859 -5.38927,-12.53831c-1.03801,-11.44846 8.74879,-22.87025 -4.19783,-31.20716c12.13029,2.25027 9.73825,-11.57887 7.09616,-13.77212c7.19073,-1.02106 15.62939,-7.49186 11.66467,-15.50808c7.80894,14.17675 8.07971,-17.19902 14.50877,-3.67512c11.83272,1.93988 -3.67599,-10.57163 7.20721,-7.77902c6.21443,0.21264 4.83423,-6.80917 10.41692,-1.50957c7.3886,-4.03149 -5.66409,-16.21531 6.26559,-7.74985c4.01033,3.484 16.77809,12.60911 14.48726,0.56772c11.33586,12.0923 20.25659,-11.23169 29.67625,-16.06186c3.73633,-4.47003 11.8613,-9.20071 4.36795,-0.66791c-4.97461,10.87669 -21.85179,22.64296 -17.31131,33.45053c-4.10985,3.74163 8.29224,8.44421 -1.58034,7.02768c-5.8488,6.31351 7.84134,18.1257 8.93388,28.06219c-3.13588,6.80826 -15.07657,14.53744 -19.90688,14.29315c1.76543,-8.76564 -2.06178,-20.19066 -13.24036,-15.23595c6.26202,11.45789 14.72818,22.40379 20.03253,34.86404c5.18462,12.24902 13.59059,26.39416 24.64981,10.62966c7.04883,-10.04763 27.18559,-9.90218 21.65419,6.41521c-2.82767,16.0232 4.74286,37.1706 -9.80374,48.20794c-8.77531,16.90973 -18.50392,-6.2874 -11.60965,-15.06308c-1.75673,-2.50781 -3.11575,-4.27809 2.02489,-7.7061c-1.06146,-2.57137 14.7939,-12.24554 6.80286,-18.18176c-9.0885,10.30594 -22.38708,22.23511 -18.69125,37.55475c2.99957,10.26601 -21.73944,27.86615 -19.76117,10.82875c0.44312,-6.62131 9.89648,-19.45415 7.72044,-21.10741c-6.90181,12.95006 -16.71997,25.39136 -31.55621,29.23625c-12.34084,0.73132 -18.80547,10.66779 -12.94504,21.69241c1.11998,15.62238 -7.12646,29.76141 -9.02499,44.972c3.52914,16.13283 25.01552,19.39287 27.93198,35.84959c5.01138,11.05234 -7.52405,9.41898 -13.36446,6.32639zm-30.55545,-48.12944c-1.80891,-7.29253 -5.53151,18.95699 -0.94273,5.02481l0.68695,-2.46143l0.25578,-2.56339z",
+  "page": "m249.3298,298.99744l9.9335,-39.73413l39.73413,-9.93355l-49.66763,49.66768l-248.33237,0l0,-298.00001l298.00001,0l0,248.33234",
+  "people_business_woman_1": "m152.09991,291.25156c-2.47678,-44.58551 4.65103,-89.4209 -0.87244,-133.89311c-8.95648,25.8877 -13.19429,53.17113 -13.68393,80.52692c-0.41364,17.0155 -0.16316,34.03816 -0.23213,51.05714c-6.59424,1.84573 -15.25726,1.21277 -19.31381,7.46753c-5.79991,2.60486 -12.31924,1.35736 -18.48087,1.65521c6.01304,-4.82208 13.37695,-9.59021 13.6609,-18.23849c6.31746,-52.60599 2.67181,-105.66583 3.06088,-158.49306c0.43537,-21.1868 -1.16552,-42.66898 2.64828,-63.61227c2.03822,-10.62624 19.15558,-5.1272 18.60609,-18.67488c3.03041,-11.80116 0.67964,-26.03735 9.52867,-35.60117c10.5938,-7.7376 21.95103,4.42952 20.767,15.48053c1.06621,11.41806 -1.19225,25.92375 9.12468,33.77226c11.50188,2.75379 13.11151,17.72176 18.13281,26.80961c4.23164,10.69022 9.72182,23.87735 0.08774,33.44124c-5.93716,8.68594 -16.90076,16.78377 -12.99744,28.7057c-0.60452,31.03065 -6.76558,61.62357 -9.34036,92.51013c-2.09418,17.62329 -2.81628,35.5533 -6.9491,52.84404c-0.55614,5.69342 -5.84515,19.49838 -12.14343,10.53711c-0.87442,-1.99588 -1.26941,-4.15509 -1.60355,-6.29443zm-31.23076,-126.74179c-4.61314,-4.02649 0.43039,13.47859 0.48324,1.7234l-0.48324,-1.7234l0,0zm6.80929,-33.43718c-1.88333,-6.96362 -7.13425,10.3817 -5.38842,14.89726c-0.28574,6.8293 0.74596,4.17953 2.10389,-0.81731c1.48602,-4.58557 2.79638,-9.27054 3.28453,-14.07996zm61.63647,-23.18116c5.52028,-11.36497 -2.7056,-23.94508 -11.13263,-31.31998c-8.36171,1.6476 -4.1756,17.26677 -4.09579,24.50607c-0.37729,9.19583 11.31773,21.60236 15.22842,6.8139zm-59.09369,-11.57291c-3.00658,-5.39182 -0.968,23.24248 0.49254,8.1709c0.11818,-2.72906 0.0034,-5.48079 -0.49254,-8.1709z",
+  "plant_tree_1": "m122.82124,295.43991c-9.60714,-8.11343 -1.74962,-22.4458 -1.18428,-32.9653c4.14859,-11.24323 3.96359,-85.81235 -10.94936,-86.09872c-15.83897,-4.80884 -33.8653,1.83771 -48.3958,-7.59918c-9.84084,-5.82912 -12.90007,-17.71764 -12.64209,-28.40579c0.19444,-11.07701 -10.96857,-15.73981 -14.56149,-25.02111c-4.85892,-11.57952 -0.66407,-24.81283 7.67092,-33.63805c7.87535,-8.99152 0.96225,-20.76784 4.99341,-30.60822c5.74977,-13.3805 22.92119,-7.46461 32.14548,-16.67288c9.90182,-6.99356 18.35265,-19.09785 32.07681,-17.29906c13.25371,0.83774 28.05221,3.21463 39.26759,-5.80136c10.45538,-8.74133 25.08881,-13.41753 38.21471,-8.04486c12.4521,3.84588 26.61226,11.87612 26.66945,26.64145c-3.79947,15.14795 10.55962,14.96229 20.88582,17.05112c12.22475,5.50745 24.82689,14.06517 29.88231,26.94686c1.34924,14.72554 -15.32854,26.93484 -7.76337,41.96729c2.96521,14.64848 -9.76962,22.78136 -18.92447,30.72028c-3.76666,14.33221 -18.04883,25.98621 -33.39958,22.57785c-12.36432,-2.02824 -19.98886,11.49191 -32.59709,10.30693c-8.35739,8.60075 -2.66228,82.40933 -1.11533,92.59302c6.29385,12.59021 -2.48013,26.51376 -16.65036,26.0885c-11.10333,1.33105 -23.19679,1.95465 -33.62328,-2.73877z",
+  "rectangle_2_rounded": "m50.66998,1l198.6639,0l0,0c13.17268,0 25.80577,5.2328 35.12022,14.54726c9.31445,9.31446 14.54727,21.94758 14.54727,35.12021l0,248.33141c0,0.00134 -0.00116,0.00247 -0.0025,0.00247l-297.99637,-0.00247l0,0c-0.00136,0 -0.0025,-0.0011 -0.0025,-0.0025l0.0025,-248.3289l0,0c0,-27.43059 22.23686,-49.66747 49.66748,-49.66747z",
+  "rectangle_3_rounded": "m50.66972,1l248.33028,0c0.0007,0 0.00134,0.00024 0.00177,0.00072c0.00049,0.00048 0.00076,0.00108 0.00076,0.0018l-0.00253,248.32779c0,27.43044 -22.23679,49.66722 -49.66722,49.66722l-248.3303,0l0,0c-0.00138,0 -0.00248,-0.00113 -0.00248,-0.0025l0.00248,-248.32779l0,0c0,-27.43045 22.23678,-49.66723 49.66724,-49.66723z",
+  "ribbon_up": "m0.99887,298.99884l37.37486,-124.16641l-37.37486,-124.16684l74.74943,0l0,-37.25092l0,0c0,-6.85776 4.18383,-12.41691 9.34372,-12.41691l130.81201,0c5.16063,0 9.34372,5.55916 9.34372,12.41691l0,37.25092l0,0l74.74974,0l-37.37488,124.16684l37.37488,124.16641l-102.7809,0c-5.15987,0 -9.3437,-5.55884 -9.3437,-12.41577c0,-6.85834 4.18384,-12.41724 9.3437,-12.41724l18.68744,0c5.16063,0 9.34372,-5.5603 9.34372,-12.41721c0,-6.85834 -4.18309,-12.41722 -9.34372,-12.41722l-130.81201,0c-5.15989,0 -9.34372,5.55888 -9.34372,12.41722c0,6.85693 4.18383,12.41721 9.34372,12.41721l18.68743,0c5.1606,0 9.34372,5.5589 9.34372,12.41724c0,6.85693 -4.18312,12.41577 -9.34372,12.41577zm121.79819,-30.86179l-0.71873,-217.77046m-149.49945,214.90504l0.71875,-213.47234m110.6871,199.14535l0.71873,41.54834m-74.03098,-1.43271l-0.71874,-40.11563",
+  "sflowchart_filter2": "m1,75.5l298,0l-149,74.5l149,74.5l-298,0l149,-74.5l-149,-74.5z",
+  "sign_no": "m0.99794,149.99951l0,0c0,-82.29002 66.70967,-148.99969 148.99992,-148.99969l0,0c39.51779,0 77.41692,15.69819 105.35898,43.64116c27.94318,27.94297 43.64124,65.84185 43.64124,105.35853l0,0c0,82.29103 -66.7092,149.00024 -149.00021,149.00024l0,0c-82.29025,0 -148.99992,-66.70921 -148.99992,-149.00024zm240.6012,66.65504l0,0c32.80489,-45.08388 27.92851,-107.33437 -11.49672,-146.75905c-39.42525,-39.42501 -101.67574,-44.30139 -146.75847,-11.49616l158.25519,158.25521zm-183.20167,-133.30872c-32.80512,45.08364 -27.92886,107.33413 11.49615,146.75825c39.4249,39.42525 101.67541,44.30159 146.75814,11.49672l-158.2543,-158.25497z",
+  "skull": "m74.9404,81.44109c-2.88919,16.35929 -10.26919,31.99403 -10.76614,48.86361c0.66122,9.76746 -5.89156,15.01402 -14.86213,14.8293c-9.64813,10.00099 1.19087,25.80647 12.10749,29.84357c11.14103,7.47832 24.96226,-0.87791 35.99846,5.83044c14.65424,11.4554 20.77205,31.76607 15.71635,49.57211c-5.02672,14.69893 20.70476,9.35306 11.02628,-2.39693c-7.47506,-11.48471 14.09103,-7.68764 8.56998,3.21603c-1.04326,8.75262 6.45616,11.58562 3.11867,20.06531c8.69472,4.98558 -0.72885,7.77708 -6.02475,8.71843c-12.40178,6.18225 2.24324,-11.07452 -7.58144,-16.17874c-8.99694,1.95532 -2.90059,17.02136 -5.98875,15.28125c-6.3575,-4.97824 -6.35281,-23.59047 -17.02285,-11.44621c-3.54128,-14.96387 2.92009,-30.54814 -2.05737,-45.42514c2.03897,-11.11034 -15.50281,-14.9426 -13.28409,-2.05647c0.88449,19.66696 -5.0876,39.29475 -1.66005,58.86481c4.72071,12.07065 17.92378,17.50833 26.2104,26.82291c6.80557,7.18207 15.6284,14.86087 26.22089,12.5997c12.0141,-0.52078 24.05035,-1.63034 36.01024,0.2771c15.04311,0.47446 26.52666,-11.41623 39.36443,-17.5242c15.0918,-11.98355 12.71564,-33.38867 11.21118,-50.43889c-1.84476,-10.52664 2.20334,-21.05807 1.44894,-31.48618c-10.88037,-13.31276 -19.80722,10.08708 -16.70779,20.14043c-0.00076,12.64635 2.42783,28.93701 -9.63577,37.17496c-9.95572,-0.25104 -19.43069,3.36517 -29.4632,1.4744c-8.14081,4.83435 -21.32692,4.71021 -24.01404,-6.79811c-1.07281,-10.22015 3.55807,-20.93494 -2.73401,-30.47318c5.52835,4.7614 15.17361,-4.11226 9.79822,6.56248c-6.55643,8.68922 5.55173,22.07874 10.10989,9.25331c1.51227,-8.60512 -6.54141,-20.02596 6.69714,-18.18237c2.6998,3.03528 -9.21959,24.26701 7.07346,18.90152c11.61606,-2.54445 -2.06659,-20.76607 13.66382,-20.82939c7.61295,-8.9626 5.56317,-25.76184 17.20825,-32.56114c12.98419,-8.78706 33.2569,-2.44315 42.52423,-17.32399c7.89911,-7.61507 4.18182,-28.72154 -9.44128,-21.72794c-17.02448,1.65962 -3.51318,-23.0582 -3.98819,-32.32024c4.01126,-8.06691 -4.87137,-25.04774 -1.81268,-26.84933c5.77948,8.84253 7.84946,19.18484 6.60651,29.51878c-0.10681,8.76352 -3.8233,32.51385 8.36014,17.87288c4.12442,-10.20347 2.92487,-21.76073 5.86331,-32.37626c5.66748,-22.91865 -4.48026,-45.85004 -15.79309,-65.262c-9.63495,-10.45038 -21.86679,-18.78104 -33.35342,-26.98327c-19.32092,-7.26658 -40.65421,-8.56836 -61.06006,-6.74718c-18.04979,3.12863 -37.13738,6.42709 -51.51633,18.73374c-14.01352,8.25707 -27.43441,19.22373 -32.97453,35.08961c-4.82798,12.78156 -13.28239,25.798 -9.43994,39.99647c3.67479,11.83601 1.72576,24.12813 2.32075,36.22574c6.26442,13.82637 12.1788,-7.07504 11.59255,-13.98853c0.3468,-13.11021 7.26362,-24.71465 12.36033,-36.35318zm115.06042,28.12622c12.88235,0.92311 29.19336,8.09689 29.54492,23.0528c1.95883,15.00865 -10.16846,29.55684 -25.7099,28.08501c-14.11661,-1.15955 -23.14499,-13.35332 -22.20761,-27.06258c-4.7262,-9.82969 2.6286,-20.35741 12.49942,-22.61709c1.91415,-0.64365 3.88168,-1.12543 5.87317,-1.45815zm-86.93419,1.27835c14.94448,-2.65778 31.94749,6.61306 31.99739,23.15527c1.40359,15.99194 -15.57494,19.12508 -27.15695,23.1313c-8.01422,5.17467 -16.3391,0.35667 -22.99829,-4.85698c-8.63997,-9.0434 -6.10048,-27.26721 3.02245,-35.52229c4.42388,-3.27404 9.90028,-4.56108 15.1354,-5.9073zm51.1378,42.18812c7.2348,9.94383 15.92023,25.10751 6.56407,36.39339c-8.30571,6.66107 -9.35284,-9.47466 -18.07048,-1.8754c-8.17816,-7.1624 -0.63536,-21.73717 5.10291,-29.01329c1.8913,-2.09525 4.05559,-3.93987 6.4035,-5.5047z",
+  "star_32": "m1,150l37.78866,-10.95375l-34.9264,-18.11479l39.19976,-3.37057l-30.72019,-24.58047l39.1037,4.34019l-25.33452,-30.10049l37.5051,11.88636l-18.97492,-34.46539l34.46528,18.97503l-11.88614,-37.50511l30.10025,25.33441l-4.34019,-39.10359l24.58048,30.72008l3.37057,-39.19964l18.11479,34.92639l10.95375,-37.78866l10.95375,37.78866l18.11479,-34.92639l3.37057,39.19964l24.58047,-30.72008l-4.34018,39.10359l30.10023,-25.33441l-11.88614,37.50511l34.4653,-18.97503l-18.97491,34.46539l37.50508,-11.88636l-25.33452,30.10049l39.10347,-4.34019l-30.71994,24.58047l39.1994,3.37057l-34.92581,18.11479l37.78842,10.95375l-37.78842,10.95375l34.92581,18.11479l-39.1994,3.37057l30.71994,24.58047l-39.10347,-4.34018l25.33452,30.10025l-37.50508,-11.88615l18.97491,34.4653l-34.4653,-18.97493l11.88614,37.5051l-30.10023,-25.33452l4.34018,39.10347l-24.58047,-30.71994l-3.37057,39.1994l-18.11479,-34.92581l-10.95375,37.78842l-10.95375,-37.78842l-18.11479,34.92581l-3.37057,-39.1994l-24.58048,30.71994l4.34019,-39.10347l-30.10025,25.33452l11.88614,-37.5051l-34.46528,18.97493l18.97492,-34.4653l-37.5051,11.88615l25.33452,-30.10025l-39.1037,4.34018l30.72019,-24.58047l-39.19976,-3.37057l34.9264,-18.11479l-37.78866,-10.95375z",
+  "sun": "m298.99939,149.99919l-60.12755,21.3835l0,-42.76601l60.12755,21.38251zm-43.65198,-105.36193l-27.38881,57.64266l-30.23897,-30.23995l57.62778,-27.40271zm-105.34804,-43.63768l21.38251,60.12764l-42.76602,0l21.38351,-60.12764zm-105.36263,43.63768l57.64236,27.40271l-30.23955,30.23995l-27.40281,-57.64266zm-43.63767,105.36193l60.12774,-21.38251l0,42.76601l-60.12774,-21.3835zm43.63767,105.34903l27.40281,-57.62877l30.23955,30.23996l-57.64236,27.38881zm105.36263,43.65096l-21.38351,-60.12753l42.76602,0l-21.38251,60.12753zm105.34804,-43.65096l-57.62778,-27.38881l30.23897,-30.23996l27.38881,57.62877zm-179.84834,-105.34903l0,0c0,-41.14515 33.35516,-74.5 74.50031,-74.5c41.14514,0 74.5,33.35485 74.5,74.5c0,41.14514 -33.35486,74.49998 -74.5,74.49998c-41.14514,0 -74.50031,-33.35484 -74.50031,-74.49998z",
+  "woman": "m150.04984,49.03255c13.33249,0 24.15346,-10.81348 24.15346,-24.15346c0,-13.34748 -10.82097,-24.16844 -24.15346,-24.16844c-13.34375,0 -24.16843,10.82096 -24.16843,24.16844c0,13.33998 10.82095,24.15346 24.16843,24.15346zm67.74049,104.1672l-21.67561,-80.39177c-0.20212,-0.72988 -0.48662,-1.42607 -0.83093,-2.06987c-2.46291,-7.53088 -9.53339,-12.9844 -17.88399,-12.9844h-54.86088c-8.70618,0 -16.01627,5.9214 -18.16845,13.95758c-0.14598,0.35184 -0.26575,0.7224 -0.37429,1.10417l-21.2901,80.38803c-1.41861,5.2701 1.71053,10.6862 6.98811,12.1048c5.27014,1.4111 10.68626,-1.71803 12.10487,-6.98813l16.71989,-63.14786h6.96569l-30.34438,114.25453h28.5927v78.87959c0,6.06738 4.91077,10.9819 10.98564,10.9819c6.05989,0 10.9819,-4.9108 10.9819,-10.9819v-78.87959h8.73613v78.87959c0,6.06738 4.91826,10.9819 10.99315,10.9819c6.05988,0 10.9819,-4.9108 10.9819,-10.9819v-78.87959h28.57767l-30.45665,-114.25453h7.14911l17.02679,63.14786c1.41859,5.2701 6.83472,8.39923 12.10481,6.98813c5.2589,-1.41859 8.38803,-6.83842 6.97693,-12.10854z"
+  }
+}
diff --git a/editor/extensions/shapelib/music.json b/editor/extensions/shapelib/music.json
index fe31aed7..74e60d52 100644
--- a/editor/extensions/shapelib/music.json
+++ b/editor/extensions/shapelib/music.json
@@ -1,21 +1,21 @@
-{"data": {
-	"clef_alto": "m51.25065,150.28749c0,-49.53207 0,-99.06413 0,-148.5962c11.59261,0 23.18523,0 34.77784,0c0,99.06413 0,198.12827 0,297.1924c-11.59261,0 -23.18522,0 -34.77784,0c0,-49.53209 0,-99.06413 0,-148.59621zm51.37634,0c0,-49.53207 0,-99.06413 0,-148.5962c8.48285,-2.46703 12.93837,1.84261 11.08508,10.0007c0.12527,45.40251 0.25053,90.80502 0.37581,136.20751c21.44767,-15.32626 29.57346,-41.86327 36.21976,-66.10667c3.81448,15.78812 9.88112,35.01518 27.29865,40.16045c16.60112,4.98381 31.30354,-10.63891 31.13045,-26.64445c2.89955,-20.45341 3.30077,-41.70258 -1.14742,-61.93042c-4.16455,-12.79745 -16.64639,-23.36595 -30.52771,-22.52039c-11.42384,-5.25948 -24.23628,10.96936 -9.59547,16.90924c12.31264,13.08186 -1.99968,35.47687 -19.11742,30.23324c-16.59583,-3.55596 -21.00951,-25.43777 -11.40723,-37.80838c13.77419,-17.97563 39.16574,-20.24264 60.03438,-17.62625c27.15413,3.08944 47.80745,27.56302 50.7352,54.02297c3.73869,23.61245 -2.35521,50.29027 -22.12251,65.37829c-16.57411,13.95533 -40.93645,15.69794 -60.41183,7.1722c-4.73631,7.1261 -9.47264,14.25217 -14.20895,21.37825c4.65338,6.95274 9.30673,13.90549 13.96008,20.8582c23.58311,-10.57065 54.40877,-5.07518 69.99907,16.43117c21.95821,28.96715 17.67499,75.52599 -10.84692,98.64314c-17.91376,14.62869 -43.09233,14.67899 -64.38158,8.83109c-16.11131,-4.2995 -31.82996,-19.966 -26.84735,-37.82117c2.51375,-15.55998 23.9128,-21.41389 34.33803,-9.83356c14.19543,12.82462 -6.37968,25.74036 -5.32516,38.10141c15.79561,11.97195 41.38054,0.70062 45.05746,-18.39487c5.84576,-20.96526 4.47285,-43.25116 1.61388,-64.56879c-1.53316,-14.33195 -14.00139,-28.78069 -29.45882,-24.78352c-16.25957,3.69221 -24.37509,20.62003 -27.1602,35.64745c-3.41434,11.00523 -4.50349,-10.5222 -7.16806,-14.04636c-5.53896,-17.66304 -15.20212,-35.01096 -30.07851,-46.1468c-1.53252,4.76282 -0.13866,10.70403 -0.62897,15.96893c-0.11874,43.15994 -0.2375,86.31984 -0.35623,129.47978c-8.48793,2.46848 -12.93407,-1.8443 -11.0575,-10.00076c0,-46.19846 0,-92.39696 0,-138.59544z",
-	"clef_bass": "m21.53929,297.24106c0.11552,-13.50244 21.89277,-17.95071 30.83244,-27.31851c34.50853,-23.15955 68.13189,-49.8976 89.28437,-86.39645c22.47179,-37.29227 34.65842,-82.97259 25.51732,-126.22972c-4.84746,-26.84145 -30.93637,-48.32386 -58.5412,-44.96438c-18.18078,2.48732 -39.18159,6.6724 -49.70108,23.45858c-11.41858,8.57642 -5.13639,28.67733 10.08619,21.04295c19.47556,-7.4344 43.93666,7.72539 43.16644,29.21231c0.02258,20.3737 -20.60109,34.74615 -39.82058,32.83379c-21.40677,-0.21405 -42.59771,-17.48695 -42.15028,-39.87929c-1.48358,-36.0903 29.74187,-65.56665 63.16554,-73.13066c29.88613,-9.31284 64.6309,-5.56545 89.8325,13.80772c18.75227,12.81883 33.51952,32.25211 36.60045,55.18989c6.65193,29.82199 -1.94455,60.59844 -16.85703,86.54317c-19.16537,34.9521 -48.44911,63.56561 -82.44233,84.09172c-31.5721,20.13449 -64.41224,38.31845 -98.38529,54.07944c-0.19582,-0.78018 -0.39163,-1.56039 -0.58745,-2.34058zm226.81013,-147.1503c-16.25441,-7.36092 -12.66826,-37.2715 6.2514,-37.94421c14.1568,-3.30239 27.38025,11.49424 23.01007,25.17739c-2.75677,12.80446 -18.12839,18.35408 -29.26147,12.76682zm0,-81.82211c-16.25441,-7.36089 -12.66826,-37.2715 6.2514,-37.9442c14.1568,-3.30238 27.38025,11.49425 23.01007,25.17739c-2.82837,12.84788 -18.04926,18.33069 -29.26147,12.76681z",
-	"clef_treble": "m142.57787,298.08936c-19.93291,-3.16858 -30.69543,-32.78793 -10.77837,-43.63799c20.76305,-10.6983 33.11169,27.38725 10.4319,31.10985c-12.41878,4.65247 16.12379,12.44363 21.44362,4.62054c16.62259,-8.04572 14.05481,-28.98639 10.0555,-43.73428c-1.38792,-11.29834 -3.1236,-23.3942 -17.37872,-16.97299c-34.39165,2.76706 -61.61951,-32.12309 -58.88461,-64.7627c0.92851,-30.78641 26.14601,-51.87253 44.81895,-73.25146c-6.13037,-27.96899 -7.98138,-60.28084 9.78998,-84.65368c16.36949,-19.81244 24.67825,16.44271 27.44722,28.74505c6.15059,28.7567 -6.11317,58.97542 -26.51985,79.24646c1.94853,9.61536 3.86572,19.23715 5.85146,28.84491c21.56471,-4.16351 42.14922,14.0585 43.32542,35.40215c3.33209,19.27364 -9.02991,37.47516 -25.91515,45.75842c-0.27765,16.55051 8.86742,33.71834 5.58147,50.80913c-3.15567,17.67035 -22.97263,26.33539 -39.26881,22.47659zm22.51283,-75.40413c6.10963,-11.46864 -4.97238,-31.72308 -5.58083,-46.4445c0.2393,-25.67101 -26.99069,4.97273 -18.89308,17.57916c2.40038,7.45953 23.23523,21.13914 4.09677,12.70238c-19.98106,-11.95877 -19.06588,-42.72807 -0.80893,-55.71979c15.31693,-3.39279 5.96193,-23.83228 3.07584,-30.54592c-18.81245,17.14481 -40.13555,38.73356 -36.89114,66.48257c2.4439,26.00902 30.79729,41.78694 55.00137,35.94611zm12.65782,-4.96449c17.94263,-11.51868 17.35378,-41.74863 -2.27676,-51.12454c-20.94589,-11.06784 -6.59929,17.92804 -6.2155,28.9649c2.90686,4.22505 1.26024,28.84393 8.49226,22.15964zm-22.11331,-138.56764c11.03699,-13.35171 23.65346,-32.62746 15.90224,-50.28019c-16.69221,-11.01859 -25.9682,18.77171 -26.37872,31.81623c-0.15186,8.45836 -1.39836,37.61288 10.47649,18.46396l0,0z",
-	"note_16th": "m88.44206,298.30295c-13.87988,-2.82538 -24.35809,-16.50861 -20.88289,-30.73529c4.91499,-19.9595 23.53616,-33.76636 42.17206,-40.32825c12.41348,-4.12247 26.50006,-3.4993 38.15588,2.63036c1.0408,-76.23686 0.44647,-152.49294 0.60452,-228.73842c4.20728,-0.00103 9.6062,-1.35928 8.46304,4.73352c0.58707,13.69153 7.31578,26.22541 17.65646,35.05743c23.06891,21.49232 49.01909,44.8303 54.31831,77.58647c1.50432,13.81924 -0.10796,27.74641 -3.17799,41.24139c9.09166,16.96843 8.54382,37.52667 4.8522,55.93042c-2.39383,9.71803 -6.29839,19.07953 -11.26178,27.74855c-11.71941,5.45538 1.38908,-8.91675 1.22467,-14.09427c6.33897,-15.55397 7.06616,-32.87975 4.18297,-49.26376c-6.28082,-23.96758 -30.02579,-35.67821 -49.12051,-48.20921c-6.90894,-2.70374 -21.67717,-19.0106 -18.74876,-3.03152c-0.64005,43.31421 -0.53076,86.63467 -0.73126,129.95221c-8.01517,20.08276 -26.40254,35.40967 -47.75954,39.25299c-6.54287,1.13068 -13.39496,1.54416 -19.94739,0.2674zm133.16364,-163.77284c0.19041,-24.65028 -18.17068,-44.59457 -36.16211,-59.2127c-9.00275,-6.78731 -18.53905,-13.97798 -28.66229,-18.37087c0.62265,14.17498 7.10901,27.98635 14.87303,39.75766c14.63148,19.60416 36.7207,32.71725 48.97745,54.30224c1.46973,-5.35919 1.02641,-10.98389 0.97392,-16.47633z",
-	"note_2_16th": "m49.3958,299.54056c-16.81947,-3.04166 -22.61933,-24.29047 -12.59162,-37.02081c13.30804,-19.68834 41.77522,-32.96074 64.07959,-20.53789c0.44453,-69.33055 0.18797,-138.66488 0.25596,-207.99711c55.61466,-11.21983 111.34956,-21.8626 166.98527,-32.98482c-0.12048,77.7042 -0.24097,155.40843 -0.36145,233.1126c-8.71588,23.50243 -36.87907,39.79991 -61.40202,32.51219c-14.59976,-4.3703 -18.09988,-23.21532 -9.97012,-34.76195c11.13289,-17.22395 31.85399,-29.0497 52.68539,-25.82347c5.94469,-0.60136 14.69865,9.02304 12.18605,-1.86462c0,-54.46642 0,-108.93282 0,-163.39921c-51.0519,10.27703 -102.20471,20.06591 -153.28023,30.23172c-0.17435,63.38239 0.43399,126.77441 -0.45506,190.14903c-1.62524,19.24988 -20.10281,32.38318 -37.35132,37.51443c-6.81397,1.14908 -13.90893,1.86209 -20.78043,0.8699zm133.17406,-258.40903c26.23065,-5.16204 52.47366,-10.26209 78.69298,-15.48133c3.33676,-13.29303 -11.59628,-4.66015 -18.89926,-4.33564c-44.78732,8.84114 -89.60051,17.55139 -134.38097,26.42687c-3.33676,13.29303 11.59627,4.66015 18.89925,4.33564c18.56081,-3.65804 37.12405,-7.30357 55.688,-10.94555z",
-	"note_2_32nd": "m49.39585,299.53995c-16.81947,-3.04169 -22.61932,-24.29047 -12.59161,-37.02081c13.30804,-19.68835 41.77521,-32.96077 64.07959,-20.53792c0.44453,-69.33055 0.18797,-138.66488 0.25596,-207.9971c55.61465,-11.21984 111.34956,-21.86261 166.98528,-32.98483c-0.12048,77.70421 -0.24097,155.40842 -0.36145,233.11262c-8.71591,23.50241 -36.8791,39.7999 -61.40204,32.51218c-14.59978,-4.3703 -18.09987,-23.21533 -9.97015,-34.76193c11.13292,-17.22395 31.854,-29.0497 52.68541,-25.82347c5.9447,-0.60136 14.69868,9.02304 12.18605,-1.86462c0,-46.71117 0,-93.42232 0,-140.13348c-51.05188,10.27702 -102.20473,20.0659 -153.28023,30.23172c-0.22871,56.35212 0.56696,112.72466 -0.58765,169.06043c-3.51923,18.91183 -22.11423,32.00891 -40.05743,35.8262c-5.92716,0.70624 -12.00983,1.31848 -17.94172,0.38101zm133.17405,-235.14331c26.23065,-5.16204 52.47366,-10.26208 78.69298,-15.48132c3.33676,-13.29303 -11.59628,-4.66015 -18.89923,-4.33564c-44.78734,8.84113 -89.60054,17.55138 -134.381,26.42687c-3.33677,13.29303 11.59627,4.66015 18.89925,4.33564c18.56078,-3.65805 37.12405,-7.30357 55.688,-10.94555zm0,-23.26575c26.23065,-5.16204 52.47366,-10.26209 78.69298,-15.48133c3.33676,-13.29302 -11.59628,-4.66015 -18.89923,-4.33563c-44.78734,8.84113 -89.60054,17.55139 -134.381,26.42687c-3.33677,13.29303 11.59627,4.66016 18.89925,4.33564c18.56078,-3.65804 37.12405,-7.30358 55.688,-10.94555z",
-	"note_2_64th": "m49.39639,299.53995c-16.81947,-3.04169 -22.61932,-24.29047 -12.59161,-37.02081c13.30804,-19.68835 41.77522,-32.9608 64.07959,-20.53792c0.44453,-69.33055 0.18797,-138.66488 0.25596,-207.99711c55.61465,-11.21983 111.34957,-21.86261 166.98528,-32.98482c-0.12048,77.70421 -0.24097,155.40842 -0.36145,233.11262c-8.71591,23.50241 -36.8791,39.7999 -61.40205,32.51218c-14.59976,-4.3703 -18.09987,-23.21533 -9.97012,-34.76193c11.1329,-17.22395 31.85399,-29.0497 52.68539,-25.8235c5.94467,-0.60133 14.69868,9.02307 12.18605,-1.86459c0,-38.95592 0,-77.91182 0,-116.86773c-51.0519,10.27703 -102.20474,20.06591 -153.28024,30.23172c-0.23563,48.66071 0.58183,97.34513 -0.58977,145.98728c-3.69252,18.80173 -22.14742,31.83179 -40.05531,35.63361c-5.92716,0.70627 -12.00984,1.31848 -17.94173,0.38101zm133.17406,-211.87756c26.23067,-5.16204 52.47368,-10.26209 78.69298,-15.48133c3.33676,-13.29303 -11.59627,-4.66015 -18.89925,-4.33564c-44.78732,8.84113 -89.60051,17.55138 -134.38099,26.42688c-3.33676,13.29302 11.59627,4.66015 18.89925,4.33562c18.56079,-3.65804 37.12405,-7.30356 55.688,-10.94553zm0,-23.26575c26.23067,-5.16204 52.47368,-10.26208 78.69298,-15.48132c3.33676,-13.29303 -11.59627,-4.66015 -18.89925,-4.33564c-44.78732,8.84113 -89.60051,17.55138 -134.38099,26.42687c-3.33676,13.29303 11.59627,4.66015 18.89925,4.33564c18.56079,-3.65805 37.12405,-7.30357 55.688,-10.94555zm0,-23.26575c26.23067,-5.16204 52.47368,-10.26209 78.69298,-15.48133c3.33676,-13.29302 -11.59627,-4.66015 -18.89925,-4.33563c-44.78732,8.84113 -89.60051,17.55139 -134.38099,26.42687c-3.33676,13.29303 11.59627,4.66016 18.89925,4.33564c18.56079,-3.65804 37.12405,-7.30357 55.688,-10.94554z",
-	"note_2_8th": "m49.39571,299.54196c-16.81947,-3.04169 -22.61933,-24.29047 -12.59162,-37.02081c13.30804,-19.68834 41.77522,-32.96077 64.07959,-20.53792c0.44447,-69.55862 0.18803,-139.12106 0.25597,-208.68139c55.61337,-11.00192 111.35248,-21.38966 166.98529,-32.30051c-0.12051,77.70421 -0.24097,155.40842 -0.36145,233.11263c-8.71594,23.50241 -36.8791,39.7999 -61.40207,32.51218c-14.59976,-4.3703 -18.09987,-23.21533 -9.97012,-34.76193c11.1329,-17.22395 31.854,-29.0497 52.68538,-25.82347c5.9447,-0.60136 14.69872,9.02304 12.18608,-1.86462c-0.20636,-61.46065 0.51324,-122.93768 -0.53098,-184.38539c-9.07608,-3.36956 -25.21706,4.38308 -36.83795,5.01031c-38.86079,7.56314 -77.80466,14.7255 -116.5762,22.73074c1.16985,68.10055 0.62434,136.24279 0.45018,204.35774c2.05843,15.54877 -6.51154,30.19547 -19.54225,38.30072c-11.24453,8.17932 -25.1371,11.12784 -38.82984,9.35175z",
-	"note_3_16th": "m15.05685,274.22351c-14.31707,-1.91919 -18.42601,-20.36026 -8.93697,-29.99135c10.38879,-13.67648 30.27091,-22.30884 46.50806,-13.88651c0.66153,-52.11798 0.28726,-104.24728 0.38611,-156.37085c81.97754,-16.40272 164.06679,-32.26359 246.07988,-48.4937c-0.2363,57.62228 0.57657,115.26416 -0.57095,172.87157c-1.96915,14.86053 -17.13602,24.73001 -30.79037,27.8163c-11.96523,3.66803 -28.81345,-4.27913 -25.97942,-18.60889c3.50381,-15.4984 19.49126,-26.6657 34.85991,-28.02376c8.59586,-2.14986 20.61923,9.25734 16.69226,-5.91415c0.09525,-39.33675 -0.07153,-78.67297 -0.13177,-118.00977c-38.18202,7.50178 -76.35632,15.04294 -114.54555,22.50813c-0.23268,48.18274 0.55394,96.38557 -0.57504,144.55286c-2.30531,15.49788 -18.60167,25.74417 -33.19453,27.71848c-14.44766,3.90948 -29.61349,-11.1328 -21.45115,-25.13463c9.01589,-16.79831 32.00478,-28.23689 49.88007,-18.48071c0.13591,-41.88866 0.57454,-83.7979 -0.20747,-125.67833c-9.66763,-2.10095 -24.53024,4.47319 -35.97192,5.4189c-26.23273,5.15636 -52.45877,10.34411 -78.68841,15.51694c-0.35831,49.24326 0.12716,98.5107 -1.08934,147.73389c-6.17624,16.23714 -25.20985,26.82423 -42.27338,24.45558l0,0zm101.53641,-195.02805c18.87659,-3.72421 37.75267,-7.44825 56.62927,-11.17233c3.17946,-13.298 -14.34059,-1.80056 -21.35852,-2.54169c-31.16307,6.26984 -62.32049,12.56754 -93.49695,18.76997c-1.80596,13.61728 18.79422,-0.36912 26.46645,1.18459c10.58865,-2.07109 21.17471,-4.15247 31.75974,-6.24054zm119.43625,-23.77348c18.94301,-3.80857 37.98227,-7.27608 56.8645,-11.31118c2.82892,-13.23786 -18.20215,0.42724 -25.56601,-1.09475c-29.37257,5.74051 -58.85892,11.05022 -88.16765,17.02801c-3.13623,14.00632 18.26294,0.04643 25.92744,1.45249c10.31323,-2.02774 20.62746,-4.05219 30.94171,-6.07457z",
-	"note_3_32th": "m15.05685,274.22333c-14.31707,-1.91882 -18.42601,-20.36018 -8.93697,-29.99106c10.3888,-13.67676 30.27089,-22.30908 46.50806,-13.88647c0.66166,-52.11824 0.28732,-104.24765 0.38611,-156.37099c81.97754,-16.40273 164.06694,-32.2636 246.07988,-48.4937c-0.2363,57.6225 0.57663,115.26395 -0.57123,172.87143c-1.96881,14.86089 -17.13586,24.73018 -30.79025,27.81644c-11.96498,3.66806 -28.81322,-4.27921 -25.97935,-18.60878c3.50368,-15.49834 19.49123,-26.6657 34.86018,-28.02408c8.67697,-2.20874 20.51364,9.40097 16.68222,-5.83759c-0.09845,-33.39989 0.78769,-66.86396 -0.50803,-100.22556c-37.99194,7.33447 -75.93604,14.91556 -113.90202,22.38341c-0.40428,43.27432 0.22905,86.58281 -1.10269,129.83c-6.66052,18.05263 -29.74564,30.16772 -47.98743,22.50237c-14.38366,-7.43967 -7.95995,-27.06667 2.9687,-34.4792c10.34322,-10.82147 29.63336,-12.35156 40.562,-8.05225c0.25528,-36.18434 0.11931,-72.37016 0.15388,-108.55522c-38.40674,7.73776 -76.89246,15.09384 -115.31775,22.74432c-0.2578,42.95952 0.63174,85.96188 -0.70086,128.88727c-5.20541,16.91916 -25.24538,27.88303 -42.40446,25.48965zm99.21976,-176.85336c19.73389,-3.88507 39.47778,-7.71994 59.20331,-11.64712c1.63908,-13.07382 -17.1093,-0.27914 -24.42491,-1.54683c-30.21908,5.91451 -60.4242,11.89998 -90.63543,17.85444c-2.77443,12.63378 14.55762,1.2752 21.41661,2.10594c11.47932,-2.25961 22.95964,-4.51424 34.44042,-6.76643zm2.31665,-18.17461c18.87643,-3.72409 37.75285,-7.44817 56.62927,-11.17224c3.17953,-13.298 -14.34081,-1.80056 -21.35843,-2.5417c-31.16306,6.26989 -62.32067,12.56752 -93.49722,18.77c-1.80564,13.61723 18.7942,-0.36929 26.46687,1.1845c10.58833,-2.07081 21.17455,-4.15248 31.7595,-6.24056zm119.82236,-6.10279c19.00511,-3.73167 38.01025,-7.46333 57.01538,-11.195c2.25488,-12.51775 -14.43167,-1.31337 -21.22391,-2.14778c-31.1899,6.14801 -62.39635,12.21269 -93.57906,18.3969c-0.48149,12.89743 19.70058,-0.51178 28.22481,0.73691c9.85522,-1.92534 19.70935,-3.85638 29.56277,-5.79102zm-0.38611,-17.67059c18.94318,-3.80859 37.98227,-7.27608 56.86438,-11.31118c2.82913,-13.23785 -18.20197,0.42724 -25.56577,-1.09474c-29.37247,5.74053 -58.85913,11.0502 -88.1676,17.028c-3.13618,14.00631 18.26254,0.04646 25.92732,1.45247c10.31334,-2.02773 20.6273,-4.05214 30.94167,-6.07454z",
-	"note_3_64th": "m15.05833,274.22296c-14.317,-1.9187 -18.42625,-20.3604 -8.93719,-29.99104c10.38896,-13.67708 30.27131,-22.30949 46.50857,-13.88661c0.66169,-52.1188 0.28732,-104.24842 0.38611,-156.37186c81.97786,-16.40303 164.06815,-32.26401 246.08122,-48.49419c-0.23633,57.62288 0.57712,115.26462 -0.57092,172.87238c-1.96869,14.86116 -17.13614,24.73065 -30.79056,27.81697c-11.96483,3.66806 -28.81317,-4.27963 -25.97963,-18.60901c3.50381,-15.49847 19.49141,-26.66583 34.8607,-28.02443c7.61099,-2.92159 20.18073,9.65431 16.68201,-4.30438c0.21829,-27.96678 0.10867,-55.9346 0.13544,-83.90191c-38.27235,7.48128 -76.53494,15.0156 -114.80267,22.52314c-0.22958,36.48441 0.55602,72.99504 -0.58997,109.45938c-3.18001,15.89902 -20.29759,26.40845 -35.74976,27.23267c-14.89929,2.89737 -27.08599,-14.42255 -17.93506,-27.04372c9.64191,-15.67046 31.65898,-26.22467 48.93309,-16.72427c0.33206,-30.58104 0.14311,-61.16617 0.19254,-91.74873c-38.39642,7.82673 -76.92161,15.04803 -115.31823,22.87476c-0.25736,36.94054 0.62957,73.92738 -0.70087,110.83084c-5.2055,16.9194 -25.24553,27.88339 -42.40482,25.49002l0,0zm101.38524,-159.31403c18.83891,-3.75145 37.70946,-7.35722 56.50069,-11.3393c2.95145,-13.53962 -17.91554,0.08701 -25.35307,-1.30814c-29.80621,5.87558 -59.6283,11.67136 -89.42722,17.5835c-2.26596,13.04952 15.28052,1.23864 22.46973,2.11949c11.93564,-2.35683 23.87244,-4.70798 35.80987,-7.05554zm-2.1648,-17.54025c19.73418,-3.88531 39.47784,-7.72015 59.20348,-11.64717c1.63916,-13.07402 -17.10936,-0.27902 -24.42487,-1.54701c-30.21927,5.9147 -60.42458,11.89994 -90.63596,17.8548c-2.77449,12.63354 14.55767,1.27519 21.41672,2.10558c11.47937,-2.25951 22.95979,-4.51389 34.44062,-6.7662zm123.16869,-6.50159c18.66148,-3.66445 37.32301,-7.3289 55.98506,-10.99284c1.75296,-13.03485 -16.50751,-0.89732 -23.95999,-1.87753c-30.19955,5.92758 -60.38982,11.90097 -90.58421,17.8548c-3.55789,11.04535 8.5943,3.94657 14.87352,3.58826c14.56204,-2.85567 29.12408,-5.71393 43.68562,-8.57269zm-120.85203,-11.67342c18.8765,-3.72417 37.75323,-7.44803 56.62942,-11.17215c3.18001,-13.29807 -14.34068,-1.80056 -21.35812,-2.54169c-31.16348,6.26993 -62.3213,12.56734 -93.49802,18.77035c-1.80566,13.61685 18.79432,-0.36964 26.46704,1.18407c10.58839,-2.07059 21.17467,-4.1525 31.75968,-6.24059zm119.82291,-6.10266c19.0054,-3.73169 38.01082,-7.46337 57.01573,-11.19506c2.25491,-12.51782 -14.4313,-1.3134 -21.22379,-2.14781c-31.19003,6.14807 -62.39655,12.21279 -93.5799,18.39685c-0.48135,12.89765 19.70091,-0.51173 28.22522,0.73721c9.8551,-1.92541 19.70967,-3.85648 29.56273,-5.7912zm-0.38611,-17.67071c18.94363,-3.8086 37.9825,-7.27608 56.86485,-11.31125c2.82944,-13.23789 -18.20175,0.42725 -25.56567,-1.09475c-29.37276,5.7406 -58.85979,11.05029 -88.16818,17.02811c-3.13626,14.0062 18.26253,0.04649 25.9276,1.4525c10.31329,-2.02775 20.62709,-4.05215 30.94141,-6.07461z",
-	"note_3_8th": "m15.02169,274.2272c-14.31707,-1.91879 -18.42601,-20.36015 -8.93697,-29.99103c10.3888,-13.67676 30.27088,-22.3091 46.50806,-13.88649c0.66166,-52.11824 0.28732,-104.24764 0.38611,-156.37097c81.97754,-16.40273 164.06694,-32.2636 246.07985,-48.4937c-0.2363,57.6225 0.57663,115.26395 -0.5712,172.87141c-1.96884,14.86089 -17.13589,24.73018 -30.79025,27.81644c-11.965,3.66806 -28.81323,-4.27919 -25.97937,-18.60878c3.50368,-15.49834 19.49124,-26.66568 34.8602,-28.02408c8.2316,-2.53128 20.41348,9.51646 16.65692,-5.23953c-0.07721,-45.31436 0.85016,-90.69309 -0.45593,-135.96806c-37.90379,6.83744 -76.18053,14.4211 -114.18623,21.74638c-0.22679,54.0925 0.53969,108.20272 -0.57019,162.28107c-1.77496,14.91302 -17.02997,24.75598 -30.69292,27.71687c-13.90182,4.60379 -31.50981,-7.66069 -24.80507,-22.93971c8.1866,-17.99985 32.25569,-30.36769 50.72748,-20.3566c0.32813,-48.569 0.14423,-97.14091 0.19258,-145.71125c-38.34256,7.86306 -76.73341,15.50194 -115.11303,23.18613c-0.70871,54.82025 0.60002,109.69145 -0.90556,164.48224c-5.27564,16.97054 -25.17379,27.85027 -42.40448,25.48964z",
-	"note_32nd": "m96.7115,298.78342c-12.19044,-1.97687 -21.5796,-13.65018 -18.87752,-26.14322c3.19898,-16.4884 18.16196,-28.11014 32.8273,-34.56326c11.8622,-4.83313 26.35187,-5.63437 37.63535,1.13913c0.44954,-79.35593 0.19681,-158.71518 0.26346,-238.07262c3.98198,-0.1698 8.54333,-0.99947 7.45644,4.60387c0.32353,13.2127 8.16176,24.35488 17.90031,32.62089c20.68701,19.0793 43.62003,41.1507 45.44289,71.03391c1.94933,11.70761 -4.32771,23.23071 -1.67,34.59584c2.53688,11.20206 1.78056,22.8308 0.17831,34.09036c7.53368,20.20854 5.71452,43.47615 -2.49284,63.20886c0.75815,6.16689 -13.8391,16.22797 -7.44476,5.95023c8.63434,-18.74539 13.17647,-41.8004 3.81317,-61.08943c-11.33986,-18.69514 -31.97612,-28.28085 -48.89772,-41.04474c-11.778,-11.86667 -5.42902,11.18993 -7.18364,18.06325c-0.26184,33.71661 -0.28255,67.43445 -0.41075,101.15173c-5.27325,12.84436 -14.94577,23.71875 -27.82796,29.29456c-9.44402,4.40988 -20.29373,7.32529 -30.71203,5.16064zm114.86545,-145.34879c-7.29857,-26.18551 -30.51866,-43.93251 -53.18727,-56.72259c-6.20538,-0.86809 1.83978,14.15399 3.5831,18.80585c8.11926,15.92772 24.10783,25.32948 35.63724,38.48439c5.02966,4.16844 10.75517,12.77017 14.6803,15.07132c0.57034,-5.18866 0.22502,-10.51091 -0.71336,-15.63898zm0.91826,-35.72012c-0.11551,-22.00919 -16.64085,-39.55235 -32.65781,-52.65142c-7.46819,-4.94457 -16.49954,-13.27054 -24.16978,-14.26883c1.45969,12.25124 6.9503,24.24821 17.03656,31.76259c14.34996,13.93145 29.52126,27.82796 39.47783,45.32379c1.14618,-3.04146 0.13112,-6.92123 0.3132,-10.16613z",
-	"note_4th": "m126.58881,297.40149c-11.87886,-2.65546 -23.26585,-13.54025 -21.01448,-26.56512c0.1731,-16.24911 13.85612,-27.71617 25.94878,-36.50977c15.62231,-10.78831 37.15717,-14.20154 54.34061,-5.04248c1.02979,-75.90828 0.44815,-151.83525 0.60191,-227.75206c3.00182,0.70564 9.53603,-2.12083 8.02534,3.09698c-0.14726,78.93155 0.33716,157.8673 -0.38513,236.79541c-0.07584,10.70851 -0.22026,22.31233 -7.75522,30.804c-13.91748,17.52454 -37.15509,29.1525 -59.76181,25.17303z",
-	"note_64th": "m104.92412,299.31976c-12.00094,-1.27536 -20.94641,-13.79388 -17.06551,-25.49271c6.43043,-17.60776 24.98182,-29.7767 43.42287,-30.74879c7.6006,-2.50558 20.88075,10.01114 17.93382,-3.27145c0.48503,-79.47305 0.24155,-158.94821 0.30153,-238.42232c5.75809,-1.70799 6.23006,2.55972 6.32732,7.33913c1.78415,17.85563 19.14293,26.89136 29.82072,39.25721c15.39714,15.12255 27.5349,36.04512 24.51741,58.34038c-3.08612,10.64033 -0.83701,20.84729 0.30066,31.5748c0.06851,11.58006 -4.18433,22.62605 -0.40593,34.00638c1.68036,11.01886 -3.23894,22.12428 2.03442,32.51251c2.40002,18.25101 0.69795,38.47595 -10.52008,53.59502c-7.11406,1.93207 2.97337,-8.35378 2.33067,-11.88858c6.3118,-18.25085 7.27405,-41.79056 -8.5262,-55.64728c-12.36734,-10.82431 -26.50575,-19.43405 -39.98901,-28.77931c-0.71652,35.81755 -0.4848,71.65158 -0.68907,107.47679c-5.08496,13.03387 -16.00215,23.09641 -29.22493,27.57315c-6.53331,2.3526 -13.63996,3.72845 -20.5687,2.57507zm98.72386,-126.48091c-6.34319,-22.74789 -26.51086,-38.16362 -46.20412,-49.27464c-5.25957,0.57732 2.32552,14.64314 4.87614,19.57021c8.86444,13.06609 22.37558,21.98311 32.7415,33.78232c3.44377,1.45969 10.43367,15.90742 9.37975,5.93784c0.13239,-3.35165 -0.09975,-6.73082 -0.79327,-10.01572zm0.7843,-31.02991c0.01227,-19.15482 -14.53879,-34.37045 -28.41721,-45.78492c-6.00691,-3.41928 -16.78343,-14.40513 -20.81033,-10.93629c1.48004,11.20951 7.52783,21.1048 16.47551,27.9065c11.85971,11.75211 24.67769,23.13779 32.59132,38.04211c0.77432,-2.77734 0.04828,-6.25352 0.16071,-9.2274zm0.01279,-39.15976c-0.40309,-21.71703 -17.74644,-38.41104 -34.56728,-49.83583c-4.69977,-2.50358 -18.46306,-14.73891 -13.78862,-1.7836c3.12802,17.13914 19.8609,25.3779 30.46255,37.43516c7.16287,5.47251 13.39691,18.87303 18.00247,22.03555c0.14136,-2.61625 -0.03749,-5.23595 -0.10913,-7.85128z",
-	"note_8th": "m92.11929,299.44888c-12.88673,-2.17523 -24.85642,-14.0065 -22.42534,-27.8176c1.23042,-15.16177 13.28207,-27.36446 25.40788,-35.40434c16.13786,-10.9864 38.20284,-15.06764 55.98708,-5.59207c1.04205,-76.42476 0.44817,-152.86866 0.60602,-229.30206c11.21484,-2.71548 7.58873,11.96767 10.1358,18.75797c2.43044,19.96716 15.82285,35.63469 29.15343,49.62502c16.53877,17.58521 34.10059,36.23084 39.47629,60.59399c5.87012,28.26657 -3.51422,57.18356 -15.69261,82.51581c-0.88187,8.11874 -15.77403,19.86469 -8.67888,5.1937c11.94699,-25.09727 21.81674,-54.00095 13.66216,-81.79225c-7.76553,-27.73048 -31.97011,-50.88958 -60.78398,-55.04219c-0.18622,58.55498 0.45346,117.12103 -0.68288,175.66663c-2.83272,17.24548 -17.81155,30.04147 -32.83268,37.34811c-10.35778,4.50974 -22.04797,7.23831 -33.33228,5.2493z",
-	"note_half": "m126.15042,298.46863c-16.82465,-2.00256 -23.94094,-21.72537 -20.50175,-36.48892c5.91676,-23.32147 29.06407,-39.43811 52.28738,-42.05833c8.81128,-0.72736 18.52644,-0.60411 25.78337,4.94891c5.95566,-2.36537 1.76544,-11.69408 2.85246,-17.2854c0,-68.81003 0,-137.6201 0,-206.43012c14.97716,-2.18183 5.30603,19.02521 7.94768,27.71113c-0.09924,75.95386 0.62134,151.91534 -0.76007,227.86198c-7.30341,28.38443 -39.39244,46.36703 -67.60907,41.74075zm2.8452,-12.40747c22.98492,-7.3089 44.37535,-22.56259 55.31068,-44.49013c0.95541,-13.55527 -16.00528,-10.73553 -23.6718,-6.15868c-13.5024,6.76553 -26.21068,15.65268 -36.74068,26.51123c-6.99238,6.4256 -15.89267,26.17618 0.78696,25.05563l2.30408,-0.3252l2.01074,-0.59286l0,0z",
-	"note_whole": "m130.51953,195.65829c-18.47874,-2.9818 -38.13104,-9.41365 -49.81914,-24.96915c-4.87284,-6.5025 -6.85786,-14.78229 -6.23731,-22.81049c-0.81288,-10.41815 5.23877,-19.78279 13.11027,-26.04227c15.71593,-12.69998 36.4436,-17.12403 56.18739,-18.21444c21.01479,-0.84168 42.85126,2.6237 61.20964,13.32044c11.19275,6.86285 21.10484,18.66567 20.54733,32.45548c0.612,8.09668 -0.91914,16.68852 -6.59294,22.84065c-11.24144,13.63681 -28.92738,19.59387 -45.72455,22.87505c-14.06622,2.54445 -28.55254,2.69426 -42.68069,0.54472zm34.33258,-7.95905c9.06644,-1.9348 15.01314,-11.03741 14.88672,-20.03276c1.54852,-18.89767 -4.73529,-39.56404 -20.09192,-51.52234c-8.61502,-6.06224 -20.8895,-6.65757 -30.00668,-1.42353c-6.79661,4.10276 -9.33514,12.23845 -9.31819,19.7824c-0.73656,16.04378 3.97748,32.8201 14.66045,45.0217c7.49542,7.87076 19.3475,12.08484 29.86963,8.17453z"
-	}
-}
\ No newline at end of file
+{"data": {
+  "clef_alto": "m51.25065,150.28749c0,-49.53207 0,-99.06413 0,-148.5962c11.59261,0 23.18523,0 34.77784,0c0,99.06413 0,198.12827 0,297.1924c-11.59261,0 -23.18522,0 -34.77784,0c0,-49.53209 0,-99.06413 0,-148.59621zm51.37634,0c0,-49.53207 0,-99.06413 0,-148.5962c8.48285,-2.46703 12.93837,1.84261 11.08508,10.0007c0.12527,45.40251 0.25053,90.80502 0.37581,136.20751c21.44767,-15.32626 29.57346,-41.86327 36.21976,-66.10667c3.81448,15.78812 9.88112,35.01518 27.29865,40.16045c16.60112,4.98381 31.30354,-10.63891 31.13045,-26.64445c2.89955,-20.45341 3.30077,-41.70258 -1.14742,-61.93042c-4.16455,-12.79745 -16.64639,-23.36595 -30.52771,-22.52039c-11.42384,-5.25948 -24.23628,10.96936 -9.59547,16.90924c12.31264,13.08186 -1.99968,35.47687 -19.11742,30.23324c-16.59583,-3.55596 -21.00951,-25.43777 -11.40723,-37.80838c13.77419,-17.97563 39.16574,-20.24264 60.03438,-17.62625c27.15413,3.08944 47.80745,27.56302 50.7352,54.02297c3.73869,23.61245 -2.35521,50.29027 -22.12251,65.37829c-16.57411,13.95533 -40.93645,15.69794 -60.41183,7.1722c-4.73631,7.1261 -9.47264,14.25217 -14.20895,21.37825c4.65338,6.95274 9.30673,13.90549 13.96008,20.8582c23.58311,-10.57065 54.40877,-5.07518 69.99907,16.43117c21.95821,28.96715 17.67499,75.52599 -10.84692,98.64314c-17.91376,14.62869 -43.09233,14.67899 -64.38158,8.83109c-16.11131,-4.2995 -31.82996,-19.966 -26.84735,-37.82117c2.51375,-15.55998 23.9128,-21.41389 34.33803,-9.83356c14.19543,12.82462 -6.37968,25.74036 -5.32516,38.10141c15.79561,11.97195 41.38054,0.70062 45.05746,-18.39487c5.84576,-20.96526 4.47285,-43.25116 1.61388,-64.56879c-1.53316,-14.33195 -14.00139,-28.78069 -29.45882,-24.78352c-16.25957,3.69221 -24.37509,20.62003 -27.1602,35.64745c-3.41434,11.00523 -4.50349,-10.5222 -7.16806,-14.04636c-5.53896,-17.66304 -15.20212,-35.01096 -30.07851,-46.1468c-1.53252,4.76282 -0.13866,10.70403 -0.62897,15.96893c-0.11874,43.15994 -0.2375,86.31984 -0.35623,129.47978c-8.48793,2.46848 -12.93407,-1.8443 -11.0575,-10.00076c0,-46.19846 0,-92.39696 0,-138.59544z",
+  "clef_bass": "m21.53929,297.24106c0.11552,-13.50244 21.89277,-17.95071 30.83244,-27.31851c34.50853,-23.15955 68.13189,-49.8976 89.28437,-86.39645c22.47179,-37.29227 34.65842,-82.97259 25.51732,-126.22972c-4.84746,-26.84145 -30.93637,-48.32386 -58.5412,-44.96438c-18.18078,2.48732 -39.18159,6.6724 -49.70108,23.45858c-11.41858,8.57642 -5.13639,28.67733 10.08619,21.04295c19.47556,-7.4344 43.93666,7.72539 43.16644,29.21231c0.02258,20.3737 -20.60109,34.74615 -39.82058,32.83379c-21.40677,-0.21405 -42.59771,-17.48695 -42.15028,-39.87929c-1.48358,-36.0903 29.74187,-65.56665 63.16554,-73.13066c29.88613,-9.31284 64.6309,-5.56545 89.8325,13.80772c18.75227,12.81883 33.51952,32.25211 36.60045,55.18989c6.65193,29.82199 -1.94455,60.59844 -16.85703,86.54317c-19.16537,34.9521 -48.44911,63.56561 -82.44233,84.09172c-31.5721,20.13449 -64.41224,38.31845 -98.38529,54.07944c-0.19582,-0.78018 -0.39163,-1.56039 -0.58745,-2.34058zm226.81013,-147.1503c-16.25441,-7.36092 -12.66826,-37.2715 6.2514,-37.94421c14.1568,-3.30239 27.38025,11.49424 23.01007,25.17739c-2.75677,12.80446 -18.12839,18.35408 -29.26147,12.76682zm0,-81.82211c-16.25441,-7.36089 -12.66826,-37.2715 6.2514,-37.9442c14.1568,-3.30238 27.38025,11.49425 23.01007,25.17739c-2.82837,12.84788 -18.04926,18.33069 -29.26147,12.76681z",
+  "clef_treble": "m142.57787,298.08936c-19.93291,-3.16858 -30.69543,-32.78793 -10.77837,-43.63799c20.76305,-10.6983 33.11169,27.38725 10.4319,31.10985c-12.41878,4.65247 16.12379,12.44363 21.44362,4.62054c16.62259,-8.04572 14.05481,-28.98639 10.0555,-43.73428c-1.38792,-11.29834 -3.1236,-23.3942 -17.37872,-16.97299c-34.39165,2.76706 -61.61951,-32.12309 -58.88461,-64.7627c0.92851,-30.78641 26.14601,-51.87253 44.81895,-73.25146c-6.13037,-27.96899 -7.98138,-60.28084 9.78998,-84.65368c16.36949,-19.81244 24.67825,16.44271 27.44722,28.74505c6.15059,28.7567 -6.11317,58.97542 -26.51985,79.24646c1.94853,9.61536 3.86572,19.23715 5.85146,28.84491c21.56471,-4.16351 42.14922,14.0585 43.32542,35.40215c3.33209,19.27364 -9.02991,37.47516 -25.91515,45.75842c-0.27765,16.55051 8.86742,33.71834 5.58147,50.80913c-3.15567,17.67035 -22.97263,26.33539 -39.26881,22.47659zm22.51283,-75.40413c6.10963,-11.46864 -4.97238,-31.72308 -5.58083,-46.4445c0.2393,-25.67101 -26.99069,4.97273 -18.89308,17.57916c2.40038,7.45953 23.23523,21.13914 4.09677,12.70238c-19.98106,-11.95877 -19.06588,-42.72807 -0.80893,-55.71979c15.31693,-3.39279 5.96193,-23.83228 3.07584,-30.54592c-18.81245,17.14481 -40.13555,38.73356 -36.89114,66.48257c2.4439,26.00902 30.79729,41.78694 55.00137,35.94611zm12.65782,-4.96449c17.94263,-11.51868 17.35378,-41.74863 -2.27676,-51.12454c-20.94589,-11.06784 -6.59929,17.92804 -6.2155,28.9649c2.90686,4.22505 1.26024,28.84393 8.49226,22.15964zm-22.11331,-138.56764c11.03699,-13.35171 23.65346,-32.62746 15.90224,-50.28019c-16.69221,-11.01859 -25.9682,18.77171 -26.37872,31.81623c-0.15186,8.45836 -1.39836,37.61288 10.47649,18.46396l0,0z",
+  "note_16th": "m88.44206,298.30295c-13.87988,-2.82538 -24.35809,-16.50861 -20.88289,-30.73529c4.91499,-19.9595 23.53616,-33.76636 42.17206,-40.32825c12.41348,-4.12247 26.50006,-3.4993 38.15588,2.63036c1.0408,-76.23686 0.44647,-152.49294 0.60452,-228.73842c4.20728,-0.00103 9.6062,-1.35928 8.46304,4.73352c0.58707,13.69153 7.31578,26.22541 17.65646,35.05743c23.06891,21.49232 49.01909,44.8303 54.31831,77.58647c1.50432,13.81924 -0.10796,27.74641 -3.17799,41.24139c9.09166,16.96843 8.54382,37.52667 4.8522,55.93042c-2.39383,9.71803 -6.29839,19.07953 -11.26178,27.74855c-11.71941,5.45538 1.38908,-8.91675 1.22467,-14.09427c6.33897,-15.55397 7.06616,-32.87975 4.18297,-49.26376c-6.28082,-23.96758 -30.02579,-35.67821 -49.12051,-48.20921c-6.90894,-2.70374 -21.67717,-19.0106 -18.74876,-3.03152c-0.64005,43.31421 -0.53076,86.63467 -0.73126,129.95221c-8.01517,20.08276 -26.40254,35.40967 -47.75954,39.25299c-6.54287,1.13068 -13.39496,1.54416 -19.94739,0.2674zm133.16364,-163.77284c0.19041,-24.65028 -18.17068,-44.59457 -36.16211,-59.2127c-9.00275,-6.78731 -18.53905,-13.97798 -28.66229,-18.37087c0.62265,14.17498 7.10901,27.98635 14.87303,39.75766c14.63148,19.60416 36.7207,32.71725 48.97745,54.30224c1.46973,-5.35919 1.02641,-10.98389 0.97392,-16.47633z",
+  "note_2_16th": "m49.3958,299.54056c-16.81947,-3.04166 -22.61933,-24.29047 -12.59162,-37.02081c13.30804,-19.68834 41.77522,-32.96074 64.07959,-20.53789c0.44453,-69.33055 0.18797,-138.66488 0.25596,-207.99711c55.61466,-11.21983 111.34956,-21.8626 166.98527,-32.98482c-0.12048,77.7042 -0.24097,155.40843 -0.36145,233.1126c-8.71588,23.50243 -36.87907,39.79991 -61.40202,32.51219c-14.59976,-4.3703 -18.09988,-23.21532 -9.97012,-34.76195c11.13289,-17.22395 31.85399,-29.0497 52.68539,-25.82347c5.94469,-0.60136 14.69865,9.02304 12.18605,-1.86462c0,-54.46642 0,-108.93282 0,-163.39921c-51.0519,10.27703 -102.20471,20.06591 -153.28023,30.23172c-0.17435,63.38239 0.43399,126.77441 -0.45506,190.14903c-1.62524,19.24988 -20.10281,32.38318 -37.35132,37.51443c-6.81397,1.14908 -13.90893,1.86209 -20.78043,0.8699zm133.17406,-258.40903c26.23065,-5.16204 52.47366,-10.26209 78.69298,-15.48133c3.33676,-13.29303 -11.59628,-4.66015 -18.89926,-4.33564c-44.78732,8.84114 -89.60051,17.55139 -134.38097,26.42687c-3.33676,13.29303 11.59627,4.66015 18.89925,4.33564c18.56081,-3.65804 37.12405,-7.30357 55.688,-10.94555z",
+  "note_2_32nd": "m49.39585,299.53995c-16.81947,-3.04169 -22.61932,-24.29047 -12.59161,-37.02081c13.30804,-19.68835 41.77521,-32.96077 64.07959,-20.53792c0.44453,-69.33055 0.18797,-138.66488 0.25596,-207.9971c55.61465,-11.21984 111.34956,-21.86261 166.98528,-32.98483c-0.12048,77.70421 -0.24097,155.40842 -0.36145,233.11262c-8.71591,23.50241 -36.8791,39.7999 -61.40204,32.51218c-14.59978,-4.3703 -18.09987,-23.21533 -9.97015,-34.76193c11.13292,-17.22395 31.854,-29.0497 52.68541,-25.82347c5.9447,-0.60136 14.69868,9.02304 12.18605,-1.86462c0,-46.71117 0,-93.42232 0,-140.13348c-51.05188,10.27702 -102.20473,20.0659 -153.28023,30.23172c-0.22871,56.35212 0.56696,112.72466 -0.58765,169.06043c-3.51923,18.91183 -22.11423,32.00891 -40.05743,35.8262c-5.92716,0.70624 -12.00983,1.31848 -17.94172,0.38101zm133.17405,-235.14331c26.23065,-5.16204 52.47366,-10.26208 78.69298,-15.48132c3.33676,-13.29303 -11.59628,-4.66015 -18.89923,-4.33564c-44.78734,8.84113 -89.60054,17.55138 -134.381,26.42687c-3.33677,13.29303 11.59627,4.66015 18.89925,4.33564c18.56078,-3.65805 37.12405,-7.30357 55.688,-10.94555zm0,-23.26575c26.23065,-5.16204 52.47366,-10.26209 78.69298,-15.48133c3.33676,-13.29302 -11.59628,-4.66015 -18.89923,-4.33563c-44.78734,8.84113 -89.60054,17.55139 -134.381,26.42687c-3.33677,13.29303 11.59627,4.66016 18.89925,4.33564c18.56078,-3.65804 37.12405,-7.30358 55.688,-10.94555z",
+  "note_2_64th": "m49.39639,299.53995c-16.81947,-3.04169 -22.61932,-24.29047 -12.59161,-37.02081c13.30804,-19.68835 41.77522,-32.9608 64.07959,-20.53792c0.44453,-69.33055 0.18797,-138.66488 0.25596,-207.99711c55.61465,-11.21983 111.34957,-21.86261 166.98528,-32.98482c-0.12048,77.70421 -0.24097,155.40842 -0.36145,233.11262c-8.71591,23.50241 -36.8791,39.7999 -61.40205,32.51218c-14.59976,-4.3703 -18.09987,-23.21533 -9.97012,-34.76193c11.1329,-17.22395 31.85399,-29.0497 52.68539,-25.8235c5.94467,-0.60133 14.69868,9.02307 12.18605,-1.86459c0,-38.95592 0,-77.91182 0,-116.86773c-51.0519,10.27703 -102.20474,20.06591 -153.28024,30.23172c-0.23563,48.66071 0.58183,97.34513 -0.58977,145.98728c-3.69252,18.80173 -22.14742,31.83179 -40.05531,35.63361c-5.92716,0.70627 -12.00984,1.31848 -17.94173,0.38101zm133.17406,-211.87756c26.23067,-5.16204 52.47368,-10.26209 78.69298,-15.48133c3.33676,-13.29303 -11.59627,-4.66015 -18.89925,-4.33564c-44.78732,8.84113 -89.60051,17.55138 -134.38099,26.42688c-3.33676,13.29302 11.59627,4.66015 18.89925,4.33562c18.56079,-3.65804 37.12405,-7.30356 55.688,-10.94553zm0,-23.26575c26.23067,-5.16204 52.47368,-10.26208 78.69298,-15.48132c3.33676,-13.29303 -11.59627,-4.66015 -18.89925,-4.33564c-44.78732,8.84113 -89.60051,17.55138 -134.38099,26.42687c-3.33676,13.29303 11.59627,4.66015 18.89925,4.33564c18.56079,-3.65805 37.12405,-7.30357 55.688,-10.94555zm0,-23.26575c26.23067,-5.16204 52.47368,-10.26209 78.69298,-15.48133c3.33676,-13.29302 -11.59627,-4.66015 -18.89925,-4.33563c-44.78732,8.84113 -89.60051,17.55139 -134.38099,26.42687c-3.33676,13.29303 11.59627,4.66016 18.89925,4.33564c18.56079,-3.65804 37.12405,-7.30357 55.688,-10.94554z",
+  "note_2_8th": "m49.39571,299.54196c-16.81947,-3.04169 -22.61933,-24.29047 -12.59162,-37.02081c13.30804,-19.68834 41.77522,-32.96077 64.07959,-20.53792c0.44447,-69.55862 0.18803,-139.12106 0.25597,-208.68139c55.61337,-11.00192 111.35248,-21.38966 166.98529,-32.30051c-0.12051,77.70421 -0.24097,155.40842 -0.36145,233.11263c-8.71594,23.50241 -36.8791,39.7999 -61.40207,32.51218c-14.59976,-4.3703 -18.09987,-23.21533 -9.97012,-34.76193c11.1329,-17.22395 31.854,-29.0497 52.68538,-25.82347c5.9447,-0.60136 14.69872,9.02304 12.18608,-1.86462c-0.20636,-61.46065 0.51324,-122.93768 -0.53098,-184.38539c-9.07608,-3.36956 -25.21706,4.38308 -36.83795,5.01031c-38.86079,7.56314 -77.80466,14.7255 -116.5762,22.73074c1.16985,68.10055 0.62434,136.24279 0.45018,204.35774c2.05843,15.54877 -6.51154,30.19547 -19.54225,38.30072c-11.24453,8.17932 -25.1371,11.12784 -38.82984,9.35175z",
+  "note_3_16th": "m15.05685,274.22351c-14.31707,-1.91919 -18.42601,-20.36026 -8.93697,-29.99135c10.38879,-13.67648 30.27091,-22.30884 46.50806,-13.88651c0.66153,-52.11798 0.28726,-104.24728 0.38611,-156.37085c81.97754,-16.40272 164.06679,-32.26359 246.07988,-48.4937c-0.2363,57.62228 0.57657,115.26416 -0.57095,172.87157c-1.96915,14.86053 -17.13602,24.73001 -30.79037,27.8163c-11.96523,3.66803 -28.81345,-4.27913 -25.97942,-18.60889c3.50381,-15.4984 19.49126,-26.6657 34.85991,-28.02376c8.59586,-2.14986 20.61923,9.25734 16.69226,-5.91415c0.09525,-39.33675 -0.07153,-78.67297 -0.13177,-118.00977c-38.18202,7.50178 -76.35632,15.04294 -114.54555,22.50813c-0.23268,48.18274 0.55394,96.38557 -0.57504,144.55286c-2.30531,15.49788 -18.60167,25.74417 -33.19453,27.71848c-14.44766,3.90948 -29.61349,-11.1328 -21.45115,-25.13463c9.01589,-16.79831 32.00478,-28.23689 49.88007,-18.48071c0.13591,-41.88866 0.57454,-83.7979 -0.20747,-125.67833c-9.66763,-2.10095 -24.53024,4.47319 -35.97192,5.4189c-26.23273,5.15636 -52.45877,10.34411 -78.68841,15.51694c-0.35831,49.24326 0.12716,98.5107 -1.08934,147.73389c-6.17624,16.23714 -25.20985,26.82423 -42.27338,24.45558l0,0zm101.53641,-195.02805c18.87659,-3.72421 37.75267,-7.44825 56.62927,-11.17233c3.17946,-13.298 -14.34059,-1.80056 -21.35852,-2.54169c-31.16307,6.26984 -62.32049,12.56754 -93.49695,18.76997c-1.80596,13.61728 18.79422,-0.36912 26.46645,1.18459c10.58865,-2.07109 21.17471,-4.15247 31.75974,-6.24054zm119.43625,-23.77348c18.94301,-3.80857 37.98227,-7.27608 56.8645,-11.31118c2.82892,-13.23786 -18.20215,0.42724 -25.56601,-1.09475c-29.37257,5.74051 -58.85892,11.05022 -88.16765,17.02801c-3.13623,14.00632 18.26294,0.04643 25.92744,1.45249c10.31323,-2.02774 20.62746,-4.05219 30.94171,-6.07457z",
+  "note_3_32th": "m15.05685,274.22333c-14.31707,-1.91882 -18.42601,-20.36018 -8.93697,-29.99106c10.3888,-13.67676 30.27089,-22.30908 46.50806,-13.88647c0.66166,-52.11824 0.28732,-104.24765 0.38611,-156.37099c81.97754,-16.40273 164.06694,-32.2636 246.07988,-48.4937c-0.2363,57.6225 0.57663,115.26395 -0.57123,172.87143c-1.96881,14.86089 -17.13586,24.73018 -30.79025,27.81644c-11.96498,3.66806 -28.81322,-4.27921 -25.97935,-18.60878c3.50368,-15.49834 19.49123,-26.6657 34.86018,-28.02408c8.67697,-2.20874 20.51364,9.40097 16.68222,-5.83759c-0.09845,-33.39989 0.78769,-66.86396 -0.50803,-100.22556c-37.99194,7.33447 -75.93604,14.91556 -113.90202,22.38341c-0.40428,43.27432 0.22905,86.58281 -1.10269,129.83c-6.66052,18.05263 -29.74564,30.16772 -47.98743,22.50237c-14.38366,-7.43967 -7.95995,-27.06667 2.9687,-34.4792c10.34322,-10.82147 29.63336,-12.35156 40.562,-8.05225c0.25528,-36.18434 0.11931,-72.37016 0.15388,-108.55522c-38.40674,7.73776 -76.89246,15.09384 -115.31775,22.74432c-0.2578,42.95952 0.63174,85.96188 -0.70086,128.88727c-5.20541,16.91916 -25.24538,27.88303 -42.40446,25.48965zm99.21976,-176.85336c19.73389,-3.88507 39.47778,-7.71994 59.20331,-11.64712c1.63908,-13.07382 -17.1093,-0.27914 -24.42491,-1.54683c-30.21908,5.91451 -60.4242,11.89998 -90.63543,17.85444c-2.77443,12.63378 14.55762,1.2752 21.41661,2.10594c11.47932,-2.25961 22.95964,-4.51424 34.44042,-6.76643zm2.31665,-18.17461c18.87643,-3.72409 37.75285,-7.44817 56.62927,-11.17224c3.17953,-13.298 -14.34081,-1.80056 -21.35843,-2.5417c-31.16306,6.26989 -62.32067,12.56752 -93.49722,18.77c-1.80564,13.61723 18.7942,-0.36929 26.46687,1.1845c10.58833,-2.07081 21.17455,-4.15248 31.7595,-6.24056zm119.82236,-6.10279c19.00511,-3.73167 38.01025,-7.46333 57.01538,-11.195c2.25488,-12.51775 -14.43167,-1.31337 -21.22391,-2.14778c-31.1899,6.14801 -62.39635,12.21269 -93.57906,18.3969c-0.48149,12.89743 19.70058,-0.51178 28.22481,0.73691c9.85522,-1.92534 19.70935,-3.85638 29.56277,-5.79102zm-0.38611,-17.67059c18.94318,-3.80859 37.98227,-7.27608 56.86438,-11.31118c2.82913,-13.23785 -18.20197,0.42724 -25.56577,-1.09474c-29.37247,5.74053 -58.85913,11.0502 -88.1676,17.028c-3.13618,14.00631 18.26254,0.04646 25.92732,1.45247c10.31334,-2.02773 20.6273,-4.05214 30.94167,-6.07454z",
+  "note_3_64th": "m15.05833,274.22296c-14.317,-1.9187 -18.42625,-20.3604 -8.93719,-29.99104c10.38896,-13.67708 30.27131,-22.30949 46.50857,-13.88661c0.66169,-52.1188 0.28732,-104.24842 0.38611,-156.37186c81.97786,-16.40303 164.06815,-32.26401 246.08122,-48.49419c-0.23633,57.62288 0.57712,115.26462 -0.57092,172.87238c-1.96869,14.86116 -17.13614,24.73065 -30.79056,27.81697c-11.96483,3.66806 -28.81317,-4.27963 -25.97963,-18.60901c3.50381,-15.49847 19.49141,-26.66583 34.8607,-28.02443c7.61099,-2.92159 20.18073,9.65431 16.68201,-4.30438c0.21829,-27.96678 0.10867,-55.9346 0.13544,-83.90191c-38.27235,7.48128 -76.53494,15.0156 -114.80267,22.52314c-0.22958,36.48441 0.55602,72.99504 -0.58997,109.45938c-3.18001,15.89902 -20.29759,26.40845 -35.74976,27.23267c-14.89929,2.89737 -27.08599,-14.42255 -17.93506,-27.04372c9.64191,-15.67046 31.65898,-26.22467 48.93309,-16.72427c0.33206,-30.58104 0.14311,-61.16617 0.19254,-91.74873c-38.39642,7.82673 -76.92161,15.04803 -115.31823,22.87476c-0.25736,36.94054 0.62957,73.92738 -0.70087,110.83084c-5.2055,16.9194 -25.24553,27.88339 -42.40482,25.49002l0,0zm101.38524,-159.31403c18.83891,-3.75145 37.70946,-7.35722 56.50069,-11.3393c2.95145,-13.53962 -17.91554,0.08701 -25.35307,-1.30814c-29.80621,5.87558 -59.6283,11.67136 -89.42722,17.5835c-2.26596,13.04952 15.28052,1.23864 22.46973,2.11949c11.93564,-2.35683 23.87244,-4.70798 35.80987,-7.05554zm-2.1648,-17.54025c19.73418,-3.88531 39.47784,-7.72015 59.20348,-11.64717c1.63916,-13.07402 -17.10936,-0.27902 -24.42487,-1.54701c-30.21927,5.9147 -60.42458,11.89994 -90.63596,17.8548c-2.77449,12.63354 14.55767,1.27519 21.41672,2.10558c11.47937,-2.25951 22.95979,-4.51389 34.44062,-6.7662zm123.16869,-6.50159c18.66148,-3.66445 37.32301,-7.3289 55.98506,-10.99284c1.75296,-13.03485 -16.50751,-0.89732 -23.95999,-1.87753c-30.19955,5.92758 -60.38982,11.90097 -90.58421,17.8548c-3.55789,11.04535 8.5943,3.94657 14.87352,3.58826c14.56204,-2.85567 29.12408,-5.71393 43.68562,-8.57269zm-120.85203,-11.67342c18.8765,-3.72417 37.75323,-7.44803 56.62942,-11.17215c3.18001,-13.29807 -14.34068,-1.80056 -21.35812,-2.54169c-31.16348,6.26993 -62.3213,12.56734 -93.49802,18.77035c-1.80566,13.61685 18.79432,-0.36964 26.46704,1.18407c10.58839,-2.07059 21.17467,-4.1525 31.75968,-6.24059zm119.82291,-6.10266c19.0054,-3.73169 38.01082,-7.46337 57.01573,-11.19506c2.25491,-12.51782 -14.4313,-1.3134 -21.22379,-2.14781c-31.19003,6.14807 -62.39655,12.21279 -93.5799,18.39685c-0.48135,12.89765 19.70091,-0.51173 28.22522,0.73721c9.8551,-1.92541 19.70967,-3.85648 29.56273,-5.7912zm-0.38611,-17.67071c18.94363,-3.8086 37.9825,-7.27608 56.86485,-11.31125c2.82944,-13.23789 -18.20175,0.42725 -25.56567,-1.09475c-29.37276,5.7406 -58.85979,11.05029 -88.16818,17.02811c-3.13626,14.0062 18.26253,0.04649 25.9276,1.4525c10.31329,-2.02775 20.62709,-4.05215 30.94141,-6.07461z",
+  "note_3_8th": "m15.02169,274.2272c-14.31707,-1.91879 -18.42601,-20.36015 -8.93697,-29.99103c10.3888,-13.67676 30.27088,-22.3091 46.50806,-13.88649c0.66166,-52.11824 0.28732,-104.24764 0.38611,-156.37097c81.97754,-16.40273 164.06694,-32.2636 246.07985,-48.4937c-0.2363,57.6225 0.57663,115.26395 -0.5712,172.87141c-1.96884,14.86089 -17.13589,24.73018 -30.79025,27.81644c-11.965,3.66806 -28.81323,-4.27919 -25.97937,-18.60878c3.50368,-15.49834 19.49124,-26.66568 34.8602,-28.02408c8.2316,-2.53128 20.41348,9.51646 16.65692,-5.23953c-0.07721,-45.31436 0.85016,-90.69309 -0.45593,-135.96806c-37.90379,6.83744 -76.18053,14.4211 -114.18623,21.74638c-0.22679,54.0925 0.53969,108.20272 -0.57019,162.28107c-1.77496,14.91302 -17.02997,24.75598 -30.69292,27.71687c-13.90182,4.60379 -31.50981,-7.66069 -24.80507,-22.93971c8.1866,-17.99985 32.25569,-30.36769 50.72748,-20.3566c0.32813,-48.569 0.14423,-97.14091 0.19258,-145.71125c-38.34256,7.86306 -76.73341,15.50194 -115.11303,23.18613c-0.70871,54.82025 0.60002,109.69145 -0.90556,164.48224c-5.27564,16.97054 -25.17379,27.85027 -42.40448,25.48964z",
+  "note_32nd": "m96.7115,298.78342c-12.19044,-1.97687 -21.5796,-13.65018 -18.87752,-26.14322c3.19898,-16.4884 18.16196,-28.11014 32.8273,-34.56326c11.8622,-4.83313 26.35187,-5.63437 37.63535,1.13913c0.44954,-79.35593 0.19681,-158.71518 0.26346,-238.07262c3.98198,-0.1698 8.54333,-0.99947 7.45644,4.60387c0.32353,13.2127 8.16176,24.35488 17.90031,32.62089c20.68701,19.0793 43.62003,41.1507 45.44289,71.03391c1.94933,11.70761 -4.32771,23.23071 -1.67,34.59584c2.53688,11.20206 1.78056,22.8308 0.17831,34.09036c7.53368,20.20854 5.71452,43.47615 -2.49284,63.20886c0.75815,6.16689 -13.8391,16.22797 -7.44476,5.95023c8.63434,-18.74539 13.17647,-41.8004 3.81317,-61.08943c-11.33986,-18.69514 -31.97612,-28.28085 -48.89772,-41.04474c-11.778,-11.86667 -5.42902,11.18993 -7.18364,18.06325c-0.26184,33.71661 -0.28255,67.43445 -0.41075,101.15173c-5.27325,12.84436 -14.94577,23.71875 -27.82796,29.29456c-9.44402,4.40988 -20.29373,7.32529 -30.71203,5.16064zm114.86545,-145.34879c-7.29857,-26.18551 -30.51866,-43.93251 -53.18727,-56.72259c-6.20538,-0.86809 1.83978,14.15399 3.5831,18.80585c8.11926,15.92772 24.10783,25.32948 35.63724,38.48439c5.02966,4.16844 10.75517,12.77017 14.6803,15.07132c0.57034,-5.18866 0.22502,-10.51091 -0.71336,-15.63898zm0.91826,-35.72012c-0.11551,-22.00919 -16.64085,-39.55235 -32.65781,-52.65142c-7.46819,-4.94457 -16.49954,-13.27054 -24.16978,-14.26883c1.45969,12.25124 6.9503,24.24821 17.03656,31.76259c14.34996,13.93145 29.52126,27.82796 39.47783,45.32379c1.14618,-3.04146 0.13112,-6.92123 0.3132,-10.16613z",
+  "note_4th": "m126.58881,297.40149c-11.87886,-2.65546 -23.26585,-13.54025 -21.01448,-26.56512c0.1731,-16.24911 13.85612,-27.71617 25.94878,-36.50977c15.62231,-10.78831 37.15717,-14.20154 54.34061,-5.04248c1.02979,-75.90828 0.44815,-151.83525 0.60191,-227.75206c3.00182,0.70564 9.53603,-2.12083 8.02534,3.09698c-0.14726,78.93155 0.33716,157.8673 -0.38513,236.79541c-0.07584,10.70851 -0.22026,22.31233 -7.75522,30.804c-13.91748,17.52454 -37.15509,29.1525 -59.76181,25.17303z",
+  "note_64th": "m104.92412,299.31976c-12.00094,-1.27536 -20.94641,-13.79388 -17.06551,-25.49271c6.43043,-17.60776 24.98182,-29.7767 43.42287,-30.74879c7.6006,-2.50558 20.88075,10.01114 17.93382,-3.27145c0.48503,-79.47305 0.24155,-158.94821 0.30153,-238.42232c5.75809,-1.70799 6.23006,2.55972 6.32732,7.33913c1.78415,17.85563 19.14293,26.89136 29.82072,39.25721c15.39714,15.12255 27.5349,36.04512 24.51741,58.34038c-3.08612,10.64033 -0.83701,20.84729 0.30066,31.5748c0.06851,11.58006 -4.18433,22.62605 -0.40593,34.00638c1.68036,11.01886 -3.23894,22.12428 2.03442,32.51251c2.40002,18.25101 0.69795,38.47595 -10.52008,53.59502c-7.11406,1.93207 2.97337,-8.35378 2.33067,-11.88858c6.3118,-18.25085 7.27405,-41.79056 -8.5262,-55.64728c-12.36734,-10.82431 -26.50575,-19.43405 -39.98901,-28.77931c-0.71652,35.81755 -0.4848,71.65158 -0.68907,107.47679c-5.08496,13.03387 -16.00215,23.09641 -29.22493,27.57315c-6.53331,2.3526 -13.63996,3.72845 -20.5687,2.57507zm98.72386,-126.48091c-6.34319,-22.74789 -26.51086,-38.16362 -46.20412,-49.27464c-5.25957,0.57732 2.32552,14.64314 4.87614,19.57021c8.86444,13.06609 22.37558,21.98311 32.7415,33.78232c3.44377,1.45969 10.43367,15.90742 9.37975,5.93784c0.13239,-3.35165 -0.09975,-6.73082 -0.79327,-10.01572zm0.7843,-31.02991c0.01227,-19.15482 -14.53879,-34.37045 -28.41721,-45.78492c-6.00691,-3.41928 -16.78343,-14.40513 -20.81033,-10.93629c1.48004,11.20951 7.52783,21.1048 16.47551,27.9065c11.85971,11.75211 24.67769,23.13779 32.59132,38.04211c0.77432,-2.77734 0.04828,-6.25352 0.16071,-9.2274zm0.01279,-39.15976c-0.40309,-21.71703 -17.74644,-38.41104 -34.56728,-49.83583c-4.69977,-2.50358 -18.46306,-14.73891 -13.78862,-1.7836c3.12802,17.13914 19.8609,25.3779 30.46255,37.43516c7.16287,5.47251 13.39691,18.87303 18.00247,22.03555c0.14136,-2.61625 -0.03749,-5.23595 -0.10913,-7.85128z",
+  "note_8th": "m92.11929,299.44888c-12.88673,-2.17523 -24.85642,-14.0065 -22.42534,-27.8176c1.23042,-15.16177 13.28207,-27.36446 25.40788,-35.40434c16.13786,-10.9864 38.20284,-15.06764 55.98708,-5.59207c1.04205,-76.42476 0.44817,-152.86866 0.60602,-229.30206c11.21484,-2.71548 7.58873,11.96767 10.1358,18.75797c2.43044,19.96716 15.82285,35.63469 29.15343,49.62502c16.53877,17.58521 34.10059,36.23084 39.47629,60.59399c5.87012,28.26657 -3.51422,57.18356 -15.69261,82.51581c-0.88187,8.11874 -15.77403,19.86469 -8.67888,5.1937c11.94699,-25.09727 21.81674,-54.00095 13.66216,-81.79225c-7.76553,-27.73048 -31.97011,-50.88958 -60.78398,-55.04219c-0.18622,58.55498 0.45346,117.12103 -0.68288,175.66663c-2.83272,17.24548 -17.81155,30.04147 -32.83268,37.34811c-10.35778,4.50974 -22.04797,7.23831 -33.33228,5.2493z",
+  "note_half": "m126.15042,298.46863c-16.82465,-2.00256 -23.94094,-21.72537 -20.50175,-36.48892c5.91676,-23.32147 29.06407,-39.43811 52.28738,-42.05833c8.81128,-0.72736 18.52644,-0.60411 25.78337,4.94891c5.95566,-2.36537 1.76544,-11.69408 2.85246,-17.2854c0,-68.81003 0,-137.6201 0,-206.43012c14.97716,-2.18183 5.30603,19.02521 7.94768,27.71113c-0.09924,75.95386 0.62134,151.91534 -0.76007,227.86198c-7.30341,28.38443 -39.39244,46.36703 -67.60907,41.74075zm2.8452,-12.40747c22.98492,-7.3089 44.37535,-22.56259 55.31068,-44.49013c0.95541,-13.55527 -16.00528,-10.73553 -23.6718,-6.15868c-13.5024,6.76553 -26.21068,15.65268 -36.74068,26.51123c-6.99238,6.4256 -15.89267,26.17618 0.78696,25.05563l2.30408,-0.3252l2.01074,-0.59286l0,0z",
+  "note_whole": "m130.51953,195.65829c-18.47874,-2.9818 -38.13104,-9.41365 -49.81914,-24.96915c-4.87284,-6.5025 -6.85786,-14.78229 -6.23731,-22.81049c-0.81288,-10.41815 5.23877,-19.78279 13.11027,-26.04227c15.71593,-12.69998 36.4436,-17.12403 56.18739,-18.21444c21.01479,-0.84168 42.85126,2.6237 61.20964,13.32044c11.19275,6.86285 21.10484,18.66567 20.54733,32.45548c0.612,8.09668 -0.91914,16.68852 -6.59294,22.84065c-11.24144,13.63681 -28.92738,19.59387 -45.72455,22.87505c-14.06622,2.54445 -28.55254,2.69426 -42.68069,0.54472zm34.33258,-7.95905c9.06644,-1.9348 15.01314,-11.03741 14.88672,-20.03276c1.54852,-18.89767 -4.73529,-39.56404 -20.09192,-51.52234c-8.61502,-6.06224 -20.8895,-6.65757 -30.00668,-1.42353c-6.79661,4.10276 -9.33514,12.23845 -9.31819,19.7824c-0.73656,16.04378 3.97748,32.8201 14.66045,45.0217c7.49542,7.87076 19.3475,12.08484 29.86963,8.17453z"
+  }
+}
diff --git a/editor/extensions/shapelib/object.json b/editor/extensions/shapelib/object.json
index bc95dff4..4a276dac 100644
--- a/editor/extensions/shapelib/object.json
+++ b/editor/extensions/shapelib/object.json
@@ -1,18 +1,18 @@
-{"data": {
-	"ball": "m1.36762,144.54343c-0.61252,-24.33647 11.43968,-48.24649 31.71385,-61.85355c33.0555,-25.12355 76.68359,-36.57172 117.69406,-29.65477c20.30775,-3.13354 29.29549,17.94864 22.15137,34.18353c-11.04268,10.79923 -30.25032,0.52836 -44.5518,6.11385c-46.3661,5.97041 -92.1348,26.12911 -123.47163,61.54787c-0.19116,-3.78908 -5.04203,-6.31387 -3.53584,-10.33693zm0.56006,21.59657c2.46893,-17.16783 19.59014,-26.10648 31.49495,-36.53964c40.07716,-28.36518 90.31613,-39.61352 138.89854,-37.70576c1.20387,19.56051 -8.00084,38.23036 -19.07559,53.7263c-15.20721,8.47826 -34.11861,-1.17561 -50.23914,6.54221c-28.27367,6.8441 -59.74523,15.46761 -77.84163,40.11734c-6.57559,19.79451 -20.47401,-0.35286 -21.54921,-12.00313c-1.52846,-4.62877 -1.3158,-9.384 -1.6879,-14.13731zm7.76269,-58.70418c2.42006,-21.53997 16.61662,-39.35048 29.64042,-55.76294c14.68114,-17.49181 34.66698,-30.31521 57.12629,-35.01287c17.80165,-4.64955 36.14864,-6.58389 54.39959,-8.53692c13.84103,10.63111 22.64574,29.11792 20.32661,46.60463c-10.75017,2.72292 -29.7578,-6.48294 -44.25362,-4.23798c-41.11142,0.38721 -83.13954,16.86419 -110.9226,47.60359c-2.31326,2.96635 -4.3931,6.11006 -6.31669,9.34248zm-2.20363,84.97105c15.37329,12.3277 15.8773,33.69405 25.32488,49.77684c-11.32475,-14.57886 -21.29314,-31.61081 -25.32488,-49.77684zm12.17333,11.7446c4.82258,-13.28815 19.94093,-31.96367 32.55468,-30.57486c5.04242,12.98813 7.22698,27.06129 15.42273,38.77007c22.00548,40.39473 62.27551,75.33984 110.15025,76.43997c7.82913,1.58691 28.58411,-3.6853 27.74063,-1.50394c-20.00963,9.82742 -43.17618,11.98239 -65.22374,11.19174c-40.94611,-2.71915 -81.7309,-22.38535 -106.34646,-55.65858c-6.96676,-11.95032 -10.92698,-25.33659 -14.29809,-38.66251zm33.70255,-33.88084c11.04849,-5.13829 31.74819,-20.7682 40.05036,-8.17067c20.26116,39.90601 54.51507,73.83781 96.68548,89.7942c21.8947,7.30453 46.52556,7.18939 67.87685,-1.92662c-8.90472,13.82597 -23.64018,22.69292 -37.52655,30.83714c-35.49046,15.14874 -78.39111,6.93469 -108.29421,-16.68286c-28.94243,-22.9118 -51.66176,-55.70389 -58.71476,-92.285l-0.04169,-0.84726l-0.03548,-0.71893l0,0l0,0zm14.80587,-143.69432c26.85995,-18.47492 60.14433,-27.13922 92.60995,-24.83766c-16.61871,10.60714 -37.47179,6.57748 -55.695,12.32051c-12.71339,2.76803 -25.33243,6.4903 -36.91495,12.51714zm23.19239,130.17215c17.68391,-8.37067 37.80864,-8.2348 56.92004,-7.08942c11.52194,17.94525 19.73788,38.80402 37.6284,51.74121c20.84937,18.617 51.18832,23.87227 77.45898,15.12419c9.02167,-6.09496 19.03778,-2.20023 14.1109,9.88971c-5.93085,20.07378 -26.98962,28.88977 -46.28781,29.86346c-39.48146,3.94382 -75.60028,-18.48682 -102.27098,-45.57831c-15.55914,-15.57706 -28.70033,-33.74123 -37.55954,-53.95085zm59.9713,-149.25921c14.39017,-11.41684 33.98842,-1.08634 48.71259,4.37706c14.6449,12.52997 16.60739,33.37817 20.47758,51.17717c6.47049,41.78263 3.85324,86.6684 -15.69031,124.8082c-4.67027,13.36929 -18.09242,20.61154 -26.69522,6.15724c-9.99724,-11.02568 -17.64142,-23.85532 -24.85538,-36.77173c-4.26648,-12.35977 9.69913,-21.07201 12.62395,-32.37317c5.6987,-11.2672 7.1479,-23.94022 7.7876,-36.27168c2.68518,-18.44756 0.04341,-37.58501 -4.80806,-55.44724c-3.40224,-9.88385 -8.92734,-19.45691 -17.55275,-25.65586zm41.36089,197.33399c28.32747,-32.0033 32.81847,-77.44762 30.6862,-118.36129c-1.29825,-24.12249 -4.96657,-49.05092 -17.68674,-70.0582c13.14473,0.40704 27.28206,12.75397 37.58124,21.8466c29.18982,37.11403 37.77368,91.40852 15.58273,134.05255c-8.72922,17.24329 -20.55305,32.80717 -34.43375,46.22929c-11.62009,-0.9548 -23.39864,-5.3515 -31.72969,-13.70895zm32.30334,13.89389c30.50691,-29.40305 52.59978,-71.66214 46.00664,-114.99303c-2.62479,-20.29454 -10.03497,-39.89902 -21.13239,-57.06778c20.32477,12.66527 31.62595,35.09759 41.79111,55.93748c14.61285,36.42265 6.66864,80.8159 -19.44537,109.92648c-13.41086,7.60643 -32.33356,8.77071 -47.21999,6.19685zm50.22404,-6.80072c10.46527,-18.28113 22.34006,-36.81323 23.43076,-58.50224c1.62656,-7.25171 -0.89633,14.22787 -1.77191,18.74721c-2.78329,15.96013 -6.41766,32.99399 -16.3092,46.01608c-2.27573,-1.26239 -1.2605,-7.4102 -5.34964,-6.26105z",
-	"bolt": "m178.14388,74.00616l-108.49727,68.79685l107.15599,23.63498l-99.04335,73.85934l-39.98779,-12.47227l28.36194,71.19228l112.7131,-31.06076l-47.58928,-12.98325l129.22581,-106.08589l-118.12698,-19.22734l114.07071,-71.6874l-65.0681,-10.76349l70.86891,-45.56109l-26.03423,-0.65478l-109.97452,62.50492l51.92505,10.50792z",
-	"bulb": "m148.28435,1.01645c-19.71313,-0.08707 -41.0383,4.93402 -53.87904,21.08005c-10.00002,11.90277 -20.52196,24.53872 -22.82235,40.47736c-5.18059,28.1529 -4.92928,57.93743 3.64143,85.4047c4.96631,13.63997 16.45209,23.50325 23.37698,36.11604c9.14968,13.20706 13.47519,29.26166 12.26267,45.27029c24.17088,0 48.34173,0 72.5126,0c0.07924,-23.9402 14.94635,-43.62665 28.19687,-62.22926c9.25131,-10.94521 15.23657,-24.20433 17.34691,-38.38177c4.07767,-25.40971 5.00331,-52.60092 -4.43568,-76.9665c-8.96201,-18.6421 -19.94247,-39.09958 -40.93047,-46.16479c-11.25407,-4.11034 -23.39734,-4.80265 -35.26991,-4.60611zm-36.97603,226.70836c24.34058,0 48.68115,0 73.0217,0c-4.36798,8.93942 -9.9079,18.74007 -6.84158,28.88942c-4.05983,8.82452 1.13719,17.61151 -5.54364,25.68655c-2.46005,11.06699 -16.46573,11.92905 -25.84717,12.23193c-10.13806,1.12546 -21.40701,-1.68927 -25.2739,-12.25085c-8.04343,-5.6481 1.65114,-12.52795 -4.58124,-18.87732c7.18661,-7.80208 -5.34555,-11.88156 -0.88777,-20.35059c-1.22452,-5.78517 -5.73284,-8.48584 -4.0464,-15.32915zm-0.15865,0.0249c24.34056,0 48.68114,0 73.02171,0c-1.83408,8.68544 -9.76653,16.89687 -6.75067,25.63821c1.71628,7.25716 -5.42461,13.19765 -1.14021,20.86113c-3.26378,9.1944 -9.79655,19.57855 -20.90657,19.54898c-10.7323,0.01825 -25.30243,3.58121 -31.95258,-7.11847c-2.51509,-6.44772 -10.6368,-10.31369 -4.40095,-17.31061c-7.73209,-5.79929 5.18552,-14.38748 -4.75156,-18.20934c4.72482,-9.15317 -5.09683,-14.41997 -3.11917,-23.40991l0,0zm-0.30553,-0.19208c24.34058,0 48.68115,0 73.02173,0c-1.83408,8.68544 -9.76651,16.89688 -6.75064,25.63823c1.71623,7.25714 -5.42465,13.19763 -1.14023,20.86111c-4.2211,6.69464 -8.74136,17.62585 -17.58711,18.4115c-9.70837,0.11472 -19.41676,0.2294 -29.12514,0.34415c-6.65182,-7.13144 -16.14077,-15.45563 -10.92694,-24.96432c-7.35572,-5.15384 5.77059,-13.49446 -4.37249,-16.88078c4.72483,-9.15317 -5.09684,-14.41994 -3.11918,-23.40988l0,0zm19.95543,64.05962c10.3149,0 20.62982,0 30.94472,0c-3.3429,2.41727 -5.36609,8.04688 -10.20465,6.82349c-4.97464,-0.38892 -10.5618,0.58282 -15.16096,-0.64023c-1.8597,-2.0611 -3.71941,-4.12219 -5.5791,-6.18326zm11.23076,-64.53401c-3.56728,-52.49875 -7.20926,-74.75493 -20.64074,-106.52489c-13.43148,-31.76996 -2.88758,-21.17014 27.12348,-24.60654c30.01106,-3.43639 13.46907,9.90684 13.48128,34.43486c0.01221,24.52803 1.7489,36.82391 3.69955,58.10826c-1.9278,20.61055 1.80084,20.75101 -2.79076,37.25708",
-	"car_smart": "m28.92024,238.37814c-20.54175,-8.15092 -27.36674,-32.3504 -27.6178,-52.52942c-2.7836,-14.94118 14.71887,-25.93048 8.95686,-41.2937c-2.18657,-22.71175 4.68564,-45.20703 14.9548,-65.22043c0.32475,-12.85873 10.87969,-17.84956 22.37955,-17.11762c37.15603,-4.71741 74.98359,-4.84966 112.15372,-0.39277c22.18198,4.11681 39.85953,19.32546 58.61859,30.81274c11.63586,8.63808 25.21985,14.32888 36.92355,22.63131c12.64026,10.62529 24.51556,22.47708 33.27448,36.57193c3.15143,14.09033 7.38165,28.09947 9.54742,42.2829c4.39661,13.27223 -4.6037,21.62047 -11.41214,30.84103c-10.34,12.57306 -29.90723,17.53416 -44.71561,10.78313c-10.28528,-3.75465 -14.07077,-19.70746 -25.7968,-18.60466c-44.20906,-0.65964 -88.41812,-1.31926 -132.62719,-1.97884c-10.24168,13.44736 -24.40165,28.14365 -42.91705,26.05086c-4.02312,-0.33679 -7.97831,-1.33774 -11.7224,-2.83646z",
-	"car": "m26.77284,183.48201c-8.08779,-6.80998 -23.25337,0.56996 -25.08215,-11.86069c-3.52016,-11.04616 7.23365,-19.6761 14.38957,-26.36473c12.51913,-6.23676 26.95447,-6.99092 40.49323,-9.84883c16.2238,-2.35439 33.11552,-4.36668 47.10119,-13.71207c15.9294,-9.9651 33.67083,-18.25834 52.86141,-18.11141c26.44141,-0.91634 53.7986,-0.02856 78.2453,11.26058c15.36688,6.93465 31.87709,10.4591 48.27711,13.85143c13.95395,1.83385 10.70889,16.88237 15.35007,26.15973c3.54291,10.65329 -4.11594,21.25732 -15.32654,21.59605c-11.85318,2.69405 -25.72552,2.95921 -34.00009,13.30453c-8.47623,9.38277 -23.69647,9.05888 -32.32811,0.09547c-3.56866,-2.21568 -5.9512,-7.58008 -10.70335,-6.65411c-44.31184,0.24008 -88.64653,-0.63266 -132.93902,0.78894c-11.57394,-0.92139 -16.38131,13.44077 -28.69251,12.44249c-6.30352,0.19554 -12.27285,-9.98318 -17.64611,-12.94739z",
-	"coud": "m193.50864,67.27344c-28.56444,0 -53.08249,14.81322 -65.08365,36.1982c-4.7932,-2.67596 -10.08009,-4.29625 -15.72245,-4.29625c-17.06268,0 -31.26126,13.72618 -35.64974,32.35901c-7.49058,-2.96072 -16.20005,-4.7533 -25.50328,-4.7533c-27.90971,0 -50.54951,15.27039 -50.54951,34.09579c0,16.99312 18.56764,30.96303 42.68829,33.54732c-1.08106,1.83421 -1.91961,3.65059 -1.91961,5.57599c0,18.02431 49.38134,32.72462 110.23999,32.72462c60.85864,0 110.24005,-14.70032 110.23999,-32.72462c0,-1.21274 -0.75272,-2.29501 -1.18832,-3.47357c2.66562,0.6629 5.30496,1.37115 8.22687,1.37115c16.28061,0.00005 29.5253,-11.06223 29.5253,-24.6806c0,-13.61838 -13.24469,-24.68059 -29.5253,-24.68059c-1.99515,0 -3.69165,0.68915 -5.57599,1.00551c1.64767,-5.44531 2.74228,-11.00153 2.74228,-16.91078c0,-36.04859 -32.63087,-65.35786 -72.94485,-65.35786z",
-	"drop": "m115.15536,295.759c-42.01334,-15.78687 -72.12711,-65.94934 -65.28346,-108.74701c4.3154,-26.98718 95.35947,-190.81818 103.3105,-185.90417c2.59511,1.60386 25.68835,39.79974 51.31831,84.87975c41.0565,72.21342 46.5999,85.67899 46.5999,113.19665c0,55.77716 -44.6394,101.46498 -98.23825,100.54555c-15.6409,-0.26834 -32.60906,-2.05518 -37.707,-3.97076zm42.09262,-28.05386c1.39066,-7.22116 -1.85785,-10.74289 -9.90955,-10.74289c-18.35065,0 -43.80598,-23.24161 -49.49309,-45.18889c-6.0666,-23.41179 -22.15186,-26.19615 -24.52774,-4.24574c-4.57746,42.29059 76.21872,100.22086 83.93037,60.17752z",
-	"electric_guitar": "m168.96899,1.09303c-2.62799,0.19977 -5.017,2.04496 -6.96899,4.55579c0.009,13.46278 -11.116,25.03858 -14.875,34.35928c2.30499,1.8475 1.13,2.9332 -1.03101,4.4286c-0.17,2.5165 0.468,4.9685 2.468,7.3554c-2.591,41.8755 -6.024,92.17889 -8.718,134.4599c6.14801,0.138 12.354,1.117 18.81201,0.687c-0.007,-32.55499 2.539,-84.562 3.282,-116.00749c-0.101,-10.2094 -0.504,-24.029 13.12399,-28.8618c-6.94499,-14.7833 5.922,-35.70095 -5.562,-40.97666c-0.146,-0.00122 -0.293,-0.00885 -0.438,0c-0.03099,0.00187 -0.062,-0.00236 -0.093,0l0,-0.00001zm11.692,171.76396c-4.715,6.66701 -11.79199,10.17 -14.146,13.60501c-5.37599,8.46799 -14.379,-3.16701 -26.89,2.99599c0.065,-1.02399 0.153,-2.172 0.21899,-3.20599c-0.07199,-0.002 -0.14699,0.00101 -0.21899,0c-6.659,1.013 -12.157,-7.713 -12.594,-15.44901c5.55199,-11.89 -14.242,-18.006 -19.5,-5.82899c-3.943,13.605 -0.41,27.51199 4.78201,40.672c5.933,16.162 -8.871,30.179 -13.2192,45.17601c-4.1375,9.502 -4.2709,20.46999 2.68719,29.192c9.486,13.58398 29.413,18.62799 47.563,18.758c3.23401,0.224 6.44801,0.414 9.68701,0.58499c57.61699,3.284 34.35399,-35.13699 25.282,-68.41299c-5.82201,-21.66299 1.48199,-36.38 6.269,-42.614c2.659,-7.35001 6.02899,-23 -9.92101,-15.472l0,-0.00101zm-34.567,-128.4203c2.43501,-11.918 -8.10399,0.709 0,0z",
-	"guitar": "m158.45264,1.00012c-0.96039,0.00612 -1.8884,0.06411 -2.73161,0.18457c-4.49716,0.64245 -8.99768,2.5655 -8.99768,2.5655c0,0 0.00569,8.99612 -0.63676,15.42064c-0.64244,6.42453 -3.21147,17.34015 -3.21147,17.34015l3.15611,6.32144l0.05536,-1.172l10.62189,1.86414l0.94128,0.05537c0,0 1.28059,-1.28413 2.56551,-3.21148c1.2849,-1.92736 3.85747,-3.21148 3.85747,-3.21148c0,0 0.63675,-9.63641 0.63675,-16.70339c0,-7.06698 2.57472,-18.63212 2.57472,-18.63212c0,0 -4.66991,-0.84783 -8.83156,-0.82133zm-1.74417,42.52442l-10.62189,-0.58139l-0.05536,-0.11074l-5.5278,113.65688c0.19376,0.03734 0.44296,0.08304 0.44296,0.08304c0.14801,2.18161 0.8121,3.84209 1.8549,5.14021l11.84926,5.41707c0.3562,0.09476 0.71249,0.18806 1.07048,0.28609l1.28276,-123.83578l-0.29532,-0.05537zm-0.98744,123.89115l0,0.20302l-1.07048,-0.48911c-4.80661,-1.27875 -9.3821,-2.34575 -11.84926,-5.41707l-2.5009,-1.14432l0.20303,-4.07893c-2.16553,-0.41753 -15.40038,-2.83867 -20.1179,-0.47989c-5.13962,2.56979 -8.99552,6.42279 -10.28043,14.77466c-1.2849,8.3519 2.57119,23.77351 1.92873,34.05275c-0.64246,10.27924 -7.71416,19.91469 -10.92641,28.26657c-3.21227,8.35188 -6.4202,17.99007 -2.5655,32.12404c3.85472,14.13391 17.99164,23.77151 25.70107,26.9838c7.70942,3.21225 23.7631,5.14023 23.7631,5.14023c0,0 15.42752,2.58041 25.06432,1.93796c20.23672,-3.64624 28.72404,-15.65756 29.98303,-30.66595c1.259,-15.00839 -4.71521,-33.01251 -13.40884,-48.65207c-9.50552,-17.10013 8.59656,-39.76326 -0.76596,-52.52802c-9.74182,-13.28188 -16.9409,8.64334 -23.78156,3.87593c-2.77655,-1.93504 -6.09895,-3.00655 -9.37605,-3.90359z",
-	"helicopter": "m145.07504,214.22588c7.36339,2.46503 20.68225,-9.04681 7.26401,-9.72079c-9.08205,-5.71648 20.13416,-1.63675 8.22827,-13.70961c-12.73747,-2.77332 -22.69479,-12.46857 -27.12979,-24.871c-5.18111,-13.36012 -22.04633,-9.68964 -33.09622,-13.54991c-22.05075,-3.93678 -44.07657,-8.59007 -66.50366,-9.73877c-7.45861,8.40495 -10.97594,26.46114 -24.24853,25.75703c-13.26779,-6.6758 0.56035,-23.43509 -3.41489,-33.00934c-7.79329,-2.62592 -6.3066,-7.72096 1.2938,-8.36586c11.59587,-8.00312 1.94812,-23.47349 -0.57486,-34.01581c-6.13778,-10.01295 7.00565,-18.8414 12.01386,-7.02641c6.38165,12.3224 10.0863,25.85204 15.15507,38.7706c1.5816,8.28716 13.30507,3.58878 19.44516,6.06101c25.89155,2.78554 51.80775,5.58556 77.83869,6.66318c13.03992,-5.6261 26.8783,-10.34038 41.29993,-8.34114c10.08574,3.05644 15.78185,-0.7104 15.3338,-11.13895c5.72609,-15.02095 -14.03151,-8.3312 -22.93935,-10.54208c-35.53757,-1.72837 -71.18015,-2.25171 -106.70476,-0.12757c-7.88696,-1.96813 10.41693,-1.78943 13.19444,-2.24187c37.48436,-1.98021 75.04819,-1.00611 112.54227,-2.69012c10.81163,-3.98792 21.54251,3.11311 32.56555,1.91049c27.80304,1.13907 55.63103,1.5356 83.45552,1.62198c-7.86588,5.84674 -22.53885,0.05771 -32.94354,1.5061c-20.90826,-0.64194 -41.94905,-1.24406 -62.73434,1.6021c-8.09567,7.82163 -3.84563,24.5245 6.28453,28.41502c10.32359,5.55025 20.91692,10.41565 30.31529,17.0117c5.93991,11.31316 22.72864,20.80537 17.77679,35.05132c-5.67494,11.7886 -26.25294,4.37625 -31.4632,7.69153c3.85466,6.8309 17.16597,7.52176 19.55997,10.01913c-13.12518,3.78056 -0.61014,11.85339 6.85498,9.29091c9.21201,2.18106 -9.36668,3.71298 -12.4339,2.99583c-14.92371,0.12004 -29.83833,-0.52202 -44.7583,-0.72722c14.41679,-0.6433 28.87468,-0.63033 43.24721,-2.05975c-3.35245,-13.78374 -21.0649,-7.04161 -31.27078,-9.43388c-4.97525,-2.55072 -21.3748,0.68501 -13.06122,5.71829c4.63876,-2.08994 15.97667,-0.09111 5.65021,2.25237c-18.67735,0.60303 -37.42494,0.87289 -56.04201,-1.0285zm45.45972,-5.72816c-5.69293,-8.23618 -25.36656,-6.65369 -28.94688,0.84814c6.97417,5.6115 21.3663,3.65866 28.78714,0.2599l0.15974,-1.10805l0,0zm41.15115,-4.79669c-8.39107,-5.92067 -23.748,-6.57408 -31.28664,-1.76099c9.46599,4.52687 21.07687,2.68456 31.28664,1.76099zm-41.46053,-2.71213c8.91602,-7.60876 -15.73071,-6.19264 -21.17932,-5.80487c-13.47525,6.12955 5.46666,7.82239 11.1256,6.8177c3.37151,-0.02223 6.75697,-0.27522 10.05373,-1.01283z",
-	"katana": "m127.28507,65.14041c-7.0962,-0.54353 -19.86895,7.61395 -17.02093,-6.32892c4.93732,-8.55679 18.30521,-4.48845 16.78561,5.48313l0.17354,0.62374l0.06178,0.22205l0,0zm17.16403,-18.49577c-6.77293,11.60114 -22.03173,12.43076 -33.48896,16.75148c-5.30647,3.04373 -26.81981,5.02184 -18.62814,-4.27034c11.69819,-7.75446 26.08649,-9.62626 39.25734,-13.85468c4.24069,-0.99664 9.15976,-1.38791 12.85976,1.37354zm-35.03055,12.26915c-5.16663,-17.73298 -10.33324,-35.46593 -15.49986,-53.19891c6.32053,-8.5978 20.25586,-4.8693 18.32531,6.59137c4.01678,13.78642 8.03355,27.57289 12.05032,41.35935m-5.56697,9.33072c22.56753,79.08354 48.81091,157.2375 81.6054,232.70842m-75.6467,-234.76585c22.79797,74.42342 46.12929,148.92492 77.59851,220.23124c0.43317,5.52475 14.80417,22.08911 1.77542,17.81497c-4.05151,-1.9415 -10.97104,-0.62137 -11.72156,-6.31741c-30.74268,-74.29929 -57.39734,-150.28568 -79.92033,-227.47363",
-	"leaf_1": "m35.63904,285.5213c9.77121,-31.99348 23.14531,-59.08864 35.83149,-72.59245c13.5912,-14.46718 7.56125,-20.74258 -6.45918,-6.72212c-5.89857,5.89853 -7.58387,1.61555 -7.58387,-19.2735c0,-49.83961 25.83589,-80.67891 87.99842,-105.04016c52.59872,-20.61333 91.37741,-43.79435 107.45589,-64.23479l13.10197,-16.65652l0,28.9807c0,35.83507 -11.11781,89.97318 -23.42422,114.0641c-13.0549,25.55626 -57.80217,72.72934 -79.76038,84.08435c-19.67261,10.17316 -61.687,13.16808 -84.14172,5.99792c-11.19011,-3.57314 -14.7415,-0.84308 -20.53963,15.78944c-3.8556,11.06018 -7.0102,26.79501 -7.0102,34.96616c0,9.27652 -3.72057,14.8566 -9.90572,14.8566c-7.3461,0 -8.78352,-3.67429 -5.56284,-14.21973z",
-	"menorah": "m86.17095,270.72717c9.02267,-23.09398 33.59461,-36.70894 57.45916,-38.45409c0,-4.91623 0,-9.83244 0,-14.74866c-38.305,-2.75075 -76.20534,-18.86525 -101.66333,-48.29793c-23.2569,-24.97108 -35.58256,-58.55817 -37.27682,-92.42073c-13.45491,-9.58464 12.56556,-16.55834 15.7355,-5.95607c-7.24909,8.79617 -0.22592,22.59306 0.80432,33.36646c11.47956,50.91395 56.38975,91.60496 107.78628,98.82449c13.14264,5.82442 16.6395,-2.00252 14.39308,-13.99509c2.81267,-9.48175 -7.44086,-6.60333 -13.57417,-8.37358c-40.52152,-7.1041 -75.7263,-38.65041 -86.11595,-78.75394c-2.97659,-11.47399 -3.94458,-24.11363 -7.5694,-33.51495c7.70256,-6.02401 26.19639,-1.60448 15.97076,9.15671c1.09565,45.56244 38.91488,85.76277 83.65269,91.48959c9.24995,4.52249 8.18915,-3.21457 7.85701,-9.40932c4.90146,-15.06035 -9.71606,-12.79654 -19.53952,-16.50067c-27.62657,-9.39215 -47.87568,-36.35101 -49.79039,-65.51331c-13.2153,-11.51691 15.74928,-17.53994 15.95383,-5.55531c-7.59098,8.84892 0.96818,23.21689 5.54156,32.6564c10.3335,16.84724 28.24842,28.22102 47.83452,30.47823c0,-7.52246 0,-15.04491 0,-22.56738c-18.20905,-2.81535 -32.7534,-18.72141 -34.8131,-36.97318c-12.40635,-10.10166 14.58986,-14.97282 16.53119,-5.29626c-6.736,5.28018 -1.66743,13.75206 2.28733,19.47478c2.82583,3.38407 16.81124,15.16281 15.99458,6.28913c0,-10.03232 0,-20.06463 0,-30.09695c-8.52963,-5.41637 3.21713,-9.02356 -1.91258,-15.41792c2.95047,-6.63559 4.28693,-23.79965 6.49635,-24.00391c7.40089,10.5439 4.63795,25.17949 11.62167,34.34932c-3.85376,4.14688 -4.52328,8.74758 -3.86568,14.89357c0,8.05796 0,16.11592 0,24.17388c11.03737,-3.24367 21.02812,-12.42406 21.72646,-24.48188c-12.61211,-14.80839 30.69243,-11.52931 12.71999,1.59949c-1.87195,17.85434 -17.0993,32.57059 -34.44644,35.57887c0,7.49281 0,14.98562 0,22.47842c29.68999,-2.98224 55.87296,-29.1582 56.39926,-59.47436c-12.36238,-13.6567 27.91393,-12.75137 14.12813,-0.52898c-3.16423,14.80594 -6.23018,30.54218 -16.29872,42.63571c-12.70108,17.1765 -33.04718,27.37456 -53.98901,29.78134c0.16994,9.14496 -4.65584,28.46082 11.13493,20.75519c39.31322,-6.69104 72.74197,-39.63307 78.74797,-79.43351c5.73982,-8.84732 -8.70837,-25.00382 8.28397,-22.77648c10.50046,-2.44997 11.98193,6.34405 5.8692,11.72792c-2.04736,35.89314 -21.91298,70.45303 -53.09749,88.60141c-15.52945,9.13074 -33.16388,14.88533 -51.17824,15.85547c0.17836,7.53169 -0.4761,15.16116 0.61618,22.6142c35.31798,-2.81911 70.08339,-18.10321 93.11932,-45.67516c20.51892,-23.04272 31.08511,-53.43816 32.84753,-84.00375c-10.43478,-10.04525 11.39471,-11.61442 16.59445,-7.04305c-5.883,11.66189 -5.21661,27.04671 -9.11984,40.52295c-12.68921,53.08224 -58.41412,95.84925 -111.85593,105.51876c-7.32545,1.56883 -14.77785,2.36348 -22.20172,3.29227c-0.71042,9.09981 -0.50818,18.35449 11.59822,16.61531c20.59241,4.32626 40.36211,18.55411 46.94081,39.19469c-43.09088,0 -86.18179,0 -129.2727,0c0.31159,-0.88608 0.62314,-1.77219 0.93477,-2.65823zm-82.88959,-208.5947c-0.54892,-8.1144 4.33617,-25.42208 5.66115,-27.43132c2.27143,7.42761 12.58555,23.78434 4.72879,28.60384c-3.29131,-0.38358 -8.04816,1.57556 -10.38994,-1.17252zm34.52483,0.55147c-1.7146,-10.01769 5.4567,-19.41309 4.51432,-29.75311c3.2196,8.43034 16.36395,29.47998 1.96646,30.42084c-2.16732,-0.0773 -4.38702,0.03559 -6.48078,-0.66772zm35.62526,-0.17229c-1.52428,-9.82734 5.20364,-19.12723 4.61758,-29.264c3.98769,8.50923 17.39558,32.7104 -0.82941,30.07944l-1.91212,-0.12625l-1.87605,-0.68919l0,0zm34.60818,0.26421c-1.9521,-10.01891 5.40411,-19.48301 4.43661,-29.84504c3.27068,8.4848 16.29427,29.36411 1.98981,30.63179c-2.15335,-0.08198 -4.37302,0.0215 -6.42642,-0.78675zm69.2087,-0.38279c-1.5544,-10.07727 5.31645,-19.6095 4.34973,-30.05398c2.70531,5.08463 6.32187,13.73424 7.91895,20.50951c4.77353,11.03205 -3.95122,12.51878 -12.26868,9.54446zm35.71176,0.44493c-2.89404,-9.75608 5.30412,-19.55815 4.07715,-29.90718c3.42241,8.32418 12.40758,23.15913 6.53528,30.337c-3.53609,0.01955 -7.13571,0.41735 -10.61243,-0.42982zm34.8703,-0.20629c-2.23303,-8.13288 4.34842,-24.82986 5.07388,-28.23849c3.49849,8.39077 16.5291,33.58521 -2.7937,28.93562l-2.28018,-0.69713l0,0zm35.10023,-0.15336c-1.90784,-8.93159 5.20419,-21.786 4.83258,-28.71239c3.47043,8.02287 16.97986,32.30244 -0.94669,29.60343l-1.89111,-0.14957l-1.99478,-0.74147l0,0z",
-	"sun": "m238.69324,135.65587c0,46.60593 -40.30034,84.38748 -90.01332,84.38748c-49.71299,0 -90.01332,-37.78156 -90.01332,-84.38748c0,-46.6059 40.30033,-84.38747 90.01332,-84.38747c49.71298,0 90.01332,37.78154 90.01332,84.38747zm-7.30318,120.56636c-4.20586,5.25757 -51.12886,-47.27794 -57.30507,-44.69331c-6.17622,2.58458 -15.51068,86.52086 -22.0425,87.47173c-6.53188,0.9509 -17.76118,-85.09837 -24.12714,-87.15329c-6.36602,-2.05495 -43.23042,49.74286 -48.75608,45.85272c-5.52563,-3.89009 13.12091,-67.11951 10.04803,-73.73549c-3.07288,-6.61595 -73.34953,-9.72229 -74.79697,-17.10284c-1.44742,-7.38055 63.69369,-26.7453 64.2322,-34.0554c0.53854,-7.31011 -43.73452,-48.6129 -41.1993,-55.02096c2.53526,-6.40806 61.81988,21.03078 65.82475,15.40928c4.00487,-5.62149 -7.80805,-76.34053 -1.73039,-78.4587c6.07763,-2.11818 42.59449,47.54089 49.0827,47.30339c6.48817,-0.23753 26.02002,-62.46352 32.64861,-61.00949c6.62865,1.45401 3.32251,66.01247 8.45366,70.32287c5.13113,4.31043 55.87381,-16.15842 59.63792,-10.29998c3.76414,5.85843 -29.09575,62.86814 -27.11681,69.62658c1.97902,6.75845 62.18188,13.20758 61.3595,20.19514c-0.82245,6.98758 -75.2742,9.96732 -78.37666,16.73535c-3.10245,6.76802 28.36942,83.35484 24.16354,88.6124z",
-	"chair": "m118.11539,289.55515c-7.47328,-14.4328 15.76004,-21.83389 9.75156,-35.26642c-9.58212,-8.59285 -23.93785,-6.58557 -35.88018,-5.92961c-12.89955,-1.58955 -16.67669,11.62587 -24.11323,17.11729c-14.66394,-4.57965 -9.41961,-23.5907 3.95336,-25.69879c17.48831,-7.56879 36.79559,-3.21786 54.96046,-6.57193c13.14571,-7.65541 -3.09947,-24.09541 -13.42245,-25.84244c-17.08451,-6.9008 -38.18468,-7.0844 -51.24073,-21.62146c-5.1916,-11.32457 -3.84497,-32.04767 10.15321,-36.01445c6.34414,-10.73523 5.01785,-24.55999 3.35027,-36.47948c1.42348,-12.67513 -26.70474,-5.25126 -14.90233,-18.24577c10.64336,-8.15804 24.36629,-13.15867 37.81105,-12.959c10.96933,0.36309 11.71716,12.99065 -0.37628,9.89848c-12.30081,6.18077 -7.72121,23.86169 -7.25122,35.16668c5.93514,11.39347 22.04794,5.36764 32.49831,7.07384c14.8665,0.39955 21.73593,0.44463 35.83476,5.23605c14.25958,-1.05464 8.64325,-20.61657 0.17079,-21.97119c-13.03212,-2.87206 -25.91483,-10.25501 -33.20317,-21.62909c-4.07215,-13.26593 1.69855,-27.24597 4.77583,-40.18096c9.18196,-28.0861 34.13237,-54.57027 65.33606,-54.63913c19.15414,0.28833 38.85675,14.48402 42.13089,33.82922c2.48616,20.34066 -5.57245,41.0622 -0.32005,61.11538c12.75343,7.04288 -8.70227,17.78406 -9.16336,27.50478c-5.43883,14.13736 6.97403,30.55498 -3.65417,43.29654c-6.64983,9.38159 -22.16026,14.5639 -22.43275,27.04953c-3.81845,11.24202 -21.47061,10.39703 -30.28923,17.71931c-9.74564,2.86838 -15.08257,19.17726 -0.15649,15.9317c14.55153,-0.35892 29.03516,-5.81784 43.55118,-3.3181c10.39314,7.10063 -0.45073,21.22018 -10.9113,14.54475c-5.46445,0.08383 -25.63857,2.80356 -18.76688,8.69054c17.18895,4.015 35.8273,9.2104 46.95854,24.0352c10.43184,13.90863 -12.73763,17.22995 -17.34935,5.0022c-19.29245,-15.75378 -48.30531,-24.24933 -70.97163,-10.48508c-13.71143,5.73386 -10.53542,20.53958 -11.98199,31.56015c-5.57972,6.09451 -13.26627,-2.5275 -14.84946,-7.91876zm100.26077,-153.99353c-4.62421,-8.64436 -27.69229,-17.16811 -30.82967,-4.71919c1.76141,12.68575 19.62196,15.68971 29.15408,10.51048c1.73547,-1.32053 2.45361,-3.74493 1.67558,-5.79129z"
-	}
-}
\ No newline at end of file
+{"data": {
+  "ball": "m1.36762,144.54343c-0.61252,-24.33647 11.43968,-48.24649 31.71385,-61.85355c33.0555,-25.12355 76.68359,-36.57172 117.69406,-29.65477c20.30775,-3.13354 29.29549,17.94864 22.15137,34.18353c-11.04268,10.79923 -30.25032,0.52836 -44.5518,6.11385c-46.3661,5.97041 -92.1348,26.12911 -123.47163,61.54787c-0.19116,-3.78908 -5.04203,-6.31387 -3.53584,-10.33693zm0.56006,21.59657c2.46893,-17.16783 19.59014,-26.10648 31.49495,-36.53964c40.07716,-28.36518 90.31613,-39.61352 138.89854,-37.70576c1.20387,19.56051 -8.00084,38.23036 -19.07559,53.7263c-15.20721,8.47826 -34.11861,-1.17561 -50.23914,6.54221c-28.27367,6.8441 -59.74523,15.46761 -77.84163,40.11734c-6.57559,19.79451 -20.47401,-0.35286 -21.54921,-12.00313c-1.52846,-4.62877 -1.3158,-9.384 -1.6879,-14.13731zm7.76269,-58.70418c2.42006,-21.53997 16.61662,-39.35048 29.64042,-55.76294c14.68114,-17.49181 34.66698,-30.31521 57.12629,-35.01287c17.80165,-4.64955 36.14864,-6.58389 54.39959,-8.53692c13.84103,10.63111 22.64574,29.11792 20.32661,46.60463c-10.75017,2.72292 -29.7578,-6.48294 -44.25362,-4.23798c-41.11142,0.38721 -83.13954,16.86419 -110.9226,47.60359c-2.31326,2.96635 -4.3931,6.11006 -6.31669,9.34248zm-2.20363,84.97105c15.37329,12.3277 15.8773,33.69405 25.32488,49.77684c-11.32475,-14.57886 -21.29314,-31.61081 -25.32488,-49.77684zm12.17333,11.7446c4.82258,-13.28815 19.94093,-31.96367 32.55468,-30.57486c5.04242,12.98813 7.22698,27.06129 15.42273,38.77007c22.00548,40.39473 62.27551,75.33984 110.15025,76.43997c7.82913,1.58691 28.58411,-3.6853 27.74063,-1.50394c-20.00963,9.82742 -43.17618,11.98239 -65.22374,11.19174c-40.94611,-2.71915 -81.7309,-22.38535 -106.34646,-55.65858c-6.96676,-11.95032 -10.92698,-25.33659 -14.29809,-38.66251zm33.70255,-33.88084c11.04849,-5.13829 31.74819,-20.7682 40.05036,-8.17067c20.26116,39.90601 54.51507,73.83781 96.68548,89.7942c21.8947,7.30453 46.52556,7.18939 67.87685,-1.92662c-8.90472,13.82597 -23.64018,22.69292 -37.52655,30.83714c-35.49046,15.14874 -78.39111,6.93469 -108.29421,-16.68286c-28.94243,-22.9118 -51.66176,-55.70389 -58.71476,-92.285l-0.04169,-0.84726l-0.03548,-0.71893l0,0l0,0zm14.80587,-143.69432c26.85995,-18.47492 60.14433,-27.13922 92.60995,-24.83766c-16.61871,10.60714 -37.47179,6.57748 -55.695,12.32051c-12.71339,2.76803 -25.33243,6.4903 -36.91495,12.51714zm23.19239,130.17215c17.68391,-8.37067 37.80864,-8.2348 56.92004,-7.08942c11.52194,17.94525 19.73788,38.80402 37.6284,51.74121c20.84937,18.617 51.18832,23.87227 77.45898,15.12419c9.02167,-6.09496 19.03778,-2.20023 14.1109,9.88971c-5.93085,20.07378 -26.98962,28.88977 -46.28781,29.86346c-39.48146,3.94382 -75.60028,-18.48682 -102.27098,-45.57831c-15.55914,-15.57706 -28.70033,-33.74123 -37.55954,-53.95085zm59.9713,-149.25921c14.39017,-11.41684 33.98842,-1.08634 48.71259,4.37706c14.6449,12.52997 16.60739,33.37817 20.47758,51.17717c6.47049,41.78263 3.85324,86.6684 -15.69031,124.8082c-4.67027,13.36929 -18.09242,20.61154 -26.69522,6.15724c-9.99724,-11.02568 -17.64142,-23.85532 -24.85538,-36.77173c-4.26648,-12.35977 9.69913,-21.07201 12.62395,-32.37317c5.6987,-11.2672 7.1479,-23.94022 7.7876,-36.27168c2.68518,-18.44756 0.04341,-37.58501 -4.80806,-55.44724c-3.40224,-9.88385 -8.92734,-19.45691 -17.55275,-25.65586zm41.36089,197.33399c28.32747,-32.0033 32.81847,-77.44762 30.6862,-118.36129c-1.29825,-24.12249 -4.96657,-49.05092 -17.68674,-70.0582c13.14473,0.40704 27.28206,12.75397 37.58124,21.8466c29.18982,37.11403 37.77368,91.40852 15.58273,134.05255c-8.72922,17.24329 -20.55305,32.80717 -34.43375,46.22929c-11.62009,-0.9548 -23.39864,-5.3515 -31.72969,-13.70895zm32.30334,13.89389c30.50691,-29.40305 52.59978,-71.66214 46.00664,-114.99303c-2.62479,-20.29454 -10.03497,-39.89902 -21.13239,-57.06778c20.32477,12.66527 31.62595,35.09759 41.79111,55.93748c14.61285,36.42265 6.66864,80.8159 -19.44537,109.92648c-13.41086,7.60643 -32.33356,8.77071 -47.21999,6.19685zm50.22404,-6.80072c10.46527,-18.28113 22.34006,-36.81323 23.43076,-58.50224c1.62656,-7.25171 -0.89633,14.22787 -1.77191,18.74721c-2.78329,15.96013 -6.41766,32.99399 -16.3092,46.01608c-2.27573,-1.26239 -1.2605,-7.4102 -5.34964,-6.26105z",
+  "bolt": "m178.14388,74.00616l-108.49727,68.79685l107.15599,23.63498l-99.04335,73.85934l-39.98779,-12.47227l28.36194,71.19228l112.7131,-31.06076l-47.58928,-12.98325l129.22581,-106.08589l-118.12698,-19.22734l114.07071,-71.6874l-65.0681,-10.76349l70.86891,-45.56109l-26.03423,-0.65478l-109.97452,62.50492l51.92505,10.50792z",
+  "bulb": "m148.28435,1.01645c-19.71313,-0.08707 -41.0383,4.93402 -53.87904,21.08005c-10.00002,11.90277 -20.52196,24.53872 -22.82235,40.47736c-5.18059,28.1529 -4.92928,57.93743 3.64143,85.4047c4.96631,13.63997 16.45209,23.50325 23.37698,36.11604c9.14968,13.20706 13.47519,29.26166 12.26267,45.27029c24.17088,0 48.34173,0 72.5126,0c0.07924,-23.9402 14.94635,-43.62665 28.19687,-62.22926c9.25131,-10.94521 15.23657,-24.20433 17.34691,-38.38177c4.07767,-25.40971 5.00331,-52.60092 -4.43568,-76.9665c-8.96201,-18.6421 -19.94247,-39.09958 -40.93047,-46.16479c-11.25407,-4.11034 -23.39734,-4.80265 -35.26991,-4.60611zm-36.97603,226.70836c24.34058,0 48.68115,0 73.0217,0c-4.36798,8.93942 -9.9079,18.74007 -6.84158,28.88942c-4.05983,8.82452 1.13719,17.61151 -5.54364,25.68655c-2.46005,11.06699 -16.46573,11.92905 -25.84717,12.23193c-10.13806,1.12546 -21.40701,-1.68927 -25.2739,-12.25085c-8.04343,-5.6481 1.65114,-12.52795 -4.58124,-18.87732c7.18661,-7.80208 -5.34555,-11.88156 -0.88777,-20.35059c-1.22452,-5.78517 -5.73284,-8.48584 -4.0464,-15.32915zm-0.15865,0.0249c24.34056,0 48.68114,0 73.02171,0c-1.83408,8.68544 -9.76653,16.89687 -6.75067,25.63821c1.71628,7.25716 -5.42461,13.19765 -1.14021,20.86113c-3.26378,9.1944 -9.79655,19.57855 -20.90657,19.54898c-10.7323,0.01825 -25.30243,3.58121 -31.95258,-7.11847c-2.51509,-6.44772 -10.6368,-10.31369 -4.40095,-17.31061c-7.73209,-5.79929 5.18552,-14.38748 -4.75156,-18.20934c4.72482,-9.15317 -5.09683,-14.41997 -3.11917,-23.40991l0,0zm-0.30553,-0.19208c24.34058,0 48.68115,0 73.02173,0c-1.83408,8.68544 -9.76651,16.89688 -6.75064,25.63823c1.71623,7.25714 -5.42465,13.19763 -1.14023,20.86111c-4.2211,6.69464 -8.74136,17.62585 -17.58711,18.4115c-9.70837,0.11472 -19.41676,0.2294 -29.12514,0.34415c-6.65182,-7.13144 -16.14077,-15.45563 -10.92694,-24.96432c-7.35572,-5.15384 5.77059,-13.49446 -4.37249,-16.88078c4.72483,-9.15317 -5.09684,-14.41994 -3.11918,-23.40988l0,0zm19.95543,64.05962c10.3149,0 20.62982,0 30.94472,0c-3.3429,2.41727 -5.36609,8.04688 -10.20465,6.82349c-4.97464,-0.38892 -10.5618,0.58282 -15.16096,-0.64023c-1.8597,-2.0611 -3.71941,-4.12219 -5.5791,-6.18326zm11.23076,-64.53401c-3.56728,-52.49875 -7.20926,-74.75493 -20.64074,-106.52489c-13.43148,-31.76996 -2.88758,-21.17014 27.12348,-24.60654c30.01106,-3.43639 13.46907,9.90684 13.48128,34.43486c0.01221,24.52803 1.7489,36.82391 3.69955,58.10826c-1.9278,20.61055 1.80084,20.75101 -2.79076,37.25708",
+  "car_smart": "m28.92024,238.37814c-20.54175,-8.15092 -27.36674,-32.3504 -27.6178,-52.52942c-2.7836,-14.94118 14.71887,-25.93048 8.95686,-41.2937c-2.18657,-22.71175 4.68564,-45.20703 14.9548,-65.22043c0.32475,-12.85873 10.87969,-17.84956 22.37955,-17.11762c37.15603,-4.71741 74.98359,-4.84966 112.15372,-0.39277c22.18198,4.11681 39.85953,19.32546 58.61859,30.81274c11.63586,8.63808 25.21985,14.32888 36.92355,22.63131c12.64026,10.62529 24.51556,22.47708 33.27448,36.57193c3.15143,14.09033 7.38165,28.09947 9.54742,42.2829c4.39661,13.27223 -4.6037,21.62047 -11.41214,30.84103c-10.34,12.57306 -29.90723,17.53416 -44.71561,10.78313c-10.28528,-3.75465 -14.07077,-19.70746 -25.7968,-18.60466c-44.20906,-0.65964 -88.41812,-1.31926 -132.62719,-1.97884c-10.24168,13.44736 -24.40165,28.14365 -42.91705,26.05086c-4.02312,-0.33679 -7.97831,-1.33774 -11.7224,-2.83646z",
+  "car": "m26.77284,183.48201c-8.08779,-6.80998 -23.25337,0.56996 -25.08215,-11.86069c-3.52016,-11.04616 7.23365,-19.6761 14.38957,-26.36473c12.51913,-6.23676 26.95447,-6.99092 40.49323,-9.84883c16.2238,-2.35439 33.11552,-4.36668 47.10119,-13.71207c15.9294,-9.9651 33.67083,-18.25834 52.86141,-18.11141c26.44141,-0.91634 53.7986,-0.02856 78.2453,11.26058c15.36688,6.93465 31.87709,10.4591 48.27711,13.85143c13.95395,1.83385 10.70889,16.88237 15.35007,26.15973c3.54291,10.65329 -4.11594,21.25732 -15.32654,21.59605c-11.85318,2.69405 -25.72552,2.95921 -34.00009,13.30453c-8.47623,9.38277 -23.69647,9.05888 -32.32811,0.09547c-3.56866,-2.21568 -5.9512,-7.58008 -10.70335,-6.65411c-44.31184,0.24008 -88.64653,-0.63266 -132.93902,0.78894c-11.57394,-0.92139 -16.38131,13.44077 -28.69251,12.44249c-6.30352,0.19554 -12.27285,-9.98318 -17.64611,-12.94739z",
+  "coud": "m193.50864,67.27344c-28.56444,0 -53.08249,14.81322 -65.08365,36.1982c-4.7932,-2.67596 -10.08009,-4.29625 -15.72245,-4.29625c-17.06268,0 -31.26126,13.72618 -35.64974,32.35901c-7.49058,-2.96072 -16.20005,-4.7533 -25.50328,-4.7533c-27.90971,0 -50.54951,15.27039 -50.54951,34.09579c0,16.99312 18.56764,30.96303 42.68829,33.54732c-1.08106,1.83421 -1.91961,3.65059 -1.91961,5.57599c0,18.02431 49.38134,32.72462 110.23999,32.72462c60.85864,0 110.24005,-14.70032 110.23999,-32.72462c0,-1.21274 -0.75272,-2.29501 -1.18832,-3.47357c2.66562,0.6629 5.30496,1.37115 8.22687,1.37115c16.28061,0.00005 29.5253,-11.06223 29.5253,-24.6806c0,-13.61838 -13.24469,-24.68059 -29.5253,-24.68059c-1.99515,0 -3.69165,0.68915 -5.57599,1.00551c1.64767,-5.44531 2.74228,-11.00153 2.74228,-16.91078c0,-36.04859 -32.63087,-65.35786 -72.94485,-65.35786z",
+  "drop": "m115.15536,295.759c-42.01334,-15.78687 -72.12711,-65.94934 -65.28346,-108.74701c4.3154,-26.98718 95.35947,-190.81818 103.3105,-185.90417c2.59511,1.60386 25.68835,39.79974 51.31831,84.87975c41.0565,72.21342 46.5999,85.67899 46.5999,113.19665c0,55.77716 -44.6394,101.46498 -98.23825,100.54555c-15.6409,-0.26834 -32.60906,-2.05518 -37.707,-3.97076zm42.09262,-28.05386c1.39066,-7.22116 -1.85785,-10.74289 -9.90955,-10.74289c-18.35065,0 -43.80598,-23.24161 -49.49309,-45.18889c-6.0666,-23.41179 -22.15186,-26.19615 -24.52774,-4.24574c-4.57746,42.29059 76.21872,100.22086 83.93037,60.17752z",
+  "electric_guitar": "m168.96899,1.09303c-2.62799,0.19977 -5.017,2.04496 -6.96899,4.55579c0.009,13.46278 -11.116,25.03858 -14.875,34.35928c2.30499,1.8475 1.13,2.9332 -1.03101,4.4286c-0.17,2.5165 0.468,4.9685 2.468,7.3554c-2.591,41.8755 -6.024,92.17889 -8.718,134.4599c6.14801,0.138 12.354,1.117 18.81201,0.687c-0.007,-32.55499 2.539,-84.562 3.282,-116.00749c-0.101,-10.2094 -0.504,-24.029 13.12399,-28.8618c-6.94499,-14.7833 5.922,-35.70095 -5.562,-40.97666c-0.146,-0.00122 -0.293,-0.00885 -0.438,0c-0.03099,0.00187 -0.062,-0.00236 -0.093,0l0,-0.00001zm11.692,171.76396c-4.715,6.66701 -11.79199,10.17 -14.146,13.60501c-5.37599,8.46799 -14.379,-3.16701 -26.89,2.99599c0.065,-1.02399 0.153,-2.172 0.21899,-3.20599c-0.07199,-0.002 -0.14699,0.00101 -0.21899,0c-6.659,1.013 -12.157,-7.713 -12.594,-15.44901c5.55199,-11.89 -14.242,-18.006 -19.5,-5.82899c-3.943,13.605 -0.41,27.51199 4.78201,40.672c5.933,16.162 -8.871,30.179 -13.2192,45.17601c-4.1375,9.502 -4.2709,20.46999 2.68719,29.192c9.486,13.58398 29.413,18.62799 47.563,18.758c3.23401,0.224 6.44801,0.414 9.68701,0.58499c57.61699,3.284 34.35399,-35.13699 25.282,-68.41299c-5.82201,-21.66299 1.48199,-36.38 6.269,-42.614c2.659,-7.35001 6.02899,-23 -9.92101,-15.472l0,-0.00101zm-34.567,-128.4203c2.43501,-11.918 -8.10399,0.709 0,0z",
+  "guitar": "m158.45264,1.00012c-0.96039,0.00612 -1.8884,0.06411 -2.73161,0.18457c-4.49716,0.64245 -8.99768,2.5655 -8.99768,2.5655c0,0 0.00569,8.99612 -0.63676,15.42064c-0.64244,6.42453 -3.21147,17.34015 -3.21147,17.34015l3.15611,6.32144l0.05536,-1.172l10.62189,1.86414l0.94128,0.05537c0,0 1.28059,-1.28413 2.56551,-3.21148c1.2849,-1.92736 3.85747,-3.21148 3.85747,-3.21148c0,0 0.63675,-9.63641 0.63675,-16.70339c0,-7.06698 2.57472,-18.63212 2.57472,-18.63212c0,0 -4.66991,-0.84783 -8.83156,-0.82133zm-1.74417,42.52442l-10.62189,-0.58139l-0.05536,-0.11074l-5.5278,113.65688c0.19376,0.03734 0.44296,0.08304 0.44296,0.08304c0.14801,2.18161 0.8121,3.84209 1.8549,5.14021l11.84926,5.41707c0.3562,0.09476 0.71249,0.18806 1.07048,0.28609l1.28276,-123.83578l-0.29532,-0.05537zm-0.98744,123.89115l0,0.20302l-1.07048,-0.48911c-4.80661,-1.27875 -9.3821,-2.34575 -11.84926,-5.41707l-2.5009,-1.14432l0.20303,-4.07893c-2.16553,-0.41753 -15.40038,-2.83867 -20.1179,-0.47989c-5.13962,2.56979 -8.99552,6.42279 -10.28043,14.77466c-1.2849,8.3519 2.57119,23.77351 1.92873,34.05275c-0.64246,10.27924 -7.71416,19.91469 -10.92641,28.26657c-3.21227,8.35188 -6.4202,17.99007 -2.5655,32.12404c3.85472,14.13391 17.99164,23.77151 25.70107,26.9838c7.70942,3.21225 23.7631,5.14023 23.7631,5.14023c0,0 15.42752,2.58041 25.06432,1.93796c20.23672,-3.64624 28.72404,-15.65756 29.98303,-30.66595c1.259,-15.00839 -4.71521,-33.01251 -13.40884,-48.65207c-9.50552,-17.10013 8.59656,-39.76326 -0.76596,-52.52802c-9.74182,-13.28188 -16.9409,8.64334 -23.78156,3.87593c-2.77655,-1.93504 -6.09895,-3.00655 -9.37605,-3.90359z",
+  "helicopter": "m145.07504,214.22588c7.36339,2.46503 20.68225,-9.04681 7.26401,-9.72079c-9.08205,-5.71648 20.13416,-1.63675 8.22827,-13.70961c-12.73747,-2.77332 -22.69479,-12.46857 -27.12979,-24.871c-5.18111,-13.36012 -22.04633,-9.68964 -33.09622,-13.54991c-22.05075,-3.93678 -44.07657,-8.59007 -66.50366,-9.73877c-7.45861,8.40495 -10.97594,26.46114 -24.24853,25.75703c-13.26779,-6.6758 0.56035,-23.43509 -3.41489,-33.00934c-7.79329,-2.62592 -6.3066,-7.72096 1.2938,-8.36586c11.59587,-8.00312 1.94812,-23.47349 -0.57486,-34.01581c-6.13778,-10.01295 7.00565,-18.8414 12.01386,-7.02641c6.38165,12.3224 10.0863,25.85204 15.15507,38.7706c1.5816,8.28716 13.30507,3.58878 19.44516,6.06101c25.89155,2.78554 51.80775,5.58556 77.83869,6.66318c13.03992,-5.6261 26.8783,-10.34038 41.29993,-8.34114c10.08574,3.05644 15.78185,-0.7104 15.3338,-11.13895c5.72609,-15.02095 -14.03151,-8.3312 -22.93935,-10.54208c-35.53757,-1.72837 -71.18015,-2.25171 -106.70476,-0.12757c-7.88696,-1.96813 10.41693,-1.78943 13.19444,-2.24187c37.48436,-1.98021 75.04819,-1.00611 112.54227,-2.69012c10.81163,-3.98792 21.54251,3.11311 32.56555,1.91049c27.80304,1.13907 55.63103,1.5356 83.45552,1.62198c-7.86588,5.84674 -22.53885,0.05771 -32.94354,1.5061c-20.90826,-0.64194 -41.94905,-1.24406 -62.73434,1.6021c-8.09567,7.82163 -3.84563,24.5245 6.28453,28.41502c10.32359,5.55025 20.91692,10.41565 30.31529,17.0117c5.93991,11.31316 22.72864,20.80537 17.77679,35.05132c-5.67494,11.7886 -26.25294,4.37625 -31.4632,7.69153c3.85466,6.8309 17.16597,7.52176 19.55997,10.01913c-13.12518,3.78056 -0.61014,11.85339 6.85498,9.29091c9.21201,2.18106 -9.36668,3.71298 -12.4339,2.99583c-14.92371,0.12004 -29.83833,-0.52202 -44.7583,-0.72722c14.41679,-0.6433 28.87468,-0.63033 43.24721,-2.05975c-3.35245,-13.78374 -21.0649,-7.04161 -31.27078,-9.43388c-4.97525,-2.55072 -21.3748,0.68501 -13.06122,5.71829c4.63876,-2.08994 15.97667,-0.09111 5.65021,2.25237c-18.67735,0.60303 -37.42494,0.87289 -56.04201,-1.0285zm45.45972,-5.72816c-5.69293,-8.23618 -25.36656,-6.65369 -28.94688,0.84814c6.97417,5.6115 21.3663,3.65866 28.78714,0.2599l0.15974,-1.10805l0,0zm41.15115,-4.79669c-8.39107,-5.92067 -23.748,-6.57408 -31.28664,-1.76099c9.46599,4.52687 21.07687,2.68456 31.28664,1.76099zm-41.46053,-2.71213c8.91602,-7.60876 -15.73071,-6.19264 -21.17932,-5.80487c-13.47525,6.12955 5.46666,7.82239 11.1256,6.8177c3.37151,-0.02223 6.75697,-0.27522 10.05373,-1.01283z",
+  "katana": "m127.28507,65.14041c-7.0962,-0.54353 -19.86895,7.61395 -17.02093,-6.32892c4.93732,-8.55679 18.30521,-4.48845 16.78561,5.48313l0.17354,0.62374l0.06178,0.22205l0,0zm17.16403,-18.49577c-6.77293,11.60114 -22.03173,12.43076 -33.48896,16.75148c-5.30647,3.04373 -26.81981,5.02184 -18.62814,-4.27034c11.69819,-7.75446 26.08649,-9.62626 39.25734,-13.85468c4.24069,-0.99664 9.15976,-1.38791 12.85976,1.37354zm-35.03055,12.26915c-5.16663,-17.73298 -10.33324,-35.46593 -15.49986,-53.19891c6.32053,-8.5978 20.25586,-4.8693 18.32531,6.59137c4.01678,13.78642 8.03355,27.57289 12.05032,41.35935m-5.56697,9.33072c22.56753,79.08354 48.81091,157.2375 81.6054,232.70842m-75.6467,-234.76585c22.79797,74.42342 46.12929,148.92492 77.59851,220.23124c0.43317,5.52475 14.80417,22.08911 1.77542,17.81497c-4.05151,-1.9415 -10.97104,-0.62137 -11.72156,-6.31741c-30.74268,-74.29929 -57.39734,-150.28568 -79.92033,-227.47363",
+  "leaf_1": "m35.63904,285.5213c9.77121,-31.99348 23.14531,-59.08864 35.83149,-72.59245c13.5912,-14.46718 7.56125,-20.74258 -6.45918,-6.72212c-5.89857,5.89853 -7.58387,1.61555 -7.58387,-19.2735c0,-49.83961 25.83589,-80.67891 87.99842,-105.04016c52.59872,-20.61333 91.37741,-43.79435 107.45589,-64.23479l13.10197,-16.65652l0,28.9807c0,35.83507 -11.11781,89.97318 -23.42422,114.0641c-13.0549,25.55626 -57.80217,72.72934 -79.76038,84.08435c-19.67261,10.17316 -61.687,13.16808 -84.14172,5.99792c-11.19011,-3.57314 -14.7415,-0.84308 -20.53963,15.78944c-3.8556,11.06018 -7.0102,26.79501 -7.0102,34.96616c0,9.27652 -3.72057,14.8566 -9.90572,14.8566c-7.3461,0 -8.78352,-3.67429 -5.56284,-14.21973z",
+  "menorah": "m86.17095,270.72717c9.02267,-23.09398 33.59461,-36.70894 57.45916,-38.45409c0,-4.91623 0,-9.83244 0,-14.74866c-38.305,-2.75075 -76.20534,-18.86525 -101.66333,-48.29793c-23.2569,-24.97108 -35.58256,-58.55817 -37.27682,-92.42073c-13.45491,-9.58464 12.56556,-16.55834 15.7355,-5.95607c-7.24909,8.79617 -0.22592,22.59306 0.80432,33.36646c11.47956,50.91395 56.38975,91.60496 107.78628,98.82449c13.14264,5.82442 16.6395,-2.00252 14.39308,-13.99509c2.81267,-9.48175 -7.44086,-6.60333 -13.57417,-8.37358c-40.52152,-7.1041 -75.7263,-38.65041 -86.11595,-78.75394c-2.97659,-11.47399 -3.94458,-24.11363 -7.5694,-33.51495c7.70256,-6.02401 26.19639,-1.60448 15.97076,9.15671c1.09565,45.56244 38.91488,85.76277 83.65269,91.48959c9.24995,4.52249 8.18915,-3.21457 7.85701,-9.40932c4.90146,-15.06035 -9.71606,-12.79654 -19.53952,-16.50067c-27.62657,-9.39215 -47.87568,-36.35101 -49.79039,-65.51331c-13.2153,-11.51691 15.74928,-17.53994 15.95383,-5.55531c-7.59098,8.84892 0.96818,23.21689 5.54156,32.6564c10.3335,16.84724 28.24842,28.22102 47.83452,30.47823c0,-7.52246 0,-15.04491 0,-22.56738c-18.20905,-2.81535 -32.7534,-18.72141 -34.8131,-36.97318c-12.40635,-10.10166 14.58986,-14.97282 16.53119,-5.29626c-6.736,5.28018 -1.66743,13.75206 2.28733,19.47478c2.82583,3.38407 16.81124,15.16281 15.99458,6.28913c0,-10.03232 0,-20.06463 0,-30.09695c-8.52963,-5.41637 3.21713,-9.02356 -1.91258,-15.41792c2.95047,-6.63559 4.28693,-23.79965 6.49635,-24.00391c7.40089,10.5439 4.63795,25.17949 11.62167,34.34932c-3.85376,4.14688 -4.52328,8.74758 -3.86568,14.89357c0,8.05796 0,16.11592 0,24.17388c11.03737,-3.24367 21.02812,-12.42406 21.72646,-24.48188c-12.61211,-14.80839 30.69243,-11.52931 12.71999,1.59949c-1.87195,17.85434 -17.0993,32.57059 -34.44644,35.57887c0,7.49281 0,14.98562 0,22.47842c29.68999,-2.98224 55.87296,-29.1582 56.39926,-59.47436c-12.36238,-13.6567 27.91393,-12.75137 14.12813,-0.52898c-3.16423,14.80594 -6.23018,30.54218 -16.29872,42.63571c-12.70108,17.1765 -33.04718,27.37456 -53.98901,29.78134c0.16994,9.14496 -4.65584,28.46082 11.13493,20.75519c39.31322,-6.69104 72.74197,-39.63307 78.74797,-79.43351c5.73982,-8.84732 -8.70837,-25.00382 8.28397,-22.77648c10.50046,-2.44997 11.98193,6.34405 5.8692,11.72792c-2.04736,35.89314 -21.91298,70.45303 -53.09749,88.60141c-15.52945,9.13074 -33.16388,14.88533 -51.17824,15.85547c0.17836,7.53169 -0.4761,15.16116 0.61618,22.6142c35.31798,-2.81911 70.08339,-18.10321 93.11932,-45.67516c20.51892,-23.04272 31.08511,-53.43816 32.84753,-84.00375c-10.43478,-10.04525 11.39471,-11.61442 16.59445,-7.04305c-5.883,11.66189 -5.21661,27.04671 -9.11984,40.52295c-12.68921,53.08224 -58.41412,95.84925 -111.85593,105.51876c-7.32545,1.56883 -14.77785,2.36348 -22.20172,3.29227c-0.71042,9.09981 -0.50818,18.35449 11.59822,16.61531c20.59241,4.32626 40.36211,18.55411 46.94081,39.19469c-43.09088,0 -86.18179,0 -129.2727,0c0.31159,-0.88608 0.62314,-1.77219 0.93477,-2.65823zm-82.88959,-208.5947c-0.54892,-8.1144 4.33617,-25.42208 5.66115,-27.43132c2.27143,7.42761 12.58555,23.78434 4.72879,28.60384c-3.29131,-0.38358 -8.04816,1.57556 -10.38994,-1.17252zm34.52483,0.55147c-1.7146,-10.01769 5.4567,-19.41309 4.51432,-29.75311c3.2196,8.43034 16.36395,29.47998 1.96646,30.42084c-2.16732,-0.0773 -4.38702,0.03559 -6.48078,-0.66772zm35.62526,-0.17229c-1.52428,-9.82734 5.20364,-19.12723 4.61758,-29.264c3.98769,8.50923 17.39558,32.7104 -0.82941,30.07944l-1.91212,-0.12625l-1.87605,-0.68919l0,0zm34.60818,0.26421c-1.9521,-10.01891 5.40411,-19.48301 4.43661,-29.84504c3.27068,8.4848 16.29427,29.36411 1.98981,30.63179c-2.15335,-0.08198 -4.37302,0.0215 -6.42642,-0.78675zm69.2087,-0.38279c-1.5544,-10.07727 5.31645,-19.6095 4.34973,-30.05398c2.70531,5.08463 6.32187,13.73424 7.91895,20.50951c4.77353,11.03205 -3.95122,12.51878 -12.26868,9.54446zm35.71176,0.44493c-2.89404,-9.75608 5.30412,-19.55815 4.07715,-29.90718c3.42241,8.32418 12.40758,23.15913 6.53528,30.337c-3.53609,0.01955 -7.13571,0.41735 -10.61243,-0.42982zm34.8703,-0.20629c-2.23303,-8.13288 4.34842,-24.82986 5.07388,-28.23849c3.49849,8.39077 16.5291,33.58521 -2.7937,28.93562l-2.28018,-0.69713l0,0zm35.10023,-0.15336c-1.90784,-8.93159 5.20419,-21.786 4.83258,-28.71239c3.47043,8.02287 16.97986,32.30244 -0.94669,29.60343l-1.89111,-0.14957l-1.99478,-0.74147l0,0z",
+  "sun": "m238.69324,135.65587c0,46.60593 -40.30034,84.38748 -90.01332,84.38748c-49.71299,0 -90.01332,-37.78156 -90.01332,-84.38748c0,-46.6059 40.30033,-84.38747 90.01332,-84.38747c49.71298,0 90.01332,37.78154 90.01332,84.38747zm-7.30318,120.56636c-4.20586,5.25757 -51.12886,-47.27794 -57.30507,-44.69331c-6.17622,2.58458 -15.51068,86.52086 -22.0425,87.47173c-6.53188,0.9509 -17.76118,-85.09837 -24.12714,-87.15329c-6.36602,-2.05495 -43.23042,49.74286 -48.75608,45.85272c-5.52563,-3.89009 13.12091,-67.11951 10.04803,-73.73549c-3.07288,-6.61595 -73.34953,-9.72229 -74.79697,-17.10284c-1.44742,-7.38055 63.69369,-26.7453 64.2322,-34.0554c0.53854,-7.31011 -43.73452,-48.6129 -41.1993,-55.02096c2.53526,-6.40806 61.81988,21.03078 65.82475,15.40928c4.00487,-5.62149 -7.80805,-76.34053 -1.73039,-78.4587c6.07763,-2.11818 42.59449,47.54089 49.0827,47.30339c6.48817,-0.23753 26.02002,-62.46352 32.64861,-61.00949c6.62865,1.45401 3.32251,66.01247 8.45366,70.32287c5.13113,4.31043 55.87381,-16.15842 59.63792,-10.29998c3.76414,5.85843 -29.09575,62.86814 -27.11681,69.62658c1.97902,6.75845 62.18188,13.20758 61.3595,20.19514c-0.82245,6.98758 -75.2742,9.96732 -78.37666,16.73535c-3.10245,6.76802 28.36942,83.35484 24.16354,88.6124z",
+  "chair": "m118.11539,289.55515c-7.47328,-14.4328 15.76004,-21.83389 9.75156,-35.26642c-9.58212,-8.59285 -23.93785,-6.58557 -35.88018,-5.92961c-12.89955,-1.58955 -16.67669,11.62587 -24.11323,17.11729c-14.66394,-4.57965 -9.41961,-23.5907 3.95336,-25.69879c17.48831,-7.56879 36.79559,-3.21786 54.96046,-6.57193c13.14571,-7.65541 -3.09947,-24.09541 -13.42245,-25.84244c-17.08451,-6.9008 -38.18468,-7.0844 -51.24073,-21.62146c-5.1916,-11.32457 -3.84497,-32.04767 10.15321,-36.01445c6.34414,-10.73523 5.01785,-24.55999 3.35027,-36.47948c1.42348,-12.67513 -26.70474,-5.25126 -14.90233,-18.24577c10.64336,-8.15804 24.36629,-13.15867 37.81105,-12.959c10.96933,0.36309 11.71716,12.99065 -0.37628,9.89848c-12.30081,6.18077 -7.72121,23.86169 -7.25122,35.16668c5.93514,11.39347 22.04794,5.36764 32.49831,7.07384c14.8665,0.39955 21.73593,0.44463 35.83476,5.23605c14.25958,-1.05464 8.64325,-20.61657 0.17079,-21.97119c-13.03212,-2.87206 -25.91483,-10.25501 -33.20317,-21.62909c-4.07215,-13.26593 1.69855,-27.24597 4.77583,-40.18096c9.18196,-28.0861 34.13237,-54.57027 65.33606,-54.63913c19.15414,0.28833 38.85675,14.48402 42.13089,33.82922c2.48616,20.34066 -5.57245,41.0622 -0.32005,61.11538c12.75343,7.04288 -8.70227,17.78406 -9.16336,27.50478c-5.43883,14.13736 6.97403,30.55498 -3.65417,43.29654c-6.64983,9.38159 -22.16026,14.5639 -22.43275,27.04953c-3.81845,11.24202 -21.47061,10.39703 -30.28923,17.71931c-9.74564,2.86838 -15.08257,19.17726 -0.15649,15.9317c14.55153,-0.35892 29.03516,-5.81784 43.55118,-3.3181c10.39314,7.10063 -0.45073,21.22018 -10.9113,14.54475c-5.46445,0.08383 -25.63857,2.80356 -18.76688,8.69054c17.18895,4.015 35.8273,9.2104 46.95854,24.0352c10.43184,13.90863 -12.73763,17.22995 -17.34935,5.0022c-19.29245,-15.75378 -48.30531,-24.24933 -70.97163,-10.48508c-13.71143,5.73386 -10.53542,20.53958 -11.98199,31.56015c-5.57972,6.09451 -13.26627,-2.5275 -14.84946,-7.91876zm100.26077,-153.99353c-4.62421,-8.64436 -27.69229,-17.16811 -30.82967,-4.71919c1.76141,12.68575 19.62196,15.68971 29.15408,10.51048c1.73547,-1.32053 2.45361,-3.74493 1.67558,-5.79129z"
+  }
+}
diff --git a/editor/extensions/shapelib/raphael_1.json b/editor/extensions/shapelib/raphael_1.json
index 3459b60e..92f63e83 100644
--- a/editor/extensions/shapelib/raphael_1.json
+++ b/editor/extensions/shapelib/raphael_1.json
@@ -1,65 +1,65 @@
-{"size": 32,
-"fill": true,
-"data": {
-    "raph_?": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466z M17.328,24.371h-2.707v-2.596h2.707V24.371zM17.328,19.003v0.858h-2.707v-1.057c0-3.19,3.63-3.696,3.63-5.963c0-1.034-0.924-1.826-2.134-1.826c-1.254,0-2.354,0.924-2.354,0.924l-1.541-1.915c0,0,1.519-1.584,4.137-1.584c2.487,0,4.796,1.54,4.796,4.136C21.156,16.208,17.328,16.627,17.328,19.003z",
-    "raph_i": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466z M14.757,8h2.42v2.574h-2.42V8z M18.762,23.622H16.1c-1.034,0-1.475-0.44-1.475-1.496v-6.865c0-0.33-0.176-0.484-0.484-0.484h-0.88V12.4h2.662c1.035,0,1.474,0.462,1.474,1.496v6.887c0,0.309,0.176,0.484,0.484,0.484h0.88V23.622z",
-    "raph_$": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466z M17.255,23.88v2.047h-1.958v-2.024c-3.213-0.44-4.621-3.08-4.621-3.08l2.002-1.673c0,0,1.276,2.223,3.586,2.223c1.276,0,2.244-0.683,2.244-1.849c0-2.729-7.349-2.398-7.349-7.459c0-2.2,1.738-3.785,4.137-4.159V5.859h1.958v2.046c1.672,0.22,3.652,1.1,3.652,2.993v1.452h-2.596v-0.704c0-0.726-0.925-1.21-1.959-1.21c-1.32,0-2.288,0.66-2.288,1.584c0,2.794,7.349,2.112,7.349,7.415C21.413,21.614,19.785,23.506,17.255,23.88z",
-    "raph_temp": "M19.361,17.744V3.438c0-1.85-1.504-3.348-3.352-3.348c-1.852,0-3.35,1.498-3.35,3.348v14.193c-2.106,1.154-3.536,3.391-3.536,5.961c0,3.752,3.042,6.793,6.793,6.793c3.753,0,6.793-3.041,6.793-6.793C22.71,21.099,21.363,18.924,19.361,17.744zM15.917,29.27c-3.129,0-5.676-2.548-5.676-5.68c0-2.072,1.132-3.98,2.954-4.979l0.581-0.316V3.437c0-1.231,1.003-2.231,2.236-2.231c1.231,0,2.232,1,2.232,2.231v14.942l0.548,0.324c1.756,1.036,2.806,2.861,2.806,4.887C21.596,26.722,19.048,29.27,15.917,29.27zM18.225,19.666l-1.099-0.647V9.26h-2.233v9.695l-1.161,0.635c-1.464,0.805-2.375,2.334-2.375,4c0,2.514,2.047,4.561,4.56,4.561c2.515,0,4.56-2.047,4.56-4.561C20.479,21.988,19.616,20.485,18.225,19.666z",
-    "raph_thunder": "M25.371,7.306c-0.092-3.924-3.301-7.077-7.248-7.079c-2.638,0.001-4.942,1.412-6.208,3.517c-0.595-0.327-1.28-0.517-2.01-0.517C7.626,3.229,5.772,5.033,5.689,7.293c-2.393,0.786-4.125,3.025-4.127,5.686c0,3.312,2.687,6,6,6v-0.002h5.271l-2.166,3.398l1.977-0.411L10,30.875l9.138-10.102L17,21l2.167-2.023h4.269c3.312,0,6-2.688,6-6C29.434,10.34,27.732,8.11,25.371,7.306zM23.436,16.979H7.561c-2.209-0.006-3.997-1.792-4.001-4.001c-0.002-1.982,1.45-3.618,3.35-3.931c0.265-0.043,0.502-0.191,0.657-0.414C7.722,8.41,7.779,8.136,7.73,7.87C7.702,7.722,7.685,7.582,7.685,7.446C7.689,6.221,8.68,5.23,9.905,5.228c0.647,0,1.217,0.278,1.633,0.731c0.233,0.257,0.587,0.375,0.927,0.309c0.342-0.066,0.626-0.307,0.748-0.63c0.749-1.992,2.662-3.412,4.911-3.41c2.899,0.004,5.244,2.35,5.251,5.249c0,0.161-0.009,0.326-0.027,0.497c-0.049,0.517,0.305,0.984,0.815,1.079c1.86,0.344,3.274,1.966,3.271,3.923C27.43,15.186,25.645,16.973,23.436,16.979z",
-    "raph_snow": "M25.372,6.912c-0.093-3.925-3.302-7.078-7.248-7.08c-2.638,0.002-4.942,1.412-6.208,3.518c-0.595-0.327-1.28-0.518-2.01-0.518C7.627,2.834,5.773,4.639,5.69,6.898c-2.393,0.786-4.125,3.025-4.127,5.686c0,3.312,2.687,6,6,6v-0.002h15.875c3.312,0,6-2.688,6-6C29.434,9.944,27.732,7.715,25.372,6.912zM23.436,16.584H7.562c-2.209-0.006-3.997-1.793-4.001-4c-0.002-1.983,1.45-3.619,3.35-3.933c0.265-0.043,0.502-0.19,0.657-0.414C7.723,8.015,7.78,7.74,7.731,7.475C7.703,7.326,7.686,7.187,7.686,7.051c0.004-1.225,0.995-2.217,2.22-2.219c0.647,0,1.217,0.278,1.633,0.731c0.233,0.257,0.587,0.375,0.927,0.31c0.342-0.066,0.626-0.308,0.748-0.631c0.749-1.992,2.662-3.412,4.911-3.41c2.898,0.004,5.244,2.351,5.251,5.25c0,0.16-0.009,0.325-0.026,0.496c-0.05,0.518,0.305,0.984,0.814,1.079c1.859,0.345,3.273,1.966,3.271,3.923C27.43,14.791,25.645,16.578,23.436,16.584zM16.667,24.09l1.119-1.119c0.389-0.391,0.389-1.025,0-1.416c-0.392-0.391-1.025-0.391-1.415,0l-1.119,1.119l-1.119-1.119c-0.391-0.391-1.025-0.391-1.415,0c-0.391,0.391-0.391,1.025,0,1.416l1.118,1.117l-1.12,1.121c-0.389,0.393-0.389,1.021,0,1.414c0.195,0.188,0.451,0.293,0.707,0.293c0.256,0,0.512-0.104,0.708-0.293l1.12-1.119l1.12,1.119c0.195,0.188,0.451,0.293,0.708,0.293c0.256,0,0.512-0.104,0.707-0.293c0.391-0.396,0.391-1.021,0-1.414L16.667,24.09zM25.119,21.817c-0.393-0.392-1.025-0.392-1.415,0l-1.12,1.121l-1.12-1.121c-0.391-0.392-1.022-0.392-1.414,0c-0.39,0.392-0.39,1.022,0,1.416l1.119,1.119l-1.119,1.119c-0.39,0.391-0.39,1.022,0,1.413c0.195,0.195,0.451,0.294,0.707,0.294c0.257,0,0.513-0.099,0.707-0.294l1.12-1.118l1.12,1.118c0.194,0.195,0.45,0.294,0.707,0.294c0.256,0,0.513-0.099,0.708-0.294c0.389-0.391,0.389-1.022,0-1.413l-1.12-1.119l1.12-1.119C25.507,22.842,25.507,22.209,25.119,21.817zM9.334,23.953l1.119-1.119c0.389-0.394,0.389-1.021,0-1.414c-0.391-0.394-1.025-0.394-1.415,0l-1.119,1.119l-1.12-1.121c-0.391-0.39-1.023-0.39-1.415,0c-0.391,0.396-0.391,1.024,0,1.418l1.119,1.117l-1.12,1.118c-0.391,0.394-0.391,1.025,0,1.414c0.196,0.195,0.452,0.293,0.708,0.293c0.256,0,0.511-0.098,0.707-0.293l1.12-1.119l1.121,1.121c0.195,0.195,0.451,0.293,0.707,0.293s0.513-0.098,0.708-0.293c0.389-0.391,0.389-1.022,0-1.416L9.334,23.953z",
-    "raph_hail": "M25.372,6.912c-0.093-3.925-3.302-7.078-7.248-7.08c-2.638,0.002-4.942,1.412-6.208,3.518c-0.595-0.327-1.28-0.518-2.01-0.518C7.627,2.834,5.773,4.639,5.69,6.898c-2.393,0.786-4.125,3.025-4.127,5.686c0,3.312,2.687,6,6,6v-0.002h15.875c3.312,0,6-2.688,6-6C29.434,9.944,27.732,7.715,25.372,6.912zM23.436,16.584H7.562c-2.209-0.006-3.997-1.793-4.001-4c-0.002-1.983,1.45-3.619,3.35-3.933c0.265-0.043,0.502-0.19,0.657-0.414C7.723,8.015,7.78,7.74,7.731,7.475C7.703,7.326,7.686,7.187,7.686,7.051c0.004-1.225,0.995-2.217,2.22-2.219c0.647,0,1.217,0.278,1.633,0.731c0.233,0.257,0.587,0.375,0.927,0.31c0.342-0.066,0.626-0.308,0.748-0.631c0.749-1.992,2.662-3.412,4.911-3.41c2.898,0.004,5.244,2.351,5.251,5.25c0,0.16-0.009,0.325-0.026,0.496c-0.05,0.518,0.305,0.984,0.814,1.079c1.859,0.345,3.273,1.966,3.271,3.923C27.43,14.791,25.645,16.578,23.436,16.584zM11.503,23.709c-0.784-0.002-1.418-0.636-1.418-1.416c0-0.785,0.634-1.416,1.418-1.418c0.78,0.002,1.413,0.633,1.416,1.418C12.917,23.073,12.284,23.707,11.503,23.709zM19.002,23.709c-0.783-0.002-1.418-0.636-1.418-1.416c0-0.785,0.635-1.416,1.418-1.418c0.779,0.002,1.414,0.633,1.414,1.418C20.417,23.073,19.784,23.707,19.002,23.709zM7.503,28.771c-0.783-0.002-1.417-0.637-1.417-1.418s0.634-1.414,1.417-1.416c0.78,0.002,1.415,0.635,1.415,1.416C8.917,28.135,8.284,28.77,7.503,28.771zM15.001,28.771c-0.782-0.002-1.417-0.637-1.417-1.418s0.634-1.414,1.417-1.416c0.78,0.002,1.413,0.635,1.415,1.416C16.415,28.135,15.784,28.77,15.001,28.771zM22.5,28.771c-0.782-0.002-1.416-0.634-1.416-1.416c0-0.785,0.634-1.418,1.416-1.42c0.781,0.002,1.414,0.635,1.418,1.42C23.915,28.138,23.282,28.77,22.5,28.771z",
-    "raph_rain": "M25.371,7.306c-0.092-3.924-3.301-7.077-7.248-7.079c-2.638,0.001-4.942,1.412-6.208,3.517c-0.595-0.327-1.28-0.517-2.01-0.517C7.626,3.229,5.772,5.033,5.689,7.293c-2.393,0.786-4.125,3.025-4.127,5.686c0,3.312,2.687,6,6,6v-0.002h15.874c3.312,0,6-2.688,6-6C29.434,10.34,27.732,8.11,25.371,7.306zM23.436,16.979H7.561c-2.209-0.006-3.997-1.792-4.001-4.001c-0.002-1.982,1.45-3.618,3.35-3.931c0.265-0.043,0.502-0.191,0.657-0.414C7.722,8.41,7.779,8.136,7.73,7.87C7.702,7.722,7.685,7.582,7.685,7.446C7.689,6.221,8.68,5.23,9.905,5.228c0.647,0,1.217,0.278,1.633,0.731c0.233,0.257,0.587,0.375,0.927,0.309c0.342-0.066,0.626-0.307,0.748-0.63c0.749-1.992,2.662-3.412,4.911-3.41c2.899,0.004,5.244,2.35,5.251,5.249c0,0.161-0.009,0.326-0.027,0.497c-0.049,0.517,0.305,0.984,0.815,1.079c1.86,0.344,3.274,1.966,3.271,3.923C27.43,15.186,25.645,16.973,23.436,16.979zM9.029,26.682c0-1.115,0.021-5.425,0.021-5.432c0.002-0.409-0.247-0.779-0.628-0.932c-0.38-0.152-0.815-0.059-1.099,0.24c-0.006,0.008-1.037,1.098-2.081,2.342c-0.523,0.627-1.048,1.287-1.463,1.896c-0.399,0.648-0.753,1.066-0.811,1.885C2.971,28.355,4.324,29.711,6,29.714C7.672,29.71,9.029,28.354,9.029,26.682zM4.971,26.727c0.091-0.349,1.081-1.719,1.993-2.764c0.025-0.029,0.051-0.061,0.076-0.089c-0.005,1.124-0.01,2.294-0.01,2.808c0,0.567-0.461,1.028-1.029,1.03C5.447,27.71,4.997,27.273,4.971,26.727zM16.425,26.682c0-1.115,0.021-5.424,0.021-5.43c0.002-0.41-0.247-0.779-0.628-0.934c-0.381-0.152-0.814-0.058-1.1,0.242c-0.006,0.008-1.035,1.094-2.08,2.342c-0.522,0.623-1.047,1.285-1.463,1.894c-0.399,0.649-0.753,1.068-0.809,1.888c0,1.672,1.354,3.028,3.029,3.028C15.068,29.711,16.425,28.354,16.425,26.682zM12.365,26.729c0.092-0.349,1.081-1.72,1.993-2.765c0.025-0.03,0.05-0.06,0.075-0.089c-0.005,1.123-0.011,2.294-0.011,2.807c-0.002,0.568-0.461,1.027-1.028,1.029C12.84,27.709,12.392,27.273,12.365,26.729zM23.271,20.317c-0.38-0.153-0.816-0.06-1.099,0.24c-0.009,0.008-1.037,1.097-2.08,2.342c-0.523,0.625-1.049,1.285-1.462,1.896c-0.402,0.649-0.754,1.067-0.812,1.886c0,1.672,1.354,3.029,3.03,3.029c1.673,0,3.027-1.357,3.027-3.029c0-1.115,0.022-5.425,0.022-5.431C23.9,20.84,23.651,20.47,23.271,20.317zM21.879,26.681c-0.004,0.568-0.463,1.027-1.031,1.029c-0.553-0.002-1.002-0.438-1.028-0.982c0.092-0.349,1.081-1.72,1.993-2.765c0.025-0.028,0.05-0.059,0.074-0.088C21.883,24.998,21.879,26.167,21.879,26.681z",
-    "raph_sun": "M15.502,7.504c-4.35,0-7.873,3.523-7.873,7.873c0,4.347,3.523,7.872,7.873,7.872c4.346,0,7.871-3.525,7.871-7.872C23.374,11.027,19.85,7.504,15.502,7.504zM15.502,21.25c-3.244-0.008-5.866-2.63-5.874-5.872c0.007-3.243,2.63-5.866,5.874-5.874c3.242,0.008,5.864,2.631,5.871,5.874C21.366,18.62,18.744,21.242,15.502,21.25zM15.502,6.977c0.553,0,1-0.448,1-1.001V1.125c-0.002-0.553-0.448-1-1-1c-0.553,0-1.001,0.449-1,1.002v4.85C14.502,6.528,14.949,6.977,15.502,6.977zM18.715,7.615c0.125,0.053,0.255,0.076,0.382,0.077c0.394,0,0.765-0.233,0.925-0.618l1.856-4.483c0.21-0.511-0.031-1.095-0.541-1.306c-0.511-0.211-1.096,0.031-1.308,0.541L18.174,6.31C17.963,6.82,18.205,7.405,18.715,7.615zM21.44,9.436c0.195,0.194,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293l3.43-3.433c0.391-0.39,0.39-1.023,0-1.415c-0.392-0.39-1.025-0.39-1.415,0.002L21.44,8.021C21.049,8.412,21.049,9.045,21.44,9.436zM23.263,12.16c0.158,0.385,0.531,0.617,0.923,0.617c0.127,0,0.257-0.025,0.383-0.078l4.48-1.857c0.511-0.211,0.753-0.797,0.541-1.307s-0.796-0.752-1.307-0.54l-4.481,1.857C23.292,11.064,23.051,11.65,23.263,12.16zM29.752,14.371l-4.851,0.001c-0.552,0-1,0.448-0.998,1.001c0,0.553,0.447,0.999,0.998,0.999l4.852-0.002c0.553,0,0.999-0.449,0.999-1C30.752,14.817,30.304,14.369,29.752,14.371zM29.054,19.899l-4.482-1.854c-0.512-0.212-1.097,0.03-1.307,0.541c-0.211,0.511,0.031,1.096,0.541,1.308l4.482,1.854c0.126,0.051,0.256,0.075,0.383,0.075c0.393,0,0.765-0.232,0.925-0.617C29.806,20.695,29.563,20.109,29.054,19.899zM22.86,21.312c-0.391-0.391-1.023-0.391-1.414,0.001c-0.391,0.39-0.39,1.022,0,1.413l3.434,3.429c0.195,0.195,0.45,0.293,0.706,0.293s0.513-0.098,0.708-0.293c0.391-0.392,0.389-1.025,0-1.415L22.86,21.312zM20.029,23.675c-0.211-0.511-0.796-0.752-1.307-0.541c-0.51,0.212-0.752,0.797-0.54,1.308l1.86,4.48c0.159,0.385,0.531,0.617,0.925,0.617c0.128,0,0.258-0.024,0.383-0.076c0.511-0.211,0.752-0.797,0.54-1.309L20.029,23.675zM15.512,23.778c-0.553,0-1,0.448-1,1l0.004,4.851c0,0.553,0.449,0.999,1,0.999c0.553,0,1-0.448,0.998-1l-0.003-4.852C16.511,24.226,16.062,23.777,15.512,23.778zM12.296,23.142c-0.51-0.21-1.094,0.031-1.306,0.543l-1.852,4.483c-0.21,0.511,0.033,1.096,0.543,1.307c0.125,0.052,0.254,0.076,0.382,0.076c0.392,0,0.765-0.234,0.924-0.619l1.853-4.485C13.051,23.937,12.807,23.353,12.296,23.142zM9.57,21.325c-0.392-0.391-1.025-0.389-1.415,0.002L4.729,24.76c-0.391,0.392-0.389,1.023,0.002,1.415c0.195,0.194,0.45,0.292,0.706,0.292c0.257,0,0.513-0.098,0.708-0.293l3.427-3.434C9.961,22.349,9.961,21.716,9.57,21.325zM7.746,18.604c-0.213-0.509-0.797-0.751-1.307-0.54L1.96,19.925c-0.511,0.212-0.752,0.798-0.54,1.308c0.16,0.385,0.531,0.616,0.924,0.616c0.127,0,0.258-0.024,0.383-0.076l4.479-1.861C7.715,19.698,7.957,19.113,7.746,18.604zM7.1,15.392c0-0.553-0.447-0.999-1-0.999l-4.851,0.006c-0.553,0-1.001,0.448-0.999,1.001c0.001,0.551,0.449,1,1,0.998l4.852-0.006C6.654,16.392,7.102,15.942,7.1,15.392zM1.944,10.869l4.485,1.85c0.125,0.053,0.254,0.076,0.381,0.076c0.393,0,0.766-0.232,0.925-0.618c0.212-0.511-0.032-1.097-0.544-1.306L2.708,9.021c-0.511-0.21-1.095,0.032-1.306,0.542C1.19,10.074,1.435,10.657,1.944,10.869zM8.137,9.451c0.195,0.193,0.449,0.291,0.705,0.291s0.513-0.098,0.709-0.295c0.391-0.389,0.389-1.023-0.004-1.414L6.113,4.609C5.723,4.219,5.088,4.221,4.699,4.612c-0.391,0.39-0.389,1.024,0.002,1.414L8.137,9.451zM10.964,7.084c0.16,0.384,0.532,0.615,0.923,0.615c0.128,0,0.258-0.025,0.384-0.077c0.51-0.212,0.753-0.798,0.54-1.307l-1.864-4.479c-0.212-0.51-0.798-0.751-1.308-0.539C9.129,1.51,8.888,2.096,9.1,2.605L10.964,7.084z",
-    "raph_undo": "M12.981,9.073V6.817l-12.106,6.99l12.106,6.99v-2.422c3.285-0.002,9.052,0.28,9.052,2.269c0,2.78-6.023,4.263-6.023,4.263v2.132c0,0,13.53,0.463,13.53-9.823C29.54,9.134,17.952,8.831,12.981,9.073z",
-    "raph_merge": "M26.92,10.928l-3.574-2.064v2.297h-6.414c-1.123,0.084-3.062-1.19-5.218-2.881C9.543,6.676,7.062,4.709,3.74,4.656H1.505v3.662H3.74c1.627-0.047,3.633,1.232,5.769,2.883c0.796,0.577,1.599,1.213,2.45,1.788c-0.851,0.575-1.653,1.212-2.45,1.789c-2.136,1.646-4.142,2.929-5.767,2.882H1.505v3.668h2.236c3.315-0.047,5.797-2.02,7.975-3.621c2.156-1.691,4.094-2.966,5.218-2.883h6.412v2.297l3.574-2.062l3.576-2.064L26.92,10.928z",
-    "raph_split": "M23.346,23.979l3.576-2.062l3.574-2.062l-3.576-2.064l-3.574-2.062v2.293c-0.876,0-1.894,0-2.235,0c-1.626,0.046-3.633-1.233-5.768-2.883c-0.796-0.578-1.599-1.214-2.45-1.789c0.851-0.575,1.653-1.211,2.45-1.789c2.135-1.647,4.142-2.929,5.766-2.882l2.237-0.001v2.296l3.574-2.063l3.576-2.064L26.92,4.78l-3.574-2.064v2.295H21.11c-3.321,0.047-5.803,2.019-7.975,3.622c-2.156,1.691-4.094,2.965-5.218,2.882H1.505v3.664h6.414c1.123-0.083,3.062,1.191,5.218,2.882c2.171,1.604,4.652,3.575,7.974,3.622h2.235V23.979L23.346,23.979z",
-    "raph_fork": "M26.268,22.562l3.514-2.03l-3.514-2.028l-3.515-2.028v2.256c-0.922-0.002-2.45-0.002-2.883-0.002c-1.28-0.03-2.12-0.431-2.994-1.148c-1.303-1.07-2.415-2.997-3.756-4.853c-0.682-0.923-1.442-1.839-2.454-2.575C9.664,9.415,8.355,8.902,6.9,8.912H0.593v3.604H6.9c0.877,0.016,1.432,0.302,2.189,1.012c1.12,1.055,2.212,3.072,3.718,4.983c1.476,1.893,3.747,3.804,7.041,3.823h2.905v2.256L26.268,22.562zM11.401,8.912c0.04,0.028,0.082,0.053,0.121,0.082c1.202,0.874,2.07,1.947,2.757,2.88c0.158,0.218,0.298,0.428,0.448,0.642h8.026v2.257l3.515-2.028l3.514-2.029l-3.514-2.029l-3.515-2.03v2.255H11.401z",
-    "raph_shuffle": "M9.089,13.133c0.346,0.326,0.69,0.75,1.043,1.228c0.051-0.073,0.099-0.144,0.15-0.219c0.511-0.75,1.09-1.599,1.739-2.421c0.103-0.133,0.211-0.245,0.316-0.371c-0.487-0.572-1.024-1.12-1.672-1.592C9.663,9.02,8.354,8.506,6.899,8.517H0.593v3.604H6.9C7.777,12.138,8.333,12.422,9.089,13.133zM22.753,16.082v2.256c-0.922-0.002-2.45-0.002-2.883-0.002c-1.28-0.03-2.12-0.438-2.994-1.148c-0.378-0.311-0.74-0.7-1.097-1.133c-0.268,0.376-0.538,0.764-0.813,1.168c-0.334,0.488-0.678,0.99-1.037,1.484c-0.089,0.121-0.189,0.246-0.283,0.369c1.455,1.528,3.473,2.846,6.202,2.862h2.905v2.256l3.515-2.026l3.521-2.03l-3.521-2.028L22.753,16.082zM16.876,13.27c0.874-0.712,1.714-1.118,2.994-1.148c0.433,0,1.961,0,2.883-0.002v2.256l3.515-2.026l3.521-2.028l-3.521-2.029l-3.515-2.027V8.52h-2.905c-3.293,0.02-5.563,1.93-7.041,3.822c-1.506,1.912-2.598,3.929-3.718,4.982C8.332,18.033,7.777,18.32,6.9,18.336H0.593v3.604H6.9c1.455,0.011,2.764-0.502,3.766-1.242c1.012-0.735,1.772-1.651,2.454-2.573C14.461,16.267,15.574,14.34,16.876,13.27z",
-    "raph_refresh": "M15.999,4.308c1.229,0.001,2.403,0.214,3.515,0.57L18.634,6.4h6.247l-1.562-2.706L21.758,0.99l-0.822,1.425c-1.54-0.563-3.2-0.878-4.936-0.878c-7.991,0-14.468,6.477-14.468,14.468c0,3.317,1.128,6.364,3.005,8.805l2.2-1.689c-1.518-1.973-2.431-4.435-2.436-7.115C4.312,9.545,9.539,4.318,15.999,4.308zM27.463,7.203l-2.2,1.69c1.518,1.972,2.431,4.433,2.435,7.114c-0.011,6.46-5.238,11.687-11.698,11.698c-1.145-0.002-2.24-0.188-3.284-0.499l0.828-1.432H7.297l1.561,2.704l1.562,2.707l0.871-1.511c1.477,0.514,3.058,0.801,4.709,0.802c7.992-0.002,14.468-6.479,14.47-14.47C30.468,12.689,29.339,9.643,27.463,7.203z",
-    "raph_smile2": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM16,29.534C8.539,29.534,2.466,23.462,2.466,16C2.466,8.539,8.539,2.466,16,2.466c7.462,0,13.535,6.072,13.535,13.533C29.534,23.462,23.462,29.534,16,29.534zM11.104,14c0.932,0,1.688-1.483,1.688-3.312s-0.755-3.312-1.688-3.312s-1.688,1.483-1.688,3.312S10.172,14,11.104,14zM20.729,14c0.934,0,1.688-1.483,1.688-3.312s-0.756-3.312-1.688-3.312c-0.932,0-1.688,1.483-1.688,3.312S19.798,14,20.729,14zM8.143,21.189C10.458,24.243,13.148,26,16.021,26c2.969,0,5.745-1.868,8.11-5.109c-2.515,1.754-5.292,2.734-8.215,2.734C13.164,23.625,10.54,22.756,8.143,21.189z",
-    "raph_smile": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM20.729,7.375c0.934,0,1.688,1.483,1.688,3.312S21.661,14,20.729,14c-0.932,0-1.688-1.483-1.688-3.312S19.798,7.375,20.729,7.375zM11.104,7.375c0.932,0,1.688,1.483,1.688,3.312S12.037,14,11.104,14s-1.688-1.483-1.688-3.312S10.172,7.375,11.104,7.375zM16.021,26c-2.873,0-5.563-1.757-7.879-4.811c2.397,1.564,5.021,2.436,7.774,2.436c2.923,0,5.701-0.98,8.215-2.734C21.766,24.132,18.99,26,16.021,26z",
-    "raph_alarm": "M15.499,5.125c-0.553,0-0.999,0.448-0.999,1v9.221L8.454,17.99c-0.506,0.222-0.736,0.812-0.514,1.318c0.164,0.375,0.53,0.599,0.915,0.599c0.134,0,0.271-0.027,0.401-0.085l6.626-2.898c0.005-0.002,0.009-0.004,0.013-0.006l0.004-0.002c0.015-0.006,0.023-0.02,0.037-0.025c0.104-0.052,0.201-0.113,0.279-0.195c0.034-0.034,0.053-0.078,0.079-0.117c0.048-0.064,0.101-0.127,0.13-0.204c0.024-0.06,0.026-0.125,0.038-0.189c0.013-0.064,0.038-0.121,0.038-0.186V6.124C16.5,5.573,16.052,5.125,15.499,5.125zM31.125,6.832c0-3.832-3.105-6.938-6.938-6.938c-1.938,0-3.686,0.796-4.94,2.077C18.05,1.652,16.798,1.466,15.5,1.466c-1.334,0-2.62,0.195-3.847,0.531c-1.259-1.295-3.016-2.103-4.965-2.103C2.856-0.106-0.25,3-0.25,6.832c0,1.845,0.726,3.517,1.901,4.76c-0.443,1.39-0.685,2.87-0.685,4.408c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534c0-1.575-0.259-3.087-0.722-4.508C30.436,10.261,31.125,8.629,31.125,6.832zM15.5,27.533C9.139,27.533,3.966,22.359,3.966,16c0-6.36,5.173-11.534,11.534-11.534c6.361,0,11.533,5.173,11.533,11.534C27.033,22.361,21.859,27.533,15.5,27.533z",
-    "raph_clock": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM16,27.533C9.639,27.533,4.466,22.359,4.466,16C4.466,9.64,9.639,4.466,16,4.466c6.361,0,11.533,5.173,11.533,11.534C27.533,22.361,22.359,27.533,16,27.533zM15.999,5.125c-0.553,0-0.999,0.448-0.999,1v9.221L8.954,17.99c-0.506,0.222-0.736,0.812-0.514,1.318c0.164,0.375,0.53,0.599,0.915,0.599c0.134,0,0.271-0.027,0.401-0.085l6.626-2.898c0.005-0.002,0.009-0.004,0.013-0.006l0.004-0.002c0.015-0.006,0.023-0.02,0.037-0.025c0.104-0.052,0.201-0.113,0.279-0.195c0.034-0.034,0.053-0.078,0.079-0.117c0.048-0.064,0.101-0.127,0.13-0.204c0.024-0.06,0.026-0.125,0.038-0.189C16.975,16.121,17,16.064,17,15.999V6.124C17,5.573,16.552,5.125,15.999,5.125z",
-    "raph_globeAlt2": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM8.251,7.48c0.122,0.055,0.255,0.104,0.28,0.137C8.57,7.668,8.621,7.823,8.557,7.861C8.492,7.9,8.39,7.887,8.376,7.771c-0.013-0.115-0.026-0.128-0.18-0.18c-0.022-0.007-0.035-0.01-0.051-0.015C8.18,7.544,8.216,7.512,8.251,7.48zM7.733,7.974c0.031,0.087,0.113,0.125,0,0.17C7.673,8.168,7.611,8.172,7.559,8.165C7.617,8.102,7.672,8.035,7.733,7.974zM16,27.533C9.639,27.533,4.466,22.36,4.466,16c0-0.085,0.011-0.168,0.013-0.254c0.004-0.003,0.008-0.006,0.012-0.009c0.129-0.102,0.283-0.359,0.334-0.45c0.052-0.089,0.181-0.154,0.116-0.256c-0.059-0.096-0.292-0.23-0.407-0.261c0.01-0.099,0.032-0.195,0.045-0.294c0.063,0.077,0.137,0.17,0.208,0.194c0.115,0.038,0.501,0.052,0.566,0.052c0.063,0,0.334,0.014,0.386-0.064c0.051-0.077,0.09-0.077,0.154-0.077c0.064,0,0.18,0.231,0.271,0.257c0.089,0.026,0.257,0.013,0.244,0.181c-0.012,0.166,0.077,0.309,0.167,0.321c0.09,0.013,0.296-0.194,0.296-0.194s0,0.322-0.012,0.438C6.846,15.698,7,16.124,7,16.124s0.193,0.397,0.244,0.488c0.052,0.09,0.27,0.36,0.27,0.476c0,0.117,0.026,0.297,0.104,0.297s0.155-0.206,0.244-0.335c0.091-0.128,0.117-0.31,0.155-0.438c0.039-0.129,0.039-0.36,0.039-0.45c0-0.091,0.076-0.168,0.257-0.245c0.181-0.077,0.309-0.296,0.463-0.412c0.155-0.116,0.142-0.309,0.452-0.309c0.308,0,0.282,0,0.36-0.078c0.077-0.077,0.154-0.128,0.192,0.013c0.039,0.142,0.257,0.347,0.296,0.399c0.039,0.052,0.116,0.193,0.104,0.348c-0.013,0.153,0.012,0.334,0.077,0.334c0.064,0,0.193-0.219,0.193-0.219s0.283-0.192,0.27,0.014c-0.014,0.205,0.025,0.425,0.025,0.552c0,0.13,0.232,0.438,0.232,0.362c0-0.079,0.103-0.296,0.103-0.413c0-0.114,0.064-0.063,0.231,0.051c0.167,0.116,0.283,0.349,0.283,0.349s0.168,0.154,0.193,0.219c0.026,0.064,0.206-0.025,0.244-0.104c0.039-0.076,0.065-0.115,0.167-0.141c0.104-0.026,0.231-0.026,0.271-0.168c0.039-0.142,0.154-0.308,0-0.502c-0.154-0.193-0.232-0.321-0.347-0.412c-0.117-0.09-0.206-0.322-0.206-0.322s0.244-0.218,0.321-0.296c0.079-0.077,0.193-0.025,0.207,0.064c0.013,0.091-0.115,0.168-0.141,0.361c-0.026,0.192,0.154,0.257,0.206,0.192c0.051-0.065,0.18-0.219,0.18-0.257c0-0.039-0.089-0.026-0.102-0.167c-0.013-0.142,0.166-0.245,0.23-0.207c0.066,0.039,0.477-0.051,0.67-0.154s0.308-0.322,0.425-0.412c0.116-0.089,0.515-0.386,0.489-0.527c-0.026-0.142,0.012-0.334-0.09-0.515c-0.103-0.18-0.232-0.295-0.283-0.373c-0.051-0.077,0.219-0.09,0.347-0.206c0.129-0.116,0-0.219-0.064-0.206c-0.064,0.013-0.232,0.052-0.296,0.039c-0.064-0.013-0.103-0.077-0.206-0.155c-0.102-0.077,0.026-0.192,0.091-0.179c0.064,0.013,0.23-0.129,0.308-0.193c0.077-0.064,0.193-0.115,0.154-0.051c-0.038,0.064-0.128,0.296-0.026,0.309c0.104,0.013,0.348-0.193,0.388-0.18c0.038,0.013,0.102,0.18,0.064,0.257c-0.039,0.077-0.039,0.206,0.013,0.193c0.051-0.013,0.154-0.129,0.18-0.09c0.027,0.039,0.154,0.116,0.09,0.257c-0.063,0.142-0.193,0.193-0.039,0.284c0.154,0.089,0.206,0.012,0.322-0.052c0.115-0.064,0.193-0.347,0.128-0.438c-0.064-0.09-0.218-0.27-0.218-0.334c0-0.064,0.257-0.064,0.257-0.167s0.09-0.18,0.18-0.219c0.091-0.039,0.206-0.206,0.244-0.154c0.039,0.052,0.271,0.116,0.334,0.039c0.064-0.077,0.4-0.36,0.605-0.515c0.206-0.154,0.283-0.334,0.336-0.515c0.051-0.18,0.128-0.296,0.102-0.437v0c0.077,0.18,0.09,0.309,0.077,0.45c-0.013,0.142,0,0.438,0.026,0.476c0.025,0.039,0.129,0.128,0.192,0.103c0.064-0.025-0.025-0.283-0.025-0.334c0-0.052,0.09-0.129,0.142-0.142c0.052-0.013,0-0.231-0.065-0.322c-0.063-0.09-0.154-0.142-0.102-0.154c0.051-0.013,0.115-0.116,0.077-0.142c-0.039-0.025-0.014-0.116-0.103-0.09c-0.065,0.019-0.241-0.015-0.235,0.095c-0.037-0.11-0.116-0.183-0.216-0.172c-0.116,0.013-0.181,0.077-0.296,0.077s-0.025-0.18-0.077-0.18c-0.051,0-0.168,0.167-0.231,0.077c-0.064-0.09,0.18-0.206,0.373-0.27c0.192-0.064,0.514-0.438,0.644-0.451c0.128-0.013,0.45,0.026,0.733,0.013c0.283-0.013,0.373-0.129,0.463-0.064s0.283,0.142,0.399,0.129c0.116-0.014,0.064,0,0.244-0.129c0.18-0.129,0.348-0.193,0.438-0.296c0.09-0.103,0.335-0.18,0.348-0.077c0.014,0.103-0.026,0.206,0.077,0.206s0.258-0.103,0.386-0.154c0.129-0.051,0.231-0.116,0.231-0.116s-0.527,0.36-0.655,0.438c-0.129,0.077-0.438,0.129-0.567,0.283c-0.128,0.155-0.205,0.206-0.192,0.374c0.014,0.167,0.231,0.386,0.128,0.54c-0.103,0.154-0.141,0.373-0.141,0.373s0.154-0.219,0.373-0.36s0.348-0.334,0.425-0.412s0.309-0.091,0.309-0.181s0.064-0.206,0.104-0.309c0.038-0.103-0.077-0.078,0-0.206c0.076-0.129,0.064-0.232,0.45-0.232s0.257,0.026,0.566,0.013c0.309-0.013,0.424-0.167,0.72-0.245c0.296-0.077,0.527-0.128,0.618-0.089c0.09,0.038,0.232,0.012,0.141-0.078c-0.089-0.09-0.295-0.219-0.193-0.245c0.104-0.026,0.207-0.039,0.246-0.142c0.039-0.103-0.142-0.283-0.039-0.386c0.104-0.103-0.077-0.231-0.207-0.257c-0.128-0.025-0.63,0.026-0.731-0.025c-0.104-0.052-0.271-0.116-0.322-0.078c-0.052,0.039-0.168,0.245-0.168,0.245s-0.09,0.025-0.168-0.09c-0.076-0.116-0.5-0.103-0.629-0.103s-0.271,0.025-0.413,0.039c-0.141,0.013-0.219,0.052-0.322-0.039c-0.102-0.09-0.243-0.129-0.296-0.167c-0.051-0.039-0.334-0.039-0.553-0.012c-0.218,0.025-0.438,0.025-0.438,0.025s-0.104-0.039-0.257-0.129c-0.154-0.09-0.309-0.154-0.361-0.154c-0.051,0-0.449,0.064-0.539,0c-0.091-0.064-0.181-0.103-0.245-0.103s-0.115-0.103-0.038-0.103s0.437-0.103,0.437-0.103s-0.103-0.142-0.231-0.142c-0.128,0-0.359-0.064-0.424-0.064s-0.014,0.064-0.142,0.039c-0.13-0.026-0.258-0.078-0.335-0.026c-0.076,0.051-0.258,0.128-0.064,0.18c0.193,0.052,0.373,0,0.425,0.078c0.052,0.077,0,0.115,0,0.167s-0.103,0.193-0.167,0.219c-0.064,0.025-0.143-0.039-0.27,0.025c-0.129,0.064-0.451,0.013-0.49,0.052c-0.038,0.039-0.115-0.103-0.18-0.077c-0.064,0.025-0.232,0.193-0.322,0.18c-0.089-0.013-0.206-0.103-0.206-0.206s-0.038-0.232-0.077-0.258c-0.038-0.025-0.322-0.039-0.425-0.025c-0.103,0.013-0.424,0.038-0.477,0.09c-0.052,0.052-0.193,0.09-0.283,0.09s-0.167-0.09-0.36-0.116c-0.192-0.026-0.617-0.039-0.669-0.026s-0.218-0.025-0.155-0.077c0.065-0.051,0.257-0.219,0.143-0.295c-0.117-0.078-0.375-0.078-0.489-0.09c-0.117-0.013-0.232-0.039-0.413-0.013c-0.181,0.026-0.219,0.116-0.296,0.039c-0.077-0.077,0.193,0.039-0.077-0.077c-0.27-0.116-0.399-0.103-0.477-0.064c-0.077,0.039,0.013,0.025-0.192,0.103c-0.206,0.078-0.322,0.116-0.374,0.129c-0.051,0.012-0.372-0.065-0.411-0.091c-0.038-0.025-0.181,0.013-0.309,0.064S9.895,7.025,9.767,7C9.638,6.973,9.432,6.973,9.303,7.025C9.174,7.076,9.084,7.076,8.956,7.166c-0.13,0.09-0.373,0.142-0.373,0.142S8.522,7.305,8.448,7.301C10.474,5.541,13.111,4.466,16,4.466c6.361,0,11.534,5.173,11.534,11.534S22.36,27.533,16,27.533zM14.888,19.92c0,0,0.207-0.026,0.207-0.117c0-0.089-0.207-0.205-0.282-0.102c-0.078,0.102-0.219,0.205-0.207,0.296C14.625,20.138,14.888,19.92,14.888,19.92zM14.875,17.023c-0.181,0.233-0.167,0.182-0.296,0.128c-0.128-0.05-0.334,0.116-0.296,0.182c0.039,0.064,0.322-0.014,0.386,0.102c0.065,0.116,0.065,0.129,0.193,0.104c0.128-0.026,0.257-0.205,0.219-0.295C15.043,17.151,14.875,17.023,14.875,17.023zM14.837,18.245c-0.051,0-0.412,0.064-0.451,0.079c-0.039,0.013-0.27-0.025-0.27-0.025c-0.09,0.089-0.026,0.179,0.116,0.166s0.438-0.052,0.502-0.052C14.799,18.413,14.888,18.245,14.837,18.245zM14.284,14.668c-0.19,0.03-0.308,0.438-0.155,0.425C14.284,15.081,14.451,14.643,14.284,14.668zM14.734,16.959c-0.052-0.064-0.181-0.271-0.323-0.219c-0.042,0.017-0.153,0.245-0.012,0.245C14.541,16.985,14.786,17.023,14.734,16.959zM14.85,16.805c0.232-0.013,0.167-0.245-0.013-0.257C14.786,16.544,14.618,16.818,14.85,16.805zM17.591,18.928c-0.193-0.039-0.244-0.102-0.45-0.205c-0.207-0.103-0.67-0.103-0.682-0.039c-0.014,0.064,0,0-0.155-0.05c-0.153-0.054-0.271,0-0.309-0.091c-0.038-0.091-0.128-0.117-0.244-0.002c-0.097,0.097-0.142,0.104,0.078,0.143c0.218,0.039,0.283,0.039,0.192,0.141c-0.09,0.104-0.154,0.233-0.077,0.244c0.077,0.015,0.309-0.05,0.334,0c0.026,0.054-0.051,0.064,0.207,0.105c0.258,0.037,0.309,0.128,0.359,0.178c0.051,0.052,0.206,0.22,0.104,0.22c-0.104,0-0.219,0.128-0.142,0.143c0.077,0.013,0.309-0.039,0.321,0c0.014,0.037,0.143,0.283,0.271,0.271c0.129-0.013,0.206-0.244,0.27-0.31c0.065-0.064,0.322-0.104,0.349,0.012c0.026,0.116,0.104,0.233,0.257,0.311c0.154,0.076,0.335,0.154,0.348,0.089c0.013-0.064-0.077-0.309-0.181-0.346c-0.103-0.041-0.282-0.259-0.282-0.348c0-0.091-0.155-0.117-0.232-0.182C17.849,19.147,17.784,18.967,17.591,18.928zM8.042,17.023c-0.084,0.037-0.155,0.476,0,0.527c0.154,0.052,0.244-0.205,0.193-0.271C8.183,17.218,8.158,16.973,8.042,17.023zM15.429,18.117c-0.118-0.05-0.335,0.424-0.181,0.463C15.403,18.62,15.518,18.156,15.429,18.117zM15.687,13.703c0.077,0,0.18-0.051,0.18-0.193c0-0.142,0.18,0,0.27-0.013s0.141-0.103,0.18-0.206c0.005-0.013,0.008-0.021,0.009-0.027c-0.003,0.024-0.001,0.093,0.095,0.117c0.154,0.038,0.205-0.064,0.205-0.103s0.283-0.103,0.336-0.142c0.051-0.038,0.258-0.103,0.27-0.154c0.013-0.051,0-0.348,0.064-0.373c0.064-0.026,0.154-0.026,0.052-0.206c-0.104-0.181-0.104-0.348-0.232-0.271c-0.095,0.057-0.038,0.284-0.115,0.438s-0.142,0.296-0.193,0.296s-0.321,0.103-0.399,0.18c-0.076,0.077-0.45-0.064-0.501,0c-0.052,0.064-0.154,0.141-0.219,0.193c-0.065,0.051-0.245,0.013-0.207,0.167C15.518,13.562,15.609,13.703,15.687,13.703zM17.449,12.056c0.18-0.013,0.348-0.064,0.348-0.064s0.271,0.013,0.232-0.116c-0.04-0.128-0.322-0.141-0.375-0.128c-0.051,0.013-0.142-0.142-0.244-0.116c-0.096,0.023-0.128,0.155-0.128,0.193c0,0.039-0.36,0.115-0.245,0.219C17.153,12.146,17.27,12.069,17.449,12.056zM13.91,19.058c0.104,0.064,0.296-0.219,0.349-0.13c0.051,0.091-0.013,0.13,0.076,0.246c0.091,0.114,0.258,0.102,0.258,0.102s-0.013-0.309-0.155-0.387c-0.142-0.077-0.232-0.166-0.064-0.141c0.167,0.026,0.257-0.039,0.219-0.114c-0.039-0.078-0.283-0.039-0.361-0.026s-0.193-0.052-0.193-0.052c-0.077,0.024-0.063,0.089-0.09,0.219C13.923,18.902,13.807,18.992,13.91,19.058zM20.924,21.618c-0.231-0.052-0.077,0.039,0,0.154c0.077,0.116,0.232,0.176,0.258,0.05C21.193,21.759,21.155,21.67,20.924,21.618zM21.915,24.744c-0.077,0.064,0,0.091-0.219,0.22c-0.22,0.13-0.49,0.271-0.541,0.386c-0.052,0.116,0.051,0.181,0.258,0.192c0.206,0.013,0.154,0.053,0.296-0.103s0.271-0.244,0.438-0.373c0.168-0.128,0.168-0.322,0.168-0.322s-0.181-0.178-0.193-0.141C22.1,24.665,21.992,24.681,21.915,24.744zM18.504,21.618c0.014-0.116-0.219-0.116-0.334-0.207c-0.116-0.089-0.128-0.359-0.193-0.515c-0.064-0.153-0.192-0.257-0.322-0.397c-0.128-0.143-0.192-0.465-0.23-0.438c-0.039,0.025-0.154,0.399-0.064,0.515c0.09,0.116-0.039,0.348-0.103,0.503c-0.065,0.153-0.22-0.026-0.349-0.104c-0.129-0.078-0.308-0.128-0.398-0.219c-0.09-0.091,0.155-0.335,0.091-0.426c-0.065-0.09-0.412-0.013-0.45-0.013c-0.039,0-0.116-0.128-0.194-0.128c-0.077,0-0.064,0.258-0.064,0.258s-0.078-0.091-0.193-0.207c-0.117-0.115,0.012,0.077-0.103,0.193c-0.117,0.117-0.079,0.078-0.129,0.206c-0.051,0.129-0.167,0.077-0.283-0.052c-0.116-0.128-0.179-0.037-0.258,0c-0.077,0.039-0.141,0.259-0.18,0.309c-0.039,0.052-0.309,0.117-0.374,0.182c-0.064,0.062-0.09,0.27-0.09,0.322c0,0.05-0.271,0.023-0.361,0.089c-0.09,0.064-0.23,0.025-0.321,0.025c-0.09,0-0.399,0.244-0.502,0.308c-0.103,0.066-0.103,0.298-0.051,0.362c0.051,0.063,0.154,0.219,0.09,0.244c-0.064,0.026-0.104,0.206,0.051,0.359c0.154,0.155,0.103,0.194,0.115,0.271c0.014,0.077,0.078,0.104,0.181,0.232c0.102,0.128-0.181,0.231-0.219,0.31c-0.039,0.076,0.091,0.192,0.167,0.257c0.077,0.063,0.271,0.026,0.386-0.013c0.117-0.039,0.245-0.143,0.321-0.155c0.079-0.013,0.438-0.026,0.438-0.026s0.129-0.192,0.219-0.296c0.089-0.102,0.372-0.013,0.372-0.013s0.117-0.076,0.426-0.141c0.309-0.065,0.179,0.064,0.296,0.104c0.115,0.037,0.27,0.062,0.359,0.128c0.09,0.064,0,0.218-0.012,0.283c-0.014,0.064,0.219,0.038,0.23-0.026c0.014-0.064,0.077-0.128,0.207-0.205c0.128-0.078,0.025,0.114,0.076,0.231c0.052,0.116,0.129-0.157,0.129-0.026c0,0.039,0.039,0.078,0.051,0.116c0.014,0.039,0.181,0.052,0.181,0.18c0,0.13,0,0.207,0.039,0.231c0.038,0.026,0.244,0,0.335,0.155c0.089,0.154,0.154,0.013,0.205-0.052c0.052-0.064,0.231,0.026,0.283,0.078c0.052,0.05,0.193-0.104,0.387-0.155c0.192-0.051,0.167-0.039,0.219-0.115c0.051-0.078,0.09-0.283,0.205-0.438c0.115-0.153,0.271-0.424,0.271-0.631c0-0.206-0.014-0.682-0.155-0.899C18.761,21.953,18.492,21.733,18.504,21.618zM18.029,24.77c-0.065-0.013-0.207-0.062-0.207-0.062c-0.142,0.141,0.142,0.141,0.104,0.283c-0.039,0.141,0.193,0.089,0.257,0.064c0.063-0.027,0.22-0.323,0.193-0.399C18.351,24.577,18.093,24.783,18.029,24.77zM22.803,24.178c-0.052,0-0.077,0.064-0.192,0c-0.117-0.063-0.091-0.037-0.168-0.167c-0.077-0.127-0.091-0.296-0.219-0.23c-0.051,0.025,0,0.168,0.051,0.218c0.053,0.052,0.077,0.231,0.064,0.283c-0.012,0.052-0.231,0.116-0.129,0.18c0.104,0.064,0.297,0,0.271,0.078c-0.025,0.077-0.129,0.179-0.013,0.205c0.115,0.025,0.154-0.089,0.207-0.178c0.051-0.093,0.089-0.169,0.179-0.221C22.944,24.294,22.854,24.178,22.803,24.178zM22.815,21.18c0.168,0.064,0.464-0.231,0.347-0.27C23.047,20.871,22.815,21.18,22.815,21.18zM13.923,19.906c-0.029,0.115,0.193,0.167,0.206,0.039C14.141,19.816,13.949,19.803,13.923,19.906zM14.27,16.47c-0.064,0.065-0.257,0.193-0.283,0.31c-0.025,0.115,0.309-0.182,0.399-0.296c0.091-0.117,0.27-0.052,0.308-0.117c0.04-0.063,0.04-0.063,0.04-0.063s-0.142-0.025-0.257-0.063c-0.117-0.039-0.258,0.102-0.193-0.104c0.064-0.206,0.257-0.167,0.219-0.322c-0.039-0.154-0.168-0.193-0.207-0.193c-0.09,0,0.013,0.141-0.116,0.231c-0.128,0.09-0.271,0.128-0.193,0.283C14.064,16.29,14.334,16.405,14.27,16.47zM13.254,19.751c0.013-0.076-0.142-0.192-0.206-0.192c-0.065,0-0.386-0.077-0.386-0.077c-0.058,0.023-0.135,0.045-0.158,0.077c-0.007-0.011-0.022-0.024-0.049-0.039c-0.142-0.075-0.309,0-0.361-0.102c-0.05-0.104-0.127-0.104-0.179-0.039c-0.094,0.117,0.025,0.206,0.063,0.231c0.038,0.024,0.181,0.052,0.309,0.039c0.08-0.008,0.181-0.027,0.21-0.059c0.004,0.014,0.016,0.027,0.035,0.044c0.103,0.092,0.167,0.13,0.321,0.116C13.009,19.74,13.241,19.829,13.254,19.751zM12.881,18.992c0.065,0,0.193,0,0.283,0.026c0.09,0.025,0.386,0.05,0.373-0.064c-0.013-0.115-0.038-0.297,0.089-0.411c0.13-0.117,0.257-0.18,0.193-0.348c-0.063-0.167-0.193-0.271-0.103-0.349c0.09-0.076,0.192-0.102,0.192-0.166c0-0.065-0.217,0.18-0.244-0.246c-0.005-0.091-0.206,0.025-0.219,0.116c-0.012,0.091,0.142,0.167-0.103,0.167c-0.245,0-0.257,0.194-0.309,0.232c-0.052,0.039-0.103,0.051-0.207,0.076c-0.102,0.026-0.127,0.13-0.153,0.194c-0.025,0.063-0.206-0.116-0.257-0.064c-0.051,0.052-0.013,0.296,0.077,0.501C12.585,18.863,12.816,18.992,12.881,18.992zM11.979,18.928c0.065-0.077,0.038-0.192-0.063-0.18c-0.103,0.013-0.193-0.168-0.36-0.283c-0.168-0.114-0.296-0.194-0.451-0.36c-0.154-0.167-0.347-0.271-0.45-0.359c-0.104-0.091-0.257-0.13-0.322-0.116c-0.159,0.032,0.231,0.309,0.271,0.346c0.039,0.041,0.387,0.335,0.387,0.478s0.231,0.476,0.296,0.527c0.064,0.052,0.385,0.244,0.437,0.348c0.052,0.103,0.167,0.13,0.167-0.013C11.89,19.174,11.916,19.006,11.979,18.928zM11.002,17.474c0.064,0.232,0.193,0.464,0.244,0.555c0.052,0.089,0.271,0.217,0.348,0.281c0.077,0.064,0.192-0.024,0.143-0.102c-0.052-0.078-0.155-0.192-0.167-0.283c-0.013-0.091-0.078-0.233-0.181-0.387c-0.102-0.153-0.192-0.192-0.257-0.295c-0.064-0.104-0.296-0.297-0.296-0.297c-0.102,0.013-0.102,0.205-0.051,0.271C10.834,17.28,10.938,17.243,11.002,17.474z",
-    "raph_globeAlt": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM27.436,17.39c0.001,0.002,0.004,0.002,0.005,0.004c-0.022,0.187-0.054,0.37-0.085,0.554c-0.015-0.012-0.034-0.025-0.047-0.036c-0.103-0.09-0.254-0.128-0.318-0.115c-0.157,0.032,0.229,0.305,0.267,0.342c0.009,0.009,0.031,0.03,0.062,0.058c-1.029,5.312-5.709,9.338-11.319,9.338c-4.123,0-7.736-2.18-9.776-5.441c0.123-0.016,0.24-0.016,0.28-0.076c0.051-0.077,0.102-0.241,0.178-0.331c0.077-0.089,0.165-0.229,0.127-0.292c-0.039-0.064,0.101-0.344,0.088-0.419c-0.013-0.076-0.127-0.256,0.064-0.407s0.394-0.382,0.407-0.444c0.012-0.063,0.166-0.331,0.152-0.458c-0.012-0.127-0.152-0.28-0.24-0.318c-0.09-0.037-0.28-0.05-0.356-0.151c-0.077-0.103-0.292-0.203-0.368-0.178c-0.076,0.025-0.204,0.05-0.305-0.015c-0.102-0.062-0.267-0.139-0.33-0.189c-0.065-0.05-0.229-0.088-0.305-0.088c-0.077,0-0.065-0.052-0.178,0.101c-0.114,0.153,0,0.204-0.204,0.177c-0.204-0.023,0.025-0.036,0.141-0.189c0.113-0.152-0.013-0.242-0.141-0.203c-0.126,0.038-0.038,0.115-0.241,0.153c-0.203,0.036-0.203-0.09-0.076-0.115s0.355-0.139,0.355-0.19c0-0.051-0.025-0.191-0.127-0.191s-0.077-0.126-0.229-0.291c-0.092-0.101-0.196-0.164-0.299-0.204c-0.09-0.579-0.15-1.167-0.15-1.771c0-2.844,1.039-5.446,2.751-7.458c0.024-0.02,0.048-0.034,0.069-0.036c0.084-0.009,0.31-0.025,0.51-0.059c0.202-0.034,0.418-0.161,0.489-0.153c0.069,0.008,0.241,0.008,0.186-0.042C8.417,8.2,8.339,8.082,8.223,8.082S8.215,7.896,8.246,7.896c0.03,0,0.186,0.025,0.178,0.11C8.417,8.091,8.471,8.2,8.625,8.167c0.156-0.034,0.132-0.162,0.102-0.195C8.695,7.938,8.672,7.853,8.642,7.794c-0.031-0.06-0.023-0.136,0.14-0.153C8.944,7.625,9.168,7.708,9.16,7.573s0-0.28,0.046-0.356C9.253,7.142,9.354,7.09,9.299,7.065C9.246,7.04,9.176,7.099,9.121,6.972c-0.054-0.127,0.047-0.22,0.108-0.271c0.02-0.015,0.067-0.06,0.124-0.112C11.234,5.257,13.524,4.466,16,4.466c3.213,0,6.122,1.323,8.214,3.45c-0.008,0.022-0.01,0.052-0.031,0.056c-0.077,0.013-0.166,0.063-0.179-0.051c-0.013-0.114-0.013-0.331-0.102-0.203c-0.089,0.127-0.127,0.127-0.127,0.191c0,0.063,0.076,0.127,0.051,0.241C23.8,8.264,23.8,8.341,23.84,8.341c0.036,0,0.126-0.115,0.239-0.141c0.116-0.025,0.319-0.088,0.332,0.026c0.013,0.115,0.139,0.152,0.013,0.203c-0.128,0.051-0.267,0.026-0.293-0.051c-0.025-0.077-0.114-0.077-0.203-0.013c-0.088,0.063-0.279,0.292-0.279,0.292s-0.306,0.139-0.343,0.114c-0.04-0.025,0.101-0.165,0.203-0.228c0.102-0.064,0.178-0.204,0.14-0.242c-0.038-0.038-0.088-0.279-0.063-0.343c0.025-0.063,0.139-0.152,0.013-0.216c-0.127-0.063-0.217-0.14-0.318-0.178s-0.216,0.152-0.305,0.204c-0.089,0.051-0.076,0.114-0.191,0.127c-0.114,0.013-0.189,0.165,0,0.254c0.191,0.089,0.255,0.152,0.204,0.204c-0.051,0.051-0.267-0.025-0.267-0.025s-0.165-0.076-0.268-0.076c-0.101,0-0.229-0.063-0.33-0.076c-0.102-0.013-0.306-0.013-0.355,0.038c-0.051,0.051-0.179,0.203-0.28,0.152c-0.101-0.051-0.101-0.102-0.241-0.051c-0.14,0.051-0.279-0.038-0.355,0.038c-0.077,0.076-0.013,0.076-0.255,0c-0.241-0.076-0.189,0.051-0.419,0.089s-0.368-0.038-0.432,0.038c-0.064,0.077-0.153,0.217-0.19,0.127c-0.038-0.088,0.126-0.241,0.062-0.292c-0.062-0.051-0.33-0.025-0.367,0.013c-0.039,0.038-0.014,0.178,0.011,0.229c0.026,0.05,0.064,0.254-0.011,0.216c-0.077-0.038-0.064-0.166-0.141-0.152c-0.076,0.013-0.165,0.051-0.203,0.077c-0.038,0.025-0.191,0.025-0.229,0.076c-0.037,0.051,0.014,0.191-0.051,0.203c-0.063,0.013-0.114,0.064-0.254-0.025c-0.14-0.089-0.14-0.038-0.178-0.012c-0.038,0.025-0.216,0.127-0.229,0.012c-0.013-0.114,0.025-0.152-0.089-0.229c-0.115-0.076-0.026-0.076,0.127-0.025c0.152,0.05,0.343,0.075,0.622-0.013c0.28-0.089,0.395-0.127,0.28-0.178c-0.115-0.05-0.229-0.101-0.406-0.127c-0.179-0.025-0.42-0.025-0.7-0.127c-0.279-0.102-0.343-0.14-0.457-0.165c-0.115-0.026-0.813-0.14-1.132-0.089c-0.317,0.051-1.193,0.28-1.245,0.318s-0.128,0.19-0.292,0.318c-0.165,0.127-0.47,0.419-0.712,0.47c-0.241,0.051-0.521,0.254-0.521,0.305c0,0.051,0.101,0.242,0.076,0.28c-0.025,0.038,0.05,0.229,0.191,0.28c0.139,0.05,0.381,0.038,0.393-0.039c0.014-0.076,0.204-0.241,0.217-0.127c0.013,0.115,0.14,0.292,0.114,0.368c-0.025,0.077,0,0.153,0.09,0.14c0.088-0.012,0.559-0.114,0.559-0.114s0.153-0.064,0.127-0.166c-0.026-0.101,0.166-0.241,0.203-0.279c0.038-0.038,0.178-0.191,0.014-0.241c-0.167-0.051-0.293-0.064-0.115-0.216s0.292,0,0.521-0.229c0.229-0.229-0.051-0.292,0.191-0.305c0.241-0.013,0.496-0.025,0.444,0.051c-0.05,0.076-0.342,0.242-0.508,0.318c-0.166,0.077-0.14,0.216-0.076,0.292c0.063,0.076,0.09,0.254,0.204,0.229c0.113-0.025,0.254-0.114,0.38-0.101c0.128,0.012,0.383-0.013,0.42-0.013c0.039,0,0.216,0.178,0.114,0.203c-0.101,0.025-0.229,0.013-0.445,0.025c-0.215,0.013-0.456,0.013-0.456,0.051c0,0.039,0.292,0.127,0.19,0.191c-0.102,0.063-0.203-0.013-0.331-0.026c-0.127-0.012-0.203,0.166-0.241,0.267c-0.039,0.102,0.063,0.28-0.127,0.216c-0.191-0.063-0.331-0.063-0.381-0.038c-0.051,0.025-0.203,0.076-0.331,0.114c-0.126,0.038-0.076-0.063-0.242-0.063c-0.164,0-0.164,0-0.164,0l-0.103,0.013c0,0-0.101-0.063-0.114-0.165c-0.013-0.102,0.05-0.216-0.013-0.241c-0.064-0.026-0.292,0.012-0.33,0.088c-0.038,0.076-0.077,0.216-0.026,0.28c0.052,0.063,0.204,0.19,0.064,0.152c-0.14-0.038-0.317-0.051-0.419,0.026c-0.101,0.076-0.279,0.241-0.279,0.241s-0.318,0.025-0.318,0.102c0,0.077,0,0.178-0.114,0.191c-0.115,0.013-0.268,0.05-0.42,0.076c-0.153,0.025-0.139,0.088-0.317,0.102s-0.204,0.089-0.038,0.114c0.165,0.025,0.418,0.127,0.431,0.241c0.014,0.114-0.013,0.242-0.076,0.356c-0.043,0.079-0.305,0.026-0.458,0.026c-0.152,0-0.456-0.051-0.584,0c-0.127,0.051-0.102,0.305-0.064,0.419c0.039,0.114-0.012,0.178-0.063,0.216c-0.051,0.038-0.065,0.152,0,0.204c0.063,0.051,0.114,0.165,0.166,0.178c0.051,0.013,0.215-0.038,0.279,0.025c0.064,0.064,0.127,0.216,0.165,0.178c0.039-0.038,0.089-0.203,0.153-0.166c0.064,0.039,0.216-0.012,0.331-0.025s0.177-0.14,0.292-0.204c0.114-0.063,0.05-0.063,0.013-0.14c-0.038-0.076,0.114-0.165,0.204-0.254c0.088-0.089,0.253-0.013,0.292-0.115c0.038-0.102,0.051-0.279,0.151-0.267c0.103,0.013,0.243,0.076,0.331,0.076c0.089,0,0.279-0.14,0.332-0.165c0.05-0.025,0.241-0.013,0.267,0.102c0.025,0.114,0.241,0.254,0.292,0.279c0.051,0.025,0.381,0.127,0.433,0.165c0.05,0.038,0.126,0.153,0.152,0.254c0.025,0.102,0.114,0.102,0.128,0.013c0.012-0.089-0.065-0.254,0.025-0.242c0.088,0.013,0.191-0.026,0.191-0.026s-0.243-0.165-0.331-0.203c-0.088-0.038-0.255-0.114-0.331-0.241c-0.076-0.127-0.267-0.153-0.254-0.279c0.013-0.127,0.191-0.051,0.292,0.051c0.102,0.102,0.356,0.241,0.445,0.33c0.088,0.089,0.229,0.127,0.267,0.242c0.039,0.114,0.152,0.241,0.19,0.292c0.038,0.051,0.165,0.331,0.204,0.394c0.038,0.063,0.165-0.012,0.229-0.063c0.063-0.051,0.179-0.076,0.191-0.178c0.013-0.102-0.153-0.178-0.203-0.216c-0.051-0.038,0.127-0.076,0.191-0.127c0.063-0.05,0.177-0.14,0.228-0.063c0.051,0.077,0.026,0.381,0.051,0.432c0.025,0.051,0.279,0.127,0.331,0.191c0.05,0.063,0.267,0.089,0.304,0.051c0.039-0.038,0.242,0.026,0.294,0.038c0.049,0.013,0.202-0.025,0.304-0.05c0.103-0.025,0.204-0.102,0.191,0.063c-0.013,0.165-0.051,0.419-0.179,0.546c-0.127,0.127-0.076,0.191-0.202,0.191c-0.06,0-0.113,0-0.156,0.021c-0.041-0.065-0.098-0.117-0.175-0.097c-0.152,0.038-0.344,0.038-0.47,0.19c-0.128,0.153-0.178,0.165-0.204,0.114c-0.025-0.051,0.369-0.267,0.317-0.331c-0.05-0.063-0.355-0.038-0.521-0.038c-0.166,0-0.305-0.102-0.433-0.127c-0.126-0.025-0.292,0.127-0.418,0.254c-0.128,0.127-0.216,0.038-0.331,0.038c-0.115,0-0.331-0.165-0.331-0.165s-0.216-0.089-0.305-0.089c-0.088,0-0.267-0.165-0.318-0.165c-0.05,0-0.19-0.115-0.088-0.166c0.101-0.05,0.202,0.051,0.101-0.229c-0.101-0.279-0.33-0.216-0.419-0.178c-0.088,0.039-0.724,0.025-0.775,0.025c-0.051,0-0.419,0.127-0.533,0.178c-0.116,0.051-0.318,0.115-0.369,0.14c-0.051,0.025-0.318-0.051-0.433,0.013c-0.151,0.084-0.291,0.216-0.33,0.216c-0.038,0-0.153,0.089-0.229,0.28c-0.077,0.19,0.013,0.355-0.128,0.419c-0.139,0.063-0.394,0.204-0.495,0.305c-0.102,0.101-0.229,0.458-0.355,0.623c-0.127,0.165,0,0.317,0.025,0.419c0.025,0.101,0.114,0.292-0.025,0.471c-0.14,0.178-0.127,0.266-0.191,0.279c-0.063,0.013,0.063,0.063,0.088,0.19c0.025,0.128-0.114,0.255,0.128,0.369c0.241,0.113,0.355,0.217,0.418,0.367c0.064,0.153,0.382,0.407,0.382,0.407s0.229,0.205,0.344,0.293c0.114,0.089,0.152,0.038,0.177-0.05c0.025-0.09,0.178-0.104,0.355-0.104c0.178,0,0.305,0.04,0.483,0.014c0.178-0.025,0.356-0.141,0.42-0.166c0.063-0.025,0.279-0.164,0.443-0.063c0.166,0.103,0.141,0.241,0.23,0.332c0.088,0.088,0.24,0.037,0.355-0.051c0.114-0.09,0.064-0.052,0.203,0.025c0.14,0.075,0.204,0.151,0.077,0.267c-0.128,0.113-0.051,0.293-0.128,0.47c-0.076,0.178-0.063,0.203,0.077,0.278c0.14,0.076,0.394,0.548,0.47,0.638c0.077,0.088-0.025,0.342,0.064,0.495c0.089,0.151,0.178,0.254,0.077,0.331c-0.103,0.075-0.28,0.216-0.292,0.47s0.051,0.431,0.102,0.521s0.177,0.331,0.241,0.419c0.064,0.089,0.14,0.305,0.152,0.445c0.013,0.14-0.024,0.306,0.039,0.381c0.064,0.076,0.102,0.191,0.216,0.292c0.115,0.103,0.152,0.318,0.152,0.318s0.039,0.089,0.051,0.229c0.012,0.14,0.025,0.228,0.152,0.292c0.126,0.063,0.215,0.076,0.28,0.013c0.063-0.063,0.381-0.077,0.546-0.063c0.165,0.013,0.355-0.075,0.521-0.19s0.407-0.419,0.496-0.508c0.089-0.09,0.292-0.255,0.268-0.356c-0.025-0.101-0.077-0.203,0.024-0.254c0.102-0.052,0.344-0.152,0.356-0.229c0.013-0.077-0.09-0.395-0.115-0.457c-0.024-0.064,0.064-0.18,0.165-0.306c0.103-0.128,0.421-0.216,0.471-0.267c0.051-0.053,0.191-0.267,0.217-0.433c0.024-0.167-0.051-0.369,0-0.457c0.05-0.09,0.013-0.165-0.103-0.268c-0.114-0.102-0.089-0.407-0.127-0.457c-0.037-0.051-0.013-0.319,0.063-0.345c0.076-0.023,0.242-0.279,0.344-0.393c0.102-0.114,0.394-0.47,0.534-0.496c0.139-0.025,0.355-0.229,0.368-0.343c0.013-0.115,0.38-0.547,0.394-0.635c0.013-0.09,0.166-0.42,0.102-0.497c-0.062-0.076-0.559,0.115-0.622,0.141c-0.064,0.025-0.241,0.127-0.446,0.113c-0.202-0.013-0.114-0.177-0.127-0.254c-0.012-0.076-0.228-0.368-0.279-0.381c-0.051-0.012-0.203-0.166-0.267-0.317c-0.063-0.153-0.152-0.343-0.254-0.458c-0.102-0.114-0.165-0.38-0.268-0.559c-0.101-0.178-0.189-0.407-0.279-0.572c-0.021-0.041-0.045-0.079-0.067-0.117c0.118-0.029,0.289-0.082,0.31-0.009c0.024,0.088,0.165,0.279,0.19,0.419s0.165,0.089,0.178,0.216c0.014,0.128,0.14,0.433,0.19,0.47c0.052,0.038,0.28,0.242,0.318,0.318c0.038,0.076,0.089,0.178,0.127,0.369c0.038,0.19,0.076,0.444,0.179,0.482c0.102,0.038,0.444-0.064,0.508-0.102s0.482-0.242,0.635-0.255c0.153-0.012,0.179-0.115,0.368-0.152c0.191-0.038,0.331-0.177,0.458-0.28c0.127-0.101,0.28-0.355,0.33-0.444c0.052-0.088,0.179-0.152,0.115-0.253c-0.063-0.103-0.331-0.254-0.433-0.268c-0.102-0.012-0.089-0.178-0.152-0.178s-0.051,0.088-0.178,0.153c-0.127,0.063-0.255,0.19-0.344,0.165s0.026-0.089-0.113-0.203s-0.192-0.14-0.192-0.228c0-0.089-0.278-0.255-0.304-0.382c-0.026-0.127,0.19-0.305,0.254-0.19c0.063,0.114,0.115,0.292,0.279,0.368c0.165,0.076,0.318,0.204,0.395,0.229c0.076,0.025,0.267-0.14,0.33-0.114c0.063,0.024,0.191,0.253,0.306,0.292c0.113,0.038,0.495,0.051,0.559,0.051s0.33,0.013,0.381-0.063c0.051-0.076,0.089-0.076,0.153-0.076c0.062,0,0.177,0.229,0.267,0.254c0.089,0.025,0.254,0.013,0.241,0.179c-0.012,0.164,0.076,0.305,0.165,0.317c0.09,0.012,0.293-0.191,0.293-0.191s0,0.318-0.012,0.433c-0.014,0.113,0.139,0.534,0.139,0.534s0.19,0.393,0.241,0.482s0.267,0.355,0.267,0.47c0,0.115,0.025,0.293,0.103,0.293c0.076,0,0.152-0.203,0.24-0.331c0.091-0.126,0.116-0.305,0.153-0.432c0.038-0.127,0.038-0.356,0.038-0.444c0-0.09,0.075-0.166,0.255-0.242c0.178-0.076,0.304-0.292,0.456-0.407c0.153-0.115,0.141-0.305,0.446-0.305c0.305,0,0.278,0,0.355-0.077c0.076-0.076,0.151-0.127,0.19,0.013c0.038,0.14,0.254,0.343,0.292,0.394c0.038,0.052,0.114,0.191,0.103,0.344c-0.013,0.152,0.012,0.33,0.075,0.33s0.191-0.216,0.191-0.216s0.279-0.189,0.267,0.013c-0.014,0.203,0.025,0.419,0.025,0.545c0,0.053,0.042,0.135,0.088,0.21c-0.005,0.059-0.004,0.119-0.009,0.178C27.388,17.153,27.387,17.327,27.436,17.39zM20.382,12.064c0.076,0.05,0.102,0.127,0.152,0.203c0.052,0.076,0.14,0.05,0.203,0.114c0.063,0.064-0.178,0.14-0.075,0.216c0.101,0.077,0.151,0.381,0.165,0.458c0.013,0.076-0.279,0.114-0.369,0.102c-0.089-0.013-0.354-0.102-0.445-0.127c-0.089-0.026-0.139-0.343-0.025-0.331c0.116,0.013,0.141-0.025,0.267-0.139c0.128-0.115-0.189-0.166-0.278-0.191c-0.089-0.025-0.268-0.305-0.331-0.394c-0.062-0.089-0.014-0.228,0.141-0.331c0.076-0.051,0.279,0.063,0.381,0c0.101-0.063,0.203-0.14,0.241-0.165c0.039-0.025,0.293,0.038,0.33,0.114c0.039,0.076,0.191,0.191,0.141,0.229c-0.052,0.038-0.281,0.076-0.356,0c-0.075-0.077-0.255,0.012-0.268,0.152C20.242,12.115,20.307,12.013,20.382,12.064zM16.875,12.28c-0.077-0.025,0.025-0.178,0.102-0.229c0.075-0.051,0.164-0.178,0.241-0.305c0.076-0.127,0.178-0.14,0.241-0.127c0.063,0.013,0.203,0.241,0.241,0.318c0.038,0.076,0.165-0.026,0.217-0.051c0.05-0.025,0.127-0.102,0.14-0.165s0.127-0.102,0.254-0.102s0.013,0.102-0.076,0.127c-0.09,0.025-0.038,0.077,0.113,0.127c0.153,0.051,0.293,0.191,0.459,0.279c0.165,0.089,0.19,0.267,0.088,0.292c-0.101,0.025-0.406,0.051-0.521,0.038c-0.114-0.013-0.254-0.127-0.419-0.153c-0.165-0.025-0.369-0.013-0.433,0.077s-0.292,0.05-0.395,0.05c-0.102,0-0.228,0.127-0.253,0.077C16.875,12.534,16.951,12.306,16.875,12.28zM17.307,9.458c0.063-0.178,0.419,0.038,0.355,0.127C17.599,9.675,17.264,9.579,17.307,9.458zM17.802,18.584c0.063,0.102-0.14,0.431-0.254,0.407c-0.113-0.027-0.076-0.318-0.038-0.382C17.548,18.545,17.769,18.529,17.802,18.584zM13.189,12.674c0.025-0.051-0.039-0.153-0.127-0.013C13.032,12.71,13.164,12.725,13.189,12.674zM20.813,8.035c0.141,0.076,0.339,0.107,0.433,0.013c0.076-0.076,0.013-0.204-0.05-0.216c-0.064-0.013-0.104-0.115,0.062-0.203c0.165-0.089,0.343-0.204,0.534-0.229c0.19-0.025,0.622-0.038,0.774,0c0.152,0.039,0.382-0.166,0.445-0.254s-0.203-0.152-0.279-0.051c-0.077,0.102-0.444,0.076-0.521,0.051c-0.076-0.025-0.686,0.102-0.812,0.102c-0.128,0-0.179,0.152-0.356,0.229c-0.179,0.076-0.42,0.191-0.509,0.229c-0.088,0.038-0.177,0.19-0.101,0.216C20.509,7.947,20.674,7.959,20.813,8.035zM14.142,12.674c0.064-0.089-0.051-0.217-0.114-0.217c-0.12,0-0.178,0.191-0.103,0.254C14.002,12.776,14.078,12.763,14.142,12.674zM14.714,13.017c0.064,0.025,0.114,0.102,0.165,0.114c0.052,0.013,0.217,0,0.167-0.127s-0.167-0.127-0.204-0.127c-0.038,0-0.203-0.038-0.267,0C14.528,12.905,14.65,12.992,14.714,13.017zM11.308,10.958c0.101,0.013,0.217-0.063,0.305-0.101c0.088-0.038,0.216-0.114,0.216-0.229c0-0.114-0.025-0.216-0.077-0.267c-0.051-0.051-0.14-0.064-0.216-0.051c-0.115,0.02-0.127,0.14-0.203,0.14c-0.076,0-0.165,0.025-0.14,0.114s0.077,0.152,0,0.19C11.117,10.793,11.205,10.946,11.308,10.958zM11.931,10.412c0.127,0.051,0.394,0.102,0.292,0.153c-0.102,0.051-0.28,0.19-0.305,0.267s0.216,0.153,0.216,0.153s-0.077,0.089-0.013,0.114c0.063,0.025,0.102-0.089,0.203-0.089c0.101,0,0.304,0.063,0.406,0.063c0.103,0,0.267-0.14,0.254-0.229c-0.013-0.089-0.14-0.229-0.254-0.28c-0.113-0.051-0.241-0.28-0.317-0.331c-0.076-0.051,0.076-0.178-0.013-0.267c-0.09-0.089-0.153-0.076-0.255-0.14c-0.102-0.063-0.191,0.013-0.254,0.089c-0.063,0.076-0.14-0.013-0.217,0.012c-0.102,0.035-0.063,0.166-0.012,0.229C11.714,10.221,11.804,10.361,11.931,10.412zM24.729,17.198c-0.083,0.037-0.153,0.47,0,0.521c0.152,0.052,0.241-0.202,0.191-0.267C24.868,17.39,24.843,17.147,24.729,17.198zM20.114,20.464c-0.159-0.045-0.177,0.166-0.304,0.306c-0.128,0.141-0.267,0.254-0.317,0.241c-0.052-0.013-0.331,0.089-0.242,0.279c0.089,0.191,0.076,0.382-0.013,0.472c-0.089,0.088,0.076,0.342,0.052,0.482c-0.026,0.139,0.037,0.229,0.215,0.229s0.242-0.064,0.318-0.229c0.076-0.166,0.088-0.331,0.164-0.47c0.077-0.141,0.141-0.434,0.179-0.51c0.038-0.075,0.114-0.316,0.102-0.457C20.254,20.669,20.204,20.489,20.114,20.464zM10.391,8.802c-0.069-0.06-0.229-0.102-0.306-0.11c-0.076-0.008-0.152,0.06-0.321,0.06c-0.168,0-0.279,0.067-0.347,0C9.349,8.684,9.068,8.65,9.042,8.692C9.008,8.749,8.941,8.751,9.008,8.87c0.069,0.118,0.12,0.186,0.179,0.178s0.262-0.017,0.288,0.051C9.5,9.167,9.569,9.226,9.712,9.184c0.145-0.042,0.263-0.068,0.296-0.119c0.033-0.051,0.263-0.059,0.263-0.059S10.458,8.861,10.391,8.802z",
-    "raph_globe": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM19.158,23.269c-0.079,0.064-0.183,0.13-0.105,0.207c0.078,0.078-0.09,0.131-0.09,0.17s0.104,0.246,0.052,0.336c-0.052,0.092-0.091,0.223-0.13,0.301c-0.039,0.077-0.131,0.155-0.104,0.272c0.025,0.116-0.104,0.077-0.104,0.194c0,0.116,0.116,0.065,0.09,0.208c-0.025,0.144-0.09,0.183-0.09,0.285c0,0.104,0.064,0.247,0.064,0.286s-0.064,0.17-0.155,0.272c-0.092,0.104-0.155,0.17-0.144,0.233c0.014,0.065,0.104,0.144,0.091,0.184c-0.013,0.037-0.129,0.168-0.116,0.259c0.014,0.09,0.129,0.053,0.155,0.116c0.026,0.065-0.155,0.118-0.078,0.183c0.078,0.064,0.183,0.051,0.156,0.208c-0.019,0.112,0.064,0.163,0.126,0.198c-0.891,0.221-1.818,0.352-2.777,0.352C9.639,27.533,4.466,22.36,4.466,16c0-2.073,0.557-4.015,1.518-5.697c0.079-0.042,0.137-0.069,0.171-0.062c0.065,0.013,0.079,0.104,0.183,0.13c0.104,0.026,0.195-0.078,0.26-0.117c0.064-0.039,0.116-0.195,0.051-0.182c-0.065,0.013-0.234,0-0.234,0s0.183-0.104,0.183-0.169s0.025-0.169,0.129-0.208C6.83,9.655,6.83,9.681,6.765,9.837C6.7,9.993,6.896,9.928,6.973,9.863s0.13-0.013,0.272-0.104c0.143-0.091,0.143-0.143,0.221-0.143c0.078,0,0.221,0.143,0.299,0.091c0.077-0.052,0.299,0.065,0.429,0.065c0.129,0,0.545,0.169,0.624,0.169c0.078,0,0.312,0.09,0.325,0.259c0.013,0.169,0.09,0.156,0.168,0.156s0.26,0.065,0.26,0.13c0,0.065-0.052,0.325,0.078,0.39c0.129,0.064,0.247,0.169,0.299,0.143c0.052-0.026,0-0.233-0.064-0.26c-0.065-0.026-0.027-0.117-0.052-0.169c-0.026-0.051,0.078-0.051,0.117,0.039c0.039,0.091,0.143,0.26,0.208,0.26c0.064,0,0.208,0.156,0.168,0.247c-0.039,0.091,0.039,0.221,0.156,0.221c0.116,0,0.26,0.182,0.312,0.195c0.052,0.013,0.117,0.078,0.117,0.117c0,0.04,0.065,0.26,0.065,0.351c0,0.09-0.04,0.454-0.053,0.597s0.104,0.39,0.234,0.52c0.129,0.13,0.246,0.377,0.324,0.429c0.079,0.052,0.13,0.195,0.247,0.182c0.117-0.013,0.195,0.078,0.299,0.26c0.104,0.182,0.208,0.48,0.286,0.506c0.078,0.026,0.208,0.117,0.142,0.182c-0.064,0.064-0.168,0.208-0.051,0.208c0.117,0,0.156-0.065,0.247,0.053c0.09,0.116,0.208,0.181,0.194,0.26c-0.013,0.077,0.104,0.103,0.156,0.116c0.052,0.013,0.169,0.247,0.286,0.143c0.117-0.104-0.155-0.259-0.234-0.326c-0.078-0.064,0-0.207-0.182-0.35c-0.182-0.143-0.156-0.247-0.286-0.351c-0.13-0.104-0.233-0.195-0.104-0.286c0.13-0.091,0.143,0.091,0.195,0.208c0.052,0.116,0.324,0.351,0.441,0.454c0.117,0.104,0.326,0.468,0.39,0.468s0.247,0.208,0.247,0.208s0.103,0.168,0.064,0.22c-0.039,0.052,0.053,0.247,0.144,0.299c0.09,0.052,0.455,0.22,0.507,0.247c0.052,0.027,0.155,0.221,0.299,0.221c0.142,0,0.247,0.014,0.286,0.053c0.039,0.038,0.155,0.194,0.234,0.104c0.078-0.092,0.09-0.131,0.208-0.131c0.117,0,0.168,0.091,0.233,0.156c0.065,0.065,0.247,0.235,0.338,0.222c0.091-0.013,0.208,0.104,0.273,0.064s0.169,0.025,0.22,0.052c0.054,0.026,0.234,0.118,0.222,0.272c-0.013,0.157,0.103,0.195,0.182,0.234c0.078,0.039,0.182,0.13,0.248,0.195c0.064,0.063,0.206,0.077,0.246,0.116c0.039,0.039,0.065,0.117,0.182,0.052c0.116-0.064,0.092-0.181,0.092-0.181s0.129-0.026,0.194,0.026c0.064,0.05,0.104,0.22,0.144,0.246c0.038,0.026,0.115,0.221,0.063,0.362c-0.051,0.145-0.038,0.286-0.091,0.286c-0.052,0-0.116,0.17-0.195,0.209c-0.076,0.039-0.285,0.221-0.272,0.286c0.013,0.063,0.131,0.258,0.104,0.35c-0.025,0.091-0.194,0.195-0.154,0.338c0.038,0.144,0.312,0.183,0.323,0.312c0.014,0.131,0.209,0.417,0.235,0.546c0.025,0.13,0.246,0.272,0.246,0.453c0,0.184,0.312,0.3,0.377,0.312c0.063,0.013,0.182,0.131,0.272,0.17s0.169,0.116,0.233,0.221s0.053,0.261,0.053,0.299c0,0.039-0.039,0.44-0.078,0.674C19.145,23.021,19.235,23.203,19.158,23.269zM10.766,11.188c0.039,0.013,0.117,0.091,0.156,0.091c0.04,0,0.234,0.156,0.286,0.208c0.053,0.052,0.053,0.195-0.013,0.208s-0.104-0.143-0.117-0.208c-0.013-0.065-0.143-0.065-0.208-0.104C10.805,11.344,10.66,11.152,10.766,11.188zM27.51,16.41c-0.144,0.182-0.13,0.272-0.195,0.286c-0.064,0.013,0.065,0.065,0.09,0.194c0.022,0.112-0.065,0.224,0.063,0.327c-0.486,4.619-3.71,8.434-8.016,9.787c-0.007-0.011-0.019-0.025-0.021-0.034c-0.027-0.078-0.027-0.233,0.064-0.285c0.091-0.053,0.312-0.233,0.363-0.272c0.052-0.04,0.13-0.221,0.091-0.247c-0.038-0.026-0.232,0-0.26-0.039c-0.026-0.039-0.026-0.092,0.104-0.182c0.13-0.091,0.195-0.222,0.247-0.26c0.052-0.039,0.155-0.117,0.195-0.209c0.038-0.09-0.041-0.039-0.118-0.039s-0.117-0.142-0.117-0.207s0.195,0.026,0.339,0.052c0.143,0.024,0.077-0.065,0.064-0.142c-0.013-0.078,0.026-0.209,0.105-0.17c0.076,0.039,0.479-0.013,0.531-0.026c0.052-0.013,0.194-0.246,0.246-0.312c0.053-0.065,0.064-0.129,0-0.168c-0.065-0.04-0.143-0.184-0.168-0.221c-0.026-0.041-0.039-0.274-0.013-0.34c0.025-0.063,0,0.377,0.181,0.43c0.183,0.052,0.286,0.078,0.455-0.078c0.169-0.155,0.298-0.26,0.312-0.363c0.013-0.104,0.052-0.209,0.117-0.246c0.065-0.039,0.104,0.103,0.182-0.065c0.078-0.17,0.156-0.157,0.234-0.299c0.077-0.144-0.13-0.325,0.024-0.43c0.157-0.103,0.43-0.233,0.43-0.233s0.078-0.039,0.234-0.078c0.155-0.038,0.324-0.014,0.376-0.09c0.052-0.079,0.104-0.247,0.182-0.338c0.079-0.092,0.169-0.234,0.13-0.299c-0.039-0.065,0.104-0.352,0.091-0.429c-0.013-0.078-0.13-0.261,0.065-0.416s0.402-0.391,0.416-0.454c0.012-0.065,0.169-0.338,0.154-0.469c-0.012-0.129-0.154-0.285-0.245-0.325c-0.092-0.037-0.286-0.05-0.364-0.154s-0.299-0.208-0.377-0.182c-0.077,0.026-0.208,0.051-0.312-0.015c-0.104-0.063-0.272-0.143-0.337-0.194c-0.066-0.051-0.234-0.09-0.312-0.09s-0.065-0.053-0.182,0.103c-0.117,0.157,0,0.209-0.208,0.182c-0.209-0.024,0.025-0.038,0.144-0.194c0.115-0.155-0.014-0.247-0.144-0.207c-0.13,0.039-0.039,0.117-0.247,0.156c-0.207,0.038-0.207-0.092-0.077-0.117c0.13-0.026,0.363-0.143,0.363-0.194c0-0.053-0.026-0.196-0.13-0.196s-0.078-0.129-0.233-0.297c-0.156-0.17-0.351-0.274-0.508-0.249c-0.154,0.026-0.272,0.065-0.35-0.076c-0.078-0.144-0.169-0.17-0.222-0.247c-0.051-0.078-0.182,0-0.221-0.039s-0.039-0.039-0.039-0.039s-0.169,0.039-0.077-0.078c0.09-0.117,0.129-0.338,0.09-0.325c-0.038,0.013-0.104,0.196-0.168,0.183c-0.064-0.013-0.014-0.04-0.144-0.117c-0.13-0.078-0.337-0.013-0.337,0.052c0,0.065-0.065,0.117-0.065,0.117s-0.039-0.038-0.078-0.117c-0.039-0.078-0.221-0.091-0.312-0.013c-0.09,0.078-0.142-0.196-0.207-0.196s-0.194,0.065-0.26,0.184c-0.064,0.116-0.038,0.285-0.092,0.272c-0.05-0.013-0.063-0.233-0.05-0.312c0.012-0.079,0.155-0.208,0.05-0.234c-0.103-0.026-0.259,0.13-0.323,0.143c-0.065,0.013-0.195,0.104-0.273,0.209c-0.077,0.103-0.116,0.168-0.195,0.207c-0.077,0.039-0.193,0-0.167-0.039c0.025-0.039-0.222-0.181-0.261-0.13c-0.04,0.052-0.155,0.091-0.272,0.144c-0.117,0.052-0.222-0.065-0.247-0.117s-0.079-0.064-0.091-0.234c-0.013-0.168,0.027-0.351,0.065-0.454c0.038-0.104-0.195-0.312-0.286-0.3c-0.091,0.015-0.182,0.105-0.272,0.091c-0.092-0.012-0.052-0.038-0.195-0.038c-0.143,0-0.026-0.025,0-0.143c0.025-0.116-0.052-0.273,0.092-0.377c0.142-0.104,0.091-0.351,0-0.363c-0.092-0.014-0.261,0.039-0.377,0.026c-0.116-0.014-0.208,0.091-0.169,0.207c0.039,0.117-0.065,0.195-0.104,0.183c-0.039-0.013-0.09-0.078-0.234,0.026c-0.142,0.103-0.194,0.064-0.337-0.052c-0.143-0.118-0.299-0.234-0.325-0.416c-0.026-0.182-0.04-0.364,0.013-0.468c0.051-0.104,0.051-0.285-0.026-0.312c-0.078-0.025,0.09-0.155,0.181-0.181c0.092-0.026,0.234-0.143,0.26-0.195c0.026-0.052,0.156-0.04,0.298-0.04c0.143,0,0.169,0,0.312,0.078c0.143,0.078,0.169-0.039,0.169-0.078c0-0.039,0.052-0.117,0.208-0.104c0.156,0.013,0.376-0.052,0.416-0.013s0.116,0.195,0.194,0.143c0.079-0.051,0.104-0.143,0.131,0.014c0.025,0.155,0.09,0.39,0.208,0.429c0.116,0.039,0.052,0.194,0.168,0.207c0.115,0.013,0.17-0.246,0.131-0.337c-0.04-0.09-0.118-0.363-0.183-0.428c-0.064-0.065-0.064-0.234,0.064-0.286c0.13-0.052,0.442-0.312,0.532-0.389c0.092-0.079,0.338-0.144,0.261-0.248c-0.078-0.104-0.104-0.168-0.104-0.247s0.078-0.052,0.117,0s0.194-0.078,0.155-0.143c-0.038-0.064-0.026-0.155,0.065-0.143c0.091,0.013,0.116-0.065,0.078-0.117c-0.039-0.052,0.091-0.117,0.182-0.091c0.092,0.026,0.325-0.013,0.364-0.065c0.038-0.052-0.078-0.104-0.078-0.208c0-0.104,0.155-0.195,0.247-0.208c0.091-0.013,0.207,0,0.221-0.039c0.012-0.039,0.143-0.143,0.155-0.052c0.014,0.091,0,0.247,0.104,0.247c0.104,0,0.232-0.117,0.272-0.129c0.038-0.013,0.286-0.065,0.338-0.078c0.052-0.013,0.363-0.039,0.325-0.13c-0.039-0.09-0.078-0.181-0.118-0.22c-0.039-0.039-0.077,0.013-0.13,0.078c-0.051,0.065-0.143,0.065-0.168,0.013c-0.026-0.051,0.012-0.207-0.078-0.156c-0.092,0.052-0.104,0.104-0.157,0.078c-0.052-0.026-0.103-0.117-0.103-0.117s0.129-0.064,0.038-0.182c-0.09-0.117-0.221-0.091-0.35-0.025c-0.13,0.064-0.118,0.051-0.273,0.09s-0.234,0.078-0.234,0.078s0.209-0.129,0.299-0.208c0.091-0.078,0.209-0.117,0.286-0.195c0.078-0.078,0.285,0.039,0.285,0.039s0.105-0.104,0.105-0.039s-0.027,0.234,0.051,0.234c0.079,0,0.299-0.104,0.21-0.131c-0.093-0.026,0.129,0,0.219-0.065c0.092-0.065,0.194-0.065,0.247-0.09c0.052-0.026,0.092-0.143,0.182-0.143c0.092,0,0.13,0.117,0,0.195s-0.143,0.273-0.208,0.325c-0.064,0.052-0.026,0.117,0.078,0.104c0.104-0.013,0.194,0.013,0.286-0.013s0.143,0.026,0.168,0.065c0.026,0.039,0.104-0.039,0.104-0.039s0.169-0.039,0.221,0.026c0.053,0.064,0.092-0.039,0.053-0.104c-0.039-0.064-0.092-0.129-0.13-0.208c-0.039-0.078-0.091-0.104-0.194-0.078c-0.104,0.026-0.13-0.026-0.195-0.064c-0.065-0.04-0.118,0.052-0.065-0.04c0.053-0.09,0.078-0.117,0.117-0.195c0.039-0.078,0.209-0.221,0.039-0.259c-0.169-0.04-0.222-0.065-0.247-0.143c-0.026-0.078-0.221-0.221-0.272-0.221c-0.053,0-0.233,0-0.247-0.065c-0.013-0.065-0.143-0.208-0.208-0.273c-0.064-0.065-0.312-0.351-0.351-0.377c-0.039-0.026-0.091-0.013-0.208,0.143c-0.116,0.157-0.22,0.183-0.312,0.144c-0.091-0.039-0.104-0.026-0.193-0.13c-0.093-0.104,0.09-0.117,0.051-0.182c-0.04-0.064-0.247-0.091-0.377-0.104c-0.13-0.013-0.221-0.156-0.416-0.169c-0.194-0.013-0.428,0.026-0.493,0.026c-0.064,0-0.064,0.091-0.09,0.234c-0.027,0.143,0.09,0.182-0.027,0.208c-0.116,0.026-0.169,0.039-0.052,0.091c0.117,0.052,0.273,0.26,0.273,0.26s0,0.117-0.092,0.182c-0.09,0.065-0.182,0.13-0.233,0.053c-0.053-0.079-0.195-0.065-0.155,0.013c0.038,0.078,0.116,0.117,0.116,0.195c0,0.077,0.117,0.272,0.039,0.337c-0.078,0.065-0.168,0.014-0.233,0.026s-0.131-0.104-0.078-0.13c0.051-0.026-0.014-0.221-0.014-0.221s-0.155,0.221-0.143,0.104c0.014-0.117-0.064-0.13-0.064-0.221c0-0.091-0.079-0.13-0.194-0.104c-0.118,0.026-0.26-0.04-0.482-0.079c-0.22-0.039-0.311-0.064-0.493-0.156c-0.182-0.091-0.247-0.026-0.338-0.013c-0.091,0.013-0.052-0.182-0.169-0.207c-0.116-0.027-0.181,0.025-0.207-0.144c-0.026-0.168,0.039-0.208,0.324-0.39c0.286-0.182,0.247-0.26,0.468-0.286c0.22-0.026,0.325,0.026,0.325-0.039s0.052-0.325,0.052-0.195S16.95,9.109,16.832,9.2c-0.116,0.091-0.052,0.104,0.04,0.104c0.091,0,0.259-0.091,0.259-0.091s0.208-0.091,0.26-0.013c0.053,0.078,0.053,0.156,0.144,0.156s0.285-0.104,0.116-0.195c-0.168-0.091-0.272-0.078-0.376-0.182s-0.078-0.065-0.195-0.039c-0.116,0.026-0.116-0.039-0.156-0.039s-0.104,0.026-0.13-0.026c-0.025-0.052,0.014-0.065,0.145-0.065c0.129,0,0.285,0.039,0.285,0.039s0.155-0.052,0.194-0.065c0.039-0.013,0.247-0.039,0.208-0.155c-0.04-0.117-0.169-0.117-0.208-0.156s0.078-0.09,0.143-0.117c0.065-0.026,0.247,0,0.247,0s0.117,0.013,0.117-0.039S17.897,8.2,17.976,8.239s0,0.156,0.117,0.13c0.116-0.026,0.143,0,0.207,0.039c0.065,0.039-0.013,0.195-0.077,0.221c-0.065,0.025-0.169,0.077-0.026,0.09c0.144,0.014,0.246,0.014,0.246,0.014s0.092-0.091,0.131-0.169c0.038-0.078,0.104-0.026,0.155,0c0.052,0.025,0.247,0.065,0.065,0.117c-0.183,0.052-0.221,0.117-0.26,0.182c-0.038,0.065-0.053,0.104-0.221,0.065c-0.17-0.039-0.26-0.026-0.299,0.039c-0.039,0.064-0.013,0.273,0.053,0.247c0.063-0.026,0.129-0.026,0.207-0.052c0.078-0.026,0.39,0.026,0.467,0.013c0.078-0.013,0.209,0.13,0.248,0.104c0.039-0.026,0.117,0.052,0.194,0.104c0.078,0.052,0.052-0.117,0.194-0.013c0.144,0.104,0.065,0.104,0.144,0.104c0.076,0,0.246,0.013,0.246,0.013s0.014-0.129,0.144-0.104c0.13,0.026,0.245,0.169,0.232,0.064c-0.012-0.103,0.013-0.181-0.09-0.259c-0.104-0.078-0.272-0.13-0.299-0.169c-0.026-0.039-0.052-0.091-0.013-0.117c0.039-0.025,0.221,0.013,0.324,0.079c0.104,0.065,0.195,0.13,0.273,0.078c0.077-0.052,0.17-0.078,0.208-0.117c0.038-0.04,0.13-0.156,0.13-0.156s-0.391-0.051-0.441-0.117c-0.053-0.065-0.235-0.156-0.287-0.156s-0.194,0.091-0.246-0.039s-0.052-0.286-0.105-0.299c-0.05-0.013-0.597-0.091-0.674-0.13c-0.078-0.039-0.39-0.13-0.507-0.195s-0.286-0.156-0.389-0.156c-0.104,0-0.533,0.052-0.611,0.039c-0.078-0.013-0.312,0.026-0.403,0.039c-0.091,0.013,0.117,0.182-0.077,0.221c-0.195,0.039-0.169,0.065-0.13-0.13c0.038-0.195-0.131-0.247-0.299-0.169c-0.169,0.078-0.442,0.13-0.377,0.221c0.065,0.091-0.012,0.157,0.117,0.247c0.13,0.091,0.183,0.117,0.35,0.104c0.17-0.013,0.339,0.025,0.339,0.025s0,0.157-0.064,0.182c-0.065,0.026-0.169,0.026-0.196,0.104c-0.025,0.078-0.155,0.117-0.155,0.078s0.065-0.169-0.026-0.234c-0.09-0.065-0.117-0.078-0.221-0.013c-0.104,0.065-0.116,0.091-0.169-0.013C16.053,8.291,15.897,8.2,15.897,8.2s-0.104-0.129-0.182-0.194c-0.077-0.065-0.22-0.052-0.234,0.013c-0.013,0.064,0.026,0.129,0.078,0.247c0.052,0.117,0.104,0.337,0.013,0.351c-0.091,0.013-0.104,0.026-0.195,0.052c-0.091,0.026-0.13-0.039-0.13-0.143s-0.04-0.195-0.013-0.234c0.026-0.039-0.104,0.027-0.234,0c-0.13-0.025-0.233,0.052-0.104,0.092c0.13,0.039,0.157,0.194,0.039,0.233c-0.117,0.039-0.559,0-0.702,0s-0.35,0.039-0.39-0.039c-0.039-0.078,0.118-0.129,0.208-0.129c0.091,0,0.363,0.012,0.467-0.13c0.104-0.143-0.13-0.169-0.233-0.169c-0.104,0-0.183-0.039-0.299-0.155c-0.118-0.117,0.078-0.195,0.052-0.247c-0.026-0.052-0.156-0.014-0.272-0.014c-0.117,0-0.299-0.09-0.299,0.014c0,0.104,0.143,0.402,0.052,0.337c-0.091-0.064-0.078-0.156-0.143-0.234c-0.065-0.078-0.168-0.065-0.299-0.052c-0.129,0.013-0.35,0.052-0.415,0.039c-0.064-0.013-0.013-0.013-0.156-0.078c-0.142-0.065-0.208-0.052-0.312-0.117C12.091,7.576,12.182,7.551,12,7.538c-0.181-0.013-0.168,0.09-0.35,0.065c-0.182-0.026-0.234,0.013-0.416,0c-0.182-0.013-0.272-0.026-0.299,0.065c-0.025,0.091-0.078,0.247-0.156,0.247c-0.077,0-0.169,0.091,0.078,0.104c0.247,0.013,0.105,0.129,0.325,0.117c0.221-0.013,0.416-0.013,0.468-0.117c0.052-0.104,0.091-0.104,0.117-0.065c0.025,0.039,0.22,0.272,0.22,0.272s0.131,0.104,0.183,0.13c0.051,0.026-0.052,0.143-0.156,0.078c-0.104-0.065-0.299-0.051-0.377-0.116c-0.078-0.065-0.429-0.065-0.52-0.052c-0.09,0.013-0.247-0.039-0.299-0.039c-0.051,0-0.221,0.13-0.221,0.13S10.532,8.252,10.494,8.2c-0.039-0.052-0.104,0.052-0.156,0.065c-0.052,0.013-0.208-0.104-0.364-0.052C9.818,8.265,9.87,8.317,9.649,8.304s-0.272-0.052-0.35-0.039C9.22,8.278,9.22,8.278,9.22,8.278S9.233,8.33,9.143,8.382C9.052,8.434,8.986,8.499,8.921,8.421C8.857,8.343,8.818,8.343,8.779,8.33c-0.04-0.013-0.118-0.078-0.286-0.04C8.324,8.33,8.064,8.239,8.013,8.239c-0.04,0-0.313-0.015-0.491-0.033c2.109-2.292,5.124-3.74,8.478-3.74c2.128,0,4.117,0.589,5.83,1.598c-0.117,0.072-0.319,0.06-0.388,0.023c-0.078-0.043-0.158-0.078-0.475-0.061c-0.317,0.018-0.665,0.122-0.595,0.226c0.072,0.104-0.142,0.165-0.197,0.113c-0.055-0.052-0.309,0.06-0.293,0.165c0.016,0.104-0.039,0.225-0.175,0.199c-0.134-0.027-0.229,0.06-0.237,0.146c-0.007,0.087-0.309,0.147-0.332,0.147c-0.024,0-0.412-0.008-0.27,0.095c0.097,0.069,0.15,0.027,0.27,0.052c0.119,0.026,0.214,0.217,0.277,0.243c0.062,0.026,0.15,0,0.189-0.052c0.04-0.052,0.095-0.234,0.095-0.234s0,0.173,0.097,0.208c0.095,0.035,0.331-0.026,0.395-0.017c0.064,0.008,0.437,0.061,0.538,0.112c0.104,0.052,0.356,0.087,0.428,0.199c0.071,0.113,0.08,0.503,0.119,0.546c0.04,0.043,0.174-0.139,0.205-0.182c0.031-0.044,0.198-0.018,0.254,0.042c0.056,0.061,0.182,0.208,0.175,0.269C21.9,8.365,21.877,8.459,21.83,8.425c-0.048-0.034-0.127-0.025-0.096-0.095c0.032-0.069,0.048-0.217-0.015-0.217c-0.064,0-0.119,0-0.119,0s-0.12-0.035-0.199,0.095s-0.015,0.26,0.04,0.26s0.184,0,0.184,0.034c0,0.035-0.136,0.139-0.128,0.2c0.009,0.061,0.11,0.268,0.144,0.312c0.031,0.043,0.197,0.086,0.244,0.096c0.049,0.008-0.111,0.017-0.07,0.077c0.04,0.061,0.102,0.208,0.189,0.243c0.087,0.035,0.333,0.19,0.363,0.26c0.032,0.069,0.222-0.052,0.262-0.061c0.04-0.008,0.032,0.182,0.143,0.191c0.11,0.008,0.15-0.018,0.245-0.096s0.072-0.182,0.079-0.26c0.009-0.078,0-0.138,0.104-0.113c0.104,0.026,0.158-0.018,0.15-0.104c-0.008-0.087-0.095-0.191,0.07-0.217c0.167-0.026,0.254-0.138,0.357-0.138c0.103,0,0.389,0.043,0.419,0c0.032-0.043,0.167-0.243,0.254-0.251c0.067-0.007,0.224-0.021,0.385-0.042c1.582,1.885,2.561,4.284,2.673,6.905c-0.118,0.159-0.012,0.305,0.021,0.408c0.001,0.03,0.005,0.058,0.005,0.088c0,0.136-0.016,0.269-0.021,0.404C27.512,16.406,27.512,16.408,27.51,16.41zM17.794,12.084c-0.064,0.013-0.169-0.052-0.169-0.143s-0.091,0.169-0.04,0.247c0.053,0.078-0.104,0.169-0.155,0.169s-0.091-0.116-0.078-0.233c0.014-0.117-0.077-0.221-0.221-0.208c-0.143,0.014-0.208,0.13-0.259,0.169c-0.053,0.039-0.053,0.259-0.04,0.312s0.013,0.235-0.116,0.221c-0.118-0.013-0.092-0.233-0.079-0.312c0.014-0.078-0.039-0.273,0.014-0.376c0.053-0.104,0.207-0.143,0.312-0.156s0.324,0.065,0.363,0.052c0.04-0.014,0.222-0.014,0.312,0C17.729,11.837,17.858,12.071,17.794,12.084zM18.027,12.123c0.04,0.026,0.311-0.039,0.364,0.026c0.051,0.065-0.054,0.078-0.183,0.13c-0.129,0.052-0.169,0.039-0.221,0.104s-0.221,0.09-0.299,0.168c-0.078,0.079-0.217,0.125-0.246,0.065c-0.04-0.078,0.013-0.039,0.025-0.078c0.013-0.039,0.245-0.129,0.245-0.129S17.988,12.097,18.027,12.123zM16.988,11.668c-0.038,0.013-0.182-0.026-0.3-0.026c-0.116,0-0.091-0.078-0.143-0.064c-0.051,0.013-0.168,0.039-0.247,0.078c-0.078,0.039-0.208,0.03-0.208-0.04c0-0.104,0.052-0.078,0.221-0.143c0.169-0.065,0.352-0.247,0.429-0.169c0.078,0.078,0.221,0.169,0.312,0.182C17.144,11.5,17.026,11.655,16.988,11.668zM15.659,7.637c-0.079,0.026-0.347,0.139-0.321,0.199c0.01,0.023,0.078,0.069,0.19,0.052c0.113-0.018,0.276-0.035,0.355-0.043c0.078-0.009,0.095-0.139,0.009-0.147C15.805,7.689,15.736,7.611,15.659,7.637zM14.698,7.741c-0.061,0.026-0.243-0.043-0.338,0.018c-0.061,0.038-0.026,0.164,0.07,0.172c0.095,0.009,0.259-0.06,0.276-0.008c0.018,0.052,0.078,0.286,0.234,0.208c0.156-0.078,0.147-0.147,0.19-0.156c0.043-0.009-0.008-0.199-0.078-0.243C14.983,7.689,14.758,7.715,14.698,7.741zM14.385,7.005c0.017,0.044-0.008,0.078,0.113,0.095c0.121,0.018,0.173,0.035,0.243,0.035c0.069,0,0.042-0.113-0.018-0.19c-0.061-0.078-0.043-0.069-0.199-0.113c-0.156-0.043-0.312-0.043-0.416-0.035c-0.104,0.009-0.217-0.017-0.243,0.104c-0.013,0.062,0.07,0.112,0.174,0.112S14.368,6.962,14.385,7.005zM14.611,7.481c0.043,0.095,0.043,0.051,0.165,0.061C14.896,7.551,14.991,7.421,15,7.378c0.009-0.044-0.061-0.13-0.225-0.113c-0.165,0.017-0.667-0.026-0.736,0.034c-0.066,0.058,0,0.233-0.026,0.251c-0.026,0.017,0.009,0.095,0.077,0.078c0.069-0.017,0.104-0.182,0.157-0.182C14.299,7.447,14.568,7.386,14.611,7.481zM12.982,7.126c0.052,0.043,0.183,0.008,0.173-0.035c-0.008-0.043,0.053-0.217-0.051-0.225C13,6.858,12.854,6.962,12.697,7.014c-0.101,0.033-0.078,0.13-0.009,0.13S12.931,7.083,12.982,7.126zM13.72,7.282c-0.087,0.043-0.114,0.069-0.191,0.052c-0.078-0.017-0.078-0.156-0.217-0.13c-0.138,0.026-0.164,0.104-0.207,0.139s-0.139,0.061-0.173,0.043c-0.034-0.017-0.234-0.129-0.234-0.129s-0.416-0.018-0.433-0.07c-0.017-0.052-0.086-0.138-0.277-0.121s-0.52,0.13-0.572,0.13c-0.052,0,0.062,0.104-0.009,0.104c-0.069,0-0.155-0.008-0.181,0.069c-0.018,0.053,0.078,0.052,0.189,0.052c0.112,0,0.295,0,0.347-0.026c0.052-0.026,0.312-0.087,0.303-0.009c-0.009,0.079,0.104,0.199,0.164,0.182c0.061-0.017,0.183-0.13,0.243-0.086c0.061,0.043,0.07,0.146,0.13,0.173c0.061,0.025,0.226,0.025,0.304,0c0.077-0.027,0.294-0.027,0.389-0.009c0.095,0.018,0.373,0.069,0.399,0.018c0.026-0.053,0.104-0.061,0.112-0.113s0.051-0.216,0.051-0.216S13.806,7.239,13.72,7.282zM18.105,16.239c-0.119,0.021-0.091,0.252,0.052,0.21C18.3,16.407,18.223,16.217,18.105,16.239zM19.235,15.929c-0.104-0.026-0.221,0-0.299,0.013c-0.078,0.013-0.299,0.208-0.299,0.208s0.143,0.026,0.233,0.026c0.092,0,0.144,0.051,0.221,0.09c0.078,0.04,0.221-0.052,0.272-0.052c0.053,0,0.118,0.156,0.131-0.013C19.508,16.032,19.339,15.955,19.235,15.929zM15.616,7.507c-0.043-0.104-0.259-0.139-0.304-0.035C15.274,7.563,15.659,7.611,15.616,7.507zM18.093,15.292c0.143-0.026,0.064-0.144-0.053-0.13C17.922,15.175,17.949,15.318,18.093,15.292zM19.82,16.095c-0.119,0.022-0.092,0.253,0.051,0.211C20.015,16.264,19.937,16.074,19.82,16.095zM18.247,15.708c-0.09,0.013-0.285-0.09-0.389-0.182c-0.104-0.091-0.299-0.091-0.377-0.091c-0.077,0-0.39,0.091-0.39,0.091c-0.013,0.13,0.117,0.091,0.273,0.091s0.429-0.026,0.479,0.039c0.053,0.064,0.286,0.168,0.352,0.221c0.064,0.052,0.272,0.065,0.285,0.013S18.338,15.695,18.247,15.708zM16.698,7.412c-0.13-0.009-0.295-0.009-0.399,0c-0.104,0.008-0.182-0.069-0.26-0.113c-0.077-0.043-0.251-0.182-0.354-0.199c-0.104-0.017-0.086-0.017-0.303-0.069c-0.11-0.027-0.294-0.061-0.294-0.086c0-0.026-0.052,0.121,0.043,0.165c0.095,0.043,0.251,0.121,0.363,0.164c0.114,0.043,0.329,0.052,0.399,0.139c0.069,0.086,0.303,0.156,0.303,0.156l0.277,0.026c0,0,0.191-0.043,0.39-0.026c0.199,0.017,0.493,0.043,0.659,0.035c0.163-0.008,0.189-0.061,0.208-0.095c0.016-0.035-0.304-0.104-0.383-0.095C17.271,7.42,16.827,7.42,16.698,7.412zM17.182,9.404c-0.034,0.039,0.157,0.095,0.191,0.043C17.407,9.396,17.271,9.309,17.182,9.404zM17.764,9.585c0.086-0.035,0.043-0.139-0.079-0.104C17.547,9.521,17.676,9.62,17.764,9.585z",
-    "raph_warning": "M29.225,23.567l-3.778-6.542c-1.139-1.972-3.002-5.2-4.141-7.172l-3.778-6.542c-1.14-1.973-3.003-1.973-4.142,0L9.609,9.853c-1.139,1.972-3.003,5.201-4.142,7.172L1.69,23.567c-1.139,1.974-0.207,3.587,2.071,3.587h23.391C29.432,27.154,30.363,25.541,29.225,23.567zM16.536,24.58h-2.241v-2.151h2.241V24.58zM16.428,20.844h-2.023l-0.201-9.204h2.407L16.428,20.844z",
-    "raph_arrowleftalt": "M16,30.534c8.027,0,14.534-6.507,14.534-14.534c0-8.027-6.507-14.534-14.534-14.534C7.973,1.466,1.466,7.973,1.466,16C1.466,24.027,7.973,30.534,16,30.534zM18.335,6.276l3.536,3.538l-6.187,6.187l6.187,6.187l-3.536,3.537l-9.723-9.724L18.335,6.276z",
-    "raph_arrowalt": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM13.665,25.725l-3.536-3.539l6.187-6.187l-6.187-6.187l3.536-3.536l9.724,9.723L13.665,25.725z",
-    "raph_code": "M8.982,7.107L0.322,15.77l8.661,8.662l3.15-3.15L6.621,15.77l5.511-5.511L8.982,7.107zM21.657,7.107l-3.148,3.151l5.511,5.511l-5.511,5.511l3.148,3.15l8.662-8.662L21.657,7.107z",
-    "raph_arrowleft": "M21.871,9.814 15.684,16.001 21.871,22.188 18.335,25.725 8.612,16.001 18.335,6.276",
-    "raph_arrow": "M10.129,22.186 16.316,15.999 10.129,9.812 13.665,6.276 23.389,15.999 13.665,25.725",
-    "raph_pensil": "M25.31,2.872l-3.384-2.127c-0.854-0.536-1.979-0.278-2.517,0.576l-1.334,2.123l6.474,4.066l1.335-2.122C26.42,4.533,26.164,3.407,25.31,2.872zM6.555,21.786l6.474,4.066L23.581,9.054l-6.477-4.067L6.555,21.786zM5.566,26.952l-0.143,3.819l3.379-1.787l3.14-1.658l-6.246-3.925L5.566,26.952z",
-    "raph_pen": "M13.587,12.074c-0.049-0.074-0.11-0.147-0.188-0.202c-0.333-0.243-0.803-0.169-1.047,0.166c-0.244,0.336-0.167,0.805,0.167,1.048c0.303,0.22,0.708,0.167,0.966-0.091l-7.086,9.768l-2.203,7.997l6.917-4.577L26.865,4.468l-4.716-3.42l-1.52,2.096c-0.087-0.349-0.281-0.676-0.596-0.907c-0.73-0.529-1.751-0.369-2.28,0.363C14.721,6.782,16.402,7.896,13.587,12.074zM10.118,25.148L6.56,27.503l1.133-4.117L10.118,25.148zM14.309,11.861c2.183-3.225,1.975-4.099,3.843-6.962c0.309,0.212,0.664,0.287,1.012,0.269L14.309,11.861z",
-    "raph_minus": "M25.979,12.896,19.312,12.896,5.979,12.896,5.979,19.562,25.979,19.562",
-    "raph_tshirt": "M20.1,4.039c-0.681,1.677-2.32,2.862-4.24,2.862c-1.921,0-3.56-1.185-4.24-2.862L1.238,8.442l2.921,6.884l3.208-1.361V28h17.099V14.015l3.093,1.312l2.922-6.884L20.1,4.039z",
-    "raph_raphael": "M27.777,18.941c0.584-0.881,0.896-1.914,0.896-2.998c0-1.457-0.567-2.826-1.598-3.854l-6.91-6.911l-0.003,0.002c-0.985-0.988-2.35-1.6-3.851-1.6c-1.502,0-2.864,0.612-3.85,1.6H12.46l-6.911,6.911c-1.031,1.029-1.598,2.398-1.598,3.854c0,1.457,0.567,2.826,1.598,3.854l6.231,6.229c0.25,0.281,0.512,0.544,0.789,0.785c1.016,0.961,2.338,1.49,3.743,1.49c1.456,0,2.825-0.565,3.854-1.598l6.723-6.725c0.021-0.019,0.034-0.032,0.051-0.051l0.14-0.138c0.26-0.26,0.487-0.54,0.688-0.838c0.004-0.008,0.01-0.015,0.014-0.021L27.777,18.941zM26.658,15.946c0,0.678-0.197,1.326-0.561,1.879c-0.222,0.298-0.447,0.559-0.684,0.784L25.4,18.625c-1.105,1.052-2.354,1.35-3.414,1.35c-0.584,0-1.109-0.09-1.523-0.195c-2.422-0.608-5.056-2.692-6.261-5.732c0.649,0.274,1.362,0.426,2.11,0.426c2.811,0,5.129-2.141,5.415-4.877l3.924,3.925C26.301,14.167,26.658,15.029,26.658,15.946zM16.312,5.6c1.89,0,3.426,1.538,3.426,3.427c0,1.89-1.536,3.427-3.426,3.427c-1.889,0-3.426-1.537-3.426-3.427C12.886,7.138,14.423,5.6,16.312,5.6zM6.974,18.375c-0.649-0.648-1.007-1.512-1.007-2.429c0-0.917,0.357-1.78,1.007-2.428l2.655-2.656c-0.693,2.359-0.991,4.842-0.831,7.221c0.057,0.854,0.175,1.677,0.345,2.46L6.974,18.375zM11.514,11.592c0.583,4.562,4.195,9.066,8.455,10.143c0.693,0.179,1.375,0.265,2.033,0.265c0.01,0,0.02,0,0.027,0l-3.289,3.289c-0.648,0.646-1.512,1.006-2.428,1.006c-0.638,0-1.248-0.177-1.779-0.5l0.001-0.002c-0.209-0.142-0.408-0.295-0.603-0.461c-0.015-0.019-0.031-0.026-0.046-0.043l-0.665-0.664c-1.367-1.567-2.227-3.903-2.412-6.671C10.669,15.856,10.921,13.673,11.514,11.592",
-    "raph_graphael": "M28.832,16.104c0-1.477-0.574-2.863-1.617-3.905l-7.002-7.001L20.211,5.2c-1.027-1.03-2.445-1.62-3.9-1.62c-1.455,0-2.871,0.59-3.9,1.621l-0.002-0.002l-7,7c-1.033,1.031-1.619,2.445-1.619,3.905c0,1.458,0.586,2.872,1.619,3.903l6.312,6.312c0.253,0.284,0.519,0.55,0.8,0.794c1.049,0.994,2.463,1.54,3.908,1.51c1.417-0.028,2.783-0.612,3.785-1.615l6.811-6.811c0.018-0.017,0.035-0.034,0.053-0.052l0.137-0.138c0.27-0.268,0.49-0.564,0.713-0.868l-0.002-0.002C28.516,18.244,28.832,17.198,28.832,16.104zM23.08,21.252l-0.051,0.006l-0.955,0.974c0.01,0-3.305,3.332-3.305,3.332c-1.121,1.119-2.906,1.337-4.261,0.511l0.002-0.002c-0.213-0.141-0.414-0.299-0.61-0.467c-0.016-0.015-0.032-0.027-0.047-0.042l-3.024-3.024h-0.001l-3.976-3.976c-1.34-1.339-1.342-3.581,0-4.921l2.689-2.689l0.052-0.005l0.956-0.973c-0.01,0,3.303-3.332,3.303-3.332c1.121-1.12,2.908-1.337,4.261-0.511v0.002c0.211,0.14,0.414,0.299,0.609,0.467c0.016,0.015,0.031,0.028,0.047,0.042l3.025,3.024l0,0l3.975,3.976c0.389,0.388,0.66,0.852,0.824,1.348l-2.617,0.008c-0.537-3.754-3.764-6.64-7.666-6.64c-4.277,0-7.744,3.467-7.745,7.746c0.001,4.277,3.468,7.743,7.745,7.744c3.919-0.001,7.156-2.911,7.671-6.688l2.635-0.009c-0.16,0.52-0.441,1.007-0.846,1.412L23.08,21.252zM16.311,17.184c0.002,0,0.002,0,0.004,0l5.476-0.018c-0.5,2.573-2.76,4.516-5.48,4.52c-3.084-0.005-5.578-2.5-5.584-5.582c0.006-3.084,2.5-5.579,5.584-5.584c2.707,0.005,4.96,1.929,5.472,4.485l-5.476,0.018c-0.596,0.002-1.078,0.488-1.076,1.084C15.233,16.702,15.715,17.184,16.311,17.184z",
-    "raph_page": "M23.024,5.673c-1.744-1.694-3.625-3.051-5.168-3.236c-0.084-0.012-0.171-0.019-0.263-0.021H7.438c-0.162,0-0.322,0.063-0.436,0.18C6.889,2.71,6.822,2.87,6.822,3.033v25.75c0,0.162,0.063,0.317,0.18,0.435c0.117,0.116,0.271,0.179,0.436,0.179h18.364c0.162,0,0.317-0.062,0.434-0.179c0.117-0.117,0.182-0.272,0.182-0.435V11.648C26.382,9.659,24.824,7.49,23.024,5.673zM25.184,28.164H8.052V3.646h9.542v0.002c0.416-0.025,0.775,0.386,1.05,1.326c0.25,0.895,0.313,2.062,0.312,2.871c0.002,0.593-0.027,0.991-0.027,0.991l-0.049,0.652l0.656,0.007c0.003,0,1.516,0.018,3,0.355c1.426,0.308,2.541,0.922,2.645,1.617c0.004,0.062,0.005,0.124,0.004,0.182V28.164z",
-    "raph_page2": "M23.024,5.673c-1.744-1.694-3.625-3.051-5.168-3.236c-0.084-0.012-0.171-0.019-0.263-0.021H7.438c-0.162,0-0.322,0.063-0.436,0.18C6.889,2.71,6.822,2.87,6.822,3.033v25.75c0,0.162,0.063,0.317,0.18,0.435c0.117,0.116,0.271,0.179,0.436,0.179h18.364c0.162,0,0.317-0.062,0.434-0.179c0.117-0.117,0.182-0.272,0.182-0.435V11.648C26.382,9.659,24.824,7.49,23.024,5.673zM22.157,6.545c0.805,0.786,1.529,1.676,2.069,2.534c-0.468-0.185-0.959-0.322-1.42-0.431c-1.015-0.228-2.008-0.32-2.625-0.357c0.003-0.133,0.004-0.283,0.004-0.446c0-0.869-0.055-2.108-0.356-3.2c-0.003-0.01-0.005-0.02-0.009-0.03C20.584,5.119,21.416,5.788,22.157,6.545zM25.184,28.164H8.052V3.646h9.542v0.002c0.416-0.025,0.775,0.386,1.05,1.326c0.25,0.895,0.313,2.062,0.312,2.871c0.002,0.593-0.027,0.991-0.027,0.991l-0.049,0.652l0.656,0.007c0.003,0,1.516,0.018,3,0.355c1.426,0.308,2.541,0.922,2.645,1.617c0.004,0.062,0.005,0.124,0.004,0.182V28.164z",
-    "raph_plugin": "M26.33,15.836l-3.893-1.545l3.136-7.9c0.28-0.705-0.064-1.505-0.771-1.785c-0.707-0.28-1.506,0.065-1.785,0.771l-3.136,7.9l-4.88-1.937l3.135-7.9c0.281-0.706-0.064-1.506-0.77-1.786c-0.706-0.279-1.506,0.065-1.785,0.771l-3.136,7.9L8.554,8.781l-1.614,4.066l2.15,0.854l-2.537,6.391c-0.61,1.54,0.143,3.283,1.683,3.895l1.626,0.646L8.985,26.84c-0.407,1.025,0.095,2.188,1.122,2.596l0.93,0.369c1.026,0.408,2.188-0.095,2.596-1.121l0.877-2.207l1.858,0.737c1.54,0.611,3.284-0.142,3.896-1.682l2.535-6.391l1.918,0.761L26.33,15.836z",
-    "raph_svg": "M31.274,15.989c0-2.473-2.005-4.478-4.478-4.478l0,0c0.81-0.811,1.312-1.93,1.312-3.167c0-2.474-2.005-4.479-4.479-4.479c-1.236,0-2.356,0.501-3.167,1.312c0-2.473-2.005-4.478-4.478-4.478c-2.474,0-4.479,2.005-4.479,4.478c-0.811-0.81-1.93-1.312-3.167-1.312c-2.474,0-4.479,2.005-4.479,4.479c0,1.236,0.501,2.356,1.312,3.166c-2.474,0-4.479,2.005-4.479,4.479c0,2.474,2.005,4.479,4.479,4.479c-0.811,0.81-1.312,1.93-1.312,3.167c0,2.473,2.005,4.478,4.479,4.478c1.236,0,2.356-0.501,3.167-1.312c0,2.473,2.005,4.479,4.479,4.479c2.473,0,4.478-2.006,4.478-4.479l0,0c0.811,0.811,1.931,1.312,3.167,1.312c2.474,0,4.478-2.005,4.478-4.478c0-1.237-0.501-2.357-1.312-3.168c0.001,0,0.001,0,0.001,0C29.27,20.467,31.274,18.463,31.274,15.989zM23.583,21.211c0.016,0,0.031-0.001,0.047-0.001c1.339,0,2.424,1.085,2.424,2.425c0,1.338-1.085,2.424-2.424,2.424s-2.424-1.086-2.424-2.424c0-0.017,0.001-0.031,0.001-0.047l-3.541-3.542v5.009c0.457,0.44,0.743,1.06,0.743,1.746c0,1.339-1.086,2.424-2.424,2.424c-1.339,0-2.425-1.085-2.425-2.424c0-0.687,0.286-1.306,0.743-1.746v-5.009l-3.541,3.542c0,0.016,0.001,0.031,0.001,0.047c0,1.338-1.085,2.424-2.424,2.424s-2.424-1.086-2.424-2.424c0-1.34,1.085-2.425,2.424-2.425c0.015,0,0.031,0.001,0.046,0.001l3.542-3.541H6.919c-0.44,0.458-1.06,0.743-1.746,0.743c-1.339,0-2.424-1.085-2.424-2.424s1.085-2.424,2.424-2.424c0.686,0,1.305,0.285,1.746,0.744h5.008l-3.542-3.542c-0.015,0-0.031,0.001-0.046,0.001c-1.339,0-2.424-1.085-2.424-2.424S7.001,5.92,8.34,5.92s2.424,1.085,2.424,2.424c0,0.015-0.001,0.031-0.001,0.046l3.541,3.542V6.924c-0.457-0.441-0.743-1.06-0.743-1.746c0-1.339,1.086-2.425,2.425-2.425c1.338,0,2.424,1.085,2.424,2.425c0,0.686-0.286,1.305-0.743,1.746v5.008l3.541-3.542c0-0.015-0.001-0.031-0.001-0.046c0-1.339,1.085-2.424,2.424-2.424s2.424,1.085,2.424,2.424c0,1.339-1.085,2.424-2.424,2.424c-0.016,0-0.031-0.001-0.047-0.001l-3.541,3.542h5.008c0.441-0.458,1.061-0.744,1.747-0.744c1.338,0,2.423,1.085,2.423,2.424s-1.085,2.424-2.423,2.424c-0.687,0-1.306-0.285-1.747-0.743h-5.008L23.583,21.211z",
-    "raph_bookmark": "M17.396,1.841L6.076,25.986l7.341-4.566l1.186,8.564l11.32-24.146L17.396,1.841zM19.131,9.234c-0.562-0.264-0.805-0.933-0.541-1.495c0.265-0.562,0.934-0.805,1.496-0.541s0.805,0.934,0.541,1.496S19.694,9.498,19.131,9.234z",
-    "raph_hammer": "M7.831,29.354c0.685,0.353,1.62,1.178,2.344,0.876c0.475-0.195,0.753-1.301,1.048-1.883c2.221-4.376,4.635-9.353,6.392-13.611c0-0.19,0.101-0.337-0.049-0.595c0.983-1.6,1.65-3.358,2.724-5.138c0.34-0.566,0.686-1.351,1.163-1.577l0.881-0.368c1.12-0.288,1.938-0.278,2.719,0.473c0.396,0.383,0.578,1.015,0.961,1.395c0.259,0.26,1.246,0.899,1.613,0.8c0.285-0.077,0.52-0.364,0.72-0.728l0.696-1.286c0.195-0.366,0.306-0.718,0.215-0.999c-0.117-0.362-1.192-0.84-1.552-0.915c-0.528-0.113-1.154,0.081-1.692-0.041c-1.057-0.243-1.513-0.922-1.883-2.02c-2.608-1.533-6.119-2.53-10.207-1.244c-1.109,0.349-2.172,0.614-2.901,1.323c-0.146,0.412,0.143,0.494,0.446,0.489c-0.237,0.216-0.62,0.341-0.399,0.848c2.495-1.146,7.34-1.542,7.669,0.804c0.072,0.522-0.395,1.241-0.682,1.835c-0.905,1.874-2.011,3.394-2.813,5.091c-0.298,0.017-0.366,0.18-0.525,0.287c-2.604,3.8-5.451,8.541-7.9,12.794c-0.326,0.566-1.098,1.402-1.002,1.906C5.961,28.641,7.146,29,7.831,29.354z",
-    "raph_users": "M21.053,20.8c-1.132-0.453-1.584-1.698-1.584-1.698s-0.51,0.282-0.51-0.51s0.51,0.51,1.02-2.548c0,0,1.414-0.397,1.132-3.68h-0.34c0,0,0.849-3.51,0-4.699c-0.85-1.189-1.189-1.981-3.058-2.548s-1.188-0.454-2.547-0.396c-1.359,0.057-2.492,0.792-2.492,1.188c0,0-0.849,0.057-1.188,0.397c-0.34,0.34-0.906,1.924-0.906,2.321s0.283,3.058,0.566,3.624l-0.337,0.113c-0.283,3.283,1.132,3.68,1.132,3.68c0.509,3.058,1.019,1.756,1.019,2.548s-0.51,0.51-0.51,0.51s-0.452,1.245-1.584,1.698c-1.132,0.452-7.416,2.886-7.927,3.396c-0.511,0.511-0.453,2.888-0.453,2.888h26.947c0,0,0.059-2.377-0.452-2.888C28.469,23.686,22.185,21.252,21.053,20.8zM8.583,20.628c-0.099-0.18-0.148-0.31-0.148-0.31s-0.432,0.239-0.432-0.432s0.432,0.432,0.864-2.159c0,0,1.199-0.336,0.959-3.119H9.538c0,0,0.143-0.591,0.237-1.334c-0.004-0.308,0.006-0.636,0.037-0.996l0.038-0.426c-0.021-0.492-0.107-0.939-0.312-1.226C8.818,9.619,8.53,8.947,6.947,8.467c-1.583-0.48-1.008-0.385-2.159-0.336C3.636,8.179,2.676,8.802,2.676,9.139c0,0-0.72,0.048-1.008,0.336c-0.271,0.271-0.705,1.462-0.757,1.885v0.281c0.047,0.653,0.258,2.449,0.469,2.872l-0.286,0.096c-0.239,2.783,0.959,3.119,0.959,3.119c0.432,2.591,0.864,1.488,0.864,2.159s-0.432,0.432-0.432,0.432s-0.383,1.057-1.343,1.439c-0.061,0.024-0.139,0.056-0.232,0.092v5.234h0.575c-0.029-1.278,0.077-2.927,0.746-3.594C2.587,23.135,3.754,22.551,8.583,20.628zM30.913,11.572c-0.04-0.378-0.127-0.715-0.292-0.946c-0.719-1.008-1.008-1.679-2.59-2.159c-1.584-0.48-1.008-0.385-2.16-0.336C24.72,8.179,23.76,8.802,23.76,9.139c0,0-0.719,0.048-1.008,0.336c-0.271,0.272-0.709,1.472-0.758,1.891h0.033l0.08,0.913c0.02,0.231,0.022,0.436,0.027,0.645c0.09,0.666,0.21,1.35,0.33,1.589l-0.286,0.096c-0.239,2.783,0.96,3.119,0.96,3.119c0.432,2.591,0.863,1.488,0.863,2.159s-0.432,0.432-0.432,0.432s-0.053,0.142-0.163,0.338c4.77,1.9,5.927,2.48,6.279,2.834c0.67,0.667,0.775,2.315,0.746,3.594h0.48v-5.306c-0.016-0.006-0.038-0.015-0.052-0.021c-0.959-0.383-1.343-1.439-1.343-1.439s-0.433,0.239-0.433-0.432s0.433,0.432,0.864-2.159c0,0,0.804-0.229,0.963-1.841v-1.227c-0.001-0.018-0.001-0.033-0.003-0.051h-0.289c0,0,0.215-0.89,0.292-1.861V11.572z",
-    "raph_user": "M20.771,12.364c0,0,0.849-3.51,0-4.699c-0.85-1.189-1.189-1.981-3.058-2.548s-1.188-0.454-2.547-0.396c-1.359,0.057-2.492,0.792-2.492,1.188c0,0-0.849,0.057-1.188,0.397c-0.34,0.34-0.906,1.924-0.906,2.321s0.283,3.058,0.566,3.624l-0.337,0.113c-0.283,3.283,1.132,3.68,1.132,3.68c0.509,3.058,1.019,1.756,1.019,2.548s-0.51,0.51-0.51,0.51s-0.452,1.245-1.584,1.698c-1.132,0.452-7.416,2.886-7.927,3.396c-0.511,0.511-0.453,2.888-0.453,2.888h26.947c0,0,0.059-2.377-0.452-2.888c-0.512-0.511-6.796-2.944-7.928-3.396c-1.132-0.453-1.584-1.698-1.584-1.698s-0.51,0.282-0.51-0.51s0.51,0.51,1.02-2.548c0,0,1.414-0.397,1.132-3.68H20.771z",
-    "raph_mail": "M28.516,7.167H3.482l12.517,7.108L28.516,7.167zM16.74,17.303C16.51,17.434,16.255,17.5,16,17.5s-0.51-0.066-0.741-0.197L2.5,10.06v14.773h27V10.06L16.74,17.303z",
-    "raph_picture": "M2.5,4.833v22.334h27V4.833H2.5zM25.25,25.25H6.75V6.75h18.5V25.25zM11.25,14c1.426,0,2.583-1.157,2.583-2.583c0-1.427-1.157-2.583-2.583-2.583c-1.427,0-2.583,1.157-2.583,2.583C8.667,12.843,9.823,14,11.25,14zM24.251,16.25l-4.917-4.917l-6.917,6.917L10.5,16.333l-2.752,2.752v5.165h16.503V16.25z",
-    "raph_bubble": "M16,5.333c-7.732,0-14,4.701-14,10.5c0,1.982,0.741,3.833,2.016,5.414L2,25.667l5.613-1.441c2.339,1.317,5.237,2.107,8.387,2.107c7.732,0,14-4.701,14-10.5C30,10.034,23.732,5.333,16,5.333z",
-    "raph_codetalk": "M16,4.938c-7.732,0-14,4.701-14,10.5c0,1.981,0.741,3.833,2.016,5.414L2,25.272l5.613-1.44c2.339,1.316,5.237,2.106,8.387,2.106c7.732,0,14-4.701,14-10.5S23.732,4.938,16,4.938zM13.704,19.47l-2.338,2.336l-6.43-6.431l6.429-6.432l2.339,2.341l-4.091,4.091L13.704,19.47zM20.775,21.803l-2.337-2.339l4.092-4.09l-4.092-4.092l2.337-2.339l6.43,6.426L20.775,21.803z",
-    "raph_talkq": "M16,4.938c-7.732,0-14,4.701-14,10.5c0,1.981,0.741,3.833,2.016,5.414L2,25.272l5.613-1.44c2.339,1.316,5.237,2.106,8.387,2.106c7.732,0,14-4.701,14-10.5S23.732,4.938,16,4.938zM16.868,21.375h-1.969v-1.889h1.969V21.375zM16.772,18.094h-1.777l-0.176-8.083h2.113L16.772,18.094z",
-    "raph_talke": "M16,4.938c-7.732,0-14,4.701-14,10.5c0,1.981,0.741,3.833,2.016,5.414L2,25.272l5.613-1.44c2.339,1.316,5.237,2.106,8.387,2.106c7.732,0,14-4.701,14-10.5S23.732,4.938,16,4.938zM16.982,21.375h-1.969v-1.889h1.969V21.375zM16.982,17.469v0.625h-1.969v-0.769c0-2.321,2.641-2.689,2.641-4.337c0-0.752-0.672-1.329-1.553-1.329c-0.912,0-1.713,0.672-1.713,0.672l-1.12-1.393c0,0,1.104-1.153,3.009-1.153c1.81,0,3.49,1.121,3.49,3.009C19.768,15.437,16.982,15.741,16.982,17.469z",
-    "raph_home": "M27.812,16l-3.062-3.062V5.625h-2.625v4.688L16,4.188L4.188,16L7,15.933v11.942h17.875V16H27.812zM16,26.167h-5.833v-7H16V26.167zM21.667,23.167h-3.833v-4.042h3.833V23.167z",
-    "raph_linkedin": "M27.25,3.125h-22c-1.104,0-2,0.896-2,2v22c0,1.104,0.896,2,2,2h22c1.104,0,2-0.896,2-2v-22C29.25,4.021,28.354,3.125,27.25,3.125zM11.219,26.781h-4v-14h4V26.781zM9.219,11.281c-1.383,0-2.5-1.119-2.5-2.5s1.117-2.5,2.5-2.5s2.5,1.119,2.5,2.5S10.602,11.281,9.219,11.281zM25.219,26.781h-4v-8.5c0-0.4-0.403-1.055-0.687-1.213c-0.375-0.211-1.261-0.229-1.665-0.034l-1.648,0.793v8.954h-4v-14h4v0.614c1.583-0.723,3.78-0.652,5.27,0.184c1.582,0.886,2.73,2.864,2.73,4.702V26.781z",
-    "raph_github": "M28.436,15.099c-1.201-0.202-2.451-0.335-3.466-0.371l-0.179-0.006c0.041-0.09,0.072-0.151,0.082-0.16c0.022-0.018,0.04-0.094,0.042-0.168c0-0.041,0.018-0.174,0.046-0.35c0.275,0.01,0.64,0.018,1.038,0.021c1.537,0.012,3.145,0.136,4.248,0.331c0.657,0.116,0.874,0.112,0.389-0.006c-0.491-0.119-1.947-0.294-3.107-0.37c-0.779-0.053-1.896-0.073-2.554-0.062c0.019-0.114,0.041-0.241,0.064-0.371c0.093-0.503,0.124-1.009,0.126-2.016c0.002-1.562-0.082-1.992-0.591-3.025c-0.207-0.422-0.441-0.78-0.724-1.104c0.247-0.729,0.241-1.858-0.015-2.848c-0.211-0.812-0.285-0.864-1.021-0.708C22.19,4.019,21.69,4.2,21.049,4.523c-0.303,0.153-0.721,0.391-1.024,0.578c-0.79-0.278-1.607-0.462-2.479-0.561c-0.884-0.1-3.051-0.044-3.82,0.098c-0.752,0.139-1.429,0.309-2.042,0.511c-0.306-0.189-0.75-0.444-1.067-0.604C9.973,4.221,9.473,4.041,8.847,3.908c-0.734-0.157-0.81-0.104-1.02,0.708c-0.26,1.003-0.262,2.151-0.005,2.878C7.852,7.577,7.87,7.636,7.877,7.682c-1.042,1.312-1.382,2.78-1.156,4.829c0.059,0.534,0.15,1.024,0.277,1.473c-0.665-0.004-1.611,0.02-2.294,0.064c-1.162,0.077-2.618,0.25-3.109,0.369c-0.484,0.118-0.269,0.122,0.389,0.007c1.103-0.194,2.712-0.32,4.248-0.331c0.29-0.001,0.561-0.007,0.794-0.013c0.07,0.237,0.15,0.463,0.241,0.678L7.26,14.759c-1.015,0.035-2.264,0.168-3.465,0.37c-0.901,0.151-2.231,0.453-2.386,0.54c-0.163,0.091-0.03,0.071,0.668-0.106c1.273-0.322,2.928-0.569,4.978-0.741l0.229-0.02c0.44,1.022,1.118,1.802,2.076,2.41c0.586,0.373,1.525,0.756,1.998,0.816c0.13,0.016,0.508,0.094,0.84,0.172c0.333,0.078,0.984,0.195,1.446,0.262h0.011c-0.009,0.006-0.017,0.01-0.025,0.016c-0.56,0.291-0.924,0.744-1.169,1.457c-0.11,0.033-0.247,0.078-0.395,0.129c-0.529,0.18-0.735,0.217-1.271,0.221c-0.556,0.004-0.688-0.02-1.02-0.176c-0.483-0.225-0.933-0.639-1.233-1.133c-0.501-0.826-1.367-1.41-2.089-1.41c-0.617,0-0.734,0.25-0.288,0.615c0.672,0.549,1.174,1.109,1.38,1.537c0.116,0.24,0.294,0.611,0.397,0.824c0.109,0.227,0.342,0.535,0.564,0.748c0.522,0.498,1.026,0.736,1.778,0.848c0.504,0.074,0.628,0.074,1.223-0.002c0.287-0.035,0.529-0.076,0.746-0.127c0,0.244,0,0.525,0,0.855c0,1.766-0.021,2.334-0.091,2.5c-0.132,0.316-0.428,0.641-0.716,0.787c-0.287,0.146-0.376,0.307-0.255,0.455c0.067,0.08,0.196,0.094,0.629,0.066c0.822-0.051,1.403-0.355,1.699-0.891c0.095-0.172,0.117-0.518,0.147-2.318c0.032-1.953,0.046-2.141,0.173-2.42c0.077-0.166,0.188-0.346,0.25-0.395c0.104-0.086,0.111,0.084,0.111,2.42c-0.001,2.578-0.027,2.889-0.285,3.385c-0.058,0.113-0.168,0.26-0.245,0.33c-0.135,0.123-0.192,0.438-0.098,0.533c0.155,0.154,0.932-0.088,1.356-0.422c0.722-0.572,0.808-1.045,0.814-4.461l0.003-2.004l0.219,0.021l0.219,0.02l0.036,2.621c0.041,2.951,0.047,2.994,0.549,3.564c0.285,0.322,0.572,0.5,1.039,0.639c0.625,0.188,0.813-0.102,0.393-0.605c-0.457-0.547-0.479-0.756-0.454-3.994c0.017-2.076,0.017-2.076,0.151-1.955c0.282,0.256,0.336,0.676,0.336,2.623c0,2.418,0.069,2.648,0.923,3.07c0.399,0.195,0.511,0.219,1.022,0.221c0.544,0.002,0.577-0.006,0.597-0.148c0.017-0.115-0.05-0.193-0.304-0.348c-0.333-0.205-0.564-0.467-0.709-0.797c-0.055-0.127-0.092-0.959-0.117-2.672c-0.036-2.393-0.044-2.502-0.193-2.877c-0.201-0.504-0.508-0.902-0.897-1.166c-0.101-0.066-0.202-0.121-0.333-0.162c0.161-0.016,0.317-0.033,0.468-0.055c1.572-0.209,2.403-0.383,3.07-0.641c1.411-0.543,2.365-1.445,2.882-2.724c0.046-0.114,0.092-0.222,0.131-0.309l0.398,0.033c2.051,0.173,3.706,0.42,4.979,0.743c0.698,0.177,0.831,0.198,0.668,0.105C30.666,15.551,29.336,15.25,28.436,15.099zM22.422,15.068c-0.233,0.512-0.883,1.17-1.408,1.428c-0.518,0.256-1.33,0.451-2.25,0.544c-0.629,0.064-4.137,0.083-4.716,0.026c-1.917-0.188-2.991-0.557-3.783-1.296c-0.75-0.702-1.1-1.655-1.039-2.828c0.039-0.734,0.216-1.195,0.679-1.755c0.421-0.51,0.864-0.825,1.386-0.985c0.437-0.134,1.778-0.146,3.581-0.03c0.797,0.051,1.456,0.051,2.252,0c1.886-0.119,3.145-0.106,3.61,0.038c0.731,0.226,1.397,0.834,1.797,1.644c0.18,0.362,0.215,0.516,0.241,1.075C22.808,13.699,22.675,14.517,22.422,15.068zM12.912,11.762c-1.073-0.188-1.686,1.649-0.863,2.587c0.391,0.445,0.738,0.518,1.172,0.248c0.402-0.251,0.62-0.72,0.62-1.328C13.841,12.458,13.472,11.862,12.912,11.762zM19.425,11.872c-1.073-0.188-1.687,1.647-0.864,2.586c0.392,0.445,0.738,0.519,1.173,0.247c0.401-0.25,0.62-0.72,0.62-1.328C20.354,12.569,19.985,11.971,19.425,11.872zM16.539,15.484c-0.023,0.074-0.135,0.184-0.248,0.243c-0.286,0.147-0.492,0.096-0.794-0.179c-0.187-0.169-0.272-0.258-0.329-0.081c-0.053,0.164,0.28,0.493,0.537,0.594c0.236,0.094,0.405,0.097,0.661-0.01c0.254-0.106,0.476-0.391,0.476-0.576C16.842,15.303,16.595,15.311,16.539,15.484zM16.222,14.909c0.163-0.144,0.2-0.44,0.044-0.597s-0.473-0.133-0.597,0.043c-0.144,0.206-0.067,0.363,0.036,0.53C15.865,15.009,16.08,15.034,16.222,14.909z",
-    "raph_flickr": "M21.77,8.895c-2.379,0-4.479,1.174-5.77,2.969c-1.289-1.795-3.39-2.969-5.77-2.969c-3.924,0-7.105,3.181-7.105,7.105c0,3.924,3.181,7.105,7.105,7.105c2.379,0,4.48-1.175,5.77-2.97c1.29,1.795,3.391,2.97,5.77,2.97c3.925,0,7.105-3.182,7.105-7.105C28.875,12.075,25.694,8.895,21.77,8.895zM21.769,21.822c-3.211,0-5.821-2.61-5.821-5.821c0-3.213,2.61-5.824,5.821-5.824c3.213,0,5.824,2.611,5.824,5.824C27.593,19.212,24.981,21.822,21.769,21.822z",
-    "raph_lock": "M22.335,12.833V9.999h-0.001C22.333,6.501,19.498,3.666,16,3.666S9.666,6.502,9.666,10h0v2.833H7.375V25h17.25V12.833H22.335zM11.667,10C11.667,10,11.667,10,11.667,10c0-2.39,1.944-4.334,4.333-4.334c2.391,0,4.335,1.944,4.335,4.333c0,0,0,0,0,0v2.834h-8.668V10z",
-    "raph_clip": "M23.898,6.135c-1.571-1.125-3.758-0.764-4.884,0.808l-8.832,12.331c-0.804,1.122-0.546,2.684,0.577,3.488c1.123,0.803,2.684,0.545,3.488-0.578l6.236-8.706l-0.813-0.583l-6.235,8.707h0c-0.483,0.672-1.42,0.828-2.092,0.347c-0.673-0.481-0.827-1.419-0.345-2.093h0l8.831-12.33l0.001-0.001l-0.002-0.001c0.803-1.119,2.369-1.378,3.489-0.576c1.12,0.803,1.379,2.369,0.577,3.489v-0.001l-9.68,13.516l0.001,0.001c-1.124,1.569-3.316,1.931-4.885,0.808c-1.569-1.125-1.93-3.315-0.807-4.885l7.035-9.822l-0.813-0.582l-7.035,9.822c-1.447,2.02-0.982,4.83,1.039,6.277c2.021,1.448,4.831,0.982,6.278-1.037l9.68-13.516C25.83,9.447,25.47,7.261,23.898,6.135z",
-    "raph_star": "M15.999,22.77l-8.884,6.454l3.396-10.44l-8.882-6.454l10.979,0.002l2.918-8.977l0.476-1.458l3.39,10.433h10.982l-8.886,6.454l3.397,10.443L15.999,22.77L15.999,22.77z",
-    "raph_star2": "M30.373,12.329H19.391l-3.39-10.433l-0.476,1.458l-2.918,8.977L1.628,12.329l8.882,6.454l-3.396,10.44l8.884-6.454l8.886,6.457l-3.397-10.443L30.373,12.329z M17.175,21.151L16,20.298l-1.175,0.854l-3.902,2.834l1.49-4.584l0.45-1.382l-1.177-0.855l-3.9-2.834h6.275l0.45-1.381L16,8.366l1.489,4.581l0.449,1.381h6.281l-3.906,2.836l-1.178,0.854l0.449,1.384l1.493,4.584L17.175,21.151z",
-    "raph_plus": "M25.979,12.896 19.312,12.896 19.312,6.229 12.647,6.229 12.647,12.896 5.979,12.896 5.979,19.562 12.647,19.562 12.647,26.229 19.312,26.229 19.312,19.562 25.979,19.562",
-    "raph_chat": "M15.985,5.972c-7.563,0-13.695,4.077-13.695,9.106c0,2.877,2.013,5.44,5.147,7.108c-0.446,1.479-1.336,3.117-3.056,4.566c0,0,4.015-0.266,6.851-3.143c0.163,0.04,0.332,0.07,0.497,0.107c-0.155-0.462-0.246-0.943-0.246-1.443c0-3.393,3.776-6.05,8.599-6.05c3.464,0,6.379,1.376,7.751,3.406c1.168-1.34,1.847-2.892,1.847-4.552C29.68,10.049,23.548,5.972,15.985,5.972zM27.68,22.274c0-2.79-3.401-5.053-7.599-5.053c-4.196,0-7.599,2.263-7.599,5.053c0,2.791,3.403,5.053,7.599,5.053c0.929,0,1.814-0.116,2.637-0.319c1.573,1.597,3.801,1.744,3.801,1.744c-0.954-0.804-1.447-1.713-1.695-2.534C26.562,25.293,27.68,23.871,27.68,22.274z",
-    "raph_quote": "M14.505,5.873c-3.937,2.52-5.904,5.556-5.904,9.108c0,1.104,0.192,1.656,0.576,1.656l0.396-0.107c0.312-0.12,0.563-0.18,0.756-0.18c1.128,0,2.07,0.411,2.826,1.229c0.756,0.82,1.134,1.832,1.134,3.037c0,1.157-0.408,2.14-1.224,2.947c-0.816,0.807-1.801,1.211-2.952,1.211c-1.608,0-2.935-0.661-3.979-1.984c-1.044-1.321-1.565-2.98-1.565-4.977c0-2.259,0.443-4.327,1.332-6.203c0.888-1.875,2.243-3.57,4.067-5.085c1.824-1.514,2.988-2.272,3.492-2.272c0.336,0,0.612,0.162,0.828,0.486c0.216,0.324,0.324,0.606,0.324,0.846L14.505,5.873zM27.465,5.873c-3.937,2.52-5.904,5.556-5.904,9.108c0,1.104,0.192,1.656,0.576,1.656l0.396-0.107c0.312-0.12,0.563-0.18,0.756-0.18c1.104,0,2.04,0.411,2.808,1.229c0.769,0.82,1.152,1.832,1.152,3.037c0,1.157-0.408,2.14-1.224,2.947c-0.816,0.807-1.801,1.211-2.952,1.211c-1.608,0-2.935-0.661-3.979-1.984c-1.044-1.321-1.565-2.98-1.565-4.977c0-2.284,0.449-4.369,1.35-6.256c0.9-1.887,2.256-3.577,4.068-5.067c1.812-1.49,2.97-2.236,3.474-2.236c0.336,0,0.612,0.162,0.828,0.486c0.216,0.324,0.324,0.606,0.324,0.846L27.465,5.873z",
-    "raph_slideshare": "M28.952,12.795c-0.956,1.062-5.073,2.409-5.604,2.409h-4.513c-0.749,0-1.877,0.147-2.408,0.484c0.061,0.054,0.122,0.108,0.181,0.163c0.408,0.379,1.362,0.913,2.206,0.913c0.397,0,0.723-0.115,1-0.354c1.178-1.007,1.79-1.125,2.145-1.125c0.421,0,0.783,0.193,0.996,0.531c0.4,0.626,0.106,1.445-0.194,2.087c-0.718,1.524-3.058,3.171-5.595,3.171c-0.002,0-0.002,0-0.004,0c-0.354,0-0.701-0.033-1.033-0.099v3.251c0,0.742,1.033,2.533,4.167,2.533s3.955-3.701,3.955-4.338v-4.512c2.23-1.169,4.512-1.805,5.604-3.895C30.882,12.05,29.907,11.733,28.952,12.795zM21.942,17.521c0.796-1.699-0.053-1.699-1.54-0.425s-3.665,0.105-4.408-0.585c-0.743-0.689-1.486-1.22-2.814-1.167c-1.328,0.053-4.46-0.161-6.267-0.585c-1.805-0.425-4.895-3-5.15-2.335c-0.266,0.69,0.211,1.168,1.168,2.335c0.955,1.169,5.075,2.778,5.075,2.778s0,3.453,0,4.886c0,1.435,2.973,3.61,4.512,3.61s2.708-1.062,2.708-1.806v-4.512C17.775,21.045,21.146,19.221,21.942,17.521zM20.342,13.73c1.744,0,3.159-1.414,3.159-3.158c0-1.745-1.415-3.159-3.159-3.159s-3.158,1.414-3.158,3.159C17.184,12.316,18.598,13.73,20.342,13.73zM12.019,13.73c1.744,0,3.158-1.414,3.158-3.158c0-1.745-1.414-3.159-3.158-3.159c-1.745,0-3.159,1.414-3.159,3.159C8.86,12.316,10.273,13.73,12.019,13.73z"
-	}
-}
\ No newline at end of file
+{"size": 32,
+"fill": true,
+"data": {
+    "raph_?": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466z M17.328,24.371h-2.707v-2.596h2.707V24.371zM17.328,19.003v0.858h-2.707v-1.057c0-3.19,3.63-3.696,3.63-5.963c0-1.034-0.924-1.826-2.134-1.826c-1.254,0-2.354,0.924-2.354,0.924l-1.541-1.915c0,0,1.519-1.584,4.137-1.584c2.487,0,4.796,1.54,4.796,4.136C21.156,16.208,17.328,16.627,17.328,19.003z",
+    "raph_i": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466z M14.757,8h2.42v2.574h-2.42V8z M18.762,23.622H16.1c-1.034,0-1.475-0.44-1.475-1.496v-6.865c0-0.33-0.176-0.484-0.484-0.484h-0.88V12.4h2.662c1.035,0,1.474,0.462,1.474,1.496v6.887c0,0.309,0.176,0.484,0.484,0.484h0.88V23.622z",
+    "raph_$": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466z M17.255,23.88v2.047h-1.958v-2.024c-3.213-0.44-4.621-3.08-4.621-3.08l2.002-1.673c0,0,1.276,2.223,3.586,2.223c1.276,0,2.244-0.683,2.244-1.849c0-2.729-7.349-2.398-7.349-7.459c0-2.2,1.738-3.785,4.137-4.159V5.859h1.958v2.046c1.672,0.22,3.652,1.1,3.652,2.993v1.452h-2.596v-0.704c0-0.726-0.925-1.21-1.959-1.21c-1.32,0-2.288,0.66-2.288,1.584c0,2.794,7.349,2.112,7.349,7.415C21.413,21.614,19.785,23.506,17.255,23.88z",
+    "raph_temp": "M19.361,17.744V3.438c0-1.85-1.504-3.348-3.352-3.348c-1.852,0-3.35,1.498-3.35,3.348v14.193c-2.106,1.154-3.536,3.391-3.536,5.961c0,3.752,3.042,6.793,6.793,6.793c3.753,0,6.793-3.041,6.793-6.793C22.71,21.099,21.363,18.924,19.361,17.744zM15.917,29.27c-3.129,0-5.676-2.548-5.676-5.68c0-2.072,1.132-3.98,2.954-4.979l0.581-0.316V3.437c0-1.231,1.003-2.231,2.236-2.231c1.231,0,2.232,1,2.232,2.231v14.942l0.548,0.324c1.756,1.036,2.806,2.861,2.806,4.887C21.596,26.722,19.048,29.27,15.917,29.27zM18.225,19.666l-1.099-0.647V9.26h-2.233v9.695l-1.161,0.635c-1.464,0.805-2.375,2.334-2.375,4c0,2.514,2.047,4.561,4.56,4.561c2.515,0,4.56-2.047,4.56-4.561C20.479,21.988,19.616,20.485,18.225,19.666z",
+    "raph_thunder": "M25.371,7.306c-0.092-3.924-3.301-7.077-7.248-7.079c-2.638,0.001-4.942,1.412-6.208,3.517c-0.595-0.327-1.28-0.517-2.01-0.517C7.626,3.229,5.772,5.033,5.689,7.293c-2.393,0.786-4.125,3.025-4.127,5.686c0,3.312,2.687,6,6,6v-0.002h5.271l-2.166,3.398l1.977-0.411L10,30.875l9.138-10.102L17,21l2.167-2.023h4.269c3.312,0,6-2.688,6-6C29.434,10.34,27.732,8.11,25.371,7.306zM23.436,16.979H7.561c-2.209-0.006-3.997-1.792-4.001-4.001c-0.002-1.982,1.45-3.618,3.35-3.931c0.265-0.043,0.502-0.191,0.657-0.414C7.722,8.41,7.779,8.136,7.73,7.87C7.702,7.722,7.685,7.582,7.685,7.446C7.689,6.221,8.68,5.23,9.905,5.228c0.647,0,1.217,0.278,1.633,0.731c0.233,0.257,0.587,0.375,0.927,0.309c0.342-0.066,0.626-0.307,0.748-0.63c0.749-1.992,2.662-3.412,4.911-3.41c2.899,0.004,5.244,2.35,5.251,5.249c0,0.161-0.009,0.326-0.027,0.497c-0.049,0.517,0.305,0.984,0.815,1.079c1.86,0.344,3.274,1.966,3.271,3.923C27.43,15.186,25.645,16.973,23.436,16.979z",
+    "raph_snow": "M25.372,6.912c-0.093-3.925-3.302-7.078-7.248-7.08c-2.638,0.002-4.942,1.412-6.208,3.518c-0.595-0.327-1.28-0.518-2.01-0.518C7.627,2.834,5.773,4.639,5.69,6.898c-2.393,0.786-4.125,3.025-4.127,5.686c0,3.312,2.687,6,6,6v-0.002h15.875c3.312,0,6-2.688,6-6C29.434,9.944,27.732,7.715,25.372,6.912zM23.436,16.584H7.562c-2.209-0.006-3.997-1.793-4.001-4c-0.002-1.983,1.45-3.619,3.35-3.933c0.265-0.043,0.502-0.19,0.657-0.414C7.723,8.015,7.78,7.74,7.731,7.475C7.703,7.326,7.686,7.187,7.686,7.051c0.004-1.225,0.995-2.217,2.22-2.219c0.647,0,1.217,0.278,1.633,0.731c0.233,0.257,0.587,0.375,0.927,0.31c0.342-0.066,0.626-0.308,0.748-0.631c0.749-1.992,2.662-3.412,4.911-3.41c2.898,0.004,5.244,2.351,5.251,5.25c0,0.16-0.009,0.325-0.026,0.496c-0.05,0.518,0.305,0.984,0.814,1.079c1.859,0.345,3.273,1.966,3.271,3.923C27.43,14.791,25.645,16.578,23.436,16.584zM16.667,24.09l1.119-1.119c0.389-0.391,0.389-1.025,0-1.416c-0.392-0.391-1.025-0.391-1.415,0l-1.119,1.119l-1.119-1.119c-0.391-0.391-1.025-0.391-1.415,0c-0.391,0.391-0.391,1.025,0,1.416l1.118,1.117l-1.12,1.121c-0.389,0.393-0.389,1.021,0,1.414c0.195,0.188,0.451,0.293,0.707,0.293c0.256,0,0.512-0.104,0.708-0.293l1.12-1.119l1.12,1.119c0.195,0.188,0.451,0.293,0.708,0.293c0.256,0,0.512-0.104,0.707-0.293c0.391-0.396,0.391-1.021,0-1.414L16.667,24.09zM25.119,21.817c-0.393-0.392-1.025-0.392-1.415,0l-1.12,1.121l-1.12-1.121c-0.391-0.392-1.022-0.392-1.414,0c-0.39,0.392-0.39,1.022,0,1.416l1.119,1.119l-1.119,1.119c-0.39,0.391-0.39,1.022,0,1.413c0.195,0.195,0.451,0.294,0.707,0.294c0.257,0,0.513-0.099,0.707-0.294l1.12-1.118l1.12,1.118c0.194,0.195,0.45,0.294,0.707,0.294c0.256,0,0.513-0.099,0.708-0.294c0.389-0.391,0.389-1.022,0-1.413l-1.12-1.119l1.12-1.119C25.507,22.842,25.507,22.209,25.119,21.817zM9.334,23.953l1.119-1.119c0.389-0.394,0.389-1.021,0-1.414c-0.391-0.394-1.025-0.394-1.415,0l-1.119,1.119l-1.12-1.121c-0.391-0.39-1.023-0.39-1.415,0c-0.391,0.396-0.391,1.024,0,1.418l1.119,1.117l-1.12,1.118c-0.391,0.394-0.391,1.025,0,1.414c0.196,0.195,0.452,0.293,0.708,0.293c0.256,0,0.511-0.098,0.707-0.293l1.12-1.119l1.121,1.121c0.195,0.195,0.451,0.293,0.707,0.293s0.513-0.098,0.708-0.293c0.389-0.391,0.389-1.022,0-1.416L9.334,23.953z",
+    "raph_hail": "M25.372,6.912c-0.093-3.925-3.302-7.078-7.248-7.08c-2.638,0.002-4.942,1.412-6.208,3.518c-0.595-0.327-1.28-0.518-2.01-0.518C7.627,2.834,5.773,4.639,5.69,6.898c-2.393,0.786-4.125,3.025-4.127,5.686c0,3.312,2.687,6,6,6v-0.002h15.875c3.312,0,6-2.688,6-6C29.434,9.944,27.732,7.715,25.372,6.912zM23.436,16.584H7.562c-2.209-0.006-3.997-1.793-4.001-4c-0.002-1.983,1.45-3.619,3.35-3.933c0.265-0.043,0.502-0.19,0.657-0.414C7.723,8.015,7.78,7.74,7.731,7.475C7.703,7.326,7.686,7.187,7.686,7.051c0.004-1.225,0.995-2.217,2.22-2.219c0.647,0,1.217,0.278,1.633,0.731c0.233,0.257,0.587,0.375,0.927,0.31c0.342-0.066,0.626-0.308,0.748-0.631c0.749-1.992,2.662-3.412,4.911-3.41c2.898,0.004,5.244,2.351,5.251,5.25c0,0.16-0.009,0.325-0.026,0.496c-0.05,0.518,0.305,0.984,0.814,1.079c1.859,0.345,3.273,1.966,3.271,3.923C27.43,14.791,25.645,16.578,23.436,16.584zM11.503,23.709c-0.784-0.002-1.418-0.636-1.418-1.416c0-0.785,0.634-1.416,1.418-1.418c0.78,0.002,1.413,0.633,1.416,1.418C12.917,23.073,12.284,23.707,11.503,23.709zM19.002,23.709c-0.783-0.002-1.418-0.636-1.418-1.416c0-0.785,0.635-1.416,1.418-1.418c0.779,0.002,1.414,0.633,1.414,1.418C20.417,23.073,19.784,23.707,19.002,23.709zM7.503,28.771c-0.783-0.002-1.417-0.637-1.417-1.418s0.634-1.414,1.417-1.416c0.78,0.002,1.415,0.635,1.415,1.416C8.917,28.135,8.284,28.77,7.503,28.771zM15.001,28.771c-0.782-0.002-1.417-0.637-1.417-1.418s0.634-1.414,1.417-1.416c0.78,0.002,1.413,0.635,1.415,1.416C16.415,28.135,15.784,28.77,15.001,28.771zM22.5,28.771c-0.782-0.002-1.416-0.634-1.416-1.416c0-0.785,0.634-1.418,1.416-1.42c0.781,0.002,1.414,0.635,1.418,1.42C23.915,28.138,23.282,28.77,22.5,28.771z",
+    "raph_rain": "M25.371,7.306c-0.092-3.924-3.301-7.077-7.248-7.079c-2.638,0.001-4.942,1.412-6.208,3.517c-0.595-0.327-1.28-0.517-2.01-0.517C7.626,3.229,5.772,5.033,5.689,7.293c-2.393,0.786-4.125,3.025-4.127,5.686c0,3.312,2.687,6,6,6v-0.002h15.874c3.312,0,6-2.688,6-6C29.434,10.34,27.732,8.11,25.371,7.306zM23.436,16.979H7.561c-2.209-0.006-3.997-1.792-4.001-4.001c-0.002-1.982,1.45-3.618,3.35-3.931c0.265-0.043,0.502-0.191,0.657-0.414C7.722,8.41,7.779,8.136,7.73,7.87C7.702,7.722,7.685,7.582,7.685,7.446C7.689,6.221,8.68,5.23,9.905,5.228c0.647,0,1.217,0.278,1.633,0.731c0.233,0.257,0.587,0.375,0.927,0.309c0.342-0.066,0.626-0.307,0.748-0.63c0.749-1.992,2.662-3.412,4.911-3.41c2.899,0.004,5.244,2.35,5.251,5.249c0,0.161-0.009,0.326-0.027,0.497c-0.049,0.517,0.305,0.984,0.815,1.079c1.86,0.344,3.274,1.966,3.271,3.923C27.43,15.186,25.645,16.973,23.436,16.979zM9.029,26.682c0-1.115,0.021-5.425,0.021-5.432c0.002-0.409-0.247-0.779-0.628-0.932c-0.38-0.152-0.815-0.059-1.099,0.24c-0.006,0.008-1.037,1.098-2.081,2.342c-0.523,0.627-1.048,1.287-1.463,1.896c-0.399,0.648-0.753,1.066-0.811,1.885C2.971,28.355,4.324,29.711,6,29.714C7.672,29.71,9.029,28.354,9.029,26.682zM4.971,26.727c0.091-0.349,1.081-1.719,1.993-2.764c0.025-0.029,0.051-0.061,0.076-0.089c-0.005,1.124-0.01,2.294-0.01,2.808c0,0.567-0.461,1.028-1.029,1.03C5.447,27.71,4.997,27.273,4.971,26.727zM16.425,26.682c0-1.115,0.021-5.424,0.021-5.43c0.002-0.41-0.247-0.779-0.628-0.934c-0.381-0.152-0.814-0.058-1.1,0.242c-0.006,0.008-1.035,1.094-2.08,2.342c-0.522,0.623-1.047,1.285-1.463,1.894c-0.399,0.649-0.753,1.068-0.809,1.888c0,1.672,1.354,3.028,3.029,3.028C15.068,29.711,16.425,28.354,16.425,26.682zM12.365,26.729c0.092-0.349,1.081-1.72,1.993-2.765c0.025-0.03,0.05-0.06,0.075-0.089c-0.005,1.123-0.011,2.294-0.011,2.807c-0.002,0.568-0.461,1.027-1.028,1.029C12.84,27.709,12.392,27.273,12.365,26.729zM23.271,20.317c-0.38-0.153-0.816-0.06-1.099,0.24c-0.009,0.008-1.037,1.097-2.08,2.342c-0.523,0.625-1.049,1.285-1.462,1.896c-0.402,0.649-0.754,1.067-0.812,1.886c0,1.672,1.354,3.029,3.03,3.029c1.673,0,3.027-1.357,3.027-3.029c0-1.115,0.022-5.425,0.022-5.431C23.9,20.84,23.651,20.47,23.271,20.317zM21.879,26.681c-0.004,0.568-0.463,1.027-1.031,1.029c-0.553-0.002-1.002-0.438-1.028-0.982c0.092-0.349,1.081-1.72,1.993-2.765c0.025-0.028,0.05-0.059,0.074-0.088C21.883,24.998,21.879,26.167,21.879,26.681z",
+    "raph_sun": "M15.502,7.504c-4.35,0-7.873,3.523-7.873,7.873c0,4.347,3.523,7.872,7.873,7.872c4.346,0,7.871-3.525,7.871-7.872C23.374,11.027,19.85,7.504,15.502,7.504zM15.502,21.25c-3.244-0.008-5.866-2.63-5.874-5.872c0.007-3.243,2.63-5.866,5.874-5.874c3.242,0.008,5.864,2.631,5.871,5.874C21.366,18.62,18.744,21.242,15.502,21.25zM15.502,6.977c0.553,0,1-0.448,1-1.001V1.125c-0.002-0.553-0.448-1-1-1c-0.553,0-1.001,0.449-1,1.002v4.85C14.502,6.528,14.949,6.977,15.502,6.977zM18.715,7.615c0.125,0.053,0.255,0.076,0.382,0.077c0.394,0,0.765-0.233,0.925-0.618l1.856-4.483c0.21-0.511-0.031-1.095-0.541-1.306c-0.511-0.211-1.096,0.031-1.308,0.541L18.174,6.31C17.963,6.82,18.205,7.405,18.715,7.615zM21.44,9.436c0.195,0.194,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293l3.43-3.433c0.391-0.39,0.39-1.023,0-1.415c-0.392-0.39-1.025-0.39-1.415,0.002L21.44,8.021C21.049,8.412,21.049,9.045,21.44,9.436zM23.263,12.16c0.158,0.385,0.531,0.617,0.923,0.617c0.127,0,0.257-0.025,0.383-0.078l4.48-1.857c0.511-0.211,0.753-0.797,0.541-1.307s-0.796-0.752-1.307-0.54l-4.481,1.857C23.292,11.064,23.051,11.65,23.263,12.16zM29.752,14.371l-4.851,0.001c-0.552,0-1,0.448-0.998,1.001c0,0.553,0.447,0.999,0.998,0.999l4.852-0.002c0.553,0,0.999-0.449,0.999-1C30.752,14.817,30.304,14.369,29.752,14.371zM29.054,19.899l-4.482-1.854c-0.512-0.212-1.097,0.03-1.307,0.541c-0.211,0.511,0.031,1.096,0.541,1.308l4.482,1.854c0.126,0.051,0.256,0.075,0.383,0.075c0.393,0,0.765-0.232,0.925-0.617C29.806,20.695,29.563,20.109,29.054,19.899zM22.86,21.312c-0.391-0.391-1.023-0.391-1.414,0.001c-0.391,0.39-0.39,1.022,0,1.413l3.434,3.429c0.195,0.195,0.45,0.293,0.706,0.293s0.513-0.098,0.708-0.293c0.391-0.392,0.389-1.025,0-1.415L22.86,21.312zM20.029,23.675c-0.211-0.511-0.796-0.752-1.307-0.541c-0.51,0.212-0.752,0.797-0.54,1.308l1.86,4.48c0.159,0.385,0.531,0.617,0.925,0.617c0.128,0,0.258-0.024,0.383-0.076c0.511-0.211,0.752-0.797,0.54-1.309L20.029,23.675zM15.512,23.778c-0.553,0-1,0.448-1,1l0.004,4.851c0,0.553,0.449,0.999,1,0.999c0.553,0,1-0.448,0.998-1l-0.003-4.852C16.511,24.226,16.062,23.777,15.512,23.778zM12.296,23.142c-0.51-0.21-1.094,0.031-1.306,0.543l-1.852,4.483c-0.21,0.511,0.033,1.096,0.543,1.307c0.125,0.052,0.254,0.076,0.382,0.076c0.392,0,0.765-0.234,0.924-0.619l1.853-4.485C13.051,23.937,12.807,23.353,12.296,23.142zM9.57,21.325c-0.392-0.391-1.025-0.389-1.415,0.002L4.729,24.76c-0.391,0.392-0.389,1.023,0.002,1.415c0.195,0.194,0.45,0.292,0.706,0.292c0.257,0,0.513-0.098,0.708-0.293l3.427-3.434C9.961,22.349,9.961,21.716,9.57,21.325zM7.746,18.604c-0.213-0.509-0.797-0.751-1.307-0.54L1.96,19.925c-0.511,0.212-0.752,0.798-0.54,1.308c0.16,0.385,0.531,0.616,0.924,0.616c0.127,0,0.258-0.024,0.383-0.076l4.479-1.861C7.715,19.698,7.957,19.113,7.746,18.604zM7.1,15.392c0-0.553-0.447-0.999-1-0.999l-4.851,0.006c-0.553,0-1.001,0.448-0.999,1.001c0.001,0.551,0.449,1,1,0.998l4.852-0.006C6.654,16.392,7.102,15.942,7.1,15.392zM1.944,10.869l4.485,1.85c0.125,0.053,0.254,0.076,0.381,0.076c0.393,0,0.766-0.232,0.925-0.618c0.212-0.511-0.032-1.097-0.544-1.306L2.708,9.021c-0.511-0.21-1.095,0.032-1.306,0.542C1.19,10.074,1.435,10.657,1.944,10.869zM8.137,9.451c0.195,0.193,0.449,0.291,0.705,0.291s0.513-0.098,0.709-0.295c0.391-0.389,0.389-1.023-0.004-1.414L6.113,4.609C5.723,4.219,5.088,4.221,4.699,4.612c-0.391,0.39-0.389,1.024,0.002,1.414L8.137,9.451zM10.964,7.084c0.16,0.384,0.532,0.615,0.923,0.615c0.128,0,0.258-0.025,0.384-0.077c0.51-0.212,0.753-0.798,0.54-1.307l-1.864-4.479c-0.212-0.51-0.798-0.751-1.308-0.539C9.129,1.51,8.888,2.096,9.1,2.605L10.964,7.084z",
+    "raph_undo": "M12.981,9.073V6.817l-12.106,6.99l12.106,6.99v-2.422c3.285-0.002,9.052,0.28,9.052,2.269c0,2.78-6.023,4.263-6.023,4.263v2.132c0,0,13.53,0.463,13.53-9.823C29.54,9.134,17.952,8.831,12.981,9.073z",
+    "raph_merge": "M26.92,10.928l-3.574-2.064v2.297h-6.414c-1.123,0.084-3.062-1.19-5.218-2.881C9.543,6.676,7.062,4.709,3.74,4.656H1.505v3.662H3.74c1.627-0.047,3.633,1.232,5.769,2.883c0.796,0.577,1.599,1.213,2.45,1.788c-0.851,0.575-1.653,1.212-2.45,1.789c-2.136,1.646-4.142,2.929-5.767,2.882H1.505v3.668h2.236c3.315-0.047,5.797-2.02,7.975-3.621c2.156-1.691,4.094-2.966,5.218-2.883h6.412v2.297l3.574-2.062l3.576-2.064L26.92,10.928z",
+    "raph_split": "M23.346,23.979l3.576-2.062l3.574-2.062l-3.576-2.064l-3.574-2.062v2.293c-0.876,0-1.894,0-2.235,0c-1.626,0.046-3.633-1.233-5.768-2.883c-0.796-0.578-1.599-1.214-2.45-1.789c0.851-0.575,1.653-1.211,2.45-1.789c2.135-1.647,4.142-2.929,5.766-2.882l2.237-0.001v2.296l3.574-2.063l3.576-2.064L26.92,4.78l-3.574-2.064v2.295H21.11c-3.321,0.047-5.803,2.019-7.975,3.622c-2.156,1.691-4.094,2.965-5.218,2.882H1.505v3.664h6.414c1.123-0.083,3.062,1.191,5.218,2.882c2.171,1.604,4.652,3.575,7.974,3.622h2.235V23.979L23.346,23.979z",
+    "raph_fork": "M26.268,22.562l3.514-2.03l-3.514-2.028l-3.515-2.028v2.256c-0.922-0.002-2.45-0.002-2.883-0.002c-1.28-0.03-2.12-0.431-2.994-1.148c-1.303-1.07-2.415-2.997-3.756-4.853c-0.682-0.923-1.442-1.839-2.454-2.575C9.664,9.415,8.355,8.902,6.9,8.912H0.593v3.604H6.9c0.877,0.016,1.432,0.302,2.189,1.012c1.12,1.055,2.212,3.072,3.718,4.983c1.476,1.893,3.747,3.804,7.041,3.823h2.905v2.256L26.268,22.562zM11.401,8.912c0.04,0.028,0.082,0.053,0.121,0.082c1.202,0.874,2.07,1.947,2.757,2.88c0.158,0.218,0.298,0.428,0.448,0.642h8.026v2.257l3.515-2.028l3.514-2.029l-3.514-2.029l-3.515-2.03v2.255H11.401z",
+    "raph_shuffle": "M9.089,13.133c0.346,0.326,0.69,0.75,1.043,1.228c0.051-0.073,0.099-0.144,0.15-0.219c0.511-0.75,1.09-1.599,1.739-2.421c0.103-0.133,0.211-0.245,0.316-0.371c-0.487-0.572-1.024-1.12-1.672-1.592C9.663,9.02,8.354,8.506,6.899,8.517H0.593v3.604H6.9C7.777,12.138,8.333,12.422,9.089,13.133zM22.753,16.082v2.256c-0.922-0.002-2.45-0.002-2.883-0.002c-1.28-0.03-2.12-0.438-2.994-1.148c-0.378-0.311-0.74-0.7-1.097-1.133c-0.268,0.376-0.538,0.764-0.813,1.168c-0.334,0.488-0.678,0.99-1.037,1.484c-0.089,0.121-0.189,0.246-0.283,0.369c1.455,1.528,3.473,2.846,6.202,2.862h2.905v2.256l3.515-2.026l3.521-2.03l-3.521-2.028L22.753,16.082zM16.876,13.27c0.874-0.712,1.714-1.118,2.994-1.148c0.433,0,1.961,0,2.883-0.002v2.256l3.515-2.026l3.521-2.028l-3.521-2.029l-3.515-2.027V8.52h-2.905c-3.293,0.02-5.563,1.93-7.041,3.822c-1.506,1.912-2.598,3.929-3.718,4.982C8.332,18.033,7.777,18.32,6.9,18.336H0.593v3.604H6.9c1.455,0.011,2.764-0.502,3.766-1.242c1.012-0.735,1.772-1.651,2.454-2.573C14.461,16.267,15.574,14.34,16.876,13.27z",
+    "raph_refresh": "M15.999,4.308c1.229,0.001,2.403,0.214,3.515,0.57L18.634,6.4h6.247l-1.562-2.706L21.758,0.99l-0.822,1.425c-1.54-0.563-3.2-0.878-4.936-0.878c-7.991,0-14.468,6.477-14.468,14.468c0,3.317,1.128,6.364,3.005,8.805l2.2-1.689c-1.518-1.973-2.431-4.435-2.436-7.115C4.312,9.545,9.539,4.318,15.999,4.308zM27.463,7.203l-2.2,1.69c1.518,1.972,2.431,4.433,2.435,7.114c-0.011,6.46-5.238,11.687-11.698,11.698c-1.145-0.002-2.24-0.188-3.284-0.499l0.828-1.432H7.297l1.561,2.704l1.562,2.707l0.871-1.511c1.477,0.514,3.058,0.801,4.709,0.802c7.992-0.002,14.468-6.479,14.47-14.47C30.468,12.689,29.339,9.643,27.463,7.203z",
+    "raph_smile2": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM16,29.534C8.539,29.534,2.466,23.462,2.466,16C2.466,8.539,8.539,2.466,16,2.466c7.462,0,13.535,6.072,13.535,13.533C29.534,23.462,23.462,29.534,16,29.534zM11.104,14c0.932,0,1.688-1.483,1.688-3.312s-0.755-3.312-1.688-3.312s-1.688,1.483-1.688,3.312S10.172,14,11.104,14zM20.729,14c0.934,0,1.688-1.483,1.688-3.312s-0.756-3.312-1.688-3.312c-0.932,0-1.688,1.483-1.688,3.312S19.798,14,20.729,14zM8.143,21.189C10.458,24.243,13.148,26,16.021,26c2.969,0,5.745-1.868,8.11-5.109c-2.515,1.754-5.292,2.734-8.215,2.734C13.164,23.625,10.54,22.756,8.143,21.189z",
+    "raph_smile": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM20.729,7.375c0.934,0,1.688,1.483,1.688,3.312S21.661,14,20.729,14c-0.932,0-1.688-1.483-1.688-3.312S19.798,7.375,20.729,7.375zM11.104,7.375c0.932,0,1.688,1.483,1.688,3.312S12.037,14,11.104,14s-1.688-1.483-1.688-3.312S10.172,7.375,11.104,7.375zM16.021,26c-2.873,0-5.563-1.757-7.879-4.811c2.397,1.564,5.021,2.436,7.774,2.436c2.923,0,5.701-0.98,8.215-2.734C21.766,24.132,18.99,26,16.021,26z",
+    "raph_alarm": "M15.499,5.125c-0.553,0-0.999,0.448-0.999,1v9.221L8.454,17.99c-0.506,0.222-0.736,0.812-0.514,1.318c0.164,0.375,0.53,0.599,0.915,0.599c0.134,0,0.271-0.027,0.401-0.085l6.626-2.898c0.005-0.002,0.009-0.004,0.013-0.006l0.004-0.002c0.015-0.006,0.023-0.02,0.037-0.025c0.104-0.052,0.201-0.113,0.279-0.195c0.034-0.034,0.053-0.078,0.079-0.117c0.048-0.064,0.101-0.127,0.13-0.204c0.024-0.06,0.026-0.125,0.038-0.189c0.013-0.064,0.038-0.121,0.038-0.186V6.124C16.5,5.573,16.052,5.125,15.499,5.125zM31.125,6.832c0-3.832-3.105-6.938-6.938-6.938c-1.938,0-3.686,0.796-4.94,2.077C18.05,1.652,16.798,1.466,15.5,1.466c-1.334,0-2.62,0.195-3.847,0.531c-1.259-1.295-3.016-2.103-4.965-2.103C2.856-0.106-0.25,3-0.25,6.832c0,1.845,0.726,3.517,1.901,4.76c-0.443,1.39-0.685,2.87-0.685,4.408c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534c0-1.575-0.259-3.087-0.722-4.508C30.436,10.261,31.125,8.629,31.125,6.832zM15.5,27.533C9.139,27.533,3.966,22.359,3.966,16c0-6.36,5.173-11.534,11.534-11.534c6.361,0,11.533,5.173,11.533,11.534C27.033,22.361,21.859,27.533,15.5,27.533z",
+    "raph_clock": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM16,27.533C9.639,27.533,4.466,22.359,4.466,16C4.466,9.64,9.639,4.466,16,4.466c6.361,0,11.533,5.173,11.533,11.534C27.533,22.361,22.359,27.533,16,27.533zM15.999,5.125c-0.553,0-0.999,0.448-0.999,1v9.221L8.954,17.99c-0.506,0.222-0.736,0.812-0.514,1.318c0.164,0.375,0.53,0.599,0.915,0.599c0.134,0,0.271-0.027,0.401-0.085l6.626-2.898c0.005-0.002,0.009-0.004,0.013-0.006l0.004-0.002c0.015-0.006,0.023-0.02,0.037-0.025c0.104-0.052,0.201-0.113,0.279-0.195c0.034-0.034,0.053-0.078,0.079-0.117c0.048-0.064,0.101-0.127,0.13-0.204c0.024-0.06,0.026-0.125,0.038-0.189C16.975,16.121,17,16.064,17,15.999V6.124C17,5.573,16.552,5.125,15.999,5.125z",
+    "raph_globeAlt2": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM8.251,7.48c0.122,0.055,0.255,0.104,0.28,0.137C8.57,7.668,8.621,7.823,8.557,7.861C8.492,7.9,8.39,7.887,8.376,7.771c-0.013-0.115-0.026-0.128-0.18-0.18c-0.022-0.007-0.035-0.01-0.051-0.015C8.18,7.544,8.216,7.512,8.251,7.48zM7.733,7.974c0.031,0.087,0.113,0.125,0,0.17C7.673,8.168,7.611,8.172,7.559,8.165C7.617,8.102,7.672,8.035,7.733,7.974zM16,27.533C9.639,27.533,4.466,22.36,4.466,16c0-0.085,0.011-0.168,0.013-0.254c0.004-0.003,0.008-0.006,0.012-0.009c0.129-0.102,0.283-0.359,0.334-0.45c0.052-0.089,0.181-0.154,0.116-0.256c-0.059-0.096-0.292-0.23-0.407-0.261c0.01-0.099,0.032-0.195,0.045-0.294c0.063,0.077,0.137,0.17,0.208,0.194c0.115,0.038,0.501,0.052,0.566,0.052c0.063,0,0.334,0.014,0.386-0.064c0.051-0.077,0.09-0.077,0.154-0.077c0.064,0,0.18,0.231,0.271,0.257c0.089,0.026,0.257,0.013,0.244,0.181c-0.012,0.166,0.077,0.309,0.167,0.321c0.09,0.013,0.296-0.194,0.296-0.194s0,0.322-0.012,0.438C6.846,15.698,7,16.124,7,16.124s0.193,0.397,0.244,0.488c0.052,0.09,0.27,0.36,0.27,0.476c0,0.117,0.026,0.297,0.104,0.297s0.155-0.206,0.244-0.335c0.091-0.128,0.117-0.31,0.155-0.438c0.039-0.129,0.039-0.36,0.039-0.45c0-0.091,0.076-0.168,0.257-0.245c0.181-0.077,0.309-0.296,0.463-0.412c0.155-0.116,0.142-0.309,0.452-0.309c0.308,0,0.282,0,0.36-0.078c0.077-0.077,0.154-0.128,0.192,0.013c0.039,0.142,0.257,0.347,0.296,0.399c0.039,0.052,0.116,0.193,0.104,0.348c-0.013,0.153,0.012,0.334,0.077,0.334c0.064,0,0.193-0.219,0.193-0.219s0.283-0.192,0.27,0.014c-0.014,0.205,0.025,0.425,0.025,0.552c0,0.13,0.232,0.438,0.232,0.362c0-0.079,0.103-0.296,0.103-0.413c0-0.114,0.064-0.063,0.231,0.051c0.167,0.116,0.283,0.349,0.283,0.349s0.168,0.154,0.193,0.219c0.026,0.064,0.206-0.025,0.244-0.104c0.039-0.076,0.065-0.115,0.167-0.141c0.104-0.026,0.231-0.026,0.271-0.168c0.039-0.142,0.154-0.308,0-0.502c-0.154-0.193-0.232-0.321-0.347-0.412c-0.117-0.09-0.206-0.322-0.206-0.322s0.244-0.218,0.321-0.296c0.079-0.077,0.193-0.025,0.207,0.064c0.013,0.091-0.115,0.168-0.141,0.361c-0.026,0.192,0.154,0.257,0.206,0.192c0.051-0.065,0.18-0.219,0.18-0.257c0-0.039-0.089-0.026-0.102-0.167c-0.013-0.142,0.166-0.245,0.23-0.207c0.066,0.039,0.477-0.051,0.67-0.154s0.308-0.322,0.425-0.412c0.116-0.089,0.515-0.386,0.489-0.527c-0.026-0.142,0.012-0.334-0.09-0.515c-0.103-0.18-0.232-0.295-0.283-0.373c-0.051-0.077,0.219-0.09,0.347-0.206c0.129-0.116,0-0.219-0.064-0.206c-0.064,0.013-0.232,0.052-0.296,0.039c-0.064-0.013-0.103-0.077-0.206-0.155c-0.102-0.077,0.026-0.192,0.091-0.179c0.064,0.013,0.23-0.129,0.308-0.193c0.077-0.064,0.193-0.115,0.154-0.051c-0.038,0.064-0.128,0.296-0.026,0.309c0.104,0.013,0.348-0.193,0.388-0.18c0.038,0.013,0.102,0.18,0.064,0.257c-0.039,0.077-0.039,0.206,0.013,0.193c0.051-0.013,0.154-0.129,0.18-0.09c0.027,0.039,0.154,0.116,0.09,0.257c-0.063,0.142-0.193,0.193-0.039,0.284c0.154,0.089,0.206,0.012,0.322-0.052c0.115-0.064,0.193-0.347,0.128-0.438c-0.064-0.09-0.218-0.27-0.218-0.334c0-0.064,0.257-0.064,0.257-0.167s0.09-0.18,0.18-0.219c0.091-0.039,0.206-0.206,0.244-0.154c0.039,0.052,0.271,0.116,0.334,0.039c0.064-0.077,0.4-0.36,0.605-0.515c0.206-0.154,0.283-0.334,0.336-0.515c0.051-0.18,0.128-0.296,0.102-0.437v0c0.077,0.18,0.09,0.309,0.077,0.45c-0.013,0.142,0,0.438,0.026,0.476c0.025,0.039,0.129,0.128,0.192,0.103c0.064-0.025-0.025-0.283-0.025-0.334c0-0.052,0.09-0.129,0.142-0.142c0.052-0.013,0-0.231-0.065-0.322c-0.063-0.09-0.154-0.142-0.102-0.154c0.051-0.013,0.115-0.116,0.077-0.142c-0.039-0.025-0.014-0.116-0.103-0.09c-0.065,0.019-0.241-0.015-0.235,0.095c-0.037-0.11-0.116-0.183-0.216-0.172c-0.116,0.013-0.181,0.077-0.296,0.077s-0.025-0.18-0.077-0.18c-0.051,0-0.168,0.167-0.231,0.077c-0.064-0.09,0.18-0.206,0.373-0.27c0.192-0.064,0.514-0.438,0.644-0.451c0.128-0.013,0.45,0.026,0.733,0.013c0.283-0.013,0.373-0.129,0.463-0.064s0.283,0.142,0.399,0.129c0.116-0.014,0.064,0,0.244-0.129c0.18-0.129,0.348-0.193,0.438-0.296c0.09-0.103,0.335-0.18,0.348-0.077c0.014,0.103-0.026,0.206,0.077,0.206s0.258-0.103,0.386-0.154c0.129-0.051,0.231-0.116,0.231-0.116s-0.527,0.36-0.655,0.438c-0.129,0.077-0.438,0.129-0.567,0.283c-0.128,0.155-0.205,0.206-0.192,0.374c0.014,0.167,0.231,0.386,0.128,0.54c-0.103,0.154-0.141,0.373-0.141,0.373s0.154-0.219,0.373-0.36s0.348-0.334,0.425-0.412s0.309-0.091,0.309-0.181s0.064-0.206,0.104-0.309c0.038-0.103-0.077-0.078,0-0.206c0.076-0.129,0.064-0.232,0.45-0.232s0.257,0.026,0.566,0.013c0.309-0.013,0.424-0.167,0.72-0.245c0.296-0.077,0.527-0.128,0.618-0.089c0.09,0.038,0.232,0.012,0.141-0.078c-0.089-0.09-0.295-0.219-0.193-0.245c0.104-0.026,0.207-0.039,0.246-0.142c0.039-0.103-0.142-0.283-0.039-0.386c0.104-0.103-0.077-0.231-0.207-0.257c-0.128-0.025-0.63,0.026-0.731-0.025c-0.104-0.052-0.271-0.116-0.322-0.078c-0.052,0.039-0.168,0.245-0.168,0.245s-0.09,0.025-0.168-0.09c-0.076-0.116-0.5-0.103-0.629-0.103s-0.271,0.025-0.413,0.039c-0.141,0.013-0.219,0.052-0.322-0.039c-0.102-0.09-0.243-0.129-0.296-0.167c-0.051-0.039-0.334-0.039-0.553-0.012c-0.218,0.025-0.438,0.025-0.438,0.025s-0.104-0.039-0.257-0.129c-0.154-0.09-0.309-0.154-0.361-0.154c-0.051,0-0.449,0.064-0.539,0c-0.091-0.064-0.181-0.103-0.245-0.103s-0.115-0.103-0.038-0.103s0.437-0.103,0.437-0.103s-0.103-0.142-0.231-0.142c-0.128,0-0.359-0.064-0.424-0.064s-0.014,0.064-0.142,0.039c-0.13-0.026-0.258-0.078-0.335-0.026c-0.076,0.051-0.258,0.128-0.064,0.18c0.193,0.052,0.373,0,0.425,0.078c0.052,0.077,0,0.115,0,0.167s-0.103,0.193-0.167,0.219c-0.064,0.025-0.143-0.039-0.27,0.025c-0.129,0.064-0.451,0.013-0.49,0.052c-0.038,0.039-0.115-0.103-0.18-0.077c-0.064,0.025-0.232,0.193-0.322,0.18c-0.089-0.013-0.206-0.103-0.206-0.206s-0.038-0.232-0.077-0.258c-0.038-0.025-0.322-0.039-0.425-0.025c-0.103,0.013-0.424,0.038-0.477,0.09c-0.052,0.052-0.193,0.09-0.283,0.09s-0.167-0.09-0.36-0.116c-0.192-0.026-0.617-0.039-0.669-0.026s-0.218-0.025-0.155-0.077c0.065-0.051,0.257-0.219,0.143-0.295c-0.117-0.078-0.375-0.078-0.489-0.09c-0.117-0.013-0.232-0.039-0.413-0.013c-0.181,0.026-0.219,0.116-0.296,0.039c-0.077-0.077,0.193,0.039-0.077-0.077c-0.27-0.116-0.399-0.103-0.477-0.064c-0.077,0.039,0.013,0.025-0.192,0.103c-0.206,0.078-0.322,0.116-0.374,0.129c-0.051,0.012-0.372-0.065-0.411-0.091c-0.038-0.025-0.181,0.013-0.309,0.064S9.895,7.025,9.767,7C9.638,6.973,9.432,6.973,9.303,7.025C9.174,7.076,9.084,7.076,8.956,7.166c-0.13,0.09-0.373,0.142-0.373,0.142S8.522,7.305,8.448,7.301C10.474,5.541,13.111,4.466,16,4.466c6.361,0,11.534,5.173,11.534,11.534S22.36,27.533,16,27.533zM14.888,19.92c0,0,0.207-0.026,0.207-0.117c0-0.089-0.207-0.205-0.282-0.102c-0.078,0.102-0.219,0.205-0.207,0.296C14.625,20.138,14.888,19.92,14.888,19.92zM14.875,17.023c-0.181,0.233-0.167,0.182-0.296,0.128c-0.128-0.05-0.334,0.116-0.296,0.182c0.039,0.064,0.322-0.014,0.386,0.102c0.065,0.116,0.065,0.129,0.193,0.104c0.128-0.026,0.257-0.205,0.219-0.295C15.043,17.151,14.875,17.023,14.875,17.023zM14.837,18.245c-0.051,0-0.412,0.064-0.451,0.079c-0.039,0.013-0.27-0.025-0.27-0.025c-0.09,0.089-0.026,0.179,0.116,0.166s0.438-0.052,0.502-0.052C14.799,18.413,14.888,18.245,14.837,18.245zM14.284,14.668c-0.19,0.03-0.308,0.438-0.155,0.425C14.284,15.081,14.451,14.643,14.284,14.668zM14.734,16.959c-0.052-0.064-0.181-0.271-0.323-0.219c-0.042,0.017-0.153,0.245-0.012,0.245C14.541,16.985,14.786,17.023,14.734,16.959zM14.85,16.805c0.232-0.013,0.167-0.245-0.013-0.257C14.786,16.544,14.618,16.818,14.85,16.805zM17.591,18.928c-0.193-0.039-0.244-0.102-0.45-0.205c-0.207-0.103-0.67-0.103-0.682-0.039c-0.014,0.064,0,0-0.155-0.05c-0.153-0.054-0.271,0-0.309-0.091c-0.038-0.091-0.128-0.117-0.244-0.002c-0.097,0.097-0.142,0.104,0.078,0.143c0.218,0.039,0.283,0.039,0.192,0.141c-0.09,0.104-0.154,0.233-0.077,0.244c0.077,0.015,0.309-0.05,0.334,0c0.026,0.054-0.051,0.064,0.207,0.105c0.258,0.037,0.309,0.128,0.359,0.178c0.051,0.052,0.206,0.22,0.104,0.22c-0.104,0-0.219,0.128-0.142,0.143c0.077,0.013,0.309-0.039,0.321,0c0.014,0.037,0.143,0.283,0.271,0.271c0.129-0.013,0.206-0.244,0.27-0.31c0.065-0.064,0.322-0.104,0.349,0.012c0.026,0.116,0.104,0.233,0.257,0.311c0.154,0.076,0.335,0.154,0.348,0.089c0.013-0.064-0.077-0.309-0.181-0.346c-0.103-0.041-0.282-0.259-0.282-0.348c0-0.091-0.155-0.117-0.232-0.182C17.849,19.147,17.784,18.967,17.591,18.928zM8.042,17.023c-0.084,0.037-0.155,0.476,0,0.527c0.154,0.052,0.244-0.205,0.193-0.271C8.183,17.218,8.158,16.973,8.042,17.023zM15.429,18.117c-0.118-0.05-0.335,0.424-0.181,0.463C15.403,18.62,15.518,18.156,15.429,18.117zM15.687,13.703c0.077,0,0.18-0.051,0.18-0.193c0-0.142,0.18,0,0.27-0.013s0.141-0.103,0.18-0.206c0.005-0.013,0.008-0.021,0.009-0.027c-0.003,0.024-0.001,0.093,0.095,0.117c0.154,0.038,0.205-0.064,0.205-0.103s0.283-0.103,0.336-0.142c0.051-0.038,0.258-0.103,0.27-0.154c0.013-0.051,0-0.348,0.064-0.373c0.064-0.026,0.154-0.026,0.052-0.206c-0.104-0.181-0.104-0.348-0.232-0.271c-0.095,0.057-0.038,0.284-0.115,0.438s-0.142,0.296-0.193,0.296s-0.321,0.103-0.399,0.18c-0.076,0.077-0.45-0.064-0.501,0c-0.052,0.064-0.154,0.141-0.219,0.193c-0.065,0.051-0.245,0.013-0.207,0.167C15.518,13.562,15.609,13.703,15.687,13.703zM17.449,12.056c0.18-0.013,0.348-0.064,0.348-0.064s0.271,0.013,0.232-0.116c-0.04-0.128-0.322-0.141-0.375-0.128c-0.051,0.013-0.142-0.142-0.244-0.116c-0.096,0.023-0.128,0.155-0.128,0.193c0,0.039-0.36,0.115-0.245,0.219C17.153,12.146,17.27,12.069,17.449,12.056zM13.91,19.058c0.104,0.064,0.296-0.219,0.349-0.13c0.051,0.091-0.013,0.13,0.076,0.246c0.091,0.114,0.258,0.102,0.258,0.102s-0.013-0.309-0.155-0.387c-0.142-0.077-0.232-0.166-0.064-0.141c0.167,0.026,0.257-0.039,0.219-0.114c-0.039-0.078-0.283-0.039-0.361-0.026s-0.193-0.052-0.193-0.052c-0.077,0.024-0.063,0.089-0.09,0.219C13.923,18.902,13.807,18.992,13.91,19.058zM20.924,21.618c-0.231-0.052-0.077,0.039,0,0.154c0.077,0.116,0.232,0.176,0.258,0.05C21.193,21.759,21.155,21.67,20.924,21.618zM21.915,24.744c-0.077,0.064,0,0.091-0.219,0.22c-0.22,0.13-0.49,0.271-0.541,0.386c-0.052,0.116,0.051,0.181,0.258,0.192c0.206,0.013,0.154,0.053,0.296-0.103s0.271-0.244,0.438-0.373c0.168-0.128,0.168-0.322,0.168-0.322s-0.181-0.178-0.193-0.141C22.1,24.665,21.992,24.681,21.915,24.744zM18.504,21.618c0.014-0.116-0.219-0.116-0.334-0.207c-0.116-0.089-0.128-0.359-0.193-0.515c-0.064-0.153-0.192-0.257-0.322-0.397c-0.128-0.143-0.192-0.465-0.23-0.438c-0.039,0.025-0.154,0.399-0.064,0.515c0.09,0.116-0.039,0.348-0.103,0.503c-0.065,0.153-0.22-0.026-0.349-0.104c-0.129-0.078-0.308-0.128-0.398-0.219c-0.09-0.091,0.155-0.335,0.091-0.426c-0.065-0.09-0.412-0.013-0.45-0.013c-0.039,0-0.116-0.128-0.194-0.128c-0.077,0-0.064,0.258-0.064,0.258s-0.078-0.091-0.193-0.207c-0.117-0.115,0.012,0.077-0.103,0.193c-0.117,0.117-0.079,0.078-0.129,0.206c-0.051,0.129-0.167,0.077-0.283-0.052c-0.116-0.128-0.179-0.037-0.258,0c-0.077,0.039-0.141,0.259-0.18,0.309c-0.039,0.052-0.309,0.117-0.374,0.182c-0.064,0.062-0.09,0.27-0.09,0.322c0,0.05-0.271,0.023-0.361,0.089c-0.09,0.064-0.23,0.025-0.321,0.025c-0.09,0-0.399,0.244-0.502,0.308c-0.103,0.066-0.103,0.298-0.051,0.362c0.051,0.063,0.154,0.219,0.09,0.244c-0.064,0.026-0.104,0.206,0.051,0.359c0.154,0.155,0.103,0.194,0.115,0.271c0.014,0.077,0.078,0.104,0.181,0.232c0.102,0.128-0.181,0.231-0.219,0.31c-0.039,0.076,0.091,0.192,0.167,0.257c0.077,0.063,0.271,0.026,0.386-0.013c0.117-0.039,0.245-0.143,0.321-0.155c0.079-0.013,0.438-0.026,0.438-0.026s0.129-0.192,0.219-0.296c0.089-0.102,0.372-0.013,0.372-0.013s0.117-0.076,0.426-0.141c0.309-0.065,0.179,0.064,0.296,0.104c0.115,0.037,0.27,0.062,0.359,0.128c0.09,0.064,0,0.218-0.012,0.283c-0.014,0.064,0.219,0.038,0.23-0.026c0.014-0.064,0.077-0.128,0.207-0.205c0.128-0.078,0.025,0.114,0.076,0.231c0.052,0.116,0.129-0.157,0.129-0.026c0,0.039,0.039,0.078,0.051,0.116c0.014,0.039,0.181,0.052,0.181,0.18c0,0.13,0,0.207,0.039,0.231c0.038,0.026,0.244,0,0.335,0.155c0.089,0.154,0.154,0.013,0.205-0.052c0.052-0.064,0.231,0.026,0.283,0.078c0.052,0.05,0.193-0.104,0.387-0.155c0.192-0.051,0.167-0.039,0.219-0.115c0.051-0.078,0.09-0.283,0.205-0.438c0.115-0.153,0.271-0.424,0.271-0.631c0-0.206-0.014-0.682-0.155-0.899C18.761,21.953,18.492,21.733,18.504,21.618zM18.029,24.77c-0.065-0.013-0.207-0.062-0.207-0.062c-0.142,0.141,0.142,0.141,0.104,0.283c-0.039,0.141,0.193,0.089,0.257,0.064c0.063-0.027,0.22-0.323,0.193-0.399C18.351,24.577,18.093,24.783,18.029,24.77zM22.803,24.178c-0.052,0-0.077,0.064-0.192,0c-0.117-0.063-0.091-0.037-0.168-0.167c-0.077-0.127-0.091-0.296-0.219-0.23c-0.051,0.025,0,0.168,0.051,0.218c0.053,0.052,0.077,0.231,0.064,0.283c-0.012,0.052-0.231,0.116-0.129,0.18c0.104,0.064,0.297,0,0.271,0.078c-0.025,0.077-0.129,0.179-0.013,0.205c0.115,0.025,0.154-0.089,0.207-0.178c0.051-0.093,0.089-0.169,0.179-0.221C22.944,24.294,22.854,24.178,22.803,24.178zM22.815,21.18c0.168,0.064,0.464-0.231,0.347-0.27C23.047,20.871,22.815,21.18,22.815,21.18zM13.923,19.906c-0.029,0.115,0.193,0.167,0.206,0.039C14.141,19.816,13.949,19.803,13.923,19.906zM14.27,16.47c-0.064,0.065-0.257,0.193-0.283,0.31c-0.025,0.115,0.309-0.182,0.399-0.296c0.091-0.117,0.27-0.052,0.308-0.117c0.04-0.063,0.04-0.063,0.04-0.063s-0.142-0.025-0.257-0.063c-0.117-0.039-0.258,0.102-0.193-0.104c0.064-0.206,0.257-0.167,0.219-0.322c-0.039-0.154-0.168-0.193-0.207-0.193c-0.09,0,0.013,0.141-0.116,0.231c-0.128,0.09-0.271,0.128-0.193,0.283C14.064,16.29,14.334,16.405,14.27,16.47zM13.254,19.751c0.013-0.076-0.142-0.192-0.206-0.192c-0.065,0-0.386-0.077-0.386-0.077c-0.058,0.023-0.135,0.045-0.158,0.077c-0.007-0.011-0.022-0.024-0.049-0.039c-0.142-0.075-0.309,0-0.361-0.102c-0.05-0.104-0.127-0.104-0.179-0.039c-0.094,0.117,0.025,0.206,0.063,0.231c0.038,0.024,0.181,0.052,0.309,0.039c0.08-0.008,0.181-0.027,0.21-0.059c0.004,0.014,0.016,0.027,0.035,0.044c0.103,0.092,0.167,0.13,0.321,0.116C13.009,19.74,13.241,19.829,13.254,19.751zM12.881,18.992c0.065,0,0.193,0,0.283,0.026c0.09,0.025,0.386,0.05,0.373-0.064c-0.013-0.115-0.038-0.297,0.089-0.411c0.13-0.117,0.257-0.18,0.193-0.348c-0.063-0.167-0.193-0.271-0.103-0.349c0.09-0.076,0.192-0.102,0.192-0.166c0-0.065-0.217,0.18-0.244-0.246c-0.005-0.091-0.206,0.025-0.219,0.116c-0.012,0.091,0.142,0.167-0.103,0.167c-0.245,0-0.257,0.194-0.309,0.232c-0.052,0.039-0.103,0.051-0.207,0.076c-0.102,0.026-0.127,0.13-0.153,0.194c-0.025,0.063-0.206-0.116-0.257-0.064c-0.051,0.052-0.013,0.296,0.077,0.501C12.585,18.863,12.816,18.992,12.881,18.992zM11.979,18.928c0.065-0.077,0.038-0.192-0.063-0.18c-0.103,0.013-0.193-0.168-0.36-0.283c-0.168-0.114-0.296-0.194-0.451-0.36c-0.154-0.167-0.347-0.271-0.45-0.359c-0.104-0.091-0.257-0.13-0.322-0.116c-0.159,0.032,0.231,0.309,0.271,0.346c0.039,0.041,0.387,0.335,0.387,0.478s0.231,0.476,0.296,0.527c0.064,0.052,0.385,0.244,0.437,0.348c0.052,0.103,0.167,0.13,0.167-0.013C11.89,19.174,11.916,19.006,11.979,18.928zM11.002,17.474c0.064,0.232,0.193,0.464,0.244,0.555c0.052,0.089,0.271,0.217,0.348,0.281c0.077,0.064,0.192-0.024,0.143-0.102c-0.052-0.078-0.155-0.192-0.167-0.283c-0.013-0.091-0.078-0.233-0.181-0.387c-0.102-0.153-0.192-0.192-0.257-0.295c-0.064-0.104-0.296-0.297-0.296-0.297c-0.102,0.013-0.102,0.205-0.051,0.271C10.834,17.28,10.938,17.243,11.002,17.474z",
+    "raph_globeAlt": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM27.436,17.39c0.001,0.002,0.004,0.002,0.005,0.004c-0.022,0.187-0.054,0.37-0.085,0.554c-0.015-0.012-0.034-0.025-0.047-0.036c-0.103-0.09-0.254-0.128-0.318-0.115c-0.157,0.032,0.229,0.305,0.267,0.342c0.009,0.009,0.031,0.03,0.062,0.058c-1.029,5.312-5.709,9.338-11.319,9.338c-4.123,0-7.736-2.18-9.776-5.441c0.123-0.016,0.24-0.016,0.28-0.076c0.051-0.077,0.102-0.241,0.178-0.331c0.077-0.089,0.165-0.229,0.127-0.292c-0.039-0.064,0.101-0.344,0.088-0.419c-0.013-0.076-0.127-0.256,0.064-0.407s0.394-0.382,0.407-0.444c0.012-0.063,0.166-0.331,0.152-0.458c-0.012-0.127-0.152-0.28-0.24-0.318c-0.09-0.037-0.28-0.05-0.356-0.151c-0.077-0.103-0.292-0.203-0.368-0.178c-0.076,0.025-0.204,0.05-0.305-0.015c-0.102-0.062-0.267-0.139-0.33-0.189c-0.065-0.05-0.229-0.088-0.305-0.088c-0.077,0-0.065-0.052-0.178,0.101c-0.114,0.153,0,0.204-0.204,0.177c-0.204-0.023,0.025-0.036,0.141-0.189c0.113-0.152-0.013-0.242-0.141-0.203c-0.126,0.038-0.038,0.115-0.241,0.153c-0.203,0.036-0.203-0.09-0.076-0.115s0.355-0.139,0.355-0.19c0-0.051-0.025-0.191-0.127-0.191s-0.077-0.126-0.229-0.291c-0.092-0.101-0.196-0.164-0.299-0.204c-0.09-0.579-0.15-1.167-0.15-1.771c0-2.844,1.039-5.446,2.751-7.458c0.024-0.02,0.048-0.034,0.069-0.036c0.084-0.009,0.31-0.025,0.51-0.059c0.202-0.034,0.418-0.161,0.489-0.153c0.069,0.008,0.241,0.008,0.186-0.042C8.417,8.2,8.339,8.082,8.223,8.082S8.215,7.896,8.246,7.896c0.03,0,0.186,0.025,0.178,0.11C8.417,8.091,8.471,8.2,8.625,8.167c0.156-0.034,0.132-0.162,0.102-0.195C8.695,7.938,8.672,7.853,8.642,7.794c-0.031-0.06-0.023-0.136,0.14-0.153C8.944,7.625,9.168,7.708,9.16,7.573s0-0.28,0.046-0.356C9.253,7.142,9.354,7.09,9.299,7.065C9.246,7.04,9.176,7.099,9.121,6.972c-0.054-0.127,0.047-0.22,0.108-0.271c0.02-0.015,0.067-0.06,0.124-0.112C11.234,5.257,13.524,4.466,16,4.466c3.213,0,6.122,1.323,8.214,3.45c-0.008,0.022-0.01,0.052-0.031,0.056c-0.077,0.013-0.166,0.063-0.179-0.051c-0.013-0.114-0.013-0.331-0.102-0.203c-0.089,0.127-0.127,0.127-0.127,0.191c0,0.063,0.076,0.127,0.051,0.241C23.8,8.264,23.8,8.341,23.84,8.341c0.036,0,0.126-0.115,0.239-0.141c0.116-0.025,0.319-0.088,0.332,0.026c0.013,0.115,0.139,0.152,0.013,0.203c-0.128,0.051-0.267,0.026-0.293-0.051c-0.025-0.077-0.114-0.077-0.203-0.013c-0.088,0.063-0.279,0.292-0.279,0.292s-0.306,0.139-0.343,0.114c-0.04-0.025,0.101-0.165,0.203-0.228c0.102-0.064,0.178-0.204,0.14-0.242c-0.038-0.038-0.088-0.279-0.063-0.343c0.025-0.063,0.139-0.152,0.013-0.216c-0.127-0.063-0.217-0.14-0.318-0.178s-0.216,0.152-0.305,0.204c-0.089,0.051-0.076,0.114-0.191,0.127c-0.114,0.013-0.189,0.165,0,0.254c0.191,0.089,0.255,0.152,0.204,0.204c-0.051,0.051-0.267-0.025-0.267-0.025s-0.165-0.076-0.268-0.076c-0.101,0-0.229-0.063-0.33-0.076c-0.102-0.013-0.306-0.013-0.355,0.038c-0.051,0.051-0.179,0.203-0.28,0.152c-0.101-0.051-0.101-0.102-0.241-0.051c-0.14,0.051-0.279-0.038-0.355,0.038c-0.077,0.076-0.013,0.076-0.255,0c-0.241-0.076-0.189,0.051-0.419,0.089s-0.368-0.038-0.432,0.038c-0.064,0.077-0.153,0.217-0.19,0.127c-0.038-0.088,0.126-0.241,0.062-0.292c-0.062-0.051-0.33-0.025-0.367,0.013c-0.039,0.038-0.014,0.178,0.011,0.229c0.026,0.05,0.064,0.254-0.011,0.216c-0.077-0.038-0.064-0.166-0.141-0.152c-0.076,0.013-0.165,0.051-0.203,0.077c-0.038,0.025-0.191,0.025-0.229,0.076c-0.037,0.051,0.014,0.191-0.051,0.203c-0.063,0.013-0.114,0.064-0.254-0.025c-0.14-0.089-0.14-0.038-0.178-0.012c-0.038,0.025-0.216,0.127-0.229,0.012c-0.013-0.114,0.025-0.152-0.089-0.229c-0.115-0.076-0.026-0.076,0.127-0.025c0.152,0.05,0.343,0.075,0.622-0.013c0.28-0.089,0.395-0.127,0.28-0.178c-0.115-0.05-0.229-0.101-0.406-0.127c-0.179-0.025-0.42-0.025-0.7-0.127c-0.279-0.102-0.343-0.14-0.457-0.165c-0.115-0.026-0.813-0.14-1.132-0.089c-0.317,0.051-1.193,0.28-1.245,0.318s-0.128,0.19-0.292,0.318c-0.165,0.127-0.47,0.419-0.712,0.47c-0.241,0.051-0.521,0.254-0.521,0.305c0,0.051,0.101,0.242,0.076,0.28c-0.025,0.038,0.05,0.229,0.191,0.28c0.139,0.05,0.381,0.038,0.393-0.039c0.014-0.076,0.204-0.241,0.217-0.127c0.013,0.115,0.14,0.292,0.114,0.368c-0.025,0.077,0,0.153,0.09,0.14c0.088-0.012,0.559-0.114,0.559-0.114s0.153-0.064,0.127-0.166c-0.026-0.101,0.166-0.241,0.203-0.279c0.038-0.038,0.178-0.191,0.014-0.241c-0.167-0.051-0.293-0.064-0.115-0.216s0.292,0,0.521-0.229c0.229-0.229-0.051-0.292,0.191-0.305c0.241-0.013,0.496-0.025,0.444,0.051c-0.05,0.076-0.342,0.242-0.508,0.318c-0.166,0.077-0.14,0.216-0.076,0.292c0.063,0.076,0.09,0.254,0.204,0.229c0.113-0.025,0.254-0.114,0.38-0.101c0.128,0.012,0.383-0.013,0.42-0.013c0.039,0,0.216,0.178,0.114,0.203c-0.101,0.025-0.229,0.013-0.445,0.025c-0.215,0.013-0.456,0.013-0.456,0.051c0,0.039,0.292,0.127,0.19,0.191c-0.102,0.063-0.203-0.013-0.331-0.026c-0.127-0.012-0.203,0.166-0.241,0.267c-0.039,0.102,0.063,0.28-0.127,0.216c-0.191-0.063-0.331-0.063-0.381-0.038c-0.051,0.025-0.203,0.076-0.331,0.114c-0.126,0.038-0.076-0.063-0.242-0.063c-0.164,0-0.164,0-0.164,0l-0.103,0.013c0,0-0.101-0.063-0.114-0.165c-0.013-0.102,0.05-0.216-0.013-0.241c-0.064-0.026-0.292,0.012-0.33,0.088c-0.038,0.076-0.077,0.216-0.026,0.28c0.052,0.063,0.204,0.19,0.064,0.152c-0.14-0.038-0.317-0.051-0.419,0.026c-0.101,0.076-0.279,0.241-0.279,0.241s-0.318,0.025-0.318,0.102c0,0.077,0,0.178-0.114,0.191c-0.115,0.013-0.268,0.05-0.42,0.076c-0.153,0.025-0.139,0.088-0.317,0.102s-0.204,0.089-0.038,0.114c0.165,0.025,0.418,0.127,0.431,0.241c0.014,0.114-0.013,0.242-0.076,0.356c-0.043,0.079-0.305,0.026-0.458,0.026c-0.152,0-0.456-0.051-0.584,0c-0.127,0.051-0.102,0.305-0.064,0.419c0.039,0.114-0.012,0.178-0.063,0.216c-0.051,0.038-0.065,0.152,0,0.204c0.063,0.051,0.114,0.165,0.166,0.178c0.051,0.013,0.215-0.038,0.279,0.025c0.064,0.064,0.127,0.216,0.165,0.178c0.039-0.038,0.089-0.203,0.153-0.166c0.064,0.039,0.216-0.012,0.331-0.025s0.177-0.14,0.292-0.204c0.114-0.063,0.05-0.063,0.013-0.14c-0.038-0.076,0.114-0.165,0.204-0.254c0.088-0.089,0.253-0.013,0.292-0.115c0.038-0.102,0.051-0.279,0.151-0.267c0.103,0.013,0.243,0.076,0.331,0.076c0.089,0,0.279-0.14,0.332-0.165c0.05-0.025,0.241-0.013,0.267,0.102c0.025,0.114,0.241,0.254,0.292,0.279c0.051,0.025,0.381,0.127,0.433,0.165c0.05,0.038,0.126,0.153,0.152,0.254c0.025,0.102,0.114,0.102,0.128,0.013c0.012-0.089-0.065-0.254,0.025-0.242c0.088,0.013,0.191-0.026,0.191-0.026s-0.243-0.165-0.331-0.203c-0.088-0.038-0.255-0.114-0.331-0.241c-0.076-0.127-0.267-0.153-0.254-0.279c0.013-0.127,0.191-0.051,0.292,0.051c0.102,0.102,0.356,0.241,0.445,0.33c0.088,0.089,0.229,0.127,0.267,0.242c0.039,0.114,0.152,0.241,0.19,0.292c0.038,0.051,0.165,0.331,0.204,0.394c0.038,0.063,0.165-0.012,0.229-0.063c0.063-0.051,0.179-0.076,0.191-0.178c0.013-0.102-0.153-0.178-0.203-0.216c-0.051-0.038,0.127-0.076,0.191-0.127c0.063-0.05,0.177-0.14,0.228-0.063c0.051,0.077,0.026,0.381,0.051,0.432c0.025,0.051,0.279,0.127,0.331,0.191c0.05,0.063,0.267,0.089,0.304,0.051c0.039-0.038,0.242,0.026,0.294,0.038c0.049,0.013,0.202-0.025,0.304-0.05c0.103-0.025,0.204-0.102,0.191,0.063c-0.013,0.165-0.051,0.419-0.179,0.546c-0.127,0.127-0.076,0.191-0.202,0.191c-0.06,0-0.113,0-0.156,0.021c-0.041-0.065-0.098-0.117-0.175-0.097c-0.152,0.038-0.344,0.038-0.47,0.19c-0.128,0.153-0.178,0.165-0.204,0.114c-0.025-0.051,0.369-0.267,0.317-0.331c-0.05-0.063-0.355-0.038-0.521-0.038c-0.166,0-0.305-0.102-0.433-0.127c-0.126-0.025-0.292,0.127-0.418,0.254c-0.128,0.127-0.216,0.038-0.331,0.038c-0.115,0-0.331-0.165-0.331-0.165s-0.216-0.089-0.305-0.089c-0.088,0-0.267-0.165-0.318-0.165c-0.05,0-0.19-0.115-0.088-0.166c0.101-0.05,0.202,0.051,0.101-0.229c-0.101-0.279-0.33-0.216-0.419-0.178c-0.088,0.039-0.724,0.025-0.775,0.025c-0.051,0-0.419,0.127-0.533,0.178c-0.116,0.051-0.318,0.115-0.369,0.14c-0.051,0.025-0.318-0.051-0.433,0.013c-0.151,0.084-0.291,0.216-0.33,0.216c-0.038,0-0.153,0.089-0.229,0.28c-0.077,0.19,0.013,0.355-0.128,0.419c-0.139,0.063-0.394,0.204-0.495,0.305c-0.102,0.101-0.229,0.458-0.355,0.623c-0.127,0.165,0,0.317,0.025,0.419c0.025,0.101,0.114,0.292-0.025,0.471c-0.14,0.178-0.127,0.266-0.191,0.279c-0.063,0.013,0.063,0.063,0.088,0.19c0.025,0.128-0.114,0.255,0.128,0.369c0.241,0.113,0.355,0.217,0.418,0.367c0.064,0.153,0.382,0.407,0.382,0.407s0.229,0.205,0.344,0.293c0.114,0.089,0.152,0.038,0.177-0.05c0.025-0.09,0.178-0.104,0.355-0.104c0.178,0,0.305,0.04,0.483,0.014c0.178-0.025,0.356-0.141,0.42-0.166c0.063-0.025,0.279-0.164,0.443-0.063c0.166,0.103,0.141,0.241,0.23,0.332c0.088,0.088,0.24,0.037,0.355-0.051c0.114-0.09,0.064-0.052,0.203,0.025c0.14,0.075,0.204,0.151,0.077,0.267c-0.128,0.113-0.051,0.293-0.128,0.47c-0.076,0.178-0.063,0.203,0.077,0.278c0.14,0.076,0.394,0.548,0.47,0.638c0.077,0.088-0.025,0.342,0.064,0.495c0.089,0.151,0.178,0.254,0.077,0.331c-0.103,0.075-0.28,0.216-0.292,0.47s0.051,0.431,0.102,0.521s0.177,0.331,0.241,0.419c0.064,0.089,0.14,0.305,0.152,0.445c0.013,0.14-0.024,0.306,0.039,0.381c0.064,0.076,0.102,0.191,0.216,0.292c0.115,0.103,0.152,0.318,0.152,0.318s0.039,0.089,0.051,0.229c0.012,0.14,0.025,0.228,0.152,0.292c0.126,0.063,0.215,0.076,0.28,0.013c0.063-0.063,0.381-0.077,0.546-0.063c0.165,0.013,0.355-0.075,0.521-0.19s0.407-0.419,0.496-0.508c0.089-0.09,0.292-0.255,0.268-0.356c-0.025-0.101-0.077-0.203,0.024-0.254c0.102-0.052,0.344-0.152,0.356-0.229c0.013-0.077-0.09-0.395-0.115-0.457c-0.024-0.064,0.064-0.18,0.165-0.306c0.103-0.128,0.421-0.216,0.471-0.267c0.051-0.053,0.191-0.267,0.217-0.433c0.024-0.167-0.051-0.369,0-0.457c0.05-0.09,0.013-0.165-0.103-0.268c-0.114-0.102-0.089-0.407-0.127-0.457c-0.037-0.051-0.013-0.319,0.063-0.345c0.076-0.023,0.242-0.279,0.344-0.393c0.102-0.114,0.394-0.47,0.534-0.496c0.139-0.025,0.355-0.229,0.368-0.343c0.013-0.115,0.38-0.547,0.394-0.635c0.013-0.09,0.166-0.42,0.102-0.497c-0.062-0.076-0.559,0.115-0.622,0.141c-0.064,0.025-0.241,0.127-0.446,0.113c-0.202-0.013-0.114-0.177-0.127-0.254c-0.012-0.076-0.228-0.368-0.279-0.381c-0.051-0.012-0.203-0.166-0.267-0.317c-0.063-0.153-0.152-0.343-0.254-0.458c-0.102-0.114-0.165-0.38-0.268-0.559c-0.101-0.178-0.189-0.407-0.279-0.572c-0.021-0.041-0.045-0.079-0.067-0.117c0.118-0.029,0.289-0.082,0.31-0.009c0.024,0.088,0.165,0.279,0.19,0.419s0.165,0.089,0.178,0.216c0.014,0.128,0.14,0.433,0.19,0.47c0.052,0.038,0.28,0.242,0.318,0.318c0.038,0.076,0.089,0.178,0.127,0.369c0.038,0.19,0.076,0.444,0.179,0.482c0.102,0.038,0.444-0.064,0.508-0.102s0.482-0.242,0.635-0.255c0.153-0.012,0.179-0.115,0.368-0.152c0.191-0.038,0.331-0.177,0.458-0.28c0.127-0.101,0.28-0.355,0.33-0.444c0.052-0.088,0.179-0.152,0.115-0.253c-0.063-0.103-0.331-0.254-0.433-0.268c-0.102-0.012-0.089-0.178-0.152-0.178s-0.051,0.088-0.178,0.153c-0.127,0.063-0.255,0.19-0.344,0.165s0.026-0.089-0.113-0.203s-0.192-0.14-0.192-0.228c0-0.089-0.278-0.255-0.304-0.382c-0.026-0.127,0.19-0.305,0.254-0.19c0.063,0.114,0.115,0.292,0.279,0.368c0.165,0.076,0.318,0.204,0.395,0.229c0.076,0.025,0.267-0.14,0.33-0.114c0.063,0.024,0.191,0.253,0.306,0.292c0.113,0.038,0.495,0.051,0.559,0.051s0.33,0.013,0.381-0.063c0.051-0.076,0.089-0.076,0.153-0.076c0.062,0,0.177,0.229,0.267,0.254c0.089,0.025,0.254,0.013,0.241,0.179c-0.012,0.164,0.076,0.305,0.165,0.317c0.09,0.012,0.293-0.191,0.293-0.191s0,0.318-0.012,0.433c-0.014,0.113,0.139,0.534,0.139,0.534s0.19,0.393,0.241,0.482s0.267,0.355,0.267,0.47c0,0.115,0.025,0.293,0.103,0.293c0.076,0,0.152-0.203,0.24-0.331c0.091-0.126,0.116-0.305,0.153-0.432c0.038-0.127,0.038-0.356,0.038-0.444c0-0.09,0.075-0.166,0.255-0.242c0.178-0.076,0.304-0.292,0.456-0.407c0.153-0.115,0.141-0.305,0.446-0.305c0.305,0,0.278,0,0.355-0.077c0.076-0.076,0.151-0.127,0.19,0.013c0.038,0.14,0.254,0.343,0.292,0.394c0.038,0.052,0.114,0.191,0.103,0.344c-0.013,0.152,0.012,0.33,0.075,0.33s0.191-0.216,0.191-0.216s0.279-0.189,0.267,0.013c-0.014,0.203,0.025,0.419,0.025,0.545c0,0.053,0.042,0.135,0.088,0.21c-0.005,0.059-0.004,0.119-0.009,0.178C27.388,17.153,27.387,17.327,27.436,17.39zM20.382,12.064c0.076,0.05,0.102,0.127,0.152,0.203c0.052,0.076,0.14,0.05,0.203,0.114c0.063,0.064-0.178,0.14-0.075,0.216c0.101,0.077,0.151,0.381,0.165,0.458c0.013,0.076-0.279,0.114-0.369,0.102c-0.089-0.013-0.354-0.102-0.445-0.127c-0.089-0.026-0.139-0.343-0.025-0.331c0.116,0.013,0.141-0.025,0.267-0.139c0.128-0.115-0.189-0.166-0.278-0.191c-0.089-0.025-0.268-0.305-0.331-0.394c-0.062-0.089-0.014-0.228,0.141-0.331c0.076-0.051,0.279,0.063,0.381,0c0.101-0.063,0.203-0.14,0.241-0.165c0.039-0.025,0.293,0.038,0.33,0.114c0.039,0.076,0.191,0.191,0.141,0.229c-0.052,0.038-0.281,0.076-0.356,0c-0.075-0.077-0.255,0.012-0.268,0.152C20.242,12.115,20.307,12.013,20.382,12.064zM16.875,12.28c-0.077-0.025,0.025-0.178,0.102-0.229c0.075-0.051,0.164-0.178,0.241-0.305c0.076-0.127,0.178-0.14,0.241-0.127c0.063,0.013,0.203,0.241,0.241,0.318c0.038,0.076,0.165-0.026,0.217-0.051c0.05-0.025,0.127-0.102,0.14-0.165s0.127-0.102,0.254-0.102s0.013,0.102-0.076,0.127c-0.09,0.025-0.038,0.077,0.113,0.127c0.153,0.051,0.293,0.191,0.459,0.279c0.165,0.089,0.19,0.267,0.088,0.292c-0.101,0.025-0.406,0.051-0.521,0.038c-0.114-0.013-0.254-0.127-0.419-0.153c-0.165-0.025-0.369-0.013-0.433,0.077s-0.292,0.05-0.395,0.05c-0.102,0-0.228,0.127-0.253,0.077C16.875,12.534,16.951,12.306,16.875,12.28zM17.307,9.458c0.063-0.178,0.419,0.038,0.355,0.127C17.599,9.675,17.264,9.579,17.307,9.458zM17.802,18.584c0.063,0.102-0.14,0.431-0.254,0.407c-0.113-0.027-0.076-0.318-0.038-0.382C17.548,18.545,17.769,18.529,17.802,18.584zM13.189,12.674c0.025-0.051-0.039-0.153-0.127-0.013C13.032,12.71,13.164,12.725,13.189,12.674zM20.813,8.035c0.141,0.076,0.339,0.107,0.433,0.013c0.076-0.076,0.013-0.204-0.05-0.216c-0.064-0.013-0.104-0.115,0.062-0.203c0.165-0.089,0.343-0.204,0.534-0.229c0.19-0.025,0.622-0.038,0.774,0c0.152,0.039,0.382-0.166,0.445-0.254s-0.203-0.152-0.279-0.051c-0.077,0.102-0.444,0.076-0.521,0.051c-0.076-0.025-0.686,0.102-0.812,0.102c-0.128,0-0.179,0.152-0.356,0.229c-0.179,0.076-0.42,0.191-0.509,0.229c-0.088,0.038-0.177,0.19-0.101,0.216C20.509,7.947,20.674,7.959,20.813,8.035zM14.142,12.674c0.064-0.089-0.051-0.217-0.114-0.217c-0.12,0-0.178,0.191-0.103,0.254C14.002,12.776,14.078,12.763,14.142,12.674zM14.714,13.017c0.064,0.025,0.114,0.102,0.165,0.114c0.052,0.013,0.217,0,0.167-0.127s-0.167-0.127-0.204-0.127c-0.038,0-0.203-0.038-0.267,0C14.528,12.905,14.65,12.992,14.714,13.017zM11.308,10.958c0.101,0.013,0.217-0.063,0.305-0.101c0.088-0.038,0.216-0.114,0.216-0.229c0-0.114-0.025-0.216-0.077-0.267c-0.051-0.051-0.14-0.064-0.216-0.051c-0.115,0.02-0.127,0.14-0.203,0.14c-0.076,0-0.165,0.025-0.14,0.114s0.077,0.152,0,0.19C11.117,10.793,11.205,10.946,11.308,10.958zM11.931,10.412c0.127,0.051,0.394,0.102,0.292,0.153c-0.102,0.051-0.28,0.19-0.305,0.267s0.216,0.153,0.216,0.153s-0.077,0.089-0.013,0.114c0.063,0.025,0.102-0.089,0.203-0.089c0.101,0,0.304,0.063,0.406,0.063c0.103,0,0.267-0.14,0.254-0.229c-0.013-0.089-0.14-0.229-0.254-0.28c-0.113-0.051-0.241-0.28-0.317-0.331c-0.076-0.051,0.076-0.178-0.013-0.267c-0.09-0.089-0.153-0.076-0.255-0.14c-0.102-0.063-0.191,0.013-0.254,0.089c-0.063,0.076-0.14-0.013-0.217,0.012c-0.102,0.035-0.063,0.166-0.012,0.229C11.714,10.221,11.804,10.361,11.931,10.412zM24.729,17.198c-0.083,0.037-0.153,0.47,0,0.521c0.152,0.052,0.241-0.202,0.191-0.267C24.868,17.39,24.843,17.147,24.729,17.198zM20.114,20.464c-0.159-0.045-0.177,0.166-0.304,0.306c-0.128,0.141-0.267,0.254-0.317,0.241c-0.052-0.013-0.331,0.089-0.242,0.279c0.089,0.191,0.076,0.382-0.013,0.472c-0.089,0.088,0.076,0.342,0.052,0.482c-0.026,0.139,0.037,0.229,0.215,0.229s0.242-0.064,0.318-0.229c0.076-0.166,0.088-0.331,0.164-0.47c0.077-0.141,0.141-0.434,0.179-0.51c0.038-0.075,0.114-0.316,0.102-0.457C20.254,20.669,20.204,20.489,20.114,20.464zM10.391,8.802c-0.069-0.06-0.229-0.102-0.306-0.11c-0.076-0.008-0.152,0.06-0.321,0.06c-0.168,0-0.279,0.067-0.347,0C9.349,8.684,9.068,8.65,9.042,8.692C9.008,8.749,8.941,8.751,9.008,8.87c0.069,0.118,0.12,0.186,0.179,0.178s0.262-0.017,0.288,0.051C9.5,9.167,9.569,9.226,9.712,9.184c0.145-0.042,0.263-0.068,0.296-0.119c0.033-0.051,0.263-0.059,0.263-0.059S10.458,8.861,10.391,8.802z",
+    "raph_globe": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM19.158,23.269c-0.079,0.064-0.183,0.13-0.105,0.207c0.078,0.078-0.09,0.131-0.09,0.17s0.104,0.246,0.052,0.336c-0.052,0.092-0.091,0.223-0.13,0.301c-0.039,0.077-0.131,0.155-0.104,0.272c0.025,0.116-0.104,0.077-0.104,0.194c0,0.116,0.116,0.065,0.09,0.208c-0.025,0.144-0.09,0.183-0.09,0.285c0,0.104,0.064,0.247,0.064,0.286s-0.064,0.17-0.155,0.272c-0.092,0.104-0.155,0.17-0.144,0.233c0.014,0.065,0.104,0.144,0.091,0.184c-0.013,0.037-0.129,0.168-0.116,0.259c0.014,0.09,0.129,0.053,0.155,0.116c0.026,0.065-0.155,0.118-0.078,0.183c0.078,0.064,0.183,0.051,0.156,0.208c-0.019,0.112,0.064,0.163,0.126,0.198c-0.891,0.221-1.818,0.352-2.777,0.352C9.639,27.533,4.466,22.36,4.466,16c0-2.073,0.557-4.015,1.518-5.697c0.079-0.042,0.137-0.069,0.171-0.062c0.065,0.013,0.079,0.104,0.183,0.13c0.104,0.026,0.195-0.078,0.26-0.117c0.064-0.039,0.116-0.195,0.051-0.182c-0.065,0.013-0.234,0-0.234,0s0.183-0.104,0.183-0.169s0.025-0.169,0.129-0.208C6.83,9.655,6.83,9.681,6.765,9.837C6.7,9.993,6.896,9.928,6.973,9.863s0.13-0.013,0.272-0.104c0.143-0.091,0.143-0.143,0.221-0.143c0.078,0,0.221,0.143,0.299,0.091c0.077-0.052,0.299,0.065,0.429,0.065c0.129,0,0.545,0.169,0.624,0.169c0.078,0,0.312,0.09,0.325,0.259c0.013,0.169,0.09,0.156,0.168,0.156s0.26,0.065,0.26,0.13c0,0.065-0.052,0.325,0.078,0.39c0.129,0.064,0.247,0.169,0.299,0.143c0.052-0.026,0-0.233-0.064-0.26c-0.065-0.026-0.027-0.117-0.052-0.169c-0.026-0.051,0.078-0.051,0.117,0.039c0.039,0.091,0.143,0.26,0.208,0.26c0.064,0,0.208,0.156,0.168,0.247c-0.039,0.091,0.039,0.221,0.156,0.221c0.116,0,0.26,0.182,0.312,0.195c0.052,0.013,0.117,0.078,0.117,0.117c0,0.04,0.065,0.26,0.065,0.351c0,0.09-0.04,0.454-0.053,0.597s0.104,0.39,0.234,0.52c0.129,0.13,0.246,0.377,0.324,0.429c0.079,0.052,0.13,0.195,0.247,0.182c0.117-0.013,0.195,0.078,0.299,0.26c0.104,0.182,0.208,0.48,0.286,0.506c0.078,0.026,0.208,0.117,0.142,0.182c-0.064,0.064-0.168,0.208-0.051,0.208c0.117,0,0.156-0.065,0.247,0.053c0.09,0.116,0.208,0.181,0.194,0.26c-0.013,0.077,0.104,0.103,0.156,0.116c0.052,0.013,0.169,0.247,0.286,0.143c0.117-0.104-0.155-0.259-0.234-0.326c-0.078-0.064,0-0.207-0.182-0.35c-0.182-0.143-0.156-0.247-0.286-0.351c-0.13-0.104-0.233-0.195-0.104-0.286c0.13-0.091,0.143,0.091,0.195,0.208c0.052,0.116,0.324,0.351,0.441,0.454c0.117,0.104,0.326,0.468,0.39,0.468s0.247,0.208,0.247,0.208s0.103,0.168,0.064,0.22c-0.039,0.052,0.053,0.247,0.144,0.299c0.09,0.052,0.455,0.22,0.507,0.247c0.052,0.027,0.155,0.221,0.299,0.221c0.142,0,0.247,0.014,0.286,0.053c0.039,0.038,0.155,0.194,0.234,0.104c0.078-0.092,0.09-0.131,0.208-0.131c0.117,0,0.168,0.091,0.233,0.156c0.065,0.065,0.247,0.235,0.338,0.222c0.091-0.013,0.208,0.104,0.273,0.064s0.169,0.025,0.22,0.052c0.054,0.026,0.234,0.118,0.222,0.272c-0.013,0.157,0.103,0.195,0.182,0.234c0.078,0.039,0.182,0.13,0.248,0.195c0.064,0.063,0.206,0.077,0.246,0.116c0.039,0.039,0.065,0.117,0.182,0.052c0.116-0.064,0.092-0.181,0.092-0.181s0.129-0.026,0.194,0.026c0.064,0.05,0.104,0.22,0.144,0.246c0.038,0.026,0.115,0.221,0.063,0.362c-0.051,0.145-0.038,0.286-0.091,0.286c-0.052,0-0.116,0.17-0.195,0.209c-0.076,0.039-0.285,0.221-0.272,0.286c0.013,0.063,0.131,0.258,0.104,0.35c-0.025,0.091-0.194,0.195-0.154,0.338c0.038,0.144,0.312,0.183,0.323,0.312c0.014,0.131,0.209,0.417,0.235,0.546c0.025,0.13,0.246,0.272,0.246,0.453c0,0.184,0.312,0.3,0.377,0.312c0.063,0.013,0.182,0.131,0.272,0.17s0.169,0.116,0.233,0.221s0.053,0.261,0.053,0.299c0,0.039-0.039,0.44-0.078,0.674C19.145,23.021,19.235,23.203,19.158,23.269zM10.766,11.188c0.039,0.013,0.117,0.091,0.156,0.091c0.04,0,0.234,0.156,0.286,0.208c0.053,0.052,0.053,0.195-0.013,0.208s-0.104-0.143-0.117-0.208c-0.013-0.065-0.143-0.065-0.208-0.104C10.805,11.344,10.66,11.152,10.766,11.188zM27.51,16.41c-0.144,0.182-0.13,0.272-0.195,0.286c-0.064,0.013,0.065,0.065,0.09,0.194c0.022,0.112-0.065,0.224,0.063,0.327c-0.486,4.619-3.71,8.434-8.016,9.787c-0.007-0.011-0.019-0.025-0.021-0.034c-0.027-0.078-0.027-0.233,0.064-0.285c0.091-0.053,0.312-0.233,0.363-0.272c0.052-0.04,0.13-0.221,0.091-0.247c-0.038-0.026-0.232,0-0.26-0.039c-0.026-0.039-0.026-0.092,0.104-0.182c0.13-0.091,0.195-0.222,0.247-0.26c0.052-0.039,0.155-0.117,0.195-0.209c0.038-0.09-0.041-0.039-0.118-0.039s-0.117-0.142-0.117-0.207s0.195,0.026,0.339,0.052c0.143,0.024,0.077-0.065,0.064-0.142c-0.013-0.078,0.026-0.209,0.105-0.17c0.076,0.039,0.479-0.013,0.531-0.026c0.052-0.013,0.194-0.246,0.246-0.312c0.053-0.065,0.064-0.129,0-0.168c-0.065-0.04-0.143-0.184-0.168-0.221c-0.026-0.041-0.039-0.274-0.013-0.34c0.025-0.063,0,0.377,0.181,0.43c0.183,0.052,0.286,0.078,0.455-0.078c0.169-0.155,0.298-0.26,0.312-0.363c0.013-0.104,0.052-0.209,0.117-0.246c0.065-0.039,0.104,0.103,0.182-0.065c0.078-0.17,0.156-0.157,0.234-0.299c0.077-0.144-0.13-0.325,0.024-0.43c0.157-0.103,0.43-0.233,0.43-0.233s0.078-0.039,0.234-0.078c0.155-0.038,0.324-0.014,0.376-0.09c0.052-0.079,0.104-0.247,0.182-0.338c0.079-0.092,0.169-0.234,0.13-0.299c-0.039-0.065,0.104-0.352,0.091-0.429c-0.013-0.078-0.13-0.261,0.065-0.416s0.402-0.391,0.416-0.454c0.012-0.065,0.169-0.338,0.154-0.469c-0.012-0.129-0.154-0.285-0.245-0.325c-0.092-0.037-0.286-0.05-0.364-0.154s-0.299-0.208-0.377-0.182c-0.077,0.026-0.208,0.051-0.312-0.015c-0.104-0.063-0.272-0.143-0.337-0.194c-0.066-0.051-0.234-0.09-0.312-0.09s-0.065-0.053-0.182,0.103c-0.117,0.157,0,0.209-0.208,0.182c-0.209-0.024,0.025-0.038,0.144-0.194c0.115-0.155-0.014-0.247-0.144-0.207c-0.13,0.039-0.039,0.117-0.247,0.156c-0.207,0.038-0.207-0.092-0.077-0.117c0.13-0.026,0.363-0.143,0.363-0.194c0-0.053-0.026-0.196-0.13-0.196s-0.078-0.129-0.233-0.297c-0.156-0.17-0.351-0.274-0.508-0.249c-0.154,0.026-0.272,0.065-0.35-0.076c-0.078-0.144-0.169-0.17-0.222-0.247c-0.051-0.078-0.182,0-0.221-0.039s-0.039-0.039-0.039-0.039s-0.169,0.039-0.077-0.078c0.09-0.117,0.129-0.338,0.09-0.325c-0.038,0.013-0.104,0.196-0.168,0.183c-0.064-0.013-0.014-0.04-0.144-0.117c-0.13-0.078-0.337-0.013-0.337,0.052c0,0.065-0.065,0.117-0.065,0.117s-0.039-0.038-0.078-0.117c-0.039-0.078-0.221-0.091-0.312-0.013c-0.09,0.078-0.142-0.196-0.207-0.196s-0.194,0.065-0.26,0.184c-0.064,0.116-0.038,0.285-0.092,0.272c-0.05-0.013-0.063-0.233-0.05-0.312c0.012-0.079,0.155-0.208,0.05-0.234c-0.103-0.026-0.259,0.13-0.323,0.143c-0.065,0.013-0.195,0.104-0.273,0.209c-0.077,0.103-0.116,0.168-0.195,0.207c-0.077,0.039-0.193,0-0.167-0.039c0.025-0.039-0.222-0.181-0.261-0.13c-0.04,0.052-0.155,0.091-0.272,0.144c-0.117,0.052-0.222-0.065-0.247-0.117s-0.079-0.064-0.091-0.234c-0.013-0.168,0.027-0.351,0.065-0.454c0.038-0.104-0.195-0.312-0.286-0.3c-0.091,0.015-0.182,0.105-0.272,0.091c-0.092-0.012-0.052-0.038-0.195-0.038c-0.143,0-0.026-0.025,0-0.143c0.025-0.116-0.052-0.273,0.092-0.377c0.142-0.104,0.091-0.351,0-0.363c-0.092-0.014-0.261,0.039-0.377,0.026c-0.116-0.014-0.208,0.091-0.169,0.207c0.039,0.117-0.065,0.195-0.104,0.183c-0.039-0.013-0.09-0.078-0.234,0.026c-0.142,0.103-0.194,0.064-0.337-0.052c-0.143-0.118-0.299-0.234-0.325-0.416c-0.026-0.182-0.04-0.364,0.013-0.468c0.051-0.104,0.051-0.285-0.026-0.312c-0.078-0.025,0.09-0.155,0.181-0.181c0.092-0.026,0.234-0.143,0.26-0.195c0.026-0.052,0.156-0.04,0.298-0.04c0.143,0,0.169,0,0.312,0.078c0.143,0.078,0.169-0.039,0.169-0.078c0-0.039,0.052-0.117,0.208-0.104c0.156,0.013,0.376-0.052,0.416-0.013s0.116,0.195,0.194,0.143c0.079-0.051,0.104-0.143,0.131,0.014c0.025,0.155,0.09,0.39,0.208,0.429c0.116,0.039,0.052,0.194,0.168,0.207c0.115,0.013,0.17-0.246,0.131-0.337c-0.04-0.09-0.118-0.363-0.183-0.428c-0.064-0.065-0.064-0.234,0.064-0.286c0.13-0.052,0.442-0.312,0.532-0.389c0.092-0.079,0.338-0.144,0.261-0.248c-0.078-0.104-0.104-0.168-0.104-0.247s0.078-0.052,0.117,0s0.194-0.078,0.155-0.143c-0.038-0.064-0.026-0.155,0.065-0.143c0.091,0.013,0.116-0.065,0.078-0.117c-0.039-0.052,0.091-0.117,0.182-0.091c0.092,0.026,0.325-0.013,0.364-0.065c0.038-0.052-0.078-0.104-0.078-0.208c0-0.104,0.155-0.195,0.247-0.208c0.091-0.013,0.207,0,0.221-0.039c0.012-0.039,0.143-0.143,0.155-0.052c0.014,0.091,0,0.247,0.104,0.247c0.104,0,0.232-0.117,0.272-0.129c0.038-0.013,0.286-0.065,0.338-0.078c0.052-0.013,0.363-0.039,0.325-0.13c-0.039-0.09-0.078-0.181-0.118-0.22c-0.039-0.039-0.077,0.013-0.13,0.078c-0.051,0.065-0.143,0.065-0.168,0.013c-0.026-0.051,0.012-0.207-0.078-0.156c-0.092,0.052-0.104,0.104-0.157,0.078c-0.052-0.026-0.103-0.117-0.103-0.117s0.129-0.064,0.038-0.182c-0.09-0.117-0.221-0.091-0.35-0.025c-0.13,0.064-0.118,0.051-0.273,0.09s-0.234,0.078-0.234,0.078s0.209-0.129,0.299-0.208c0.091-0.078,0.209-0.117,0.286-0.195c0.078-0.078,0.285,0.039,0.285,0.039s0.105-0.104,0.105-0.039s-0.027,0.234,0.051,0.234c0.079,0,0.299-0.104,0.21-0.131c-0.093-0.026,0.129,0,0.219-0.065c0.092-0.065,0.194-0.065,0.247-0.09c0.052-0.026,0.092-0.143,0.182-0.143c0.092,0,0.13,0.117,0,0.195s-0.143,0.273-0.208,0.325c-0.064,0.052-0.026,0.117,0.078,0.104c0.104-0.013,0.194,0.013,0.286-0.013s0.143,0.026,0.168,0.065c0.026,0.039,0.104-0.039,0.104-0.039s0.169-0.039,0.221,0.026c0.053,0.064,0.092-0.039,0.053-0.104c-0.039-0.064-0.092-0.129-0.13-0.208c-0.039-0.078-0.091-0.104-0.194-0.078c-0.104,0.026-0.13-0.026-0.195-0.064c-0.065-0.04-0.118,0.052-0.065-0.04c0.053-0.09,0.078-0.117,0.117-0.195c0.039-0.078,0.209-0.221,0.039-0.259c-0.169-0.04-0.222-0.065-0.247-0.143c-0.026-0.078-0.221-0.221-0.272-0.221c-0.053,0-0.233,0-0.247-0.065c-0.013-0.065-0.143-0.208-0.208-0.273c-0.064-0.065-0.312-0.351-0.351-0.377c-0.039-0.026-0.091-0.013-0.208,0.143c-0.116,0.157-0.22,0.183-0.312,0.144c-0.091-0.039-0.104-0.026-0.193-0.13c-0.093-0.104,0.09-0.117,0.051-0.182c-0.04-0.064-0.247-0.091-0.377-0.104c-0.13-0.013-0.221-0.156-0.416-0.169c-0.194-0.013-0.428,0.026-0.493,0.026c-0.064,0-0.064,0.091-0.09,0.234c-0.027,0.143,0.09,0.182-0.027,0.208c-0.116,0.026-0.169,0.039-0.052,0.091c0.117,0.052,0.273,0.26,0.273,0.26s0,0.117-0.092,0.182c-0.09,0.065-0.182,0.13-0.233,0.053c-0.053-0.079-0.195-0.065-0.155,0.013c0.038,0.078,0.116,0.117,0.116,0.195c0,0.077,0.117,0.272,0.039,0.337c-0.078,0.065-0.168,0.014-0.233,0.026s-0.131-0.104-0.078-0.13c0.051-0.026-0.014-0.221-0.014-0.221s-0.155,0.221-0.143,0.104c0.014-0.117-0.064-0.13-0.064-0.221c0-0.091-0.079-0.13-0.194-0.104c-0.118,0.026-0.26-0.04-0.482-0.079c-0.22-0.039-0.311-0.064-0.493-0.156c-0.182-0.091-0.247-0.026-0.338-0.013c-0.091,0.013-0.052-0.182-0.169-0.207c-0.116-0.027-0.181,0.025-0.207-0.144c-0.026-0.168,0.039-0.208,0.324-0.39c0.286-0.182,0.247-0.26,0.468-0.286c0.22-0.026,0.325,0.026,0.325-0.039s0.052-0.325,0.052-0.195S16.95,9.109,16.832,9.2c-0.116,0.091-0.052,0.104,0.04,0.104c0.091,0,0.259-0.091,0.259-0.091s0.208-0.091,0.26-0.013c0.053,0.078,0.053,0.156,0.144,0.156s0.285-0.104,0.116-0.195c-0.168-0.091-0.272-0.078-0.376-0.182s-0.078-0.065-0.195-0.039c-0.116,0.026-0.116-0.039-0.156-0.039s-0.104,0.026-0.13-0.026c-0.025-0.052,0.014-0.065,0.145-0.065c0.129,0,0.285,0.039,0.285,0.039s0.155-0.052,0.194-0.065c0.039-0.013,0.247-0.039,0.208-0.155c-0.04-0.117-0.169-0.117-0.208-0.156s0.078-0.09,0.143-0.117c0.065-0.026,0.247,0,0.247,0s0.117,0.013,0.117-0.039S17.897,8.2,17.976,8.239s0,0.156,0.117,0.13c0.116-0.026,0.143,0,0.207,0.039c0.065,0.039-0.013,0.195-0.077,0.221c-0.065,0.025-0.169,0.077-0.026,0.09c0.144,0.014,0.246,0.014,0.246,0.014s0.092-0.091,0.131-0.169c0.038-0.078,0.104-0.026,0.155,0c0.052,0.025,0.247,0.065,0.065,0.117c-0.183,0.052-0.221,0.117-0.26,0.182c-0.038,0.065-0.053,0.104-0.221,0.065c-0.17-0.039-0.26-0.026-0.299,0.039c-0.039,0.064-0.013,0.273,0.053,0.247c0.063-0.026,0.129-0.026,0.207-0.052c0.078-0.026,0.39,0.026,0.467,0.013c0.078-0.013,0.209,0.13,0.248,0.104c0.039-0.026,0.117,0.052,0.194,0.104c0.078,0.052,0.052-0.117,0.194-0.013c0.144,0.104,0.065,0.104,0.144,0.104c0.076,0,0.246,0.013,0.246,0.013s0.014-0.129,0.144-0.104c0.13,0.026,0.245,0.169,0.232,0.064c-0.012-0.103,0.013-0.181-0.09-0.259c-0.104-0.078-0.272-0.13-0.299-0.169c-0.026-0.039-0.052-0.091-0.013-0.117c0.039-0.025,0.221,0.013,0.324,0.079c0.104,0.065,0.195,0.13,0.273,0.078c0.077-0.052,0.17-0.078,0.208-0.117c0.038-0.04,0.13-0.156,0.13-0.156s-0.391-0.051-0.441-0.117c-0.053-0.065-0.235-0.156-0.287-0.156s-0.194,0.091-0.246-0.039s-0.052-0.286-0.105-0.299c-0.05-0.013-0.597-0.091-0.674-0.13c-0.078-0.039-0.39-0.13-0.507-0.195s-0.286-0.156-0.389-0.156c-0.104,0-0.533,0.052-0.611,0.039c-0.078-0.013-0.312,0.026-0.403,0.039c-0.091,0.013,0.117,0.182-0.077,0.221c-0.195,0.039-0.169,0.065-0.13-0.13c0.038-0.195-0.131-0.247-0.299-0.169c-0.169,0.078-0.442,0.13-0.377,0.221c0.065,0.091-0.012,0.157,0.117,0.247c0.13,0.091,0.183,0.117,0.35,0.104c0.17-0.013,0.339,0.025,0.339,0.025s0,0.157-0.064,0.182c-0.065,0.026-0.169,0.026-0.196,0.104c-0.025,0.078-0.155,0.117-0.155,0.078s0.065-0.169-0.026-0.234c-0.09-0.065-0.117-0.078-0.221-0.013c-0.104,0.065-0.116,0.091-0.169-0.013C16.053,8.291,15.897,8.2,15.897,8.2s-0.104-0.129-0.182-0.194c-0.077-0.065-0.22-0.052-0.234,0.013c-0.013,0.064,0.026,0.129,0.078,0.247c0.052,0.117,0.104,0.337,0.013,0.351c-0.091,0.013-0.104,0.026-0.195,0.052c-0.091,0.026-0.13-0.039-0.13-0.143s-0.04-0.195-0.013-0.234c0.026-0.039-0.104,0.027-0.234,0c-0.13-0.025-0.233,0.052-0.104,0.092c0.13,0.039,0.157,0.194,0.039,0.233c-0.117,0.039-0.559,0-0.702,0s-0.35,0.039-0.39-0.039c-0.039-0.078,0.118-0.129,0.208-0.129c0.091,0,0.363,0.012,0.467-0.13c0.104-0.143-0.13-0.169-0.233-0.169c-0.104,0-0.183-0.039-0.299-0.155c-0.118-0.117,0.078-0.195,0.052-0.247c-0.026-0.052-0.156-0.014-0.272-0.014c-0.117,0-0.299-0.09-0.299,0.014c0,0.104,0.143,0.402,0.052,0.337c-0.091-0.064-0.078-0.156-0.143-0.234c-0.065-0.078-0.168-0.065-0.299-0.052c-0.129,0.013-0.35,0.052-0.415,0.039c-0.064-0.013-0.013-0.013-0.156-0.078c-0.142-0.065-0.208-0.052-0.312-0.117C12.091,7.576,12.182,7.551,12,7.538c-0.181-0.013-0.168,0.09-0.35,0.065c-0.182-0.026-0.234,0.013-0.416,0c-0.182-0.013-0.272-0.026-0.299,0.065c-0.025,0.091-0.078,0.247-0.156,0.247c-0.077,0-0.169,0.091,0.078,0.104c0.247,0.013,0.105,0.129,0.325,0.117c0.221-0.013,0.416-0.013,0.468-0.117c0.052-0.104,0.091-0.104,0.117-0.065c0.025,0.039,0.22,0.272,0.22,0.272s0.131,0.104,0.183,0.13c0.051,0.026-0.052,0.143-0.156,0.078c-0.104-0.065-0.299-0.051-0.377-0.116c-0.078-0.065-0.429-0.065-0.52-0.052c-0.09,0.013-0.247-0.039-0.299-0.039c-0.051,0-0.221,0.13-0.221,0.13S10.532,8.252,10.494,8.2c-0.039-0.052-0.104,0.052-0.156,0.065c-0.052,0.013-0.208-0.104-0.364-0.052C9.818,8.265,9.87,8.317,9.649,8.304s-0.272-0.052-0.35-0.039C9.22,8.278,9.22,8.278,9.22,8.278S9.233,8.33,9.143,8.382C9.052,8.434,8.986,8.499,8.921,8.421C8.857,8.343,8.818,8.343,8.779,8.33c-0.04-0.013-0.118-0.078-0.286-0.04C8.324,8.33,8.064,8.239,8.013,8.239c-0.04,0-0.313-0.015-0.491-0.033c2.109-2.292,5.124-3.74,8.478-3.74c2.128,0,4.117,0.589,5.83,1.598c-0.117,0.072-0.319,0.06-0.388,0.023c-0.078-0.043-0.158-0.078-0.475-0.061c-0.317,0.018-0.665,0.122-0.595,0.226c0.072,0.104-0.142,0.165-0.197,0.113c-0.055-0.052-0.309,0.06-0.293,0.165c0.016,0.104-0.039,0.225-0.175,0.199c-0.134-0.027-0.229,0.06-0.237,0.146c-0.007,0.087-0.309,0.147-0.332,0.147c-0.024,0-0.412-0.008-0.27,0.095c0.097,0.069,0.15,0.027,0.27,0.052c0.119,0.026,0.214,0.217,0.277,0.243c0.062,0.026,0.15,0,0.189-0.052c0.04-0.052,0.095-0.234,0.095-0.234s0,0.173,0.097,0.208c0.095,0.035,0.331-0.026,0.395-0.017c0.064,0.008,0.437,0.061,0.538,0.112c0.104,0.052,0.356,0.087,0.428,0.199c0.071,0.113,0.08,0.503,0.119,0.546c0.04,0.043,0.174-0.139,0.205-0.182c0.031-0.044,0.198-0.018,0.254,0.042c0.056,0.061,0.182,0.208,0.175,0.269C21.9,8.365,21.877,8.459,21.83,8.425c-0.048-0.034-0.127-0.025-0.096-0.095c0.032-0.069,0.048-0.217-0.015-0.217c-0.064,0-0.119,0-0.119,0s-0.12-0.035-0.199,0.095s-0.015,0.26,0.04,0.26s0.184,0,0.184,0.034c0,0.035-0.136,0.139-0.128,0.2c0.009,0.061,0.11,0.268,0.144,0.312c0.031,0.043,0.197,0.086,0.244,0.096c0.049,0.008-0.111,0.017-0.07,0.077c0.04,0.061,0.102,0.208,0.189,0.243c0.087,0.035,0.333,0.19,0.363,0.26c0.032,0.069,0.222-0.052,0.262-0.061c0.04-0.008,0.032,0.182,0.143,0.191c0.11,0.008,0.15-0.018,0.245-0.096s0.072-0.182,0.079-0.26c0.009-0.078,0-0.138,0.104-0.113c0.104,0.026,0.158-0.018,0.15-0.104c-0.008-0.087-0.095-0.191,0.07-0.217c0.167-0.026,0.254-0.138,0.357-0.138c0.103,0,0.389,0.043,0.419,0c0.032-0.043,0.167-0.243,0.254-0.251c0.067-0.007,0.224-0.021,0.385-0.042c1.582,1.885,2.561,4.284,2.673,6.905c-0.118,0.159-0.012,0.305,0.021,0.408c0.001,0.03,0.005,0.058,0.005,0.088c0,0.136-0.016,0.269-0.021,0.404C27.512,16.406,27.512,16.408,27.51,16.41zM17.794,12.084c-0.064,0.013-0.169-0.052-0.169-0.143s-0.091,0.169-0.04,0.247c0.053,0.078-0.104,0.169-0.155,0.169s-0.091-0.116-0.078-0.233c0.014-0.117-0.077-0.221-0.221-0.208c-0.143,0.014-0.208,0.13-0.259,0.169c-0.053,0.039-0.053,0.259-0.04,0.312s0.013,0.235-0.116,0.221c-0.118-0.013-0.092-0.233-0.079-0.312c0.014-0.078-0.039-0.273,0.014-0.376c0.053-0.104,0.207-0.143,0.312-0.156s0.324,0.065,0.363,0.052c0.04-0.014,0.222-0.014,0.312,0C17.729,11.837,17.858,12.071,17.794,12.084zM18.027,12.123c0.04,0.026,0.311-0.039,0.364,0.026c0.051,0.065-0.054,0.078-0.183,0.13c-0.129,0.052-0.169,0.039-0.221,0.104s-0.221,0.09-0.299,0.168c-0.078,0.079-0.217,0.125-0.246,0.065c-0.04-0.078,0.013-0.039,0.025-0.078c0.013-0.039,0.245-0.129,0.245-0.129S17.988,12.097,18.027,12.123zM16.988,11.668c-0.038,0.013-0.182-0.026-0.3-0.026c-0.116,0-0.091-0.078-0.143-0.064c-0.051,0.013-0.168,0.039-0.247,0.078c-0.078,0.039-0.208,0.03-0.208-0.04c0-0.104,0.052-0.078,0.221-0.143c0.169-0.065,0.352-0.247,0.429-0.169c0.078,0.078,0.221,0.169,0.312,0.182C17.144,11.5,17.026,11.655,16.988,11.668zM15.659,7.637c-0.079,0.026-0.347,0.139-0.321,0.199c0.01,0.023,0.078,0.069,0.19,0.052c0.113-0.018,0.276-0.035,0.355-0.043c0.078-0.009,0.095-0.139,0.009-0.147C15.805,7.689,15.736,7.611,15.659,7.637zM14.698,7.741c-0.061,0.026-0.243-0.043-0.338,0.018c-0.061,0.038-0.026,0.164,0.07,0.172c0.095,0.009,0.259-0.06,0.276-0.008c0.018,0.052,0.078,0.286,0.234,0.208c0.156-0.078,0.147-0.147,0.19-0.156c0.043-0.009-0.008-0.199-0.078-0.243C14.983,7.689,14.758,7.715,14.698,7.741zM14.385,7.005c0.017,0.044-0.008,0.078,0.113,0.095c0.121,0.018,0.173,0.035,0.243,0.035c0.069,0,0.042-0.113-0.018-0.19c-0.061-0.078-0.043-0.069-0.199-0.113c-0.156-0.043-0.312-0.043-0.416-0.035c-0.104,0.009-0.217-0.017-0.243,0.104c-0.013,0.062,0.07,0.112,0.174,0.112S14.368,6.962,14.385,7.005zM14.611,7.481c0.043,0.095,0.043,0.051,0.165,0.061C14.896,7.551,14.991,7.421,15,7.378c0.009-0.044-0.061-0.13-0.225-0.113c-0.165,0.017-0.667-0.026-0.736,0.034c-0.066,0.058,0,0.233-0.026,0.251c-0.026,0.017,0.009,0.095,0.077,0.078c0.069-0.017,0.104-0.182,0.157-0.182C14.299,7.447,14.568,7.386,14.611,7.481zM12.982,7.126c0.052,0.043,0.183,0.008,0.173-0.035c-0.008-0.043,0.053-0.217-0.051-0.225C13,6.858,12.854,6.962,12.697,7.014c-0.101,0.033-0.078,0.13-0.009,0.13S12.931,7.083,12.982,7.126zM13.72,7.282c-0.087,0.043-0.114,0.069-0.191,0.052c-0.078-0.017-0.078-0.156-0.217-0.13c-0.138,0.026-0.164,0.104-0.207,0.139s-0.139,0.061-0.173,0.043c-0.034-0.017-0.234-0.129-0.234-0.129s-0.416-0.018-0.433-0.07c-0.017-0.052-0.086-0.138-0.277-0.121s-0.52,0.13-0.572,0.13c-0.052,0,0.062,0.104-0.009,0.104c-0.069,0-0.155-0.008-0.181,0.069c-0.018,0.053,0.078,0.052,0.189,0.052c0.112,0,0.295,0,0.347-0.026c0.052-0.026,0.312-0.087,0.303-0.009c-0.009,0.079,0.104,0.199,0.164,0.182c0.061-0.017,0.183-0.13,0.243-0.086c0.061,0.043,0.07,0.146,0.13,0.173c0.061,0.025,0.226,0.025,0.304,0c0.077-0.027,0.294-0.027,0.389-0.009c0.095,0.018,0.373,0.069,0.399,0.018c0.026-0.053,0.104-0.061,0.112-0.113s0.051-0.216,0.051-0.216S13.806,7.239,13.72,7.282zM18.105,16.239c-0.119,0.021-0.091,0.252,0.052,0.21C18.3,16.407,18.223,16.217,18.105,16.239zM19.235,15.929c-0.104-0.026-0.221,0-0.299,0.013c-0.078,0.013-0.299,0.208-0.299,0.208s0.143,0.026,0.233,0.026c0.092,0,0.144,0.051,0.221,0.09c0.078,0.04,0.221-0.052,0.272-0.052c0.053,0,0.118,0.156,0.131-0.013C19.508,16.032,19.339,15.955,19.235,15.929zM15.616,7.507c-0.043-0.104-0.259-0.139-0.304-0.035C15.274,7.563,15.659,7.611,15.616,7.507zM18.093,15.292c0.143-0.026,0.064-0.144-0.053-0.13C17.922,15.175,17.949,15.318,18.093,15.292zM19.82,16.095c-0.119,0.022-0.092,0.253,0.051,0.211C20.015,16.264,19.937,16.074,19.82,16.095zM18.247,15.708c-0.09,0.013-0.285-0.09-0.389-0.182c-0.104-0.091-0.299-0.091-0.377-0.091c-0.077,0-0.39,0.091-0.39,0.091c-0.013,0.13,0.117,0.091,0.273,0.091s0.429-0.026,0.479,0.039c0.053,0.064,0.286,0.168,0.352,0.221c0.064,0.052,0.272,0.065,0.285,0.013S18.338,15.695,18.247,15.708zM16.698,7.412c-0.13-0.009-0.295-0.009-0.399,0c-0.104,0.008-0.182-0.069-0.26-0.113c-0.077-0.043-0.251-0.182-0.354-0.199c-0.104-0.017-0.086-0.017-0.303-0.069c-0.11-0.027-0.294-0.061-0.294-0.086c0-0.026-0.052,0.121,0.043,0.165c0.095,0.043,0.251,0.121,0.363,0.164c0.114,0.043,0.329,0.052,0.399,0.139c0.069,0.086,0.303,0.156,0.303,0.156l0.277,0.026c0,0,0.191-0.043,0.39-0.026c0.199,0.017,0.493,0.043,0.659,0.035c0.163-0.008,0.189-0.061,0.208-0.095c0.016-0.035-0.304-0.104-0.383-0.095C17.271,7.42,16.827,7.42,16.698,7.412zM17.182,9.404c-0.034,0.039,0.157,0.095,0.191,0.043C17.407,9.396,17.271,9.309,17.182,9.404zM17.764,9.585c0.086-0.035,0.043-0.139-0.079-0.104C17.547,9.521,17.676,9.62,17.764,9.585z",
+    "raph_warning": "M29.225,23.567l-3.778-6.542c-1.139-1.972-3.002-5.2-4.141-7.172l-3.778-6.542c-1.14-1.973-3.003-1.973-4.142,0L9.609,9.853c-1.139,1.972-3.003,5.201-4.142,7.172L1.69,23.567c-1.139,1.974-0.207,3.587,2.071,3.587h23.391C29.432,27.154,30.363,25.541,29.225,23.567zM16.536,24.58h-2.241v-2.151h2.241V24.58zM16.428,20.844h-2.023l-0.201-9.204h2.407L16.428,20.844z",
+    "raph_arrowleftalt": "M16,30.534c8.027,0,14.534-6.507,14.534-14.534c0-8.027-6.507-14.534-14.534-14.534C7.973,1.466,1.466,7.973,1.466,16C1.466,24.027,7.973,30.534,16,30.534zM18.335,6.276l3.536,3.538l-6.187,6.187l6.187,6.187l-3.536,3.537l-9.723-9.724L18.335,6.276z",
+    "raph_arrowalt": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM13.665,25.725l-3.536-3.539l6.187-6.187l-6.187-6.187l3.536-3.536l9.724,9.723L13.665,25.725z",
+    "raph_code": "M8.982,7.107L0.322,15.77l8.661,8.662l3.15-3.15L6.621,15.77l5.511-5.511L8.982,7.107zM21.657,7.107l-3.148,3.151l5.511,5.511l-5.511,5.511l3.148,3.15l8.662-8.662L21.657,7.107z",
+    "raph_arrowleft": "M21.871,9.814 15.684,16.001 21.871,22.188 18.335,25.725 8.612,16.001 18.335,6.276",
+    "raph_arrow": "M10.129,22.186 16.316,15.999 10.129,9.812 13.665,6.276 23.389,15.999 13.665,25.725",
+    "raph_pensil": "M25.31,2.872l-3.384-2.127c-0.854-0.536-1.979-0.278-2.517,0.576l-1.334,2.123l6.474,4.066l1.335-2.122C26.42,4.533,26.164,3.407,25.31,2.872zM6.555,21.786l6.474,4.066L23.581,9.054l-6.477-4.067L6.555,21.786zM5.566,26.952l-0.143,3.819l3.379-1.787l3.14-1.658l-6.246-3.925L5.566,26.952z",
+    "raph_pen": "M13.587,12.074c-0.049-0.074-0.11-0.147-0.188-0.202c-0.333-0.243-0.803-0.169-1.047,0.166c-0.244,0.336-0.167,0.805,0.167,1.048c0.303,0.22,0.708,0.167,0.966-0.091l-7.086,9.768l-2.203,7.997l6.917-4.577L26.865,4.468l-4.716-3.42l-1.52,2.096c-0.087-0.349-0.281-0.676-0.596-0.907c-0.73-0.529-1.751-0.369-2.28,0.363C14.721,6.782,16.402,7.896,13.587,12.074zM10.118,25.148L6.56,27.503l1.133-4.117L10.118,25.148zM14.309,11.861c2.183-3.225,1.975-4.099,3.843-6.962c0.309,0.212,0.664,0.287,1.012,0.269L14.309,11.861z",
+    "raph_minus": "M25.979,12.896,19.312,12.896,5.979,12.896,5.979,19.562,25.979,19.562",
+    "raph_tshirt": "M20.1,4.039c-0.681,1.677-2.32,2.862-4.24,2.862c-1.921,0-3.56-1.185-4.24-2.862L1.238,8.442l2.921,6.884l3.208-1.361V28h17.099V14.015l3.093,1.312l2.922-6.884L20.1,4.039z",
+    "raph_raphael": "M27.777,18.941c0.584-0.881,0.896-1.914,0.896-2.998c0-1.457-0.567-2.826-1.598-3.854l-6.91-6.911l-0.003,0.002c-0.985-0.988-2.35-1.6-3.851-1.6c-1.502,0-2.864,0.612-3.85,1.6H12.46l-6.911,6.911c-1.031,1.029-1.598,2.398-1.598,3.854c0,1.457,0.567,2.826,1.598,3.854l6.231,6.229c0.25,0.281,0.512,0.544,0.789,0.785c1.016,0.961,2.338,1.49,3.743,1.49c1.456,0,2.825-0.565,3.854-1.598l6.723-6.725c0.021-0.019,0.034-0.032,0.051-0.051l0.14-0.138c0.26-0.26,0.487-0.54,0.688-0.838c0.004-0.008,0.01-0.015,0.014-0.021L27.777,18.941zM26.658,15.946c0,0.678-0.197,1.326-0.561,1.879c-0.222,0.298-0.447,0.559-0.684,0.784L25.4,18.625c-1.105,1.052-2.354,1.35-3.414,1.35c-0.584,0-1.109-0.09-1.523-0.195c-2.422-0.608-5.056-2.692-6.261-5.732c0.649,0.274,1.362,0.426,2.11,0.426c2.811,0,5.129-2.141,5.415-4.877l3.924,3.925C26.301,14.167,26.658,15.029,26.658,15.946zM16.312,5.6c1.89,0,3.426,1.538,3.426,3.427c0,1.89-1.536,3.427-3.426,3.427c-1.889,0-3.426-1.537-3.426-3.427C12.886,7.138,14.423,5.6,16.312,5.6zM6.974,18.375c-0.649-0.648-1.007-1.512-1.007-2.429c0-0.917,0.357-1.78,1.007-2.428l2.655-2.656c-0.693,2.359-0.991,4.842-0.831,7.221c0.057,0.854,0.175,1.677,0.345,2.46L6.974,18.375zM11.514,11.592c0.583,4.562,4.195,9.066,8.455,10.143c0.693,0.179,1.375,0.265,2.033,0.265c0.01,0,0.02,0,0.027,0l-3.289,3.289c-0.648,0.646-1.512,1.006-2.428,1.006c-0.638,0-1.248-0.177-1.779-0.5l0.001-0.002c-0.209-0.142-0.408-0.295-0.603-0.461c-0.015-0.019-0.031-0.026-0.046-0.043l-0.665-0.664c-1.367-1.567-2.227-3.903-2.412-6.671C10.669,15.856,10.921,13.673,11.514,11.592",
+    "raph_graphael": "M28.832,16.104c0-1.477-0.574-2.863-1.617-3.905l-7.002-7.001L20.211,5.2c-1.027-1.03-2.445-1.62-3.9-1.62c-1.455,0-2.871,0.59-3.9,1.621l-0.002-0.002l-7,7c-1.033,1.031-1.619,2.445-1.619,3.905c0,1.458,0.586,2.872,1.619,3.903l6.312,6.312c0.253,0.284,0.519,0.55,0.8,0.794c1.049,0.994,2.463,1.54,3.908,1.51c1.417-0.028,2.783-0.612,3.785-1.615l6.811-6.811c0.018-0.017,0.035-0.034,0.053-0.052l0.137-0.138c0.27-0.268,0.49-0.564,0.713-0.868l-0.002-0.002C28.516,18.244,28.832,17.198,28.832,16.104zM23.08,21.252l-0.051,0.006l-0.955,0.974c0.01,0-3.305,3.332-3.305,3.332c-1.121,1.119-2.906,1.337-4.261,0.511l0.002-0.002c-0.213-0.141-0.414-0.299-0.61-0.467c-0.016-0.015-0.032-0.027-0.047-0.042l-3.024-3.024h-0.001l-3.976-3.976c-1.34-1.339-1.342-3.581,0-4.921l2.689-2.689l0.052-0.005l0.956-0.973c-0.01,0,3.303-3.332,3.303-3.332c1.121-1.12,2.908-1.337,4.261-0.511v0.002c0.211,0.14,0.414,0.299,0.609,0.467c0.016,0.015,0.031,0.028,0.047,0.042l3.025,3.024l0,0l3.975,3.976c0.389,0.388,0.66,0.852,0.824,1.348l-2.617,0.008c-0.537-3.754-3.764-6.64-7.666-6.64c-4.277,0-7.744,3.467-7.745,7.746c0.001,4.277,3.468,7.743,7.745,7.744c3.919-0.001,7.156-2.911,7.671-6.688l2.635-0.009c-0.16,0.52-0.441,1.007-0.846,1.412L23.08,21.252zM16.311,17.184c0.002,0,0.002,0,0.004,0l5.476-0.018c-0.5,2.573-2.76,4.516-5.48,4.52c-3.084-0.005-5.578-2.5-5.584-5.582c0.006-3.084,2.5-5.579,5.584-5.584c2.707,0.005,4.96,1.929,5.472,4.485l-5.476,0.018c-0.596,0.002-1.078,0.488-1.076,1.084C15.233,16.702,15.715,17.184,16.311,17.184z",
+    "raph_page": "M23.024,5.673c-1.744-1.694-3.625-3.051-5.168-3.236c-0.084-0.012-0.171-0.019-0.263-0.021H7.438c-0.162,0-0.322,0.063-0.436,0.18C6.889,2.71,6.822,2.87,6.822,3.033v25.75c0,0.162,0.063,0.317,0.18,0.435c0.117,0.116,0.271,0.179,0.436,0.179h18.364c0.162,0,0.317-0.062,0.434-0.179c0.117-0.117,0.182-0.272,0.182-0.435V11.648C26.382,9.659,24.824,7.49,23.024,5.673zM25.184,28.164H8.052V3.646h9.542v0.002c0.416-0.025,0.775,0.386,1.05,1.326c0.25,0.895,0.313,2.062,0.312,2.871c0.002,0.593-0.027,0.991-0.027,0.991l-0.049,0.652l0.656,0.007c0.003,0,1.516,0.018,3,0.355c1.426,0.308,2.541,0.922,2.645,1.617c0.004,0.062,0.005,0.124,0.004,0.182V28.164z",
+    "raph_page2": "M23.024,5.673c-1.744-1.694-3.625-3.051-5.168-3.236c-0.084-0.012-0.171-0.019-0.263-0.021H7.438c-0.162,0-0.322,0.063-0.436,0.18C6.889,2.71,6.822,2.87,6.822,3.033v25.75c0,0.162,0.063,0.317,0.18,0.435c0.117,0.116,0.271,0.179,0.436,0.179h18.364c0.162,0,0.317-0.062,0.434-0.179c0.117-0.117,0.182-0.272,0.182-0.435V11.648C26.382,9.659,24.824,7.49,23.024,5.673zM22.157,6.545c0.805,0.786,1.529,1.676,2.069,2.534c-0.468-0.185-0.959-0.322-1.42-0.431c-1.015-0.228-2.008-0.32-2.625-0.357c0.003-0.133,0.004-0.283,0.004-0.446c0-0.869-0.055-2.108-0.356-3.2c-0.003-0.01-0.005-0.02-0.009-0.03C20.584,5.119,21.416,5.788,22.157,6.545zM25.184,28.164H8.052V3.646h9.542v0.002c0.416-0.025,0.775,0.386,1.05,1.326c0.25,0.895,0.313,2.062,0.312,2.871c0.002,0.593-0.027,0.991-0.027,0.991l-0.049,0.652l0.656,0.007c0.003,0,1.516,0.018,3,0.355c1.426,0.308,2.541,0.922,2.645,1.617c0.004,0.062,0.005,0.124,0.004,0.182V28.164z",
+    "raph_plugin": "M26.33,15.836l-3.893-1.545l3.136-7.9c0.28-0.705-0.064-1.505-0.771-1.785c-0.707-0.28-1.506,0.065-1.785,0.771l-3.136,7.9l-4.88-1.937l3.135-7.9c0.281-0.706-0.064-1.506-0.77-1.786c-0.706-0.279-1.506,0.065-1.785,0.771l-3.136,7.9L8.554,8.781l-1.614,4.066l2.15,0.854l-2.537,6.391c-0.61,1.54,0.143,3.283,1.683,3.895l1.626,0.646L8.985,26.84c-0.407,1.025,0.095,2.188,1.122,2.596l0.93,0.369c1.026,0.408,2.188-0.095,2.596-1.121l0.877-2.207l1.858,0.737c1.54,0.611,3.284-0.142,3.896-1.682l2.535-6.391l1.918,0.761L26.33,15.836z",
+    "raph_svg": "M31.274,15.989c0-2.473-2.005-4.478-4.478-4.478l0,0c0.81-0.811,1.312-1.93,1.312-3.167c0-2.474-2.005-4.479-4.479-4.479c-1.236,0-2.356,0.501-3.167,1.312c0-2.473-2.005-4.478-4.478-4.478c-2.474,0-4.479,2.005-4.479,4.478c-0.811-0.81-1.93-1.312-3.167-1.312c-2.474,0-4.479,2.005-4.479,4.479c0,1.236,0.501,2.356,1.312,3.166c-2.474,0-4.479,2.005-4.479,4.479c0,2.474,2.005,4.479,4.479,4.479c-0.811,0.81-1.312,1.93-1.312,3.167c0,2.473,2.005,4.478,4.479,4.478c1.236,0,2.356-0.501,3.167-1.312c0,2.473,2.005,4.479,4.479,4.479c2.473,0,4.478-2.006,4.478-4.479l0,0c0.811,0.811,1.931,1.312,3.167,1.312c2.474,0,4.478-2.005,4.478-4.478c0-1.237-0.501-2.357-1.312-3.168c0.001,0,0.001,0,0.001,0C29.27,20.467,31.274,18.463,31.274,15.989zM23.583,21.211c0.016,0,0.031-0.001,0.047-0.001c1.339,0,2.424,1.085,2.424,2.425c0,1.338-1.085,2.424-2.424,2.424s-2.424-1.086-2.424-2.424c0-0.017,0.001-0.031,0.001-0.047l-3.541-3.542v5.009c0.457,0.44,0.743,1.06,0.743,1.746c0,1.339-1.086,2.424-2.424,2.424c-1.339,0-2.425-1.085-2.425-2.424c0-0.687,0.286-1.306,0.743-1.746v-5.009l-3.541,3.542c0,0.016,0.001,0.031,0.001,0.047c0,1.338-1.085,2.424-2.424,2.424s-2.424-1.086-2.424-2.424c0-1.34,1.085-2.425,2.424-2.425c0.015,0,0.031,0.001,0.046,0.001l3.542-3.541H6.919c-0.44,0.458-1.06,0.743-1.746,0.743c-1.339,0-2.424-1.085-2.424-2.424s1.085-2.424,2.424-2.424c0.686,0,1.305,0.285,1.746,0.744h5.008l-3.542-3.542c-0.015,0-0.031,0.001-0.046,0.001c-1.339,0-2.424-1.085-2.424-2.424S7.001,5.92,8.34,5.92s2.424,1.085,2.424,2.424c0,0.015-0.001,0.031-0.001,0.046l3.541,3.542V6.924c-0.457-0.441-0.743-1.06-0.743-1.746c0-1.339,1.086-2.425,2.425-2.425c1.338,0,2.424,1.085,2.424,2.425c0,0.686-0.286,1.305-0.743,1.746v5.008l3.541-3.542c0-0.015-0.001-0.031-0.001-0.046c0-1.339,1.085-2.424,2.424-2.424s2.424,1.085,2.424,2.424c0,1.339-1.085,2.424-2.424,2.424c-0.016,0-0.031-0.001-0.047-0.001l-3.541,3.542h5.008c0.441-0.458,1.061-0.744,1.747-0.744c1.338,0,2.423,1.085,2.423,2.424s-1.085,2.424-2.423,2.424c-0.687,0-1.306-0.285-1.747-0.743h-5.008L23.583,21.211z",
+    "raph_bookmark": "M17.396,1.841L6.076,25.986l7.341-4.566l1.186,8.564l11.32-24.146L17.396,1.841zM19.131,9.234c-0.562-0.264-0.805-0.933-0.541-1.495c0.265-0.562,0.934-0.805,1.496-0.541s0.805,0.934,0.541,1.496S19.694,9.498,19.131,9.234z",
+    "raph_hammer": "M7.831,29.354c0.685,0.353,1.62,1.178,2.344,0.876c0.475-0.195,0.753-1.301,1.048-1.883c2.221-4.376,4.635-9.353,6.392-13.611c0-0.19,0.101-0.337-0.049-0.595c0.983-1.6,1.65-3.358,2.724-5.138c0.34-0.566,0.686-1.351,1.163-1.577l0.881-0.368c1.12-0.288,1.938-0.278,2.719,0.473c0.396,0.383,0.578,1.015,0.961,1.395c0.259,0.26,1.246,0.899,1.613,0.8c0.285-0.077,0.52-0.364,0.72-0.728l0.696-1.286c0.195-0.366,0.306-0.718,0.215-0.999c-0.117-0.362-1.192-0.84-1.552-0.915c-0.528-0.113-1.154,0.081-1.692-0.041c-1.057-0.243-1.513-0.922-1.883-2.02c-2.608-1.533-6.119-2.53-10.207-1.244c-1.109,0.349-2.172,0.614-2.901,1.323c-0.146,0.412,0.143,0.494,0.446,0.489c-0.237,0.216-0.62,0.341-0.399,0.848c2.495-1.146,7.34-1.542,7.669,0.804c0.072,0.522-0.395,1.241-0.682,1.835c-0.905,1.874-2.011,3.394-2.813,5.091c-0.298,0.017-0.366,0.18-0.525,0.287c-2.604,3.8-5.451,8.541-7.9,12.794c-0.326,0.566-1.098,1.402-1.002,1.906C5.961,28.641,7.146,29,7.831,29.354z",
+    "raph_users": "M21.053,20.8c-1.132-0.453-1.584-1.698-1.584-1.698s-0.51,0.282-0.51-0.51s0.51,0.51,1.02-2.548c0,0,1.414-0.397,1.132-3.68h-0.34c0,0,0.849-3.51,0-4.699c-0.85-1.189-1.189-1.981-3.058-2.548s-1.188-0.454-2.547-0.396c-1.359,0.057-2.492,0.792-2.492,1.188c0,0-0.849,0.057-1.188,0.397c-0.34,0.34-0.906,1.924-0.906,2.321s0.283,3.058,0.566,3.624l-0.337,0.113c-0.283,3.283,1.132,3.68,1.132,3.68c0.509,3.058,1.019,1.756,1.019,2.548s-0.51,0.51-0.51,0.51s-0.452,1.245-1.584,1.698c-1.132,0.452-7.416,2.886-7.927,3.396c-0.511,0.511-0.453,2.888-0.453,2.888h26.947c0,0,0.059-2.377-0.452-2.888C28.469,23.686,22.185,21.252,21.053,20.8zM8.583,20.628c-0.099-0.18-0.148-0.31-0.148-0.31s-0.432,0.239-0.432-0.432s0.432,0.432,0.864-2.159c0,0,1.199-0.336,0.959-3.119H9.538c0,0,0.143-0.591,0.237-1.334c-0.004-0.308,0.006-0.636,0.037-0.996l0.038-0.426c-0.021-0.492-0.107-0.939-0.312-1.226C8.818,9.619,8.53,8.947,6.947,8.467c-1.583-0.48-1.008-0.385-2.159-0.336C3.636,8.179,2.676,8.802,2.676,9.139c0,0-0.72,0.048-1.008,0.336c-0.271,0.271-0.705,1.462-0.757,1.885v0.281c0.047,0.653,0.258,2.449,0.469,2.872l-0.286,0.096c-0.239,2.783,0.959,3.119,0.959,3.119c0.432,2.591,0.864,1.488,0.864,2.159s-0.432,0.432-0.432,0.432s-0.383,1.057-1.343,1.439c-0.061,0.024-0.139,0.056-0.232,0.092v5.234h0.575c-0.029-1.278,0.077-2.927,0.746-3.594C2.587,23.135,3.754,22.551,8.583,20.628zM30.913,11.572c-0.04-0.378-0.127-0.715-0.292-0.946c-0.719-1.008-1.008-1.679-2.59-2.159c-1.584-0.48-1.008-0.385-2.16-0.336C24.72,8.179,23.76,8.802,23.76,9.139c0,0-0.719,0.048-1.008,0.336c-0.271,0.272-0.709,1.472-0.758,1.891h0.033l0.08,0.913c0.02,0.231,0.022,0.436,0.027,0.645c0.09,0.666,0.21,1.35,0.33,1.589l-0.286,0.096c-0.239,2.783,0.96,3.119,0.96,3.119c0.432,2.591,0.863,1.488,0.863,2.159s-0.432,0.432-0.432,0.432s-0.053,0.142-0.163,0.338c4.77,1.9,5.927,2.48,6.279,2.834c0.67,0.667,0.775,2.315,0.746,3.594h0.48v-5.306c-0.016-0.006-0.038-0.015-0.052-0.021c-0.959-0.383-1.343-1.439-1.343-1.439s-0.433,0.239-0.433-0.432s0.433,0.432,0.864-2.159c0,0,0.804-0.229,0.963-1.841v-1.227c-0.001-0.018-0.001-0.033-0.003-0.051h-0.289c0,0,0.215-0.89,0.292-1.861V11.572z",
+    "raph_user": "M20.771,12.364c0,0,0.849-3.51,0-4.699c-0.85-1.189-1.189-1.981-3.058-2.548s-1.188-0.454-2.547-0.396c-1.359,0.057-2.492,0.792-2.492,1.188c0,0-0.849,0.057-1.188,0.397c-0.34,0.34-0.906,1.924-0.906,2.321s0.283,3.058,0.566,3.624l-0.337,0.113c-0.283,3.283,1.132,3.68,1.132,3.68c0.509,3.058,1.019,1.756,1.019,2.548s-0.51,0.51-0.51,0.51s-0.452,1.245-1.584,1.698c-1.132,0.452-7.416,2.886-7.927,3.396c-0.511,0.511-0.453,2.888-0.453,2.888h26.947c0,0,0.059-2.377-0.452-2.888c-0.512-0.511-6.796-2.944-7.928-3.396c-1.132-0.453-1.584-1.698-1.584-1.698s-0.51,0.282-0.51-0.51s0.51,0.51,1.02-2.548c0,0,1.414-0.397,1.132-3.68H20.771z",
+    "raph_mail": "M28.516,7.167H3.482l12.517,7.108L28.516,7.167zM16.74,17.303C16.51,17.434,16.255,17.5,16,17.5s-0.51-0.066-0.741-0.197L2.5,10.06v14.773h27V10.06L16.74,17.303z",
+    "raph_picture": "M2.5,4.833v22.334h27V4.833H2.5zM25.25,25.25H6.75V6.75h18.5V25.25zM11.25,14c1.426,0,2.583-1.157,2.583-2.583c0-1.427-1.157-2.583-2.583-2.583c-1.427,0-2.583,1.157-2.583,2.583C8.667,12.843,9.823,14,11.25,14zM24.251,16.25l-4.917-4.917l-6.917,6.917L10.5,16.333l-2.752,2.752v5.165h16.503V16.25z",
+    "raph_bubble": "M16,5.333c-7.732,0-14,4.701-14,10.5c0,1.982,0.741,3.833,2.016,5.414L2,25.667l5.613-1.441c2.339,1.317,5.237,2.107,8.387,2.107c7.732,0,14-4.701,14-10.5C30,10.034,23.732,5.333,16,5.333z",
+    "raph_codetalk": "M16,4.938c-7.732,0-14,4.701-14,10.5c0,1.981,0.741,3.833,2.016,5.414L2,25.272l5.613-1.44c2.339,1.316,5.237,2.106,8.387,2.106c7.732,0,14-4.701,14-10.5S23.732,4.938,16,4.938zM13.704,19.47l-2.338,2.336l-6.43-6.431l6.429-6.432l2.339,2.341l-4.091,4.091L13.704,19.47zM20.775,21.803l-2.337-2.339l4.092-4.09l-4.092-4.092l2.337-2.339l6.43,6.426L20.775,21.803z",
+    "raph_talkq": "M16,4.938c-7.732,0-14,4.701-14,10.5c0,1.981,0.741,3.833,2.016,5.414L2,25.272l5.613-1.44c2.339,1.316,5.237,2.106,8.387,2.106c7.732,0,14-4.701,14-10.5S23.732,4.938,16,4.938zM16.868,21.375h-1.969v-1.889h1.969V21.375zM16.772,18.094h-1.777l-0.176-8.083h2.113L16.772,18.094z",
+    "raph_talke": "M16,4.938c-7.732,0-14,4.701-14,10.5c0,1.981,0.741,3.833,2.016,5.414L2,25.272l5.613-1.44c2.339,1.316,5.237,2.106,8.387,2.106c7.732,0,14-4.701,14-10.5S23.732,4.938,16,4.938zM16.982,21.375h-1.969v-1.889h1.969V21.375zM16.982,17.469v0.625h-1.969v-0.769c0-2.321,2.641-2.689,2.641-4.337c0-0.752-0.672-1.329-1.553-1.329c-0.912,0-1.713,0.672-1.713,0.672l-1.12-1.393c0,0,1.104-1.153,3.009-1.153c1.81,0,3.49,1.121,3.49,3.009C19.768,15.437,16.982,15.741,16.982,17.469z",
+    "raph_home": "M27.812,16l-3.062-3.062V5.625h-2.625v4.688L16,4.188L4.188,16L7,15.933v11.942h17.875V16H27.812zM16,26.167h-5.833v-7H16V26.167zM21.667,23.167h-3.833v-4.042h3.833V23.167z",
+    "raph_linkedin": "M27.25,3.125h-22c-1.104,0-2,0.896-2,2v22c0,1.104,0.896,2,2,2h22c1.104,0,2-0.896,2-2v-22C29.25,4.021,28.354,3.125,27.25,3.125zM11.219,26.781h-4v-14h4V26.781zM9.219,11.281c-1.383,0-2.5-1.119-2.5-2.5s1.117-2.5,2.5-2.5s2.5,1.119,2.5,2.5S10.602,11.281,9.219,11.281zM25.219,26.781h-4v-8.5c0-0.4-0.403-1.055-0.687-1.213c-0.375-0.211-1.261-0.229-1.665-0.034l-1.648,0.793v8.954h-4v-14h4v0.614c1.583-0.723,3.78-0.652,5.27,0.184c1.582,0.886,2.73,2.864,2.73,4.702V26.781z",
+    "raph_github": "M28.436,15.099c-1.201-0.202-2.451-0.335-3.466-0.371l-0.179-0.006c0.041-0.09,0.072-0.151,0.082-0.16c0.022-0.018,0.04-0.094,0.042-0.168c0-0.041,0.018-0.174,0.046-0.35c0.275,0.01,0.64,0.018,1.038,0.021c1.537,0.012,3.145,0.136,4.248,0.331c0.657,0.116,0.874,0.112,0.389-0.006c-0.491-0.119-1.947-0.294-3.107-0.37c-0.779-0.053-1.896-0.073-2.554-0.062c0.019-0.114,0.041-0.241,0.064-0.371c0.093-0.503,0.124-1.009,0.126-2.016c0.002-1.562-0.082-1.992-0.591-3.025c-0.207-0.422-0.441-0.78-0.724-1.104c0.247-0.729,0.241-1.858-0.015-2.848c-0.211-0.812-0.285-0.864-1.021-0.708C22.19,4.019,21.69,4.2,21.049,4.523c-0.303,0.153-0.721,0.391-1.024,0.578c-0.79-0.278-1.607-0.462-2.479-0.561c-0.884-0.1-3.051-0.044-3.82,0.098c-0.752,0.139-1.429,0.309-2.042,0.511c-0.306-0.189-0.75-0.444-1.067-0.604C9.973,4.221,9.473,4.041,8.847,3.908c-0.734-0.157-0.81-0.104-1.02,0.708c-0.26,1.003-0.262,2.151-0.005,2.878C7.852,7.577,7.87,7.636,7.877,7.682c-1.042,1.312-1.382,2.78-1.156,4.829c0.059,0.534,0.15,1.024,0.277,1.473c-0.665-0.004-1.611,0.02-2.294,0.064c-1.162,0.077-2.618,0.25-3.109,0.369c-0.484,0.118-0.269,0.122,0.389,0.007c1.103-0.194,2.712-0.32,4.248-0.331c0.29-0.001,0.561-0.007,0.794-0.013c0.07,0.237,0.15,0.463,0.241,0.678L7.26,14.759c-1.015,0.035-2.264,0.168-3.465,0.37c-0.901,0.151-2.231,0.453-2.386,0.54c-0.163,0.091-0.03,0.071,0.668-0.106c1.273-0.322,2.928-0.569,4.978-0.741l0.229-0.02c0.44,1.022,1.118,1.802,2.076,2.41c0.586,0.373,1.525,0.756,1.998,0.816c0.13,0.016,0.508,0.094,0.84,0.172c0.333,0.078,0.984,0.195,1.446,0.262h0.011c-0.009,0.006-0.017,0.01-0.025,0.016c-0.56,0.291-0.924,0.744-1.169,1.457c-0.11,0.033-0.247,0.078-0.395,0.129c-0.529,0.18-0.735,0.217-1.271,0.221c-0.556,0.004-0.688-0.02-1.02-0.176c-0.483-0.225-0.933-0.639-1.233-1.133c-0.501-0.826-1.367-1.41-2.089-1.41c-0.617,0-0.734,0.25-0.288,0.615c0.672,0.549,1.174,1.109,1.38,1.537c0.116,0.24,0.294,0.611,0.397,0.824c0.109,0.227,0.342,0.535,0.564,0.748c0.522,0.498,1.026,0.736,1.778,0.848c0.504,0.074,0.628,0.074,1.223-0.002c0.287-0.035,0.529-0.076,0.746-0.127c0,0.244,0,0.525,0,0.855c0,1.766-0.021,2.334-0.091,2.5c-0.132,0.316-0.428,0.641-0.716,0.787c-0.287,0.146-0.376,0.307-0.255,0.455c0.067,0.08,0.196,0.094,0.629,0.066c0.822-0.051,1.403-0.355,1.699-0.891c0.095-0.172,0.117-0.518,0.147-2.318c0.032-1.953,0.046-2.141,0.173-2.42c0.077-0.166,0.188-0.346,0.25-0.395c0.104-0.086,0.111,0.084,0.111,2.42c-0.001,2.578-0.027,2.889-0.285,3.385c-0.058,0.113-0.168,0.26-0.245,0.33c-0.135,0.123-0.192,0.438-0.098,0.533c0.155,0.154,0.932-0.088,1.356-0.422c0.722-0.572,0.808-1.045,0.814-4.461l0.003-2.004l0.219,0.021l0.219,0.02l0.036,2.621c0.041,2.951,0.047,2.994,0.549,3.564c0.285,0.322,0.572,0.5,1.039,0.639c0.625,0.188,0.813-0.102,0.393-0.605c-0.457-0.547-0.479-0.756-0.454-3.994c0.017-2.076,0.017-2.076,0.151-1.955c0.282,0.256,0.336,0.676,0.336,2.623c0,2.418,0.069,2.648,0.923,3.07c0.399,0.195,0.511,0.219,1.022,0.221c0.544,0.002,0.577-0.006,0.597-0.148c0.017-0.115-0.05-0.193-0.304-0.348c-0.333-0.205-0.564-0.467-0.709-0.797c-0.055-0.127-0.092-0.959-0.117-2.672c-0.036-2.393-0.044-2.502-0.193-2.877c-0.201-0.504-0.508-0.902-0.897-1.166c-0.101-0.066-0.202-0.121-0.333-0.162c0.161-0.016,0.317-0.033,0.468-0.055c1.572-0.209,2.403-0.383,3.07-0.641c1.411-0.543,2.365-1.445,2.882-2.724c0.046-0.114,0.092-0.222,0.131-0.309l0.398,0.033c2.051,0.173,3.706,0.42,4.979,0.743c0.698,0.177,0.831,0.198,0.668,0.105C30.666,15.551,29.336,15.25,28.436,15.099zM22.422,15.068c-0.233,0.512-0.883,1.17-1.408,1.428c-0.518,0.256-1.33,0.451-2.25,0.544c-0.629,0.064-4.137,0.083-4.716,0.026c-1.917-0.188-2.991-0.557-3.783-1.296c-0.75-0.702-1.1-1.655-1.039-2.828c0.039-0.734,0.216-1.195,0.679-1.755c0.421-0.51,0.864-0.825,1.386-0.985c0.437-0.134,1.778-0.146,3.581-0.03c0.797,0.051,1.456,0.051,2.252,0c1.886-0.119,3.145-0.106,3.61,0.038c0.731,0.226,1.397,0.834,1.797,1.644c0.18,0.362,0.215,0.516,0.241,1.075C22.808,13.699,22.675,14.517,22.422,15.068zM12.912,11.762c-1.073-0.188-1.686,1.649-0.863,2.587c0.391,0.445,0.738,0.518,1.172,0.248c0.402-0.251,0.62-0.72,0.62-1.328C13.841,12.458,13.472,11.862,12.912,11.762zM19.425,11.872c-1.073-0.188-1.687,1.647-0.864,2.586c0.392,0.445,0.738,0.519,1.173,0.247c0.401-0.25,0.62-0.72,0.62-1.328C20.354,12.569,19.985,11.971,19.425,11.872zM16.539,15.484c-0.023,0.074-0.135,0.184-0.248,0.243c-0.286,0.147-0.492,0.096-0.794-0.179c-0.187-0.169-0.272-0.258-0.329-0.081c-0.053,0.164,0.28,0.493,0.537,0.594c0.236,0.094,0.405,0.097,0.661-0.01c0.254-0.106,0.476-0.391,0.476-0.576C16.842,15.303,16.595,15.311,16.539,15.484zM16.222,14.909c0.163-0.144,0.2-0.44,0.044-0.597s-0.473-0.133-0.597,0.043c-0.144,0.206-0.067,0.363,0.036,0.53C15.865,15.009,16.08,15.034,16.222,14.909z",
+    "raph_flickr": "M21.77,8.895c-2.379,0-4.479,1.174-5.77,2.969c-1.289-1.795-3.39-2.969-5.77-2.969c-3.924,0-7.105,3.181-7.105,7.105c0,3.924,3.181,7.105,7.105,7.105c2.379,0,4.48-1.175,5.77-2.97c1.29,1.795,3.391,2.97,5.77,2.97c3.925,0,7.105-3.182,7.105-7.105C28.875,12.075,25.694,8.895,21.77,8.895zM21.769,21.822c-3.211,0-5.821-2.61-5.821-5.821c0-3.213,2.61-5.824,5.821-5.824c3.213,0,5.824,2.611,5.824,5.824C27.593,19.212,24.981,21.822,21.769,21.822z",
+    "raph_lock": "M22.335,12.833V9.999h-0.001C22.333,6.501,19.498,3.666,16,3.666S9.666,6.502,9.666,10h0v2.833H7.375V25h17.25V12.833H22.335zM11.667,10C11.667,10,11.667,10,11.667,10c0-2.39,1.944-4.334,4.333-4.334c2.391,0,4.335,1.944,4.335,4.333c0,0,0,0,0,0v2.834h-8.668V10z",
+    "raph_clip": "M23.898,6.135c-1.571-1.125-3.758-0.764-4.884,0.808l-8.832,12.331c-0.804,1.122-0.546,2.684,0.577,3.488c1.123,0.803,2.684,0.545,3.488-0.578l6.236-8.706l-0.813-0.583l-6.235,8.707h0c-0.483,0.672-1.42,0.828-2.092,0.347c-0.673-0.481-0.827-1.419-0.345-2.093h0l8.831-12.33l0.001-0.001l-0.002-0.001c0.803-1.119,2.369-1.378,3.489-0.576c1.12,0.803,1.379,2.369,0.577,3.489v-0.001l-9.68,13.516l0.001,0.001c-1.124,1.569-3.316,1.931-4.885,0.808c-1.569-1.125-1.93-3.315-0.807-4.885l7.035-9.822l-0.813-0.582l-7.035,9.822c-1.447,2.02-0.982,4.83,1.039,6.277c2.021,1.448,4.831,0.982,6.278-1.037l9.68-13.516C25.83,9.447,25.47,7.261,23.898,6.135z",
+    "raph_star": "M15.999,22.77l-8.884,6.454l3.396-10.44l-8.882-6.454l10.979,0.002l2.918-8.977l0.476-1.458l3.39,10.433h10.982l-8.886,6.454l3.397,10.443L15.999,22.77L15.999,22.77z",
+    "raph_star2": "M30.373,12.329H19.391l-3.39-10.433l-0.476,1.458l-2.918,8.977L1.628,12.329l8.882,6.454l-3.396,10.44l8.884-6.454l8.886,6.457l-3.397-10.443L30.373,12.329z M17.175,21.151L16,20.298l-1.175,0.854l-3.902,2.834l1.49-4.584l0.45-1.382l-1.177-0.855l-3.9-2.834h6.275l0.45-1.381L16,8.366l1.489,4.581l0.449,1.381h6.281l-3.906,2.836l-1.178,0.854l0.449,1.384l1.493,4.584L17.175,21.151z",
+    "raph_plus": "M25.979,12.896 19.312,12.896 19.312,6.229 12.647,6.229 12.647,12.896 5.979,12.896 5.979,19.562 12.647,19.562 12.647,26.229 19.312,26.229 19.312,19.562 25.979,19.562",
+    "raph_chat": "M15.985,5.972c-7.563,0-13.695,4.077-13.695,9.106c0,2.877,2.013,5.44,5.147,7.108c-0.446,1.479-1.336,3.117-3.056,4.566c0,0,4.015-0.266,6.851-3.143c0.163,0.04,0.332,0.07,0.497,0.107c-0.155-0.462-0.246-0.943-0.246-1.443c0-3.393,3.776-6.05,8.599-6.05c3.464,0,6.379,1.376,7.751,3.406c1.168-1.34,1.847-2.892,1.847-4.552C29.68,10.049,23.548,5.972,15.985,5.972zM27.68,22.274c0-2.79-3.401-5.053-7.599-5.053c-4.196,0-7.599,2.263-7.599,5.053c0,2.791,3.403,5.053,7.599,5.053c0.929,0,1.814-0.116,2.637-0.319c1.573,1.597,3.801,1.744,3.801,1.744c-0.954-0.804-1.447-1.713-1.695-2.534C26.562,25.293,27.68,23.871,27.68,22.274z",
+    "raph_quote": "M14.505,5.873c-3.937,2.52-5.904,5.556-5.904,9.108c0,1.104,0.192,1.656,0.576,1.656l0.396-0.107c0.312-0.12,0.563-0.18,0.756-0.18c1.128,0,2.07,0.411,2.826,1.229c0.756,0.82,1.134,1.832,1.134,3.037c0,1.157-0.408,2.14-1.224,2.947c-0.816,0.807-1.801,1.211-2.952,1.211c-1.608,0-2.935-0.661-3.979-1.984c-1.044-1.321-1.565-2.98-1.565-4.977c0-2.259,0.443-4.327,1.332-6.203c0.888-1.875,2.243-3.57,4.067-5.085c1.824-1.514,2.988-2.272,3.492-2.272c0.336,0,0.612,0.162,0.828,0.486c0.216,0.324,0.324,0.606,0.324,0.846L14.505,5.873zM27.465,5.873c-3.937,2.52-5.904,5.556-5.904,9.108c0,1.104,0.192,1.656,0.576,1.656l0.396-0.107c0.312-0.12,0.563-0.18,0.756-0.18c1.104,0,2.04,0.411,2.808,1.229c0.769,0.82,1.152,1.832,1.152,3.037c0,1.157-0.408,2.14-1.224,2.947c-0.816,0.807-1.801,1.211-2.952,1.211c-1.608,0-2.935-0.661-3.979-1.984c-1.044-1.321-1.565-2.98-1.565-4.977c0-2.284,0.449-4.369,1.35-6.256c0.9-1.887,2.256-3.577,4.068-5.067c1.812-1.49,2.97-2.236,3.474-2.236c0.336,0,0.612,0.162,0.828,0.486c0.216,0.324,0.324,0.606,0.324,0.846L27.465,5.873z",
+    "raph_slideshare": "M28.952,12.795c-0.956,1.062-5.073,2.409-5.604,2.409h-4.513c-0.749,0-1.877,0.147-2.408,0.484c0.061,0.054,0.122,0.108,0.181,0.163c0.408,0.379,1.362,0.913,2.206,0.913c0.397,0,0.723-0.115,1-0.354c1.178-1.007,1.79-1.125,2.145-1.125c0.421,0,0.783,0.193,0.996,0.531c0.4,0.626,0.106,1.445-0.194,2.087c-0.718,1.524-3.058,3.171-5.595,3.171c-0.002,0-0.002,0-0.004,0c-0.354,0-0.701-0.033-1.033-0.099v3.251c0,0.742,1.033,2.533,4.167,2.533s3.955-3.701,3.955-4.338v-4.512c2.23-1.169,4.512-1.805,5.604-3.895C30.882,12.05,29.907,11.733,28.952,12.795zM21.942,17.521c0.796-1.699-0.053-1.699-1.54-0.425s-3.665,0.105-4.408-0.585c-0.743-0.689-1.486-1.22-2.814-1.167c-1.328,0.053-4.46-0.161-6.267-0.585c-1.805-0.425-4.895-3-5.15-2.335c-0.266,0.69,0.211,1.168,1.168,2.335c0.955,1.169,5.075,2.778,5.075,2.778s0,3.453,0,4.886c0,1.435,2.973,3.61,4.512,3.61s2.708-1.062,2.708-1.806v-4.512C17.775,21.045,21.146,19.221,21.942,17.521zM20.342,13.73c1.744,0,3.159-1.414,3.159-3.158c0-1.745-1.415-3.159-3.159-3.159s-3.158,1.414-3.158,3.159C17.184,12.316,18.598,13.73,20.342,13.73zM12.019,13.73c1.744,0,3.158-1.414,3.158-3.158c0-1.745-1.414-3.159-3.158-3.159c-1.745,0-3.159,1.414-3.159,3.159C8.86,12.316,10.273,13.73,12.019,13.73z"
+  }
+}
diff --git a/editor/extensions/shapelib/raphael_2.json b/editor/extensions/shapelib/raphael_2.json
index 42a476e2..98d2d196 100644
--- a/editor/extensions/shapelib/raphael_2.json
+++ b/editor/extensions/shapelib/raphael_2.json
@@ -1,64 +1,64 @@
-{"size": 32,
-"fill": true,
-"data": {
-    "raph_twitter": "M23.295,22.567h-7.213c-2.125,0-4.103-2.215-4.103-4.736v-1.829h11.232c1.817,0,3.291-1.469,3.291-3.281c0-1.813-1.474-3.282-3.291-3.282H11.979V6.198c0-1.835-1.375-3.323-3.192-3.323c-1.816,0-3.29,1.488-3.29,3.323v11.633c0,6.23,4.685,11.274,10.476,11.274h7.211c1.818,0,3.318-1.463,3.318-3.298S25.112,22.567,23.295,22.567z",
-    "raph_gear2": "M17.047,27.945c-0.34,0.032-0.688,0.054-1.046,0.054l0,0c-0.32,0-0.631-0.017-0.934-0.043l0,0l-2.626,3.375l-0.646-0.183c-0.758-0.213-1.494-0.48-2.202-0.8l0,0L8.979,30.07l0.158-4.24c-0.558-0.39-1.079-0.825-1.561-1.302l0,0L3.424,25.42l-0.379-0.557c-0.445-0.654-0.824-1.339-1.16-2.032l0,0l-0.292-0.605l2.819-3.12c-0.176-0.661-0.293-1.343-0.353-2.038l0,0l-3.736-1.975l0.068-0.669c0.08-0.801,0.235-1.567,0.42-2.303l0,0l0.165-0.653l4.167-0.577c0.297-0.627,0.647-1.221,1.041-1.78l0,0l-1.59-3.914l0.48-0.47c0.564-0.55,1.168-1.048,1.798-1.503l0,0l0.546-0.394l3.597,2.259c0.606-0.279,1.24-0.509,1.897-0.685l0,0l1.304-4.046l0.672-0.051c0.362-0.027,0.751-0.058,1.174-0.058l0,0c0.422,0,0.81,0.031,1.172,0.058l0,0l0.672,0.051l1.318,4.088c0.632,0.176,1.244,0.401,1.831,0.674l0,0l3.647-2.291l0.548,0.394c0.63,0.455,1.235,0.954,1.798,1.501l0,0l0.482,0.47l-1.639,4.031c0.357,0.519,0.679,1.068,0.954,1.646l0,0l4.297,0.595l0.167,0.653c0.188,0.735,0.342,1.501,0.42,2.303l0,0l0.068,0.669l-3.866,2.044c-0.058,0.634-0.161,1.258-0.315,1.866l0,0l2.913,3.218l-0.293,0.608c-0.335,0.695-0.712,1.382-1.159,2.034l0,0l-0.379,0.555l-4.255-0.912c-0.451,0.451-0.939,0.866-1.461,1.241l0,0l0.162,4.323l-0.615,0.278c-0.709,0.319-1.444,0.587-2.202,0.8l0,0l-0.648,0.183L17.047,27.945L17.047,27.945zM20.424,29.028c0.227-0.076,0.45-0.157,0.671-0.244l0,0l-0.152-4.083l0.479-0.307c0.717-0.466,1.37-1.024,1.95-1.658l0,0l0.386-0.423l4.026,0.862c0.121-0.202,0.238-0.409,0.351-0.62l0,0l-2.754-3.045l0.171-0.544c0.243-0.783,0.381-1.623,0.422-2.5l0,0l0.025-0.571l3.658-1.933c-0.038-0.234-0.082-0.467-0.132-0.7l0,0l-4.07-0.563l-0.219-0.527c-0.327-0.787-0.76-1.524-1.277-2.204l0,0l-0.342-0.453l1.548-3.808c-0.179-0.157-0.363-0.31-0.552-0.458l0,0l-3.455,2.169L20.649,7.15c-0.754-0.397-1.569-0.698-2.429-0.894l0,0l-0.556-0.127l-1.248-3.87c-0.121-0.006-0.239-0.009-0.354-0.009l0,0c-0.117,0-0.235,0.003-0.357,0.009l0,0l-1.239,3.845l-0.564,0.12c-0.875,0.188-1.709,0.494-2.486,0.896l0,0l-0.508,0.264L7.509,5.249c-0.188,0.148-0.372,0.301-0.55,0.458l0,0l1.507,3.708L8.112,9.869c-0.552,0.709-1.011,1.485-1.355,2.319l0,0l-0.218,0.529l-3.939,0.545c-0.05,0.233-0.094,0.466-0.131,0.7l0,0l3.531,1.867l0.022,0.575c0.037,0.929,0.192,1.82,0.459,2.653l0,0l0.175,0.548l-2.667,2.95c0.112,0.212,0.229,0.419,0.351,0.621l0,0l3.916-0.843l0.39,0.423c0.601,0.657,1.287,1.229,2.043,1.703l0,0l0.488,0.305l-0.149,4.02c0.221,0.087,0.445,0.168,0.672,0.244l0,0l2.479-3.188l0.566,0.07c0.427,0.054,0.843,0.089,1.257,0.089l0,0c0.445,0,0.894-0.039,1.353-0.104l0,0l0.571-0.08L20.424,29.028L20.424,29.028zM21.554,20.75l0.546,0.839l-3.463,2.253l-1.229-1.891l0,0c-0.447,0.109-0.917,0.173-1.406,0.173l0,0c-3.384,0-6.126-2.743-6.126-6.123l0,0c0-3.384,2.742-6.126,6.126-6.126l0,0c3.38,0,6.123,2.742,6.123,6.126l0,0c0,1.389-0.467,2.676-1.25,3.704l0,0L21.554,20.75M19.224,21.073l0.108-0.069l-0.987-1.519l0.572-0.572c0.748-0.75,1.207-1.773,1.207-2.912l0,0c-0.004-2.278-1.848-4.122-4.123-4.126l0,0c-2.28,0.004-4.122,1.846-4.126,4.126l0,0c0.004,2.275,1.848,4.119,4.126,4.123l0,0c0.509,0,0.999-0.104,1.473-0.286l0,0l0.756-0.29L19.224,21.073L19.224,21.073z",
-    "raph_gear": "M26.974,16.514l3.765-1.991c-0.074-0.738-0.217-1.454-0.396-2.157l-4.182-0.579c-0.362-0.872-0.84-1.681-1.402-2.423l1.594-3.921c-0.524-0.511-1.09-0.977-1.686-1.406l-3.551,2.229c-0.833-0.438-1.73-0.77-2.672-0.984l-1.283-3.976c-0.364-0.027-0.728-0.056-1.099-0.056s-0.734,0.028-1.099,0.056l-1.271,3.941c-0.967,0.207-1.884,0.543-2.738,0.986L7.458,4.037C6.863,4.466,6.297,4.932,5.773,5.443l1.55,3.812c-0.604,0.775-1.11,1.629-1.49,2.55l-4.05,0.56c-0.178,0.703-0.322,1.418-0.395,2.157l3.635,1.923c0.041,1.013,0.209,1.994,0.506,2.918l-2.742,3.032c0.319,0.661,0.674,1.303,1.085,1.905l4.037-0.867c0.662,0.72,1.416,1.351,2.248,1.873l-0.153,4.131c0.663,0.299,1.352,0.549,2.062,0.749l2.554-3.283C15.073,26.961,15.532,27,16,27c0.507,0,1.003-0.046,1.491-0.113l2.567,3.301c0.711-0.2,1.399-0.45,2.062-0.749l-0.156-4.205c0.793-0.513,1.512-1.127,2.146-1.821l4.142,0.889c0.411-0.602,0.766-1.243,1.085-1.905l-2.831-3.131C26.778,18.391,26.93,17.467,26.974,16.514zM20.717,21.297l-1.785,1.162l-1.098-1.687c-0.571,0.22-1.186,0.353-1.834,0.353c-2.831,0-5.125-2.295-5.125-5.125c0-2.831,2.294-5.125,5.125-5.125c2.83,0,5.125,2.294,5.125,5.125c0,1.414-0.573,2.693-1.499,3.621L20.717,21.297z",
-    "raph_wrench": "M26.834,14.693c1.816-2.088,2.181-4.938,1.193-7.334l-3.646,4.252l-3.594-0.699L19.596,7.45l3.637-4.242c-2.502-0.63-5.258,0.13-7.066,2.21c-1.907,2.193-2.219,5.229-1.039,7.693L5.624,24.04c-1.011,1.162-0.888,2.924,0.274,3.935c1.162,1.01,2.924,0.888,3.935-0.274l9.493-10.918C21.939,17.625,24.918,16.896,26.834,14.693z",
-    "raph_magic": "M23.043,4.649l-0.404-2.312l-1.59,1.727l-2.323-0.33l1.151,2.045l-1.032,2.108l2.302-0.463l1.686,1.633l0.271-2.332l2.074-1.099L23.043,4.649zM26.217,18.198l-0.182-1.25l-0.882,0.905l-1.245-0.214l0.588,1.118l-0.588,1.118l1.245-0.214l0.882,0.905l0.182-1.25l1.133-0.56L26.217,18.198zM4.92,7.672L5.868,7.3l0.844,0.569L6.65,6.853l0.802-0.627L6.467,5.97L6.118,5.013L5.571,5.872L4.553,5.908l0.647,0.786L4.92,7.672zM10.439,10.505l1.021-1.096l1.481,0.219l-0.727-1.31l0.667-1.341l-1.47,0.287l-1.069-1.048L10.16,7.703L8.832,8.396l1.358,0.632L10.439,10.505zM17.234,12.721c-0.588-0.368-1.172-0.618-1.692-0.729c-0.492-0.089-1.039-0.149-1.425,0.374L2.562,30.788h6.68l9.669-15.416c0.303-0.576,0.012-1.041-0.283-1.447C18.303,13.508,17.822,13.09,17.234,12.721zM13.613,21.936c-0.254-0.396-0.74-0.857-1.373-1.254c-0.632-0.396-1.258-0.634-1.726-0.69l4.421-7.052c0.064-0.013,0.262-0.021,0.543,0.066c0.346,0.092,0.785,0.285,1.225,0.562c0.504,0.313,0.908,0.677,1.133,0.97c0.113,0.145,0.178,0.271,0.195,0.335c0.002,0.006,0.004,0.011,0.004,0.015L13.613,21.936z",
-    "raph_download": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM16,28.792c-1.549,0-2.806-1.256-2.806-2.806s1.256-2.806,2.806-2.806c1.55,0,2.806,1.256,2.806,2.806S17.55,28.792,16,28.792zM16,21.087l-7.858-6.562h3.469V5.747h8.779v8.778h3.468L16,21.087z",
-    "raph_firefox": "M28.4,22.469c0.479-0.964,0.851-1.991,1.095-3.066c0.953-3.661,0.666-6.854,0.666-6.854l-0.327,2.104c0,0-0.469-3.896-1.044-5.353c-0.881-2.231-1.273-2.214-1.274-2.21c0.542,1.379,0.494,2.169,0.483,2.288c-0.01-0.016-0.019-0.032-0.027-0.047c-0.131-0.324-0.797-1.819-2.225-2.878c-2.502-2.481-5.943-4.014-9.745-4.015c-4.056,0-7.705,1.745-10.238,4.525C5.444,6.5,5.183,5.938,5.159,5.317c0,0-0.002,0.002-0.006,0.005c0-0.011-0.003-0.021-0.003-0.031c0,0-1.61,1.247-1.436,4.612c-0.299,0.574-0.56,1.172-0.777,1.791c-0.375,0.817-0.75,2.004-1.059,3.746c0,0,0.133-0.422,0.399-0.988c-0.064,0.482-0.103,0.971-0.116,1.467c-0.09,0.845-0.118,1.865-0.039,3.088c0,0,0.032-0.406,0.136-1.021c0.834,6.854,6.667,12.165,13.743,12.165l0,0c1.86,0,3.636-0.37,5.256-1.036C24.938,27.771,27.116,25.196,28.4,22.469zM16.002,3.356c2.446,0,4.73,0.68,6.68,1.86c-2.274-0.528-3.433-0.261-3.423-0.248c0.013,0.015,3.384,0.589,3.981,1.411c0,0-1.431,0-2.856,0.41c-0.065,0.019,5.242,0.663,6.327,5.966c0,0-0.582-1.213-1.301-1.42c0.473,1.439,0.351,4.17-0.1,5.528c-0.058,0.174-0.118-0.755-1.004-1.155c0.284,2.037-0.018,5.268-1.432,6.158c-0.109,0.07,0.887-3.189,0.201-1.93c-4.093,6.276-8.959,2.539-10.934,1.208c1.585,0.388,3.267,0.108,4.242-0.559c0.982-0.672,1.564-1.162,2.087-1.047c0.522,0.117,0.87-0.407,0.464-0.872c-0.405-0.466-1.392-1.105-2.725-0.757c-0.94,0.247-2.107,1.287-3.886,0.233c-1.518-0.899-1.507-1.63-1.507-2.095c0-0.366,0.257-0.88,0.734-1.028c0.58,0.062,1.044,0.214,1.537,0.466c0.005-0.135,0.006-0.315-0.001-0.519c0.039-0.077,0.015-0.311-0.047-0.596c-0.036-0.287-0.097-0.582-0.19-0.851c0.01-0.002,0.017-0.007,0.021-0.021c0.076-0.344,2.147-1.544,2.299-1.659c0.153-0.114,0.55-0.378,0.506-1.183c-0.015-0.265-0.058-0.294-2.232-0.286c-0.917,0.003-1.425-0.894-1.589-1.245c0.222-1.231,0.863-2.11,1.919-2.704c0.02-0.011,0.015-0.021-0.008-0.027c0.219-0.127-2.524-0.006-3.76,1.604C9.674,8.045,9.219,7.95,8.71,7.95c-0.638,0-1.139,0.07-1.603,0.187c-0.05,0.013-0.122,0.011-0.208-0.001C6.769,8.04,6.575,7.88,6.365,7.672c0.161-0.18,0.324-0.356,0.495-0.526C9.201,4.804,12.43,3.357,16.002,3.356z",
-    "raph_ie": "M27.998,2.266c-2.12-1.91-6.925,0.382-9.575,1.93c-0.76-0.12-1.557-0.185-2.388-0.185c-3.349,0-6.052,0.985-8.106,2.843c-2.336,2.139-3.631,4.94-3.631,8.177c0,0.028,0.001,0.056,0.001,0.084c3.287-5.15,8.342-7.79,9.682-8.487c0.212-0.099,0.338,0.155,0.141,0.253c-0.015,0.042-0.015,0,0,0c-2.254,1.35-6.434,5.259-9.146,10.886l-0.003-0.007c-1.717,3.547-3.167,8.529-0.267,10.358c2.197,1.382,6.13-0.248,9.295-2.318c0.764,0.108,1.567,0.165,2.415,0.165c5.84,0,9.937-3.223,11.399-7.924l-8.022-0.014c-0.337,1.661-1.464,2.548-3.223,2.548c-2.21,0-3.729-1.211-3.828-4.012l15.228-0.014c0.028-0.578-0.042-0.985-0.042-1.436c0-5.251-3.143-9.355-8.255-10.663c2.081-1.294,5.974-3.209,7.848-1.681c1.407,1.14,0.633,3.533,0.295,4.518c-0.056,0.254,0.24,0.296,0.296,0.057C28.814,5.573,29.026,3.194,27.998,2.266zM13.272,25.676c-2.469,1.475-5.873,2.539-7.539,1.289c-1.243-0.935-0.696-3.468,0.398-5.938c0.664,0.992,1.495,1.886,2.473,2.63C9.926,24.651,11.479,25.324,13.272,25.676zM12.714,13.046c0.042-2.435,1.787-3.49,3.617-3.49c1.928,0,3.49,1.112,3.49,3.49H12.714z",
-    "raph_opera": "M15.954,2.046c-7.489,0-12.872,5.432-12.872,13.581c0,7.25,5.234,13.835,12.873,13.835c7.712,0,12.974-6.583,12.974-13.835C28.929,7.413,23.375,2.046,15.954,2.046zM15.952,26.548L15.952,26.548c-2.289,0-3.49-1.611-4.121-3.796c-0.284-1.037-0.458-2.185-0.563-3.341c-0.114-1.374-0.129-2.773-0.129-4.028c0-0.993,0.018-1.979,0.074-2.926c0.124-1.728,0.386-3.431,0.89-4.833c0.694-1.718,1.871-2.822,3.849-2.822c2.5,0,3.763,1.782,4.385,4.322c0.429,1.894,0.56,4.124,0.56,6.274c0,2.299-0.103,5.153-0.763,7.442C19.473,24.979,18.242,26.548,15.952,26.548z",
-    "raph_chrome": "M16.277,8.655c-2.879,0-5.227,2.181-5.227,4.854s2.348,4.854,5.227,4.854c2.879,0,5.227-2.181,5.227-4.854S19.156,8.655,16.277,8.655zM29.535,13.486c-0.369-1.819-1.068-3.052-1.727-3.995c0.05,0.129,0.09,0.259,0.138,0.388c-2.34-6.355-11.704-9.8-18.937-5.43c-0.056,0.27-0.073,0.538-0.073,0.804c0-0.051-0.006-0.098-0.004-0.15c-1.743-0.134-3.854,2.061-5.731,6.083c-0.953,2.277-1.298,4.77-0.414,7.693c0.516,1.706,1.328,3.456,2.499,4.814c3.471,4.027,8.788,5.67,11.884,4.835c0.004,0.001,0.009,0.003,0.014,0.004c5.969-0.125,10.494-4.228,12.125-9.569C29.896,17.035,29.934,15.457,29.535,13.486zM6.043,23.04c-0.96-1.112-1.755-2.651-2.299-4.452c-0.733-2.42-0.612-4.65,0.379-7.015C5.129,9.42,6.111,8.005,6.956,7.154c0.15,0.742,0.521,1.628,1.113,2.649c0.218,0.379,0.459,0.701,0.692,1.012c0.179,0.237,0.356,0.474,0.513,0.729c0.124,0.202,0.239,0.445,0.354,0.737c-0.239,2.754,0.892,5.138,3.148,6.679l-2.546,2.25l-0.202,0.171c-0.208,0.171-0.447,0.373-0.651,0.589c-1.36,1.444-0.25,2.831,0.286,3.498l0.068,0.087c0.237,0.297,0.513,0.62,0.815,0.938C8.963,25.725,7.375,24.585,6.043,23.04zM28.354,18.67c-1.6,5.232-5.937,8.7-11.07,8.859c-2.485-0.583-4.362-1.78-5.586-3.557c0.004-0.004,0.01-0.008,0.015-0.013l4.944-3.836c2.226-0.124,3.854-0.888,4.847-2.278c1.222-1.412,1.792-3.025,1.693-4.861c1.817,0.377,3.389,0.903,4.855,1.883l0.116,0.078l0.134,0.043c0.156,0.049,0.311,0.076,0.459,0.081C28.87,16.309,28.74,17.402,28.354,18.67zM28.609,14.037c-1.951-1.306-4.062-1.867-6.594-2.285c0.531,2.358-0.084,4.072-1.326,5.512c-0.882,1.235-2.382,1.822-4.394,1.875l-5.22,4.052c-0.497,0.409-0.591,0.819-0.282,1.229c0.849,1.277,1.929,2.202,3.122,2.878c-0.013,0-0.026,0.002-0.039,0.003c-0.001-0.001-0.004-0.002-0.006-0.004c-0.02,0.003-0.041,0.004-0.062,0.005c-0.08,0.001-0.16-0.001-0.239-0.01c-0.156-0.021-0.314-0.064-0.459-0.118c-0.898-0.333-1.89-1.352-2.597-2.239c-0.581-0.73-1.206-1.433-0.411-2.275c0.258-0.273,0.582-0.514,0.789-0.698l2.521-2.229c0.172-0.137,0.35-0.277,0.535-0.423c0.053-0.042,0.107-0.084,0.162-0.127c0.564-0.442,0.483-0.32-0.108-0.642c-2.419-1.32-3.677-3.614-3.354-6.389c-0.149-0.41-0.317-0.792-0.518-1.124c-0.363-0.6-0.834-1.102-1.194-1.723c-0.9-1.556-1.847-3.902,0.013-3.682c-0.005-0.053-0.002-0.11-0.005-0.164c0.094,2.001,1.526,3.823,1.742,4.888c0.078,0.382,0.294,0.705,0.612,0.28c2.538-3.395,6.069-3.053,8.328-1.312c0.443,0.34,0.684,0.755,1.084,1.11c0.154,0.138,0.328,0.259,0.535,0.351c0.743,0.332,1.807,0.312,2.607,0.434c1.371,0.208,2.707,0.464,3.971,0.812c0.25,0.03,0.424-0.004,0.521-0.101c0.211-0.208-0.002-0.887-0.121-1.263c0.277,0.805,0.536,1.609,0.773,2.415C29.176,13.701,29.133,14.208,28.609,14.037z",
-    "raph_safari": "M16.154,5.135c-0.504,0-1,0.031-1.488,0.089l-0.036-0.18c-0.021-0.104-0.06-0.198-0.112-0.283c0.381-0.308,0.625-0.778,0.625-1.306c0-0.927-0.751-1.678-1.678-1.678s-1.678,0.751-1.678,1.678c0,0.745,0.485,1.376,1.157,1.595c-0.021,0.105-0.021,0.216,0,0.328l0.033,0.167C7.645,6.95,3.712,11.804,3.712,17.578c0,6.871,5.571,12.441,12.442,12.441c6.871,0,12.441-5.57,12.441-12.441C28.596,10.706,23.025,5.135,16.154,5.135zM16.369,8.1c4.455,0,8.183,3.116,9.123,7.287l-0.576,0.234c-0.148-0.681-0.755-1.191-1.48-1.191c-0.837,0-1.516,0.679-1.516,1.516c0,0.075,0.008,0.148,0.018,0.221l-2.771-0.028c-0.054-0.115-0.114-0.226-0.182-0.333l3.399-5.11l0.055-0.083l-4.766,4.059c-0.352-0.157-0.74-0.248-1.148-0.256l0.086-0.018l-1.177-2.585c0.64-0.177,1.111-0.763,1.111-1.459c0-0.837-0.678-1.515-1.516-1.515c-0.075,0-0.147,0.007-0.219,0.018l0.058-0.634C15.357,8.141,15.858,8.1,16.369,8.1zM12.146,3.455c0-0.727,0.591-1.318,1.318-1.318c0.727,0,1.318,0.591,1.318,1.318c0,0.425-0.203,0.802-0.516,1.043c-0.183-0.123-0.413-0.176-0.647-0.13c-0.226,0.045-0.413,0.174-0.535,0.349C12.542,4.553,12.146,4.049,12.146,3.455zM7.017,17.452c0-4.443,3.098-8.163,7.252-9.116l0.297,0.573c-0.61,0.196-1.051,0.768-1.051,1.442c0,0.837,0.678,1.516,1.515,1.516c0.068,0,0.135-0.006,0.2-0.015l-0.058,2.845l0.052-0.011c-0.442,0.204-0.824,0.513-1.116,0.895l0.093-0.147l-1.574-0.603l1.172,1.239l0.026-0.042c-0.19,0.371-0.306,0.788-0.324,1.229l-0.003-0.016l-2.623,1.209c-0.199-0.604-0.767-1.041-1.438-1.041c-0.837,0-1.516,0.678-1.516,1.516c0,0.064,0.005,0.128,0.013,0.191l-0.783-0.076C7.063,18.524,7.017,17.994,7.017,17.452zM16.369,26.805c-4.429,0-8.138-3.078-9.106-7.211l0.691-0.353c0.146,0.686,0.753,1.2,1.482,1.2c0.837,0,1.515-0.679,1.515-1.516c0-0.105-0.011-0.207-0.031-0.307l2.858,0.03c0.045,0.095,0.096,0.187,0.15,0.276l-3.45,5.277l0.227-0.195l4.529-3.92c0.336,0.153,0.705,0.248,1.094,0.266l-0.019,0.004l1.226,2.627c-0.655,0.166-1.142,0.76-1.142,1.468c0,0.837,0.678,1.515,1.516,1.515c0.076,0,0.151-0.007,0.225-0.018l0.004,0.688C17.566,26.746,16.975,26.805,16.369,26.805zM18.662,26.521l-0.389-0.6c0.661-0.164,1.152-0.759,1.152-1.47c0-0.837-0.68-1.516-1.516-1.516c-0.066,0-0.13,0.005-0.193,0.014v-2.86l-0.025,0.004c0.409-0.185,0.77-0.459,1.055-0.798l1.516,0.659l-1.104-1.304c0.158-0.335,0.256-0.704,0.278-1.095l2.552-1.164c0.19,0.618,0.766,1.068,1.447,1.068c0.838,0,1.516-0.679,1.516-1.516c0-0.069-0.006-0.137-0.016-0.204l0.65,0.12c0.089,0.517,0.136,1.049,0.136,1.591C25.722,21.826,22.719,25.499,18.662,26.521z",
-    "raph_view": "M16,8.286C8.454,8.286,2.5,16,2.5,16s5.954,7.715,13.5,7.715c5.771,0,13.5-7.715,13.5-7.715S21.771,8.286,16,8.286zM16,20.807c-2.649,0-4.807-2.157-4.807-4.807s2.158-4.807,4.807-4.807s4.807,2.158,4.807,4.807S18.649,20.807,16,20.807zM16,13.194c-1.549,0-2.806,1.256-2.806,2.806c0,1.55,1.256,2.806,2.806,2.806c1.55,0,2.806-1.256,2.806-2.806C18.806,14.451,17.55,13.194,16,13.194z",
-    "raph_noview": "M11.478,17.568c-0.172-0.494-0.285-1.017-0.285-1.568c0-2.65,2.158-4.807,4.807-4.807c0.552,0,1.074,0.113,1.568,0.285l2.283-2.283C18.541,8.647,17.227,8.286,16,8.286C8.454,8.286,2.5,16,2.5,16s2.167,2.791,5.53,5.017L11.478,17.568zM23.518,11.185l-3.056,3.056c0.217,0.546,0.345,1.138,0.345,1.76c0,2.648-2.158,4.807-4.807,4.807c-0.622,0-1.213-0.128-1.76-0.345l-2.469,2.47c1.327,0.479,2.745,0.783,4.229,0.783c5.771,0,13.5-7.715,13.5-7.715S26.859,13.374,23.518,11.185zM25.542,4.917L4.855,25.604L6.27,27.02L26.956,6.332L25.542,4.917z",
-    "raph_cloud": "M24.345,13.904c0.019-0.195,0.03-0.392,0.03-0.591c0-3.452-2.798-6.25-6.25-6.25c-2.679,0-4.958,1.689-5.847,4.059c-0.589-0.646-1.429-1.059-2.372-1.059c-1.778,0-3.219,1.441-3.219,3.219c0,0.21,0.023,0.415,0.062,0.613c-2.372,0.391-4.187,2.436-4.187,4.918c0,2.762,2.239,5,5,5h15.875c2.762,0,5-2.238,5-5C28.438,16.362,26.672,14.332,24.345,13.904z",
-    "raph_cloud2": "M7.562,24.812c-3.313,0-6-2.687-6-6l0,0c0.002-2.659,1.734-4.899,4.127-5.684l0,0c0.083-2.26,1.937-4.064,4.216-4.066l0,0c0.73,0,1.415,0.19,2.01,0.517l0,0c1.266-2.105,3.57-3.516,6.208-3.517l0,0c3.947,0.002,7.157,3.155,7.248,7.079l0,0c2.362,0.804,4.062,3.034,4.064,5.671l0,0c0,3.313-2.687,6-6,6l0,0H7.562L7.562,24.812zM24.163,14.887c-0.511-0.095-0.864-0.562-0.815-1.079l0,0c0.017-0.171,0.027-0.336,0.027-0.497l0,0c-0.007-2.899-2.352-5.245-5.251-5.249l0,0c-2.249-0.002-4.162,1.418-4.911,3.41l0,0c-0.122,0.323-0.406,0.564-0.748,0.63l0,0c-0.34,0.066-0.694-0.052-0.927-0.309l0,0c-0.416-0.453-0.986-0.731-1.633-0.731l0,0c-1.225,0.002-2.216,0.993-2.22,2.218l0,0c0,0.136,0.017,0.276,0.045,0.424l0,0c0.049,0.266-0.008,0.54-0.163,0.762l0,0c-0.155,0.223-0.392,0.371-0.657,0.414l0,0c-1.9,0.313-3.352,1.949-3.35,3.931l0,0c0.004,2.209,1.792,3.995,4.001,4.001l0,0h15.874c2.209-0.006,3.994-1.792,3.999-4.001l0,0C27.438,16.854,26.024,15.231,24.163,14.887L24.163,14.887",
-    "raph_cloudDown": "M24.345,13.904c0.019-0.195,0.03-0.392,0.03-0.591c0-3.452-2.798-6.25-6.25-6.25c-2.679,0-4.958,1.689-5.847,4.059c-0.589-0.646-1.429-1.059-2.372-1.059c-1.778,0-3.219,1.441-3.219,3.219c0,0.21,0.023,0.415,0.062,0.613c-2.372,0.391-4.187,2.436-4.187,4.918c0,2.762,2.239,5,5,5h3.404l-0.707-0.707c-0.377-0.377-0.585-0.879-0.585-1.413c0-0.533,0.208-1.035,0.585-1.412l0.556-0.557c0.4-0.399,0.937-0.628,1.471-0.628c0.027,0,0.054,0,0.08,0.002v-0.472c0-1.104,0.898-2.002,2-2.002h3.266c1.103,0,2,0.898,2,2.002v0.472c0.027-0.002,0.054-0.002,0.081-0.002c0.533,0,1.07,0.229,1.47,0.63l0.557,0.552c0.78,0.781,0.78,2.05,0,2.828l-0.706,0.707h2.403c2.762,0,5-2.238,5-5C28.438,16.362,26.672,14.332,24.345,13.904z M21.033,20.986l-0.556-0.555c-0.39-0.389-0.964-0.45-1.276-0.137c-0.312,0.312-0.568,0.118-0.568-0.432v-1.238c0-0.55-0.451-1-1-1h-3.265c-0.55,0-1,0.45-1,1v1.238c0,0.55-0.256,0.744-0.569,0.432c-0.312-0.313-0.887-0.252-1.276,0.137l-0.556,0.555c-0.39,0.389-0.39,1.024-0.001,1.413l4.328,4.331c0.194,0.194,0.451,0.291,0.707,0.291s0.512-0.097,0.707-0.291l4.327-4.331C21.424,22.011,21.423,21.375,21.033,20.986z",
-    "raph_cloudUp": "M24.345,13.904c0.019-0.195,0.03-0.392,0.03-0.591c0-3.452-2.798-6.25-6.25-6.25c-2.679,0-4.958,1.689-5.847,4.059c-0.589-0.646-1.429-1.059-2.372-1.059c-1.778,0-3.219,1.441-3.219,3.219c0,0.21,0.023,0.415,0.062,0.613c-2.372,0.391-4.187,2.436-4.187,4.918c0,2.762,2.239,5,5,5h2.312c-0.126-0.266-0.2-0.556-0.2-0.859c0-0.535,0.208-1.04,0.587-1.415l4.325-4.329c0.375-0.377,0.877-0.585,1.413-0.585c0.54,0,1.042,0.21,1.417,0.587l4.323,4.329c0.377,0.373,0.585,0.878,0.585,1.413c0,0.304-0.073,0.594-0.2,0.859h1.312c2.762,0,5-2.238,5-5C28.438,16.362,26.672,14.332,24.345,13.904z M16.706,17.916c-0.193-0.195-0.45-0.291-0.706-0.291s-0.512,0.096-0.707,0.291l-4.327,4.33c-0.39,0.389-0.389,1.025,0.001,1.414l0.556,0.555c0.39,0.389,0.964,0.449,1.276,0.137s0.568-0.119,0.568,0.432v1.238c0,0.549,0.451,1,1,1h3.265c0.551,0,1-0.451,1-1v-1.238c0-0.551,0.256-0.744,0.569-0.432c0.312,0.312,0.887,0.252,1.276-0.137l0.556-0.555c0.39-0.389,0.39-1.025,0.001-1.414L16.706,17.916z",
-    "raph_location": "M16,3.5c-4.142,0-7.5,3.358-7.5,7.5c0,4.143,7.5,18.121,7.5,18.121S23.5,15.143,23.5,11C23.5,6.858,20.143,3.5,16,3.5z M16,14.584c-1.979,0-3.584-1.604-3.584-3.584S14.021,7.416,16,7.416S19.584,9.021,19.584,11S17.979,14.584,16,14.584z",
-    "raph_volume0": "M4.998,12.127v7.896h4.495l6.729,5.526l0.004-18.948l-6.73,5.526H4.998z",
-    "raph_volume1": "M4.998,12.127v7.896h4.495l6.729,5.526l0.004-18.948l-6.73,5.526H4.998z M18.806,11.219c-0.393-0.389-1.024-0.389-1.415,0.002c-0.39,0.391-0.39,1.024,0.002,1.416v-0.002c0.863,0.864,1.395,2.049,1.395,3.366c0,1.316-0.531,2.497-1.393,3.361c-0.394,0.389-0.394,1.022-0.002,1.415c0.195,0.195,0.451,0.293,0.707,0.293c0.257,0,0.513-0.098,0.708-0.293c1.222-1.22,1.98-2.915,1.979-4.776C20.788,14.136,20.027,12.439,18.806,11.219z",
-    "raph_volume2": "M4.998,12.127v7.896h4.495l6.729,5.526l0.004-18.948l-6.73,5.526H4.998z M18.806,11.219c-0.393-0.389-1.024-0.389-1.415,0.002c-0.39,0.391-0.39,1.024,0.002,1.416v-0.002c0.863,0.864,1.395,2.049,1.395,3.366c0,1.316-0.531,2.497-1.393,3.361c-0.394,0.389-0.394,1.022-0.002,1.415c0.195,0.195,0.451,0.293,0.707,0.293c0.257,0,0.513-0.098,0.708-0.293c1.222-1.22,1.98-2.915,1.979-4.776C20.788,14.136,20.027,12.439,18.806,11.219z M21.101,8.925c-0.393-0.391-1.024-0.391-1.413,0c-0.392,0.391-0.392,1.025,0,1.414c1.45,1.451,2.344,3.447,2.344,5.661c0,2.212-0.894,4.207-2.342,5.659c-0.392,0.39-0.392,1.023,0,1.414c0.195,0.195,0.451,0.293,0.708,0.293c0.256,0,0.512-0.098,0.707-0.293c1.808-1.809,2.929-4.315,2.927-7.073C24.033,13.24,22.912,10.732,21.101,8.925z",
-    "raph_volume3": "M4.998,12.127v7.896h4.495l6.729,5.526l0.004-18.948l-6.73,5.526H4.998z M18.806,11.219c-0.393-0.389-1.024-0.389-1.415,0.002c-0.39,0.391-0.39,1.024,0.002,1.416v-0.002c0.863,0.864,1.395,2.049,1.395,3.366c0,1.316-0.531,2.497-1.393,3.361c-0.394,0.389-0.394,1.022-0.002,1.415c0.195,0.195,0.451,0.293,0.707,0.293c0.257,0,0.513-0.098,0.708-0.293c1.222-1.22,1.98-2.915,1.979-4.776C20.788,14.136,20.027,12.439,18.806,11.219z M21.101,8.925c-0.393-0.391-1.024-0.391-1.413,0c-0.392,0.391-0.392,1.025,0,1.414c1.45,1.451,2.344,3.447,2.344,5.661c0,2.212-0.894,4.207-2.342,5.659c-0.392,0.39-0.392,1.023,0,1.414c0.195,0.195,0.451,0.293,0.708,0.293c0.256,0,0.512-0.098,0.707-0.293c1.808-1.809,2.929-4.315,2.927-7.073C24.033,13.24,22.912,10.732,21.101,8.925z M23.28,6.746c-0.393-0.391-1.025-0.389-1.414,0.002c-0.391,0.389-0.391,1.023,0.002,1.413h-0.002c2.009,2.009,3.248,4.773,3.248,7.839c0,3.063-1.239,5.828-3.246,7.838c-0.391,0.39-0.391,1.023,0.002,1.415c0.194,0.194,0.45,0.291,0.706,0.291s0.513-0.098,0.708-0.293c2.363-2.366,3.831-5.643,3.829-9.251C27.115,12.389,25.647,9.111,23.28,6.746z",
-    "raph_key": "M18.386,16.009l0.009-0.006l-0.58-0.912c1.654-2.226,1.876-5.319,0.3-7.8c-2.043-3.213-6.303-4.161-9.516-2.118c-3.212,2.042-4.163,6.302-2.12,9.517c1.528,2.402,4.3,3.537,6.944,3.102l0.424,0.669l0.206,0.045l0.779-0.447l-0.305,1.377l2.483,0.552l-0.296,1.325l1.903,0.424l-0.68,3.06l1.406,0.313l-0.424,1.906l4.135,0.918l0.758-3.392L18.386,16.009z M10.996,8.944c-0.685,0.436-1.593,0.233-2.029-0.452C8.532,7.807,8.733,6.898,9.418,6.463s1.594-0.233,2.028,0.452C11.883,7.6,11.68,8.509,10.996,8.944z",
-    "raph_ruler": "M6.63,21.796l-5.122,5.121h25.743V1.175L6.63,21.796zM18.702,10.48c0.186-0.183,0.48-0.183,0.664,0l1.16,1.159c0.184,0.183,0.186,0.48,0.002,0.663c-0.092,0.091-0.213,0.137-0.332,0.137c-0.121,0-0.24-0.046-0.33-0.137l-1.164-1.159C18.519,10.96,18.519,10.664,18.702,10.48zM17.101,12.084c0.184-0.183,0.48-0.183,0.662,0l2.156,2.154c0.184,0.183,0.184,0.48,0.002,0.661c-0.092,0.092-0.213,0.139-0.334,0.139s-0.24-0.046-0.33-0.137l-2.156-2.154C16.917,12.564,16.917,12.267,17.101,12.084zM15.497,13.685c0.184-0.183,0.48-0.183,0.664,0l1.16,1.161c0.184,0.183,0.182,0.48-0.002,0.663c-0.092,0.092-0.211,0.138-0.33,0.138c-0.121,0-0.24-0.046-0.332-0.138l-1.16-1.16C15.314,14.166,15.314,13.868,15.497,13.685zM13.896,15.288c0.184-0.183,0.48-0.181,0.664,0.002l1.158,1.159c0.183,0.184,0.183,0.48,0,0.663c-0.092,0.092-0.212,0.138-0.332,0.138c-0.119,0-0.24-0.046-0.332-0.138l-1.158-1.161C13.713,15.767,13.713,15.471,13.896,15.288zM12.293,16.892c0.183-0.184,0.479-0.184,0.663,0l2.154,2.153c0.184,0.184,0.184,0.481,0,0.665c-0.092,0.092-0.211,0.138-0.33,0.138c-0.121,0-0.242-0.046-0.334-0.138l-2.153-2.155C12.11,17.371,12.11,17.075,12.293,16.892zM10.302,24.515c-0.091,0.093-0.212,0.139-0.332,0.139c-0.119,0-0.238-0.045-0.33-0.137l-2.154-2.153c-0.184-0.183-0.184-0.479,0-0.663s0.479-0.184,0.662,0l2.154,2.153C10.485,24.036,10.485,24.332,10.302,24.515zM10.912,21.918c-0.093,0.093-0.214,0.139-0.333,0.139c-0.12,0-0.24-0.045-0.33-0.137l-1.162-1.161c-0.184-0.183-0.184-0.479,0-0.66c0.184-0.185,0.48-0.187,0.664-0.003l1.161,1.162C11.095,21.438,11.095,21.735,10.912,21.918zM12.513,20.316c-0.092,0.092-0.211,0.138-0.332,0.138c-0.119,0-0.239-0.046-0.331-0.138l-1.159-1.16c-0.184-0.184-0.184-0.48,0-0.664s0.48-0.182,0.663,0.002l1.159,1.161C12.696,19.838,12.696,20.135,12.513,20.316zM22.25,21.917h-8.67l8.67-8.67V21.917zM22.13,10.7c-0.09,0.092-0.211,0.138-0.33,0.138c-0.121,0-0.242-0.046-0.334-0.138l-1.16-1.159c-0.184-0.183-0.184-0.479,0-0.663c0.182-0.183,0.479-0.183,0.662,0l1.16,1.159C22.312,10.221,22.313,10.517,22.13,10.7zM24.726,10.092c-0.092,0.092-0.213,0.137-0.332,0.137s-0.24-0.045-0.33-0.137l-2.154-2.154c-0.184-0.183-0.184-0.481,0-0.664s0.482-0.181,0.664,0.002l2.154,2.154C24.911,9.613,24.909,9.91,24.726,10.092z",
-    "raph_power": "M21.816,3.999c-0.993-0.481-2.189-0.068-2.673,0.927c-0.482,0.995-0.066,2.191,0.927,2.673c3.115,1.516,5.265,4.705,5.263,8.401c-0.01,5.154-4.18,9.324-9.333,9.333c-5.154-0.01-9.324-4.18-9.334-9.333c-0.002-3.698,2.149-6.89,5.267-8.403c0.995-0.482,1.408-1.678,0.927-2.673c-0.482-0.993-1.676-1.409-2.671-0.927C5.737,6.152,2.667,10.72,2.665,16C2.667,23.364,8.634,29.332,16,29.334c7.365-0.002,13.333-5.97,13.334-13.334C29.332,10.722,26.266,6.157,21.816,3.999z M16,13.833c1.104,0,1.999-0.894,1.999-2V2.499C17.999,1.394,17.104,0.5,16,0.5c-1.106,0-2,0.895-2,1.999v9.333C14,12.938,14.894,13.833,16,13.833z",
-    "raph_unlock": "M20.375,12.833h-2.209V10c0,0,0,0,0-0.001c0-2.389,1.945-4.333,4.334-4.333c2.391,0,4.335,1.944,4.335,4.333c0,0,0,0,0,0v2.834h2V9.999h-0.001c-0.001-3.498-2.836-6.333-6.334-6.333S16.166,6.502,16.166,10v2.833H3.125V25h17.25V12.833z",
-    "raph_flag": "M26.04,9.508c0.138-0.533,0.15-1.407,0.028-1.943l-0.404-1.771c-0.122-0.536-0.665-1.052-1.207-1.146l-3.723-0.643c-0.542-0.094-1.429-0.091-1.97,0.007l-4.033,0.726c-0.542,0.098-1.429,0.108-1.973,0.023L8.812,4.146C8.817,4.165,8.826,4.182,8.83,4.201l2.701,12.831l1.236,0.214c0.542,0.094,1.428,0.09,1.97-0.007l4.032-0.727c0.541-0.097,1.429-0.107,1.973-0.022l4.329,0.675c0.544,0.085,0.906-0.288,0.807-0.829l-0.485-2.625c-0.1-0.541-0.069-1.419,0.068-1.952L26.04,9.508zM6.667,3.636C6.126,3.75,5.78,4.279,5.894,4.819l5.763,27.378H13.7L7.852,4.409C7.736,3.867,7.207,3.521,6.667,3.636z",
-    "raph_tag": "M14.263,2.826H7.904L2.702,8.028v6.359L18.405,30.09l11.561-11.562L14.263,2.826zM6.495,8.859c-0.619-0.619-0.619-1.622,0-2.24C7.114,6,8.117,6,8.736,6.619c0.62,0.62,0.619,1.621,0,2.241C8.117,9.479,7.114,9.479,6.495,8.859z",
-    "raph_search": "M29.772,26.433l-7.126-7.126c0.96-1.583,1.523-3.435,1.524-5.421C24.169,8.093,19.478,3.401,13.688,3.399C7.897,3.401,3.204,8.093,3.204,13.885c0,5.789,4.693,10.481,10.484,10.481c1.987,0,3.839-0.563,5.422-1.523l7.128,7.127L29.772,26.433zM7.203,13.885c0.006-3.582,2.903-6.478,6.484-6.486c3.579,0.008,6.478,2.904,6.484,6.486c-0.007,3.58-2.905,6.476-6.484,6.484C10.106,20.361,7.209,17.465,7.203,13.885z",
-    "raph_zoomout": "M22.646,19.307c0.96-1.583,1.523-3.435,1.524-5.421C24.169,8.093,19.478,3.401,13.688,3.399C7.897,3.401,3.204,8.093,3.204,13.885c0,5.789,4.693,10.481,10.484,10.481c1.987,0,3.839-0.563,5.422-1.523l7.128,7.127l3.535-3.537L22.646,19.307zM13.688,20.369c-3.582-0.008-6.478-2.904-6.484-6.484c0.006-3.582,2.903-6.478,6.484-6.486c3.579,0.008,6.478,2.904,6.484,6.486C20.165,17.465,17.267,20.361,13.688,20.369zM8.854,11.884v4.001l9.665-0.001v-3.999L8.854,11.884z",
-    "raph_zoomin": "M22.646,19.307c0.96-1.583,1.523-3.435,1.524-5.421C24.169,8.093,19.478,3.401,13.688,3.399C7.897,3.401,3.204,8.093,3.204,13.885c0,5.789,4.693,10.481,10.484,10.481c1.987,0,3.839-0.563,5.422-1.523l7.128,7.127l3.535-3.537L22.646,19.307zM13.688,20.369c-3.582-0.008-6.478-2.904-6.484-6.484c0.006-3.582,2.903-6.478,6.484-6.486c3.579,0.008,6.478,2.904,6.484,6.486C20.165,17.465,17.267,20.361,13.688,20.369zM15.687,9.051h-4v2.833H8.854v4.001h2.833v2.833h4v-2.834h2.832v-3.999h-2.833V9.051z",
-    "raph_cross": "M24.778,21.419 19.276,15.917 24.777,10.415 21.949,7.585 16.447,13.087 10.945,7.585 8.117,10.415 13.618,15.917 8.116,21.419 10.946,24.248 16.447,18.746 21.948,24.248",
-    "raph_check": "M2.379,14.729 5.208,11.899 12.958,19.648 25.877,6.733 28.707,9.561 12.958,25.308",
-    "raph_settings": "M16.015,12.03c-2.156,0-3.903,1.747-3.903,3.903c0,2.155,1.747,3.903,3.903,3.903c0.494,0,0.962-0.102,1.397-0.27l0.836,1.285l1.359-0.885l-0.831-1.276c0.705-0.706,1.142-1.681,1.142-2.757C19.918,13.777,18.171,12.03,16.015,12.03zM16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM26.174,20.809c-0.241,0.504-0.513,0.99-0.826,1.45L22.19,21.58c-0.481,0.526-1.029,0.994-1.634,1.385l0.119,3.202c-0.507,0.23-1.028,0.421-1.569,0.57l-1.955-2.514c-0.372,0.051-0.75,0.086-1.136,0.086c-0.356,0-0.706-0.029-1.051-0.074l-1.945,2.5c-0.541-0.151-1.065-0.342-1.57-0.569l0.117-3.146c-0.634-0.398-1.208-0.88-1.712-1.427L6.78,22.251c-0.313-0.456-0.583-0.944-0.826-1.448l2.088-2.309c-0.226-0.703-0.354-1.451-0.385-2.223l-2.768-1.464c0.055-0.563,0.165-1.107,0.301-1.643l3.084-0.427c0.29-0.702,0.675-1.352,1.135-1.942L8.227,7.894c0.399-0.389,0.83-0.744,1.283-1.07l2.663,1.672c0.65-0.337,1.349-0.593,2.085-0.75l0.968-3.001c0.278-0.021,0.555-0.042,0.837-0.042c0.282,0,0.56,0.022,0.837,0.042l0.976,3.028c0.72,0.163,1.401,0.416,2.036,0.75l2.704-1.697c0.455,0.326,0.887,0.681,1.285,1.07l-1.216,2.986c0.428,0.564,0.793,1.181,1.068,1.845l3.185,0.441c0.135,0.535,0.247,1.081,0.302,1.643l-2.867,1.516c-0.034,0.726-0.15,1.43-0.355,2.1L26.174,20.809z",
-    "raph_settingsalt": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM24.386,14.968c-1.451,1.669-3.706,2.221-5.685,1.586l-7.188,8.266c-0.766,0.88-2.099,0.97-2.979,0.205s-0.973-2.099-0.208-2.979l7.198-8.275c-0.893-1.865-0.657-4.164,0.787-5.824c1.367-1.575,3.453-2.151,5.348-1.674l-2.754,3.212l0.901,2.621l2.722,0.529l2.761-3.22C26.037,11.229,25.762,13.387,24.386,14.968z",
-    "raph_feed": "M4.135,16.762c3.078,0,5.972,1.205,8.146,3.391c2.179,2.187,3.377,5.101,3.377,8.202h4.745c0-9.008-7.299-16.335-16.269-16.335V16.762zM4.141,8.354c10.973,0,19.898,8.975,19.898,20.006h4.743c0-13.646-11.054-24.749-24.642-24.749V8.354zM10.701,25.045c0,1.815-1.471,3.287-3.285,3.287s-3.285-1.472-3.285-3.287c0-1.813,1.471-3.285,3.285-3.285S10.701,23.231,10.701,25.045z",
-    "raph_bug": "M28.589,10.903l-5.828,1.612c-0.534-1.419-1.338-2.649-2.311-3.628l3.082-5.44c0.271-0.48,0.104-1.092-0.38-1.365c-0.479-0.271-1.09-0.102-1.36,0.377l-2.924,5.162c-0.604-0.383-1.24-0.689-1.9-0.896c-0.416-1.437-1.652-2.411-3.058-2.562c-0.001-0.004-0.002-0.008-0.003-0.012c-0.061-0.242-0.093-0.46-0.098-0.65c-0.005-0.189,0.012-0.351,0.046-0.479c0.037-0.13,0.079-0.235,0.125-0.317c0.146-0.26,0.34-0.43,0.577-0.509c0.023,0.281,0.142,0.482,0.352,0.601c0.155,0.088,0.336,0.115,0.546,0.086c0.211-0.031,0.376-0.152,0.496-0.363c0.105-0.186,0.127-0.389,0.064-0.607c-0.064-0.219-0.203-0.388-0.414-0.507c-0.154-0.087-0.314-0.131-0.482-0.129c-0.167,0.001-0.327,0.034-0.481,0.097c-0.153,0.063-0.296,0.16-0.429,0.289c-0.132,0.129-0.241,0.271-0.33,0.426c-0.132,0.234-0.216,0.496-0.25,0.783c-0.033,0.286-0.037,0.565-0.009,0.84c0.017,0.16,0.061,0.301,0.094,0.449c-0.375-0.021-0.758,0.002-1.14,0.108c-0.482,0.133-0.913,0.36-1.28,0.653c-0.052-0.172-0.098-0.344-0.18-0.518c-0.116-0.249-0.263-0.486-0.438-0.716c-0.178-0.229-0.384-0.41-0.618-0.543C9.904,3.059,9.737,2.994,9.557,2.951c-0.18-0.043-0.352-0.052-0.516-0.027s-0.318,0.08-0.463,0.164C8.432,3.172,8.318,3.293,8.23,3.445C8.111,3.656,8.08,3.873,8.136,4.092c0.058,0.221,0.181,0.384,0.367,0.49c0.21,0.119,0.415,0.138,0.611,0.056C9.31,4.556,9.451,4.439,9.539,4.283c0.119-0.21,0.118-0.443-0.007-0.695c0.244-0.055,0.497-0.008,0.757,0.141c0.081,0.045,0.171,0.115,0.27,0.208c0.097,0.092,0.193,0.222,0.286,0.388c0.094,0.166,0.179,0.368,0.251,0.608c0.013,0.044,0.023,0.098,0.035,0.146c-0.911,0.828-1.357,2.088-1.098,3.357c-0.582,0.584-1.072,1.27-1.457,2.035l-5.16-2.926c-0.48-0.271-1.092-0.102-1.364,0.377C1.781,8.404,1.95,9.016,2.43,9.289l5.441,3.082c-0.331,1.34-0.387,2.807-0.117,4.297l-5.828,1.613c-0.534,0.147-0.846,0.699-0.698,1.231c0.147,0.53,0.697,0.843,1.231,0.694l5.879-1.627c0.503,1.057,1.363,2.28,2.371,3.443l-3.194,5.639c-0.272,0.481-0.104,1.092,0.378,1.363c0.239,0.137,0.512,0.162,0.758,0.094c0.248-0.068,0.469-0.229,0.604-0.471l2.895-5.109c2.7,2.594,5.684,4.123,5.778,1.053c1.598,2.56,3.451-0.338,4.502-3.976l5.203,2.947c0.24,0.138,0.514,0.162,0.762,0.094c0.246-0.067,0.467-0.229,0.603-0.471c0.272-0.479,0.104-1.091-0.377-1.362l-5.701-3.229c0.291-1.505,0.422-2.983,0.319-4.138l5.886-1.627c0.53-0.147,0.847-0.697,0.696-1.229C29.673,11.068,29.121,10.756,28.589,10.903z",
-    "raph_link": "M15.667,4.601c-1.684,1.685-2.34,3.985-2.025,6.173l3.122-3.122c0.004-0.005,0.014-0.008,0.016-0.012c0.21-0.403,0.464-0.789,0.802-1.126c1.774-1.776,4.651-1.775,6.428,0c1.775,1.773,1.777,4.652,0.002,6.429c-0.34,0.34-0.727,0.593-1.131,0.804c-0.004,0.002-0.006,0.006-0.01,0.01l-3.123,3.123c2.188,0.316,4.492-0.34,6.176-2.023c2.832-2.832,2.83-7.423,0-10.255C23.09,1.77,18.499,1.77,15.667,4.601zM14.557,22.067c-0.209,0.405-0.462,0.791-0.801,1.131c-1.775,1.774-4.656,1.774-6.431,0c-1.775-1.774-1.775-4.653,0-6.43c0.339-0.338,0.725-0.591,1.128-0.8c0.004-0.006,0.005-0.012,0.011-0.016l3.121-3.123c-2.187-0.316-4.489,0.342-6.172,2.024c-2.831,2.831-2.83,7.423,0,10.255c2.833,2.831,7.424,2.831,10.257,0c1.684-1.684,2.342-3.986,2.023-6.175l-3.125,3.123C14.565,22.063,14.561,22.065,14.557,22.067zM9.441,18.885l2.197,2.197c0.537,0.537,1.417,0.537,1.953,0l8.302-8.302c0.539-0.536,0.539-1.417,0.002-1.952l-2.199-2.197c-0.536-0.539-1.416-0.539-1.952-0.002l-8.302,8.303C8.904,17.469,8.904,18.349,9.441,18.885z",
-    "raph_calendar": "M11.758,15.318c0.312-0.3,0.408-0.492,0.408-0.492h0.024c0,0-0.012,0.264-0.012,0.528v5.469h-1.871v1.031h4.87v-1.031H13.33v-7.436h-1.055l-2.027,1.967l0.719,0.744L11.758,15.318zM16.163,21.207c0,0.205,0.024,0.42,0.06,0.647h5.457v-1.031h-4.197c0.023-1.931,4.065-2.362,4.065-5.146c0-1.463-1.114-2.436-2.674-2.436c-1.907,0-2.675,1.607-2.675,1.607l0.875,0.587c0,0,0.6-1.08,1.716-1.08c0.887,0,1.522,0.563,1.522,1.403C20.312,17.754,16.163,18.186,16.163,21.207zM12,3.604h-2v3.335h2V3.604zM23,4.77v3.17h-4V4.77h-6v3.168H9.002V4.77H6.583v21.669h18.833V4.77H23zM24.417,25.438H7.584V10.522h16.833V25.438zM22,3.604h-2v3.335h2V3.604z",
-    "raph_picker": "M22.221,10.853c-0.111-0.414-0.261-0.412,0.221-1.539l1.66-3.519c0.021-0.051,0.2-0.412,0.192-0.946c0.015-0.529-0.313-1.289-1.119-1.642c-1.172-0.555-1.17-0.557-2.344-1.107c-0.784-0.396-1.581-0.171-1.979,0.179c-0.42,0.333-0.584,0.7-0.609,0.75L16.58,6.545c-0.564,1.084-0.655,0.97-1.048,1.147c-0.469,0.129-1.244,0.558-1.785,1.815c-1.108,2.346-1.108,2.346-1.108,2.346l-0.276,0.586l1.17,0.553l-3.599,7.623c-0.38,0.828-0.166,1.436-0.166,2.032c0.01,0.627-0.077,1.509-0.876,3.21l-0.276,0.586l3.517,1.661l0.276-0.585c0.808-1.699,1.431-2.326,1.922-2.717c0.46-0.381,1.066-0.6,1.465-1.42l3.599-7.618l1.172,0.554l0.279-0.589c0,0,0,0,1.105-2.345C22.578,12.166,22.419,11.301,22.221,10.853zM14.623,22.83c-0.156,0.353-0.413,0.439-1.091,0.955c-0.577,0.448-1.264,1.172-2.009,2.6l-1.191-0.562c0.628-1.48,0.75-2.474,0.73-3.203c-0.031-0.851-0.128-1.104,0.045-1.449l3.599-7.621l3.517,1.662L14.623,22.83z",
-    "raph_no": "M16,2.939C9.006,2.942,3.338,8.61,3.335,15.605C3.335,22.6,9.005,28.268,16,28.27c6.994-0.002,12.662-5.67,12.664-12.664C28.663,8.61,22.995,2.939,16,2.939zM25.663,15.605c-0.003,1.943-0.583,3.748-1.569,5.264L10.736,7.513c1.515-0.988,3.32-1.569,5.265-1.573C21.337,5.951,25.654,10.269,25.663,15.605zM6.335,15.605c0.004-1.943,0.584-3.75,1.573-5.266l13.355,13.357c-1.516,0.986-3.32,1.566-5.264,1.569C10.664,25.26,6.346,20.941,6.335,15.605z",
-    "raph_commandline": "M2.021,9.748L2.021,9.748V9.746V9.748zM2.022,9.746l5.771,5.773l-5.772,5.771l2.122,2.123l7.894-7.895L4.143,7.623L2.022,9.746zM12.248,23.269h14.419V20.27H12.248V23.269zM16.583,17.019h10.084V14.02H16.583V17.019zM12.248,7.769v3.001h14.419V7.769H12.248z",
-    "raph_photo": "M24.25,10.25H20.5v-1.5h-9.375v1.5h-3.75c-1.104,0-2,0.896-2,2v10.375c0,1.104,0.896,2,2,2H24.25c1.104,0,2-0.896,2-2V12.25C26.25,11.146,25.354,10.25,24.25,10.25zM15.812,23.499c-3.342,0-6.06-2.719-6.06-6.061c0-3.342,2.718-6.062,6.06-6.062s6.062,2.72,6.062,6.062C21.874,20.78,19.153,23.499,15.812,23.499zM15.812,13.375c-2.244,0-4.062,1.819-4.062,4.062c0,2.244,1.819,4.062,4.062,4.062c2.244,0,4.062-1.818,4.062-4.062C19.875,15.194,18.057,13.375,15.812,13.375z",
-    "raph_printer": "M24.569,12.125h-2.12c-0.207-1.34-1.247-2.759-2.444-3.967c-1.277-1.24-2.654-2.234-3.784-2.37c-0.062-0.008-0.124-0.014-0.198-0.015H8.594c-0.119,0-0.235,0.047-0.319,0.132c-0.083,0.083-0.132,0.2-0.132,0.32v5.9H6.069c-1.104,0-2,0.896-2,2V23h4.074v2.079c0,0.118,0.046,0.23,0.132,0.318c0.086,0.085,0.199,0.131,0.319,0.131h13.445c0.118,0,0.232-0.046,0.318-0.131s0.138-0.199,0.138-0.318V23h4.074v-8.875C26.569,13.021,25.674,12.125,24.569,12.125zM21.589,24.626H9.043V21.5h12.546V24.626zM21.589,13.921c0-0.03,0-0.063-0.003-0.096c-0.015-0.068-0.062-0.135-0.124-0.2H9.043v-6.95h6.987v0.001c0.305-0.019,0.567,0.282,0.769,0.971c0.183,0.655,0.229,1.509,0.229,2.102c0.001,0.433-0.019,0.725-0.019,0.725l-0.037,0.478l0.48,0.005c0.002,0,1.109,0.014,2.196,0.26c1.044,0.226,1.86,0.675,1.938,1.184c0.003,0.045,0.003,0.091,0.003,0.133V13.921z",
-    "export": "M24.086,20.904c-1.805,3.113-5.163,5.212-9.023,5.219c-5.766-0.01-10.427-4.672-10.438-10.435C4.636,9.922,9.297,5.261,15.063,5.25c3.859,0.007,7.216,2.105,9.022,5.218l3.962,2.284l0.143,0.082C26.879,6.784,21.504,2.25,15.063,2.248C7.64,2.25,1.625,8.265,1.624,15.688c0.002,7.42,6.017,13.435,13.439,13.437c6.442-0.002,11.819-4.538,13.127-10.589l-0.141,0.081L24.086,20.904zM28.4,15.688l-7.15-4.129v2.297H10.275v3.661H21.25v2.297L28.4,15.688z",
-    "import": "M15.067,2.25c-5.979,0-11.035,3.91-12.778,9.309h3.213c1.602-3.705,5.271-6.301,9.565-6.309c5.764,0.01,10.428,4.674,10.437,10.437c-0.009,5.764-4.673,10.428-10.437,10.438c-4.294-0.007-7.964-2.605-9.566-6.311H2.289c1.744,5.399,6.799,9.31,12.779,9.312c7.419-0.002,13.437-6.016,13.438-13.438C28.504,8.265,22.486,2.252,15.067,2.25zM10.918,19.813l7.15-4.126l-7.15-4.129v2.297H-0.057v3.661h10.975V19.813z",
-    "raph_run": "M17.41,20.395l-0.778-2.723c0.228-0.2,0.442-0.414,0.644-0.643l2.721,0.778c0.287-0.418,0.534-0.862,0.755-1.323l-2.025-1.96c0.097-0.288,0.181-0.581,0.241-0.883l2.729-0.684c0.02-0.252,0.039-0.505,0.039-0.763s-0.02-0.51-0.039-0.762l-2.729-0.684c-0.061-0.302-0.145-0.595-0.241-0.883l2.026-1.96c-0.222-0.46-0.469-0.905-0.756-1.323l-2.721,0.777c-0.201-0.228-0.416-0.442-0.644-0.643l0.778-2.722c-0.418-0.286-0.863-0.534-1.324-0.755l-1.96,2.026c-0.287-0.097-0.581-0.18-0.883-0.241l-0.683-2.73c-0.253-0.019-0.505-0.039-0.763-0.039s-0.51,0.02-0.762,0.039l-0.684,2.73c-0.302,0.061-0.595,0.144-0.883,0.241l-1.96-2.026C7.048,3.463,6.604,3.71,6.186,3.997l0.778,2.722C6.736,6.919,6.521,7.134,6.321,7.361L3.599,6.583C3.312,7.001,3.065,7.446,2.844,7.907l2.026,1.96c-0.096,0.288-0.18,0.581-0.241,0.883l-2.73,0.684c-0.019,0.252-0.039,0.505-0.039,0.762s0.02,0.51,0.039,0.763l2.73,0.684c0.061,0.302,0.145,0.595,0.241,0.883l-2.026,1.96c0.221,0.46,0.468,0.905,0.755,1.323l2.722-0.778c0.2,0.229,0.415,0.442,0.643,0.643l-0.778,2.723c0.418,0.286,0.863,0.533,1.323,0.755l1.96-2.026c0.288,0.097,0.581,0.181,0.883,0.241l0.684,2.729c0.252,0.02,0.505,0.039,0.763,0.039s0.51-0.02,0.763-0.039l0.683-2.729c0.302-0.061,0.596-0.145,0.883-0.241l1.96,2.026C16.547,20.928,16.992,20.681,17.41,20.395zM11.798,15.594c-1.877,0-3.399-1.522-3.399-3.399s1.522-3.398,3.399-3.398s3.398,1.521,3.398,3.398S13.675,15.594,11.798,15.594zM27.29,22.699c0.019-0.547-0.06-1.104-0.23-1.654l1.244-1.773c-0.188-0.35-0.4-0.682-0.641-0.984l-2.122,0.445c-0.428-0.364-0.915-0.648-1.436-0.851l-0.611-2.079c-0.386-0.068-0.777-0.105-1.173-0.106l-0.974,1.936c-0.279,0.054-0.558,0.128-0.832,0.233c-0.257,0.098-0.497,0.22-0.727,0.353L17.782,17.4c-0.297,0.262-0.568,0.545-0.813,0.852l0.907,1.968c-0.259,0.495-0.437,1.028-0.519,1.585l-1.891,1.06c0.019,0.388,0.076,0.776,0.164,1.165l2.104,0.519c0.231,0.524,0.541,0.993,0.916,1.393l-0.352,2.138c0.32,0.23,0.66,0.428,1.013,0.6l1.715-1.32c0.536,0.141,1.097,0.195,1.662,0.15l1.452,1.607c0.2-0.057,0.399-0.118,0.596-0.193c0.175-0.066,0.34-0.144,0.505-0.223l0.037-2.165c0.455-0.339,0.843-0.747,1.152-1.206l2.161-0.134c0.152-0.359,0.279-0.732,0.368-1.115L27.29,22.699zM23.127,24.706c-1.201,0.458-2.545-0.144-3.004-1.345s0.143-2.546,1.344-3.005c1.201-0.458,2.547,0.144,3.006,1.345C24.931,22.902,24.328,24.247,23.127,24.706z",
-    "raph_magnet": "M20.812,19.5h5.002v-6.867c-0.028-1.706-0.61-3.807-2.172-5.841c-1.539-2.014-4.315-3.72-7.939-3.687C12.076,3.073,9.3,4.779,7.762,6.792C6.2,8.826,5.617,10.928,5.588,12.634V19.5h5v-6.866c-0.027-0.377,0.303-1.789,1.099-2.748c0.819-0.979,1.848-1.747,4.014-1.778c2.165,0.032,3.195,0.799,4.013,1.778c0.798,0.959,1.126,2.372,1.099,2.748V19.5L20.812,19.5zM25.814,25.579c0,0,0-2.354,0-5.079h-5.002c0,2.727,0,5.08,0,5.08l5.004-0.001H25.814zM5.588,25.58h5c0,0,0-2.354,0-5.08h-5C5.588,23.227,5.588,25.58,5.588,25.58z",
-    "raph_nomagnet": "M10.59,17.857v-5.225c-0.027-0.376,0.303-1.789,1.099-2.748c0.819-0.979,1.849-1.748,4.014-1.778c1.704,0.026,2.699,0.508,3.447,1.189l3.539-3.539c-1.616-1.526-4.01-2.679-6.986-2.652C12.077,3.073,9.3,4.779,7.762,6.793C6.2,8.826,5.617,10.928,5.59,12.634V19.5h3.357L10.59,17.857zM5.59,20.5v2.357L7.947,20.5H5.59zM20.812,13.29v6.21h5.002v-6.866c-0.021-1.064-0.252-2.283-0.803-3.542L20.812,13.29zM25.339,4.522L4.652,25.209l1.415,1.416L26.753,5.937L25.339,4.522zM20.812,25.58h5.002c0,0,0-2.354,0-5.08h-5.002C20.812,23.227,20.812,25.58,20.812,25.58zM10.59,25.58c0,0,0-0.827,0-2.064L8.525,25.58H10.59z",
-    "raph_flip": "M15.5,21.082h1.001v-2.001H15.5V21.082zM15.5,25.082h1.001v-2H15.5V25.082zM15.5,29.082h1.001v-2H15.5V29.082zM15.5,32.127h1.001v-1.045H15.5V32.127zM15.5,17.083h1.001v-2H15.5V17.083zM15.5,1.083h1.001v-2H15.5V1.083zM15.5,5.083h1.001v-2H15.5V5.083zM15.5,9.083h1.001v-2H15.5V9.083zM15.5,13.083h1.001v-2H15.5V13.083zM18.832,1.203v25.962h14.093L18.832,1.203zM19.832,5.136l11.41,21.03h-11.41V5.136zM13.113,27.165V1.203L-0.979,27.165H13.113z",
-    "raph_flipv": "M21.45,16.078v-1.001h-2.001v1.001H21.45zM25.45,16.078v-1.001h-2v1.001H25.45zM29.45,16.078v-1.001h-2v1.001H29.45zM32.495,16.078v-1.001H31.45v1.001H32.495zM17.451,16.078v-1.001h-2v1.001H17.451zM1.451,16.078v-1.001h-2v1.001H1.451zM5.451,16.078v-1.001h-2v1.001H5.451zM9.452,16.078v-1.001h-2v1.001H9.452zM13.452,16.078v-1.001h-2v1.001H13.452zM1.571,12.745h25.962V-1.348L1.571,12.745zM5.504,11.745l21.03-11.41v11.41H5.504zM27.533,18.464H1.571l25.962,14.093V18.464z",
-    "raph_connect": "M25.06,13.719c-0.944-5.172-5.461-9.094-10.903-9.094v4c3.917,0.006,7.085,3.176,7.094,7.094c-0.009,3.917-3.177,7.085-7.094,7.093v4.002c5.442-0.004,9.959-3.926,10.903-9.096h4.69v-3.999H25.06zM20.375,15.719c0-3.435-2.784-6.219-6.219-6.219c-2.733,0-5.05,1.766-5.884,4.218H1.438v4.001h6.834c0.833,2.452,3.15,4.219,5.884,4.219C17.591,21.938,20.375,19.153,20.375,15.719z",
-    "raph_disconnect": "M9.219,9.5c-2.733,0-5.05,1.766-5.884,4.218H1.438v4.001h1.897c0.833,2.452,3.15,4.219,5.884,4.219c3.435,0,6.219-2.784,6.219-6.219S12.653,9.5,9.219,9.5zM27.685,13.719c-0.944-5.172-5.461-9.094-10.903-9.094v4c3.917,0.006,7.085,3.176,7.094,7.094c-0.009,3.917-3.177,7.085-7.094,7.093v4.002c5.442-0.004,9.959-3.926,10.903-9.096h2.065v-3.999H27.685z",
-    "raph_folder": "M29.124,12.75c-0.004-2.208-1.792-3.997-3.999-4V8.749H12.868c-0.505-1.622-2.011-2.808-3.805-2.811H6.188c-2.208,0.002-3.997,1.792-4.001,4v14.188c0.004,2.206,1.793,3.995,4.001,3.999h18.938c2.205-0.004,3.995-1.793,3.999-3.999V12.75zM6.188,7.937h2.875c1.046-0.004,1.917,0.834,1.983,1.876l0.058,0.937h14.022c1.093,0.002,1.997,0.906,1.999,2v0.495c-0.591-0.345-1.268-0.557-2-0.558H6.187c-0.732,0.001-1.41,0.214-2,0.559V9.937C4.19,8.843,5.094,7.939,6.188,7.937zM25.125,26.125H6.188c-1.093-0.002-1.997-0.908-2.001-2v-7.438h0.001c0.002-1.095,0.906-1.999,2-2.001h18.938c1.093,0.002,1.991,0.901,2,1.991v7.447C27.122,25.219,26.218,26.123,25.125,26.125z",
-    "raph_man": "M21.021,16.349c-0.611-1.104-1.359-1.998-2.109-2.623c-0.875,0.641-1.941,1.031-3.103,1.031c-1.164,0-2.231-0.391-3.105-1.031c-0.75,0.625-1.498,1.519-2.111,2.623c-1.422,2.563-1.578,5.192-0.35,5.874c0.55,0.307,1.127,0.078,1.723-0.496c-0.105,0.582-0.166,1.213-0.166,1.873c0,2.932,1.139,5.307,2.543,5.307c0.846,0,1.265-0.865,1.466-2.189c0.201,1.324,0.62,2.189,1.463,2.189c1.406,0,2.545-2.375,2.545-5.307c0-0.66-0.061-1.291-0.168-1.873c0.598,0.574,1.174,0.803,1.725,0.496C22.602,21.541,22.443,18.912,21.021,16.349zM15.808,13.757c2.362,0,4.278-1.916,4.278-4.279s-1.916-4.279-4.278-4.279c-2.363,0-4.28,1.916-4.28,4.279S13.445,13.757,15.808,13.757z",
-    "raph_woman": "M21.022,16.349c-0.611-1.104-1.359-1.998-2.109-2.623c-0.875,0.641-1.941,1.031-3.104,1.031c-1.164,0-2.231-0.391-3.105-1.031c-0.75,0.625-1.498,1.519-2.111,2.623c-1.422,2.563-1.579,5.192-0.351,5.874c0.55,0.307,1.127,0.078,1.723-0.496c-0.105,0.582-0.167,1.213-0.167,1.873c0,2.932,1.139,5.307,2.543,5.307c0.846,0,1.265-0.865,1.466-2.189c0.201,1.324,0.62,2.189,1.464,2.189c1.406,0,2.545-2.375,2.545-5.307c0-0.66-0.061-1.291-0.168-1.873c0.598,0.574,1.174,0.803,1.725,0.496C22.603,21.541,22.444,18.912,21.022,16.349zM15.808,13.757c2.363,0,4.279-1.916,4.279-4.279s-1.916-4.279-4.279-4.279c-2.363,0-4.28,1.916-4.28,4.279S13.445,13.757,15.808,13.757zM18.731,4.974c1.235,0.455,0.492-0.725,0.492-1.531s0.762-1.792-0.492-1.391c-1.316,0.422-2.383,0.654-2.383,1.461S17.415,4.489,18.731,4.974zM15.816,4.4c0.782,0,0.345-0.396,0.345-0.884c0-0.488,0.438-0.883-0.345-0.883s-0.374,0.396-0.374,0.883C15.442,4.005,15.034,4.4,15.816,4.4zM12.884,4.974c1.316-0.484,2.383-0.654,2.383-1.461S14.2,2.474,12.884,2.052c-1.254-0.402-0.492,0.584-0.492,1.391S11.648,5.428,12.884,4.974z",
-    "raph_notebook": "M24.875,1.375H8c-1.033,0-1.874,0.787-1.979,1.792h1.604c1.102,0,2,0.898,2,2c0,1.102-0.898,2-2,2H6v0.999h1.625c1.104,0,2.002,0.898,2.002,2.002c0,1.104-0.898,2.001-2.002,2.001H6v0.997h1.625c1.102,0,2,0.898,2,2c0,1.104-0.898,2.004-2,2.004H6v0.994h1.625c1.102,0,2,0.898,2,2.002s-0.898,2.002-2,2.002H6v0.997h1.624c1.104,0,2.002,0.897,2.002,2.001c0,1.104-0.898,2.002-2.002,2.002H6.004C6.027,28.252,6.91,29.125,8,29.125h16.875c1.104,0,2-0.896,2-2V3.375C26.875,2.271,25.979,1.375,24.875,1.375zM25.25,8.375c0,0.552-0.447,1-1,1H14c-0.553,0-1-0.448-1-1V4c0-0.552,0.447-1,1-1h10.25c0.553,0,1,0.448,1,1V8.375zM8.625,25.166c0-0.554-0.449-1.001-1-1.001h-3.25c-0.552,0-1,0.447-1,1.001c0,0.552,0.449,1,1,1h3.25C8.176,26.166,8.625,25.718,8.625,25.166zM4.375,6.166h3.251c0.551,0,0.999-0.448,0.999-0.999c0-0.555-0.448-1-0.999-1H4.375c-0.553,0-1,0.445-1,1C3.374,5.718,3.822,6.166,4.375,6.166zM4.375,11.167h3.25c0.553,0,1-0.448,1-1s-0.448-1-1-1h-3.25c-0.553,0-1,0.448-1,1S3.822,11.167,4.375,11.167zM4.375,16.167h3.25c0.551,0,1-0.448,1-1.001s-0.448-0.999-1-0.999h-3.25c-0.553,0-1.001,0.446-1.001,0.999S3.822,16.167,4.375,16.167zM3.375,20.165c0,0.553,0.446,1.002,1,1.002h3.25c0.551,0,1-0.449,1-1.002c0-0.552-0.448-1-1-1h-3.25C3.821,19.165,3.375,19.613,3.375,20.165z",
-    "raph_diagram": "M6.812,17.202l7.396-3.665v-2.164h-0.834c-0.414,0-0.808-0.084-1.167-0.237v1.159l-7.396,3.667v2.912h2V17.202zM26.561,18.875v-2.913l-7.396-3.666v-1.158c-0.358,0.152-0.753,0.236-1.166,0.236h-0.832l-0.001,2.164l7.396,3.666v1.672H26.561zM16.688,18.875v-7.501h-2v7.501H16.688zM27.875,19.875H23.25c-1.104,0-2,0.896-2,2V26.5c0,1.104,0.896,2,2,2h4.625c1.104,0,2-0.896,2-2v-4.625C29.875,20.771,28.979,19.875,27.875,19.875zM8.125,19.875H3.5c-1.104,0-2,0.896-2,2V26.5c0,1.104,0.896,2,2,2h4.625c1.104,0,2-0.896,2-2v-4.625C10.125,20.771,9.229,19.875,8.125,19.875zM13.375,10.375H18c1.104,0,2-0.896,2-2V3.75c0-1.104-0.896-2-2-2h-4.625c-1.104,0-2,0.896-2,2v4.625C11.375,9.479,12.271,10.375,13.375,10.375zM18,19.875h-4.625c-1.104,0-2,0.896-2,2V26.5c0,1.104,0.896,2,2,2H18c1.104,0,2-0.896,2-2v-4.625C20,20.771,19.104,19.875,18,19.875z",
-    "raph_barchart": "M21.25,8.375V28h6.5V8.375H21.25zM12.25,28h6.5V4.125h-6.5V28zM3.25,28h6.5V12.625h-6.5V28z"
-	}
-}
\ No newline at end of file
+{"size": 32,
+"fill": true,
+"data": {
+    "raph_twitter": "M23.295,22.567h-7.213c-2.125,0-4.103-2.215-4.103-4.736v-1.829h11.232c1.817,0,3.291-1.469,3.291-3.281c0-1.813-1.474-3.282-3.291-3.282H11.979V6.198c0-1.835-1.375-3.323-3.192-3.323c-1.816,0-3.29,1.488-3.29,3.323v11.633c0,6.23,4.685,11.274,10.476,11.274h7.211c1.818,0,3.318-1.463,3.318-3.298S25.112,22.567,23.295,22.567z",
+    "raph_gear2": "M17.047,27.945c-0.34,0.032-0.688,0.054-1.046,0.054l0,0c-0.32,0-0.631-0.017-0.934-0.043l0,0l-2.626,3.375l-0.646-0.183c-0.758-0.213-1.494-0.48-2.202-0.8l0,0L8.979,30.07l0.158-4.24c-0.558-0.39-1.079-0.825-1.561-1.302l0,0L3.424,25.42l-0.379-0.557c-0.445-0.654-0.824-1.339-1.16-2.032l0,0l-0.292-0.605l2.819-3.12c-0.176-0.661-0.293-1.343-0.353-2.038l0,0l-3.736-1.975l0.068-0.669c0.08-0.801,0.235-1.567,0.42-2.303l0,0l0.165-0.653l4.167-0.577c0.297-0.627,0.647-1.221,1.041-1.78l0,0l-1.59-3.914l0.48-0.47c0.564-0.55,1.168-1.048,1.798-1.503l0,0l0.546-0.394l3.597,2.259c0.606-0.279,1.24-0.509,1.897-0.685l0,0l1.304-4.046l0.672-0.051c0.362-0.027,0.751-0.058,1.174-0.058l0,0c0.422,0,0.81,0.031,1.172,0.058l0,0l0.672,0.051l1.318,4.088c0.632,0.176,1.244,0.401,1.831,0.674l0,0l3.647-2.291l0.548,0.394c0.63,0.455,1.235,0.954,1.798,1.501l0,0l0.482,0.47l-1.639,4.031c0.357,0.519,0.679,1.068,0.954,1.646l0,0l4.297,0.595l0.167,0.653c0.188,0.735,0.342,1.501,0.42,2.303l0,0l0.068,0.669l-3.866,2.044c-0.058,0.634-0.161,1.258-0.315,1.866l0,0l2.913,3.218l-0.293,0.608c-0.335,0.695-0.712,1.382-1.159,2.034l0,0l-0.379,0.555l-4.255-0.912c-0.451,0.451-0.939,0.866-1.461,1.241l0,0l0.162,4.323l-0.615,0.278c-0.709,0.319-1.444,0.587-2.202,0.8l0,0l-0.648,0.183L17.047,27.945L17.047,27.945zM20.424,29.028c0.227-0.076,0.45-0.157,0.671-0.244l0,0l-0.152-4.083l0.479-0.307c0.717-0.466,1.37-1.024,1.95-1.658l0,0l0.386-0.423l4.026,0.862c0.121-0.202,0.238-0.409,0.351-0.62l0,0l-2.754-3.045l0.171-0.544c0.243-0.783,0.381-1.623,0.422-2.5l0,0l0.025-0.571l3.658-1.933c-0.038-0.234-0.082-0.467-0.132-0.7l0,0l-4.07-0.563l-0.219-0.527c-0.327-0.787-0.76-1.524-1.277-2.204l0,0l-0.342-0.453l1.548-3.808c-0.179-0.157-0.363-0.31-0.552-0.458l0,0l-3.455,2.169L20.649,7.15c-0.754-0.397-1.569-0.698-2.429-0.894l0,0l-0.556-0.127l-1.248-3.87c-0.121-0.006-0.239-0.009-0.354-0.009l0,0c-0.117,0-0.235,0.003-0.357,0.009l0,0l-1.239,3.845l-0.564,0.12c-0.875,0.188-1.709,0.494-2.486,0.896l0,0l-0.508,0.264L7.509,5.249c-0.188,0.148-0.372,0.301-0.55,0.458l0,0l1.507,3.708L8.112,9.869c-0.552,0.709-1.011,1.485-1.355,2.319l0,0l-0.218,0.529l-3.939,0.545c-0.05,0.233-0.094,0.466-0.131,0.7l0,0l3.531,1.867l0.022,0.575c0.037,0.929,0.192,1.82,0.459,2.653l0,0l0.175,0.548l-2.667,2.95c0.112,0.212,0.229,0.419,0.351,0.621l0,0l3.916-0.843l0.39,0.423c0.601,0.657,1.287,1.229,2.043,1.703l0,0l0.488,0.305l-0.149,4.02c0.221,0.087,0.445,0.168,0.672,0.244l0,0l2.479-3.188l0.566,0.07c0.427,0.054,0.843,0.089,1.257,0.089l0,0c0.445,0,0.894-0.039,1.353-0.104l0,0l0.571-0.08L20.424,29.028L20.424,29.028zM21.554,20.75l0.546,0.839l-3.463,2.253l-1.229-1.891l0,0c-0.447,0.109-0.917,0.173-1.406,0.173l0,0c-3.384,0-6.126-2.743-6.126-6.123l0,0c0-3.384,2.742-6.126,6.126-6.126l0,0c3.38,0,6.123,2.742,6.123,6.126l0,0c0,1.389-0.467,2.676-1.25,3.704l0,0L21.554,20.75M19.224,21.073l0.108-0.069l-0.987-1.519l0.572-0.572c0.748-0.75,1.207-1.773,1.207-2.912l0,0c-0.004-2.278-1.848-4.122-4.123-4.126l0,0c-2.28,0.004-4.122,1.846-4.126,4.126l0,0c0.004,2.275,1.848,4.119,4.126,4.123l0,0c0.509,0,0.999-0.104,1.473-0.286l0,0l0.756-0.29L19.224,21.073L19.224,21.073z",
+    "raph_gear": "M26.974,16.514l3.765-1.991c-0.074-0.738-0.217-1.454-0.396-2.157l-4.182-0.579c-0.362-0.872-0.84-1.681-1.402-2.423l1.594-3.921c-0.524-0.511-1.09-0.977-1.686-1.406l-3.551,2.229c-0.833-0.438-1.73-0.77-2.672-0.984l-1.283-3.976c-0.364-0.027-0.728-0.056-1.099-0.056s-0.734,0.028-1.099,0.056l-1.271,3.941c-0.967,0.207-1.884,0.543-2.738,0.986L7.458,4.037C6.863,4.466,6.297,4.932,5.773,5.443l1.55,3.812c-0.604,0.775-1.11,1.629-1.49,2.55l-4.05,0.56c-0.178,0.703-0.322,1.418-0.395,2.157l3.635,1.923c0.041,1.013,0.209,1.994,0.506,2.918l-2.742,3.032c0.319,0.661,0.674,1.303,1.085,1.905l4.037-0.867c0.662,0.72,1.416,1.351,2.248,1.873l-0.153,4.131c0.663,0.299,1.352,0.549,2.062,0.749l2.554-3.283C15.073,26.961,15.532,27,16,27c0.507,0,1.003-0.046,1.491-0.113l2.567,3.301c0.711-0.2,1.399-0.45,2.062-0.749l-0.156-4.205c0.793-0.513,1.512-1.127,2.146-1.821l4.142,0.889c0.411-0.602,0.766-1.243,1.085-1.905l-2.831-3.131C26.778,18.391,26.93,17.467,26.974,16.514zM20.717,21.297l-1.785,1.162l-1.098-1.687c-0.571,0.22-1.186,0.353-1.834,0.353c-2.831,0-5.125-2.295-5.125-5.125c0-2.831,2.294-5.125,5.125-5.125c2.83,0,5.125,2.294,5.125,5.125c0,1.414-0.573,2.693-1.499,3.621L20.717,21.297z",
+    "raph_wrench": "M26.834,14.693c1.816-2.088,2.181-4.938,1.193-7.334l-3.646,4.252l-3.594-0.699L19.596,7.45l3.637-4.242c-2.502-0.63-5.258,0.13-7.066,2.21c-1.907,2.193-2.219,5.229-1.039,7.693L5.624,24.04c-1.011,1.162-0.888,2.924,0.274,3.935c1.162,1.01,2.924,0.888,3.935-0.274l9.493-10.918C21.939,17.625,24.918,16.896,26.834,14.693z",
+    "raph_magic": "M23.043,4.649l-0.404-2.312l-1.59,1.727l-2.323-0.33l1.151,2.045l-1.032,2.108l2.302-0.463l1.686,1.633l0.271-2.332l2.074-1.099L23.043,4.649zM26.217,18.198l-0.182-1.25l-0.882,0.905l-1.245-0.214l0.588,1.118l-0.588,1.118l1.245-0.214l0.882,0.905l0.182-1.25l1.133-0.56L26.217,18.198zM4.92,7.672L5.868,7.3l0.844,0.569L6.65,6.853l0.802-0.627L6.467,5.97L6.118,5.013L5.571,5.872L4.553,5.908l0.647,0.786L4.92,7.672zM10.439,10.505l1.021-1.096l1.481,0.219l-0.727-1.31l0.667-1.341l-1.47,0.287l-1.069-1.048L10.16,7.703L8.832,8.396l1.358,0.632L10.439,10.505zM17.234,12.721c-0.588-0.368-1.172-0.618-1.692-0.729c-0.492-0.089-1.039-0.149-1.425,0.374L2.562,30.788h6.68l9.669-15.416c0.303-0.576,0.012-1.041-0.283-1.447C18.303,13.508,17.822,13.09,17.234,12.721zM13.613,21.936c-0.254-0.396-0.74-0.857-1.373-1.254c-0.632-0.396-1.258-0.634-1.726-0.69l4.421-7.052c0.064-0.013,0.262-0.021,0.543,0.066c0.346,0.092,0.785,0.285,1.225,0.562c0.504,0.313,0.908,0.677,1.133,0.97c0.113,0.145,0.178,0.271,0.195,0.335c0.002,0.006,0.004,0.011,0.004,0.015L13.613,21.936z",
+    "raph_download": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM16,28.792c-1.549,0-2.806-1.256-2.806-2.806s1.256-2.806,2.806-2.806c1.55,0,2.806,1.256,2.806,2.806S17.55,28.792,16,28.792zM16,21.087l-7.858-6.562h3.469V5.747h8.779v8.778h3.468L16,21.087z",
+    "raph_firefox": "M28.4,22.469c0.479-0.964,0.851-1.991,1.095-3.066c0.953-3.661,0.666-6.854,0.666-6.854l-0.327,2.104c0,0-0.469-3.896-1.044-5.353c-0.881-2.231-1.273-2.214-1.274-2.21c0.542,1.379,0.494,2.169,0.483,2.288c-0.01-0.016-0.019-0.032-0.027-0.047c-0.131-0.324-0.797-1.819-2.225-2.878c-2.502-2.481-5.943-4.014-9.745-4.015c-4.056,0-7.705,1.745-10.238,4.525C5.444,6.5,5.183,5.938,5.159,5.317c0,0-0.002,0.002-0.006,0.005c0-0.011-0.003-0.021-0.003-0.031c0,0-1.61,1.247-1.436,4.612c-0.299,0.574-0.56,1.172-0.777,1.791c-0.375,0.817-0.75,2.004-1.059,3.746c0,0,0.133-0.422,0.399-0.988c-0.064,0.482-0.103,0.971-0.116,1.467c-0.09,0.845-0.118,1.865-0.039,3.088c0,0,0.032-0.406,0.136-1.021c0.834,6.854,6.667,12.165,13.743,12.165l0,0c1.86,0,3.636-0.37,5.256-1.036C24.938,27.771,27.116,25.196,28.4,22.469zM16.002,3.356c2.446,0,4.73,0.68,6.68,1.86c-2.274-0.528-3.433-0.261-3.423-0.248c0.013,0.015,3.384,0.589,3.981,1.411c0,0-1.431,0-2.856,0.41c-0.065,0.019,5.242,0.663,6.327,5.966c0,0-0.582-1.213-1.301-1.42c0.473,1.439,0.351,4.17-0.1,5.528c-0.058,0.174-0.118-0.755-1.004-1.155c0.284,2.037-0.018,5.268-1.432,6.158c-0.109,0.07,0.887-3.189,0.201-1.93c-4.093,6.276-8.959,2.539-10.934,1.208c1.585,0.388,3.267,0.108,4.242-0.559c0.982-0.672,1.564-1.162,2.087-1.047c0.522,0.117,0.87-0.407,0.464-0.872c-0.405-0.466-1.392-1.105-2.725-0.757c-0.94,0.247-2.107,1.287-3.886,0.233c-1.518-0.899-1.507-1.63-1.507-2.095c0-0.366,0.257-0.88,0.734-1.028c0.58,0.062,1.044,0.214,1.537,0.466c0.005-0.135,0.006-0.315-0.001-0.519c0.039-0.077,0.015-0.311-0.047-0.596c-0.036-0.287-0.097-0.582-0.19-0.851c0.01-0.002,0.017-0.007,0.021-0.021c0.076-0.344,2.147-1.544,2.299-1.659c0.153-0.114,0.55-0.378,0.506-1.183c-0.015-0.265-0.058-0.294-2.232-0.286c-0.917,0.003-1.425-0.894-1.589-1.245c0.222-1.231,0.863-2.11,1.919-2.704c0.02-0.011,0.015-0.021-0.008-0.027c0.219-0.127-2.524-0.006-3.76,1.604C9.674,8.045,9.219,7.95,8.71,7.95c-0.638,0-1.139,0.07-1.603,0.187c-0.05,0.013-0.122,0.011-0.208-0.001C6.769,8.04,6.575,7.88,6.365,7.672c0.161-0.18,0.324-0.356,0.495-0.526C9.201,4.804,12.43,3.357,16.002,3.356z",
+    "raph_ie": "M27.998,2.266c-2.12-1.91-6.925,0.382-9.575,1.93c-0.76-0.12-1.557-0.185-2.388-0.185c-3.349,0-6.052,0.985-8.106,2.843c-2.336,2.139-3.631,4.94-3.631,8.177c0,0.028,0.001,0.056,0.001,0.084c3.287-5.15,8.342-7.79,9.682-8.487c0.212-0.099,0.338,0.155,0.141,0.253c-0.015,0.042-0.015,0,0,0c-2.254,1.35-6.434,5.259-9.146,10.886l-0.003-0.007c-1.717,3.547-3.167,8.529-0.267,10.358c2.197,1.382,6.13-0.248,9.295-2.318c0.764,0.108,1.567,0.165,2.415,0.165c5.84,0,9.937-3.223,11.399-7.924l-8.022-0.014c-0.337,1.661-1.464,2.548-3.223,2.548c-2.21,0-3.729-1.211-3.828-4.012l15.228-0.014c0.028-0.578-0.042-0.985-0.042-1.436c0-5.251-3.143-9.355-8.255-10.663c2.081-1.294,5.974-3.209,7.848-1.681c1.407,1.14,0.633,3.533,0.295,4.518c-0.056,0.254,0.24,0.296,0.296,0.057C28.814,5.573,29.026,3.194,27.998,2.266zM13.272,25.676c-2.469,1.475-5.873,2.539-7.539,1.289c-1.243-0.935-0.696-3.468,0.398-5.938c0.664,0.992,1.495,1.886,2.473,2.63C9.926,24.651,11.479,25.324,13.272,25.676zM12.714,13.046c0.042-2.435,1.787-3.49,3.617-3.49c1.928,0,3.49,1.112,3.49,3.49H12.714z",
+    "raph_opera": "M15.954,2.046c-7.489,0-12.872,5.432-12.872,13.581c0,7.25,5.234,13.835,12.873,13.835c7.712,0,12.974-6.583,12.974-13.835C28.929,7.413,23.375,2.046,15.954,2.046zM15.952,26.548L15.952,26.548c-2.289,0-3.49-1.611-4.121-3.796c-0.284-1.037-0.458-2.185-0.563-3.341c-0.114-1.374-0.129-2.773-0.129-4.028c0-0.993,0.018-1.979,0.074-2.926c0.124-1.728,0.386-3.431,0.89-4.833c0.694-1.718,1.871-2.822,3.849-2.822c2.5,0,3.763,1.782,4.385,4.322c0.429,1.894,0.56,4.124,0.56,6.274c0,2.299-0.103,5.153-0.763,7.442C19.473,24.979,18.242,26.548,15.952,26.548z",
+    "raph_chrome": "M16.277,8.655c-2.879,0-5.227,2.181-5.227,4.854s2.348,4.854,5.227,4.854c2.879,0,5.227-2.181,5.227-4.854S19.156,8.655,16.277,8.655zM29.535,13.486c-0.369-1.819-1.068-3.052-1.727-3.995c0.05,0.129,0.09,0.259,0.138,0.388c-2.34-6.355-11.704-9.8-18.937-5.43c-0.056,0.27-0.073,0.538-0.073,0.804c0-0.051-0.006-0.098-0.004-0.15c-1.743-0.134-3.854,2.061-5.731,6.083c-0.953,2.277-1.298,4.77-0.414,7.693c0.516,1.706,1.328,3.456,2.499,4.814c3.471,4.027,8.788,5.67,11.884,4.835c0.004,0.001,0.009,0.003,0.014,0.004c5.969-0.125,10.494-4.228,12.125-9.569C29.896,17.035,29.934,15.457,29.535,13.486zM6.043,23.04c-0.96-1.112-1.755-2.651-2.299-4.452c-0.733-2.42-0.612-4.65,0.379-7.015C5.129,9.42,6.111,8.005,6.956,7.154c0.15,0.742,0.521,1.628,1.113,2.649c0.218,0.379,0.459,0.701,0.692,1.012c0.179,0.237,0.356,0.474,0.513,0.729c0.124,0.202,0.239,0.445,0.354,0.737c-0.239,2.754,0.892,5.138,3.148,6.679l-2.546,2.25l-0.202,0.171c-0.208,0.171-0.447,0.373-0.651,0.589c-1.36,1.444-0.25,2.831,0.286,3.498l0.068,0.087c0.237,0.297,0.513,0.62,0.815,0.938C8.963,25.725,7.375,24.585,6.043,23.04zM28.354,18.67c-1.6,5.232-5.937,8.7-11.07,8.859c-2.485-0.583-4.362-1.78-5.586-3.557c0.004-0.004,0.01-0.008,0.015-0.013l4.944-3.836c2.226-0.124,3.854-0.888,4.847-2.278c1.222-1.412,1.792-3.025,1.693-4.861c1.817,0.377,3.389,0.903,4.855,1.883l0.116,0.078l0.134,0.043c0.156,0.049,0.311,0.076,0.459,0.081C28.87,16.309,28.74,17.402,28.354,18.67zM28.609,14.037c-1.951-1.306-4.062-1.867-6.594-2.285c0.531,2.358-0.084,4.072-1.326,5.512c-0.882,1.235-2.382,1.822-4.394,1.875l-5.22,4.052c-0.497,0.409-0.591,0.819-0.282,1.229c0.849,1.277,1.929,2.202,3.122,2.878c-0.013,0-0.026,0.002-0.039,0.003c-0.001-0.001-0.004-0.002-0.006-0.004c-0.02,0.003-0.041,0.004-0.062,0.005c-0.08,0.001-0.16-0.001-0.239-0.01c-0.156-0.021-0.314-0.064-0.459-0.118c-0.898-0.333-1.89-1.352-2.597-2.239c-0.581-0.73-1.206-1.433-0.411-2.275c0.258-0.273,0.582-0.514,0.789-0.698l2.521-2.229c0.172-0.137,0.35-0.277,0.535-0.423c0.053-0.042,0.107-0.084,0.162-0.127c0.564-0.442,0.483-0.32-0.108-0.642c-2.419-1.32-3.677-3.614-3.354-6.389c-0.149-0.41-0.317-0.792-0.518-1.124c-0.363-0.6-0.834-1.102-1.194-1.723c-0.9-1.556-1.847-3.902,0.013-3.682c-0.005-0.053-0.002-0.11-0.005-0.164c0.094,2.001,1.526,3.823,1.742,4.888c0.078,0.382,0.294,0.705,0.612,0.28c2.538-3.395,6.069-3.053,8.328-1.312c0.443,0.34,0.684,0.755,1.084,1.11c0.154,0.138,0.328,0.259,0.535,0.351c0.743,0.332,1.807,0.312,2.607,0.434c1.371,0.208,2.707,0.464,3.971,0.812c0.25,0.03,0.424-0.004,0.521-0.101c0.211-0.208-0.002-0.887-0.121-1.263c0.277,0.805,0.536,1.609,0.773,2.415C29.176,13.701,29.133,14.208,28.609,14.037z",
+    "raph_safari": "M16.154,5.135c-0.504,0-1,0.031-1.488,0.089l-0.036-0.18c-0.021-0.104-0.06-0.198-0.112-0.283c0.381-0.308,0.625-0.778,0.625-1.306c0-0.927-0.751-1.678-1.678-1.678s-1.678,0.751-1.678,1.678c0,0.745,0.485,1.376,1.157,1.595c-0.021,0.105-0.021,0.216,0,0.328l0.033,0.167C7.645,6.95,3.712,11.804,3.712,17.578c0,6.871,5.571,12.441,12.442,12.441c6.871,0,12.441-5.57,12.441-12.441C28.596,10.706,23.025,5.135,16.154,5.135zM16.369,8.1c4.455,0,8.183,3.116,9.123,7.287l-0.576,0.234c-0.148-0.681-0.755-1.191-1.48-1.191c-0.837,0-1.516,0.679-1.516,1.516c0,0.075,0.008,0.148,0.018,0.221l-2.771-0.028c-0.054-0.115-0.114-0.226-0.182-0.333l3.399-5.11l0.055-0.083l-4.766,4.059c-0.352-0.157-0.74-0.248-1.148-0.256l0.086-0.018l-1.177-2.585c0.64-0.177,1.111-0.763,1.111-1.459c0-0.837-0.678-1.515-1.516-1.515c-0.075,0-0.147,0.007-0.219,0.018l0.058-0.634C15.357,8.141,15.858,8.1,16.369,8.1zM12.146,3.455c0-0.727,0.591-1.318,1.318-1.318c0.727,0,1.318,0.591,1.318,1.318c0,0.425-0.203,0.802-0.516,1.043c-0.183-0.123-0.413-0.176-0.647-0.13c-0.226,0.045-0.413,0.174-0.535,0.349C12.542,4.553,12.146,4.049,12.146,3.455zM7.017,17.452c0-4.443,3.098-8.163,7.252-9.116l0.297,0.573c-0.61,0.196-1.051,0.768-1.051,1.442c0,0.837,0.678,1.516,1.515,1.516c0.068,0,0.135-0.006,0.2-0.015l-0.058,2.845l0.052-0.011c-0.442,0.204-0.824,0.513-1.116,0.895l0.093-0.147l-1.574-0.603l1.172,1.239l0.026-0.042c-0.19,0.371-0.306,0.788-0.324,1.229l-0.003-0.016l-2.623,1.209c-0.199-0.604-0.767-1.041-1.438-1.041c-0.837,0-1.516,0.678-1.516,1.516c0,0.064,0.005,0.128,0.013,0.191l-0.783-0.076C7.063,18.524,7.017,17.994,7.017,17.452zM16.369,26.805c-4.429,0-8.138-3.078-9.106-7.211l0.691-0.353c0.146,0.686,0.753,1.2,1.482,1.2c0.837,0,1.515-0.679,1.515-1.516c0-0.105-0.011-0.207-0.031-0.307l2.858,0.03c0.045,0.095,0.096,0.187,0.15,0.276l-3.45,5.277l0.227-0.195l4.529-3.92c0.336,0.153,0.705,0.248,1.094,0.266l-0.019,0.004l1.226,2.627c-0.655,0.166-1.142,0.76-1.142,1.468c0,0.837,0.678,1.515,1.516,1.515c0.076,0,0.151-0.007,0.225-0.018l0.004,0.688C17.566,26.746,16.975,26.805,16.369,26.805zM18.662,26.521l-0.389-0.6c0.661-0.164,1.152-0.759,1.152-1.47c0-0.837-0.68-1.516-1.516-1.516c-0.066,0-0.13,0.005-0.193,0.014v-2.86l-0.025,0.004c0.409-0.185,0.77-0.459,1.055-0.798l1.516,0.659l-1.104-1.304c0.158-0.335,0.256-0.704,0.278-1.095l2.552-1.164c0.19,0.618,0.766,1.068,1.447,1.068c0.838,0,1.516-0.679,1.516-1.516c0-0.069-0.006-0.137-0.016-0.204l0.65,0.12c0.089,0.517,0.136,1.049,0.136,1.591C25.722,21.826,22.719,25.499,18.662,26.521z",
+    "raph_view": "M16,8.286C8.454,8.286,2.5,16,2.5,16s5.954,7.715,13.5,7.715c5.771,0,13.5-7.715,13.5-7.715S21.771,8.286,16,8.286zM16,20.807c-2.649,0-4.807-2.157-4.807-4.807s2.158-4.807,4.807-4.807s4.807,2.158,4.807,4.807S18.649,20.807,16,20.807zM16,13.194c-1.549,0-2.806,1.256-2.806,2.806c0,1.55,1.256,2.806,2.806,2.806c1.55,0,2.806-1.256,2.806-2.806C18.806,14.451,17.55,13.194,16,13.194z",
+    "raph_noview": "M11.478,17.568c-0.172-0.494-0.285-1.017-0.285-1.568c0-2.65,2.158-4.807,4.807-4.807c0.552,0,1.074,0.113,1.568,0.285l2.283-2.283C18.541,8.647,17.227,8.286,16,8.286C8.454,8.286,2.5,16,2.5,16s2.167,2.791,5.53,5.017L11.478,17.568zM23.518,11.185l-3.056,3.056c0.217,0.546,0.345,1.138,0.345,1.76c0,2.648-2.158,4.807-4.807,4.807c-0.622,0-1.213-0.128-1.76-0.345l-2.469,2.47c1.327,0.479,2.745,0.783,4.229,0.783c5.771,0,13.5-7.715,13.5-7.715S26.859,13.374,23.518,11.185zM25.542,4.917L4.855,25.604L6.27,27.02L26.956,6.332L25.542,4.917z",
+    "raph_cloud": "M24.345,13.904c0.019-0.195,0.03-0.392,0.03-0.591c0-3.452-2.798-6.25-6.25-6.25c-2.679,0-4.958,1.689-5.847,4.059c-0.589-0.646-1.429-1.059-2.372-1.059c-1.778,0-3.219,1.441-3.219,3.219c0,0.21,0.023,0.415,0.062,0.613c-2.372,0.391-4.187,2.436-4.187,4.918c0,2.762,2.239,5,5,5h15.875c2.762,0,5-2.238,5-5C28.438,16.362,26.672,14.332,24.345,13.904z",
+    "raph_cloud2": "M7.562,24.812c-3.313,0-6-2.687-6-6l0,0c0.002-2.659,1.734-4.899,4.127-5.684l0,0c0.083-2.26,1.937-4.064,4.216-4.066l0,0c0.73,0,1.415,0.19,2.01,0.517l0,0c1.266-2.105,3.57-3.516,6.208-3.517l0,0c3.947,0.002,7.157,3.155,7.248,7.079l0,0c2.362,0.804,4.062,3.034,4.064,5.671l0,0c0,3.313-2.687,6-6,6l0,0H7.562L7.562,24.812zM24.163,14.887c-0.511-0.095-0.864-0.562-0.815-1.079l0,0c0.017-0.171,0.027-0.336,0.027-0.497l0,0c-0.007-2.899-2.352-5.245-5.251-5.249l0,0c-2.249-0.002-4.162,1.418-4.911,3.41l0,0c-0.122,0.323-0.406,0.564-0.748,0.63l0,0c-0.34,0.066-0.694-0.052-0.927-0.309l0,0c-0.416-0.453-0.986-0.731-1.633-0.731l0,0c-1.225,0.002-2.216,0.993-2.22,2.218l0,0c0,0.136,0.017,0.276,0.045,0.424l0,0c0.049,0.266-0.008,0.54-0.163,0.762l0,0c-0.155,0.223-0.392,0.371-0.657,0.414l0,0c-1.9,0.313-3.352,1.949-3.35,3.931l0,0c0.004,2.209,1.792,3.995,4.001,4.001l0,0h15.874c2.209-0.006,3.994-1.792,3.999-4.001l0,0C27.438,16.854,26.024,15.231,24.163,14.887L24.163,14.887",
+    "raph_cloudDown": "M24.345,13.904c0.019-0.195,0.03-0.392,0.03-0.591c0-3.452-2.798-6.25-6.25-6.25c-2.679,0-4.958,1.689-5.847,4.059c-0.589-0.646-1.429-1.059-2.372-1.059c-1.778,0-3.219,1.441-3.219,3.219c0,0.21,0.023,0.415,0.062,0.613c-2.372,0.391-4.187,2.436-4.187,4.918c0,2.762,2.239,5,5,5h3.404l-0.707-0.707c-0.377-0.377-0.585-0.879-0.585-1.413c0-0.533,0.208-1.035,0.585-1.412l0.556-0.557c0.4-0.399,0.937-0.628,1.471-0.628c0.027,0,0.054,0,0.08,0.002v-0.472c0-1.104,0.898-2.002,2-2.002h3.266c1.103,0,2,0.898,2,2.002v0.472c0.027-0.002,0.054-0.002,0.081-0.002c0.533,0,1.07,0.229,1.47,0.63l0.557,0.552c0.78,0.781,0.78,2.05,0,2.828l-0.706,0.707h2.403c2.762,0,5-2.238,5-5C28.438,16.362,26.672,14.332,24.345,13.904z M21.033,20.986l-0.556-0.555c-0.39-0.389-0.964-0.45-1.276-0.137c-0.312,0.312-0.568,0.118-0.568-0.432v-1.238c0-0.55-0.451-1-1-1h-3.265c-0.55,0-1,0.45-1,1v1.238c0,0.55-0.256,0.744-0.569,0.432c-0.312-0.313-0.887-0.252-1.276,0.137l-0.556,0.555c-0.39,0.389-0.39,1.024-0.001,1.413l4.328,4.331c0.194,0.194,0.451,0.291,0.707,0.291s0.512-0.097,0.707-0.291l4.327-4.331C21.424,22.011,21.423,21.375,21.033,20.986z",
+    "raph_cloudUp": "M24.345,13.904c0.019-0.195,0.03-0.392,0.03-0.591c0-3.452-2.798-6.25-6.25-6.25c-2.679,0-4.958,1.689-5.847,4.059c-0.589-0.646-1.429-1.059-2.372-1.059c-1.778,0-3.219,1.441-3.219,3.219c0,0.21,0.023,0.415,0.062,0.613c-2.372,0.391-4.187,2.436-4.187,4.918c0,2.762,2.239,5,5,5h2.312c-0.126-0.266-0.2-0.556-0.2-0.859c0-0.535,0.208-1.04,0.587-1.415l4.325-4.329c0.375-0.377,0.877-0.585,1.413-0.585c0.54,0,1.042,0.21,1.417,0.587l4.323,4.329c0.377,0.373,0.585,0.878,0.585,1.413c0,0.304-0.073,0.594-0.2,0.859h1.312c2.762,0,5-2.238,5-5C28.438,16.362,26.672,14.332,24.345,13.904z M16.706,17.916c-0.193-0.195-0.45-0.291-0.706-0.291s-0.512,0.096-0.707,0.291l-4.327,4.33c-0.39,0.389-0.389,1.025,0.001,1.414l0.556,0.555c0.39,0.389,0.964,0.449,1.276,0.137s0.568-0.119,0.568,0.432v1.238c0,0.549,0.451,1,1,1h3.265c0.551,0,1-0.451,1-1v-1.238c0-0.551,0.256-0.744,0.569-0.432c0.312,0.312,0.887,0.252,1.276-0.137l0.556-0.555c0.39-0.389,0.39-1.025,0.001-1.414L16.706,17.916z",
+    "raph_location": "M16,3.5c-4.142,0-7.5,3.358-7.5,7.5c0,4.143,7.5,18.121,7.5,18.121S23.5,15.143,23.5,11C23.5,6.858,20.143,3.5,16,3.5z M16,14.584c-1.979,0-3.584-1.604-3.584-3.584S14.021,7.416,16,7.416S19.584,9.021,19.584,11S17.979,14.584,16,14.584z",
+    "raph_volume0": "M4.998,12.127v7.896h4.495l6.729,5.526l0.004-18.948l-6.73,5.526H4.998z",
+    "raph_volume1": "M4.998,12.127v7.896h4.495l6.729,5.526l0.004-18.948l-6.73,5.526H4.998z M18.806,11.219c-0.393-0.389-1.024-0.389-1.415,0.002c-0.39,0.391-0.39,1.024,0.002,1.416v-0.002c0.863,0.864,1.395,2.049,1.395,3.366c0,1.316-0.531,2.497-1.393,3.361c-0.394,0.389-0.394,1.022-0.002,1.415c0.195,0.195,0.451,0.293,0.707,0.293c0.257,0,0.513-0.098,0.708-0.293c1.222-1.22,1.98-2.915,1.979-4.776C20.788,14.136,20.027,12.439,18.806,11.219z",
+    "raph_volume2": "M4.998,12.127v7.896h4.495l6.729,5.526l0.004-18.948l-6.73,5.526H4.998z M18.806,11.219c-0.393-0.389-1.024-0.389-1.415,0.002c-0.39,0.391-0.39,1.024,0.002,1.416v-0.002c0.863,0.864,1.395,2.049,1.395,3.366c0,1.316-0.531,2.497-1.393,3.361c-0.394,0.389-0.394,1.022-0.002,1.415c0.195,0.195,0.451,0.293,0.707,0.293c0.257,0,0.513-0.098,0.708-0.293c1.222-1.22,1.98-2.915,1.979-4.776C20.788,14.136,20.027,12.439,18.806,11.219z M21.101,8.925c-0.393-0.391-1.024-0.391-1.413,0c-0.392,0.391-0.392,1.025,0,1.414c1.45,1.451,2.344,3.447,2.344,5.661c0,2.212-0.894,4.207-2.342,5.659c-0.392,0.39-0.392,1.023,0,1.414c0.195,0.195,0.451,0.293,0.708,0.293c0.256,0,0.512-0.098,0.707-0.293c1.808-1.809,2.929-4.315,2.927-7.073C24.033,13.24,22.912,10.732,21.101,8.925z",
+    "raph_volume3": "M4.998,12.127v7.896h4.495l6.729,5.526l0.004-18.948l-6.73,5.526H4.998z M18.806,11.219c-0.393-0.389-1.024-0.389-1.415,0.002c-0.39,0.391-0.39,1.024,0.002,1.416v-0.002c0.863,0.864,1.395,2.049,1.395,3.366c0,1.316-0.531,2.497-1.393,3.361c-0.394,0.389-0.394,1.022-0.002,1.415c0.195,0.195,0.451,0.293,0.707,0.293c0.257,0,0.513-0.098,0.708-0.293c1.222-1.22,1.98-2.915,1.979-4.776C20.788,14.136,20.027,12.439,18.806,11.219z M21.101,8.925c-0.393-0.391-1.024-0.391-1.413,0c-0.392,0.391-0.392,1.025,0,1.414c1.45,1.451,2.344,3.447,2.344,5.661c0,2.212-0.894,4.207-2.342,5.659c-0.392,0.39-0.392,1.023,0,1.414c0.195,0.195,0.451,0.293,0.708,0.293c0.256,0,0.512-0.098,0.707-0.293c1.808-1.809,2.929-4.315,2.927-7.073C24.033,13.24,22.912,10.732,21.101,8.925z M23.28,6.746c-0.393-0.391-1.025-0.389-1.414,0.002c-0.391,0.389-0.391,1.023,0.002,1.413h-0.002c2.009,2.009,3.248,4.773,3.248,7.839c0,3.063-1.239,5.828-3.246,7.838c-0.391,0.39-0.391,1.023,0.002,1.415c0.194,0.194,0.45,0.291,0.706,0.291s0.513-0.098,0.708-0.293c2.363-2.366,3.831-5.643,3.829-9.251C27.115,12.389,25.647,9.111,23.28,6.746z",
+    "raph_key": "M18.386,16.009l0.009-0.006l-0.58-0.912c1.654-2.226,1.876-5.319,0.3-7.8c-2.043-3.213-6.303-4.161-9.516-2.118c-3.212,2.042-4.163,6.302-2.12,9.517c1.528,2.402,4.3,3.537,6.944,3.102l0.424,0.669l0.206,0.045l0.779-0.447l-0.305,1.377l2.483,0.552l-0.296,1.325l1.903,0.424l-0.68,3.06l1.406,0.313l-0.424,1.906l4.135,0.918l0.758-3.392L18.386,16.009z M10.996,8.944c-0.685,0.436-1.593,0.233-2.029-0.452C8.532,7.807,8.733,6.898,9.418,6.463s1.594-0.233,2.028,0.452C11.883,7.6,11.68,8.509,10.996,8.944z",
+    "raph_ruler": "M6.63,21.796l-5.122,5.121h25.743V1.175L6.63,21.796zM18.702,10.48c0.186-0.183,0.48-0.183,0.664,0l1.16,1.159c0.184,0.183,0.186,0.48,0.002,0.663c-0.092,0.091-0.213,0.137-0.332,0.137c-0.121,0-0.24-0.046-0.33-0.137l-1.164-1.159C18.519,10.96,18.519,10.664,18.702,10.48zM17.101,12.084c0.184-0.183,0.48-0.183,0.662,0l2.156,2.154c0.184,0.183,0.184,0.48,0.002,0.661c-0.092,0.092-0.213,0.139-0.334,0.139s-0.24-0.046-0.33-0.137l-2.156-2.154C16.917,12.564,16.917,12.267,17.101,12.084zM15.497,13.685c0.184-0.183,0.48-0.183,0.664,0l1.16,1.161c0.184,0.183,0.182,0.48-0.002,0.663c-0.092,0.092-0.211,0.138-0.33,0.138c-0.121,0-0.24-0.046-0.332-0.138l-1.16-1.16C15.314,14.166,15.314,13.868,15.497,13.685zM13.896,15.288c0.184-0.183,0.48-0.181,0.664,0.002l1.158,1.159c0.183,0.184,0.183,0.48,0,0.663c-0.092,0.092-0.212,0.138-0.332,0.138c-0.119,0-0.24-0.046-0.332-0.138l-1.158-1.161C13.713,15.767,13.713,15.471,13.896,15.288zM12.293,16.892c0.183-0.184,0.479-0.184,0.663,0l2.154,2.153c0.184,0.184,0.184,0.481,0,0.665c-0.092,0.092-0.211,0.138-0.33,0.138c-0.121,0-0.242-0.046-0.334-0.138l-2.153-2.155C12.11,17.371,12.11,17.075,12.293,16.892zM10.302,24.515c-0.091,0.093-0.212,0.139-0.332,0.139c-0.119,0-0.238-0.045-0.33-0.137l-2.154-2.153c-0.184-0.183-0.184-0.479,0-0.663s0.479-0.184,0.662,0l2.154,2.153C10.485,24.036,10.485,24.332,10.302,24.515zM10.912,21.918c-0.093,0.093-0.214,0.139-0.333,0.139c-0.12,0-0.24-0.045-0.33-0.137l-1.162-1.161c-0.184-0.183-0.184-0.479,0-0.66c0.184-0.185,0.48-0.187,0.664-0.003l1.161,1.162C11.095,21.438,11.095,21.735,10.912,21.918zM12.513,20.316c-0.092,0.092-0.211,0.138-0.332,0.138c-0.119,0-0.239-0.046-0.331-0.138l-1.159-1.16c-0.184-0.184-0.184-0.48,0-0.664s0.48-0.182,0.663,0.002l1.159,1.161C12.696,19.838,12.696,20.135,12.513,20.316zM22.25,21.917h-8.67l8.67-8.67V21.917zM22.13,10.7c-0.09,0.092-0.211,0.138-0.33,0.138c-0.121,0-0.242-0.046-0.334-0.138l-1.16-1.159c-0.184-0.183-0.184-0.479,0-0.663c0.182-0.183,0.479-0.183,0.662,0l1.16,1.159C22.312,10.221,22.313,10.517,22.13,10.7zM24.726,10.092c-0.092,0.092-0.213,0.137-0.332,0.137s-0.24-0.045-0.33-0.137l-2.154-2.154c-0.184-0.183-0.184-0.481,0-0.664s0.482-0.181,0.664,0.002l2.154,2.154C24.911,9.613,24.909,9.91,24.726,10.092z",
+    "raph_power": "M21.816,3.999c-0.993-0.481-2.189-0.068-2.673,0.927c-0.482,0.995-0.066,2.191,0.927,2.673c3.115,1.516,5.265,4.705,5.263,8.401c-0.01,5.154-4.18,9.324-9.333,9.333c-5.154-0.01-9.324-4.18-9.334-9.333c-0.002-3.698,2.149-6.89,5.267-8.403c0.995-0.482,1.408-1.678,0.927-2.673c-0.482-0.993-1.676-1.409-2.671-0.927C5.737,6.152,2.667,10.72,2.665,16C2.667,23.364,8.634,29.332,16,29.334c7.365-0.002,13.333-5.97,13.334-13.334C29.332,10.722,26.266,6.157,21.816,3.999z M16,13.833c1.104,0,1.999-0.894,1.999-2V2.499C17.999,1.394,17.104,0.5,16,0.5c-1.106,0-2,0.895-2,1.999v9.333C14,12.938,14.894,13.833,16,13.833z",
+    "raph_unlock": "M20.375,12.833h-2.209V10c0,0,0,0,0-0.001c0-2.389,1.945-4.333,4.334-4.333c2.391,0,4.335,1.944,4.335,4.333c0,0,0,0,0,0v2.834h2V9.999h-0.001c-0.001-3.498-2.836-6.333-6.334-6.333S16.166,6.502,16.166,10v2.833H3.125V25h17.25V12.833z",
+    "raph_flag": "M26.04,9.508c0.138-0.533,0.15-1.407,0.028-1.943l-0.404-1.771c-0.122-0.536-0.665-1.052-1.207-1.146l-3.723-0.643c-0.542-0.094-1.429-0.091-1.97,0.007l-4.033,0.726c-0.542,0.098-1.429,0.108-1.973,0.023L8.812,4.146C8.817,4.165,8.826,4.182,8.83,4.201l2.701,12.831l1.236,0.214c0.542,0.094,1.428,0.09,1.97-0.007l4.032-0.727c0.541-0.097,1.429-0.107,1.973-0.022l4.329,0.675c0.544,0.085,0.906-0.288,0.807-0.829l-0.485-2.625c-0.1-0.541-0.069-1.419,0.068-1.952L26.04,9.508zM6.667,3.636C6.126,3.75,5.78,4.279,5.894,4.819l5.763,27.378H13.7L7.852,4.409C7.736,3.867,7.207,3.521,6.667,3.636z",
+    "raph_tag": "M14.263,2.826H7.904L2.702,8.028v6.359L18.405,30.09l11.561-11.562L14.263,2.826zM6.495,8.859c-0.619-0.619-0.619-1.622,0-2.24C7.114,6,8.117,6,8.736,6.619c0.62,0.62,0.619,1.621,0,2.241C8.117,9.479,7.114,9.479,6.495,8.859z",
+    "raph_search": "M29.772,26.433l-7.126-7.126c0.96-1.583,1.523-3.435,1.524-5.421C24.169,8.093,19.478,3.401,13.688,3.399C7.897,3.401,3.204,8.093,3.204,13.885c0,5.789,4.693,10.481,10.484,10.481c1.987,0,3.839-0.563,5.422-1.523l7.128,7.127L29.772,26.433zM7.203,13.885c0.006-3.582,2.903-6.478,6.484-6.486c3.579,0.008,6.478,2.904,6.484,6.486c-0.007,3.58-2.905,6.476-6.484,6.484C10.106,20.361,7.209,17.465,7.203,13.885z",
+    "raph_zoomout": "M22.646,19.307c0.96-1.583,1.523-3.435,1.524-5.421C24.169,8.093,19.478,3.401,13.688,3.399C7.897,3.401,3.204,8.093,3.204,13.885c0,5.789,4.693,10.481,10.484,10.481c1.987,0,3.839-0.563,5.422-1.523l7.128,7.127l3.535-3.537L22.646,19.307zM13.688,20.369c-3.582-0.008-6.478-2.904-6.484-6.484c0.006-3.582,2.903-6.478,6.484-6.486c3.579,0.008,6.478,2.904,6.484,6.486C20.165,17.465,17.267,20.361,13.688,20.369zM8.854,11.884v4.001l9.665-0.001v-3.999L8.854,11.884z",
+    "raph_zoomin": "M22.646,19.307c0.96-1.583,1.523-3.435,1.524-5.421C24.169,8.093,19.478,3.401,13.688,3.399C7.897,3.401,3.204,8.093,3.204,13.885c0,5.789,4.693,10.481,10.484,10.481c1.987,0,3.839-0.563,5.422-1.523l7.128,7.127l3.535-3.537L22.646,19.307zM13.688,20.369c-3.582-0.008-6.478-2.904-6.484-6.484c0.006-3.582,2.903-6.478,6.484-6.486c3.579,0.008,6.478,2.904,6.484,6.486C20.165,17.465,17.267,20.361,13.688,20.369zM15.687,9.051h-4v2.833H8.854v4.001h2.833v2.833h4v-2.834h2.832v-3.999h-2.833V9.051z",
+    "raph_cross": "M24.778,21.419 19.276,15.917 24.777,10.415 21.949,7.585 16.447,13.087 10.945,7.585 8.117,10.415 13.618,15.917 8.116,21.419 10.946,24.248 16.447,18.746 21.948,24.248",
+    "raph_check": "M2.379,14.729 5.208,11.899 12.958,19.648 25.877,6.733 28.707,9.561 12.958,25.308",
+    "raph_settings": "M16.015,12.03c-2.156,0-3.903,1.747-3.903,3.903c0,2.155,1.747,3.903,3.903,3.903c0.494,0,0.962-0.102,1.397-0.27l0.836,1.285l1.359-0.885l-0.831-1.276c0.705-0.706,1.142-1.681,1.142-2.757C19.918,13.777,18.171,12.03,16.015,12.03zM16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM26.174,20.809c-0.241,0.504-0.513,0.99-0.826,1.45L22.19,21.58c-0.481,0.526-1.029,0.994-1.634,1.385l0.119,3.202c-0.507,0.23-1.028,0.421-1.569,0.57l-1.955-2.514c-0.372,0.051-0.75,0.086-1.136,0.086c-0.356,0-0.706-0.029-1.051-0.074l-1.945,2.5c-0.541-0.151-1.065-0.342-1.57-0.569l0.117-3.146c-0.634-0.398-1.208-0.88-1.712-1.427L6.78,22.251c-0.313-0.456-0.583-0.944-0.826-1.448l2.088-2.309c-0.226-0.703-0.354-1.451-0.385-2.223l-2.768-1.464c0.055-0.563,0.165-1.107,0.301-1.643l3.084-0.427c0.29-0.702,0.675-1.352,1.135-1.942L8.227,7.894c0.399-0.389,0.83-0.744,1.283-1.07l2.663,1.672c0.65-0.337,1.349-0.593,2.085-0.75l0.968-3.001c0.278-0.021,0.555-0.042,0.837-0.042c0.282,0,0.56,0.022,0.837,0.042l0.976,3.028c0.72,0.163,1.401,0.416,2.036,0.75l2.704-1.697c0.455,0.326,0.887,0.681,1.285,1.07l-1.216,2.986c0.428,0.564,0.793,1.181,1.068,1.845l3.185,0.441c0.135,0.535,0.247,1.081,0.302,1.643l-2.867,1.516c-0.034,0.726-0.15,1.43-0.355,2.1L26.174,20.809z",
+    "raph_settingsalt": "M16,1.466C7.973,1.466,1.466,7.973,1.466,16c0,8.027,6.507,14.534,14.534,14.534c8.027,0,14.534-6.507,14.534-14.534C30.534,7.973,24.027,1.466,16,1.466zM24.386,14.968c-1.451,1.669-3.706,2.221-5.685,1.586l-7.188,8.266c-0.766,0.88-2.099,0.97-2.979,0.205s-0.973-2.099-0.208-2.979l7.198-8.275c-0.893-1.865-0.657-4.164,0.787-5.824c1.367-1.575,3.453-2.151,5.348-1.674l-2.754,3.212l0.901,2.621l2.722,0.529l2.761-3.22C26.037,11.229,25.762,13.387,24.386,14.968z",
+    "raph_feed": "M4.135,16.762c3.078,0,5.972,1.205,8.146,3.391c2.179,2.187,3.377,5.101,3.377,8.202h4.745c0-9.008-7.299-16.335-16.269-16.335V16.762zM4.141,8.354c10.973,0,19.898,8.975,19.898,20.006h4.743c0-13.646-11.054-24.749-24.642-24.749V8.354zM10.701,25.045c0,1.815-1.471,3.287-3.285,3.287s-3.285-1.472-3.285-3.287c0-1.813,1.471-3.285,3.285-3.285S10.701,23.231,10.701,25.045z",
+    "raph_bug": "M28.589,10.903l-5.828,1.612c-0.534-1.419-1.338-2.649-2.311-3.628l3.082-5.44c0.271-0.48,0.104-1.092-0.38-1.365c-0.479-0.271-1.09-0.102-1.36,0.377l-2.924,5.162c-0.604-0.383-1.24-0.689-1.9-0.896c-0.416-1.437-1.652-2.411-3.058-2.562c-0.001-0.004-0.002-0.008-0.003-0.012c-0.061-0.242-0.093-0.46-0.098-0.65c-0.005-0.189,0.012-0.351,0.046-0.479c0.037-0.13,0.079-0.235,0.125-0.317c0.146-0.26,0.34-0.43,0.577-0.509c0.023,0.281,0.142,0.482,0.352,0.601c0.155,0.088,0.336,0.115,0.546,0.086c0.211-0.031,0.376-0.152,0.496-0.363c0.105-0.186,0.127-0.389,0.064-0.607c-0.064-0.219-0.203-0.388-0.414-0.507c-0.154-0.087-0.314-0.131-0.482-0.129c-0.167,0.001-0.327,0.034-0.481,0.097c-0.153,0.063-0.296,0.16-0.429,0.289c-0.132,0.129-0.241,0.271-0.33,0.426c-0.132,0.234-0.216,0.496-0.25,0.783c-0.033,0.286-0.037,0.565-0.009,0.84c0.017,0.16,0.061,0.301,0.094,0.449c-0.375-0.021-0.758,0.002-1.14,0.108c-0.482,0.133-0.913,0.36-1.28,0.653c-0.052-0.172-0.098-0.344-0.18-0.518c-0.116-0.249-0.263-0.486-0.438-0.716c-0.178-0.229-0.384-0.41-0.618-0.543C9.904,3.059,9.737,2.994,9.557,2.951c-0.18-0.043-0.352-0.052-0.516-0.027s-0.318,0.08-0.463,0.164C8.432,3.172,8.318,3.293,8.23,3.445C8.111,3.656,8.08,3.873,8.136,4.092c0.058,0.221,0.181,0.384,0.367,0.49c0.21,0.119,0.415,0.138,0.611,0.056C9.31,4.556,9.451,4.439,9.539,4.283c0.119-0.21,0.118-0.443-0.007-0.695c0.244-0.055,0.497-0.008,0.757,0.141c0.081,0.045,0.171,0.115,0.27,0.208c0.097,0.092,0.193,0.222,0.286,0.388c0.094,0.166,0.179,0.368,0.251,0.608c0.013,0.044,0.023,0.098,0.035,0.146c-0.911,0.828-1.357,2.088-1.098,3.357c-0.582,0.584-1.072,1.27-1.457,2.035l-5.16-2.926c-0.48-0.271-1.092-0.102-1.364,0.377C1.781,8.404,1.95,9.016,2.43,9.289l5.441,3.082c-0.331,1.34-0.387,2.807-0.117,4.297l-5.828,1.613c-0.534,0.147-0.846,0.699-0.698,1.231c0.147,0.53,0.697,0.843,1.231,0.694l5.879-1.627c0.503,1.057,1.363,2.28,2.371,3.443l-3.194,5.639c-0.272,0.481-0.104,1.092,0.378,1.363c0.239,0.137,0.512,0.162,0.758,0.094c0.248-0.068,0.469-0.229,0.604-0.471l2.895-5.109c2.7,2.594,5.684,4.123,5.778,1.053c1.598,2.56,3.451-0.338,4.502-3.976l5.203,2.947c0.24,0.138,0.514,0.162,0.762,0.094c0.246-0.067,0.467-0.229,0.603-0.471c0.272-0.479,0.104-1.091-0.377-1.362l-5.701-3.229c0.291-1.505,0.422-2.983,0.319-4.138l5.886-1.627c0.53-0.147,0.847-0.697,0.696-1.229C29.673,11.068,29.121,10.756,28.589,10.903z",
+    "raph_link": "M15.667,4.601c-1.684,1.685-2.34,3.985-2.025,6.173l3.122-3.122c0.004-0.005,0.014-0.008,0.016-0.012c0.21-0.403,0.464-0.789,0.802-1.126c1.774-1.776,4.651-1.775,6.428,0c1.775,1.773,1.777,4.652,0.002,6.429c-0.34,0.34-0.727,0.593-1.131,0.804c-0.004,0.002-0.006,0.006-0.01,0.01l-3.123,3.123c2.188,0.316,4.492-0.34,6.176-2.023c2.832-2.832,2.83-7.423,0-10.255C23.09,1.77,18.499,1.77,15.667,4.601zM14.557,22.067c-0.209,0.405-0.462,0.791-0.801,1.131c-1.775,1.774-4.656,1.774-6.431,0c-1.775-1.774-1.775-4.653,0-6.43c0.339-0.338,0.725-0.591,1.128-0.8c0.004-0.006,0.005-0.012,0.011-0.016l3.121-3.123c-2.187-0.316-4.489,0.342-6.172,2.024c-2.831,2.831-2.83,7.423,0,10.255c2.833,2.831,7.424,2.831,10.257,0c1.684-1.684,2.342-3.986,2.023-6.175l-3.125,3.123C14.565,22.063,14.561,22.065,14.557,22.067zM9.441,18.885l2.197,2.197c0.537,0.537,1.417,0.537,1.953,0l8.302-8.302c0.539-0.536,0.539-1.417,0.002-1.952l-2.199-2.197c-0.536-0.539-1.416-0.539-1.952-0.002l-8.302,8.303C8.904,17.469,8.904,18.349,9.441,18.885z",
+    "raph_calendar": "M11.758,15.318c0.312-0.3,0.408-0.492,0.408-0.492h0.024c0,0-0.012,0.264-0.012,0.528v5.469h-1.871v1.031h4.87v-1.031H13.33v-7.436h-1.055l-2.027,1.967l0.719,0.744L11.758,15.318zM16.163,21.207c0,0.205,0.024,0.42,0.06,0.647h5.457v-1.031h-4.197c0.023-1.931,4.065-2.362,4.065-5.146c0-1.463-1.114-2.436-2.674-2.436c-1.907,0-2.675,1.607-2.675,1.607l0.875,0.587c0,0,0.6-1.08,1.716-1.08c0.887,0,1.522,0.563,1.522,1.403C20.312,17.754,16.163,18.186,16.163,21.207zM12,3.604h-2v3.335h2V3.604zM23,4.77v3.17h-4V4.77h-6v3.168H9.002V4.77H6.583v21.669h18.833V4.77H23zM24.417,25.438H7.584V10.522h16.833V25.438zM22,3.604h-2v3.335h2V3.604z",
+    "raph_picker": "M22.221,10.853c-0.111-0.414-0.261-0.412,0.221-1.539l1.66-3.519c0.021-0.051,0.2-0.412,0.192-0.946c0.015-0.529-0.313-1.289-1.119-1.642c-1.172-0.555-1.17-0.557-2.344-1.107c-0.784-0.396-1.581-0.171-1.979,0.179c-0.42,0.333-0.584,0.7-0.609,0.75L16.58,6.545c-0.564,1.084-0.655,0.97-1.048,1.147c-0.469,0.129-1.244,0.558-1.785,1.815c-1.108,2.346-1.108,2.346-1.108,2.346l-0.276,0.586l1.17,0.553l-3.599,7.623c-0.38,0.828-0.166,1.436-0.166,2.032c0.01,0.627-0.077,1.509-0.876,3.21l-0.276,0.586l3.517,1.661l0.276-0.585c0.808-1.699,1.431-2.326,1.922-2.717c0.46-0.381,1.066-0.6,1.465-1.42l3.599-7.618l1.172,0.554l0.279-0.589c0,0,0,0,1.105-2.345C22.578,12.166,22.419,11.301,22.221,10.853zM14.623,22.83c-0.156,0.353-0.413,0.439-1.091,0.955c-0.577,0.448-1.264,1.172-2.009,2.6l-1.191-0.562c0.628-1.48,0.75-2.474,0.73-3.203c-0.031-0.851-0.128-1.104,0.045-1.449l3.599-7.621l3.517,1.662L14.623,22.83z",
+    "raph_no": "M16,2.939C9.006,2.942,3.338,8.61,3.335,15.605C3.335,22.6,9.005,28.268,16,28.27c6.994-0.002,12.662-5.67,12.664-12.664C28.663,8.61,22.995,2.939,16,2.939zM25.663,15.605c-0.003,1.943-0.583,3.748-1.569,5.264L10.736,7.513c1.515-0.988,3.32-1.569,5.265-1.573C21.337,5.951,25.654,10.269,25.663,15.605zM6.335,15.605c0.004-1.943,0.584-3.75,1.573-5.266l13.355,13.357c-1.516,0.986-3.32,1.566-5.264,1.569C10.664,25.26,6.346,20.941,6.335,15.605z",
+    "raph_commandline": "M2.021,9.748L2.021,9.748V9.746V9.748zM2.022,9.746l5.771,5.773l-5.772,5.771l2.122,2.123l7.894-7.895L4.143,7.623L2.022,9.746zM12.248,23.269h14.419V20.27H12.248V23.269zM16.583,17.019h10.084V14.02H16.583V17.019zM12.248,7.769v3.001h14.419V7.769H12.248z",
+    "raph_photo": "M24.25,10.25H20.5v-1.5h-9.375v1.5h-3.75c-1.104,0-2,0.896-2,2v10.375c0,1.104,0.896,2,2,2H24.25c1.104,0,2-0.896,2-2V12.25C26.25,11.146,25.354,10.25,24.25,10.25zM15.812,23.499c-3.342,0-6.06-2.719-6.06-6.061c0-3.342,2.718-6.062,6.06-6.062s6.062,2.72,6.062,6.062C21.874,20.78,19.153,23.499,15.812,23.499zM15.812,13.375c-2.244,0-4.062,1.819-4.062,4.062c0,2.244,1.819,4.062,4.062,4.062c2.244,0,4.062-1.818,4.062-4.062C19.875,15.194,18.057,13.375,15.812,13.375z",
+    "raph_printer": "M24.569,12.125h-2.12c-0.207-1.34-1.247-2.759-2.444-3.967c-1.277-1.24-2.654-2.234-3.784-2.37c-0.062-0.008-0.124-0.014-0.198-0.015H8.594c-0.119,0-0.235,0.047-0.319,0.132c-0.083,0.083-0.132,0.2-0.132,0.32v5.9H6.069c-1.104,0-2,0.896-2,2V23h4.074v2.079c0,0.118,0.046,0.23,0.132,0.318c0.086,0.085,0.199,0.131,0.319,0.131h13.445c0.118,0,0.232-0.046,0.318-0.131s0.138-0.199,0.138-0.318V23h4.074v-8.875C26.569,13.021,25.674,12.125,24.569,12.125zM21.589,24.626H9.043V21.5h12.546V24.626zM21.589,13.921c0-0.03,0-0.063-0.003-0.096c-0.015-0.068-0.062-0.135-0.124-0.2H9.043v-6.95h6.987v0.001c0.305-0.019,0.567,0.282,0.769,0.971c0.183,0.655,0.229,1.509,0.229,2.102c0.001,0.433-0.019,0.725-0.019,0.725l-0.037,0.478l0.48,0.005c0.002,0,1.109,0.014,2.196,0.26c1.044,0.226,1.86,0.675,1.938,1.184c0.003,0.045,0.003,0.091,0.003,0.133V13.921z",
+    "export": "M24.086,20.904c-1.805,3.113-5.163,5.212-9.023,5.219c-5.766-0.01-10.427-4.672-10.438-10.435C4.636,9.922,9.297,5.261,15.063,5.25c3.859,0.007,7.216,2.105,9.022,5.218l3.962,2.284l0.143,0.082C26.879,6.784,21.504,2.25,15.063,2.248C7.64,2.25,1.625,8.265,1.624,15.688c0.002,7.42,6.017,13.435,13.439,13.437c6.442-0.002,11.819-4.538,13.127-10.589l-0.141,0.081L24.086,20.904zM28.4,15.688l-7.15-4.129v2.297H10.275v3.661H21.25v2.297L28.4,15.688z",
+    "import": "M15.067,2.25c-5.979,0-11.035,3.91-12.778,9.309h3.213c1.602-3.705,5.271-6.301,9.565-6.309c5.764,0.01,10.428,4.674,10.437,10.437c-0.009,5.764-4.673,10.428-10.437,10.438c-4.294-0.007-7.964-2.605-9.566-6.311H2.289c1.744,5.399,6.799,9.31,12.779,9.312c7.419-0.002,13.437-6.016,13.438-13.438C28.504,8.265,22.486,2.252,15.067,2.25zM10.918,19.813l7.15-4.126l-7.15-4.129v2.297H-0.057v3.661h10.975V19.813z",
+    "raph_run": "M17.41,20.395l-0.778-2.723c0.228-0.2,0.442-0.414,0.644-0.643l2.721,0.778c0.287-0.418,0.534-0.862,0.755-1.323l-2.025-1.96c0.097-0.288,0.181-0.581,0.241-0.883l2.729-0.684c0.02-0.252,0.039-0.505,0.039-0.763s-0.02-0.51-0.039-0.762l-2.729-0.684c-0.061-0.302-0.145-0.595-0.241-0.883l2.026-1.96c-0.222-0.46-0.469-0.905-0.756-1.323l-2.721,0.777c-0.201-0.228-0.416-0.442-0.644-0.643l0.778-2.722c-0.418-0.286-0.863-0.534-1.324-0.755l-1.96,2.026c-0.287-0.097-0.581-0.18-0.883-0.241l-0.683-2.73c-0.253-0.019-0.505-0.039-0.763-0.039s-0.51,0.02-0.762,0.039l-0.684,2.73c-0.302,0.061-0.595,0.144-0.883,0.241l-1.96-2.026C7.048,3.463,6.604,3.71,6.186,3.997l0.778,2.722C6.736,6.919,6.521,7.134,6.321,7.361L3.599,6.583C3.312,7.001,3.065,7.446,2.844,7.907l2.026,1.96c-0.096,0.288-0.18,0.581-0.241,0.883l-2.73,0.684c-0.019,0.252-0.039,0.505-0.039,0.762s0.02,0.51,0.039,0.763l2.73,0.684c0.061,0.302,0.145,0.595,0.241,0.883l-2.026,1.96c0.221,0.46,0.468,0.905,0.755,1.323l2.722-0.778c0.2,0.229,0.415,0.442,0.643,0.643l-0.778,2.723c0.418,0.286,0.863,0.533,1.323,0.755l1.96-2.026c0.288,0.097,0.581,0.181,0.883,0.241l0.684,2.729c0.252,0.02,0.505,0.039,0.763,0.039s0.51-0.02,0.763-0.039l0.683-2.729c0.302-0.061,0.596-0.145,0.883-0.241l1.96,2.026C16.547,20.928,16.992,20.681,17.41,20.395zM11.798,15.594c-1.877,0-3.399-1.522-3.399-3.399s1.522-3.398,3.399-3.398s3.398,1.521,3.398,3.398S13.675,15.594,11.798,15.594zM27.29,22.699c0.019-0.547-0.06-1.104-0.23-1.654l1.244-1.773c-0.188-0.35-0.4-0.682-0.641-0.984l-2.122,0.445c-0.428-0.364-0.915-0.648-1.436-0.851l-0.611-2.079c-0.386-0.068-0.777-0.105-1.173-0.106l-0.974,1.936c-0.279,0.054-0.558,0.128-0.832,0.233c-0.257,0.098-0.497,0.22-0.727,0.353L17.782,17.4c-0.297,0.262-0.568,0.545-0.813,0.852l0.907,1.968c-0.259,0.495-0.437,1.028-0.519,1.585l-1.891,1.06c0.019,0.388,0.076,0.776,0.164,1.165l2.104,0.519c0.231,0.524,0.541,0.993,0.916,1.393l-0.352,2.138c0.32,0.23,0.66,0.428,1.013,0.6l1.715-1.32c0.536,0.141,1.097,0.195,1.662,0.15l1.452,1.607c0.2-0.057,0.399-0.118,0.596-0.193c0.175-0.066,0.34-0.144,0.505-0.223l0.037-2.165c0.455-0.339,0.843-0.747,1.152-1.206l2.161-0.134c0.152-0.359,0.279-0.732,0.368-1.115L27.29,22.699zM23.127,24.706c-1.201,0.458-2.545-0.144-3.004-1.345s0.143-2.546,1.344-3.005c1.201-0.458,2.547,0.144,3.006,1.345C24.931,22.902,24.328,24.247,23.127,24.706z",
+    "raph_magnet": "M20.812,19.5h5.002v-6.867c-0.028-1.706-0.61-3.807-2.172-5.841c-1.539-2.014-4.315-3.72-7.939-3.687C12.076,3.073,9.3,4.779,7.762,6.792C6.2,8.826,5.617,10.928,5.588,12.634V19.5h5v-6.866c-0.027-0.377,0.303-1.789,1.099-2.748c0.819-0.979,1.848-1.747,4.014-1.778c2.165,0.032,3.195,0.799,4.013,1.778c0.798,0.959,1.126,2.372,1.099,2.748V19.5L20.812,19.5zM25.814,25.579c0,0,0-2.354,0-5.079h-5.002c0,2.727,0,5.08,0,5.08l5.004-0.001H25.814zM5.588,25.58h5c0,0,0-2.354,0-5.08h-5C5.588,23.227,5.588,25.58,5.588,25.58z",
+    "raph_nomagnet": "M10.59,17.857v-5.225c-0.027-0.376,0.303-1.789,1.099-2.748c0.819-0.979,1.849-1.748,4.014-1.778c1.704,0.026,2.699,0.508,3.447,1.189l3.539-3.539c-1.616-1.526-4.01-2.679-6.986-2.652C12.077,3.073,9.3,4.779,7.762,6.793C6.2,8.826,5.617,10.928,5.59,12.634V19.5h3.357L10.59,17.857zM5.59,20.5v2.357L7.947,20.5H5.59zM20.812,13.29v6.21h5.002v-6.866c-0.021-1.064-0.252-2.283-0.803-3.542L20.812,13.29zM25.339,4.522L4.652,25.209l1.415,1.416L26.753,5.937L25.339,4.522zM20.812,25.58h5.002c0,0,0-2.354,0-5.08h-5.002C20.812,23.227,20.812,25.58,20.812,25.58zM10.59,25.58c0,0,0-0.827,0-2.064L8.525,25.58H10.59z",
+    "raph_flip": "M15.5,21.082h1.001v-2.001H15.5V21.082zM15.5,25.082h1.001v-2H15.5V25.082zM15.5,29.082h1.001v-2H15.5V29.082zM15.5,32.127h1.001v-1.045H15.5V32.127zM15.5,17.083h1.001v-2H15.5V17.083zM15.5,1.083h1.001v-2H15.5V1.083zM15.5,5.083h1.001v-2H15.5V5.083zM15.5,9.083h1.001v-2H15.5V9.083zM15.5,13.083h1.001v-2H15.5V13.083zM18.832,1.203v25.962h14.093L18.832,1.203zM19.832,5.136l11.41,21.03h-11.41V5.136zM13.113,27.165V1.203L-0.979,27.165H13.113z",
+    "raph_flipv": "M21.45,16.078v-1.001h-2.001v1.001H21.45zM25.45,16.078v-1.001h-2v1.001H25.45zM29.45,16.078v-1.001h-2v1.001H29.45zM32.495,16.078v-1.001H31.45v1.001H32.495zM17.451,16.078v-1.001h-2v1.001H17.451zM1.451,16.078v-1.001h-2v1.001H1.451zM5.451,16.078v-1.001h-2v1.001H5.451zM9.452,16.078v-1.001h-2v1.001H9.452zM13.452,16.078v-1.001h-2v1.001H13.452zM1.571,12.745h25.962V-1.348L1.571,12.745zM5.504,11.745l21.03-11.41v11.41H5.504zM27.533,18.464H1.571l25.962,14.093V18.464z",
+    "raph_connect": "M25.06,13.719c-0.944-5.172-5.461-9.094-10.903-9.094v4c3.917,0.006,7.085,3.176,7.094,7.094c-0.009,3.917-3.177,7.085-7.094,7.093v4.002c5.442-0.004,9.959-3.926,10.903-9.096h4.69v-3.999H25.06zM20.375,15.719c0-3.435-2.784-6.219-6.219-6.219c-2.733,0-5.05,1.766-5.884,4.218H1.438v4.001h6.834c0.833,2.452,3.15,4.219,5.884,4.219C17.591,21.938,20.375,19.153,20.375,15.719z",
+    "raph_disconnect": "M9.219,9.5c-2.733,0-5.05,1.766-5.884,4.218H1.438v4.001h1.897c0.833,2.452,3.15,4.219,5.884,4.219c3.435,0,6.219-2.784,6.219-6.219S12.653,9.5,9.219,9.5zM27.685,13.719c-0.944-5.172-5.461-9.094-10.903-9.094v4c3.917,0.006,7.085,3.176,7.094,7.094c-0.009,3.917-3.177,7.085-7.094,7.093v4.002c5.442-0.004,9.959-3.926,10.903-9.096h2.065v-3.999H27.685z",
+    "raph_folder": "M29.124,12.75c-0.004-2.208-1.792-3.997-3.999-4V8.749H12.868c-0.505-1.622-2.011-2.808-3.805-2.811H6.188c-2.208,0.002-3.997,1.792-4.001,4v14.188c0.004,2.206,1.793,3.995,4.001,3.999h18.938c2.205-0.004,3.995-1.793,3.999-3.999V12.75zM6.188,7.937h2.875c1.046-0.004,1.917,0.834,1.983,1.876l0.058,0.937h14.022c1.093,0.002,1.997,0.906,1.999,2v0.495c-0.591-0.345-1.268-0.557-2-0.558H6.187c-0.732,0.001-1.41,0.214-2,0.559V9.937C4.19,8.843,5.094,7.939,6.188,7.937zM25.125,26.125H6.188c-1.093-0.002-1.997-0.908-2.001-2v-7.438h0.001c0.002-1.095,0.906-1.999,2-2.001h18.938c1.093,0.002,1.991,0.901,2,1.991v7.447C27.122,25.219,26.218,26.123,25.125,26.125z",
+    "raph_man": "M21.021,16.349c-0.611-1.104-1.359-1.998-2.109-2.623c-0.875,0.641-1.941,1.031-3.103,1.031c-1.164,0-2.231-0.391-3.105-1.031c-0.75,0.625-1.498,1.519-2.111,2.623c-1.422,2.563-1.578,5.192-0.35,5.874c0.55,0.307,1.127,0.078,1.723-0.496c-0.105,0.582-0.166,1.213-0.166,1.873c0,2.932,1.139,5.307,2.543,5.307c0.846,0,1.265-0.865,1.466-2.189c0.201,1.324,0.62,2.189,1.463,2.189c1.406,0,2.545-2.375,2.545-5.307c0-0.66-0.061-1.291-0.168-1.873c0.598,0.574,1.174,0.803,1.725,0.496C22.602,21.541,22.443,18.912,21.021,16.349zM15.808,13.757c2.362,0,4.278-1.916,4.278-4.279s-1.916-4.279-4.278-4.279c-2.363,0-4.28,1.916-4.28,4.279S13.445,13.757,15.808,13.757z",
+    "raph_woman": "M21.022,16.349c-0.611-1.104-1.359-1.998-2.109-2.623c-0.875,0.641-1.941,1.031-3.104,1.031c-1.164,0-2.231-0.391-3.105-1.031c-0.75,0.625-1.498,1.519-2.111,2.623c-1.422,2.563-1.579,5.192-0.351,5.874c0.55,0.307,1.127,0.078,1.723-0.496c-0.105,0.582-0.167,1.213-0.167,1.873c0,2.932,1.139,5.307,2.543,5.307c0.846,0,1.265-0.865,1.466-2.189c0.201,1.324,0.62,2.189,1.464,2.189c1.406,0,2.545-2.375,2.545-5.307c0-0.66-0.061-1.291-0.168-1.873c0.598,0.574,1.174,0.803,1.725,0.496C22.603,21.541,22.444,18.912,21.022,16.349zM15.808,13.757c2.363,0,4.279-1.916,4.279-4.279s-1.916-4.279-4.279-4.279c-2.363,0-4.28,1.916-4.28,4.279S13.445,13.757,15.808,13.757zM18.731,4.974c1.235,0.455,0.492-0.725,0.492-1.531s0.762-1.792-0.492-1.391c-1.316,0.422-2.383,0.654-2.383,1.461S17.415,4.489,18.731,4.974zM15.816,4.4c0.782,0,0.345-0.396,0.345-0.884c0-0.488,0.438-0.883-0.345-0.883s-0.374,0.396-0.374,0.883C15.442,4.005,15.034,4.4,15.816,4.4zM12.884,4.974c1.316-0.484,2.383-0.654,2.383-1.461S14.2,2.474,12.884,2.052c-1.254-0.402-0.492,0.584-0.492,1.391S11.648,5.428,12.884,4.974z",
+    "raph_notebook": "M24.875,1.375H8c-1.033,0-1.874,0.787-1.979,1.792h1.604c1.102,0,2,0.898,2,2c0,1.102-0.898,2-2,2H6v0.999h1.625c1.104,0,2.002,0.898,2.002,2.002c0,1.104-0.898,2.001-2.002,2.001H6v0.997h1.625c1.102,0,2,0.898,2,2c0,1.104-0.898,2.004-2,2.004H6v0.994h1.625c1.102,0,2,0.898,2,2.002s-0.898,2.002-2,2.002H6v0.997h1.624c1.104,0,2.002,0.897,2.002,2.001c0,1.104-0.898,2.002-2.002,2.002H6.004C6.027,28.252,6.91,29.125,8,29.125h16.875c1.104,0,2-0.896,2-2V3.375C26.875,2.271,25.979,1.375,24.875,1.375zM25.25,8.375c0,0.552-0.447,1-1,1H14c-0.553,0-1-0.448-1-1V4c0-0.552,0.447-1,1-1h10.25c0.553,0,1,0.448,1,1V8.375zM8.625,25.166c0-0.554-0.449-1.001-1-1.001h-3.25c-0.552,0-1,0.447-1,1.001c0,0.552,0.449,1,1,1h3.25C8.176,26.166,8.625,25.718,8.625,25.166zM4.375,6.166h3.251c0.551,0,0.999-0.448,0.999-0.999c0-0.555-0.448-1-0.999-1H4.375c-0.553,0-1,0.445-1,1C3.374,5.718,3.822,6.166,4.375,6.166zM4.375,11.167h3.25c0.553,0,1-0.448,1-1s-0.448-1-1-1h-3.25c-0.553,0-1,0.448-1,1S3.822,11.167,4.375,11.167zM4.375,16.167h3.25c0.551,0,1-0.448,1-1.001s-0.448-0.999-1-0.999h-3.25c-0.553,0-1.001,0.446-1.001,0.999S3.822,16.167,4.375,16.167zM3.375,20.165c0,0.553,0.446,1.002,1,1.002h3.25c0.551,0,1-0.449,1-1.002c0-0.552-0.448-1-1-1h-3.25C3.821,19.165,3.375,19.613,3.375,20.165z",
+    "raph_diagram": "M6.812,17.202l7.396-3.665v-2.164h-0.834c-0.414,0-0.808-0.084-1.167-0.237v1.159l-7.396,3.667v2.912h2V17.202zM26.561,18.875v-2.913l-7.396-3.666v-1.158c-0.358,0.152-0.753,0.236-1.166,0.236h-0.832l-0.001,2.164l7.396,3.666v1.672H26.561zM16.688,18.875v-7.501h-2v7.501H16.688zM27.875,19.875H23.25c-1.104,0-2,0.896-2,2V26.5c0,1.104,0.896,2,2,2h4.625c1.104,0,2-0.896,2-2v-4.625C29.875,20.771,28.979,19.875,27.875,19.875zM8.125,19.875H3.5c-1.104,0-2,0.896-2,2V26.5c0,1.104,0.896,2,2,2h4.625c1.104,0,2-0.896,2-2v-4.625C10.125,20.771,9.229,19.875,8.125,19.875zM13.375,10.375H18c1.104,0,2-0.896,2-2V3.75c0-1.104-0.896-2-2-2h-4.625c-1.104,0-2,0.896-2,2v4.625C11.375,9.479,12.271,10.375,13.375,10.375zM18,19.875h-4.625c-1.104,0-2,0.896-2,2V26.5c0,1.104,0.896,2,2,2H18c1.104,0,2-0.896,2-2v-4.625C20,20.771,19.104,19.875,18,19.875z",
+    "raph_barchart": "M21.25,8.375V28h6.5V8.375H21.25zM12.25,28h6.5V4.125h-6.5V28zM3.25,28h6.5V12.625h-6.5V28z"
+  }
+}
diff --git a/editor/extensions/shapelib/symbol.json b/editor/extensions/shapelib/symbol.json
index b22fbe28..841e511d 100644
--- a/editor/extensions/shapelib/symbol.json
+++ b/editor/extensions/shapelib/symbol.json
@@ -1,28 +1,28 @@
-{"data": {
-	"airplane": "m150.70285,1c-3.11894,0 -5.89383,1.28033 -8.23512,3.60274c-2.33931,2.3205 -4.27426,5.64559 -5.8844,9.79826c-3.21983,8.30419 -5.20047,19.96969 -6.28387,33.94021c-1.08127,13.94364 -1.26349,30.17972 -0.81427,47.56012c-38.52657,15.80524 -116.66563,48.43882 -122.94262,55.72521c-8.35709,9.701 -5.65693,20.81889 -2.28924,28.1994l128.45827,-26.14551c2.71532,34.07207 6.57611,67.81866 9.94048,94.2617c-12.56244,3.67662 -36.01244,10.93625 -40.85281,15.43805c-6.66802,6.2016 -6.66797,26.22952 -6.66797,26.22952l52.57557,-4.27612c1.23827,8.63303 2.01266,13.67035 2.01266,13.67035l0.07683,0.45456l0.41484,0l0.96791,0l0.41483,0l0.07683,-0.45456c0,0 0.77292,-5.03741 2.01265,-13.67035l52.59094,4.27612c0,0 0.00006,-20.02792 -6.66798,-26.22952c-4.84218,-4.50354 -28.3093,-11.77963 -40.86818,-15.45499c3.35742,-26.36189 7.2114,-59.97935 9.92513,-93.94165l126.95265,25.84239c3.36765,-7.38051 6.08325,-18.4984 -2.27386,-28.1994c-6.19934,-7.19621 -82.45026,-39.10397 -121.45232,-55.11919c0.466,-17.60567 0.29471,-34.06301 -0.79893,-48.16614l0,-0.03367c-1.08395,-13.95511 -3.0667,-25.60925 -6.28384,-33.90654c-1.60968,-4.15152 -3.52888,-7.47695 -5.86903,-9.79826c-2.34131,-2.32241 -5.11617,-3.60274 -8.23509,-3.60274z",
-	"arrows_recycle": "m184.80963,97.86072l-33.85641,-5.99613l12.47342,-6.51318c6.86035,-3.58231 13.08063,-7.05022 13.8228,-7.70647c1.84358,-1.63009 -21.11545,-37.10833 -23.99486,-37.07896c-1.26575,0.01435 -10.08571,13.75221 -19.59988,30.53185c-9.58302,16.90081 -19.12026,29.77207 -21.38301,28.85762c-26.78106,-10.82179 -48.63238,-21.77106 -48.63238,-24.36867c0,-1.7743 8.40277,-17.60187 18.67293,-35.17241l18.67294,-31.94638l50.91241,0l50.91241,0l13.28955,21.01844l13.28966,21.01844l13.86403,-7.11266c9.61084,-4.93073 13.27039,-5.63875 11.92874,-2.30832c-11.81259,29.32658 -29.43884,63.52189 -32.57199,63.19018c-2.16919,-0.22948 -19.17931,-3.11553 -37.80035,-6.41334zm-157.90158,130.83841c-12.88431,-22.18782 -24.43164,-42.96199 -25.66062,-46.16496c-1.26128,-3.28671 2.41348,-15.03122 8.43637,-26.96236l10.67094,-21.13916l-10.90837,-6.44379c-14.51679,-8.57526 -9.12079,-11.21638 29.38814,-14.38432l30.43462,-2.50365l11.93788,31.54266c6.56593,17.34845 12.77805,33.78311 13.80486,36.52168c1.07085,2.85602 -4.05412,0.95576 -12.01902,-4.45653l-13.88588,-9.43578l-9.69341,18.71187c-5.33128,10.2917 -9.769,19.85884 -9.86144,21.26031c-0.09266,1.40147 16.26999,3.00525 36.36115,3.56384l36.52929,1.01558l2.3839,26.7207c1.3112,14.69647 2.11298,26.91713 1.78191,27.15706c-0.33105,0.23969 -17.62818,1.53915 -38.43802,2.88736l-37.83614,2.4512l-23.42616,-40.34174zm144.19484,39.20346c-22.11887,-33.38463 -22.50333,-30.90141 10.37228,-66.98763l21.10391,-23.16492l-2.24142,16.92821l-2.24152,16.92822l23.64932,0c13.0071,0 23.64944,-1.04019 23.64944,-2.31137c0,-1.27139 -7.21684,-15.55066 -16.03735,-31.73212c-8.82051,-16.18146 -16.00386,-30.77765 -15.96307,-32.436c0.09158,-3.71849 46.32753,-34.42394 48.52559,-32.22591c0.87094,0.87095 9.45139,16.38289 19.06769,34.47134l17.48441,32.8876l-23.52576,37.94727c-12.93936,20.87074 -25.37122,39.98283 -27.62622,42.47105c-2.25526,2.48822 -14.86537,5.52936 -28.02258,6.75787c-25.11388,2.34528 -24.43022,1.7804 -28.11249,23.22583c-0.64439,3.75308 -8.1586,-4.76279 -20.08223,-22.75946z",
-	"beverage": "m55.65598,297.84982c-28.13961,-15.0867 0.71402,-44.87836 24.17752,-35.2438c17.46051,-0.03983 34.92112,-0.01355 52.38168,-0.02121c0,-34.34088 0,-68.68181 0,-103.02271c-43.73869,-52.76227 -87.47738,-105.52454 -131.21606,-158.28681c98.99732,-0.36748 197.99556,-0.36708 296.99286,0c-42.95236,53.02298 -85.90472,106.04595 -128.85707,159.06893c0,34.08022 0,68.1604 0,102.24059c25.78079,0.22986 51.60571,-0.625 77.34869,0.87012c20.26866,5.44482 12.15504,38.73355 -7.54306,35.2244c-61.09291,-0.21259 -122.20532,0.38715 -183.28456,-0.8295zm127.03334,-186.51904c19.68919,-7.503 16.9212,-39.96898 -4.19951,-43.27924c-31.86026,-8.77637 -38.74004,46.49459 -5.25272,45.19753c3.23363,0.02124 6.51921,-0.43665 9.45222,-1.91829z",
-	"bicycle": "m69.04492,242.61508c10.78542,-0.13551 -10.27161,-0.62888 -14.0067,-0.90082c-31.20993,-0.75682 -57.11145,-31.7867 -53.74048,-62.58058c0.6826,-30.81444 30.36186,-57.88344 61.25282,-54.78261c8.04092,-3.41573 19.45538,7.85678 24.44781,2.47261c12.82323,-22.6207 25.24759,-45.47771 38.58752,-67.7975c11.3629,-1.62186 24.90015,-2.8755 35.9539,0.19863c5.11031,8.04987 -4.18097,10.24141 -9.97878,8.99869c-6.4711,0 -12.9422,0 -19.41331,0c-4.68463,8.54676 -9.49177,17.02541 -14.27853,25.51514c27.18877,0 54.37757,0 81.56634,0c0.60545,-2.89218 7.47321,-9.12369 1.38461,-8.44633c-11.06171,-1.39418 -4.14218,-14.17861 4.04941,-10.54169c11.49847,0.42252 23.4034,-1.13349 34.55679,1.17167c5.95799,11.9574 -11.26917,9.39215 -18.65384,9.51889c-5.46606,-1.78406 -6.59882,3.68022 -8.76302,7.4192c-8.77467,8.98817 -3.32066,18.46121 2.57677,27.22322c2.16318,3.98602 3.70422,9.51816 8.96812,5.7937c10.73436,-2.35877 22.43681,-2.44432 33.11809,0.31375c22.31958,6.63104 40.2153,27.32498 41.71356,50.76672c1.35196,14.39882 -1.7262,29.2406 -10.68872,40.85638c-10.3952,14.88928 -27.26529,23.04211 -45.01289,24.69595m-13.91446,0.14534c-16.17995,-4.15208 -31.09747,-13.81174 -39.74602,-28.39511c-5.65977,-7.28935 -6.39555,-18.57542 -9.40382,-25.8875c-7.93416,-0.10381 -15.86833,-0.20763 -23.80251,-0.31143c-16.06972,-25.85139 -30.2338,-52.8877 -45.73496,-79.09947c-3.0216,8.9735 -20.19933,21.18202 -10.71458,29.44228c23.80356,19.97299 26.97348,58.9857 6.61392,82.50262c-9.33031,10.45926 -22.27345,17.66695 -35.57853,21.74126m1.02195,-14.22214c25.6753,-5.59119 42.08234,-35.19554 33.20155,-59.88542c-2.74454,-8.04132 -10.29613,-20.88658 -16.96593,-21.01822c-7.10979,12.27542 -13.50588,24.99036 -21.29804,36.85445c-17.11086,3.00977 -1.43426,-17.82442 2.18629,-24.90399c3.88173,-8.63774 17.97784,-22.6107 0.22043,-22.40381c-12.4663,-1.24055 -25.71457,-0.04088 -35.79932,8.23351c-21.64245,14.32193 -25.73868,47.07928 -9.34899,66.82591c11.09536,14.38573 30.25585,20.50179 47.804,16.29758zm179.64028,-0.00356c21.91476,-5.14897 37.68491,-27.67265 34.8483,-50.02701c-1.50024,-24.84305 -26.27582,-44.93475 -50.90707,-41.59564c-18.45729,-1.74684 -0.78658,15.19781 1.85167,23.43547c2.5099,8.7469 16.33638,19.49011 8.6171,28.02017c-17.31352,0.72531 -35.05154,-0.50934 -52.31752,1.23642c3.1011,22.89496 24.76817,41.83401 48.14848,40.08203c3.28111,-0.02676 6.57803,-0.30434 9.75905,-1.15144zm-70.7294,-51.16617c2.08536,-17.91364 12.23944,-34.20847 27.04826,-44.4043c0.87492,-4.39421 -8.09195,-24.63332 -11.37527,-10.5231c-10.13445,18.42084 -20.32248,36.81699 -30.14639,55.40483c4.70622,0.11383 9.98186,0.93559 14.4734,-0.47743zm52.9005,-0.88846c-5.84201,-10.98254 -11.81374,-21.89917 -17.91992,-32.73703c-12.24919,6.45949 -20.3076,20.12949 -22.21249,33.77383c13.37456,-0.2851 26.97348,0.69884 40.16722,-0.71251l-0.03476,-0.3243l0,0zm-57.29515,-39.61388c5.7617,-10.63408 11.63275,-21.21213 17.21649,-31.94065c-24.2798,-0.5443 -48.61469,-0.66353 -72.88629,0.11504c12.46696,21.42642 23.73018,43.6828 37.36159,64.35614c6.59126,-10.13849 12.18927,-21.81091 18.30821,-32.53052z",
-	"bulb": "m145.62592,297.06863c-17.67376,-4.68848 -27.91267,-23.96384 -26.70493,-41.44981c-0.45245,-22.83995 1.65483,-46.8734 -9.26703,-67.87447c-6.22532,-15.68024 -16.83022,-29.52451 -21.2558,-45.86502c-5.50718,-25.3512 1.29536,-54.08422 21.79177,-71.10346c23.11512,-19.80671 60.02821,-22.38829 85.47337,-5.55379c17.94666,12.36192 30.89558,32.75098 30.41452,55.00024c2.10583,16.62513 -4.45561,32.2625 -12.17442,46.55451c-5.53021,11.50751 -11.98869,22.76817 -17.00821,34.40399c-1.32327,23.85774 -0.56435,47.93431 -4.15358,71.58684c-5.97899,18.328 -28.51152,30.78922 -47.11569,24.30096zm46.67903,-42.65804c-10.48888,-5.65382 -25.56134,-1.97798 -37.75313,-3.19516c-9.95908,1.99197 -27.6553,-4.08569 -32.94975,5.03105c12.10807,4.73648 26.33759,1.18594 39.22778,1.96957c10.31409,-0.9906 22.18068,0.93939 31.4751,-3.80547zm-0.78554,-10.63885c1.54361,-14.36404 -21.1709,-7.03433 -30.39838,-9.17262c-12.21318,2.47205 -31.64935,-5.2915 -39.33047,5.74487c4.5516,11.09071 24.85052,3.29074 35.50985,5.75148c11.3671,-0.4028 23.15991,0.40741 34.21899,-2.32373zm0.14142,-25.16705c2.9986,-27.98152 20.10725,-51.27968 30.01392,-76.87566c8.14517,-30.64574 -7.9861,-65.65708 -37.19159,-78.52086c-29.06958,-14.40719 -67.79967,-3.52343 -84.22785,24.70715c-15.82867,23.31919 -12.80788,55.00346 2.66266,77.68118c11.03862,19.81914 19.84574,42.09169 18.41109,65.15663c22.91359,0 45.82719,0 68.7408,0c0.53035,-4.04942 1.06052,-8.09911 1.59097,-12.14844zm-50.72687,-39.64223c-9.07846,-15.78525 -18.39817,-31.69214 -24.71996,-48.79948c5.68369,-7.35728 7.33711,-15.55251 9.10273,-24.19695c15.95243,-3.13345 -2.03056,18.17914 13.0308,18.65942c13.36925,5.81685 7.50436,-28.2252 18.61179,-15.95465c-7.9733,13.46684 15.66168,26.8638 16.5291,7.59886c-1.14578,-14.54594 14.28561,-11.82063 8.26923,1.37553c0.49657,6.78834 11.54893,8.73447 11.73816,14.19425c-7.9566,17.25854 -14.87259,35.07664 -24.29411,51.59875c-2.12068,-6.39691 8.34081,-22.42969 11.68367,-31.84341c6.45049,-8.13736 11.99347,-30.06687 -4.82256,-27.07765c-9.75478,15.21495 -22.87704,-9.5907 -32.42833,4.99055c-8.10805,2.41856 -20.86024,-14.04196 -23.2123,1.78514c6.10664,18.79854 18.8132,34.81967 25.46149,53.42416c-2.25594,-1.33008 -3.54053,-3.66359 -4.94971,-5.75453zm-12.74261,-68.89435c-4.41462,-2.15457 1.86072,11.45412 -0.00009,0l0.00009,0zm26.38611,1.60738c-5.73064,-9.69846 -2.6572,11.76727 0,0zm25.57564,0c-5.73064,-9.69846 -2.65724,11.76727 0,0zm-119.06653,-71.66327c-10.12879,-10.27977 -21.32492,-19.92564 -30.13364,-31.25677c22.0061,18.21614 42.14793,38.73141 61.97966,59.29806c5.2662,7.2365 -9.18723,-6.75771 -11.87724,-9.10345c-6.7307,-6.23349 -13.37324,-12.56173 -19.96879,-18.93784zm156.40887,29.39093c17.12013,-21.33164 33.0936,-43.69485 51.55162,-63.89019c-3.09076,8.6951 -13.04016,19.09942 -19.29597,28.05458c-10.44716,12.99739 -20.21251,26.73974 -32.1591,38.39317c-1.49106,1.57605 -3.71758,-2.15694 -0.09639,-2.55756l-0.00015,0zm-37.0826,-20.23703c5.91515,-16.91904 14.49518,-33.02397 24.06741,-48.16613c-0.22247,8.40011 -10.37453,24.32112 -15.25424,34.73693c-2.76042,4.19142 -5.08876,10.87586 -8.81317,13.4292zm-75.7492,-21.69804c-4.12045,-6.01025 -16.5241,-20.00493 -14.20815,-21.91343c11.95872,13.25933 24.12167,26.94502 32.71223,42.62532c-7.31573,-5.61084 -12.5797,-13.71475 -18.50409,-20.71189zm47.35616,-4.73013c-0.83392,-5.64444 1.75482,-32.58975 3.19298,-14.29333c0.00511,11.46356 1.20168,24.36872 -1.98915,34.80271c-1.36639,-6.70823 -1.03488,-13.69191 -1.20383,-20.50938z",
-	"careful": "m1,1c2.24496,29.70385 10.76853,56.9168 23.28125,80.81181l23.28125,-36.31875l-6.72569,-2.48334l-9.3125,-3.31111l4.86319,-8.48472l17.07292,-30.21389l-52.46042,0zm71.49931,0l-16.86597,29.8l7.24306,2.58681l9.82986,3.51805l-5.5875,8.69167l-33.525,52.46041c24.12122,36.61169 59.3948,61.88649 99.85071,67.36043l0,107.09373l-66.22223,0l0,26.48889l165.55556,0l0,-26.48889l-66.22223,0l0,-107.09373c70.57336,-9.43671 125.94405,-78.40826 132.44444,-164.41737l-226.50069,0z",
-	"cart_2": "m0.99397,46.01759l0,36.55115l57.8652,0l28.28396,104.41602l159.23965,0l52.21094,-125.30758l-237.55595,0l0,-15.65959zm53.21769,184.47131c0,12.97459 -10.51804,23.49266 -23.49261,23.49266c-12.97436,0 -23.49244,-10.51807 -23.49244,-23.49266c0,-12.97456 10.51808,-23.49228 23.49244,-23.49228c12.97457,0 23.49261,10.51772 23.49261,23.49228zm148.8,0c0,12.97459 -10.51817,23.49266 -23.4928,23.49266c-12.97446,0 -23.49258,-10.51807 -23.49258,-23.49266c0,-12.97456 10.51813,-23.49228 23.49258,-23.49228c12.97462,0 23.4928,10.51772 23.4928,23.49228z",
-	"coat_hanger": "m24.72351,255.83636c-16.41191,-2.33228 -27.73119,-20.33411 -22.38228,-36.1741c3.30628,-15.35616 20.22842,-19.55692 31.44893,-27.66121c35.64961,-21.14748 71.50229,-41.94997 107.26245,-62.9095c1.87845,-10.22399 -5.70195,-16.59309 -13.7997,-21.39916c-16.20296,-12.86633 -15.31998,-38.50921 -1.59858,-52.83282c16.08138,-18.88601 49.91904,-12.94907 59.95362,9.38958c9.73412,9.92804 -0.18503,34.24562 -13.8385,22.54042c-1.42418,-13.2976 -12.78993,-28.89017 -27.7881,-20.44456c-15.64833,8.98737 -6.40202,29.9363 8.0513,34.15588c9.75604,6.53233 8.45554,18.64742 8.97318,28.8608c42.85536,25.5808 86.25137,50.28574 128.51941,76.82744c16.8277,13.06401 9.90717,44.50819 -11.28448,48.76941c-16.06598,2.31227 -32.54915,0.68361 -48.77617,1.31593c-68.2437,0.05267 -136.50528,0.51715 -204.74109,-0.43811zm248.30083,-21.61086c12.28671,-12.24121 -10.69217,-18.82494 -18.26138,-24.82121c-34.85875,-20.46407 -69.60597,-41.14412 -104.87569,-60.89026c-41.32713,23.46544 -82.56062,47.16515 -123.11867,71.93832c-8.58788,3.43668 -2.61073,17.17589 5.37386,15.06004c78.53457,-0.16875 157.07672,0.41405 235.60527,-0.42499c1.73874,-0.22235 3.69772,0.07922 5.27661,-0.86191z",
-	"document": "m58.5474,213.36578c-0.05885,-70.73299 -0.11767,-141.466 -0.17652,-212.19898c53.12881,0.81297 106.48294,-1.9259 159.43185,2.08758c25.82027,9.16723 22.09921,66.23434 21.6799,108.85904c-1.13266,32.14426 15.08594,95.86641 -27.03937,105.4444c-21.00172,0.00113 -21.08437,8.97424 -18.9407,25.20605c2.4877,24.31731 -4.73431,78.79115 -39.2352,44.26363l-95.71997,-73.66171zm162.59977,-23.1226c0.08537,-63.57991 -0.62674,-117.82272 -4.15146,-159.71279c-31.317,-14.24883 -73.63496,-7.31453 -109.06839,-7.53106c-13.9288,6.77649 33.0414,29.27771 43.00333,38.00857c37.81908,18.77271 49.10266,52.9127 42.57201,91.49594c0,15.00871 0,30.01746 0,45.02617c6.97418,-0.00844 21.40269,-3.46487 27.64452,-7.28687z",
-	"gift": "m160.05605,46.22016c5.12212,-9.27578 14.49356,-21.35899 -1.60765,-24.27403c-4.48517,-2.30248 -8.9718,-6.3767 -13.45119,-1.83809c-9.96648,3.93713 -18.60622,9.44305 -8.12337,19.74747c4.64861,6.65461 8.87668,21.1743 14.1424,22.77341c3.14276,-5.39672 6.08684,-10.9068 9.03981,-16.40877zm-22.01753,25.61161c-9.14935,-16.32981 -16.51206,-33.84869 -27.71044,-48.91321c-13.62003,-14.54198 -40.45641,-8.05964 -46.55505,10.6975c-8.10131,18.54466 9.37865,40.68638 29.16686,38.36525c15.01618,0.2515 30.1178,0.92769 45.09863,-0.14954zm76.02873,0.55127c19.45964,-2.60851 30.65027,-27.10658 19.57069,-43.3727c-9.81836,-17.35883 -38.06532,-17.96398 -47.9265,-0.32358c-8.53876,14.26143 -15.94994,29.16402 -23.78549,43.81643c17.32285,0.99046 34.80862,0.75943 52.1413,-0.12016zm32.22711,20.88692c6.6339,-5.83724 32.32317,-12.71885 12.86739,-18.26252c-4.81963,-1.36767 -10.43866,-7.64191 -14.77026,-5.92492c-9.40594,11.6946 -23.86844,18.55521 -38.9686,17.83661c-2.95601,0.97167 -18.03316,-1.47781 -13.95946,1.30438c10.65262,6.07415 21.03697,12.6707 32.05554,18.0621c7.71764,-4.11029 15.20781,-8.63805 22.77539,-13.01566zm-151.5623,3.30481c5.67309,-3.30481 11.34617,-6.60963 17.01924,-9.91444c-17.34076,-0.86164 -37.18572,1.63783 -50.29088,-12.30952c-3.69488,-4.13725 -7.23799,-8.87396 -12.35892,-3.66532c-6.13381,4.22582 -25.00066,8.5563 -10.4742,13.71487c12.64928,7.47227 25.20959,15.12685 38.17151,22.0463c6.1765,-2.89648 11.99872,-6.5165 17.93326,-9.87188zm83.14041,36.87479c7.35168,-5.90694 25.15858,-11.53461 25.75348,-17.87329c-16.62141,-9.56481 -32.75868,-20.2142 -50.14796,-28.29874c-5.98431,-2.2704 -10.83618,1.22306 -15.65312,4.25735c-14.24385,8.47255 -28.83041,16.41927 -42.61077,25.63122c18.02219,11.14435 36.26101,21.95917 54.67725,32.43958c9.39328,-5.26857 18.66512,-10.75249 27.98112,-16.15611zm73.75499,18.43738c7.62694,-4.81227 15.25389,-9.62453 22.88087,-14.43683c-0.06244,-16.11785 0.19498,-32.24243 -0.24597,-48.35465c-15.39334,8.58929 -30.56776,17.60745 -45.48607,26.99785c-1.63162,16.62392 -0.80414,33.52276 -0.44952,50.23046c7.87193,-4.6378 15.55261,-9.59819 23.30069,-14.43683zm-178.87355,-10.1545c0.77462,-13.73913 2.44441,-29.40098 -14.12444,-33.4709c-10.46331,-4.88007 -24.96637,-17.38377 -33.02728,-17.25835c-0.25115,15.4809 -0.11823,30.96465 -0.14541,46.44691c15.45605,9.64543 30.63783,19.75522 46.42746,28.8476c1.53102,-7.98021 0.53017,-16.43968 0.86967,-24.56526zm110.68056,53.19621c9.14198,-5.77156 18.28395,-11.54312 27.42593,-17.31468c-0.04233,-16.63979 0.64572,-33.30351 -0.10625,-49.92543c-10.04709,2.88116 -21.5385,11.78691 -32.12366,17.31859c-7.92599,4.64276 -15.85202,9.28555 -23.77802,13.92833c0.1563,17.76723 -0.42728,35.56691 0.57802,53.30783c9.47523,-5.53633 18.69861,-11.49898 28.00397,-17.31464zm-38.32249,-9.33929c0,-8.88464 0,-17.76929 0,-26.6539c-18.35233,-10.72505 -36.64592,-21.55176 -55.0698,-32.1535c-1.01884,16.98993 -0.43661,34.04375 -0.59025,51.06303c18.34824,11.48767 36.50635,23.28906 55.08669,34.3983c0.72301,-8.85316 0.45901,-17.77696 0.57336,-26.65393zm106.97165,35.71599c7.47931,-4.98045 14.95862,-9.96091 22.43796,-14.94136c-0.31207,-15.79037 0.77045,-31.79442 -0.80399,-47.41055c-15.55414,8.87424 -30.56544,18.97736 -45.84236,28.4509c0.367,16.33781 -0.75356,32.86267 0.93411,49.06088c7.89078,-4.84329 15.54118,-10.07089 23.27428,-15.15987zm-179.49486,-8.85234c-0.06088,-8.2791 -0.12183,-16.55821 -0.18272,-24.8373c-15.452,-9.6673 -30.70933,-19.65799 -46.39347,-28.94519c-0.98154,15.8615 -0.42208,31.78482 -0.5697,47.67464c15.58812,10.31845 31.00088,20.91034 46.79801,30.90671c0.60526,-8.24165 0.30488,-16.53903 0.34788,-24.79886zm111.24078,54.40674c9.07924,-6.02985 18.15848,-12.05969 27.23772,-18.08952c-0.02109,-16.81348 0.32051,-33.6342 -0.13127,-50.44193c-18.48172,11.39566 -36.8398,23.00107 -55.0625,34.8063c-2.05943,16.23506 -0.72412,32.97392 -0.72713,49.38643c5.65578,3.44495 20.11658,-11.82266 28.68318,-15.66129zm-38.71758,-7.19754c-1.09789,-11.59346 4.72185,-27.9119 -10.01297,-32.40633c-14.85952,-9.4117 -29.65931,-18.92612 -44.71436,-28.02278c-2.19433,15.91664 0.10065,32.49809 -1.58499,48.60945c18.05386,13.0511 36.5795,25.52769 55.44263,37.37666c1.51289,-8.30347 0.57193,-17.09903 0.86969,-25.55701zm-63.13967,-3.06479c-21.97403,-14.66875 -43.94805,-29.33749 -65.92206,-44.00621c0.02491,-45.26978 -0.60055,-90.55044 0.20291,-135.81172c11.00354,-6.78941 22.71307,-12.35508 34.0373,-18.58421c-7.3143,-20.93821 3.23879,-46.38257 24.44761,-54.21996c17.77897,-7.29492 39.21008,-0.71179 50.54502,14.64528c8.23304,-4.22243 16.4661,-8.44486 24.69915,-12.66729c8.27725,4.26063 16.55455,8.52126 24.83179,12.78188c11.86055,-14.06895 32.18082,-22.09776 49.79013,-14.21312c21.13718,7.42951 32.65843,32.817 25.07826,53.72234c11.40756,6.44052 23.81024,11.47337 34.26968,19.33245c0.46368,45.00166 0.00415,90.00995 -0.0379,135.01437c-43.72298,28.93527 -86.73743,58.97507 -131.17026,86.81018c-12.92032,-0.00348 -24.07242,-14.03217 -36.06157,-19.72c-11.59096,-7.66315 -23.15266,-15.37048 -34.71011,-23.08398z",
-	"globe": "m33.11721,223.16701l233.44794,0.08913l-7.57544,11.19618l-218.20762,-0.26738l-7.66489,-11.01793zm1.60428,-148.93458l230.3285,-0.26738l6.68439,11.48557l-243.78651,0.08913l6.77362,-11.30732zm-22.73061,74.62911l275.61135,-0.26738l-0.35626,11.48558l-275.07684,-0.17825l-0.17825,-11.03995zm275.8395,1.06528c0,76.03723 -61.86858,137.89429 -137.92784,137.89429c-76.0264,0 -137.88345,-61.86824 -137.88345,-137.89429c0,-76.02642 61.86823,-137.88347 137.88345,-137.88347c76.05927,-0.01117 137.92784,61.85705 137.92784,137.88347zm-137.91701,-148.93459c-82.09525,0 -148.90104,66.8058 -148.90104,148.92339c0,82.12878 66.8058,148.93457 148.90104,148.93457c82.13995,0 148.93459,-66.80579 148.93459,-148.93457c0,-82.11759 -66.79463,-148.92339 -148.93459,-148.92339zm41.78581,148.93459c0,81.25211 -22.01353,137.89429 -41.78581,137.89429c-19.74991,0 -41.76309,-56.64218 -41.76309,-137.89429c0,-81.27448 22.00233,-137.88347 41.76309,-137.88347c19.76112,-0.01117 41.78581,56.60899 41.78581,137.88347zm-41.78581,-148.93459c-34.29579,0 -52.80304,76.73613 -52.80304,148.92339c0,72.2093 18.50725,148.93457 52.80304,148.93457c34.29614,0 52.83693,-76.73643 52.83693,-148.93457c-0.01118,-72.18726 -18.54079,-148.92339 -52.83693,-148.92339zm97.86217,148.93459c0,76.03723 -43.91597,137.89429 -97.86217,137.89429c-53.93499,0 -97.82862,-61.86824 -97.82862,-137.89429c0,-76.02642 43.89363,-137.88347 97.82862,-137.88347c53.9462,-0.01117 97.86217,61.85705 97.86217,137.88347zm-97.86217,-148.93459c-60.01537,0 -108.86856,66.8058 -108.86856,148.92339c0,82.12878 48.85319,148.93457 108.86856,148.93457c60.03773,0 108.88008,-66.80579 108.88008,-148.93457c0,-82.11759 -48.84235,-148.92339 -108.88008,-148.92339z",
-	"handle_care": "m163.84105,276.49316c0,-16.9874 0,-26.73244 0,-43.71985c0,-23.90417 32.58113,-58.75496 53.7084,-83.18626c5.78004,-5.69962 16.17278,-7.90976 21.66074,-2.49817c4.87456,4.80672 4.50662,16.61058 0.6333,22.48335c-7.09361,10.6588 -14.18712,21.31755 -21.28073,31.97632c-3.55533,6.07231 5.16899,10.98973 10.38702,4.49673c27.24385,-36.8876 34.70512,-44.36621 34.70512,-59.20624c0,-30.31093 0,-29.89459 0,-60.20548c0,-8.67812 6.34686,-16.98743 14.45584,-16.98743c7.71677,0 14.4277,7.99146 14.4277,15.52406c0,48.96381 0,67.40421 0,116.36799c0,15.08096 -47.62817,60.69775 -47.62817,81.9498c0,4.99628 0,9.99255 0,14.98889c-27.02963,0 -54.05942,0 -81.08914,0c0.00577,-7.32791 0.01431,-14.65582 0.02008,-21.9837zm-28.64365,0c0,-16.98746 0,-26.73244 0,-43.71985c0,-23.90422 -32.58104,-58.75496 -53.70833,-83.18626c-5.78003,-5.69962 -16.17277,-7.90976 -21.66072,-2.49817c-4.87465,4.80672 -4.50671,16.61058 -0.6334,22.48335c7.09362,10.6588 14.18714,21.31755 21.28075,31.97632c3.55531,6.07231 -5.16901,10.98973 -10.38705,4.49673c-27.24375,-36.8876 -34.70512,-44.36621 -34.70512,-59.20624c0,-30.31093 0,-29.89459 0,-60.20548c0,-8.67812 -6.34683,-16.98743 -14.45581,-16.98743c-7.71679,0 -14.42771,7.99146 -14.42771,15.52406c0,48.96381 0,67.40417 0,116.36799c0,15.08092 47.62818,60.69775 47.62818,81.9498c0,4.99628 0,9.99255 0,14.98889c27.02971,0 54.05941,0 81.08913,0c-0.00577,-7.32791 -0.01433,-14.65582 -0.02,-21.9837zm-42.88594,-214.71311l48.62654,36.4699l0,57.20769l-48.62654,-36.46989l0,-57.20769zm114.41537,0l-48.62654,36.4699l0,57.20769l48.62654,-36.46989l0,-57.20769zm-114.41537,-17.87738l57.20769,-42.90577l57.20769,42.90575l-57.20769,42.90577l-57.20769,-42.90574z",
-	"headphones": "m262.24301,276.32291c0,3.88873 -3.15054,7.03928 -7.03929,7.03928h-45.07771c-3.88873,0 -7.03928,-3.15054 -7.03928,-7.03928v-95.76917c0,-3.88843 3.15054,-7.03928 7.03928,-7.03928h45.07771c3.88875,0 7.03929,3.15085 7.03929,7.03928v95.76917zm-166.89014,0c0,3.88873 -3.15116,7.03928 -7.03929,7.03928h-45.07832c-3.88813,0 -7.03928,-3.15054 -7.03928,-7.03928v-95.76917c0,-3.88843 3.15115,-7.03928 7.03928,-7.03928h45.07832c3.88813,0 7.03929,3.15085 7.03929,7.03928v95.76917zm54.45998,-259.68797c-81.57039,0 -147.78664,65.61743 -148.80356,146.9389h25.82451c0.83739,-67.21309 55.56696,-121.44394 122.97905,-121.44394c67.41208,0 122.14168,54.23085 122.96928,121.44394h25.82391c-1.00656,-81.32147 -67.24229,-146.9389 -148.7932,-146.9389zm-148.59421,221.43015h25.35591v-74.64095h-25.35591v74.64095zm271.35417,-74.651v74.64127h26.29248v-74.64127h-26.29248z",
-	"hippie": "m126.57668,297.48117c-48.56062,-7.34268 -92.01251,-39.97321 -112.69057,-84.50511c-24.94552,-52.66977 -15.84542,-119.75688 23.8283,-162.85019c38.79855,-45.4432 106.09586,-61.79809 161.96931,-41.65034c58.35461,19.93039 100.52045,79.22475 99.29117,141.02438c1.2113,60.65196 -39.29578,118.84778 -96.0322,139.80408c-24.24886,9.49326 -50.68127,11.39462 -76.36598,8.17719zm8.7399,-92.17508c-0.08942,-7.31126 -0.17882,-14.62254 -0.26825,-21.93381c-20.52584,20.53458 -41.05166,41.06917 -61.57751,61.60378c17.64819,14.10371 39.22342,22.83827 61.57751,25.75548c0.29533,-21.80725 0.53749,-43.61626 0.26825,-65.42545zm48.5128,61.24323c14.52351,-4.28751 28.46933,-11.11562 40.24649,-20.66127c-9.32077,-13.4882 -22.68102,-24.26074 -33.95442,-36.33005c-8.88936,-8.88591 -17.77875,-17.77179 -26.66811,-26.6577c0,29.29706 0,58.59412 0,87.89117c6.88846,-0.91629 13.69307,-2.3291 20.37604,-4.24216zm-48.28273,-180.43147c0,-19.30317 0,-38.60634 0,-57.90951c-51.85052,5.59066 -97.82003,47.52976 -105.87597,99.4242c-5.92087,34.10992 2.2166,70.93011 24.35439,97.89821c27.17386,-27.16779 54.34772,-54.33559 81.52158,-81.50337c0,-19.30317 0,-38.60635 0,-57.90952zm116.00552,130.27736c29.94273,-44.68748 25.57903,-109.31516 -11.64191,-148.59046c-19.65836,-21.7875 -47.20416,-36.42821 -76.45694,-39.59642c0,38.6003 0,77.20061 0,115.80091c26.61343,26.23764 52.37032,53.38443 79.88922,78.67319c3.85712,4.56624 5.79269,-4.75352 8.20963,-6.28722z",
-	"house": "m21.15257,177.09065c0,-27.41002 0,-54.82008 0,-82.2301c-6.68203,1.86892 -13.14774,5.87402 -20.15257,5.63974c7.71781,-7.14793 21.82513,-9.41176 32.30949,-14.09891c45.79581,-16.133 91.60535,-32.4141 138.27387,-45.86145c13.50775,-0.66366 26.30505,7.15431 39.33269,10.42321c29.47861,10.57565 59.53784,19.97857 88.07501,32.90813c-6.51614,8.73929 -28.58875,5.06429 -25.73117,21.53019c-2.00067,45.62614 -0.83817,91.32375 -1.14786,136.98345c-18.99269,5.63184 -37.89932,11.84375 -56.94553,17.1149c-64.67134,-0.05981 -129.3426,-0.11945 -194.01394,-0.17902c0,-27.40996 0,-54.82036 0,-82.23004l0,-0.00011zm26.14161,31.25392c0,-16.12061 0,-32.24124 0,-48.36197c16.55636,0 33.11272,0 49.66908,0c0,32.24136 0,64.4827 0,96.724c38.34103,0 76.68204,0 115.02308,0c0,-54.026 0,-108.05197 0,-162.07799c-62.73987,0 -125.47972,0 -188.2196,0c0,54.02602 0,108.05199 0,162.07799c7.84248,0 15.68497,0 23.52745,0c0,-16.12067 0,-32.2413 0,-48.36203zm99.33812,-27.44867c0,-6.97108 0,-13.94214 0,-20.9133c13.07082,0 26.14162,0 39.21243,0c0,13.94221 0,27.88445 0,41.82658c-13.07082,0 -26.14162,0 -39.21243,0c0,-6.97108 0,-13.94214 0,-20.91328zm33.9841,1.30707c0,-5.66399 0,-11.32797 0,-16.99203c-9.58527,0 -19.17052,0 -28.75577,0c0,11.32805 0,22.65611 0,33.98409c9.58525,0 19.1705,0 28.75577,0c0,-5.66399 0,-11.32797 0,-16.99205zm-86.2673,28.75577c0,-15.24922 0,-30.4985 0,-45.7478c-14.8136,0 -29.62717,0 -44.44075,0c0.28782,29.49963 -0.86703,59.06848 1.39272,88.50464c7.32339,4.61035 18.6494,2.34561 27.75799,2.99103c5.09669,0 10.19335,0 15.29005,0c0,-15.24927 0,-30.49857 0,-45.74786zm150.9678,34.15282c7.18895,-2.37781 14.3779,-4.75565 21.56683,-7.13347c-0.32449,-45.85204 0.98636,-91.75861 -1.60782,-137.55795c-6.33264,-8.04385 -23.37172,10.13716 -33.97191,1.44468c-8.98801,-5.39767 -16.23575,-5.6667 -13.48424,6.8141c-0.6041,45.64783 -1.40456,91.35368 0.49997,136.97478c-2.32346,17.3029 19.61401,-1.57974 26.99716,-0.54214zm17.56241,-152.88132c5.81549,-2.74289 29.11139,-6.01917 13.28293,-11.03122c-31.02148,-13.18587 -62.53795,-25.50377 -94.87346,-35.06522c-13.26736,-1.87402 -25.71394,5.23786 -38.28336,8.42139c-7.2287,0.92986 -14.03493,6.61982 -2.78639,8.23806c33.43919,12.5762 66.81393,25.55496 101.06847,35.75281c7.2216,-1.29286 14.41238,-4.37938 21.59181,-6.31581zm-104.48328,-16.97943c-12.19943,-4.63456 -24.39883,-9.26913 -36.59824,-13.9037c-25.6514,8.95505 -51.55341,17.25012 -76.89988,27.03273c49.99152,1.67495 100.06706,0.58957 150.09639,0.77469c-12.19943,-4.6346 -24.39885,-9.26915 -36.59827,-13.90372z",
-	"keep_up": "m79,1l-21.3,35.5l-21.3,35.5l19.88,0l0,184.60001l45.44,0l0,-184.60001l19.88,0l-21.3,-35.5l-21.3,-35.5zm142.00002,0l-21.30002,35.5l-21.29999,35.5l19.88,0l0,184.60001l45.43999,0l0,-184.60001l19.88,0l-21.3,-35.5l-21.29999,-35.5zm-213.00002,269.80002l0,28.39999l284,0l0,-28.39999l-284,0z",
-	"new_born": "m137.15491,103.06109c-14.77614,-3.80736 -27.4188,-14.09921 -33.90258,-27.59863c-3.9915,-8.31045 -4.89106,-12.46352 -4.90182,-22.63058c-0.01103,-10.43683 0.90331,-14.55167 5.14873,-23.17045c6.5289,-13.25453 17.58841,-22.50933 32.02396,-26.7982c7.85696,-2.33434 19.44511,-2.4919 27.41292,-0.37272c10.68681,2.84234 20.56245,9.23503 27.27812,17.65763c11.44406,14.35284 14.51639,32.93808 8.33334,50.41059c-2.37558,6.7131 -5.38321,11.61306 -10.48294,17.07855c-7.51927,8.05854 -15.46124,12.82613 -25.72244,15.44125c-6.92987,1.76612 -18.2959,1.75824 -25.18729,-0.01743zm46.99359,76.71874c0,-11.66681 -0.15546,-21.21237 -0.34546,-21.21237c-0.55267,0 -23.15134,19.0079 -23.15134,19.47273c0,0.59862 22.40039,22.95203 23.00027,22.95203c0.2731,0 0.49652,-9.54558 0.49652,-21.21239zm-8.12837,89.58151c3.13896,-3.60342 5.94908,-9.57928 7.16283,-15.23215c0.75183,-3.5016 0.8862,-7.28795 0.60019,-16.91275l-0.36856,-12.40109l-33.73602,-33.39706c-29.396,-29.10065 -33.79212,-33.21501 -34.172,-31.98175c-0.2398,0.77843 -0.30579,13.66176 -0.14668,28.62961l0.28934,27.21429l28.53863,28.41072c15.69623,15.6259 28.73599,28.41826 28.97726,28.42744c0.24127,0.00919 1.52603,-1.23157 2.85503,-2.75726zm-21.12221,12.22665c0.5526,-0.21207 -6.52711,-7.73318 -19.03375,-20.22046c-15.75389,-15.72952 -20.00713,-19.64691 -20.36126,-18.75351c-0.82094,2.07094 -0.552,9.37703 0.49458,13.43619c3.03795,11.78281 12.81967,21.70416 24.49419,24.84378c3.43257,0.92316 12.65175,1.36725 14.40625,0.694zm-14.69553,16.96454c-19.19916,-3.63824 -34.22623,-17.37338 -40.35254,-36.88327l-1.52992,-4.87216l0,-51.56241c0,-48.09848 0.08022,-51.82547 1.1941,-55.47855c5.75462,-18.87271 18.67331,-31.86444 36.79293,-37.00092c7.28899,-2.06625 19.90268,-2.05429 27.24492,0.02586c17.6541,5.00159 31.24332,18.57871 36.39166,36.35935l1.50121,5.18457l0,50.90973l0,50.90971l-1.50121,5.18457c-2.97653,10.27997 -9.29736,19.97147 -17.27997,26.49481c-4.88281,3.99017 -14.22415,8.68716 -20.0538,10.08334c-6.28586,1.50537 -16.34073,1.79504 -22.40738,0.64539z",
-	"officer_2": "m144.87212,278.09424c0,-7.03476 0,-14.06952 0,-21.10431c34.12148,-0.13669 68.24295,-0.27335 102.36444,-0.41003c0,-6.63841 0,-13.27682 0,-19.91524c-26.94872,-0.26555 -53.89742,-0.53107 -80.84613,-0.79662c30.82893,-41.42374 61.65785,-82.8475 92.48683,-124.27124c13.28885,-1.73074 25.24835,9.13577 26.16702,22.30508c1.37796,55.08076 0.61356,110.19873 0.82785,165.29666c-46.99997,0 -94,0 -141.00003,0c0.00002,-7.03473 0,-14.06952 0.00002,-21.10431zm-0.19199,-87.83214c-0.06876,-13.74153 -0.13754,-27.48306 -0.20631,-41.22459c-14.64618,18.8075 -27.62093,39.06267 -43.91019,56.48129c-14.42976,9.56055 -27.65941,-6.01018 -38.58159,-13.69254c-15.26907,-12.11603 -30.9411,-23.83286 -45.24117,-37.08727c-8.74276,-13.13181 5.83314,-31.80238 20.70509,-26.84245c13.32168,6.5739 23.96796,17.78835 36.01906,26.44797c7.16664,7.87663 15.75377,12.89487 20.74445,-0.10861c10.61151,-12.96709 19.11472,-28.05023 32.18712,-38.75249c13.16731,-7.35264 29.1156,-2.93422 43.48628,-4.27982c21.93321,0.06611 43.87927,-0.19524 65.80286,0.42785c-29.83961,40.18141 -59.99303,80.13989 -90.45013,119.85524c-0.51442,-13.73006 -0.41658,-27.48491 -0.55545,-41.22459zm49.58183,-93.47518c-17.8813,-2.9394 -31.59131,-19.77306 -31.46613,-37.7664c-6.28482,-0.26553 -12.56969,-0.53107 -18.85452,-0.79661c5.37549,-6.77119 10.75095,-13.54238 16.12643,-20.31357c26.79919,0 53.59842,0 80.39761,0c-0.07553,16.83184 2.11966,36.40314 -12.31944,48.47567c-8.59595,8.79105 -21.9399,12.10719 -33.88396,10.40091zm-44.65282,-80.96436c-3.48923,-6.17941 -15.89734,-17.4112 -0.91945,-14.28427c30.58981,-0.43799 61.18378,-0.21775 91.77567,-0.27203c0,9.29378 0,18.58757 0,27.88137c-27.24594,0 -54.49188,0 -81.73782,0c-3.03946,-4.44169 -6.07892,-8.88338 -9.11839,-13.32506z",
-	"officer": "m127.65893,298.12302c-11.91827,-4.4541 -8.85096,-18.47458 -9.45842,-28.44775c-0.14007,-38.77051 -0.03694,-77.54163 -0.06789,-116.31239c21.30015,-0.31718 42.6003,-0.76093 63.90377,-0.70047c-0.02318,44.52536 0.58119,89.061 -0.14537,133.57832c-0.57059,11.93384 -13.89935,13.46393 -23.22325,12.30963c-10.33765,0.00372 -20.67488,-0.15573 -31.00884,-0.42734zm-30.7055,-116.03563c-6.74483,-0.72377 -12.32703,-17.61749 -4.40458,-17.57693c6.23801,-0.08125 12.47601,-0.16251 18.71403,-0.24377c1.007,8.20691 -1.59957,19.89343 -12.37878,18.21895l-1.93067,-0.39824l0,0zm99.85623,-0.00661c-6.98207,-0.87273 -10.75342,-15.40816 -5.67188,-17.55357c6.66685,-0.08684 13.33371,-0.17369 20.00055,-0.26053c1.00876,8.20958 -1.60458,19.90276 -12.38809,18.21675l-1.94055,-0.40263c0,0 -0.00003,0 -0.00003,0zm-107.61794,-56.49044c0.54922,-13.57674 -1.08583,-27.43726 1.69075,-40.79832c4.06557,-10.40357 13.92722,-19.77089 25.33163,-20.63995c23.60493,0.19927 47.27207,-1.00478 70.82676,0.54259c14.04367,3.09693 25.24931,16.9698 23.91605,31.57756c0.32544,21.70094 0.15948,43.40639 0.24002,65.10946c-7.41772,0.09508 -14.83545,0.19016 -22.25314,0.28525c0,-19.53377 0,-39.06755 0,-58.60133c-4.34856,-5.08821 -8.05232,1.74921 -6.5546,6.09985c-0.01697,13.17788 -0.03394,26.35577 -0.05093,39.53365c-21.48996,0 -42.97992,0 -64.46988,0c-0.17615,-15.26811 -0.35229,-30.53623 -0.52844,-45.80434c-4.21338,-4.81828 -7.17517,1.78474 -5.83627,5.79053c-0.07101,17.56546 -0.14203,35.13091 -0.21304,52.69639c-7.42339,0.09512 -14.84679,0.19028 -22.27019,0.28539c0.0571,-12.02556 0.11414,-24.05119 0.17128,-36.07671zm56.41985,-70.72921c-11.43472,-2.06434 -20.27027,-12.69278 -20.54277,-24.26873c16.53569,0 33.07137,0 49.60706,0c0.58516,15.06838 -14.48488,27.02206 -29.06429,24.26873zm-25.62941,-33.78068c2.8164,-2.81977 5.23412,-6.59949 9.76779,-5.28442c14.97531,0 29.95061,0 44.9259,0c-0.48174,3.25565 0.91423,8.389 -0.64331,10.56883c-19.77167,0 -39.54332,0 -59.31499,0c1.75487,-1.76147 3.50974,-3.52295 5.26459,-5.28442zm18.8918,-9.34585c-4.62387,-0.06122 -9.24773,-0.12243 -13.8716,-0.18365c0.48279,-3.24875 -0.91532,-8.37839 0.64332,-10.55128c16.34338,0 32.6868,0 49.0302,0c-0.48172,3.25588 0.91423,8.38858 -0.64331,10.56913c-11.722,-0.07703 -23.43608,0.45157 -35.1586,0.1658zm24.67688,286.6952c-6.54985,-2.25 -11.37944,-9.11417 -10.08943,-16.07803c-0.23178,-33.13365 0.30627,-66.28789 -0.62375,-99.40492c-7.52885,-8.41364 -5.32481,11.97667 -5.61325,16.63527c-0.40672,29.85049 0.65932,59.77377 -0.79054,89.57779c-1.03221,6.81601 -14.93086,10.39682 -2.36958,9.16388c6.49333,0.08212 12.9946,0.3678 19.48656,0.10602z",
-	"recycle_2": "m70.51852,115.61727c18.49814,35.46731 22.10944,46.23824 15.99329,47.70097c-11.94749,2.85741 -9.54662,19.19937 7.17589,48.84396c20.97182,37.17758 62.04919,60.008 100.6335,55.93118c14.9762,-1.5824 31.90746,-4.84808 37.62502,-7.25717c5.71753,-2.40912 2.20903,2.0788 -7.79668,9.97308c-50.05432,39.49167 -111.87362,36.74075 -161.19199,-7.17288c-19.66416,-17.50925 -46.71899,-68.66641 -46.71899,-88.33963c0,-5.57329 -4.46041,-10.97359 -9.91201,-12.0006c-8.91546,-1.67957 -7.71816,-6.10193 11.90882,-43.98632c12.00147,-23.16548 23.29887,-43.78072 25.10535,-45.81163c1.80651,-2.03091 14.03651,16.92264 27.17781,42.11903zm159.00744,68.37661c-18.49815,-35.4673 -22.10944,-46.23827 -15.99332,-47.70097c11.94749,-2.85736 9.54663,-19.19936 -7.17586,-48.84396c-20.97183,-37.17759 -62.04924,-60.00801 -100.63353,-55.9312c-14.9762,1.58238 -31.90743,4.84812 -37.62498,7.25722c-5.71756,2.40907 -2.20905,-2.07883 7.79666,-9.9731c50.05433,-39.49169 111.87363,-36.74079 161.192,7.1729c19.66417,17.50919 46.71898,68.66639 46.71898,88.33957c0,5.57333 4.46045,10.97359 9.91199,12.0006c8.9155,1.6796 7.71817,6.10193 -11.90878,43.98634c-12.00146,23.16545 -23.29889,43.7807 -25.10535,45.81163c-1.80652,2.03091 -14.03651,-16.92262 -27.17781,-42.11902z",
-	"shield_1": "m235.43118,0.99993c-25.8405,20.89055 -61.5569,21.09333 -87.59367,0.62283c-25.04173,19.6952 -59.05148,20.25899 -84.60652,1.69064l-45.9514,49.35802c28.26655,30.91131 28.10226,80.57548 -0.48303,111.27486c-3.79379,10.48137 -5.78214,9.97594 -6.19602,20.53111c-0.97335,25.41245 4.72666,49.11902 22.58091,66.97356c15.9491,15.9491 37.5927,22.71344 58.38308,20.29993c34.71738,1.92664 51.36115,18.07672 58.34494,27.73621c9.4303,-10.32108 24.09528,-26.91339 68.66653,-28.98181c26.60716,-4.12497 36.22241,-10.78885 48.70973,-23.10918c16.80759,-16.80759 22.6846,-38.091 22.18927,-61.73892c-0.20569,-9.81746 -1.32416,-13.23065 -6.84674,-25.76584c-28.71786,-30.84172 -28.73875,-80.82797 -0.07623,-111.70699l-47.12085,-47.18442z",
-	"smoking": "m1.00013,234.70761c0,-6.75858 0,-13.51718 0,-20.27576c85.15819,0 170.31638,0 255.47457,0c0,13.51718 0,27.03435 0,40.55151c-85.15819,0 -170.31638,0 -255.47457,0c0,-6.75858 0,-13.51717 0,-20.27576zm262.90899,-0.33792c0,-6.87125 0,-13.74248 0,-20.61369c4.50577,0 9.01147,0 13.51718,0c0,13.74245 0,27.48491 0,41.22737c-4.50571,0 -9.01141,0 -13.51718,0c0,-6.87125 0,-13.74246 0,-20.61368zm21.62747,0c0,-6.87125 0,-13.74248 0,-20.61369c4.50574,0 9.01147,0 13.51718,0c0,13.74245 0,27.48491 0,41.22737c-4.50571,0 -9.01144,0 -13.51718,0c0,-6.87125 0,-13.74246 0,-20.61368zm-21.62747,-38.40129c2.33044,-12.44823 -4.64667,-27.35672 -18.89619,-26.91631c-16.51076,-0.91339 -33.27669,-0.16469 -49.68698,-1.22891c-15.92004,-5.44565 -24.6412,-22.87308 -22.39098,-39.09009c-2.60393,-4.6821 -13.75305,-3.34301 -18.33653,-8.47466c-22.34129,-12.77989 -25.34413,-47.04951 -6.6355,-64.35941c6.55362,-6.74706 19.10332,-12.28213 27.40872,-10.56472c0,4.27357 0,8.54715 0,12.82071c-17.16693,0.19163 -30.20795,18.71787 -25.17886,34.95034c3.93155,16.28817 21.44681,21.17548 36.06943,21.4035c9.34369,7.54165 -5.73552,20.54516 2.38481,30.40595c5.4973,13.38734 21.79352,9.01994 33.15524,10.07909c16.32292,0.98282 36.22006,-2.88133 48.06549,11.43753c10.15674,11.08647 7.03754,26.81902 7.55853,40.56599c-4.50571,0 -9.01141,0 -13.51718,0c0,-3.67633 0,-7.35268 0,-11.02902zm21.44409,-5.02264c1.06424,-17.34164 -3.94,-36.41237 -18.82684,-46.85637c-14.2328,-10.82034 -32.68178,-7.49533 -49.35545,-8.05716c-10.44089,-9.26265 6.69904,-19.729 4.85689,-30.88184c1.16321,-14.61189 -8.86084,-28.86267 -23.32887,-32.0012c-8.26547,0.48857 -11.4507,-1.71243 -9.8101,-9.54141c-2.56769,-10.66179 12.99852,-3.08173 18.15088,-2.147c18.80948,6.74871 31.28568,27.05275 28.30017,46.93802c-0.48553,7.00495 -7.28169,16.99163 4.77028,14.2243c23.42943,-1.23563 45.83046,13.98601 54.11491,35.81352c6.09546,15.43478 4.5502,32.30844 4.8287,48.56076c-4.44968,0 -8.89935,0 -13.34903,0c-0.11716,-5.35051 -0.23438,-10.70122 -0.35153,-16.05162z",
-	"stairs": "m2.18934,245.58681c17.86729,-0.11601 35.73457,-0.23204 53.60186,-0.34804c0.11764,-18.34987 0.23526,-36.69974 0.35289,-55.04959c17.78193,0 35.56387,0 53.34581,0c0,-18.46245 0,-36.9249 0,-55.38734c18.2373,0 36.47458,0 54.71188,0c0,-18.01214 0,-36.02428 0,-54.03642c18.01213,0 36.02426,0 54.03641,0c0,-18.01213 0,-36.02428 0,-54.03642c26.79306,0 53.58612,0 80.37918,0c0,9.00607 0,18.01214 0,27.01821c-17.78702,0 -35.57397,0 -53.36099,0c0,18.23729 0,36.47458 0,54.71188c-18.01212,0 -36.02425,0 -54.03641,0c0,18.2373 0,36.47459 0,54.71188c-18.01215,0 -36.02426,0 -54.03641,0c0,18.23729 0,36.47459 0,54.71185c-18.2373,0 -36.47459,0 -54.71187,0c0,18.46246 0,36.9249 0,55.38733c-27.01822,0 -54.03642,0 -81.05463,0c1.20448,-8.94977 -2.05336,-19.04163 0.77228,-27.68333z",
-	"umbrella": "m138.31999,1l0,29.565c-75.13835,4.16908 -134.31995,48.17229 -134.31999,101.835c0,-9.67107 16.35202,-17.51999 36.5,-17.51999c20.14798,0 36.5,7.84892 36.5,17.51999c0,-9.67107 16.35202,-17.51999 36.5,-17.51999c9.59525,0 18.30284,1.83565 24.81999,4.745l0,144.17499c0,6.44742 -5.23262,11.68002 -11.67999,11.68002c-6.44734,0 -11.68,-5.2326 -11.68,-11.68002l0,-5.84l-23.36,0l0,5.84c0,19.34207 15.6979,35.04001 35.04,35.04001c19.34206,0 35.04001,-15.69794 35.04001,-35.04001l0,-144.17499c6.51714,-2.90935 15.22475,-4.745 24.81999,-4.745c20.14798,0 36.5,7.84892 36.5,17.51999c0,-9.67107 16.35202,-17.51999 36.5,-17.51999c20.14798,0 36.5,7.84892 36.5,17.51999c0,-53.66274 -59.18159,-97.66592 -134.31999,-101.835l0,-29.565l-23.36002,0z",
-	"yin_yang": "m152.3828,1.00127c40.96666,0 74.20116,33.2665 74.20116,74.23316c0,40.96668 -33.2345,74.20117 -74.20116,74.20117c-40.96668,0 -74.20118,33.26653 -74.20118,74.23318c0,40.96667 33.2345,74.20117 74.20118,74.20117c81.93332,0 148.43431,-66.50104 148.43431,-148.43436c0,-81.93333 -66.50099,-148.43433 -148.43431,-148.43433zm0,51.0353c-12.80867,0 -23.19788,10.38917 -23.19788,23.19786c0,12.80871 10.38918,23.19786 23.19788,23.19786c12.80869,0 23.19785,-10.38917 23.19785,-23.19786c0,-12.80869 -10.38916,-23.19786 -23.19785,-23.19786zm0,148.43436c12.80206,0 23.19785,10.39577 23.19785,23.19786c0,12.80206 -10.39578,23.19788 -23.19785,23.19788c-12.80208,0 -23.19788,-10.39581 -23.19788,-23.19788c0,-12.80206 10.3958,-23.19786 23.19788,-23.19786zm145.10503,-50.94075c0,81.87245 -66.37071,148.24319 -148.24321,148.24319c-81.87246,0 -148.24321,-66.37074 -148.24321,-148.24319c0,-81.87248 66.37075,-148.24324 148.24321,-148.24324c81.8725,0 148.24321,66.37076 148.24321,148.24324z"
-	}
-}
\ No newline at end of file
+{"data": {
+  "airplane": "m150.70285,1c-3.11894,0 -5.89383,1.28033 -8.23512,3.60274c-2.33931,2.3205 -4.27426,5.64559 -5.8844,9.79826c-3.21983,8.30419 -5.20047,19.96969 -6.28387,33.94021c-1.08127,13.94364 -1.26349,30.17972 -0.81427,47.56012c-38.52657,15.80524 -116.66563,48.43882 -122.94262,55.72521c-8.35709,9.701 -5.65693,20.81889 -2.28924,28.1994l128.45827,-26.14551c2.71532,34.07207 6.57611,67.81866 9.94048,94.2617c-12.56244,3.67662 -36.01244,10.93625 -40.85281,15.43805c-6.66802,6.2016 -6.66797,26.22952 -6.66797,26.22952l52.57557,-4.27612c1.23827,8.63303 2.01266,13.67035 2.01266,13.67035l0.07683,0.45456l0.41484,0l0.96791,0l0.41483,0l0.07683,-0.45456c0,0 0.77292,-5.03741 2.01265,-13.67035l52.59094,4.27612c0,0 0.00006,-20.02792 -6.66798,-26.22952c-4.84218,-4.50354 -28.3093,-11.77963 -40.86818,-15.45499c3.35742,-26.36189 7.2114,-59.97935 9.92513,-93.94165l126.95265,25.84239c3.36765,-7.38051 6.08325,-18.4984 -2.27386,-28.1994c-6.19934,-7.19621 -82.45026,-39.10397 -121.45232,-55.11919c0.466,-17.60567 0.29471,-34.06301 -0.79893,-48.16614l0,-0.03367c-1.08395,-13.95511 -3.0667,-25.60925 -6.28384,-33.90654c-1.60968,-4.15152 -3.52888,-7.47695 -5.86903,-9.79826c-2.34131,-2.32241 -5.11617,-3.60274 -8.23509,-3.60274z",
+  "arrows_recycle": "m184.80963,97.86072l-33.85641,-5.99613l12.47342,-6.51318c6.86035,-3.58231 13.08063,-7.05022 13.8228,-7.70647c1.84358,-1.63009 -21.11545,-37.10833 -23.99486,-37.07896c-1.26575,0.01435 -10.08571,13.75221 -19.59988,30.53185c-9.58302,16.90081 -19.12026,29.77207 -21.38301,28.85762c-26.78106,-10.82179 -48.63238,-21.77106 -48.63238,-24.36867c0,-1.7743 8.40277,-17.60187 18.67293,-35.17241l18.67294,-31.94638l50.91241,0l50.91241,0l13.28955,21.01844l13.28966,21.01844l13.86403,-7.11266c9.61084,-4.93073 13.27039,-5.63875 11.92874,-2.30832c-11.81259,29.32658 -29.43884,63.52189 -32.57199,63.19018c-2.16919,-0.22948 -19.17931,-3.11553 -37.80035,-6.41334zm-157.90158,130.83841c-12.88431,-22.18782 -24.43164,-42.96199 -25.66062,-46.16496c-1.26128,-3.28671 2.41348,-15.03122 8.43637,-26.96236l10.67094,-21.13916l-10.90837,-6.44379c-14.51679,-8.57526 -9.12079,-11.21638 29.38814,-14.38432l30.43462,-2.50365l11.93788,31.54266c6.56593,17.34845 12.77805,33.78311 13.80486,36.52168c1.07085,2.85602 -4.05412,0.95576 -12.01902,-4.45653l-13.88588,-9.43578l-9.69341,18.71187c-5.33128,10.2917 -9.769,19.85884 -9.86144,21.26031c-0.09266,1.40147 16.26999,3.00525 36.36115,3.56384l36.52929,1.01558l2.3839,26.7207c1.3112,14.69647 2.11298,26.91713 1.78191,27.15706c-0.33105,0.23969 -17.62818,1.53915 -38.43802,2.88736l-37.83614,2.4512l-23.42616,-40.34174zm144.19484,39.20346c-22.11887,-33.38463 -22.50333,-30.90141 10.37228,-66.98763l21.10391,-23.16492l-2.24142,16.92821l-2.24152,16.92822l23.64932,0c13.0071,0 23.64944,-1.04019 23.64944,-2.31137c0,-1.27139 -7.21684,-15.55066 -16.03735,-31.73212c-8.82051,-16.18146 -16.00386,-30.77765 -15.96307,-32.436c0.09158,-3.71849 46.32753,-34.42394 48.52559,-32.22591c0.87094,0.87095 9.45139,16.38289 19.06769,34.47134l17.48441,32.8876l-23.52576,37.94727c-12.93936,20.87074 -25.37122,39.98283 -27.62622,42.47105c-2.25526,2.48822 -14.86537,5.52936 -28.02258,6.75787c-25.11388,2.34528 -24.43022,1.7804 -28.11249,23.22583c-0.64439,3.75308 -8.1586,-4.76279 -20.08223,-22.75946z",
+  "beverage": "m55.65598,297.84982c-28.13961,-15.0867 0.71402,-44.87836 24.17752,-35.2438c17.46051,-0.03983 34.92112,-0.01355 52.38168,-0.02121c0,-34.34088 0,-68.68181 0,-103.02271c-43.73869,-52.76227 -87.47738,-105.52454 -131.21606,-158.28681c98.99732,-0.36748 197.99556,-0.36708 296.99286,0c-42.95236,53.02298 -85.90472,106.04595 -128.85707,159.06893c0,34.08022 0,68.1604 0,102.24059c25.78079,0.22986 51.60571,-0.625 77.34869,0.87012c20.26866,5.44482 12.15504,38.73355 -7.54306,35.2244c-61.09291,-0.21259 -122.20532,0.38715 -183.28456,-0.8295zm127.03334,-186.51904c19.68919,-7.503 16.9212,-39.96898 -4.19951,-43.27924c-31.86026,-8.77637 -38.74004,46.49459 -5.25272,45.19753c3.23363,0.02124 6.51921,-0.43665 9.45222,-1.91829z",
+  "bicycle": "m69.04492,242.61508c10.78542,-0.13551 -10.27161,-0.62888 -14.0067,-0.90082c-31.20993,-0.75682 -57.11145,-31.7867 -53.74048,-62.58058c0.6826,-30.81444 30.36186,-57.88344 61.25282,-54.78261c8.04092,-3.41573 19.45538,7.85678 24.44781,2.47261c12.82323,-22.6207 25.24759,-45.47771 38.58752,-67.7975c11.3629,-1.62186 24.90015,-2.8755 35.9539,0.19863c5.11031,8.04987 -4.18097,10.24141 -9.97878,8.99869c-6.4711,0 -12.9422,0 -19.41331,0c-4.68463,8.54676 -9.49177,17.02541 -14.27853,25.51514c27.18877,0 54.37757,0 81.56634,0c0.60545,-2.89218 7.47321,-9.12369 1.38461,-8.44633c-11.06171,-1.39418 -4.14218,-14.17861 4.04941,-10.54169c11.49847,0.42252 23.4034,-1.13349 34.55679,1.17167c5.95799,11.9574 -11.26917,9.39215 -18.65384,9.51889c-5.46606,-1.78406 -6.59882,3.68022 -8.76302,7.4192c-8.77467,8.98817 -3.32066,18.46121 2.57677,27.22322c2.16318,3.98602 3.70422,9.51816 8.96812,5.7937c10.73436,-2.35877 22.43681,-2.44432 33.11809,0.31375c22.31958,6.63104 40.2153,27.32498 41.71356,50.76672c1.35196,14.39882 -1.7262,29.2406 -10.68872,40.85638c-10.3952,14.88928 -27.26529,23.04211 -45.01289,24.69595m-13.91446,0.14534c-16.17995,-4.15208 -31.09747,-13.81174 -39.74602,-28.39511c-5.65977,-7.28935 -6.39555,-18.57542 -9.40382,-25.8875c-7.93416,-0.10381 -15.86833,-0.20763 -23.80251,-0.31143c-16.06972,-25.85139 -30.2338,-52.8877 -45.73496,-79.09947c-3.0216,8.9735 -20.19933,21.18202 -10.71458,29.44228c23.80356,19.97299 26.97348,58.9857 6.61392,82.50262c-9.33031,10.45926 -22.27345,17.66695 -35.57853,21.74126m1.02195,-14.22214c25.6753,-5.59119 42.08234,-35.19554 33.20155,-59.88542c-2.74454,-8.04132 -10.29613,-20.88658 -16.96593,-21.01822c-7.10979,12.27542 -13.50588,24.99036 -21.29804,36.85445c-17.11086,3.00977 -1.43426,-17.82442 2.18629,-24.90399c3.88173,-8.63774 17.97784,-22.6107 0.22043,-22.40381c-12.4663,-1.24055 -25.71457,-0.04088 -35.79932,8.23351c-21.64245,14.32193 -25.73868,47.07928 -9.34899,66.82591c11.09536,14.38573 30.25585,20.50179 47.804,16.29758zm179.64028,-0.00356c21.91476,-5.14897 37.68491,-27.67265 34.8483,-50.02701c-1.50024,-24.84305 -26.27582,-44.93475 -50.90707,-41.59564c-18.45729,-1.74684 -0.78658,15.19781 1.85167,23.43547c2.5099,8.7469 16.33638,19.49011 8.6171,28.02017c-17.31352,0.72531 -35.05154,-0.50934 -52.31752,1.23642c3.1011,22.89496 24.76817,41.83401 48.14848,40.08203c3.28111,-0.02676 6.57803,-0.30434 9.75905,-1.15144zm-70.7294,-51.16617c2.08536,-17.91364 12.23944,-34.20847 27.04826,-44.4043c0.87492,-4.39421 -8.09195,-24.63332 -11.37527,-10.5231c-10.13445,18.42084 -20.32248,36.81699 -30.14639,55.40483c4.70622,0.11383 9.98186,0.93559 14.4734,-0.47743zm52.9005,-0.88846c-5.84201,-10.98254 -11.81374,-21.89917 -17.91992,-32.73703c-12.24919,6.45949 -20.3076,20.12949 -22.21249,33.77383c13.37456,-0.2851 26.97348,0.69884 40.16722,-0.71251l-0.03476,-0.3243l0,0zm-57.29515,-39.61388c5.7617,-10.63408 11.63275,-21.21213 17.21649,-31.94065c-24.2798,-0.5443 -48.61469,-0.66353 -72.88629,0.11504c12.46696,21.42642 23.73018,43.6828 37.36159,64.35614c6.59126,-10.13849 12.18927,-21.81091 18.30821,-32.53052z",
+  "bulb": "m145.62592,297.06863c-17.67376,-4.68848 -27.91267,-23.96384 -26.70493,-41.44981c-0.45245,-22.83995 1.65483,-46.8734 -9.26703,-67.87447c-6.22532,-15.68024 -16.83022,-29.52451 -21.2558,-45.86502c-5.50718,-25.3512 1.29536,-54.08422 21.79177,-71.10346c23.11512,-19.80671 60.02821,-22.38829 85.47337,-5.55379c17.94666,12.36192 30.89558,32.75098 30.41452,55.00024c2.10583,16.62513 -4.45561,32.2625 -12.17442,46.55451c-5.53021,11.50751 -11.98869,22.76817 -17.00821,34.40399c-1.32327,23.85774 -0.56435,47.93431 -4.15358,71.58684c-5.97899,18.328 -28.51152,30.78922 -47.11569,24.30096zm46.67903,-42.65804c-10.48888,-5.65382 -25.56134,-1.97798 -37.75313,-3.19516c-9.95908,1.99197 -27.6553,-4.08569 -32.94975,5.03105c12.10807,4.73648 26.33759,1.18594 39.22778,1.96957c10.31409,-0.9906 22.18068,0.93939 31.4751,-3.80547zm-0.78554,-10.63885c1.54361,-14.36404 -21.1709,-7.03433 -30.39838,-9.17262c-12.21318,2.47205 -31.64935,-5.2915 -39.33047,5.74487c4.5516,11.09071 24.85052,3.29074 35.50985,5.75148c11.3671,-0.4028 23.15991,0.40741 34.21899,-2.32373zm0.14142,-25.16705c2.9986,-27.98152 20.10725,-51.27968 30.01392,-76.87566c8.14517,-30.64574 -7.9861,-65.65708 -37.19159,-78.52086c-29.06958,-14.40719 -67.79967,-3.52343 -84.22785,24.70715c-15.82867,23.31919 -12.80788,55.00346 2.66266,77.68118c11.03862,19.81914 19.84574,42.09169 18.41109,65.15663c22.91359,0 45.82719,0 68.7408,0c0.53035,-4.04942 1.06052,-8.09911 1.59097,-12.14844zm-50.72687,-39.64223c-9.07846,-15.78525 -18.39817,-31.69214 -24.71996,-48.79948c5.68369,-7.35728 7.33711,-15.55251 9.10273,-24.19695c15.95243,-3.13345 -2.03056,18.17914 13.0308,18.65942c13.36925,5.81685 7.50436,-28.2252 18.61179,-15.95465c-7.9733,13.46684 15.66168,26.8638 16.5291,7.59886c-1.14578,-14.54594 14.28561,-11.82063 8.26923,1.37553c0.49657,6.78834 11.54893,8.73447 11.73816,14.19425c-7.9566,17.25854 -14.87259,35.07664 -24.29411,51.59875c-2.12068,-6.39691 8.34081,-22.42969 11.68367,-31.84341c6.45049,-8.13736 11.99347,-30.06687 -4.82256,-27.07765c-9.75478,15.21495 -22.87704,-9.5907 -32.42833,4.99055c-8.10805,2.41856 -20.86024,-14.04196 -23.2123,1.78514c6.10664,18.79854 18.8132,34.81967 25.46149,53.42416c-2.25594,-1.33008 -3.54053,-3.66359 -4.94971,-5.75453zm-12.74261,-68.89435c-4.41462,-2.15457 1.86072,11.45412 -0.00009,0l0.00009,0zm26.38611,1.60738c-5.73064,-9.69846 -2.6572,11.76727 0,0zm25.57564,0c-5.73064,-9.69846 -2.65724,11.76727 0,0zm-119.06653,-71.66327c-10.12879,-10.27977 -21.32492,-19.92564 -30.13364,-31.25677c22.0061,18.21614 42.14793,38.73141 61.97966,59.29806c5.2662,7.2365 -9.18723,-6.75771 -11.87724,-9.10345c-6.7307,-6.23349 -13.37324,-12.56173 -19.96879,-18.93784zm156.40887,29.39093c17.12013,-21.33164 33.0936,-43.69485 51.55162,-63.89019c-3.09076,8.6951 -13.04016,19.09942 -19.29597,28.05458c-10.44716,12.99739 -20.21251,26.73974 -32.1591,38.39317c-1.49106,1.57605 -3.71758,-2.15694 -0.09639,-2.55756l-0.00015,0zm-37.0826,-20.23703c5.91515,-16.91904 14.49518,-33.02397 24.06741,-48.16613c-0.22247,8.40011 -10.37453,24.32112 -15.25424,34.73693c-2.76042,4.19142 -5.08876,10.87586 -8.81317,13.4292zm-75.7492,-21.69804c-4.12045,-6.01025 -16.5241,-20.00493 -14.20815,-21.91343c11.95872,13.25933 24.12167,26.94502 32.71223,42.62532c-7.31573,-5.61084 -12.5797,-13.71475 -18.50409,-20.71189zm47.35616,-4.73013c-0.83392,-5.64444 1.75482,-32.58975 3.19298,-14.29333c0.00511,11.46356 1.20168,24.36872 -1.98915,34.80271c-1.36639,-6.70823 -1.03488,-13.69191 -1.20383,-20.50938z",
+  "careful": "m1,1c2.24496,29.70385 10.76853,56.9168 23.28125,80.81181l23.28125,-36.31875l-6.72569,-2.48334l-9.3125,-3.31111l4.86319,-8.48472l17.07292,-30.21389l-52.46042,0zm71.49931,0l-16.86597,29.8l7.24306,2.58681l9.82986,3.51805l-5.5875,8.69167l-33.525,52.46041c24.12122,36.61169 59.3948,61.88649 99.85071,67.36043l0,107.09373l-66.22223,0l0,26.48889l165.55556,0l0,-26.48889l-66.22223,0l0,-107.09373c70.57336,-9.43671 125.94405,-78.40826 132.44444,-164.41737l-226.50069,0z",
+  "cart_2": "m0.99397,46.01759l0,36.55115l57.8652,0l28.28396,104.41602l159.23965,0l52.21094,-125.30758l-237.55595,0l0,-15.65959zm53.21769,184.47131c0,12.97459 -10.51804,23.49266 -23.49261,23.49266c-12.97436,0 -23.49244,-10.51807 -23.49244,-23.49266c0,-12.97456 10.51808,-23.49228 23.49244,-23.49228c12.97457,0 23.49261,10.51772 23.49261,23.49228zm148.8,0c0,12.97459 -10.51817,23.49266 -23.4928,23.49266c-12.97446,0 -23.49258,-10.51807 -23.49258,-23.49266c0,-12.97456 10.51813,-23.49228 23.49258,-23.49228c12.97462,0 23.4928,10.51772 23.4928,23.49228z",
+  "coat_hanger": "m24.72351,255.83636c-16.41191,-2.33228 -27.73119,-20.33411 -22.38228,-36.1741c3.30628,-15.35616 20.22842,-19.55692 31.44893,-27.66121c35.64961,-21.14748 71.50229,-41.94997 107.26245,-62.9095c1.87845,-10.22399 -5.70195,-16.59309 -13.7997,-21.39916c-16.20296,-12.86633 -15.31998,-38.50921 -1.59858,-52.83282c16.08138,-18.88601 49.91904,-12.94907 59.95362,9.38958c9.73412,9.92804 -0.18503,34.24562 -13.8385,22.54042c-1.42418,-13.2976 -12.78993,-28.89017 -27.7881,-20.44456c-15.64833,8.98737 -6.40202,29.9363 8.0513,34.15588c9.75604,6.53233 8.45554,18.64742 8.97318,28.8608c42.85536,25.5808 86.25137,50.28574 128.51941,76.82744c16.8277,13.06401 9.90717,44.50819 -11.28448,48.76941c-16.06598,2.31227 -32.54915,0.68361 -48.77617,1.31593c-68.2437,0.05267 -136.50528,0.51715 -204.74109,-0.43811zm248.30083,-21.61086c12.28671,-12.24121 -10.69217,-18.82494 -18.26138,-24.82121c-34.85875,-20.46407 -69.60597,-41.14412 -104.87569,-60.89026c-41.32713,23.46544 -82.56062,47.16515 -123.11867,71.93832c-8.58788,3.43668 -2.61073,17.17589 5.37386,15.06004c78.53457,-0.16875 157.07672,0.41405 235.60527,-0.42499c1.73874,-0.22235 3.69772,0.07922 5.27661,-0.86191z",
+  "document": "m58.5474,213.36578c-0.05885,-70.73299 -0.11767,-141.466 -0.17652,-212.19898c53.12881,0.81297 106.48294,-1.9259 159.43185,2.08758c25.82027,9.16723 22.09921,66.23434 21.6799,108.85904c-1.13266,32.14426 15.08594,95.86641 -27.03937,105.4444c-21.00172,0.00113 -21.08437,8.97424 -18.9407,25.20605c2.4877,24.31731 -4.73431,78.79115 -39.2352,44.26363l-95.71997,-73.66171zm162.59977,-23.1226c0.08537,-63.57991 -0.62674,-117.82272 -4.15146,-159.71279c-31.317,-14.24883 -73.63496,-7.31453 -109.06839,-7.53106c-13.9288,6.77649 33.0414,29.27771 43.00333,38.00857c37.81908,18.77271 49.10266,52.9127 42.57201,91.49594c0,15.00871 0,30.01746 0,45.02617c6.97418,-0.00844 21.40269,-3.46487 27.64452,-7.28687z",
+  "gift": "m160.05605,46.22016c5.12212,-9.27578 14.49356,-21.35899 -1.60765,-24.27403c-4.48517,-2.30248 -8.9718,-6.3767 -13.45119,-1.83809c-9.96648,3.93713 -18.60622,9.44305 -8.12337,19.74747c4.64861,6.65461 8.87668,21.1743 14.1424,22.77341c3.14276,-5.39672 6.08684,-10.9068 9.03981,-16.40877zm-22.01753,25.61161c-9.14935,-16.32981 -16.51206,-33.84869 -27.71044,-48.91321c-13.62003,-14.54198 -40.45641,-8.05964 -46.55505,10.6975c-8.10131,18.54466 9.37865,40.68638 29.16686,38.36525c15.01618,0.2515 30.1178,0.92769 45.09863,-0.14954zm76.02873,0.55127c19.45964,-2.60851 30.65027,-27.10658 19.57069,-43.3727c-9.81836,-17.35883 -38.06532,-17.96398 -47.9265,-0.32358c-8.53876,14.26143 -15.94994,29.16402 -23.78549,43.81643c17.32285,0.99046 34.80862,0.75943 52.1413,-0.12016zm32.22711,20.88692c6.6339,-5.83724 32.32317,-12.71885 12.86739,-18.26252c-4.81963,-1.36767 -10.43866,-7.64191 -14.77026,-5.92492c-9.40594,11.6946 -23.86844,18.55521 -38.9686,17.83661c-2.95601,0.97167 -18.03316,-1.47781 -13.95946,1.30438c10.65262,6.07415 21.03697,12.6707 32.05554,18.0621c7.71764,-4.11029 15.20781,-8.63805 22.77539,-13.01566zm-151.5623,3.30481c5.67309,-3.30481 11.34617,-6.60963 17.01924,-9.91444c-17.34076,-0.86164 -37.18572,1.63783 -50.29088,-12.30952c-3.69488,-4.13725 -7.23799,-8.87396 -12.35892,-3.66532c-6.13381,4.22582 -25.00066,8.5563 -10.4742,13.71487c12.64928,7.47227 25.20959,15.12685 38.17151,22.0463c6.1765,-2.89648 11.99872,-6.5165 17.93326,-9.87188zm83.14041,36.87479c7.35168,-5.90694 25.15858,-11.53461 25.75348,-17.87329c-16.62141,-9.56481 -32.75868,-20.2142 -50.14796,-28.29874c-5.98431,-2.2704 -10.83618,1.22306 -15.65312,4.25735c-14.24385,8.47255 -28.83041,16.41927 -42.61077,25.63122c18.02219,11.14435 36.26101,21.95917 54.67725,32.43958c9.39328,-5.26857 18.66512,-10.75249 27.98112,-16.15611zm73.75499,18.43738c7.62694,-4.81227 15.25389,-9.62453 22.88087,-14.43683c-0.06244,-16.11785 0.19498,-32.24243 -0.24597,-48.35465c-15.39334,8.58929 -30.56776,17.60745 -45.48607,26.99785c-1.63162,16.62392 -0.80414,33.52276 -0.44952,50.23046c7.87193,-4.6378 15.55261,-9.59819 23.30069,-14.43683zm-178.87355,-10.1545c0.77462,-13.73913 2.44441,-29.40098 -14.12444,-33.4709c-10.46331,-4.88007 -24.96637,-17.38377 -33.02728,-17.25835c-0.25115,15.4809 -0.11823,30.96465 -0.14541,46.44691c15.45605,9.64543 30.63783,19.75522 46.42746,28.8476c1.53102,-7.98021 0.53017,-16.43968 0.86967,-24.56526zm110.68056,53.19621c9.14198,-5.77156 18.28395,-11.54312 27.42593,-17.31468c-0.04233,-16.63979 0.64572,-33.30351 -0.10625,-49.92543c-10.04709,2.88116 -21.5385,11.78691 -32.12366,17.31859c-7.92599,4.64276 -15.85202,9.28555 -23.77802,13.92833c0.1563,17.76723 -0.42728,35.56691 0.57802,53.30783c9.47523,-5.53633 18.69861,-11.49898 28.00397,-17.31464zm-38.32249,-9.33929c0,-8.88464 0,-17.76929 0,-26.6539c-18.35233,-10.72505 -36.64592,-21.55176 -55.0698,-32.1535c-1.01884,16.98993 -0.43661,34.04375 -0.59025,51.06303c18.34824,11.48767 36.50635,23.28906 55.08669,34.3983c0.72301,-8.85316 0.45901,-17.77696 0.57336,-26.65393zm106.97165,35.71599c7.47931,-4.98045 14.95862,-9.96091 22.43796,-14.94136c-0.31207,-15.79037 0.77045,-31.79442 -0.80399,-47.41055c-15.55414,8.87424 -30.56544,18.97736 -45.84236,28.4509c0.367,16.33781 -0.75356,32.86267 0.93411,49.06088c7.89078,-4.84329 15.54118,-10.07089 23.27428,-15.15987zm-179.49486,-8.85234c-0.06088,-8.2791 -0.12183,-16.55821 -0.18272,-24.8373c-15.452,-9.6673 -30.70933,-19.65799 -46.39347,-28.94519c-0.98154,15.8615 -0.42208,31.78482 -0.5697,47.67464c15.58812,10.31845 31.00088,20.91034 46.79801,30.90671c0.60526,-8.24165 0.30488,-16.53903 0.34788,-24.79886zm111.24078,54.40674c9.07924,-6.02985 18.15848,-12.05969 27.23772,-18.08952c-0.02109,-16.81348 0.32051,-33.6342 -0.13127,-50.44193c-18.48172,11.39566 -36.8398,23.00107 -55.0625,34.8063c-2.05943,16.23506 -0.72412,32.97392 -0.72713,49.38643c5.65578,3.44495 20.11658,-11.82266 28.68318,-15.66129zm-38.71758,-7.19754c-1.09789,-11.59346 4.72185,-27.9119 -10.01297,-32.40633c-14.85952,-9.4117 -29.65931,-18.92612 -44.71436,-28.02278c-2.19433,15.91664 0.10065,32.49809 -1.58499,48.60945c18.05386,13.0511 36.5795,25.52769 55.44263,37.37666c1.51289,-8.30347 0.57193,-17.09903 0.86969,-25.55701zm-63.13967,-3.06479c-21.97403,-14.66875 -43.94805,-29.33749 -65.92206,-44.00621c0.02491,-45.26978 -0.60055,-90.55044 0.20291,-135.81172c11.00354,-6.78941 22.71307,-12.35508 34.0373,-18.58421c-7.3143,-20.93821 3.23879,-46.38257 24.44761,-54.21996c17.77897,-7.29492 39.21008,-0.71179 50.54502,14.64528c8.23304,-4.22243 16.4661,-8.44486 24.69915,-12.66729c8.27725,4.26063 16.55455,8.52126 24.83179,12.78188c11.86055,-14.06895 32.18082,-22.09776 49.79013,-14.21312c21.13718,7.42951 32.65843,32.817 25.07826,53.72234c11.40756,6.44052 23.81024,11.47337 34.26968,19.33245c0.46368,45.00166 0.00415,90.00995 -0.0379,135.01437c-43.72298,28.93527 -86.73743,58.97507 -131.17026,86.81018c-12.92032,-0.00348 -24.07242,-14.03217 -36.06157,-19.72c-11.59096,-7.66315 -23.15266,-15.37048 -34.71011,-23.08398z",
+  "globe": "m33.11721,223.16701l233.44794,0.08913l-7.57544,11.19618l-218.20762,-0.26738l-7.66489,-11.01793zm1.60428,-148.93458l230.3285,-0.26738l6.68439,11.48557l-243.78651,0.08913l6.77362,-11.30732zm-22.73061,74.62911l275.61135,-0.26738l-0.35626,11.48558l-275.07684,-0.17825l-0.17825,-11.03995zm275.8395,1.06528c0,76.03723 -61.86858,137.89429 -137.92784,137.89429c-76.0264,0 -137.88345,-61.86824 -137.88345,-137.89429c0,-76.02642 61.86823,-137.88347 137.88345,-137.88347c76.05927,-0.01117 137.92784,61.85705 137.92784,137.88347zm-137.91701,-148.93459c-82.09525,0 -148.90104,66.8058 -148.90104,148.92339c0,82.12878 66.8058,148.93457 148.90104,148.93457c82.13995,0 148.93459,-66.80579 148.93459,-148.93457c0,-82.11759 -66.79463,-148.92339 -148.93459,-148.92339zm41.78581,148.93459c0,81.25211 -22.01353,137.89429 -41.78581,137.89429c-19.74991,0 -41.76309,-56.64218 -41.76309,-137.89429c0,-81.27448 22.00233,-137.88347 41.76309,-137.88347c19.76112,-0.01117 41.78581,56.60899 41.78581,137.88347zm-41.78581,-148.93459c-34.29579,0 -52.80304,76.73613 -52.80304,148.92339c0,72.2093 18.50725,148.93457 52.80304,148.93457c34.29614,0 52.83693,-76.73643 52.83693,-148.93457c-0.01118,-72.18726 -18.54079,-148.92339 -52.83693,-148.92339zm97.86217,148.93459c0,76.03723 -43.91597,137.89429 -97.86217,137.89429c-53.93499,0 -97.82862,-61.86824 -97.82862,-137.89429c0,-76.02642 43.89363,-137.88347 97.82862,-137.88347c53.9462,-0.01117 97.86217,61.85705 97.86217,137.88347zm-97.86217,-148.93459c-60.01537,0 -108.86856,66.8058 -108.86856,148.92339c0,82.12878 48.85319,148.93457 108.86856,148.93457c60.03773,0 108.88008,-66.80579 108.88008,-148.93457c0,-82.11759 -48.84235,-148.92339 -108.88008,-148.92339z",
+  "handle_care": "m163.84105,276.49316c0,-16.9874 0,-26.73244 0,-43.71985c0,-23.90417 32.58113,-58.75496 53.7084,-83.18626c5.78004,-5.69962 16.17278,-7.90976 21.66074,-2.49817c4.87456,4.80672 4.50662,16.61058 0.6333,22.48335c-7.09361,10.6588 -14.18712,21.31755 -21.28073,31.97632c-3.55533,6.07231 5.16899,10.98973 10.38702,4.49673c27.24385,-36.8876 34.70512,-44.36621 34.70512,-59.20624c0,-30.31093 0,-29.89459 0,-60.20548c0,-8.67812 6.34686,-16.98743 14.45584,-16.98743c7.71677,0 14.4277,7.99146 14.4277,15.52406c0,48.96381 0,67.40421 0,116.36799c0,15.08096 -47.62817,60.69775 -47.62817,81.9498c0,4.99628 0,9.99255 0,14.98889c-27.02963,0 -54.05942,0 -81.08914,0c0.00577,-7.32791 0.01431,-14.65582 0.02008,-21.9837zm-28.64365,0c0,-16.98746 0,-26.73244 0,-43.71985c0,-23.90422 -32.58104,-58.75496 -53.70833,-83.18626c-5.78003,-5.69962 -16.17277,-7.90976 -21.66072,-2.49817c-4.87465,4.80672 -4.50671,16.61058 -0.6334,22.48335c7.09362,10.6588 14.18714,21.31755 21.28075,31.97632c3.55531,6.07231 -5.16901,10.98973 -10.38705,4.49673c-27.24375,-36.8876 -34.70512,-44.36621 -34.70512,-59.20624c0,-30.31093 0,-29.89459 0,-60.20548c0,-8.67812 -6.34683,-16.98743 -14.45581,-16.98743c-7.71679,0 -14.42771,7.99146 -14.42771,15.52406c0,48.96381 0,67.40417 0,116.36799c0,15.08092 47.62818,60.69775 47.62818,81.9498c0,4.99628 0,9.99255 0,14.98889c27.02971,0 54.05941,0 81.08913,0c-0.00577,-7.32791 -0.01433,-14.65582 -0.02,-21.9837zm-42.88594,-214.71311l48.62654,36.4699l0,57.20769l-48.62654,-36.46989l0,-57.20769zm114.41537,0l-48.62654,36.4699l0,57.20769l48.62654,-36.46989l0,-57.20769zm-114.41537,-17.87738l57.20769,-42.90577l57.20769,42.90575l-57.20769,42.90577l-57.20769,-42.90574z",
+  "headphones": "m262.24301,276.32291c0,3.88873 -3.15054,7.03928 -7.03929,7.03928h-45.07771c-3.88873,0 -7.03928,-3.15054 -7.03928,-7.03928v-95.76917c0,-3.88843 3.15054,-7.03928 7.03928,-7.03928h45.07771c3.88875,0 7.03929,3.15085 7.03929,7.03928v95.76917zm-166.89014,0c0,3.88873 -3.15116,7.03928 -7.03929,7.03928h-45.07832c-3.88813,0 -7.03928,-3.15054 -7.03928,-7.03928v-95.76917c0,-3.88843 3.15115,-7.03928 7.03928,-7.03928h45.07832c3.88813,0 7.03929,3.15085 7.03929,7.03928v95.76917zm54.45998,-259.68797c-81.57039,0 -147.78664,65.61743 -148.80356,146.9389h25.82451c0.83739,-67.21309 55.56696,-121.44394 122.97905,-121.44394c67.41208,0 122.14168,54.23085 122.96928,121.44394h25.82391c-1.00656,-81.32147 -67.24229,-146.9389 -148.7932,-146.9389zm-148.59421,221.43015h25.35591v-74.64095h-25.35591v74.64095zm271.35417,-74.651v74.64127h26.29248v-74.64127h-26.29248z",
+  "hippie": "m126.57668,297.48117c-48.56062,-7.34268 -92.01251,-39.97321 -112.69057,-84.50511c-24.94552,-52.66977 -15.84542,-119.75688 23.8283,-162.85019c38.79855,-45.4432 106.09586,-61.79809 161.96931,-41.65034c58.35461,19.93039 100.52045,79.22475 99.29117,141.02438c1.2113,60.65196 -39.29578,118.84778 -96.0322,139.80408c-24.24886,9.49326 -50.68127,11.39462 -76.36598,8.17719zm8.7399,-92.17508c-0.08942,-7.31126 -0.17882,-14.62254 -0.26825,-21.93381c-20.52584,20.53458 -41.05166,41.06917 -61.57751,61.60378c17.64819,14.10371 39.22342,22.83827 61.57751,25.75548c0.29533,-21.80725 0.53749,-43.61626 0.26825,-65.42545zm48.5128,61.24323c14.52351,-4.28751 28.46933,-11.11562 40.24649,-20.66127c-9.32077,-13.4882 -22.68102,-24.26074 -33.95442,-36.33005c-8.88936,-8.88591 -17.77875,-17.77179 -26.66811,-26.6577c0,29.29706 0,58.59412 0,87.89117c6.88846,-0.91629 13.69307,-2.3291 20.37604,-4.24216zm-48.28273,-180.43147c0,-19.30317 0,-38.60634 0,-57.90951c-51.85052,5.59066 -97.82003,47.52976 -105.87597,99.4242c-5.92087,34.10992 2.2166,70.93011 24.35439,97.89821c27.17386,-27.16779 54.34772,-54.33559 81.52158,-81.50337c0,-19.30317 0,-38.60635 0,-57.90952zm116.00552,130.27736c29.94273,-44.68748 25.57903,-109.31516 -11.64191,-148.59046c-19.65836,-21.7875 -47.20416,-36.42821 -76.45694,-39.59642c0,38.6003 0,77.20061 0,115.80091c26.61343,26.23764 52.37032,53.38443 79.88922,78.67319c3.85712,4.56624 5.79269,-4.75352 8.20963,-6.28722z",
+  "house": "m21.15257,177.09065c0,-27.41002 0,-54.82008 0,-82.2301c-6.68203,1.86892 -13.14774,5.87402 -20.15257,5.63974c7.71781,-7.14793 21.82513,-9.41176 32.30949,-14.09891c45.79581,-16.133 91.60535,-32.4141 138.27387,-45.86145c13.50775,-0.66366 26.30505,7.15431 39.33269,10.42321c29.47861,10.57565 59.53784,19.97857 88.07501,32.90813c-6.51614,8.73929 -28.58875,5.06429 -25.73117,21.53019c-2.00067,45.62614 -0.83817,91.32375 -1.14786,136.98345c-18.99269,5.63184 -37.89932,11.84375 -56.94553,17.1149c-64.67134,-0.05981 -129.3426,-0.11945 -194.01394,-0.17902c0,-27.40996 0,-54.82036 0,-82.23004l0,-0.00011zm26.14161,31.25392c0,-16.12061 0,-32.24124 0,-48.36197c16.55636,0 33.11272,0 49.66908,0c0,32.24136 0,64.4827 0,96.724c38.34103,0 76.68204,0 115.02308,0c0,-54.026 0,-108.05197 0,-162.07799c-62.73987,0 -125.47972,0 -188.2196,0c0,54.02602 0,108.05199 0,162.07799c7.84248,0 15.68497,0 23.52745,0c0,-16.12067 0,-32.2413 0,-48.36203zm99.33812,-27.44867c0,-6.97108 0,-13.94214 0,-20.9133c13.07082,0 26.14162,0 39.21243,0c0,13.94221 0,27.88445 0,41.82658c-13.07082,0 -26.14162,0 -39.21243,0c0,-6.97108 0,-13.94214 0,-20.91328zm33.9841,1.30707c0,-5.66399 0,-11.32797 0,-16.99203c-9.58527,0 -19.17052,0 -28.75577,0c0,11.32805 0,22.65611 0,33.98409c9.58525,0 19.1705,0 28.75577,0c0,-5.66399 0,-11.32797 0,-16.99205zm-86.2673,28.75577c0,-15.24922 0,-30.4985 0,-45.7478c-14.8136,0 -29.62717,0 -44.44075,0c0.28782,29.49963 -0.86703,59.06848 1.39272,88.50464c7.32339,4.61035 18.6494,2.34561 27.75799,2.99103c5.09669,0 10.19335,0 15.29005,0c0,-15.24927 0,-30.49857 0,-45.74786zm150.9678,34.15282c7.18895,-2.37781 14.3779,-4.75565 21.56683,-7.13347c-0.32449,-45.85204 0.98636,-91.75861 -1.60782,-137.55795c-6.33264,-8.04385 -23.37172,10.13716 -33.97191,1.44468c-8.98801,-5.39767 -16.23575,-5.6667 -13.48424,6.8141c-0.6041,45.64783 -1.40456,91.35368 0.49997,136.97478c-2.32346,17.3029 19.61401,-1.57974 26.99716,-0.54214zm17.56241,-152.88132c5.81549,-2.74289 29.11139,-6.01917 13.28293,-11.03122c-31.02148,-13.18587 -62.53795,-25.50377 -94.87346,-35.06522c-13.26736,-1.87402 -25.71394,5.23786 -38.28336,8.42139c-7.2287,0.92986 -14.03493,6.61982 -2.78639,8.23806c33.43919,12.5762 66.81393,25.55496 101.06847,35.75281c7.2216,-1.29286 14.41238,-4.37938 21.59181,-6.31581zm-104.48328,-16.97943c-12.19943,-4.63456 -24.39883,-9.26913 -36.59824,-13.9037c-25.6514,8.95505 -51.55341,17.25012 -76.89988,27.03273c49.99152,1.67495 100.06706,0.58957 150.09639,0.77469c-12.19943,-4.6346 -24.39885,-9.26915 -36.59827,-13.90372z",
+  "keep_up": "m79,1l-21.3,35.5l-21.3,35.5l19.88,0l0,184.60001l45.44,0l0,-184.60001l19.88,0l-21.3,-35.5l-21.3,-35.5zm142.00002,0l-21.30002,35.5l-21.29999,35.5l19.88,0l0,184.60001l45.43999,0l0,-184.60001l19.88,0l-21.3,-35.5l-21.29999,-35.5zm-213.00002,269.80002l0,28.39999l284,0l0,-28.39999l-284,0z",
+  "new_born": "m137.15491,103.06109c-14.77614,-3.80736 -27.4188,-14.09921 -33.90258,-27.59863c-3.9915,-8.31045 -4.89106,-12.46352 -4.90182,-22.63058c-0.01103,-10.43683 0.90331,-14.55167 5.14873,-23.17045c6.5289,-13.25453 17.58841,-22.50933 32.02396,-26.7982c7.85696,-2.33434 19.44511,-2.4919 27.41292,-0.37272c10.68681,2.84234 20.56245,9.23503 27.27812,17.65763c11.44406,14.35284 14.51639,32.93808 8.33334,50.41059c-2.37558,6.7131 -5.38321,11.61306 -10.48294,17.07855c-7.51927,8.05854 -15.46124,12.82613 -25.72244,15.44125c-6.92987,1.76612 -18.2959,1.75824 -25.18729,-0.01743zm46.99359,76.71874c0,-11.66681 -0.15546,-21.21237 -0.34546,-21.21237c-0.55267,0 -23.15134,19.0079 -23.15134,19.47273c0,0.59862 22.40039,22.95203 23.00027,22.95203c0.2731,0 0.49652,-9.54558 0.49652,-21.21239zm-8.12837,89.58151c3.13896,-3.60342 5.94908,-9.57928 7.16283,-15.23215c0.75183,-3.5016 0.8862,-7.28795 0.60019,-16.91275l-0.36856,-12.40109l-33.73602,-33.39706c-29.396,-29.10065 -33.79212,-33.21501 -34.172,-31.98175c-0.2398,0.77843 -0.30579,13.66176 -0.14668,28.62961l0.28934,27.21429l28.53863,28.41072c15.69623,15.6259 28.73599,28.41826 28.97726,28.42744c0.24127,0.00919 1.52603,-1.23157 2.85503,-2.75726zm-21.12221,12.22665c0.5526,-0.21207 -6.52711,-7.73318 -19.03375,-20.22046c-15.75389,-15.72952 -20.00713,-19.64691 -20.36126,-18.75351c-0.82094,2.07094 -0.552,9.37703 0.49458,13.43619c3.03795,11.78281 12.81967,21.70416 24.49419,24.84378c3.43257,0.92316 12.65175,1.36725 14.40625,0.694zm-14.69553,16.96454c-19.19916,-3.63824 -34.22623,-17.37338 -40.35254,-36.88327l-1.52992,-4.87216l0,-51.56241c0,-48.09848 0.08022,-51.82547 1.1941,-55.47855c5.75462,-18.87271 18.67331,-31.86444 36.79293,-37.00092c7.28899,-2.06625 19.90268,-2.05429 27.24492,0.02586c17.6541,5.00159 31.24332,18.57871 36.39166,36.35935l1.50121,5.18457l0,50.90973l0,50.90971l-1.50121,5.18457c-2.97653,10.27997 -9.29736,19.97147 -17.27997,26.49481c-4.88281,3.99017 -14.22415,8.68716 -20.0538,10.08334c-6.28586,1.50537 -16.34073,1.79504 -22.40738,0.64539z",
+  "officer_2": "m144.87212,278.09424c0,-7.03476 0,-14.06952 0,-21.10431c34.12148,-0.13669 68.24295,-0.27335 102.36444,-0.41003c0,-6.63841 0,-13.27682 0,-19.91524c-26.94872,-0.26555 -53.89742,-0.53107 -80.84613,-0.79662c30.82893,-41.42374 61.65785,-82.8475 92.48683,-124.27124c13.28885,-1.73074 25.24835,9.13577 26.16702,22.30508c1.37796,55.08076 0.61356,110.19873 0.82785,165.29666c-46.99997,0 -94,0 -141.00003,0c0.00002,-7.03473 0,-14.06952 0.00002,-21.10431zm-0.19199,-87.83214c-0.06876,-13.74153 -0.13754,-27.48306 -0.20631,-41.22459c-14.64618,18.8075 -27.62093,39.06267 -43.91019,56.48129c-14.42976,9.56055 -27.65941,-6.01018 -38.58159,-13.69254c-15.26907,-12.11603 -30.9411,-23.83286 -45.24117,-37.08727c-8.74276,-13.13181 5.83314,-31.80238 20.70509,-26.84245c13.32168,6.5739 23.96796,17.78835 36.01906,26.44797c7.16664,7.87663 15.75377,12.89487 20.74445,-0.10861c10.61151,-12.96709 19.11472,-28.05023 32.18712,-38.75249c13.16731,-7.35264 29.1156,-2.93422 43.48628,-4.27982c21.93321,0.06611 43.87927,-0.19524 65.80286,0.42785c-29.83961,40.18141 -59.99303,80.13989 -90.45013,119.85524c-0.51442,-13.73006 -0.41658,-27.48491 -0.55545,-41.22459zm49.58183,-93.47518c-17.8813,-2.9394 -31.59131,-19.77306 -31.46613,-37.7664c-6.28482,-0.26553 -12.56969,-0.53107 -18.85452,-0.79661c5.37549,-6.77119 10.75095,-13.54238 16.12643,-20.31357c26.79919,0 53.59842,0 80.39761,0c-0.07553,16.83184 2.11966,36.40314 -12.31944,48.47567c-8.59595,8.79105 -21.9399,12.10719 -33.88396,10.40091zm-44.65282,-80.96436c-3.48923,-6.17941 -15.89734,-17.4112 -0.91945,-14.28427c30.58981,-0.43799 61.18378,-0.21775 91.77567,-0.27203c0,9.29378 0,18.58757 0,27.88137c-27.24594,0 -54.49188,0 -81.73782,0c-3.03946,-4.44169 -6.07892,-8.88338 -9.11839,-13.32506z",
+  "officer": "m127.65893,298.12302c-11.91827,-4.4541 -8.85096,-18.47458 -9.45842,-28.44775c-0.14007,-38.77051 -0.03694,-77.54163 -0.06789,-116.31239c21.30015,-0.31718 42.6003,-0.76093 63.90377,-0.70047c-0.02318,44.52536 0.58119,89.061 -0.14537,133.57832c-0.57059,11.93384 -13.89935,13.46393 -23.22325,12.30963c-10.33765,0.00372 -20.67488,-0.15573 -31.00884,-0.42734zm-30.7055,-116.03563c-6.74483,-0.72377 -12.32703,-17.61749 -4.40458,-17.57693c6.23801,-0.08125 12.47601,-0.16251 18.71403,-0.24377c1.007,8.20691 -1.59957,19.89343 -12.37878,18.21895l-1.93067,-0.39824l0,0zm99.85623,-0.00661c-6.98207,-0.87273 -10.75342,-15.40816 -5.67188,-17.55357c6.66685,-0.08684 13.33371,-0.17369 20.00055,-0.26053c1.00876,8.20958 -1.60458,19.90276 -12.38809,18.21675l-1.94055,-0.40263c0,0 -0.00003,0 -0.00003,0zm-107.61794,-56.49044c0.54922,-13.57674 -1.08583,-27.43726 1.69075,-40.79832c4.06557,-10.40357 13.92722,-19.77089 25.33163,-20.63995c23.60493,0.19927 47.27207,-1.00478 70.82676,0.54259c14.04367,3.09693 25.24931,16.9698 23.91605,31.57756c0.32544,21.70094 0.15948,43.40639 0.24002,65.10946c-7.41772,0.09508 -14.83545,0.19016 -22.25314,0.28525c0,-19.53377 0,-39.06755 0,-58.60133c-4.34856,-5.08821 -8.05232,1.74921 -6.5546,6.09985c-0.01697,13.17788 -0.03394,26.35577 -0.05093,39.53365c-21.48996,0 -42.97992,0 -64.46988,0c-0.17615,-15.26811 -0.35229,-30.53623 -0.52844,-45.80434c-4.21338,-4.81828 -7.17517,1.78474 -5.83627,5.79053c-0.07101,17.56546 -0.14203,35.13091 -0.21304,52.69639c-7.42339,0.09512 -14.84679,0.19028 -22.27019,0.28539c0.0571,-12.02556 0.11414,-24.05119 0.17128,-36.07671zm56.41985,-70.72921c-11.43472,-2.06434 -20.27027,-12.69278 -20.54277,-24.26873c16.53569,0 33.07137,0 49.60706,0c0.58516,15.06838 -14.48488,27.02206 -29.06429,24.26873zm-25.62941,-33.78068c2.8164,-2.81977 5.23412,-6.59949 9.76779,-5.28442c14.97531,0 29.95061,0 44.9259,0c-0.48174,3.25565 0.91423,8.389 -0.64331,10.56883c-19.77167,0 -39.54332,0 -59.31499,0c1.75487,-1.76147 3.50974,-3.52295 5.26459,-5.28442zm18.8918,-9.34585c-4.62387,-0.06122 -9.24773,-0.12243 -13.8716,-0.18365c0.48279,-3.24875 -0.91532,-8.37839 0.64332,-10.55128c16.34338,0 32.6868,0 49.0302,0c-0.48172,3.25588 0.91423,8.38858 -0.64331,10.56913c-11.722,-0.07703 -23.43608,0.45157 -35.1586,0.1658zm24.67688,286.6952c-6.54985,-2.25 -11.37944,-9.11417 -10.08943,-16.07803c-0.23178,-33.13365 0.30627,-66.28789 -0.62375,-99.40492c-7.52885,-8.41364 -5.32481,11.97667 -5.61325,16.63527c-0.40672,29.85049 0.65932,59.77377 -0.79054,89.57779c-1.03221,6.81601 -14.93086,10.39682 -2.36958,9.16388c6.49333,0.08212 12.9946,0.3678 19.48656,0.10602z",
+  "recycle_2": "m70.51852,115.61727c18.49814,35.46731 22.10944,46.23824 15.99329,47.70097c-11.94749,2.85741 -9.54662,19.19937 7.17589,48.84396c20.97182,37.17758 62.04919,60.008 100.6335,55.93118c14.9762,-1.5824 31.90746,-4.84808 37.62502,-7.25717c5.71753,-2.40912 2.20903,2.0788 -7.79668,9.97308c-50.05432,39.49167 -111.87362,36.74075 -161.19199,-7.17288c-19.66416,-17.50925 -46.71899,-68.66641 -46.71899,-88.33963c0,-5.57329 -4.46041,-10.97359 -9.91201,-12.0006c-8.91546,-1.67957 -7.71816,-6.10193 11.90882,-43.98632c12.00147,-23.16548 23.29887,-43.78072 25.10535,-45.81163c1.80651,-2.03091 14.03651,16.92264 27.17781,42.11903zm159.00744,68.37661c-18.49815,-35.4673 -22.10944,-46.23827 -15.99332,-47.70097c11.94749,-2.85736 9.54663,-19.19936 -7.17586,-48.84396c-20.97183,-37.17759 -62.04924,-60.00801 -100.63353,-55.9312c-14.9762,1.58238 -31.90743,4.84812 -37.62498,7.25722c-5.71756,2.40907 -2.20905,-2.07883 7.79666,-9.9731c50.05433,-39.49169 111.87363,-36.74079 161.192,7.1729c19.66417,17.50919 46.71898,68.66639 46.71898,88.33957c0,5.57333 4.46045,10.97359 9.91199,12.0006c8.9155,1.6796 7.71817,6.10193 -11.90878,43.98634c-12.00146,23.16545 -23.29889,43.7807 -25.10535,45.81163c-1.80652,2.03091 -14.03651,-16.92262 -27.17781,-42.11902z",
+  "shield_1": "m235.43118,0.99993c-25.8405,20.89055 -61.5569,21.09333 -87.59367,0.62283c-25.04173,19.6952 -59.05148,20.25899 -84.60652,1.69064l-45.9514,49.35802c28.26655,30.91131 28.10226,80.57548 -0.48303,111.27486c-3.79379,10.48137 -5.78214,9.97594 -6.19602,20.53111c-0.97335,25.41245 4.72666,49.11902 22.58091,66.97356c15.9491,15.9491 37.5927,22.71344 58.38308,20.29993c34.71738,1.92664 51.36115,18.07672 58.34494,27.73621c9.4303,-10.32108 24.09528,-26.91339 68.66653,-28.98181c26.60716,-4.12497 36.22241,-10.78885 48.70973,-23.10918c16.80759,-16.80759 22.6846,-38.091 22.18927,-61.73892c-0.20569,-9.81746 -1.32416,-13.23065 -6.84674,-25.76584c-28.71786,-30.84172 -28.73875,-80.82797 -0.07623,-111.70699l-47.12085,-47.18442z",
+  "smoking": "m1.00013,234.70761c0,-6.75858 0,-13.51718 0,-20.27576c85.15819,0 170.31638,0 255.47457,0c0,13.51718 0,27.03435 0,40.55151c-85.15819,0 -170.31638,0 -255.47457,0c0,-6.75858 0,-13.51717 0,-20.27576zm262.90899,-0.33792c0,-6.87125 0,-13.74248 0,-20.61369c4.50577,0 9.01147,0 13.51718,0c0,13.74245 0,27.48491 0,41.22737c-4.50571,0 -9.01141,0 -13.51718,0c0,-6.87125 0,-13.74246 0,-20.61368zm21.62747,0c0,-6.87125 0,-13.74248 0,-20.61369c4.50574,0 9.01147,0 13.51718,0c0,13.74245 0,27.48491 0,41.22737c-4.50571,0 -9.01144,0 -13.51718,0c0,-6.87125 0,-13.74246 0,-20.61368zm-21.62747,-38.40129c2.33044,-12.44823 -4.64667,-27.35672 -18.89619,-26.91631c-16.51076,-0.91339 -33.27669,-0.16469 -49.68698,-1.22891c-15.92004,-5.44565 -24.6412,-22.87308 -22.39098,-39.09009c-2.60393,-4.6821 -13.75305,-3.34301 -18.33653,-8.47466c-22.34129,-12.77989 -25.34413,-47.04951 -6.6355,-64.35941c6.55362,-6.74706 19.10332,-12.28213 27.40872,-10.56472c0,4.27357 0,8.54715 0,12.82071c-17.16693,0.19163 -30.20795,18.71787 -25.17886,34.95034c3.93155,16.28817 21.44681,21.17548 36.06943,21.4035c9.34369,7.54165 -5.73552,20.54516 2.38481,30.40595c5.4973,13.38734 21.79352,9.01994 33.15524,10.07909c16.32292,0.98282 36.22006,-2.88133 48.06549,11.43753c10.15674,11.08647 7.03754,26.81902 7.55853,40.56599c-4.50571,0 -9.01141,0 -13.51718,0c0,-3.67633 0,-7.35268 0,-11.02902zm21.44409,-5.02264c1.06424,-17.34164 -3.94,-36.41237 -18.82684,-46.85637c-14.2328,-10.82034 -32.68178,-7.49533 -49.35545,-8.05716c-10.44089,-9.26265 6.69904,-19.729 4.85689,-30.88184c1.16321,-14.61189 -8.86084,-28.86267 -23.32887,-32.0012c-8.26547,0.48857 -11.4507,-1.71243 -9.8101,-9.54141c-2.56769,-10.66179 12.99852,-3.08173 18.15088,-2.147c18.80948,6.74871 31.28568,27.05275 28.30017,46.93802c-0.48553,7.00495 -7.28169,16.99163 4.77028,14.2243c23.42943,-1.23563 45.83046,13.98601 54.11491,35.81352c6.09546,15.43478 4.5502,32.30844 4.8287,48.56076c-4.44968,0 -8.89935,0 -13.34903,0c-0.11716,-5.35051 -0.23438,-10.70122 -0.35153,-16.05162z",
+  "stairs": "m2.18934,245.58681c17.86729,-0.11601 35.73457,-0.23204 53.60186,-0.34804c0.11764,-18.34987 0.23526,-36.69974 0.35289,-55.04959c17.78193,0 35.56387,0 53.34581,0c0,-18.46245 0,-36.9249 0,-55.38734c18.2373,0 36.47458,0 54.71188,0c0,-18.01214 0,-36.02428 0,-54.03642c18.01213,0 36.02426,0 54.03641,0c0,-18.01213 0,-36.02428 0,-54.03642c26.79306,0 53.58612,0 80.37918,0c0,9.00607 0,18.01214 0,27.01821c-17.78702,0 -35.57397,0 -53.36099,0c0,18.23729 0,36.47458 0,54.71188c-18.01212,0 -36.02425,0 -54.03641,0c0,18.2373 0,36.47459 0,54.71188c-18.01215,0 -36.02426,0 -54.03641,0c0,18.23729 0,36.47459 0,54.71185c-18.2373,0 -36.47459,0 -54.71187,0c0,18.46246 0,36.9249 0,55.38733c-27.01822,0 -54.03642,0 -81.05463,0c1.20448,-8.94977 -2.05336,-19.04163 0.77228,-27.68333z",
+  "umbrella": "m138.31999,1l0,29.565c-75.13835,4.16908 -134.31995,48.17229 -134.31999,101.835c0,-9.67107 16.35202,-17.51999 36.5,-17.51999c20.14798,0 36.5,7.84892 36.5,17.51999c0,-9.67107 16.35202,-17.51999 36.5,-17.51999c9.59525,0 18.30284,1.83565 24.81999,4.745l0,144.17499c0,6.44742 -5.23262,11.68002 -11.67999,11.68002c-6.44734,0 -11.68,-5.2326 -11.68,-11.68002l0,-5.84l-23.36,0l0,5.84c0,19.34207 15.6979,35.04001 35.04,35.04001c19.34206,0 35.04001,-15.69794 35.04001,-35.04001l0,-144.17499c6.51714,-2.90935 15.22475,-4.745 24.81999,-4.745c20.14798,0 36.5,7.84892 36.5,17.51999c0,-9.67107 16.35202,-17.51999 36.5,-17.51999c20.14798,0 36.5,7.84892 36.5,17.51999c0,-53.66274 -59.18159,-97.66592 -134.31999,-101.835l0,-29.565l-23.36002,0z",
+  "yin_yang": "m152.3828,1.00127c40.96666,0 74.20116,33.2665 74.20116,74.23316c0,40.96668 -33.2345,74.20117 -74.20116,74.20117c-40.96668,0 -74.20118,33.26653 -74.20118,74.23318c0,40.96667 33.2345,74.20117 74.20118,74.20117c81.93332,0 148.43431,-66.50104 148.43431,-148.43436c0,-81.93333 -66.50099,-148.43433 -148.43431,-148.43433zm0,51.0353c-12.80867,0 -23.19788,10.38917 -23.19788,23.19786c0,12.80871 10.38918,23.19786 23.19788,23.19786c12.80869,0 23.19785,-10.38917 23.19785,-23.19786c0,-12.80869 -10.38916,-23.19786 -23.19785,-23.19786zm0,148.43436c12.80206,0 23.19785,10.39577 23.19785,23.19786c0,12.80206 -10.39578,23.19788 -23.19785,23.19788c-12.80208,0 -23.19788,-10.39581 -23.19788,-23.19788c0,-12.80206 10.3958,-23.19786 23.19788,-23.19786zm145.10503,-50.94075c0,81.87245 -66.37071,148.24319 -148.24321,148.24319c-81.87246,0 -148.24321,-66.37074 -148.24321,-148.24319c0,-81.87248 66.37075,-148.24324 148.24321,-148.24324c81.8725,0 148.24321,66.37076 148.24321,148.24324z"
+  }
+}
diff --git a/editor/extensions/shapes.png b/editor/extensions/shapes.png
new file mode 100644
index 00000000..1c303048
Binary files /dev/null and b/editor/extensions/shapes.png differ
diff --git a/editor/extensions/star-icons.svg b/editor/extensions/star-icons.svg
index 33e80fe3..0f429f2d 100644
--- a/editor/extensions/star-icons.svg
+++ b/editor/extensions/star-icons.svg
@@ -1,14 +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>
\ No newline at end of file
+<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>
diff --git a/editor/extensions/star.png b/editor/extensions/star.png
new file mode 100644
index 00000000..321e3cee
Binary files /dev/null and b/editor/extensions/star.png differ
diff --git a/editor/extensions/webappfind-icon.svg b/editor/extensions/webappfind-icon.svg
index a64d461e..a73332e5 100644
--- a/editor/extensions/webappfind-icon.svg
+++ b/editor/extensions/webappfind-icon.svg
@@ -1,23 +1,23 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
-<!--
-Copied from /editor/images/svg_edit_icons.svg#save but with id renamed, first stop-color changed to red, and SVG namespaces moved to root
--->
-<g id="webappfind_save">
-	<svg viewBox="0 0 24 24">
-	 <defs>
-	  <linearGradient y2="0" x2="1" y1="0" x1="0" id="svg_41">
-	   <stop stop-opacity="1" stop-color="red" offset="0"/>
-	   <stop stop-opacity="1" stop-color="#d6d6d6" offset="1"/>
-	  </linearGradient>
-	  <linearGradient y2="0.875" x2="0.21484" y1="0.00391" x1="0.04297" id="svg_46">
-	   <stop stop-opacity="1" stop-color="#81bbf4" offset="0"/>
-	   <stop stop-opacity="1" stop-color="#376eb7" offset="1"/>
-	  </linearGradient>
-	 </defs>
-	   <path stroke="#202020" fill="#e0e0e0" id="svg_21" d="m1.51669,22.3458l21.13245,-0.10111l0,-6.06673l-2.62892,-9.80789l-16.27907,0.10111l-2.32558,9.20121l0.10111,6.67341z"/>
-	   <rect stroke="#efefef" fill="url(#svg_41)" id="svg_32" height="4.75108" width="19.21031" y="16.58227" x="2.42667"/>
-	   <path stroke="#ffffff" fill="#c0c0c0" id="svg_42" d="m4.55005,11.12235l0.70779,-2.83114l13.04348,0l0.70779,3.13448c-0.70779,2.52781 -4.04479,3.84227 -7.17897,3.84227c-2.72977,0 -6.37007,-1.41557 -7.28008,-4.1456z"/>
-	  <path stroke="#285582" fill="url(#svg_46)" id="svg_45" d="m7.14286,9.74903l5.21236,5.79151l5.50193,-5.88803l-2.50965,-0.09653l0,-2.79923c0,-2.3166 -2.3166,-5.59846 -6.56371,-5.59846c-4.05405,0 -6.27413,3.37838 -6.56371,6.75676c0.48263,-1.5444 2.7027,-4.53668 4.44015,-4.44015c2.12355,-0.09653 2.79923,1.64093 2.79923,3.37838l0.09653,2.79923l-2.41313,0.09653z"/>
-	</svg>
-</g>
-</svg>
\ No newline at end of file
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
+<!--
+Copied from /editor/images/svg_edit_icons.svg#save but with id renamed, first stop-color changed to red, and SVG namespaces moved to root
+-->
+<g id="webappfind_save">
+  <svg viewBox="0 0 24 24">
+   <defs>
+    <linearGradient y2="0" x2="1" y1="0" x1="0" id="svg_41">
+     <stop stop-opacity="1" stop-color="red" offset="0"/>
+     <stop stop-opacity="1" stop-color="#d6d6d6" offset="1"/>
+    </linearGradient>
+    <linearGradient y2="0.875" x2="0.21484" y1="0.00391" x1="0.04297" id="svg_46">
+     <stop stop-opacity="1" stop-color="#81bbf4" offset="0"/>
+     <stop stop-opacity="1" stop-color="#376eb7" offset="1"/>
+    </linearGradient>
+   </defs>
+     <path stroke="#202020" fill="#e0e0e0" id="svg_21" d="m1.51669,22.3458l21.13245,-0.10111l0,-6.06673l-2.62892,-9.80789l-16.27907,0.10111l-2.32558,9.20121l0.10111,6.67341z"/>
+     <rect stroke="#efefef" fill="url(#svg_41)" id="svg_32" height="4.75108" width="19.21031" y="16.58227" x="2.42667"/>
+     <path stroke="#ffffff" fill="#c0c0c0" id="svg_42" d="m4.55005,11.12235l0.70779,-2.83114l13.04348,0l0.70779,3.13448c-0.70779,2.52781 -4.04479,3.84227 -7.17897,3.84227c-2.72977,0 -6.37007,-1.41557 -7.28008,-4.1456z"/>
+    <path stroke="#285582" fill="url(#svg_46)" id="svg_45" d="m7.14286,9.74903l5.21236,5.79151l5.50193,-5.88803l-2.50965,-0.09653l0,-2.79923c0,-2.3166 -2.3166,-5.59846 -6.56371,-5.59846c-4.05405,0 -6.27413,3.37838 -6.56371,6.75676c0.48263,-1.5444 2.7027,-4.53668 4.44015,-4.44015c2.12355,-0.09653 2.79923,1.64093 2.79923,3.37838l0.09653,2.79923l-2.41313,0.09653z"/>
+  </svg>
+</g>
+</svg>
diff --git a/editor/extensions/webappfind.png b/editor/extensions/webappfind.png
new file mode 100644
index 00000000..f4b4417c
Binary files /dev/null and b/editor/extensions/webappfind.png differ
diff --git a/editor/external/babel-polyfill/polyfill.js b/editor/external/babel-polyfill/polyfill.js
new file mode 100644
index 00000000..0910ad25
--- /dev/null
+++ b/editor/external/babel-polyfill/polyfill.js
@@ -0,0 +1,7574 @@
+(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){
+(function (global){
+"use strict";
+
+_dereq_(327);
+
+_dereq_(328);
+
+_dereq_(2);
+
+if (global._babelPolyfill) {
+  throw new Error("only one instance of babel-polyfill is allowed");
+}
+global._babelPolyfill = true;
+
+var DEFINE_PROPERTY = "defineProperty";
+function define(O, key, value) {
+  O[key] || Object[DEFINE_PROPERTY](O, key, {
+    writable: true,
+    configurable: true,
+    value: value
+  });
+}
+
+define(String.prototype, "padLeft", "".padStart);
+define(String.prototype, "padRight", "".padEnd);
+
+"pop,reverse,shift,keys,values,entries,indexOf,every,some,forEach,map,filter,find,findIndex,includes,join,slice,concat,push,splice,unshift,sort,lastIndexOf,reduce,reduceRight,copyWithin,fill".split(",").forEach(function (key) {
+  [][key] && define(Array, key, Function.call.bind([][key]));
+});
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{"2":2,"327":327,"328":328}],2:[function(_dereq_,module,exports){
+_dereq_(130);
+module.exports = _dereq_(23).RegExp.escape;
+
+},{"130":130,"23":23}],3:[function(_dereq_,module,exports){
+module.exports = function (it) {
+  if (typeof it != 'function') throw TypeError(it + ' is not a function!');
+  return it;
+};
+
+},{}],4:[function(_dereq_,module,exports){
+var cof = _dereq_(18);
+module.exports = function (it, msg) {
+  if (typeof it != 'number' && cof(it) != 'Number') throw TypeError(msg);
+  return +it;
+};
+
+},{"18":18}],5:[function(_dereq_,module,exports){
+// 22.1.3.31 Array.prototype[@@unscopables]
+var UNSCOPABLES = _dereq_(128)('unscopables');
+var ArrayProto = Array.prototype;
+if (ArrayProto[UNSCOPABLES] == undefined) _dereq_(42)(ArrayProto, UNSCOPABLES, {});
+module.exports = function (key) {
+  ArrayProto[UNSCOPABLES][key] = true;
+};
+
+},{"128":128,"42":42}],6:[function(_dereq_,module,exports){
+module.exports = function (it, Constructor, name, forbiddenField) {
+  if (!(it instanceof Constructor) || (forbiddenField !== undefined && forbiddenField in it)) {
+    throw TypeError(name + ': incorrect invocation!');
+  } return it;
+};
+
+},{}],7:[function(_dereq_,module,exports){
+var isObject = _dereq_(51);
+module.exports = function (it) {
+  if (!isObject(it)) throw TypeError(it + ' is not an object!');
+  return it;
+};
+
+},{"51":51}],8:[function(_dereq_,module,exports){
+// 22.1.3.3 Array.prototype.copyWithin(target, start, end = this.length)
+'use strict';
+var toObject = _dereq_(119);
+var toAbsoluteIndex = _dereq_(114);
+var toLength = _dereq_(118);
+
+module.exports = [].copyWithin || function copyWithin(target /* = 0 */, start /* = 0, end = @length */) {
+  var O = toObject(this);
+  var len = toLength(O.length);
+  var to = toAbsoluteIndex(target, len);
+  var from = toAbsoluteIndex(start, len);
+  var end = arguments.length > 2 ? arguments[2] : undefined;
+  var count = Math.min((end === undefined ? len : toAbsoluteIndex(end, len)) - from, len - to);
+  var inc = 1;
+  if (from < to && to < from + count) {
+    inc = -1;
+    from += count - 1;
+    to += count - 1;
+  }
+  while (count-- > 0) {
+    if (from in O) O[to] = O[from];
+    else delete O[to];
+    to += inc;
+    from += inc;
+  } return O;
+};
+
+},{"114":114,"118":118,"119":119}],9:[function(_dereq_,module,exports){
+// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)
+'use strict';
+var toObject = _dereq_(119);
+var toAbsoluteIndex = _dereq_(114);
+var toLength = _dereq_(118);
+module.exports = function fill(value /* , start = 0, end = @length */) {
+  var O = toObject(this);
+  var length = toLength(O.length);
+  var aLen = arguments.length;
+  var index = toAbsoluteIndex(aLen > 1 ? arguments[1] : undefined, length);
+  var end = aLen > 2 ? arguments[2] : undefined;
+  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);
+  while (endPos > index) O[index++] = value;
+  return O;
+};
+
+},{"114":114,"118":118,"119":119}],10:[function(_dereq_,module,exports){
+var forOf = _dereq_(39);
+
+module.exports = function (iter, ITERATOR) {
+  var result = [];
+  forOf(iter, false, result.push, result, ITERATOR);
+  return result;
+};
+
+},{"39":39}],11:[function(_dereq_,module,exports){
+// false -> Array#indexOf
+// true  -> Array#includes
+var toIObject = _dereq_(117);
+var toLength = _dereq_(118);
+var toAbsoluteIndex = _dereq_(114);
+module.exports = function (IS_INCLUDES) {
+  return function ($this, el, fromIndex) {
+    var O = toIObject($this);
+    var length = toLength(O.length);
+    var index = toAbsoluteIndex(fromIndex, length);
+    var value;
+    // Array#includes uses SameValueZero equality algorithm
+    // eslint-disable-next-line no-self-compare
+    if (IS_INCLUDES && el != el) while (length > index) {
+      value = O[index++];
+      // eslint-disable-next-line no-self-compare
+      if (value != value) return true;
+    // Array#indexOf ignores holes, Array#includes - not
+    } else for (;length > index; index++) if (IS_INCLUDES || index in O) {
+      if (O[index] === el) return IS_INCLUDES || index || 0;
+    } return !IS_INCLUDES && -1;
+  };
+};
+
+},{"114":114,"117":117,"118":118}],12:[function(_dereq_,module,exports){
+// 0 -> Array#forEach
+// 1 -> Array#map
+// 2 -> Array#filter
+// 3 -> Array#some
+// 4 -> Array#every
+// 5 -> Array#find
+// 6 -> Array#findIndex
+var ctx = _dereq_(25);
+var IObject = _dereq_(47);
+var toObject = _dereq_(119);
+var toLength = _dereq_(118);
+var asc = _dereq_(15);
+module.exports = function (TYPE, $create) {
+  var IS_MAP = TYPE == 1;
+  var IS_FILTER = TYPE == 2;
+  var IS_SOME = TYPE == 3;
+  var IS_EVERY = TYPE == 4;
+  var IS_FIND_INDEX = TYPE == 6;
+  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
+  var create = $create || asc;
+  return function ($this, callbackfn, that) {
+    var O = toObject($this);
+    var self = IObject(O);
+    var f = ctx(callbackfn, that, 3);
+    var length = toLength(self.length);
+    var index = 0;
+    var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;
+    var val, res;
+    for (;length > index; index++) if (NO_HOLES || index in self) {
+      val = self[index];
+      res = f(val, index, O);
+      if (TYPE) {
+        if (IS_MAP) result[index] = res;   // map
+        else if (res) switch (TYPE) {
+          case 3: return true;             // some
+          case 5: return val;              // find
+          case 6: return index;            // findIndex
+          case 2: result.push(val);        // filter
+        } else if (IS_EVERY) return false; // every
+      }
+    }
+    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;
+  };
+};
+
+},{"118":118,"119":119,"15":15,"25":25,"47":47}],13:[function(_dereq_,module,exports){
+var aFunction = _dereq_(3);
+var toObject = _dereq_(119);
+var IObject = _dereq_(47);
+var toLength = _dereq_(118);
+
+module.exports = function (that, callbackfn, aLen, memo, isRight) {
+  aFunction(callbackfn);
+  var O = toObject(that);
+  var self = IObject(O);
+  var length = toLength(O.length);
+  var index = isRight ? length - 1 : 0;
+  var i = isRight ? -1 : 1;
+  if (aLen < 2) for (;;) {
+    if (index in self) {
+      memo = self[index];
+      index += i;
+      break;
+    }
+    index += i;
+    if (isRight ? index < 0 : length <= index) {
+      throw TypeError('Reduce of empty array with no initial value');
+    }
+  }
+  for (;isRight ? index >= 0 : length > index; index += i) if (index in self) {
+    memo = callbackfn(memo, self[index], index, O);
+  }
+  return memo;
+};
+
+},{"118":118,"119":119,"3":3,"47":47}],14:[function(_dereq_,module,exports){
+var isObject = _dereq_(51);
+var isArray = _dereq_(49);
+var SPECIES = _dereq_(128)('species');
+
+module.exports = function (original) {
+  var C;
+  if (isArray(original)) {
+    C = original.constructor;
+    // cross-realm fallback
+    if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;
+    if (isObject(C)) {
+      C = C[SPECIES];
+      if (C === null) C = undefined;
+    }
+  } return C === undefined ? Array : C;
+};
+
+},{"128":128,"49":49,"51":51}],15:[function(_dereq_,module,exports){
+// 9.4.2.3 ArraySpeciesCreate(originalArray, length)
+var speciesConstructor = _dereq_(14);
+
+module.exports = function (original, length) {
+  return new (speciesConstructor(original))(length);
+};
+
+},{"14":14}],16:[function(_dereq_,module,exports){
+'use strict';
+var aFunction = _dereq_(3);
+var isObject = _dereq_(51);
+var invoke = _dereq_(46);
+var arraySlice = [].slice;
+var factories = {};
+
+var construct = function (F, len, args) {
+  if (!(len in factories)) {
+    for (var n = [], i = 0; i < len; i++) n[i] = 'a[' + i + ']';
+    // eslint-disable-next-line no-new-func
+    factories[len] = Function('F,a', 'return new F(' + n.join(',') + ')');
+  } return factories[len](F, args);
+};
+
+module.exports = Function.bind || function bind(that /* , ...args */) {
+  var fn = aFunction(this);
+  var partArgs = arraySlice.call(arguments, 1);
+  var bound = function (/* args... */) {
+    var args = partArgs.concat(arraySlice.call(arguments));
+    return this instanceof bound ? construct(fn, args.length, args) : invoke(fn, args, that);
+  };
+  if (isObject(fn.prototype)) bound.prototype = fn.prototype;
+  return bound;
+};
+
+},{"3":3,"46":46,"51":51}],17:[function(_dereq_,module,exports){
+// getting tag from 19.1.3.6 Object.prototype.toString()
+var cof = _dereq_(18);
+var TAG = _dereq_(128)('toStringTag');
+// ES3 wrong here
+var ARG = cof(function () { return arguments; }()) == 'Arguments';
+
+// fallback for IE11 Script Access Denied error
+var tryGet = function (it, key) {
+  try {
+    return it[key];
+  } catch (e) { /* empty */ }
+};
+
+module.exports = function (it) {
+  var O, T, B;
+  return it === undefined ? 'Undefined' : it === null ? 'Null'
+    // @@toStringTag case
+    : typeof (T = tryGet(O = Object(it), TAG)) == 'string' ? T
+    // builtinTag case
+    : ARG ? cof(O)
+    // ES3 arguments fallback
+    : (B = cof(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : B;
+};
+
+},{"128":128,"18":18}],18:[function(_dereq_,module,exports){
+var toString = {}.toString;
+
+module.exports = function (it) {
+  return toString.call(it).slice(8, -1);
+};
+
+},{}],19:[function(_dereq_,module,exports){
+'use strict';
+var dP = _dereq_(72).f;
+var create = _dereq_(71);
+var redefineAll = _dereq_(93);
+var ctx = _dereq_(25);
+var anInstance = _dereq_(6);
+var forOf = _dereq_(39);
+var $iterDefine = _dereq_(55);
+var step = _dereq_(57);
+var setSpecies = _dereq_(100);
+var DESCRIPTORS = _dereq_(29);
+var fastKey = _dereq_(66).fastKey;
+var validate = _dereq_(125);
+var SIZE = DESCRIPTORS ? '_s' : 'size';
+
+var getEntry = function (that, key) {
+  // fast case
+  var index = fastKey(key);
+  var entry;
+  if (index !== 'F') return that._i[index];
+  // frozen object case
+  for (entry = that._f; entry; entry = entry.n) {
+    if (entry.k == key) return entry;
+  }
+};
+
+module.exports = {
+  getConstructor: function (wrapper, NAME, IS_MAP, ADDER) {
+    var C = wrapper(function (that, iterable) {
+      anInstance(that, C, NAME, '_i');
+      that._t = NAME;         // collection type
+      that._i = create(null); // index
+      that._f = undefined;    // first entry
+      that._l = undefined;    // last entry
+      that[SIZE] = 0;         // size
+      if (iterable != undefined) forOf(iterable, IS_MAP, that[ADDER], that);
+    });
+    redefineAll(C.prototype, {
+      // 23.1.3.1 Map.prototype.clear()
+      // 23.2.3.2 Set.prototype.clear()
+      clear: function clear() {
+        for (var that = validate(this, NAME), data = that._i, entry = that._f; entry; entry = entry.n) {
+          entry.r = true;
+          if (entry.p) entry.p = entry.p.n = undefined;
+          delete data[entry.i];
+        }
+        that._f = that._l = undefined;
+        that[SIZE] = 0;
+      },
+      // 23.1.3.3 Map.prototype.delete(key)
+      // 23.2.3.4 Set.prototype.delete(value)
+      'delete': function (key) {
+        var that = validate(this, NAME);
+        var entry = getEntry(that, key);
+        if (entry) {
+          var next = entry.n;
+          var prev = entry.p;
+          delete that._i[entry.i];
+          entry.r = true;
+          if (prev) prev.n = next;
+          if (next) next.p = prev;
+          if (that._f == entry) that._f = next;
+          if (that._l == entry) that._l = prev;
+          that[SIZE]--;
+        } return !!entry;
+      },
+      // 23.2.3.6 Set.prototype.forEach(callbackfn, thisArg = undefined)
+      // 23.1.3.5 Map.prototype.forEach(callbackfn, thisArg = undefined)
+      forEach: function forEach(callbackfn /* , that = undefined */) {
+        validate(this, NAME);
+        var f = ctx(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+        var entry;
+        while (entry = entry ? entry.n : this._f) {
+          f(entry.v, entry.k, this);
+          // revert to the last existing entry
+          while (entry && entry.r) entry = entry.p;
+        }
+      },
+      // 23.1.3.7 Map.prototype.has(key)
+      // 23.2.3.7 Set.prototype.has(value)
+      has: function has(key) {
+        return !!getEntry(validate(this, NAME), key);
+      }
+    });
+    if (DESCRIPTORS) dP(C.prototype, 'size', {
+      get: function () {
+        return validate(this, NAME)[SIZE];
+      }
+    });
+    return C;
+  },
+  def: function (that, key, value) {
+    var entry = getEntry(that, key);
+    var prev, index;
+    // change existing entry
+    if (entry) {
+      entry.v = value;
+    // create new entry
+    } else {
+      that._l = entry = {
+        i: index = fastKey(key, true), // <- index
+        k: key,                        // <- key
+        v: value,                      // <- value
+        p: prev = that._l,             // <- previous entry
+        n: undefined,                  // <- next entry
+        r: false                       // <- removed
+      };
+      if (!that._f) that._f = entry;
+      if (prev) prev.n = entry;
+      that[SIZE]++;
+      // add to index
+      if (index !== 'F') that._i[index] = entry;
+    } return that;
+  },
+  getEntry: getEntry,
+  setStrong: function (C, NAME, IS_MAP) {
+    // add .keys, .values, .entries, [@@iterator]
+    // 23.1.3.4, 23.1.3.8, 23.1.3.11, 23.1.3.12, 23.2.3.5, 23.2.3.8, 23.2.3.10, 23.2.3.11
+    $iterDefine(C, NAME, function (iterated, kind) {
+      this._t = validate(iterated, NAME); // target
+      this._k = kind;                     // kind
+      this._l = undefined;                // previous
+    }, function () {
+      var that = this;
+      var kind = that._k;
+      var entry = that._l;
+      // revert to the last existing entry
+      while (entry && entry.r) entry = entry.p;
+      // get next entry
+      if (!that._t || !(that._l = entry = entry ? entry.n : that._t._f)) {
+        // or finish the iteration
+        that._t = undefined;
+        return step(1);
+      }
+      // return step by kind
+      if (kind == 'keys') return step(0, entry.k);
+      if (kind == 'values') return step(0, entry.v);
+      return step(0, [entry.k, entry.v]);
+    }, IS_MAP ? 'entries' : 'values', !IS_MAP, true);
+
+    // add [@@species], 23.1.2.2, 23.2.2.2
+    setSpecies(NAME);
+  }
+};
+
+},{"100":100,"125":125,"25":25,"29":29,"39":39,"55":55,"57":57,"6":6,"66":66,"71":71,"72":72,"93":93}],20:[function(_dereq_,module,exports){
+// https://github.com/DavidBruant/Map-Set.prototype.toJSON
+var classof = _dereq_(17);
+var from = _dereq_(10);
+module.exports = function (NAME) {
+  return function toJSON() {
+    if (classof(this) != NAME) throw TypeError(NAME + "#toJSON isn't generic");
+    return from(this);
+  };
+};
+
+},{"10":10,"17":17}],21:[function(_dereq_,module,exports){
+'use strict';
+var redefineAll = _dereq_(93);
+var getWeak = _dereq_(66).getWeak;
+var anObject = _dereq_(7);
+var isObject = _dereq_(51);
+var anInstance = _dereq_(6);
+var forOf = _dereq_(39);
+var createArrayMethod = _dereq_(12);
+var $has = _dereq_(41);
+var validate = _dereq_(125);
+var arrayFind = createArrayMethod(5);
+var arrayFindIndex = createArrayMethod(6);
+var id = 0;
+
+// fallback for uncaught frozen keys
+var uncaughtFrozenStore = function (that) {
+  return that._l || (that._l = new UncaughtFrozenStore());
+};
+var UncaughtFrozenStore = function () {
+  this.a = [];
+};
+var findUncaughtFrozen = function (store, key) {
+  return arrayFind(store.a, function (it) {
+    return it[0] === key;
+  });
+};
+UncaughtFrozenStore.prototype = {
+  get: function (key) {
+    var entry = findUncaughtFrozen(this, key);
+    if (entry) return entry[1];
+  },
+  has: function (key) {
+    return !!findUncaughtFrozen(this, key);
+  },
+  set: function (key, value) {
+    var entry = findUncaughtFrozen(this, key);
+    if (entry) entry[1] = value;
+    else this.a.push([key, value]);
+  },
+  'delete': function (key) {
+    var index = arrayFindIndex(this.a, function (it) {
+      return it[0] === key;
+    });
+    if (~index) this.a.splice(index, 1);
+    return !!~index;
+  }
+};
+
+module.exports = {
+  getConstructor: function (wrapper, NAME, IS_MAP, ADDER) {
+    var C = wrapper(function (that, iterable) {
+      anInstance(that, C, NAME, '_i');
+      that._t = NAME;      // collection type
+      that._i = id++;      // collection id
+      that._l = undefined; // leak store for uncaught frozen objects
+      if (iterable != undefined) forOf(iterable, IS_MAP, that[ADDER], that);
+    });
+    redefineAll(C.prototype, {
+      // 23.3.3.2 WeakMap.prototype.delete(key)
+      // 23.4.3.3 WeakSet.prototype.delete(value)
+      'delete': function (key) {
+        if (!isObject(key)) return false;
+        var data = getWeak(key);
+        if (data === true) return uncaughtFrozenStore(validate(this, NAME))['delete'](key);
+        return data && $has(data, this._i) && delete data[this._i];
+      },
+      // 23.3.3.4 WeakMap.prototype.has(key)
+      // 23.4.3.4 WeakSet.prototype.has(value)
+      has: function has(key) {
+        if (!isObject(key)) return false;
+        var data = getWeak(key);
+        if (data === true) return uncaughtFrozenStore(validate(this, NAME)).has(key);
+        return data && $has(data, this._i);
+      }
+    });
+    return C;
+  },
+  def: function (that, key, value) {
+    var data = getWeak(anObject(key), true);
+    if (data === true) uncaughtFrozenStore(that).set(key, value);
+    else data[that._i] = value;
+    return that;
+  },
+  ufstore: uncaughtFrozenStore
+};
+
+},{"12":12,"125":125,"39":39,"41":41,"51":51,"6":6,"66":66,"7":7,"93":93}],22:[function(_dereq_,module,exports){
+'use strict';
+var global = _dereq_(40);
+var $export = _dereq_(33);
+var redefine = _dereq_(94);
+var redefineAll = _dereq_(93);
+var meta = _dereq_(66);
+var forOf = _dereq_(39);
+var anInstance = _dereq_(6);
+var isObject = _dereq_(51);
+var fails = _dereq_(35);
+var $iterDetect = _dereq_(56);
+var setToStringTag = _dereq_(101);
+var inheritIfRequired = _dereq_(45);
+
+module.exports = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
+  var Base = global[NAME];
+  var C = Base;
+  var ADDER = IS_MAP ? 'set' : 'add';
+  var proto = C && C.prototype;
+  var O = {};
+  var fixMethod = function (KEY) {
+    var fn = proto[KEY];
+    redefine(proto, KEY,
+      KEY == 'delete' ? function (a) {
+        return IS_WEAK && !isObject(a) ? false : fn.call(this, a === 0 ? 0 : a);
+      } : KEY == 'has' ? function has(a) {
+        return IS_WEAK && !isObject(a) ? false : fn.call(this, a === 0 ? 0 : a);
+      } : KEY == 'get' ? function get(a) {
+        return IS_WEAK && !isObject(a) ? undefined : fn.call(this, a === 0 ? 0 : a);
+      } : KEY == 'add' ? function add(a) { fn.call(this, a === 0 ? 0 : a); return this; }
+        : function set(a, b) { fn.call(this, a === 0 ? 0 : a, b); return this; }
+    );
+  };
+  if (typeof C != 'function' || !(IS_WEAK || proto.forEach && !fails(function () {
+    new C().entries().next();
+  }))) {
+    // create collection constructor
+    C = common.getConstructor(wrapper, NAME, IS_MAP, ADDER);
+    redefineAll(C.prototype, methods);
+    meta.NEED = true;
+  } else {
+    var instance = new C();
+    // early implementations not supports chaining
+    var HASNT_CHAINING = instance[ADDER](IS_WEAK ? {} : -0, 1) != instance;
+    // V8 ~  Chromium 40- weak-collections throws on primitives, but should return false
+    var THROWS_ON_PRIMITIVES = fails(function () { instance.has(1); });
+    // most early implementations doesn't supports iterables, most modern - not close it correctly
+    var ACCEPT_ITERABLES = $iterDetect(function (iter) { new C(iter); }); // eslint-disable-line no-new
+    // for early implementations -0 and +0 not the same
+    var BUGGY_ZERO = !IS_WEAK && fails(function () {
+      // V8 ~ Chromium 42- fails only with 5+ elements
+      var $instance = new C();
+      var index = 5;
+      while (index--) $instance[ADDER](index, index);
+      return !$instance.has(-0);
+    });
+    if (!ACCEPT_ITERABLES) {
+      C = wrapper(function (target, iterable) {
+        anInstance(target, C, NAME);
+        var that = inheritIfRequired(new Base(), target, C);
+        if (iterable != undefined) forOf(iterable, IS_MAP, that[ADDER], that);
+        return that;
+      });
+      C.prototype = proto;
+      proto.constructor = C;
+    }
+    if (THROWS_ON_PRIMITIVES || BUGGY_ZERO) {
+      fixMethod('delete');
+      fixMethod('has');
+      IS_MAP && fixMethod('get');
+    }
+    if (BUGGY_ZERO || HASNT_CHAINING) fixMethod(ADDER);
+    // weak collections should not contains .clear method
+    if (IS_WEAK && proto.clear) delete proto.clear;
+  }
+
+  setToStringTag(C, NAME);
+
+  O[NAME] = C;
+  $export($export.G + $export.W + $export.F * (C != Base), O);
+
+  if (!IS_WEAK) common.setStrong(C, NAME, IS_MAP);
+
+  return C;
+};
+
+},{"101":101,"33":33,"35":35,"39":39,"40":40,"45":45,"51":51,"56":56,"6":6,"66":66,"93":93,"94":94}],23:[function(_dereq_,module,exports){
+var core = module.exports = { version: '2.5.0' };
+if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
+
+},{}],24:[function(_dereq_,module,exports){
+'use strict';
+var $defineProperty = _dereq_(72);
+var createDesc = _dereq_(92);
+
+module.exports = function (object, index, value) {
+  if (index in object) $defineProperty.f(object, index, createDesc(0, value));
+  else object[index] = value;
+};
+
+},{"72":72,"92":92}],25:[function(_dereq_,module,exports){
+// optional / simple context binding
+var aFunction = _dereq_(3);
+module.exports = function (fn, that, length) {
+  aFunction(fn);
+  if (that === undefined) return fn;
+  switch (length) {
+    case 1: return function (a) {
+      return fn.call(that, a);
+    };
+    case 2: return function (a, b) {
+      return fn.call(that, a, b);
+    };
+    case 3: return function (a, b, c) {
+      return fn.call(that, a, b, c);
+    };
+  }
+  return function (/* ...args */) {
+    return fn.apply(that, arguments);
+  };
+};
+
+},{"3":3}],26:[function(_dereq_,module,exports){
+'use strict';
+// 20.3.4.36 / 15.9.5.43 Date.prototype.toISOString()
+var fails = _dereq_(35);
+var getTime = Date.prototype.getTime;
+var $toISOString = Date.prototype.toISOString;
+
+var lz = function (num) {
+  return num > 9 ? num : '0' + num;
+};
+
+// PhantomJS / old WebKit has a broken implementations
+module.exports = (fails(function () {
+  return $toISOString.call(new Date(-5e13 - 1)) != '0385-07-25T07:06:39.999Z';
+}) || !fails(function () {
+  $toISOString.call(new Date(NaN));
+})) ? function toISOString() {
+  if (!isFinite(getTime.call(this))) throw RangeError('Invalid time value');
+  var d = this;
+  var y = d.getUTCFullYear();
+  var m = d.getUTCMilliseconds();
+  var s = y < 0 ? '-' : y > 9999 ? '+' : '';
+  return s + ('00000' + Math.abs(y)).slice(s ? -6 : -4) +
+    '-' + lz(d.getUTCMonth() + 1) + '-' + lz(d.getUTCDate()) +
+    'T' + lz(d.getUTCHours()) + ':' + lz(d.getUTCMinutes()) +
+    ':' + lz(d.getUTCSeconds()) + '.' + (m > 99 ? m : '0' + lz(m)) + 'Z';
+} : $toISOString;
+
+},{"35":35}],27:[function(_dereq_,module,exports){
+'use strict';
+var anObject = _dereq_(7);
+var toPrimitive = _dereq_(120);
+var NUMBER = 'number';
+
+module.exports = function (hint) {
+  if (hint !== 'string' && hint !== NUMBER && hint !== 'default') throw TypeError('Incorrect hint');
+  return toPrimitive(anObject(this), hint != NUMBER);
+};
+
+},{"120":120,"7":7}],28:[function(_dereq_,module,exports){
+// 7.2.1 RequireObjectCoercible(argument)
+module.exports = function (it) {
+  if (it == undefined) throw TypeError("Can't call method on  " + it);
+  return it;
+};
+
+},{}],29:[function(_dereq_,module,exports){
+// Thank's IE8 for his funny defineProperty
+module.exports = !_dereq_(35)(function () {
+  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
+});
+
+},{"35":35}],30:[function(_dereq_,module,exports){
+var isObject = _dereq_(51);
+var document = _dereq_(40).document;
+// typeof document.createElement is 'object' in old IE
+var is = isObject(document) && isObject(document.createElement);
+module.exports = function (it) {
+  return is ? document.createElement(it) : {};
+};
+
+},{"40":40,"51":51}],31:[function(_dereq_,module,exports){
+// IE 8- don't enum bug keys
+module.exports = (
+  'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
+).split(',');
+
+},{}],32:[function(_dereq_,module,exports){
+// all enumerable object keys, includes symbols
+var getKeys = _dereq_(81);
+var gOPS = _dereq_(78);
+var pIE = _dereq_(82);
+module.exports = function (it) {
+  var result = getKeys(it);
+  var getSymbols = gOPS.f;
+  if (getSymbols) {
+    var symbols = getSymbols(it);
+    var isEnum = pIE.f;
+    var i = 0;
+    var key;
+    while (symbols.length > i) if (isEnum.call(it, key = symbols[i++])) result.push(key);
+  } return result;
+};
+
+},{"78":78,"81":81,"82":82}],33:[function(_dereq_,module,exports){
+var global = _dereq_(40);
+var core = _dereq_(23);
+var hide = _dereq_(42);
+var redefine = _dereq_(94);
+var ctx = _dereq_(25);
+var PROTOTYPE = 'prototype';
+
+var $export = function (type, name, source) {
+  var IS_FORCED = type & $export.F;
+  var IS_GLOBAL = type & $export.G;
+  var IS_STATIC = type & $export.S;
+  var IS_PROTO = type & $export.P;
+  var IS_BIND = type & $export.B;
+  var target = IS_GLOBAL ? global : IS_STATIC ? global[name] || (global[name] = {}) : (global[name] || {})[PROTOTYPE];
+  var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});
+  var expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {});
+  var key, own, out, exp;
+  if (IS_GLOBAL) source = name;
+  for (key in source) {
+    // contains in native
+    own = !IS_FORCED && target && target[key] !== undefined;
+    // export native or passed
+    out = (own ? target : source)[key];
+    // bind timers to global for call from export context
+    exp = IS_BIND && own ? ctx(out, global) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;
+    // extend global
+    if (target) redefine(target, key, out, type & $export.U);
+    // export
+    if (exports[key] != out) hide(exports, key, exp);
+    if (IS_PROTO && expProto[key] != out) expProto[key] = out;
+  }
+};
+global.core = core;
+// type bitmap
+$export.F = 1;   // forced
+$export.G = 2;   // global
+$export.S = 4;   // static
+$export.P = 8;   // proto
+$export.B = 16;  // bind
+$export.W = 32;  // wrap
+$export.U = 64;  // safe
+$export.R = 128; // real proto method for `library`
+module.exports = $export;
+
+},{"23":23,"25":25,"40":40,"42":42,"94":94}],34:[function(_dereq_,module,exports){
+var MATCH = _dereq_(128)('match');
+module.exports = function (KEY) {
+  var re = /./;
+  try {
+    '/./'[KEY](re);
+  } catch (e) {
+    try {
+      re[MATCH] = false;
+      return !'/./'[KEY](re);
+    } catch (f) { /* empty */ }
+  } return true;
+};
+
+},{"128":128}],35:[function(_dereq_,module,exports){
+module.exports = function (exec) {
+  try {
+    return !!exec();
+  } catch (e) {
+    return true;
+  }
+};
+
+},{}],36:[function(_dereq_,module,exports){
+'use strict';
+var hide = _dereq_(42);
+var redefine = _dereq_(94);
+var fails = _dereq_(35);
+var defined = _dereq_(28);
+var wks = _dereq_(128);
+
+module.exports = function (KEY, length, exec) {
+  var SYMBOL = wks(KEY);
+  var fns = exec(defined, SYMBOL, ''[KEY]);
+  var strfn = fns[0];
+  var rxfn = fns[1];
+  if (fails(function () {
+    var O = {};
+    O[SYMBOL] = function () { return 7; };
+    return ''[KEY](O) != 7;
+  })) {
+    redefine(String.prototype, KEY, strfn);
+    hide(RegExp.prototype, SYMBOL, length == 2
+      // 21.2.5.8 RegExp.prototype[@@replace](string, replaceValue)
+      // 21.2.5.11 RegExp.prototype[@@split](string, limit)
+      ? function (string, arg) { return rxfn.call(string, this, arg); }
+      // 21.2.5.6 RegExp.prototype[@@match](string)
+      // 21.2.5.9 RegExp.prototype[@@search](string)
+      : function (string) { return rxfn.call(string, this); }
+    );
+  }
+};
+
+},{"128":128,"28":28,"35":35,"42":42,"94":94}],37:[function(_dereq_,module,exports){
+'use strict';
+// 21.2.5.3 get RegExp.prototype.flags
+var anObject = _dereq_(7);
+module.exports = function () {
+  var that = anObject(this);
+  var result = '';
+  if (that.global) result += 'g';
+  if (that.ignoreCase) result += 'i';
+  if (that.multiline) result += 'm';
+  if (that.unicode) result += 'u';
+  if (that.sticky) result += 'y';
+  return result;
+};
+
+},{"7":7}],38:[function(_dereq_,module,exports){
+'use strict';
+// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray
+var isArray = _dereq_(49);
+var isObject = _dereq_(51);
+var toLength = _dereq_(118);
+var ctx = _dereq_(25);
+var IS_CONCAT_SPREADABLE = _dereq_(128)('isConcatSpreadable');
+
+function flattenIntoArray(target, original, source, sourceLen, start, depth, mapper, thisArg) {
+  var targetIndex = start;
+  var sourceIndex = 0;
+  var mapFn = mapper ? ctx(mapper, thisArg, 3) : false;
+  var element, spreadable;
+
+  while (sourceIndex < sourceLen) {
+    if (sourceIndex in source) {
+      element = mapFn ? mapFn(source[sourceIndex], sourceIndex, original) : source[sourceIndex];
+
+      spreadable = false;
+      if (isObject(element)) {
+        spreadable = element[IS_CONCAT_SPREADABLE];
+        spreadable = spreadable !== undefined ? !!spreadable : isArray(element);
+      }
+
+      if (spreadable && depth > 0) {
+        targetIndex = flattenIntoArray(target, original, element, toLength(element.length), targetIndex, depth - 1) - 1;
+      } else {
+        if (targetIndex >= 0x1fffffffffffff) throw TypeError();
+        target[targetIndex] = element;
+      }
+
+      targetIndex++;
+    }
+    sourceIndex++;
+  }
+  return targetIndex;
+}
+
+module.exports = flattenIntoArray;
+
+},{"118":118,"128":128,"25":25,"49":49,"51":51}],39:[function(_dereq_,module,exports){
+var ctx = _dereq_(25);
+var call = _dereq_(53);
+var isArrayIter = _dereq_(48);
+var anObject = _dereq_(7);
+var toLength = _dereq_(118);
+var getIterFn = _dereq_(129);
+var BREAK = {};
+var RETURN = {};
+var exports = module.exports = function (iterable, entries, fn, that, ITERATOR) {
+  var iterFn = ITERATOR ? function () { return iterable; } : getIterFn(iterable);
+  var f = ctx(fn, that, entries ? 2 : 1);
+  var index = 0;
+  var length, step, iterator, result;
+  if (typeof iterFn != 'function') throw TypeError(iterable + ' is not iterable!');
+  // fast case for arrays with default iterator
+  if (isArrayIter(iterFn)) for (length = toLength(iterable.length); length > index; index++) {
+    result = entries ? f(anObject(step = iterable[index])[0], step[1]) : f(iterable[index]);
+    if (result === BREAK || result === RETURN) return result;
+  } else for (iterator = iterFn.call(iterable); !(step = iterator.next()).done;) {
+    result = call(iterator, f, step.value, entries);
+    if (result === BREAK || result === RETURN) return result;
+  }
+};
+exports.BREAK = BREAK;
+exports.RETURN = RETURN;
+
+},{"118":118,"129":129,"25":25,"48":48,"53":53,"7":7}],40:[function(_dereq_,module,exports){
+// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+var global = module.exports = typeof window != 'undefined' && window.Math == Math
+  ? window : typeof self != 'undefined' && self.Math == Math ? self
+  // eslint-disable-next-line no-new-func
+  : Function('return this')();
+if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
+
+},{}],41:[function(_dereq_,module,exports){
+var hasOwnProperty = {}.hasOwnProperty;
+module.exports = function (it, key) {
+  return hasOwnProperty.call(it, key);
+};
+
+},{}],42:[function(_dereq_,module,exports){
+var dP = _dereq_(72);
+var createDesc = _dereq_(92);
+module.exports = _dereq_(29) ? function (object, key, value) {
+  return dP.f(object, key, createDesc(1, value));
+} : function (object, key, value) {
+  object[key] = value;
+  return object;
+};
+
+},{"29":29,"72":72,"92":92}],43:[function(_dereq_,module,exports){
+var document = _dereq_(40).document;
+module.exports = document && document.documentElement;
+
+},{"40":40}],44:[function(_dereq_,module,exports){
+module.exports = !_dereq_(29) && !_dereq_(35)(function () {
+  return Object.defineProperty(_dereq_(30)('div'), 'a', { get: function () { return 7; } }).a != 7;
+});
+
+},{"29":29,"30":30,"35":35}],45:[function(_dereq_,module,exports){
+var isObject = _dereq_(51);
+var setPrototypeOf = _dereq_(99).set;
+module.exports = function (that, target, C) {
+  var S = target.constructor;
+  var P;
+  if (S !== C && typeof S == 'function' && (P = S.prototype) !== C.prototype && isObject(P) && setPrototypeOf) {
+    setPrototypeOf(that, P);
+  } return that;
+};
+
+},{"51":51,"99":99}],46:[function(_dereq_,module,exports){
+// fast apply, http://jsperf.lnkit.com/fast-apply/5
+module.exports = function (fn, args, that) {
+  var un = that === undefined;
+  switch (args.length) {
+    case 0: return un ? fn()
+                      : fn.call(that);
+    case 1: return un ? fn(args[0])
+                      : fn.call(that, args[0]);
+    case 2: return un ? fn(args[0], args[1])
+                      : fn.call(that, args[0], args[1]);
+    case 3: return un ? fn(args[0], args[1], args[2])
+                      : fn.call(that, args[0], args[1], args[2]);
+    case 4: return un ? fn(args[0], args[1], args[2], args[3])
+                      : fn.call(that, args[0], args[1], args[2], args[3]);
+  } return fn.apply(that, args);
+};
+
+},{}],47:[function(_dereq_,module,exports){
+// fallback for non-array-like ES3 and non-enumerable old V8 strings
+var cof = _dereq_(18);
+// eslint-disable-next-line no-prototype-builtins
+module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+  return cof(it) == 'String' ? it.split('') : Object(it);
+};
+
+},{"18":18}],48:[function(_dereq_,module,exports){
+// check on default Array iterator
+var Iterators = _dereq_(58);
+var ITERATOR = _dereq_(128)('iterator');
+var ArrayProto = Array.prototype;
+
+module.exports = function (it) {
+  return it !== undefined && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
+};
+
+},{"128":128,"58":58}],49:[function(_dereq_,module,exports){
+// 7.2.2 IsArray(argument)
+var cof = _dereq_(18);
+module.exports = Array.isArray || function isArray(arg) {
+  return cof(arg) == 'Array';
+};
+
+},{"18":18}],50:[function(_dereq_,module,exports){
+// 20.1.2.3 Number.isInteger(number)
+var isObject = _dereq_(51);
+var floor = Math.floor;
+module.exports = function isInteger(it) {
+  return !isObject(it) && isFinite(it) && floor(it) === it;
+};
+
+},{"51":51}],51:[function(_dereq_,module,exports){
+module.exports = function (it) {
+  return typeof it === 'object' ? it !== null : typeof it === 'function';
+};
+
+},{}],52:[function(_dereq_,module,exports){
+// 7.2.8 IsRegExp(argument)
+var isObject = _dereq_(51);
+var cof = _dereq_(18);
+var MATCH = _dereq_(128)('match');
+module.exports = function (it) {
+  var isRegExp;
+  return isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : cof(it) == 'RegExp');
+};
+
+},{"128":128,"18":18,"51":51}],53:[function(_dereq_,module,exports){
+// call something on iterator step with safe closing on error
+var anObject = _dereq_(7);
+module.exports = function (iterator, fn, value, entries) {
+  try {
+    return entries ? fn(anObject(value)[0], value[1]) : fn(value);
+  // 7.4.6 IteratorClose(iterator, completion)
+  } catch (e) {
+    var ret = iterator['return'];
+    if (ret !== undefined) anObject(ret.call(iterator));
+    throw e;
+  }
+};
+
+},{"7":7}],54:[function(_dereq_,module,exports){
+'use strict';
+var create = _dereq_(71);
+var descriptor = _dereq_(92);
+var setToStringTag = _dereq_(101);
+var IteratorPrototype = {};
+
+// 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
+_dereq_(42)(IteratorPrototype, _dereq_(128)('iterator'), function () { return this; });
+
+module.exports = function (Constructor, NAME, next) {
+  Constructor.prototype = create(IteratorPrototype, { next: descriptor(1, next) });
+  setToStringTag(Constructor, NAME + ' Iterator');
+};
+
+},{"101":101,"128":128,"42":42,"71":71,"92":92}],55:[function(_dereq_,module,exports){
+'use strict';
+var LIBRARY = _dereq_(60);
+var $export = _dereq_(33);
+var redefine = _dereq_(94);
+var hide = _dereq_(42);
+var has = _dereq_(41);
+var Iterators = _dereq_(58);
+var $iterCreate = _dereq_(54);
+var setToStringTag = _dereq_(101);
+var getPrototypeOf = _dereq_(79);
+var ITERATOR = _dereq_(128)('iterator');
+var BUGGY = !([].keys && 'next' in [].keys()); // Safari has buggy iterators w/o `next`
+var FF_ITERATOR = '@@iterator';
+var KEYS = 'keys';
+var VALUES = 'values';
+
+var returnThis = function () { return this; };
+
+module.exports = function (Base, NAME, Constructor, next, DEFAULT, IS_SET, FORCED) {
+  $iterCreate(Constructor, NAME, next);
+  var getMethod = function (kind) {
+    if (!BUGGY && kind in proto) return proto[kind];
+    switch (kind) {
+      case KEYS: return function keys() { return new Constructor(this, kind); };
+      case VALUES: return function values() { return new Constructor(this, kind); };
+    } return function entries() { return new Constructor(this, kind); };
+  };
+  var TAG = NAME + ' Iterator';
+  var DEF_VALUES = DEFAULT == VALUES;
+  var VALUES_BUG = false;
+  var proto = Base.prototype;
+  var $native = proto[ITERATOR] || proto[FF_ITERATOR] || DEFAULT && proto[DEFAULT];
+  var $default = $native || getMethod(DEFAULT);
+  var $entries = DEFAULT ? !DEF_VALUES ? $default : getMethod('entries') : undefined;
+  var $anyNative = NAME == 'Array' ? proto.entries || $native : $native;
+  var methods, key, IteratorPrototype;
+  // Fix native
+  if ($anyNative) {
+    IteratorPrototype = getPrototypeOf($anyNative.call(new Base()));
+    if (IteratorPrototype !== Object.prototype && IteratorPrototype.next) {
+      // Set @@toStringTag to native iterators
+      setToStringTag(IteratorPrototype, TAG, true);
+      // fix for some old engines
+      if (!LIBRARY && !has(IteratorPrototype, ITERATOR)) hide(IteratorPrototype, ITERATOR, returnThis);
+    }
+  }
+  // fix Array#{values, @@iterator}.name in V8 / FF
+  if (DEF_VALUES && $native && $native.name !== VALUES) {
+    VALUES_BUG = true;
+    $default = function values() { return $native.call(this); };
+  }
+  // Define iterator
+  if ((!LIBRARY || FORCED) && (BUGGY || VALUES_BUG || !proto[ITERATOR])) {
+    hide(proto, ITERATOR, $default);
+  }
+  // Plug for library
+  Iterators[NAME] = $default;
+  Iterators[TAG] = returnThis;
+  if (DEFAULT) {
+    methods = {
+      values: DEF_VALUES ? $default : getMethod(VALUES),
+      keys: IS_SET ? $default : getMethod(KEYS),
+      entries: $entries
+    };
+    if (FORCED) for (key in methods) {
+      if (!(key in proto)) redefine(proto, key, methods[key]);
+    } else $export($export.P + $export.F * (BUGGY || VALUES_BUG), NAME, methods);
+  }
+  return methods;
+};
+
+},{"101":101,"128":128,"33":33,"41":41,"42":42,"54":54,"58":58,"60":60,"79":79,"94":94}],56:[function(_dereq_,module,exports){
+var ITERATOR = _dereq_(128)('iterator');
+var SAFE_CLOSING = false;
+
+try {
+  var riter = [7][ITERATOR]();
+  riter['return'] = function () { SAFE_CLOSING = true; };
+  // eslint-disable-next-line no-throw-literal
+  Array.from(riter, function () { throw 2; });
+} catch (e) { /* empty */ }
+
+module.exports = function (exec, skipClosing) {
+  if (!skipClosing && !SAFE_CLOSING) return false;
+  var safe = false;
+  try {
+    var arr = [7];
+    var iter = arr[ITERATOR]();
+    iter.next = function () { return { done: safe = true }; };
+    arr[ITERATOR] = function () { return iter; };
+    exec(arr);
+  } catch (e) { /* empty */ }
+  return safe;
+};
+
+},{"128":128}],57:[function(_dereq_,module,exports){
+module.exports = function (done, value) {
+  return { value: value, done: !!done };
+};
+
+},{}],58:[function(_dereq_,module,exports){
+module.exports = {};
+
+},{}],59:[function(_dereq_,module,exports){
+var getKeys = _dereq_(81);
+var toIObject = _dereq_(117);
+module.exports = function (object, el) {
+  var O = toIObject(object);
+  var keys = getKeys(O);
+  var length = keys.length;
+  var index = 0;
+  var key;
+  while (length > index) if (O[key = keys[index++]] === el) return key;
+};
+
+},{"117":117,"81":81}],60:[function(_dereq_,module,exports){
+module.exports = false;
+
+},{}],61:[function(_dereq_,module,exports){
+// 20.2.2.14 Math.expm1(x)
+var $expm1 = Math.expm1;
+module.exports = (!$expm1
+  // Old FF bug
+  || $expm1(10) > 22025.465794806719 || $expm1(10) < 22025.4657948067165168
+  // Tor Browser bug
+  || $expm1(-2e-17) != -2e-17
+) ? function expm1(x) {
+  return (x = +x) == 0 ? x : x > -1e-6 && x < 1e-6 ? x + x * x / 2 : Math.exp(x) - 1;
+} : $expm1;
+
+},{}],62:[function(_dereq_,module,exports){
+// 20.2.2.16 Math.fround(x)
+var sign = _dereq_(65);
+var pow = Math.pow;
+var EPSILON = pow(2, -52);
+var EPSILON32 = pow(2, -23);
+var MAX32 = pow(2, 127) * (2 - EPSILON32);
+var MIN32 = pow(2, -126);
+
+var roundTiesToEven = function (n) {
+  return n + 1 / EPSILON - 1 / EPSILON;
+};
+
+module.exports = Math.fround || function fround(x) {
+  var $abs = Math.abs(x);
+  var $sign = sign(x);
+  var a, result;
+  if ($abs < MIN32) return $sign * roundTiesToEven($abs / MIN32 / EPSILON32) * MIN32 * EPSILON32;
+  a = (1 + EPSILON32 / EPSILON) * $abs;
+  result = a - (a - $abs);
+  // eslint-disable-next-line no-self-compare
+  if (result > MAX32 || result != result) return $sign * Infinity;
+  return $sign * result;
+};
+
+},{"65":65}],63:[function(_dereq_,module,exports){
+// 20.2.2.20 Math.log1p(x)
+module.exports = Math.log1p || function log1p(x) {
+  return (x = +x) > -1e-8 && x < 1e-8 ? x - x * x / 2 : Math.log(1 + x);
+};
+
+},{}],64:[function(_dereq_,module,exports){
+// https://rwaldron.github.io/proposal-math-extensions/
+module.exports = Math.scale || function scale(x, inLow, inHigh, outLow, outHigh) {
+  if (
+    arguments.length === 0
+      // eslint-disable-next-line no-self-compare
+      || x != x
+      // eslint-disable-next-line no-self-compare
+      || inLow != inLow
+      // eslint-disable-next-line no-self-compare
+      || inHigh != inHigh
+      // eslint-disable-next-line no-self-compare
+      || outLow != outLow
+      // eslint-disable-next-line no-self-compare
+      || outHigh != outHigh
+  ) return NaN;
+  if (x === Infinity || x === -Infinity) return x;
+  return (x - inLow) * (outHigh - outLow) / (inHigh - inLow) + outLow;
+};
+
+},{}],65:[function(_dereq_,module,exports){
+// 20.2.2.28 Math.sign(x)
+module.exports = Math.sign || function sign(x) {
+  // eslint-disable-next-line no-self-compare
+  return (x = +x) == 0 || x != x ? x : x < 0 ? -1 : 1;
+};
+
+},{}],66:[function(_dereq_,module,exports){
+var META = _dereq_(124)('meta');
+var isObject = _dereq_(51);
+var has = _dereq_(41);
+var setDesc = _dereq_(72).f;
+var id = 0;
+var isExtensible = Object.isExtensible || function () {
+  return true;
+};
+var FREEZE = !_dereq_(35)(function () {
+  return isExtensible(Object.preventExtensions({}));
+});
+var setMeta = function (it) {
+  setDesc(it, META, { value: {
+    i: 'O' + ++id, // object ID
+    w: {}          // weak collections IDs
+  } });
+};
+var fastKey = function (it, create) {
+  // return primitive with prefix
+  if (!isObject(it)) return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it;
+  if (!has(it, META)) {
+    // can't set metadata to uncaught frozen object
+    if (!isExtensible(it)) return 'F';
+    // not necessary to add metadata
+    if (!create) return 'E';
+    // add missing metadata
+    setMeta(it);
+  // return object ID
+  } return it[META].i;
+};
+var getWeak = function (it, create) {
+  if (!has(it, META)) {
+    // can't set metadata to uncaught frozen object
+    if (!isExtensible(it)) return true;
+    // not necessary to add metadata
+    if (!create) return false;
+    // add missing metadata
+    setMeta(it);
+  // return hash weak collections IDs
+  } return it[META].w;
+};
+// add metadata on freeze-family methods calling
+var onFreeze = function (it) {
+  if (FREEZE && meta.NEED && isExtensible(it) && !has(it, META)) setMeta(it);
+  return it;
+};
+var meta = module.exports = {
+  KEY: META,
+  NEED: false,
+  fastKey: fastKey,
+  getWeak: getWeak,
+  onFreeze: onFreeze
+};
+
+},{"124":124,"35":35,"41":41,"51":51,"72":72}],67:[function(_dereq_,module,exports){
+var Map = _dereq_(160);
+var $export = _dereq_(33);
+var shared = _dereq_(103)('metadata');
+var store = shared.store || (shared.store = new (_dereq_(266))());
+
+var getOrCreateMetadataMap = function (target, targetKey, create) {
+  var targetMetadata = store.get(target);
+  if (!targetMetadata) {
+    if (!create) return undefined;
+    store.set(target, targetMetadata = new Map());
+  }
+  var keyMetadata = targetMetadata.get(targetKey);
+  if (!keyMetadata) {
+    if (!create) return undefined;
+    targetMetadata.set(targetKey, keyMetadata = new Map());
+  } return keyMetadata;
+};
+var ordinaryHasOwnMetadata = function (MetadataKey, O, P) {
+  var metadataMap = getOrCreateMetadataMap(O, P, false);
+  return metadataMap === undefined ? false : metadataMap.has(MetadataKey);
+};
+var ordinaryGetOwnMetadata = function (MetadataKey, O, P) {
+  var metadataMap = getOrCreateMetadataMap(O, P, false);
+  return metadataMap === undefined ? undefined : metadataMap.get(MetadataKey);
+};
+var ordinaryDefineOwnMetadata = function (MetadataKey, MetadataValue, O, P) {
+  getOrCreateMetadataMap(O, P, true).set(MetadataKey, MetadataValue);
+};
+var ordinaryOwnMetadataKeys = function (target, targetKey) {
+  var metadataMap = getOrCreateMetadataMap(target, targetKey, false);
+  var keys = [];
+  if (metadataMap) metadataMap.forEach(function (_, key) { keys.push(key); });
+  return keys;
+};
+var toMetaKey = function (it) {
+  return it === undefined || typeof it == 'symbol' ? it : String(it);
+};
+var exp = function (O) {
+  $export($export.S, 'Reflect', O);
+};
+
+module.exports = {
+  store: store,
+  map: getOrCreateMetadataMap,
+  has: ordinaryHasOwnMetadata,
+  get: ordinaryGetOwnMetadata,
+  set: ordinaryDefineOwnMetadata,
+  keys: ordinaryOwnMetadataKeys,
+  key: toMetaKey,
+  exp: exp
+};
+
+},{"103":103,"160":160,"266":266,"33":33}],68:[function(_dereq_,module,exports){
+var global = _dereq_(40);
+var macrotask = _dereq_(113).set;
+var Observer = global.MutationObserver || global.WebKitMutationObserver;
+var process = global.process;
+var Promise = global.Promise;
+var isNode = _dereq_(18)(process) == 'process';
+
+module.exports = function () {
+  var head, last, notify;
+
+  var flush = function () {
+    var parent, fn;
+    if (isNode && (parent = process.domain)) parent.exit();
+    while (head) {
+      fn = head.fn;
+      head = head.next;
+      try {
+        fn();
+      } catch (e) {
+        if (head) notify();
+        else last = undefined;
+        throw e;
+      }
+    } last = undefined;
+    if (parent) parent.enter();
+  };
+
+  // Node.js
+  if (isNode) {
+    notify = function () {
+      process.nextTick(flush);
+    };
+  // browsers with MutationObserver
+  } else if (Observer) {
+    var toggle = true;
+    var node = document.createTextNode('');
+    new Observer(flush).observe(node, { characterData: true }); // eslint-disable-line no-new
+    notify = function () {
+      node.data = toggle = !toggle;
+    };
+  // environments with maybe non-completely correct, but existent Promise
+  } else if (Promise && Promise.resolve) {
+    var promise = Promise.resolve();
+    notify = function () {
+      promise.then(flush);
+    };
+  // for other environments - macrotask based on:
+  // - setImmediate
+  // - MessageChannel
+  // - window.postMessag
+  // - onreadystatechange
+  // - setTimeout
+  } else {
+    notify = function () {
+      // strange IE + webpack dev server bug - use .call(global)
+      macrotask.call(global, flush);
+    };
+  }
+
+  return function (fn) {
+    var task = { fn: fn, next: undefined };
+    if (last) last.next = task;
+    if (!head) {
+      head = task;
+      notify();
+    } last = task;
+  };
+};
+
+},{"113":113,"18":18,"40":40}],69:[function(_dereq_,module,exports){
+'use strict';
+// 25.4.1.5 NewPromiseCapability(C)
+var aFunction = _dereq_(3);
+
+function PromiseCapability(C) {
+  var resolve, reject;
+  this.promise = new C(function ($$resolve, $$reject) {
+    if (resolve !== undefined || reject !== undefined) throw TypeError('Bad Promise constructor');
+    resolve = $$resolve;
+    reject = $$reject;
+  });
+  this.resolve = aFunction(resolve);
+  this.reject = aFunction(reject);
+}
+
+module.exports.f = function (C) {
+  return new PromiseCapability(C);
+};
+
+},{"3":3}],70:[function(_dereq_,module,exports){
+'use strict';
+// 19.1.2.1 Object.assign(target, source, ...)
+var getKeys = _dereq_(81);
+var gOPS = _dereq_(78);
+var pIE = _dereq_(82);
+var toObject = _dereq_(119);
+var IObject = _dereq_(47);
+var $assign = Object.assign;
+
+// should work with symbols and should have deterministic property order (V8 bug)
+module.exports = !$assign || _dereq_(35)(function () {
+  var A = {};
+  var B = {};
+  // eslint-disable-next-line no-undef
+  var S = Symbol();
+  var K = 'abcdefghijklmnopqrst';
+  A[S] = 7;
+  K.split('').forEach(function (k) { B[k] = k; });
+  return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K;
+}) ? function assign(target, source) { // eslint-disable-line no-unused-vars
+  var T = toObject(target);
+  var aLen = arguments.length;
+  var index = 1;
+  var getSymbols = gOPS.f;
+  var isEnum = pIE.f;
+  while (aLen > index) {
+    var S = IObject(arguments[index++]);
+    var keys = getSymbols ? getKeys(S).concat(getSymbols(S)) : getKeys(S);
+    var length = keys.length;
+    var j = 0;
+    var key;
+    while (length > j) if (isEnum.call(S, key = keys[j++])) T[key] = S[key];
+  } return T;
+} : $assign;
+
+},{"119":119,"35":35,"47":47,"78":78,"81":81,"82":82}],71:[function(_dereq_,module,exports){
+// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
+var anObject = _dereq_(7);
+var dPs = _dereq_(73);
+var enumBugKeys = _dereq_(31);
+var IE_PROTO = _dereq_(102)('IE_PROTO');
+var Empty = function () { /* empty */ };
+var PROTOTYPE = 'prototype';
+
+// Create object with fake `null` prototype: use iframe Object with cleared prototype
+var createDict = function () {
+  // Thrash, waste and sodomy: IE GC bug
+  var iframe = _dereq_(30)('iframe');
+  var i = enumBugKeys.length;
+  var lt = '<';
+  var gt = '>';
+  var iframeDocument;
+  iframe.style.display = 'none';
+  _dereq_(43).appendChild(iframe);
+  iframe.src = 'javascript:'; // eslint-disable-line no-script-url
+  // createDict = iframe.contentWindow.Object;
+  // html.removeChild(iframe);
+  iframeDocument = iframe.contentWindow.document;
+  iframeDocument.open();
+  iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
+  iframeDocument.close();
+  createDict = iframeDocument.F;
+  while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];
+  return createDict();
+};
+
+module.exports = Object.create || function create(O, Properties) {
+  var result;
+  if (O !== null) {
+    Empty[PROTOTYPE] = anObject(O);
+    result = new Empty();
+    Empty[PROTOTYPE] = null;
+    // add "__proto__" for Object.getPrototypeOf polyfill
+    result[IE_PROTO] = O;
+  } else result = createDict();
+  return Properties === undefined ? result : dPs(result, Properties);
+};
+
+},{"102":102,"30":30,"31":31,"43":43,"7":7,"73":73}],72:[function(_dereq_,module,exports){
+var anObject = _dereq_(7);
+var IE8_DOM_DEFINE = _dereq_(44);
+var toPrimitive = _dereq_(120);
+var dP = Object.defineProperty;
+
+exports.f = _dereq_(29) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+  anObject(O);
+  P = toPrimitive(P, true);
+  anObject(Attributes);
+  if (IE8_DOM_DEFINE) try {
+    return dP(O, P, Attributes);
+  } catch (e) { /* empty */ }
+  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+  if ('value' in Attributes) O[P] = Attributes.value;
+  return O;
+};
+
+},{"120":120,"29":29,"44":44,"7":7}],73:[function(_dereq_,module,exports){
+var dP = _dereq_(72);
+var anObject = _dereq_(7);
+var getKeys = _dereq_(81);
+
+module.exports = _dereq_(29) ? Object.defineProperties : function defineProperties(O, Properties) {
+  anObject(O);
+  var keys = getKeys(Properties);
+  var length = keys.length;
+  var i = 0;
+  var P;
+  while (length > i) dP.f(O, P = keys[i++], Properties[P]);
+  return O;
+};
+
+},{"29":29,"7":7,"72":72,"81":81}],74:[function(_dereq_,module,exports){
+'use strict';
+// Forced replacement prototype accessors methods
+module.exports = _dereq_(60) || !_dereq_(35)(function () {
+  var K = Math.random();
+  // In FF throws only define methods
+  // eslint-disable-next-line no-undef, no-useless-call
+  __defineSetter__.call(null, K, function () { /* empty */ });
+  delete _dereq_(40)[K];
+});
+
+},{"35":35,"40":40,"60":60}],75:[function(_dereq_,module,exports){
+var pIE = _dereq_(82);
+var createDesc = _dereq_(92);
+var toIObject = _dereq_(117);
+var toPrimitive = _dereq_(120);
+var has = _dereq_(41);
+var IE8_DOM_DEFINE = _dereq_(44);
+var gOPD = Object.getOwnPropertyDescriptor;
+
+exports.f = _dereq_(29) ? gOPD : function getOwnPropertyDescriptor(O, P) {
+  O = toIObject(O);
+  P = toPrimitive(P, true);
+  if (IE8_DOM_DEFINE) try {
+    return gOPD(O, P);
+  } catch (e) { /* empty */ }
+  if (has(O, P)) return createDesc(!pIE.f.call(O, P), O[P]);
+};
+
+},{"117":117,"120":120,"29":29,"41":41,"44":44,"82":82,"92":92}],76:[function(_dereq_,module,exports){
+// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
+var toIObject = _dereq_(117);
+var gOPN = _dereq_(77).f;
+var toString = {}.toString;
+
+var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames
+  ? Object.getOwnPropertyNames(window) : [];
+
+var getWindowNames = function (it) {
+  try {
+    return gOPN(it);
+  } catch (e) {
+    return windowNames.slice();
+  }
+};
+
+module.exports.f = function getOwnPropertyNames(it) {
+  return windowNames && toString.call(it) == '[object Window]' ? getWindowNames(it) : gOPN(toIObject(it));
+};
+
+},{"117":117,"77":77}],77:[function(_dereq_,module,exports){
+// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)
+var $keys = _dereq_(80);
+var hiddenKeys = _dereq_(31).concat('length', 'prototype');
+
+exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
+  return $keys(O, hiddenKeys);
+};
+
+},{"31":31,"80":80}],78:[function(_dereq_,module,exports){
+exports.f = Object.getOwnPropertySymbols;
+
+},{}],79:[function(_dereq_,module,exports){
+// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
+var has = _dereq_(41);
+var toObject = _dereq_(119);
+var IE_PROTO = _dereq_(102)('IE_PROTO');
+var ObjectProto = Object.prototype;
+
+module.exports = Object.getPrototypeOf || function (O) {
+  O = toObject(O);
+  if (has(O, IE_PROTO)) return O[IE_PROTO];
+  if (typeof O.constructor == 'function' && O instanceof O.constructor) {
+    return O.constructor.prototype;
+  } return O instanceof Object ? ObjectProto : null;
+};
+
+},{"102":102,"119":119,"41":41}],80:[function(_dereq_,module,exports){
+var has = _dereq_(41);
+var toIObject = _dereq_(117);
+var arrayIndexOf = _dereq_(11)(false);
+var IE_PROTO = _dereq_(102)('IE_PROTO');
+
+module.exports = function (object, names) {
+  var O = toIObject(object);
+  var i = 0;
+  var result = [];
+  var key;
+  for (key in O) if (key != IE_PROTO) has(O, key) && result.push(key);
+  // Don't enum bug & hidden keys
+  while (names.length > i) if (has(O, key = names[i++])) {
+    ~arrayIndexOf(result, key) || result.push(key);
+  }
+  return result;
+};
+
+},{"102":102,"11":11,"117":117,"41":41}],81:[function(_dereq_,module,exports){
+// 19.1.2.14 / 15.2.3.14 Object.keys(O)
+var $keys = _dereq_(80);
+var enumBugKeys = _dereq_(31);
+
+module.exports = Object.keys || function keys(O) {
+  return $keys(O, enumBugKeys);
+};
+
+},{"31":31,"80":80}],82:[function(_dereq_,module,exports){
+exports.f = {}.propertyIsEnumerable;
+
+},{}],83:[function(_dereq_,module,exports){
+// most Object methods by ES6 should accept primitives
+var $export = _dereq_(33);
+var core = _dereq_(23);
+var fails = _dereq_(35);
+module.exports = function (KEY, exec) {
+  var fn = (core.Object || {})[KEY] || Object[KEY];
+  var exp = {};
+  exp[KEY] = exec(fn);
+  $export($export.S + $export.F * fails(function () { fn(1); }), 'Object', exp);
+};
+
+},{"23":23,"33":33,"35":35}],84:[function(_dereq_,module,exports){
+var getKeys = _dereq_(81);
+var toIObject = _dereq_(117);
+var isEnum = _dereq_(82).f;
+module.exports = function (isEntries) {
+  return function (it) {
+    var O = toIObject(it);
+    var keys = getKeys(O);
+    var length = keys.length;
+    var i = 0;
+    var result = [];
+    var key;
+    while (length > i) if (isEnum.call(O, key = keys[i++])) {
+      result.push(isEntries ? [key, O[key]] : O[key]);
+    } return result;
+  };
+};
+
+},{"117":117,"81":81,"82":82}],85:[function(_dereq_,module,exports){
+// all object keys, includes non-enumerable and symbols
+var gOPN = _dereq_(77);
+var gOPS = _dereq_(78);
+var anObject = _dereq_(7);
+var Reflect = _dereq_(40).Reflect;
+module.exports = Reflect && Reflect.ownKeys || function ownKeys(it) {
+  var keys = gOPN.f(anObject(it));
+  var getSymbols = gOPS.f;
+  return getSymbols ? keys.concat(getSymbols(it)) : keys;
+};
+
+},{"40":40,"7":7,"77":77,"78":78}],86:[function(_dereq_,module,exports){
+var $parseFloat = _dereq_(40).parseFloat;
+var $trim = _dereq_(111).trim;
+
+module.exports = 1 / $parseFloat(_dereq_(112) + '-0') !== -Infinity ? function parseFloat(str) {
+  var string = $trim(String(str), 3);
+  var result = $parseFloat(string);
+  return result === 0 && string.charAt(0) == '-' ? -0 : result;
+} : $parseFloat;
+
+},{"111":111,"112":112,"40":40}],87:[function(_dereq_,module,exports){
+var $parseInt = _dereq_(40).parseInt;
+var $trim = _dereq_(111).trim;
+var ws = _dereq_(112);
+var hex = /^[-+]?0[xX]/;
+
+module.exports = $parseInt(ws + '08') !== 8 || $parseInt(ws + '0x16') !== 22 ? function parseInt(str, radix) {
+  var string = $trim(String(str), 3);
+  return $parseInt(string, (radix >>> 0) || (hex.test(string) ? 16 : 10));
+} : $parseInt;
+
+},{"111":111,"112":112,"40":40}],88:[function(_dereq_,module,exports){
+'use strict';
+var path = _dereq_(89);
+var invoke = _dereq_(46);
+var aFunction = _dereq_(3);
+module.exports = function (/* ...pargs */) {
+  var fn = aFunction(this);
+  var length = arguments.length;
+  var pargs = Array(length);
+  var i = 0;
+  var _ = path._;
+  var holder = false;
+  while (length > i) if ((pargs[i] = arguments[i++]) === _) holder = true;
+  return function (/* ...args */) {
+    var that = this;
+    var aLen = arguments.length;
+    var j = 0;
+    var k = 0;
+    var args;
+    if (!holder && !aLen) return invoke(fn, pargs, that);
+    args = pargs.slice();
+    if (holder) for (;length > j; j++) if (args[j] === _) args[j] = arguments[k++];
+    while (aLen > k) args.push(arguments[k++]);
+    return invoke(fn, args, that);
+  };
+};
+
+},{"3":3,"46":46,"89":89}],89:[function(_dereq_,module,exports){
+module.exports = _dereq_(40);
+
+},{"40":40}],90:[function(_dereq_,module,exports){
+module.exports = function (exec) {
+  try {
+    return { e: false, v: exec() };
+  } catch (e) {
+    return { e: true, v: e };
+  }
+};
+
+},{}],91:[function(_dereq_,module,exports){
+var newPromiseCapability = _dereq_(69);
+
+module.exports = function (C, x) {
+  var promiseCapability = newPromiseCapability.f(C);
+  var resolve = promiseCapability.resolve;
+  resolve(x);
+  return promiseCapability.promise;
+};
+
+},{"69":69}],92:[function(_dereq_,module,exports){
+module.exports = function (bitmap, value) {
+  return {
+    enumerable: !(bitmap & 1),
+    configurable: !(bitmap & 2),
+    writable: !(bitmap & 4),
+    value: value
+  };
+};
+
+},{}],93:[function(_dereq_,module,exports){
+var redefine = _dereq_(94);
+module.exports = function (target, src, safe) {
+  for (var key in src) redefine(target, key, src[key], safe);
+  return target;
+};
+
+},{"94":94}],94:[function(_dereq_,module,exports){
+var global = _dereq_(40);
+var hide = _dereq_(42);
+var has = _dereq_(41);
+var SRC = _dereq_(124)('src');
+var TO_STRING = 'toString';
+var $toString = Function[TO_STRING];
+var TPL = ('' + $toString).split(TO_STRING);
+
+_dereq_(23).inspectSource = function (it) {
+  return $toString.call(it);
+};
+
+(module.exports = function (O, key, val, safe) {
+  var isFunction = typeof val == 'function';
+  if (isFunction) has(val, 'name') || hide(val, 'name', key);
+  if (O[key] === val) return;
+  if (isFunction) has(val, SRC) || hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key)));
+  if (O === global) {
+    O[key] = val;
+  } else if (!safe) {
+    delete O[key];
+    hide(O, key, val);
+  } else if (O[key]) {
+    O[key] = val;
+  } else {
+    hide(O, key, val);
+  }
+// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
+})(Function.prototype, TO_STRING, function toString() {
+  return typeof this == 'function' && this[SRC] || $toString.call(this);
+});
+
+},{"124":124,"23":23,"40":40,"41":41,"42":42}],95:[function(_dereq_,module,exports){
+module.exports = function (regExp, replace) {
+  var replacer = replace === Object(replace) ? function (part) {
+    return replace[part];
+  } : replace;
+  return function (it) {
+    return String(it).replace(regExp, replacer);
+  };
+};
+
+},{}],96:[function(_dereq_,module,exports){
+// 7.2.9 SameValue(x, y)
+module.exports = Object.is || function is(x, y) {
+  // eslint-disable-next-line no-self-compare
+  return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
+};
+
+},{}],97:[function(_dereq_,module,exports){
+'use strict';
+// https://tc39.github.io/proposal-setmap-offrom/
+var $export = _dereq_(33);
+var aFunction = _dereq_(3);
+var ctx = _dereq_(25);
+var forOf = _dereq_(39);
+
+module.exports = function (COLLECTION) {
+  $export($export.S, COLLECTION, { from: function from(source /* , mapFn, thisArg */) {
+    var mapFn = arguments[1];
+    var mapping, A, n, cb;
+    aFunction(this);
+    mapping = mapFn !== undefined;
+    if (mapping) aFunction(mapFn);
+    if (source == undefined) return new this();
+    A = [];
+    if (mapping) {
+      n = 0;
+      cb = ctx(mapFn, arguments[2], 2);
+      forOf(source, false, function (nextItem) {
+        A.push(cb(nextItem, n++));
+      });
+    } else {
+      forOf(source, false, A.push, A);
+    }
+    return new this(A);
+  } });
+};
+
+},{"25":25,"3":3,"33":33,"39":39}],98:[function(_dereq_,module,exports){
+'use strict';
+// https://tc39.github.io/proposal-setmap-offrom/
+var $export = _dereq_(33);
+
+module.exports = function (COLLECTION) {
+  $export($export.S, COLLECTION, { of: function of() {
+    var length = arguments.length;
+    var A = Array(length);
+    while (length--) A[length] = arguments[length];
+    return new this(A);
+  } });
+};
+
+},{"33":33}],99:[function(_dereq_,module,exports){
+// Works with __proto__ only. Old v8 can't work with null proto objects.
+/* eslint-disable no-proto */
+var isObject = _dereq_(51);
+var anObject = _dereq_(7);
+var check = function (O, proto) {
+  anObject(O);
+  if (!isObject(proto) && proto !== null) throw TypeError(proto + ": can't set as prototype!");
+};
+module.exports = {
+  set: Object.setPrototypeOf || ('__proto__' in {} ? // eslint-disable-line
+    function (test, buggy, set) {
+      try {
+        set = _dereq_(25)(Function.call, _dereq_(75).f(Object.prototype, '__proto__').set, 2);
+        set(test, []);
+        buggy = !(test instanceof Array);
+      } catch (e) { buggy = true; }
+      return function setPrototypeOf(O, proto) {
+        check(O, proto);
+        if (buggy) O.__proto__ = proto;
+        else set(O, proto);
+        return O;
+      };
+    }({}, false) : undefined),
+  check: check
+};
+
+},{"25":25,"51":51,"7":7,"75":75}],100:[function(_dereq_,module,exports){
+'use strict';
+var global = _dereq_(40);
+var dP = _dereq_(72);
+var DESCRIPTORS = _dereq_(29);
+var SPECIES = _dereq_(128)('species');
+
+module.exports = function (KEY) {
+  var C = global[KEY];
+  if (DESCRIPTORS && C && !C[SPECIES]) dP.f(C, SPECIES, {
+    configurable: true,
+    get: function () { return this; }
+  });
+};
+
+},{"128":128,"29":29,"40":40,"72":72}],101:[function(_dereq_,module,exports){
+var def = _dereq_(72).f;
+var has = _dereq_(41);
+var TAG = _dereq_(128)('toStringTag');
+
+module.exports = function (it, tag, stat) {
+  if (it && !has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag });
+};
+
+},{"128":128,"41":41,"72":72}],102:[function(_dereq_,module,exports){
+var shared = _dereq_(103)('keys');
+var uid = _dereq_(124);
+module.exports = function (key) {
+  return shared[key] || (shared[key] = uid(key));
+};
+
+},{"103":103,"124":124}],103:[function(_dereq_,module,exports){
+var global = _dereq_(40);
+var SHARED = '__core-js_shared__';
+var store = global[SHARED] || (global[SHARED] = {});
+module.exports = function (key) {
+  return store[key] || (store[key] = {});
+};
+
+},{"40":40}],104:[function(_dereq_,module,exports){
+// 7.3.20 SpeciesConstructor(O, defaultConstructor)
+var anObject = _dereq_(7);
+var aFunction = _dereq_(3);
+var SPECIES = _dereq_(128)('species');
+module.exports = function (O, D) {
+  var C = anObject(O).constructor;
+  var S;
+  return C === undefined || (S = anObject(C)[SPECIES]) == undefined ? D : aFunction(S);
+};
+
+},{"128":128,"3":3,"7":7}],105:[function(_dereq_,module,exports){
+'use strict';
+var fails = _dereq_(35);
+
+module.exports = function (method, arg) {
+  return !!method && fails(function () {
+    // eslint-disable-next-line no-useless-call
+    arg ? method.call(null, function () { /* empty */ }, 1) : method.call(null);
+  });
+};
+
+},{"35":35}],106:[function(_dereq_,module,exports){
+var toInteger = _dereq_(116);
+var defined = _dereq_(28);
+// true  -> String#at
+// false -> String#codePointAt
+module.exports = function (TO_STRING) {
+  return function (that, pos) {
+    var s = String(defined(that));
+    var i = toInteger(pos);
+    var l = s.length;
+    var a, b;
+    if (i < 0 || i >= l) return TO_STRING ? '' : undefined;
+    a = s.charCodeAt(i);
+    return a < 0xd800 || a > 0xdbff || i + 1 === l || (b = s.charCodeAt(i + 1)) < 0xdc00 || b > 0xdfff
+      ? TO_STRING ? s.charAt(i) : a
+      : TO_STRING ? s.slice(i, i + 2) : (a - 0xd800 << 10) + (b - 0xdc00) + 0x10000;
+  };
+};
+
+},{"116":116,"28":28}],107:[function(_dereq_,module,exports){
+// helper for String#{startsWith, endsWith, includes}
+var isRegExp = _dereq_(52);
+var defined = _dereq_(28);
+
+module.exports = function (that, searchString, NAME) {
+  if (isRegExp(searchString)) throw TypeError('String#' + NAME + " doesn't accept regex!");
+  return String(defined(that));
+};
+
+},{"28":28,"52":52}],108:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+var fails = _dereq_(35);
+var defined = _dereq_(28);
+var quot = /"/g;
+// B.2.3.2.1 CreateHTML(string, tag, attribute, value)
+var createHTML = function (string, tag, attribute, value) {
+  var S = String(defined(string));
+  var p1 = '<' + tag;
+  if (attribute !== '') p1 += ' ' + attribute + '="' + String(value).replace(quot, '&quot;') + '"';
+  return p1 + '>' + S + '</' + tag + '>';
+};
+module.exports = function (NAME, exec) {
+  var O = {};
+  O[NAME] = exec(createHTML);
+  $export($export.P + $export.F * fails(function () {
+    var test = ''[NAME]('"');
+    return test !== test.toLowerCase() || test.split('"').length > 3;
+  }), 'String', O);
+};
+
+},{"28":28,"33":33,"35":35}],109:[function(_dereq_,module,exports){
+// https://github.com/tc39/proposal-string-pad-start-end
+var toLength = _dereq_(118);
+var repeat = _dereq_(110);
+var defined = _dereq_(28);
+
+module.exports = function (that, maxLength, fillString, left) {
+  var S = String(defined(that));
+  var stringLength = S.length;
+  var fillStr = fillString === undefined ? ' ' : String(fillString);
+  var intMaxLength = toLength(maxLength);
+  if (intMaxLength <= stringLength || fillStr == '') return S;
+  var fillLen = intMaxLength - stringLength;
+  var stringFiller = repeat.call(fillStr, Math.ceil(fillLen / fillStr.length));
+  if (stringFiller.length > fillLen) stringFiller = stringFiller.slice(0, fillLen);
+  return left ? stringFiller + S : S + stringFiller;
+};
+
+},{"110":110,"118":118,"28":28}],110:[function(_dereq_,module,exports){
+'use strict';
+var toInteger = _dereq_(116);
+var defined = _dereq_(28);
+
+module.exports = function repeat(count) {
+  var str = String(defined(this));
+  var res = '';
+  var n = toInteger(count);
+  if (n < 0 || n == Infinity) throw RangeError("Count can't be negative");
+  for (;n > 0; (n >>>= 1) && (str += str)) if (n & 1) res += str;
+  return res;
+};
+
+},{"116":116,"28":28}],111:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+var defined = _dereq_(28);
+var fails = _dereq_(35);
+var spaces = _dereq_(112);
+var space = '[' + spaces + ']';
+var non = '\u200b\u0085';
+var ltrim = RegExp('^' + space + space + '*');
+var rtrim = RegExp(space + space + '*$');
+
+var exporter = function (KEY, exec, ALIAS) {
+  var exp = {};
+  var FORCE = fails(function () {
+    return !!spaces[KEY]() || non[KEY]() != non;
+  });
+  var fn = exp[KEY] = FORCE ? exec(trim) : spaces[KEY];
+  if (ALIAS) exp[ALIAS] = fn;
+  $export($export.P + $export.F * FORCE, 'String', exp);
+};
+
+// 1 -> String#trimLeft
+// 2 -> String#trimRight
+// 3 -> String#trim
+var trim = exporter.trim = function (string, TYPE) {
+  string = String(defined(string));
+  if (TYPE & 1) string = string.replace(ltrim, '');
+  if (TYPE & 2) string = string.replace(rtrim, '');
+  return string;
+};
+
+module.exports = exporter;
+
+},{"112":112,"28":28,"33":33,"35":35}],112:[function(_dereq_,module,exports){
+module.exports = '\x09\x0A\x0B\x0C\x0D\x20\xA0\u1680\u180E\u2000\u2001\u2002\u2003' +
+  '\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
+
+},{}],113:[function(_dereq_,module,exports){
+var ctx = _dereq_(25);
+var invoke = _dereq_(46);
+var html = _dereq_(43);
+var cel = _dereq_(30);
+var global = _dereq_(40);
+var process = global.process;
+var setTask = global.setImmediate;
+var clearTask = global.clearImmediate;
+var MessageChannel = global.MessageChannel;
+var Dispatch = global.Dispatch;
+var counter = 0;
+var queue = {};
+var ONREADYSTATECHANGE = 'onreadystatechange';
+var defer, channel, port;
+var run = function () {
+  var id = +this;
+  // eslint-disable-next-line no-prototype-builtins
+  if (queue.hasOwnProperty(id)) {
+    var fn = queue[id];
+    delete queue[id];
+    fn();
+  }
+};
+var listener = function (event) {
+  run.call(event.data);
+};
+// Node.js 0.9+ & IE10+ has setImmediate, otherwise:
+if (!setTask || !clearTask) {
+  setTask = function setImmediate(fn) {
+    var args = [];
+    var i = 1;
+    while (arguments.length > i) args.push(arguments[i++]);
+    queue[++counter] = function () {
+      // eslint-disable-next-line no-new-func
+      invoke(typeof fn == 'function' ? fn : Function(fn), args);
+    };
+    defer(counter);
+    return counter;
+  };
+  clearTask = function clearImmediate(id) {
+    delete queue[id];
+  };
+  // Node.js 0.8-
+  if (_dereq_(18)(process) == 'process') {
+    defer = function (id) {
+      process.nextTick(ctx(run, id, 1));
+    };
+  // Sphere (JS game engine) Dispatch API
+  } else if (Dispatch && Dispatch.now) {
+    defer = function (id) {
+      Dispatch.now(ctx(run, id, 1));
+    };
+  // Browsers with MessageChannel, includes WebWorkers
+  } else if (MessageChannel) {
+    channel = new MessageChannel();
+    port = channel.port2;
+    channel.port1.onmessage = listener;
+    defer = ctx(port.postMessage, port, 1);
+  // Browsers with postMessage, skip WebWorkers
+  // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
+  } else if (global.addEventListener && typeof postMessage == 'function' && !global.importScripts) {
+    defer = function (id) {
+      global.postMessage(id + '', '*');
+    };
+    global.addEventListener('message', listener, false);
+  // IE8-
+  } else if (ONREADYSTATECHANGE in cel('script')) {
+    defer = function (id) {
+      html.appendChild(cel('script'))[ONREADYSTATECHANGE] = function () {
+        html.removeChild(this);
+        run.call(id);
+      };
+    };
+  // Rest old browsers
+  } else {
+    defer = function (id) {
+      setTimeout(ctx(run, id, 1), 0);
+    };
+  }
+}
+module.exports = {
+  set: setTask,
+  clear: clearTask
+};
+
+},{"18":18,"25":25,"30":30,"40":40,"43":43,"46":46}],114:[function(_dereq_,module,exports){
+var toInteger = _dereq_(116);
+var max = Math.max;
+var min = Math.min;
+module.exports = function (index, length) {
+  index = toInteger(index);
+  return index < 0 ? max(index + length, 0) : min(index, length);
+};
+
+},{"116":116}],115:[function(_dereq_,module,exports){
+// https://tc39.github.io/ecma262/#sec-toindex
+var toInteger = _dereq_(116);
+var toLength = _dereq_(118);
+module.exports = function (it) {
+  if (it === undefined) return 0;
+  var number = toInteger(it);
+  var length = toLength(number);
+  if (number !== length) throw RangeError('Wrong length!');
+  return length;
+};
+
+},{"116":116,"118":118}],116:[function(_dereq_,module,exports){
+// 7.1.4 ToInteger
+var ceil = Math.ceil;
+var floor = Math.floor;
+module.exports = function (it) {
+  return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
+};
+
+},{}],117:[function(_dereq_,module,exports){
+// to indexed object, toObject with fallback for non-array-like ES3 strings
+var IObject = _dereq_(47);
+var defined = _dereq_(28);
+module.exports = function (it) {
+  return IObject(defined(it));
+};
+
+},{"28":28,"47":47}],118:[function(_dereq_,module,exports){
+// 7.1.15 ToLength
+var toInteger = _dereq_(116);
+var min = Math.min;
+module.exports = function (it) {
+  return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
+};
+
+},{"116":116}],119:[function(_dereq_,module,exports){
+// 7.1.13 ToObject(argument)
+var defined = _dereq_(28);
+module.exports = function (it) {
+  return Object(defined(it));
+};
+
+},{"28":28}],120:[function(_dereq_,module,exports){
+// 7.1.1 ToPrimitive(input [, PreferredType])
+var isObject = _dereq_(51);
+// instead of the ES6 spec version, we didn't implement @@toPrimitive case
+// and the second argument - flag - preferred type is a string
+module.exports = function (it, S) {
+  if (!isObject(it)) return it;
+  var fn, val;
+  if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
+  if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;
+  if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
+  throw TypeError("Can't convert object to primitive value");
+};
+
+},{"51":51}],121:[function(_dereq_,module,exports){
+'use strict';
+if (_dereq_(29)) {
+  var LIBRARY = _dereq_(60);
+  var global = _dereq_(40);
+  var fails = _dereq_(35);
+  var $export = _dereq_(33);
+  var $typed = _dereq_(123);
+  var $buffer = _dereq_(122);
+  var ctx = _dereq_(25);
+  var anInstance = _dereq_(6);
+  var propertyDesc = _dereq_(92);
+  var hide = _dereq_(42);
+  var redefineAll = _dereq_(93);
+  var toInteger = _dereq_(116);
+  var toLength = _dereq_(118);
+  var toIndex = _dereq_(115);
+  var toAbsoluteIndex = _dereq_(114);
+  var toPrimitive = _dereq_(120);
+  var has = _dereq_(41);
+  var classof = _dereq_(17);
+  var isObject = _dereq_(51);
+  var toObject = _dereq_(119);
+  var isArrayIter = _dereq_(48);
+  var create = _dereq_(71);
+  var getPrototypeOf = _dereq_(79);
+  var gOPN = _dereq_(77).f;
+  var getIterFn = _dereq_(129);
+  var uid = _dereq_(124);
+  var wks = _dereq_(128);
+  var createArrayMethod = _dereq_(12);
+  var createArrayIncludes = _dereq_(11);
+  var speciesConstructor = _dereq_(104);
+  var ArrayIterators = _dereq_(141);
+  var Iterators = _dereq_(58);
+  var $iterDetect = _dereq_(56);
+  var setSpecies = _dereq_(100);
+  var arrayFill = _dereq_(9);
+  var arrayCopyWithin = _dereq_(8);
+  var $DP = _dereq_(72);
+  var $GOPD = _dereq_(75);
+  var dP = $DP.f;
+  var gOPD = $GOPD.f;
+  var RangeError = global.RangeError;
+  var TypeError = global.TypeError;
+  var Uint8Array = global.Uint8Array;
+  var ARRAY_BUFFER = 'ArrayBuffer';
+  var SHARED_BUFFER = 'Shared' + ARRAY_BUFFER;
+  var BYTES_PER_ELEMENT = 'BYTES_PER_ELEMENT';
+  var PROTOTYPE = 'prototype';
+  var ArrayProto = Array[PROTOTYPE];
+  var $ArrayBuffer = $buffer.ArrayBuffer;
+  var $DataView = $buffer.DataView;
+  var arrayForEach = createArrayMethod(0);
+  var arrayFilter = createArrayMethod(2);
+  var arraySome = createArrayMethod(3);
+  var arrayEvery = createArrayMethod(4);
+  var arrayFind = createArrayMethod(5);
+  var arrayFindIndex = createArrayMethod(6);
+  var arrayIncludes = createArrayIncludes(true);
+  var arrayIndexOf = createArrayIncludes(false);
+  var arrayValues = ArrayIterators.values;
+  var arrayKeys = ArrayIterators.keys;
+  var arrayEntries = ArrayIterators.entries;
+  var arrayLastIndexOf = ArrayProto.lastIndexOf;
+  var arrayReduce = ArrayProto.reduce;
+  var arrayReduceRight = ArrayProto.reduceRight;
+  var arrayJoin = ArrayProto.join;
+  var arraySort = ArrayProto.sort;
+  var arraySlice = ArrayProto.slice;
+  var arrayToString = ArrayProto.toString;
+  var arrayToLocaleString = ArrayProto.toLocaleString;
+  var ITERATOR = wks('iterator');
+  var TAG = wks('toStringTag');
+  var TYPED_CONSTRUCTOR = uid('typed_constructor');
+  var DEF_CONSTRUCTOR = uid('def_constructor');
+  var ALL_CONSTRUCTORS = $typed.CONSTR;
+  var TYPED_ARRAY = $typed.TYPED;
+  var VIEW = $typed.VIEW;
+  var WRONG_LENGTH = 'Wrong length!';
+
+  var $map = createArrayMethod(1, function (O, length) {
+    return allocate(speciesConstructor(O, O[DEF_CONSTRUCTOR]), length);
+  });
+
+  var LITTLE_ENDIAN = fails(function () {
+    // eslint-disable-next-line no-undef
+    return new Uint8Array(new Uint16Array([1]).buffer)[0] === 1;
+  });
+
+  var FORCED_SET = !!Uint8Array && !!Uint8Array[PROTOTYPE].set && fails(function () {
+    new Uint8Array(1).set({});
+  });
+
+  var toOffset = function (it, BYTES) {
+    var offset = toInteger(it);
+    if (offset < 0 || offset % BYTES) throw RangeError('Wrong offset!');
+    return offset;
+  };
+
+  var validate = function (it) {
+    if (isObject(it) && TYPED_ARRAY in it) return it;
+    throw TypeError(it + ' is not a typed array!');
+  };
+
+  var allocate = function (C, length) {
+    if (!(isObject(C) && TYPED_CONSTRUCTOR in C)) {
+      throw TypeError('It is not a typed array constructor!');
+    } return new C(length);
+  };
+
+  var speciesFromList = function (O, list) {
+    return fromList(speciesConstructor(O, O[DEF_CONSTRUCTOR]), list);
+  };
+
+  var fromList = function (C, list) {
+    var index = 0;
+    var length = list.length;
+    var result = allocate(C, length);
+    while (length > index) result[index] = list[index++];
+    return result;
+  };
+
+  var addGetter = function (it, key, internal) {
+    dP(it, key, { get: function () { return this._d[internal]; } });
+  };
+
+  var $from = function from(source /* , mapfn, thisArg */) {
+    var O = toObject(source);
+    var aLen = arguments.length;
+    var mapfn = aLen > 1 ? arguments[1] : undefined;
+    var mapping = mapfn !== undefined;
+    var iterFn = getIterFn(O);
+    var i, length, values, result, step, iterator;
+    if (iterFn != undefined && !isArrayIter(iterFn)) {
+      for (iterator = iterFn.call(O), values = [], i = 0; !(step = iterator.next()).done; i++) {
+        values.push(step.value);
+      } O = values;
+    }
+    if (mapping && aLen > 2) mapfn = ctx(mapfn, arguments[2], 2);
+    for (i = 0, length = toLength(O.length), result = allocate(this, length); length > i; i++) {
+      result[i] = mapping ? mapfn(O[i], i) : O[i];
+    }
+    return result;
+  };
+
+  var $of = function of(/* ...items */) {
+    var index = 0;
+    var length = arguments.length;
+    var result = allocate(this, length);
+    while (length > index) result[index] = arguments[index++];
+    return result;
+  };
+
+  // iOS Safari 6.x fails here
+  var TO_LOCALE_BUG = !!Uint8Array && fails(function () { arrayToLocaleString.call(new Uint8Array(1)); });
+
+  var $toLocaleString = function toLocaleString() {
+    return arrayToLocaleString.apply(TO_LOCALE_BUG ? arraySlice.call(validate(this)) : validate(this), arguments);
+  };
+
+  var proto = {
+    copyWithin: function copyWithin(target, start /* , end */) {
+      return arrayCopyWithin.call(validate(this), target, start, arguments.length > 2 ? arguments[2] : undefined);
+    },
+    every: function every(callbackfn /* , thisArg */) {
+      return arrayEvery(validate(this), callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+    },
+    fill: function fill(value /* , start, end */) { // eslint-disable-line no-unused-vars
+      return arrayFill.apply(validate(this), arguments);
+    },
+    filter: function filter(callbackfn /* , thisArg */) {
+      return speciesFromList(this, arrayFilter(validate(this), callbackfn,
+        arguments.length > 1 ? arguments[1] : undefined));
+    },
+    find: function find(predicate /* , thisArg */) {
+      return arrayFind(validate(this), predicate, arguments.length > 1 ? arguments[1] : undefined);
+    },
+    findIndex: function findIndex(predicate /* , thisArg */) {
+      return arrayFindIndex(validate(this), predicate, arguments.length > 1 ? arguments[1] : undefined);
+    },
+    forEach: function forEach(callbackfn /* , thisArg */) {
+      arrayForEach(validate(this), callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+    },
+    indexOf: function indexOf(searchElement /* , fromIndex */) {
+      return arrayIndexOf(validate(this), searchElement, arguments.length > 1 ? arguments[1] : undefined);
+    },
+    includes: function includes(searchElement /* , fromIndex */) {
+      return arrayIncludes(validate(this), searchElement, arguments.length > 1 ? arguments[1] : undefined);
+    },
+    join: function join(separator) { // eslint-disable-line no-unused-vars
+      return arrayJoin.apply(validate(this), arguments);
+    },
+    lastIndexOf: function lastIndexOf(searchElement /* , fromIndex */) { // eslint-disable-line no-unused-vars
+      return arrayLastIndexOf.apply(validate(this), arguments);
+    },
+    map: function map(mapfn /* , thisArg */) {
+      return $map(validate(this), mapfn, arguments.length > 1 ? arguments[1] : undefined);
+    },
+    reduce: function reduce(callbackfn /* , initialValue */) { // eslint-disable-line no-unused-vars
+      return arrayReduce.apply(validate(this), arguments);
+    },
+    reduceRight: function reduceRight(callbackfn /* , initialValue */) { // eslint-disable-line no-unused-vars
+      return arrayReduceRight.apply(validate(this), arguments);
+    },
+    reverse: function reverse() {
+      var that = this;
+      var length = validate(that).length;
+      var middle = Math.floor(length / 2);
+      var index = 0;
+      var value;
+      while (index < middle) {
+        value = that[index];
+        that[index++] = that[--length];
+        that[length] = value;
+      } return that;
+    },
+    some: function some(callbackfn /* , thisArg */) {
+      return arraySome(validate(this), callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+    },
+    sort: function sort(comparefn) {
+      return arraySort.call(validate(this), comparefn);
+    },
+    subarray: function subarray(begin, end) {
+      var O = validate(this);
+      var length = O.length;
+      var $begin = toAbsoluteIndex(begin, length);
+      return new (speciesConstructor(O, O[DEF_CONSTRUCTOR]))(
+        O.buffer,
+        O.byteOffset + $begin * O.BYTES_PER_ELEMENT,
+        toLength((end === undefined ? length : toAbsoluteIndex(end, length)) - $begin)
+      );
+    }
+  };
+
+  var $slice = function slice(start, end) {
+    return speciesFromList(this, arraySlice.call(validate(this), start, end));
+  };
+
+  var $set = function set(arrayLike /* , offset */) {
+    validate(this);
+    var offset = toOffset(arguments[1], 1);
+    var length = this.length;
+    var src = toObject(arrayLike);
+    var len = toLength(src.length);
+    var index = 0;
+    if (len + offset > length) throw RangeError(WRONG_LENGTH);
+    while (index < len) this[offset + index] = src[index++];
+  };
+
+  var $iterators = {
+    entries: function entries() {
+      return arrayEntries.call(validate(this));
+    },
+    keys: function keys() {
+      return arrayKeys.call(validate(this));
+    },
+    values: function values() {
+      return arrayValues.call(validate(this));
+    }
+  };
+
+  var isTAIndex = function (target, key) {
+    return isObject(target)
+      && target[TYPED_ARRAY]
+      && typeof key != 'symbol'
+      && key in target
+      && String(+key) == String(key);
+  };
+  var $getDesc = function getOwnPropertyDescriptor(target, key) {
+    return isTAIndex(target, key = toPrimitive(key, true))
+      ? propertyDesc(2, target[key])
+      : gOPD(target, key);
+  };
+  var $setDesc = function defineProperty(target, key, desc) {
+    if (isTAIndex(target, key = toPrimitive(key, true))
+      && isObject(desc)
+      && has(desc, 'value')
+      && !has(desc, 'get')
+      && !has(desc, 'set')
+      // TODO: add validation descriptor w/o calling accessors
+      && !desc.configurable
+      && (!has(desc, 'writable') || desc.writable)
+      && (!has(desc, 'enumerable') || desc.enumerable)
+    ) {
+      target[key] = desc.value;
+      return target;
+    } return dP(target, key, desc);
+  };
+
+  if (!ALL_CONSTRUCTORS) {
+    $GOPD.f = $getDesc;
+    $DP.f = $setDesc;
+  }
+
+  $export($export.S + $export.F * !ALL_CONSTRUCTORS, 'Object', {
+    getOwnPropertyDescriptor: $getDesc,
+    defineProperty: $setDesc
+  });
+
+  if (fails(function () { arrayToString.call({}); })) {
+    arrayToString = arrayToLocaleString = function toString() {
+      return arrayJoin.call(this);
+    };
+  }
+
+  var $TypedArrayPrototype$ = redefineAll({}, proto);
+  redefineAll($TypedArrayPrototype$, $iterators);
+  hide($TypedArrayPrototype$, ITERATOR, $iterators.values);
+  redefineAll($TypedArrayPrototype$, {
+    slice: $slice,
+    set: $set,
+    constructor: function () { /* noop */ },
+    toString: arrayToString,
+    toLocaleString: $toLocaleString
+  });
+  addGetter($TypedArrayPrototype$, 'buffer', 'b');
+  addGetter($TypedArrayPrototype$, 'byteOffset', 'o');
+  addGetter($TypedArrayPrototype$, 'byteLength', 'l');
+  addGetter($TypedArrayPrototype$, 'length', 'e');
+  dP($TypedArrayPrototype$, TAG, {
+    get: function () { return this[TYPED_ARRAY]; }
+  });
+
+  // eslint-disable-next-line max-statements
+  module.exports = function (KEY, BYTES, wrapper, CLAMPED) {
+    CLAMPED = !!CLAMPED;
+    var NAME = KEY + (CLAMPED ? 'Clamped' : '') + 'Array';
+    var GETTER = 'get' + KEY;
+    var SETTER = 'set' + KEY;
+    var TypedArray = global[NAME];
+    var Base = TypedArray || {};
+    var TAC = TypedArray && getPrototypeOf(TypedArray);
+    var FORCED = !TypedArray || !$typed.ABV;
+    var O = {};
+    var TypedArrayPrototype = TypedArray && TypedArray[PROTOTYPE];
+    var getter = function (that, index) {
+      var data = that._d;
+      return data.v[GETTER](index * BYTES + data.o, LITTLE_ENDIAN);
+    };
+    var setter = function (that, index, value) {
+      var data = that._d;
+      if (CLAMPED) value = (value = Math.round(value)) < 0 ? 0 : value > 0xff ? 0xff : value & 0xff;
+      data.v[SETTER](index * BYTES + data.o, value, LITTLE_ENDIAN);
+    };
+    var addElement = function (that, index) {
+      dP(that, index, {
+        get: function () {
+          return getter(this, index);
+        },
+        set: function (value) {
+          return setter(this, index, value);
+        },
+        enumerable: true
+      });
+    };
+    if (FORCED) {
+      TypedArray = wrapper(function (that, data, $offset, $length) {
+        anInstance(that, TypedArray, NAME, '_d');
+        var index = 0;
+        var offset = 0;
+        var buffer, byteLength, length, klass;
+        if (!isObject(data)) {
+          length = toIndex(data);
+          byteLength = length * BYTES;
+          buffer = new $ArrayBuffer(byteLength);
+        } else if (data instanceof $ArrayBuffer || (klass = classof(data)) == ARRAY_BUFFER || klass == SHARED_BUFFER) {
+          buffer = data;
+          offset = toOffset($offset, BYTES);
+          var $len = data.byteLength;
+          if ($length === undefined) {
+            if ($len % BYTES) throw RangeError(WRONG_LENGTH);
+            byteLength = $len - offset;
+            if (byteLength < 0) throw RangeError(WRONG_LENGTH);
+          } else {
+            byteLength = toLength($length) * BYTES;
+            if (byteLength + offset > $len) throw RangeError(WRONG_LENGTH);
+          }
+          length = byteLength / BYTES;
+        } else if (TYPED_ARRAY in data) {
+          return fromList(TypedArray, data);
+        } else {
+          return $from.call(TypedArray, data);
+        }
+        hide(that, '_d', {
+          b: buffer,
+          o: offset,
+          l: byteLength,
+          e: length,
+          v: new $DataView(buffer)
+        });
+        while (index < length) addElement(that, index++);
+      });
+      TypedArrayPrototype = TypedArray[PROTOTYPE] = create($TypedArrayPrototype$);
+      hide(TypedArrayPrototype, 'constructor', TypedArray);
+    } else if (!fails(function () {
+      TypedArray(1);
+    }) || !fails(function () {
+      new TypedArray(-1); // eslint-disable-line no-new
+    }) || !$iterDetect(function (iter) {
+      new TypedArray(); // eslint-disable-line no-new
+      new TypedArray(null); // eslint-disable-line no-new
+      new TypedArray(1.5); // eslint-disable-line no-new
+      new TypedArray(iter); // eslint-disable-line no-new
+    }, true)) {
+      TypedArray = wrapper(function (that, data, $offset, $length) {
+        anInstance(that, TypedArray, NAME);
+        var klass;
+        // `ws` module bug, temporarily remove validation length for Uint8Array
+        // https://github.com/websockets/ws/pull/645
+        if (!isObject(data)) return new Base(toIndex(data));
+        if (data instanceof $ArrayBuffer || (klass = classof(data)) == ARRAY_BUFFER || klass == SHARED_BUFFER) {
+          return $length !== undefined
+            ? new Base(data, toOffset($offset, BYTES), $length)
+            : $offset !== undefined
+              ? new Base(data, toOffset($offset, BYTES))
+              : new Base(data);
+        }
+        if (TYPED_ARRAY in data) return fromList(TypedArray, data);
+        return $from.call(TypedArray, data);
+      });
+      arrayForEach(TAC !== Function.prototype ? gOPN(Base).concat(gOPN(TAC)) : gOPN(Base), function (key) {
+        if (!(key in TypedArray)) hide(TypedArray, key, Base[key]);
+      });
+      TypedArray[PROTOTYPE] = TypedArrayPrototype;
+      if (!LIBRARY) TypedArrayPrototype.constructor = TypedArray;
+    }
+    var $nativeIterator = TypedArrayPrototype[ITERATOR];
+    var CORRECT_ITER_NAME = !!$nativeIterator
+      && ($nativeIterator.name == 'values' || $nativeIterator.name == undefined);
+    var $iterator = $iterators.values;
+    hide(TypedArray, TYPED_CONSTRUCTOR, true);
+    hide(TypedArrayPrototype, TYPED_ARRAY, NAME);
+    hide(TypedArrayPrototype, VIEW, true);
+    hide(TypedArrayPrototype, DEF_CONSTRUCTOR, TypedArray);
+
+    if (CLAMPED ? new TypedArray(1)[TAG] != NAME : !(TAG in TypedArrayPrototype)) {
+      dP(TypedArrayPrototype, TAG, {
+        get: function () { return NAME; }
+      });
+    }
+
+    O[NAME] = TypedArray;
+
+    $export($export.G + $export.W + $export.F * (TypedArray != Base), O);
+
+    $export($export.S, NAME, {
+      BYTES_PER_ELEMENT: BYTES
+    });
+
+    $export($export.S + $export.F * fails(function () { Base.of.call(TypedArray, 1); }), NAME, {
+      from: $from,
+      of: $of
+    });
+
+    if (!(BYTES_PER_ELEMENT in TypedArrayPrototype)) hide(TypedArrayPrototype, BYTES_PER_ELEMENT, BYTES);
+
+    $export($export.P, NAME, proto);
+
+    setSpecies(NAME);
+
+    $export($export.P + $export.F * FORCED_SET, NAME, { set: $set });
+
+    $export($export.P + $export.F * !CORRECT_ITER_NAME, NAME, $iterators);
+
+    if (!LIBRARY && TypedArrayPrototype.toString != arrayToString) TypedArrayPrototype.toString = arrayToString;
+
+    $export($export.P + $export.F * fails(function () {
+      new TypedArray(1).slice();
+    }), NAME, { slice: $slice });
+
+    $export($export.P + $export.F * (fails(function () {
+      return [1, 2].toLocaleString() != new TypedArray([1, 2]).toLocaleString();
+    }) || !fails(function () {
+      TypedArrayPrototype.toLocaleString.call([1, 2]);
+    })), NAME, { toLocaleString: $toLocaleString });
+
+    Iterators[NAME] = CORRECT_ITER_NAME ? $nativeIterator : $iterator;
+    if (!LIBRARY && !CORRECT_ITER_NAME) hide(TypedArrayPrototype, ITERATOR, $iterator);
+  };
+} else module.exports = function () { /* empty */ };
+
+},{"100":100,"104":104,"11":11,"114":114,"115":115,"116":116,"118":118,"119":119,"12":12,"120":120,"122":122,"123":123,"124":124,"128":128,"129":129,"141":141,"17":17,"25":25,"29":29,"33":33,"35":35,"40":40,"41":41,"42":42,"48":48,"51":51,"56":56,"58":58,"6":6,"60":60,"71":71,"72":72,"75":75,"77":77,"79":79,"8":8,"9":9,"92":92,"93":93}],122:[function(_dereq_,module,exports){
+'use strict';
+var global = _dereq_(40);
+var DESCRIPTORS = _dereq_(29);
+var LIBRARY = _dereq_(60);
+var $typed = _dereq_(123);
+var hide = _dereq_(42);
+var redefineAll = _dereq_(93);
+var fails = _dereq_(35);
+var anInstance = _dereq_(6);
+var toInteger = _dereq_(116);
+var toLength = _dereq_(118);
+var toIndex = _dereq_(115);
+var gOPN = _dereq_(77).f;
+var dP = _dereq_(72).f;
+var arrayFill = _dereq_(9);
+var setToStringTag = _dereq_(101);
+var ARRAY_BUFFER = 'ArrayBuffer';
+var DATA_VIEW = 'DataView';
+var PROTOTYPE = 'prototype';
+var WRONG_LENGTH = 'Wrong length!';
+var WRONG_INDEX = 'Wrong index!';
+var $ArrayBuffer = global[ARRAY_BUFFER];
+var $DataView = global[DATA_VIEW];
+var Math = global.Math;
+var RangeError = global.RangeError;
+// eslint-disable-next-line no-shadow-restricted-names
+var Infinity = global.Infinity;
+var BaseBuffer = $ArrayBuffer;
+var abs = Math.abs;
+var pow = Math.pow;
+var floor = Math.floor;
+var log = Math.log;
+var LN2 = Math.LN2;
+var BUFFER = 'buffer';
+var BYTE_LENGTH = 'byteLength';
+var BYTE_OFFSET = 'byteOffset';
+var $BUFFER = DESCRIPTORS ? '_b' : BUFFER;
+var $LENGTH = DESCRIPTORS ? '_l' : BYTE_LENGTH;
+var $OFFSET = DESCRIPTORS ? '_o' : BYTE_OFFSET;
+
+// IEEE754 conversions based on https://github.com/feross/ieee754
+function packIEEE754(value, mLen, nBytes) {
+  var buffer = Array(nBytes);
+  var eLen = nBytes * 8 - mLen - 1;
+  var eMax = (1 << eLen) - 1;
+  var eBias = eMax >> 1;
+  var rt = mLen === 23 ? pow(2, -24) - pow(2, -77) : 0;
+  var i = 0;
+  var s = value < 0 || value === 0 && 1 / value < 0 ? 1 : 0;
+  var e, m, c;
+  value = abs(value);
+  // eslint-disable-next-line no-self-compare
+  if (value != value || value === Infinity) {
+    // eslint-disable-next-line no-self-compare
+    m = value != value ? 1 : 0;
+    e = eMax;
+  } else {
+    e = floor(log(value) / LN2);
+    if (value * (c = pow(2, -e)) < 1) {
+      e--;
+      c *= 2;
+    }
+    if (e + eBias >= 1) {
+      value += rt / c;
+    } else {
+      value += rt * pow(2, 1 - eBias);
+    }
+    if (value * c >= 2) {
+      e++;
+      c /= 2;
+    }
+    if (e + eBias >= eMax) {
+      m = 0;
+      e = eMax;
+    } else if (e + eBias >= 1) {
+      m = (value * c - 1) * pow(2, mLen);
+      e = e + eBias;
+    } else {
+      m = value * pow(2, eBias - 1) * pow(2, mLen);
+      e = 0;
+    }
+  }
+  for (; mLen >= 8; buffer[i++] = m & 255, m /= 256, mLen -= 8);
+  e = e << mLen | m;
+  eLen += mLen;
+  for (; eLen > 0; buffer[i++] = e & 255, e /= 256, eLen -= 8);
+  buffer[--i] |= s * 128;
+  return buffer;
+}
+function unpackIEEE754(buffer, mLen, nBytes) {
+  var eLen = nBytes * 8 - mLen - 1;
+  var eMax = (1 << eLen) - 1;
+  var eBias = eMax >> 1;
+  var nBits = eLen - 7;
+  var i = nBytes - 1;
+  var s = buffer[i--];
+  var e = s & 127;
+  var m;
+  s >>= 7;
+  for (; nBits > 0; e = e * 256 + buffer[i], i--, nBits -= 8);
+  m = e & (1 << -nBits) - 1;
+  e >>= -nBits;
+  nBits += mLen;
+  for (; nBits > 0; m = m * 256 + buffer[i], i--, nBits -= 8);
+  if (e === 0) {
+    e = 1 - eBias;
+  } else if (e === eMax) {
+    return m ? NaN : s ? -Infinity : Infinity;
+  } else {
+    m = m + pow(2, mLen);
+    e = e - eBias;
+  } return (s ? -1 : 1) * m * pow(2, e - mLen);
+}
+
+function unpackI32(bytes) {
+  return bytes[3] << 24 | bytes[2] << 16 | bytes[1] << 8 | bytes[0];
+}
+function packI8(it) {
+  return [it & 0xff];
+}
+function packI16(it) {
+  return [it & 0xff, it >> 8 & 0xff];
+}
+function packI32(it) {
+  return [it & 0xff, it >> 8 & 0xff, it >> 16 & 0xff, it >> 24 & 0xff];
+}
+function packF64(it) {
+  return packIEEE754(it, 52, 8);
+}
+function packF32(it) {
+  return packIEEE754(it, 23, 4);
+}
+
+function addGetter(C, key, internal) {
+  dP(C[PROTOTYPE], key, { get: function () { return this[internal]; } });
+}
+
+function get(view, bytes, index, isLittleEndian) {
+  var numIndex = +index;
+  var intIndex = toIndex(numIndex);
+  if (intIndex + bytes > view[$LENGTH]) throw RangeError(WRONG_INDEX);
+  var store = view[$BUFFER]._b;
+  var start = intIndex + view[$OFFSET];
+  var pack = store.slice(start, start + bytes);
+  return isLittleEndian ? pack : pack.reverse();
+}
+function set(view, bytes, index, conversion, value, isLittleEndian) {
+  var numIndex = +index;
+  var intIndex = toIndex(numIndex);
+  if (intIndex + bytes > view[$LENGTH]) throw RangeError(WRONG_INDEX);
+  var store = view[$BUFFER]._b;
+  var start = intIndex + view[$OFFSET];
+  var pack = conversion(+value);
+  for (var i = 0; i < bytes; i++) store[start + i] = pack[isLittleEndian ? i : bytes - i - 1];
+}
+
+if (!$typed.ABV) {
+  $ArrayBuffer = function ArrayBuffer(length) {
+    anInstance(this, $ArrayBuffer, ARRAY_BUFFER);
+    var byteLength = toIndex(length);
+    this._b = arrayFill.call(Array(byteLength), 0);
+    this[$LENGTH] = byteLength;
+  };
+
+  $DataView = function DataView(buffer, byteOffset, byteLength) {
+    anInstance(this, $DataView, DATA_VIEW);
+    anInstance(buffer, $ArrayBuffer, DATA_VIEW);
+    var bufferLength = buffer[$LENGTH];
+    var offset = toInteger(byteOffset);
+    if (offset < 0 || offset > bufferLength) throw RangeError('Wrong offset!');
+    byteLength = byteLength === undefined ? bufferLength - offset : toLength(byteLength);
+    if (offset + byteLength > bufferLength) throw RangeError(WRONG_LENGTH);
+    this[$BUFFER] = buffer;
+    this[$OFFSET] = offset;
+    this[$LENGTH] = byteLength;
+  };
+
+  if (DESCRIPTORS) {
+    addGetter($ArrayBuffer, BYTE_LENGTH, '_l');
+    addGetter($DataView, BUFFER, '_b');
+    addGetter($DataView, BYTE_LENGTH, '_l');
+    addGetter($DataView, BYTE_OFFSET, '_o');
+  }
+
+  redefineAll($DataView[PROTOTYPE], {
+    getInt8: function getInt8(byteOffset) {
+      return get(this, 1, byteOffset)[0] << 24 >> 24;
+    },
+    getUint8: function getUint8(byteOffset) {
+      return get(this, 1, byteOffset)[0];
+    },
+    getInt16: function getInt16(byteOffset /* , littleEndian */) {
+      var bytes = get(this, 2, byteOffset, arguments[1]);
+      return (bytes[1] << 8 | bytes[0]) << 16 >> 16;
+    },
+    getUint16: function getUint16(byteOffset /* , littleEndian */) {
+      var bytes = get(this, 2, byteOffset, arguments[1]);
+      return bytes[1] << 8 | bytes[0];
+    },
+    getInt32: function getInt32(byteOffset /* , littleEndian */) {
+      return unpackI32(get(this, 4, byteOffset, arguments[1]));
+    },
+    getUint32: function getUint32(byteOffset /* , littleEndian */) {
+      return unpackI32(get(this, 4, byteOffset, arguments[1])) >>> 0;
+    },
+    getFloat32: function getFloat32(byteOffset /* , littleEndian */) {
+      return unpackIEEE754(get(this, 4, byteOffset, arguments[1]), 23, 4);
+    },
+    getFloat64: function getFloat64(byteOffset /* , littleEndian */) {
+      return unpackIEEE754(get(this, 8, byteOffset, arguments[1]), 52, 8);
+    },
+    setInt8: function setInt8(byteOffset, value) {
+      set(this, 1, byteOffset, packI8, value);
+    },
+    setUint8: function setUint8(byteOffset, value) {
+      set(this, 1, byteOffset, packI8, value);
+    },
+    setInt16: function setInt16(byteOffset, value /* , littleEndian */) {
+      set(this, 2, byteOffset, packI16, value, arguments[2]);
+    },
+    setUint16: function setUint16(byteOffset, value /* , littleEndian */) {
+      set(this, 2, byteOffset, packI16, value, arguments[2]);
+    },
+    setInt32: function setInt32(byteOffset, value /* , littleEndian */) {
+      set(this, 4, byteOffset, packI32, value, arguments[2]);
+    },
+    setUint32: function setUint32(byteOffset, value /* , littleEndian */) {
+      set(this, 4, byteOffset, packI32, value, arguments[2]);
+    },
+    setFloat32: function setFloat32(byteOffset, value /* , littleEndian */) {
+      set(this, 4, byteOffset, packF32, value, arguments[2]);
+    },
+    setFloat64: function setFloat64(byteOffset, value /* , littleEndian */) {
+      set(this, 8, byteOffset, packF64, value, arguments[2]);
+    }
+  });
+} else {
+  if (!fails(function () {
+    $ArrayBuffer(1);
+  }) || !fails(function () {
+    new $ArrayBuffer(-1); // eslint-disable-line no-new
+  }) || fails(function () {
+    new $ArrayBuffer(); // eslint-disable-line no-new
+    new $ArrayBuffer(1.5); // eslint-disable-line no-new
+    new $ArrayBuffer(NaN); // eslint-disable-line no-new
+    return $ArrayBuffer.name != ARRAY_BUFFER;
+  })) {
+    $ArrayBuffer = function ArrayBuffer(length) {
+      anInstance(this, $ArrayBuffer);
+      return new BaseBuffer(toIndex(length));
+    };
+    var ArrayBufferProto = $ArrayBuffer[PROTOTYPE] = BaseBuffer[PROTOTYPE];
+    for (var keys = gOPN(BaseBuffer), j = 0, key; keys.length > j;) {
+      if (!((key = keys[j++]) in $ArrayBuffer)) hide($ArrayBuffer, key, BaseBuffer[key]);
+    }
+    if (!LIBRARY) ArrayBufferProto.constructor = $ArrayBuffer;
+  }
+  // iOS Safari 7.x bug
+  var view = new $DataView(new $ArrayBuffer(2));
+  var $setInt8 = $DataView[PROTOTYPE].setInt8;
+  view.setInt8(0, 2147483648);
+  view.setInt8(1, 2147483649);
+  if (view.getInt8(0) || !view.getInt8(1)) redefineAll($DataView[PROTOTYPE], {
+    setInt8: function setInt8(byteOffset, value) {
+      $setInt8.call(this, byteOffset, value << 24 >> 24);
+    },
+    setUint8: function setUint8(byteOffset, value) {
+      $setInt8.call(this, byteOffset, value << 24 >> 24);
+    }
+  }, true);
+}
+setToStringTag($ArrayBuffer, ARRAY_BUFFER);
+setToStringTag($DataView, DATA_VIEW);
+hide($DataView[PROTOTYPE], $typed.VIEW, true);
+exports[ARRAY_BUFFER] = $ArrayBuffer;
+exports[DATA_VIEW] = $DataView;
+
+},{"101":101,"115":115,"116":116,"118":118,"123":123,"29":29,"35":35,"40":40,"42":42,"6":6,"60":60,"72":72,"77":77,"9":9,"93":93}],123:[function(_dereq_,module,exports){
+var global = _dereq_(40);
+var hide = _dereq_(42);
+var uid = _dereq_(124);
+var TYPED = uid('typed_array');
+var VIEW = uid('view');
+var ABV = !!(global.ArrayBuffer && global.DataView);
+var CONSTR = ABV;
+var i = 0;
+var l = 9;
+var Typed;
+
+var TypedArrayConstructors = (
+  'Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array'
+).split(',');
+
+while (i < l) {
+  if (Typed = global[TypedArrayConstructors[i++]]) {
+    hide(Typed.prototype, TYPED, true);
+    hide(Typed.prototype, VIEW, true);
+  } else CONSTR = false;
+}
+
+module.exports = {
+  ABV: ABV,
+  CONSTR: CONSTR,
+  TYPED: TYPED,
+  VIEW: VIEW
+};
+
+},{"124":124,"40":40,"42":42}],124:[function(_dereq_,module,exports){
+var id = 0;
+var px = Math.random();
+module.exports = function (key) {
+  return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
+};
+
+},{}],125:[function(_dereq_,module,exports){
+var isObject = _dereq_(51);
+module.exports = function (it, TYPE) {
+  if (!isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
+  return it;
+};
+
+},{"51":51}],126:[function(_dereq_,module,exports){
+var global = _dereq_(40);
+var core = _dereq_(23);
+var LIBRARY = _dereq_(60);
+var wksExt = _dereq_(127);
+var defineProperty = _dereq_(72).f;
+module.exports = function (name) {
+  var $Symbol = core.Symbol || (core.Symbol = LIBRARY ? {} : global.Symbol || {});
+  if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty($Symbol, name, { value: wksExt.f(name) });
+};
+
+},{"127":127,"23":23,"40":40,"60":60,"72":72}],127:[function(_dereq_,module,exports){
+exports.f = _dereq_(128);
+
+},{"128":128}],128:[function(_dereq_,module,exports){
+var store = _dereq_(103)('wks');
+var uid = _dereq_(124);
+var Symbol = _dereq_(40).Symbol;
+var USE_SYMBOL = typeof Symbol == 'function';
+
+var $exports = module.exports = function (name) {
+  return store[name] || (store[name] =
+    USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));
+};
+
+$exports.store = store;
+
+},{"103":103,"124":124,"40":40}],129:[function(_dereq_,module,exports){
+var classof = _dereq_(17);
+var ITERATOR = _dereq_(128)('iterator');
+var Iterators = _dereq_(58);
+module.exports = _dereq_(23).getIteratorMethod = function (it) {
+  if (it != undefined) return it[ITERATOR]
+    || it['@@iterator']
+    || Iterators[classof(it)];
+};
+
+},{"128":128,"17":17,"23":23,"58":58}],130:[function(_dereq_,module,exports){
+// https://github.com/benjamingr/RexExp.escape
+var $export = _dereq_(33);
+var $re = _dereq_(95)(/[\\^$*+?.()|[\]{}]/g, '\\$&');
+
+$export($export.S, 'RegExp', { escape: function escape(it) { return $re(it); } });
+
+},{"33":33,"95":95}],131:[function(_dereq_,module,exports){
+// 22.1.3.3 Array.prototype.copyWithin(target, start, end = this.length)
+var $export = _dereq_(33);
+
+$export($export.P, 'Array', { copyWithin: _dereq_(8) });
+
+_dereq_(5)('copyWithin');
+
+},{"33":33,"5":5,"8":8}],132:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var $every = _dereq_(12)(4);
+
+$export($export.P + $export.F * !_dereq_(105)([].every, true), 'Array', {
+  // 22.1.3.5 / 15.4.4.16 Array.prototype.every(callbackfn [, thisArg])
+  every: function every(callbackfn /* , thisArg */) {
+    return $every(this, callbackfn, arguments[1]);
+  }
+});
+
+},{"105":105,"12":12,"33":33}],133:[function(_dereq_,module,exports){
+// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)
+var $export = _dereq_(33);
+
+$export($export.P, 'Array', { fill: _dereq_(9) });
+
+_dereq_(5)('fill');
+
+},{"33":33,"5":5,"9":9}],134:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var $filter = _dereq_(12)(2);
+
+$export($export.P + $export.F * !_dereq_(105)([].filter, true), 'Array', {
+  // 22.1.3.7 / 15.4.4.20 Array.prototype.filter(callbackfn [, thisArg])
+  filter: function filter(callbackfn /* , thisArg */) {
+    return $filter(this, callbackfn, arguments[1]);
+  }
+});
+
+},{"105":105,"12":12,"33":33}],135:[function(_dereq_,module,exports){
+'use strict';
+// 22.1.3.9 Array.prototype.findIndex(predicate, thisArg = undefined)
+var $export = _dereq_(33);
+var $find = _dereq_(12)(6);
+var KEY = 'findIndex';
+var forced = true;
+// Shouldn't skip holes
+if (KEY in []) Array(1)[KEY](function () { forced = false; });
+$export($export.P + $export.F * forced, 'Array', {
+  findIndex: function findIndex(callbackfn /* , that = undefined */) {
+    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+_dereq_(5)(KEY);
+
+},{"12":12,"33":33,"5":5}],136:[function(_dereq_,module,exports){
+'use strict';
+// 22.1.3.8 Array.prototype.find(predicate, thisArg = undefined)
+var $export = _dereq_(33);
+var $find = _dereq_(12)(5);
+var KEY = 'find';
+var forced = true;
+// Shouldn't skip holes
+if (KEY in []) Array(1)[KEY](function () { forced = false; });
+$export($export.P + $export.F * forced, 'Array', {
+  find: function find(callbackfn /* , that = undefined */) {
+    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+_dereq_(5)(KEY);
+
+},{"12":12,"33":33,"5":5}],137:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var $forEach = _dereq_(12)(0);
+var STRICT = _dereq_(105)([].forEach, true);
+
+$export($export.P + $export.F * !STRICT, 'Array', {
+  // 22.1.3.10 / 15.4.4.18 Array.prototype.forEach(callbackfn [, thisArg])
+  forEach: function forEach(callbackfn /* , thisArg */) {
+    return $forEach(this, callbackfn, arguments[1]);
+  }
+});
+
+},{"105":105,"12":12,"33":33}],138:[function(_dereq_,module,exports){
+'use strict';
+var ctx = _dereq_(25);
+var $export = _dereq_(33);
+var toObject = _dereq_(119);
+var call = _dereq_(53);
+var isArrayIter = _dereq_(48);
+var toLength = _dereq_(118);
+var createProperty = _dereq_(24);
+var getIterFn = _dereq_(129);
+
+$export($export.S + $export.F * !_dereq_(56)(function (iter) { Array.from(iter); }), 'Array', {
+  // 22.1.2.1 Array.from(arrayLike, mapfn = undefined, thisArg = undefined)
+  from: function from(arrayLike /* , mapfn = undefined, thisArg = undefined */) {
+    var O = toObject(arrayLike);
+    var C = typeof this == 'function' ? this : Array;
+    var aLen = arguments.length;
+    var mapfn = aLen > 1 ? arguments[1] : undefined;
+    var mapping = mapfn !== undefined;
+    var index = 0;
+    var iterFn = getIterFn(O);
+    var length, result, step, iterator;
+    if (mapping) mapfn = ctx(mapfn, aLen > 2 ? arguments[2] : undefined, 2);
+    // if object isn't iterable or it's array with default iterator - use simple case
+    if (iterFn != undefined && !(C == Array && isArrayIter(iterFn))) {
+      for (iterator = iterFn.call(O), result = new C(); !(step = iterator.next()).done; index++) {
+        createProperty(result, index, mapping ? call(iterator, mapfn, [step.value, index], true) : step.value);
+      }
+    } else {
+      length = toLength(O.length);
+      for (result = new C(length); length > index; index++) {
+        createProperty(result, index, mapping ? mapfn(O[index], index) : O[index]);
+      }
+    }
+    result.length = index;
+    return result;
+  }
+});
+
+},{"118":118,"119":119,"129":129,"24":24,"25":25,"33":33,"48":48,"53":53,"56":56}],139:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var $indexOf = _dereq_(11)(false);
+var $native = [].indexOf;
+var NEGATIVE_ZERO = !!$native && 1 / [1].indexOf(1, -0) < 0;
+
+$export($export.P + $export.F * (NEGATIVE_ZERO || !_dereq_(105)($native)), 'Array', {
+  // 22.1.3.11 / 15.4.4.14 Array.prototype.indexOf(searchElement [, fromIndex])
+  indexOf: function indexOf(searchElement /* , fromIndex = 0 */) {
+    return NEGATIVE_ZERO
+      // convert -0 to +0
+      ? $native.apply(this, arguments) || 0
+      : $indexOf(this, searchElement, arguments[1]);
+  }
+});
+
+},{"105":105,"11":11,"33":33}],140:[function(_dereq_,module,exports){
+// 22.1.2.2 / 15.4.3.2 Array.isArray(arg)
+var $export = _dereq_(33);
+
+$export($export.S, 'Array', { isArray: _dereq_(49) });
+
+},{"33":33,"49":49}],141:[function(_dereq_,module,exports){
+'use strict';
+var addToUnscopables = _dereq_(5);
+var step = _dereq_(57);
+var Iterators = _dereq_(58);
+var toIObject = _dereq_(117);
+
+// 22.1.3.4 Array.prototype.entries()
+// 22.1.3.13 Array.prototype.keys()
+// 22.1.3.29 Array.prototype.values()
+// 22.1.3.30 Array.prototype[@@iterator]()
+module.exports = _dereq_(55)(Array, 'Array', function (iterated, kind) {
+  this._t = toIObject(iterated); // target
+  this._i = 0;                   // next index
+  this._k = kind;                // kind
+// 22.1.5.2.1 %ArrayIteratorPrototype%.next()
+}, function () {
+  var O = this._t;
+  var kind = this._k;
+  var index = this._i++;
+  if (!O || index >= O.length) {
+    this._t = undefined;
+    return step(1);
+  }
+  if (kind == 'keys') return step(0, index);
+  if (kind == 'values') return step(0, O[index]);
+  return step(0, [index, O[index]]);
+}, 'values');
+
+// argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7)
+Iterators.Arguments = Iterators.Array;
+
+addToUnscopables('keys');
+addToUnscopables('values');
+addToUnscopables('entries');
+
+},{"117":117,"5":5,"55":55,"57":57,"58":58}],142:[function(_dereq_,module,exports){
+'use strict';
+// 22.1.3.13 Array.prototype.join(separator)
+var $export = _dereq_(33);
+var toIObject = _dereq_(117);
+var arrayJoin = [].join;
+
+// fallback for not array-like strings
+$export($export.P + $export.F * (_dereq_(47) != Object || !_dereq_(105)(arrayJoin)), 'Array', {
+  join: function join(separator) {
+    return arrayJoin.call(toIObject(this), separator === undefined ? ',' : separator);
+  }
+});
+
+},{"105":105,"117":117,"33":33,"47":47}],143:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var toIObject = _dereq_(117);
+var toInteger = _dereq_(116);
+var toLength = _dereq_(118);
+var $native = [].lastIndexOf;
+var NEGATIVE_ZERO = !!$native && 1 / [1].lastIndexOf(1, -0) < 0;
+
+$export($export.P + $export.F * (NEGATIVE_ZERO || !_dereq_(105)($native)), 'Array', {
+  // 22.1.3.14 / 15.4.4.15 Array.prototype.lastIndexOf(searchElement [, fromIndex])
+  lastIndexOf: function lastIndexOf(searchElement /* , fromIndex = @[*-1] */) {
+    // convert -0 to +0
+    if (NEGATIVE_ZERO) return $native.apply(this, arguments) || 0;
+    var O = toIObject(this);
+    var length = toLength(O.length);
+    var index = length - 1;
+    if (arguments.length > 1) index = Math.min(index, toInteger(arguments[1]));
+    if (index < 0) index = length + index;
+    for (;index >= 0; index--) if (index in O) if (O[index] === searchElement) return index || 0;
+    return -1;
+  }
+});
+
+},{"105":105,"116":116,"117":117,"118":118,"33":33}],144:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var $map = _dereq_(12)(1);
+
+$export($export.P + $export.F * !_dereq_(105)([].map, true), 'Array', {
+  // 22.1.3.15 / 15.4.4.19 Array.prototype.map(callbackfn [, thisArg])
+  map: function map(callbackfn /* , thisArg */) {
+    return $map(this, callbackfn, arguments[1]);
+  }
+});
+
+},{"105":105,"12":12,"33":33}],145:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var createProperty = _dereq_(24);
+
+// WebKit Array.of isn't generic
+$export($export.S + $export.F * _dereq_(35)(function () {
+  function F() { /* empty */ }
+  return !(Array.of.call(F) instanceof F);
+}), 'Array', {
+  // 22.1.2.3 Array.of( ...items)
+  of: function of(/* ...args */) {
+    var index = 0;
+    var aLen = arguments.length;
+    var result = new (typeof this == 'function' ? this : Array)(aLen);
+    while (aLen > index) createProperty(result, index, arguments[index++]);
+    result.length = aLen;
+    return result;
+  }
+});
+
+},{"24":24,"33":33,"35":35}],146:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var $reduce = _dereq_(13);
+
+$export($export.P + $export.F * !_dereq_(105)([].reduceRight, true), 'Array', {
+  // 22.1.3.19 / 15.4.4.22 Array.prototype.reduceRight(callbackfn [, initialValue])
+  reduceRight: function reduceRight(callbackfn /* , initialValue */) {
+    return $reduce(this, callbackfn, arguments.length, arguments[1], true);
+  }
+});
+
+},{"105":105,"13":13,"33":33}],147:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var $reduce = _dereq_(13);
+
+$export($export.P + $export.F * !_dereq_(105)([].reduce, true), 'Array', {
+  // 22.1.3.18 / 15.4.4.21 Array.prototype.reduce(callbackfn [, initialValue])
+  reduce: function reduce(callbackfn /* , initialValue */) {
+    return $reduce(this, callbackfn, arguments.length, arguments[1], false);
+  }
+});
+
+},{"105":105,"13":13,"33":33}],148:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var html = _dereq_(43);
+var cof = _dereq_(18);
+var toAbsoluteIndex = _dereq_(114);
+var toLength = _dereq_(118);
+var arraySlice = [].slice;
+
+// fallback for not array-like ES3 strings and DOM objects
+$export($export.P + $export.F * _dereq_(35)(function () {
+  if (html) arraySlice.call(html);
+}), 'Array', {
+  slice: function slice(begin, end) {
+    var len = toLength(this.length);
+    var klass = cof(this);
+    end = end === undefined ? len : end;
+    if (klass == 'Array') return arraySlice.call(this, begin, end);
+    var start = toAbsoluteIndex(begin, len);
+    var upTo = toAbsoluteIndex(end, len);
+    var size = toLength(upTo - start);
+    var cloned = Array(size);
+    var i = 0;
+    for (; i < size; i++) cloned[i] = klass == 'String'
+      ? this.charAt(start + i)
+      : this[start + i];
+    return cloned;
+  }
+});
+
+},{"114":114,"118":118,"18":18,"33":33,"35":35,"43":43}],149:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var $some = _dereq_(12)(3);
+
+$export($export.P + $export.F * !_dereq_(105)([].some, true), 'Array', {
+  // 22.1.3.23 / 15.4.4.17 Array.prototype.some(callbackfn [, thisArg])
+  some: function some(callbackfn /* , thisArg */) {
+    return $some(this, callbackfn, arguments[1]);
+  }
+});
+
+},{"105":105,"12":12,"33":33}],150:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var aFunction = _dereq_(3);
+var toObject = _dereq_(119);
+var fails = _dereq_(35);
+var $sort = [].sort;
+var test = [1, 2, 3];
+
+$export($export.P + $export.F * (fails(function () {
+  // IE8-
+  test.sort(undefined);
+}) || !fails(function () {
+  // V8 bug
+  test.sort(null);
+  // Old WebKit
+}) || !_dereq_(105)($sort)), 'Array', {
+  // 22.1.3.25 Array.prototype.sort(comparefn)
+  sort: function sort(comparefn) {
+    return comparefn === undefined
+      ? $sort.call(toObject(this))
+      : $sort.call(toObject(this), aFunction(comparefn));
+  }
+});
+
+},{"105":105,"119":119,"3":3,"33":33,"35":35}],151:[function(_dereq_,module,exports){
+_dereq_(100)('Array');
+
+},{"100":100}],152:[function(_dereq_,module,exports){
+// 20.3.3.1 / 15.9.4.4 Date.now()
+var $export = _dereq_(33);
+
+$export($export.S, 'Date', { now: function () { return new Date().getTime(); } });
+
+},{"33":33}],153:[function(_dereq_,module,exports){
+// 20.3.4.36 / 15.9.5.43 Date.prototype.toISOString()
+var $export = _dereq_(33);
+var toISOString = _dereq_(26);
+
+// PhantomJS / old WebKit has a broken implementations
+$export($export.P + $export.F * (Date.prototype.toISOString !== toISOString), 'Date', {
+  toISOString: toISOString
+});
+
+},{"26":26,"33":33}],154:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var toObject = _dereq_(119);
+var toPrimitive = _dereq_(120);
+
+$export($export.P + $export.F * _dereq_(35)(function () {
+  return new Date(NaN).toJSON() !== null
+    || Date.prototype.toJSON.call({ toISOString: function () { return 1; } }) !== 1;
+}), 'Date', {
+  // eslint-disable-next-line no-unused-vars
+  toJSON: function toJSON(key) {
+    var O = toObject(this);
+    var pv = toPrimitive(O);
+    return typeof pv == 'number' && !isFinite(pv) ? null : O.toISOString();
+  }
+});
+
+},{"119":119,"120":120,"33":33,"35":35}],155:[function(_dereq_,module,exports){
+var TO_PRIMITIVE = _dereq_(128)('toPrimitive');
+var proto = Date.prototype;
+
+if (!(TO_PRIMITIVE in proto)) _dereq_(42)(proto, TO_PRIMITIVE, _dereq_(27));
+
+},{"128":128,"27":27,"42":42}],156:[function(_dereq_,module,exports){
+var DateProto = Date.prototype;
+var INVALID_DATE = 'Invalid Date';
+var TO_STRING = 'toString';
+var $toString = DateProto[TO_STRING];
+var getTime = DateProto.getTime;
+if (new Date(NaN) + '' != INVALID_DATE) {
+  _dereq_(94)(DateProto, TO_STRING, function toString() {
+    var value = getTime.call(this);
+    // eslint-disable-next-line no-self-compare
+    return value === value ? $toString.call(this) : INVALID_DATE;
+  });
+}
+
+},{"94":94}],157:[function(_dereq_,module,exports){
+// 19.2.3.2 / 15.3.4.5 Function.prototype.bind(thisArg, args...)
+var $export = _dereq_(33);
+
+$export($export.P, 'Function', { bind: _dereq_(16) });
+
+},{"16":16,"33":33}],158:[function(_dereq_,module,exports){
+'use strict';
+var isObject = _dereq_(51);
+var getPrototypeOf = _dereq_(79);
+var HAS_INSTANCE = _dereq_(128)('hasInstance');
+var FunctionProto = Function.prototype;
+// 19.2.3.6 Function.prototype[@@hasInstance](V)
+if (!(HAS_INSTANCE in FunctionProto)) _dereq_(72).f(FunctionProto, HAS_INSTANCE, { value: function (O) {
+  if (typeof this != 'function' || !isObject(O)) return false;
+  if (!isObject(this.prototype)) return O instanceof this;
+  // for environment w/o native `@@hasInstance` logic enough `instanceof`, but add this:
+  while (O = getPrototypeOf(O)) if (this.prototype === O) return true;
+  return false;
+} });
+
+},{"128":128,"51":51,"72":72,"79":79}],159:[function(_dereq_,module,exports){
+var dP = _dereq_(72).f;
+var FProto = Function.prototype;
+var nameRE = /^\s*function ([^ (]*)/;
+var NAME = 'name';
+
+// 19.2.4.2 name
+NAME in FProto || _dereq_(29) && dP(FProto, NAME, {
+  configurable: true,
+  get: function () {
+    try {
+      return ('' + this).match(nameRE)[1];
+    } catch (e) {
+      return '';
+    }
+  }
+});
+
+},{"29":29,"72":72}],160:[function(_dereq_,module,exports){
+'use strict';
+var strong = _dereq_(19);
+var validate = _dereq_(125);
+var MAP = 'Map';
+
+// 23.1 Map Objects
+module.exports = _dereq_(22)(MAP, function (get) {
+  return function Map() { return get(this, arguments.length > 0 ? arguments[0] : undefined); };
+}, {
+  // 23.1.3.6 Map.prototype.get(key)
+  get: function get(key) {
+    var entry = strong.getEntry(validate(this, MAP), key);
+    return entry && entry.v;
+  },
+  // 23.1.3.9 Map.prototype.set(key, value)
+  set: function set(key, value) {
+    return strong.def(validate(this, MAP), key === 0 ? 0 : key, value);
+  }
+}, strong, true);
+
+},{"125":125,"19":19,"22":22}],161:[function(_dereq_,module,exports){
+// 20.2.2.3 Math.acosh(x)
+var $export = _dereq_(33);
+var log1p = _dereq_(63);
+var sqrt = Math.sqrt;
+var $acosh = Math.acosh;
+
+$export($export.S + $export.F * !($acosh
+  // V8 bug: https://code.google.com/p/v8/issues/detail?id=3509
+  && Math.floor($acosh(Number.MAX_VALUE)) == 710
+  // Tor Browser bug: Math.acosh(Infinity) -> NaN
+  && $acosh(Infinity) == Infinity
+), 'Math', {
+  acosh: function acosh(x) {
+    return (x = +x) < 1 ? NaN : x > 94906265.62425156
+      ? Math.log(x) + Math.LN2
+      : log1p(x - 1 + sqrt(x - 1) * sqrt(x + 1));
+  }
+});
+
+},{"33":33,"63":63}],162:[function(_dereq_,module,exports){
+// 20.2.2.5 Math.asinh(x)
+var $export = _dereq_(33);
+var $asinh = Math.asinh;
+
+function asinh(x) {
+  return !isFinite(x = +x) || x == 0 ? x : x < 0 ? -asinh(-x) : Math.log(x + Math.sqrt(x * x + 1));
+}
+
+// Tor Browser bug: Math.asinh(0) -> -0
+$export($export.S + $export.F * !($asinh && 1 / $asinh(0) > 0), 'Math', { asinh: asinh });
+
+},{"33":33}],163:[function(_dereq_,module,exports){
+// 20.2.2.7 Math.atanh(x)
+var $export = _dereq_(33);
+var $atanh = Math.atanh;
+
+// Tor Browser bug: Math.atanh(-0) -> 0
+$export($export.S + $export.F * !($atanh && 1 / $atanh(-0) < 0), 'Math', {
+  atanh: function atanh(x) {
+    return (x = +x) == 0 ? x : Math.log((1 + x) / (1 - x)) / 2;
+  }
+});
+
+},{"33":33}],164:[function(_dereq_,module,exports){
+// 20.2.2.9 Math.cbrt(x)
+var $export = _dereq_(33);
+var sign = _dereq_(65);
+
+$export($export.S, 'Math', {
+  cbrt: function cbrt(x) {
+    return sign(x = +x) * Math.pow(Math.abs(x), 1 / 3);
+  }
+});
+
+},{"33":33,"65":65}],165:[function(_dereq_,module,exports){
+// 20.2.2.11 Math.clz32(x)
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', {
+  clz32: function clz32(x) {
+    return (x >>>= 0) ? 31 - Math.floor(Math.log(x + 0.5) * Math.LOG2E) : 32;
+  }
+});
+
+},{"33":33}],166:[function(_dereq_,module,exports){
+// 20.2.2.12 Math.cosh(x)
+var $export = _dereq_(33);
+var exp = Math.exp;
+
+$export($export.S, 'Math', {
+  cosh: function cosh(x) {
+    return (exp(x = +x) + exp(-x)) / 2;
+  }
+});
+
+},{"33":33}],167:[function(_dereq_,module,exports){
+// 20.2.2.14 Math.expm1(x)
+var $export = _dereq_(33);
+var $expm1 = _dereq_(61);
+
+$export($export.S + $export.F * ($expm1 != Math.expm1), 'Math', { expm1: $expm1 });
+
+},{"33":33,"61":61}],168:[function(_dereq_,module,exports){
+// 20.2.2.16 Math.fround(x)
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', { fround: _dereq_(62) });
+
+},{"33":33,"62":62}],169:[function(_dereq_,module,exports){
+// 20.2.2.17 Math.hypot([value1[, value2[, … ]]])
+var $export = _dereq_(33);
+var abs = Math.abs;
+
+$export($export.S, 'Math', {
+  hypot: function hypot(value1, value2) { // eslint-disable-line no-unused-vars
+    var sum = 0;
+    var i = 0;
+    var aLen = arguments.length;
+    var larg = 0;
+    var arg, div;
+    while (i < aLen) {
+      arg = abs(arguments[i++]);
+      if (larg < arg) {
+        div = larg / arg;
+        sum = sum * div * div + 1;
+        larg = arg;
+      } else if (arg > 0) {
+        div = arg / larg;
+        sum += div * div;
+      } else sum += arg;
+    }
+    return larg === Infinity ? Infinity : larg * Math.sqrt(sum);
+  }
+});
+
+},{"33":33}],170:[function(_dereq_,module,exports){
+// 20.2.2.18 Math.imul(x, y)
+var $export = _dereq_(33);
+var $imul = Math.imul;
+
+// some WebKit versions fails with big numbers, some has wrong arity
+$export($export.S + $export.F * _dereq_(35)(function () {
+  return $imul(0xffffffff, 5) != -5 || $imul.length != 2;
+}), 'Math', {
+  imul: function imul(x, y) {
+    var UINT16 = 0xffff;
+    var xn = +x;
+    var yn = +y;
+    var xl = UINT16 & xn;
+    var yl = UINT16 & yn;
+    return 0 | xl * yl + ((UINT16 & xn >>> 16) * yl + xl * (UINT16 & yn >>> 16) << 16 >>> 0);
+  }
+});
+
+},{"33":33,"35":35}],171:[function(_dereq_,module,exports){
+// 20.2.2.21 Math.log10(x)
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', {
+  log10: function log10(x) {
+    return Math.log(x) * Math.LOG10E;
+  }
+});
+
+},{"33":33}],172:[function(_dereq_,module,exports){
+// 20.2.2.20 Math.log1p(x)
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', { log1p: _dereq_(63) });
+
+},{"33":33,"63":63}],173:[function(_dereq_,module,exports){
+// 20.2.2.22 Math.log2(x)
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', {
+  log2: function log2(x) {
+    return Math.log(x) / Math.LN2;
+  }
+});
+
+},{"33":33}],174:[function(_dereq_,module,exports){
+// 20.2.2.28 Math.sign(x)
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', { sign: _dereq_(65) });
+
+},{"33":33,"65":65}],175:[function(_dereq_,module,exports){
+// 20.2.2.30 Math.sinh(x)
+var $export = _dereq_(33);
+var expm1 = _dereq_(61);
+var exp = Math.exp;
+
+// V8 near Chromium 38 has a problem with very small numbers
+$export($export.S + $export.F * _dereq_(35)(function () {
+  return !Math.sinh(-2e-17) != -2e-17;
+}), 'Math', {
+  sinh: function sinh(x) {
+    return Math.abs(x = +x) < 1
+      ? (expm1(x) - expm1(-x)) / 2
+      : (exp(x - 1) - exp(-x - 1)) * (Math.E / 2);
+  }
+});
+
+},{"33":33,"35":35,"61":61}],176:[function(_dereq_,module,exports){
+// 20.2.2.33 Math.tanh(x)
+var $export = _dereq_(33);
+var expm1 = _dereq_(61);
+var exp = Math.exp;
+
+$export($export.S, 'Math', {
+  tanh: function tanh(x) {
+    var a = expm1(x = +x);
+    var b = expm1(-x);
+    return a == Infinity ? 1 : b == Infinity ? -1 : (a - b) / (exp(x) + exp(-x));
+  }
+});
+
+},{"33":33,"61":61}],177:[function(_dereq_,module,exports){
+// 20.2.2.34 Math.trunc(x)
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', {
+  trunc: function trunc(it) {
+    return (it > 0 ? Math.floor : Math.ceil)(it);
+  }
+});
+
+},{"33":33}],178:[function(_dereq_,module,exports){
+'use strict';
+var global = _dereq_(40);
+var has = _dereq_(41);
+var cof = _dereq_(18);
+var inheritIfRequired = _dereq_(45);
+var toPrimitive = _dereq_(120);
+var fails = _dereq_(35);
+var gOPN = _dereq_(77).f;
+var gOPD = _dereq_(75).f;
+var dP = _dereq_(72).f;
+var $trim = _dereq_(111).trim;
+var NUMBER = 'Number';
+var $Number = global[NUMBER];
+var Base = $Number;
+var proto = $Number.prototype;
+// Opera ~12 has broken Object#toString
+var BROKEN_COF = cof(_dereq_(71)(proto)) == NUMBER;
+var TRIM = 'trim' in String.prototype;
+
+// 7.1.3 ToNumber(argument)
+var toNumber = function (argument) {
+  var it = toPrimitive(argument, false);
+  if (typeof it == 'string' && it.length > 2) {
+    it = TRIM ? it.trim() : $trim(it, 3);
+    var first = it.charCodeAt(0);
+    var third, radix, maxCode;
+    if (first === 43 || first === 45) {
+      third = it.charCodeAt(2);
+      if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix
+    } else if (first === 48) {
+      switch (it.charCodeAt(1)) {
+        case 66: case 98: radix = 2; maxCode = 49; break; // fast equal /^0b[01]+$/i
+        case 79: case 111: radix = 8; maxCode = 55; break; // fast equal /^0o[0-7]+$/i
+        default: return +it;
+      }
+      for (var digits = it.slice(2), i = 0, l = digits.length, code; i < l; i++) {
+        code = digits.charCodeAt(i);
+        // parseInt parses a string to a first unavailable symbol
+        // but ToNumber should return NaN if a string contains unavailable symbols
+        if (code < 48 || code > maxCode) return NaN;
+      } return parseInt(digits, radix);
+    }
+  } return +it;
+};
+
+if (!$Number(' 0o1') || !$Number('0b1') || $Number('+0x1')) {
+  $Number = function Number(value) {
+    var it = arguments.length < 1 ? 0 : value;
+    var that = this;
+    return that instanceof $Number
+      // check on 1..constructor(foo) case
+      && (BROKEN_COF ? fails(function () { proto.valueOf.call(that); }) : cof(that) != NUMBER)
+        ? inheritIfRequired(new Base(toNumber(it)), that, $Number) : toNumber(it);
+  };
+  for (var keys = _dereq_(29) ? gOPN(Base) : (
+    // ES3:
+    'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +
+    // ES6 (in case, if modules with ES6 Number statics required before):
+    'EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,' +
+    'MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger'
+  ).split(','), j = 0, key; keys.length > j; j++) {
+    if (has(Base, key = keys[j]) && !has($Number, key)) {
+      dP($Number, key, gOPD(Base, key));
+    }
+  }
+  $Number.prototype = proto;
+  proto.constructor = $Number;
+  _dereq_(94)(global, NUMBER, $Number);
+}
+
+},{"111":111,"120":120,"18":18,"29":29,"35":35,"40":40,"41":41,"45":45,"71":71,"72":72,"75":75,"77":77,"94":94}],179:[function(_dereq_,module,exports){
+// 20.1.2.1 Number.EPSILON
+var $export = _dereq_(33);
+
+$export($export.S, 'Number', { EPSILON: Math.pow(2, -52) });
+
+},{"33":33}],180:[function(_dereq_,module,exports){
+// 20.1.2.2 Number.isFinite(number)
+var $export = _dereq_(33);
+var _isFinite = _dereq_(40).isFinite;
+
+$export($export.S, 'Number', {
+  isFinite: function isFinite(it) {
+    return typeof it == 'number' && _isFinite(it);
+  }
+});
+
+},{"33":33,"40":40}],181:[function(_dereq_,module,exports){
+// 20.1.2.3 Number.isInteger(number)
+var $export = _dereq_(33);
+
+$export($export.S, 'Number', { isInteger: _dereq_(50) });
+
+},{"33":33,"50":50}],182:[function(_dereq_,module,exports){
+// 20.1.2.4 Number.isNaN(number)
+var $export = _dereq_(33);
+
+$export($export.S, 'Number', {
+  isNaN: function isNaN(number) {
+    // eslint-disable-next-line no-self-compare
+    return number != number;
+  }
+});
+
+},{"33":33}],183:[function(_dereq_,module,exports){
+// 20.1.2.5 Number.isSafeInteger(number)
+var $export = _dereq_(33);
+var isInteger = _dereq_(50);
+var abs = Math.abs;
+
+$export($export.S, 'Number', {
+  isSafeInteger: function isSafeInteger(number) {
+    return isInteger(number) && abs(number) <= 0x1fffffffffffff;
+  }
+});
+
+},{"33":33,"50":50}],184:[function(_dereq_,module,exports){
+// 20.1.2.6 Number.MAX_SAFE_INTEGER
+var $export = _dereq_(33);
+
+$export($export.S, 'Number', { MAX_SAFE_INTEGER: 0x1fffffffffffff });
+
+},{"33":33}],185:[function(_dereq_,module,exports){
+// 20.1.2.10 Number.MIN_SAFE_INTEGER
+var $export = _dereq_(33);
+
+$export($export.S, 'Number', { MIN_SAFE_INTEGER: -0x1fffffffffffff });
+
+},{"33":33}],186:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+var $parseFloat = _dereq_(86);
+// 20.1.2.12 Number.parseFloat(string)
+$export($export.S + $export.F * (Number.parseFloat != $parseFloat), 'Number', { parseFloat: $parseFloat });
+
+},{"33":33,"86":86}],187:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+var $parseInt = _dereq_(87);
+// 20.1.2.13 Number.parseInt(string, radix)
+$export($export.S + $export.F * (Number.parseInt != $parseInt), 'Number', { parseInt: $parseInt });
+
+},{"33":33,"87":87}],188:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var toInteger = _dereq_(116);
+var aNumberValue = _dereq_(4);
+var repeat = _dereq_(110);
+var $toFixed = 1.0.toFixed;
+var floor = Math.floor;
+var data = [0, 0, 0, 0, 0, 0];
+var ERROR = 'Number.toFixed: incorrect invocation!';
+var ZERO = '0';
+
+var multiply = function (n, c) {
+  var i = -1;
+  var c2 = c;
+  while (++i < 6) {
+    c2 += n * data[i];
+    data[i] = c2 % 1e7;
+    c2 = floor(c2 / 1e7);
+  }
+};
+var divide = function (n) {
+  var i = 6;
+  var c = 0;
+  while (--i >= 0) {
+    c += data[i];
+    data[i] = floor(c / n);
+    c = (c % n) * 1e7;
+  }
+};
+var numToString = function () {
+  var i = 6;
+  var s = '';
+  while (--i >= 0) {
+    if (s !== '' || i === 0 || data[i] !== 0) {
+      var t = String(data[i]);
+      s = s === '' ? t : s + repeat.call(ZERO, 7 - t.length) + t;
+    }
+  } return s;
+};
+var pow = function (x, n, acc) {
+  return n === 0 ? acc : n % 2 === 1 ? pow(x, n - 1, acc * x) : pow(x * x, n / 2, acc);
+};
+var log = function (x) {
+  var n = 0;
+  var x2 = x;
+  while (x2 >= 4096) {
+    n += 12;
+    x2 /= 4096;
+  }
+  while (x2 >= 2) {
+    n += 1;
+    x2 /= 2;
+  } return n;
+};
+
+$export($export.P + $export.F * (!!$toFixed && (
+  0.00008.toFixed(3) !== '0.000' ||
+  0.9.toFixed(0) !== '1' ||
+  1.255.toFixed(2) !== '1.25' ||
+  1000000000000000128.0.toFixed(0) !== '1000000000000000128'
+) || !_dereq_(35)(function () {
+  // V8 ~ Android 4.3-
+  $toFixed.call({});
+})), 'Number', {
+  toFixed: function toFixed(fractionDigits) {
+    var x = aNumberValue(this, ERROR);
+    var f = toInteger(fractionDigits);
+    var s = '';
+    var m = ZERO;
+    var e, z, j, k;
+    if (f < 0 || f > 20) throw RangeError(ERROR);
+    // eslint-disable-next-line no-self-compare
+    if (x != x) return 'NaN';
+    if (x <= -1e21 || x >= 1e21) return String(x);
+    if (x < 0) {
+      s = '-';
+      x = -x;
+    }
+    if (x > 1e-21) {
+      e = log(x * pow(2, 69, 1)) - 69;
+      z = e < 0 ? x * pow(2, -e, 1) : x / pow(2, e, 1);
+      z *= 0x10000000000000;
+      e = 52 - e;
+      if (e > 0) {
+        multiply(0, z);
+        j = f;
+        while (j >= 7) {
+          multiply(1e7, 0);
+          j -= 7;
+        }
+        multiply(pow(10, j, 1), 0);
+        j = e - 1;
+        while (j >= 23) {
+          divide(1 << 23);
+          j -= 23;
+        }
+        divide(1 << j);
+        multiply(1, 1);
+        divide(2);
+        m = numToString();
+      } else {
+        multiply(0, z);
+        multiply(1 << -e, 0);
+        m = numToString() + repeat.call(ZERO, f);
+      }
+    }
+    if (f > 0) {
+      k = m.length;
+      m = s + (k <= f ? '0.' + repeat.call(ZERO, f - k) + m : m.slice(0, k - f) + '.' + m.slice(k - f));
+    } else {
+      m = s + m;
+    } return m;
+  }
+});
+
+},{"110":110,"116":116,"33":33,"35":35,"4":4}],189:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var $fails = _dereq_(35);
+var aNumberValue = _dereq_(4);
+var $toPrecision = 1.0.toPrecision;
+
+$export($export.P + $export.F * ($fails(function () {
+  // IE7-
+  return $toPrecision.call(1, undefined) !== '1';
+}) || !$fails(function () {
+  // V8 ~ Android 4.3-
+  $toPrecision.call({});
+})), 'Number', {
+  toPrecision: function toPrecision(precision) {
+    var that = aNumberValue(this, 'Number#toPrecision: incorrect invocation!');
+    return precision === undefined ? $toPrecision.call(that) : $toPrecision.call(that, precision);
+  }
+});
+
+},{"33":33,"35":35,"4":4}],190:[function(_dereq_,module,exports){
+// 19.1.3.1 Object.assign(target, source)
+var $export = _dereq_(33);
+
+$export($export.S + $export.F, 'Object', { assign: _dereq_(70) });
+
+},{"33":33,"70":70}],191:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
+$export($export.S, 'Object', { create: _dereq_(71) });
+
+},{"33":33,"71":71}],192:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+// 19.1.2.3 / 15.2.3.7 Object.defineProperties(O, Properties)
+$export($export.S + $export.F * !_dereq_(29), 'Object', { defineProperties: _dereq_(73) });
+
+},{"29":29,"33":33,"73":73}],193:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+// 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
+$export($export.S + $export.F * !_dereq_(29), 'Object', { defineProperty: _dereq_(72).f });
+
+},{"29":29,"33":33,"72":72}],194:[function(_dereq_,module,exports){
+// 19.1.2.5 Object.freeze(O)
+var isObject = _dereq_(51);
+var meta = _dereq_(66).onFreeze;
+
+_dereq_(83)('freeze', function ($freeze) {
+  return function freeze(it) {
+    return $freeze && isObject(it) ? $freeze(meta(it)) : it;
+  };
+});
+
+},{"51":51,"66":66,"83":83}],195:[function(_dereq_,module,exports){
+// 19.1.2.6 Object.getOwnPropertyDescriptor(O, P)
+var toIObject = _dereq_(117);
+var $getOwnPropertyDescriptor = _dereq_(75).f;
+
+_dereq_(83)('getOwnPropertyDescriptor', function () {
+  return function getOwnPropertyDescriptor(it, key) {
+    return $getOwnPropertyDescriptor(toIObject(it), key);
+  };
+});
+
+},{"117":117,"75":75,"83":83}],196:[function(_dereq_,module,exports){
+// 19.1.2.7 Object.getOwnPropertyNames(O)
+_dereq_(83)('getOwnPropertyNames', function () {
+  return _dereq_(76).f;
+});
+
+},{"76":76,"83":83}],197:[function(_dereq_,module,exports){
+// 19.1.2.9 Object.getPrototypeOf(O)
+var toObject = _dereq_(119);
+var $getPrototypeOf = _dereq_(79);
+
+_dereq_(83)('getPrototypeOf', function () {
+  return function getPrototypeOf(it) {
+    return $getPrototypeOf(toObject(it));
+  };
+});
+
+},{"119":119,"79":79,"83":83}],198:[function(_dereq_,module,exports){
+// 19.1.2.11 Object.isExtensible(O)
+var isObject = _dereq_(51);
+
+_dereq_(83)('isExtensible', function ($isExtensible) {
+  return function isExtensible(it) {
+    return isObject(it) ? $isExtensible ? $isExtensible(it) : true : false;
+  };
+});
+
+},{"51":51,"83":83}],199:[function(_dereq_,module,exports){
+// 19.1.2.12 Object.isFrozen(O)
+var isObject = _dereq_(51);
+
+_dereq_(83)('isFrozen', function ($isFrozen) {
+  return function isFrozen(it) {
+    return isObject(it) ? $isFrozen ? $isFrozen(it) : false : true;
+  };
+});
+
+},{"51":51,"83":83}],200:[function(_dereq_,module,exports){
+// 19.1.2.13 Object.isSealed(O)
+var isObject = _dereq_(51);
+
+_dereq_(83)('isSealed', function ($isSealed) {
+  return function isSealed(it) {
+    return isObject(it) ? $isSealed ? $isSealed(it) : false : true;
+  };
+});
+
+},{"51":51,"83":83}],201:[function(_dereq_,module,exports){
+// 19.1.3.10 Object.is(value1, value2)
+var $export = _dereq_(33);
+$export($export.S, 'Object', { is: _dereq_(96) });
+
+},{"33":33,"96":96}],202:[function(_dereq_,module,exports){
+// 19.1.2.14 Object.keys(O)
+var toObject = _dereq_(119);
+var $keys = _dereq_(81);
+
+_dereq_(83)('keys', function () {
+  return function keys(it) {
+    return $keys(toObject(it));
+  };
+});
+
+},{"119":119,"81":81,"83":83}],203:[function(_dereq_,module,exports){
+// 19.1.2.15 Object.preventExtensions(O)
+var isObject = _dereq_(51);
+var meta = _dereq_(66).onFreeze;
+
+_dereq_(83)('preventExtensions', function ($preventExtensions) {
+  return function preventExtensions(it) {
+    return $preventExtensions && isObject(it) ? $preventExtensions(meta(it)) : it;
+  };
+});
+
+},{"51":51,"66":66,"83":83}],204:[function(_dereq_,module,exports){
+// 19.1.2.17 Object.seal(O)
+var isObject = _dereq_(51);
+var meta = _dereq_(66).onFreeze;
+
+_dereq_(83)('seal', function ($seal) {
+  return function seal(it) {
+    return $seal && isObject(it) ? $seal(meta(it)) : it;
+  };
+});
+
+},{"51":51,"66":66,"83":83}],205:[function(_dereq_,module,exports){
+// 19.1.3.19 Object.setPrototypeOf(O, proto)
+var $export = _dereq_(33);
+$export($export.S, 'Object', { setPrototypeOf: _dereq_(99).set });
+
+},{"33":33,"99":99}],206:[function(_dereq_,module,exports){
+'use strict';
+// 19.1.3.6 Object.prototype.toString()
+var classof = _dereq_(17);
+var test = {};
+test[_dereq_(128)('toStringTag')] = 'z';
+if (test + '' != '[object z]') {
+  _dereq_(94)(Object.prototype, 'toString', function toString() {
+    return '[object ' + classof(this) + ']';
+  }, true);
+}
+
+},{"128":128,"17":17,"94":94}],207:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+var $parseFloat = _dereq_(86);
+// 18.2.4 parseFloat(string)
+$export($export.G + $export.F * (parseFloat != $parseFloat), { parseFloat: $parseFloat });
+
+},{"33":33,"86":86}],208:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+var $parseInt = _dereq_(87);
+// 18.2.5 parseInt(string, radix)
+$export($export.G + $export.F * (parseInt != $parseInt), { parseInt: $parseInt });
+
+},{"33":33,"87":87}],209:[function(_dereq_,module,exports){
+'use strict';
+var LIBRARY = _dereq_(60);
+var global = _dereq_(40);
+var ctx = _dereq_(25);
+var classof = _dereq_(17);
+var $export = _dereq_(33);
+var isObject = _dereq_(51);
+var aFunction = _dereq_(3);
+var anInstance = _dereq_(6);
+var forOf = _dereq_(39);
+var speciesConstructor = _dereq_(104);
+var task = _dereq_(113).set;
+var microtask = _dereq_(68)();
+var newPromiseCapabilityModule = _dereq_(69);
+var perform = _dereq_(90);
+var promiseResolve = _dereq_(91);
+var PROMISE = 'Promise';
+var TypeError = global.TypeError;
+var process = global.process;
+var $Promise = global[PROMISE];
+var isNode = classof(process) == 'process';
+var empty = function () { /* empty */ };
+var Internal, newGenericPromiseCapability, OwnPromiseCapability, Wrapper;
+var newPromiseCapability = newGenericPromiseCapability = newPromiseCapabilityModule.f;
+
+var USE_NATIVE = !!function () {
+  try {
+    // correct subclassing with @@species support
+    var promise = $Promise.resolve(1);
+    var FakePromise = (promise.constructor = {})[_dereq_(128)('species')] = function (exec) {
+      exec(empty, empty);
+    };
+    // unhandled rejections tracking support, NodeJS Promise without it fails @@species test
+    return (isNode || typeof PromiseRejectionEvent == 'function') && promise.then(empty) instanceof FakePromise;
+  } catch (e) { /* empty */ }
+}();
+
+// helpers
+var sameConstructor = LIBRARY ? function (a, b) {
+  // with library wrapper special case
+  return a === b || a === $Promise && b === Wrapper;
+} : function (a, b) {
+  return a === b;
+};
+var isThenable = function (it) {
+  var then;
+  return isObject(it) && typeof (then = it.then) == 'function' ? then : false;
+};
+var notify = function (promise, isReject) {
+  if (promise._n) return;
+  promise._n = true;
+  var chain = promise._c;
+  microtask(function () {
+    var value = promise._v;
+    var ok = promise._s == 1;
+    var i = 0;
+    var run = function (reaction) {
+      var handler = ok ? reaction.ok : reaction.fail;
+      var resolve = reaction.resolve;
+      var reject = reaction.reject;
+      var domain = reaction.domain;
+      var result, then;
+      try {
+        if (handler) {
+          if (!ok) {
+            if (promise._h == 2) onHandleUnhandled(promise);
+            promise._h = 1;
+          }
+          if (handler === true) result = value;
+          else {
+            if (domain) domain.enter();
+            result = handler(value);
+            if (domain) domain.exit();
+          }
+          if (result === reaction.promise) {
+            reject(TypeError('Promise-chain cycle'));
+          } else if (then = isThenable(result)) {
+            then.call(result, resolve, reject);
+          } else resolve(result);
+        } else reject(value);
+      } catch (e) {
+        reject(e);
+      }
+    };
+    while (chain.length > i) run(chain[i++]); // variable length - can't use forEach
+    promise._c = [];
+    promise._n = false;
+    if (isReject && !promise._h) onUnhandled(promise);
+  });
+};
+var onUnhandled = function (promise) {
+  task.call(global, function () {
+    var value = promise._v;
+    var unhandled = isUnhandled(promise);
+    var result, handler, console;
+    if (unhandled) {
+      result = perform(function () {
+        if (isNode) {
+          process.emit('unhandledRejection', value, promise);
+        } else if (handler = global.onunhandledrejection) {
+          handler({ promise: promise, reason: value });
+        } else if ((console = global.console) && console.error) {
+          console.error('Unhandled promise rejection', value);
+        }
+      });
+      // Browsers should not trigger `rejectionHandled` event if it was handled here, NodeJS - should
+      promise._h = isNode || isUnhandled(promise) ? 2 : 1;
+    } promise._a = undefined;
+    if (unhandled && result.e) throw result.v;
+  });
+};
+var isUnhandled = function (promise) {
+  if (promise._h == 1) return false;
+  var chain = promise._a || promise._c;
+  var i = 0;
+  var reaction;
+  while (chain.length > i) {
+    reaction = chain[i++];
+    if (reaction.fail || !isUnhandled(reaction.promise)) return false;
+  } return true;
+};
+var onHandleUnhandled = function (promise) {
+  task.call(global, function () {
+    var handler;
+    if (isNode) {
+      process.emit('rejectionHandled', promise);
+    } else if (handler = global.onrejectionhandled) {
+      handler({ promise: promise, reason: promise._v });
+    }
+  });
+};
+var $reject = function (value) {
+  var promise = this;
+  if (promise._d) return;
+  promise._d = true;
+  promise = promise._w || promise; // unwrap
+  promise._v = value;
+  promise._s = 2;
+  if (!promise._a) promise._a = promise._c.slice();
+  notify(promise, true);
+};
+var $resolve = function (value) {
+  var promise = this;
+  var then;
+  if (promise._d) return;
+  promise._d = true;
+  promise = promise._w || promise; // unwrap
+  try {
+    if (promise === value) throw TypeError("Promise can't be resolved itself");
+    if (then = isThenable(value)) {
+      microtask(function () {
+        var wrapper = { _w: promise, _d: false }; // wrap
+        try {
+          then.call(value, ctx($resolve, wrapper, 1), ctx($reject, wrapper, 1));
+        } catch (e) {
+          $reject.call(wrapper, e);
+        }
+      });
+    } else {
+      promise._v = value;
+      promise._s = 1;
+      notify(promise, false);
+    }
+  } catch (e) {
+    $reject.call({ _w: promise, _d: false }, e); // wrap
+  }
+};
+
+// constructor polyfill
+if (!USE_NATIVE) {
+  // 25.4.3.1 Promise(executor)
+  $Promise = function Promise(executor) {
+    anInstance(this, $Promise, PROMISE, '_h');
+    aFunction(executor);
+    Internal.call(this);
+    try {
+      executor(ctx($resolve, this, 1), ctx($reject, this, 1));
+    } catch (err) {
+      $reject.call(this, err);
+    }
+  };
+  // eslint-disable-next-line no-unused-vars
+  Internal = function Promise(executor) {
+    this._c = [];             // <- awaiting reactions
+    this._a = undefined;      // <- checked in isUnhandled reactions
+    this._s = 0;              // <- state
+    this._d = false;          // <- done
+    this._v = undefined;      // <- value
+    this._h = 0;              // <- rejection state, 0 - default, 1 - handled, 2 - unhandled
+    this._n = false;          // <- notify
+  };
+  Internal.prototype = _dereq_(93)($Promise.prototype, {
+    // 25.4.5.3 Promise.prototype.then(onFulfilled, onRejected)
+    then: function then(onFulfilled, onRejected) {
+      var reaction = newPromiseCapability(speciesConstructor(this, $Promise));
+      reaction.ok = typeof onFulfilled == 'function' ? onFulfilled : true;
+      reaction.fail = typeof onRejected == 'function' && onRejected;
+      reaction.domain = isNode ? process.domain : undefined;
+      this._c.push(reaction);
+      if (this._a) this._a.push(reaction);
+      if (this._s) notify(this, false);
+      return reaction.promise;
+    },
+    // 25.4.5.1 Promise.prototype.catch(onRejected)
+    'catch': function (onRejected) {
+      return this.then(undefined, onRejected);
+    }
+  });
+  OwnPromiseCapability = function () {
+    var promise = new Internal();
+    this.promise = promise;
+    this.resolve = ctx($resolve, promise, 1);
+    this.reject = ctx($reject, promise, 1);
+  };
+  newPromiseCapabilityModule.f = newPromiseCapability = function (C) {
+    return sameConstructor($Promise, C)
+      ? new OwnPromiseCapability(C)
+      : newGenericPromiseCapability(C);
+  };
+}
+
+$export($export.G + $export.W + $export.F * !USE_NATIVE, { Promise: $Promise });
+_dereq_(101)($Promise, PROMISE);
+_dereq_(100)(PROMISE);
+Wrapper = _dereq_(23)[PROMISE];
+
+// statics
+$export($export.S + $export.F * !USE_NATIVE, PROMISE, {
+  // 25.4.4.5 Promise.reject(r)
+  reject: function reject(r) {
+    var capability = newPromiseCapability(this);
+    var $$reject = capability.reject;
+    $$reject(r);
+    return capability.promise;
+  }
+});
+$export($export.S + $export.F * (LIBRARY || !USE_NATIVE), PROMISE, {
+  // 25.4.4.6 Promise.resolve(x)
+  resolve: function resolve(x) {
+    // instanceof instead of internal slot check because we should fix it without replacement native Promise core
+    if (x instanceof $Promise && sameConstructor(x.constructor, this)) return x;
+    return promiseResolve(this, x);
+  }
+});
+$export($export.S + $export.F * !(USE_NATIVE && _dereq_(56)(function (iter) {
+  $Promise.all(iter)['catch'](empty);
+})), PROMISE, {
+  // 25.4.4.1 Promise.all(iterable)
+  all: function all(iterable) {
+    var C = this;
+    var capability = newPromiseCapability(C);
+    var resolve = capability.resolve;
+    var reject = capability.reject;
+    var result = perform(function () {
+      var values = [];
+      var index = 0;
+      var remaining = 1;
+      forOf(iterable, false, function (promise) {
+        var $index = index++;
+        var alreadyCalled = false;
+        values.push(undefined);
+        remaining++;
+        C.resolve(promise).then(function (value) {
+          if (alreadyCalled) return;
+          alreadyCalled = true;
+          values[$index] = value;
+          --remaining || resolve(values);
+        }, reject);
+      });
+      --remaining || resolve(values);
+    });
+    if (result.e) reject(result.v);
+    return capability.promise;
+  },
+  // 25.4.4.4 Promise.race(iterable)
+  race: function race(iterable) {
+    var C = this;
+    var capability = newPromiseCapability(C);
+    var reject = capability.reject;
+    var result = perform(function () {
+      forOf(iterable, false, function (promise) {
+        C.resolve(promise).then(capability.resolve, reject);
+      });
+    });
+    if (result.e) reject(result.v);
+    return capability.promise;
+  }
+});
+
+},{"100":100,"101":101,"104":104,"113":113,"128":128,"17":17,"23":23,"25":25,"3":3,"33":33,"39":39,"40":40,"51":51,"56":56,"6":6,"60":60,"68":68,"69":69,"90":90,"91":91,"93":93}],210:[function(_dereq_,module,exports){
+// 26.1.1 Reflect.apply(target, thisArgument, argumentsList)
+var $export = _dereq_(33);
+var aFunction = _dereq_(3);
+var anObject = _dereq_(7);
+var rApply = (_dereq_(40).Reflect || {}).apply;
+var fApply = Function.apply;
+// MS Edge argumentsList argument is optional
+$export($export.S + $export.F * !_dereq_(35)(function () {
+  rApply(function () { /* empty */ });
+}), 'Reflect', {
+  apply: function apply(target, thisArgument, argumentsList) {
+    var T = aFunction(target);
+    var L = anObject(argumentsList);
+    return rApply ? rApply(T, thisArgument, L) : fApply.call(T, thisArgument, L);
+  }
+});
+
+},{"3":3,"33":33,"35":35,"40":40,"7":7}],211:[function(_dereq_,module,exports){
+// 26.1.2 Reflect.construct(target, argumentsList [, newTarget])
+var $export = _dereq_(33);
+var create = _dereq_(71);
+var aFunction = _dereq_(3);
+var anObject = _dereq_(7);
+var isObject = _dereq_(51);
+var fails = _dereq_(35);
+var bind = _dereq_(16);
+var rConstruct = (_dereq_(40).Reflect || {}).construct;
+
+// MS Edge supports only 2 arguments and argumentsList argument is optional
+// FF Nightly sets third argument as `new.target`, but does not create `this` from it
+var NEW_TARGET_BUG = fails(function () {
+  function F() { /* empty */ }
+  return !(rConstruct(function () { /* empty */ }, [], F) instanceof F);
+});
+var ARGS_BUG = !fails(function () {
+  rConstruct(function () { /* empty */ });
+});
+
+$export($export.S + $export.F * (NEW_TARGET_BUG || ARGS_BUG), 'Reflect', {
+  construct: function construct(Target, args /* , newTarget */) {
+    aFunction(Target);
+    anObject(args);
+    var newTarget = arguments.length < 3 ? Target : aFunction(arguments[2]);
+    if (ARGS_BUG && !NEW_TARGET_BUG) return rConstruct(Target, args, newTarget);
+    if (Target == newTarget) {
+      // w/o altered newTarget, optimization for 0-4 arguments
+      switch (args.length) {
+        case 0: return new Target();
+        case 1: return new Target(args[0]);
+        case 2: return new Target(args[0], args[1]);
+        case 3: return new Target(args[0], args[1], args[2]);
+        case 4: return new Target(args[0], args[1], args[2], args[3]);
+      }
+      // w/o altered newTarget, lot of arguments case
+      var $args = [null];
+      $args.push.apply($args, args);
+      return new (bind.apply(Target, $args))();
+    }
+    // with altered newTarget, not support built-in constructors
+    var proto = newTarget.prototype;
+    var instance = create(isObject(proto) ? proto : Object.prototype);
+    var result = Function.apply.call(Target, instance, args);
+    return isObject(result) ? result : instance;
+  }
+});
+
+},{"16":16,"3":3,"33":33,"35":35,"40":40,"51":51,"7":7,"71":71}],212:[function(_dereq_,module,exports){
+// 26.1.3 Reflect.defineProperty(target, propertyKey, attributes)
+var dP = _dereq_(72);
+var $export = _dereq_(33);
+var anObject = _dereq_(7);
+var toPrimitive = _dereq_(120);
+
+// MS Edge has broken Reflect.defineProperty - throwing instead of returning false
+$export($export.S + $export.F * _dereq_(35)(function () {
+  // eslint-disable-next-line no-undef
+  Reflect.defineProperty(dP.f({}, 1, { value: 1 }), 1, { value: 2 });
+}), 'Reflect', {
+  defineProperty: function defineProperty(target, propertyKey, attributes) {
+    anObject(target);
+    propertyKey = toPrimitive(propertyKey, true);
+    anObject(attributes);
+    try {
+      dP.f(target, propertyKey, attributes);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+});
+
+},{"120":120,"33":33,"35":35,"7":7,"72":72}],213:[function(_dereq_,module,exports){
+// 26.1.4 Reflect.deleteProperty(target, propertyKey)
+var $export = _dereq_(33);
+var gOPD = _dereq_(75).f;
+var anObject = _dereq_(7);
+
+$export($export.S, 'Reflect', {
+  deleteProperty: function deleteProperty(target, propertyKey) {
+    var desc = gOPD(anObject(target), propertyKey);
+    return desc && !desc.configurable ? false : delete target[propertyKey];
+  }
+});
+
+},{"33":33,"7":7,"75":75}],214:[function(_dereq_,module,exports){
+'use strict';
+// 26.1.5 Reflect.enumerate(target)
+var $export = _dereq_(33);
+var anObject = _dereq_(7);
+var Enumerate = function (iterated) {
+  this._t = anObject(iterated); // target
+  this._i = 0;                  // next index
+  var keys = this._k = [];      // keys
+  var key;
+  for (key in iterated) keys.push(key);
+};
+_dereq_(54)(Enumerate, 'Object', function () {
+  var that = this;
+  var keys = that._k;
+  var key;
+  do {
+    if (that._i >= keys.length) return { value: undefined, done: true };
+  } while (!((key = keys[that._i++]) in that._t));
+  return { value: key, done: false };
+});
+
+$export($export.S, 'Reflect', {
+  enumerate: function enumerate(target) {
+    return new Enumerate(target);
+  }
+});
+
+},{"33":33,"54":54,"7":7}],215:[function(_dereq_,module,exports){
+// 26.1.7 Reflect.getOwnPropertyDescriptor(target, propertyKey)
+var gOPD = _dereq_(75);
+var $export = _dereq_(33);
+var anObject = _dereq_(7);
+
+$export($export.S, 'Reflect', {
+  getOwnPropertyDescriptor: function getOwnPropertyDescriptor(target, propertyKey) {
+    return gOPD.f(anObject(target), propertyKey);
+  }
+});
+
+},{"33":33,"7":7,"75":75}],216:[function(_dereq_,module,exports){
+// 26.1.8 Reflect.getPrototypeOf(target)
+var $export = _dereq_(33);
+var getProto = _dereq_(79);
+var anObject = _dereq_(7);
+
+$export($export.S, 'Reflect', {
+  getPrototypeOf: function getPrototypeOf(target) {
+    return getProto(anObject(target));
+  }
+});
+
+},{"33":33,"7":7,"79":79}],217:[function(_dereq_,module,exports){
+// 26.1.6 Reflect.get(target, propertyKey [, receiver])
+var gOPD = _dereq_(75);
+var getPrototypeOf = _dereq_(79);
+var has = _dereq_(41);
+var $export = _dereq_(33);
+var isObject = _dereq_(51);
+var anObject = _dereq_(7);
+
+function get(target, propertyKey /* , receiver */) {
+  var receiver = arguments.length < 3 ? target : arguments[2];
+  var desc, proto;
+  if (anObject(target) === receiver) return target[propertyKey];
+  if (desc = gOPD.f(target, propertyKey)) return has(desc, 'value')
+    ? desc.value
+    : desc.get !== undefined
+      ? desc.get.call(receiver)
+      : undefined;
+  if (isObject(proto = getPrototypeOf(target))) return get(proto, propertyKey, receiver);
+}
+
+$export($export.S, 'Reflect', { get: get });
+
+},{"33":33,"41":41,"51":51,"7":7,"75":75,"79":79}],218:[function(_dereq_,module,exports){
+// 26.1.9 Reflect.has(target, propertyKey)
+var $export = _dereq_(33);
+
+$export($export.S, 'Reflect', {
+  has: function has(target, propertyKey) {
+    return propertyKey in target;
+  }
+});
+
+},{"33":33}],219:[function(_dereq_,module,exports){
+// 26.1.10 Reflect.isExtensible(target)
+var $export = _dereq_(33);
+var anObject = _dereq_(7);
+var $isExtensible = Object.isExtensible;
+
+$export($export.S, 'Reflect', {
+  isExtensible: function isExtensible(target) {
+    anObject(target);
+    return $isExtensible ? $isExtensible(target) : true;
+  }
+});
+
+},{"33":33,"7":7}],220:[function(_dereq_,module,exports){
+// 26.1.11 Reflect.ownKeys(target)
+var $export = _dereq_(33);
+
+$export($export.S, 'Reflect', { ownKeys: _dereq_(85) });
+
+},{"33":33,"85":85}],221:[function(_dereq_,module,exports){
+// 26.1.12 Reflect.preventExtensions(target)
+var $export = _dereq_(33);
+var anObject = _dereq_(7);
+var $preventExtensions = Object.preventExtensions;
+
+$export($export.S, 'Reflect', {
+  preventExtensions: function preventExtensions(target) {
+    anObject(target);
+    try {
+      if ($preventExtensions) $preventExtensions(target);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+});
+
+},{"33":33,"7":7}],222:[function(_dereq_,module,exports){
+// 26.1.14 Reflect.setPrototypeOf(target, proto)
+var $export = _dereq_(33);
+var setProto = _dereq_(99);
+
+if (setProto) $export($export.S, 'Reflect', {
+  setPrototypeOf: function setPrototypeOf(target, proto) {
+    setProto.check(target, proto);
+    try {
+      setProto.set(target, proto);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+});
+
+},{"33":33,"99":99}],223:[function(_dereq_,module,exports){
+// 26.1.13 Reflect.set(target, propertyKey, V [, receiver])
+var dP = _dereq_(72);
+var gOPD = _dereq_(75);
+var getPrototypeOf = _dereq_(79);
+var has = _dereq_(41);
+var $export = _dereq_(33);
+var createDesc = _dereq_(92);
+var anObject = _dereq_(7);
+var isObject = _dereq_(51);
+
+function set(target, propertyKey, V /* , receiver */) {
+  var receiver = arguments.length < 4 ? target : arguments[3];
+  var ownDesc = gOPD.f(anObject(target), propertyKey);
+  var existingDescriptor, proto;
+  if (!ownDesc) {
+    if (isObject(proto = getPrototypeOf(target))) {
+      return set(proto, propertyKey, V, receiver);
+    }
+    ownDesc = createDesc(0);
+  }
+  if (has(ownDesc, 'value')) {
+    if (ownDesc.writable === false || !isObject(receiver)) return false;
+    existingDescriptor = gOPD.f(receiver, propertyKey) || createDesc(0);
+    existingDescriptor.value = V;
+    dP.f(receiver, propertyKey, existingDescriptor);
+    return true;
+  }
+  return ownDesc.set === undefined ? false : (ownDesc.set.call(receiver, V), true);
+}
+
+$export($export.S, 'Reflect', { set: set });
+
+},{"33":33,"41":41,"51":51,"7":7,"72":72,"75":75,"79":79,"92":92}],224:[function(_dereq_,module,exports){
+var global = _dereq_(40);
+var inheritIfRequired = _dereq_(45);
+var dP = _dereq_(72).f;
+var gOPN = _dereq_(77).f;
+var isRegExp = _dereq_(52);
+var $flags = _dereq_(37);
+var $RegExp = global.RegExp;
+var Base = $RegExp;
+var proto = $RegExp.prototype;
+var re1 = /a/g;
+var re2 = /a/g;
+// "new" creates a new object, old webkit buggy here
+var CORRECT_NEW = new $RegExp(re1) !== re1;
+
+if (_dereq_(29) && (!CORRECT_NEW || _dereq_(35)(function () {
+  re2[_dereq_(128)('match')] = false;
+  // RegExp constructor can alter flags and IsRegExp works correct with @@match
+  return $RegExp(re1) != re1 || $RegExp(re2) == re2 || $RegExp(re1, 'i') != '/a/i';
+}))) {
+  $RegExp = function RegExp(p, f) {
+    var tiRE = this instanceof $RegExp;
+    var piRE = isRegExp(p);
+    var fiU = f === undefined;
+    return !tiRE && piRE && p.constructor === $RegExp && fiU ? p
+      : inheritIfRequired(CORRECT_NEW
+        ? new Base(piRE && !fiU ? p.source : p, f)
+        : Base((piRE = p instanceof $RegExp) ? p.source : p, piRE && fiU ? $flags.call(p) : f)
+      , tiRE ? this : proto, $RegExp);
+  };
+  var proxy = function (key) {
+    key in $RegExp || dP($RegExp, key, {
+      configurable: true,
+      get: function () { return Base[key]; },
+      set: function (it) { Base[key] = it; }
+    });
+  };
+  for (var keys = gOPN(Base), i = 0; keys.length > i;) proxy(keys[i++]);
+  proto.constructor = $RegExp;
+  $RegExp.prototype = proto;
+  _dereq_(94)(global, 'RegExp', $RegExp);
+}
+
+_dereq_(100)('RegExp');
+
+},{"100":100,"128":128,"29":29,"35":35,"37":37,"40":40,"45":45,"52":52,"72":72,"77":77,"94":94}],225:[function(_dereq_,module,exports){
+// 21.2.5.3 get RegExp.prototype.flags()
+if (_dereq_(29) && /./g.flags != 'g') _dereq_(72).f(RegExp.prototype, 'flags', {
+  configurable: true,
+  get: _dereq_(37)
+});
+
+},{"29":29,"37":37,"72":72}],226:[function(_dereq_,module,exports){
+// @@match logic
+_dereq_(36)('match', 1, function (defined, MATCH, $match) {
+  // 21.1.3.11 String.prototype.match(regexp)
+  return [function match(regexp) {
+    'use strict';
+    var O = defined(this);
+    var fn = regexp == undefined ? undefined : regexp[MATCH];
+    return fn !== undefined ? fn.call(regexp, O) : new RegExp(regexp)[MATCH](String(O));
+  }, $match];
+});
+
+},{"36":36}],227:[function(_dereq_,module,exports){
+// @@replace logic
+_dereq_(36)('replace', 2, function (defined, REPLACE, $replace) {
+  // 21.1.3.14 String.prototype.replace(searchValue, replaceValue)
+  return [function replace(searchValue, replaceValue) {
+    'use strict';
+    var O = defined(this);
+    var fn = searchValue == undefined ? undefined : searchValue[REPLACE];
+    return fn !== undefined
+      ? fn.call(searchValue, O, replaceValue)
+      : $replace.call(String(O), searchValue, replaceValue);
+  }, $replace];
+});
+
+},{"36":36}],228:[function(_dereq_,module,exports){
+// @@search logic
+_dereq_(36)('search', 1, function (defined, SEARCH, $search) {
+  // 21.1.3.15 String.prototype.search(regexp)
+  return [function search(regexp) {
+    'use strict';
+    var O = defined(this);
+    var fn = regexp == undefined ? undefined : regexp[SEARCH];
+    return fn !== undefined ? fn.call(regexp, O) : new RegExp(regexp)[SEARCH](String(O));
+  }, $search];
+});
+
+},{"36":36}],229:[function(_dereq_,module,exports){
+// @@split logic
+_dereq_(36)('split', 2, function (defined, SPLIT, $split) {
+  'use strict';
+  var isRegExp = _dereq_(52);
+  var _split = $split;
+  var $push = [].push;
+  var $SPLIT = 'split';
+  var LENGTH = 'length';
+  var LAST_INDEX = 'lastIndex';
+  if (
+    'abbc'[$SPLIT](/(b)*/)[1] == 'c' ||
+    'test'[$SPLIT](/(?:)/, -1)[LENGTH] != 4 ||
+    'ab'[$SPLIT](/(?:ab)*/)[LENGTH] != 2 ||
+    '.'[$SPLIT](/(.?)(.?)/)[LENGTH] != 4 ||
+    '.'[$SPLIT](/()()/)[LENGTH] > 1 ||
+    ''[$SPLIT](/.?/)[LENGTH]
+  ) {
+    var NPCG = /()??/.exec('')[1] === undefined; // nonparticipating capturing group
+    // based on es5-shim implementation, need to rework it
+    $split = function (separator, limit) {
+      var string = String(this);
+      if (separator === undefined && limit === 0) return [];
+      // If `separator` is not a regex, use native split
+      if (!isRegExp(separator)) return _split.call(string, separator, limit);
+      var output = [];
+      var flags = (separator.ignoreCase ? 'i' : '') +
+                  (separator.multiline ? 'm' : '') +
+                  (separator.unicode ? 'u' : '') +
+                  (separator.sticky ? 'y' : '');
+      var lastLastIndex = 0;
+      var splitLimit = limit === undefined ? 4294967295 : limit >>> 0;
+      // Make `global` and avoid `lastIndex` issues by working with a copy
+      var separatorCopy = new RegExp(separator.source, flags + 'g');
+      var separator2, match, lastIndex, lastLength, i;
+      // Doesn't need flags gy, but they don't hurt
+      if (!NPCG) separator2 = new RegExp('^' + separatorCopy.source + '$(?!\\s)', flags);
+      while (match = separatorCopy.exec(string)) {
+        // `separatorCopy.lastIndex` is not reliable cross-browser
+        lastIndex = match.index + match[0][LENGTH];
+        if (lastIndex > lastLastIndex) {
+          output.push(string.slice(lastLastIndex, match.index));
+          // Fix browsers whose `exec` methods don't consistently return `undefined` for NPCG
+          // eslint-disable-next-line no-loop-func
+          if (!NPCG && match[LENGTH] > 1) match[0].replace(separator2, function () {
+            for (i = 1; i < arguments[LENGTH] - 2; i++) if (arguments[i] === undefined) match[i] = undefined;
+          });
+          if (match[LENGTH] > 1 && match.index < string[LENGTH]) $push.apply(output, match.slice(1));
+          lastLength = match[0][LENGTH];
+          lastLastIndex = lastIndex;
+          if (output[LENGTH] >= splitLimit) break;
+        }
+        if (separatorCopy[LAST_INDEX] === match.index) separatorCopy[LAST_INDEX]++; // Avoid an infinite loop
+      }
+      if (lastLastIndex === string[LENGTH]) {
+        if (lastLength || !separatorCopy.test('')) output.push('');
+      } else output.push(string.slice(lastLastIndex));
+      return output[LENGTH] > splitLimit ? output.slice(0, splitLimit) : output;
+    };
+  // Chakra, V8
+  } else if ('0'[$SPLIT](undefined, 0)[LENGTH]) {
+    $split = function (separator, limit) {
+      return separator === undefined && limit === 0 ? [] : _split.call(this, separator, limit);
+    };
+  }
+  // 21.1.3.17 String.prototype.split(separator, limit)
+  return [function split(separator, limit) {
+    var O = defined(this);
+    var fn = separator == undefined ? undefined : separator[SPLIT];
+    return fn !== undefined ? fn.call(separator, O, limit) : $split.call(String(O), separator, limit);
+  }, $split];
+});
+
+},{"36":36,"52":52}],230:[function(_dereq_,module,exports){
+'use strict';
+_dereq_(225);
+var anObject = _dereq_(7);
+var $flags = _dereq_(37);
+var DESCRIPTORS = _dereq_(29);
+var TO_STRING = 'toString';
+var $toString = /./[TO_STRING];
+
+var define = function (fn) {
+  _dereq_(94)(RegExp.prototype, TO_STRING, fn, true);
+};
+
+// 21.2.5.14 RegExp.prototype.toString()
+if (_dereq_(35)(function () { return $toString.call({ source: 'a', flags: 'b' }) != '/a/b'; })) {
+  define(function toString() {
+    var R = anObject(this);
+    return '/'.concat(R.source, '/',
+      'flags' in R ? R.flags : !DESCRIPTORS && R instanceof RegExp ? $flags.call(R) : undefined);
+  });
+// FF44- RegExp#toString has a wrong name
+} else if ($toString.name != TO_STRING) {
+  define(function toString() {
+    return $toString.call(this);
+  });
+}
+
+},{"225":225,"29":29,"35":35,"37":37,"7":7,"94":94}],231:[function(_dereq_,module,exports){
+'use strict';
+var strong = _dereq_(19);
+var validate = _dereq_(125);
+var SET = 'Set';
+
+// 23.2 Set Objects
+module.exports = _dereq_(22)(SET, function (get) {
+  return function Set() { return get(this, arguments.length > 0 ? arguments[0] : undefined); };
+}, {
+  // 23.2.3.1 Set.prototype.add(value)
+  add: function add(value) {
+    return strong.def(validate(this, SET), value = value === 0 ? 0 : value, value);
+  }
+}, strong);
+
+},{"125":125,"19":19,"22":22}],232:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.2 String.prototype.anchor(name)
+_dereq_(108)('anchor', function (createHTML) {
+  return function anchor(name) {
+    return createHTML(this, 'a', 'name', name);
+  };
+});
+
+},{"108":108}],233:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.3 String.prototype.big()
+_dereq_(108)('big', function (createHTML) {
+  return function big() {
+    return createHTML(this, 'big', '', '');
+  };
+});
+
+},{"108":108}],234:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.4 String.prototype.blink()
+_dereq_(108)('blink', function (createHTML) {
+  return function blink() {
+    return createHTML(this, 'blink', '', '');
+  };
+});
+
+},{"108":108}],235:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.5 String.prototype.bold()
+_dereq_(108)('bold', function (createHTML) {
+  return function bold() {
+    return createHTML(this, 'b', '', '');
+  };
+});
+
+},{"108":108}],236:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var $at = _dereq_(106)(false);
+$export($export.P, 'String', {
+  // 21.1.3.3 String.prototype.codePointAt(pos)
+  codePointAt: function codePointAt(pos) {
+    return $at(this, pos);
+  }
+});
+
+},{"106":106,"33":33}],237:[function(_dereq_,module,exports){
+// 21.1.3.6 String.prototype.endsWith(searchString [, endPosition])
+'use strict';
+var $export = _dereq_(33);
+var toLength = _dereq_(118);
+var context = _dereq_(107);
+var ENDS_WITH = 'endsWith';
+var $endsWith = ''[ENDS_WITH];
+
+$export($export.P + $export.F * _dereq_(34)(ENDS_WITH), 'String', {
+  endsWith: function endsWith(searchString /* , endPosition = @length */) {
+    var that = context(this, searchString, ENDS_WITH);
+    var endPosition = arguments.length > 1 ? arguments[1] : undefined;
+    var len = toLength(that.length);
+    var end = endPosition === undefined ? len : Math.min(toLength(endPosition), len);
+    var search = String(searchString);
+    return $endsWith
+      ? $endsWith.call(that, search, end)
+      : that.slice(end - search.length, end) === search;
+  }
+});
+
+},{"107":107,"118":118,"33":33,"34":34}],238:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.6 String.prototype.fixed()
+_dereq_(108)('fixed', function (createHTML) {
+  return function fixed() {
+    return createHTML(this, 'tt', '', '');
+  };
+});
+
+},{"108":108}],239:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.7 String.prototype.fontcolor(color)
+_dereq_(108)('fontcolor', function (createHTML) {
+  return function fontcolor(color) {
+    return createHTML(this, 'font', 'color', color);
+  };
+});
+
+},{"108":108}],240:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.8 String.prototype.fontsize(size)
+_dereq_(108)('fontsize', function (createHTML) {
+  return function fontsize(size) {
+    return createHTML(this, 'font', 'size', size);
+  };
+});
+
+},{"108":108}],241:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+var toAbsoluteIndex = _dereq_(114);
+var fromCharCode = String.fromCharCode;
+var $fromCodePoint = String.fromCodePoint;
+
+// length should be 1, old FF problem
+$export($export.S + $export.F * (!!$fromCodePoint && $fromCodePoint.length != 1), 'String', {
+  // 21.1.2.2 String.fromCodePoint(...codePoints)
+  fromCodePoint: function fromCodePoint(x) { // eslint-disable-line no-unused-vars
+    var res = [];
+    var aLen = arguments.length;
+    var i = 0;
+    var code;
+    while (aLen > i) {
+      code = +arguments[i++];
+      if (toAbsoluteIndex(code, 0x10ffff) !== code) throw RangeError(code + ' is not a valid code point');
+      res.push(code < 0x10000
+        ? fromCharCode(code)
+        : fromCharCode(((code -= 0x10000) >> 10) + 0xd800, code % 0x400 + 0xdc00)
+      );
+    } return res.join('');
+  }
+});
+
+},{"114":114,"33":33}],242:[function(_dereq_,module,exports){
+// 21.1.3.7 String.prototype.includes(searchString, position = 0)
+'use strict';
+var $export = _dereq_(33);
+var context = _dereq_(107);
+var INCLUDES = 'includes';
+
+$export($export.P + $export.F * _dereq_(34)(INCLUDES), 'String', {
+  includes: function includes(searchString /* , position = 0 */) {
+    return !!~context(this, searchString, INCLUDES)
+      .indexOf(searchString, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+},{"107":107,"33":33,"34":34}],243:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.9 String.prototype.italics()
+_dereq_(108)('italics', function (createHTML) {
+  return function italics() {
+    return createHTML(this, 'i', '', '');
+  };
+});
+
+},{"108":108}],244:[function(_dereq_,module,exports){
+'use strict';
+var $at = _dereq_(106)(true);
+
+// 21.1.3.27 String.prototype[@@iterator]()
+_dereq_(55)(String, 'String', function (iterated) {
+  this._t = String(iterated); // target
+  this._i = 0;                // next index
+// 21.1.5.2.1 %StringIteratorPrototype%.next()
+}, function () {
+  var O = this._t;
+  var index = this._i;
+  var point;
+  if (index >= O.length) return { value: undefined, done: true };
+  point = $at(O, index);
+  this._i += point.length;
+  return { value: point, done: false };
+});
+
+},{"106":106,"55":55}],245:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.10 String.prototype.link(url)
+_dereq_(108)('link', function (createHTML) {
+  return function link(url) {
+    return createHTML(this, 'a', 'href', url);
+  };
+});
+
+},{"108":108}],246:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+var toIObject = _dereq_(117);
+var toLength = _dereq_(118);
+
+$export($export.S, 'String', {
+  // 21.1.2.4 String.raw(callSite, ...substitutions)
+  raw: function raw(callSite) {
+    var tpl = toIObject(callSite.raw);
+    var len = toLength(tpl.length);
+    var aLen = arguments.length;
+    var res = [];
+    var i = 0;
+    while (len > i) {
+      res.push(String(tpl[i++]));
+      if (i < aLen) res.push(String(arguments[i]));
+    } return res.join('');
+  }
+});
+
+},{"117":117,"118":118,"33":33}],247:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+
+$export($export.P, 'String', {
+  // 21.1.3.13 String.prototype.repeat(count)
+  repeat: _dereq_(110)
+});
+
+},{"110":110,"33":33}],248:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.11 String.prototype.small()
+_dereq_(108)('small', function (createHTML) {
+  return function small() {
+    return createHTML(this, 'small', '', '');
+  };
+});
+
+},{"108":108}],249:[function(_dereq_,module,exports){
+// 21.1.3.18 String.prototype.startsWith(searchString [, position ])
+'use strict';
+var $export = _dereq_(33);
+var toLength = _dereq_(118);
+var context = _dereq_(107);
+var STARTS_WITH = 'startsWith';
+var $startsWith = ''[STARTS_WITH];
+
+$export($export.P + $export.F * _dereq_(34)(STARTS_WITH), 'String', {
+  startsWith: function startsWith(searchString /* , position = 0 */) {
+    var that = context(this, searchString, STARTS_WITH);
+    var index = toLength(Math.min(arguments.length > 1 ? arguments[1] : undefined, that.length));
+    var search = String(searchString);
+    return $startsWith
+      ? $startsWith.call(that, search, index)
+      : that.slice(index, index + search.length) === search;
+  }
+});
+
+},{"107":107,"118":118,"33":33,"34":34}],250:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.12 String.prototype.strike()
+_dereq_(108)('strike', function (createHTML) {
+  return function strike() {
+    return createHTML(this, 'strike', '', '');
+  };
+});
+
+},{"108":108}],251:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.13 String.prototype.sub()
+_dereq_(108)('sub', function (createHTML) {
+  return function sub() {
+    return createHTML(this, 'sub', '', '');
+  };
+});
+
+},{"108":108}],252:[function(_dereq_,module,exports){
+'use strict';
+// B.2.3.14 String.prototype.sup()
+_dereq_(108)('sup', function (createHTML) {
+  return function sup() {
+    return createHTML(this, 'sup', '', '');
+  };
+});
+
+},{"108":108}],253:[function(_dereq_,module,exports){
+'use strict';
+// 21.1.3.25 String.prototype.trim()
+_dereq_(111)('trim', function ($trim) {
+  return function trim() {
+    return $trim(this, 3);
+  };
+});
+
+},{"111":111}],254:[function(_dereq_,module,exports){
+'use strict';
+// ECMAScript 6 symbols shim
+var global = _dereq_(40);
+var has = _dereq_(41);
+var DESCRIPTORS = _dereq_(29);
+var $export = _dereq_(33);
+var redefine = _dereq_(94);
+var META = _dereq_(66).KEY;
+var $fails = _dereq_(35);
+var shared = _dereq_(103);
+var setToStringTag = _dereq_(101);
+var uid = _dereq_(124);
+var wks = _dereq_(128);
+var wksExt = _dereq_(127);
+var wksDefine = _dereq_(126);
+var keyOf = _dereq_(59);
+var enumKeys = _dereq_(32);
+var isArray = _dereq_(49);
+var anObject = _dereq_(7);
+var toIObject = _dereq_(117);
+var toPrimitive = _dereq_(120);
+var createDesc = _dereq_(92);
+var _create = _dereq_(71);
+var gOPNExt = _dereq_(76);
+var $GOPD = _dereq_(75);
+var $DP = _dereq_(72);
+var $keys = _dereq_(81);
+var gOPD = $GOPD.f;
+var dP = $DP.f;
+var gOPN = gOPNExt.f;
+var $Symbol = global.Symbol;
+var $JSON = global.JSON;
+var _stringify = $JSON && $JSON.stringify;
+var PROTOTYPE = 'prototype';
+var HIDDEN = wks('_hidden');
+var TO_PRIMITIVE = wks('toPrimitive');
+var isEnum = {}.propertyIsEnumerable;
+var SymbolRegistry = shared('symbol-registry');
+var AllSymbols = shared('symbols');
+var OPSymbols = shared('op-symbols');
+var ObjectProto = Object[PROTOTYPE];
+var USE_NATIVE = typeof $Symbol == 'function';
+var QObject = global.QObject;
+// Don't use setters in Qt Script, https://github.com/zloirock/core-js/issues/173
+var setter = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild;
+
+// fallback for old Android, https://code.google.com/p/v8/issues/detail?id=687
+var setSymbolDesc = DESCRIPTORS && $fails(function () {
+  return _create(dP({}, 'a', {
+    get: function () { return dP(this, 'a', { value: 7 }).a; }
+  })).a != 7;
+}) ? function (it, key, D) {
+  var protoDesc = gOPD(ObjectProto, key);
+  if (protoDesc) delete ObjectProto[key];
+  dP(it, key, D);
+  if (protoDesc && it !== ObjectProto) dP(ObjectProto, key, protoDesc);
+} : dP;
+
+var wrap = function (tag) {
+  var sym = AllSymbols[tag] = _create($Symbol[PROTOTYPE]);
+  sym._k = tag;
+  return sym;
+};
+
+var isSymbol = USE_NATIVE && typeof $Symbol.iterator == 'symbol' ? function (it) {
+  return typeof it == 'symbol';
+} : function (it) {
+  return it instanceof $Symbol;
+};
+
+var $defineProperty = function defineProperty(it, key, D) {
+  if (it === ObjectProto) $defineProperty(OPSymbols, key, D);
+  anObject(it);
+  key = toPrimitive(key, true);
+  anObject(D);
+  if (has(AllSymbols, key)) {
+    if (!D.enumerable) {
+      if (!has(it, HIDDEN)) dP(it, HIDDEN, createDesc(1, {}));
+      it[HIDDEN][key] = true;
+    } else {
+      if (has(it, HIDDEN) && it[HIDDEN][key]) it[HIDDEN][key] = false;
+      D = _create(D, { enumerable: createDesc(0, false) });
+    } return setSymbolDesc(it, key, D);
+  } return dP(it, key, D);
+};
+var $defineProperties = function defineProperties(it, P) {
+  anObject(it);
+  var keys = enumKeys(P = toIObject(P));
+  var i = 0;
+  var l = keys.length;
+  var key;
+  while (l > i) $defineProperty(it, key = keys[i++], P[key]);
+  return it;
+};
+var $create = function create(it, P) {
+  return P === undefined ? _create(it) : $defineProperties(_create(it), P);
+};
+var $propertyIsEnumerable = function propertyIsEnumerable(key) {
+  var E = isEnum.call(this, key = toPrimitive(key, true));
+  if (this === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key)) return false;
+  return E || !has(this, key) || !has(AllSymbols, key) || has(this, HIDDEN) && this[HIDDEN][key] ? E : true;
+};
+var $getOwnPropertyDescriptor = function getOwnPropertyDescriptor(it, key) {
+  it = toIObject(it);
+  key = toPrimitive(key, true);
+  if (it === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key)) return;
+  var D = gOPD(it, key);
+  if (D && has(AllSymbols, key) && !(has(it, HIDDEN) && it[HIDDEN][key])) D.enumerable = true;
+  return D;
+};
+var $getOwnPropertyNames = function getOwnPropertyNames(it) {
+  var names = gOPN(toIObject(it));
+  var result = [];
+  var i = 0;
+  var key;
+  while (names.length > i) {
+    if (!has(AllSymbols, key = names[i++]) && key != HIDDEN && key != META) result.push(key);
+  } return result;
+};
+var $getOwnPropertySymbols = function getOwnPropertySymbols(it) {
+  var IS_OP = it === ObjectProto;
+  var names = gOPN(IS_OP ? OPSymbols : toIObject(it));
+  var result = [];
+  var i = 0;
+  var key;
+  while (names.length > i) {
+    if (has(AllSymbols, key = names[i++]) && (IS_OP ? has(ObjectProto, key) : true)) result.push(AllSymbols[key]);
+  } return result;
+};
+
+// 19.4.1.1 Symbol([description])
+if (!USE_NATIVE) {
+  $Symbol = function Symbol() {
+    if (this instanceof $Symbol) throw TypeError('Symbol is not a constructor!');
+    var tag = uid(arguments.length > 0 ? arguments[0] : undefined);
+    var $set = function (value) {
+      if (this === ObjectProto) $set.call(OPSymbols, value);
+      if (has(this, HIDDEN) && has(this[HIDDEN], tag)) this[HIDDEN][tag] = false;
+      setSymbolDesc(this, tag, createDesc(1, value));
+    };
+    if (DESCRIPTORS && setter) setSymbolDesc(ObjectProto, tag, { configurable: true, set: $set });
+    return wrap(tag);
+  };
+  redefine($Symbol[PROTOTYPE], 'toString', function toString() {
+    return this._k;
+  });
+
+  $GOPD.f = $getOwnPropertyDescriptor;
+  $DP.f = $defineProperty;
+  _dereq_(77).f = gOPNExt.f = $getOwnPropertyNames;
+  _dereq_(82).f = $propertyIsEnumerable;
+  _dereq_(78).f = $getOwnPropertySymbols;
+
+  if (DESCRIPTORS && !_dereq_(60)) {
+    redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true);
+  }
+
+  wksExt.f = function (name) {
+    return wrap(wks(name));
+  };
+}
+
+$export($export.G + $export.W + $export.F * !USE_NATIVE, { Symbol: $Symbol });
+
+for (var es6Symbols = (
+  // 19.4.2.2, 19.4.2.3, 19.4.2.4, 19.4.2.6, 19.4.2.8, 19.4.2.9, 19.4.2.10, 19.4.2.11, 19.4.2.12, 19.4.2.13, 19.4.2.14
+  'hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables'
+).split(','), j = 0; es6Symbols.length > j;)wks(es6Symbols[j++]);
+
+for (var wellKnownSymbols = $keys(wks.store), k = 0; wellKnownSymbols.length > k;) wksDefine(wellKnownSymbols[k++]);
+
+$export($export.S + $export.F * !USE_NATIVE, 'Symbol', {
+  // 19.4.2.1 Symbol.for(key)
+  'for': function (key) {
+    return has(SymbolRegistry, key += '')
+      ? SymbolRegistry[key]
+      : SymbolRegistry[key] = $Symbol(key);
+  },
+  // 19.4.2.5 Symbol.keyFor(sym)
+  keyFor: function keyFor(key) {
+    if (isSymbol(key)) return keyOf(SymbolRegistry, key);
+    throw TypeError(key + ' is not a symbol!');
+  },
+  useSetter: function () { setter = true; },
+  useSimple: function () { setter = false; }
+});
+
+$export($export.S + $export.F * !USE_NATIVE, 'Object', {
+  // 19.1.2.2 Object.create(O [, Properties])
+  create: $create,
+  // 19.1.2.4 Object.defineProperty(O, P, Attributes)
+  defineProperty: $defineProperty,
+  // 19.1.2.3 Object.defineProperties(O, Properties)
+  defineProperties: $defineProperties,
+  // 19.1.2.6 Object.getOwnPropertyDescriptor(O, P)
+  getOwnPropertyDescriptor: $getOwnPropertyDescriptor,
+  // 19.1.2.7 Object.getOwnPropertyNames(O)
+  getOwnPropertyNames: $getOwnPropertyNames,
+  // 19.1.2.8 Object.getOwnPropertySymbols(O)
+  getOwnPropertySymbols: $getOwnPropertySymbols
+});
+
+// 24.3.2 JSON.stringify(value [, replacer [, space]])
+$JSON && $export($export.S + $export.F * (!USE_NATIVE || $fails(function () {
+  var S = $Symbol();
+  // MS Edge converts symbol values to JSON as {}
+  // WebKit converts symbol values to JSON as null
+  // V8 throws on boxed symbols
+  return _stringify([S]) != '[null]' || _stringify({ a: S }) != '{}' || _stringify(Object(S)) != '{}';
+})), 'JSON', {
+  stringify: function stringify(it) {
+    if (it === undefined || isSymbol(it)) return; // IE8 returns string on undefined
+    var args = [it];
+    var i = 1;
+    var replacer, $replacer;
+    while (arguments.length > i) args.push(arguments[i++]);
+    replacer = args[1];
+    if (typeof replacer == 'function') $replacer = replacer;
+    if ($replacer || !isArray(replacer)) replacer = function (key, value) {
+      if ($replacer) value = $replacer.call(this, key, value);
+      if (!isSymbol(value)) return value;
+    };
+    args[1] = replacer;
+    return _stringify.apply($JSON, args);
+  }
+});
+
+// 19.4.3.4 Symbol.prototype[@@toPrimitive](hint)
+$Symbol[PROTOTYPE][TO_PRIMITIVE] || _dereq_(42)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
+// 19.4.3.5 Symbol.prototype[@@toStringTag]
+setToStringTag($Symbol, 'Symbol');
+// 20.2.1.9 Math[@@toStringTag]
+setToStringTag(Math, 'Math', true);
+// 24.3.3 JSON[@@toStringTag]
+setToStringTag(global.JSON, 'JSON', true);
+
+},{"101":101,"103":103,"117":117,"120":120,"124":124,"126":126,"127":127,"128":128,"29":29,"32":32,"33":33,"35":35,"40":40,"41":41,"42":42,"49":49,"59":59,"60":60,"66":66,"7":7,"71":71,"72":72,"75":75,"76":76,"77":77,"78":78,"81":81,"82":82,"92":92,"94":94}],255:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var $typed = _dereq_(123);
+var buffer = _dereq_(122);
+var anObject = _dereq_(7);
+var toAbsoluteIndex = _dereq_(114);
+var toLength = _dereq_(118);
+var isObject = _dereq_(51);
+var ArrayBuffer = _dereq_(40).ArrayBuffer;
+var speciesConstructor = _dereq_(104);
+var $ArrayBuffer = buffer.ArrayBuffer;
+var $DataView = buffer.DataView;
+var $isView = $typed.ABV && ArrayBuffer.isView;
+var $slice = $ArrayBuffer.prototype.slice;
+var VIEW = $typed.VIEW;
+var ARRAY_BUFFER = 'ArrayBuffer';
+
+$export($export.G + $export.W + $export.F * (ArrayBuffer !== $ArrayBuffer), { ArrayBuffer: $ArrayBuffer });
+
+$export($export.S + $export.F * !$typed.CONSTR, ARRAY_BUFFER, {
+  // 24.1.3.1 ArrayBuffer.isView(arg)
+  isView: function isView(it) {
+    return $isView && $isView(it) || isObject(it) && VIEW in it;
+  }
+});
+
+$export($export.P + $export.U + $export.F * _dereq_(35)(function () {
+  return !new $ArrayBuffer(2).slice(1, undefined).byteLength;
+}), ARRAY_BUFFER, {
+  // 24.1.4.3 ArrayBuffer.prototype.slice(start, end)
+  slice: function slice(start, end) {
+    if ($slice !== undefined && end === undefined) return $slice.call(anObject(this), start); // FF fix
+    var len = anObject(this).byteLength;
+    var first = toAbsoluteIndex(start, len);
+    var final = toAbsoluteIndex(end === undefined ? len : end, len);
+    var result = new (speciesConstructor(this, $ArrayBuffer))(toLength(final - first));
+    var viewS = new $DataView(this);
+    var viewT = new $DataView(result);
+    var index = 0;
+    while (first < final) {
+      viewT.setUint8(index++, viewS.getUint8(first++));
+    } return result;
+  }
+});
+
+_dereq_(100)(ARRAY_BUFFER);
+
+},{"100":100,"104":104,"114":114,"118":118,"122":122,"123":123,"33":33,"35":35,"40":40,"51":51,"7":7}],256:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+$export($export.G + $export.W + $export.F * !_dereq_(123).ABV, {
+  DataView: _dereq_(122).DataView
+});
+
+},{"122":122,"123":123,"33":33}],257:[function(_dereq_,module,exports){
+_dereq_(121)('Float32', 4, function (init) {
+  return function Float32Array(data, byteOffset, length) {
+    return init(this, data, byteOffset, length);
+  };
+});
+
+},{"121":121}],258:[function(_dereq_,module,exports){
+_dereq_(121)('Float64', 8, function (init) {
+  return function Float64Array(data, byteOffset, length) {
+    return init(this, data, byteOffset, length);
+  };
+});
+
+},{"121":121}],259:[function(_dereq_,module,exports){
+_dereq_(121)('Int16', 2, function (init) {
+  return function Int16Array(data, byteOffset, length) {
+    return init(this, data, byteOffset, length);
+  };
+});
+
+},{"121":121}],260:[function(_dereq_,module,exports){
+_dereq_(121)('Int32', 4, function (init) {
+  return function Int32Array(data, byteOffset, length) {
+    return init(this, data, byteOffset, length);
+  };
+});
+
+},{"121":121}],261:[function(_dereq_,module,exports){
+_dereq_(121)('Int8', 1, function (init) {
+  return function Int8Array(data, byteOffset, length) {
+    return init(this, data, byteOffset, length);
+  };
+});
+
+},{"121":121}],262:[function(_dereq_,module,exports){
+_dereq_(121)('Uint16', 2, function (init) {
+  return function Uint16Array(data, byteOffset, length) {
+    return init(this, data, byteOffset, length);
+  };
+});
+
+},{"121":121}],263:[function(_dereq_,module,exports){
+_dereq_(121)('Uint32', 4, function (init) {
+  return function Uint32Array(data, byteOffset, length) {
+    return init(this, data, byteOffset, length);
+  };
+});
+
+},{"121":121}],264:[function(_dereq_,module,exports){
+_dereq_(121)('Uint8', 1, function (init) {
+  return function Uint8Array(data, byteOffset, length) {
+    return init(this, data, byteOffset, length);
+  };
+});
+
+},{"121":121}],265:[function(_dereq_,module,exports){
+_dereq_(121)('Uint8', 1, function (init) {
+  return function Uint8ClampedArray(data, byteOffset, length) {
+    return init(this, data, byteOffset, length);
+  };
+}, true);
+
+},{"121":121}],266:[function(_dereq_,module,exports){
+'use strict';
+var each = _dereq_(12)(0);
+var redefine = _dereq_(94);
+var meta = _dereq_(66);
+var assign = _dereq_(70);
+var weak = _dereq_(21);
+var isObject = _dereq_(51);
+var fails = _dereq_(35);
+var validate = _dereq_(125);
+var WEAK_MAP = 'WeakMap';
+var getWeak = meta.getWeak;
+var isExtensible = Object.isExtensible;
+var uncaughtFrozenStore = weak.ufstore;
+var tmp = {};
+var InternalMap;
+
+var wrapper = function (get) {
+  return function WeakMap() {
+    return get(this, arguments.length > 0 ? arguments[0] : undefined);
+  };
+};
+
+var methods = {
+  // 23.3.3.3 WeakMap.prototype.get(key)
+  get: function get(key) {
+    if (isObject(key)) {
+      var data = getWeak(key);
+      if (data === true) return uncaughtFrozenStore(validate(this, WEAK_MAP)).get(key);
+      return data ? data[this._i] : undefined;
+    }
+  },
+  // 23.3.3.5 WeakMap.prototype.set(key, value)
+  set: function set(key, value) {
+    return weak.def(validate(this, WEAK_MAP), key, value);
+  }
+};
+
+// 23.3 WeakMap Objects
+var $WeakMap = module.exports = _dereq_(22)(WEAK_MAP, wrapper, methods, weak, true, true);
+
+// IE11 WeakMap frozen keys fix
+if (fails(function () { return new $WeakMap().set((Object.freeze || Object)(tmp), 7).get(tmp) != 7; })) {
+  InternalMap = weak.getConstructor(wrapper, WEAK_MAP);
+  assign(InternalMap.prototype, methods);
+  meta.NEED = true;
+  each(['delete', 'has', 'get', 'set'], function (key) {
+    var proto = $WeakMap.prototype;
+    var method = proto[key];
+    redefine(proto, key, function (a, b) {
+      // store frozen objects on internal weakmap shim
+      if (isObject(a) && !isExtensible(a)) {
+        if (!this._f) this._f = new InternalMap();
+        var result = this._f[key](a, b);
+        return key == 'set' ? this : result;
+      // store all the rest on native weakmap
+      } return method.call(this, a, b);
+    });
+  });
+}
+
+},{"12":12,"125":125,"21":21,"22":22,"35":35,"51":51,"66":66,"70":70,"94":94}],267:[function(_dereq_,module,exports){
+'use strict';
+var weak = _dereq_(21);
+var validate = _dereq_(125);
+var WEAK_SET = 'WeakSet';
+
+// 23.4 WeakSet Objects
+_dereq_(22)(WEAK_SET, function (get) {
+  return function WeakSet() { return get(this, arguments.length > 0 ? arguments[0] : undefined); };
+}, {
+  // 23.4.3.1 WeakSet.prototype.add(value)
+  add: function add(value) {
+    return weak.def(validate(this, WEAK_SET), value, true);
+  }
+}, weak, false, true);
+
+},{"125":125,"21":21,"22":22}],268:[function(_dereq_,module,exports){
+'use strict';
+// https://tc39.github.io/proposal-flatMap/#sec-Array.prototype.flatMap
+var $export = _dereq_(33);
+var flattenIntoArray = _dereq_(38);
+var toObject = _dereq_(119);
+var toLength = _dereq_(118);
+var aFunction = _dereq_(3);
+var arraySpeciesCreate = _dereq_(15);
+
+$export($export.P, 'Array', {
+  flatMap: function flatMap(callbackfn /* , thisArg */) {
+    var O = toObject(this);
+    var sourceLen, A;
+    aFunction(callbackfn);
+    sourceLen = toLength(O.length);
+    A = arraySpeciesCreate(O, 0);
+    flattenIntoArray(A, O, O, sourceLen, 0, 1, callbackfn, arguments[1]);
+    return A;
+  }
+});
+
+_dereq_(5)('flatMap');
+
+},{"118":118,"119":119,"15":15,"3":3,"33":33,"38":38,"5":5}],269:[function(_dereq_,module,exports){
+'use strict';
+// https://tc39.github.io/proposal-flatMap/#sec-Array.prototype.flatten
+var $export = _dereq_(33);
+var flattenIntoArray = _dereq_(38);
+var toObject = _dereq_(119);
+var toLength = _dereq_(118);
+var toInteger = _dereq_(116);
+var arraySpeciesCreate = _dereq_(15);
+
+$export($export.P, 'Array', {
+  flatten: function flatten(/* depthArg = 1 */) {
+    var depthArg = arguments[0];
+    var O = toObject(this);
+    var sourceLen = toLength(O.length);
+    var A = arraySpeciesCreate(O, 0);
+    flattenIntoArray(A, O, O, sourceLen, 0, depthArg === undefined ? 1 : toInteger(depthArg));
+    return A;
+  }
+});
+
+_dereq_(5)('flatten');
+
+},{"116":116,"118":118,"119":119,"15":15,"33":33,"38":38,"5":5}],270:[function(_dereq_,module,exports){
+'use strict';
+// https://github.com/tc39/Array.prototype.includes
+var $export = _dereq_(33);
+var $includes = _dereq_(11)(true);
+
+$export($export.P, 'Array', {
+  includes: function includes(el /* , fromIndex = 0 */) {
+    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+_dereq_(5)('includes');
+
+},{"11":11,"33":33,"5":5}],271:[function(_dereq_,module,exports){
+// https://github.com/rwaldron/tc39-notes/blob/master/es6/2014-09/sept-25.md#510-globalasap-for-enqueuing-a-microtask
+var $export = _dereq_(33);
+var microtask = _dereq_(68)();
+var process = _dereq_(40).process;
+var isNode = _dereq_(18)(process) == 'process';
+
+$export($export.G, {
+  asap: function asap(fn) {
+    var domain = isNode && process.domain;
+    microtask(domain ? domain.bind(fn) : fn);
+  }
+});
+
+},{"18":18,"33":33,"40":40,"68":68}],272:[function(_dereq_,module,exports){
+// https://github.com/ljharb/proposal-is-error
+var $export = _dereq_(33);
+var cof = _dereq_(18);
+
+$export($export.S, 'Error', {
+  isError: function isError(it) {
+    return cof(it) === 'Error';
+  }
+});
+
+},{"18":18,"33":33}],273:[function(_dereq_,module,exports){
+// https://github.com/tc39/proposal-global
+var $export = _dereq_(33);
+
+$export($export.G, { global: _dereq_(40) });
+
+},{"33":33,"40":40}],274:[function(_dereq_,module,exports){
+// https://tc39.github.io/proposal-setmap-offrom/#sec-map.from
+_dereq_(97)('Map');
+
+},{"97":97}],275:[function(_dereq_,module,exports){
+// https://tc39.github.io/proposal-setmap-offrom/#sec-map.of
+_dereq_(98)('Map');
+
+},{"98":98}],276:[function(_dereq_,module,exports){
+// https://github.com/DavidBruant/Map-Set.prototype.toJSON
+var $export = _dereq_(33);
+
+$export($export.P + $export.R, 'Map', { toJSON: _dereq_(20)('Map') });
+
+},{"20":20,"33":33}],277:[function(_dereq_,module,exports){
+// https://rwaldron.github.io/proposal-math-extensions/
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', {
+  clamp: function clamp(x, lower, upper) {
+    return Math.min(upper, Math.max(lower, x));
+  }
+});
+
+},{"33":33}],278:[function(_dereq_,module,exports){
+// https://rwaldron.github.io/proposal-math-extensions/
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', { DEG_PER_RAD: Math.PI / 180 });
+
+},{"33":33}],279:[function(_dereq_,module,exports){
+// https://rwaldron.github.io/proposal-math-extensions/
+var $export = _dereq_(33);
+var RAD_PER_DEG = 180 / Math.PI;
+
+$export($export.S, 'Math', {
+  degrees: function degrees(radians) {
+    return radians * RAD_PER_DEG;
+  }
+});
+
+},{"33":33}],280:[function(_dereq_,module,exports){
+// https://rwaldron.github.io/proposal-math-extensions/
+var $export = _dereq_(33);
+var scale = _dereq_(64);
+var fround = _dereq_(62);
+
+$export($export.S, 'Math', {
+  fscale: function fscale(x, inLow, inHigh, outLow, outHigh) {
+    return fround(scale(x, inLow, inHigh, outLow, outHigh));
+  }
+});
+
+},{"33":33,"62":62,"64":64}],281:[function(_dereq_,module,exports){
+// https://gist.github.com/BrendanEich/4294d5c212a6d2254703
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', {
+  iaddh: function iaddh(x0, x1, y0, y1) {
+    var $x0 = x0 >>> 0;
+    var $x1 = x1 >>> 0;
+    var $y0 = y0 >>> 0;
+    return $x1 + (y1 >>> 0) + (($x0 & $y0 | ($x0 | $y0) & ~($x0 + $y0 >>> 0)) >>> 31) | 0;
+  }
+});
+
+},{"33":33}],282:[function(_dereq_,module,exports){
+// https://gist.github.com/BrendanEich/4294d5c212a6d2254703
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', {
+  imulh: function imulh(u, v) {
+    var UINT16 = 0xffff;
+    var $u = +u;
+    var $v = +v;
+    var u0 = $u & UINT16;
+    var v0 = $v & UINT16;
+    var u1 = $u >> 16;
+    var v1 = $v >> 16;
+    var t = (u1 * v0 >>> 0) + (u0 * v0 >>> 16);
+    return u1 * v1 + (t >> 16) + ((u0 * v1 >>> 0) + (t & UINT16) >> 16);
+  }
+});
+
+},{"33":33}],283:[function(_dereq_,module,exports){
+// https://gist.github.com/BrendanEich/4294d5c212a6d2254703
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', {
+  isubh: function isubh(x0, x1, y0, y1) {
+    var $x0 = x0 >>> 0;
+    var $x1 = x1 >>> 0;
+    var $y0 = y0 >>> 0;
+    return $x1 - (y1 >>> 0) - ((~$x0 & $y0 | ~($x0 ^ $y0) & $x0 - $y0 >>> 0) >>> 31) | 0;
+  }
+});
+
+},{"33":33}],284:[function(_dereq_,module,exports){
+// https://rwaldron.github.io/proposal-math-extensions/
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', { RAD_PER_DEG: 180 / Math.PI });
+
+},{"33":33}],285:[function(_dereq_,module,exports){
+// https://rwaldron.github.io/proposal-math-extensions/
+var $export = _dereq_(33);
+var DEG_PER_RAD = Math.PI / 180;
+
+$export($export.S, 'Math', {
+  radians: function radians(degrees) {
+    return degrees * DEG_PER_RAD;
+  }
+});
+
+},{"33":33}],286:[function(_dereq_,module,exports){
+// https://rwaldron.github.io/proposal-math-extensions/
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', { scale: _dereq_(64) });
+
+},{"33":33,"64":64}],287:[function(_dereq_,module,exports){
+// http://jfbastien.github.io/papers/Math.signbit.html
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', { signbit: function signbit(x) {
+  // eslint-disable-next-line no-self-compare
+  return (x = +x) != x ? x : x == 0 ? 1 / x == Infinity : x > 0;
+} });
+
+},{"33":33}],288:[function(_dereq_,module,exports){
+// https://gist.github.com/BrendanEich/4294d5c212a6d2254703
+var $export = _dereq_(33);
+
+$export($export.S, 'Math', {
+  umulh: function umulh(u, v) {
+    var UINT16 = 0xffff;
+    var $u = +u;
+    var $v = +v;
+    var u0 = $u & UINT16;
+    var v0 = $v & UINT16;
+    var u1 = $u >>> 16;
+    var v1 = $v >>> 16;
+    var t = (u1 * v0 >>> 0) + (u0 * v0 >>> 16);
+    return u1 * v1 + (t >>> 16) + ((u0 * v1 >>> 0) + (t & UINT16) >>> 16);
+  }
+});
+
+},{"33":33}],289:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var toObject = _dereq_(119);
+var aFunction = _dereq_(3);
+var $defineProperty = _dereq_(72);
+
+// B.2.2.2 Object.prototype.__defineGetter__(P, getter)
+_dereq_(29) && $export($export.P + _dereq_(74), 'Object', {
+  __defineGetter__: function __defineGetter__(P, getter) {
+    $defineProperty.f(toObject(this), P, { get: aFunction(getter), enumerable: true, configurable: true });
+  }
+});
+
+},{"119":119,"29":29,"3":3,"33":33,"72":72,"74":74}],290:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var toObject = _dereq_(119);
+var aFunction = _dereq_(3);
+var $defineProperty = _dereq_(72);
+
+// B.2.2.3 Object.prototype.__defineSetter__(P, setter)
+_dereq_(29) && $export($export.P + _dereq_(74), 'Object', {
+  __defineSetter__: function __defineSetter__(P, setter) {
+    $defineProperty.f(toObject(this), P, { set: aFunction(setter), enumerable: true, configurable: true });
+  }
+});
+
+},{"119":119,"29":29,"3":3,"33":33,"72":72,"74":74}],291:[function(_dereq_,module,exports){
+// https://github.com/tc39/proposal-object-values-entries
+var $export = _dereq_(33);
+var $entries = _dereq_(84)(true);
+
+$export($export.S, 'Object', {
+  entries: function entries(it) {
+    return $entries(it);
+  }
+});
+
+},{"33":33,"84":84}],292:[function(_dereq_,module,exports){
+// https://github.com/tc39/proposal-object-getownpropertydescriptors
+var $export = _dereq_(33);
+var ownKeys = _dereq_(85);
+var toIObject = _dereq_(117);
+var gOPD = _dereq_(75);
+var createProperty = _dereq_(24);
+
+$export($export.S, 'Object', {
+  getOwnPropertyDescriptors: function getOwnPropertyDescriptors(object) {
+    var O = toIObject(object);
+    var getDesc = gOPD.f;
+    var keys = ownKeys(O);
+    var result = {};
+    var i = 0;
+    var key, desc;
+    while (keys.length > i) {
+      desc = getDesc(O, key = keys[i++]);
+      if (desc !== undefined) createProperty(result, key, desc);
+    }
+    return result;
+  }
+});
+
+},{"117":117,"24":24,"33":33,"75":75,"85":85}],293:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var toObject = _dereq_(119);
+var toPrimitive = _dereq_(120);
+var getPrototypeOf = _dereq_(79);
+var getOwnPropertyDescriptor = _dereq_(75).f;
+
+// B.2.2.4 Object.prototype.__lookupGetter__(P)
+_dereq_(29) && $export($export.P + _dereq_(74), 'Object', {
+  __lookupGetter__: function __lookupGetter__(P) {
+    var O = toObject(this);
+    var K = toPrimitive(P, true);
+    var D;
+    do {
+      if (D = getOwnPropertyDescriptor(O, K)) return D.get;
+    } while (O = getPrototypeOf(O));
+  }
+});
+
+},{"119":119,"120":120,"29":29,"33":33,"74":74,"75":75,"79":79}],294:[function(_dereq_,module,exports){
+'use strict';
+var $export = _dereq_(33);
+var toObject = _dereq_(119);
+var toPrimitive = _dereq_(120);
+var getPrototypeOf = _dereq_(79);
+var getOwnPropertyDescriptor = _dereq_(75).f;
+
+// B.2.2.5 Object.prototype.__lookupSetter__(P)
+_dereq_(29) && $export($export.P + _dereq_(74), 'Object', {
+  __lookupSetter__: function __lookupSetter__(P) {
+    var O = toObject(this);
+    var K = toPrimitive(P, true);
+    var D;
+    do {
+      if (D = getOwnPropertyDescriptor(O, K)) return D.set;
+    } while (O = getPrototypeOf(O));
+  }
+});
+
+},{"119":119,"120":120,"29":29,"33":33,"74":74,"75":75,"79":79}],295:[function(_dereq_,module,exports){
+// https://github.com/tc39/proposal-object-values-entries
+var $export = _dereq_(33);
+var $values = _dereq_(84)(false);
+
+$export($export.S, 'Object', {
+  values: function values(it) {
+    return $values(it);
+  }
+});
+
+},{"33":33,"84":84}],296:[function(_dereq_,module,exports){
+'use strict';
+// https://github.com/zenparsing/es-observable
+var $export = _dereq_(33);
+var global = _dereq_(40);
+var core = _dereq_(23);
+var microtask = _dereq_(68)();
+var OBSERVABLE = _dereq_(128)('observable');
+var aFunction = _dereq_(3);
+var anObject = _dereq_(7);
+var anInstance = _dereq_(6);
+var redefineAll = _dereq_(93);
+var hide = _dereq_(42);
+var forOf = _dereq_(39);
+var RETURN = forOf.RETURN;
+
+var getMethod = function (fn) {
+  return fn == null ? undefined : aFunction(fn);
+};
+
+var cleanupSubscription = function (subscription) {
+  var cleanup = subscription._c;
+  if (cleanup) {
+    subscription._c = undefined;
+    cleanup();
+  }
+};
+
+var subscriptionClosed = function (subscription) {
+  return subscription._o === undefined;
+};
+
+var closeSubscription = function (subscription) {
+  if (!subscriptionClosed(subscription)) {
+    subscription._o = undefined;
+    cleanupSubscription(subscription);
+  }
+};
+
+var Subscription = function (observer, subscriber) {
+  anObject(observer);
+  this._c = undefined;
+  this._o = observer;
+  observer = new SubscriptionObserver(this);
+  try {
+    var cleanup = subscriber(observer);
+    var subscription = cleanup;
+    if (cleanup != null) {
+      if (typeof cleanup.unsubscribe === 'function') cleanup = function () { subscription.unsubscribe(); };
+      else aFunction(cleanup);
+      this._c = cleanup;
+    }
+  } catch (e) {
+    observer.error(e);
+    return;
+  } if (subscriptionClosed(this)) cleanupSubscription(this);
+};
+
+Subscription.prototype = redefineAll({}, {
+  unsubscribe: function unsubscribe() { closeSubscription(this); }
+});
+
+var SubscriptionObserver = function (subscription) {
+  this._s = subscription;
+};
+
+SubscriptionObserver.prototype = redefineAll({}, {
+  next: function next(value) {
+    var subscription = this._s;
+    if (!subscriptionClosed(subscription)) {
+      var observer = subscription._o;
+      try {
+        var m = getMethod(observer.next);
+        if (m) return m.call(observer, value);
+      } catch (e) {
+        try {
+          closeSubscription(subscription);
+        } finally {
+          throw e;
+        }
+      }
+    }
+  },
+  error: function error(value) {
+    var subscription = this._s;
+    if (subscriptionClosed(subscription)) throw value;
+    var observer = subscription._o;
+    subscription._o = undefined;
+    try {
+      var m = getMethod(observer.error);
+      if (!m) throw value;
+      value = m.call(observer, value);
+    } catch (e) {
+      try {
+        cleanupSubscription(subscription);
+      } finally {
+        throw e;
+      }
+    } cleanupSubscription(subscription);
+    return value;
+  },
+  complete: function complete(value) {
+    var subscription = this._s;
+    if (!subscriptionClosed(subscription)) {
+      var observer = subscription._o;
+      subscription._o = undefined;
+      try {
+        var m = getMethod(observer.complete);
+        value = m ? m.call(observer, value) : undefined;
+      } catch (e) {
+        try {
+          cleanupSubscription(subscription);
+        } finally {
+          throw e;
+        }
+      } cleanupSubscription(subscription);
+      return value;
+    }
+  }
+});
+
+var $Observable = function Observable(subscriber) {
+  anInstance(this, $Observable, 'Observable', '_f')._f = aFunction(subscriber);
+};
+
+redefineAll($Observable.prototype, {
+  subscribe: function subscribe(observer) {
+    return new Subscription(observer, this._f);
+  },
+  forEach: function forEach(fn) {
+    var that = this;
+    return new (core.Promise || global.Promise)(function (resolve, reject) {
+      aFunction(fn);
+      var subscription = that.subscribe({
+        next: function (value) {
+          try {
+            return fn(value);
+          } catch (e) {
+            reject(e);
+            subscription.unsubscribe();
+          }
+        },
+        error: reject,
+        complete: resolve
+      });
+    });
+  }
+});
+
+redefineAll($Observable, {
+  from: function from(x) {
+    var C = typeof this === 'function' ? this : $Observable;
+    var method = getMethod(anObject(x)[OBSERVABLE]);
+    if (method) {
+      var observable = anObject(method.call(x));
+      return observable.constructor === C ? observable : new C(function (observer) {
+        return observable.subscribe(observer);
+      });
+    }
+    return new C(function (observer) {
+      var done = false;
+      microtask(function () {
+        if (!done) {
+          try {
+            if (forOf(x, false, function (it) {
+              observer.next(it);
+              if (done) return RETURN;
+            }) === RETURN) return;
+          } catch (e) {
+            if (done) throw e;
+            observer.error(e);
+            return;
+          } observer.complete();
+        }
+      });
+      return function () { done = true; };
+    });
+  },
+  of: function of() {
+    for (var i = 0, l = arguments.length, items = Array(l); i < l;) items[i] = arguments[i++];
+    return new (typeof this === 'function' ? this : $Observable)(function (observer) {
+      var done = false;
+      microtask(function () {
+        if (!done) {
+          for (var j = 0; j < items.length; ++j) {
+            observer.next(items[j]);
+            if (done) return;
+          } observer.complete();
+        }
+      });
+      return function () { done = true; };
+    });
+  }
+});
+
+hide($Observable.prototype, OBSERVABLE, function () { return this; });
+
+$export($export.G, { Observable: $Observable });
+
+_dereq_(100)('Observable');
+
+},{"100":100,"128":128,"23":23,"3":3,"33":33,"39":39,"40":40,"42":42,"6":6,"68":68,"7":7,"93":93}],297:[function(_dereq_,module,exports){
+// https://github.com/tc39/proposal-promise-finally
+'use strict';
+var $export = _dereq_(33);
+var core = _dereq_(23);
+var global = _dereq_(40);
+var speciesConstructor = _dereq_(104);
+var promiseResolve = _dereq_(91);
+
+$export($export.P + $export.R, 'Promise', { 'finally': function (onFinally) {
+  var C = speciesConstructor(this, core.Promise || global.Promise);
+  var isFunction = typeof onFinally == 'function';
+  return this.then(
+    isFunction ? function (x) {
+      return promiseResolve(C, onFinally()).then(function () { return x; });
+    } : onFinally,
+    isFunction ? function (e) {
+      return promiseResolve(C, onFinally()).then(function () { throw e; });
+    } : onFinally
+  );
+} });
+
+},{"104":104,"23":23,"33":33,"40":40,"91":91}],298:[function(_dereq_,module,exports){
+'use strict';
+// https://github.com/tc39/proposal-promise-try
+var $export = _dereq_(33);
+var newPromiseCapability = _dereq_(69);
+var perform = _dereq_(90);
+
+$export($export.S, 'Promise', { 'try': function (callbackfn) {
+  var promiseCapability = newPromiseCapability.f(this);
+  var result = perform(callbackfn);
+  (result.e ? promiseCapability.reject : promiseCapability.resolve)(result.v);
+  return promiseCapability.promise;
+} });
+
+},{"33":33,"69":69,"90":90}],299:[function(_dereq_,module,exports){
+var metadata = _dereq_(67);
+var anObject = _dereq_(7);
+var toMetaKey = metadata.key;
+var ordinaryDefineOwnMetadata = metadata.set;
+
+metadata.exp({ defineMetadata: function defineMetadata(metadataKey, metadataValue, target, targetKey) {
+  ordinaryDefineOwnMetadata(metadataKey, metadataValue, anObject(target), toMetaKey(targetKey));
+} });
+
+},{"67":67,"7":7}],300:[function(_dereq_,module,exports){
+var metadata = _dereq_(67);
+var anObject = _dereq_(7);
+var toMetaKey = metadata.key;
+var getOrCreateMetadataMap = metadata.map;
+var store = metadata.store;
+
+metadata.exp({ deleteMetadata: function deleteMetadata(metadataKey, target /* , targetKey */) {
+  var targetKey = arguments.length < 3 ? undefined : toMetaKey(arguments[2]);
+  var metadataMap = getOrCreateMetadataMap(anObject(target), targetKey, false);
+  if (metadataMap === undefined || !metadataMap['delete'](metadataKey)) return false;
+  if (metadataMap.size) return true;
+  var targetMetadata = store.get(target);
+  targetMetadata['delete'](targetKey);
+  return !!targetMetadata.size || store['delete'](target);
+} });
+
+},{"67":67,"7":7}],301:[function(_dereq_,module,exports){
+var Set = _dereq_(231);
+var from = _dereq_(10);
+var metadata = _dereq_(67);
+var anObject = _dereq_(7);
+var getPrototypeOf = _dereq_(79);
+var ordinaryOwnMetadataKeys = metadata.keys;
+var toMetaKey = metadata.key;
+
+var ordinaryMetadataKeys = function (O, P) {
+  var oKeys = ordinaryOwnMetadataKeys(O, P);
+  var parent = getPrototypeOf(O);
+  if (parent === null) return oKeys;
+  var pKeys = ordinaryMetadataKeys(parent, P);
+  return pKeys.length ? oKeys.length ? from(new Set(oKeys.concat(pKeys))) : pKeys : oKeys;
+};
+
+metadata.exp({ getMetadataKeys: function getMetadataKeys(target /* , targetKey */) {
+  return ordinaryMetadataKeys(anObject(target), arguments.length < 2 ? undefined : toMetaKey(arguments[1]));
+} });
+
+},{"10":10,"231":231,"67":67,"7":7,"79":79}],302:[function(_dereq_,module,exports){
+var metadata = _dereq_(67);
+var anObject = _dereq_(7);
+var getPrototypeOf = _dereq_(79);
+var ordinaryHasOwnMetadata = metadata.has;
+var ordinaryGetOwnMetadata = metadata.get;
+var toMetaKey = metadata.key;
+
+var ordinaryGetMetadata = function (MetadataKey, O, P) {
+  var hasOwn = ordinaryHasOwnMetadata(MetadataKey, O, P);
+  if (hasOwn) return ordinaryGetOwnMetadata(MetadataKey, O, P);
+  var parent = getPrototypeOf(O);
+  return parent !== null ? ordinaryGetMetadata(MetadataKey, parent, P) : undefined;
+};
+
+metadata.exp({ getMetadata: function getMetadata(metadataKey, target /* , targetKey */) {
+  return ordinaryGetMetadata(metadataKey, anObject(target), arguments.length < 3 ? undefined : toMetaKey(arguments[2]));
+} });
+
+},{"67":67,"7":7,"79":79}],303:[function(_dereq_,module,exports){
+var metadata = _dereq_(67);
+var anObject = _dereq_(7);
+var ordinaryOwnMetadataKeys = metadata.keys;
+var toMetaKey = metadata.key;
+
+metadata.exp({ getOwnMetadataKeys: function getOwnMetadataKeys(target /* , targetKey */) {
+  return ordinaryOwnMetadataKeys(anObject(target), arguments.length < 2 ? undefined : toMetaKey(arguments[1]));
+} });
+
+},{"67":67,"7":7}],304:[function(_dereq_,module,exports){
+var metadata = _dereq_(67);
+var anObject = _dereq_(7);
+var ordinaryGetOwnMetadata = metadata.get;
+var toMetaKey = metadata.key;
+
+metadata.exp({ getOwnMetadata: function getOwnMetadata(metadataKey, target /* , targetKey */) {
+  return ordinaryGetOwnMetadata(metadataKey, anObject(target)
+    , arguments.length < 3 ? undefined : toMetaKey(arguments[2]));
+} });
+
+},{"67":67,"7":7}],305:[function(_dereq_,module,exports){
+var metadata = _dereq_(67);
+var anObject = _dereq_(7);
+var getPrototypeOf = _dereq_(79);
+var ordinaryHasOwnMetadata = metadata.has;
+var toMetaKey = metadata.key;
+
+var ordinaryHasMetadata = function (MetadataKey, O, P) {
+  var hasOwn = ordinaryHasOwnMetadata(MetadataKey, O, P);
+  if (hasOwn) return true;
+  var parent = getPrototypeOf(O);
+  return parent !== null ? ordinaryHasMetadata(MetadataKey, parent, P) : false;
+};
+
+metadata.exp({ hasMetadata: function hasMetadata(metadataKey, target /* , targetKey */) {
+  return ordinaryHasMetadata(metadataKey, anObject(target), arguments.length < 3 ? undefined : toMetaKey(arguments[2]));
+} });
+
+},{"67":67,"7":7,"79":79}],306:[function(_dereq_,module,exports){
+var metadata = _dereq_(67);
+var anObject = _dereq_(7);
+var ordinaryHasOwnMetadata = metadata.has;
+var toMetaKey = metadata.key;
+
+metadata.exp({ hasOwnMetadata: function hasOwnMetadata(metadataKey, target /* , targetKey */) {
+  return ordinaryHasOwnMetadata(metadataKey, anObject(target)
+    , arguments.length < 3 ? undefined : toMetaKey(arguments[2]));
+} });
+
+},{"67":67,"7":7}],307:[function(_dereq_,module,exports){
+var $metadata = _dereq_(67);
+var anObject = _dereq_(7);
+var aFunction = _dereq_(3);
+var toMetaKey = $metadata.key;
+var ordinaryDefineOwnMetadata = $metadata.set;
+
+$metadata.exp({ metadata: function metadata(metadataKey, metadataValue) {
+  return function decorator(target, targetKey) {
+    ordinaryDefineOwnMetadata(
+      metadataKey, metadataValue,
+      (targetKey !== undefined ? anObject : aFunction)(target),
+      toMetaKey(targetKey)
+    );
+  };
+} });
+
+},{"3":3,"67":67,"7":7}],308:[function(_dereq_,module,exports){
+// https://tc39.github.io/proposal-setmap-offrom/#sec-set.from
+_dereq_(97)('Set');
+
+},{"97":97}],309:[function(_dereq_,module,exports){
+// https://tc39.github.io/proposal-setmap-offrom/#sec-set.of
+_dereq_(98)('Set');
+
+},{"98":98}],310:[function(_dereq_,module,exports){
+// https://github.com/DavidBruant/Map-Set.prototype.toJSON
+var $export = _dereq_(33);
+
+$export($export.P + $export.R, 'Set', { toJSON: _dereq_(20)('Set') });
+
+},{"20":20,"33":33}],311:[function(_dereq_,module,exports){
+'use strict';
+// https://github.com/mathiasbynens/String.prototype.at
+var $export = _dereq_(33);
+var $at = _dereq_(106)(true);
+
+$export($export.P, 'String', {
+  at: function at(pos) {
+    return $at(this, pos);
+  }
+});
+
+},{"106":106,"33":33}],312:[function(_dereq_,module,exports){
+'use strict';
+// https://tc39.github.io/String.prototype.matchAll/
+var $export = _dereq_(33);
+var defined = _dereq_(28);
+var toLength = _dereq_(118);
+var isRegExp = _dereq_(52);
+var getFlags = _dereq_(37);
+var RegExpProto = RegExp.prototype;
+
+var $RegExpStringIterator = function (regexp, string) {
+  this._r = regexp;
+  this._s = string;
+};
+
+_dereq_(54)($RegExpStringIterator, 'RegExp String', function next() {
+  var match = this._r.exec(this._s);
+  return { value: match, done: match === null };
+});
+
+$export($export.P, 'String', {
+  matchAll: function matchAll(regexp) {
+    defined(this);
+    if (!isRegExp(regexp)) throw TypeError(regexp + ' is not a regexp!');
+    var S = String(this);
+    var flags = 'flags' in RegExpProto ? String(regexp.flags) : getFlags.call(regexp);
+    var rx = new RegExp(regexp.source, ~flags.indexOf('g') ? flags : 'g' + flags);
+    rx.lastIndex = toLength(regexp.lastIndex);
+    return new $RegExpStringIterator(rx, S);
+  }
+});
+
+},{"118":118,"28":28,"33":33,"37":37,"52":52,"54":54}],313:[function(_dereq_,module,exports){
+'use strict';
+// https://github.com/tc39/proposal-string-pad-start-end
+var $export = _dereq_(33);
+var $pad = _dereq_(109);
+
+$export($export.P, 'String', {
+  padEnd: function padEnd(maxLength /* , fillString = ' ' */) {
+    return $pad(this, maxLength, arguments.length > 1 ? arguments[1] : undefined, false);
+  }
+});
+
+},{"109":109,"33":33}],314:[function(_dereq_,module,exports){
+'use strict';
+// https://github.com/tc39/proposal-string-pad-start-end
+var $export = _dereq_(33);
+var $pad = _dereq_(109);
+
+$export($export.P, 'String', {
+  padStart: function padStart(maxLength /* , fillString = ' ' */) {
+    return $pad(this, maxLength, arguments.length > 1 ? arguments[1] : undefined, true);
+  }
+});
+
+},{"109":109,"33":33}],315:[function(_dereq_,module,exports){
+'use strict';
+// https://github.com/sebmarkbage/ecmascript-string-left-right-trim
+_dereq_(111)('trimLeft', function ($trim) {
+  return function trimLeft() {
+    return $trim(this, 1);
+  };
+}, 'trimStart');
+
+},{"111":111}],316:[function(_dereq_,module,exports){
+'use strict';
+// https://github.com/sebmarkbage/ecmascript-string-left-right-trim
+_dereq_(111)('trimRight', function ($trim) {
+  return function trimRight() {
+    return $trim(this, 2);
+  };
+}, 'trimEnd');
+
+},{"111":111}],317:[function(_dereq_,module,exports){
+_dereq_(126)('asyncIterator');
+
+},{"126":126}],318:[function(_dereq_,module,exports){
+_dereq_(126)('observable');
+
+},{"126":126}],319:[function(_dereq_,module,exports){
+// https://github.com/tc39/proposal-global
+var $export = _dereq_(33);
+
+$export($export.S, 'System', { global: _dereq_(40) });
+
+},{"33":33,"40":40}],320:[function(_dereq_,module,exports){
+// https://tc39.github.io/proposal-setmap-offrom/#sec-weakmap.from
+_dereq_(97)('WeakMap');
+
+},{"97":97}],321:[function(_dereq_,module,exports){
+// https://tc39.github.io/proposal-setmap-offrom/#sec-weakmap.of
+_dereq_(98)('WeakMap');
+
+},{"98":98}],322:[function(_dereq_,module,exports){
+// https://tc39.github.io/proposal-setmap-offrom/#sec-weakset.from
+_dereq_(97)('WeakSet');
+
+},{"97":97}],323:[function(_dereq_,module,exports){
+// https://tc39.github.io/proposal-setmap-offrom/#sec-weakset.of
+_dereq_(98)('WeakSet');
+
+},{"98":98}],324:[function(_dereq_,module,exports){
+var $iterators = _dereq_(141);
+var getKeys = _dereq_(81);
+var redefine = _dereq_(94);
+var global = _dereq_(40);
+var hide = _dereq_(42);
+var Iterators = _dereq_(58);
+var wks = _dereq_(128);
+var ITERATOR = wks('iterator');
+var TO_STRING_TAG = wks('toStringTag');
+var ArrayValues = Iterators.Array;
+
+var DOMIterables = {
+  CSSRuleList: true, // TODO: Not spec compliant, should be false.
+  CSSStyleDeclaration: false,
+  CSSValueList: false,
+  ClientRectList: false,
+  DOMRectList: false,
+  DOMStringList: false,
+  DOMTokenList: true,
+  DataTransferItemList: false,
+  FileList: false,
+  HTMLAllCollection: false,
+  HTMLCollection: false,
+  HTMLFormElement: false,
+  HTMLSelectElement: false,
+  MediaList: true, // TODO: Not spec compliant, should be false.
+  MimeTypeArray: false,
+  NamedNodeMap: false,
+  NodeList: true,
+  PaintRequestList: false,
+  Plugin: false,
+  PluginArray: false,
+  SVGLengthList: false,
+  SVGNumberList: false,
+  SVGPathSegList: false,
+  SVGPointList: false,
+  SVGStringList: false,
+  SVGTransformList: false,
+  SourceBufferList: false,
+  StyleSheetList: true, // TODO: Not spec compliant, should be false.
+  TextTrackCueList: false,
+  TextTrackList: false,
+  TouchList: false
+};
+
+for (var collections = getKeys(DOMIterables), i = 0; i < collections.length; i++) {
+  var NAME = collections[i];
+  var explicit = DOMIterables[NAME];
+  var Collection = global[NAME];
+  var proto = Collection && Collection.prototype;
+  var key;
+  if (proto) {
+    if (!proto[ITERATOR]) hide(proto, ITERATOR, ArrayValues);
+    if (!proto[TO_STRING_TAG]) hide(proto, TO_STRING_TAG, NAME);
+    Iterators[NAME] = ArrayValues;
+    if (explicit) for (key in $iterators) if (!proto[key]) redefine(proto, key, $iterators[key], true);
+  }
+}
+
+},{"128":128,"141":141,"40":40,"42":42,"58":58,"81":81,"94":94}],325:[function(_dereq_,module,exports){
+var $export = _dereq_(33);
+var $task = _dereq_(113);
+$export($export.G + $export.B, {
+  setImmediate: $task.set,
+  clearImmediate: $task.clear
+});
+
+},{"113":113,"33":33}],326:[function(_dereq_,module,exports){
+// ie9- setTimeout & setInterval additional parameters fix
+var global = _dereq_(40);
+var $export = _dereq_(33);
+var invoke = _dereq_(46);
+var partial = _dereq_(88);
+var navigator = global.navigator;
+var MSIE = !!navigator && /MSIE .\./.test(navigator.userAgent); // <- dirty ie9- check
+var wrap = function (set) {
+  return MSIE ? function (fn, time /* , ...args */) {
+    return set(invoke(
+      partial,
+      [].slice.call(arguments, 2),
+      // eslint-disable-next-line no-new-func
+      typeof fn == 'function' ? fn : Function(fn)
+    ), time);
+  } : set;
+};
+$export($export.G + $export.B + $export.F * MSIE, {
+  setTimeout: wrap(global.setTimeout),
+  setInterval: wrap(global.setInterval)
+});
+
+},{"33":33,"40":40,"46":46,"88":88}],327:[function(_dereq_,module,exports){
+_dereq_(254);
+_dereq_(191);
+_dereq_(193);
+_dereq_(192);
+_dereq_(195);
+_dereq_(197);
+_dereq_(202);
+_dereq_(196);
+_dereq_(194);
+_dereq_(204);
+_dereq_(203);
+_dereq_(199);
+_dereq_(200);
+_dereq_(198);
+_dereq_(190);
+_dereq_(201);
+_dereq_(205);
+_dereq_(206);
+_dereq_(157);
+_dereq_(159);
+_dereq_(158);
+_dereq_(208);
+_dereq_(207);
+_dereq_(178);
+_dereq_(188);
+_dereq_(189);
+_dereq_(179);
+_dereq_(180);
+_dereq_(181);
+_dereq_(182);
+_dereq_(183);
+_dereq_(184);
+_dereq_(185);
+_dereq_(186);
+_dereq_(187);
+_dereq_(161);
+_dereq_(162);
+_dereq_(163);
+_dereq_(164);
+_dereq_(165);
+_dereq_(166);
+_dereq_(167);
+_dereq_(168);
+_dereq_(169);
+_dereq_(170);
+_dereq_(171);
+_dereq_(172);
+_dereq_(173);
+_dereq_(174);
+_dereq_(175);
+_dereq_(176);
+_dereq_(177);
+_dereq_(241);
+_dereq_(246);
+_dereq_(253);
+_dereq_(244);
+_dereq_(236);
+_dereq_(237);
+_dereq_(242);
+_dereq_(247);
+_dereq_(249);
+_dereq_(232);
+_dereq_(233);
+_dereq_(234);
+_dereq_(235);
+_dereq_(238);
+_dereq_(239);
+_dereq_(240);
+_dereq_(243);
+_dereq_(245);
+_dereq_(248);
+_dereq_(250);
+_dereq_(251);
+_dereq_(252);
+_dereq_(152);
+_dereq_(154);
+_dereq_(153);
+_dereq_(156);
+_dereq_(155);
+_dereq_(140);
+_dereq_(138);
+_dereq_(145);
+_dereq_(142);
+_dereq_(148);
+_dereq_(150);
+_dereq_(137);
+_dereq_(144);
+_dereq_(134);
+_dereq_(149);
+_dereq_(132);
+_dereq_(147);
+_dereq_(146);
+_dereq_(139);
+_dereq_(143);
+_dereq_(131);
+_dereq_(133);
+_dereq_(136);
+_dereq_(135);
+_dereq_(151);
+_dereq_(141);
+_dereq_(224);
+_dereq_(230);
+_dereq_(225);
+_dereq_(226);
+_dereq_(227);
+_dereq_(228);
+_dereq_(229);
+_dereq_(209);
+_dereq_(160);
+_dereq_(231);
+_dereq_(266);
+_dereq_(267);
+_dereq_(255);
+_dereq_(256);
+_dereq_(261);
+_dereq_(264);
+_dereq_(265);
+_dereq_(259);
+_dereq_(262);
+_dereq_(260);
+_dereq_(263);
+_dereq_(257);
+_dereq_(258);
+_dereq_(210);
+_dereq_(211);
+_dereq_(212);
+_dereq_(213);
+_dereq_(214);
+_dereq_(217);
+_dereq_(215);
+_dereq_(216);
+_dereq_(218);
+_dereq_(219);
+_dereq_(220);
+_dereq_(221);
+_dereq_(223);
+_dereq_(222);
+_dereq_(270);
+_dereq_(268);
+_dereq_(269);
+_dereq_(311);
+_dereq_(314);
+_dereq_(313);
+_dereq_(315);
+_dereq_(316);
+_dereq_(312);
+_dereq_(317);
+_dereq_(318);
+_dereq_(292);
+_dereq_(295);
+_dereq_(291);
+_dereq_(289);
+_dereq_(290);
+_dereq_(293);
+_dereq_(294);
+_dereq_(276);
+_dereq_(310);
+_dereq_(275);
+_dereq_(309);
+_dereq_(321);
+_dereq_(323);
+_dereq_(274);
+_dereq_(308);
+_dereq_(320);
+_dereq_(322);
+_dereq_(273);
+_dereq_(319);
+_dereq_(272);
+_dereq_(277);
+_dereq_(278);
+_dereq_(279);
+_dereq_(280);
+_dereq_(281);
+_dereq_(283);
+_dereq_(282);
+_dereq_(284);
+_dereq_(285);
+_dereq_(286);
+_dereq_(288);
+_dereq_(287);
+_dereq_(297);
+_dereq_(298);
+_dereq_(299);
+_dereq_(300);
+_dereq_(302);
+_dereq_(301);
+_dereq_(304);
+_dereq_(303);
+_dereq_(305);
+_dereq_(306);
+_dereq_(307);
+_dereq_(271);
+_dereq_(296);
+_dereq_(326);
+_dereq_(325);
+_dereq_(324);
+module.exports = _dereq_(23);
+
+},{"131":131,"132":132,"133":133,"134":134,"135":135,"136":136,"137":137,"138":138,"139":139,"140":140,"141":141,"142":142,"143":143,"144":144,"145":145,"146":146,"147":147,"148":148,"149":149,"150":150,"151":151,"152":152,"153":153,"154":154,"155":155,"156":156,"157":157,"158":158,"159":159,"160":160,"161":161,"162":162,"163":163,"164":164,"165":165,"166":166,"167":167,"168":168,"169":169,"170":170,"171":171,"172":172,"173":173,"174":174,"175":175,"176":176,"177":177,"178":178,"179":179,"180":180,"181":181,"182":182,"183":183,"184":184,"185":185,"186":186,"187":187,"188":188,"189":189,"190":190,"191":191,"192":192,"193":193,"194":194,"195":195,"196":196,"197":197,"198":198,"199":199,"200":200,"201":201,"202":202,"203":203,"204":204,"205":205,"206":206,"207":207,"208":208,"209":209,"210":210,"211":211,"212":212,"213":213,"214":214,"215":215,"216":216,"217":217,"218":218,"219":219,"220":220,"221":221,"222":222,"223":223,"224":224,"225":225,"226":226,"227":227,"228":228,"229":229,"23":23,"230":230,"231":231,"232":232,"233":233,"234":234,"235":235,"236":236,"237":237,"238":238,"239":239,"240":240,"241":241,"242":242,"243":243,"244":244,"245":245,"246":246,"247":247,"248":248,"249":249,"250":250,"251":251,"252":252,"253":253,"254":254,"255":255,"256":256,"257":257,"258":258,"259":259,"260":260,"261":261,"262":262,"263":263,"264":264,"265":265,"266":266,"267":267,"268":268,"269":269,"270":270,"271":271,"272":272,"273":273,"274":274,"275":275,"276":276,"277":277,"278":278,"279":279,"280":280,"281":281,"282":282,"283":283,"284":284,"285":285,"286":286,"287":287,"288":288,"289":289,"290":290,"291":291,"292":292,"293":293,"294":294,"295":295,"296":296,"297":297,"298":298,"299":299,"300":300,"301":301,"302":302,"303":303,"304":304,"305":305,"306":306,"307":307,"308":308,"309":309,"310":310,"311":311,"312":312,"313":313,"314":314,"315":315,"316":316,"317":317,"318":318,"319":319,"320":320,"321":321,"322":322,"323":323,"324":324,"325":325,"326":326}],328:[function(_dereq_,module,exports){
+(function (global){
+/**
+ * Copyright (c) 2014, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * https://raw.github.com/facebook/regenerator/master/LICENSE file. An
+ * additional grant of patent rights can be found in the PATENTS file in
+ * the same directory.
+ */
+
+!(function(global) {
+  "use strict";
+
+  var Op = Object.prototype;
+  var hasOwn = Op.hasOwnProperty;
+  var undefined; // More compressible than void 0.
+  var $Symbol = typeof Symbol === "function" ? Symbol : {};
+  var iteratorSymbol = $Symbol.iterator || "@@iterator";
+  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
+  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+
+  var inModule = typeof module === "object";
+  var runtime = global.regeneratorRuntime;
+  if (runtime) {
+    if (inModule) {
+      // If regeneratorRuntime is defined globally and we're in a module,
+      // make the exports object identical to regeneratorRuntime.
+      module.exports = runtime;
+    }
+    // Don't bother evaluating the rest of this file if the runtime was
+    // already defined globally.
+    return;
+  }
+
+  // Define the runtime globally (as expected by generated code) as either
+  // module.exports (if we're in a module) or a new, empty object.
+  runtime = global.regeneratorRuntime = inModule ? module.exports : {};
+
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
+    var generator = Object.create(protoGenerator.prototype);
+    var context = new Context(tryLocsList || []);
+
+    // The ._invoke method unifies the implementations of the .next,
+    // .throw, and .return methods.
+    generator._invoke = makeInvokeMethod(innerFn, self, context);
+
+    return generator;
+  }
+  runtime.wrap = wrap;
+
+  // Try/catch helper to minimize deoptimizations. Returns a completion
+  // record like context.tryEntries[i].completion. This interface could
+  // have been (and was previously) designed to take a closure to be
+  // invoked without arguments, but in all the cases we care about we
+  // already have an existing method we want to call, so there's no need
+  // to create a new function object. We can even get away with assuming
+  // the method takes exactly one argument, since that happens to be true
+  // in every case, so we don't have to touch the arguments object. The
+  // only additional allocation required is the completion record, which
+  // has a stable shape and so hopefully should be cheap to allocate.
+  function tryCatch(fn, obj, arg) {
+    try {
+      return { type: "normal", arg: fn.call(obj, arg) };
+    } catch (err) {
+      return { type: "throw", arg: err };
+    }
+  }
+
+  var GenStateSuspendedStart = "suspendedStart";
+  var GenStateSuspendedYield = "suspendedYield";
+  var GenStateExecuting = "executing";
+  var GenStateCompleted = "completed";
+
+  // Returning this object from the innerFn has the same effect as
+  // breaking out of the dispatch switch statement.
+  var ContinueSentinel = {};
+
+  // Dummy constructor functions that we use as the .constructor and
+  // .constructor.prototype properties for functions that return Generator
+  // objects. For full spec compliance, you may wish to configure your
+  // minifier not to mangle the names of these two functions.
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+
+  // This is a polyfill for %IteratorPrototype% for environments that
+  // don't natively support it.
+  var IteratorPrototype = {};
+  IteratorPrototype[iteratorSymbol] = function () {
+    return this;
+  };
+
+  var getProto = Object.getPrototypeOf;
+  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  if (NativeIteratorPrototype &&
+      NativeIteratorPrototype !== Op &&
+      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
+    // This environment has a native %IteratorPrototype%; use it instead
+    // of the polyfill.
+    IteratorPrototype = NativeIteratorPrototype;
+  }
+
+  var Gp = GeneratorFunctionPrototype.prototype =
+    Generator.prototype = Object.create(IteratorPrototype);
+  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
+  GeneratorFunctionPrototype.constructor = GeneratorFunction;
+  GeneratorFunctionPrototype[toStringTagSymbol] =
+    GeneratorFunction.displayName = "GeneratorFunction";
+
+  // Helper for defining the .next, .throw, and .return methods of the
+  // Iterator interface in terms of a single ._invoke method.
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function(method) {
+      prototype[method] = function(arg) {
+        return this._invoke(method, arg);
+      };
+    });
+  }
+
+  runtime.isGeneratorFunction = function(genFun) {
+    var ctor = typeof genFun === "function" && genFun.constructor;
+    return ctor
+      ? ctor === GeneratorFunction ||
+        // For the native GeneratorFunction constructor, the best we can
+        // do is to check its .name property.
+        (ctor.displayName || ctor.name) === "GeneratorFunction"
+      : false;
+  };
+
+  runtime.mark = function(genFun) {
+    if (Object.setPrototypeOf) {
+      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
+    } else {
+      genFun.__proto__ = GeneratorFunctionPrototype;
+      if (!(toStringTagSymbol in genFun)) {
+        genFun[toStringTagSymbol] = "GeneratorFunction";
+      }
+    }
+    genFun.prototype = Object.create(Gp);
+    return genFun;
+  };
+
+  // Within the body of any async function, `await x` is transformed to
+  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
+  // `hasOwn.call(value, "__await")` to determine if the yielded value is
+  // meant to be awaited.
+  runtime.awrap = function(arg) {
+    return { __await: arg };
+  };
+
+  function AsyncIterator(generator) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if (record.type === "throw") {
+        reject(record.arg);
+      } else {
+        var result = record.arg;
+        var value = result.value;
+        if (value &&
+            typeof value === "object" &&
+            hasOwn.call(value, "__await")) {
+          return Promise.resolve(value.__await).then(function(value) {
+            invoke("next", value, resolve, reject);
+          }, function(err) {
+            invoke("throw", err, resolve, reject);
+          });
+        }
+
+        return Promise.resolve(value).then(function(unwrapped) {
+          // When a yielded Promise is resolved, its final value becomes
+          // the .value of the Promise<{value,done}> result for the
+          // current iteration. If the Promise is rejected, however, the
+          // result for this iteration will be rejected with the same
+          // reason. Note that rejections of yielded Promises are not
+          // thrown back into the generator function, as is the case
+          // when an awaited Promise is rejected. This difference in
+          // behavior between yield and await is important, because it
+          // allows the consumer to decide what to do with the yielded
+          // rejection (swallow it and continue, manually .throw it back
+          // into the generator, abandon iteration, whatever). With
+          // await, by contrast, there is no opportunity to examine the
+          // rejection reason outside the generator function, so the
+          // only option is to throw it from the await expression, and
+          // let the generator function handle the exception.
+          result.value = unwrapped;
+          resolve(result);
+        }, reject);
+      }
+    }
+
+    if (typeof global.process === "object" && global.process.domain) {
+      invoke = global.process.domain.bind(invoke);
+    }
+
+    var previousPromise;
+
+    function enqueue(method, arg) {
+      function callInvokeWithMethodAndArg() {
+        return new Promise(function(resolve, reject) {
+          invoke(method, arg, resolve, reject);
+        });
+      }
+
+      return previousPromise =
+        // If enqueue has been called before, then we want to wait until
+        // all previous Promises have been resolved before calling invoke,
+        // so that results are always delivered in the correct order. If
+        // enqueue has not been called before, then it is important to
+        // call invoke immediately, without waiting on a callback to fire,
+        // so that the async generator function has the opportunity to do
+        // any necessary setup in a predictable way. This predictability
+        // is why the Promise constructor synchronously invokes its
+        // executor callback, and why async functions synchronously
+        // execute code before the first await. Since we implement simple
+        // async functions in terms of async generators, it is especially
+        // important to get this right, even though it requires care.
+        previousPromise ? previousPromise.then(
+          callInvokeWithMethodAndArg,
+          // Avoid propagating failures to Promises returned by later
+          // invocations of the iterator.
+          callInvokeWithMethodAndArg
+        ) : callInvokeWithMethodAndArg();
+    }
+
+    // Define the unified helper method that is used to implement .next,
+    // .throw, and .return (see defineIteratorMethods).
+    this._invoke = enqueue;
+  }
+
+  defineIteratorMethods(AsyncIterator.prototype);
+  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
+    return this;
+  };
+  runtime.AsyncIterator = AsyncIterator;
+
+  // Note that simple async functions are implemented on top of
+  // AsyncIterator objects; they just return a Promise for the value of
+  // the final result produced by the iterator.
+  runtime.async = function(innerFn, outerFn, self, tryLocsList) {
+    var iter = new AsyncIterator(
+      wrap(innerFn, outerFn, self, tryLocsList)
+    );
+
+    return runtime.isGeneratorFunction(outerFn)
+      ? iter // If outerFn is a generator, return the full iterator.
+      : iter.next().then(function(result) {
+          return result.done ? result.value : iter.next();
+        });
+  };
+
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = GenStateSuspendedStart;
+
+    return function invoke(method, arg) {
+      if (state === GenStateExecuting) {
+        throw new Error("Generator is already running");
+      }
+
+      if (state === GenStateCompleted) {
+        if (method === "throw") {
+          throw arg;
+        }
+
+        // Be forgiving, per 25.3.3.3.3 of the spec:
+        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
+        return doneResult();
+      }
+
+      context.method = method;
+      context.arg = arg;
+
+      while (true) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+
+        if (context.method === "next") {
+          // Setting context._sent for legacy support of Babel's
+          // function.sent implementation.
+          context.sent = context._sent = context.arg;
+
+        } else if (context.method === "throw") {
+          if (state === GenStateSuspendedStart) {
+            state = GenStateCompleted;
+            throw context.arg;
+          }
+
+          context.dispatchException(context.arg);
+
+        } else if (context.method === "return") {
+          context.abrupt("return", context.arg);
+        }
+
+        state = GenStateExecuting;
+
+        var record = tryCatch(innerFn, self, context);
+        if (record.type === "normal") {
+          // If an exception is thrown from innerFn, we leave state ===
+          // GenStateExecuting and loop back for another invocation.
+          state = context.done
+            ? GenStateCompleted
+            : GenStateSuspendedYield;
+
+          if (record.arg === ContinueSentinel) {
+            continue;
+          }
+
+          return {
+            value: record.arg,
+            done: context.done
+          };
+
+        } else if (record.type === "throw") {
+          state = GenStateCompleted;
+          // Dispatch the exception by looping back around to the
+          // context.dispatchException(context.arg) call above.
+          context.method = "throw";
+          context.arg = record.arg;
+        }
+      }
+    };
+  }
+
+  // Call delegate.iterator[context.method](context.arg) and handle the
+  // result, either by returning a { value, done } result from the
+  // delegate iterator, or by modifying context.method and context.arg,
+  // setting context.delegate to null, and returning the ContinueSentinel.
+  function maybeInvokeDelegate(delegate, context) {
+    var method = delegate.iterator[context.method];
+    if (method === undefined) {
+      // A .throw or .return when the delegate iterator has no .throw
+      // method always terminates the yield* loop.
+      context.delegate = null;
+
+      if (context.method === "throw") {
+        if (delegate.iterator.return) {
+          // If the delegate iterator has a return method, give it a
+          // chance to clean up.
+          context.method = "return";
+          context.arg = undefined;
+          maybeInvokeDelegate(delegate, context);
+
+          if (context.method === "throw") {
+            // If maybeInvokeDelegate(context) changed context.method from
+            // "return" to "throw", let that override the TypeError below.
+            return ContinueSentinel;
+          }
+        }
+
+        context.method = "throw";
+        context.arg = new TypeError(
+          "The iterator does not provide a 'throw' method");
+      }
+
+      return ContinueSentinel;
+    }
+
+    var record = tryCatch(method, delegate.iterator, context.arg);
+
+    if (record.type === "throw") {
+      context.method = "throw";
+      context.arg = record.arg;
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    var info = record.arg;
+
+    if (! info) {
+      context.method = "throw";
+      context.arg = new TypeError("iterator result is not an object");
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    if (info.done) {
+      // Assign the result of the finished delegate to the temporary
+      // variable specified by delegate.resultName (see delegateYield).
+      context[delegate.resultName] = info.value;
+
+      // Resume execution at the desired location (see delegateYield).
+      context.next = delegate.nextLoc;
+
+      // If context.method was "throw" but the delegate handled the
+      // exception, let the outer generator proceed normally. If
+      // context.method was "next", forget context.arg since it has been
+      // "consumed" by the delegate iterator. If context.method was
+      // "return", allow the original .return call to continue in the
+      // outer generator.
+      if (context.method !== "return") {
+        context.method = "next";
+        context.arg = undefined;
+      }
+
+    } else {
+      // Re-yield the result returned by the delegate method.
+      return info;
+    }
+
+    // The delegate iterator is finished, so forget it and continue with
+    // the outer generator.
+    context.delegate = null;
+    return ContinueSentinel;
+  }
+
+  // Define Generator.prototype.{next,throw,return} in terms of the
+  // unified ._invoke helper method.
+  defineIteratorMethods(Gp);
+
+  Gp[toStringTagSymbol] = "Generator";
+
+  // A Generator should always return itself as the iterator object when the
+  // @@iterator function is called on it. Some browsers' implementations of the
+  // iterator prototype chain incorrectly implement this, causing the Generator
+  // object to not be returned from this call. This ensures that doesn't happen.
+  // See https://github.com/facebook/regenerator/issues/274 for more details.
+  Gp[iteratorSymbol] = function() {
+    return this;
+  };
+
+  Gp.toString = function() {
+    return "[object Generator]";
+  };
+
+  function pushTryEntry(locs) {
+    var entry = { tryLoc: locs[0] };
+
+    if (1 in locs) {
+      entry.catchLoc = locs[1];
+    }
+
+    if (2 in locs) {
+      entry.finallyLoc = locs[2];
+      entry.afterLoc = locs[3];
+    }
+
+    this.tryEntries.push(entry);
+  }
+
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal";
+    delete record.arg;
+    entry.completion = record;
+  }
+
+  function Context(tryLocsList) {
+    // The root entry object (effectively a try statement without a catch
+    // or a finally block) gives us a place to store values thrown from
+    // locations where there is no enclosing try statement.
+    this.tryEntries = [{ tryLoc: "root" }];
+    tryLocsList.forEach(pushTryEntry, this);
+    this.reset(true);
+  }
+
+  runtime.keys = function(object) {
+    var keys = [];
+    for (var key in object) {
+      keys.push(key);
+    }
+    keys.reverse();
+
+    // Rather than returning an object with a next method, we keep
+    // things simple and return the next function itself.
+    return function next() {
+      while (keys.length) {
+        var key = keys.pop();
+        if (key in object) {
+          next.value = key;
+          next.done = false;
+          return next;
+        }
+      }
+
+      // To avoid creating an additional object, we just hang the .value
+      // and .done properties off the next function object itself. This
+      // also ensures that the minifier will not anonymize the function.
+      next.done = true;
+      return next;
+    };
+  };
+
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) {
+        return iteratorMethod.call(iterable);
+      }
+
+      if (typeof iterable.next === "function") {
+        return iterable;
+      }
+
+      if (!isNaN(iterable.length)) {
+        var i = -1, next = function next() {
+          while (++i < iterable.length) {
+            if (hasOwn.call(iterable, i)) {
+              next.value = iterable[i];
+              next.done = false;
+              return next;
+            }
+          }
+
+          next.value = undefined;
+          next.done = true;
+
+          return next;
+        };
+
+        return next.next = next;
+      }
+    }
+
+    // Return an iterator with no values.
+    return { next: doneResult };
+  }
+  runtime.values = values;
+
+  function doneResult() {
+    return { value: undefined, done: true };
+  }
+
+  Context.prototype = {
+    constructor: Context,
+
+    reset: function(skipTempReset) {
+      this.prev = 0;
+      this.next = 0;
+      // Resetting context._sent for legacy support of Babel's
+      // function.sent implementation.
+      this.sent = this._sent = undefined;
+      this.done = false;
+      this.delegate = null;
+
+      this.method = "next";
+      this.arg = undefined;
+
+      this.tryEntries.forEach(resetTryEntry);
+
+      if (!skipTempReset) {
+        for (var name in this) {
+          // Not sure about the optimal order of these conditions:
+          if (name.charAt(0) === "t" &&
+              hasOwn.call(this, name) &&
+              !isNaN(+name.slice(1))) {
+            this[name] = undefined;
+          }
+        }
+      }
+    },
+
+    stop: function() {
+      this.done = true;
+
+      var rootEntry = this.tryEntries[0];
+      var rootRecord = rootEntry.completion;
+      if (rootRecord.type === "throw") {
+        throw rootRecord.arg;
+      }
+
+      return this.rval;
+    },
+
+    dispatchException: function(exception) {
+      if (this.done) {
+        throw exception;
+      }
+
+      var context = this;
+      function handle(loc, caught) {
+        record.type = "throw";
+        record.arg = exception;
+        context.next = loc;
+
+        if (caught) {
+          // If the dispatched exception was caught by a catch block,
+          // then let that catch block handle the exception normally.
+          context.method = "next";
+          context.arg = undefined;
+        }
+
+        return !! caught;
+      }
+
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        var record = entry.completion;
+
+        if (entry.tryLoc === "root") {
+          // Exception thrown outside of any try block that could handle
+          // it, so set the completion value of the entire function to
+          // throw the exception.
+          return handle("end");
+        }
+
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc");
+          var hasFinally = hasOwn.call(entry, "finallyLoc");
+
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            } else if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            }
+
+          } else if (hasFinally) {
+            if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else {
+            throw new Error("try statement without catch or finally");
+          }
+        }
+      }
+    },
+
+    abrupt: function(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev &&
+            hasOwn.call(entry, "finallyLoc") &&
+            this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+
+      if (finallyEntry &&
+          (type === "break" ||
+           type === "continue") &&
+          finallyEntry.tryLoc <= arg &&
+          arg <= finallyEntry.finallyLoc) {
+        // Ignore the finally entry if control is not jumping to a
+        // location outside the try/catch block.
+        finallyEntry = null;
+      }
+
+      var record = finallyEntry ? finallyEntry.completion : {};
+      record.type = type;
+      record.arg = arg;
+
+      if (finallyEntry) {
+        this.method = "next";
+        this.next = finallyEntry.finallyLoc;
+        return ContinueSentinel;
+      }
+
+      return this.complete(record);
+    },
+
+    complete: function(record, afterLoc) {
+      if (record.type === "throw") {
+        throw record.arg;
+      }
+
+      if (record.type === "break" ||
+          record.type === "continue") {
+        this.next = record.arg;
+      } else if (record.type === "return") {
+        this.rval = this.arg = record.arg;
+        this.method = "return";
+        this.next = "end";
+      } else if (record.type === "normal" && afterLoc) {
+        this.next = afterLoc;
+      }
+
+      return ContinueSentinel;
+    },
+
+    finish: function(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) {
+          this.complete(entry.completion, entry.afterLoc);
+          resetTryEntry(entry);
+          return ContinueSentinel;
+        }
+      }
+    },
+
+    "catch": function(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if (record.type === "throw") {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+
+      // The context.catch method must only be called with a location
+      // argument that corresponds to a known catch block.
+      throw new Error("illegal catch attempt");
+    },
+
+    delegateYield: function(iterable, resultName, nextLoc) {
+      this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      };
+
+      if (this.method === "next") {
+        // Deliberately forget the last sent value so that we don't
+        // accidentally pass it on to the delegate.
+        this.arg = undefined;
+      }
+
+      return ContinueSentinel;
+    }
+  };
+})(
+  // Among the various tricks for obtaining a reference to the global
+  // object, this seems to be the most reliable technique that does not
+  // use indirect eval (which violates Content Security Policy).
+  typeof global === "object" ? global :
+  typeof window === "object" ? window :
+  typeof self === "object" ? self : this
+);
+
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{}]},{},[1]);
diff --git a/editor/external/babel-polyfill/polyfill.min.js b/editor/external/babel-polyfill/polyfill.min.js
new file mode 100644
index 00000000..80922170
--- /dev/null
+++ b/editor/external/babel-polyfill/polyfill.min.js
@@ -0,0 +1,4 @@
+!function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var c="function"==typeof require&&require;if(!u&&c)return c(o,!0);if(i)return i(o,!0);var a=new Error("Cannot find module '"+o+"'");throw a.code="MODULE_NOT_FOUND",a}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(n){var r=t[o][1][n];return s(r||n)},f,f.exports,e,t,n,r)}return n[o].exports}for(var i="function"==typeof require&&require,o=0;o<r.length;o++)s(r[o]);return s}({1:[function(t,n,r){(function(n){"use strict";function define(t,n,e){t[n]||Object[r](t,n,{writable:!0,configurable:!0,value:e})}if(t(327),t(328),t(2),n._babelPolyfill)throw new Error("only one instance of babel-polyfill is allowed");n._babelPolyfill=!0;var r="defineProperty";define(String.prototype,"padLeft","".padStart),define(String.prototype,"padRight","".padEnd),"pop,reverse,shift,keys,values,entries,indexOf,every,some,forEach,map,filter,find,findIndex,includes,join,slice,concat,push,splice,unshift,sort,lastIndexOf,reduce,reduceRight,copyWithin,fill".split(",").forEach(function(t){[][t]&&define(Array,t,Function.call.bind([][t]))})}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{2:2,327:327,328:328}],2:[function(t,n,r){t(130),n.exports=t(23).RegExp.escape},{130:130,23:23}],3:[function(t,n,r){n.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},{}],4:[function(t,n,r){var e=t(18);n.exports=function(t,n){if("number"!=typeof t&&"Number"!=e(t))throw TypeError(n);return+t}},{18:18}],5:[function(t,n,r){var e=t(128)("unscopables"),i=Array.prototype;void 0==i[e]&&t(42)(i,e,{}),n.exports=function(t){i[e][t]=!0}},{128:128,42:42}],6:[function(t,n,r){n.exports=function(t,n,r,e){if(!(t instanceof n)||void 0!==e&&e in t)throw TypeError(r+": incorrect invocation!");return t}},{}],7:[function(t,n,r){var e=t(51);n.exports=function(t){if(!e(t))throw TypeError(t+" is not an object!");return t}},{51:51}],8:[function(t,n,r){"use strict";var e=t(119),i=t(114),o=t(118);n.exports=[].copyWithin||function copyWithin(t,n){var r=e(this),u=o(r.length),c=i(t,u),a=i(n,u),f=arguments.length>2?arguments[2]:void 0,s=Math.min((void 0===f?u:i(f,u))-a,u-c),l=1;for(a<c&&c<a+s&&(l=-1,a+=s-1,c+=s-1);s-- >0;)a in r?r[c]=r[a]:delete r[c],c+=l,a+=l;return r}},{114:114,118:118,119:119}],9:[function(t,n,r){"use strict";var e=t(119),i=t(114),o=t(118);n.exports=function fill(t){for(var n=e(this),r=o(n.length),u=arguments.length,c=i(u>1?arguments[1]:void 0,r),a=u>2?arguments[2]:void 0,f=void 0===a?r:i(a,r);f>c;)n[c++]=t;return n}},{114:114,118:118,119:119}],10:[function(t,n,r){var e=t(39);n.exports=function(t,n){var r=[];return e(t,!1,r.push,r,n),r}},{39:39}],11:[function(t,n,r){var e=t(117),i=t(118),o=t(114);n.exports=function(t){return function(n,r,u){var c,a=e(n),f=i(a.length),s=o(u,f);if(t&&r!=r){for(;f>s;)if((c=a[s++])!=c)return!0}else for(;f>s;s++)if((t||s in a)&&a[s]===r)return t||s||0;return!t&&-1}}},{114:114,117:117,118:118}],12:[function(t,n,r){var e=t(25),i=t(47),o=t(119),u=t(118),c=t(15);n.exports=function(t,n){var r=1==t,a=2==t,f=3==t,s=4==t,l=6==t,h=5==t||l,v=n||c;return function(n,c,p){for(var d,y,g=o(n),m=i(g),b=e(c,p,3),x=u(m.length),S=0,w=r?v(n,x):a?v(n,0):void 0;x>S;S++)if((h||S in m)&&(d=m[S],y=b(d,S,g),t))if(r)w[S]=y;else if(y)switch(t){case 3:return!0;case 5:return d;case 6:return S;case 2:w.push(d)}else if(s)return!1;return l?-1:f||s?s:w}}},{118:118,119:119,15:15,25:25,47:47}],13:[function(t,n,r){var e=t(3),i=t(119),o=t(47),u=t(118);n.exports=function(t,n,r,c,a){e(n);var f=i(t),s=o(f),l=u(f.length),h=a?l-1:0,v=a?-1:1;if(r<2)for(;;){if(h in s){c=s[h],h+=v;break}if(h+=v,a?h<0:l<=h)throw TypeError("Reduce of empty array with no initial value")}for(;a?h>=0:l>h;h+=v)h in s&&(c=n(c,s[h],h,f));return c}},{118:118,119:119,3:3,47:47}],14:[function(t,n,r){var e=t(51),i=t(49),o=t(128)("species");n.exports=function(t){var n;return i(t)&&(n=t.constructor,"function"!=typeof n||n!==Array&&!i(n.prototype)||(n=void 0),e(n)&&null===(n=n[o])&&(n=void 0)),void 0===n?Array:n}},{128:128,49:49,51:51}],15:[function(t,n,r){var e=t(14);n.exports=function(t,n){return new(e(t))(n)}},{14:14}],16:[function(t,n,r){"use strict";var e=t(3),i=t(51),o=t(46),u=[].slice,c={},a=function(t,n,r){if(!(n in c)){for(var e=[],i=0;i<n;i++)e[i]="a["+i+"]";c[n]=Function("F,a","return new F("+e.join(",")+")")}return c[n](t,r)};n.exports=Function.bind||function bind(t){var n=e(this),r=u.call(arguments,1),c=function(){var e=r.concat(u.call(arguments));return this instanceof c?a(n,e.length,e):o(n,e,t)};return i(n.prototype)&&(c.prototype=n.prototype),c}},{3:3,46:46,51:51}],17:[function(t,n,r){var e=t(18),i=t(128)("toStringTag"),o="Arguments"==e(function(){return arguments}()),u=function(t,n){try{return t[n]}catch(t){}};n.exports=function(t){var n,r,c;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(r=u(n=Object(t),i))?r:o?e(n):"Object"==(c=e(n))&&"function"==typeof n.callee?"Arguments":c}},{128:128,18:18}],18:[function(t,n,r){var e={}.toString;n.exports=function(t){return e.call(t).slice(8,-1)}},{}],19:[function(t,n,r){"use strict";var e=t(72).f,i=t(71),o=t(93),u=t(25),c=t(6),a=t(39),f=t(55),s=t(57),l=t(100),h=t(29),v=t(66).fastKey,p=t(125),d=h?"_s":"size",y=function(t,n){var r,e=v(n);if("F"!==e)return t._i[e];for(r=t._f;r;r=r.n)if(r.k==n)return r};n.exports={getConstructor:function(t,n,r,f){var s=t(function(t,e){c(t,s,n,"_i"),t._t=n,t._i=i(null),t._f=void 0,t._l=void 0,t[d]=0,void 0!=e&&a(e,r,t[f],t)});return o(s.prototype,{clear:function clear(){for(var t=p(this,n),r=t._i,e=t._f;e;e=e.n)e.r=!0,e.p&&(e.p=e.p.n=void 0),delete r[e.i];t._f=t._l=void 0,t[d]=0},delete:function(t){var r=p(this,n),e=y(r,t);if(e){var i=e.n,o=e.p;delete r._i[e.i],e.r=!0,o&&(o.n=i),i&&(i.p=o),r._f==e&&(r._f=i),r._l==e&&(r._l=o),r[d]--}return!!e},forEach:function forEach(t){p(this,n);for(var r,e=u(t,arguments.length>1?arguments[1]:void 0,3);r=r?r.n:this._f;)for(e(r.v,r.k,this);r&&r.r;)r=r.p},has:function has(t){return!!y(p(this,n),t)}}),h&&e(s.prototype,"size",{get:function(){return p(this,n)[d]}}),s},def:function(t,n,r){var e,i,o=y(t,n);return o?o.v=r:(t._l=o={i:i=v(n,!0),k:n,v:r,p:e=t._l,n:void 0,r:!1},t._f||(t._f=o),e&&(e.n=o),t[d]++,"F"!==i&&(t._i[i]=o)),t},getEntry:y,setStrong:function(t,n,r){f(t,n,function(t,r){this._t=p(t,n),this._k=r,this._l=void 0},function(){for(var t=this,n=t._k,r=t._l;r&&r.r;)r=r.p;return t._t&&(t._l=r=r?r.n:t._t._f)?"keys"==n?s(0,r.k):"values"==n?s(0,r.v):s(0,[r.k,r.v]):(t._t=void 0,s(1))},r?"entries":"values",!r,!0),l(n)}}},{100:100,125:125,25:25,29:29,39:39,55:55,57:57,6:6,66:66,71:71,72:72,93:93}],20:[function(t,n,r){var e=t(17),i=t(10);n.exports=function(t){return function toJSON(){if(e(this)!=t)throw TypeError(t+"#toJSON isn't generic");return i(this)}}},{10:10,17:17}],21:[function(t,n,r){"use strict";var e=t(93),i=t(66).getWeak,o=t(7),u=t(51),c=t(6),a=t(39),f=t(12),s=t(41),l=t(125),h=f(5),v=f(6),p=0,d=function(t){return t._l||(t._l=new y)},y=function(){this.a=[]},g=function(t,n){return h(t.a,function(t){return t[0]===n})};y.prototype={get:function(t){var n=g(this,t);if(n)return n[1]},has:function(t){return!!g(this,t)},set:function(t,n){var r=g(this,t);r?r[1]=n:this.a.push([t,n])},delete:function(t){var n=v(this.a,function(n){return n[0]===t});return~n&&this.a.splice(n,1),!!~n}},n.exports={getConstructor:function(t,n,r,o){var f=t(function(t,e){c(t,f,n,"_i"),t._t=n,t._i=p++,t._l=void 0,void 0!=e&&a(e,r,t[o],t)});return e(f.prototype,{delete:function(t){if(!u(t))return!1;var r=i(t);return!0===r?d(l(this,n)).delete(t):r&&s(r,this._i)&&delete r[this._i]},has:function has(t){if(!u(t))return!1;var r=i(t);return!0===r?d(l(this,n)).has(t):r&&s(r,this._i)}}),f},def:function(t,n,r){var e=i(o(n),!0);return!0===e?d(t).set(n,r):e[t._i]=r,t},ufstore:d}},{12:12,125:125,39:39,41:41,51:51,6:6,66:66,7:7,93:93}],22:[function(t,n,r){"use strict";var e=t(40),i=t(33),o=t(94),u=t(93),c=t(66),a=t(39),f=t(6),s=t(51),l=t(35),h=t(56),v=t(101),p=t(45);n.exports=function(t,n,r,d,y,g){var m=e[t],b=m,x=y?"set":"add",S=b&&b.prototype,w={},_=function(t){var n=S[t];o(S,t,"delete"==t?function(t){return!(g&&!s(t))&&n.call(this,0===t?0:t)}:"has"==t?function has(t){return!(g&&!s(t))&&n.call(this,0===t?0:t)}:"get"==t?function get(t){return g&&!s(t)?void 0:n.call(this,0===t?0:t)}:"add"==t?function add(t){return n.call(this,0===t?0:t),this}:function set(t,r){return n.call(this,0===t?0:t,r),this})};if("function"==typeof b&&(g||S.forEach&&!l(function(){(new b).entries().next()}))){var E=new b,O=E[x](g?{}:-0,1)!=E,P=l(function(){E.has(1)}),M=h(function(t){new b(t)}),F=!g&&l(function(){for(var t=new b,n=5;n--;)t[x](n,n);return!t.has(-0)});M||(b=n(function(n,r){f(n,b,t);var e=p(new m,n,b);return void 0!=r&&a(r,y,e[x],e),e}),b.prototype=S,S.constructor=b),(P||F)&&(_("delete"),_("has"),y&&_("get")),(F||O)&&_(x),g&&S.clear&&delete S.clear}else b=d.getConstructor(n,t,y,x),u(b.prototype,r),c.NEED=!0;return v(b,t),w[t]=b,i(i.G+i.W+i.F*(b!=m),w),g||d.setStrong(b,t,y),b}},{101:101,33:33,35:35,39:39,40:40,45:45,51:51,56:56,6:6,66:66,93:93,94:94}],23:[function(t,n,r){var e=n.exports={version:"2.5.0"};"number"==typeof __e&&(__e=e)},{}],24:[function(t,n,r){"use strict";var e=t(72),i=t(92);n.exports=function(t,n,r){n in t?e.f(t,n,i(0,r)):t[n]=r}},{72:72,92:92}],25:[function(t,n,r){var e=t(3);n.exports=function(t,n,r){if(e(t),void 0===n)return t;switch(r){case 1:return function(r){return t.call(n,r)};case 2:return function(r,e){return t.call(n,r,e)};case 3:return function(r,e,i){return t.call(n,r,e,i)}}return function(){return t.apply(n,arguments)}}},{3:3}],26:[function(t,n,r){"use strict";var e=t(35),i=Date.prototype.getTime,o=Date.prototype.toISOString,u=function(t){return t>9?t:"0"+t};n.exports=e(function(){return"0385-07-25T07:06:39.999Z"!=o.call(new Date(-5e13-1))})||!e(function(){o.call(new Date(NaN))})?function toISOString(){if(!isFinite(i.call(this)))throw RangeError("Invalid time value");var t=this,n=t.getUTCFullYear(),r=t.getUTCMilliseconds(),e=n<0?"-":n>9999?"+":"";return e+("00000"+Math.abs(n)).slice(e?-6:-4)+"-"+u(t.getUTCMonth()+1)+"-"+u(t.getUTCDate())+"T"+u(t.getUTCHours())+":"+u(t.getUTCMinutes())+":"+u(t.getUTCSeconds())+"."+(r>99?r:"0"+u(r))+"Z"}:o},{35:35}],27:[function(t,n,r){"use strict";var e=t(7),i=t(120);n.exports=function(t){if("string"!==t&&"number"!==t&&"default"!==t)throw TypeError("Incorrect hint");return i(e(this),"number"!=t)}},{120:120,7:7}],28:[function(t,n,r){n.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},{}],29:[function(t,n,r){n.exports=!t(35)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},{35:35}],30:[function(t,n,r){var e=t(51),i=t(40).document,o=e(i)&&e(i.createElement);n.exports=function(t){return o?i.createElement(t):{}}},{40:40,51:51}],31:[function(t,n,r){n.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},{}],32:[function(t,n,r){var e=t(81),i=t(78),o=t(82);n.exports=function(t){var n=e(t),r=i.f;if(r)for(var u,c=r(t),a=o.f,f=0;c.length>f;)a.call(t,u=c[f++])&&n.push(u);return n}},{78:78,81:81,82:82}],33:[function(t,n,r){var e=t(40),i=t(23),o=t(42),u=t(94),c=t(25),a=function(t,n,r){var f,s,l,h,v=t&a.F,p=t&a.G,d=t&a.S,y=t&a.P,g=t&a.B,m=p?e:d?e[n]||(e[n]={}):(e[n]||{}).prototype,b=p?i:i[n]||(i[n]={}),x=b.prototype||(b.prototype={});p&&(r=n);for(f in r)s=!v&&m&&void 0!==m[f],l=(s?m:r)[f],h=g&&s?c(l,e):y&&"function"==typeof l?c(Function.call,l):l,m&&u(m,f,l,t&a.U),b[f]!=l&&o(b,f,h),y&&x[f]!=l&&(x[f]=l)};e.core=i,a.F=1,a.G=2,a.S=4,a.P=8,a.B=16,a.W=32,a.U=64,a.R=128,n.exports=a},{23:23,25:25,40:40,42:42,94:94}],34:[function(t,n,r){var e=t(128)("match");n.exports=function(t){var n=/./;try{"/./"[t](n)}catch(r){try{return n[e]=!1,!"/./"[t](n)}catch(t){}}return!0}},{128:128}],35:[function(t,n,r){n.exports=function(t){try{return!!t()}catch(t){return!0}}},{}],36:[function(t,n,r){"use strict";var e=t(42),i=t(94),o=t(35),u=t(28),c=t(128);n.exports=function(t,n,r){var a=c(t),f=r(u,a,""[t]),s=f[0],l=f[1];o(function(){var n={};return n[a]=function(){return 7},7!=""[t](n)})&&(i(String.prototype,t,s),e(RegExp.prototype,a,2==n?function(t,n){return l.call(t,this,n)}:function(t){return l.call(t,this)}))}},{128:128,28:28,35:35,42:42,94:94}],37:[function(t,n,r){"use strict";var e=t(7);n.exports=function(){var t=e(this),n="";return t.global&&(n+="g"),t.ignoreCase&&(n+="i"),t.multiline&&(n+="m"),t.unicode&&(n+="u"),t.sticky&&(n+="y"),n}},{7:7}],38:[function(t,n,r){"use strict";function flattenIntoArray(t,n,r,a,f,s,l,h){for(var v,p,d=f,y=0,g=!!l&&u(l,h,3);y<a;){if(y in r){if(v=g?g(r[y],y,n):r[y],p=!1,i(v)&&(p=v[c],p=void 0!==p?!!p:e(v)),p&&s>0)d=flattenIntoArray(t,n,v,o(v.length),d,s-1)-1;else{if(d>=9007199254740991)throw TypeError();t[d]=v}d++}y++}return d}var e=t(49),i=t(51),o=t(118),u=t(25),c=t(128)("isConcatSpreadable");n.exports=flattenIntoArray},{118:118,128:128,25:25,49:49,51:51}],39:[function(t,n,r){var e=t(25),i=t(53),o=t(48),u=t(7),c=t(118),a=t(129),f={},s={},r=n.exports=function(t,n,r,l,h){var v,p,d,y,g=h?function(){return t}:a(t),m=e(r,l,n?2:1),b=0;if("function"!=typeof g)throw TypeError(t+" is not iterable!");if(o(g)){for(v=c(t.length);v>b;b++)if((y=n?m(u(p=t[b])[0],p[1]):m(t[b]))===f||y===s)return y}else for(d=g.call(t);!(p=d.next()).done;)if((y=i(d,m,p.value,n))===f||y===s)return y};r.BREAK=f,r.RETURN=s},{118:118,129:129,25:25,48:48,53:53,7:7}],40:[function(t,n,r){var e=n.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=e)},{}],41:[function(t,n,r){var e={}.hasOwnProperty;n.exports=function(t,n){return e.call(t,n)}},{}],42:[function(t,n,r){var e=t(72),i=t(92);n.exports=t(29)?function(t,n,r){return e.f(t,n,i(1,r))}:function(t,n,r){return t[n]=r,t}},{29:29,72:72,92:92}],43:[function(t,n,r){var e=t(40).document;n.exports=e&&e.documentElement},{40:40}],44:[function(t,n,r){n.exports=!t(29)&&!t(35)(function(){return 7!=Object.defineProperty(t(30)("div"),"a",{get:function(){return 7}}).a})},{29:29,30:30,35:35}],45:[function(t,n,r){var e=t(51),i=t(99).set;n.exports=function(t,n,r){var o,u=n.constructor;return u!==r&&"function"==typeof u&&(o=u.prototype)!==r.prototype&&e(o)&&i&&i(t,o),t}},{51:51,99:99}],46:[function(t,n,r){n.exports=function(t,n,r){var e=void 0===r;switch(n.length){case 0:return e?t():t.call(r);case 1:return e?t(n[0]):t.call(r,n[0]);case 2:return e?t(n[0],n[1]):t.call(r,n[0],n[1]);case 3:return e?t(n[0],n[1],n[2]):t.call(r,n[0],n[1],n[2]);case 4:return e?t(n[0],n[1],n[2],n[3]):t.call(r,n[0],n[1],n[2],n[3])}return t.apply(r,n)}},{}],47:[function(t,n,r){var e=t(18);n.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==e(t)?t.split(""):Object(t)}},{18:18}],48:[function(t,n,r){var e=t(58),i=t(128)("iterator"),o=Array.prototype;n.exports=function(t){return void 0!==t&&(e.Array===t||o[i]===t)}},{128:128,58:58}],49:[function(t,n,r){var e=t(18);n.exports=Array.isArray||function isArray(t){return"Array"==e(t)}},{18:18}],50:[function(t,n,r){var e=t(51),i=Math.floor;n.exports=function isInteger(t){return!e(t)&&isFinite(t)&&i(t)===t}},{51:51}],51:[function(t,n,r){n.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},{}],52:[function(t,n,r){var e=t(51),i=t(18),o=t(128)("match");n.exports=function(t){var n;return e(t)&&(void 0!==(n=t[o])?!!n:"RegExp"==i(t))}},{128:128,18:18,51:51}],53:[function(t,n,r){var e=t(7);n.exports=function(t,n,r,i){try{return i?n(e(r)[0],r[1]):n(r)}catch(n){var o=t.return;throw void 0!==o&&e(o.call(t)),n}}},{7:7}],54:[function(t,n,r){"use strict";var e=t(71),i=t(92),o=t(101),u={};t(42)(u,t(128)("iterator"),function(){return this}),n.exports=function(t,n,r){t.prototype=e(u,{next:i(1,r)}),o(t,n+" Iterator")}},{101:101,128:128,42:42,71:71,92:92}],55:[function(t,n,r){"use strict";var e=t(60),i=t(33),o=t(94),u=t(42),c=t(41),a=t(58),f=t(54),s=t(101),l=t(79),h=t(128)("iterator"),v=!([].keys&&"next"in[].keys()),p=function(){return this};n.exports=function(t,n,r,d,y,g,m){f(r,n,d);var b,x,S,w=function(t){if(!v&&t in P)return P[t];switch(t){case"keys":return function keys(){return new r(this,t)};case"values":return function values(){return new r(this,t)}}return function entries(){return new r(this,t)}},_=n+" Iterator",E="values"==y,O=!1,P=t.prototype,M=P[h]||P["@@iterator"]||y&&P[y],F=M||w(y),I=y?E?w("entries"):F:void 0,A="Array"==n?P.entries||M:M;if(A&&(S=l(A.call(new t)))!==Object.prototype&&S.next&&(s(S,_,!0),e||c(S,h)||u(S,h,p)),E&&M&&"values"!==M.name&&(O=!0,F=function values(){return M.call(this)}),e&&!m||!v&&!O&&P[h]||u(P,h,F),a[n]=F,a[_]=p,y)if(b={values:E?F:w("values"),keys:g?F:w("keys"),entries:I},m)for(x in b)x in P||o(P,x,b[x]);else i(i.P+i.F*(v||O),n,b);return b}},{101:101,128:128,33:33,41:41,42:42,54:54,58:58,60:60,79:79,94:94}],56:[function(t,n,r){var e=t(128)("iterator"),i=!1;try{var o=[7][e]();o.return=function(){i=!0},Array.from(o,function(){throw 2})}catch(t){}n.exports=function(t,n){if(!n&&!i)return!1;var r=!1;try{var o=[7],u=o[e]();u.next=function(){return{done:r=!0}},o[e]=function(){return u},t(o)}catch(t){}return r}},{128:128}],57:[function(t,n,r){n.exports=function(t,n){return{value:n,done:!!t}}},{}],58:[function(t,n,r){n.exports={}},{}],59:[function(t,n,r){var e=t(81),i=t(117);n.exports=function(t,n){for(var r,o=i(t),u=e(o),c=u.length,a=0;c>a;)if(o[r=u[a++]]===n)return r}},{117:117,81:81}],60:[function(t,n,r){n.exports=!1},{}],61:[function(t,n,r){var e=Math.expm1;n.exports=!e||e(10)>22025.465794806718||e(10)<22025.465794806718||-2e-17!=e(-2e-17)?function expm1(t){return 0==(t=+t)?t:t>-1e-6&&t<1e-6?t+t*t/2:Math.exp(t)-1}:e},{}],62:[function(t,n,r){var e=t(65),i=Math.pow,o=i(2,-52),u=i(2,-23),c=i(2,127)*(2-u),a=i(2,-126),f=function(t){return t+1/o-1/o};n.exports=Math.fround||function fround(t){var n,r,i=Math.abs(t),s=e(t);return i<a?s*f(i/a/u)*a*u:(n=(1+u/o)*i,r=n-(n-i),r>c||r!=r?s*(1/0):s*r)}},{65:65}],63:[function(t,n,r){n.exports=Math.log1p||function log1p(t){return(t=+t)>-1e-8&&t<1e-8?t-t*t/2:Math.log(1+t)}},{}],64:[function(t,n,r){n.exports=Math.scale||function scale(t,n,r,e,i){return 0===arguments.length||t!=t||n!=n||r!=r||e!=e||i!=i?NaN:t===1/0||t===-1/0?t:(t-n)*(i-e)/(r-n)+e}},{}],65:[function(t,n,r){n.exports=Math.sign||function sign(t){return 0==(t=+t)||t!=t?t:t<0?-1:1}},{}],66:[function(t,n,r){var e=t(124)("meta"),i=t(51),o=t(41),u=t(72).f,c=0,a=Object.isExtensible||function(){return!0},f=!t(35)(function(){return a(Object.preventExtensions({}))}),s=function(t){u(t,e,{value:{i:"O"+ ++c,w:{}}})},l=function(t,n){if(!i(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!o(t,e)){if(!a(t))return"F";if(!n)return"E";s(t)}return t[e].i},h=function(t,n){if(!o(t,e)){if(!a(t))return!0;if(!n)return!1;s(t)}return t[e].w},v=function(t){return f&&p.NEED&&a(t)&&!o(t,e)&&s(t),t},p=n.exports={KEY:e,NEED:!1,fastKey:l,getWeak:h,onFreeze:v}},{124:124,35:35,41:41,51:51,72:72}],67:[function(t,n,r){var e=t(160),i=t(33),o=t(103)("metadata"),u=o.store||(o.store=new(t(266))),c=function(t,n,r){var i=u.get(t);if(!i){if(!r)return;u.set(t,i=new e)}var o=i.get(n);if(!o){if(!r)return;i.set(n,o=new e)}return o},a=function(t,n,r){var e=c(n,r,!1);return void 0!==e&&e.has(t)},f=function(t,n,r){var e=c(n,r,!1);return void 0===e?void 0:e.get(t)},s=function(t,n,r,e){c(r,e,!0).set(t,n)},l=function(t,n){var r=c(t,n,!1),e=[];return r&&r.forEach(function(t,n){e.push(n)}),e},h=function(t){return void 0===t||"symbol"==typeof t?t:String(t)},v=function(t){i(i.S,"Reflect",t)};n.exports={store:u,map:c,has:a,get:f,set:s,keys:l,key:h,exp:v}},{103:103,160:160,266:266,33:33}],68:[function(t,n,r){var e=t(40),i=t(113).set,o=e.MutationObserver||e.WebKitMutationObserver,u=e.process,c=e.Promise,a="process"==t(18)(u);n.exports=function(){var t,n,r,f=function(){var e,i;for(a&&(e=u.domain)&&e.exit();t;){i=t.fn,t=t.next;try{i()}catch(e){throw t?r():n=void 0,e}}n=void 0,e&&e.enter()};if(a)r=function(){u.nextTick(f)};else if(o){var s=!0,l=document.createTextNode("");new o(f).observe(l,{characterData:!0}),r=function(){l.data=s=!s}}else if(c&&c.resolve){var h=c.resolve();r=function(){h.then(f)}}else r=function(){i.call(e,f)};return function(e){var i={fn:e,next:void 0};n&&(n.next=i),t||(t=i,r()),n=i}}},{113:113,18:18,40:40}],69:[function(t,n,r){"use strict";function PromiseCapability(t){var n,r;this.promise=new t(function(t,e){if(void 0!==n||void 0!==r)throw TypeError("Bad Promise constructor");n=t,r=e}),this.resolve=e(n),this.reject=e(r)}var e=t(3);n.exports.f=function(t){return new PromiseCapability(t)}},{3:3}],70:[function(t,n,r){"use strict";var e=t(81),i=t(78),o=t(82),u=t(119),c=t(47),a=Object.assign;n.exports=!a||t(35)(function(){var t={},n={},r=Symbol(),e="abcdefghijklmnopqrst";return t[r]=7,e.split("").forEach(function(t){n[t]=t}),7!=a({},t)[r]||Object.keys(a({},n)).join("")!=e})?function assign(t,n){for(var r=u(t),a=arguments.length,f=1,s=i.f,l=o.f;a>f;)for(var h,v=c(arguments[f++]),p=s?e(v).concat(s(v)):e(v),d=p.length,y=0;d>y;)l.call(v,h=p[y++])&&(r[h]=v[h]);return r}:a},{119:119,35:35,47:47,78:78,81:81,82:82}],71:[function(t,n,r){var e=t(7),i=t(73),o=t(31),u=t(102)("IE_PROTO"),c=function(){},a=function(){var n,r=t(30)("iframe"),e=o.length;for(r.style.display="none",t(43).appendChild(r),r.src="javascript:",n=r.contentWindow.document,n.open(),n.write("<script>document.F=Object<\/script>"),n.close(),a=n.F;e--;)delete a.prototype[o[e]];return a()};n.exports=Object.create||function create(t,n){var r;return null!==t?(c.prototype=e(t),r=new c,c.prototype=null,r[u]=t):r=a(),void 0===n?r:i(r,n)}},{102:102,30:30,31:31,43:43,7:7,73:73}],72:[function(t,n,r){var e=t(7),i=t(44),o=t(120),u=Object.defineProperty;r.f=t(29)?Object.defineProperty:function defineProperty(t,n,r){if(e(t),n=o(n,!0),e(r),i)try{return u(t,n,r)}catch(t){}if("get"in r||"set"in r)throw TypeError("Accessors not supported!");return"value"in r&&(t[n]=r.value),t}},{120:120,29:29,44:44,7:7}],73:[function(t,n,r){var e=t(72),i=t(7),o=t(81);n.exports=t(29)?Object.defineProperties:function defineProperties(t,n){i(t);for(var r,u=o(n),c=u.length,a=0;c>a;)e.f(t,r=u[a++],n[r]);return t}},{29:29,7:7,72:72,81:81}],74:[function(t,n,r){"use strict";n.exports=t(60)||!t(35)(function(){var n=Math.random();__defineSetter__.call(null,n,function(){}),delete t(40)[n]})},{35:35,40:40,60:60}],75:[function(t,n,r){var e=t(82),i=t(92),o=t(117),u=t(120),c=t(41),a=t(44),f=Object.getOwnPropertyDescriptor;r.f=t(29)?f:function getOwnPropertyDescriptor(t,n){if(t=o(t),n=u(n,!0),a)try{return f(t,n)}catch(t){}if(c(t,n))return i(!e.f.call(t,n),t[n])}},{117:117,120:120,29:29,41:41,44:44,82:82,92:92}],76:[function(t,n,r){var e=t(117),i=t(77).f,o={}.toString,u="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],c=function(t){try{return i(t)}catch(t){return u.slice()}};n.exports.f=function getOwnPropertyNames(t){return u&&"[object Window]"==o.call(t)?c(t):i(e(t))}},{117:117,77:77}],77:[function(t,n,r){var e=t(80),i=t(31).concat("length","prototype");r.f=Object.getOwnPropertyNames||function getOwnPropertyNames(t){return e(t,i)}},{31:31,80:80}],78:[function(t,n,r){r.f=Object.getOwnPropertySymbols},{}],79:[function(t,n,r){var e=t(41),i=t(119),o=t(102)("IE_PROTO"),u=Object.prototype;n.exports=Object.getPrototypeOf||function(t){return t=i(t),e(t,o)?t[o]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?u:null}},{102:102,119:119,41:41}],80:[function(t,n,r){var e=t(41),i=t(117),o=t(11)(!1),u=t(102)("IE_PROTO");n.exports=function(t,n){var r,c=i(t),a=0,f=[];for(r in c)r!=u&&e(c,r)&&f.push(r);for(;n.length>a;)e(c,r=n[a++])&&(~o(f,r)||f.push(r));return f}},{102:102,11:11,117:117,41:41}],81:[function(t,n,r){var e=t(80),i=t(31);n.exports=Object.keys||function keys(t){return e(t,i)}},{31:31,80:80}],82:[function(t,n,r){r.f={}.propertyIsEnumerable},{}],83:[function(t,n,r){var e=t(33),i=t(23),o=t(35);n.exports=function(t,n){var r=(i.Object||{})[t]||Object[t],u={};u[t]=n(r),e(e.S+e.F*o(function(){r(1)}),"Object",u)}},{23:23,33:33,35:35}],84:[function(t,n,r){var e=t(81),i=t(117),o=t(82).f;n.exports=function(t){return function(n){for(var r,u=i(n),c=e(u),a=c.length,f=0,s=[];a>f;)o.call(u,r=c[f++])&&s.push(t?[r,u[r]]:u[r]);return s}}},{117:117,81:81,82:82}],85:[function(t,n,r){var e=t(77),i=t(78),o=t(7),u=t(40).Reflect;n.exports=u&&u.ownKeys||function ownKeys(t){var n=e.f(o(t)),r=i.f;return r?n.concat(r(t)):n}},{40:40,7:7,77:77,78:78}],86:[function(t,n,r){var e=t(40).parseFloat,i=t(111).trim;n.exports=1/e(t(112)+"-0")!=-1/0?function parseFloat(t){var n=i(String(t),3),r=e(n);return 0===r&&"-"==n.charAt(0)?-0:r}:e},{111:111,112:112,40:40}],87:[function(t,n,r){var e=t(40).parseInt,i=t(111).trim,o=t(112),u=/^[-+]?0[xX]/;n.exports=8!==e(o+"08")||22!==e(o+"0x16")?function parseInt(t,n){var r=i(String(t),3);return e(r,n>>>0||(u.test(r)?16:10))}:e},{111:111,112:112,40:40}],88:[function(t,n,r){"use strict";var e=t(89),i=t(46),o=t(3);n.exports=function(){for(var t=o(this),n=arguments.length,r=Array(n),u=0,c=e._,a=!1;n>u;)(r[u]=arguments[u++])===c&&(a=!0);return function(){var e,o=this,u=arguments.length,f=0,s=0;if(!a&&!u)return i(t,r,o);if(e=r.slice(),a)for(;n>f;f++)e[f]===c&&(e[f]=arguments[s++]);for(;u>s;)e.push(arguments[s++]);return i(t,e,o)}}},{3:3,46:46,89:89}],89:[function(t,n,r){n.exports=t(40)},{40:40}],90:[function(t,n,r){n.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},{}],91:[function(t,n,r){var e=t(69);n.exports=function(t,n){var r=e.f(t);return(0,r.resolve)(n),r.promise}},{69:69}],92:[function(t,n,r){n.exports=function(t,n){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:n}}},{}],93:[function(t,n,r){var e=t(94);n.exports=function(t,n,r){for(var i in n)e(t,i,n[i],r);return t}},{94:94}],94:[function(t,n,r){var e=t(40),i=t(42),o=t(41),u=t(124)("src"),c=Function.toString,a=(""+c).split("toString");t(23).inspectSource=function(t){return c.call(t)},(n.exports=function(t,n,r,c){var f="function"==typeof r;f&&(o(r,"name")||i(r,"name",n)),t[n]!==r&&(f&&(o(r,u)||i(r,u,t[n]?""+t[n]:a.join(String(n)))),t===e?t[n]=r:c?t[n]?t[n]=r:i(t,n,r):(delete t[n],i(t,n,r)))})(Function.prototype,"toString",function toString(){return"function"==typeof this&&this[u]||c.call(this)})},{124:124,23:23,40:40,41:41,42:42}],95:[function(t,n,r){n.exports=function(t,n){var r=n===Object(n)?function(t){return n[t]}:n;return function(n){return String(n).replace(t,r)}}},{}],96:[function(t,n,r){n.exports=Object.is||function is(t,n){return t===n?0!==t||1/t==1/n:t!=t&&n!=n}},{}],97:[function(t,n,r){"use strict";var e=t(33),i=t(3),o=t(25),u=t(39);n.exports=function(t){e(e.S,t,{from:function from(t){var n,r,e,c,a=arguments[1];return i(this),n=void 0!==a,n&&i(a),void 0==t?new this:(r=[],n?(e=0,c=o(a,arguments[2],2),u(t,!1,function(t){r.push(c(t,e++))})):u(t,!1,r.push,r),new this(r))}})}},{25:25,3:3,33:33,39:39}],98:[function(t,n,r){"use strict";var e=t(33);n.exports=function(t){e(e.S,t,{of:function of(){for(var t=arguments.length,n=Array(t);t--;)n[t]=arguments[t];return new this(n)}})}},{33:33}],99:[function(t,n,r){var e=t(51),i=t(7),o=function(t,n){if(i(t),!e(n)&&null!==n)throw TypeError(n+": can't set as prototype!")};n.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(n,r,e){try{e=t(25)(Function.call,t(75).f(Object.prototype,"__proto__").set,2),e(n,[]),r=!(n instanceof Array)}catch(t){r=!0}return function setPrototypeOf(t,n){return o(t,n),r?t.__proto__=n:e(t,n),t}}({},!1):void 0),check:o}},{25:25,51:51,7:7,75:75}],100:[function(t,n,r){"use strict";var e=t(40),i=t(72),o=t(29),u=t(128)("species");n.exports=function(t){var n=e[t];o&&n&&!n[u]&&i.f(n,u,{configurable:!0,get:function(){return this}})}},{128:128,29:29,40:40,72:72}],101:[function(t,n,r){var e=t(72).f,i=t(41),o=t(128)("toStringTag");n.exports=function(t,n,r){t&&!i(t=r?t:t.prototype,o)&&e(t,o,{configurable:!0,value:n})}},{128:128,41:41,72:72}],102:[function(t,n,r){var e=t(103)("keys"),i=t(124);n.exports=function(t){return e[t]||(e[t]=i(t))}},{103:103,124:124}],103:[function(t,n,r){var e=t(40),i=e["__core-js_shared__"]||(e["__core-js_shared__"]={});n.exports=function(t){return i[t]||(i[t]={})}},{40:40}],104:[function(t,n,r){var e=t(7),i=t(3),o=t(128)("species");n.exports=function(t,n){var r,u=e(t).constructor;return void 0===u||void 0==(r=e(u)[o])?n:i(r)}},{128:128,3:3,7:7}],105:[function(t,n,r){"use strict";var e=t(35);n.exports=function(t,n){return!!t&&e(function(){n?t.call(null,function(){},1):t.call(null)})}},{35:35}],106:[function(t,n,r){var e=t(116),i=t(28);n.exports=function(t){return function(n,r){var o,u,c=String(i(n)),a=e(r),f=c.length;return a<0||a>=f?t?"":void 0:(o=c.charCodeAt(a),o<55296||o>56319||a+1===f||(u=c.charCodeAt(a+1))<56320||u>57343?t?c.charAt(a):o:t?c.slice(a,a+2):u-56320+(o-55296<<10)+65536)}}},{116:116,28:28}],107:[function(t,n,r){var e=t(52),i=t(28);n.exports=function(t,n,r){if(e(n))throw TypeError("String#"+r+" doesn't accept regex!");return String(i(t))}},{28:28,52:52}],108:[function(t,n,r){var e=t(33),i=t(35),o=t(28),u=/"/g,c=function(t,n,r,e){var i=String(o(t)),c="<"+n;return""!==r&&(c+=" "+r+'="'+String(e).replace(u,"&quot;")+'"'),c+">"+i+"</"+n+">"};n.exports=function(t,n){var r={};r[t]=n(c),e(e.P+e.F*i(function(){var n=""[t]('"');return n!==n.toLowerCase()||n.split('"').length>3}),"String",r)}},{28:28,33:33,35:35}],109:[function(t,n,r){var e=t(118),i=t(110),o=t(28);n.exports=function(t,n,r,u){var c=String(o(t)),a=c.length,f=void 0===r?" ":String(r),s=e(n);if(s<=a||""==f)return c;var l=s-a,h=i.call(f,Math.ceil(l/f.length));return h.length>l&&(h=h.slice(0,l)),u?h+c:c+h}},{110:110,118:118,28:28}],110:[function(t,n,r){"use strict";var e=t(116),i=t(28);n.exports=function repeat(t){var n=String(i(this)),r="",o=e(t);if(o<0||o==1/0)throw RangeError("Count can't be negative");for(;o>0;(o>>>=1)&&(n+=n))1&o&&(r+=n);return r}},{116:116,28:28}],111:[function(t,n,r){var e=t(33),i=t(28),o=t(35),u=t(112),c="["+u+"]",a="​…",f=RegExp("^"+c+c+"*"),s=RegExp(c+c+"*$"),l=function(t,n,r){var i={},c=o(function(){return!!u[t]()||a[t]()!=a}),f=i[t]=c?n(h):u[t];r&&(i[r]=f),e(e.P+e.F*c,"String",i)},h=l.trim=function(t,n){return t=String(i(t)),1&n&&(t=t.replace(f,"")),2&n&&(t=t.replace(s,"")),t};n.exports=l},{112:112,28:28,33:33,35:35}],112:[function(t,n,r){n.exports="\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"},{}],113:[function(t,n,r){var e,i,o,u=t(25),c=t(46),a=t(43),f=t(30),s=t(40),l=s.process,h=s.setImmediate,v=s.clearImmediate,p=s.MessageChannel,d=s.Dispatch,y=0,g={},m=function(){var t=+this;if(g.hasOwnProperty(t)){var n=g[t];delete g[t],n()}},b=function(t){m.call(t.data)};h&&v||(h=function setImmediate(t){for(var n=[],r=1;arguments.length>r;)n.push(arguments[r++]);return g[++y]=function(){c("function"==typeof t?t:Function(t),n)},e(y),y},v=function clearImmediate(t){delete g[t]},"process"==t(18)(l)?e=function(t){l.nextTick(u(m,t,1))}:d&&d.now?e=function(t){d.now(u(m,t,1))}:p?(i=new p,o=i.port2,i.port1.onmessage=b,e=u(o.postMessage,o,1)):s.addEventListener&&"function"==typeof postMessage&&!s.importScripts?(e=function(t){s.postMessage(t+"","*")},s.addEventListener("message",b,!1)):e="onreadystatechange"in f("script")?function(t){a.appendChild(f("script")).onreadystatechange=function(){a.removeChild(this),m.call(t)}}:function(t){setTimeout(u(m,t,1),0)}),n.exports={set:h,clear:v}},{18:18,25:25,30:30,40:40,43:43,46:46}],114:[function(t,n,r){var e=t(116),i=Math.max,o=Math.min;n.exports=function(t,n){return t=e(t),t<0?i(t+n,0):o(t,n)}},{116:116}],115:[function(t,n,r){var e=t(116),i=t(118);n.exports=function(t){if(void 0===t)return 0;var n=e(t),r=i(n);if(n!==r)throw RangeError("Wrong length!");return r}},{116:116,118:118}],116:[function(t,n,r){var e=Math.ceil,i=Math.floor;n.exports=function(t){return isNaN(t=+t)?0:(t>0?i:e)(t)}},{}],117:[function(t,n,r){var e=t(47),i=t(28);n.exports=function(t){return e(i(t))}},{28:28,47:47}],118:[function(t,n,r){var e=t(116),i=Math.min;n.exports=function(t){return t>0?i(e(t),9007199254740991):0}},{116:116}],
+119:[function(t,n,r){var e=t(28);n.exports=function(t){return Object(e(t))}},{28:28}],120:[function(t,n,r){var e=t(51);n.exports=function(t,n){if(!e(t))return t;var r,i;if(n&&"function"==typeof(r=t.toString)&&!e(i=r.call(t)))return i;if("function"==typeof(r=t.valueOf)&&!e(i=r.call(t)))return i;if(!n&&"function"==typeof(r=t.toString)&&!e(i=r.call(t)))return i;throw TypeError("Can't convert object to primitive value")}},{51:51}],121:[function(t,n,r){"use strict";if(t(29)){var e=t(60),i=t(40),o=t(35),u=t(33),c=t(123),a=t(122),f=t(25),s=t(6),l=t(92),h=t(42),v=t(93),p=t(116),d=t(118),y=t(115),g=t(114),m=t(120),b=t(41),x=t(17),S=t(51),w=t(119),_=t(48),E=t(71),O=t(79),P=t(77).f,M=t(129),F=t(124),I=t(128),A=t(12),k=t(11),N=t(104),j=t(141),T=t(58),R=t(56),L=t(100),G=t(9),D=t(8),C=t(72),W=t(75),U=C.f,B=W.f,V=i.RangeError,z=i.TypeError,q=i.Uint8Array,K=Array.prototype,Y=a.ArrayBuffer,J=a.DataView,H=A(0),X=A(2),$=A(3),Z=A(4),Q=A(5),tt=A(6),nt=k(!0),rt=k(!1),et=j.values,it=j.keys,ot=j.entries,ut=K.lastIndexOf,ct=K.reduce,at=K.reduceRight,ft=K.join,st=K.sort,lt=K.slice,ht=K.toString,vt=K.toLocaleString,pt=I("iterator"),dt=I("toStringTag"),yt=F("typed_constructor"),gt=F("def_constructor"),mt=c.CONSTR,bt=c.TYPED,xt=c.VIEW,St=A(1,function(t,n){return Pt(N(t,t[gt]),n)}),wt=o(function(){return 1===new q(new Uint16Array([1]).buffer)[0]}),_t=!!q&&!!q.prototype.set&&o(function(){new q(1).set({})}),Et=function(t,n){var r=p(t);if(r<0||r%n)throw V("Wrong offset!");return r},Ot=function(t){if(S(t)&&bt in t)return t;throw z(t+" is not a typed array!")},Pt=function(t,n){if(!(S(t)&&yt in t))throw z("It is not a typed array constructor!");return new t(n)},Mt=function(t,n){return Ft(N(t,t[gt]),n)},Ft=function(t,n){for(var r=0,e=n.length,i=Pt(t,e);e>r;)i[r]=n[r++];return i},It=function(t,n,r){U(t,n,{get:function(){return this._d[r]}})},At=function from(t){var n,r,e,i,o,u,c=w(t),a=arguments.length,s=a>1?arguments[1]:void 0,l=void 0!==s,h=M(c);if(void 0!=h&&!_(h)){for(u=h.call(c),e=[],n=0;!(o=u.next()).done;n++)e.push(o.value);c=e}for(l&&a>2&&(s=f(s,arguments[2],2)),n=0,r=d(c.length),i=Pt(this,r);r>n;n++)i[n]=l?s(c[n],n):c[n];return i},kt=function of(){for(var t=0,n=arguments.length,r=Pt(this,n);n>t;)r[t]=arguments[t++];return r},Nt=!!q&&o(function(){vt.call(new q(1))}),jt=function toLocaleString(){return vt.apply(Nt?lt.call(Ot(this)):Ot(this),arguments)},Tt={copyWithin:function copyWithin(t,n){return D.call(Ot(this),t,n,arguments.length>2?arguments[2]:void 0)},every:function every(t){return Z(Ot(this),t,arguments.length>1?arguments[1]:void 0)},fill:function fill(t){return G.apply(Ot(this),arguments)},filter:function filter(t){return Mt(this,X(Ot(this),t,arguments.length>1?arguments[1]:void 0))},find:function find(t){return Q(Ot(this),t,arguments.length>1?arguments[1]:void 0)},findIndex:function findIndex(t){return tt(Ot(this),t,arguments.length>1?arguments[1]:void 0)},forEach:function forEach(t){H(Ot(this),t,arguments.length>1?arguments[1]:void 0)},indexOf:function indexOf(t){return rt(Ot(this),t,arguments.length>1?arguments[1]:void 0)},includes:function includes(t){return nt(Ot(this),t,arguments.length>1?arguments[1]:void 0)},join:function join(t){return ft.apply(Ot(this),arguments)},lastIndexOf:function lastIndexOf(t){return ut.apply(Ot(this),arguments)},map:function map(t){return St(Ot(this),t,arguments.length>1?arguments[1]:void 0)},reduce:function reduce(t){return ct.apply(Ot(this),arguments)},reduceRight:function reduceRight(t){return at.apply(Ot(this),arguments)},reverse:function reverse(){for(var t,n=this,r=Ot(n).length,e=Math.floor(r/2),i=0;i<e;)t=n[i],n[i++]=n[--r],n[r]=t;return n},some:function some(t){return $(Ot(this),t,arguments.length>1?arguments[1]:void 0)},sort:function sort(t){return st.call(Ot(this),t)},subarray:function subarray(t,n){var r=Ot(this),e=r.length,i=g(t,e);return new(N(r,r[gt]))(r.buffer,r.byteOffset+i*r.BYTES_PER_ELEMENT,d((void 0===n?e:g(n,e))-i))}},Rt=function slice(t,n){return Mt(this,lt.call(Ot(this),t,n))},Lt=function set(t){Ot(this);var n=Et(arguments[1],1),r=this.length,e=w(t),i=d(e.length),o=0;if(i+n>r)throw V("Wrong length!");for(;o<i;)this[n+o]=e[o++]},Gt={entries:function entries(){return ot.call(Ot(this))},keys:function keys(){return it.call(Ot(this))},values:function values(){return et.call(Ot(this))}},Dt=function(t,n){return S(t)&&t[bt]&&"symbol"!=typeof n&&n in t&&String(+n)==String(n)},Ct=function getOwnPropertyDescriptor(t,n){return Dt(t,n=m(n,!0))?l(2,t[n]):B(t,n)},Wt=function defineProperty(t,n,r){return!(Dt(t,n=m(n,!0))&&S(r)&&b(r,"value"))||b(r,"get")||b(r,"set")||r.configurable||b(r,"writable")&&!r.writable||b(r,"enumerable")&&!r.enumerable?U(t,n,r):(t[n]=r.value,t)};mt||(W.f=Ct,C.f=Wt),u(u.S+u.F*!mt,"Object",{getOwnPropertyDescriptor:Ct,defineProperty:Wt}),o(function(){ht.call({})})&&(ht=vt=function toString(){return ft.call(this)});var Ut=v({},Tt);v(Ut,Gt),h(Ut,pt,Gt.values),v(Ut,{slice:Rt,set:Lt,constructor:function(){},toString:ht,toLocaleString:jt}),It(Ut,"buffer","b"),It(Ut,"byteOffset","o"),It(Ut,"byteLength","l"),It(Ut,"length","e"),U(Ut,dt,{get:function(){return this[bt]}}),n.exports=function(t,n,r,a){a=!!a;var f=t+(a?"Clamped":"")+"Array",l="get"+t,v="set"+t,p=i[f],g=p||{},m=p&&O(p),b=!p||!c.ABV,w={},_=p&&p.prototype,M=function(t,r){var e=t._d;return e.v[l](r*n+e.o,wt)},F=function(t,r,e){var i=t._d;a&&(e=(e=Math.round(e))<0?0:e>255?255:255&e),i.v[v](r*n+i.o,e,wt)},I=function(t,n){U(t,n,{get:function(){return M(this,n)},set:function(t){return F(this,n,t)},enumerable:!0})};b?(p=r(function(t,r,e,i){s(t,p,f,"_d");var o,u,c,a,l=0,v=0;if(S(r)){if(!(r instanceof Y||"ArrayBuffer"==(a=x(r))||"SharedArrayBuffer"==a))return bt in r?Ft(p,r):At.call(p,r);o=r,v=Et(e,n);var g=r.byteLength;if(void 0===i){if(g%n)throw V("Wrong length!");if((u=g-v)<0)throw V("Wrong length!")}else if((u=d(i)*n)+v>g)throw V("Wrong length!");c=u/n}else c=y(r),u=c*n,o=new Y(u);for(h(t,"_d",{b:o,o:v,l:u,e:c,v:new J(o)});l<c;)I(t,l++)}),_=p.prototype=E(Ut),h(_,"constructor",p)):o(function(){p(1)})&&o(function(){new p(-1)})&&R(function(t){new p,new p(null),new p(1.5),new p(t)},!0)||(p=r(function(t,r,e,i){s(t,p,f);var o;return S(r)?r instanceof Y||"ArrayBuffer"==(o=x(r))||"SharedArrayBuffer"==o?void 0!==i?new g(r,Et(e,n),i):void 0!==e?new g(r,Et(e,n)):new g(r):bt in r?Ft(p,r):At.call(p,r):new g(y(r))}),H(m!==Function.prototype?P(g).concat(P(m)):P(g),function(t){t in p||h(p,t,g[t])}),p.prototype=_,e||(_.constructor=p));var A=_[pt],k=!!A&&("values"==A.name||void 0==A.name),N=Gt.values;h(p,yt,!0),h(_,bt,f),h(_,xt,!0),h(_,gt,p),(a?new p(1)[dt]==f:dt in _)||U(_,dt,{get:function(){return f}}),w[f]=p,u(u.G+u.W+u.F*(p!=g),w),u(u.S,f,{BYTES_PER_ELEMENT:n}),u(u.S+u.F*o(function(){g.of.call(p,1)}),f,{from:At,of:kt}),"BYTES_PER_ELEMENT"in _||h(_,"BYTES_PER_ELEMENT",n),u(u.P,f,Tt),L(f),u(u.P+u.F*_t,f,{set:Lt}),u(u.P+u.F*!k,f,Gt),e||_.toString==ht||(_.toString=ht),u(u.P+u.F*o(function(){new p(1).slice()}),f,{slice:Rt}),u(u.P+u.F*(o(function(){return[1,2].toLocaleString()!=new p([1,2]).toLocaleString()})||!o(function(){_.toLocaleString.call([1,2])})),f,{toLocaleString:jt}),T[f]=k?A:N,e||k||h(_,pt,N)}}else n.exports=function(){}},{100:100,104:104,11:11,114:114,115:115,116:116,118:118,119:119,12:12,120:120,122:122,123:123,124:124,128:128,129:129,141:141,17:17,25:25,29:29,33:33,35:35,40:40,41:41,42:42,48:48,51:51,56:56,58:58,6:6,60:60,71:71,72:72,75:75,77:77,79:79,8:8,9:9,92:92,93:93}],122:[function(t,n,r){"use strict";function packIEEE754(t,n,r){var e,i,o,u=Array(r),c=8*r-n-1,a=(1<<c)-1,f=a>>1,s=23===n?M(2,-24)-M(2,-77):0,l=0,h=t<0||0===t&&1/t<0?1:0;for(t=P(t),t!=t||t===E?(i=t!=t?1:0,e=a):(e=F(I(t)/A),t*(o=M(2,-e))<1&&(e--,o*=2),t+=e+f>=1?s/o:s*M(2,1-f),t*o>=2&&(e++,o/=2),e+f>=a?(i=0,e=a):e+f>=1?(i=(t*o-1)*M(2,n),e+=f):(i=t*M(2,f-1)*M(2,n),e=0));n>=8;u[l++]=255&i,i/=256,n-=8);for(e=e<<n|i,c+=n;c>0;u[l++]=255&e,e/=256,c-=8);return u[--l]|=128*h,u}function unpackIEEE754(t,n,r){var e,i=8*r-n-1,o=(1<<i)-1,u=o>>1,c=i-7,a=r-1,f=t[a--],s=127&f;for(f>>=7;c>0;s=256*s+t[a],a--,c-=8);for(e=s&(1<<-c)-1,s>>=-c,c+=n;c>0;e=256*e+t[a],a--,c-=8);if(0===s)s=1-u;else{if(s===o)return e?NaN:f?-E:E;e+=M(2,n),s-=u}return(f?-1:1)*e*M(2,s-n)}function unpackI32(t){return t[3]<<24|t[2]<<16|t[1]<<8|t[0]}function packI8(t){return[255&t]}function packI16(t){return[255&t,t>>8&255]}function packI32(t){return[255&t,t>>8&255,t>>16&255,t>>24&255]}function packF64(t){return packIEEE754(t,52,8)}function packF32(t){return packIEEE754(t,23,4)}function addGetter(t,n,r){d(t[m],n,{get:function(){return this[r]}})}function get(t,n,r,e){var i=+r,o=v(i);if(o+n>t[N])throw _(b);var u=t[k]._b,c=o+t[j],a=u.slice(c,c+n);return e?a:a.reverse()}function set(t,n,r,e,i,o){var u=+r,c=v(u);if(c+n>t[N])throw _(b);for(var a=t[k]._b,f=c+t[j],s=e(+i),l=0;l<n;l++)a[f+l]=s[o?l:n-l-1]}var e=t(40),i=t(29),o=t(60),u=t(123),c=t(42),a=t(93),f=t(35),s=t(6),l=t(116),h=t(118),v=t(115),p=t(77).f,d=t(72).f,y=t(9),g=t(101),m="prototype",b="Wrong index!",x=e.ArrayBuffer,S=e.DataView,w=e.Math,_=e.RangeError,E=e.Infinity,O=x,P=w.abs,M=w.pow,F=w.floor,I=w.log,A=w.LN2,k=i?"_b":"buffer",N=i?"_l":"byteLength",j=i?"_o":"byteOffset";if(u.ABV){if(!f(function(){x(1)})||!f(function(){new x(-1)})||f(function(){return new x,new x(1.5),new x(NaN),"ArrayBuffer"!=x.name})){x=function ArrayBuffer(t){return s(this,x),new O(v(t))};for(var T,R=x[m]=O[m],L=p(O),G=0;L.length>G;)(T=L[G++])in x||c(x,T,O[T]);o||(R.constructor=x)}var D=new S(new x(2)),C=S[m].setInt8;D.setInt8(0,2147483648),D.setInt8(1,2147483649),!D.getInt8(0)&&D.getInt8(1)||a(S[m],{setInt8:function setInt8(t,n){C.call(this,t,n<<24>>24)},setUint8:function setUint8(t,n){C.call(this,t,n<<24>>24)}},!0)}else x=function ArrayBuffer(t){s(this,x,"ArrayBuffer");var n=v(t);this._b=y.call(Array(n),0),this[N]=n},S=function DataView(t,n,r){s(this,S,"DataView"),s(t,x,"DataView");var e=t[N],i=l(n);if(i<0||i>e)throw _("Wrong offset!");if(r=void 0===r?e-i:h(r),i+r>e)throw _("Wrong length!");this[k]=t,this[j]=i,this[N]=r},i&&(addGetter(x,"byteLength","_l"),addGetter(S,"buffer","_b"),addGetter(S,"byteLength","_l"),addGetter(S,"byteOffset","_o")),a(S[m],{getInt8:function getInt8(t){return get(this,1,t)[0]<<24>>24},getUint8:function getUint8(t){return get(this,1,t)[0]},getInt16:function getInt16(t){var n=get(this,2,t,arguments[1]);return(n[1]<<8|n[0])<<16>>16},getUint16:function getUint16(t){var n=get(this,2,t,arguments[1]);return n[1]<<8|n[0]},getInt32:function getInt32(t){return unpackI32(get(this,4,t,arguments[1]))},getUint32:function getUint32(t){return unpackI32(get(this,4,t,arguments[1]))>>>0},getFloat32:function getFloat32(t){return unpackIEEE754(get(this,4,t,arguments[1]),23,4)},getFloat64:function getFloat64(t){return unpackIEEE754(get(this,8,t,arguments[1]),52,8)},setInt8:function setInt8(t,n){set(this,1,t,packI8,n)},setUint8:function setUint8(t,n){set(this,1,t,packI8,n)},setInt16:function setInt16(t,n){set(this,2,t,packI16,n,arguments[2])},setUint16:function setUint16(t,n){set(this,2,t,packI16,n,arguments[2])},setInt32:function setInt32(t,n){set(this,4,t,packI32,n,arguments[2])},setUint32:function setUint32(t,n){set(this,4,t,packI32,n,arguments[2])},setFloat32:function setFloat32(t,n){set(this,4,t,packF32,n,arguments[2])},setFloat64:function setFloat64(t,n){set(this,8,t,packF64,n,arguments[2])}});g(x,"ArrayBuffer"),g(S,"DataView"),c(S[m],u.VIEW,!0),r.ArrayBuffer=x,r.DataView=S},{101:101,115:115,116:116,118:118,123:123,29:29,35:35,40:40,42:42,6:6,60:60,72:72,77:77,9:9,93:93}],123:[function(t,n,r){for(var e,i=t(40),o=t(42),u=t(124),c=u("typed_array"),a=u("view"),f=!(!i.ArrayBuffer||!i.DataView),s=f,l=0,h="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");l<9;)(e=i[h[l++]])?(o(e.prototype,c,!0),o(e.prototype,a,!0)):s=!1;n.exports={ABV:f,CONSTR:s,TYPED:c,VIEW:a}},{124:124,40:40,42:42}],124:[function(t,n,r){var e=0,i=Math.random();n.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++e+i).toString(36))}},{}],125:[function(t,n,r){var e=t(51);n.exports=function(t,n){if(!e(t)||t._t!==n)throw TypeError("Incompatible receiver, "+n+" required!");return t}},{51:51}],126:[function(t,n,r){var e=t(40),i=t(23),o=t(60),u=t(127),c=t(72).f;n.exports=function(t){var n=i.Symbol||(i.Symbol=o?{}:e.Symbol||{});"_"==t.charAt(0)||t in n||c(n,t,{value:u.f(t)})}},{127:127,23:23,40:40,60:60,72:72}],127:[function(t,n,r){r.f=t(128)},{128:128}],128:[function(t,n,r){var e=t(103)("wks"),i=t(124),o=t(40).Symbol,u="function"==typeof o;(n.exports=function(t){return e[t]||(e[t]=u&&o[t]||(u?o:i)("Symbol."+t))}).store=e},{103:103,124:124,40:40}],129:[function(t,n,r){var e=t(17),i=t(128)("iterator"),o=t(58);n.exports=t(23).getIteratorMethod=function(t){if(void 0!=t)return t[i]||t["@@iterator"]||o[e(t)]}},{128:128,17:17,23:23,58:58}],130:[function(t,n,r){var e=t(33),i=t(95)(/[\\^$*+?.()|[\]{}]/g,"\\$&");e(e.S,"RegExp",{escape:function escape(t){return i(t)}})},{33:33,95:95}],131:[function(t,n,r){var e=t(33);e(e.P,"Array",{copyWithin:t(8)}),t(5)("copyWithin")},{33:33,5:5,8:8}],132:[function(t,n,r){"use strict";var e=t(33),i=t(12)(4);e(e.P+e.F*!t(105)([].every,!0),"Array",{every:function every(t){return i(this,t,arguments[1])}})},{105:105,12:12,33:33}],133:[function(t,n,r){var e=t(33);e(e.P,"Array",{fill:t(9)}),t(5)("fill")},{33:33,5:5,9:9}],134:[function(t,n,r){"use strict";var e=t(33),i=t(12)(2);e(e.P+e.F*!t(105)([].filter,!0),"Array",{filter:function filter(t){return i(this,t,arguments[1])}})},{105:105,12:12,33:33}],135:[function(t,n,r){"use strict";var e=t(33),i=t(12)(6),o="findIndex",u=!0;o in[]&&Array(1)[o](function(){u=!1}),e(e.P+e.F*u,"Array",{findIndex:function findIndex(t){return i(this,t,arguments.length>1?arguments[1]:void 0)}}),t(5)(o)},{12:12,33:33,5:5}],136:[function(t,n,r){"use strict";var e=t(33),i=t(12)(5),o=!0;"find"in[]&&Array(1).find(function(){o=!1}),e(e.P+e.F*o,"Array",{find:function find(t){return i(this,t,arguments.length>1?arguments[1]:void 0)}}),t(5)("find")},{12:12,33:33,5:5}],137:[function(t,n,r){"use strict";var e=t(33),i=t(12)(0),o=t(105)([].forEach,!0);e(e.P+e.F*!o,"Array",{forEach:function forEach(t){return i(this,t,arguments[1])}})},{105:105,12:12,33:33}],138:[function(t,n,r){"use strict";var e=t(25),i=t(33),o=t(119),u=t(53),c=t(48),a=t(118),f=t(24),s=t(129);i(i.S+i.F*!t(56)(function(t){Array.from(t)}),"Array",{from:function from(t){var n,r,i,l,h=o(t),v="function"==typeof this?this:Array,p=arguments.length,d=p>1?arguments[1]:void 0,y=void 0!==d,g=0,m=s(h);if(y&&(d=e(d,p>2?arguments[2]:void 0,2)),void 0==m||v==Array&&c(m))for(n=a(h.length),r=new v(n);n>g;g++)f(r,g,y?d(h[g],g):h[g]);else for(l=m.call(h),r=new v;!(i=l.next()).done;g++)f(r,g,y?u(l,d,[i.value,g],!0):i.value);return r.length=g,r}})},{118:118,119:119,129:129,24:24,25:25,33:33,48:48,53:53,56:56}],139:[function(t,n,r){"use strict";var e=t(33),i=t(11)(!1),o=[].indexOf,u=!!o&&1/[1].indexOf(1,-0)<0;e(e.P+e.F*(u||!t(105)(o)),"Array",{indexOf:function indexOf(t){return u?o.apply(this,arguments)||0:i(this,t,arguments[1])}})},{105:105,11:11,33:33}],140:[function(t,n,r){var e=t(33);e(e.S,"Array",{isArray:t(49)})},{33:33,49:49}],141:[function(t,n,r){"use strict";var e=t(5),i=t(57),o=t(58),u=t(117);n.exports=t(55)(Array,"Array",function(t,n){this._t=u(t),this._i=0,this._k=n},function(){var t=this._t,n=this._k,r=this._i++;return!t||r>=t.length?(this._t=void 0,i(1)):"keys"==n?i(0,r):"values"==n?i(0,t[r]):i(0,[r,t[r]])},"values"),o.Arguments=o.Array,e("keys"),e("values"),e("entries")},{117:117,5:5,55:55,57:57,58:58}],142:[function(t,n,r){"use strict";var e=t(33),i=t(117),o=[].join;e(e.P+e.F*(t(47)!=Object||!t(105)(o)),"Array",{join:function join(t){return o.call(i(this),void 0===t?",":t)}})},{105:105,117:117,33:33,47:47}],143:[function(t,n,r){"use strict";var e=t(33),i=t(117),o=t(116),u=t(118),c=[].lastIndexOf,a=!!c&&1/[1].lastIndexOf(1,-0)<0;e(e.P+e.F*(a||!t(105)(c)),"Array",{lastIndexOf:function lastIndexOf(t){if(a)return c.apply(this,arguments)||0;var n=i(this),r=u(n.length),e=r-1;for(arguments.length>1&&(e=Math.min(e,o(arguments[1]))),e<0&&(e=r+e);e>=0;e--)if(e in n&&n[e]===t)return e||0;return-1}})},{105:105,116:116,117:117,118:118,33:33}],144:[function(t,n,r){"use strict";var e=t(33),i=t(12)(1);e(e.P+e.F*!t(105)([].map,!0),"Array",{map:function map(t){return i(this,t,arguments[1])}})},{105:105,12:12,33:33}],145:[function(t,n,r){"use strict";var e=t(33),i=t(24);e(e.S+e.F*t(35)(function(){function F(){}return!(Array.of.call(F)instanceof F)}),"Array",{of:function of(){for(var t=0,n=arguments.length,r=new("function"==typeof this?this:Array)(n);n>t;)i(r,t,arguments[t++]);return r.length=n,r}})},{24:24,33:33,35:35}],146:[function(t,n,r){"use strict";var e=t(33),i=t(13);e(e.P+e.F*!t(105)([].reduceRight,!0),"Array",{reduceRight:function reduceRight(t){return i(this,t,arguments.length,arguments[1],!0)}})},{105:105,13:13,33:33}],147:[function(t,n,r){"use strict";var e=t(33),i=t(13);e(e.P+e.F*!t(105)([].reduce,!0),"Array",{reduce:function reduce(t){return i(this,t,arguments.length,arguments[1],!1)}})},{105:105,13:13,33:33}],148:[function(t,n,r){"use strict";var e=t(33),i=t(43),o=t(18),u=t(114),c=t(118),a=[].slice;e(e.P+e.F*t(35)(function(){i&&a.call(i)}),"Array",{slice:function slice(t,n){var r=c(this.length),e=o(this);if(n=void 0===n?r:n,"Array"==e)return a.call(this,t,n);for(var i=u(t,r),f=u(n,r),s=c(f-i),l=Array(s),h=0;h<s;h++)l[h]="String"==e?this.charAt(i+h):this[i+h];return l}})},{114:114,118:118,18:18,33:33,35:35,43:43}],149:[function(t,n,r){"use strict";var e=t(33),i=t(12)(3);e(e.P+e.F*!t(105)([].some,!0),"Array",{some:function some(t){return i(this,t,arguments[1])}})},{105:105,12:12,33:33}],150:[function(t,n,r){"use strict";var e=t(33),i=t(3),o=t(119),u=t(35),c=[].sort,a=[1,2,3];e(e.P+e.F*(u(function(){a.sort(void 0)})||!u(function(){a.sort(null)})||!t(105)(c)),"Array",{sort:function sort(t){return void 0===t?c.call(o(this)):c.call(o(this),i(t))}})},{105:105,119:119,3:3,33:33,35:35}],151:[function(t,n,r){t(100)("Array")},{100:100}],152:[function(t,n,r){var e=t(33);e(e.S,"Date",{now:function(){return(new Date).getTime()}})},{33:33}],153:[function(t,n,r){var e=t(33),i=t(26);e(e.P+e.F*(Date.prototype.toISOString!==i),"Date",{toISOString:i})},{26:26,33:33}],154:[function(t,n,r){"use strict";var e=t(33),i=t(119),o=t(120);e(e.P+e.F*t(35)(function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})}),"Date",{toJSON:function toJSON(t){var n=i(this),r=o(n);return"number"!=typeof r||isFinite(r)?n.toISOString():null}})},{119:119,120:120,33:33,35:35}],155:[function(t,n,r){var e=t(128)("toPrimitive"),i=Date.prototype;e in i||t(42)(i,e,t(27))},{128:128,27:27,42:42}],156:[function(t,n,r){var e=Date.prototype,i=e.toString,o=e.getTime;new Date(NaN)+""!="Invalid Date"&&t(94)(e,"toString",function toString(){var t=o.call(this);return t===t?i.call(this):"Invalid Date"})},{94:94}],157:[function(t,n,r){var e=t(33);e(e.P,"Function",{bind:t(16)})},{16:16,33:33}],158:[function(t,n,r){"use strict";var e=t(51),i=t(79),o=t(128)("hasInstance"),u=Function.prototype;o in u||t(72).f(u,o,{value:function(t){if("function"!=typeof this||!e(t))return!1;if(!e(this.prototype))return t instanceof this;for(;t=i(t);)if(this.prototype===t)return!0;return!1}})},{128:128,51:51,72:72,79:79}],159:[function(t,n,r){var e=t(72).f,i=Function.prototype,o=/^\s*function ([^ (]*)/;"name"in i||t(29)&&e(i,"name",{configurable:!0,get:function(){try{return(""+this).match(o)[1]}catch(t){return""}}})},{29:29,72:72}],160:[function(t,n,r){"use strict";var e=t(19),i=t(125);n.exports=t(22)("Map",function(t){return function Map(){return t(this,arguments.length>0?arguments[0]:void 0)}},{get:function get(t){var n=e.getEntry(i(this,"Map"),t);return n&&n.v},set:function set(t,n){return e.def(i(this,"Map"),0===t?0:t,n)}},e,!0)},{125:125,19:19,22:22}],161:[function(t,n,r){var e=t(33),i=t(63),o=Math.sqrt,u=Math.acosh;e(e.S+e.F*!(u&&710==Math.floor(u(Number.MAX_VALUE))&&u(1/0)==1/0),"Math",{acosh:function acosh(t){return(t=+t)<1?NaN:t>94906265.62425156?Math.log(t)+Math.LN2:i(t-1+o(t-1)*o(t+1))}})},{33:33,63:63}],162:[function(t,n,r){function asinh(t){return isFinite(t=+t)&&0!=t?t<0?-asinh(-t):Math.log(t+Math.sqrt(t*t+1)):t}var e=t(33),i=Math.asinh;e(e.S+e.F*!(i&&1/i(0)>0),"Math",{asinh:asinh})},{33:33}],163:[function(t,n,r){var e=t(33),i=Math.atanh;e(e.S+e.F*!(i&&1/i(-0)<0),"Math",{atanh:function atanh(t){return 0==(t=+t)?t:Math.log((1+t)/(1-t))/2}})},{33:33}],164:[function(t,n,r){var e=t(33),i=t(65);e(e.S,"Math",{cbrt:function cbrt(t){return i(t=+t)*Math.pow(Math.abs(t),1/3)}})},{33:33,65:65}],165:[function(t,n,r){var e=t(33);e(e.S,"Math",{clz32:function clz32(t){return(t>>>=0)?31-Math.floor(Math.log(t+.5)*Math.LOG2E):32}})},{33:33}],166:[function(t,n,r){var e=t(33),i=Math.exp;e(e.S,"Math",{cosh:function cosh(t){return(i(t=+t)+i(-t))/2}})},{33:33}],167:[function(t,n,r){var e=t(33),i=t(61);e(e.S+e.F*(i!=Math.expm1),"Math",{expm1:i})},{33:33,61:61}],168:[function(t,n,r){var e=t(33);e(e.S,"Math",{fround:t(62)})},{33:33,62:62}],169:[function(t,n,r){var e=t(33),i=Math.abs;e(e.S,"Math",{hypot:function hypot(t,n){for(var r,e,o=0,u=0,c=arguments.length,a=0;u<c;)r=i(arguments[u++]),a<r?(e=a/r,o=o*e*e+1,a=r):r>0?(e=r/a,o+=e*e):o+=r;return a===1/0?1/0:a*Math.sqrt(o)}})},{33:33}],170:[function(t,n,r){var e=t(33),i=Math.imul;e(e.S+e.F*t(35)(function(){return-5!=i(4294967295,5)||2!=i.length}),"Math",{imul:function imul(t,n){var r=+t,e=+n,i=65535&r,o=65535&e;return 0|i*o+((65535&r>>>16)*o+i*(65535&e>>>16)<<16>>>0)}})},{33:33,35:35}],171:[function(t,n,r){var e=t(33);e(e.S,"Math",{log10:function log10(t){return Math.log(t)*Math.LOG10E}})},{33:33}],172:[function(t,n,r){var e=t(33);e(e.S,"Math",{log1p:t(63)})},{33:33,63:63}],173:[function(t,n,r){var e=t(33);e(e.S,"Math",{log2:function log2(t){return Math.log(t)/Math.LN2}})},{33:33}],174:[function(t,n,r){var e=t(33);e(e.S,"Math",{sign:t(65)})},{33:33,65:65}],175:[function(t,n,r){var e=t(33),i=t(61),o=Math.exp;e(e.S+e.F*t(35)(function(){return-2e-17!=!Math.sinh(-2e-17)}),"Math",{sinh:function sinh(t){return Math.abs(t=+t)<1?(i(t)-i(-t))/2:(o(t-1)-o(-t-1))*(Math.E/2)}})},{33:33,35:35,61:61}],176:[function(t,n,r){var e=t(33),i=t(61),o=Math.exp;e(e.S,"Math",{tanh:function tanh(t){var n=i(t=+t),r=i(-t);return n==1/0?1:r==1/0?-1:(n-r)/(o(t)+o(-t))}})},{33:33,61:61}],177:[function(t,n,r){var e=t(33);e(e.S,"Math",{trunc:function trunc(t){return(t>0?Math.floor:Math.ceil)(t)}})},{33:33}],178:[function(t,n,r){"use strict";var e=t(40),i=t(41),o=t(18),u=t(45),c=t(120),a=t(35),f=t(77).f,s=t(75).f,l=t(72).f,h=t(111).trim,v=e.Number,p=v,d=v.prototype,y="Number"==o(t(71)(d)),g="trim"in String.prototype,m=function(t){var n=c(t,!1);if("string"==typeof n&&n.length>2){n=g?n.trim():h(n,3);var r,e,i,o=n.charCodeAt(0);if(43===o||45===o){if(88===(r=n.charCodeAt(2))||120===r)return NaN}else if(48===o){switch(n.charCodeAt(1)){case 66:case 98:e=2,i=49;break;case 79:case 111:e=8,i=55;break;default:return+n}for(var u,a=n.slice(2),f=0,s=a.length;f<s;f++)if((u=a.charCodeAt(f))<48||u>i)return NaN;return parseInt(a,e)}}return+n};if(!v(" 0o1")||!v("0b1")||v("+0x1")){v=function Number(t){var n=arguments.length<1?0:t,r=this;return r instanceof v&&(y?a(function(){d.valueOf.call(r)}):"Number"!=o(r))?u(new p(m(n)),r,v):m(n)};for(var b,x=t(29)?f(p):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),S=0;x.length>S;S++)i(p,b=x[S])&&!i(v,b)&&l(v,b,s(p,b));v.prototype=d,d.constructor=v,t(94)(e,"Number",v)}},{111:111,120:120,18:18,29:29,35:35,40:40,41:41,45:45,71:71,72:72,75:75,77:77,94:94}],179:[function(t,n,r){var e=t(33);e(e.S,"Number",{EPSILON:Math.pow(2,-52)})},{33:33}],180:[function(t,n,r){var e=t(33),i=t(40).isFinite;e(e.S,"Number",{isFinite:function isFinite(t){return"number"==typeof t&&i(t)}})},{33:33,40:40}],181:[function(t,n,r){var e=t(33);e(e.S,"Number",{isInteger:t(50)})},{33:33,50:50}],182:[function(t,n,r){var e=t(33);e(e.S,"Number",{isNaN:function isNaN(t){return t!=t}})},{33:33}],183:[function(t,n,r){var e=t(33),i=t(50),o=Math.abs;e(e.S,"Number",{isSafeInteger:function isSafeInteger(t){return i(t)&&o(t)<=9007199254740991}})},{33:33,50:50}],184:[function(t,n,r){var e=t(33);e(e.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},{33:33}],185:[function(t,n,r){var e=t(33);e(e.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},{33:33}],186:[function(t,n,r){var e=t(33),i=t(86);e(e.S+e.F*(Number.parseFloat!=i),"Number",{parseFloat:i})},{33:33,86:86}],187:[function(t,n,r){var e=t(33),i=t(87);e(e.S+e.F*(Number.parseInt!=i),"Number",{parseInt:i})},{33:33,87:87}],188:[function(t,n,r){"use strict";var e=t(33),i=t(116),o=t(4),u=t(110),c=1..toFixed,a=Math.floor,f=[0,0,0,0,0,0],s="Number.toFixed: incorrect invocation!",l=function(t,n){for(var r=-1,e=n;++r<6;)e+=t*f[r],f[r]=e%1e7,e=a(e/1e7)},h=function(t){for(var n=6,r=0;--n>=0;)r+=f[n],f[n]=a(r/t),r=r%t*1e7},v=function(){for(var t=6,n="";--t>=0;)if(""!==n||0===t||0!==f[t]){var r=String(f[t]);n=""===n?r:n+u.call("0",7-r.length)+r}return n},p=function(t,n,r){return 0===n?r:n%2==1?p(t,n-1,r*t):p(t*t,n/2,r)},d=function(t){for(var n=0,r=t;r>=4096;)n+=12,r/=4096;for(;r>=2;)n+=1,r/=2;return n};e(e.P+e.F*(!!c&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!t(35)(function(){c.call({})})),"Number",{toFixed:function toFixed(t){var n,r,e,c,a=o(this,s),f=i(t),y="",g="0";if(f<0||f>20)throw RangeError(s);if(a!=a)return"NaN";if(a<=-1e21||a>=1e21)return String(a);if(a<0&&(y="-",a=-a),a>1e-21)if(n=d(a*p(2,69,1))-69,r=n<0?a*p(2,-n,1):a/p(2,n,1),r*=4503599627370496,(n=52-n)>0){for(l(0,r),e=f;e>=7;)l(1e7,0),e-=7;for(l(p(10,e,1),0),e=n-1;e>=23;)h(1<<23),e-=23;h(1<<e),l(1,1),h(2),g=v()}else l(0,r),l(1<<-n,0),g=v()+u.call("0",f);return f>0?(c=g.length,g=y+(c<=f?"0."+u.call("0",f-c)+g:g.slice(0,c-f)+"."+g.slice(c-f))):g=y+g,g}})},{110:110,116:116,33:33,35:35,4:4}],189:[function(t,n,r){"use strict";var e=t(33),i=t(35),o=t(4),u=1..toPrecision;e(e.P+e.F*(i(function(){return"1"!==u.call(1,void 0)})||!i(function(){u.call({})})),"Number",{toPrecision:function toPrecision(t){var n=o(this,"Number#toPrecision: incorrect invocation!");return void 0===t?u.call(n):u.call(n,t)}})},{33:33,35:35,4:4}],190:[function(t,n,r){var e=t(33);e(e.S+e.F,"Object",{assign:t(70)})},{33:33,70:70}],191:[function(t,n,r){var e=t(33);e(e.S,"Object",{create:t(71)})},{33:33,71:71}],192:[function(t,n,r){var e=t(33);e(e.S+e.F*!t(29),"Object",{defineProperties:t(73)})},{29:29,33:33,73:73}],193:[function(t,n,r){var e=t(33);e(e.S+e.F*!t(29),"Object",{defineProperty:t(72).f})},{29:29,33:33,72:72}],194:[function(t,n,r){var e=t(51),i=t(66).onFreeze;t(83)("freeze",function(t){return function freeze(n){return t&&e(n)?t(i(n)):n}})},{51:51,66:66,83:83}],195:[function(t,n,r){var e=t(117),i=t(75).f;t(83)("getOwnPropertyDescriptor",function(){return function getOwnPropertyDescriptor(t,n){return i(e(t),n)}})},{117:117,75:75,83:83}],196:[function(t,n,r){t(83)("getOwnPropertyNames",function(){return t(76).f})},{76:76,83:83}],197:[function(t,n,r){var e=t(119),i=t(79);t(83)("getPrototypeOf",function(){return function getPrototypeOf(t){return i(e(t))}})},{119:119,79:79,83:83}],198:[function(t,n,r){var e=t(51);t(83)("isExtensible",function(t){return function isExtensible(n){return!!e(n)&&(!t||t(n))}})},{51:51,83:83}],199:[function(t,n,r){var e=t(51);t(83)("isFrozen",function(t){return function isFrozen(n){return!e(n)||!!t&&t(n)}})},{51:51,83:83}],200:[function(t,n,r){var e=t(51);t(83)("isSealed",function(t){return function isSealed(n){return!e(n)||!!t&&t(n)}})},{51:51,83:83}],201:[function(t,n,r){var e=t(33);e(e.S,"Object",{is:t(96)})},{33:33,96:96}],202:[function(t,n,r){var e=t(119),i=t(81);t(83)("keys",function(){return function keys(t){return i(e(t))}})},{119:119,81:81,83:83}],203:[function(t,n,r){var e=t(51),i=t(66).onFreeze;t(83)("preventExtensions",function(t){return function preventExtensions(n){return t&&e(n)?t(i(n)):n}})},{51:51,66:66,83:83}],204:[function(t,n,r){var e=t(51),i=t(66).onFreeze;t(83)("seal",function(t){return function seal(n){return t&&e(n)?t(i(n)):n}})},{51:51,66:66,83:83}],205:[function(t,n,r){var e=t(33);e(e.S,"Object",{setPrototypeOf:t(99).set})},{33:33,99:99}],206:[function(t,n,r){"use strict";var e=t(17),i={};i[t(128)("toStringTag")]="z",i+""!="[object z]"&&t(94)(Object.prototype,"toString",function toString(){return"[object "+e(this)+"]"},!0)},{128:128,17:17,94:94}],207:[function(t,n,r){var e=t(33),i=t(86);e(e.G+e.F*(parseFloat!=i),{parseFloat:i})},{33:33,86:86}],208:[function(t,n,r){var e=t(33),i=t(87);e(e.G+e.F*(parseInt!=i),{parseInt:i})},{33:33,87:87}],209:[function(t,n,r){"use strict";var e,i,o,u,c=t(60),a=t(40),f=t(25),s=t(17),l=t(33),h=t(51),v=t(3),p=t(6),d=t(39),y=t(104),g=t(113).set,m=t(68)(),b=t(69),x=t(90),S=t(91),w=a.TypeError,_=a.process,E=a.Promise,O="process"==s(_),P=function(){},M=i=b.f,F=!!function(){try{var n=E.resolve(1),r=(n.constructor={})[t(128)("species")]=function(t){t(P,P)};return(O||"function"==typeof PromiseRejectionEvent)&&n.then(P)instanceof r}catch(t){}}(),I=c?function(t,n){return t===n||t===E&&n===u}:function(t,n){return t===n},A=function(t){var n;return!(!h(t)||"function"!=typeof(n=t.then))&&n},k=function(t,n){if(!t._n){t._n=!0;var r=t._c;m(function(){for(var e=t._v,i=1==t._s,o=0;r.length>o;)!function(n){var r,o,u=i?n.ok:n.fail,c=n.resolve,a=n.reject,f=n.domain;try{u?(i||(2==t._h&&T(t),t._h=1),!0===u?r=e:(f&&f.enter(),r=u(e),f&&f.exit()),r===n.promise?a(w("Promise-chain cycle")):(o=A(r))?o.call(r,c,a):c(r)):a(e)}catch(t){a(t)}}(r[o++]);t._c=[],t._n=!1,n&&!t._h&&N(t)})}},N=function(t){g.call(a,function(){var n,r,e,i=t._v,o=j(t);if(o&&(n=x(function(){O?_.emit("unhandledRejection",i,t):(r=a.onunhandledrejection)?r({promise:t,reason:i}):(e=a.console)&&e.error&&e.error("Unhandled promise rejection",i)}),t._h=O||j(t)?2:1),t._a=void 0,o&&n.e)throw n.v})},j=function(t){if(1==t._h)return!1;for(var n,r=t._a||t._c,e=0;r.length>e;)if(n=r[e++],n.fail||!j(n.promise))return!1;return!0},T=function(t){g.call(a,function(){var n;O?_.emit("rejectionHandled",t):(n=a.onrejectionhandled)&&n({promise:t,reason:t._v})})},R=function(t){var n=this;n._d||(n._d=!0,n=n._w||n,n._v=t,n._s=2,n._a||(n._a=n._c.slice()),k(n,!0))},L=function(t){var n,r=this;if(!r._d){r._d=!0,r=r._w||r;try{if(r===t)throw w("Promise can't be resolved itself");(n=A(t))?m(function(){var e={_w:r,_d:!1};try{n.call(t,f(L,e,1),f(R,e,1))}catch(t){R.call(e,t)}}):(r._v=t,r._s=1,k(r,!1))}catch(t){R.call({_w:r,_d:!1},t)}}};F||(E=function Promise(t){p(this,E,"Promise","_h"),v(t),e.call(this);try{t(f(L,this,1),f(R,this,1))}catch(t){R.call(this,t)}},e=function Promise(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},e.prototype=t(93)(E.prototype,{then:function then(t,n){var r=M(y(this,E));return r.ok="function"!=typeof t||t,r.fail="function"==typeof n&&n,r.domain=O?_.domain:void 0,this._c.push(r),this._a&&this._a.push(r),this._s&&k(this,!1),r.promise},catch:function(t){return this.then(void 0,t)}}),o=function(){var t=new e;this.promise=t,this.resolve=f(L,t,1),this.reject=f(R,t,1)},b.f=M=function(t){return I(E,t)?new o(t):i(t)}),l(l.G+l.W+l.F*!F,{Promise:E}),t(101)(E,"Promise"),t(100)("Promise"),u=t(23).Promise,l(l.S+l.F*!F,"Promise",{reject:function reject(t){var n=M(this);return(0,n.reject)(t),n.promise}}),l(l.S+l.F*(c||!F),"Promise",{resolve:function resolve(t){return t instanceof E&&I(t.constructor,this)?t:S(this,t)}}),l(l.S+l.F*!(F&&t(56)(function(t){E.all(t).catch(P)})),"Promise",{all:function all(t){var n=this,r=M(n),e=r.resolve,i=r.reject,o=x(function(){var r=[],o=0,u=1;d(t,!1,function(t){var c=o++,a=!1;r.push(void 0),u++,n.resolve(t).then(function(t){a||(a=!0,r[c]=t,--u||e(r))},i)}),--u||e(r)});return o.e&&i(o.v),r.promise},race:function race(t){var n=this,r=M(n),e=r.reject,i=x(function(){d(t,!1,function(t){n.resolve(t).then(r.resolve,e)})});return i.e&&e(i.v),r.promise}})},{100:100,101:101,104:104,113:113,128:128,17:17,23:23,25:25,
+3:3,33:33,39:39,40:40,51:51,56:56,6:6,60:60,68:68,69:69,90:90,91:91,93:93}],210:[function(t,n,r){var e=t(33),i=t(3),o=t(7),u=(t(40).Reflect||{}).apply,c=Function.apply;e(e.S+e.F*!t(35)(function(){u(function(){})}),"Reflect",{apply:function apply(t,n,r){var e=i(t),a=o(r);return u?u(e,n,a):c.call(e,n,a)}})},{3:3,33:33,35:35,40:40,7:7}],211:[function(t,n,r){var e=t(33),i=t(71),o=t(3),u=t(7),c=t(51),a=t(35),f=t(16),s=(t(40).Reflect||{}).construct,l=a(function(){function F(){}return!(s(function(){},[],F)instanceof F)}),h=!a(function(){s(function(){})});e(e.S+e.F*(l||h),"Reflect",{construct:function construct(t,n){o(t),u(n);var r=arguments.length<3?t:o(arguments[2]);if(h&&!l)return s(t,n,r);if(t==r){switch(n.length){case 0:return new t;case 1:return new t(n[0]);case 2:return new t(n[0],n[1]);case 3:return new t(n[0],n[1],n[2]);case 4:return new t(n[0],n[1],n[2],n[3])}var e=[null];return e.push.apply(e,n),new(f.apply(t,e))}var a=r.prototype,v=i(c(a)?a:Object.prototype),p=Function.apply.call(t,v,n);return c(p)?p:v}})},{16:16,3:3,33:33,35:35,40:40,51:51,7:7,71:71}],212:[function(t,n,r){var e=t(72),i=t(33),o=t(7),u=t(120);i(i.S+i.F*t(35)(function(){Reflect.defineProperty(e.f({},1,{value:1}),1,{value:2})}),"Reflect",{defineProperty:function defineProperty(t,n,r){o(t),n=u(n,!0),o(r);try{return e.f(t,n,r),!0}catch(t){return!1}}})},{120:120,33:33,35:35,7:7,72:72}],213:[function(t,n,r){var e=t(33),i=t(75).f,o=t(7);e(e.S,"Reflect",{deleteProperty:function deleteProperty(t,n){var r=i(o(t),n);return!(r&&!r.configurable)&&delete t[n]}})},{33:33,7:7,75:75}],214:[function(t,n,r){"use strict";var e=t(33),i=t(7),o=function(t){this._t=i(t),this._i=0;var n,r=this._k=[];for(n in t)r.push(n)};t(54)(o,"Object",function(){var t,n=this,r=n._k;do{if(n._i>=r.length)return{value:void 0,done:!0}}while(!((t=r[n._i++])in n._t));return{value:t,done:!1}}),e(e.S,"Reflect",{enumerate:function enumerate(t){return new o(t)}})},{33:33,54:54,7:7}],215:[function(t,n,r){var e=t(75),i=t(33),o=t(7);i(i.S,"Reflect",{getOwnPropertyDescriptor:function getOwnPropertyDescriptor(t,n){return e.f(o(t),n)}})},{33:33,7:7,75:75}],216:[function(t,n,r){var e=t(33),i=t(79),o=t(7);e(e.S,"Reflect",{getPrototypeOf:function getPrototypeOf(t){return i(o(t))}})},{33:33,7:7,79:79}],217:[function(t,n,r){function get(t,n){var r,u,f=arguments.length<3?t:arguments[2];return a(t)===f?t[n]:(r=e.f(t,n))?o(r,"value")?r.value:void 0!==r.get?r.get.call(f):void 0:c(u=i(t))?get(u,n,f):void 0}var e=t(75),i=t(79),o=t(41),u=t(33),c=t(51),a=t(7);u(u.S,"Reflect",{get:get})},{33:33,41:41,51:51,7:7,75:75,79:79}],218:[function(t,n,r){var e=t(33);e(e.S,"Reflect",{has:function has(t,n){return n in t}})},{33:33}],219:[function(t,n,r){var e=t(33),i=t(7),o=Object.isExtensible;e(e.S,"Reflect",{isExtensible:function isExtensible(t){return i(t),!o||o(t)}})},{33:33,7:7}],220:[function(t,n,r){var e=t(33);e(e.S,"Reflect",{ownKeys:t(85)})},{33:33,85:85}],221:[function(t,n,r){var e=t(33),i=t(7),o=Object.preventExtensions;e(e.S,"Reflect",{preventExtensions:function preventExtensions(t){i(t);try{return o&&o(t),!0}catch(t){return!1}}})},{33:33,7:7}],222:[function(t,n,r){var e=t(33),i=t(99);i&&e(e.S,"Reflect",{setPrototypeOf:function setPrototypeOf(t,n){i.check(t,n);try{return i.set(t,n),!0}catch(t){return!1}}})},{33:33,99:99}],223:[function(t,n,r){function set(t,n,r){var c,l,h=arguments.length<4?t:arguments[3],v=i.f(f(t),n);if(!v){if(s(l=o(t)))return set(l,n,r,h);v=a(0)}return u(v,"value")?!(!1===v.writable||!s(h))&&(c=i.f(h,n)||a(0),c.value=r,e.f(h,n,c),!0):void 0!==v.set&&(v.set.call(h,r),!0)}var e=t(72),i=t(75),o=t(79),u=t(41),c=t(33),a=t(92),f=t(7),s=t(51);c(c.S,"Reflect",{set:set})},{33:33,41:41,51:51,7:7,72:72,75:75,79:79,92:92}],224:[function(t,n,r){var e=t(40),i=t(45),o=t(72).f,u=t(77).f,c=t(52),a=t(37),f=e.RegExp,s=f,l=f.prototype,h=/a/g,v=/a/g,p=new f(h)!==h;if(t(29)&&(!p||t(35)(function(){return v[t(128)("match")]=!1,f(h)!=h||f(v)==v||"/a/i"!=f(h,"i")}))){f=function RegExp(t,n){var r=this instanceof f,e=c(t),o=void 0===n;return!r&&e&&t.constructor===f&&o?t:i(p?new s(e&&!o?t.source:t,n):s((e=t instanceof f)?t.source:t,e&&o?a.call(t):n),r?this:l,f)};for(var d=u(s),y=0;d.length>y;)!function(t){t in f||o(f,t,{configurable:!0,get:function(){return s[t]},set:function(n){s[t]=n}})}(d[y++]);l.constructor=f,f.prototype=l,t(94)(e,"RegExp",f)}t(100)("RegExp")},{100:100,128:128,29:29,35:35,37:37,40:40,45:45,52:52,72:72,77:77,94:94}],225:[function(t,n,r){t(29)&&"g"!=/./g.flags&&t(72).f(RegExp.prototype,"flags",{configurable:!0,get:t(37)})},{29:29,37:37,72:72}],226:[function(t,n,r){t(36)("match",1,function(t,n,r){return[function match(r){"use strict";var e=t(this),i=void 0==r?void 0:r[n];return void 0!==i?i.call(r,e):new RegExp(r)[n](String(e))},r]})},{36:36}],227:[function(t,n,r){t(36)("replace",2,function(t,n,r){return[function replace(e,i){"use strict";var o=t(this),u=void 0==e?void 0:e[n];return void 0!==u?u.call(e,o,i):r.call(String(o),e,i)},r]})},{36:36}],228:[function(t,n,r){t(36)("search",1,function(t,n,r){return[function search(r){"use strict";var e=t(this),i=void 0==r?void 0:r[n];return void 0!==i?i.call(r,e):new RegExp(r)[n](String(e))},r]})},{36:36}],229:[function(t,n,r){t(36)("split",2,function(n,r,e){"use strict";var i=t(52),o=e,u=[].push,c="length";if("c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1)[c]||2!="ab".split(/(?:ab)*/)[c]||4!=".".split(/(.?)(.?)/)[c]||".".split(/()()/)[c]>1||"".split(/.?/)[c]){var a=void 0===/()??/.exec("")[1];e=function(t,n){var r=String(this);if(void 0===t&&0===n)return[];if(!i(t))return o.call(r,t,n);var e,f,s,l,h,v=[],p=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),d=0,y=void 0===n?4294967295:n>>>0,g=new RegExp(t.source,p+"g");for(a||(e=new RegExp("^"+g.source+"$(?!\\s)",p));(f=g.exec(r))&&!((s=f.index+f[0][c])>d&&(v.push(r.slice(d,f.index)),!a&&f[c]>1&&f[0].replace(e,function(){for(h=1;h<arguments[c]-2;h++)void 0===arguments[h]&&(f[h]=void 0)}),f[c]>1&&f.index<r[c]&&u.apply(v,f.slice(1)),l=f[0][c],d=s,v[c]>=y));)g.lastIndex===f.index&&g.lastIndex++;return d===r[c]?!l&&g.test("")||v.push(""):v.push(r.slice(d)),v[c]>y?v.slice(0,y):v}}else"0".split(void 0,0)[c]&&(e=function(t,n){return void 0===t&&0===n?[]:o.call(this,t,n)});return[function split(t,i){var o=n(this),u=void 0==t?void 0:t[r];return void 0!==u?u.call(t,o,i):e.call(String(o),t,i)},e]})},{36:36,52:52}],230:[function(t,n,r){"use strict";t(225);var e=t(7),i=t(37),o=t(29),u=/./.toString,c=function(n){t(94)(RegExp.prototype,"toString",n,!0)};t(35)(function(){return"/a/b"!=u.call({source:"a",flags:"b"})})?c(function toString(){var t=e(this);return"/".concat(t.source,"/","flags"in t?t.flags:!o&&t instanceof RegExp?i.call(t):void 0)}):"toString"!=u.name&&c(function toString(){return u.call(this)})},{225:225,29:29,35:35,37:37,7:7,94:94}],231:[function(t,n,r){"use strict";var e=t(19),i=t(125);n.exports=t(22)("Set",function(t){return function Set(){return t(this,arguments.length>0?arguments[0]:void 0)}},{add:function add(t){return e.def(i(this,"Set"),t=0===t?0:t,t)}},e)},{125:125,19:19,22:22}],232:[function(t,n,r){"use strict";t(108)("anchor",function(t){return function anchor(n){return t(this,"a","name",n)}})},{108:108}],233:[function(t,n,r){"use strict";t(108)("big",function(t){return function big(){return t(this,"big","","")}})},{108:108}],234:[function(t,n,r){"use strict";t(108)("blink",function(t){return function blink(){return t(this,"blink","","")}})},{108:108}],235:[function(t,n,r){"use strict";t(108)("bold",function(t){return function bold(){return t(this,"b","","")}})},{108:108}],236:[function(t,n,r){"use strict";var e=t(33),i=t(106)(!1);e(e.P,"String",{codePointAt:function codePointAt(t){return i(this,t)}})},{106:106,33:33}],237:[function(t,n,r){"use strict";var e=t(33),i=t(118),o=t(107),u="".endsWith;e(e.P+e.F*t(34)("endsWith"),"String",{endsWith:function endsWith(t){var n=o(this,t,"endsWith"),r=arguments.length>1?arguments[1]:void 0,e=i(n.length),c=void 0===r?e:Math.min(i(r),e),a=String(t);return u?u.call(n,a,c):n.slice(c-a.length,c)===a}})},{107:107,118:118,33:33,34:34}],238:[function(t,n,r){"use strict";t(108)("fixed",function(t){return function fixed(){return t(this,"tt","","")}})},{108:108}],239:[function(t,n,r){"use strict";t(108)("fontcolor",function(t){return function fontcolor(n){return t(this,"font","color",n)}})},{108:108}],240:[function(t,n,r){"use strict";t(108)("fontsize",function(t){return function fontsize(n){return t(this,"font","size",n)}})},{108:108}],241:[function(t,n,r){var e=t(33),i=t(114),o=String.fromCharCode,u=String.fromCodePoint;e(e.S+e.F*(!!u&&1!=u.length),"String",{fromCodePoint:function fromCodePoint(t){for(var n,r=[],e=arguments.length,u=0;e>u;){if(n=+arguments[u++],i(n,1114111)!==n)throw RangeError(n+" is not a valid code point");r.push(n<65536?o(n):o(55296+((n-=65536)>>10),n%1024+56320))}return r.join("")}})},{114:114,33:33}],242:[function(t,n,r){"use strict";var e=t(33),i=t(107);e(e.P+e.F*t(34)("includes"),"String",{includes:function includes(t){return!!~i(this,t,"includes").indexOf(t,arguments.length>1?arguments[1]:void 0)}})},{107:107,33:33,34:34}],243:[function(t,n,r){"use strict";t(108)("italics",function(t){return function italics(){return t(this,"i","","")}})},{108:108}],244:[function(t,n,r){"use strict";var e=t(106)(!0);t(55)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,n=this._t,r=this._i;return r>=n.length?{value:void 0,done:!0}:(t=e(n,r),this._i+=t.length,{value:t,done:!1})})},{106:106,55:55}],245:[function(t,n,r){"use strict";t(108)("link",function(t){return function link(n){return t(this,"a","href",n)}})},{108:108}],246:[function(t,n,r){var e=t(33),i=t(117),o=t(118);e(e.S,"String",{raw:function raw(t){for(var n=i(t.raw),r=o(n.length),e=arguments.length,u=[],c=0;r>c;)u.push(String(n[c++])),c<e&&u.push(String(arguments[c]));return u.join("")}})},{117:117,118:118,33:33}],247:[function(t,n,r){var e=t(33);e(e.P,"String",{repeat:t(110)})},{110:110,33:33}],248:[function(t,n,r){"use strict";t(108)("small",function(t){return function small(){return t(this,"small","","")}})},{108:108}],249:[function(t,n,r){"use strict";var e=t(33),i=t(118),o=t(107),u="".startsWith;e(e.P+e.F*t(34)("startsWith"),"String",{startsWith:function startsWith(t){var n=o(this,t,"startsWith"),r=i(Math.min(arguments.length>1?arguments[1]:void 0,n.length)),e=String(t);return u?u.call(n,e,r):n.slice(r,r+e.length)===e}})},{107:107,118:118,33:33,34:34}],250:[function(t,n,r){"use strict";t(108)("strike",function(t){return function strike(){return t(this,"strike","","")}})},{108:108}],251:[function(t,n,r){"use strict";t(108)("sub",function(t){return function sub(){return t(this,"sub","","")}})},{108:108}],252:[function(t,n,r){"use strict";t(108)("sup",function(t){return function sup(){return t(this,"sup","","")}})},{108:108}],253:[function(t,n,r){"use strict";t(111)("trim",function(t){return function trim(){return t(this,3)}})},{111:111}],254:[function(t,n,r){"use strict";var e=t(40),i=t(41),o=t(29),u=t(33),c=t(94),a=t(66).KEY,f=t(35),s=t(103),l=t(101),h=t(124),v=t(128),p=t(127),d=t(126),y=t(59),g=t(32),m=t(49),b=t(7),x=t(117),S=t(120),w=t(92),_=t(71),E=t(76),O=t(75),P=t(72),M=t(81),F=O.f,I=P.f,A=E.f,k=e.Symbol,N=e.JSON,j=N&&N.stringify,T=v("_hidden"),R=v("toPrimitive"),L={}.propertyIsEnumerable,G=s("symbol-registry"),D=s("symbols"),C=s("op-symbols"),W=Object.prototype,U="function"==typeof k,B=e.QObject,V=!B||!B.prototype||!B.prototype.findChild,z=o&&f(function(){return 7!=_(I({},"a",{get:function(){return I(this,"a",{value:7}).a}})).a})?function(t,n,r){var e=F(W,n);e&&delete W[n],I(t,n,r),e&&t!==W&&I(W,n,e)}:I,q=function(t){var n=D[t]=_(k.prototype);return n._k=t,n},K=U&&"symbol"==typeof k.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof k},Y=function defineProperty(t,n,r){return t===W&&Y(C,n,r),b(t),n=S(n,!0),b(r),i(D,n)?(r.enumerable?(i(t,T)&&t[T][n]&&(t[T][n]=!1),r=_(r,{enumerable:w(0,!1)})):(i(t,T)||I(t,T,w(1,{})),t[T][n]=!0),z(t,n,r)):I(t,n,r)},J=function defineProperties(t,n){b(t);for(var r,e=g(n=x(n)),i=0,o=e.length;o>i;)Y(t,r=e[i++],n[r]);return t},H=function create(t,n){return void 0===n?_(t):J(_(t),n)},X=function propertyIsEnumerable(t){var n=L.call(this,t=S(t,!0));return!(this===W&&i(D,t)&&!i(C,t))&&(!(n||!i(this,t)||!i(D,t)||i(this,T)&&this[T][t])||n)},$=function getOwnPropertyDescriptor(t,n){if(t=x(t),n=S(n,!0),t!==W||!i(D,n)||i(C,n)){var r=F(t,n);return!r||!i(D,n)||i(t,T)&&t[T][n]||(r.enumerable=!0),r}},Z=function getOwnPropertyNames(t){for(var n,r=A(x(t)),e=[],o=0;r.length>o;)i(D,n=r[o++])||n==T||n==a||e.push(n);return e},Q=function getOwnPropertySymbols(t){for(var n,r=t===W,e=A(r?C:x(t)),o=[],u=0;e.length>u;)!i(D,n=e[u++])||r&&!i(W,n)||o.push(D[n]);return o};U||(k=function Symbol(){if(this instanceof k)throw TypeError("Symbol is not a constructor!");var t=h(arguments.length>0?arguments[0]:void 0),n=function(r){this===W&&n.call(C,r),i(this,T)&&i(this[T],t)&&(this[T][t]=!1),z(this,t,w(1,r))};return o&&V&&z(W,t,{configurable:!0,set:n}),q(t)},c(k.prototype,"toString",function toString(){return this._k}),O.f=$,P.f=Y,t(77).f=E.f=Z,t(82).f=X,t(78).f=Q,o&&!t(60)&&c(W,"propertyIsEnumerable",X,!0),p.f=function(t){return q(v(t))}),u(u.G+u.W+u.F*!U,{Symbol:k});for(var tt="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),nt=0;tt.length>nt;)v(tt[nt++]);for(var rt=M(v.store),et=0;rt.length>et;)d(rt[et++]);u(u.S+u.F*!U,"Symbol",{for:function(t){return i(G,t+="")?G[t]:G[t]=k(t)},keyFor:function keyFor(t){if(K(t))return y(G,t);throw TypeError(t+" is not a symbol!")},useSetter:function(){V=!0},useSimple:function(){V=!1}}),u(u.S+u.F*!U,"Object",{create:H,defineProperty:Y,defineProperties:J,getOwnPropertyDescriptor:$,getOwnPropertyNames:Z,getOwnPropertySymbols:Q}),N&&u(u.S+u.F*(!U||f(function(){var t=k();return"[null]"!=j([t])||"{}"!=j({a:t})||"{}"!=j(Object(t))})),"JSON",{stringify:function stringify(t){if(void 0!==t&&!K(t)){for(var n,r,e=[t],i=1;arguments.length>i;)e.push(arguments[i++]);return n=e[1],"function"==typeof n&&(r=n),!r&&m(n)||(n=function(t,n){if(r&&(n=r.call(this,t,n)),!K(n))return n}),e[1]=n,j.apply(N,e)}}}),k.prototype[R]||t(42)(k.prototype,R,k.prototype.valueOf),l(k,"Symbol"),l(Math,"Math",!0),l(e.JSON,"JSON",!0)},{101:101,103:103,117:117,120:120,124:124,126:126,127:127,128:128,29:29,32:32,33:33,35:35,40:40,41:41,42:42,49:49,59:59,60:60,66:66,7:7,71:71,72:72,75:75,76:76,77:77,78:78,81:81,82:82,92:92,94:94}],255:[function(t,n,r){"use strict";var e=t(33),i=t(123),o=t(122),u=t(7),c=t(114),a=t(118),f=t(51),s=t(40).ArrayBuffer,l=t(104),h=o.ArrayBuffer,v=o.DataView,p=i.ABV&&s.isView,d=h.prototype.slice,y=i.VIEW;e(e.G+e.W+e.F*(s!==h),{ArrayBuffer:h}),e(e.S+e.F*!i.CONSTR,"ArrayBuffer",{isView:function isView(t){return p&&p(t)||f(t)&&y in t}}),e(e.P+e.U+e.F*t(35)(function(){return!new h(2).slice(1,void 0).byteLength}),"ArrayBuffer",{slice:function slice(t,n){if(void 0!==d&&void 0===n)return d.call(u(this),t);for(var r=u(this).byteLength,e=c(t,r),i=c(void 0===n?r:n,r),o=new(l(this,h))(a(i-e)),f=new v(this),s=new v(o),p=0;e<i;)s.setUint8(p++,f.getUint8(e++));return o}}),t(100)("ArrayBuffer")},{100:100,104:104,114:114,118:118,122:122,123:123,33:33,35:35,40:40,51:51,7:7}],256:[function(t,n,r){var e=t(33);e(e.G+e.W+e.F*!t(123).ABV,{DataView:t(122).DataView})},{122:122,123:123,33:33}],257:[function(t,n,r){t(121)("Float32",4,function(t){return function Float32Array(n,r,e){return t(this,n,r,e)}})},{121:121}],258:[function(t,n,r){t(121)("Float64",8,function(t){return function Float64Array(n,r,e){return t(this,n,r,e)}})},{121:121}],259:[function(t,n,r){t(121)("Int16",2,function(t){return function Int16Array(n,r,e){return t(this,n,r,e)}})},{121:121}],260:[function(t,n,r){t(121)("Int32",4,function(t){return function Int32Array(n,r,e){return t(this,n,r,e)}})},{121:121}],261:[function(t,n,r){t(121)("Int8",1,function(t){return function Int8Array(n,r,e){return t(this,n,r,e)}})},{121:121}],262:[function(t,n,r){t(121)("Uint16",2,function(t){return function Uint16Array(n,r,e){return t(this,n,r,e)}})},{121:121}],263:[function(t,n,r){t(121)("Uint32",4,function(t){return function Uint32Array(n,r,e){return t(this,n,r,e)}})},{121:121}],264:[function(t,n,r){t(121)("Uint8",1,function(t){return function Uint8Array(n,r,e){return t(this,n,r,e)}})},{121:121}],265:[function(t,n,r){t(121)("Uint8",1,function(t){return function Uint8ClampedArray(n,r,e){return t(this,n,r,e)}},!0)},{121:121}],266:[function(t,n,r){"use strict";var e,i=t(12)(0),o=t(94),u=t(66),c=t(70),a=t(21),f=t(51),s=t(35),l=t(125),h=u.getWeak,v=Object.isExtensible,p=a.ufstore,d={},y=function(t){return function WeakMap(){return t(this,arguments.length>0?arguments[0]:void 0)}},g={get:function get(t){if(f(t)){var n=h(t);return!0===n?p(l(this,"WeakMap")).get(t):n?n[this._i]:void 0}},set:function set(t,n){return a.def(l(this,"WeakMap"),t,n)}},m=n.exports=t(22)("WeakMap",y,g,a,!0,!0);s(function(){return 7!=(new m).set((Object.freeze||Object)(d),7).get(d)})&&(e=a.getConstructor(y,"WeakMap"),c(e.prototype,g),u.NEED=!0,i(["delete","has","get","set"],function(t){var n=m.prototype,r=n[t];o(n,t,function(n,i){if(f(n)&&!v(n)){this._f||(this._f=new e);var o=this._f[t](n,i);return"set"==t?this:o}return r.call(this,n,i)})}))},{12:12,125:125,21:21,22:22,35:35,51:51,66:66,70:70,94:94}],267:[function(t,n,r){"use strict";var e=t(21),i=t(125);t(22)("WeakSet",function(t){return function WeakSet(){return t(this,arguments.length>0?arguments[0]:void 0)}},{add:function add(t){return e.def(i(this,"WeakSet"),t,!0)}},e,!1,!0)},{125:125,21:21,22:22}],268:[function(t,n,r){"use strict";var e=t(33),i=t(38),o=t(119),u=t(118),c=t(3),a=t(15);e(e.P,"Array",{flatMap:function flatMap(t){var n,r,e=o(this);return c(t),n=u(e.length),r=a(e,0),i(r,e,e,n,0,1,t,arguments[1]),r}}),t(5)("flatMap")},{118:118,119:119,15:15,3:3,33:33,38:38,5:5}],269:[function(t,n,r){"use strict";var e=t(33),i=t(38),o=t(119),u=t(118),c=t(116),a=t(15);e(e.P,"Array",{flatten:function flatten(){var t=arguments[0],n=o(this),r=u(n.length),e=a(n,0);return i(e,n,n,r,0,void 0===t?1:c(t)),e}}),t(5)("flatten")},{116:116,118:118,119:119,15:15,33:33,38:38,5:5}],270:[function(t,n,r){"use strict";var e=t(33),i=t(11)(!0);e(e.P,"Array",{includes:function includes(t){return i(this,t,arguments.length>1?arguments[1]:void 0)}}),t(5)("includes")},{11:11,33:33,5:5}],271:[function(t,n,r){var e=t(33),i=t(68)(),o=t(40).process,u="process"==t(18)(o);e(e.G,{asap:function asap(t){var n=u&&o.domain;i(n?n.bind(t):t)}})},{18:18,33:33,40:40,68:68}],272:[function(t,n,r){var e=t(33),i=t(18);e(e.S,"Error",{isError:function isError(t){return"Error"===i(t)}})},{18:18,33:33}],273:[function(t,n,r){var e=t(33);e(e.G,{global:t(40)})},{33:33,40:40}],274:[function(t,n,r){t(97)("Map")},{97:97}],275:[function(t,n,r){t(98)("Map")},{98:98}],276:[function(t,n,r){var e=t(33);e(e.P+e.R,"Map",{toJSON:t(20)("Map")})},{20:20,33:33}],277:[function(t,n,r){var e=t(33);e(e.S,"Math",{clamp:function clamp(t,n,r){return Math.min(r,Math.max(n,t))}})},{33:33}],278:[function(t,n,r){var e=t(33);e(e.S,"Math",{DEG_PER_RAD:Math.PI/180})},{33:33}],279:[function(t,n,r){var e=t(33),i=180/Math.PI;e(e.S,"Math",{degrees:function degrees(t){return t*i}})},{33:33}],280:[function(t,n,r){var e=t(33),i=t(64),o=t(62);e(e.S,"Math",{fscale:function fscale(t,n,r,e,u){return o(i(t,n,r,e,u))}})},{33:33,62:62,64:64}],281:[function(t,n,r){var e=t(33);e(e.S,"Math",{iaddh:function iaddh(t,n,r,e){var i=t>>>0,o=n>>>0,u=r>>>0;return o+(e>>>0)+((i&u|(i|u)&~(i+u>>>0))>>>31)|0}})},{33:33}],282:[function(t,n,r){var e=t(33);e(e.S,"Math",{imulh:function imulh(t,n){var r=+t,e=+n,i=65535&r,o=65535&e,u=r>>16,c=e>>16,a=(u*o>>>0)+(i*o>>>16);return u*c+(a>>16)+((i*c>>>0)+(65535&a)>>16)}})},{33:33}],283:[function(t,n,r){var e=t(33);e(e.S,"Math",{isubh:function isubh(t,n,r,e){var i=t>>>0,o=n>>>0,u=r>>>0;return o-(e>>>0)-((~i&u|~(i^u)&i-u>>>0)>>>31)|0}})},{33:33}],284:[function(t,n,r){var e=t(33);e(e.S,"Math",{RAD_PER_DEG:180/Math.PI})},{33:33}],285:[function(t,n,r){var e=t(33),i=Math.PI/180;e(e.S,"Math",{radians:function radians(t){return t*i}})},{33:33}],286:[function(t,n,r){var e=t(33);e(e.S,"Math",{scale:t(64)})},{33:33,64:64}],287:[function(t,n,r){var e=t(33);e(e.S,"Math",{signbit:function signbit(t){return(t=+t)!=t?t:0==t?1/t==1/0:t>0}})},{33:33}],288:[function(t,n,r){var e=t(33);e(e.S,"Math",{umulh:function umulh(t,n){var r=+t,e=+n,i=65535&r,o=65535&e,u=r>>>16,c=e>>>16,a=(u*o>>>0)+(i*o>>>16);return u*c+(a>>>16)+((i*c>>>0)+(65535&a)>>>16)}})},{33:33}],289:[function(t,n,r){"use strict";var e=t(33),i=t(119),o=t(3),u=t(72);t(29)&&e(e.P+t(74),"Object",{__defineGetter__:function __defineGetter__(t,n){u.f(i(this),t,{get:o(n),enumerable:!0,configurable:!0})}})},{119:119,29:29,3:3,33:33,72:72,74:74}],290:[function(t,n,r){"use strict";var e=t(33),i=t(119),o=t(3),u=t(72);t(29)&&e(e.P+t(74),"Object",{__defineSetter__:function __defineSetter__(t,n){u.f(i(this),t,{set:o(n),enumerable:!0,configurable:!0})}})},{119:119,29:29,3:3,33:33,72:72,74:74}],291:[function(t,n,r){var e=t(33),i=t(84)(!0);e(e.S,"Object",{entries:function entries(t){return i(t)}})},{33:33,84:84}],292:[function(t,n,r){var e=t(33),i=t(85),o=t(117),u=t(75),c=t(24);e(e.S,"Object",{getOwnPropertyDescriptors:function getOwnPropertyDescriptors(t){for(var n,r,e=o(t),a=u.f,f=i(e),s={},l=0;f.length>l;)void 0!==(r=a(e,n=f[l++]))&&c(s,n,r);return s}})},{117:117,24:24,33:33,75:75,85:85}],293:[function(t,n,r){"use strict";var e=t(33),i=t(119),o=t(120),u=t(79),c=t(75).f;t(29)&&e(e.P+t(74),"Object",{__lookupGetter__:function __lookupGetter__(t){var n,r=i(this),e=o(t,!0);do{if(n=c(r,e))return n.get}while(r=u(r))}})},{119:119,120:120,29:29,33:33,74:74,75:75,79:79}],294:[function(t,n,r){"use strict";var e=t(33),i=t(119),o=t(120),u=t(79),c=t(75).f;t(29)&&e(e.P+t(74),"Object",{__lookupSetter__:function __lookupSetter__(t){var n,r=i(this),e=o(t,!0);do{if(n=c(r,e))return n.set}while(r=u(r))}})},{119:119,120:120,29:29,33:33,74:74,75:75,79:79}],295:[function(t,n,r){var e=t(33),i=t(84)(!1);e(e.S,"Object",{values:function values(t){return i(t)}})},{33:33,84:84}],296:[function(t,n,r){"use strict";var e=t(33),i=t(40),o=t(23),u=t(68)(),c=t(128)("observable"),a=t(3),f=t(7),s=t(6),l=t(93),h=t(42),v=t(39),p=v.RETURN,d=function(t){return null==t?void 0:a(t)},y=function(t){var n=t._c;n&&(t._c=void 0,n())},g=function(t){return void 0===t._o},m=function(t){g(t)||(t._o=void 0,y(t))},b=function(t,n){f(t),this._c=void 0,this._o=t,t=new x(this);try{var r=n(t),e=r;null!=r&&("function"==typeof r.unsubscribe?r=function(){e.unsubscribe()}:a(r),this._c=r)}catch(n){return void t.error(n)}g(this)&&y(this)};b.prototype=l({},{unsubscribe:function unsubscribe(){m(this)}});var x=function(t){this._s=t};x.prototype=l({},{next:function next(t){var n=this._s;if(!g(n)){var r=n._o;try{var e=d(r.next);if(e)return e.call(r,t)}catch(t){try{m(n)}finally{throw t}}}},error:function error(t){var n=this._s;if(g(n))throw t;var r=n._o;n._o=void 0;try{var e=d(r.error);if(!e)throw t;t=e.call(r,t)}catch(t){try{y(n)}finally{throw t}}return y(n),t},complete:function complete(t){var n=this._s;if(!g(n)){var r=n._o;n._o=void 0;try{var e=d(r.complete);t=e?e.call(r,t):void 0}catch(t){try{y(n)}finally{throw t}}return y(n),t}}});var S=function Observable(t){s(this,S,"Observable","_f")._f=a(t)};l(S.prototype,{subscribe:function subscribe(t){return new b(t,this._f)},forEach:function forEach(t){var n=this;return new(o.Promise||i.Promise)(function(r,e){a(t);var i=n.subscribe({next:function(n){try{return t(n)}catch(t){e(t),i.unsubscribe()}},error:e,complete:r})})}}),l(S,{from:function from(t){var n="function"==typeof this?this:S,r=d(f(t)[c]);if(r){var e=f(r.call(t));return e.constructor===n?e:new n(function(t){return e.subscribe(t)})}return new n(function(n){var r=!1;return u(function(){if(!r){try{if(v(t,!1,function(t){if(n.next(t),r)return p})===p)return}catch(t){if(r)throw t;return void n.error(t)}n.complete()}}),function(){r=!0}})},of:function of(){for(var t=0,n=arguments.length,r=Array(n);t<n;)r[t]=arguments[t++];return new("function"==typeof this?this:S)(function(t){var n=!1;return u(function(){if(!n){for(var e=0;e<r.length;++e)if(t.next(r[e]),n)return;t.complete()}}),function(){n=!0}})}}),h(S.prototype,c,function(){return this}),e(e.G,{Observable:S}),t(100)("Observable")},{100:100,128:128,23:23,3:3,33:33,39:39,40:40,42:42,6:6,68:68,7:7,93:93}],297:[function(t,n,r){"use strict";var e=t(33),i=t(23),o=t(40),u=t(104),c=t(91);e(e.P+e.R,"Promise",{finally:function(t){var n=u(this,i.Promise||o.Promise),r="function"==typeof t;return this.then(r?function(r){return c(n,t()).then(function(){return r})}:t,r?function(r){return c(n,t()).then(function(){throw r})}:t)}})},{104:104,23:23,33:33,40:40,91:91}],298:[function(t,n,r){"use strict";var e=t(33),i=t(69),o=t(90);e(e.S,"Promise",{try:function(t){var n=i.f(this),r=o(t);return(r.e?n.reject:n.resolve)(r.v),n.promise}})},{33:33,69:69,90:90}],299:[function(t,n,r){var e=t(67),i=t(7),o=e.key,u=e.set;e.exp({defineMetadata:function defineMetadata(t,n,r,e){u(t,n,i(r),o(e))}})},{67:67,7:7}],300:[function(t,n,r){var e=t(67),i=t(7),o=e.key,u=e.map,c=e.store;e.exp({deleteMetadata:function deleteMetadata(t,n){var r=arguments.length<3?void 0:o(arguments[2]),e=u(i(n),r,!1);if(void 0===e||!e.delete(t))return!1;if(e.size)return!0;var a=c.get(n);return a.delete(r),!!a.size||c.delete(n)}})},{67:67,7:7}],301:[function(t,n,r){var e=t(231),i=t(10),o=t(67),u=t(7),c=t(79),a=o.keys,f=o.key,s=function(t,n){var r=a(t,n),o=c(t);if(null===o)return r;var u=s(o,n);return u.length?r.length?i(new e(r.concat(u))):u:r};o.exp({getMetadataKeys:function getMetadataKeys(t){return s(u(t),arguments.length<2?void 0:f(arguments[1]))}})},{10:10,231:231,67:67,7:7,79:79}],302:[function(t,n,r){var e=t(67),i=t(7),o=t(79),u=e.has,c=e.get,a=e.key,f=function(t,n,r){if(u(t,n,r))return c(t,n,r);var e=o(n);return null!==e?f(t,e,r):void 0};e.exp({getMetadata:function getMetadata(t,n){return f(t,i(n),arguments.length<3?void 0:a(arguments[2]))}})},{67:67,7:7,79:79}],303:[function(t,n,r){var e=t(67),i=t(7),o=e.keys,u=e.key;e.exp({getOwnMetadataKeys:function getOwnMetadataKeys(t){return o(i(t),arguments.length<2?void 0:u(arguments[1]))}})},{67:67,7:7}],304:[function(t,n,r){var e=t(67),i=t(7),o=e.get,u=e.key;e.exp({getOwnMetadata:function getOwnMetadata(t,n){return o(t,i(n),arguments.length<3?void 0:u(arguments[2]))}})},{67:67,7:7}],305:[function(t,n,r){var e=t(67),i=t(7),o=t(79),u=e.has,c=e.key,a=function(t,n,r){if(u(t,n,r))return!0;var e=o(n);return null!==e&&a(t,e,r)};e.exp({hasMetadata:function hasMetadata(t,n){return a(t,i(n),arguments.length<3?void 0:c(arguments[2]))}})},{67:67,7:7,79:79}],306:[function(t,n,r){var e=t(67),i=t(7),o=e.has,u=e.key;e.exp({hasOwnMetadata:function hasOwnMetadata(t,n){return o(t,i(n),arguments.length<3?void 0:u(arguments[2]))}})},{67:67,7:7}],307:[function(t,n,r){var e=t(67),i=t(7),o=t(3),u=e.key,c=e.set;e.exp({metadata:function metadata(t,n){return function decorator(r,e){c(t,n,(void 0!==e?i:o)(r),u(e))}}})},{3:3,67:67,7:7}],308:[function(t,n,r){t(97)("Set")},{97:97}],309:[function(t,n,r){t(98)("Set")},{98:98}],310:[function(t,n,r){var e=t(33);e(e.P+e.R,"Set",{toJSON:t(20)("Set")})},{20:20,33:33}],311:[function(t,n,r){"use strict";var e=t(33),i=t(106)(!0);e(e.P,"String",{at:function at(t){return i(this,t)}})},{106:106,33:33}],312:[function(t,n,r){"use strict";var e=t(33),i=t(28),o=t(118),u=t(52),c=t(37),a=RegExp.prototype,f=function(t,n){this._r=t,this._s=n};t(54)(f,"RegExp String",function next(){var t=this._r.exec(this._s);return{value:t,done:null===t}}),e(e.P,"String",{matchAll:function matchAll(t){if(i(this),!u(t))throw TypeError(t+" is not a regexp!");var n=String(this),r="flags"in a?String(t.flags):c.call(t),e=new RegExp(t.source,~r.indexOf("g")?r:"g"+r);return e.lastIndex=o(t.lastIndex),new f(e,n)}})},{118:118,28:28,33:33,37:37,52:52,54:54}],313:[function(t,n,r){"use strict";var e=t(33),i=t(109);e(e.P,"String",{padEnd:function padEnd(t){return i(this,t,arguments.length>1?arguments[1]:void 0,!1)}})},{109:109,33:33}],314:[function(t,n,r){"use strict";var e=t(33),i=t(109);e(e.P,"String",{padStart:function padStart(t){return i(this,t,arguments.length>1?arguments[1]:void 0,!0)}})},{109:109,33:33}],315:[function(t,n,r){"use strict";t(111)("trimLeft",function(t){return function trimLeft(){return t(this,1)}},"trimStart")},{111:111}],316:[function(t,n,r){"use strict";t(111)("trimRight",function(t){return function trimRight(){return t(this,2)}},"trimEnd")},{111:111}],317:[function(t,n,r){t(126)("asyncIterator")},{126:126}],318:[function(t,n,r){t(126)("observable")},{126:126}],319:[function(t,n,r){var e=t(33);e(e.S,"System",{global:t(40)})},{33:33,40:40}],320:[function(t,n,r){t(97)("WeakMap")},{97:97}],321:[function(t,n,r){t(98)("WeakMap")},{98:98}],322:[function(t,n,r){t(97)("WeakSet")},{97:97}],323:[function(t,n,r){t(98)("WeakSet")},{98:98}],324:[function(t,n,r){for(var e=t(141),i=t(81),o=t(94),u=t(40),c=t(42),a=t(58),f=t(128),s=f("iterator"),l=f("toStringTag"),h=a.Array,v={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},p=i(v),d=0;d<p.length;d++){var y,g=p[d],m=v[g],b=u[g],x=b&&b.prototype;if(x&&(x[s]||c(x,s,h),x[l]||c(x,l,g),a[g]=h,m))for(y in e)x[y]||o(x,y,e[y],!0)}},{128:128,141:141,40:40,42:42,58:58,81:81,94:94}],325:[function(t,n,r){var e=t(33),i=t(113);e(e.G+e.B,{setImmediate:i.set,clearImmediate:i.clear})},{113:113,33:33}],326:[function(t,n,r){var e=t(40),i=t(33),o=t(46),u=t(88),c=e.navigator,a=!!c&&/MSIE .\./.test(c.userAgent),f=function(t){return a?function(n,r){return t(o(u,[].slice.call(arguments,2),"function"==typeof n?n:Function(n)),r)}:t};i(i.G+i.B+i.F*a,{setTimeout:f(e.setTimeout),setInterval:f(e.setInterval)})},{33:33,40:40,46:46,88:88}],327:[function(t,n,r){t(254),t(191),t(193),t(192),t(195),t(197),t(202),t(196),t(194),t(204),t(203),t(199),t(200),t(198),t(190),t(201),t(205),t(206),t(157),t(159),t(158),t(208),t(207),t(178),t(188),t(189),t(179),t(180),t(181),t(182),t(183),t(184),t(185),t(186),t(187),t(161),t(162),t(163),t(164),t(165),t(166),t(167),t(168),t(169),t(170),t(171),t(172),t(173),t(174),t(175),t(176),t(177),t(241),t(246),t(253),t(244),t(236),t(237),t(242),t(247),t(249),t(232),t(233),t(234),t(235),t(238),t(239),t(240),t(243),t(245),t(248),t(250),t(251),t(252),t(152),t(154),t(153),t(156),t(155),t(140),t(138),t(145),t(142),t(148),t(150),t(137),t(144),t(134),t(149),t(132),t(147),t(146),t(139),t(143),t(131),t(133),t(136),t(135),t(151),t(141),t(224),t(230),t(225),t(226),t(227),t(228),t(229),t(209),t(160),t(231),t(266),t(267),t(255),t(256),t(261),t(264),t(265),t(259),t(262),t(260),t(263),t(257),t(258),t(210),t(211),t(212),t(213),t(214),t(217),t(215),t(216),t(218),t(219),t(220),t(221),t(223),t(222),t(270),t(268),t(269),t(311),t(314),t(313),t(315),t(316),t(312),t(317),t(318),t(292),t(295),t(291),t(289),t(290),t(293),t(294),t(276),t(310),t(275),t(309),t(321),t(323),t(274),t(308),t(320),t(322),t(273),t(319),t(272),t(277),t(278),t(279),t(280),t(281),t(283),t(282),t(284),t(285),t(286),t(288),t(287),t(297),t(298),t(299),t(300),t(302),t(301),t(304),t(303),t(305),t(306),t(307),t(271),t(296),t(326),t(325),t(324),n.exports=t(23)},{131:131,132:132,133:133,134:134,135:135,136:136,137:137,138:138,139:139,140:140,141:141,142:142,143:143,144:144,145:145,146:146,147:147,148:148,149:149,150:150,151:151,152:152,153:153,154:154,155:155,156:156,157:157,158:158,159:159,160:160,161:161,162:162,163:163,164:164,165:165,166:166,167:167,168:168,169:169,170:170,171:171,172:172,173:173,174:174,175:175,176:176,177:177,178:178,179:179,180:180,181:181,182:182,183:183,184:184,185:185,
+186:186,187:187,188:188,189:189,190:190,191:191,192:192,193:193,194:194,195:195,196:196,197:197,198:198,199:199,200:200,201:201,202:202,203:203,204:204,205:205,206:206,207:207,208:208,209:209,210:210,211:211,212:212,213:213,214:214,215:215,216:216,217:217,218:218,219:219,220:220,221:221,222:222,223:223,224:224,225:225,226:226,227:227,228:228,229:229,23:23,230:230,231:231,232:232,233:233,234:234,235:235,236:236,237:237,238:238,239:239,240:240,241:241,242:242,243:243,244:244,245:245,246:246,247:247,248:248,249:249,250:250,251:251,252:252,253:253,254:254,255:255,256:256,257:257,258:258,259:259,260:260,261:261,262:262,263:263,264:264,265:265,266:266,267:267,268:268,269:269,270:270,271:271,272:272,273:273,274:274,275:275,276:276,277:277,278:278,279:279,280:280,281:281,282:282,283:283,284:284,285:285,286:286,287:287,288:288,289:289,290:290,291:291,292:292,293:293,294:294,295:295,296:296,297:297,298:298,299:299,300:300,301:301,302:302,303:303,304:304,305:305,306:306,307:307,308:308,309:309,310:310,311:311,312:312,313:313,314:314,315:315,316:316,317:317,318:318,319:319,320:320,321:321,322:322,323:323,324:324,325:325,326:326}],328:[function(t,n,r){(function(t){!function(t){"use strict";function wrap(t,n,r,e){var i=n&&n.prototype instanceof Generator?n:Generator,o=Object.create(i.prototype),u=new Context(e||[]);return o._invoke=makeInvokeMethod(t,r,u),o}function tryCatch(t,n,r){try{return{type:"normal",arg:t.call(n,r)}}catch(t){return{type:"throw",arg:t}}}function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}function defineIteratorMethods(t){["next","throw","return"].forEach(function(n){t[n]=function(t){return this._invoke(n,t)}})}function AsyncIterator(n){function invoke(t,r,e,o){var u=tryCatch(n[t],n,r);if("throw"!==u.type){var c=u.arg,a=c.value;return a&&"object"==typeof a&&i.call(a,"__await")?Promise.resolve(a.__await).then(function(t){invoke("next",t,e,o)},function(t){invoke("throw",t,e,o)}):Promise.resolve(a).then(function(t){c.value=t,e(c)},o)}o(u.arg)}function enqueue(t,n){function callInvokeWithMethodAndArg(){return new Promise(function(r,e){invoke(t,n,r,e)})}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}"object"==typeof t.process&&t.process.domain&&(invoke=t.process.domain.bind(invoke));var r;this._invoke=enqueue}function makeInvokeMethod(t,n,r){var e=l;return function invoke(i,o){if(e===v)throw new Error("Generator is already running");if(e===p){if("throw"===i)throw o;return doneResult()}for(r.method=i,r.arg=o;;){var u=r.delegate;if(u){var c=maybeInvokeDelegate(u,r);if(c){if(c===d)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(e===l)throw e=p,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);e=v;var a=tryCatch(t,n,r);if("normal"===a.type){if(e=r.done?p:h,a.arg===d)continue;return{value:a.arg,done:r.done}}"throw"===a.type&&(e=p,r.method="throw",r.arg=a.arg)}}}function maybeInvokeDelegate(t,n){var e=t.iterator[n.method];if(e===r){if(n.delegate=null,"throw"===n.method){if(t.iterator.return&&(n.method="return",n.arg=r,maybeInvokeDelegate(t,n),"throw"===n.method))return d;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return d}var i=tryCatch(e,t.iterator,n.arg);if("throw"===i.type)return n.method="throw",n.arg=i.arg,n.delegate=null,d;var o=i.arg;return o?o.done?(n[t.resultName]=o.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=r),n.delegate=null,d):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,d)}function pushTryEntry(t){var n={tryLoc:t[0]};1 in t&&(n.catchLoc=t[1]),2 in t&&(n.finallyLoc=t[2],n.afterLoc=t[3]),this.tryEntries.push(n)}function resetTryEntry(t){var n=t.completion||{};n.type="normal",delete n.arg,t.completion=n}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(t){if(t){var n=t[u];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var e=-1,o=function next(){for(;++e<t.length;)if(i.call(t,e))return next.value=t[e],next.done=!1,next;return next.value=r,next.done=!0,next};return o.next=o}}return{next:doneResult}}function doneResult(){return{value:r,done:!0}}var r,e=Object.prototype,i=e.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},u=o.iterator||"@@iterator",c=o.asyncIterator||"@@asyncIterator",a=o.toStringTag||"@@toStringTag",f="object"==typeof n,s=t.regeneratorRuntime;if(s)return void(f&&(n.exports=s));s=t.regeneratorRuntime=f?n.exports:{},s.wrap=wrap;var l="suspendedStart",h="suspendedYield",v="executing",p="completed",d={},y={};y[u]=function(){return this};var g=Object.getPrototypeOf,m=g&&g(g(values([])));m&&m!==e&&i.call(m,u)&&(y=m);var b=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(y);GeneratorFunction.prototype=b.constructor=GeneratorFunctionPrototype,GeneratorFunctionPrototype.constructor=GeneratorFunction,GeneratorFunctionPrototype[a]=GeneratorFunction.displayName="GeneratorFunction",s.isGeneratorFunction=function(t){var n="function"==typeof t&&t.constructor;return!!n&&(n===GeneratorFunction||"GeneratorFunction"===(n.displayName||n.name))},s.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,a in t||(t[a]="GeneratorFunction")),t.prototype=Object.create(b),t},s.awrap=function(t){return{__await:t}},defineIteratorMethods(AsyncIterator.prototype),AsyncIterator.prototype[c]=function(){return this},s.AsyncIterator=AsyncIterator,s.async=function(t,n,r,e){var i=new AsyncIterator(wrap(t,n,r,e));return s.isGeneratorFunction(n)?i:i.next().then(function(t){return t.done?t.value:i.next()})},defineIteratorMethods(b),b[a]="Generator",b[u]=function(){return this},b.toString=function(){return"[object Generator]"},s.keys=function(t){var n=[];for(var r in t)n.push(r);return n.reverse(),function next(){for(;n.length;){var r=n.pop();if(r in t)return next.value=r,next.done=!1,next}return next.done=!0,next}},s.values=values,Context.prototype={constructor:Context,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=r,this.done=!1,this.delegate=null,this.method="next",this.arg=r,this.tryEntries.forEach(resetTryEntry),!t)for(var n in this)"t"===n.charAt(0)&&i.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=r)},stop:function(){this.done=!0;var t=this.tryEntries[0],n=t.completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(t){function handle(e,i){return u.type="throw",u.arg=t,n.next=e,i&&(n.method="next",n.arg=r),!!i}if(this.done)throw t;for(var n=this,e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e],u=o.completion;if("root"===o.tryLoc)return handle("end");if(o.tryLoc<=this.prev){var c=i.call(o,"catchLoc"),a=i.call(o,"finallyLoc");if(c&&a){if(this.prev<o.catchLoc)return handle(o.catchLoc,!0);if(this.prev<o.finallyLoc)return handle(o.finallyLoc)}else if(c){if(this.prev<o.catchLoc)return handle(o.catchLoc,!0)}else{if(!a)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return handle(o.finallyLoc)}}}},abrupt:function(t,n){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.tryLoc<=this.prev&&i.call(e,"finallyLoc")&&this.prev<e.finallyLoc){var o=e;break}}o&&("break"===t||"continue"===t)&&o.tryLoc<=n&&n<=o.finallyLoc&&(o=null);var u=o?o.completion:{};return u.type=t,u.arg=n,o?(this.method="next",this.next=o.finallyLoc,d):this.complete(u)},complete:function(t,n){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&n&&(this.next=n),d},finish:function(t){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),d}},catch:function(t){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc===t){var e=r.completion;if("throw"===e.type){var i=e.arg;resetTryEntry(r)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(t,n,e){return this.delegate={iterator:values(t),resultName:n,nextLoc:e},"next"===this.method&&(this.arg=r),d}}}("object"==typeof t?t:"object"==typeof window?window:"object"==typeof self?self:this)}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}]},{},[1]);
diff --git a/editor/external/dom-polyfill/dom-polyfill.js b/editor/external/dom-polyfill/dom-polyfill.js
new file mode 100644
index 00000000..f658d276
--- /dev/null
+++ b/editor/external/dom-polyfill/dom-polyfill.js
@@ -0,0 +1,101 @@
+// From https://github.com/inexorabletash/polyfill/blob/master/dom.js
+
+function mixin (o, ps) {
+  if (!o) return;
+  Object.keys(ps).forEach((p) => {
+    if ((p in o) || (p in o.prototype)) { return; }
+    try {
+      Object.defineProperty(
+        o.prototype,
+        p,
+        Object.getOwnPropertyDescriptor(ps, p)
+      );
+    } catch (ex) {
+      // Throws in IE8; just copy it
+      o[p] = ps[p];
+    }
+  });
+}
+
+function convertNodesIntoANode (nodes) {
+  nodes = nodes.map((node) => {
+    return !(node instanceof Node) ? document.createTextNode(node) : node;
+  });
+  if (nodes.length === 1) {
+    return nodes[0];
+  }
+  const node = document.createDocumentFragment();
+  nodes.forEach((n) => {
+    node.appendChild(n);
+  });
+  return node;
+}
+
+const ParentNode = {
+  prepend (...nodes) {
+    nodes = convertNodesIntoANode(nodes);
+    this.insertBefore(nodes, this.firstChild);
+  },
+  append (...nodes) {
+    nodes = convertNodesIntoANode(nodes);
+    this.appendChild(nodes);
+  }
+};
+
+mixin(Document || HTMLDocument, ParentNode); // HTMLDocument for IE8
+mixin(DocumentFragment, ParentNode);
+mixin(Element, ParentNode);
+
+// Mixin ChildNode
+// https://dom.spec.whatwg.org/#interface-childnode
+
+const ChildNode = {
+  before (...nodes) {
+    const parent = this.parentNode;
+    if (!parent) return;
+    let viablePreviousSibling = this.previousSibling;
+    while (nodes.includes(viablePreviousSibling)) {
+      viablePreviousSibling = viablePreviousSibling.previousSibling;
+    }
+    const node = convertNodesIntoANode(nodes);
+    parent.insertBefore(
+      node,
+      viablePreviousSibling
+        ? viablePreviousSibling.nextSibling
+        : parent.firstChild
+    );
+  },
+  after (...nodes) {
+    const parent = this.parentNode;
+    if (!parent) return;
+    let viableNextSibling = this.nextSibling;
+    while (nodes.includes(viableNextSibling)) {
+      viableNextSibling = viableNextSibling.nextSibling;
+    }
+    const node = convertNodesIntoANode(nodes);
+    parent.insertBefore(node, viableNextSibling);
+  },
+  replaceWith (...nodes) {
+    const parent = this.parentNode;
+    if (!parent) return;
+    let viableNextSibling = this.nextSibling;
+    while (nodes.includes(viableNextSibling)) {
+      viableNextSibling = viableNextSibling.nextSibling;
+    }
+    const node = convertNodesIntoANode(nodes);
+
+    if (this.parentNode === parent) {
+      parent.replaceChild(node, this);
+    } else {
+      parent.insertBefore(node, viableNextSibling);
+    }
+  },
+  remove () {
+    if (!this.parentNode) { return; }
+    this.parentNode.removeChild(this);
+  }
+};
+
+mixin(DocumentType, ChildNode);
+mixin(Element, ChildNode);
+mixin(CharacterData, ChildNode);
diff --git a/editor/external/dynamic-import-polyfill/importModule.js b/editor/external/dynamic-import-polyfill/importModule.js
new file mode 100644
index 00000000..50897dc9
--- /dev/null
+++ b/editor/external/dynamic-import-polyfill/importModule.js
@@ -0,0 +1,122 @@
+// MIT License
+// From: https://github.com/uupaa/dynamic-import-polyfill/blob/master/importModule.js
+
+/**
+ * @module importModule
+ */
+
+function toAbsoluteURL (url) {
+  const a = document.createElement('a');
+  a.setAttribute('href', url); // <a href="hoge.html">
+  return a.cloneNode(false).href; // -> "http://example.com/hoge.html"
+}
+
+function addScriptAtts (script, atts) {
+  ['id', 'class', 'type'].forEach((prop) => {
+    if (prop in atts) {
+      script[prop] = atts[prop];
+    }
+  });
+}
+
+// Additions by Brett
+/**
+* @typedef {PlainObject} module:importModule.ImportConfig
+* @property {string} global The variable name to set on `window` (when not using the modular version)
+* @property {boolean} [returnDefault=false]
+*/
+/**
+* @function module:importModule.importSetGlobalDefault
+* @param {string} url
+* @param {module:importModule.ImportConfig} config
+* @returns {*} The return depends on the export of the targeted module.
+*/
+export async function importSetGlobalDefault (url, config) {
+  return importSetGlobal(url, {...config, returnDefault: true});
+}
+/**
+* @function module:importModule.importSetGlobal
+* @param {string} url
+* @param {module:importModule.ImportConfig} config
+* @returns {ArbitraryModule|*} The return depends on the export of the targeted module.
+*/
+export async function importSetGlobal (url, {global, returnDefault}) {
+  // Todo: Replace calls to this function with `import()` when supported
+  const modularVersion = !('svgEditor' in window) ||
+    !window.svgEditor ||
+    window.svgEditor.modules !== false;
+  if (modularVersion) {
+    return importModule(url, undefined, {returnDefault});
+  }
+  await importScript(url);
+  return window[global];
+}
+// Addition by Brett
+export function importScript (url, atts = {}) {
+  if (Array.isArray(url)) {
+    return Promise.all(url.map((u) => {
+      return importScript(u, atts);
+    }));
+  }
+  return new Promise((resolve, reject) => {
+    const script = document.createElement('script');
+    const destructor = () => {
+      script.onerror = null;
+      script.onload = null;
+      script.remove();
+      script.src = '';
+    };
+    script.defer = 'defer';
+    addScriptAtts(script, atts);
+    script.onerror = () => {
+      reject(new Error(`Failed to import: ${url}`));
+      destructor();
+    };
+    script.onload = () => {
+      resolve();
+      destructor();
+    };
+    script.src = url;
+
+    document.head.append(script);
+  });
+}
+
+export function importModule (url, atts = {}, {returnDefault = false} = {}) {
+  if (Array.isArray(url)) {
+    return Promise.all(url.map((u) => {
+      return importModule(u, atts);
+    }));
+  }
+  return new Promise((resolve, reject) => {
+    const vector = '$importModule$' + Math.random().toString(32).slice(2);
+    const script = document.createElement('script');
+    const destructor = () => {
+      delete window[vector];
+      script.onerror = null;
+      script.onload = null;
+      script.remove();
+      URL.revokeObjectURL(script.src);
+      script.src = '';
+    };
+    addScriptAtts(script, atts);
+    script.defer = 'defer';
+    script.type = 'module';
+    script.onerror = () => {
+      reject(new Error(`Failed to import: ${url}`));
+      destructor();
+    };
+    script.onload = () => {
+      resolve(window[vector]);
+      destructor();
+    };
+    const absURL = toAbsoluteURL(url);
+    const loader = `import * as m from '${absURL.replace(/'/g, "\\'")}'; window.${vector} = ${returnDefault ? 'm.default || ' : ''}m;`; // export Module
+    const blob = new Blob([loader], { type: 'text/javascript' });
+    script.src = URL.createObjectURL(blob);
+
+    document.head.append(script);
+  });
+}
+
+export default importModule;
diff --git a/editor/external/load-stylesheets/index-es.js b/editor/external/load-stylesheets/index-es.js
new file mode 100644
index 00000000..7a2611b5
--- /dev/null
+++ b/editor/external/load-stylesheets/index-es.js
@@ -0,0 +1,87 @@
+function loadStylesheets(stylesheets, {
+    before: beforeDefault, after: afterDefault, favicon: faviconDefault,
+    canvas: canvasDefault, image: imageDefault = true,
+    acceptErrors
+} = {}) {
+    stylesheets = Array.isArray(stylesheets) ? stylesheets : [stylesheets];
+
+    function setupLink(stylesheetURL) {
+        let options = {};
+        if (Array.isArray(stylesheetURL)) {
+            [stylesheetURL, options = {}] = stylesheetURL;
+        }
+        let { favicon = faviconDefault } = options;
+        const {
+            before = beforeDefault,
+            after = afterDefault,
+            canvas = canvasDefault,
+            image = imageDefault
+        } = options;
+        function addLink() {
+            if (before) {
+                before.before(link);
+            } else if (after) {
+                after.after(link);
+            } else {
+                document.head.appendChild(link);
+            }
+        }
+
+        const link = document.createElement('link');
+        return new Promise((resolve, reject) => {
+            let rej = reject;
+            if (acceptErrors) {
+                rej = typeof acceptErrors === 'function' ? error => {
+                    acceptErrors({ error, stylesheetURL, options, resolve, reject });
+                } : resolve;
+            }
+            if (stylesheetURL.endsWith('.css')) {
+                favicon = false;
+            } else if (stylesheetURL.endsWith('.ico')) {
+                favicon = true;
+            }
+            if (favicon) {
+                link.rel = 'shortcut icon';
+                link.type = 'image/x-icon';
+
+                if (image === false) {
+                    link.href = stylesheetURL;
+                    addLink();
+                    resolve(link);
+                    return;
+                }
+
+                const cnv = document.createElement('canvas');
+                cnv.width = 16;
+                cnv.height = 16;
+                const context = cnv.getContext('2d');
+                const img = document.createElement('img');
+                img.addEventListener('error', error => {
+                    reject(error);
+                });
+                img.addEventListener('load', () => {
+                    context.drawImage(img, 0, 0);
+                    link.href = canvas ? cnv.toDataURL('image/x-icon') : stylesheetURL;
+                    addLink();
+                    resolve(link);
+                });
+                img.src = stylesheetURL;
+                return;
+            }
+            link.rel = 'stylesheet';
+            link.type = 'text/css';
+            link.href = stylesheetURL;
+            addLink();
+            link.addEventListener('error', error => {
+                rej(error);
+            });
+            link.addEventListener('load', () => {
+                resolve(link);
+            });
+        });
+    }
+
+    return Promise.all(stylesheets.map(setupLink));
+}
+
+export default loadStylesheets;
diff --git a/editor/history.js b/editor/history.js
index 19589a33..684d73be 100644
--- a/editor/history.js
+++ b/editor/history.js
@@ -1,613 +1,707 @@
-/*globals svgedit*/
-/*jslint vars: true, eqeq: true, continue: true, forin: true*/
 /**
- * Package: svedit.history
- *
- * Licensed under the MIT License
- *
- * Copyright(c) 2010 Jeff Schiller
+ * For command history tracking and undo functionality
+ * @module history
+ * @license MIT
+ * @copyright 2010 Jeff Schiller
  */
 
-// Dependencies:
-// 1) jQuery
-// 2) svgtransformlist.js
-// 3) svgutils.js
+import {getHref, setHref, getRotationAngle} from './utilities.js';
+import {removeElementFromListMap} from './svgtransformlist.js';
 
-(function() {'use strict';
-
-if (!svgedit.history) {
-	svgedit.history = {};
-}
-
-// Group: Undo/Redo history management
-svgedit.history.HistoryEventTypes = {
-	BEFORE_APPLY: 'before_apply',
-	AFTER_APPLY: 'after_apply',
-	BEFORE_UNAPPLY: 'before_unapply',
-	AFTER_UNAPPLY: 'after_unapply'
+/**
+* Group: Undo/Redo history management
+*/
+export const HistoryEventTypes = {
+  BEFORE_APPLY: 'before_apply',
+  AFTER_APPLY: 'after_apply',
+  BEFORE_UNAPPLY: 'before_unapply',
+  AFTER_UNAPPLY: 'after_unapply'
 };
 
-var removedElements = {};
+// const removedElements = {};
+
+/**
+* Base class for commands
+*/
+class Command {
+  /**
+  * @returns {string}
+  */
+  getText () {
+    return this.text;
+  }
+}
+
+// Todo: Figure out why the interface members aren't showing
+//   up (with or without modules applied), despite our apparently following
+//   http://usejsdoc.org/tags-interface.html#virtual-comments
 
 /**
  * An interface that all command objects must implement.
- * @typedef svgedit.history.HistoryCommand
- * @type {object}
- *   void apply(svgedit.history.HistoryEventHandler);
- *   void unapply(svgedit.history.HistoryEventHandler);
- *   Element[] elements();
- *   String getText();
+ * @interface module:history.HistoryCommand
+*/
+/**
+ * Applies
  *
- *   static String type();
- * }
+ * @function module:history.HistoryCommand#apply
+ * @param {module:history.HistoryEventHandler}
+ * @fires module:history~Command#event:history
+ * @returns {undefined|true}
+ */
+/**
+ *
+ * Unapplies
+ * @function module:history.HistoryCommand#unapply
+ * @param {module:history.HistoryEventHandler}
+ * @fires module:history~Command#event:history
+ * @returns {undefined|true}
+ */
+/**
+ * Returns the elements
+ * @function module:history.HistoryCommand#elements
+ * @returns {Element[]}
+ */
+/**
+ * Gets the text
+ * @function module:history.HistoryCommand#getText
+ * @returns {string}
+ */
+/**
+ * Gives the type
+ * @function module:history.HistoryCommand.type
+ * @returns {string}
+ */
+/**
+ * Gives the type
+ * @function module:history.HistoryCommand#type
+ * @returns {string}
+*/
+
+/**
+ * @event module:history~Command#event:history
+ * @type {module:history.HistoryCommand}
+ */
+
+/**
+ * An interface for objects that will handle history events.
+ * @interface module:history.HistoryEventHandler
+ */
+/**
+ *
+ * @function module:history.HistoryEventHandler#handleHistoryEvent
+ * @param {string} eventType One of the HistoryEvent types
+ * @param {module:history~Command#event:history} command
+ * @listens module:history~Command#event:history
+ * @returns {undefined}
  *
- * Interface: svgedit.history.HistoryEventHandler
- * An interface for objects that will handle history events.
- *
- * interface svgedit.history.HistoryEventHandler {
- *   void handleHistoryEvent(eventType, command);
- * }
- *
- * eventType is a string conforming to one of the HistoryEvent types.
- * command is an object fulfilling the HistoryCommand interface.
  */
 
 /**
- * @class svgedit.history.MoveElementCommand
- * @implements svgedit.history.HistoryCommand
  * History command for an element that had its DOM position changed
+ * @implements {module:history.HistoryCommand}
  * @param {Element} elem - The DOM element that was moved
  * @param {Element} oldNextSibling - The element's next sibling before it was moved
  * @param {Element} oldParent - The element's parent before it was moved
  * @param {string} [text] - An optional string visible to user related to this change
 */
-svgedit.history.MoveElementCommand = function(elem, oldNextSibling, oldParent, text) {
-	this.elem = elem;
-	this.text = text ? ("Move " + elem.tagName + " to " + text) : ("Move " + elem.tagName);
-	this.oldNextSibling = oldNextSibling;
-	this.oldParent = oldParent;
-	this.newNextSibling = elem.nextSibling;
-	this.newParent = elem.parentNode;
-};
-svgedit.history.MoveElementCommand.type = function() { return 'svgedit.history.MoveElementCommand'; };
-svgedit.history.MoveElementCommand.prototype.type = svgedit.history.MoveElementCommand.type;
+export class MoveElementCommand extends Command {
+  constructor (elem, oldNextSibling, oldParent, text) {
+    super();
+    this.elem = elem;
+    this.text = text ? ('Move ' + elem.tagName + ' to ' + text) : ('Move ' + elem.tagName);
+    this.oldNextSibling = oldNextSibling;
+    this.oldParent = oldParent;
+    this.newNextSibling = elem.nextSibling;
+    this.newParent = elem.parentNode;
+  }
+  type () {
+    return 'svgedit.history.MoveElementCommand';
+  }
 
-svgedit.history.MoveElementCommand.prototype.getText = function() {
-	return this.text;
-};
+  /**
+   * Re-positions the element
+   * @param {module:history.HistoryEventHandler} handler
+   * @fires module:history~Command#event:history
+   * @returns {undefined}
+  */
+  apply (handler) {
+    // TODO(codedread): Refactor this common event code into a base HistoryCommand class.
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+    }
+
+    this.elem = this.newParent.insertBefore(this.elem, this.newNextSibling);
+
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+    }
+  }
+
+  /**
+   * Positions the element back to its original location
+   * @param {module:history.HistoryEventHandler} handler
+   * @fires module:history~Command#event:history
+   * @returns {undefined}
+  */
+  unapply (handler) {
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+    }
+
+    this.elem = this.oldParent.insertBefore(this.elem, this.oldNextSibling);
+
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+    }
+  }
+
+  /**
+  * @returns {Element[]} Array with element associated with this command
+  */
+  elements () {
+    return [this.elem];
+  }
+}
+MoveElementCommand.type = MoveElementCommand.prototype.type;
 
 /**
- * Re-positions the element
- * @param {handleHistoryEvent: function}
+* History command for an element that was added to the DOM
+* @implements {module:history.HistoryCommand}
+*
+* @param {Element} elem - The newly added DOM element
+* @param {string} text - An optional string visible to user related to this change
 */
-svgedit.history.MoveElementCommand.prototype.apply = function(handler) {
-	// TODO(codedread): Refactor this common event code into a base HistoryCommand class.
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.BEFORE_APPLY, this);
-	}
+export class InsertElementCommand extends Command {
+  constructor (elem, text) {
+    super();
+    this.elem = elem;
+    this.text = text || ('Create ' + elem.tagName);
+    this.parent = elem.parentNode;
+    this.nextSibling = this.elem.nextSibling;
+  }
 
-	this.elem = this.newParent.insertBefore(this.elem, this.newNextSibling);
+  type () {
+    return 'svgedit.history.InsertElementCommand';
+  }
 
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.AFTER_APPLY, this);
-	}
-};
+  /**
+  * Re-inserts the new element
+  * @param {module:history.HistoryEventHandler} handler
+  * @fires module:history~Command#event:history
+  * @returns {undefined}
+  */
+  apply (handler) {
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+    }
+
+    this.elem = this.parent.insertBefore(this.elem, this.nextSibling);
+
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+    }
+  }
+
+  /**
+  * Removes the element
+  * @param {module:history.HistoryEventHandler} handler
+  * @fires module:history~Command#event:history
+  * @returns {undefined}
+  */
+  unapply (handler) {
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+    }
+
+    this.parent = this.elem.parentNode;
+    this.elem = this.elem.parentNode.removeChild(this.elem);
+
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+    }
+  }
+
+  /**
+  * @returns {Element[]} Array with element associated with this command
+  */
+  elements () {
+    return [this.elem];
+  }
+}
+InsertElementCommand.type = InsertElementCommand.prototype.type;
 
 /**
- * Positions the element back to its original location
- * @param {handleHistoryEvent: function}
+* History command for an element removed from the DOM
+* @implements {module:history.HistoryCommand}
+* @param {Element} elem - The removed DOM element
+* @param {Node} oldNextSibling - The DOM element's nextSibling when it was in the DOM
+* @param {Element} oldParent - The DOM element's parent
+* @param {string} [text] - An optional string visible to user related to this change
 */
-svgedit.history.MoveElementCommand.prototype.unapply = function(handler) {
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.BEFORE_UNAPPLY, this);
-	}
+export class RemoveElementCommand extends Command {
+  constructor (elem, oldNextSibling, oldParent, text) {
+    super();
+    this.elem = elem;
+    this.text = text || ('Delete ' + elem.tagName);
+    this.nextSibling = oldNextSibling;
+    this.parent = oldParent;
 
-	this.elem = this.oldParent.insertBefore(this.elem, this.oldNextSibling);
+    // special hack for webkit: remove this element's entry in the svgTransformLists map
+    removeElementFromListMap(elem);
+  }
+  type () {
+    return 'svgedit.history.RemoveElementCommand';
+  }
 
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.AFTER_UNAPPLY, this);
-	}
-};
+  /**
+  * Re-removes the new element
+  * @param {module:history.HistoryEventHandler} handler
+  * @fires module:history~Command#event:history
+  * @returns {undefined}
+  */
+  apply (handler) {
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+    }
 
-// Function: svgedit.history.MoveElementCommand.elements
-// Returns array with element associated with this command
-svgedit.history.MoveElementCommand.prototype.elements = function() {
-	return [this.elem];
-};
+    removeElementFromListMap(this.elem);
+    this.parent = this.elem.parentNode;
+    this.elem = this.parent.removeChild(this.elem);
 
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+    }
+  }
 
-// Class: svgedit.history.InsertElementCommand
-// implements svgedit.history.HistoryCommand
-// History command for an element that was added to the DOM
-//
-// Parameters:
-// elem - The newly added DOM element
-// text - An optional string visible to user related to this change
-svgedit.history.InsertElementCommand = function(elem, text) {
-	this.elem = elem;
-	this.text = text || ("Create " + elem.tagName);
-	this.parent = elem.parentNode;
-	this.nextSibling = this.elem.nextSibling;
-};
-svgedit.history.InsertElementCommand.type = function() { return 'svgedit.history.InsertElementCommand'; };
-svgedit.history.InsertElementCommand.prototype.type = svgedit.history.InsertElementCommand.type;
+  /**
+  * Re-adds the new element
+  * @param {module:history.HistoryEventHandler} handler
+  * @fires module:history~Command#event:history
+  * @returns {undefined}
+  */
+  unapply (handler) {
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+    }
 
-// Function: svgedit.history.InsertElementCommand.getText
-svgedit.history.InsertElementCommand.prototype.getText = function() {
-	return this.text;
-};
+    removeElementFromListMap(this.elem);
+    if (this.nextSibling == null) {
+      if (window.console) {
+        console.log('Error: reference element was lost');
+      }
+    }
+    this.parent.insertBefore(this.elem, this.nextSibling); // Don't use `before` or `prepend` as `this.nextSibling` may be `null`
 
-// Function: svgedit.history.InsertElementCommand.apply
-// Re-Inserts the new element
-svgedit.history.InsertElementCommand.prototype.apply = function(handler) {
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.BEFORE_APPLY, this);
-	}
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+    }
+  }
 
-	this.elem = this.parent.insertBefore(this.elem, this.nextSibling);
+  /**
+  * @returns {Element[]} Array with element associated with this command
+  */
+  elements () {
+    return [this.elem];
+  }
+}
+RemoveElementCommand.type = RemoveElementCommand.prototype.type;
 
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.AFTER_APPLY, this);
-	}
-};
+/**
+* @typedef {"#text"|"#href"|string} module:history.CommandAttributeName
+*/
+/**
+* @typedef {PlainObject.<module:history.CommandAttributeName, string>} module:history.CommandAttributes
+*/
 
-// Function: svgedit.history.InsertElementCommand.unapply
-// Removes the element
-svgedit.history.InsertElementCommand.prototype.unapply = function(handler) {
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.BEFORE_UNAPPLY, this);
-	}
+/**
+* History command to make a change to an element.
+* Usually an attribute change, but can also be textcontent.
+* @implements {module:history.HistoryCommand}
+* @param {Element} elem - The DOM element that was changed
+* @param {module:history.CommandAttributes} attrs - Attributes to be changed with the values they had *before* the change
+* @param {string} text - An optional string visible to user related to this change
+*/
+export class ChangeElementCommand extends Command {
+  constructor (elem, attrs, text) {
+    super();
+    this.elem = elem;
+    this.text = text ? ('Change ' + elem.tagName + ' ' + text) : ('Change ' + elem.tagName);
+    this.newValues = {};
+    this.oldValues = attrs;
+    for (const attr in attrs) {
+      if (attr === '#text') {
+        this.newValues[attr] = elem.textContent;
+      } else if (attr === '#href') {
+        this.newValues[attr] = getHref(elem);
+      } else {
+        this.newValues[attr] = elem.getAttribute(attr);
+      }
+    }
+  }
+  type () {
+    return 'svgedit.history.ChangeElementCommand';
+  }
 
-	this.parent = this.elem.parentNode;
-	this.elem = this.elem.parentNode.removeChild(this.elem);
+  /**
+  * Performs the stored change action
+  * @param {module:history.HistoryEventHandler} handler
+  * @fires module:history~Command#event:history
+  * @returns {true}
+  */
+  apply (handler) {
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+    }
 
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.AFTER_UNAPPLY, this);
-	}
-};
-
-// Function: svgedit.history.InsertElementCommand.elements
-// Returns array with element associated with this command
-svgedit.history.InsertElementCommand.prototype.elements = function() {
-	return [this.elem];
-};
-
-
-// Class: svgedit.history.RemoveElementCommand
-// implements svgedit.history.HistoryCommand
-// History command for an element removed from the DOM
-//
-// Parameters:
-// elem - The removed DOM element
-// oldNextSibling - the DOM element's nextSibling when it was in the DOM
-// oldParent - The DOM element's parent
-// text - An optional string visible to user related to this change
-svgedit.history.RemoveElementCommand = function(elem, oldNextSibling, oldParent, text) {
-	this.elem = elem;
-	this.text = text || ("Delete " + elem.tagName);
-	this.nextSibling = oldNextSibling;
-	this.parent = oldParent;
-
-	// special hack for webkit: remove this element's entry in the svgTransformLists map
-	svgedit.transformlist.removeElementFromListMap(elem);
-};
-svgedit.history.RemoveElementCommand.type = function() { return 'svgedit.history.RemoveElementCommand'; };
-svgedit.history.RemoveElementCommand.prototype.type = svgedit.history.RemoveElementCommand.type;
-
-// Function: svgedit.history.RemoveElementCommand.getText
-svgedit.history.RemoveElementCommand.prototype.getText = function() {
-	return this.text;
-};
-
-// Function: RemoveElementCommand.apply
-// Re-removes the new element
-svgedit.history.RemoveElementCommand.prototype.apply = function(handler) {
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.BEFORE_APPLY, this);
-	}
-
-	svgedit.transformlist.removeElementFromListMap(this.elem);
-	this.parent = this.elem.parentNode;
-	this.elem = this.parent.removeChild(this.elem);
-
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.AFTER_APPLY, this);
-	}
-};
-
-// Function: RemoveElementCommand.unapply
-// Re-adds the new element
-svgedit.history.RemoveElementCommand.prototype.unapply = function(handler) {
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.BEFORE_UNAPPLY, this);
-	}
-
-	svgedit.transformlist.removeElementFromListMap(this.elem);
-	if (this.nextSibling == null) {
-		if (window.console) {
-            console.log('Error: reference element was lost');
+    let bChangedTransform = false;
+    for (const attr in this.newValues) {
+      if (this.newValues[attr]) {
+        if (attr === '#text') {
+          this.elem.textContent = this.newValues[attr];
+        } else if (attr === '#href') {
+          setHref(this.elem, this.newValues[attr]);
+        } else {
+          this.elem.setAttribute(attr, this.newValues[attr]);
         }
-	}
-	this.parent.insertBefore(this.elem, this.nextSibling);
+      } else {
+        if (attr === '#text') {
+          this.elem.textContent = '';
+        } else {
+          this.elem.setAttribute(attr, '');
+          this.elem.removeAttribute(attr);
+        }
+      }
 
+      if (attr === 'transform') { bChangedTransform = true; }
+    }
 
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.AFTER_UNAPPLY, this);
-	}
-};
+    // relocate rotational transform, if necessary
+    if (!bChangedTransform) {
+      const angle = getRotationAngle(this.elem);
+      if (angle) {
+        const bbox = this.elem.getBBox();
+        const cx = bbox.x + bbox.width / 2,
+          cy = bbox.y + bbox.height / 2;
+        const rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');
+        if (rotate !== this.elem.getAttribute('transform')) {
+          this.elem.setAttribute('transform', rotate);
+        }
+      }
+    }
 
-// Function: RemoveElementCommand.elements
-// Returns array with element associated with this command
-svgedit.history.RemoveElementCommand.prototype.elements = function() {
-	return [this.elem];
-};
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+    }
 
+    return true;
+  }
 
-// Class: svgedit.history.ChangeElementCommand
-// implements svgedit.history.HistoryCommand
-// History command to make a change to an element.
-// Usually an attribute change, but can also be textcontent.
-//
-// Parameters:
-// elem - The DOM element that was changed
-// attrs - An object with the attributes to be changed and the values they had *before* the change
-// text - An optional string visible to user related to this change
-svgedit.history.ChangeElementCommand = function(elem, attrs, text) {
-	this.elem = elem;
-	this.text = text ? ("Change " + elem.tagName + " " + text) : ("Change " + elem.tagName);
-	this.newValues = {};
-	this.oldValues = attrs;
-	var attr;
-	for (attr in attrs) {
-		if (attr == "#text") {this.newValues[attr] = elem.textContent;}
-		else if (attr == "#href") {this.newValues[attr] = svgedit.utilities.getHref(elem);}
-		else {this.newValues[attr] = elem.getAttribute(attr);}
-	}
-};
-svgedit.history.ChangeElementCommand.type = function() { return 'svgedit.history.ChangeElementCommand'; };
-svgedit.history.ChangeElementCommand.prototype.type = svgedit.history.ChangeElementCommand.type;
+  /**
+  * Reverses the stored change action
+  * @param {module:history.HistoryEventHandler} handler
+  * @fires module:history~Command#event:history
+  * @returns {true}
+  */
+  unapply (handler) {
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+    }
 
-// Function: svgedit.history.ChangeElementCommand.getText
-svgedit.history.ChangeElementCommand.prototype.getText = function() {
-	return this.text;
-};
+    let bChangedTransform = false;
+    for (const attr in this.oldValues) {
+      if (this.oldValues[attr]) {
+        if (attr === '#text') {
+          this.elem.textContent = this.oldValues[attr];
+        } else if (attr === '#href') {
+          setHref(this.elem, this.oldValues[attr]);
+        } else {
+          this.elem.setAttribute(attr, this.oldValues[attr]);
+        }
+      } else {
+        if (attr === '#text') {
+          this.elem.textContent = '';
+        } else {
+          this.elem.removeAttribute(attr);
+        }
+      }
+      if (attr === 'transform') { bChangedTransform = true; }
+    }
+    // relocate rotational transform, if necessary
+    if (!bChangedTransform) {
+      const angle = getRotationAngle(this.elem);
+      if (angle) {
+        const bbox = this.elem.getBBox();
+        const cx = bbox.x + bbox.width / 2,
+          cy = bbox.y + bbox.height / 2;
+        const rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');
+        if (rotate !== this.elem.getAttribute('transform')) {
+          this.elem.setAttribute('transform', rotate);
+        }
+      }
+    }
 
-// Function: svgedit.history.ChangeElementCommand.apply
-// Performs the stored change action
-svgedit.history.ChangeElementCommand.prototype.apply = function(handler) {
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.BEFORE_APPLY, this);
-	}
+    // Remove transformlist to prevent confusion that causes bugs like 575.
+    removeElementFromListMap(this.elem);
 
-	var bChangedTransform = false;
-	var attr;
-	for (attr in this.newValues ) {
-		if (this.newValues[attr]) {
-			if (attr == "#text") {this.elem.textContent = this.newValues[attr];}
-			else if (attr == "#href") {svgedit.utilities.setHref(this.elem, this.newValues[attr]);}
-			else {this.elem.setAttribute(attr, this.newValues[attr]);}
-		}
-		else {
-			if (attr == "#text") {
-				this.elem.textContent = "";
-			}
-			else {
-				this.elem.setAttribute(attr, "");
-				this.elem.removeAttribute(attr);
-			}
-		}
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+    }
 
-		if (attr == "transform") { bChangedTransform = true; }
-	}
-
-	// relocate rotational transform, if necessary
-	if (!bChangedTransform) {
-		var angle = svgedit.utilities.getRotationAngle(this.elem);
-		if (angle) {
-			// TODO: These instances of elem either need to be declared as global
-			//				(which would not be good for conflicts) or declare/use this.elem
-			var bbox = elem.getBBox();
-			var cx = bbox.x + bbox.width/2,
-				cy = bbox.y + bbox.height/2;
-			var rotate = ["rotate(", angle, " ", cx, ",", cy, ")"].join('');
-			if (rotate != elem.getAttribute("transform")) {
-				elem.setAttribute("transform", rotate);
-			}
-		}
-	}
-
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.AFTER_APPLY, this);
-	}
-
-	return true;
-};
-
-// Function: svgedit.history.ChangeElementCommand.unapply
-// Reverses the stored change action
-svgedit.history.ChangeElementCommand.prototype.unapply = function(handler) {
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.BEFORE_UNAPPLY, this);
-	}
-
-	var bChangedTransform = false;
-	var attr;
-	for (attr in this.oldValues ) {
-		if (this.oldValues[attr]) {
-			if (attr == "#text") {this.elem.textContent = this.oldValues[attr];}
-			else if (attr == "#href") {svgedit.utilities.setHref(this.elem, this.oldValues[attr]);}
-			else {
-				this.elem.setAttribute(attr, this.oldValues[attr]);
-			}
-		}
-		else {
-			if (attr == "#text") {
-				this.elem.textContent = "";
-			}
-			else {this.elem.removeAttribute(attr);}
-		}
-		if (attr == "transform") { bChangedTransform = true; }
-	}
-	// relocate rotational transform, if necessary
-	if (!bChangedTransform) {
-		var angle = svgedit.utilities.getRotationAngle(this.elem);
-		if (angle) {
-			var bbox = elem.getBBox();
-			var cx = bbox.x + bbox.width/2,
-				cy = bbox.y + bbox.height/2;
-			var rotate = ["rotate(", angle, " ", cx, ",", cy, ")"].join('');
-			if (rotate != elem.getAttribute("transform")) {
-				elem.setAttribute("transform", rotate);
-			}
-		}
-	}
-
-	// Remove transformlist to prevent confusion that causes bugs like 575.
-	svgedit.transformlist.removeElementFromListMap(this.elem);
-
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.AFTER_UNAPPLY, this);
-	}
-
-	return true;
-};
-
-// Function: ChangeElementCommand.elements
-// Returns array with element associated with this command
-svgedit.history.ChangeElementCommand.prototype.elements = function() {
-	return [this.elem];
-};
+    return true;
+  }
 
+  /**
+  * @returns {Element[]} Array with element associated with this command
+  */
+  elements () {
+    return [this.elem];
+  }
+}
+ChangeElementCommand.type = ChangeElementCommand.prototype.type;
 
 // TODO: create a 'typing' command object that tracks changes in text
 // if a new Typing command is created and the top command on the stack is also a Typing
 // and they both affect the same element, then collapse the two commands into one
 
+/**
+* History command that can contain/execute multiple other commands
+* @implements {module:history.HistoryCommand}
+*/
+export class BatchCommand extends Command {
+  /**
+  * @param {string} [text] - An optional string visible to user related to this change
+  */
+  constructor (text) {
+    super();
+    this.text = text || 'Batch Command';
+    this.stack = [];
+  }
 
-// Class: svgedit.history.BatchCommand
-// implements svgedit.history.HistoryCommand
-// History command that can contain/execute multiple other commands
-//
-// Parameters:
-// text - An optional string visible to user related to this change
-svgedit.history.BatchCommand = function(text) {
-	this.text = text || "Batch Command";
-	this.stack = [];
-};
-svgedit.history.BatchCommand.type = function() { return 'svgedit.history.BatchCommand'; };
-svgedit.history.BatchCommand.prototype.type = svgedit.history.BatchCommand.type;
+  type () {
+    return 'svgedit.history.BatchCommand';
+  }
 
-// Function: svgedit.history.BatchCommand.getText
-svgedit.history.BatchCommand.prototype.getText = function() {
-	return this.text;
-};
+  /**
+  * Runs "apply" on all subcommands
+  * @param {module:history.HistoryEventHandler} handler
+  * @fires module:history~Command#event:history
+  * @returns {undefined}
+  */
+  apply (handler) {
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+    }
 
-// Function: svgedit.history.BatchCommand.apply
-// Runs "apply" on all subcommands
-svgedit.history.BatchCommand.prototype.apply = function(handler) {
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.BEFORE_APPLY, this);
-	}
+    const len = this.stack.length;
+    for (let i = 0; i < len; ++i) {
+      this.stack[i].apply(handler);
+    }
 
-	var i,
-		len = this.stack.length;
-	for (i = 0; i < len; ++i) {
-		this.stack[i].apply(handler);
-	}
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+    }
+  }
 
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.AFTER_APPLY, this);
-	}
-};
+  /**
+  * Runs "unapply" on all subcommands
+  * @param {module:history.HistoryEventHandler} handler
+  * @fires module:history~Command#event:history
+  * @returns {undefined}
+  */
+  unapply (handler) {
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+    }
 
-// Function: svgedit.history.BatchCommand.unapply
-// Runs "unapply" on all subcommands
-svgedit.history.BatchCommand.prototype.unapply = function(handler) {
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.BEFORE_UNAPPLY, this);
-	}
+    for (let i = this.stack.length - 1; i >= 0; i--) {
+      this.stack[i].unapply(handler);
+    }
 
-	var i;
-	for (i = this.stack.length-1; i >= 0; i--) {
-		this.stack[i].unapply(handler);
-	}
+    if (handler) {
+      handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+    }
+  }
 
-	if (handler) {
-		handler.handleHistoryEvent(svgedit.history.HistoryEventTypes.AFTER_UNAPPLY, this);
-	}
-};
+  /**
+  * Iterate through all our subcommands
+  * @returns {Element[]} All the elements we are changing
+  */
+  elements () {
+    const elems = [];
+    let cmd = this.stack.length;
+    while (cmd--) {
+      const thisElems = this.stack[cmd].elements();
+      let elem = thisElems.length;
+      while (elem--) {
+        if (!elems.includes(thisElems[elem])) { elems.push(thisElems[elem]); }
+      }
+    }
+    return elems;
+  }
 
-// Function: svgedit.history.BatchCommand.elements
-// Iterate through all our subcommands and returns all the elements we are changing
-svgedit.history.BatchCommand.prototype.elements = function() {
-	var elems = [];
-	var cmd = this.stack.length;
-	while (cmd--) {
-		var thisElems = this.stack[cmd].elements();
-		var elem = thisElems.length;
-		while (elem--) {
-			if (elems.indexOf(thisElems[elem]) == -1) {elems.push(thisElems[elem]);}
-		}
-	}
-	return elems;
-};
+  /**
+  * Adds a given command to the history stack
+  * @param {Command} cmd - The undo command object to add
+  */
+  addSubCommand (cmd) {
+    this.stack.push(cmd);
+  }
 
-// Function: svgedit.history.BatchCommand.addSubCommand
-// Adds a given command to the history stack
-//
-// Parameters:
-// cmd - The undo command object to add
-svgedit.history.BatchCommand.prototype.addSubCommand = function(cmd) {
-	this.stack.push(cmd);
-};
+  /**
+  * @returns {boolean} Indicates whether or not the batch command is empty
+  */
+  isEmpty () {
+    return !this.stack.length;
+  }
+}
+BatchCommand.type = BatchCommand.prototype.type;
 
-// Function: svgedit.history.BatchCommand.isEmpty
-// Returns a boolean indicating whether or not the batch command is empty
-svgedit.history.BatchCommand.prototype.isEmpty = function() {
-	return this.stack.length === 0;
-};
+/**
+*
+*/
+export class UndoManager {
+  /**
+  * @param {module:history.HistoryEventHandler} historyEventHandler
+  */
+  constructor (historyEventHandler) {
+    this.handler_ = historyEventHandler || null;
+    this.undoStackPointer = 0;
+    this.undoStack = [];
 
+    // this is the stack that stores the original values, the elements and
+    // the attribute name for begin/finish
+    this.undoChangeStackPointer = -1;
+    this.undoableChangeStack = [];
+  }
 
-// Class: svgedit.history.UndoManager
-// Parameters:
-// historyEventHandler - an object that conforms to the HistoryEventHandler interface
-// (see above)
-svgedit.history.UndoManager = function(historyEventHandler) {
-	this.handler_ = historyEventHandler || null;
-	this.undoStackPointer = 0;
-	this.undoStack = [];
+  /**
+  * Resets the undo stack, effectively clearing the undo/redo history
+  * @returns {undefined}
+  */
+  resetUndoStack () {
+    this.undoStack = [];
+    this.undoStackPointer = 0;
+  }
 
-	// this is the stack that stores the original values, the elements and
-	// the attribute name for begin/finish
-	this.undoChangeStackPointer = -1;
-	this.undoableChangeStack = [];
-};
+  /**
+  * @returns {Integer} Current size of the undo history stack
+  */
+  getUndoStackSize () {
+    return this.undoStackPointer;
+  }
 
-// Function: svgedit.history.UndoManager.resetUndoStack
-// Resets the undo stack, effectively clearing the undo/redo history
-svgedit.history.UndoManager.prototype.resetUndoStack = function() {
-	this.undoStack = [];
-	this.undoStackPointer = 0;
-};
+  /**
+  * @returns {Integer} Current size of the redo history stack
+  */
+  getRedoStackSize () {
+    return this.undoStack.length - this.undoStackPointer;
+  }
 
-// Function: svgedit.history.UndoManager.getUndoStackSize
-// Returns:
-// Integer with the current size of the undo history stack
-svgedit.history.UndoManager.prototype.getUndoStackSize = function() {
-	return this.undoStackPointer;
-};
+  /**
+  * @returns {string} String associated with the next undo command
+  */
+  getNextUndoCommandText () {
+    return this.undoStackPointer > 0 ? this.undoStack[this.undoStackPointer - 1].getText() : '';
+  }
 
-// Function: svgedit.history.UndoManager.getRedoStackSize
-// Returns:
-// Integer with the current size of the redo history stack
-svgedit.history.UndoManager.prototype.getRedoStackSize = function() {
-	return this.undoStack.length - this.undoStackPointer;
-};
+  /**
+  * @returns {string} String associated with the next redo command
+  */
+  getNextRedoCommandText () {
+    return this.undoStackPointer < this.undoStack.length ? this.undoStack[this.undoStackPointer].getText() : '';
+  }
 
-// Function: svgedit.history.UndoManager.getNextUndoCommandText
-// Returns:
-// String associated with the next undo command
-svgedit.history.UndoManager.prototype.getNextUndoCommandText = function() {
-	return this.undoStackPointer > 0 ? this.undoStack[this.undoStackPointer-1].getText() : "";
-};
+  /**
+  * Performs an undo step
+  * @returns {undefined}
+  */
+  undo () {
+    if (this.undoStackPointer > 0) {
+      const cmd = this.undoStack[--this.undoStackPointer];
+      cmd.unapply(this.handler_);
+    }
+  }
 
-// Function: svgedit.history.UndoManager.getNextRedoCommandText
-// Returns:
-// String associated with the next redo command
-svgedit.history.UndoManager.prototype.getNextRedoCommandText = function() {
-	return this.undoStackPointer < this.undoStack.length ? this.undoStack[this.undoStackPointer].getText() : "";
-};
+  /**
+  * Performs a redo step
+  * @returns {undefined}
+  */
+  redo () {
+    if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {
+      const cmd = this.undoStack[this.undoStackPointer++];
+      cmd.apply(this.handler_);
+    }
+  }
 
-// Function: svgedit.history.UndoManager.undo
-// Performs an undo step
-svgedit.history.UndoManager.prototype.undo = function() {
-	if (this.undoStackPointer > 0) {
-		var cmd = this.undoStack[--this.undoStackPointer];
-		cmd.unapply(this.handler_);
-	}
-};
+  /**
+  * Adds a command object to the undo history stack
+  * @param {Command} cmd - The command object to add
+  * @returns {undefined}
+  */
+  addCommandToHistory (cmd) {
+    // FIXME: we MUST compress consecutive text changes to the same element
+    // (right now each keystroke is saved as a separate command that includes the
+    // entire text contents of the text element)
+    // TODO: consider limiting the history that we store here (need to do some slicing)
 
-// Function: svgedit.history.UndoManager.redo
-// Performs a redo step
-svgedit.history.UndoManager.prototype.redo = function() {
-	if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {
-		var cmd = this.undoStack[this.undoStackPointer++];
-		cmd.apply(this.handler_);
-	}
-};
+    // if our stack pointer is not at the end, then we have to remove
+    // all commands after the pointer and insert the new command
+    if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {
+      this.undoStack = this.undoStack.splice(0, this.undoStackPointer);
+    }
+    this.undoStack.push(cmd);
+    this.undoStackPointer = this.undoStack.length;
+  }
 
-// Function: svgedit.history.UndoManager.addCommandToHistory
-// Adds a command object to the undo history stack
-//
-// Parameters:
-// cmd - The command object to add
-svgedit.history.UndoManager.prototype.addCommandToHistory = function(cmd) {
-	// FIXME: we MUST compress consecutive text changes to the same element
-	// (right now each keystroke is saved as a separate command that includes the
-	// entire text contents of the text element)
-	// TODO: consider limiting the history that we store here (need to do some slicing)
+  /**
+  * This function tells the canvas to remember the old values of the
+  * `attrName` attribute for each element sent in.  The elements and values
+  * are stored on a stack, so the next call to `finishUndoableChange()` will
+  * pop the elements and old values off the stack, gets the current values
+  * from the DOM and uses all of these to construct the undo-able command.
+  * @param {string} attrName - The name of the attribute being changed
+  * @param {Element[]} elems - Array of DOM elements being changed
+  * @returns {undefined}
+  */
+  beginUndoableChange (attrName, elems) {
+    const p = ++this.undoChangeStackPointer;
+    let i = elems.length;
+    const oldValues = new Array(i), elements = new Array(i);
+    while (i--) {
+      const elem = elems[i];
+      if (elem == null) { continue; }
+      elements[i] = elem;
+      oldValues[i] = elem.getAttribute(attrName);
+    }
+    this.undoableChangeStack[p] = {
+      attrName,
+      oldValues,
+      elements
+    };
+  }
 
-	// if our stack pointer is not at the end, then we have to remove
-	// all commands after the pointer and insert the new command
-	if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {
-		this.undoStack = this.undoStack.splice(0, this.undoStackPointer);
-	}
-	this.undoStack.push(cmd);
-	this.undoStackPointer = this.undoStack.length;
-};
-
-
-// Function: svgedit.history.UndoManager.beginUndoableChange
-// This function tells the canvas to remember the old values of the 
-// attrName attribute for each element sent in.  The elements and values 
-// are stored on a stack, so the next call to finishUndoableChange() will 
-// pop the elements and old values off the stack, gets the current values
-// from the DOM and uses all of these to construct the undo-able command.
-//
-// Parameters:
-// attrName - The name of the attribute being changed
-// elems - Array of DOM elements being changed
-svgedit.history.UndoManager.prototype.beginUndoableChange = function(attrName, elems) {
-	var p = ++this.undoChangeStackPointer;
-	var i = elems.length;
-	var oldValues = new Array(i), elements = new Array(i);
-	while (i--) {
-		var elem = elems[i];
-		if (elem == null) {continue;}
-		elements[i] = elem;
-		oldValues[i] = elem.getAttribute(attrName);
-	}
-	this.undoableChangeStack[p] = {
-		'attrName': attrName,
-		'oldValues': oldValues,
-		'elements': elements
-	};
-};
-
-// Function: svgedit.history.UndoManager.finishUndoableChange
-// This function returns a BatchCommand object which summarizes the
-// change since beginUndoableChange was called.  The command can then
-// be added to the command history
-//
-// Returns:
-// Batch command object with resulting changes
-svgedit.history.UndoManager.prototype.finishUndoableChange = function() {
-	var p = this.undoChangeStackPointer--;
-	var changeset = this.undoableChangeStack[p];
-	var i = changeset.elements.length;
-	var attrName = changeset.attrName;
-	var batchCmd = new svgedit.history.BatchCommand("Change " + attrName);
-	while (i--) {
-		var elem = changeset.elements[i];
-		if (elem == null) {continue;}
-		var changes = {};
-		changes[attrName] = changeset.oldValues[i];
-		if (changes[attrName] != elem.getAttribute(attrName)) {
-			batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(elem, changes, attrName));
-		}
-	}
-	this.undoableChangeStack[p] = null;
-	return batchCmd;
-};
-
-}());
+  /**
+  * This function returns a `BatchCommand` object which summarizes the
+  * change since `beginUndoableChange` was called.  The command can then
+  * be added to the command history
+  * @returns {BatchCommand} Batch command object with resulting changes
+  */
+  finishUndoableChange () {
+    const p = this.undoChangeStackPointer--;
+    const changeset = this.undoableChangeStack[p];
+    const {attrName} = changeset;
+    const batchCmd = new BatchCommand('Change ' + attrName);
+    let i = changeset.elements.length;
+    while (i--) {
+      const elem = changeset.elements[i];
+      if (elem == null) { continue; }
+      const changes = {};
+      changes[attrName] = changeset.oldValues[i];
+      if (changes[attrName] !== elem.getAttribute(attrName)) {
+        batchCmd.addSubCommand(new ChangeElementCommand(elem, changes, attrName));
+      }
+    }
+    this.undoableChangeStack[p] = null;
+    return batchCmd;
+  }
+}
diff --git a/editor/historyrecording.js b/editor/historyrecording.js
index da89a7f3..565d851d 100644
--- a/editor/historyrecording.js
+++ b/editor/historyrecording.js
@@ -1,23 +1,14 @@
-/*globals svgedit*/
-/*jslint vars: true, eqeq: true */
 /**
- * Package: svgedit.history
- *
- * Licensed under the MIT License
- *
- * Copyright(c) 2016 Flint O'Brien
+ * HistoryRecordingService component of history
+ * @module history
+ * @license MIT
+ * @copyright 2016 Flint O'Brien
  */
 
-// Dependencies:
-// 1) history.js
-
-(function() {
-	'use strict';
-
-if (!svgedit.history) {
-	svgedit.history = {};
-}
-var history = svgedit.history;
+import {
+  BatchCommand, MoveElementCommand, InsertElementCommand, RemoveElementCommand,
+  ChangeElementCommand
+} from './history.js';
 
 /**
  * History recording service.
@@ -31,143 +22,139 @@ var history = svgedit.history;
  * HistoryRecordingService.NO_HISTORY is a singleton that can be passed in to functions
  * that record history. This helps when the caller requires that no history be recorded.
  *
- * Usage:
  * The following will record history: insert, batch, insert.
- * ```
- * hrService = new svgedit.history.HistoryRecordingService(this.undoMgr);
+ * @example
+ * hrService = new history.HistoryRecordingService(this.undoMgr);
  * hrService.insertElement(elem, text);         // add simple command to history.
  * hrService.startBatchCommand('create two elements');
  * hrService.changeElement(elem, attrs, text);  // add to batchCommand
  * hrService.changeElement(elem, attrs2, text); // add to batchCommand
  * hrService.endBatchCommand();                  // add batch command with two change commands to history.
  * hrService.insertElement(elem, text);         // add simple command to history.
- * ```
  *
- * Note that all functions return this, so commands can be chained, like so:
- *
- * ```
+ * @example
+ * // Note that all functions return this, so commands can be chained, like so:
  * hrService
  *   .startBatchCommand('create two elements')
  *   .insertElement(elem, text)
  *   .changeElement(elem, attrs, text)
  *   .endBatchCommand();
- * ```
  *
- * @param {svgedit.history.UndoManager} undoManager - The undo manager.
- * 		A value of null is valid for cases where no history recording is required.
- * 		See singleton: HistoryRecordingService.NO_HISTORY
+ * @memberof module:history
  */
-var HistoryRecordingService = history.HistoryRecordingService = function(undoManager) {
-	this.undoManager_ = undoManager;
-	this.currentBatchCommand_ = null;
-	this.batchCommandStack_ = [];
-};
+class HistoryRecordingService {
+  /**
+  * @param {history.UndoManager|null} undoManager - The undo manager.
+  *     A value of `null` is valid for cases where no history recording is required.
+  *     See singleton: {@link module:history.HistoryRecordingService.HistoryRecordingService.NO_HISTORY}
+  */
+  constructor (undoManager) {
+    this.undoManager_ = undoManager;
+    this.currentBatchCommand_ = null;
+    this.batchCommandStack_ = [];
+  }
 
+  /**
+   * Start a batch command so multiple commands can recorded as a single history command.
+   * Requires a corresponding call to endBatchCommand. Start and end commands can be nested.
+   *
+   * @param {string} text - Optional string describing the batch command.
+   * @returns {module:history.HistoryRecordingService}
+   */
+  startBatchCommand (text) {
+    if (!this.undoManager_) { return this; }
+    this.currentBatchCommand_ = new BatchCommand(text);
+    this.batchCommandStack_.push(this.currentBatchCommand_);
+    return this;
+  }
+
+  /**
+   * End a batch command and add it to the history or a parent batch command.
+   * @returns {module:history.HistoryRecordingService}
+   */
+  endBatchCommand () {
+    if (!this.undoManager_) { return this; }
+    if (this.currentBatchCommand_) {
+      const batchCommand = this.currentBatchCommand_;
+      this.batchCommandStack_.pop();
+      const {length} = this.batchCommandStack_;
+      this.currentBatchCommand_ = length ? this.batchCommandStack_[length - 1] : null;
+      this.addCommand_(batchCommand);
+    }
+    return this;
+  }
+
+  /**
+   * Add a MoveElementCommand to the history or current batch command
+   * @param {Element} elem - The DOM element that was moved
+   * @param {Element} oldNextSibling - The element's next sibling before it was moved
+   * @param {Element} oldParent - The element's parent before it was moved
+   * @param {string} [text] - An optional string visible to user related to this change
+   * @returns {module:history.HistoryRecordingService}
+   */
+  moveElement (elem, oldNextSibling, oldParent, text) {
+    if (!this.undoManager_) { return this; }
+    this.addCommand_(new MoveElementCommand(elem, oldNextSibling, oldParent, text));
+    return this;
+  }
+
+  /**
+   * Add an InsertElementCommand to the history or current batch command
+   * @param {Element} elem - The DOM element that was added
+   * @param {string} [text] - An optional string visible to user related to this change
+   * @returns {module:history.HistoryRecordingService}
+   */
+  insertElement (elem, text) {
+    if (!this.undoManager_) { return this; }
+    this.addCommand_(new InsertElementCommand(elem, text));
+    return this;
+  }
+
+  /**
+   * Add a RemoveElementCommand to the history or current batch command
+   * @param {Element} elem - The DOM element that was removed
+   * @param {Element} oldNextSibling - The element's next sibling before it was removed
+   * @param {Element} oldParent - The element's parent before it was removed
+   * @param {string} [text] - An optional string visible to user related to this change
+   * @returns {module:history.HistoryRecordingService}
+   */
+  removeElement (elem, oldNextSibling, oldParent, text) {
+    if (!this.undoManager_) { return this; }
+    this.addCommand_(new RemoveElementCommand(elem, oldNextSibling, oldParent, text));
+    return this;
+  }
+
+  /**
+   * Add a ChangeElementCommand to the history or current batch command
+   * @param {Element} elem - The DOM element that was changed
+   * @param {module:history.CommandAttributes} attrs - An object with the attributes to be changed and the values they had *before* the change
+   * @param {string} [text] - An optional string visible to user related to this change
+   * @returns {module:history.HistoryRecordingService}
+   */
+  changeElement (elem, attrs, text) {
+    if (!this.undoManager_) { return this; }
+    this.addCommand_(new ChangeElementCommand(elem, attrs, text));
+    return this;
+  }
+
+  /**
+   * Private function to add a command to the history or current batch command.
+   * @private
+   * @param {Command} cmd
+   * @returns {module:history.HistoryRecordingService}
+   */
+  addCommand_ (cmd) {
+    if (!this.undoManager_) { return this; }
+    if (this.currentBatchCommand_) {
+      this.currentBatchCommand_.addSubCommand(cmd);
+    } else {
+      this.undoManager_.addCommandToHistory(cmd);
+    }
+  }
+}
 /**
- * @type {svgedit.history.HistoryRecordingService} NO_HISTORY - Singleton that can be passed
- *		in to functions that record history, but the caller requires that no history be recorded.
+ * @memberof module:history.HistoryRecordingService
+ * @property {module:history.HistoryRecordingService} NO_HISTORY - Singleton that can be passed to functions that record history, but the caller requires that no history be recorded.
  */
 HistoryRecordingService.NO_HISTORY = new HistoryRecordingService();
-
-/**
- * Start a batch command so multiple commands can recorded as a single history command.
- * Requires a corresponding call to endBatchCommand. Start and end commands can be nested.
- *
- * @param {string} text - Optional string describing the batch command.
- * @returns {svgedit.history.HistoryRecordingService}
- */
-HistoryRecordingService.prototype.startBatchCommand = function(text) {
-	if (!this.undoManager_) {return this;}
-	this.currentBatchCommand_ = new history.BatchCommand(text);
-	this.batchCommandStack_.push(this.currentBatchCommand_);
-	return this;
-};
-
-/**
- * End a batch command and add it to the history or a parent batch command.
- * @returns {svgedit.history.HistoryRecordingService}
- */
-HistoryRecordingService.prototype.endBatchCommand = function() {
-	if (!this.undoManager_) {return this;}
-	if (this.currentBatchCommand_) {
-		var batchCommand = this.currentBatchCommand_;
-		this.batchCommandStack_.pop();
-		var length = this.batchCommandStack_.length;
-		this.currentBatchCommand_ = length ? this.batchCommandStack_[length-1] : null;
-		this.addCommand_(batchCommand);
-	}
-	return this;
-};
-
-/**
- * Add a MoveElementCommand to the history or current batch command
- * @param {Element} elem - The DOM element that was moved
- * @param {Element} oldNextSibling - The element's next sibling before it was moved
- * @param {Element} oldParent - The element's parent before it was moved
- * @param {string} [text] - An optional string visible to user related to this change
- * @returns {svgedit.history.HistoryRecordingService}
- */
-HistoryRecordingService.prototype.moveElement = function(elem, oldNextSibling, oldParent, text) {
-	if (!this.undoManager_) {return this;}
-	this.addCommand_(new history.MoveElementCommand(elem, oldNextSibling, oldParent, text));
-	return this;
-};
-
-/**
- * Add an InsertElementCommand to the history or current batch command
- * @param {Element} elem - The DOM element that was added
- * @param {string} [text] - An optional string visible to user related to this change
- * @returns {svgedit.history.HistoryRecordingService}
- */
-HistoryRecordingService.prototype.insertElement = function(elem, text) {
-	if (!this.undoManager_) {return this;}
-	this.addCommand_(new history.InsertElementCommand(elem, text));
-	return this;
-};
-
-
-/**
- * Add a RemoveElementCommand to the history or current batch command
- * @param {Element} elem - The DOM element that was removed
- * @param {Element} oldNextSibling - The element's next sibling before it was removed
- * @param {Element} oldParent - The element's parent before it was removed
- * @param {string} [text] - An optional string visible to user related to this change
- * @returns {svgedit.history.HistoryRecordingService}
- */
-HistoryRecordingService.prototype.removeElement = function(elem, oldNextSibling, oldParent, text) {
-	if (!this.undoManager_) {return this;}
-	this.addCommand_(new history.RemoveElementCommand(elem, oldNextSibling, oldParent, text));
-	return this;
-};
-
-
-/**
- * Add a ChangeElementCommand to the history or current batch command
- * @param {Element} elem - The DOM element that was changed
- * @param {object} attrs - An object with the attributes to be changed and the values they had *before* the change
- * @param {string} [text] - An optional string visible to user related to this change
- * @returns {svgedit.history.HistoryRecordingService}
- */
-HistoryRecordingService.prototype.changeElement = function(elem, attrs, text) {
-	if (!this.undoManager_) {return this;}
-	this.addCommand_(new history.ChangeElementCommand(elem, attrs, text));
-	return this;
-};
-
-/**
- * Private function to add a command to the history or current batch command.
- * @param cmd
- * @returns {svgedit.history.HistoryRecordingService}
- * @private
- */
-HistoryRecordingService.prototype.addCommand_ = function(cmd) {
-	if (!this.undoManager_) {return this;}
-	if (this.currentBatchCommand_) {
-		this.currentBatchCommand_.addSubCommand(cmd);
-	} else {
-		this.undoManager_.addCommandToHistory(cmd);
-	}
-};
-
-
-}());
+export default HistoryRecordingService;
diff --git a/editor/images/README.txt b/editor/images/README.txt
index ef4cdd17..184e3e72 100644
--- a/editor/images/README.txt
+++ b/editor/images/README.txt
@@ -57,5 +57,4 @@ text.png                        http://tango.freedesktop.org/static/cvs/tango-ar
 text.svg                        http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/tools/draw-text.svg
 undo.png
 view-refresh.png
-wave.png
 zoom.png                        http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/tools/page-magnifier.png
diff --git a/editor/images/add_subpath.png b/editor/images/add_subpath.png
new file mode 100644
index 00000000..a025a78d
Binary files /dev/null and b/editor/images/add_subpath.png differ
diff --git a/editor/images/align-bottom.png b/editor/images/align-bottom.png
index be5dfe54..b60fa558 100644
Binary files a/editor/images/align-bottom.png and b/editor/images/align-bottom.png differ
diff --git a/editor/images/align-center.png b/editor/images/align-center.png
index d1f0c5bc..b155461c 100644
Binary files a/editor/images/align-center.png and b/editor/images/align-center.png differ
diff --git a/editor/images/align-left.png b/editor/images/align-left.png
index 41fa8bcc..4975a62c 100644
Binary files a/editor/images/align-left.png and b/editor/images/align-left.png differ
diff --git a/editor/images/align-middle.png b/editor/images/align-middle.png
index f72bbb79..4d945f9e 100644
Binary files a/editor/images/align-middle.png and b/editor/images/align-middle.png differ
diff --git a/editor/images/align-right.png b/editor/images/align-right.png
index 5ca99caa..2dc83ae4 100644
Binary files a/editor/images/align-right.png and b/editor/images/align-right.png differ
diff --git a/editor/images/align-top.png b/editor/images/align-top.png
index 51bfc2ec..5252723b 100644
Binary files a/editor/images/align-top.png and b/editor/images/align-top.png differ
diff --git a/editor/images/align.png b/editor/images/align.png
new file mode 100644
index 00000000..a0fc147b
Binary files /dev/null and b/editor/images/align.png differ
diff --git a/editor/images/angle.png b/editor/images/angle.png
new file mode 100644
index 00000000..1373faf1
Binary files /dev/null and b/editor/images/angle.png differ
diff --git a/editor/images/arrow_right.png b/editor/images/arrow_right.png
new file mode 100644
index 00000000..3d7a1971
Binary files /dev/null and b/editor/images/arrow_right.png differ
diff --git a/editor/images/arrow_right_big.png b/editor/images/arrow_right_big.png
new file mode 100644
index 00000000..a4847946
Binary files /dev/null and b/editor/images/arrow_right_big.png differ
diff --git a/editor/images/blur.png b/editor/images/blur.png
new file mode 100644
index 00000000..abd134eb
Binary files /dev/null and b/editor/images/blur.png differ
diff --git a/editor/images/bold.png b/editor/images/bold.png
index 19ac5bbd..705b08cb 100644
Binary files a/editor/images/bold.png and b/editor/images/bold.png differ
diff --git a/editor/images/c_radius.png b/editor/images/c_radius.png
new file mode 100644
index 00000000..5acbf5ce
Binary files /dev/null and b/editor/images/c_radius.png differ
diff --git a/editor/images/cancel.png b/editor/images/cancel.png
index 8595f5d9..5ee3057e 100644
Binary files a/editor/images/cancel.png and b/editor/images/cancel.png differ
diff --git a/editor/images/circle.png b/editor/images/circle.png
index e7bd228b..f8855fa7 100644
Binary files a/editor/images/circle.png and b/editor/images/circle.png differ
diff --git a/editor/images/clear.png b/editor/images/clear.png
index 514710d1..6bc5396e 100644
Binary files a/editor/images/clear.png and b/editor/images/clear.png differ
diff --git a/editor/images/clone.png b/editor/images/clone.png
index c8713c80..b8e10fb3 100644
Binary files a/editor/images/clone.png and b/editor/images/clone.png differ
diff --git a/editor/images/closepath.png b/editor/images/closepath.png
new file mode 100644
index 00000000..7364bfc3
Binary files /dev/null and b/editor/images/closepath.png differ
diff --git a/editor/images/conn.svg b/editor/images/conn.svg
index 1af5e9a4..7aa6202d 100644
--- a/editor/images/conn.svg
+++ b/editor/images/conn.svg
@@ -1,29 +1,29 @@
 <svg xmlns="http://www.w3.org/2000/svg">
-	<g id="mode_connect">
-		<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
-		 <defs>
+  <g id="mode_connect">
+    <svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
+     <defs>
 
-		  <line stroke-width="5" fill="none" stroke="#000000" id="svg_2" y2="121" x2="136" y1="7" x1="136">
-		   <stop stop-opacity="1" stop-color="#4687a0"/>
-		   <stop stop-opacity="1" stop-color="#ffffff"/>
-		  </line>
-		  <linearGradient y2="0.18359" x2="0.29688" y1="0.92188" x1="0.62109" id="svg_3">
-		   <stop stop-opacity="1" stop-color="#417dad" offset="0"/>
-		   <stop stop-opacity="1" stop-color="#ffffff" offset="1"/>
-		  </linearGradient>
-		 </defs>
-		 <g>
-		  <title>Layer 1</title>
-		  <line x1="5.64676" y1="5.60056" x2="18.50037" y2="18.62557" id="svg_5" stroke="#000000" fill="none"/>
-		  <rect opacity="0.75" stroke-width="0.5" x="0.5" y="0.5" width="9.625" height="5.125" id="svg_1" fill="url(#svg_3)" stroke="#000000"/>
-		  <rect opacity="0.75" id="svg_4" stroke-width="0.5" x="13.75" y="18.25" width="9.625" height="5.125" fill="url(#svg_3)" stroke="#000000"/>
-		  <g id="svg_9">
-		   <path d="m14.57119,9.12143l-0.98244,5.18852l2.70861,-4.36084" id="svg_6" fill="#a0a0a0" stroke="#000000"/>
-		   <path d="m14.27564,6.76258c-0.25872,0.72562 -0.40735,1.65632 -0.33812,2.15432l2.90784,1.2509c0.30961,-0.21212 1.08198,-1.1814 1.08198,-1.73736" id="svg_7" fill="url(#svg_3)" stroke="#000000"/>
-		   <path d="m16.28893,0.37519l-2.46413,5.9304l4.76481,2.39435l2.13178,-4.96735" id="svg_8" fill="url(#svg_3)" stroke="#000000"/>
-		  </g>
-		 </g>
-		</svg>
-	</g>
-	<g id="svg_eof"/>
-</svg>
\ No newline at end of file
+      <line stroke-width="5" fill="none" stroke="#000000" id="svg_2" y2="121" x2="136" y1="7" x1="136">
+       <stop stop-opacity="1" stop-color="#4687a0"/>
+       <stop stop-opacity="1" stop-color="#ffffff"/>
+      </line>
+      <linearGradient y2="0.18359" x2="0.29688" y1="0.92188" x1="0.62109" id="svg_3">
+       <stop stop-opacity="1" stop-color="#417dad" offset="0"/>
+       <stop stop-opacity="1" stop-color="#ffffff" offset="1"/>
+      </linearGradient>
+     </defs>
+     <g>
+      <title>Layer 1</title>
+      <line x1="5.64676" y1="5.60056" x2="18.50037" y2="18.62557" id="svg_5" stroke="#000000" fill="none"/>
+      <rect opacity="0.75" stroke-width="0.5" x="0.5" y="0.5" width="9.625" height="5.125" id="svg_1" fill="url(#svg_3)" stroke="#000000"/>
+      <rect opacity="0.75" id="svg_4" stroke-width="0.5" x="13.75" y="18.25" width="9.625" height="5.125" fill="url(#svg_3)" stroke="#000000"/>
+      <g id="svg_9">
+       <path d="m14.57119,9.12143l-0.98244,5.18852l2.70861,-4.36084" id="svg_6" fill="#a0a0a0" stroke="#000000"/>
+       <path d="m14.27564,6.76258c-0.25872,0.72562 -0.40735,1.65632 -0.33812,2.15432l2.90784,1.2509c0.30961,-0.21212 1.08198,-1.1814 1.08198,-1.73736" id="svg_7" fill="url(#svg_3)" stroke="#000000"/>
+       <path d="m16.28893,0.37519l-2.46413,5.9304l4.76481,2.39435l2.13178,-4.96735" id="svg_8" fill="url(#svg_3)" stroke="#000000"/>
+      </g>
+     </g>
+    </svg>
+  </g>
+  <g id="svg_eof"/>
+</svg>
diff --git a/editor/images/context_menu.png b/editor/images/context_menu.png
new file mode 100644
index 00000000..05a49fc1
Binary files /dev/null and b/editor/images/context_menu.png differ
diff --git a/editor/images/copy.png b/editor/images/copy.png
index 23ba357b..b1555e00 100644
Binary files a/editor/images/copy.png and b/editor/images/copy.png differ
diff --git a/editor/images/cut.png b/editor/images/cut.png
index d586098e..b87a4e37 100644
Binary files a/editor/images/cut.png and b/editor/images/cut.png differ
diff --git a/editor/images/delete.png b/editor/images/delete.png
index e71dd96f..d85ea156 100644
Binary files a/editor/images/delete.png and b/editor/images/delete.png differ
diff --git a/editor/images/document-properties.png b/editor/images/document-properties.png
index a5ad7287..82327377 100644
Binary files a/editor/images/document-properties.png and b/editor/images/document-properties.png differ
diff --git a/editor/images/ellipse.png b/editor/images/ellipse.png
index 1402a2d8..6875e2bc 100644
Binary files a/editor/images/ellipse.png and b/editor/images/ellipse.png differ
diff --git a/editor/images/export.png b/editor/images/export.png
new file mode 100644
index 00000000..3ae2a4c0
Binary files /dev/null and b/editor/images/export.png differ
diff --git a/editor/images/eye.png b/editor/images/eye.png
index 564a1a97..fe5e245c 100644
Binary files a/editor/images/eye.png and b/editor/images/eye.png differ
diff --git a/editor/images/fhpath.png b/editor/images/fhpath.png
index 9255cc50..57a5365e 100644
Binary files a/editor/images/fhpath.png and b/editor/images/fhpath.png differ
diff --git a/editor/images/fill.png b/editor/images/fill.png
new file mode 100644
index 00000000..f1394b85
Binary files /dev/null and b/editor/images/fill.png differ
diff --git a/editor/images/flyouth.png b/editor/images/flyouth.png
index 5822ed83..10aba650 100644
Binary files a/editor/images/flyouth.png and b/editor/images/flyouth.png differ
diff --git a/editor/images/fontsize.png b/editor/images/fontsize.png
new file mode 100644
index 00000000..39159ae0
Binary files /dev/null and b/editor/images/fontsize.png differ
diff --git a/editor/images/freehand-circle.png b/editor/images/freehand-circle.png
index 43cb17f9..24726c67 100644
Binary files a/editor/images/freehand-circle.png and b/editor/images/freehand-circle.png differ
diff --git a/editor/images/freehand-square.png b/editor/images/freehand-square.png
index 328fc77d..ecd7f3d2 100644
Binary files a/editor/images/freehand-square.png and b/editor/images/freehand-square.png differ
diff --git a/editor/images/globe_link.png b/editor/images/globe_link.png
new file mode 100644
index 00000000..84eae639
Binary files /dev/null and b/editor/images/globe_link.png differ
diff --git a/editor/images/go-down.png b/editor/images/go-down.png
index 3dd7fccd..8b91699e 100644
Binary files a/editor/images/go-down.png and b/editor/images/go-down.png differ
diff --git a/editor/images/go-up.png b/editor/images/go-up.png
index fa9a7d71..20044881 100644
Binary files a/editor/images/go-up.png and b/editor/images/go-up.png differ
diff --git a/editor/images/group_elements.png b/editor/images/group_elements.png
new file mode 100644
index 00000000..5dbd1ce8
Binary files /dev/null and b/editor/images/group_elements.png differ
diff --git a/editor/images/height.png b/editor/images/height.png
new file mode 100644
index 00000000..a85678ab
Binary files /dev/null and b/editor/images/height.png differ
diff --git a/editor/images/image.png b/editor/images/image.png
index 10f46719..f8fe5641 100644
Binary files a/editor/images/image.png and b/editor/images/image.png differ
diff --git a/editor/images/import.png b/editor/images/import.png
new file mode 100644
index 00000000..a2b23f57
Binary files /dev/null and b/editor/images/import.png differ
diff --git a/editor/images/italic.png b/editor/images/italic.png
index 63485dea..f2c47be5 100644
Binary files a/editor/images/italic.png and b/editor/images/italic.png differ
diff --git a/editor/images/line.png b/editor/images/line.png
index 37975742..f0081a38 100644
Binary files a/editor/images/line.png and b/editor/images/line.png differ
diff --git a/editor/images/linecap_butt.png b/editor/images/linecap_butt.png
new file mode 100644
index 00000000..eea4ff8c
Binary files /dev/null and b/editor/images/linecap_butt.png differ
diff --git a/editor/images/linecap_round.png b/editor/images/linecap_round.png
new file mode 100644
index 00000000..c692818b
Binary files /dev/null and b/editor/images/linecap_round.png differ
diff --git a/editor/images/linecap_square.png b/editor/images/linecap_square.png
new file mode 100644
index 00000000..798af9e6
Binary files /dev/null and b/editor/images/linecap_square.png differ
diff --git a/editor/images/linejoin_bevel.png b/editor/images/linejoin_bevel.png
new file mode 100644
index 00000000..786e4b06
Binary files /dev/null and b/editor/images/linejoin_bevel.png differ
diff --git a/editor/images/linejoin_miter.png b/editor/images/linejoin_miter.png
new file mode 100644
index 00000000..96b7cb62
Binary files /dev/null and b/editor/images/linejoin_miter.png differ
diff --git a/editor/images/linejoin_round.png b/editor/images/linejoin_round.png
new file mode 100644
index 00000000..74e11df3
Binary files /dev/null and b/editor/images/linejoin_round.png differ
diff --git a/editor/images/link_controls.png b/editor/images/link_controls.png
index 516a094b..64cb138b 100644
Binary files a/editor/images/link_controls.png and b/editor/images/link_controls.png differ
diff --git a/editor/images/logo.png b/editor/images/logo.png
index 7c04931c..479125ad 100644
Binary files a/editor/images/logo.png and b/editor/images/logo.png differ
diff --git a/editor/images/logo.svg b/editor/images/logo.svg
index e71308be..83b8e9cc 100644
--- a/editor/images/logo.svg
+++ b/editor/images/logo.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 478 472" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 478 472" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
  <defs>
   <linearGradient id="svg_5" x1="0" y1="0" x2="1" y2="1">
    <stop offset="0" stop-color="#ffffe0" stop-opacity="1"/>
diff --git a/editor/images/move_bottom.png b/editor/images/move_bottom.png
index 6b132507..44ec15f7 100644
Binary files a/editor/images/move_bottom.png and b/editor/images/move_bottom.png differ
diff --git a/editor/images/move_top.png b/editor/images/move_top.png
index 9d54b6a4..aa8f01f0 100644
Binary files a/editor/images/move_top.png and b/editor/images/move_top.png differ
diff --git a/editor/images/no_color.png b/editor/images/no_color.png
new file mode 100644
index 00000000..dd7df0a7
Binary files /dev/null and b/editor/images/no_color.png differ
diff --git a/editor/images/node_clone.png b/editor/images/node_clone.png
index 2187d073..8a3c8abb 100755
Binary files a/editor/images/node_clone.png and b/editor/images/node_clone.png differ
diff --git a/editor/images/node_delete.png b/editor/images/node_delete.png
index ea3f7e68..f5cb8c80 100755
Binary files a/editor/images/node_delete.png and b/editor/images/node_delete.png differ
diff --git a/editor/images/none.png b/editor/images/none.png
index 04c0765f..3d81b1ce 100644
Binary files a/editor/images/none.png and b/editor/images/none.png differ
diff --git a/editor/images/opacity.png b/editor/images/opacity.png
new file mode 100644
index 00000000..a141a7ac
Binary files /dev/null and b/editor/images/opacity.png differ
diff --git a/editor/images/open.png b/editor/images/open.png
index 254a6b81..0bf8ce0f 100644
Binary files a/editor/images/open.png and b/editor/images/open.png differ
diff --git a/editor/images/openpath.png b/editor/images/openpath.png
new file mode 100644
index 00000000..e04f889e
Binary files /dev/null and b/editor/images/openpath.png differ
diff --git a/editor/images/paste.png b/editor/images/paste.png
index ad983155..9b3bcd1c 100644
Binary files a/editor/images/paste.png and b/editor/images/paste.png differ
diff --git a/editor/images/path.png b/editor/images/path.png
index c75a8d71..d093f20b 100644
Binary files a/editor/images/path.png and b/editor/images/path.png differ
diff --git a/editor/images/polygon.png b/editor/images/polygon.png
index bcd640c2..533ea1f6 100644
Binary files a/editor/images/polygon.png and b/editor/images/polygon.png differ
diff --git a/editor/images/rect.png b/editor/images/rect.png
index 4fd15f83..d7e673cf 100644
Binary files a/editor/images/rect.png and b/editor/images/rect.png differ
diff --git a/editor/images/redo.png b/editor/images/redo.png
index 1169fc3b..f959305b 100644
Binary files a/editor/images/redo.png and b/editor/images/redo.png differ
diff --git a/editor/images/reorient.png b/editor/images/reorient.png
index 9455a82c..728a70bd 100644
Binary files a/editor/images/reorient.png and b/editor/images/reorient.png differ
diff --git a/editor/images/rotate.png b/editor/images/rotate.png
index afa68c6f..c73420fe 100644
Binary files a/editor/images/rotate.png and b/editor/images/rotate.png differ
diff --git a/editor/images/save.png b/editor/images/save.png
index 9c4c8d9d..bc617ca9 100644
Binary files a/editor/images/save.png and b/editor/images/save.png differ
diff --git a/editor/images/select.png b/editor/images/select.png
index 1d741f16..0182b992 100644
Binary files a/editor/images/select.png and b/editor/images/select.png differ
diff --git a/editor/images/select_node.png b/editor/images/select_node.png
index 5ed97db9..9705e9a4 100644
Binary files a/editor/images/select_node.png and b/editor/images/select_node.png differ
diff --git a/editor/images/sep.png b/editor/images/sep.png
index 6b902777..d4307e3c 100644
Binary files a/editor/images/sep.png and b/editor/images/sep.png differ
diff --git a/editor/images/shape_group_elements.png b/editor/images/shape_group_elements.png
index bb2ff516..a6e0fcd2 100644
Binary files a/editor/images/shape_group_elements.png and b/editor/images/shape_group_elements.png differ
diff --git a/editor/images/shape_ungroup.png b/editor/images/shape_ungroup.png
index 3a6f369a..d694bcb3 100644
Binary files a/editor/images/shape_ungroup.png and b/editor/images/shape_ungroup.png differ
diff --git a/editor/images/source.png b/editor/images/source.png
index c1f07944..39471617 100644
Binary files a/editor/images/source.png and b/editor/images/source.png differ
diff --git a/editor/images/spinbtn_updn_big.png b/editor/images/spinbtn_updn_big.png
index 3873736f..f6a4481e 100644
Binary files a/editor/images/spinbtn_updn_big.png and b/editor/images/spinbtn_updn_big.png differ
diff --git a/editor/images/square.png b/editor/images/square.png
index 0ca71a67..08fc39dd 100644
Binary files a/editor/images/square.png and b/editor/images/square.png differ
diff --git a/editor/images/stroke.png b/editor/images/stroke.png
new file mode 100644
index 00000000..e69ab368
Binary files /dev/null and b/editor/images/stroke.png differ
diff --git a/editor/images/svg_edit_icons.svg b/editor/images/svg_edit_icons.svg
index 4a19e2e9..d2e36b9f 100644
--- a/editor/images/svg_edit_icons.svg
+++ b/editor/images/svg_edit_icons.svg
@@ -1,5 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg">
-<!-- All images created with SVG-edit - http://svg-edit.googlecode.com/ -->
+<svg xmlns="http://www.w3.org/2000/svg">
+<!-- All images created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
 
 <g id="logo">
 <svg viewBox="0 0 478 472" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
@@ -36,16 +36,16 @@
 
 
 <g id="select">
-	<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-	  <path stroke="#ffffff" fill="#000000" id="svg_13" d="m7.38168,2.46948l0.07502,17.03258l3.30083,-2.62617l2.62566,5.62751l4.20105,-2.62617l-3.30082,-4.80214l4.57614,-0.37517l-11.47787,-12.23044z"/>
-	</svg>
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path stroke="#ffffff" fill="#000000" id="svg_13" d="m7.38168,2.46948l0.07502,17.03258l3.30083,-2.62617l2.62566,5.62751l4.20105,-2.62617l-3.30082,-4.80214l4.57614,-0.37517l-11.47787,-12.23044z"/>
+  </svg>
 </g>
 
 <g id="select_node">
-	<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	  <circle stroke="#0000ff" fill="#00ffff" id="svg_44" r="3.87891" cy="5.3" cx="8.7" stroke-width="1.5"/>
-	  <path d="m9.18161,5.6695l0.07763,15.16198l3.41588,-2.33775l2.71718,5.00947l4.34748,-2.33775l-3.41587,-4.27474l4.73565,-0.33397l-11.87794,-10.88723z" id="svg_13" fill="#000000" stroke="#ffffff"/>
-	</svg>
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <circle stroke="#0000ff" fill="#00ffff" id="svg_44" r="3.87891" cy="5.3" cx="8.7" stroke-width="1.5"/>
+    <path d="m9.18161,5.6695l0.07763,15.16198l3.41588,-2.33775l2.71718,5.00947l4.34748,-2.33775l-3.41587,-4.27474l4.73565,-0.33397l-11.87794,-10.88723z" id="svg_13" fill="#000000" stroke="#ffffff"/>
+  </svg>
 </g>
 
 <g id="square">
@@ -156,31 +156,31 @@
 </g>
 
 <g id="pen">
-	<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	 <defs>
-	  <linearGradient id="svg_16" x1="0.46484" y1="0.15625" x2="0.9375" y2="0.39453">
-	   <stop offset="0" stop-color="#f2feff" stop-opacity="1"/>
-	   <stop offset="1" stop-color="#14609b" stop-opacity="1"/>
-	  </linearGradient>
-	  <linearGradient id="svg_19" x1="0.18359" y1="0.26172" x2="0.77734" y2="0.56641">
-	   <stop offset="0" stop-color="#ffffff" stop-opacity="1"/>
-	   <stop offset="1" stop-color="#fce564" stop-opacity="1"/>
-	  </linearGradient>
-	 </defs>
-	  <line x1="0.99844" y1="1.49067" x2="12.97691" y2="21.14149" id="svg_5" stroke="#000000" fill="none"/>
-	  <path d="m14.05272,13.68732l-1.46451,7.52632l4.03769,-6.32571" id="svg_6" fill="#a0a0a0" stroke="#000000"/>
-	  <path d="m13.61215,10.26563c-0.38567,1.05257 -0.60723,2.40261 -0.50403,3.125l4.33468,1.81452c0.46153,-0.30769 1.6129,-1.71371 1.6129,-2.52016" id="svg_7" fill="url(#svg_19)" stroke="#000000"/>
-	  <path d="m16.61335,1.00028l-3.67325,8.60247l7.10285,3.47318l3.17783,-7.20549" id="svg_8" fill="url(#svg_16)" stroke="#000000"/>
-	</svg>
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+   <defs>
+    <linearGradient id="svg_16" x1="0.46484" y1="0.15625" x2="0.9375" y2="0.39453">
+     <stop offset="0" stop-color="#f2feff" stop-opacity="1"/>
+     <stop offset="1" stop-color="#14609b" stop-opacity="1"/>
+    </linearGradient>
+    <linearGradient id="svg_19" x1="0.18359" y1="0.26172" x2="0.77734" y2="0.56641">
+     <stop offset="0" stop-color="#ffffff" stop-opacity="1"/>
+     <stop offset="1" stop-color="#fce564" stop-opacity="1"/>
+    </linearGradient>
+   </defs>
+    <line x1="0.99844" y1="1.49067" x2="12.97691" y2="21.14149" id="svg_5" stroke="#000000" fill="none"/>
+    <path d="m14.05272,13.68732l-1.46451,7.52632l4.03769,-6.32571" id="svg_6" fill="#a0a0a0" stroke="#000000"/>
+    <path d="m13.61215,10.26563c-0.38567,1.05257 -0.60723,2.40261 -0.50403,3.125l4.33468,1.81452c0.46153,-0.30769 1.6129,-1.71371 1.6129,-2.52016" id="svg_7" fill="url(#svg_19)" stroke="#000000"/>
+    <path d="m16.61335,1.00028l-3.67325,8.60247l7.10285,3.47318l3.17783,-7.20549" id="svg_8" fill="url(#svg_16)" stroke="#000000"/>
+  </svg>
 </g>
 
 <g id="text">
-	<svg viewBox="0 0 158 128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	  <text x="58" y="120" id="svg_1" fill="#000000" stroke="none" font-size="120pt" font-family="sans-serif" text-anchor="middle" fill-opacity="1" stroke-opacity="1" font-weight="bold">A</text>
-	  <line x1="136" y1="7" x2="136" y2="121" id="svg_2" stroke="#000000" fill="none" fill-opacity="1" stroke-opacity="1" stroke-width="5"/>
-	  <line x1="120" y1="4" x2="152" y2="4" id="svg_3" stroke="#000000" stroke-width="5" fill="none" fill-opacity="1" stroke-opacity="1"/>
-	 <line x1="120" y1="124" x2="152" y2="124" stroke="#000000" stroke-width="5" fill="none" fill-opacity="1" stroke-opacity="1" id="svg_4"/>
-	</svg>
+  <svg viewBox="0 0 158 128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <text x="58" y="120" id="svg_1" fill="#000000" stroke="none" font-size="120pt" font-family="sans-serif" text-anchor="middle" fill-opacity="1" stroke-opacity="1" font-weight="bold">A</text>
+    <line x1="136" y1="7" x2="136" y2="121" id="svg_2" stroke="#000000" fill="none" fill-opacity="1" stroke-opacity="1" stroke-width="5"/>
+    <line x1="120" y1="4" x2="152" y2="4" id="svg_3" stroke="#000000" stroke-width="5" fill="none" fill-opacity="1" stroke-opacity="1"/>
+   <line x1="120" y1="124" x2="152" y2="124" stroke="#000000" stroke-width="5" fill="none" fill-opacity="1" stroke-opacity="1" id="svg_4"/>
+  </svg>
 </g>
 
 
@@ -276,36 +276,36 @@
 </g>
 
 <g id="zoom">
-	<svg viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	 <defs>
-	  <linearGradient id="svg_30" x1="0" y1="0" x2="1" y2="0">
-	   <stop offset="0" stop-color="#d3d3d3" stop-opacity="1"/>
-	   <stop offset="1" stop-color="#424242" stop-opacity="1"/>
-	  </linearGradient>
-	 </defs>
-	  <path d="m107.14774,101.03477l-0.64774,43.96523c5.00857,4.72089 14.00811,5.27188 19,0l-0.31667,-44.16l-9.61514,-19.84l-8.42046,20.03477z" id="svg_29" fill="url(#svg_30)" stroke="#202020" stroke-width="2" transform="rotate(-45, 116, 114)"/>
-	  <circle cx="58" cy="58" r="51" id="svg_22" fill="#c0c0c0" stroke="#202020" stroke-width="5"/>
-	  <circle cx="58" cy="58" r="43" id="svg_27" fill="#aaccff" stroke="none"/>
-	  <path d="m15.68604,61.46511c38.13954,17.67442 48.13954,15.34883 85.11628,-0.46511c1.39536,18.60465 -19.30231,41.86047 -42.7907,40.93023c-21.6279,-0.93023 -42.7907,-21.86046 -42.32558,-40.46511z" id="svg_28" fill="#8cbaff" stroke="none"/>
-	</svg>
+  <svg viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+   <defs>
+    <linearGradient id="svg_30" x1="0" y1="0" x2="1" y2="0">
+     <stop offset="0" stop-color="#d3d3d3" stop-opacity="1"/>
+     <stop offset="1" stop-color="#424242" stop-opacity="1"/>
+    </linearGradient>
+   </defs>
+    <path d="m107.14774,101.03477l-0.64774,43.96523c5.00857,4.72089 14.00811,5.27188 19,0l-0.31667,-44.16l-9.61514,-19.84l-8.42046,20.03477z" id="svg_29" fill="url(#svg_30)" stroke="#202020" stroke-width="2" transform="rotate(-45, 116, 114)"/>
+    <circle cx="58" cy="58" r="51" id="svg_22" fill="#c0c0c0" stroke="#202020" stroke-width="5"/>
+    <circle cx="58" cy="58" r="43" id="svg_27" fill="#aaccff" stroke="none"/>
+    <path d="m15.68604,61.46511c38.13954,17.67442 48.13954,15.34883 85.11628,-0.46511c1.39536,18.60465 -19.30231,41.86047 -42.7907,40.93023c-21.6279,-0.93023 -42.7907,-21.86046 -42.32558,-40.46511z" id="svg_28" fill="#8cbaff" stroke="none"/>
+  </svg>
 </g>
 
 <g id="arrow_right">
-	<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 50">
-	  <path stroke="#000000" fill="#000000" d="m0,0l0,50l25,-25l-25,-25z"/>
-	</svg>
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 50">
+    <path stroke="#000000" fill="#000000" d="m0,0l0,50l25,-25l-25,-25z"/>
+  </svg>
 </g>
 
 <g id="arrow_right_big">
-	<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 50">
-	  <path stroke="#000000" fill="#000000" d="m0,0l0,50l25,-25l-25,-25z"/>
-	</svg>
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 50">
+    <path stroke="#000000" fill="#000000" d="m0,0l0,50l25,-25l-25,-25z"/>
+  </svg>
 </g>
 
 <g id="arrow_down">
-	<svg viewBox="0 0 50 40" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	  <path transform="rotate(90, 26, 13)" d="m14,-12l0,50l25,-25l-25,-25z" fill="#000000" stroke="#000000"/>
-	</svg>
+  <svg viewBox="0 0 50 40" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path transform="rotate(90, 26, 13)" d="m14,-12l0,50l25,-25l-25,-25z" fill="#000000" stroke="#000000"/>
+  </svg>
 </g>
 
 <g id="fill">
@@ -354,40 +354,40 @@
 </g>
 
 <g id="save">
-	<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-	 <defs>
-	  <linearGradient y2="0" x2="1" y1="0" x1="0" id="svg_41">
-	   <stop stop-opacity="1" stop-color="#727272" offset="0"/>
-	   <stop stop-opacity="1" stop-color="#d6d6d6" offset="1"/>
-	  </linearGradient>
-	  <linearGradient y2="0.875" x2="0.21484" y1="0.00391" x1="0.04297" id="svg_46">
-	   <stop stop-opacity="1" stop-color="#81bbf4" offset="0"/>
-	   <stop stop-opacity="1" stop-color="#376eb7" offset="1"/>
-	  </linearGradient>
-	 </defs>
-	   <path stroke="#202020" fill="#e0e0e0" id="svg_21" d="m1.51669,22.3458l21.13245,-0.10111l0,-6.06673l-2.62892,-9.80789l-16.27907,0.10111l-2.32558,9.20121l0.10111,6.67341z"/>
-	   <rect stroke="#efefef" fill="url(#svg_41)" id="svg_32" height="4.75108" width="19.21031" y="16.58227" x="2.42667"/>
-	   <path stroke="#ffffff" fill="#c0c0c0" id="svg_42" d="m4.55005,11.12235l0.70779,-2.83114l13.04348,0l0.70779,3.13448c-0.70779,2.52781 -4.04479,3.84227 -7.17897,3.84227c-2.72977,0 -6.37007,-1.41557 -7.28008,-4.1456z"/>
-	  <path stroke="#285582" fill="url(#svg_46)" id="svg_45" d="m7.14286,9.74903l5.21236,5.79151l5.50193,-5.88803l-2.50965,-0.09653l0,-2.79923c0,-2.3166 -2.3166,-5.59846 -6.56371,-5.59846c-4.05405,0 -6.27413,3.37838 -6.56371,6.75676c0.48263,-1.5444 2.7027,-4.53668 4.44015,-4.44015c2.12355,-0.09653 2.79923,1.64093 2.79923,3.37838l0.09653,2.79923l-2.41313,0.09653z"/>
-	</svg>
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+   <defs>
+    <linearGradient y2="0" x2="1" y1="0" x1="0" id="svg_41">
+     <stop stop-opacity="1" stop-color="#727272" offset="0"/>
+     <stop stop-opacity="1" stop-color="#d6d6d6" offset="1"/>
+    </linearGradient>
+    <linearGradient y2="0.875" x2="0.21484" y1="0.00391" x1="0.04297" id="svg_46">
+     <stop stop-opacity="1" stop-color="#81bbf4" offset="0"/>
+     <stop stop-opacity="1" stop-color="#376eb7" offset="1"/>
+    </linearGradient>
+   </defs>
+     <path stroke="#202020" fill="#e0e0e0" id="svg_21" d="m1.51669,22.3458l21.13245,-0.10111l0,-6.06673l-2.62892,-9.80789l-16.27907,0.10111l-2.32558,9.20121l0.10111,6.67341z"/>
+     <rect stroke="#efefef" fill="url(#svg_41)" id="svg_32" height="4.75108" width="19.21031" y="16.58227" x="2.42667"/>
+     <path stroke="#ffffff" fill="#c0c0c0" id="svg_42" d="m4.55005,11.12235l0.70779,-2.83114l13.04348,0l0.70779,3.13448c-0.70779,2.52781 -4.04479,3.84227 -7.17897,3.84227c-2.72977,0 -6.37007,-1.41557 -7.28008,-4.1456z"/>
+    <path stroke="#285582" fill="url(#svg_46)" id="svg_45" d="m7.14286,9.74903l5.21236,5.79151l5.50193,-5.88803l-2.50965,-0.09653l0,-2.79923c0,-2.3166 -2.3166,-5.59846 -6.56371,-5.59846c-4.05405,0 -6.27413,3.37838 -6.56371,6.75676c0.48263,-1.5444 2.7027,-4.53668 4.44015,-4.44015c2.12355,-0.09653 2.79923,1.64093 2.79923,3.37838l0.09653,2.79923l-2.41313,0.09653z"/>
+  </svg>
 </g>
 
 <g id="export">
-	<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
-	 <defs>
-	  <linearGradient id="svg_5" x1="0.77734" y1="0.51172" x2="0.09375" y2="0.53516">
-	   <stop offset="0" stop-color="#81bbf4"/>
-	   <stop offset="1" stop-color="#376eb7"/>
-	  </linearGradient>
-	 </defs>
-	 <g>
-	  <rect x="7.22599" y="1.3603" width="15.76465" height="21.51735" id="svg_55" fill="#eaeaea" stroke="#606060"/>
-	  <circle fill="#31abed" stroke-width="0.5" cx="17.4206" cy="11.1278" r="4.69727" id="svg_3"/>
-	  <path fill="#ffcc00" stroke-width="0.5" d="m9.67673,20.24302l7.38701,-6.80778l2.91746,6.71323" id="svg_4"/>
-	  <rect fill="#ff5555" stroke-width="0.5" x="9.5385" y="2.94914" width="5.74652" height="5.74652" id="svg_2"/>
-	  <path d="m6.13727,17.94236l5.77328,-4.91041l-5.86949,-5.1832l-0.09622,2.36426l-4.64805,-0.06751l-0.04665,5.54694l4.79093,-0.02342l0.09623,2.27334z" id="svg_45" fill="url(#svg_5)" stroke="#285582"/>
-	 </g>
-	</svg>
+  <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
+   <defs>
+    <linearGradient id="svg_5" x1="0.77734" y1="0.51172" x2="0.09375" y2="0.53516">
+     <stop offset="0" stop-color="#81bbf4"/>
+     <stop offset="1" stop-color="#376eb7"/>
+    </linearGradient>
+   </defs>
+   <g>
+    <rect x="7.22599" y="1.3603" width="15.76465" height="21.51735" id="svg_55" fill="#eaeaea" stroke="#606060"/>
+    <circle fill="#31abed" stroke-width="0.5" cx="17.4206" cy="11.1278" r="4.69727" id="svg_3"/>
+    <path fill="#ffcc00" stroke-width="0.5" d="m9.67673,20.24302l7.38701,-6.80778l2.91746,6.71323" id="svg_4"/>
+    <rect fill="#ff5555" stroke-width="0.5" x="9.5385" y="2.94914" width="5.74652" height="5.74652" id="svg_2"/>
+    <path d="m6.13727,17.94236l5.77328,-4.91041l-5.86949,-5.1832l-0.09622,2.36426l-4.64805,-0.06751l-0.04665,5.54694l4.79093,-0.02342l0.09623,2.27334z" id="svg_45" fill="url(#svg_5)" stroke="#285582"/>
+   </g>
+  </svg>
 </g>
 
 <g id="open">
@@ -417,30 +417,30 @@
   </linearGradient>
  </defs>
  <rect x="2.42792" y="1.6692" width="18" height="21" id="svg_55" fill="#eaeaea" stroke="#606060"/>
-	  <path stroke="#285582" fill="url(#svg_46_import)" id="svg_45" d="m7.14286,12.74903l5.21236,5.79151l5.50193,-5.88803l-2.50965,-0.09653l0,-2.79923c0,-2.3166 -2.3166,-5.59846 -6.56371,-5.59846c-4.05405,0 -6.27413,3.37838 -6.56371,6.75676c0.48263,-1.5444 2.7027,-4.53668 4.44015,-4.44015c2.12355,-0.09653 2.79923,1.64093 2.79923,3.37838l0.09653,2.79923l-2.41313,0.09653z"/>
+    <path stroke="#285582" fill="url(#svg_46_import)" id="svg_45" d="m7.14286,12.74903l5.21236,5.79151l5.50193,-5.88803l-2.50965,-0.09653l0,-2.79923c0,-2.3166 -2.3166,-5.59846 -6.56371,-5.59846c-4.05405,0 -6.27413,3.37838 -6.56371,6.75676c0.48263,-1.5444 2.7027,-4.53668 4.44015,-4.44015c2.12355,-0.09653 2.79923,1.64093 2.79923,3.37838l0.09653,2.79923l-2.41313,0.09653z"/>
 </svg>
 </g>
 
 <g id="docprops">
-	<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-	 <defs>
-	  <linearGradient y2="1" x2="1" y1="0.5" x1="1" id="svg_53">
-	   <stop stop-opacity="1" stop-color="#606060" offset="0"/>
-	   <stop stop-opacity="0" stop-color="#5e5e5e" offset="1"/>
-	  </linearGradient>
-	 </defs>
-	  <rect stroke="#606060" fill="#eaeaea" id="svg_55" height="21" width="18" y="1.6692" x="2.42792"/>
-	  <line fill="none" stroke="#a0a0a0" id="svg_56" y2="4.37757" x2="14.89023" y1="4.37757" x1="6.696"/>
-	  <line fill="none" stroke="#a0a0a0" id="svg_57" y2="7.10804" x2="12.92026" y1="7.10804" x1="6.6948"/>
-	  <line fill="none" stroke="#a0a0a0" id="svg_58" y2="9.84241" x2="15.64716" y1="9.84241" x1="6.6942"/>
-	  <line fill="none" stroke="#a0a0a0" id="svg_59" y2="12.36585" x2="13.21805" y1="12.36585" x1="6.69691"/>
-	  <line fill="none" stroke="#a0a0a0" id="svg_60" y2="15.06507" x2="14.43591" y1="15.06507" x1="6.69691"/>
-	  <line fill="none" stroke="#a0a0a0" id="svg_61" y2="17.84241" x2="13.36979" y1="17.84241" x1="6.69691"/>
-	  <g id="svg_54">
-	   <path transform="rotate(-45, 12.5448, 11.7085)" stroke="none" fill="#606060" id="svg_31" d="m11.24329,8.73944l0,2.79974l2.53499,0.07777l0,-2.95528c1.78134,0.07777 2.26093,1.39987 2.12391,2.95528c-0.06851,1.63318 -1.30175,3.49967 -3.49418,3.26636c-2.19242,-0.31108 -2.87755,-1.39987 -3.15161,-2.72197c-0.27406,-1.39987 0.41108,-3.34413 1.98689,-3.4219z"/>
-	   <rect opacity="0.95" transform="rotate(-45, 16.2485, 15.1732)" stroke="none" fill="url(#svg_53)" id="svg_50" height="4.85445" width="2.57974" y="12.746" x="15.04047"/>
-	  </g>
-	</svg>
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+   <defs>
+    <linearGradient y2="1" x2="1" y1="0.5" x1="1" id="svg_53">
+     <stop stop-opacity="1" stop-color="#606060" offset="0"/>
+     <stop stop-opacity="0" stop-color="#5e5e5e" offset="1"/>
+    </linearGradient>
+   </defs>
+    <rect stroke="#606060" fill="#eaeaea" id="svg_55" height="21" width="18" y="1.6692" x="2.42792"/>
+    <line fill="none" stroke="#a0a0a0" id="svg_56" y2="4.37757" x2="14.89023" y1="4.37757" x1="6.696"/>
+    <line fill="none" stroke="#a0a0a0" id="svg_57" y2="7.10804" x2="12.92026" y1="7.10804" x1="6.6948"/>
+    <line fill="none" stroke="#a0a0a0" id="svg_58" y2="9.84241" x2="15.64716" y1="9.84241" x1="6.6942"/>
+    <line fill="none" stroke="#a0a0a0" id="svg_59" y2="12.36585" x2="13.21805" y1="12.36585" x1="6.69691"/>
+    <line fill="none" stroke="#a0a0a0" id="svg_60" y2="15.06507" x2="14.43591" y1="15.06507" x1="6.69691"/>
+    <line fill="none" stroke="#a0a0a0" id="svg_61" y2="17.84241" x2="13.36979" y1="17.84241" x1="6.69691"/>
+    <g id="svg_54">
+     <path transform="rotate(-45, 12.5448, 11.7085)" stroke="none" fill="#606060" id="svg_31" d="m11.24329,8.73944l0,2.79974l2.53499,0.07777l0,-2.95528c1.78134,0.07777 2.26093,1.39987 2.12391,2.95528c-0.06851,1.63318 -1.30175,3.49967 -3.49418,3.26636c-2.19242,-0.31108 -2.87755,-1.39987 -3.15161,-2.72197c-0.27406,-1.39987 0.41108,-3.34413 1.98689,-3.4219z"/>
+     <rect opacity="0.95" transform="rotate(-45, 16.2485, 15.1732)" stroke="none" fill="url(#svg_53)" id="svg_50" height="4.85445" width="2.57974" y="12.746" x="15.04047"/>
+    </g>
+  </svg>
 </g>
 
 <g id="source">
@@ -454,7 +454,7 @@
   <line id="svg_64" stroke-width="3" fill="none" stroke="#aa0000" y2="8" x2="39" y1="26" x1="51"/>
  </svg>
 </g>
- 
+
 <g id="wireframe">
  <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <circle stroke="#000000" fill="none" id="svg_49" r="8" cy="9.5" cx="9.5"/>
@@ -516,15 +516,15 @@
 </g>
 
 <g id="go_up">
-	<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
-	 <defs>
-	  <linearGradient y2="0" x2="0.7" y1="0" x1="0" id="svg_74">
-	   <stop stop-opacity="1" stop-color="#afe853" offset="0"/>
-	   <stop stop-opacity="1" stop-color="#52a310" offset="1"/>
-	  </linearGradient>
-	 </defs>
-	  <path stroke="#008000" fill="url(#svg_74)" id="svg_33" d="m5.38492,16.77043l7.07692,0l0,-5.23077l4.15385,0l-7.69231,-10.15385l-7.69231,10.15385l4.15385,0l0,5.23077z"/>
-	</svg>
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+   <defs>
+    <linearGradient y2="0" x2="0.7" y1="0" x1="0" id="svg_74">
+     <stop stop-opacity="1" stop-color="#afe853" offset="0"/>
+     <stop stop-opacity="1" stop-color="#52a310" offset="1"/>
+    </linearGradient>
+   </defs>
+    <path stroke="#008000" fill="url(#svg_74)" id="svg_33" d="m5.38492,16.77043l7.07692,0l0,-5.23077l4.15385,0l-7.69231,-10.15385l-7.69231,10.15385l4.15385,0l0,5.23077z"/>
+  </svg>
 </g>
 
 <g id="go_down">
@@ -540,15 +540,15 @@
 </g>
 
 <g id="context_menu">
-	<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
-	  <path stroke-width="0" id="svg_11" d="m4.5,46.5l52,0l-26,38l-26,-38z" stroke="#000" fill="#000"/>
-	  <g id="svg_16">
-	   <line stroke-width="10" id="svg_12" y2="27.5" x2="117.5" y1="27.5" x1="59.5" stroke="#000" fill="#000"/>
-	   <line id="svg_13" stroke-width="10" y2="51.5" x2="117.5" y1="51.5" x1="59.5" stroke="#000" fill="#000"/>
-	   <line id="svg_14" stroke-width="10" y2="73.5" x2="117.5" y1="73.5" x1="59.5" stroke="#000" fill="#000"/>
-	   <line id="svg_15" stroke-width="10" y2="97.5" x2="117.5" y1="97.5" x1="59.5" stroke="#000" fill="#000"/>
-	  </g>
-	</svg>
+  <svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
+    <path stroke-width="0" id="svg_11" d="m4.5,46.5l52,0l-26,38l-26,-38z" stroke="#000" fill="#000"/>
+    <g id="svg_16">
+     <line stroke-width="10" id="svg_12" y2="27.5" x2="117.5" y1="27.5" x1="59.5" stroke="#000" fill="#000"/>
+     <line id="svg_13" stroke-width="10" y2="51.5" x2="117.5" y1="51.5" x1="59.5" stroke="#000" fill="#000"/>
+     <line id="svg_14" stroke-width="10" y2="73.5" x2="117.5" y1="73.5" x1="59.5" stroke="#000" fill="#000"/>
+     <line id="svg_15" stroke-width="10" y2="97.5" x2="117.5" y1="97.5" x1="59.5" stroke="#000" fill="#000"/>
+    </g>
+  </svg>
 </g>
 
 <g id="move_bottom">
@@ -693,15 +693,15 @@
 </g>
 
 <g id="width">
-	<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
-	  <path id="svg_6" d="m19,42.5l-7.5,7.5l7.5,7.5l0,-15zm0,7.5l62,0l0,-7.5l7.5,7.5l-7.5,7.5l0,-7.5" stroke-width="8" stroke="#000000" fill="#000000"/>
-	</svg>
+  <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
+    <path id="svg_6" d="m19,42.5l-7.5,7.5l7.5,7.5l0,-15zm0,7.5l62,0l0,-7.5l7.5,7.5l-7.5,7.5l0,-7.5" stroke-width="8" stroke="#000000" fill="#000000"/>
+  </svg>
 </g>
 
 <g id="height">
-	<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
-	  <path transform="rotate(90, 50, 50)" fill="#000000" stroke="#000000" stroke-width="8" d="m19,42.5l-7.5,7.5l7.5,7.5l0,-15zm0,7.5l62,0l0,-7.5l7.5,7.5l-7.5,7.5l0,-7.5" id="svg_6"/>
-	</svg>
+  <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
+    <path transform="rotate(90, 50, 50)" fill="#000000" stroke="#000000" stroke-width="8" d="m19,42.5l-7.5,7.5l7.5,7.5l0,-15zm0,7.5l62,0l0,-7.5l7.5,7.5l-7.5,7.5l0,-7.5" id="svg_6"/>
+  </svg>
 </g>
 
 <g id="c_radius">
@@ -721,7 +721,7 @@
 
 <g id="blur">
 <svg width="300" height="300" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
  <defs>
   <filter id="svg_4_blur" x="-50%" y="-50%" width="200%" height="200%">
    <feGaussianBlur stdDeviation="25"/>
@@ -739,53 +739,53 @@
 </g>
 
 <g id="align">
-	<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg">
-	  <rect stroke="#606060" fill="#c0c0c0" id="svg_4" height="7" width="12" y="7.5" x="4.5"/>
-	  <rect stroke="#c15909" fill="#ef9a23" id="svg_2" height="40" width="2" y="-10" x="9.5"/>
-	  <rect stroke="#ffffff" fill="none" id="svg_5" height="5" width="10" y="8.5" x="5.5"/>
-	</svg>
+  <svg width="22" height="22" xmlns="http://www.w3.org/2000/svg">
+    <rect stroke="#606060" fill="#c0c0c0" id="svg_4" height="7" width="12" y="7.5" x="4.5"/>
+    <rect stroke="#c15909" fill="#ef9a23" id="svg_2" height="40" width="2" y="-10" x="9.5"/>
+    <rect stroke="#ffffff" fill="none" id="svg_5" height="5" width="10" y="8.5" x="5.5"/>
+  </svg>
 </g>
 
 <g id="align_left">
-	<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
-	  <rect stroke="#606060" fill="#ffffff" id="svg_4" height="7" width="12" y="2.5" x="2.5"/>
-	  <rect stroke="none" fill="#c0c0c0" id="svg_5" height="4" width="11" y="4" x="2"/>
-	  <rect id="svg_6" stroke="#606060" fill="#ffffff" height="7" width="18" y="12.5" x="2.5"/>
-	  <rect id="svg_7" stroke="none" fill="#c0c0c0" height="4" width="17" y="14" x="2"/>
-	  <rect stroke="#c15909" fill="#ef9a23" id="svg_2" height="40" width="2" y="-10" x="1.5"/>
-	</svg>
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
+    <rect stroke="#606060" fill="#ffffff" id="svg_4" height="7" width="12" y="2.5" x="2.5"/>
+    <rect stroke="none" fill="#c0c0c0" id="svg_5" height="4" width="11" y="4" x="2"/>
+    <rect id="svg_6" stroke="#606060" fill="#ffffff" height="7" width="18" y="12.5" x="2.5"/>
+    <rect id="svg_7" stroke="none" fill="#c0c0c0" height="4" width="17" y="14" x="2"/>
+    <rect stroke="#c15909" fill="#ef9a23" id="svg_2" height="40" width="2" y="-10" x="1.5"/>
+  </svg>
 </g>
 
 <g id="align_center">
-	<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	  <rect x="1.5" y="12.5" width="18" height="7" fill="#c0c0c0" stroke="#606060" id="svg_6"/>
-	  <rect x="4.5" y="2.5" width="12" height="7" id="svg_4" fill="#c0c0c0" stroke="#606060"/>
-	  <rect x="9.5" y="-10" width="2" height="40" id="svg_2" fill="#ef9a23" stroke="#c15909"/>
-	  <rect x="2.5" y="13.5" width="16" height="5" fill="none" stroke="#ffffff" id="svg_7"/>
-	  <rect x="5.5" y="3.5" width="10" height="5" id="svg_5" fill="none" stroke="#ffffff"/>
-	</svg>
+  <svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <rect x="1.5" y="12.5" width="18" height="7" fill="#c0c0c0" stroke="#606060" id="svg_6"/>
+    <rect x="4.5" y="2.5" width="12" height="7" id="svg_4" fill="#c0c0c0" stroke="#606060"/>
+    <rect x="9.5" y="-10" width="2" height="40" id="svg_2" fill="#ef9a23" stroke="#c15909"/>
+    <rect x="2.5" y="13.5" width="16" height="5" fill="none" stroke="#ffffff" id="svg_7"/>
+    <rect x="5.5" y="3.5" width="10" height="5" id="svg_5" fill="none" stroke="#ffffff"/>
+  </svg>
 </g>
 
 <g id="align_right">
-	<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	  <rect x="7.5" y="2.5" width="12" height="7" id="svg_4" fill="#ffffff" stroke="#606060"/>
-	  <rect x="9" y="4" width="11" height="4" id="svg_5" fill="#c0c0c0" stroke="none"/>
-	  <rect x="1.5" y="12.5" width="18" height="7" fill="#ffffff" stroke="#606060" id="svg_6"/>
-	  <rect x="3" y="14" width="17" height="4" fill="#c0c0c0" stroke="none" id="svg_7"/>
-	  <rect x="18.5" y="-10" width="2" height="40" id="svg_2" fill="#ef9a23" stroke="#c15909"/>
-	</svg>
+  <svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <rect x="7.5" y="2.5" width="12" height="7" id="svg_4" fill="#ffffff" stroke="#606060"/>
+    <rect x="9" y="4" width="11" height="4" id="svg_5" fill="#c0c0c0" stroke="none"/>
+    <rect x="1.5" y="12.5" width="18" height="7" fill="#ffffff" stroke="#606060" id="svg_6"/>
+    <rect x="3" y="14" width="17" height="4" fill="#c0c0c0" stroke="none" id="svg_7"/>
+    <rect x="18.5" y="-10" width="2" height="40" id="svg_2" fill="#ef9a23" stroke="#c15909"/>
+  </svg>
 </g>
 
 <g id="align_top">
-	<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-	  <g transform="rotate(90, 11, 11)" id="svg_1">
-	   <rect x="2.5" y="3.5" width="12" height="7" id="svg_4" fill="#ffffff" stroke="#606060"/>
-	   <rect x="2" y="5" width="11" height="4" id="svg_5" fill="#c0c0c0" stroke="none"/>
-	   <rect x="2.5" y="13.5" width="18" height="7" fill="#ffffff" stroke="#606060" id="svg_6"/>
-	   <rect x="2" y="15" width="17" height="4" fill="#c0c0c0" stroke="none" id="svg_7"/>
-	   <rect x="1.5" y="-9" width="2" height="40" id="svg_2" fill="#ef9a23" stroke="#c15909"/>
-	  </g>
-	</svg>
+  <svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g transform="rotate(90, 11, 11)" id="svg_1">
+     <rect x="2.5" y="3.5" width="12" height="7" id="svg_4" fill="#ffffff" stroke="#606060"/>
+     <rect x="2" y="5" width="11" height="4" id="svg_5" fill="#c0c0c0" stroke="none"/>
+     <rect x="2.5" y="13.5" width="18" height="7" fill="#ffffff" stroke="#606060" id="svg_6"/>
+     <rect x="2" y="15" width="17" height="4" fill="#c0c0c0" stroke="none" id="svg_7"/>
+     <rect x="1.5" y="-9" width="2" height="40" id="svg_2" fill="#ef9a23" stroke="#c15909"/>
+    </g>
+  </svg>
 </g>
 
 <g id="align_middle">
@@ -814,7 +814,7 @@
 
 <g id="linecap_butt">
 <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:se="http://svg-edit.googlecode.com" xmlns:xlink="http://www.w3.org/1999/xlink">
- <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
  <defs>
   <linearGradient id="svg_8" x1="0.8" y1="1" x2="0.2" y2="1">
    <stop offset="0" stop-color="#000000" stop-opacity="1"/>
@@ -831,7 +831,7 @@
 
 <g id="linecap_square">
 <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:se="http://svg-edit.googlecode.com" xmlns:xlink="http://www.w3.org/1999/xlink">
- <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
  <defs>
   <linearGradient id="svg_8" x1="0.8" y1="1" x2="0.2" y2="1">
    <stop offset="0" stop-color="#000000" stop-opacity="1"/>
@@ -848,7 +848,7 @@
 
 <g id="linecap_round">
 <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com">
- <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
  <defs>
   <linearGradient y2="1" x2="0.2" y1="1" x1="0.8" id="svg_8">
    <stop stop-opacity="1" stop-color="#000000" offset="0"/>
@@ -865,7 +865,7 @@
 
 <g id="linejoin_miter">
 <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com">
- <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
  <defs>
   <linearGradient y2="1" x2="0.2" y1="1" x1="0.8" id="svg_8">
    <stop stop-opacity="1" stop-color="#000000" offset="0"/>
@@ -882,7 +882,7 @@
 
 <g id="linejoin_bevel">
 <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com">
- <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
  <defs>
   <linearGradient y2="1" x2="0.2" y1="1" x1="0.8" id="svg_8">
    <stop stop-opacity="1" stop-color="#000000" offset="0"/>
@@ -899,7 +899,7 @@
 
 <g id="linejoin_round">
 <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com">
- <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
  <defs>
   <linearGradient y2="1" x2="0.2" y1="1" x1="0.8" id="svg_8">
    <stop stop-opacity="1" stop-color="#000000" offset="0"/>
@@ -930,22 +930,22 @@
 </g>
 
 <g id="no_color">
-	<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-	  <line fill="none" stroke="#d40000" id="svg_90" y2="24" x2="24" y1="0" x1="0"/>
-	  <line id="svg_92" fill="none" stroke="#d40000" y2="24" x2="0" y1="0" x1="24"/>
-	</svg>
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <line fill="none" stroke="#d40000" id="svg_90" y2="24" x2="24" y1="0" x1="0"/>
+    <line id="svg_92" fill="none" stroke="#d40000" y2="24" x2="0" y1="0" x1="24"/>
+  </svg>
 </g>
 
 <g id="ok">
-	<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-	 <defs>
-	  <linearGradient y2="0.65625" x2="0.94141" y1="0.43359" x1="0.42969" id="svg_106">
-	   <stop stop-opacity="1" stop-color="#38ff45" offset="0"/>
-	   <stop stop-opacity="1" stop-color="#127c0c" offset="1"/>
-	  </linearGradient>
-	 </defs>
-	  <path transform="rotate(45, 12, 10)" stroke="#005500" fill="url(#svg_106)" id="svg_101" d="m7.9,15.9l4.9,-0.05l0,-13.75l3.8,0l0,17.6l-8.7,0l0,-3.8z"/>
-	</svg>
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+   <defs>
+    <linearGradient y2="0.65625" x2="0.94141" y1="0.43359" x1="0.42969" id="svg_106">
+     <stop stop-opacity="1" stop-color="#38ff45" offset="0"/>
+     <stop stop-opacity="1" stop-color="#127c0c" offset="1"/>
+    </linearGradient>
+   </defs>
+    <path transform="rotate(45, 12, 10)" stroke="#005500" fill="url(#svg_106)" id="svg_101" d="m7.9,15.9l4.9,-0.05l0,-13.75l3.8,0l0,17.6l-8.7,0l0,-3.8z"/>
+  </svg>
 </g>
 
 <g id="cancel">
diff --git a/editor/images/text.png b/editor/images/text.png
index 5652e2fa..11ba7df7 100644
Binary files a/editor/images/text.png and b/editor/images/text.png differ
diff --git a/editor/images/to_path.png b/editor/images/to_path.png
index 4209828d..4e0e3c05 100644
Binary files a/editor/images/to_path.png and b/editor/images/to_path.png differ
diff --git a/editor/images/undo.png b/editor/images/undo.png
index cd4ab955..8187a691 100644
Binary files a/editor/images/undo.png and b/editor/images/undo.png differ
diff --git a/editor/images/unlink_use.png b/editor/images/unlink_use.png
new file mode 100644
index 00000000..69f27c8b
Binary files /dev/null and b/editor/images/unlink_use.png differ
diff --git a/editor/images/view-refresh.png b/editor/images/view-refresh.png
index 3fd71d6e..20c9f817 100644
Binary files a/editor/images/view-refresh.png and b/editor/images/view-refresh.png differ
diff --git a/editor/images/warning.png b/editor/images/warning.png
new file mode 100644
index 00000000..92da2194
Binary files /dev/null and b/editor/images/warning.png differ
diff --git a/editor/images/wave.png b/editor/images/wave.png
deleted file mode 100644
index 10fa7122..00000000
Binary files a/editor/images/wave.png and /dev/null differ
diff --git a/editor/images/width.png b/editor/images/width.png
new file mode 100644
index 00000000..0615d5d0
Binary files /dev/null and b/editor/images/width.png differ
diff --git a/editor/images/wireframe.png b/editor/images/wireframe.png
index 89db7e9e..6feb9574 100644
Binary files a/editor/images/wireframe.png and b/editor/images/wireframe.png differ
diff --git a/editor/images/zoom.png b/editor/images/zoom.png
index c4fb6f17..557220af 100644
Binary files a/editor/images/zoom.png and b/editor/images/zoom.png differ
diff --git a/editor/jQuery.attr.js b/editor/jQuery.attr.js
new file mode 100644
index 00000000..81f18709
--- /dev/null
+++ b/editor/jQuery.attr.js
@@ -0,0 +1,79 @@
+/**
+ * jQuery module to work with SVG attributes
+ * @module jQueryAttr
+ * @license MIT
+ */
+
+/**
+* This fixes `$(...).attr()` to work as expected with SVG elements.
+* Does not currently use `*AttributeNS()` since we rarely need that.
+* Adds {@link external:jQuery.fn.attr}.
+* See {@link https://api.jquery.com/attr/} for basic documentation of `.attr()`
+*
+* Additional functionality:
+* - When getting attributes, a string that's a number is returned as type number.
+* - If an array is supplied as the first parameter, multiple values are returned
+*    as an object with values for each given attribute
+* @function module:jQueryAttr.jQueryAttr
+* @param {external:jQuery} $ The jQuery object to which to add the plug-in
+* @returns {external:jQuery}
+*/
+export default function ($) {
+  const proxied = $.fn.attr,
+    svgns = 'http://www.w3.org/2000/svg';
+  /**
+  * @typedef {PlainObject.<string, string|Float>} module:jQueryAttr.Attributes
+  */
+  /**
+  * @function external:jQuery.fn.attr
+  * @param {string|string[]|PlainObject.<string, string>} key
+  * @param {string} value
+  * @returns {external:jQuery|module:jQueryAttr.Attributes}
+  */
+  $.fn.attr = function (key, value) {
+    const len = this.length;
+    if (!len) { return proxied.apply(this, arguments); }
+    for (let i = 0; i < len; ++i) {
+      const elem = this[i];
+      // set/get SVG attribute
+      if (elem.namespaceURI === svgns) {
+        // Setting attribute
+        if (value !== undefined) {
+          elem.setAttribute(key, value);
+        } else if (Array.isArray(key)) {
+          // Getting attributes from array
+          const obj = {};
+          let j = key.length;
+
+          while (j--) {
+            const aname = key[j];
+            let attr = elem.getAttribute(aname);
+            // This returns a number when appropriate
+            if (attr || attr === '0') {
+              attr = isNaN(attr) ? attr : (attr - 0);
+            }
+            obj[aname] = attr;
+          }
+          return obj;
+        }
+        if (typeof key === 'object') {
+          // Setting attributes from object
+          for (const [name, val] of Object.entries(key)) {
+            elem.setAttribute(name, val);
+          }
+        // Getting attribute
+        } else {
+          let attr = elem.getAttribute(key);
+          if (attr || attr === '0') {
+            attr = isNaN(attr) ? attr : (attr - 0);
+          }
+          return attr;
+        }
+      } else {
+        return proxied.apply(this, arguments);
+      }
+    }
+    return this;
+  };
+  return $;
+}
diff --git a/editor/jgraduate/LICENSE b/editor/jgraduate/LICENSE-Apache2.0.txt
similarity index 100%
rename from editor/jgraduate/LICENSE
rename to editor/jgraduate/LICENSE-Apache2.0.txt
diff --git a/editor/jgraduate/css/jGraduate.css b/editor/jgraduate/css/jGraduate.css
new file mode 100644
index 00000000..bfacfe32
--- /dev/null
+++ b/editor/jgraduate/css/jGraduate.css
@@ -0,0 +1,351 @@
+/*
+ * jGraduate Default CSS
+ *
+ * Copyright (c) 2010 Jeff Schiller
+ * http://blog.codedread.com/
+ *
+ * Copyright (c) 2010 Alexis Deveria
+ * http://a.deveria.com/
+ *
+ * Licensed under the MIT License
+ */
+
+h2.jGraduate_Title {
+  font-family: Arial, Helvetica, Sans-Serif;
+  font-size: 11px !important;
+  font-weight: bold;
+  margin: -13px 0px 0px 0px;
+  padding: 0px;
+  text-align: center;
+}
+
+.jGraduate_Picker {
+  font-family: Arial, Helvetica, Sans-Serif;
+  font-size: 12px;
+  border-style: solid;
+  border-color: lightgrey black black lightgrey;
+  border-width: 1px;
+  background-color: #EFEFEF;
+  position: absolute;
+  padding: 10px;
+}
+
+.jGraduate_tabs li {
+  background-color: #ccc;
+  display: inline;
+  border: solid 1px grey;
+  padding: 3px;
+  margin: 2px;
+  cursor: pointer;
+}
+
+li.jGraduate_tab_current {
+  background-color: #EFEFEF;
+  display: inline;
+  padding: 3px;
+  margin: 2px;
+  border: solid 1px black;
+  cursor: pointer;
+}
+
+.jGraduate_colPick {
+  display: none;
+}
+
+.jGraduate_gradPick {
+  display: none;
+  border: outset 1px #666;
+  padding: 10px 7px 5px 5px;
+  overflow: auto;
+}
+
+.jGraduate_gradPick {
+  display: none;
+  border: outset 1px #666;
+  padding: 10px 7px 5px 5px;
+  overflow: auto;
+/*  position: relative;*/
+}
+
+.jGraduate_tabs {
+  position: relative;
+  background-color: #EFEFEF;
+  padding: 0px;
+  margin: 0px;
+  margin-bottom: 5px;
+}
+
+div.jGraduate_Swatch {
+  float: left;
+  margin: 8px;
+}
+div.jGraduate_GradContainer {
+  border: 2px inset #EEE;
+  background-image: url(../images/map-opacity.png);
+  background-position: 0px 0px;
+  height: 256px;
+  width: 256px;
+  position: relative;
+}
+
+div.jGraduate_GradContainer div.grad_coord {
+  background: #000;
+  border: 1px solid #fff;
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  width: 10px;
+  height: 10px;
+  position: absolute;
+  margin: -5px -5px;
+  top: 0;
+  left: 0;
+  text-align: center;
+  font-size: xx-small;
+  line-height: 10px;
+  color: #fff;
+  text-decoration: none;
+  cursor: pointer;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+}
+
+.jGraduate_AlphaArrows {
+  position: absolute;
+  margin-top: -10px;
+  margin-left: 250.5px;
+}
+
+div.jGraduate_Opacity {
+  border: 2px inset #eee;
+  margin-top: 14px;
+  background-color: black;
+  background-image: url(../images/Maps.png);
+  background-position: 0px -2816px;
+  height: 20px;
+  cursor: ew-resize;
+}
+
+div.jGraduate_StopSlider {
+/*  border: 2px inset #eee;*/
+  margin: 0 0 0 -10px;
+  width: 276px;
+  overflow: visible;
+  background: #efefef;
+  height: 45px;
+  cursor: pointer;
+}
+
+div.jGraduate_StopSection {
+  width: 120px;
+  text-align: center;
+}
+
+
+
+
+input.jGraduate_Ok, input.jGraduate_Cancel {
+  display: block;
+  width: 100px;
+  margin-left: -4px;
+  margin-right: -4px;
+}
+input.jGraduate_Ok {
+  margin: 9px -4px 5px -4px;
+}
+
+.colorBox {
+  float: left;
+  height: 16px;
+  width: 16px;
+  border: 1px solid #808080;
+  cursor: pointer;
+  margin: 4px 4px 4px 30px;
+}
+
+.colorBox + label {
+  float: left;
+  margin-top: 7px;
+}
+
+label.jGraduate_Form_Heading {
+  position: relative;
+  top: 10px;
+  background-color: #EFEFEF;
+  padding: 2px;
+  font-weight: bold;
+  font-size: 13px;
+}
+
+div.jGraduate_Form_Section {
+  border-style: solid;
+  border-width: 1px;
+  border-color: grey;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  padding: 15px 5px 5px 5px;
+  margin: 5px 2px;
+  width: 110px;
+  text-align: center;
+  overflow: auto;
+}
+
+div.jGraduate_Form_Section label {
+  padding: 0 2px;
+}
+
+div.jGraduate_StopSection input[type=text],
+div.jGraduate_Slider input[type=text] {
+  width: 33px;
+}
+
+div.jGraduate_LightBox {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  background-color: #000;
+  opacity: 0.5;
+  display: none;
+}
+
+div.jGraduate_stopPicker {
+  position: absolute;
+  display: none;
+  background: #E8E8E8;
+}
+
+
+.jGraduate_gradPick {
+  width: 535px;
+}
+
+.jGraduate_gradPick div.jGraduate_OpacField {
+
+  position: absolute;
+  left: 0;
+  bottom: 5px;
+/*
+  width: 270px;
+
+  left: 284px;
+  width: 266px;
+  height: 200px;
+  top: 167px;
+  margin: -3px 3px 0px 4px;
+*/
+}
+
+.jGraduate_gradPick .jGraduate_Form {
+  float: left;
+  width: 270px;
+  position: absolute;
+  left: 284px;
+  width: 266px;
+  height: 200px;
+  top: 167px;
+  margin: -3px 3px 0px 10px;
+}
+
+.jGraduate_gradPick .jGraduate_Points {
+  position: static;
+  width: 150px;
+  margin-left: 0;
+}
+
+.jGraduate_SpreadMethod {
+  position: absolute;
+  right: 8px;
+  top: 100px;
+}
+
+.jGraduate_Colorblocks {
+  display: table;
+  border-spacing: 0 5px;
+}
+
+.jGraduate_colorblock {
+  display: table-row;
+}
+
+.jGraduate_Colorblocks .jGraduate_colorblock > * {
+  display: table-cell;
+  vertical-align: middle;
+  margin: 0;
+  float: none;
+}
+
+.jGraduate_gradPick div.jGraduate_StopSection {
+  float: left;
+  width: 133px;
+  margin-top: -8px;
+}
+
+
+.jGraduate_gradPick .jGraduate_Form_Section {
+  padding-top: 9px;
+}
+
+
+.jGraduate_Slider {
+  text-align: center;
+  float: left;
+  width: 100%;
+}
+
+.jGraduate_Slider .jGraduate_Form_Section {
+  border: none;
+  width: 250px;
+  padding: 0 2px;
+  overflow: visible;
+}
+
+.jGraduate_Slider label {
+  display: inline-block;
+  float: left;
+  line-height: 50px;
+  padding: 0;
+}
+
+.jGraduate_Slider label.prelabel {
+  width: 40px;
+  text-align: left;
+}
+
+.jGraduate_SliderBar {
+  width: 140px;
+  float: left;
+  margin-right: 5px;
+  border:1px solid #BBB;
+  height:20px;
+  margin-top:14px;
+  margin-left:5px;
+  position: relative;
+}
+
+div.jGraduate_Slider input {
+  margin-top: 5px;
+}
+
+div.jGraduate_Slider img {
+  top: 0;
+  left: 0;
+  position: absolute;
+  margin-top: -10px;
+  cursor:ew-resize;
+}
+
+
+.jGraduate_gradPick .jGraduate_OkCancel {
+  position: absolute;
+  top: 39px;
+  right: 10px;
+  width: 113px;
+
+}
+
+.jGraduate_OpacField {
+  position: absolute;
+  right: -10px;
+  bottom: 0;
+}
diff --git a/editor/jgraduate/css/jPicker.css b/editor/jgraduate/css/jPicker.css
index d186af7b..f0f3a10f 100644
--- a/editor/jgraduate/css/jPicker.css
+++ b/editor/jgraduate/css/jPicker.css
@@ -1 +1 @@
-.jPicker .Icon{display:inline-block;height:24px;position:relative;text-align:left;width:25px}.jPicker .Icon span.Color,.jPicker .Icon span.Alpha{background-position:2px 2px;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.jPicker .Icon span.Image{background-repeat:no-repeat;cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.jPicker.Container{z-index:10}table.jPicker{background-color:#efefef;border:1px outset #666;font-family:Arial,Helvetica,Sans-Serif;font-size:12px!important;margin:0;padding:5px;width:545px;z-index:20}.jPicker .Move{background-color:#ddd;border-color:#fff #666 #666 #fff;border-style:solid;border-width:1px;cursor:move;height:12px;padding:0}.jPicker .Title{font-size:11px!important;font-weight:bold;margin:-2px 0 0 0;padding:0;text-align:center;width:100%}.jPicker div.Map{border-bottom:2px solid #fff;border-left:2px solid #9a9a9a;border-right:2px solid #fff;border-top:2px solid #9a9a9a;cursor:crosshair;height:260px;margin:0 5px 0 5px;overflow:hidden;padding:0;position:relative;width:260px}.jPicker div[class="Map"]{height:256px;width:256px}.jPicker div.Bar{border-bottom:2px solid #fff;border-left:2px solid #9a9a9a;border-right:2px solid #fff;border-top:2px solid #9a9a9a;cursor:n-resize;height:260px;margin:12px 10px 0 5px;overflow:hidden;padding:0;position:relative;width:24px}.jPicker div[class="Bar"]{height:256px;width:20px}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Map .Map3,.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4,.jPicker .Bar .Map5,.jPicker .Bar .Map6{background-color:transparent;background-image:none;display:block;left:0;position:absolute;top:0}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Map .Map3{height:2596px;width:256px}.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4{height:3896px;width:20px}.jPicker .Bar .Map5,.jPicker .Bar .Map6{height:256px;width:20px}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Bar .Map6{background-repeat:no-repeat}.jPicker .Map .Map3,.jPicker .Bar .Map5{background-repeat:repeat}.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4{background-repeat:repeat-x}.jPicker .Map .Arrow{display:block;position:absolute}.jPicker .Bar .Arrow{display:block;left:0;position:absolute}.jPicker .Preview{font-size:9px;text-align:center}.jPicker .Preview div{border:2px inset #eee;height:62px;margin:0 auto;padding:0;width:62px}.jPicker .Preview div span{border:1px solid #000;display:block;height:30px;margin:0 auto;padding:0;width:60px}.jPicker .Preview .Active{border-bottom-width:0}.jPicker .Preview .Current{border-top-width:0;cursor:pointer}.jPicker .Button{text-align:center;width:115px}.jPicker .Button input{width:100px}.jPicker .Button .Ok{margin:12px 0 5px 0}.jPicker td.Radio{margin:0;padding:0;width:31px}.jPicker td.Radio input{margin:0 5px 0 0;padding:0}.jPicker td.Text{font-size:12px!important;height:22px;margin:0;padding:0;text-align:left;width:70px}.jPicker tr.Hex td.Text{width:100px}.jPicker td.Text input{background-color:#fff;border:1px inset #aaa;height:19px;margin:0 0 0 5px;text-align:left;width:30px}.jPicker td[class="Text"] input{height:15px}.jPicker tr.Hex td.Text input.Hex{width:50px}.jPicker tr.Hex td.Text input.AHex{width:20px}.jPicker .Grid{text-align:center;width:114px}.jPicker .Grid span.QuickColor{border:1px inset #aaa;cursor:pointer;display:inline-block;height:15px;line-height:15px;margin:0;padding:0;width:19px}.jPicker .Grid span[class="QuickColor"]{width:17px}
\ No newline at end of file
+.jPicker .Icon{display:inline-block;height:24px;position:relative;text-align:left;width:25px}.jPicker .Icon span.Color,.jPicker .Icon span.Alpha{background-position:2px 2px;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.jPicker .Icon span.Image{background-repeat:no-repeat;cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.jPicker.Container{z-index:10}table.jPicker{background-color:#efefef;border:1px outset #666;font-family:Arial,Helvetica,Sans-Serif;font-size:12px!important;margin:0;padding:5px;width:545px;z-index:20}.jPicker .Move{background-color:#ddd;border-color:#fff #666 #666 #fff;border-style:solid;border-width:1px;cursor:move;height:12px;padding:0}.jPicker .Title{font-size:11px!important;font-weight:bold;margin:-2px 0 0 0;padding:0;text-align:center;width:100%}.jPicker div.Map{border-bottom:2px solid #fff;border-left:2px solid #9a9a9a;border-right:2px solid #fff;border-top:2px solid #9a9a9a;cursor:crosshair;height:260px;margin:0 5px 0 5px;overflow:hidden;padding:0;position:relative;width:260px}.jPicker div[class="Map"]{height:256px;width:256px}.jPicker div.Bar{border-bottom:2px solid #fff;border-left:2px solid #9a9a9a;border-right:2px solid #fff;border-top:2px solid #9a9a9a;cursor:n-resize;height:260px;margin:12px 10px 0 5px;overflow:hidden;padding:0;position:relative;width:24px}.jPicker div[class="Bar"]{height:256px;width:20px}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Map .Map3,.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4,.jPicker .Bar .Map5,.jPicker .Bar .Map6{background-color:transparent;background-image:none;display:block;left:0;position:absolute;top:0}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Map .Map3{height:2596px;width:256px}.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4{height:3896px;width:20px}.jPicker .Bar .Map5,.jPicker .Bar .Map6{height:256px;width:20px}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Bar .Map6{background-repeat:no-repeat}.jPicker .Map .Map3,.jPicker .Bar .Map5{background-repeat:repeat}.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4{background-repeat:repeat-x}.jPicker .Map .Arrow{display:block;position:absolute}.jPicker .Bar .Arrow{display:block;left:0;position:absolute}.jPicker .Preview{font-size:9px;text-align:center}.jPicker .Preview div{border:2px inset #eee;height:62px;margin:0 auto;padding:0;width:62px}.jPicker .Preview div span{border:1px solid #000;display:block;height:30px;margin:0 auto;padding:0;width:60px}.jPicker .Preview .Active{border-bottom-width:0}.jPicker .Preview .Current{border-top-width:0;cursor:pointer}.jPicker .Button{text-align:center;width:115px}.jPicker .Button input{width:100px}.jPicker .Button .Ok{margin:12px 0 5px 0}.jPicker td.Radio{margin:0;padding:0;width:31px}.jPicker td.Radio input{margin:0 5px 0 0;padding:0}.jPicker td.Text{font-size:12px!important;height:22px;margin:0;padding:0;text-align:left;width:70px}.jPicker tr.Hex td.Text{width:100px}.jPicker td.Text input{background-color:#fff;border:1px inset #aaa;height:19px;margin:0 0 0 5px;text-align:left;width:30px}.jPicker td[class="Text"] input{height:15px}.jPicker tr.Hex td.Text input.Hex{width:50px}.jPicker tr.Hex td.Text input.AHex{width:20px}.jPicker .Grid{text-align:center;width:114px}.jPicker .Grid span.QuickColor{border:1px inset #aaa;cursor:pointer;display:inline-block;height:15px;line-height:15px;margin:0;padding:0;width:19px}.jPicker .Grid span[class="QuickColor"]{width:17px}
diff --git a/editor/jgraduate/css/jgraduate.css b/editor/jgraduate/css/jgraduate.css
deleted file mode 100644
index 5a9eed32..00000000
--- a/editor/jgraduate/css/jgraduate.css
+++ /dev/null
@@ -1,351 +0,0 @@
-/* 
- * jGraduate Default CSS
- * 
- * Copyright (c) 2010 Jeff Schiller
- * http://blog.codedread.com/
- *
- * Copyright (c) 2010 Alexis Deveria
- * http://a.deveria.com/
- *
- * Licensed under the MIT License
- */
-
-h2.jGraduate_Title {
-  font-family: Arial, Helvetica, Sans-Serif;
-  font-size: 11px !important;
-  font-weight: bold;
-  margin: -13px 0px 0px 0px;
-  padding: 0px;
-  text-align: center;
-}
-
-.jGraduate_Picker {
-	font-family: Arial, Helvetica, Sans-Serif;
-	font-size: 12px;
-	border-style: solid;
-	border-color: lightgrey black black lightgrey;
-	border-width: 1px;
-	background-color: #EFEFEF;
-	position: absolute;
-	padding: 10px;
-}
-
-.jGraduate_tabs li {
-	background-color: #ccc;
-	display: inline;
-	border: solid 1px grey;
-	padding: 3px;
-	margin: 2px;
-	cursor: pointer;
-}
-
-li.jGraduate_tab_current {
-	background-color: #EFEFEF;
-	display: inline;
-	padding: 3px;
-	margin: 2px;
-	border: solid 1px black;
-	cursor: pointer;
-}
-
-.jGraduate_colPick {
-	display: none;
-}
-
-.jGraduate_gradPick {	
-	display: none;
-	border: outset 1px #666;
-	padding: 10px 7px 5px 5px;
-	overflow: auto;
-}
-
-.jGraduate_gradPick {	
-	display: none;
-	border: outset 1px #666;
-	padding: 10px 7px 5px 5px;
-	overflow: auto;
-/*	position: relative;*/
-}
-
-.jGraduate_tabs {
-	position: relative;
-	background-color: #EFEFEF;
-	padding: 0px;
-	margin: 0px;
-	margin-bottom: 5px;
-}
-
-div.jGraduate_Swatch {
-	float: left;
-	margin: 8px;
-}
-div.jGraduate_GradContainer {
-	border: 2px inset #EEE;
-	background-image: url(../images/map-opacity.png); 
-	background-position: 0px 0px;
-	height: 256px;
-	width: 256px;
-	position: relative;
-}
-
-div.jGraduate_GradContainer div.grad_coord {
-	background: #000;
-	border: 1px solid #fff;
-	border-radius: 5px;
-	-moz-border-radius: 5px;
-	width: 10px;
-	height: 10px;
-	position: absolute;
-	margin: -5px -5px;
-	top: 0;
-	left: 0;
-	text-align: center;
-	font-size: xx-small;
-	line-height: 10px;
-	color: #fff;
-	text-decoration: none;
-	cursor: pointer;
-	-moz-user-select: none;
-	-webkit-user-select: none;
-}
-
-.jGraduate_AlphaArrows {
-	position: absolute;
-	margin-top: -10px;
-	margin-left: 250.5px;
-}
-
-div.jGraduate_Opacity {
-	border: 2px inset #eee;
-	margin-top: 14px;
-	background-color: black;
-	background-image: url(../images/Maps.png);
-	background-position: 0px -2816px;
-	height: 20px;
-	cursor: ew-resize;
-}
-
-div.jGraduate_StopSlider {
-/*	border: 2px inset #eee;*/
-	margin: 0 0 0 -10px;
-	width: 276px;
-	overflow: visible;
-	background: #efefef;
-	height: 45px;
-	cursor: pointer;
-}
-
-div.jGraduate_StopSection {
-	width: 120px;
-	text-align: center;
-}
-
-
-
-
-input.jGraduate_Ok, input.jGraduate_Cancel {
-	display: block;
-	width: 100px;
-	margin-left: -4px;
-	margin-right: -4px;
-}
-input.jGraduate_Ok {
-	margin: 9px -4px 5px -4px;
-}
-
-.colorBox {
-	float: left;
-	height: 16px;
-	width: 16px;
-	border: 1px solid #808080;
-	cursor: pointer;
-	margin: 4px 4px 4px 30px;
-}
-
-.colorBox + label {
-	float: left;
-	margin-top: 7px;
-}
-
-label.jGraduate_Form_Heading {
-	position: relative;
-	top: 10px;
-	background-color: #EFEFEF;
-	padding: 2px;
-	font-weight: bold;
-	font-size: 13px;
-}
-
-div.jGraduate_Form_Section {
-	border-style: solid;
-	border-width: 1px;
-	border-color: grey;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	padding: 15px 5px 5px 5px;
-	margin: 5px 2px;
-	width: 110px;
-	text-align: center;
-	overflow: auto;
-}
-
-div.jGraduate_Form_Section label {
-	padding: 0 2px;
-}
-
-div.jGraduate_StopSection input[type=text],
-div.jGraduate_Slider input[type=text] {
-	width: 33px;
-}
-
-div.jGraduate_LightBox {
-	position: fixed;
-	top: 0px;
-	left: 0px;
-	right: 0px;
-	bottom: 0px;
-	background-color: #000;
-	opacity: 0.5;
-	display: none;
-}
-
-div.jGraduate_stopPicker {
-	position: absolute;
-	display: none;
-	background: #E8E8E8;
-}
-
-
-.jGraduate_gradPick {
-	width: 535px;
-}
-
-.jGraduate_gradPick div.jGraduate_OpacField {
-
-	position: absolute;
-	left: 0;
-	bottom: 5px;
-/*
-	width: 270px;
-
-	left: 284px;
-	width: 266px;
-	height: 200px;
-	top: 167px;
-	margin: -3px 3px 0px 4px;
-*/
-}
-
-.jGraduate_gradPick .jGraduate_Form {
-	float: left;
-	width: 270px;
-	position: absolute;
-	left: 284px;
-	width: 266px;
-	height: 200px;
-	top: 167px;
-	margin: -3px 3px 0px 10px;
-}
-
-.jGraduate_gradPick .jGraduate_Points {
-	position: static;
-	width: 150px;
-	margin-left: 0;
-}
-
-.jGraduate_SpreadMethod {
-	position: absolute;
-	right: 8px;
-	top: 100px;
-}
-
-.jGraduate_Colorblocks {
-	display: table;
-	border-spacing: 0 5px;
-}
-
-.jGraduate_colorblock {
-	display: table-row;
-}
-
-.jGraduate_Colorblocks .jGraduate_colorblock > * {
-	display: table-cell;
-	vertical-align: middle;
-	margin: 0;
-	float: none;
-}
-
-.jGraduate_gradPick div.jGraduate_StopSection {
-	float: left;
-	width: 133px;
-	margin-top: -8px;
-}
-
-
-.jGraduate_gradPick .jGraduate_Form_Section {
-	padding-top: 9px;
-}
-
-
-.jGraduate_Slider {
-	text-align: center;
-	float: left;
-	width: 100%;
-}
-
-.jGraduate_Slider .jGraduate_Form_Section {
-	border: none;
-	width: 250px;
-	padding: 0 2px;
-	overflow: visible;
-}
-
-.jGraduate_Slider label {
-	display: inline-block;
-	float: left;
-	line-height: 50px;
-	padding: 0;
-}
-
-.jGraduate_Slider label.prelabel {
-	width: 40px;
-	text-align: left;
-}
-
-.jGraduate_SliderBar {
-	width: 140px;
-	float: left;
-	margin-right: 5px;
-	border:1px solid #BBB;
-	height:20px;
-	margin-top:14px;
-	margin-left:5px;
-	position: relative;
-}
-
-div.jGraduate_Slider input {
-	margin-top: 5px;
-}
-
-div.jGraduate_Slider img {
-	top: 0;
-	left: 0;
-	position: absolute;
-	margin-top: -10px;
-	cursor:ew-resize;
-}
-
-
-.jGraduate_gradPick .jGraduate_OkCancel {
-	position: absolute;
-	top: 39px;
-	right: 10px;
-	width: 113px;
-
-}
-
-.jGraduate_OpacField {
-	position: absolute;
-	right: -10px;
-	bottom: 0;
-}
\ No newline at end of file
diff --git a/editor/jgraduate/images/AlphaBar.png b/editor/jgraduate/images/AlphaBar.png
index 2950daeb..b879a51d 100644
Binary files a/editor/jgraduate/images/AlphaBar.png and b/editor/jgraduate/images/AlphaBar.png differ
diff --git a/editor/jgraduate/images/Bars.png b/editor/jgraduate/images/Bars.png
index 80eb2bbe..a7cc925f 100644
Binary files a/editor/jgraduate/images/Bars.png and b/editor/jgraduate/images/Bars.png differ
diff --git a/editor/jgraduate/images/Maps.png b/editor/jgraduate/images/Maps.png
index 853d38c6..b47a63ae 100644
Binary files a/editor/jgraduate/images/Maps.png and b/editor/jgraduate/images/Maps.png differ
diff --git a/editor/jgraduate/images/NoColor.png b/editor/jgraduate/images/NoColor.png
index 5dc47670..1238918b 100644
Binary files a/editor/jgraduate/images/NoColor.png and b/editor/jgraduate/images/NoColor.png differ
diff --git a/editor/jgraduate/images/bar-opacity.png b/editor/jgraduate/images/bar-opacity.png
index e42ad081..ea0533d5 100644
Binary files a/editor/jgraduate/images/bar-opacity.png and b/editor/jgraduate/images/bar-opacity.png differ
diff --git a/editor/jgraduate/images/map-opacity.png b/editor/jgraduate/images/map-opacity.png
index 6756cee6..3a7b71cc 100644
Binary files a/editor/jgraduate/images/map-opacity.png and b/editor/jgraduate/images/map-opacity.png differ
diff --git a/editor/jgraduate/images/mappoint_c.png b/editor/jgraduate/images/mappoint_c.png
index d0a6e1ce..573af4a4 100644
Binary files a/editor/jgraduate/images/mappoint_c.png and b/editor/jgraduate/images/mappoint_c.png differ
diff --git a/editor/jgraduate/images/mappoint_f.png b/editor/jgraduate/images/mappoint_f.png
index 563ff87c..e0e880e5 100644
Binary files a/editor/jgraduate/images/mappoint_f.png and b/editor/jgraduate/images/mappoint_f.png differ
diff --git a/editor/jgraduate/images/preview-opacity.png b/editor/jgraduate/images/preview-opacity.png
index 0dd9a2f8..c2b803c1 100644
Binary files a/editor/jgraduate/images/preview-opacity.png and b/editor/jgraduate/images/preview-opacity.png differ
diff --git a/editor/jgraduate/jQuery.jGraduate.js b/editor/jgraduate/jQuery.jGraduate.js
new file mode 100644
index 00000000..e01f30f1
--- /dev/null
+++ b/editor/jgraduate/jQuery.jGraduate.js
@@ -0,0 +1,1268 @@
+/**
+ * jGraduate 0.4
+ *
+ * jQuery Plugin for a gradient picker
+ *
+ * @module jGraduate
+ * @copyright 2010 Jeff Schiller {@link http://blog.codedread.com/}, 2010 Alexis Deveria {@link http://a.deveria.com/}
+ *
+ * @license Apache-2.0
+ * @example
+ * // The Paint object is described below.
+ * $.jGraduate.Paint() // constructs a 'none' color
+ * @example $.jGraduate.Paint({copy: o}) // creates a copy of the paint o
+ * @example $.jGraduate.Paint({hex: '#rrggbb'}) // creates a solid color paint with hex = "#rrggbb"
+ * @example $.jGraduate.Paint({linearGradient: o, a: 50}) // creates a linear gradient paint with opacity=0.5
+ * @example $.jGraduate.Paint({radialGradient: o, a: 7}) // creates a radial gradient paint with opacity=0.07
+ * @example $.jGraduate.Paint({hex: '#rrggbb', linearGradient: o}) // throws an exception?
+ *
+*/
+
+/**
+  * The jQuery namespace.
+  * @external jQuery
+*/
+/**
+ * The jQuery plugin namespace.
+ * @namespace {PlainObject} fn
+ * @memberof external:jQuery
+ * @see {@link http://learn.jquery.com/plugins/|jQuery Plugins}
+ */
+
+const ns = {
+  svg: 'http://www.w3.org/2000/svg',
+  xlink: 'http://www.w3.org/1999/xlink'
+};
+
+if (!window.console) {
+  window.console = {
+    log (str) {},
+    dir (str) {}
+  };
+}
+
+/**
+* Adds {@link external:jQuery.jGraduate.Paint}, {@link external:jQuery.fn.jGraduateDefaults}, {@link external:jQuery.fn.jGraduate}
+* @function module:jGraduate.jGraduate
+* @param {external:jQuery} $ The jQuery instance to wrap
+* @returns {external:jQuery}
+*/
+export default function ($) {
+  if (!$.loadingStylesheets) {
+    $.loadingStylesheets = [];
+  }
+  const stylesheet = 'jgraduate/css/jGraduate.css';
+  if (!$.loadingStylesheets.includes(stylesheet)) {
+    $.loadingStylesheets.push(stylesheet);
+  }
+
+  /**
+  * @typedef {PlainObject} module:jGraduate.jGraduatePaintOptions
+  * @param {Float} [alpha]
+  * @param {module:jGraduate~Paint} [copy] Copy paint object
+  * @param {SVGLinearGradientElement} [linearGradient]
+  * @param {SVGRadialGradientElement} [radialGradient]
+  * @param {string} [solidColor]
+  */
+
+  /**
+  * @memberof module:jGraduate~
+  */
+  class Paint {
+    /**
+     * @param {module:jGraduate.jGraduatePaintOptions} [opt]
+    */
+    constructor (opt) {
+      const options = opt || {};
+      this.alpha = isNaN(options.alpha) ? 100 : options.alpha;
+      // copy paint object
+      if (options.copy) {
+        /**
+         * @name module:jGraduate~Paint#type
+         * @type {"none"|"solidColor"|"linearGradient"|"radialGradient"}
+         */
+        this.type = options.copy.type;
+        /**
+         * Represents opacity (0-100)
+         * @name module:jGraduate~Paint#alpha
+         * @type {Float}
+         */
+        this.alpha = options.copy.alpha;
+        /**
+         * Represents #RRGGBB hex of color
+         * @name module:jGraduate~Paint#solidColor
+         * @type {string}
+         */
+        this.solidColor = null;
+        /**
+         * @name module:jGraduate~Paint#linearGradient
+         * @type {SVGLinearGradientElement}
+         */
+        this.linearGradient = null;
+        /**
+         * @name module:jGraduate~Paint#radialGradient
+         * @type {SVGRadialGradientElement}
+         */
+        this.radialGradient = null;
+
+        switch (this.type) {
+        case 'none':
+          break;
+        case 'solidColor':
+          this.solidColor = options.copy.solidColor;
+          break;
+        case 'linearGradient':
+          this.linearGradient = options.copy.linearGradient.cloneNode(true);
+          break;
+        case 'radialGradient':
+          this.radialGradient = options.copy.radialGradient.cloneNode(true);
+          break;
+        }
+      // create linear gradient paint
+      } else if (options.linearGradient) {
+        this.type = 'linearGradient';
+        this.solidColor = null;
+        this.radialGradient = null;
+        this.linearGradient = options.linearGradient.cloneNode(true);
+      // create linear gradient paint
+      } else if (options.radialGradient) {
+        this.type = 'radialGradient';
+        this.solidColor = null;
+        this.linearGradient = null;
+        this.radialGradient = options.radialGradient.cloneNode(true);
+      // create solid color paint
+      } else if (options.solidColor) {
+        this.type = 'solidColor';
+        this.solidColor = options.solidColor;
+      // create empty paint
+      } else {
+        this.type = 'none';
+        this.solidColor = null;
+        this.linearGradient = null;
+        this.radialGradient = null;
+      }
+    }
+  }
+  /**
+  * @namespace {PlainObject} jGraduate
+  * @memberof external:jQuery
+  */
+  $.jGraduate = /** @lends external:jQuery.jGraduate */ {
+    /**
+    * @class external:jQuery.jGraduate.Paint
+    * @see module:jGraduate~Paint
+    */
+    Paint
+  };
+
+  // JSDoc doesn't show this as belonging to our `module:jGraduate.Options` type,
+  //   so we use `@see`
+  /**
+  * @namespace {module:jGraduate.Options} jGraduateDefaults
+  * @memberof external:jQuery.fn
+  */
+  $.fn.jGraduateDefaults = /** @lends external:jQuery.fn.jGraduateDefaults */ {
+    /**
+    * Creates an object with a 'none' color
+    * @type {external:jQuery.jGraduate.Paint}
+    * @see module:jGraduate.Options
+    */
+    paint: new $.jGraduate.Paint(),
+    /**
+    * @namespace
+    */
+    window: {
+      /**
+      * @type {string}
+      * @see module:jGraduate.Options
+      */
+      pickerTitle: 'Drag markers to pick a paint'
+    },
+    /**
+    * @namespace
+    */
+    images: {
+      /**
+      * @type {string}
+      * @see module:jGraduate.Options
+      */
+      clientPath: 'images/'
+    },
+    /**
+    * @type {string}
+    * @see module:jGraduate.Options
+    */
+    newstop: 'inverse' // same, inverse, black, white
+  };
+
+  const isGecko = navigator.userAgent.includes('Gecko/');
+
+  function setAttrs (elem, attrs) {
+    if (isGecko) {
+      for (const aname in attrs) elem.setAttribute(aname, attrs[aname]);
+    } else {
+      for (const aname in attrs) {
+        const val = attrs[aname], prop = elem[aname];
+        if (prop && prop.constructor === 'SVGLength') {
+          prop.baseVal.value = val;
+        } else {
+          elem.setAttribute(aname, val);
+        }
+      }
+    }
+  }
+
+  function mkElem (name, attrs, newparent) {
+    const elem = document.createElementNS(ns.svg, name);
+    setAttrs(elem, attrs);
+    if (newparent) {
+      newparent.append(elem);
+    }
+    return elem;
+  }
+
+  /**
+  * @typedef {PlainObject} module:jGraduate.ColorOpac Object may have one or both values
+  * @property {string} [color] #Hex color
+  * @property {Float} [opac] 0-1
+  */
+  /**
+  * @typedef {PlainObject} module:jGraduate.Options
+  * @property {module:jGraduate~Paint} [paint] A Paint object object describing the paint to display initially; defaults to a new instance without options (defaults to opaque white)
+  * @property {external:Window} [window]
+  * @property {string} [window.pickerTitle='Drag markers to pick a paint']
+  * @property {PlainObject} [images]
+  * @property {string} [images.clientPath='images/']
+  * @property {"same"|"inverse"|"black"|"white"|module:jGraduate.ColorOpac} [newstop="inverse"]
+  */
+
+  /**
+  * @callback external:jQuery.fn.jGraduate.OkCallback
+  * @param {external:jQuery.jGraduate.Paint} paint
+  * @returns {undefined}
+  */
+  /**
+  * @callback external:jQuery.fn.jGraduate.CancelCallback
+  * @returns {undefined}
+  */
+
+  /**
+  * @function external:jQuery.fn.jGraduate
+  * @param {module:jGraduate.Options} [options]
+  * @param {external:jQuery.fn.jGraduate.OkCallback} [okCallback] Called with a Paint object when Ok is pressed
+  * @param {external:jQuery.fn.jGraduate.CancelCallback} [cancelCallback] Called with no arguments when Cancel is pressed
+  * @returns {external:jQuery}
+  */
+  $.fn.jGraduate = function (options, okCallback, cancelCallback) {
+    return this.each(function () {
+      const $this = $(this),
+        $settings = $.extend(true, {}, $.fn.jGraduateDefaults, options || {}),
+        id = $this.attr('id'),
+        idref = '#' + $this.attr('id') + ' ';
+
+      if (!idref) {
+        alert('Container element must have an id attribute to maintain unique id strings for sub-elements.');
+        return;
+      }
+
+      const okClicked = function () {
+        switch ($this.paint.type) {
+        case 'radialGradient':
+          $this.paint.linearGradient = null;
+          break;
+        case 'linearGradient':
+          $this.paint.radialGradient = null;
+          break;
+        case 'solidColor':
+          $this.paint.radialGradient = $this.paint.linearGradient = null;
+          break;
+        }
+        typeof $this.okCallback === 'function' && $this.okCallback($this.paint);
+        $this.hide();
+      };
+      const cancelClicked = function () {
+        typeof $this.cancelCallback === 'function' && $this.cancelCallback();
+        $this.hide();
+      };
+
+      $.extend(true, $this, { // public properties, methods, and callbacks
+        // make a copy of the incoming paint
+        paint: new $.jGraduate.Paint({copy: $settings.paint}),
+        okCallback: typeof okCallback === 'function' ? okCallback : null,
+        cancelCallback: typeof cancelCallback === 'function' ? cancelCallback : null
+      });
+
+      let // pos = $this.position(),
+        color = null;
+      const $win = $(window);
+
+      if ($this.paint.type === 'none') {
+        $this.paint = new $.jGraduate.Paint({solidColor: 'ffffff'});
+      }
+
+      $this.addClass('jGraduate_Picker');
+      $this.html(
+        '<ul class="jGraduate_tabs">' +
+          '<li class="jGraduate_tab_color jGraduate_tab_current" data-type="col">Solid Color</li>' +
+          '<li class="jGraduate_tab_lingrad" data-type="lg">Linear Gradient</li>' +
+          '<li class="jGraduate_tab_radgrad" data-type="rg">Radial Gradient</li>' +
+        '</ul>' +
+        '<div class="jGraduate_colPick"></div>' +
+        '<div class="jGraduate_gradPick"></div>' +
+        '<div class="jGraduate_LightBox"></div>' +
+        '<div id="' + id + '_jGraduate_stopPicker" class="jGraduate_stopPicker"></div>'
+      );
+      const colPicker = $(idref + '> .jGraduate_colPick');
+      const gradPicker = $(idref + '> .jGraduate_gradPick');
+
+      gradPicker.html(
+        '<div id="' + id + '_jGraduate_Swatch" class="jGraduate_Swatch">' +
+          '<h2 class="jGraduate_Title">' + $settings.window.pickerTitle + '</h2>' +
+          '<div id="' + id + '_jGraduate_GradContainer" class="jGraduate_GradContainer"></div>' +
+          '<div id="' + id + '_jGraduate_StopSlider" class="jGraduate_StopSlider"></div>' +
+        '</div>' +
+        '<div class="jGraduate_Form jGraduate_Points jGraduate_lg_field">' +
+          '<div class="jGraduate_StopSection">' +
+            '<label class="jGraduate_Form_Heading">Begin Point</label>' +
+            '<div class="jGraduate_Form_Section">' +
+              '<label>x:</label>' +
+              '<input type="text" id="' + id + '_jGraduate_x1" size="3" title="Enter starting x value between 0.0 and 1.0"/>' +
+              '<label>y:</label>' +
+              '<input type="text" id="' + id + '_jGraduate_y1" size="3" title="Enter starting y value between 0.0 and 1.0"/>' +
+            '</div>' +
+          '</div>' +
+          '<div class="jGraduate_StopSection">' +
+            '<label class="jGraduate_Form_Heading">End Point</label>' +
+            '<div class="jGraduate_Form_Section">' +
+              '<label>x:</label>' +
+              '<input type="text" id="' + id + '_jGraduate_x2" size="3" title="Enter ending x value between 0.0 and 1.0"/>' +
+              '<label>y:</label>' +
+              '<input type="text" id="' + id + '_jGraduate_y2" size="3" title="Enter ending y value between 0.0 and 1.0"/>' +
+            '</div>' +
+          '</div>' +
+        '</div>' +
+        '<div class="jGraduate_Form jGraduate_Points jGraduate_rg_field">' +
+          '<div class="jGraduate_StopSection">' +
+            '<label class="jGraduate_Form_Heading">Center Point</label>' +
+            '<div class="jGraduate_Form_Section">' +
+              '<label>x:</label>' +
+              '<input type="text" id="' + id + '_jGraduate_cx" size="3" title="Enter x value between 0.0 and 1.0"/>' +
+              '<label>y:</label>' +
+              '<input type="text" id="' + id + '_jGraduate_cy" size="3" title="Enter y value between 0.0 and 1.0"/>' +
+            '</div>' +
+          '</div>' +
+          '<div class="jGraduate_StopSection">' +
+            '<label class="jGraduate_Form_Heading">Focal Point</label>' +
+            '<div class="jGraduate_Form_Section">' +
+              '<label>Match center: <input type="checkbox" checked="checked" id="' + id + '_jGraduate_match_ctr"/></label><br/>' +
+              '<label>x:</label>' +
+              '<input type="text" id="' + id + '_jGraduate_fx" size="3" title="Enter x value between 0.0 and 1.0"/>' +
+              '<label>y:</label>' +
+              '<input type="text" id="' + id + '_jGraduate_fy" size="3" title="Enter y value between 0.0 and 1.0"/>' +
+            '</div>' +
+          '</div>' +
+        '</div>' +
+        '<div class="jGraduate_StopSection jGraduate_SpreadMethod">' +
+          '<label class="jGraduate_Form_Heading">Spread method</label>' +
+          '<div class="jGraduate_Form_Section">' +
+            '<select class="jGraduate_spreadMethod">' +
+              '<option value=pad selected>Pad</option>' +
+              '<option value=reflect>Reflect</option>' +
+              '<option value=repeat>Repeat</option>' +
+            '</select>' +
+          '</div>' +
+        '</div>' +
+        '<div class="jGraduate_Form">' +
+          '<div class="jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field">' +
+            '<label class="prelabel">Radius:</label>' +
+            '<div id="' + id + '_jGraduate_Radius" class="jGraduate_SliderBar jGraduate_Radius" title="Click to set radius">' +
+              '<img id="' + id + '_jGraduate_RadiusArrows" class="jGraduate_RadiusArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' +
+            '</div>' +
+            '<label><input type="text" id="' + id + '_jGraduate_RadiusInput" size="3" value="100"/>%</label>' +
+          '</div>' +
+          '<div class="jGraduate_Slider jGraduate_EllipField jGraduate_rg_field">' +
+            '<label class="prelabel">Ellip:</label>' +
+            '<div id="' + id + '_jGraduate_Ellip" class="jGraduate_SliderBar jGraduate_Ellip" title="Click to set Ellip">' +
+              '<img id="' + id + '_jGraduate_EllipArrows" class="jGraduate_EllipArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' +
+            '</div>' +
+            '<label><input type="text" id="' + id + '_jGraduate_EllipInput" size="3" value="0"/>%</label>' +
+          '</div>' +
+          '<div class="jGraduate_Slider jGraduate_AngleField jGraduate_rg_field">' +
+            '<label class="prelabel">Angle:</label>' +
+            '<div id="' + id + '_jGraduate_Angle" class="jGraduate_SliderBar jGraduate_Angle" title="Click to set Angle">' +
+              '<img id="' + id + '_jGraduate_AngleArrows" class="jGraduate_AngleArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' +
+            '</div>' +
+            '<label><input type="text" id="' + id + '_jGraduate_AngleInput" size="3" value="0"/>deg</label>' +
+          '</div>' +
+          '<div class="jGraduate_Slider jGraduate_OpacField">' +
+            '<label class="prelabel">Opac:</label>' +
+            '<div id="' + id + '_jGraduate_Opac" class="jGraduate_SliderBar jGraduate_Opac" title="Click to set Opac">' +
+              '<img id="' + id + '_jGraduate_OpacArrows" class="jGraduate_OpacArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' +
+            '</div>' +
+            '<label><input type="text" id="' + id + '_jGraduate_OpacInput" size="3" value="100"/>%</label>' +
+          '</div>' +
+        '</div>' +
+        '<div class="jGraduate_OkCancel">' +
+          '<input type="button" id="' + id + '_jGraduate_Ok" class="jGraduate_Ok" value="OK"/>' +
+          '<input type="button" id="' + id + '_jGraduate_Cancel" class="jGraduate_Cancel" value="Cancel"/>' +
+        '</div>');
+
+      // --------------
+      // Set up all the SVG elements (the gradient, stops and rectangle)
+      const MAX = 256,
+        MARGINX = 0,
+        MARGINY = 0,
+        // STOP_RADIUS = 15 / 2,
+        SIZEX = MAX - 2 * MARGINX,
+        SIZEY = MAX - 2 * MARGINY;
+
+      const attrInput = {};
+
+      const SLIDERW = 145;
+      $('.jGraduate_SliderBar').width(SLIDERW);
+
+      const container = $('#' + id + '_jGraduate_GradContainer')[0];
+
+      const svg = mkElem('svg', {
+        id: id + '_jgraduate_svg',
+        width: MAX,
+        height: MAX,
+        xmlns: ns.svg
+      }, container);
+
+      // This wasn't working as designed
+      // let curType;
+      // curType = curType || $this.paint.type;
+
+      // if we are sent a gradient, import it
+      let curType = $this.paint.type;
+
+      let grad = $this.paint[curType];
+      let curGradient = grad;
+
+      const gradalpha = $this.paint.alpha;
+
+      const isSolid = curType === 'solidColor';
+
+      // Make any missing gradients
+      switch (curType) {
+      case 'solidColor':
+        // fall through
+      case 'linearGradient':
+        if (!isSolid) {
+          curGradient.id = id + '_lg_jgraduate_grad';
+          grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));
+        }
+        mkElem('radialGradient', {
+          id: id + '_rg_jgraduate_grad'
+        }, svg);
+        if (curType === 'linearGradient') { break; }
+        // fall through
+      case 'radialGradient':
+        if (!isSolid) {
+          curGradient.id = id + '_rg_jgraduate_grad';
+          grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));
+        }
+        mkElem('linearGradient', {
+          id: id + '_lg_jgraduate_grad'
+        }, svg);
+      }
+
+      let stopGroup; // eslint-disable-line prefer-const
+      if (isSolid) {
+        grad = curGradient = $('#' + id + '_lg_jgraduate_grad')[0];
+        color = $this.paint[curType];
+        mkStop(0, '#' + color, 1);
+
+        const type = typeof $settings.newstop;
+
+        if (type === 'string') {
+          switch ($settings.newstop) {
+          case 'same':
+            mkStop(1, '#' + color, 1);
+            break;
+
+          case 'inverse':
+            // Invert current color for second stop
+            let inverted = '';
+            for (let i = 0; i < 6; i += 2) {
+              // const ch = color.substr(i, 2);
+              let inv = (255 - parseInt(color.substr(i, 2), 16)).toString(16);
+              if (inv.length < 2) inv = 0 + inv;
+              inverted += inv;
+            }
+            mkStop(1, '#' + inverted, 1);
+            break;
+
+          case 'white':
+            mkStop(1, '#ffffff', 1);
+            break;
+
+          case 'black':
+            mkStop(1, '#000000', 1);
+            break;
+          }
+        } else if (type === 'object') {
+          const opac = ('opac' in $settings.newstop) ? $settings.newstop.opac : 1;
+          mkStop(1, ($settings.newstop.color || '#' + color), opac);
+        }
+      }
+
+      const x1 = parseFloat(grad.getAttribute('x1') || 0.0),
+        y1 = parseFloat(grad.getAttribute('y1') || 0.0),
+        x2 = parseFloat(grad.getAttribute('x2') || 1.0),
+        y2 = parseFloat(grad.getAttribute('y2') || 0.0);
+
+      const cx = parseFloat(grad.getAttribute('cx') || 0.5),
+        cy = parseFloat(grad.getAttribute('cy') || 0.5),
+        fx = parseFloat(grad.getAttribute('fx') || cx),
+        fy = parseFloat(grad.getAttribute('fy') || cy);
+
+      const previewRect = mkElem('rect', {
+        id: id + '_jgraduate_rect',
+        x: MARGINX,
+        y: MARGINY,
+        width: SIZEX,
+        height: SIZEY,
+        fill: 'url(#' + id + '_jgraduate_grad)',
+        'fill-opacity': gradalpha / 100
+      }, svg);
+
+      // stop visuals created here
+      const beginCoord = $('<div/>').attr({
+        class: 'grad_coord jGraduate_lg_field',
+        title: 'Begin Stop'
+      }).text(1).css({
+        top: y1 * MAX,
+        left: x1 * MAX
+      }).data('coord', 'start').appendTo(container);
+
+      const endCoord = beginCoord.clone().text(2).css({
+        top: y2 * MAX,
+        left: x2 * MAX
+      }).attr('title', 'End stop').data('coord', 'end').appendTo(container);
+
+      const centerCoord = $('<div/>').attr({
+        class: 'grad_coord jGraduate_rg_field',
+        title: 'Center stop'
+      }).text('C').css({
+        top: cy * MAX,
+        left: cx * MAX
+      }).data('coord', 'center').appendTo(container);
+
+      const focusCoord = centerCoord.clone().text('F').css({
+        top: fy * MAX,
+        left: fx * MAX,
+        display: 'none'
+      }).attr('title', 'Focus point').data('coord', 'focus').appendTo(container);
+
+      focusCoord[0].id = id + '_jGraduate_focusCoord';
+
+      // const coords = $(idref + ' .grad_coord');
+
+      // $(container).hover(function () {
+      //   coords.animate({
+      //     opacity: 1
+      //   }, 500);
+      // }, function () {
+      //   coords.animate({
+      //     opacity: .2
+      //   }, 500);
+      // });
+
+      let showFocus;
+      $.each(['x1', 'y1', 'x2', 'y2', 'cx', 'cy', 'fx', 'fy'], function (i, attr) {
+        const isRadial = isNaN(attr[1]);
+
+        let attrval = curGradient.getAttribute(attr);
+        if (!attrval) {
+          // Set defaults
+          if (isRadial) {
+            // For radial points
+            attrval = '0.5';
+          } else {
+            // Only x2 is 1
+            attrval = attr === 'x2' ? '1.0' : '0.0';
+          }
+        }
+
+        attrInput[attr] = $('#' + id + '_jGraduate_' + attr)
+          .val(attrval)
+          .change(function () {
+            // TODO: Support values < 0 and > 1 (zoomable preview?)
+            if (isNaN(parseFloat(this.value)) || this.value < 0) {
+              this.value = 0.0;
+            } else if (this.value > 1) {
+              this.value = 1.0;
+            }
+
+            if (!(attr[0] === 'f' && !showFocus)) {
+              if ((isRadial && curType === 'radialGradient') || (!isRadial && curType === 'linearGradient')) {
+                curGradient.setAttribute(attr, this.value);
+              }
+            }
+
+            const $elem = isRadial
+              ? attr[0] === 'c' ? centerCoord : focusCoord
+              : attr[1] === '1' ? beginCoord : endCoord;
+
+            const cssName = attr.includes('x') ? 'left' : 'top';
+
+            $elem.css(cssName, this.value * MAX);
+          }).change();
+      });
+
+      function mkStop (n, color, opac, sel, stopElem) {
+        const stop = stopElem || mkElem('stop', {'stop-color': color, 'stop-opacity': opac, offset: n}, curGradient);
+        if (stopElem) {
+          color = stopElem.getAttribute('stop-color');
+          opac = stopElem.getAttribute('stop-opacity');
+          n = stopElem.getAttribute('offset');
+        } else {
+          curGradient.append(stop);
+        }
+        if (opac === null) opac = 1;
+
+        const pickerD = 'M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z';
+
+        const pathbg = mkElem('path', {
+          d: pickerD,
+          fill: 'url(#jGraduate_trans)',
+          transform: 'translate(' + (10 + n * MAX) + ', 26)'
+        }, stopGroup);
+
+        const path = mkElem('path', {
+          d: pickerD,
+          fill: color,
+          'fill-opacity': opac,
+          transform: 'translate(' + (10 + n * MAX) + ', 26)',
+          stroke: '#000',
+          'stroke-width': 1.5
+        }, stopGroup);
+
+        $(path).mousedown(function (e) {
+          selectStop(this);
+          drag = curStop;
+          $win.mousemove(dragColor).mouseup(remDrags);
+          stopOffset = stopMakerDiv.offset();
+          e.preventDefault();
+          return false;
+        }).data('stop', stop).data('bg', pathbg).dblclick(function () {
+          $('div.jGraduate_LightBox').show();
+          const colorhandle = this;
+          let stopOpacity = +stop.getAttribute('stop-opacity') || 1;
+          let stopColor = stop.getAttribute('stop-color') || 1;
+          let thisAlpha = (parseFloat(stopOpacity) * 255).toString(16);
+          while (thisAlpha.length < 2) { thisAlpha = '0' + thisAlpha; }
+          color = stopColor.substr(1) + thisAlpha;
+          $('#' + id + '_jGraduate_stopPicker').css({left: 100, bottom: 15}).jPicker({
+            window: { title: 'Pick the start color and opacity for the gradient' },
+            images: { clientPath: $settings.images.clientPath },
+            color: { active: color, alphaSupport: true }
+          }, function (color, arg2) {
+            stopColor = color.val('hex') ? ('#' + color.val('hex')) : 'none';
+            stopOpacity = color.val('a') !== null ? color.val('a') / 256 : 1;
+            colorhandle.setAttribute('fill', stopColor);
+            colorhandle.setAttribute('fill-opacity', stopOpacity);
+            stop.setAttribute('stop-color', stopColor);
+            stop.setAttribute('stop-opacity', stopOpacity);
+            $('div.jGraduate_LightBox').hide();
+            $('#' + id + '_jGraduate_stopPicker').hide();
+          }, null, function () {
+            $('div.jGraduate_LightBox').hide();
+            $('#' + id + '_jGraduate_stopPicker').hide();
+          });
+        });
+
+        $(curGradient).find('stop').each(function () {
+          const curS = $(this);
+          if (+this.getAttribute('offset') > n) {
+            if (!color) {
+              const newcolor = this.getAttribute('stop-color');
+              const newopac = this.getAttribute('stop-opacity');
+              stop.setAttribute('stop-color', newcolor);
+              path.setAttribute('fill', newcolor);
+              stop.setAttribute('stop-opacity', newopac === null ? 1 : newopac);
+              path.setAttribute('fill-opacity', newopac === null ? 1 : newopac);
+            }
+            curS.before(stop);
+            return false;
+          }
+        });
+        if (sel) selectStop(path);
+        return stop;
+      }
+
+      function remStop () {
+        delStop.setAttribute('display', 'none');
+        const path = $(curStop);
+        const stop = path.data('stop');
+        const bg = path.data('bg');
+        $([curStop, stop, bg]).remove();
+      }
+
+      const stopMakerDiv = $('#' + id + '_jGraduate_StopSlider');
+
+      let stops, curStop, drag;
+
+      const delStop = mkElem('path', {
+        d: 'm9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5',
+        fill: 'none',
+        stroke: '#D00',
+        'stroke-width': 5,
+        display: 'none'
+      }, undefined); // stopMakerSVG);
+
+      function selectStop (item) {
+        if (curStop) curStop.setAttribute('stroke', '#000');
+        item.setAttribute('stroke', 'blue');
+        curStop = item;
+        curStop.parentNode.append(curStop);
+        //   stops = $('stop');
+        //   opac_select.val(curStop.attr('fill-opacity') || 1);
+        //   root.append(delStop);
+      }
+
+      let stopOffset;
+
+      function remDrags () {
+        $win.unbind('mousemove', dragColor);
+        if (delStop.getAttribute('display') !== 'none') {
+          remStop();
+        }
+        drag = null;
+      }
+
+      let scaleX = 1, scaleY = 1, angle = 0;
+
+      let cX = cx;
+      let cY = cy;
+      function xform () {
+        const rot = angle ? 'rotate(' + angle + ',' + cX + ',' + cY + ') ' : '';
+        if (scaleX === 1 && scaleY === 1) {
+          curGradient.removeAttribute('gradientTransform');
+          // $('#ang').addClass('dis');
+        } else {
+          const x = -cX * (scaleX - 1);
+          const y = -cY * (scaleY - 1);
+          curGradient.setAttribute('gradientTransform', rot + 'translate(' + x + ',' + y + ') scale(' + scaleX + ',' + scaleY + ')');
+          // $('#ang').removeClass('dis');
+        }
+      }
+
+      function dragColor (evt) {
+        let x = evt.pageX - stopOffset.left;
+        const y = evt.pageY - stopOffset.top;
+        x = x < 10
+          ? 10
+          : x > MAX + 10
+            ? MAX + 10
+            : x;
+
+        const xfStr = 'translate(' + x + ', 26)';
+        if (y < -60 || y > 130) {
+          delStop.setAttribute('display', 'block');
+          delStop.setAttribute('transform', xfStr);
+        } else {
+          delStop.setAttribute('display', 'none');
+        }
+
+        drag.setAttribute('transform', xfStr);
+        $.data(drag, 'bg').setAttribute('transform', xfStr);
+        const stop = $.data(drag, 'stop');
+        const sX = (x - 10) / MAX;
+
+        stop.setAttribute('offset', sX);
+
+        let last = 0;
+        $(curGradient).find('stop').each(function (i) {
+          const cur = this.getAttribute('offset');
+          const t = $(this);
+          if (cur < last) {
+            t.prev().before(t);
+            stops = $(curGradient).find('stop');
+          }
+          last = cur;
+        });
+      }
+
+      const stopMakerSVG = mkElem('svg', {
+        width: '100%',
+        height: 45
+      }, stopMakerDiv[0]);
+
+      const transPattern = mkElem('pattern', {
+        width: 16,
+        height: 16,
+        patternUnits: 'userSpaceOnUse',
+        id: 'jGraduate_trans'
+      }, stopMakerSVG);
+
+      const transImg = mkElem('image', {
+        width: 16,
+        height: 16
+      }, transPattern);
+
+      const bgImage = $settings.images.clientPath + 'map-opacity.png';
+
+      transImg.setAttributeNS(ns.xlink, 'xlink:href', bgImage);
+
+      $(stopMakerSVG).click(function (evt) {
+        stopOffset = stopMakerDiv.offset();
+        const {target} = evt;
+        if (target.tagName === 'path') return;
+        let x = evt.pageX - stopOffset.left - 8;
+        x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10 : x;
+        mkStop(x / MAX, 0, 0, true);
+        evt.stopPropagation();
+      });
+
+      $(stopMakerSVG).mouseover(function () {
+        stopMakerSVG.append(delStop);
+      });
+
+      stopGroup = mkElem('g', {}, stopMakerSVG);
+
+      mkElem('line', {
+        x1: 10,
+        y1: 15,
+        x2: MAX + 10,
+        y2: 15,
+        'stroke-width': 2,
+        stroke: '#000'
+      }, stopMakerSVG);
+
+      const spreadMethodOpt = gradPicker.find('.jGraduate_spreadMethod').change(function () {
+        curGradient.setAttribute('spreadMethod', $(this).val());
+      });
+
+      // handle dragging the stop around the swatch
+      let draggingCoord = null;
+
+      const onCoordDrag = function (evt) {
+        let x = evt.pageX - offset.left;
+        let y = evt.pageY - offset.top;
+
+        // clamp stop to the swatch
+        x = x < 0 ? 0 : x > MAX ? MAX : x;
+        y = y < 0 ? 0 : y > MAX ? MAX : y;
+
+        draggingCoord.css('left', x).css('top', y);
+
+        // calculate stop offset
+        const fracx = x / SIZEX;
+        const fracy = y / SIZEY;
+
+        const type = draggingCoord.data('coord');
+        const grad = curGradient;
+
+        switch (type) {
+        case 'start':
+          attrInput.x1.val(fracx);
+          attrInput.y1.val(fracy);
+          grad.setAttribute('x1', fracx);
+          grad.setAttribute('y1', fracy);
+          break;
+        case 'end':
+          attrInput.x2.val(fracx);
+          attrInput.y2.val(fracy);
+          grad.setAttribute('x2', fracx);
+          grad.setAttribute('y2', fracy);
+          break;
+        case 'center':
+          attrInput.cx.val(fracx);
+          attrInput.cy.val(fracy);
+          grad.setAttribute('cx', fracx);
+          grad.setAttribute('cy', fracy);
+          cX = fracx;
+          cY = fracy;
+          xform();
+          break;
+        case 'focus':
+          attrInput.fx.val(fracx);
+          attrInput.fy.val(fracy);
+          grad.setAttribute('fx', fracx);
+          grad.setAttribute('fy', fracy);
+          xform();
+        }
+
+        evt.preventDefault();
+      };
+
+      const onCoordUp = function () {
+        draggingCoord = null;
+        $win.unbind('mousemove', onCoordDrag).unbind('mouseup', onCoordUp);
+      };
+
+      // Linear gradient
+      // (function () {
+
+      stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+
+      let numstops = stops.length;
+      // if there are not at least two stops, then
+      if (numstops < 2) {
+        while (numstops < 2) {
+          curGradient.append(document.createElementNS(ns.svg, 'stop'));
+          ++numstops;
+        }
+        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+      }
+
+      for (let i = 0; i < numstops; i++) {
+        mkStop(0, 0, 0, 0, stops[i]);
+      }
+
+      spreadMethodOpt.val(curGradient.getAttribute('spreadMethod') || 'pad');
+
+      let offset;
+
+      // No match, so show focus point
+      showFocus = false;
+
+      previewRect.setAttribute('fill-opacity', gradalpha / 100);
+
+      $('#' + id + ' div.grad_coord').mousedown(function (evt) {
+        evt.preventDefault();
+        draggingCoord = $(this);
+        // const sPos = draggingCoord.offset();
+        offset = draggingCoord.parent().offset();
+        $win.mousemove(onCoordDrag).mouseup(onCoordUp);
+      });
+
+      // bind GUI elements
+      $('#' + id + '_jGraduate_Ok').bind('click', function () {
+        $this.paint.type = curType;
+        $this.paint[curType] = curGradient.cloneNode(true);
+        $this.paint.solidColor = null;
+        okClicked();
+      });
+      $('#' + id + '_jGraduate_Cancel').bind('click', function (paint) {
+        cancelClicked();
+      });
+
+      if (curType === 'radialGradient') {
+        if (showFocus) {
+          focusCoord.show();
+        } else {
+          focusCoord.hide();
+          attrInput.fx.val('');
+          attrInput.fy.val('');
+        }
+      }
+
+      $('#' + id + '_jGraduate_match_ctr')[0].checked = !showFocus;
+
+      let lastfx, lastfy;
+
+      $('#' + id + '_jGraduate_match_ctr').change(function () {
+        showFocus = !this.checked;
+        focusCoord.toggle(showFocus);
+        attrInput.fx.val('');
+        attrInput.fy.val('');
+        const grad = curGradient;
+        if (!showFocus) {
+          lastfx = grad.getAttribute('fx');
+          lastfy = grad.getAttribute('fy');
+          grad.removeAttribute('fx');
+          grad.removeAttribute('fy');
+        } else {
+          const fx = lastfx || 0.5;
+          const fy = lastfy || 0.5;
+          grad.setAttribute('fx', fx);
+          grad.setAttribute('fy', fy);
+          attrInput.fx.val(fx);
+          attrInput.fy.val(fy);
+        }
+      });
+
+      stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+      numstops = stops.length;
+      // if there are not at least two stops, then
+      if (numstops < 2) {
+        while (numstops < 2) {
+          curGradient.append(document.createElementNS(ns.svg, 'stop'));
+          ++numstops;
+        }
+        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+      }
+
+      let slider;
+
+      const setSlider = function (e) {
+        const {offset} = slider;
+        const div = slider.parent;
+        let x = (e.pageX - offset.left - parseInt(div.css('border-left-width')));
+        if (x > SLIDERW) x = SLIDERW;
+        if (x <= 0) x = 0;
+        const posx = x - 5;
+        x /= SLIDERW;
+
+        switch (slider.type) {
+        case 'radius':
+          x = Math.pow(x * 2, 2.5);
+          if (x > 0.98 && x < 1.02) x = 1;
+          if (x <= 0.01) x = 0.01;
+          curGradient.setAttribute('r', x);
+          break;
+        case 'opacity':
+          $this.paint.alpha = parseInt(x * 100);
+          previewRect.setAttribute('fill-opacity', x);
+          break;
+        case 'ellip':
+          scaleX = 1;
+          scaleY = 1;
+          if (x < 0.5) {
+            x /= 0.5; // 0.001
+            scaleX = x <= 0 ? 0.01 : x;
+          } else if (x > 0.5) {
+            x /= 0.5; // 2
+            x = 2 - x;
+            scaleY = x <= 0 ? 0.01 : x;
+          }
+          xform();
+          x -= 1;
+          if (scaleY === x + 1) {
+            x = Math.abs(x);
+          }
+          break;
+        case 'angle':
+          x = x - 0.5;
+          angle = x *= 180;
+          xform();
+          x /= 100;
+          break;
+        }
+        slider.elem.css({'margin-left': posx});
+        x = Math.round(x * 100);
+        slider.input.val(x);
+      };
+
+      let ellipVal = 0, angleVal = 0;
+
+      if (curType === 'radialGradient') {
+        const tlist = curGradient.gradientTransform.baseVal;
+        if (tlist.numberOfItems === 2) {
+          const t = tlist.getItem(0);
+          const s = tlist.getItem(1);
+          if (t.type === 2 && s.type === 3) {
+            const m = s.matrix;
+            if (m.a !== 1) {
+              ellipVal = Math.round(-(1 - m.a) * 100);
+            } else if (m.d !== 1) {
+              ellipVal = Math.round((1 - m.d) * 100);
+            }
+          }
+        } else if (tlist.numberOfItems === 3) {
+          // Assume [R][T][S]
+          const r = tlist.getItem(0);
+          const t = tlist.getItem(1);
+          const s = tlist.getItem(2);
+
+          if (r.type === 4 &&
+            t.type === 2 &&
+            s.type === 3
+          ) {
+            angleVal = Math.round(r.angle);
+            const m = s.matrix;
+            if (m.a !== 1) {
+              ellipVal = Math.round(-(1 - m.a) * 100);
+            } else if (m.d !== 1) {
+              ellipVal = Math.round((1 - m.d) * 100);
+            }
+          }
+        }
+      }
+
+      const sliders = {
+        radius: {
+          handle: '#' + id + '_jGraduate_RadiusArrows',
+          input: '#' + id + '_jGraduate_RadiusInput',
+          val: (curGradient.getAttribute('r') || 0.5) * 100
+        },
+        opacity: {
+          handle: '#' + id + '_jGraduate_OpacArrows',
+          input: '#' + id + '_jGraduate_OpacInput',
+          val: $this.paint.alpha || 100
+        },
+        ellip: {
+          handle: '#' + id + '_jGraduate_EllipArrows',
+          input: '#' + id + '_jGraduate_EllipInput',
+          val: ellipVal
+        },
+        angle: {
+          handle: '#' + id + '_jGraduate_AngleArrows',
+          input: '#' + id + '_jGraduate_AngleInput',
+          val: angleVal
+        }
+      };
+
+      $.each(sliders, function (type, data) {
+        const handle = $(data.handle);
+        handle.mousedown(function (evt) {
+          const parent = handle.parent();
+          slider = {
+            type,
+            elem: handle,
+            input: $(data.input),
+            parent,
+            offset: parent.offset()
+          };
+          $win.mousemove(dragSlider).mouseup(stopSlider);
+          evt.preventDefault();
+        });
+
+        $(data.input).val(data.val).change(function () {
+          const isRad = curType === 'radialGradient';
+          let val = +this.value;
+          let xpos = 0;
+          switch (type) {
+          case 'radius':
+            if (isRad) curGradient.setAttribute('r', val / 100);
+            xpos = (Math.pow(val / 100, 1 / 2.5) / 2) * SLIDERW;
+            break;
+
+          case 'opacity':
+            $this.paint.alpha = val;
+            previewRect.setAttribute('fill-opacity', val / 100);
+            xpos = val * (SLIDERW / 100);
+            break;
+
+          case 'ellip':
+            scaleX = scaleY = 1;
+            if (val === 0) {
+              xpos = SLIDERW * 0.5;
+              break;
+            }
+            if (val > 99.5) val = 99.5;
+            if (val > 0) {
+              scaleY = 1 - (val / 100);
+            } else {
+              scaleX = -(val / 100) - 1;
+            }
+
+            xpos = SLIDERW * ((val + 100) / 2) / 100;
+            if (isRad) xform();
+            break;
+
+          case 'angle':
+            angle = val;
+            xpos = angle / 180;
+            xpos += 0.5;
+            xpos *= SLIDERW;
+            if (isRad) xform();
+          }
+          if (xpos > SLIDERW) {
+            xpos = SLIDERW;
+          } else if (xpos < 0) {
+            xpos = 0;
+          }
+          handle.css({'margin-left': xpos - 5});
+        }).change();
+      });
+
+      const dragSlider = function (evt) {
+        setSlider(evt);
+        evt.preventDefault();
+      };
+
+      const stopSlider = function (evt) {
+        $win.unbind('mousemove', dragSlider).unbind('mouseup', stopSlider);
+        slider = null;
+      };
+
+      // --------------
+      let thisAlpha = ($this.paint.alpha * 255 / 100).toString(16);
+      while (thisAlpha.length < 2) { thisAlpha = '0' + thisAlpha; }
+      thisAlpha = thisAlpha.split('.')[0];
+      color = $this.paint.solidColor === 'none' ? '' : $this.paint.solidColor + thisAlpha;
+
+      if (!isSolid) {
+        color = stops[0].getAttribute('stop-color');
+      }
+
+      // This should be done somewhere else, probably
+      $.extend($.fn.jPicker.defaults.window, {
+        alphaSupport: true, effects: {type: 'show', speed: 0}
+      });
+
+      colPicker.jPicker(
+        {
+          window: { title: $settings.window.pickerTitle },
+          images: { clientPath: $settings.images.clientPath },
+          color: { active: color, alphaSupport: true }
+        },
+        function (color) {
+          $this.paint.type = 'solidColor';
+          $this.paint.alpha = color.val('ahex') ? Math.round((color.val('a') / 255) * 100) : 100;
+          $this.paint.solidColor = color.val('hex') ? color.val('hex') : 'none';
+          $this.paint.radialGradient = null;
+          okClicked();
+        },
+        null,
+        function () { cancelClicked(); }
+      );
+
+      const tabs = $(idref + ' .jGraduate_tabs li');
+      tabs.click(function () {
+        tabs.removeClass('jGraduate_tab_current');
+        $(this).addClass('jGraduate_tab_current');
+        $(idref + ' > div').hide();
+        const type = $(this).attr('data-type');
+        /* const container = */ $(idref + ' .jGraduate_gradPick').show();
+        if (type === 'rg' || type === 'lg') {
+          // Show/hide appropriate fields
+          $('.jGraduate_' + type + '_field').show();
+          $('.jGraduate_' + (type === 'lg' ? 'rg' : 'lg') + '_field').hide();
+
+          $('#' + id + '_jgraduate_rect')[0].setAttribute('fill', 'url(#' + id + '_' + type + '_jgraduate_grad)');
+
+          // Copy stops
+
+          curType = type === 'lg' ? 'linearGradient' : 'radialGradient';
+
+          $('#' + id + '_jGraduate_OpacInput').val($this.paint.alpha).change();
+
+          const newGrad = $('#' + id + '_' + type + '_jgraduate_grad')[0];
+
+          if (curGradient !== newGrad) {
+            const curStops = $(curGradient).find('stop');
+            $(newGrad).empty().append(curStops);
+            curGradient = newGrad;
+            const sm = spreadMethodOpt.val();
+            curGradient.setAttribute('spreadMethod', sm);
+          }
+          showFocus = type === 'rg' && curGradient.getAttribute('fx') != null && !(cx === fx && cy === fy);
+          $('#' + id + '_jGraduate_focusCoord').toggle(showFocus);
+          if (showFocus) {
+            $('#' + id + '_jGraduate_match_ctr')[0].checked = false;
+          }
+        } else {
+          $(idref + ' .jGraduate_gradPick').hide();
+          $(idref + ' .jGraduate_colPick').show();
+        }
+      });
+      $(idref + ' > div').hide();
+      tabs.removeClass('jGraduate_tab_current');
+      let tab;
+      switch ($this.paint.type) {
+      case 'linearGradient':
+        tab = $(idref + ' .jGraduate_tab_lingrad');
+        break;
+      case 'radialGradient':
+        tab = $(idref + ' .jGraduate_tab_radgrad');
+        break;
+      default:
+        tab = $(idref + ' .jGraduate_tab_color');
+        break;
+      }
+      $this.show();
+
+      // jPicker will try to show after a 0ms timeout, so need to fire this after that
+      setTimeout(() => {
+        tab.addClass('jGraduate_tab_current').click();
+      }, 10);
+    });
+  };
+  return $;
+}
diff --git a/editor/jgraduate/jQuery.jPicker.js b/editor/jgraduate/jQuery.jPicker.js
new file mode 100755
index 00000000..e3eab90f
--- /dev/null
+++ b/editor/jgraduate/jQuery.jPicker.js
@@ -0,0 +1,2095 @@
+/**
+ * jPicker (Adapted from version 1.1.6)
+ *
+ * jQuery Plugin for Photoshop style color picker
+ *
+ * @module jPicker
+ * @copyright (c) 2010 Christopher T. Tillman
+ * Digital Magic Productions, Inc. ({@link http://www.digitalmagicpro.com/})
+ * FREE to use, alter, copy, sell, and especially ENHANCE
+ * @license MIT
+ *
+ * Painstakingly ported from John Dyers' excellent work on his own color picker based on the Prototype framework.
+ *
+ * John Dyers' website: {@link http://johndyer.name}
+ * Color Picker page: {@link http://johndyer.name/photoshop-like-javascript-color-picker/}
+ */
+
+/**
+* @external Math
+*/
+/**
+* @memberof external:Math
+* @param {Float} value
+* @param {Float} precision
+* @returns {Float}
+*/
+Math.precision = function (value, precision) {
+  if (precision === undefined) precision = 0;
+  return Math.round(value * Math.pow(10, precision)) / Math.pow(10, precision);
+};
+
+/**
+* @function module:jPicker.jPicker
+* @param {external:jQuery} $ The jQuery object to wrap (with {@link external:jQuery.loadingStylesheets}, {@link external:jQuery.fn.$.fn.jPicker}, {@link external:jQuery.fn.$.fn.jPicker.defaults})
+* @returns {external:jQuery}
+*/
+const jPicker = function ($) {
+  if (!$.loadingStylesheets) {
+    /**
+    * @name loadingStylesheets
+    * @type {string[]}
+    * @memberof external:jQuery
+    */
+    $.loadingStylesheets = [];
+  }
+  const stylesheet = 'jgraduate/css/jPicker.css';
+  if (!$.loadingStylesheets.includes(stylesheet)) {
+    $.loadingStylesheets.push(stylesheet);
+  }
+  /**
+  * @typedef {PlainObject} module:jPicker.SliderOptions
+  * @property {external:jQuery|PlainObject} arrow
+  * @property {string} arrow.image Not in use?
+  * @property {Float} arrow.width
+  * @property {Float} arrow.height
+  * @property {PlainObject} map
+  * @property {Float} map.width
+  * @property {Float} map.height
+  */
+
+  /**
+  * Encapsulate slider functionality for the ColorMap and ColorBar -
+  * could be useful to use a jQuery UI draggable for this with certain extensions
+  * @param {external:jQuery} bar
+  * @param {module:jPicker.SliderOptions} options
+  */
+  function Slider (bar, options) {
+    const $this = this;
+    function fireChangeEvents (context) {
+      for (let i = 0; i < changeEvents.length; i++) {
+        changeEvents[i].call($this, $this, context);
+      }
+    }
+    // bind the mousedown to the bar not the arrow for quick snapping to the clicked location
+    function mouseDown (e) {
+      const off = bar.offset();
+      offset = {l: off.left | 0, t: off.top | 0};
+      clearTimeout(timeout);
+      // using setTimeout for visual updates - once the style is updated the browser will re-render internally allowing the next Javascript to run
+      timeout = setTimeout(function () {
+        setValuesFromMousePosition.call($this, e);
+      }, 0);
+      // Bind mousemove and mouseup event to the document so it responds when dragged of of the bar - we will unbind these when on mouseup to save processing
+      $(document).bind('mousemove', mouseMove).bind('mouseup', mouseUp);
+      e.preventDefault(); // don't try to select anything or drag the image to the desktop
+    }
+    // set the values as the mouse moves
+    function mouseMove (e) {
+      clearTimeout(timeout);
+      timeout = setTimeout(function () {
+        setValuesFromMousePosition.call($this, e);
+      }, 0);
+      e.stopPropagation();
+      e.preventDefault();
+      return false;
+    }
+    // unbind the document events - they aren't needed when not dragging
+    function mouseUp (e) {
+      $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);
+      e.stopPropagation();
+      e.preventDefault();
+      return false;
+    }
+    // calculate mouse position and set value within the current range
+    function setValuesFromMousePosition (e) {
+      const barW = bar.w, // local copies for YUI compressor
+        barH = bar.h;
+      let locX = e.pageX - offset.l,
+        locY = e.pageY - offset.t;
+      // keep the arrow within the bounds of the bar
+      if (locX < 0) locX = 0;
+      else if (locX > barW) locX = barW;
+      if (locY < 0) locY = 0;
+      else if (locY > barH) locY = barH;
+      val.call($this, 'xy', { x: ((locX / barW) * rangeX) + minX, y: ((locY / barH) * rangeY) + minY });
+    }
+    function draw () {
+      const
+        barW = bar.w,
+        barH = bar.h,
+        arrowW = arrow.w,
+        arrowH = arrow.h;
+      let arrowOffsetX = 0,
+        arrowOffsetY = 0;
+      setTimeout(function () {
+        if (rangeX > 0) { // range is greater than zero
+          // constrain to bounds
+          if (x === maxX) arrowOffsetX = barW;
+          else arrowOffsetX = ((x / rangeX) * barW) | 0;
+        }
+        if (rangeY > 0) { // range is greater than zero
+          // constrain to bounds
+          if (y === maxY) arrowOffsetY = barH;
+          else arrowOffsetY = ((y / rangeY) * barH) | 0;
+        }
+        // if arrow width is greater than bar width, center arrow and prevent horizontal dragging
+        if (arrowW >= barW) arrowOffsetX = (barW >> 1) - (arrowW >> 1); // number >> 1 - superfast bitwise divide by two and truncate (move bits over one bit discarding lowest)
+        else arrowOffsetX -= arrowW >> 1;
+        // if arrow height is greater than bar height, center arrow and prevent vertical dragging
+        if (arrowH >= barH) arrowOffsetY = (barH >> 1) - (arrowH >> 1);
+        else arrowOffsetY -= arrowH >> 1;
+        // set the arrow position based on these offsets
+        arrow.css({ left: arrowOffsetX + 'px', top: arrowOffsetY + 'px' });
+      }, 0);
+    }
+    function val (name, value, context) {
+      const set = value !== undefined;
+      if (!set) {
+        if (name === undefined || name == null) name = 'xy';
+        switch (name.toLowerCase()) {
+        case 'x': return x;
+        case 'y': return y;
+        case 'xy':
+        default: return { x, y };
+        }
+      }
+      if (context != null && context === $this) return;
+      let changed = false;
+
+      let newX, newY;
+      if (name == null) name = 'xy';
+      switch (name.toLowerCase()) {
+      case 'x':
+        newX = (value && ((value.x && value.x | 0) || value | 0)) || 0;
+        break;
+      case 'y':
+        newY = (value && ((value.y && value.y | 0) || value | 0)) || 0;
+        break;
+      case 'xy':
+      default:
+        newX = (value && value.x && value.x | 0) || 0;
+        newY = (value && value.y && value.y | 0) || 0;
+        break;
+      }
+      if (newX != null) {
+        if (newX < minX) newX = minX;
+        else if (newX > maxX) newX = maxX;
+        if (x !== newX) {
+          x = newX;
+          changed = true;
+        }
+      }
+      if (newY != null) {
+        if (newY < minY) newY = minY;
+        else if (newY > maxY) newY = maxY;
+        if (y !== newY) {
+          y = newY;
+          changed = true;
+        }
+      }
+      changed && fireChangeEvents.call($this, context || $this);
+    }
+    function range (name, value) {
+      const set = value !== undefined;
+      if (!set) {
+        if (name === undefined || name == null) name = 'all';
+        switch (name.toLowerCase()) {
+        case 'minx': return minX;
+        case 'maxx': return maxX;
+        case 'rangex': return { minX, maxX, rangeX };
+        case 'miny': return minY;
+        case 'maxy': return maxY;
+        case 'rangey': return { minY, maxY, rangeY };
+        case 'all':
+        default: return { minX, maxX, rangeX, minY, maxY, rangeY };
+        }
+      }
+      let // changed = false,
+        newMinX,
+        newMaxX,
+        newMinY,
+        newMaxY;
+      if (name == null) name = 'all';
+      switch (name.toLowerCase()) {
+      case 'minx':
+        newMinX = (value && ((value.minX && value.minX | 0) || value | 0)) || 0;
+        break;
+      case 'maxx':
+        newMaxX = (value && ((value.maxX && value.maxX | 0) || value | 0)) || 0;
+        break;
+      case 'rangex':
+        newMinX = (value && value.minX && value.minX | 0) || 0;
+        newMaxX = (value && value.maxX && value.maxX | 0) || 0;
+        break;
+      case 'miny':
+        newMinY = (value && ((value.minY && value.minY | 0) || value | 0)) || 0;
+        break;
+      case 'maxy':
+        newMaxY = (value && ((value.maxY && value.maxY | 0) || value | 0)) || 0;
+        break;
+      case 'rangey':
+        newMinY = (value && value.minY && value.minY | 0) || 0;
+        newMaxY = (value && value.maxY && value.maxY | 0) || 0;
+        break;
+      case 'all':
+      default:
+        newMinX = (value && value.minX && value.minX | 0) || 0;
+        newMaxX = (value && value.maxX && value.maxX | 0) || 0;
+        newMinY = (value && value.minY && value.minY | 0) || 0;
+        newMaxY = (value && value.maxY && value.maxY | 0) || 0;
+        break;
+      }
+      if (newMinX != null && minX !== newMinX) {
+        minX = newMinX;
+        rangeX = maxX - minX;
+      }
+      if (newMaxX != null && maxX !== newMaxX) {
+        maxX = newMaxX;
+        rangeX = maxX - minX;
+      }
+      if (newMinY != null && minY !== newMinY) {
+        minY = newMinY;
+        rangeY = maxY - minY;
+      }
+      if (newMaxY != null && maxY !== newMaxY) {
+        maxY = newMaxY;
+        rangeY = maxY - minY;
+      }
+    }
+    function bind (callback) {
+      if (typeof callback === 'function') changeEvents.push(callback);
+    }
+    function unbind (callback) {
+      if (typeof callback !== 'function') return;
+      let i;
+      while ((i = changeEvents.includes(callback))) changeEvents.splice(i, 1);
+    }
+    function destroy () {
+      // unbind all possible events and null objects
+      $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);
+      bar.unbind('mousedown', mouseDown);
+      bar = null;
+      arrow = null;
+      changeEvents = null;
+    }
+    let offset,
+      timeout,
+      x = 0,
+      y = 0,
+      minX = 0,
+      maxX = 100,
+      rangeX = 100,
+      minY = 0,
+      maxY = 100,
+      rangeY = 100,
+      arrow = bar.find('img:first'), // the arrow image to drag
+      changeEvents = [];
+
+    $.extend(true, $this, // public properties, methods, and event bindings - these we need to access from other controls
+      {
+        val,
+        range,
+        bind,
+        unbind,
+        destroy
+      }
+    );
+    // initialize this control
+    arrow.src = options.arrow && options.arrow.image;
+    arrow.w = (options.arrow && options.arrow.width) || arrow.width();
+    arrow.h = (options.arrow && options.arrow.height) || arrow.height();
+    bar.w = (options.map && options.map.width) || bar.width();
+    bar.h = (options.map && options.map.height) || bar.height();
+    // bind mousedown event
+    bar.bind('mousedown', mouseDown);
+    bind.call($this, draw);
+  }
+  // controls for all the input elements for the typing in color values
+  function ColorValuePicker (picker, color, bindedHex, alphaPrecision) {
+    const $this = this; // private properties and methods
+    const inputs = picker.find('td.Text input');
+    // input box key down - use arrows to alter color
+    function keyDown (e) {
+      if (e.target.value === '' && e.target !== hex.get(0) && ((bindedHex != null && e.target !== bindedHex.get(0)) || bindedHex == null)) return;
+      if (!validateKey(e)) return e;
+      switch (e.target) {
+      case red.get(0):
+        switch (e.keyCode) {
+        case 38:
+          red.val(setValueInRange.call($this, (red.val() << 0) + 1, 0, 255));
+          color.val('r', red.val(), e.target);
+          return false;
+        case 40:
+          red.val(setValueInRange.call($this, (red.val() << 0) - 1, 0, 255));
+          color.val('r', red.val(), e.target);
+          return false;
+        }
+        break;
+      case green.get(0):
+        switch (e.keyCode) {
+        case 38:
+          green.val(setValueInRange.call($this, (green.val() << 0) + 1, 0, 255));
+          color.val('g', green.val(), e.target);
+          return false;
+        case 40:
+          green.val(setValueInRange.call($this, (green.val() << 0) - 1, 0, 255));
+          color.val('g', green.val(), e.target);
+          return false;
+        }
+        break;
+      case blue.get(0):
+        switch (e.keyCode) {
+        case 38:
+          blue.val(setValueInRange.call($this, (blue.val() << 0) + 1, 0, 255));
+          color.val('b', blue.val(), e.target);
+          return false;
+        case 40:
+          blue.val(setValueInRange.call($this, (blue.val() << 0) - 1, 0, 255));
+          color.val('b', blue.val(), e.target);
+          return false;
+        }
+        break;
+      case alpha && alpha.get(0):
+        switch (e.keyCode) {
+        case 38:
+          alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) + 1, 0, 100));
+          color.val('a', Math.precision((alpha.val() * 255) / 100, alphaPrecision), e.target);
+          return false;
+        case 40:
+          alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) - 1, 0, 100));
+          color.val('a', Math.precision((alpha.val() * 255) / 100, alphaPrecision), e.target);
+          return false;
+        }
+        break;
+      case hue.get(0):
+        switch (e.keyCode) {
+        case 38:
+          hue.val(setValueInRange.call($this, (hue.val() << 0) + 1, 0, 360));
+          color.val('h', hue.val(), e.target);
+          return false;
+        case 40:
+          hue.val(setValueInRange.call($this, (hue.val() << 0) - 1, 0, 360));
+          color.val('h', hue.val(), e.target);
+          return false;
+        }
+        break;
+      case saturation.get(0):
+        switch (e.keyCode) {
+        case 38:
+          saturation.val(setValueInRange.call($this, (saturation.val() << 0) + 1, 0, 100));
+          color.val('s', saturation.val(), e.target);
+          return false;
+        case 40:
+          saturation.val(setValueInRange.call($this, (saturation.val() << 0) - 1, 0, 100));
+          color.val('s', saturation.val(), e.target);
+          return false;
+        }
+        break;
+      case value.get(0):
+        switch (e.keyCode) {
+        case 38:
+          value.val(setValueInRange.call($this, (value.val() << 0) + 1, 0, 100));
+          color.val('v', value.val(), e.target);
+          return false;
+        case 40:
+          value.val(setValueInRange.call($this, (value.val() << 0) - 1, 0, 100));
+          color.val('v', value.val(), e.target);
+          return false;
+        }
+        break;
+      }
+    }
+    // input box key up - validate value and set color
+    function keyUp (e) {
+      if (e.target.value === '' && e.target !== hex.get(0) &&
+        ((bindedHex != null && e.target !== bindedHex.get(0)) ||
+        bindedHex == null)) return;
+      if (!validateKey(e)) return e;
+      switch (e.target) {
+      case red.get(0):
+        red.val(setValueInRange.call($this, red.val(), 0, 255));
+        color.val('r', red.val(), e.target);
+        break;
+      case green.get(0):
+        green.val(setValueInRange.call($this, green.val(), 0, 255));
+        color.val('g', green.val(), e.target);
+        break;
+      case blue.get(0):
+        blue.val(setValueInRange.call($this, blue.val(), 0, 255));
+        color.val('b', blue.val(), e.target);
+        break;
+      case alpha && alpha.get(0):
+        alpha.val(setValueInRange.call($this, alpha.val(), 0, 100));
+        color.val('a', Math.precision((alpha.val() * 255) / 100, alphaPrecision), e.target);
+        break;
+      case hue.get(0):
+        hue.val(setValueInRange.call($this, hue.val(), 0, 360));
+        color.val('h', hue.val(), e.target);
+        break;
+      case saturation.get(0):
+        saturation.val(setValueInRange.call($this, saturation.val(), 0, 100));
+        color.val('s', saturation.val(), e.target);
+        break;
+      case value.get(0):
+        value.val(setValueInRange.call($this, value.val(), 0, 100));
+        color.val('v', value.val(), e.target);
+        break;
+      case hex.get(0):
+        hex.val(hex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));
+        bindedHex && bindedHex.val(hex.val());
+        color.val('hex', hex.val() !== '' ? hex.val() : null, e.target);
+        break;
+      case bindedHex && bindedHex.get(0):
+        bindedHex.val(bindedHex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));
+        hex.val(bindedHex.val());
+        color.val('hex', bindedHex.val() !== '' ? bindedHex.val() : null, e.target);
+        break;
+      case ahex && ahex.get(0):
+        ahex.val(ahex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 2));
+        color.val('a', ahex.val() != null ? parseInt(ahex.val(), 16) : null, e.target);
+        break;
+      }
+    }
+    // input box blur - reset to original if value empty
+    function blur (e) {
+      if (color.val() != null) {
+        switch (e.target) {
+        case red.get(0): red.val(color.val('r')); break;
+        case green.get(0): green.val(color.val('g')); break;
+        case blue.get(0): blue.val(color.val('b')); break;
+        case alpha && alpha.get(0): alpha.val(Math.precision((color.val('a') * 100) / 255, alphaPrecision)); break;
+        case hue.get(0): hue.val(color.val('h')); break;
+        case saturation.get(0): saturation.val(color.val('s')); break;
+        case value.get(0): value.val(color.val('v')); break;
+        case hex.get(0):
+        case bindedHex && bindedHex.get(0):
+          hex.val(color.val('hex'));
+          bindedHex && bindedHex.val(color.val('hex'));
+          break;
+        case ahex && ahex.get(0): ahex.val(color.val('ahex').substring(6)); break;
+        }
+      }
+    }
+    function validateKey (e) {
+      switch (e.keyCode) {
+      case 9:
+      case 16:
+      case 29:
+      case 37:
+      case 39:
+        return false;
+      case 'c'.charCodeAt():
+      case 'v'.charCodeAt():
+        if (e.ctrlKey) return false;
+      }
+      return true;
+    }
+    // constrain value within range
+    function setValueInRange (value, min, max) {
+      if (value === '' || isNaN(value)) return min;
+      if (value > max) return max;
+      if (value < min) return min;
+      return value;
+    }
+    function colorChanged (ui, context) {
+      const all = ui.val('all');
+      if (context !== red.get(0)) red.val(all != null ? all.r : '');
+      if (context !== green.get(0)) green.val(all != null ? all.g : '');
+      if (context !== blue.get(0)) blue.val(all != null ? all.b : '');
+      if (alpha && context !== alpha.get(0)) alpha.val(all != null ? Math.precision((all.a * 100) / 255, alphaPrecision) : '');
+      if (context !== hue.get(0)) hue.val(all != null ? all.h : '');
+      if (context !== saturation.get(0)) saturation.val(all != null ? all.s : '');
+      if (context !== value.get(0)) value.val(all != null ? all.v : '');
+      if (context !== hex.get(0) && ((bindedHex && context !== bindedHex.get(0)) || !bindedHex)) hex.val(all != null ? all.hex : '');
+      if (bindedHex && context !== bindedHex.get(0) && context !== hex.get(0)) bindedHex.val(all != null ? all.hex : '');
+      if (ahex && context !== ahex.get(0)) ahex.val(all != null ? all.ahex.substring(6) : '');
+    }
+    function destroy () {
+      // unbind all events and null objects
+      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).unbind('keyup', keyUp).unbind('blur', blur);
+      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).unbind('keydown', keyDown);
+      color.unbind(colorChanged);
+      red = null;
+      green = null;
+      blue = null;
+      alpha = null;
+      hue = null;
+      saturation = null;
+      value = null;
+      hex = null;
+      ahex = null;
+    }
+    let
+      red = inputs.eq(3),
+      green = inputs.eq(4),
+      blue = inputs.eq(5),
+      alpha = inputs.length > 7 ? inputs.eq(6) : null,
+      hue = inputs.eq(0),
+      saturation = inputs.eq(1),
+      value = inputs.eq(2),
+      hex = inputs.eq(inputs.length > 7 ? 7 : 6),
+      ahex = inputs.length > 7 ? inputs.eq(8) : null;
+    $.extend(true, $this, {
+      // public properties and methods
+      destroy
+    });
+    red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).bind('keyup', keyUp).bind('blur', blur);
+    red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).bind('keydown', keyDown);
+    color.bind(colorChanged);
+  }
+
+  /**
+  * @typedef {PlainObject} module:jPicker.JPickerInit
+  * @property {Integer} a
+  * @property {Integer} b
+  * @property {Integer} g
+  * @property {Integer} h
+  * @property {Integer} r
+  * @property {Integer} s
+  * @property {Integer} v
+  * @property {string} hex
+  * @property {string} ahex
+  */
+
+  /**
+  * @namespace {PlainObject} jPicker
+  * @memberof external:jQuery
+  */
+  $.jPicker = /** @lends external:jQuery.jPicker */ {
+    /**
+    * Array holding references to each active instance of the jPicker control
+    * @type {external:jQuery.fn.$.fn.jPicker[]}
+    */
+    List: [],
+    /**
+    * Color object - we will be able to assign by any color space type or
+    * retrieve any color space info.
+    * We want this public so we can optionally assign new color objects to
+    * initial values using inputs other than a string hex value (also supported)
+    * Note: JSDoc didn't document when expressed here as an ES6 Class.
+    * @namespace
+    * @class
+    * @memberof external:jQuery.jPicker
+    * @param {module:jPicker.JPickerInit} init
+    */
+    Color: function (init) {
+      const $this = this;
+      function fireChangeEvents (context) {
+        for (let i = 0; i < changeEvents.length; i++) changeEvents[i].call($this, $this, context);
+      }
+      function val (name, value, context) {
+        // Kind of ugly
+        const set = Boolean(value);
+        if (set && value.ahex === '') value.ahex = '00000000';
+        if (!set) {
+          if (name === undefined || name == null || name === '') name = 'all';
+          if (r == null) return null;
+          switch (name.toLowerCase()) {
+          case 'ahex': return ColorMethods.rgbaToHex({ r, g, b, a });
+          case 'hex': return val('ahex').substring(0, 6);
+          case 'all': return { r, g, b, a, h, s, v, hex: val.call($this, 'hex'), ahex: val.call($this, 'ahex') };
+          default:
+            let ret = {};
+            for (let i = 0; i < name.length; i++) {
+              switch (name.charAt(i)) {
+              case 'r':
+                if (name.length === 1) ret = r;
+                else ret.r = r;
+                break;
+              case 'g':
+                if (name.length === 1) ret = g;
+                else ret.g = g;
+                break;
+              case 'b':
+                if (name.length === 1) ret = b;
+                else ret.b = b;
+                break;
+              case 'a':
+                if (name.length === 1) ret = a;
+                else ret.a = a;
+                break;
+              case 'h':
+                if (name.length === 1) ret = h;
+                else ret.h = h;
+                break;
+              case 's':
+                if (name.length === 1) ret = s;
+                else ret.s = s;
+                break;
+              case 'v':
+                if (name.length === 1) ret = v;
+                else ret.v = v;
+                break;
+              }
+            }
+            return !name.length ? val.call($this, 'all') : ret;
+          }
+        }
+        if (context != null && context === $this) return;
+        if (name == null) name = '';
+
+        let changed = false;
+        if (value == null) {
+          if (r != null) {
+            r = null;
+            changed = true;
+          }
+          if (g != null) {
+            g = null;
+            changed = true;
+          }
+          if (b != null) {
+            b = null;
+            changed = true;
+          }
+          if (a != null) {
+            a = null;
+            changed = true;
+          }
+          if (h != null) {
+            h = null;
+            changed = true;
+          }
+          if (s != null) {
+            s = null;
+            changed = true;
+          }
+          if (v != null) {
+            v = null;
+            changed = true;
+          }
+          changed && fireChangeEvents.call($this, context || $this);
+          return;
+        }
+        switch (name.toLowerCase()) {
+        case 'ahex':
+        case 'hex':
+          const ret = ColorMethods.hexToRgba((value && (value.ahex || value.hex)) || value || 'none');
+          val.call($this, 'rgba', { r: ret.r, g: ret.g, b: ret.b, a: name === 'ahex' ? ret.a : a != null ? a : 255 }, context);
+          break;
+        default:
+          if (value && (value.ahex != null || value.hex != null)) {
+            val.call($this, 'ahex', value.ahex || value.hex || '00000000', context);
+            return;
+          }
+          const newV = {};
+          let rgb = false, hsv = false;
+          if (value.r !== undefined && !name.includes('r')) name += 'r';
+          if (value.g !== undefined && !name.includes('g')) name += 'g';
+          if (value.b !== undefined && !name.includes('b')) name += 'b';
+          if (value.a !== undefined && !name.includes('a')) name += 'a';
+          if (value.h !== undefined && !name.includes('h')) name += 'h';
+          if (value.s !== undefined && !name.includes('s')) name += 's';
+          if (value.v !== undefined && !name.includes('v')) name += 'v';
+          for (let i = 0; i < name.length; i++) {
+            switch (name.charAt(i)) {
+            case 'r':
+              if (hsv) continue;
+              rgb = true;
+              newV.r = (value && value.r && value.r | 0) || (value && value | 0) || 0;
+              if (newV.r < 0) newV.r = 0;
+              else if (newV.r > 255) newV.r = 255;
+              if (r !== newV.r) {
+                ({r} = newV);
+                changed = true;
+              }
+              break;
+            case 'g':
+              if (hsv) continue;
+              rgb = true;
+              newV.g = (value && value.g && value.g | 0) || (value && value | 0) || 0;
+              if (newV.g < 0) newV.g = 0;
+              else if (newV.g > 255) newV.g = 255;
+              if (g !== newV.g) {
+                ({g} = newV);
+                changed = true;
+              }
+              break;
+            case 'b':
+              if (hsv) continue;
+              rgb = true;
+              newV.b = (value && value.b && value.b | 0) || (value && value | 0) || 0;
+              if (newV.b < 0) newV.b = 0;
+              else if (newV.b > 255) newV.b = 255;
+              if (b !== newV.b) {
+                ({b} = newV);
+                changed = true;
+              }
+              break;
+            case 'a':
+              newV.a = value && value.a != null ? value.a | 0 : value != null ? value | 0 : 255;
+              if (newV.a < 0) newV.a = 0;
+              else if (newV.a > 255) newV.a = 255;
+              if (a !== newV.a) {
+                ({a} = newV);
+                changed = true;
+              }
+              break;
+            case 'h':
+              if (rgb) continue;
+              hsv = true;
+              newV.h = (value && value.h && value.h | 0) || (value && value | 0) || 0;
+              if (newV.h < 0) newV.h = 0;
+              else if (newV.h > 360) newV.h = 360;
+              if (h !== newV.h) {
+                ({h} = newV);
+                changed = true;
+              }
+              break;
+            case 's':
+              if (rgb) continue;
+              hsv = true;
+              newV.s = value && value.s != null ? value.s | 0 : value != null ? value | 0 : 100;
+              if (newV.s < 0) newV.s = 0;
+              else if (newV.s > 100) newV.s = 100;
+              if (s !== newV.s) {
+                ({s} = newV);
+                changed = true;
+              }
+              break;
+            case 'v':
+              if (rgb) continue;
+              hsv = true;
+              newV.v = value && value.v != null ? value.v | 0 : value != null ? value | 0 : 100;
+              if (newV.v < 0) newV.v = 0;
+              else if (newV.v > 100) newV.v = 100;
+              if (v !== newV.v) {
+                ({v} = newV);
+                changed = true;
+              }
+              break;
+            }
+          }
+          if (changed) {
+            if (rgb) {
+              r = r || 0;
+              g = g || 0;
+              b = b || 0;
+              const ret = ColorMethods.rgbToHsv({ r, g, b });
+              ({h, s, v} = ret);
+            } else if (hsv) {
+              h = h || 0;
+              s = s != null ? s : 100;
+              v = v != null ? v : 100;
+              const ret = ColorMethods.hsvToRgb({ h, s, v });
+              ({r, g, b} = ret);
+            }
+            a = a != null ? a : 255;
+            fireChangeEvents.call($this, context || $this);
+          }
+          break;
+        }
+      }
+      function bind (callback) {
+        if (typeof callback === 'function') changeEvents.push(callback);
+      }
+      function unbind (callback) {
+        if (typeof callback !== 'function') return;
+        let i;
+        while ((i = changeEvents.includes(callback))) {
+          changeEvents.splice(i, 1);
+        }
+      }
+      function destroy () {
+        changeEvents = null;
+      }
+      let r, g, b, a, h, s, v, changeEvents = [];
+
+      $.extend(true, $this, {
+        // public properties and methods
+        val,
+        bind,
+        unbind,
+        destroy
+      });
+      if (init) {
+        if (init.ahex != null) {
+          val('ahex', init);
+        } else if (init.hex != null) {
+          val(
+            (init.a != null ? 'a' : '') + 'hex',
+            init.a != null
+              ? {ahex: init.hex + ColorMethods.intToHex(init.a)}
+              : init
+          );
+        } else if (init.r != null && init.g != null && init.b != null) {
+          val('rgb' + (init.a != null ? 'a' : ''), init);
+        } else if (init.h != null && init.s != null && init.v != null) {
+          val('hsv' + (init.a != null ? 'a' : ''), init);
+        }
+      }
+    },
+    /**
+    * color conversion methods  - make public to give use to external scripts
+    * @namespace
+    */
+    ColorMethods: {
+      /**
+      * @typedef {PlainObject} module:jPicker.RGBA
+      * @property {Integer} r
+      * @property {Integer} g
+      * @property {Integer} b
+      * @property {Integer} a
+      */
+      /**
+      * @typedef {PlainObject} module:jPicker.RGB
+      * @property {Integer} r
+      * @property {Integer} g
+      * @property {Integer} b
+      */
+      /**
+      * @param {string} hex
+      * @returns {module:jPicker.RGBA}
+      */
+      hexToRgba (hex) {
+        if (hex === '' || hex === 'none') return { r: null, g: null, b: null, a: null };
+        hex = this.validateHex(hex);
+        let r = '00', g = '00', b = '00', a = '255';
+        if (hex.length === 6) hex += 'ff';
+        if (hex.length > 6) {
+          r = hex.substring(0, 2);
+          g = hex.substring(2, 4);
+          b = hex.substring(4, 6);
+          a = hex.substring(6, hex.length);
+        } else {
+          if (hex.length > 4) {
+            r = hex.substring(4, hex.length);
+            hex = hex.substring(0, 4);
+          }
+          if (hex.length > 2) {
+            g = hex.substring(2, hex.length);
+            hex = hex.substring(0, 2);
+          }
+          if (hex.length > 0) b = hex.substring(0, hex.length);
+        }
+        return {
+          r: this.hexToInt(r), g: this.hexToInt(g), b: this.hexToInt(b), a: this.hexToInt(a)
+        };
+      },
+      /**
+      * @param {string} hex
+      * @returns {string}
+      */
+      validateHex (hex) {
+        // if (typeof hex === 'object') return '';
+        hex = hex.toLowerCase().replace(/[^a-f0-9]/g, '');
+        if (hex.length > 8) hex = hex.substring(0, 8);
+        return hex;
+      },
+      /**
+      * @param {module:jPicker.RGBA} rgba
+      * @returns {string}
+      */
+      rgbaToHex (rgba) {
+        return this.intToHex(rgba.r) + this.intToHex(rgba.g) + this.intToHex(rgba.b) + this.intToHex(rgba.a);
+      },
+      /**
+      * @param {Integer} dec
+      * @returns {string}
+      */
+      intToHex (dec) {
+        let result = (dec | 0).toString(16);
+        if (result.length === 1) result = ('0' + result);
+        return result.toLowerCase();
+      },
+      /**
+      * @param {string} hex
+      * @returns {Integer}
+      */
+      hexToInt (hex) {
+        return parseInt(hex, 16);
+      },
+      /**
+      * @typedef {PlainObject} module:jPicker.HSV
+      * @property {Integer} h
+      * @property {Integer} s
+      * @property {Integer} v
+      */
+      /**
+      * @param {module:jPicker.RGB} rgb
+      * @returns {module:jPicker.HSV}
+      */
+      rgbToHsv (rgb) {
+        const r = rgb.r / 255, g = rgb.g / 255, b = rgb.b / 255, hsv = { h: 0, s: 0, v: 0 };
+        let min = 0, max = 0;
+        if (r >= g && r >= b) {
+          max = r;
+          min = g > b ? b : g;
+        } else if (g >= b && g >= r) {
+          max = g;
+          min = r > b ? b : r;
+        } else {
+          max = b;
+          min = g > r ? r : g;
+        }
+        hsv.v = max;
+        hsv.s = max ? (max - min) / max : 0;
+        let delta;
+        if (!hsv.s) hsv.h = 0;
+        else {
+          delta = max - min;
+          if (r === max) hsv.h = (g - b) / delta;
+          else if (g === max) hsv.h = 2 + (b - r) / delta;
+          else hsv.h = 4 + (r - g) / delta;
+          hsv.h = parseInt(hsv.h * 60);
+          if (hsv.h < 0) hsv.h += 360;
+        }
+        hsv.s = (hsv.s * 100) | 0;
+        hsv.v = (hsv.v * 100) | 0;
+        return hsv;
+      },
+      /**
+      * @param {module:jPicker.HSV} hsv
+      * @returns {module:jPicker.RGB}
+      */
+      hsvToRgb (hsv) {
+        const rgb = {r: 0, g: 0, b: 0, a: 100};
+        let {h, s, v} = hsv;
+        if (s === 0) {
+          if (v === 0) rgb.r = rgb.g = rgb.b = 0;
+          else rgb.r = rgb.g = rgb.b = (v * 255 / 100) | 0;
+        } else {
+          if (h === 360) h = 0;
+          h /= 60;
+          s = s / 100;
+          v = v / 100;
+          const i = h | 0,
+            f = h - i,
+            p = v * (1 - s),
+            q = v * (1 - (s * f)),
+            t = v * (1 - (s * (1 - f)));
+          switch (i) {
+          case 0:
+            rgb.r = v;
+            rgb.g = t;
+            rgb.b = p;
+            break;
+          case 1:
+            rgb.r = q;
+            rgb.g = v;
+            rgb.b = p;
+            break;
+          case 2:
+            rgb.r = p;
+            rgb.g = v;
+            rgb.b = t;
+            break;
+          case 3:
+            rgb.r = p;
+            rgb.g = q;
+            rgb.b = v;
+            break;
+          case 4:
+            rgb.r = t;
+            rgb.g = p;
+            rgb.b = v;
+            break;
+          case 5:
+            rgb.r = v;
+            rgb.g = p;
+            rgb.b = q;
+            break;
+          }
+          rgb.r = (rgb.r * 255) | 0;
+          rgb.g = (rgb.g * 255) | 0;
+          rgb.b = (rgb.b * 255) | 0;
+        }
+        return rgb;
+      }
+    }
+  };
+  const {Color, List, ColorMethods} = $.jPicker; // local copies for YUI compressor
+  /**
+   * @function external:jQuery.fn.jPicker
+   * @see {@link external:jQuery.fn.$.fn.jPicker}
+   */
+  /**
+  * While it would seem this should specify the name `jPicker` for JSDoc, that doesn't
+  *   get us treated as a function as well as a namespace (even with `@function name`),
+  *   so we use an approach to add a redundant `$.fn.` in the name.
+  * @namespace
+  * @memberof external:jQuery.fn
+  * @param {external:jQuery.fn.jPickerOptions} options
+  * @returns {external:jQuery}
+  */
+  $.fn.jPicker = function (options) {
+    const $arguments = arguments;
+    return this.each(function () {
+      const $this = this, settings = $.extend(true, {}, $.fn.jPicker.defaults, options); // local copies for YUI compressor
+      if ($($this).get(0).nodeName.toLowerCase() === 'input') { // Add color picker icon if binding to an input element and bind the events to the input
+        $.extend(true, settings, {
+          window: {
+            bindToInput: true,
+            expandable: true,
+            input: $($this)
+          }
+        });
+        if ($($this).val() === '') {
+          settings.color.active = new Color({ hex: null });
+          settings.color.current = new Color({ hex: null });
+        } else if (ColorMethods.validateHex($($this).val())) {
+          settings.color.active = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });
+          settings.color.current = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });
+        }
+      }
+      if (settings.window.expandable) {
+        $($this).after('<span class="jPicker"><span class="Icon"><span class="Color">&nbsp;</span><span class="Alpha">&nbsp;</span><span class="Image" title="Click To Open Color Picker">&nbsp;</span><span class="Container">&nbsp;</span></span></span>');
+      } else {
+        settings.window.liveUpdate = false; // Basic control binding for inline use - You will need to override the liveCallback or commitCallback function to retrieve results
+      }
+      const isLessThanIE7 = parseFloat(navigator.appVersion.split('MSIE')[1]) < 7 && document.body.filters; // needed to run the AlphaImageLoader function for IE6
+      // set color mode and update visuals for the new color mode
+      /**
+       *
+       * @param {"h"|"s"|"v"|"r"|"g"|"b"|"a"} colorMode [description]
+       * @throws {Error} Invalid mode
+       */
+      function setColorMode (colorMode) {
+        const {active} = color, // local copies for YUI compressor
+          // {clientPath} = images,
+          hex = active.val('hex');
+        let rgbMap, rgbBar;
+        settings.color.mode = colorMode;
+        switch (colorMode) {
+        case 'h':
+          setTimeout(function () {
+            setBG.call($this, colorMapDiv, 'transparent');
+            setImgLoc.call($this, colorMapL1, 0);
+            setAlpha.call($this, colorMapL1, 100);
+            setImgLoc.call($this, colorMapL2, 260);
+            setAlpha.call($this, colorMapL2, 100);
+            setBG.call($this, colorBarDiv, 'transparent');
+            setImgLoc.call($this, colorBarL1, 0);
+            setAlpha.call($this, colorBarL1, 100);
+            setImgLoc.call($this, colorBarL2, 260);
+            setAlpha.call($this, colorBarL2, 100);
+            setImgLoc.call($this, colorBarL3, 260);
+            setAlpha.call($this, colorBarL3, 100);
+            setImgLoc.call($this, colorBarL4, 260);
+            setAlpha.call($this, colorBarL4, 100);
+            setImgLoc.call($this, colorBarL6, 260);
+            setAlpha.call($this, colorBarL6, 100);
+          }, 0);
+          colorMap.range('all', { minX: 0, maxX: 100, minY: 0, maxY: 100 });
+          colorBar.range('rangeY', { minY: 0, maxY: 360 });
+          if (active.val('ahex') == null) break;
+          colorMap.val('xy', { x: active.val('s'), y: 100 - active.val('v') }, colorMap);
+          colorBar.val('y', 360 - active.val('h'), colorBar);
+          break;
+        case 's':
+          setTimeout(function () {
+            setBG.call($this, colorMapDiv, 'transparent');
+            setImgLoc.call($this, colorMapL1, -260);
+            setImgLoc.call($this, colorMapL2, -520);
+            setImgLoc.call($this, colorBarL1, -260);
+            setImgLoc.call($this, colorBarL2, -520);
+            setImgLoc.call($this, colorBarL6, 260);
+            setAlpha.call($this, colorBarL6, 100);
+          }, 0);
+          colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+          colorBar.range('rangeY', { minY: 0, maxY: 100 });
+          if (active.val('ahex') == null) break;
+          colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);
+          colorBar.val('y', 100 - active.val('s'), colorBar);
+          break;
+        case 'v':
+          setTimeout(function () {
+            setBG.call($this, colorMapDiv, '000000');
+            setImgLoc.call($this, colorMapL1, -780);
+            setImgLoc.call($this, colorMapL2, 260);
+            setBG.call($this, colorBarDiv, hex);
+            setImgLoc.call($this, colorBarL1, -520);
+            setImgLoc.call($this, colorBarL2, 260);
+            setAlpha.call($this, colorBarL2, 100);
+            setImgLoc.call($this, colorBarL6, 260);
+            setAlpha.call($this, colorBarL6, 100);
+          }, 0);
+          colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+          colorBar.range('rangeY', { minY: 0, maxY: 100 });
+          if (active.val('ahex') == null) break;
+          colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('s') }, colorMap);
+          colorBar.val('y', 100 - active.val('v'), colorBar);
+          break;
+        case 'r':
+          rgbMap = -1040;
+          rgbBar = -780;
+          colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+          colorBar.range('rangeY', { minY: 0, maxY: 255 });
+          if (active.val('ahex') == null) break;
+          colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('g') }, colorMap);
+          colorBar.val('y', 255 - active.val('r'), colorBar);
+          break;
+        case 'g':
+          rgbMap = -1560;
+          rgbBar = -1820;
+          colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+          colorBar.range('rangeY', { minY: 0, maxY: 255 });
+          if (active.val('ahex') == null) break;
+          colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('r') }, colorMap);
+          colorBar.val('y', 255 - active.val('g'), colorBar);
+          break;
+        case 'b':
+          rgbMap = -2080;
+          rgbBar = -2860;
+          colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+          colorBar.range('rangeY', { minY: 0, maxY: 255 });
+          if (active.val('ahex') == null) break;
+          colorMap.val('xy', { x: active.val('r'), y: 255 - active.val('g') }, colorMap);
+          colorBar.val('y', 255 - active.val('b'), colorBar);
+          break;
+        case 'a':
+          setTimeout(function () {
+            setBG.call($this, colorMapDiv, 'transparent');
+            setImgLoc.call($this, colorMapL1, -260);
+            setImgLoc.call($this, colorMapL2, -520);
+            setImgLoc.call($this, colorBarL1, 260);
+            setImgLoc.call($this, colorBarL2, 260);
+            setAlpha.call($this, colorBarL2, 100);
+            setImgLoc.call($this, colorBarL6, 0);
+            setAlpha.call($this, colorBarL6, 100);
+          }, 0);
+          colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+          colorBar.range('rangeY', { minY: 0, maxY: 255 });
+          if (active.val('ahex') == null) break;
+          colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);
+          colorBar.val('y', 255 - active.val('a'), colorBar);
+          break;
+        default:
+          throw new Error('Invalid Mode');
+        }
+        switch (colorMode) {
+        case 'h':
+          break;
+        case 's':
+        case 'v':
+        case 'a':
+          setTimeout(function () {
+            setAlpha.call($this, colorMapL1, 100);
+            setAlpha.call($this, colorBarL1, 100);
+            setImgLoc.call($this, colorBarL3, 260);
+            setAlpha.call($this, colorBarL3, 100);
+            setImgLoc.call($this, colorBarL4, 260);
+            setAlpha.call($this, colorBarL4, 100);
+          }, 0);
+          break;
+        case 'r':
+        case 'g':
+        case 'b':
+          setTimeout(function () {
+            setBG.call($this, colorMapDiv, 'transparent');
+            setBG.call($this, colorBarDiv, 'transparent');
+            setAlpha.call($this, colorBarL1, 100);
+            setAlpha.call($this, colorMapL1, 100);
+            setImgLoc.call($this, colorMapL1, rgbMap);
+            setImgLoc.call($this, colorMapL2, rgbMap - 260);
+            setImgLoc.call($this, colorBarL1, rgbBar - 780);
+            setImgLoc.call($this, colorBarL2, rgbBar - 520);
+            setImgLoc.call($this, colorBarL3, rgbBar);
+            setImgLoc.call($this, colorBarL4, rgbBar - 260);
+            setImgLoc.call($this, colorBarL6, 260);
+            setAlpha.call($this, colorBarL6, 100);
+          }, 0);
+          break;
+        }
+        if (active.val('ahex') == null) return;
+        activeColorChanged.call($this, active);
+      }
+      // Update color when user changes text values
+      function activeColorChanged (ui, context) {
+        if (context == null || (context !== colorBar && context !== colorMap)) positionMapAndBarArrows.call($this, ui, context);
+        setTimeout(function () {
+          updatePreview.call($this, ui);
+          updateMapVisuals.call($this, ui);
+          updateBarVisuals.call($this, ui);
+        }, 0);
+      }
+      // user has dragged the ColorMap pointer
+      function mapValueChanged (ui, context) {
+        const {active} = color;
+        if (context !== colorMap && active.val() == null) return;
+        const xy = ui.val('all');
+        switch (settings.color.mode) {
+        case 'h':
+          active.val('sv', { s: xy.x, v: 100 - xy.y }, context);
+          break;
+        case 's':
+        case 'a':
+          active.val('hv', { h: xy.x, v: 100 - xy.y }, context);
+          break;
+        case 'v':
+          active.val('hs', { h: xy.x, s: 100 - xy.y }, context);
+          break;
+        case 'r':
+          active.val('gb', { g: 255 - xy.y, b: xy.x }, context);
+          break;
+        case 'g':
+          active.val('rb', { r: 255 - xy.y, b: xy.x }, context);
+          break;
+        case 'b':
+          active.val('rg', { r: xy.x, g: 255 - xy.y }, context);
+          break;
+        }
+      }
+      // user has dragged the ColorBar slider
+      function colorBarValueChanged (ui, context) {
+        const {active} = color;
+        if (context !== colorBar && active.val() == null) return;
+        switch (settings.color.mode) {
+        case 'h':
+          active.val('h', { h: 360 - ui.val('y') }, context);
+          break;
+        case 's':
+          active.val('s', { s: 100 - ui.val('y') }, context);
+          break;
+        case 'v':
+          active.val('v', { v: 100 - ui.val('y') }, context);
+          break;
+        case 'r':
+          active.val('r', { r: 255 - ui.val('y') }, context);
+          break;
+        case 'g':
+          active.val('g', { g: 255 - ui.val('y') }, context);
+          break;
+        case 'b':
+          active.val('b', { b: 255 - ui.val('y') }, context);
+          break;
+        case 'a':
+          active.val('a', 255 - ui.val('y'), context);
+          break;
+        }
+      }
+      // position map and bar arrows to match current color
+      function positionMapAndBarArrows (ui, context) {
+        if (context !== colorMap) {
+          switch (settings.color.mode) {
+          case 'h':
+            const sv = ui.val('sv');
+            colorMap.val('xy', { x: sv != null ? sv.s : 100, y: 100 - (sv != null ? sv.v : 100) }, context);
+            break;
+          case 's':
+          case 'a':
+            const hv = ui.val('hv');
+            colorMap.val('xy', { x: (hv && hv.h) || 0, y: 100 - (hv != null ? hv.v : 100) }, context);
+            break;
+          case 'v':
+            const hs = ui.val('hs');
+            colorMap.val('xy', { x: (hs && hs.h) || 0, y: 100 - (hs != null ? hs.s : 100) }, context);
+            break;
+          case 'r':
+            const bg = ui.val('bg');
+            colorMap.val('xy', { x: (bg && bg.b) || 0, y: 255 - ((bg && bg.g) || 0) }, context);
+            break;
+          case 'g':
+            const br = ui.val('br');
+            colorMap.val('xy', { x: (br && br.b) || 0, y: 255 - ((br && br.r) || 0) }, context);
+            break;
+          case 'b':
+            const rg = ui.val('rg');
+            colorMap.val('xy', { x: (rg && rg.r) || 0, y: 255 - ((rg && rg.g) || 0) }, context);
+            break;
+          }
+        }
+        if (context !== colorBar) {
+          switch (settings.color.mode) {
+          case 'h':
+            colorBar.val('y', 360 - (ui.val('h') || 0), context);
+            break;
+          case 's':
+            const s = ui.val('s');
+            colorBar.val('y', 100 - (s != null ? s : 100), context);
+            break;
+          case 'v':
+            const v = ui.val('v');
+            colorBar.val('y', 100 - (v != null ? v : 100), context);
+            break;
+          case 'r':
+            colorBar.val('y', 255 - (ui.val('r') || 0), context);
+            break;
+          case 'g':
+            colorBar.val('y', 255 - (ui.val('g') || 0), context);
+            break;
+          case 'b':
+            colorBar.val('y', 255 - (ui.val('b') || 0), context);
+            break;
+          case 'a':
+            const a = ui.val('a');
+            colorBar.val('y', 255 - (a != null ? a : 255), context);
+            break;
+          }
+        }
+      }
+      function updatePreview (ui) {
+        try {
+          const all = ui.val('all');
+          activePreview.css({ backgroundColor: (all && '#' + all.hex) || 'transparent' });
+          setAlpha.call($this, activePreview, (all && Math.precision((all.a * 100) / 255, 4)) || 0);
+        } catch (e) { }
+      }
+      function updateMapVisuals (ui) {
+        switch (settings.color.mode) {
+        case 'h':
+          setBG.call($this, colorMapDiv, new Color({ h: ui.val('h') || 0, s: 100, v: 100 }).val('hex'));
+          break;
+        case 's':
+        case 'a':
+          const s = ui.val('s');
+          setAlpha.call($this, colorMapL2, 100 - (s != null ? s : 100));
+          break;
+        case 'v':
+          const v = ui.val('v');
+          setAlpha.call($this, colorMapL1, v != null ? v : 100);
+          break;
+        case 'r':
+          setAlpha.call($this, colorMapL2, Math.precision((ui.val('r') || 0) / 255 * 100, 4));
+          break;
+        case 'g':
+          setAlpha.call($this, colorMapL2, Math.precision((ui.val('g') || 0) / 255 * 100, 4));
+          break;
+        case 'b':
+          setAlpha.call($this, colorMapL2, Math.precision((ui.val('b') || 0) / 255 * 100));
+          break;
+        }
+        const a = ui.val('a');
+        setAlpha.call($this, colorMapL3, Math.precision(((255 - (a || 0)) * 100) / 255, 4));
+      }
+      function updateBarVisuals (ui) {
+        switch (settings.color.mode) {
+        case 'h':
+          const a = ui.val('a');
+          setAlpha.call($this, colorBarL5, Math.precision(((255 - (a || 0)) * 100) / 255, 4));
+          break;
+        case 's':
+          const hva = ui.val('hva'),
+            saturatedColor = new Color({ h: (hva && hva.h) || 0, s: 100, v: hva != null ? hva.v : 100 });
+          setBG.call($this, colorBarDiv, saturatedColor.val('hex'));
+          setAlpha.call($this, colorBarL2, 100 - (hva != null ? hva.v : 100));
+          setAlpha.call($this, colorBarL5, Math.precision(((255 - ((hva && hva.a) || 0)) * 100) / 255, 4));
+          break;
+        case 'v':
+          const hsa = ui.val('hsa'),
+            valueColor = new Color({ h: (hsa && hsa.h) || 0, s: hsa != null ? hsa.s : 100, v: 100 });
+          setBG.call($this, colorBarDiv, valueColor.val('hex'));
+          setAlpha.call($this, colorBarL5, Math.precision(((255 - ((hsa && hsa.a) || 0)) * 100) / 255, 4));
+          break;
+        case 'r':
+        case 'g':
+        case 'b':
+          const rgba = ui.val('rgba');
+          let hValue = 0, vValue = 0;
+          if (settings.color.mode === 'r') {
+            hValue = (rgba && rgba.b) || 0;
+            vValue = (rgba && rgba.g) || 0;
+          } else if (settings.color.mode === 'g') {
+            hValue = (rgba && rgba.b) || 0;
+            vValue = (rgba && rgba.r) || 0;
+          } else if (settings.color.mode === 'b') {
+            hValue = (rgba && rgba.r) || 0;
+            vValue = (rgba && rgba.g) || 0;
+          }
+          const middle = vValue > hValue ? hValue : vValue;
+          setAlpha.call($this, colorBarL2, hValue > vValue ? Math.precision(((hValue - vValue) / (255 - vValue)) * 100, 4) : 0);
+          setAlpha.call($this, colorBarL3, vValue > hValue ? Math.precision(((vValue - hValue) / (255 - hValue)) * 100, 4) : 0);
+          setAlpha.call($this, colorBarL4, Math.precision((middle / 255) * 100, 4));
+          setAlpha.call($this, colorBarL5, Math.precision(((255 - ((rgba && rgba.a) || 0)) * 100) / 255, 4));
+          break;
+        case 'a': {
+          const a = ui.val('a');
+          setBG.call($this, colorBarDiv, ui.val('hex') || '000000');
+          setAlpha.call($this, colorBarL5, a != null ? 0 : 100);
+          setAlpha.call($this, colorBarL6, a != null ? 100 : 0);
+          break;
+        }
+        }
+      }
+      function setBG (el, c) {
+        el.css({backgroundColor: (c && c.length === 6 && '#' + c) || 'transparent'});
+      }
+      function setImg (img, src) {
+        if (isLessThanIE7 && (src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png'))) {
+          img.attr('pngSrc', src);
+          img.css({ backgroundImage: 'none', filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\')' });
+        } else img.css({ backgroundImage: 'url(\'' + src + '\')' });
+      }
+      function setImgLoc (img, y) {
+        img.css({ top: y + 'px' });
+      }
+      function setAlpha (obj, alpha) {
+        obj.css({ visibility: alpha > 0 ? 'visible' : 'hidden' });
+        if (alpha > 0 && alpha < 100) {
+          if (isLessThanIE7) {
+            const src = obj.attr('pngSrc');
+            if (src != null && (
+              src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png')
+            )) {
+              obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\') progid:DXImageTransform.Microsoft.Alpha(opacity=' + alpha + ')' });
+            } else obj.css({ opacity: Math.precision(alpha / 100, 4) });
+          } else obj.css({ opacity: Math.precision(alpha / 100, 4) });
+        } else if (alpha === 0 || alpha === 100) {
+          if (isLessThanIE7) {
+            const src = obj.attr('pngSrc');
+            if (src != null && (
+              src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png')
+            )) {
+              obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\')' });
+            } else obj.css({ opacity: '' });
+          } else obj.css({ opacity: '' });
+        }
+      }
+      // revert color to original color when opened
+      function revertColor () {
+        color.active.val('ahex', color.current.val('ahex'));
+      }
+      // commit the color changes
+      function commitColor () {
+        color.current.val('ahex', color.active.val('ahex'));
+      }
+      function radioClicked (e) {
+        $(this).parents('tbody:first').find('input:radio[value!="' + e.target.value + '"]').removeAttr('checked');
+        setColorMode.call($this, e.target.value);
+      }
+      function currentClicked () {
+        revertColor.call($this);
+      }
+      function cancelClicked () {
+        revertColor.call($this);
+        settings.window.expandable && hide.call($this);
+        typeof cancelCallback === 'function' && cancelCallback.call($this, color.active, cancelButton);
+      }
+      function okClicked () {
+        commitColor.call($this);
+        settings.window.expandable && hide.call($this);
+        typeof commitCallback === 'function' && commitCallback.call($this, color.active, okButton);
+      }
+      function iconImageClicked () {
+        show.call($this);
+      }
+      function currentColorChanged (ui, context) {
+        const hex = ui.val('hex');
+        currentPreview.css({ backgroundColor: (hex && '#' + hex) || 'transparent' });
+        setAlpha.call($this, currentPreview, Math.precision(((ui.val('a') || 0) * 100) / 255, 4));
+      }
+      function expandableColorChanged (ui, context) {
+        const hex = ui.val('hex');
+        const va = ui.val('va');
+        iconColor.css({ backgroundColor: (hex && '#' + hex) || 'transparent' });
+        setAlpha.call($this, iconAlpha, Math.precision(((255 - ((va && va.a) || 0)) * 100) / 255, 4));
+        if (settings.window.bindToInput && settings.window.updateInputColor) {
+          settings.window.input.css({
+            backgroundColor: (hex && '#' + hex) || 'transparent',
+            color: va == null || va.v > 75 ? '#000000' : '#ffffff'
+          });
+        }
+      }
+      function moveBarMouseDown (e) {
+        // const {element} = settings.window, // local copies for YUI compressor
+        //     {page} = settings.window;
+        elementStartX = parseInt(container.css('left'));
+        elementStartY = parseInt(container.css('top'));
+        pageStartX = e.pageX;
+        pageStartY = e.pageY;
+        // bind events to document to move window - we will unbind these on mouseup
+        $(document).bind('mousemove', documentMouseMove).bind('mouseup', documentMouseUp);
+        e.preventDefault(); // prevent attempted dragging of the column
+      }
+      function documentMouseMove (e) {
+        container.css({ left: elementStartX - (pageStartX - e.pageX) + 'px', top: elementStartY - (pageStartY - e.pageY) + 'px' });
+        if (settings.window.expandable && !$.support.boxModel) container.prev().css({ left: container.css('left'), top: container.css('top') });
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+      }
+      function documentMouseUp (e) {
+        $(document).unbind('mousemove', documentMouseMove).unbind('mouseup', documentMouseUp);
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+      }
+      function quickPickClicked (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        color.active.val('ahex', $(this).attr('title') || null, e.target);
+        return false;
+      }
+      function show () {
+        color.current.val('ahex', color.active.val('ahex'));
+        function attachIFrame () {
+          if (!settings.window.expandable || $.support.boxModel) return;
+          const table = container.find('table:first');
+          container.before('<iframe/>');
+          container.prev().css({width: table.width(), height: container.height(), opacity: 0, position: 'absolute', left: container.css('left'), top: container.css('top')});
+        }
+        if (settings.window.expandable) {
+          $(document.body).children('div.jPicker.Container').css({zIndex: 10});
+          container.css({zIndex: 20});
+        }
+        switch (settings.window.effects.type) {
+        case 'fade':
+          container.fadeIn(settings.window.effects.speed.show, attachIFrame);
+          break;
+        case 'slide':
+          container.slideDown(settings.window.effects.speed.show, attachIFrame);
+          break;
+        case 'show':
+        default:
+          container.show(settings.window.effects.speed.show, attachIFrame);
+          break;
+        }
+      }
+      function hide () {
+        function removeIFrame () {
+          if (settings.window.expandable) container.css({ zIndex: 10 });
+          if (!settings.window.expandable || $.support.boxModel) return;
+          container.prev().remove();
+        }
+        switch (settings.window.effects.type) {
+        case 'fade':
+          container.fadeOut(settings.window.effects.speed.hide, removeIFrame);
+          break;
+        case 'slide':
+          container.slideUp(settings.window.effects.speed.hide, removeIFrame);
+          break;
+        case 'show':
+        default:
+          container.hide(settings.window.effects.speed.hide, removeIFrame);
+          break;
+        }
+      }
+      function initialize () {
+        const win = settings.window,
+          popup = win.expandable ? $($this).next().find('.Container:first') : null;
+        container = win.expandable ? $('<div/>') : $($this);
+        container.addClass('jPicker Container');
+        if (win.expandable) container.hide();
+        container.get(0).onselectstart = function (event) { if (event.target.nodeName.toLowerCase() !== 'input') return false; };
+        // inject html source code - we are using a single table for this control - I know tables are considered bad, but it takes care of equal height columns and
+        // this control really is tabular data, so I believe it is the right move
+        const all = color.active.val('all');
+        if (win.alphaPrecision < 0) win.alphaPrecision = 0;
+        else if (win.alphaPrecision > 2) win.alphaPrecision = 2;
+        const controlHtml = '<table class="jPicker" cellpadding="0" cellspacing="0"><tbody>' + (win.expandable ? '<tr><td class="Move" colspan="5">&nbsp;</td></tr>' : '') + '<tr><td rowspan="9"><h2 class="Title">' + (win.title || localization.text.title) + '</h2><div class="Map"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><img src="' + images.clientPath + images.colorMap.arrow.file + '" class="Arrow"/></div></td><td rowspan="9"><div class="Bar"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><span class="Map4">&nbsp;</span><span class="Map5">&nbsp;</span><span class="Map6">&nbsp;</span><img src="' + images.clientPath + images.colorBar.arrow.file + '" class="Arrow"/></div></td><td colspan="2" class="Preview">' + localization.text.newColor + '<div><span class="Active" title="' + localization.tooltips.colors.newColor + '">&nbsp;</span><span class="Current" title="' + localization.tooltips.colors.currentColor + '">&nbsp;</span></div>' + localization.text.currentColor + '</td><td rowspan="9" class="Button"><input type="button" class="Ok" value="' + localization.text.ok + '" title="' + localization.tooltips.buttons.ok + '"/><input type="button" class="Cancel" value="' + localization.text.cancel + '" title="' + localization.tooltips.buttons.cancel + '"/><hr/><div class="Grid">&nbsp;</div></td></tr><tr class="Hue"><td class="Radio"><label title="' + localization.tooltips.hue.radio + '"><input type="radio" value="h"' + (settings.color.mode === 'h' ? ' checked="checked"' : '') + '/>H:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.h : '') + '" title="' + localization.tooltips.hue.textbox + '"/>&nbsp;&deg;</td></tr><tr class="Saturation"><td class="Radio"><label title="' + localization.tooltips.saturation.radio + '"><input type="radio" value="s"' + (settings.color.mode === 's' ? ' checked="checked"' : '') + '/>S:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.s : '') + '" title="' + localization.tooltips.saturation.textbox + '"/>&nbsp;%</td></tr><tr class="Value"><td class="Radio"><label title="' + localization.tooltips.value.radio + '"><input type="radio" value="v"' + (settings.color.mode === 'v' ? ' checked="checked"' : '') + '/>V:</label><br/><br/></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.v : '') + '" title="' + localization.tooltips.value.textbox + '"/>&nbsp;%<br/><br/></td></tr><tr class="Red"><td class="Radio"><label title="' + localization.tooltips.red.radio + '"><input type="radio" value="r"' + (settings.color.mode === 'r' ? ' checked="checked"' : '') + '/>R:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.r : '') + '" title="' + localization.tooltips.red.textbox + '"/></td></tr><tr class="Green"><td class="Radio"><label title="' + localization.tooltips.green.radio + '"><input type="radio" value="g"' + (settings.color.mode === 'g' ? ' checked="checked"' : '') + '/>G:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.g : '') + '" title="' + localization.tooltips.green.textbox + '"/></td></tr><tr class="Blue"><td class="Radio"><label title="' + localization.tooltips.blue.radio + '"><input type="radio" value="b"' + (settings.color.mode === 'b' ? ' checked="checked"' : '') + '/>B:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.b : '') + '" title="' + localization.tooltips.blue.textbox + '"/></td></tr><tr class="Alpha"><td class="Radio">' + (win.alphaSupport ? '<label title="' + localization.tooltips.alpha.radio + '"><input type="radio" value="a"' + (settings.color.mode === 'a' ? ' checked="checked"' : '') + '/>A:</label>' : '&nbsp;') + '</td><td class="Text">' + (win.alphaSupport ? '<input type="text" maxlength="' + (3 + win.alphaPrecision) + '" value="' + (all != null ? Math.precision((all.a * 100) / 255, win.alphaPrecision) : '') + '" title="' + localization.tooltips.alpha.textbox + '"/>&nbsp;%' : '&nbsp;') + '</td></tr><tr class="Hex"><td colspan="2" class="Text"><label title="' + localization.tooltips.hex.textbox + '">#:<input type="text" maxlength="6" class="Hex" value="' + (all != null ? all.hex : '') + '"/></label>' + (win.alphaSupport ? '<input type="text" maxlength="2" class="AHex" value="' + (all != null ? all.ahex.substring(6) : '') + '" title="' + localization.tooltips.hex.alpha + '"/></td>' : '&nbsp;') + '</tr></tbody></table>';
+        if (win.expandable) {
+          container.html(controlHtml);
+          if (!$(document.body).children('div.jPicker.Container').length) {
+            $(document.body).prepend(container);
+          } else {
+            $(document.body).children('div.jPicker.Container:last').after(container);
+          }
+          container.mousedown(
+            function () {
+              $(document.body).children('div.jPicker.Container').css({zIndex: 10});
+              container.css({zIndex: 20});
+            });
+          container.css( // positions must be set and display set to absolute before source code injection or IE will size the container to fit the window
+            {
+              left:
+                win.position.x === 'left'
+                  ? (popup.offset().left - 530 - (win.position.y === 'center' ? 25 : 0)) + 'px'
+                  : win.position.x === 'center'
+                    ? (popup.offset().left - 260) + 'px'
+                    : win.position.x === 'right'
+                      ? (popup.offset().left - 10 + (win.position.y === 'center' ? 25 : 0)) + 'px'
+                      : win.position.x === 'screenCenter'
+                        ? (($(document).width() >> 1) - 260) + 'px'
+                        : (popup.offset().left + parseInt(win.position.x)) + 'px',
+              position: 'absolute',
+              top: win.position.y === 'top'
+                ? (popup.offset().top - 312) + 'px'
+                : win.position.y === 'center'
+                  ? (popup.offset().top - 156) + 'px'
+                  : win.position.y === 'bottom'
+                    ? (popup.offset().top + 25) + 'px'
+                    : (popup.offset().top + parseInt(win.position.y)) + 'px'
+            });
+        } else {
+          container = $($this);
+          container.html(controlHtml);
+        }
+        // initialize the objects to the source code just injected
+        const tbody = container.find('tbody:first');
+        colorMapDiv = tbody.find('div.Map:first');
+        colorBarDiv = tbody.find('div.Bar:first');
+        const MapMaps = colorMapDiv.find('span');
+        const BarMaps = colorBarDiv.find('span');
+        colorMapL1 = MapMaps.filter('.Map1:first');
+        colorMapL2 = MapMaps.filter('.Map2:first');
+        colorMapL3 = MapMaps.filter('.Map3:first');
+        colorBarL1 = BarMaps.filter('.Map1:first');
+        colorBarL2 = BarMaps.filter('.Map2:first');
+        colorBarL3 = BarMaps.filter('.Map3:first');
+        colorBarL4 = BarMaps.filter('.Map4:first');
+        colorBarL5 = BarMaps.filter('.Map5:first');
+        colorBarL6 = BarMaps.filter('.Map6:first');
+        // create color pickers and maps
+        colorMap = new Slider(colorMapDiv,
+          {
+            map: {
+              width: images.colorMap.width,
+              height: images.colorMap.height
+            },
+            arrow: {
+              image: images.clientPath + images.colorMap.arrow.file,
+              width: images.colorMap.arrow.width,
+              height: images.colorMap.arrow.height
+            }
+          }
+        );
+        colorMap.bind(mapValueChanged);
+        colorBar = new Slider(colorBarDiv,
+          {
+            map: {
+              width: images.colorBar.width,
+              height: images.colorBar.height
+            },
+            arrow: {
+              image: images.clientPath + images.colorBar.arrow.file,
+              width: images.colorBar.arrow.width,
+              height: images.colorBar.arrow.height
+            }
+          }
+        );
+        colorBar.bind(colorBarValueChanged);
+        colorPicker = new ColorValuePicker(
+          tbody,
+          color.active,
+          win.expandable && win.bindToInput ? win.input : null, win.alphaPrecision
+        );
+        const hex = all != null ? all.hex : null,
+          preview = tbody.find('.Preview'),
+          button = tbody.find('.Button');
+        activePreview = preview.find('.Active:first').css({ backgroundColor: (hex && '#' + hex) || 'transparent' });
+        currentPreview = preview.find('.Current:first').css({ backgroundColor: (hex && '#' + hex) || 'transparent' }).bind('click', currentClicked);
+        setAlpha.call($this, currentPreview, Math.precision(color.current.val('a') * 100) / 255, 4);
+        okButton = button.find('.Ok:first').bind('click', okClicked);
+        cancelButton = button.find('.Cancel:first').bind('click', cancelClicked);
+        grid = button.find('.Grid:first');
+        setTimeout(function () {
+          setImg.call($this, colorMapL1, images.clientPath + 'Maps.png');
+          setImg.call($this, colorMapL2, images.clientPath + 'Maps.png');
+          setImg.call($this, colorMapL3, images.clientPath + 'map-opacity.png');
+          setImg.call($this, colorBarL1, images.clientPath + 'Bars.png');
+          setImg.call($this, colorBarL2, images.clientPath + 'Bars.png');
+          setImg.call($this, colorBarL3, images.clientPath + 'Bars.png');
+          setImg.call($this, colorBarL4, images.clientPath + 'Bars.png');
+          setImg.call($this, colorBarL5, images.clientPath + 'bar-opacity.png');
+          setImg.call($this, colorBarL6, images.clientPath + 'AlphaBar.png');
+          setImg.call($this, preview.find('div:first'), images.clientPath + 'preview-opacity.png');
+        }, 0);
+        tbody.find('td.Radio input').bind('click', radioClicked);
+        // initialize quick list
+        if (color.quickList && color.quickList.length > 0) {
+          let html = '';
+          for (let i = 0; i < color.quickList.length; i++) {
+            /* if default colors are hex strings, change them to color objects */
+            if ((typeof (color.quickList[i])).toString().toLowerCase() === 'string') color.quickList[i] = new Color({ hex: color.quickList[i] });
+            const alpha = color.quickList[i].val('a');
+            let ahex = color.quickList[i].val('ahex');
+            if (!win.alphaSupport && ahex) ahex = ahex.substring(0, 6) + 'ff';
+            const quickHex = color.quickList[i].val('hex');
+            if (!ahex) ahex = '00000000';
+            html += '<span class="QuickColor"' + ((ahex && ' title="#' + ahex + '"') || 'none') + ' style="background-color:' + ((quickHex && '#' + quickHex) || '') + ';' + (quickHex ? '' : 'background-image:url(' + images.clientPath + 'NoColor.png)') + (win.alphaSupport && alpha && alpha < 255 ? ';opacity:' + Math.precision(alpha / 255, 4) + ';filter:Alpha(opacity=' + Math.precision(alpha / 2.55, 4) + ')' : '') + '">&nbsp;</span>';
+          }
+          setImg.call($this, grid, images.clientPath + 'bar-opacity.png');
+          grid.html(html);
+          grid.find('.QuickColor').click(quickPickClicked);
+        }
+        setColorMode.call($this, settings.color.mode);
+        color.active.bind(activeColorChanged);
+        typeof liveCallback === 'function' && color.active.bind(liveCallback);
+        color.current.bind(currentColorChanged);
+        // bind to input
+        if (win.expandable) {
+          $this.icon = popup.parents('.Icon:first');
+          iconColor = $this.icon.find('.Color:first').css({ backgroundColor: (hex && '#' + hex) || 'transparent' });
+          iconAlpha = $this.icon.find('.Alpha:first');
+          setImg.call($this, iconAlpha, images.clientPath + 'bar-opacity.png');
+          setAlpha.call($this, iconAlpha, Math.precision(((255 - (all != null ? all.a : 0)) * 100) / 255, 4));
+          iconImage = $this.icon.find('.Image:first').css({
+            backgroundImage: 'url(\'' + images.clientPath + images.picker.file + '\')'
+          }).bind('click', iconImageClicked);
+          if (win.bindToInput && win.updateInputColor) {
+            win.input.css({
+              backgroundColor: (hex && '#' + hex) || 'transparent',
+              color: all == null || all.v > 75 ? '#000000' : '#ffffff'
+            });
+          }
+          moveBar = tbody.find('.Move:first').bind('mousedown', moveBarMouseDown);
+          color.active.bind(expandableColorChanged);
+        } else show.call($this);
+      }
+      function destroy () {
+        container.find('td.Radio input').unbind('click', radioClicked);
+        currentPreview.unbind('click', currentClicked);
+        cancelButton.unbind('click', cancelClicked);
+        okButton.unbind('click', okClicked);
+        if (settings.window.expandable) {
+          iconImage.unbind('click', iconImageClicked);
+          moveBar.unbind('mousedown', moveBarMouseDown);
+          $this.icon = null;
+        }
+        container.find('.QuickColor').unbind('click', quickPickClicked);
+        colorMapDiv = null;
+        colorBarDiv = null;
+        colorMapL1 = null;
+        colorMapL2 = null;
+        colorMapL3 = null;
+        colorBarL1 = null;
+        colorBarL2 = null;
+        colorBarL3 = null;
+        colorBarL4 = null;
+        colorBarL5 = null;
+        colorBarL6 = null;
+        colorMap.destroy();
+        colorMap = null;
+        colorBar.destroy();
+        colorBar = null;
+        colorPicker.destroy();
+        colorPicker = null;
+        activePreview = null;
+        currentPreview = null;
+        okButton = null;
+        cancelButton = null;
+        grid = null;
+        commitCallback = null;
+        cancelCallback = null;
+        liveCallback = null;
+        container.html('');
+        for (let i = 0; i < List.length; i++) {
+          if (List[i] === $this) {
+            List.splice(i, 1);
+          }
+        }
+      }
+      const {images, localization} = settings; // local copies for YUI compressor
+      const color = {
+        active: (typeof settings.color.active).toString().toLowerCase() === 'string'
+          ? new Color({ahex: !settings.window.alphaSupport && settings.color.active
+            ? settings.color.active.substring(0, 6) + 'ff'
+            : settings.color.active
+          })
+          : new Color({ahex: !settings.window.alphaSupport &&
+              settings.color.active.val('ahex')
+            ? settings.color.active.val('ahex').substring(0, 6) + 'ff'
+            : settings.color.active.val('ahex')
+          }),
+        current: (typeof settings.color.active).toString().toLowerCase() === 'string'
+          ? new Color({ahex: !settings.window.alphaSupport && settings.color.active
+            ? settings.color.active.substring(0, 6) + 'ff'
+            : settings.color.active})
+          : new Color({ahex: !settings.window.alphaSupport &&
+              settings.color.active.val('ahex')
+            ? settings.color.active.val('ahex').substring(0, 6) + 'ff'
+            : settings.color.active.val('ahex')
+          }),
+        quickList: settings.color.quickList
+      };
+
+      let elementStartX = null, // Used to record the starting css positions for dragging the control
+        elementStartY = null,
+        pageStartX = null, // Used to record the mousedown coordinates for dragging the control
+        pageStartY = null,
+        container = null,
+        colorMapDiv = null,
+        colorBarDiv = null,
+        colorMapL1 = null, // different layers of colorMap and colorBar
+        colorMapL2 = null,
+        colorMapL3 = null,
+        colorBarL1 = null,
+        colorBarL2 = null,
+        colorBarL3 = null,
+        colorBarL4 = null,
+        colorBarL5 = null,
+        colorBarL6 = null,
+        colorMap = null, // color maps
+        colorBar = null,
+        colorPicker = null,
+        activePreview = null, // color boxes above the radio buttons
+        currentPreview = null,
+        okButton = null,
+        cancelButton = null,
+        grid = null, // preset colors grid
+        iconColor = null, // iconColor for popup icon
+        iconAlpha = null, // iconAlpha for popup icon
+        iconImage = null, // iconImage popup icon
+        moveBar = null, // drag bar
+        commitCallback = typeof $arguments[1] === 'function' ? $arguments[1] : null,
+        liveCallback = typeof $arguments[2] === 'function' ? $arguments[2] : null,
+        cancelCallback = typeof $arguments[3] === 'function' ? $arguments[3] : null;
+
+      $.extend(true, $this, {
+        // public properties, methods, and callbacks
+        commitCallback, // commitCallback function can be overridden to return the selected color to a method you specify when the user clicks "OK"
+        liveCallback, // liveCallback function can be overridden to return the selected color to a method you specify in live mode (continuous update)
+        cancelCallback, // cancelCallback function can be overridden to a method you specify when the user clicks "Cancel"
+        color,
+        show,
+        hide,
+        destroy // destroys this control entirely, removing all events and objects, and removing itself from the List
+      });
+      List.push($this);
+      setTimeout(function () {
+        initialize.call($this);
+      }, 0);
+    });
+  };
+  /**
+  * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsIconInfo
+  * @property {string} file Color Map/Color Bar/Color Picker arrow icon
+  * @property {Float} width
+  * @property {Float} height
+  */
+  /**
+  * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsImagesDimensionsArrow
+  * @property {Float} width
+  * @property {Float} height
+  * @property {external:jQuery.fn.jPickerOptionsIconInfo} arrow
+  */
+  /**
+  * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsRadioTextboxLocale
+  * @property {string} radio
+  * @property {string} textbox
+  */
+  /**
+  * @typedef {PlainObject} external:jQuery.fn.jPickerOptions
+  * @property {PlainObject} window
+  * @property {string|null} window.title Any title for the jPicker window itself - displays
+  * "Drag Markers To Pick A Color" if left null
+  * @property {PlainObject} window.effects
+  * @property {"slide"|"show"|"fade"} window.effects.type Effect used to show/hide an expandable picker
+  * @property {PlainObject} window.effects.speed
+  * @property {"fast"|"slow"|Float} window.effects.speed.show Duration of "show" effect. Time in milliseconds.
+  * @property {"fast"|"slow"|Float} window.effects.speed.hide Duration of "hide" effect. Time in milliseconds
+  * @property {PlainObject} window.position
+  * @property {"left"|"center"|"right"|"screenCenter"|Float} window.position.x Relative px value
+  * @property {"top"|"bottom"|"center"|Float} window.position.y Relative px value
+  * @property {boolean} window.expandable Defaults to large static picker - set to `true` to make an expandable
+  * picker (small icon with popup) - set automatically when binded to input element
+  * @property {boolean} window.liveUpdate Set `false` if you want the user to have to click "OK" before the
+  * binded input box updates values (always `true` for expandable picker)
+  * @property {boolean} window.alphaSupport Set to `true` to enable alpha picking
+  * @property {Float} window.alphaPrecision Set decimal precision for alpha percentage display - hex codes do
+  * not map directly to percentage integers - range 0-2
+  * @property {boolean} window.updateInputColor Set to `false` to prevent binded input colors from changing
+  * @property {PlainObject} color
+  * @property {"h"|"s"|"v"|"r"|"g"|"b"|"a"} color.mode Symbols stand for "h" (hue), "s" (saturation), "v" (value), "r" (red), "g" (green), "b" (blue), "a" (alpha)
+  * @property {Color|string} color.active Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the "#" prefix
+  * @property {Color[]|string[]} color.quickList The quick pick color list
+  * Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the "#" prefix
+  * @property {PlainObject} images
+  * @property {string} images.clientPath Path to image files
+  * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorMap
+  * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorBar
+  * @property {external:jQuery.fn.jPickerOptionsIconInfo} images.picker
+  * @property {PlainObject} localization alter these to change the text presented by the picker (e.g. different language)
+  * @property {PlainObject} localization.text
+  * @property {string} localization.text.title
+  * @property {string} localization.text.newColor
+  * @property {string} localization.text.currentColor
+  * @property {string} localization.text.ok
+  * @property {string} localization.text.cancel
+  * @property {PlainObject} localization.tooltips
+  * @property {PlainObject} localization.tooltips.colors
+  * @property {string} localization.tooltips.colors.newColor
+  * @property {string} localization.tooltips.colors.currentColor
+  * @property {PlainObject} localization.tooltips.buttons
+  * @property {string} localization.tooltips.buttons.ok
+  * @property {string} localization.tooltips.buttons.cancel
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.hue
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.saturation
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.value
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.red
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.green
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.blue
+  * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.alpha
+  * @property {PlainObject} localization.tooltips.hex
+  * @property {string} localization.tooltips.hex.textbox
+  * @property {string} localization.tooltips.hex.alpha
+  */
+  /**
+  * jPicker defaults - you can change anything in this section (such as the
+  * clientPath to your images) without fear of breaking the program
+  * @namespace {external:jQuery.fn.jPickerOptions} defaults
+  * @memberof external:jQuery.fn.$.fn.jPicker
+  * @borrows external:jQuery.fn.jPickerOptions as external:jQuery.fn.jPicker.defaults
+  * @see Source for all of the values
+  */
+  $.fn.jPicker.defaults = {
+    window: {
+      title: null,
+      effects: {
+        type: 'slide',
+        speed: {
+          show: 'slow',
+          hide: 'fast'
+        }
+      },
+      position: {
+        x: 'screenCenter',
+        y: 'top'
+      },
+      expandable: false,
+      liveUpdate: true,
+      alphaSupport: false,
+      alphaPrecision: 0,
+      updateInputColor: true
+    },
+    color: {
+      mode: 'h',
+      active: new Color({ahex: '#ffcc00ff'}),
+      quickList: [
+        new Color({ h: 360, s: 33, v: 100 }),
+        new Color({ h: 360, s: 66, v: 100 }),
+        new Color({ h: 360, s: 100, v: 100 }),
+        new Color({ h: 360, s: 100, v: 75 }),
+        new Color({ h: 360, s: 100, v: 50 }),
+        new Color({ h: 180, s: 0, v: 100 }),
+        new Color({ h: 30, s: 33, v: 100 }),
+        new Color({ h: 30, s: 66, v: 100 }),
+        new Color({ h: 30, s: 100, v: 100 }),
+        new Color({ h: 30, s: 100, v: 75 }),
+        new Color({ h: 30, s: 100, v: 50 }),
+        new Color({ h: 180, s: 0, v: 90 }),
+        new Color({ h: 60, s: 33, v: 100 }),
+        new Color({ h: 60, s: 66, v: 100 }),
+        new Color({ h: 60, s: 100, v: 100 }),
+        new Color({ h: 60, s: 100, v: 75 }),
+        new Color({ h: 60, s: 100, v: 50 }),
+        new Color({ h: 180, s: 0, v: 80 }),
+        new Color({ h: 90, s: 33, v: 100 }),
+        new Color({ h: 90, s: 66, v: 100 }),
+        new Color({ h: 90, s: 100, v: 100 }),
+        new Color({ h: 90, s: 100, v: 75 }),
+        new Color({ h: 90, s: 100, v: 50 }),
+        new Color({ h: 180, s: 0, v: 70 }),
+        new Color({ h: 120, s: 33, v: 100 }),
+        new Color({ h: 120, s: 66, v: 100 }),
+        new Color({ h: 120, s: 100, v: 100 }),
+        new Color({ h: 120, s: 100, v: 75 }),
+        new Color({ h: 120, s: 100, v: 50 }),
+        new Color({ h: 180, s: 0, v: 60 }),
+        new Color({ h: 150, s: 33, v: 100 }),
+        new Color({ h: 150, s: 66, v: 100 }),
+        new Color({ h: 150, s: 100, v: 100 }),
+        new Color({ h: 150, s: 100, v: 75 }),
+        new Color({ h: 150, s: 100, v: 50 }),
+        new Color({ h: 180, s: 0, v: 50 }),
+        new Color({ h: 180, s: 33, v: 100 }),
+        new Color({ h: 180, s: 66, v: 100 }),
+        new Color({ h: 180, s: 100, v: 100 }),
+        new Color({ h: 180, s: 100, v: 75 }),
+        new Color({ h: 180, s: 100, v: 50 }),
+        new Color({ h: 180, s: 0, v: 40 }),
+        new Color({ h: 210, s: 33, v: 100 }),
+        new Color({ h: 210, s: 66, v: 100 }),
+        new Color({ h: 210, s: 100, v: 100 }),
+        new Color({ h: 210, s: 100, v: 75 }),
+        new Color({ h: 210, s: 100, v: 50 }),
+        new Color({ h: 180, s: 0, v: 30 }),
+        new Color({ h: 240, s: 33, v: 100 }),
+        new Color({ h: 240, s: 66, v: 100 }),
+        new Color({ h: 240, s: 100, v: 100 }),
+        new Color({ h: 240, s: 100, v: 75 }),
+        new Color({ h: 240, s: 100, v: 50 }),
+        new Color({ h: 180, s: 0, v: 20 }),
+        new Color({ h: 270, s: 33, v: 100 }),
+        new Color({ h: 270, s: 66, v: 100 }),
+        new Color({ h: 270, s: 100, v: 100 }),
+        new Color({ h: 270, s: 100, v: 75 }),
+        new Color({ h: 270, s: 100, v: 50 }),
+        new Color({ h: 180, s: 0, v: 10 }),
+        new Color({ h: 300, s: 33, v: 100 }),
+        new Color({ h: 300, s: 66, v: 100 }),
+        new Color({ h: 300, s: 100, v: 100 }),
+        new Color({ h: 300, s: 100, v: 75 }),
+        new Color({ h: 300, s: 100, v: 50 }),
+        new Color({ h: 180, s: 0, v: 0 }),
+        new Color({ h: 330, s: 33, v: 100 }),
+        new Color({ h: 330, s: 66, v: 100 }),
+        new Color({ h: 330, s: 100, v: 100 }),
+        new Color({ h: 330, s: 100, v: 75 }),
+        new Color({ h: 330, s: 100, v: 50 }),
+        new Color()
+      ]
+    },
+    images: {
+      clientPath: '/jPicker/images/',
+      colorMap: {
+        width: 256,
+        height: 256,
+        arrow: {
+          file: 'mappoint.gif',
+          width: 15,
+          height: 15
+        }
+      },
+      colorBar: {
+        width: 20,
+        height: 256,
+        arrow: {
+          file: 'rangearrows.gif',
+          width: 20,
+          height: 7
+        }
+      },
+      picker: {
+        file: 'picker.gif',
+        width: 25,
+        height: 24
+      }
+    },
+    localization: {
+      text: {
+        title: 'Drag Markers To Pick A Color',
+        newColor: 'new',
+        currentColor: 'current',
+        ok: 'OK',
+        cancel: 'Cancel'
+      },
+      tooltips: {
+        colors: {
+          newColor: 'New Color - Press &ldquo;OK&rdquo; To Commit',
+          currentColor: 'Click To Revert To Original Color'
+        },
+        buttons: {
+          ok: 'Commit To This Color Selection',
+          cancel: 'Cancel And Revert To Original Color'
+        },
+        hue: {
+          radio: 'Set To &ldquo;Hue&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Hue&rdquo; Value (0-360&deg;)'
+        },
+        saturation: {
+          radio: 'Set To &ldquo;Saturation&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Saturation&rdquo; Value (0-100%)'
+        },
+        value: {
+          radio: 'Set To &ldquo;Value&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Value&rdquo; Value (0-100%)'
+        },
+        red: {
+          radio: 'Set To &ldquo;Red&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Red&rdquo; Value (0-255)'
+        },
+        green: {
+          radio: 'Set To &ldquo;Green&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Green&rdquo; Value (0-255)'
+        },
+        blue: {
+          radio: 'Set To &ldquo;Blue&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Blue&rdquo; Value (0-255)'
+        },
+        alpha: {
+          radio: 'Set To &ldquo;Alpha&rdquo; Color Mode',
+          textbox: 'Enter A &ldquo;Alpha&rdquo; Value (0-100)'
+        },
+        hex: {
+          textbox: 'Enter A &ldquo;Hex&rdquo; Color Value (#000000-#ffffff)',
+          alpha: 'Enter A &ldquo;Alpha&rdquo; Value (#00-#ff)'
+        }
+      }
+    }
+  };
+  return $;
+};
+
+export default jPicker;
diff --git a/editor/jgraduate/jpicker.js b/editor/jgraduate/jpicker.js
deleted file mode 100755
index 683052cc..00000000
--- a/editor/jgraduate/jpicker.js
+++ /dev/null
@@ -1,2091 +0,0 @@
-/*
- * jPicker 1.1.6
- *
- * jQuery Plugin for Photoshop style color picker
- *
- * Copyright (c) 2010 Christopher T. Tillman
- * Digital Magic Productions, Inc. (http://www.digitalmagicpro.com/)
- * MIT style license, FREE to use, alter, copy, sell, and especially ENHANCE
- *
- * Painstakingly ported from John Dyers' excellent work on his own color picker based on the Prototype framework.
- *
- * John Dyers' website: (http://johndyer.name)
- * Color Picker page:   (http://johndyer.name/post/2007/09/PhotoShop-like-JavaScript-Color-Picker.aspx)
- *
- */
-(function($, version)
-{
-  Math.precision = function(value, precision)
-    {
-      if (precision === undefined) precision = 0;
-      return Math.round(value * Math.pow(10, precision)) / Math.pow(10, precision);
-    };
-  var Slider = // encapsulate slider functionality for the ColorMap and ColorBar - could be useful to use a jQuery UI draggable for this with certain extensions
-      function(bar, options)
-      {
-        var $this = this, // private properties, methods, and events - keep these variables and classes invisible to outside code
-          arrow = bar.find('img:first'), // the arrow image to drag
-          minX = 0,
-          maxX = 100,
-          rangeX = 100,
-          minY = 0,
-          maxY = 100,
-          rangeY = 100,
-          x = 0,
-          y = 0,
-          offset,
-          timeout,
-          changeEvents = new Array(),
-          fireChangeEvents =
-            function(context)
-            {
-              for (var i = 0; i < changeEvents.length; i++) changeEvents[i].call($this, $this, context);
-            },
-          mouseDown = // bind the mousedown to the bar not the arrow for quick snapping to the clicked location
-            function(e)
-            {
-              var off = bar.offset();
-              offset = { l: off.left | 0, t: off.top | 0 };
-              clearTimeout(timeout);
-              timeout = setTimeout( // using setTimeout for visual updates - once the style is updated the browser will re-render internally allowing the next Javascript to run
-                function()
-                {
-                  setValuesFromMousePosition.call($this, e);
-                }, 0);
-              // Bind mousemove and mouseup event to the document so it responds when dragged of of the bar - we will unbind these when on mouseup to save processing
-              $(document).bind('mousemove', mouseMove).bind('mouseup', mouseUp);
-              e.preventDefault(); // don't try to select anything or drag the image to the desktop
-            },
-          mouseMove = // set the values as the mouse moves
-            function(e)
-            {
-              clearTimeout(timeout);
-              timeout = setTimeout(
-                function()
-                {
-                  setValuesFromMousePosition.call($this, e);
-                }, 0);
-              e.stopPropagation();
-              e.preventDefault();
-              return false;
-            },
-          mouseUp = // unbind the document events - they aren't needed when not dragging
-            function(e)
-            {
-              $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);
-              e.stopPropagation();
-              e.preventDefault();
-              return false;
-            },
-          setValuesFromMousePosition = // calculate mouse position and set value within the current range
-            function(e)
-            {
-              var locX = e.pageX - offset.l,
-                  locY = e.pageY - offset.t,
-                  barW = bar.w, // local copies for YUI compressor
-                  barH = bar.h;
-              // keep the arrow within the bounds of the bar
-              if (locX < 0) locX = 0;
-              else if (locX > barW) locX = barW;
-              if (locY < 0) locY = 0;
-              else if (locY > barH) locY = barH;
-              val.call($this, 'xy', { x: ((locX / barW) * rangeX) + minX, y: ((locY / barH) * rangeY) + minY });
-            },
-          draw =
-            function()
-            {
-              var arrowOffsetX = 0,
-                arrowOffsetY = 0,
-                barW = bar.w,
-                barH = bar.h,
-                arrowW = arrow.w,
-                arrowH = arrow.h;
-              setTimeout(
-                function()
-                {
-                  if (rangeX > 0) // range is greater than zero
-                  {
-                    // constrain to bounds
-                    if (x == maxX) arrowOffsetX = barW;
-                    else arrowOffsetX = ((x / rangeX) * barW) | 0;
-                  }
-                  if (rangeY > 0) // range is greater than zero
-                  {
-                    // constrain to bounds
-                    if (y == maxY) arrowOffsetY = barH;
-                    else arrowOffsetY = ((y / rangeY) * barH) | 0;
-                  }
-                  // if arrow width is greater than bar width, center arrow and prevent horizontal dragging
-                  if (arrowW >= barW) arrowOffsetX = (barW >> 1) - (arrowW >> 1); // number >> 1 - superfast bitwise divide by two and truncate (move bits over one bit discarding lowest)
-                  else arrowOffsetX -= arrowW >> 1;
-                  // if arrow height is greater than bar height, center arrow and prevent vertical dragging
-                  if (arrowH >= barH) arrowOffsetY = (barH >> 1) - (arrowH >> 1);
-                  else arrowOffsetY -= arrowH >> 1;
-                  // set the arrow position based on these offsets
-                  arrow.css({ left: arrowOffsetX + 'px', top: arrowOffsetY + 'px' });
-                }, 0);
-            },
-          val =
-            function(name, value, context)
-            {
-              var set = value !== undefined;
-              if (!set)
-              {
-                if (name === undefined || name == null) name = 'xy';
-                switch (name.toLowerCase())
-                {
-                  case 'x': return x;
-                  case 'y': return y;
-                  case 'xy':
-                  default: return { x: x, y: y };
-                }
-              }
-              if (context != null && context == $this) return;
-              var changed = false,
-                  newX,
-                  newY;
-              if (name == null) name = 'xy';
-              switch (name.toLowerCase())
-              {
-                case 'x':
-                  newX = value && (value.x && value.x | 0 || value | 0) || 0;
-                  break;
-                case 'y':
-                  newY = value && (value.y && value.y | 0 || value | 0) || 0;
-                  break;
-                case 'xy':
-                default:
-                  newX = value && value.x && value.x | 0 || 0;
-                  newY = value && value.y && value.y | 0 || 0;
-                  break;
-              }
-              if (newX != null)
-              {
-                if (newX < minX) newX = minX;
-                else if (newX > maxX) newX = maxX;
-                if (x != newX)
-                {
-                  x = newX;
-                  changed = true;
-                }
-              }
-              if (newY != null)
-              {
-                if (newY < minY) newY = minY;
-                else if (newY > maxY) newY = maxY;
-                if (y != newY)
-                {
-                  y = newY;
-                  changed = true;
-                }
-              }
-              changed && fireChangeEvents.call($this, context || $this);
-            },
-          range =
-            function (name, value)
-            {
-              var set = value !== undefined;
-              if (!set)
-              {
-                if (name === undefined || name == null) name = 'all';
-                switch (name.toLowerCase())
-                {
-                  case 'minx': return minX;
-                  case 'maxx': return maxX;
-                  case 'rangex': return { minX: minX, maxX: maxX, rangeX: rangeX };
-                  case 'miny': return minY;
-                  case 'maxy': return maxY;
-                  case 'rangey': return { minY: minY, maxY: maxY, rangeY: rangeY };
-                  case 'all':
-                  default: return { minX: minX, maxX: maxX, rangeX: rangeX, minY: minY, maxY: maxY, rangeY: rangeY };
-                }
-              }
-              var changed = false,
-                  newMinX,
-                  newMaxX,
-                  newMinY,
-                  newMaxY;
-              if (name == null) name = 'all';
-              switch (name.toLowerCase())
-              {
-                case 'minx':
-                  newMinX = value && (value.minX && value.minX | 0 || value | 0) || 0;
-                  break;
-                case 'maxx':
-                  newMaxX = value && (value.maxX && value.maxX | 0 || value | 0) || 0;
-                  break;
-                case 'rangex':
-                  newMinX = value && value.minX && value.minX | 0 || 0;
-                  newMaxX = value && value.maxX && value.maxX | 0 || 0;
-                  break;
-                case 'miny':
-                  newMinY = value && (value.minY && value.minY | 0 || value | 0) || 0;
-                  break;
-                case 'maxy':
-                  newMaxY = value && (value.maxY && value.maxY | 0 || value | 0) || 0;
-                  break;
-                case 'rangey':
-                  newMinY = value && value.minY && value.minY | 0 || 0;
-                  newMaxY = value && value.maxY && value.maxY | 0 || 0;
-                  break;
-                case 'all':
-                default:
-                  newMinX = value && value.minX && value.minX | 0 || 0;
-                  newMaxX = value && value.maxX && value.maxX | 0 || 0;
-                  newMinY = value && value.minY && value.minY | 0 || 0;
-                  newMaxY = value && value.maxY && value.maxY | 0 || 0;
-                  break;
-              }
-              if (newMinX != null && minX != newMinX)
-              {
-                minX = newMinX;
-                rangeX = maxX - minX;
-              }
-              if (newMaxX != null && maxX != newMaxX)
-              {
-                maxX = newMaxX;
-                rangeX = maxX - minX;
-              }
-              if (newMinY != null && minY != newMinY)
-              {
-                minY = newMinY;
-                rangeY = maxY - minY;
-              }
-              if (newMaxY != null && maxY != newMaxY)
-              {
-                maxY = newMaxY;
-                rangeY = maxY - minY;
-              }
-            },
-          bind =
-            function (callback)
-            {
-              if ($.isFunction(callback)) changeEvents.push(callback);
-            },
-          unbind =
-            function (callback)
-            {
-              if (!$.isFunction(callback)) return;
-              var i;
-              while ((i = $.inArray(callback, changeEvents)) != -1) changeEvents.splice(i, 1);
-            },
-          destroy =
-            function()
-            {
-              // unbind all possible events and null objects
-              $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);
-              bar.unbind('mousedown', mouseDown);
-              bar = null;
-              arrow = null;
-              changeEvents = null;
-            };
-        $.extend(true, $this, // public properties, methods, and event bindings - these we need to access from other controls
-          {
-            val: val,
-            range: range,
-            bind: bind,
-            unbind: unbind,
-            destroy: destroy
-          });
-        // initialize this control
-        arrow.src = options.arrow && options.arrow.image;
-        arrow.w = options.arrow && options.arrow.width || arrow.width();
-        arrow.h = options.arrow && options.arrow.height || arrow.height();
-        bar.w = options.map && options.map.width || bar.width();
-        bar.h = options.map && options.map.height || bar.height();
-        // bind mousedown event
-        bar.bind('mousedown', mouseDown);
-        bind.call($this, draw);
-      },
-    ColorValuePicker = // controls for all the input elements for the typing in color values
-      function(picker, color, bindedHex, alphaPrecision)
-      {
-        var $this = this, // private properties and methods
-          inputs = picker.find('td.Text input'),
-          red = inputs.eq(3),
-          green = inputs.eq(4),
-          blue = inputs.eq(5),
-          alpha = inputs.length > 7 ? inputs.eq(6) : null,
-          hue = inputs.eq(0),
-          saturation = inputs.eq(1),
-          value = inputs.eq(2),
-          hex = inputs.eq(inputs.length > 7 ? 7 : 6),
-          ahex = inputs.length > 7 ? inputs.eq(8) : null,
-          keyDown = // input box key down - use arrows to alter color
-            function(e)
-            {
-              if (e.target.value == '' && e.target != hex.get(0) && (bindedHex != null && e.target != bindedHex.get(0) || bindedHex == null)) return;
-              if (!validateKey(e)) return e;
-              switch (e.target)
-              {
-                case red.get(0):
-                  switch (e.keyCode)
-                  {
-                    case 38:
-                      red.val(setValueInRange.call($this, (red.val() << 0) + 1, 0, 255));
-                      color.val('r', red.val(), e.target);
-                      return false;
-                    case 40:
-                      red.val(setValueInRange.call($this, (red.val() << 0) - 1, 0, 255));
-                      color.val('r', red.val(), e.target);
-                      return false;
-                  }
-                  break;
-                case green.get(0):
-                  switch (e.keyCode)
-                  {
-                    case 38:
-                      green.val(setValueInRange.call($this, (green.val() << 0) + 1, 0, 255));
-                      color.val('g', green.val(), e.target);
-                      return false;
-                    case 40:
-                      green.val(setValueInRange.call($this, (green.val() << 0) - 1, 0, 255));
-                      color.val('g', green.val(), e.target);
-                      return false;
-                  }
-                  break;
-                case blue.get(0):
-                  switch (e.keyCode)
-                  {
-                    case 38:
-                      blue.val(setValueInRange.call($this, (blue.val() << 0) + 1, 0, 255));
-                      color.val('b', blue.val(), e.target);
-                      return false;
-                    case 40:
-                      blue.val(setValueInRange.call($this, (blue.val() << 0) - 1, 0, 255));
-                      color.val('b', blue.val(), e.target);
-                      return false;
-                  }
-                  break;
-                case alpha && alpha.get(0):
-                  switch (e.keyCode)
-                  {
-                    case 38:
-                      alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) + 1, 0, 100));
-                      color.val('a', Math.precision((alpha.val() * 255) / 100, alphaPrecision), e.target);
-                      return false;
-                    case 40:
-                      alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) - 1, 0, 100));
-                      color.val('a', Math.precision((alpha.val() * 255) / 100, alphaPrecision), e.target);
-                      return false;
-                  }
-                  break;
-                case hue.get(0):
-                  switch (e.keyCode)
-                  {
-                    case 38:
-                      hue.val(setValueInRange.call($this, (hue.val() << 0) + 1, 0, 360));
-                      color.val('h', hue.val(), e.target);
-                      return false;
-                    case 40:
-                      hue.val(setValueInRange.call($this, (hue.val() << 0) - 1, 0, 360));
-                      color.val('h', hue.val(), e.target);
-                      return false;
-                  }
-                  break;
-                case saturation.get(0):
-                  switch (e.keyCode)
-                  {
-                    case 38:
-                      saturation.val(setValueInRange.call($this, (saturation.val() << 0) + 1, 0, 100));
-                      color.val('s', saturation.val(), e.target);
-                      return false;
-                    case 40:
-                      saturation.val(setValueInRange.call($this, (saturation.val() << 0) - 1, 0, 100));
-                      color.val('s', saturation.val(), e.target);
-                      return false;
-                  }
-                  break;
-                case value.get(0):
-                  switch (e.keyCode)
-                  {
-                    case 38:
-                      value.val(setValueInRange.call($this, (value.val() << 0) + 1, 0, 100));
-                      color.val('v', value.val(), e.target);
-                      return false;
-                    case 40:
-                      value.val(setValueInRange.call($this, (value.val() << 0) - 1, 0, 100));
-                      color.val('v', value.val(), e.target);
-                      return false;
-                  }
-                  break;
-              }
-            },
-          keyUp = // input box key up - validate value and set color
-            function(e)
-            {
-              if (e.target.value == '' && e.target != hex.get(0) && (bindedHex != null && e.target != bindedHex.get(0) || bindedHex == null)) return;
-              if (!validateKey(e)) return e;
-              switch (e.target)
-              {
-                case red.get(0):
-                  red.val(setValueInRange.call($this, red.val(), 0, 255));
-                  color.val('r', red.val(), e.target);
-                  break;
-                case green.get(0):
-                  green.val(setValueInRange.call($this, green.val(), 0, 255));
-                  color.val('g', green.val(), e.target);
-                  break;
-                case blue.get(0):
-                  blue.val(setValueInRange.call($this, blue.val(), 0, 255));
-                  color.val('b', blue.val(), e.target);
-                  break;
-                case alpha && alpha.get(0):
-                  alpha.val(setValueInRange.call($this, alpha.val(), 0, 100));
-                  color.val('a', Math.precision((alpha.val() * 255) / 100, alphaPrecision), e.target);
-                  break;
-                case hue.get(0):
-                  hue.val(setValueInRange.call($this, hue.val(), 0, 360));
-                  color.val('h', hue.val(), e.target);
-                  break;
-                case saturation.get(0):
-                  saturation.val(setValueInRange.call($this, saturation.val(), 0, 100));
-                  color.val('s', saturation.val(), e.target);
-                  break;
-                case value.get(0):
-                  value.val(setValueInRange.call($this, value.val(), 0, 100));
-                  color.val('v', value.val(), e.target);
-                  break;
-                case hex.get(0):
-                  hex.val(hex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));
-                  bindedHex && bindedHex.val(hex.val());
-                  color.val('hex', hex.val() != '' ? hex.val() : null, e.target);
-                  break;
-                case bindedHex && bindedHex.get(0):
-                  bindedHex.val(bindedHex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));
-                  hex.val(bindedHex.val());
-                  color.val('hex', bindedHex.val() != '' ? bindedHex.val() : null, e.target);
-                  break;
-                case ahex && ahex.get(0):
-                  ahex.val(ahex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 2));
-                  color.val('a', ahex.val() != null ? parseInt(ahex.val(), 16) : null, e.target);
-                  break;
-              }
-            },
-          blur = // input box blur - reset to original if value empty
-            function(e)
-            {
-              if (color.val() != null)
-              {
-                switch (e.target)
-                {
-                  case red.get(0): red.val(color.val('r')); break;
-                  case green.get(0): green.val(color.val('g')); break;
-                  case blue.get(0): blue.val(color.val('b')); break;
-                  case alpha && alpha.get(0): alpha.val(Math.precision((color.val('a') * 100) / 255, alphaPrecision)); break;
-                  case hue.get(0): hue.val(color.val('h')); break;
-                  case saturation.get(0): saturation.val(color.val('s')); break;
-                  case value.get(0): value.val(color.val('v')); break;
-                  case hex.get(0):
-                  case bindedHex && bindedHex.get(0):
-                    hex.val(color.val('hex'));
-                    bindedHex && bindedHex.val(color.val('hex'));
-                    break;
-                  case ahex && ahex.get(0): ahex.val(color.val('ahex').substring(6)); break;
-                }
-              }
-            },
-          validateKey = // validate key
-            function(e)
-            {
-              switch(e.keyCode)
-              {
-                case 9:
-                case 16:
-                case 29:
-                case 37:
-                case 39:
-                  return false;
-                case 'c'.charCodeAt():
-                case 'v'.charCodeAt():
-                  if (e.ctrlKey) return false;
-              }
-              return true;
-            },
-          setValueInRange = // constrain value within range
-            function(value, min, max)
-            {
-              if (value == '' || isNaN(value)) return min;
-              if (value > max) return max;
-              if (value < min) return min;
-              return value;
-            },
-          colorChanged =
-            function(ui, context)
-            {
-              var all = ui.val('all');
-              if (context != red.get(0)) red.val(all != null ? all.r : '');
-              if (context != green.get(0)) green.val(all != null ? all.g : '');
-              if (context != blue.get(0)) blue.val(all != null ? all.b : '');
-              if (alpha && context != alpha.get(0)) alpha.val(all != null ? Math.precision((all.a * 100) / 255, alphaPrecision) : '');
-              if (context != hue.get(0)) hue.val(all != null ? all.h : '');
-              if (context != saturation.get(0)) saturation.val(all != null ? all.s : '');
-              if (context != value.get(0)) value.val(all != null ? all.v : '');
-              if (context != hex.get(0) && (bindedHex && context != bindedHex.get(0) || !bindedHex)) hex.val(all != null ? all.hex : '');
-              if (bindedHex && context != bindedHex.get(0) && context != hex.get(0)) bindedHex.val(all != null ? all.hex : '');
-              if (ahex && context != ahex.get(0)) ahex.val(all != null ? all.ahex.substring(6) : '');
-            },
-          destroy =
-            function()
-            {
-              // unbind all events and null objects
-              red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).unbind('keyup', keyUp).unbind('blur', blur);
-              red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).unbind('keydown', keyDown);
-              color.unbind(colorChanged);
-              red = null;
-              green = null;
-              blue = null;
-              alpha = null;
-              hue = null;
-              saturation = null;
-              value = null;
-              hex = null;
-              ahex = null;
-            };
-        $.extend(true, $this, // public properties and methods
-          {
-            destroy: destroy
-          });
-        red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).bind('keyup', keyUp).bind('blur', blur);
-        red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).bind('keydown', keyDown);
-        color.bind(colorChanged);
-      };
-  $.jPicker =
-    {
-      List: [], // array holding references to each active instance of the control
-      Color: // color object - we will be able to assign by any color space type or retrieve any color space info
-             // we want this public so we can optionally assign new color objects to initial values using inputs other than a string hex value (also supported)
-        function(init)
-        {
-          var $this = this,
-            r,
-            g,
-            b,
-            a,
-            h,
-            s,
-            v,
-            changeEvents = new Array(),
-            fireChangeEvents = 
-              function(context)
-              {
-                for (var i = 0; i < changeEvents.length; i++) changeEvents[i].call($this, $this, context);
-              },
-            val =
-              function(name, value, context)
-              {
-                // Kind of ugly
-                var set = Boolean(value);
-                if (set && value.ahex === "") value.ahex = "00000000";
-                if (!set)
-                {
-                  if (name === undefined || name == null || name == '') name = 'all';
-                  if (r == null) return null;
-                  switch (name.toLowerCase())
-                  {
-                    case 'ahex': return ColorMethods.rgbaToHex({ r: r, g: g, b: b, a: a });
-                    case 'hex': return val('ahex').substring(0, 6);
-                    case 'all': return { r: r, g: g, b: b, a: a, h: h, s: s, v: v, hex: val.call($this, 'hex'), ahex: val.call($this, 'ahex') };
-                    default:
-                      var ret={};
-                      for (var i = 0; i < name.length; i++)
-                      {
-                        switch (name.charAt(i))
-                        {
-                          case 'r':
-                            if (name.length == 1) ret = r;
-                            else ret.r = r;
-                            break;
-                          case 'g':
-                            if (name.length == 1) ret = g;
-                            else ret.g = g;
-                            break;
-                          case 'b':
-                            if (name.length == 1) ret = b;
-                            else ret.b = b;
-                            break;
-                          case 'a':
-                            if (name.length == 1) ret = a;
-                            else ret.a = a;
-                            break;
-                          case 'h':
-                            if (name.length == 1) ret = h;
-                            else ret.h = h;
-                            break;
-                          case 's':
-                            if (name.length == 1) ret = s;
-                            else ret.s = s;
-                            break;
-                          case 'v':
-                            if (name.length == 1) ret = v;
-                            else ret.v = v;
-                            break;
-                        }
-                      }
-                      return ret == {} ? val.call($this, 'all') : ret;
-                      break;
-                  }
-                }
-                if (context != null && context == $this) return;
-                var changed = false;
-                if (name == null) name = '';
-                if (value == null)
-                {
-                  if (r != null)
-                  {
-                    r = null;
-                    changed = true;
-                  }
-                  if (g != null)
-                  {
-                    g = null;
-                    changed = true;
-                  }
-                  if (b != null)
-                  {
-                    b = null;
-                    changed = true;
-                  }
-                  if (a != null)
-                  {
-                    a = null;
-                    changed = true;
-                  }
-                  if (h != null)
-                  {
-                    h = null;
-                    changed = true;
-                  }
-                  if (s != null)
-                  {
-                    s = null;
-                    changed = true;
-                  }
-                  if (v != null)
-                  {
-                    v = null;
-                    changed = true;
-                  }
-                  changed && fireChangeEvents.call($this, context || $this);
-                  return;
-                }
-                switch (name.toLowerCase())
-                {
-                  case 'ahex':
-                  case 'hex':
-                    var ret = ColorMethods.hexToRgba(value && (value.ahex || value.hex) || value || 'none');
-
-                    val.call($this, 'rgba', { r: ret.r, g: ret.g, b: ret.b, a: name == 'ahex' ? ret.a : a != null ? a : 255 }, context);
-                    break;
-                  default:
-                    if (value && (value.ahex != null || value.hex != null))
-                    {
-                      val.call($this, 'ahex', value.ahex || value.hex || '00000000', context);
-                      return;
-                    }
-                    var newV = {}, rgb = false, hsv = false;
-                    if (value.r !== undefined && !name.indexOf('r') == -1) name += 'r';
-                    if (value.g !== undefined && !name.indexOf('g') == -1) name += 'g';
-                    if (value.b !== undefined && !name.indexOf('b') == -1) name += 'b';
-                    if (value.a !== undefined && !name.indexOf('a') == -1) name += 'a';
-                    if (value.h !== undefined && !name.indexOf('h') == -1) name += 'h';
-                    if (value.s !== undefined && !name.indexOf('s') == -1) name += 's';
-                    if (value.v !== undefined && !name.indexOf('v') == -1) name += 'v';
-                    for (var i = 0; i < name.length; i++)
-                    {
-                      switch (name.charAt(i))
-                      {
-                        case 'r':
-                          if (hsv) continue;
-                          rgb = true;
-                          newV.r = value && value.r && value.r | 0 || value && value | 0 || 0;
-                          if (newV.r < 0) newV.r = 0;
-                          else if (newV.r > 255) newV.r = 255;
-                          if (r != newV.r)
-                          {
-                            r = newV.r;
-                            changed = true;
-                          }
-                          break;
-                        case 'g':
-                          if (hsv) continue;
-                          rgb = true;
-                          newV.g = value && value.g && value.g | 0 || value && value | 0 || 0;
-                          if (newV.g < 0) newV.g = 0;
-                          else if (newV.g > 255) newV.g = 255;
-                          if (g != newV.g)
-                          {
-                            g = newV.g;
-                            changed = true;
-                          }
-                          break;
-                        case 'b':
-                          if (hsv) continue;
-                          rgb = true;
-                          newV.b = value && value.b && value.b | 0 || value && value | 0 || 0;
-                          if (newV.b < 0) newV.b = 0;
-                          else if (newV.b > 255) newV.b = 255;
-                          if (b != newV.b)
-                          {
-                            b = newV.b;
-                            changed = true;
-                          }
-                          break;
-                        case 'a':
-                          newV.a = value && value.a != null ? value.a | 0 : value != null ? value | 0 : 255;
-                          if (newV.a < 0) newV.a = 0;
-                          else if (newV.a > 255) newV.a = 255;
-                          if (a != newV.a)
-                          {
-                            a = newV.a;
-                            changed = true;
-                          }
-                          break;
-                        case 'h':
-                          if (rgb) continue;
-                          hsv = true;
-                          newV.h = value && value.h && value.h | 0 || value && value | 0 || 0;
-                          if (newV.h < 0) newV.h = 0;
-                          else if (newV.h > 360) newV.h = 360;
-                          if (h != newV.h)
-                          {
-                            h = newV.h;
-                            changed = true;
-                          }
-                          break;
-                        case 's':
-                          if (rgb) continue;
-                          hsv = true;
-                          newV.s = value && value.s != null ? value.s | 0 : value != null ? value | 0 : 100;
-                          if (newV.s < 0) newV.s = 0;
-                          else if (newV.s > 100) newV.s = 100;
-                          if (s != newV.s)
-                          {
-                            s = newV.s;
-                            changed = true;
-                          }
-                          break;
-                        case 'v':
-                          if (rgb) continue;
-                          hsv = true;
-                          newV.v = value && value.v != null ? value.v | 0 : value != null ? value | 0 : 100;
-                          if (newV.v < 0) newV.v = 0;
-                          else if (newV.v > 100) newV.v = 100;
-                          if (v != newV.v)
-                          {
-                            v = newV.v;
-                            changed = true;
-                          }
-                          break;
-                      }
-                    }
-                    if (changed)
-                    {
-                      if (rgb)
-                      {
-                        r = r || 0;
-                        g = g || 0;
-                        b = b || 0;
-                        var ret = ColorMethods.rgbToHsv({ r: r, g: g, b: b });
-                        h = ret.h;
-                        s = ret.s;
-                        v = ret.v;
-                      }
-                      else if (hsv)
-                      {
-                        h = h || 0;
-                        s = s != null ? s : 100;
-                        v = v != null ? v : 100;
-                        var ret = ColorMethods.hsvToRgb({ h: h, s: s, v: v });
-                        r = ret.r;
-                        g = ret.g;
-                        b = ret.b;
-                      }
-                      a = a != null ? a : 255;
-                      fireChangeEvents.call($this, context || $this);
-                    }
-                    break;
-                }
-              },
-            bind =
-              function(callback)
-              {
-                if ($.isFunction(callback)) changeEvents.push(callback);
-              },
-            unbind =
-              function(callback)
-              {
-                if (!$.isFunction(callback)) return;
-                var i;
-                while ((i = $.inArray(callback, changeEvents)) != -1) changeEvents.splice(i, 1);
-              },
-            destroy =
-              function()
-              {
-                changeEvents = null;
-              }
-          $.extend(true, $this, // public properties and methods
-            {
-              val: val,
-              bind: bind,
-              unbind: unbind,
-              destroy: destroy
-            });
-          if (init)
-          {
-            if (init.ahex != null) val('ahex', init);
-            else if (init.hex != null) val((init.a != null ? 'a' : '') + 'hex', init.a != null ? { ahex: init.hex + ColorMethods.intToHex(init.a) } : init);
-            else if (init.r != null && init.g != null && init.b != null) val('rgb' + (init.a != null ? 'a' : ''), init);
-            else if (init.h != null && init.s != null && init.v != null) val('hsv' + (init.a != null ? 'a' : ''), init);
-          }
-        },
-      ColorMethods: // color conversion methods  - make public to give use to external scripts
-        {
-          hexToRgba:
-            function(hex)
-            {
-              if (hex === '' || hex === 'none') return { r: null, g: null, b: null, a: null };
-              hex = this.validateHex(hex);
-              var r = '00', g = '00', b = '00', a = '255';
-              if (hex.length == 6) hex += 'ff';
-              if (hex.length > 6)
-              {
-                r = hex.substring(0, 2);
-                g = hex.substring(2, 4);
-                b = hex.substring(4, 6);
-                a = hex.substring(6, hex.length);
-              }
-              else
-              {
-                if (hex.length > 4)
-                {
-                  r = hex.substring(4, hex.length);
-                  hex = hex.substring(0, 4);
-                }
-                if (hex.length > 2)
-                {
-                  g = hex.substring(2, hex.length);
-                  hex = hex.substring(0, 2);
-                }
-                if (hex.length > 0) b = hex.substring(0, hex.length);
-              }
-              return { r: this.hexToInt(r), g: this.hexToInt(g), b: this.hexToInt(b), a: this.hexToInt(a) };
-            },
-          validateHex:
-            function(hex)
-            {
-              //if (typeof hex === "object") return "";
-              hex = hex.toLowerCase().replace(/[^a-f0-9]/g, '');
-              if (hex.length > 8) hex = hex.substring(0, 8);
-              return hex;
-            },
-          rgbaToHex:
-            function(rgba)
-            {
-              return this.intToHex(rgba.r) + this.intToHex(rgba.g) + this.intToHex(rgba.b) + this.intToHex(rgba.a);
-            },
-          intToHex:
-            function(dec)
-            {
-              var result = (dec | 0).toString(16);
-              if (result.length == 1) result = ('0' + result);
-              return result.toLowerCase();
-            },
-          hexToInt:
-            function(hex)
-            {
-              return parseInt(hex, 16);
-            },
-          rgbToHsv:
-            function(rgb)
-            {
-              var r = rgb.r / 255, g = rgb.g / 255, b = rgb.b / 255, hsv = { h: 0, s: 0, v: 0 }, min = 0, max = 0, delta;
-              if (r >= g && r >= b)
-              {
-                max = r;
-                min = g > b ? b : g;
-              }
-              else if (g >= b && g >= r)
-              {
-                max = g;
-                min = r > b ? b : r;
-              }
-              else
-              {
-                max = b;
-                min = g > r ? r : g;
-              }
-              hsv.v = max;
-              hsv.s = max ? (max - min) / max : 0;
-              if (!hsv.s) hsv.h = 0;
-              else
-              {
-                delta = max - min;
-                if (r == max) hsv.h = (g - b) / delta;
-                else if (g == max) hsv.h = 2 + (b - r) / delta;
-                else hsv.h = 4 + (r - g) / delta;
-                hsv.h = parseInt(hsv.h * 60);
-                if (hsv.h < 0) hsv.h += 360;
-              }
-              hsv.s = (hsv.s * 100) | 0;
-              hsv.v = (hsv.v * 100) | 0;
-              return hsv;
-            },
-          hsvToRgb:
-            function(hsv)
-            {
-              var rgb = { r: 0, g: 0, b: 0, a: 100 }, h = hsv.h, s = hsv.s, v = hsv.v;
-              if (s == 0)
-              {
-                if (v == 0) rgb.r = rgb.g = rgb.b = 0;
-                else rgb.r = rgb.g = rgb.b = (v * 255 / 100) | 0;
-              }
-              else
-              {
-                if (h == 360) h = 0;
-                h /= 60;
-                s = s / 100;
-                v = v / 100;
-                var i = h | 0,
-                    f = h - i,
-                    p = v * (1 - s),
-                    q = v * (1 - (s * f)),
-                    t = v * (1 - (s * (1 - f)));
-                switch (i)
-                {
-                  case 0:
-                    rgb.r = v;
-                    rgb.g = t;
-                    rgb.b = p;
-                    break;
-                  case 1:
-                    rgb.r = q;
-                    rgb.g = v;
-                    rgb.b = p;
-                    break;
-                  case 2:
-                    rgb.r = p;
-                    rgb.g = v;
-                    rgb.b = t;
-                    break;
-                  case 3:
-                    rgb.r = p;
-                    rgb.g = q;
-                    rgb.b = v;
-                    break;
-                  case 4:
-                    rgb.r = t;
-                    rgb.g = p;
-                    rgb.b = v;
-                    break;
-                  case 5:
-                    rgb.r = v;
-                    rgb.g = p;
-                    rgb.b = q;
-                    break;
-                }
-                rgb.r = (rgb.r * 255) | 0;
-                rgb.g = (rgb.g * 255) | 0;
-                rgb.b = (rgb.b * 255) | 0;
-              }
-              return rgb;
-            }
-        }
-    };
-  var Color = $.jPicker.Color, List = $.jPicker.List, ColorMethods = $.jPicker.ColorMethods; // local copies for YUI compressor
-  $.fn.jPicker =
-    function(options)
-    {
-      var $arguments = arguments;
-      return this.each(
-        function()
-        {
-          var $this = this, settings = $.extend(true, {}, $.fn.jPicker.defaults, options); // local copies for YUI compressor
-          if ($($this).get(0).nodeName.toLowerCase() == 'input') // Add color picker icon if binding to an input element and bind the events to the input
-          {
-            $.extend(true, settings,
-              {
-                window:
-                {
-                  bindToInput: true,
-                  expandable: true,
-                  input: $($this)
-                }
-              });
-            if($($this).val()=='')
-            {
-              settings.color.active = new Color({ hex: null });
-              settings.color.current = new Color({ hex: null });
-            }
-            else if (ColorMethods.validateHex($($this).val()))
-            {
-              settings.color.active = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });
-              settings.color.current = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });
-            }
-          }
-          if (settings.window.expandable)
-            $($this).after('<span class="jPicker"><span class="Icon"><span class="Color">&nbsp;</span><span class="Alpha">&nbsp;</span><span class="Image" title="Click To Open Color Picker">&nbsp;</span><span class="Container">&nbsp;</span></span></span>');
-          else settings.window.liveUpdate = false; // Basic control binding for inline use - You will need to override the liveCallback or commitCallback function to retrieve results
-          var isLessThanIE7 = parseFloat(navigator.appVersion.split('MSIE')[1]) < 7 && document.body.filters, // needed to run the AlphaImageLoader function for IE6
-            container = null,
-            colorMapDiv = null,
-            colorBarDiv = null,
-            colorMapL1 = null, // different layers of colorMap and colorBar
-            colorMapL2 = null,
-            colorMapL3 = null,
-            colorBarL1 = null,
-            colorBarL2 = null,
-            colorBarL3 = null,
-            colorBarL4 = null,
-            colorBarL5 = null,
-            colorBarL6 = null,
-            colorMap = null, // color maps
-            colorBar = null,
-            colorPicker = null,
-            elementStartX = null, // Used to record the starting css positions for dragging the control
-            elementStartY = null,
-            pageStartX = null, // Used to record the mousedown coordinates for dragging the control
-            pageStartY = null,
-            activePreview = null, // color boxes above the radio buttons
-            currentPreview = null,
-            okButton = null,
-            cancelButton = null,
-            grid = null, // preset colors grid
-            iconColor = null, // iconColor for popup icon
-            iconAlpha = null, // iconAlpha for popup icon
-            iconImage = null, // iconImage popup icon
-            moveBar = null, // drag bar
-            setColorMode = // set color mode and update visuals for the new color mode
-              function(colorMode)
-              {
-                var active = color.active, // local copies for YUI compressor
-                  clientPath = images.clientPath,
-                  hex = active.val('hex'),
-                  rgbMap,
-                  rgbBar;
-                settings.color.mode = colorMode;
-                switch (colorMode)
-                {
-                  case 'h':
-                    setTimeout(
-                      function()
-                      {
-                        setBG.call($this, colorMapDiv, 'transparent');
-                        setImgLoc.call($this, colorMapL1, 0);
-                        setAlpha.call($this, colorMapL1, 100);
-                        setImgLoc.call($this, colorMapL2, 260);
-                        setAlpha.call($this, colorMapL2, 100);
-                        setBG.call($this, colorBarDiv, 'transparent');
-                        setImgLoc.call($this, colorBarL1, 0);
-                        setAlpha.call($this, colorBarL1, 100);
-                        setImgLoc.call($this, colorBarL2, 260);
-                        setAlpha.call($this, colorBarL2, 100);
-                        setImgLoc.call($this, colorBarL3, 260);
-                        setAlpha.call($this, colorBarL3, 100);
-                        setImgLoc.call($this, colorBarL4, 260);
-                        setAlpha.call($this, colorBarL4, 100);
-                        setImgLoc.call($this, colorBarL6, 260);
-                        setAlpha.call($this, colorBarL6, 100);
-                      }, 0);
-                    colorMap.range('all', { minX: 0, maxX: 100, minY: 0, maxY: 100 });
-                    colorBar.range('rangeY', { minY: 0, maxY: 360 });
-                    if (active.val('ahex') == null) break;
-                    colorMap.val('xy', { x: active.val('s'), y: 100 - active.val('v') }, colorMap);
-                    colorBar.val('y', 360 - active.val('h'), colorBar);
-                    break;
-                  case 's':
-                    setTimeout(
-                      function()
-                      {
-                        setBG.call($this, colorMapDiv, 'transparent');
-                        setImgLoc.call($this, colorMapL1, -260);
-                        setImgLoc.call($this, colorMapL2, -520);
-                        setImgLoc.call($this, colorBarL1, -260);
-                        setImgLoc.call($this, colorBarL2, -520);
-                        setImgLoc.call($this, colorBarL6, 260);
-                        setAlpha.call($this, colorBarL6, 100);
-                      }, 0);
-                    colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
-                    colorBar.range('rangeY', { minY: 0, maxY: 100 });
-                    if (active.val('ahex') == null) break;
-                    colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);
-                    colorBar.val('y', 100 - active.val('s'), colorBar);
-                    break;
-                  case 'v':
-                    setTimeout(
-                      function()
-                      {
-                        setBG.call($this, colorMapDiv, '000000');
-                        setImgLoc.call($this, colorMapL1, -780);
-                        setImgLoc.call($this, colorMapL2, 260);
-                        setBG.call($this, colorBarDiv, hex);
-                        setImgLoc.call($this, colorBarL1, -520);
-                        setImgLoc.call($this, colorBarL2, 260);
-                        setAlpha.call($this, colorBarL2, 100);
-                        setImgLoc.call($this, colorBarL6, 260);
-                        setAlpha.call($this, colorBarL6, 100);
-                      }, 0);
-                    colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
-                    colorBar.range('rangeY', { minY: 0, maxY: 100 });
-                    if (active.val('ahex') == null) break;
-                    colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('s') }, colorMap);
-                    colorBar.val('y', 100 - active.val('v'), colorBar);
-                    break;
-                  case 'r':
-                    rgbMap = -1040;
-                    rgbBar = -780;
-                    colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
-                    colorBar.range('rangeY', { minY: 0, maxY: 255 });
-                    if (active.val('ahex') == null) break;
-                    colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('g') }, colorMap);
-                    colorBar.val('y', 255 - active.val('r'), colorBar);
-                    break;
-                  case 'g':
-                    rgbMap = -1560;
-                    rgbBar = -1820;
-                    colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
-                    colorBar.range('rangeY', { minY: 0, maxY: 255 });
-                    if (active.val('ahex') == null) break;
-                    colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('r') }, colorMap);
-                    colorBar.val('y', 255 - active.val('g'), colorBar);
-                    break;
-                  case 'b':
-                    rgbMap = -2080;
-                    rgbBar = -2860;
-                    colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
-                    colorBar.range('rangeY', { minY: 0, maxY: 255 });
-                    if (active.val('ahex') == null) break;
-                    colorMap.val('xy', { x: active.val('r'), y: 255 - active.val('g') }, colorMap);
-                    colorBar.val('y', 255 - active.val('b'), colorBar);
-                    break;
-                  case 'a':
-                    setTimeout(
-                      function()
-                      {
-                        setBG.call($this, colorMapDiv, 'transparent');
-                        setImgLoc.call($this, colorMapL1, -260);
-                        setImgLoc.call($this, colorMapL2, -520);
-                        setImgLoc.call($this, colorBarL1, 260);
-                        setImgLoc.call($this, colorBarL2, 260);
-                        setAlpha.call($this, colorBarL2, 100);
-                        setImgLoc.call($this, colorBarL6, 0);
-                        setAlpha.call($this, colorBarL6, 100);
-                      }, 0);
-                    colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
-                    colorBar.range('rangeY', { minY: 0, maxY: 255 });
-                    if (active.val('ahex') == null) break;
-                    colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);
-                    colorBar.val('y', 255 - active.val('a'), colorBar);
-                    break;
-                  default:
-                    throw ('Invalid Mode');
-                    break;
-                }
-                switch (colorMode)
-                {
-                  case 'h':
-                    break;
-                  case 's':
-                  case 'v':
-                  case 'a':
-                    setTimeout(
-                      function()
-                      {
-                        setAlpha.call($this, colorMapL1, 100);
-                        setAlpha.call($this, colorBarL1, 100);
-                        setImgLoc.call($this, colorBarL3, 260);
-                        setAlpha.call($this, colorBarL3, 100);
-                        setImgLoc.call($this, colorBarL4, 260);
-                        setAlpha.call($this, colorBarL4, 100);
-                      }, 0);
-                    break;
-                  case 'r':
-                  case 'g':
-                  case 'b':
-                    setTimeout(
-                      function()
-                      {
-                        setBG.call($this, colorMapDiv, 'transparent');
-                        setBG.call($this, colorBarDiv, 'transparent');
-                        setAlpha.call($this, colorBarL1, 100);
-                        setAlpha.call($this, colorMapL1, 100);
-                        setImgLoc.call($this, colorMapL1, rgbMap);
-                        setImgLoc.call($this, colorMapL2, rgbMap - 260);
-                        setImgLoc.call($this, colorBarL1, rgbBar - 780);
-                        setImgLoc.call($this, colorBarL2, rgbBar - 520);
-                        setImgLoc.call($this, colorBarL3, rgbBar);
-                        setImgLoc.call($this, colorBarL4, rgbBar - 260);
-                        setImgLoc.call($this, colorBarL6, 260);
-                        setAlpha.call($this, colorBarL6, 100);
-                      }, 0);
-                    break;
-                }
-                if (active.val('ahex') == null) return;
-                activeColorChanged.call($this, active);
-              },
-            activeColorChanged = // Update color when user changes text values
-              function(ui, context)
-              {
-                if (context == null || (context != colorBar && context != colorMap)) positionMapAndBarArrows.call($this, ui, context);
-                setTimeout(
-                  function()
-                  {
-                    updatePreview.call($this, ui);
-                    updateMapVisuals.call($this, ui);
-                    updateBarVisuals.call($this, ui);
-                  }, 0);
-              },
-            mapValueChanged = // user has dragged the ColorMap pointer
-              function(ui, context)
-              {
-                var active = color.active;
-                if (context != colorMap && active.val() == null) return;
-                var xy = ui.val('all');
-                switch (settings.color.mode)
-                {
-                  case 'h':
-                    active.val('sv', { s: xy.x, v: 100 - xy.y }, context);
-                    break;
-                  case 's':
-                  case 'a':
-                    active.val('hv', { h: xy.x, v: 100 - xy.y }, context);
-                    break;
-                  case 'v':
-                    active.val('hs', { h: xy.x, s: 100 - xy.y }, context);
-                    break;
-                  case 'r':
-                    active.val('gb', { g: 255 - xy.y, b: xy.x }, context);
-                    break;
-                  case 'g':
-                    active.val('rb', { r: 255 - xy.y, b: xy.x }, context);
-                    break;
-                  case 'b':
-                    active.val('rg', { r: xy.x, g: 255 - xy.y }, context);
-                    break;
-                }
-              },
-            colorBarValueChanged = // user has dragged the ColorBar slider
-              function(ui, context)
-              {
-                var active = color.active;
-                if (context != colorBar && active.val() == null) return;
-                switch (settings.color.mode)
-                {
-                  case 'h':
-                    active.val('h', { h: 360 - ui.val('y') }, context);
-                    break;
-                  case 's':
-                    active.val('s', { s: 100 - ui.val('y') }, context);
-                    break;
-                  case 'v':
-                    active.val('v', { v: 100 - ui.val('y') }, context);
-                    break;
-                  case 'r':
-                    active.val('r', { r: 255 - ui.val('y') }, context);
-                    break;
-                  case 'g':
-                    active.val('g', { g: 255 - ui.val('y') }, context);
-                    break;
-                  case 'b':
-                    active.val('b', { b: 255 - ui.val('y') }, context);
-                    break;
-                  case 'a':
-                    active.val('a', 255 - ui.val('y'), context);
-                    break;
-                }
-              },
-            positionMapAndBarArrows = // position map and bar arrows to match current color
-              function(ui, context)
-              {
-                if (context != colorMap)
-                {
-                  switch (settings.color.mode)
-                  {
-                    case 'h':
-                      var sv = ui.val('sv');
-                      colorMap.val('xy', { x: sv != null ? sv.s : 100, y: 100 - (sv != null ? sv.v : 100) }, context);
-                      break;
-                    case 's':
-                    case 'a':
-                      var hv = ui.val('hv');
-                      colorMap.val('xy', { x: hv && hv.h || 0, y: 100 - (hv != null ? hv.v : 100) }, context);
-                      break;
-                    case 'v':
-                      var hs = ui.val('hs');
-                      colorMap.val('xy', { x: hs && hs.h || 0, y: 100 - (hs != null ? hs.s : 100) }, context);
-                      break;
-                    case 'r':
-                      var bg = ui.val('bg');
-                      colorMap.val('xy', { x: bg && bg.b || 0, y: 255 - (bg && bg.g || 0) }, context);
-                      break;
-                    case 'g':
-                      var br = ui.val('br');
-                      colorMap.val('xy', { x: br && br.b || 0, y: 255 - (br && br.r || 0) }, context);
-                      break;
-                    case 'b':
-                      var rg = ui.val('rg');
-                      colorMap.val('xy', { x: rg && rg.r || 0, y: 255 - (rg && rg.g || 0) }, context);
-                      break;
-                  }
-                }
-                if (context != colorBar)
-                {
-                  switch (settings.color.mode)
-                  {
-                    case 'h':
-                      colorBar.val('y', 360 - (ui.val('h') || 0), context);
-                      break;
-                    case 's':
-                      var s = ui.val('s');
-                      colorBar.val('y', 100 - (s != null ? s : 100), context);
-                      break;
-                    case 'v':
-                      var v = ui.val('v');
-                      colorBar.val('y', 100 - (v != null ? v : 100), context);
-                      break;
-                    case 'r':
-                      colorBar.val('y', 255 - (ui.val('r') || 0), context);
-                      break;
-                    case 'g':
-                      colorBar.val('y', 255 - (ui.val('g') || 0), context);
-                      break;
-                    case 'b':
-                      colorBar.val('y', 255 - (ui.val('b') || 0), context);
-                      break;
-                    case 'a':
-                      var a = ui.val('a');
-                      colorBar.val('y', 255 - (a != null ? a : 255), context);
-                      break;
-                  }
-                }
-              },
-            updatePreview =
-              function(ui)
-              {
-                try
-                {
-                  var all = ui.val('all');
-                  activePreview.css({ backgroundColor: all && '#' + all.hex || 'transparent' });
-                  setAlpha.call($this, activePreview, all && Math.precision((all.a * 100) / 255, 4) || 0);
-                }
-                catch (e) { }
-              },
-            updateMapVisuals =
-              function(ui)
-              {
-                switch (settings.color.mode)
-                {
-                  case 'h':
-                    setBG.call($this, colorMapDiv, new Color({ h: ui.val('h') || 0, s: 100, v: 100 }).val('hex'));
-                    break;
-                  case 's':
-                  case 'a':
-                    var s = ui.val('s');
-                    setAlpha.call($this, colorMapL2, 100 - (s != null ? s : 100));
-                    break;
-                  case 'v':
-                    var v = ui.val('v');
-                    setAlpha.call($this, colorMapL1, v != null ? v : 100);
-                    break;
-                  case 'r':
-                    setAlpha.call($this, colorMapL2, Math.precision((ui.val('r') || 0) / 255 * 100, 4));
-                    break;
-                  case 'g':
-                    setAlpha.call($this, colorMapL2, Math.precision((ui.val('g') || 0) / 255 * 100, 4));
-                    break;
-                  case 'b':
-                    setAlpha.call($this, colorMapL2, Math.precision((ui.val('b') || 0) / 255 * 100));
-                    break;
-                }
-                var a = ui.val('a');
-                setAlpha.call($this, colorMapL3, Math.precision(((255 - (a || 0)) * 100) / 255, 4));
-              },
-            updateBarVisuals =
-              function(ui)
-              {
-                switch (settings.color.mode)
-                {
-                  case 'h':
-                    var a = ui.val('a');
-                    setAlpha.call($this, colorBarL5, Math.precision(((255 - (a || 0)) * 100) / 255, 4));
-                    break;
-                  case 's':
-                    var hva = ui.val('hva'),
-                        saturatedColor = new Color({ h: hva && hva.h || 0, s: 100, v: hva != null ? hva.v : 100 });
-                    setBG.call($this, colorBarDiv, saturatedColor.val('hex'));
-                    setAlpha.call($this, colorBarL2, 100 - (hva != null ? hva.v : 100));
-                    setAlpha.call($this, colorBarL5, Math.precision(((255 - (hva && hva.a || 0)) * 100) / 255, 4));
-                    break;
-                  case 'v':
-                    var hsa = ui.val('hsa'),
-                        valueColor = new Color({ h: hsa && hsa.h || 0, s: hsa != null ? hsa.s : 100, v: 100 });
-                    setBG.call($this, colorBarDiv, valueColor.val('hex'));
-                    setAlpha.call($this, colorBarL5, Math.precision(((255 - (hsa && hsa.a || 0)) * 100) / 255, 4));
-                    break;
-                  case 'r':
-                  case 'g':
-                  case 'b':
-                    var hValue = 0, vValue = 0, rgba = ui.val('rgba');
-                    if (settings.color.mode == 'r')
-                    {
-                      hValue = rgba && rgba.b || 0;
-                      vValue = rgba && rgba.g || 0;
-                    }
-                    else if (settings.color.mode == 'g')
-                    {
-                      hValue = rgba && rgba.b || 0;
-                      vValue = rgba && rgba.r || 0;
-                    }
-                    else if (settings.color.mode == 'b')
-                    {
-                      hValue = rgba && rgba.r || 0;
-                      vValue = rgba && rgba.g || 0;
-                    }
-                    var middle = vValue > hValue ? hValue : vValue;
-                    setAlpha.call($this, colorBarL2, hValue > vValue ? Math.precision(((hValue - vValue) / (255 - vValue)) * 100, 4) : 0);
-                    setAlpha.call($this, colorBarL3, vValue > hValue ? Math.precision(((vValue - hValue) / (255 - hValue)) * 100, 4) : 0);
-                    setAlpha.call($this, colorBarL4, Math.precision((middle / 255) * 100, 4));
-                    setAlpha.call($this, colorBarL5, Math.precision(((255 - (rgba && rgba.a || 0)) * 100) / 255, 4));
-                    break;
-                  case 'a':
-                    var a = ui.val('a');
-                    setBG.call($this, colorBarDiv, ui.val('hex') || '000000');
-                    setAlpha.call($this, colorBarL5, a != null ? 0 : 100);
-                    setAlpha.call($this, colorBarL6, a != null ? 100 : 0);
-                    break;
-                }
-              },
-            setBG =
-              function(el, c)
-              {
-                el.css({ backgroundColor: c && c.length == 6 && '#' + c || 'transparent' });
-              },
-            setImg =
-              function(img, src)
-              {
-                if (isLessThanIE7 && (src.indexOf('AlphaBar.png') != -1 || src.indexOf('Bars.png') != -1 || src.indexOf('Maps.png') != -1))
-                {
-                  img.attr('pngSrc', src);
-                  img.css({ backgroundImage: 'none', filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\')' });
-                }
-                else img.css({ backgroundImage: 'url(\'' + src + '\')' });
-              },
-            setImgLoc =
-              function(img, y)
-              {
-                img.css({ top: y + 'px' });
-              },
-            setAlpha =
-              function(obj, alpha)
-              {
-                obj.css({ visibility: alpha > 0 ? 'visible' : 'hidden' });
-                if (alpha > 0 && alpha < 100)
-                {
-                  if (isLessThanIE7)
-                  {
-                    var src = obj.attr('pngSrc');
-                    if (src != null && (src.indexOf('AlphaBar.png') != -1 || src.indexOf('Bars.png') != -1 || src.indexOf('Maps.png') != -1))
-                      obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\') progid:DXImageTransform.Microsoft.Alpha(opacity=' + alpha + ')' });
-                    else obj.css({ opacity: Math.precision(alpha / 100, 4) });
-                  }
-                  else obj.css({ opacity: Math.precision(alpha / 100, 4) });
-                }
-                else if (alpha == 0 || alpha == 100)
-                {
-                  if (isLessThanIE7)
-                  {
-                    var src = obj.attr('pngSrc');
-                    if (src != null && (src.indexOf('AlphaBar.png') != -1 || src.indexOf('Bars.png') != -1 || src.indexOf('Maps.png') != -1))
-                      obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\')' });
-                    else obj.css({ opacity: '' });
-                  }
-                  else obj.css({ opacity: '' });
-                }
-              },
-            revertColor = // revert color to original color when opened
-              function()
-              {
-                color.active.val('ahex', color.current.val('ahex'));
-              },
-            commitColor = // commit the color changes
-              function()
-              {
-                color.current.val('ahex', color.active.val('ahex'));
-              },
-            radioClicked =
-              function(e)
-              {
-                $(this).parents('tbody:first').find('input:radio[value!="'+e.target.value+'"]').removeAttr('checked');
-                setColorMode.call($this, e.target.value);
-              },
-            currentClicked =
-              function()
-              {
-                revertColor.call($this);
-              },
-            cancelClicked =
-              function()
-              {
-                revertColor.call($this);
-                settings.window.expandable && hide.call($this);
-                $.isFunction(cancelCallback) && cancelCallback.call($this, color.active, cancelButton);
-              },
-            okClicked =
-              function()
-              {
-                commitColor.call($this);
-                settings.window.expandable && hide.call($this);
-                $.isFunction(commitCallback) && commitCallback.call($this, color.active, okButton);
-              },
-            iconImageClicked =
-              function()
-              {
-                show.call($this);
-              },
-            currentColorChanged =
-              function(ui, context)
-              {
-                var hex = ui.val('hex');
-                currentPreview.css({ backgroundColor: hex && '#' + hex || 'transparent' });
-                setAlpha.call($this, currentPreview, Math.precision(((ui.val('a') || 0) * 100) / 255, 4));
-              },
-            expandableColorChanged =
-              function(ui, context)
-              {
-                var hex = ui.val('hex');
-                var va = ui.val('va');
-                iconColor.css({ backgroundColor: hex && '#' + hex || 'transparent' });
-                setAlpha.call($this, iconAlpha, Math.precision(((255 - (va && va.a || 0)) * 100) / 255, 4));
-                if (settings.window.bindToInput&&settings.window.updateInputColor)
-                  settings.window.input.css(
-                    {
-                      backgroundColor: hex && '#' + hex || 'transparent',
-                      color: va == null || va.v > 75 ? '#000000' : '#ffffff'
-                    });
-              },
-            moveBarMouseDown =
-              function(e)
-              {
-                var element = settings.window.element, // local copies for YUI compressor
-                  page = settings.window.page;
-                elementStartX = parseInt(container.css('left'));
-                elementStartY = parseInt(container.css('top'));
-                pageStartX = e.pageX;
-                pageStartY = e.pageY;
-                // bind events to document to move window - we will unbind these on mouseup
-                $(document).bind('mousemove', documentMouseMove).bind('mouseup', documentMouseUp);
-                e.preventDefault(); // prevent attempted dragging of the column
-              },
-            documentMouseMove =
-              function(e)
-              {
-                container.css({ left: elementStartX - (pageStartX - e.pageX) + 'px', top: elementStartY - (pageStartY - e.pageY) + 'px' });
-                if (settings.window.expandable && !$.support.boxModel) container.prev().css({ left: container.css("left"), top: container.css("top") });
-                e.stopPropagation();
-                e.preventDefault();
-                return false;
-              },
-            documentMouseUp =
-              function(e)
-              {
-                $(document).unbind('mousemove', documentMouseMove).unbind('mouseup', documentMouseUp);
-                e.stopPropagation();
-                e.preventDefault();
-                return false;
-              },
-            quickPickClicked =
-              function(e)
-              {
-                e.preventDefault();
-                e.stopPropagation();
-                color.active.val('ahex', $(this).attr('title') || null, e.target);
-                return false;
-              },
-            commitCallback = $.isFunction($arguments[1]) && $arguments[1] || null,
-            liveCallback = $.isFunction($arguments[2]) && $arguments[2] || null,
-            cancelCallback = $.isFunction($arguments[3]) && $arguments[3] || null,
-            show =
-              function()
-              {
-                color.current.val('ahex', color.active.val('ahex'));
-                var attachIFrame = function()
-                  {
-                    if (!settings.window.expandable || $.support.boxModel) return;
-                    var table = container.find('table:first');
-                    container.before('<iframe/>');
-                    container.prev().css({ width: table.width(), height: container.height(), opacity: 0, position: 'absolute', left: container.css("left"), top: container.css("top") });
-                  };
-                if (settings.window.expandable)
-                {
-                  $(document.body).children('div.jPicker.Container').css({zIndex:10});
-                  container.css({zIndex:20});
-                }
-                switch (settings.window.effects.type)
-                {
-                  case 'fade':
-                    container.fadeIn(settings.window.effects.speed.show, attachIFrame);
-                    break;
-                  case 'slide':
-                    container.slideDown(settings.window.effects.speed.show, attachIFrame);
-                    break;
-                  case 'show':
-                  default:
-                    container.show(settings.window.effects.speed.show, attachIFrame);
-                    break;
-                }
-              },
-            hide =
-              function()
-              {
-                var removeIFrame = function()
-                  {
-                    if (settings.window.expandable) container.css({ zIndex: 10 });
-                    if (!settings.window.expandable || $.support.boxModel) return;
-                    container.prev().remove();
-                  };
-                switch (settings.window.effects.type)
-                {
-                  case 'fade':
-                    container.fadeOut(settings.window.effects.speed.hide, removeIFrame);
-                    break;
-                  case 'slide':
-                    container.slideUp(settings.window.effects.speed.hide, removeIFrame);
-                    break;
-                  case 'show':
-                  default:
-                    container.hide(settings.window.effects.speed.hide, removeIFrame);
-                    break;
-                }
-              },
-            initialize =
-              function()
-              {
-                var win = settings.window,
-                    popup = win.expandable ? $($this).next().find('.Container:first') : null;
-                container = win.expandable ? $('<div/>') : $($this);
-                container.addClass('jPicker Container');
-                if (win.expandable) container.hide();
-                container.get(0).onselectstart = function(event){ if (event.target.nodeName.toLowerCase() !== 'input') return false; };
-                // inject html source code - we are using a single table for this control - I know tables are considered bad, but it takes care of equal height columns and
-                // this control really is tabular data, so I believe it is the right move
-                var all = color.active.val('all');
-                if (win.alphaPrecision < 0) win.alphaPrecision = 0;
-                else if (win.alphaPrecision > 2) win.alphaPrecision = 2;
-                var controlHtml='<table class="jPicker" cellpadding="0" cellspacing="0"><tbody>' + (win.expandable ? '<tr><td class="Move" colspan="5">&nbsp;</td></tr>' : '') + '<tr><td rowspan="9"><h2 class="Title">' + (win.title || localization.text.title) + '</h2><div class="Map"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><img src="' + images.clientPath + images.colorMap.arrow.file + '" class="Arrow"/></div></td><td rowspan="9"><div class="Bar"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><span class="Map4">&nbsp;</span><span class="Map5">&nbsp;</span><span class="Map6">&nbsp;</span><img src="' + images.clientPath + images.colorBar.arrow.file + '" class="Arrow"/></div></td><td colspan="2" class="Preview">' + localization.text.newColor + '<div><span class="Active" title="' + localization.tooltips.colors.newColor + '">&nbsp;</span><span class="Current" title="' + localization.tooltips.colors.currentColor + '">&nbsp;</span></div>' + localization.text.currentColor + '</td><td rowspan="9" class="Button"><input type="button" class="Ok" value="' + localization.text.ok + '" title="' + localization.tooltips.buttons.ok + '"/><input type="button" class="Cancel" value="' + localization.text.cancel + '" title="' + localization.tooltips.buttons.cancel + '"/><hr/><div class="Grid">&nbsp;</div></td></tr><tr class="Hue"><td class="Radio"><label title="' + localization.tooltips.hue.radio + '"><input type="radio" value="h"' + (settings.color.mode == 'h' ? ' checked="checked"' : '') + '/>H:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.h : '') + '" title="' + localization.tooltips.hue.textbox + '"/>&nbsp;&deg;</td></tr><tr class="Saturation"><td class="Radio"><label title="' + localization.tooltips.saturation.radio + '"><input type="radio" value="s"' + (settings.color.mode == 's' ? ' checked="checked"' : '') + '/>S:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.s : '') + '" title="' + localization.tooltips.saturation.textbox + '"/>&nbsp;%</td></tr><tr class="Value"><td class="Radio"><label title="' + localization.tooltips.value.radio + '"><input type="radio" value="v"' + (settings.color.mode == 'v' ? ' checked="checked"' : '') + '/>V:</label><br/><br/></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.v : '') + '" title="' + localization.tooltips.value.textbox + '"/>&nbsp;%<br/><br/></td></tr><tr class="Red"><td class="Radio"><label title="' + localization.tooltips.red.radio + '"><input type="radio" value="r"' + (settings.color.mode == 'r' ? ' checked="checked"' : '') + '/>R:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.r : '') + '" title="' + localization.tooltips.red.textbox + '"/></td></tr><tr class="Green"><td class="Radio"><label title="' + localization.tooltips.green.radio + '"><input type="radio" value="g"' + (settings.color.mode == 'g' ? ' checked="checked"' : '') + '/>G:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.g : '') + '" title="' + localization.tooltips.green.textbox + '"/></td></tr><tr class="Blue"><td class="Radio"><label title="' + localization.tooltips.blue.radio + '"><input type="radio" value="b"' + (settings.color.mode == 'b' ? ' checked="checked"' : '') + '/>B:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.b : '') + '" title="' + localization.tooltips.blue.textbox + '"/></td></tr><tr class="Alpha"><td class="Radio">' + (win.alphaSupport ? '<label title="' + localization.tooltips.alpha.radio + '"><input type="radio" value="a"' + (settings.color.mode == 'a' ? ' checked="checked"' : '') + '/>A:</label>' : '&nbsp;') + '</td><td class="Text">' + (win.alphaSupport ? '<input type="text" maxlength="' + (3 + win.alphaPrecision) + '" value="' + (all != null ? Math.precision((all.a * 100) / 255, win.alphaPrecision) : '') + '" title="' + localization.tooltips.alpha.textbox + '"/>&nbsp;%' : '&nbsp;') + '</td></tr><tr class="Hex"><td colspan="2" class="Text"><label title="' + localization.tooltips.hex.textbox + '">#:<input type="text" maxlength="6" class="Hex" value="' + (all != null ? all.hex : '') + '"/></label>' + (win.alphaSupport ? '<input type="text" maxlength="2" class="AHex" value="' + (all != null ? all.ahex.substring(6) : '') + '" title="' + localization.tooltips.hex.alpha + '"/></td>' : '&nbsp;') + '</tr></tbody></table>';
-                if (win.expandable)
-                {
-                  container.html(controlHtml);
-                  if($(document.body).children('div.jPicker.Container').length==0)$(document.body).prepend(container);
-                  else $(document.body).children('div.jPicker.Container:last').after(container);
-                  container.mousedown(
-                    function()
-                    {
-                      $(document.body).children('div.jPicker.Container').css({zIndex:10});
-                      container.css({zIndex:20});
-                    });
-                  container.css( // positions must be set and display set to absolute before source code injection or IE will size the container to fit the window
-                    {
-                      left:
-                        win.position.x == 'left' ? (popup.offset().left - 530 - (win.position.y == 'center' ? 25 : 0)) + 'px' :
-                        win.position.x == 'center' ? (popup.offset().left - 260) + 'px' :
-                        win.position.x == 'right' ? (popup.offset().left - 10 + (win.position.y == 'center' ? 25 : 0)) + 'px' :
-                        win.position.x == 'screenCenter' ? (($(document).width() >> 1) - 260) + 'px' : (popup.offset().left + parseInt(win.position.x)) + 'px',
-                      position: 'absolute',
-                      top: win.position.y == 'top' ? (popup.offset().top - 312) + 'px' :
-                           win.position.y == 'center' ? (popup.offset().top - 156) + 'px' :
-                           win.position.y == 'bottom' ? (popup.offset().top + 25) + 'px' : (popup.offset().top + parseInt(win.position.y)) + 'px'
-                    });
-                }
-                else
-                {
-                  container = $($this);
-                  container.html(controlHtml);
-                }
-                // initialize the objects to the source code just injected
-                var tbody = container.find('tbody:first');
-                colorMapDiv = tbody.find('div.Map:first');
-                colorBarDiv = tbody.find('div.Bar:first');
-                var MapMaps = colorMapDiv.find('span'),
-                    BarMaps = colorBarDiv.find('span');
-                colorMapL1 = MapMaps.filter('.Map1:first');
-                colorMapL2 = MapMaps.filter('.Map2:first');
-                colorMapL3 = MapMaps.filter('.Map3:first');
-                colorBarL1 = BarMaps.filter('.Map1:first');
-                colorBarL2 = BarMaps.filter('.Map2:first');
-                colorBarL3 = BarMaps.filter('.Map3:first');
-                colorBarL4 = BarMaps.filter('.Map4:first');
-                colorBarL5 = BarMaps.filter('.Map5:first');
-                colorBarL6 = BarMaps.filter('.Map6:first');
-                // create color pickers and maps
-                colorMap = new Slider(colorMapDiv,
-                  {
-                    map:
-                    {
-                      width: images.colorMap.width,
-                      height: images.colorMap.height
-                    },
-                    arrow:
-                    {
-                      image: images.clientPath + images.colorMap.arrow.file,
-                      width: images.colorMap.arrow.width,
-                      height: images.colorMap.arrow.height
-                    }
-                  });
-                colorMap.bind(mapValueChanged);
-                colorBar = new Slider(colorBarDiv,
-                  {
-                    map:
-                    {
-                      width: images.colorBar.width,
-                      height: images.colorBar.height
-                    },
-                    arrow:
-                    {
-                      image: images.clientPath + images.colorBar.arrow.file,
-                      width: images.colorBar.arrow.width,
-                      height: images.colorBar.arrow.height
-                    }
-                  });
-                colorBar.bind(colorBarValueChanged);
-                colorPicker = new ColorValuePicker(tbody, color.active, win.expandable && win.bindToInput ? win.input : null, win.alphaPrecision);
-                var hex = all != null ? all.hex : null,
-                    preview = tbody.find('.Preview'),
-                    button = tbody.find('.Button');
-                activePreview = preview.find('.Active:first').css({ backgroundColor: hex && '#' + hex || 'transparent' });
-                currentPreview = preview.find('.Current:first').css({ backgroundColor: hex && '#' + hex || 'transparent' }).bind('click', currentClicked);
-                setAlpha.call($this, currentPreview, Math.precision(color.current.val('a') * 100) / 255, 4);
-                okButton = button.find('.Ok:first').bind('click', okClicked);
-                cancelButton = button.find('.Cancel:first').bind('click', cancelClicked);
-                grid = button.find('.Grid:first');
-                setTimeout(
-                  function()
-                  {
-                    setImg.call($this, colorMapL1, images.clientPath + 'Maps.png');
-                    setImg.call($this, colorMapL2, images.clientPath + 'Maps.png');
-                    setImg.call($this, colorMapL3, images.clientPath + 'map-opacity.png');
-                    setImg.call($this, colorBarL1, images.clientPath + 'Bars.png');
-                    setImg.call($this, colorBarL2, images.clientPath + 'Bars.png');
-                    setImg.call($this, colorBarL3, images.clientPath + 'Bars.png');
-                    setImg.call($this, colorBarL4, images.clientPath + 'Bars.png');
-                    setImg.call($this, colorBarL5, images.clientPath + 'bar-opacity.png');
-                    setImg.call($this, colorBarL6, images.clientPath + 'AlphaBar.png');
-                    setImg.call($this, preview.find('div:first'), images.clientPath + 'preview-opacity.png');
-                  }, 0);
-                tbody.find('td.Radio input').bind('click', radioClicked);
-                // initialize quick list
-                if (color.quickList && color.quickList.length > 0)
-                {
-                  var html = '';
-                  for (i = 0; i < color.quickList.length; i++)
-                  {
-                    /* if default colors are hex strings, change them to color objects */
-                    if ((typeof (color.quickList[i])).toString().toLowerCase() == 'string') color.quickList[i] = new Color({ hex: color.quickList[i] });
-                    var alpha = color.quickList[i].val('a');
-                    var ahex = color.quickList[i].val('ahex');
-                    if (!win.alphaSupport && ahex) ahex = ahex.substring(0, 6) + 'ff';
-                    var quickHex = color.quickList[i].val('hex');
-                    if(!ahex) ahex = "00000000";
-                    html+='<span class="QuickColor"' + (ahex && ' title="#' + ahex + '"' || 'none') + ' style="background-color:' + (quickHex && '#' + quickHex || '') + ';' + (quickHex ? '' : 'background-image:url(' + images.clientPath + 'NoColor.png)') + (win.alphaSupport && alpha && alpha < 255 ? ';opacity:' + Math.precision(alpha / 255, 4) + ';filter:Alpha(opacity=' + Math.precision(alpha / 2.55, 4) + ')' : '') + '">&nbsp;</span>';
-                  }
-                  setImg.call($this, grid, images.clientPath + 'bar-opacity.png');
-                  grid.html(html);
-                  grid.find('.QuickColor').click(quickPickClicked);
-                }
-                setColorMode.call($this, settings.color.mode);
-                color.active.bind(activeColorChanged);
-                $.isFunction(liveCallback) && color.active.bind(liveCallback);
-                color.current.bind(currentColorChanged);
-                // bind to input
-                if (win.expandable)
-                {
-                  $this.icon = popup.parents('.Icon:first');
-                  iconColor = $this.icon.find('.Color:first').css({ backgroundColor: hex && '#' + hex || 'transparent' });
-                  iconAlpha = $this.icon.find('.Alpha:first');
-                  setImg.call($this, iconAlpha, images.clientPath + 'bar-opacity.png');
-                  setAlpha.call($this, iconAlpha, Math.precision(((255 - (all != null ? all.a : 0)) * 100) / 255, 4));
-                  iconImage = $this.icon.find('.Image:first').css(
-                    {
-                      backgroundImage: 'url(\'' + images.clientPath + images.picker.file + '\')'
-                    }).bind('click', iconImageClicked);
-                  if (win.bindToInput&&win.updateInputColor)
-                    win.input.css(
-                      {
-                        backgroundColor: hex && '#' + hex || 'transparent',
-                        color: all == null || all.v > 75 ? '#000000' : '#ffffff'
-                      });
-                  moveBar = tbody.find('.Move:first').bind('mousedown', moveBarMouseDown);
-                  color.active.bind(expandableColorChanged);
-                }
-                else show.call($this);
-              },
-            destroy =
-              function()
-              {
-                container.find('td.Radio input').unbind('click', radioClicked);
-                currentPreview.unbind('click', currentClicked);
-                cancelButton.unbind('click', cancelClicked);
-                okButton.unbind('click', okClicked);
-                if (settings.window.expandable)
-                {
-                  iconImage.unbind('click', iconImageClicked);
-                  moveBar.unbind('mousedown', moveBarMouseDown);
-                  $this.icon = null;
-                }
-                container.find('.QuickColor').unbind('click', quickPickClicked);
-                colorMapDiv = null;
-                colorBarDiv = null;
-                colorMapL1 = null;
-                colorMapL2 = null;
-                colorMapL3 = null;
-                colorBarL1 = null;
-                colorBarL2 = null;
-                colorBarL3 = null;
-                colorBarL4 = null;
-                colorBarL5 = null;
-                colorBarL6 = null;
-                colorMap.destroy();
-                colorMap = null;
-                colorBar.destroy();
-                colorBar = null;
-                colorPicker.destroy();
-                colorPicker = null;
-                activePreview = null;
-                currentPreview = null;
-                okButton = null;
-                cancelButton = null;
-                grid = null;
-                commitCallback = null;
-                cancelCallback = null;
-                liveCallback = null;
-                container.html('');
-                for (i = 0; i < List.length; i++) if (List[i] == $this) List.splice(i, 1);
-              },
-            images = settings.images, // local copies for YUI compressor
-            localization = settings.localization,
-            color =
-              {
-                active: (typeof(settings.color.active)).toString().toLowerCase() == 'string' ? new Color({ ahex: !settings.window.alphaSupport && settings.color.active ? settings.color.active.substring(0, 6) + 'ff' : settings.color.active }) : new Color({ ahex: !settings.window.alphaSupport && settings.color.active.val('ahex') ? settings.color.active.val('ahex').substring(0, 6) + 'ff' : settings.color.active.val('ahex') }),
-                current: (typeof(settings.color.active)).toString().toLowerCase() == 'string' ? new Color({ ahex: !settings.window.alphaSupport && settings.color.active ? settings.color.active.substring(0, 6) + 'ff' : settings.color.active }) : new Color({ ahex: !settings.window.alphaSupport && settings.color.active.val('ahex') ? settings.color.active.val('ahex').substring(0, 6) + 'ff' : settings.color.active.val('ahex') }),
-                quickList: settings.color.quickList
-              };
-          $.extend(true, $this, // public properties, methods, and callbacks
-            {
-              commitCallback: commitCallback, // commitCallback function can be overridden to return the selected color to a method you specify when the user clicks "OK"
-              liveCallback: liveCallback, // liveCallback function can be overridden to return the selected color to a method you specify in live mode (continuous update)
-              cancelCallback: cancelCallback, // cancelCallback function can be overridden to a method you specify when the user clicks "Cancel"
-              color: color,
-              show: show,
-              hide: hide,
-              destroy: destroy // destroys this control entirely, removing all events and objects, and removing itself from the List
-            });
-          List.push($this);
-          setTimeout(
-            function()
-            {
-              initialize.call($this);
-            }, 0);
-        });
-    };
-  $.fn.jPicker.defaults = /* jPicker defaults - you can change anything in this section (such as the clientPath to your images) without fear of breaking the program */
-      {
-      window:
-        {
-          title: null, /* any title for the jPicker window itself - displays "Drag Markers To Pick A Color" if left null */
-          effects:
-          {
-            type: 'slide', /* effect used to show/hide an expandable picker. Acceptable values "slide", "show", "fade" */
-            speed:
-            {
-              show: 'slow', /* duration of "show" effect. Acceptable values are "fast", "slow", or time in ms */
-              hide: 'fast' /* duration of "hide" effect. Acceptable values are "fast", "slow", or time in ms */
-            }
-          },
-          position:
-          {
-            x: 'screenCenter', /* acceptable values "left", "center", "right", "screenCenter", or relative px value */
-            y: 'top' /* acceptable values "top", "bottom", "center", or relative px value */
-          },
-          expandable: false, /* default to large static picker - set to true to make an expandable picker (small icon with popup) - set automatically when binded to input element */
-          liveUpdate: true, /* set false if you want the user to have to click "OK" before the binded input box updates values (always "true" for expandable picker) */
-          alphaSupport: false, /* set to true to enable alpha picking */
-          alphaPrecision: 0, /* set decimal precision for alpha percentage display - hex codes do not map directly to percentage integers - range 0-2 */
-          updateInputColor: true /* set to false to prevent binded input colors from changing */
-        },
-      color:
-        {
-          mode: 'h', /* acceptabled values "h" (hue), "s" (saturation), "v" (value), "r" (red), "g" (green), "b" (blue), "a" (alpha) */
-          active: new Color({ ahex: '#ffcc00ff' }), /* acceptable values are any declared $.jPicker.Color object or string HEX value (e.g. #ffc000) WITH OR WITHOUT the "#" prefix */
-          quickList: /* the quick pick color list */
-            [
-              new Color({ h: 360, s: 33, v: 100 }), /* acceptable values are any declared $.jPicker.Color object or string HEX value (e.g. #ffc000) WITH OR WITHOUT the "#" prefix */
-              new Color({ h: 360, s: 66, v: 100 }),
-              new Color({ h: 360, s: 100, v: 100 }),
-              new Color({ h: 360, s: 100, v: 75 }),
-              new Color({ h: 360, s: 100, v: 50 }),
-              new Color({ h: 180, s: 0, v: 100 }),
-              new Color({ h: 30, s: 33, v: 100 }),
-              new Color({ h: 30, s: 66, v: 100 }),
-              new Color({ h: 30, s: 100, v: 100 }),
-              new Color({ h: 30, s: 100, v: 75 }),
-              new Color({ h: 30, s: 100, v: 50 }),
-              new Color({ h: 180, s: 0, v: 90 }),
-              new Color({ h: 60, s: 33, v: 100 }),
-              new Color({ h: 60, s: 66, v: 100 }),
-              new Color({ h: 60, s: 100, v: 100 }),
-              new Color({ h: 60, s: 100, v: 75 }),
-              new Color({ h: 60, s: 100, v: 50 }),
-              new Color({ h: 180, s: 0, v: 80 }),
-              new Color({ h: 90, s: 33, v: 100 }),
-              new Color({ h: 90, s: 66, v: 100 }),
-              new Color({ h: 90, s: 100, v: 100 }),
-              new Color({ h: 90, s: 100, v: 75 }),
-              new Color({ h: 90, s: 100, v: 50 }),
-              new Color({ h: 180, s: 0, v: 70 }),
-              new Color({ h: 120, s: 33, v: 100 }),
-              new Color({ h: 120, s: 66, v: 100 }),
-              new Color({ h: 120, s: 100, v: 100 }),
-              new Color({ h: 120, s: 100, v: 75 }),
-              new Color({ h: 120, s: 100, v: 50 }),
-              new Color({ h: 180, s: 0, v: 60 }),
-              new Color({ h: 150, s: 33, v: 100 }),
-              new Color({ h: 150, s: 66, v: 100 }),
-              new Color({ h: 150, s: 100, v: 100 }),
-              new Color({ h: 150, s: 100, v: 75 }),
-              new Color({ h: 150, s: 100, v: 50 }),
-              new Color({ h: 180, s: 0, v: 50 }),
-              new Color({ h: 180, s: 33, v: 100 }),
-              new Color({ h: 180, s: 66, v: 100 }),
-              new Color({ h: 180, s: 100, v: 100 }),
-              new Color({ h: 180, s: 100, v: 75 }),
-              new Color({ h: 180, s: 100, v: 50 }),
-              new Color({ h: 180, s: 0, v: 40 }),
-              new Color({ h: 210, s: 33, v: 100 }),
-              new Color({ h: 210, s: 66, v: 100 }),
-              new Color({ h: 210, s: 100, v: 100 }),
-              new Color({ h: 210, s: 100, v: 75 }),
-              new Color({ h: 210, s: 100, v: 50 }),
-              new Color({ h: 180, s: 0, v: 30 }),
-              new Color({ h: 240, s: 33, v: 100 }),
-              new Color({ h: 240, s: 66, v: 100 }),
-              new Color({ h: 240, s: 100, v: 100 }),
-              new Color({ h: 240, s: 100, v: 75 }),
-              new Color({ h: 240, s: 100, v: 50 }),
-              new Color({ h: 180, s: 0, v: 20 }),
-              new Color({ h: 270, s: 33, v: 100 }),
-              new Color({ h: 270, s: 66, v: 100 }),
-              new Color({ h: 270, s: 100, v: 100 }),
-              new Color({ h: 270, s: 100, v: 75 }),
-              new Color({ h: 270, s: 100, v: 50 }),
-              new Color({ h: 180, s: 0, v: 10 }),
-              new Color({ h: 300, s: 33, v: 100 }),
-              new Color({ h: 300, s: 66, v: 100 }),
-              new Color({ h: 300, s: 100, v: 100 }),
-              new Color({ h: 300, s: 100, v: 75 }),
-              new Color({ h: 300, s: 100, v: 50 }),
-              new Color({ h: 180, s: 0, v: 0 }),
-              new Color({ h: 330, s: 33, v: 100 }),
-              new Color({ h: 330, s: 66, v: 100 }),
-              new Color({ h: 330, s: 100, v: 100 }),
-              new Color({ h: 330, s: 100, v: 75 }),
-              new Color({ h: 330, s: 100, v: 50 }),
-              new Color()
-            ]
-        },
-      images:
-        {
-          clientPath: '/jPicker/images/', /* Path to image files */
-          colorMap:
-          {
-            width: 256,
-            height: 256,
-            arrow:
-            {
-              file: 'mappoint.gif', /* ColorMap arrow icon */
-              width: 15,
-              height: 15
-            }
-          },
-          colorBar:
-          {
-            width: 20,
-            height: 256,
-            arrow:
-            {
-              file: 'rangearrows.gif', /* ColorBar arrow icon */
-              width: 20,
-              height: 7
-            }
-          },
-          picker:
-          {
-            file: 'picker.gif', /* Color Picker icon */
-            width: 25,
-            height: 24
-          }
-        },
-      localization: /* alter these to change the text presented by the picker (e.g. different language) */
-        {
-          text:
-          {
-            title: 'Drag Markers To Pick A Color',
-            newColor: 'new',
-            currentColor: 'current',
-            ok: 'OK',
-            cancel: 'Cancel'
-          },
-          tooltips:
-          {
-            colors:
-            {
-              newColor: 'New Color - Press &ldquo;OK&rdquo; To Commit',
-              currentColor: 'Click To Revert To Original Color'
-            },
-            buttons:
-            {
-              ok: 'Commit To This Color Selection',
-              cancel: 'Cancel And Revert To Original Color'
-            },
-            hue:
-            {
-              radio: 'Set To &ldquo;Hue&rdquo; Color Mode',
-              textbox: 'Enter A &ldquo;Hue&rdquo; Value (0-360&deg;)'
-            },
-            saturation:
-            {
-              radio: 'Set To &ldquo;Saturation&rdquo; Color Mode',
-              textbox: 'Enter A &ldquo;Saturation&rdquo; Value (0-100%)'
-            },
-            value:
-            {
-              radio: 'Set To &ldquo;Value&rdquo; Color Mode',
-              textbox: 'Enter A &ldquo;Value&rdquo; Value (0-100%)'
-            },
-            red:
-            {
-              radio: 'Set To &ldquo;Red&rdquo; Color Mode',
-              textbox: 'Enter A &ldquo;Red&rdquo; Value (0-255)'
-            },
-            green:
-            {
-              radio: 'Set To &ldquo;Green&rdquo; Color Mode',
-              textbox: 'Enter A &ldquo;Green&rdquo; Value (0-255)'
-            },
-            blue:
-            {
-              radio: 'Set To &ldquo;Blue&rdquo; Color Mode',
-              textbox: 'Enter A &ldquo;Blue&rdquo; Value (0-255)'
-            },
-            alpha:
-            {
-              radio: 'Set To &ldquo;Alpha&rdquo; Color Mode',
-              textbox: 'Enter A &ldquo;Alpha&rdquo; Value (0-100)'
-            },
-            hex:
-            {
-              textbox: 'Enter A &ldquo;Hex&rdquo; Color Value (#000000-#ffffff)',
-              alpha: 'Enter A &ldquo;Alpha&rdquo; Value (#00-#ff)'
-            }
-          }
-        }
-    };
-})(jQuery, '1.1.6');
\ No newline at end of file
diff --git a/editor/jgraduate/jpicker.min.js b/editor/jgraduate/jpicker.min.js
deleted file mode 100644
index 36c4836b..00000000
--- a/editor/jgraduate/jpicker.min.js
+++ /dev/null
@@ -1 +0,0 @@
-(function(e,a){Math.precision=function(j,h){if(h===undefined){h=0}return Math.round(j*Math.pow(10,h))/Math.pow(10,h)};var d=function(z,k){var o=this,j=z.find("img:first"),F=0,E=100,w=100,D=0,C=100,v=100,s=0,p=0,n,q,u=new Array(),l=function(y){for(var x=0;x<u.length;x++){u[x].call(o,o,y)}},H=function(x){var y=z.offset();n={l:y.left|0,t:y.top|0};clearTimeout(q);q=setTimeout(function(){A.call(o,x)},0);e(document).bind("mousemove",h).bind("mouseup",B);x.preventDefault()},h=function(x){clearTimeout(q);q=setTimeout(function(){A.call(o,x)},0);x.stopPropagation();x.preventDefault();return false},B=function(x){e(document).unbind("mouseup",B).unbind("mousemove",h);x.stopPropagation();x.preventDefault();return false},A=function(M){var K=M.pageX-n.l,x=M.pageY-n.t,L=z.w,y=z.h;if(K<0){K=0}else{if(K>L){K=L}}if(x<0){x=0}else{if(x>y){x=y}}J.call(o,"xy",{x:((K/L)*w)+F,y:((x/y)*v)+D})},r=function(){var L=0,x=0,N=z.w,K=z.h,M=j.w,y=j.h;setTimeout(function(){if(w>0){if(s==E){L=N}else{L=((s/w)*N)|0}}if(v>0){if(p==C){x=K}else{x=((p/v)*K)|0}}if(M>=N){L=(N>>1)-(M>>1)}else{L-=M>>1}if(y>=K){x=(K>>1)-(y>>1)}else{x-=y>>1}j.css({left:L+"px",top:x+"px"})},0)},J=function(x,K,y){var O=K!==undefined;if(!O){if(x===undefined||x==null){x="xy"}switch(x.toLowerCase()){case"x":return s;case"y":return p;case"xy":default:return{x:s,y:p}}}if(y!=null&&y==o){return}var N=false,M,L;if(x==null){x="xy"}switch(x.toLowerCase()){case"x":M=K&&(K.x&&K.x|0||K|0)||0;break;case"y":L=K&&(K.y&&K.y|0||K|0)||0;break;case"xy":default:M=K&&K.x&&K.x|0||0;L=K&&K.y&&K.y|0||0;break}if(M!=null){if(M<F){M=F}else{if(M>E){M=E}}if(s!=M){s=M;N=true}}if(L!=null){if(L<D){L=D}else{if(L>C){L=C}}if(p!=L){p=L;N=true}}N&&l.call(o,y||o)},t=function(x,L){var P=L!==undefined;if(!P){if(x===undefined||x==null){x="all"}switch(x.toLowerCase()){case"minx":return F;case"maxx":return E;case"rangex":return{minX:F,maxX:E,rangeX:w};case"miny":return D;case"maxy":return C;case"rangey":return{minY:D,maxY:C,rangeY:v};case"all":default:return{minX:F,maxX:E,rangeX:w,minY:D,maxY:C,rangeY:v}}}var O=false,N,K,M,y;if(x==null){x="all"}switch(x.toLowerCase()){case"minx":N=L&&(L.minX&&L.minX|0||L|0)||0;break;case"maxx":K=L&&(L.maxX&&L.maxX|0||L|0)||0;break;case"rangex":N=L&&L.minX&&L.minX|0||0;K=L&&L.maxX&&L.maxX|0||0;break;case"miny":M=L&&(L.minY&&L.minY|0||L|0)||0;break;case"maxy":y=L&&(L.maxY&&L.maxY|0||L|0)||0;break;case"rangey":M=L&&L.minY&&L.minY|0||0;y=L&&L.maxY&&L.maxY|0||0;break;case"all":default:N=L&&L.minX&&L.minX|0||0;K=L&&L.maxX&&L.maxX|0||0;M=L&&L.minY&&L.minY|0||0;y=L&&L.maxY&&L.maxY|0||0;break}if(N!=null&&F!=N){F=N;w=E-F}if(K!=null&&E!=K){E=K;w=E-F}if(M!=null&&D!=M){D=M;v=C-D}if(y!=null&&C!=y){C=y;v=C-D}},I=function(x){if(e.isFunction(x)){u.push(x)}},m=function(y){if(!e.isFunction(y)){return}var x;while((x=e.inArray(y,u))!=-1){u.splice(x,1)}},G=function(){e(document).unbind("mouseup",B).unbind("mousemove",h);z.unbind("mousedown",H);z=null;j=null;u=null};e.extend(true,o,{val:J,range:t,bind:I,unbind:m,destroy:G});j.src=k.arrow&&k.arrow.image;j.w=k.arrow&&k.arrow.width||j.width();j.h=k.arrow&&k.arrow.height||j.height();z.w=k.map&&k.map.width||z.width();z.h=k.map&&k.map.height||z.height();z.bind("mousedown",H);I.call(o,r)},b=function(u,z,k,y){var q=this,l=u.find("td.Text input"),r=l.eq(3),v=l.eq(4),h=l.eq(5),o=l.length>7?l.eq(6):null,n=l.eq(0),p=l.eq(1),x=l.eq(2),s=l.eq(l.length>7?7:6),B=l.length>7?l.eq(8):null,w=function(D){if(D.target.value==""&&D.target!=s.get(0)&&(k!=null&&D.target!=k.get(0)||k==null)){return}if(!t(D)){return D}switch(D.target){case r.get(0):r.val(j.call(q,r.val(),0,255));z.val("r",r.val(),D.target);break;case v.get(0):v.val(j.call(q,v.val(),0,255));z.val("g",v.val(),D.target);break;case h.get(0):h.val(j.call(q,h.val(),0,255));z.val("b",h.val(),D.target);break;case o&&o.get(0):o.val(j.call(q,o.val(),0,100));z.val("a",Math.precision((o.val()*255)/100,y),D.target);break;case n.get(0):n.val(j.call(q,n.val(),0,360));z.val("h",n.val(),D.target);break;case p.get(0):p.val(j.call(q,p.val(),0,100));z.val("s",p.val(),D.target);break;case x.get(0):x.val(j.call(q,x.val(),0,100));z.val("v",x.val(),D.target);break;case s.get(0):s.val(s.val().replace(/[^a-fA-F0-9]/g,"").toLowerCase().substring(0,6));k&&k.val(s.val());z.val("hex",s.val()!=""?s.val():null,D.target);break;case k&&k.get(0):k.val(k.val().replace(/[^a-fA-F0-9]/g,"").toLowerCase().substring(0,6));s.val(k.val());z.val("hex",k.val()!=""?k.val():null,D.target);break;case B&&B.get(0):B.val(B.val().replace(/[^a-fA-F0-9]/g,"").toLowerCase().substring(0,2));z.val("a",B.val()!=null?parseInt(B.val(),16):null,D.target);break}},A=function(D){if(z.val()!=null){switch(D.target){case r.get(0):r.val(z.val("r"));break;case v.get(0):v.val(z.val("g"));break;case h.get(0):h.val(z.val("b"));break;case o&&o.get(0):o.val(Math.precision((z.val("a")*100)/255,y));break;case n.get(0):n.val(z.val("h"));break;case p.get(0):p.val(z.val("s"));break;case x.get(0):x.val(z.val("v"));break;case s.get(0):case k&&k.get(0):s.val(z.val("hex"));k&&k.val(z.val("hex"));break;case B&&B.get(0):B.val(z.val("ahex").substring(6));break}}},t=function(D){switch(D.keyCode){case 9:case 16:case 29:case 37:case 38:case 40:return false;case"c".charCodeAt():case"v".charCodeAt():if(D.ctrlKey){return false}}return true},j=function(F,E,D){if(F==""||isNaN(F)){return E}if(F>D){return D}if(F<E){return E}return F},m=function(F,D){var E=F.val("all");if(D!=r.get(0)){r.val(E!=null?E.r:"")}if(D!=v.get(0)){v.val(E!=null?E.g:"")}if(D!=h.get(0)){h.val(E!=null?E.b:"")}if(o&&D!=o.get(0)){o.val(E!=null?Math.precision((E.a*100)/255,y):"")}if(D!=n.get(0)){n.val(E!=null?E.h:"")}if(D!=p.get(0)){p.val(E!=null?E.s:"")}if(D!=x.get(0)){x.val(E!=null?E.v:"")}if(D!=s.get(0)&&(k&&D!=k.get(0)||!k)){s.val(E!=null?E.hex:"")}if(k&&D!=k.get(0)&&D!=s.get(0)){k.val(E!=null?E.hex:"")}if(B&&D!=B.get(0)){B.val(E!=null?E.ahex.substring(6):"")}},C=function(){r.add(v).add(h).add(o).add(n).add(p).add(x).add(s).add(k).add(B).unbind("keyup",w).unbind("blur",A);z.unbind(m);r=null;v=null;h=null;o=null;n=null;p=null;x=null;s=null;B=null};e.extend(true,q,{destroy:C});r.add(v).add(h).add(o).add(n).add(p).add(x).add(s).add(k).add(B).bind("keyup",w).bind("blur",A);z.bind(m)};e.jPicker={List:[],Color:function(z){var q=this,j,o,t,u,n,A,x,k=new Array(),m=function(r){for(var h=0;h<k.length;h++){k[h].call(q,q,r)}},l=function(h,G,r){var F=G!==undefined;if(!F){if(h===undefined||h==null||h==""){h="all"}if(j==null){return null}switch(h.toLowerCase()){case"ahex":return g.rgbaToHex({r:j,g:o,b:t,a:u});case"hex":return l("ahex").substring(0,6);case"all":return{r:j,g:o,b:t,a:u,h:n,s:A,v:x,hex:l.call(q,"hex"),ahex:l.call(q,"ahex")};default:var D={};for(var B=0;B<h.length;B++){switch(h.charAt(B)){case"r":if(h.length==1){D=j}else{D.r=j}break;case"g":if(h.length==1){D=o}else{D.g=o}break;case"b":if(h.length==1){D=t}else{D.b=t}break;case"a":if(h.length==1){D=u}else{D.a=u}break;case"h":if(h.length==1){D=n}else{D.h=n}break;case"s":if(h.length==1){D=A}else{D.s=A}break;case"v":if(h.length==1){D=x}else{D.v=x}break}}return D=={}?l.call(q,"all"):D;break}}if(r!=null&&r==q){return}var v=false;if(h==null){h=""}if(G==null){if(j!=null){j=null;v=true}if(o!=null){o=null;v=true}if(t!=null){t=null;v=true}if(u!=null){u=null;v=true}if(n!=null){n=null;v=true}if(A!=null){A=null;v=true}if(x!=null){x=null;v=true}v&&m.call(q,r||q);return}switch(h.toLowerCase()){case"ahex":case"hex":var D=g.hexToRgba(G&&(G.ahex||G.hex)||G||"00000000");l.call(q,"rgba",{r:D.r,g:D.g,b:D.b,a:h=="ahex"?D.a:u!=null?u:255},r);break;default:if(G&&(G.ahex!=null||G.hex!=null)){l.call(q,"ahex",G.ahex||G.hex||"00000000",r);return}var s={},E=false,C=false;if(G.r!==undefined&&!h.indexOf("r")==-1){h+="r"}if(G.g!==undefined&&!h.indexOf("g")==-1){h+="g"}if(G.b!==undefined&&!h.indexOf("b")==-1){h+="b"}if(G.a!==undefined&&!h.indexOf("a")==-1){h+="a"}if(G.h!==undefined&&!h.indexOf("h")==-1){h+="h"}if(G.s!==undefined&&!h.indexOf("s")==-1){h+="s"}if(G.v!==undefined&&!h.indexOf("v")==-1){h+="v"}for(var B=0;B<h.length;B++){switch(h.charAt(B)){case"r":if(C){continue}E=true;s.r=G&&G.r&&G.r|0||G&&G|0||0;if(s.r<0){s.r=0}else{if(s.r>255){s.r=255}}if(j!=s.r){j=s.r;v=true}break;case"g":if(C){continue}E=true;s.g=G&&G.g&&G.g|0||G&&G|0||0;if(s.g<0){s.g=0}else{if(s.g>255){s.g=255}}if(o!=s.g){o=s.g;v=true}break;case"b":if(C){continue}E=true;s.b=G&&G.b&&G.b|0||G&&G|0||0;if(s.b<0){s.b=0}else{if(s.b>255){s.b=255}}if(t!=s.b){t=s.b;v=true}break;case"a":s.a=G&&G.a!=null?G.a|0:G!=null?G|0:255;if(s.a<0){s.a=0}else{if(s.a>255){s.a=255}}if(u!=s.a){u=s.a;v=true}break;case"h":if(E){continue}C=true;s.h=G&&G.h&&G.h|0||G&&G|0||0;if(s.h<0){s.h=0}else{if(s.h>360){s.h=360}}if(n!=s.h){n=s.h;v=true}break;case"s":if(E){continue}C=true;s.s=G&&G.s!=null?G.s|0:G!=null?G|0:100;if(s.s<0){s.s=0}else{if(s.s>100){s.s=100}}if(A!=s.s){A=s.s;v=true}break;case"v":if(E){continue}C=true;s.v=G&&G.v!=null?G.v|0:G!=null?G|0:100;if(s.v<0){s.v=0}else{if(s.v>100){s.v=100}}if(x!=s.v){x=s.v;v=true}break}}if(v){if(E){j=j||0;o=o||0;t=t||0;var D=g.rgbToHsv({r:j,g:o,b:t});n=D.h;A=D.s;x=D.v}else{if(C){n=n||0;A=A!=null?A:100;x=x!=null?x:100;var D=g.hsvToRgb({h:n,s:A,v:x});j=D.r;o=D.g;t=D.b}}u=u!=null?u:255;m.call(q,r||q)}break}},p=function(h){if(e.isFunction(h)){k.push(h)}},y=function(r){if(!e.isFunction(r)){return}var h;while((h=e.inArray(r,k))!=-1){k.splice(h,1)}},w=function(){k=null};e.extend(true,q,{val:l,bind:p,unbind:y,destroy:w});if(z){if(z.ahex!=null){l("ahex",z)}else{if(z.hex!=null){l((z.a!=null?"a":"")+"hex",z.a!=null?{ahex:z.hex+g.intToHex(z.a)}:z)}else{if(z.r!=null&&z.g!=null&&z.b!=null){l("rgb"+(z.a!=null?"a":""),z)}else{if(z.h!=null&&z.s!=null&&z.v!=null){l("hsv"+(z.a!=null?"a":""),z)}}}}}},ColorMethods:{hexToRgba:function(m){m=this.validateHex(m);if(m==""){return{r:null,g:null,b:null,a:null}}var l="00",k="00",h="00",j="255";if(m.length==6){m+="ff"}if(m.length>6){l=m.substring(0,2);k=m.substring(2,4);h=m.substring(4,6);j=m.substring(6,m.length)}else{if(m.length>4){l=m.substring(4,m.length);m=m.substring(0,4)}if(m.length>2){k=m.substring(2,m.length);m=m.substring(0,2)}if(m.length>0){h=m.substring(0,m.length)}}return{r:this.hexToInt(l),g:this.hexToInt(k),b:this.hexToInt(h),a:this.hexToInt(j)}},validateHex:function(h){h=h.toLowerCase().replace(/[^a-f0-9]/g,"");if(h.length>8){h=h.substring(0,8)}return h},rgbaToHex:function(h){return this.intToHex(h.r)+this.intToHex(h.g)+this.intToHex(h.b)+this.intToHex(h.a)},intToHex:function(j){var h=(j|0).toString(16);if(h.length==1){h=("0"+h)}return h.toLowerCase()},hexToInt:function(h){return parseInt(h,16)},rgbToHsv:function(l){var o=l.r/255,n=l.g/255,j=l.b/255,k={h:0,s:0,v:0},m=0,h=0,p;if(o>=n&&o>=j){h=o;m=n>j?j:n}else{if(n>=j&&n>=o){h=n;m=o>j?j:o}else{h=j;m=n>o?o:n}}k.v=h;k.s=h?(h-m)/h:0;if(!k.s){k.h=0}else{p=h-m;if(o==h){k.h=(n-j)/p}else{if(n==h){k.h=2+(j-o)/p}else{k.h=4+(o-n)/p}}k.h=parseInt(k.h*60);if(k.h<0){k.h+=360}}k.s=(k.s*100)|0;k.v=(k.v*100)|0;return k},hsvToRgb:function(n){var r={r:0,g:0,b:0,a:100},m=n.h,x=n.s,u=n.v;if(x==0){if(u==0){r.r=r.g=r.b=0}else{r.r=r.g=r.b=(u*255/100)|0}}else{if(m==360){m=0}m/=60;x=x/100;u=u/100;var l=m|0,o=m-l,k=u*(1-x),j=u*(1-(x*o)),w=u*(1-(x*(1-o)));switch(l){case 0:r.r=u;r.g=w;r.b=k;break;case 1:r.r=j;r.g=u;r.b=k;break;case 2:r.r=k;r.g=u;r.b=w;break;case 3:r.r=k;r.g=j;r.b=u;break;case 4:r.r=w;r.g=k;r.b=u;break;case 5:r.r=u;r.g=k;r.b=j;break}r.r=(r.r*255)|0;r.g=(r.g*255)|0;r.b=(r.b*255)|0}return r}}};var f=e.jPicker.Color,c=e.jPicker.List,g=e.jPicker.ColorMethods;e.fn.jPicker=function(j){var h=arguments;return this.each(function(){var w=this,av=e.extend(true,{},e.fn.jPicker.defaults,j);if(e(w).get(0).nodeName.toLowerCase()=="input"){e.extend(true,av,{window:{bindToInput:true,expandable:true,input:e(w)}});if(e(w).val()==""){av.color.active=new f({hex:null});av.color.current=new f({hex:null})}else{if(g.validateHex(e(w).val())){av.color.active=new f({hex:e(w).val(),a:av.color.active.val("a")});av.color.current=new f({hex:e(w).val(),a:av.color.active.val("a")})}}}if(av.window.expandable){e(w).after('<span class="jPicker"><span class="Icon"><span class="Color">&nbsp;</span><span class="Alpha">&nbsp;</span><span class="Image" title="Click To Open Color Picker">&nbsp;</span><span class="Container">&nbsp;</span></span></span>')}else{av.window.liveUpdate=false}var Q=parseFloat(navigator.appVersion.split("MSIE")[1])<7&&document.body.filters,R=null,l=null,s=null,au=null,at=null,ar=null,P=null,O=null,N=null,M=null,L=null,K=null,D=null,U=null,aw=null,J=null,I=null,am=null,ai=null,E=null,an=null,ah=null,X=null,ab=null,aq=null,r=null,C=null,u=null,ag=function(aB){var aD=G.active,aE=n.clientPath,aA=aD.val("hex"),aC,az;av.color.mode=aB;switch(aB){case"h":setTimeout(function(){y.call(w,l,"transparent");x.call(w,au,0);Y.call(w,au,100);x.call(w,at,260);Y.call(w,at,100);y.call(w,s,"transparent");x.call(w,P,0);Y.call(w,P,100);x.call(w,O,260);Y.call(w,O,100);x.call(w,N,260);Y.call(w,N,100);x.call(w,M,260);Y.call(w,M,100);x.call(w,K,260);Y.call(w,K,100)},0);D.range("all",{minX:0,maxX:100,minY:0,maxY:100});U.range("rangeY",{minY:0,maxY:360});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("s"),y:100-aD.val("v")},D);U.val("y",360-aD.val("h"),U);break;case"s":setTimeout(function(){y.call(w,l,"transparent");x.call(w,au,-260);x.call(w,at,-520);x.call(w,P,-260);x.call(w,O,-520);x.call(w,K,260);Y.call(w,K,100)},0);D.range("all",{minX:0,maxX:360,minY:0,maxY:100});U.range("rangeY",{minY:0,maxY:100});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("h"),y:100-aD.val("v")},D);U.val("y",100-aD.val("s"),U);break;case"v":setTimeout(function(){y.call(w,l,"000000");x.call(w,au,-780);x.call(w,at,260);y.call(w,s,aA);x.call(w,P,-520);x.call(w,O,260);Y.call(w,O,100);x.call(w,K,260);Y.call(w,K,100)},0);D.range("all",{minX:0,maxX:360,minY:0,maxY:100});U.range("rangeY",{minY:0,maxY:100});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("h"),y:100-aD.val("s")},D);U.val("y",100-aD.val("v"),U);break;case"r":aC=-1040;az=-780;D.range("all",{minX:0,maxX:255,minY:0,maxY:255});U.range("rangeY",{minY:0,maxY:255});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("b"),y:255-aD.val("g")},D);U.val("y",255-aD.val("r"),U);break;case"g":aC=-1560;az=-1820;D.range("all",{minX:0,maxX:255,minY:0,maxY:255});U.range("rangeY",{minY:0,maxY:255});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("b"),y:255-aD.val("r")},D);U.val("y",255-aD.val("g"),U);break;case"b":aC=-2080;az=-2860;D.range("all",{minX:0,maxX:255,minY:0,maxY:255});U.range("rangeY",{minY:0,maxY:255});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("r"),y:255-aD.val("g")},D);U.val("y",255-aD.val("b"),U);break;case"a":setTimeout(function(){y.call(w,l,"transparent");x.call(w,au,-260);x.call(w,at,-520);x.call(w,P,260);x.call(w,O,260);Y.call(w,O,100);x.call(w,K,0);Y.call(w,K,100)},0);D.range("all",{minX:0,maxX:360,minY:0,maxY:100});U.range("rangeY",{minY:0,maxY:255});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("h"),y:100-aD.val("v")},D);U.val("y",255-aD.val("a"),U);break;default:throw ("Invalid Mode");break}switch(aB){case"h":break;case"s":case"v":case"a":setTimeout(function(){Y.call(w,au,100);Y.call(w,P,100);x.call(w,N,260);Y.call(w,N,100);x.call(w,M,260);Y.call(w,M,100)},0);break;case"r":case"g":case"b":setTimeout(function(){y.call(w,l,"transparent");y.call(w,s,"transparent");Y.call(w,P,100);Y.call(w,au,100);x.call(w,au,aC);x.call(w,at,aC-260);x.call(w,P,az-780);x.call(w,O,az-520);x.call(w,N,az);x.call(w,M,az-260);x.call(w,K,260);Y.call(w,K,100)},0);break}if(aD.val("ahex")==null){return}aj.call(w,aD)},aj=function(aA,az){if(az==null||(az!=U&&az!=D)){v.call(w,aA,az)}setTimeout(function(){ay.call(w,aA);al.call(w,aA);W.call(w,aA)},0)},z=function(aA,az){var aC=G.active;if(az!=D&&aC.val()==null){return}var aB=aA.val("all");switch(av.color.mode){case"h":aC.val("sv",{s:aB.x,v:100-aB.y},az);break;case"s":case"a":aC.val("hv",{h:aB.x,v:100-aB.y},az);break;case"v":aC.val("hs",{h:aB.x,s:100-aB.y},az);break;case"r":aC.val("gb",{g:255-aB.y,b:aB.x},az);break;case"g":aC.val("rb",{r:255-aB.y,b:aB.x},az);break;case"b":aC.val("rg",{r:aB.x,g:255-aB.y},az);break}},ac=function(aA,az){var aB=G.active;if(az!=U&&aB.val()==null){return}switch(av.color.mode){case"h":aB.val("h",{h:360-aA.val("y")},az);break;case"s":aB.val("s",{s:100-aA.val("y")},az);break;case"v":aB.val("v",{v:100-aA.val("y")},az);break;case"r":aB.val("r",{r:255-aA.val("y")},az);break;case"g":aB.val("g",{g:255-aA.val("y")},az);break;case"b":aB.val("b",{b:255-aA.val("y")},az);break;case"a":aB.val("a",255-aA.val("y"),az);break}},v=function(aC,az){if(az!=D){switch(av.color.mode){case"h":var aH=aC.val("sv");D.val("xy",{x:aH!=null?aH.s:100,y:100-(aH!=null?aH.v:100)},az);break;case"s":case"a":var aB=aC.val("hv");D.val("xy",{x:aB&&aB.h||0,y:100-(aB!=null?aB.v:100)},az);break;case"v":var aE=aC.val("hs");D.val("xy",{x:aE&&aE.h||0,y:100-(aE!=null?aE.s:100)},az);break;case"r":var aA=aC.val("bg");D.val("xy",{x:aA&&aA.b||0,y:255-(aA&&aA.g||0)},az);break;case"g":var aI=aC.val("br");D.val("xy",{x:aI&&aI.b||0,y:255-(aI&&aI.r||0)},az);break;case"b":var aG=aC.val("rg");D.val("xy",{x:aG&&aG.r||0,y:255-(aG&&aG.g||0)},az);break}}if(az!=U){switch(av.color.mode){case"h":U.val("y",360-(aC.val("h")||0),az);break;case"s":var aJ=aC.val("s");U.val("y",100-(aJ!=null?aJ:100),az);break;case"v":var aF=aC.val("v");U.val("y",100-(aF!=null?aF:100),az);break;case"r":U.val("y",255-(aC.val("r")||0),az);break;case"g":U.val("y",255-(aC.val("g")||0),az);break;case"b":U.val("y",255-(aC.val("b")||0),az);break;case"a":var aD=aC.val("a");U.val("y",255-(aD!=null?aD:255),az);break}}},ay=function(aA){try{var az=aA.val("all");E.css({backgroundColor:az&&"#"+az.hex||"transparent"});Y.call(w,E,az&&Math.precision((az.a*100)/255,4)||0)}catch(aB){}},al=function(aC){switch(av.color.mode){case"h":y.call(w,l,new f({h:aC.val("h")||0,s:100,v:100}).val("hex"));break;case"s":case"a":var aB=aC.val("s");Y.call(w,at,100-(aB!=null?aB:100));break;case"v":var aA=aC.val("v");Y.call(w,au,aA!=null?aA:100);break;case"r":Y.call(w,at,Math.precision((aC.val("r")||0)/255*100,4));break;case"g":Y.call(w,at,Math.precision((aC.val("g")||0)/255*100,4));break;case"b":Y.call(w,at,Math.precision((aC.val("b")||0)/255*100));break}var az=aC.val("a");Y.call(w,ar,Math.precision(((255-(az||0))*100)/255,4))},W=function(aF){switch(av.color.mode){case"h":var aH=aF.val("a");Y.call(w,L,Math.precision(((255-(aH||0))*100)/255,4));break;case"s":var aA=aF.val("hva"),aB=new f({h:aA&&aA.h||0,s:100,v:aA!=null?aA.v:100});y.call(w,s,aB.val("hex"));Y.call(w,O,100-(aA!=null?aA.v:100));Y.call(w,L,Math.precision(((255-(aA&&aA.a||0))*100)/255,4));break;case"v":var aC=aF.val("hsa"),aE=new f({h:aC&&aC.h||0,s:aC!=null?aC.s:100,v:100});y.call(w,s,aE.val("hex"));Y.call(w,L,Math.precision(((255-(aC&&aC.a||0))*100)/255,4));break;case"r":case"g":case"b":var aD=0,aG=0,az=aF.val("rgba");if(av.color.mode=="r"){aD=az&&az.b||0;aG=az&&az.g||0}else{if(av.color.mode=="g"){aD=az&&az.b||0;aG=az&&az.r||0}else{if(av.color.mode=="b"){aD=az&&az.r||0;aG=az&&az.g||0}}}var aI=aG>aD?aD:aG;Y.call(w,O,aD>aG?Math.precision(((aD-aG)/(255-aG))*100,4):0);Y.call(w,N,aG>aD?Math.precision(((aG-aD)/(255-aD))*100,4):0);Y.call(w,M,Math.precision((aI/255)*100,4));Y.call(w,L,Math.precision(((255-(az&&az.a||0))*100)/255,4));break;case"a":var aH=aF.val("a");y.call(w,s,aF.val("hex")||"000000");Y.call(w,L,aH!=null?0:100);Y.call(w,K,aH!=null?100:0);break}},y=function(az,aA){az.css({backgroundColor:aA&&aA.length==6&&"#"+aA||"transparent"})},t=function(az,aA){if(Q&&(aA.indexOf("AlphaBar.png")!=-1||aA.indexOf("Bars.png")!=-1||aA.indexOf("Maps.png")!=-1)){az.attr("pngSrc",aA);az.css({backgroundImage:"none",filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aA+"', sizingMethod='scale')"})}else{az.css({backgroundImage:"url("+aA+")"})}},x=function(az,aA){az.css({top:aA+"px"})},Y=function(aA,az){aA.css({visibility:az>0?"visible":"hidden"});if(az>0&&az<100){if(Q){var aB=aA.attr("pngSrc");if(aB!=null&&(aB.indexOf("AlphaBar.png")!=-1||aB.indexOf("Bars.png")!=-1||aB.indexOf("Maps.png")!=-1)){aA.css({filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aB+"', sizingMethod='scale') progid:DXImageTransform.Microsoft.Alpha(opacity="+az+")"})}else{aA.css({opacity:Math.precision(az/100,4)})}}else{aA.css({opacity:Math.precision(az/100,4)})}}else{if(az==0||az==100){if(Q){var aB=aA.attr("pngSrc");if(aB!=null&&(aB.indexOf("AlphaBar.png")!=-1||aB.indexOf("Bars.png")!=-1||aB.indexOf("Maps.png")!=-1)){aA.css({filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aB+"', sizingMethod='scale')"})}else{aA.css({opacity:""})}}else{aA.css({opacity:""})}}}},B=function(){G.active.val("ahex",G.current.val("ahex"))},T=function(){G.current.val("ahex",G.active.val("ahex"))},A=function(az){e(this).parents("tbody:first").find('input:radio[value!="'+az.target.value+'"]').removeAttr("checked");ag.call(w,az.target.value)},Z=function(){B.call(w)},q=function(){B.call(w);av.window.expandable&&ao.call(w);e.isFunction(ax)&&ax.call(w,G.active,X)},m=function(){T.call(w);av.window.expandable&&ao.call(w);e.isFunction(ae)&&ae.call(w,G.active,ah)},af=function(){V.call(w)},ap=function(aB,az){var aA=aB.val("hex");an.css({backgroundColor:aA&&"#"+aA||"transparent"});Y.call(w,an,Math.precision(((aB.val("a")||0)*100)/255,4))},H=function(aC,az){var aB=aC.val("hex");var aA=aC.val("va");aq.css({backgroundColor:aB&&"#"+aB||"transparent"});Y.call(w,r,Math.precision(((255-(aA&&aA.a||0))*100)/255,4));if(av.window.bindToInput&&av.window.updateInputColor){av.window.input.css({backgroundColor:aB&&"#"+aB||"transparent",color:aA==null||aA.v>75?"#000000":"#ffffff"})}},S=function(aB){var az=av.window.element,aA=av.window.page;J=parseInt(R.css("left"));I=parseInt(R.css("top"));am=aB.pageX;ai=aB.pageY;e(document).bind("mousemove",k).bind("mouseup",p);aB.preventDefault()},k=function(az){R.css({left:J-(am-az.pageX)+"px",top:I-(ai-az.pageY)+"px"});if(av.window.expandable&&!e.support.boxModel){R.prev().css({left:R.css("left"),top:R.css("top")})}az.stopPropagation();az.preventDefault();return false},p=function(az){e(document).unbind("mousemove",k).unbind("mouseup",p);az.stopPropagation();az.preventDefault();return false},F=function(az){az.preventDefault();az.stopPropagation();G.active.val("ahex",e(this).attr("title")||null,az.target);return false},ae=e.isFunction(h[1])&&h[1]||null,ad=e.isFunction(h[2])&&h[2]||null,ax=e.isFunction(h[3])&&h[3]||null,V=function(){G.current.val("ahex",G.active.val("ahex"));var az=function(){if(!av.window.expandable||e.support.boxModel){return}var aA=R.find("table:first");R.before("<iframe/>");R.prev().css({width:aA.width(),height:R.height(),opacity:0,position:"absolute",left:R.css("left"),top:R.css("top")})};if(av.window.expandable){e(document.body).children("div.jPicker.Container").css({zIndex:10});R.css({zIndex:20})}switch(av.window.effects.type){case"fade":R.fadeIn(av.window.effects.speed.show,az);break;case"slide":R.slideDown(av.window.effects.speed.show,az);break;case"show":default:R.show(av.window.effects.speed.show,az);break}},ao=function(){var az=function(){if(av.window.expandable){R.css({zIndex:10})}if(!av.window.expandable||e.support.boxModel){return}R.prev().remove()};switch(av.window.effects.type){case"fade":R.fadeOut(av.window.effects.speed.hide,az);break;case"slide":R.slideUp(av.window.effects.speed.hide,az);break;case"show":default:R.hide(av.window.effects.speed.hide,az);break}},o=function(){var aG=av.window,az=aG.expandable?e(w).next().find(".Container:first"):null;R=aG.expandable?e("<div/>"):e(w);R.addClass("jPicker Container");if(aG.expandable){R.hide()}R.get(0).onselectstart=function(){return false};var aJ=G.active.val("all");if(aG.alphaPrecision<0){aG.alphaPrecision=0}else{if(aG.alphaPrecision>2){aG.alphaPrecision=2}}var aK='<table class="jPicker" cellpadding="0" cellspacing="0"><tbody>'+(aG.expandable?'<tr><td class="Move" colspan="5">&nbsp;</td></tr>':"")+'<tr><td rowspan="9"><h2 class="Title">'+(aG.title||aa.text.title)+'</h2><div class="Map"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><img src="'+n.clientPath+n.colorMap.arrow.file+'" class="Arrow"/></div></td><td rowspan="9"><div class="Bar"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><span class="Map4">&nbsp;</span><span class="Map5">&nbsp;</span><span class="Map6">&nbsp;</span><img src="'+n.clientPath+n.colorBar.arrow.file+'" class="Arrow"/></div></td><td colspan="2" class="Preview">'+aa.text.newColor+'<div><span class="Active" title="'+aa.tooltips.colors.newColor+'">&nbsp;</span><span class="Current" title="'+aa.tooltips.colors.currentColor+'">&nbsp;</span></div>'+aa.text.currentColor+'</td><td rowspan="9" class="Button"><input type="button" class="Ok" value="'+aa.text.ok+'" title="'+aa.tooltips.buttons.ok+'"/><input type="button" class="Cancel" value="'+aa.text.cancel+'" title="'+aa.tooltips.buttons.cancel+'"/><hr/><div class="Grid">&nbsp;</div></td></tr><tr class="Hue"><td class="Radio"><label title="'+aa.tooltips.hue.radio+'"><input type="radio" value="h"'+(av.color.mode=="h"?' checked="checked"':"")+'/>H:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(aJ!=null?aJ.h:"")+'" title="'+aa.tooltips.hue.textbox+'"/>&nbsp;&deg;</td></tr><tr class="Saturation"><td class="Radio"><label title="'+aa.tooltips.saturation.radio+'"><input type="radio" value="s"'+(av.color.mode=="s"?' checked="checked"':"")+'/>S:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(aJ!=null?aJ.s:"")+'" title="'+aa.tooltips.saturation.textbox+'"/>&nbsp;%</td></tr><tr class="Value"><td class="Radio"><label title="'+aa.tooltips.value.radio+'"><input type="radio" value="v"'+(av.color.mode=="v"?' checked="checked"':"")+'/>V:</label><br/><br/></td><td class="Text"><input type="text" maxlength="3" value="'+(aJ!=null?aJ.v:"")+'" title="'+aa.tooltips.value.textbox+'"/>&nbsp;%<br/><br/></td></tr><tr class="Red"><td class="Radio"><label title="'+aa.tooltips.red.radio+'"><input type="radio" value="r"'+(av.color.mode=="r"?' checked="checked"':"")+'/>R:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(aJ!=null?aJ.r:"")+'" title="'+aa.tooltips.red.textbox+'"/></td></tr><tr class="Green"><td class="Radio"><label title="'+aa.tooltips.green.radio+'"><input type="radio" value="g"'+(av.color.mode=="g"?' checked="checked"':"")+'/>G:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(aJ!=null?aJ.g:"")+'" title="'+aa.tooltips.green.textbox+'"/></td></tr><tr class="Blue"><td class="Radio"><label title="'+aa.tooltips.blue.radio+'"><input type="radio" value="b"'+(av.color.mode=="b"?' checked="checked"':"")+'/>B:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(aJ!=null?aJ.b:"")+'" title="'+aa.tooltips.blue.textbox+'"/></td></tr><tr class="Alpha"><td class="Radio">'+(aG.alphaSupport?'<label title="'+aa.tooltips.alpha.radio+'"><input type="radio" value="a"'+(av.color.mode=="a"?' checked="checked"':"")+"/>A:</label>":"&nbsp;")+'</td><td class="Text">'+(aG.alphaSupport?'<input type="text" maxlength="'+(3+aG.alphaPrecision)+'" value="'+(aJ!=null?Math.precision((aJ.a*100)/255,aG.alphaPrecision):"")+'" title="'+aa.tooltips.alpha.textbox+'"/>&nbsp;%':"&nbsp;")+'</td></tr><tr class="Hex"><td colspan="2" class="Text"><label title="'+aa.tooltips.hex.textbox+'">#:<input type="text" maxlength="6" class="Hex" value="'+(aJ!=null?aJ.hex:"")+'"/></label>'+(aG.alphaSupport?'<input type="text" maxlength="2" class="AHex" value="'+(aJ!=null?aJ.ahex.substring(6):"")+'" title="'+aa.tooltips.hex.alpha+'"/></td>':"&nbsp;")+"</tr></tbody></table>";if(aG.expandable){R.html(aK);if(e(document.body).children("div.jPicker.Container").length==0){e(document.body).prepend(R)}else{e(document.body).children("div.jPicker.Container:last").after(R)}R.mousedown(function(){e(document.body).children("div.jPicker.Container").css({zIndex:10});R.css({zIndex:20})});R.css({left:aG.position.x=="left"?(az.offset().left-530-(aG.position.y=="center"?25:0))+"px":aG.position.x=="center"?(az.offset().left-260)+"px":aG.position.x=="right"?(az.offset().left-10+(aG.position.y=="center"?25:0))+"px":aG.position.x=="screenCenter"?((e(document).width()>>1)-260)+"px":(az.offset().left+parseInt(aG.position.x))+"px",position:"absolute",top:aG.position.y=="top"?(az.offset().top-312)+"px":aG.position.y=="center"?(az.offset().top-156)+"px":aG.position.y=="bottom"?(az.offset().top+25)+"px":(az.offset().top+parseInt(aG.position.y))+"px"})}else{R=e(w);R.html(aK)}var aD=R.find("tbody:first");l=aD.find("div.Map:first");s=aD.find("div.Bar:first");var aL=l.find("span"),aI=s.find("span");au=aL.filter(".Map1:first");at=aL.filter(".Map2:first");ar=aL.filter(".Map3:first");P=aI.filter(".Map1:first");O=aI.filter(".Map2:first");N=aI.filter(".Map3:first");M=aI.filter(".Map4:first");L=aI.filter(".Map5:first");K=aI.filter(".Map6:first");D=new d(l,{map:{width:n.colorMap.width,height:n.colorMap.height},arrow:{image:n.clientPath+n.colorMap.arrow.file,width:n.colorMap.arrow.width,height:n.colorMap.arrow.height}});D.bind(z);U=new d(s,{map:{width:n.colorBar.width,height:n.colorBar.height},arrow:{image:n.clientPath+n.colorBar.arrow.file,width:n.colorBar.arrow.width,height:n.colorBar.arrow.height}});U.bind(ac);aw=new b(aD,G.active,aG.expandable&&aG.bindToInput?aG.input:null,aG.alphaPrecision);var aB=aJ!=null?aJ.hex:null,aH=aD.find(".Preview"),aF=aD.find(".Button");E=aH.find(".Active:first").css({backgroundColor:aB&&"#"+aB||"transparent"});an=aH.find(".Current:first").css({backgroundColor:aB&&"#"+aB||"transparent"}).bind("click",Z);Y.call(w,an,Math.precision(G.current.val("a")*100)/255,4);ah=aF.find(".Ok:first").bind("click",m);X=aF.find(".Cancel:first").bind("click",q);ab=aF.find(".Grid:first");setTimeout(function(){t.call(w,au,n.clientPath+"Maps.png");t.call(w,at,n.clientPath+"Maps.png");t.call(w,ar,n.clientPath+"map-opacity.png");t.call(w,P,n.clientPath+"Bars.png");t.call(w,O,n.clientPath+"Bars.png");t.call(w,N,n.clientPath+"Bars.png");t.call(w,M,n.clientPath+"Bars.png");t.call(w,L,n.clientPath+"bar-opacity.png");t.call(w,K,n.clientPath+"AlphaBar.png");t.call(w,aH.find("div:first"),n.clientPath+"preview-opacity.png")},0);aD.find("td.Radio input").bind("click",A);if(G.quickList&&G.quickList.length>0){var aE="";for(i=0;i<G.quickList.length;i++){if((typeof(G.quickList[i])).toString().toLowerCase()=="string"){G.quickList[i]=new f({hex:G.quickList[i]})}var aC=G.quickList[i].val("a");var aM=G.quickList[i].val("ahex");if(!aG.alphaSupport&&aM){aM=aM.substring(0,6)+"ff"}var aA=G.quickList[i].val("hex");aE+='<span class="QuickColor"'+(aM&&' title="#'+aM+'"'||"")+' style="background-color:'+(aA&&"#"+aA||"")+";"+(aA?"":"background-image:url("+n.clientPath+"NoColor.png)")+(aG.alphaSupport&&aC&&aC<255?";opacity:"+Math.precision(aC/255,4)+";filter:Alpha(opacity="+Math.precision(aC/2.55,4)+")":"")+'">&nbsp;</span>'}t.call(w,ab,n.clientPath+"bar-opacity.png");ab.html(aE);ab.find(".QuickColor").click(F)}ag.call(w,av.color.mode);G.active.bind(aj);e.isFunction(ad)&&G.active.bind(ad);G.current.bind(ap);if(aG.expandable){w.icon=az.parents(".Icon:first");aq=w.icon.find(".Color:first").css({backgroundColor:aB&&"#"+aB||"transparent"});r=w.icon.find(".Alpha:first");t.call(w,r,n.clientPath+"bar-opacity.png");Y.call(w,r,Math.precision(((255-(aJ!=null?aJ.a:0))*100)/255,4));C=w.icon.find(".Image:first").css({backgroundImage:"url("+n.clientPath+n.picker.file+")"}).bind("click",af);if(aG.bindToInput&&aG.updateInputColor){aG.input.css({backgroundColor:aB&&"#"+aB||"transparent",color:aJ==null||aJ.v>75?"#000000":"#ffffff"})}u=aD.find(".Move:first").bind("mousedown",S);G.active.bind(H)}else{V.call(w)}},ak=function(){R.find("td.Radio input").unbind("click",A);an.unbind("click",Z);X.unbind("click",q);ah.unbind("click",m);if(av.window.expandable){C.unbind("click",af);u.unbind("mousedown",S);w.icon=null}R.find(".QuickColor").unbind("click",F);l=null;s=null;au=null;at=null;ar=null;P=null;O=null;N=null;M=null;L=null;K=null;D.destroy();D=null;U.destroy();U=null;aw.destroy();aw=null;E=null;an=null;ah=null;X=null;ab=null;ae=null;ax=null;ad=null;R.html("");for(i=0;i<c.length;i++){if(c[i]==w){c.splice(i,1)}}},n=av.images,aa=av.localization,G={active:(typeof(av.color.active)).toString().toLowerCase()=="string"?new f({ahex:!av.window.alphaSupport&&av.color.active?av.color.active.substring(0,6)+"ff":av.color.active}):new f({ahex:!av.window.alphaSupport&&av.color.active.val("ahex")?av.color.active.val("ahex").substring(0,6)+"ff":av.color.active.val("ahex")}),current:(typeof(av.color.active)).toString().toLowerCase()=="string"?new f({ahex:!av.window.alphaSupport&&av.color.active?av.color.active.substring(0,6)+"ff":av.color.active}):new f({ahex:!av.window.alphaSupport&&av.color.active.val("ahex")?av.color.active.val("ahex").substring(0,6)+"ff":av.color.active.val("ahex")}),quickList:av.color.quickList};e.extend(true,w,{commitCallback:ae,liveCallback:ad,cancelCallback:ax,color:G,show:V,hide:ao,destroy:ak});c.push(w);setTimeout(function(){o.call(w)},0)})};e.fn.jPicker.defaults={window:{title:null,effects:{type:"slide",speed:{show:"slow",hide:"fast"}},position:{x:"screenCenter",y:"top"},expandable:false,liveUpdate:true,alphaSupport:false,alphaPrecision:0,updateInputColor:true},color:{mode:"h",active:new f({ahex:"#ffcc00ff"}),quickList:[new f({h:360,s:33,v:100}),new f({h:360,s:66,v:100}),new f({h:360,s:100,v:100}),new f({h:360,s:100,v:75}),new f({h:360,s:100,v:50}),new f({h:180,s:0,v:100}),new f({h:30,s:33,v:100}),new f({h:30,s:66,v:100}),new f({h:30,s:100,v:100}),new f({h:30,s:100,v:75}),new f({h:30,s:100,v:50}),new f({h:180,s:0,v:90}),new f({h:60,s:33,v:100}),new f({h:60,s:66,v:100}),new f({h:60,s:100,v:100}),new f({h:60,s:100,v:75}),new f({h:60,s:100,v:50}),new f({h:180,s:0,v:80}),new f({h:90,s:33,v:100}),new f({h:90,s:66,v:100}),new f({h:90,s:100,v:100}),new f({h:90,s:100,v:75}),new f({h:90,s:100,v:50}),new f({h:180,s:0,v:70}),new f({h:120,s:33,v:100}),new f({h:120,s:66,v:100}),new f({h:120,s:100,v:100}),new f({h:120,s:100,v:75}),new f({h:120,s:100,v:50}),new f({h:180,s:0,v:60}),new f({h:150,s:33,v:100}),new f({h:150,s:66,v:100}),new f({h:150,s:100,v:100}),new f({h:150,s:100,v:75}),new f({h:150,s:100,v:50}),new f({h:180,s:0,v:50}),new f({h:180,s:33,v:100}),new f({h:180,s:66,v:100}),new f({h:180,s:100,v:100}),new f({h:180,s:100,v:75}),new f({h:180,s:100,v:50}),new f({h:180,s:0,v:40}),new f({h:210,s:33,v:100}),new f({h:210,s:66,v:100}),new f({h:210,s:100,v:100}),new f({h:210,s:100,v:75}),new f({h:210,s:100,v:50}),new f({h:180,s:0,v:30}),new f({h:240,s:33,v:100}),new f({h:240,s:66,v:100}),new f({h:240,s:100,v:100}),new f({h:240,s:100,v:75}),new f({h:240,s:100,v:50}),new f({h:180,s:0,v:20}),new f({h:270,s:33,v:100}),new f({h:270,s:66,v:100}),new f({h:270,s:100,v:100}),new f({h:270,s:100,v:75}),new f({h:270,s:100,v:50}),new f({h:180,s:0,v:10}),new f({h:300,s:33,v:100}),new f({h:300,s:66,v:100}),new f({h:300,s:100,v:100}),new f({h:300,s:100,v:75}),new f({h:300,s:100,v:50}),new f({h:180,s:0,v:0}),new f({h:330,s:33,v:100}),new f({h:330,s:66,v:100}),new f({h:330,s:100,v:100}),new f({h:330,s:100,v:75}),new f({h:330,s:100,v:50}),new f()]},images:{clientPath:"/jPicker/images/",colorMap:{width:256,height:256,arrow:{file:"mappoint.gif",width:15,height:15}},colorBar:{width:20,height:256,arrow:{file:"rangearrows.gif",width:20,height:7}},picker:{file:"picker.gif",width:25,height:24}},localization:{text:{title:"Drag Markers To Pick A Color",newColor:"new",currentColor:"current",ok:"OK",cancel:"Cancel"},tooltips:{colors:{newColor:"New Color - Press &ldquo;OK&rdquo; To Commit",currentColor:"Click To Revert To Original Color"},buttons:{ok:"Commit To This Color Selection",cancel:"Cancel And Revert To Original Color"},hue:{radio:"Set To &ldquo;Hue&rdquo; Color Mode",textbox:"Enter A &ldquo;Hue&rdquo; Value (0-360&deg;)"},saturation:{radio:"Set To &ldquo;Saturation&rdquo; Color Mode",textbox:"Enter A &ldquo;Saturation&rdquo; Value (0-100%)"},value:{radio:"Set To &ldquo;Value&rdquo; Color Mode",textbox:"Enter A &ldquo;Value&rdquo; Value (0-100%)"},red:{radio:"Set To &ldquo;Red&rdquo; Color Mode",textbox:"Enter A &ldquo;Red&rdquo; Value (0-255)"},green:{radio:"Set To &ldquo;Green&rdquo; Color Mode",textbox:"Enter A &ldquo;Green&rdquo; Value (0-255)"},blue:{radio:"Set To &ldquo;Blue&rdquo; Color Mode",textbox:"Enter A &ldquo;Blue&rdquo; Value (0-255)"},alpha:{radio:"Set To &ldquo;Alpha&rdquo; Color Mode",textbox:"Enter A &ldquo;Alpha&rdquo; Value (0-100)"},hex:{textbox:"Enter A &ldquo;Hex&rdquo; Color Value (#000000-#ffffff)",alpha:"Enter A &ldquo;Alpha&rdquo; Value (#00-#ff)"}}}}})(jQuery,"1.1.5");
\ No newline at end of file
diff --git a/editor/jgraduate/jquery.jgraduate.js b/editor/jgraduate/jquery.jgraduate.js
deleted file mode 100644
index 4565b713..00000000
--- a/editor/jgraduate/jquery.jgraduate.js
+++ /dev/null
@@ -1,1175 +0,0 @@
-/*
- * jGraduate 0.4
- *
- * jQuery Plugin for a gradient picker
- *
- * Copyright (c) 2010 Jeff Schiller
- * http://blog.codedread.com/
- * Copyright (c) 2010 Alexis Deveria
- * http://a.deveria.com/
- *
- * Apache 2 License
-
-jGraduate( options, okCallback, cancelCallback )
-
-where options is an object literal:
-	{
-		window: { title: "Pick the start color and opacity for the gradient" },
-		images: { clientPath: "images/" },
-		paint: a Paint object,
-		newstop: String of value "same", "inverse", "black" or "white" 
-				 OR object with one or both values {color: #Hex color, opac: number 0-1}
-	}
- 
-- the Paint object is:
-	Paint {
-		type: String, // one of "none", "solidColor", "linearGradient", "radialGradient"
-		alpha: Number representing opacity (0-100),
-		solidColor: String representing #RRGGBB hex of color,
-		linearGradient: object of interface SVGLinearGradientElement,
-		radialGradient: object of interface SVGRadialGradientElement,
-	}
-
-$.jGraduate.Paint() -> constructs a 'none' color
-$.jGraduate.Paint({copy: o}) -> creates a copy of the paint o
-$.jGraduate.Paint({hex: "#rrggbb"}) -> creates a solid color paint with hex = "#rrggbb"
-$.jGraduate.Paint({linearGradient: o, a: 50}) -> creates a linear gradient paint with opacity=0.5
-$.jGraduate.Paint({radialGradient: o, a: 7}) -> creates a radial gradient paint with opacity=0.07
-$.jGraduate.Paint({hex: "#rrggbb", linearGradient: o}) -> throws an exception?
-
-- picker accepts the following object as input:
-	{
-		okCallback: function to call when Ok is pressed
-		cancelCallback: function to call when Cancel is pressed
-		paint: object describing the paint to display initially, if not set, then default to opaque white
-	}
-
-- okCallback receives a Paint object
-
- *
- */
- 
-(function() {
- 
-var ns = { svg: 'http://www.w3.org/2000/svg', xlink: 'http://www.w3.org/1999/xlink' };
-if(!window.console) {
-  window.console = new function() {
-    this.log = function(str) {};
-    this.dir = function(str) {};
-  };
-}
-
-$.jGraduate = { 
-	Paint:
-		function(opt) {
-			var options = opt || {};
-			this.alpha = isNaN(options.alpha) ? 100 : options.alpha;
-			// copy paint object
-    		if (options.copy) {
-    			this.type = options.copy.type;
-    			this.alpha = options.copy.alpha;
-				this.solidColor = null;
-				this.linearGradient = null;
-				this.radialGradient = null;
-
-    			switch(this.type) {
-    				case "none":
-    					break;
-    				case "solidColor":
-    					this.solidColor = options.copy.solidColor;
-    					break;
-    				case "linearGradient":
-    					this.linearGradient = options.copy.linearGradient.cloneNode(true);
-    					break;
-    				case "radialGradient":
-    					this.radialGradient = options.copy.radialGradient.cloneNode(true);
-    					break;
-    			}
-    		}
-    		// create linear gradient paint
-    		else if (options.linearGradient) {
-    			this.type = "linearGradient";
-    			this.solidColor = null;
-    			this.radialGradient = null;
-    			this.linearGradient = options.linearGradient.cloneNode(true);
-    		}
-    		// create linear gradient paint
-    		else if (options.radialGradient) {
-    			this.type = "radialGradient";
-    			this.solidColor = null;
-    			this.linearGradient = null;
-    			this.radialGradient = options.radialGradient.cloneNode(true);
-    		}
-    		// create solid color paint
-    		else if (options.solidColor) {
-    			this.type = "solidColor";
-    			this.solidColor = options.solidColor;
-    		}
-    		// create empty paint
-	    	else {
-	    		this.type = "none";
-    			this.solidColor = null;
-    			this.linearGradient = null;
-    			this.radialGradient = null;
-	    	}
-		}
-};
-
-jQuery.fn.jGraduateDefaults = {
-	paint: new $.jGraduate.Paint(),
-	window: {
-		pickerTitle: "Drag markers to pick a paint"
-	},
-	images: {
-		clientPath: "images/"
-	},
-	newstop: 'inverse' // same, inverse, black, white
-};
-
-var isGecko = navigator.userAgent.indexOf('Gecko/') >= 0;
-
-function setAttrs(elem, attrs) {
-	if(isGecko) {
-		for (var aname in attrs) elem.setAttribute(aname, attrs[aname]);
-	} else {
-		for (var aname in attrs) {
-			var val = attrs[aname], prop = elem[aname];
-			if(prop && prop.constructor === 'SVGLength') {
-				prop.baseVal.value = val;
-			} else {
-				elem.setAttribute(aname, val);
-			}
-		}
-	}
-}
-
-function mkElem(name, attrs, newparent) {
-	var elem = document.createElementNS(ns.svg, name);
-	setAttrs(elem, attrs);
-	if(newparent) newparent.appendChild(elem);
-	return elem;
-}
-
-jQuery.fn.jGraduate =
-	function(options) {
-	 	var $arguments = arguments;
-		return this.each( function() {
-			var $this = $(this), $settings = $.extend(true, {}, jQuery.fn.jGraduateDefaults, options),
-				id = $this.attr('id'),
-				idref = '#'+$this.attr('id')+' ';
-			
-            if (!idref)
-            {
-              alert('Container element must have an id attribute to maintain unique id strings for sub-elements.');
-              return;
-            }
-            
-            var okClicked = function() {
-	            switch ( $this.paint.type ) {
-	            	case "radialGradient":
-	            		$this.paint.linearGradient = null;
-	            		break;
-	            	case "linearGradient":
-	            		$this.paint.radialGradient = null;
-	            		break;
-	            	case "solidColor":
-	            		$this.paint.radialGradient = $this.paint.linearGradient = null;
-	            		break;
-	            }
-            	$.isFunction($this.okCallback) && $this.okCallback($this.paint);
-            	$this.hide();
-            },
-            cancelClicked = function() {
-            	$.isFunction($this.cancelCallback) && $this.cancelCallback();
-            	$this.hide();
-            };
-
-            $.extend(true, $this, // public properties, methods, and callbacks
-              {
-              	// make a copy of the incoming paint
-                paint: new $.jGraduate.Paint({copy: $settings.paint}),
-                okCallback: $.isFunction($arguments[1]) && $arguments[1] || null,
-                cancelCallback: $.isFunction($arguments[2]) && $arguments[2] || null
-              });
-
-			var pos = $this.position(),
-				color = null;
-			var $win = $(window);
-
-			if ($this.paint.type == "none") {
-				$this.paint = $.jGraduate.Paint({solidColor: 'ffffff'});
-			}
-			
-            $this.addClass('jGraduate_Picker');
-            $this.html('<ul class="jGraduate_tabs">' +
-            				'<li class="jGraduate_tab_color jGraduate_tab_current" data-type="col">Solid Color</li>' +
-            				'<li class="jGraduate_tab_lingrad" data-type="lg">Linear Gradient</li>' +
-            				'<li class="jGraduate_tab_radgrad" data-type="rg">Radial Gradient</li>' +
-            			'</ul>' +
-            			'<div class="jGraduate_colPick"></div>' +
-            			'<div class="jGraduate_gradPick"></div>' +
-						'<div class="jGraduate_LightBox"></div>' +
-						'<div id="' + id + '_jGraduate_stopPicker" class="jGraduate_stopPicker"></div>'
-            			
-            			
-            			);
-			var colPicker = $(idref + '> .jGraduate_colPick');
-			var gradPicker = $(idref + '> .jGraduate_gradPick');
-			
-            gradPicker.html(
-            	'<div id="' + id + '_jGraduate_Swatch" class="jGraduate_Swatch">' +
-            		'<h2 class="jGraduate_Title">' + $settings.window.pickerTitle + '</h2>' +
-            		'<div id="' + id + '_jGraduate_GradContainer" class="jGraduate_GradContainer"></div>' +
-            		'<div id="' + id + '_jGraduate_StopSlider" class="jGraduate_StopSlider"></div>' +
-            	'</div>' + 
-            	'<div class="jGraduate_Form jGraduate_Points jGraduate_lg_field">' +
-            		'<div class="jGraduate_StopSection">' +
-	            		'<label class="jGraduate_Form_Heading">Begin Point</label>' +
-    	        		'<div class="jGraduate_Form_Section">' +
-        	    			'<label>x:</label>' +
-            				'<input type="text" id="' + id + '_jGraduate_x1" size="3" title="Enter starting x value between 0.0 and 1.0"/>' +
-            				'<label>y:</label>' +
-            				'<input type="text" id="' + id + '_jGraduate_y1" size="3" title="Enter starting y value between 0.0 and 1.0"/>' +
-        	   			'</div>' +
-        	   		'</div>' +
-        	   		'<div class="jGraduate_StopSection">' +
-	            		'<label class="jGraduate_Form_Heading">End Point</label>' +
-    	        		'<div class="jGraduate_Form_Section">' +
-	    	        		'<label>x:</label>' +
-		    	        	'<input type="text" id="' + id + '_jGraduate_x2" size="3" title="Enter ending x value between 0.0 and 1.0"/>' +
-    		    	    	'<label>y:</label>' +
-        		    		'<input type="text" id="' + id + '_jGraduate_y2" size="3" title="Enter ending y value between 0.0 and 1.0"/>' +
-    	    	    	'</div>' +
-    	    	    '</div>' +
-    	       	'</div>' +
-            	'<div class="jGraduate_Form jGraduate_Points jGraduate_rg_field">' +
-					'<div class="jGraduate_StopSection">' +
-						'<label class="jGraduate_Form_Heading">Center Point</label>' +
-						'<div class="jGraduate_Form_Section">' +
-							'<label>x:</label>' +
-							'<input type="text" id="' + id + '_jGraduate_cx" size="3" title="Enter x value between 0.0 and 1.0"/>' +
-							'<label>y:</label>' +
-							'<input type="text" id="' + id + '_jGraduate_cy" size="3" title="Enter y value between 0.0 and 1.0"/>' +
-						'</div>' +
-					'</div>' +
-					'<div class="jGraduate_StopSection">' +
-						'<label class="jGraduate_Form_Heading">Focal Point</label>' +
-						'<div class="jGraduate_Form_Section">' +
-							'<label>Match center: <input type="checkbox" checked="checked" id="' + id + '_jGraduate_match_ctr"/></label><br/>' +
-							'<label>x:</label>' +
-							'<input type="text" id="' + id + '_jGraduate_fx" size="3" title="Enter x value between 0.0 and 1.0"/>' +
-							'<label>y:</label>' +
-							'<input type="text" id="' + id + '_jGraduate_fy" size="3" title="Enter y value between 0.0 and 1.0"/>' +
-						'</div>' +
-					'</div>' +
-    	       	'</div>' +
-				'<div class="jGraduate_StopSection jGraduate_SpreadMethod">' +
-					'<label class="jGraduate_Form_Heading">Spread method</label>' +
-					'<div class="jGraduate_Form_Section">' +
-						'<select class="jGraduate_spreadMethod">' +
-							'<option value=pad selected>Pad</option>' +
-							'<option value=reflect>Reflect</option>' +
-							'<option value=repeat>Repeat</option>' +
-						'</select>' + 
-					'</div>' +
-				'</div>' +
-            	'<div class="jGraduate_Form">' +
-        	   		'<div class="jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field">' +
-						'<label class="prelabel">Radius:</label>' +
-						'<div id="' + id + '_jGraduate_Radius" class="jGraduate_SliderBar jGraduate_Radius" title="Click to set radius">' +
-							'<img id="' + id + '_jGraduate_RadiusArrows" class="jGraduate_RadiusArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' +
-						'</div>' +
-						'<label><input type="text" id="' + id + '_jGraduate_RadiusInput" size="3" value="100"/>%</label>' + 
-    	    	    '</div>' +
-        	   		'<div class="jGraduate_Slider jGraduate_EllipField jGraduate_rg_field">' +
-						'<label class="prelabel">Ellip:</label>' +
-						'<div id="' + id + '_jGraduate_Ellip" class="jGraduate_SliderBar jGraduate_Ellip" title="Click to set Ellip">' +
-							'<img id="' + id + '_jGraduate_EllipArrows" class="jGraduate_EllipArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' +
-						'</div>' +
-						'<label><input type="text" id="' + id + '_jGraduate_EllipInput" size="3" value="0"/>%</label>' + 
-    	    	    '</div>' +
-        	   		'<div class="jGraduate_Slider jGraduate_AngleField jGraduate_rg_field">' +
-						'<label class="prelabel">Angle:</label>' +
-						'<div id="' + id + '_jGraduate_Angle" class="jGraduate_SliderBar jGraduate_Angle" title="Click to set Angle">' +
-							'<img id="' + id + '_jGraduate_AngleArrows" class="jGraduate_AngleArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' +
-						'</div>' +
-						'<label><input type="text" id="' + id + '_jGraduate_AngleInput" size="3" value="0"/>deg</label>' + 
-    	    	    '</div>' +
-        	   		'<div class="jGraduate_Slider jGraduate_OpacField">' +
-						'<label class="prelabel">Opac:</label>' +
-						'<div id="' + id + '_jGraduate_Opac" class="jGraduate_SliderBar jGraduate_Opac" title="Click to set Opac">' +
-							'<img id="' + id + '_jGraduate_OpacArrows" class="jGraduate_OpacArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' +
-						'</div>' +
-						'<label><input type="text" id="' + id + '_jGraduate_OpacInput" size="3" value="100"/>%</label>' + 
-    	    	    '</div>' +
-    	       	'</div>' +
-        	    '<div class="jGraduate_OkCancel">' +
-            		'<input type="button" id="' + id + '_jGraduate_Ok" class="jGraduate_Ok" value="OK"/>' +
-            		'<input type="button" id="' + id + '_jGraduate_Cancel" class="jGraduate_Cancel" value="Cancel"/>' +
-            	'</div>');
-            	
-			// --------------
-            // Set up all the SVG elements (the gradient, stops and rectangle)
-            var MAX = 256, MARGINX = 0, MARGINY = 0, STOP_RADIUS = 15/2,
-            	SIZEX = MAX - 2*MARGINX, SIZEY = MAX - 2*MARGINY;
-            	
-            var curType, curGradient, previewRect;	
-            
-			var attr_input = {};
-            
-            var SLIDERW = 145;
-            $('.jGraduate_SliderBar').width(SLIDERW);
-			
-			var container = $('#' + id+'_jGraduate_GradContainer')[0];
-			
-			var svg = mkElem('svg', {
-				id: id + '_jgraduate_svg',
-				width: MAX,
-				height: MAX,
-				xmlns: ns.svg
-			}, container);
-			
-			// if we are sent a gradient, import it 
-			
-			curType = curType || $this.paint.type;
-			
-			var grad = curGradient = $this.paint[curType];
-			
-			var gradalpha = $this.paint.alpha;
-			
-			var isSolid = curType === 'solidColor';
-			
-			// Make any missing gradients
-			switch ( curType ) {
-				case "solidColor":
-					// fall through
-				case "linearGradient":
-					if(!isSolid) {
-						curGradient.id = id+'_lg_jgraduate_grad';
-						grad = curGradient = svg.appendChild(curGradient);//.cloneNode(true));
-					}
-					mkElem('radialGradient', {
-						id: id + '_rg_jgraduate_grad'
-					}, svg);
-					if(curType === "linearGradient") break;
-				case "radialGradient":
-					if(!isSolid) {
-						curGradient.id = id+'_rg_jgraduate_grad';
-						grad = curGradient = svg.appendChild(curGradient);//.cloneNode(true));
-					}
-					mkElem('linearGradient', {
-						id: id + '_lg_jgraduate_grad'
-					}, svg);
-			}
-			
-			if(isSolid) {
-				grad = curGradient = $('#' + id + '_lg_jgraduate_grad')[0];
-				var color = $this.paint[curType];
-				mkStop(0, '#' + color, 1);
-				
-				var type = typeof $settings.newstop;
-				
-				if(type === 'string') {
-					switch ( $settings.newstop ) {
-						case 'same':
-							mkStop(1, '#' + color, 1);				
-							break;
-
-						case 'inverse':
-							// Invert current color for second stop
-							var inverted = '';
-							
-							for(var i = 0; i < 6; i += 2) {
-								var ch = color.substr(i, 2);
-								var inv = (255 - parseInt(color.substr(i, 2), 16)).toString(16);
-								if(inv.length < 2) inv = 0 + inv;
-								inverted += inv;
-							}
-							mkStop(1, '#' + inverted, 1);
-							break;
-						
-						case 'white':
-							mkStop(1, '#ffffff', 1);
-							break;
-	
-						case 'black':
-							mkStop(1, '#000000', 1);
-							break;
-					}
-				} else if(type === 'object'){
-					var opac = ('opac' in $settings.newstop) ? $settings.newstop.opac : 1;
-					mkStop(1, ($settings.newstop.color || '#' + color), opac);
-				}
-			}
-
-			
-			var x1 = parseFloat(grad.getAttribute('x1')||0.0),
-				y1 = parseFloat(grad.getAttribute('y1')||0.0),
-				x2 = parseFloat(grad.getAttribute('x2')||1.0),
-				y2 = parseFloat(grad.getAttribute('y2')||0.0);
-				
-			var cx = parseFloat(grad.getAttribute('cx')||0.5),
-				cy = parseFloat(grad.getAttribute('cy')||0.5),
-				fx = parseFloat(grad.getAttribute('fx')|| cx),
-				fy = parseFloat(grad.getAttribute('fy')|| cy);
-
-			
-			var previewRect = mkElem('rect', {
-				id: id + '_jgraduate_rect',
-				x: MARGINX,
-				y: MARGINY,
-				width: SIZEX,
-				height: SIZEY,
-				fill: 'url(#'+id+'_jgraduate_grad)',
-				'fill-opacity': gradalpha/100
-			}, svg);
-			
-			// stop visuals created here
-			var beginCoord = $('<div/>').attr({
-				'class': 'grad_coord jGraduate_lg_field',
-				title: 'Begin Stop'
-			}).text(1).css({
-				top: y1 * MAX,
-				left: x1 * MAX
-			}).data('coord', 'start').appendTo(container);
-			
-			var endCoord = beginCoord.clone().text(2).css({
-				top: y2 * MAX,
-				left: x2 * MAX
-			}).attr('title', 'End stop').data('coord', 'end').appendTo(container);
-		
-			var centerCoord = $('<div/>').attr({
-				'class': 'grad_coord jGraduate_rg_field',
-				title: 'Center stop'
-			}).text('C').css({
-				top: cy * MAX,
-				left: cx * MAX
-			}).data('coord', 'center').appendTo(container);
-			
-			var focusCoord = centerCoord.clone().text('F').css({
-				top: fy * MAX,
-				left: fx * MAX,
-				display: 'none'
-			}).attr('title', 'Focus point').data('coord', 'focus').appendTo(container);
-			
-			focusCoord[0].id = id + '_jGraduate_focusCoord';
-			
-			var coords = $(idref + ' .grad_coord');
-			
-// 			$(container).hover(function() {
-// 				coords.animate({
-// 					opacity: 1
-// 				}, 500);
-// 			}, function() {
-// 				coords.animate({
-// 					opacity: .2
-// 				}, 500);				
-// 			});
-			
-			$.each(['x1', 'y1', 'x2', 'y2', 'cx', 'cy', 'fx', 'fy'], function(i, attr) {
-				var attrval = curGradient.getAttribute(attr);
-				
-				var isRadial = isNaN(attr[1]);
-				
-				if(!attrval) {
-					// Set defaults
-					if(isRadial) {
-						// For radial points
-						attrval = "0.5";
-					} else {
-						// Only x2 is 1
-						attrval = attr === 'x2' ? "1.0" : "0.0";
-					}
-				}
-
-				attr_input[attr] = $('#'+id+'_jGraduate_' + attr)
-					.val(attrval)
-					.change(function() {
-						// TODO: Support values < 0 and > 1 (zoomable preview?)
-						if (isNaN(parseFloat(this.value)) || this.value < 0) {
-							this.value = 0.0; 
-						} else if(this.value > 1) {
-							this.value = 1.0;
-						}
-						
-						if(!(attr[0] === 'f' && !showFocus)) {
-							if(isRadial && curType === 'radialGradient' || !isRadial && curType === 'linearGradient') {
-								curGradient.setAttribute(attr, this.value);
-							}
-						}
-						
-						if(isRadial) {
-							var $elem = attr[0] === "c" ? centerCoord : focusCoord;
-						} else {
-							var $elem = attr[1] === "1" ? beginCoord : endCoord;						
-						}
-						
-						var cssName = attr.indexOf('x') >= 0 ? 'left' : 'top';
-						
-						$elem.css(cssName, this.value * MAX);
-				}).change();
-			});
-
-
-			
-			function mkStop(n, color, opac, sel, stop_elem) {
-				var stop = stop_elem || mkElem('stop',{'stop-color':color,'stop-opacity':opac,offset:n}, curGradient);
-				if(stop_elem) {
-					color = stop_elem.getAttribute('stop-color');
-					opac = stop_elem.getAttribute('stop-opacity');
-					n = stop_elem.getAttribute('offset');
-				} else {
-					curGradient.appendChild(stop);
-				}
-				if(opac === null) opac = 1;
-				
-				var picker_d = 'M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z';
-				
-				var pathbg = mkElem('path',{
-					d: picker_d,
-					fill: 'url(#jGraduate_trans)',
-					transform: 'translate(' + (10 + n * MAX) + ', 26)'
-				}, stopGroup);
-				
-				var path = mkElem('path',{
-					d: picker_d,
-					fill: color,
-					'fill-opacity': opac,
-					transform: 'translate(' + (10 + n * MAX) + ', 26)',
-					stroke: '#000',
-					'stroke-width': 1.5
-				}, stopGroup);
-
-				$(path).mousedown(function(e) {
-					selectStop(this);
-					drag = cur_stop;
-					$win.mousemove(dragColor).mouseup(remDrags);
-					stop_offset = stopMakerDiv.offset();
-					e.preventDefault();
-					return false;
-				}).data('stop', stop).data('bg', pathbg).dblclick(function() {
-					$('div.jGraduate_LightBox').show();			
-					var colorhandle = this;
-					var stopOpacity = +stop.getAttribute('stop-opacity') || 1;
-					var stopColor = stop.getAttribute('stop-color') || 1;
-					var thisAlpha = (parseFloat(stopOpacity)*255).toString(16);
-					while (thisAlpha.length < 2) { thisAlpha = "0" + thisAlpha; }
-					color = stopColor.substr(1) + thisAlpha;
-					$('#'+id+'_jGraduate_stopPicker').css({'left': 100, 'bottom': 15}).jPicker({
-							window: { title: "Pick the start color and opacity for the gradient" },
-							images: { clientPath: $settings.images.clientPath },
-							color: { active: color, alphaSupport: true }
-						}, function(color, arg2){
-							stopColor = color.val('hex') ? ('#'+color.val('hex')) : "none";
-							stopOpacity = color.val('a') !== null ? color.val('a')/256 : 1;
-							colorhandle.setAttribute('fill', stopColor);
-							colorhandle.setAttribute('fill-opacity', stopOpacity);
-							stop.setAttribute('stop-color', stopColor);
-							stop.setAttribute('stop-opacity', stopOpacity);
-							$('div.jGraduate_LightBox').hide();
-							$('#'+id+'_jGraduate_stopPicker').hide();
-						}, null, function() {
-							$('div.jGraduate_LightBox').hide();
-							$('#'+id+'_jGraduate_stopPicker').hide();
-						});
-				});
-				
-				$(curGradient).find('stop').each(function() {
-					var cur_s = $(this);
-					if(+this.getAttribute('offset') > n) {
-						if(!color) {
-							var newcolor = this.getAttribute('stop-color');
-							var newopac = this.getAttribute('stop-opacity');
-							stop.setAttribute('stop-color', newcolor);
-							path.setAttribute('fill', newcolor);
-							stop.setAttribute('stop-opacity', newopac === null ? 1 : newopac);
-							path.setAttribute('fill-opacity', newopac === null ? 1 : newopac);
-						}
-						cur_s.before(stop);
-						return false;
-					}
-				});
-				if(sel) selectStop(path);
-				return stop;
-			}
-			
-			function remStop() {
-				delStop.setAttribute('display', 'none');
-				var path = $(cur_stop);
-				var stop = path.data('stop');
-				var bg = path.data('bg');
-				$([cur_stop, stop, bg]).remove();
-			}
-			
-				
-			var stops, stopGroup;
-			
-			var stopMakerDiv = $('#' + id + '_jGraduate_StopSlider');
-
-			var cur_stop, stopGroup, stopMakerSVG, drag;
-			
-			var delStop = mkElem('path',{
-				d:'m9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5',
-				fill:'none',
-				stroke:'#D00',
-				'stroke-width':5,
-				display:'none'
-			}, stopMakerSVG);
-
-			
-			function selectStop(item) {
-				if(cur_stop) cur_stop.setAttribute('stroke', '#000');
-				item.setAttribute('stroke', 'blue');
-				cur_stop = item;
-				cur_stop.parentNode.appendChild(cur_stop);
-			// 	stops = $('stop');
-			// 	opac_select.val(cur_stop.attr('fill-opacity') || 1);
-			// 	root.append(delStop);
-			}
-			
-			var stop_offset;
-			
-			function remDrags() {
-				$win.unbind('mousemove', dragColor);
-				if(delStop.getAttribute('display') !== 'none') {
-					remStop();
-				}
-				drag = null;
-			}
-			
-			var scale_x = 1, scale_y = 1, angle = 0;
-			var c_x = cx;
-			var c_y = cy;
-			
-			function xform() {
-				var rot = angle?'rotate(' + angle + ',' + c_x + ',' + c_y + ') ':'';
-				if(scale_x === 1 && scale_y === 1) {
-					curGradient.removeAttribute('gradientTransform');
-// 					$('#ang').addClass('dis');
-				} else {
-					var x = -c_x * (scale_x-1);
-					var y = -c_y * (scale_y-1);
-					curGradient.setAttribute('gradientTransform', rot + 'translate(' + x + ',' + y + ') scale(' + scale_x + ',' + scale_y + ')');
-// 					$('#ang').removeClass('dis');
-				}
-			}
-			
-			function dragColor(evt) {
-
-				var x = evt.pageX - stop_offset.left;
-				var y = evt.pageY - stop_offset.top;
-				x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10: x;
-
-				var xf_str = 'translate(' + x + ', 26)';
-					if(y < -60 || y > 130) {
-						delStop.setAttribute('display', 'block');
-						delStop.setAttribute('transform', xf_str);
-					} else {
-						delStop.setAttribute('display', 'none');
-					}
-				
-				drag.setAttribute('transform', xf_str);
-				$.data(drag, 'bg').setAttribute('transform', xf_str);
-				var stop = $.data(drag, 'stop');
-				var s_x = (x - 10) / MAX;
-				
-				stop.setAttribute('offset', s_x);
-				var last = 0;
-				
-				$(curGradient).find('stop').each(function(i) {
-					var cur = this.getAttribute('offset');
-					var t = $(this);
-					if(cur < last) {
-						t.prev().before(t);
-						stops = $(curGradient).find('stop');
-					}
-					last = cur;
-				});
-				
-			}
-			
-			stopMakerSVG = mkElem('svg', {
-				width: '100%',
-				height: 45
-			}, stopMakerDiv[0]);
-			
-			var trans_pattern = mkElem('pattern', {
-				width: 16,
-				height: 16,
-				patternUnits: 'userSpaceOnUse',
-				id: 'jGraduate_trans'
-			}, stopMakerSVG);
-			
-			var trans_img = mkElem('image', {
-				width: 16,
-				height: 16
-			}, trans_pattern);
-			
-			var bg_image = $settings.images.clientPath + 'map-opacity.png';
-
-			trans_img.setAttributeNS(ns.xlink, 'xlink:href', bg_image);
-			
-			$(stopMakerSVG).click(function(evt) {
-				stop_offset = stopMakerDiv.offset();
-				var target = evt.target;
-				if(target.tagName === 'path') return;
-				var x = evt.pageX - stop_offset.left - 8;
-				x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10: x;
-				mkStop(x / MAX, 0, 0, true);
-				evt.stopPropagation();
-			});
-			
-			$(stopMakerSVG).mouseover(function() {
-				stopMakerSVG.appendChild(delStop);
-			});
-			
-			stopGroup = mkElem('g', {}, stopMakerSVG);
-			
-			mkElem('line', {
-				x1: 10,
-				y1: 15,
-				x2: MAX + 10,
-				y2: 15,
-				'stroke-width': 2,
-				stroke: '#000'
-			}, stopMakerSVG);
-			
-			
-			var spreadMethodOpt = gradPicker.find('.jGraduate_spreadMethod').change(function() {
-				curGradient.setAttribute('spreadMethod', $(this).val());
-			});
-			
-		
-			// handle dragging the stop around the swatch
-			var draggingCoord = null;
-			
-			var onCoordDrag = function(evt) {
-				var x = evt.pageX - offset.left;
-				var y = evt.pageY - offset.top;
-
-				// clamp stop to the swatch
-				x = x < 0 ? 0 : x > MAX ? MAX : x;
-				y = y < 0 ? 0 : y > MAX ? MAX : y;
-				
-				draggingCoord.css('left', x).css('top', y);
-
-				// calculate stop offset            		
-				var fracx = x / SIZEX;
-				var fracy = y / SIZEY;
-				
-				var type = draggingCoord.data('coord');
-				var grad = curGradient;
-				
-				switch ( type ) {
-					case 'start':
-						attr_input.x1.val(fracx);
-						attr_input.y1.val(fracy);
-						grad.setAttribute('x1', fracx);
-						grad.setAttribute('y1', fracy);
-						break;
-					case 'end':
-						attr_input.x2.val(fracx);
-						attr_input.y2.val(fracy);
-						grad.setAttribute('x2', fracx);
-						grad.setAttribute('y2', fracy);
-						break;
-					case 'center':
-						attr_input.cx.val(fracx);
-						attr_input.cy.val(fracy);
-						grad.setAttribute('cx', fracx);
-						grad.setAttribute('cy', fracy);
-						c_x = fracx;
-						c_y = fracy;
-						xform();
-						break;
-					case 'focus':
-						attr_input.fx.val(fracx);
-						attr_input.fy.val(fracy);
-						grad.setAttribute('fx', fracx);
-						grad.setAttribute('fy', fracy);
-						xform();
-				}
-				
-				evt.preventDefault();
-			}
-			
-			var onCoordUp = function() {
-				draggingCoord = null;
-				$win.unbind('mousemove', onCoordDrag).unbind('mouseup', onCoordUp);
-			}
-			
-			// Linear gradient
-// 			(function() {
-
-			
-			stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
-
-			// if there are not at least two stops, then 
-			if (numstops < 2) {
-				while (numstops < 2) {
-					curGradient.appendChild( document.createElementNS(ns.svg, 'stop') );
-					++numstops;
-				}
-				stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
-			}
-			
-			var numstops = stops.length;				
-			for(var i = 0; i < numstops; i++) {
-				mkStop(0, 0, 0, 0, stops[i]);
-			}
-			
-			spreadMethodOpt.val(curGradient.getAttribute('spreadMethod') || 'pad');
-
-			var offset;
-			
-			// No match, so show focus point
-			var showFocus = false; 
-			
-			previewRect.setAttribute('fill-opacity', gradalpha/100);
-
-			
-			$('#' + id + ' div.grad_coord').mousedown(function(evt) {
-				evt.preventDefault();
-				draggingCoord = $(this);
-				var s_pos = draggingCoord.offset();
-				offset = draggingCoord.parent().offset();
-				$win.mousemove(onCoordDrag).mouseup(onCoordUp);
-			});
-			
-			// bind GUI elements
-			$('#'+id+'_jGraduate_Ok').bind('click', function() {
-				$this.paint.type = curType;
-				$this.paint[curType] = curGradient.cloneNode(true);;
-				$this.paint.solidColor = null;
-				okClicked();
-			});
-			$('#'+id+'_jGraduate_Cancel').bind('click', function(paint) {
-				cancelClicked();
-			});
-
-			if(curType === 'radialGradient') {
-				if(showFocus) {
-					focusCoord.show();				
-				} else {
-					focusCoord.hide();
-					attr_input.fx.val("");
-					attr_input.fy.val("");
-				}
-			}
-
-			$("#" + id + "_jGraduate_match_ctr")[0].checked = !showFocus;
-			
-			var lastfx, lastfy;
-			
-			$("#" + id + "_jGraduate_match_ctr").change(function() {
-				showFocus = !this.checked;
-				focusCoord.toggle(showFocus);
-				attr_input.fx.val('');
-				attr_input.fy.val('');
-				var grad = curGradient;
-				if(!showFocus) {
-					lastfx = grad.getAttribute('fx');
-					lastfy = grad.getAttribute('fy');
-					grad.removeAttribute('fx');
-					grad.removeAttribute('fy');
-				} else {
-					var fx = lastfx || .5;
-					var fy = lastfy || .5;
-					grad.setAttribute('fx', fx);
-					grad.setAttribute('fy', fy);
-					attr_input.fx.val(fx);
-					attr_input.fy.val(fy);
-				}
-			});
-			
-			var stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
-			var numstops = stops.length;
-			// if there are not at least two stops, then 
-			if (numstops < 2) {
-				while (numstops < 2) {
-					curGradient.appendChild( document.createElementNS(ns.svg, 'stop') );
-					++numstops;
-				}
-				stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
-			}
-			
-			var slider;
-			
-			var setSlider = function(e) {
-				var offset = slider.offset;
-				var div = slider.parent;
-				var x = (e.pageX - offset.left - parseInt(div.css('border-left-width')));
-				if (x > SLIDERW) x = SLIDERW;
-				if (x <= 0) x = 0;
-				var posx = x - 5;
-				x /= SLIDERW;
-				
-				switch ( slider.type ) {
-					case 'radius':
-						x = Math.pow(x * 2, 2.5);
-						if(x > .98 && x < 1.02) x = 1;
-						if (x <= .01) x = .01;
-						curGradient.setAttribute('r', x);
-						break;
-					case 'opacity':
-						$this.paint.alpha = parseInt(x*100);
-						previewRect.setAttribute('fill-opacity', x);
-						break;
-					case 'ellip':
-						scale_x = 1, scale_y = 1;
-						if(x < .5) {
-							x /= .5; // 0.001
-							scale_x = x <= 0 ? .01 : x;
-						} else if(x > .5) {
-							x /= .5; // 2
-							x = 2 - x;
-							scale_y = x <= 0 ? .01 : x;
-						} 
-						xform();
-						x -= 1;
-						if(scale_y === x + 1) {
-							x = Math.abs(x);
-						}
-						break;
-					case 'angle':
-						x = x - .5;
-						angle = x *= 180;
-						xform();
-						x /= 100;
-						break;
-				}
-				slider.elem.css({'margin-left':posx});
-				x = Math.round(x*100);
-				slider.input.val(x);
-			};
-			
-			var ellip_val = 0, angle_val = 0;
-			
-			if(curType === 'radialGradient') {
-				var tlist = curGradient.gradientTransform.baseVal;
-				if(tlist.numberOfItems === 2) {
-					var t = tlist.getItem(0);
-					var s = tlist.getItem(1);
-					if(t.type === 2 && s.type === 3) {
-						var m = s.matrix;
-						if(m.a !== 1) {
-							ellip_val = Math.round(-(1 - m.a) * 100);	
-						} else if(m.d !== 1) {
-							ellip_val = Math.round((1 - m.d) * 100);
-						} 
-					}
-				} else if(tlist.numberOfItems === 3) {
-					// Assume [R][T][S]
-					var r = tlist.getItem(0);
-					var t = tlist.getItem(1);
-					var s = tlist.getItem(2);
-					
-					if(r.type === 4 
-						&& t.type === 2 
-						&& s.type === 3) {
-
-						angle_val = Math.round(r.angle);
-						var m = s.matrix;
-						if(m.a !== 1) {
-							ellip_val = Math.round(-(1 - m.a) * 100);	
-						} else if(m.d !== 1) {
-							ellip_val = Math.round((1 - m.d) * 100);
-						} 
-						
-					}
-				}
-			}
-			
-			var sliders = {
-				radius: {
-					handle: '#' + id + '_jGraduate_RadiusArrows',
-					input: '#' + id + '_jGraduate_RadiusInput',
-					val: (curGradient.getAttribute('r') || .5) * 100
-				},
-				opacity: {
-					handle: '#' + id + '_jGraduate_OpacArrows',
-					input: '#' + id + '_jGraduate_OpacInput',
-					val: $this.paint.alpha || 100
-				},
-				ellip: {
-					handle: '#' + id + '_jGraduate_EllipArrows',
-					input: '#' + id + '_jGraduate_EllipInput',
-					val: ellip_val
-				},
-				angle: {
-					handle: '#' + id + '_jGraduate_AngleArrows',
-					input: '#' + id + '_jGraduate_AngleInput',
-					val: angle_val
-				}
-			}
-			
-			$.each(sliders, function(type, data) {
-				var handle = $(data.handle);
-				handle.mousedown(function(evt) {
-					var parent = handle.parent();
-					slider = {
-						type: type,
-						elem: handle,
-						input: $(data.input),
-						parent: parent,
-						offset: parent.offset()
-					};
-					$win.mousemove(dragSlider).mouseup(stopSlider);
-					evt.preventDefault();
-				});
-				
-				$(data.input).val(data.val).change(function() {
-					var val = +this.value;
-					var xpos = 0;
-					var isRad = curType === 'radialGradient';
-					switch ( type ) {
-						case 'radius':
-							if(isRad) curGradient.setAttribute('r', val / 100);
-							xpos = (Math.pow(val / 100, 1 / 2.5) / 2) * SLIDERW;
-							break;
-						
-						case 'opacity':
-							$this.paint.alpha = val;
-							previewRect.setAttribute('fill-opacity', val / 100);
-							xpos = val * (SLIDERW / 100);
-							break;
-							
-						case 'ellip':
-							scale_x = scale_y = 1;
-							if(val === 0) {
-								xpos = SLIDERW * .5;
-								break;
-							}
-							if(val > 99.5) val = 99.5;
-							if(val > 0) {
-								scale_y = 1 - (val / 100);
-							} else {
-								scale_x = - (val / 100) - 1;
-							}
-
-							xpos = SLIDERW * ((val + 100) / 2) / 100;
-							if(isRad) xform();
-							break;
-						
-						case 'angle':
-							angle = val;
-							xpos = angle / 180;
-							xpos += .5;
-							xpos *= SLIDERW;
-							if(isRad) xform();
-					}
-					if(xpos > SLIDERW) {
-						xpos = SLIDERW;
-					} else if(xpos < 0) {
-						xpos = 0;
-					}
-					handle.css({'margin-left': xpos - 5});
-				}).change();
-			});
-			
-			var dragSlider = function(evt) {
-				setSlider(evt);
-				evt.preventDefault();
-			};
-			
-			var stopSlider = function(evt) {
-				$win.unbind('mousemove', dragSlider).unbind('mouseup', stopSlider);
-				slider = null;
-			};
-			
-			
-			// --------------
-			var thisAlpha = ($this.paint.alpha*255/100).toString(16);
-			while (thisAlpha.length < 2) { thisAlpha = "0" + thisAlpha; }
-			thisAlpha = thisAlpha.split(".")[0];
-			color = $this.paint.solidColor == "none" ? "" : $this.paint.solidColor + thisAlpha;
-			
-			if(!isSolid) {
-				color = stops[0].getAttribute('stop-color');
-			}
-			
-			// This should be done somewhere else, probably
-			$.extend($.fn.jPicker.defaults.window, {
-				alphaSupport: true, effects: {type: 'show',speed: 0}
-			});
-			
-			colPicker.jPicker(
-				{
-					window: { title: $settings.window.pickerTitle },
-					images: { clientPath: $settings.images.clientPath },
-					color: { active: color, alphaSupport: true }
-				},
-				function(color) {
-					$this.paint.type = "solidColor";
-					$this.paint.alpha = color.val('ahex') ? Math.round((color.val('a') / 255) * 100) : 100;
-					$this.paint.solidColor = color.val('hex') ? color.val('hex') : "none";
-					$this.paint.radialGradient = null;
-					okClicked(); 
-				},
-				null,
-				function(){ cancelClicked(); }
-				);
-
-			
-			var tabs = $(idref + ' .jGraduate_tabs li');
-			tabs.click(function() {
-				tabs.removeClass('jGraduate_tab_current');
-				$(this).addClass('jGraduate_tab_current');
-				$(idref + " > div").hide();
-				var type = $(this).attr('data-type');
-				var container = $(idref + ' .jGraduate_gradPick').show();
-				if(type === 'rg' || type === 'lg') {
-					// Show/hide appropriate fields
-					$('.jGraduate_' + type + '_field').show();
-					$('.jGraduate_' + (type === 'lg' ? 'rg' : 'lg') + '_field').hide();
-					
-					$('#' + id + '_jgraduate_rect')[0].setAttribute('fill', 'url(#' + id + '_' + type + '_jgraduate_grad)');
-					
-					// Copy stops
-					
-					curType = type === 'lg' ? 'linearGradient' : 'radialGradient';
-					
-					$('#' + id + '_jGraduate_OpacInput').val($this.paint.alpha).change();
-					
-					var newGrad = $('#' + id + '_' + type + '_jgraduate_grad')[0];
-					
-					if(curGradient !== newGrad) {
-						var cur_stops = $(curGradient).find('stop');	
-						$(newGrad).empty().append(cur_stops);
-						curGradient = newGrad;
-						var sm = spreadMethodOpt.val();
-						curGradient.setAttribute('spreadMethod', sm);
-					}
-					showFocus = type === 'rg' && curGradient.getAttribute('fx') != null && !(cx == fx && cy == fy);
-					$('#' + id + '_jGraduate_focusCoord').toggle(showFocus);
-					if(showFocus) {
-						$('#' + id + '_jGraduate_match_ctr')[0].checked = false;
-					}
-				} else {
-					$(idref + ' .jGraduate_gradPick').hide();
-					$(idref + ' .jGraduate_colPick').show();
-				}
-			});
-			$(idref + " > div").hide();
-			tabs.removeClass('jGraduate_tab_current');
-			var tab;
-			switch ( $this.paint.type ) {
-				case 'linearGradient':
-					tab = $(idref + ' .jGraduate_tab_lingrad');
-					break;
-				case 'radialGradient':
-					tab = $(idref + ' .jGraduate_tab_radgrad');
-					break;
-				default:
-					tab = $(idref + ' .jGraduate_tab_color');
-					break;
-			}
-			$this.show();
-			
-			// jPicker will try to show after a 0ms timeout, so need to fire this after that
-			setTimeout(function() {
-				tab.addClass('jGraduate_tab_current').click();	
-			}, 10);
-		});
-	};
-})();
\ No newline at end of file
diff --git a/editor/jgraduate/jquery.jgraduate.min.js b/editor/jgraduate/jquery.jgraduate.min.js
deleted file mode 100644
index 84144eec..00000000
--- a/editor/jgraduate/jquery.jgraduate.min.js
+++ /dev/null
@@ -1,37 +0,0 @@
-(function(){function r(i,z,t){i=document.createElementNS(A.svg,i);if(Ba)for(var B in z)i.setAttribute(B,z[B]);else for(B in z){var W=z[B],w=i[B];if(w&&w.constructor==="SVGLength")w.baseVal.value=W;else i.setAttribute(B,W)}t&&t.appendChild(i);return i}var A={svg:"http://www.w3.org/2000/svg",xlink:"http://www.w3.org/1999/xlink"};if(!window.console)window.console=new function(){this.log=function(){};this.dir=function(){}};$.jGraduate={Paint:function(i){i=i||{};this.alpha=isNaN(i.alpha)?100:i.alpha;if(i.copy){this.type=
-i.copy.type;this.alpha=i.copy.alpha;this.radialGradient=this.linearGradient=this.solidColor=null;switch(this.type){case "solidColor":this.solidColor=i.copy.solidColor;break;case "linearGradient":this.linearGradient=i.copy.linearGradient.cloneNode(true);break;case "radialGradient":this.radialGradient=i.copy.radialGradient.cloneNode(true)}}else if(i.linearGradient){this.type="linearGradient";this.radialGradient=this.solidColor=null;this.linearGradient=i.linearGradient.cloneNode(true)}else if(i.radialGradient){this.type=
-"radialGradient";this.linearGradient=this.solidColor=null;this.radialGradient=i.radialGradient.cloneNode(true)}else if(i.solidColor){this.type="solidColor";this.solidColor=i.solidColor}else{this.type="none";this.radialGradient=this.linearGradient=this.solidColor=null}}};jQuery.fn.jGraduateDefaults={paint:new $.jGraduate.Paint,window:{pickerTitle:"Drag markers to pick a paint"},images:{clientPath:"images/"},newstop:"inverse"};var Ba=navigator.userAgent.indexOf("Gecko/")>=0;jQuery.fn.jGraduate=function(i){var z=
-arguments;return this.each(function(){function t(c,a,d,h,f){var l=f||r("stop",{"stop-color":a,"stop-opacity":d,offset:c},g);if(f){a=f.getAttribute("stop-color");d=f.getAttribute("stop-opacity");c=f.getAttribute("offset")}else g.appendChild(l);if(d===null)d=1;f=r("path",{d:"M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z",fill:"url(#jGraduate_trans)",transform:"translate("+(10+c*j)+", 26)"},fa);var X=r("path",{d:"M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z",
-fill:a,"fill-opacity":d,transform:"translate("+(10+c*j)+", 26)",stroke:"#000","stroke-width":1.5},fa);$(X).mousedown(function(M){B(this);R=F;N.mousemove(la).mouseup(W);S=ga.offset();M.preventDefault();return false}).data("stop",l).data("bg",f).dblclick(function(){$("div.jGraduate_LightBox").show();for(var M=this,I=+l.getAttribute("stop-opacity")||1,C=l.getAttribute("stop-color")||1,Y=(parseFloat(I)*255).toString(16);Y.length<2;)Y="0"+Y;a=C.substr(1)+Y;$("#"+b+"_jGraduate_stopPicker").css({left:100,
-bottom:15}).jPicker({window:{title:"Pick the start color and opacity for the gradient"},images:{clientPath:o.images.clientPath},color:{active:a,alphaSupport:true}},function(Z){C=Z.val("hex")?"#"+Z.val("hex"):"none";I=Z.val("a")!==null?Z.val("a")/256:1;M.setAttribute("fill",C);M.setAttribute("fill-opacity",I);l.setAttribute("stop-color",C);l.setAttribute("stop-opacity",I);$("div.jGraduate_LightBox").hide();$("#"+b+"_jGraduate_stopPicker").hide()},null,function(){$("div.jGraduate_LightBox").hide();
-$("#"+b+"_jGraduate_stopPicker").hide()})});$(g).find("stop").each(function(){var M=$(this);if(+this.getAttribute("offset")>c){if(!a){var I=this.getAttribute("stop-color"),C=this.getAttribute("stop-opacity");l.setAttribute("stop-color",I);X.setAttribute("fill",I);l.setAttribute("stop-opacity",C===null?1:C);X.setAttribute("fill-opacity",C===null?1:C)}M.before(l);return false}});h&&B(X);return l}function B(c){F&&F.setAttribute("stroke","#000");c.setAttribute("stroke","blue");F=c;F.parentNode.appendChild(F)}
-function W(){N.unbind("mousemove",la);if(O.getAttribute("display")!=="none"){O.setAttribute("display","none");var c=$(F),a=c.data("stop");c=c.data("bg");$([F,a,c]).remove()}R=null}function w(){var c=T?"rotate("+T+","+ha+","+ia+") ":"";J===1&&G===1?g.removeAttribute("gradientTransform"):g.setAttribute("gradientTransform",c+"translate("+-ha*(J-1)+","+-ia*(G-1)+") scale("+J+","+G+")")}function la(c){var a=c.pageX-S.left;c=c.pageY-S.top;a=a<10?10:a>j+10?j+10:a;var d="translate("+a+", 26)";if(c<-60||c>
-130){O.setAttribute("display","block");O.setAttribute("transform",d)}else O.setAttribute("display","none");R.setAttribute("transform",d);$.data(R,"bg").setAttribute("transform",d);$.data(R,"stop").setAttribute("offset",(a-10)/j);var h=0;$(g).find("stop").each(function(){var f=this.getAttribute("offset"),l=$(this);if(f<h){l.prev().before(l);D=$(g).find("stop")}h=f})}var e=$(this),o=$.extend(true,{},jQuery.fn.jGraduateDefaults,i),b=e.attr("id"),s="#"+e.attr("id")+" ";if(s){var ma=function(){switch(e.paint.type){case "radialGradient":e.paint.linearGradient=
-null;break;case "linearGradient":e.paint.radialGradient=null;break;case "solidColor":e.paint.radialGradient=e.paint.linearGradient=null}$.isFunction(e.okCallback)&&e.okCallback(e.paint);e.hide()},na=function(){$.isFunction(e.cancelCallback)&&e.cancelCallback();e.hide()};$.extend(true,e,{paint:new $.jGraduate.Paint({copy:o.paint}),okCallback:$.isFunction(z[1])&&z[1]||null,cancelCallback:$.isFunction(z[2])&&z[2]||null});e.position();var u=null,N=$(window);if(e.paint.type=="none")e.paint=$.jGraduate.Paint({solidColor:"ffffff"});
-e.addClass("jGraduate_Picker");e.html('<ul class="jGraduate_tabs"><li class="jGraduate_tab_color jGraduate_tab_current" data-type="col">Solid Color</li><li class="jGraduate_tab_lingrad" data-type="lg">Linear Gradient</li><li class="jGraduate_tab_radgrad" data-type="rg">Radial Gradient</li></ul><div class="jGraduate_colPick"></div><div class="jGraduate_gradPick"></div><div class="jGraduate_LightBox"></div><div id="'+b+'_jGraduate_stopPicker" class="jGraduate_stopPicker"></div>');var Ca=$(s+"> .jGraduate_colPick"),
-n=$(s+"> .jGraduate_gradPick");n.html('<div id="'+b+'_jGraduate_Swatch" class="jGraduate_Swatch"><h2 class="jGraduate_Title">'+o.window.pickerTitle+'</h2><div id="'+b+'_jGraduate_GradContainer" class="jGraduate_GradContainer"></div><div id="'+b+'_jGraduate_StopSlider" class="jGraduate_StopSlider"></div></div><div class="jGraduate_Form jGraduate_Points jGraduate_lg_field"><div class="jGraduate_StopSection"><label class="jGraduate_Form_Heading">Begin Point</label><div class="jGraduate_Form_Section"><label>x:</label><input type="text" id="'+
-b+'_jGraduate_x1" size="3" title="Enter starting x value between 0.0 and 1.0"/><label> y:</label><input type="text" id="'+b+'_jGraduate_y1" size="3" title="Enter starting y value between 0.0 and 1.0"/></div></div><div class="jGraduate_StopSection"><label class="jGraduate_Form_Heading">End Point</label><div class="jGraduate_Form_Section"><label>x:</label><input type="text" id="'+b+'_jGraduate_x2" size="3" title="Enter ending x value between 0.0 and 1.0"/><label> y:</label><input type="text" id="'+
-b+'_jGraduate_y2" size="3" title="Enter ending y value between 0.0 and 1.0"/></div></div></div><div class="jGraduate_Form jGraduate_Points jGraduate_rg_field"><div class="jGraduate_StopSection"><label class="jGraduate_Form_Heading">Center Point</label><div class="jGraduate_Form_Section"><label>x:</label><input type="text" id="'+b+'_jGraduate_cx" size="3" title="Enter x value between 0.0 and 1.0"/><label> y:</label><input type="text" id="'+b+'_jGraduate_cy" size="3" title="Enter y value between 0.0 and 1.0"/></div></div><div class="jGraduate_StopSection"><label class="jGraduate_Form_Heading">Focal Point</label><div class="jGraduate_Form_Section"><label>Match center: <input type="checkbox" checked="checked" id="'+
-b+'_jGraduate_match_ctr"/></label><br/><label>x:</label><input type="text" id="'+b+'_jGraduate_fx" size="3" title="Enter x value between 0.0 and 1.0"/><label> y:</label><input type="text" id="'+b+'_jGraduate_fy" size="3" title="Enter y value between 0.0 and 1.0"/></div></div></div><div class="jGraduate_StopSection jGraduate_SpreadMethod"><label class="jGraduate_Form_Heading">Spread method</label><div class="jGraduate_Form_Section"><select class="jGraduate_spreadMethod"><option value=pad selected>Pad</option><option value=reflect>Reflect</option><option value=repeat>Repeat</option></select></div></div><div class="jGraduate_Form"><div class="jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field"><label class="prelabel">Radius:</label><div id="'+
-b+'_jGraduate_Radius" class="jGraduate_SliderBar jGraduate_Radius" title="Click to set radius"><img id="'+b+'_jGraduate_RadiusArrows" class="jGraduate_RadiusArrows" src="'+o.images.clientPath+'rangearrows2.gif"></div><label><input type="text" id="'+b+'_jGraduate_RadiusInput" size="3" value="100"/>%</label></div><div class="jGraduate_Slider jGraduate_EllipField jGraduate_rg_field"><label class="prelabel">Ellip:</label><div id="'+b+'_jGraduate_Ellip" class="jGraduate_SliderBar jGraduate_Ellip" title="Click to set Ellip"><img id="'+
-b+'_jGraduate_EllipArrows" class="jGraduate_EllipArrows" src="'+o.images.clientPath+'rangearrows2.gif"></div><label><input type="text" id="'+b+'_jGraduate_EllipInput" size="3" value="0"/>%</label></div><div class="jGraduate_Slider jGraduate_AngleField jGraduate_rg_field"><label class="prelabel">Angle:</label><div id="'+b+'_jGraduate_Angle" class="jGraduate_SliderBar jGraduate_Angle" title="Click to set Angle"><img id="'+b+'_jGraduate_AngleArrows" class="jGraduate_AngleArrows" src="'+o.images.clientPath+
-'rangearrows2.gif"></div><label><input type="text" id="'+b+'_jGraduate_AngleInput" size="3" value="0"/>deg</label></div><div class="jGraduate_Slider jGraduate_OpacField"><label class="prelabel">Opac:</label><div id="'+b+'_jGraduate_Opac" class="jGraduate_SliderBar jGraduate_Opac" title="Click to set Opac"><img id="'+b+'_jGraduate_OpacArrows" class="jGraduate_OpacArrows" src="'+o.images.clientPath+'rangearrows2.gif"></div><label><input type="text" id="'+b+'_jGraduate_OpacInput" size="3" value="100"/>%</label></div></div><div class="jGraduate_OkCancel"><input type="button" id="'+
-b+'_jGraduate_Ok" class="jGraduate_Ok" value="OK"/><input type="button" id="'+b+'_jGraduate_Cancel" class="jGraduate_Cancel" value="Cancel"/></div>');var j=256,oa=j-0,pa=j-0,p,g,aa,q={};$(".jGraduate_SliderBar").width(145);var x=$("#"+b+"_jGraduate_GradContainer")[0],m=r("svg",{id:b+"_jgraduate_svg",width:j,height:j,xmlns:A.svg},x);p=p||e.paint.type;var v=g=e.paint[p],U=e.paint.alpha,ba=p==="solidColor";switch(p){case "solidColor":case "linearGradient":if(!ba){g.id=b+"_lg_jgraduate_grad";v=g=m.appendChild(g)}r("radialGradient",
-{id:b+"_rg_jgraduate_grad"},m);if(p==="linearGradient")break;case "radialGradient":if(!ba){g.id=b+"_rg_jgraduate_grad";v=g=m.appendChild(g)}r("linearGradient",{id:b+"_lg_jgraduate_grad"},m)}if(ba){v=g=$("#"+b+"_lg_jgraduate_grad")[0];u=e.paint[p];t(0,"#"+u,1);var K=typeof o.newstop;if(K==="string")switch(o.newstop){case "same":t(1,"#"+u,1);break;case "inverse":K="";for(var y=0;y<6;y+=2){u.substr(y,2);var P=(255-parseInt(u.substr(y,2),16)).toString(16);if(P.length<2)P=0+P;K+=P}t(1,"#"+K,1);break;case "white":t(1,
-"#ffffff",1);break;case "black":t(1,"#000000",1)}else if(K==="object")t(1,o.newstop.color||"#"+u,"opac"in o.newstop?o.newstop.opac:1)}u=parseFloat(v.getAttribute("x1")||0);K=parseFloat(v.getAttribute("y1")||0);y=parseFloat(v.getAttribute("x2")||1);P=parseFloat(v.getAttribute("y2")||0);var ca=parseFloat(v.getAttribute("cx")||0.5),da=parseFloat(v.getAttribute("cy")||0.5),qa=parseFloat(v.getAttribute("fx")||ca),ra=parseFloat(v.getAttribute("fy")||da);aa=r("rect",{id:b+"_jgraduate_rect",x:0,y:0,width:oa,
-height:pa,fill:"url(#"+b+"_jgraduate_grad)","fill-opacity":U/100},m);var sa=$("<div/>").attr({"class":"grad_coord jGraduate_lg_field",title:"Begin Stop"}).text(1).css({top:K*j,left:u*j}).data("coord","start").appendTo(x),Da=sa.clone().text(2).css({top:P*j,left:y*j}).attr("title","End stop").data("coord","end").appendTo(x),ta=$("<div/>").attr({"class":"grad_coord jGraduate_rg_field",title:"Center stop"}).text("C").css({top:da*j,left:ca*j}).data("coord","center").appendTo(x),V=ta.clone().text("F").css({top:ra*
-j,left:qa*j,display:"none"}).attr("title","Focus point").data("coord","focus").appendTo(x);V[0].id=b+"_jGraduate_focusCoord";$(s+" .grad_coord");$.each(["x1","y1","x2","y2","cx","cy","fx","fy"],function(c,a){var d=g.getAttribute(a),h=isNaN(a[1]);d||(d=h?"0.5":a==="x2"?"1.0":"0.0");q[a]=$("#"+b+"_jGraduate_"+a).val(d).change(function(){if(isNaN(parseFloat(this.value))||this.value<0)this.value=0;else if(this.value>1)this.value=1;if(!(a[0]==="f"&&!E))if(h&&p==="radialGradient"||!h&&p==="linearGradient")g.setAttribute(a,
-this.value);var f=h?a[0]==="c"?ta:V:a[1]==="1"?sa:Da,l=a.indexOf("x")>=0?"left":"top";f.css(l,this.value*j)}).change()});var D,fa,ga=$("#"+b+"_jGraduate_StopSlider"),F,H,R,O=r("path",{d:"m9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5",fill:"none",stroke:"#D00","stroke-width":5,display:"none"},H),S,J=1,G=1,T=0,ha=ca,ia=da;H=r("svg",{width:"100%",height:45},ga[0]);x=r("pattern",{width:16,height:16,patternUnits:"userSpaceOnUse",id:"jGraduate_trans"},H);r("image",{width:16,height:16},x).setAttributeNS(A.xlink,
-"xlink:href",o.images.clientPath+"map-opacity.png");$(H).click(function(c){S=ga.offset();if(c.target.tagName!=="path"){var a=c.pageX-S.left-8;a=a<10?10:a>j+10?j+10:a;t(a/j,0,0,true);c.stopPropagation()}});$(H).mouseover(function(){H.appendChild(O)});fa=r("g",{},H);r("line",{x1:10,y1:15,x2:j+10,y2:15,"stroke-width":2,stroke:"#000"},H);var ua=n.find(".jGraduate_spreadMethod").change(function(){g.setAttribute("spreadMethod",$(this).val())}),Q=null,va=function(c){var a=c.pageX-ja.left,d=c.pageY-ja.top;
-a=a<0?0:a>j?j:a;d=d<0?0:d>j?j:d;Q.css("left",a).css("top",d);a=a/oa;d=d/pa;var h=Q.data("coord"),f=g;switch(h){case "start":q.x1.val(a);q.y1.val(d);f.setAttribute("x1",a);f.setAttribute("y1",d);break;case "end":q.x2.val(a);q.y2.val(d);f.setAttribute("x2",a);f.setAttribute("y2",d);break;case "center":q.cx.val(a);q.cy.val(d);f.setAttribute("cx",a);f.setAttribute("cy",d);ha=a;ia=d;w();break;case "focus":q.fx.val(a);q.fy.val(d);f.setAttribute("fx",a);f.setAttribute("fy",d);w()}c.preventDefault()},wa=
-function(){Q=null;N.unbind("mousemove",va).unbind("mouseup",wa)};D=g.getElementsByTagNameNS(A.svg,"stop");if(k<2){for(;k<2;){g.appendChild(document.createElementNS(A.svg,"stop"));++k}D=g.getElementsByTagNameNS(A.svg,"stop")}var k=D.length;for(y=0;y<k;y++)t(0,0,0,0,D[y]);ua.val(g.getAttribute("spreadMethod")||"pad");var ja,E=false;aa.setAttribute("fill-opacity",U/100);$("#"+b+" div.grad_coord").mousedown(function(c){c.preventDefault();Q=$(this);Q.offset();ja=Q.parent().offset();N.mousemove(va).mouseup(wa)});
-$("#"+b+"_jGraduate_Ok").bind("click",function(){e.paint.type=p;e.paint[p]=g.cloneNode(true);e.paint.solidColor=null;ma()});$("#"+b+"_jGraduate_Cancel").bind("click",function(){na()});if(p==="radialGradient")if(E)V.show();else{V.hide();q.fx.val("");q.fy.val("")}$("#"+b+"_jGraduate_match_ctr")[0].checked=!E;var xa,ya;$("#"+b+"_jGraduate_match_ctr").change(function(){E=!this.checked;V.toggle(E);q.fx.val("");q.fy.val("");var c=g;if(E){var a=xa||0.5,d=ya||0.5;c.setAttribute("fx",a);c.setAttribute("fy",
-d);q.fx.val(a);q.fy.val(d)}else{xa=c.getAttribute("fx");ya=c.getAttribute("fy");c.removeAttribute("fx");c.removeAttribute("fy")}});D=g.getElementsByTagNameNS(A.svg,"stop");k=D.length;if(k<2){for(;k<2;){g.appendChild(document.createElementNS(A.svg,"stop"));++k}D=g.getElementsByTagNameNS(A.svg,"stop")}var L;U=n=0;if(p==="radialGradient"){m=g.gradientTransform.baseVal;if(m.numberOfItems===2){k=m.getItem(0);m=m.getItem(1);if(k.type===2&&m.type===3){k=m.matrix;if(k.a!==1)n=Math.round(-(1-k.a)*100);else if(k.d!==
-1)n=Math.round((1-k.d)*100)}}else if(m.numberOfItems===3){x=m.getItem(0);k=m.getItem(1);m=m.getItem(2);if(x.type===4&&k.type===2&&m.type===3){U=Math.round(x.angle);k=m.matrix;if(k.a!==1)n=Math.round(-(1-k.a)*100);else if(k.d!==1)n=Math.round((1-k.d)*100)}}}n={radius:{handle:"#"+b+"_jGraduate_RadiusArrows",input:"#"+b+"_jGraduate_RadiusInput",val:(g.getAttribute("r")||0.5)*100},opacity:{handle:"#"+b+"_jGraduate_OpacArrows",input:"#"+b+"_jGraduate_OpacInput",val:e.paint.alpha||100},ellip:{handle:"#"+
-b+"_jGraduate_EllipArrows",input:"#"+b+"_jGraduate_EllipInput",val:n},angle:{handle:"#"+b+"_jGraduate_AngleArrows",input:"#"+b+"_jGraduate_AngleInput",val:U}};$.each(n,function(c,a){var d=$(a.handle);d.mousedown(function(h){var f=d.parent();L={type:c,elem:d,input:$(a.input),parent:f,offset:f.offset()};N.mousemove(za).mouseup(Aa);h.preventDefault()});$(a.input).val(a.val).change(function(){var h=+this.value,f=0,l=p==="radialGradient";switch(c){case "radius":l&&g.setAttribute("r",h/100);f=Math.pow(h/
-100,0.4)/2*145;break;case "opacity":e.paint.alpha=h;aa.setAttribute("fill-opacity",h/100);f=h*1.45;break;case "ellip":J=G=1;if(h===0){f=72.5;break}if(h>99.5)h=99.5;if(h>0)G=1-h/100;else J=-(h/100)-1;f=145*((h+100)/2)/100;l&&w();break;case "angle":T=h;f=T/180;f+=0.5;f*=145;l&&w()}if(f>145)f=145;else if(f<0)f=0;d.css({"margin-left":f-5})}).change()});var za=function(c){var a=c.pageX-L.offset.left-parseInt(L.parent.css("border-left-width"));if(a>145)a=145;if(a<=0)a=0;var d=a-5;a/=145;switch(L.type){case "radius":a=
-Math.pow(a*2,2.5);if(a>0.98&&a<1.02)a=1;if(a<=0.01)a=0.01;g.setAttribute("r",a);break;case "opacity":e.paint.alpha=parseInt(a*100);aa.setAttribute("fill-opacity",a);break;case "ellip":G=J=1;if(a<0.5){a/=0.5;J=a<=0?0.01:a}else if(a>0.5){a/=0.5;a=2-a;G=a<=0?0.01:a}w();a-=1;if(G===a+1)a=Math.abs(a);break;case "angle":a-=0.5;T=a*=180;w();a/=100}L.elem.css({"margin-left":d});a=Math.round(a*100);L.input.val(a);c.preventDefault()},Aa=function(){N.unbind("mousemove",za).unbind("mouseup",Aa);L=null};for(n=
-(e.paint.alpha*255/100).toString(16);n.length<2;)n="0"+n;n=n.split(".")[0];u=e.paint.solidColor=="none"?"":e.paint.solidColor+n;ba||(u=D[0].getAttribute("stop-color"));$.extend($.fn.jPicker.defaults.window,{alphaSupport:true,effects:{type:"show",speed:0}});Ca.jPicker({window:{title:o.window.pickerTitle},images:{clientPath:o.images.clientPath},color:{active:u,alphaSupport:true}},function(c){e.paint.type="solidColor";e.paint.alpha=c.val("ahex")?Math.round(c.val("a")/255*100):100;e.paint.solidColor=
-c.val("hex")?c.val("hex"):"none";e.paint.radialGradient=null;ma()},null,function(){na()});var ka=$(s+" .jGraduate_tabs li");ka.click(function(){ka.removeClass("jGraduate_tab_current");$(this).addClass("jGraduate_tab_current");$(s+" > div").hide();var c=$(this).attr("data-type");$(s+" .jGraduate_gradPick").show();if(c==="rg"||c==="lg"){$(".jGraduate_"+c+"_field").show();$(".jGraduate_"+(c==="lg"?"rg":"lg")+"_field").hide();$("#"+b+"_jgraduate_rect")[0].setAttribute("fill","url(#"+b+"_"+c+"_jgraduate_grad)");
-p=c==="lg"?"linearGradient":"radialGradient";$("#"+b+"_jGraduate_OpacInput").val(e.paint.alpha).change();var a=$("#"+b+"_"+c+"_jgraduate_grad")[0];if(g!==a){var d=$(g).find("stop");$(a).empty().append(d);g=a;a=ua.val();g.setAttribute("spreadMethod",a)}E=c==="rg"&&g.getAttribute("fx")!=null&&!(ca==qa&&da==ra);$("#"+b+"_jGraduate_focusCoord").toggle(E);if(E)$("#"+b+"_jGraduate_match_ctr")[0].checked=false}else{$(s+" .jGraduate_gradPick").hide();$(s+" .jGraduate_colPick").show()}});$(s+" > div").hide();
-ka.removeClass("jGraduate_tab_current");var ea;switch(e.paint.type){case "linearGradient":ea=$(s+" .jGraduate_tab_lingrad");break;case "radialGradient":ea=$(s+" .jGraduate_tab_radgrad");break;default:ea=$(s+" .jGraduate_tab_color")}e.show();setTimeout(function(){ea.addClass("jGraduate_tab_current").click()},10)}else alert("Container element must have an id attribute to maintain unique id strings for sub-elements.")})}})();
\ No newline at end of file
diff --git a/editor/jquery-svg.js b/editor/jquery-svg.js
deleted file mode 100644
index e2cadefe..00000000
--- a/editor/jquery-svg.js
+++ /dev/null
@@ -1,74 +0,0 @@
-/*globals $, jQuery */
-/*jslint vars: true */
-/**
- * jQuery module to work with SVG.
- *
- * Licensed under the MIT License
- *
- */
-
-// Dependencies:
-// 1) jquery
-
-(function() {'use strict';
-
-  // This fixes $(...).attr() to work as expected with SVG elements.
-  // Does not currently use *AttributeNS() since we rarely need that.
-
-  // See http://api.jquery.com/attr/ for basic documentation of .attr()
-
-  // Additional functionality:
-  // - When getting attributes, a string that's a number is return as type number.
-  // - If an array is supplied as first parameter, multiple values are returned
-  // as an object with values for each given attributes
-
-  var proxied = jQuery.fn.attr,
-    // TODO use NS.SVG instead
-    svgns = "http://www.w3.org/2000/svg";
-  jQuery.fn.attr = function(key, value) {
-    var i, attr;
-	var len = this.length;
-    if (!len) {return proxied.apply(this, arguments);}
-    for (i = 0; i < len; ++i) {
-      var elem = this[i];
-      // set/get SVG attribute
-      if (elem.namespaceURI === svgns) {
-        // Setting attribute
-        if (value !== undefined) {
-          elem.setAttribute(key, value);
-        } else if ($.isArray(key)) {
-          // Getting attributes from array
-          var j = key.length, obj = {};
-
-          while (j--) {
-            var aname = key[j];
-            attr = elem.getAttribute(aname);
-            // This returns a number when appropriate
-            if (attr || attr === "0") {
-              attr = isNaN(attr) ? attr : (attr - 0);
-            }
-            obj[aname] = attr;
-          }
-          return obj;
-        }
-		if (typeof key === "object") {
-          // Setting attributes form object
-		  var v;
-          for (v in key) {
-            elem.setAttribute(v, key[v]);
-          }
-        // Getting attribute
-        } else {
-          attr = elem.getAttribute(key);
-          if (attr || attr === "0") {
-            attr = isNaN(attr) ? attr : (attr - 0);
-          }
-          return attr;
-        }
-      } else {
-        return proxied.apply(this, arguments);
-      }
-    }
-    return this;
-  };
-}());
diff --git a/editor/jquery.js b/editor/jquery.min.js
similarity index 100%
rename from editor/jquery.js
rename to editor/jquery.min.js
diff --git a/editor/jquerybbq/jquery.bbq.min.js b/editor/jquerybbq/jquery.bbq.min.js
index edb78191..2ab92caa 100644
--- a/editor/jquerybbq/jquery.bbq.min.js
+++ b/editor/jquerybbq/jquery.bbq.min.js
@@ -1,18 +1,26 @@
-/*
+/*
+ * Todo: Update to latest at https://github.com/cowboy/jquery-bbq ?
  * jQuery BBQ: Back Button & Query Library - v1.2.1 - 2/17/2010
  * http://benalman.com/projects/jquery-bbq-plugin/
- * 
+ *
  * Copyright (c) 2010 "Cowboy" Ben Alman
  * Dual licensed under the MIT and GPL licenses.
  * http://benalman.com/about/license/
  */
-(function($,p){var i,m=Array.prototype.slice,r=decodeURIComponent,a=$.param,c,l,v,b=$.bbq=$.bbq||{},q,u,j,e=$.event.special,d="hashchange",A="querystring",D="fragment",y="elemUrlAttr",g="location",k="href",t="src",x=/^.*\?|#.*$/g,w=/^.*\#/,h,C={};function E(F){return typeof F==="string"}function B(G){var F=m.call(arguments,1);return function(){return G.apply(this,F.concat(m.call(arguments)))}}function n(F){return F.replace(/^[^#]*#?(.*)$/,"$1")}function o(F){return F.replace(/(?:^[^?#]*\?([^#]*).*$)?.*/,"$1")}function f(H,M,F,I,G){var O,L,K,N,J;if(I!==i){K=F.match(H?/^([^#]*)\#?(.*)$/:/^([^#?]*)\??([^#]*)(#?.*)/);J=K[3]||"";if(G===2&&E(I)){L=I.replace(H?w:x,"")}else{N=l(K[2]);I=E(I)?l[H?D:A](I):I;L=G===2?I:G===1?$.extend({},I,N):$.extend({},N,I);L=a(L);if(H){L=L.replace(h,r)}}O=K[1]+(H?"#":L||!K[1]?"?":"")+L+J}else{O=M(F!==i?F:p[g][k])}return O}a[A]=B(f,0,o);a[D]=c=B(f,1,n);c.noEscape=function(G){G=G||"";var F=$.map(G.split(""),encodeURIComponent);h=new RegExp(F.join("|"),"g")};c.noEscape(",/");$.deparam=l=function(I,F){var H={},G={"true":!0,"false":!1,"null":null};$.each(I.replace(/\+/g," ").split("&"),function(L,Q){var K=Q.split("="),P=r(K[0]),J,O=H,M=0,R=P.split("]["),N=R.length-1;if(/\[/.test(R[0])&&/\]$/.test(R[N])){R[N]=R[N].replace(/\]$/,"");R=R.shift().split("[").concat(R);N=R.length-1}else{N=0}if(K.length===2){J=r(K[1]);if(F){J=J&&!isNaN(J)?+J:J==="undefined"?i:G[J]!==i?G[J]:J}if(N){for(;M<=N;M++){P=R[M]===""?O.length:R[M];O=O[P]=M<N?O[P]||(R[M+1]&&isNaN(R[M+1])?{}:[]):J}}else{if($.isArray(H[P])){H[P].push(J)}else{if(H[P]!==i){H[P]=[H[P],J]}else{H[P]=J}}}}else{if(P){H[P]=F?i:""}}});return H};function z(H,F,G){if(F===i||typeof F==="boolean"){G=F;F=a[H?D:A]()}else{F=E(F)?F.replace(H?w:x,""):F}return l(F,G)}l[A]=B(z,0);l[D]=v=B(z,1);$[y]||($[y]=function(F){return $.extend(C,F)})({a:k,base:k,iframe:t,img:t,input:t,form:"action",link:k,script:t});j=$[y];function s(I,G,H,F){if(!E(H)&&typeof H!=="object"){F=H;H=G;G=i}return this.each(function(){var L=$(this),J=G||j()[(this.nodeName||"").toLowerCase()]||"",K=J&&L.attr(J)||"";L.attr(J,a[I](K,H,F))})}$.fn[A]=B(s,A);$.fn[D]=B(s,D);b.pushState=q=function(I,F){if(E(I)&&/^#/.test(I)&&F===i){F=2}var H=I!==i,G=c(p[g][k],H?I:{},H?F:2);p[g][k]=G+(/#/.test(G)?"":"#")};b.getState=u=function(F,G){return F===i||typeof F==="boolean"?v(F):v(G)[F]};b.removeState=function(F){var G={};if(F!==i){G=u();$.each($.isArray(F)?F:arguments,function(I,H){delete G[H]})}q(G,2)};e[d]=$.extend(e[d],{add:function(F){var H;function G(J){var I=J[D]=c();J.getState=function(K,L){return K===i||typeof K==="boolean"?l(I,K):l(I,L)[K]};H.apply(this,arguments)}if($.isFunction(F)){H=F;return G}else{H=F.handler;F.handler=G}}})})(jQuery,this);
+
+// For sake of modules, added this wrapping export and changed `this` to `window`
+export default function (jQuery) {
+
+(function($,p){var i,m=Array.prototype.slice,r=decodeURIComponent,a=$.param,c,l,v,b=$.bbq=$.bbq||{},q,u,j,e=$.event.special,d="hashchange",A="querystring",D="fragment",y="elemUrlAttr",g="location",k="href",t="src",x=/^.*\?|#.*$/g,w=/^.*\#/,h,C={};function E(F){return typeof F==="string"}function B(G){var F=m.call(arguments,1);return function(){return G.apply(this,F.concat(m.call(arguments)))}}function n(F){return F.replace(/^[^#]*#?(.*)$/,"$1")}function o(F){return F.replace(/(?:^[^?#]*\?([^#]*).*$)?.*/,"$1")}function f(H,M,F,I,G){var O,L,K,N,J;if(I!==i){K=F.match(H?/^([^#]*)\#?(.*)$/:/^([^#?]*)\??([^#]*)(#?.*)/);J=K[3]||"";if(G===2&&E(I)){L=I.replace(H?w:x,"")}else{N=l(K[2]);I=E(I)?l[H?D:A](I):I;L=G===2?I:G===1?$.extend({},I,N):$.extend({},N,I);L=a(L);if(H){L=L.replace(h,r)}}O=K[1]+(H?"#":L||!K[1]?"?":"")+L+J}else{O=M(F!==i?F:p[g][k])}return O}a[A]=B(f,0,o);a[D]=c=B(f,1,n);c.noEscape=function(G){G=G||"";var F=$.map(G.split(""),encodeURIComponent);h=new RegExp(F.join("|"),"g")};c.noEscape(",/");$.deparam=l=function(I,F){var H={},G={"true":!0,"false":!1,"null":null};$.each(I.replace(/\+/g," ").split("&"),function(L,Q){var K=Q.split("="),P=r(K[0]),J,O=H,M=0,R=P.split("]["),N=R.length-1;if(/\[/.test(R[0])&&/\]$/.test(R[N])){R[N]=R[N].replace(/\]$/,"");R=R.shift().split("[").concat(R);N=R.length-1}else{N=0}if(K.length===2){J=r(K[1]);if(F){J=J&&!isNaN(J)?+J:J==="undefined"?i:G[J]!==i?G[J]:J}if(N){for(;M<=N;M++){P=R[M]===""?O.length:R[M];O=O[P]=M<N?O[P]||(R[M+1]&&isNaN(R[M+1])?{}:[]):J}}else{if($.isArray(H[P])){H[P].push(J)}else{if(H[P]!==i){H[P]=[H[P],J]}else{H[P]=J}}}}else{if(P){H[P]=F?i:""}}});return H};function z(H,F,G){if(F===i||typeof F==="boolean"){G=F;F=a[H?D:A]()}else{F=E(F)?F.replace(H?w:x,""):F}return l(F,G)}l[A]=B(z,0);l[D]=v=B(z,1);$[y]||($[y]=function(F){return $.extend(C,F)})({a:k,base:k,iframe:t,img:t,input:t,form:"action",link:k,script:t});j=$[y];function s(I,G,H,F){if(!E(H)&&typeof H!=="object"){F=H;H=G;G=i}return this.each(function(){var L=$(this),J=G||j()[(this.nodeName||"").toLowerCase()]||"",K=J&&L.attr(J)||"";L.attr(J,a[I](K,H,F))})}$.fn[A]=B(s,A);$.fn[D]=B(s,D);b.pushState=q=function(I,F){if(E(I)&&/^#/.test(I)&&F===i){F=2}var H=I!==i,G=c(p[g][k],H?I:{},H?F:2);p[g][k]=G+(/#/.test(G)?"":"#")};b.getState=u=function(F,G){return F===i||typeof F==="boolean"?v(F):v(G)[F]};b.removeState=function(F){var G={};if(F!==i){G=u();$.each($.isArray(F)?F:arguments,function(I,H){delete G[H]})}q(G,2)};e[d]=$.extend(e[d],{add:function(F){var H;function G(J){var I=J[D]=c();J.getState=function(K,L){return K===i||typeof K==="boolean"?l(I,K):l(I,L)[K]};H.apply(this,arguments)}if($.isFunction(F)){H=F;return G}else{H=F.handler;F.handler=G}}})})(jQuery,window);
 /*
  * jQuery hashchange event - v1.2 - 2/11/2010
  * http://benalman.com/projects/jquery-hashchange-plugin/
- * 
+ *
  * Copyright (c) 2010 "Cowboy" Ben Alman
  * Dual licensed under the MIT and GPL licenses.
  * http://benalman.com/about/license/
  */
-(function($,i,b){var j,k=$.event.special,c="location",d="hashchange",l="href",f=$.browser,g=document.documentMode,h=f.msie&&(g===b||g<8),e="on"+d in i&&!h;function a(m){m=m||i[c][l];return m.replace(/^[^#]*#?(.*)$/,"$1")}$[d+"Delay"]=100;k[d]=$.extend(k[d],{setup:function(){if(e){return false}$(j.start)},teardown:function(){if(e){return false}$(j.stop)}});j=(function(){var m={},r,n,o,q;function p(){o=q=function(s){return s};if(h){n=$('<iframe src="javascript:0"/>').hide().insertAfter("body")[0].contentWindow;q=function(){return a(n.document[c][l])};o=function(u,s){if(u!==s){var t=n.document;t.open().close();t[c].hash="#"+u}};o(a())}}m.start=function(){if(r){return}var t=a();o||p();(function s(){var v=a(),u=q(t);if(v!==t){o(t=v,u);$(i).trigger(d)}else{if(u!==t){i[c][l]=i[c][l].replace(/#.*/,"")+"#"+u}}r=setTimeout(s,$[d+"Delay"])})()};m.stop=function(){if(!n){r&&clearTimeout(r);r=0}};return m})()})(jQuery,this);
\ No newline at end of file
+(function($,i,b){var j,k=$.event.special,c="location",d="hashchange",l="href",f=$.browser,g=document.documentMode,h=f.msie&&(g===b||g<8),e="on"+d in i&&!h;function a(m){m=m||i[c][l];return m.replace(/^[^#]*#?(.*)$/,"$1")}$[d+"Delay"]=100;k[d]=$.extend(k[d],{setup:function(){if(e){return false}$(j.start)},teardown:function(){if(e){return false}$(j.stop)}});j=(function(){var m={},r,n,o,q;function p(){o=q=function(s){return s};if(h){n=$('<iframe src="javascript:0"/>').hide().insertAfter("body")[0].contentWindow;q=function(){return a(n.document[c][l])};o=function(u,s){if(u!==s){var t=n.document;t.open().close();t[c].hash="#"+u}};o(a())}}m.start=function(){if(r){return}var t=a();o||p();(function s(){var v=a(),u=q(t);if(v!==t){o(t=v,u);$(i).trigger(d)}else{if(u!==t){i[c][l]=i[c][l].replace(/#.*/,"")+"#"+u}}r=setTimeout(s,$[d+"Delay"])})()};m.stop=function(){if(!n){r&&clearTimeout(r);r=0}};return m})()})(jQuery,window);
+
+return jQuery;
+}
diff --git a/editor/js-hotkeys/README.md b/editor/js-hotkeys/README.md
index 696e9894..3de84cc5 100644
--- a/editor/js-hotkeys/README.md
+++ b/editor/js-hotkeys/README.md
@@ -1,15 +1,15 @@
 #About
 **jQuery Hotkeys** is a plug-in that lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost any key combination.  
 
-This plugin is based off of the plugin by Tzury Bar Yochay: [jQuery.hotkeys](http://github.com/tzuryby/hotkeys)
+This plugin is based off of the plugin by Tzury Bar Yochay: [jQuery.hotkeys](https://github.com/tzuryby/hotkeys)
 
 The syntax is as follows:
 
     $(expression).bind(types, keys, handler);
     $(expression).unbind(types, handler);
-    
+
     $(document).bind('keydown', 'ctrl+a', fn);
-    
+
     // e.g. replace '$' sign with 'EUR'
     $('input.foo').bind('keyup', '$', function(){
       this.value = this.value.replace('$', 'EUR');
@@ -42,4 +42,4 @@ Firefox is the most liberal one in the manner of letting you capture all short-c
 
 Others, (IE) either let you handle built-in short-cuts, but will add their functionality after your code has executed. Or (Opera/Safari) will *not* pass those events to the DOM at all.
 
-*So, if you bind `Ctrl-Q` or `Alt-F4` and your Safari/Opera window is closed don't be surprised.*
\ No newline at end of file
+*So, if you bind `Ctrl-Q` or `Alt-F4` and your Safari/Opera window is closed don't be surprised.*
diff --git a/editor/js-hotkeys/jquery.hotkeys.min.js b/editor/js-hotkeys/jquery.hotkeys.min.js
index 15e6fe30..3df2f8ce 100644
--- a/editor/js-hotkeys/jquery.hotkeys.min.js
+++ b/editor/js-hotkeys/jquery.hotkeys.min.js
@@ -1,4 +1,5 @@
-/*
+// Todo: Update: https://github.com/jeresig/jquery.hotkeys
+/*
  * jQuery Hotkeys Plugin
  * Copyright 2010, John Resig
  * Dual licensed under the MIT or GPL Version 2 licenses.
@@ -12,4 +13,7 @@
  * Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/
 */
 
-(function(b){b.hotkeys={version:"0.8",specialKeys:{8:"backspace",9:"tab",13:"return",16:"shift",17:"ctrl",18:"alt",19:"pause",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"insert",46:"del",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",106:"*",107:"+",109:"-",110:".",111:"/",112:"f1",113:"f2",114:"f3",115:"f4",116:"f5",117:"f6",118:"f7",119:"f8",120:"f9",121:"f10",122:"f11",123:"f12",144:"numlock",145:"scroll",191:"/",224:"meta",219:"[",221:"]"},shiftNums:{"`":"~","1":"!","2":"@","3":"#","4":"$","5":"%","6":"^","7":"&","8":"*","9":"(","0":")","-":"_","=":"+",";":": ","'":'"',",":"<",".":">","/":"?","\\":"|"}};function a(d){if(typeof d.data!=="string"){return}var c=d.handler,e=d.data.toLowerCase().split(" ");d.handler=function(n){if(this!==n.target&&(/textarea|select/i.test(n.target.nodeName)||n.target.type==="text")){return}var h=n.type!=="keypress"&&b.hotkeys.specialKeys[n.which],o=String.fromCharCode(n.which).toLowerCase(),k,m="",g={};if(n.altKey&&h!=="alt"){m+="alt+"}if(n.ctrlKey&&h!=="ctrl"){m+="ctrl+"}if(n.metaKey&&!n.ctrlKey&&h!=="meta"){m+="meta+"}if(n.shiftKey&&h!=="shift"){m+="shift+"}if(h){g[m+h]=true}else{g[m+o]=true;g[m+b.hotkeys.shiftNums[o]]=true;if(m==="shift+"){g[b.hotkeys.shiftNums[o]]=true}}for(var j=0,f=e.length;j<f;j++){if(g[e[j]]){return c.apply(this,arguments)}}}}b.each(["keydown","keyup","keypress"],function(){b.event.special[this]={add:a}})})(jQuery);
\ No newline at end of file
+export default function(b){b.hotkeys={version:"0.8",specialKeys:{8:"backspace",9:"tab",13:"return",16:"shift",17:"ctrl",18:"alt",19:"pause",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"insert",46:"del",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",106:"*",107:"+",109:"-",110:".",111:"/",112:"f1",113:"f2",114:"f3",115:"f4",116:"f5",117:"f6",118:"f7",119:"f8",120:"f9",121:"f10",122:"f11",123:"f12",144:"numlock",145:"scroll",191:"/",224:"meta",219:"[",221:"]"},shiftNums:{"`":"~","1":"!","2":"@","3":"#","4":"$","5":"%","6":"^","7":"&","8":"*","9":"(","0":")","-":"_","=":"+",";":": ","'":'"',",":"<",".":">","/":"?","\\":"|"}};function a(d){if(typeof d.data!=="string"){return}var c=d.handler,e=d.data.toLowerCase().split(" ");d.handler=function(n){if(this!==n.target&&(/textarea|select/i.test(n.target.nodeName)||n.target.type==="text")){return}var h=n.type!=="keypress"&&b.hotkeys.specialKeys[n.which],o=String.fromCharCode(n.which).toLowerCase(),k,m="",g={};if(n.altKey&&h!=="alt"){m+="alt+"}if(n.ctrlKey&&h!=="ctrl"){m+="ctrl+"}if(n.metaKey&&!n.ctrlKey&&h!=="meta"){m+="meta+"}if(n.shiftKey&&h!=="shift"){m+="shift+"}if(h){g[m+h]=true}else{g[m+o]=true;g[m+b.hotkeys.shiftNums[o]]=true;if(m==="shift+"){g[b.hotkeys.shiftNums[o]]=true}}for(var j=0,f=e.length;j<f;j++){if(g[e[j]]){return c.apply(this,arguments)}}}}b.each(["keydown","keyup","keypress"],function(){b.event.special[this]={add:a}})
+
+return b;
+}
diff --git a/editor/jspdf/jspdf.min.js b/editor/jspdf/jspdf.min.js
index 470f7536..63c63f2f 100644
--- a/editor/jspdf/jspdf.min.js
+++ b/editor/jspdf/jspdf.min.js
@@ -1,4 +1,4 @@
-/** 
+/**
  * jsPDF - PDF Document creation from JavaScript
  * Version 1.0.150-git Built on 2014-05-30T00:40
  *                           CommitID dcbc9fcb9b
@@ -47,7 +47,7 @@
  * Licensed under the MIT License.
  * http://opensource.org/licenses/mit-license
  */
-/** 
+/**
  * jsPDF addImage plugin
  * Copyright (c) 2012 Jason Siefken, https://github.com/siefkenj/
  *               2013 Chris Dowling, https://github.com/gingerchris
@@ -66,7 +66,7 @@
  *               2014 James Hall, james@parall.ax
  *               2014 Diego Casorran, https://github.com/diegocr
  */
-/** 
+/**
  * jsPDF fromHTML plugin. BETA stage. API subject to change. Needs browser
  * Copyright (c) 2012 Willow Systems Corporation, willow-systems.com
  *               2014 Juan Pablo Gaviria, https://github.com/juanpgaviria
@@ -74,29 +74,29 @@
  *               2014 Daniel Husar, https://github.com/danielhusar
  *               2014 Wolfgang Gassler, https://github.com/woolfg
  */
-/** 
+/**
  * jsPDF JavaScript plugin
  * Copyright (c) 2013 Youssef Beddad, youssef.beddad@gmail.com
  */
-/** 
+/**
  * jsPDF PNG PlugIn
  * Copyright (c) 2014 James Robb, https://github.com/jamesbrobb
  */
-/** 
+/**
 jsPDF Silly SVG plugin
 Copyright (c) 2012 Willow Systems Corporation, willow-systems.com
 */
-/** 
+/**
  * jsPDF split_text_to_size plugin - MIT license.
  * Copyright (c) 2012 Willow Systems Corporation, willow-systems.com
  *               2014 Diego Casorran, https://github.com/diegocr
  */
-/**  
+/**
 jsPDF standard_fonts_metrics plugin
 Copyright (c) 2012 Willow Systems Corporation, willow-systems.com
 MIT license.
 */
-/** 
+/**
  * jsPDF total_pages plugin
  * Copyright (c) 2013 Eduardo Menezes de Morais, eduardo.morais@usp.br
  */
@@ -127,8 +127,8 @@ MIT license.
  modification, are permitted provided that the following conditions are met:
  1. Redistributions of source code must retain the above copyright notice,
  this list of conditions and the following disclaimer.
- 2. Redistributions in binary form must reproduce the above copyright 
- notice, this list of conditions and the following disclaimer in 
+ 2. Redistributions in binary form must reproduce the above copyright
+ notice, this list of conditions and the following disclaimer in
  the documentation and/or other materials provided with the distribution.
  3. The names of the authors may not be used to endorse or promote products
  derived from this software without specific prior written permission.
@@ -147,7 +147,7 @@ MIT license.
 # PNG.js
 # Copyright (c) 2011 Devon Govett
 # MIT LICENSE
-# 
+#
 */
 /*
  * Extracted from pdf.js
@@ -168,4 +168,4 @@ MIT license.
 !function(t,e){e["true"]=t;var r=function(t){"use strict";function e(e){var r={};this.subscribe=function(t,e,n){if("function"!=typeof e)return!1;r.hasOwnProperty(t)||(r[t]={});var s=Math.random().toString(35);return r[t][s]=[e,!!n],s},this.unsubscribe=function(t){for(var e in r)if(r[e][t])return delete r[e][t],!0;return!1},this.publish=function(n){if(r.hasOwnProperty(n)){var s=Array.prototype.slice.call(arguments,1),o=[];for(var i in r[n]){var a=r[n][i];try{a[0].apply(e,s)}catch(u){t.console&&console.error("jsPDF PubSub Error",u.message,u)}a[1]&&o.push(i)}o.length&&o.forEach(this.unsubscribe)}}}function r(a,u,c,l){var f={};"object"==typeof a&&(f=a,a=f.orientation,u=f.unit||u,c=f.format||c,l=f.compress||f.compressPdf||l),u=u||"mm",c=c||"a4",a=(""+(a||"P")).toLowerCase();var d,h,p,m,w,y=(""+c).toLowerCase(),g=!!l&&"function"==typeof Uint8Array,v=f.textColor||"0 g",b=f.drawColor||"0 G",q=f.fontSize||16,x=f.lineHeight||1.15,k=f.lineWidth||.200025,_=2,A=!1,C=[],S={},E={},z=0,I=[],T=[],B=0,O=0,P=0,R={title:"",subject:"",author:"",keywords:"",creator:""},D={},U=new e(D),F=function(t){return t.toFixed(2)},L=function(t){return t.toFixed(3)},j=function(t){return("0"+parseInt(t)).slice(-2)},N=function(t){A?I[z].push(t):(P+=t.length+1,T.push(t))},M=function(){return _++,C[_]=P,N(_+" 0 obj"),_},H=function(t){N("stream"),N(t),N("endstream")},G=function(){var e,n,o,i,a,u,c,l=m*h,f=w*h;for(c=t.adler32cs||r.adler32cs,g&&"undefined"==typeof c&&(g=!1),e=1;z>=e;e++){if(M(),N("<</Type /Page"),N("/Parent 1 0 R"),N("/Resources 2 0 R"),N("/Contents "+(_+1)+" 0 R>>"),N("endobj"),n=I[e].join("\n"),M(),g){for(o=[],i=n.length;i--;)o[i]=n.charCodeAt(i);u=c.from(n),a=new s(6),a.append(new Uint8Array(o)),n=a.flush(),o=new Uint8Array(n.length+6),o.set(new Uint8Array([120,156])),o.set(n,2),o.set(new Uint8Array([255&u,u>>8&255,u>>16&255,u>>24&255]),n.length+2),n=String.fromCharCode.apply(null,o),N("<</Length "+n.length+" /Filter [/FlateDecode]>>")}else N("<</Length "+n.length+">>");H(n),N("endobj")}C[1]=P,N("1 0 obj"),N("<</Type /Pages");var d="/Kids [";for(i=0;z>i;i++)d+=3+2*i+" 0 R ";N(d+"]"),N("/Count "+z),N("/MediaBox [0 0 "+F(l)+" "+F(f)+"]"),N(">>"),N("endobj")},J=function(t){t.objectNumber=M(),N("<</BaseFont/"+t.PostScriptName+"/Type/Font"),"string"==typeof t.encoding&&N("/Encoding/"+t.encoding),N("/Subtype/Type1>>"),N("endobj")},V=function(){for(var t in S)S.hasOwnProperty(t)&&J(S[t])},W=function(){U.publish("putXobjectDict")},X=function(){N("/ProcSet [/PDF /Text /ImageB /ImageC /ImageI]"),N("/Font <<");for(var t in S)S.hasOwnProperty(t)&&N("/"+t+" "+S[t].objectNumber+" 0 R");N(">>"),N("/XObject <<"),W(),N(">>")},Y=function(){V(),U.publish("putResources"),C[2]=P,N("2 0 obj"),N("<<"),X(),N(">>"),N("endobj"),U.publish("postPutResources")},K=function(t,e,r){E.hasOwnProperty(e)||(E[e]={}),E[e][r]=t},Q=function(t,e,r,n){var s="F"+(Object.keys(S).length+1).toString(10),o=S[s]={id:s,PostScriptName:t,fontName:e,fontStyle:r,encoding:n,metadata:{}};return K(s,e,r),U.publish("addFont",o),s},$=function(){for(var t="helvetica",e="times",r="courier",n="normal",s="bold",o="italic",i="bolditalic",a="StandardEncoding",u=[["Helvetica",t,n],["Helvetica-Bold",t,s],["Helvetica-Oblique",t,o],["Helvetica-BoldOblique",t,i],["Courier",r,n],["Courier-Bold",r,s],["Courier-Oblique",r,o],["Courier-BoldOblique",r,i],["Times-Roman",e,n],["Times-Bold",e,s],["Times-Italic",e,o],["Times-BoldItalic",e,i]],c=0,l=u.length;l>c;c++){var f=Q(u[c][0],u[c][1],u[c][2],a),d=u[c][0].split("-");K(f,d[0],d[1]||"")}U.publish("addFonts",{fonts:S,dictionary:E})},Z=function(e){return e.foo=function(){try{return e.apply(this,arguments)}catch(r){var n=r.stack||"";~n.indexOf(" at ")&&(n=n.split(" at ")[1]);var s="Error in function "+n.split("\n")[0].split("<")[0]+": "+r.message;if(!t.console)throw new Error(s);console.log(s,r),t.alert&&alert(s),console.trace()}},e.foo.bar=e,e.foo},te=function(t,e){var r,n,s,o,i,a,u,c,l;if(e=e||{},s=e.sourceEncoding||"Unicode",i=e.outputEncoding,(e.autoencode||i)&&S[d].metadata&&S[d].metadata[s]&&S[d].metadata[s].encoding&&(o=S[d].metadata[s].encoding,!i&&S[d].encoding&&(i=S[d].encoding),!i&&o.codePages&&(i=o.codePages[0]),"string"==typeof i&&(i=o[i]),i)){for(u=!1,a=[],r=0,n=t.length;n>r;r++)c=i[t.charCodeAt(r)],c?a.push(String.fromCharCode(c)):a.push(t[r]),a[r].charCodeAt(0)>>8&&(u=!0);t=a.join("")}for(r=t.length;void 0===u&&0!==r;)t.charCodeAt(r-1)>>8&&(u=!0),r--;if(!u)return t;for(a=e.noBOM?[]:[254,255],r=0,n=t.length;n>r;r++){if(c=t.charCodeAt(r),l=c>>8,l>>8)throw new Error("Character at position "+r+" of string '"+t+"' exceeds 16bits. Cannot be encoded into UCS-2 BE");a.push(l),a.push(c-(l<<8))}return String.fromCharCode.apply(void 0,a)},ee=function(t,e){return te(t,e).replace(/\\/g,"\\\\").replace(/\(/g,"\\(").replace(/\)/g,"\\)")},re=function(){N("/Producer (jsPDF "+r.version+")");for(var t in R)R.hasOwnProperty(t)&&R[t]&&N("/"+t.substr(0,1).toUpperCase()+t.substr(1)+" ("+ee(R[t])+")");var e=new Date;N(["/CreationDate (D:",e.getFullYear(),j(e.getMonth()+1),j(e.getDate()),j(e.getHours()),j(e.getMinutes()),j(e.getSeconds()),")"].join(""))},ne=function(){N("/Type /Catalog"),N("/Pages 1 0 R"),N("/OpenAction [3 0 R /FitH null]"),N("/PageLayout /OneColumn"),U.publish("putCatalog")},se=function(){N("/Size "+(_+1)),N("/Root "+_+" 0 R"),N("/Info "+(_-1)+" 0 R")},oe=function(){z++,A=!0,I[z]=[]},ie=function(){oe(),N(F(k*h)+" w"),N(b),0!==B&&N(B+" J"),0!==O&&N(O+" j"),U.publish("addPage",{pageNumber:z})},ae=function(t,e){var r;t=void 0!==t?t:S[d].fontName,e=void 0!==e?e:S[d].fontStyle;try{r=E[t][e]}catch(n){}if(!r)throw new Error("Unable to look up font label for font '"+t+"', '"+e+"'. Refer to getFontList() for available fonts.");return r},ue=function(){A=!1,_=2,T=[],C=[],N("%PDF-"+o),G(),Y(),M(),N("<<"),re(),N(">>"),N("endobj"),M(),N("<<"),ne(),N(">>"),N("endobj");var t,e=P,r="0000000000";for(N("xref"),N("0 "+(_+1)),N(r+" 65535 f "),t=1;_>=t;t++)N((r+C[t]).slice(-10)+" 00000 n ");return N("trailer"),N("<<"),se(),N(">>"),N("startxref"),N(e),N("%%EOF"),A=!0,T.join("\n")},ce=function(t){var e="S";return"F"===t?e="f":"FD"===t||"DF"===t?e="B":("f"===t||"f*"===t||"B"===t||"B*"===t)&&(e=t),e},le=function(){for(var t=ue(),e=t.length,r=new ArrayBuffer(e),n=new Uint8Array(r);e--;)n[e]=t.charCodeAt(e);return r},fe=function(){return new Blob([le()],{type:"application/pdf"})},de=Z(function(e,r){switch(e){case void 0:return ue();case"save":if(navigator.getUserMedia&&(void 0===t.URL||void 0===t.URL.createObjectURL))return D.output("dataurlnewwindow");n(fe(),r),"function"==typeof n.unload&&t.setTimeout&&setTimeout(n.unload,70);break;case"arraybuffer":return le();case"blob":return fe();case"datauristring":case"dataurlstring":return"data:application/pdf;base64,"+btoa(ue());case"datauri":case"dataurl":t.document.location.href="data:application/pdf;base64,"+btoa(ue());break;case"dataurlnewwindow":t.open("data:application/pdf;base64,"+btoa(ue()));break;default:throw new Error('Output type "'+e+'" is not supported.')}});switch(u){case"pt":h=1;break;case"mm":h=72/25.4;break;case"cm":h=72/2.54;break;case"in":h=72;break;case"px":h=96/72;break;case"pc":h=12;break;case"em":h=12;break;case"ex":h=6;break;default:throw"Invalid unit: "+u}if(i.hasOwnProperty(y))w=i[y][1]/h,m=i[y][0]/h;else try{w=c[1],m=c[0]}catch(he){throw new Error("Invalid format: "+c)}if("p"===a||"portrait"===a)a="p",m>w&&(p=m,m=w,w=p);else{if("l"!==a&&"landscape"!==a)throw"Invalid orientation: "+a;a="l",w>m&&(p=m,m=w,w=p)}D.internal={pdfEscape:ee,getStyle:ce,getFont:function(){return S[ae.apply(D,arguments)]},getFontSize:function(){return q},getLineHeight:function(){return q*x},write:function(t){N(1===arguments.length?t:Array.prototype.join.call(arguments," "))},getCoordinateString:function(t){return F(t*h)},getVerticalCoordinateString:function(t){return F((w-t)*h)},collections:{},newObject:M,putStream:H,events:U,scaleFactor:h,pageSize:{width:m,height:w},output:function(t,e){return de(t,e)},getNumberOfPages:function(){return I.length-1},pages:I},D.addPage=function(){return ie(),this},D.text=function(t,e,r,n,s){function o(t){return t=t.split("	").join(Array(f.TabLen||9).join(" ")),ee(t,n)}"number"==typeof t&&(p=r,r=e,e=t,t=p),"string"==typeof t&&t.match(/[\n\r]/)&&(t=t.split(/\r\n|\r|\n/g)),"number"==typeof n&&(s=n,n=null);var i="",a="Td";if(s){s*=Math.PI/180;var u=Math.cos(s),c=Math.sin(s);i=[F(u),F(c),F(-1*c),F(u),""].join(" "),a="Tm"}if(n=n||{},"noBOM"in n||(n.noBOM=!0),"autoencode"in n||(n.autoencode=!0),"string"==typeof t)t=o(t);else{if(!(t instanceof Array))throw new Error('Type of text must be string or Array. "'+t+'" is not recognized.');for(var l=t.concat(),m=[],y=l.length;y--;)m.push(o(l.shift()));t=m.join(") Tj\nT* (")}return N("BT\n/"+d+" "+q+" Tf\n"+q*x+" TL\n"+v+"\n"+i+F(e*h)+" "+F((w-r)*h)+" "+a+"\n("+t+") Tj\nET"),this},D.line=function(t,e,r,n){return this.lines([[r-t,n-e]],t,e)},D.lines=function(t,e,r,n,s,o){var i,a,u,c,l,f,d,m,y,g,v;for("number"==typeof t&&(p=r,r=e,e=t,t=p),n=n||[1,1],N(L(e*h)+" "+L((w-r)*h)+" m "),i=n[0],a=n[1],c=t.length,g=e,v=r,u=0;c>u;u++)l=t[u],2===l.length?(g=l[0]*i+g,v=l[1]*a+v,N(L(g*h)+" "+L((w-v)*h)+" l")):(f=l[0]*i+g,d=l[1]*a+v,m=l[2]*i+g,y=l[3]*a+v,g=l[4]*i+g,v=l[5]*a+v,N(L(f*h)+" "+L((w-d)*h)+" "+L(m*h)+" "+L((w-y)*h)+" "+L(g*h)+" "+L((w-v)*h)+" c"));return o&&N(" h"),null!==s&&N(ce(s)),this},D.rect=function(t,e,r,n,s){ce(s);return N([F(t*h),F((w-e)*h),F(r*h),F(-n*h),"re"].join(" ")),null!==s&&N(ce(s)),this},D.triangle=function(t,e,r,n,s,o,i){return this.lines([[r-t,n-e],[s-r,o-n],[t-s,e-o]],t,e,[1,1],i,!0),this},D.roundedRect=function(t,e,r,n,s,o,i){var a=4/3*(Math.SQRT2-1);return this.lines([[r-2*s,0],[s*a,0,s,o-o*a,s,o],[0,n-2*o],[0,o*a,-(s*a),o,-s,o],[-r+2*s,0],[-(s*a),0,-s,-(o*a),-s,-o],[0,-n+2*o],[0,-(o*a),s*a,-o,s,-o]],t+s,e,[1,1],i),this},D.ellipse=function(t,e,r,n,s){var o=4/3*(Math.SQRT2-1)*r,i=4/3*(Math.SQRT2-1)*n;return N([F((t+r)*h),F((w-e)*h),"m",F((t+r)*h),F((w-(e-i))*h),F((t+o)*h),F((w-(e-n))*h),F(t*h),F((w-(e-n))*h),"c"].join(" ")),N([F((t-o)*h),F((w-(e-n))*h),F((t-r)*h),F((w-(e-i))*h),F((t-r)*h),F((w-e)*h),"c"].join(" ")),N([F((t-r)*h),F((w-(e+i))*h),F((t-o)*h),F((w-(e+n))*h),F(t*h),F((w-(e+n))*h),"c"].join(" ")),N([F((t+o)*h),F((w-(e+n))*h),F((t+r)*h),F((w-(e+i))*h),F((t+r)*h),F((w-e)*h),"c"].join(" ")),null!==s&&N(ce(s)),this},D.circle=function(t,e,r,n){return this.ellipse(t,e,r,r,n)},D.setProperties=function(t){for(var e in R)R.hasOwnProperty(e)&&t[e]&&(R[e]=t[e]);return this},D.setFontSize=function(t){return q=t,this},D.setFont=function(t,e){return d=ae(t,e),this},D.setFontStyle=D.setFontType=function(t){return d=ae(void 0,t),this},D.getFontList=function(){var t,e,r,n={};for(t in E)if(E.hasOwnProperty(t)){n[t]=r=[];for(e in E[t])E[t].hasOwnProperty(e)&&r.push(e)}return n},D.setLineWidth=function(t){return N((t*h).toFixed(2)+" w"),this},D.setDrawColor=function(t,e,r,n){var s;return s=void 0===e||void 0===n&&t===e===r?"string"==typeof t?t+" G":F(t/255)+" G":void 0===n?"string"==typeof t?[t,e,r,"RG"].join(" "):[F(t/255),F(e/255),F(r/255),"RG"].join(" "):"string"==typeof t?[t,e,r,n,"K"].join(" "):[F(t),F(e),F(r),F(n),"K"].join(" "),N(s),this},D.setFillColor=function(t,e,r,n){var s;return s=void 0===e||void 0===n&&t===e===r?"string"==typeof t?t+" g":F(t/255)+" g":void 0===n?"string"==typeof t?[t,e,r,"rg"].join(" "):[F(t/255),F(e/255),F(r/255),"rg"].join(" "):"string"==typeof t?[t,e,r,n,"k"].join(" "):[F(t),F(e),F(r),F(n),"k"].join(" "),N(s),this},D.setTextColor=function(t,e,r){if("string"==typeof t&&/^#[0-9A-Fa-f]{6}$/.test(t)){var n=parseInt(t.substr(1),16);t=n>>16&255,e=n>>8&255,r=255&n}return v=0===t&&0===e&&0===r||"undefined"==typeof e?L(t/255)+" g":[L(t/255),L(e/255),L(r/255),"rg"].join(" "),this},D.CapJoinStyles={0:0,butt:0,but:0,miter:0,1:1,round:1,rounded:1,circle:1,2:2,projecting:2,project:2,square:2,bevel:2},D.setLineCap=function(t){var e=this.CapJoinStyles[t];if(void 0===e)throw new Error("Line cap style of '"+t+"' is not recognized. See or extend .CapJoinStyles property for valid styles");return B=e,N(e+" J"),this},D.setLineJoin=function(t){var e=this.CapJoinStyles[t];if(void 0===e)throw new Error("Line join style of '"+t+"' is not recognized. See or extend .CapJoinStyles property for valid styles");return O=e,N(e+" j"),this},D.output=de,D.save=function(t){D.output("save",t)};for(var pe in r.API)r.API.hasOwnProperty(pe)&&("events"===pe&&r.API.events.length?!function(t,e){var r,n,s;for(s=e.length-1;-1!==s;s--)r=e[s][0],n=e[s][1],t.subscribe.apply(t,[r].concat("function"==typeof n?[n]:n))}(U,r.API.events):D[pe]=r.API[pe]);return $(),d="F1",ie(),U.publish("initialized"),D}var o="1.3",i={a0:[2383.94,3370.39],a1:[1683.78,2383.94],a2:[1190.55,1683.78],a3:[841.89,1190.55],a4:[595.28,841.89],a5:[419.53,595.28],a6:[297.64,419.53],a7:[209.76,297.64],a8:[147.4,209.76],a9:[104.88,147.4],a10:[73.7,104.88],b0:[2834.65,4008.19],b1:[2004.09,2834.65],b2:[1417.32,2004.09],b3:[1000.63,1417.32],b4:[708.66,1000.63],b5:[498.9,708.66],b6:[354.33,498.9],b7:[249.45,354.33],b8:[175.75,249.45],b9:[124.72,175.75],b10:[87.87,124.72],c0:[2599.37,3676.54],c1:[1836.85,2599.37],c2:[1298.27,1836.85],c3:[918.43,1298.27],c4:[649.13,918.43],c5:[459.21,649.13],c6:[323.15,459.21],c7:[229.61,323.15],c8:[161.57,229.61],c9:[113.39,161.57],c10:[79.37,113.39],dl:[311.81,623.62],letter:[612,792],"government-letter":[576,756],legal:[612,1008],"junior-legal":[576,360],ledger:[1224,792],tabloid:[792,1224],"credit-card":[153,243]};return r.API={events:[]},r.version="1.0.150-git 2014-05-30T00:40:diegocr","function"==typeof define&&define.amd?define(function(){return r}):t.jsPDF=r,r}("undefined"!=typeof self&&self||"undefined"!=typeof window&&window||this);!function(t){"use strict";t.addHTML=function(t,e,r,n,s){if("undefined"==typeof html2canvas&&"undefined"==typeof rasterizeHTML)throw new Error("You need either https://github.com/niklasvh/html2canvas or https://github.com/cburgmer/rasterizeHTML.js");"number"!=typeof e&&(n=e,s=r),"function"==typeof n&&(s=n,n=null);var o=this.internal,i=o.scaleFactor,a=o.pageSize.width,u=o.pageSize.height;if(n=n||{},n.onrendered=function(t){e=parseInt(e)||0,r=parseInt(r)||0;var o=n.dim||{},c=o.h||0,l=o.w||Math.min(a,t.width/i)-e,f="JPEG";if(n.format&&(f=n.format),t.height>u&&n.pagesplit){var d=function(){for(var n=0;;){var o=document.createElement("canvas");o.width=Math.min(a*i,t.width),o.height=Math.min(u*i,t.height-n);var c=o.getContext("2d");c.drawImage(t,0,n,t.width,o.height,0,0,o.width,o.height);var d=[o,e,n?0:r,o.width/i,o.height/i,f,null,"SLOW"];if(this.addImage.apply(this,d),n+=o.height,n>=t.height)break;this.addPage()}s(l,n,null,d)}.bind(this);if("CANVAS"===t.nodeName){var h=new Image;h.onload=d,h.src=t.toDataURL("image/png"),t=h}else d()}else{var p=Math.random().toString(35),m=[t,e,r,l,c,f,p,"SLOW"];this.addImage.apply(this,m),s(l,c,p,m)}}.bind(this),"undefined"!=typeof html2canvas&&!n.rstz)return html2canvas(t,n);if("undefined"!=typeof rasterizeHTML){var c="drawDocument";return"string"==typeof t&&(c=/^http/.test(t)?"drawURL":"drawHTML"),n.width=n.width||a*i,rasterizeHTML[c](t,void 0,n).then(function(t){n.onrendered(t.image)},function(t){s(null,t)})}return null}}(r.API),function(t){"use strict";var e="addImage_",r=["jpeg","jpg","png"],n=function(t){var e=this.internal.newObject(),r=this.internal.write,s=this.internal.putStream;if(t.n=e,r("<</Type /XObject"),r("/Subtype /Image"),r("/Width "+t.w),r("/Height "+t.h),t.cs===this.color_spaces.INDEXED?r("/ColorSpace [/Indexed /DeviceRGB "+(t.pal.length/3-1)+" "+("smask"in t?e+2:e+1)+" 0 R]"):(r("/ColorSpace /"+t.cs),t.cs===this.color_spaces.DEVICE_CMYK&&r("/Decode [1 0 1 0 1 0 1 0]")),r("/BitsPerComponent "+t.bpc),"f"in t&&r("/Filter /"+t.f),"dp"in t&&r("/DecodeParms <<"+t.dp+">>"),"trns"in t&&t.trns.constructor==Array){for(var o="",i=0,a=t.trns.length;a>i;i++)o+=t.trns[i]+" "+t.trns[i]+" ";r("/Mask ["+o+"]")}if("smask"in t&&r("/SMask "+(e+1)+" 0 R"),r("/Length "+t.data.length+">>"),s(t.data),r("endobj"),"smask"in t){var u="/Predictor 15 /Colors 1 /BitsPerComponent "+t.bpc+" /Columns "+t.w,c={w:t.w,h:t.h,cs:"DeviceGray",bpc:t.bpc,dp:u,data:t.smask};"f"in t&&(c.f=t.f),n.call(this,c)}t.cs===this.color_spaces.INDEXED&&(this.internal.newObject(),r("<< /Length "+t.pal.length+">>"),s(this.arrayBufferToBinaryString(new Uint8Array(t.pal))),r("endobj"))},s=function(){var t=this.internal.collections[e+"images"];for(var r in t)n.call(this,t[r])},o=function(){var t,r=this.internal.collections[e+"images"],n=this.internal.write;for(var s in r)t=r[s],n("/I"+t.i,t.n,"0","R")},i=function(e){return e&&"string"==typeof e&&(e=e.toUpperCase()),e in t.image_compression?e:t.image_compression.NONE},a=function(){var t=this.internal.collections[e+"images"];return t||(this.internal.collections[e+"images"]=t={},this.internal.events.subscribe("putResources",s),this.internal.events.subscribe("putXobjectDict",o)),t},u=function(t){var e=0;return t&&(e=Object.keys?Object.keys(t).length:function(t){var e=0;for(var r in t)t.hasOwnProperty(r)&&e++;return e}(t)),e},c=function(t){return"undefined"==typeof t||null===t},l=function(){return void 0},f=function(t){return-1===r.indexOf(t)},d=function(e){return"function"!=typeof t["process"+e.toUpperCase()]},h=function(t){return"object"==typeof t&&1===t.nodeType},p=function(t,e){if("IMG"===t.nodeName&&t.hasAttribute("src")&&0===(""+t.getAttribute("src")).indexOf("data:image/"))return t.getAttribute("src");if("CANVAS"===t.nodeName)var r=t;else{var r=document.createElement("canvas");r.width=t.clientWidth||t.width,r.height=t.clientHeight||t.height;var n=r.getContext("2d");if(!n)throw"addImage requires canvas to be supported by browser.";n.drawImage(t,0,0,r.width,r.height)}return r.toDataURL("png"==e?"image/png":"image/jpeg")},m=function(t,e){var r;if(e)for(var n in e)if(t===e[n].alias){r=e[n];break}return r},w=function(t,e,r){return t||e||(t=-96,e=-96),0>t&&(t=-1*r.w*72/t/this.internal.scaleFactor),0>e&&(e=-1*r.h*72/e/this.internal.scaleFactor),0===t&&(t=e*r.w/r.h),0===e&&(e=t*r.h/r.w),[t,e]},y=function(t,e,r,n,s,o,i){var a=w.call(this,r,n,s),u=this.internal.getCoordinateString,c=this.internal.getVerticalCoordinateString;r=a[0],n=a[1],i[o]=s,this.internal.write("q",u(r),"0 0",u(n),u(t),c(e+n),"cm /I"+s.i,"Do Q")};t.color_spaces={DEVICE_RGB:"DeviceRGB",DEVICE_GRAY:"DeviceGray",DEVICE_CMYK:"DeviceCMYK",CAL_GREY:"CalGray",CAL_RGB:"CalRGB",LAB:"Lab",ICC_BASED:"ICCBased",INDEXED:"Indexed",PATTERN:"Pattern",SEPERATION:"Seperation",DEVICE_N:"DeviceN"},t.decode={DCT_DECODE:"DCTDecode",FLATE_DECODE:"FlateDecode",LZW_DECODE:"LZWDecode",JPX_DECODE:"JPXDecode",JBIG2_DECODE:"JBIG2Decode",ASCII85_DECODE:"ASCII85Decode",ASCII_HEX_DECODE:"ASCIIHexDecode",RUN_LENGTH_DECODE:"RunLengthDecode",CCITT_FAX_DECODE:"CCITTFaxDecode"},t.image_compression={NONE:"NONE",FAST:"FAST",MEDIUM:"MEDIUM",SLOW:"SLOW"},t.isString=function(t){return"string"==typeof t},t.extractInfoFromBase64DataURI=function(t){return/^data:([\w]+?\/([\w]+?));base64,(.+?)$/g.exec(t)},t.supportsArrayBuffer=function(){return"undefined"!=typeof ArrayBuffer&&"undefined"!=typeof Uint8Array},t.isArrayBuffer=function(t){return this.supportsArrayBuffer()?t instanceof ArrayBuffer:!1},t.isArrayBufferView=function(t){return this.supportsArrayBuffer()?"undefined"==typeof Uint32Array?!1:t instanceof Int8Array||t instanceof Uint8Array||"undefined"!=typeof Uint8ClampedArray&&t instanceof Uint8ClampedArray||t instanceof Int16Array||t instanceof Uint16Array||t instanceof Int32Array||t instanceof Uint32Array||t instanceof Float32Array||t instanceof Float64Array:!1},t.binaryStringToUint8Array=function(t){for(var e=t.length,r=new Uint8Array(e),n=0;e>n;n++)r[n]=t.charCodeAt(n);return r},t.arrayBufferToBinaryString=function(t){this.isArrayBuffer(t)&&(t=new Uint8Array(t));for(var e="",r=t.byteLength,n=0;r>n;n++)e+=String.fromCharCode(t[n]);return e},t.arrayBufferToBase64=function(t){for(var e,r,n,s,o,i="",a="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",u=new Uint8Array(t),c=u.byteLength,l=c%3,f=c-l,d=0;f>d;d+=3)o=u[d]<<16|u[d+1]<<8|u[d+2],e=(16515072&o)>>18,r=(258048&o)>>12,n=(4032&o)>>6,s=63&o,i+=a[e]+a[r]+a[n]+a[s];return 1==l?(o=u[f],e=(252&o)>>2,r=(3&o)<<4,i+=a[e]+a[r]+"=="):2==l&&(o=u[f]<<8|u[f+1],e=(64512&o)>>10,r=(1008&o)>>4,n=(15&o)<<2,i+=a[e]+a[r]+a[n]+"="),i},t.createImageInfo=function(t,e,r,n,s,o,i,a,u,c,l,f){var d={alias:a,w:e,h:r,cs:n,bpc:s,i:i,data:t};return o&&(d.f=o),u&&(d.dp=u),c&&(d.trns=c),l&&(d.pal=l),f&&(d.smask=f),d},t.addImage=function(t,e,n,s,o,w,g,v){if("number"==typeof e){var b=w;w=o,o=s,s=n,n=e,e=b}var q,x,k=a.call(this);if(v=i(v),e=(e||"JPEG").toLowerCase(),c(g)&&(g=l(t)),h(t)&&(t=p(t,e)),this.isString(t)){var _=this.extractInfoFromBase64DataURI(t);_?(e=_[2],t=atob(_[3]),this.supportsArrayBuffer()&&(x=t,t=this.binaryStringToUint8Array(t))):255!==t.charCodeAt(0)&&(q=m(t,k))}if(f(e))throw new Error("addImage currently only supports formats "+r+", not '"+e+"'");if(d(e))throw new Error("please ensure that the plugin for '"+e+"' support is added");var A=u(k),C=q;if(C||(C=this["process"+e.toUpperCase()](t,A,g,v,x)),!C)throw new Error("An unkwown error occurred whilst processing the image");return y.call(this,n,s,o,w,C,A,k),this};var g=function(t){var e,r;if(255===!t.charCodeAt(0)||216===!t.charCodeAt(1)||255===!t.charCodeAt(2)||224===!t.charCodeAt(3)||!t.charCodeAt(6)==="J".charCodeAt(0)||!t.charCodeAt(7)==="F".charCodeAt(0)||!t.charCodeAt(8)==="I".charCodeAt(0)||!t.charCodeAt(9)==="F".charCodeAt(0)||0===!t.charCodeAt(10))throw new Error("getJpegSize requires a binary string jpeg file");for(var n=256*t.charCodeAt(4)+t.charCodeAt(5),s=4,o=t.length;o>s;){if(s+=n,255!==t.charCodeAt(s))throw new Error("getJpegSize could not find the size of the image");if(192===t.charCodeAt(s+1)||193===t.charCodeAt(s+1)||194===t.charCodeAt(s+1)||195===t.charCodeAt(s+1)||196===t.charCodeAt(s+1)||197===t.charCodeAt(s+1)||198===t.charCodeAt(s+1)||199===t.charCodeAt(s+1))return r=256*t.charCodeAt(s+5)+t.charCodeAt(s+6),e=256*t.charCodeAt(s+7)+t.charCodeAt(s+8),[e,r];s+=2,n=256*t.charCodeAt(s)+t.charCodeAt(s+1)}},v=function(t){var e=t[0]<<8|t[1];if(65496!==e)throw new Error("Supplied data is not a JPEG");for(var r,n,s,o=t.length,i=(t[4]<<8)+t[5],a=4;o>a;){if(a+=i,r=b(t,a),i=(r[2]<<8)+r[3],(192===r[1]||194===r[1])&&255===r[0]&&i>7)return r=b(t,a+5),n=(r[2]<<8)+r[3],s=(r[0]<<8)+r[1],{width:n,height:s};a+=2}throw new Error("getJpegSizeFromBytes could not find the size of the image")},b=function(t,e){return t.subarray(e,e+4)};t.processJPEG=function(t,e,r,n,s){var o,i=this.color_spaces.DEVICE_RGB,a=this.decode.DCT_DECODE,u=8;return this.isString(t)?(o=g(t),this.createImageInfo(t,o[0],o[1],i,u,a,e,r)):(this.isArrayBuffer(t)&&(t=new Uint8Array(t)),this.isArrayBufferView(t)?(o=v(t),t=s||this.arrayBufferToBinaryString(t),this.createImageInfo(t,o.width,o.height,i,u,a,e,r)):null)},t.processJPG=function(){return this.processJPEG.apply(this,arguments)}}(r.API),function(t){"use strict";t.autoPrint=function(){var t;return this.internal.events.subscribe("postPutResources",function(){t=this.internal.newObject(),this.internal.write("<< /S/Named /Type/Action /N/Print >>","endobj")}),this.internal.events.subscribe("putCatalog",function(){this.internal.write("/OpenAction "+t+" 0 R")}),this}}(r.API),function(t){"use strict";var e,r,n,s,o=3,i=13,a={x:void 0,y:void 0,w:void 0,h:void 0,ln:void 0},u=1,c=function(t,e,r,n,s){a={x:t,y:e,w:r,h:n,ln:s}},l=function(){return a},f={left:0,top:0,bottom:0};t.setHeaderFunction=function(t){s=t},t.getTextDimensions=function(t){e=this.internal.getFont().fontName,r=this.table_font_size||this.internal.getFontSize(),n=this.internal.getFont().fontStyle;var s,o,i=19.049976/25.4;return o=document.createElement("font"),o.id="jsPDFCell",o.style.fontStyle=n,o.style.fontName=e,o.style.fontSize=r+"pt",o.innerText=t,document.body.appendChild(o),s={w:(o.offsetWidth+1)*i,h:(o.offsetHeight+1)*i},document.body.removeChild(o),s},t.cellAddPage=function(){var t=this.margins||f;this.addPage(),c(t.left,t.top,void 0,void 0),u+=1},t.cellInitialize=function(){a={x:void 0,y:void 0,w:void 0,h:void 0,ln:void 0},u=1},t.cell=function(t,e,r,n,s,a,u){var d=l();if(void 0!==d.ln)if(d.ln===a)t=d.x+d.w,e=d.y;else{var h=this.margins||f;d.y+d.h+n+i>=this.internal.pageSize.height-h.bottom&&(this.cellAddPage(),this.printHeaders&&this.tableHeaderRow&&this.printHeaderRow(a,!0)),e=l().y+l().h}if(void 0!==s[0])if(this.printingHeaderRow?this.rect(t,e,r,n,"FD"):this.rect(t,e,r,n),"right"===u){if(s instanceof Array)for(var p=0;p<s.length;p++){var m=s[p],w=this.getStringUnitWidth(m)*this.internal.getFontSize();this.text(m,t+r-w-o,e+this.internal.getLineHeight()*(p+1))}}else this.text(s,t+o,e+this.internal.getLineHeight());return c(t,e,r,n,a),this},t.arrayMax=function(t,e){var r,n,s,o=t[0];for(r=0,n=t.length;n>r;r+=1)s=t[r],e?-1===e(o,s)&&(o=s):s>o&&(o=s);return o},t.table=function(e,r,n,s,o){if(!n)throw"No data for PDF table";var i,c,l,d,h,p,m,w,y,g,v=[],b=[],q={},x={},k=[],_=[],A=!1,C=!0,S=12,E=f;if(E.width=this.internal.pageSize.width,o&&(o.autoSize===!0&&(A=!0),o.printHeaders===!1&&(C=!1),o.fontSize&&(S=o.fontSize),o.margins&&(E=o.margins)),this.lnMod=0,a={x:void 0,y:void 0,w:void 0,h:void 0,ln:void 0},u=1,this.printHeaders=C,this.margins=E,this.setFontSize(S),this.table_font_size=S,void 0===s||null===s)v=Object.keys(n[0]);else if(s[0]&&"string"!=typeof s[0]){var z=19.049976/25.4;for(c=0,l=s.length;l>c;c+=1)i=s[c],v.push(i.name),b.push(i.prompt),x[i.name]=i.width*z}else v=s;if(A)for(g=function(t){return t[i]},c=0,l=v.length;l>c;c+=1){for(i=v[c],q[i]=n.map(g),k.push(this.getTextDimensions(b[c]||i).w),p=q[i],m=0,d=p.length;d>m;m+=1)h=p[m],k.push(this.getTextDimensions(h).w);x[i]=t.arrayMax(k)}if(C){var I=this.calculateLineHeight(v,x,b.length?b:v);for(c=0,l=v.length;l>c;c+=1)i=v[c],_.push([e,r,x[i],I,String(b.length?b[c]:i)]);this.setTableHeaderRow(_),this.printHeaderRow(1,!1)}for(c=0,l=n.length;l>c;c+=1){var I;for(w=n[c],I=this.calculateLineHeight(v,x,w),m=0,y=v.length;y>m;m+=1)i=v[m],this.cell(e,r,x[i],I,w[i],c+2,i.align)}return this.lastCellPos=a,this.table_x=e,this.table_y=r,this},t.calculateLineHeight=function(t,e,r){for(var n,s=0,i=0;i<t.length;i++){n=t[i],r[n]=this.splitTextToSize(String(r[n]),e[n]-o);var a=this.internal.getLineHeight()*r[n].length+o;a>s&&(s=a)}return s},t.setTableHeaderRow=function(t){this.tableHeaderRow=t},t.printHeaderRow=function(t,e){if(!this.tableHeaderRow)throw"Property tableHeaderRow does not exist.";var r,n,o,i;if(this.printingHeaderRow=!0,void 0!==s){var a=s(this,u);c(a[0],a[1],a[2],a[3],-1)}this.setFontStyle("bold");var l=[];for(o=0,i=this.tableHeaderRow.length;i>o;o+=1)this.setFillColor(200,200,200),r=this.tableHeaderRow[o],e&&(r[1]=this.margins&&this.margins.top||0,l.push(r)),n=[].concat(r),this.cell.apply(this,n.concat(t));l.length>0&&this.setTableHeaderRow(l),this.setFontStyle("normal"),this.printingHeaderRow=!1}}(r.API),function(t){var e,r,n,s,o,i,a,u,c,l,f,d,h,p,m,w,y;e=function(){function t(){}return function(e){return t.prototype=e,new t}}(),a=function(t){var e,r,n,s,o,i,a;for(r=0,n=t.length,e=void 0,s=!1,i=!1;!s&&r!==n;)e=t[r]=t[r].trimLeft(),e&&(s=!0),r++;for(r=n-1;n&&!i&&-1!==r;)e=t[r]=t[r].trimRight(),e&&(i=!0),r--;for(o=/\s+$/g,a=!0,r=0;r!==n;)e=t[r].replace(/\s+/g," "),a&&(e=e.trimLeft()),e&&(a=o.test(e)),t[r]=e,r++;return t},u=function(t,e,r,n){return this.pdf=t,this.x=e,this.y=r,this.settings=n,this.init(),this},c=function(t){var e,r,s;for(e=void 0,s=t.split(","),r=s.shift();!e&&r;)e=n[r.trim().toLowerCase()],r=s.shift();return e},l=function(t){t="auto"===t?"0px":t,t.indexOf("em")>-1&&!isNaN(Number(t.replace("em","")))&&(t=18.719*Number(t.replace("em",""))+"px"),t.indexOf("pt")>-1&&!isNaN(Number(t.replace("pt","")))&&(t=1.333*Number(t.replace("pt",""))+"px");var e,r,n;return r=void 0,e=16,(n=f[t])?n:(n={"xx-small":9,"x-small":11,small:13,medium:16,large:19,"x-large":23,"xx-large":28,auto:0}[{css_line_height_string:t}],n!==r?f[t]=n/e:(n=parseFloat(t))?f[t]=n/e:(n=t.match(/([\d\.]+)(px)/),f[t]=3===n.length?parseFloat(n[1])/e:1))},i=function(t){var e,r,n;return n=function(t){var e;return e=function(t){return document.defaultView&&document.defaultView.getComputedStyle?document.defaultView.getComputedStyle(t,null):t.currentStyle?t.currentStyle:t.style}(t),function(t){return t=t.replace(/-\D/g,function(t){return t.charAt(1).toUpperCase()}),e[t]}}(t),e={},r=void 0,e["font-family"]=c(n("font-family"))||"times",e["font-style"]=s[n("font-style")]||"normal",e["text-align"]=TextAlignMap[n("text-align")]||"left",r=o[n("font-weight")]||"normal","bold"===r&&(e["font-style"]="normal"===e["font-style"]?r:r+e["font-style"]),e["font-size"]=l(n("font-size"))||1,e["line-height"]=l(n("line-height"))||1,e.display="inline"===n("display")?"inline":"block","block"===e.display&&(e["margin-top"]=l(n("margin-top"))||0,e["margin-bottom"]=l(n("margin-bottom"))||0,e["padding-top"]=l(n("padding-top"))||0,e["padding-bottom"]=l(n("padding-bottom"))||0,e["margin-left"]=l(n("margin-left"))||0,e["margin-right"]=l(n("margin-right"))||0,e["padding-left"]=l(n("padding-left"))||0,e["padding-right"]=l(n("padding-right"))||0),e},d=function(t,e,r){var n,s,o,i,a;if(o=!1,s=void 0,i=void 0,a=void 0,n=r["#"+t.id])if("function"==typeof n)o=n(t,e);else for(s=0,i=n.length;!o&&s!==i;)o=n[s](t,e),s++;if(n=r[t.nodeName],!o&&n)if("function"==typeof n)o=n(t,e);else for(s=0,i=n.length;!o&&s!==i;)o=n[s](t,e),s++;return o},y=function(t,e){var r,n,s,o,i,a,u,c,l,f;for(r=[],n=[],s=0,f=t.rows[0].cells.length,c=t.clientWidth;f>s;)l=t.rows[0].cells[s],n[s]={name:l.textContent.toLowerCase().replace(/\s+/g,""),prompt:l.textContent.replace(/\r?\n/g,""),width:l.clientWidth/c*e.pdf.internal.pageSize.width},s++;for(s=1;s<t.rows.length;){for(a=t.rows[s],i={},o=0;o<a.cells.length;)i[n[o].name]=a.cells[o].textContent.replace(/\r?\n/g,""),o++;r.push(i),s++}return u={rows:r,headers:n}};var g={SCRIPT:1,STYLE:1,NOSCRIPT:1,OBJECT:1,EMBED:1,SELECT:1},v=1;r=function(t,e,n){var s,o,a,u,c,l,f,p,m;for(o=t.childNodes,s=void 0,a=i(t),c="block"===a.display,c&&(e.setBlockBoundary(),e.setBlockStyle(a)),f=19.049976/25.4,u=0,l=o.length;l>u;){if(s=o[u],"object"==typeof s){if(1===s.nodeType&&"HEADER"===s.nodeName){var w=s,b=e.pdf.margins_doc.top;e.pdf.internal.events.subscribe("addPage",function(){e.y=b,r(w,e,n),e.pdf.margins_doc.top=e.y+10,e.y+=10},!1)}if(8===s.nodeType&&"#comment"===s.nodeName)~s.textContent.indexOf("ADD_PAGE")&&(e.pdf.addPage(),e.y=e.pdf.margins_doc.top);else if(1!==s.nodeType||g[s.nodeName])if(3===s.nodeType){var q=s.nodeValue;if(s.nodeValue&&"LI"===s.parentNode.nodeName)if("OL"===s.parentNode.parentNode.nodeName)q=v++ +". "+q;else{var x=16*a["font-size"],k=2;x>20&&(k=3),m=function(t,e){this.pdf.circle(t,e,k,"FD")}}e.addText(q,a)}else"string"==typeof s&&e.addText(s,a);else if("IMG"===s.nodeName&&h[s.getAttribute("src")])e.pdf.internal.pageSize.height-e.pdf.margins_doc.bottom<e.y+s.height&&e.y>e.pdf.margins_doc.top&&(e.pdf.addPage(),e.y=e.pdf.margins_doc.top),e.pdf.addImage(h[s.getAttribute("src")],e.x,e.y,s.width,s.height),e.y+=s.height;else if("TABLE"===s.nodeName)p=y(s,e),e.y+=10,e.pdf.table(e.x,e.y,p.rows,p.headers,{autoSize:!1,printHeaders:!0,margins:e.pdf.margins_doc}),e.y=e.pdf.lastCellPos.y+e.pdf.lastCellPos.h+20;else if("OL"===s.nodeName||"UL"===s.nodeName)v=1,d(s,e,n)||r(s,e,n),e.y+=10;else if("LI"===s.nodeName){var _=e.x;e.x+="UL"===s.parentNode.nodeName?22:10,e.y+=3,d(s,e,n)||r(s,e,n),e.x=_}else d(s,e,n)||r(s,e,n)}u++}return c?e.setBlockBoundary(m):void 0},h={},p=function(t,e,r,n){function s(){e.pdf.internal.events.publish("imagesLoaded"),n()}function o(t,e,r){if(t){var n=new Image;++u,n.crossOrigin="",n.onerror=n.onload=function(){n.complete&&(0===n.src.indexOf("data:image/")&&(n.width=e||n.width||0,n.height=r||n.height||0),n.width+n.height&&(h[t]=h[t]||n)),--u||s()},n.src=t}}for(var i=t.getElementsByTagName("img"),a=i.length,u=0;a--;)o(i[a].getAttribute("src"),i[a].width,i[a].height);return u||s()},m=function(t,e,n,s){var o=t.getElementsByTagName("footer");if(o.length>0){o=o[0];var i=e.pdf.internal.write,a=e.y;e.pdf.internal.write=function(){},r(o,e,n);var u=Math.ceil(e.y-a)+5;e.y=a,e.pdf.internal.write=i,e.pdf.margins_doc.bottom+=u;
 for(var c=function(t){var s=void 0!==t?t.pageNumber:1,i=e.y;e.y=e.pdf.internal.pageSize.height-e.pdf.margins_doc.bottom,e.pdf.margins_doc.bottom-=u;for(var a=o.getElementsByTagName("span"),c=0;c<a.length;++c)(" "+a[c].className+" ").replace(/[\n\t]/g," ").indexOf(" pageCounter ")>-1&&(a[c].innerHTML=s),(" "+a[c].className+" ").replace(/[\n\t]/g," ").indexOf(" totalPages ")>-1&&(a[c].innerHTML="###jsPDFVarTotalPages###");r(o,e,n),e.pdf.margins_doc.bottom+=u,e.y=i},l=o.getElementsByTagName("span"),f=0;f<l.length;++f)(" "+l[f].className+" ").replace(/[\n\t]/g," ").indexOf(" totalPages ")>-1&&e.pdf.internal.events.subscribe("htmlRenderingFinished",e.pdf.putTotalPages.bind(e.pdf,"###jsPDFVarTotalPages###"),!0);e.pdf.internal.events.subscribe("addPage",c,!1),c(),g.FOOTER=1}s()},w=function(t,e,n,s,o,i){if(!e)return!1;"string"==typeof e||e.parentNode||(e=""+e.innerHTML),"string"==typeof e&&(e=function(t){var e,r,n,s;return n="jsPDFhtmlText"+Date.now().toString()+(1e3*Math.random()).toFixed(0),s="position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height: 1px !important;width: 1px !important; top:auto;left:-100px;overflow: hidden;",r=document.createElement("div"),r.style.cssText=s,r.innerHTML='<iframe style="height:1px;width:1px" name="'+n+'" />',document.body.appendChild(r),e=window.frames[n],e.document.body.innerHTML=t,e.document.body}(e.replace(/<\/?script[^>]*?>/gi,"")));var a=new u(t,n,s,o);return i=i||function(){},p.call(this,e,a,o.elementHandlers,function(){m.call(this,e,a,o.elementHandlers,function(){r(e,a,o.elementHandlers),a.pdf.internal.events.publish("htmlRenderingFinished"),i(a.dispose())})}),a.dispose()},u.prototype.init=function(){return this.paragraph={text:[],style:[]},this.pdf.internal.write("q")},u.prototype.dispose=function(){return this.pdf.internal.write("Q"),{x:this.x,y:this.y}},u.prototype.splitFragmentsIntoLines=function(t,r){var n,s,o,i,a,u,c,l,f,d,h,p,m,w,y;for(s=12,h=this.pdf.internal.scaleFactor,a={},o=void 0,d=void 0,i=void 0,u=void 0,y=void 0,f=void 0,l=void 0,c=void 0,p=[],m=[p],n=0,w=this.settings.width;t.length;)if(u=t.shift(),y=r.shift(),u)if(o=y["font-family"],d=y["font-style"],i=a[o+d],i||(i=this.pdf.internal.getFont(o,d).metadata.Unicode,a[o+d]=i),f={widths:i.widths,kerning:i.kerning,fontSize:y["font-size"]*s,textIndent:n},l=this.pdf.getStringUnitWidth(u,f)*f.fontSize/h,n+l>w){for(c=this.pdf.splitTextToSize(u,w,f),p.push([c.shift(),y]);c.length;)p=[[c.shift(),y]],m.push(p);n=this.pdf.getStringUnitWidth(p[0][0],f)*f.fontSize/h}else p.push([u,y]),n+=l;if(void 0!==y["text-align"]&&("center"===y["text-align"]||"right"===y["text-align"]||"justify"===y["text-align"]))for(var g=0;g<m.length;++g){var v=this.pdf.getStringUnitWidth(m[g][0][0],f)*f.fontSize/h;g>0&&(m[g][0][1]=e(m[g][0][1]));var b=w-v;if("right"===y["text-align"])m[g][0][1]["margin-left"]=b;else if("center"===y["text-align"])m[g][0][1]["margin-left"]=b/2;else if("justify"===y["text-align"]){var q=m[g][0][0].split(" ").length-1;m[g][0][1]["word-spacing"]=b/q,g===m.length-1&&(m[g][0][1]["word-spacing"]=0)}}return m},u.prototype.RenderTextFragment=function(t,e){var r,n;this.pdf.internal.pageSize.height-this.pdf.margins_doc.bottom<this.y+this.pdf.internal.getFontSize()&&(this.pdf.internal.write("ET","Q"),this.pdf.addPage(),this.y=this.pdf.margins_doc.top,this.pdf.internal.write("q","BT",this.pdf.internal.getCoordinateString(this.x),this.pdf.internal.getVerticalCoordinateString(this.y),"Td")),r=12,n=this.pdf.internal.getFont(e["font-family"],e["font-style"]),void 0!==e["word-spacing"]&&e["word-spacing"]>0&&this.pdf.internal.write(e["word-spacing"].toFixed(2),"Tw"),this.pdf.internal.write("/"+n.id,(r*e["font-size"]).toFixed(2),"Tf","("+this.pdf.internal.pdfEscape(t)+") Tj"),void 0!==e["word-spacing"]&&this.pdf.internal.write(0,"Tw")},u.prototype.renderParagraph=function(t){var e,r,n,s,o,i,u,c,l,f,d,h,p,m,w;if(s=a(this.paragraph.text),m=this.paragraph.style,e=this.paragraph.blockstyle,p=this.paragraph.blockstyle||{},this.paragraph={text:[],style:[],blockstyle:{},priorblockstyle:e},s.join("").trim()){c=this.splitFragmentsIntoLines(s,m),u=void 0,l=void 0,r=12,n=r/this.pdf.internal.scaleFactor,h=(Math.max((e["margin-top"]||0)-(p["margin-bottom"]||0),0)+(e["padding-top"]||0))*n,d=((e["margin-bottom"]||0)+(e["padding-bottom"]||0))*n,f=this.pdf.internal.write,o=void 0,i=void 0,this.y+=h,f("q","BT",this.pdf.internal.getCoordinateString(this.x),this.pdf.internal.getVerticalCoordinateString(this.y),"Td");for(var y=0;c.length;){for(u=c.shift(),l=0,o=0,i=u.length;o!==i;)u[o][0].trim()&&(l=Math.max(l,u[o][1]["line-height"],u[o][1]["font-size"]),w=7*u[o][1]["font-size"]),o++;var g=0;for(void 0!==u[0][1]["margin-left"]&&u[0][1]["margin-left"]>0&&(wantedIndent=this.pdf.internal.getCoordinateString(u[0][1]["margin-left"]),g=wantedIndent-y,y=wantedIndent),f(g,(-1*r*l).toFixed(2),"Td"),o=0,i=u.length;o!==i;)u[o][0]&&this.RenderTextFragment(u[o][0],u[o][1]),o++;this.y+=l*n}return t&&"function"==typeof t&&t.call(this,this.x-9,this.y-w/2),f("ET","Q"),this.y+=d}},u.prototype.setBlockBoundary=function(t){return this.renderParagraph(t)},u.prototype.setBlockStyle=function(t){return this.paragraph.blockstyle=t},u.prototype.addText=function(t,e){return this.paragraph.text.push(t),this.paragraph.style.push(e)},n={helvetica:"helvetica","sans-serif":"helvetica","times new roman":"times",serif:"times",times:"times",monospace:"courier",courier:"courier"},o={100:"normal",200:"normal",300:"normal",400:"normal",500:"bold",600:"bold",700:"bold",800:"bold",900:"bold",normal:"normal",bold:"bold",bolder:"bold",lighter:"normal"},s={normal:"normal",italic:"italic",oblique:"italic"},TextAlignMap={left:"left",right:"right",center:"center",justify:"justify"},f={normal:1},t.fromHTML=function(t,e,r,n,s,o){"use strict";return this.margins_doc=o||{top:0,bottom:0},n||(n={}),n.elementHandlers||(n.elementHandlers={}),w(this,t,e||4,r||4,n,s)}}(r.API),function(t){"use strict";var e,r,n;t.addJS=function(t){return n=t,this.internal.events.subscribe("postPutResources",function(){e=this.internal.newObject(),this.internal.write("<< /Names [(EmbeddedJS) "+(e+1)+" 0 R] >>","endobj"),r=this.internal.newObject(),this.internal.write("<< /S /JavaScript /JS (",n,") >>","endobj")}),this.internal.events.subscribe("putCatalog",function(){void 0!==e&&void 0!==r&&this.internal.write("/Names <</JavaScript "+e+" 0 R>>")}),this}}(r.API),function(t){"use strict";var e=function(){return"function"!=typeof PNG||"function"!=typeof i},r=function(e){return e!==t.image_compression.NONE&&n()},n=function(){var t="function"==typeof s;if(!t)throw new Error("requires deflate.js for compression");return t},o=function(e,r,n,o){var i=5,l=d;switch(o){case t.image_compression.FAST:i=3,l=f;break;case t.image_compression.MEDIUM:i=6,l=h;break;case t.image_compression.SLOW:i=9,l=p}e=c(e,r,n,l);var m=new Uint8Array(a(i)),w=u(e),y=new s(i),g=y.append(e),v=y.flush(),b=m.length+g.length+v.length,q=new Uint8Array(b+4);return q.set(m),q.set(g,m.length),q.set(v,m.length+g.length),q[b++]=w>>>24&255,q[b++]=w>>>16&255,q[b++]=w>>>8&255,q[b++]=255&w,t.arrayBufferToBinaryString(q)},a=function(t,e){var r=8,n=Math.LOG2E*Math.log(32768)-8,s=n<<4|r,o=s<<8,i=Math.min(3,(e-1&255)>>1);return o|=i<<6,o|=0,o+=31-o%31,[s,255&o&255]},u=function(t,e){for(var r,n=1,s=65535&n,o=n>>>16&65535,i=t.length,a=0;i>0;){r=i>e?e:i,i-=r;do s+=t[a++],o+=s;while(--r);s%=65521,o%=65521}return(o<<16|s)>>>0},c=function(t,e,r,n){for(var s,o,i,a=t.length/e,u=new Uint8Array(t.length+a),c=w(),l=0;a>l;l++){if(i=l*e,s=t.subarray(i,i+e),n)u.set(n(s,r,o),i+l);else{for(var f=0,d=c.length,h=[];d>f;f++)h[f]=c[f](s,r,o);var p=y(h.concat());u.set(h[p],i+l)}o=s}return u},l=function(t){var e=Array.apply([],t);return e.unshift(0),e},f=function(t,e){var r,n=[],s=0,o=t.length;for(n[0]=1;o>s;s++)r=t[s-e]||0,n[s+1]=t[s]-r+256&255;return n},d=function(t,e,r){var n,s=[],o=0,i=t.length;for(s[0]=2;i>o;o++)n=r&&r[o]||0,s[o+1]=t[o]-n+256&255;return s},h=function(t,e,r){var n,s,o=[],i=0,a=t.length;for(o[0]=3;a>i;i++)n=t[i-e]||0,s=r&&r[i]||0,o[i+1]=t[i]+256-(n+s>>>1)&255;return o},p=function(t,e,r){var n,s,o,i,a=[],u=0,c=t.length;for(a[0]=4;c>u;u++)n=t[u-e]||0,s=r&&r[u]||0,o=r&&r[u-e]||0,i=m(n,s,o),a[u+1]=t[u]-i+256&255;return a},m=function(t,e,r){var n=t+e-r,s=Math.abs(n-t),o=Math.abs(n-e),i=Math.abs(n-r);return o>=s&&i>=s?t:i>=o?e:r},w=function(){return[l,f,d,h,p]},y=function(t){for(var e,r,n,s=0,o=t.length;o>s;)e=g(t[s].slice(1)),(r>e||!r)&&(r=e,n=s),s++;return n},g=function(t){for(var e=0,r=t.length,n=0;r>e;)n+=Math.abs(t[e++]);return n};t.processPNG=function(t,n,s,i){var a,u,c,l,f,d,h=this.color_spaces.DEVICE_RGB,p=this.decode.FLATE_DECODE,m=8;if(this.isArrayBuffer(t)&&(t=new Uint8Array(t)),this.isArrayBufferView(t)){if(e())throw new Error("PNG support requires png.js and zlib.js");if(a=new PNG(t),t=a.imgData,m=a.bits,h=a.colorSpace,l=a.colors,-1!==[4,6].indexOf(a.colorType)){if(8===a.bits)for(var w,y,g=window["Uint"+a.pixelBitlength+"Array"],v=new g(a.decodePixels().buffer),b=v.length,q=new Uint8Array(b*a.colors),x=new Uint8Array(b),k=a.pixelBitlength-a.bits,_=0,A=0;b>_;_++){for(w=v[_],y=0;k>y;)q[A++]=w>>>y&255,y+=a.bits;x[_]=w>>>y&255}if(16===a.bits){for(var w,v=new Uint32Array(a.decodePixels().buffer),b=v.length,q=new Uint8Array(b*(32/a.pixelBitlength)*a.colors),x=new Uint8Array(b*(32/a.pixelBitlength)),C=a.colors>1,_=0,A=0,S=0;b>_;)w=v[_++],q[A++]=w>>>0&255,C&&(q[A++]=w>>>16&255,w=v[_++],q[A++]=w>>>0&255),x[S++]=w>>>16&255;m=8}r(i)?(t=o(q,a.width*a.colors,a.colors,i),d=o(x,a.width,1,i)):(t=q,d=x,p=null)}if(3===a.colorType&&(h=this.color_spaces.INDEXED,f=a.palette,a.transparency.indexed)){for(var E=a.transparency.indexed,z=0,_=0,b=E.length;b>_;++_)z+=E[_];if(z/=255,z===b-1&&-1!==E.indexOf(0))c=[E.indexOf(0)];else if(z!==b){for(var v=a.decodePixels(),x=new Uint8Array(v.length),_=0,b=v.length;b>_;_++)x[_]=E[v[_]];d=o(x,a.width,1)}}return u=p===this.decode.FLATE_DECODE?"/Predictor 15 /Colors "+l+" /BitsPerComponent "+m+" /Columns "+a.width:"/Colors "+l+" /BitsPerComponent "+m+" /Columns "+a.width,(this.isArrayBuffer(t)||this.isArrayBufferView(t))&&(t=this.arrayBufferToBinaryString(t)),(d&&this.isArrayBuffer(d)||this.isArrayBufferView(d))&&(d=this.arrayBufferToBinaryString(d)),this.createImageInfo(t,a.width,a.height,h,m,p,n,s,u,c,f,d)}throw new Error("Unsupported PNG image data, try using JPEG instead.")}}(r.API),function(t){"use strict";t.addSVG=function(t,e,r,n,s){function o(t,e){var r=e.createElement("style");r.type="text/css",r.styleSheet?r.styleSheet.cssText=t:r.appendChild(e.createTextNode(t)),e.getElementsByTagName("head")[0].appendChild(r)}function i(t){var e="childframe",r=t.createElement("iframe");return o(".jsPDF_sillysvg_iframe {display:none;position:absolute;}",t),r.name=e,r.setAttribute("width",0),r.setAttribute("height",0),r.setAttribute("frameborder","0"),r.setAttribute("scrolling","no"),r.setAttribute("seamless","seamless"),r.setAttribute("class","jsPDF_sillysvg_iframe"),t.body.appendChild(r),r}function a(t,e){var r=(e.contentWindow||e.contentDocument).document;return r.write(t),r.close(),r.getElementsByTagName("svg")[0]}function u(t){for(var e=parseFloat(t[1]),r=parseFloat(t[2]),n=[],s=3,o=t.length;o>s;)"c"===t[s]?(n.push([parseFloat(t[s+1]),parseFloat(t[s+2]),parseFloat(t[s+3]),parseFloat(t[s+4]),parseFloat(t[s+5]),parseFloat(t[s+6])]),s+=7):"l"===t[s]?(n.push([parseFloat(t[s+1]),parseFloat(t[s+2])]),s+=3):s+=1;return[e,r,n]}var c;if(e===c||e===c)throw new Error("addSVG needs values for 'x' and 'y'");var l=i(document),f=a(t,l),d=[1,1],h=parseFloat(f.getAttribute("width")),p=parseFloat(f.getAttribute("height"));h&&p&&(n&&s?d=[n/h,s/p]:n?d=[n/h,n/h]:s&&(d=[s/p,s/p]));var m,w,y,g,v=f.childNodes;for(m=0,w=v.length;w>m;m++)y=v[m],y.tagName&&"PATH"===y.tagName.toUpperCase()&&(g=u(y.getAttribute("d").split(" ")),g[0]=g[0]*d[0]+e,g[1]=g[1]*d[1]+r,this.lines.call(this,g[2],g[0],g[1],d));return this}}(r.API),function(t){"use strict";var e=t.getCharWidthsArray=function(t,e){e||(e={});var r,n,s,o=e.widths?e.widths:this.internal.getFont().metadata.Unicode.widths,i=o.fof?o.fof:1,a=e.kerning?e.kerning:this.internal.getFont().metadata.Unicode.kerning,u=a.fof?a.fof:1,c=0,l=o[0]||i,f=[];for(r=0,n=t.length;n>r;r++)s=t.charCodeAt(r),f.push((o[s]||l)/i+(a[s]&&a[s][c]||0)/u),c=s;return f},r=function(t){for(var e=t.length,r=0;e;)e--,r+=t[e];return r},n=t.getStringUnitWidth=function(t,n){return r(e.call(this,t,n))},s=function(t,e,r,n){for(var s=[],o=0,i=t.length,a=0;o!==i&&a+e[o]<r;)a+=e[o],o++;s.push(t.slice(0,o));var u=o;for(a=0;o!==i;)a+e[o]>n&&(s.push(t.slice(u,o)),a=0,u=o),a+=e[o],o++;return u!==o&&s.push(t.slice(u,o)),s},o=function(t,o,i){i||(i={});var a,u,c,l,f,d,h=[],p=[h],m=i.textIndent||0,w=0,y=0,g=t.split(" "),v=e(" ",i)[0];if(d=-1===i.lineIndent?g[0].length+2:i.lineIndent||0){var b=Array(d).join(" "),q=[];g.map(function(t){t=t.split(/\s*\n/),t.length>1?q=q.concat(t.map(function(t,e){return(e&&t.length?"\n":"")+t})):q.push(t[0])}),g=q,d=n(b,i)}for(c=0,l=g.length;l>c;c++){var x=0;if(a=g[c],d&&"\n"==a[0]&&(a=a.substr(1),x=1),u=e(a,i),y=r(u),m+w+y>o||x){if(y>o){for(f=s(a,u,o-(m+w),o),h.push(f.shift()),h=[f.pop()];f.length;)p.push([f.shift()]);y=r(u.slice(a.length-h[0].length))}else h=[a];p.push(h),m=y+d,w=v}else h.push(a),m+=w+y,w=v}if(d)var k=function(t,e){return(e?b:"")+t.join(" ")};else var k=function(t){return t.join(" ")};return p.map(k)};t.splitTextToSize=function(t,e,r){r||(r={});var n,s=r.fontSize||this.internal.getFontSize(),i=function(t){var e={0:1},r={};if(t.widths&&t.kerning)return{widths:t.widths,kerning:t.kerning};var n=this.internal.getFont(t.fontName,t.fontStyle),s="Unicode";return n.metadata[s]?{widths:n.metadata[s].widths||e,kerning:n.metadata[s].kerning||r}:{widths:e,kerning:r}}.call(this,r);n=Array.isArray(t)?t:t.split(/\r?\n/);var a=1*this.internal.scaleFactor*e/s;i.textIndent=r.textIndent?1*r.textIndent*this.internal.scaleFactor/s:0,i.lineIndent=r.lineIndent;var u,c,l=[];for(u=0,c=n.length;c>u;u++)l=l.concat(o(n[u],a,i));return l}}(r.API),function(t){"use strict";var e=function(t){for(var e="0123456789abcdef",r="klmnopqrstuvwxyz",n={},s=0;s<r.length;s++)n[r[s]]=e[s];var o,i,a,u,c,l={},f=1,d=l,h=[],p="",m="",w=t.length-1;for(s=1;s!=w;)c=t[s],s+=1,"'"==c?i?(u=i.join(""),i=o):i=[]:i?i.push(c):"{"==c?(h.push([d,u]),d={},u=o):"}"==c?(a=h.pop(),a[0][a[1]]=d,u=o,d=a[0]):"-"==c?f=-1:u===o?n.hasOwnProperty(c)?(p+=n[c],u=parseInt(p,16)*f,f=1,p=""):p+=c:n.hasOwnProperty(c)?(m+=n[c],d[u]=parseInt(m,16)*f,f=1,u=o,m=""):m+=c;return l},r={codePages:["WinAnsiEncoding"],WinAnsiEncoding:e("{19m8n201n9q201o9r201s9l201t9m201u8m201w9n201x9o201y8o202k8q202l8r202m9p202q8p20aw8k203k8t203t8v203u9v2cq8s212m9t15m8w15n9w2dw9s16k8u16l9u17s9z17x8y17y9y}")},n={Unicode:{Courier:r,"Courier-Bold":r,"Courier-BoldOblique":r,"Courier-Oblique":r,Helvetica:r,"Helvetica-Bold":r,"Helvetica-BoldOblique":r,"Helvetica-Oblique":r,"Times-Roman":r,"Times-Bold":r,"Times-BoldItalic":r,"Times-Italic":r}},s={Unicode:{"Courier-Oblique":e("{'widths'{k3w'fof'6o}'kerning'{'fof'-6o}}"),"Times-BoldItalic":e("{'widths'{k3o2q4ycx2r201n3m201o6o201s2l201t2l201u2l201w3m201x3m201y3m2k1t2l2r202m2n2n3m2o3m2p5n202q6o2r1w2s2l2t2l2u3m2v3t2w1t2x2l2y1t2z1w3k3m3l3m3m3m3n3m3o3m3p3m3q3m3r3m3s3m203t2l203u2l3v2l3w3t3x3t3y3t3z3m4k5n4l4m4m4m4n4m4o4s4p4m4q4m4r4s4s4y4t2r4u3m4v4m4w3x4x5t4y4s4z4s5k3x5l4s5m4m5n3r5o3x5p4s5q4m5r5t5s4m5t3x5u3x5v2l5w1w5x2l5y3t5z3m6k2l6l3m6m3m6n2w6o3m6p2w6q2l6r3m6s3r6t1w6u1w6v3m6w1w6x4y6y3r6z3m7k3m7l3m7m2r7n2r7o1w7p3r7q2w7r4m7s3m7t2w7u2r7v2n7w1q7x2n7y3t202l3mcl4mal2ram3man3mao3map3mar3mas2lat4uau1uav3maw3way4uaz2lbk2sbl3t'fof'6obo2lbp3tbq3mbr1tbs2lbu1ybv3mbz3mck4m202k3mcm4mcn4mco4mcp4mcq5ycr4mcs4mct4mcu4mcv4mcw2r2m3rcy2rcz2rdl4sdm4sdn4sdo4sdp4sdq4sds4sdt4sdu4sdv4sdw4sdz3mek3mel3mem3men3meo3mep3meq4ser2wes2wet2weu2wev2wew1wex1wey1wez1wfl3rfm3mfn3mfo3mfp3mfq3mfr3tfs3mft3rfu3rfv3rfw3rfz2w203k6o212m6o2dw2l2cq2l3t3m3u2l17s3x19m3m}'kerning'{cl{4qu5kt5qt5rs17ss5ts}201s{201ss}201t{cks4lscmscnscoscpscls2wu2yu201ts}201x{2wu2yu}2k{201ts}2w{4qx5kx5ou5qx5rs17su5tu}2x{17su5tu5ou}2y{4qx5kx5ou5qx5rs17ss5ts}'fof'-6ofn{17sw5tw5ou5qw5rs}7t{cksclscmscnscoscps4ls}3u{17su5tu5os5qs}3v{17su5tu5os5qs}7p{17su5tu}ck{4qu5kt5qt5rs17ss5ts}4l{4qu5kt5qt5rs17ss5ts}cm{4qu5kt5qt5rs17ss5ts}cn{4qu5kt5qt5rs17ss5ts}co{4qu5kt5qt5rs17ss5ts}cp{4qu5kt5qt5rs17ss5ts}6l{4qu5ou5qw5rt17su5tu}5q{ckuclucmucnucoucpu4lu}5r{ckuclucmucnucoucpu4lu}7q{cksclscmscnscoscps4ls}6p{4qu5ou5qw5rt17sw5tw}ek{4qu5ou5qw5rt17su5tu}el{4qu5ou5qw5rt17su5tu}em{4qu5ou5qw5rt17su5tu}en{4qu5ou5qw5rt17su5tu}eo{4qu5ou5qw5rt17su5tu}ep{4qu5ou5qw5rt17su5tu}es{17ss5ts5qs4qu}et{4qu5ou5qw5rt17sw5tw}eu{4qu5ou5qw5rt17ss5ts}ev{17ss5ts5qs4qu}6z{17sw5tw5ou5qw5rs}fm{17sw5tw5ou5qw5rs}7n{201ts}fo{17sw5tw5ou5qw5rs}fp{17sw5tw5ou5qw5rs}fq{17sw5tw5ou5qw5rs}7r{cksclscmscnscoscps4ls}fs{17sw5tw5ou5qw5rs}ft{17su5tu}fu{17su5tu}fv{17su5tu}fw{17su5tu}fz{cksclscmscnscoscps4ls}}}"),"Helvetica-Bold":e("{'widths'{k3s2q4scx1w201n3r201o6o201s1w201t1w201u1w201w3m201x3m201y3m2k1w2l2l202m2n2n3r2o3r2p5t202q6o2r1s2s2l2t2l2u2r2v3u2w1w2x2l2y1w2z1w3k3r3l3r3m3r3n3r3o3r3p3r3q3r3r3r3s3r203t2l203u2l3v2l3w3u3x3u3y3u3z3x4k6l4l4s4m4s4n4s4o4s4p4m4q3x4r4y4s4s4t1w4u3r4v4s4w3x4x5n4y4s4z4y5k4m5l4y5m4s5n4m5o3x5p4s5q4m5r5y5s4m5t4m5u3x5v2l5w1w5x2l5y3u5z3r6k2l6l3r6m3x6n3r6o3x6p3r6q2l6r3x6s3x6t1w6u1w6v3r6w1w6x5t6y3x6z3x7k3x7l3x7m2r7n3r7o2l7p3x7q3r7r4y7s3r7t3r7u3m7v2r7w1w7x2r7y3u202l3rcl4sal2lam3ran3rao3rap3rar3ras2lat4tau2pav3raw3uay4taz2lbk2sbl3u'fof'6obo2lbp3xbq3rbr1wbs2lbu2obv3rbz3xck4s202k3rcm4scn4sco4scp4scq6ocr4scs4mct4mcu4mcv4mcw1w2m2zcy1wcz1wdl4sdm4ydn4ydo4ydp4ydq4yds4ydt4sdu4sdv4sdw4sdz3xek3rel3rem3ren3reo3rep3req5ter3res3ret3reu3rev3rew1wex1wey1wez1wfl3xfm3xfn3xfo3xfp3xfq3xfr3ufs3xft3xfu3xfv3xfw3xfz3r203k6o212m6o2dw2l2cq2l3t3r3u2l17s4m19m3r}'kerning'{cl{4qs5ku5ot5qs17sv5tv}201t{2ww4wy2yw}201w{2ks}201x{2ww4wy2yw}2k{201ts201xs}2w{7qs4qu5kw5os5qw5rs17su5tu7tsfzs}2x{5ow5qs}2y{7qs4qu5kw5os5qw5rs17su5tu7tsfzs}'fof'-6o7p{17su5tu5ot}ck{4qs5ku5ot5qs17sv5tv}4l{4qs5ku5ot5qs17sv5tv}cm{4qs5ku5ot5qs17sv5tv}cn{4qs5ku5ot5qs17sv5tv}co{4qs5ku5ot5qs17sv5tv}cp{4qs5ku5ot5qs17sv5tv}6l{17st5tt5os}17s{2kwclvcmvcnvcovcpv4lv4wwckv}5o{2kucltcmtcntcotcpt4lt4wtckt}5q{2ksclscmscnscoscps4ls4wvcks}5r{2ks4ws}5t{2kwclvcmvcnvcovcpv4lv4wwckv}eo{17st5tt5os}fu{17su5tu5ot}6p{17ss5ts}ek{17st5tt5os}el{17st5tt5os}em{17st5tt5os}en{17st5tt5os}6o{201ts}ep{17st5tt5os}es{17ss5ts}et{17ss5ts}eu{17ss5ts}ev{17ss5ts}6z{17su5tu5os5qt}fm{17su5tu5os5qt}fn{17su5tu5os5qt}fo{17su5tu5os5qt}fp{17su5tu5os5qt}fq{17su5tu5os5qt}fs{17su5tu5os5qt}ft{17su5tu5ot}7m{5os}fv{17su5tu5ot}fw{17su5tu5ot}}}"),Courier:e("{'widths'{k3w'fof'6o}'kerning'{'fof'-6o}}"),"Courier-BoldOblique":e("{'widths'{k3w'fof'6o}'kerning'{'fof'-6o}}"),"Times-Bold":e("{'widths'{k3q2q5ncx2r201n3m201o6o201s2l201t2l201u2l201w3m201x3m201y3m2k1t2l2l202m2n2n3m2o3m2p6o202q6o2r1w2s2l2t2l2u3m2v3t2w1t2x2l2y1t2z1w3k3m3l3m3m3m3n3m3o3m3p3m3q3m3r3m3s3m203t2l203u2l3v2l3w3t3x3t3y3t3z3m4k5x4l4s4m4m4n4s4o4s4p4m4q3x4r4y4s4y4t2r4u3m4v4y4w4m4x5y4y4s4z4y5k3x5l4y5m4s5n3r5o4m5p4s5q4s5r6o5s4s5t4s5u4m5v2l5w1w5x2l5y3u5z3m6k2l6l3m6m3r6n2w6o3r6p2w6q2l6r3m6s3r6t1w6u2l6v3r6w1w6x5n6y3r6z3m7k3r7l3r7m2w7n2r7o2l7p3r7q3m7r4s7s3m7t3m7u2w7v2r7w1q7x2r7y3o202l3mcl4sal2lam3man3mao3map3mar3mas2lat4uau1yav3maw3tay4uaz2lbk2sbl3t'fof'6obo2lbp3rbr1tbs2lbu2lbv3mbz3mck4s202k3mcm4scn4sco4scp4scq6ocr4scs4mct4mcu4mcv4mcw2r2m3rcy2rcz2rdl4sdm4ydn4ydo4ydp4ydq4yds4ydt4sdu4sdv4sdw4sdz3rek3mel3mem3men3meo3mep3meq4ser2wes2wet2weu2wev2wew1wex1wey1wez1wfl3rfm3mfn3mfo3mfp3mfq3mfr3tfs3mft3rfu3rfv3rfw3rfz3m203k6o212m6o2dw2l2cq2l3t3m3u2l17s4s19m3m}'kerning'{cl{4qt5ks5ot5qy5rw17sv5tv}201t{cks4lscmscnscoscpscls4wv}2k{201ts}2w{4qu5ku7mu5os5qx5ru17su5tu}2x{17su5tu5ou5qs}2y{4qv5kv7mu5ot5qz5ru17su5tu}'fof'-6o7t{cksclscmscnscoscps4ls}3u{17su5tu5os5qu}3v{17su5tu5os5qu}fu{17su5tu5ou5qu}7p{17su5tu5ou5qu}ck{4qt5ks5ot5qy5rw17sv5tv}4l{4qt5ks5ot5qy5rw17sv5tv}cm{4qt5ks5ot5qy5rw17sv5tv}cn{4qt5ks5ot5qy5rw17sv5tv}co{4qt5ks5ot5qy5rw17sv5tv}cp{4qt5ks5ot5qy5rw17sv5tv}6l{17st5tt5ou5qu}17s{ckuclucmucnucoucpu4lu4wu}5o{ckuclucmucnucoucpu4lu4wu}5q{ckzclzcmzcnzcozcpz4lz4wu}5r{ckxclxcmxcnxcoxcpx4lx4wu}5t{ckuclucmucnucoucpu4lu4wu}7q{ckuclucmucnucoucpu4lu}6p{17sw5tw5ou5qu}ek{17st5tt5qu}el{17st5tt5ou5qu}em{17st5tt5qu}en{17st5tt5qu}eo{17st5tt5qu}ep{17st5tt5ou5qu}es{17ss5ts5qu}et{17sw5tw5ou5qu}eu{17sw5tw5ou5qu}ev{17ss5ts5qu}6z{17sw5tw5ou5qu5rs}fm{17sw5tw5ou5qu5rs}fn{17sw5tw5ou5qu5rs}fo{17sw5tw5ou5qu5rs}fp{17sw5tw5ou5qu5rs}fq{17sw5tw5ou5qu5rs}7r{cktcltcmtcntcotcpt4lt5os}fs{17sw5tw5ou5qu5rs}ft{17su5tu5ou5qu}7m{5os}fv{17su5tu5ou5qu}fw{17su5tu5ou5qu}fz{cksclscmscnscoscps4ls}}}"),Helvetica:e("{'widths'{k3p2q4mcx1w201n3r201o6o201s1q201t1q201u1q201w2l201x2l201y2l2k1w2l1w202m2n2n3r2o3r2p5t202q6o2r1n2s2l2t2l2u2r2v3u2w1w2x2l2y1w2z1w3k3r3l3r3m3r3n3r3o3r3p3r3q3r3r3r3s3r203t2l203u2l3v1w3w3u3x3u3y3u3z3r4k6p4l4m4m4m4n4s4o4s4p4m4q3x4r4y4s4s4t1w4u3m4v4m4w3r4x5n4y4s4z4y5k4m5l4y5m4s5n4m5o3x5p4s5q4m5r5y5s4m5t4m5u3x5v1w5w1w5x1w5y2z5z3r6k2l6l3r6m3r6n3m6o3r6p3r6q1w6r3r6s3r6t1q6u1q6v3m6w1q6x5n6y3r6z3r7k3r7l3r7m2l7n3m7o1w7p3r7q3m7r4s7s3m7t3m7u3m7v2l7w1u7x2l7y3u202l3rcl4mal2lam3ran3rao3rap3rar3ras2lat4tau2pav3raw3uay4taz2lbk2sbl3u'fof'6obo2lbp3rbr1wbs2lbu2obv3rbz3xck4m202k3rcm4mcn4mco4mcp4mcq6ocr4scs4mct4mcu4mcv4mcw1w2m2ncy1wcz1wdl4sdm4ydn4ydo4ydp4ydq4yds4ydt4sdu4sdv4sdw4sdz3xek3rel3rem3ren3reo3rep3req5ter3mes3ret3reu3rev3rew1wex1wey1wez1wfl3rfm3rfn3rfo3rfp3rfq3rfr3ufs3xft3rfu3rfv3rfw3rfz3m203k6o212m6o2dw2l2cq2l3t3r3u1w17s4m19m3r}'kerning'{5q{4wv}cl{4qs5kw5ow5qs17sv5tv}201t{2wu4w1k2yu}201x{2wu4wy2yu}17s{2ktclucmucnu4otcpu4lu4wycoucku}2w{7qs4qz5k1m17sy5ow5qx5rsfsu5ty7tufzu}2x{17sy5ty5oy5qs}2y{7qs4qz5k1m17sy5ow5qx5rsfsu5ty7tufzu}'fof'-6o7p{17sv5tv5ow}ck{4qs5kw5ow5qs17sv5tv}4l{4qs5kw5ow5qs17sv5tv}cm{4qs5kw5ow5qs17sv5tv}cn{4qs5kw5ow5qs17sv5tv}co{4qs5kw5ow5qs17sv5tv}cp{4qs5kw5ow5qs17sv5tv}6l{17sy5ty5ow}do{17st5tt}4z{17st5tt}7s{fst}dm{17st5tt}dn{17st5tt}5o{ckwclwcmwcnwcowcpw4lw4wv}dp{17st5tt}dq{17st5tt}7t{5ow}ds{17st5tt}5t{2ktclucmucnu4otcpu4lu4wycoucku}fu{17sv5tv5ow}6p{17sy5ty5ow5qs}ek{17sy5ty5ow}el{17sy5ty5ow}em{17sy5ty5ow}en{5ty}eo{17sy5ty5ow}ep{17sy5ty5ow}es{17sy5ty5qs}et{17sy5ty5ow5qs}eu{17sy5ty5ow5qs}ev{17sy5ty5ow5qs}6z{17sy5ty5ow5qs}fm{17sy5ty5ow5qs}fn{17sy5ty5ow5qs}fo{17sy5ty5ow5qs}fp{17sy5ty5qs}fq{17sy5ty5ow5qs}7r{5ow}fs{17sy5ty5ow5qs}ft{17sv5tv5ow}7m{5ow}fv{17sv5tv5ow}fw{17sv5tv5ow}}}"),"Helvetica-BoldOblique":e("{'widths'{k3s2q4scx1w201n3r201o6o201s1w201t1w201u1w201w3m201x3m201y3m2k1w2l2l202m2n2n3r2o3r2p5t202q6o2r1s2s2l2t2l2u2r2v3u2w1w2x2l2y1w2z1w3k3r3l3r3m3r3n3r3o3r3p3r3q3r3r3r3s3r203t2l203u2l3v2l3w3u3x3u3y3u3z3x4k6l4l4s4m4s4n4s4o4s4p4m4q3x4r4y4s4s4t1w4u3r4v4s4w3x4x5n4y4s4z4y5k4m5l4y5m4s5n4m5o3x5p4s5q4m5r5y5s4m5t4m5u3x5v2l5w1w5x2l5y3u5z3r6k2l6l3r6m3x6n3r6o3x6p3r6q2l6r3x6s3x6t1w6u1w6v3r6w1w6x5t6y3x6z3x7k3x7l3x7m2r7n3r7o2l7p3x7q3r7r4y7s3r7t3r7u3m7v2r7w1w7x2r7y3u202l3rcl4sal2lam3ran3rao3rap3rar3ras2lat4tau2pav3raw3uay4taz2lbk2sbl3u'fof'6obo2lbp3xbq3rbr1wbs2lbu2obv3rbz3xck4s202k3rcm4scn4sco4scp4scq6ocr4scs4mct4mcu4mcv4mcw1w2m2zcy1wcz1wdl4sdm4ydn4ydo4ydp4ydq4yds4ydt4sdu4sdv4sdw4sdz3xek3rel3rem3ren3reo3rep3req5ter3res3ret3reu3rev3rew1wex1wey1wez1wfl3xfm3xfn3xfo3xfp3xfq3xfr3ufs3xft3xfu3xfv3xfw3xfz3r203k6o212m6o2dw2l2cq2l3t3r3u2l17s4m19m3r}'kerning'{cl{4qs5ku5ot5qs17sv5tv}201t{2ww4wy2yw}201w{2ks}201x{2ww4wy2yw}2k{201ts201xs}2w{7qs4qu5kw5os5qw5rs17su5tu7tsfzs}2x{5ow5qs}2y{7qs4qu5kw5os5qw5rs17su5tu7tsfzs}'fof'-6o7p{17su5tu5ot}ck{4qs5ku5ot5qs17sv5tv}4l{4qs5ku5ot5qs17sv5tv}cm{4qs5ku5ot5qs17sv5tv}cn{4qs5ku5ot5qs17sv5tv}co{4qs5ku5ot5qs17sv5tv}cp{4qs5ku5ot5qs17sv5tv}6l{17st5tt5os}17s{2kwclvcmvcnvcovcpv4lv4wwckv}5o{2kucltcmtcntcotcpt4lt4wtckt}5q{2ksclscmscnscoscps4ls4wvcks}5r{2ks4ws}5t{2kwclvcmvcnvcovcpv4lv4wwckv}eo{17st5tt5os}fu{17su5tu5ot}6p{17ss5ts}ek{17st5tt5os}el{17st5tt5os}em{17st5tt5os}en{17st5tt5os}6o{201ts}ep{17st5tt5os}es{17ss5ts}et{17ss5ts}eu{17ss5ts}ev{17ss5ts}6z{17su5tu5os5qt}fm{17su5tu5os5qt}fn{17su5tu5os5qt}fo{17su5tu5os5qt}fp{17su5tu5os5qt}fq{17su5tu5os5qt}fs{17su5tu5os5qt}ft{17su5tu5ot}7m{5os}fv{17su5tu5ot}fw{17su5tu5ot}}}"),"Courier-Bold":e("{'widths'{k3w'fof'6o}'kerning'{'fof'-6o}}"),"Times-Italic":e("{'widths'{k3n2q4ycx2l201n3m201o5t201s2l201t2l201u2l201w3r201x3r201y3r2k1t2l2l202m2n2n3m2o3m2p5n202q5t2r1p2s2l2t2l2u3m2v4n2w1t2x2l2y1t2z1w3k3m3l3m3m3m3n3m3o3m3p3m3q3m3r3m3s3m203t2l203u2l3v2l3w4n3x4n3y4n3z3m4k5w4l3x4m3x4n4m4o4s4p3x4q3x4r4s4s4s4t2l4u2w4v4m4w3r4x5n4y4m4z4s5k3x5l4s5m3x5n3m5o3r5p4s5q3x5r5n5s3x5t3r5u3r5v2r5w1w5x2r5y2u5z3m6k2l6l3m6m3m6n2w6o3m6p2w6q1w6r3m6s3m6t1w6u1w6v2w6w1w6x4s6y3m6z3m7k3m7l3m7m2r7n2r7o1w7p3m7q2w7r4m7s2w7t2w7u2r7v2s7w1v7x2s7y3q202l3mcl3xal2ram3man3mao3map3mar3mas2lat4wau1vav3maw4nay4waz2lbk2sbl4n'fof'6obo2lbp3mbq3obr1tbs2lbu1zbv3mbz3mck3x202k3mcm3xcn3xco3xcp3xcq5tcr4mcs3xct3xcu3xcv3xcw2l2m2ucy2lcz2ldl4mdm4sdn4sdo4sdp4sdq4sds4sdt4sdu4sdv4sdw4sdz3mek3mel3mem3men3meo3mep3meq4mer2wes2wet2weu2wev2wew1wex1wey1wez1wfl3mfm3mfn3mfo3mfp3mfq3mfr4nfs3mft3mfu3mfv3mfw3mfz2w203k6o212m6m2dw2l2cq2l3t3m3u2l17s3r19m3m}'kerning'{cl{5kt4qw}201s{201sw}201t{201tw2wy2yy6q-t}201x{2wy2yy}2k{201tw}2w{7qs4qy7rs5ky7mw5os5qx5ru17su5tu}2x{17ss5ts5os}2y{7qs4qy7rs5ky7mw5os5qx5ru17su5tu}'fof'-6o6t{17ss5ts5qs}7t{5os}3v{5qs}7p{17su5tu5qs}ck{5kt4qw}4l{5kt4qw}cm{5kt4qw}cn{5kt4qw}co{5kt4qw}cp{5kt4qw}6l{4qs5ks5ou5qw5ru17su5tu}17s{2ks}5q{ckvclvcmvcnvcovcpv4lv}5r{ckuclucmucnucoucpu4lu}5t{2ks}6p{4qs5ks5ou5qw5ru17su5tu}ek{4qs5ks5ou5qw5ru17su5tu}el{4qs5ks5ou5qw5ru17su5tu}em{4qs5ks5ou5qw5ru17su5tu}en{4qs5ks5ou5qw5ru17su5tu}eo{4qs5ks5ou5qw5ru17su5tu}ep{4qs5ks5ou5qw5ru17su5tu}es{5ks5qs4qs}et{4qs5ks5ou5qw5ru17su5tu}eu{4qs5ks5qw5ru17su5tu}ev{5ks5qs4qs}ex{17ss5ts5qs}6z{4qv5ks5ou5qw5ru17su5tu}fm{4qv5ks5ou5qw5ru17su5tu}fn{4qv5ks5ou5qw5ru17su5tu}fo{4qv5ks5ou5qw5ru17su5tu}fp{4qv5ks5ou5qw5ru17su5tu}fq{4qv5ks5ou5qw5ru17su5tu}7r{5os}fs{4qv5ks5ou5qw5ru17su5tu}ft{17su5tu5qs}fu{17su5tu5qs}fv{17su5tu5qs}fw{17su5tu5qs}}}"),"Times-Roman":e("{'widths'{k3n2q4ycx2l201n3m201o6o201s2l201t2l201u2l201w2w201x2w201y2w2k1t2l2l202m2n2n3m2o3m2p5n202q6o2r1m2s2l2t2l2u3m2v3s2w1t2x2l2y1t2z1w3k3m3l3m3m3m3n3m3o3m3p3m3q3m3r3m3s3m203t2l203u2l3v1w3w3s3x3s3y3s3z2w4k5w4l4s4m4m4n4m4o4s4p3x4q3r4r4s4s4s4t2l4u2r4v4s4w3x4x5t4y4s4z4s5k3r5l4s5m4m5n3r5o3x5p4s5q4s5r5y5s4s5t4s5u3x5v2l5w1w5x2l5y2z5z3m6k2l6l2w6m3m6n2w6o3m6p2w6q2l6r3m6s3m6t1w6u1w6v3m6w1w6x4y6y3m6z3m7k3m7l3m7m2l7n2r7o1w7p3m7q3m7r4s7s3m7t3m7u2w7v3k7w1o7x3k7y3q202l3mcl4sal2lam3man3mao3map3mar3mas2lat4wau1vav3maw3say4waz2lbk2sbl3s'fof'6obo2lbp3mbq2xbr1tbs2lbu1zbv3mbz2wck4s202k3mcm4scn4sco4scp4scq5tcr4mcs3xct3xcu3xcv3xcw2l2m2tcy2lcz2ldl4sdm4sdn4sdo4sdp4sdq4sds4sdt4sdu4sdv4sdw4sdz3mek2wel2wem2wen2weo2wep2weq4mer2wes2wet2weu2wev2wew1wex1wey1wez1wfl3mfm3mfn3mfo3mfp3mfq3mfr3sfs3mft3mfu3mfv3mfw3mfz3m203k6o212m6m2dw2l2cq2l3t3m3u1w17s4s19m3m}'kerning'{cl{4qs5ku17sw5ou5qy5rw201ss5tw201ws}201s{201ss}201t{ckw4lwcmwcnwcowcpwclw4wu201ts}2k{201ts}2w{4qs5kw5os5qx5ru17sx5tx}2x{17sw5tw5ou5qu}2y{4qs5kw5os5qx5ru17sx5tx}'fof'-6o7t{ckuclucmucnucoucpu4lu5os5rs}3u{17su5tu5qs}3v{17su5tu5qs}7p{17sw5tw5qs}ck{4qs5ku17sw5ou5qy5rw201ss5tw201ws}4l{4qs5ku17sw5ou5qy5rw201ss5tw201ws}cm{4qs5ku17sw5ou5qy5rw201ss5tw201ws}cn{4qs5ku17sw5ou5qy5rw201ss5tw201ws}co{4qs5ku17sw5ou5qy5rw201ss5tw201ws}cp{4qs5ku17sw5ou5qy5rw201ss5tw201ws}6l{17su5tu5os5qw5rs}17s{2ktclvcmvcnvcovcpv4lv4wuckv}5o{ckwclwcmwcnwcowcpw4lw4wu}5q{ckyclycmycnycoycpy4ly4wu5ms}5r{cktcltcmtcntcotcpt4lt4ws}5t{2ktclvcmvcnvcovcpv4lv4wuckv}7q{cksclscmscnscoscps4ls}6p{17su5tu5qw5rs}ek{5qs5rs}el{17su5tu5os5qw5rs}em{17su5tu5os5qs5rs}en{17su5qs5rs}eo{5qs5rs}ep{17su5tu5os5qw5rs}es{5qs}et{17su5tu5qw5rs}eu{17su5tu5qs5rs}ev{5qs}6z{17sv5tv5os5qx5rs}fm{5os5qt5rs}fn{17sv5tv5os5qx5rs}fo{17sv5tv5os5qx5rs}fp{5os5qt5rs}fq{5os5qt5rs}7r{ckuclucmucnucoucpu4lu5os}fs{17sv5tv5os5qx5rs}ft{17ss5ts5qs}fu{17sw5tw5qs}fv{17sw5tw5qs}fw{17ss5ts5qs}fz{ckuclucmucnucoucpu4lu5os5rs}}}"),"Helvetica-Oblique":e("{'widths'{k3p2q4mcx1w201n3r201o6o201s1q201t1q201u1q201w2l201x2l201y2l2k1w2l1w202m2n2n3r2o3r2p5t202q6o2r1n2s2l2t2l2u2r2v3u2w1w2x2l2y1w2z1w3k3r3l3r3m3r3n3r3o3r3p3r3q3r3r3r3s3r203t2l203u2l3v1w3w3u3x3u3y3u3z3r4k6p4l4m4m4m4n4s4o4s4p4m4q3x4r4y4s4s4t1w4u3m4v4m4w3r4x5n4y4s4z4y5k4m5l4y5m4s5n4m5o3x5p4s5q4m5r5y5s4m5t4m5u3x5v1w5w1w5x1w5y2z5z3r6k2l6l3r6m3r6n3m6o3r6p3r6q1w6r3r6s3r6t1q6u1q6v3m6w1q6x5n6y3r6z3r7k3r7l3r7m2l7n3m7o1w7p3r7q3m7r4s7s3m7t3m7u3m7v2l7w1u7x2l7y3u202l3rcl4mal2lam3ran3rao3rap3rar3ras2lat4tau2pav3raw3uay4taz2lbk2sbl3u'fof'6obo2lbp3rbr1wbs2lbu2obv3rbz3xck4m202k3rcm4mcn4mco4mcp4mcq6ocr4scs4mct4mcu4mcv4mcw1w2m2ncy1wcz1wdl4sdm4ydn4ydo4ydp4ydq4yds4ydt4sdu4sdv4sdw4sdz3xek3rel3rem3ren3reo3rep3req5ter3mes3ret3reu3rev3rew1wex1wey1wez1wfl3rfm3rfn3rfo3rfp3rfq3rfr3ufs3xft3rfu3rfv3rfw3rfz3m203k6o212m6o2dw2l2cq2l3t3r3u1w17s4m19m3r}'kerning'{5q{4wv}cl{4qs5kw5ow5qs17sv5tv}201t{2wu4w1k2yu}201x{2wu4wy2yu}17s{2ktclucmucnu4otcpu4lu4wycoucku}2w{7qs4qz5k1m17sy5ow5qx5rsfsu5ty7tufzu}2x{17sy5ty5oy5qs}2y{7qs4qz5k1m17sy5ow5qx5rsfsu5ty7tufzu}'fof'-6o7p{17sv5tv5ow}ck{4qs5kw5ow5qs17sv5tv}4l{4qs5kw5ow5qs17sv5tv}cm{4qs5kw5ow5qs17sv5tv}cn{4qs5kw5ow5qs17sv5tv}co{4qs5kw5ow5qs17sv5tv}cp{4qs5kw5ow5qs17sv5tv}6l{17sy5ty5ow}do{17st5tt}4z{17st5tt}7s{fst}dm{17st5tt}dn{17st5tt}5o{ckwclwcmwcnwcowcpw4lw4wv}dp{17st5tt}dq{17st5tt}7t{5ow}ds{17st5tt}5t{2ktclucmucnu4otcpu4lu4wycoucku}fu{17sv5tv5ow}6p{17sy5ty5ow5qs}ek{17sy5ty5ow}el{17sy5ty5ow}em{17sy5ty5ow}en{5ty}eo{17sy5ty5ow}ep{17sy5ty5ow}es{17sy5ty5qs}et{17sy5ty5ow5qs}eu{17sy5ty5ow5qs}ev{17sy5ty5ow5qs}6z{17sy5ty5ow5qs}fm{17sy5ty5ow5qs}fn{17sy5ty5ow5qs}fo{17sy5ty5ow5qs}fp{17sy5ty5qs}fq{17sy5ty5ow5qs}7r{5ow}fs{17sy5ty5ow5qs}ft{17sv5tv5ow}7m{5ow}fv{17sv5tv5ow}fw{17sv5tv5ow}}}")}};t.events.push(["addFonts",function(t){var e,r,o,i,a,u="Unicode";for(r in t.fonts)t.fonts.hasOwnProperty(r)&&(e=t.fonts[r],o=s[u][e.PostScriptName],o&&(i=e.metadata[u]?e.metadata[u]:e.metadata[u]={},i.widths=o.widths,i.kerning=o.kerning),a=n[u][e.PostScriptName],a&&(i=e.metadata[u]?e.metadata[u]:e.metadata[u]={},i.encoding=a,a.codePages&&a.codePages.length&&(e.encoding=a.codePages[0])))}])}(r.API),function(t){"use strict";t.putTotalPages=function(t){for(var e=new RegExp(t,"g"),r=1;r<=this.internal.getNumberOfPages();r++)for(var n=0;n<this.internal.pages[r].length;n++)this.internal.pages[r][n]=this.internal.pages[r][n].replace(e,this.internal.getNumberOfPages());return this}}(r.API),function(t){"use strict";if(t.URL=t.URL||t.webkitURL,t.Blob&&t.URL)try{return new Blob,void 0}catch(e){}var r=t.BlobBuilder||t.WebKitBlobBuilder||t.MozBlobBuilder||function(t){var e=function(t){return Object.prototype.toString.call(t).match(/^\[object\s(.*)\]$/)[1]},r=function(){this.data=[]},n=function(t,e,r){this.data=t,this.size=t.length,this.type=e,this.encoding=r},s=r.prototype,o=n.prototype,i=t.FileReaderSync,a=function(t){this.code=this[this.name=t]},u="NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR".split(" "),c=u.length,l=t.URL||t.webkitURL||t,f=l.createObjectURL,d=l.revokeObjectURL,h=l,p=t.btoa,m=t.atob,w=t.ArrayBuffer,y=t.Uint8Array;for(n.fake=o.fake=!0;c--;)a.prototype[u[c]]=c+1;return l.createObjectURL||(h=t.URL={}),h.createObjectURL=function(t){var e,r=t.type;return null===r&&(r="application/octet-stream"),t instanceof n?(e="data:"+r,"base64"===t.encoding?e+";base64,"+t.data:"URI"===t.encoding?e+","+decodeURIComponent(t.data):p?e+";base64,"+p(t.data):e+","+encodeURIComponent(t.data)):f?f.call(l,t):void 0},h.revokeObjectURL=function(t){"data:"!==t.substring(0,5)&&d&&d.call(l,t)},s.append=function(t){var r=this.data;if(y&&(t instanceof w||t instanceof y)){for(var s="",o=new y(t),u=0,c=o.length;c>u;u++)s+=String.fromCharCode(o[u]);r.push(s)}else if("Blob"===e(t)||"File"===e(t)){if(!i)throw new a("NOT_READABLE_ERR");var l=new i;r.push(l.readAsBinaryString(t))}else t instanceof n?"base64"===t.encoding&&m?r.push(m(t.data)):"URI"===t.encoding?r.push(decodeURIComponent(t.data)):"raw"===t.encoding&&r.push(t.data):("string"!=typeof t&&(t+=""),r.push(unescape(encodeURIComponent(t))))},s.getBlob=function(t){return arguments.length||(t=null),new n(this.data.join(""),t,"raw")},s.toString=function(){return"[object BlobBuilder]"},o.slice=function(t,e,r){var s=arguments.length;return 3>s&&(r=null),new n(this.data.slice(t,s>1?e:this.data.length),r,this.encoding)
 },o.toString=function(){return"[object Blob]"},o.close=function(){this.size=this.data.length=0},r}(t);t.Blob=function(t,e){var n=e?e.type||"":"",s=new r;if(t)for(var o=0,i=t.length;i>o;o++)s.append(t[o]);return s.getBlob(n)}}("undefined"!=typeof self&&self||"undefined"!=typeof window&&window||this.content||this);var n=n||"undefined"!=typeof navigator&&navigator.msSaveOrOpenBlob&&navigator.msSaveOrOpenBlob.bind(navigator)||function(t){"use strict";if("undefined"==typeof navigator||!/MSIE [1-9]\./.test(navigator.userAgent)){var e=t.document,r=function(){return t.URL||t.webkitURL||t},n=e.createElementNS("http://www.w3.org/1999/xhtml","a"),s=!t.externalHost&&"download"in n,o=function(r){var n=e.createEvent("MouseEvents");n.initMouseEvent("click",!0,!1,t,0,0,0,0,0,!1,!1,!1,!1,0,null),r.dispatchEvent(n)},i=t.webkitRequestFileSystem,a=t.requestFileSystem||i||t.mozRequestFileSystem,u=function(e){(t.setImmediate||t.setTimeout)(function(){throw e},0)},c="application/octet-stream",l=0,f=[],d=function(){for(var t=f.length;t--;){var e=f[t];"string"==typeof e?r().revokeObjectURL(e):e.remove()}f.length=0},h=function(t,e,r){e=[].concat(e);for(var n=e.length;n--;){var s=t["on"+e[n]];if("function"==typeof s)try{s.call(t,r||t)}catch(o){u(o)}}},p=function(e,u){var d,p,m,w=this,y=e.type,g=!1,v=function(){var t=r().createObjectURL(e);return f.push(t),t},b=function(){h(w,"writestart progress write writeend".split(" "))},q=function(){(g||!d)&&(d=v(e)),p?p.location.href=d:window.open(d,"_blank"),w.readyState=w.DONE,b()},x=function(t){return function(){return w.readyState!==w.DONE?t.apply(this,arguments):void 0}},k={create:!0,exclusive:!1};return w.readyState=w.INIT,u||(u="download"),s?(d=v(e),n.href=d,n.download=u,o(n),w.readyState=w.DONE,b(),void 0):(t.chrome&&y&&y!==c&&(m=e.slice||e.webkitSlice,e=m.call(e,0,e.size,c),g=!0),i&&"download"!==u&&(u+=".download"),(y===c||i)&&(p=t),a?(l+=e.size,a(t.TEMPORARY,l,x(function(t){t.root.getDirectory("saved",k,x(function(t){var r=function(){t.getFile(u,k,x(function(t){t.createWriter(x(function(r){r.onwriteend=function(e){p.location.href=t.toURL(),f.push(t),w.readyState=w.DONE,h(w,"writeend",e)},r.onerror=function(){var t=r.error;t.code!==t.ABORT_ERR&&q()},"writestart progress write abort".split(" ").forEach(function(t){r["on"+t]=w["on"+t]}),r.write(e),w.abort=function(){r.abort(),w.readyState=w.DONE},w.readyState=w.WRITING}),q)}),q)};t.getFile(u,{create:!1},x(function(t){t.remove(),r()}),x(function(t){t.code===t.NOT_FOUND_ERR?r():q()}))}),q)}),q),void 0):(q(),void 0))},m=p.prototype,w=function(t,e){return new p(t,e)};return m.abort=function(){var t=this;t.readyState=t.DONE,h(t,"abort")},m.readyState=m.INIT=0,m.WRITING=1,m.DONE=2,m.error=m.onwritestart=m.onprogress=m.onwrite=m.onabort=m.onerror=m.onwriteend=null,t.addEventListener("unload",d,!1),w.unload=function(){d(),t.removeEventListener("unload",d,!1)},w}}("undefined"!=typeof self&&self||"undefined"!=typeof window&&window||this.content);"undefined"!=typeof module&&null!==module?module.exports=n:"undefined"!=typeof define&&null!==define&&null!=define.amd&&define([],function(){return n}),void function(t,e){"object"==typeof module?module.exports=e():t.adler32cs=e()}(r,function(){var t="function"==typeof ArrayBuffer&&"function"==typeof Uint8Array,e=null,r=function(){if(!t)return function(){return!1};try{var r=require("buffer");"function"==typeof r.Buffer&&(e=r.Buffer)}catch(n){}return function(t){return t instanceof ArrayBuffer||null!==e&&t instanceof e}}(),n=function(){return null!==e?function(t){return new e(t,"utf8").toString("binary")}:function(t){return unescape(encodeURIComponent(t))}}(),s=65521,o=function(t,e){for(var r=65535&t,n=t>>>16,o=0,i=e.length;i>o;o++)r=(r+(255&e.charCodeAt(o)))%s,n=(n+r)%s;return(n<<16|r)>>>0},i=function(t,e){for(var r=65535&t,n=t>>>16,o=0,i=e.length;i>o;o++)r=(r+e[o])%s,n=(n+r)%s;return(n<<16|r)>>>0},a={},u=a.Adler32=function(){var e=function(t){if(!(this instanceof e))throw new TypeError("Constructor cannot called be as a function.");if(!isFinite(t=null==t?1:+t))throw new Error("First arguments needs to be a finite number.");this.checksum=t>>>0},s=e.prototype={};return s.constructor=e,e.from=function(t){return t.prototype=s,t}(function(t){if(!(this instanceof e))throw new TypeError("Constructor cannot called be as a function.");if(null==t)throw new Error("First argument needs to be a string.");this.checksum=o(1,t.toString())}),e.fromUtf8=function(t){return t.prototype=s,t}(function(t){if(!(this instanceof e))throw new TypeError("Constructor cannot called be as a function.");if(null==t)throw new Error("First argument needs to be a string.");var r=n(t.toString());this.checksum=o(1,r)}),t&&(e.fromBuffer=function(t){return t.prototype=s,t}(function(t){if(!(this instanceof e))throw new TypeError("Constructor cannot called be as a function.");if(!r(t))throw new Error("First argument needs to be ArrayBuffer.");var n=new Uint8Array(t);return this.checksum=i(1,n)})),s.update=function(t){if(null==t)throw new Error("First argument needs to be a string.");return t=t.toString(),this.checksum=o(this.checksum,t)},s.updateUtf8=function(t){if(null==t)throw new Error("First argument needs to be a string.");var e=n(t.toString());return this.checksum=o(this.checksum,e)},t&&(s.updateBuffer=function(t){if(!r(t))throw new Error("First argument needs to be ArrayBuffer.");var e=new Uint8Array(t);return this.checksum=i(this.checksum,e)}),s.clone=function(){return new u(this.checksum)},e}();return a.from=function(t){if(null==t)throw new Error("First argument needs to be a string.");return o(1,t.toString())},a.fromUtf8=function(t){if(null==t)throw new Error("First argument needs to be a string.");var e=n(t.toString());return o(1,e)},t&&(a.fromBuffer=function(t){if(!r(t))throw new Error("First argument need to be ArrayBuffer.");var e=new Uint8Array(t);return i(1,e)}),a});var s=function(){function t(){function t(t){var e,r,s,o,a,u,c=n.dyn_tree,l=n.stat_desc.static_tree,f=n.stat_desc.extra_bits,h=n.stat_desc.extra_base,p=n.stat_desc.max_length,m=0;for(o=0;i>=o;o++)t.bl_count[o]=0;for(c[2*t.heap[t.heap_max]+1]=0,e=t.heap_max+1;d>e;e++)r=t.heap[e],o=c[2*c[2*r+1]+1]+1,o>p&&(o=p,m++),c[2*r+1]=o,r>n.max_code||(t.bl_count[o]++,a=0,r>=h&&(a=f[r-h]),u=c[2*r],t.opt_len+=u*(o+a),l&&(t.static_len+=u*(l[2*r+1]+a)));if(0!==m){do{for(o=p-1;0===t.bl_count[o];)o--;t.bl_count[o]--,t.bl_count[o+1]+=2,t.bl_count[p]--,m-=2}while(m>0);for(o=p;0!==o;o--)for(r=t.bl_count[o];0!==r;)s=t.heap[--e],s>n.max_code||(c[2*s+1]!=o&&(t.opt_len+=(o-c[2*s+1])*c[2*s],c[2*s+1]=o),r--)}}function e(t,e){var r=0;do r|=1&t,t>>>=1,r<<=1;while(--e>0);return r>>>1}function r(t,r,n){var s,o,a,u=[],c=0;for(s=1;i>=s;s++)u[s]=c=c+n[s-1]<<1;for(o=0;r>=o;o++)a=t[2*o+1],0!==a&&(t[2*o]=e(u[a]++,a))}var n=this;n.build_tree=function(e){var s,o,i,a=n.dyn_tree,u=n.stat_desc.static_tree,c=n.stat_desc.elems,l=-1;for(e.heap_len=0,e.heap_max=d,s=0;c>s;s++)0!==a[2*s]?(e.heap[++e.heap_len]=l=s,e.depth[s]=0):a[2*s+1]=0;for(;e.heap_len<2;)i=e.heap[++e.heap_len]=2>l?++l:0,a[2*i]=1,e.depth[i]=0,e.opt_len--,u&&(e.static_len-=u[2*i+1]);for(n.max_code=l,s=Math.floor(e.heap_len/2);s>=1;s--)e.pqdownheap(a,s);i=c;do s=e.heap[1],e.heap[1]=e.heap[e.heap_len--],e.pqdownheap(a,1),o=e.heap[1],e.heap[--e.heap_max]=s,e.heap[--e.heap_max]=o,a[2*i]=a[2*s]+a[2*o],e.depth[i]=Math.max(e.depth[s],e.depth[o])+1,a[2*s+1]=a[2*o+1]=i,e.heap[1]=i++,e.pqdownheap(a,1);while(e.heap_len>=2);e.heap[--e.heap_max]=e.heap[1],t(e),r(a,n.max_code,e.bl_count)}}function e(t,e,r,n,s){var o=this;o.static_tree=t,o.extra_bits=e,o.extra_base=r,o.elems=n,o.max_length=s}function r(t,e,r,n,s){var o=this;o.good_length=t,o.max_lazy=e,o.nice_length=r,o.max_chain=n,o.func=s}function n(t,e,r,n){var s=t[2*e],o=t[2*r];return o>s||s==o&&n[e]<=n[r]}function s(){function r(){var t;for(Ie=2*Ce,Be[Pe-1]=0,t=0;Pe-1>t;t++)Be[t]=0;We=L[Xe].max_lazy,Ke=L[Xe].good_length,Qe=L[Xe].nice_length,Ve=L[Xe].max_chain,Me=0,Fe=0,Ge=0,Le=Je=Z-1,Ne=0,Oe=0}function s(){var t;for(t=0;f>t;t++)$e[2*t]=0;for(t=0;a>t;t++)Ze[2*t]=0;for(t=0;u>t;t++)tr[2*t]=0;$e[2*h]=1,er.opt_len=er.static_len=0,ar=cr=0}function o(){rr.dyn_tree=$e,rr.stat_desc=e.static_l_desc,nr.dyn_tree=Ze,nr.stat_desc=e.static_d_desc,sr.dyn_tree=tr,sr.stat_desc=e.static_bl_desc,fr=0,dr=0,lr=8,s()}function i(t,e){var r,n,s=-1,o=t[1],i=0,a=7,u=4;for(0===o&&(a=138,u=3),t[2*(e+1)+1]=65535,r=0;e>=r;r++)n=o,o=t[2*(r+1)+1],++i<a&&n==o||(u>i?tr[2*n]+=i:0!==n?(n!=s&&tr[2*n]++,tr[2*m]++):10>=i?tr[2*w]++:tr[2*y]++,i=0,s=n,0===o?(a=138,u=3):n==o?(a=6,u=3):(a=7,u=4))}function c(){var e;for(i($e,rr.max_code),i(Ze,nr.max_code),sr.build_tree(er),e=u-1;e>=3&&0===tr[2*t.bl_order[e]+1];e--);return er.opt_len+=3*(e+1)+5+5+4,e}function d(t){er.pending_buf[er.pending++]=t}function p(t){d(255&t),d(t>>>8&255)}function O(t){d(t>>8&255),d(255&t&255)}function re(t,e){var r,n=e;dr>g-n?(r=t,fr|=r<<dr&65535,p(fr),fr=r>>>g-dr,dr+=n-g):(fr|=t<<dr&65535,dr+=n)}function ne(t,e){var r=2*t;re(65535&e[r],65535&e[r+1])}function se(t,e){var r,n,s=-1,o=t[1],i=0,a=7,u=4;for(0===o&&(a=138,u=3),r=0;e>=r;r++)if(n=o,o=t[2*(r+1)+1],!(++i<a&&n==o)){if(u>i){do ne(n,tr);while(0!==--i)}else 0!==n?(n!=s&&(ne(n,tr),i--),ne(m,tr),re(i-3,2)):10>=i?(ne(w,tr),re(i-3,3)):(ne(y,tr),re(i-11,7));i=0,s=n,0===o?(a=138,u=3):n==o?(a=6,u=3):(a=7,u=4)}}function oe(e,r,n){var s;for(re(e-257,5),re(r-1,5),re(n-4,4),s=0;n>s;s++)re(tr[2*t.bl_order[s]+1],3);se($e,e-1),se(Ze,r-1)}function ie(){16==dr?(p(fr),fr=0,dr=0):dr>=8&&(d(255&fr),fr>>>=8,dr-=8)}function ae(){re(Q<<1,3),ne(h,e.static_ltree),ie(),9>1+lr+10-dr&&(re(Q<<1,3),ne(h,e.static_ltree),ie()),lr=7}function ue(e,r){var n,s,o;if(er.pending_buf[ur+2*ar]=e>>>8&255,er.pending_buf[ur+2*ar+1]=255&e,er.pending_buf[or+ar]=255&r,ar++,0===e?$e[2*r]++:(cr++,e--,$e[2*(t._length_code[r]+l+1)]++,Ze[2*t.d_code(e)]++),0===(8191&ar)&&Xe>2){for(n=8*ar,s=Me-Fe,o=0;a>o;o++)n+=Ze[2*o]*(5+t.extra_dbits[o]);if(n>>>=3,cr<Math.floor(ar/2)&&n<Math.floor(s/2))return!0}return ar==ir-1}function ce(e,r){var n,s,o,i,a=0;if(0!==ar)do n=er.pending_buf[ur+2*a]<<8&65280|255&er.pending_buf[ur+2*a+1],s=255&er.pending_buf[or+a],a++,0===n?ne(s,e):(o=t._length_code[s],ne(o+l+1,e),i=t.extra_lbits[o],0!==i&&(s-=t.base_length[o],re(s,i)),n--,o=t.d_code(n),ne(o,r),i=t.extra_dbits[o],0!==i&&(n-=t.base_dist[o],re(n,i)));while(ar>a);ne(h,e),lr=e[2*h+1]}function le(){dr>8?p(fr):dr>0&&d(255&fr),fr=0,dr=0}function fe(t,e,r){le(),lr=8,r&&(p(e),p(~e)),er.pending_buf.set(ze.subarray(t,t+e),er.pending),er.pending+=e}function de(t,e,r){re((K<<1)+(r?1:0),3),fe(t,e,!0)}function he(t,r,n){var o,i,a=0;Xe>0?(rr.build_tree(er),nr.build_tree(er),a=c(),o=er.opt_len+3+7>>>3,i=er.static_len+3+7>>>3,o>=i&&(o=i)):o=i=r+5,o>=r+4&&-1!=t?de(t,r,n):i==o?(re((Q<<1)+(n?1:0),3),ce(e.static_ltree,e.static_dtree)):(re(($<<1)+(n?1:0),3),oe(rr.max_code+1,nr.max_code+1,a+1),ce($e,Ze)),s(),n&&le()}function pe(t){he(Fe>=0?Fe:-1,Me-Fe,t),Fe=Me,qe.flush_pending()}function me(){var t,e,r,n;do{if(n=Ie-Ge-Me,0===n&&0===Me&&0===Ge)n=Ce;else if(-1==n)n--;else if(Me>=Ce+Ce-ee){ze.set(ze.subarray(Ce,Ce+Ce),0),He-=Ce,Me-=Ce,Fe-=Ce,t=Pe,r=t;do e=65535&Be[--r],Be[r]=e>=Ce?e-Ce:0;while(0!==--t);t=Ce,r=t;do e=65535&Te[--r],Te[r]=e>=Ce?e-Ce:0;while(0!==--t);n+=Ce}if(0===qe.avail_in)return;t=qe.read_buf(ze,Me+Ge,n),Ge+=t,Ge>=Z&&(Oe=255&ze[Me],Oe=(Oe<<Ue^255&ze[Me+1])&De)}while(ee>Ge&&0!==qe.avail_in)}function we(t){var e,r=65535;for(r>ke-5&&(r=ke-5);;){if(1>=Ge){if(me(),0===Ge&&t==k)return N;if(0===Ge)break}if(Me+=Ge,Ge=0,e=Fe+r,(0===Me||Me>=e)&&(Ge=Me-e,Me=e,pe(!1),0===qe.avail_out))return N;if(Me-Fe>=Ce-ee&&(pe(!1),0===qe.avail_out))return N}return pe(t==C),0===qe.avail_out?t==C?H:N:t==C?G:M}function ye(t){var e,r,n=Ve,s=Me,o=Je,i=Me>Ce-ee?Me-(Ce-ee):0,a=Qe,u=Ee,c=Me+te,l=ze[s+o-1],f=ze[s+o];Je>=Ke&&(n>>=2),a>Ge&&(a=Ge);do if(e=t,ze[e+o]==f&&ze[e+o-1]==l&&ze[e]==ze[s]&&ze[++e]==ze[s+1]){s+=2,e++;do;while(ze[++s]==ze[++e]&&ze[++s]==ze[++e]&&ze[++s]==ze[++e]&&ze[++s]==ze[++e]&&ze[++s]==ze[++e]&&ze[++s]==ze[++e]&&ze[++s]==ze[++e]&&ze[++s]==ze[++e]&&c>s);if(r=te-(c-s),s=c-te,r>o){if(He=t,o=r,r>=a)break;l=ze[s+o-1],f=ze[s+o]}}while((t=65535&Te[t&u])>i&&0!==--n);return Ge>=o?o:Ge}function ge(t){for(var e,r=0;;){if(ee>Ge){if(me(),ee>Ge&&t==k)return N;if(0===Ge)break}if(Ge>=Z&&(Oe=(Oe<<Ue^255&ze[Me+(Z-1)])&De,r=65535&Be[Oe],Te[Me&Ee]=Be[Oe],Be[Oe]=Me),0!==r&&Ce-ee>=(Me-r&65535)&&Ye!=q&&(Le=ye(r)),Le>=Z)if(e=ue(Me-He,Le-Z),Ge-=Le,We>=Le&&Ge>=Z){Le--;do Me++,Oe=(Oe<<Ue^255&ze[Me+(Z-1)])&De,r=65535&Be[Oe],Te[Me&Ee]=Be[Oe],Be[Oe]=Me;while(0!==--Le);Me++}else Me+=Le,Le=0,Oe=255&ze[Me],Oe=(Oe<<Ue^255&ze[Me+1])&De;else e=ue(0,255&ze[Me]),Ge--,Me++;if(e&&(pe(!1),0===qe.avail_out))return N}return pe(t==C),0===qe.avail_out?t==C?H:N:t==C?G:M}function ve(t){for(var e,r,n=0;;){if(ee>Ge){if(me(),ee>Ge&&t==k)return N;if(0===Ge)break}if(Ge>=Z&&(Oe=(Oe<<Ue^255&ze[Me+(Z-1)])&De,n=65535&Be[Oe],Te[Me&Ee]=Be[Oe],Be[Oe]=Me),Je=Le,je=He,Le=Z-1,0!==n&&We>Je&&Ce-ee>=(Me-n&65535)&&(Ye!=q&&(Le=ye(n)),5>=Le&&(Ye==b||Le==Z&&Me-He>4096)&&(Le=Z-1)),Je>=Z&&Je>=Le){r=Me+Ge-Z,e=ue(Me-1-je,Je-Z),Ge-=Je-1,Je-=2;do++Me<=r&&(Oe=(Oe<<Ue^255&ze[Me+(Z-1)])&De,n=65535&Be[Oe],Te[Me&Ee]=Be[Oe],Be[Oe]=Me);while(0!==--Je);if(Ne=0,Le=Z-1,Me++,e&&(pe(!1),0===qe.avail_out))return N}else if(0!==Ne){if(e=ue(0,255&ze[Me-1]),e&&pe(!1),Me++,Ge--,0===qe.avail_out)return N}else Ne=1,Me++,Ge--}return 0!==Ne&&(e=ue(0,255&ze[Me-1]),Ne=0),pe(t==C),0===qe.avail_out?t==C?H:N:t==C?G:M}function be(t){return t.total_in=t.total_out=0,t.msg=null,er.pending=0,er.pending_out=0,xe=W,Ae=k,o(),r(),S}var qe,xe,ke,_e,Ae,Ce,Se,Ee,ze,Ie,Te,Be,Oe,Pe,Re,De,Ue,Fe,Le,je,Ne,Me,He,Ge,Je,Ve,We,Xe,Ye,Ke,Qe,$e,Ze,tr,er=this,rr=new t,nr=new t,sr=new t;er.depth=[];var or,ir,ar,ur,cr,lr,fr,dr;er.bl_count=[],er.heap=[],$e=[],Ze=[],tr=[],er.pqdownheap=function(t,e){for(var r=er.heap,s=r[e],o=e<<1;o<=er.heap_len&&(o<er.heap_len&&n(t,r[o+1],r[o],er.depth)&&o++,!n(t,s,r[o],er.depth));)r[e]=r[o],e=o,o<<=1;r[e]=s},er.deflateInit=function(t,e,r,n,s,o){return n||(n=Y),s||(s=R),o||(o=x),t.msg=null,e==v&&(e=6),1>s||s>P||n!=Y||9>r||r>15||0>e||e>9||0>o||o>q?I:(t.dstate=er,Se=r,Ce=1<<Se,Ee=Ce-1,Re=s+7,Pe=1<<Re,De=Pe-1,Ue=Math.floor((Re+Z-1)/Z),ze=new Uint8Array(2*Ce),Te=[],Be=[],ir=1<<s+6,er.pending_buf=new Uint8Array(4*ir),ke=4*ir,ur=Math.floor(ir/2),or=3*ir,Xe=e,Ye=o,_e=255&n,be(t))},er.deflateEnd=function(){return xe!=V&&xe!=W&&xe!=X?I:(er.pending_buf=null,Be=null,Te=null,ze=null,er.dstate=null,xe==W?T:S)},er.deflateParams=function(t,e,r){var n=S;return e==v&&(e=6),0>e||e>9||0>r||r>q?I:(L[Xe].func!=L[e].func&&0!==t.total_in&&(n=t.deflate(_)),Xe!=e&&(Xe=e,We=L[Xe].max_lazy,Ke=L[Xe].good_length,Qe=L[Xe].nice_length,Ve=L[Xe].max_chain),Ye=r,n)},er.deflateSetDictionary=function(t,e,r){var n,s=r,o=0;if(!e||xe!=V)return I;if(Z>s)return S;for(s>Ce-ee&&(s=Ce-ee,o=r-s),ze.set(e.subarray(o,o+s),0),Me=s,Fe=s,Oe=255&ze[0],Oe=(Oe<<Ue^255&ze[1])&De,n=0;s-Z>=n;n++)Oe=(Oe<<Ue^255&ze[n+(Z-1)])&De,Te[n&Ee]=Be[Oe],Be[Oe]=n;return S},er.deflate=function(t,e){var r,n,s,o,i;if(e>C||0>e)return I;if(!t.next_out||!t.next_in&&0!==t.avail_in||xe==X&&e!=C)return t.msg=j[z-I],I;if(0===t.avail_out)return t.msg=j[z-B],B;if(qe=t,o=Ae,Ae=e,xe==V&&(n=Y+(Se-8<<4)<<8,s=(Xe-1&255)>>1,s>3&&(s=3),n|=s<<6,0!==Me&&(n|=J),n+=31-n%31,xe=W,O(n)),0!==er.pending){if(qe.flush_pending(),0===qe.avail_out)return Ae=-1,S}else if(0===qe.avail_in&&o>=e&&e!=C)return qe.msg=j[z-B],B;if(xe==X&&0!==qe.avail_in)return t.msg=j[z-B],B;if(0!==qe.avail_in||0!==Ge||e!=k&&xe!=X){switch(i=-1,L[Xe].func){case D:i=we(e);break;case U:i=ge(e);break;case F:i=ve(e)}if((i==H||i==G)&&(xe=X),i==N||i==H)return 0===qe.avail_out&&(Ae=-1),S;if(i==M){if(e==_)ae();else if(de(0,0,!1),e==A)for(r=0;Pe>r;r++)Be[r]=0;if(qe.flush_pending(),0===qe.avail_out)return Ae=-1,S}}return e!=C?S:E}}function o(){var t=this;t.next_in_index=0,t.next_out_index=0,t.avail_in=0,t.total_in=0,t.avail_out=0,t.total_out=0}var i=15,a=30,u=19,c=29,l=256,f=l+1+c,d=2*f+1,h=256,p=7,m=16,w=17,y=18,g=16,v=-1,b=1,q=2,x=0,k=0,_=1,A=3,C=4,S=0,E=1,z=2,I=-2,T=-3,B=-5,O=[0,1,2,3,4,4,5,5,6,6,6,6,7,7,7,7,8,8,8,8,8,8,8,8,9,9,9,9,9,9,9,9,10,10,10,10,10,10,10,10,10,10,10,10,10,10,10,10,11,11,11,11,11,11,11,11,11,11,11,11,11,11,11,11,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,14,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,15,0,0,16,17,18,18,19,19,20,20,20,20,21,21,21,21,22,22,22,22,22,22,22,22,23,23,23,23,23,23,23,23,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29,29];t._length_code=[0,1,2,3,4,5,6,7,8,8,9,9,10,10,11,11,12,12,12,12,13,13,13,13,14,14,14,14,15,15,15,15,16,16,16,16,16,16,16,16,17,17,17,17,17,17,17,17,18,18,18,18,18,18,18,18,19,19,19,19,19,19,19,19,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,25,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,26,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,27,28],t.base_length=[0,1,2,3,4,5,6,7,8,10,12,14,16,20,24,28,32,40,48,56,64,80,96,112,128,160,192,224,0],t.base_dist=[0,1,2,3,4,6,8,12,16,24,32,48,64,96,128,192,256,384,512,768,1024,1536,2048,3072,4096,6144,8192,12288,16384,24576],t.d_code=function(t){return 256>t?O[t]:O[256+(t>>>7)]},t.extra_lbits=[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0],t.extra_dbits=[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13],t.extra_blbits=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,3,7],t.bl_order=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],e.static_ltree=[12,8,140,8,76,8,204,8,44,8,172,8,108,8,236,8,28,8,156,8,92,8,220,8,60,8,188,8,124,8,252,8,2,8,130,8,66,8,194,8,34,8,162,8,98,8,226,8,18,8,146,8,82,8,210,8,50,8,178,8,114,8,242,8,10,8,138,8,74,8,202,8,42,8,170,8,106,8,234,8,26,8,154,8,90,8,218,8,58,8,186,8,122,8,250,8,6,8,134,8,70,8,198,8,38,8,166,8,102,8,230,8,22,8,150,8,86,8,214,8,54,8,182,8,118,8,246,8,14,8,142,8,78,8,206,8,46,8,174,8,110,8,238,8,30,8,158,8,94,8,222,8,62,8,190,8,126,8,254,8,1,8,129,8,65,8,193,8,33,8,161,8,97,8,225,8,17,8,145,8,81,8,209,8,49,8,177,8,113,8,241,8,9,8,137,8,73,8,201,8,41,8,169,8,105,8,233,8,25,8,153,8,89,8,217,8,57,8,185,8,121,8,249,8,5,8,133,8,69,8,197,8,37,8,165,8,101,8,229,8,21,8,149,8,85,8,213,8,53,8,181,8,117,8,245,8,13,8,141,8,77,8,205,8,45,8,173,8,109,8,237,8,29,8,157,8,93,8,221,8,61,8,189,8,125,8,253,8,19,9,275,9,147,9,403,9,83,9,339,9,211,9,467,9,51,9,307,9,179,9,435,9,115,9,371,9,243,9,499,9,11,9,267,9,139,9,395,9,75,9,331,9,203,9,459,9,43,9,299,9,171,9,427,9,107,9,363,9,235,9,491,9,27,9,283,9,155,9,411,9,91,9,347,9,219,9,475,9,59,9,315,9,187,9,443,9,123,9,379,9,251,9,507,9,7,9,263,9,135,9,391,9,71,9,327,9,199,9,455,9,39,9,295,9,167,9,423,9,103,9,359,9,231,9,487,9,23,9,279,9,151,9,407,9,87,9,343,9,215,9,471,9,55,9,311,9,183,9,439,9,119,9,375,9,247,9,503,9,15,9,271,9,143,9,399,9,79,9,335,9,207,9,463,9,47,9,303,9,175,9,431,9,111,9,367,9,239,9,495,9,31,9,287,9,159,9,415,9,95,9,351,9,223,9,479,9,63,9,319,9,191,9,447,9,127,9,383,9,255,9,511,9,0,7,64,7,32,7,96,7,16,7,80,7,48,7,112,7,8,7,72,7,40,7,104,7,24,7,88,7,56,7,120,7,4,7,68,7,36,7,100,7,20,7,84,7,52,7,116,7,3,8,131,8,67,8,195,8,35,8,163,8,99,8,227,8],e.static_dtree=[0,5,16,5,8,5,24,5,4,5,20,5,12,5,28,5,2,5,18,5,10,5,26,5,6,5,22,5,14,5,30,5,1,5,17,5,9,5,25,5,5,5,21,5,13,5,29,5,3,5,19,5,11,5,27,5,7,5,23,5],e.static_l_desc=new e(e.static_ltree,t.extra_lbits,l+1,f,i),e.static_d_desc=new e(e.static_dtree,t.extra_dbits,0,a,i),e.static_bl_desc=new e(null,t.extra_blbits,0,u,p);var P=9,R=8,D=0,U=1,F=2,L=[new r(0,0,0,0,D),new r(4,4,8,4,U),new r(4,5,16,8,U),new r(4,6,32,32,U),new r(4,4,16,16,F),new r(8,16,32,32,F),new r(8,16,128,128,F),new r(8,32,128,256,F),new r(32,128,258,1024,F),new r(32,258,258,4096,F)],j=["need dictionary","stream end","","","stream error","data error","","buffer error","",""],N=0,M=1,H=2,G=3,J=32,V=42,W=113,X=666,Y=8,K=0,Q=1,$=2,Z=3,te=258,ee=te+Z+1;return o.prototype={deflateInit:function(t,e){var r=this;return r.dstate=new s,e||(e=i),r.dstate.deflateInit(r,t,e)},deflate:function(t){var e=this;return e.dstate?e.dstate.deflate(e,t):I},deflateEnd:function(){var t=this;if(!t.dstate)return I;var e=t.dstate.deflateEnd();return t.dstate=null,e},deflateParams:function(t,e){var r=this;return r.dstate?r.dstate.deflateParams(r,t,e):I},deflateSetDictionary:function(t,e){var r=this;return r.dstate?r.dstate.deflateSetDictionary(r,t,e):I},read_buf:function(t,e,r){var n=this,s=n.avail_in;return s>r&&(s=r),0===s?0:(n.avail_in-=s,t.set(n.next_in.subarray(n.next_in_index,n.next_in_index+s),e),n.next_in_index+=s,n.total_in+=s,s)},flush_pending:function(){var t=this,e=t.dstate.pending;e>t.avail_out&&(e=t.avail_out),0!==e&&(t.next_out.set(t.dstate.pending_buf.subarray(t.dstate.pending_out,t.dstate.pending_out+e),t.next_out_index),t.next_out_index+=e,t.dstate.pending_out+=e,t.total_out+=e,t.avail_out-=e,t.dstate.pending-=e,0===t.dstate.pending&&(t.dstate.pending_out=0))}},function(t){var e=this,r=new o,n=512,s=k,i=new Uint8Array(n);"undefined"==typeof t&&(t=v),r.deflateInit(t),r.next_out=i,e.append=function(t,e){var o,a,u=[],c=0,l=0,f=0;if(t.length){r.next_in_index=0,r.next_in=t,r.avail_in=t.length;do{if(r.next_out_index=0,r.avail_out=n,o=r.deflate(s),o!=S)throw"deflating: "+r.msg;r.next_out_index&&(r.next_out_index==n?u.push(new Uint8Array(i)):u.push(new Uint8Array(i.subarray(0,r.next_out_index)))),f+=r.next_out_index,e&&r.next_in_index>0&&r.next_in_index!=c&&(e(r.next_in_index),c=r.next_in_index)}while(r.avail_in>0||0===r.avail_out);return a=new Uint8Array(f),u.forEach(function(t){a.set(t,l),l+=t.length}),a}},e.flush=function(){var t,e,s=[],o=0,a=0;do{if(r.next_out_index=0,r.avail_out=n,t=r.deflate(C),t!=E&&t!=S)throw"deflating: "+r.msg;n-r.avail_out>0&&s.push(new Uint8Array(i.subarray(0,r.next_out_index))),a+=r.next_out_index}while(r.avail_in>0||0===r.avail_out);return r.deflateEnd(),e=new Uint8Array(a),s.forEach(function(t){e.set(t,o),o+=t.length}),e}}}(this);!function(t){var e;e=function(){function e(t){var e,r,n,s,o,i,a,u,c,l,f,d,h,p,m;for(this.data=t,this.pos=8,this.palette=[],this.imgData=[],this.transparency={},this.animation=null,this.text={},i=null;;){switch(e=this.readUInt32(),l=function(){var t,e;for(e=[],a=t=0;4>t;a=++t)e.push(String.fromCharCode(this.data[this.pos++]));return e}.call(this).join("")){case"IHDR":this.width=this.readUInt32(),this.height=this.readUInt32(),this.bits=this.data[this.pos++],this.colorType=this.data[this.pos++],this.compressionMethod=this.data[this.pos++],this.filterMethod=this.data[this.pos++],this.interlaceMethod=this.data[this.pos++];break;case"acTL":this.animation={numFrames:this.readUInt32(),numPlays:this.readUInt32()||1/0,frames:[]};break;case"PLTE":this.palette=this.read(e);break;case"fcTL":i&&this.animation.frames.push(i),this.pos+=4,i={width:this.readUInt32(),height:this.readUInt32(),xOffset:this.readUInt32(),yOffset:this.readUInt32()},o=this.readUInt16(),s=this.readUInt16()||100,i.delay=1e3*o/s,i.disposeOp=this.data[this.pos++],i.blendOp=this.data[this.pos++],i.data=[];break;case"IDAT":case"fdAT":for("fdAT"===l&&(this.pos+=4,e-=4),t=(null!=i?i.data:void 0)||this.imgData,a=h=0;e>=0?e>h:h>e;a=e>=0?++h:--h)t.push(this.data[this.pos++]);break;case"tRNS":switch(this.transparency={},this.colorType){case 3:if(n=this.palette.length/3,this.transparency.indexed=this.read(e),this.transparency.indexed.length>n)throw new Error("More transparent colors than palette size");if(f=n-this.transparency.indexed.length,f>0)for(a=p=0;f>=0?f>p:p>f;a=f>=0?++p:--p)this.transparency.indexed.push(255);break;case 0:this.transparency.grayscale=this.read(e)[0];break;case 2:this.transparency.rgb=this.read(e)}break;case"tEXt":d=this.read(e),u=d.indexOf(0),c=String.fromCharCode.apply(String,d.slice(0,u)),this.text[c]=String.fromCharCode.apply(String,d.slice(u+1));break;case"IEND":return i&&this.animation.frames.push(i),this.colors=function(){switch(this.colorType){case 0:case 3:case 4:return 1;case 2:case 6:return 3}}.call(this),this.hasAlphaChannel=4===(m=this.colorType)||6===m,r=this.colors+(this.hasAlphaChannel?1:0),this.pixelBitlength=this.bits*r,this.colorSpace=function(){switch(this.colors){case 1:return"DeviceGray";case 3:return"DeviceRGB"}}.call(this),this.imgData=new Uint8Array(this.imgData),void 0;default:this.pos+=e}if(this.pos+=4,this.pos>this.data.length)throw new Error("Incomplete or corrupt PNG file")}}var r,n,s,o,a,u,c,l;e.load=function(t,r,n){var s;return"function"==typeof r&&(n=r),s=new XMLHttpRequest,s.open("GET",t,!0),s.responseType="arraybuffer",s.onload=function(){var t,o;return t=new Uint8Array(s.response||s.mozResponseArrayBuffer),o=new e(t),"function"==typeof(null!=r?r.getContext:void 0)&&o.render(r),"function"==typeof n?n(o):void 0},s.send(null)},o=0,s=1,a=2,n=0,r=1,e.prototype.read=function(t){var e,r,n;for(n=[],e=r=0;t>=0?t>r:r>t;e=t>=0?++r:--r)n.push(this.data[this.pos++]);return n},e.prototype.readUInt32=function(){var t,e,r,n;return t=this.data[this.pos++]<<24,e=this.data[this.pos++]<<16,r=this.data[this.pos++]<<8,n=this.data[this.pos++],t|e|r|n},e.prototype.readUInt16=function(){var t,e;return t=this.data[this.pos++]<<8,e=this.data[this.pos++],t|e},e.prototype.decodePixels=function(t){var e,r,n,s,o,a,u,c,l,f,d,h,p,m,w,y,g,v,b,q,x,k,_;if(null==t&&(t=this.imgData),0===t.length)return new Uint8Array(0);for(t=new i(t),t=t.getBytes(),h=this.pixelBitlength/8,y=h*this.width,p=new Uint8Array(y*this.height),a=t.length,w=0,m=0,r=0;a>m;){switch(t[m++]){case 0:for(s=b=0;y>b;s=b+=1)p[r++]=t[m++];break;case 1:for(s=q=0;y>q;s=q+=1)e=t[m++],o=h>s?0:p[r-h],p[r++]=(e+o)%256;break;case 2:for(s=x=0;y>x;s=x+=1)e=t[m++],n=(s-s%h)/h,g=w&&p[(w-1)*y+n*h+s%h],p[r++]=(g+e)%256;break;case 3:for(s=k=0;y>k;s=k+=1)e=t[m++],n=(s-s%h)/h,o=h>s?0:p[r-h],g=w&&p[(w-1)*y+n*h+s%h],p[r++]=(e+Math.floor((o+g)/2))%256;break;case 4:for(s=_=0;y>_;s=_+=1)e=t[m++],n=(s-s%h)/h,o=h>s?0:p[r-h],0===w?g=v=0:(g=p[(w-1)*y+n*h+s%h],v=n&&p[(w-1)*y+(n-1)*h+s%h]),u=o+g-v,c=Math.abs(u-o),f=Math.abs(u-g),d=Math.abs(u-v),l=f>=c&&d>=c?o:d>=f?g:v,p[r++]=(e+l)%256;break;default:throw new Error("Invalid filter algorithm: "+t[m-1])}w++}return p},e.prototype.decodePalette=function(){var t,e,r,n,s,o,i,a,u,c;for(n=this.palette,i=this.transparency.indexed||[],o=new Uint8Array((i.length||0)+n.length),s=0,r=n.length,t=0,e=a=0,u=n.length;u>a;e=a+=3)o[s++]=n[e],o[s++]=n[e+1],o[s++]=n[e+2],o[s++]=null!=(c=i[t++])?c:255;return o},e.prototype.copyToImageData=function(t,e){var r,n,s,o,i,a,u,c,l,f,d;if(n=this.colors,l=null,r=this.hasAlphaChannel,this.palette.length&&(l=null!=(d=this._decodedPalette)?d:this._decodedPalette=this.decodePalette(),n=4,r=!0),s=t.data||t,c=s.length,i=l||e,o=a=0,1===n)for(;c>o;)u=l?4*e[o/4]:a,f=i[u++],s[o++]=f,s[o++]=f,s[o++]=f,s[o++]=r?i[u++]:255,a=u;else for(;c>o;)u=l?4*e[o/4]:a,s[o++]=i[u++],s[o++]=i[u++],s[o++]=i[u++],s[o++]=r?i[u++]:255,a=u},e.prototype.decode=function(){var t;return t=new Uint8Array(this.width*this.height*4),this.copyToImageData(t,this.decodePixels()),t};try{c=t.document.createElement("canvas"),l=c.getContext("2d")}catch(f){return-1}return u=function(t){var e;return l.width=t.width,l.height=t.height,l.clearRect(0,0,t.width,t.height),l.putImageData(t,0,0),e=new Image,e.src=c.toDataURL(),e},e.prototype.decodeFrames=function(t){var e,r,n,s,o,i,a,c;if(this.animation){for(a=this.animation.frames,c=[],r=o=0,i=a.length;i>o;r=++o)e=a[r],n=t.createImageData(e.width,e.height),s=this.decodePixels(new Uint8Array(e.data)),this.copyToImageData(n,s),e.imageData=n,c.push(e.image=u(n));return c}},e.prototype.renderFrame=function(t,e){var r,o,i;return o=this.animation.frames,r=o[e],i=o[e-1],0===e&&t.clearRect(0,0,this.width,this.height),(null!=i?i.disposeOp:void 0)===s?t.clearRect(i.xOffset,i.yOffset,i.width,i.height):(null!=i?i.disposeOp:void 0)===a&&t.putImageData(i.imageData,i.xOffset,i.yOffset),r.blendOp===n&&t.clearRect(r.xOffset,r.yOffset,r.width,r.height),t.drawImage(r.image,r.xOffset,r.yOffset)},e.prototype.animate=function(t){var e,r,n,s,o,i,a=this;return r=0,i=this.animation,s=i.numFrames,n=i.frames,o=i.numPlays,(e=function(){var i,u;return i=r++%s,u=n[i],a.renderFrame(t,i),s>1&&o>r/s?a.animation._timeout=setTimeout(e,u.delay):void 0})()},e.prototype.stopAnimation=function(){var t;return clearTimeout(null!=(t=this.animation)?t._timeout:void 0)},e.prototype.render=function(t){var e,r;return t._png&&t._png.stopAnimation(),t._png=this,t.width=this.width,t.height=this.height,e=t.getContext("2d"),this.animation?(this.decodeFrames(e),this.animate(e)):(r=e.createImageData(this.width,this.height),this.copyToImageData(r,this.decodePixels()),e.putImageData(r,0,0))},e}(),t.PNG=e}("undefined"!=typeof window&&window||this);var o=function(){function t(){this.pos=0,this.bufferLength=0,this.eof=!1,this.buffer=null}return t.prototype={ensureBuffer:function(t){var e=this.buffer,r=e?e.byteLength:0;if(r>t)return e;for(var n=512;t>n;)n<<=1;for(var s=new Uint8Array(n),o=0;r>o;++o)s[o]=e[o];return this.buffer=s},getByte:function(){for(var t=this.pos;this.bufferLength<=t;){if(this.eof)return null;this.readBlock()}return this.buffer[this.pos++]},getBytes:function(t){var e=this.pos;if(t){this.ensureBuffer(e+t);for(var r=e+t;!this.eof&&this.bufferLength<r;)this.readBlock();var n=this.bufferLength;r>n&&(r=n)}else{for(;!this.eof;)this.readBlock();var r=this.bufferLength}return this.pos=r,this.buffer.subarray(e,r)},lookChar:function(){for(var t=this.pos;this.bufferLength<=t;){if(this.eof)return null;this.readBlock()}return String.fromCharCode(this.buffer[this.pos])},getChar:function(){for(var t=this.pos;this.bufferLength<=t;){if(this.eof)return null;this.readBlock()}return String.fromCharCode(this.buffer[this.pos++])},makeSubStream:function(t,e,r){for(var n=t+e;this.bufferLength<=n&&!this.eof;)this.readBlock();return new Stream(this.buffer,t,e,r)},skip:function(t){t||(t=1),this.pos+=t},reset:function(){this.pos=0}},t}(),i=function(){function t(t){throw new Error(t)}function e(e){var r=0,n=e[r++],s=e[r++];(-1==n||-1==s)&&t("Invalid header in flate stream"),8!=(15&n)&&t("Unknown compression method in flate stream"),((n<<8)+s)%31!=0&&t("Bad FCHECK in flate stream"),32&s&&t("FDICT bit set in flate stream"),this.bytes=e,this.bytesPos=r,this.codeSize=0,this.codeBuf=0,o.call(this)}if("undefined"==typeof Uint32Array)return void 0;var r=new Uint32Array([16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15]),n=new Uint32Array([3,4,5,6,7,8,9,10,65547,65549,65551,65553,131091,131095,131099,131103,196643,196651,196659,196667,262211,262227,262243,262259,327811,327843,327875,327907,258,258,258]),s=new Uint32Array([1,2,3,4,65541,65543,131081,131085,196625,196633,262177,262193,327745,327777,393345,393409,459009,459137,524801,525057,590849,591361,657409,658433,724993,727041,794625,798721,868353,876545]),i=[new Uint32Array([459008,524368,524304,524568,459024,524400,524336,590016,459016,524384,524320,589984,524288,524416,524352,590048,459012,524376,524312,589968,459028,524408,524344,590032,459020,524392,524328,59e4,524296,524424,524360,590064,459010,524372,524308,524572,459026,524404,524340,590024,459018,524388,524324,589992,524292,524420,524356,590056,459014,524380,524316,589976,459030,524412,524348,590040,459022,524396,524332,590008,524300,524428,524364,590072,459009,524370,524306,524570,459025,524402,524338,590020,459017,524386,524322,589988,524290,524418,524354,590052,459013,524378,524314,589972,459029,524410,524346,590036,459021,524394,524330,590004,524298,524426,524362,590068,459011,524374,524310,524574,459027,524406,524342,590028,459019,524390,524326,589996,524294,524422,524358,590060,459015,524382,524318,589980,459031,524414,524350,590044,459023,524398,524334,590012,524302,524430,524366,590076,459008,524369,524305,524569,459024,524401,524337,590018,459016,524385,524321,589986,524289,524417,524353,590050,459012,524377,524313,589970,459028,524409,524345,590034,459020,524393,524329,590002,524297,524425,524361,590066,459010,524373,524309,524573,459026,524405,524341,590026,459018,524389,524325,589994,524293,524421,524357,590058,459014,524381,524317,589978,459030,524413,524349,590042,459022,524397,524333,590010,524301,524429,524365,590074,459009,524371,524307,524571,459025,524403,524339,590022,459017,524387,524323,589990,524291,524419,524355,590054,459013,524379,524315,589974,459029,524411,524347,590038,459021,524395,524331,590006,524299,524427,524363,590070,459011,524375,524311,524575,459027,524407,524343,590030,459019,524391,524327,589998,524295,524423,524359,590062,459015,524383,524319,589982,459031,524415,524351,590046,459023,524399,524335,590014,524303,524431,524367,590078,459008,524368,524304,524568,459024,524400,524336,590017,459016,524384,524320,589985,524288,524416,524352,590049,459012,524376,524312,589969,459028,524408,524344,590033,459020,524392,524328,590001,524296,524424,524360,590065,459010,524372,524308,524572,459026,524404,524340,590025,459018,524388,524324,589993,524292,524420,524356,590057,459014,524380,524316,589977,459030,524412,524348,590041,459022,524396,524332,590009,524300,524428,524364,590073,459009,524370,524306,524570,459025,524402,524338,590021,459017,524386,524322,589989,524290,524418,524354,590053,459013,524378,524314,589973,459029,524410,524346,590037,459021,524394,524330,590005,524298,524426,524362,590069,459011,524374,524310,524574,459027,524406,524342,590029,459019,524390,524326,589997,524294,524422,524358,590061,459015,524382,524318,589981,459031,524414,524350,590045,459023,524398,524334,590013,524302,524430,524366,590077,459008,524369,524305,524569,459024,524401,524337,590019,459016,524385,524321,589987,524289,524417,524353,590051,459012,524377,524313,589971,459028,524409,524345,590035,459020,524393,524329,590003,524297,524425,524361,590067,459010,524373,524309,524573,459026,524405,524341,590027,459018,524389,524325,589995,524293,524421,524357,590059,459014,524381,524317,589979,459030,524413,524349,590043,459022,524397,524333,590011,524301,524429,524365,590075,459009,524371,524307,524571,459025,524403,524339,590023,459017,524387,524323,589991,524291,524419,524355,590055,459013,524379,524315,589975,459029,524411,524347,590039,459021,524395,524331,590007,524299,524427,524363,590071,459011,524375,524311,524575,459027,524407,524343,590031,459019,524391,524327,589999,524295,524423,524359,590063,459015,524383,524319,589983,459031,524415,524351,590047,459023,524399,524335,590015,524303,524431,524367,590079]),9],a=[new Uint32Array([327680,327696,327688,327704,327684,327700,327692,327708,327682,327698,327690,327706,327686,327702,327694,0,327681,327697,327689,327705,327685,327701,327693,327709,327683,327699,327691,327707,327687,327703,327695,0]),5];
-return e.prototype=Object.create(o.prototype),e.prototype.getBits=function(e){for(var r,n=this.codeSize,s=this.codeBuf,o=this.bytes,i=this.bytesPos;e>n;)"undefined"==typeof(r=o[i++])&&t("Bad encoding in flate stream"),s|=r<<n,n+=8;return r=s&(1<<e)-1,this.codeBuf=s>>e,this.codeSize=n-=e,this.bytesPos=i,r},e.prototype.getCode=function(e){for(var r=e[0],n=e[1],s=this.codeSize,o=this.codeBuf,i=this.bytes,a=this.bytesPos;n>s;){var u;"undefined"==typeof(u=i[a++])&&t("Bad encoding in flate stream"),o|=u<<s,s+=8}var c=r[o&(1<<n)-1],l=c>>16,f=65535&c;return(0==s||l>s||0==l)&&t("Bad encoding in flate stream"),this.codeBuf=o>>l,this.codeSize=s-l,this.bytesPos=a,f},e.prototype.generateHuffmanTable=function(t){for(var e=t.length,r=0,n=0;e>n;++n)t[n]>r&&(r=t[n]);for(var s=1<<r,o=new Uint32Array(s),i=1,a=0,u=2;r>=i;++i,a<<=1,u<<=1)for(var c=0;e>c;++c)if(t[c]==i){for(var l=0,f=a,n=0;i>n;++n)l=l<<1|1&f,f>>=1;for(var n=l;s>n;n+=u)o[n]=i<<16|c;++a}return[o,r]},e.prototype.readBlock=function(){function e(t,e,r,n,s){for(var o=t.getBits(r)+n;o-->0;)e[k++]=s}var o=this.getBits(3);if(1&o&&(this.eof=!0),o>>=1,0==o){var u,c=this.bytes,l=this.bytesPos;"undefined"==typeof(u=c[l++])&&t("Bad block header in flate stream");var f=u;"undefined"==typeof(u=c[l++])&&t("Bad block header in flate stream"),f|=u<<8,"undefined"==typeof(u=c[l++])&&t("Bad block header in flate stream");var d=u;"undefined"==typeof(u=c[l++])&&t("Bad block header in flate stream"),d|=u<<8,d!=(65535&~f)&&t("Bad uncompressed block length in flate stream"),this.codeBuf=0,this.codeSize=0;var h=this.bufferLength,p=this.ensureBuffer(h+f),m=h+f;this.bufferLength=m;for(var w=h;m>w;++w){if("undefined"==typeof(u=c[l++])){this.eof=!0;break}p[w]=u}return this.bytesPos=l,void 0}var y,g;if(1==o)y=i,g=a;else if(2==o){for(var v=this.getBits(5)+257,b=this.getBits(5)+1,q=this.getBits(4)+4,x=Array(r.length),k=0;q>k;)x[r[k++]]=this.getBits(3);for(var _=this.generateHuffmanTable(x),A=0,k=0,C=v+b,S=new Array(C);C>k;){var E=this.getCode(_);16==E?e(this,S,2,3,A):17==E?e(this,S,3,3,A=0):18==E?e(this,S,7,11,A=0):S[k++]=A=E}y=this.generateHuffmanTable(S.slice(0,v)),g=this.generateHuffmanTable(S.slice(v,C))}else t("Unknown block type in flate stream");for(var p=this.buffer,z=p?p.length:0,I=this.bufferLength;;){var T=this.getCode(y);if(256>T)I+1>=z&&(p=this.ensureBuffer(I+1),z=p.length),p[I++]=T;else{if(256==T)return this.bufferLength=I,void 0;T-=257,T=n[T];var B=T>>16;B>0&&(B=this.getBits(B));var A=(65535&T)+B;T=this.getCode(g),T=s[T],B=T>>16,B>0&&(B=this.getBits(B));var O=(65535&T)+B;I+A>=z&&(p=this.ensureBuffer(I+A),z=p.length);for(var P=0;A>P;++P,++I)p[I]=p[I-O]}}},e}();!function(t){var e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";"undefined"==typeof t.btoa&&(t.btoa=function(t){var r,n,s,o,i,a,u,c,l=0,f=0,d="",h=[];if(!t)return t;do r=t.charCodeAt(l++),n=t.charCodeAt(l++),s=t.charCodeAt(l++),c=r<<16|n<<8|s,o=c>>18&63,i=c>>12&63,a=c>>6&63,u=63&c,h[f++]=e.charAt(o)+e.charAt(i)+e.charAt(a)+e.charAt(u);while(l<t.length);d=h.join("");var p=t.length%3;return(p?d.slice(0,p-3):d)+"===".slice(p||3)}),"undefined"==typeof t.atob&&(t.atob=function(t){var r,n,s,o,i,a,u,c,l=0,f=0,d="",h=[];if(!t)return t;t+="";do o=e.indexOf(t.charAt(l++)),i=e.indexOf(t.charAt(l++)),a=e.indexOf(t.charAt(l++)),u=e.indexOf(t.charAt(l++)),c=o<<18|i<<12|a<<6|u,r=c>>16&255,n=c>>8&255,s=255&c,h[f++]=64==a?String.fromCharCode(r):64==u?String.fromCharCode(r,n):String.fromCharCode(r,n,s);while(l<t.length);return d=h.join("")}),Array.prototype.map||(Array.prototype.map=function(t){if(void 0===this||null===this||"function"!=typeof t)throw new TypeError;for(var e=Object(this),r=e.length>>>0,n=new Array(r),s=arguments.length>1?arguments[1]:void 0,o=0;r>o;o++)o in e&&(n[o]=t.call(s,e[o],o,e));return n}),Array.isArray||(Array.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)}),Array.prototype.forEach||(Array.prototype.forEach=function(t,e){"use strict";if(void 0===this||null===this||"function"!=typeof t)throw new TypeError;for(var r=Object(this),n=r.length>>>0,s=0;n>s;s++)s in r&&t.call(e,r[s],s,r)}),Object.keys||(Object.keys=function(){"use strict";var t=Object.prototype.hasOwnProperty,e=!{toString:null}.propertyIsEnumerable("toString"),r=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],n=r.length;return function(s){if("object"!=typeof s&&("function"!=typeof s||null===s))throw new TypeError;var o,i,a=[];for(o in s)t.call(s,o)&&a.push(o);if(e)for(i=0;n>i;i++)t.call(s,r[i])&&a.push(r[i]);return a}}()),String.prototype.trim||(String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"")}),String.prototype.trimLeft||(String.prototype.trimLeft=function(){return this.replace(/^\s+/g,"")}),String.prototype.trimRight||(String.prototype.trimRight=function(){return this.replace(/\s+$/g,"")})}("undefined"!=typeof self&&self||"undefined"!=typeof window&&window||this)}({},function(){return this}());
\ No newline at end of file
+return e.prototype=Object.create(o.prototype),e.prototype.getBits=function(e){for(var r,n=this.codeSize,s=this.codeBuf,o=this.bytes,i=this.bytesPos;e>n;)"undefined"==typeof(r=o[i++])&&t("Bad encoding in flate stream"),s|=r<<n,n+=8;return r=s&(1<<e)-1,this.codeBuf=s>>e,this.codeSize=n-=e,this.bytesPos=i,r},e.prototype.getCode=function(e){for(var r=e[0],n=e[1],s=this.codeSize,o=this.codeBuf,i=this.bytes,a=this.bytesPos;n>s;){var u;"undefined"==typeof(u=i[a++])&&t("Bad encoding in flate stream"),o|=u<<s,s+=8}var c=r[o&(1<<n)-1],l=c>>16,f=65535&c;return(0==s||l>s||0==l)&&t("Bad encoding in flate stream"),this.codeBuf=o>>l,this.codeSize=s-l,this.bytesPos=a,f},e.prototype.generateHuffmanTable=function(t){for(var e=t.length,r=0,n=0;e>n;++n)t[n]>r&&(r=t[n]);for(var s=1<<r,o=new Uint32Array(s),i=1,a=0,u=2;r>=i;++i,a<<=1,u<<=1)for(var c=0;e>c;++c)if(t[c]==i){for(var l=0,f=a,n=0;i>n;++n)l=l<<1|1&f,f>>=1;for(var n=l;s>n;n+=u)o[n]=i<<16|c;++a}return[o,r]},e.prototype.readBlock=function(){function e(t,e,r,n,s){for(var o=t.getBits(r)+n;o-->0;)e[k++]=s}var o=this.getBits(3);if(1&o&&(this.eof=!0),o>>=1,0==o){var u,c=this.bytes,l=this.bytesPos;"undefined"==typeof(u=c[l++])&&t("Bad block header in flate stream");var f=u;"undefined"==typeof(u=c[l++])&&t("Bad block header in flate stream"),f|=u<<8,"undefined"==typeof(u=c[l++])&&t("Bad block header in flate stream");var d=u;"undefined"==typeof(u=c[l++])&&t("Bad block header in flate stream"),d|=u<<8,d!=(65535&~f)&&t("Bad uncompressed block length in flate stream"),this.codeBuf=0,this.codeSize=0;var h=this.bufferLength,p=this.ensureBuffer(h+f),m=h+f;this.bufferLength=m;for(var w=h;m>w;++w){if("undefined"==typeof(u=c[l++])){this.eof=!0;break}p[w]=u}return this.bytesPos=l,void 0}var y,g;if(1==o)y=i,g=a;else if(2==o){for(var v=this.getBits(5)+257,b=this.getBits(5)+1,q=this.getBits(4)+4,x=Array(r.length),k=0;q>k;)x[r[k++]]=this.getBits(3);for(var _=this.generateHuffmanTable(x),A=0,k=0,C=v+b,S=new Array(C);C>k;){var E=this.getCode(_);16==E?e(this,S,2,3,A):17==E?e(this,S,3,3,A=0):18==E?e(this,S,7,11,A=0):S[k++]=A=E}y=this.generateHuffmanTable(S.slice(0,v)),g=this.generateHuffmanTable(S.slice(v,C))}else t("Unknown block type in flate stream");for(var p=this.buffer,z=p?p.length:0,I=this.bufferLength;;){var T=this.getCode(y);if(256>T)I+1>=z&&(p=this.ensureBuffer(I+1),z=p.length),p[I++]=T;else{if(256==T)return this.bufferLength=I,void 0;T-=257,T=n[T];var B=T>>16;B>0&&(B=this.getBits(B));var A=(65535&T)+B;T=this.getCode(g),T=s[T],B=T>>16,B>0&&(B=this.getBits(B));var O=(65535&T)+B;I+A>=z&&(p=this.ensureBuffer(I+A),z=p.length);for(var P=0;A>P;++P,++I)p[I]=p[I-O]}}},e}();!function(t){var e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";"undefined"==typeof t.btoa&&(t.btoa=function(t){var r,n,s,o,i,a,u,c,l=0,f=0,d="",h=[];if(!t)return t;do r=t.charCodeAt(l++),n=t.charCodeAt(l++),s=t.charCodeAt(l++),c=r<<16|n<<8|s,o=c>>18&63,i=c>>12&63,a=c>>6&63,u=63&c,h[f++]=e.charAt(o)+e.charAt(i)+e.charAt(a)+e.charAt(u);while(l<t.length);d=h.join("");var p=t.length%3;return(p?d.slice(0,p-3):d)+"===".slice(p||3)}),"undefined"==typeof t.atob&&(t.atob=function(t){var r,n,s,o,i,a,u,c,l=0,f=0,d="",h=[];if(!t)return t;t+="";do o=e.indexOf(t.charAt(l++)),i=e.indexOf(t.charAt(l++)),a=e.indexOf(t.charAt(l++)),u=e.indexOf(t.charAt(l++)),c=o<<18|i<<12|a<<6|u,r=c>>16&255,n=c>>8&255,s=255&c,h[f++]=64==a?String.fromCharCode(r):64==u?String.fromCharCode(r,n):String.fromCharCode(r,n,s);while(l<t.length);return d=h.join("")}),Array.prototype.map||(Array.prototype.map=function(t){if(void 0===this||null===this||"function"!=typeof t)throw new TypeError;for(var e=Object(this),r=e.length>>>0,n=new Array(r),s=arguments.length>1?arguments[1]:void 0,o=0;r>o;o++)o in e&&(n[o]=t.call(s,e[o],o,e));return n}),Array.isArray||(Array.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)}),Array.prototype.forEach||(Array.prototype.forEach=function(t,e){"use strict";if(void 0===this||null===this||"function"!=typeof t)throw new TypeError;for(var r=Object(this),n=r.length>>>0,s=0;n>s;s++)s in r&&t.call(e,r[s],s,r)}),Object.keys||(Object.keys=function(){"use strict";var t=Object.prototype.hasOwnProperty,e=!{toString:null}.propertyIsEnumerable("toString"),r=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],n=r.length;return function(s){if("object"!=typeof s&&("function"!=typeof s||null===s))throw new TypeError;var o,i,a=[];for(o in s)t.call(s,o)&&a.push(o);if(e)for(i=0;n>i;i++)t.call(s,r[i])&&a.push(r[i]);return a}}()),String.prototype.trim||(String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"")}),String.prototype.trimLeft||(String.prototype.trimLeft=function(){return this.replace(/^\s+/g,"")}),String.prototype.trimRight||(String.prototype.trimRight=function(){return this.replace(/\s+$/g,"")})}("undefined"!=typeof self&&self||"undefined"!=typeof window&&window||this)}({},function(){return this}());
diff --git a/editor/jspdf/jspdf.plugin.svgToPdf.js b/editor/jspdf/jspdf.plugin.svgToPdf.js
index 42d0dded..ca4c8ef1 100644
--- a/editor/jspdf/jspdf.plugin.svgToPdf.js
+++ b/editor/jspdf/jspdf.plugin.svgToPdf.js
@@ -1,227 +1,224 @@
-/*globals RGBColor, DOMParser, jsPDF*/
-/*jslint eqeq:true, vars:true*/
+/* globals jsPDF */
 /*
  * svgToPdf.js
- * 
+ *
  * Copyright 2012-2014 Florian Hülsmann <fh@cbix.de>
  * Copyright 2014 Ben Gribaudo <www.bengribaudo.com>
- * 
+ *
  * This script is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Lesser General Public License as published by
  * the Free Software Foundation, either version 3 of the License, or
  * (at your option) any later version.
- * 
+ *
  * This script is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU Lesser General Public License for more details.
- * 
+ *
  * You should have received a copy of the GNU Lesser General Public License
  * along with this file.  If not, see <http://www.gnu.org/licenses/>.
- * 
+ *
  */
 
-(function(jsPDFAPI, undef) {
-'use strict';
+import RGBColor from '../canvg/rgbcolor.js';
 
-var pdfSvgAttr = {
-    // allowed attributes. all others are removed from the preview.
-    g: ['stroke', 'fill', 'stroke-width'],
-    line: ['x1', 'y1', 'x2', 'y2', 'stroke', 'stroke-width'],
-    rect: ['x', 'y', 'width', 'height', 'stroke', 'fill', 'stroke-width'],
-    ellipse: ['cx', 'cy', 'rx', 'ry', 'stroke', 'fill', 'stroke-width'],
-    circle: ['cx', 'cy', 'r', 'stroke', 'fill', 'stroke-width'],
-    text: ['x', 'y', 'font-size', 'font-family', 'text-anchor', 'font-weight', 'font-style', 'fill']
+const jsPDFAPI = jsPDF.API;
+const pdfSvgAttr = {
+  // allowed attributes. all others are removed from the preview.
+  g: ['stroke', 'fill', 'stroke-width'],
+  line: ['x1', 'y1', 'x2', 'y2', 'stroke', 'stroke-width'],
+  rect: ['x', 'y', 'width', 'height', 'stroke', 'fill', 'stroke-width'],
+  ellipse: ['cx', 'cy', 'rx', 'ry', 'stroke', 'fill', 'stroke-width'],
+  circle: ['cx', 'cy', 'r', 'stroke', 'fill', 'stroke-width'],
+  text: ['x', 'y', 'font-size', 'font-family', 'text-anchor', 'font-weight', 'font-style', 'fill']
 };
 
-var attributeIsNotEmpty = function (node, attr) {
-    var attVal = attr ? node.getAttribute(attr) : node;
-    return attVal !== '' && attVal !== null;
+const attributeIsNotEmpty = function (node, attr) {
+  const attVal = attr ? node.getAttribute(attr) : node;
+  return attVal !== '' && attVal !== null;
 };
 
-var nodeIs = function (node, possible) {
-    return possible.indexOf(node.tagName.toLowerCase()) > -1;
+const nodeIs = function (node, possible) {
+  return possible.includes(node.tagName.toLowerCase());
 };
 
-var removeAttributes = function(node, attributes) {
-    var toRemove = [];
-    [].forEach.call(node.attributes, function(a) {
-        if (attributeIsNotEmpty(a) && attributes.indexOf(a.name.toLowerCase()) == -1) {
-            toRemove.push(a.name);
-        }
-    });
+const removeAttributes = function (node, attributes) {
+  const toRemove = [];
+  [].forEach.call(node.attributes, function (a) {
+    if (attributeIsNotEmpty(a) && !attributes.includes(a.name.toLowerCase())) {
+      toRemove.push(a.name);
+    }
+  });
 
-    toRemove.forEach(function(a) {
-        node.removeAttribute(a.name);
-    });
+  toRemove.forEach((a) => {
+    node.removeAttribute(a.name);
+  });
 };
 
-var svgElementToPdf = function(element, pdf, options) {
-    // pdf is a jsPDF object
-    //console.log("options =", options);
-    var remove = (options.removeInvalid == undef ? false : options.removeInvalid);
-    var k = (options.scale == undef ? 1.0 : options.scale);
-    var colorMode = null;
-    [].forEach.call(element.children, function(node) {
-        //console.log("passing: ", node);
-        var hasFillColor = false;
-        var hasStrokeColor = false;
-        var fillRGB;
-        if(nodeIs(node, ['g', 'line', 'rect', 'ellipse', 'circle', 'text'])) {
-            var fillColor = node.getAttribute('fill');
-            if(attributeIsNotEmpty(fillColor)) {
-                fillRGB = new RGBColor(fillColor);
-                if(fillRGB.ok) {
-                    hasFillColor = true;
-                    colorMode = 'F';
-                } else {
-                    colorMode = null;
-                }
-            }
+const svgElementToPdf = function (element, pdf, options) {
+  // pdf is a jsPDF object
+  // console.log('options =', options);
+  const remove = (options.removeInvalid === undefined ? false : options.removeInvalid);
+  const k = (options.scale === undefined ? 1.0 : options.scale);
+  let colorMode = null;
+  [].forEach.call(element.children, function (node) {
+    // console.log('passing: ', node);
+    // let hasStrokeColor = false;
+    let hasFillColor = false;
+    let fillRGB;
+    if (nodeIs(node, ['g', 'line', 'rect', 'ellipse', 'circle', 'text'])) {
+      const fillColor = node.getAttribute('fill');
+      if (attributeIsNotEmpty(fillColor)) {
+        fillRGB = new RGBColor(fillColor);
+        if (fillRGB.ok) {
+          hasFillColor = true;
+          colorMode = 'F';
+        } else {
+          colorMode = null;
         }
-        if(nodeIs(node, ['g', 'line', 'rect', 'ellipse', 'circle'])) {
-            if(hasFillColor) {
-                pdf.setFillColor(fillRGB.r, fillRGB.g, fillRGB.b);
-            }
-            if(attributeIsNotEmpty(node, 'stroke-width')) {
-                pdf.setLineWidth(k * parseInt(node.getAttribute('stroke-width'), 10));
-            }
-            var strokeColor = node.getAttribute('stroke');
-            if(attributeIsNotEmpty(strokeColor)) {
-                var strokeRGB = new RGBColor(strokeColor);
-                if(strokeRGB.ok) {
-                    hasStrokeColor = true;
-                    pdf.setDrawColor(strokeRGB.r, strokeRGB.g, strokeRGB.b);
-                    if(colorMode == 'F') {
-                        colorMode = 'FD';
-                    } else {
-                        colorMode = null;
-                    }
-                } else {
-                    colorMode = null;
-                }
-            }
+      }
+    }
+    if (nodeIs(node, ['g', 'line', 'rect', 'ellipse', 'circle'])) {
+      if (hasFillColor) {
+        pdf.setFillColor(fillRGB.r, fillRGB.g, fillRGB.b);
+      }
+      if (attributeIsNotEmpty(node, 'stroke-width')) {
+        pdf.setLineWidth(k * parseInt(node.getAttribute('stroke-width'), 10));
+      }
+      const strokeColor = node.getAttribute('stroke');
+      if (attributeIsNotEmpty(strokeColor)) {
+        const strokeRGB = new RGBColor(strokeColor);
+        if (strokeRGB.ok) {
+          // hasStrokeColor = true;
+          pdf.setDrawColor(strokeRGB.r, strokeRGB.g, strokeRGB.b);
+          if (colorMode === 'F') {
+            colorMode = 'FD';
+          } else {
+            colorMode = null;
+          }
+        } else {
+          colorMode = null;
         }
-        switch(node.tagName.toLowerCase()) {
-            case 'svg':
-            case 'a':
-            case 'g':
-                svgElementToPdf(node, pdf, options);
-                removeAttributes(node, pdfSvgAttr.g);
-                break;
-            case 'line':
-                pdf.line(
-                    k*parseInt(node.getAttribute('x1'), 10),
-                    k*parseInt(node.getAttribute('y1'), 10),
-                    k*parseInt(node.getAttribute('x2'), 10),
-                    k*parseInt(node.getAttribute('y2'), 10)
-                );
-                removeAttributes(node, pdfSvgAttr.line);
-                break;
-            case 'rect':
-                pdf.rect(
-                    k*parseInt(node.getAttribute('x'), 10),
-                    k*parseInt(node.getAttribute('y'), 10),
-                    k*parseInt(node.getAttribute('width'), 10),
-                    k*parseInt(node.getAttribute('height'), 10),
-                    colorMode
-                );
-                removeAttributes(node, pdfSvgAttr.rect);
-                break;
-            case 'ellipse':
-                pdf.ellipse(
-                    k*parseInt(node.getAttribute('cx'), 10),
-                    k*parseInt(node.getAttribute('cy'), 10),
-                    k*parseInt(node.getAttribute('rx'), 10),
-                    k*parseInt(node.getAttribute('ry'), 10),
-                    colorMode
-                );
-                removeAttributes(node, pdfSvgAttr.ellipse);
-                break;
-            case 'circle':
-                pdf.circle(
-                    k*parseInt(node.getAttribute('cx'), 10),
-                    k*parseInt(node.getAttribute('cy'), 10),
-                    k*parseInt(node.getAttribute('r'), 10),
-                    colorMode
-                );
-                removeAttributes(node, pdfSvgAttr.circle);
-                break;
-            case 'text':
-                if(node.hasAttribute('font-family')) {
-                    switch((node.getAttribute('font-family') || '').toLowerCase()) {
-                        case 'serif': pdf.setFont('times'); break;
-                        case 'monospace': pdf.setFont('courier'); break;
-                        default:
-                            node.setAttribute('font-family', 'sans-serif');
-                            pdf.setFont('helvetica');
-                    }
-                }
-                if(hasFillColor) {
-                    pdf.setTextColor(fillRGB.r, fillRGB.g, fillRGB.b);
-                }
-                var fontType = "";
-                if(node.hasAttribute('font-weight')) {
-                    if(node.getAttribute('font-weight') == "bold") {
-                        fontType = "bold";
-                    } else {
-                        node.removeAttribute('font-weight');
-                    }
-                }
-                if(node.hasAttribute('font-style')) {
-                    if(node.getAttribute('font-style') == "italic") {
-                        fontType += "italic";
-                    } else {
-                        node.removeAttribute('font-style');
-                    }
-                }
-                pdf.setFontType(fontType);
-                var pdfFontSize = 16;
-                if(node.hasAttribute('font-size')) {
-                    pdfFontSize = parseInt(node.getAttribute('font-size'), 10);
-                }
-                var box = node.getBBox();
-                //FIXME: use more accurate positioning!!
-                var x, y, xOffset = 0;
-                if(node.hasAttribute('text-anchor')) {
-                    switch(node.getAttribute('text-anchor')) {
-                        case 'end': xOffset = box.width; break;
-                        case 'middle': xOffset = box.width / 2; break;
-                        case 'start': break;
-                        case 'default': node.setAttribute('text-anchor', 'start'); break;
-                    }
-                    x = parseInt(node.getAttribute('x'), 10) - xOffset;
-                    y = parseInt(node.getAttribute('y'), 10);
-                }
-                //console.log("fontSize:", pdfFontSize, "text:", node.textContent);
-                pdf.setFontSize(pdfFontSize).text(
-                    k * x,
-                    k * y,
-                    node.textContent
-                );
-                removeAttributes(node, pdfSvgAttr.text);
-                break;
-            //TODO: image
-            default:
-                if (remove) {
-                    console.log("can't translate to pdf:", node);
-                    node.parentNode.removeChild(node);
-                }
+      }
+    }
+    switch (node.tagName.toLowerCase()) {
+    case 'svg':
+    case 'a':
+    case 'g':
+      svgElementToPdf(node, pdf, options);
+      removeAttributes(node, pdfSvgAttr.g);
+      break;
+    case 'line':
+      pdf.line(
+        k * parseInt(node.getAttribute('x1'), 10),
+        k * parseInt(node.getAttribute('y1'), 10),
+        k * parseInt(node.getAttribute('x2'), 10),
+        k * parseInt(node.getAttribute('y2'), 10)
+      );
+      removeAttributes(node, pdfSvgAttr.line);
+      break;
+    case 'rect':
+      pdf.rect(
+        k * parseInt(node.getAttribute('x'), 10),
+        k * parseInt(node.getAttribute('y'), 10),
+        k * parseInt(node.getAttribute('width'), 10),
+        k * parseInt(node.getAttribute('height'), 10),
+        colorMode
+      );
+      removeAttributes(node, pdfSvgAttr.rect);
+      break;
+    case 'ellipse':
+      pdf.ellipse(
+        k * parseInt(node.getAttribute('cx'), 10),
+        k * parseInt(node.getAttribute('cy'), 10),
+        k * parseInt(node.getAttribute('rx'), 10),
+        k * parseInt(node.getAttribute('ry'), 10),
+        colorMode
+      );
+      removeAttributes(node, pdfSvgAttr.ellipse);
+      break;
+    case 'circle':
+      pdf.circle(
+        k * parseInt(node.getAttribute('cx'), 10),
+        k * parseInt(node.getAttribute('cy'), 10),
+        k * parseInt(node.getAttribute('r'), 10),
+        colorMode
+      );
+      removeAttributes(node, pdfSvgAttr.circle);
+      break;
+    case 'text':
+      if (node.hasAttribute('font-family')) {
+        switch ((node.getAttribute('font-family') || '').toLowerCase()) {
+        case 'serif': pdf.setFont('times'); break;
+        case 'monospace': pdf.setFont('courier'); break;
+        default:
+          node.setAttribute('font-family', 'sans-serif');
+          pdf.setFont('helvetica');
         }
-    });
-    return pdf;
+      }
+      if (hasFillColor) {
+        pdf.setTextColor(fillRGB.r, fillRGB.g, fillRGB.b);
+      }
+      let fontType = '';
+      if (node.hasAttribute('font-weight')) {
+        if (node.getAttribute('font-weight') === 'bold') {
+          fontType = 'bold';
+        } else {
+          node.removeAttribute('font-weight');
+        }
+      }
+      if (node.hasAttribute('font-style')) {
+        if (node.getAttribute('font-style') === 'italic') {
+          fontType += 'italic';
+        } else {
+          node.removeAttribute('font-style');
+        }
+      }
+      pdf.setFontType(fontType);
+      const pdfFontSize = node.hasAttribute('font-size')
+        ? parseInt(node.getAttribute('font-size'), 10)
+        : 16;
+
+      const box = node.getBBox();
+      // FIXME: use more accurate positioning!!
+      let x, y, xOffset = 0;
+      if (node.hasAttribute('text-anchor')) {
+        switch (node.getAttribute('text-anchor')) {
+        case 'end': xOffset = box.width; break;
+        case 'middle': xOffset = box.width / 2; break;
+        case 'start': break;
+        case 'default': node.setAttribute('text-anchor', 'start'); break;
+        }
+        x = parseInt(node.getAttribute('x'), 10) - xOffset;
+        y = parseInt(node.getAttribute('y'), 10);
+      }
+      // console.log('fontSize:', pdfFontSize, 'text:', node.textContent);
+      pdf.setFontSize(pdfFontSize).text(
+        k * x,
+        k * y,
+        node.textContent
+      );
+      removeAttributes(node, pdfSvgAttr.text);
+      break;
+    // TODO: image
+    default:
+      if (remove) {
+        console.log("can't translate to pdf:", node);
+        node.remove();
+      }
+    }
+  });
+  return pdf;
 };
 
-    jsPDFAPI.addSVG = function(element, x, y, options) {
+jsPDFAPI.addSVG = function (element, x, y, options) {
+  options = (options === undefined ? {} : options);
+  options.x_offset = x;
+  options.y_offset = y;
 
-        options = (options === undef ? {} : options);
-        options.x_offset = x;
-        options.y_offset = y;
-
-        if (typeof element === 'string') {
-            element = new DOMParser().parseFromString(element, 'text/xml').documentElement;
-        }
-        svgElementToPdf(element, this, options);
-        return this;
-    };
-}(jsPDF.API));
+  if (typeof element === 'string') {
+    element = new DOMParser().parseFromString(element, 'text/xml').documentElement;
+  }
+  svgElementToPdf(element, this, options);
+  return this;
+};
diff --git a/editor/layer.js b/editor/layer.js
index 8b5a09d2..c4e4a9a4 100644
--- a/editor/layer.js
+++ b/editor/layer.js
@@ -1,222 +1,223 @@
-/*globals $ svgedit*/
-/*jslint vars: true, eqeq: true */
+/* globals jQuery */
 /**
- * Package: svgedit.history
+ * Provides tools for the layer concept
+ * @module layer
+ * @license MIT
  *
- * Licensed under the MIT License
- *
- * Copyright(c) 2011 Jeff Schiller
- * Copyright(c) 2016 Flint O'Brien
+ * @copyright 2011 Jeff Schiller, 2016 Flint O'Brien
  */
 
-// Dependencies:
-// 1) svgedit.js
-// 2) draw.js
-
-(function() {
-	'use strict';
-
-if (!svgedit.draw) {
-	svgedit.draw = {};
-}
-var NS = svgedit.NS;
+import {NS} from './namespaces.js';
+import {toXml, walkTree} from './utilities.js';
 
+const $ = jQuery;
 
 /**
  * This class encapsulates the concept of a layer in the drawing. It can be constructed with
  * an existing group element or, with three parameters, will create a new layer group element.
  *
- * Usage:
- * new Layer'name', group)          // Use the existing group for this layer.
- * new Layer('name', group, svgElem) // Create a new group and add it to the DOM after group.
- * new Layer('name', null, svgElem)  // Create a new group and add it to the DOM as the last layer.
- *
- * @param {string} name - Layer name
- * @param {SVGGElement|null} group - An existing SVG group element or null.
- * 		If group and no svgElem, use group for this layer.
- * 		If group and svgElem, create a new group element and insert it in the DOM after group.
- * 		If no group and svgElem, create a new group element and insert it in the DOM as the last layer.
- * @param {SVGGElement=} svgElem - The SVG DOM element. If defined, use this to add
- * 		a new layer to the document.
+ * @example
+ * new Layer('name', group);          // Use the existing group for this layer.
+ * new Layer('name', group, svgElem); // Create a new group and add it to the DOM after group.
+ * new Layer('name', null, svgElem);  // Create a new group and add it to the DOM as the last layer.
+ * @memberof module:layer
  */
-var Layer = svgedit.draw.Layer = function(name, group, svgElem) {
-	this.name_ = name;
-	this.group_ = svgElem ? null : group;
+class Layer {
+  /**
+  * @param {string} name - Layer name
+  * @param {SVGGElement|null} group - An existing SVG group element or null.
+  *     If group and no svgElem, use group for this layer.
+  *     If group and svgElem, create a new group element and insert it in the DOM after group.
+  *     If no group and svgElem, create a new group element and insert it in the DOM as the last layer.
+  * @param {SVGGElement=} svgElem - The SVG DOM element. If defined, use this to add
+  *     a new layer to the document.
+  */
+  constructor (name, group, svgElem) {
+    this.name_ = name;
+    this.group_ = svgElem ? null : group;
 
-	if (svgElem) {
-		// Create a group element with title and add it to the DOM.
-		var svgdoc = svgElem.ownerDocument;
-		this.group_ = svgdoc.createElementNS(NS.SVG, "g");
-		var layer_title = svgdoc.createElementNS(NS.SVG, "title");
-		layer_title.textContent = name;
-		this.group_.appendChild(layer_title);
-		if (group) {
-			$(group).after(this.group_);
-		} else {
-			svgElem.appendChild(this.group_);
-		}
-	}
+    if (svgElem) {
+      // Create a group element with title and add it to the DOM.
+      const svgdoc = svgElem.ownerDocument;
+      this.group_ = svgdoc.createElementNS(NS.SVG, 'g');
+      const layerTitle = svgdoc.createElementNS(NS.SVG, 'title');
+      layerTitle.textContent = name;
+      this.group_.append(layerTitle);
+      if (group) {
+        $(group).after(this.group_);
+      } else {
+        svgElem.append(this.group_);
+      }
+    }
 
-	addLayerClass(this.group_);
-	svgedit.utilities.walkTree(this.group_, function(e){e.setAttribute("style", "pointer-events:inherit");});
+    addLayerClass(this.group_);
+    walkTree(this.group_, function (e) {
+      e.setAttribute('style', 'pointer-events:inherit');
+    });
 
-	this.group_.setAttribute("style", svgElem ? "pointer-events:all" : "pointer-events:none");
-};
+    this.group_.setAttribute('style', svgElem ? 'pointer-events:all' : 'pointer-events:none');
+  }
 
+  /**
+   * Get the layer's name.
+   * @returns {string} The layer name
+   */
+  getName () {
+    return this.name_;
+  }
+
+  /**
+   * Get the group element for this layer.
+   * @returns {SVGGElement} The layer SVG group
+   */
+  getGroup () {
+    return this.group_;
+  }
+
+  /**
+   * Active this layer so it takes pointer events.
+   * @returns {undefined}
+   */
+  activate () {
+    this.group_.setAttribute('style', 'pointer-events:all');
+  }
+
+  /**
+   * Deactive this layer so it does NOT take pointer events.
+   * @returns {undefined}
+   */
+  deactivate () {
+    this.group_.setAttribute('style', 'pointer-events:none');
+  }
+
+  /**
+   * Set this layer visible or hidden based on 'visible' parameter.
+   * @param {boolean} visible - If true, make visible; otherwise, hide it.
+   * @returns {undefined}
+   */
+  setVisible (visible) {
+    const expected = visible === undefined || visible ? 'inline' : 'none';
+    const oldDisplay = this.group_.getAttribute('display');
+    if (oldDisplay !== expected) {
+      this.group_.setAttribute('display', expected);
+    }
+  }
+
+  /**
+   * Is this layer visible?
+   * @returns {boolean} True if visible.
+   */
+  isVisible () {
+    return this.group_.getAttribute('display') !== 'none';
+  }
+
+  /**
+   * Get layer opacity.
+   * @returns {Float} Opacity value.
+   */
+  getOpacity () {
+    const opacity = this.group_.getAttribute('opacity');
+    if (opacity === null || opacity === undefined) {
+      return 1;
+    }
+    return parseFloat(opacity);
+  }
+
+  /**
+   * Sets the opacity of this layer. If opacity is not a value between 0.0 and 1.0,
+   * nothing happens.
+   * @param {Float} opacity - A float value in the range 0.0-1.0
+   * @returns {undefined}
+   */
+  setOpacity (opacity) {
+    if (typeof opacity === 'number' && opacity >= 0.0 && opacity <= 1.0) {
+      this.group_.setAttribute('opacity', opacity);
+    }
+  }
+
+  /**
+   * Append children to this layer.
+   * @param {SVGGElement} children - The children to append to this layer.
+   * @returns {undefined}
+   */
+  appendChildren (children) {
+    for (let i = 0; i < children.length; ++i) {
+      this.group_.append(children[i]);
+    }
+  }
+
+  /**
+  * @returns {SVGTitleElement|null}
+  */
+  getTitleElement () {
+    const len = this.group_.childNodes.length;
+    for (let i = 0; i < len; ++i) {
+      const child = this.group_.childNodes.item(i);
+      if (child && child.tagName === 'title') {
+        return child;
+      }
+    }
+    return null;
+  }
+
+  /**
+   * Set the name of this layer.
+   * @param {string} name - The new name.
+   * @param {module:history.HistoryRecordingService} hrService - History recording service
+   * @returns {string|null} The new name if changed; otherwise, null.
+   */
+  setName (name, hrService) {
+    const previousName = this.name_;
+    name = toXml(name);
+    // now change the underlying title element contents
+    const title = this.getTitleElement();
+    if (title) {
+      $(title).empty();
+      title.textContent = name;
+      this.name_ = name;
+      if (hrService) {
+        hrService.changeElement(title, {'#text': previousName});
+      }
+      return this.name_;
+    }
+    return null;
+  }
+
+  /**
+   * Remove this layer's group from the DOM. No more functions on group can be called after this.
+   * @param {SVGGElement} children - The children to append to this layer.
+   * @returns {SVGGElement} The layer SVG group that was just removed.
+   */
+  removeGroup () {
+    const parent = this.group_.parentNode;
+    const group = parent.removeChild(this.group_);
+    this.group_ = undefined;
+    return group;
+  }
+}
 /**
- * @type {string} CLASS_NAME - class attribute assigned to all layer groups.
+ * @property {string} CLASS_NAME - class attribute assigned to all layer groups.
  */
 Layer.CLASS_NAME = 'layer';
 
 /**
- * @type {RegExp} CLASS_REGEX - Used to test presence of class Layer.CLASS_NAME
+ * @property {RegExp} CLASS_REGEX - Used to test presence of class Layer.CLASS_NAME
  */
 Layer.CLASS_REGEX = new RegExp('(\\s|^)' + Layer.CLASS_NAME + '(\\s|$)');
 
-
 /**
- * Get the layer's name.
- * @returns {string} The layer name
- */
-Layer.prototype.getName = function() {
-	return this.name_;
-};
-
-/**
- * Get the group element for this layer.
- * @returns {SVGGElement} The layer SVG group
- */
-Layer.prototype.getGroup = function() {
-	return this.group_;
-};
-
-/**
- * Active this layer so it takes pointer events.
- */
-Layer.prototype.activate = function() {
-	this.group_.setAttribute("style", "pointer-events:all");
-};
-
-/**
- * Deactive this layer so it does NOT take pointer events.
- */
-Layer.prototype.deactivate = function() {
-	this.group_.setAttribute("style", "pointer-events:none");
-};
-
-/**
- * Set this layer visible or hidden based on 'visible' parameter.
- * @param {boolean} visible - If true, make visible; otherwise, hide it.
- */
-Layer.prototype.setVisible = function(visible) {
-	var expected = visible === undefined || visible ? "inline" : "none";
-	var oldDisplay = this.group_.getAttribute("display");
-	if (oldDisplay !== expected) {
-		this.group_.setAttribute("display", expected);
-	}
-};
-
-/**
- * Is this layer visible?
- * @returns {boolean} True if visible.
- */
-Layer.prototype.isVisible = function() {
-	return this.group_.getAttribute('display') !== 'none';
-};
-
-/**
- * Get layer opacity.
- * @returns {number} Opacity value.
- */
-Layer.prototype.getOpacity = function() {
-	var opacity = this.group_.getAttribute('opacity');
-	if (opacity === null || opacity === undefined) {
-		return 1;
-	}
-	return parseFloat(opacity);
-};
-
-/**
- * Sets the opacity of this layer. If opacity is not a value between 0.0 and 1.0,
- * nothing happens.
- * @param {number} opacity - A float value in the range 0.0-1.0
- */
-Layer.prototype.setOpacity = function(opacity) {
-	if (typeof opacity === 'number' && opacity >= 0.0 && opacity <= 1.0) {
-		this.group_.setAttribute('opacity', opacity);
-	}
-};
-
-/**
- * Append children to this layer.
- * @param {SVGGElement} children - The children to append to this layer.
- */
-Layer.prototype.appendChildren = function(children) {
-	for (var i = 0; i < children.length; ++i) {
-		this.group_.appendChild(children[i]);
-	}
-};
-
-Layer.prototype.getTitleElement = function() {
-	var len = this.group_.childNodes.length;
-	for (var i = 0; i < len; ++i) {
-		var child = this.group_.childNodes.item(i);
-		if (child && child.tagName === 'title') {
-			return child;
-		}
-	}
-	return null;
-};
-
-/**
- * Set the name of this layer.
- * @param {string} name - The new name.
- * @param {svgedit.history.HistoryRecordingService} hrService - History recording service
- * @returns {string|null} The new name if changed; otherwise, null.
- */
-Layer.prototype.setName = function(name, hrService) {
-	var previousName = this.name_;
-	name = svgedit.utilities.toXml(name);
-	// now change the underlying title element contents
-	var title = this.getTitleElement();
-	if (title) {
-		while (title.firstChild) { title.removeChild(title.firstChild); }
-		title.textContent = name;
-		this.name_ = name;
-		if (hrService) {
-			hrService.changeElement(title, {'#text':previousName});
-		}
-		return this.name_;
-	}
-	return null;
-};
-
-/**
- * Remove this layer's group from the DOM. No more functions on group can be called after this.
- * @param {SVGGElement} children - The children to append to this layer.
- * @returns {SVGGElement} The layer SVG group that was just removed.
- */
-Layer.prototype.removeGroup = function() {
-	var parent = this.group_.parentNode;
-	var group = parent.removeChild(this.group_);
-	this.group_ = undefined;
-	return group;
-};
-
-
-/**
- * Add class Layer.CLASS_NAME to the element (usually class='layer').
+ * Add class `Layer.CLASS_NAME` to the element (usually `class='layer'`).
  *
- * Parameters:
  * @param {SVGGElement} elem - The SVG element to update
+ * @returns {undefined}
  */
-function addLayerClass(elem) {
-	var classes = elem.getAttribute('class');
-	if (classes === null || classes === undefined || classes.length === 0) {
-		elem.setAttribute('class', Layer.CLASS_NAME);
-	} else if (! Layer.CLASS_REGEX.test(classes)) {
-		elem.setAttribute('class', classes + ' ' + Layer.CLASS_NAME);
-	}
+function addLayerClass (elem) {
+  const classes = elem.getAttribute('class');
+  if (classes === null || classes === undefined || !classes.length) {
+    elem.setAttribute('class', Layer.CLASS_NAME);
+  } else if (!Layer.CLASS_REGEX.test(classes)) {
+    elem.setAttribute('class', classes + ' ' + Layer.CLASS_NAME);
+  }
 }
 
-}());
+export default Layer;
diff --git a/editor/locale/README.txt b/editor/locale/README.txt
index cfc7dc1d..9ec7b63b 100644
--- a/editor/locale/README.txt
+++ b/editor/locale/README.txt
@@ -1,4 +1,4 @@
-This directory holds JSON files that translate the UI strings in SVG-edit.
+This directory holds JavaScript files that translate the UI strings in SVG-edit.
 Initial translations were done by Narendra Sisodiya putting the English
 strings through the Google Translation API. Humans will need to take these
 automated translations and ensure they make sense.
diff --git a/editor/locale/lang.af.js b/editor/locale/lang.af.js
index df9866c4..dbabcc85 100644
--- a/editor/locale/lang.af.js
+++ b/editor/locale/lang.af.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "af",
-	dir : "ltr",
-	common: {
-		"ok": "Spaar",
-		"cancel": "Annuleer",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Klik om te verander vul kleur, verskuiwing klik om &#39;n beroerte kleur verander",
-		"zoom_level": "Change zoom vlak",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Verandering vul kleur",
-		"stroke_color": "Verandering beroerte kleur",
-		"stroke_style": "Verandering beroerte dash styl",
-		"stroke_width": "Verandering beroerte breedte",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Verandering rotasie-hoek",
-		"blur": "Change gaussian blur value",
-		"opacity": "Verander geselekteerde item opaciteit",
-		"circle_cx": "Verandering sirkel se cx koördineer",
-		"circle_cy": "Verandering sirkel se cy koördineer",
-		"circle_r": "Verandering sirkel se radius",
-		"ellipse_cx": "Verandering ellips se cx koördineer",
-		"ellipse_cy": "Verander ellips se cy koördineer",
-		"ellipse_rx": "Verandering ellips se x radius",
-		"ellipse_ry": "Verander ellips se j radius",
-		"line_x1": "Verandering lyn se vertrek x koördinaat",
-		"line_x2": "Verandering lyn se eindig x koördinaat",
-		"line_y1": "Verandering lyn se vertrek y koördinaat",
-		"line_y2": "Verandering lyn se eindig y koördinaat",
-		"rect_height": "Verandering reghoek hoogte",
-		"rect_width": "Verandering reghoek breedte",
-		"corner_radius": "Verandering Rechthoek Corner Radius",
-		"image_width": "Verander prent breedte",
-		"image_height": "Verandering prent hoogte",
-		"image_url": "URL verander",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Verander teks inhoud",
-		"font_family": "Lettertipe verander Familie",
-		"font_size": "Verandering Lettertipe Grootte",
-		"bold": "Vetgedrukte teks",
-		"italic": "Italic Text"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Verander agtergrondkleur / opaciteit",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Pas na inhoud",
-		"fit_to_all": "Passing tot al inhoud",
-		"fit_to_canvas": "Passing tot doek",
-		"fit_to_layer_content": "Passing tot laag inhoud",
-		"fit_to_sel": "Passing tot seleksie",
-		"align_relative_to": "Align in verhouding tot ...",
-		"relativeTo": "relatief tot:",
-		"page": "bladsy",
-		"largest_object": "grootste voorwerp",
-		"selected_objects": "verkose voorwerpe",
-		"smallest_object": "kleinste voorwerp",
-		"new_doc": "Nuwe Beeld",
-		"open_doc": "Open Beeld",
-		"export_img": "Export",
-		"save_doc": "Slaan Beeld",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Rig Middel",
-		"align_left": "Links Regterkant",
-		"align_middle": "Align Midde",
-		"align_right": "Lijn regs uit",
-		"align_top": "Align Top",
-		"mode_select": "Select Gereedschap",
-		"mode_fhpath": "Potlood tool",
-		"mode_line": "Lyn Gereedskap",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-hand Rectangle",
-		"mode_ellipse": "Ellips",
-		"mode_circle": "Sirkel",
-		"mode_fhellipse": "Gratis-Hand Ellips",
-		"mode_path": "Poli Gereedskap",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text Gereedskap",
-		"mode_image": "Image Gereedskap",
-		"mode_zoom": "Klik op die Gereedskap",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Boontoe",
-		"redo": "Oordoen",
-		"tool_source": "Wysig Bron",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Groep Elemente",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elemente",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Skuif na Bottom",
-		"move_top": "Skuif na bo",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Spaar",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Verwyder Laag",
-		"move_down": "Beweeg afbreek Down",
-		"new": "Nuwe Layer",
-		"rename": "Rename Layer",
-		"move_up": "Beweeg afbreek Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Doek Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Kies gedefinieerde:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'af',
+  dir: 'ltr',
+  common: {
+    ok: 'Spaar',
+    cancel: 'Annuleer',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Klik om te verander vul kleur, verskuiwing klik om &#39;n beroerte kleur verander',
+    zoom_level: 'Change zoom vlak',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Verandering vul kleur',
+    stroke_color: 'Verandering beroerte kleur',
+    stroke_style: 'Verandering beroerte dash styl',
+    stroke_width: 'Verandering beroerte breedte',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Verandering rotasie-hoek',
+    blur: 'Change gaussian blur value',
+    opacity: 'Verander geselekteerde item opaciteit',
+    circle_cx: 'Verandering sirkel se cx koördineer',
+    circle_cy: 'Verandering sirkel se cy koördineer',
+    circle_r: 'Verandering sirkel se radius',
+    ellipse_cx: 'Verandering ellips se cx koördineer',
+    ellipse_cy: 'Verander ellips se cy koördineer',
+    ellipse_rx: 'Verandering ellips se x radius',
+    ellipse_ry: 'Verander ellips se j radius',
+    line_x1: 'Verandering lyn se vertrek x koördinaat',
+    line_x2: 'Verandering lyn se eindig x koördinaat',
+    line_y1: 'Verandering lyn se vertrek y koördinaat',
+    line_y2: 'Verandering lyn se eindig y koördinaat',
+    rect_height: 'Verandering reghoek hoogte',
+    rect_width: 'Verandering reghoek breedte',
+    corner_radius: 'Verandering Rechthoek Corner Radius',
+    image_width: 'Verander prent breedte',
+    image_height: 'Verandering prent hoogte',
+    image_url: 'URL verander',
+    node_x: 'Change node\'s x coordinate',
+    node_y: 'Change node\'s y coordinate',
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Verander teks inhoud',
+    font_family: 'Lettertipe verander Familie',
+    font_size: 'Verandering Lettertipe Grootte',
+    bold: 'Vetgedrukte teks',
+    italic: 'Italic Text'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Verander agtergrondkleur / opaciteit',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Pas na inhoud',
+    fit_to_all: 'Passing tot al inhoud',
+    fit_to_canvas: 'Passing tot doek',
+    fit_to_layer_content: 'Passing tot laag inhoud',
+    fit_to_sel: 'Passing tot seleksie',
+    align_relative_to: 'Align in verhouding tot ...',
+    relativeTo: 'relatief tot:',
+    page: 'bladsy',
+    largest_object: 'grootste voorwerp',
+    selected_objects: 'verkose voorwerpe',
+    smallest_object: 'kleinste voorwerp',
+    new_doc: 'Nuwe Beeld',
+    open_doc: 'Open Beeld',
+    export_img: 'Export',
+    save_doc: 'Slaan Beeld',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Rig Middel',
+    align_left: 'Links Regterkant',
+    align_middle: 'Align Midde',
+    align_right: 'Lijn regs uit',
+    align_top: 'Align Top',
+    mode_select: 'Select Gereedschap',
+    mode_fhpath: 'Potlood tool',
+    mode_line: 'Lyn Gereedskap',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-hand Rectangle',
+    mode_ellipse: 'Ellips',
+    mode_circle: 'Sirkel',
+    mode_fhellipse: 'Gratis-Hand Ellips',
+    mode_path: 'Poli Gereedskap',
+    mode_text: 'Text Gereedskap',
+    mode_image: 'Image Gereedskap',
+    mode_zoom: 'Klik op die Gereedskap',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Boontoe',
+    redo: 'Oordoen',
+    tool_source: 'Wysig Bron',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Groep Elemente',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elemente',
+    docprops: 'Document Properties',
+    move_bottom: 'Skuif na Bottom',
+    move_top: 'Skuif na bo',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Spaar',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Verwyder Laag',
+    move_down: 'Beweeg afbreek Down',
+    new: 'Nuwe Layer',
+    rename: 'Rename Layer',
+    move_up: 'Beweeg afbreek Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Doek Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Kies gedefinieerde:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.ar.js b/editor/locale/lang.ar.js
index d9dc3d95..67fd7126 100644
--- a/editor/locale/lang.ar.js
+++ b/editor/locale/lang.ar.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "ar",
-	dir : "ltr",
-	common: {
-		"ok": "حفظ",
-		"cancel": "إلغاء",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "انقر لتغيير لون التعبئة ، تحولا مزدوجا فوق لتغيير لون السكتة الدماغية",
-		"zoom_level": "تغيير مستوى التكبير",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "تغير لون التعبئة",
-		"stroke_color": "تغير لون السكتة الدماغية",
-		"stroke_style": "تغيير نمط السكتة الدماغية اندفاعة",
-		"stroke_width": "تغيير عرض السكتة الدماغية",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "تغيير زاوية الدوران",
-		"blur": "Change gaussian blur value",
-		"opacity": "تغيير مختارة غموض البند",
-		"circle_cx": "دائرة التغيير لتنسيق cx",
-		"circle_cy": "Change circle's cy coordinate",
-		"circle_r": "التغيير في دائرة نصف قطرها",
-		"ellipse_cx": "تغيير شكل البيضاوي cx تنسيق",
-		"ellipse_cy": "تغيير شكل البيضاوي قبرصي تنسيق",
-		"ellipse_rx": "تغيير شكل البيضاوي خ نصف قطرها",
-		"ellipse_ry": "تغيير القطع الناقص في دائرة نصف قطرها ذ",
-		"line_x1": "تغيير الخط لبدء تنسيق خ",
-		"line_x2": "تغيير الخط لانهاء خ تنسيق",
-		"line_y1": "تغيير الخط لبدء تنسيق ذ",
-		"line_y2": "تغيير الخط لإنهاء تنسيق ذ",
-		"rect_height": "تغيير المستطيل الارتفاع",
-		"rect_width": "تغيير عرض المستطيل",
-		"corner_radius": "تغيير مستطيل ركن الشعاع",
-		"image_width": "تغيير صورة العرض",
-		"image_height": "تغيير ارتفاع الصورة",
-		"image_url": "تغيير العنوان",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "تغيير محتويات النص",
-		"font_family": "تغيير الخط الأسرة",
-		"font_size": "تغيير حجم الخط",
-		"bold": "نص جريء",
-		"italic": "مائل نص"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "تغير لون الخلفية / غموض",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "لائقا للمحتوى",
-		"fit_to_all": "يصلح لجميع المحتويات",
-		"fit_to_canvas": "يصلح لوحة زيتية على قماش",
-		"fit_to_layer_content": "يصلح لطبقة المحتوى",
-		"fit_to_sel": "يصلح لاختيار",
-		"align_relative_to": "محاذاة النسبي ل ...",
-		"relativeTo": "بالنسبة إلى:",
-		"page": "الصفحة",
-		"largest_object": "أكبر كائن",
-		"selected_objects": "انتخب الأجسام",
-		"smallest_object": "أصغر كائن",
-		"new_doc": "صورة جديدة",
-		"open_doc": "فتح الصورة",
-		"export_img": "Export",
-		"save_doc": "حفظ صورة",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "محاذاة القاع",
-		"align_center": "مركز محاذاة",
-		"align_left": "محاذاة إلى اليسار",
-		"align_middle": "محاذاة الأوسط",
-		"align_right": "محاذاة إلى اليمين",
-		"align_top": "محاذاة الأعلى",
-		"mode_select": "اختر أداة",
-		"mode_fhpath": "أداة قلم رصاص",
-		"mode_line": "خط أداة",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Rectangle",
-		"mode_ellipse": "القطع الناقص",
-		"mode_circle": "دائرة",
-		"mode_fhellipse": "اليد الحرة البيضوي",
-		"mode_path": "بولي أداة",
-		"mode_shapelib": "Shape library",
-		"mode_text": "النص أداة",
-		"mode_image": "الصورة أداة",
-		"mode_zoom": "أداة تكبير",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "التراجع",
-		"redo": "إعادته",
-		"tool_source": "عدل المصدر",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "مجموعة عناصر",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "فك تجميع عناصر",
-		"docprops": "خصائص المستند",
-		"imagelib": "Image Library",
-		"move_bottom": "الانتقال إلى أسفل",
-		"move_top": "الانتقال إلى أعلى",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "حفظ",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "حذف طبقة",
-		"move_down": "تحرك لأسفل طبقة",
-		"new": "طبقة جديدة",
-		"rename": "تسمية الطبقة",
-		"move_up": "تحرك لأعلى طبقة",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "حدد سلفا:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'ar',
+  dir: 'rtl',
+  common: {
+    ok: 'حفظ',
+    cancel: 'إلغاء',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'انقر لتغيير لون التعبئة ، تحولا مزدوجا فوق لتغيير لون السكتة الدماغية',
+    zoom_level: 'تغيير مستوى التكبير',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'تغير لون التعبئة',
+    stroke_color: 'تغير لون السكتة الدماغية',
+    stroke_style: 'تغيير نمط السكتة الدماغية اندفاعة',
+    stroke_width: 'تغيير عرض السكتة الدماغية',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'تغيير زاوية الدوران',
+    blur: 'Change gaussian blur value',
+    opacity: 'تغيير مختارة غموض البند',
+    circle_cx: 'دائرة التغيير لتنسيق cx',
+    circle_cy: "Change circle's cy coordinate",
+    circle_r: 'التغيير في دائرة نصف قطرها',
+    ellipse_cx: 'تغيير شكل البيضاوي cx تنسيق',
+    ellipse_cy: 'تغيير شكل البيضاوي قبرصي تنسيق',
+    ellipse_rx: 'تغيير شكل البيضاوي خ نصف قطرها',
+    ellipse_ry: 'تغيير القطع الناقص في دائرة نصف قطرها ذ',
+    line_x1: 'تغيير الخط لبدء تنسيق خ',
+    line_x2: 'تغيير الخط لانهاء خ تنسيق',
+    line_y1: 'تغيير الخط لبدء تنسيق ذ',
+    line_y2: 'تغيير الخط لإنهاء تنسيق ذ',
+    rect_height: 'تغيير المستطيل الارتفاع',
+    rect_width: 'تغيير عرض المستطيل',
+    corner_radius: 'تغيير مستطيل ركن الشعاع',
+    image_width: 'تغيير صورة العرض',
+    image_height: 'تغيير ارتفاع الصورة',
+    image_url: 'تغيير العنوان',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'تغيير محتويات النص',
+    font_family: 'تغيير الخط الأسرة',
+    font_size: 'تغيير حجم الخط',
+    bold: 'نص جريء',
+    italic: 'مائل نص'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'تغير لون الخلفية / غموض',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'لائقا للمحتوى',
+    fit_to_all: 'يصلح لجميع المحتويات',
+    fit_to_canvas: 'يصلح لوحة زيتية على قماش',
+    fit_to_layer_content: 'يصلح لطبقة المحتوى',
+    fit_to_sel: 'يصلح لاختيار',
+    align_relative_to: 'محاذاة النسبي ل ...',
+    relativeTo: 'بالنسبة إلى:',
+    page: 'الصفحة',
+    largest_object: 'أكبر كائن',
+    selected_objects: 'انتخب الأجسام',
+    smallest_object: 'أصغر كائن',
+    new_doc: 'صورة جديدة',
+    open_doc: 'فتح الصورة',
+    export_img: 'Export',
+    save_doc: 'حفظ صورة',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'محاذاة القاع',
+    align_center: 'مركز محاذاة',
+    align_left: 'محاذاة إلى اليسار',
+    align_middle: 'محاذاة الأوسط',
+    align_right: 'محاذاة إلى اليمين',
+    align_top: 'محاذاة الأعلى',
+    mode_select: 'اختر أداة',
+    mode_fhpath: 'أداة قلم رصاص',
+    mode_line: 'خط أداة',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Rectangle',
+    mode_ellipse: 'القطع الناقص',
+    mode_circle: 'دائرة',
+    mode_fhellipse: 'اليد الحرة البيضوي',
+    mode_path: 'بولي أداة',
+    mode_text: 'النص أداة',
+    mode_image: 'الصورة أداة',
+    mode_zoom: 'أداة تكبير',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'التراجع',
+    redo: 'إعادته',
+    tool_source: 'عدل المصدر',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'مجموعة عناصر',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'فك تجميع عناصر',
+    docprops: 'خصائص المستند',
+    move_bottom: 'الانتقال إلى أسفل',
+    move_top: 'الانتقال إلى أعلى',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'حفظ',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'حذف طبقة',
+    move_down: 'تحرك لأسفل طبقة',
+    new: 'طبقة جديدة',
+    rename: 'تسمية الطبقة',
+    move_up: 'تحرك لأعلى طبقة',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'حدد سلفا:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.az.js b/editor/locale/lang.az.js
index 0cda2528..2def669a 100644
--- a/editor/locale/lang.az.js
+++ b/editor/locale/lang.az.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "az",
-	dir : "ltr",
-	common: {
-		"ok": "OK",
-		"cancel": "Cancel",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Click to change fill color, shift-click to change stroke color",
-		"zoom_level": "Change zoom level",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Change fill color",
-		"stroke_color": "Change stroke color",
-		"stroke_style": "Change stroke dash style",
-		"stroke_width": "Change stroke width",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Change rotation angle",
-		"blur": "Change gaussian blur value",
-		"opacity": "Change selected item opacity",
-		"circle_cx": "Change circle's cx coordinate",
-		"circle_cy": "Change circle's cy coordinate",
-		"circle_r": "Change circle's radius",
-		"ellipse_cx": "Change ellipse's cx coordinate",
-		"ellipse_cy": "Change ellipse's cy coordinate",
-		"ellipse_rx": "Change ellipse's x radius",
-		"ellipse_ry": "Change ellipse's y radius",
-		"line_x1": "Change line's starting x coordinate",
-		"line_x2": "Change line's ending x coordinate",
-		"line_y1": "Change line's starting y coordinate",
-		"line_y2": "Change line's ending y coordinate",
-		"rect_height": "Change rectangle height",
-		"rect_width": "Change rectangle width",
-		"corner_radius": "Change Rectangle Corner Radius",
-		"image_width": "Change image width",
-		"image_height": "Change image height",
-		"image_url": "Change URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Change text contents",
-		"font_family": "Change Font Family",
-		"font_size": "Change Font Size",
-		"bold": "Bold Text",
-		"italic": "Italic Text"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Change background color/opacity",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Fit to all content",
-		"fit_to_canvas": "Fit to canvas",
-		"fit_to_layer_content": "Fit to layer content",
-		"fit_to_sel": "Fit to selection",
-		"align_relative_to": "Align relative to ...",
-		"relativeTo": "relative to:",
-		"page": "page",
-		"largest_object": "largest object",
-		"selected_objects": "selected objects",
-		"smallest_object": "smallest object",
-		"new_doc": "New Image",
-		"open_doc": "Open SVG",
-		"export_img": "Export",
-		"save_doc": "Save Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Align Center",
-		"align_left": "Align Left",
-		"align_middle": "Align Middle",
-		"align_right": "Align Right",
-		"align_top": "Align Top",
-		"mode_select": "Select Tool",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Rectangle",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Undo",
-		"redo": "Redo",
-		"tool_source": "Edit Source",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Group Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elements",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Move to Bottom",
-		"move_top": "Move to Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Apply Changes",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Delete Layer",
-		"move_down": "Move Layer Down",
-		"new": "New Layer",
-		"rename": "Rename Layer",
-		"move_up": "Move Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Select predefined:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
\ No newline at end of file
+export default {
+  lang: 'az',
+  dir: 'ltr',
+  common: {
+    ok: 'OK',
+    cancel: 'Cancel',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Click to change fill color, shift-click to change stroke color',
+    zoom_level: 'Change zoom level',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Change fill color',
+    stroke_color: 'Change stroke color',
+    stroke_style: 'Change stroke dash style',
+    stroke_width: 'Change stroke width',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Change rotation angle',
+    blur: 'Change gaussian blur value',
+    opacity: 'Change selected item opacity',
+    circle_cx: "Change circle's cx coordinate",
+    circle_cy: "Change circle's cy coordinate",
+    circle_r: "Change circle's radius",
+    ellipse_cx: "Change ellipse's cx coordinate",
+    ellipse_cy: "Change ellipse's cy coordinate",
+    ellipse_rx: "Change ellipse's x radius",
+    ellipse_ry: "Change ellipse's y radius",
+    line_x1: "Change line's starting x coordinate",
+    line_x2: "Change line's ending x coordinate",
+    line_y1: "Change line's starting y coordinate",
+    line_y2: "Change line's ending y coordinate",
+    rect_height: 'Change rectangle height',
+    rect_width: 'Change rectangle width',
+    corner_radius: 'Change Rectangle Corner Radius',
+    image_width: 'Change image width',
+    image_height: 'Change image height',
+    image_url: 'Change URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Change text contents',
+    font_family: 'Change Font Family',
+    font_size: 'Change Font Size',
+    bold: 'Bold Text',
+    italic: 'Italic Text'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Change background color/opacity',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Fit to all content',
+    fit_to_canvas: 'Fit to canvas',
+    fit_to_layer_content: 'Fit to layer content',
+    fit_to_sel: 'Fit to selection',
+    align_relative_to: 'Align relative to ...',
+    relativeTo: 'relative to:',
+    page: 'page',
+    largest_object: 'largest object',
+    selected_objects: 'selected objects',
+    smallest_object: 'smallest object',
+    new_doc: 'New Image',
+    open_doc: 'Open SVG',
+    export_img: 'Export',
+    save_doc: 'Save Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Align Center',
+    align_left: 'Align Left',
+    align_middle: 'Align Middle',
+    align_right: 'Align Right',
+    align_top: 'Align Top',
+    mode_select: 'Select Tool',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Rectangle',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Text Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Undo',
+    redo: 'Redo',
+    tool_source: 'Edit Source',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Group Elements',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elements',
+    docprops: 'Document Properties',
+    move_bottom: 'Move to Bottom',
+    move_top: 'Move to Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Apply Changes',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Delete Layer',
+    move_down: 'Move Layer Down',
+    new: 'New Layer',
+    rename: 'Rename Layer',
+    move_up: 'Move Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Select predefined:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.be.js b/editor/locale/lang.be.js
index 92faa9c6..7d16a3b3 100644
--- a/editor/locale/lang.be.js
+++ b/editor/locale/lang.be.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "be",
-	dir : "ltr",
-	common: {
-		"ok": "Захаваць",
-		"cancel": "Адмена",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Націсніце для змены колеру залівання, Shift-Click змяніць обводка",
-		"zoom_level": "Змяненне маштабу",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Змяненне колеру залівання",
-		"stroke_color": "Змяненне колеру інсульт",
-		"stroke_style": "Змяненне стылю інсульт працяжнік",
-		"stroke_width": "Змены шырыня штрых",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Змены вугла павароту",
-		"blur": "Change gaussian blur value",
-		"opacity": "Старонка абранага пункта непразрыстасці",
-		"circle_cx": "CX змене круга каардынаты",
-		"circle_cy": "Змены гуртка CY каардынаты",
-		"circle_r": "Старонка круга&#39;s радыус",
-		"ellipse_cx": "Змены эліпса CX каардынаты",
-		"ellipse_cy": "Змены эліпса CY каардынаты",
-		"ellipse_rx": "Х змяненні эліпса радыюсам",
-		"ellipse_ry": "Змены у эліпса радыюсам",
-		"line_x1": "Змены лінія пачынае каардынаты х",
-		"line_x2": "Змяненне за перыяд, скончыўся лінія каардынаты х",
-		"line_y1": "Змены лінія пачынае Y каардынаты",
-		"line_y2": "Змяненне за перыяд, скончыўся лінія Y каардынаты",
-		"rect_height": "Змены прастакутнік вышынёй",
-		"rect_width": "Змяненне шырыні прамавугольніка",
-		"corner_radius": "Змены прастакутнік Corner Radius",
-		"image_width": "Змены шырыня выявы",
-		"image_height": "Змена вышыні выявы",
-		"image_url": "Змяніць URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Змяненне зместу тэксту",
-		"font_family": "Змены Сямейства шрыфтоў",
-		"font_size": "Змяніць памер шрыфта",
-		"bold": "Тоўсты тэкст",
-		"italic": "Нахілены тэкст"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Змяненне колеру фону / непразрыстасць",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Па памеры ўтрымання",
-		"fit_to_all": "Па памеру ўсе змесціва",
-		"fit_to_canvas": "Памер палатна",
-		"fit_to_layer_content": "По размеру слой ўтрымання",
-		"fit_to_sel": "Выбар памеру",
-		"align_relative_to": "Выраўнаваць па дачыненні да ...",
-		"relativeTo": "па параўнанні з:",
-		"page": "старонка",
-		"largest_object": "найбуйнейшы аб&#39;ект",
-		"selected_objects": "выбранымі аб&#39;ектамі",
-		"smallest_object": "маленькі аб&#39;ект",
-		"new_doc": "Новае выява",
-		"open_doc": "Адкрыць выява",
-		"export_img": "Export",
-		"save_doc": "Захаваць малюнак",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Лінаваць па ніжнім краю",
-		"align_center": "Лінаваць па цэнтру",
-		"align_left": "Па левым краю",
-		"align_middle": "Выраўнаваць Блізкага",
-		"align_right": "Па правым краю",
-		"align_top": "Лінаваць па верхнім краю",
-		"mode_select": "Выберыце інструмент",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Свабоднай рукі Прастакутнік",
-		"mode_ellipse": "Эліпс",
-		"mode_circle": "Круг",
-		"mode_fhellipse": "Свабоднай рукі Эліпс",
-		"mode_path": "Poly Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Тэкст Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Адмяніць",
-		"redo": "Паўтор",
-		"tool_source": "Змяніць зыходны",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Група элементаў",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Элементы Разгруппировать",
-		"docprops": "Уласцівасці дакумента",
-		"imagelib": "Image Library",
-		"move_bottom": "Перамясціць уніз",
-		"move_top": "Перамясціць угару",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Захаваць",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Выдаліць слой",
-		"move_down": "Перамясціць слой на",
-		"new": "Новы слой",
-		"rename": "Перайменаваць Слой",
-		"move_up": "Перамяшчэнне слоя да",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Выберыце прадвызначэньні:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'be',
+  dir: 'ltr',
+  common: {
+    ok: 'Захаваць',
+    cancel: 'Адмена',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Націсніце для змены колеру залівання, Shift-Click змяніць обводка',
+    zoom_level: 'Змяненне маштабу',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Змяненне колеру залівання',
+    stroke_color: 'Змяненне колеру інсульт',
+    stroke_style: 'Змяненне стылю інсульт працяжнік',
+    stroke_width: 'Змены шырыня штрых',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Змены вугла павароту',
+    blur: 'Change gaussian blur value',
+    opacity: 'Старонка абранага пункта непразрыстасці',
+    circle_cx: 'CX змене круга каардынаты',
+    circle_cy: 'Змены гуртка CY каардынаты',
+    circle_r: 'Старонка круга&#39;s радыус',
+    ellipse_cx: 'Змены эліпса CX каардынаты',
+    ellipse_cy: 'Змены эліпса CY каардынаты',
+    ellipse_rx: 'Х змяненні эліпса радыюсам',
+    ellipse_ry: 'Змены у эліпса радыюсам',
+    line_x1: 'Змены лінія пачынае каардынаты х',
+    line_x2: 'Змяненне за перыяд, скончыўся лінія каардынаты х',
+    line_y1: 'Змены лінія пачынае Y каардынаты',
+    line_y2: 'Змяненне за перыяд, скончыўся лінія Y каардынаты',
+    rect_height: 'Змены прастакутнік вышынёй',
+    rect_width: 'Змяненне шырыні прамавугольніка',
+    corner_radius: 'Змены прастакутнік Corner Radius',
+    image_width: 'Змены шырыня выявы',
+    image_height: 'Змена вышыні выявы',
+    image_url: 'Змяніць URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Змяненне зместу тэксту',
+    font_family: 'Змены Сямейства шрыфтоў',
+    font_size: 'Змяніць памер шрыфта',
+    bold: 'Тоўсты тэкст',
+    italic: 'Нахілены тэкст'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Змяненне колеру фону / непразрыстасць',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Па памеры ўтрымання',
+    fit_to_all: 'Па памеру ўсе змесціва',
+    fit_to_canvas: 'Памер палатна',
+    fit_to_layer_content: 'По размеру слой ўтрымання',
+    fit_to_sel: 'Выбар памеру',
+    align_relative_to: 'Выраўнаваць па дачыненні да ...',
+    relativeTo: 'па параўнанні з:',
+    page: 'старонка',
+    largest_object: 'найбуйнейшы аб&#39;ект',
+    selected_objects: 'выбранымі аб&#39;ектамі',
+    smallest_object: 'маленькі аб&#39;ект',
+    new_doc: 'Новае выява',
+    open_doc: 'Адкрыць выява',
+    export_img: 'Export',
+    save_doc: 'Захаваць малюнак',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Лінаваць па ніжнім краю',
+    align_center: 'Лінаваць па цэнтру',
+    align_left: 'Па левым краю',
+    align_middle: 'Выраўнаваць Блізкага',
+    align_right: 'Па правым краю',
+    align_top: 'Лінаваць па верхнім краю',
+    mode_select: 'Выберыце інструмент',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Свабоднай рукі Прастакутнік',
+    mode_ellipse: 'Эліпс',
+    mode_circle: 'Круг',
+    mode_fhellipse: 'Свабоднай рукі Эліпс',
+    mode_path: 'Poly Tool',
+    mode_text: 'Тэкст Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Адмяніць',
+    redo: 'Паўтор',
+    tool_source: 'Змяніць зыходны',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Група элементаў',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Элементы Разгруппировать',
+    docprops: 'Уласцівасці дакумента',
+    move_bottom: 'Перамясціць уніз',
+    move_top: 'Перамясціць угару',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Захаваць',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Выдаліць слой',
+    move_down: 'Перамясціць слой на',
+    new: 'Новы слой',
+    rename: 'Перайменаваць Слой',
+    move_up: 'Перамяшчэнне слоя да',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Выберыце прадвызначэньні:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.bg.js b/editor/locale/lang.bg.js
index 5bf54319..7904f3eb 100644
--- a/editor/locale/lang.bg.js
+++ b/editor/locale/lang.bg.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "bg",
-	dir : "ltr",
-	common: {
-		"ok": "Спасявам",
-		"cancel": "Отказ",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Кликнете, за да промени попълнете цвят, на смени, кликнете да променят цвета си удар",
-		"zoom_level": "Промяна на ниво на мащабиране",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Промяна попълнете цвят",
-		"stroke_color": "Промяна на инсулт цвят",
-		"stroke_style": "Промяна на стила удар тире",
-		"stroke_width": "Промяна на ширината инсулт",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Промяна ъгъл на завъртане",
-		"blur": "Change gaussian blur value",
-		"opacity": "Промяна на избрания елемент непрозрачност",
-		"circle_cx": "CX Промяна кръг на координатната",
-		"circle_cy": "Промяна кръг&#39;s CY координира",
-		"circle_r": "Промяна кръг радиус",
-		"ellipse_cx": "Промяна на елипса&#39;s CX координира",
-		"ellipse_cy": "Промяна на елипса&#39;s CY координира",
-		"ellipse_rx": "Промяна на елипса&#39;s X радиус",
-		"ellipse_ry": "Промяна на елипса&#39;s Y радиус",
-		"line_x1": "Промяна на линия, започваща х координира",
-		"line_x2": "Промяна на линията приключва х координира",
-		"line_y1": "Промяна линия, започваща Y координира",
-		"line_y2": "Промяна на линията приключва Y координира",
-		"rect_height": "Промяна на правоъгълник височина",
-		"rect_width": "Промяна на правоъгълник ширина",
-		"corner_radius": "Промяна на правоъгълник Corner Radius",
-		"image_width": "Промяна на изображението ширина",
-		"image_height": "Промяна на изображението височина",
-		"image_url": "Промяна на URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Промяна на текст съдържание",
-		"font_family": "Промяна на шрифта Семейство",
-		"font_size": "Промени размера на буквите",
-		"bold": "Получер текст",
-		"italic": "Курсив текст"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Промяна на цвета на фона / непрозрачност",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit към съдържание",
-		"fit_to_all": "Побери цялото съдържание",
-		"fit_to_canvas": "Fit на платно",
-		"fit_to_layer_content": "Fit да слой съдържание",
-		"fit_to_sel": "Fit за подбор",
-		"align_relative_to": "Привеждане в сравнение с ...",
-		"relativeTo": "в сравнение с:",
-		"page": "страница",
-		"largest_object": "най-големият обект",
-		"selected_objects": "избраните обекти",
-		"smallest_object": "най-малката обект",
-		"new_doc": "Ню Имидж",
-		"open_doc": "Отворете изображението",
-		"export_img": "Export",
-		"save_doc": "Save Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Привеждане Отдолу",
-		"align_center": "Подравняване в средата",
-		"align_left": "Подравняване вляво",
-		"align_middle": "Привеждане в Близкия",
-		"align_right": "Подравняване надясно",
-		"align_top": "Привеждане Топ",
-		"mode_select": "Select Tool",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Свободен Употребявани правоъгълник",
-		"mode_ellipse": "Елипса",
-		"mode_circle": "Кръгът",
-		"mode_fhellipse": "Свободен Употребявани Елипса",
-		"mode_path": "Поли Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Текст Оръдие",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Отмени",
-		"redo": "Възстановяване",
-		"tool_source": "Редактиране Източник",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Група Елементи",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Разгрупирай Елементи",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Премести надолу",
-		"move_top": "Премести в началото",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Спасявам",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Изтриване на слой",
-		"move_down": "Move слой надолу",
-		"new": "Нов слой",
-		"rename": "Преименуване Layer",
-		"move_up": "Move Up Layer",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Изберете предварително:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'bg',
+  dir: 'ltr',
+  common: {
+    ok: 'Спасявам',
+    cancel: 'Отказ',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Кликнете, за да промени попълнете цвят, на смени, кликнете да променят цвета си удар',
+    zoom_level: 'Промяна на ниво на мащабиране',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Промяна попълнете цвят',
+    stroke_color: 'Промяна на инсулт цвят',
+    stroke_style: 'Промяна на стила удар тире',
+    stroke_width: 'Промяна на ширината инсулт',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Промяна ъгъл на завъртане',
+    blur: 'Change gaussian blur value',
+    opacity: 'Промяна на избрания елемент непрозрачност',
+    circle_cx: 'CX Промяна кръг на координатната',
+    circle_cy: 'Промяна кръг&#39;s CY координира',
+    circle_r: 'Промяна кръг радиус',
+    ellipse_cx: 'Промяна на елипса&#39;s CX координира',
+    ellipse_cy: 'Промяна на елипса&#39;s CY координира',
+    ellipse_rx: 'Промяна на елипса&#39;s X радиус',
+    ellipse_ry: 'Промяна на елипса&#39;s Y радиус',
+    line_x1: 'Промяна на линия, започваща х координира',
+    line_x2: 'Промяна на линията приключва х координира',
+    line_y1: 'Промяна линия, започваща Y координира',
+    line_y2: 'Промяна на линията приключва Y координира',
+    rect_height: 'Промяна на правоъгълник височина',
+    rect_width: 'Промяна на правоъгълник ширина',
+    corner_radius: 'Промяна на правоъгълник Corner Radius',
+    image_width: 'Промяна на изображението ширина',
+    image_height: 'Промяна на изображението височина',
+    image_url: 'Промяна на URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Промяна на текст съдържание',
+    font_family: 'Промяна на шрифта Семейство',
+    font_size: 'Промени размера на буквите',
+    bold: 'Получер текст',
+    italic: 'Курсив текст'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Промяна на цвета на фона / непрозрачност',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit към съдържание',
+    fit_to_all: 'Побери цялото съдържание',
+    fit_to_canvas: 'Fit на платно',
+    fit_to_layer_content: 'Fit да слой съдържание',
+    fit_to_sel: 'Fit за подбор',
+    align_relative_to: 'Привеждане в сравнение с ...',
+    relativeTo: 'в сравнение с:',
+    page: 'страница',
+    largest_object: 'най-големият обект',
+    selected_objects: 'избраните обекти',
+    smallest_object: 'най-малката обект',
+    new_doc: 'Ню Имидж',
+    open_doc: 'Отворете изображението',
+    export_img: 'Export',
+    save_doc: 'Save Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Привеждане Отдолу',
+    align_center: 'Подравняване в средата',
+    align_left: 'Подравняване вляво',
+    align_middle: 'Привеждане в Близкия',
+    align_right: 'Подравняване надясно',
+    align_top: 'Привеждане Топ',
+    mode_select: 'Select Tool',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Свободен Употребявани правоъгълник',
+    mode_ellipse: 'Елипса',
+    mode_circle: 'Кръгът',
+    mode_fhellipse: 'Свободен Употребявани Елипса',
+    mode_path: 'Поли Tool',
+    mode_text: 'Текст Оръдие',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Отмени',
+    redo: 'Възстановяване',
+    tool_source: 'Редактиране Източник',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Група Елементи',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Разгрупирай Елементи',
+    docprops: 'Document Properties',
+    move_bottom: 'Премести надолу',
+    move_top: 'Премести в началото',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Спасявам',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Изтриване на слой',
+    move_down: 'Move слой надолу',
+    new: 'Нов слой',
+    rename: 'Преименуване Layer',
+    move_up: 'Move Up Layer',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Изберете предварително:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.ca.js b/editor/locale/lang.ca.js
index ae0be08d..00ef0653 100644
--- a/editor/locale/lang.ca.js
+++ b/editor/locale/lang.ca.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "ca",
-	dir : "ltr",
-	common: {
-		"ok": "Salvar",
-		"cancel": "Cancel",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Feu clic per canviar el color de farciment, shift-clic per canviar el color del traç",
-		"zoom_level": "Canviar el nivell de zoom",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Canviar el color de farciment",
-		"stroke_color": "Canviar el color del traç",
-		"stroke_style": "Canviar estil de traç guió",
-		"stroke_width": "Canviar l&#39;amplada del traç",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Canviar l&#39;angle de rotació",
-		"blur": "Change gaussian blur value",
-		"opacity": "Canviar la opacitat tema seleccionat",
-		"circle_cx": "CX cercle Canvi de coordenades",
-		"circle_cy": "Cercle Canvi CY coordinar",
-		"circle_r": "Ràdio de cercle Canvi",
-		"ellipse_cx": "Canviar lipse CX coordinar",
-		"ellipse_cy": "Lipse Canvi CY coordinar",
-		"ellipse_rx": "Ràdio x lipse Canvi",
-		"ellipse_ry": "Ràdio i lipse Canvi",
-		"line_x1": "Canviar la línia de partida de la coordenada x",
-		"line_x2": "Canviar la línia d&#39;hores de coordenada x",
-		"line_y1": "Canviar la línia de partida i de coordinar",
-		"line_y2": "Canviar la línia d&#39;hores de coordenada",
-		"rect_height": "Rectangle d&#39;alçada Canvi",
-		"rect_width": "Ample rectangle Canvi",
-		"corner_radius": "Canviar Rectangle Corner Radius",
-		"image_width": "Amplada de la imatge Canvi",
-		"image_height": "Canviar l&#39;altura de la imatge",
-		"image_url": "Canviar URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Contingut del text",
-		"font_family": "Canviar la font Família",
-		"font_size": "Change Font Size",
-		"bold": "Text en negreta",
-		"italic": "Text en cursiva"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Color de fons / opacitat",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Ajustar al contingut",
-		"fit_to_all": "Ajustar a tot el contingut",
-		"fit_to_canvas": "Ajustar a la lona",
-		"fit_to_layer_content": "Ajustar al contingut de la capa d&#39;",
-		"fit_to_sel": "Ajustar a la selecció",
-		"align_relative_to": "Alinear pel que fa a ...",
-		"relativeTo": "en relació amb:",
-		"page": "Pàgina",
-		"largest_object": "objecte més gran",
-		"selected_objects": "objectes escollits",
-		"smallest_object": "objecte més petit",
-		"new_doc": "Nova imatge",
-		"open_doc": "Obrir imatge",
-		"export_img": "Export",
-		"save_doc": "Guardar imatge",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Alinear baix",
-		"align_center": "Alinear al centre",
-		"align_left": "Alinear a l&#39;esquerra",
-		"align_middle": "Alinear Medi",
-		"align_right": "Alinear a la dreta",
-		"align_top": "Alinear a dalt",
-		"mode_select": "Eina de selecció",
-		"mode_fhpath": "Eina Llapis",
-		"mode_line": "L&#39;eina",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Rectangle",
-		"mode_ellipse": "Lipse",
-		"mode_circle": "Cercle",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Eina de text",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Desfés",
-		"redo": "Refer",
-		"tool_source": "Font Edita",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Elements de Grup de",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Desagrupar elements",
-		"docprops": "Propietats del document",
-		"imagelib": "Image Library",
-		"move_bottom": "Mou al final",
-		"move_top": "Mou al principi",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Salvar",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Eliminar capa",
-		"move_down": "Mou la capa de Down",
-		"new": "Nova capa",
-		"rename": "Canvieu el nom de la capa",
-		"move_up": "Mou la capa Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Seleccioneu predefinides:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'ca',
+  dir: 'ltr',
+  common: {
+    ok: 'Salvar',
+    cancel: 'Cancel',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Feu clic per canviar el color de farciment, shift-clic per canviar el color del traç',
+    zoom_level: 'Canviar el nivell de zoom',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Canviar el color de farciment',
+    stroke_color: 'Canviar el color del traç',
+    stroke_style: 'Canviar estil de traç guió',
+    stroke_width: 'Canviar l&#39;amplada del traç',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Canviar l&#39;angle de rotació',
+    blur: 'Change gaussian blur value',
+    opacity: 'Canviar la opacitat tema seleccionat',
+    circle_cx: 'CX cercle Canvi de coordenades',
+    circle_cy: 'Cercle Canvi CY coordinar',
+    circle_r: 'Ràdio de cercle Canvi',
+    ellipse_cx: 'Canviar lipse CX coordinar',
+    ellipse_cy: 'Lipse Canvi CY coordinar',
+    ellipse_rx: 'Ràdio x lipse Canvi',
+    ellipse_ry: 'Ràdio i lipse Canvi',
+    line_x1: 'Canviar la línia de partida de la coordenada x',
+    line_x2: 'Canviar la línia d&#39;hores de coordenada x',
+    line_y1: 'Canviar la línia de partida i de coordinar',
+    line_y2: 'Canviar la línia d&#39;hores de coordenada',
+    rect_height: 'Rectangle d&#39;alçada Canvi',
+    rect_width: 'Ample rectangle Canvi',
+    corner_radius: 'Canviar Rectangle Corner Radius',
+    image_width: 'Amplada de la imatge Canvi',
+    image_height: 'Canviar l&#39;altura de la imatge',
+    image_url: 'Canviar URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Contingut del text',
+    font_family: 'Canviar la font Família',
+    font_size: 'Change Font Size',
+    bold: 'Text en negreta',
+    italic: 'Text en cursiva'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Color de fons / opacitat',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Ajustar al contingut',
+    fit_to_all: 'Ajustar a tot el contingut',
+    fit_to_canvas: 'Ajustar a la lona',
+    fit_to_layer_content: 'Ajustar al contingut de la capa d&#39;',
+    fit_to_sel: 'Ajustar a la selecció',
+    align_relative_to: 'Alinear pel que fa a ...',
+    relativeTo: 'en relació amb:',
+    page: 'Pàgina',
+    largest_object: 'objecte més gran',
+    selected_objects: 'objectes escollits',
+    smallest_object: 'objecte més petit',
+    new_doc: 'Nova imatge',
+    open_doc: 'Obrir imatge',
+    export_img: 'Export',
+    save_doc: 'Guardar imatge',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Alinear baix',
+    align_center: 'Alinear al centre',
+    align_left: 'Alinear a l&#39;esquerra',
+    align_middle: 'Alinear Medi',
+    align_right: 'Alinear a la dreta',
+    align_top: 'Alinear a dalt',
+    mode_select: 'Eina de selecció',
+    mode_fhpath: 'Eina Llapis',
+    mode_line: 'L&#39;eina',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Rectangle',
+    mode_ellipse: 'Lipse',
+    mode_circle: 'Cercle',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Eina de text',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Desfés',
+    redo: 'Refer',
+    tool_source: 'Font Edita',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Elements de Grup de',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Desagrupar elements',
+    docprops: 'Propietats del document',
+    move_bottom: 'Mou al final',
+    move_top: 'Mou al principi',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Salvar',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Eliminar capa',
+    move_down: 'Mou la capa de Down',
+    new: 'Nova capa',
+    rename: 'Canvieu el nom de la capa',
+    move_up: 'Mou la capa Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Seleccioneu predefinides:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.cs.js b/editor/locale/lang.cs.js
index f4bd2f3e..85575a6a 100644
--- a/editor/locale/lang.cs.js
+++ b/editor/locale/lang.cs.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "cs",
-	dir : "ltr",
-	common: {
-		"ok": "Uložit",
-		"cancel": "Storno",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "šipka dolů", 
-		"key_up": "šipka nahoru", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Běží na"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Zobrazit/schovat více možností",
-		"palette_info": "Kliknutím změníte barvu výplně, kliknutím současně s klávesou shift změníte barvu čáry",
-		"zoom_level": "Změna přiblížení",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Změnit ID elementu",
-		"fill_color": "Změnit barvu výplně",
-		"stroke_color": "Změnit barvu čáry",
-		"stroke_style": "Změnit styl čáry",
-		"stroke_width": "Změnit šířku čáry",
-		"pos_x": "Změnit souřadnici X",
-		"pos_y": "Změnit souřadnici Y",
-		"linecap_butt": "Konec úsečky: přesný",
-		"linecap_round": "Konec úsečky: zaoblený",
-		"linecap_square": "Konec úsečky: s čtvercovým přesahem",
-		"linejoin_bevel": "Styl napojení úseček: zkosené",
-		"linejoin_miter": "Styl napojení úseček: ostré",
-		"linejoin_round": "Styl napojení úseček: oblé",
-		"angle": "Změnit úhel natočení",
-		"blur": "Změnit rozostření",
-		"opacity": "Změnit průhlednost objektů",
-		"circle_cx": "Změnit souřadnici X středu kružnice",
-		"circle_cy": "Změnit souřadnici Y středu kružnice",
-		"circle_r": "Změnit poloměr kružnice",
-		"ellipse_cx": "Změnit souřadnici X středu elipsy",
-		"ellipse_cy": "Změnit souřadnici Y středu elipsy",
-		"ellipse_rx": "Změnit poloměr X elipsy",
-		"ellipse_ry": "Změnit poloměr Y elipsy",
-		"line_x1": "Změnit počáteční souřadnici X úsečky",
-		"line_x2": "Změnit koncovou souřadnici X úsečky",
-		"line_y1": "Změnit počáteční souřadnici Y úsečky",
-		"line_y2": "Změnit koncovou souřadnici X úsečky",
-		"rect_height": "Změnit výšku obdélníku",
-		"rect_width": "Změnit šířku obdélníku",
-		"corner_radius": "Změnit zaoblení obdélníku",
-		"image_width": "Změnit šířku dokumentu",
-		"image_height": "Změnit výšku dokumentu",
-		"image_url": "Změnit adresu URL",
-		"node_x": "Změnit souřadnici X uzlu",
-		"node_y": "Změnit souřadnici Y uzlu",
-		"seg_type": "Změnit typ segmentu",
-		"straight_segments": "úsečka",
-		"curve_segments": "křivka",
-		"text_contents": "Změnit text",
-		"font_family": "Změnit font",
-		"font_size": "Změnit velikost písma",
-		"bold": "Tučně",
-		"italic": "Kurzíva"
-	},
-	tools: { 
-		"main_menu": "Hlavní menu",
-		"bkgnd_color_opac": "Změnit barvu a průhlednost pozadí",
-		"connector_no_arrow": "Bez šipky",
-		"fitToContent": "přizpůsobit obsahu",
-		"fit_to_all": "Přizpůsobit veškerému obsahu",
-		"fit_to_canvas": "Přizpůsobit stránce",
-		"fit_to_layer_content": "Přizpůsobit obsahu vrstvy",
-		"fit_to_sel": "Přizpůsobit výběru",
-		"align_relative_to": "Zarovnat relativně",
-		"relativeTo": "relatativně k:",
-		"page": "stránce",
-		"largest_object": "největšímu objektu",
-		"selected_objects": "zvoleným objektům",
-		"smallest_object": "nejmenšímu objektu",
-		"new_doc": "Nový dokument",
-		"open_doc": "Otevřít dokument",
-		"export_img": "Export",
-		"save_doc": "Uložit dokument",
-		"import_doc": "Importovat SVG",
-		"align_to_page": "Zarovnat element na stránku",
-		"align_bottom": "Zarovnat dolů",
-		"align_center": "Zarovnat nastřed",
-		"align_left": "Zarovnat doleva",
-		"align_middle": "Zarovnat nastřed",
-		"align_right": "Zarovnat doprava",
-		"align_top": "Zarovnat nahoru",
-		"mode_select": "Výběr a transformace objektů",
-		"mode_fhpath": "Kresba od ruky",
-		"mode_line": "Úsečka",
-		"mode_connect": "Spojit dva objekty",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Obdélník volnou rukou",
-		"mode_ellipse": "Elipsa",
-		"mode_circle": "Kružnice",
-		"mode_fhellipse": "Elipsa volnou rukou",
-		"mode_path": "Křivka",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text",
-		"mode_image": "Obrázek",
-		"mode_zoom": "Přiblížení",
-		"mode_eyedropper": "Kapátko",
-		"no_embed": "POZOR: Obrázek nelze uložit s dokumentem. Bude zobrazován z adresáře, kde se nyní nachází.",
-		"undo": "Zpět",
-		"redo": "Znovu",
-		"tool_source": "Upravovat SVG kód",
-		"wireframe_mode": "Zobrazit jen kostru",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Seskupit objekty",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Objekt na křivku",
-		"reorient_path": "Změna orientace křivky",
-		"ungroup": "Zrušit seskupení",
-		"docprops": "Vlastnosti dokumentu",
-		"imagelib": "Image Library",
-		"move_bottom": "Vrstvu úplně dospodu",
-		"move_top": "Vrstvu úplně nahoru",
-		"node_clone": "Vložit nový uzel",
-		"node_delete": "Ostranit uzel",
-		"node_link": "Provázat ovládací body uzlu",
-		"add_subpath": "Přidat další součást křivky",
-		"openclose_path": "Otevřít/zavřít součást křivky",
-		"source_save": "Uložit",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Vrstva",
-		"layers": "Layers",
-		"del": "Odstranit vrstvu",
-		"move_down": "Přesunout vrstvu níž",
-		"new": "Přidat vrstvu",
-		"rename": "Přejmenovat vrstvu",
-		"move_up": "Přesunout vrstvu výš",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Přesunout objekty do:",
-		"move_selected": "Přesunout objekty do jiné vrstvy"
-	},
-	config: {
-		"image_props": "Vlastnosti dokumentu",
-		"doc_title": "Název",
-		"doc_dims": "Vlastní velikost",
-		"included_images": "Vložené obrázky",
-		"image_opt_embed": "Vkládat do dokumentu",
-		"image_opt_ref": "Jen odkazem",
-		"editor_prefs": "Nastavení editoru",
-		"icon_size": "Velikost ikon",
-		"language": "Jazyk",
-		"background": "Obrázek v pozadí editoru",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Pozor: obrázek v pozadí nebude uložen jako součást dokumentu.",
-		"icon_large": "velké",
-		"icon_medium": "střední",
-		"icon_small": "malé",
-		"icon_xlarge": "největší",
-		"select_predefined": "vybrat předdefinovaný:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Nevhodná hodnota",
-		"noContentToFitTo":"Vyberte oblast pro přizpůsobení",
-		"dupeLayerName":"Taková vrstva už bohužel existuje",
-		"enterUniqueLayerName":"Zadejte prosím jedinečné jméno pro vrstvu",
-		"enterNewLayerName":"Zadejte prosím jméno pro novou vrstvu",
-		"layerHasThatName":"Vrstva už se tak jmenuje",
-		"QmoveElemsToLayer":"Opravdu chcete přesunout vybrané objekty do vrstvy '%s'?",
-		"QwantToClear":"Opravdu chcete smazat současný dokument?\nHistorie změn bude také smazána.",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"Chyba v parsování zdrojového kódu SVG.\nChcete se vrátit k původnímu?",
-		"QignoreSourceChanges":"Opravdu chcete stornovat změny provedené v SVG kódu?",
-		"featNotSupported":"Tato vlastnost ještě není k dispozici",
-		"enterNewImgURL":"Vložte adresu URL, na které se nachází vkládaný obrázek",
-		"defsFailOnSave": "POZOR: Kvůli nedokonalosti Vašeho prohlížeče se mohou některé části dokumentu špatně vykreslovat (mohou chybět barevné přechody nebo některé objekty). Po uložení dokumentu by se ale vše mělo zobrazovat správně.",
-		"loadingImage":"Nahrávám obrázek ...",
-		"saveFromBrowser": "Použijte nabídku \"Uložit stránku jako ...\" ve Vašem prohlížeči pro uložení dokumentu do souboru %s.",
-		"noteTheseIssues": "Mohou se vyskytnout následující problémy: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'cs',
+  dir: 'ltr',
+  common: {
+    ok: 'Uložit',
+    cancel: 'Storno',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'šipka dolů',
+    key_up: 'šipka nahoru',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Běží na'
+  },
+  ui: {
+    toggle_stroke_tools: 'Zobrazit/schovat více možností',
+    palette_info: 'Kliknutím změníte barvu výplně, kliknutím současně s klávesou shift změníte barvu čáry',
+    zoom_level: 'Změna přiblížení',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Změnit ID elementu',
+    fill_color: 'Změnit barvu výplně',
+    stroke_color: 'Změnit barvu čáry',
+    stroke_style: 'Změnit styl čáry',
+    stroke_width: 'Změnit šířku čáry',
+    pos_x: 'Změnit souřadnici X',
+    pos_y: 'Změnit souřadnici Y',
+    linecap_butt: 'Konec úsečky: přesný',
+    linecap_round: 'Konec úsečky: zaoblený',
+    linecap_square: 'Konec úsečky: s čtvercovým přesahem',
+    linejoin_bevel: 'Styl napojení úseček: zkosené',
+    linejoin_miter: 'Styl napojení úseček: ostré',
+    linejoin_round: 'Styl napojení úseček: oblé',
+    angle: 'Změnit úhel natočení',
+    blur: 'Změnit rozostření',
+    opacity: 'Změnit průhlednost objektů',
+    circle_cx: 'Změnit souřadnici X středu kružnice',
+    circle_cy: 'Změnit souřadnici Y středu kružnice',
+    circle_r: 'Změnit poloměr kružnice',
+    ellipse_cx: 'Změnit souřadnici X středu elipsy',
+    ellipse_cy: 'Změnit souřadnici Y středu elipsy',
+    ellipse_rx: 'Změnit poloměr X elipsy',
+    ellipse_ry: 'Změnit poloměr Y elipsy',
+    line_x1: 'Změnit počáteční souřadnici X úsečky',
+    line_x2: 'Změnit koncovou souřadnici X úsečky',
+    line_y1: 'Změnit počáteční souřadnici Y úsečky',
+    line_y2: 'Změnit koncovou souřadnici X úsečky',
+    rect_height: 'Změnit výšku obdélníku',
+    rect_width: 'Změnit šířku obdélníku',
+    corner_radius: 'Změnit zaoblení obdélníku',
+    image_width: 'Změnit šířku dokumentu',
+    image_height: 'Změnit výšku dokumentu',
+    image_url: 'Změnit adresu URL',
+    node_x: 'Změnit souřadnici X uzlu',
+    node_y: 'Změnit souřadnici Y uzlu',
+    seg_type: 'Změnit typ segmentu',
+    straight_segments: 'úsečka',
+    curve_segments: 'křivka',
+    text_contents: 'Změnit text',
+    font_family: 'Změnit font',
+    font_size: 'Změnit velikost písma',
+    bold: 'Tučně',
+    italic: 'Kurzíva'
+  },
+  tools: {
+    main_menu: 'Hlavní menu',
+    bkgnd_color_opac: 'Změnit barvu a průhlednost pozadí',
+    connector_no_arrow: 'Bez šipky',
+    fitToContent: 'přizpůsobit obsahu',
+    fit_to_all: 'Přizpůsobit veškerému obsahu',
+    fit_to_canvas: 'Přizpůsobit stránce',
+    fit_to_layer_content: 'Přizpůsobit obsahu vrstvy',
+    fit_to_sel: 'Přizpůsobit výběru',
+    align_relative_to: 'Zarovnat relativně',
+    relativeTo: 'relatativně k:',
+    page: 'stránce',
+    largest_object: 'největšímu objektu',
+    selected_objects: 'zvoleným objektům',
+    smallest_object: 'nejmenšímu objektu',
+    new_doc: 'Nový dokument',
+    open_doc: 'Otevřít dokument',
+    export_img: 'Export',
+    save_doc: 'Uložit dokument',
+    import_doc: 'Importovat SVG',
+    align_to_page: 'Zarovnat element na stránku',
+    align_bottom: 'Zarovnat dolů',
+    align_center: 'Zarovnat nastřed',
+    align_left: 'Zarovnat doleva',
+    align_middle: 'Zarovnat nastřed',
+    align_right: 'Zarovnat doprava',
+    align_top: 'Zarovnat nahoru',
+    mode_select: 'Výběr a transformace objektů',
+    mode_fhpath: 'Kresba od ruky',
+    mode_line: 'Úsečka',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Obdélník volnou rukou',
+    mode_ellipse: 'Elipsa',
+    mode_circle: 'Kružnice',
+    mode_fhellipse: 'Elipsa volnou rukou',
+    mode_path: 'Křivka',
+    mode_text: 'Text',
+    mode_image: 'Obrázek',
+    mode_zoom: 'Přiblížení',
+    no_embed: 'POZOR: Obrázek nelze uložit s dokumentem. Bude zobrazován z adresáře, kde se nyní nachází.',
+    undo: 'Zpět',
+    redo: 'Znovu',
+    tool_source: 'Upravovat SVG kód',
+    wireframe_mode: 'Zobrazit jen kostru',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Seskupit objekty',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Objekt na křivku',
+    reorient_path: 'Změna orientace křivky',
+    ungroup: 'Zrušit seskupení',
+    docprops: 'Vlastnosti dokumentu',
+    move_bottom: 'Vrstvu úplně dospodu',
+    move_top: 'Vrstvu úplně nahoru',
+    node_clone: 'Vložit nový uzel',
+    node_delete: 'Ostranit uzel',
+    node_link: 'Provázat ovládací body uzlu',
+    add_subpath: 'Přidat další součást křivky',
+    openclose_path: 'Otevřít/zavřít součást křivky',
+    source_save: 'Uložit',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Vrstva',
+    layers: 'Layers',
+    del: 'Odstranit vrstvu',
+    move_down: 'Přesunout vrstvu níž',
+    new: 'Přidat vrstvu',
+    rename: 'Přejmenovat vrstvu',
+    move_up: 'Přesunout vrstvu výš',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Přesunout objekty do:',
+    move_selected: 'Přesunout objekty do jiné vrstvy'
+  },
+  config: {
+    image_props: 'Vlastnosti dokumentu',
+    doc_title: 'Název',
+    doc_dims: 'Vlastní velikost',
+    included_images: 'Vložené obrázky',
+    image_opt_embed: 'Vkládat do dokumentu',
+    image_opt_ref: 'Jen odkazem',
+    editor_prefs: 'Nastavení editoru',
+    icon_size: 'Velikost ikon',
+    language: 'Jazyk',
+    background: 'Obrázek v pozadí editoru',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Pozor: obrázek v pozadí nebude uložen jako součást dokumentu.',
+    icon_large: 'velké',
+    icon_medium: 'střední',
+    icon_small: 'malé',
+    icon_xlarge: 'největší',
+    select_predefined: 'vybrat předdefinovaný:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Nevhodná hodnota',
+    noContentToFitTo: 'Vyberte oblast pro přizpůsobení',
+    dupeLayerName: 'Taková vrstva už bohužel existuje',
+    enterUniqueLayerName: 'Zadejte prosím jedinečné jméno pro vrstvu',
+    enterNewLayerName: 'Zadejte prosím jméno pro novou vrstvu',
+    layerHasThatName: 'Vrstva už se tak jmenuje',
+    QmoveElemsToLayer: "Opravdu chcete přesunout vybrané objekty do vrstvy '%s'?",
+    QwantToClear: 'Opravdu chcete smazat současný dokument?\nHistorie změn bude také smazána.',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'Chyba v parsování zdrojového kódu SVG.\nChcete se vrátit k původnímu?',
+    QignoreSourceChanges: 'Opravdu chcete stornovat změny provedené v SVG kódu?',
+    featNotSupported: 'Tato vlastnost ještě není k dispozici',
+    enterNewImgURL: 'Vložte adresu URL, na které se nachází vkládaný obrázek',
+    defsFailOnSave: 'POZOR: Kvůli nedokonalosti Vašeho prohlížeče se mohou některé části dokumentu špatně vykreslovat (mohou chybět barevné přechody nebo některé objekty). Po uložení dokumentu by se ale vše mělo zobrazovat správně.',
+    loadingImage: 'Nahrávám obrázek ...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Mohou se vyskytnout následující problémy: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.cy.js b/editor/locale/lang.cy.js
index 414655c6..3c37326a 100644
--- a/editor/locale/lang.cy.js
+++ b/editor/locale/lang.cy.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "cy",
-	dir : "ltr",
-	common: {
-		"ok": "Cadw",
-		"cancel": "Canslo",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Cliciwch yma i lenwi newid lliw, sifft-cliciwch i newid lliw strôc",
-		"zoom_level": "Newid lefel chwyddo",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Newid lliw llenwi",
-		"stroke_color": "Newid lliw strôc",
-		"stroke_style": "Newid arddull strôc diferyn",
-		"stroke_width": "Lled strôc Newid",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Ongl cylchdro Newid",
-		"blur": "Change gaussian blur value",
-		"opacity": "Newid dewis Didreiddiad eitem",
-		"circle_cx": "CX Newid cylch yn cydlynu",
-		"circle_cy": "Newid cylch&#39;s cy gydgysylltu",
-		"circle_r": "Newid radiws cylch yn",
-		"ellipse_cx": "Newid Ellipse yn CX gydgysylltu",
-		"ellipse_cy": "Newid Ellipse yn cydlynu cy",
-		"ellipse_rx": "Radiws Newid Ellipse&#39;s x",
-		"ellipse_ry": "Radiws Newid Ellipse yn y",
-		"line_x1": "Newid llinell yn cychwyn x gydgysylltu",
-		"line_x2": "Newid llinell yn diweddu x gydgysylltu",
-		"line_y1": "Newid llinell ar y cychwyn yn cydlynu",
-		"line_y2": "Newid llinell yn dod i ben y gydgysylltu",
-		"rect_height": "Uchder petryal Newid",
-		"rect_width": "Lled petryal Newid",
-		"corner_radius": "Newid Hirsgwâr Corner Radiws",
-		"image_width": "Lled delwedd Newid",
-		"image_height": "Uchder delwedd Newid",
-		"image_url": "Newid URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Cynnwys testun Newid",
-		"font_family": "Newid Font Teulu",
-		"font_size": "Newid Maint Ffont",
-		"bold": "Testun Bras",
-		"italic": "Italig Testun"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Newid lliw cefndir / Didreiddiad",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Ffit i Cynnwys",
-		"fit_to_all": "Yn addas i bawb content",
-		"fit_to_canvas": "Ffit i ofyn",
-		"fit_to_layer_content": "Ffit cynnwys haen i",
-		"fit_to_sel": "Yn addas at ddewis",
-		"align_relative_to": "Alinio perthynas i ...",
-		"relativeTo": "cymharol i:",
-		"page": "tudalen",
-		"largest_object": "gwrthrych mwyaf",
-		"selected_objects": "gwrthrychau etholedig",
-		"smallest_object": "lleiaf gwrthrych",
-		"new_doc": "Newydd Delwedd",
-		"open_doc": "Delwedd Agored",
-		"export_img": "Export",
-		"save_doc": "Cadw Delwedd",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Alinio Gwaelod",
-		"align_center": "Alinio Center",
-		"align_left": "Alinio Chwith",
-		"align_middle": "Alinio Canol",
-		"align_right": "Alinio Hawl",
-		"align_top": "Alinio Top",
-		"mode_select": "Dewiswch Offer",
-		"mode_fhpath": "Teclyn pensil",
-		"mode_line": "Llinell Offer",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Hand rhad ac am ddim Hirsgwâr",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Cylch",
-		"mode_fhellipse": "Rhad ac am ddim Hand Ellipse",
-		"mode_path": "Offer poly",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Testun Offer",
-		"mode_image": "Offer Delwedd",
-		"mode_zoom": "Offer Chwyddo",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Dadwneud",
-		"redo": "Ail-wneud",
-		"tool_source": "Golygu Ffynhonnell",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Elfennau Grŵp",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Elfennau Ungroup",
-		"docprops": "Document Eiddo",
-		"imagelib": "Image Library",
-		"move_bottom": "Symud i&#39;r Gwaelod",
-		"move_top": "Symud i&#39;r Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Cadw",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Dileu Haen",
-		"move_down": "Symud Haen i Lawr",
-		"new": "Haen Newydd",
-		"rename": "Ail-enwi Haen",
-		"move_up": "Symud Haen Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Rhagosodol Dewis:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'cy',
+  dir: 'ltr',
+  common: {
+    ok: 'Cadw',
+    cancel: 'Canslo',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Cliciwch yma i lenwi newid lliw, sifft-cliciwch i newid lliw strôc',
+    zoom_level: 'Newid lefel chwyddo',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Newid lliw llenwi',
+    stroke_color: 'Newid lliw strôc',
+    stroke_style: 'Newid arddull strôc diferyn',
+    stroke_width: 'Lled strôc Newid',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Ongl cylchdro Newid',
+    blur: 'Change gaussian blur value',
+    opacity: 'Newid dewis Didreiddiad eitem',
+    circle_cx: 'CX Newid cylch yn cydlynu',
+    circle_cy: 'Newid cylch&#39;s cy gydgysylltu',
+    circle_r: 'Newid radiws cylch yn',
+    ellipse_cx: 'Newid Ellipse yn CX gydgysylltu',
+    ellipse_cy: 'Newid Ellipse yn cydlynu cy',
+    ellipse_rx: 'Radiws Newid Ellipse&#39;s x',
+    ellipse_ry: 'Radiws Newid Ellipse yn y',
+    line_x1: 'Newid llinell yn cychwyn x gydgysylltu',
+    line_x2: 'Newid llinell yn diweddu x gydgysylltu',
+    line_y1: 'Newid llinell ar y cychwyn yn cydlynu',
+    line_y2: 'Newid llinell yn dod i ben y gydgysylltu',
+    rect_height: 'Uchder petryal Newid',
+    rect_width: 'Lled petryal Newid',
+    corner_radius: 'Newid Hirsgwâr Corner Radiws',
+    image_width: 'Lled delwedd Newid',
+    image_height: 'Uchder delwedd Newid',
+    image_url: 'Newid URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Cynnwys testun Newid',
+    font_family: 'Newid Font Teulu',
+    font_size: 'Newid Maint Ffont',
+    bold: 'Testun Bras',
+    italic: 'Italig Testun'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Newid lliw cefndir / Didreiddiad',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Ffit i Cynnwys',
+    fit_to_all: 'Yn addas i bawb content',
+    fit_to_canvas: 'Ffit i ofyn',
+    fit_to_layer_content: 'Ffit cynnwys haen i',
+    fit_to_sel: 'Yn addas at ddewis',
+    align_relative_to: 'Alinio perthynas i ...',
+    relativeTo: 'cymharol i:',
+    page: 'tudalen',
+    largest_object: 'gwrthrych mwyaf',
+    selected_objects: 'gwrthrychau etholedig',
+    smallest_object: 'lleiaf gwrthrych',
+    new_doc: 'Newydd Delwedd',
+    open_doc: 'Delwedd Agored',
+    export_img: 'Export',
+    save_doc: 'Cadw Delwedd',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Alinio Gwaelod',
+    align_center: 'Alinio Center',
+    align_left: 'Alinio Chwith',
+    align_middle: 'Alinio Canol',
+    align_right: 'Alinio Hawl',
+    align_top: 'Alinio Top',
+    mode_select: 'Dewiswch Offer',
+    mode_fhpath: 'Teclyn pensil',
+    mode_line: 'Llinell Offer',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Hand rhad ac am ddim Hirsgwâr',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Cylch',
+    mode_fhellipse: 'Rhad ac am ddim Hand Ellipse',
+    mode_path: 'Offer poly',
+    mode_text: 'Testun Offer',
+    mode_image: 'Offer Delwedd',
+    mode_zoom: 'Offer Chwyddo',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Dadwneud',
+    redo: 'Ail-wneud',
+    tool_source: 'Golygu Ffynhonnell',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Elfennau Grŵp',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Elfennau Ungroup',
+    docprops: 'Document Eiddo',
+    move_bottom: 'Symud i&#39;r Gwaelod',
+    move_top: 'Symud i&#39;r Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Cadw',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Dileu Haen',
+    move_down: 'Symud Haen i Lawr',
+    new: 'Haen Newydd',
+    rename: 'Ail-enwi Haen',
+    move_up: 'Symud Haen Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Rhagosodol Dewis:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.da.js b/editor/locale/lang.da.js
index 54e695f6..8ced17ca 100644
--- a/editor/locale/lang.da.js
+++ b/editor/locale/lang.da.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "da",
-	dir : "ltr",
-	common: {
-		"ok": "Gemme",
-		"cancel": "Annuller",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Klik for at ændre fyldfarve, shift-klik for at ændre stregfarve",
-		"zoom_level": "Skift zoomniveau",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Skift fyldfarve",
-		"stroke_color": "Skift stregfarve",
-		"stroke_style": "Skift slagtilfælde Dash stil",
-		"stroke_width": "Skift slagtilfælde bredde",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Skift rotationsvinkel",
-		"blur": "Change gaussian blur value",
-		"opacity": "Skift valgte element opacitet",
-		"circle_cx": "Skift cirklens cx koordinere",
-		"circle_cy": "Skift cirklens cy koordinere",
-		"circle_r": "Skift cirklens radius",
-		"ellipse_cx": "Skift ellipse&#39;s cx koordinere",
-		"ellipse_cy": "Skift ellipse&#39;s cy koordinere",
-		"ellipse_rx": "Skift ellipse&#39;s x radius",
-		"ellipse_ry": "Skift ellipse&#39;s y radius",
-		"line_x1": "Skift linie&#39;s start x-koordinat",
-		"line_x2": "Skift Line&#39;s slutter x-koordinat",
-		"line_y1": "Skift linjens start y-koordinat",
-		"line_y2": "Skift Line&#39;s slutter y-koordinat",
-		"rect_height": "Skift rektangel højde",
-		"rect_width": "Skift rektanglets bredde",
-		"corner_radius": "Skift Rektangel Corner Radius",
-		"image_width": "Skift billede bredde",
-		"image_height": "Skift billede højde",
-		"image_url": "Skift webadresse",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Skift tekst indhold",
-		"font_family": "Skift Font Family",
-		"font_size": "Skift skriftstørrelse",
-		"bold": "Fed tekst",
-		"italic": "Italic Text"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Skift baggrundsfarve / uigennemsigtighed",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Tilpas til indhold",
-		"fit_to_all": "Passer til alt indhold",
-		"fit_to_canvas": "Tilpas til lærred",
-		"fit_to_layer_content": "Tilpas til lag indhold",
-		"fit_to_sel": "Tilpas til udvælgelse",
-		"align_relative_to": "Juster i forhold til ...",
-		"relativeTo": "i forhold til:",
-		"page": "side",
-		"largest_object": "største objekt",
-		"selected_objects": "valgte objekter",
-		"smallest_object": "mindste objekt",
-		"new_doc": "Nyt billede",
-		"open_doc": "Open SVG",
-		"export_img": "Export",
-		"save_doc": "Gem billede",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Juster Bottom",
-		"align_center": "Centrer",
-		"align_left": "Venstrejusteret",
-		"align_middle": "Juster Mellemøsten",
-		"align_right": "Højrejusteret",
-		"align_top": "Juster Top",
-		"mode_select": "Select Tool",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Rektangel",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Cirkel",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Tekstværktøj",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Fortryd",
-		"redo": "Redo",
-		"tool_source": "Edit Source",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Gruppe Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Opdel Elements",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Flyt til bund",
-		"move_top": "Flyt til toppen",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Gemme",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Slet Layer",
-		"move_down": "Flyt lag ned",
-		"new": "New Layer",
-		"rename": "Omdøb Layer",
-		"move_up": "Flyt Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Vælg foruddefinerede:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'da',
+  dir: 'ltr',
+  common: {
+    ok: 'Gemme',
+    cancel: 'Annuller',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Klik for at ændre fyldfarve, shift-klik for at ændre stregfarve',
+    zoom_level: 'Skift zoomniveau',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Skift fyldfarve',
+    stroke_color: 'Skift stregfarve',
+    stroke_style: 'Skift slagtilfælde Dash stil',
+    stroke_width: 'Skift slagtilfælde bredde',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Skift rotationsvinkel',
+    blur: 'Change gaussian blur value',
+    opacity: 'Skift valgte element opacitet',
+    circle_cx: 'Skift cirklens cx koordinere',
+    circle_cy: 'Skift cirklens cy koordinere',
+    circle_r: 'Skift cirklens radius',
+    ellipse_cx: 'Skift ellipse&#39;s cx koordinere',
+    ellipse_cy: 'Skift ellipse&#39;s cy koordinere',
+    ellipse_rx: 'Skift ellipse&#39;s x radius',
+    ellipse_ry: 'Skift ellipse&#39;s y radius',
+    line_x1: 'Skift linie&#39;s start x-koordinat',
+    line_x2: 'Skift Line&#39;s slutter x-koordinat',
+    line_y1: 'Skift linjens start y-koordinat',
+    line_y2: 'Skift Line&#39;s slutter y-koordinat',
+    rect_height: 'Skift rektangel højde',
+    rect_width: 'Skift rektanglets bredde',
+    corner_radius: 'Skift Rektangel Corner Radius',
+    image_width: 'Skift billede bredde',
+    image_height: 'Skift billede højde',
+    image_url: 'Skift webadresse',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Skift tekst indhold',
+    font_family: 'Skift Font Family',
+    font_size: 'Skift skriftstørrelse',
+    bold: 'Fed tekst',
+    italic: 'Italic Text'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Skift baggrundsfarve / uigennemsigtighed',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Tilpas til indhold',
+    fit_to_all: 'Passer til alt indhold',
+    fit_to_canvas: 'Tilpas til lærred',
+    fit_to_layer_content: 'Tilpas til lag indhold',
+    fit_to_sel: 'Tilpas til udvælgelse',
+    align_relative_to: 'Juster i forhold til ...',
+    relativeTo: 'i forhold til:',
+    page: 'side',
+    largest_object: 'største objekt',
+    selected_objects: 'valgte objekter',
+    smallest_object: 'mindste objekt',
+    new_doc: 'Nyt billede',
+    open_doc: 'Open SVG',
+    export_img: 'Export',
+    save_doc: 'Gem billede',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Juster Bottom',
+    align_center: 'Centrer',
+    align_left: 'Venstrejusteret',
+    align_middle: 'Juster Mellemøsten',
+    align_right: 'Højrejusteret',
+    align_top: 'Juster Top',
+    mode_select: 'Select Tool',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Rektangel',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Cirkel',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Tekstværktøj',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Fortryd',
+    redo: 'Redo',
+    tool_source: 'Edit Source',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Gruppe Elements',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Opdel Elements',
+    docprops: 'Document Properties',
+    move_bottom: 'Flyt til bund',
+    move_top: 'Flyt til toppen',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Gemme',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Slet Layer',
+    move_down: 'Flyt lag ned',
+    new: 'New Layer',
+    rename: 'Omdøb Layer',
+    move_up: 'Flyt Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Vælg foruddefinerede:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.de.js b/editor/locale/lang.de.js
index afabe495..1ae14c0a 100644
--- a/editor/locale/lang.de.js
+++ b/editor/locale/lang.de.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "de",
-	dir : "ltr",
-	common: {
-		"ok": "OK",
-		"cancel": "Abbrechen",
-		"key_backspace": "Rücktaste", 
-		"key_del": "Löschen", 
-		"key_down": "nach unten", 
-		"key_up": "nach oben", 
-		"more_opts": "Mehr Optionen",
-		"url": "URL",
-		"width": "Breite",
-		"height": "Höhe"
-	},
-	misc: {
-		"powered_by": "powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Zeige/Verberge weitere Linien-Werkzeuge",
-		"palette_info": "Klick zum Ändern der Füllfarbe, Shift-Klick zum Ändern der Linienfarbe",
-		"zoom_level": "vergrößern",
-		"panel_drag": "Nach links/rechts ziehen, um die Größe vom Seitenpanel zu ändern"
-	},
-	properties: {
-		"id": "Element identifizieren",
-		"fill_color": "Füllfarbe ändern",
-		"stroke_color": "Linienfarbe ändern",
-		"stroke_style": "Linienstil ändern",
-		"stroke_width": "Linienbreite ändern",
-		"pos_x": "Ändere die X-Koordinate",
-		"pos_y": "Ändere die Y-Koordinate",
-		"linecap_butt": "Form der Linienendung: Stumpf",
-		"linecap_round": "Form der Linienendung: Rund",
-		"linecap_square": "Form der Linienendung: Rechteckig",
-		"linejoin_bevel": "Zusammentreffen von zwei Linien: abgeschrägte Kante",
-		"linejoin_miter": "Zusammentreffen von zwei Linien: Gehrung",
-		"linejoin_round": "Zusammentreffen von zwei Linien: Rund",
-		"angle": "Drehwinkel ändern",
-		"blur": "Ändere Wert des Gaußschen Weichzeichners",
-		"opacity": "Opazität des ausgewählten Objekts ändern",
-		"circle_cx": "Kreiszentrum (cx) ändern",
-		"circle_cy": "Kreiszentrum (cy) ändern",
-		"circle_r": "Kreisradius (r) ändern",
-		"ellipse_cx": "Ellipsenzentrum (cx) ändern",
-		"ellipse_cy": "Ellipsenzentrum (cy) ändern",
-		"ellipse_rx": "Ellipsenradius (x) ändern",
-		"ellipse_ry": "Ellipsenradius (y) ändern",
-		"line_x1": "X-Koordinate des Linienanfangs ändern",
-		"line_x2": "X-Koordinate des Linienendes ändern",
-		"line_y1": "Y-Koordinate des Linienanfangs ändern",
-		"line_y2": "Y-Koordinate des Linienendes ändern",
-		"rect_height": "Höhe des Rechtecks ändern",
-		"rect_width": "Breite des Rechtecks ändern",
-		"corner_radius": "Eckenradius des Rechtecks ändern",
-		"image_width": "Bildbreite ändern",
-		"image_height": "Bildhöhe ändern",
-		"image_url": "URL ändern",
-		"node_x": "Ändere die X-Koordinate des Knoten",
-		"node_y": "Ändere die Y-Koordinate des Knoten",
-		"seg_type": "Ändere den Typ des Segments",
-		"straight_segments": "Gerade",
-		"curve_segments": "Kurve",
-		"text_contents": "Textinhalt erstellen und bearbeiten",
-		"font_family": "Schriftart wählen",
-		"font_size": "Schriftgröße einstellen",
-		"bold": "Fetter Text",
-		"italic": "Kursiver Text"
-	},
-	tools: { 
-		"main_menu": "Hauptmenü",
-		"bkgnd_color_opac": "Hintergrundfarbe ändern / Opazität",
-		"connector_no_arrow": "Kein Pfeil",
-		"fitToContent": "An den Inhalt anpassen",
-		"fit_to_all": "An gesamten Inhalt anpassen",
-		"fit_to_canvas": "An die Zeichenfläche anpassen",
-		"fit_to_layer_content": "An Inhalt der Ebene anpassen",
-		"fit_to_sel": "An die Auswahl anpassen",
-		"align_relative_to": "Relativ zu einem anderem Objekt ausrichten …",
-		"relativeTo": "im Vergleich zu:",
-		"page": "Seite",
-		"largest_object": "größtes Objekt",
-		"selected_objects": "gewählte Objekte",
-		"smallest_object": "kleinstes Objekt",
-		"new_doc": "Neues Bild",
-		"open_doc": "Bild öffnen",
-		"export_img": "Export",
-		"save_doc": "Bild speichern",
-		"import_doc": "Importiere SVG",
-		"align_to_page": "Element an Seite ausrichten",
-		"align_bottom": "Unten ausrichten",
-		"align_center": "Zentriert ausrichten",
-		"align_left": "Linksbündig ausrichten",
-		"align_middle": "In der Mitte ausrichten",
-		"align_right": "Rechtsbündig ausrichten",
-		"align_top": "Oben ausrichten",
-		"mode_select": "Objekte auswählen und verändern",
-		"mode_fhpath": "Freihandlinien zeichnen",
-		"mode_line": "Linien zeichnen",
-		"mode_connect": "Verbinde zwei Objekte",
-		"mode_rect": "Rechteck-Werkzeug",
-		"mode_square": "Quadrat-Werkzeug",
-		"mode_fhrect": "Freihand-Rechteck",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Kreis",
-		"mode_fhellipse": "Freihand-Ellipse",
-		"mode_path": "Pfad zeichnen",
-		"mode_shapelib": "Form-Bibliothek",
-		"mode_text": "Text erstellen und bearbeiten",
-		"mode_image": "Bild einfügen",
-		"mode_zoom": "Zoomfaktor vergrößern oder verringern",
-		"mode_eyedropper": "Eye Dropper Werkzeug",
-		"no_embed": "Hinweis: Dieses Bild kann nicht eingebettet werden. Eine Anzeige hängt von diesem Pfad ab.",
-		"undo": "Rückgängig",
-		"redo": "Wiederherstellen",
-		"tool_source": "Quellcode bearbeiten",
-		"wireframe_mode": "Drahtmodell-Modus",
-		"toggle_grid": "Zeige/Verstecke Gitternetz",
-		"clone": "Element(e) klonen",
-		"del": "Element(e) löschen",
-		"group_elements": "Element(e) gruppieren",
-		"make_link": "Link erstellen",
-		"set_link_url": "Link setzen (leer lassen zum Entfernen)",
-		"to_path": "Gewähltes Objekt in einen Pfad konvertieren",
-		"reorient_path": "Neuausrichtung des Pfades",
-		"ungroup": "Gruppierung aufheben",
-		"docprops": "Dokument-Eigenschaften",
-		"imagelib": "Bilder-Bibliothek",
-		"move_bottom": "Die gewählten Objekte nach ganz unten verschieben",
-		"move_top": "Die gewählten Objekte nach ganz oben verschieben",
-		"node_clone": "Klone den Knoten",
-		"node_delete": "Lösche den Knoten",
-		"node_link": "Gekoppelte oder separate Kontrollpunkte für die Bearbeitung des Pfades",
-		"add_subpath": "Teilpfad hinzufügen",
-		"openclose_path": "Öffne/Verbinde Unterpfad",
-		"source_save": "Änderungen akzeptieren",
-		"cut": "Ausschneiden",
-		"copy": "Kopieren",
-		"paste": "Einfügen",
-		"paste_in_place": "Bei Originalposition einfügen",
-		"delete": "Löschen",
-		"group": "Gruppieren",
-		"move_front": "Nach ganz oben verschieben",
-		"move_up": "Hochschieben",
-		"move_down": "Herunterschieben",
-		"move_back": "Nach ganz unten verschieben"
-	},
-	layers: {
-		"layer": "Ebene",
-		"layers": "Ebenen",
-		"del": "Ebene löschen",
-		"move_down": "Ebene nach unten verschieben",
-		"new": "Neue Ebene",
-		"rename": "Ebene umbenennen",
-		"move_up": "Ebene nach oben verschieben",
-		"dupe": "Ebene duplizieren",
-		"merge_down": "Nach unten zusammenführen",
-		"merge_all": "Alle zusammenführen",
-		"move_elems_to": "Verschiebe ausgewählte Objekte:",
-		"move_selected": "Verschiebe ausgewählte Objekte auf eine andere Ebene"
-	},
-	config: {
-		"image_props": "Bildeigenschaften",
-		"doc_title": "Titel",
-		"doc_dims": "Dimension der Zeichenfläche",
-		"included_images": "Eingefügte Bilder",
-		"image_opt_embed": "Daten einbetten (lokale Dateien)",
-		"image_opt_ref": "Benutze die Dateireferenz",
-		"editor_prefs": "Editor-Einstellungen",
-		"icon_size": "Symbol-Abmessungen",
-		"language": "Sprache",
-		"background": "Editor-Hintergrund",
-		"editor_img_url": "Bild-URL",
-		"editor_bg_note": "Anmerkung: Der Hintergrund wird mit dem Bild nicht gespeichert.",
-		"icon_large": "Groß",
-		"icon_medium": "Mittel",
-		"icon_small": "Klein",
-		"icon_xlarge": "Sehr Groß",
-		"select_predefined": "Auswahl einer vordefinierten:",
-		"units_and_rulers": "Einheiten und Lineale",
-		"show_rulers": "Zeige Lineale",
-		"base_unit": "Basiseinheit:",
-		"grid": "Gitternetz",
-		"snapping_onoff": "Einrasten an/aus",
-		"snapping_stepsize": "Einrastabstand:",
-		"grid_color": "Gitterfarbe"
-	},
-	shape_cats: {
-		"basic": "Standard",
-		"object": "Objekte",
-		"symbol": "Symbole",
-		"arrow": "Pfeile",
-		"flowchart": "Flussdiagramme",
-		"animal": "Tiere",
-		"game": "Spielkarten und Schach",
-		"dialog_balloon": "Sprechblasen",
-		"electronics": "Elektronik",
-		"math": "Mathematik",
-		"music": "Musik",
-		"misc": "Sonstige",
-		"raphael_1": "raphaeljs.com set 1",
-		"raphael_2": "raphaeljs.com set 2"
-	},
-	imagelib: {
-		"select_lib": "Wähle eine Bild-Bibliothek aus",
-		"show_list": "Zeige Bibliotheksliste",
-		"import_single": "Einzelnes importieren",
-		"import_multi": "Mehrere importieren",
-		"open": "Als neues Dokument öffnen"
-	},
-	notification: {
-		"invalidAttrValGiven":"Fehlerhafter Wert",
-		"noContentToFitTo":"Kein Inhalt anzupassen",
-		"dupeLayerName":"Eine Ebene hat bereits diesen Namen",
-		"enterUniqueLayerName":"Verwenden Sie einen eindeutigen Namen für die Ebene",
-		"enterNewLayerName":"Geben Sie bitte einen neuen Namen für die Ebene ein",
-		"layerHasThatName":"Eine Ebene hat bereits diesen Namen",
-		"QmoveElemsToLayer":"Verschiebe ausgewählte Objekte in die Ebene '%s'?",
-		"QwantToClear":"Möchten Sie die Zeichnung löschen?\nDadurch wird auch die Rückgängig-Funktion zurückgesetzt!",
-		"QwantToOpen":"Möchten Sie eine neue Datei öffnen?\nDadurch wird auch die Rückgängig-Funktion zurückgesetzt!",
-		"QerrorsRevertToSource":"Es gibt Parser-Fehler in der SVG-Quelle.\nDie Original-SVG wiederherstellen?",
-		"QignoreSourceChanges":"Sollen die Änderungen an der SVG-Quelle ignoriert werden?",
-		"featNotSupported":"Diese Eigenschaft wird nicht unterstützt",
-		"enterNewImgURL":"Geben Sie die URL für das neue Bild an",
-		"defsFailOnSave": "Hinweis: Aufgrund eines Fehlers in Ihrem Browser kann dieses Bild falsch angezeigt werden (fehlende Gradienten oder Elemente). Es wird jedoch richtig angezeigt, sobald es gespeichert wird.",
-		"loadingImage":"Bild wird geladen, bitte warten ...",
-		"saveFromBrowser": "Wählen Sie \"Speichern unter ...\" in Ihrem Browser, um das Bild als Datei %s zu speichern.",
-		"noteTheseIssues": "Beachten Sie außerdem die folgenden Probleme: ",
-		"unsavedChanges": "Es sind nicht-gespeicherte Änderungen vorhanden.",
-		"enterNewLinkURL": "Geben Sie die neue URL ein",
-		"errorLoadingSVG": "Fehler: Kann SVG-Daten nicht laden",
-		"URLloadFail": "Kann von dieser URL nicht laden",
-		"retrieving": "Empfange \"%s\"..."
-	},
-	confirmSetStorage: {
-		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: "Editor-Einstellungen und SVG-Inhalt lokal speichern",
-		storagePrefsOnly: "Nur Editor-Einstellungen lokal speichern",
-		storagePrefs: "Editor-Einstellungen lokal speichern",
-		storageNoPrefsOrContent: "Meine Editor-Einstellungen und die SVG-Inhalte nicht lokal speichern",
-		storageNoPrefs: "Meine Editor-Einstellungen nicht lokal speichern",
-		rememberLabel: "Auswahl merken?",
-		rememberTooltip: "Wenn Sie die Einstellungen nicht speichern, wird sich die URL ändern, damit sie nicht noch einmal gefragt werden."
-	}
-});
+export default {
+  lang: 'de',
+  dir: 'ltr',
+  common: {
+    ok: 'OK',
+    cancel: 'Abbrechen',
+    key_backspace: 'Rücktaste',
+    key_del: 'Löschen',
+    key_down: 'nach unten',
+    key_up: 'nach oben',
+    more_opts: 'Mehr Optionen',
+    url: 'URL',
+    width: 'Breite',
+    height: 'Höhe'
+  },
+  misc: {
+    powered_by: 'powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Zeige/Verberge weitere Linien-Werkzeuge',
+    palette_info: 'Klick zum Ändern der Füllfarbe, Shift-Klick zum Ändern der Linienfarbe',
+    zoom_level: 'vergrößern',
+    panel_drag: 'Nach links/rechts ziehen, um die Größe vom Seitenpanel zu ändern',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Element identifizieren',
+    fill_color: 'Füllfarbe ändern',
+    stroke_color: 'Linienfarbe ändern',
+    stroke_style: 'Linienstil ändern',
+    stroke_width: 'Linienbreite ändern',
+    pos_x: 'Ändere die X-Koordinate',
+    pos_y: 'Ändere die Y-Koordinate',
+    linecap_butt: 'Form der Linienendung: Stumpf',
+    linecap_round: 'Form der Linienendung: Rund',
+    linecap_square: 'Form der Linienendung: Rechteckig',
+    linejoin_bevel: 'Zusammentreffen von zwei Linien: abgeschrägte Kante',
+    linejoin_miter: 'Zusammentreffen von zwei Linien: Gehrung',
+    linejoin_round: 'Zusammentreffen von zwei Linien: Rund',
+    angle: 'Drehwinkel ändern',
+    blur: 'Ändere Wert des Gaußschen Weichzeichners',
+    opacity: 'Opazität des ausgewählten Objekts ändern',
+    circle_cx: 'Kreiszentrum (cx) ändern',
+    circle_cy: 'Kreiszentrum (cy) ändern',
+    circle_r: 'Kreisradius (r) ändern',
+    ellipse_cx: 'Ellipsenzentrum (cx) ändern',
+    ellipse_cy: 'Ellipsenzentrum (cy) ändern',
+    ellipse_rx: 'Ellipsenradius (x) ändern',
+    ellipse_ry: 'Ellipsenradius (y) ändern',
+    line_x1: 'X-Koordinate des Linienanfangs ändern',
+    line_x2: 'X-Koordinate des Linienendes ändern',
+    line_y1: 'Y-Koordinate des Linienanfangs ändern',
+    line_y2: 'Y-Koordinate des Linienendes ändern',
+    rect_height: 'Höhe des Rechtecks ändern',
+    rect_width: 'Breite des Rechtecks ändern',
+    corner_radius: 'Eckenradius des Rechtecks ändern',
+    image_width: 'Bildbreite ändern',
+    image_height: 'Bildhöhe ändern',
+    image_url: 'URL ändern',
+    node_x: 'Ändere die X-Koordinate des Knoten',
+    node_y: 'Ändere die Y-Koordinate des Knoten',
+    seg_type: 'Ändere den Typ des Segments',
+    straight_segments: 'Gerade',
+    curve_segments: 'Kurve',
+    text_contents: 'Textinhalt erstellen und bearbeiten',
+    font_family: 'Schriftart wählen',
+    font_size: 'Schriftgröße einstellen',
+    bold: 'Fetter Text',
+    italic: 'Kursiver Text'
+  },
+  tools: {
+    main_menu: 'Hauptmenü',
+    bkgnd_color_opac: 'Hintergrundfarbe ändern / Opazität',
+    connector_no_arrow: 'Kein Pfeil',
+    fitToContent: 'An den Inhalt anpassen',
+    fit_to_all: 'An gesamten Inhalt anpassen',
+    fit_to_canvas: 'An die Zeichenfläche anpassen',
+    fit_to_layer_content: 'An Inhalt der Ebene anpassen',
+    fit_to_sel: 'An die Auswahl anpassen',
+    align_relative_to: 'Relativ zu einem anderem Objekt ausrichten …',
+    relativeTo: 'im Vergleich zu:',
+    page: 'Seite',
+    largest_object: 'größtes Objekt',
+    selected_objects: 'gewählte Objekte',
+    smallest_object: 'kleinstes Objekt',
+    new_doc: 'Neues Bild',
+    open_doc: 'Bild öffnen',
+    export_img: 'Export',
+    save_doc: 'Bild speichern',
+    import_doc: 'Importiere SVG',
+    align_to_page: 'Element an Seite ausrichten',
+    align_bottom: 'Unten ausrichten',
+    align_center: 'Zentriert ausrichten',
+    align_left: 'Linksbündig ausrichten',
+    align_middle: 'In der Mitte ausrichten',
+    align_right: 'Rechtsbündig ausrichten',
+    align_top: 'Oben ausrichten',
+    mode_select: 'Objekte auswählen und verändern',
+    mode_fhpath: 'Freihandlinien zeichnen',
+    mode_line: 'Linien zeichnen',
+    mode_rect: 'Rechteck-Werkzeug',
+    mode_square: 'Quadrat-Werkzeug',
+    mode_fhrect: 'Freihand-Rechteck',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Kreis',
+    mode_fhellipse: 'Freihand-Ellipse',
+    mode_path: 'Pfad zeichnen',
+    mode_text: 'Text erstellen und bearbeiten',
+    mode_image: 'Bild einfügen',
+    mode_zoom: 'Zoomfaktor vergrößern oder verringern',
+    no_embed: 'Hinweis: Dieses Bild kann nicht eingebettet werden. Eine Anzeige hängt von diesem Pfad ab.',
+    undo: 'Rückgängig',
+    redo: 'Wiederherstellen',
+    tool_source: 'Quellcode bearbeiten',
+    wireframe_mode: 'Drahtmodell-Modus',
+    clone: 'Element(e) klonen',
+    del: 'Element(e) löschen',
+    group_elements: 'Element(e) gruppieren',
+    make_link: 'Link erstellen',
+    set_link_url: 'Link setzen (leer lassen zum Entfernen)',
+    to_path: 'Gewähltes Objekt in einen Pfad konvertieren',
+    reorient_path: 'Neuausrichtung des Pfades',
+    ungroup: 'Gruppierung aufheben',
+    docprops: 'Dokument-Eigenschaften',
+    move_bottom: 'Die gewählten Objekte nach ganz unten verschieben',
+    move_top: 'Die gewählten Objekte nach ganz oben verschieben',
+    node_clone: 'Klone den Knoten',
+    node_delete: 'Lösche den Knoten',
+    node_link: 'Gekoppelte oder separate Kontrollpunkte für die Bearbeitung des Pfades',
+    add_subpath: 'Teilpfad hinzufügen',
+    openclose_path: 'Öffne/Verbinde Unterpfad',
+    source_save: 'Änderungen akzeptieren',
+    cut: 'Ausschneiden',
+    copy: 'Kopieren',
+    paste: 'Einfügen',
+    paste_in_place: 'Bei Originalposition einfügen',
+    delete: 'Löschen',
+    group: 'Gruppieren',
+    move_front: 'Nach ganz oben verschieben',
+    move_up: 'Hochschieben',
+    move_down: 'Herunterschieben',
+    move_back: 'Nach ganz unten verschieben'
+  },
+  layers: {
+    layer: 'Ebene',
+    layers: 'Ebenen',
+    del: 'Ebene löschen',
+    move_down: 'Ebene nach unten verschieben',
+    new: 'Neue Ebene',
+    rename: 'Ebene umbenennen',
+    move_up: 'Ebene nach oben verschieben',
+    dupe: 'Ebene duplizieren',
+    merge_down: 'Nach unten zusammenführen',
+    merge_all: 'Alle zusammenführen',
+    move_elems_to: 'Verschiebe ausgewählte Objekte:',
+    move_selected: 'Verschiebe ausgewählte Objekte auf eine andere Ebene'
+  },
+  config: {
+    image_props: 'Bildeigenschaften',
+    doc_title: 'Titel',
+    doc_dims: 'Dimension der Zeichenfläche',
+    included_images: 'Eingefügte Bilder',
+    image_opt_embed: 'Daten einbetten (lokale Dateien)',
+    image_opt_ref: 'Benutze die Dateireferenz',
+    editor_prefs: 'Editor-Einstellungen',
+    icon_size: 'Symbol-Abmessungen',
+    language: 'Sprache',
+    background: 'Editor-Hintergrund',
+    editor_img_url: 'Bild-URL',
+    editor_bg_note: 'Anmerkung: Der Hintergrund wird mit dem Bild nicht gespeichert.',
+    icon_large: 'Groß',
+    icon_medium: 'Mittel',
+    icon_small: 'Klein',
+    icon_xlarge: 'Sehr Groß',
+    select_predefined: 'Auswahl einer vordefinierten:',
+    units_and_rulers: 'Einheiten und Lineale',
+    show_rulers: 'Zeige Lineale',
+    base_unit: 'Basiseinheit:',
+    grid: 'Gitternetz',
+    snapping_onoff: 'Einrasten an/aus',
+    snapping_stepsize: 'Einrastabstand:',
+    grid_color: 'Gitterfarbe'
+  },
+  notification: {
+    invalidAttrValGiven: 'Fehlerhafter Wert',
+    noContentToFitTo: 'Kein Inhalt anzupassen',
+    dupeLayerName: 'Eine Ebene hat bereits diesen Namen',
+    enterUniqueLayerName: 'Verwenden Sie einen eindeutigen Namen für die Ebene',
+    enterNewLayerName: 'Geben Sie bitte einen neuen Namen für die Ebene ein',
+    layerHasThatName: 'Eine Ebene hat bereits diesen Namen',
+    QmoveElemsToLayer: "Verschiebe ausgewählte Objekte in die Ebene '%s'?",
+    QwantToClear: 'Möchten Sie die Zeichnung löschen?\nDadurch wird auch die Rückgängig-Funktion zurückgesetzt!',
+    QwantToOpen: 'Möchten Sie eine neue Datei öffnen?\nDadurch wird auch die Rückgängig-Funktion zurückgesetzt!',
+    QerrorsRevertToSource: 'Es gibt Parser-Fehler in der SVG-Quelle.\nDie Original-SVG wiederherstellen?',
+    QignoreSourceChanges: 'Sollen die Änderungen an der SVG-Quelle ignoriert werden?',
+    featNotSupported: 'Diese Eigenschaft wird nicht unterstützt',
+    enterNewImgURL: 'Geben Sie die URL für das neue Bild an',
+    defsFailOnSave: 'Hinweis: Aufgrund eines Fehlers in Ihrem Browser kann dieses Bild falsch angezeigt werden (fehlende Gradienten oder Elemente). Es wird jedoch richtig angezeigt, sobald es gespeichert wird.',
+    loadingImage: 'Bild wird geladen, bitte warten ...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Beachten Sie außerdem die folgenden Probleme: ',
+    unsavedChanges: 'Es sind nicht-gespeicherte Änderungen vorhanden.',
+    enterNewLinkURL: 'Geben Sie die neue URL ein',
+    errorLoadingSVG: 'Fehler: Kann SVG-Daten nicht laden',
+    URLloadFail: 'Kann von dieser URL nicht laden',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.el.js b/editor/locale/lang.el.js
index c4f0dcc7..a429dfd6 100644
--- a/editor/locale/lang.el.js
+++ b/editor/locale/lang.el.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "el",
-	dir : "ltr",
-	common: {
-		"ok": "Αποθηκεύω",
-		"cancel": "Άκυρο",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Κάντε κλικ για να συμπληρώσετε την αλλαγή χρώματος, στροφή κλικ για να αλλάξετε το χρώμα εγκεφαλικό",
-		"zoom_level": "Αλλαγή επίπεδο μεγέθυνσης",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Αλλαγή συμπληρώστε χρώμα",
-		"stroke_color": "Αλλαγή χρώματος εγκεφαλικό",
-		"stroke_style": "Αλλαγή στυλ παύλα εγκεφαλικό",
-		"stroke_width": "Αλλαγή πλάτος γραμμής",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Αλλαγή γωνία περιστροφής",
-		"blur": "Change gaussian blur value",
-		"opacity": "Αλλαγή αδιαφάνεια επιλεγμένο σημείο",
-		"circle_cx": "Cx Αλλαγή κύκλου συντονίζουν",
-		"circle_cy": "Αλλαγή κύκλου cy συντονίζουν",
-		"circle_r": "Αλλαγή ακτίνα κύκλου",
-		"ellipse_cx": "Αλλαγή ellipse του CX συντονίζουν",
-		"ellipse_cy": "Αλλαγή ellipse του cy συντονίζουν",
-		"ellipse_rx": "X ακτίνα Αλλαγή ellipse του",
-		"ellipse_ry": "Y ακτίνα Αλλαγή ellipse του",
-		"line_x1": "Αλλαγή γραμμής εκκίνησης x συντονίζουν",
-		"line_x2": "Αλλαγή γραμμής λήγει x συντονίζουν",
-		"line_y1": "Αλλαγή γραμμής εκκίνησης y συντονίζουν",
-		"line_y2": "Αλλαγή γραμμής λήγει y συντονίζουν",
-		"rect_height": "Αλλαγή ύψος ορθογωνίου",
-		"rect_width": "Αλλαγή πλάτους ορθογώνιο",
-		"corner_radius": "Αλλαγή ορθογώνιο Corner Radius",
-		"image_width": "Αλλαγή πλάτος εικόνας",
-		"image_height": "Αλλαγή ύψος εικόνας",
-		"image_url": "Αλλαγή URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Αλλαγή περιεχόμενο κειμένου",
-		"font_family": "Αλλαγή γραμματοσειράς Οικογένεια",
-		"font_size": "Αλλαγή μεγέθους γραμματοσειράς",
-		"bold": "Bold Text",
-		"italic": "Πλάγιους"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Αλλαγή χρώματος φόντου / αδιαφάνεια",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Ταιριάζει σε όλο το περιεχόμενο",
-		"fit_to_canvas": "Προσαρμογή στο μουσαμά",
-		"fit_to_layer_content": "Προσαρμογή στο περιεχόμενο στρώμα",
-		"fit_to_sel": "Fit to επιλογή",
-		"align_relative_to": "Στοίχιση σε σχέση με ...",
-		"relativeTo": "σε σχέση με:",
-		"page": "σελίδα",
-		"largest_object": "μεγαλύτερο αντικείμενο",
-		"selected_objects": "εκλέγεται αντικείμενα",
-		"smallest_object": "μικρότερο αντικείμενο",
-		"new_doc": "Νέα εικόνα",
-		"open_doc": "Άνοιγμα εικόνας",
-		"export_img": "Export",
-		"save_doc": "Αποθήκευση εικόνας",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Στοίχισηκάτω",
-		"align_center": "Στοίχισηστοκέντρο",
-		"align_left": "Στοίχισηαριστερά",
-		"align_middle": "Ευθυγράμμιση Μέση",
-		"align_right": "Στοίχισηδεξιά",
-		"align_top": "Στοίχισηπάνω",
-		"mode_select": "Select Tool",
-		"mode_fhpath": "Εργαλείομολυβιού",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Δωρεάν-Hand ορθογώνιο",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Κύκλος",
-		"mode_fhellipse": "Δωρεάν-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Κείμενο Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Αναίρεση",
-		"redo": "Redo",
-		"tool_source": "Επεξεργασία Πηγή",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Ομάδα Στοιχεία",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Κατάργηση ομαδοποίησης Στοιχεία",
-		"docprops": "Ιδιότητες εγγράφου",
-		"imagelib": "Image Library",
-		"move_bottom": "Μετακίνηση προς τα κάτω",
-		"move_top": "Μετακίνηση στην αρχή",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Αποθηκεύω",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Διαγραφήστρώματος",
-		"move_down": "Μετακίνηση Layer Down",
-		"new": "Νέο Layer",
-		"rename": "Μετονομασία Layer",
-		"move_up": "Μετακίνηση Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Επιλογή προκαθορισμένων:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'el',
+  dir: 'ltr',
+  common: {
+    ok: 'Αποθηκεύω',
+    cancel: 'Άκυρο',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Κάντε κλικ για να συμπληρώσετε την αλλαγή χρώματος, στροφή κλικ για να αλλάξετε το χρώμα εγκεφαλικό',
+    zoom_level: 'Αλλαγή επίπεδο μεγέθυνσης',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Αλλαγή συμπληρώστε χρώμα',
+    stroke_color: 'Αλλαγή χρώματος εγκεφαλικό',
+    stroke_style: 'Αλλαγή στυλ παύλα εγκεφαλικό',
+    stroke_width: 'Αλλαγή πλάτος γραμμής',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Αλλαγή γωνία περιστροφής',
+    blur: 'Change gaussian blur value',
+    opacity: 'Αλλαγή αδιαφάνεια επιλεγμένο σημείο',
+    circle_cx: 'Cx Αλλαγή κύκλου συντονίζουν',
+    circle_cy: 'Αλλαγή κύκλου cy συντονίζουν',
+    circle_r: 'Αλλαγή ακτίνα κύκλου',
+    ellipse_cx: 'Αλλαγή ellipse του CX συντονίζουν',
+    ellipse_cy: 'Αλλαγή ellipse του cy συντονίζουν',
+    ellipse_rx: 'X ακτίνα Αλλαγή ellipse του',
+    ellipse_ry: 'Y ακτίνα Αλλαγή ellipse του',
+    line_x1: 'Αλλαγή γραμμής εκκίνησης x συντονίζουν',
+    line_x2: 'Αλλαγή γραμμής λήγει x συντονίζουν',
+    line_y1: 'Αλλαγή γραμμής εκκίνησης y συντονίζουν',
+    line_y2: 'Αλλαγή γραμμής λήγει y συντονίζουν',
+    rect_height: 'Αλλαγή ύψος ορθογωνίου',
+    rect_width: 'Αλλαγή πλάτους ορθογώνιο',
+    corner_radius: 'Αλλαγή ορθογώνιο Corner Radius',
+    image_width: 'Αλλαγή πλάτος εικόνας',
+    image_height: 'Αλλαγή ύψος εικόνας',
+    image_url: 'Αλλαγή URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Αλλαγή περιεχόμενο κειμένου',
+    font_family: 'Αλλαγή γραμματοσειράς Οικογένεια',
+    font_size: 'Αλλαγή μεγέθους γραμματοσειράς',
+    bold: 'Bold Text',
+    italic: 'Πλάγιους'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Αλλαγή χρώματος φόντου / αδιαφάνεια',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Ταιριάζει σε όλο το περιεχόμενο',
+    fit_to_canvas: 'Προσαρμογή στο μουσαμά',
+    fit_to_layer_content: 'Προσαρμογή στο περιεχόμενο στρώμα',
+    fit_to_sel: 'Fit to επιλογή',
+    align_relative_to: 'Στοίχιση σε σχέση με ...',
+    relativeTo: 'σε σχέση με:',
+    page: 'σελίδα',
+    largest_object: 'μεγαλύτερο αντικείμενο',
+    selected_objects: 'εκλέγεται αντικείμενα',
+    smallest_object: 'μικρότερο αντικείμενο',
+    new_doc: 'Νέα εικόνα',
+    open_doc: 'Άνοιγμα εικόνας',
+    export_img: 'Export',
+    save_doc: 'Αποθήκευση εικόνας',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Στοίχισηκάτω',
+    align_center: 'Στοίχισηστοκέντρο',
+    align_left: 'Στοίχισηαριστερά',
+    align_middle: 'Ευθυγράμμιση Μέση',
+    align_right: 'Στοίχισηδεξιά',
+    align_top: 'Στοίχισηπάνω',
+    mode_select: 'Select Tool',
+    mode_fhpath: 'Εργαλείομολυβιού',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Δωρεάν-Hand ορθογώνιο',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Κύκλος',
+    mode_fhellipse: 'Δωρεάν-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Κείμενο Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Αναίρεση',
+    redo: 'Redo',
+    tool_source: 'Επεξεργασία Πηγή',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Ομάδα Στοιχεία',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Κατάργηση ομαδοποίησης Στοιχεία',
+    docprops: 'Ιδιότητες εγγράφου',
+    move_bottom: 'Μετακίνηση προς τα κάτω',
+    move_top: 'Μετακίνηση στην αρχή',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Αποθηκεύω',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Διαγραφήστρώματος',
+    move_down: 'Μετακίνηση Layer Down',
+    new: 'Νέο Layer',
+    rename: 'Μετονομασία Layer',
+    move_up: 'Μετακίνηση Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Επιλογή προκαθορισμένων:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.en.js b/editor/locale/lang.en.js
index 4e335f8a..6f6b991c 100644
--- a/editor/locale/lang.en.js
+++ b/editor/locale/lang.en.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "en",
-	dir : "ltr",
-	common: {
-		"ok": "OK",
-		"cancel": "Cancel",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Click to change fill color, shift-click to change stroke color",
-		"zoom_level": "Change zoom level",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Change fill color",
-		"stroke_color": "Change stroke color",
-		"stroke_style": "Change stroke dash style",
-		"stroke_width": "Change stroke width by 1, shift-click to change by 0.1",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Change rotation angle",
-		"blur": "Change gaussian blur value",
-		"opacity": "Change selected item opacity",
-		"circle_cx": "Change circle's cx coordinate",
-		"circle_cy": "Change circle's cy coordinate",
-		"circle_r": "Change circle's radius",
-		"ellipse_cx": "Change ellipse's cx coordinate",
-		"ellipse_cy": "Change ellipse's cy coordinate",
-		"ellipse_rx": "Change ellipse's x radius",
-		"ellipse_ry": "Change ellipse's y radius",
-		"line_x1": "Change line's starting x coordinate",
-		"line_x2": "Change line's ending x coordinate",
-		"line_y1": "Change line's starting y coordinate",
-		"line_y2": "Change line's ending y coordinate",
-		"rect_height": "Change rectangle height",
-		"rect_width": "Change rectangle width",
-		"corner_radius": "Change Rectangle Corner Radius",
-		"image_width": "Change image width",
-		"image_height": "Change image height",
-		"image_url": "Change URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Change text contents",
-		"font_family": "Change Font Family",
-		"font_size": "Change Font Size",
-		"bold": "Bold Text",
-		"italic": "Italic Text"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Change background color/opacity",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Fit to all content",
-		"fit_to_canvas": "Fit to canvas",
-		"fit_to_layer_content": "Fit to layer content",
-		"fit_to_sel": "Fit to selection",
-		"align_relative_to": "Align relative to ...",
-		"relativeTo": "relative to:",
-		"page": "page",
-		"largest_object": "largest object",
-		"selected_objects": "selected objects",
-		"smallest_object": "smallest object",
-		"new_doc": "New Image",
-		"open_doc": "Open SVG",
-		"export_img": "Export",
-		"save_doc": "Save Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Align Center",
-		"align_left": "Align Left",
-		"align_middle": "Align Middle",
-		"align_right": "Align Right",
-		"align_top": "Align Top",
-		"mode_select": "Select Tool",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Rectangle",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Undo",
-		"redo": "Redo",
-		"tool_source": "Edit Source",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Group Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elements",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Move to Bottom",
-		"move_top": "Move to Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Apply Changes",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Move Layer Up",
-		"move_down": "Move Layer Down",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Delete Layer",
-		"move_down": "Move Layer Down",
-		"new": "New Layer",
-		"rename": "Rename Layer",
-		"move_up": "Move Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Select predefined:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer \"%s\"?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
\ No newline at end of file
+export default {
+  lang: 'en',
+  dir: 'ltr',
+  common: {
+    ok: 'OK',
+    cancel: 'Cancel',
+    key_backspace: 'Backspace',
+    key_del: 'Del',
+    key_down: 'Down',
+    key_up: 'Up',
+    more_opts: 'More options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Click to change fill color, shift-click to change stroke color',
+    zoom_level: 'Change zoom level',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Change fill color',
+    stroke_color: 'Change stroke color',
+    stroke_style: 'Change stroke dash style',
+    stroke_width: 'Change stroke width by 1, shift-click to change by 0.1',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Change rotation angle',
+    blur: 'Change gaussian blur value',
+    opacity: 'Change selected item opacity',
+    circle_cx: "Change circle's cx coordinate",
+    circle_cy: "Change circle's cy coordinate",
+    circle_r: "Change circle's radius",
+    ellipse_cx: "Change ellipse's cx coordinate",
+    ellipse_cy: "Change ellipse's cy coordinate",
+    ellipse_rx: "Change ellipse's x radius",
+    ellipse_ry: "Change ellipse's y radius",
+    line_x1: "Change line's starting x coordinate",
+    line_x2: "Change line's ending x coordinate",
+    line_y1: "Change line's starting y coordinate",
+    line_y2: "Change line's ending y coordinate",
+    rect_height: 'Change rectangle height',
+    rect_width: 'Change rectangle width',
+    corner_radius: 'Change Rectangle Corner Radius',
+    image_width: 'Change image width',
+    image_height: 'Change image height',
+    image_url: 'Change URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Change text contents',
+    font_family: 'Change Font Family',
+    font_size: 'Change Font Size',
+    bold: 'Bold Text [B]',
+    italic: 'Italic Text [I]'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Change background color/opacity',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Fit to all content',
+    fit_to_canvas: 'Fit to canvas',
+    fit_to_layer_content: 'Fit to layer content',
+    fit_to_sel: 'Fit to selection',
+    align_relative_to: 'Align relative to ...',
+    relativeTo: 'relative to:',
+    page: 'page',
+    largest_object: 'largest object',
+    selected_objects: 'selected objects',
+    smallest_object: 'smallest object',
+    new_doc: 'New Image',
+    open_doc: 'Open SVG',
+    export_img: 'Export',
+    save_doc: 'Save Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Align Center',
+    align_left: 'Align Left',
+    align_middle: 'Align Middle',
+    align_right: 'Align Right',
+    align_top: 'Align Top',
+    mode_select: 'Select Tool',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Rectangle',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Text Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool [Ctrl+Up/Down]',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Undo [Z]',
+    redo: 'Redo [Y]',
+    tool_source: 'Edit Source [U]',
+    wireframe_mode: 'Wireframe Mode [F]',
+    clone: 'Duplicate Element(s) [D]',
+    del: 'Delete Element(s) [Delete/Backspace]',
+    group_elements: 'Group Elements [G]',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elements [G]',
+    docprops: 'Document Properties [D]',
+    move_bottom: 'Send to Back [ Ctrl+Shift+[ ]',
+    move_top: 'Bring to Front [ Ctrl+Shift+] ]',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Apply Changes',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front [ Ctrl-Shift+] ]',
+    move_up: 'Bring Forward [ Ctrl+] ]',
+    move_down: 'Send Backward [ Ctrl+[ ]',
+    move_back: 'Send to Back [ Ctrl+Shift+[ ]'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Delete Layer',
+    move_down: 'Move Layer Down',
+    new: 'New Layer',
+    rename: 'Rename Layer',
+    move_up: 'Move Layer Up',
+    dupe: 'Duplicate Layer...',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title:',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size:',
+    language: 'Language:',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL:',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Select predefined:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color:'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: 'Move selected elements to layer \'%s\'?',
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.es.js b/editor/locale/lang.es.js
index c50a86f2..a07ea660 100644
--- a/editor/locale/lang.es.js
+++ b/editor/locale/lang.es.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "es",
-	dir : "ltr",
-	common: {
-		"ok": "OK",
-		"cancel": "Cancelar",
-		"key_backspace": "retroceso", 
-		"key_del": "suprimir", 
-		"key_down": "abajo", 
-		"key_up": "arriba", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Mostrar/ocultar herramientas de trazo adicionales",
-		"palette_info": "Haga clic para cambiar el color de relleno. Pulse Mayús y haga clic para cambiar el color del contorno.",
-		"zoom_level": "Cambiar el nivel de zoom",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Cambiar el color de relleno",
-		"stroke_color": "Cambiar el color del contorno",
-		"stroke_style": "Cambiar el estilo del trazo del contorno",
-		"stroke_width": "Cambiar el grosor del contorno",
-		"pos_x": "Cambiar la posición horizontal X",
-		"pos_y": "Cambiar la posición vertical Y",
-		"linecap_butt": "Final de la línea: en el nodo",
-		"linecap_round": "Final de la línea: redondeada",
-		"linecap_square": "Final de la línea: cuadrada",
-		"linejoin_bevel": "Unión: biselada",
-		"linejoin_miter": "Unión: recta",
-		"linejoin_round": "Unión: redondeada",
-		"angle": "Cambiar ángulo de rotación",
-		"blur": "Ajustar desenfoque gausiano",
-		"opacity": "Cambiar la opacidad del objeto seleccionado",
-		"circle_cx": "Cambiar la posición horizonral CX del círculo",
-		"circle_cy": "Cambiar la posición vertical CY del círculo",
-		"circle_r": "Cambiar el radio del círculo",
-		"ellipse_cx": "Cambiar la posición horizontal CX de la elipse",
-		"ellipse_cy": "Cambiar la posición vertical CY de la elipse",
-		"ellipse_rx": "Cambiar el radio horizontal X de la elipse",
-		"ellipse_ry": "Cambiar el radio vertical Y de la elipse",
-		"line_x1": "Cambiar la posición horizontal X del comienzo de la línea",
-		"line_x2": "Cambiar la posición horizontal X del final de la línea",
-		"line_y1": "Cambiar la posición vertical Y del comienzo de la línea",
-		"line_y2": "Cambiar la posición vertical Y del final de la línea",
-		"rect_height": "Cambiar la altura del rectángulo",
-		"rect_width": "Cambiar el ancho rectángulo",
-		"corner_radius": "Cambiar el radio de las esquinas del rectángulo",
-		"image_width": "Cambiar el ancho de la imagen",
-		"image_height": "Cambiar la altura de la imagen",
-		"image_url": "Modificar URL",
-		"node_x": "Cambiar la posición horizontal X del nodo",
-		"node_y": "Cambiar la posición vertical Y del nodo",
-		"seg_type": "Cambiar el tipo de segmento",
-		"straight_segments": "Recta",
-		"curve_segments": "Curva",
-		"text_contents": "Modificar el texto",
-		"font_family": "Tipo de fuente",
-		"font_size": "Tamaño de la fuente",
-		"bold": "Texto en negrita",
-		"italic": "Texto en cursiva"
-	},
-	tools: { 
-		"main_menu": "Menú principal",
-		"bkgnd_color_opac": "Cambiar color de fondo / opacidad",
-		"connector_no_arrow": "Sin flecha",
-		"fitToContent": "Ajustar al contenido",
-		"fit_to_all": "Ajustar a todo el contenido",
-		"fit_to_canvas": "Ajustar al lienzo",
-		"fit_to_layer_content": "Ajustar al contenido de la capa",
-		"fit_to_sel": "Ajustar a la selección",
-		"align_relative_to": "Alinear con respecto a ...",
-		"relativeTo": "en relación con:",
-		"page": "Página",
-		"largest_object": "El objeto más grande",
-		"selected_objects": "Objetos seleccionados",
-		"smallest_object": "El objeto más pequeño",
-		"new_doc": "Nueva imagen",
-		"open_doc": "Abrir imagen",
-		"export_img": "Export",
-		"save_doc": "Guardar imagen",
-		"import_doc": "Importar un archivo SVG",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Alinear parte inferior",
-		"align_center": "Centrar verticalmente",
-		"align_left": "Alinear lado izquierdo",
-		"align_middle": "Centrar horizontalmente",
-		"align_right": "Alinear lado derecho",
-		"align_top": "Alinear parte superior",
-		"mode_select": "Herramienta de selección",
-		"mode_fhpath": "Herramienta de lápiz",
-		"mode_line": "Trazado de líneas",
-		"mode_connect": "Conectar dos objetos",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Rectángulo a mano alzada",
-		"mode_ellipse": "Elipse",
-		"mode_circle": "Círculo",
-		"mode_fhellipse": "Elipse a mano alzada",
-		"mode_path": "Herramienta de trazado",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Insertar texto",
-		"mode_image": "Insertar imagen",
-		"mode_zoom": "Zoom",
-		"mode_eyedropper": "Herramienta de pipeta",
-		"no_embed": "NOTA: La imagen no puede ser integrada. El contenido mostrado dependerá de la imagen ubicada en esta ruta. ",
-		"undo": "Deshacer",
-		"redo": "Rehacer",
-		"tool_source": "Editar código fuente",
-		"wireframe_mode": "Modo marco de alambre",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Agrupar objetos",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convertir a trazado",
-		"reorient_path": "Reorientar el trazado",
-		"ungroup": "Desagrupar objetos",
-		"docprops": "Propiedades del documento",
-		"imagelib": "Image Library",
-		"move_bottom": "Mover abajo",
-		"move_top": "Mover arriba",
-		"node_clone": "Clonar nodo",
-		"node_delete": "Suprimir nodo",
-		"node_link": "Enlazar puntos de control",
-		"add_subpath": "Añadir subtrazado",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Aplicar cambios",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Capa",
-		"layers": "Layers",
-		"del": "Suprimir capa",
-		"move_down": "Mover la capa hacia abajo",
-		"new": "Nueva capa",
-		"rename": "Renombrar capa",
-		"move_up": "Mover la capa hacia arriba",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Desplazar objetos a:",
-		"move_selected": "Mover los objetos seleccionados a otra capa"
-	},
-	config: {
-		"image_props": "Propiedades de la Imagen",
-		"doc_title": "Título",
-		"doc_dims": "Tamaño del lienzo",
-		"included_images": "Imágenes integradas",
-		"image_opt_embed": "Integrar imágenes en forma de datos (archivos locales)",
-		"image_opt_ref": "Usar la referencia del archivo",
-		"editor_prefs": "Preferencias del Editor",
-		"icon_size": "Tamaño de los iconos",
-		"language": "Idioma",
-		"background": "Fondo del editor",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Nota: El fondo no se guardará junto con la imagen.",
-		"icon_large": "Grande",
-		"icon_medium": "Mediano",
-		"icon_small": "Pequeño",
-		"icon_xlarge": "Muy grande",
-		"select_predefined": "Seleccionar predefinido:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Valor no válido",
-		"noContentToFitTo":"No existe un contenido al que ajustarse.",
-		"dupeLayerName":"¡Ya existe una capa con este nombre!",
-		"enterUniqueLayerName":"Introduzca otro nombre distinto para la capa.",
-		"enterNewLayerName":"Introduzca el nuevo nombre de la capa.",
-		"layerHasThatName":"El nombre introducido es el nombre actual de la capa.",
-		"QmoveElemsToLayer":"¿Desplazar los elementos seleccionados a la capa '%s'?",
-		"QwantToClear":"¿Desea borrar el dibujo?\n¡El historial de acciones también se borrará!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"Existen errores sintácticos en su código fuente SVG.\n¿Desea volver al código fuente SVG original?",
-		"QignoreSourceChanges":"¿Desea ignorar los cambios realizados sobre el código fuente SVG?",
-		"featNotSupported":"Función no compatible.",
-		"enterNewImgURL":"Introduzca la nueva URL de la imagen.",
-		"defsFailOnSave": "NOTA: Debido a un fallo de su navegador, es posible que la imagen aparezca de forma incorrecta (ciertas gradaciones o elementos podría perderse). La imagen aparecerá en su forma correcta una vez guardada.",
-		"loadingImage":"Cargando imagen. Espere, por favor.",
-		"saveFromBrowser": "Seleccionar \"Guardar como...\" en su navegador para guardar la imagen en forma de archivo %s.",
-		"noteTheseIssues": "Existen además los problemas siguientes:",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'es',
+  dir: 'ltr',
+  common: {
+    ok: 'OK',
+    cancel: 'Cancelar',
+    key_backspace: 'retroceso',
+    key_del: 'suprimir',
+    key_down: 'abajo',
+    key_up: 'arriba',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Mostrar/ocultar herramientas de trazo adicionales',
+    palette_info: 'Haga clic para cambiar el color de relleno. Pulse Mayús y haga clic para cambiar el color del contorno.',
+    zoom_level: 'Cambiar el nivel de zoom',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Cambiar el color de relleno',
+    stroke_color: 'Cambiar el color del contorno',
+    stroke_style: 'Cambiar el estilo del trazo del contorno',
+    stroke_width: 'Cambiar el grosor del contorno',
+    pos_x: 'Cambiar la posición horizontal X',
+    pos_y: 'Cambiar la posición vertical Y',
+    linecap_butt: 'Final de la línea: en el nodo',
+    linecap_round: 'Final de la línea: redondeada',
+    linecap_square: 'Final de la línea: cuadrada',
+    linejoin_bevel: 'Unión: biselada',
+    linejoin_miter: 'Unión: recta',
+    linejoin_round: 'Unión: redondeada',
+    angle: 'Cambiar ángulo de rotación',
+    blur: 'Ajustar desenfoque gausiano',
+    opacity: 'Cambiar la opacidad del objeto seleccionado',
+    circle_cx: 'Cambiar la posición horizonral CX del círculo',
+    circle_cy: 'Cambiar la posición vertical CY del círculo',
+    circle_r: 'Cambiar el radio del círculo',
+    ellipse_cx: 'Cambiar la posición horizontal CX de la elipse',
+    ellipse_cy: 'Cambiar la posición vertical CY de la elipse',
+    ellipse_rx: 'Cambiar el radio horizontal X de la elipse',
+    ellipse_ry: 'Cambiar el radio vertical Y de la elipse',
+    line_x1: 'Cambiar la posición horizontal X del comienzo de la línea',
+    line_x2: 'Cambiar la posición horizontal X del final de la línea',
+    line_y1: 'Cambiar la posición vertical Y del comienzo de la línea',
+    line_y2: 'Cambiar la posición vertical Y del final de la línea',
+    rect_height: 'Cambiar la altura del rectángulo',
+    rect_width: 'Cambiar el ancho rectángulo',
+    corner_radius: 'Cambiar el radio de las esquinas del rectángulo',
+    image_width: 'Cambiar el ancho de la imagen',
+    image_height: 'Cambiar la altura de la imagen',
+    image_url: 'Modificar URL',
+    node_x: 'Cambiar la posición horizontal X del nodo',
+    node_y: 'Cambiar la posición vertical Y del nodo',
+    seg_type: 'Cambiar el tipo de segmento',
+    straight_segments: 'Recta',
+    curve_segments: 'Curva',
+    text_contents: 'Modificar el texto',
+    font_family: 'Tipo de fuente',
+    font_size: 'Tamaño de la fuente',
+    bold: 'Texto en negrita',
+    italic: 'Texto en cursiva'
+  },
+  tools: {
+    main_menu: 'Menú principal',
+    bkgnd_color_opac: 'Cambiar color de fondo / opacidad',
+    connector_no_arrow: 'Sin flecha',
+    fitToContent: 'Ajustar al contenido',
+    fit_to_all: 'Ajustar a todo el contenido',
+    fit_to_canvas: 'Ajustar al lienzo',
+    fit_to_layer_content: 'Ajustar al contenido de la capa',
+    fit_to_sel: 'Ajustar a la selección',
+    align_relative_to: 'Alinear con respecto a ...',
+    relativeTo: 'en relación con:',
+    page: 'Página',
+    largest_object: 'El objeto más grande',
+    selected_objects: 'Objetos seleccionados',
+    smallest_object: 'El objeto más pequeño',
+    new_doc: 'Nueva imagen',
+    open_doc: 'Abrir imagen',
+    export_img: 'Export',
+    save_doc: 'Guardar imagen',
+    import_doc: 'Importar un archivo SVG',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Alinear parte inferior',
+    align_center: 'Centrar verticalmente',
+    align_left: 'Alinear lado izquierdo',
+    align_middle: 'Centrar horizontalmente',
+    align_right: 'Alinear lado derecho',
+    align_top: 'Alinear parte superior',
+    mode_select: 'Herramienta de selección',
+    mode_fhpath: 'Herramienta de lápiz',
+    mode_line: 'Trazado de líneas',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Rectángulo a mano alzada',
+    mode_ellipse: 'Elipse',
+    mode_circle: 'Círculo',
+    mode_fhellipse: 'Elipse a mano alzada',
+    mode_path: 'Herramienta de trazado',
+    mode_text: 'Insertar texto',
+    mode_image: 'Insertar imagen',
+    mode_zoom: 'Zoom',
+    no_embed: 'NOTA: La imagen no puede ser integrada. El contenido mostrado dependerá de la imagen ubicada en esta ruta. ',
+    undo: 'Deshacer',
+    redo: 'Rehacer',
+    tool_source: 'Editar código fuente',
+    wireframe_mode: 'Modo marco de alambre',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Agrupar objetos',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convertir a trazado',
+    reorient_path: 'Reorientar el trazado',
+    ungroup: 'Desagrupar objetos',
+    docprops: 'Propiedades del documento',
+    move_bottom: 'Mover abajo',
+    move_top: 'Mover arriba',
+    node_clone: 'Clonar nodo',
+    node_delete: 'Suprimir nodo',
+    node_link: 'Enlazar puntos de control',
+    add_subpath: 'Añadir subtrazado',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Aplicar cambios',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Capa',
+    layers: 'Layers',
+    del: 'Suprimir capa',
+    move_down: 'Mover la capa hacia abajo',
+    new: 'Nueva capa',
+    rename: 'Renombrar capa',
+    move_up: 'Mover la capa hacia arriba',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Desplazar objetos a:',
+    move_selected: 'Mover los objetos seleccionados a otra capa'
+  },
+  config: {
+    image_props: 'Propiedades de la Imagen',
+    doc_title: 'Título',
+    doc_dims: 'Tamaño del lienzo',
+    included_images: 'Imágenes integradas',
+    image_opt_embed: 'Integrar imágenes en forma de datos (archivos locales)',
+    image_opt_ref: 'Usar la referencia del archivo',
+    editor_prefs: 'Preferencias del Editor',
+    icon_size: 'Tamaño de los iconos',
+    language: 'Idioma',
+    background: 'Fondo del editor',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Nota: El fondo no se guardará junto con la imagen.',
+    icon_large: 'Grande',
+    icon_medium: 'Mediano',
+    icon_small: 'Pequeño',
+    icon_xlarge: 'Muy grande',
+    select_predefined: 'Seleccionar predefinido:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Valor no válido',
+    noContentToFitTo: 'No existe un contenido al que ajustarse.',
+    dupeLayerName: '¡Ya existe una capa con este nombre!',
+    enterUniqueLayerName: 'Introduzca otro nombre distinto para la capa.',
+    enterNewLayerName: 'Introduzca el nuevo nombre de la capa.',
+    layerHasThatName: 'El nombre introducido es el nombre actual de la capa.',
+    QmoveElemsToLayer: "¿Desplazar los elementos seleccionados a la capa '%s'?",
+    QwantToClear: '¿Desea borrar el dibujo?\n¡El historial de acciones también se borrará!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'Existen errores sintácticos en su código fuente SVG.\n¿Desea volver al código fuente SVG original?',
+    QignoreSourceChanges: '¿Desea ignorar los cambios realizados sobre el código fuente SVG?',
+    featNotSupported: 'Función no compatible.',
+    enterNewImgURL: 'Introduzca la nueva URL de la imagen.',
+    defsFailOnSave: 'NOTA: Debido a un fallo de su navegador, es posible que la imagen aparezca de forma incorrecta (ciertas gradaciones o elementos podría perderse). La imagen aparecerá en su forma correcta una vez guardada.',
+    loadingImage: 'Cargando imagen. Espere, por favor.',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Existen además los problemas siguientes:',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.et.js b/editor/locale/lang.et.js
index 2d252e66..e5bd4c5b 100644
--- a/editor/locale/lang.et.js
+++ b/editor/locale/lang.et.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "et",
-	dir : "ltr",
-	common: {
-		"ok": "Salvestama",
-		"cancel": "Tühista",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Click muuta täitke värvi, Shift-nuppu, et muuta insult värvi",
-		"zoom_level": "Muuda suumi taset",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Muuda täitke värvi",
-		"stroke_color": "Muuda insult värvi",
-		"stroke_style": "Muuda insult kriips stiil",
-		"stroke_width": "Muuda insult laius",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Muuda Pöördenurk",
-		"blur": "Change gaussian blur value",
-		"opacity": "Muuda valitud elemendi läbipaistmatus",
-		"circle_cx": "Muuda ringi&#39;s cx kooskõlastada",
-		"circle_cy": "Muuda ringi&#39;s cy kooskõlastada",
-		"circle_r": "Muuda ring on raadiusega",
-		"ellipse_cx": "Muuda ellips&#39;s cx kooskõlastada",
-		"ellipse_cy": "Muuda ellips&#39;s cy kooskõlastada",
-		"ellipse_rx": "Muuda ellips&#39;s x raadius",
-		"ellipse_ry": "Muuda ellips&#39;s y raadius",
-		"line_x1": "Muuda rööbastee algab x-koordinaadi",
-		"line_x2": "Muuda Line lõpeb x-koordinaadi",
-		"line_y1": "Muuda rööbastee algab y-koordinaadi",
-		"line_y2": "Muuda Line lõppenud y-koordinaadi",
-		"rect_height": "Muuda ristküliku kõrgus",
-		"rect_width": "Muuda ristküliku laius",
-		"corner_radius": "Muuda ristkülik Nurgakabe Raadius",
-		"image_width": "Muuda pilt laius",
-		"image_height": "Muuda pilt kõrgus",
-		"image_url": "Change URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Muuda teksti sisu",
-		"font_family": "Muutke Kirjasinperhe",
-		"font_size": "Change font size",
-		"bold": "Rasvane kiri",
-		"italic": "Kursiiv"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Muuda tausta värvi / läbipaistmatus",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Sobita kogu sisu",
-		"fit_to_canvas": "Sobita lõuend",
-		"fit_to_layer_content": "Sobita kiht sisu",
-		"fit_to_sel": "Fit valiku",
-		"align_relative_to": "Viia võrreldes ...",
-		"relativeTo": "võrreldes:",
-		"page": "lehekülg",
-		"largest_object": "suurim objekt",
-		"selected_objects": "valitud objektide",
-		"smallest_object": "väikseim objekt",
-		"new_doc": "Uus pilt",
-		"open_doc": "Pildi avamine",
-		"export_img": "Export",
-		"save_doc": "Salvesta pilt",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Viia Bottom",
-		"align_center": "Keskele joondamine",
-		"align_left": "Vasakjoondus",
-		"align_middle": "Viia Lähis -",
-		"align_right": "Paremjoondus",
-		"align_top": "Viia Üles",
-		"mode_select": "Vali Tool",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Online-Hand Ristkülik",
-		"mode_ellipse": "Ellips",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Online-Hand Ellips",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Tekst Tool",
-		"mode_image": "Pilt Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Undo",
-		"redo": "Redo",
-		"tool_source": "Muuda Allikas",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Rühma elemendid",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Lõhu Elements",
-		"docprops": "Dokumendi omadused",
-		"imagelib": "Image Library",
-		"move_bottom": "Liiguta alla",
-		"move_top": "Liiguta üles",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Salvestama",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Kustuta Kiht",
-		"move_down": "Liiguta kiht alla",
-		"new": "Uus kiht",
-		"rename": "Nimeta kiht",
-		"move_up": "Liiguta kiht üles",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Valige eelmääratletud:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'et',
+  dir: 'ltr',
+  common: {
+    ok: 'Salvestama',
+    cancel: 'Tühista',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Click muuta täitke värvi, Shift-nuppu, et muuta insult värvi',
+    zoom_level: 'Muuda suumi taset',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Muuda täitke värvi',
+    stroke_color: 'Muuda insult värvi',
+    stroke_style: 'Muuda insult kriips stiil',
+    stroke_width: 'Muuda insult laius',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Muuda Pöördenurk',
+    blur: 'Change gaussian blur value',
+    opacity: 'Muuda valitud elemendi läbipaistmatus',
+    circle_cx: 'Muuda ringi&#39;s cx kooskõlastada',
+    circle_cy: 'Muuda ringi&#39;s cy kooskõlastada',
+    circle_r: 'Muuda ring on raadiusega',
+    ellipse_cx: 'Muuda ellips&#39;s cx kooskõlastada',
+    ellipse_cy: 'Muuda ellips&#39;s cy kooskõlastada',
+    ellipse_rx: 'Muuda ellips&#39;s x raadius',
+    ellipse_ry: 'Muuda ellips&#39;s y raadius',
+    line_x1: 'Muuda rööbastee algab x-koordinaadi',
+    line_x2: 'Muuda Line lõpeb x-koordinaadi',
+    line_y1: 'Muuda rööbastee algab y-koordinaadi',
+    line_y2: 'Muuda Line lõppenud y-koordinaadi',
+    rect_height: 'Muuda ristküliku kõrgus',
+    rect_width: 'Muuda ristküliku laius',
+    corner_radius: 'Muuda ristkülik Nurgakabe Raadius',
+    image_width: 'Muuda pilt laius',
+    image_height: 'Muuda pilt kõrgus',
+    image_url: 'Change URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Muuda teksti sisu',
+    font_family: 'Muutke Kirjasinperhe',
+    font_size: 'Change font size',
+    bold: 'Rasvane kiri',
+    italic: 'Kursiiv'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Muuda tausta värvi / läbipaistmatus',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Sobita kogu sisu',
+    fit_to_canvas: 'Sobita lõuend',
+    fit_to_layer_content: 'Sobita kiht sisu',
+    fit_to_sel: 'Fit valiku',
+    align_relative_to: 'Viia võrreldes ...',
+    relativeTo: 'võrreldes:',
+    page: 'lehekülg',
+    largest_object: 'suurim objekt',
+    selected_objects: 'valitud objektide',
+    smallest_object: 'väikseim objekt',
+    new_doc: 'Uus pilt',
+    open_doc: 'Pildi avamine',
+    export_img: 'Export',
+    save_doc: 'Salvesta pilt',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Viia Bottom',
+    align_center: 'Keskele joondamine',
+    align_left: 'Vasakjoondus',
+    align_middle: 'Viia Lähis -',
+    align_right: 'Paremjoondus',
+    align_top: 'Viia Üles',
+    mode_select: 'Vali Tool',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Online-Hand Ristkülik',
+    mode_ellipse: 'Ellips',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Online-Hand Ellips',
+    mode_path: 'Path Tool',
+    mode_text: 'Tekst Tool',
+    mode_image: 'Pilt Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Undo',
+    redo: 'Redo',
+    tool_source: 'Muuda Allikas',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Rühma elemendid',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Lõhu Elements',
+    docprops: 'Dokumendi omadused',
+    move_bottom: 'Liiguta alla',
+    move_top: 'Liiguta üles',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Salvestama',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Kustuta Kiht',
+    move_down: 'Liiguta kiht alla',
+    new: 'Uus kiht',
+    rename: 'Nimeta kiht',
+    move_up: 'Liiguta kiht üles',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Valige eelmääratletud:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.fa.js b/editor/locale/lang.fa.js
index aaf92b85..912e1086 100644
--- a/editor/locale/lang.fa.js
+++ b/editor/locale/lang.fa.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "fa",
-	dir : "ltr",
-	common: {
-		"ok": "‫تأیید‬",
-		"cancel": "‫لغو‬",
-		"key_backspace": "‫پس بر ‬", 
-		"key_del": "‫حذف ‬", 
-		"key_down": "‫پایین ‬", 
-		"key_up": "‫بالا ‬", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "‫برای تغییر رنگ، کلیک کنید. برای تغییر رنگ لبه، کلید تبدیل (shift) را فشرده و کلیک کنید‬",
-		"zoom_level": "‫تغییر بزرگ نمایی‬",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "‫تغییر رنگ‬",
-		"stroke_color": "‫تغییر رنگ لبه‬",
-		"stroke_style": "‫تغییر نقطه چین لبه‬",
-		"stroke_width": "‫تغییر عرض لبه‬",
-		"pos_x": "‫تغییر مختصات X‬",
-		"pos_y": "‫تغییر مختصات Y‬",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "‫تغییر زاویه چرخش‬",
-		"blur": "Change gaussian blur value",
-		"opacity": "‫تغییر تاری عنصر انتخاب شده‬",
-		"circle_cx": "‫تغییر مختصات cx دایره‬",
-		"circle_cy": "‫تغییر مختصات cy دایره‬",
-		"circle_r": "‫تغییر شعاع دایره‬",
-		"ellipse_cx": "‫تغییر مختصات cx بیضی‬",
-		"ellipse_cy": "‫تغییر مختصات cy بیضی‬",
-		"ellipse_rx": "‫تغییر شعاع rx بیضی‬",
-		"ellipse_ry": "‫تغییر شعاع ry بیضی‬",
-		"line_x1": "‫تغییر مختصات x آغاز خط‬",
-		"line_x2": "‫تغییر مختصات x پایان خط‬",
-		"line_y1": "‫تغییر مختصات y آغاز خط‬",
-		"line_y2": "‫تغییر مختصات y پایان خط‬",
-		"rect_height": "‫تغییر ارتفاع مستطیل‬",
-		"rect_width": "‫تغییر عرض مستطیل‬",
-		"corner_radius": "‫شعاع گوشه:‬",
-		"image_width": "‫تغییر عرض تصویر‬",
-		"image_height": "‫تغییر ارتفاع تصویر‬",
-		"image_url": "‫تغییر نشانی وب (url)‬",
-		"node_x": "‫تغییر مختصات x نقطه‬",
-		"node_y": "‫تغییر مختصات y نقطه‬",
-		"seg_type": "‫تغییر نوع قطعه (segment)‬",
-		"straight_segments": "‫مستقیم‬",
-		"curve_segments": "‫منحنی‬",
-		"text_contents": "‫تغییر محتویات متن‬",
-		"font_family": "‫تغییر خانواده قلم‬",
-		"font_size": "‫تغییر اندازه قلم‬",
-		"bold": "‫متن توپر ‬",
-		"italic": "‫متن کج ‬"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "‫تغییر رنگ پس زمینه / تاری‬",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "‫هم اندازه شدن با محتوا‬",
-		"fit_to_all": "‫هم اندازه شدن با همه محتویات‬",
-		"fit_to_canvas": "‫هم اندازه شدن با صفحه مجازی (بوم)‬",
-		"fit_to_layer_content": "‫هم اندازه شدن با محتوای لایه‬",
-		"fit_to_sel": "‫هم اندازه شدن با اشیاء انتخاب شده‬",
-		"align_relative_to": "‫تراز نسبت به ...‬",
-		"relativeTo": "‫نسبت به:‬",
-		"page‬": "‫صفحه‬",
-		"largest_object": "‫بزرگترین شئ‬",
-		"selected_objects": "‫اشیاء انتخاب شده‬",
-		"smallest_object": "‫کوچکترین شئ‬",
-		"new_doc": "‫تصویر جدید ‬",
-		"open_doc": "‫باز کردن تصویر ‬",
-		"export_img": "Export",
-		"save_doc": "‫ذخیره تصویر ‬",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "‫تراز پایین‬",
-		"align_center": "‫وسط چین‬",
-		"align_left": "‫چپ چین‬",
-		"align_middle": "‫تراز میانه‬",
-		"align_right": "‫راست چین‬",
-		"align_top": "‫تراز بالا‬",
-		"mode_select": "‫ابزار انتخاب ‬",
-		"mode_fhpath": "‫ابزار مداد ‬",
-		"mode_line": "‫ابزار خط ‬",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "‫مستطیل با قابلیت تغییر پویا‬",
-		"mode_ellipse": "‫بیضی‬",
-		"mode_circle": "‫دایره‬",
-		"mode_fhellipse": "‫بیضی با قابلیت تغییر پویا‬",
-		"mode_path": "‫ابزار مسیر ‬",
-		"mode_shapelib": "Shape library",
-		"mode_text": "‫ابزار متن ‬",
-		"mode_image": "‫ابزار تصویر ‬",
-		"mode_zoom": "‫ابزار بزرگ نمایی ‬",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "‫واگرد ‬",
-		"redo": "‫ازنو ‬",
-		"tool_source": "‫ویرایش منبع ‬",
-		"wireframe_mode": "‫حالت نمایش لبه ها ‬",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "‫قرار دادن عناصر در گروه ‬",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "‫تبدیل به مسیر‬",
-		"reorient_path": "‫جهت دهی مجدد مسیر‬",
-		"ungroup": "‫خارج کردن عناصر از گروه ‬",
-		"docprops": "‫مشخصات سند ‬",
-		"imagelib": "Image Library",
-		"move_bottom": "‫انتقال به پایین ترین ‬",
-		"move_top": "‫انتقال به بالاترین ‬",
-		"node_clone": "‫ایجاد کپی از نقطه‬",
-		"node_delete": "‫حذف نقطه‬",
-		"node_link": "‫پیوند دادن نقاط کنترل‬",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "‫اعمال تغییرات‬",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete ‬": "حذف",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"‫لایه‬",
-		"layers": "Layers",
-		"del": "‫حذف لایه‬",
-		"move_down": "‫انتقال لایه به پایین‬",
-		"new": "‫لایه جدید‬",
-		"rename": "‫تغییر نام لایه‬",
-		"move_up": "‫انتقال لایه به بالا‬",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "‫انتقال عناصر به:‬",
-		"move_selected": "‫انتقال عناصر انتخاب شده به یک لایه متفاوت‬"
-	},
-	config: {
-		"image_props": "‫مشخصات تصویر‬",
-		"doc_title": "‫عنوان‬",
-		"doc_dims": "‫ابعاد صفحه مجازی (بوم)‬",
-		"included_images": "‫تصاویر گنجانده شده‬",
-		"image_opt_embed": "‫داده های جای داده شده (پرونده های محلی)‬",
-		"image_opt_ref": "‫استفاده از ارجاع به پرونده‬",
-		"editor_prefs": "‫تنظیمات ویراستار‬",
-		"icon_size": "‫اندازه شمایل‬",
-		"language": "‫زبان‬",
-		"background": "‫پس زمینه ویراستار‬",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "‫توجه: پس زمینه همراه تصویر ذخیره نخواهد شد.‬",
-		"icon_large": "‫بزرگ‬",
-		"icon_medium": "‫متوسط‬",
-		"icon_small": "‫کوچک‬",
-		"icon_xlarge": "‫خیلی بزرگ‬",
-		"select_predefined": "‫از پیش تعریف شده را انتخاب کنید:‬",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"‫مقدار داده شده نامعتبر است‬",
-		"noContentToFitTo":"‫محتوایی برای هم اندازه شدن وجود ندارد‬",
-		"dupeLayerName":"‫لایه ای با آن نام وجود دارد!‬",
-		"enterUniqueLayerName":"‫لطفا یک نام لایه یکتا انتخاب کنید‬",
-		"enterNewLayerName":"‫لطفا نام لایه جدید را وارد کنید‬",
-		"layerHasThatName":"‫لایه از قبل آن نام را دارد‬",
-		"QmoveElemsToLayer":"‫عناصر انتخاب شده به لایه '%s' منتقل شوند؟‬",
-		"QwantToClear":"‫آیا مطمئن هستید که می خواهید نقاشی را پاک کنید؟\nاین عمل باعث حذف تاریخچه واگرد شما خواهد شد!‬",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"‫در منبع SVG شما خطاهای تجزیه (parse) وجود داشت.\nبه منبع SVG اصلی بازگردانده شود؟‬",
-		"QignoreSourceChanges":"‫تغییرات اعمال شده در منبع SVG نادیده گرفته شوند؟‬",
-		"featNotSupported":"‫این ویژگی پشتیبانی نشده است‬",
-		"enterNewImgURL":"‫نشانی وب (url) تصویر جدید را وارد کنید‬",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'fa',
+  dir: 'rtl',
+  common: {
+    ok: '‫تأیید‬',
+    cancel: '‫لغو‬',
+    key_backspace: '‫پس بر ‬',
+    key_del: '‫حذف ‬',
+    key_down: '‫پایین ‬',
+    key_up: '‫بالا ‬',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: '‫برای تغییر رنگ، کلیک کنید. برای تغییر رنگ لبه، کلید تبدیل (shift) را فشرده و کلیک کنید‬',
+    zoom_level: '‫تغییر بزرگ نمایی‬',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: '‫تغییر رنگ‬',
+    stroke_color: '‫تغییر رنگ لبه‬',
+    stroke_style: '‫تغییر نقطه چین لبه‬',
+    stroke_width: '‫تغییر عرض لبه‬',
+    pos_x: '‫تغییر مختصات X‬',
+    pos_y: '‫تغییر مختصات Y‬',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: '‫تغییر زاویه چرخش‬',
+    blur: 'Change gaussian blur value',
+    opacity: '‫تغییر تاری عنصر انتخاب شده‬',
+    circle_cx: '‫تغییر مختصات cx دایره‬',
+    circle_cy: '‫تغییر مختصات cy دایره‬',
+    circle_r: '‫تغییر شعاع دایره‬',
+    ellipse_cx: '‫تغییر مختصات cx بیضی‬',
+    ellipse_cy: '‫تغییر مختصات cy بیضی‬',
+    ellipse_rx: '‫تغییر شعاع rx بیضی‬',
+    ellipse_ry: '‫تغییر شعاع ry بیضی‬',
+    line_x1: '‫تغییر مختصات x آغاز خط‬',
+    line_x2: '‫تغییر مختصات x پایان خط‬',
+    line_y1: '‫تغییر مختصات y آغاز خط‬',
+    line_y2: '‫تغییر مختصات y پایان خط‬',
+    rect_height: '‫تغییر ارتفاع مستطیل‬',
+    rect_width: '‫تغییر عرض مستطیل‬',
+    corner_radius: '‫شعاع گوشه:‬',
+    image_width: '‫تغییر عرض تصویر‬',
+    image_height: '‫تغییر ارتفاع تصویر‬',
+    image_url: '‫تغییر نشانی وب (url)‬',
+    node_x: '‫تغییر مختصات x نقطه‬',
+    node_y: '‫تغییر مختصات y نقطه‬',
+    seg_type: '‫تغییر نوع قطعه (segment)‬',
+    straight_segments: '‫مستقیم‬',
+    curve_segments: '‫منحنی‬',
+    text_contents: '‫تغییر محتویات متن‬',
+    font_family: '‫تغییر خانواده قلم‬',
+    font_size: '‫تغییر اندازه قلم‬',
+    bold: '‫متن توپر ‬',
+    italic: '‫متن کج ‬'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: '‫تغییر رنگ پس زمینه / تاری‬',
+    connector_no_arrow: 'No arrow',
+    fitToContent: '‫هم اندازه شدن با محتوا‬',
+    fit_to_all: '‫هم اندازه شدن با همه محتویات‬',
+    fit_to_canvas: '‫هم اندازه شدن با صفحه مجازی (بوم)‬',
+    fit_to_layer_content: '‫هم اندازه شدن با محتوای لایه‬',
+    fit_to_sel: '‫هم اندازه شدن با اشیاء انتخاب شده‬',
+    align_relative_to: '‫تراز نسبت به ...‬',
+    relativeTo: '‫نسبت به:‬',
+    page: '‫صفحه‬',
+    largest_object: '‫بزرگترین شئ‬',
+    selected_objects: '‫اشیاء انتخاب شده‬',
+    smallest_object: '‫کوچکترین شئ‬',
+    new_doc: '‫تصویر جدید ‬',
+    open_doc: '‫باز کردن تصویر ‬',
+    export_img: 'Export',
+    save_doc: '‫ذخیره تصویر ‬',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: '‫تراز پایین‬',
+    align_center: '‫وسط چین‬',
+    align_left: '‫چپ چین‬',
+    align_middle: '‫تراز میانه‬',
+    align_right: '‫راست چین‬',
+    align_top: '‫تراز بالا‬',
+    mode_select: '‫ابزار انتخاب ‬',
+    mode_fhpath: '‫ابزار مداد ‬',
+    mode_line: '‫ابزار خط ‬',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: '‫مستطیل با قابلیت تغییر پویا‬',
+    mode_ellipse: '‫بیضی‬',
+    mode_circle: '‫دایره‬',
+    mode_fhellipse: '‫بیضی با قابلیت تغییر پویا‬',
+    mode_path: '‫ابزار مسیر ‬',
+    mode_text: '‫ابزار متن ‬',
+    mode_image: '‫ابزار تصویر ‬',
+    mode_zoom: '‫ابزار بزرگ نمایی ‬',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: '‫واگرد ‬',
+    redo: '‫ازنو ‬',
+    tool_source: '‫ویرایش منبع ‬',
+    wireframe_mode: '‫حالت نمایش لبه ها ‬',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: '‫قرار دادن عناصر در گروه ‬',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: '‫تبدیل به مسیر‬',
+    reorient_path: '‫جهت دهی مجدد مسیر‬',
+    ungroup: '‫خارج کردن عناصر از گروه ‬',
+    docprops: '‫مشخصات سند ‬',
+    move_bottom: '‫انتقال به پایین ترین ‬',
+    move_top: '‫انتقال به بالاترین ‬',
+    node_clone: '‫ایجاد کپی از نقطه‬',
+    node_delete: '‫حذف نقطه‬',
+    node_link: '‫پیوند دادن نقاط کنترل‬',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: '‫اعمال تغییرات‬',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'حذف',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: '‫لایه‬',
+    layers: 'Layers',
+    del: '‫حذف لایه‬',
+    move_down: '‫انتقال لایه به پایین‬',
+    new: '‫لایه جدید‬',
+    rename: '‫تغییر نام لایه‬',
+    move_up: '‫انتقال لایه به بالا‬',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: '‫انتقال عناصر به:‬',
+    move_selected: '‫انتقال عناصر انتخاب شده به یک لایه متفاوت‬'
+  },
+  config: {
+    image_props: '‫مشخصات تصویر‬',
+    doc_title: '‫عنوان‬',
+    doc_dims: '‫ابعاد صفحه مجازی (بوم)‬',
+    included_images: '‫تصاویر گنجانده شده‬',
+    image_opt_embed: '‫داده های جای داده شده (پرونده های محلی)‬',
+    image_opt_ref: '‫استفاده از ارجاع به پرونده‬',
+    editor_prefs: '‫تنظیمات ویراستار‬',
+    icon_size: '‫اندازه شمایل‬',
+    language: '‫زبان‬',
+    background: '‫پس زمینه ویراستار‬',
+    editor_img_url: 'Image URL',
+    editor_bg_note: '‫توجه: پس زمینه همراه تصویر ذخیره نخواهد شد.‬',
+    icon_large: '‫بزرگ‬',
+    icon_medium: '‫متوسط‬',
+    icon_small: '‫کوچک‬',
+    icon_xlarge: '‫خیلی بزرگ‬',
+    select_predefined: '‫از پیش تعریف شده را انتخاب کنید:‬',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: '‫مقدار داده شده نامعتبر است‬',
+    noContentToFitTo: '‫محتوایی برای هم اندازه شدن وجود ندارد‬',
+    dupeLayerName: '‫لایه ای با آن نام وجود دارد!‬',
+    enterUniqueLayerName: '‫لطفا یک نام لایه یکتا انتخاب کنید‬',
+    enterNewLayerName: '‫لطفا نام لایه جدید را وارد کنید‬',
+    layerHasThatName: '‫لایه از قبل آن نام را دارد‬',
+    QmoveElemsToLayer: "‫عناصر انتخاب شده به لایه '%s' منتقل شوند؟‬",
+    QwantToClear: '‫آیا مطمئن هستید که می خواهید نقاشی را پاک کنید؟\nاین عمل باعث حذف تاریخچه واگرد شما خواهد شد!‬',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: '‫در منبع SVG شما خطاهای تجزیه (parse) وجود داشت.\nبه منبع SVG اصلی بازگردانده شود؟‬',
+    QignoreSourceChanges: '‫تغییرات اعمال شده در منبع SVG نادیده گرفته شوند؟‬',
+    featNotSupported: '‫این ویژگی پشتیبانی نشده است‬',
+    enterNewImgURL: '‫نشانی وب (url) تصویر جدید را وارد کنید‬',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.fi.js b/editor/locale/lang.fi.js
index a8c0047c..4397616d 100644
--- a/editor/locale/lang.fi.js
+++ b/editor/locale/lang.fi.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "fi",
-	dir : "ltr",
-	common: {
-		"ok": "Tallentaa",
-		"cancel": "Peruuta",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Klikkaa muuttaa täyttöväri, Shift-click vaihtaa aivohalvauksen väriä",
-		"zoom_level": "Muuta suurennustaso",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Muuta täyttöväri",
-		"stroke_color": "Muuta aivohalvaus väri",
-		"stroke_style": "Muuta aivohalvaus Dash tyyli",
-		"stroke_width": "Muuta aivohalvaus leveys",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Muuta kiertokulma",
-		"blur": "Change gaussian blur value",
-		"opacity": "Muuta valitun kohteen läpinäkyvyys",
-		"circle_cx": "Muuta Circlen CX koordinoida",
-		"circle_cy": "Muuta Circlen CY koordinoida",
-		"circle_r": "Muuta ympyrän säde",
-		"ellipse_cx": "Muuta ellipsi&#39;s CX koordinoida",
-		"ellipse_cy": "Muuta ellipsi&#39;s CY koordinoida",
-		"ellipse_rx": "Muuta ellipsi&#39;s x säde",
-		"ellipse_ry": "Muuta ellipsi n y säde",
-		"line_x1": "Muuta Linen alkaa x-koordinaatti",
-		"line_x2": "Muuta Linen päättyy x koordinoida",
-		"line_y1": "Muuta Linen alkaa y-koordinaatti",
-		"line_y2": "Muuta Linen päättyy y koordinoida",
-		"rect_height": "Muuta suorakaiteen korkeus",
-		"rect_width": "Muuta suorakaiteen leveys",
-		"corner_radius": "Muuta suorakaide Corner Säde",
-		"image_width": "Muuta kuvan leveys",
-		"image_height": "Muuta kuvan korkeus",
-		"image_url": "Muuta URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Muuta tekstin sisältö",
-		"font_family": "Muuta Font Family",
-		"font_size": "Muuta fontin kokoa",
-		"bold": "Lihavoitu teksti",
-		"italic": "Kursivoitu"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Vaihda taustaväri / sameuden",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Sovita Content",
-		"fit_to_all": "Sovita kaikki content",
-		"fit_to_canvas": "Sovita kangas",
-		"fit_to_layer_content": "Sovita kerros sisältöön",
-		"fit_to_sel": "Sovita valinta",
-		"align_relative_to": "Kohdista suhteessa ...",
-		"relativeTo": "suhteessa:",
-		"page": "sivulta",
-		"largest_object": "Suurin kohde",
-		"selected_objects": "valittujen objektien",
-		"smallest_object": "pienin kohde",
-		"new_doc": "Uusi kuva",
-		"open_doc": "Avaa kuva",
-		"export_img": "Export",
-		"save_doc": "Save Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Keskitä",
-		"align_left": "Tasaa vasemmalle",
-		"align_middle": "Kohdista Lähi",
-		"align_right": "Tasaa oikealle",
-		"align_top": "Kohdista Top",
-		"mode_select": "Valitse työkalu",
-		"mode_fhpath": "Kynätyökalu",
-		"mode_line": "Viivatyökalulla",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand suorakaide",
-		"mode_ellipse": "Soikion",
-		"mode_circle": "Ympyrään",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Työkalua",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Suurennustyökalu",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Kumoa",
-		"redo": "Tulppaamalla ilmakanavan",
-		"tool_source": "Muokkaa lähdekoodipaketti",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Tuoteryhmään Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elements",
-		"docprops": "Asiakirjan ominaisuudet",
-		"imagelib": "Image Library",
-		"move_bottom": "Move to Bottom",
-		"move_top": "Move to Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Tallentaa",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Poista Layer",
-		"move_down": "Siirrä Layer alas",
-		"new": "New Layer",
-		"rename": "Nimeä Layer",
-		"move_up": "Siirrä Layer",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Valitse ennalta:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'fi',
+  dir: 'ltr',
+  common: {
+    ok: 'Tallentaa',
+    cancel: 'Peruuta',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Klikkaa muuttaa täyttöväri, Shift-click vaihtaa aivohalvauksen väriä',
+    zoom_level: 'Muuta suurennustaso',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Muuta täyttöväri',
+    stroke_color: 'Muuta aivohalvaus väri',
+    stroke_style: 'Muuta aivohalvaus Dash tyyli',
+    stroke_width: 'Muuta aivohalvaus leveys',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Muuta kiertokulma',
+    blur: 'Change gaussian blur value',
+    opacity: 'Muuta valitun kohteen läpinäkyvyys',
+    circle_cx: 'Muuta Circlen CX koordinoida',
+    circle_cy: 'Muuta Circlen CY koordinoida',
+    circle_r: 'Muuta ympyrän säde',
+    ellipse_cx: 'Muuta ellipsi&#39;s CX koordinoida',
+    ellipse_cy: 'Muuta ellipsi&#39;s CY koordinoida',
+    ellipse_rx: 'Muuta ellipsi&#39;s x säde',
+    ellipse_ry: 'Muuta ellipsi n y säde',
+    line_x1: 'Muuta Linen alkaa x-koordinaatti',
+    line_x2: 'Muuta Linen päättyy x koordinoida',
+    line_y1: 'Muuta Linen alkaa y-koordinaatti',
+    line_y2: 'Muuta Linen päättyy y koordinoida',
+    rect_height: 'Muuta suorakaiteen korkeus',
+    rect_width: 'Muuta suorakaiteen leveys',
+    corner_radius: 'Muuta suorakaide Corner Säde',
+    image_width: 'Muuta kuvan leveys',
+    image_height: 'Muuta kuvan korkeus',
+    image_url: 'Muuta URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Muuta tekstin sisältö',
+    font_family: 'Muuta Font Family',
+    font_size: 'Muuta fontin kokoa',
+    bold: 'Lihavoitu teksti',
+    italic: 'Kursivoitu'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Vaihda taustaväri / sameuden',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Sovita Content',
+    fit_to_all: 'Sovita kaikki content',
+    fit_to_canvas: 'Sovita kangas',
+    fit_to_layer_content: 'Sovita kerros sisältöön',
+    fit_to_sel: 'Sovita valinta',
+    align_relative_to: 'Kohdista suhteessa ...',
+    relativeTo: 'suhteessa:',
+    page: 'sivulta',
+    largest_object: 'Suurin kohde',
+    selected_objects: 'valittujen objektien',
+    smallest_object: 'pienin kohde',
+    new_doc: 'Uusi kuva',
+    open_doc: 'Avaa kuva',
+    export_img: 'Export',
+    save_doc: 'Save Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Keskitä',
+    align_left: 'Tasaa vasemmalle',
+    align_middle: 'Kohdista Lähi',
+    align_right: 'Tasaa oikealle',
+    align_top: 'Kohdista Top',
+    mode_select: 'Valitse työkalu',
+    mode_fhpath: 'Kynätyökalu',
+    mode_line: 'Viivatyökalulla',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand suorakaide',
+    mode_ellipse: 'Soikion',
+    mode_circle: 'Ympyrään',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Työkalua',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Suurennustyökalu',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Kumoa',
+    redo: 'Tulppaamalla ilmakanavan',
+    tool_source: 'Muokkaa lähdekoodipaketti',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Tuoteryhmään Elements',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elements',
+    docprops: 'Asiakirjan ominaisuudet',
+    move_bottom: 'Move to Bottom',
+    move_top: 'Move to Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Tallentaa',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Poista Layer',
+    move_down: 'Siirrä Layer alas',
+    new: 'New Layer',
+    rename: 'Nimeä Layer',
+    move_up: 'Siirrä Layer',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Valitse ennalta:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: "Retrieving '%s' ...",
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.fr.js b/editor/locale/lang.fr.js
index 0cb8b1e2..92dbbfdc 100644
--- a/editor/locale/lang.fr.js
+++ b/editor/locale/lang.fr.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "fr",
-	dir: "ltr",
-	common: {
-		"ok": "OK",
-		"cancel": "Annuler",
-		"key_backspace": "Retour Arr.",
-		"key_del": "Suppr.",
-		"key_down": "Bas",
-		"key_up": "Haut",
-		"more_opts": "Plus d'options",
-		"url": "URL",
-		"width": "Largeur",
-		"height": "Hauteur"
-	},
-	misc: {
-		"powered_by": "Propulsé par"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Montrer/cacher plus d'outils de contour",
-		"palette_info": "Cliquer pour changer la couleur de remplissage, Maj+clic pour changer la couleur de contour",
-		"zoom_level": "Changer le niveau de zoom",
-		"panel_drag": "Tirer vers la gauche/droite pour redimensionner le panneau"
-	},
-	properties: {
-		"id": "Identifier l'élément",
-		"fill_color": "Changer la couleur de remplissage",
-		"stroke_color": "Changer la couleur du contour",
-		"stroke_style": "Changer le style du contour",
-		"stroke_width": "Changer la largeur du contour de 1, Maj+clic pour changer la largeur de 0,1",
-		"pos_x": "Changer l'abscisse (coordonnée X)",
-		"pos_y": "Changer l'ordonnée (coordonnée Y)",
-		"linecap_butt": "Terminaison : Sur le nœud",
-		"linecap_round": "Terminaison : Arrondie",
-		"linecap_square": "Terminaison : Carrée",
-		"linejoin_bevel": "Raccord : Biseauté",
-		"linejoin_miter": "Raccord : Droit",
-		"linejoin_round": "Raccord : Arrondi",
-		"angle": "Changer l'angle de rotation",
-		"blur": "Changer la valeur du flou gaussien",
-		"opacity": "Changer l'opacité de l'élément sélectionné",
-		"circle_cx": "Changer la position horizontale cx du cercle",
-		"circle_cy": "Changer la position verticale cy du cercle",
-		"circle_r": "Changer le rayon du cercle",
-		"ellipse_cx": "Changer la position horizontale cx de l'ellipse",
-		"ellipse_cy": "Changer la position verticale cy de l'ellipse",
-		"ellipse_rx": "Changer le rayon horizontal x de l'ellipse",
-		"ellipse_ry": "Changer le rayon vertical y de l'ellipse",
-		"line_x1": "Changer la position horizontale x de début de la ligne",
-		"line_x2": "Changer la position horizontale x de fin de la ligne",
-		"line_y1": "Changer la position verticale y de début de la ligne",
-		"line_y2": "Changer la position verticale y de fin de la ligne",
-		"rect_height": "Changer la hauteur du rectangle",
-		"rect_width": "Changer la largeur du rectangle",
-		"corner_radius": "Changer le rayon des coins du rectangle",
-		"image_width": "Changer la largeur de l'image",
-		"image_height": "Changer la hauteur de l'image",
-		"image_url": "Modifier l'URL",
-		"node_x": "Changer la positon horizontale x du nœud",
-		"node_y": "Changer la position verticale y du nœud",
-		"seg_type": "Changer le type du segment",
-		"straight_segments": "Droit",
-		"curve_segments": "Courbe",
-		"text_contents": "Changer le contenu du texte",
-		"font_family": "Changer la famille de police",
-		"font_size": "Changer la taille de la police",
-		"bold": "Texte en gras",
-		"italic": "Texte en italique"
-	},
-	tools: { 
-		"main_menu": "Menu principal",
-		"bkgnd_color_opac": "Changer la couleur d'arrière-plan/l'opacité",
-		"connector_no_arrow": "Sans flèches",
-		"fitToContent": "Ajuster au contenu",
-		"fit_to_all": "Ajuster à l'ensemble du contenu",
-		"fit_to_canvas": "Ajuster au canevas",
-		"fit_to_layer_content": "Ajuster au contenu du calque",
-		"fit_to_sel": "Ajuster à la sélection",
-		"align_relative_to": "Aligner par rapport à…",
-		"relativeTo": "par rapport à :",
-		"page": "page",
-		"largest_object": "objet le plus gros",
-		"selected_objects": "objets sélectionnés",
-		"smallest_object": "objet le plus petit",
-		"new_doc": "Nouvelle image",
-		"open_doc": "Ouvrir une image SVG",
-		"export_img": "Exporter",
-		"save_doc": "Enregistrer l'image",
-		"import_doc": "Importer une image",
-		"align_to_page": "Aligner l'élément à la page",
-		"align_bottom": "Aligner en bas",
-		"align_center": "Centrer verticalement",
-		"align_left": "Aligner à gauche",
-		"align_middle": "Centrer horizontalement",
-		"align_right": "Aligner à droite",
-		"align_top": "Aligner en haut",
-		"mode_select": "Outil de sélection",
-		"mode_fhpath": "Crayon à main levée",
-		"mode_line": "Tracer des lignes",
-		"mode_connect": "Connecter deux objets",
-		"mode_rect": "Outil rectangle",
-		"mode_square": "Outil carré",
-		"mode_fhrect": "Rectangle à main levée",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Cercle",
-		"mode_fhellipse": "Ellipse à main levée",
-		"mode_path": "Outil chemin",
-		"mode_shapelib": "Bibliothèque d'images",
-		"mode_text": "Outil texte",
-		"mode_image": "Outil image",
-		"mode_zoom": "Zoom",
-		"mode_eyedropper": "Outil pipette",
-		"no_embed": "NOTE : Cette image ne peut pas être incorporée. Elle sera chargée à cette adresse",
-		"undo": "Annuler",
-		"redo": "Restaurer",
-		"tool_source": "Modifier la source",
-		"wireframe_mode": "Mode Fil de fer",
-		"toggle_grid": "Montrer/cacher la grille",
-		"clone": "Cloner élément(s)",
-		"del": "Supprimer élément(s)",
-		"group_elements": "Grouper les éléments",
-		"make_link": "Créer un hyperlien",
-		"set_link_url": "Définir l'URL du lien (laisser vide pour supprimer)",
-		"to_path": "Convertir en chemin",
-		"reorient_path": "Réorienter le chemin",
-		"ungroup": "Dégrouper les éléments",
-		"docprops": "Propriétés du document",
-		"imagelib": "Bibliothèque d'images",
-		"move_bottom": "Déplacer vers le bas",
-		"move_top": "Déplacer vers le haut",
-		"node_clone": "Cloner le nœud",
-		"node_delete": "Supprimer le nœud",
-		"node_link": "Rendre les points de contrôle solidaires",
-		"add_subpath": "Ajouter un tracé secondaire",
-		"openclose_path": "Ouvrir/fermer le sous-chemin",
-		"source_save": "Appliquer les modifications",
-		"cut": "Couper",
-		"copy": "Copier",
-		"paste": "Coller",
-		"paste_in_place": "Coller sur place",
-		"delete": "Supprimer",
-		"group": "Grouper",
-		"move_front": "Placer au premier plan",
-		"move_up": "Avancer d'un plan",
-		"move_down": "Reculer d'un plan",
-		"move_back": "Placer au fond"
-	},
-	layers: {
-		"layer":"Calque",
-		"layers": "Calques",
-		"del": "Supprimer le calque",
-		"move_down": "Descendre le calque",
-		"new": "Nouveau calque",
-		"rename": "Renommer le calque",
-		"move_up": "Monter le calque",
-		"dupe": "Dupliquer le calque",
-		"merge_down": "Fusionner vers le bas",
-		"merge_all": "Tout fusionner",
-		"move_elems_to": "Déplacer les éléments vers :",
-		"move_selected": "Déplacer les éléments sélectionnés vers un autre calque"
-	},
-	config: {
-		"image_props": "Propriétés de l'image",
-		"doc_title": "Titre",
-		"doc_dims": "Dimensions du canevas",
-		"included_images": "Images insérées",
-		"image_opt_embed": "Incorporer les données des images (fichiers locaux)",
-		"image_opt_ref": "Utiliser l'adresse des fichiers",
-		"editor_prefs": "Préférences de l'éditeur",
-		"icon_size": "Taille des icônes",
-		"language": "Langue",
-		"background": "Toile de fond de l'éditeur",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note : La toile de fond ne sera pas sauvegardée avec l'image.",
-		"icon_large": "Grande",
-		"icon_medium": "Moyenne",
-		"icon_small": "Petite",
-		"icon_xlarge": "Super grande",
-		"select_predefined": "Sélectionner prédéfinis :",
-		"units_and_rulers": "Unités et règles",
-		"show_rulers": "Afficher les règles",
-		"base_unit": "Unité de mesure :",
-		"grid": "Grille",
-		"snapping_onoff": "Ancrer oui/non",
-		"snapping_stepsize": "Pas d'ancrage :",
-		"grid_color": "Couleur de la grille"
-	},
-	shape_cats: {
-		"basic": "Basique",
-		"object": "Objets",
-		"symbol": "Symboles",
-		"arrow": "Flèches",
-		"flowchart": "Diagramme de flux",
-		"animal": "Animaux",
-		"game": "Cartes & Échecs",
-		"dialog_balloon": "Bulles de dialogue",
-		"electronics": "Électronique",
-		"math": "Mathématiques",
-		"music": "Musique",
-		"misc": "Divers",
-		"raphael_1": "raphaeljs.com ensemble 1",
-		"raphael_2": "raphaeljs.com ensemble 2"
-	},
-	imagelib: {
-		"select_lib": "Choisir une bibliothèque d'images",
-		"show_list": "Afficher la liste de la bibliothèque",
-		"import_single": "Importation simple",
-		"import_multi": "Importation multiple",
-		"open": "Ouvrir en tant que nouveau document"
-	},
-	notification: {
-		"invalidAttrValGiven": "Valeur fournie invalide",
-		"noContentToFitTo": "Il n'y a pas de contenu auquel ajuster",
-		"dupeLayerName": "Un autre calque porte déjà ce nom !",
-		"enterUniqueLayerName": "Veuillez entrer un nom (unique) pour le calque",
-		"enterNewLayerName": "Veuillez entrer le nouveau nom du calque",
-		"layerHasThatName": "Le calque porte déjà ce nom",
-		"QmoveElemsToLayer": "Déplacer les éléments sélectionnés vers le calque « %s » ?",
-		"QwantToClear": "Voulez-vous effacer le dessin ?\nL'historique de vos actions sera également effacé !",
-		"QwantToOpen": "Voulez-vous ouvrir un nouveau document ?\nVous perdrez l'historique de vos modifications !",
-		"QerrorsRevertToSource": "Il y a des erreurs de syntaxe dans votre code source SVG.\nRestaurer le code source SVG antérieur aux modifications ?",
-		"QignoreSourceChanges": "Ignorer les modifications faites à la source SVG ?",
-		"featNotSupported": "Fonction non supportée",
-		"enterNewImgURL": "Entrer la nouvelle URL de l'image",
-		"defsFailOnSave": "NOTE : En raison d'un bogue dans votre navigateur, il se peut que cette image ne soit pas correctement affichée (dégradés ou éléments manquants). Le souci sera néanmoins réglé à la sauvegarde.",
-		"loadingImage": "Chargement de l'image, veuillez patienter…",
-		"saveFromBrowser": "Sélectionner « Enregistrer sous… » dans votre navigateur pour sauvegarder l'image en tant que fichier %s.",
-		"noteTheseIssues": "Notez également les problèmes suivants : ",
-		"unsavedChanges": "Il y a des changements non sauvegardés.",
-		"enterNewLinkURL": "Entrez la nouvelle URL de l'hyperlien",
-		"errorLoadingSVG": "Erreur : Impossible de charger les données SVG",
-		"URLloadFail": "Impossible de charger l'URL",
-		"retrieving": "Récupération de « %s »…"
-	},
-	confirmSetStorage: {
-		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: "Stocker les préférences et le contenu SVG localement",
-		storagePrefsOnly: "Ne stocker localement que les préférences",
-		storagePrefs: "Stocker les préférences localement",
-		storageNoPrefsOrContent: "Ne stocker ni mes préférences ni mon contenu SVG localement",
-		storageNoPrefs: "Ne pas stocker mes préférences localement",
-		rememberLabel: "Se souvenir de ce choix ?",
-		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."
-	}
-});
+export default {
+  lang: 'fr',
+  dir: 'ltr',
+  common: {
+    ok: 'OK',
+    cancel: 'Annuler',
+    key_backspace: 'Retour Arr.',
+    key_del: 'Suppr.',
+    key_down: 'Bas',
+    key_up: 'Haut',
+    more_opts: "Plus d'options",
+    url: 'URL',
+    width: 'Largeur',
+    height: 'Hauteur'
+  },
+  misc: {
+    powered_by: 'Propulsé par'
+  },
+  ui: {
+    toggle_stroke_tools: "Montrer/cacher plus d'outils de contour",
+    palette_info: 'Cliquer pour changer la couleur de remplissage, Maj+clic pour changer la couleur de contour',
+    zoom_level: 'Changer le niveau de zoom',
+    panel_drag: 'Tirer vers la gauche/droite pour redimensionner le panneau',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: "Identifier l'élément",
+    fill_color: 'Changer la couleur de remplissage',
+    stroke_color: 'Changer la couleur du contour',
+    stroke_style: 'Changer le style du contour',
+    stroke_width: 'Changer la largeur du contour de 1, Maj+clic pour changer la largeur de 0,1',
+    pos_x: "Changer l'abscisse (coordonnée X)",
+    pos_y: "Changer l'ordonnée (coordonnée Y)",
+    linecap_butt: 'Terminaison : Sur le nœud',
+    linecap_round: 'Terminaison : Arrondie',
+    linecap_square: 'Terminaison : Carrée',
+    linejoin_bevel: 'Raccord : Biseauté',
+    linejoin_miter: 'Raccord : Droit',
+    linejoin_round: 'Raccord : Arrondi',
+    angle: "Changer l'angle de rotation",
+    blur: 'Changer la valeur du flou gaussien',
+    opacity: "Changer l'opacité de l'élément sélectionné",
+    circle_cx: 'Changer la position horizontale cx du cercle',
+    circle_cy: 'Changer la position verticale cy du cercle',
+    circle_r: 'Changer le rayon du cercle',
+    ellipse_cx: "Changer la position horizontale cx de l'ellipse",
+    ellipse_cy: "Changer la position verticale cy de l'ellipse",
+    ellipse_rx: "Changer le rayon horizontal x de l'ellipse",
+    ellipse_ry: "Changer le rayon vertical y de l'ellipse",
+    line_x1: 'Changer la position horizontale x de début de la ligne',
+    line_x2: 'Changer la position horizontale x de fin de la ligne',
+    line_y1: 'Changer la position verticale y de début de la ligne',
+    line_y2: 'Changer la position verticale y de fin de la ligne',
+    rect_height: 'Changer la hauteur du rectangle',
+    rect_width: 'Changer la largeur du rectangle',
+    corner_radius: 'Changer le rayon des coins du rectangle',
+    image_width: "Changer la largeur de l'image",
+    image_height: "Changer la hauteur de l'image",
+    image_url: "Modifier l'URL",
+    node_x: 'Changer la positon horizontale x du nœud',
+    node_y: 'Changer la position verticale y du nœud',
+    seg_type: 'Changer le type du segment',
+    straight_segments: 'Droit',
+    curve_segments: 'Courbe',
+    text_contents: 'Changer le contenu du texte',
+    font_family: 'Changer la famille de police',
+    font_size: 'Changer la taille de la police',
+    bold: 'Texte en gras',
+    italic: 'Texte en italique'
+  },
+  tools: {
+    main_menu: 'Menu principal',
+    bkgnd_color_opac: "Changer la couleur d'arrière-plan/l'opacité",
+    connector_no_arrow: 'Sans flèches',
+    fitToContent: 'Ajuster au contenu',
+    fit_to_all: "Ajuster à l'ensemble du contenu",
+    fit_to_canvas: 'Ajuster au canevas',
+    fit_to_layer_content: 'Ajuster au contenu du calque',
+    fit_to_sel: 'Ajuster à la sélection',
+    align_relative_to: 'Aligner par rapport à…',
+    relativeTo: 'par rapport à :',
+    page: 'page',
+    largest_object: 'objet le plus gros',
+    selected_objects: 'objets sélectionnés',
+    smallest_object: 'objet le plus petit',
+    new_doc: 'Nouvelle image',
+    open_doc: 'Ouvrir une image SVG',
+    export_img: 'Exporter',
+    save_doc: "Enregistrer l'image",
+    import_doc: 'Importer une image',
+    align_to_page: "Aligner l'élément à la page",
+    align_bottom: 'Aligner en bas',
+    align_center: 'Centrer verticalement',
+    align_left: 'Aligner à gauche',
+    align_middle: 'Centrer horizontalement',
+    align_right: 'Aligner à droite',
+    align_top: 'Aligner en haut',
+    mode_select: 'Outil de sélection',
+    mode_fhpath: 'Crayon à main levée',
+    mode_line: 'Tracer des lignes',
+    mode_rect: 'Outil rectangle',
+    mode_square: 'Outil carré',
+    mode_fhrect: 'Rectangle à main levée',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Cercle',
+    mode_fhellipse: 'Ellipse à main levée',
+    mode_path: 'Outil chemin',
+    mode_text: 'Outil texte',
+    mode_image: 'Outil image',
+    mode_zoom: 'Zoom',
+    no_embed: 'NOTE : Cette image ne peut pas être incorporée. Elle sera chargée à cette adresse',
+    undo: 'Annuler',
+    redo: 'Restaurer',
+    tool_source: 'Modifier la source',
+    wireframe_mode: 'Mode Fil de fer',
+    clone: 'Cloner élément(s)',
+    del: 'Supprimer élément(s)',
+    group_elements: 'Grouper les éléments',
+    make_link: 'Créer un hyperlien',
+    set_link_url: "Définir l'URL du lien (laisser vide pour supprimer)",
+    to_path: 'Convertir en chemin',
+    reorient_path: 'Réorienter le chemin',
+    ungroup: 'Dégrouper les éléments',
+    docprops: 'Propriétés du document',
+    move_bottom: 'Déplacer vers le bas',
+    move_top: 'Déplacer vers le haut',
+    node_clone: 'Cloner le nœud',
+    node_delete: 'Supprimer le nœud',
+    node_link: 'Rendre les points de contrôle solidaires',
+    add_subpath: 'Ajouter un tracé secondaire',
+    openclose_path: 'Ouvrir/fermer le sous-chemin',
+    source_save: 'Appliquer les modifications',
+    cut: 'Couper',
+    copy: 'Copier',
+    paste: 'Coller',
+    paste_in_place: 'Coller sur place',
+    delete: 'Supprimer',
+    group: 'Grouper',
+    move_front: 'Placer au premier plan',
+    move_up: "Avancer d'un plan",
+    move_down: "Reculer d'un plan",
+    move_back: 'Placer au fond'
+  },
+  layers: {
+    layer: 'Calque',
+    layers: 'Calques',
+    del: 'Supprimer le calque',
+    move_down: 'Descendre le calque',
+    new: 'Nouveau calque',
+    rename: 'Renommer le calque',
+    move_up: 'Monter le calque',
+    dupe: 'Dupliquer le calque',
+    merge_down: 'Fusionner vers le bas',
+    merge_all: 'Tout fusionner',
+    move_elems_to: 'Déplacer les éléments vers :',
+    move_selected: 'Déplacer les éléments sélectionnés vers un autre calque'
+  },
+  config: {
+    image_props: "Propriétés de l'image",
+    doc_title: 'Titre',
+    doc_dims: 'Dimensions du canevas',
+    included_images: 'Images insérées',
+    image_opt_embed: 'Incorporer les données des images (fichiers locaux)',
+    image_opt_ref: "Utiliser l'adresse des fichiers",
+    editor_prefs: "Préférences de l'éditeur",
+    icon_size: 'Taille des icônes',
+    language: 'Langue',
+    background: "Toile de fond de l'éditeur",
+    editor_img_url: 'Image URL',
+    editor_bg_note: "Note : La toile de fond ne sera pas sauvegardée avec l'image.",
+    icon_large: 'Grande',
+    icon_medium: 'Moyenne',
+    icon_small: 'Petite',
+    icon_xlarge: 'Super grande',
+    select_predefined: 'Sélectionner prédéfinis :',
+    units_and_rulers: 'Unités et règles',
+    show_rulers: 'Afficher les règles',
+    base_unit: 'Unité de mesure :',
+    grid: 'Grille',
+    snapping_onoff: 'Ancrer oui/non',
+    snapping_stepsize: "Pas d'ancrage :",
+    grid_color: 'Couleur de la grille'
+  },
+  notification: {
+    invalidAttrValGiven: 'Valeur fournie invalide',
+    noContentToFitTo: "Il n'y a pas de contenu auquel ajuster",
+    dupeLayerName: 'Un autre calque porte déjà ce nom !',
+    enterUniqueLayerName: 'Veuillez entrer un nom (unique) pour le calque',
+    enterNewLayerName: 'Veuillez entrer le nouveau nom du calque',
+    layerHasThatName: 'Le calque porte déjà ce nom',
+    QmoveElemsToLayer: 'Déplacer les éléments sélectionnés vers le calque « %s » ?',
+    QwantToClear: "Voulez-vous effacer le dessin ?\nL'historique de vos actions sera également effacé !",
+    QwantToOpen: "Voulez-vous ouvrir un nouveau document ?\nVous perdrez l'historique de vos modifications !",
+    QerrorsRevertToSource: 'Il y a des erreurs de syntaxe dans votre code source SVG.\nRestaurer le code source SVG antérieur aux modifications ?',
+    QignoreSourceChanges: 'Ignorer les modifications faites à la source SVG ?',
+    featNotSupported: 'Fonction non supportée',
+    enterNewImgURL: "Entrer la nouvelle URL de l'image",
+    defsFailOnSave: "NOTE : En raison d'un bogue dans votre navigateur, il se peut que cette image ne soit pas correctement affichée (dégradés ou éléments manquants). Le souci sera néanmoins réglé à la sauvegarde.",
+    loadingImage: "Chargement de l'image, veuillez patienter…",
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Notez également les problèmes suivants : ',
+    unsavedChanges: 'Il y a des changements non sauvegardés.',
+    enterNewLinkURL: "Entrez la nouvelle URL de l'hyperlien",
+    errorLoadingSVG: 'Erreur : Impossible de charger les données SVG',
+    URLloadFail: "Impossible de charger l'URL",
+    retrieving: 'Récupération de « %s »…',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.fy.js b/editor/locale/lang.fy.js
index 8512cdc4..bdcb0ff7 100644
--- a/editor/locale/lang.fy.js
+++ b/editor/locale/lang.fy.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "fy",
-	dir : "ltr",
-	common: {
-		"ok": "Ok",
-		"cancel": "Ôfbrekke",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "omleech", 
-		"key_up": "omheech", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Klik om de folkleur te feroarjen, shift-klik om de linekleur te feroarjen.",
-		"zoom_level": "Yn-/útzoome",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Folkleur oanpasse",
-		"stroke_color": "Linekleur oanpasse",
-		"stroke_style": "Linestijl oanpasse",
-		"stroke_width": "Linebreedte oanpasse",
-		"pos_x": "X-koördinaat oanpasse",
-		"pos_y": "Y-koördinaat oanpasse",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Draaie",
-		"blur": "Change gaussian blur value",
-		"opacity": "Trochsichtigens oanpasse",
-		"circle_cx": "Feroarje it X-koördinaat fan it middelpunt fan'e sirkel.",
-		"circle_cy": "Feroarje it Y-koördinaat fan it middelpunt fan'e sirkel.",
-		"circle_r": "Feroarje sirkelradius",
-		"ellipse_cx": "Feroarje it X-koördinaat fan it middelpunt fan'e ellips.",
-		"ellipse_cy": "Feroarje it Y-koördinaat fan it middelpunt fan'e ellips.",
-		"ellipse_rx": "Feroarje ellips X radius",
-		"ellipse_ry": "Feroarje ellips Y radius",
-		"line_x1": "Feroarje start X koördinaat fan'e line",
-		"line_x2": "Feroarje ein X koördinaat fan'e line",
-		"line_y1": "Feroarje start Y koördinaat fan'e line",
-		"line_y2": "Feroarje ein Y koördinaat fan'e line",
-		"rect_height": "Hichte rjochthoeke oanpasse",
-		"rect_width": "Breedte rjochthoeke oanpasse",
-		"corner_radius": "Hoekeradius oanpasse",
-		"image_width": "Breedte ôfbielding oanpasse",
-		"image_height": "Hichte ôfbielding oanpasse",
-		"image_url": "URL oanpasse",
-		"node_x": "X-koördinaat knooppunt oanpasse",
-		"node_y": "Y-koördinaat knooppunt oanpasse",
-		"seg_type": "Segmenttype oanpasse",
-		"straight_segments": "Rjocht",
-		"curve_segments": "Bûcht",
-		"text_contents": "Tekst oanpasse",
-		"font_family": "Lettertype oanpasse",
-		"font_size": "Lettergrutte oanpasse",
-		"bold": "Fet",
-		"italic": "Skean"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Eftergrûnkleur/trochsichtigens oanpasse",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Passe op ynhâld",
-		"fit_to_all": "Op alle ynhâld passe",
-		"fit_to_canvas": "Op kanvas passe",
-		"fit_to_layer_content": "Op laachynhâld passe",
-		"fit_to_sel": "Op seleksje passe",
-		"align_relative_to": "Útlijne relatyf oan...",
-		"relativeTo": "Relatief tsjinoer:",
-		"page": "Side",
-		"largest_object": "Grutste ûnderdiel",
-		"selected_objects": "Selektearre ûnderdielen",
-		"smallest_object": "Lytste ûnderdiel",
-		"new_doc": "Nije ôfbielding",
-		"open_doc": "Ôfbielding iepenje",
-		"export_img": "Export",
-		"save_doc": "Ôfbielding bewarje",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Ûnder útlijne",
-		"align_center": "Midden útlijne",
-		"align_left": "Lofts útlijne",
-		"align_middle": "Midden útlijne",
-		"align_right": "Rjochts útlijne",
-		"align_top": "Boppe útlijne",
-		"mode_select": "Selektearje",
-		"mode_fhpath": "Potlead",
-		"mode_line": "Line",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Frije rjochthoeke",
-		"mode_ellipse": "Ellips",
-		"mode_circle": "Sirkel",
-		"mode_fhellipse": "Frije ellips",
-		"mode_path": "Paad",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Tekst",
-		"mode_image": "Ôfbielding",
-		"mode_zoom": "Zoom",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Ungedien meitjse",
-		"redo": "Op 'e nij",
-		"tool_source": "Boarne oanpasse",
-		"wireframe_mode": "Triemodel",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Ûnderdielen groepearje",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Omsette nei paad",
-		"reorient_path": "Paad opnij orientearje",
-		"ungroup": "Groepering opheffe",
-		"docprops": "Dokuminteigenskippen",
-		"imagelib": "Image Library",
-		"move_bottom": "Nei eftergrûn",
-		"move_top": "Nei foargrûn",
-		"node_clone": "Knooppunt duplisearje",
-		"node_delete": "Knooppunt fuortsmite",
-		"node_link": "Knooppunten keppelje",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Feroarings tapasse",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Laach",
-		"layers": "Layers",
-		"del": "Laach fuortsmite",
-		"move_down": "Laach omleech bringe",
-		"new": "Nije laach",
-		"rename": "Laach omneame",
-		"move_up": "Laach omheech bringe",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Ûnderdielen ferplaate nei:",
-		"move_selected": "Selektearre ûnderdielen ferplaatse nei in oare laach"
-	},
-	config: {
-		"image_props": "Ôfbieldingseigenskippen",
-		"doc_title": "Titel",
-		"doc_dims": "Kanvasgrutte",
-		"included_images": "Ynslúten ôfbieldingen",
-		"image_opt_embed": "Ynformaasje tafoege (lokale triemen)",
-		"image_opt_ref": "Triemreferensje brûke",
-		"editor_prefs": "Eigenskippen bewurker",
-		"icon_size": "Ikoangrutte",
-		"language": "Taal",
-		"background": "Eftergrûn bewurker",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Let op: de eftergrûn wurd net mei de ôfbielding bewarre.",
-		"icon_large": "Grut",
-		"icon_medium": "Middel",
-		"icon_small": "Lyts",
-		"icon_xlarge": "Ekstra grut",
-		"select_predefined": "Selektearje:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Ferkearde waarde jûn",
-		"noContentToFitTo":"Gjin ynhâld om te passen",
-		"dupeLayerName":"Der is al in laach mei dy namme!",
-		"enterUniqueLayerName":"Type in unyke laachnamme",
-		"enterNewLayerName":"Type in nije laachnamme",
-		"layerHasThatName":"Laach hat dy namme al",
-		"QmoveElemsToLayer":"Selektearre ûnderdielen ferplaatse nei '%s'?",
-		"QwantToClear":"Ôfbielding leechmeitsje? Dit sil ek de skiednis fuortsmite!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"Der wiene flaters yn de SVG-boarne.\nWeromgean nei foarige SVG-boarne?",
-		"QignoreSourceChanges":"Feroarings yn SVG-boarne negeare?",
-		"featNotSupported":"Funksje wurdt net ûndersteund",
-		"enterNewImgURL":"Jou de nije URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'fy',
+  dir: 'ltr',
+  common: {
+    ok: 'Ok',
+    cancel: 'Ôfbrekke',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'omleech',
+    key_up: 'omheech',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Klik om de folkleur te feroarjen, shift-klik om de linekleur te feroarjen.',
+    zoom_level: 'Yn-/útzoome',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Folkleur oanpasse',
+    stroke_color: 'Linekleur oanpasse',
+    stroke_style: 'Linestijl oanpasse',
+    stroke_width: 'Linebreedte oanpasse',
+    pos_x: 'X-koördinaat oanpasse',
+    pos_y: 'Y-koördinaat oanpasse',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Draaie',
+    blur: 'Change gaussian blur value',
+    opacity: 'Trochsichtigens oanpasse',
+    circle_cx: "Feroarje it X-koördinaat fan it middelpunt fan'e sirkel.",
+    circle_cy: "Feroarje it Y-koördinaat fan it middelpunt fan'e sirkel.",
+    circle_r: 'Feroarje sirkelradius',
+    ellipse_cx: "Feroarje it X-koördinaat fan it middelpunt fan'e ellips.",
+    ellipse_cy: "Feroarje it Y-koördinaat fan it middelpunt fan'e ellips.",
+    ellipse_rx: 'Feroarje ellips X radius',
+    ellipse_ry: 'Feroarje ellips Y radius',
+    line_x1: "Feroarje start X koördinaat fan'e line",
+    line_x2: "Feroarje ein X koördinaat fan'e line",
+    line_y1: "Feroarje start Y koördinaat fan'e line",
+    line_y2: "Feroarje ein Y koördinaat fan'e line",
+    rect_height: 'Hichte rjochthoeke oanpasse',
+    rect_width: 'Breedte rjochthoeke oanpasse',
+    corner_radius: 'Hoekeradius oanpasse',
+    image_width: 'Breedte ôfbielding oanpasse',
+    image_height: 'Hichte ôfbielding oanpasse',
+    image_url: 'URL oanpasse',
+    node_x: 'X-koördinaat knooppunt oanpasse',
+    node_y: 'Y-koördinaat knooppunt oanpasse',
+    seg_type: 'Segmenttype oanpasse',
+    straight_segments: 'Rjocht',
+    curve_segments: 'Bûcht',
+    text_contents: 'Tekst oanpasse',
+    font_family: 'Lettertype oanpasse',
+    font_size: 'Lettergrutte oanpasse',
+    bold: 'Fet',
+    italic: 'Skean'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Eftergrûnkleur/trochsichtigens oanpasse',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Passe op ynhâld',
+    fit_to_all: 'Op alle ynhâld passe',
+    fit_to_canvas: 'Op kanvas passe',
+    fit_to_layer_content: 'Op laachynhâld passe',
+    fit_to_sel: 'Op seleksje passe',
+    align_relative_to: 'Útlijne relatyf oan...',
+    relativeTo: 'Relatief tsjinoer:',
+    page: 'Side',
+    largest_object: 'Grutste ûnderdiel',
+    selected_objects: 'Selektearre ûnderdielen',
+    smallest_object: 'Lytste ûnderdiel',
+    new_doc: 'Nije ôfbielding',
+    open_doc: 'Ôfbielding iepenje',
+    export_img: 'Export',
+    save_doc: 'Ôfbielding bewarje',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Ûnder útlijne',
+    align_center: 'Midden útlijne',
+    align_left: 'Lofts útlijne',
+    align_middle: 'Midden útlijne',
+    align_right: 'Rjochts útlijne',
+    align_top: 'Boppe útlijne',
+    mode_select: 'Selektearje',
+    mode_fhpath: 'Potlead',
+    mode_line: 'Line',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Frije rjochthoeke',
+    mode_ellipse: 'Ellips',
+    mode_circle: 'Sirkel',
+    mode_fhellipse: 'Frije ellips',
+    mode_path: 'Paad',
+    mode_text: 'Tekst',
+    mode_image: 'Ôfbielding',
+    mode_zoom: 'Zoom',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Ungedien meitjse',
+    redo: "Op 'e nij",
+    tool_source: 'Boarne oanpasse',
+    wireframe_mode: 'Triemodel',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Ûnderdielen groepearje',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Omsette nei paad',
+    reorient_path: 'Paad opnij orientearje',
+    ungroup: 'Groepering opheffe',
+    docprops: 'Dokuminteigenskippen',
+    move_bottom: 'Nei eftergrûn',
+    move_top: 'Nei foargrûn',
+    node_clone: 'Knooppunt duplisearje',
+    node_delete: 'Knooppunt fuortsmite',
+    node_link: 'Knooppunten keppelje',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Feroarings tapasse',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Laach',
+    layers: 'Layers',
+    del: 'Laach fuortsmite',
+    move_down: 'Laach omleech bringe',
+    new: 'Nije laach',
+    rename: 'Laach omneame',
+    move_up: 'Laach omheech bringe',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Ûnderdielen ferplaate nei:',
+    move_selected: 'Selektearre ûnderdielen ferplaatse nei in oare laach'
+  },
+  config: {
+    image_props: 'Ôfbieldingseigenskippen',
+    doc_title: 'Titel',
+    doc_dims: 'Kanvasgrutte',
+    included_images: 'Ynslúten ôfbieldingen',
+    image_opt_embed: 'Ynformaasje tafoege (lokale triemen)',
+    image_opt_ref: 'Triemreferensje brûke',
+    editor_prefs: 'Eigenskippen bewurker',
+    icon_size: 'Ikoangrutte',
+    language: 'Taal',
+    background: 'Eftergrûn bewurker',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Let op: de eftergrûn wurd net mei de ôfbielding bewarre.',
+    icon_large: 'Grut',
+    icon_medium: 'Middel',
+    icon_small: 'Lyts',
+    icon_xlarge: 'Ekstra grut',
+    select_predefined: 'Selektearje:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Ferkearde waarde jûn',
+    noContentToFitTo: 'Gjin ynhâld om te passen',
+    dupeLayerName: 'Der is al in laach mei dy namme!',
+    enterUniqueLayerName: 'Type in unyke laachnamme',
+    enterNewLayerName: 'Type in nije laachnamme',
+    layerHasThatName: 'Laach hat dy namme al',
+    QmoveElemsToLayer: "Selektearre ûnderdielen ferplaatse nei '%s'?",
+    QwantToClear: 'Ôfbielding leechmeitsje? Dit sil ek de skiednis fuortsmite!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'Der wiene flaters yn de SVG-boarne.\nWeromgean nei foarige SVG-boarne?',
+    QignoreSourceChanges: 'Feroarings yn SVG-boarne negeare?',
+    featNotSupported: 'Funksje wurdt net ûndersteund',
+    enterNewImgURL: 'Jou de nije URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\'...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.ga.js b/editor/locale/lang.ga.js
index 7b2167c6..560c5c9c 100644
--- a/editor/locale/lang.ga.js
+++ b/editor/locale/lang.ga.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "ga",
-	dir : "ltr",
-	common: {
-		"ok": "Sábháil",
-		"cancel": "Cealaigh",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Cliceáil chun athrú a líonadh dath, aistriú-cliceáil chun dath a athrú stróc",
-		"zoom_level": "Athraigh súmáil leibhéal",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Athraigh an dath a líonadh",
-		"stroke_color": "Dath stróc Athrú",
-		"stroke_style": "Athraigh an stíl Fleasc stróc",
-		"stroke_width": "Leithead stróc Athrú",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Uillinn rothlaithe Athrú",
-		"blur": "Change gaussian blur value",
-		"opacity": "Athraigh roghnaithe teimhneacht mír",
-		"circle_cx": "Athraigh an ciorcal a chomhordú CX",
-		"circle_cy": "Athraigh an ciorcal a chomhordú ga",
-		"circle_r": "Athraigh an ciorcal&#39;s ga",
-		"ellipse_cx": "Athraigh Éilips&#39;s CX a chomhordú",
-		"ellipse_cy": "Athraigh an Éilips a chomhordú ga",
-		"ellipse_rx": "Éilips Athraigh an gha x",
-		"ellipse_ry": "Éilips Athraigh an gha y",
-		"line_x1": "Athraigh an líne tosaigh a chomhordú x",
-		"line_x2": "Athraigh an líne deireadh x chomhordú",
-		"line_y1": "Athraigh an líne tosaigh a chomhordú y",
-		"line_y2": "Athrú ar líne deireadh y chomhordú",
-		"rect_height": "Airde dronuilleog Athrú",
-		"rect_width": "Leithead dronuilleog Athrú",
-		"corner_radius": "Athraigh Dronuilleog Cúinne na Ga",
-		"image_width": "Leithead íomhá Athrú",
-		"image_height": "Airde íomhá Athrú",
-		"image_url": "Athraigh an URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Inneachar Athraigh téacs",
-		"font_family": "Athraigh an Cló Teaghlaigh",
-		"font_size": "Athraigh Clómhéid",
-		"bold": "Trom Téacs",
-		"italic": "Iodálach Téacs"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Dath cúlra Athraigh / teimhneacht",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Laghdaigh do gach ábhar",
-		"fit_to_canvas": "Laghdaigh ar chanbhás",
-		"fit_to_layer_content": "Laghdaigh shraith ábhar a",
-		"fit_to_sel": "Laghdaigh a roghnú",
-		"align_relative_to": "Ailínigh i gcomparáid leis ...",
-		"relativeTo": "i gcomparáid leis:",
-		"page": "leathanach",
-		"largest_object": "réad is mó",
-		"selected_objects": "réada tofa",
-		"smallest_object": "lú réad",
-		"new_doc": "Íomhá Nua",
-		"open_doc": "Íomhá Oscailte",
-		"export_img": "Export",
-		"save_doc": "Sábháil Íomhá",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Cineál Bun",
-		"align_center": "Ailínigh sa Lár",
-		"align_left": "Ailínigh ar Chlé",
-		"align_middle": "Cineál Middle",
-		"align_right": "Ailínigh ar Dheis",
-		"align_top": "Cineál Barr",
-		"mode_select": "Roghnaigh Uirlis",
-		"mode_fhpath": "Phionsail Uirlis",
-		"mode_line": "Uirlis Líne",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Saor Hand Dronuilleog",
-		"mode_ellipse": "Éilips",
-		"mode_circle": "Ciorcal",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Téacs Uirlis",
-		"mode_image": "Íomhá Uirlis",
-		"mode_zoom": "Zúmáil Uirlis",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Cealaigh",
-		"redo": "Athdhéan",
-		"tool_source": "Cuir Foinse",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Eilimintí Grúpa",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Eilimintí Díghrúpáil",
-		"docprops": "Doiciméad Airíonna",
-		"imagelib": "Image Library",
-		"move_bottom": "Téigh go Bun",
-		"move_top": "Téigh go Barr",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Sábháil",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Scrios Sraith",
-		"move_down": "Bog Sraith Síos",
-		"new": "Sraith Nua",
-		"rename": "Athainmnigh Sraith",
-		"move_up": "Bog Sraith Suas",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Roghnaigh réamhshainithe:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'ga',
+  dir: 'ltr',
+  common: {
+    ok: 'Sábháil',
+    cancel: 'Cealaigh',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Cliceáil chun athrú a líonadh dath, aistriú-cliceáil chun dath a athrú stróc',
+    zoom_level: 'Athraigh súmáil leibhéal',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Athraigh an dath a líonadh',
+    stroke_color: 'Dath stróc Athrú',
+    stroke_style: 'Athraigh an stíl Fleasc stróc',
+    stroke_width: 'Leithead stróc Athrú',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Uillinn rothlaithe Athrú',
+    blur: 'Change gaussian blur value',
+    opacity: 'Athraigh roghnaithe teimhneacht mír',
+    circle_cx: 'Athraigh an ciorcal a chomhordú CX',
+    circle_cy: 'Athraigh an ciorcal a chomhordú ga',
+    circle_r: 'Athraigh an ciorcal&#39;s ga',
+    ellipse_cx: 'Athraigh Éilips&#39;s CX a chomhordú',
+    ellipse_cy: 'Athraigh an Éilips a chomhordú ga',
+    ellipse_rx: 'Éilips Athraigh an gha x',
+    ellipse_ry: 'Éilips Athraigh an gha y',
+    line_x1: 'Athraigh an líne tosaigh a chomhordú x',
+    line_x2: 'Athraigh an líne deireadh x chomhordú',
+    line_y1: 'Athraigh an líne tosaigh a chomhordú y',
+    line_y2: 'Athrú ar líne deireadh y chomhordú',
+    rect_height: 'Airde dronuilleog Athrú',
+    rect_width: 'Leithead dronuilleog Athrú',
+    corner_radius: 'Athraigh Dronuilleog Cúinne na Ga',
+    image_width: 'Leithead íomhá Athrú',
+    image_height: 'Airde íomhá Athrú',
+    image_url: 'Athraigh an URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Inneachar Athraigh téacs',
+    font_family: 'Athraigh an Cló Teaghlaigh',
+    font_size: 'Athraigh Clómhéid',
+    bold: 'Trom Téacs',
+    italic: 'Iodálach Téacs'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Dath cúlra Athraigh / teimhneacht',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Laghdaigh do gach ábhar',
+    fit_to_canvas: 'Laghdaigh ar chanbhás',
+    fit_to_layer_content: 'Laghdaigh shraith ábhar a',
+    fit_to_sel: 'Laghdaigh a roghnú',
+    align_relative_to: 'Ailínigh i gcomparáid leis ...',
+    relativeTo: 'i gcomparáid leis:',
+    page: 'leathanach',
+    largest_object: 'réad is mó',
+    selected_objects: 'réada tofa',
+    smallest_object: 'lú réad',
+    new_doc: 'Íomhá Nua',
+    open_doc: 'Íomhá Oscailte',
+    export_img: 'Export',
+    save_doc: 'Sábháil Íomhá',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Cineál Bun',
+    align_center: 'Ailínigh sa Lár',
+    align_left: 'Ailínigh ar Chlé',
+    align_middle: 'Cineál Middle',
+    align_right: 'Ailínigh ar Dheis',
+    align_top: 'Cineál Barr',
+    mode_select: 'Roghnaigh Uirlis',
+    mode_fhpath: 'Phionsail Uirlis',
+    mode_line: 'Uirlis Líne',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Saor Hand Dronuilleog',
+    mode_ellipse: 'Éilips',
+    mode_circle: 'Ciorcal',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Téacs Uirlis',
+    mode_image: 'Íomhá Uirlis',
+    mode_zoom: 'Zúmáil Uirlis',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Cealaigh',
+    redo: 'Athdhéan',
+    tool_source: 'Cuir Foinse',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Eilimintí Grúpa',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Eilimintí Díghrúpáil',
+    docprops: 'Doiciméad Airíonna',
+    move_bottom: 'Téigh go Bun',
+    move_top: 'Téigh go Barr',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Sábháil',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Scrios Sraith',
+    move_down: 'Bog Sraith Síos',
+    new: 'Sraith Nua',
+    rename: 'Athainmnigh Sraith',
+    move_up: 'Bog Sraith Suas',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Roghnaigh réamhshainithe:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.gl.js b/editor/locale/lang.gl.js
index f6362186..85d1be54 100644
--- a/editor/locale/lang.gl.js
+++ b/editor/locale/lang.gl.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "gl",
-	dir : "ltr",
-	common: {
-		"ok": "Gardar",
-		"cancel": "Cancelar",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Preme aquí para cambiar a cor de recheo, Shift-clic para cambiar a cor do curso",
-		"zoom_level": "Cambiar o nivel de zoom",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Cambia-la cor de recheo",
-		"stroke_color": "Cambiar a cor do curso",
-		"stroke_style": "Modifica o estilo do trazo do curso",
-		"stroke_width": "Cambiar o ancho do curso",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Cambiar o ángulo de xiro",
-		"blur": "Change gaussian blur value",
-		"opacity": "Cambia a opacidade elemento seleccionado",
-		"circle_cx": "Cx Cambiar círculo de coordenadas",
-		"circle_cy": "Círculo Cambio cy coordinar",
-		"circle_r": "Cambiar círculo de raio",
-		"ellipse_cx": "Cambiar elipse cx coordinar",
-		"ellipse_cy": "Elipse Cambio cy coordinar",
-		"ellipse_rx": "Raios X Change elipse",
-		"ellipse_ry": "Radio y Change elipse",
-		"line_x1": "Cambie a liña de partida coordenada x",
-		"line_x2": "Cambie a liña acaba coordenada x",
-		"line_y1": "Cambio na liña do recurso coordinada y",
-		"line_y2": "Salto de liña acaba coordinada y",
-		"rect_height": "Cambiar altura do rectángulo",
-		"rect_width": "Cambiar a largo rectángulo",
-		"corner_radius": "Cambiar Corner Rectangle Radius",
-		"image_width": "Cambiar o ancho da imaxe",
-		"image_height": "Cambiar altura da imaxe",
-		"image_url": "Cambiar URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Cambiar o contido de texto",
-		"font_family": "Cambiar fonte Familia",
-		"font_size": "Mudar tamaño de letra",
-		"bold": "Bold Text",
-		"italic": "Texto en cursiva"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Mudar a cor de fondo / Opacidade",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Axustar ó contido",
-		"fit_to_all": "Axustar a todo o contido",
-		"fit_to_canvas": "Axustar a pantalla",
-		"fit_to_layer_content": "Axustar o contido da capa de",
-		"fit_to_sel": "Axustar a selección",
-		"align_relative_to": "Aliñar en relación a ...",
-		"relativeTo": "en relación ao:",
-		"page": "Portada",
-		"largest_object": "maior obxecto",
-		"selected_objects": "obxectos elixidos",
-		"smallest_object": "menor obxecto",
-		"new_doc": "Nova Imaxe",
-		"open_doc": "Abrir Imaxe",
-		"export_img": "Export",
-		"save_doc": "Gardar Imaxe",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align bottom",
-		"align_center": "Centrar",
-		"align_left": "Aliñar á Esquerda",
-		"align_middle": "Aliñar Medio",
-		"align_right": "Aliñar á Dereita",
-		"align_top": "Align Top",
-		"mode_select": "Seleccionar a ferramenta",
-		"mode_fhpath": "Ferramenta Lapis",
-		"mode_line": "Ferramenta Liña",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Rectangle",
-		"mode_ellipse": "Elipse",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Ferramenta de Texto",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Desfacer",
-		"redo": "Volver",
-		"tool_source": "Fonte Editar",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Elementos do grupo",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Elementos Desagrupadas",
-		"docprops": "Propriedades do Documento",
-		"imagelib": "Image Library",
-		"move_bottom": "Move a Bottom",
-		"move_top": "Move to Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Gardar",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Delete Layer",
-		"move_down": "Move capa inferior",
-		"new": "New Layer",
-		"rename": "Rename Layer",
-		"move_up": "Move Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Seleccione por defecto:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'gl',
+  dir: 'ltr',
+  common: {
+    ok: 'Gardar',
+    cancel: 'Cancelar',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Preme aquí para cambiar a cor de recheo, Shift-clic para cambiar a cor do curso',
+    zoom_level: 'Cambiar o nivel de zoom',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Cambia-la cor de recheo',
+    stroke_color: 'Cambiar a cor do curso',
+    stroke_style: 'Modifica o estilo do trazo do curso',
+    stroke_width: 'Cambiar o ancho do curso',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Cambiar o ángulo de xiro',
+    blur: 'Change gaussian blur value',
+    opacity: 'Cambia a opacidade elemento seleccionado',
+    circle_cx: 'Cx Cambiar círculo de coordenadas',
+    circle_cy: 'Círculo Cambio cy coordinar',
+    circle_r: 'Cambiar círculo de raio',
+    ellipse_cx: 'Cambiar elipse cx coordinar',
+    ellipse_cy: 'Elipse Cambio cy coordinar',
+    ellipse_rx: 'Raios X Change elipse',
+    ellipse_ry: 'Radio y Change elipse',
+    line_x1: 'Cambie a liña de partida coordenada x',
+    line_x2: 'Cambie a liña acaba coordenada x',
+    line_y1: 'Cambio na liña do recurso coordinada y',
+    line_y2: 'Salto de liña acaba coordinada y',
+    rect_height: 'Cambiar altura do rectángulo',
+    rect_width: 'Cambiar a largo rectángulo',
+    corner_radius: 'Cambiar Corner Rectangle Radius',
+    image_width: 'Cambiar o ancho da imaxe',
+    image_height: 'Cambiar altura da imaxe',
+    image_url: 'Cambiar URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Cambiar o contido de texto',
+    font_family: 'Cambiar fonte Familia',
+    font_size: 'Mudar tamaño de letra',
+    bold: 'Bold Text',
+    italic: 'Texto en cursiva'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Mudar a cor de fondo / Opacidade',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Axustar ó contido',
+    fit_to_all: 'Axustar a todo o contido',
+    fit_to_canvas: 'Axustar a pantalla',
+    fit_to_layer_content: 'Axustar o contido da capa de',
+    fit_to_sel: 'Axustar a selección',
+    align_relative_to: 'Aliñar en relación a ...',
+    relativeTo: 'en relación ao:',
+    page: 'Portada',
+    largest_object: 'maior obxecto',
+    selected_objects: 'obxectos elixidos',
+    smallest_object: 'menor obxecto',
+    new_doc: 'Nova Imaxe',
+    open_doc: 'Abrir Imaxe',
+    export_img: 'Export',
+    save_doc: 'Gardar Imaxe',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align bottom',
+    align_center: 'Centrar',
+    align_left: 'Aliñar á Esquerda',
+    align_middle: 'Aliñar Medio',
+    align_right: 'Aliñar á Dereita',
+    align_top: 'Align Top',
+    mode_select: 'Seleccionar a ferramenta',
+    mode_fhpath: 'Ferramenta Lapis',
+    mode_line: 'Ferramenta Liña',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Rectangle',
+    mode_ellipse: 'Elipse',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Ferramenta de Texto',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Desfacer',
+    redo: 'Volver',
+    tool_source: 'Fonte Editar',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Elementos do grupo',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Elementos Desagrupadas',
+    docprops: 'Propriedades do Documento',
+    move_bottom: 'Move a Bottom',
+    move_top: 'Move to Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Gardar',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Delete Layer',
+    move_down: 'Move capa inferior',
+    new: 'New Layer',
+    rename: 'Rename Layer',
+    move_up: 'Move Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Seleccione por defecto:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.he.js b/editor/locale/lang.he.js
index ec358c37..f9b08f97 100755
--- a/editor/locale/lang.he.js
+++ b/editor/locale/lang.he.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "he",
-	dir : "ltr",
-	common: {
-		"ok": "לשמור",
-		"cancel": "ביטול",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "לחץ כדי לשנות צבע מילוי, לחץ על Shift-לשנות צבע שבץ",
-		"zoom_level": "שינוי גודל תצוגה",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "שינוי צבע מילוי",
-		"stroke_color": "שינוי צבע שבץ",
-		"stroke_style": "דש שבץ שינוי סגנון",
-		"stroke_width": "שינוי רוחב שבץ",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "שינוי זווית הסיבוב",
-		"blur": "Change gaussian blur value",
-		"opacity": "שינוי הפריט הנבחר אטימות",
-		"circle_cx": "CX מעגל של שנה לתאם",
-		"circle_cy": "מעגל שנה של cy לתאם",
-		"circle_r": "מעגל שנה של רדיוס",
-		"ellipse_cx": "שינוי של אליפסה CX לתאם",
-		"ellipse_cy": "אליפסה שינוי של cy לתאם",
-		"ellipse_rx": "אליפסה שינוי של רדיוס x",
-		"ellipse_ry": "אליפסה שינוי של Y רדיוס",
-		"line_x1": "שינוי קו ההתחלה של x לתאם",
-		"line_x2": "שינוי קו הסיום של x לתאם",
-		"line_y1": "שינוי קו ההתחלה של Y לתאם",
-		"line_y2": "שינוי קו הסיום של Y לתאם",
-		"rect_height": "שינוי גובה המלבן",
-		"rect_width": "שינוי רוחב המלבן",
-		"corner_radius": "לשנות מלבן פינת רדיוס",
-		"image_width": "שינוי רוחב התמונה",
-		"image_height": "שינוי גובה התמונה",
-		"image_url": "שינוי כתובת",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "שינוי תוכן טקסט",
-		"font_family": "שינוי גופן משפחה",
-		"font_size": "שנה גודל גופן",
-		"bold": "טקסט מודגש",
-		"italic": "טקסט נטוי"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "שנה את צבע הרקע / אטימות",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "התאם תוכן",
-		"fit_to_all": "התאם התכנים",
-		"fit_to_canvas": "התאם בד",
-		"fit_to_layer_content": "מתאים לתוכן שכבת",
-		"fit_to_sel": "התאם הבחירה",
-		"align_relative_to": "יישור ביחס ...",
-		"relativeTo": "יחסית:",
-		"page": "דף",
-		"largest_object": "האובייקט הגדול",
-		"selected_objects": "elected objects",
-		"smallest_object": "הקטן אובייקט",
-		"new_doc": "תמונה חדשה",
-		"open_doc": "פתח תמונה",
-		"export_img": "Export",
-		"save_doc": "שמור תמונה",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "יישור תחתון",
-		"align_center": "ישור לאמצע",
-		"align_left": "יישור לשמאל",
-		"align_middle": "יישור התיכון",
-		"align_right": "יישור לימין",
-		"align_top": "יישור למעלה",
-		"mode_select": "Select Tool",
-		"mode_fhpath": "כלי העיפרון",
-		"mode_line": "כלי הקו",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand מלבן",
-		"mode_ellipse": "אליפסה",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free-Hand אליפסה",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "כלי טקסט",
-		"mode_image": "כלי תמונה",
-		"mode_zoom": "זום כלי",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "בטל",
-		"redo": "בצע שוב",
-		"tool_source": "מקור ערוך",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "אלמנטים הקבוצה",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "אלמנטים פרק קבוצה",
-		"docprops": "מאפייני מסמך",
-		"imagelib": "Image Library",
-		"move_bottom": "הזז למטה",
-		"move_top": "עבור לראש הדף",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "לשמור",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "מחיקת שכבה",
-		"move_down": "הזז למטה שכבה",
-		"new": "שכבהחדשה",
-		"rename": "שינוי שם שכבה",
-		"move_up": "העבר שכבה Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "בחר מוגדרים מראש:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'he',
+  dir: 'rtl',
+  common: {
+    ok: 'לשמור',
+    cancel: 'ביטול',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'לחץ כדי לשנות צבע מילוי, לחץ על Shift-לשנות צבע שבץ',
+    zoom_level: 'שינוי גודל תצוגה',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'שינוי צבע מילוי',
+    stroke_color: 'שינוי צבע שבץ',
+    stroke_style: 'דש שבץ שינוי סגנון',
+    stroke_width: 'שינוי רוחב שבץ',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'שינוי זווית הסיבוב',
+    blur: 'Change gaussian blur value',
+    opacity: 'שינוי הפריט הנבחר אטימות',
+    circle_cx: 'CX מעגל של שנה לתאם',
+    circle_cy: 'מעגל שנה של cy לתאם',
+    circle_r: 'מעגל שנה של רדיוס',
+    ellipse_cx: 'שינוי של אליפסה CX לתאם',
+    ellipse_cy: 'אליפסה שינוי של cy לתאם',
+    ellipse_rx: 'אליפסה שינוי של רדיוס x',
+    ellipse_ry: 'אליפסה שינוי של Y רדיוס',
+    line_x1: 'שינוי קו ההתחלה של x לתאם',
+    line_x2: 'שינוי קו הסיום של x לתאם',
+    line_y1: 'שינוי קו ההתחלה של Y לתאם',
+    line_y2: 'שינוי קו הסיום של Y לתאם',
+    rect_height: 'שינוי גובה המלבן',
+    rect_width: 'שינוי רוחב המלבן',
+    corner_radius: 'לשנות מלבן פינת רדיוס',
+    image_width: 'שינוי רוחב התמונה',
+    image_height: 'שינוי גובה התמונה',
+    image_url: 'שינוי כתובת',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'שינוי תוכן טקסט',
+    font_family: 'שינוי גופן משפחה',
+    font_size: 'שנה גודל גופן',
+    bold: 'טקסט מודגש',
+    italic: 'טקסט נטוי'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'שנה את צבע הרקע / אטימות',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'התאם תוכן',
+    fit_to_all: 'התאם התכנים',
+    fit_to_canvas: 'התאם בד',
+    fit_to_layer_content: 'מתאים לתוכן שכבת',
+    fit_to_sel: 'התאם הבחירה',
+    align_relative_to: 'יישור ביחס ...',
+    relativeTo: 'יחסית:',
+    page: 'דף',
+    largest_object: 'האובייקט הגדול',
+    selected_objects: 'elected objects',
+    smallest_object: 'הקטן אובייקט',
+    new_doc: 'תמונה חדשה',
+    open_doc: 'פתח תמונה',
+    export_img: 'Export',
+    save_doc: 'שמור תמונה',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'יישור תחתון',
+    align_center: 'ישור לאמצע',
+    align_left: 'יישור לשמאל',
+    align_middle: 'יישור התיכון',
+    align_right: 'יישור לימין',
+    align_top: 'יישור למעלה',
+    mode_select: 'Select Tool',
+    mode_fhpath: 'כלי העיפרון',
+    mode_line: 'כלי הקו',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand מלבן',
+    mode_ellipse: 'אליפסה',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free-Hand אליפסה',
+    mode_path: 'Path Tool',
+    mode_text: 'כלי טקסט',
+    mode_image: 'כלי תמונה',
+    mode_zoom: 'זום כלי',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'בטל',
+    redo: 'בצע שוב',
+    tool_source: 'מקור ערוך',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'אלמנטים הקבוצה',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'אלמנטים פרק קבוצה',
+    docprops: 'מאפייני מסמך',
+    move_bottom: 'הזז למטה',
+    move_top: 'עבור לראש הדף',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'לשמור',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'מחיקת שכבה',
+    move_down: 'הזז למטה שכבה',
+    new: 'שכבהחדשה',
+    rename: 'שינוי שם שכבה',
+    move_up: 'העבר שכבה Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'בחר מוגדרים מראש:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.hi.js b/editor/locale/lang.hi.js
index 6a31e1fe..e9558ac2 100644
--- a/editor/locale/lang.hi.js
+++ b/editor/locale/lang.hi.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "hi",
-	dir : "ltr",
-	common: {
-		"ok": "बचाना",
-		"cancel": "रद्द करें",
-		"key_backspace": "बैकस्पेस", 
-		"key_del": "हटायें", 
-		"key_down": "नीचे", 
-		"key_up": "ऊपर", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "रंग बदलने पर क्लिक करें, बदलाव भरने के क्लिक करने के लिए स्ट्रोक का रंग बदलने के लिए",
-		"zoom_level": "बदलें स्तर ज़ूम",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "बदलें का रंग भरना",
-		"stroke_color": "बदलें स्ट्रोक रंग",
-		"stroke_style": "बदलें स्ट्रोक डेश शैली",
-		"stroke_width": "बदलें स्ट्रोक चौड़ाई",
-		"pos_x": "X समकक्ष बदलें ",
-		"pos_y": "Y समकक्ष बदलें",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "बदलें रोटेशन कोण",
-		"blur": "Change gaussian blur value",
-		"opacity": "पारदर्शिता बदलें",
-		"circle_cx": "बदल रहा है चक्र cx समन्वय",
-		"circle_cy": "परिवर्तन चक्र cy समन्वय है",
-		"circle_r": "बदल रहा है चक्र त्रिज्या",
-		"ellipse_cx": "बदलें दीर्घवृत्त है cx समन्वय",
-		"ellipse_cy": "बदलें दीर्घवृत्त cy समन्वय है",
-		"ellipse_rx": "बदल रहा है दीर्घवृत्त x त्रिज्या",
-		"ellipse_ry": "बदल रहा है दीर्घवृत्त y त्रिज्या",
-		"line_x1": "बदल रहा है लाइन x समन्वय शुरू",
-		"line_x2": "बदल रहा है लाइन x समन्वय समाप्त",
-		"line_y1": "बदलें रेखा y शुरू हो रहा है समन्वय",
-		"line_y2": "बदलें रेखा y अंत है समन्वय",
-		"rect_height": "बदलें आयत ऊंचाई",
-		"rect_width": "बदलें आयत चौड़ाई",
-		"corner_radius": "बदलें आयत कॉर्नर त्रिज्या",
-		"image_width": "बदलें छवि चौड़ाई",
-		"image_height": "बदलें छवि ऊँचाई",
-		"image_url": "बदलें यूआरएल",
-		"node_x": "नोड का x समकक्ष बदलें",
-		"node_y": "नोड का y समकक्ष बदलें",
-		"seg_type": "वर्ग प्रकार बदलें",
-		"straight_segments": "सीधे वर्ग",
-		"curve_segments": "घुमाव",
-		"text_contents": "बदलें पाठ सामग्री",
-		"font_family": "बदलें फ़ॉन्ट परिवार",
-		"font_size": "फ़ॉन्ट का आकार बदलें",
-		"bold": "मोटा पाठ",
-		"italic": "इटैलिक पाठ"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "पृष्ठभूमि का रंग बदल / अस्पष्टता",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "सामग्री के लिए फिट",
-		"fit_to_all": "सभी सामग्री के लिए फिट",
-		"fit_to_canvas": "फिट कैनवास को",
-		"fit_to_layer_content": "फिट परत सामग्री के लिए",
-		"fit_to_sel": "चयन के लिए फिट",
-		"align_relative_to": "संरेखित करें रिश्तेदार को ...",
-		"relativeTo": "रिश्तेदार को:",
-		"page": "पृष्ठ",
-		"largest_object": "सबसे बड़ी वस्तु",
-		"selected_objects": "निर्वाचित वस्तुओं",
-		"smallest_object": "छोटी से छोटी वस्तु",
-		"new_doc": "नई छवि",
-		"open_doc": "छवि खोलें",
-		"export_img": "Export",
-		"save_doc": "सहेजें छवि",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "तलमेंपंक्तिबद्धकरें",
-		"align_center": "मध्य में समंजित करें",
-		"align_left": " पंक्तिबद्ध करें",
-		"align_middle": "मध्य संरेखित करें",
-		"align_right": "दायाँपंक्तिबद्धकरें",
-		"align_top": "शीर्षमेंपंक्तिबद्धकरें",
-		"mode_select": "उपकरण चुनें",
-		"mode_fhpath": "पेंसिल उपकरण",
-		"mode_line": "लाइन उपकरण",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "नि: शुल्क हाथ आयत",
-		"mode_ellipse": "दीर्घवृत्त",
-		"mode_circle": "वृत्त",
-		"mode_fhellipse": "नि: शुल्क हाथ दीर्घवृत्त",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "पाठ उपकरण",
-		"mode_image": "छवि उपकरण",
-		"mode_zoom": "ज़ूम उपकरण",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "पूर्ववत करें",
-		"redo": "फिर से करें",
-		"tool_source": "स्रोत में बदलाव करें",
-		"wireframe_mode": "रूपरेखा मोड",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "समूह तत्वों",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "पथ में बदलें",
-		"reorient_path": "पथ को नई दिशा दें",
-		"ungroup": "अंश को समूह से अलग करें",
-		"docprops": "दस्तावेज़ गुण",
-		"imagelib": "Image Library",
-		"move_bottom": "नीचे ले जाएँ",
-		"move_top": "ऊपर ले जाएँ",
-		"node_clone": "नोड क्लोन",
-		"node_delete": "नोड हटायें",
-		"node_link": "कड़ी नियंत्रण बिंदु",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "बचाना",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"परत",
-		"layers": "Layers",
-		"del": "परत हटाएँ",
-		"move_down": "परत नीचे ले जाएँ",
-		"new": "नई परत",
-		"rename": "परत का नाम बदलें",
-		"move_up": "परत ऊपर ले जाएँ",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "अंश को ले जाएँ:",
-		"move_selected": "चयनित अंश को दूसरी परत पर  ले जाएँ"
-	},
-	config: {
-		"image_props": "छवि के गुण",
-		"doc_title": "शीर्षक",
-		"doc_dims": "कैनवास आयाम",
-		"included_images": "शामिल छवियाँ",
-		"image_opt_embed": "एम्बेड डेटा (स्थानीय फ़ाइलें)",
-		"image_opt_ref": "फाइल के संदर्भ का प्रयोग",
-		"editor_prefs": "संपादक वरीयताएँ",
-		"icon_size": "चिह्न का आकार",
-		"language": "भाषा",
-		"background": "संपादक पृष्ठभूमि",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "नोट: पृष्ठभूमि छवि के साथ नहीं बचायी जाएगी",
-		"icon_large": "बड़ा",
-		"icon_medium": "मध्यम",
-		"icon_small": "छोटा",
-		"icon_xlarge": "बहुत बड़ा",
-		"select_predefined": "चुनें पूर्वनिर्धारित:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"अमान्य मूल्य",
-		"noContentToFitTo":"कोई सामग्री फिट करने के लिए उपलब्ध नहीं",
-		"dupeLayerName":"इस नाम कि परत पहले से मौजूद है !",
-		"enterUniqueLayerName":"कृपया परत का एक अद्वितीय नाम डालें",
-		"enterNewLayerName":"कृपया परत का एक नया नाम डालें",
-		"layerHasThatName":"परत का पहले से ही यही नाम है",
-		"QmoveElemsToLayer":"चयनित अंश को परत '%s' पर ले जाएँ ?",
-		"QwantToClear":"क्या आप छवि साफ़ करना चाहते हैं?\nयह आपके उन्डू  इतिहास को भी मिटा देगा!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"आपके एस.वी.जी. स्रोत में त्रुटियों थी.\nक्या आप मूल एस.वी.जी स्रोत पर वापिस जाना चाहते हैं?",
-		"QignoreSourceChanges":"एसवीजी स्रोत से लाये बदलावों को ध्यान न दें?",
-		"featNotSupported":"सुविधा असमर्थित है",
-		"enterNewImgURL":"नई छवि URL दर्ज करें",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'hi',
+  dir: 'ltr',
+  common: {
+    ok: 'बचाना',
+    cancel: 'रद्द करें',
+    key_backspace: 'बैकस्पेस',
+    key_del: 'हटायें',
+    key_down: 'नीचे',
+    key_up: 'ऊपर',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'रंग बदलने पर क्लिक करें, बदलाव भरने के क्लिक करने के लिए स्ट्रोक का रंग बदलने के लिए',
+    zoom_level: 'बदलें स्तर ज़ूम',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'बदलें का रंग भरना',
+    stroke_color: 'बदलें स्ट्रोक रंग',
+    stroke_style: 'बदलें स्ट्रोक डेश शैली',
+    stroke_width: 'बदलें स्ट्रोक चौड़ाई',
+    pos_x: 'X समकक्ष बदलें ',
+    pos_y: 'Y समकक्ष बदलें',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'बदलें रोटेशन कोण',
+    blur: 'Change gaussian blur value',
+    opacity: 'पारदर्शिता बदलें',
+    circle_cx: 'बदल रहा है चक्र cx समन्वय',
+    circle_cy: 'परिवर्तन चक्र cy समन्वय है',
+    circle_r: 'बदल रहा है चक्र त्रिज्या',
+    ellipse_cx: 'बदलें दीर्घवृत्त है cx समन्वय',
+    ellipse_cy: 'बदलें दीर्घवृत्त cy समन्वय है',
+    ellipse_rx: 'बदल रहा है दीर्घवृत्त x त्रिज्या',
+    ellipse_ry: 'बदल रहा है दीर्घवृत्त y त्रिज्या',
+    line_x1: 'बदल रहा है लाइन x समन्वय शुरू',
+    line_x2: 'बदल रहा है लाइन x समन्वय समाप्त',
+    line_y1: 'बदलें रेखा y शुरू हो रहा है समन्वय',
+    line_y2: 'बदलें रेखा y अंत है समन्वय',
+    rect_height: 'बदलें आयत ऊंचाई',
+    rect_width: 'बदलें आयत चौड़ाई',
+    corner_radius: 'बदलें आयत कॉर्नर त्रिज्या',
+    image_width: 'बदलें छवि चौड़ाई',
+    image_height: 'बदलें छवि ऊँचाई',
+    image_url: 'बदलें यूआरएल',
+    node_x: 'नोड का x समकक्ष बदलें',
+    node_y: 'नोड का y समकक्ष बदलें',
+    seg_type: 'वर्ग प्रकार बदलें',
+    straight_segments: 'सीधे वर्ग',
+    curve_segments: 'घुमाव',
+    text_contents: 'बदलें पाठ सामग्री',
+    font_family: 'बदलें फ़ॉन्ट परिवार',
+    font_size: 'फ़ॉन्ट का आकार बदलें',
+    bold: 'मोटा पाठ',
+    italic: 'इटैलिक पाठ'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'पृष्ठभूमि का रंग बदल / अस्पष्टता',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'सामग्री के लिए फिट',
+    fit_to_all: 'सभी सामग्री के लिए फिट',
+    fit_to_canvas: 'फिट कैनवास को',
+    fit_to_layer_content: 'फिट परत सामग्री के लिए',
+    fit_to_sel: 'चयन के लिए फिट',
+    align_relative_to: 'संरेखित करें रिश्तेदार को ...',
+    relativeTo: 'रिश्तेदार को:',
+    page: 'पृष्ठ',
+    largest_object: 'सबसे बड़ी वस्तु',
+    selected_objects: 'निर्वाचित वस्तुओं',
+    smallest_object: 'छोटी से छोटी वस्तु',
+    new_doc: 'नई छवि',
+    open_doc: 'छवि खोलें',
+    export_img: 'Export',
+    save_doc: 'सहेजें छवि',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'तलमेंपंक्तिबद्धकरें',
+    align_center: 'मध्य में समंजित करें',
+    align_left: ' पंक्तिबद्ध करें',
+    align_middle: 'मध्य संरेखित करें',
+    align_right: 'दायाँपंक्तिबद्धकरें',
+    align_top: 'शीर्षमेंपंक्तिबद्धकरें',
+    mode_select: 'उपकरण चुनें',
+    mode_fhpath: 'पेंसिल उपकरण',
+    mode_line: 'लाइन उपकरण',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'नि: शुल्क हाथ आयत',
+    mode_ellipse: 'दीर्घवृत्त',
+    mode_circle: 'वृत्त',
+    mode_fhellipse: 'नि: शुल्क हाथ दीर्घवृत्त',
+    mode_path: 'Path Tool',
+    mode_text: 'पाठ उपकरण',
+    mode_image: 'छवि उपकरण',
+    mode_zoom: 'ज़ूम उपकरण',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'पूर्ववत करें',
+    redo: 'फिर से करें',
+    tool_source: 'स्रोत में बदलाव करें',
+    wireframe_mode: 'रूपरेखा मोड',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'समूह तत्वों',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'पथ में बदलें',
+    reorient_path: 'पथ को नई दिशा दें',
+    ungroup: 'अंश को समूह से अलग करें',
+    docprops: 'दस्तावेज़ गुण',
+    move_bottom: 'नीचे ले जाएँ',
+    move_top: 'ऊपर ले जाएँ',
+    node_clone: 'नोड क्लोन',
+    node_delete: 'नोड हटायें',
+    node_link: 'कड़ी नियंत्रण बिंदु',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'बचाना',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'परत',
+    layers: 'Layers',
+    del: 'परत हटाएँ',
+    move_down: 'परत नीचे ले जाएँ',
+    new: 'नई परत',
+    rename: 'परत का नाम बदलें',
+    move_up: 'परत ऊपर ले जाएँ',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'अंश को ले जाएँ:',
+    move_selected: 'चयनित अंश को दूसरी परत पर  ले जाएँ'
+  },
+  config: {
+    image_props: 'छवि के गुण',
+    doc_title: 'शीर्षक',
+    doc_dims: 'कैनवास आयाम',
+    included_images: 'शामिल छवियाँ',
+    image_opt_embed: 'एम्बेड डेटा (स्थानीय फ़ाइलें)',
+    image_opt_ref: 'फाइल के संदर्भ का प्रयोग',
+    editor_prefs: 'संपादक वरीयताएँ',
+    icon_size: 'चिह्न का आकार',
+    language: 'भाषा',
+    background: 'संपादक पृष्ठभूमि',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'नोट: पृष्ठभूमि छवि के साथ नहीं बचायी जाएगी',
+    icon_large: 'बड़ा',
+    icon_medium: 'मध्यम',
+    icon_small: 'छोटा',
+    icon_xlarge: 'बहुत बड़ा',
+    select_predefined: 'चुनें पूर्वनिर्धारित:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'अमान्य मूल्य',
+    noContentToFitTo: 'कोई सामग्री फिट करने के लिए उपलब्ध नहीं',
+    dupeLayerName: 'इस नाम कि परत पहले से मौजूद है !',
+    enterUniqueLayerName: 'कृपया परत का एक अद्वितीय नाम डालें',
+    enterNewLayerName: 'कृपया परत का एक नया नाम डालें',
+    layerHasThatName: 'परत का पहले से ही यही नाम है',
+    QmoveElemsToLayer: "चयनित अंश को परत '%s' पर ले जाएँ ?",
+    QwantToClear: 'क्या आप छवि साफ़ करना चाहते हैं?\nयह आपके उन्डू  इतिहास को भी मिटा देगा!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'आपके एस.वी.जी. स्रोत में त्रुटियों थी.\nक्या आप मूल एस.वी.जी स्रोत पर वापिस जाना चाहते हैं?',
+    QignoreSourceChanges: 'एसवीजी स्रोत से लाये बदलावों को ध्यान न दें?',
+    featNotSupported: 'सुविधा असमर्थित है',
+    enterNewImgURL: 'नई छवि URL दर्ज करें',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.hr.js b/editor/locale/lang.hr.js
index 380894b6..f6459678 100644
--- a/editor/locale/lang.hr.js
+++ b/editor/locale/lang.hr.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "hr",
-	dir : "ltr",
-	common: {
-		"ok": "Spremiti",
-		"cancel": "Odustani",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Kliknite promijeniti boju ispune, shift-click to promijeniti boju moždanog udara",
-		"zoom_level": "Promjena razine zumiranja",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Promjena boje ispune",
-		"stroke_color": "Promjena boje moždani udar",
-		"stroke_style": "Promijeni stroke crtica stil",
-		"stroke_width": "Promjena širine moždani udar",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Promijeni rotation angle",
-		"blur": "Change gaussian blur value",
-		"opacity": "Promjena odabrane stavke neprozirnost",
-		"circle_cx": "Promjena krug&#39;s CX koordinirati",
-		"circle_cy": "Cy Promijeni krug je koordinirati",
-		"circle_r": "Promjena krug je radijusa",
-		"ellipse_cx": "Promjena elipsa&#39;s CX koordinirati",
-		"ellipse_cy": "Cy Promijeni elipsa je koordinirati",
-		"ellipse_rx": "Promijeniti elipsa&#39;s x polumjer",
-		"ellipse_ry": "Promjena elipsa&#39;s y polumjer",
-		"line_x1": "Promijeni linija je početak x koordinatu",
-		"line_x2": "Promjena linije završetak x koordinatu",
-		"line_y1": "Promijeni linija je početak y koordinatu",
-		"line_y2": "Promjena linije završetak y koordinatu",
-		"rect_height": "Promijeni pravokutnik visine",
-		"rect_width": "Promijeni pravokutnik širine",
-		"corner_radius": "Promijeni Pravokutnik Corner Radius",
-		"image_width": "Promijeni sliku širine",
-		"image_height": "Promijeni sliku visina",
-		"image_url": "Promijeni URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Promjena sadržaja teksta",
-		"font_family": "Promjena fontova",
-		"font_size": "Change font size",
-		"bold": "Podebljani tekst",
-		"italic": "Italic Text"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Promijeni boju pozadine / neprozirnost",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Prilagodi na sve sadržaje",
-		"fit_to_canvas": "Prilagodi na platnu",
-		"fit_to_layer_content": "Prilagodi sloj sadržaj",
-		"fit_to_sel": "Prilagodi odabir",
-		"align_relative_to": "Poravnaj u odnosu na ...",
-		"relativeTo": "u odnosu na:",
-		"page": "stranica",
-		"largest_object": "najveći objekt",
-		"selected_objects": "izabrani objekti",
-		"smallest_object": "najmanji objekt",
-		"new_doc": "Nove slike",
-		"open_doc": "Otvori sliku",
-		"export_img": "Export",
-		"save_doc": "Spremanje slike",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Poravnaj dolje",
-		"align_center": "Centriraj",
-		"align_left": "Poravnaj lijevo",
-		"align_middle": "Poravnaj Srednji",
-		"align_right": "Poravnaj desno",
-		"align_top": "Poravnaj Top",
-		"mode_select": "Odaberite alat",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Pravokutnik",
-		"mode_ellipse": "Elipsa",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Tekst Alat",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Alat za zumiranje",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Poništi",
-		"redo": "Redo",
-		"tool_source": "Uredi Source",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Grupa Elementi",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Razgrupiranje Elementi",
-		"docprops": "Svojstva dokumenta",
-		"imagelib": "Image Library",
-		"move_bottom": "Move to Bottom",
-		"move_top": "Pomakni na vrh",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Spremiti",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Brisanje sloja",
-		"move_down": "Move Layer Down",
-		"new": "New Layer",
-		"rename": "Preimenuj Layer",
-		"move_up": "Move Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Select predefinirane:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'hr',
+  dir: 'ltr',
+  common: {
+    ok: 'Spremiti',
+    cancel: 'Odustani',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Kliknite promijeniti boju ispune, shift-click to promijeniti boju moždanog udara',
+    zoom_level: 'Promjena razine zumiranja',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Promjena boje ispune',
+    stroke_color: 'Promjena boje moždani udar',
+    stroke_style: 'Promijeni stroke crtica stil',
+    stroke_width: 'Promjena širine moždani udar',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Promijeni rotation angle',
+    blur: 'Change gaussian blur value',
+    opacity: 'Promjena odabrane stavke neprozirnost',
+    circle_cx: 'Promjena krug&#39;s CX koordinirati',
+    circle_cy: 'Cy Promijeni krug je koordinirati',
+    circle_r: 'Promjena krug je radijusa',
+    ellipse_cx: 'Promjena elipsa&#39;s CX koordinirati',
+    ellipse_cy: 'Cy Promijeni elipsa je koordinirati',
+    ellipse_rx: 'Promijeniti elipsa&#39;s x polumjer',
+    ellipse_ry: 'Promjena elipsa&#39;s y polumjer',
+    line_x1: 'Promijeni linija je početak x koordinatu',
+    line_x2: 'Promjena linije završetak x koordinatu',
+    line_y1: 'Promijeni linija je početak y koordinatu',
+    line_y2: 'Promjena linije završetak y koordinatu',
+    rect_height: 'Promijeni pravokutnik visine',
+    rect_width: 'Promijeni pravokutnik širine',
+    corner_radius: 'Promijeni Pravokutnik Corner Radius',
+    image_width: 'Promijeni sliku širine',
+    image_height: 'Promijeni sliku visina',
+    image_url: 'Promijeni URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Promjena sadržaja teksta',
+    font_family: 'Promjena fontova',
+    font_size: 'Change font size',
+    bold: 'Podebljani tekst',
+    italic: 'Italic Text'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Promijeni boju pozadine / neprozirnost',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Prilagodi na sve sadržaje',
+    fit_to_canvas: 'Prilagodi na platnu',
+    fit_to_layer_content: 'Prilagodi sloj sadržaj',
+    fit_to_sel: 'Prilagodi odabir',
+    align_relative_to: 'Poravnaj u odnosu na ...',
+    relativeTo: 'u odnosu na:',
+    page: 'stranica',
+    largest_object: 'najveći objekt',
+    selected_objects: 'izabrani objekti',
+    smallest_object: 'najmanji objekt',
+    new_doc: 'Nove slike',
+    open_doc: 'Otvori sliku',
+    export_img: 'Export',
+    save_doc: 'Spremanje slike',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Poravnaj dolje',
+    align_center: 'Centriraj',
+    align_left: 'Poravnaj lijevo',
+    align_middle: 'Poravnaj Srednji',
+    align_right: 'Poravnaj desno',
+    align_top: 'Poravnaj Top',
+    mode_select: 'Odaberite alat',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Pravokutnik',
+    mode_ellipse: 'Elipsa',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Tekst Alat',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Alat za zumiranje',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Poništi',
+    redo: 'Redo',
+    tool_source: 'Uredi Source',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Grupa Elementi',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Razgrupiranje Elementi',
+    docprops: 'Svojstva dokumenta',
+    move_bottom: 'Move to Bottom',
+    move_top: 'Pomakni na vrh',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Spremiti',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Brisanje sloja',
+    move_down: 'Move Layer Down',
+    new: 'New Layer',
+    rename: 'Preimenuj Layer',
+    move_up: 'Move Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Select predefinirane:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.hu.js b/editor/locale/lang.hu.js
index 1bf76998..89d96c3c 100644
--- a/editor/locale/lang.hu.js
+++ b/editor/locale/lang.hu.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "hu",
-	dir : "ltr",
-	common: {
-		"ok": "Ment",
-		"cancel": "Szakítani",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Kattints ide a változások töltse szín, shift-click változtatni stroke color",
-		"zoom_level": "Change nagyítási",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Change töltse color",
-		"stroke_color": "Change stroke color",
-		"stroke_style": "Change stroke kötőjel style",
-		"stroke_width": "Change stroke width",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Váltás forgás szög",
-		"blur": "Change gaussian blur value",
-		"opacity": "A kijelölt elem opacity",
-		"circle_cx": "Change kör CX koordináta",
-		"circle_cy": "Change kör cy koordináta",
-		"circle_r": "Change kör sugara",
-		"ellipse_cx": "Change ellipszis&#39;s CX koordináta",
-		"ellipse_cy": "Change ellipszis&#39;s cy koordináta",
-		"ellipse_rx": "Change ellipszis&#39;s x sugarú",
-		"ellipse_ry": "Change ellipszis&#39;s y sugara",
-		"line_x1": "A sor kezd x koordináta",
-		"line_x2": "A sor vége az x koordináta",
-		"line_y1": "A sor kezd y koordináta",
-		"line_y2": "A sor vége az y koordináta",
-		"rect_height": "Change téglalap magassága",
-		"rect_width": "Change téglalap szélessége",
-		"corner_radius": "Change téglalap sarok sugara",
-		"image_width": "Change kép szélessége",
-		"image_height": "Kép módosítása height",
-		"image_url": "Change URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "A szöveg tartalma",
-		"font_family": "Change Betűcsalád",
-		"font_size": "Change font size",
-		"bold": "Félkövér szöveg",
-		"italic": "Dőlt szöveg"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Change background color / homályosság",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Illeszkednek az összes tartalom",
-		"fit_to_canvas": "Igazítás a vászonra",
-		"fit_to_layer_content": "Igazítás a réteg tartalma",
-		"fit_to_sel": "Igazítás a kiválasztási",
-		"align_relative_to": "Képest Igazítás ...",
-		"relativeTo": "relatív hogy:",
-		"page": "Page",
-		"largest_object": "legnagyobb objektum",
-		"selected_objects": "választott tárgyak",
-		"smallest_object": "legkisebb objektum",
-		"new_doc": "Új kép",
-		"open_doc": "Kép megnyitása",
-		"export_img": "Export",
-		"save_doc": "Kép mentése más",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Alulra igazítás",
-		"align_center": "Középre igazítás",
-		"align_left": "Balra igazítás",
-		"align_middle": "Közép-align",
-		"align_right": "Jobbra igazítás",
-		"align_top": "Align Top",
-		"mode_select": "Válassza ki az eszközt",
-		"mode_fhpath": "Ceruza eszköz",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand téglalap",
-		"mode_ellipse": "Ellipszisszelet",
-		"mode_circle": "Körbe",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Szöveg eszköz",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Visszavon",
-		"redo": "Megismétléséhez",
-		"tool_source": "Szerkesztés Forrás",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Csoport elemei",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Szétbont elemei",
-		"docprops": "Dokumentum tulajdonságai",
-		"imagelib": "Image Library",
-		"move_bottom": "Mozgatás lefelé",
-		"move_top": "Move to Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Ment",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Réteg törlése",
-		"move_down": "Mozgatása lefelé",
-		"new": "Új réteg",
-		"rename": "Réteg átnevezése",
-		"move_up": "Move Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Válassza ki előre definiált:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'hu',
+  dir: 'ltr',
+  common: {
+    ok: 'Ment',
+    cancel: 'Szakítani',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Kattints ide a változások töltse szín, shift-click változtatni stroke color',
+    zoom_level: 'Change nagyítási',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Change töltse color',
+    stroke_color: 'Change stroke color',
+    stroke_style: 'Change stroke kötőjel style',
+    stroke_width: 'Change stroke width',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Váltás forgás szög',
+    blur: 'Change gaussian blur value',
+    opacity: 'A kijelölt elem opacity',
+    circle_cx: 'Change kör CX koordináta',
+    circle_cy: 'Change kör cy koordináta',
+    circle_r: 'Change kör sugara',
+    ellipse_cx: 'Change ellipszis&#39;s CX koordináta',
+    ellipse_cy: 'Change ellipszis&#39;s cy koordináta',
+    ellipse_rx: 'Change ellipszis&#39;s x sugarú',
+    ellipse_ry: 'Change ellipszis&#39;s y sugara',
+    line_x1: 'A sor kezd x koordináta',
+    line_x2: 'A sor vége az x koordináta',
+    line_y1: 'A sor kezd y koordináta',
+    line_y2: 'A sor vége az y koordináta',
+    rect_height: 'Change téglalap magassága',
+    rect_width: 'Change téglalap szélessége',
+    corner_radius: 'Change téglalap sarok sugara',
+    image_width: 'Change kép szélessége',
+    image_height: 'Kép módosítása height',
+    image_url: 'Change URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'A szöveg tartalma',
+    font_family: 'Change Betűcsalád',
+    font_size: 'Change font size',
+    bold: 'Félkövér szöveg',
+    italic: 'Dőlt szöveg'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Change background color / homályosság',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Illeszkednek az összes tartalom',
+    fit_to_canvas: 'Igazítás a vászonra',
+    fit_to_layer_content: 'Igazítás a réteg tartalma',
+    fit_to_sel: 'Igazítás a kiválasztási',
+    align_relative_to: 'Képest Igazítás ...',
+    relativeTo: 'relatív hogy:',
+    page: 'Page',
+    largest_object: 'legnagyobb objektum',
+    selected_objects: 'választott tárgyak',
+    smallest_object: 'legkisebb objektum',
+    new_doc: 'Új kép',
+    open_doc: 'Kép megnyitása',
+    export_img: 'Export',
+    save_doc: 'Kép mentése más',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Alulra igazítás',
+    align_center: 'Középre igazítás',
+    align_left: 'Balra igazítás',
+    align_middle: 'Közép-align',
+    align_right: 'Jobbra igazítás',
+    align_top: 'Align Top',
+    mode_select: 'Válassza ki az eszközt',
+    mode_fhpath: 'Ceruza eszköz',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand téglalap',
+    mode_ellipse: 'Ellipszisszelet',
+    mode_circle: 'Körbe',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Szöveg eszköz',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Visszavon',
+    redo: 'Megismétléséhez',
+    tool_source: 'Szerkesztés Forrás',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Csoport elemei',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Szétbont elemei',
+    docprops: 'Dokumentum tulajdonságai',
+    move_bottom: 'Mozgatás lefelé',
+    move_top: 'Move to Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Ment',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Réteg törlése',
+    move_down: 'Mozgatása lefelé',
+    new: 'Új réteg',
+    rename: 'Réteg átnevezése',
+    move_up: 'Move Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Válassza ki előre definiált:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.hy.js b/editor/locale/lang.hy.js
index c247a922..1a5a9adc 100644
--- a/editor/locale/lang.hy.js
+++ b/editor/locale/lang.hy.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "hy",
-	dir : "ltr",
-	common: {
-		"ok": "Save",
-		"cancel": "Cancel",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Click to change fill color, shift-click to change stroke color",
-		"zoom_level": "Change zoom level",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Change fill color",
-		"stroke_color": "Change stroke color",
-		"stroke_style": "Change stroke dash style",
-		"stroke_width": "Change stroke width",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Change rotation angle",
-		"blur": "Change gaussian blur value",
-		"opacity": "Change selected item opacity",
-		"circle_cx": "Change circle's cx coordinate",
-		"circle_cy": "Change circle's cy coordinate",
-		"circle_r": "Change circle's radius",
-		"ellipse_cx": "Change ellipse's cx coordinate",
-		"ellipse_cy": "Change ellipse's cy coordinate",
-		"ellipse_rx": "Change ellipse's x radius",
-		"ellipse_ry": "Change ellipse's y radius",
-		"line_x1": "Change line's starting x coordinate",
-		"line_x2": "Change line's ending x coordinate",
-		"line_y1": "Change line's starting y coordinate",
-		"line_y2": "Change line's ending y coordinate",
-		"rect_height": "Change rectangle height",
-		"rect_width": "Change rectangle width",
-		"corner_radius": "Change Rectangle Corner Radius",
-		"image_width": "Change image width",
-		"image_height": "Change image height",
-		"image_url": "Change URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Change text contents",
-		"font_family": "Change Font Family",
-		"font_size": "Change Font Size",
-		"bold": "Bold Text",
-		"italic": "Italic Text"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Change background color/opacity",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Fit to all content",
-		"fit_to_canvas": "Fit to canvas",
-		"fit_to_layer_content": "Fit to layer content",
-		"fit_to_sel": "Fit to selection",
-		"align_relative_to": "Align relative to ...",
-		"relativeTo": "relative to:",
-		"page": "page",
-		"largest_object": "largest object",
-		"selected_objects": "elected objects",
-		"smallest_object": "smallest object",
-		"new_doc": "New Image",
-		"open_doc": "Open SVG",
-		"export_img": "Export",
-		"save_doc": "Save Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Align Center",
-		"align_left": "Align Left",
-		"align_middle": "Align Middle",
-		"align_right": "Align Right",
-		"align_top": "Align Top",
-		"mode_select": "Select Tool",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Rectangle",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Undo",
-		"redo": "Redo",
-		"tool_source": "Edit Source",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Group Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elements",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Move to Bottom",
-		"move_top": "Move to Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Save",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Delete Layer",
-		"move_down": "Move Layer Down",
-		"new": "New Layer",
-		"rename": "Rename Layer",
-		"move_up": "Move Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Select predefined:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
\ No newline at end of file
+export default {
+  lang: 'hy',
+  dir: 'ltr',
+  common: {
+    ok: 'Save',
+    cancel: 'Cancel',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Click to change fill color, shift-click to change stroke color',
+    zoom_level: 'Change zoom level',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Change fill color',
+    stroke_color: 'Change stroke color',
+    stroke_style: 'Change stroke dash style',
+    stroke_width: 'Change stroke width',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Change rotation angle',
+    blur: 'Change gaussian blur value',
+    opacity: 'Change selected item opacity',
+    circle_cx: "Change circle's cx coordinate",
+    circle_cy: "Change circle's cy coordinate",
+    circle_r: "Change circle's radius",
+    ellipse_cx: "Change ellipse's cx coordinate",
+    ellipse_cy: "Change ellipse's cy coordinate",
+    ellipse_rx: "Change ellipse's x radius",
+    ellipse_ry: "Change ellipse's y radius",
+    line_x1: "Change line's starting x coordinate",
+    line_x2: "Change line's ending x coordinate",
+    line_y1: "Change line's starting y coordinate",
+    line_y2: "Change line's ending y coordinate",
+    rect_height: 'Change rectangle height',
+    rect_width: 'Change rectangle width',
+    corner_radius: 'Change Rectangle Corner Radius',
+    image_width: 'Change image width',
+    image_height: 'Change image height',
+    image_url: 'Change URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Change text contents',
+    font_family: 'Change Font Family',
+    font_size: 'Change Font Size',
+    bold: 'Bold Text',
+    italic: 'Italic Text'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Change background color/opacity',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Fit to all content',
+    fit_to_canvas: 'Fit to canvas',
+    fit_to_layer_content: 'Fit to layer content',
+    fit_to_sel: 'Fit to selection',
+    align_relative_to: 'Align relative to ...',
+    relativeTo: 'relative to:',
+    page: 'page',
+    largest_object: 'largest object',
+    selected_objects: 'elected objects',
+    smallest_object: 'smallest object',
+    new_doc: 'New Image',
+    open_doc: 'Open SVG',
+    export_img: 'Export',
+    save_doc: 'Save Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Align Center',
+    align_left: 'Align Left',
+    align_middle: 'Align Middle',
+    align_right: 'Align Right',
+    align_top: 'Align Top',
+    mode_select: 'Select Tool',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Rectangle',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Text Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Undo',
+    redo: 'Redo',
+    tool_source: 'Edit Source',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Group Elements',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elements',
+    docprops: 'Document Properties',
+    move_bottom: 'Move to Bottom',
+    move_top: 'Move to Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Save',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Delete Layer',
+    move_down: 'Move Layer Down',
+    new: 'New Layer',
+    rename: 'Rename Layer',
+    move_up: 'Move Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Select predefined:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.id.js b/editor/locale/lang.id.js
index 78096ec1..02e17e0e 100644
--- a/editor/locale/lang.id.js
+++ b/editor/locale/lang.id.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "id",
-	dir : "ltr",
-	common: {
-		"ok": "Simpan",
-		"cancel": "Batal",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Klik untuk mengubah warna mengisi, shift-klik untuk mengubah warna stroke",
-		"zoom_level": "Mengubah tingkat pembesaran",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Ubah warna mengisi",
-		"stroke_color": "Ubah warna stroke",
-		"stroke_style": "Ubah gaya dash stroke",
-		"stroke_width": "Ubah stroke width",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Ubah sudut rotasi",
-		"blur": "Change gaussian blur value",
-		"opacity": "Mengubah item yang dipilih keburaman",
-		"circle_cx": "Mengubah koordinat lingkaran cx",
-		"circle_cy": "Mengubah koordinat cy lingkaran",
-		"circle_r": "Ubah jari-jari lingkaran",
-		"ellipse_cx": "Ubah elips&#39;s cx koordinat",
-		"ellipse_cy": "Ubah elips&#39;s cy koordinat",
-		"ellipse_rx": "Ubah elips&#39;s x jari-jari",
-		"ellipse_ry": "Ubah elips&#39;s y jari-jari",
-		"line_x1": "Ubah baris mulai x koordinat",
-		"line_x2": "Ubah baris&#39;s Berakhir x koordinat",
-		"line_y1": "Ubah baris mulai y koordinat",
-		"line_y2": "Ubah baris di tiap akhir y koordinat",
-		"rect_height": "Perubahan tinggi persegi panjang",
-		"rect_width": "Ubah persegi panjang lebar",
-		"corner_radius": "Ubah Corner Rectangle Radius",
-		"image_width": "Ubah Lebar gambar",
-		"image_height": "Tinggi gambar Perubahan",
-		"image_url": "Ubah URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Ubah isi teks",
-		"font_family": "Ubah Font Keluarga",
-		"font_size": "Ubah Ukuran Font",
-		"bold": "Bold Teks",
-		"italic": "Italic Teks"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Mengubah warna latar belakang / keburaman",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Cocok untuk semua konten",
-		"fit_to_canvas": "Muat kanvas",
-		"fit_to_layer_content": "Muat konten lapisan",
-		"fit_to_sel": "Fit seleksi",
-		"align_relative_to": "Rata relatif ...",
-		"relativeTo": "relatif:",
-		"page": "Halaman",
-		"largest_object": "objek terbesar",
-		"selected_objects": "objek terpilih",
-		"smallest_object": "objek terkecil",
-		"new_doc": "Gambar Baru",
-		"open_doc": "Membuka Image",
-		"export_img": "Export",
-		"save_doc": "Save Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Rata Bottom",
-		"align_center": "Rata Tengah",
-		"align_left": "Rata Kiri",
-		"align_middle": "Rata Tengah",
-		"align_right": "Rata Kanan",
-		"align_top": "Rata Top",
-		"mode_select": "Pilih Tool",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Persegi Panjang",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Lingkaran",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Teks Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Undo",
-		"redo": "Redo",
-		"tool_source": "Edit Source",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Kelompok Elemen",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elemen",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Pindah ke Bawah",
-		"move_top": "Pindahkan ke Atas",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Simpan",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Hapus Layer",
-		"move_down": "Pindahkan Layer Bawah",
-		"new": "New Layer",
-		"rename": "Rename Layer",
-		"move_up": "Pindahkan Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Pilih standar:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'id',
+  dir: 'ltr',
+  common: {
+    ok: 'Simpan',
+    cancel: 'Batal',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Klik untuk mengubah warna mengisi, shift-klik untuk mengubah warna stroke',
+    zoom_level: 'Mengubah tingkat pembesaran',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Ubah warna mengisi',
+    stroke_color: 'Ubah warna stroke',
+    stroke_style: 'Ubah gaya dash stroke',
+    stroke_width: 'Ubah stroke width',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Ubah sudut rotasi',
+    blur: 'Change gaussian blur value',
+    opacity: 'Mengubah item yang dipilih keburaman',
+    circle_cx: 'Mengubah koordinat lingkaran cx',
+    circle_cy: 'Mengubah koordinat cy lingkaran',
+    circle_r: 'Ubah jari-jari lingkaran',
+    ellipse_cx: 'Ubah elips&#39;s cx koordinat',
+    ellipse_cy: 'Ubah elips&#39;s cy koordinat',
+    ellipse_rx: 'Ubah elips&#39;s x jari-jari',
+    ellipse_ry: 'Ubah elips&#39;s y jari-jari',
+    line_x1: 'Ubah baris mulai x koordinat',
+    line_x2: 'Ubah baris&#39;s Berakhir x koordinat',
+    line_y1: 'Ubah baris mulai y koordinat',
+    line_y2: 'Ubah baris di tiap akhir y koordinat',
+    rect_height: 'Perubahan tinggi persegi panjang',
+    rect_width: 'Ubah persegi panjang lebar',
+    corner_radius: 'Ubah Corner Rectangle Radius',
+    image_width: 'Ubah Lebar gambar',
+    image_height: 'Tinggi gambar Perubahan',
+    image_url: 'Ubah URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Ubah isi teks',
+    font_family: 'Ubah Font Keluarga',
+    font_size: 'Ubah Ukuran Font',
+    bold: 'Bold Teks',
+    italic: 'Italic Teks'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Mengubah warna latar belakang / keburaman',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Cocok untuk semua konten',
+    fit_to_canvas: 'Muat kanvas',
+    fit_to_layer_content: 'Muat konten lapisan',
+    fit_to_sel: 'Fit seleksi',
+    align_relative_to: 'Rata relatif ...',
+    relativeTo: 'relatif:',
+    page: 'Halaman',
+    largest_object: 'objek terbesar',
+    selected_objects: 'objek terpilih',
+    smallest_object: 'objek terkecil',
+    new_doc: 'Gambar Baru',
+    open_doc: 'Membuka Image',
+    export_img: 'Export',
+    save_doc: 'Save Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Rata Bottom',
+    align_center: 'Rata Tengah',
+    align_left: 'Rata Kiri',
+    align_middle: 'Rata Tengah',
+    align_right: 'Rata Kanan',
+    align_top: 'Rata Top',
+    mode_select: 'Pilih Tool',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Persegi Panjang',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Lingkaran',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Teks Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Undo',
+    redo: 'Redo',
+    tool_source: 'Edit Source',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Kelompok Elemen',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elemen',
+    docprops: 'Document Properties',
+    move_bottom: 'Pindah ke Bawah',
+    move_top: 'Pindahkan ke Atas',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Simpan',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Hapus Layer',
+    move_down: 'Pindahkan Layer Bawah',
+    new: 'New Layer',
+    rename: 'Rename Layer',
+    move_up: 'Pindahkan Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Pilih standar:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.is.js b/editor/locale/lang.is.js
index abdfb20b..af88bb90 100644
--- a/editor/locale/lang.is.js
+++ b/editor/locale/lang.is.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "is",
-	dir : "ltr",
-	common: {
-		"ok": "Vista",
-		"cancel": "Hætta",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Smelltu hér til að breyta fylla lit, Shift-smelltu til að breyta högg lit",
-		"zoom_level": "Breyta Stækkunarstig",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Breyta fylla color",
-		"stroke_color": "Breyta heilablķđfall color",
-		"stroke_style": "Breyta heilablķđfall þjóta stíl",
-		"stroke_width": "Breyta heilablķđfall width",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Breyting snúningur horn",
-		"blur": "Change gaussian blur value",
-		"opacity": "Breyta valin atriði opacity",
-		"circle_cx": "Cx Breyta hring er að samræma",
-		"circle_cy": "Breyta hring&#39;s cy samræma",
-		"circle_r": "Radíus Breyta hringsins er",
-		"ellipse_cx": "Breyta sporbaug&#39;s cx samræma",
-		"ellipse_cy": "Breyta sporbaug&#39;s cy samræma",
-		"ellipse_rx": "X radíus Breyta sporbaug&#39;s",
-		"ellipse_ry": "Y radíus Breyta sporbaug&#39;s",
-		"line_x1": "Breyta lína í byrjun x samræma",
-		"line_x2": "Breyta lína&#39;s Ending x samræma",
-		"line_y1": "Breyta lína í byrjun y samræma",
-		"line_y2": "Breyta lína er endir y samræma",
-		"rect_height": "Breyta rétthyrningur hæð",
-		"rect_width": "Skipta rétthyrningur width",
-		"corner_radius": "Breyta rétthyrningur Corner Radíus",
-		"image_width": "Breyta mynd width",
-		"image_height": "Breyta mynd hæð",
-		"image_url": "Breyta URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Breyta texta innihald",
-		"font_family": "Change Leturfjölskylda",
-		"font_size": "Breyta leturstærð",
-		"bold": "Bold Text",
-		"italic": "Italic Text"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Breyta bakgrunnslit / opacity",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Laga til efni",
-		"fit_to_canvas": "Fit á striga",
-		"fit_to_layer_content": "Laga til lag efni",
-		"fit_to_sel": "Fit til val",
-		"align_relative_to": "Jafna miðað við ...",
-		"relativeTo": "hlutfallslegt til:",
-		"page": "síðu",
-		"largest_object": "stærsti hlutinn",
-		"selected_objects": "kjörinn hlutir",
-		"smallest_object": "lítill hluti",
-		"new_doc": "New Image",
-		"open_doc": "Opna mynd",
-		"export_img": "Export",
-		"save_doc": "Spara Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Jafna Bottom",
-		"align_center": "Jafna Center",
-		"align_left": "Vinstri jöfnun",
-		"align_middle": "Jafna Mið",
-		"align_right": "Hægri jöfnun",
-		"align_top": "Jöfnun Top",
-		"mode_select": "Veldu Tól",
-		"mode_fhpath": "Blýantur Tól",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand rétthyrningur",
-		"mode_ellipse": "Sporbaugur",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free-Hand Sporbaugur",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text Tool",
-		"mode_image": "Mynd Tól",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Hætta",
-		"redo": "Endurtaka",
-		"tool_source": "Edit Source",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Group Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elements",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Færa Bottom",
-		"move_top": "Fara efst á síðu",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Vista",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Eyða Lag",
-		"move_down": "Færa Layer Down",
-		"new": "Lag",
-		"rename": "Endurnefna Lag",
-		"move_up": "Færa Lag Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Veldu predefined:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'is',
+  dir: 'ltr',
+  common: {
+    ok: 'Vista',
+    cancel: 'Hætta',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Smelltu hér til að breyta fylla lit, Shift-smelltu til að breyta högg lit',
+    zoom_level: 'Breyta Stækkunarstig',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Breyta fylla color',
+    stroke_color: 'Breyta heilablķđfall color',
+    stroke_style: 'Breyta heilablķđfall þjóta stíl',
+    stroke_width: 'Breyta heilablķđfall width',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Breyting snúningur horn',
+    blur: 'Change gaussian blur value',
+    opacity: 'Breyta valin atriði opacity',
+    circle_cx: 'Cx Breyta hring er að samræma',
+    circle_cy: 'Breyta hring&#39;s cy samræma',
+    circle_r: 'Radíus Breyta hringsins er',
+    ellipse_cx: 'Breyta sporbaug&#39;s cx samræma',
+    ellipse_cy: 'Breyta sporbaug&#39;s cy samræma',
+    ellipse_rx: 'X radíus Breyta sporbaug&#39;s',
+    ellipse_ry: 'Y radíus Breyta sporbaug&#39;s',
+    line_x1: 'Breyta lína í byrjun x samræma',
+    line_x2: 'Breyta lína&#39;s Ending x samræma',
+    line_y1: 'Breyta lína í byrjun y samræma',
+    line_y2: 'Breyta lína er endir y samræma',
+    rect_height: 'Breyta rétthyrningur hæð',
+    rect_width: 'Skipta rétthyrningur width',
+    corner_radius: 'Breyta rétthyrningur Corner Radíus',
+    image_width: 'Breyta mynd width',
+    image_height: 'Breyta mynd hæð',
+    image_url: 'Breyta URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Breyta texta innihald',
+    font_family: 'Change Leturfjölskylda',
+    font_size: 'Breyta leturstærð',
+    bold: 'Bold Text',
+    italic: 'Italic Text'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Breyta bakgrunnslit / opacity',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Laga til efni',
+    fit_to_canvas: 'Fit á striga',
+    fit_to_layer_content: 'Laga til lag efni',
+    fit_to_sel: 'Fit til val',
+    align_relative_to: 'Jafna miðað við ...',
+    relativeTo: 'hlutfallslegt til:',
+    page: 'síðu',
+    largest_object: 'stærsti hlutinn',
+    selected_objects: 'kjörinn hlutir',
+    smallest_object: 'lítill hluti',
+    new_doc: 'New Image',
+    open_doc: 'Opna mynd',
+    export_img: 'Export',
+    save_doc: 'Spara Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Jafna Bottom',
+    align_center: 'Jafna Center',
+    align_left: 'Vinstri jöfnun',
+    align_middle: 'Jafna Mið',
+    align_right: 'Hægri jöfnun',
+    align_top: 'Jöfnun Top',
+    mode_select: 'Veldu Tól',
+    mode_fhpath: 'Blýantur Tól',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand rétthyrningur',
+    mode_ellipse: 'Sporbaugur',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free-Hand Sporbaugur',
+    mode_path: 'Path Tool',
+    mode_text: 'Text Tool',
+    mode_image: 'Mynd Tól',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Hætta',
+    redo: 'Endurtaka',
+    tool_source: 'Edit Source',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Group Elements',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elements',
+    docprops: 'Document Properties',
+    move_bottom: 'Færa Bottom',
+    move_top: 'Fara efst á síðu',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Vista',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Eyða Lag',
+    move_down: 'Færa Layer Down',
+    new: 'Lag',
+    rename: 'Endurnefna Lag',
+    move_up: 'Færa Lag Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Veldu predefined:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.it.js b/editor/locale/lang.it.js
index e3fbecc5..c6cbbf71 100644
--- a/editor/locale/lang.it.js
+++ b/editor/locale/lang.it.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "it",
-	dir : "ltr",
-	common: {
-		"ok": "Salva",
-		"cancel": "Annulla",
-		"key_backspace": "backspace", 
-		"key_del": "Canc", 
-		"key_down": "giù", 
-		"key_up": "su", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Mostra/nascondi strumenti per il tratto",
-		"palette_info": "Fare clic per cambiare il colore di riempimento, shift-click per cambiare colore del tratto",
-		"zoom_level": "Cambia il livello di zoom",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identifica l'elemento",
-		"fill_color": "Cambia il colore di riempimento",
-		"stroke_color": "Cambia il colore del tratto",
-		"stroke_style": "Cambia lo stile del tratto",
-		"stroke_width": "Cambia la larghezza del tratto",
-		"pos_x": "Modifica la coordinata x",
-		"pos_y": "Modifica la coordinata y",
-		"linecap_butt": "Inizio linea: Punto",
-		"linecap_round": "Inizio linea: Tondo",
-		"linecap_square": "Inizio linea: Quadrato",
-		"linejoin_bevel": "Giunzione: smussata",
-		"linejoin_miter": "Giunzione: spezzata",
-		"linejoin_round": "Giunzione: arrotondata",
-		"angle": "Cambia l'angolo di rotazione",
-		"blur": "Cambia l'intensità della sfocatura",
-		"opacity": "Cambia l'opacità dell'oggetto selezionato",
-		"circle_cx": "Cambia la coordinata Cx del cerchio",
-		"circle_cy": "Cambia la coordinata Cy del cerchio",
-		"circle_r": "Cambia il raggio del cerchio",
-		"ellipse_cx": "Cambia la coordinata Cx dell'ellisse",
-		"ellipse_cy": "Cambia la coordinata Cy dell'ellisse",
-		"ellipse_rx": "Cambia l'asse x dell'ellisse",
-		"ellipse_ry": "Cambia l'asse y dell'ellisse",
-		"line_x1": "Modifica la coordinata iniziale x della linea",
-		"line_x2": "Modifica la coordinata finale x della linea",
-		"line_y1": "Modifica la coordinata iniziale y della linea",
-		"line_y2": "Modifica la coordinata finale y della linea",
-		"rect_height": "Cambia l'altezza rettangolo",
-		"rect_width": "Cambia la larghezza rettangolo",
-		"corner_radius": "Cambia il raggio dell'angolo",
-		"image_width": "Cambia la larghezza dell'immagine",
-		"image_height": "Cambia l'altezza dell'immagine",
-		"image_url": "Cambia URL",
-		"node_x": "Modifica la coordinata x del nodo",
-		"node_y": "Modifica la coordinata y del nodo",
-		"seg_type": "Cambia il tipo di segmento",
-		"straight_segments": "Linea retta",
-		"curve_segments": "Curva",
-		"text_contents": "Cambia il contenuto del testo",
-		"font_family": "Cambia il tipo di Font",
-		"font_size": "Modifica dimensione carattere",
-		"bold": "Grassetto",
-		"italic": "Corsivo"
-	},
-	tools: { 
-		"main_menu": "Menù principale",
-		"bkgnd_color_opac": "Cambia colore/opacità dello sfondo",
-		"connector_no_arrow": "No freccia",
-		"fitToContent": "Adatta al contenuto",
-		"fit_to_all": "Adatta a tutti i contenuti",
-		"fit_to_canvas": "Adatta all'area di disegno",
-		"fit_to_layer_content": "Adatta al contenuto del livello",
-		"fit_to_sel": "Adatta alla selezione",
-		"align_relative_to": "Allineati a ...",
-		"relativeTo": "Rispetto a:",
-		"page": "Pagina",
-		"largest_object": "Oggetto più grande",
-		"selected_objects": "Oggetti selezionati",
-		"smallest_object": "Oggetto più piccolo",
-		"new_doc": "Nuova immagine",
-		"open_doc": "Apri immagine",
-		"export_img": "Export",
-		"save_doc": "Salva",
-		"import_doc": "Importa SVG",
-		"align_to_page": "Allinea elementi alla pagina",
-		"align_bottom": "Allinea in basso",
-		"align_center": "Allinea al centro",
-		"align_left": "Allinea a sinistra",
-		"align_middle": "Allinea al centro",
-		"align_right": "Allinea a destra",
-		"align_top": "Allinea in alto",
-		"mode_select": "Seleziona",
-		"mode_fhpath": "Matita",
-		"mode_line": "Linea",
-		"mode_connect": "Collega due oggetti",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Rettangolo a mano libera",
-		"mode_ellipse": "Ellisse",
-		"mode_circle": "Cerchio",
-		"mode_fhellipse": "Ellisse a mano libera",
-		"mode_path": "Spezzata",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Testo",
-		"mode_image": "Immagine",
-		"mode_zoom": "Zoom",
-		"mode_eyedropper": "Seleziona colore",
-		"no_embed": "NOTA: L'immagine non può essere incorporata: dipenderà dal percorso assoluto per essere vista",
-		"undo": "Annulla",
-		"redo": "Rifai",
-		"tool_source": "Modifica sorgente",
-		"wireframe_mode": "Contorno",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Raggruppa elementi",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Converti in tracciato",
-		"reorient_path": "Riallinea",
-		"ungroup": "Separa gli elementi",
-		"docprops": "Proprietà del documento",
-		"imagelib": "Image Library",
-		"move_bottom": "Sposta in fondo",
-		"move_top": "Sposta in cima",
-		"node_clone": "Clona nodo",
-		"node_delete": "Elimina nodo",
-		"node_link": "Collegamento tra punti di controllo",
-		"add_subpath": "Aggiungi sotto-percorso",
-		"openclose_path": "Apri/chiudi spezzata",
-		"source_save": "Salva",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Livello",
-		"layers": "Layers",
-		"del": "Elimina il livello",
-		"move_down": "Sposta indietro il livello",
-		"new": "Nuovo livello",
-		"rename": "Rinomina il livello",
-		"move_up": "Sposta avanti il livello",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Sposta verso:",
-		"move_selected": "Sposta gli elementi in un diverso livello"
-	},
-	config: {
-		"image_props": "Proprietà Immagine",
-		"doc_title": "Titolo",
-		"doc_dims": "Dimensioni dell'area di disegno",
-		"included_images": "Immagini incluse",
-		"image_opt_embed": "Incorpora dati (file locali)",
-		"image_opt_ref": "Usa l'identificativo di riferimento",
-		"editor_prefs": "Preferenze",
-		"icon_size": "Dimensione Icona",
-		"language": "Lingua",
-		"background": "Sfondo dell'editor",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Nota: Lo sfondo non verrà salvato con l'immagine.",
-		"icon_large": "Grande",
-		"icon_medium": "Medio",
-		"icon_small": "Piccolo",
-		"icon_xlarge": "Molto grande",
-		"select_predefined": "Selezioni predefinite:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Valore assegnato non valido",
-		"noContentToFitTo":"Non c'è contenuto cui adeguarsi",
-		"dupeLayerName":"C'è già un livello con questo nome!",
-		"enterUniqueLayerName":"Assegna un diverso nome a ciascun livello, grazie!",
-		"enterNewLayerName":"Assegna un nome al livello",
-		"layerHasThatName":"Un livello ha già questo nome",
-		"QmoveElemsToLayer":"Sposta gli elementi selezionali al livello '%s'?",
-		"QwantToClear":"Vuoi cancellare il disegno?\nVerrà eliminato anche lo storico delle modifiche!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"Ci sono errori nel codice sorgente SVG.\nRitorno al codice originale?",
-		"QignoreSourceChanges":"Ignoro i cambiamenti nel sorgente SVG?",
-		"featNotSupported":"Caratteristica non supportata",
-		"enterNewImgURL":"Scrivi un nuovo URL per l'immagine",
-		"defsFailOnSave": "NOTA: A causa dlle caratteristiche del tuo browser, l'immagine potrà apparire errata (senza elementi o gradazioni) finché non sarà salvata.",
-		"loadingImage":"Sto caricando l'immagine. attendere prego...",
-		"saveFromBrowser": "Seleziona \"Salva con nome...\" nel browser per salvare l'immagine con nome %s .",
-		"noteTheseIssues": "Nota le seguenti particolarità: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'it',
+  dir: 'ltr',
+  common: {
+    ok: 'Salva',
+    cancel: 'Annulla',
+    key_backspace: 'backspace',
+    key_del: 'Canc',
+    key_down: 'giù',
+    key_up: 'su',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Mostra/nascondi strumenti per il tratto',
+    palette_info: 'Fare clic per cambiare il colore di riempimento, shift-click per cambiare colore del tratto',
+    zoom_level: 'Cambia il livello di zoom',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: "Identifica l'elemento",
+    fill_color: 'Cambia il colore di riempimento',
+    stroke_color: 'Cambia il colore del tratto',
+    stroke_style: 'Cambia lo stile del tratto',
+    stroke_width: 'Cambia la larghezza del tratto',
+    pos_x: 'Modifica la coordinata x',
+    pos_y: 'Modifica la coordinata y',
+    linecap_butt: 'Inizio linea: Punto',
+    linecap_round: 'Inizio linea: Tondo',
+    linecap_square: 'Inizio linea: Quadrato',
+    linejoin_bevel: 'Giunzione: smussata',
+    linejoin_miter: 'Giunzione: spezzata',
+    linejoin_round: 'Giunzione: arrotondata',
+    angle: "Cambia l'angolo di rotazione",
+    blur: "Cambia l'intensità della sfocatura",
+    opacity: "Cambia l'opacità dell'oggetto selezionato",
+    circle_cx: 'Cambia la coordinata Cx del cerchio',
+    circle_cy: 'Cambia la coordinata Cy del cerchio',
+    circle_r: 'Cambia il raggio del cerchio',
+    ellipse_cx: "Cambia la coordinata Cx dell'ellisse",
+    ellipse_cy: "Cambia la coordinata Cy dell'ellisse",
+    ellipse_rx: "Cambia l'asse x dell'ellisse",
+    ellipse_ry: "Cambia l'asse y dell'ellisse",
+    line_x1: 'Modifica la coordinata iniziale x della linea',
+    line_x2: 'Modifica la coordinata finale x della linea',
+    line_y1: 'Modifica la coordinata iniziale y della linea',
+    line_y2: 'Modifica la coordinata finale y della linea',
+    rect_height: "Cambia l'altezza rettangolo",
+    rect_width: 'Cambia la larghezza rettangolo',
+    corner_radius: "Cambia il raggio dell'angolo",
+    image_width: "Cambia la larghezza dell'immagine",
+    image_height: "Cambia l'altezza dell'immagine",
+    image_url: 'Cambia URL',
+    node_x: 'Modifica la coordinata x del nodo',
+    node_y: 'Modifica la coordinata y del nodo',
+    seg_type: 'Cambia il tipo di segmento',
+    straight_segments: 'Linea retta',
+    curve_segments: 'Curva',
+    text_contents: 'Cambia il contenuto del testo',
+    font_family: 'Cambia il tipo di Font',
+    font_size: 'Modifica dimensione carattere',
+    bold: 'Grassetto',
+    italic: 'Corsivo'
+  },
+  tools: {
+    main_menu: 'Menù principale',
+    bkgnd_color_opac: 'Cambia colore/opacità dello sfondo',
+    connector_no_arrow: 'No freccia',
+    fitToContent: 'Adatta al contenuto',
+    fit_to_all: 'Adatta a tutti i contenuti',
+    fit_to_canvas: "Adatta all'area di disegno",
+    fit_to_layer_content: 'Adatta al contenuto del livello',
+    fit_to_sel: 'Adatta alla selezione',
+    align_relative_to: 'Allineati a ...',
+    relativeTo: 'Rispetto a:',
+    page: 'Pagina',
+    largest_object: 'Oggetto più grande',
+    selected_objects: 'Oggetti selezionati',
+    smallest_object: 'Oggetto più piccolo',
+    new_doc: 'Nuova immagine',
+    open_doc: 'Apri immagine',
+    export_img: 'Export',
+    save_doc: 'Salva',
+    import_doc: 'Importa SVG',
+    align_to_page: 'Allinea elementi alla pagina',
+    align_bottom: 'Allinea in basso',
+    align_center: 'Allinea al centro',
+    align_left: 'Allinea a sinistra',
+    align_middle: 'Allinea al centro',
+    align_right: 'Allinea a destra',
+    align_top: 'Allinea in alto',
+    mode_select: 'Seleziona',
+    mode_fhpath: 'Matita',
+    mode_line: 'Linea',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Rettangolo a mano libera',
+    mode_ellipse: 'Ellisse',
+    mode_circle: 'Cerchio',
+    mode_fhellipse: 'Ellisse a mano libera',
+    mode_path: 'Spezzata',
+    mode_text: 'Testo',
+    mode_image: 'Immagine',
+    mode_zoom: 'Zoom',
+    no_embed: "NOTA: L'immagine non può essere incorporata: dipenderà dal percorso assoluto per essere vista",
+    undo: 'Annulla',
+    redo: 'Rifai',
+    tool_source: 'Modifica sorgente',
+    wireframe_mode: 'Contorno',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Raggruppa elementi',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Converti in tracciato',
+    reorient_path: 'Riallinea',
+    ungroup: 'Separa gli elementi',
+    docprops: 'Proprietà del documento',
+    move_bottom: 'Sposta in fondo',
+    move_top: 'Sposta in cima',
+    node_clone: 'Clona nodo',
+    node_delete: 'Elimina nodo',
+    node_link: 'Collegamento tra punti di controllo',
+    add_subpath: 'Aggiungi sotto-percorso',
+    openclose_path: 'Apri/chiudi spezzata',
+    source_save: 'Salva',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Livello',
+    layers: 'Layers',
+    del: 'Elimina il livello',
+    move_down: 'Sposta indietro il livello',
+    new: 'Nuovo livello',
+    rename: 'Rinomina il livello',
+    move_up: 'Sposta avanti il livello',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Sposta verso:',
+    move_selected: 'Sposta gli elementi in un diverso livello'
+  },
+  config: {
+    image_props: 'Proprietà Immagine',
+    doc_title: 'Titolo',
+    doc_dims: "Dimensioni dell'area di disegno",
+    included_images: 'Immagini incluse',
+    image_opt_embed: 'Incorpora dati (file locali)',
+    image_opt_ref: "Usa l'identificativo di riferimento",
+    editor_prefs: 'Preferenze',
+    icon_size: 'Dimensione Icona',
+    language: 'Lingua',
+    background: "Sfondo dell'editor",
+    editor_img_url: 'Image URL',
+    editor_bg_note: "Nota: Lo sfondo non verrà salvato con l'immagine.",
+    icon_large: 'Grande',
+    icon_medium: 'Medio',
+    icon_small: 'Piccolo',
+    icon_xlarge: 'Molto grande',
+    select_predefined: 'Selezioni predefinite:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Valore assegnato non valido',
+    noContentToFitTo: "Non c'è contenuto cui adeguarsi",
+    dupeLayerName: "C'è già un livello con questo nome!",
+    enterUniqueLayerName: 'Assegna un diverso nome a ciascun livello, grazie!',
+    enterNewLayerName: 'Assegna un nome al livello',
+    layerHasThatName: 'Un livello ha già questo nome',
+    QmoveElemsToLayer: "Sposta gli elementi selezionali al livello '%s'?",
+    QwantToClear: 'Vuoi cancellare il disegno?\nVerrà eliminato anche lo storico delle modifiche!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'Ci sono errori nel codice sorgente SVG.\nRitorno al codice originale?',
+    QignoreSourceChanges: 'Ignoro i cambiamenti nel sorgente SVG?',
+    featNotSupported: 'Caratteristica non supportata',
+    enterNewImgURL: "Scrivi un nuovo URL per l'immagine",
+    defsFailOnSave: "NOTA: A causa dlle caratteristiche del tuo browser, l'immagine potrà apparire errata (senza elementi o gradazioni) finché non sarà salvata.",
+    loadingImage: "Sto caricando l'immagine. attendere prego...",
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Nota le seguenti particolarità: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.ja.js b/editor/locale/lang.ja.js
index cf65aee4..23d0df6a 100644
--- a/editor/locale/lang.ja.js
+++ b/editor/locale/lang.ja.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "ja",
-	dir : "ltr",
-	common: {
-		"ok": "OK",
-		"cancel": "キャンセル",
-		"key_backspace": "backspace", 
-		"key_del": "削除", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "クリックで塗りの色を選択、Shift+クリックで線の色を選択",
-		"zoom_level": "ズーム倍率の変更",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "塗りの色を変更",
-		"stroke_color": "線の色を変更",
-		"stroke_style": "線種の変更",
-		"stroke_width": "線幅の変更",
-		"pos_x": "X座標を変更",
-		"pos_y": "Y座標を変更",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "回転角の変更",
-		"blur": "Change gaussian blur value",
-		"opacity": "不透明度",
-		"circle_cx": "円の中心を変更（X座標）",
-		"circle_cy": "円の中心を変更（Y座標）",
-		"circle_r": "変更円の半径",
-		"ellipse_cx": "楕円の中心を変更（X座標）",
-		"ellipse_cy": "楕円の中心を変更（Y座標）",
-		"ellipse_rx": "楕円の半径を変更（X座標）",
-		"ellipse_ry": "楕円の半径を変更（Y座標）",
-		"line_x1": "開始X座標",
-		"line_x2": "終了X座標",
-		"line_y1": "開始Y座標",
-		"line_y2": "終了Y座標",
-		"rect_height": "長方形の高さを変更",
-		"rect_width": "長方形の幅を変更",
-		"corner_radius": "長方形の角の半径を変更",
-		"image_width": "画像の幅を変更",
-		"image_height": "画像の高さを変更",
-		"image_url": "URLを変更",
-		"node_x": "ノードのX座標を変更",
-		"node_y": "ノードのY座標を変更",
-		"seg_type": "線分の種類を変更",
-		"straight_segments": "直線",
-		"curve_segments": "カーブ",
-		"text_contents": "テキストの内容の変更",
-		"font_family": "フォントファミリーの変更",
-		"font_size": "文字サイズの変更",
-		"bold": "太字",
-		"italic": "イタリック体"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "背景色/不透明度の変更",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "コンテンツに合わせる",
-		"fit_to_all": "すべてのコンテンツに合わせる",
-		"fit_to_canvas": "キャンバスに合わせる",
-		"fit_to_layer_content": "レイヤー上のコンテンツに合わせる",
-		"fit_to_sel": "選択対象に合わせる",
-		"align_relative_to": "揃える",
-		"relativeTo": "相対:",
-		"page": "ページ",
-		"largest_object": "最大のオブジェクト",
-		"selected_objects": "選択オブジェクト",
-		"smallest_object": "最小のオブジェクト",
-		"new_doc": "新規イメージ",
-		"open_doc": "イメージを開く",
-		"export_img": "Export",
-		"save_doc": "画像を保存",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "下揃え",
-		"align_center": "中央揃え",
-		"align_left": "左揃え",
-		"align_middle": "中央揃え",
-		"align_right": "右揃え",
-		"align_top": "上揃え",
-		"mode_select": "選択ツール",
-		"mode_fhpath": "鉛筆ツール",
-		"mode_line": "直線ツール",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "フリーハンド長方形",
-		"mode_ellipse": "楕円",
-		"mode_circle": "円",
-		"mode_fhellipse": "フリーハンド楕円",
-		"mode_path": "パスツール",
-		"mode_shapelib": "Shape library",
-		"mode_text": "テキストツール",
-		"mode_image": "イメージツール",
-		"mode_zoom": "ズームツール",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "元に戻す",
-		"redo": "やり直し",
-		"tool_source": "ソースの編集",
-		"wireframe_mode": "ワイヤーフレームで表示 [F]",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "グループ化",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "パスに変換",
-		"reorient_path": "現在の角度を０度とする",
-		"ungroup": "グループ化を解除",
-		"docprops": "文書のプロパティ",
-		"imagelib": "Image Library",
-		"move_bottom": "奥に移動",
-		"move_top": "手前に移動",
-		"node_clone": "ノードを複製",
-		"node_delete": "ノードを削除",
-		"node_link": "制御点の接続",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "適用",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"レイヤ",
-		"layers": "Layers",
-		"del": "レイヤの削除",
-		"move_down": "レイヤを下へ移動",
-		"new": "新規レイヤ",
-		"rename": "レイヤの名前を変更",
-		"move_up": "レイヤを上へ移動",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "移動先レイヤ:",
-		"move_selected": "選択対象を別のレイヤに移動"
-	},
-	config: {
-		"image_props": "イメージの設定",
-		"doc_title": "タイトル",
-		"doc_dims": "キャンバスの大きさ",
-		"included_images": "挿入された画像の扱い",
-		"image_opt_embed": "SVGファイルに埋め込む",
-		"image_opt_ref": "画像を参照する",
-		"editor_prefs": "エディタの設定",
-		"icon_size": "アイコンの大きさ",
-		"language": "言語",
-		"background": "エディタの背景色",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "※背景色はファイルに保存されません。",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "デフォルト",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"無効な値が指定されています。",
-		"noContentToFitTo":"合わせる対象のコンテンツがありません。",
-		"dupeLayerName":"同名のレイヤーが既に存在します。",
-		"enterUniqueLayerName":"新規レイヤの一意な名前を入力してください。",
-		"enterNewLayerName":"レイヤの新しい名前を入力してください。",
-		"layerHasThatName":"既に同名が付いています。",
-		"QmoveElemsToLayer":"選択した要素をレイヤー '%s' に移動しますか？",
-		"QwantToClear":"キャンバスをクリアしますか？\nアンドゥ履歴も消去されます。",
-		"QwantToOpen":"新しいファイルを開きますか?\nアンドゥ履歴も消去されます。",
-		"QerrorsRevertToSource":"ソースにエラーがあります。\n元のソースに戻しますか？",
-		"QignoreSourceChanges":"ソースの変更を無視しますか？",
-		"featNotSupported":"機能はサポートされていません。",
-		"enterNewImgURL":"画像のURLを入力してください。",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'ja',
+  dir: 'ltr',
+  common: {
+    ok: 'OK',
+    cancel: 'キャンセル',
+    key_backspace: 'backspace',
+    key_del: '削除',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'クリックで塗りの色を選択、Shift+クリックで線の色を選択',
+    zoom_level: 'ズーム倍率の変更',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: '塗りの色を変更',
+    stroke_color: '線の色を変更',
+    stroke_style: '線種の変更',
+    stroke_width: '線幅の変更',
+    pos_x: 'X座標を変更',
+    pos_y: 'Y座標を変更',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: '回転角の変更',
+    blur: 'Change gaussian blur value',
+    opacity: '不透明度',
+    circle_cx: '円の中心を変更（X座標）',
+    circle_cy: '円の中心を変更（Y座標）',
+    circle_r: '変更円の半径',
+    ellipse_cx: '楕円の中心を変更（X座標）',
+    ellipse_cy: '楕円の中心を変更（Y座標）',
+    ellipse_rx: '楕円の半径を変更（X座標）',
+    ellipse_ry: '楕円の半径を変更（Y座標）',
+    line_x1: '開始X座標',
+    line_x2: '終了X座標',
+    line_y1: '開始Y座標',
+    line_y2: '終了Y座標',
+    rect_height: '長方形の高さを変更',
+    rect_width: '長方形の幅を変更',
+    corner_radius: '長方形の角の半径を変更',
+    image_width: '画像の幅を変更',
+    image_height: '画像の高さを変更',
+    image_url: 'URLを変更',
+    node_x: 'ノードのX座標を変更',
+    node_y: 'ノードのY座標を変更',
+    seg_type: '線分の種類を変更',
+    straight_segments: '直線',
+    curve_segments: 'カーブ',
+    text_contents: 'テキストの内容の変更',
+    font_family: 'フォントファミリーの変更',
+    font_size: '文字サイズの変更',
+    bold: '太字',
+    italic: 'イタリック体'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: '背景色/不透明度の変更',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'コンテンツに合わせる',
+    fit_to_all: 'すべてのコンテンツに合わせる',
+    fit_to_canvas: 'キャンバスに合わせる',
+    fit_to_layer_content: 'レイヤー上のコンテンツに合わせる',
+    fit_to_sel: '選択対象に合わせる',
+    align_relative_to: '揃える',
+    relativeTo: '相対:',
+    page: 'ページ',
+    largest_object: '最大のオブジェクト',
+    selected_objects: '選択オブジェクト',
+    smallest_object: '最小のオブジェクト',
+    new_doc: '新規イメージ',
+    open_doc: 'イメージを開く',
+    export_img: 'Export',
+    save_doc: '画像を保存',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: '下揃え',
+    align_center: '中央揃え',
+    align_left: '左揃え',
+    align_middle: '中央揃え',
+    align_right: '右揃え',
+    align_top: '上揃え',
+    mode_select: '選択ツール',
+    mode_fhpath: '鉛筆ツール',
+    mode_line: '直線ツール',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'フリーハンド長方形',
+    mode_ellipse: '楕円',
+    mode_circle: '円',
+    mode_fhellipse: 'フリーハンド楕円',
+    mode_path: 'パスツール',
+    mode_text: 'テキストツール',
+    mode_image: 'イメージツール',
+    mode_zoom: 'ズームツール',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: '元に戻す',
+    redo: 'やり直し',
+    tool_source: 'ソースの編集',
+    wireframe_mode: 'ワイヤーフレームで表示 [F]',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'グループ化',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'パスに変換',
+    reorient_path: '現在の角度を０度とする',
+    ungroup: 'グループ化を解除',
+    docprops: '文書のプロパティ',
+    move_bottom: '奥に移動',
+    move_top: '手前に移動',
+    node_clone: 'ノードを複製',
+    node_delete: 'ノードを削除',
+    node_link: '制御点の接続',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: '適用',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'レイヤ',
+    layers: 'Layers',
+    del: 'レイヤの削除',
+    move_down: 'レイヤを下へ移動',
+    new: '新規レイヤ',
+    rename: 'レイヤの名前を変更',
+    move_up: 'レイヤを上へ移動',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: '移動先レイヤ:',
+    move_selected: '選択対象を別のレイヤに移動'
+  },
+  config: {
+    image_props: 'イメージの設定',
+    doc_title: 'タイトル',
+    doc_dims: 'キャンバスの大きさ',
+    included_images: '挿入された画像の扱い',
+    image_opt_embed: 'SVGファイルに埋め込む',
+    image_opt_ref: '画像を参照する',
+    editor_prefs: 'エディタの設定',
+    icon_size: 'アイコンの大きさ',
+    language: '言語',
+    background: 'エディタの背景色',
+    editor_img_url: 'Image URL',
+    editor_bg_note: '※背景色はファイルに保存されません。',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'デフォルト',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: '無効な値が指定されています。',
+    noContentToFitTo: '合わせる対象のコンテンツがありません。',
+    dupeLayerName: '同名のレイヤーが既に存在します。',
+    enterUniqueLayerName: '新規レイヤの一意な名前を入力してください。',
+    enterNewLayerName: 'レイヤの新しい名前を入力してください。',
+    layerHasThatName: '既に同名が付いています。',
+    QmoveElemsToLayer: "選択した要素をレイヤー '%s' に移動しますか？",
+    QwantToClear: 'キャンバスをクリアしますか？\nアンドゥ履歴も消去されます。',
+    QwantToOpen: '新しいファイルを開きますか?\nアンドゥ履歴も消去されます。',
+    QerrorsRevertToSource: 'ソースにエラーがあります。\n元のソースに戻しますか？',
+    QignoreSourceChanges: 'ソースの変更を無視しますか？',
+    featNotSupported: '機能はサポートされていません。',
+    enterNewImgURL: '画像のURLを入力してください。',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.ko.js b/editor/locale/lang.ko.js
index 6fd7e9dd..48a407f4 100644
--- a/editor/locale/lang.ko.js
+++ b/editor/locale/lang.ko.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "ko",
-	dir : "ltr",
-	common: {
-		"ok": "저장",
-		"cancel": "취소",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "색상을 클릭, 근무 시간 채우기 스트로크 색상을 변경하려면 변경하려면",
-		"zoom_level": "변경 수준으로 확대",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "채우기 색상 변경",
-		"stroke_color": "뇌졸중으로 색상 변경",
-		"stroke_style": "뇌졸중 변경 대시 스타일",
-		"stroke_width": "뇌졸중 너비 변경",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "회전 각도를 변경",
-		"blur": "Change gaussian blur value",
-		"opacity": "변경 항목을 선택 불투명도",
-		"circle_cx": "변경 동그라미 CX는 좌표",
-		"circle_cy": "동그라미 싸이 변경 조정할 수있어",
-		"circle_r": "변경 원의 반지름",
-		"ellipse_cx": "CX는 타원의 좌표 변경",
-		"ellipse_cy": "싸이 타원 변경 조정할 수있어",
-		"ellipse_rx": "변경 타원의 x 반지름",
-		"ellipse_ry": "변경 타원의 y를 반경",
-		"line_x1": "변경 라인의 X 좌표 시작",
-		"line_x2": "변경 라인의 X 좌표 결말",
-		"line_y1": "라인 변경 y를 시작 좌표",
-		"line_y2": "라인 변경 y를 결말의 좌표",
-		"rect_height": "사각형의 높이를 변경",
-		"rect_width": "사각형의 너비 변경",
-		"corner_radius": "변경 직사각형 코너 반경",
-		"image_width": "이미지 변경 폭",
-		"image_height": "이미지 높이 변경",
-		"image_url": "URL 변경",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "텍스트 변경 내용",
-		"font_family": "글꼴 변경 패밀리",
-		"font_size": "글꼴 크기 변경",
-		"bold": "굵은 텍스트",
-		"italic": "기울임꼴 텍스트"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "배경 색상 변경 / 투명도",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "맞춤 콘텐츠",
-		"fit_to_all": "맞춤 모든 콘텐츠에",
-		"fit_to_canvas": "맞춤 캔버스",
-		"fit_to_layer_content": "레이어에 맞게 콘텐츠",
-		"fit_to_sel": "맞춤 선택",
-		"align_relative_to": "정렬 상대적으로 ...",
-		"relativeTo": "상대:",
-		"page": "페이지",
-		"largest_object": "큰 개체",
-		"selected_objects": "당선 개체",
-		"smallest_object": "작은 개체",
-		"new_doc": "새 이미지",
-		"open_doc": "오픈 이미지",
-		"export_img": "Export",
-		"save_doc": "이미지 저장",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "히프 정렬",
-		"align_center": "정렬 센터",
-		"align_left": "왼쪽 정렬",
-		"align_middle": "중간 정렬",
-		"align_right": "오른쪽 맞춤",
-		"align_top": "정렬 탑",
-		"mode_select": "선택 도구",
-		"mode_fhpath": "연필 도구",
-		"mode_line": "선 도구",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "자유 핸드 직사각형",
-		"mode_ellipse": "타원",
-		"mode_circle": "동그라미",
-		"mode_fhellipse": "자유 핸드 타원",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "텍스트 도구",
-		"mode_image": "이미지 도구",
-		"mode_zoom": "줌 도구",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "취소",
-		"redo": "재실행",
-		"tool_source": "수정 소스",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "그룹 요소",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "그룹 해제 요소",
-		"docprops": "문서 속성",
-		"imagelib": "Image Library",
-		"move_bottom": "아래로 이동",
-		"move_top": "상단으로 이동",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "저장",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "레이어 삭제",
-		"move_down": "레이어 아래로 이동",
-		"new": "새 레이어",
-		"rename": "레이어 이름 바꾸기",
-		"move_up": "레이어 위로 이동",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "미리 정의된 선택:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'ko',
+  dir: 'ltr',
+  common: {
+    ok: '저장',
+    cancel: '취소',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: '색상을 클릭, 근무 시간 채우기 스트로크 색상을 변경하려면 변경하려면',
+    zoom_level: '변경 수준으로 확대',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: '채우기 색상 변경',
+    stroke_color: '뇌졸중으로 색상 변경',
+    stroke_style: '뇌졸중 변경 대시 스타일',
+    stroke_width: '뇌졸중 너비 변경',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: '회전 각도를 변경',
+    blur: 'Change gaussian blur value',
+    opacity: '변경 항목을 선택 불투명도',
+    circle_cx: '변경 동그라미 CX는 좌표',
+    circle_cy: '동그라미 싸이 변경 조정할 수있어',
+    circle_r: '변경 원의 반지름',
+    ellipse_cx: 'CX는 타원의 좌표 변경',
+    ellipse_cy: '싸이 타원 변경 조정할 수있어',
+    ellipse_rx: '변경 타원의 x 반지름',
+    ellipse_ry: '변경 타원의 y를 반경',
+    line_x1: '변경 라인의 X 좌표 시작',
+    line_x2: '변경 라인의 X 좌표 결말',
+    line_y1: '라인 변경 y를 시작 좌표',
+    line_y2: '라인 변경 y를 결말의 좌표',
+    rect_height: '사각형의 높이를 변경',
+    rect_width: '사각형의 너비 변경',
+    corner_radius: '변경 직사각형 코너 반경',
+    image_width: '이미지 변경 폭',
+    image_height: '이미지 높이 변경',
+    image_url: 'URL 변경',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: '텍스트 변경 내용',
+    font_family: '글꼴 변경 패밀리',
+    font_size: '글꼴 크기 변경',
+    bold: '굵은 텍스트',
+    italic: '기울임꼴 텍스트'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: '배경 색상 변경 / 투명도',
+    connector_no_arrow: 'No arrow',
+    fitToContent: '맞춤 콘텐츠',
+    fit_to_all: '맞춤 모든 콘텐츠에',
+    fit_to_canvas: '맞춤 캔버스',
+    fit_to_layer_content: '레이어에 맞게 콘텐츠',
+    fit_to_sel: '맞춤 선택',
+    align_relative_to: '정렬 상대적으로 ...',
+    relativeTo: '상대:',
+    page: '페이지',
+    largest_object: '큰 개체',
+    selected_objects: '당선 개체',
+    smallest_object: '작은 개체',
+    new_doc: '새 이미지',
+    open_doc: '오픈 이미지',
+    export_img: 'Export',
+    save_doc: '이미지 저장',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: '히프 정렬',
+    align_center: '정렬 센터',
+    align_left: '왼쪽 정렬',
+    align_middle: '중간 정렬',
+    align_right: '오른쪽 맞춤',
+    align_top: '정렬 탑',
+    mode_select: '선택 도구',
+    mode_fhpath: '연필 도구',
+    mode_line: '선 도구',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: '자유 핸드 직사각형',
+    mode_ellipse: '타원',
+    mode_circle: '동그라미',
+    mode_fhellipse: '자유 핸드 타원',
+    mode_path: 'Path Tool',
+    mode_text: '텍스트 도구',
+    mode_image: '이미지 도구',
+    mode_zoom: '줌 도구',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: '취소',
+    redo: '재실행',
+    tool_source: '수정 소스',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: '그룹 요소',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: '그룹 해제 요소',
+    docprops: '문서 속성',
+    move_bottom: '아래로 이동',
+    move_top: '상단으로 이동',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: '저장',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: '레이어 삭제',
+    move_down: '레이어 아래로 이동',
+    new: '새 레이어',
+    rename: '레이어 이름 바꾸기',
+    move_up: '레이어 위로 이동',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: '미리 정의된 선택:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.lt.js b/editor/locale/lang.lt.js
index a63307fa..6c16e56a 100644
--- a/editor/locale/lang.lt.js
+++ b/editor/locale/lang.lt.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "lt",
-	dir : "ltr",
-	common: {
-		"ok": "Saugoti",
-		"cancel": "Atšaukti",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Spustelėkite norėdami keisti užpildo spalvą, perėjimo spustelėkite pakeisti insultas spalva",
-		"zoom_level": "Keisti mastelį",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Keisti užpildyti spalvos",
-		"stroke_color": "Keisti insultas spalva",
-		"stroke_style": "Keisti insultas brūkšnys stilius",
-		"stroke_width": "Keisti insultas plotis",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Keisti sukimosi kampas",
-		"blur": "Change gaussian blur value",
-		"opacity": "Pakeisti pasirinkto elemento neskaidrumo",
-		"circle_cx": "Keisti ratas&#39;s CX koordinuoti",
-		"circle_cy": "Keisti ratas&#39;s CY koordinuoti",
-		"circle_r": "Keisti savo apskritimo spindulys",
-		"ellipse_cx": "Keisti elipse&#39;s CX koordinuoti",
-		"ellipse_cy": "Keisti elipse&#39;s CY koordinuoti",
-		"ellipse_rx": "Keisti elipsė &quot;X spindulys",
-		"ellipse_ry": "Keisti elipse Y spindulys",
-		"line_x1": "Keisti linijos nuo koordinačių x",
-		"line_x2": "Keisti linijos baigėsi x koordinuoti",
-		"line_y1": "Keisti linijos pradžios y koordinačių",
-		"line_y2": "Keisti linijos baigėsi y koordinačių",
-		"rect_height": "Keisti stačiakampio aukščio",
-		"rect_width": "Pakeisti stačiakampio plotis",
-		"corner_radius": "Keisti stačiakampis skyrelį Spindulys",
-		"image_width": "Keisti paveikslėlio plotis",
-		"image_height": "Keisti vaizdo aukštis",
-		"image_url": "Pakeisti URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Keisti teksto turinys",
-		"font_family": "Pakeistišriftą Šeima",
-		"font_size": "Change font size",
-		"bold": "Pusjuodis",
-		"italic": "Kursyvas"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Pakeisti fono spalvą / drumstumas",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Talpinti turinys",
-		"fit_to_all": "Talpinti All content",
-		"fit_to_canvas": "Talpinti drobė",
-		"fit_to_layer_content": "Talpinti sluoksnis turinio",
-		"fit_to_sel": "Talpinti atrankos",
-		"align_relative_to": "Derinti palyginti ...",
-		"relativeTo": "palyginti:",
-		"page": "puslapis",
-		"largest_object": "didžiausias objektas",
-		"selected_objects": "išrinktas objektai",
-		"smallest_object": "mažiausias objektą",
-		"new_doc": "New Image",
-		"open_doc": "Atidaryti atvaizdą",
-		"export_img": "Export",
-		"save_doc": "Išsaugoti nuotrauką",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Lygiuoti apačioje",
-		"align_center": "Lygiuoti",
-		"align_left": "Lygiuoti kairėje",
-		"align_middle": "Suderinti Vidurio",
-		"align_right": "Lygiuoti dešinėje",
-		"align_top": "Lygiuoti viršų",
-		"mode_select": "Įrankis",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free Hand stačiakampis",
-		"mode_ellipse": "Elipse",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free Hand Elipsė",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Tekstas Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Įrankį",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Atšaukti",
-		"redo": "Atstatyti",
-		"tool_source": "Taisyti Šaltinis",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Elementų grupės",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Išgrupuoti elementai",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Perkelti į apačią",
-		"move_top": "Perkelti į viršų",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Saugoti",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Ištrinti Layer",
-		"move_down": "Perkelti sluoksnį Žemyn",
-		"new": "New Layer",
-		"rename": "Pervadinti sluoksnį",
-		"move_up": "Perkelti sluoksnį Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Pasirinkite iš anksto:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'lt',
+  dir: 'ltr',
+  common: {
+    ok: 'Saugoti',
+    cancel: 'Atšaukti',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Spustelėkite norėdami keisti užpildo spalvą, perėjimo spustelėkite pakeisti insultas spalva',
+    zoom_level: 'Keisti mastelį',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Keisti užpildyti spalvos',
+    stroke_color: 'Keisti insultas spalva',
+    stroke_style: 'Keisti insultas brūkšnys stilius',
+    stroke_width: 'Keisti insultas plotis',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Keisti sukimosi kampas',
+    blur: 'Change gaussian blur value',
+    opacity: 'Pakeisti pasirinkto elemento neskaidrumo',
+    circle_cx: 'Keisti ratas&#39;s CX koordinuoti',
+    circle_cy: 'Keisti ratas&#39;s CY koordinuoti',
+    circle_r: 'Keisti savo apskritimo spindulys',
+    ellipse_cx: 'Keisti elipse&#39;s CX koordinuoti',
+    ellipse_cy: 'Keisti elipse&#39;s CY koordinuoti',
+    ellipse_rx: 'Keisti elipsė &quot;X spindulys',
+    ellipse_ry: 'Keisti elipse Y spindulys',
+    line_x1: 'Keisti linijos nuo koordinačių x',
+    line_x2: 'Keisti linijos baigėsi x koordinuoti',
+    line_y1: 'Keisti linijos pradžios y koordinačių',
+    line_y2: 'Keisti linijos baigėsi y koordinačių',
+    rect_height: 'Keisti stačiakampio aukščio',
+    rect_width: 'Pakeisti stačiakampio plotis',
+    corner_radius: 'Keisti stačiakampis skyrelį Spindulys',
+    image_width: 'Keisti paveikslėlio plotis',
+    image_height: 'Keisti vaizdo aukštis',
+    image_url: 'Pakeisti URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Keisti teksto turinys',
+    font_family: 'Pakeistišriftą Šeima',
+    font_size: 'Change font size',
+    bold: 'Pusjuodis',
+    italic: 'Kursyvas'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Pakeisti fono spalvą / drumstumas',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Talpinti turinys',
+    fit_to_all: 'Talpinti All content',
+    fit_to_canvas: 'Talpinti drobė',
+    fit_to_layer_content: 'Talpinti sluoksnis turinio',
+    fit_to_sel: 'Talpinti atrankos',
+    align_relative_to: 'Derinti palyginti ...',
+    relativeTo: 'palyginti:',
+    page: 'puslapis',
+    largest_object: 'didžiausias objektas',
+    selected_objects: 'išrinktas objektai',
+    smallest_object: 'mažiausias objektą',
+    new_doc: 'New Image',
+    open_doc: 'Atidaryti atvaizdą',
+    export_img: 'Export',
+    save_doc: 'Išsaugoti nuotrauką',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Lygiuoti apačioje',
+    align_center: 'Lygiuoti',
+    align_left: 'Lygiuoti kairėje',
+    align_middle: 'Suderinti Vidurio',
+    align_right: 'Lygiuoti dešinėje',
+    align_top: 'Lygiuoti viršų',
+    mode_select: 'Įrankis',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free Hand stačiakampis',
+    mode_ellipse: 'Elipse',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free Hand Elipsė',
+    mode_path: 'Path Tool',
+    mode_text: 'Tekstas Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Įrankį',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Atšaukti',
+    redo: 'Atstatyti',
+    tool_source: 'Taisyti Šaltinis',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Elementų grupės',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Išgrupuoti elementai',
+    docprops: 'Document Properties',
+    move_bottom: 'Perkelti į apačią',
+    move_top: 'Perkelti į viršų',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Saugoti',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Ištrinti Layer',
+    move_down: 'Perkelti sluoksnį Žemyn',
+    new: 'New Layer',
+    rename: 'Pervadinti sluoksnį',
+    move_up: 'Perkelti sluoksnį Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Pasirinkite iš anksto:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.lv.js b/editor/locale/lang.lv.js
index 2cd70928..19ee6080 100644
--- a/editor/locale/lang.lv.js
+++ b/editor/locale/lang.lv.js
@@ -1,254 +1,217 @@
-/*globals svgEditor */
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "lv",
-	dir : "ltr",
-	common: {
-		"ok": "Glābt",
-		"cancel": "Atcelt",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Noklikšķiniet, lai mainītu aizpildījuma krāsu, shift-click to mainīt stroke krāsa",
-		"zoom_level": "Pārmaiņu mērogu",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Change aizpildījuma krāsu",
-		"stroke_color": "Change stroke krāsa",
-		"stroke_style": "Maina stroke domuzīme stils",
-		"stroke_width": "Change stroke platums",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Mainīt griešanās leņķis",
-		"blur": "Change gaussian blur value",
-		"opacity": "Mainīt izvēlēto objektu necaurredzamība",
-		"circle_cx": "Maina aplis&#39;s CX koordinēt",
-		"circle_cy": "Pārmaiņu loks ir cy koordinēt",
-		"circle_r": "Pārmaiņu loks ir rādiuss",
-		"ellipse_cx": "Mainīt elipses&#39;s CX koordinēt",
-		"ellipse_cy": "Mainīt elipses&#39;s cy koordinēt",
-		"ellipse_rx": "Mainīt elipses&#39;s x rādiuss",
-		"ellipse_ry": "Mainīt elipses&#39;s y rādiuss",
-		"line_x1": "Mainīt līnijas sākas x koordinēt",
-		"line_x2": "Mainīt līnijas beigu x koordinēt",
-		"line_y1": "Mainīt līnijas sākas y koordinātu",
-		"line_y2": "Mainīt līnijas beigu y koordinātu",
-		"rect_height": "Change Taisnstūra augstums",
-		"rect_width": "Change taisnstūra platums",
-		"corner_radius": "Maina Taisnstūris Corner Rādiuss",
-		"image_width": "Mainīt attēla platumu",
-		"image_height": "Mainīt attēla augstums",
-		"image_url": "Change URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Mainītu teksta saturs",
-		"font_family": "Mainīt fonta Family",
-		"font_size": "Mainīt fonta izmēru",
-		"bold": "Bold Text",
-		"italic": "Kursīvs"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Change background color / necaurredzamība",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Fit uz visu saturu",
-		"fit_to_canvas": "Ievietot audekls",
-		"fit_to_layer_content": "Ievietot slānis saturs",
-		"fit_to_sel": "Fit atlases",
-		"align_relative_to": "Līdzināt, salīdzinot ar ...",
-		"relativeTo": "salīdzinājumā ar:",
-		"page": "lapa",
-		"largest_object": "lielākais objekts",
-		"selected_objects": "ievēlēts objekti",
-		"smallest_object": "mazākais objekts",
-		"new_doc": "New Image",
-		"open_doc": "Open SVG",
-		"export_img": "Export",
-		"save_doc": "Save Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Līdzināt Bottom",
-		"align_center": "Līdzināt uz centru",
-		"align_left": "Līdzināt pa kreisi",
-		"align_middle": "Līdzināt Middle",
-		"align_right": "Līdzināt pa labi",
-		"align_top": "Līdzināt Top",
-		"mode_select": "Select Tool",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Taisnstūris",
-		"mode_ellipse": "Elipse",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Atpogāt",
-		"redo": "Redo",
-		"tool_source": "Rediģēt Source",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Grupa Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Atgrupēt Elements",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Pārvietot uz leju",
-		"move_top": "Pārvietot uz augšu",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Glābt",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Dzēst Layer",
-		"move_down": "Pārvietot slāni uz leju",
-		"new": "New Layer",
-		"rename": "Pārdēvēt Layer",
-		"move_up": "Pārvietot slāni uz augšu",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Izvēlieties iepriekš:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?
-This will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?
-This will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.
-Revert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'lv',
+  dir: 'ltr',
+  common: {
+    ok: 'Glābt',
+    cancel: 'Atcelt',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Noklikšķiniet, lai mainītu aizpildījuma krāsu, shift-click to mainīt stroke krāsa',
+    zoom_level: 'Pārmaiņu mērogu',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Change aizpildījuma krāsu',
+    stroke_color: 'Change stroke krāsa',
+    stroke_style: 'Maina stroke domuzīme stils',
+    stroke_width: 'Change stroke platums',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Mainīt griešanās leņķis',
+    blur: 'Change gaussian blur value',
+    opacity: 'Mainīt izvēlēto objektu necaurredzamība',
+    circle_cx: 'Maina aplis&#39;s CX koordinēt',
+    circle_cy: 'Pārmaiņu loks ir cy koordinēt',
+    circle_r: 'Pārmaiņu loks ir rādiuss',
+    ellipse_cx: 'Mainīt elipses&#39;s CX koordinēt',
+    ellipse_cy: 'Mainīt elipses&#39;s cy koordinēt',
+    ellipse_rx: 'Mainīt elipses&#39;s x rādiuss',
+    ellipse_ry: 'Mainīt elipses&#39;s y rādiuss',
+    line_x1: 'Mainīt līnijas sākas x koordinēt',
+    line_x2: 'Mainīt līnijas beigu x koordinēt',
+    line_y1: 'Mainīt līnijas sākas y koordinātu',
+    line_y2: 'Mainīt līnijas beigu y koordinātu',
+    rect_height: 'Change Taisnstūra augstums',
+    rect_width: 'Change taisnstūra platums',
+    corner_radius: 'Maina Taisnstūris Corner Rādiuss',
+    image_width: 'Mainīt attēla platumu',
+    image_height: 'Mainīt attēla augstums',
+    image_url: 'Change URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Mainītu teksta saturs',
+    font_family: 'Mainīt fonta Family',
+    font_size: 'Mainīt fonta izmēru',
+    bold: 'Bold Text',
+    italic: 'Kursīvs'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Change background color / necaurredzamība',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Fit uz visu saturu',
+    fit_to_canvas: 'Ievietot audekls',
+    fit_to_layer_content: 'Ievietot slānis saturs',
+    fit_to_sel: 'Fit atlases',
+    align_relative_to: 'Līdzināt, salīdzinot ar ...',
+    relativeTo: 'salīdzinājumā ar:',
+    page: 'lapa',
+    largest_object: 'lielākais objekts',
+    selected_objects: 'ievēlēts objekti',
+    smallest_object: 'mazākais objekts',
+    new_doc: 'New Image',
+    open_doc: 'Open SVG',
+    export_img: 'Export',
+    save_doc: 'Save Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Līdzināt Bottom',
+    align_center: 'Līdzināt uz centru',
+    align_left: 'Līdzināt pa kreisi',
+    align_middle: 'Līdzināt Middle',
+    align_right: 'Līdzināt pa labi',
+    align_top: 'Līdzināt Top',
+    mode_select: 'Select Tool',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Taisnstūris',
+    mode_ellipse: 'Elipse',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path',
+    mode_text: 'Text Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Atpogāt',
+    redo: 'Redo',
+    tool_source: 'Rediģēt Source',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Grupa Elements',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Atgrupēt Elements',
+    docprops: 'Document Properties',
+    move_bottom: 'Pārvietot uz leju',
+    move_top: 'Pārvietot uz augšu',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Glābt',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Dzēst Layer',
+    move_down: 'Pārvietot slāni uz leju',
+    new: 'New Layer',
+    rename: 'Pārdēvēt Layer',
+    move_up: 'Pārvietot slāni uz augšu',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Izvēlieties iepriekš:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.mk.js b/editor/locale/lang.mk.js
index 1ffc4ade..b3da97d9 100644
--- a/editor/locale/lang.mk.js
+++ b/editor/locale/lang.mk.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "mk",
-	dir : "ltr",
-	common: {
-		"ok": "Зачувува",
-		"cancel": "Откажи",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Кликни за да внесете промени бојата, промена клик да се промени бојата удар",
-		"zoom_level": "Промена зум ниво",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Измени пополнете боја",
-		"stroke_color": "Промена боја на мозочен удар",
-		"stroke_style": "Промена удар цртичка стил",
-		"stroke_width": "Промена удар Ширина",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Change ротација агол",
-		"blur": "Change gaussian blur value",
-		"opacity": "Промена избрани ставка непроѕирноста",
-		"circle_cx": "Промена круг на cx координира",
-		"circle_cy": "Промена круг&#39;s cy координираат",
-		"circle_r": "Промена на круг со радиус",
-		"ellipse_cx": "Промена елипса&#39;s cx координираат",
-		"ellipse_cy": "Промена на елипса cy координира",
-		"ellipse_rx": "Промена на елипса x радиус",
-		"ellipse_ry": "Промена на елипса у радиус",
-		"line_x1": "Промена линија почетна x координира",
-		"line_x2": "Промена линија завршува x координира",
-		"line_y1": "Промена линија координираат почетна y",
-		"line_y2": "Промена линија завршува y координира",
-		"rect_height": "Промена правоаголник височина",
-		"rect_width": "Промена правоаголник Ширина",
-		"corner_radius": "Промена правоаголник Corner Radius",
-		"image_width": "Промена Ширина на сликата",
-		"image_height": "Промена на слика височина",
-		"image_url": "Промена URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Промена текст содржина",
-		"font_family": "Смени фонт Фамилија",
-		"font_size": "Изменифонт Големина",
-		"bold": "Задебелен текст",
-		"italic": "Italic текст"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Смени позадина / непроѕирноста",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Способен да Содржина",
-		"fit_to_all": "Способен да сите содржина",
-		"fit_to_canvas": "Побиране да платно",
-		"fit_to_layer_content": "Способен да слој содржина",
-		"fit_to_sel": "Способен да селекција",
-		"align_relative_to": "Порамни во поглед на ...",
-		"relativeTo": "во поглед на:",
-		"page": "страница",
-		"largest_object": "најголемиот објект",
-		"selected_objects": "избран објекти",
-		"smallest_object": "најмалата објект",
-		"new_doc": "Нови слики",
-		"open_doc": "Отвори слика",
-		"export_img": "Export",
-		"save_doc": "Зачувај слика",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Центрирано",
-		"align_left": "Порамни лево Порамни",
-		"align_middle": "Израмни Среден",
-		"align_right": "Порамни десно",
-		"align_top": "Израмни почетокот",
-		"mode_select": "Изберете ја алатката",
-		"mode_fhpath": "Алатка за молив",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Правоаголник слободна рака",
-		"mode_ellipse": "Елипса",
-		"mode_circle": "Круг",
-		"mode_fhellipse": "Free-Hand Елипса",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Алатка за текст",
-		"mode_image": "Алатка за сликата",
-		"mode_zoom": "Алатка за зумирање",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Врати",
-		"redo": "Повтори",
-		"tool_source": "Уреди Извор",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Група на елементи",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Елементи",
-		"docprops": "Својства на документот",
-		"imagelib": "Image Library",
-		"move_bottom": "Move to bottom",
-		"move_top": "Поместување на почетокот",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Зачувува",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Избриши Слој",
-		"move_down": "Премести слој долу",
-		"new": "Нов слој",
-		"rename": "Преименувај слој",
-		"move_up": "Премести слој горе",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Изберете предефинирани:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'mk',
+  dir: 'ltr',
+  common: {
+    ok: 'Зачувува',
+    cancel: 'Откажи',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Кликни за да внесете промени бојата, промена клик да се промени бојата удар',
+    zoom_level: 'Промена зум ниво',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Измени пополнете боја',
+    stroke_color: 'Промена боја на мозочен удар',
+    stroke_style: 'Промена удар цртичка стил',
+    stroke_width: 'Промена удар Ширина',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Change ротација агол',
+    blur: 'Change gaussian blur value',
+    opacity: 'Промена избрани ставка непроѕирноста',
+    circle_cx: 'Промена круг на cx координира',
+    circle_cy: 'Промена круг&#39;s cy координираат',
+    circle_r: 'Промена на круг со радиус',
+    ellipse_cx: 'Промена елипса&#39;s cx координираат',
+    ellipse_cy: 'Промена на елипса cy координира',
+    ellipse_rx: 'Промена на елипса x радиус',
+    ellipse_ry: 'Промена на елипса у радиус',
+    line_x1: 'Промена линија почетна x координира',
+    line_x2: 'Промена линија завршува x координира',
+    line_y1: 'Промена линија координираат почетна y',
+    line_y2: 'Промена линија завршува y координира',
+    rect_height: 'Промена правоаголник височина',
+    rect_width: 'Промена правоаголник Ширина',
+    corner_radius: 'Промена правоаголник Corner Radius',
+    image_width: 'Промена Ширина на сликата',
+    image_height: 'Промена на слика височина',
+    image_url: 'Промена URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Промена текст содржина',
+    font_family: 'Смени фонт Фамилија',
+    font_size: 'Изменифонт Големина',
+    bold: 'Задебелен текст',
+    italic: 'Italic текст'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Смени позадина / непроѕирноста',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Способен да Содржина',
+    fit_to_all: 'Способен да сите содржина',
+    fit_to_canvas: 'Побиране да платно',
+    fit_to_layer_content: 'Способен да слој содржина',
+    fit_to_sel: 'Способен да селекција',
+    align_relative_to: 'Порамни во поглед на ...',
+    relativeTo: 'во поглед на:',
+    page: 'страница',
+    largest_object: 'најголемиот објект',
+    selected_objects: 'избран објекти',
+    smallest_object: 'најмалата објект',
+    new_doc: 'Нови слики',
+    open_doc: 'Отвори слика',
+    export_img: 'Export',
+    save_doc: 'Зачувај слика',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Центрирано',
+    align_left: 'Порамни лево Порамни',
+    align_middle: 'Израмни Среден',
+    align_right: 'Порамни десно',
+    align_top: 'Израмни почетокот',
+    mode_select: 'Изберете ја алатката',
+    mode_fhpath: 'Алатка за молив',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Правоаголник слободна рака',
+    mode_ellipse: 'Елипса',
+    mode_circle: 'Круг',
+    mode_fhellipse: 'Free-Hand Елипса',
+    mode_path: 'Path Tool',
+    mode_text: 'Алатка за текст',
+    mode_image: 'Алатка за сликата',
+    mode_zoom: 'Алатка за зумирање',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Врати',
+    redo: 'Повтори',
+    tool_source: 'Уреди Извор',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Група на елементи',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Елементи',
+    docprops: 'Својства на документот',
+    move_bottom: 'Move to bottom',
+    move_top: 'Поместување на почетокот',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Зачувува',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Избриши Слој',
+    move_down: 'Премести слој долу',
+    new: 'Нов слој',
+    rename: 'Преименувај слој',
+    move_up: 'Премести слој горе',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Изберете предефинирани:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.ms.js b/editor/locale/lang.ms.js
index a41d671d..6352de6c 100644
--- a/editor/locale/lang.ms.js
+++ b/editor/locale/lang.ms.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "ms",
-	dir : "ltr",
-	common: {
-		"ok": "Simpan",
-		"cancel": "Batal",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Klik untuk menukar warna mengisi, shift-klik untuk menukar warna stroke",
-		"zoom_level": "Mengubah peringkat pembesaran",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Tukar Warna mengisi",
-		"stroke_color": "Tukar Warna stroke",
-		"stroke_style": "Tukar gaya dash stroke",
-		"stroke_width": "Tukar stroke width",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Namakan sudut putaran",
-		"blur": "Change gaussian blur value",
-		"opacity": "Mengubah item yang dipilih keburaman",
-		"circle_cx": "Mengubah koordinat bulatan cx",
-		"circle_cy": "Mengubah koordinat cy bulatan",
-		"circle_r": "Tukar jari-jari lingkaran",
-		"ellipse_cx": "Tukar elips&#39;s cx koordinat",
-		"ellipse_cy": "Tukar elips&#39;s cy koordinat",
-		"ellipse_rx": "Tukar elips&#39;s x jari-jari",
-		"ellipse_ry": "Tukar elips&#39;s y jari-jari",
-		"line_x1": "Ubah baris mulai x koordinat",
-		"line_x2": "Ubah baris&#39;s Berakhir x koordinat",
-		"line_y1": "Ubah baris mulai y koordinat",
-		"line_y2": "Ubah baris di tiap akhir y koordinat",
-		"rect_height": "Perubahan quality persegi panjang",
-		"rect_width": "Tukar persegi panjang lebar",
-		"corner_radius": "Tukar Corner Rectangle Radius",
-		"image_width": "Tukar Lebar imej",
-		"image_height": "Tinggi gambar Kaca",
-		"image_url": "Tukar URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Tukar isi teks",
-		"font_family": "Tukar Font Keluarga",
-		"font_size": "Ubah Saiz Font",
-		"bold": "Bold Teks",
-		"italic": "Italic Teks"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Mengubah warna latar belakang / keburaman",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Cocok untuk semua kandungan",
-		"fit_to_canvas": "Muat kanvas",
-		"fit_to_layer_content": "Muat kandungan lapisan",
-		"fit_to_sel": "Fit seleksi",
-		"align_relative_to": "Rata relatif ...",
-		"relativeTo": "relatif:",
-		"page": "Laman",
-		"largest_object": "objek terbesar",
-		"selected_objects": "objek terpilih",
-		"smallest_object": "objek terkecil",
-		"new_doc": "Imej Baru",
-		"open_doc": "Membuka Image",
-		"export_img": "Export",
-		"save_doc": "Save Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Rata Bottom",
-		"align_center": "Rata Tengah",
-		"align_left": "Rata Kiri",
-		"align_middle": "Rata Tengah",
-		"align_right": "Rata Kanan",
-		"align_top": "Rata Popular",
-		"mode_select": "Pilih Tool",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Persegi Panjang",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Lingkaran",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Teks Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Undo",
-		"redo": "Redo",
-		"tool_source": "Edit Source",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Kelompok Elemen",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elemen",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Pindah ke Bawah",
-		"move_top": "Pindah ke Atas",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Simpan",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Padam Layer",
-		"move_down": "Pindah Layer Bawah",
-		"new": "New Layer",
-		"rename": "Rename Layer",
-		"move_up": "Pindah Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Pilih standard:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'ms',
+  dir: 'ltr',
+  common: {
+    ok: 'Simpan',
+    cancel: 'Batal',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Klik untuk menukar warna mengisi, shift-klik untuk menukar warna stroke',
+    zoom_level: 'Mengubah peringkat pembesaran',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Tukar Warna mengisi',
+    stroke_color: 'Tukar Warna stroke',
+    stroke_style: 'Tukar gaya dash stroke',
+    stroke_width: 'Tukar stroke width',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Namakan sudut putaran',
+    blur: 'Change gaussian blur value',
+    opacity: 'Mengubah item yang dipilih keburaman',
+    circle_cx: 'Mengubah koordinat bulatan cx',
+    circle_cy: 'Mengubah koordinat cy bulatan',
+    circle_r: 'Tukar jari-jari lingkaran',
+    ellipse_cx: 'Tukar elips&#39;s cx koordinat',
+    ellipse_cy: 'Tukar elips&#39;s cy koordinat',
+    ellipse_rx: 'Tukar elips&#39;s x jari-jari',
+    ellipse_ry: 'Tukar elips&#39;s y jari-jari',
+    line_x1: 'Ubah baris mulai x koordinat',
+    line_x2: 'Ubah baris&#39;s Berakhir x koordinat',
+    line_y1: 'Ubah baris mulai y koordinat',
+    line_y2: 'Ubah baris di tiap akhir y koordinat',
+    rect_height: 'Perubahan quality persegi panjang',
+    rect_width: 'Tukar persegi panjang lebar',
+    corner_radius: 'Tukar Corner Rectangle Radius',
+    image_width: 'Tukar Lebar imej',
+    image_height: 'Tinggi gambar Kaca',
+    image_url: 'Tukar URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Tukar isi teks',
+    font_family: 'Tukar Font Keluarga',
+    font_size: 'Ubah Saiz Font',
+    bold: 'Bold Teks',
+    italic: 'Italic Teks'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Mengubah warna latar belakang / keburaman',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Cocok untuk semua kandungan',
+    fit_to_canvas: 'Muat kanvas',
+    fit_to_layer_content: 'Muat kandungan lapisan',
+    fit_to_sel: 'Fit seleksi',
+    align_relative_to: 'Rata relatif ...',
+    relativeTo: 'relatif:',
+    page: 'Laman',
+    largest_object: 'objek terbesar',
+    selected_objects: 'objek terpilih',
+    smallest_object: 'objek terkecil',
+    new_doc: 'Imej Baru',
+    open_doc: 'Membuka Image',
+    export_img: 'Export',
+    save_doc: 'Save Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Rata Bottom',
+    align_center: 'Rata Tengah',
+    align_left: 'Rata Kiri',
+    align_middle: 'Rata Tengah',
+    align_right: 'Rata Kanan',
+    align_top: 'Rata Popular',
+    mode_select: 'Pilih Tool',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Persegi Panjang',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Lingkaran',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Teks Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Undo',
+    redo: 'Redo',
+    tool_source: 'Edit Source',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Kelompok Elemen',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elemen',
+    docprops: 'Document Properties',
+    move_bottom: 'Pindah ke Bawah',
+    move_top: 'Pindah ke Atas',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Simpan',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Padam Layer',
+    move_down: 'Pindah Layer Bawah',
+    new: 'New Layer',
+    rename: 'Rename Layer',
+    move_up: 'Pindah Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Pilih standard:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.mt.js b/editor/locale/lang.mt.js
index 557a1b43..a6ba800c 100644
--- a/editor/locale/lang.mt.js
+++ b/editor/locale/lang.mt.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "mt",
-	dir : "ltr",
-	common: {
-		"ok": "Save",
-		"cancel": "Ikkanċella",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Ikklikkja biex timla l-bidla fil-kulur, ikklikkja-bidla għall-bidla color stroke",
-		"zoom_level": "Bidla zoom livell",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Bidla imla color",
-		"stroke_color": "Color stroke Bidla",
-		"stroke_style": "Bidla stroke dash stil",
-		"stroke_width": "Wisa &#39;puplesija Bidla",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Angolu ta &#39;rotazzjoni Bidla",
-		"blur": "Change gaussian blur value",
-		"opacity": "Bidla magħżula opaċità partita",
-		"circle_cx": "CX ċirku Tibdil jikkoordinaw",
-		"circle_cy": "Ċirku Tibdil cy jikkoordinaw",
-		"circle_r": "Raġġ ta &#39;ċirku tal-Bidla",
-		"ellipse_cx": "Bidla ellissi&#39;s CX jikkoordinaw",
-		"ellipse_cy": "Ellissi Tibdil cy jikkoordinaw",
-		"ellipse_rx": "Raġġ x ellissi Tibdil",
-		"ellipse_ry": "Raġġ y ellissi Tibdil",
-		"line_x1": "Bidla fil-linja tal-bidu tikkoordina x",
-		"line_x2": "Linja tal-Bidla li jispiċċa x jikkoordinaw",
-		"line_y1": "Bidla fil-linja tal-bidu y jikkoordinaw",
-		"line_y2": "Linja Tibdil jispiċċa y jikkoordinaw",
-		"rect_height": "Għoli rettangolu Bidla",
-		"rect_width": "Wisa &#39;rettangolu Bidla",
-		"corner_radius": "Bidla Rectangle Corner Radius",
-		"image_width": "Wisa image Bidla",
-		"image_height": "Għoli image Bidla",
-		"image_url": "Bidla URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Test kontenut Bidla",
-		"font_family": "Bidla Font Familja",
-		"font_size": "Change font size",
-		"bold": "Bold Test",
-		"italic": "Test korsiv"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Bidla fil-kulur fl-isfond / opaċità",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit għall-kontenut",
-		"fit_to_all": "Tajbin għall-kontenut",
-		"fit_to_canvas": "Xieraq li kanvas",
-		"fit_to_layer_content": "Fit-kontenut ta &#39;saff għal",
-		"fit_to_sel": "Fit-għażla",
-		"align_relative_to": "Jallinjaw relattiv għall - ...",
-		"relativeTo": "relattiv għall -:",
-		"page": "paġna",
-		"largest_object": "akbar oġġett",
-		"selected_objects": "oġġetti elett",
-		"smallest_object": "iżgħar oġġett",
-		"new_doc": "Image New",
-		"open_doc": "Open SVG",
-		"export_img": "Export",
-		"save_doc": "Image Save",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Tallinja Bottom",
-		"align_center": "Tallinja Center",
-		"align_left": "Tallinja Left",
-		"align_middle": "Tallinja Nofsani",
-		"align_right": "Tallinja Dritt",
-		"align_top": "Tallinja Top",
-		"mode_select": "Select Tool",
-		"mode_fhpath": "Lapes Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free Hand-Rectangle",
-		"mode_ellipse": "Ellissi",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free Hand-ellissi",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Jneħħu",
-		"redo": "Jerġa &#39;jagħmel",
-		"tool_source": "Source Edit",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Grupp Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elements",
-		"docprops": "Dokument Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Move to Bottom",
-		"move_top": "Move to Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Save",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Ħassar Layer",
-		"move_down": "Move Layer Down",
-		"new": "New Layer",
-		"rename": "Semmi mill-ġdid Layer",
-		"move_up": "Move Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Select predefiniti:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'mt',
+  dir: 'ltr',
+  common: {
+    ok: 'Save',
+    cancel: 'Ikkanċella',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Ikklikkja biex timla l-bidla fil-kulur, ikklikkja-bidla għall-bidla color stroke',
+    zoom_level: 'Bidla zoom livell',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Bidla imla color',
+    stroke_color: 'Color stroke Bidla',
+    stroke_style: 'Bidla stroke dash stil',
+    stroke_width: 'Wisa &#39;puplesija Bidla',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Angolu ta &#39;rotazzjoni Bidla',
+    blur: 'Change gaussian blur value',
+    opacity: 'Bidla magħżula opaċità partita',
+    circle_cx: 'CX ċirku Tibdil jikkoordinaw',
+    circle_cy: 'Ċirku Tibdil cy jikkoordinaw',
+    circle_r: 'Raġġ ta &#39;ċirku tal-Bidla',
+    ellipse_cx: 'Bidla ellissi&#39;s CX jikkoordinaw',
+    ellipse_cy: 'Ellissi Tibdil cy jikkoordinaw',
+    ellipse_rx: 'Raġġ x ellissi Tibdil',
+    ellipse_ry: 'Raġġ y ellissi Tibdil',
+    line_x1: 'Bidla fil-linja tal-bidu tikkoordina x',
+    line_x2: 'Linja tal-Bidla li jispiċċa x jikkoordinaw',
+    line_y1: 'Bidla fil-linja tal-bidu y jikkoordinaw',
+    line_y2: 'Linja Tibdil jispiċċa y jikkoordinaw',
+    rect_height: 'Għoli rettangolu Bidla',
+    rect_width: 'Wisa &#39;rettangolu Bidla',
+    corner_radius: 'Bidla Rectangle Corner Radius',
+    image_width: 'Wisa image Bidla',
+    image_height: 'Għoli image Bidla',
+    image_url: 'Bidla URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Test kontenut Bidla',
+    font_family: 'Bidla Font Familja',
+    font_size: 'Change font size',
+    bold: 'Bold Test',
+    italic: 'Test korsiv'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Bidla fil-kulur fl-isfond / opaċità',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit għall-kontenut',
+    fit_to_all: 'Tajbin għall-kontenut',
+    fit_to_canvas: 'Xieraq li kanvas',
+    fit_to_layer_content: 'Fit-kontenut ta &#39;saff għal',
+    fit_to_sel: 'Fit-għażla',
+    align_relative_to: 'Jallinjaw relattiv għall - ...',
+    relativeTo: 'relattiv għall -:',
+    page: 'paġna',
+    largest_object: 'akbar oġġett',
+    selected_objects: 'oġġetti elett',
+    smallest_object: 'iżgħar oġġett',
+    new_doc: 'Image New',
+    open_doc: 'Open SVG',
+    export_img: 'Export',
+    save_doc: 'Image Save',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Tallinja Bottom',
+    align_center: 'Tallinja Center',
+    align_left: 'Tallinja Left',
+    align_middle: 'Tallinja Nofsani',
+    align_right: 'Tallinja Dritt',
+    align_top: 'Tallinja Top',
+    mode_select: 'Select Tool',
+    mode_fhpath: 'Lapes Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free Hand-Rectangle',
+    mode_ellipse: 'Ellissi',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free Hand-ellissi',
+    mode_path: 'Path Tool',
+    mode_text: 'Text Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Jneħħu',
+    redo: 'Jerġa &#39;jagħmel',
+    tool_source: 'Source Edit',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Grupp Elements',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elements',
+    docprops: 'Dokument Properties',
+    move_bottom: 'Move to Bottom',
+    move_top: 'Move to Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Save',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Ħassar Layer',
+    move_down: 'Move Layer Down',
+    new: 'New Layer',
+    rename: 'Semmi mill-ġdid Layer',
+    move_up: 'Move Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Select predefiniti:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.nl.js b/editor/locale/lang.nl.js
index c529f192..c4d29123 100644
--- a/editor/locale/lang.nl.js
+++ b/editor/locale/lang.nl.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "nl",
-	dir : "ltr",
-	common: {
-		"ok": "Ok",
-		"cancel": "Annuleren",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "omlaag", 
-		"key_up": "omhoog", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Mogelijk gemaakt door"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Toon/verberg meer lijn gereedschap",
-		"palette_info": "Klik om de vul kleur te veranderen, shift-klik om de lijn kleur te veranderen",
-		"zoom_level": "In-/uitzoomen",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identificeer het element",
-		"fill_color": "Verander vul kleur",
-		"stroke_color": "Verander lijn kleur",
-		"stroke_style": "Verander lijn stijl",
-		"stroke_width": "Verander lijn breedte",
-		"pos_x": "Verander X coordinaat",
-		"pos_y": "Verander Y coordinaat",
-		"linecap_butt": "Lijneinde: Geen",
-		"linecap_round": "Lijneinde: Rond",
-		"linecap_square": "Lijneinde: Vierkant",
-		"linejoin_bevel": "Lijnverbinding: Afgestompt",
-		"linejoin_miter": "Lijnverbinding: Hoek",
-		"linejoin_round": "Lijnverbinding: Rond",
-		"angle": "Draai",
-		"blur": "Verander Gaussische vervaging waarde",
-		"opacity": "Verander opaciteit geselecteerde item",
-		"circle_cx": "Verander het X coordinaat van het cirkel middelpunt",
-		"circle_cy": "Verander het Y coordinaat van het cirkel middelpunt",
-		"circle_r": "Verander de cirkel radius",
-		"ellipse_cx": "Verander het X coordinaat van het ellips middelpunt",
-		"ellipse_cy": "Verander het Y coordinaat van het ellips middelpunt",
-		"ellipse_rx": "Verander ellips X radius",
-		"ellipse_ry": "Verander ellips Y radius",
-		"line_x1": "Verander start X coordinaat van de lijn",
-		"line_x2": "Verander eind X coordinaat van de lijn",
-		"line_y1": "Verander start Y coordinaat van de lijn",
-		"line_y2": "Verander eind Y coordinaat van de lijn",
-		"rect_height": "Verander hoogte rechthoek",
-		"rect_width": "Verander breedte rechthoek",
-		"corner_radius": "Verander hoekradius rechthoek",
-		"image_width": "Verander breedte afbeelding",
-		"image_height": "Verander hoogte afbeelding",
-		"image_url": "Verander URL",
-		"node_x": "Verander X coordinaat knooppunt",
-		"node_y": "Verander Y coordinaat knooppunt",
-		"seg_type": "Verander segment type",
-		"straight_segments": "Recht",
-		"curve_segments": "Gebogen",
-		"text_contents": "Wijzig tekst",
-		"font_family": "Verander lettertype",
-		"font_size": "Verander lettertype grootte",
-		"bold": "Vet",
-		"italic": "Cursief"
-	},
-	tools: { 
-		"main_menu": "Hoofdmenu",
-		"bkgnd_color_opac": "Verander achtergrond kleur/doorzichtigheid",
-		"connector_no_arrow": "Geen pijl",
-		"fitToContent": "Pas om inhoud",
-		"fit_to_all": "Pas om alle inhoud",
-		"fit_to_canvas": "Pas om canvas",
-		"fit_to_layer_content": "Pas om laag inhoud",
-		"fit_to_sel": "Pas om selectie",
-		"align_relative_to": "Uitlijnen relatief ten opzichte van ...",
-		"relativeTo": "Relatief ten opzichte van:",
-		"page": "Pagina",
-		"largest_object": "Grootste object",
-		"selected_objects": "Geselecteerde objecten",
-		"smallest_object": "Kleinste object",
-		"new_doc": "Nieuwe afbeelding",
-		"open_doc": "Open afbeelding",
-		"export_img": "Export",
-		"save_doc": "Afbeelding opslaan",
-		"import_doc": "Importeer SVG",
-		"align_to_page": "Lijn element uit relatief ten opzichte van de pagina",
-		"align_bottom": "Onder uitlijnen",
-		"align_center": "Centreren",
-		"align_left": "Links uitlijnen",
-		"align_middle": "Midden uitlijnen",
-		"align_right": "Rechts uitlijnen",
-		"align_top": "Boven uitlijnen",
-		"mode_select": "Selecteer",
-		"mode_fhpath": "Potlood",
-		"mode_line": "Lijn",
-		"mode_connect": "Verbind twee objecten",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Vrije stijl rechthoek",
-		"mode_ellipse": "Ellips",
-		"mode_circle": "Cirkel",
-		"mode_fhellipse": "Vrije stijl ellips",
-		"mode_path": "Pad",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Tekst",
-		"mode_image": "Afbeelding",
-		"mode_zoom": "Zoom",
-		"mode_eyedropper": "Kleuren kopieer gereedschap",
-		"no_embed": "Let op: Dit plaatje kan niet worden geintegreerd (embeded). Het hangt af van dit pad om te worden afgebeeld.",
-		"undo": "Ongedaan maken",
-		"redo": "Opnieuw doen",
-		"tool_source": "Bewerk bron",
-		"wireframe_mode": "Draadmodel",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Groepeer elementen",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Zet om naar pad",
-		"reorient_path": "Herorienteer pad",
-		"ungroup": "Groepering opheffen",
-		"docprops": "Documenteigenschappen",
-		"imagelib": "Image Library",
-		"move_bottom": "Naar achtergrond",
-		"move_top": "Naar voorgrond",
-		"node_clone": "Kloon knooppunt",
-		"node_delete": "Delete knooppunt",
-		"node_link": "Koppel controle punten",
-		"add_subpath": "Subpad toevoegen",
-		"openclose_path": "Open/sluit subpad",
-		"source_save": "Veranderingen toepassen",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Laag",
-		"layers": "Layers",
-		"del": "Delete laag",
-		"move_down": "Beweeg laag omlaag",
-		"new": "Nieuwe laag",
-		"rename": "Hernoem laag",
-		"move_up": "Beweeg laag omhoog",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Verplaats elementen naar:",
-		"move_selected": "Verplaats geselecteerde elementen naar andere laag"
-	},
-	config: {
-		"image_props": "Afbeeldingeigenschappen",
-		"doc_title": "Titel",
-		"doc_dims": "Canvas afmetingen",
-		"included_images": "Ingesloten afbeeldingen",
-		"image_opt_embed": "Toevoegen data (lokale bestanden)",
-		"image_opt_ref": "Gebruik bestand referentie",
-		"editor_prefs": "Editor eigenschappen",
-		"icon_size": "Icoon grootte",
-		"language": "Taal",
-		"background": "Editor achtergrond",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Let op: De achtergrond wordt niet opgeslagen met de afbeelding.",
-		"icon_large": "Groot",
-		"icon_medium": "Gemiddeld",
-		"icon_small": "Klein",
-		"icon_xlarge": "Extra groot",
-		"select_predefined": "Kies voorgedefinieerd:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Verkeerde waarde gegeven",
-		"noContentToFitTo":"Geen inhoud om omheen te passen",
-		"dupeLayerName":"Er is al een laag met die naam!",
-		"enterUniqueLayerName":"Geef een unieke laag naam",
-		"enterNewLayerName":"Geef een nieuwe laag naam",
-		"layerHasThatName":"Laag heeft al die naam",
-		"QmoveElemsToLayer":"Verplaats geselecteerde elementen naar laag '%s'?",
-		"QwantToClear":"Wil je de afbeelding leeg maken?\nDit zal ook de ongedaan maak geschiedenis wissen!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"Er waren analyse fouten in je SVG bron.\nTeruggaan naar de originele SVG bron?",
-		"QignoreSourceChanges":"Veranderingen in de SVG bron negeren?",
-		"featNotSupported":"Functie wordt niet ondersteund",
-		"enterNewImgURL":"Geef de nieuwe afbeelding URL",
-		"defsFailOnSave": "Let op: Vanwege een fout in je browser, kan dit plaatje verkeerd verschijnen (missende hoeken en/of elementen). Het zal goed verschijnen zodra het plaatje echt wordt opgeslagen.",
-		"loadingImage":"Laden van het plaatje, even geduld aub...",
-		"saveFromBrowser": "Kies \"Save As...\" in je browser om dit plaatje op te slaan als een %s bestand.",
-		"noteTheseIssues": "Let op de volgende problemen: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'nl',
+  dir: 'ltr',
+  common: {
+    ok: 'Ok',
+    cancel: 'Annuleren',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'omlaag',
+    key_up: 'omhoog',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Mogelijk gemaakt door'
+  },
+  ui: {
+    toggle_stroke_tools: 'Toon/verberg meer lijn gereedschap',
+    palette_info: 'Klik om de vul kleur te veranderen, shift-klik om de lijn kleur te veranderen',
+    zoom_level: 'In-/uitzoomen',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identificeer het element',
+    fill_color: 'Verander vul kleur',
+    stroke_color: 'Verander lijn kleur',
+    stroke_style: 'Verander lijn stijl',
+    stroke_width: 'Verander lijn breedte',
+    pos_x: 'Verander X coordinaat',
+    pos_y: 'Verander Y coordinaat',
+    linecap_butt: 'Lijneinde: Geen',
+    linecap_round: 'Lijneinde: Rond',
+    linecap_square: 'Lijneinde: Vierkant',
+    linejoin_bevel: 'Lijnverbinding: Afgestompt',
+    linejoin_miter: 'Lijnverbinding: Hoek',
+    linejoin_round: 'Lijnverbinding: Rond',
+    angle: 'Draai',
+    blur: 'Verander Gaussische vervaging waarde',
+    opacity: 'Verander opaciteit geselecteerde item',
+    circle_cx: 'Verander het X coordinaat van het cirkel middelpunt',
+    circle_cy: 'Verander het Y coordinaat van het cirkel middelpunt',
+    circle_r: 'Verander de cirkel radius',
+    ellipse_cx: 'Verander het X coordinaat van het ellips middelpunt',
+    ellipse_cy: 'Verander het Y coordinaat van het ellips middelpunt',
+    ellipse_rx: 'Verander ellips X radius',
+    ellipse_ry: 'Verander ellips Y radius',
+    line_x1: 'Verander start X coordinaat van de lijn',
+    line_x2: 'Verander eind X coordinaat van de lijn',
+    line_y1: 'Verander start Y coordinaat van de lijn',
+    line_y2: 'Verander eind Y coordinaat van de lijn',
+    rect_height: 'Verander hoogte rechthoek',
+    rect_width: 'Verander breedte rechthoek',
+    corner_radius: 'Verander hoekradius rechthoek',
+    image_width: 'Verander breedte afbeelding',
+    image_height: 'Verander hoogte afbeelding',
+    image_url: 'Verander URL',
+    node_x: 'Verander X coordinaat knooppunt',
+    node_y: 'Verander Y coordinaat knooppunt',
+    seg_type: 'Verander segment type',
+    straight_segments: 'Recht',
+    curve_segments: 'Gebogen',
+    text_contents: 'Wijzig tekst',
+    font_family: 'Verander lettertype',
+    font_size: 'Verander lettertype grootte',
+    bold: 'Vet',
+    italic: 'Cursief'
+  },
+  tools: {
+    main_menu: 'Hoofdmenu',
+    bkgnd_color_opac: 'Verander achtergrond kleur/doorzichtigheid',
+    connector_no_arrow: 'Geen pijl',
+    fitToContent: 'Pas om inhoud',
+    fit_to_all: 'Pas om alle inhoud',
+    fit_to_canvas: 'Pas om canvas',
+    fit_to_layer_content: 'Pas om laag inhoud',
+    fit_to_sel: 'Pas om selectie',
+    align_relative_to: 'Uitlijnen relatief ten opzichte van ...',
+    relativeTo: 'Relatief ten opzichte van:',
+    page: 'Pagina',
+    largest_object: 'Grootste object',
+    selected_objects: 'Geselecteerde objecten',
+    smallest_object: 'Kleinste object',
+    new_doc: 'Nieuwe afbeelding',
+    open_doc: 'Open afbeelding',
+    export_img: 'Export',
+    save_doc: 'Afbeelding opslaan',
+    import_doc: 'Importeer SVG',
+    align_to_page: 'Lijn element uit relatief ten opzichte van de pagina',
+    align_bottom: 'Onder uitlijnen',
+    align_center: 'Centreren',
+    align_left: 'Links uitlijnen',
+    align_middle: 'Midden uitlijnen',
+    align_right: 'Rechts uitlijnen',
+    align_top: 'Boven uitlijnen',
+    mode_select: 'Selecteer',
+    mode_fhpath: 'Potlood',
+    mode_line: 'Lijn',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Vrije stijl rechthoek',
+    mode_ellipse: 'Ellips',
+    mode_circle: 'Cirkel',
+    mode_fhellipse: 'Vrije stijl ellips',
+    mode_path: 'Pad',
+    mode_text: 'Tekst',
+    mode_image: 'Afbeelding',
+    mode_zoom: 'Zoom',
+    no_embed: 'Let op: Dit plaatje kan niet worden geintegreerd (embeded). Het hangt af van dit pad om te worden afgebeeld.',
+    undo: 'Ongedaan maken',
+    redo: 'Opnieuw doen',
+    tool_source: 'Bewerk bron',
+    wireframe_mode: 'Draadmodel',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Groepeer elementen',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Zet om naar pad',
+    reorient_path: 'Herorienteer pad',
+    ungroup: 'Groepering opheffen',
+    docprops: 'Documenteigenschappen',
+    move_bottom: 'Naar achtergrond',
+    move_top: 'Naar voorgrond',
+    node_clone: 'Kloon knooppunt',
+    node_delete: 'Delete knooppunt',
+    node_link: 'Koppel controle punten',
+    add_subpath: 'Subpad toevoegen',
+    openclose_path: 'Open/sluit subpad',
+    source_save: 'Veranderingen toepassen',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Laag',
+    layers: 'Layers',
+    del: 'Delete laag',
+    move_down: 'Beweeg laag omlaag',
+    new: 'Nieuwe laag',
+    rename: 'Hernoem laag',
+    move_up: 'Beweeg laag omhoog',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Verplaats elementen naar:',
+    move_selected: 'Verplaats geselecteerde elementen naar andere laag'
+  },
+  config: {
+    image_props: 'Afbeeldingeigenschappen',
+    doc_title: 'Titel',
+    doc_dims: 'Canvas afmetingen',
+    included_images: 'Ingesloten afbeeldingen',
+    image_opt_embed: 'Toevoegen data (lokale bestanden)',
+    image_opt_ref: 'Gebruik bestand referentie',
+    editor_prefs: 'Editor eigenschappen',
+    icon_size: 'Icoon grootte',
+    language: 'Taal',
+    background: 'Editor achtergrond',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Let op: De achtergrond wordt niet opgeslagen met de afbeelding.',
+    icon_large: 'Groot',
+    icon_medium: 'Gemiddeld',
+    icon_small: 'Klein',
+    icon_xlarge: 'Extra groot',
+    select_predefined: 'Kies voorgedefinieerd:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Verkeerde waarde gegeven',
+    noContentToFitTo: 'Geen inhoud om omheen te passen',
+    dupeLayerName: 'Er is al een laag met die naam!',
+    enterUniqueLayerName: 'Geef een unieke laag naam',
+    enterNewLayerName: 'Geef een nieuwe laag naam',
+    layerHasThatName: 'Laag heeft al die naam',
+    QmoveElemsToLayer: "Verplaats geselecteerde elementen naar laag '%s'?",
+    QwantToClear: 'Wil je de afbeelding leeg maken?\nDit zal ook de ongedaan maak geschiedenis wissen!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'Er waren analyse fouten in je SVG bron.\nTeruggaan naar de originele SVG bron?',
+    QignoreSourceChanges: 'Veranderingen in de SVG bron negeren?',
+    featNotSupported: 'Functie wordt niet ondersteund',
+    enterNewImgURL: 'Geef de nieuwe afbeelding URL',
+    defsFailOnSave: 'Let op: Vanwege een fout in je browser, kan dit plaatje verkeerd verschijnen (missende hoeken en/of elementen). Het zal goed verschijnen zodra het plaatje echt wordt opgeslagen.',
+    loadingImage: 'Laden van het plaatje, even geduld aub...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Let op de volgende problemen: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.no.js b/editor/locale/lang.no.js
index 0b951c90..78847aa0 100644
--- a/editor/locale/lang.no.js
+++ b/editor/locale/lang.no.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "no",
-	dir : "ltr",
-	common: {
-		"ok": "Lagre",
-		"cancel": "Avbryt",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Click å endre fyllfarge, shift-klikke for å endre slag farge",
-		"zoom_level": "Endre zoomnivå",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Endre fyllfarge",
-		"stroke_color": "Endre stroke color",
-		"stroke_style": "Endre stroke dash stil",
-		"stroke_width": "Endre stroke width",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Endre rotasjonsvinkelen",
-		"blur": "Change gaussian blur value",
-		"opacity": "Endre valgte elementet opasitet",
-		"circle_cx": "Endre sirkelens CX koordinatsystem",
-		"circle_cy": "Endre sirkelens koordinere cy",
-		"circle_r": "Endre sirkelens radius",
-		"ellipse_cx": "Endre ellipse&#39;s CX koordinatsystem",
-		"ellipse_cy": "Endre ellipse&#39;s koordinere cy",
-		"ellipse_rx": "Endre ellipse&#39;s x radius",
-		"ellipse_ry": "Endre ellipse&#39;s y radius",
-		"line_x1": "Endre linje begynner x koordinat",
-		"line_x2": "Endre linje&#39;s ending x koordinat",
-		"line_y1": "Endre linje begynner y koordinat",
-		"line_y2": "Endre linje&#39;s ending y koordinat",
-		"rect_height": "Endre rektangel høyde",
-		"rect_width": "Endre rektangel bredde",
-		"corner_radius": "Endre rektangel Corner Radius",
-		"image_width": "Endre bilde bredde",
-		"image_height": "Endre bilde høyde",
-		"image_url": "Endre URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Endre tekst innholdet",
-		"font_family": "Change Font Family",
-		"font_size": "Endre skriftstørrelse",
-		"bold": "Fet tekst",
-		"italic": "Kursiv tekst"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Endre bakgrunnsfarge / opacity",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Passer til alt innhold",
-		"fit_to_canvas": "Tilpass til lerret",
-		"fit_to_layer_content": "Fit to lag innhold",
-		"fit_to_sel": "Tilpass til valg",
-		"align_relative_to": "Juster i forhold til ...",
-		"relativeTo": "i forhold til:",
-		"page": "side",
-		"largest_object": "største objekt",
-		"selected_objects": "velges objekter",
-		"smallest_object": "minste objekt",
-		"new_doc": "New Image",
-		"open_doc": "Åpne Image",
-		"export_img": "Export",
-		"save_doc": "Lagre bilde",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Midtstill",
-		"align_left": "Venstrejuster",
-		"align_middle": "Rett Middle",
-		"align_right": "Høyrejuster",
-		"align_top": "Align Top",
-		"mode_select": "Select Tool",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Linjeverktøy",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand rektangel",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Angre",
-		"redo": "Redo",
-		"tool_source": "Edit Source",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Gruppe Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Dele opp Elements",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Move to Bottom",
-		"move_top": "Flytt til toppen",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Lagre",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Slett laget",
-		"move_down": "Flytt laget ned",
-		"new": "Nytt lag",
-		"rename": "Rename Layer",
-		"move_up": "Flytt Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Velg forhåndsdefinerte:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'no',
+  dir: 'ltr',
+  common: {
+    ok: 'Lagre',
+    cancel: 'Avbryt',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Click å endre fyllfarge, shift-klikke for å endre slag farge',
+    zoom_level: 'Endre zoomnivå',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Endre fyllfarge',
+    stroke_color: 'Endre stroke color',
+    stroke_style: 'Endre stroke dash stil',
+    stroke_width: 'Endre stroke width',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Endre rotasjonsvinkelen',
+    blur: 'Change gaussian blur value',
+    opacity: 'Endre valgte elementet opasitet',
+    circle_cx: 'Endre sirkelens CX koordinatsystem',
+    circle_cy: 'Endre sirkelens koordinere cy',
+    circle_r: 'Endre sirkelens radius',
+    ellipse_cx: 'Endre ellipse&#39;s CX koordinatsystem',
+    ellipse_cy: 'Endre ellipse&#39;s koordinere cy',
+    ellipse_rx: 'Endre ellipse&#39;s x radius',
+    ellipse_ry: 'Endre ellipse&#39;s y radius',
+    line_x1: 'Endre linje begynner x koordinat',
+    line_x2: 'Endre linje&#39;s ending x koordinat',
+    line_y1: 'Endre linje begynner y koordinat',
+    line_y2: 'Endre linje&#39;s ending y koordinat',
+    rect_height: 'Endre rektangel høyde',
+    rect_width: 'Endre rektangel bredde',
+    corner_radius: 'Endre rektangel Corner Radius',
+    image_width: 'Endre bilde bredde',
+    image_height: 'Endre bilde høyde',
+    image_url: 'Endre URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Endre tekst innholdet',
+    font_family: 'Change Font Family',
+    font_size: 'Endre skriftstørrelse',
+    bold: 'Fet tekst',
+    italic: 'Kursiv tekst'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Endre bakgrunnsfarge / opacity',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Passer til alt innhold',
+    fit_to_canvas: 'Tilpass til lerret',
+    fit_to_layer_content: 'Fit to lag innhold',
+    fit_to_sel: 'Tilpass til valg',
+    align_relative_to: 'Juster i forhold til ...',
+    relativeTo: 'i forhold til:',
+    page: 'side',
+    largest_object: 'største objekt',
+    selected_objects: 'velges objekter',
+    smallest_object: 'minste objekt',
+    new_doc: 'New Image',
+    open_doc: 'Åpne Image',
+    export_img: 'Export',
+    save_doc: 'Lagre bilde',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Midtstill',
+    align_left: 'Venstrejuster',
+    align_middle: 'Rett Middle',
+    align_right: 'Høyrejuster',
+    align_top: 'Align Top',
+    mode_select: 'Select Tool',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Linjeverktøy',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand rektangel',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Text Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Angre',
+    redo: 'Redo',
+    tool_source: 'Edit Source',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Gruppe Elements',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Dele opp Elements',
+    docprops: 'Document Properties',
+    move_bottom: 'Move to Bottom',
+    move_top: 'Flytt til toppen',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Lagre',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Slett laget',
+    move_down: 'Flytt laget ned',
+    new: 'Nytt lag',
+    rename: 'Rename Layer',
+    move_up: 'Flytt Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Velg forhåndsdefinerte:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.pl.js b/editor/locale/lang.pl.js
index ab580b2b..e77d9c21 100644
--- a/editor/locale/lang.pl.js
+++ b/editor/locale/lang.pl.js
@@ -1,251 +1,218 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "pl",
-	dir : "ltr",
-	author: "Aleksander Lurie",
-	common: {
-		"ok": "OK",
-		"cancel": "Anuluj",
-		"key_backspace": "usuń", 
-		"key_del": "usuń", 
-		"key_down": "w dół", 
-		"key_up": "w górę", 
-		"more_opts": "więcej opcji",
-		"url": "adres url",
-		"width": "Szerokość",
-		"height": "Wysokość"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Pokaż/ukryj więcej opcji obramowania",
-		"palette_info": "Kliknij aby zmienić kolor wypełnienia, przytrzymaj shift aby zmienić kolor obramowania",
-		"zoom_level": "Zmiana powiększenia",
-		"panel_drag": "Przeciągnij w lewo/prawo aby zmienić szerokość panelu"
-	},
-	properties: {
-		"id": "Identyfikator elementu",
-		"fill_color": "Zmień kolor wypełnienia",
-		"stroke_color": "Zmień kolor obramowania",
-		"stroke_style": "Zmień styl obramowania",
-		"stroke_width": "Zmień szerokość obramowania o 1, przytrzymaj shift aby zmienić szerokość o 0.1",
-		"pos_x": "Zmień współrzędną X",
-		"pos_y": "Zmień współrzędną Y",
-		"linecap_butt": "Zakończenie linii: grzbiet",
-		"linecap_round": "Zakończenie linii: zaokrąglone",
-		"linecap_square": "Zakończenie linii: kwadrat",
-		"linejoin_bevel": "Łączenie linii: ścięte",
-		"linejoin_miter": "Łączenie linii: ostre",
-		"linejoin_round": "Łączenie linii: zaokrąglone",
-		"angle": "Zmień kąt obrotu",
-		"blur": "Zmień wartość rozmycia gaussa",
-		"opacity": "Zmień przezroczystość zaznaczonego elementu",
-		"circle_cx": "Zmień współrzędną cx okręgu",
-		"circle_cy": "Zmień współrzędną cy okręgu",
-		"circle_r": "zmień promień okręgu",
-		"ellipse_cx": "Zmień współrzędną cx elipsy",
-		"ellipse_cy": "Zmień współrzędną cy elipsy",
-		"ellipse_rx": "Zmień promień x elipsy",
-		"ellipse_ry": "Zmień promień y elipsy",
-		"line_x1": "Zmień współrzędna x początku linii",
-		"line_x2": "Zmień współrzędną x końca linii",
-		"line_y1": "Zmień współrzędną y początku linii",
-		"line_y2": "Zmień współrzędną y końca linii",
-		"rect_height": "Zmień wysokość prostokąta",
-		"rect_width": "Zmień szerokość prostokąta",
-		"corner_radius": "Zmień promień zaokrąglenia narożników prostokąta",
-		"image_width": "Zmień wysokość obrazu",
-		"image_height": "Zmień szerokość obrazu",
-		"image_url": "Zmień adres URL",
-		"node_x": "Zmień współrzędną x węzła",
-		"node_y": "Zmień współrzędną y węzła",
-		"seg_type": "Zmień typ segmentu",
-		"straight_segments": "Prosty",
-		"curve_segments": "Zaokrąglony",
-		"text_contents": "Zmień text",
-		"font_family": "Zmień krój czcionki",
-		"font_size": "Zmień rozmiar czcionki",
-		"bold": "Pogrubienie textu",
-		"italic": "Kursywa"
-	},
-	tools: { 
-		"main_menu": "Menu główne",
-		"bkgnd_color_opac": "Zmiana koloru/przezroczystości tła",
-		"connector_no_arrow": "Brak strzałek",
-		"fitToContent": "Dopasuj do zawartości",
-		"fit_to_all": "Dopasuj do całej zawartości",
-		"fit_to_canvas": "Dopasuj do widoku",
-		"fit_to_layer_content": "Dopasuj do zawartości warstwy",
-		"fit_to_sel": "Dopasuj do zaznaczenia",
-		"align_relative_to": "Wyrównaj relatywnie do ...",
-		"relativeTo": "relatywnie do:",
-		"page": "strona",
-		"largest_object": "największy obiekt",
-		"selected_objects": "zaznaczone obiekty",
-		"smallest_object": "najmniejszy obiekt",
-		"new_doc": "Nowy obraz",
-		"open_doc": "Otwórz obraz",
-		"export_img": "Eksportuj",
-		"save_doc": "Zapisz obraz",
-		"import_doc": "Importuj SVG",
-		"align_to_page": "Wyrównaj element do strony",
-		"align_bottom": "Wyrównaj do dołu",
-		"align_center": "Wyśrodkuj w poziomie",
-		"align_left": "Wyrównaj do lewej",
-		"align_middle": "Wyśrodkuj w pionie",
-		"align_right": "Wyrównaj do prawej",
-		"align_top": "Wyrównaj do góry",
-		"mode_select": "Zaznaczenie",
-		"mode_fhpath": "Ołówek",
-		"mode_line": "Linia",
-		"mode_connect": "Połącz dwa obiekty",
-		"mode_rect": "Prostokąt",
-		"mode_square": "Kwadrat",
-		"mode_fhrect": "Dowolny prostokąt",
-		"mode_ellipse": "Elipsa",
-		"mode_circle": "Okrąg",
-		"mode_fhellipse": "Dowolna elipsa",
-		"mode_path": "Ścieżka",
-		"mode_shapelib": "Biblioteka kształtów",
-		"mode_text": "Tekst",
-		"mode_image": "Obraz",
-		"mode_zoom": "Powiększenie",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "Uwaga: Ten obraz nie może być osadzony. Być może podany adres na to nie pozwala",
-		"undo": "Wstecz",
-		"redo": "Dalej",
-		"tool_source": "Edytuj źródło",
-		"wireframe_mode": "Tryb szkieletowy",
-		"toggle_grid": "Pokaż/ukryj siatkę",
-		"clone": "Klonuj element(y)",
-		"del": "Usuń warstwę",
-		"group_elements": "Grupuj elementy",
-		"make_link": "Utwórz łącze",
-		"set_link_url": "Ustal adres URL (pozostaw puste aby usunąć)",
-		"to_path": "Konwertuj do ścieżki",
-		"reorient_path": "Zresetuj obwiednię",
-		"ungroup": "Rozgrupuj elementy",
-		"docprops": "Właściwości dokumentu",
-		"imagelib": "Biblioteka obrazów",
-		"move_bottom": "Przenieś pod spód",
-		"move_top": "Przenieś na wierzch",
-		"node_clone": "Klonuj węzeł",
-		"node_delete": "Usuń węzeł",
-		"node_link": "Podłącz punkty kontrolne",
-		"add_subpath": "Dodaj ścieżkę podrzędną",
-		"openclose_path": "Otwórz/zamknij ścieżkę podrzędną",
-		"source_save": "Zachowaj zmiany",
-		"cut": "Wytnij",
-		"copy": "Kopiuj",
-		"paste": "Wklej",
-		"paste_in_place": "Wklej w miejscu",
-		"delete": "Usuń",
-		"group": "Grupuj",
-		"move_front": "Przenieś do przodu",
-		"move_up": "Przenieś warstwę w górę",
-		"move_down": "Przenieś warstwę w dół",
-		"move_back": "Przenieś do tyłu"
-	},
-	layers: {
-		"layer":"Warstwa",
-		"layers": "Warstwy",
-		"del": "Usuń warstwę",
-		"move_down": "Przenieś warstwę w dół",
-		"new": "Nowa warstwa",
-		"rename": "Zmień nazwę warstwy",
-		"move_up": "Przenieś warstwę w górę",
-		"dupe": "Duplikuj warstwę",
-		"merge_down": "Scal w dół",
-		"merge_all": "Scal  wszystko",
-		"move_elems_to": "Przenieś elementy do:",
-		"move_selected": "Przenieś zaznaczone elementy do innej warstwy"
-	},
-	config: {
-		"image_props": "Własciwości obrazu",
-		"doc_title": "Tytuł",
-		"doc_dims": "Wymiary pola roboczego",
-		"included_images": "Dołączone obrazy",
-		"image_opt_embed": "Dane osadzone (pliki lokalne)",
-		"image_opt_ref": "Użyj referencji do pliku",
-		"editor_prefs": "Ustawienia edytora",
-		"icon_size": "Rozmiar ikon",
-		"language": "Język",
-		"background": "Tło edytora",
-		"editor_img_url": "Adres URL obrazu",
-		"editor_bg_note": "Uwaga: Tło nie zostało zapisane z obrazem.",
-		"icon_large": "Duże",
-		"icon_medium": "Średnie",
-		"icon_small": "Małe",
-		"icon_xlarge": "Bardzo duże",
-		"select_predefined": "Wybierz predefiniowany:",
-		"units_and_rulers": "Jednostki/Linijki",
-		"show_rulers": "Pokaż linijki",
-		"base_unit": "Podstawowa jednostka:",
-		"grid": "Siatka",
-		"snapping_onoff": "Włącz/wyłącz przyciąganie",
-		"snapping_stepsize": "Przyciągaj co:",
-		"grid_color": "Kolor siatki"
-	},
-	shape_cats: {
-		"basic": "Podstawowe",
-		"object": "Obiekty",
-		"symbol": "Symbole",
-		"arrow": "Strzałki",
-		"flowchart": "Bloki",
-		"animal": "Zwierzęta",
-		"game": "Karty i szachy",
-		"dialog_balloon": "Dymki",
-		"electronics": "Elektronika",
-		"math": "Matematyka",
-		"music": "Muzyka",
-		"misc": "Inne",
-		"raphael_1": "raphaeljs.com zestaw 1",
-		"raphael_2": "raphaeljs.com zestaw 2"
-	},
-	imagelib: {
-		"select_lib": "Wybierz bibliotekę obrazów",
-		"show_list": "Pokaż listę bibliotek",
-		"import_single": "Importuj pojedyńczo",
-		"import_multi": "Importuj wiele",
-		"open": "Otwórz jako nowy dokument"
-	},
-	notification: {
-		"invalidAttrValGiven":"Podano nieprawidłową wartość",
-		"noContentToFitTo":"Brak zawartości do dopasowania",
-		"dupeLayerName":"Istnieje już warstwa o takiej nazwie!",
-		"enterUniqueLayerName":"Podaj unikalną nazwę warstwy",
-		"enterNewLayerName":"Podaj nazwe nowej warstwy",
-		"layerHasThatName":"Warstwa już tak się nazywa",
-		"QmoveElemsToLayer":"Przenies zaznaczone elementy do warstwy \"%s\"?",
-		"QwantToClear":"Jesteś pewien, że chcesz wyczyścić pole robocze?\nHistoria projektu również zostanie skasowana",
-		"QwantToOpen":"Jesteś pewien, że chcesz otworzyć nowy plik?\nHistoria projektu również zostanie skasowana",
-		"QerrorsRevertToSource":"Błąd parsowania źródła Twojego pliku SVG.\nPrzywrócić orginalne źródło pliku SVG?",
-		"QignoreSourceChanges":"Zignorowac zmiany w źródle pliku SVG?",
-		"featNotSupported":"Funkcjonalność niedostępna",
-		"enterNewImgURL":"Podaj adres URL nowego obrazu",
-		"defsFailOnSave": "Uwaga: Ze względu na błąd w przeglądarce, ten obraz może się źle wyswietlać (brak gradientów lub elementów). Będzie jednak wyświetlał się poprawnie skoro został zapisany.",
-		"loadingImage":"Ładowanie obrazu, proszę czekać...",
-		"saveFromBrowser": "Wybierz \"Zapisz jako...\" w przeglądarce aby zapisać obraz jako plik %s.",
-		"noteTheseIssues": "Zwróć uwagę na nastepujące kwestie: ",
-		"unsavedChanges": "Wykryto niezapisane zmiany.",
-		"enterNewLinkURL": "Wpisz nowy adres URL hiperłącza",
-		"errorLoadingSVG": "Błąd: Nie można załadować danych SVG",
-		"URLloadFail": "Nie można załadować z adresu URL",
-		"retrieving": "Pobieranie \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
\ No newline at end of file
+export default {
+  lang: 'pl',
+  dir: 'ltr',
+  author: 'Aleksander Lurie',
+  common: {
+    ok: 'OK',
+    cancel: 'Anuluj',
+    key_backspace: 'usuń',
+    key_del: 'usuń',
+    key_down: 'w dół',
+    key_up: 'w górę',
+    more_opts: 'więcej opcji',
+    url: 'adres url',
+    width: 'Szerokość',
+    height: 'Wysokość'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Pokaż/ukryj więcej opcji obramowania',
+    palette_info: 'Kliknij aby zmienić kolor wypełnienia, przytrzymaj shift aby zmienić kolor obramowania',
+    zoom_level: 'Zmiana powiększenia',
+    panel_drag: 'Przeciągnij w lewo/prawo aby zmienić szerokość panelu',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identyfikator elementu',
+    fill_color: 'Zmień kolor wypełnienia',
+    stroke_color: 'Zmień kolor obramowania',
+    stroke_style: 'Zmień styl obramowania',
+    stroke_width: 'Zmień szerokość obramowania o 1, przytrzymaj shift aby zmienić szerokość o 0.1',
+    pos_x: 'Zmień współrzędną X',
+    pos_y: 'Zmień współrzędną Y',
+    linecap_butt: 'Zakończenie linii: grzbiet',
+    linecap_round: 'Zakończenie linii: zaokrąglone',
+    linecap_square: 'Zakończenie linii: kwadrat',
+    linejoin_bevel: 'Łączenie linii: ścięte',
+    linejoin_miter: 'Łączenie linii: ostre',
+    linejoin_round: 'Łączenie linii: zaokrąglone',
+    angle: 'Zmień kąt obrotu',
+    blur: 'Zmień wartość rozmycia gaussa',
+    opacity: 'Zmień przezroczystość zaznaczonego elementu',
+    circle_cx: 'Zmień współrzędną cx okręgu',
+    circle_cy: 'Zmień współrzędną cy okręgu',
+    circle_r: 'zmień promień okręgu',
+    ellipse_cx: 'Zmień współrzędną cx elipsy',
+    ellipse_cy: 'Zmień współrzędną cy elipsy',
+    ellipse_rx: 'Zmień promień x elipsy',
+    ellipse_ry: 'Zmień promień y elipsy',
+    line_x1: 'Zmień współrzędna x początku linii',
+    line_x2: 'Zmień współrzędną x końca linii',
+    line_y1: 'Zmień współrzędną y początku linii',
+    line_y2: 'Zmień współrzędną y końca linii',
+    rect_height: 'Zmień wysokość prostokąta',
+    rect_width: 'Zmień szerokość prostokąta',
+    corner_radius: 'Zmień promień zaokrąglenia narożników prostokąta',
+    image_width: 'Zmień wysokość obrazu',
+    image_height: 'Zmień szerokość obrazu',
+    image_url: 'Zmień adres URL',
+    node_x: 'Zmień współrzędną x węzła',
+    node_y: 'Zmień współrzędną y węzła',
+    seg_type: 'Zmień typ segmentu',
+    straight_segments: 'Prosty',
+    curve_segments: 'Zaokrąglony',
+    text_contents: 'Zmień text',
+    font_family: 'Zmień krój czcionki',
+    font_size: 'Zmień rozmiar czcionki',
+    bold: 'Pogrubienie textu',
+    italic: 'Kursywa'
+  },
+  tools: {
+    main_menu: 'Menu główne',
+    bkgnd_color_opac: 'Zmiana koloru/przezroczystości tła',
+    connector_no_arrow: 'Brak strzałek',
+    fitToContent: 'Dopasuj do zawartości',
+    fit_to_all: 'Dopasuj do całej zawartości',
+    fit_to_canvas: 'Dopasuj do widoku',
+    fit_to_layer_content: 'Dopasuj do zawartości warstwy',
+    fit_to_sel: 'Dopasuj do zaznaczenia',
+    align_relative_to: 'Wyrównaj relatywnie do ...',
+    relativeTo: 'relatywnie do:',
+    page: 'strona',
+    largest_object: 'największy obiekt',
+    selected_objects: 'zaznaczone obiekty',
+    smallest_object: 'najmniejszy obiekt',
+    new_doc: 'Nowy obraz',
+    open_doc: 'Otwórz obraz',
+    export_img: 'Eksportuj',
+    save_doc: 'Zapisz obraz',
+    import_doc: 'Importuj SVG',
+    align_to_page: 'Wyrównaj element do strony',
+    align_bottom: 'Wyrównaj do dołu',
+    align_center: 'Wyśrodkuj w poziomie',
+    align_left: 'Wyrównaj do lewej',
+    align_middle: 'Wyśrodkuj w pionie',
+    align_right: 'Wyrównaj do prawej',
+    align_top: 'Wyrównaj do góry',
+    mode_select: 'Zaznaczenie',
+    mode_fhpath: 'Ołówek',
+    mode_line: 'Linia',
+    mode_rect: 'Prostokąt',
+    mode_square: 'Kwadrat',
+    mode_fhrect: 'Dowolny prostokąt',
+    mode_ellipse: 'Elipsa',
+    mode_circle: 'Okrąg',
+    mode_fhellipse: 'Dowolna elipsa',
+    mode_path: 'Ścieżka',
+    mode_text: 'Tekst',
+    mode_image: 'Obraz',
+    mode_zoom: 'Powiększenie',
+    no_embed: 'Uwaga: Ten obraz nie może być osadzony. Być może podany adres na to nie pozwala',
+    undo: 'Wstecz',
+    redo: 'Dalej',
+    tool_source: 'Edytuj źródło',
+    wireframe_mode: 'Tryb szkieletowy',
+    clone: 'Klonuj element(y)',
+    del: 'Usuń warstwę',
+    group_elements: 'Grupuj elementy',
+    make_link: 'Utwórz łącze',
+    set_link_url: 'Ustal adres URL (pozostaw puste aby usunąć)',
+    to_path: 'Konwertuj do ścieżki',
+    reorient_path: 'Zresetuj obwiednię',
+    ungroup: 'Rozgrupuj elementy',
+    docprops: 'Właściwości dokumentu',
+    move_bottom: 'Przenieś pod spód',
+    move_top: 'Przenieś na wierzch',
+    node_clone: 'Klonuj węzeł',
+    node_delete: 'Usuń węzeł',
+    node_link: 'Podłącz punkty kontrolne',
+    add_subpath: 'Dodaj ścieżkę podrzędną',
+    openclose_path: 'Otwórz/zamknij ścieżkę podrzędną',
+    source_save: 'Zachowaj zmiany',
+    cut: 'Wytnij',
+    copy: 'Kopiuj',
+    paste: 'Wklej',
+    paste_in_place: 'Wklej w miejscu',
+    delete: 'Usuń',
+    group: 'Grupuj',
+    move_front: 'Przenieś do przodu',
+    move_up: 'Przenieś warstwę w górę',
+    move_down: 'Przenieś warstwę w dół',
+    move_back: 'Przenieś do tyłu'
+  },
+  layers: {
+    layer: 'Warstwa',
+    layers: 'Warstwy',
+    del: 'Usuń warstwę',
+    move_down: 'Przenieś warstwę w dół',
+    new: 'Nowa warstwa',
+    rename: 'Zmień nazwę warstwy',
+    move_up: 'Przenieś warstwę w górę',
+    dupe: 'Duplikuj warstwę',
+    merge_down: 'Scal w dół',
+    merge_all: 'Scal  wszystko',
+    move_elems_to: 'Przenieś elementy do:',
+    move_selected: 'Przenieś zaznaczone elementy do innej warstwy'
+  },
+  config: {
+    image_props: 'Własciwości obrazu',
+    doc_title: 'Tytuł',
+    doc_dims: 'Wymiary pola roboczego',
+    included_images: 'Dołączone obrazy',
+    image_opt_embed: 'Dane osadzone (pliki lokalne)',
+    image_opt_ref: 'Użyj referencji do pliku',
+    editor_prefs: 'Ustawienia edytora',
+    icon_size: 'Rozmiar ikon',
+    language: 'Język',
+    background: 'Tło edytora',
+    editor_img_url: 'Adres URL obrazu',
+    editor_bg_note: 'Uwaga: Tło nie zostało zapisane z obrazem.',
+    icon_large: 'Duże',
+    icon_medium: 'Średnie',
+    icon_small: 'Małe',
+    icon_xlarge: 'Bardzo duże',
+    select_predefined: 'Wybierz predefiniowany:',
+    units_and_rulers: 'Jednostki/Linijki',
+    show_rulers: 'Pokaż linijki',
+    base_unit: 'Podstawowa jednostka:',
+    grid: 'Siatka',
+    snapping_onoff: 'Włącz/wyłącz przyciąganie',
+    snapping_stepsize: 'Przyciągaj co:',
+    grid_color: 'Kolor siatki'
+  },
+  notification: {
+    invalidAttrValGiven: 'Podano nieprawidłową wartość',
+    noContentToFitTo: 'Brak zawartości do dopasowania',
+    dupeLayerName: 'Istnieje już warstwa o takiej nazwie!',
+    enterUniqueLayerName: 'Podaj unikalną nazwę warstwy',
+    enterNewLayerName: 'Podaj nazwe nowej warstwy',
+    layerHasThatName: 'Warstwa już tak się nazywa',
+    QmoveElemsToLayer: 'Przenies zaznaczone elementy do warstwy \'%s\'?',
+    QwantToClear: 'Jesteś pewien, że chcesz wyczyścić pole robocze?\nHistoria projektu również zostanie skasowana',
+    QwantToOpen: 'Jesteś pewien, że chcesz otworzyć nowy plik?\nHistoria projektu również zostanie skasowana',
+    QerrorsRevertToSource: 'Błąd parsowania źródła Twojego pliku SVG.\nPrzywrócić orginalne źródło pliku SVG?',
+    QignoreSourceChanges: 'Zignorowac zmiany w źródle pliku SVG?',
+    featNotSupported: 'Funkcjonalność niedostępna',
+    enterNewImgURL: 'Podaj adres URL nowego obrazu',
+    defsFailOnSave: 'Uwaga: Ze względu na błąd w przeglądarce, ten obraz może się źle wyswietlać (brak gradientów lub elementów). Będzie jednak wyświetlał się poprawnie skoro został zapisany.',
+    loadingImage: 'Ładowanie obrazu, proszę czekać...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Zwróć uwagę na nastepujące kwestie: ',
+    unsavedChanges: 'Wykryto niezapisane zmiany.',
+    enterNewLinkURL: 'Wpisz nowy adres URL hiperłącza',
+    errorLoadingSVG: 'Błąd: Nie można załadować danych SVG',
+    URLloadFail: 'Nie można załadować z adresu URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.pt-BR.js b/editor/locale/lang.pt-BR.js
index cec3bfd2..29dd84ef 100644
--- a/editor/locale/lang.pt-BR.js
+++ b/editor/locale/lang.pt-BR.js
@@ -1,249 +1,216 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "pt-BR",
-	dir : "ltr",
-	common: {
-		"ok": "OK",
-		"cancel": "Cancelar",
-		"key_backspace": "Tecla backspace", 
-		"key_del": "Tecla delete", 
-		"key_down": "Seta para baixo", 
-		"key_up": "Seta para cima", 
-		"more_opts": "Mais opções",
-		"url": "URL",
-		"width": "Largura",
-		"height": "Altura"
-	},
-	misc: {
-		"powered_by": "Tecnologia"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Mais opções de traço",
-  	"palette_info": "Click para mudar a cor de preenchimento, shift-click para mudar a cor do traço",
-		"zoom_level": "Mudar zoom",
-  	"panel_drag": "Arraste para redimensionar o painel"
-	},
-	properties: {
-	 	"id": "Identifica o elemento",
-		"fill_color": "Mudar a cor de preenchimento",
-		"stroke_color": "Mudar a cor do traço",
-		"stroke_style": "Mudar o estilo do traço",
-		"stroke_width": "Mudar a espessura do traço em 1, shift-click para mudar 0.1",
-		"pos_x": "Mudar a coordenada X",
-		"pos_y": "Mudar a coordenada Y",
-		"linecap_butt": "Estilo do fim do traço: Topo",
-		"linecap_round": "Estilo do fim do traço: Redondo",
-		"linecap_square": "Estilo do fim do traço: Quadrado",
-		"linejoin_bevel": "Estilo da Aresta: Chanfro",
-		"linejoin_miter": "Estilo da Aresta: Reto",
-		"linejoin_round": "Estilo da Aresta: Redondo",
-		"angle": "Mudar ângulo de rotação",
-		"blur": "Mudar valor de desfoque",
-		"opacity": "Mudar opacidade do item selecionado",
-		"circle_cx": "Mudar a coordenada cx do círculo",
-		"circle_cy": "Mudar a coordenada cy do círculo",
-		"circle_r": "Mudar o raio do círculo",
-		"ellipse_cx": "Mudar a coordenada cx da elípse",
-		"ellipse_cy": "Mudar a coordenada cy da elípse",
-		"ellipse_rx": "Mudar o raio x da elípse",
-		"ellipse_ry": "Mudar o raio y da elípse",
-		"line_x1": "Mudar a coordenada x do início da linha",
-		"line_x2": "Mudar a coordenada x do fim da linha",
-		"line_y1": "Mudar a coordenada y do início da linha",
-		"line_y2": "Mudar a coordenada y do fim da linha",
-		"rect_height": "Mudar a altura do retângulo",
-		"rect_width": "Mudar a largura do retângulo",
-		"corner_radius": "Mudar o raio da aresta do retângulo",
-		"image_width": "Mudar a largura da imagem",
-		"image_height": "Mudar a altura da imagem",
-		"image_url": "Mudar URL",
-		"node_x": "Mudar a coordenada x da aresta",
-		"node_y": "Mudar a coordenada y da aresta",
-		"seg_type": "Mudar o tipo de segmento",
-		"straight_segments": "Reto",
-		"curve_segments": "Curvo",
-		"text_contents": "Mudar conteúdo do texto",
-		"font_family": "Mudar o estilo da fonte",
-		"font_size": "Mudar o tamanho da fonte",
-		"bold": "Negrito",
-		"italic": "Italico"
-	},
-	tools: { 
-	 	"main_menu": "Menu Principal",
-		"bkgnd_color_opac": "Mudar cor/opacidade do fundo",
-		"connector_no_arrow": "Sem flecha",
-		"fitToContent": "Ajustar ao conteúdo",
-		"fit_to_all": "Ajustar a todo conteúdo",
-		"fit_to_canvas": "Ajustar à tela",
-		"fit_to_layer_content": "Ajustar ao conteúdo da camada",
-		"fit_to_sel": "Ajustar à seleção",
-		"align_relative_to": "Alinhar em relação à ...",
-		"relativeTo": "Referência:",
-		"page": "página",
-		"largest_object": "maior objeto",
-		"selected_objects": "objetos selecionados",
-		"smallest_object": "menor objeto",
-		"new_doc": "Nova imagem",
-		"open_doc": "Abrir imagem",
-		"export_img": "Export",
-		"save_doc": "Salvar imagem",
-		"import_doc": "Importar SVG",
-		"align_to_page": "Alinhar elemento na página",
-		"align_bottom": "Alinhar no fundo",
-		"align_center": "Alinhar no centro",
-		"align_left": "Alinhar na esquerda",
-		"align_middle": "Alinhar no meio",
-		"align_right": "Alinhar na direita",
-		"align_top": "Alinhar no topo",
-		"mode_select": "Selecão",
-		"mode_fhpath": "Lápis",
-		"mode_line": "Linha",
-		"mode_connect": "Conecção",
-		"mode_rect": "Retângulo",
-		"mode_square": "Quadrado",
-		"mode_fhrect": "Retângulo a mão-livre",
-		"mode_ellipse": "Elípse",
-		"mode_circle": "Círculo",
-		"mode_fhellipse": "Elípse a mão-livre",
-		"mode_path": "Contorno",
-		"mode_shapelib": "Biblioteca de Formas",
-		"mode_text": "Texto",
-		"mode_image": "Imagem",
-		"mode_zoom": "Zoom",
-		"mode_eyedropper": "Conta-gotas",
-		"no_embed": "Atenção: Esta imagem não pode ser incorporada e dependerá de seu caminho para ser exibida",
-		"undo": "Desfazer",
-		"redo": "Refazer",
-		"tool_source": "Editar o código",
-		"wireframe_mode": "Modo linhas",
-		"toggle_grid": "Mostrar/Esconder grade",
-		"clone": "Clonar Elemento(s)",
-		"del": "Deletar Elemento(s)",
-		"group_elements": "Agrupar Elementos",
-		"make_link": "Criar (hyper)link",
-		"set_link_url": "Alterar URL (em branco para remover)",
-		"to_path": "Converter para Contorno",
-		"reorient_path": "Reorientar contorno",
-		"ungroup": "Desagrupar Elementos",
-		"docprops": "Propriedades",
-		"imagelib": "Biblioteca de Imagens",
-		"move_bottom": "Mover para o fundo",
-		"move_top": "Mover para o topo",
-		"node_clone": "Clonar Aresta",
-		"node_delete": "Deletar Aresta",
-		"node_link": "Alinhar pontos de controle",
-		"add_subpath": "Adicionar contorno",
-		"openclose_path": "Abrir/Fechar contorno",
-		"source_save": "Salvar",
-		"cut": "Recortar",
-		"copy": "Copiar",
-		"paste": "Colar",
-		"paste_in_place": "Colar no mesmo local",
-		"delete": "Deletar",
-		"group": "Agrupar",
-		"move_front": "Trazer para Frente",
-		"move_up": "Avançar",
-		"move_down": "Recuar",
-		"move_back": "Enviar para Trás"
-	},
-	layers: {
-	 	"layer":"Camada",
-		"layers": "Camadas",
-		"del": "Deletar Camada",
-		"move_down": "Enviar Camada para Trás",
-		"new": "Nova Camada",
-		"rename": "Renomear Camada",
-		"move_up": "Trazer Camada para Frente",
-		"dupe": "Duplicar Camada",
-		"merge_down": "Achatar para baixo",
-		"merge_all": "Achatar todas",
-		"move_elems_to": "Mover elementos para:",
-		"move_selected": "Mover elementos selecionados para outra camada"
-	},
-	config: {
-	 	"image_props": "Propriedades",
-		"doc_title": "Título",
-		"doc_dims": "Dimensões",
-		"included_images": "Imagens",
-		"image_opt_embed": "Incorporadas (arquivos locais)",
-		"image_opt_ref": "Usar referência",
-		"editor_prefs": "Preferências",
-		"icon_size": "Tamanho dos ícones",
-		"language": "Idioma",
-		"background": "Fundo da página",
-		"editor_img_url": "URL da Imagem",
-		"editor_bg_note": "Atenção: Fundo da página não será salvo.",
-		"icon_large": "Grande",
-		"icon_medium": "Médio",
-		"icon_small": "Pequeno",
-		"icon_xlarge": "Extra Grande",
-		"select_predefined": "Modelos:",
-		"units_and_rulers": "Unidade & Réguas",
-		"show_rulers": "Mostrar réguas",
-		"base_unit": "Unidade base:",
-		"grid": "Grade",
-		"snapping_onoff": "Snap on/off",
-		"snapping_stepsize": "Intensidade do Snap:"
-	},
-	shape_cats: {
-		"basic": "Básico",
-		"object": "Objetos",
-		"symbol": "Símbolos",
-		"arrow": "Flechas",
-		"flowchart": "Fluxograma",
-		"animal": "Animais",
-		"game": "Jogos",
-		"dialog_balloon": "Balões",
-		"electronics": "Eletrônica",
-		"math": "Matemática",
-		"music": "Música",
-		"misc": "Outros",
-		"raphael_1": "raphaeljs.com set 1",
-		"raphael_2": "raphaeljs.com set 2"
-	},
-	imagelib: {
-		"select_lib": "Selecione uma biblioteca de imagens",
-		"show_list": "Voltar à lista de bibliotecas",
-		"import_single": "Importar um",
-		"import_multi": "Importar múltiplos",
-		"open": "Abrir como novo"
-	},
-	notification: {
-		"invalidAttrValGiven":"Valor inválido",
-		"noContentToFitTo":"Não há conteúdo",
-		"dupeLayerName":"Nome duplicado",
-		"enterUniqueLayerName":"Insira um nome único",
-		"enterNewLayerName":"Insira um novo nome",
-		"layerHasThatName":"A camada já pussui este nome",
-		"QmoveElemsToLayer":"Mover elementos selecionados para a camada: \"%s\"?",
-		"QwantToClear":"Deseja criar um novo arquivo?\nO histórico também será apagado!",
-		"QwantToOpen":"Deseja abrir um novo arquivo?\nO histórico também será apagado!",
-		"QerrorsRevertToSource":"Foram encontrados erros ná análise do código SVG.\nReverter para o código SVG original?",
-		"QignoreSourceChanges":"Ignorar as mudanças no código SVG?",
-		"featNotSupported":"Recurso não suportado",
-		"enterNewImgURL":"Insira nova URL da imagem",
-		"defsFailOnSave": "Atenção: Devido a um bug em seu navegador, esta imagem pode apresentar erros, porém será salva corretamente.",
-		"loadingImage":"Carregando imagem, por favor aguarde...",
-		"saveFromBrowser": "Selecione \"Salvar como...\" no seu navegador para salvar esta imagem como um arquivo %s.",
-		"noteTheseIssues": "Atenção para as seguintes questões: ",
-		"unsavedChanges": "Existem alterações não salvas.",
-		"enterNewLinkURL": "Insira novo URL do hyperlink",
-		"errorLoadingSVG": "Erro: Impossível carregar dados SVG",
-		"URLloadFail": "Impossível carregar deste URL",
-		"retrieving": "Recuperando \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
\ No newline at end of file
+export default {
+  lang: 'pt-BR',
+  dir: 'ltr',
+  common: {
+    ok: 'OK',
+    cancel: 'Cancelar',
+    key_backspace: 'Tecla backspace',
+    key_del: 'Tecla delete',
+    key_down: 'Seta para baixo',
+    key_up: 'Seta para cima',
+    more_opts: 'Mais opções',
+    url: 'URL',
+    width: 'Largura',
+    height: 'Altura'
+  },
+  misc: {
+    powered_by: 'Tecnologia'
+  },
+  ui: {
+    toggle_stroke_tools: 'Mais opções de traço',
+    palette_info: 'Click para mudar a cor de preenchimento, shift-click para mudar a cor do traço',
+    zoom_level: 'Mudar zoom',
+    panel_drag: 'Arraste para redimensionar o painel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identifica o elemento',
+    fill_color: 'Mudar a cor de preenchimento',
+    stroke_color: 'Mudar a cor do traço',
+    stroke_style: 'Mudar o estilo do traço',
+    stroke_width: 'Mudar a espessura do traço em 1, shift-click para mudar 0.1',
+    pos_x: 'Mudar a coordenada X',
+    pos_y: 'Mudar a coordenada Y',
+    linecap_butt: 'Estilo do fim do traço: Topo',
+    linecap_round: 'Estilo do fim do traço: Redondo',
+    linecap_square: 'Estilo do fim do traço: Quadrado',
+    linejoin_bevel: 'Estilo da Aresta: Chanfro',
+    linejoin_miter: 'Estilo da Aresta: Reto',
+    linejoin_round: 'Estilo da Aresta: Redondo',
+    angle: 'Mudar ângulo de rotação',
+    blur: 'Mudar valor de desfoque',
+    opacity: 'Mudar opacidade do item selecionado',
+    circle_cx: 'Mudar a coordenada cx do círculo',
+    circle_cy: 'Mudar a coordenada cy do círculo',
+    circle_r: 'Mudar o raio do círculo',
+    ellipse_cx: 'Mudar a coordenada cx da elípse',
+    ellipse_cy: 'Mudar a coordenada cy da elípse',
+    ellipse_rx: 'Mudar o raio x da elípse',
+    ellipse_ry: 'Mudar o raio y da elípse',
+    line_x1: 'Mudar a coordenada x do início da linha',
+    line_x2: 'Mudar a coordenada x do fim da linha',
+    line_y1: 'Mudar a coordenada y do início da linha',
+    line_y2: 'Mudar a coordenada y do fim da linha',
+    rect_height: 'Mudar a altura do retângulo',
+    rect_width: 'Mudar a largura do retângulo',
+    corner_radius: 'Mudar o raio da aresta do retângulo',
+    image_width: 'Mudar a largura da imagem',
+    image_height: 'Mudar a altura da imagem',
+    image_url: 'Mudar URL',
+    node_x: 'Mudar a coordenada x da aresta',
+    node_y: 'Mudar a coordenada y da aresta',
+    seg_type: 'Mudar o tipo de segmento',
+    straight_segments: 'Reto',
+    curve_segments: 'Curvo',
+    text_contents: 'Mudar conteúdo do texto',
+    font_family: 'Mudar o estilo da fonte',
+    font_size: 'Mudar o tamanho da fonte',
+    bold: 'Negrito',
+    italic: 'Italico'
+  },
+  tools: {
+    main_menu: 'Menu Principal',
+    bkgnd_color_opac: 'Mudar cor/opacidade do fundo',
+    connector_no_arrow: 'Sem flecha',
+    fitToContent: 'Ajustar ao conteúdo',
+    fit_to_all: 'Ajustar a todo conteúdo',
+    fit_to_canvas: 'Ajustar à tela',
+    fit_to_layer_content: 'Ajustar ao conteúdo da camada',
+    fit_to_sel: 'Ajustar à seleção',
+    align_relative_to: 'Alinhar em relação à ...',
+    relativeTo: 'Referência:',
+    page: 'página',
+    largest_object: 'maior objeto',
+    selected_objects: 'objetos selecionados',
+    smallest_object: 'menor objeto',
+    new_doc: 'Nova imagem',
+    open_doc: 'Abrir imagem',
+    export_img: 'Export',
+    save_doc: 'Salvar imagem',
+    import_doc: 'Importar SVG',
+    align_to_page: 'Alinhar elemento na página',
+    align_bottom: 'Alinhar no fundo',
+    align_center: 'Alinhar no centro',
+    align_left: 'Alinhar na esquerda',
+    align_middle: 'Alinhar no meio',
+    align_right: 'Alinhar na direita',
+    align_top: 'Alinhar no topo',
+    mode_select: 'Selecão',
+    mode_fhpath: 'Lápis',
+    mode_line: 'Linha',
+    mode_rect: 'Retângulo',
+    mode_square: 'Quadrado',
+    mode_fhrect: 'Retângulo a mão-livre',
+    mode_ellipse: 'Elípse',
+    mode_circle: 'Círculo',
+    mode_fhellipse: 'Elípse a mão-livre',
+    mode_path: 'Contorno',
+    mode_text: 'Texto',
+    mode_image: 'Imagem',
+    mode_zoom: 'Zoom',
+    no_embed: 'Atenção: Esta imagem não pode ser incorporada e dependerá de seu caminho para ser exibida',
+    undo: 'Desfazer',
+    redo: 'Refazer',
+    tool_source: 'Editar o código',
+    wireframe_mode: 'Modo linhas',
+    clone: 'Clonar Elemento(s)',
+    del: 'Deletar Elemento(s)',
+    group_elements: 'Agrupar Elementos',
+    make_link: 'Criar (hyper)link',
+    set_link_url: 'Alterar URL (em branco para remover)',
+    to_path: 'Converter para Contorno',
+    reorient_path: 'Reorientar contorno',
+    ungroup: 'Desagrupar Elementos',
+    docprops: 'Propriedades',
+    move_bottom: 'Mover para o fundo',
+    move_top: 'Mover para o topo',
+    node_clone: 'Clonar Aresta',
+    node_delete: 'Deletar Aresta',
+    node_link: 'Alinhar pontos de controle',
+    add_subpath: 'Adicionar contorno',
+    openclose_path: 'Abrir/Fechar contorno',
+    source_save: 'Salvar',
+    cut: 'Recortar',
+    copy: 'Copiar',
+    paste: 'Colar',
+    paste_in_place: 'Colar no mesmo local',
+    delete: 'Deletar',
+    group: 'Agrupar',
+    move_front: 'Trazer para Frente',
+    move_up: 'Avançar',
+    move_down: 'Recuar',
+    move_back: 'Enviar para Trás'
+  },
+  layers: {
+    layer: 'Camada',
+    layers: 'Camadas',
+    del: 'Deletar Camada',
+    move_down: 'Enviar Camada para Trás',
+    new: 'Nova Camada',
+    rename: 'Renomear Camada',
+    move_up: 'Trazer Camada para Frente',
+    dupe: 'Duplicar Camada',
+    merge_down: 'Achatar para baixo',
+    merge_all: 'Achatar todas',
+    move_elems_to: 'Mover elementos para:',
+    move_selected: 'Mover elementos selecionados para outra camada'
+  },
+  config: {
+    image_props: 'Propriedades',
+    doc_title: 'Título',
+    doc_dims: 'Dimensões',
+    included_images: 'Imagens',
+    image_opt_embed: 'Incorporadas (arquivos locais)',
+    image_opt_ref: 'Usar referência',
+    editor_prefs: 'Preferências',
+    icon_size: 'Tamanho dos ícones',
+    language: 'Idioma',
+    background: 'Fundo da página',
+    editor_img_url: 'URL da Imagem',
+    editor_bg_note: 'Atenção: Fundo da página não será salvo.',
+    icon_large: 'Grande',
+    icon_medium: 'Médio',
+    icon_small: 'Pequeno',
+    icon_xlarge: 'Extra Grande',
+    select_predefined: 'Modelos:',
+    units_and_rulers: 'Unidade & Réguas',
+    show_rulers: 'Mostrar réguas',
+    base_unit: 'Unidade base:',
+    grid: 'Grade',
+    snapping_onoff: 'Snap on/off',
+    snapping_stepsize: 'Intensidade do Snap:'
+  },
+  notification: {
+    invalidAttrValGiven: 'Valor inválido',
+    noContentToFitTo: 'Não há conteúdo',
+    dupeLayerName: 'Nome duplicado',
+    enterUniqueLayerName: 'Insira um nome único',
+    enterNewLayerName: 'Insira um novo nome',
+    layerHasThatName: 'A camada já pussui este nome',
+    QmoveElemsToLayer: 'Mover elementos selecionados para a camada: \'%s\'?',
+    QwantToClear: 'Deseja criar um novo arquivo?\nO histórico também será apagado!',
+    QwantToOpen: 'Deseja abrir um novo arquivo?\nO histórico também será apagado!',
+    QerrorsRevertToSource: 'Foram encontrados erros ná análise do código SVG.\nReverter para o código SVG original?',
+    QignoreSourceChanges: 'Ignorar as mudanças no código SVG?',
+    featNotSupported: 'Recurso não suportado',
+    enterNewImgURL: 'Insira nova URL da imagem',
+    defsFailOnSave: 'Atenção: Devido a um bug em seu navegador, esta imagem pode apresentar erros, porém será salva corretamente.',
+    loadingImage: 'Carregando imagem, por favor aguarde...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Atenção para as seguintes questões: ',
+    unsavedChanges: 'Existem alterações não salvas.',
+    enterNewLinkURL: 'Insira novo URL do hyperlink',
+    errorLoadingSVG: 'Erro: Impossível carregar dados SVG',
+    URLloadFail: 'Impossível carregar deste URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.pt-PT.js b/editor/locale/lang.pt-PT.js
index ac1aa0a6..8b187eaf 100644
--- a/editor/locale/lang.pt-PT.js
+++ b/editor/locale/lang.pt-PT.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "pt-PT",
-	dir : "ltr",
-	common: {
-		"ok": "Salvar",
-		"cancel": "Cancelar",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Clique para mudar a cor de preenchimento, shift-clique para mudar a cor do curso",
-		"zoom_level": "Alterar o nível de zoom",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Alterar a cor de preenchimento",
-		"stroke_color": "Mudar a cor do curso",
-		"stroke_style": "Alterar o estilo do traço do curso",
-		"stroke_width": "Alterar a largura do curso",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Alterar o ângulo de rotação",
-		"blur": "Change gaussian blur value",
-		"opacity": "Mude a opacidade item selecionado",
-		"circle_cx": "Cx Mudar círculo de coordenadas",
-		"circle_cy": "Círculo Mudança cy coordenar",
-		"circle_r": "Alterar círculo de raio",
-		"ellipse_cx": "Alterar elipse cx coordenar",
-		"ellipse_cy": "Elipse Mudança cy coordenar",
-		"ellipse_rx": "Raio X Change elipse",
-		"ellipse_ry": "Raio y Change elipse",
-		"line_x1": "Altere a linha de partida coordenada x",
-		"line_x2": "Altere a linha está terminando coordenada x",
-		"line_y1": "Mudança na linha de partida coordenada y",
-		"line_y2": "Mudança de linha está terminando coordenada y",
-		"rect_height": "Alterar altura do retângulo",
-		"rect_width": "Alterar a largura retângulo",
-		"corner_radius": "Alterar Corner Rectangle Radius",
-		"image_width": "Alterar a largura da imagem",
-		"image_height": "Alterar altura da imagem",
-		"image_url": "Alterar URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Alterar o conteúdo de texto",
-		"font_family": "Alterar fonte Família",
-		"font_size": "Alterar tamanho de letra",
-		"bold": "Bold Text",
-		"italic": "Texto em itálico"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Mudar a cor de fundo / opacidade",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Ajustar ao conteúdo",
-		"fit_to_all": "Ajustar a todo o conteúdo",
-		"fit_to_canvas": "Ajustar à tela",
-		"fit_to_layer_content": "Ajustar o conteúdo da camada de",
-		"fit_to_sel": "Ajustar à selecção",
-		"align_relative_to": "Alinhar em relação a ...",
-		"relativeTo": "em relação ao:",
-		"page": "Página",
-		"largest_object": "maior objeto",
-		"selected_objects": "objetos eleitos",
-		"smallest_object": "menor objeto",
-		"new_doc": "Nova Imagem",
-		"open_doc": "Abrir Imagem",
-		"export_img": "Export",
-		"save_doc": "Salvar Imagem",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Alinhar ao centro",
-		"align_left": "Alinhar à Esquerda",
-		"align_middle": "Alinhar Médio",
-		"align_right": "Alinhar à Direita",
-		"align_top": "Align Top",
-		"mode_select": "Selecione a ferramenta",
-		"mode_fhpath": "Ferramenta Lápis",
-		"mode_line": "Ferramenta Linha",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Rectangle",
-		"mode_ellipse": "Elipse",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Ferramenta de Texto",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Desfazer",
-		"redo": "Refazer",
-		"tool_source": "Fonte Editar",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Elementos do Grupo",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Elementos Desagrupar",
-		"docprops": "Propriedades do Documento",
-		"imagelib": "Image Library",
-		"move_bottom": "Move to Bottom",
-		"move_top": "Move to Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Salvar",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Delete Layer",
-		"move_down": "Move camada para baixo",
-		"new": "New Layer",
-		"rename": "Rename Layer",
-		"move_up": "Move Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Selecione predefinidos:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'pt-PT',
+  dir: 'ltr',
+  common: {
+    ok: 'Salvar',
+    cancel: 'Cancelar',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Clique para mudar a cor de preenchimento, shift-clique para mudar a cor do curso',
+    zoom_level: 'Alterar o nível de zoom',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Alterar a cor de preenchimento',
+    stroke_color: 'Mudar a cor do curso',
+    stroke_style: 'Alterar o estilo do traço do curso',
+    stroke_width: 'Alterar a largura do curso',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Alterar o ângulo de rotação',
+    blur: 'Change gaussian blur value',
+    opacity: 'Mude a opacidade item selecionado',
+    circle_cx: 'Cx Mudar círculo de coordenadas',
+    circle_cy: 'Círculo Mudança cy coordenar',
+    circle_r: 'Alterar círculo de raio',
+    ellipse_cx: 'Alterar elipse cx coordenar',
+    ellipse_cy: 'Elipse Mudança cy coordenar',
+    ellipse_rx: 'Raio X Change elipse',
+    ellipse_ry: 'Raio y Change elipse',
+    line_x1: 'Altere a linha de partida coordenada x',
+    line_x2: 'Altere a linha está terminando coordenada x',
+    line_y1: 'Mudança na linha de partida coordenada y',
+    line_y2: 'Mudança de linha está terminando coordenada y',
+    rect_height: 'Alterar altura do retângulo',
+    rect_width: 'Alterar a largura retângulo',
+    corner_radius: 'Alterar Corner Rectangle Radius',
+    image_width: 'Alterar a largura da imagem',
+    image_height: 'Alterar altura da imagem',
+    image_url: 'Alterar URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Alterar o conteúdo de texto',
+    font_family: 'Alterar fonte Família',
+    font_size: 'Alterar tamanho de letra',
+    bold: 'Bold Text',
+    italic: 'Texto em itálico'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Mudar a cor de fundo / opacidade',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Ajustar ao conteúdo',
+    fit_to_all: 'Ajustar a todo o conteúdo',
+    fit_to_canvas: 'Ajustar à tela',
+    fit_to_layer_content: 'Ajustar o conteúdo da camada de',
+    fit_to_sel: 'Ajustar à selecção',
+    align_relative_to: 'Alinhar em relação a ...',
+    relativeTo: 'em relação ao:',
+    page: 'Página',
+    largest_object: 'maior objeto',
+    selected_objects: 'objetos eleitos',
+    smallest_object: 'menor objeto',
+    new_doc: 'Nova Imagem',
+    open_doc: 'Abrir Imagem',
+    export_img: 'Export',
+    save_doc: 'Salvar Imagem',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Alinhar ao centro',
+    align_left: 'Alinhar à Esquerda',
+    align_middle: 'Alinhar Médio',
+    align_right: 'Alinhar à Direita',
+    align_top: 'Align Top',
+    mode_select: 'Selecione a ferramenta',
+    mode_fhpath: 'Ferramenta Lápis',
+    mode_line: 'Ferramenta Linha',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Rectangle',
+    mode_ellipse: 'Elipse',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Ferramenta de Texto',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Desfazer',
+    redo: 'Refazer',
+    tool_source: 'Fonte Editar',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Elementos do Grupo',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Elementos Desagrupar',
+    docprops: 'Propriedades do Documento',
+    move_bottom: 'Move to Bottom',
+    move_top: 'Move to Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Salvar',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Delete Layer',
+    move_down: 'Move camada para baixo',
+    new: 'New Layer',
+    rename: 'Rename Layer',
+    move_up: 'Move Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Selecione predefinidos:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.ro.js b/editor/locale/lang.ro.js
index fa51b284..e7c82ad7 100644
--- a/editor/locale/lang.ro.js
+++ b/editor/locale/lang.ro.js
@@ -1,249 +1,216 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "ro",
-	dir : "ltr",
-	common: {
-		"ok": "Ok",
-		"cancel": "Anulaţi",
-		"key_backspace": "backspace", 
-		"key_del": "ştergere", 
-		"key_down": "jos", 
-		"key_up": "sus", 
-		"more_opts": "Mai multe opţiuni",
-		"url": "URL",
-		"width": "Lăţime",
-		"height": "Înălţime"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Arătaţi/ascundeţi mai multe unelte de contur",
-		"palette_info": "Faceţi clic pentru a schimba culoarea de umplere, Shift-clic pentru a schimba culoarea de contur",
-		"zoom_level": "Schimbarea nivelului de zoom",
-		"panel_drag": "Trageţi la stanga/dreapta pentru redimensionare panou lateral"
-	},
-	properties: {
-		"id": "Identificare element",
-		"fill_color": "Schimbarea culorii de umplere",
-		"stroke_color": "Schimbarea culorii de contur",
-		"stroke_style": "Schimbarea stilului de contur",
-		"stroke_width": "Schimbarea lăţimii conturului",
-		"pos_x": "Schimbă coordonata X",
-		"pos_y": "Schimbă coordonata Y",
-		"linecap_butt": "Capăt de linie: Butuc",
-		"linecap_round": "Capăt de linie: Rotund",
-		"linecap_square": "Capăt de linie: Pătrat",
-		"linejoin_bevel": "Articulaţia liniei: Teşită",
-		"linejoin_miter": "Articulaţia liniei: Unghi ascuţit",
-		"linejoin_round": "Articulaţia liniei: Rotundă",
-		"angle": "Schimbarea unghiul de rotaţie",
-		"blur": "Schimbarea valorii estomparii gaussiene",
-		"opacity": "Schimbarea gradului de opacitate",
-		"circle_cx": "Schimbarea coordonatei CX a cercului",
-		"circle_cy": "Schimbarea coordonatei CY a cercului",
-		"circle_r": "Schimbarea razei cercului",
-		"ellipse_cx": "Schimbarea coordonatei CX a elipsei",
-		"ellipse_cy": "Schimbarea coordonatei CY a elipsei",
-		"ellipse_rx": "Schimbarea razei elipsei X",
-		"ellipse_ry": "Schimbarea razei elipsei Y",
-		"line_x1": "Schimbarea coordonatei x a punctului de start",
-		"line_x2": "Schimbarea coordonatei x a punctului final",
-		"line_y1": "Schimbarea coordonatei y a punctului de start",
-		"line_y2": "Schimbare coordonatei y a punctului final",
-		"rect_height": "Schimbarea înălţimii dreptunghiului",
-		"rect_width": "Schimbarea lăţimii dreptunghiului",
-		"corner_radius": "Schimbarea razei colţului dreptunghiului",
-		"image_width": "Schimbarea lăţimii imaginii",
-		"image_height": "Schimbarea înălţimii imaginii",
-		"image_url": "Schimbaţi URL-ul",
-		"node_x": "Schimbă coordonata x a punctului",
-		"node_y": "Schimbă coordonata x a punctului",
-		"seg_type": "Schimbă tipul de segment",
-		"straight_segments": "Drept",
-		"curve_segments": "Curb",
-		"text_contents": "Schimbarea conţinutului textului",
-		"font_family": "Modificare familie de fonturi",
-		"font_size": "Schimbă dimensiunea fontului",
-		"bold": "Text Îngroşat",
-		"italic": "Text Înclinat"
-	},
-	tools: { 
-		"main_menu": "Menu Principal",
-		"bkgnd_color_opac": "Schimbare culoare de fundal / opacitate",
-		"connector_no_arrow": "Fără săgeată",
-		"fitToContent": "Dimensionare la conţinut",
-		"fit_to_all": "Potrivire la tot conţinutul",
-		"fit_to_canvas": "Potrivire la Şevalet",
-		"fit_to_layer_content": "Potrivire la conţinutul stratului",
-		"fit_to_sel": "Potrivire la selecţie",
-		"align_relative_to": "Aliniere în raport cu ...",
-		"relativeTo": "în raport cu:",
-		"page": "pagină",
-		"largest_object": "cel mai mare obiect",
-		"selected_objects": "obiectele alese",
-		"smallest_object": "cel mai mic obiect",
-		"new_doc": "Imagine nouă",
-		"open_doc": "Imagine deschisă",
-		"export_img": "Export",
-		"save_doc": "Salvare imagine",
-		"import_doc": "Importare SVG",
-		"align_to_page": "Aliniere la pagină",
-		"align_bottom": "Aliniere jos",
-		"align_center": "Aliniere la centru",
-		"align_left": "Aliniere la stânga",
-		"align_middle": "Aliniere la mijloc",
-		"align_right": "Aliniere la dreapta",
-		"align_top": "Aliniere sus",
-		"mode_select": "Unealtă de Selectare",
-		"mode_fhpath": "Unealtă de Traiectorie",
-		"mode_line": "Unealtă de Linie",
-		"mode_connect": "Conectati doua obiecte",
-		"mode_rect": "Unealtă de Dreptunghi",
-		"mode_square": "Unealtă de Pătrat",
-		"mode_fhrect": "Dreptunghi cu mana liberă",
-		"mode_ellipse": "Elipsă",
-		"mode_circle": "Cerc",
-		"mode_fhellipse": "Elipsă cu mana liberă",
-		"mode_path": "Unealtă de Traiectorie",
-		"mode_shapelib": "Biblioteca de forme",
-		"mode_text": "Unealtă de Text",
-		"mode_image": "Unealtă de Imagine",
-		"mode_zoom": "Unealtă de Zoom",
-		"mode_eyedropper": "Unealtă de captura Culoare",
-		"no_embed": "NOTE: Aceasta imagine nu poate fi inglobată. Va depinde de aceasta traiectorie pentru a fi prezentată.",
-		"undo": "Anulare",
-		"redo": "Refacere",
-		"tool_source": "Editare Cod Sursă",
-		"wireframe_mode": "Mod Schelet",
-		"toggle_grid": "Arată/ascunde Caroiaj",
-		"clone": "Clonează Elementul/ele",
-		"del": "Şterge Elementul/ele",
-		"group_elements": "Grupare Elemente",
-		"make_link": "Crează (hyper)link",
-		"set_link_url": "Setează link URL (lăsaţi liber pentru eliminare)",
-		"to_path": "Converteşte in Traiectorie",
-		"reorient_path": "Reorientează Traiectoria",
-		"ungroup": "Anulare Grupare Elemente",
-		"docprops": "Proprietăţile Documentului",
-		"imagelib": "Bibliotecă de Imagini",
-		"move_bottom": "Mutare în jos",
-		"move_top": "Mutare în sus",
-		"node_clone": "Clonează Punct",
-		"node_delete": "Şterge Punct",
-		"node_link": "Uneşte Punctele de Control",
-		"add_subpath": "Adăugaţi sub-traiectorie",
-		"openclose_path": "Deschide/inchide sub-traiectorie",
-		"source_save": "Folosiţi Schimbările",
-		"cut": "Tăiere",
-		"copy": "Copiere",
-		"paste": "Reproducere",
-		"paste_in_place": "Reproducere pe loc",
-		"delete": "Ştergere",
-		"group": "Group",
-		"move_front": "Pune in faţa",
-		"move_up": "Pune in spate",
-		"move_down": "Trimite in faţa",
-		"move_back": "Trimite in spate"
-	},
-	layers: {
-		"layer":"Strat",
-		"layers": "Straturi",
-		"del": "Ştergeţi Strat",
-		"move_down": "Mutare Strat în Jos",
-		"new": "Strat Nou",
-		"rename": "Redenumiţi Stratul",
-		"move_up": "Mutare Strat în Sus",
-		"dupe": "Duplicaţi Stratul",
-		"merge_down": "Fuzionare in jos",
-		"merge_all": "Fuzionarea tuturor",
-		"move_elems_to": "Mută elemente la:",
-		"move_selected": "Mută elementele selectate pe un alt strat"
-	},
-	config: {
-		"image_props": "Proprietăţile Imaginii",
-		"doc_title": "Titlul",
-		"doc_dims": "Dimensiunile Şevaletului",
-		"included_images": "Imaginile Incluse",
-		"image_opt_embed": "Includeţi Datele (fişiere locale)",
-		"image_opt_ref": "Foloseşte referinţe la fişiere",
-		"editor_prefs": "Preferinţele Editorului",
-		"icon_size": "Dimensiunile Butoanelor",
-		"language": "Limba",
-		"background": "Fondul Editorului",
-		"editor_img_url": "URL-ul Imaginii",
-		"editor_bg_note": "Notă: Fondul nu va fi salvat cu imaginea.",
-		"icon_large": "Mari",
-		"icon_medium": "Medii",
-		"icon_small": "Mici",
-		"icon_xlarge": "Foarte Mari",
-		"select_predefined": "Selecţii predefinite:",
-		"units_and_rulers": "Unitati si Rigle",
-		"show_rulers": "Arată Riglele",
-		"base_unit": "Unitate de baza:",
-		"grid": "Caroiaj",
-		"snapping_onoff": "Fixare on/off",
-		"snapping_stepsize": "Dimensiunea pasului de fixare:"
-	},
-	shape_cats: {
-		"basic": "De bază",
-		"object": "Obiecte",
-		"symbol": "Simboluri",
-		"arrow": "Săgeti",
-		"flowchart": "Schemă Logică",
-		"animal": "Animale",
-		"game": "Cărti & şah",
-		"dialog_balloon": "Baloane de dialog",
-		"electronics": "Electronice",
-		"math": "Matematică",
-		"music": "Muzică",
-		"misc": "Diverse",
-		"raphael_1": "raphaeljs.com set 1",
-		"raphael_2": "raphaeljs.com set 2"
-	},
-	imagelib: {
-		"select_lib": "Selectati o biblioteca de imagini",
-		"show_list": "Arătaţi lista bibliotecii",
-		"import_single": "Importare unică",
-		"import_multi": "Importare multiplă",
-		"open": "Deschideţi ca si document nou"
-	},
-	notification: {
-		"invalidAttrValGiven":"Valoarea data nu este validă",
-		"noContentToFitTo":"Fara conţinut de referinţă",
-		"dupeLayerName":"Deja exista un strat numit asa!",
-		"enterUniqueLayerName":"Rog introduceţi un nume unic",
-		"enterNewLayerName":"Rog introduceţi un nume pentru strat",
-		"layerHasThatName":"Statul deja are acest nume",
-		"QmoveElemsToLayer":"Mutaţi elementele selectate pe stratul '%s'?",
-		"QwantToClear":"Doriti să ştergeţi desenul?\nAceasta va sterge si posibilitatea de anulare!",
-		"QwantToOpen":"Doriti sa deschideţi un nou fişier?\nAceasta va şterge istoricul!",
-		"QerrorsRevertToSource":"Sunt erori de parsing in sursa SVG.\nRevenire la sursa SVG orginală?",
-		"QignoreSourceChanges":"Ignoraţi schimbarile la sursa SVG?",
-		"featNotSupported":"Funcţie neimplementată",
-		"enterNewImgURL":"Introduceţi noul URL pentru Imagine",
-		"defsFailOnSave": "NOTE: Din cauza unei erori in browserul dv., aceasta imagine poate apare gresit (fara gradiente sau elemente). Însă va apare corect dupa salvare.",
-		"loadingImage":"Imaginea se incarcă, va rugam asteptaţi...",
-		"saveFromBrowser": "Selectează \"Salvează ca si...\" in browserul dv. pt. a salva aceasta imagine ca si fisier %s.",
-		"noteTheseIssues": "De asemenea remarcati urmatoarele probleme: ",
-		"unsavedChanges": "Sunt schimbări nesalvate.",
-		"enterNewLinkURL": "IntroduAliniere în raport cu ...sceţi noul URL",
-		"errorLoadingSVG": "Eroare: Nu se pot încărca datele SVG",
-		"URLloadFail": "Nu se poate încărca de la URL",
-		"retrieving": "În preluare \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'ro',
+  dir: 'ltr',
+  common: {
+    ok: 'Ok',
+    cancel: 'Anulaţi',
+    key_backspace: 'backspace',
+    key_del: 'ştergere',
+    key_down: 'jos',
+    key_up: 'sus',
+    more_opts: 'Mai multe opţiuni',
+    url: 'URL',
+    width: 'Lăţime',
+    height: 'Înălţime'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Arătaţi/ascundeţi mai multe unelte de contur',
+    palette_info: 'Faceţi clic pentru a schimba culoarea de umplere, Shift-clic pentru a schimba culoarea de contur',
+    zoom_level: 'Schimbarea nivelului de zoom',
+    panel_drag: 'Trageţi la stanga/dreapta pentru redimensionare panou lateral',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identificare element',
+    fill_color: 'Schimbarea culorii de umplere',
+    stroke_color: 'Schimbarea culorii de contur',
+    stroke_style: 'Schimbarea stilului de contur',
+    stroke_width: 'Schimbarea lăţimii conturului',
+    pos_x: 'Schimbă coordonata X',
+    pos_y: 'Schimbă coordonata Y',
+    linecap_butt: 'Capăt de linie: Butuc',
+    linecap_round: 'Capăt de linie: Rotund',
+    linecap_square: 'Capăt de linie: Pătrat',
+    linejoin_bevel: 'Articulaţia liniei: Teşită',
+    linejoin_miter: 'Articulaţia liniei: Unghi ascuţit',
+    linejoin_round: 'Articulaţia liniei: Rotundă',
+    angle: 'Schimbarea unghiul de rotaţie',
+    blur: 'Schimbarea valorii estomparii gaussiene',
+    opacity: 'Schimbarea gradului de opacitate',
+    circle_cx: 'Schimbarea coordonatei CX a cercului',
+    circle_cy: 'Schimbarea coordonatei CY a cercului',
+    circle_r: 'Schimbarea razei cercului',
+    ellipse_cx: 'Schimbarea coordonatei CX a elipsei',
+    ellipse_cy: 'Schimbarea coordonatei CY a elipsei',
+    ellipse_rx: 'Schimbarea razei elipsei X',
+    ellipse_ry: 'Schimbarea razei elipsei Y',
+    line_x1: 'Schimbarea coordonatei x a punctului de start',
+    line_x2: 'Schimbarea coordonatei x a punctului final',
+    line_y1: 'Schimbarea coordonatei y a punctului de start',
+    line_y2: 'Schimbare coordonatei y a punctului final',
+    rect_height: 'Schimbarea înălţimii dreptunghiului',
+    rect_width: 'Schimbarea lăţimii dreptunghiului',
+    corner_radius: 'Schimbarea razei colţului dreptunghiului',
+    image_width: 'Schimbarea lăţimii imaginii',
+    image_height: 'Schimbarea înălţimii imaginii',
+    image_url: 'Schimbaţi URL-ul',
+    node_x: 'Schimbă coordonata x a punctului',
+    node_y: 'Schimbă coordonata x a punctului',
+    seg_type: 'Schimbă tipul de segment',
+    straight_segments: 'Drept',
+    curve_segments: 'Curb',
+    text_contents: 'Schimbarea conţinutului textului',
+    font_family: 'Modificare familie de fonturi',
+    font_size: 'Schimbă dimensiunea fontului',
+    bold: 'Text Îngroşat',
+    italic: 'Text Înclinat'
+  },
+  tools: {
+    main_menu: 'Menu Principal',
+    bkgnd_color_opac: 'Schimbare culoare de fundal / opacitate',
+    connector_no_arrow: 'Fără săgeată',
+    fitToContent: 'Dimensionare la conţinut',
+    fit_to_all: 'Potrivire la tot conţinutul',
+    fit_to_canvas: 'Potrivire la Şevalet',
+    fit_to_layer_content: 'Potrivire la conţinutul stratului',
+    fit_to_sel: 'Potrivire la selecţie',
+    align_relative_to: 'Aliniere în raport cu ...',
+    relativeTo: 'în raport cu:',
+    page: 'pagină',
+    largest_object: 'cel mai mare obiect',
+    selected_objects: 'obiectele alese',
+    smallest_object: 'cel mai mic obiect',
+    new_doc: 'Imagine nouă',
+    open_doc: 'Imagine deschisă',
+    export_img: 'Export',
+    save_doc: 'Salvare imagine',
+    import_doc: 'Importare SVG',
+    align_to_page: 'Aliniere la pagină',
+    align_bottom: 'Aliniere jos',
+    align_center: 'Aliniere la centru',
+    align_left: 'Aliniere la stânga',
+    align_middle: 'Aliniere la mijloc',
+    align_right: 'Aliniere la dreapta',
+    align_top: 'Aliniere sus',
+    mode_select: 'Unealtă de Selectare',
+    mode_fhpath: 'Unealtă de Traiectorie',
+    mode_line: 'Unealtă de Linie',
+    mode_rect: 'Unealtă de Dreptunghi',
+    mode_square: 'Unealtă de Pătrat',
+    mode_fhrect: 'Dreptunghi cu mana liberă',
+    mode_ellipse: 'Elipsă',
+    mode_circle: 'Cerc',
+    mode_fhellipse: 'Elipsă cu mana liberă',
+    mode_path: 'Unealtă de Traiectorie',
+    mode_text: 'Unealtă de Text',
+    mode_image: 'Unealtă de Imagine',
+    mode_zoom: 'Unealtă de Zoom',
+    no_embed: 'NOTE: Aceasta imagine nu poate fi inglobată. Va depinde de aceasta traiectorie pentru a fi prezentată.',
+    undo: 'Anulare',
+    redo: 'Refacere',
+    tool_source: 'Editare Cod Sursă',
+    wireframe_mode: 'Mod Schelet',
+    clone: 'Clonează Elementul/ele',
+    del: 'Şterge Elementul/ele',
+    group_elements: 'Grupare Elemente',
+    make_link: 'Crează (hyper)link',
+    set_link_url: 'Setează link URL (lăsaţi liber pentru eliminare)',
+    to_path: 'Converteşte in Traiectorie',
+    reorient_path: 'Reorientează Traiectoria',
+    ungroup: 'Anulare Grupare Elemente',
+    docprops: 'Proprietăţile Documentului',
+    move_bottom: 'Mutare în jos',
+    move_top: 'Mutare în sus',
+    node_clone: 'Clonează Punct',
+    node_delete: 'Şterge Punct',
+    node_link: 'Uneşte Punctele de Control',
+    add_subpath: 'Adăugaţi sub-traiectorie',
+    openclose_path: 'Deschide/inchide sub-traiectorie',
+    source_save: 'Folosiţi Schimbările',
+    cut: 'Tăiere',
+    copy: 'Copiere',
+    paste: 'Reproducere',
+    paste_in_place: 'Reproducere pe loc',
+    delete: 'Ştergere',
+    group: 'Group',
+    move_front: 'Pune in faţa',
+    move_up: 'Pune in spate',
+    move_down: 'Trimite in faţa',
+    move_back: 'Trimite in spate'
+  },
+  layers: {
+    layer: 'Strat',
+    layers: 'Straturi',
+    del: 'Ştergeţi Strat',
+    move_down: 'Mutare Strat în Jos',
+    new: 'Strat Nou',
+    rename: 'Redenumiţi Stratul',
+    move_up: 'Mutare Strat în Sus',
+    dupe: 'Duplicaţi Stratul',
+    merge_down: 'Fuzionare in jos',
+    merge_all: 'Fuzionarea tuturor',
+    move_elems_to: 'Mută elemente la:',
+    move_selected: 'Mută elementele selectate pe un alt strat'
+  },
+  config: {
+    image_props: 'Proprietăţile Imaginii',
+    doc_title: 'Titlul',
+    doc_dims: 'Dimensiunile Şevaletului',
+    included_images: 'Imaginile Incluse',
+    image_opt_embed: 'Includeţi Datele (fişiere locale)',
+    image_opt_ref: 'Foloseşte referinţe la fişiere',
+    editor_prefs: 'Preferinţele Editorului',
+    icon_size: 'Dimensiunile Butoanelor',
+    language: 'Limba',
+    background: 'Fondul Editorului',
+    editor_img_url: 'URL-ul Imaginii',
+    editor_bg_note: 'Notă: Fondul nu va fi salvat cu imaginea.',
+    icon_large: 'Mari',
+    icon_medium: 'Medii',
+    icon_small: 'Mici',
+    icon_xlarge: 'Foarte Mari',
+    select_predefined: 'Selecţii predefinite:',
+    units_and_rulers: 'Unitati si Rigle',
+    show_rulers: 'Arată Riglele',
+    base_unit: 'Unitate de baza:',
+    grid: 'Caroiaj',
+    snapping_onoff: 'Fixare on/off',
+    snapping_stepsize: 'Dimensiunea pasului de fixare:'
+  },
+  notification: {
+    invalidAttrValGiven: 'Valoarea data nu este validă',
+    noContentToFitTo: 'Fara conţinut de referinţă',
+    dupeLayerName: 'Deja exista un strat numit asa!',
+    enterUniqueLayerName: 'Rog introduceţi un nume unic',
+    enterNewLayerName: 'Rog introduceţi un nume pentru strat',
+    layerHasThatName: 'Statul deja are acest nume',
+    QmoveElemsToLayer: "Mutaţi elementele selectate pe stratul '%s'?",
+    QwantToClear: 'Doriti să ştergeţi desenul?\nAceasta va sterge si posibilitatea de anulare!',
+    QwantToOpen: 'Doriti sa deschideţi un nou fişier?\nAceasta va şterge istoricul!',
+    QerrorsRevertToSource: 'Sunt erori de parsing in sursa SVG.\nRevenire la sursa SVG orginală?',
+    QignoreSourceChanges: 'Ignoraţi schimbarile la sursa SVG?',
+    featNotSupported: 'Funcţie neimplementată',
+    enterNewImgURL: 'Introduceţi noul URL pentru Imagine',
+    defsFailOnSave: 'NOTE: Din cauza unei erori in browserul dv., aceasta imagine poate apare gresit (fara gradiente sau elemente). Însă va apare corect dupa salvare.',
+    loadingImage: 'Imaginea se incarcă, va rugam asteptaţi...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'De asemenea remarcati urmatoarele probleme: ',
+    unsavedChanges: 'Sunt schimbări nesalvate.',
+    enterNewLinkURL: 'IntroduAliniere în raport cu ...sceţi noul URL',
+    errorLoadingSVG: 'Eroare: Nu se pot încărca datele SVG',
+    URLloadFail: 'Nu se poate încărca de la URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.ru.js b/editor/locale/lang.ru.js
index ce1e2f94..e5ae878a 100644
--- a/editor/locale/lang.ru.js
+++ b/editor/locale/lang.ru.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "ru",
-	dir : "ltr",
-	common: {
-		"ok": "Сохранить",
-		"cancel": "Отменить",
-		"key_backspace": "Backspace", 
-		"key_del": "Delete", 
-		"key_down": "Вниз", 
-		"key_up": "Вверх", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Нажмите для изменения цвета заливки, Shift-Click изменить цвета обводки",
-		"zoom_level": "Изменить масштаб",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Изменить цвет заливки",
-		"stroke_color": "Изменить цвет обводки",
-		"stroke_style": "Изменить стиль обводки",
-		"stroke_width": "Изменить толщину обводки",
-		"pos_x": "Изменить горизонтальный координат",
-		"pos_y": "Изменить вертикальный координат",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Изменить угол поворота",
-		"blur": "Change gaussian blur value",
-		"opacity": "Изменить непрозрачность элемента",
-		"circle_cx": "Изменить горизонтальный координат (CX) окружности",
-		"circle_cy": "Изменить вертикальный координат (CY) окружности",
-		"circle_r": "Изменить радиус окружности",
-		"ellipse_cx": "Изменить горизонтальный координат (CX) эллипса",
-		"ellipse_cy": "Изменить вертикальный координат (CY) эллипса",
-		"ellipse_rx": "Изменить горизонтальный радиус эллипса",
-		"ellipse_ry": "Изменить вертикальный радиус эллипса",
-		"line_x1": "Изменить горизонтальный координат X начальной точки линии",
-		"line_x2": "Изменить горизонтальный координат X конечной точки линии",
-		"line_y1": "Изменить вертикальный координат Y начальной точки линии",
-		"line_y2": "Изменить вертикальный координат Y конечной точки линии",
-		"rect_height": "Изменениe высоту прямоугольника",
-		"rect_width": "Измененить ширину прямоугольника",
-		"corner_radius": "Радиус закругленности угла",
-		"image_width": "Изменить ширину изображения",
-		"image_height": "Изменить высоту изображения",
-		"image_url": "Изменить URL",
-		"node_x": "Изменить горизонтальную координату узла",
-		"node_y": "Изменить вертикальную координату узла",
-		"seg_type": "Изменить вид",
-		"straight_segments": "Отрезок",
-		"curve_segments": "Сплайн",
-		"text_contents": "Изменить содержание текста",
-		"font_family": "Изменить семейство шрифтов",
-		"font_size": "Изменить размер шрифта",
-		"bold": "Жирный",
-		"italic": "Курсив"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Изменить цвет фона или прозрачность",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Под размер содержимого",
-		"fit_to_all": "Под размер всех слоев",
-		"fit_to_canvas": "Под размер холста",
-		"fit_to_layer_content": "Под размер содержания слоя",
-		"fit_to_sel": "Под размер выделенного",
-		"align_relative_to": "Выровнять по отношению к ...",
-		"relativeTo": "По отношению к ",
-		"page": "страница",
-		"largest_object": "Наибольший объект",
-		"selected_objects": "Выделенные объекты",
-		"smallest_object": "Самый маленький объект",
-		"new_doc": "Создать изображение",
-		"open_doc": "Открыть изображение",
-		"export_img": "Export",
-		"save_doc": "Сохранить изображение",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Выровнять по нижнему краю",
-		"align_center": "Центрировать по вертикальной оси",
-		"align_left": "По левому краю",
-		"align_middle": "Центрировать по горизонтальной оси",
-		"align_right": "По правому краю",
-		"align_top": "Выровнять по верхнему краю",
-		"mode_select": "Выделить",
-		"mode_fhpath": "Карандаш",
-		"mode_line": "Линия",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Прямоугольник от руки",
-		"mode_ellipse": "Эллипс",
-		"mode_circle": "Окружность",
-		"mode_fhellipse": "Эллипс от руки",
-		"mode_path": "Контуры",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Текст",
-		"mode_image": "Изображение",
-		"mode_zoom": "Лупа",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Отменить",
-		"redo": "Вернуть",
-		"tool_source": "Редактировать исходный код",
-		"wireframe_mode": "Каркас",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Создать группу элементов",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "В контур",
-		"reorient_path": "Изменить ориентацию контура",
-		"ungroup": "Разгруппировать элементы",
-		"docprops": "Свойства документа",
-		"imagelib": "Image Library",
-		"move_bottom": "Опустить",
-		"move_top": "Поднять",
-		"node_clone": "Создать копию узла",
-		"node_delete": "Удалить узел",
-		"node_link": "Связать узлы",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Сохранить",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"Delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Слой",
-		"layers": "Layers",
-		"del": "Удалить слой",
-		"move_down": "Опустить слой",
-		"new": "Создать слой",
-		"rename": "Переименовать Слой",
-		"move_up": "Поднять слой",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Переместить выделенные элементы:",
-		"move_selected": "Переместить выделенные элементы на другой слой"
-	},
-	config: {
-		"image_props": "Свойства изображения",
-		"doc_title": "Название",
-		"doc_dims": "Размеры холста",
-		"included_images": "Встроенные изображения",
-		"image_opt_embed": "Локальные файлы",
-		"image_opt_ref": "По ссылкам",
-		"editor_prefs": "Параметры",
-		"icon_size": "Размер значков",
-		"language": "Язык",
-		"background": "Фон",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "(Фон не сохранится вместе с изображением.)",
-		"icon_large": "Большие",
-		"icon_medium": "Средние",
-		"icon_small": "Малые",
-		"icon_xlarge": "Огромные",
-		"select_predefined": "Выбирать предопределенный размер",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Некорректное значение аргумента",
-		"noContentToFitTo":"Нет содержания, по которому выровнять.",
-		"dupeLayerName":"Слой с этим именем уже существует.",
-		"enterUniqueLayerName":"Пожалуйста, введите имя для слоя.",
-		"enterNewLayerName":"Пожалуйста, введите новое имя.",
-		"layerHasThatName":"Слой уже называется этим именем.",
-		"QmoveElemsToLayer":"Переместить выделенные элементы на слой '%s'?",
-		"QwantToClear":"Вы хотите очистить?\nИстория действий будет забыта!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"Была проблема при парсинге вашего SVG исходного кода.\nЗаменить его предыдущим SVG кодом?",
-		"QignoreSourceChanges":"Забыть без сохранения?",
-		"featNotSupported":"Возможность не реализована",
-		"enterNewImgURL":"Введите новый URL изображения",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'ru',
+  dir: 'ltr',
+  common: {
+    ok: 'Сохранить',
+    cancel: 'Отменить',
+    key_backspace: 'Backspace',
+    key_del: 'Delete',
+    key_down: 'Вниз',
+    key_up: 'Вверх',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Нажмите для изменения цвета заливки, Shift-Click изменить цвета обводки',
+    zoom_level: 'Изменить масштаб',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Изменить цвет заливки',
+    stroke_color: 'Изменить цвет обводки',
+    stroke_style: 'Изменить стиль обводки',
+    stroke_width: 'Изменить толщину обводки',
+    pos_x: 'Изменить горизонтальный координат',
+    pos_y: 'Изменить вертикальный координат',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Изменить угол поворота',
+    blur: 'Change gaussian blur value',
+    opacity: 'Изменить непрозрачность элемента',
+    circle_cx: 'Изменить горизонтальный координат (CX) окружности',
+    circle_cy: 'Изменить вертикальный координат (CY) окружности',
+    circle_r: 'Изменить радиус окружности',
+    ellipse_cx: 'Изменить горизонтальный координат (CX) эллипса',
+    ellipse_cy: 'Изменить вертикальный координат (CY) эллипса',
+    ellipse_rx: 'Изменить горизонтальный радиус эллипса',
+    ellipse_ry: 'Изменить вертикальный радиус эллипса',
+    line_x1: 'Изменить горизонтальный координат X начальной точки линии',
+    line_x2: 'Изменить горизонтальный координат X конечной точки линии',
+    line_y1: 'Изменить вертикальный координат Y начальной точки линии',
+    line_y2: 'Изменить вертикальный координат Y конечной точки линии',
+    rect_height: 'Изменениe высоту прямоугольника',
+    rect_width: 'Измененить ширину прямоугольника',
+    corner_radius: 'Радиус закругленности угла',
+    image_width: 'Изменить ширину изображения',
+    image_height: 'Изменить высоту изображения',
+    image_url: 'Изменить URL',
+    node_x: 'Изменить горизонтальную координату узла',
+    node_y: 'Изменить вертикальную координату узла',
+    seg_type: 'Изменить вид',
+    straight_segments: 'Отрезок',
+    curve_segments: 'Сплайн',
+    text_contents: 'Изменить содержание текста',
+    font_family: 'Изменить семейство шрифтов',
+    font_size: 'Изменить размер шрифта',
+    bold: 'Жирный',
+    italic: 'Курсив'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Изменить цвет фона или прозрачность',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Под размер содержимого',
+    fit_to_all: 'Под размер всех слоев',
+    fit_to_canvas: 'Под размер холста',
+    fit_to_layer_content: 'Под размер содержания слоя',
+    fit_to_sel: 'Под размер выделенного',
+    align_relative_to: 'Выровнять по отношению к ...',
+    relativeTo: 'По отношению к ',
+    page: 'страница',
+    largest_object: 'Наибольший объект',
+    selected_objects: 'Выделенные объекты',
+    smallest_object: 'Самый маленький объект',
+    new_doc: 'Создать изображение',
+    open_doc: 'Открыть изображение',
+    export_img: 'Export',
+    save_doc: 'Сохранить изображение',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Выровнять по нижнему краю',
+    align_center: 'Центрировать по вертикальной оси',
+    align_left: 'По левому краю',
+    align_middle: 'Центрировать по горизонтальной оси',
+    align_right: 'По правому краю',
+    align_top: 'Выровнять по верхнему краю',
+    mode_select: 'Выделить',
+    mode_fhpath: 'Карандаш',
+    mode_line: 'Линия',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Прямоугольник от руки',
+    mode_ellipse: 'Эллипс',
+    mode_circle: 'Окружность',
+    mode_fhellipse: 'Эллипс от руки',
+    mode_path: 'Контуры',
+    mode_text: 'Текст',
+    mode_image: 'Изображение',
+    mode_zoom: 'Лупа',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Отменить',
+    redo: 'Вернуть',
+    tool_source: 'Редактировать исходный код',
+    wireframe_mode: 'Каркас',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Создать группу элементов',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'В контур',
+    reorient_path: 'Изменить ориентацию контура',
+    ungroup: 'Разгруппировать элементы',
+    docprops: 'Свойства документа',
+    move_bottom: 'Опустить',
+    move_top: 'Поднять',
+    node_clone: 'Создать копию узла',
+    node_delete: 'Удалить узел',
+    node_link: 'Связать узлы',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Сохранить',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    Delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Слой',
+    layers: 'Layers',
+    del: 'Удалить слой',
+    move_down: 'Опустить слой',
+    new: 'Создать слой',
+    rename: 'Переименовать Слой',
+    move_up: 'Поднять слой',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Переместить выделенные элементы:',
+    move_selected: 'Переместить выделенные элементы на другой слой'
+  },
+  config: {
+    image_props: 'Свойства изображения',
+    doc_title: 'Название',
+    doc_dims: 'Размеры холста',
+    included_images: 'Встроенные изображения',
+    image_opt_embed: 'Локальные файлы',
+    image_opt_ref: 'По ссылкам',
+    editor_prefs: 'Параметры',
+    icon_size: 'Размер значков',
+    language: 'Язык',
+    background: 'Фон',
+    editor_img_url: 'Image URL',
+    editor_bg_note: '(Фон не сохранится вместе с изображением.)',
+    icon_large: 'Большие',
+    icon_medium: 'Средние',
+    icon_small: 'Малые',
+    icon_xlarge: 'Огромные',
+    select_predefined: 'Выбирать предопределенный размер',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Некорректное значение аргумента',
+    noContentToFitTo: 'Нет содержания, по которому выровнять.',
+    dupeLayerName: 'Слой с этим именем уже существует.',
+    enterUniqueLayerName: 'Пожалуйста, введите имя для слоя.',
+    enterNewLayerName: 'Пожалуйста, введите новое имя.',
+    layerHasThatName: 'Слой уже называется этим именем.',
+    QmoveElemsToLayer: "Переместить выделенные элементы на слой '%s'?",
+    QwantToClear: 'Вы хотите очистить?\nИстория действий будет забыта!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'Была проблема при парсинге вашего SVG исходного кода.\nЗаменить его предыдущим SVG кодом?',
+    QignoreSourceChanges: 'Забыть без сохранения?',
+    featNotSupported: 'Возможность не реализована',
+    enterNewImgURL: 'Введите новый URL изображения',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.sk.js b/editor/locale/lang.sk.js
index 029a4dc7..ee04cde2 100644
--- a/editor/locale/lang.sk.js
+++ b/editor/locale/lang.sk.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "sk",
-	dir : "ltr",
-	common: {
-		"ok": "Uložiť",
-		"cancel": "Zrušiť",
-		"key_backspace": "Backspace", 
-		"key_del": "Delete", 
-		"key_down": "šípka dole", 
-		"key_up": "šípka hore", 
-		"more_opts": "Viac možností",
-		"url": "URL",
-		"width": "Šírka",
-		"height": "Výška"
-	},
-	misc: {
-		"powered_by": "Beží na"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Skryť/ukázať viac nástrojov pre krivku",
-		"palette_info": "Kliknutím zmeníte farbu výplne, so Shiftom zmeníte farbu obrysu",
-		"zoom_level": "Zmena priblíženia",
-		"panel_drag": "Potiahnutie vľavo/vpravo na zmenu veľkosti bočného panela"
-	},
-	properties: {
-		"id": "Zmeniť ID elementu",
-		"fill_color": "Zmeniť farbu výplne",
-		"stroke_color": "Zmeniť farbu obrysu",
-		"stroke_style": "Zmeniť štýl obrysu",
-		"stroke_width": "Zmeniť hrúbku obrysu",
-		"pos_x": "Zmeniť súradnicu X",
-		"pos_y": "Zmeniť súradnicu Y",
-		"linecap_butt": "Koniec čiary: presný",
-		"linecap_round": "Koniec čiary: zaoblený",
-		"linecap_square": "Koniec čiary: so štvorcovým presahom",
-		"linejoin_bevel": "Napojenie čiar: skosené",
-		"linejoin_miter": "Napojenie čiar: ostré",
-		"linejoin_round": "Napojenie čiar: oblé",
-		"angle": "Zmeniť uhol natočenia",
-		"blur": "Zmeniť intenzitu rozmazania",
-		"opacity": "Zmeniť prehľadnosť vybraných položiek",
-		"circle_cx": "Zmeniť súradnicu X stredu kružnice",
-		"circle_cy": "Zmeniť súradnicu Y stredu kružnice",
-		"circle_r": "Zmeniť polomer kružnice",
-		"ellipse_cx": "Zmeniť súradnicu X stredu elipsy",
-		"ellipse_cy": "Zmeniť súradnicu Y stredu elipsy",
-		"ellipse_rx": "Zmeniť polomer X elipsy",
-		"ellipse_ry": "Zmeniť polomer Y elipsy",
-		"line_x1": "Zmeniť počiatočnú súradnicu X čiary",
-		"line_x2": "Zmeniť koncovú súradnicu X čiary",
-		"line_y1": "Zmeniť počiatočnú súradnicu Y čiary",
-		"line_y2": "Zmeniť koncovú súradnicu Y čiary",
-		"rect_height": "Zmena výšku obdĺžnika",
-		"rect_width": "Zmeniť šírku obdĺžnika",
-		"corner_radius": "Zmeniť zaoblenie rohov obdĺžnika",
-		"image_width": "Zmeniť šírku obrázka",
-		"image_height": "Zmeniť výšku obrázka",
-		"image_url": "Zmeniť URL",
-		"node_x": "Zmeniť uzlu súradnicu X",
-		"node_y": "Zmeniť uzlu súradnicu Y",
-		"seg_type": "Zmeniť typ segmentu",
-		"straight_segments": "Rovný",
-		"curve_segments": "Krivka",
-		"text_contents": "Zmeniť text",
-		"font_family": "Zmeniť font",
-		"font_size": "Zmeniť veľkosť písma",
-		"bold": "Tučné",
-		"italic": "Kurzíva"
-	},
-	tools: { 
-		"main_menu": "Hlavné menu",
-		"bkgnd_color_opac": "Zmeniť farbu a priehľadnosť pozadia",
-		"connector_no_arrow": "Spojnica bez šípok",
-		"fitToContent": "Prispôsobiť obsahu",
-		"fit_to_all": "Prisposobiť celému obsahu",
-		"fit_to_canvas": "Prispôsobiť stránke",
-		"fit_to_layer_content": "Prispôsobiť obsahu vrstvy",
-		"fit_to_sel": "Prispôsobiť výberu",
-		"align_relative_to": "Zarovnať relatívne k ...",
-		"relativeTo": "vzhľadom k:",
-		"page": "stránke",
-		"largest_object": "najväčšiemu objektu",
-		"selected_objects": "zvoleným objektom",
-		"smallest_object": "najmenšiemu objektu",
-		"new_doc": "Nový obrázok",
-		"open_doc": "Otvoriť obrázok",
-		"export_img": "Export",
-		"save_doc": "Uložiť obrázok",
-		"import_doc": "Import Image",
-		"align_to_page": "Zarovnať element na stránku",
-		"align_bottom": "Zarovnať dole",
-		"align_center": "Zarovnať na stred",
-		"align_left": "Zarovnať doľava",
-		"align_middle": "Zarovnať na stred",
-		"align_right": "Zarovnať doprava",
-		"align_top": "Zarovnať hore",
-		"mode_select": "Výber",
-		"mode_fhpath": "Ceruzka",
-		"mode_line": "Čiara",
-		"mode_connect": "Spojiť dva objekty",
-		"mode_rect": "Obdĺžnik",
-		"mode_square": "Štvorec",
-		"mode_fhrect": "Obdĺžnik voľnou rukou",
-		"mode_ellipse": "Elipsa",
-		"mode_circle": "Kružnica",
-		"mode_fhellipse": "Elipsa voľnou rukou",
-		"mode_path": "Krivka",
-		"mode_shapelib": "Knižnica Tvarov",
-		"mode_text": "Text",
-		"mode_image": "Obrázok",
-		"mode_zoom": "Priblíženie",
-		"mode_eyedropper": "Pipeta",
-		"no_embed": "POZNÁMKA: Tento obrázok nemôže byť vložený. Jeho zobrazenie bude závisieť na jeho ceste",
-		"undo": "Späť",
-		"redo": "Opakovať",
-		"tool_source": "Upraviť SVG kód",
-		"wireframe_mode": "Drôtový model",
-		"toggle_grid": "Zobraz/Skry mriežku",
-		"clone": "Klonuj element(y)",
-		"del": "Zmaž element(y)",
-		"group_elements": "Zoskupiť elementy",
-		"make_link": "Naviaž odkaz (hyper)link",
-		"set_link_url": "Nastav odkaz URL (ak prázdny, odstráni sa)",
-		"to_path": "Previesť na krivku",
-		"reorient_path": "Zmeniť orientáciu krivky",
-		"ungroup": "Zrušiť skupinu",
-		"docprops": "Vlastnosti dokumentu",
-		"imagelib": "Knižnica obrázkov",
-		"move_bottom": "Presunúť spodok",
-		"move_top": "Presunúť na vrch",
-		"node_clone": "Klonovať uzol",
-		"node_delete": "Zmazať uzol",
-		"node_link": "Prepojiť kontrolné body",
-		"add_subpath": "Pridať ďalšiu súčasť krivky",
-		"openclose_path": "Otvoriť/uzatvoriť súčasť krivky",
-		"source_save": "Uložiť",
-		"cut": "Vystrihnutie",
-		"copy": "Kópia",
-		"paste": "Vloženie",
-		"paste_in_place": "Vloženie na pôvodnom mieste",
-		"delete": "Zmazanie",
-		"group": "Group",
-		"move_front": "Vysuň navrch",
-		"move_up": "Vysuň vpred",
-		"move_down": "Zasuň na spodok",
-		"move_back": "Zasuň dozadu"
-	},
-	layers: {
-		"layer": "Vrstva",
-		"layers": "Vrstvy",
-		"del": "Odstrániť vrstvu",
-		"move_down": "Presunúť vrstvu dole",
-		"new": "Nová vrstva",
-		"rename": "Premenovať vrstvu",
-		"move_up": "Presunúť vrstvu hore",
-		"dupe": "Zduplikovať vrstvu",
-		"merge_down": "Zlúčiť s vrstvou dole",
-		"merge_all": "Zlúčiť všetko",
-		"move_elems_to": "Presunúť elementy do:",
-		"move_selected": "Presunúť vybrané elementy do inej vrstvy"
-	},
-	config: {
-		"image_props": "Vlastnosti obrázka",
-		"doc_title": "Titulok",
-		"doc_dims": "Rozmery plátna",
-		"included_images": "Vložené obrázky",
-		"image_opt_embed": "Vložiť data (lokálne súbory)",
-		"image_opt_ref": "Použiť referenciu na súbor",
-		"editor_prefs": "Vlastnosti editora",
-		"icon_size": "Veľkosť ikon",
-		"language": "Jazyk",
-		"background": "Zmeniť pozadie",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Poznámka: Pozadie nebude uložené spolu s obrázkom.",
-		"icon_large": "Veľká",
-		"icon_medium": "Stredná",
-		"icon_small": "Malá",
-		"icon_xlarge": "Extra veľká",
-		"select_predefined": "Vybrať preddefinovaný:",
-		"units_and_rulers": "Jednotky & Pravítka",
-		"show_rulers": "Ukáž pravítka",
-		"base_unit": "Základné jednotky:",
-		"grid": "Mriežka",
-		"snapping_onoff": "Priväzovanie (do mriežky) zap/vyp",
-		"snapping_stepsize": "Priväzovanie (do mriežky) veľkosť kroku:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"basic": "Základné",
-		"object": "Objekty",
-		"symbol": "Symboly",
-		"arrow": "Šípky",
-		"flowchart": "Vývojové diagramy",
-		"animal": "Zvieratá",
-		"game": "Karty & Šach",
-		"dialog_balloon": "Dialogové balóny",
-		"electronics": "Elektronika",
-		"math": "Matematické",
-		"music": "Hudba",
-		"misc": "Rôzne",
-		"raphael_1": "raphaeljs.com sada 1",
-		"raphael_2": "raphaeljs.com sada 2"
-	},
-	imagelib: {
-		"select_lib": "Výber knižnice obrázkov",
-		"show_list": "Prehľad knižnice",
-		"import_single": "Import jeden",
-		"import_multi": "Import viacero",
-		"open": "Otvoriť ako nový dokument"
-	},
-	notification: {
-		"invalidAttrValGiven":"Neplatná hodnota",
-		"noContentToFitTo":"Vyberte oblasť na prispôsobenie",
-		"dupeLayerName":"Vrstva s daným názvom už existuje!",
-		"enterUniqueLayerName":"Zadajte jedinečný názov vrstvy",
-		"enterNewLayerName":"Zadajte názov vrstvy",
-		"layerHasThatName":"Vrstva už má zadaný tento názov",
-		"QmoveElemsToLayer":"Presunúť elementy do vrstvy '%s'?",
-		"QwantToClear":"Naozaj chcete vymazať kresbu?\n(História bude taktiež vymazaná!)!",
-		"QwantToOpen":"Chcete otvoriť nový súbor?\nTo však tiež vymaže Vašu UNDO knižnicu!",
-		"QerrorsRevertToSource":"Chyba pri načítaní SVG dokumentu.\nVrátiť povodný SVG dokument?",
-		"QignoreSourceChanges":"Ignorovať zmeny v SVG dokumente?",
-		"featNotSupported":"Vlastnosť nie je podporovaná",
-		"enterNewImgURL":"Zadajte nové URL obrázka",
-		"defsFailOnSave": "POZNÁMKA: Kvôli chybe v prehliadači sa tento obrázok môže zobraziť nesprávne (napr. chýbajúce prechody či elementy). Po uložení sa zobrazí správne.",
-		"loadingImage":"Nahrávam obrázok, prosím čakajte ...",
-		"saveFromBrowser": "Vyberte \"Uložiť ako ...\" vo vašom prehliadači na uloženie tohoto obrázka do súboru %s.",
-		"noteTheseIssues": "Môžu sa vyskytnúť nasledujúce problémy: ",
-		"unsavedChanges": "Sú tu neuložené zmeny.",
-		"enterNewLinkURL": "Zadajte nové URL odkazu (hyperlink)",
-		"errorLoadingSVG": "Chyba: Nedajú sa načítať SVG data",
-		"URLloadFail": "Nemožno čítať z URL",
-		"retrieving": "Načítavanie \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
\ No newline at end of file
+export default {
+  lang: 'sk',
+  dir: 'ltr',
+  common: {
+    ok: 'Uložiť',
+    cancel: 'Zrušiť',
+    key_backspace: 'Backspace',
+    key_del: 'Delete',
+    key_down: 'šípka dole',
+    key_up: 'šípka hore',
+    more_opts: 'Viac možností',
+    url: 'URL',
+    width: 'Šírka',
+    height: 'Výška'
+  },
+  misc: {
+    powered_by: 'Beží na'
+  },
+  ui: {
+    toggle_stroke_tools: 'Skryť/ukázať viac nástrojov pre krivku',
+    palette_info: 'Kliknutím zmeníte farbu výplne, so Shiftom zmeníte farbu obrysu',
+    zoom_level: 'Zmena priblíženia',
+    panel_drag: 'Potiahnutie vľavo/vpravo na zmenu veľkosti bočného panela',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Zmeniť ID elementu',
+    fill_color: 'Zmeniť farbu výplne',
+    stroke_color: 'Zmeniť farbu obrysu',
+    stroke_style: 'Zmeniť štýl obrysu',
+    stroke_width: 'Zmeniť hrúbku obrysu',
+    pos_x: 'Zmeniť súradnicu X',
+    pos_y: 'Zmeniť súradnicu Y',
+    linecap_butt: 'Koniec čiary: presný',
+    linecap_round: 'Koniec čiary: zaoblený',
+    linecap_square: 'Koniec čiary: so štvorcovým presahom',
+    linejoin_bevel: 'Napojenie čiar: skosené',
+    linejoin_miter: 'Napojenie čiar: ostré',
+    linejoin_round: 'Napojenie čiar: oblé',
+    angle: 'Zmeniť uhol natočenia',
+    blur: 'Zmeniť intenzitu rozmazania',
+    opacity: 'Zmeniť prehľadnosť vybraných položiek',
+    circle_cx: 'Zmeniť súradnicu X stredu kružnice',
+    circle_cy: 'Zmeniť súradnicu Y stredu kružnice',
+    circle_r: 'Zmeniť polomer kružnice',
+    ellipse_cx: 'Zmeniť súradnicu X stredu elipsy',
+    ellipse_cy: 'Zmeniť súradnicu Y stredu elipsy',
+    ellipse_rx: 'Zmeniť polomer X elipsy',
+    ellipse_ry: 'Zmeniť polomer Y elipsy',
+    line_x1: 'Zmeniť počiatočnú súradnicu X čiary',
+    line_x2: 'Zmeniť koncovú súradnicu X čiary',
+    line_y1: 'Zmeniť počiatočnú súradnicu Y čiary',
+    line_y2: 'Zmeniť koncovú súradnicu Y čiary',
+    rect_height: 'Zmena výšku obdĺžnika',
+    rect_width: 'Zmeniť šírku obdĺžnika',
+    corner_radius: 'Zmeniť zaoblenie rohov obdĺžnika',
+    image_width: 'Zmeniť šírku obrázka',
+    image_height: 'Zmeniť výšku obrázka',
+    image_url: 'Zmeniť URL',
+    node_x: 'Zmeniť uzlu súradnicu X',
+    node_y: 'Zmeniť uzlu súradnicu Y',
+    seg_type: 'Zmeniť typ segmentu',
+    straight_segments: 'Rovný',
+    curve_segments: 'Krivka',
+    text_contents: 'Zmeniť text',
+    font_family: 'Zmeniť font',
+    font_size: 'Zmeniť veľkosť písma',
+    bold: 'Tučné',
+    italic: 'Kurzíva'
+  },
+  tools: {
+    main_menu: 'Hlavné menu',
+    bkgnd_color_opac: 'Zmeniť farbu a priehľadnosť pozadia',
+    connector_no_arrow: 'Spojnica bez šípok',
+    fitToContent: 'Prispôsobiť obsahu',
+    fit_to_all: 'Prisposobiť celému obsahu',
+    fit_to_canvas: 'Prispôsobiť stránke',
+    fit_to_layer_content: 'Prispôsobiť obsahu vrstvy',
+    fit_to_sel: 'Prispôsobiť výberu',
+    align_relative_to: 'Zarovnať relatívne k ...',
+    relativeTo: 'vzhľadom k:',
+    page: 'stránke',
+    largest_object: 'najväčšiemu objektu',
+    selected_objects: 'zvoleným objektom',
+    smallest_object: 'najmenšiemu objektu',
+    new_doc: 'Nový obrázok',
+    open_doc: 'Otvoriť obrázok',
+    export_img: 'Export',
+    save_doc: 'Uložiť obrázok',
+    import_doc: 'Import Image',
+    align_to_page: 'Zarovnať element na stránku',
+    align_bottom: 'Zarovnať dole',
+    align_center: 'Zarovnať na stred',
+    align_left: 'Zarovnať doľava',
+    align_middle: 'Zarovnať na stred',
+    align_right: 'Zarovnať doprava',
+    align_top: 'Zarovnať hore',
+    mode_select: 'Výber',
+    mode_fhpath: 'Ceruzka',
+    mode_line: 'Čiara',
+    mode_rect: 'Obdĺžnik',
+    mode_square: 'Štvorec',
+    mode_fhrect: 'Obdĺžnik voľnou rukou',
+    mode_ellipse: 'Elipsa',
+    mode_circle: 'Kružnica',
+    mode_fhellipse: 'Elipsa voľnou rukou',
+    mode_path: 'Krivka',
+    mode_text: 'Text',
+    mode_image: 'Obrázok',
+    mode_zoom: 'Priblíženie',
+    no_embed: 'POZNÁMKA: Tento obrázok nemôže byť vložený. Jeho zobrazenie bude závisieť na jeho ceste',
+    undo: 'Späť',
+    redo: 'Opakovať',
+    tool_source: 'Upraviť SVG kód',
+    wireframe_mode: 'Drôtový model',
+    clone: 'Klonuj element(y)',
+    del: 'Zmaž element(y)',
+    group_elements: 'Zoskupiť elementy',
+    make_link: 'Naviaž odkaz (hyper)link',
+    set_link_url: 'Nastav odkaz URL (ak prázdny, odstráni sa)',
+    to_path: 'Previesť na krivku',
+    reorient_path: 'Zmeniť orientáciu krivky',
+    ungroup: 'Zrušiť skupinu',
+    docprops: 'Vlastnosti dokumentu',
+    move_bottom: 'Presunúť spodok',
+    move_top: 'Presunúť na vrch',
+    node_clone: 'Klonovať uzol',
+    node_delete: 'Zmazať uzol',
+    node_link: 'Prepojiť kontrolné body',
+    add_subpath: 'Pridať ďalšiu súčasť krivky',
+    openclose_path: 'Otvoriť/uzatvoriť súčasť krivky',
+    source_save: 'Uložiť',
+    cut: 'Vystrihnutie',
+    copy: 'Kópia',
+    paste: 'Vloženie',
+    paste_in_place: 'Vloženie na pôvodnom mieste',
+    delete: 'Zmazanie',
+    group: 'Group',
+    move_front: 'Vysuň navrch',
+    move_up: 'Vysuň vpred',
+    move_down: 'Zasuň na spodok',
+    move_back: 'Zasuň dozadu'
+  },
+  layers: {
+    layer: 'Vrstva',
+    layers: 'Vrstvy',
+    del: 'Odstrániť vrstvu',
+    move_down: 'Presunúť vrstvu dole',
+    new: 'Nová vrstva',
+    rename: 'Premenovať vrstvu',
+    move_up: 'Presunúť vrstvu hore',
+    dupe: 'Zduplikovať vrstvu',
+    merge_down: 'Zlúčiť s vrstvou dole',
+    merge_all: 'Zlúčiť všetko',
+    move_elems_to: 'Presunúť elementy do:',
+    move_selected: 'Presunúť vybrané elementy do inej vrstvy'
+  },
+  config: {
+    image_props: 'Vlastnosti obrázka',
+    doc_title: 'Titulok',
+    doc_dims: 'Rozmery plátna',
+    included_images: 'Vložené obrázky',
+    image_opt_embed: 'Vložiť data (lokálne súbory)',
+    image_opt_ref: 'Použiť referenciu na súbor',
+    editor_prefs: 'Vlastnosti editora',
+    icon_size: 'Veľkosť ikon',
+    language: 'Jazyk',
+    background: 'Zmeniť pozadie',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Poznámka: Pozadie nebude uložené spolu s obrázkom.',
+    icon_large: 'Veľká',
+    icon_medium: 'Stredná',
+    icon_small: 'Malá',
+    icon_xlarge: 'Extra veľká',
+    select_predefined: 'Vybrať preddefinovaný:',
+    units_and_rulers: 'Jednotky & Pravítka',
+    show_rulers: 'Ukáž pravítka',
+    base_unit: 'Základné jednotky:',
+    grid: 'Mriežka',
+    snapping_onoff: 'Priväzovanie (do mriežky) zap/vyp',
+    snapping_stepsize: 'Priväzovanie (do mriežky) veľkosť kroku:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Neplatná hodnota',
+    noContentToFitTo: 'Vyberte oblasť na prispôsobenie',
+    dupeLayerName: 'Vrstva s daným názvom už existuje!',
+    enterUniqueLayerName: 'Zadajte jedinečný názov vrstvy',
+    enterNewLayerName: 'Zadajte názov vrstvy',
+    layerHasThatName: 'Vrstva už má zadaný tento názov',
+    QmoveElemsToLayer: "Presunúť elementy do vrstvy '%s'?",
+    QwantToClear: 'Naozaj chcete vymazať kresbu?\n(História bude taktiež vymazaná!)!',
+    QwantToOpen: 'Chcete otvoriť nový súbor?\nTo však tiež vymaže Vašu UNDO knižnicu!',
+    QerrorsRevertToSource: 'Chyba pri načítaní SVG dokumentu.\nVrátiť povodný SVG dokument?',
+    QignoreSourceChanges: 'Ignorovať zmeny v SVG dokumente?',
+    featNotSupported: 'Vlastnosť nie je podporovaná',
+    enterNewImgURL: 'Zadajte nové URL obrázka',
+    defsFailOnSave: 'POZNÁMKA: Kvôli chybe v prehliadači sa tento obrázok môže zobraziť nesprávne (napr. chýbajúce prechody či elementy). Po uložení sa zobrazí správne.',
+    loadingImage: 'Nahrávam obrázok, prosím čakajte ...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Môžu sa vyskytnúť nasledujúce problémy: ',
+    unsavedChanges: 'Sú tu neuložené zmeny.',
+    enterNewLinkURL: 'Zadajte nové URL odkazu (hyperlink)',
+    errorLoadingSVG: 'Chyba: Nedajú sa načítať SVG data',
+    URLloadFail: 'Nemožno čítať z URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.sl.js b/editor/locale/lang.sl.js
index 87f7b859..a72c3715 100644
--- a/editor/locale/lang.sl.js
+++ b/editor/locale/lang.sl.js
@@ -1,249 +1,216 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "sl",
-	dir : "ltr",
-	common: {
-		"ok": "V redu",
-		"cancel": "Prekliči",
-		"key_backspace": "backspace",
-		"key_del": "delete",
-		"key_down": "dol",
-		"key_up": "gor",
-		"more_opts": "Več možnosti",
-		"url": "URL",
-		"width": "širina",
-		"height": "višina"
-	},
-	misc: {
-		"powered_by": "Izdelano z"
-	},
-	ui: {
-		"toggle_stroke_tools": "Pokaži/skrij več orodij za oris",
-		"palette_info": "Kliknite, če želite spremeniti barvo polnila, kliknite+Shift, če želite spremeniti barvo orisa",
-		"zoom_level": "Povečava",
-		"panel_drag": "Povlecite levo/desno za ogled stranske vrstice"
-	},
-	properties: {
-		"id": "ID elementa",
-		"fill_color": "Spremeni barvo polnila",
-		"stroke_color": "Spremeni barvo orisa",
-		"stroke_style": "Spremeni slog orisa",
-		"stroke_width": "Spreminjanje širino orisa",
-		"pos_x": "Spremeni X koordinato",
-		"pos_y": "Spremeni Y koordinato",
-		"linecap_butt": "Začetek črte: odsekan",
-		"linecap_round": "Začetek črte: zaobljen",
-		"linecap_square": "Začetek črte: kvadraten",
-		"linejoin_bevel": "Ovinek črte: Odsekan",
-		"linejoin_miter": "Linejoin: V kot",
-		"linejoin_round": "Linejoin: Zaobljen",
-		"angle": "Spremeni kot zasuka",
-		"blur": "Spremeni zameglitev roba",
-		"opacity": "Spremeni prosojnost",
-		"circle_cx": "Spremeni CX koordinato",
-		"circle_cy": "Spremeni CY koordinato",
-		"circle_r": "Spremeni polmer kroga",
-		"ellipse_cx": "Spremeni CX koordinato",
-		"ellipse_cy": "Spremeni CY koordinato",
-		"ellipse_rx": "Spremeni X polmer",
-		"ellipse_ry": "Spremeni Y polmer",
-		"line_x1": "Spremeni začetno X koordinato",
-		"line_x2": "Spremeni končno X koordinato",
-		"line_y1": "Spremeni začetno Y koordinato",
-		"line_y2": "Spremeni končno Y koordinato",
-		"rect_height": "Spremeni višino pravokotnika",
-		"rect_width": "Spremeni širino pravokotnika",
-		"corner_radius": "Spremeni Pravokotnik Corner Radius",
-		"image_width": "Spremeni širino slike",
-		"image_height": "Spremeni višino slike",
-		"image_url": "Spremeni URL",
-		"node_x": "Spremeni X koordinato oglišča",
-		"node_y": "Spremeni Y koordinato oglišča",
-		"seg_type": "Spremeni vrsto odseka",
-		"straight_segments": "Raven odsek",
-		"curve_segments": "Ukrivljen odsek",
-		"text_contents": "Spremeni besedilo",
-		"font_family": "Spremeni tip pisave",
-		"font_size": "Spremeni velikost pisave",
-		"bold": "Krepko",
-		"italic": "Poševno"
-	},
-	tools: {
-		"main_menu": "Glavni meni",
-		"bkgnd_color_opac": "Spremeni barvo / prosojnost",
-		"connector_no_arrow": "Brez puščice",
-		"fitToContent": "Prilagodi vsebini",
-		"fit_to_all": "Prilagodi vsemu",
-		"fit_to_canvas": "Prilagodi sliki",
-		"fit_to_layer_content": "Prilagodi sloju",
-		"fit_to_sel": "Prilagodi izboru",
-		"align_relative_to": "Poravnaj glede na ...",
-		"relativeTo": "glede na:",
-		"page": "page",
-		"largest_object": "največji objekt",
-		"selected_objects": "izbrani objekt",
-		"smallest_object": "najmanjši objekt",
-		"new_doc": "Nova slika",
-		"open_doc": "Odpri sliko",
-		"export_img": "Izvozi v PNG",
-		"save_doc": "Shrani sliko",
-		"import_doc": "Uvozi SVG",
-		"align_to_page": "Poravnaj na stran",
-		"align_bottom": "Poravnaj na dno",
-		"align_center": "Poravnaj na sredino",
-		"align_left": "Poravnaj levo",
-		"align_middle": "Poravnaj na sredino",
-		"align_right": "Poravnaj desno",
-		"align_top": "Poravnaj na vrh",
-		"mode_select": "Izberi",
-		"mode_fhpath": "Svinčnik",
-		"mode_line": "Crta",
-		"mode_connect": "Poveži dva objekta",
-		"mode_rect": "Pravokotnik",
-		"mode_square": "Kvadrat",
-		"mode_fhrect": "Prostoročni pravokotnik",
-		"mode_ellipse": "Elipsa",
-		"mode_circle": "Krog",
-		"mode_fhellipse": "Prostoročna elipsa",
-		"mode_path": "Pot",
-		"mode_shapelib": "Knjižnica oblik",
-		"mode_text": "Besedilo",
-		"mode_image": "Slika",
-		"mode_zoom": "Povečava",
-		"mode_eyedropper": "Ugotovi barvo",
-		"no_embed": "OPOMBA: Ta slika ne more biti vključena. It will depend on this path to be displayed",
-		"undo": "Razveljavi",
-		"redo": "Uveljavi",
-		"tool_source": "Uredi vir",
-		"wireframe_mode": "Wireframe način",
-		"toggle_grid": "Pokaži/skrij mrežo",
-		"clone": "Kloniraj element(e)",
-		"del": "Izbriši element(e)",
-		"group_elements": "Združi element(e)",
-		"make_link": "Vstavi (hiper)povezavo",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Pretvori v pot",
-		"reorient_path": "Reorient pot",
-		"ungroup": "Razdruži elemente",
-		"docprops": "Lastnosti dokumenta",
-		"imagelib": "Knjižnica slik",
-		"move_bottom": "Premakni na dno",
-		"move_top": "Premakni na vrh",
-		"node_clone": "Kloniraj oglišče",
-		"node_delete": "Izbriši oglišče",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Shrani",
-		"cut": "Izreži",
-		"copy": "Kopiraj",
-		"paste": "Prilepi",
-		"paste_in_place": "Prilepi na mesto",
-		"delete": "Izbriši",
-		"group": "Združi",
-		"move_front": "Postavi v ospredje",
-		"move_up": "Pomakni naporej",
-		"move_down": "Pomakni nazaj",
-		"move_back": "Postavi v ozadje"
-	},
-	layers: {
-		"layer":"Sloj",
-		"layers": "Sloji",
-		"del": "Izbriši sloj",
-		"move_down": "Premakni navzdol",
-		"new": "Nov sloj",
-		"rename": "Preimenuj sloj",
-		"move_up": "Premakni navzgor",
-		"dupe": "Podvoji sloj",
-		"merge_down": "Združi s spodnjimi",
-		"merge_all": "Združi vse",
-		"move_elems_to": "Premakni elemente v:",
-		"move_selected": "Premakne elemente v drug sloj"
-	},
-	config: {
-		"image_props": "Lastnosti slike",
-		"doc_title": "Naslov",
-		"doc_dims": "Dimenzije slike",
-		"included_images": "Vključene slike",
-		"image_opt_embed": "Vključene (local files)",
-		"image_opt_ref": "Povezane (Use file reference)",
-		"editor_prefs": "Lastnosti urejevalnika",
-		"icon_size": "Velikost ikon",
-		"language": "Jezik",
-		"background": "Ozadje urejevalnika",
-		"editor_img_url": "URL slike",
-		"editor_bg_note": "OPOMBA: Ozdaje ne bo shranjeno s sliko.",
-		"icon_large": "velike",
-		"icon_medium": "srednje",
-		"icon_small": "majhne",
-		"icon_xlarge": "zelo velike",
-		"select_predefined": "Izberi prednastavljeno:",
-		"units_and_rulers": "Enote & ravnilo",
-		"show_rulers": "Pokaži ravnilo",
-		"base_unit": "Osnovne enote",
-		"grid": "Mreža",
-		"snapping_onoff": "Pripni na mrežo DA/NE",
-		"snapping_stepsize": "Snapping Step-Size:"
-	},
-	shape_cats: {
-		"basic": "Osnovno",
-		"object": "Objekti",
-		"symbol": "Simboli",
-		"arrow": "Puščice",
-		"flowchart": "Tok",
-		"animal": "Živali",
-		"game": "Igralne karte in šah",
-		"dialog_balloon": "Pogovorni balončki",
-		"electronics": "Elektronika",
-		"math": "Matematika",
-		"music": "Glasba",
-		"misc": "Razno",
-		"raphael_1": "raphaeljs.com set 1",
-		"raphael_2": "raphaeljs.com set 2"
-	},
-	imagelib: {
-		"select_lib": "Izberi knjižnico slik",
-		"show_list": "Pokaži seznam",
-		"import_single": "Uvozi eno",
-		"import_multi": "Uvozi več",
-		"open": "Odpri kot nov dokument"
-	},
-	notification: {
-		"invalidAttrValGiven":"Napačna vrednost!",
-		"noContentToFitTo":"Ni vsebine za prilagajanje",
-		"dupeLayerName":"Sloj s tem imenom že obstajal!",
-		"enterUniqueLayerName":"Vnesite edinstveno ime sloja",
-		"enterNewLayerName":"Vnesite ime novega sloja",
-		"layerHasThatName":"Sloje že ima to ime",
-		"QmoveElemsToLayer":"Premaknem izbrane elemente v sloj '%s'?",
-		"QwantToClear":"Ali želite počistiti risbo?\nTo bo izbrisalo tudi zgodovino korakov (ni mogoče razveljaviti)!",
-		"QwantToOpen":"Ali želite odpreti novo datoteko?\nTo bo izbrisalo tudi zgodovino korakov (ni mogoče razveljaviti)!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignoriram spremembe, narejene v SVG kodi?",
-		"featNotSupported":"Ni podprto",
-		"enterNewImgURL":"Vnesite nov URL slike",
-		"defsFailOnSave": "OPOMBA: Zaradi napake vašega brskalnika obstaja možnost, da ta slika ni prikazan pravilno (manjkajo določeni elementi ali gradient). Vseeno bo prikaz pravilen, ko bo slika enkrat shranjena.",
-		"loadingImage":"Nalagam sliko, prosimo, počakajte ...",
-		"saveFromBrowser": "Izberite \"Shrani kot ...\" v brskalniku, če želite shraniti kot %s.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "Obstajajo neshranjene spremembe.",
-		"enterNewLinkURL": "Vnesite novo URL povezavo",
-		"errorLoadingSVG": "Napaka: Ne morem naložiti SVG podatkov",
-		"URLloadFail": "Ne morem naložiti z URL",
-		"retrieving": "Pridobivanje \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
\ No newline at end of file
+export default {
+  lang: 'sl',
+  dir: 'ltr',
+  common: {
+    ok: 'V redu',
+    cancel: 'Prekliči',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'dol',
+    key_up: 'gor',
+    more_opts: 'Več možnosti',
+    url: 'URL',
+    width: 'širina',
+    height: 'višina'
+  },
+  misc: {
+    powered_by: 'Izdelano z'
+  },
+  ui: {
+    toggle_stroke_tools: 'Pokaži/skrij več orodij za oris',
+    palette_info: 'Kliknite, če želite spremeniti barvo polnila, kliknite+Shift, če želite spremeniti barvo orisa',
+    zoom_level: 'Povečava',
+    panel_drag: 'Povlecite levo/desno za ogled stranske vrstice',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'ID elementa',
+    fill_color: 'Spremeni barvo polnila',
+    stroke_color: 'Spremeni barvo orisa',
+    stroke_style: 'Spremeni slog orisa',
+    stroke_width: 'Spreminjanje širino orisa',
+    pos_x: 'Spremeni X koordinato',
+    pos_y: 'Spremeni Y koordinato',
+    linecap_butt: 'Začetek črte: odsekan',
+    linecap_round: 'Začetek črte: zaobljen',
+    linecap_square: 'Začetek črte: kvadraten',
+    linejoin_bevel: 'Ovinek črte: Odsekan',
+    linejoin_miter: 'Linejoin: V kot',
+    linejoin_round: 'Linejoin: Zaobljen',
+    angle: 'Spremeni kot zasuka',
+    blur: 'Spremeni zameglitev roba',
+    opacity: 'Spremeni prosojnost',
+    circle_cx: 'Spremeni CX koordinato',
+    circle_cy: 'Spremeni CY koordinato',
+    circle_r: 'Spremeni polmer kroga',
+    ellipse_cx: 'Spremeni CX koordinato',
+    ellipse_cy: 'Spremeni CY koordinato',
+    ellipse_rx: 'Spremeni X polmer',
+    ellipse_ry: 'Spremeni Y polmer',
+    line_x1: 'Spremeni začetno X koordinato',
+    line_x2: 'Spremeni končno X koordinato',
+    line_y1: 'Spremeni začetno Y koordinato',
+    line_y2: 'Spremeni končno Y koordinato',
+    rect_height: 'Spremeni višino pravokotnika',
+    rect_width: 'Spremeni širino pravokotnika',
+    corner_radius: 'Spremeni Pravokotnik Corner Radius',
+    image_width: 'Spremeni širino slike',
+    image_height: 'Spremeni višino slike',
+    image_url: 'Spremeni URL',
+    node_x: 'Spremeni X koordinato oglišča',
+    node_y: 'Spremeni Y koordinato oglišča',
+    seg_type: 'Spremeni vrsto odseka',
+    straight_segments: 'Raven odsek',
+    curve_segments: 'Ukrivljen odsek',
+    text_contents: 'Spremeni besedilo',
+    font_family: 'Spremeni tip pisave',
+    font_size: 'Spremeni velikost pisave',
+    bold: 'Krepko',
+    italic: 'Poševno'
+  },
+  tools: {
+    main_menu: 'Glavni meni',
+    bkgnd_color_opac: 'Spremeni barvo / prosojnost',
+    connector_no_arrow: 'Brez puščice',
+    fitToContent: 'Prilagodi vsebini',
+    fit_to_all: 'Prilagodi vsemu',
+    fit_to_canvas: 'Prilagodi sliki',
+    fit_to_layer_content: 'Prilagodi sloju',
+    fit_to_sel: 'Prilagodi izboru',
+    align_relative_to: 'Poravnaj glede na ...',
+    relativeTo: 'glede na:',
+    page: 'page',
+    largest_object: 'največji objekt',
+    selected_objects: 'izbrani objekt',
+    smallest_object: 'najmanjši objekt',
+    new_doc: 'Nova slika',
+    open_doc: 'Odpri sliko',
+    export_img: 'Izvozi v PNG',
+    save_doc: 'Shrani sliko',
+    import_doc: 'Uvozi SVG',
+    align_to_page: 'Poravnaj na stran',
+    align_bottom: 'Poravnaj na dno',
+    align_center: 'Poravnaj na sredino',
+    align_left: 'Poravnaj levo',
+    align_middle: 'Poravnaj na sredino',
+    align_right: 'Poravnaj desno',
+    align_top: 'Poravnaj na vrh',
+    mode_select: 'Izberi',
+    mode_fhpath: 'Svinčnik',
+    mode_line: 'Crta',
+    mode_rect: 'Pravokotnik',
+    mode_square: 'Kvadrat',
+    mode_fhrect: 'Prostoročni pravokotnik',
+    mode_ellipse: 'Elipsa',
+    mode_circle: 'Krog',
+    mode_fhellipse: 'Prostoročna elipsa',
+    mode_path: 'Pot',
+    mode_text: 'Besedilo',
+    mode_image: 'Slika',
+    mode_zoom: 'Povečava',
+    no_embed: 'OPOMBA: Ta slika ne more biti vključena. It will depend on this path to be displayed',
+    undo: 'Razveljavi',
+    redo: 'Uveljavi',
+    tool_source: 'Uredi vir',
+    wireframe_mode: 'Wireframe način',
+    clone: 'Kloniraj element(e)',
+    del: 'Izbriši element(e)',
+    group_elements: 'Združi element(e)',
+    make_link: 'Vstavi (hiper)povezavo',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Pretvori v pot',
+    reorient_path: 'Reorient pot',
+    ungroup: 'Razdruži elemente',
+    docprops: 'Lastnosti dokumenta',
+    move_bottom: 'Premakni na dno',
+    move_top: 'Premakni na vrh',
+    node_clone: 'Kloniraj oglišče',
+    node_delete: 'Izbriši oglišče',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Shrani',
+    cut: 'Izreži',
+    copy: 'Kopiraj',
+    paste: 'Prilepi',
+    paste_in_place: 'Prilepi na mesto',
+    delete: 'Izbriši',
+    group: 'Združi',
+    move_front: 'Postavi v ospredje',
+    move_up: 'Pomakni naporej',
+    move_down: 'Pomakni nazaj',
+    move_back: 'Postavi v ozadje'
+  },
+  layers: {
+    layer: 'Sloj',
+    layers: 'Sloji',
+    del: 'Izbriši sloj',
+    move_down: 'Premakni navzdol',
+    new: 'Nov sloj',
+    rename: 'Preimenuj sloj',
+    move_up: 'Premakni navzgor',
+    dupe: 'Podvoji sloj',
+    merge_down: 'Združi s spodnjimi',
+    merge_all: 'Združi vse',
+    move_elems_to: 'Premakni elemente v:',
+    move_selected: 'Premakne elemente v drug sloj'
+  },
+  config: {
+    image_props: 'Lastnosti slike',
+    doc_title: 'Naslov',
+    doc_dims: 'Dimenzije slike',
+    included_images: 'Vključene slike',
+    image_opt_embed: 'Vključene (local files)',
+    image_opt_ref: 'Povezane (Use file reference)',
+    editor_prefs: 'Lastnosti urejevalnika',
+    icon_size: 'Velikost ikon',
+    language: 'Jezik',
+    background: 'Ozadje urejevalnika',
+    editor_img_url: 'URL slike',
+    editor_bg_note: 'OPOMBA: Ozdaje ne bo shranjeno s sliko.',
+    icon_large: 'velike',
+    icon_medium: 'srednje',
+    icon_small: 'majhne',
+    icon_xlarge: 'zelo velike',
+    select_predefined: 'Izberi prednastavljeno:',
+    units_and_rulers: 'Enote & ravnilo',
+    show_rulers: 'Pokaži ravnilo',
+    base_unit: 'Osnovne enote',
+    grid: 'Mreža',
+    snapping_onoff: 'Pripni na mrežo DA/NE',
+    snapping_stepsize: 'Snapping Step-Size:'
+  },
+  notification: {
+    invalidAttrValGiven: 'Napačna vrednost!',
+    noContentToFitTo: 'Ni vsebine za prilagajanje',
+    dupeLayerName: 'Sloj s tem imenom že obstajal!',
+    enterUniqueLayerName: 'Vnesite edinstveno ime sloja',
+    enterNewLayerName: 'Vnesite ime novega sloja',
+    layerHasThatName: 'Sloje že ima to ime',
+    QmoveElemsToLayer: "Premaknem izbrane elemente v sloj '%s'?",
+    QwantToClear: 'Ali želite počistiti risbo?\nTo bo izbrisalo tudi zgodovino korakov (ni mogoče razveljaviti)!',
+    QwantToOpen: 'Ali želite odpreti novo datoteko?\nTo bo izbrisalo tudi zgodovino korakov (ni mogoče razveljaviti)!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignoriram spremembe, narejene v SVG kodi?',
+    featNotSupported: 'Ni podprto',
+    enterNewImgURL: 'Vnesite nov URL slike',
+    defsFailOnSave: 'OPOMBA: Zaradi napake vašega brskalnika obstaja možnost, da ta slika ni prikazan pravilno (manjkajo določeni elementi ali gradient). Vseeno bo prikaz pravilen, ko bo slika enkrat shranjena.',
+    loadingImage: 'Nalagam sliko, prosimo, počakajte ...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'Obstajajo neshranjene spremembe.',
+    enterNewLinkURL: 'Vnesite novo URL povezavo',
+    errorLoadingSVG: 'Napaka: Ne morem naložiti SVG podatkov',
+    URLloadFail: 'Ne morem naložiti z URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.sq.js b/editor/locale/lang.sq.js
index b75b74ee..01782fde 100644
--- a/editor/locale/lang.sq.js
+++ b/editor/locale/lang.sq.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "sq",
-	dir : "ltr",
-	common: {
-		"ok": "Ruaj",
-		"cancel": "Anulo",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Klikoni për të ndryshuar mbushur me ngjyra, shift-klikoni për të ndryshuar ngjyrën pash",
-		"zoom_level": "Ndryshimi zoom nivel",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Ndryshimi mbush color",
-		"stroke_color": "Change color pash",
-		"stroke_style": "Ndryshimi dash goditje stil",
-		"stroke_width": "Ndryshimi goditje width",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Kënd Ndryshimi rrotullim",
-		"blur": "Change gaussian blur value",
-		"opacity": "Ndryshimi zgjedhur errësirë item",
-		"circle_cx": "Cx rrethi Ndryshimi i bashkërenduar",
-		"circle_cy": "Ndryshimi i rrethit cy koordinuar",
-		"circle_r": "Rreze rreth Ndryshimi i",
-		"ellipse_cx": "Ndryshimi elips e cx koordinuar",
-		"ellipse_cy": "Elips cy Ndryshimi i bashkërenduar",
-		"ellipse_rx": "Rreze x elips Ndryshimi i",
-		"ellipse_ry": "Radiusi y elips ndërroj",
-		"line_x1": "Shkarko Ndryshimi që fillon x koordinuar",
-		"line_x2": "Linjë Ndryshimi i fund x koordinuar",
-		"line_y1": "Shkarko Ndryshimi që fillon y koordinuar",
-		"line_y2": "Shkarko Ndryshimi i dhënë fund y koordinuar",
-		"rect_height": "Height Ndryshimi drejtkëndësh",
-		"rect_width": "Width Ndryshimi drejtkëndësh",
-		"corner_radius": "Ndryshimi Rectangle Corner Radius",
-		"image_width": "Ndryshimi image width",
-		"image_height": "Height të ndryshuar imazhin",
-		"image_url": "Ndrysho URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Text contents Ndryshimi",
-		"font_family": "Ndryshimi Font Family",
-		"font_size": "Ndryshimi Font Size",
-		"bold": "Bold Text",
-		"italic": "Italic Text"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Change color background / patejdukshmëri",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Fit për të gjithë përmbajtjen",
-		"fit_to_canvas": "Fit në kanavacë",
-		"fit_to_layer_content": "Shtresë Fit to content",
-		"fit_to_sel": "Fit to Selection",
-		"align_relative_to": "Vendose në lidhje me ...",
-		"relativeTo": "lidhje me:",
-		"page": "faqe",
-		"largest_object": "madh objekt",
-		"selected_objects": "objektet e zgjedhur",
-		"smallest_object": "objektit më të vogël",
-		"new_doc": "New Image",
-		"open_doc": "Image Hapur",
-		"export_img": "Export",
-		"save_doc": "Image Ruaj",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Align Center",
-		"align_left": "Align Left",
-		"align_middle": "Align Mesme",
-		"align_right": "Align Right",
-		"align_top": "Align Top",
-		"mode_select": "Zgjidhni Tool",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Lëndë Hand Rectangle",
-		"mode_ellipse": "Elips",
-		"mode_circle": "Rrethi",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Undo",
-		"redo": "Redo",
-		"tool_source": "Burimi Edit",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Elementet e Grupit",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Elemente Ungroup",
-		"docprops": "Dokumenti Prona",
-		"imagelib": "Image Library",
-		"move_bottom": "Move to Bottom",
-		"move_top": "Move to Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Ruaj",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Delete Layer",
-		"move_down": "Move Down Layer",
-		"new": "Re Shtresa",
-		"rename": "Rename Layer",
-		"move_up": "Move Up Layer",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Zgjidhni paracaktuara:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'sq',
+  dir: 'ltr',
+  common: {
+    ok: 'Ruaj',
+    cancel: 'Anulo',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Klikoni për të ndryshuar mbushur me ngjyra, shift-klikoni për të ndryshuar ngjyrën pash',
+    zoom_level: 'Ndryshimi zoom nivel',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Ndryshimi mbush color',
+    stroke_color: 'Change color pash',
+    stroke_style: 'Ndryshimi dash goditje stil',
+    stroke_width: 'Ndryshimi goditje width',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Kënd Ndryshimi rrotullim',
+    blur: 'Change gaussian blur value',
+    opacity: 'Ndryshimi zgjedhur errësirë item',
+    circle_cx: 'Cx rrethi Ndryshimi i bashkërenduar',
+    circle_cy: 'Ndryshimi i rrethit cy koordinuar',
+    circle_r: 'Rreze rreth Ndryshimi i',
+    ellipse_cx: 'Ndryshimi elips e cx koordinuar',
+    ellipse_cy: 'Elips cy Ndryshimi i bashkërenduar',
+    ellipse_rx: 'Rreze x elips Ndryshimi i',
+    ellipse_ry: 'Radiusi y elips ndërroj',
+    line_x1: 'Shkarko Ndryshimi që fillon x koordinuar',
+    line_x2: 'Linjë Ndryshimi i fund x koordinuar',
+    line_y1: 'Shkarko Ndryshimi që fillon y koordinuar',
+    line_y2: 'Shkarko Ndryshimi i dhënë fund y koordinuar',
+    rect_height: 'Height Ndryshimi drejtkëndësh',
+    rect_width: 'Width Ndryshimi drejtkëndësh',
+    corner_radius: 'Ndryshimi Rectangle Corner Radius',
+    image_width: 'Ndryshimi image width',
+    image_height: 'Height të ndryshuar imazhin',
+    image_url: 'Ndrysho URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Text contents Ndryshimi',
+    font_family: 'Ndryshimi Font Family',
+    font_size: 'Ndryshimi Font Size',
+    bold: 'Bold Text',
+    italic: 'Italic Text'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Change color background / patejdukshmëri',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Fit për të gjithë përmbajtjen',
+    fit_to_canvas: 'Fit në kanavacë',
+    fit_to_layer_content: 'Shtresë Fit to content',
+    fit_to_sel: 'Fit to Selection',
+    align_relative_to: 'Vendose në lidhje me ...',
+    relativeTo: 'lidhje me:',
+    page: 'faqe',
+    largest_object: 'madh objekt',
+    selected_objects: 'objektet e zgjedhur',
+    smallest_object: 'objektit më të vogël',
+    new_doc: 'New Image',
+    open_doc: 'Image Hapur',
+    export_img: 'Export',
+    save_doc: 'Image Ruaj',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Align Center',
+    align_left: 'Align Left',
+    align_middle: 'Align Mesme',
+    align_right: 'Align Right',
+    align_top: 'Align Top',
+    mode_select: 'Zgjidhni Tool',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Lëndë Hand Rectangle',
+    mode_ellipse: 'Elips',
+    mode_circle: 'Rrethi',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Text Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Undo',
+    redo: 'Redo',
+    tool_source: 'Burimi Edit',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Elementet e Grupit',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Elemente Ungroup',
+    docprops: 'Dokumenti Prona',
+    move_bottom: 'Move to Bottom',
+    move_top: 'Move to Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Ruaj',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Delete Layer',
+    move_down: 'Move Down Layer',
+    new: 'Re Shtresa',
+    rename: 'Rename Layer',
+    move_up: 'Move Up Layer',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Zgjidhni paracaktuara:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.sr.js b/editor/locale/lang.sr.js
index 02f9493f..a7d466fa 100644
--- a/editor/locale/lang.sr.js
+++ b/editor/locale/lang.sr.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "sr",
-	dir : "ltr",
-	common: {
-		"ok": "Сачувати",
-		"cancel": "Откажи",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Кликните да бисте променили боју попуне, Схифт-кликните да промените боју удар",
-		"zoom_level": "Промените ниво зумирања",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Промена боје попуне",
-		"stroke_color": "Промена боје удар",
-		"stroke_style": "Промена ход Дасх стил",
-		"stroke_width": "Промена удара ширина",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Промени ротације Угао",
-		"blur": "Change gaussian blur value",
-		"opacity": "Промена изабране ставке непрозирност",
-		"circle_cx": "Промена круг&#39;с ЦКС координатни",
-		"circle_cy": "Промена круг&#39;с ср координатни",
-		"circle_r": "Промена круга је полупречник",
-		"ellipse_cx": "Промена елипса ЦКС&#39;с координатни",
-		"ellipse_cy": "Промена елипса&#39;с ср координатни",
-		"ellipse_rx": "Промена елипса&#39;с Кс радијуса",
-		"ellipse_ry": "Промена елипса је радијус Ы",
-		"line_x1": "Промена линија Стартни кс координата",
-		"line_x2": "Промена линија је завршетак кс координата",
-		"line_y1": "Промена линија у координатни почетак Ы",
-		"line_y2": "Промена линија је Ы координата се завршава",
-		"rect_height": "Промени правоугаоник висина",
-		"rect_width": "Промени правоугаоник ширине",
-		"corner_radius": "Промена правоугаоник Кутак радијуса",
-		"image_width": "Промени слику ширине",
-		"image_height": "Промени слику висине",
-		"image_url": "Промените УРЛ адресу",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Промена садржаја текстуалне",
-		"font_family": "Цханге фонт породицу",
-		"font_size": "Цханге фонт сизе",
-		"bold": "Подебљан текст",
-		"italic": "Италиц текст"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Промена боје позадине / непрозирност",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Стане на садржај",
-		"fit_to_all": "Уклопи у сав садржај",
-		"fit_to_canvas": "Стане на платну",
-		"fit_to_layer_content": "Уклопи у слоју садржај",
-		"fit_to_sel": "Уклопи у избор",
-		"align_relative_to": "Алигн у односу на ...",
-		"relativeTo": "у односу на:",
-		"page": "страна",
-		"largest_object": "Највећи објекат",
-		"selected_objects": "изабраних објеката",
-		"smallest_object": "Најмањи објекат",
-		"new_doc": "Нова слика",
-		"open_doc": "Отвори слике",
-		"export_img": "Export",
-		"save_doc": "Сачувај слика",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Поравнај доле",
-		"align_center": "Поравнај по центру",
-		"align_left": "Поравнај лево",
-		"align_middle": "Алигн Средњи",
-		"align_right": "Поравнај десно",
-		"align_top": "Поравнајте врх",
-		"mode_select": "Изаберите алатку",
-		"mode_fhpath": "Алатка оловка",
-		"mode_line": "Линија Алат",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Фрее-Ручни правоугаоник",
-		"mode_ellipse": "Елипса",
-		"mode_circle": "Круг",
-		"mode_fhellipse": "Фрее-Ручни Елипса",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Текст Алат",
-		"mode_image": "Алатка за слике",
-		"mode_zoom": "Алатка за зумирање",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Поништи",
-		"redo": "Редо",
-		"tool_source": "Уреди Извор",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Група Елементи",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Разгрупирање Елементи",
-		"docprops": "Особине документа",
-		"imagelib": "Image Library",
-		"move_bottom": "Премести на доле",
-		"move_top": "Премести на врх",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Сачувати",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Избриши слој",
-		"move_down": "Помери слој доле",
-		"new": "Нови слој",
-		"rename": "Преименуј слој",
-		"move_up": "Помери слој Горе",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Изаберите унапред дефинисани:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'sr',
+  dir: 'ltr',
+  common: {
+    ok: 'Сачувати',
+    cancel: 'Откажи',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Кликните да бисте променили боју попуне, Схифт-кликните да промените боју удар',
+    zoom_level: 'Промените ниво зумирања',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Промена боје попуне',
+    stroke_color: 'Промена боје удар',
+    stroke_style: 'Промена ход Дасх стил',
+    stroke_width: 'Промена удара ширина',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Промени ротације Угао',
+    blur: 'Change gaussian blur value',
+    opacity: 'Промена изабране ставке непрозирност',
+    circle_cx: 'Промена круг&#39;с ЦКС координатни',
+    circle_cy: 'Промена круг&#39;с ср координатни',
+    circle_r: 'Промена круга је полупречник',
+    ellipse_cx: 'Промена елипса ЦКС&#39;с координатни',
+    ellipse_cy: 'Промена елипса&#39;с ср координатни',
+    ellipse_rx: 'Промена елипса&#39;с Кс радијуса',
+    ellipse_ry: 'Промена елипса је радијус Ы',
+    line_x1: 'Промена линија Стартни кс координата',
+    line_x2: 'Промена линија је завршетак кс координата',
+    line_y1: 'Промена линија у координатни почетак Ы',
+    line_y2: 'Промена линија је Ы координата се завршава',
+    rect_height: 'Промени правоугаоник висина',
+    rect_width: 'Промени правоугаоник ширине',
+    corner_radius: 'Промена правоугаоник Кутак радијуса',
+    image_width: 'Промени слику ширине',
+    image_height: 'Промени слику висине',
+    image_url: 'Промените УРЛ адресу',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Промена садржаја текстуалне',
+    font_family: 'Цханге фонт породицу',
+    font_size: 'Цханге фонт сизе',
+    bold: 'Подебљан текст',
+    italic: 'Италиц текст'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Промена боје позадине / непрозирност',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Стане на садржај',
+    fit_to_all: 'Уклопи у сав садржај',
+    fit_to_canvas: 'Стане на платну',
+    fit_to_layer_content: 'Уклопи у слоју садржај',
+    fit_to_sel: 'Уклопи у избор',
+    align_relative_to: 'Алигн у односу на ...',
+    relativeTo: 'у односу на:',
+    page: 'страна',
+    largest_object: 'Највећи објекат',
+    selected_objects: 'изабраних објеката',
+    smallest_object: 'Најмањи објекат',
+    new_doc: 'Нова слика',
+    open_doc: 'Отвори слике',
+    export_img: 'Export',
+    save_doc: 'Сачувај слика',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Поравнај доле',
+    align_center: 'Поравнај по центру',
+    align_left: 'Поравнај лево',
+    align_middle: 'Алигн Средњи',
+    align_right: 'Поравнај десно',
+    align_top: 'Поравнајте врх',
+    mode_select: 'Изаберите алатку',
+    mode_fhpath: 'Алатка оловка',
+    mode_line: 'Линија Алат',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Фрее-Ручни правоугаоник',
+    mode_ellipse: 'Елипса',
+    mode_circle: 'Круг',
+    mode_fhellipse: 'Фрее-Ручни Елипса',
+    mode_path: 'Path Tool',
+    mode_text: 'Текст Алат',
+    mode_image: 'Алатка за слике',
+    mode_zoom: 'Алатка за зумирање',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Поништи',
+    redo: 'Редо',
+    tool_source: 'Уреди Извор',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Група Елементи',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Разгрупирање Елементи',
+    docprops: 'Особине документа',
+    move_bottom: 'Премести на доле',
+    move_top: 'Премести на врх',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Сачувати',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Избриши слој',
+    move_down: 'Помери слој доле',
+    new: 'Нови слој',
+    rename: 'Преименуј слој',
+    move_up: 'Помери слој Горе',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Изаберите унапред дефинисани:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.sv.js b/editor/locale/lang.sv.js
index bab8530c..fcf98153 100644
--- a/editor/locale/lang.sv.js
+++ b/editor/locale/lang.sv.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "sv",
-	dir : "ltr",
-	common: {
-		"ok": "Spara",
-		"cancel": "Avbryt",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Klicka för att ändra fyllningsfärg, shift-klicka för att ändra färgar",
-		"zoom_level": "Ändra zoomnivå",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Ändra fyllningsfärg",
-		"stroke_color": "Ändra färgar",
-		"stroke_style": "Ändra stroke Dash stil",
-		"stroke_width": "Ändra stroke bredd",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Ändra rotationsvinkel",
-		"blur": "Change gaussian blur value",
-		"opacity": "Ändra markerat objekt opacitet",
-		"circle_cx": "Ändra cirkeln cx samordna",
-		"circle_cy": "Ändra cirkeln samordna cy",
-		"circle_r": "Ändra cirkelns radie",
-		"ellipse_cx": "Ändra ellips&#39;s cx samordna",
-		"ellipse_cy": "Ändra ellips&#39;s samordna cy",
-		"ellipse_rx": "Ändra ellips&#39;s x radie",
-		"ellipse_ry": "Ändra ellips&#39;s y radie",
-		"line_x1": "Ändra Lines startar x samordna",
-		"line_x2": "Ändra Lines slutar x samordna",
-		"line_y1": "Ändra Lines startar Y-koordinat",
-		"line_y2": "Ändra Lines slutar Y-koordinat",
-		"rect_height": "Ändra rektangel höjd",
-		"rect_width": "Ändra rektangel bredd",
-		"corner_radius": "Ändra rektangel hörnradie",
-		"image_width": "Ändra bild bredd",
-		"image_height": "Ändra bildhöjd",
-		"image_url": "Ändra URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Ändra textinnehållet",
-		"font_family": "Ändra Typsnitt",
-		"font_size": "Ändra textstorlek",
-		"bold": "Fet text",
-		"italic": "Kursiv text"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Ändra bakgrundsfärg / opacitet",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Passar till allt innehåll",
-		"fit_to_canvas": "Anpassa till duk",
-		"fit_to_layer_content": "Anpassa till lager innehåll",
-		"fit_to_sel": "Anpassa till val",
-		"align_relative_to": "Justera förhållande till ...",
-		"relativeTo": "jämfört:",
-		"page": "sida",
-		"largest_object": "största objekt",
-		"selected_objects": "valda objekt",
-		"smallest_object": "minsta objektet",
-		"new_doc": "New Image",
-		"open_doc": "Öppna bild",
-		"export_img": "Export",
-		"save_doc": "Save Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Centrera",
-		"align_left": "Vänsterjustera",
-		"align_middle": "Justera Middle",
-		"align_right": "Högerjustera",
-		"align_top": "Justera Top",
-		"mode_select": "Markeringsverktyget",
-		"mode_fhpath": "Pennverktyget",
-		"mode_line": "Linjeverktyg",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Fri hand rektangel",
-		"mode_ellipse": "Ellips",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Fri hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Textverktyg",
-		"mode_image": "Bildverktyg",
-		"mode_zoom": "Zoomverktyget",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Ångra",
-		"redo": "Redo",
-		"tool_source": "Redigera källa",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Group Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Dela Elements",
-		"docprops": "Dokumentegenskaper",
-		"imagelib": "Image Library",
-		"move_bottom": "Move to Bottom",
-		"move_top": "Flytta till början",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Spara",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Radera Layer",
-		"move_down": "Flytta Layer Down",
-		"new": "New Layer",
-		"rename": "Byt namn på Layer",
-		"move_up": "Flytta Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Välj fördefinierad:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'sv',
+  dir: 'ltr',
+  common: {
+    ok: 'Spara',
+    cancel: 'Avbryt',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Klicka för att ändra fyllningsfärg, shift-klicka för att ändra färgar',
+    zoom_level: 'Ändra zoomnivå',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Ändra fyllningsfärg',
+    stroke_color: 'Ändra färgar',
+    stroke_style: 'Ändra stroke Dash stil',
+    stroke_width: 'Ändra stroke bredd',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Ändra rotationsvinkel',
+    blur: 'Change gaussian blur value',
+    opacity: 'Ändra markerat objekt opacitet',
+    circle_cx: 'Ändra cirkeln cx samordna',
+    circle_cy: 'Ändra cirkeln samordna cy',
+    circle_r: 'Ändra cirkelns radie',
+    ellipse_cx: 'Ändra ellips&#39;s cx samordna',
+    ellipse_cy: 'Ändra ellips&#39;s samordna cy',
+    ellipse_rx: 'Ändra ellips&#39;s x radie',
+    ellipse_ry: 'Ändra ellips&#39;s y radie',
+    line_x1: 'Ändra Lines startar x samordna',
+    line_x2: 'Ändra Lines slutar x samordna',
+    line_y1: 'Ändra Lines startar Y-koordinat',
+    line_y2: 'Ändra Lines slutar Y-koordinat',
+    rect_height: 'Ändra rektangel höjd',
+    rect_width: 'Ändra rektangel bredd',
+    corner_radius: 'Ändra rektangel hörnradie',
+    image_width: 'Ändra bild bredd',
+    image_height: 'Ändra bildhöjd',
+    image_url: 'Ändra URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Ändra textinnehållet',
+    font_family: 'Ändra Typsnitt',
+    font_size: 'Ändra textstorlek',
+    bold: 'Fet text',
+    italic: 'Kursiv text'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Ändra bakgrundsfärg / opacitet',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Passar till allt innehåll',
+    fit_to_canvas: 'Anpassa till duk',
+    fit_to_layer_content: 'Anpassa till lager innehåll',
+    fit_to_sel: 'Anpassa till val',
+    align_relative_to: 'Justera förhållande till ...',
+    relativeTo: 'jämfört:',
+    page: 'sida',
+    largest_object: 'största objekt',
+    selected_objects: 'valda objekt',
+    smallest_object: 'minsta objektet',
+    new_doc: 'New Image',
+    open_doc: 'Öppna bild',
+    export_img: 'Export',
+    save_doc: 'Save Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Centrera',
+    align_left: 'Vänsterjustera',
+    align_middle: 'Justera Middle',
+    align_right: 'Högerjustera',
+    align_top: 'Justera Top',
+    mode_select: 'Markeringsverktyget',
+    mode_fhpath: 'Pennverktyget',
+    mode_line: 'Linjeverktyg',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Fri hand rektangel',
+    mode_ellipse: 'Ellips',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Fri hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Textverktyg',
+    mode_image: 'Bildverktyg',
+    mode_zoom: 'Zoomverktyget',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Ångra',
+    redo: 'Redo',
+    tool_source: 'Redigera källa',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Group Elements',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Dela Elements',
+    docprops: 'Dokumentegenskaper',
+    move_bottom: 'Move to Bottom',
+    move_top: 'Flytta till början',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Spara',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Radera Layer',
+    move_down: 'Flytta Layer Down',
+    new: 'New Layer',
+    rename: 'Byt namn på Layer',
+    move_up: 'Flytta Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Välj fördefinierad:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.sw.js b/editor/locale/lang.sw.js
index a1dc2faa..e97c8e1c 100644
--- a/editor/locale/lang.sw.js
+++ b/editor/locale/lang.sw.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "sw",
-	dir : "ltr",
-	common: {
-		"ok": "Okoa",
-		"cancel": "Cancel",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Click kubadili kujaza color, skiftarbete-click kubadili kiharusi color",
-		"zoom_level": "Change zoom ngazi",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Change kujaza Michezo",
-		"stroke_color": "Change kiharusi Michezo",
-		"stroke_style": "Change kiharusi dash style",
-		"stroke_width": "Change kiharusi width",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Change mzunguko vinkel",
-		"blur": "Change gaussian blur value",
-		"opacity": "Change selected opacity punkt",
-		"circle_cx": "Change mduara&#39;s CX kuratibu",
-		"circle_cy": "Change mduara&#39;s cy kuratibu",
-		"circle_r": "Change mduara&#39;s Radius",
-		"ellipse_cx": "Change ellipse s CX kuratibu",
-		"ellipse_cy": "Change ellipse s cy kuratibu",
-		"ellipse_rx": "Change ellipse s x Radius",
-		"ellipse_ry": "Change ellipse&#39;s y Radius",
-		"line_x1": "Change Mpya&#39;s mapya x kuratibu",
-		"line_x2": "Change Mpya&#39;s kuishia x kuratibu",
-		"line_y1": "Change Mpya&#39;s mapya y kuratibu",
-		"line_y2": "Change Mpya&#39;s kuishia y kuratibu",
-		"rect_height": "Change Mstatili height",
-		"rect_width": "Change Mstatili width",
-		"corner_radius": "Change Mstatili Corner Radius",
-		"image_width": "Change image width",
-		"image_height": "Change image urefu",
-		"image_url": "Change URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Change Nakala contents",
-		"font_family": "Change font Family",
-		"font_size": "Change font Size",
-		"bold": "Bold Nakala",
-		"italic": "Italiki Nakala"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Change background color / opacity",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Waliopo Content",
-		"fit_to_all": "Waliopo all content",
-		"fit_to_canvas": "Wanaofaa Canvas",
-		"fit_to_layer_content": "Waliopo safu content",
-		"fit_to_sel": "Waliopo uteuzi",
-		"align_relative_to": "Align jamaa na ...",
-		"relativeTo": "relativa att:",
-		"page": "Page",
-		"largest_object": "ukubwa object",
-		"selected_objects": "waliochaguliwa vitu",
-		"smallest_object": "minsta object",
-		"new_doc": "New Image",
-		"open_doc": "Open SVG",
-		"export_img": "Export",
-		"save_doc": "Save Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Align Center",
-		"align_left": "Align Left",
-		"align_middle": "Kati align",
-		"align_right": "Align Right",
-		"align_top": "Align Juu",
-		"mode_select": "Select Tool",
-		"mode_fhpath": "Penseli Tool",
-		"mode_line": "Mpya Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Rectangle",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Nakala Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Tengua",
-		"redo": "Redo",
-		"tool_source": "Edit Lugha",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Kikundi Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elements",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Kuhama Bottom",
-		"move_top": "Move to Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Save",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Delete Layer",
-		"move_down": "Move Layer Down",
-		"new": "Mpya Layer",
-		"rename": "Rename Layer",
-		"move_up": "Move Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Select predefined:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'sw',
+  dir: 'ltr',
+  common: {
+    ok: 'Okoa',
+    cancel: 'Cancel',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Click kubadili kujaza color, skiftarbete-click kubadili kiharusi color',
+    zoom_level: 'Change zoom ngazi',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Change kujaza Michezo',
+    stroke_color: 'Change kiharusi Michezo',
+    stroke_style: 'Change kiharusi dash style',
+    stroke_width: 'Change kiharusi width',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Change mzunguko vinkel',
+    blur: 'Change gaussian blur value',
+    opacity: 'Change selected opacity punkt',
+    circle_cx: 'Change mduara&#39;s CX kuratibu',
+    circle_cy: 'Change mduara&#39;s cy kuratibu',
+    circle_r: 'Change mduara&#39;s Radius',
+    ellipse_cx: 'Change ellipse s CX kuratibu',
+    ellipse_cy: 'Change ellipse s cy kuratibu',
+    ellipse_rx: 'Change ellipse s x Radius',
+    ellipse_ry: 'Change ellipse&#39;s y Radius',
+    line_x1: 'Change Mpya&#39;s mapya x kuratibu',
+    line_x2: 'Change Mpya&#39;s kuishia x kuratibu',
+    line_y1: 'Change Mpya&#39;s mapya y kuratibu',
+    line_y2: 'Change Mpya&#39;s kuishia y kuratibu',
+    rect_height: 'Change Mstatili height',
+    rect_width: 'Change Mstatili width',
+    corner_radius: 'Change Mstatili Corner Radius',
+    image_width: 'Change image width',
+    image_height: 'Change image urefu',
+    image_url: 'Change URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Change Nakala contents',
+    font_family: 'Change font Family',
+    font_size: 'Change font Size',
+    bold: 'Bold Nakala',
+    italic: 'Italiki Nakala'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Change background color / opacity',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Waliopo Content',
+    fit_to_all: 'Waliopo all content',
+    fit_to_canvas: 'Wanaofaa Canvas',
+    fit_to_layer_content: 'Waliopo safu content',
+    fit_to_sel: 'Waliopo uteuzi',
+    align_relative_to: 'Align jamaa na ...',
+    relativeTo: 'relativa att:',
+    page: 'Page',
+    largest_object: 'ukubwa object',
+    selected_objects: 'waliochaguliwa vitu',
+    smallest_object: 'minsta object',
+    new_doc: 'New Image',
+    open_doc: 'Open SVG',
+    export_img: 'Export',
+    save_doc: 'Save Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Align Center',
+    align_left: 'Align Left',
+    align_middle: 'Kati align',
+    align_right: 'Align Right',
+    align_top: 'Align Juu',
+    mode_select: 'Select Tool',
+    mode_fhpath: 'Penseli Tool',
+    mode_line: 'Mpya Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Rectangle',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Nakala Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Tengua',
+    redo: 'Redo',
+    tool_source: 'Edit Lugha',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Kikundi Elements',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elements',
+    docprops: 'Document Properties',
+    move_bottom: 'Kuhama Bottom',
+    move_top: 'Move to Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Save',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Delete Layer',
+    move_down: 'Move Layer Down',
+    new: 'Mpya Layer',
+    rename: 'Rename Layer',
+    move_up: 'Move Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Select predefined:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.test.js b/editor/locale/lang.test.js
index d4532cff..92f0e0f2 100644
--- a/editor/locale/lang.test.js
+++ b/editor/locale/lang.test.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "test",
-	dir : "ltr",
-	common: {
-		"ok": "OK",
-		"cancel": "Cancel",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Click to change fill color, shift-click to change stroke color",
-		"zoom_level": "Change zoom level",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Change fill color",
-		"stroke_color": "Change stroke color",
-		"stroke_style": "Change stroke dash style",
-		"stroke_width": "Change stroke width by 1, shift-click to change by 0.1",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Change rotation angle",
-		"blur": "Change gaussian blur value",
-		"opacity": "Change selected item opacity",
-		"circle_cx": "Change circle's cx coordinate",
-		"circle_cy": "Change circle's cy coordinate",
-		"circle_r": "Change circle's radius",
-		"ellipse_cx": "Change ellipse's cx coordinate",
-		"ellipse_cy": "Change ellipse's cy coordinate",
-		"ellipse_rx": "Change ellipse's x radius",
-		"ellipse_ry": "Change ellipse's y radius",
-		"line_x1": "Change line's starting x coordinate",
-		"line_x2": "Change line's ending x coordinate",
-		"line_y1": "Change line's starting y coordinate",
-		"line_y2": "Change line's ending y coordinate",
-		"rect_height": "Change rectangle height",
-		"rect_width": "Change rectangle width",
-		"corner_radius": "Change Rectangle Corner Radius",
-		"image_width": "Change image width",
-		"image_height": "Change image height",
-		"image_url": "Change URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Change text contents",
-		"font_family": "Change Font Family",
-		"font_size": "Change Font Size",
-		"bold": "Bold Text",
-		"italic": "Italic Text"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Change background color/opacity",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Fit to all content",
-		"fit_to_canvas": "Fit to canvas",
-		"fit_to_layer_content": "Fit to layer content",
-		"fit_to_sel": "Fit to selection",
-		"align_relative_to": "Align relative to ...",
-		"relativeTo": "relative to:",
-		"page": "page",
-		"largest_object": "largest object",
-		"selected_objects": "selected objects",
-		"smallest_object": "smallest object",
-		"new_doc": "New Image",
-		"open_doc": "Open SVG",
-		"export_img": "Export",
-		"save_doc": "Save Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Align Center",
-		"align_left": "Align Left",
-		"align_middle": "Align Middle",
-		"align_right": "Align Right",
-		"align_top": "Align Top",
-		"mode_select": "Select Tool",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-Hand Rectangle",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Free-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Undo",
-		"redo": "Redo",
-		"tool_source": "Edit Source",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Group Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elements",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Move to Bottom",
-		"move_top": "Move to Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Apply Changes",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Move Layer Up",
-		"move_down": "Move Layer Down",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Delete Layer",
-		"move_down": "Move Layer Down",
-		"new": "New Layer",
-		"rename": "Rename Layer",
-		"move_up": "Move Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Select predefined:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer \"%s\"?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
\ No newline at end of file
+export default {
+  lang: 'test',
+  dir: 'ltr',
+  common: {
+    ok: 'OK',
+    cancel: 'Cancel',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Click to change fill color, shift-click to change stroke color',
+    zoom_level: 'Change zoom level',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Change fill color',
+    stroke_color: 'Change stroke color',
+    stroke_style: 'Change stroke dash style',
+    stroke_width: 'Change stroke width by 1, shift-click to change by 0.1',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Change rotation angle',
+    blur: 'Change gaussian blur value',
+    opacity: 'Change selected item opacity',
+    circle_cx: "Change circle's cx coordinate",
+    circle_cy: "Change circle's cy coordinate",
+    circle_r: "Change circle's radius",
+    ellipse_cx: "Change ellipse's cx coordinate",
+    ellipse_cy: "Change ellipse's cy coordinate",
+    ellipse_rx: "Change ellipse's x radius",
+    ellipse_ry: "Change ellipse's y radius",
+    line_x1: "Change line's starting x coordinate",
+    line_x2: "Change line's ending x coordinate",
+    line_y1: "Change line's starting y coordinate",
+    line_y2: "Change line's ending y coordinate",
+    rect_height: 'Change rectangle height',
+    rect_width: 'Change rectangle width',
+    corner_radius: 'Change Rectangle Corner Radius',
+    image_width: 'Change image width',
+    image_height: 'Change image height',
+    image_url: 'Change URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Change text contents',
+    font_family: 'Change Font Family',
+    font_size: 'Change Font Size',
+    bold: 'Bold Text',
+    italic: 'Italic Text'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Change background color/opacity',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Fit to all content',
+    fit_to_canvas: 'Fit to canvas',
+    fit_to_layer_content: 'Fit to layer content',
+    fit_to_sel: 'Fit to selection',
+    align_relative_to: 'Align relative to ...',
+    relativeTo: 'relative to:',
+    page: 'page',
+    largest_object: 'largest object',
+    selected_objects: 'selected objects',
+    smallest_object: 'smallest object',
+    new_doc: 'New Image',
+    open_doc: 'Open SVG',
+    export_img: 'Export',
+    save_doc: 'Save Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Align Center',
+    align_left: 'Align Left',
+    align_middle: 'Align Middle',
+    align_right: 'Align Right',
+    align_top: 'Align Top',
+    mode_select: 'Select Tool',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-Hand Rectangle',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Free-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Text Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Undo',
+    redo: 'Redo',
+    tool_source: 'Edit Source',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Group Elements',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elements',
+    docprops: 'Document Properties',
+    move_bottom: 'Move to Bottom',
+    move_top: 'Move to Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Apply Changes',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Move Layer Up',
+    move_down: 'Move Layer Down',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Delete Layer',
+    move_down: 'Move Layer Down',
+    new: 'New Layer',
+    rename: 'Rename Layer',
+    move_up: 'Move Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Select predefined:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: 'Move selected elements to layer \'%s\'?',
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.th.js b/editor/locale/lang.th.js
index 6c15c94e..876fdf64 100644
--- a/editor/locale/lang.th.js
+++ b/editor/locale/lang.th.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "th",
-	dir : "ltr",
-	common: {
-		"ok": "บันทึก",
-		"cancel": "ยกเลิก",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "คลิกเพื่อเปลี่ยนใส่สีกะคลิกเปลี่ยนสีจังหวะ",
-		"zoom_level": "เปลี่ยนระดับการซูม",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "เปลี่ยนใส่สี",
-		"stroke_color": "สีจังหวะเปลี่ยน",
-		"stroke_style": "รีบเปลี่ยนสไตล์จังหวะ",
-		"stroke_width": "ความกว้างจังหวะเปลี่ยน",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "มุมหมุนเปลี่ยน",
-		"blur": "Change gaussian blur value",
-		"opacity": "เปลี่ยนความทึบเลือกรายการ",
-		"circle_cx": "Cx วงกลมเปลี่ยนของพิกัด",
-		"circle_cy": "วงกลมเปลี่ยนเป็น cy ประสานงาน",
-		"circle_r": "รัศมีวงกลมเปลี่ยนเป็น",
-		"ellipse_cx": "เปลี่ยน ellipse ของ cx ประสานงาน",
-		"ellipse_cy": "Ellipse เปลี่ยนของ cy ประสานงาน",
-		"ellipse_rx": "Ellipse เปลี่ยนของรัศมี x",
-		"ellipse_ry": "Ellipse เปลี่ยนของรัศมี y",
-		"line_x1": "สายเปลี่ยนเป็นเริ่มต้น x พิกัด",
-		"line_x2": "สายเปลี่ยนเป็นสิ้นสุด x พิกัด",
-		"line_y1": "สายเปลี่ยนเป็นเริ่มต้น y พิกัด",
-		"line_y2": "สายเปลี่ยนเป็นสิ้นสุด y พิกัด",
-		"rect_height": "ความสูงสี่เหลี่ยมผืนผ้าเปลี่ยน",
-		"rect_width": "ความกว้างสี่เหลี่ยมผืนผ้าเปลี่ยน",
-		"corner_radius": "รัศมีเปลี่ยนสี่เหลี่ยมผืนผ้า Corner",
-		"image_width": "ความกว้างเปลี่ยนรูปภาพ",
-		"image_height": "ความสูงเปลี่ยนรูปภาพ",
-		"image_url": "URL เปลี่ยน",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "เปลี่ยนเนื้อหาข้อความ",
-		"font_family": "ครอบครัว Change Font",
-		"font_size": "เปลี่ยนขนาดตัวอักษร",
-		"bold": "ข้อความตัวหนา",
-		"italic": "ข้อความตัวเอียง"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "สีพื้นหลังเปลี่ยน / ความทึบ",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "พอดีกับเนื้อหาทั้งหมด",
-		"fit_to_canvas": "เหมาะสมในการผ้าใบ",
-		"fit_to_layer_content": "พอดีเนื้อหาชั้นที่",
-		"fit_to_sel": "เหมาะสมในการเลือก",
-		"align_relative_to": "จัดชิดเทียบกับ ...",
-		"relativeTo": "เทียบกับ:",
-		"page": "หน้า",
-		"largest_object": "ที่ใหญ่ที่สุดในวัตถุ",
-		"selected_objects": "วัตถุเลือกตั้ง",
-		"smallest_object": "วัตถุที่เล็กที่สุด",
-		"new_doc": "รูปภาพใหม่",
-		"open_doc": "ภาพเปิด",
-		"export_img": "Export",
-		"save_doc": "บันทึกรูปภาพ",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "ด้านล่างชิด",
-		"align_center": "จัดแนวกึ่งกลาง",
-		"align_left": "จัดชิดซ้าย",
-		"align_middle": "กลางชิด",
-		"align_right": "จัดชิดขวา",
-		"align_top": "ด้านบนชิด",
-		"mode_select": "เครื่องมือเลือก",
-		"mode_fhpath": "เครื่องมือดินสอ",
-		"mode_line": "เครื่องมือ Line",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "สี่เหลี่ยมผืนผ้า Free-Hand",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Ellipse Free-Hand",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "เครื่องมือ Text",
-		"mode_image": "เครื่องมือ Image",
-		"mode_zoom": "เครื่องมือซูม",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "เลิก",
-		"redo": "ทำซ้ำ",
-		"tool_source": "แหล่งที่มาแก้ไข",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "องค์ประกอบของกลุ่ม",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "องค์ประกอบ Ungroup",
-		"docprops": "คุณสมบัติของเอกสาร",
-		"imagelib": "Image Library",
-		"move_bottom": "ย้ายไปด้านล่าง",
-		"move_top": "ย้ายไปด้านบน",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "บันทึก",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Delete Layer",
-		"move_down": "ย้าย Layer ลง",
-		"new": "Layer ใหม่",
-		"rename": "Layer เปลี่ยนชื่อ",
-		"move_up": "ย้าย Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "เลือกที่กำหนดไว้ล่วงหน้า:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'th',
+  dir: 'ltr',
+  common: {
+    ok: 'บันทึก',
+    cancel: 'ยกเลิก',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'คลิกเพื่อเปลี่ยนใส่สีกะคลิกเปลี่ยนสีจังหวะ',
+    zoom_level: 'เปลี่ยนระดับการซูม',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'เปลี่ยนใส่สี',
+    stroke_color: 'สีจังหวะเปลี่ยน',
+    stroke_style: 'รีบเปลี่ยนสไตล์จังหวะ',
+    stroke_width: 'ความกว้างจังหวะเปลี่ยน',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'มุมหมุนเปลี่ยน',
+    blur: 'Change gaussian blur value',
+    opacity: 'เปลี่ยนความทึบเลือกรายการ',
+    circle_cx: 'Cx วงกลมเปลี่ยนของพิกัด',
+    circle_cy: 'วงกลมเปลี่ยนเป็น cy ประสานงาน',
+    circle_r: 'รัศมีวงกลมเปลี่ยนเป็น',
+    ellipse_cx: 'เปลี่ยน ellipse ของ cx ประสานงาน',
+    ellipse_cy: 'Ellipse เปลี่ยนของ cy ประสานงาน',
+    ellipse_rx: 'Ellipse เปลี่ยนของรัศมี x',
+    ellipse_ry: 'Ellipse เปลี่ยนของรัศมี y',
+    line_x1: 'สายเปลี่ยนเป็นเริ่มต้น x พิกัด',
+    line_x2: 'สายเปลี่ยนเป็นสิ้นสุด x พิกัด',
+    line_y1: 'สายเปลี่ยนเป็นเริ่มต้น y พิกัด',
+    line_y2: 'สายเปลี่ยนเป็นสิ้นสุด y พิกัด',
+    rect_height: 'ความสูงสี่เหลี่ยมผืนผ้าเปลี่ยน',
+    rect_width: 'ความกว้างสี่เหลี่ยมผืนผ้าเปลี่ยน',
+    corner_radius: 'รัศมีเปลี่ยนสี่เหลี่ยมผืนผ้า Corner',
+    image_width: 'ความกว้างเปลี่ยนรูปภาพ',
+    image_height: 'ความสูงเปลี่ยนรูปภาพ',
+    image_url: 'URL เปลี่ยน',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'เปลี่ยนเนื้อหาข้อความ',
+    font_family: 'ครอบครัว Change Font',
+    font_size: 'เปลี่ยนขนาดตัวอักษร',
+    bold: 'ข้อความตัวหนา',
+    italic: 'ข้อความตัวเอียง'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'สีพื้นหลังเปลี่ยน / ความทึบ',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'พอดีกับเนื้อหาทั้งหมด',
+    fit_to_canvas: 'เหมาะสมในการผ้าใบ',
+    fit_to_layer_content: 'พอดีเนื้อหาชั้นที่',
+    fit_to_sel: 'เหมาะสมในการเลือก',
+    align_relative_to: 'จัดชิดเทียบกับ ...',
+    relativeTo: 'เทียบกับ:',
+    page: 'หน้า',
+    largest_object: 'ที่ใหญ่ที่สุดในวัตถุ',
+    selected_objects: 'วัตถุเลือกตั้ง',
+    smallest_object: 'วัตถุที่เล็กที่สุด',
+    new_doc: 'รูปภาพใหม่',
+    open_doc: 'ภาพเปิด',
+    export_img: 'Export',
+    save_doc: 'บันทึกรูปภาพ',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'ด้านล่างชิด',
+    align_center: 'จัดแนวกึ่งกลาง',
+    align_left: 'จัดชิดซ้าย',
+    align_middle: 'กลางชิด',
+    align_right: 'จัดชิดขวา',
+    align_top: 'ด้านบนชิด',
+    mode_select: 'เครื่องมือเลือก',
+    mode_fhpath: 'เครื่องมือดินสอ',
+    mode_line: 'เครื่องมือ Line',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'สี่เหลี่ยมผืนผ้า Free-Hand',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Ellipse Free-Hand',
+    mode_path: 'Path Tool',
+    mode_text: 'เครื่องมือ Text',
+    mode_image: 'เครื่องมือ Image',
+    mode_zoom: 'เครื่องมือซูม',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'เลิก',
+    redo: 'ทำซ้ำ',
+    tool_source: 'แหล่งที่มาแก้ไข',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'องค์ประกอบของกลุ่ม',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'องค์ประกอบ Ungroup',
+    docprops: 'คุณสมบัติของเอกสาร',
+    move_bottom: 'ย้ายไปด้านล่าง',
+    move_top: 'ย้ายไปด้านบน',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'บันทึก',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Delete Layer',
+    move_down: 'ย้าย Layer ลง',
+    new: 'Layer ใหม่',
+    rename: 'Layer เปลี่ยนชื่อ',
+    move_up: 'ย้าย Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'เลือกที่กำหนดไว้ล่วงหน้า:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.tl.js b/editor/locale/lang.tl.js
index ddebadbc..06963af4 100644
--- a/editor/locale/lang.tl.js
+++ b/editor/locale/lang.tl.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "tl",
-	dir : "ltr",
-	common: {
-		"ok": "I-save",
-		"cancel": "I-cancel",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "I-click upang baguhin ang punan ang kulay, paglilipat-click upang baguhin ang paghampas ng kulay",
-		"zoom_level": "Baguhin ang antas ng zoom",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Baguhin ang punuin ng kulay",
-		"stroke_color": "Baguhin ang kulay ng paghampas",
-		"stroke_style": "Baguhin ang stroke pagsugod estilo",
-		"stroke_width": "Baguhin ang stroke lapad",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Baguhin ang pag-ikot anggulo",
-		"blur": "Change gaussian blur value",
-		"opacity": "Palitan ang mga napiling bagay kalabuan",
-		"circle_cx": "Cx Baguhin ang bilog&#39;s coordinate",
-		"circle_cy": "Baguhin ang bilog&#39;s cy coordinate",
-		"circle_r": "Baguhin ang radius ng bilog",
-		"ellipse_cx": "Baguhin ang tambilugan&#39;s cx-ugma",
-		"ellipse_cy": "Baguhin ang tambilugan&#39;s cy coordinate",
-		"ellipse_rx": "X radius Baguhin ang tambilugan&#39;s",
-		"ellipse_ry": "Y radius Baguhin ang tambilugan&#39;s",
-		"line_x1": "Baguhin ang linya ng simula x coordinate",
-		"line_x2": "Baguhin ang linya ay nagtatapos x coordinate",
-		"line_y1": "Baguhin ang linya ng simula y coordinate",
-		"line_y2": "Baguhin ang linya ay nagtatapos y coordinate",
-		"rect_height": "Baguhin ang rektanggulo taas",
-		"rect_width": "Baguhin ang rektanggulo lapad",
-		"corner_radius": "Baguhin ang Parihaba Corner Radius",
-		"image_width": "Baguhin ang lapad ng imahe",
-		"image_height": "Baguhin ang taas ng imahe",
-		"image_url": "Baguhin ang URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Baguhin ang mga nilalaman ng teksto",
-		"font_family": "Baguhin ang Pamilya ng Font",
-		"font_size": "Baguhin ang Laki ng Font",
-		"bold": "Bold Text",
-		"italic": "Italic Text"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Baguhin ang kulay ng background / kalabuan",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Pagkasyahin sa Nilalaman",
-		"fit_to_all": "Pagkasyahin sa lahat ng mga nilalaman",
-		"fit_to_canvas": "Pagkasyahin sa tolda",
-		"fit_to_layer_content": "Pagkasyahin sa layer nilalaman",
-		"fit_to_sel": "Pagkasyahin sa pagpili",
-		"align_relative_to": "Pantayin sa kamag-anak sa ...",
-		"relativeTo": "kamag-anak sa:",
-		"page": "pahina",
-		"largest_object": "pinakamalaking bagay",
-		"selected_objects": "inihalal na mga bagay",
-		"smallest_object": "pinakamaliit na bagay",
-		"new_doc": "Bagong Imahe",
-		"open_doc": "Buksan ang Image",
-		"export_img": "Export",
-		"save_doc": "I-save ang Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Pantayin sa Ibaba",
-		"align_center": "Pantayin sa Gitna",
-		"align_left": "Pantayin ang Kaliwa",
-		"align_middle": "Pantayin sa Gitnang",
-		"align_right": "Pantayin sa Kanan",
-		"align_top": "Pantayin Top",
-		"mode_select": "Piliin ang Tool",
-		"mode_fhpath": "Kasangkapan ng lapis",
-		"mode_line": "Line Kasangkapan",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Libreng-kamay Parihaba",
-		"mode_ellipse": "Tambilugan",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Libreng-kamay tambilugan",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text Kasangkapan",
-		"mode_image": "Image Kasangkapan",
-		"mode_zoom": "Mag-zoom Kasangkapan",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Bawiin",
-		"redo": "Gawin muli",
-		"tool_source": "I-edit ang Source",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Group Sangkap",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Sangkap",
-		"docprops": "Document Katangian",
-		"imagelib": "Image Library",
-		"move_bottom": "Ilipat sa Ibaba",
-		"move_top": "Ilipat sa Tuktok",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "I-save",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Tanggalin Layer",
-		"move_down": "Ilipat Layer Down",
-		"new": "Bagong Layer",
-		"rename": "Palitan ang pangalan ng Layer",
-		"move_up": "Ilipat Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Piliin ang paunang-natukoy na:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'tl',
+  dir: 'ltr',
+  common: {
+    ok: 'I-save',
+    cancel: 'I-cancel',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'I-click upang baguhin ang punan ang kulay, paglilipat-click upang baguhin ang paghampas ng kulay',
+    zoom_level: 'Baguhin ang antas ng zoom',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Baguhin ang punuin ng kulay',
+    stroke_color: 'Baguhin ang kulay ng paghampas',
+    stroke_style: 'Baguhin ang stroke pagsugod estilo',
+    stroke_width: 'Baguhin ang stroke lapad',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Baguhin ang pag-ikot anggulo',
+    blur: 'Change gaussian blur value',
+    opacity: 'Palitan ang mga napiling bagay kalabuan',
+    circle_cx: 'Cx Baguhin ang bilog&#39;s coordinate',
+    circle_cy: 'Baguhin ang bilog&#39;s cy coordinate',
+    circle_r: 'Baguhin ang radius ng bilog',
+    ellipse_cx: 'Baguhin ang tambilugan&#39;s cx-ugma',
+    ellipse_cy: 'Baguhin ang tambilugan&#39;s cy coordinate',
+    ellipse_rx: 'X radius Baguhin ang tambilugan&#39;s',
+    ellipse_ry: 'Y radius Baguhin ang tambilugan&#39;s',
+    line_x1: 'Baguhin ang linya ng simula x coordinate',
+    line_x2: 'Baguhin ang linya ay nagtatapos x coordinate',
+    line_y1: 'Baguhin ang linya ng simula y coordinate',
+    line_y2: 'Baguhin ang linya ay nagtatapos y coordinate',
+    rect_height: 'Baguhin ang rektanggulo taas',
+    rect_width: 'Baguhin ang rektanggulo lapad',
+    corner_radius: 'Baguhin ang Parihaba Corner Radius',
+    image_width: 'Baguhin ang lapad ng imahe',
+    image_height: 'Baguhin ang taas ng imahe',
+    image_url: 'Baguhin ang URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Baguhin ang mga nilalaman ng teksto',
+    font_family: 'Baguhin ang Pamilya ng Font',
+    font_size: 'Baguhin ang Laki ng Font',
+    bold: 'Bold Text',
+    italic: 'Italic Text'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Baguhin ang kulay ng background / kalabuan',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Pagkasyahin sa Nilalaman',
+    fit_to_all: 'Pagkasyahin sa lahat ng mga nilalaman',
+    fit_to_canvas: 'Pagkasyahin sa tolda',
+    fit_to_layer_content: 'Pagkasyahin sa layer nilalaman',
+    fit_to_sel: 'Pagkasyahin sa pagpili',
+    align_relative_to: 'Pantayin sa kamag-anak sa ...',
+    relativeTo: 'kamag-anak sa:',
+    page: 'pahina',
+    largest_object: 'pinakamalaking bagay',
+    selected_objects: 'inihalal na mga bagay',
+    smallest_object: 'pinakamaliit na bagay',
+    new_doc: 'Bagong Imahe',
+    open_doc: 'Buksan ang Image',
+    export_img: 'Export',
+    save_doc: 'I-save ang Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Pantayin sa Ibaba',
+    align_center: 'Pantayin sa Gitna',
+    align_left: 'Pantayin ang Kaliwa',
+    align_middle: 'Pantayin sa Gitnang',
+    align_right: 'Pantayin sa Kanan',
+    align_top: 'Pantayin Top',
+    mode_select: 'Piliin ang Tool',
+    mode_fhpath: 'Kasangkapan ng lapis',
+    mode_line: 'Line Kasangkapan',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Libreng-kamay Parihaba',
+    mode_ellipse: 'Tambilugan',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Libreng-kamay tambilugan',
+    mode_path: 'Path Tool',
+    mode_text: 'Text Kasangkapan',
+    mode_image: 'Image Kasangkapan',
+    mode_zoom: 'Mag-zoom Kasangkapan',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Bawiin',
+    redo: 'Gawin muli',
+    tool_source: 'I-edit ang Source',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Group Sangkap',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Sangkap',
+    docprops: 'Document Katangian',
+    move_bottom: 'Ilipat sa Ibaba',
+    move_top: 'Ilipat sa Tuktok',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'I-save',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Tanggalin Layer',
+    move_down: 'Ilipat Layer Down',
+    new: 'Bagong Layer',
+    rename: 'Palitan ang pangalan ng Layer',
+    move_up: 'Ilipat Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Piliin ang paunang-natukoy na:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.tr.js b/editor/locale/lang.tr.js
index 6f7b0eb6..309c25bf 100644
--- a/editor/locale/lang.tr.js
+++ b/editor/locale/lang.tr.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "tr",
-	dir : "ltr",
-	common: {
-		"ok": "Kaydetmek",
-		"cancel": "Iptal",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Tıklatın renk, vardiya dolgu zamanlı rengini değiştirmek için tıklayın değiştirmek için",
-		"zoom_level": "Yakınlaştırma düzeyini değiştirebilirsiniz",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Renk değiştirmek doldurmak",
-		"stroke_color": "Değiştirmek inme renk",
-		"stroke_style": "Değiştirmek inme çizgi stili",
-		"stroke_width": "Değiştirmek vuruş genişliği",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Değiştirmek dönme açısı",
-		"blur": "Change gaussian blur value",
-		"opacity": "Değiştirmek öğe opacity seçilmiş",
-		"circle_cx": "Değiştirmek daire&#39;s cx koordine",
-		"circle_cy": "Değiştirmek daire cy koordine&#39;s",
-		"circle_r": "Değiştirmek daire yarıçapı",
-		"ellipse_cx": "&#39;s Koordine cx elips Girişi",
-		"ellipse_cy": "Değiştirmek elips cy koordine&#39;s",
-		"ellipse_rx": "Değiştirmek elips&#39;s x yarıçapı",
-		"ellipse_ry": "Değiştirmek elips Y yarıçapı",
-		"line_x1": "Değiştirmek hattı&#39;s koordine x başlangıç",
-		"line_x2": "Değiştirmek hattı&#39;s koordine x biten",
-		"line_y1": "Değiştirmek hattı y başlangıç&#39;s koordine",
-		"line_y2": "Değiştirmek hattı y biten&#39;s koordine",
-		"rect_height": "Değiştirmek dikdörtgen yüksekliği",
-		"rect_width": "Değiştirmek dikdörtgen genişliği",
-		"corner_radius": "Değiştirmek Dikdörtgen Köşe Yarıçap",
-		"image_width": "Değiştirmek görüntü genişliği",
-		"image_height": "Değiştirmek görüntü yüksekliği",
-		"image_url": "Değiştirmek URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Değiştirmek metin içeriği",
-		"font_family": "Font değiştir Aile",
-		"font_size": "Change font size",
-		"bold": "Kalın Yazı",
-		"italic": "Italik yazı"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Arka plan rengini değiştirmek / opacity",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Fit to Content",
-		"fit_to_all": "Fit tüm içerik için",
-		"fit_to_canvas": "Fit tuvaline",
-		"fit_to_layer_content": "Sığacak şekilde katman içerik",
-		"fit_to_sel": "Fit seçimine",
-		"align_relative_to": "Align göre ...",
-		"relativeTo": "göreli:",
-		"page": "sayfa",
-		"largest_object": "en büyük nesne",
-		"selected_objects": "seçilen nesneleri",
-		"smallest_object": "küçük nesne",
-		"new_doc": "Yeni Resim",
-		"open_doc": "Aç Resim",
-		"export_img": "Export",
-		"save_doc": "Görüntüyü Kaydet",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Ortala",
-		"align_left": "Sola",
-		"align_middle": "Align Orta",
-		"align_right": "Sağa Hizala",
-		"align_top": "Align Top",
-		"mode_select": "Seçim aracı",
-		"mode_fhpath": "Kalem Aracı",
-		"mode_line": "Line Aracı",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-El Dikdörtgen",
-		"mode_ellipse": "Elips",
-		"mode_circle": "Daire",
-		"mode_fhellipse": "Free-El Elips",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Metin Aracı",
-		"mode_image": "Resim Aracı",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Geri",
-		"redo": "Redo",
-		"tool_source": "Değiştir Kaynak",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Grup Elemanları",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Çöz Elemanları",
-		"docprops": "Belge Özellikleri",
-		"imagelib": "Image Library",
-		"move_bottom": "Altına gider",
-		"move_top": "Üste taşı",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Kaydetmek",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Delete Layer",
-		"move_down": "Katman Aşağı Taşı",
-		"new": "Yeni Katman",
-		"rename": "Rename Katman",
-		"move_up": "Up Katman Taşı",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Seçin önceden tanımlanmış:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'tr',
+  dir: 'ltr',
+  common: {
+    ok: 'Kaydetmek',
+    cancel: 'Iptal',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Tıklatın renk, vardiya dolgu zamanlı rengini değiştirmek için tıklayın değiştirmek için',
+    zoom_level: 'Yakınlaştırma düzeyini değiştirebilirsiniz',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Renk değiştirmek doldurmak',
+    stroke_color: 'Değiştirmek inme renk',
+    stroke_style: 'Değiştirmek inme çizgi stili',
+    stroke_width: 'Değiştirmek vuruş genişliği',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Değiştirmek dönme açısı',
+    blur: 'Change gaussian blur value',
+    opacity: 'Değiştirmek öğe opacity seçilmiş',
+    circle_cx: 'Değiştirmek daire&#39;s cx koordine',
+    circle_cy: 'Değiştirmek daire cy koordine&#39;s',
+    circle_r: 'Değiştirmek daire yarıçapı',
+    ellipse_cx: '&#39;s Koordine cx elips Girişi',
+    ellipse_cy: 'Değiştirmek elips cy koordine&#39;s',
+    ellipse_rx: 'Değiştirmek elips&#39;s x yarıçapı',
+    ellipse_ry: 'Değiştirmek elips Y yarıçapı',
+    line_x1: 'Değiştirmek hattı&#39;s koordine x başlangıç',
+    line_x2: 'Değiştirmek hattı&#39;s koordine x biten',
+    line_y1: 'Değiştirmek hattı y başlangıç&#39;s koordine',
+    line_y2: 'Değiştirmek hattı y biten&#39;s koordine',
+    rect_height: 'Değiştirmek dikdörtgen yüksekliği',
+    rect_width: 'Değiştirmek dikdörtgen genişliği',
+    corner_radius: 'Değiştirmek Dikdörtgen Köşe Yarıçap',
+    image_width: 'Değiştirmek görüntü genişliği',
+    image_height: 'Değiştirmek görüntü yüksekliği',
+    image_url: 'Değiştirmek URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Değiştirmek metin içeriği',
+    font_family: 'Font değiştir Aile',
+    font_size: 'Change font size',
+    bold: 'Kalın Yazı',
+    italic: 'Italik yazı'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Arka plan rengini değiştirmek / opacity',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Fit to Content',
+    fit_to_all: 'Fit tüm içerik için',
+    fit_to_canvas: 'Fit tuvaline',
+    fit_to_layer_content: 'Sığacak şekilde katman içerik',
+    fit_to_sel: 'Fit seçimine',
+    align_relative_to: 'Align göre ...',
+    relativeTo: 'göreli:',
+    page: 'sayfa',
+    largest_object: 'en büyük nesne',
+    selected_objects: 'seçilen nesneleri',
+    smallest_object: 'küçük nesne',
+    new_doc: 'Yeni Resim',
+    open_doc: 'Aç Resim',
+    export_img: 'Export',
+    save_doc: 'Görüntüyü Kaydet',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Ortala',
+    align_left: 'Sola',
+    align_middle: 'Align Orta',
+    align_right: 'Sağa Hizala',
+    align_top: 'Align Top',
+    mode_select: 'Seçim aracı',
+    mode_fhpath: 'Kalem Aracı',
+    mode_line: 'Line Aracı',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-El Dikdörtgen',
+    mode_ellipse: 'Elips',
+    mode_circle: 'Daire',
+    mode_fhellipse: 'Free-El Elips',
+    mode_path: 'Path Tool',
+    mode_text: 'Metin Aracı',
+    mode_image: 'Resim Aracı',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Geri',
+    redo: 'Redo',
+    tool_source: 'Değiştir Kaynak',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Grup Elemanları',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Çöz Elemanları',
+    docprops: 'Belge Özellikleri',
+    move_bottom: 'Altına gider',
+    move_top: 'Üste taşı',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Kaydetmek',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Delete Layer',
+    move_down: 'Katman Aşağı Taşı',
+    new: 'Yeni Katman',
+    rename: 'Rename Katman',
+    move_up: 'Up Katman Taşı',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Seçin önceden tanımlanmış:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.uk.js b/editor/locale/lang.uk.js
index 2a61c4b0..79244a47 100644
--- a/editor/locale/lang.uk.js
+++ b/editor/locale/lang.uk.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "uk",
-	dir : "ltr",
-	common: {
-		"ok": "Зберегти",
-		"cancel": "Скасування",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Натисніть для зміни кольору заливки, Shift-Click змінити обвід",
-		"zoom_level": "Зміна масштабу",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Зміна кольору заливки",
-		"stroke_color": "Зміна кольору інсульт",
-		"stroke_style": "Зміна стилю інсульт тире",
-		"stroke_width": "Зміни ширина штриха",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Зміна кута повороту",
-		"blur": "Change gaussian blur value",
-		"opacity": "Зміна вибраного пункту непрозорості",
-		"circle_cx": "CX зміну кола координата",
-		"circle_cy": "Зміни гуртка CY координати",
-		"circle_r": "Зміна кола&#39;s радіус",
-		"ellipse_cx": "Зміни еліпса CX координати",
-		"ellipse_cy": "Зміни еліпса CY координати",
-		"ellipse_rx": "Х Зміни еліпса радіусом",
-		"ellipse_ry": "Зміни у еліпса радіусом",
-		"line_x1": "Зміни починає координати лінія х",
-		"line_x2": "Зміни за період, що закінчився лінія координати х",
-		"line_y1": "Зміни лінія починає Y координата",
-		"line_y2": "Зміна за період, що закінчився лінія Y координата",
-		"rect_height": "Зміни прямокутник висотою",
-		"rect_width": "Зміна ширини прямокутника",
-		"corner_radius": "Зміни прямокутник Corner Radius",
-		"image_width": "Зміни ширина зображення",
-		"image_height": "Зміна висоти зображення",
-		"image_url": "Змінити URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Зміна змісту тексту",
-		"font_family": "Зміни Сімейство шрифтів",
-		"font_size": "Змінити розмір шрифту",
-		"bold": "Товстий текст",
-		"italic": "Похилий текст"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Зміна кольору тла / непрозорість",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "За розміром змісту",
-		"fit_to_all": "За розміром весь вміст",
-		"fit_to_canvas": "Розмір полотна",
-		"fit_to_layer_content": "За розміром шар змісту",
-		"fit_to_sel": "Вибір розміру",
-		"align_relative_to": "Вирівняти по відношенню до ...",
-		"relativeTo": "в порівнянні з:",
-		"page": "сторінка",
-		"largest_object": "найбільший об&#39;єкт",
-		"selected_objects": "обраними об&#39;єктами",
-		"smallest_object": "маленький об&#39;єкт",
-		"new_doc": "Нове зображення",
-		"open_doc": "Відкрити зображення",
-		"export_img": "Export",
-		"save_doc": "Зберегти малюнок",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Вирівняти по нижньому краю",
-		"align_center": "Вирівняти по центру",
-		"align_left": "По лівому краю",
-		"align_middle": "Вирівняти Близького",
-		"align_right": "По правому краю",
-		"align_top": "Вирівняти по верхньому краю",
-		"mode_select": "Виберіть інструмент",
-		"mode_fhpath": "Pencil Tool",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Вільної руки Прямокутник",
-		"mode_ellipse": "Еліпс",
-		"mode_circle": "Коло",
-		"mode_fhellipse": "Вільної руки Еліпс",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Текст Tool",
-		"mode_image": "Image Tool",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Скасувати",
-		"redo": "Повтор",
-		"tool_source": "Змінити вихідний",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Група елементів",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Елементи розгрупувати",
-		"docprops": "Властивості документа",
-		"imagelib": "Image Library",
-		"move_bottom": "Перемістити вниз",
-		"move_top": "Перемістити догори",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Зберегти",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Видалити шар",
-		"move_down": "Перемістити шар на",
-		"new": "Новий шар",
-		"rename": "Перейменувати Шар",
-		"move_up": "Переміщення шару до",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Виберіть зумовлений:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'uk',
+  dir: 'ltr',
+  common: {
+    ok: 'Зберегти',
+    cancel: 'Скасування',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Натисніть для зміни кольору заливки, Shift-Click змінити обвід',
+    zoom_level: 'Зміна масштабу',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Зміна кольору заливки',
+    stroke_color: 'Зміна кольору інсульт',
+    stroke_style: 'Зміна стилю інсульт тире',
+    stroke_width: 'Зміни ширина штриха',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Зміна кута повороту',
+    blur: 'Change gaussian blur value',
+    opacity: 'Зміна вибраного пункту непрозорості',
+    circle_cx: 'CX зміну кола координата',
+    circle_cy: 'Зміни гуртка CY координати',
+    circle_r: 'Зміна кола&#39;s радіус',
+    ellipse_cx: 'Зміни еліпса CX координати',
+    ellipse_cy: 'Зміни еліпса CY координати',
+    ellipse_rx: 'Х Зміни еліпса радіусом',
+    ellipse_ry: 'Зміни у еліпса радіусом',
+    line_x1: 'Зміни починає координати лінія х',
+    line_x2: 'Зміни за період, що закінчився лінія координати х',
+    line_y1: 'Зміни лінія починає Y координата',
+    line_y2: 'Зміна за період, що закінчився лінія Y координата',
+    rect_height: 'Зміни прямокутник висотою',
+    rect_width: 'Зміна ширини прямокутника',
+    corner_radius: 'Зміни прямокутник Corner Radius',
+    image_width: 'Зміни ширина зображення',
+    image_height: 'Зміна висоти зображення',
+    image_url: 'Змінити URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Зміна змісту тексту',
+    font_family: 'Зміни Сімейство шрифтів',
+    font_size: 'Змінити розмір шрифту',
+    bold: 'Товстий текст',
+    italic: 'Похилий текст'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Зміна кольору тла / непрозорість',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'За розміром змісту',
+    fit_to_all: 'За розміром весь вміст',
+    fit_to_canvas: 'Розмір полотна',
+    fit_to_layer_content: 'За розміром шар змісту',
+    fit_to_sel: 'Вибір розміру',
+    align_relative_to: 'Вирівняти по відношенню до ...',
+    relativeTo: 'в порівнянні з:',
+    page: 'сторінка',
+    largest_object: 'найбільший об&#39;єкт',
+    selected_objects: 'обраними об&#39;єктами',
+    smallest_object: 'маленький об&#39;єкт',
+    new_doc: 'Нове зображення',
+    open_doc: 'Відкрити зображення',
+    export_img: 'Export',
+    save_doc: 'Зберегти малюнок',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Вирівняти по нижньому краю',
+    align_center: 'Вирівняти по центру',
+    align_left: 'По лівому краю',
+    align_middle: 'Вирівняти Близького',
+    align_right: 'По правому краю',
+    align_top: 'Вирівняти по верхньому краю',
+    mode_select: 'Виберіть інструмент',
+    mode_fhpath: 'Pencil Tool',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Вільної руки Прямокутник',
+    mode_ellipse: 'Еліпс',
+    mode_circle: 'Коло',
+    mode_fhellipse: 'Вільної руки Еліпс',
+    mode_path: 'Path Tool',
+    mode_text: 'Текст Tool',
+    mode_image: 'Image Tool',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Скасувати',
+    redo: 'Повтор',
+    tool_source: 'Змінити вихідний',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Група елементів',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Елементи розгрупувати',
+    docprops: 'Властивості документа',
+    move_bottom: 'Перемістити вниз',
+    move_top: 'Перемістити догори',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Зберегти',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Видалити шар',
+    move_down: 'Перемістити шар на',
+    new: 'Новий шар',
+    rename: 'Перейменувати Шар',
+    move_up: 'Переміщення шару до',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Виберіть зумовлений:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.vi.js b/editor/locale/lang.vi.js
index d1955cff..2a119caa 100644
--- a/editor/locale/lang.vi.js
+++ b/editor/locale/lang.vi.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "vi",
-	dir : "ltr",
-	common: {
-		"ok": "Lưu",
-		"cancel": "Hủy",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "Nhấn vào đây để thay đổi đầy màu sắc, thay đổi nhấp chuột để thay đổi màu sắc đột quỵ",
-		"zoom_level": "Thay đổi mức độ phóng",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "Thay đổi đầy màu sắc",
-		"stroke_color": "Thay đổi màu sắc đột quỵ",
-		"stroke_style": "Thay đổi phong cách đột quỵ dash",
-		"stroke_width": "Thay đổi chiều rộng đột quỵ",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "Thay đổi góc xoay",
-		"blur": "Change gaussian blur value",
-		"opacity": "Thay đổi lựa chọn opacity mục",
-		"circle_cx": "Thay đổi hình tròn của cx phối hợp",
-		"circle_cy": "Thay đổi hình tròn của vi phối hợp",
-		"circle_r": "Thay đổi bán kính của hình tròn",
-		"ellipse_cx": "Thay đổi hình elip của cx phối hợp",
-		"ellipse_cy": "Thay đổi hình elip của vi phối hợp",
-		"ellipse_rx": "Thay đổi hình elip của x bán kính",
-		"ellipse_ry": "Y Thay đổi bán kính của hình ellipse",
-		"line_x1": "Thay đổi dòng của bắt đầu từ x phối hợp",
-		"line_x2": "Thay đổi dòng của x kết thúc sớm nhất phối hợp",
-		"line_y1": "Thay đổi dòng của bắt đầu từ y phối hợp",
-		"line_y2": "Thay đổi dòng của kết thúc y phối hợp",
-		"rect_height": "Thay đổi hình chữ nhật chiều cao",
-		"rect_width": "Thay đổi hình chữ nhật chiều rộng",
-		"corner_radius": "Thay đổi chữ nhật Corner Radius",
-		"image_width": "Thay đổi hình ảnh rộng",
-		"image_height": "Thay đổi hình ảnh chiều cao",
-		"image_url": "Thay đổi URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "Thay đổi nội dung văn bản",
-		"font_family": "Thay đổi Font Gia đình",
-		"font_size": "Thay đổi cỡ chữ",
-		"bold": "Bold Text",
-		"italic": "Italic Text"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "Thay đổi màu nền / opacity",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "Phù hợp với nội dung",
-		"fit_to_all": "Phù hợp với tất cả nội dung",
-		"fit_to_canvas": "Phù hợp với vải",
-		"fit_to_layer_content": "Vào lớp phù hợp với nội dung",
-		"fit_to_sel": "Phù hợp để lựa chọn",
-		"align_relative_to": "Căn liên quan đến ...",
-		"relativeTo": "liên quan đến:",
-		"page": "Page",
-		"largest_object": "lớn nhất đối tượng",
-		"selected_objects": "bầu các đối tượng",
-		"smallest_object": "nhỏ đối tượng",
-		"new_doc": "Hình mới",
-		"open_doc": "Mở Image",
-		"export_img": "Export",
-		"save_doc": "Save Image",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "Align Bottom",
-		"align_center": "Căn giữa",
-		"align_left": "Căn còn lại",
-		"align_middle": "Căn Trung",
-		"align_right": "Căn phải",
-		"align_top": "Căn Top",
-		"mode_select": "Chọn Công cụ",
-		"mode_fhpath": "Bút chì Công cụ",
-		"mode_line": "Line Tool",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Việt-Hand Hình chữ nhật",
-		"mode_ellipse": "Ellipse",
-		"mode_circle": "Circle",
-		"mode_fhellipse": "Việt-Hand Ellipse",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "Text Tool",
-		"mode_image": "Hình Công cụ",
-		"mode_zoom": "Zoom Tool",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "Hoàn tác",
-		"redo": "Làm lại",
-		"tool_source": "Sửa Nguồn",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "Nhóm Elements",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elements",
-		"docprops": "Document Properties",
-		"imagelib": "Image Library",
-		"move_bottom": "Chuyển đến đáy",
-		"move_top": "Move to Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "Lưu",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "Xoá Layer",
-		"move_down": "Move Layer Down",
-		"new": "New Layer",
-		"rename": "Đổi tên Layer",
-		"move_up": "Di chuyển Layer Up",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "Chọn định sẵn:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'vi',
+  dir: 'ltr',
+  common: {
+    ok: 'Lưu',
+    cancel: 'Hủy',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'Nhấn vào đây để thay đổi đầy màu sắc, thay đổi nhấp chuột để thay đổi màu sắc đột quỵ',
+    zoom_level: 'Thay đổi mức độ phóng',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'Thay đổi đầy màu sắc',
+    stroke_color: 'Thay đổi màu sắc đột quỵ',
+    stroke_style: 'Thay đổi phong cách đột quỵ dash',
+    stroke_width: 'Thay đổi chiều rộng đột quỵ',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'Thay đổi góc xoay',
+    blur: 'Change gaussian blur value',
+    opacity: 'Thay đổi lựa chọn opacity mục',
+    circle_cx: 'Thay đổi hình tròn của cx phối hợp',
+    circle_cy: 'Thay đổi hình tròn của vi phối hợp',
+    circle_r: 'Thay đổi bán kính của hình tròn',
+    ellipse_cx: 'Thay đổi hình elip của cx phối hợp',
+    ellipse_cy: 'Thay đổi hình elip của vi phối hợp',
+    ellipse_rx: 'Thay đổi hình elip của x bán kính',
+    ellipse_ry: 'Y Thay đổi bán kính của hình ellipse',
+    line_x1: 'Thay đổi dòng của bắt đầu từ x phối hợp',
+    line_x2: 'Thay đổi dòng của x kết thúc sớm nhất phối hợp',
+    line_y1: 'Thay đổi dòng của bắt đầu từ y phối hợp',
+    line_y2: 'Thay đổi dòng của kết thúc y phối hợp',
+    rect_height: 'Thay đổi hình chữ nhật chiều cao',
+    rect_width: 'Thay đổi hình chữ nhật chiều rộng',
+    corner_radius: 'Thay đổi chữ nhật Corner Radius',
+    image_width: 'Thay đổi hình ảnh rộng',
+    image_height: 'Thay đổi hình ảnh chiều cao',
+    image_url: 'Thay đổi URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'Thay đổi nội dung văn bản',
+    font_family: 'Thay đổi Font Gia đình',
+    font_size: 'Thay đổi cỡ chữ',
+    bold: 'Bold Text',
+    italic: 'Italic Text'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'Thay đổi màu nền / opacity',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'Phù hợp với nội dung',
+    fit_to_all: 'Phù hợp với tất cả nội dung',
+    fit_to_canvas: 'Phù hợp với vải',
+    fit_to_layer_content: 'Vào lớp phù hợp với nội dung',
+    fit_to_sel: 'Phù hợp để lựa chọn',
+    align_relative_to: 'Căn liên quan đến ...',
+    relativeTo: 'liên quan đến:',
+    page: 'Page',
+    largest_object: 'lớn nhất đối tượng',
+    selected_objects: 'bầu các đối tượng',
+    smallest_object: 'nhỏ đối tượng',
+    new_doc: 'Hình mới',
+    open_doc: 'Mở Image',
+    export_img: 'Export',
+    save_doc: 'Save Image',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'Align Bottom',
+    align_center: 'Căn giữa',
+    align_left: 'Căn còn lại',
+    align_middle: 'Căn Trung',
+    align_right: 'Căn phải',
+    align_top: 'Căn Top',
+    mode_select: 'Chọn Công cụ',
+    mode_fhpath: 'Bút chì Công cụ',
+    mode_line: 'Line Tool',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Việt-Hand Hình chữ nhật',
+    mode_ellipse: 'Ellipse',
+    mode_circle: 'Circle',
+    mode_fhellipse: 'Việt-Hand Ellipse',
+    mode_path: 'Path Tool',
+    mode_text: 'Text Tool',
+    mode_image: 'Hình Công cụ',
+    mode_zoom: 'Zoom Tool',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'Hoàn tác',
+    redo: 'Làm lại',
+    tool_source: 'Sửa Nguồn',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'Nhóm Elements',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elements',
+    docprops: 'Document Properties',
+    move_bottom: 'Chuyển đến đáy',
+    move_top: 'Move to Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'Lưu',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'Xoá Layer',
+    move_down: 'Move Layer Down',
+    new: 'New Layer',
+    rename: 'Đổi tên Layer',
+    move_up: 'Di chuyển Layer Up',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'Chọn định sẵn:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.yi.js b/editor/locale/lang.yi.js
index f46309e4..4e42e20b 100644
--- a/editor/locale/lang.yi.js
+++ b/editor/locale/lang.yi.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "yi",
-	dir : "ltr",
-	common: {
-		"ok": "היט",
-		"cancel": "באָטל מאַכן",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "גיט צו ענדערן אָנעסן קאָליר, יבעררוק-גיט צו טוישן מאַך קאָליר",
-		"zoom_level": "ענדערן פארגרעסער הייך",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "ענדערן אָנעסן קאָליר",
-		"stroke_color": "טוישן מאַך קאָליר",
-		"stroke_style": "טוישן מאַך לאָך מאָדע",
-		"stroke_width": "טוישן מאַך ברייט",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "ענדערן ראָוטיישאַן ווינקל",
-		"blur": "Change gaussian blur value",
-		"opacity": "ענדערן סעלעקטעד נומער אָופּאַסאַטי",
-		"circle_cx": "ענדערן קרייז ס קקס קאָואָרדאַנאַט",
-		"circle_cy": "ענדערן קרייז ס סי קאָואָרדאַנאַט",
-		"circle_r": "ענדערן קרייז ס ראַדיוס",
-		"ellipse_cx": "ענדערן יליפּס ס קקס קאָואָרדאַנאַט",
-		"ellipse_cy": "ענדערן יליפּס ס סי קאָואָרדאַנאַט",
-		"ellipse_rx": "ענדערן יליפּס ס &#39;קס ראַדיוס",
-		"ellipse_ry": "ענדערן יליפּס ס &#39;י ראַדיוס",
-		"line_x1": "טוישן ליניע ס &#39;סטאַרטינג קס קאָואָרדאַנאַט",
-		"line_x2": "טוישן ליניע ס &#39;סאָף קס קאָואָרדאַנאַט",
-		"line_y1": "טוישן ליניע ס &#39;סטאַרטינג י קאָואָרדאַנאַט",
-		"line_y2": "טוישן ליניע ס &#39;סאָף י קאָואָרדאַנאַט",
-		"rect_height": "ענדערן גראָדעק הייך",
-		"rect_width": "ענדערן גראָדעק ברייט",
-		"corner_radius": "ענדערן רעקטאַנגלע קאָרנער ראַדיוס",
-		"image_width": "טוישן בילד ברייט",
-		"image_height": "טוישן בילד הייך",
-		"image_url": "ענדערן URL",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "ענדערן טעקסט אינהאַלט",
-		"font_family": "ענדערן פאָנט פאַמילי",
-		"font_size": "בייטן פאָנט גרייס",
-		"bold": "דרייסט טעקסט",
-		"italic": "יטאַליק טעקסט"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "ענדערן הינטערגרונט פאַרב / אָופּאַסאַטי",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "פּאַסיק צו אינהאַלט",
-		"fit_to_all": "פּאַסיק צו אַלע אינהאַלט",
-		"fit_to_canvas": "פּאַסיק צו לייוונט",
-		"fit_to_layer_content": "פּאַסיק צו שיכטע אינהאַלט",
-		"fit_to_sel": "פּאַסיק צו אָפּקלייב",
-		"align_relative_to": "יינרייען קאָרעוו צו ...",
-		"relativeTo": "קאָרעוו צו:",
-		"page": "בלאַט",
-		"largest_object": "לאַרדזשאַסט קעגן",
-		"selected_objects": "עלעקטעד אַבדזשעקץ",
-		"smallest_object": "סמאָלאַסט קעגן",
-		"new_doc": "ניו בילד",
-		"open_doc": "Open בילד",
-		"export_img": "Export",
-		"save_doc": "היט בילד",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "יינרייען באָטטאָם",
-		"align_center": "יינרייען צענטער",
-		"align_left": "יינרייען לעפט",
-		"align_middle": "יינרייען מיטל",
-		"align_right": "יינרייען רעכט",
-		"align_top": "יינרייען Top",
-		"mode_select": "סעלעקטירן טול",
-		"mode_fhpath": "בלייער טול",
-		"mode_line": "שורה טול",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "Free-הענט רעקטאַנגלע",
-		"mode_ellipse": "עלליפּסע",
-		"mode_circle": "קאַראַהאָד",
-		"mode_fhellipse": "Free-הענט עלליפּסע",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "טעקסט טול",
-		"mode_image": "בילד טול",
-		"mode_zoom": "פארגרעסער טול",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "ופמאַכן",
-		"redo": "רעדאָ",
-		"tool_source": "רעדאַקטירן סאָרס",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "גרופּע עלעמענץ",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "ונגראָופּ עלעמענץ",
-		"docprops": "דאָקומענט פּראָפּערטיעס",
-		"imagelib": "Image Library",
-		"move_bottom": "מאַך צו באָטטאָם",
-		"move_top": "באַוועגן צו Top",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "היט",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "ויסמעקן לייַער",
-		"move_down": "קער לייַער דאָוון",
-		"new": "ניו לייַער",
-		"rename": "רענאַמע לייַער",
-		"move_up": "באַוועגן לייַער אַרויף",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "סעלעקטירן פּרעדעפינעד:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'yi',
+  dir: 'ltr',
+  common: {
+    ok: 'היט',
+    cancel: 'באָטל מאַכן',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: 'גיט צו ענדערן אָנעסן קאָליר, יבעררוק-גיט צו טוישן מאַך קאָליר',
+    zoom_level: 'ענדערן פארגרעסער הייך',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: 'ענדערן אָנעסן קאָליר',
+    stroke_color: 'טוישן מאַך קאָליר',
+    stroke_style: 'טוישן מאַך לאָך מאָדע',
+    stroke_width: 'טוישן מאַך ברייט',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: 'ענדערן ראָוטיישאַן ווינקל',
+    blur: 'Change gaussian blur value',
+    opacity: 'ענדערן סעלעקטעד נומער אָופּאַסאַטי',
+    circle_cx: 'ענדערן קרייז ס קקס קאָואָרדאַנאַט',
+    circle_cy: 'ענדערן קרייז ס סי קאָואָרדאַנאַט',
+    circle_r: 'ענדערן קרייז ס ראַדיוס',
+    ellipse_cx: 'ענדערן יליפּס ס קקס קאָואָרדאַנאַט',
+    ellipse_cy: 'ענדערן יליפּס ס סי קאָואָרדאַנאַט',
+    ellipse_rx: 'ענדערן יליפּס ס &#39;קס ראַדיוס',
+    ellipse_ry: 'ענדערן יליפּס ס &#39;י ראַדיוס',
+    line_x1: 'טוישן ליניע ס &#39;סטאַרטינג קס קאָואָרדאַנאַט',
+    line_x2: 'טוישן ליניע ס &#39;סאָף קס קאָואָרדאַנאַט',
+    line_y1: 'טוישן ליניע ס &#39;סטאַרטינג י קאָואָרדאַנאַט',
+    line_y2: 'טוישן ליניע ס &#39;סאָף י קאָואָרדאַנאַט',
+    rect_height: 'ענדערן גראָדעק הייך',
+    rect_width: 'ענדערן גראָדעק ברייט',
+    corner_radius: 'ענדערן רעקטאַנגלע קאָרנער ראַדיוס',
+    image_width: 'טוישן בילד ברייט',
+    image_height: 'טוישן בילד הייך',
+    image_url: 'ענדערן URL',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: 'ענדערן טעקסט אינהאַלט',
+    font_family: 'ענדערן פאָנט פאַמילי',
+    font_size: 'בייטן פאָנט גרייס',
+    bold: 'דרייסט טעקסט',
+    italic: 'יטאַליק טעקסט'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: 'ענדערן הינטערגרונט פאַרב / אָופּאַסאַטי',
+    connector_no_arrow: 'No arrow',
+    fitToContent: 'פּאַסיק צו אינהאַלט',
+    fit_to_all: 'פּאַסיק צו אַלע אינהאַלט',
+    fit_to_canvas: 'פּאַסיק צו לייוונט',
+    fit_to_layer_content: 'פּאַסיק צו שיכטע אינהאַלט',
+    fit_to_sel: 'פּאַסיק צו אָפּקלייב',
+    align_relative_to: 'יינרייען קאָרעוו צו ...',
+    relativeTo: 'קאָרעוו צו:',
+    page: 'בלאַט',
+    largest_object: 'לאַרדזשאַסט קעגן',
+    selected_objects: 'עלעקטעד אַבדזשעקץ',
+    smallest_object: 'סמאָלאַסט קעגן',
+    new_doc: 'ניו בילד',
+    open_doc: 'Open בילד',
+    export_img: 'Export',
+    save_doc: 'היט בילד',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: 'יינרייען באָטטאָם',
+    align_center: 'יינרייען צענטער',
+    align_left: 'יינרייען לעפט',
+    align_middle: 'יינרייען מיטל',
+    align_right: 'יינרייען רעכט',
+    align_top: 'יינרייען Top',
+    mode_select: 'סעלעקטירן טול',
+    mode_fhpath: 'בלייער טול',
+    mode_line: 'שורה טול',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: 'Free-הענט רעקטאַנגלע',
+    mode_ellipse: 'עלליפּסע',
+    mode_circle: 'קאַראַהאָד',
+    mode_fhellipse: 'Free-הענט עלליפּסע',
+    mode_path: 'Path Tool',
+    mode_text: 'טעקסט טול',
+    mode_image: 'בילד טול',
+    mode_zoom: 'פארגרעסער טול',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: 'ופמאַכן',
+    redo: 'רעדאָ',
+    tool_source: 'רעדאַקטירן סאָרס',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: 'גרופּע עלעמענץ',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'ונגראָופּ עלעמענץ',
+    docprops: 'דאָקומענט פּראָפּערטיעס',
+    move_bottom: 'מאַך צו באָטטאָם',
+    move_top: 'באַוועגן צו Top',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: 'היט',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: 'ויסמעקן לייַער',
+    move_down: 'קער לייַער דאָוון',
+    new: 'ניו לייַער',
+    rename: 'רענאַמע לייַער',
+    move_up: 'באַוועגן לייַער אַרויף',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: 'סעלעקטירן פּרעדעפינעד:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.zh-CN.js b/editor/locale/lang.zh-CN.js
index dd167bc0..caa03d08 100644
--- a/editor/locale/lang.zh-CN.js
+++ b/editor/locale/lang.zh-CN.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "zh-CN",
-	dir : "ltr",
-	common: {
-		"ok": "保存",
-		"cancel": "取消",
-		"key_backspace": "退格", 
-		"key_del": "删除", 
-		"key_down": "下", 
-		"key_up": "上", 
-		"more_opts": "更多选项",
-		"url": "URL",
-		"width": "宽度",
-		"height": "高度"
-	},
-	misc: {
-		"powered_by": "版权所有"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "显示/隐藏更式边线工具",
-		"palette_info": "点击更改填充颜色，按住Shift键单击更改线条颜色",
-		"zoom_level": "更改缩放级别",
-		"panel_drag": "左右拖拽调整面板大小"
-	},
-	properties: {
-		"id": "元素ID",
-		"fill_color": "更改填充颜色",
-		"stroke_color": "线条的颜色变化",
-		"stroke_style": "更改线条样式",
-		"stroke_width": "更改线条宽度",
-		"pos_x": "更改X坐标",
-		"pos_y": "更改Y坐标",
-		"linecap_butt": "顶端样式: 齐平",
-		"linecap_round": "顶端样式: 圆滑",
-		"linecap_square": "顶端样式: 方块",
-		"linejoin_bevel": "连接处: 削平",
-		"linejoin_miter": "连接处: 直角",
-		"linejoin_round": "连接处: 圆角",
-		"angle": "更改旋转角度",
-		"blur": "更改高斯模糊值",
-		"opacity": "更改所选条目的不透明度",
-		"circle_cx": "改变圆的中心X坐标",
-		"circle_cy": "改变圆的中心Y坐标",
-		"circle_r": "改变圆的半径",
-		"ellipse_cx": "改变椭圆的中心X坐标",
-		"ellipse_cy": "改变椭圆的中心Y坐标",
-		"ellipse_rx": "改变椭圆的x半径",
-		"ellipse_ry": "改变椭圆的y半径",
-		"line_x1": "更改直线起点的x坐标",
-		"line_x2": "更改直线终点的x坐标",
-		"line_y1": "更改直线起点的y坐标",
-		"line_y2": "更改直线终点的y坐标",
-		"rect_height": "更改矩形的高度",
-		"rect_width": "更改矩形的宽度",
-		"corner_radius": "角半径：",
-		"image_width": "更改图像的宽度",
-		"image_height": "更改图像的高度",
-		"image_url": "更改网址",
-		"node_x": "更改节点的X坐标",
-		"node_y": "更改节点的Y坐标",
-		"seg_type": "修改线段类型",
-		"straight_segments": "直线",
-		"curve_segments": "曲线",
-		"text_contents": "更改文本内容",
-		"font_family": "更改字体样式",
-		"font_size": "更改字体大小",
-		"bold": "粗体",
-		"italic": "斜体"
-	},
-	tools: { 
-		"main_menu": "主菜单",
-		"bkgnd_color_opac": "更改背景颜色/不透明",
-		"connector_no_arrow": "无箭头",
-		"fitToContent": "适应内容",
-		"fit_to_all": "适应于所有的内容",
-		"fit_to_canvas": "适应画布",
-		"fit_to_layer_content": "适应层内容",
-		"fit_to_sel": "适应选中内容",
-		"align_relative_to": "相对对齐 ...",
-		"relativeTo": "相对于:",
-		"page": "网页",
-		"largest_object": "最大对象",
-		"selected_objects": "选中的对象",
-		"smallest_object": "最小的对象",
-		"new_doc": "新文档",
-		"open_doc": "打开文档",
-		"export_img": "导出",
-		"save_doc": "保存图像",
-		"import_doc": "导入SVG",
-		"align_to_page": "对齐元素到页面",
-		"align_bottom": "底部对齐",
-		"align_center": "居中对齐",
-		"align_left": "左对齐",
-		"align_middle": "水平居中对齐",
-		"align_right": "右对齐",
-		"align_top": "顶端对齐",
-		"mode_select": "选择工具",
-		"mode_fhpath": "铅笔工具",
-		"mode_line": "线工具",
-		"mode_connect": "连接两个对象",
-		"mode_rect": "矩形",
-		"mode_square": "正方形",
-		"mode_fhrect": "自由矩形",
-		"mode_ellipse": "椭圆",
-		"mode_circle": "圆形",
-		"mode_fhellipse": "自由椭圆",
-		"mode_path": "路径",
-		"mode_shapelib": "图形库",
-		"mode_text": "文字工具",
-		"mode_image": "图像工具",
-		"mode_zoom": "缩放工具",
-		"mode_eyedropper": "吸管",
-		"no_embed": "注意: 根据SVG图像的存储位置，内嵌的位图可能无法显示!",
-		"undo": "撤消",
-		"redo": "重做",
-		"tool_source": "编辑源",
-		"wireframe_mode": "线条模式",
-		"toggle_grid": "显示/隐藏 网格",
-		"clone": "克隆元素",
-		"del": "删除元素",
-		"group_elements": "组合元素",
-		"make_link": "创建超链接",
-		"set_link_url": "设置链接URL (设置为空以删除)",
-		"to_path": "转换为路径",
-		"reorient_path": "调整路径",
-		"ungroup": "取消组合元素",
-		"docprops": "文档属性",
-		"imagelib": "图像库",
-		"move_bottom": "移至底部",
-		"move_top": "移至顶部",
-		"node_clone": "复制节点",
-		"node_delete": "删除节点",
-		"node_link": "连接控制点",
-		"add_subpath": "添加子路径",
-		"openclose_path": "打开/关闭 子路径",
-		"source_save": "保存",
-		"cut": "剪切",
-		"copy": "复制",
-		"paste": "粘贴",
-		"paste_in_place": "粘贴到原位置",
-		"delete": "删除",
-		"group": "组合",
-		"move_front": "移至顶部",
-		"move_up": "向上移动",
-		"move_down": "向下移动",
-		"move_back": "移至底部"
-	},
-	layers: {
-		"layer":"图层",
-		"layers": "图层",
-		"del": "删除图层",
-		"move_down": "向下移动图层",
-		"new": "新建图层",
-		"rename": "重命名图层",
-		"move_up": "向上移动图层",
-		"dupe": "复制图层",
-		"merge_down": "向下合并",
-		"merge_all": "全部合并",
-		"move_elems_to": "移动元素至:",
-		"move_selected": "移动元素至另一个图层"
-	},
-	config: {
-		"image_props": "图像属性",
-		"doc_title": "标题",
-		"doc_dims": "画布大小",
-		"included_images": "包含图像",
-		"image_opt_embed": "嵌入数据 (本地文件)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "编辑器首选项",
-		"icon_size": "图标大小",
-		"language": "语言",
-		"background": "编辑器背景",
-		"editor_img_url": "图像 URL",
-		"editor_bg_note": "注意: 背景不会保存在图像中.",
-		"icon_large": "大",
-		"icon_medium": "中",
-		"icon_small": "小",
-		"icon_xlarge": "特大",
-		"select_predefined": "选择预定义:",
-		"units_and_rulers": "单位 & 标尺",
-		"show_rulers": "显示标尺",
-		"base_unit": "基本单位:",
-		"grid": "网格",
-		"snapping_onoff": "吸附开/关",
-		"snapping_stepsize": "吸附步长:",
-		"grid_color": "网格颜色"
-	},
-	shape_cats: {
-		"basic": "常规",
-		"object": "对象",
-		"symbol": "符号",
-		"arrow": "箭头",
-		"flowchart": "流程图",
-		"animal": "动物",
-		"game": "纸牌 & 棋子",
-		"dialog_balloon": "信息气球",
-		"electronics": "电力元件",
-		"math": "数学符号",
-		"music": "音乐符号",
-		"misc": "杂项",
-		"raphael_1": "常用图标1",
-		"raphael_2": "常用图标2"
-	},
-	imagelib: {
-		"select_lib": "选择一个图像库",
-		"show_list": "显示库列表",
-		"import_single": "单个导入",
-		"import_multi": "批量导入",
-		"open": "打开一个新文档"
-	},
-	notification: {
-		"invalidAttrValGiven":"无效的参数",
-		"noContentToFitTo":"无可适应的内容",
-		"dupeLayerName":"已存在同名的图层!",
-		"enterUniqueLayerName":"请输入一个唯一的图层名称",
-		"enterNewLayerName":"请输入新的图层名称",
-		"layerHasThatName":"图层已经采用了该名称",
-		"QmoveElemsToLayer":"您确定移动所选元素到图层'%s'吗?",
-		"QwantToClear":"您希望清除当前绘制的所有图形吗?\n该操作将无法撤消!",
-		"QwantToOpen":"您希望打开一个新文档吗?\n该操作将无法撤消!",
-		"QerrorsRevertToSource":"SVG文件解析错误.\n是否还原到最初的SVG文件?",
-		"QignoreSourceChanges":"忽略对SVG文件所作的更改么?",
-		"featNotSupported":"不支持该功能",
-		"enterNewImgURL":"请输入新图像的URLL",
-		"defsFailOnSave": "注意: 由于您所使用的浏览器存在缺陷, 该图像无法正确显示 (不支持渐变或相关元素). 修复该缺陷后可正确显示.",
-		"loadingImage":"正在加载图像, 请稍候...",
-		"saveFromBrowser": "选择浏览器中的 \"另存为...\" 将该图像保存为 %s 文件.",
-		"noteTheseIssues": "同时注意以下几点: ",
-		"unsavedChanges": "存在未保存的修改.",
-		"enterNewLinkURL": "输入新建链接的URL地址",
-		"errorLoadingSVG": "错误: 无法加载SVG数据",
-		"URLloadFail": "无法从URL中加载",
-		"retrieving": "检索 \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'zh-CN',
+  dir: 'ltr',
+  common: {
+    ok: '确定',
+    cancel: '取消',
+    key_backspace: '退格',
+    key_del: '删除',
+    key_down: '下',
+    key_up: '上',
+    more_opts: '更多选项',
+    url: 'URL',
+    width: '宽度',
+    height: '高度'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: '显示/隐藏更式边线工具',
+    palette_info: '点击更改填充颜色，按住Shift键单击更改线条颜色',
+    zoom_level: '更改缩放级别',
+    panel_drag: '左右拖拽调整面板大小',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: '元素ID',
+    fill_color: '更改填充颜色',
+    stroke_color: '线条的颜色变化',
+    stroke_style: '更改线条样式',
+    stroke_width: '更改线条宽度',
+    pos_x: '更改X坐标',
+    pos_y: '更改Y坐标',
+    linecap_butt: '顶端样式: 齐平',
+    linecap_round: '顶端样式: 圆滑',
+    linecap_square: '顶端样式: 方块',
+    linejoin_bevel: '连接处: 削平',
+    linejoin_miter: '连接处: 直角',
+    linejoin_round: '连接处: 圆角',
+    angle: '更改旋转角度',
+    blur: '更改高斯模糊值',
+    opacity: '更改所选条目的不透明度',
+    circle_cx: '改变圆的中心X坐标',
+    circle_cy: '改变圆的中心Y坐标',
+    circle_r: '改变圆的半径',
+    ellipse_cx: '改变椭圆的中心X坐标',
+    ellipse_cy: '改变椭圆的中心Y坐标',
+    ellipse_rx: '改变椭圆的x半径',
+    ellipse_ry: '改变椭圆的y半径',
+    line_x1: '更改直线起点的x坐标',
+    line_x2: '更改直线终点的x坐标',
+    line_y1: '更改直线起点的y坐标',
+    line_y2: '更改直线终点的y坐标',
+    rect_height: '更改矩形的高度',
+    rect_width: '更改矩形的宽度',
+    corner_radius: '角半径：',
+    image_width: '更改图像的宽度',
+    image_height: '更改图像的高度',
+    image_url: '更改网址',
+    node_x: '更改节点的X坐标',
+    node_y: '更改节点的Y坐标',
+    seg_type: '修改线段类型',
+    straight_segments: '直线',
+    curve_segments: '曲线',
+    text_contents: '更改文本内容',
+    font_family: '更改字体样式',
+    font_size: '更改字体大小',
+    bold: '粗体',
+    italic: '斜体'
+  },
+  tools: {
+    main_menu: '主菜单',
+    bkgnd_color_opac: '更改背景颜色/不透明',
+    connector_no_arrow: '无箭头',
+    fitToContent: '适应内容',
+    fit_to_all: '适应于所有的内容',
+    fit_to_canvas: '适应画布',
+    fit_to_layer_content: '适应层内容',
+    fit_to_sel: '适应选中内容',
+    align_relative_to: '相对对齐 ...',
+    relativeTo: '相对于:',
+    page: '网页',
+    largest_object: '最大对象',
+    selected_objects: '选中的对象',
+    smallest_object: '最小的对象',
+    new_doc: '新文档',
+    open_doc: '打开文档',
+    export_img: '导出',
+    save_doc: '保存图像',
+    import_doc: '导入SVG',
+    align_to_page: '对齐元素到页面',
+    align_bottom: '底部对齐',
+    align_center: '居中对齐',
+    align_left: '左对齐',
+    align_middle: '水平居中对齐',
+    align_right: '右对齐',
+    align_top: '顶端对齐',
+    mode_select: '选择工具',
+    mode_fhpath: '铅笔工具',
+    mode_line: '线工具',
+    mode_rect: '矩形',
+    mode_square: '正方形',
+    mode_fhrect: '自由矩形',
+    mode_ellipse: '椭圆',
+    mode_circle: '圆形',
+    mode_fhellipse: '自由椭圆',
+    mode_path: '路径',
+    mode_text: '文字工具',
+    mode_image: '图像工具',
+    mode_zoom: '缩放工具',
+    no_embed: '注意: 根据SVG图像的存储位置，内嵌的位图可能无法显示!',
+    undo: '撤消',
+    redo: '重做',
+    tool_source: '编辑源',
+    wireframe_mode: '线条模式',
+    clone: '克隆元素',
+    del: '删除元素',
+    group_elements: '组合元素',
+    make_link: '创建超链接',
+    set_link_url: '设置链接URL (设置为空以删除)',
+    to_path: '转换为路径',
+    reorient_path: '调整路径',
+    ungroup: '取消组合元素',
+    docprops: '文档属性',
+    move_bottom: '移至底部',
+    move_top: '移至顶部',
+    node_clone: '复制节点',
+    node_delete: '删除节点',
+    node_link: '连接控制点',
+    add_subpath: '添加子路径',
+    openclose_path: '打开/关闭 子路径',
+    source_save: '保存',
+    cut: '剪切',
+    copy: '复制',
+    paste: '粘贴',
+    paste_in_place: '粘贴到原位置',
+    delete: '删除',
+    group: '组合',
+    move_front: '移至顶部',
+    move_up: '向上移动',
+    move_down: '向下移动',
+    move_back: '移至底部'
+  },
+  layers: {
+    layer: '图层',
+    layers: '图层',
+    del: '删除图层',
+    move_down: '向下移动图层',
+    new: '新建图层',
+    rename: '重命名图层',
+    move_up: '向上移动图层',
+    dupe: '复制图层',
+    merge_down: '向下合并',
+    merge_all: '全部合并',
+    move_elems_to: '移动元素至:',
+    move_selected: '移动元素至另一个图层'
+  },
+  config: {
+    image_props: '图像属性',
+    doc_title: '标题',
+    doc_dims: '画布大小',
+    included_images: '包含图像',
+    image_opt_embed: '嵌入数据 (本地文件)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: '编辑器首选项',
+    icon_size: '图标大小',
+    language: '语言',
+    background: '编辑器背景',
+    editor_img_url: '图像 URL',
+    editor_bg_note: '注意: 背景不会保存在图像中.',
+    icon_large: '大',
+    icon_medium: '中',
+    icon_small: '小',
+    icon_xlarge: '特大',
+    select_predefined: '选择预定义:',
+    units_and_rulers: '单位 & 标尺',
+    show_rulers: '显示标尺',
+    base_unit: '基本单位:',
+    grid: '网格',
+    snapping_onoff: '吸附开/关',
+    snapping_stepsize: '吸附步长:',
+    grid_color: '网格颜色'
+  },
+  notification: {
+    invalidAttrValGiven: '无效的参数',
+    noContentToFitTo: '无可适应的内容',
+    dupeLayerName: '已存在同名的图层!',
+    enterUniqueLayerName: '请输入一个唯一的图层名称',
+    enterNewLayerName: '请输入新的图层名称',
+    layerHasThatName: '图层已经采用了该名称',
+    QmoveElemsToLayer: "您确定移动所选元素到图层'%s'吗?",
+    QwantToClear: '您希望清除当前绘制的所有图形吗?\n该操作将无法撤消!',
+    QwantToOpen: '您希望打开一个新文档吗?\n该操作将无法撤消!',
+    QerrorsRevertToSource: 'SVG文件解析错误.\n是否还原到最初的SVG文件?',
+    QignoreSourceChanges: '忽略对SVG文件所作的更改么?',
+    featNotSupported: '不支持该功能',
+    enterNewImgURL: '请输入新图像的URLL',
+    defsFailOnSave: '注意: 由于您所使用的浏览器存在缺陷, 该图像无法正确显示 (不支持渐变或相关元素). 修复该缺陷后可正确显示.',
+    loadingImage: '正在加载图像, 请稍候...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: '同时注意以下几点: ',
+    unsavedChanges: '存在未保存的修改.',
+    enterNewLinkURL: '输入新建链接的URL地址',
+    errorLoadingSVG: '错误: 无法加载SVG数据',
+    URLloadFail: '无法从URL中加载',
+    retrieving: '检索 \'%s\'...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.zh-HK.js b/editor/locale/lang.zh-HK.js
index 6e163133..e2e821f1 100644
--- a/editor/locale/lang.zh-HK.js
+++ b/editor/locale/lang.zh-HK.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "zh-HK",
-	dir : "ltr",
-	common: {
-		"ok": "保存",
-		"cancel": "取消",
-		"key_backspace": "backspace", 
-		"key_del": "delete", 
-		"key_down": "down", 
-		"key_up": "up", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "点击更改填充颜色，按住Shift键单击更改颜色中风",
-		"zoom_level": "更改缩放级别",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "更改填充颜色",
-		"stroke_color": "中风的颜色变化",
-		"stroke_style": "更改行程冲刺风格",
-		"stroke_width": "笔划宽度的变化",
-		"pos_x": "Change X coordinate",
-		"pos_y": "Change Y coordinate",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "旋转角度的变化",
-		"blur": "Change gaussian blur value",
-		"opacity": "更改所选项目不透明",
-		"circle_cx": "改变循环的CX坐标",
-		"circle_cy": "改变循环的赛扬坐标",
-		"circle_r": "改变圆的半径",
-		"ellipse_cx": "改变椭圆的CX坐标",
-		"ellipse_cy": "改变椭圆的赛扬坐标",
-		"ellipse_rx": "改变椭圆的x半径",
-		"ellipse_ry": "改变椭圆的y半径",
-		"line_x1": "更改行的起点的x坐标",
-		"line_x2": "更改行的结束x坐标",
-		"line_y1": "更改行的起点的y坐标",
-		"line_y2": "更改行的结束y坐标",
-		"rect_height": "更改矩形的高度",
-		"rect_width": "更改矩形的宽度",
-		"corner_radius": "角半径：",
-		"image_width": "更改图像的宽度",
-		"image_height": "更改图像高度",
-		"image_url": "更改网址",
-		"node_x": "Change node's x coordinate",
-		"node_y": "Change node's y coordinate",
-		"seg_type": "Change Segment type",
-		"straight_segments": "Straight",
-		"curve_segments": "Curve",
-		"text_contents": "更改文字内容",
-		"font_family": "更改字体家族",
-		"font_size": "更改字体大小",
-		"bold": "粗体",
-		"italic": "斜体文本"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "更改背景颜色/不透明",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "适合内容",
-		"fit_to_all": "适合于所有的内容",
-		"fit_to_canvas": "适合画布",
-		"fit_to_layer_content": "适合层内容",
-		"fit_to_sel": "适合选择",
-		"align_relative_to": "相对对齐 ...",
-		"relativeTo": "相对于:",
-		"page": "网页",
-		"largest_object": "最大对象",
-		"selected_objects": "选对象",
-		"smallest_object": "最小的对象",
-		"new_doc": "新形象",
-		"open_doc": "打开图像",
-		"export_img": "Export",
-		"save_doc": "保存图像",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "底部对齐",
-		"align_center": "居中对齐",
-		"align_left": "左对齐",
-		"align_middle": "中间对齐",
-		"align_right": "右对齐",
-		"align_top": "顶端对齐",
-		"mode_select": "选择工具",
-		"mode_fhpath": "铅笔工具",
-		"mode_line": "线工具",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "免费手矩形",
-		"mode_ellipse": "椭圆",
-		"mode_circle": "圈",
-		"mode_fhellipse": "免费手椭圆",
-		"mode_path": "Path Tool",
-		"mode_shapelib": "Shape library",
-		"mode_text": "文字工具",
-		"mode_image": "图像工具",
-		"mode_zoom": "缩放工具",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "撤消",
-		"redo": "重做",
-		"tool_source": "编辑源",
-		"wireframe_mode": "Wireframe Mode",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "族元素",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "Convert to Path",
-		"reorient_path": "Reorient path",
-		"ungroup": "Ungroup Elements",
-		"docprops": "文档属性",
-		"imagelib": "Image Library",
-		"move_bottom": "移至底部",
-		"move_top": "移动到顶部",
-		"node_clone": "Clone Node",
-		"node_delete": "Delete Node",
-		"node_link": "Link Control Points",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "保存",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"Layer",
-		"layers": "Layers",
-		"del": "删除层",
-		"move_down": "层向下移动",
-		"new": "新层",
-		"rename": "重命名层",
-		"move_up": "移动层最多",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "Move elements to:",
-		"move_selected": "Move selected elements to a different layer"
-	},
-	config: {
-		"image_props": "Image Properties",
-		"doc_title": "Title",
-		"doc_dims": "Canvas Dimensions",
-		"included_images": "Included Images",
-		"image_opt_embed": "Embed data (local files)",
-		"image_opt_ref": "Use file reference",
-		"editor_prefs": "Editor Preferences",
-		"icon_size": "Icon size",
-		"language": "Language",
-		"background": "Editor Background",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "Note: Background will not be saved with image.",
-		"icon_large": "Large",
-		"icon_medium": "Medium",
-		"icon_small": "Small",
-		"icon_xlarge": "Extra Large",
-		"select_predefined": "选择预定义:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"Invalid value given",
-		"noContentToFitTo":"No content to fit to",
-		"dupeLayerName":"There is already a layer named that!",
-		"enterUniqueLayerName":"Please enter a unique layer name",
-		"enterNewLayerName":"Please enter the new layer name",
-		"layerHasThatName":"Layer already has that name",
-		"QmoveElemsToLayer":"Move selected elements to layer '%s'?",
-		"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-		"QignoreSourceChanges":"Ignore changes made to SVG source?",
-		"featNotSupported":"Feature not supported",
-		"enterNewImgURL":"Enter the new image URL",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'zh-HK',
+  dir: 'ltr',
+  common: {
+    ok: '确定',
+    cancel: '取消',
+    key_backspace: 'backspace',
+    key_del: 'delete',
+    key_down: 'down',
+    key_up: 'up',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: '点击更改填充颜色，按住Shift键单击更改颜色中风',
+    zoom_level: '更改缩放级别',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: '更改填充颜色',
+    stroke_color: '中风的颜色变化',
+    stroke_style: '更改行程冲刺风格',
+    stroke_width: '笔划宽度的变化',
+    pos_x: 'Change X coordinate',
+    pos_y: 'Change Y coordinate',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: '旋转角度的变化',
+    blur: 'Change gaussian blur value',
+    opacity: '更改所选项目不透明',
+    circle_cx: '改变循环的CX坐标',
+    circle_cy: '改变循环的赛扬坐标',
+    circle_r: '改变圆的半径',
+    ellipse_cx: '改变椭圆的CX坐标',
+    ellipse_cy: '改变椭圆的赛扬坐标',
+    ellipse_rx: '改变椭圆的x半径',
+    ellipse_ry: '改变椭圆的y半径',
+    line_x1: '更改行的起点的x坐标',
+    line_x2: '更改行的结束x坐标',
+    line_y1: '更改行的起点的y坐标',
+    line_y2: '更改行的结束y坐标',
+    rect_height: '更改矩形的高度',
+    rect_width: '更改矩形的宽度',
+    corner_radius: '角半径：',
+    image_width: '更改图像的宽度',
+    image_height: '更改图像高度',
+    image_url: '更改网址',
+    node_x: "Change node's x coordinate",
+    node_y: "Change node's y coordinate",
+    seg_type: 'Change Segment type',
+    straight_segments: 'Straight',
+    curve_segments: 'Curve',
+    text_contents: '更改文字内容',
+    font_family: '更改字体家族',
+    font_size: '更改字体大小',
+    bold: '粗体',
+    italic: '斜体文本'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: '更改背景颜色/不透明',
+    connector_no_arrow: 'No arrow',
+    fitToContent: '适合内容',
+    fit_to_all: '适合于所有的内容',
+    fit_to_canvas: '适合画布',
+    fit_to_layer_content: '适合层内容',
+    fit_to_sel: '适合选择',
+    align_relative_to: '相对对齐 ...',
+    relativeTo: '相对于:',
+    page: '网页',
+    largest_object: '最大对象',
+    selected_objects: '选对象',
+    smallest_object: '最小的对象',
+    new_doc: '新形象',
+    open_doc: '打开图像',
+    export_img: 'Export',
+    save_doc: '保存图像',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: '底部对齐',
+    align_center: '居中对齐',
+    align_left: '左对齐',
+    align_middle: '中间对齐',
+    align_right: '右对齐',
+    align_top: '顶端对齐',
+    mode_select: '选择工具',
+    mode_fhpath: '铅笔工具',
+    mode_line: '线工具',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: '免费手矩形',
+    mode_ellipse: '椭圆',
+    mode_circle: '圈',
+    mode_fhellipse: '免费手椭圆',
+    mode_path: 'Path Tool',
+    mode_text: '文字工具',
+    mode_image: '图像工具',
+    mode_zoom: '缩放工具',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: '撤消',
+    redo: '重做',
+    tool_source: '编辑源',
+    wireframe_mode: 'Wireframe Mode',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: '族元素',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: 'Convert to Path',
+    reorient_path: 'Reorient path',
+    ungroup: 'Ungroup Elements',
+    docprops: '文档属性',
+    move_bottom: '移至底部',
+    move_top: '移动到顶部',
+    node_clone: 'Clone Node',
+    node_delete: 'Delete Node',
+    node_link: 'Link Control Points',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: '保存',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: 'Layer',
+    layers: 'Layers',
+    del: '删除层',
+    move_down: '层向下移动',
+    new: '新层',
+    rename: '重命名层',
+    move_up: '移动层最多',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: 'Move elements to:',
+    move_selected: 'Move selected elements to a different layer'
+  },
+  config: {
+    image_props: 'Image Properties',
+    doc_title: 'Title',
+    doc_dims: 'Canvas Dimensions',
+    included_images: 'Included Images',
+    image_opt_embed: 'Embed data (local files)',
+    image_opt_ref: 'Use file reference',
+    editor_prefs: 'Editor Preferences',
+    icon_size: 'Icon size',
+    language: 'Language',
+    background: 'Editor Background',
+    editor_img_url: 'Image URL',
+    editor_bg_note: 'Note: Background will not be saved with image.',
+    icon_large: 'Large',
+    icon_medium: 'Medium',
+    icon_small: 'Small',
+    icon_xlarge: 'Extra Large',
+    select_predefined: '选择预定义:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: 'Invalid value given',
+    noContentToFitTo: 'No content to fit to',
+    dupeLayerName: 'There is already a layer named that!',
+    enterUniqueLayerName: 'Please enter a unique layer name',
+    enterNewLayerName: 'Please enter the new layer name',
+    layerHasThatName: 'Layer already has that name',
+    QmoveElemsToLayer: "Move selected elements to layer '%s'?",
+    QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+    QignoreSourceChanges: 'Ignore changes made to SVG source?',
+    featNotSupported: 'Feature not supported',
+    enterNewImgURL: 'Enter the new image URL',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/lang.zh-TW.js b/editor/locale/lang.zh-TW.js
index c67de9f6..1e544bfa 100644
--- a/editor/locale/lang.zh-TW.js
+++ b/editor/locale/lang.zh-TW.js
@@ -1,250 +1,217 @@
-/*globals svgEditor */
-svgEditor.readLang({
-	lang: "zh-TW",
-	dir : "ltr",
-	common: {
-		"ok": "保存",
-		"cancel": "取消",
-		"key_backspace": "空白", 
-		"key_del": "刪除", 
-		"key_down": "下", 
-		"key_up": "上", 
-		"more_opts": "More Options",
-		"url": "URL",
-		"width": "Width",
-		"height": "Height"
-	},
-	misc: {
-		"powered_by": "Powered by"
-	}, 
-	ui: {
-		"toggle_stroke_tools": "Show/hide more stroke tools",
-		"palette_info": "點擊更改填充顏色，按住Shift鍵單擊更改線條顏色",
-		"zoom_level": "更改縮放級別",
-		"panel_drag": "Drag left/right to resize side panel"
-	},
-	properties: {
-		"id": "Identify the element",
-		"fill_color": "更改填充顏色",
-		"stroke_color": "線條顏色",
-		"stroke_style": "更改線條（虛線）風格",
-		"stroke_width": "線條寬度",
-		"pos_x": "調整 X 軸",
-		"pos_y": "調整 Y 軸",
-		"linecap_butt": "Linecap: Butt",
-		"linecap_round": "Linecap: Round",
-		"linecap_square": "Linecap: Square",
-		"linejoin_bevel": "Linejoin: Bevel",
-		"linejoin_miter": "Linejoin: Miter",
-		"linejoin_round": "Linejoin: Round",
-		"angle": "旋轉角度",
-		"blur": "Change gaussian blur value",
-		"opacity": "更改所選項目不透明度",
-		"circle_cx": "改變圓的CX坐標",
-		"circle_cy": "改變圓的CY坐標",
-		"circle_r": "改變圓的半徑",
-		"ellipse_cx": "改變橢圓的圓心x軸座標",
-		"ellipse_cy": "改變橢圓的圓心y軸座標",
-		"ellipse_rx": "改變橢圓的x軸長",
-		"ellipse_ry": "改變橢圓的y軸長",
-		"line_x1": "更改行的起點的x坐標",
-		"line_x2": "更改行的終點x坐標",
-		"line_y1": "更改行的起點的y坐標",
-		"line_y2": "更改行的終點y坐標",
-		"rect_height": "更改矩形的高度",
-		"rect_width": "更改矩形的寬度",
-		"corner_radius": "角半徑：",
-		"image_width": "更改圖像的寬度",
-		"image_height": "更改圖像高度",
-		"image_url": "更改網址",
-		"node_x": "改變節點的x軸座標",
-		"node_y": "改變節點的y軸座標",
-		"seg_type": "Change Segment type",
-		"straight_segments": "直線",
-		"curve_segments": "曲線",
-		"text_contents": "更改文字內容",
-		"font_family": "更改字體",
-		"font_size": "更改字體大小",
-		"bold": "粗體",
-		"italic": "斜體"
-	},
-	tools: { 
-		"main_menu": "Main Menu",
-		"bkgnd_color_opac": "更改背景顏色/不透明",
-		"connector_no_arrow": "No arrow",
-		"fitToContent": "適合內容",
-		"fit_to_all": "適合所有的內容",
-		"fit_to_canvas": "適合畫布",
-		"fit_to_layer_content": "適合圖層內容",
-		"fit_to_sel": "適合選取的物件",
-		"align_relative_to": "相對對齊 ...",
-		"relativeTo": "相對於:",
-		"page": "網頁",
-		"largest_object": "最大的物件",
-		"selected_objects": "選取物件",
-		"smallest_object": "最小的物件",
-		"new_doc": "清空圖像",
-		"open_doc": "打開圖像",
-		"export_img": "Export",
-		"save_doc": "保存圖像",
-		"import_doc": "Import Image",
-		"align_to_page": "Align Element to Page",
-		"align_bottom": "底部對齊",
-		"align_center": "居中對齊",
-		"align_left": "向左對齊",
-		"align_middle": "中間對齊",
-		"align_right": "向右對齊",
-		"align_top": "頂端對齊",
-		"mode_select": "選擇工具",
-		"mode_fhpath": "鉛筆工具",
-		"mode_line": "線工具",
-		"mode_connect": "Connect two objects",
-		"mode_rect": "Rectangle Tool",
-		"mode_square": "Square Tool",
-		"mode_fhrect": "徒手畫矩形",
-		"mode_ellipse": "橢圓",
-		"mode_circle": "圓",
-		"mode_fhellipse": "徒手畫橢圓",
-		"mode_path": "路徑工具",
-		"mode_shapelib": "Shape library",
-		"mode_text": "文字工具",
-		"mode_image": "圖像工具",
-		"mode_zoom": "縮放工具",
-		"mode_eyedropper": "Eye Dropper Tool",
-		"no_embed": "NOTE: This image cannot be embedded. It will depend on this path to be displayed",
-		"undo": "取消復原",
-		"redo": "復原",
-		"tool_source": "編輯SVG原始碼",
-		"wireframe_mode": "框線模式（只瀏覽線條）",
-		"toggle_grid": "Show/Hide Grid",
-		"clone": "Clone Element(s)",
-		"del": "Delete Element(s)",
-		"group_elements": "群組",
-		"make_link": "Make (hyper)link",
-		"set_link_url": "Set link URL (leave empty to remove)",
-		"to_path": "轉換成路徑",
-		"reorient_path": "調整路徑",
-		"ungroup": "取消群組",
-		"docprops": "文件屬性",
-		"imagelib": "Image Library",
-		"move_bottom": "移至底部",
-		"move_top": "移動到頂部",
-		"node_clone": "增加節點",
-		"node_delete": "刪除節點",
-		"node_link": "將控制點連起來",
-		"add_subpath": "Add sub-path",
-		"openclose_path": "Open/close sub-path",
-		"source_save": "保存",
-		"cut": "Cut",
-		"copy": "Copy",
-		"paste": "Paste",
-		"paste_in_place": "Paste in Place",
-		"delete": "Delete",
-		"group": "Group",
-		"move_front": "Bring to Front",
-		"move_up": "Bring Forward",
-		"move_down": "Send Backward",
-		"move_back": "Send to Back"
-	},
-	layers: {
-		"layer":"圖層",
-		"layers": "Layers",
-		"del": "刪除圖層",
-		"move_down": "向下移動圖層",
-		"new": "新增圖層",
-		"rename": "重新命名圖層",
-		"move_up": "向上移動圖層",
-		"dupe": "Duplicate Layer",
-		"merge_down": "Merge Down",
-		"merge_all": "Merge All",
-		"move_elems_to": "移動物件到:",
-		"move_selected": "移動被點選的物件其他圖層"
-	},
-	config: {
-		"image_props": "圖片屬性",
-		"doc_title": "標題",
-		"doc_dims": "畫布大小",
-		"included_images": "包含圖像",
-		"image_opt_embed": "內嵌資料 (本地端檔案)",
-		"image_opt_ref": "使用檔案參照",
-		"editor_prefs": "編輯器屬性",
-		"icon_size": "圖示大小",
-		"language": "語言",
-		"background": "編輯器背景",
-		"editor_img_url": "Image URL",
-		"editor_bg_note": "注意: 編輯器背景不會和圖像一起儲存",
-		"icon_large": "大",
-		"icon_medium": "中",
-		"icon_small": "小",
-		"icon_xlarge": "特大",
-		"select_predefined": "使用預設值:",
-		"units_and_rulers": "Units & Rulers",
-		"show_rulers": "Show rulers",
-		"base_unit": "Base Unit:",
-		"grid": "Grid",
-		"snapping_onoff": "Snapping on/off",
-		"snapping_stepsize": "Snapping Step-Size:",
-		"grid_color": "Grid color"
-	},
-	shape_cats: {
-		"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"
-	},
-	imagelib: {
-		"select_lib": "Select an image library",
-		"show_list": "Show library list",
-		"import_single": "Import single",
-		"import_multi": "Import multiple",
-		"open": "Open as new document"
-	},
-	notification: {
-		"invalidAttrValGiven":"數值給定錯誤",
-		"noContentToFitTo":"找不到符合的內容",
-		"dupeLayerName":"喔不！已經有另一個同樣名稱的圖層了！",
-		"enterUniqueLayerName":"請輸入一個名稱不重複的",
-		"enterNewLayerName":"請輸入新圖層的名稱",
-		"layerHasThatName":"圖層本來就是這個名稱（抱怨）",
-		"QmoveElemsToLayer":"要搬移所選取的物件到'%s'層嗎?",
-		"QwantToClear":"要清空圖像嗎？\n這會順便清空你的回復紀錄！",
-		"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-		"QerrorsRevertToSource":"SVG原始碼解析錯誤\n要回復到原本的SVG原始碼嗎？",
-		"QignoreSourceChanges":"要忽略對SVG原始碼的更動嗎？",
-		"featNotSupported":"未提供此功能",
-		"enterNewImgURL":"輸入新的圖片網址",
-		"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-		"loadingImage":"Loading image, please wait...",
-		"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-		"noteTheseIssues": "Also note the following issues: ",
-		"unsavedChanges": "There are unsaved changes.",
-		"enterNewLinkURL": "Enter the new hyperlink URL",
-		"errorLoadingSVG": "Error: Unable to load SVG data",
-		"URLloadFail": "Unable to load from URL",
-		"retrieving": "Retrieving \"%s\"..."
-	},
-	confirmSetStorage: {
-		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."
-	}
-});
+export default {
+  lang: 'zh-TW',
+  dir: 'ltr',
+  common: {
+    ok: '确定',
+    cancel: '取消',
+    key_backspace: '空白',
+    key_del: '刪除',
+    key_down: '下',
+    key_up: '上',
+    more_opts: 'More Options',
+    url: 'URL',
+    width: 'Width',
+    height: 'Height'
+  },
+  misc: {
+    powered_by: 'Powered by'
+  },
+  ui: {
+    toggle_stroke_tools: 'Show/hide more stroke tools',
+    palette_info: '點擊更改填充顏色，按住Shift鍵單擊更改線條顏色',
+    zoom_level: '更改縮放級別',
+    panel_drag: 'Drag left/right to resize side panel',
+    quality: 'Quality:',
+    pathNodeTooltip: 'Drag node to move it. Double-click node to change segment type',
+    pathCtrlPtTooltip: 'Drag control point to adjust curve properties',
+    pick_stroke_paint_opacity: 'Pick a Stroke Paint and Opacity',
+    pick_fill_paint_opacity: 'Pick a Fill Paint and Opacity'
+  },
+  properties: {
+    id: 'Identify the element',
+    fill_color: '更改填充顏色',
+    stroke_color: '線條顏色',
+    stroke_style: '更改線條（虛線）風格',
+    stroke_width: '線條寬度',
+    pos_x: '調整 X 軸',
+    pos_y: '調整 Y 軸',
+    linecap_butt: 'Linecap: Butt',
+    linecap_round: 'Linecap: Round',
+    linecap_square: 'Linecap: Square',
+    linejoin_bevel: 'Linejoin: Bevel',
+    linejoin_miter: 'Linejoin: Miter',
+    linejoin_round: 'Linejoin: Round',
+    angle: '旋轉角度',
+    blur: 'Change gaussian blur value',
+    opacity: '更改所選項目不透明度',
+    circle_cx: '改變圓的CX坐標',
+    circle_cy: '改變圓的CY坐標',
+    circle_r: '改變圓的半徑',
+    ellipse_cx: '改變橢圓的圓心x軸座標',
+    ellipse_cy: '改變橢圓的圓心y軸座標',
+    ellipse_rx: '改變橢圓的x軸長',
+    ellipse_ry: '改變橢圓的y軸長',
+    line_x1: '更改行的起點的x坐標',
+    line_x2: '更改行的終點x坐標',
+    line_y1: '更改行的起點的y坐標',
+    line_y2: '更改行的終點y坐標',
+    rect_height: '更改矩形的高度',
+    rect_width: '更改矩形的寬度',
+    corner_radius: '角半徑：',
+    image_width: '更改圖像的寬度',
+    image_height: '更改圖像高度',
+    image_url: '更改網址',
+    node_x: '改變節點的x軸座標',
+    node_y: '改變節點的y軸座標',
+    seg_type: 'Change Segment type',
+    straight_segments: '直線',
+    curve_segments: '曲線',
+    text_contents: '更改文字內容',
+    font_family: '更改字體',
+    font_size: '更改字體大小',
+    bold: '粗體',
+    italic: '斜體'
+  },
+  tools: {
+    main_menu: 'Main Menu',
+    bkgnd_color_opac: '更改背景顏色/不透明',
+    connector_no_arrow: 'No arrow',
+    fitToContent: '適合內容',
+    fit_to_all: '適合所有的內容',
+    fit_to_canvas: '適合畫布',
+    fit_to_layer_content: '適合圖層內容',
+    fit_to_sel: '適合選取的物件',
+    align_relative_to: '相對對齊 ...',
+    relativeTo: '相對於:',
+    page: '網頁',
+    largest_object: '最大的物件',
+    selected_objects: '選取物件',
+    smallest_object: '最小的物件',
+    new_doc: '清空圖像',
+    open_doc: '打開圖像',
+    export_img: 'Export',
+    save_doc: '保存圖像',
+    import_doc: 'Import Image',
+    align_to_page: 'Align Element to Page',
+    align_bottom: '底部對齊',
+    align_center: '居中對齊',
+    align_left: '向左對齊',
+    align_middle: '中間對齊',
+    align_right: '向右對齊',
+    align_top: '頂端對齊',
+    mode_select: '選擇工具',
+    mode_fhpath: '鉛筆工具',
+    mode_line: '線工具',
+    mode_rect: 'Rectangle Tool',
+    mode_square: 'Square Tool',
+    mode_fhrect: '徒手畫矩形',
+    mode_ellipse: '橢圓',
+    mode_circle: '圓',
+    mode_fhellipse: '徒手畫橢圓',
+    mode_path: '路徑工具',
+    mode_text: '文字工具',
+    mode_image: '圖像工具',
+    mode_zoom: '縮放工具',
+    no_embed: 'NOTE: This image cannot be embedded. It will depend on this path to be displayed',
+    undo: '取消復原',
+    redo: '復原',
+    tool_source: '編輯SVG原始碼',
+    wireframe_mode: '框線模式（只瀏覽線條）',
+    clone: 'Clone Element(s)',
+    del: 'Delete Element(s)',
+    group_elements: '群組',
+    make_link: 'Make (hyper)link',
+    set_link_url: 'Set link URL (leave empty to remove)',
+    to_path: '轉換成路徑',
+    reorient_path: '調整路徑',
+    ungroup: '取消群組',
+    docprops: '文件屬性',
+    move_bottom: '移至底部',
+    move_top: '移動到頂部',
+    node_clone: '增加節點',
+    node_delete: '刪除節點',
+    node_link: '將控制點連起來',
+    add_subpath: 'Add sub-path',
+    openclose_path: 'Open/close sub-path',
+    source_save: '保存',
+    cut: 'Cut',
+    copy: 'Copy',
+    paste: 'Paste',
+    paste_in_place: 'Paste in Place',
+    delete: 'Delete',
+    group: 'Group',
+    move_front: 'Bring to Front',
+    move_up: 'Bring Forward',
+    move_down: 'Send Backward',
+    move_back: 'Send to Back'
+  },
+  layers: {
+    layer: '圖層',
+    layers: 'Layers',
+    del: '刪除圖層',
+    move_down: '向下移動圖層',
+    new: '新增圖層',
+    rename: '重新命名圖層',
+    move_up: '向上移動圖層',
+    dupe: 'Duplicate Layer',
+    merge_down: 'Merge Down',
+    merge_all: 'Merge All',
+    move_elems_to: '移動物件到:',
+    move_selected: '移動被點選的物件其他圖層'
+  },
+  config: {
+    image_props: '圖片屬性',
+    doc_title: '標題',
+    doc_dims: '畫布大小',
+    included_images: '包含圖像',
+    image_opt_embed: '內嵌資料 (本地端檔案)',
+    image_opt_ref: '使用檔案參照',
+    editor_prefs: '編輯器屬性',
+    icon_size: '圖示大小',
+    language: '語言',
+    background: '編輯器背景',
+    editor_img_url: 'Image URL',
+    editor_bg_note: '注意: 編輯器背景不會和圖像一起儲存',
+    icon_large: '大',
+    icon_medium: '中',
+    icon_small: '小',
+    icon_xlarge: '特大',
+    select_predefined: '使用預設值:',
+    units_and_rulers: 'Units & Rulers',
+    show_rulers: 'Show rulers',
+    base_unit: 'Base Unit:',
+    grid: 'Grid',
+    snapping_onoff: 'Snapping on/off',
+    snapping_stepsize: 'Snapping Step-Size:',
+    grid_color: 'Grid color'
+  },
+  notification: {
+    invalidAttrValGiven: '數值給定錯誤',
+    noContentToFitTo: '找不到符合的內容',
+    dupeLayerName: '喔不！已經有另一個同樣名稱的圖層了！',
+    enterUniqueLayerName: '請輸入一個名稱不重複的',
+    enterNewLayerName: '請輸入新圖層的名稱',
+    layerHasThatName: '圖層本來就是這個名稱（抱怨）',
+    QmoveElemsToLayer: "要搬移所選取的物件到'%s'層嗎?",
+    QwantToClear: '要清空圖像嗎？\n這會順便清空你的回復紀錄！',
+    QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
+    QerrorsRevertToSource: 'SVG原始碼解析錯誤\n要回復到原本的SVG原始碼嗎？',
+    QignoreSourceChanges: '要忽略對SVG原始碼的更動嗎？',
+    featNotSupported: '未提供此功能',
+    enterNewImgURL: '輸入新的圖片網址',
+    defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
+    loadingImage: 'Loading image, please wait...',
+    saveFromBrowser: "Select 'Save As...' in your browser (possibly via file menu or right-click context-menu) to save this image as a %s file.",
+    noteTheseIssues: 'Also note the following issues: ',
+    unsavedChanges: 'There are unsaved changes.',
+    enterNewLinkURL: 'Enter the new hyperlink URL',
+    errorLoadingSVG: 'Error: Unable to load SVG data',
+    URLloadFail: 'Unable to load from URL',
+    retrieving: 'Retrieving \'%s\' ...',
+    popupWindowBlocked: 'Popup window may be blocked by browser',
+    exportNoBlur: 'Blurred elements will appear as un-blurred',
+    exportNoforeignObject: 'foreignObject elements will not appear',
+    exportNoDashArray: 'Strokes will appear filled',
+    exportNoText: 'Text may not appear as expected'
+  }
+};
diff --git a/editor/locale/locale.js b/editor/locale/locale.js
index f278a6bd..0f0f0630 100644
--- a/editor/locale/locale.js
+++ b/editor/locale/locale.js
@@ -1,328 +1,356 @@
-/*globals jQuery*/
-/*jslint vars: true, eqeq: true, forin: true*/
-/*
+/* globals jQuery */
+/**
  * Localizing script for SVG-edit UI
+ * @module locale
+ * @license MIT
  *
- * Licensed under the MIT License
- *
- * Copyright(c) 2010 Narendra Sisodya
- * Copyright(c) 2010 Alexis Deveria
+ * @copyright 2010 Narendra Sisodya
+ * @copyright 2010 Alexis Deveria
  *
  */
 
-// Dependencies
-// 1) jQuery
-// 2) svgcanvas.js
-// 3) svg-editor.js
+/**
+ * Used, for example, in the ImageLibs extension, to present libraries (with name/URL/description) in order
+ * @typedef {GenericArray.<module:locale.LocaleStrings>} module:locale.LocaleArray
+*/
+/**
+ * The string keys of the object are two-letter language codes
+ * @tutorial LocaleDocs
+ * @typedef {PlainObject.<string, string|module:locale.LocaleStrings|module:locale.LocaleArray>} module:locale.LocaleStrings
+ */
+// keyed to an array of objects with "id" and "title" or "textContent" properties
+/**
+ * @typedef {PlainObject.<string, string>} module:locale.LocaleSelectorValue
+ */
 
-var svgEditor = (function($, editor) {'use strict';
+import {importSetGlobalDefault} from '../external/dynamic-import-polyfill/importModule.js';
 
-	var lang_param;
-	
-	function setStrings(type, obj, ids) {
-		// Root element to look for element from
-		var i, sel, val, $elem, elem, node, parent = $('#svg_editor').parent();
-		for (sel in obj) {
-			val = obj[sel];
-			if (!val) {console.log(sel);}
-			
-			if (ids) {sel = '#' + sel;}
-			$elem = parent.find(sel);
-			if ($elem.length) {
-				elem = parent.find(sel)[0];
-				
-				switch ( type ) {
-					case 'content':
-						for (i = 0; i < elem.childNodes.length; i++) {
-							node = elem.childNodes[i];
-							if (node.nodeType === 3 && node.textContent.replace(/\s/g,'')) {
-								node.textContent = val;
-								break;
-							}
-						}
-						break;
-					
-					case 'title':
-						elem.title = val;
-						break;
-				}
-				
-				
-			} else {
-				console.log('Missing: ' + sel);
-			}
-		}
-	}
+const $ = jQuery;
 
-	editor.readLang = function(langData) {
-		var more = editor.canvas.runExtensions('addlangData', lang_param, true);
-		$.each(more, function(i, m) {
-			if (m.data) {
-				langData = $.merge(langData, m.data);
-			}
-		});
-		
-		// Old locale file, do nothing for now.
-		if (!langData.tools) {return;}
+let langParam;
 
-		var tools = langData.tools,
-			misc = langData.misc,
-			properties = langData.properties,
-			config = langData.config,
-			layers = langData.layers,
-			common = langData.common,
-			ui = langData.ui;
-		
-		setStrings('content', {
-			// copyrightLabel: misc.powered_by, // Currently commented out in svg-editor.html
-			curve_segments: properties.curve_segments,
-			fitToContent: tools.fitToContent,
-			fit_to_all: tools.fit_to_all,
-			fit_to_canvas: tools.fit_to_canvas,
-			fit_to_layer_content: tools.fit_to_layer_content,
-			fit_to_sel: tools.fit_to_sel,
-			
-			icon_large: config.icon_large,
-			icon_medium: config.icon_medium,
-			icon_small: config.icon_small,
-			icon_xlarge: config.icon_xlarge,
-			image_opt_embed: config.image_opt_embed,
-			image_opt_ref: config.image_opt_ref,
-			includedImages: config.included_images,
-			
-			largest_object: tools.largest_object,
-			
-			layersLabel: layers.layers,
-			page: tools.page,
-			relativeToLabel: tools.relativeTo,
-			selLayerLabel: layers.move_elems_to,
-			selectedPredefined: config.select_predefined,
-			
-			selected_objects: tools.selected_objects,
-			smallest_object: tools.smallest_object,
-			straight_segments: properties.straight_segments,
-			
-			svginfo_bg_url: config.editor_img_url + ":",
-			svginfo_bg_note: config.editor_bg_note,
-			svginfo_change_background: config.background,
-			svginfo_dim: config.doc_dims,
-			svginfo_editor_prefs: config.editor_prefs,
-			svginfo_height: common.height,
-			svginfo_icons: config.icon_size,
-			svginfo_image_props: config.image_props,
-			svginfo_lang: config.language,
-			svginfo_title: config.doc_title,
-			svginfo_width: common.width,
-			
-			tool_docprops_cancel: common.cancel,
-			tool_docprops_save: common.ok,
+/**
+* @param {"content"|"title"} type
+* @param {module:locale.LocaleSelectorValue} obj
+* @param {boolean} ids
+* @returns {undefined}
+*/
+export const setStrings = function (type, obj, ids) {
+  // Root element to look for element from
+  const parent = $('#svg_editor').parent();
+  Object.entries(obj).forEach(([sel, val]) => {
+    if (!val) { console.log(sel); }
 
-			tool_source_cancel: common.cancel,
-			tool_source_save: common.ok,
-			
-			tool_prefs_cancel: common.cancel,
-			tool_prefs_save: common.ok,
+    if (ids) { sel = '#' + sel; }
+    const $elem = parent.find(sel);
+    if ($elem.length) {
+      const elem = parent.find(sel)[0];
 
-			sidepanel_handle: layers.layers.split('').join(' '),
+      switch (type) {
+      case 'content':
+        for (let i = 0, node; (node = elem.childNodes[i]); i++) {
+          if (node.nodeType === 3 && node.textContent.trim()) {
+            node.textContent = val;
+            break;
+          }
+        }
+        break;
 
-			tool_clear: tools.new_doc,
-			tool_docprops: tools.docprops,
-			tool_export: tools.export_img,
-			tool_import: tools.import_doc,
-			tool_imagelib: tools.imagelib,
-			tool_open: tools.open_doc,
-			tool_save: tools.save_doc,
-			
-			svginfo_units_rulers: config.units_and_rulers,
-			svginfo_rulers_onoff: config.show_rulers,
-			svginfo_unit: config.base_unit,
-			
-			svginfo_grid_settings: config.grid,
-			svginfo_snap_onoff: config.snapping_onoff,
-			svginfo_snap_step: config.snapping_stepsize,
-			svginfo_grid_color: config.grid_color
-		}, true);
-		
-		// Shape categories
-		var o, cats = {};
-		for (o in langData.shape_cats) {
-			cats['#shape_cats [data-cat="' + o + '"]'] = langData.shape_cats[o];
-		}
-		
-		// TODO: Find way to make this run after shapelib ext has loaded
-		setTimeout(function() {
-			setStrings('content', cats);
-		}, 2000);
-		
-		// Context menus
-		var opts = {};
-		$.each(['cut','copy','paste', 'paste_in_place', 'delete', 'group', 'ungroup', 'move_front', 'move_up', 'move_down', 'move_back'], function() {
-			opts['#cmenu_canvas a[href="#' + this + '"]'] = tools[this];
-		});
+      case 'title':
+        elem.title = val;
+        break;
+      }
+    } else {
+      console.log('Missing: ' + sel);
+    }
+  });
+};
 
-		$.each(['dupe','merge_down', 'merge_all'], function() {
-			opts['#cmenu_layers a[href="#' + this + '"]'] = layers[this];
-		});
+/**
+* The "data" property is generally set to an an array of objects with
+* "id" and "title" or "textContent" properties
+* @typedef {PlainObject} module:locale.AddLangExtensionLocaleData
+* @property {module:locale.LocaleStrings[]} data See {@tutorial LocaleDocs}
+*/
 
-		opts['#cmenu_layers a[href="#delete"]'] = layers.del;
-		
-		setStrings('content', opts);
-		
-		setStrings('title', {
-			align_relative_to: tools.align_relative_to,
-			circle_cx: properties.circle_cx,
-			circle_cy: properties.circle_cy,
-			circle_r: properties.circle_r,
-			cornerRadiusLabel: properties.corner_radius,
-			ellipse_cx: properties.ellipse_cx,
-			ellipse_cy: properties.ellipse_cy,
-			ellipse_rx: properties.ellipse_rx,
-			ellipse_ry: properties.ellipse_ry,
-			fill_color: properties.fill_color,
-			font_family: properties.font_family,
-			idLabel: properties.id,
-			image_height: properties.image_height,
-			image_url: properties.image_url,
-			image_width: properties.image_width,
-			layer_delete: layers.del,
-			layer_down: layers.move_down,
-			layer_new: layers['new'],
-			layer_rename: layers.rename,
-			layer_moreopts: common.more_opts,
-			layer_up: layers.move_up,
-			line_x1: properties.line_x1,
-			line_x2: properties.line_x2,
-			line_y1: properties.line_y1,
-			line_y2: properties.line_y2,
-			linecap_butt: properties.linecap_butt,
-			linecap_round: properties.linecap_round,
-			linecap_square: properties.linecap_square,
-			linejoin_bevel: properties.linejoin_bevel,
-			linejoin_miter: properties.linejoin_miter,
-			linejoin_round: properties.linejoin_round,
-			main_icon: tools.main_menu,
-			mode_connect: tools.mode_connect,
-			tools_shapelib_show: tools.mode_shapelib,
-			palette: ui.palette_info,
-			zoom_panel: ui.zoom_level,
-			path_node_x: properties.node_x,
-			path_node_y: properties.node_y,
-			rect_height_tool: properties.rect_height,
-			rect_width_tool: properties.rect_width,
-			seg_type: properties.seg_type,
-			selLayerNames: layers.move_selected,
-			selected_x: properties.pos_x,
-			selected_y: properties.pos_y,
-			stroke_color: properties.stroke_color,
-			stroke_style: properties.stroke_style,
-			stroke_width: properties.stroke_width,
-			svginfo_title: config.doc_title,
-			text: properties.text_contents,
-			toggle_stroke_tools: ui.toggle_stroke_tools,
-			tool_add_subpath: tools.add_subpath,
-			tool_alignbottom: tools.align_bottom,
-			tool_aligncenter: tools.align_center,
-			tool_alignleft: tools.align_left,
-			tool_alignmiddle: tools.align_middle,
-			tool_alignright: tools.align_right,
-			tool_aligntop: tools.align_top,
-			tool_angle: properties.angle,
-			tool_blur: properties.blur,
-			tool_bold: properties.bold,
-			tool_circle: tools.mode_circle,
-			tool_clone: tools.clone,
-			tool_clone_multi: tools.clone,
-			tool_delete: tools.del,
-			tool_delete_multi: tools.del,
-			tool_ellipse: tools.mode_ellipse,
-			tool_eyedropper: tools.mode_eyedropper,
-			tool_fhellipse: tools.mode_fhellipse,
-			tool_fhpath: tools.mode_fhpath,
-			tool_fhrect: tools.mode_fhrect,
-			tool_font_size: properties.font_size,
-			tool_group_elements: tools.group_elements,
-			tool_make_link: tools.make_link,
-			tool_link_url: tools.set_link_url,
-			tool_image: tools.mode_image,
-			tool_italic: properties.italic,
-			tool_line: tools.mode_line,
-			tool_move_bottom: tools.move_bottom,
-			tool_move_top: tools.move_top,
-			tool_node_clone: tools.node_clone,
-			tool_node_delete: tools.node_delete,
-			tool_node_link: tools.node_link,
-			tool_opacity: properties.opacity,
-			tool_openclose_path: tools.openclose_path,
-			tool_path: tools.mode_path,
-			tool_position: tools.align_to_page,
-			tool_rect: tools.mode_rect,
-			tool_redo: tools.redo,
-			tool_reorient: tools.reorient_path,
-			tool_select: tools.mode_select,
-			tool_source: tools.source_save,
-			tool_square: tools.mode_square,
-			tool_text: tools.mode_text,
-			tool_topath: tools.to_path,
-			tool_undo: tools.undo,
-			tool_ungroup: tools.ungroup,
-			tool_wireframe: tools.wireframe_mode,
-			view_grid: tools.toggle_grid,
-			tool_zoom: tools.mode_zoom,
-			url_notice: tools.no_embed
+/**
+* @interface module:locale.LocaleEditorInit
+*/
+/**
+ * @function module:locale.LocaleEditorInit#addLangData
+ * @param {string} langParam
+ * @returns {module:locale.AddLangExtensionLocaleData}
+*/
 
-		}, true);
-		
-		editor.setLang(lang_param, langData);
-	};
+let editor_;
+/**
+* @function init
+* @memberof module:locale
+* @param {module:locale.LocaleEditorInit} editor
+* @returns {undefined}
+*/
+export const init = (editor) => {
+  editor_ = editor;
+};
 
-	editor.putLocale = function (given_param, good_langs) {
-	
-		if (given_param) {
-			lang_param = given_param;
-		}
-		else {
-			lang_param = $.pref('lang');
-			if (!lang_param) {
-				if (navigator.userLanguage) { // Explorer
-					lang_param = navigator.userLanguage;
-				}
-				else if (navigator.language) { // FF, Opera, ...
-					lang_param = navigator.language;
-				}
-				if (lang_param == null) { // Todo: Would cause problems if uiStrings removed; remove this?
-					return;
-				}
-			}
-			
-			console.log('Lang: ' + lang_param);
-			
-			// Set to English if language is not in list of good langs
-			if ($.inArray(lang_param, good_langs) === -1 && lang_param !== 'test') {
-				lang_param = "en";
-			}
-	
-			// don't bother on first run if language is English		
-			// The following line prevents setLang from running
-			//    extensions which depend on updated uiStrings,
-			//    so commenting it out.
-			// if (lang_param.indexOf("en") === 0) {return;}
+/**
+* @typedef {PlainObject} module:locale.LangAndData
+* @property {string} langParam
+* @property {module:locale.LocaleStrings} langData
+*/
 
-		}
-		
-		var conf = editor.curConfig;
-		
-		var url = conf.langPath + "lang." + lang_param + ".js";
-		
-		$.getScript(url, function(d) {
-			// Fails locally in Chrome 5+
-			if (!d) {
-				var s = document.createElement('script');
-				s.src = url;
-				document.querySelector('head').appendChild(s);
-			}
-		});
-		
-	};
-	
-	return editor;
-}(jQuery, svgEditor));
+/**
+* @function module:locale.readLang
+* @param {module:locale.LocaleStrings} langData See {@tutorial LocaleDocs}
+* @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+* @returns {Promise} Resolves to [`LangAndData`]{@link module:locale.LangAndData}
+*/
+export const readLang = async function (langData) {
+  const more = await editor_.addLangData(langParam);
+  $.each(more, function (i, m) {
+    if (m.data) {
+      langData = $.merge(langData, m.data);
+    }
+  });
+
+  // Old locale file, do nothing for now.
+  if (!langData.tools) { return; }
+
+  const {
+    tools,
+    // misc,
+    properties, config, layers, common, ui
+  } = langData;
+
+  setStrings('content', {
+    // copyrightLabel: misc.powered_by, // Currently commented out in svg-editor.html
+    curve_segments: properties.curve_segments,
+    fitToContent: tools.fitToContent,
+    fit_to_all: tools.fit_to_all,
+    fit_to_canvas: tools.fit_to_canvas,
+    fit_to_layer_content: tools.fit_to_layer_content,
+    fit_to_sel: tools.fit_to_sel,
+
+    icon_large: config.icon_large,
+    icon_medium: config.icon_medium,
+    icon_small: config.icon_small,
+    icon_xlarge: config.icon_xlarge,
+    image_opt_embed: config.image_opt_embed,
+    image_opt_ref: config.image_opt_ref,
+    includedImages: config.included_images,
+
+    largest_object: tools.largest_object,
+
+    layersLabel: layers.layers,
+    page: tools.page,
+    relativeToLabel: tools.relativeTo,
+    selLayerLabel: layers.move_elems_to,
+    selectedPredefined: config.select_predefined,
+
+    selected_objects: tools.selected_objects,
+    smallest_object: tools.smallest_object,
+    straight_segments: properties.straight_segments,
+
+    svginfo_bg_url: config.editor_img_url + ':',
+    svginfo_bg_note: config.editor_bg_note,
+    svginfo_change_background: config.background,
+    svginfo_dim: config.doc_dims,
+    svginfo_editor_prefs: config.editor_prefs,
+    svginfo_height: common.height,
+    svginfo_icons: config.icon_size,
+    svginfo_image_props: config.image_props,
+    svginfo_lang: config.language,
+    svginfo_title: config.doc_title,
+    svginfo_width: common.width,
+
+    tool_docprops_cancel: common.cancel,
+    tool_docprops_save: common.ok,
+
+    tool_source_cancel: common.cancel,
+    tool_source_save: common.ok,
+
+    tool_prefs_cancel: common.cancel,
+    tool_prefs_save: common.ok,
+
+    sidepanel_handle: layers.layers.split('').join(' '),
+
+    tool_clear: tools.new_doc,
+    tool_docprops: tools.docprops,
+    tool_export: tools.export_img,
+    tool_import: tools.import_doc,
+    tool_open: tools.open_doc,
+    tool_save: tools.save_doc,
+
+    svginfo_units_rulers: config.units_and_rulers,
+    svginfo_rulers_onoff: config.show_rulers,
+    svginfo_unit: config.base_unit,
+
+    svginfo_grid_settings: config.grid,
+    svginfo_snap_onoff: config.snapping_onoff,
+    svginfo_snap_step: config.snapping_stepsize,
+    svginfo_grid_color: config.grid_color
+  }, true);
+
+  // Context menus
+  const opts = {};
+  $.each(['cut', 'copy', 'paste', 'paste_in_place', 'delete', 'group', 'ungroup', 'move_front', 'move_up', 'move_down', 'move_back'], function () {
+    opts['#cmenu_canvas a[href="#' + this + '"]'] = tools[this];
+  });
+
+  $.each(['dupe', 'merge_down', 'merge_all'], function () {
+    opts['#cmenu_layers a[href="#' + this + '"]'] = layers[this];
+  });
+
+  opts['#cmenu_layers a[href="#delete"]'] = layers.del;
+
+  setStrings('content', opts);
+
+  setStrings('title', {
+    align_relative_to: tools.align_relative_to,
+    circle_cx: properties.circle_cx,
+    circle_cy: properties.circle_cy,
+    circle_r: properties.circle_r,
+    cornerRadiusLabel: properties.corner_radius,
+    ellipse_cx: properties.ellipse_cx,
+    ellipse_cy: properties.ellipse_cy,
+    ellipse_rx: properties.ellipse_rx,
+    ellipse_ry: properties.ellipse_ry,
+    fill_color: properties.fill_color,
+    font_family: properties.font_family,
+    idLabel: properties.id,
+    image_height: properties.image_height,
+    image_url: properties.image_url,
+    image_width: properties.image_width,
+    layer_delete: layers.del,
+    layer_down: layers.move_down,
+    layer_new: layers['new'],
+    layer_rename: layers.rename,
+    layer_moreopts: common.more_opts,
+    layer_up: layers.move_up,
+    line_x1: properties.line_x1,
+    line_x2: properties.line_x2,
+    line_y1: properties.line_y1,
+    line_y2: properties.line_y2,
+    linecap_butt: properties.linecap_butt,
+    linecap_round: properties.linecap_round,
+    linecap_square: properties.linecap_square,
+    linejoin_bevel: properties.linejoin_bevel,
+    linejoin_miter: properties.linejoin_miter,
+    linejoin_round: properties.linejoin_round,
+    main_icon: tools.main_menu,
+    palette: ui.palette_info,
+    zoom_panel: ui.zoom_level,
+    path_node_x: properties.node_x,
+    path_node_y: properties.node_y,
+    rect_height_tool: properties.rect_height,
+    rect_width_tool: properties.rect_width,
+    seg_type: properties.seg_type,
+    selLayerNames: layers.move_selected,
+    selected_x: properties.pos_x,
+    selected_y: properties.pos_y,
+    stroke_color: properties.stroke_color,
+    stroke_style: properties.stroke_style,
+    stroke_width: properties.stroke_width,
+    svginfo_title: config.doc_title,
+    text: properties.text_contents,
+    toggle_stroke_tools: ui.toggle_stroke_tools,
+    tool_add_subpath: tools.add_subpath,
+    tool_alignbottom: tools.align_bottom,
+    tool_aligncenter: tools.align_center,
+    tool_alignleft: tools.align_left,
+    tool_alignmiddle: tools.align_middle,
+    tool_alignright: tools.align_right,
+    tool_aligntop: tools.align_top,
+    tool_angle: properties.angle,
+    tool_blur: properties.blur,
+    tool_bold: properties.bold,
+    tool_circle: tools.mode_circle,
+    tool_clone: tools.clone,
+    tool_clone_multi: tools.clone,
+    tool_delete: tools.del,
+    tool_delete_multi: tools.del,
+    tool_ellipse: tools.mode_ellipse,
+    tool_fhellipse: tools.mode_fhellipse,
+    tool_fhpath: tools.mode_fhpath,
+    tool_fhrect: tools.mode_fhrect,
+    tool_font_size: properties.font_size,
+    tool_group_elements: tools.group_elements,
+    tool_make_link: tools.make_link,
+    tool_link_url: tools.set_link_url,
+    tool_image: tools.mode_image,
+    tool_italic: properties.italic,
+    tool_line: tools.mode_line,
+    tool_move_bottom: tools.move_bottom,
+    tool_move_top: tools.move_top,
+    tool_node_clone: tools.node_clone,
+    tool_node_delete: tools.node_delete,
+    tool_node_link: tools.node_link,
+    tool_opacity: properties.opacity,
+    tool_openclose_path: tools.openclose_path,
+    tool_path: tools.mode_path,
+    tool_position: tools.align_to_page,
+    tool_rect: tools.mode_rect,
+    tool_redo: tools.redo,
+    tool_reorient: tools.reorient_path,
+    tool_select: tools.mode_select,
+    tool_source: tools.source_save,
+    tool_square: tools.mode_square,
+    tool_text: tools.mode_text,
+    tool_topath: tools.to_path,
+    tool_undo: tools.undo,
+    tool_ungroup: tools.ungroup,
+    tool_wireframe: tools.wireframe_mode,
+    tool_zoom: tools.mode_zoom,
+    url_notice: tools.no_embed
+
+  }, true);
+
+  return {langParam, langData};
+};
+
+/**
+* @function module:locale.putLocale
+* @param {string} givenParam
+* @param {string[]} goodLangs
+* @param {{langPath: string}} conf
+* @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+* @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+* @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+* @returns {Promise} Resolves to result of {@link module:locale.readLang}
+*/
+export const putLocale = async function (givenParam, goodLangs, conf) {
+  if (givenParam) {
+    langParam = givenParam;
+  } else {
+    langParam = $.pref('lang');
+    if (!langParam) {
+      if (navigator.userLanguage) { // Explorer
+        langParam = navigator.userLanguage;
+      } else if (navigator.language) { // FF, Opera, ...
+        langParam = navigator.language;
+      }
+    }
+
+    console.log('Lang: ' + langParam);
+
+    // Set to English if language is not in list of good langs
+    if (!goodLangs.includes(langParam) && langParam !== 'test') {
+      langParam = 'en';
+    }
+
+    // don't bother on first run if language is English
+    // The following line prevents setLang from running
+    //    extensions which depend on updated uiStrings,
+    //    so commenting it out.
+    // if (langParam.startsWith('en')) {return;}
+  }
+
+  const url = conf.langPath + 'lang.' + langParam + '.js';
+  return readLang(
+    // Todo: Replace this with `return import(url);` when
+    //   `import()` widely supported
+    await importSetGlobalDefault(url, {
+      global: 'svgEditorLang_' + langParam.replace(/-/g, '_')
+    })
+  );
+};
diff --git a/editor/math.js b/editor/math.js
index 73913ff9..8625f1a0 100644
--- a/editor/math.js
+++ b/editor/math.js
@@ -1,225 +1,222 @@
-/*globals svgedit*/
-/*jslint vars: true, eqeq: true */
 /**
- * Package: svedit.math
+ * Mathematical utilities
+ * @module math
+ * @license MIT
  *
- * Licensed under the MIT License
- *
- * Copyright(c) 2010 Alexis Deveria
- * Copyright(c) 2010 Jeff Schiller
+ * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
  */
 
-// Dependencies:
-// None.
- 
 /**
-* @typedef AngleCoord45
-* @type {object}
-* @property {number} x - The angle-snapped x value
-* @property {number} y - The angle-snapped y value
-* @property {number} a - The angle at which to snap
+* @typedef {PlainObject} module:math.AngleCoord45
+* @property {Float} x - The angle-snapped x value
+* @property {Float} y - The angle-snapped y value
+* @property {Integer} a - The angle at which to snap
 */
 
-(function() {'use strict';
+/**
+* @typedef {PlainObject} module:math.XYObject
+* @property {Float} x
+* @property {Float} y
+*/
 
-if (!svgedit.math) {
-	svgedit.math = {};
-}
+import {NS} from './namespaces.js';
+import {getTransformList} from './svgtransformlist.js';
 
 // Constants
-var NEAR_ZERO = 1e-14;
+const NEAR_ZERO = 1e-14;
 
 // Throw away SVGSVGElement used for creating matrices/transforms.
-var svg = document.createElementNS(svgedit.NS.SVG, 'svg');
+const svg = document.createElementNS(NS.SVG, 'svg');
 
 /**
  * A (hopefully) quicker function to transform a point by a matrix
  * (this function avoids any DOM calls and just does the math)
- * @param {number} x - Float representing the x coordinate
- * @param {number} y - Float representing the y coordinate
+ * @function module:math.transformPoint
+ * @param {Float} x - Float representing the x coordinate
+ * @param {Float} y - Float representing the y coordinate
  * @param {SVGMatrix} m - Matrix object to transform the point with
- * @returns {object} An x, y object representing the transformed point
+ * @returns {module:math.XYObject} An x, y object representing the transformed point
 */
-svgedit.math.transformPoint = function (x, y, m) {
-	return { x: m.a * x + m.c * y + m.e, y: m.b * x + m.d * y + m.f};
+export const transformPoint = function (x, y, m) {
+  return {x: m.a * x + m.c * y + m.e, y: m.b * x + m.d * y + m.f};
 };
 
-
 /**
- * Helper function to check if the matrix performs no actual transform 
+ * Helper function to check if the matrix performs no actual transform
  * (i.e. exists for identity purposes)
+ * @function module:math.isIdentity
  * @param {SVGMatrix} m - The matrix object to check
  * @returns {boolean} Indicates whether or not the matrix is 1,0,0,1,0,0
 */
-svgedit.math.isIdentity = function (m) {
-	return (m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && m.e === 0 && m.f === 0);
+export const isIdentity = function (m) {
+  return (m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && m.e === 0 && m.f === 0);
 };
 
-
 /**
- * This function tries to return a SVGMatrix that is the multiplication m1*m2.
+ * This function tries to return a `SVGMatrix` that is the multiplication `m1 * m2`.
  * We also round to zero when it's near zero
- * @param {...SVGMatrix} matr - Two or more matrix objects to multiply
+ * @function module:math.matrixMultiply
+ * @param {...SVGMatrix} args - Matrix objects to multiply
  * @returns {SVGMatrix} The matrix object resulting from the calculation
 */
-svgedit.math.matrixMultiply = function (matr) {
-	var args = arguments, i = args.length, m = args[i-1];
+export const matrixMultiply = function (...args) {
+  const m = args.reduceRight((prev, m1) => {
+    return m1.multiply(prev);
+  });
 
-	while (i-- > 1) {
-		var m1 = args[i-1];
-		m = m1.multiply(m);
-	}
-	if (Math.abs(m.a) < NEAR_ZERO) {m.a = 0;}
-	if (Math.abs(m.b) < NEAR_ZERO) {m.b = 0;}
-	if (Math.abs(m.c) < NEAR_ZERO) {m.c = 0;}
-	if (Math.abs(m.d) < NEAR_ZERO) {m.d = 0;}
-	if (Math.abs(m.e) < NEAR_ZERO) {m.e = 0;}
-	if (Math.abs(m.f) < NEAR_ZERO) {m.f = 0;}
+  if (Math.abs(m.a) < NEAR_ZERO) { m.a = 0; }
+  if (Math.abs(m.b) < NEAR_ZERO) { m.b = 0; }
+  if (Math.abs(m.c) < NEAR_ZERO) { m.c = 0; }
+  if (Math.abs(m.d) < NEAR_ZERO) { m.d = 0; }
+  if (Math.abs(m.e) < NEAR_ZERO) { m.e = 0; }
+  if (Math.abs(m.f) < NEAR_ZERO) { m.f = 0; }
 
-	return m;
+  return m;
 };
 
 /**
  * See if the given transformlist includes a non-indentity matrix transform
- * @param {object} [tlist] - The transformlist to check
+ * @function module:math.hasMatrixTransform
+ * @param {SVGTransformList} [tlist] - The transformlist to check
  * @returns {boolean} Whether or not a matrix transform was found
 */
-svgedit.math.hasMatrixTransform = function (tlist) {
-	if (!tlist) {return false;}
-	var num = tlist.numberOfItems;
-	while (num--) {
-		var xform = tlist.getItem(num);
-		if (xform.type == 1 && !svgedit.math.isIdentity(xform.matrix)) {return true;}
-	}
-	return false;
+export const hasMatrixTransform = function (tlist) {
+  if (!tlist) { return false; }
+  let num = tlist.numberOfItems;
+  while (num--) {
+    const xform = tlist.getItem(num);
+    if (xform.type === 1 && !isIdentity(xform.matrix)) { return true; }
+  }
+  return false;
 };
 
 /**
- * Transforms a rectangle based on the given matrix
- * @param {number} l - Float with the box's left coordinate
- * @param {number} t - Float with the box's top coordinate
- * @param {number} w - Float with the box width
- * @param {number} h - Float with the box height
- * @param {SVGMatrix} m - Matrix object to transform the box by
- * @returns {object} An object with the following values:
- * tl - The top left coordinate (x,y object)
- * tr - The top right coordinate (x,y object)
- * bl - The bottom left coordinate (x,y object)
- * br - The bottom right coordinate (x,y object)
- * aabox - Object with the following values:
- * x - Float with the axis-aligned x coordinate
- * y - Float with the axis-aligned y coordinate
- * width - Float with the axis-aligned width coordinate
- * height - Float with the axis-aligned height coordinate
+* @typedef {PlainObject} module:math.TransformedBox An object with the following values
+* @property {module:math.XYObject} tl - The top left coordinate
+* @property {module:math.XYObject} tr - The top right coordinate
+* @property {module:math.XYObject} bl - The bottom left coordinate
+* @property {module:math.XYObject} br - The bottom right coordinate
+* @property {PlainObject} aabox - Object with the following values:
+* @property {Float} aabox.x - Float with the axis-aligned x coordinate
+* @property {Float} aabox.y - Float with the axis-aligned y coordinate
+* @property {Float} aabox.width - Float with the axis-aligned width coordinate
+* @property {Float} aabox.height - Float with the axis-aligned height coordinate
 */
-svgedit.math.transformBox = function (l, t, w, h, m) {
-	var transformPoint = svgedit.math.transformPoint,
 
-		tl = transformPoint(l, t, m),
-		tr = transformPoint((l + w), t, m),
-		bl = transformPoint(l, (t + h), m),
-		br = transformPoint((l + w), (t + h), m),
+/**
+ * Transforms a rectangle based on the given matrix
+ * @function module:math.transformBox
+ * @param {Float} l - Float with the box's left coordinate
+ * @param {Float} t - Float with the box's top coordinate
+ * @param {Float} w - Float with the box width
+ * @param {Float} h - Float with the box height
+ * @param {SVGMatrix} m - Matrix object to transform the box by
+ * @returns {module:math.TransformedBox}
+*/
+export const transformBox = function (l, t, w, h, m) {
+  const tl = transformPoint(l, t, m),
+    tr = transformPoint((l + w), t, m),
+    bl = transformPoint(l, (t + h), m),
+    br = transformPoint((l + w), (t + h), m),
 
-		minx = Math.min(tl.x, tr.x, bl.x, br.x),
-		maxx = Math.max(tl.x, tr.x, bl.x, br.x),
-		miny = Math.min(tl.y, tr.y, bl.y, br.y),
-		maxy = Math.max(tl.y, tr.y, bl.y, br.y);
+    minx = Math.min(tl.x, tr.x, bl.x, br.x),
+    maxx = Math.max(tl.x, tr.x, bl.x, br.x),
+    miny = Math.min(tl.y, tr.y, bl.y, br.y),
+    maxy = Math.max(tl.y, tr.y, bl.y, br.y);
 
-	return {
-		tl: tl,
-		tr: tr,
-		bl: bl,
-		br: br,
-		aabox: {
-			x: minx,
-			y: miny,
-			width: (maxx - minx),
-			height: (maxy - miny)
-		}
-	};
+  return {
+    tl,
+    tr,
+    bl,
+    br,
+    aabox: {
+      x: minx,
+      y: miny,
+      width: (maxx - minx),
+      height: (maxy - miny)
+    }
+  };
 };
 
 /**
  * This returns a single matrix Transform for a given Transform List
- * (this is the equivalent of SVGTransformList.consolidate() but unlike
- * that method, this one does not modify the actual SVGTransformList)
- * This function is very liberal with its min, max arguments
- * @param {object} tlist - The transformlist object
- * @param {integer} [min=0] - Optional integer indicating start transform position
- * @param {integer} [max] - Optional integer indicating end transform position;
- *   defaults to one less than the tlist's numberOfItems
- * @returns {object} A single matrix transform object
+ * (this is the equivalent of `SVGTransformList.consolidate()` but unlike
+ * that method, this one does not modify the actual `SVGTransformList`).
+ * This function is very liberal with its `min`, `max` arguments
+ * @function module:math.transformListToTransform
+ * @param {SVGTransformList} tlist - The transformlist object
+ * @param {Integer} [min=0] - Optional integer indicating start transform position
+ * @param {Integer} [max] - Optional integer indicating end transform position;
+ *   defaults to one less than the tlist's `numberOfItems`
+ * @returns {SVGTransform} A single matrix transform object
 */
-svgedit.math.transformListToTransform = function (tlist, min, max) {
-	if (tlist == null) {
-		// Or should tlist = null have been prevented before this?
-		return svg.createSVGTransformFromMatrix(svg.createSVGMatrix());
-	}
-	min = min || 0;
-	max = max || (tlist.numberOfItems - 1);
-	min = parseInt(min, 10);
-	max = parseInt(max, 10);
-	if (min > max) { var temp = max; max = min; min = temp; }
-	var m = svg.createSVGMatrix();
-	var i;
-	for (i = min; i <= max; ++i) {
-		// if our indices are out of range, just use a harmless identity matrix
-		var mtom = (i >= 0 && i < tlist.numberOfItems ? 
-						tlist.getItem(i).matrix :
-						svg.createSVGMatrix());
-		m = svgedit.math.matrixMultiply(m, mtom);
-	}
-	return svg.createSVGTransformFromMatrix(m);
+export const transformListToTransform = function (tlist, min, max) {
+  if (tlist == null) {
+    // Or should tlist = null have been prevented before this?
+    return svg.createSVGTransformFromMatrix(svg.createSVGMatrix());
+  }
+  min = min || 0;
+  max = max || (tlist.numberOfItems - 1);
+  min = parseInt(min, 10);
+  max = parseInt(max, 10);
+  if (min > max) { const temp = max; max = min; min = temp; }
+  let m = svg.createSVGMatrix();
+  for (let i = min; i <= max; ++i) {
+    // if our indices are out of range, just use a harmless identity matrix
+    const mtom = (i >= 0 && i < tlist.numberOfItems
+      ? tlist.getItem(i).matrix
+      : svg.createSVGMatrix());
+    m = matrixMultiply(m, mtom);
+  }
+  return svg.createSVGTransformFromMatrix(m);
 };
 
-
 /**
  * Get the matrix object for a given element
+ * @function module:math.getMatrix
  * @param {Element} elem - The DOM element to check
  * @returns {SVGMatrix} The matrix object associated with the element's transformlist
 */
-svgedit.math.getMatrix = function (elem) {
-	var tlist = svgedit.transformlist.getTransformList(elem);
-	return svgedit.math.transformListToTransform(tlist).matrix;
+export const getMatrix = function (elem) {
+  const tlist = getTransformList(elem);
+  return transformListToTransform(tlist).matrix;
 };
 
-
 /**
  * Returns a 45 degree angle coordinate associated with the two given
  * coordinates
- * @param {number} x1 - First coordinate's x value
- * @param {number} x2 - Second coordinate's x value
- * @param {number} y1 - First coordinate's y value
- * @param {number} y2 - Second coordinate's y value
- * @returns {AngleCoord45}
+ * @function module:math.snapToAngle
+ * @param {Integer} x1 - First coordinate's x value
+ * @param {Integer} x2 - Second coordinate's x value
+ * @param {Integer} y1 - First coordinate's y value
+ * @param {Integer} y2 - Second coordinate's y value
+ * @returns {module:math.AngleCoord45}
 */
-svgedit.math.snapToAngle = function (x1, y1, x2, y2) {
-	var snap = Math.PI / 4; // 45 degrees
-	var dx = x2 - x1;
-	var dy = y2 - y1;
-	var angle = Math.atan2(dy, dx);
-	var dist = Math.sqrt(dx * dx + dy * dy);
-	var snapangle = Math.round(angle / snap) * snap;
+export const snapToAngle = function (x1, y1, x2, y2) {
+  const snap = Math.PI / 4; // 45 degrees
+  const dx = x2 - x1;
+  const dy = y2 - y1;
+  const angle = Math.atan2(dy, dx);
+  const dist = Math.sqrt(dx * dx + dy * dy);
+  const snapangle = Math.round(angle / snap) * snap;
 
-	return {
-		x: x1 + dist * Math.cos(snapangle),
-		y: y1 + dist * Math.sin(snapangle),
-		a: snapangle
-	};
+  return {
+    x: x1 + dist * Math.cos(snapangle),
+    y: y1 + dist * Math.sin(snapangle),
+    a: snapangle
+  };
 };
 
-
 /**
  * Check if two rectangles (BBoxes objects) intersect each other
+ * @function module:math.rectsIntersect
  * @param {SVGRect} r1 - The first BBox-like object
  * @param {SVGRect} r2 - The second BBox-like object
  * @returns {boolean} True if rectangles intersect
  */
-svgedit.math.rectsIntersect = function (r1, r2) {
-	return r2.x < (r1.x + r1.width) &&
-		(r2.x + r2.width) > r1.x &&
-		r2.y < (r1.y + r1.height) &&
-		(r2.y + r2.height) > r1.y;
+export const rectsIntersect = function (r1, r2) {
+  return r2.x < (r1.x + r1.width) &&
+    (r2.x + r2.width) > r1.x &&
+    r2.y < (r1.y + r1.height) &&
+    (r2.y + r2.height) > r1.y;
 };
-
-}());
diff --git a/editor/namespaces.js b/editor/namespaces.js
new file mode 100644
index 00000000..fe464485
--- /dev/null
+++ b/editor/namespaces.js
@@ -0,0 +1,33 @@
+/**
+ * Namespaces or tools therefor
+ * @module namespaces
+ * @license MIT
+*/
+
+/**
+* Common namepaces constants in alpha order
+* @enum {string}
+* @type {PlainObject}
+* @memberof module:namespaces
+*/
+export const NS = {
+  HTML: 'http://www.w3.org/1999/xhtml',
+  MATH: 'http://www.w3.org/1998/Math/MathML',
+  SE: 'http://svg-edit.googlecode.com',
+  SVG: 'http://www.w3.org/2000/svg',
+  XLINK: 'http://www.w3.org/1999/xlink',
+  XML: 'http://www.w3.org/XML/1998/namespace',
+  XMLNS: 'http://www.w3.org/2000/xmlns/' // see http://www.w3.org/TR/REC-xml-names/#xmlReserved
+};
+
+/**
+* @function module:namespaces.getReverseNS
+* @returns {string} The NS with key values switched and lowercase
+*/
+export const getReverseNS = function () {
+  const reverseNS = {};
+  Object.entries(NS).forEach(([name, URI]) => {
+    reverseNS[URI] = name.toLowerCase();
+  });
+  return reverseNS;
+};
diff --git a/editor/path.js b/editor/path.js
index ccdf5486..fe040491 100644
--- a/editor/path.js
+++ b/editor/path.js
@@ -1,996 +1,2681 @@
-/*globals $, svgedit, svgroot*/
-/*jslint vars: true, eqeq: true, continue: true*/
+/* globals jQuery */
 /**
- * Package: svgedit.path
+ * Path functionality
+ * @module path
+ * @license MIT
  *
- * Licensed under the MIT License
- *
- * Copyright(c) 2011 Alexis Deveria
- * Copyright(c) 2011 Jeff Schiller
+ * @copyright 2011 Alexis Deveria, 2011 Jeff Schiller
  */
 
-// Dependencies:
-// 1) jQuery
-// 2) browser.js
-// 3) math.js
-// 4) svgutils.js
+import './svgpathseg.js';
+import {NS} from './namespaces.js';
+import {getTransformList} from './svgtransformlist.js';
+import {shortFloat} from './units.js';
+import {ChangeElementCommand, BatchCommand} from './history.js';
+import {
+  transformPoint, getMatrix, snapToAngle, rectsIntersect,
+  transformListToTransform
+} from './math.js';
+import {
+  assignAttributes, getElem, getRotationAngle, getBBox,
+  getRefElem, findDefs, snapToGrid,
+  getBBox as utilsGetBBox
+} from './utilities.js';
+import {
+  supportsPathInsertItemBefore, supportsPathReplaceItem, isWebkit
+} from './browser.js';
 
-(function() {'use strict';
+const $ = jQuery;
 
-if (!svgedit.path) {
-	svgedit.path = {};
-}
-
-var NS = svgedit.NS;
-var uiStrings = {
-	'pathNodeTooltip': 'Drag node to move it. Double-click node to change segment type',
-	'pathCtrlPtTooltip': 'Drag control point to adjust curve properties'
+const segData = {
+  2: ['x', 'y'], // PATHSEG_MOVETO_ABS
+  4: ['x', 'y'], // PATHSEG_LINETO_ABS
+  6: ['x', 'y', 'x1', 'y1', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_ABS
+  8: ['x', 'y', 'x1', 'y1'], // PATHSEG_CURVETO_QUADRATIC_ABS
+  10: ['x', 'y', 'r1', 'r2', 'angle', 'largeArcFlag', 'sweepFlag'], // PATHSEG_ARC_ABS
+  12: ['x'], // PATHSEG_LINETO_HORIZONTAL_ABS
+  14: ['y'], // PATHSEG_LINETO_VERTICAL_ABS
+  16: ['x', 'y', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_SMOOTH_ABS
+  18: ['x', 'y'] // PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS
 };
 
-var segData = {
-	2: ['x', 'y'],
-	4: ['x', 'y'],
-	6: ['x', 'y', 'x1', 'y1', 'x2', 'y2'],
-	8: ['x', 'y', 'x1', 'y1'],
-	10: ['x', 'y', 'r1', 'r2', 'angle', 'largeArcFlag', 'sweepFlag'],
-	12: ['x'],
-	14: ['y'],
-	16: ['x', 'y', 'x2', 'y2'],
-	18: ['x', 'y']
+/**
+ * @tutorial LocaleDocs
+ * @typedef {module:locale.LocaleStrings|PlainObject} module:path.uiStrings
+ * @property {PlainObject.<string, string>} ui
+*/
+
+const uiStrings = {};
+/**
+* @function module:path.setUiStrings
+* @param {module:path.uiStrings} strs
+* @returns {undefined}
+*/
+export const setUiStrings = function (strs) {
+  Object.assign(uiStrings, strs.ui);
 };
 
-var pathFuncs = [];
+let pathFuncs = [];
 
-var link_control_pts = true;
+let linkControlPts = true;
 
 // Stores references to paths via IDs.
 // TODO: Make this cross-document happy.
-var pathData = {};
+let pathData = {};
 
-svgedit.path.setLinkControlPoints = function(lcp) {
-	link_control_pts = lcp;
+/**
+* @function module:path.setLinkControlPoints
+* @param {boolean} lcp
+* @returns {undefined}
+*/
+export const setLinkControlPoints = function (lcp) {
+  linkControlPts = lcp;
 };
 
-svgedit.path.path = null;
+/**
+ * @name module:path.path
+ * @type {null|module:path.Path}
+ * @memberof module:path
+*/
+export let path = null;
 
-var editorContext_ = null;
+let editorContext_ = null;
 
-svgedit.path.init = function(editorContext) {
-	editorContext_ = editorContext;
+/**
+* @external MouseEvent
+*/
 
-	pathFuncs = [0, 'ClosePath'];
-	var pathFuncsStrs = ['Moveto', 'Lineto', 'CurvetoCubic', 'CurvetoQuadratic', 'Arc',
-		'LinetoHorizontal', 'LinetoVertical', 'CurvetoCubicSmooth', 'CurvetoQuadraticSmooth'];
-	$.each(pathFuncsStrs, function(i, s) {
-		pathFuncs.push(s+'Abs');
-		pathFuncs.push(s+'Rel');
-	});
+/**
+* Object with the following keys/values
+* @typedef {PlainObject} module:path.SVGElementJSON
+* @property {string} element - Tag name of the SVG element to create
+* @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element
+* @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first
+* @property {module:path.SVGElementJSON[]} [children] - Data objects to be added recursively as children
+* @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace
+*/
+/**
+ * @interface module:path.EditorContext
+ * @property {module:select.SelectorManager} selectorManager
+ * @property {module:svgcanvas.SvgCanvas} canvas
+ */
+/**
+ * @function module:path.EditorContext#call
+ * @param {"selected"|"changed"} ev - String with the event name
+ * @param {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed} arg - Argument to pass through to the callback function. If the event is "changed", an array of `Element`s is passed; if "selected", a single-item array of `Element` is passed.
+ * @returns {undefined}
+ */
+/**
+ * @function module:path.EditorContext#resetD
+ * @param {SVGPathElement} p
+ * @returns {undefined}
+*/
+/**
+ * Note: This doesn't round to an integer necessarily
+ * @function module:path.EditorContext#round
+ * @param {Float} val
+ * @returns {Float} Rounded value to nearest value based on `currentZoom`
+ */
+/**
+ * @function module:path.EditorContext#clearSelection
+ * @param {boolean} [noCall] - When `true`, does not call the "selected" handler
+ * @returns {undefined}
+*/
+/**
+ * @function module:path.EditorContext#addToSelection
+ * @param {Element[]} elemsToAdd - An array of DOM elements to add to the selection
+ * @param {boolean} showGrips - Indicates whether the resize grips should be shown
+ * @returns {undefined}
+*/
+/**
+ * @function module:path.EditorContext#addCommandToHistory
+ * @param {Command} cmd
+ * @returns {undefined}
+ */
+/**
+ * @function module:path.EditorContext#remapElement
+ * @param {Element} selected - DOM element to be changed
+ * @param {PlainObject.<string, string>} changes - Object with changes to be remapped
+ * @param {SVGMatrix} m - Matrix object to use for remapping coordinates
+ * @returns {undefined}
+ */
+/**
+ * @function module:path.EditorContext#addSVGElementFromJson
+ * @param {module:path.SVGElementJSON} data
+ * @returns {Element} The new element
+*/
+/**
+ * @function module:path.EditorContext#getGridSnapping
+ * @returns {boolean}
+ */
+/**
+ * @function module:path.EditorContext#getOpacity
+ * @returns {Float}
+ */
+/**
+ * @function module:path.EditorContext#getSelectedElements
+ * @returns {Element[]} the array with selected DOM elements
+*/
+/**
+ * @function module:path.EditorContext#getContainer
+ * @returns {Element}
+ */
+/**
+ * @function module:path.EditorContext#setStarted
+ * @param {boolean} s
+ * @returns {undefined}
+ */
+/**
+ * @function module:path.EditorContext#getRubberBox
+ * @returns {SVGRectElement}
+*/
+/**
+ * @function module:path.EditorContext#setRubberBox
+ * @param {SVGRectElement} rb
+ * @returns {SVGRectElement} Same as parameter passed in
+ */
+/**
+ * @function module:path.EditorContext#addPtsToSelection
+ * @param {PlainObject} cfg
+ * @param {boolean} cfg.closedSubpath
+ * @param {SVGCircleElement[]} cfg.grips
+ * @returns {undefined}
+ */
+/**
+ * @function module:path.EditorContext#endChanges
+ * @param {PlainObject} cfg
+ * @param {string} cfg.cmd
+ * @param {Element} cfg.elem
+ * @returns {undefined}
+*/
+/**
+ * @function module:path.EditorContext#getCurrentZoom
+ * @returns {Float} The current zoom level
+ */
+/**
+ * Returns the last created DOM element ID string
+ * @function module:path.EditorContext#getId
+ * @returns {string}
+ */
+/**
+ * Creates and returns a unique ID string for a DOM element
+ * @function module:path.EditorContext#getNextId
+ * @returns {string}
+*/
+/**
+ * Gets the desired element from a mouse event
+ * @function module:path.EditorContext#getMouseTarget
+ * @param {external:MouseEvent} evt - Event object from the mouse event
+ * @returns {Element} DOM element we want
+ */
+/**
+ * @function module:path.EditorContext#getCurrentMode
+ * @returns {string}
+ */
+/**
+ * @function module:path.EditorContext#setCurrentMode
+ * @param {string} cm The mode
+ * @returns {string} The same mode as passed in
+*/
+/**
+ * @function module:path.EditorContext#getDrawnPath
+ * @returns {SVGPathElement|null}
+ */
+/**
+ * @function module:path.EditorContext#setDrawnPath
+ * @param {SVGPathElement|null} dp
+ * @returns {SVGPathElement|null} The same value as passed in
+ */
+/**
+ * @function module:path.EditorContext#getSVGRoot
+ * @returns {SVGSVGElement}
+*/
+
+/**
+* @function module:path.init
+* @param {module:path.EditorContext} editorContext
+* @returns {undefined}
+*/
+export const init = function (editorContext) {
+  editorContext_ = editorContext;
+
+  pathFuncs = [0, 'ClosePath'];
+  const pathFuncsStrs = ['Moveto', 'Lineto', 'CurvetoCubic', 'CurvetoQuadratic', 'Arc',
+    'LinetoHorizontal', 'LinetoVertical', 'CurvetoCubicSmooth', 'CurvetoQuadraticSmooth'];
+  $.each(pathFuncsStrs, function (i, s) {
+    pathFuncs.push(s + 'Abs');
+    pathFuncs.push(s + 'Rel');
+  });
 };
 
-svgedit.path.insertItemBefore = function(elem, newseg, index) {
-	// Support insertItemBefore on paths for FF2
-	var list = elem.pathSegList;
+/**
+* @function module:path.insertItemBefore
+* @param {Element} elem
+* @param {Segment} newseg
+* @param {Integer} index
+* @returns {undefined}
+*/
+export const insertItemBefore = function (elem, newseg, index) {
+  // Support insertItemBefore on paths for FF2
+  const list = elem.pathSegList;
 
-	if (svgedit.browser.supportsPathInsertItemBefore()) {
-		list.insertItemBefore(newseg, index);
-		return;
-	}
-	var len = list.numberOfItems;
-	var arr = [];
-	var i;
-	for (i=0; i < len; i++) {
-		var cur_seg = list.getItem(i);
-		arr.push(cur_seg);
-	}
-	list.clear();
-	for (i=0; i < len; i++) {
-		if (i == index) { //index+1
-			list.appendItem(newseg);
-		}
-		list.appendItem(arr[i]);
-	}
+  if (supportsPathInsertItemBefore()) {
+    list.insertItemBefore(newseg, index);
+    return;
+  }
+  const len = list.numberOfItems;
+  const arr = [];
+  for (let i = 0; i < len; i++) {
+    const curSeg = list.getItem(i);
+    arr.push(curSeg);
+  }
+  list.clear();
+  for (let i = 0; i < len; i++) {
+    if (i === index) { // index + 1
+      list.appendItem(newseg);
+    }
+    list.appendItem(arr[i]);
+  }
 };
 
-// TODO: See if this should just live in replacePathSeg
-svgedit.path.ptObjToArr = function(type, seg_item) {
-	var arr = segData[type], len = arr.length;
-	var i, out = [];
-	for (i = 0; i < len; i++) {
-		out[i] = seg_item[arr[i]];
-	}
-	return out;
+/**
+* @function module:path.ptObjToArr
+* @todo See if this should just live in `replacePathSeg`
+* @param {string} type
+* @param {SVGPathSegMovetoAbs|SVGPathSegLinetoAbs|SVGPathSegCurvetoCubicAbs|SVGPathSegCurvetoQuadraticAbs|SVGPathSegArcAbs|SVGPathSegLinetoHorizontalAbs|SVGPathSegLinetoVerticalAbs|SVGPathSegCurvetoCubicSmoothAbs|SVGPathSegCurvetoQuadraticSmoothAbs} segItem
+* @returns {ArgumentsArray}
+*/
+export const ptObjToArr = function (type, segItem) {
+  const props = segData[type];
+  return props.map((prop) => {
+    return segItem[prop];
+  });
 };
 
-svgedit.path.getGripPt = function(seg, alt_pt) {
-	var out = {
-		x: alt_pt? alt_pt.x : seg.item.x,
-		y: alt_pt? alt_pt.y : seg.item.y
-	}, path = seg.path;
+/**
+* @function module:path.getGripPt
+* @param {Segment} seg
+* @param {module:math.XYObject} altPt
+* @returns {module:math.XYObject}
+*/
+export const getGripPt = function (seg, altPt) {
+  const {path} = seg;
+  let out = {
+    x: altPt ? altPt.x : seg.item.x,
+    y: altPt ? altPt.y : seg.item.y
+  };
 
-	if (path.matrix) {
-		var pt = svgedit.math.transformPoint(out.x, out.y, path.matrix);
-		out = pt;
-	}
+  if (path.matrix) {
+    const pt = transformPoint(out.x, out.y, path.matrix);
+    out = pt;
+  }
 
-	out.x *= editorContext_.getCurrentZoom();
-	out.y *= editorContext_.getCurrentZoom();
+  const currentZoom = editorContext_.getCurrentZoom();
+  out.x *= currentZoom;
+  out.y *= currentZoom;
 
-	return out;
+  return out;
 };
 
-svgedit.path.getPointFromGrip = function(pt, path) {
-	var out = {
-		x: pt.x,
-		y: pt.y
-	};
+/**
+* @function module:path.getPointFromGrip
+* @param {module:math.XYObject} pt
+* @param {module:path.Path} path
+* @returns {module:math.XYObject}
+*/
+export const getPointFromGrip = function (pt, path) {
+  const out = {
+    x: pt.x,
+    y: pt.y
+  };
 
-	if (path.matrix) {
-		pt = svgedit.math.transformPoint(out.x, out.y, path.imatrix);
-		out.x = pt.x;
-		out.y = pt.y;
-	}
+  if (path.matrix) {
+    pt = transformPoint(out.x, out.y, path.imatrix);
+    out.x = pt.x;
+    out.y = pt.y;
+  }
 
-	out.x /= editorContext_.getCurrentZoom();
-	out.y /= editorContext_.getCurrentZoom();
+  const currentZoom = editorContext_.getCurrentZoom();
+  out.x /= currentZoom;
+  out.y /= currentZoom;
 
-	return out;
+  return out;
 };
 
-svgedit.path.addPointGrip = function(index, x, y) {
-	// create the container of all the point grips
-	var pointGripContainer = svgedit.path.getGripContainer();
+/**
+* Requires prior call to `setUiStrings` if `xlink:title`
+*    to be set on the grip
+* @function module:path.addPointGrip
+* @param {Integer} index
+* @param {Integer} x
+* @param {Integer} y
+* @returns {SVGCircleElement}
+*/
+export const addPointGrip = function (index, x, y) {
+  // create the container of all the point grips
+  const pointGripContainer = getGripContainer();
 
-	var pointGrip = svgedit.utilities.getElem('pathpointgrip_'+index);
-	// create it
-	if (!pointGrip) {
-		pointGrip = document.createElementNS(NS.SVG, 'circle');
-		svgedit.utilities.assignAttributes(pointGrip, {
-			'id': 'pathpointgrip_' + index,
-			'display': 'none',
-			'r': 4,
-			'fill': '#0FF',
-			'stroke': '#00F',
-			'stroke-width': 2,
-			'cursor': 'move',
-			'style': 'pointer-events:all',
-			'xlink:title': uiStrings.pathNodeTooltip
-		});
-		pointGrip = pointGripContainer.appendChild(pointGrip);
+  let pointGrip = getElem('pathpointgrip_' + index);
+  // create it
+  if (!pointGrip) {
+    pointGrip = document.createElementNS(NS.SVG, 'circle');
+    const atts = {
+      id: 'pathpointgrip_' + index,
+      display: 'none',
+      r: 4,
+      fill: '#0FF',
+      stroke: '#00F',
+      'stroke-width': 2,
+      cursor: 'move',
+      style: 'pointer-events:all'
+    };
+    if ('pathNodeTooltip' in uiStrings) { // May be empty if running path.js without svg-editor
+      atts['xlink:title'] = uiStrings.pathNodeTooltip;
+    }
+    assignAttributes(pointGrip, atts);
+    pointGrip = pointGripContainer.appendChild(pointGrip);
 
-		var grip = $('#pathpointgrip_'+index);
-		grip.dblclick(function() {
-			if (svgedit.path.path) {
-				svgedit.path.path.setSegType();
-			}
-		});
-	}
-	if (x && y) {
-		// set up the point grip element and display it
-		svgedit.utilities.assignAttributes(pointGrip, {
-			'cx': x,
-			'cy': y,
-			'display': 'inline'
-		});
-	}
-	return pointGrip;
+    const grip = $('#pathpointgrip_' + index);
+    grip.dblclick(function () {
+      if (path) {
+        path.setSegType();
+      }
+    });
+  }
+  if (x && y) {
+    // set up the point grip element and display it
+    assignAttributes(pointGrip, {
+      cx: x,
+      cy: y,
+      display: 'inline'
+    });
+  }
+  return pointGrip;
 };
 
-svgedit.path.getGripContainer = function() {
-	var c = svgedit.utilities.getElem('pathpointgrip_container');
-	if (!c) {
-		var parent = svgedit.utilities.getElem('selectorParentGroup');
-		c = parent.appendChild(document.createElementNS(NS.SVG, 'g'));
-		c.id = 'pathpointgrip_container';
-	}
-	return c;
+/**
+* @function module:path.getGripContainer
+* @returns {Element}
+*/
+export const getGripContainer = function () {
+  let c = getElem('pathpointgrip_container');
+  if (!c) {
+    const parent = getElem('selectorParentGroup');
+    c = parent.appendChild(document.createElementNS(NS.SVG, 'g'));
+    c.id = 'pathpointgrip_container';
+  }
+  return c;
 };
 
-svgedit.path.addCtrlGrip = function(id) {
-	var pointGrip = svgedit.utilities.getElem('ctrlpointgrip_'+id);
-	if (pointGrip) {return pointGrip;}
+/**
+* Requires prior call to `setUiStrings` if `xlink:title`
+*    to be set on the grip
+* @function module:path.addCtrlGrip
+* @param {string} id
+* @returns {SVGCircleElement}
+*/
+export const addCtrlGrip = function (id) {
+  let pointGrip = getElem('ctrlpointgrip_' + id);
+  if (pointGrip) { return pointGrip; }
 
-	pointGrip = document.createElementNS(NS.SVG, 'circle');
-	svgedit.utilities.assignAttributes(pointGrip, {
-		'id': 'ctrlpointgrip_' + id,
-		'display': 'none',
-		'r': 4,
-		'fill': '#0FF',
-		'stroke': '#55F',
-		'stroke-width': 1,
-		'cursor': 'move',
-		'style': 'pointer-events:all',
-		'xlink:title': uiStrings.pathCtrlPtTooltip
-	});
-	svgedit.path.getGripContainer().appendChild(pointGrip);
-	return pointGrip;
+  pointGrip = document.createElementNS(NS.SVG, 'circle');
+  const atts = {
+    id: 'ctrlpointgrip_' + id,
+    display: 'none',
+    r: 4,
+    fill: '#0FF',
+    stroke: '#55F',
+    'stroke-width': 1,
+    cursor: 'move',
+    style: 'pointer-events:all'
+  };
+  if ('pathCtrlPtTooltip' in uiStrings) { // May be empty if running path.js without svg-editor
+    atts['xlink:title'] = uiStrings.pathCtrlPtTooltip;
+  }
+  assignAttributes(pointGrip, atts);
+  getGripContainer().append(pointGrip);
+  return pointGrip;
 };
 
-svgedit.path.getCtrlLine = function(id) {
-	var ctrlLine = svgedit.utilities.getElem('ctrlLine_'+id);
-	if (ctrlLine) {return ctrlLine;}
+/**
+* @function module:path.getCtrlLine
+* @param {string} id
+* @returns {SVGLineElement}
+*/
+export const getCtrlLine = function (id) {
+  let ctrlLine = getElem('ctrlLine_' + id);
+  if (ctrlLine) { return ctrlLine; }
 
-	ctrlLine = document.createElementNS(NS.SVG, 'line');
-	svgedit.utilities.assignAttributes(ctrlLine, {
-		'id': 'ctrlLine_'+id,
-		'stroke': '#555',
-		'stroke-width': 1,
-		'style': 'pointer-events:none'
-	});
-	svgedit.path.getGripContainer().appendChild(ctrlLine);
-	return ctrlLine;
+  ctrlLine = document.createElementNS(NS.SVG, 'line');
+  assignAttributes(ctrlLine, {
+    id: 'ctrlLine_' + id,
+    stroke: '#555',
+    'stroke-width': 1,
+    style: 'pointer-events:none'
+  });
+  getGripContainer().append(ctrlLine);
+  return ctrlLine;
 };
 
-svgedit.path.getPointGrip = function(seg, update) {
-	var index = seg.index;
-	var pointGrip = svgedit.path.addPointGrip(index);
+/**
+* @function module:path.getPointGrip
+* @param {Segment} seg
+* @param {boolean} update
+* @returns {SVGCircleElement}
+*/
+export const getPointGrip = function (seg, update) {
+  const {index} = seg;
+  const pointGrip = addPointGrip(index);
 
-	if (update) {
-		var pt = svgedit.path.getGripPt(seg);
-		svgedit.utilities.assignAttributes(pointGrip, {
-			'cx': pt.x,
-			'cy': pt.y,
-			'display': 'inline'
-		});
-	}
+  if (update) {
+    const pt = getGripPt(seg);
+    assignAttributes(pointGrip, {
+      cx: pt.x,
+      cy: pt.y,
+      display: 'inline'
+    });
+  }
 
-	return pointGrip;
+  return pointGrip;
 };
 
-svgedit.path.getControlPoints = function(seg) {
-	var item = seg.item;
-	var index = seg.index;
-	if (!('x1' in item) || !('x2' in item)) {return null;}
-	var cpt = {};
-	var pointGripContainer = svgedit.path.getGripContainer();
+/**
+* @function module:path.getControlPoints
+* @param {Segment} seg
+* @returns {PlainObject.<string, SVGLineElement|SVGCircleElement>}
+*/
+export const getControlPoints = function (seg) {
+  const {item, index} = seg;
+  if (!('x1' in item) || !('x2' in item)) { return null; }
+  const cpt = {};
+  /* const pointGripContainer = */ getGripContainer();
 
-	// Note that this is intentionally not seg.prev.item
-	var prev = svgedit.path.path.segs[index-1].item;
+  // Note that this is intentionally not seg.prev.item
+  const prev = path.segs[index - 1].item;
 
-	var seg_items = [prev, item];
+  const segItems = [prev, item];
 
-	var i;
-	for (i = 1; i < 3; i++) {
-		var id = index + 'c' + i;
+  for (let i = 1; i < 3; i++) {
+    const id = index + 'c' + i;
 
-		var ctrlLine = cpt['c' + i + '_line'] = svgedit.path.getCtrlLine(id);
+    const ctrlLine = cpt['c' + i + '_line'] = getCtrlLine(id);
 
-		var pt = svgedit.path.getGripPt(seg, {x:item['x' + i], y:item['y' + i]});
-		var gpt = svgedit.path.getGripPt(seg, {x:seg_items[i-1].x, y:seg_items[i-1].y});
+    const pt = getGripPt(seg, {x: item['x' + i], y: item['y' + i]});
+    const gpt = getGripPt(seg, {x: segItems[i - 1].x, y: segItems[i - 1].y});
 
-		svgedit.utilities.assignAttributes(ctrlLine, {
-			'x1': pt.x,
-			'y1': pt.y,
-			'x2': gpt.x,
-			'y2': gpt.y,
-			'display': 'inline'
-		});
+    assignAttributes(ctrlLine, {
+      x1: pt.x,
+      y1: pt.y,
+      x2: gpt.x,
+      y2: gpt.y,
+      display: 'inline'
+    });
 
-		cpt['c' + i + '_line'] = ctrlLine;
+    cpt['c' + i + '_line'] = ctrlLine;
 
-		// create it
-		var pointGrip = cpt['c' + i] = svgedit.path.addCtrlGrip(id);
+    // create it
+    const pointGrip = cpt['c' + i] = addCtrlGrip(id);
 
-		svgedit.utilities.assignAttributes(pointGrip, {
-			'cx': pt.x,
-			'cy': pt.y,
-			'display': 'inline'
-		});
-		cpt['c' + i] = pointGrip;
-	}
-	return cpt;
+    assignAttributes(pointGrip, {
+      cx: pt.x,
+      cy: pt.y,
+      display: 'inline'
+    });
+    cpt['c' + i] = pointGrip;
+  }
+  return cpt;
 };
 
-// This replaces the segment at the given index. Type is given as number.
-svgedit.path.replacePathSeg = function(type, index, pts, elem) {
-	var path = elem || svgedit.path.path.elem;
+/**
+* This replaces the segment at the given index. Type is given as number.
+* @function module:path.replacePathSeg
+* @param {Integer} type Possible values set during {@link module:path.init}
+* @param {Integer} index
+* @param {ArgumentsArray} pts
+* @param {SVGPathElement} elem
+*/
+export const replacePathSeg = function (type, index, pts, elem) {
+  const pth = elem || path.elem;
 
-	var func = 'createSVGPathSeg' + pathFuncs[type];
-	var seg = path[func].apply(path, pts);
+  const func = 'createSVGPathSeg' + pathFuncs[type];
+  const seg = pth[func].apply(pth, pts);
 
-	if (svgedit.browser.supportsPathReplaceItem()) {
-		path.pathSegList.replaceItem(seg, index);
-	} else {
-		var segList = path.pathSegList;
-		var len = segList.numberOfItems;
-		var arr = [];
-		var i;
-		for (i = 0; i < len; i++) {
-			var cur_seg = segList.getItem(i);
-			arr.push(cur_seg);
-		}
-		segList.clear();
-		for (i = 0; i < len; i++) {
-			if (i == index) {
-				segList.appendItem(seg);
-			} else {
-				segList.appendItem(arr[i]);
-			}
-		}
-	}
+  if (supportsPathReplaceItem()) {
+    pth.pathSegList.replaceItem(seg, index);
+  } else {
+    const segList = pth.pathSegList;
+    const len = segList.numberOfItems;
+    const arr = [];
+    for (let i = 0; i < len; i++) {
+      const curSeg = segList.getItem(i);
+      arr.push(curSeg);
+    }
+    segList.clear();
+    for (let i = 0; i < len; i++) {
+      if (i === index) {
+        segList.appendItem(seg);
+      } else {
+        segList.appendItem(arr[i]);
+      }
+    }
+  }
 };
 
-svgedit.path.getSegSelector = function(seg, update) {
-	var index = seg.index;
-	var segLine = svgedit.utilities.getElem('segline_' + index);
-	if (!segLine) {
-		var pointGripContainer = svgedit.path.getGripContainer();
-		// create segline
-		segLine = document.createElementNS(NS.SVG, 'path');
-		svgedit.utilities.assignAttributes(segLine, {
-			'id': 'segline_' + index,
-			'display': 'none',
-			'fill': 'none',
-			'stroke': '#0FF',
-			'stroke-width': 2,
-			'style':'pointer-events:none',
-			'd': 'M0,0 0,0'
-		});
-		pointGripContainer.appendChild(segLine);
-	}
+/**
+* @function module:path.getSegSelector
+* @param {Segment} seg
+* @param {boolean} update
+* @returns {SVGPathElement}
+*/
+export const getSegSelector = function (seg, update) {
+  const {index} = seg;
+  let segLine = getElem('segline_' + index);
+  if (!segLine) {
+    const pointGripContainer = getGripContainer();
+    // create segline
+    segLine = document.createElementNS(NS.SVG, 'path');
+    assignAttributes(segLine, {
+      id: 'segline_' + index,
+      display: 'none',
+      fill: 'none',
+      stroke: '#0FF',
+      'stroke-width': 2,
+      style: 'pointer-events:none',
+      d: 'M0,0 0,0'
+    });
+    pointGripContainer.append(segLine);
+  }
 
-	if (update) {
-		var prev = seg.prev;
-		if (!prev) {
-			segLine.setAttribute('display', 'none');
-			return segLine;
-		}
+  if (update) {
+    const {prev} = seg;
+    if (!prev) {
+      segLine.setAttribute('display', 'none');
+      return segLine;
+    }
 
-		var pt = svgedit.path.getGripPt(prev);
-		// Set start point
-		svgedit.path.replacePathSeg(2, 0, [pt.x, pt.y], segLine);
+    const pt = getGripPt(prev);
+    // Set start point
+    replacePathSeg(2, 0, [pt.x, pt.y], segLine);
 
-		var pts = svgedit.path.ptObjToArr(seg.type, seg.item, true);
-		var i;
-		for (i = 0; i < pts.length; i += 2) {
-			pt = svgedit.path.getGripPt(seg, {x:pts[i], y:pts[i+1]});
-			pts[i] = pt.x;
-			pts[i+1] = pt.y;
-		}
+    const pts = ptObjToArr(seg.type, seg.item, true);
+    for (let i = 0; i < pts.length; i += 2) {
+      const pt = getGripPt(seg, {x: pts[i], y: pts[i + 1]});
+      pts[i] = pt.x;
+      pts[i + 1] = pt.y;
+    }
 
-		svgedit.path.replacePathSeg(seg.type, 1, pts, segLine);
-	}
-	return segLine;
+    replacePathSeg(seg.type, 1, pts, segLine);
+  }
+  return segLine;
 };
 
-// Function: smoothControlPoints
-// Takes three points and creates a smoother line based on them
-// 
-// Parameters: 
-// ct1 - Object with x and y values (first control point)
-// ct2 - Object with x and y values (second control point)
-// pt - Object with x and y values (third point)
-//
-// Returns: 
-// Array of two "smoothed" point objects
-svgedit.path.smoothControlPoints = function(ct1, ct2, pt) {
-	// each point must not be the origin
-	var x1 = ct1.x - pt.x,
-		y1 = ct1.y - pt.y,
-		x2 = ct2.x - pt.x,
-		y2 = ct2.y - pt.y;
+/**
+ * @typedef {PlainObject} Point
+ * @property {Integer} x The x value
+ * @property {Integer} y The y value
+ */
 
-	if ( (x1 != 0 || y1 != 0) && (x2 != 0 || y2 != 0) ) {
-		var anglea = Math.atan2(y1, x1),
-			angleb = Math.atan2(y2, x2),
-			r1 = Math.sqrt(x1*x1+y1*y1),
-			r2 = Math.sqrt(x2*x2+y2*y2),
-			nct1 = editorContext_.getSVGRoot().createSVGPoint(),
-			nct2 = editorContext_.getSVGRoot().createSVGPoint();
-		if (anglea < 0) { anglea += 2*Math.PI; }
-		if (angleb < 0) { angleb += 2*Math.PI; }
+/**
+* Takes three points and creates a smoother line based on them
+* @function module:path.smoothControlPoints
+* @param {Point} ct1 - Object with x and y values (first control point)
+* @param {Point} ct2 - Object with x and y values (second control point)
+* @param {Point} pt - Object with x and y values (third point)
+* @returns {Point[]} Array of two "smoothed" point objects
+*/
+export const smoothControlPoints = function (ct1, ct2, pt) {
+  // each point must not be the origin
+  const x1 = ct1.x - pt.x,
+    y1 = ct1.y - pt.y,
+    x2 = ct2.x - pt.x,
+    y2 = ct2.y - pt.y;
 
-		var angleBetween = Math.abs(anglea - angleb),
-			angleDiff = Math.abs(Math.PI - angleBetween)/2;
+  if ((x1 !== 0 || y1 !== 0) && (x2 !== 0 || y2 !== 0)) {
+    const
+      r1 = Math.sqrt(x1 * x1 + y1 * y1),
+      r2 = Math.sqrt(x2 * x2 + y2 * y2),
+      nct1 = editorContext_.getSVGRoot().createSVGPoint(),
+      nct2 = editorContext_.getSVGRoot().createSVGPoint();
+    let anglea = Math.atan2(y1, x1),
+      angleb = Math.atan2(y2, x2);
+    if (anglea < 0) { anglea += 2 * Math.PI; }
+    if (angleb < 0) { angleb += 2 * Math.PI; }
 
-		var new_anglea, new_angleb;
-		if (anglea - angleb > 0) {
-			new_anglea = angleBetween < Math.PI ? (anglea + angleDiff) : (anglea - angleDiff);
-			new_angleb = angleBetween < Math.PI ? (angleb - angleDiff) : (angleb + angleDiff);
-		}
-		else {
-			new_anglea = angleBetween < Math.PI ? (anglea - angleDiff) : (anglea + angleDiff);
-			new_angleb = angleBetween < Math.PI ? (angleb + angleDiff) : (angleb - angleDiff);
-		}
+    const angleBetween = Math.abs(anglea - angleb),
+      angleDiff = Math.abs(Math.PI - angleBetween) / 2;
 
-		// rotate the points
-		nct1.x = r1 * Math.cos(new_anglea) + pt.x;
-		nct1.y = r1 * Math.sin(new_anglea) + pt.y;
-		nct2.x = r2 * Math.cos(new_angleb) + pt.x;
-		nct2.y = r2 * Math.sin(new_angleb) + pt.y;
+    let newAnglea, newAngleb;
+    if (anglea - angleb > 0) {
+      newAnglea = angleBetween < Math.PI ? (anglea + angleDiff) : (anglea - angleDiff);
+      newAngleb = angleBetween < Math.PI ? (angleb - angleDiff) : (angleb + angleDiff);
+    } else {
+      newAnglea = angleBetween < Math.PI ? (anglea - angleDiff) : (anglea + angleDiff);
+      newAngleb = angleBetween < Math.PI ? (angleb + angleDiff) : (angleb - angleDiff);
+    }
 
-		return [nct1, nct2];
-	}
-	return undefined;
+    // rotate the points
+    nct1.x = r1 * Math.cos(newAnglea) + pt.x;
+    nct1.y = r1 * Math.sin(newAnglea) + pt.y;
+    nct2.x = r2 * Math.cos(newAngleb) + pt.x;
+    nct2.y = r2 * Math.sin(newAngleb) + pt.y;
+
+    return [nct1, nct2];
+  }
+  return undefined;
 };
 
-svgedit.path.Segment = function(index, item) {
-	this.selected = false;
-	this.index = index;
-	this.item = item;
-	this.type = item.pathSegType;
+/**
+*
+*/
+export class Segment {
+  /**
+  * @param {Integer} index
+  * @param {SVGPathSeg} item
+  * @todo Is `item` be more constrained here?
+  */
+  constructor (index, item) {
+    this.selected = false;
+    this.index = index;
+    this.item = item;
+    this.type = item.pathSegType;
 
-	this.ctrlpts = [];
-	this.ptgrip = null;
-	this.segsel = null;
+    this.ctrlpts = [];
+    this.ptgrip = null;
+    this.segsel = null;
+  }
+
+  /**
+   * @param {boolean} y
+   * @returns {undefined}
+   */
+  showCtrlPts (y) {
+    for (const i in this.ctrlpts) {
+      if (this.ctrlpts.hasOwnProperty(i)) {
+        this.ctrlpts[i].setAttribute('display', y ? 'inline' : 'none');
+      }
+    }
+  }
+
+  /**
+   * @param {boolean} y
+   * @returns {undefined}
+   */
+  selectCtrls (y) {
+    $('#ctrlpointgrip_' + this.index + 'c1, #ctrlpointgrip_' + this.index + 'c2')
+      .attr('fill', y ? '#0FF' : '#EEE');
+  }
+
+  /**
+   * @param {boolean} y
+   * @returns {undefined}
+   */
+  show (y) {
+    if (this.ptgrip) {
+      this.ptgrip.setAttribute('display', y ? 'inline' : 'none');
+      this.segsel.setAttribute('display', y ? 'inline' : 'none');
+      // Show/hide all control points if available
+      this.showCtrlPts(y);
+    }
+  }
+
+  /**
+   * @param {boolean} y
+   * @returns {undefined}
+   */
+  select (y) {
+    if (this.ptgrip) {
+      this.ptgrip.setAttribute('stroke', y ? '#0FF' : '#00F');
+      this.segsel.setAttribute('display', y ? 'inline' : 'none');
+      if (this.ctrlpts) {
+        this.selectCtrls(y);
+      }
+      this.selected = y;
+    }
+  }
+
+  /**
+   * @returns {undefined}
+   */
+  addGrip () {
+    this.ptgrip = getPointGrip(this, true);
+    this.ctrlpts = getControlPoints(this, true);
+    this.segsel = getSegSelector(this, true);
+  }
+
+  /**
+   * @param {boolean} full
+   * @returns {undefined}
+   */
+  update (full) {
+    if (this.ptgrip) {
+      const pt = getGripPt(this);
+      assignAttributes(this.ptgrip, {
+        cx: pt.x,
+        cy: pt.y
+      });
+
+      getSegSelector(this, true);
+
+      if (this.ctrlpts) {
+        if (full) {
+          this.item = path.elem.pathSegList.getItem(this.index);
+          this.type = this.item.pathSegType;
+        }
+        getControlPoints(this);
+      }
+      // this.segsel.setAttribute('display', y ? 'inline' : 'none');
+    }
+  }
+
+  /**
+   * @param {Integer} dx
+   * @param {Integer} dy
+   * @returns {undefined}
+   */
+  move (dx, dy) {
+    const {item} = this;
+
+    const curPts = this.ctrlpts
+      ? [item.x += dx, item.y += dy,
+        item.x1, item.y1, item.x2 += dx, item.y2 += dy
+      ]
+      : [item.x += dx, item.y += dy];
+
+    replacePathSeg(this.type, this.index, curPts);
+
+    if (this.next && this.next.ctrlpts) {
+      const next = this.next.item;
+      const nextPts = [next.x, next.y,
+        next.x1 += dx, next.y1 += dy, next.x2, next.y2];
+      replacePathSeg(this.next.type, this.next.index, nextPts);
+    }
+
+    if (this.mate) {
+      // The last point of a closed subpath has a 'mate',
+      // which is the 'M' segment of the subpath
+      const {item} = this.mate;
+      const pts = [item.x += dx, item.y += dy];
+      replacePathSeg(this.mate.type, this.mate.index, pts);
+      // Has no grip, so does not need 'updating'?
+    }
+
+    this.update(true);
+    if (this.next) { this.next.update(true); }
+  }
+
+  /**
+   * @param {Integer} num
+   * @returns {undefined}
+   */
+  setLinked (num) {
+    let seg, anum, pt;
+    if (num === 2) {
+      anum = 1;
+      seg = this.next;
+      if (!seg) { return; }
+      pt = this.item;
+    } else {
+      anum = 2;
+      seg = this.prev;
+      if (!seg) { return; }
+      pt = seg.item;
+    }
+
+    const {item} = seg;
+    item['x' + anum] = pt.x + (pt.x - this.item['x' + num]);
+    item['y' + anum] = pt.y + (pt.y - this.item['y' + num]);
+
+    const pts = [item.x, item.y,
+      item.x1, item.y1,
+      item.x2, item.y2];
+
+    replacePathSeg(seg.type, seg.index, pts);
+    seg.update(true);
+  }
+
+  /**
+   * @param {Integer} num
+   * @param {Integer} dx
+   * @param {Integer} dy
+   * @returns {undefined}
+   */
+  moveCtrl (num, dx, dy) {
+    const {item} = this;
+    item['x' + num] += dx;
+    item['y' + num] += dy;
+
+    const pts = [item.x, item.y,
+      item.x1, item.y1, item.x2, item.y2];
+
+    replacePathSeg(this.type, this.index, pts);
+    this.update(true);
+  }
+
+  /**
+   * @param {Integer} newType Possible values set during {@link module:path.init}
+   * @param {ArgumentsArray} pts
+   */
+  setType (newType, pts) {
+    replacePathSeg(newType, this.index, pts);
+    this.type = newType;
+    this.item = path.elem.pathSegList.getItem(this.index);
+    this.showCtrlPts(newType === 6);
+    this.ctrlpts = getControlPoints(this);
+    this.update(true);
+  }
+}
+
+/**
+*
+*/
+export class Path {
+  /**
+  * @param {SVGPathElement}
+  * @throws {Error} If constructed without a path element
+  */
+  constructor (elem) {
+    if (!elem || elem.tagName !== 'path') {
+      throw new Error('svgedit.path.Path constructed without a <path> element');
+    }
+
+    this.elem = elem;
+    this.segs = [];
+    this.selected_pts = [];
+    path = this;
+
+    this.init();
+  }
+
+  /**
+  * Reset path data
+  * @returns {module:path.Path}
+  */
+  init () {
+    // Hide all grips, etc
+
+    // fixed, needed to work on all found elements, not just first
+    $(getGripContainer()).find('*').each(function () {
+      $(this).attr('display', 'none');
+    });
+
+    const segList = this.elem.pathSegList;
+    const len = segList.numberOfItems;
+    this.segs = [];
+    this.selected_pts = [];
+    this.first_seg = null;
+
+    // Set up segs array
+    for (let i = 0; i < len; i++) {
+      const item = segList.getItem(i);
+      const segment = new Segment(i, item);
+      segment.path = this;
+      this.segs.push(segment);
+    }
+
+    const {segs} = this;
+
+    let startI = null;
+    for (let i = 0; i < len; i++) {
+      const seg = segs[i];
+      const nextSeg = (i + 1) >= len ? null : segs[i + 1];
+      const prevSeg = (i - 1) < 0 ? null : segs[i - 1];
+      if (seg.type === 2) {
+        if (prevSeg && prevSeg.type !== 1) {
+          // New sub-path, last one is open,
+          // so add a grip to last sub-path's first point
+          const startSeg = segs[startI];
+          startSeg.next = segs[startI + 1];
+          startSeg.next.prev = startSeg;
+          startSeg.addGrip();
+        }
+        // Remember that this is a starter seg
+        startI = i;
+      } else if (nextSeg && nextSeg.type === 1) {
+        // This is the last real segment of a closed sub-path
+        // Next is first seg after "M"
+        seg.next = segs[startI + 1];
+
+        // First seg after "M"'s prev is this
+        seg.next.prev = seg;
+        seg.mate = segs[startI];
+        seg.addGrip();
+        if (this.first_seg == null) {
+          this.first_seg = seg;
+        }
+      } else if (!nextSeg) {
+        if (seg.type !== 1) {
+          // Last seg, doesn't close so add a grip
+          // to last sub-path's first point
+          const startSeg = segs[startI];
+          startSeg.next = segs[startI + 1];
+          startSeg.next.prev = startSeg;
+          startSeg.addGrip();
+          seg.addGrip();
+
+          if (!this.first_seg) {
+            // Open path, so set first as real first and add grip
+            this.first_seg = segs[startI];
+          }
+        }
+      } else if (seg.type !== 1) {
+        // Regular segment, so add grip and its "next"
+        seg.addGrip();
+
+        // Don't set its "next" if it's an "M"
+        if (nextSeg && nextSeg.type !== 2) {
+          seg.next = nextSeg;
+          seg.next.prev = seg;
+        }
+      }
+    }
+    return this;
+  }
+
+  /**
+  * @callback module:path.PathEachSegCallback
+  * @this module:path.Segment
+  * @param {Integer} i The index of the seg being iterated
+  * @returns {boolean} Will stop execution of `eachSeg` if returns `false`
+  */
+  /**
+  * @param {module:path.PathEachSegCallback} fn
+  * @returns {undefined}
+  */
+  eachSeg (fn) {
+    const len = this.segs.length;
+    for (let i = 0; i < len; i++) {
+      const ret = fn.call(this.segs[i], i);
+      if (ret === false) { break; }
+    }
+  }
+
+  /**
+  * @param {Integer} index
+  * @returns {undefined}
+  */
+  addSeg (index) {
+    // Adds a new segment
+    const seg = this.segs[index];
+    if (!seg.prev) { return; }
+
+    const {prev} = seg;
+    let newseg, newX, newY;
+    switch (seg.item.pathSegType) {
+    case 4: {
+      newX = (seg.item.x + prev.item.x) / 2;
+      newY = (seg.item.y + prev.item.y) / 2;
+      newseg = this.elem.createSVGPathSegLinetoAbs(newX, newY);
+      break;
+    } case 6: { // make it a curved segment to preserve the shape (WRS)
+      // https://en.wikipedia.org/wiki/De_Casteljau%27s_algorithm#Geometric_interpretation
+      const p0x = (prev.item.x + seg.item.x1) / 2;
+      const p1x = (seg.item.x1 + seg.item.x2) / 2;
+      const p2x = (seg.item.x2 + seg.item.x) / 2;
+      const p01x = (p0x + p1x) / 2;
+      const p12x = (p1x + p2x) / 2;
+      newX = (p01x + p12x) / 2;
+      const p0y = (prev.item.y + seg.item.y1) / 2;
+      const p1y = (seg.item.y1 + seg.item.y2) / 2;
+      const p2y = (seg.item.y2 + seg.item.y) / 2;
+      const p01y = (p0y + p1y) / 2;
+      const p12y = (p1y + p2y) / 2;
+      newY = (p01y + p12y) / 2;
+      newseg = this.elem.createSVGPathSegCurvetoCubicAbs(newX, newY, p0x, p0y, p01x, p01y);
+      const pts = [seg.item.x, seg.item.y, p12x, p12y, p2x, p2y];
+      replacePathSeg(seg.type, index, pts);
+      break;
+    }
+    }
+
+    insertItemBefore(this.elem, newseg, index);
+  }
+
+  /**
+  * @param {Integer} index
+  * @returns {undefined}
+  */
+  deleteSeg (index) {
+    const seg = this.segs[index];
+    const list = this.elem.pathSegList;
+
+    seg.show(false);
+    const {next} = seg;
+    if (seg.mate) {
+      // Make the next point be the "M" point
+      const pt = [next.item.x, next.item.y];
+      replacePathSeg(2, next.index, pt);
+
+      // Reposition last node
+      replacePathSeg(4, seg.index, pt);
+
+      list.removeItem(seg.mate.index);
+    } else if (!seg.prev) {
+      // First node of open path, make next point the M
+      // const {item} = seg;
+      const pt = [next.item.x, next.item.y];
+      replacePathSeg(2, seg.next.index, pt);
+      list.removeItem(index);
+    } else {
+      list.removeItem(index);
+    }
+  }
+
+  /**
+  * @param {Integer} index
+  * @returns {boolean}
+  */
+  subpathIsClosed (index) {
+    let closed = false;
+    // Check if subpath is already open
+    path.eachSeg(function (i) {
+      if (i <= index) { return true; }
+      if (this.type === 2) {
+        // Found M first, so open
+        return false;
+      }
+      if (this.type === 1) {
+        // Found Z first, so closed
+        closed = true;
+        return false;
+      }
+    });
+
+    return closed;
+  }
+
+  /**
+  * @param {Integer} index
+  * @returns {undefined}
+  */
+  removePtFromSelection (index) {
+    const pos = this.selected_pts.indexOf(index);
+    if (pos === -1) {
+      return;
+    }
+    this.segs[index].select(false);
+    this.selected_pts.splice(pos, 1);
+  }
+
+  /**
+  * @returns {undefined}
+  */
+  clearSelection () {
+    this.eachSeg(function () {
+      // 'this' is the segment here
+      this.select(false);
+    });
+    this.selected_pts = [];
+  }
+
+  /**
+  * @returns {undefined}
+  */
+  storeD () {
+    this.last_d = this.elem.getAttribute('d');
+  }
+
+  /**
+  * @param {Integer} y
+  * @returns {undefined}
+  */
+  show (y) {
+    // Shows this path's segment grips
+    this.eachSeg(function () {
+      // 'this' is the segment here
+      this.show(y);
+    });
+    if (y) {
+      this.selectPt(this.first_seg.index);
+    }
+    return this;
+  }
+
+  /**
+  * Move selected points
+  * @param {Integer} dx
+  * @param {Integer} dy
+  * @returns {undefined}
+  */
+  movePts (dx, dy) {
+    let i = this.selected_pts.length;
+    while (i--) {
+      const seg = this.segs[this.selected_pts[i]];
+      seg.move(dx, dy);
+    }
+  }
+
+  /**
+  * @param {Integer} dx
+  * @param {Integer} dy
+  * @returns {undefined}
+  */
+  moveCtrl (dx, dy) {
+    const seg = this.segs[this.selected_pts[0]];
+    seg.moveCtrl(this.dragctrl, dx, dy);
+    if (linkControlPts) {
+      seg.setLinked(this.dragctrl);
+    }
+  }
+
+  /**
+  * @param {?Integer} newType See {@link https://www.w3.org/TR/SVG/single-page.html#paths-InterfaceSVGPathSeg}
+  * @returns {undefined}
+  */
+  setSegType (newType) {
+    this.storeD();
+    let i = this.selected_pts.length;
+    let text;
+    while (i--) {
+      const selPt = this.selected_pts[i];
+
+      // Selected seg
+      const cur = this.segs[selPt];
+      const {prev} = cur;
+      if (!prev) { continue; }
+
+      if (!newType) { // double-click, so just toggle
+        text = 'Toggle Path Segment Type';
+
+        // Toggle segment to curve/straight line
+        const oldType = cur.type;
+
+        newType = (oldType === 6) ? 4 : 6;
+      }
+
+      newType = Number(newType);
+
+      const curX = cur.item.x;
+      const curY = cur.item.y;
+      const prevX = prev.item.x;
+      const prevY = prev.item.y;
+      let points;
+      switch (newType) {
+      case 6: {
+        if (cur.olditem) {
+          const old = cur.olditem;
+          points = [curX, curY, old.x1, old.y1, old.x2, old.y2];
+        } else {
+          const diffX = curX - prevX;
+          const diffY = curY - prevY;
+          // get control points from straight line segment
+          /*
+          const ct1x = (prevX + (diffY/2));
+          const ct1y = (prevY - (diffX/2));
+          const ct2x = (curX + (diffY/2));
+          const ct2y = (curY - (diffX/2));
+          */
+          // create control points on the line to preserve the shape (WRS)
+          const ct1x = (prevX + (diffX / 3));
+          const ct1y = (prevY + (diffY / 3));
+          const ct2x = (curX - (diffX / 3));
+          const ct2y = (curY - (diffY / 3));
+          points = [curX, curY, ct1x, ct1y, ct2x, ct2y];
+        }
+        break;
+      } case 4: {
+        points = [curX, curY];
+
+        // Store original prevve segment nums
+        cur.olditem = cur.item;
+        break;
+      }
+      }
+
+      cur.setType(newType, points);
+    }
+    path.endChanges(text);
+  }
+
+  /**
+  * @param {Integer} pt
+  * @param {Integer} ctrlNum
+  * @returns {undefined}
+  */
+  selectPt (pt, ctrlNum) {
+    this.clearSelection();
+    if (pt == null) {
+      this.eachSeg(function (i) {
+        // 'this' is the segment here.
+        if (this.prev) {
+          pt = i;
+        }
+      });
+    }
+    this.addPtsToSelection(pt);
+    if (ctrlNum) {
+      this.dragctrl = ctrlNum;
+
+      if (linkControlPts) {
+        this.segs[pt].setLinked(ctrlNum);
+      }
+    }
+  }
+
+  /**
+  * Update position of all points
+  * @returns {Path}
+  */
+  update () {
+    const {elem} = this;
+    if (getRotationAngle(elem)) {
+      this.matrix = getMatrix(elem);
+      this.imatrix = this.matrix.inverse();
+    } else {
+      this.matrix = null;
+      this.imatrix = null;
+    }
+
+    this.eachSeg(function (i) {
+      this.item = elem.pathSegList.getItem(i);
+      this.update();
+    });
+
+    return this;
+  }
+
+  /**
+  * @param {string} text
+  * @returns {undefined}
+  */
+  endChanges (text) {
+    if (isWebkit()) { editorContext_.resetD(this.elem); }
+    const cmd = new ChangeElementCommand(this.elem, {d: this.last_d}, text);
+    editorContext_.endChanges({cmd, elem: this.elem});
+  }
+
+  /**
+  * @param {Integer|Integer[]} indexes
+  * @returns {undefined}
+  */
+  addPtsToSelection (indexes) {
+    if (!Array.isArray(indexes)) { indexes = [indexes]; }
+    for (let i = 0; i < indexes.length; i++) {
+      const index = indexes[i];
+      const seg = this.segs[index];
+      if (seg.ptgrip) {
+        if (!this.selected_pts.includes(index) && index >= 0) {
+          this.selected_pts.push(index);
+        }
+      }
+    }
+    this.selected_pts.sort();
+    let i = this.selected_pts.length;
+    const grips = [];
+    grips.length = i;
+    // Loop through points to be selected and highlight each
+    while (i--) {
+      const pt = this.selected_pts[i];
+      const seg = this.segs[pt];
+      seg.select(true);
+      grips[i] = seg.ptgrip;
+    }
+
+    const closedSubpath = this.subpathIsClosed(this.selected_pts[0]);
+    editorContext_.addPtsToSelection({grips, closedSubpath});
+  }
+}
+
+/**
+* @function module:path.getPath_
+* @param {SVGPathElement} elem
+* @returns {module:path.Path}
+*/
+export const getPath_ = function (elem) {
+  let p = pathData[elem.id];
+  if (!p) {
+    p = pathData[elem.id] = new Path(elem);
+  }
+  return p;
 };
 
-svgedit.path.Segment.prototype.showCtrlPts = function(y) {
-	var i;
-	for (i in this.ctrlpts) {
-		if (this.ctrlpts.hasOwnProperty(i)) {
-			this.ctrlpts[i].setAttribute('display', y ? 'inline' : 'none');
-		}
-	}
+/**
+* @function module:path.removePath_
+* @param {string} id
+* @returns {undefined}
+*/
+export const removePath_ = function (id) {
+  if (id in pathData) { delete pathData[id]; }
 };
 
-svgedit.path.Segment.prototype.selectCtrls = function(y) {
-	$('#ctrlpointgrip_' + this.index + 'c1, #ctrlpointgrip_' + this.index + 'c2').
-		attr('fill', y ? '#0FF' : '#EEE');
-};
+let newcx, newcy, oldcx, oldcy, angle;
 
-svgedit.path.Segment.prototype.show = function(y) {
-	if (this.ptgrip) {
-		this.ptgrip.setAttribute('display', y ? 'inline' : 'none');
-		this.segsel.setAttribute('display', y ? 'inline' : 'none');
-		// Show/hide all control points if available
-		this.showCtrlPts(y);
-	}
-};
+const getRotVals = function (x, y) {
+  let dx = x - oldcx;
+  let dy = y - oldcy;
 
-svgedit.path.Segment.prototype.select = function(y) {
-	if (this.ptgrip) {
-		this.ptgrip.setAttribute('stroke', y ? '#0FF' : '#00F');
-		this.segsel.setAttribute('display', y ? 'inline' : 'none');
-		if (this.ctrlpts) {
-			this.selectCtrls(y);
-		}
-		this.selected = y;
-	}
-};
+  // rotate the point around the old center
+  let r = Math.sqrt(dx * dx + dy * dy);
+  let theta = Math.atan2(dy, dx) + angle;
+  dx = r * Math.cos(theta) + oldcx;
+  dy = r * Math.sin(theta) + oldcy;
 
-svgedit.path.Segment.prototype.addGrip = function() {
-	this.ptgrip = svgedit.path.getPointGrip(this, true);
-	this.ctrlpts = svgedit.path.getControlPoints(this, true);
-	this.segsel = svgedit.path.getSegSelector(this, true);
-};
+  // dx,dy should now hold the actual coordinates of each
+  // point after being rotated
 
-svgedit.path.Segment.prototype.update = function(full) {
-	if (this.ptgrip) {
-		var pt = svgedit.path.getGripPt(this);
-		svgedit.utilities.assignAttributes(this.ptgrip, {
-			'cx': pt.x,
-			'cy': pt.y
-		});
+  // now we want to rotate them around the new center in the reverse direction
+  dx -= newcx;
+  dy -= newcy;
 
-		svgedit.path.getSegSelector(this, true);
+  r = Math.sqrt(dx * dx + dy * dy);
+  theta = Math.atan2(dy, dx) - angle;
 
-		if (this.ctrlpts) {
-			if (full) {
-				this.item = svgedit.path.path.elem.pathSegList.getItem(this.index);
-				this.type = this.item.pathSegType;
-			}
-			svgedit.path.getControlPoints(this);
-		}
-		// this.segsel.setAttribute('display', y?'inline':'none');
-	}
-};
-
-svgedit.path.Segment.prototype.move = function(dx, dy) {
-	var cur_pts, item = this.item;
-
-	if (this.ctrlpts) {
-		cur_pts = [item.x += dx, item.y += dy,
-			item.x1, item.y1, item.x2 += dx, item.y2 += dy];
-	} else {
-		cur_pts = [item.x += dx, item.y += dy];
-	}
-
-	svgedit.path.replacePathSeg(this.type, this.index, cur_pts);
-
-	if (this.next && this.next.ctrlpts) {
-		var next = this.next.item;
-		var next_pts = [next.x, next.y, 
-			next.x1 += dx, next.y1 += dy, next.x2, next.y2];
-		svgedit.path.replacePathSeg(this.next.type, this.next.index, next_pts);
-	}
-
-	if (this.mate) {
-		// The last point of a closed subpath has a 'mate',
-		// which is the 'M' segment of the subpath
-		item = this.mate.item;
-		var pts = [item.x += dx, item.y += dy];
-		svgedit.path.replacePathSeg(this.mate.type, this.mate.index, pts);
-		// Has no grip, so does not need 'updating'?
-	}
-
-	this.update(true);
-	if (this.next) {this.next.update(true);}
-};
-
-svgedit.path.Segment.prototype.setLinked = function(num) {
-	var seg, anum, pt;
-	if (num == 2) {
-		anum = 1;
-		seg = this.next;
-		if (!seg) {return;}
-		pt = this.item;
-	} else {
-		anum = 2;
-		seg = this.prev;
-		if (!seg) {return;}
-		pt = seg.item;
-	}
-
-	var item = seg.item;
-	item['x' + anum ] = pt.x + (pt.x - this.item['x' + num]);
-	item['y' + anum ] = pt.y + (pt.y - this.item['y' + num]);
-
-	var pts = [item.x, item.y,
-		item.x1, item.y1,
-		item.x2, item.y2];
-
-	svgedit.path.replacePathSeg(seg.type, seg.index, pts);
-	seg.update(true);
-};
-
-svgedit.path.Segment.prototype.moveCtrl = function(num, dx, dy) {
-	var item = this.item;
-	item['x' + num] += dx;
-	item['y' + num] += dy;
-
-	var pts = [item.x,item.y,
-		item.x1,item.y1, item.x2,item.y2];
-
-	svgedit.path.replacePathSeg(this.type, this.index, pts);
-	this.update(true);
-};
-
-svgedit.path.Segment.prototype.setType = function(new_type, pts) {
-	svgedit.path.replacePathSeg(new_type, this.index, pts);
-	this.type = new_type;
-	this.item = svgedit.path.path.elem.pathSegList.getItem(this.index);
-	this.showCtrlPts(new_type === 6);
-	this.ctrlpts = svgedit.path.getControlPoints(this);
-	this.update(true);
-};
-
-svgedit.path.Path = function(elem) {
-	if (!elem || elem.tagName !== 'path') {
-		throw 'svgedit.path.Path constructed without a <path> element';
-	}
-
-	this.elem = elem;
-	this.segs = [];
-	this.selected_pts = [];
-	svgedit.path.path = this;
-
-	this.init();
-};
-
-// Reset path data
-svgedit.path.Path.prototype.init = function() {
-	// Hide all grips, etc
-
-	//fixed, needed to work on all found elements, not just first
-	$(svgedit.path.getGripContainer()).find('*').each( function() { $(this).attr('display', 'none') });
-
-	var segList = this.elem.pathSegList;
-	var len = segList.numberOfItems;
-	this.segs = [];
-	this.selected_pts = [];
-	this.first_seg = null;
-
-	// Set up segs array
-	var i;
-	for (i = 0; i < len; i++) {
-		var item = segList.getItem(i);
-		var segment = new svgedit.path.Segment(i, item);
-		segment.path = this;
-		this.segs.push(segment);
-	}
-
-	var segs = this.segs;
-	var start_i = null;
-
-	for (i = 0; i < len; i++) {
-		var seg = segs[i];
-		var next_seg = (i+1) >= len ? null : segs[i+1];
-		var prev_seg = (i-1) < 0 ? null : segs[i-1];
-		var start_seg;
-		if (seg.type === 2) {
-			if (prev_seg && prev_seg.type !== 1) {
-				// New sub-path, last one is open,
-				// so add a grip to last sub-path's first point
-				start_seg = segs[start_i];
-				start_seg.next = segs[start_i+1];
-				start_seg.next.prev = start_seg;
-				start_seg.addGrip();
-			}
-			// Remember that this is a starter seg
-			start_i = i;
-		} else if (next_seg && next_seg.type === 1) {
-			// This is the last real segment of a closed sub-path
-			// Next is first seg after "M"
-			seg.next = segs[start_i+1];
-
-			// First seg after "M"'s prev is this
-			seg.next.prev = seg;
-			seg.mate = segs[start_i];
-			seg.addGrip();
-			if (this.first_seg == null) {
-				this.first_seg = seg;
-			}
-		} else if (!next_seg) {
-			if (seg.type !== 1) {
-				// Last seg, doesn't close so add a grip
-				// to last sub-path's first point
-				start_seg = segs[start_i];
-				start_seg.next = segs[start_i+1];
-				start_seg.next.prev = start_seg;
-				start_seg.addGrip();
-				seg.addGrip();
-
-				if (!this.first_seg) {
-					// Open path, so set first as real first and add grip
-					this.first_seg = segs[start_i];
-				}
-			}
-		} else if (seg.type !== 1){
-			// Regular segment, so add grip and its "next"
-			seg.addGrip();
-
-			// Don't set its "next" if it's an "M"
-			if (next_seg && next_seg.type !== 2) {
-				seg.next = next_seg;
-				seg.next.prev = seg;
-			}
-		}
-	}
-	return this;
-};
-
-svgedit.path.Path.prototype.eachSeg = function(fn) {
-	var i;
-	var len = this.segs.length;
-	for (i = 0; i < len; i++) {
-		var ret = fn.call(this.segs[i], i);
-		if (ret === false) {break;}
-	}
-};
-
-svgedit.path.Path.prototype.addSeg = function(index) {
-	// Adds a new segment
-	var seg = this.segs[index];
-	if (!seg.prev) {return;}
-
-	var prev = seg.prev;
-	var newseg, new_x, new_y;
-	switch(seg.item.pathSegType) {
-	case 4:
-		new_x = (seg.item.x + prev.item.x) / 2;
-		new_y = (seg.item.y + prev.item.y) / 2;
-		newseg = this.elem.createSVGPathSegLinetoAbs(new_x, new_y);
-		break;
-	case 6: //make it a curved segment to preserve the shape (WRS)
-		// http://en.wikipedia.org/wiki/De_Casteljau%27s_algorithm#Geometric_interpretation
-		var p0_x = (prev.item.x + seg.item.x1)/2;
-		var p1_x = (seg.item.x1 + seg.item.x2)/2;
-		var p2_x = (seg.item.x2 + seg.item.x)/2;
-		var p01_x = (p0_x + p1_x)/2;
-		var p12_x = (p1_x + p2_x)/2;
-		new_x = (p01_x + p12_x)/2;
-		var p0_y = (prev.item.y + seg.item.y1)/2;
-		var p1_y = (seg.item.y1 + seg.item.y2)/2;
-		var p2_y = (seg.item.y2 + seg.item.y)/2;
-		var p01_y = (p0_y + p1_y)/2;
-		var p12_y = (p1_y + p2_y)/2;
-		new_y = (p01_y + p12_y)/2;
-		newseg = this.elem.createSVGPathSegCurvetoCubicAbs(new_x, new_y, p0_x, p0_y, p01_x, p01_y);
-		var pts = [seg.item.x, seg.item.y, p12_x, p12_y, p2_x, p2_y];
-		svgedit.path.replacePathSeg(seg.type, index, pts);
-		break;
-	}
-
-	svgedit.path.insertItemBefore(this.elem, newseg, index);
-};
-
-svgedit.path.Path.prototype.deleteSeg = function(index) {
-	var seg = this.segs[index];
-	var list = this.elem.pathSegList;
-
-	seg.show(false);
-	var next = seg.next;
-	var pt;
-	if (seg.mate) {
-		// Make the next point be the "M" point
-		pt = [next.item.x, next.item.y];
-		svgedit.path.replacePathSeg(2, next.index, pt);
-
-		// Reposition last node
-		svgedit.path.replacePathSeg(4, seg.index, pt);
-
-		list.removeItem(seg.mate.index);
-	} else if (!seg.prev) {
-		// First node of open path, make next point the M
-		var item = seg.item;
-		pt = [next.item.x, next.item.y];
-		svgedit.path.replacePathSeg(2, seg.next.index, pt);
-		list.removeItem(index);
-	} else {
-		list.removeItem(index);
-	}
-};
-
-svgedit.path.Path.prototype.subpathIsClosed = function(index) {
-	var closed = false;
-	// Check if subpath is already open
-	svgedit.path.path.eachSeg(function(i) {
-		if (i <= index) {return true;}
-		if (this.type === 2) {
-			// Found M first, so open
-			return false;
-		}
-		if (this.type === 1) {
-			// Found Z first, so closed
-			closed = true;
-			return false;
-		}
-	});
-
-	return closed;
-};
-
-svgedit.path.Path.prototype.removePtFromSelection = function(index) {
-	var pos = this.selected_pts.indexOf(index);
-	if (pos == -1) {
-		return;
-	}
-	this.segs[index].select(false);
-	this.selected_pts.splice(pos, 1);
-};
-
-svgedit.path.Path.prototype.clearSelection = function() {
-	this.eachSeg(function() {
-		// 'this' is the segment here
-		this.select(false);
-	});
-	this.selected_pts = [];
-};
-
-svgedit.path.Path.prototype.storeD = function() {
-	this.last_d = this.elem.getAttribute('d');
-};
-
-svgedit.path.Path.prototype.show = function(y) {
-	// Shows this path's segment grips
-	this.eachSeg(function() {
-		// 'this' is the segment here
-		this.show(y);
-	});
-	if (y) {
-		this.selectPt(this.first_seg.index);
-	}
-	return this;
-};
-
-// Move selected points
-svgedit.path.Path.prototype.movePts = function(d_x, d_y) {
-	var i = this.selected_pts.length;
-	while(i--) {
-		var seg = this.segs[this.selected_pts[i]];
-		seg.move(d_x, d_y);
-	}
-};
-
-svgedit.path.Path.prototype.moveCtrl = function(d_x, d_y) {
-	var seg = this.segs[this.selected_pts[0]];
-	seg.moveCtrl(this.dragctrl, d_x, d_y);
-	if (link_control_pts) {
-		seg.setLinked(this.dragctrl);
-	}
-};
-
-svgedit.path.Path.prototype.setSegType = function(new_type) {
-	this.storeD();
-	var i = this.selected_pts.length;
-	var text;
-	while(i--) {
-		var sel_pt = this.selected_pts[i];
-
-		// Selected seg
-		var cur = this.segs[sel_pt];
-		var prev = cur.prev;
-		if (!prev) {continue;}
-
-		if (!new_type) { // double-click, so just toggle
-			text = 'Toggle Path Segment Type';
-
-			// Toggle segment to curve/straight line
-			var old_type = cur.type;
-
-			new_type = (old_type == 6) ? 4 : 6;
-		}
-
-		new_type = Number(new_type);
-
-		var cur_x = cur.item.x;
-		var cur_y = cur.item.y;
-		var prev_x = prev.item.x;
-		var prev_y = prev.item.y;
-		var points;
-		switch ( new_type ) {
-		case 6:
-			if (cur.olditem) {
-				var old = cur.olditem;
-				points = [cur_x, cur_y, old.x1, old.y1, old.x2, old.y2];
-			} else {
-				var diff_x = cur_x - prev_x;
-				var diff_y = cur_y - prev_y;
-				// get control points from straight line segment
-				/*
-				var ct1_x = (prev_x + (diff_y/2));
-				var ct1_y = (prev_y - (diff_x/2));
-				var ct2_x = (cur_x + (diff_y/2));
-				var ct2_y = (cur_y - (diff_x/2));
-				*/
-				//create control points on the line to preserve the shape (WRS)
-				var ct1_x = (prev_x + (diff_x/3));
-				var ct1_y = (prev_y + (diff_y/3));
-				var ct2_x = (cur_x - (diff_x/3));
-				var ct2_y = (cur_y - (diff_y/3));
-				points = [cur_x, cur_y, ct1_x, ct1_y, ct2_x, ct2_y];
-			}
-			break;
-		case 4:
-			points = [cur_x, cur_y];
-
-			// Store original prevve segment nums
-			cur.olditem = cur.item;
-			break;
-		}
-
-		cur.setType(new_type, points);
-	}
-	svgedit.path.path.endChanges(text);
-};
-
-svgedit.path.Path.prototype.selectPt = function(pt, ctrl_num) {
-	this.clearSelection();
-	if (pt == null) {
-		this.eachSeg(function(i) {
-			// 'this' is the segment here.
-			if (this.prev) {
-				pt = i;
-			}
-		});
-	}
-	this.addPtsToSelection(pt);
-	if (ctrl_num) {
-		this.dragctrl = ctrl_num;
-
-		if (link_control_pts) {
-			this.segs[pt].setLinked(ctrl_num);
-		}
-	}
-};
-
-// Update position of all points
-svgedit.path.Path.prototype.update = function() {
-	var elem = this.elem;
-	if (svgedit.utilities.getRotationAngle(elem)) {
-		this.matrix = svgedit.math.getMatrix(elem);
-		this.imatrix = this.matrix.inverse();
-	} else {
-		this.matrix = null;
-		this.imatrix = null;
-	}
-
-	this.eachSeg(function(i) {
-		this.item = elem.pathSegList.getItem(i);
-		this.update();
-	});
-
-	return this;
-};
-
-svgedit.path.getPath_ = function(elem) {
-	var p = pathData[elem.id];
-	if (!p) {
-		p = pathData[elem.id] = new svgedit.path.Path(elem);
-	}
-	return p;
-};
-
-svgedit.path.removePath_ = function(id) {
-	if (id in pathData) {delete pathData[id];}
-};
-var newcx, newcy, oldcx, oldcy, angle;
-var getRotVals = function(x, y) {
-	var dx = x - oldcx;
-	var dy = y - oldcy;
-
-	// rotate the point around the old center
-	var r = Math.sqrt(dx*dx + dy*dy);
-	var theta = Math.atan2(dy, dx) + angle;
-	dx = r * Math.cos(theta) + oldcx;
-	dy = r * Math.sin(theta) + oldcy;
-
-	// dx,dy should now hold the actual coordinates of each
-	// point after being rotated
-
-	// now we want to rotate them around the new center in the reverse direction
-	dx -= newcx;
-	dy -= newcy;
-
-	r = Math.sqrt(dx*dx + dy*dy);
-	theta = Math.atan2(dy, dx) - angle;
-
-	return {'x': r * Math.cos(theta) + newcx,
-		'y': r * Math.sin(theta) + newcy};
+  return {x: r * Math.cos(theta) + newcx,
+    y: r * Math.sin(theta) + newcy};
 };
 
 // If the path was rotated, we must now pay the piper:
-// Every path point must be rotated into the rotated coordinate system of 
+// Every path point must be rotated into the rotated coordinate system of
 // its old center, then determine the new center, then rotate it back
 // This is because we want the path to remember its rotation
 
-// TODO: This is still using ye olde transform methods, can probably
-// be optimized or even taken care of by recalculateDimensions
-svgedit.path.recalcRotatedPath = function() {
-	var current_path = svgedit.path.path.elem;
-	angle = svgedit.utilities.getRotationAngle(current_path, true);
-	if (!angle) {return;}
-//	selectedBBoxes[0] = svgedit.path.path.oldbbox;
-	var box = svgedit.utilities.getBBox(current_path),
-		oldbox = svgedit.path.path.oldbbox; //selectedBBoxes[0],
-	oldcx = oldbox.x + oldbox.width/2;
-	oldcy = oldbox.y + oldbox.height/2;
-	newcx = box.x + box.width/2;
-	newcy = box.y + box.height/2;
+/**
+* @function module:path.recalcRotatedPath
+* @todo This is still using ye olde transform methods, can probably
+* be optimized or even taken care of by `recalculateDimensions`
+* @returns {undefined}
+*/
+export const recalcRotatedPath = function () {
+  const currentPath = path.elem;
+  angle = getRotationAngle(currentPath, true);
+  if (!angle) { return; }
+  // selectedBBoxes[0] = path.oldbbox;
+  const oldbox = path.oldbbox; // selectedBBoxes[0],
+  oldcx = oldbox.x + oldbox.width / 2;
+  oldcy = oldbox.y + oldbox.height / 2;
+  let box = getBBox(currentPath);
+  newcx = box.x + box.width / 2;
+  newcy = box.y + box.height / 2;
 
-	// un-rotate the new center to the proper position
-	var dx = newcx - oldcx,
-		dy = newcy - oldcy,
-		r = Math.sqrt(dx*dx + dy*dy),
-		theta = Math.atan2(dy, dx) + angle;
+  // un-rotate the new center to the proper position
+  const dx = newcx - oldcx,
+    dy = newcy - oldcy,
+    r = Math.sqrt(dx * dx + dy * dy),
+    theta = Math.atan2(dy, dx) + angle;
 
-	newcx = r * Math.cos(theta) + oldcx;
-	newcy = r * Math.sin(theta) + oldcy;
+  newcx = r * Math.cos(theta) + oldcx;
+  newcy = r * Math.sin(theta) + oldcy;
 
-	var list = current_path.pathSegList,
-		i = list.numberOfItems;
-	while (i) {
-		i -= 1;
-		var seg = list.getItem(i),
-			type = seg.pathSegType;
-		if (type == 1) {continue;}
+  const list = currentPath.pathSegList;
 
-		var rvals = getRotVals(seg.x, seg.y),
-			points = [rvals.x, rvals.y];
-		if (seg.x1 != null && seg.x2 != null) {
-			var c_vals1 = getRotVals(seg.x1, seg.y1);
-			var c_vals2 = getRotVals(seg.x2, seg.y2);
-			points.splice(points.length, 0, c_vals1.x , c_vals1.y, c_vals2.x, c_vals2.y);
-		}
-		svgedit.path.replacePathSeg(type, i, points);
-	} // loop for each point
+  let i = list.numberOfItems;
+  while (i) {
+    i -= 1;
+    const seg = list.getItem(i),
+      type = seg.pathSegType;
+    if (type === 1) { continue; }
 
-	box = svgedit.utilities.getBBox(current_path);
-//	selectedBBoxes[0].x = box.x; selectedBBoxes[0].y = box.y;
-//	selectedBBoxes[0].width = box.width; selectedBBoxes[0].height = box.height;
+    const rvals = getRotVals(seg.x, seg.y),
+      points = [rvals.x, rvals.y];
+    if (seg.x1 != null && seg.x2 != null) {
+      const cVals1 = getRotVals(seg.x1, seg.y1);
+      const cVals2 = getRotVals(seg.x2, seg.y2);
+      points.splice(points.length, 0, cVals1.x, cVals1.y, cVals2.x, cVals2.y);
+    }
+    replacePathSeg(type, i, points);
+  } // loop for each point
 
-	// now we must set the new transform to be rotated around the new center
-	var R_nc = svgroot.createSVGTransform(),
-		tlist = svgedit.transformlist.getTransformList(current_path);
-	R_nc.setRotate((angle * 180.0 / Math.PI), newcx, newcy);
-	tlist.replaceItem(R_nc,0);
+  box = getBBox(currentPath);
+  // selectedBBoxes[0].x = box.x; selectedBBoxes[0].y = box.y;
+  // selectedBBoxes[0].width = box.width; selectedBBoxes[0].height = box.height;
+
+  // now we must set the new transform to be rotated around the new center
+  const Rnc = editorContext_.getSVGRoot().createSVGTransform(),
+    tlist = getTransformList(currentPath);
+  Rnc.setRotate((angle * 180.0 / Math.PI), newcx, newcy);
+  tlist.replaceItem(Rnc, 0);
 };
 
 // ====================================
 // Public API starts here
 
-svgedit.path.clearData =  function() {
-	pathData = {};
+/**
+* @function module:path.clearData
+* @returns {undefined}
+*/
+export const clearData = function () {
+  pathData = {};
 };
 
-}());
+// Making public for mocking
+/**
+* @function module:path.reorientGrads
+* @param {Element} elem
+* @param {SVGMatrix} m
+* @returns {undefined}
+*/
+export const reorientGrads = function (elem, m) {
+  const bb = utilsGetBBox(elem);
+  for (let i = 0; i < 2; i++) {
+    const type = i === 0 ? 'fill' : 'stroke';
+    const attrVal = elem.getAttribute(type);
+    if (attrVal && attrVal.startsWith('url(')) {
+      const grad = getRefElem(attrVal);
+      if (grad.tagName === 'linearGradient') {
+        let x1 = grad.getAttribute('x1') || 0;
+        let y1 = grad.getAttribute('y1') || 0;
+        let x2 = grad.getAttribute('x2') || 1;
+        let y2 = grad.getAttribute('y2') || 0;
+
+        // Convert to USOU points
+        x1 = (bb.width * x1) + bb.x;
+        y1 = (bb.height * y1) + bb.y;
+        x2 = (bb.width * x2) + bb.x;
+        y2 = (bb.height * y2) + bb.y;
+
+        // Transform those points
+        const pt1 = transformPoint(x1, y1, m);
+        const pt2 = transformPoint(x2, y2, m);
+
+        // Convert back to BB points
+        const gCoords = {};
+
+        gCoords.x1 = (pt1.x - bb.x) / bb.width;
+        gCoords.y1 = (pt1.y - bb.y) / bb.height;
+        gCoords.x2 = (pt2.x - bb.x) / bb.width;
+        gCoords.y2 = (pt2.y - bb.y) / bb.height;
+
+        const newgrad = grad.cloneNode(true);
+        $(newgrad).attr(gCoords);
+
+        newgrad.id = editorContext_.getNextId();
+        findDefs().append(newgrad);
+        elem.setAttribute(type, 'url(#' + newgrad.id + ')');
+      }
+    }
+  }
+};
+
+/**
+* This is how we map paths to our preferred relative segment types
+* @name module:path.pathMap
+* @type {GenericArray}
+*/
+const pathMap = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a',
+  'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];
+
+/**
+ * Convert a path to one with only absolute or relative values
+ * @todo move to pathActions.js
+ * @function module:path.convertPath
+ * @param {SVGPathElement} path - the path to convert
+ * @param {boolean} toRel - true of convert to relative
+ * @returns {string}
+ */
+export const convertPath = function (path, toRel) {
+  const segList = path.pathSegList;
+  const len = segList.numberOfItems;
+  let curx = 0, cury = 0;
+  let d = '';
+  let lastM = null;
+
+  for (let i = 0; i < len; ++i) {
+    const seg = segList.getItem(i);
+    // if these properties are not in the segment, set them to zero
+    let x = seg.x || 0,
+      y = seg.y || 0,
+      x1 = seg.x1 || 0,
+      y1 = seg.y1 || 0,
+      x2 = seg.x2 || 0,
+      y2 = seg.y2 || 0;
+
+    const type = seg.pathSegType;
+    let letter = pathMap[type]['to' + (toRel ? 'Lower' : 'Upper') + 'Case']();
+
+    switch (type) {
+    case 1: // z,Z closepath (Z/z)
+      d += 'z';
+      if (lastM && !toRel) {
+        curx = lastM[0];
+        cury = lastM[1];
+      }
+      break;
+    case 12: // absolute horizontal line (H)
+      x -= curx;
+      // Fallthrough
+    case 13: // relative horizontal line (h)
+      if (toRel) {
+        curx += x;
+        letter = 'l';
+      } else {
+        x += curx;
+        curx = x;
+        letter = 'L';
+      }
+      // Convert to "line" for easier editing
+      d += pathDSegment(letter, [[x, cury]]);
+      break;
+    case 14: // absolute vertical line (V)
+      y -= cury;
+      // Fallthrough
+    case 15: // relative vertical line (v)
+      if (toRel) {
+        cury += y;
+        letter = 'l';
+      } else {
+        y += cury;
+        cury = y;
+        letter = 'L';
+      }
+      // Convert to "line" for easier editing
+      d += pathDSegment(letter, [[curx, y]]);
+      break;
+    case 2: // absolute move (M)
+    case 4: // absolute line (L)
+    case 18: // absolute smooth quad (T)
+      x -= curx;
+      y -= cury;
+      // Fallthrough
+    case 5: // relative line (l)
+    case 3: // relative move (m)
+    case 19: // relative smooth quad (t)
+      if (toRel) {
+        curx += x;
+        cury += y;
+      } else {
+        x += curx;
+        y += cury;
+        curx = x;
+        cury = y;
+      }
+      if (type === 2 || type === 3) { lastM = [curx, cury]; }
+
+      d += pathDSegment(letter, [[x, y]]);
+      break;
+    case 6: // absolute cubic (C)
+      x -= curx; x1 -= curx; x2 -= curx;
+      y -= cury; y1 -= cury; y2 -= cury;
+      // Fallthrough
+    case 7: // relative cubic (c)
+      if (toRel) {
+        curx += x;
+        cury += y;
+      } else {
+        x += curx; x1 += curx; x2 += curx;
+        y += cury; y1 += cury; y2 += cury;
+        curx = x;
+        cury = y;
+      }
+      d += pathDSegment(letter, [[x1, y1], [x2, y2], [x, y]]);
+      break;
+    case 8: // absolute quad (Q)
+      x -= curx; x1 -= curx;
+      y -= cury; y1 -= cury;
+      // Fallthrough
+    case 9: // relative quad (q)
+      if (toRel) {
+        curx += x;
+        cury += y;
+      } else {
+        x += curx; x1 += curx;
+        y += cury; y1 += cury;
+        curx = x;
+        cury = y;
+      }
+      d += pathDSegment(letter, [[x1, y1], [x, y]]);
+      break;
+    case 10: // absolute elliptical arc (A)
+      x -= curx;
+      y -= cury;
+      // Fallthrough
+    case 11: // relative elliptical arc (a)
+      if (toRel) {
+        curx += x;
+        cury += y;
+      } else {
+        x += curx;
+        y += cury;
+        curx = x;
+        cury = y;
+      }
+      d += pathDSegment(letter, [[seg.r1, seg.r2]], [
+        seg.angle,
+        (seg.largeArcFlag ? 1 : 0),
+        (seg.sweepFlag ? 1 : 0)
+      ], [x, y]);
+      break;
+    case 16: // absolute smooth cubic (S)
+      x -= curx; x2 -= curx;
+      y -= cury; y2 -= cury;
+      // Fallthrough
+    case 17: // relative smooth cubic (s)
+      if (toRel) {
+        curx += x;
+        cury += y;
+      } else {
+        x += curx; x2 += curx;
+        y += cury; y2 += cury;
+        curx = x;
+        cury = y;
+      }
+      d += pathDSegment(letter, [[x2, y2], [x, y]]);
+      break;
+    } // switch on path segment type
+  } // for each segment
+  return d;
+};
+
+/**
+ * TODO: refactor callers in convertPath to use getPathDFromSegments instead of this function.
+ * Legacy code refactored from svgcanvas.pathActions.convertPath
+ * @param {string} letter - path segment command (letter in potentially either case from {@link module:path.pathMap}; see [SVGPathSeg#pathSegTypeAsLetter]{@link https://www.w3.org/TR/SVG/single-page.html#paths-__svg__SVGPathSeg__pathSegTypeAsLetter})
+ * @param {Integer[][]} points - x,y points
+ * @param {Integer[][]} [morePoints] - x,y points
+ * @param {Integer[]} [lastPoint] - x,y point
+ * @returns {string}
+ */
+function pathDSegment (letter, points, morePoints, lastPoint) {
+  $.each(points, function (i, pnt) {
+    points[i] = shortFloat(pnt);
+  });
+  let segment = letter + points.join(' ');
+  if (morePoints) {
+    segment += ' ' + morePoints.join(' ');
+  }
+  if (lastPoint) {
+    segment += ' ' + shortFloat(lastPoint);
+  }
+  return segment;
+}
+
+/**
+* Group: Path edit functions
+* Functions relating to editing path elements
+* @namespace {PlainObject} pathActions
+* @memberof module:path
+*/
+export const pathActions = (function () {
+  let subpath = false;
+  let newPoint, firstCtrl;
+
+  let currentPath = null;
+  let hasMoved = false;
+  // No `editorContext_` yet but should be ok as is `null` by default
+  // editorContext_.setDrawnPath(null);
+
+  /**
+  * This function converts a polyline (created by the fh_path tool) into
+  * a path element and coverts every three line segments into a single bezier
+  * curve in an attempt to smooth out the free-hand
+  * @function smoothPolylineIntoPath
+  * @param {Element} element
+  * @returns {Element}
+  */
+  const smoothPolylineIntoPath = function (element) {
+    let i;
+    const {points} = element;
+    const N = points.numberOfItems;
+    if (N >= 4) {
+      // loop through every 3 points and convert to a cubic bezier curve segment
+      //
+      // NOTE: this is cheating, it means that every 3 points has the potential to
+      // be a corner instead of treating each point in an equal manner. In general,
+      // this technique does not look that good.
+      //
+      // I am open to better ideas!
+      //
+      // Reading:
+      // - http://www.efg2.com/Lab/Graphics/Jean-YvesQueinecBezierCurves.htm
+      // - https://www.codeproject.com/KB/graphics/BezierSpline.aspx?msg=2956963
+      // - https://www.ian-ko.com/ET_GeoWizards/UserGuide/smooth.htm
+      // - https://www.cs.mtu.edu/~shene/COURSES/cs3621/NOTES/spline/Bezier/bezier-der.html
+      let curpos = points.getItem(0), prevCtlPt = null;
+      let d = [];
+      d.push(['M', curpos.x, ',', curpos.y, ' C'].join(''));
+      for (i = 1; i <= (N - 4); i += 3) {
+        let ct1 = points.getItem(i);
+        const ct2 = points.getItem(i + 1);
+        const end = points.getItem(i + 2);
+
+        // if the previous segment had a control point, we want to smooth out
+        // the control points on both sides
+        if (prevCtlPt) {
+          const newpts = smoothControlPoints(prevCtlPt, ct1, curpos);
+          if (newpts && newpts.length === 2) {
+            const prevArr = d[d.length - 1].split(',');
+            prevArr[2] = newpts[0].x;
+            prevArr[3] = newpts[0].y;
+            d[d.length - 1] = prevArr.join(',');
+            ct1 = newpts[1];
+          }
+        }
+
+        d.push([ct1.x, ct1.y, ct2.x, ct2.y, end.x, end.y].join(','));
+
+        curpos = end;
+        prevCtlPt = ct2;
+      }
+      // handle remaining line segments
+      d.push('L');
+      while (i < N) {
+        const pt = points.getItem(i);
+        d.push([pt.x, pt.y].join(','));
+        i++;
+      }
+      d = d.join(' ');
+
+      // create new path element
+      element = editorContext_.addSVGElementFromJson({
+        element: 'path',
+        curStyles: true,
+        attr: {
+          id: editorContext_.getId(),
+          d,
+          fill: 'none'
+        }
+      });
+      // No need to call "changed", as this is already done under mouseUp
+    }
+    return element;
+  };
+
+  return (/** @lends module:path.pathActions */ {
+    /**
+    * @param {MouseEvent} evt
+    * @param {Element} mouseTarget
+    * @param {Float} startX
+    * @param {Float} startY
+    * @returns {undefined}
+    */
+    mouseDown (evt, mouseTarget, startX, startY) {
+      let id;
+      if (editorContext_.getCurrentMode() === 'path') {
+        let mouseX = startX; // Was this meant to work with the other `mouseX`? (was defined globally so adding `let` to at least avoid a global)
+        let mouseY = startY; // Was this meant to work with the other `mouseY`? (was defined globally so adding `let` to at least avoid a global)
+
+        const currentZoom = editorContext_.getCurrentZoom();
+        let x = mouseX / currentZoom,
+          y = mouseY / currentZoom,
+          stretchy = getElem('path_stretch_line');
+        newPoint = [x, y];
+
+        if (editorContext_.getGridSnapping()) {
+          x = snapToGrid(x);
+          y = snapToGrid(y);
+          mouseX = snapToGrid(mouseX);
+          mouseY = snapToGrid(mouseY);
+        }
+
+        if (!stretchy) {
+          stretchy = document.createElementNS(NS.SVG, 'path');
+          assignAttributes(stretchy, {
+            id: 'path_stretch_line',
+            stroke: '#22C',
+            'stroke-width': '0.5',
+            fill: 'none'
+          });
+          stretchy = getElem('selectorParentGroup').appendChild(stretchy);
+        }
+        stretchy.setAttribute('display', 'inline');
+
+        let keep = null;
+        let index;
+        // if pts array is empty, create path element with M at current point
+        let drawnPath = editorContext_.getDrawnPath();
+        if (!drawnPath) {
+          const dAttr = 'M' + x + ',' + y + ' '; // Was this meant to work with the other `dAttr`? (was defined globally so adding `var` to at least avoid a global)
+          drawnPath = editorContext_.setDrawnPath(editorContext_.addSVGElementFromJson({
+            element: 'path',
+            curStyles: true,
+            attr: {
+              d: dAttr,
+              id: editorContext_.getNextId(),
+              opacity: editorContext_.getOpacity() / 2
+            }
+          }));
+          // set stretchy line to first point
+          stretchy.setAttribute('d', ['M', mouseX, mouseY, mouseX, mouseY].join(' '));
+          index = subpath ? path.segs.length : 0;
+          addPointGrip(index, mouseX, mouseY);
+        } else {
+          // determine if we clicked on an existing point
+          const seglist = drawnPath.pathSegList;
+          let i = seglist.numberOfItems;
+          const FUZZ = 6 / currentZoom;
+          let clickOnPoint = false;
+          while (i) {
+            i--;
+            const item = seglist.getItem(i);
+            const px = item.x, py = item.y;
+            // found a matching point
+            if (x >= (px - FUZZ) && x <= (px + FUZZ) &&
+              y >= (py - FUZZ) && y <= (py + FUZZ)
+            ) {
+              clickOnPoint = true;
+              break;
+            }
+          }
+
+          // get path element that we are in the process of creating
+          id = editorContext_.getId();
+
+          // Remove previous path object if previously created
+          removePath_(id);
+
+          const newpath = getElem(id);
+          let newseg;
+          let sSeg;
+          const len = seglist.numberOfItems;
+          // if we clicked on an existing point, then we are done this path, commit it
+          // (i, i+1) are the x,y that were clicked on
+          if (clickOnPoint) {
+            // if clicked on any other point but the first OR
+            // the first point was clicked on and there are less than 3 points
+            // then leave the path open
+            // otherwise, close the path
+            if (i <= 1 && len >= 2) {
+              // Create end segment
+              const absX = seglist.getItem(0).x;
+              const absY = seglist.getItem(0).y;
+
+              sSeg = stretchy.pathSegList.getItem(1);
+              if (sSeg.pathSegType === 4) {
+                newseg = drawnPath.createSVGPathSegLinetoAbs(absX, absY);
+              } else {
+                newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(
+                  absX,
+                  absY,
+                  sSeg.x1 / currentZoom,
+                  sSeg.y1 / currentZoom,
+                  absX,
+                  absY
+                );
+              }
+
+              const endseg = drawnPath.createSVGPathSegClosePath();
+              seglist.appendItem(newseg);
+              seglist.appendItem(endseg);
+            } else if (len < 3) {
+              keep = false;
+              return keep;
+            }
+            $(stretchy).remove();
+
+            // This will signal to commit the path
+            // const element = newpath; // Other event handlers define own `element`, so this was probably not meant to interact with them or one which shares state (as there were none); I therefore adding a missing `var` to avoid a global
+            drawnPath = editorContext_.setDrawnPath(null);
+            editorContext_.setStarted(false);
+
+            if (subpath) {
+              if (path.matrix) {
+                editorContext_.remapElement(newpath, {}, path.matrix.inverse());
+              }
+
+              const newD = newpath.getAttribute('d');
+              const origD = $(path.elem).attr('d');
+              $(path.elem).attr('d', origD + newD);
+              $(newpath).remove();
+              if (path.matrix) {
+                recalcRotatedPath();
+              }
+              init();
+              pathActions.toEditMode(path.elem);
+              path.selectPt();
+              return false;
+            }
+          // else, create a new point, update path element
+          } else {
+            // Checks if current target or parents are #svgcontent
+            if (!$.contains(
+              editorContext_.getContainer(),
+              editorContext_.getMouseTarget(evt)
+            )) {
+              // Clicked outside canvas, so don't make point
+              console.log('Clicked outside canvas');
+              return false;
+            }
+
+            const num = drawnPath.pathSegList.numberOfItems;
+            const last = drawnPath.pathSegList.getItem(num - 1);
+            const lastx = last.x, lasty = last.y;
+
+            if (evt.shiftKey) {
+              const xya = snapToAngle(lastx, lasty, x, y);
+              ({x, y} = xya);
+            }
+
+            // Use the segment defined by stretchy
+            sSeg = stretchy.pathSegList.getItem(1);
+            if (sSeg.pathSegType === 4) {
+              newseg = drawnPath.createSVGPathSegLinetoAbs(
+                editorContext_.round(x),
+                editorContext_.round(y)
+              );
+            } else {
+              newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(
+                editorContext_.round(x),
+                editorContext_.round(y),
+                sSeg.x1 / currentZoom,
+                sSeg.y1 / currentZoom,
+                sSeg.x2 / currentZoom,
+                sSeg.y2 / currentZoom
+              );
+            }
+
+            drawnPath.pathSegList.appendItem(newseg);
+
+            x *= currentZoom;
+            y *= currentZoom;
+
+            // set stretchy line to latest point
+            stretchy.setAttribute('d', ['M', x, y, x, y].join(' '));
+            index = num;
+            if (subpath) { index += path.segs.length; }
+            addPointGrip(index, x, y);
+          }
+          // keep = true;
+        }
+
+        return;
+      }
+
+      // TODO: Make sure currentPath isn't null at this point
+      if (!path) { return; }
+
+      path.storeD();
+
+      ({id} = evt.target);
+      let curPt;
+      if (id.substr(0, 14) === 'pathpointgrip_') {
+        // Select this point
+        curPt = path.cur_pt = parseInt(id.substr(14), 10);
+        path.dragging = [startX, startY];
+        const seg = path.segs[curPt];
+
+        // only clear selection if shift is not pressed (otherwise, add
+        // node to selection)
+        if (!evt.shiftKey) {
+          if (path.selected_pts.length <= 1 || !seg.selected) {
+            path.clearSelection();
+          }
+          path.addPtsToSelection(curPt);
+        } else if (seg.selected) {
+          path.removePtFromSelection(curPt);
+        } else {
+          path.addPtsToSelection(curPt);
+        }
+      } else if (id.startsWith('ctrlpointgrip_')) {
+        path.dragging = [startX, startY];
+
+        const parts = id.split('_')[1].split('c');
+        curPt = Number(parts[0]);
+        const ctrlNum = Number(parts[1]);
+        path.selectPt(curPt, ctrlNum);
+      }
+
+      // Start selection box
+      if (!path.dragging) {
+        let rubberBox = editorContext_.getRubberBox();
+        if (rubberBox == null) {
+          rubberBox = editorContext_.setRubberBox(
+            editorContext_.selectorManager.getRubberBandBox()
+          );
+        }
+        const currentZoom = editorContext_.getCurrentZoom();
+        assignAttributes(rubberBox, {
+          x: startX * currentZoom,
+          y: startY * currentZoom,
+          width: 0,
+          height: 0,
+          display: 'inline'
+        }, 100);
+      }
+    },
+    /**
+    * @param {Float} mouseX
+    * @param {Float} mouseY
+    * @returns {undefined}
+    */
+    mouseMove (mouseX, mouseY) {
+      const currentZoom = editorContext_.getCurrentZoom();
+      hasMoved = true;
+      const drawnPath = editorContext_.getDrawnPath();
+      if (editorContext_.getCurrentMode() === 'path') {
+        if (!drawnPath) { return; }
+        const seglist = drawnPath.pathSegList;
+        const index = seglist.numberOfItems - 1;
+
+        if (newPoint) {
+          // First point
+          // if (!index) { return; }
+
+          // Set control points
+          const pointGrip1 = addCtrlGrip('1c1');
+          const pointGrip2 = addCtrlGrip('0c2');
+
+          // dragging pointGrip1
+          pointGrip1.setAttribute('cx', mouseX);
+          pointGrip1.setAttribute('cy', mouseY);
+          pointGrip1.setAttribute('display', 'inline');
+
+          const ptX = newPoint[0];
+          const ptY = newPoint[1];
+
+          // set curve
+          // const seg = seglist.getItem(index);
+          const curX = mouseX / currentZoom;
+          const curY = mouseY / currentZoom;
+          const altX = (ptX + (ptX - curX));
+          const altY = (ptY + (ptY - curY));
+
+          pointGrip2.setAttribute('cx', altX * currentZoom);
+          pointGrip2.setAttribute('cy', altY * currentZoom);
+          pointGrip2.setAttribute('display', 'inline');
+
+          const ctrlLine = getCtrlLine(1);
+          assignAttributes(ctrlLine, {
+            x1: mouseX,
+            y1: mouseY,
+            x2: altX * currentZoom,
+            y2: altY * currentZoom,
+            display: 'inline'
+          });
+
+          if (index === 0) {
+            firstCtrl = [mouseX, mouseY];
+          } else {
+            const last = seglist.getItem(index - 1);
+            let lastX = last.x;
+            let lastY = last.y;
+
+            if (last.pathSegType === 6) {
+              lastX += (lastX - last.x2);
+              lastY += (lastY - last.y2);
+            } else if (firstCtrl) {
+              lastX = firstCtrl[0] / currentZoom;
+              lastY = firstCtrl[1] / currentZoom;
+            }
+            replacePathSeg(6, index, [ptX, ptY, lastX, lastY, altX, altY], drawnPath);
+          }
+        } else {
+          const stretchy = getElem('path_stretch_line');
+          if (stretchy) {
+            const prev = seglist.getItem(index);
+            if (prev.pathSegType === 6) {
+              const prevX = prev.x + (prev.x - prev.x2);
+              const prevY = prev.y + (prev.y - prev.y2);
+              replacePathSeg(6, 1, [mouseX, mouseY, prevX * currentZoom, prevY * currentZoom, mouseX, mouseY], stretchy);
+            } else if (firstCtrl) {
+              replacePathSeg(6, 1, [mouseX, mouseY, firstCtrl[0], firstCtrl[1], mouseX, mouseY], stretchy);
+            } else {
+              replacePathSeg(4, 1, [mouseX, mouseY], stretchy);
+            }
+          }
+        }
+        return;
+      }
+      // if we are dragging a point, let's move it
+      if (path.dragging) {
+        const pt = getPointFromGrip({
+          x: path.dragging[0],
+          y: path.dragging[1]
+        }, path);
+        const mpt = getPointFromGrip({
+          x: mouseX,
+          y: mouseY
+        }, path);
+        const diffX = mpt.x - pt.x;
+        const diffY = mpt.y - pt.y;
+        path.dragging = [mouseX, mouseY];
+
+        if (path.dragctrl) {
+          path.moveCtrl(diffX, diffY);
+        } else {
+          path.movePts(diffX, diffY);
+        }
+      } else {
+        path.selected_pts = [];
+        path.eachSeg(function (i) {
+          const seg = this;
+          if (!seg.next && !seg.prev) { return; }
+
+          // const {item} = seg;
+          const rubberBox = editorContext_.getRubberBox();
+          const rbb = rubberBox.getBBox();
+
+          const pt = getGripPt(seg);
+          const ptBb = {
+            x: pt.x,
+            y: pt.y,
+            width: 0,
+            height: 0
+          };
+
+          const sel = rectsIntersect(rbb, ptBb);
+
+          this.select(sel);
+          // Note that addPtsToSelection is not being run
+          if (sel) { path.selected_pts.push(seg.index); }
+        });
+      }
+    },
+    /**
+    * @param {Event} evt
+    * @param {Element} element
+    * @param {Float} mouseX
+    * @param {Float} mouseY
+    * @returns {undefined}
+    */
+    mouseUp (evt, element, mouseX, mouseY) {
+      const drawnPath = editorContext_.getDrawnPath();
+      // Create mode
+      if (editorContext_.getCurrentMode() === 'path') {
+        newPoint = null;
+        if (!drawnPath) {
+          element = getElem(editorContext_.getId());
+          editorContext_.setStarted(false);
+          firstCtrl = null;
+        }
+
+        return {
+          keep: true,
+          element
+        };
+      }
+
+      // Edit mode
+      const rubberBox = editorContext_.getRubberBox();
+      if (path.dragging) {
+        const lastPt = path.cur_pt;
+
+        path.dragging = false;
+        path.dragctrl = false;
+        path.update();
+
+        if (hasMoved) {
+          path.endChanges('Move path point(s)');
+        }
+
+        if (!evt.shiftKey && !hasMoved) {
+          path.selectPt(lastPt);
+        }
+      } else if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+        // Done with multi-node-select
+        rubberBox.setAttribute('display', 'none');
+
+        if (rubberBox.getAttribute('width') <= 2 && rubberBox.getAttribute('height') <= 2) {
+          pathActions.toSelectMode(evt.target);
+        }
+
+      // else, move back to select mode
+      } else {
+        pathActions.toSelectMode(evt.target);
+      }
+      hasMoved = false;
+    },
+    /**
+    * @param {Element} element
+    * @returns {undefined}
+    */
+    toEditMode (element) {
+      path = getPath_(element);
+      editorContext_.setCurrentMode('pathedit');
+      editorContext_.clearSelection();
+      path.show(true).update();
+      path.oldbbox = utilsGetBBox(path.elem);
+      subpath = false;
+    },
+    /**
+    * @param {Element} element
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    * @returns {undefined}
+    */
+    toSelectMode (elem) {
+      const selPath = (elem === path.elem);
+      editorContext_.setCurrentMode('select');
+      path.show(false);
+      currentPath = false;
+      editorContext_.clearSelection();
+
+      if (path.matrix) {
+        // Rotated, so may need to re-calculate the center
+        recalcRotatedPath();
+      }
+
+      if (selPath) {
+        editorContext_.call('selected', [elem]);
+        editorContext_.addToSelection([elem], true);
+      }
+    },
+    /**
+    * @param {boolean} on
+    * @returns {undefined}
+    */
+    addSubPath (on) {
+      if (on) {
+        // Internally we go into "path" mode, but in the UI it will
+        // still appear as if in "pathedit" mode.
+        editorContext_.setCurrentMode('path');
+        subpath = true;
+      } else {
+        pathActions.clear(true);
+        pathActions.toEditMode(path.elem);
+      }
+    },
+    /**
+    * @param {Element} target
+    * @returns {undefined}
+    */
+    select (target) {
+      if (currentPath === target) {
+        pathActions.toEditMode(target);
+        editorContext_.setCurrentMode('pathedit');
+      // going into pathedit mode
+      } else {
+        currentPath = target;
+      }
+    },
+    /**
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    reorient () {
+      const elem = editorContext_.getSelectedElements()[0];
+      if (!elem) { return; }
+      const angle = getRotationAngle(elem);
+      if (angle === 0) { return; }
+
+      const batchCmd = new BatchCommand('Reorient path');
+      const changes = {
+        d: elem.getAttribute('d'),
+        transform: elem.getAttribute('transform')
+      };
+      batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));
+      editorContext_.clearSelection();
+      this.resetOrientation(elem);
+
+      editorContext_.addCommandToHistory(batchCmd);
+
+      // Set matrix to null
+      getPath_(elem).show(false).matrix = null;
+
+      this.clear();
+
+      editorContext_.addToSelection([elem], true);
+      editorContext_.call('changed', editorContext_.getSelectedElements());
+    },
+
+    /**
+    * @param {boolean} remove Not in use
+    * @returns {undefined}
+    */
+    clear (remove) {
+      const drawnPath = editorContext_.getDrawnPath();
+      currentPath = null;
+      if (drawnPath) {
+        const elem = getElem(editorContext_.getId());
+        $(getElem('path_stretch_line')).remove();
+        $(elem).remove();
+        $(getElem('pathpointgrip_container')).find('*').attr('display', 'none');
+        firstCtrl = null;
+        editorContext_.setDrawnPath(null);
+        editorContext_.setStarted(false);
+      } else if (editorContext_.getCurrentMode() === 'pathedit') {
+        this.toSelectMode();
+      }
+      if (path) { path.init().show(false); }
+    },
+    /**
+    * @param {?(Element|SVGPathElement)} pth
+    * @returns {false|undefined}
+    */
+    resetOrientation (pth) {
+      if (pth == null || pth.nodeName !== 'path') { return false; }
+      const tlist = getTransformList(pth);
+      const m = transformListToTransform(tlist).matrix;
+      tlist.clear();
+      pth.removeAttribute('transform');
+      const segList = pth.pathSegList;
+
+      // Opera/win/non-EN throws an error here.
+      // TODO: Find out why!
+      // Presumed fixed in Opera 10.5, so commented out for now
+
+      // try {
+      const len = segList.numberOfItems;
+      // } catch(err) {
+      //   const fixed_d = pathActions.convertPath(pth);
+      //   pth.setAttribute('d', fixed_d);
+      //   segList = pth.pathSegList;
+      //   const len = segList.numberOfItems;
+      // }
+      // let lastX, lastY;
+      for (let i = 0; i < len; ++i) {
+        const seg = segList.getItem(i);
+        const type = seg.pathSegType;
+        if (type === 1) { continue; }
+        const pts = [];
+        $.each(['', 1, 2], function (j, n) {
+          const x = seg['x' + n], y = seg['y' + n];
+          if (x !== undefined && y !== undefined) {
+            const pt = transformPoint(x, y, m);
+            pts.splice(pts.length, 0, pt.x, pt.y);
+          }
+        });
+        replacePathSeg(type, i, pts, pth);
+      }
+
+      reorientGrads(pth, m);
+    },
+    /**
+    * @returns {undefined}
+    */
+    zoomChange () {
+      if (editorContext_.getCurrentMode() === 'pathedit') {
+        path.update();
+      }
+    },
+    /**
+    * @typedef {PlainObject} module:path.NodePoint
+    * @property {Float} x
+    * @property {Float} y
+    * @property {Integer} type
+    */
+    /**
+    * @returns {module:path.NodePoint}
+    */
+    getNodePoint () {
+      const selPt = path.selected_pts.length ? path.selected_pts[0] : 1;
+
+      const seg = path.segs[selPt];
+      return {
+        x: seg.item.x,
+        y: seg.item.y,
+        type: seg.type
+      };
+    },
+    /**
+    * @param {boolean} linkPoints
+    * @returns {undefined}
+    */
+    linkControlPoints (linkPoints) {
+      setLinkControlPoints(linkPoints);
+    },
+    /**
+    * @returns {undefined}
+    */
+    clonePathNode () {
+      path.storeD();
+
+      const selPts = path.selected_pts;
+      // const {segs} = path;
+
+      let i = selPts.length;
+      const nums = [];
+
+      while (i--) {
+        const pt = selPts[i];
+        path.addSeg(pt);
+
+        nums.push(pt + i);
+        nums.push(pt + i + 1);
+      }
+      path.init().addPtsToSelection(nums);
+
+      path.endChanges('Clone path node(s)');
+    },
+    /**
+    * @returns {undefined}
+    */
+    opencloseSubPath () {
+      const selPts = path.selected_pts;
+      // Only allow one selected node for now
+      if (selPts.length !== 1) { return; }
+
+      const {elem} = path;
+      const list = elem.pathSegList;
+
+      // const len = list.numberOfItems;
+
+      const index = selPts[0];
+
+      let openPt = null;
+      let startItem = null;
+
+      // Check if subpath is already open
+      path.eachSeg(function (i) {
+        if (this.type === 2 && i <= index) {
+          startItem = this.item;
+        }
+        if (i <= index) { return true; }
+        if (this.type === 2) {
+          // Found M first, so open
+          openPt = i;
+          return false;
+        }
+        if (this.type === 1) {
+          // Found Z first, so closed
+          openPt = false;
+          return false;
+        }
+      });
+
+      if (openPt == null) {
+        // Single path, so close last seg
+        openPt = path.segs.length - 1;
+      }
+
+      if (openPt !== false) {
+        // Close this path
+
+        // Create a line going to the previous "M"
+        const newseg = elem.createSVGPathSegLinetoAbs(startItem.x, startItem.y);
+
+        const closer = elem.createSVGPathSegClosePath();
+        if (openPt === path.segs.length - 1) {
+          list.appendItem(newseg);
+          list.appendItem(closer);
+        } else {
+          insertItemBefore(elem, closer, openPt);
+          insertItemBefore(elem, newseg, openPt);
+        }
+
+        path.init().selectPt(openPt + 1);
+        return;
+      }
+
+      // M 1,1 L 2,2 L 3,3 L 1,1 z // open at 2,2
+      // M 2,2 L 3,3 L 1,1
+
+      // M 1,1 L 2,2 L 1,1 z M 4,4 L 5,5 L6,6 L 5,5 z
+      // M 1,1 L 2,2 L 1,1 z [M 4,4] L 5,5 L(M)6,6 L 5,5 z
+
+      const seg = path.segs[index];
+
+      if (seg.mate) {
+        list.removeItem(index); // Removes last "L"
+        list.removeItem(index); // Removes the "Z"
+        path.init().selectPt(index - 1);
+        return;
+      }
+
+      let lastM, zSeg;
+
+      // Find this sub-path's closing point and remove
+      for (let i = 0; i < list.numberOfItems; i++) {
+        const item = list.getItem(i);
+
+        if (item.pathSegType === 2) {
+          // Find the preceding M
+          lastM = i;
+        } else if (i === index) {
+          // Remove it
+          list.removeItem(lastM);
+          // index--;
+        } else if (item.pathSegType === 1 && index < i) {
+          // Remove the closing seg of this subpath
+          zSeg = i - 1;
+          list.removeItem(i);
+          break;
+        }
+      }
+
+      let num = (index - lastM) - 1;
+
+      while (num--) {
+        insertItemBefore(elem, list.getItem(lastM), zSeg);
+      }
+
+      const pt = list.getItem(lastM);
+
+      // Make this point the new "M"
+      replacePathSeg(2, lastM, [pt.x, pt.y]);
+
+      // i = index; // i is local here, so has no effect; what was the intent for this?
+
+      path.init().selectPt(0);
+    },
+    /**
+    * @returns {undefined}
+    */
+    deletePathNode () {
+      if (!pathActions.canDeleteNodes) { return; }
+      path.storeD();
+
+      const selPts = path.selected_pts;
+
+      let i = selPts.length;
+      while (i--) {
+        const pt = selPts[i];
+        path.deleteSeg(pt);
+      }
+
+      // Cleanup
+      const cleanup = function () {
+        const segList = path.elem.pathSegList;
+        let len = segList.numberOfItems;
+
+        const remItems = function (pos, count) {
+          while (count--) {
+            segList.removeItem(pos);
+          }
+        };
+
+        if (len <= 1) { return true; }
+
+        while (len--) {
+          const item = segList.getItem(len);
+          if (item.pathSegType === 1) {
+            const prev = segList.getItem(len - 1);
+            const nprev = segList.getItem(len - 2);
+            if (prev.pathSegType === 2) {
+              remItems(len - 1, 2);
+              cleanup();
+              break;
+            } else if (nprev.pathSegType === 2) {
+              remItems(len - 2, 3);
+              cleanup();
+              break;
+            }
+          } else if (item.pathSegType === 2) {
+            if (len > 0) {
+              const prevType = segList.getItem(len - 1).pathSegType;
+              // Path has M M
+              if (prevType === 2) {
+                remItems(len - 1, 1);
+                cleanup();
+                break;
+              // Entire path ends with Z M
+              } else if (prevType === 1 && segList.numberOfItems - 1 === len) {
+                remItems(len, 1);
+                cleanup();
+                break;
+              }
+            }
+          }
+        }
+        return false;
+      };
+
+      cleanup();
+
+      // Completely delete a path with 1 or 0 segments
+      if (path.elem.pathSegList.numberOfItems <= 1) {
+        pathActions.toSelectMode(path.elem);
+        editorContext_.canvas.deleteSelectedElements();
+        return;
+      }
+
+      path.init();
+      path.clearSelection();
+
+      // TODO: Find right way to select point now
+      // path.selectPt(selPt);
+      if (window.opera) { // Opera repaints incorrectly
+        const cp = $(path.elem);
+        cp.attr('d', cp.attr('d'));
+      }
+      path.endChanges('Delete path node(s)');
+    },
+    // Can't seem to use `@borrows` here, so using `@see`
+    /**
+    * Smooth polyline into path
+    * @function module:path.pathActions.smoothPolylineIntoPath
+    * @see module:path~smoothPolylineIntoPath
+    */
+    smoothPolylineIntoPath,
+    /**
+    * @returns {undefined}
+    */
+    setSegType (v) {
+      path.setSegType(v);
+    },
+    /**
+    * @param {string} attr
+    * @param {Float} newValue
+    * @returns {undefined}
+    */
+    moveNode (attr, newValue) {
+      const selPts = path.selected_pts;
+      if (!selPts.length) { return; }
+
+      path.storeD();
+
+      // Get first selected point
+      const seg = path.segs[selPts[0]];
+      const diff = {x: 0, y: 0};
+      diff[attr] = newValue - seg.item[attr];
+
+      seg.move(diff.x, diff.y);
+      path.endChanges('Move path point');
+    },
+    /**
+    * @param {Element} elem
+    * @returns {undefined}
+    */
+    fixEnd (elem) {
+      // Adds an extra segment if the last seg before a Z doesn't end
+      // at its M point
+      // M0,0 L0,100 L100,100 z
+      const segList = elem.pathSegList;
+      const len = segList.numberOfItems;
+      let lastM;
+      for (let i = 0; i < len; ++i) {
+        const item = segList.getItem(i);
+        if (item.pathSegType === 2) {
+          lastM = item;
+        }
+
+        if (item.pathSegType === 1) {
+          const prev = segList.getItem(i - 1);
+          if (prev.x !== lastM.x || prev.y !== lastM.y) {
+            // Add an L segment here
+            const newseg = elem.createSVGPathSegLinetoAbs(lastM.x, lastM.y);
+            insertItemBefore(elem, newseg, i);
+            // Can this be done better?
+            pathActions.fixEnd(elem);
+            break;
+          }
+        }
+      }
+      if (isWebkit()) { editorContext_.resetD(elem); }
+    },
+    // Can't seem to use `@borrows` here, so using `@see`
+    /**
+    * Convert a path to one with only absolute or relative values
+    * @function module:path.pathActions.convertPath
+    * @see module:path.convertPath
+    */
+    convertPath
+  });
+})();
+// end pathActions
diff --git a/editor/pathseg.js b/editor/pathseg.js
deleted file mode 100644
index 39479343..00000000
--- a/editor/pathseg.js
+++ /dev/null
@@ -1,849 +0,0 @@
-// SVGPathSeg API polyfill
-// https://github.com/progers/pathseg
-//
-// This is a drop-in replacement for the SVGPathSeg and SVGPathSegList APIs that were removed from
-// SVG2 (https://lists.w3.org/Archives/Public/www-svg/2015Jun/0044.html), including the latest spec
-// changes which were implemented in Firefox 43 and Chrome 46.
-
-(function() { "use strict";
-    if (!("SVGPathSeg" in window)) {
-        // Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSeg
-        window.SVGPathSeg = function(type, typeAsLetter, owningPathSegList) {
-            this.pathSegType = type;
-            this.pathSegTypeAsLetter = typeAsLetter;
-            this._owningPathSegList = owningPathSegList;
-        }
-
-        window.SVGPathSeg.prototype.classname = "SVGPathSeg";
-
-        window.SVGPathSeg.PATHSEG_UNKNOWN = 0;
-        window.SVGPathSeg.PATHSEG_CLOSEPATH = 1;
-        window.SVGPathSeg.PATHSEG_MOVETO_ABS = 2;
-        window.SVGPathSeg.PATHSEG_MOVETO_REL = 3;
-        window.SVGPathSeg.PATHSEG_LINETO_ABS = 4;
-        window.SVGPathSeg.PATHSEG_LINETO_REL = 5;
-        window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS = 6;
-        window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL = 7;
-        window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS = 8;
-        window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL = 9;
-        window.SVGPathSeg.PATHSEG_ARC_ABS = 10;
-        window.SVGPathSeg.PATHSEG_ARC_REL = 11;
-        window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS = 12;
-        window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL = 13;
-        window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS = 14;
-        window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL = 15;
-        window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS = 16;
-        window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL = 17;
-        window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS = 18;
-        window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL = 19;
-
-        // Notify owning PathSegList on any changes so they can be synchronized back to the path element.
-        window.SVGPathSeg.prototype._segmentChanged = function() {
-            if (this._owningPathSegList)
-                this._owningPathSegList.segmentChanged(this);
-        }
-
-        window.SVGPathSegClosePath = function(owningPathSegList) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CLOSEPATH, "z", owningPathSegList);
-        }
-        window.SVGPathSegClosePath.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegClosePath.prototype.toString = function() { return "[object SVGPathSegClosePath]"; }
-        window.SVGPathSegClosePath.prototype._asPathString = function() { return this.pathSegTypeAsLetter; }
-        window.SVGPathSegClosePath.prototype.clone = function() { return new window.SVGPathSegClosePath(undefined); }
-
-        window.SVGPathSegMovetoAbs = function(owningPathSegList, x, y) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_MOVETO_ABS, "M", owningPathSegList);
-            this._x = x;
-            this._y = y;
-        }
-        window.SVGPathSegMovetoAbs.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegMovetoAbs.prototype.toString = function() { return "[object SVGPathSegMovetoAbs]"; }
-        window.SVGPathSegMovetoAbs.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x + " " + this._y; }
-        window.SVGPathSegMovetoAbs.prototype.clone = function() { return new window.SVGPathSegMovetoAbs(undefined, this._x, this._y); }
-        Object.defineProperty(window.SVGPathSegMovetoAbs.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegMovetoAbs.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegMovetoRel = function(owningPathSegList, x, y) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_MOVETO_REL, "m", owningPathSegList);
-            this._x = x;
-            this._y = y;
-        }
-        window.SVGPathSegMovetoRel.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegMovetoRel.prototype.toString = function() { return "[object SVGPathSegMovetoRel]"; }
-        window.SVGPathSegMovetoRel.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x + " " + this._y; }
-        window.SVGPathSegMovetoRel.prototype.clone = function() { return new window.SVGPathSegMovetoRel(undefined, this._x, this._y); }
-        Object.defineProperty(window.SVGPathSegMovetoRel.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegMovetoRel.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegLinetoAbs = function(owningPathSegList, x, y) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_ABS, "L", owningPathSegList);
-            this._x = x;
-            this._y = y;
-        }
-        window.SVGPathSegLinetoAbs.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegLinetoAbs.prototype.toString = function() { return "[object SVGPathSegLinetoAbs]"; }
-        window.SVGPathSegLinetoAbs.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x + " " + this._y; }
-        window.SVGPathSegLinetoAbs.prototype.clone = function() { return new window.SVGPathSegLinetoAbs(undefined, this._x, this._y); }
-        Object.defineProperty(window.SVGPathSegLinetoAbs.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegLinetoAbs.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegLinetoRel = function(owningPathSegList, x, y) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_REL, "l", owningPathSegList);
-            this._x = x;
-            this._y = y;
-        }
-        window.SVGPathSegLinetoRel.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegLinetoRel.prototype.toString = function() { return "[object SVGPathSegLinetoRel]"; }
-        window.SVGPathSegLinetoRel.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x + " " + this._y; }
-        window.SVGPathSegLinetoRel.prototype.clone = function() { return new window.SVGPathSegLinetoRel(undefined, this._x, this._y); }
-        Object.defineProperty(window.SVGPathSegLinetoRel.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegLinetoRel.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegCurvetoCubicAbs = function(owningPathSegList, x, y, x1, y1, x2, y2) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS, "C", owningPathSegList);
-            this._x = x;
-            this._y = y;
-            this._x1 = x1;
-            this._y1 = y1;
-            this._x2 = x2;
-            this._y2 = y2;
-        }
-        window.SVGPathSegCurvetoCubicAbs.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegCurvetoCubicAbs.prototype.toString = function() { return "[object SVGPathSegCurvetoCubicAbs]"; }
-        window.SVGPathSegCurvetoCubicAbs.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x1 + " " + this._y1 + " " + this._x2 + " " + this._y2 + " " + this._x + " " + this._y; }
-        window.SVGPathSegCurvetoCubicAbs.prototype.clone = function() { return new window.SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2); }
-        Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, "x1", { get: function() { return this._x1; }, set: function(x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, "y1", { get: function() { return this._y1; }, set: function(y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, "x2", { get: function() { return this._x2; }, set: function(x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype, "y2", { get: function() { return this._y2; }, set: function(y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegCurvetoCubicRel = function(owningPathSegList, x, y, x1, y1, x2, y2) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, "c", owningPathSegList);
-            this._x = x;
-            this._y = y;
-            this._x1 = x1;
-            this._y1 = y1;
-            this._x2 = x2;
-            this._y2 = y2;
-        }
-        window.SVGPathSegCurvetoCubicRel.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegCurvetoCubicRel.prototype.toString = function() { return "[object SVGPathSegCurvetoCubicRel]"; }
-        window.SVGPathSegCurvetoCubicRel.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x1 + " " + this._y1 + " " + this._x2 + " " + this._y2 + " " + this._x + " " + this._y; }
-        window.SVGPathSegCurvetoCubicRel.prototype.clone = function() { return new window.SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2); }
-        Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, "x1", { get: function() { return this._x1; }, set: function(x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, "y1", { get: function() { return this._y1; }, set: function(y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, "x2", { get: function() { return this._x2; }, set: function(x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype, "y2", { get: function() { return this._y2; }, set: function(y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegCurvetoQuadraticAbs = function(owningPathSegList, x, y, x1, y1) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS, "Q", owningPathSegList);
-            this._x = x;
-            this._y = y;
-            this._x1 = x1;
-            this._y1 = y1;
-        }
-        window.SVGPathSegCurvetoQuadraticAbs.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegCurvetoQuadraticAbs.prototype.toString = function() { return "[object SVGPathSegCurvetoQuadraticAbs]"; }
-        window.SVGPathSegCurvetoQuadraticAbs.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x1 + " " + this._y1 + " " + this._x + " " + this._y; }
-        window.SVGPathSegCurvetoQuadraticAbs.prototype.clone = function() { return new window.SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1); }
-        Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype, "x1", { get: function() { return this._x1; }, set: function(x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype, "y1", { get: function() { return this._y1; }, set: function(y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegCurvetoQuadraticRel = function(owningPathSegList, x, y, x1, y1) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL, "q", owningPathSegList);
-            this._x = x;
-            this._y = y;
-            this._x1 = x1;
-            this._y1 = y1;
-        }
-        window.SVGPathSegCurvetoQuadraticRel.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegCurvetoQuadraticRel.prototype.toString = function() { return "[object SVGPathSegCurvetoQuadraticRel]"; }
-        window.SVGPathSegCurvetoQuadraticRel.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x1 + " " + this._y1 + " " + this._x + " " + this._y; }
-        window.SVGPathSegCurvetoQuadraticRel.prototype.clone = function() { return new window.SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1); }
-        Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype, "x1", { get: function() { return this._x1; }, set: function(x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype, "y1", { get: function() { return this._y1; }, set: function(y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegArcAbs = function(owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_ARC_ABS, "A", owningPathSegList);
-            this._x = x;
-            this._y = y;
-            this._r1 = r1;
-            this._r2 = r2;
-            this._angle = angle;
-            this._largeArcFlag = largeArcFlag;
-            this._sweepFlag = sweepFlag;
-        }
-        window.SVGPathSegArcAbs.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegArcAbs.prototype.toString = function() { return "[object SVGPathSegArcAbs]"; }
-        window.SVGPathSegArcAbs.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._r1 + " " + this._r2 + " " + this._angle + " " + (this._largeArcFlag ? "1" : "0") + " " + (this._sweepFlag ? "1" : "0") + " " + this._x + " " + this._y; }
-        window.SVGPathSegArcAbs.prototype.clone = function() { return new window.SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag); }
-        Object.defineProperty(window.SVGPathSegArcAbs.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegArcAbs.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegArcAbs.prototype, "r1", { get: function() { return this._r1; }, set: function(r1) { this._r1 = r1; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegArcAbs.prototype, "r2", { get: function() { return this._r2; }, set: function(r2) { this._r2 = r2; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegArcAbs.prototype, "angle", { get: function() { return this._angle; }, set: function(angle) { this._angle = angle; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegArcAbs.prototype, "largeArcFlag", { get: function() { return this._largeArcFlag; }, set: function(largeArcFlag) { this._largeArcFlag = largeArcFlag; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegArcAbs.prototype, "sweepFlag", { get: function() { return this._sweepFlag; }, set: function(sweepFlag) { this._sweepFlag = sweepFlag; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegArcRel = function(owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_ARC_REL, "a", owningPathSegList);
-            this._x = x;
-            this._y = y;
-            this._r1 = r1;
-            this._r2 = r2;
-            this._angle = angle;
-            this._largeArcFlag = largeArcFlag;
-            this._sweepFlag = sweepFlag;
-        }
-        window.SVGPathSegArcRel.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegArcRel.prototype.toString = function() { return "[object SVGPathSegArcRel]"; }
-        window.SVGPathSegArcRel.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._r1 + " " + this._r2 + " " + this._angle + " " + (this._largeArcFlag ? "1" : "0") + " " + (this._sweepFlag ? "1" : "0") + " " + this._x + " " + this._y; }
-        window.SVGPathSegArcRel.prototype.clone = function() { return new window.SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag); }
-        Object.defineProperty(window.SVGPathSegArcRel.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegArcRel.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegArcRel.prototype, "r1", { get: function() { return this._r1; }, set: function(r1) { this._r1 = r1; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegArcRel.prototype, "r2", { get: function() { return this._r2; }, set: function(r2) { this._r2 = r2; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegArcRel.prototype, "angle", { get: function() { return this._angle; }, set: function(angle) { this._angle = angle; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegArcRel.prototype, "largeArcFlag", { get: function() { return this._largeArcFlag; }, set: function(largeArcFlag) { this._largeArcFlag = largeArcFlag; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegArcRel.prototype, "sweepFlag", { get: function() { return this._sweepFlag; }, set: function(sweepFlag) { this._sweepFlag = sweepFlag; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegLinetoHorizontalAbs = function(owningPathSegList, x) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS, "H", owningPathSegList);
-            this._x = x;
-        }
-        window.SVGPathSegLinetoHorizontalAbs.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegLinetoHorizontalAbs.prototype.toString = function() { return "[object SVGPathSegLinetoHorizontalAbs]"; }
-        window.SVGPathSegLinetoHorizontalAbs.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x; }
-        window.SVGPathSegLinetoHorizontalAbs.prototype.clone = function() { return new window.SVGPathSegLinetoHorizontalAbs(undefined, this._x); }
-        Object.defineProperty(window.SVGPathSegLinetoHorizontalAbs.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegLinetoHorizontalRel = function(owningPathSegList, x) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL, "h", owningPathSegList);
-            this._x = x;
-        }
-        window.SVGPathSegLinetoHorizontalRel.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegLinetoHorizontalRel.prototype.toString = function() { return "[object SVGPathSegLinetoHorizontalRel]"; }
-        window.SVGPathSegLinetoHorizontalRel.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x; }
-        window.SVGPathSegLinetoHorizontalRel.prototype.clone = function() { return new window.SVGPathSegLinetoHorizontalRel(undefined, this._x); }
-        Object.defineProperty(window.SVGPathSegLinetoHorizontalRel.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegLinetoVerticalAbs = function(owningPathSegList, y) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS, "V", owningPathSegList);
-            this._y = y;
-        }
-        window.SVGPathSegLinetoVerticalAbs.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegLinetoVerticalAbs.prototype.toString = function() { return "[object SVGPathSegLinetoVerticalAbs]"; }
-        window.SVGPathSegLinetoVerticalAbs.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._y; }
-        window.SVGPathSegLinetoVerticalAbs.prototype.clone = function() { return new window.SVGPathSegLinetoVerticalAbs(undefined, this._y); }
-        Object.defineProperty(window.SVGPathSegLinetoVerticalAbs.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegLinetoVerticalRel = function(owningPathSegList, y) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL, "v", owningPathSegList);
-            this._y = y;
-        }
-        window.SVGPathSegLinetoVerticalRel.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegLinetoVerticalRel.prototype.toString = function() { return "[object SVGPathSegLinetoVerticalRel]"; }
-        window.SVGPathSegLinetoVerticalRel.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._y; }
-        window.SVGPathSegLinetoVerticalRel.prototype.clone = function() { return new window.SVGPathSegLinetoVerticalRel(undefined, this._y); }
-        Object.defineProperty(window.SVGPathSegLinetoVerticalRel.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegCurvetoCubicSmoothAbs = function(owningPathSegList, x, y, x2, y2) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS, "S", owningPathSegList);
-            this._x = x;
-            this._y = y;
-            this._x2 = x2;
-            this._y2 = y2;
-        }
-        window.SVGPathSegCurvetoCubicSmoothAbs.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegCurvetoCubicSmoothAbs.prototype.toString = function() { return "[object SVGPathSegCurvetoCubicSmoothAbs]"; }
-        window.SVGPathSegCurvetoCubicSmoothAbs.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x2 + " " + this._y2 + " " + this._x + " " + this._y; }
-        window.SVGPathSegCurvetoCubicSmoothAbs.prototype.clone = function() { return new window.SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2); }
-        Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype, "x2", { get: function() { return this._x2; }, set: function(x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype, "y2", { get: function() { return this._y2; }, set: function(y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegCurvetoCubicSmoothRel = function(owningPathSegList, x, y, x2, y2) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL, "s", owningPathSegList);
-            this._x = x;
-            this._y = y;
-            this._x2 = x2;
-            this._y2 = y2;
-        }
-        window.SVGPathSegCurvetoCubicSmoothRel.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegCurvetoCubicSmoothRel.prototype.toString = function() { return "[object SVGPathSegCurvetoCubicSmoothRel]"; }
-        window.SVGPathSegCurvetoCubicSmoothRel.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x2 + " " + this._y2 + " " + this._x + " " + this._y; }
-        window.SVGPathSegCurvetoCubicSmoothRel.prototype.clone = function() { return new window.SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2); }
-        Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype, "x2", { get: function() { return this._x2; }, set: function(x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype, "y2", { get: function() { return this._y2; }, set: function(y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegCurvetoQuadraticSmoothAbs = function(owningPathSegList, x, y) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS, "T", owningPathSegList);
-            this._x = x;
-            this._y = y;
-        }
-        window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype.toString = function() { return "[object SVGPathSegCurvetoQuadraticSmoothAbs]"; }
-        window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x + " " + this._y; }
-        window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype.clone = function() { return new window.SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y); }
-        Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-
-        window.SVGPathSegCurvetoQuadraticSmoothRel = function(owningPathSegList, x, y) {
-            window.SVGPathSeg.call(this, window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL, "t", owningPathSegList);
-            this._x = x;
-            this._y = y;
-        }
-        window.SVGPathSegCurvetoQuadraticSmoothRel.prototype = Object.create(window.SVGPathSeg.prototype);
-        window.SVGPathSegCurvetoQuadraticSmoothRel.prototype.toString = function() { return "[object SVGPathSegCurvetoQuadraticSmoothRel]"; }
-        window.SVGPathSegCurvetoQuadraticSmoothRel.prototype._asPathString = function() { return this.pathSegTypeAsLetter + " " + this._x + " " + this._y; }
-        window.SVGPathSegCurvetoQuadraticSmoothRel.prototype.clone = function() { return new window.SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y); }
-        Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothRel.prototype, "x", { get: function() { return this._x; }, set: function(x) { this._x = x; this._segmentChanged(); }, enumerable: true });
-        Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothRel.prototype, "y", { get: function() { return this._y; }, set: function(y) { this._y = y; this._segmentChanged(); }, enumerable: true });
-
-        // Add createSVGPathSeg* functions to window.SVGPathElement.
-        // Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-Interfacewindow.SVGPathElement.
-        window.SVGPathElement.prototype.createSVGPathSegClosePath = function() { return new window.SVGPathSegClosePath(undefined); }
-        window.SVGPathElement.prototype.createSVGPathSegMovetoAbs = function(x, y) { return new window.SVGPathSegMovetoAbs(undefined, x, y); }
-        window.SVGPathElement.prototype.createSVGPathSegMovetoRel = function(x, y) { return new window.SVGPathSegMovetoRel(undefined, x, y); }
-        window.SVGPathElement.prototype.createSVGPathSegLinetoAbs = function(x, y) { return new window.SVGPathSegLinetoAbs(undefined, x, y); }
-        window.SVGPathElement.prototype.createSVGPathSegLinetoRel = function(x, y) { return new window.SVGPathSegLinetoRel(undefined, x, y); }
-        window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs = function(x, y, x1, y1, x2, y2) { return new window.SVGPathSegCurvetoCubicAbs(undefined, x, y, x1, y1, x2, y2); }
-        window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel = function(x, y, x1, y1, x2, y2) { return new window.SVGPathSegCurvetoCubicRel(undefined, x, y, x1, y1, x2, y2); }
-        window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs = function(x, y, x1, y1) { return new window.SVGPathSegCurvetoQuadraticAbs(undefined, x, y, x1, y1); }
-        window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel = function(x, y, x1, y1) { return new window.SVGPathSegCurvetoQuadraticRel(undefined, x, y, x1, y1); }
-        window.SVGPathElement.prototype.createSVGPathSegArcAbs = function(x, y, r1, r2, angle, largeArcFlag, sweepFlag) { return new window.SVGPathSegArcAbs(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag); }
-        window.SVGPathElement.prototype.createSVGPathSegArcRel = function(x, y, r1, r2, angle, largeArcFlag, sweepFlag) { return new window.SVGPathSegArcRel(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag); }
-        window.SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs = function(x) { return new window.SVGPathSegLinetoHorizontalAbs(undefined, x); }
-        window.SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel = function(x) { return new window.SVGPathSegLinetoHorizontalRel(undefined, x); }
-        window.SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs = function(y) { return new window.SVGPathSegLinetoVerticalAbs(undefined, y); }
-        window.SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel = function(y) { return new window.SVGPathSegLinetoVerticalRel(undefined, y); }
-        window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs = function(x, y, x2, y2) { return new window.SVGPathSegCurvetoCubicSmoothAbs(undefined, x, y, x2, y2); }
-        window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel = function(x, y, x2, y2) { return new window.SVGPathSegCurvetoCubicSmoothRel(undefined, x, y, x2, y2); }
-        window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs = function(x, y) { return new window.SVGPathSegCurvetoQuadraticSmoothAbs(undefined, x, y); }
-        window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel = function(x, y) { return new window.SVGPathSegCurvetoQuadraticSmoothRel(undefined, x, y); }
-
-        if (!("getPathSegAtLength" in window.SVGPathElement.prototype)) {
-            // Add getPathSegAtLength to SVGPathElement.
-            // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-__svg__SVGPathElement__getPathSegAtLength
-            // This polyfill requires SVGPathElement.getTotalLength to implement the distance-along-a-path algorithm.
-            window.SVGPathElement.prototype.getPathSegAtLength = function(distance) {
-                if (distance === undefined || !isFinite(distance))
-                    throw "Invalid arguments.";
-
-                var measurementElement = document.createElementNS("http://www.w3.org/2000/svg", "path");
-                measurementElement.setAttribute("d", this.getAttribute("d"));
-                var lastPathSegment = measurementElement.pathSegList.numberOfItems - 1;
-
-                // If the path is empty, return 0.
-                if (lastPathSegment <= 0)
-                    return 0;
-
-                do {
-                    measurementElement.pathSegList.removeItem(lastPathSegment);
-                    if (distance > measurementElement.getTotalLength())
-                        break;
-                    lastPathSegment--;
-                } while (lastPathSegment > 0);
-                return lastPathSegment;
-            }
-        }
-    }
-
-    // Checking for SVGPathSegList in window checks for the case of an implementation without the
-    // SVGPathSegList API.
-    // The second check for appendItem is specific to Firefox 59+ which removed only parts of the
-    // SVGPathSegList API (e.g., appendItem). In this case we need to re-implement the entire API
-    // so the polyfill data (i.e., _list) is used throughout.
-    if (!("SVGPathSegList" in window) || !("appendItem" in window.SVGPathSegList.prototype)) {
-        // Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSegList
-        window.SVGPathSegList = function(pathElement) {
-            this._pathElement = pathElement;
-            this._list = this._parsePath(this._pathElement.getAttribute("d"));
-
-            // Use a MutationObserver to catch changes to the path's "d" attribute.
-            this._mutationObserverConfig = { "attributes": true, "attributeFilter": ["d"] };
-            this._pathElementMutationObserver = new MutationObserver(this._updateListFromPathMutations.bind(this));
-            this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
-        }
-
-        window.SVGPathSegList.prototype.classname = "SVGPathSegList";
-
-        Object.defineProperty(window.SVGPathSegList.prototype, "numberOfItems", {
-            get: function() {
-                this._checkPathSynchronizedToList();
-                return this._list.length;
-            },
-            enumerable: true
-        });
-
-        // Add the pathSegList accessors to window.SVGPathElement.
-        // Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGAnimatedPathData
-        Object.defineProperty(window.SVGPathElement.prototype, "pathSegList", {
-            get: function() {
-                if (!this._pathSegList)
-                    this._pathSegList = new window.SVGPathSegList(this);
-                return this._pathSegList;
-            },
-            enumerable: true
-        });
-        // FIXME: The following are not implemented and simply return window.SVGPathElement.pathSegList.
-        Object.defineProperty(window.SVGPathElement.prototype, "normalizedPathSegList", { get: function() { return this.pathSegList; }, enumerable: true });
-        Object.defineProperty(window.SVGPathElement.prototype, "animatedPathSegList", { get: function() { return this.pathSegList; }, enumerable: true });
-        Object.defineProperty(window.SVGPathElement.prototype, "animatedNormalizedPathSegList", { get: function() { return this.pathSegList; }, enumerable: true });
-
-        // Process any pending mutations to the path element and update the list as needed.
-        // This should be the first call of all public functions and is needed because
-        // MutationObservers are not synchronous so we can have pending asynchronous mutations.
-        window.SVGPathSegList.prototype._checkPathSynchronizedToList = function() {
-            this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords());
-        }
-
-        window.SVGPathSegList.prototype._updateListFromPathMutations = function(mutationRecords) {
-            if (!this._pathElement)
-                return;
-            var hasPathMutations = false;
-            mutationRecords.forEach(function(record) {
-                if (record.attributeName == "d")
-                    hasPathMutations = true;
-            });
-            if (hasPathMutations)
-                this._list = this._parsePath(this._pathElement.getAttribute("d"));
-        }
-
-        // Serialize the list and update the path's 'd' attribute.
-        window.SVGPathSegList.prototype._writeListToPath = function() {
-            this._pathElementMutationObserver.disconnect();
-            this._pathElement.setAttribute("d", window.SVGPathSegList._pathSegArrayAsString(this._list));
-            this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
-        }
-
-        // When a path segment changes the list needs to be synchronized back to the path element.
-        window.SVGPathSegList.prototype.segmentChanged = function(pathSeg) {
-            this._writeListToPath();
-        }
-
-        window.SVGPathSegList.prototype.clear = function() {
-            this._checkPathSynchronizedToList();
-
-            this._list.forEach(function(pathSeg) {
-                pathSeg._owningPathSegList = null;
-            });
-            this._list = [];
-            this._writeListToPath();
-        }
-
-        window.SVGPathSegList.prototype.initialize = function(newItem) {
-            this._checkPathSynchronizedToList();
-
-            this._list = [newItem];
-            newItem._owningPathSegList = this;
-            this._writeListToPath();
-            return newItem;
-        }
-
-        window.SVGPathSegList.prototype._checkValidIndex = function(index) {
-            if (isNaN(index) || index < 0 || index >= this.numberOfItems)
-                throw "INDEX_SIZE_ERR";
-        }
-
-        window.SVGPathSegList.prototype.getItem = function(index) {
-            this._checkPathSynchronizedToList();
-
-            this._checkValidIndex(index);
-            return this._list[index];
-        }
-
-        window.SVGPathSegList.prototype.insertItemBefore = function(newItem, index) {
-            this._checkPathSynchronizedToList();
-
-            // Spec: If the index is greater than or equal to numberOfItems, then the new item is appended to the end of the list.
-            if (index > this.numberOfItems)
-                index = this.numberOfItems;
-            if (newItem._owningPathSegList) {
-                // SVG2 spec says to make a copy.
-                newItem = newItem.clone();
-            }
-            this._list.splice(index, 0, newItem);
-            newItem._owningPathSegList = this;
-            this._writeListToPath();
-            return newItem;
-        }
-
-        window.SVGPathSegList.prototype.replaceItem = function(newItem, index) {
-            this._checkPathSynchronizedToList();
-
-            if (newItem._owningPathSegList) {
-                // SVG2 spec says to make a copy.
-                newItem = newItem.clone();
-            }
-            this._checkValidIndex(index);
-            this._list[index] = newItem;
-            newItem._owningPathSegList = this;
-            this._writeListToPath();
-            return newItem;
-        }
-
-        window.SVGPathSegList.prototype.removeItem = function(index) {
-            this._checkPathSynchronizedToList();
-
-            this._checkValidIndex(index);
-            var item = this._list[index];
-            this._list.splice(index, 1);
-            this._writeListToPath();
-            return item;
-        }
-
-        window.SVGPathSegList.prototype.appendItem = function(newItem) {
-            this._checkPathSynchronizedToList();
-
-            if (newItem._owningPathSegList) {
-                // SVG2 spec says to make a copy.
-                newItem = newItem.clone();
-            }
-            this._list.push(newItem);
-            newItem._owningPathSegList = this;
-            // TODO: Optimize this to just append to the existing attribute.
-            this._writeListToPath();
-            return newItem;
-        }
-
-        window.SVGPathSegList._pathSegArrayAsString = function(pathSegArray) {
-            var string = "";
-            var first = true;
-            pathSegArray.forEach(function(pathSeg) {
-                if (first) {
-                    first = false;
-                    string += pathSeg._asPathString();
-                } else {
-                    string += " " + pathSeg._asPathString();
-                }
-            });
-            return string;
-        }
-
-        // This closely follows SVGPathParser::parsePath from Source/core/svg/SVGPathParser.cpp.
-        window.SVGPathSegList.prototype._parsePath = function(string) {
-            if (!string || string.length == 0)
-                return [];
-
-            var owningPathSegList = this;
-
-            var Builder = function() {
-                this.pathSegList = [];
-            }
-
-            Builder.prototype.appendSegment = function(pathSeg) {
-                this.pathSegList.push(pathSeg);
-            }
-
-            var Source = function(string) {
-                this._string = string;
-                this._currentIndex = 0;
-                this._endIndex = this._string.length;
-                this._previousCommand = window.SVGPathSeg.PATHSEG_UNKNOWN;
-
-                this._skipOptionalSpaces();
-            }
-
-            Source.prototype._isCurrentSpace = function() {
-                var character = this._string[this._currentIndex];
-                return character <= " " && (character == " " || character == "\n" || character == "\t" || character == "\r" || character == "\f");
-            }
-
-            Source.prototype._skipOptionalSpaces = function() {
-                while (this._currentIndex < this._endIndex && this._isCurrentSpace())
-                    this._currentIndex++;
-                return this._currentIndex < this._endIndex;
-            }
-
-            Source.prototype._skipOptionalSpacesOrDelimiter = function() {
-                if (this._currentIndex < this._endIndex && !this._isCurrentSpace() && this._string.charAt(this._currentIndex) != ",")
-                    return false;
-                if (this._skipOptionalSpaces()) {
-                    if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) == ",") {
-                        this._currentIndex++;
-                        this._skipOptionalSpaces();
-                    }
-                }
-                return this._currentIndex < this._endIndex;
-            }
-
-            Source.prototype.hasMoreData = function() {
-                return this._currentIndex < this._endIndex;
-            }
-
-            Source.prototype.peekSegmentType = function() {
-                var lookahead = this._string[this._currentIndex];
-                return this._pathSegTypeFromChar(lookahead);
-            }
-
-            Source.prototype._pathSegTypeFromChar = function(lookahead) {
-                switch (lookahead) {
-                case "Z":
-                case "z":
-                    return window.SVGPathSeg.PATHSEG_CLOSEPATH;
-                case "M":
-                    return window.SVGPathSeg.PATHSEG_MOVETO_ABS;
-                case "m":
-                    return window.SVGPathSeg.PATHSEG_MOVETO_REL;
-                case "L":
-                    return window.SVGPathSeg.PATHSEG_LINETO_ABS;
-                case "l":
-                    return window.SVGPathSeg.PATHSEG_LINETO_REL;
-                case "C":
-                    return window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS;
-                case "c":
-                    return window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL;
-                case "Q":
-                    return window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;
-                case "q":
-                    return window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;
-                case "A":
-                    return window.SVGPathSeg.PATHSEG_ARC_ABS;
-                case "a":
-                    return window.SVGPathSeg.PATHSEG_ARC_REL;
-                case "H":
-                    return window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;
-                case "h":
-                    return window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;
-                case "V":
-                    return window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;
-                case "v":
-                    return window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;
-                case "S":
-                    return window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;
-                case "s":
-                    return window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;
-                case "T":
-                    return window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;
-                case "t":
-                    return window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;
-                default:
-                    return window.SVGPathSeg.PATHSEG_UNKNOWN;
-                }
-            }
-
-            Source.prototype._nextCommandHelper = function(lookahead, previousCommand) {
-                // Check for remaining coordinates in the current command.
-                if ((lookahead == "+" || lookahead == "-" || lookahead == "." || (lookahead >= "0" && lookahead <= "9")) && previousCommand != window.SVGPathSeg.PATHSEG_CLOSEPATH) {
-                    if (previousCommand == window.SVGPathSeg.PATHSEG_MOVETO_ABS)
-                        return window.SVGPathSeg.PATHSEG_LINETO_ABS;
-                    if (previousCommand == window.SVGPathSeg.PATHSEG_MOVETO_REL)
-                        return window.SVGPathSeg.PATHSEG_LINETO_REL;
-                    return previousCommand;
-                }
-                return window.SVGPathSeg.PATHSEG_UNKNOWN;
-            }
-
-            Source.prototype.initialCommandIsMoveTo = function() {
-                // If the path is empty it is still valid, so return true.
-                if (!this.hasMoreData())
-                    return true;
-                var command = this.peekSegmentType();
-                // Path must start with moveTo.
-                return command == window.SVGPathSeg.PATHSEG_MOVETO_ABS || command == window.SVGPathSeg.PATHSEG_MOVETO_REL;
-            }
-
-            // Parse a number from an SVG path. This very closely follows genericParseNumber(...) from Source/core/svg/SVGParserUtilities.cpp.
-            // Spec: http://www.w3.org/TR/SVG11/single-page.html#paths-PathDataBNF
-            Source.prototype._parseNumber = function() {
-                var exponent = 0;
-                var integer = 0;
-                var frac = 1;
-                var decimal = 0;
-                var sign = 1;
-                var expsign = 1;
-
-                var startIndex = this._currentIndex;
-
-                this._skipOptionalSpaces();
-
-                // Read the sign.
-                if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) == "+")
-                    this._currentIndex++;
-                else if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) == "-") {
-                    this._currentIndex++;
-                    sign = -1;
-                }
-
-                if (this._currentIndex == this._endIndex || ((this._string.charAt(this._currentIndex) < "0" || this._string.charAt(this._currentIndex) > "9") && this._string.charAt(this._currentIndex) != "."))
-                    // The first character of a number must be one of [0-9+-.].
-                    return undefined;
-
-                // Read the integer part, build right-to-left.
-                var startIntPartIndex = this._currentIndex;
-                while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= "0" && this._string.charAt(this._currentIndex) <= "9")
-                    this._currentIndex++; // Advance to first non-digit.
-
-                if (this._currentIndex != startIntPartIndex) {
-                    var scanIntPartIndex = this._currentIndex - 1;
-                    var multiplier = 1;
-                    while (scanIntPartIndex >= startIntPartIndex) {
-                        integer += multiplier * (this._string.charAt(scanIntPartIndex--) - "0");
-                        multiplier *= 10;
-                    }
-                }
-
-                // Read the decimals.
-                if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) == ".") {
-                    this._currentIndex++;
-
-                    // There must be a least one digit following the .
-                    if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < "0" || this._string.charAt(this._currentIndex) > "9")
-                        return undefined;
-                    while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= "0" && this._string.charAt(this._currentIndex) <= "9") {
-                        frac *= 10;
-                        decimal += (this._string.charAt(this._currentIndex) - "0") / frac;
-                        this._currentIndex += 1;
-                    }
-                }
-
-                // Read the exponent part.
-                if (this._currentIndex != startIndex && this._currentIndex + 1 < this._endIndex && (this._string.charAt(this._currentIndex) == "e" || this._string.charAt(this._currentIndex) == "E") && (this._string.charAt(this._currentIndex + 1) != "x" && this._string.charAt(this._currentIndex + 1) != "m")) {
-                    this._currentIndex++;
-
-                    // Read the sign of the exponent.
-                    if (this._string.charAt(this._currentIndex) == "+") {
-                        this._currentIndex++;
-                    } else if (this._string.charAt(this._currentIndex) == "-") {
-                        this._currentIndex++;
-                        expsign = -1;
-                    }
-
-                    // There must be an exponent.
-                    if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < "0" || this._string.charAt(this._currentIndex) > "9")
-                        return undefined;
-
-                    while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= "0" && this._string.charAt(this._currentIndex) <= "9") {
-                        exponent *= 10;
-                        exponent += (this._string.charAt(this._currentIndex) - "0");
-                        this._currentIndex++;
-                    }
-                }
-
-                var number = integer + decimal;
-                number *= sign;
-
-                if (exponent)
-                    number *= Math.pow(10, expsign * exponent);
-
-                if (startIndex == this._currentIndex)
-                    return undefined;
-
-                this._skipOptionalSpacesOrDelimiter();
-
-                return number;
-            }
-
-            Source.prototype._parseArcFlag = function() {
-                if (this._currentIndex >= this._endIndex)
-                    return undefined;
-                var flag = false;
-                var flagChar = this._string.charAt(this._currentIndex++);
-                if (flagChar == "0")
-                    flag = false;
-                else if (flagChar == "1")
-                    flag = true;
-                else
-                    return undefined;
-
-                this._skipOptionalSpacesOrDelimiter();
-                return flag;
-            }
-
-            Source.prototype.parseSegment = function() {
-                var lookahead = this._string[this._currentIndex];
-                var command = this._pathSegTypeFromChar(lookahead);
-                if (command == window.SVGPathSeg.PATHSEG_UNKNOWN) {
-                    // Possibly an implicit command. Not allowed if this is the first command.
-                    if (this._previousCommand == window.SVGPathSeg.PATHSEG_UNKNOWN)
-                        return null;
-                    command = this._nextCommandHelper(lookahead, this._previousCommand);
-                    if (command == window.SVGPathSeg.PATHSEG_UNKNOWN)
-                        return null;
-                } else {
-                    this._currentIndex++;
-                }
-
-                this._previousCommand = command;
-
-                switch (command) {
-                case window.SVGPathSeg.PATHSEG_MOVETO_REL:
-                    return new window.SVGPathSegMovetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
-                case window.SVGPathSeg.PATHSEG_MOVETO_ABS:
-                    return new window.SVGPathSegMovetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
-                case window.SVGPathSeg.PATHSEG_LINETO_REL:
-                    return new window.SVGPathSegLinetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
-                case window.SVGPathSeg.PATHSEG_LINETO_ABS:
-                    return new window.SVGPathSegLinetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
-                case window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:
-                    return new window.SVGPathSegLinetoHorizontalRel(owningPathSegList, this._parseNumber());
-                case window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:
-                    return new window.SVGPathSegLinetoHorizontalAbs(owningPathSegList, this._parseNumber());
-                case window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:
-                    return new window.SVGPathSegLinetoVerticalRel(owningPathSegList, this._parseNumber());
-                case window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:
-                    return new window.SVGPathSegLinetoVerticalAbs(owningPathSegList, this._parseNumber());
-                case window.SVGPathSeg.PATHSEG_CLOSEPATH:
-                    this._skipOptionalSpaces();
-                    return new window.SVGPathSegClosePath(owningPathSegList);
-                case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:
-                    var points = {x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};
-                    return new window.SVGPathSegCurvetoCubicRel(owningPathSegList, points.x, points.y, points.x1, points.y1, points.x2, points.y2);
-                case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:
-                    var points = {x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};
-                    return new window.SVGPathSegCurvetoCubicAbs(owningPathSegList, points.x, points.y, points.x1, points.y1, points.x2, points.y2);
-                case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:
-                    var points = {x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};
-                    return new window.SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, points.x, points.y, points.x2, points.y2);
-                case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:
-                    var points = {x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};
-                    return new window.SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, points.x, points.y, points.x2, points.y2);
-                case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:
-                    var points = {x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};
-                    return new window.SVGPathSegCurvetoQuadraticRel(owningPathSegList, points.x, points.y, points.x1, points.y1);
-                case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:
-                    var points = {x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};
-                    return new window.SVGPathSegCurvetoQuadraticAbs(owningPathSegList, points.x, points.y, points.x1, points.y1);
-                case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:
-                    return new window.SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, this._parseNumber(), this._parseNumber());
-                case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:
-                    return new window.SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
-                case window.SVGPathSeg.PATHSEG_ARC_REL:
-                    var points = {x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber()};
-                    return new window.SVGPathSegArcRel(owningPathSegList, points.x, points.y, points.x1, points.y1, points.arcAngle, points.arcLarge, points.arcSweep);
-                case window.SVGPathSeg.PATHSEG_ARC_ABS:
-                    var points = {x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber()};
-                    return new window.SVGPathSegArcAbs(owningPathSegList, points.x, points.y, points.x1, points.y1, points.arcAngle, points.arcLarge, points.arcSweep);
-                default:
-                    throw "Unknown path seg type."
-                }
-            }
-
-            var builder = new Builder();
-            var source = new Source(string);
-
-            if (!source.initialCommandIsMoveTo())
-                return [];
-            while (source.hasMoreData()) {
-                var pathSeg = source.parseSegment();
-                if (!pathSeg)
-                    return [];
-                builder.appendSegment(pathSeg);
-            }
-
-            return builder.pathSegList;
-        }
-    }
-}());
diff --git a/editor/recalculate.js b/editor/recalculate.js
index 6ae2046d..0d0f7a29 100644
--- a/editor/recalculate.js
+++ b/editor/recalculate.js
@@ -1,97 +1,113 @@
-/*globals $*/
-/*jslint vars: true, eqeq: true, continue: true*/
+/* globals jQuery */
 /**
  * Recalculate.
- *
- * Licensed under the MIT License
- *
+ * @module recalculate
+ * @license MIT
  */
 
-// Dependencies:
-// 1) jquery
-// 2) jquery-svg.js
-// 3) svgedit.js
-// 4) pathseg.js
-// 5) browser.js
-// 6) math.js
-// 7) history.js
-// 8) units.js
-// 9) svgtransformlist.js
-// 10) svgutils.js
-// 11) coords.js
+import jqPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`
+import {NS} from './namespaces.js';
+import {convertToNum} from './units.js';
+import {isWebkit} from './browser.js';
+import {getTransformList} from './svgtransformlist.js';
+import {getRotationAngle, getHref, getBBox, getRefElem} from './utilities.js';
+import {BatchCommand, ChangeElementCommand} from './history.js';
+import {remapElement} from './coords.js';
+import {
+  isIdentity, matrixMultiply, transformPoint, transformListToTransform,
+  hasMatrixTransform
+} from './math.js';
 
-var svgedit = svgedit || {};
+const $ = jqPluginSVG(jQuery);
 
-(function() {
+let context_;
 
-if (!svgedit.recalculate) {
-  svgedit.recalculate = {};
-}
+/**
+* @interface module:recalculate.EditorContext
+*/
+/**
+ * @function module:recalculate.EditorContext#getSVGRoot
+ * @returns {SVGSVGElement} The root DOM element
+ */
+/**
+ * @function module:recalculate.EditorContext#getStartTransform
+ * @returns {string}
+*/
+/**
+ * @function module:recalculate.EditorContext#setStartTransform
+ * @param {string} transform
+ * @returns {undefined}
+ */
 
-var NS = svgedit.NS;
-var context_;
-
-// Function: svgedit.recalculate.init
-svgedit.recalculate.init = function(editorContext) {
+/**
+* @function module:recalculate.init
+* @param {module:recalculate.EditorContext} editorContext
+* @returns {undefined}
+*/
+export const init = function (editorContext) {
   context_ = editorContext;
 };
 
-
-// Function: svgedit.recalculate.updateClipPath
-// Updates a <clipPath>s values based on the given translation of an element
-//
-// Parameters:
-// attr - The clip-path attribute value with the clipPath's ID
-// tx - The translation's x value
-// ty - The translation's y value
-svgedit.recalculate.updateClipPath = function(attr, tx, ty) {
-  var path = getRefElem(attr).firstChild;
-  var cp_xform = svgedit.transformlist.getTransformList(path);
-  var newxlate = context_.getSVGRoot().createSVGTransform();
+/**
+* Updates a `<clipPath>`s values based on the given translation of an element
+* @function module:recalculate.updateClipPath
+* @param {string} attr - The clip-path attribute value with the clipPath's ID
+* @param {Float} tx - The translation's x value
+* @param {Float} ty - The translation's y value
+* @returns {undefined}
+*/
+export const updateClipPath = function (attr, tx, ty) {
+  const path = getRefElem(attr).firstChild;
+  const cpXform = getTransformList(path);
+  const newxlate = context_.getSVGRoot().createSVGTransform();
   newxlate.setTranslate(tx, ty);
 
-  cp_xform.appendItem(newxlate);
+  cpXform.appendItem(newxlate);
 
   // Update clipPath's dimensions
-  svgedit.recalculate.recalculateDimensions(path);
+  recalculateDimensions(path);
 };
 
-
-// Function: svgedit.recalculate.recalculateDimensions
-// Decides the course of action based on the element's transform list
-//
-// Parameters:
-// selected - The DOM element to recalculate
-//
-// Returns: 
-// Undo command object with the resulting change
-svgedit.recalculate.recalculateDimensions = function(selected) {
-  if (selected == null) {return null;}
+/**
+* Decides the course of action based on the element's transform list
+* @function module:recalculate.recalculateDimensions
+* @param {Element} selected - The DOM element to recalculate
+* @returns {Command} Undo command object with the resulting change
+*/
+export const recalculateDimensions = function (selected) {
+  if (selected == null) { return null; }
 
   // Firefox Issue - 1081
-  if (selected.nodeName == "svg" && navigator.userAgent.indexOf("Firefox/20") >= 0) {
+  if (selected.nodeName === 'svg' && navigator.userAgent.includes('Firefox/20')) {
     return null;
   }
 
-  var svgroot = context_.getSVGRoot();
-  var tlist = svgedit.transformlist.getTransformList(selected);
-  var k;
+  const svgroot = context_.getSVGRoot();
+  const tlist = getTransformList(selected);
+
   // remove any unnecessary transforms
   if (tlist && tlist.numberOfItems > 0) {
-    k = tlist.numberOfItems;
+    let k = tlist.numberOfItems;
+    const noi = k;
     while (k--) {
-      var xform = tlist.getItem(k);
+      const xform = tlist.getItem(k);
       if (xform.type === 0) {
         tlist.removeItem(k);
-      }
       // remove identity matrices
-      else if (xform.type === 1) {
-        if (svgedit.math.isIdentity(xform.matrix)) {
+      } else if (xform.type === 1) {
+        if (isIdentity(xform.matrix)) {
+          if (noi === 1) {
+            // Overcome Chrome bug (though only when noi is 1) with
+            //    `removeItem` preventing `removeAttribute` from
+            //    subsequently working
+            // See https://bugs.chromium.org/p/chromium/issues/detail?id=843901
+            selected.removeAttribute('transform');
+            return null;
+          }
           tlist.removeItem(k);
         }
-      }
       // remove zero-degree rotations
-      else if (xform.type === 4) {
+      } else if (xform.type === 4) {
         if (xform.angle === 0) {
           tlist.removeItem(k);
         }
@@ -99,23 +115,25 @@ svgedit.recalculate.recalculateDimensions = function(selected) {
     }
     // End here if all it has is a rotation
     if (tlist.numberOfItems === 1 &&
-        svgedit.utilities.getRotationAngle(selected)) {return null;}
+        getRotationAngle(selected)) { return null; }
   }
 
   // if this element had no transforms, we are done
-  if (!tlist || tlist.numberOfItems == 0) {
-    // Chrome has a bug that requires clearing the attribute first.
+  if (!tlist || tlist.numberOfItems === 0) {
+    // Chrome apparently had a bug that requires clearing the attribute first.
     selected.setAttribute('transform', '');
+    // However, this still next line currently doesn't work at all in Chrome
     selected.removeAttribute('transform');
+    // selected.transform.baseVal.clear(); // Didn't help for Chrome bug
     return null;
   }
 
   // TODO: Make this work for more than 2
   if (tlist) {
-    k = tlist.numberOfItems;
-    var mxs = [];
+    let mxs = [];
+    let k = tlist.numberOfItems;
     while (k--) {
-      var xform = tlist.getItem(k);
+      const xform = tlist.getItem(k);
       if (xform.type === 1) {
         mxs.push([xform.matrix, k]);
       } else if (mxs.length) {
@@ -123,228 +141,233 @@ svgedit.recalculate.recalculateDimensions = function(selected) {
       }
     }
     if (mxs.length === 2) {
-      var m_new = svgroot.createSVGTransformFromMatrix(svgedit.math.matrixMultiply(mxs[1][0], mxs[0][0]));
+      const mNew = svgroot.createSVGTransformFromMatrix(matrixMultiply(mxs[1][0], mxs[0][0]));
       tlist.removeItem(mxs[0][1]);
       tlist.removeItem(mxs[1][1]);
-      tlist.insertItemBefore(m_new, mxs[1][1]);
+      tlist.insertItemBefore(mNew, mxs[1][1]);
     }
 
     // combine matrix + translate
     k = tlist.numberOfItems;
-    if (k >= 2 && tlist.getItem(k-2).type === 1 && tlist.getItem(k-1).type === 2) {
-      var mt = svgroot.createSVGTransform();
+    if (k >= 2 && tlist.getItem(k - 2).type === 1 && tlist.getItem(k - 1).type === 2) {
+      const mt = svgroot.createSVGTransform();
 
-      var m = svgedit.math.matrixMultiply(
-          tlist.getItem(k-2).matrix, 
-          tlist.getItem(k-1).matrix);   
+      const m = matrixMultiply(
+        tlist.getItem(k - 2).matrix,
+        tlist.getItem(k - 1).matrix);
       mt.setMatrix(m);
-      tlist.removeItem(k-2);
-      tlist.removeItem(k-2);
+      tlist.removeItem(k - 2);
+      tlist.removeItem(k - 2);
       tlist.appendItem(mt);
     }
   }
 
   // If it still has a single [M] or [R][M], return null too (prevents BatchCommand from being returned).
-  switch ( selected.tagName ) {
-    // Ignore these elements, as they can absorb the [M]
-    case 'line':
-    case 'polyline':
-    case 'polygon':
-    case 'path':
-      break;
-    default:
-      if ((tlist.numberOfItems === 1 && tlist.getItem(0).type === 1) ||
-          (tlist.numberOfItems === 2 && tlist.getItem(0).type === 1 && tlist.getItem(0).type === 4)) {
-        return null;
-      }
+  switch (selected.tagName) {
+  // Ignore these elements, as they can absorb the [M]
+  case 'line':
+  case 'polyline':
+  case 'polygon':
+  case 'path':
+    break;
+  default:
+    if ((tlist.numberOfItems === 1 && tlist.getItem(0).type === 1) ||
+        (tlist.numberOfItems === 2 && tlist.getItem(0).type === 1 && tlist.getItem(0).type === 4)) {
+      return null;
+    }
   }
 
-  // Grouped SVG element 
-  var gsvg = $(selected).data('gsvg');
+  // Grouped SVG element
+  const gsvg = $(selected).data('gsvg');
 
-  // we know we have some transforms, so set up return variable   
-  var batchCmd = new svgedit.history.BatchCommand('Transform');
+  // we know we have some transforms, so set up return variable
+  const batchCmd = new BatchCommand('Transform');
 
   // store initial values that will be affected by reducing the transform list
-  var changes = {}, initial = null, attrs = [];
+  let changes = {};
+  let initial = null;
+  let attrs = [];
   switch (selected.tagName) {
-    case 'line':
-      attrs = ['x1', 'y1', 'x2', 'y2'];
-      break;
-    case 'circle':
-      attrs = ['cx', 'cy', 'r'];
-      break;
-    case 'ellipse':
-      attrs = ['cx', 'cy', 'rx', 'ry'];
-      break;
-    case 'foreignObject':
-    case 'rect':
-    case 'image':
-      attrs = ['width', 'height', 'x', 'y'];
-      break;
-    case 'use':
-    case 'text':
-    case 'tspan':
-      attrs = ['x', 'y'];
-      break;
-    case 'polygon':
-    case 'polyline':
-      initial = {};
-      initial.points = selected.getAttribute('points');
-      var list = selected.points;
-      var len = list.numberOfItems;
-      changes.points = new Array(len);
-	  var i;
-      for (i = 0; i < len; ++i) {
-        var pt = list.getItem(i);
-        changes.points[i] = {x:pt.x, y:pt.y};
-      }
-      break;
-    case 'path':
-      initial = {};
-      initial.d = selected.getAttribute('d');
-      changes.d = selected.getAttribute('d');
-      break;
-    } // switch on element type to get initial values
-
-    if (attrs.length) {
-      changes = $(selected).attr(attrs);
-      $.each(changes, function(attr, val) {
-        changes[attr] = svgedit.units.convertToNum(attr, val);
-      });
-    } else if (gsvg) {
-      // GSVG exception
-      changes = {
-        x: $(gsvg).attr('x') || 0,
-        y: $(gsvg).attr('y') || 0
-      };
+  case 'line':
+    attrs = ['x1', 'y1', 'x2', 'y2'];
+    break;
+  case 'circle':
+    attrs = ['cx', 'cy', 'r'];
+    break;
+  case 'ellipse':
+    attrs = ['cx', 'cy', 'rx', 'ry'];
+    break;
+  case 'foreignObject':
+  case 'rect':
+  case 'image':
+    attrs = ['width', 'height', 'x', 'y'];
+    break;
+  case 'use':
+  case 'text':
+  case 'tspan':
+    attrs = ['x', 'y'];
+    break;
+  case 'polygon':
+  case 'polyline': {
+    initial = {};
+    initial.points = selected.getAttribute('points');
+    const list = selected.points;
+    const len = list.numberOfItems;
+    changes.points = new Array(len);
+    for (let i = 0; i < len; ++i) {
+      const pt = list.getItem(i);
+      changes.points[i] = {x: pt.x, y: pt.y};
     }
+    break;
+  } case 'path':
+    initial = {};
+    initial.d = selected.getAttribute('d');
+    changes.d = selected.getAttribute('d');
+    break;
+  } // switch on element type to get initial values
 
-  // if we haven't created an initial array in polygon/polyline/path, then 
+  if (attrs.length) {
+    changes = $(selected).attr(attrs);
+    $.each(changes, function (attr, val) {
+      changes[attr] = convertToNum(attr, val);
+    });
+  } else if (gsvg) {
+    // GSVG exception
+    changes = {
+      x: $(gsvg).attr('x') || 0,
+      y: $(gsvg).attr('y') || 0
+    };
+  }
+
+  // if we haven't created an initial array in polygon/polyline/path, then
   // make a copy of initial values and include the transform
   if (initial == null) {
     initial = $.extend(true, {}, changes);
-    $.each(initial, function(attr, val) {
-      initial[attr] = svgedit.units.convertToNum(attr, val);
+    $.each(initial, function (attr, val) {
+      initial[attr] = convertToNum(attr, val);
     });
   }
   // save the start transform value too
   initial.transform = context_.getStartTransform() || '';
 
+  let oldcenter, newcenter;
+
   // if it's a regular group, we have special processing to flatten transforms
-  if ((selected.tagName == 'g' && !gsvg) || selected.tagName == 'a') {
-    var box = svgedit.utilities.getBBox(selected),
-      oldcenter = {x: box.x+box.width/2, y: box.y+box.height/2},
-      newcenter = svgedit.math.transformPoint(box.x+box.width/2,
-        box.y+box.height/2,
-        svgedit.math.transformListToTransform(tlist).matrix),
-      m = svgroot.createSVGMatrix();
+  if ((selected.tagName === 'g' && !gsvg) || selected.tagName === 'a') {
+    const box = getBBox(selected);
+
+    oldcenter = {x: box.x + box.width / 2, y: box.y + box.height / 2};
+    newcenter = transformPoint(
+      box.x + box.width / 2,
+      box.y + box.height / 2,
+      transformListToTransform(tlist).matrix
+    );
+    let m = svgroot.createSVGMatrix();
 
     // temporarily strip off the rotate and save the old center
-    var gangle = svgedit.utilities.getRotationAngle(selected);
+    const gangle = getRotationAngle(selected);
     if (gangle) {
-      var a = gangle * Math.PI / 180;
-      if ( Math.abs(a) > (1.0e-10) ) {
-        var s = Math.sin(a)/(1 - Math.cos(a));
+      const a = gangle * Math.PI / 180;
+      let s;
+      if (Math.abs(a) > (1.0e-10)) {
+        s = Math.sin(a) / (1 - Math.cos(a));
       } else {
         // FIXME: This blows up if the angle is exactly 0!
-        var s = 2/a;
+        s = 2 / a;
       }
-	  var i;
-      for (i = 0; i < tlist.numberOfItems; ++i) {
-        var xform = tlist.getItem(i);
-        if (xform.type == 4) {
+      for (let i = 0; i < tlist.numberOfItems; ++i) {
+        const xform = tlist.getItem(i);
+        if (xform.type === 4) {
           // extract old center through mystical arts
-          var rm = xform.matrix;
-          oldcenter.y = (s*rm.e + rm.f)/2;
-          oldcenter.x = (rm.e - s*rm.f)/2;
+          const rm = xform.matrix;
+          oldcenter.y = (s * rm.e + rm.f) / 2;
+          oldcenter.x = (rm.e - s * rm.f) / 2;
           tlist.removeItem(i);
           break;
         }
       }
     }
-    var tx = 0, ty = 0,
-      operation = 0,
-      N = tlist.numberOfItems;
+    const N = tlist.numberOfItems;
+    let tx = 0, ty = 0, operation = 0;
 
+    let firstM;
     if (N) {
-      var first_m = tlist.getItem(0).matrix;
+      firstM = tlist.getItem(0).matrix;
     }
 
+    let oldStartTransform;
     // first, if it was a scale then the second-last transform will be it
-    if (N >= 3 && tlist.getItem(N-2).type == 3 && 
-      tlist.getItem(N-3).type == 2 && tlist.getItem(N-1).type == 2) 
-    {
+    if (N >= 3 && tlist.getItem(N - 2).type === 3 &&
+      tlist.getItem(N - 3).type === 2 && tlist.getItem(N - 1).type === 2) {
       operation = 3; // scale
-    
+
       // if the children are unrotated, pass the scale down directly
       // otherwise pass the equivalent matrix() down directly
-      var tm = tlist.getItem(N-3).matrix,
-        sm = tlist.getItem(N-2).matrix,
-        tmn = tlist.getItem(N-1).matrix;
-    
-      var children = selected.childNodes;
-      var c = children.length;
+      const tm = tlist.getItem(N - 3).matrix,
+        sm = tlist.getItem(N - 2).matrix,
+        tmn = tlist.getItem(N - 1).matrix;
+
+      const children = selected.childNodes;
+      let c = children.length;
       while (c--) {
-        var child = children.item(c);
+        const child = children.item(c);
         tx = 0;
         ty = 0;
-        if (child.nodeType == 1) {
-          var childTlist = svgedit.transformlist.getTransformList(child);
+        if (child.nodeType === 1) {
+          const childTlist = getTransformList(child);
 
           // some children might not have a transform (<metadata>, <defs>, etc)
-          if (!childTlist) {continue;}
+          if (!childTlist) { continue; }
 
-          var m = svgedit.math.transformListToTransform(childTlist).matrix;
+          const m = transformListToTransform(childTlist).matrix;
 
           // Convert a matrix to a scale if applicable
-//          if (svgedit.math.hasMatrixTransform(childTlist) && childTlist.numberOfItems == 1) {
-//            if (m.b==0 && m.c==0 && m.e==0 && m.f==0) {
-//              childTlist.removeItem(0);
-//              var translateOrigin = svgroot.createSVGTransform(),
-//                scale = svgroot.createSVGTransform(),
-//                translateBack = svgroot.createSVGTransform();
-//              translateOrigin.setTranslate(0, 0);
-//              scale.setScale(m.a, m.d);
-//              translateBack.setTranslate(0, 0);
-//              childTlist.appendItem(translateBack);
-//              childTlist.appendItem(scale);
-//              childTlist.appendItem(translateOrigin);
-//            }
-//          }
-        
-          var angle = svgedit.utilities.getRotationAngle(child);
-          var oldStartTransform = context_.getStartTransform();
-          var childxforms = [];
+          // if (hasMatrixTransform(childTlist) && childTlist.numberOfItems == 1) {
+          //   if (m.b==0 && m.c==0 && m.e==0 && m.f==0) {
+          //     childTlist.removeItem(0);
+          //     const translateOrigin = svgroot.createSVGTransform(),
+          //       scale = svgroot.createSVGTransform(),
+          //       translateBack = svgroot.createSVGTransform();
+          //     translateOrigin.setTranslate(0, 0);
+          //     scale.setScale(m.a, m.d);
+          //     translateBack.setTranslate(0, 0);
+          //     childTlist.appendItem(translateBack);
+          //     childTlist.appendItem(scale);
+          //     childTlist.appendItem(translateOrigin);
+          //   }
+          // }
+
+          const angle = getRotationAngle(child);
+          oldStartTransform = context_.getStartTransform();
+          const childxforms = [];
           context_.setStartTransform(child.getAttribute('transform'));
-          if (angle || svgedit.math.hasMatrixTransform(childTlist)) {
-            var e2t = svgroot.createSVGTransform();
-            e2t.setMatrix(svgedit.math.matrixMultiply(tm, sm, tmn, m));
+          if (angle || hasMatrixTransform(childTlist)) {
+            const e2t = svgroot.createSVGTransform();
+            e2t.setMatrix(matrixMultiply(tm, sm, tmn, m));
             childTlist.clear();
             childTlist.appendItem(e2t);
             childxforms.push(e2t);
-          }
           // if not rotated or skewed, push the [T][S][-T] down to the child
-          else {
+          } else {
             // update the transform list with translate,scale,translate
-            
+
             // slide the [T][S][-T] from the front to the back
             // [T][S][-T][M] = [M][T2][S2][-T2]
-            
+
             // (only bringing [-T] to the right of [M])
             // [T][S][-T][M] = [T][S][M][-T2]
             // [-T2] = [M_inv][-T][M]
-            var t2n = svgedit.math.matrixMultiply(m.inverse(), tmn, m);
+            const t2n = matrixMultiply(m.inverse(), tmn, m);
             // [T2] is always negative translation of [-T2]
-            var t2 = svgroot.createSVGMatrix();
+            const t2 = svgroot.createSVGMatrix();
             t2.e = -t2n.e;
             t2.f = -t2n.f;
-            
+
             // [T][S][-T][M] = [M][T2][S2][-T2]
             // [S2] = [T2_inv][M_inv][T][S][-T][M][-T2_inv]
-            var s2 = svgedit.math.matrixMultiply(t2.inverse(), m.inverse(), tm, sm, tmn, m, t2n.inverse());
+            const s2 = matrixMultiply(t2.inverse(), m.inverse(), tm, sm, tmn, m, t2n.inverse());
 
-            var translateOrigin = svgroot.createSVGTransform(),
+            const translateOrigin = svgroot.createSVGTransform(),
               scale = svgroot.createSVGTransform(),
               translateBack = svgroot.createSVGTransform();
             translateOrigin.setTranslate(t2n.e, t2n.f);
@@ -356,155 +379,149 @@ svgedit.recalculate.recalculateDimensions = function(selected) {
             childxforms.push(translateBack);
             childxforms.push(scale);
             childxforms.push(translateOrigin);
-//            logMatrix(translateBack.matrix);
-//            logMatrix(scale.matrix);
+            // logMatrix(translateBack.matrix);
+            // logMatrix(scale.matrix);
           } // not rotated
-          batchCmd.addSubCommand( svgedit.recalculate.recalculateDimensions(child) );
-          // TODO: If any <use> have this group as a parent and are 
-          // referencing this child, then we need to impose a reverse 
+          batchCmd.addSubCommand(recalculateDimensions(child));
+          // TODO: If any <use> have this group as a parent and are
+          // referencing this child, then we need to impose a reverse
           // scale on it so that when it won't get double-translated
-//            var uses = selected.getElementsByTagNameNS(NS.SVG, 'use');
-//            var href = '#' + child.id;
-//            var u = uses.length;
-//            while (u--) {
-//              var useElem = uses.item(u);
-//              if (href == svgedit.utilities.getHref(useElem)) {
-//                var usexlate = svgroot.createSVGTransform();
-//                usexlate.setTranslate(-tx,-ty);
-//                svgedit.transformlist.getTransformList(useElem).insertItemBefore(usexlate,0);
-//                batchCmd.addSubCommand( svgedit.recalculate.recalculateDimensions(useElem) );
-//              }
-//            }
+          // const uses = selected.getElementsByTagNameNS(NS.SVG, 'use');
+          // const href = '#' + child.id;
+          // let u = uses.length;
+          // while (u--) {
+          //   const useElem = uses.item(u);
+          //   if (href == getHref(useElem)) {
+          //     const usexlate = svgroot.createSVGTransform();
+          //     usexlate.setTranslate(-tx,-ty);
+          //     getTransformList(useElem).insertItemBefore(usexlate,0);
+          //     batchCmd.addSubCommand( recalculateDimensions(useElem) );
+          //   }
+          // }
           context_.setStartTransform(oldStartTransform);
         } // element
       } // for each child
       // Remove these transforms from group
-      tlist.removeItem(N-1);
-      tlist.removeItem(N-2);
-      tlist.removeItem(N-3);
-    } else if (N >= 3 && tlist.getItem(N-1).type == 1) {
+      tlist.removeItem(N - 1);
+      tlist.removeItem(N - 2);
+      tlist.removeItem(N - 3);
+    } else if (N >= 3 && tlist.getItem(N - 1).type === 1) {
       operation = 3; // scale
-      m = svgedit.math.transformListToTransform(tlist).matrix;
-      var e2t = svgroot.createSVGTransform();
+      m = transformListToTransform(tlist).matrix;
+      const e2t = svgroot.createSVGTransform();
       e2t.setMatrix(m);
       tlist.clear();
       tlist.appendItem(e2t);
-    }     
-    // next, check if the first transform was a translate 
+    // next, check if the first transform was a translate
     // if we had [ T1 ] [ M ] we want to transform this into [ M ] [ T2 ]
     // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ]
-    else if ( (N == 1 || (N > 1 && tlist.getItem(1).type != 3)) && 
-      tlist.getItem(0).type == 2) 
-    {
+    } else if ((N === 1 || (N > 1 && tlist.getItem(1).type !== 3)) &&
+      tlist.getItem(0).type === 2) {
       operation = 2; // translate
-      var T_M = svgedit.math.transformListToTransform(tlist).matrix;
+      const T_M = transformListToTransform(tlist).matrix;
       tlist.removeItem(0);
-      var M_inv = svgedit.math.transformListToTransform(tlist).matrix.inverse();
-      var M2 = svgedit.math.matrixMultiply( M_inv, T_M );
-      
+      const mInv = transformListToTransform(tlist).matrix.inverse();
+      const M2 = matrixMultiply(mInv, T_M);
+
       tx = M2.e;
       ty = M2.f;
 
-      if (tx != 0 || ty != 0) {
+      if (tx !== 0 || ty !== 0) {
         // we pass the translates down to the individual children
-        var children = selected.childNodes;
-        var c = children.length;
-        
-        var clipPaths_done = [];
-        
+        const children = selected.childNodes;
+        let c = children.length;
+
+        let clipPathsDone = [];
+
         while (c--) {
-          var child = children.item(c);
-          if (child.nodeType == 1) {
-          
+          const child = children.item(c);
+          if (child.nodeType === 1) {
             // Check if child has clip-path
             if (child.getAttribute('clip-path')) {
               // tx, ty
-              var attr = child.getAttribute('clip-path');
-              if (clipPaths_done.indexOf(attr) === -1) {
-                svgedit.recalculate.updateClipPath(attr, tx, ty);
-                clipPaths_done.push(attr);
-              }             
+              const attr = child.getAttribute('clip-path');
+              if (!clipPathsDone.includes(attr)) {
+                updateClipPath(attr, tx, ty);
+                clipPathsDone.push(attr);
+              }
             }
 
-            var oldStartTransform = context_.getStartTransform();
+            oldStartTransform = context_.getStartTransform();
             context_.setStartTransform(child.getAttribute('transform'));
-            
-            var childTlist = svgedit.transformlist.getTransformList(child);
+
+            const childTlist = getTransformList(child);
             // some children might not have a transform (<metadata>, <defs>, etc)
             if (childTlist) {
-              var newxlate = svgroot.createSVGTransform();
+              const newxlate = svgroot.createSVGTransform();
               newxlate.setTranslate(tx, ty);
               if (childTlist.numberOfItems) {
                 childTlist.insertItemBefore(newxlate, 0);
               } else {
                 childTlist.appendItem(newxlate);
               }
-              batchCmd.addSubCommand(svgedit.recalculate.recalculateDimensions(child));
-              // If any <use> have this group as a parent and are 
+              batchCmd.addSubCommand(recalculateDimensions(child));
+              // If any <use> have this group as a parent and are
               // referencing this child, then impose a reverse translate on it
               // so that when it won't get double-translated
-              var uses = selected.getElementsByTagNameNS(NS.SVG, 'use');
-              var href = '#' + child.id;
-              var u = uses.length;
+              const uses = selected.getElementsByTagNameNS(NS.SVG, 'use');
+              const href = '#' + child.id;
+              let u = uses.length;
               while (u--) {
-                var useElem = uses.item(u);
-                if (href == svgedit.utilities.getHref(useElem)) {
-                  var usexlate = svgroot.createSVGTransform();
-                  usexlate.setTranslate(-tx,-ty);
-                  svgedit.transformlist.getTransformList(useElem).insertItemBefore(usexlate, 0);
-                  batchCmd.addSubCommand( svgedit.recalculate.recalculateDimensions(useElem) );
+                const useElem = uses.item(u);
+                if (href === getHref(useElem)) {
+                  const usexlate = svgroot.createSVGTransform();
+                  usexlate.setTranslate(-tx, -ty);
+                  getTransformList(useElem).insertItemBefore(usexlate, 0);
+                  batchCmd.addSubCommand(recalculateDimensions(useElem));
                 }
               }
               context_.setStartTransform(oldStartTransform);
             }
           }
         }
-        
-        clipPaths_done = [];
+
+        clipPathsDone = [];
         context_.setStartTransform(oldStartTransform);
       }
-    }
     // else, a matrix imposition from a parent group
     // keep pushing it down to the children
-    else if (N == 1 && tlist.getItem(0).type == 1 && !gangle) {
+    } else if (N === 1 && tlist.getItem(0).type === 1 && !gangle) {
       operation = 1;
-      var m = tlist.getItem(0).matrix,
-        children = selected.childNodes,
-        c = children.length;
+      const m = tlist.getItem(0).matrix,
+        children = selected.childNodes;
+      let c = children.length;
       while (c--) {
-        var child = children.item(c);
-        if (child.nodeType == 1) {
-          var oldStartTransform = context_.getStartTransform();
+        const child = children.item(c);
+        if (child.nodeType === 1) {
+          oldStartTransform = context_.getStartTransform();
           context_.setStartTransform(child.getAttribute('transform'));
-          var childTlist = svgedit.transformlist.getTransformList(child);
-          
-          if (!childTlist) {continue;}
-          
-          var em = svgedit.math.matrixMultiply(m, svgedit.math.transformListToTransform(childTlist).matrix);
-          var e2m = svgroot.createSVGTransform();
+          const childTlist = getTransformList(child);
+
+          if (!childTlist) { continue; }
+
+          const em = matrixMultiply(m, transformListToTransform(childTlist).matrix);
+          const e2m = svgroot.createSVGTransform();
           e2m.setMatrix(em);
           childTlist.clear();
           childTlist.appendItem(e2m, 0);
-          
-          batchCmd.addSubCommand( svgedit.recalculate.recalculateDimensions(child) );
+
+          batchCmd.addSubCommand(recalculateDimensions(child));
           context_.setStartTransform(oldStartTransform);
-          
+
           // Convert stroke
           // TODO: Find out if this should actually happen somewhere else
-          var sw = child.getAttribute('stroke-width');
+          const sw = child.getAttribute('stroke-width');
           if (child.getAttribute('stroke') !== 'none' && !isNaN(sw)) {
-            var avg = (Math.abs(em.a) + Math.abs(em.d)) / 2;
+            const avg = (Math.abs(em.a) + Math.abs(em.d)) / 2;
             child.setAttribute('stroke-width', sw * avg);
           }
-
         }
       }
       tlist.clear();
-    }
     // else it was just a rotate
-    else {
+    } else {
       if (gangle) {
-        var newRot = svgroot.createSVGTransform();
+        const newRot = svgroot.createSVGTransform();
         newRot.setRotate(gangle, newcenter.x, newcenter.y);
         if (tlist.numberOfItems) {
           tlist.insertItemBefore(newRot, 0);
@@ -512,21 +529,21 @@ svgedit.recalculate.recalculateDimensions = function(selected) {
           tlist.appendItem(newRot);
         }
       }
-      if (tlist.numberOfItems == 0) {
+      if (tlist.numberOfItems === 0) {
         selected.removeAttribute('transform');
       }
-      return null;      
+      return null;
     }
-    
+
     // if it was a translate, put back the rotate at the new center
-    if (operation == 2) {
+    if (operation === 2) {
       if (gangle) {
         newcenter = {
-          x: oldcenter.x + first_m.e,
-          y: oldcenter.y + first_m.f
+          x: oldcenter.x + firstM.e,
+          y: oldcenter.y + firstM.f
         };
-      
-        var newRot = svgroot.createSVGTransform();
+
+        const newRot = svgroot.createSVGTransform();
         newRot.setRotate(gangle, newcenter.x, newcenter.y);
         if (tlist.numberOfItems) {
           tlist.insertItemBefore(newRot, 0);
@@ -534,34 +551,33 @@ svgedit.recalculate.recalculateDimensions = function(selected) {
           tlist.appendItem(newRot);
         }
       }
-    }
     // if it was a resize
-    else if (operation == 3) {
-      var m = svgedit.math.transformListToTransform(tlist).matrix;
-      var roldt = svgroot.createSVGTransform();
+    } else if (operation === 3) {
+      const m = transformListToTransform(tlist).matrix;
+      const roldt = svgroot.createSVGTransform();
       roldt.setRotate(gangle, oldcenter.x, oldcenter.y);
-      var rold = roldt.matrix;
-      var rnew = svgroot.createSVGTransform();
+      const rold = roldt.matrix;
+      const rnew = svgroot.createSVGTransform();
       rnew.setRotate(gangle, newcenter.x, newcenter.y);
-      var rnew_inv = rnew.matrix.inverse(),
-        m_inv = m.inverse(),
-        extrat = svgedit.math.matrixMultiply(m_inv, rnew_inv, rold, m);
+      const rnewInv = rnew.matrix.inverse(),
+        mInv = m.inverse(),
+        extrat = matrixMultiply(mInv, rnewInv, rold, m);
 
       tx = extrat.e;
       ty = extrat.f;
 
-      if (tx != 0 || ty != 0) {
+      if (tx !== 0 || ty !== 0) {
         // now push this transform down to the children
         // we pass the translates down to the individual children
-        var children = selected.childNodes;
-        var c = children.length;
+        const children = selected.childNodes;
+        let c = children.length;
         while (c--) {
-          var child = children.item(c);
-          if (child.nodeType == 1) {
-            var oldStartTransform = context_.getStartTransform();
+          const child = children.item(c);
+          if (child.nodeType === 1) {
+            oldStartTransform = context_.getStartTransform();
             context_.setStartTransform(child.getAttribute('transform'));
-            var childTlist = svgedit.transformlist.getTransformList(child);
-            var newxlate = svgroot.createSVGTransform();
+            const childTlist = getTransformList(child);
+            const newxlate = svgroot.createSVGTransform();
             newxlate.setTranslate(tx, ty);
             if (childTlist.numberOfItems) {
               childTlist.insertItemBefore(newxlate, 0);
@@ -569,12 +585,12 @@ svgedit.recalculate.recalculateDimensions = function(selected) {
               childTlist.appendItem(newxlate);
             }
 
-            batchCmd.addSubCommand( svgedit.recalculate.recalculateDimensions(child) );
+            batchCmd.addSubCommand(recalculateDimensions(child));
             context_.setStartTransform(oldStartTransform);
           }
         }
       }
-      
+
       if (gangle) {
         if (tlist.numberOfItems) {
           tlist.insertItemBefore(rnew, 0);
@@ -583,180 +599,176 @@ svgedit.recalculate.recalculateDimensions = function(selected) {
         }
       }
     }
-  }
   // else, it's a non-group
-  else {
-
+  } else {
     // FIXME: box might be null for some elements (<metadata> etc), need to handle this
-    var box = svgedit.utilities.getBBox(selected);
+    const box = getBBox(selected);
 
     // Paths (and possbly other shapes) will have no BBox while still in <defs>,
     // but we still may need to recalculate them (see issue 595).
     // TODO: Figure out how to get BBox from these elements in case they
     // have a rotation transform
-    
-    if (!box && selected.tagName != 'path') return null;
-    
 
-    var m = svgroot.createSVGMatrix(),
-      // temporarily strip off the rotate and save the old center
-      angle = svgedit.utilities.getRotationAngle(selected);
+    if (!box && selected.tagName !== 'path') return null;
+
+    let m = svgroot.createSVGMatrix();
+    // temporarily strip off the rotate and save the old center
+    const angle = getRotationAngle(selected);
     if (angle) {
-      var oldcenter = {x: box.x+box.width/2, y: box.y+box.height/2},
-      newcenter = svgedit.math.transformPoint(box.x+box.width/2, box.y+box.height/2,
-              svgedit.math.transformListToTransform(tlist).matrix);
-    
-      var a = angle * Math.PI / 180;
-      if ( Math.abs(a) > (1.0e-10) ) {
-        var s = Math.sin(a)/(1 - Math.cos(a));
-      } else {
+      oldcenter = {x: box.x + box.width / 2, y: box.y + box.height / 2};
+      newcenter = transformPoint(
+        box.x + box.width / 2,
+        box.y + box.height / 2,
+        transformListToTransform(tlist).matrix
+      );
+
+      const a = angle * Math.PI / 180;
+      const s = (Math.abs(a) > (1.0e-10))
+        ? Math.sin(a) / (1 - Math.cos(a))
         // FIXME: This blows up if the angle is exactly 0!
-        var s = 2/a;
-      }
-      for (var i = 0; i < tlist.numberOfItems; ++i) {
-        var xform = tlist.getItem(i);
-        if (xform.type == 4) {
+        : 2 / a;
+
+      for (let i = 0; i < tlist.numberOfItems; ++i) {
+        const xform = tlist.getItem(i);
+        if (xform.type === 4) {
           // extract old center through mystical arts
-          var rm = xform.matrix;
-          oldcenter.y = (s*rm.e + rm.f)/2;
-          oldcenter.x = (rm.e - s*rm.f)/2;
+          const rm = xform.matrix;
+          oldcenter.y = (s * rm.e + rm.f) / 2;
+          oldcenter.x = (rm.e - s * rm.f) / 2;
           tlist.removeItem(i);
           break;
         }
       }
     }
-    
+
     // 2 = translate, 3 = scale, 4 = rotate, 1 = matrix imposition
-    var operation = 0;
-    var N = tlist.numberOfItems;
-    
+    let operation = 0;
+    const N = tlist.numberOfItems;
+
     // Check if it has a gradient with userSpaceOnUse, in which case
     // adjust it by recalculating the matrix transform.
-    // TODO: Make this work in Webkit using svgedit.transformlist.SVGTransformList
-    if (!svgedit.browser.isWebkit()) {
-      var fill = selected.getAttribute('fill');
-      if (fill && fill.indexOf('url(') === 0) {
-        var paint = getRefElem(fill);
-        var type = 'pattern';
+    // TODO: Make this work in Webkit using transformlist.SVGTransformList
+    if (!isWebkit()) {
+      const fill = selected.getAttribute('fill');
+      if (fill && fill.startsWith('url(')) {
+        const paint = getRefElem(fill);
+        let type = 'pattern';
         if (paint.tagName !== type) type = 'gradient';
-        var attrVal = paint.getAttribute(type + 'Units');
+        const attrVal = paint.getAttribute(type + 'Units');
         if (attrVal === 'userSpaceOnUse') {
-          //Update the userSpaceOnUse element
-          m = svgedit.math.transformListToTransform(tlist).matrix;
-          var gtlist = svgedit.transformlist.getTransformList(paint);
-          var gmatrix = svgedit.math.transformListToTransform(gtlist).matrix;
-          m = svgedit.math.matrixMultiply(m, gmatrix);
-          var m_str = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')';
-          paint.setAttribute(type + 'Transform', m_str);
+          // Update the userSpaceOnUse element
+          m = transformListToTransform(tlist).matrix;
+          const gtlist = getTransformList(paint);
+          const gmatrix = transformListToTransform(gtlist).matrix;
+          m = matrixMultiply(m, gmatrix);
+          const mStr = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')';
+          paint.setAttribute(type + 'Transform', mStr);
         }
       }
     }
 
-    // first, if it was a scale of a non-skewed element, then the second-last  
+    // first, if it was a scale of a non-skewed element, then the second-last
     // transform will be the [S]
     // if we had [M][T][S][T] we want to extract the matrix equivalent of
     // [T][S][T] and push it down to the element
-    if (N >= 3 && tlist.getItem(N-2).type == 3 && 
-      tlist.getItem(N-3).type == 2 && tlist.getItem(N-1).type == 2) 
-      
-      // Removed this so a <use> with a given [T][S][T] would convert to a matrix. 
+    if (N >= 3 && tlist.getItem(N - 2).type === 3 &&
+      tlist.getItem(N - 3).type === 2 && tlist.getItem(N - 1).type === 2) {
+      // Removed this so a <use> with a given [T][S][T] would convert to a matrix.
       // Is that bad?
       //  && selected.nodeName != 'use'
-    {
       operation = 3; // scale
-      m = svgedit.math.transformListToTransform(tlist, N-3, N-1).matrix;
-      tlist.removeItem(N-1);
-      tlist.removeItem(N-2);
-      tlist.removeItem(N-3);
-    } // if we had [T][S][-T][M], then this was a skewed element being resized
+      m = transformListToTransform(tlist, N - 3, N - 1).matrix;
+      tlist.removeItem(N - 1);
+      tlist.removeItem(N - 2);
+      tlist.removeItem(N - 3);
+    // if we had [T][S][-T][M], then this was a skewed element being resized
     // Thus, we simply combine it all into one matrix
-    else if (N == 4 && tlist.getItem(N-1).type == 1) {
+    } else if (N === 4 && tlist.getItem(N - 1).type === 1) {
       operation = 3; // scale
-      m = svgedit.math.transformListToTransform(tlist).matrix;
-      var e2t = svgroot.createSVGTransform();
+      m = transformListToTransform(tlist).matrix;
+      const e2t = svgroot.createSVGTransform();
       e2t.setMatrix(m);
       tlist.clear();
       tlist.appendItem(e2t);
       // reset the matrix so that the element is not re-mapped
       m = svgroot.createSVGMatrix();
-    } // if we had [R][T][S][-T][M], then this was a rotated matrix-element  
+    // if we had [R][T][S][-T][M], then this was a rotated matrix-element
     // if we had [T1][M] we want to transform this into [M][T2]
-    // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ] and we can push [T2] 
+    // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ] and we can push [T2]
     // down to the element
-    else if ( (N == 1 || (N > 1 && tlist.getItem(1).type != 3)) && 
-      tlist.getItem(0).type == 2) 
-    {
+    } else if ((N === 1 || (N > 1 && tlist.getItem(1).type !== 3)) &&
+      tlist.getItem(0).type === 2) {
       operation = 2; // translate
-      var oldxlate = tlist.getItem(0).matrix,
-        meq = svgedit.math.transformListToTransform(tlist,1).matrix,
-        meq_inv = meq.inverse();
-      m = svgedit.math.matrixMultiply( meq_inv, oldxlate, meq );
+      const oldxlate = tlist.getItem(0).matrix,
+        meq = transformListToTransform(tlist, 1).matrix,
+        meqInv = meq.inverse();
+      m = matrixMultiply(meqInv, oldxlate, meq);
       tlist.removeItem(0);
-    }
     // else if this child now has a matrix imposition (from a parent group)
     // we might be able to simplify
-    else if (N == 1 && tlist.getItem(0).type == 1 && !angle) {
+    } else if (N === 1 && tlist.getItem(0).type === 1 && !angle) {
       // Remap all point-based elements
-      m = svgedit.math.transformListToTransform(tlist).matrix;
+      m = transformListToTransform(tlist).matrix;
       switch (selected.tagName) {
-        case 'line':
-          changes = $(selected).attr(['x1', 'y1', 'x2', 'y2']);
-        case 'polyline':
-        case 'polygon':
-          changes.points = selected.getAttribute('points');
-          if (changes.points) {
-            var list = selected.points;
-            var len = list.numberOfItems;
-            changes.points = new Array(len);
-            for (var i = 0; i < len; ++i) {
-              var pt = list.getItem(i);
-              changes.points[i] = {x:pt.x, y:pt.y};
-            }
+      case 'line':
+        changes = $(selected).attr(['x1', 'y1', 'x2', 'y2']);
+        // Fallthrough
+      case 'polyline':
+      case 'polygon':
+        changes.points = selected.getAttribute('points');
+        if (changes.points) {
+          const list = selected.points;
+          const len = list.numberOfItems;
+          changes.points = new Array(len);
+          for (let i = 0; i < len; ++i) {
+            const pt = list.getItem(i);
+            changes.points[i] = {x: pt.x, y: pt.y};
           }
-        case 'path':
-          changes.d = selected.getAttribute('d');
-          operation = 1;
-          tlist.clear();
-          break;
-        default:
-          break;
+        }
+        // Fallthrough
+      case 'path':
+        changes.d = selected.getAttribute('d');
+        operation = 1;
+        tlist.clear();
+        break;
+      default:
+        break;
       }
-    }
     // if it was a rotation, put the rotate back and return without a command
     // (this function has zero work to do for a rotate())
-    else {
+    } else {
       operation = 4; // rotation
       if (angle) {
-        var newRot = svgroot.createSVGTransform();
+        const newRot = svgroot.createSVGTransform();
         newRot.setRotate(angle, newcenter.x, newcenter.y);
-        
+
         if (tlist.numberOfItems) {
           tlist.insertItemBefore(newRot, 0);
         } else {
           tlist.appendItem(newRot);
         }
       }
-      if (tlist.numberOfItems == 0) {
+      if (tlist.numberOfItems === 0) {
         selected.removeAttribute('transform');
       }
       return null;
     }
-    
+
     // if it was a translate or resize, we need to remap the element and absorb the xform
-    if (operation == 1 || operation == 2 || operation == 3) {
-      svgedit.coords.remapElement(selected, changes, m);
+    if (operation === 1 || operation === 2 || operation === 3) {
+      remapElement(selected, changes, m);
     } // if we are remapping
-    
+
     // if it was a translate, put back the rotate at the new center
-    if (operation == 2) {
+    if (operation === 2) {
       if (angle) {
-        if (!svgedit.math.hasMatrixTransform(tlist)) {
+        if (!hasMatrixTransform(tlist)) {
           newcenter = {
             x: oldcenter.x + m.e,
             y: oldcenter.y + m.f
           };
         }
-        var newRot = svgroot.createSVGTransform();
+        const newRot = svgroot.createSVGTransform();
         newRot.setRotate(angle, newcenter.x, newcenter.y);
         if (tlist.numberOfItems) {
           tlist.insertItemBefore(newRot, 0);
@@ -767,37 +779,36 @@ svgedit.recalculate.recalculateDimensions = function(selected) {
       // We have special processing for tspans:  Tspans are not transformable
       // but they can have x,y coordinates (sigh).  Thus, if this was a translate,
       // on a text element, also translate any tspan children.
-      if (selected.tagName == 'text') {
-        var children = selected.childNodes;
-        var c = children.length;
+      if (selected.tagName === 'text') {
+        const children = selected.childNodes;
+        let c = children.length;
         while (c--) {
-          var child = children.item(c);
-          if (child.tagName == 'tspan') {
-            var tspanChanges = {
+          const child = children.item(c);
+          if (child.tagName === 'tspan') {
+            const tspanChanges = {
               x: $(child).attr('x') || 0,
               y: $(child).attr('y') || 0
             };
-            svgedit.coords.remapElement(child, tspanChanges, m);
+            remapElement(child, tspanChanges, m);
           }
         }
       }
-    }
     // [Rold][M][T][S][-T] became [Rold][M]
     // we want it to be [Rnew][M][Tr] where Tr is the
     // translation required to re-center it
     // Therefore, [Tr] = [M_inv][Rnew_inv][Rold][M]
-    else if (operation == 3 && angle) {
-      var m = svgedit.math.transformListToTransform(tlist).matrix;
-      var roldt = svgroot.createSVGTransform();
+    } else if (operation === 3 && angle) {
+      const m = transformListToTransform(tlist).matrix;
+      const roldt = svgroot.createSVGTransform();
       roldt.setRotate(angle, oldcenter.x, oldcenter.y);
-      var rold = roldt.matrix;
-      var rnew = svgroot.createSVGTransform();
+      const rold = roldt.matrix;
+      const rnew = svgroot.createSVGTransform();
       rnew.setRotate(angle, newcenter.x, newcenter.y);
-      var rnew_inv = rnew.matrix.inverse();
-      var m_inv = m.inverse();
-      var extrat = svgedit.math.matrixMultiply(m_inv, rnew_inv, rold, m);
-    
-      svgedit.coords.remapElement(selected, changes, extrat);
+      const rnewInv = rnew.matrix.inverse();
+      const mInv = m.inverse();
+      const extrat = matrixMultiply(mInv, rnewInv, rold, m);
+
+      remapElement(selected, changes, extrat);
       if (angle) {
         if (tlist.numberOfItems) {
           tlist.insertItemBefore(rnew, 0);
@@ -809,12 +820,11 @@ svgedit.recalculate.recalculateDimensions = function(selected) {
   } // a non-group
 
   // if the transform list has been emptied, remove it
-  if (tlist.numberOfItems == 0) {
+  if (tlist.numberOfItems === 0) {
     selected.removeAttribute('transform');
   }
 
-  batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(selected, initial));
+  batchCmd.addSubCommand(new ChangeElementCommand(selected, initial));
 
   return batchCmd;
 };
-})();
diff --git a/editor/redirect-on-lacking-support.js b/editor/redirect-on-lacking-support.js
new file mode 100644
index 00000000..0a4f981a
--- /dev/null
+++ b/editor/redirect-on-lacking-support.js
@@ -0,0 +1,4 @@
+import {supportsSvg} from './browser.js';
+if (!supportsSvg()) {
+  window.location = 'browser-not-supported.html';
+}
diff --git a/editor/sanitize.js b/editor/sanitize.js
index bcbebbbe..891b663a 100644
--- a/editor/sanitize.js
+++ b/editor/sanitize.js
@@ -1,195 +1,181 @@
-/*globals $, svgedit*/
-/*jslint vars: true, eqeq: true*/
 /**
- * Package: svgedit.sanitize
+ * Tools for SVG sanitization
+ * @module sanitize
+ * @license MIT
  *
- * Licensed under the MIT License
- *
- * Copyright(c) 2010 Alexis Deveria
- * Copyright(c) 2010 Jeff Schiller
+ * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
  */
 
-// Dependencies:
-// 1) jQuery
-// 2) pathseg.js
-// 3) browser.js
-// 4) svgutils.js
+import {getReverseNS, NS} from './namespaces.js';
+import {isGecko} from './browser.js';
+import {getHref, setHref, getUrlFromAttr} from './utilities.js';
 
-(function() {'use strict';
-
-if (!svgedit.sanitize) {
-  svgedit.sanitize = {};
-}
-
-var NS = svgedit.NS,
-  REVERSE_NS = svgedit.getReverseNS();
+const REVERSE_NS = getReverseNS();
 
 // this defines which elements and attributes that we support
-var svgWhiteList_ = {
+const svgWhiteList_ = {
   // SVG Elements
-  "a": ["class", "clip-path", "clip-rule", "fill", "fill-opacity", "fill-rule", "filter", "id", "mask", "opacity", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "systemLanguage", "transform", "xlink:href", "xlink:title"],
-  "circle": ["class", "clip-path", "clip-rule", "cx", "cy", "fill", "fill-opacity", "fill-rule", "filter", "id", "mask", "opacity", "r", "requiredFeatures", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "systemLanguage", "transform"],
-  "clipPath": ["class", "clipPathUnits", "id"],
-  "defs": [],
-  "style" : ["type"],
-  "desc": [],
-  "ellipse": ["class", "clip-path", "clip-rule", "cx", "cy", "fill", "fill-opacity", "fill-rule", "filter", "id", "mask", "opacity", "requiredFeatures", "rx", "ry", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "systemLanguage", "transform"],
-  "feGaussianBlur": ["class", "color-interpolation-filters", "id", "requiredFeatures", "stdDeviation"],
-  "filter": ["class", "color-interpolation-filters", "filterRes", "filterUnits", "height", "id", "primitiveUnits", "requiredFeatures", "width", "x", "xlink:href", "y"],
-  "foreignObject": ["class", "font-size", "height", "id", "opacity", "requiredFeatures", "style", "transform", "width", "x", "y"],
-  "g": ["class", "clip-path", "clip-rule", "id", "display", "fill", "fill-opacity", "fill-rule", "filter", "mask", "opacity", "requiredFeatures", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "systemLanguage", "transform", "font-family", "font-size", "font-style", "font-weight", "text-anchor"],
-  "image": ["class", "clip-path", "clip-rule", "filter", "height", "id", "mask", "opacity", "requiredFeatures", "style", "systemLanguage", "transform", "width", "x", "xlink:href", "xlink:title", "y"],
-  "line": ["class", "clip-path", "clip-rule", "fill", "fill-opacity", "fill-rule", "filter", "id", "marker-end", "marker-mid", "marker-start", "mask", "opacity", "requiredFeatures", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "systemLanguage", "transform", "x1", "x2", "y1", "y2"],
-  "linearGradient": ["class", "id", "gradientTransform", "gradientUnits", "requiredFeatures", "spreadMethod", "systemLanguage", "x1", "x2", "xlink:href", "y1", "y2"],
-  "marker": ["id", "class", "markerHeight", "markerUnits", "markerWidth", "orient", "preserveAspectRatio", "refX", "refY", "systemLanguage", "viewBox"],
-  "mask": ["class", "height", "id", "maskContentUnits", "maskUnits", "width", "x", "y"],
-  "metadata": ["class", "id"],
-  "path": ["class", "clip-path", "clip-rule", "d", "fill", "fill-opacity", "fill-rule", "filter", "id", "marker-end", "marker-mid", "marker-start", "mask", "opacity", "requiredFeatures", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "systemLanguage", "transform"],
-  "pattern": ["class", "height", "id", "patternContentUnits", "patternTransform", "patternUnits", "requiredFeatures", "style", "systemLanguage", "viewBox", "width", "x", "xlink:href", "y"],
-  "polygon": ["class", "clip-path", "clip-rule", "id", "fill", "fill-opacity", "fill-rule", "filter", "id", "class", "marker-end", "marker-mid", "marker-start", "mask", "opacity", "points", "requiredFeatures", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "systemLanguage", "transform"],
-  "polyline": ["class", "clip-path", "clip-rule", "id", "fill", "fill-opacity", "fill-rule", "filter", "marker-end", "marker-mid", "marker-start", "mask", "opacity", "points", "requiredFeatures", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "systemLanguage", "transform"],
-  "radialGradient": ["class", "cx", "cy", "fx", "fy", "gradientTransform", "gradientUnits", "id", "r", "requiredFeatures", "spreadMethod", "systemLanguage", "xlink:href"],
-  "rect": ["class", "clip-path", "clip-rule", "fill", "fill-opacity", "fill-rule", "filter", "height", "id", "mask", "opacity", "requiredFeatures", "rx", "ry", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "systemLanguage", "transform", "width", "x", "y"],
-  "stop": ["class", "id", "offset", "requiredFeatures", "stop-color", "stop-opacity", "style", "systemLanguage"],
-  "svg": ["class", "clip-path", "clip-rule", "filter", "id", "height", "mask", "preserveAspectRatio", "requiredFeatures", "style", "systemLanguage", "viewBox", "width", "x", "xmlns", "xmlns:se", "xmlns:xlink", "y"],
-  "switch": ["class", "id", "requiredFeatures", "systemLanguage"],
-  "symbol": ["class", "fill", "fill-opacity", "fill-rule", "filter", "font-family", "font-size", "font-style", "font-weight", "id", "opacity", "preserveAspectRatio", "requiredFeatures", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "systemLanguage", "transform", "viewBox"],
-  "text": ["class", "clip-path", "clip-rule", "fill", "fill-opacity", "fill-rule", "filter", "font-family", "font-size", "font-style", "font-weight", "id", "mask", "opacity", "requiredFeatures", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "systemLanguage", "text-anchor", "transform", "x", "xml:space", "y"],
-  "textPath": ["class", "id", "method", "requiredFeatures", "spacing", "startOffset", "style", "systemLanguage", "transform", "xlink:href"],
-  "title": [],
-  "tspan": ["class", "clip-path", "clip-rule", "dx", "dy", "fill", "fill-opacity", "fill-rule", "filter", "font-family", "font-size", "font-style", "font-weight", "id", "mask", "opacity", "requiredFeatures", "rotate", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "systemLanguage", "text-anchor", "textLength", "transform", "x", "xml:space", "y"],
-  "use": ["class", "clip-path", "clip-rule", "fill", "fill-opacity", "fill-rule", "filter", "height", "id", "mask", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "style", "transform", "width", "x", "xlink:href", "y"],
+  a: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'xlink:href', 'xlink:title'],
+  circle: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'r', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+  clipPath: ['class', 'clipPathUnits', 'id'],
+  defs: [],
+  style: ['type'],
+  desc: [],
+  ellipse: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+  feGaussianBlur: ['class', 'color-interpolation-filters', 'id', 'requiredFeatures', 'stdDeviation'],
+  filter: ['class', 'color-interpolation-filters', 'filterRes', 'filterUnits', 'height', 'id', 'primitiveUnits', 'requiredFeatures', 'width', 'x', 'xlink:href', 'y'],
+  foreignObject: ['class', 'font-size', 'height', 'id', 'opacity', 'requiredFeatures', 'style', 'transform', 'width', 'x', 'y'],
+  g: ['class', 'clip-path', 'clip-rule', 'id', 'display', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'font-family', 'font-size', 'font-style', 'font-weight', 'text-anchor'],
+  image: ['class', 'clip-path', 'clip-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'style', 'systemLanguage', 'transform', 'width', 'x', 'xlink:href', 'xlink:title', 'y'],
+  line: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'x1', 'x2', 'y1', 'y2'],
+  linearGradient: ['class', 'id', 'gradientTransform', 'gradientUnits', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'x1', 'x2', 'xlink:href', 'y1', 'y2'],
+  marker: ['id', 'class', 'markerHeight', 'markerUnits', 'markerWidth', 'orient', 'preserveAspectRatio', 'refX', 'refY', 'systemLanguage', 'viewBox'],
+  mask: ['class', 'height', 'id', 'maskContentUnits', 'maskUnits', 'width', 'x', 'y'],
+  metadata: ['class', 'id'],
+  path: ['class', 'clip-path', 'clip-rule', 'd', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+  pattern: ['class', 'height', 'id', 'patternContentUnits', 'patternTransform', 'patternUnits', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xlink:href', 'y'],
+  polygon: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'class', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+  polyline: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+  radialGradient: ['class', 'cx', 'cy', 'fx', 'fy', 'gradientTransform', 'gradientUnits', 'id', 'r', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'xlink:href'],
+  rect: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'width', 'x', 'y'],
+  stop: ['class', 'id', 'offset', 'requiredFeatures', 'stop-color', 'stop-opacity', 'style', 'systemLanguage'],
+  svg: ['class', 'clip-path', 'clip-rule', 'filter', 'id', 'height', 'mask', 'preserveAspectRatio', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xmlns', 'xmlns:se', 'xmlns:xlink', 'y'],
+  switch: ['class', 'id', 'requiredFeatures', 'systemLanguage'],
+  symbol: ['class', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'opacity', 'preserveAspectRatio', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'viewBox'],
+  text: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'transform', 'x', 'xml:space', 'y'],
+  textPath: ['class', 'id', 'method', 'requiredFeatures', 'spacing', 'startOffset', 'style', 'systemLanguage', 'transform', 'xlink:href'],
+  title: [],
+  tspan: ['class', 'clip-path', 'clip-rule', 'dx', 'dy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'rotate', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'textLength', 'transform', 'x', 'xml:space', 'y'],
+  use: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'transform', 'width', 'x', 'xlink:href', 'y'],
 
   // MathML Elements
-  "annotation": ["encoding"],
-  "annotation-xml": ["encoding"],
-  "maction": ["actiontype", "other", "selection"],
-  "math": ["class", "id", "display", "xmlns"],
-  "menclose": ["notation"],
-  "merror": [],
-  "mfrac": ["linethickness"],
-  "mi": ["mathvariant"],
-  "mmultiscripts": [],
-  "mn": [],
-  "mo": ["fence", "lspace", "maxsize", "minsize", "rspace", "stretchy"],
-  "mover": [],
-  "mpadded": ["lspace", "width", "height", "depth", "voffset"],
-  "mphantom": [],
-  "mprescripts": [],
-  "mroot": [],
-  "mrow": ["xlink:href", "xlink:type", "xmlns:xlink"],
-  "mspace": ["depth", "height", "width"],
-  "msqrt": [],
-  "mstyle": ["displaystyle", "mathbackground", "mathcolor", "mathvariant", "scriptlevel"],
-  "msub": [],
-  "msubsup": [],
-  "msup": [],
-  "mtable": ["align", "columnalign", "columnlines", "columnspacing", "displaystyle", "equalcolumns", "equalrows", "frame", "rowalign", "rowlines", "rowspacing", "width"],
-  "mtd": ["columnalign", "columnspan", "rowalign", "rowspan"],
-  "mtext": [],
-  "mtr": ["columnalign", "rowalign"],
-  "munder": [],
-  "munderover": [],
-  "none": [],
-  "semantics": []
+  annotation: ['encoding'],
+  'annotation-xml': ['encoding'],
+  maction: ['actiontype', 'other', 'selection'],
+  math: ['class', 'id', 'display', 'xmlns'],
+  menclose: ['notation'],
+  merror: [],
+  mfrac: ['linethickness'],
+  mi: ['mathvariant'],
+  mmultiscripts: [],
+  mn: [],
+  mo: ['fence', 'lspace', 'maxsize', 'minsize', 'rspace', 'stretchy'],
+  mover: [],
+  mpadded: ['lspace', 'width', 'height', 'depth', 'voffset'],
+  mphantom: [],
+  mprescripts: [],
+  mroot: [],
+  mrow: ['xlink:href', 'xlink:type', 'xmlns:xlink'],
+  mspace: ['depth', 'height', 'width'],
+  msqrt: [],
+  mstyle: ['displaystyle', 'mathbackground', 'mathcolor', 'mathvariant', 'scriptlevel'],
+  msub: [],
+  msubsup: [],
+  msup: [],
+  mtable: ['align', 'columnalign', 'columnlines', 'columnspacing', 'displaystyle', 'equalcolumns', 'equalrows', 'frame', 'rowalign', 'rowlines', 'rowspacing', 'width'],
+  mtd: ['columnalign', 'columnspan', 'rowalign', 'rowspan'],
+  mtext: [],
+  mtr: ['columnalign', 'rowalign'],
+  munder: [],
+  munderover: [],
+  none: [],
+  semantics: []
 };
 
 // Produce a Namespace-aware version of svgWhitelist
-var svgWhiteListNS_ = {};
-$.each(svgWhiteList_, function(elt, atts){
-  var attNS = {};
-  $.each(atts, function(i, att){
-    if (att.indexOf(':') >= 0) {
-      var v = att.split(':');
+const svgWhiteListNS_ = {};
+Object.entries(svgWhiteList_).forEach(function ([elt, atts]) {
+  const attNS = {};
+  Object.entries(atts).forEach(function ([i, att]) {
+    if (att.includes(':')) {
+      const v = att.split(':');
       attNS[v[1]] = NS[(v[0]).toUpperCase()];
     } else {
-      attNS[att] = att == 'xmlns' ? NS.XMLNS : null;
+      attNS[att] = att === 'xmlns' ? NS.XMLNS : null;
     }
   });
   svgWhiteListNS_[elt] = attNS;
 });
 
-// Function: svgedit.sanitize.sanitizeSvg
-// Sanitizes the input node and its children
-// It only keeps what is allowed from our whitelist defined above
-//
-// Parameters:
-// node - The DOM element to be checked (we'll also check its children)
-svgedit.sanitize.sanitizeSvg = function(node) {
+/**
+* Sanitizes the input node and its children.
+* It only keeps what is allowed from our whitelist defined above.
+* @function module:sanitize.sanitizeSvg
+* @param {Text|Element} node - The DOM element to be checked (we'll also check its children) or text node to be cleaned up
+* @returns {undefined}
+*/
+export const sanitizeSvg = function (node) {
   // Cleanup text nodes
-  if (node.nodeType == 3) { // 3 == TEXT_NODE
+  if (node.nodeType === 3) { // 3 === TEXT_NODE
     // Trim whitespace
     node.nodeValue = node.nodeValue.replace(/^\s+|\s+$/g, '');
     // Remove if empty
-    if (node.nodeValue.length === 0) {
-      node.parentNode.removeChild(node);
+    if (!node.nodeValue.length) {
+      node.remove();
     }
   }
 
   // We only care about element nodes.
   // Automatically return for all non-element nodes, such as comments, etc.
-  if (node.nodeType != 1) { // 1 == ELEMENT_NODE
+  if (node.nodeType !== 1) { // 1 == ELEMENT_NODE
     return;
   }
 
-  var doc = node.ownerDocument;
-  var parent = node.parentNode;
+  const doc = node.ownerDocument;
+  const parent = node.parentNode;
   // can parent ever be null here?  I think the root node's parent is the document...
   if (!doc || !parent) {
     return;
   }
 
-  var allowedAttrs = svgWhiteList_[node.nodeName];
-  var allowedAttrsNS = svgWhiteListNS_[node.nodeName];
-  var i;
+  const allowedAttrs = svgWhiteList_[node.nodeName];
+  const allowedAttrsNS = svgWhiteListNS_[node.nodeName];
   // if this element is supported, sanitize it
   if (typeof allowedAttrs !== 'undefined') {
-
-    var seAttrs = [];
-    i = node.attributes.length;
+    const seAttrs = [];
+    let i = node.attributes.length;
     while (i--) {
       // if the attribute is not in our whitelist, then remove it
       // could use jQuery's inArray(), but I don't know if that's any better
-      var attr = node.attributes.item(i);
-      var attrName = attr.nodeName;
-      var attrLocalName = attr.localName;
-      var attrNsURI = attr.namespaceURI;
-      // Check that an attribute with the correct localName in the correct namespace is on 
+      const attr = node.attributes.item(i);
+      const attrName = attr.nodeName;
+      const attrLocalName = attr.localName;
+      const attrNsURI = attr.namespaceURI;
+      // Check that an attribute with the correct localName in the correct namespace is on
       // our whitelist or is a namespace declaration for one of our allowed namespaces
-      if (!(allowedAttrsNS.hasOwnProperty(attrLocalName) && attrNsURI == allowedAttrsNS[attrLocalName] && attrNsURI != NS.XMLNS) &&
-        !(attrNsURI == NS.XMLNS && REVERSE_NS[attr.value]) )
-      {
+      if (!(allowedAttrsNS.hasOwnProperty(attrLocalName) && attrNsURI === allowedAttrsNS[attrLocalName] && attrNsURI !== NS.XMLNS) &&
+        !(attrNsURI === NS.XMLNS && REVERSE_NS[attr.value])) {
         // TODO(codedread): Programmatically add the se: attributes to the NS-aware whitelist.
         // Bypassing the whitelist to allow se: prefixes.
         // Is there a more appropriate way to do this?
-        if (attrName.indexOf('se:') === 0 || attrName.indexOf('data-') === 0) {
+        if (attrName.startsWith('se:') || attrName.startsWith('data-')) {
           seAttrs.push([attrName, attr.value]);
         }
         node.removeAttributeNS(attrNsURI, attrLocalName);
       }
 
       // Add spaces before negative signs where necessary
-      if (svgedit.browser.isGecko()) {
+      if (isGecko()) {
         switch (attrName) {
         case 'transform':
         case 'gradientTransform':
         case 'patternTransform':
-          var val = attr.value.replace(/(\d)-/g, '$1 -');
+          const val = attr.value.replace(/(\d)-/g, '$1 -');
           node.setAttribute(attrName, val);
           break;
         }
       }
 
       // For the style attribute, rewrite it in terms of XML presentational attributes
-      if (attrName == 'style') {
-        var props = attr.value.split(';'),
-          p = props.length;
+      if (attrName === 'style') {
+        const props = attr.value.split(';');
+        let p = props.length;
         while (p--) {
-          var nv = props[p].split(':');
-          var styleAttrName = $.trim(nv[0]);
-          var styleAttrVal = $.trim(nv[1]);
+          const [name, val] = props[p].split(':');
+          const styleAttrName = (name || '').trim();
+          const styleAttrVal = (val || '').trim();
           // Now check that this attribute is supported
-          if (allowedAttrs.indexOf(styleAttrName) >= 0) {
+          if (allowedAttrs.includes(styleAttrName)) {
             node.setAttribute(styleAttrName, styleAttrVal);
           }
         }
@@ -197,35 +183,35 @@ svgedit.sanitize.sanitizeSvg = function(node) {
       }
     }
 
-    $.each(seAttrs, function(i, attr) {
-      node.setAttributeNS(NS.SE, attr[0], attr[1]);
+    Object.values(seAttrs).forEach(([att, val]) => {
+      node.setAttributeNS(NS.SE, att, val);
     });
 
     // for some elements that have a xlink:href, ensure the URI refers to a local element
     // (but not for links)
-    var href = svgedit.utilities.getHref(node);
+    const href = getHref(node);
     if (href &&
       ['filter', 'linearGradient', 'pattern',
-      'radialGradient', 'textPath', 'use'].indexOf(node.nodeName) >= 0) {
+        'radialGradient', 'textPath', 'use'].includes(node.nodeName)) {
       // TODO: we simply check if the first character is a #, is this bullet-proof?
-      if (href[0] != '#') {
+      if (href[0] !== '#') {
         // remove the attribute (but keep the element)
-        svgedit.utilities.setHref(node, '');
+        setHref(node, '');
         node.removeAttributeNS(NS.XLINK, 'href');
       }
     }
 
     // Safari crashes on a <use> without a xlink:href, so we just remove the node here
-    if (node.nodeName == 'use' && !svgedit.utilities.getHref(node)) {
-      parent.removeChild(node);
+    if (node.nodeName === 'use' && !getHref(node)) {
+      node.remove();
       return;
     }
     // if the element has attributes pointing to a non-local reference,
     // need to remove the attribute
-    $.each(['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'], function(i, attr) {
-      var val = node.getAttribute(attr);
+    Object.values(['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'], function (attr) {
+      let val = node.getAttribute(attr);
       if (val) {
-        val = svgedit.utilities.getUrlFromAttr(val);
+        val = getUrlFromAttr(val);
         // simply check for first character being a '#'
         if (val && val[0] !== '#') {
           node.setAttribute(attr, '');
@@ -236,24 +222,21 @@ svgedit.sanitize.sanitizeSvg = function(node) {
 
     // recurse to children
     i = node.childNodes.length;
-    while (i--) { svgedit.sanitize.sanitizeSvg(node.childNodes.item(i)); }
-  }
+    while (i--) { sanitizeSvg(node.childNodes.item(i)); }
   // else (element not supported), remove it
-  else {
+  } else {
     // remove all children from this node and insert them before this node
     // FIXME: in the case of animation elements this will hardly ever be correct
-    var children = [];
+    const children = [];
     while (node.hasChildNodes()) {
       children.push(parent.insertBefore(node.firstChild, node));
     }
 
     // remove this node from the document altogether
-    parent.removeChild(node);
+    node.remove();
 
     // call sanitizeSvg on each of those children
-    i = children.length;
-    while (i--) { svgedit.sanitize.sanitizeSvg(children[i]); }
+    let i = children.length;
+    while (i--) { sanitizeSvg(children[i]); }
   }
 };
-
-}());
diff --git a/editor/select.js b/editor/select.js
index 3b2e35de..258e868e 100644
--- a/editor/select.js
+++ b/editor/select.js
@@ -1,540 +1,549 @@
-/*globals $, svgedit*/
-/*jslint vars: true, eqeq: true, forin: true*/
+/* globals jQuery */
 /**
- * Package: svedit.select
+ * DOM element selection box tools
+ * @module select
+ * @license MIT
  *
- * Licensed under the MIT License
- *
- * Copyright(c) 2010 Alexis Deveria
- * Copyright(c) 2010 Jeff Schiller
+ * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
  */
 
-// Dependencies:
-// 1) jQuery
-// 2) pathseg.js
-// 3) browser.js
-// 4) math.js
-// 5) svgutils.js
+import {isTouch, isWebkit} from './browser.js'; // , isOpera
+import {getRotationAngle, getBBox, getStrokedBBox} from './utilities.js';
+import {transformListToTransform, transformBox, transformPoint} from './math.js';
+import {getTransformList} from './svgtransformlist.js';
 
-(function() {'use strict';
+const $ = jQuery;
 
-if (!svgedit.select) {
-	svgedit.select = {};
+let svgFactory_;
+let config_;
+let selectorManager_; // A Singleton
+const gripRadius = isTouch() ? 10 : 4;
+
+/**
+* Private class for DOM element selection boxes
+*/
+export class Selector {
+  /**
+  * @param {Integer} id - Internally identify the selector
+  * @param {Element} elem - DOM element associated with this selector
+  * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for initialization (prevents duplicate `getBBox` call).
+  */
+  constructor (id, elem, bbox) {
+    // this is the selector's unique number
+    this.id = id;
+
+    // this holds a reference to the element for which this selector is being used
+    this.selectedElement = elem;
+
+    // this is a flag used internally to track whether the selector is being used or not
+    this.locked = true;
+
+    // this holds a reference to the <g> element that holds all visual elements of the selector
+    this.selectorGroup = svgFactory_.createSVGElement({
+      element: 'g',
+      attr: {id: ('selectorGroup' + this.id)}
+    });
+
+    // this holds a reference to the path rect
+    this.selectorRect = this.selectorGroup.appendChild(
+      svgFactory_.createSVGElement({
+        element: 'path',
+        attr: {
+          id: ('selectedBox' + this.id),
+          fill: 'none',
+          stroke: '#22C',
+          'stroke-width': '1',
+          'stroke-dasharray': '5,5',
+          // need to specify this so that the rect is not selectable
+          style: 'pointer-events:none'
+        }
+      })
+    );
+
+    // this holds a reference to the grip coordinates for this selector
+    this.gripCoords = {
+      nw: null,
+      n: null,
+      ne: null,
+      e: null,
+      se: null,
+      s: null,
+      sw: null,
+      w: null
+    };
+
+    this.reset(this.selectedElement, bbox);
+  }
+
+  /**
+  * Used to reset the id and element that the selector is attached to
+  * @param {Element} e - DOM element associated with this selector
+  * @param {module:utilities.BBoxObject} bbox - Optional bbox to use for reset (prevents duplicate getBBox call).
+  */
+  reset (e, bbox) {
+    this.locked = true;
+    this.selectedElement = e;
+    this.resize(bbox);
+    this.selectorGroup.setAttribute('display', 'inline');
+  }
+
+  /**
+  * Updates cursors for corner grips on rotation so arrows point the right way
+  * @param {Float} angle - Current rotation angle in degrees
+  */
+  updateGripCursors (angle) {
+    let dir;
+    const dirArr = [];
+    let steps = Math.round(angle / 45);
+    if (steps < 0) { steps += 8; }
+    for (dir in selectorManager_.selectorGrips) {
+      dirArr.push(dir);
+    }
+    while (steps > 0) {
+      dirArr.push(dirArr.shift());
+      steps--;
+    }
+    let i = 0;
+    for (dir in selectorManager_.selectorGrips) {
+      selectorManager_.selectorGrips[dir].setAttribute('style', ('cursor:' + dirArr[i] + '-resize'));
+      i++;
+    }
+  }
+
+  /**
+  * Show the resize grips of this selector
+  *
+  * @param {boolean} show - Indicates whether grips should be shown or not
+  */
+  showGrips (show) {
+    const bShow = show ? 'inline' : 'none';
+    selectorManager_.selectorGripsGroup.setAttribute('display', bShow);
+    const elem = this.selectedElement;
+    this.hasGrips = show;
+    if (elem && show) {
+      this.selectorGroup.append(selectorManager_.selectorGripsGroup);
+      this.updateGripCursors(getRotationAngle(elem));
+    }
+  }
+
+  /**
+  * Updates the selector to match the element's size
+  * @param {module:utilities.BBoxObject} [bbox] - BBox to use for resize (prevents duplicate getBBox call).
+  */
+  resize (bbox) {
+    const selectedBox = this.selectorRect,
+      mgr = selectorManager_,
+      selectedGrips = mgr.selectorGrips,
+      selected = this.selectedElement,
+      sw = selected.getAttribute('stroke-width'),
+      currentZoom = svgFactory_.getCurrentZoom();
+    let offset = 1 / currentZoom;
+    if (selected.getAttribute('stroke') !== 'none' && !isNaN(sw)) {
+      offset += (sw / 2);
+    }
+
+    const {tagName} = selected;
+    if (tagName === 'text') {
+      offset += 2 / currentZoom;
+    }
+
+    // loop and transform our bounding box until we reach our first rotation
+    const tlist = getTransformList(selected);
+    const m = transformListToTransform(tlist).matrix;
+
+    // This should probably be handled somewhere else, but for now
+    // it keeps the selection box correctly positioned when zoomed
+    m.e *= currentZoom;
+    m.f *= currentZoom;
+
+    if (!bbox) {
+      bbox = getBBox(selected);
+    }
+    // TODO: getBBox (previous line) already knows to call getStrokedBBox when tagName === 'g'. Remove this?
+    // TODO: getBBox doesn't exclude 'gsvg' and calls getStrokedBBox for any 'g'. Should getBBox be updated?
+    if (tagName === 'g' && !$.data(selected, 'gsvg')) {
+      // The bbox for a group does not include stroke vals, so we
+      // get the bbox based on its children.
+      const strokedBbox = getStrokedBBox([selected.childNodes]);
+      if (strokedBbox) {
+        bbox = strokedBbox;
+      }
+    }
+
+    // apply the transforms
+    const l = bbox.x, t = bbox.y, w = bbox.width, h = bbox.height;
+    bbox = {x: l, y: t, width: w, height: h};
+
+    // we need to handle temporary transforms too
+    // if skewed, get its transformed box, then find its axis-aligned bbox
+
+    // *
+    offset *= currentZoom;
+
+    const nbox = transformBox(l * currentZoom, t * currentZoom, w * currentZoom, h * currentZoom, m),
+      {aabox} = nbox;
+    let nbax = aabox.x - offset,
+      nbay = aabox.y - offset,
+      nbaw = aabox.width + (offset * 2),
+      nbah = aabox.height + (offset * 2);
+
+    // now if the shape is rotated, un-rotate it
+    const cx = nbax + nbaw / 2,
+      cy = nbay + nbah / 2;
+
+    const angle = getRotationAngle(selected);
+    if (angle) {
+      const rot = svgFactory_.svgRoot().createSVGTransform();
+      rot.setRotate(-angle, cx, cy);
+      const rotm = rot.matrix;
+      nbox.tl = transformPoint(nbox.tl.x, nbox.tl.y, rotm);
+      nbox.tr = transformPoint(nbox.tr.x, nbox.tr.y, rotm);
+      nbox.bl = transformPoint(nbox.bl.x, nbox.bl.y, rotm);
+      nbox.br = transformPoint(nbox.br.x, nbox.br.y, rotm);
+
+      // calculate the axis-aligned bbox
+      const {tl} = nbox;
+      let minx = tl.x,
+        miny = tl.y,
+        maxx = tl.x,
+        maxy = tl.y;
+
+      const {min, max} = Math;
+
+      minx = min(minx, min(nbox.tr.x, min(nbox.bl.x, nbox.br.x))) - offset;
+      miny = min(miny, min(nbox.tr.y, min(nbox.bl.y, nbox.br.y))) - offset;
+      maxx = max(maxx, max(nbox.tr.x, max(nbox.bl.x, nbox.br.x))) + offset;
+      maxy = max(maxy, max(nbox.tr.y, max(nbox.bl.y, nbox.br.y))) + offset;
+
+      nbax = minx;
+      nbay = miny;
+      nbaw = (maxx - minx);
+      nbah = (maxy - miny);
+    }
+
+    const dstr = 'M' + nbax + ',' + nbay +
+      ' L' + (nbax + nbaw) + ',' + nbay +
+      ' ' + (nbax + nbaw) + ',' + (nbay + nbah) +
+      ' ' + nbax + ',' + (nbay + nbah) + 'z';
+    selectedBox.setAttribute('d', dstr);
+
+    const xform = angle ? 'rotate(' + [angle, cx, cy].join(',') + ')' : '';
+    this.selectorGroup.setAttribute('transform', xform);
+
+    // TODO(codedread): Is this needed?
+    //  if (selected === selectedElements[0]) {
+    this.gripCoords = {
+      nw: [nbax, nbay],
+      ne: [nbax + nbaw, nbay],
+      sw: [nbax, nbay + nbah],
+      se: [nbax + nbaw, nbay + nbah],
+      n: [nbax + (nbaw) / 2, nbay],
+      w: [nbax, nbay + (nbah) / 2],
+      e: [nbax + nbaw, nbay + (nbah) / 2],
+      s: [nbax + (nbaw) / 2, nbay + nbah]
+    };
+    for (const dir in this.gripCoords) {
+      const coords = this.gripCoords[dir];
+      selectedGrips[dir].setAttribute('cx', coords[0]);
+      selectedGrips[dir].setAttribute('cy', coords[1]);
+    }
+
+    // we want to go 20 pixels in the negative transformed y direction, ignoring scale
+    mgr.rotateGripConnector.setAttribute('x1', nbax + (nbaw) / 2);
+    mgr.rotateGripConnector.setAttribute('y1', nbay);
+    mgr.rotateGripConnector.setAttribute('x2', nbax + (nbaw) / 2);
+    mgr.rotateGripConnector.setAttribute('y2', nbay - (gripRadius * 5));
+
+    mgr.rotateGrip.setAttribute('cx', nbax + (nbaw) / 2);
+    mgr.rotateGrip.setAttribute('cy', nbay - (gripRadius * 5));
+    // }
+  }
 }
 
-var svgFactory_;
-var config_;
-var selectorManager_; // A Singleton
-var gripRadius = svgedit.browser.isTouch() ? 10 : 4;
+/**
+* Manage all selector objects (selection boxes)
+*/
+export class SelectorManager {
+  constructor () {
+    // this will hold the <g> element that contains all selector rects/grips
+    this.selectorParentGroup = null;
 
-// Class: svgedit.select.Selector
-// Private class for DOM element selection boxes
-//
-// Parameters:
-// id - integer to internally indentify the selector
-// elem - DOM element associated with this selector
-// bbox - Optional bbox to use for initialization (prevents duplicate getBBox call).
-svgedit.select.Selector = function(id, elem, bbox) {
-	// this is the selector's unique number
-	this.id = id;
+    // this is a special rect that is used for multi-select
+    this.rubberBandBox = null;
 
-	// this holds a reference to the element for which this selector is being used
-	this.selectedElement = elem;
+    // this will hold objects of type Selector (see above)
+    this.selectors = [];
 
-	// this is a flag used internally to track whether the selector is being used or not
-	this.locked = true;
+    // this holds a map of SVG elements to their Selector object
+    this.selectorMap = {};
 
-	// this holds a reference to the <g> element that holds all visual elements of the selector
-	this.selectorGroup = svgFactory_.createSVGElement({
-		'element': 'g',
-		'attr': {'id': ('selectorGroup' + this.id)}
-	});
+    // this holds a reference to the grip elements
+    this.selectorGrips = {
+      nw: null,
+      n: null,
+      ne: null,
+      e: null,
+      se: null,
+      s: null,
+      sw: null,
+      w: null
+    };
 
-	// this holds a reference to the path rect
-	this.selectorRect = this.selectorGroup.appendChild(
-		svgFactory_.createSVGElement({
-			'element': 'path',
-			'attr': {
-				'id': ('selectedBox' + this.id),
-				'fill': 'none',
-				'stroke': '#22C',
-				'stroke-width': '1',
-				'stroke-dasharray': '5,5',
-				// need to specify this so that the rect is not selectable
-				'style': 'pointer-events:none'
-			}
-		})
-	);
+    this.selectorGripsGroup = null;
+    this.rotateGripConnector = null;
+    this.rotateGrip = null;
 
-	// this holds a reference to the grip coordinates for this selector
-	this.gripCoords = {
-		'nw': null,
-		'n' : null,
-		'ne': null,
-		'e' : null,
-		'se': null,
-		's' : null,
-		'sw': null,
-		'w' : null
-	};
+    this.initGroup();
+  }
 
-	this.reset(this.selectedElement, bbox);
-};
+  /**
+  * Resets the parent selector group element
+  */
+  initGroup () {
+    // remove old selector parent group if it existed
+    if (this.selectorParentGroup && this.selectorParentGroup.parentNode) {
+      this.selectorParentGroup.remove();
+    }
 
+    // create parent selector group and add it to svgroot
+    this.selectorParentGroup = svgFactory_.createSVGElement({
+      element: 'g',
+      attr: {id: 'selectorParentGroup'}
+    });
+    this.selectorGripsGroup = svgFactory_.createSVGElement({
+      element: 'g',
+      attr: {display: 'none'}
+    });
+    this.selectorParentGroup.append(this.selectorGripsGroup);
+    svgFactory_.svgRoot().append(this.selectorParentGroup);
 
-// Function: svgedit.select.Selector.reset
-// Used to reset the id and element that the selector is attached to
-//
-// Parameters:
-// e - DOM element associated with this selector
-// bbox - Optional bbox to use for reset (prevents duplicate getBBox call).
-svgedit.select.Selector.prototype.reset = function(e, bbox) {
-	this.locked = true;
-	this.selectedElement = e;
-	this.resize(bbox);
-	this.selectorGroup.setAttribute('display', 'inline');
-};
+    this.selectorMap = {};
+    this.selectors = [];
+    this.rubberBandBox = null;
 
+    // add the corner grips
+    for (const dir in this.selectorGrips) {
+      const grip = svgFactory_.createSVGElement({
+        element: 'circle',
+        attr: {
+          id: ('selectorGrip_resize_' + dir),
+          fill: '#22C',
+          r: gripRadius,
+          style: ('cursor:' + dir + '-resize'),
+          // This expands the mouse-able area of the grips making them
+          // easier to grab with the mouse.
+          // This works in Opera and WebKit, but does not work in Firefox
+          // see https://bugzilla.mozilla.org/show_bug.cgi?id=500174
+          'stroke-width': 2,
+          'pointer-events': 'all'
+        }
+      });
 
-// Function: svgedit.select.Selector.updateGripCursors
-// Updates cursors for corner grips on rotation so arrows point the right way
-//
-// Parameters:
-// angle - Float indicating current rotation angle in degrees
-svgedit.select.Selector.prototype.updateGripCursors = function(angle) {
-	var dir,
-		dir_arr = [],
-		steps = Math.round(angle / 45);
-	if (steps < 0) {steps += 8;}
-	for (dir in selectorManager_.selectorGrips) {
-		dir_arr.push(dir);
-	}
-	while (steps > 0) {
-		dir_arr.push(dir_arr.shift());
-		steps--;
-	}
-	var i = 0;
-	for (dir in selectorManager_.selectorGrips) {
-		selectorManager_.selectorGrips[dir].setAttribute('style', ('cursor:' + dir_arr[i] + '-resize'));
-		i++;
-	}
-};
+      $.data(grip, 'dir', dir);
+      $.data(grip, 'type', 'resize');
+      this.selectorGrips[dir] = this.selectorGripsGroup.appendChild(grip);
+    }
 
-// Function: svgedit.select.Selector.showGrips
-// Show the resize grips of this selector
-//
-// Parameters:
-// show - boolean indicating whether grips should be shown or not
-svgedit.select.Selector.prototype.showGrips = function(show) {
-	var bShow = show ? 'inline' : 'none';
-	selectorManager_.selectorGripsGroup.setAttribute('display', bShow);
-	var elem = this.selectedElement;
-	this.hasGrips = show;
-	if (elem && show) {
-		this.selectorGroup.appendChild(selectorManager_.selectorGripsGroup);
-		this.updateGripCursors(svgedit.utilities.getRotationAngle(elem));
-	}
-};
+    // add rotator elems
+    this.rotateGripConnector = this.selectorGripsGroup.appendChild(
+      svgFactory_.createSVGElement({
+        element: 'line',
+        attr: {
+          id: ('selectorGrip_rotateconnector'),
+          stroke: '#22C',
+          'stroke-width': '1'
+        }
+      })
+    );
 
-// Function: svgedit.select.Selector.resize
-// Updates the selector to match the element's size
-// bbox - Optional bbox to use for resize (prevents duplicate getBBox call).
-svgedit.select.Selector.prototype.resize = function(bbox) {
-	var selectedBox = this.selectorRect,
-		mgr = selectorManager_,
-		selectedGrips = mgr.selectorGrips,
-		selected = this.selectedElement,
-		sw = selected.getAttribute('stroke-width'),
-		current_zoom = svgFactory_.currentZoom();
-	var offset = 1/current_zoom;
-	if (selected.getAttribute('stroke') !== 'none' && !isNaN(sw)) {
-		offset += (sw/2);
-	}
+    this.rotateGrip = this.selectorGripsGroup.appendChild(
+      svgFactory_.createSVGElement({
+        element: 'circle',
+        attr: {
+          id: 'selectorGrip_rotate',
+          fill: 'lime',
+          r: gripRadius,
+          stroke: '#22C',
+          'stroke-width': 2,
+          style: 'cursor:url(' + config_.imgPath + 'rotate.png) 12 12, auto;'
+        }
+      })
+    );
+    $.data(this.rotateGrip, 'type', 'rotate');
 
-	var tagName = selected.tagName;
-	if (tagName === 'text') {
-		offset += 2/current_zoom;
-	}
+    if ($('#canvasBackground').length) { return; }
 
-	// loop and transform our bounding box until we reach our first rotation
-	var tlist = svgedit.transformlist.getTransformList(selected);
-	var m = svgedit.math.transformListToTransform(tlist).matrix;
+    const [width, height] = config_.dimensions;
+    const canvasbg = svgFactory_.createSVGElement({
+      element: 'svg',
+      attr: {
+        id: 'canvasBackground',
+        width,
+        height,
+        x: 0,
+        y: 0,
+        overflow: (isWebkit() ? 'none' : 'visible'), // Chrome 7 has a problem with this when zooming out
+        style: 'pointer-events:none'
+      }
+    });
 
-	// This should probably be handled somewhere else, but for now
-	// it keeps the selection box correctly positioned when zoomed
-	m.e *= current_zoom;
-	m.f *= current_zoom;
+    const rect = svgFactory_.createSVGElement({
+      element: 'rect',
+      attr: {
+        width: '100%',
+        height: '100%',
+        x: 0,
+        y: 0,
+        'stroke-width': 1,
+        stroke: '#000',
+        fill: '#FFF',
+        style: 'pointer-events:none'
+      }
+    });
 
-	if (!bbox) {
-		bbox = svgedit.utilities.getBBox(selected);
-	}
-	// TODO: svgedit.utilities.getBBox (previous line) already knows to call getStrokedBBox when tagName === 'g'. Remove this?
-	// TODO: svgedit.utilities.getBBox doesn't exclude 'gsvg' and calls getStrokedBBox for any 'g'. Should getBBox be updated?
-	if (tagName === 'g' && !$.data(selected, 'gsvg')) {
-		// The bbox for a group does not include stroke vals, so we
-		// get the bbox based on its children.
-		var stroked_bbox = svgFactory_.getStrokedBBox(selected.childNodes);
-		if (stroked_bbox) {
-			bbox = stroked_bbox;
-		}
-	}
+    // Both Firefox and WebKit are too slow with this filter region (especially at higher
+    // zoom levels) and Opera has at least one bug
+    // if (!isOpera()) rect.setAttribute('filter', 'url(#canvashadow)');
+    canvasbg.append(rect);
+    svgFactory_.svgRoot().insertBefore(canvasbg, svgFactory_.svgContent());
+    // Ok to replace above with `svgFactory_.svgContent().before(canvasbg);`?
+  }
 
-	// apply the transforms
-	var l = bbox.x, t = bbox.y, w = bbox.width, h = bbox.height;
-	bbox = {x:l, y:t, width:w, height:h};
+  /**
+  *
+  * @param {Element} elem - DOM element to get the selector for
+  * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for reset (prevents duplicate getBBox call).
+  * @returns {Selector} The selector based on the given element
+  */
+  requestSelector (elem, bbox) {
+    if (elem == null) { return null; }
 
-	// we need to handle temporary transforms too
-	// if skewed, get its transformed box, then find its axis-aligned bbox
+    const N = this.selectors.length;
+    // If we've already acquired one for this element, return it.
+    if (typeof this.selectorMap[elem.id] === 'object') {
+      this.selectorMap[elem.id].locked = true;
+      return this.selectorMap[elem.id];
+    }
+    for (let i = 0; i < N; ++i) {
+      if (this.selectors[i] && !this.selectors[i].locked) {
+        this.selectors[i].locked = true;
+        this.selectors[i].reset(elem, bbox);
+        this.selectorMap[elem.id] = this.selectors[i];
+        return this.selectors[i];
+      }
+    }
+    // if we reached here, no available selectors were found, we create one
+    this.selectors[N] = new Selector(N, elem, bbox);
+    this.selectorParentGroup.append(this.selectors[N].selectorGroup);
+    this.selectorMap[elem.id] = this.selectors[N];
+    return this.selectors[N];
+  }
 
-	//*
-	offset *= current_zoom;
+  /**
+  * Removes the selector of the given element (hides selection box)
+  *
+  * @param {Element} elem - DOM element to remove the selector for
+  */
+  releaseSelector (elem) {
+    if (elem == null) { return; }
+    const N = this.selectors.length,
+      sel = this.selectorMap[elem.id];
+    if (!sel.locked) {
+      // TODO(codedread): Ensure this exists in this module.
+      console.log('WARNING! selector was released but was already unlocked');
+    }
+    for (let i = 0; i < N; ++i) {
+      if (this.selectors[i] && this.selectors[i] === sel) {
+        delete this.selectorMap[elem.id];
+        sel.locked = false;
+        sel.selectedElement = null;
+        sel.showGrips(false);
 
-	var nbox = svgedit.math.transformBox(l*current_zoom, t*current_zoom, w*current_zoom, h*current_zoom, m),
-		aabox = nbox.aabox,
-		nbax = aabox.x - offset,
-		nbay = aabox.y - offset,
-		nbaw = aabox.width + (offset * 2),
-		nbah = aabox.height + (offset * 2);
+        // remove from DOM and store reference in JS but only if it exists in the DOM
+        try {
+          sel.selectorGroup.setAttribute('display', 'none');
+        } catch (e) {}
 
-	// now if the shape is rotated, un-rotate it
-	var cx = nbax + nbaw/2,
-		cy = nbay + nbah/2;
-
-	var angle = svgedit.utilities.getRotationAngle(selected);
-	if (angle) {
-		var rot = svgFactory_.svgRoot().createSVGTransform();
-		rot.setRotate(-angle, cx, cy);
-		var rotm = rot.matrix;
-		nbox.tl = svgedit.math.transformPoint(nbox.tl.x, nbox.tl.y, rotm);
-		nbox.tr = svgedit.math.transformPoint(nbox.tr.x, nbox.tr.y, rotm);
-		nbox.bl = svgedit.math.transformPoint(nbox.bl.x, nbox.bl.y, rotm);
-		nbox.br = svgedit.math.transformPoint(nbox.br.x, nbox.br.y, rotm);
-
-		// calculate the axis-aligned bbox
-		var tl = nbox.tl;
-		var minx = tl.x,
-			miny = tl.y,
-			maxx = tl.x,
-			maxy = tl.y;
-
-		var min = Math.min, max = Math.max;
-
-		minx = min(minx, min(nbox.tr.x, min(nbox.bl.x, nbox.br.x) ) ) - offset;
-		miny = min(miny, min(nbox.tr.y, min(nbox.bl.y, nbox.br.y) ) ) - offset;
-		maxx = max(maxx, max(nbox.tr.x, max(nbox.bl.x, nbox.br.x) ) ) + offset;
-		maxy = max(maxy, max(nbox.tr.y, max(nbox.bl.y, nbox.br.y) ) ) + offset;
-
-		nbax = minx;
-		nbay = miny;
-		nbaw = (maxx-minx);
-		nbah = (maxy-miny);
-	}
-
-	var dstr = 'M' + nbax + ',' + nbay
-				+ ' L' + (nbax+nbaw) + ',' + nbay
-				+ ' ' + (nbax+nbaw) + ',' + (nbay+nbah)
-				+ ' ' + nbax + ',' + (nbay+nbah) + 'z';
-	selectedBox.setAttribute('d', dstr);
-
-	var xform = angle ? 'rotate(' + [angle, cx, cy].join(',') + ')' : '';
-	this.selectorGroup.setAttribute('transform', xform);
-
-	// TODO(codedread): Is this if needed?
-//	if (selected === selectedElements[0]) {
-		this.gripCoords = {
-			'nw': [nbax, nbay],
-			'ne': [nbax+nbaw, nbay],
-			'sw': [nbax, nbay+nbah],
-			'se': [nbax+nbaw, nbay+nbah],
-			'n':  [nbax + (nbaw)/2, nbay],
-			'w':	[nbax, nbay + (nbah)/2],
-			'e':	[nbax + nbaw, nbay + (nbah)/2],
-			's':	[nbax + (nbaw)/2, nbay + nbah]
-		};
-		var dir;
-		for (dir in this.gripCoords) {
-			var coords = this.gripCoords[dir];
-			selectedGrips[dir].setAttribute('cx', coords[0]);
-			selectedGrips[dir].setAttribute('cy', coords[1]);
-		}
-
-		// we want to go 20 pixels in the negative transformed y direction, ignoring scale
-		mgr.rotateGripConnector.setAttribute('x1', nbax + (nbaw)/2);
-		mgr.rotateGripConnector.setAttribute('y1', nbay);
-		mgr.rotateGripConnector.setAttribute('x2', nbax + (nbaw)/2);
-		mgr.rotateGripConnector.setAttribute('y2', nbay - (gripRadius*5));
-
-		mgr.rotateGrip.setAttribute('cx', nbax + (nbaw)/2);
-		mgr.rotateGrip.setAttribute('cy', nbay - (gripRadius*5));
-//	}
-};
-
-
-// Class: svgedit.select.SelectorManager
-svgedit.select.SelectorManager = function() {
-	// this will hold the <g> element that contains all selector rects/grips
-	this.selectorParentGroup = null;
-
-	// this is a special rect that is used for multi-select
-	this.rubberBandBox = null;
-
-	// this will hold objects of type svgedit.select.Selector (see above)
-	this.selectors = [];
-
-	// this holds a map of SVG elements to their Selector object
-	this.selectorMap = {};
-
-	// this holds a reference to the grip elements
-	this.selectorGrips = {
-		'nw': null,
-		'n' :  null,
-		'ne': null,
-		'e' :  null,
-		'se': null,
-		's' :  null,
-		'sw': null,
-		'w' :  null
-	};
-
-	this.selectorGripsGroup = null;
-	this.rotateGripConnector = null;
-	this.rotateGrip = null;
-
-	this.initGroup();
-};
-
-// Function: svgedit.select.SelectorManager.initGroup
-// Resets the parent selector group element
-svgedit.select.SelectorManager.prototype.initGroup = function() {
-	// remove old selector parent group if it existed
-	if (this.selectorParentGroup && this.selectorParentGroup.parentNode) {
-		this.selectorParentGroup.parentNode.removeChild(this.selectorParentGroup);
-	}
-
-	// create parent selector group and add it to svgroot
-	this.selectorParentGroup = svgFactory_.createSVGElement({
-		'element': 'g',
-		'attr': {'id': 'selectorParentGroup'}
-	});
-	this.selectorGripsGroup = svgFactory_.createSVGElement({
-		'element': 'g',
-		'attr': {'display': 'none'}
-	});
-	this.selectorParentGroup.appendChild(this.selectorGripsGroup);
-	svgFactory_.svgRoot().appendChild(this.selectorParentGroup);
-
-	this.selectorMap = {};
-	this.selectors = [];
-	this.rubberBandBox = null;
-
-	// add the corner grips
-	var dir;
-	for (dir in this.selectorGrips) {
-		var grip = svgFactory_.createSVGElement({
-			'element': 'circle',
-			'attr': {
-				'id': ('selectorGrip_resize_' + dir),
-				'fill': '#22C',
-				'r': gripRadius,
-				'style': ('cursor:' + dir + '-resize'),
-				// This expands the mouse-able area of the grips making them
-				// easier to grab with the mouse.
-				// This works in Opera and WebKit, but does not work in Firefox
-				// see https://bugzilla.mozilla.org/show_bug.cgi?id=500174
-				'stroke-width': 2,
-				'pointer-events': 'all'
-			}
-		});
-
-		$.data(grip, 'dir', dir);
-		$.data(grip, 'type', 'resize');
-		this.selectorGrips[dir] = this.selectorGripsGroup.appendChild(grip);
-	}
-
-	// add rotator elems
-	this.rotateGripConnector = this.selectorGripsGroup.appendChild(
-		svgFactory_.createSVGElement({
-			'element': 'line',
-			'attr': {
-				'id': ('selectorGrip_rotateconnector'),
-				'stroke': '#22C',
-				'stroke-width': '1'
-			}
-		})
-	);
-
-	this.rotateGrip = this.selectorGripsGroup.appendChild(
-		svgFactory_.createSVGElement({
-			'element': 'circle',
-			'attr': {
-				'id': 'selectorGrip_rotate',
-				'fill': 'lime',
-				'r': gripRadius,
-				'stroke': '#22C',
-				'stroke-width': 2,
-				'style': 'cursor:url(' + config_.imgPath + 'rotate.png) 12 12, auto;'
-			}
-		})
-	);
-	$.data(this.rotateGrip, 'type', 'rotate');
-
-	if ($('#canvasBackground').length) {return;}
-
-	var dims = config_.dimensions;
-	var canvasbg = svgFactory_.createSVGElement({
-		'element': 'svg',
-		'attr': {
-			'id': 'canvasBackground',
-			'width': dims[0],
-			'height': dims[1],
-			'x': 0,
-			'y': 0,
-			'overflow': (svgedit.browser.isWebkit() ? 'none' : 'visible'), // Chrome 7 has a problem with this when zooming out
-			'style': 'pointer-events:none'
-		}
-	});
-
-	var rect = svgFactory_.createSVGElement({
-		'element': 'rect',
-		'attr': {
-			'width': '100%',
-			'height': '100%',
-			'x': 0,
-			'y': 0,
-			'stroke-width': 1,
-			'stroke': '#000',
-			'fill': '#FFF',
-			'style': 'pointer-events:none'
-		}
-	});
-
-	// Both Firefox and WebKit are too slow with this filter region (especially at higher
-	// zoom levels) and Opera has at least one bug
-//	if (!svgedit.browser.isOpera()) rect.setAttribute('filter', 'url(#canvashadow)');
-	canvasbg.appendChild(rect);
-	svgFactory_.svgRoot().insertBefore(canvasbg, svgFactory_.svgContent());
-};
-
-// Function: svgedit.select.SelectorManager.requestSelector
-// Returns the selector based on the given element
-//
-// Parameters:
-// elem - DOM element to get the selector for
-// bbox - Optional bbox to use for reset (prevents duplicate getBBox call).
-svgedit.select.SelectorManager.prototype.requestSelector = function(elem, bbox) {
-	if (elem == null) {return null;}
-	var i,
-		N = this.selectors.length;
-	// If we've already acquired one for this element, return it.
-	if (typeof(this.selectorMap[elem.id]) == 'object') {
-		this.selectorMap[elem.id].locked = true;
-		return this.selectorMap[elem.id];
-	}
-	for (i = 0; i < N; ++i) {
-		if (this.selectors[i] && !this.selectors[i].locked) {
-			this.selectors[i].locked = true;
-			this.selectors[i].reset(elem, bbox);
-			this.selectorMap[elem.id] = this.selectors[i];
-			return this.selectors[i];
-		}
-	}
-	// if we reached here, no available selectors were found, we create one
-	this.selectors[N] = new svgedit.select.Selector(N, elem, bbox);
-	this.selectorParentGroup.appendChild(this.selectors[N].selectorGroup);
-	this.selectorMap[elem.id] = this.selectors[N];
-	return this.selectors[N];
-};
-
-// Function: svgedit.select.SelectorManager.releaseSelector
-// Removes the selector of the given element (hides selection box)
-//
-// Parameters:
-// elem - DOM element to remove the selector for
-svgedit.select.SelectorManager.prototype.releaseSelector = function(elem) {
-	if (elem == null) {return;}
-	var i,
-		N = this.selectors.length,
-		sel = this.selectorMap[elem.id];
-	if (!sel.locked) {
-		// TODO(codedread): Ensure this exists in this module.
-		console.log('WARNING! selector was released but was already unlocked');
-	}
-	for (i = 0; i < N; ++i) {
-		if (this.selectors[i] && this.selectors[i] == sel) {
-			delete this.selectorMap[elem.id];
-			sel.locked = false;
-			sel.selectedElement = null;
-			sel.showGrips(false);
-
-			// remove from DOM and store reference in JS but only if it exists in the DOM
-			try {
-				sel.selectorGroup.setAttribute('display', 'none');
-			} catch(e) { }
-
-			break;
-		}
-	}
-};
-
-// Function: svgedit.select.SelectorManager.getRubberBandBox
-// Returns the rubberBandBox DOM element. This is the rectangle drawn by the user for selecting/zooming
-svgedit.select.SelectorManager.prototype.getRubberBandBox = function() {
-	if (!this.rubberBandBox) {
-		this.rubberBandBox = this.selectorParentGroup.appendChild(
-			svgFactory_.createSVGElement({
-				'element': 'rect',
-				'attr': {
-					'id': 'selectorRubberBand',
-					'fill': '#22C',
-					'fill-opacity': 0.15,
-					'stroke': '#22C',
-					'stroke-width': 0.5,
-					'display': 'none',
-					'style': 'pointer-events:none'
-				}
-			})
-		);
-	}
-	return this.rubberBandBox;
-};
+        break;
+      }
+    }
+  }
 
+  /**
+  * @returns {SVGRectElement} The rubberBandBox DOM element. This is the rectangle drawn by
+  * the user for selecting/zooming
+  */
+  getRubberBandBox () {
+    if (!this.rubberBandBox) {
+      this.rubberBandBox = this.selectorParentGroup.appendChild(
+        svgFactory_.createSVGElement({
+          element: 'rect',
+          attr: {
+            id: 'selectorRubberBand',
+            fill: '#22C',
+            'fill-opacity': 0.15,
+            stroke: '#22C',
+            'stroke-width': 0.5,
+            display: 'none',
+            style: 'pointer-events:none'
+          }
+        })
+      );
+    }
+    return this.rubberBandBox;
+  }
+}
 
 /**
- * Interface: svgedit.select.SVGFactory
  * An object that creates SVG elements for the canvas.
  *
- * interface svgedit.select.SVGFactory {
- *   SVGElement createSVGElement(jsonMap);
- *   SVGSVGElement svgRoot();
- *   SVGSVGElement svgContent();
- *
- *   Number currentZoom();
- *   Object getStrokedBBox(Element[]); // TODO(codedread): Remove when getStrokedBBox() has been put into svgutils.js
- * }
+ * @interface module:select.SVGFactory
+ */
+/**
+ * @function module:select.SVGFactory#createSVGElement
+ * @param {module:utilities.EditorContext#addSVGElementFromJson} jsonMap
+ * @returns {SVGElement}
+ */
+/**
+ * @function module:select.SVGFactory#svgRoot
+ * @returns {SVGSVGElement}
+ */
+/**
+ * @function module:select.SVGFactory#svgContent
+ * @returns {SVGSVGElement}
+ */
+/**
+ * @function module:select.SVGFactory#getCurrentZoom
+ * @returns {Float}
+ */
+
+/**
+ * @typedef {GenericArray} module:select.Dimensions
+ * @property {Integer} length 2
+ * @property {Float} 0 Width
+ * @property {Float} 1 Height
+ */
+/**
+ * @typedef {PlainObject} module:select.Config
+ * @property {string} imgPath
+ * @property {module:select.Dimensions} dimensions
  */
 
 /**
- * Function: svgedit.select.init()
  * Initializes this module.
- *
- * Parameters:
- * config - an object containing configurable parameters (imgPath)
- * svgFactory - an object implementing the SVGFactory interface (see above).
+ * @function module:select.init
+ * @param {module:select.Config} config - An object containing configurable parameters (imgPath)
+ * @param {module:select.SVGFactory} svgFactory - An object implementing the SVGFactory interface.
+ * @returns {undefined}
  */
-svgedit.select.init = function(config, svgFactory) {
-	config_ = config;
-	svgFactory_ = svgFactory;
-	selectorManager_ = new svgedit.select.SelectorManager();
+export const init = function (config, svgFactory) {
+  config_ = config;
+  svgFactory_ = svgFactory;
+  selectorManager_ = new SelectorManager();
 };
 
 /**
- * Function: svgedit.select.getSelectorManager
- *
- * Returns:
- * The SelectorManager instance.
+ * @function module:select.getSelectorManager
+ * @returns {module:select.SelectorManager} The SelectorManager instance.
  */
-svgedit.select.getSelectorManager = function() {
-	return selectorManager_;
-};
-
-}());
\ No newline at end of file
+export const getSelectorManager = () => selectorManager_;
diff --git a/editor/spinbtn/JQuerySpinBtn.css b/editor/spinbtn/JQuerySpinBtn.css
deleted file mode 100644
index 7a279a09..00000000
--- a/editor/spinbtn/JQuerySpinBtn.css
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
-	Styles to make ordinary <INPUT type="text"/> look like a spinbutton/spinbox control.
-	Use with JQuerySpinBtn.js to provide the spin functionality by reacting to mouse etc.
-	(Requires a reference to the JQuery library found at http://jquery.com/src/latest/)
-	(Hats-off to John Resig for creating the excellent JQuery library. It is fab.)
-
-	This control is achieved with no extra html markup whatsoever and uses unobtrusive javascript.
-
-	Written by George Adamson, Software Unity (george.jquery@softwareunity.com) September 2006.
-	Big improvements added by Mark Gibson, (mgibson@designlinks.net) September 2006.
-
-	Do contact me with comments and suggestions but please don't ask for support.
-	As much as I'd love to help with specific problems I have plenty to get on with already!
-
-	Go ahead and use it in your own projects. This code is provided 'as is'.
-	Sure I've tested in heaps of ways. Its good for me, but you use it at your own risk.
-	SoftwareUnity and I are certainly not responsible if your computer sets fire to the sofa,
-	hacks into the pentagon, hijacks a plane or gives you any kind of hassle whatsoever.
-
-	If you'd like your spin-button image in a different place then you'll need to alter both
-	the CSS below and the javascript isMouseOverUpDn() function to accommodate the new position.
-	You could even have left and right buttons either side of the textbox.
-*/
-
-INPUT.spin-button {
-	/* explicitly put padding for top/bottom/left in here so that Opera displays it better */
-	padding: 2px 20px 2px 2px;
-	background-repeat:no-repeat;		/* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
-	background-position:100% 0%;
-	background-image:url('spinbtn_updn.png');
-	background-color:white; /* Needed for Opera */
-}
-
-INPUT.spin-button.up {					/* Change button img when mouse is over the UP-arrow */
-	cursor:pointer;
-	background-position:100% -18px;		/* 18px matches height of 2 visible buttons */
-}
-INPUT.spin-button.down {				/* Change button img when mouse is over the DOWN-arrow */
-	cursor:pointer;
-	background-position:100% -36px;		/* 36px matches height of 2x2 visible buttons */
-}
diff --git a/editor/spinbtn/JQuerySpinBtn.js b/editor/spinbtn/JQuerySpinBtn.js
deleted file mode 100644
index 292be62c..00000000
--- a/editor/spinbtn/JQuerySpinBtn.js
+++ /dev/null
@@ -1,274 +0,0 @@
-/*globals $, svgEditor*/
-/*jslint vars: true, eqeq: true*/
-/* SpinButton control
- *
- * Adds bells and whistles to any ordinary textbox to
- * make it look and feel like a SpinButton Control.
- *
- * Originally written by George Adamson, Software Unity (george.jquery@softwareunity.com) August 2006.
- * - Added min/max options
- * - Added step size option
- * - Added bigStep (page up/down) option
- *
- * Modifications made by Mark Gibson, (mgibson@designlinks.net) September 2006:
- * - Converted to jQuery plugin
- * - Allow limited or unlimited min/max values
- * - Allow custom class names, and add class to input element
- * - Removed global vars
- * - Reset (to original or through config) when invalid value entered
- * - Repeat whilst holding mouse button down (with initial pause, like keyboard repeat)
- * - Support mouse wheel in Firefox
- * - Fix double click in IE
- * - Refactored some code and renamed some vars
- *
- * Modifications by Jeff Schiller, June 2009:
- * - provide callback function for when the value changes based on the following
- *   http://www.mail-archive.com/jquery-en@googlegroups.com/msg36070.html
- * Modifications by Jeff Schiller, July 2009:
- * - improve styling for widget in Opera
- * - consistent key-repeat handling cross-browser
- * Modifications by Alexis Deveria, October 2009:
- * - provide "stepfunc" callback option to allow custom function to run when changing a value
- * - Made adjustValue(0) only run on certain keyup events, not all.
- *
- * Tested in IE6, Opera9, Firefox 1.5
- * v1.0  11 Aug 2006 - George Adamson	- First release
- * v1.1     Aug 2006 - George Adamson	- Minor enhancements
- * v1.2  27 Sep 2006 - Mark Gibson		- Major enhancements
- * v1.3a 28 Sep 2006 - George Adamson	- Minor enhancements
- * v1.4  18 Jun 2009 - Jeff Schiller    - Added callback function
- * v1.5  06 Jul 2009 - Jeff Schiller    - Fixes for Opera.  
- * v1.6  13 Oct 2009 - Alexis Deveria   - Added stepfunc function  
- * v1.7  21 Oct 2009 - Alexis Deveria   - Minor fixes
- *                                        Fast-repeat for keys and live updating as you type.
- * v1.8  12 Jan 2010 - Benjamin Thomas  - Fixes for mouseout behavior.
- *                                        Added smallStep
- 
- Sample usage:
- 
-	// Create group of settings to initialise spinbutton(s). (Optional)
-	var myOptions = {
-					min: 0,						// Set lower limit.
-					max: 100,					// Set upper limit.
-					step: 1,					// Set increment size.
-					smallStep: 0.5,				// Set shift-click increment size.
-					spinClass: mySpinBtnClass,	// CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
-					upClass: mySpinUpClass,		// CSS class for style when mouse over up button.
-					downClass: mySpinDnClass	// CSS class for style when mouse over down button.
-					}
- 
-	$(document).ready(function(){
-
-		// Initialise INPUT element(s) as SpinButtons: (passing options if desired)
-		$("#myInputElement").SpinButton(myOptions);
-
-	});
- 
- */
-$.fn.SpinButton = function(cfg) { 'use strict';
-	function coord(el,prop) {
-		var c = el[prop], b = document.body;
-		
-		while ((el = el.offsetParent) && (el != b)) {
-			if (!$.browser.msie || (el.currentStyle.position !== 'relative')) {
-				c += el[prop];
-			}
-		}
-		
-		return c;
-	}
-
-	return this.each(function(){
-
-		this.repeating = false;
-		
-		// Apply specified options or defaults:
-		// (Ought to refactor this some day to use $.extend() instead)
-		this.spinCfg = {
-			//min: cfg && cfg.min ? Number(cfg.min) : null,
-			//max: cfg && cfg.max ? Number(cfg.max) : null,
-			min: cfg && !isNaN(parseFloat(cfg.min)) ? Number(cfg.min) : null,	// Fixes bug with min:0
-			max: cfg && !isNaN(parseFloat(cfg.max)) ? Number(cfg.max) : null,
-			step: cfg && cfg.step ? Number(cfg.step) : 1,
-			stepfunc: cfg && cfg.stepfunc ? cfg.stepfunc : false,
-			page: cfg && cfg.page ? Number(cfg.page) : 10,
-			upClass: cfg && cfg.upClass ? cfg.upClass : 'up',
-			downClass: cfg && cfg.downClass ? cfg.downClass : 'down',
-			reset: cfg && cfg.reset ? cfg.reset : this.value,
-			delay: cfg && cfg.delay ? Number(cfg.delay) : 500,
-			interval: cfg && cfg.interval ? Number(cfg.interval) : 100,
-			_btn_width: 20,
-			_direction: null,
-			_delay: null,
-			_repeat: null,
-			callback: cfg && cfg.callback ? cfg.callback : null
-		};
-
-		// if a smallStep isn't supplied, use half the regular step
-		this.spinCfg.smallStep = cfg && cfg.smallStep ? cfg.smallStep : this.spinCfg.step/2;
-		
-		this.adjustValue = function(i){
-			var v;
-			if(isNaN(this.value)) {
-				v = this.spinCfg.reset;
-			} else if($.isFunction(this.spinCfg.stepfunc)) {
-				v = this.spinCfg.stepfunc(this, i);
-			} else {
-				// weirdest javascript bug ever: 5.1 + 0.1 = 5.199999999
-				v = Number((Number(this.value) + Number(i)).toFixed(5));
-			}
-			if (this.spinCfg.min !== null) {v = Math.max(v, this.spinCfg.min);}
-			if (this.spinCfg.max !== null) {v = Math.min(v, this.spinCfg.max);}
-			this.value = v;
-			if ($.isFunction(this.spinCfg.callback)) {this.spinCfg.callback(this);}
-		};
-		
-		$(this)
-		.addClass(cfg && cfg.spinClass ? cfg.spinClass : 'spin-button')
-		
-		.mousemove(function(e){
-			// Determine which button mouse is over, or not (spin direction):
-			var x = e.pageX || e.x;
-			var y = e.pageY || e.y;
-			var el = e.target || e.srcElement;
-			var scale = svgEditor.tool_scale || 1;
-			var height = $(el).height()/2;
-			
-			var direction = 
-				(x > coord(el,'offsetLeft') + el.offsetWidth*scale - this.spinCfg._btn_width)
-				? ((y < coord(el,'offsetTop') + height*scale) ? 1 : -1) : 0;
-			
-			if (direction !== this.spinCfg._direction) {
-				// Style up/down buttons:
-				switch(direction){
-					case 1: // Up arrow:
-						$(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);
-						break;
-					case -1: // Down arrow:
-						$(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);
-						break;
-					default: // Mouse is elsewhere in the textbox
-						$(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
-				}
-				
-				// Set spin direction:
-				this.spinCfg._direction = direction;
-			}
-		})
-		
-		.mouseout(function(){
-			// Reset up/down buttons to their normal appearance when mouse moves away:
-			$(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
-			this.spinCfg._direction = null;
-			window.clearInterval(this.spinCfg._repeat);
-			window.clearTimeout(this.spinCfg._delay);
-		})
-		
-		.mousedown(function(e){
-			if (e.button === 0 && this.spinCfg._direction != 0) {
-				// Respond to click on one of the buttons:
-				var self = this;
-				var stepSize = e.shiftKey ? self.spinCfg.smallStep : self.spinCfg.step;
-
-				var adjust = function() {
-					self.adjustValue(self.spinCfg._direction * stepSize);
-				};
-			
-				adjust();
-				
-				// Initial delay before repeating adjustment
-				self.spinCfg._delay = window.setTimeout(function() {
-					adjust();
-					// Repeat adjust at regular intervals
-					self.spinCfg._repeat = window.setInterval(adjust, self.spinCfg.interval);
-				}, self.spinCfg.delay);
-			}
-		})
-		
-		.mouseup(function(e){
-			// Cancel repeating adjustment
-			window.clearInterval(this.spinCfg._repeat);
-			window.clearTimeout(this.spinCfg._delay);
-		})
-		
-		.dblclick(function(e) {
-			if ($.browser.msie) {
-				this.adjustValue(this.spinCfg._direction * this.spinCfg.step);
-			}
-		})
-		
-		.keydown(function(e){
-			// Respond to up/down arrow keys.
-			switch(e.keyCode){
-				case 38: this.adjustValue(this.spinCfg.step);  break; // Up
-				case 40: this.adjustValue(-this.spinCfg.step); break; // Down
-				case 33: this.adjustValue(this.spinCfg.page);  break; // PageUp
-				case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown
-			}
-		})
-		
-		/*
-		http://unixpapa.com/js/key.html describes the current state-of-affairs for
-		key repeat events:
-		- Safari 3.1 changed their model so that keydown is reliably repeated going forward
-		- Firefox and Opera still only repeat the keypress event, not the keydown
-		*/
-		.keypress(function(e){
-			if (this.repeating) {
-				// Respond to up/down arrow keys.
-				switch(e.keyCode){
-					case 38: this.adjustValue(this.spinCfg.step);  break; // Up
-					case 40: this.adjustValue(-this.spinCfg.step); break; // Down
-					case 33: this.adjustValue(this.spinCfg.page);  break; // PageUp
-					case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown
-				}
-			} 
-			// we always ignore the first keypress event (use the keydown instead)
-			else {
-				this.repeating = true;
-			}
-		})
-		
-		// clear the 'repeating' flag
-		.keyup(function(e) {
-			this.repeating = false;
-			switch(e.keyCode){
-				case 38: // Up
-				case 40: // Down
-				case 33: // PageUp
-				case 34: // PageDown
-				case 13: this.adjustValue(0); break; // Enter/Return
-			}
-		})
-		
-		.bind("mousewheel", function(e){
-			// Respond to mouse wheel in IE. (It returns up/dn motion in multiples of 120)
-			if (e.wheelDelta >= 120) {
-				this.adjustValue(this.spinCfg.step);
-			}
-			else if (e.wheelDelta <= -120) {
-				this.adjustValue(-this.spinCfg.step);
-			}
-			
-			e.preventDefault();
-		})
-		
-		.change(function(e){
-			this.adjustValue(0);
-		});
-		
-		if (this.addEventListener) {
-			// Respond to mouse wheel in Firefox
-			this.addEventListener('DOMMouseScroll', function(e) {
-				if (e.detail > 0) {
-					this.adjustValue(-this.spinCfg.step);
-				}
-				else if (e.detail < 0) {
-					this.adjustValue(this.spinCfg.step);
-				}
-				
-				e.preventDefault();
-			}, false);
-		}
-	});
-};
diff --git a/editor/spinbtn/JQuerySpinBtn.min.js b/editor/spinbtn/JQuerySpinBtn.min.js
deleted file mode 100644
index f7532073..00000000
--- a/editor/spinbtn/JQuerySpinBtn.min.js
+++ /dev/null
@@ -1,7 +0,0 @@
-$.fn.SpinButton=function(b){function f(a,c){for(var e=a[c],d=document.body;(a=a.offsetParent)&&a!=d;)if(!$.browser.msie||a.currentStyle.position!="relative")e+=a[c];return e}return this.each(function(){this.repeating=false;this.spinCfg={min:b&&!isNaN(parseFloat(b.min))?Number(b.min):null,max:b&&!isNaN(parseFloat(b.max))?Number(b.max):null,step:b&&b.step?Number(b.step):1,stepfunc:b&&b.stepfunc?b.stepfunc:false,page:b&&b.page?Number(b.page):10,upClass:b&&b.upClass?b.upClass:"up",downClass:b&&b.downClass?
-b.downClass:"down",reset:b&&b.reset?b.reset:this.value,delay:b&&b.delay?Number(b.delay):500,interval:b&&b.interval?Number(b.interval):100,_btn_width:20,_direction:null,_delay:null,_repeat:null,callback:b&&b.callback?b.callback:null};this.spinCfg.smallStep=b&&b.smallStep?b.smallStep:this.spinCfg.step/2;this.adjustValue=function(a){a=isNaN(this.value)?this.spinCfg.reset:$.isFunction(this.spinCfg.stepfunc)?this.spinCfg.stepfunc(this,a):Number((Number(this.value)+Number(a)).toFixed(5));if(this.spinCfg.min!==
-null)a=Math.max(a,this.spinCfg.min);if(this.spinCfg.max!==null)a=Math.min(a,this.spinCfg.max);this.value=a;$.isFunction(this.spinCfg.callback)&&this.spinCfg.callback(this)};$(this).addClass(b&&b.spinClass?b.spinClass:"spin-button").mousemove(function(a){var c=a.pageX||a.x,e=a.pageY||a.y;a=a.target||a.srcElement;var d=svgEditor.tool_scale||1,g=$(a).height()/2;c=c>f(a,"offsetLeft")+a.offsetWidth*d-this.spinCfg._btn_width?e<f(a,"offsetTop")+g*d?1:-1:0;if(c!==this.spinCfg._direction){switch(c){case 1:$(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);
-break;case -1:$(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);break;default:$(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass)}this.spinCfg._direction=c}}).mouseout(function(){$(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);this.spinCfg._direction=null;window.clearInterval(this.spinCfg._repeat);window.clearTimeout(this.spinCfg._delay)}).mousedown(function(a){if(a.button===0&&this.spinCfg._direction!=0){var c=this,
-e=a.shiftKey?c.spinCfg.smallStep:c.spinCfg.step,d=function(){c.adjustValue(c.spinCfg._direction*e)};d();c.spinCfg._delay=window.setTimeout(function(){d();c.spinCfg._repeat=window.setInterval(d,c.spinCfg.interval)},c.spinCfg.delay)}}).mouseup(function(){window.clearInterval(this.spinCfg._repeat);window.clearTimeout(this.spinCfg._delay)}).dblclick(function(){$.browser.msie&&this.adjustValue(this.spinCfg._direction*this.spinCfg.step)}).keydown(function(a){switch(a.keyCode){case 38:this.adjustValue(this.spinCfg.step);
-break;case 40:this.adjustValue(-this.spinCfg.step);break;case 33:this.adjustValue(this.spinCfg.page);break;case 34:this.adjustValue(-this.spinCfg.page)}}).keypress(function(a){if(this.repeating)switch(a.keyCode){case 38:this.adjustValue(this.spinCfg.step);break;case 40:this.adjustValue(-this.spinCfg.step);break;case 33:this.adjustValue(this.spinCfg.page);break;case 34:this.adjustValue(-this.spinCfg.page)}else this.repeating=true}).keyup(function(a){this.repeating=false;switch(a.keyCode){case 38:case 40:case 33:case 34:case 13:this.adjustValue(0)}}).bind("mousewheel",
-function(a){if(a.wheelDelta>=120)this.adjustValue(this.spinCfg.step);else a.wheelDelta<=-120&&this.adjustValue(-this.spinCfg.step);a.preventDefault()}).change(function(){this.adjustValue(0)});this.addEventListener&&this.addEventListener("DOMMouseScroll",function(a){if(a.detail>0)this.adjustValue(-this.spinCfg.step);else a.detail<0&&this.adjustValue(this.spinCfg.step);a.preventDefault()},false)})};
\ No newline at end of file
diff --git a/editor/spinbtn/jQuery.SpinButton.css b/editor/spinbtn/jQuery.SpinButton.css
new file mode 100644
index 00000000..104f1433
--- /dev/null
+++ b/editor/spinbtn/jQuery.SpinButton.css
@@ -0,0 +1,41 @@
+/*
+  Styles to make ordinary <INPUT type="text"/> look like a spinbutton/spinbox control.
+  Use with jQuery.SpinButton.js to provide the spin functionality by reacting to mouse etc.
+  (Requires a reference to the JQuery library found at http://code.jquery.com/)
+  (Hats-off to John Resig for creating the excellent JQuery library. It is fab.)
+
+  This control is achieved with no extra html markup whatsoever and uses unobtrusive javascript.
+
+  Written by George Adamson, Software Unity (george.jquery@softwareunity.com) September 2006.
+  Big improvements added by Mark Gibson, (mgibson@designlinks.net) September 2006.
+
+  Do contact me with comments and suggestions but please don't ask for support.
+  As much as I'd love to help with specific problems I have plenty to get on with already!
+
+  Go ahead and use it in your own projects. This code is provided 'as is'.
+  Sure I've tested in heaps of ways. Its good for me, but you use it at your own risk.
+  SoftwareUnity and I are certainly not responsible if your computer sets fire to the sofa,
+  hacks into the pentagon, hijacks a plane or gives you any kind of hassle whatsoever.
+
+  If you'd like your spin-button image in a different place then you'll need to alter both
+  the CSS below and the javascript isMouseOverUpDn() function to accommodate the new position.
+  You could even have left and right buttons either side of the textbox.
+*/
+
+INPUT.spin-button {
+  /* explicitly put padding for top/bottom/left in here so that Opera displays it better */
+  padding: 2px 20px 2px 2px;
+  background-repeat:no-repeat;    /* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
+  background-position:100% 0%;
+  background-image:url('spinbtn_updn.png');
+  background-color:white; /* Needed for Opera */
+}
+
+INPUT.spin-button.up {          /* Change button img when mouse is over the UP-arrow */
+  cursor:pointer;
+  background-position:100% -18px;    /* 18px matches height of 2 visible buttons */
+}
+INPUT.spin-button.down {        /* Change button img when mouse is over the DOWN-arrow */
+  cursor:pointer;
+  background-position:100% -36px;    /* 36px matches height of 2x2 visible buttons */
+}
diff --git a/editor/spinbtn/jQuery.SpinButton.js b/editor/spinbtn/jQuery.SpinButton.js
new file mode 100644
index 00000000..39484392
--- /dev/null
+++ b/editor/spinbtn/jQuery.SpinButton.js
@@ -0,0 +1,322 @@
+/**
+ * SpinButton control
+ *
+ * Adds bells and whistles to any ordinary textbox to
+ * make it look and feel like a SpinButton Control.
+ *
+ * Supplies {@link external:jQuery.fn.SpinButton} (and also {@link external:jQuery.loadingStylesheets})
+ *
+ * Originally written by George Adamson, Software Unity (george.jquery@softwareunity.com) August 2006.
+ * - Added min/max options
+ * - Added step size option
+ * - Added bigStep (page up/down) option
+ *
+ * Modifications made by Mark Gibson, (mgibson@designlinks.net) September 2006:
+ * - Converted to jQuery plugin
+ * - Allow limited or unlimited min/max values
+ * - Allow custom class names, and add class to input element
+ * - Removed global vars
+ * - Reset (to original or through config) when invalid value entered
+ * - Repeat whilst holding mouse button down (with initial pause, like keyboard repeat)
+ * - Support mouse wheel in Firefox
+ * - Fix double click in IE
+ * - Refactored some code and renamed some vars
+ *
+ * Modifications by Jeff Schiller, June 2009:
+ * - provide callback function for when the value changes based on the following
+ *   {@link https://www.mail-archive.com/jquery-en@googlegroups.com/msg36070.html}
+ *
+ * Modifications by Jeff Schiller, July 2009:
+ * - improve styling for widget in Opera
+ * - consistent key-repeat handling cross-browser
+ *
+ * Modifications by Alexis Deveria, October 2009:
+ * - provide "stepfunc" callback option to allow custom function to run when changing a value
+ * - Made adjustValue(0) only run on certain keyup events, not all.
+ *
+ * Tested in IE6, Opera9, Firefox 1.5
+ *
+ * | Version | Date | Author | Notes
+ * |---------|------|--------|------|
+ * | v1.0 | 11 Aug 2006 | George Adamson | First release
+ * | v1.1 | Aug 2006 | George Adamson | Minor enhancements
+ * | v1.2 | 27 Sep 2006 | Mark Gibson | Major enhancements
+ * | v1.3a | 28 Sep 2006 | George Adamson | Minor enhancements
+ * | v1.4 | 18 Jun 2009 | Jeff Schiller | Added callback function
+ * | v1.5 | 06 Jul 2009 | Jeff Schiller | Fixes for Opera.
+ * | v1.6 | 13 Oct 2009 | Alexis Deveria | Added stepfunc function
+ * | v1.7 | 21 Oct 2009 | Alexis Deveria | Minor fixes.<br />Fast-repeat for keys and live updating as you type.
+ * | v1.8 | 12 Jan 2010 | Benjamin Thomas | Fixes for mouseout behavior.<br />Added smallStep
+ * | v1.9 | 20 May 2018 | Brett Zamir | Avoid SVGEdit dependency via `stateObj` config;<br />convert to ES6 module |
+ * @module jQuerySpinButton
+ * @example
+
+  // Create group of settings to initialise spinbutton(s). (Optional)
+  const myOptions = {
+    min: 0, // Set lower limit.
+    max: 100, // Set upper limit.
+    step: 1, // Set increment size.
+    smallStep: 0.5, // Set shift-click increment size.
+    stateObj: {tool_scale: 1}, // Object to allow passing in live-updating scale
+    spinClass: mySpinBtnClass, // CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
+    upClass: mySpinUpClass, // CSS class for style when mouse over up button.
+    downClass: mySpinDnClass // CSS class for style when mouse over down button.
+  };
+
+  $(function () {
+    // Initialise INPUT element(s) as SpinButtons: (passing options if desired)
+    $("#myInputElement").SpinButton(myOptions);
+  });
+ */
+/**
+ * @function module:jQuerySpinButton.jQuerySpinButton
+ * @param {external:jQuery} $ The jQuery object to which to add the plug-in
+ * @returns {external:jQuery}
+*/
+export default function ($) {
+  if (!$.loadingStylesheets) {
+    $.loadingStylesheets = [];
+  }
+  const stylesheet = 'spinbtn/jQuery.SpinButton.css';
+  if (!$.loadingStylesheets.includes(stylesheet)) {
+    $.loadingStylesheets.push(stylesheet);
+  }
+  /**
+  * @callback module:jQuerySpinButton.StepCallback
+  * @param {external:jQuery} thisArg Value of `this`
+  */
+  /**
+  * @callback module:jQuerySpinButton.ValueCallback
+  * @param {external:jQuery} thisArg Value of `this`
+  * @param {Float} value Value that was changed
+  */
+  /**
+   * @typedef {PlainObject} module:jQuerySpinButton.SpinButtonConfig
+   * @property {Float} min Set lower limit
+   * @property {Float} max Set upper limit.
+   * @property {Float} step Set increment size.
+   * @property {module:jQuerySpinButton.StepCallback} stepfunc Custom function to run when changing a value; called with `this` of object and the value to adjust
+   * @property {module:jQuerySpinButton.ValueCallback} callback Called after value adjusted (with `this` of object)
+   * @property {Float} smallStep Set shift-click increment size.
+   * @property {PlainObject} stateObj Object to allow passing in live-updating scale
+   * @property {Float} stateObj.tool_scale
+   * @property {string} spinClass CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
+   * @property {string} upClass CSS class for style when mouse over up button.
+   * @property {string} downClass CSS class for style when mouse over down button.
+   * @property {Float} page Value to be adjusted on page up/page down
+   * @property {Float} reset Reset value when invalid value entered
+   * @property {Float} delay Millisecond delay
+   * @property {Float} interval Millisecond interval
+  */
+  /**
+  * @function external:jQuery.fn.SpinButton
+  * @param {module:jQuerySpinButton.SpinButtonConfig} cfg
+  * @returns {external:jQuery}
+  */
+  $.fn.SpinButton = function (cfg) {
+    cfg = cfg || {};
+    function coord (el, prop) {
+      const b = document.body;
+
+      let c = el[prop];
+      while ((el = el.offsetParent) && (el !== b)) {
+        if (!$.browser.msie || (el.currentStyle.position !== 'relative')) {
+          c += el[prop];
+        }
+      }
+
+      return c;
+    }
+
+    return this.each(function () {
+      this.repeating = false;
+
+      // Apply specified options or defaults:
+      // (Ought to refactor this some day to use $.extend() instead)
+      this.spinCfg = {
+        // min: cfg.min ? Number(cfg.min) : null,
+        // max: cfg.max ? Number(cfg.max) : null,
+        min: !isNaN(parseFloat(cfg.min)) ? Number(cfg.min) : null, // Fixes bug with min:0
+        max: !isNaN(parseFloat(cfg.max)) ? Number(cfg.max) : null,
+        step: cfg.step ? Number(cfg.step) : 1,
+        stepfunc: cfg.stepfunc || false,
+        page: cfg.page ? Number(cfg.page) : 10,
+        upClass: cfg.upClass || 'up',
+        downClass: cfg.downClass || 'down',
+        reset: cfg.reset || this.value,
+        delay: cfg.delay ? Number(cfg.delay) : 500,
+        interval: cfg.interval ? Number(cfg.interval) : 100,
+        _btn_width: 20,
+        _direction: null,
+        _delay: null,
+        _repeat: null,
+        callback: cfg.callback || null
+      };
+
+      // if a smallStep isn't supplied, use half the regular step
+      this.spinCfg.smallStep = cfg.smallStep || this.spinCfg.step / 2;
+
+      this.adjustValue = function (i) {
+        let v;
+        if (isNaN(this.value)) {
+          v = this.spinCfg.reset;
+        } else if (typeof this.spinCfg.stepfunc === 'function') {
+          v = this.spinCfg.stepfunc(this, i);
+        } else {
+          // weirdest JavaScript bug ever: 5.1 + 0.1 = 5.199999999
+          v = Number((Number(this.value) + Number(i)).toFixed(5));
+        }
+        if (this.spinCfg.min !== null) { v = Math.max(v, this.spinCfg.min); }
+        if (this.spinCfg.max !== null) { v = Math.min(v, this.spinCfg.max); }
+        this.value = v;
+        if (typeof this.spinCfg.callback === 'function') { this.spinCfg.callback(this); }
+      };
+
+      $(this)
+        .addClass(cfg.spinClass || 'spin-button')
+
+        .mousemove(function (e) {
+          // Determine which button mouse is over, or not (spin direction):
+          const x = e.pageX || e.x;
+          const y = e.pageY || e.y;
+          const el = e.target;
+          const scale = cfg.stateObj.tool_scale || 1;
+          const height = $(el).height() / 2;
+
+          const direction =
+            (x > coord(el, 'offsetLeft') +
+              el.offsetWidth * scale - this.spinCfg._btn_width)
+              ? ((y < coord(el, 'offsetTop') + height * scale) ? 1 : -1) : 0;
+
+          if (direction !== this.spinCfg._direction) {
+            // Style up/down buttons:
+            switch (direction) {
+            case 1: // Up arrow:
+              $(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);
+              break;
+            case -1: // Down arrow:
+              $(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);
+              break;
+            default: // Mouse is elsewhere in the textbox
+              $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
+            }
+
+            // Set spin direction:
+            this.spinCfg._direction = direction;
+          }
+        })
+
+        .mouseout(function () {
+          // Reset up/down buttons to their normal appearance when mouse moves away:
+          $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
+          this.spinCfg._direction = null;
+          window.clearInterval(this.spinCfg._repeat);
+          window.clearTimeout(this.spinCfg._delay);
+        })
+
+        .mousedown(function (e) {
+          if (e.button === 0 && this.spinCfg._direction !== 0) {
+            // Respond to click on one of the buttons:
+            const stepSize = e.shiftKey ? this.spinCfg.smallStep : this.spinCfg.step;
+
+            const adjust = () => {
+              this.adjustValue(this.spinCfg._direction * stepSize);
+            };
+
+            adjust();
+
+            // Initial delay before repeating adjustment
+            this.spinCfg._delay = window.setTimeout(() => {
+              adjust();
+              // Repeat adjust at regular intervals
+              this.spinCfg._repeat = window.setInterval(adjust, this.spinCfg.interval);
+            }, this.spinCfg.delay);
+          }
+        })
+
+        .mouseup(function (e) {
+          // Cancel repeating adjustment
+          window.clearInterval(this.spinCfg._repeat);
+          window.clearTimeout(this.spinCfg._delay);
+        })
+
+        .dblclick(function (e) {
+          if ($.browser.msie) {
+            this.adjustValue(this.spinCfg._direction * this.spinCfg.step);
+          }
+        })
+
+        .keydown(function (e) {
+          // Respond to up/down arrow keys.
+          switch (e.keyCode) {
+          case 38: this.adjustValue(this.spinCfg.step); break; // Up
+          case 40: this.adjustValue(-this.spinCfg.step); break; // Down
+          case 33: this.adjustValue(this.spinCfg.page); break; // PageUp
+          case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown
+          }
+        })
+
+        /*
+        http://unixpapa.com/js/key.html describes the current state-of-affairs for
+        key repeat events:
+        - Safari 3.1 changed their model so that keydown is reliably repeated going forward
+        - Firefox and Opera still only repeat the keypress event, not the keydown
+        */
+        .keypress(function (e) {
+          if (this.repeating) {
+            // Respond to up/down arrow keys.
+            switch (e.keyCode) {
+            case 38: this.adjustValue(this.spinCfg.step); break; // Up
+            case 40: this.adjustValue(-this.spinCfg.step); break; // Down
+            case 33: this.adjustValue(this.spinCfg.page); break; // PageUp
+            case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown
+            }
+          // we always ignore the first keypress event (use the keydown instead)
+          } else {
+            this.repeating = true;
+          }
+        })
+
+        // clear the 'repeating' flag
+        .keyup(function (e) {
+          this.repeating = false;
+          switch (e.keyCode) {
+          case 38: // Up
+          case 40: // Down
+          case 33: // PageUp
+          case 34: // PageDown
+          case 13: this.adjustValue(0); break; // Enter/Return
+          }
+        })
+
+        .bind('mousewheel', function (e) {
+          // Respond to mouse wheel in IE. (It returns up/dn motion in multiples of 120)
+          if (e.wheelDelta >= 120) {
+            this.adjustValue(this.spinCfg.step);
+          } else if (e.wheelDelta <= -120) {
+            this.adjustValue(-this.spinCfg.step);
+          }
+
+          e.preventDefault();
+        })
+
+        .change(function (e) {
+          this.adjustValue(0);
+        });
+
+      if (this.addEventListener) {
+        // Respond to mouse wheel in Firefox
+        this.addEventListener('DOMMouseScroll', function (e) {
+          if (e.detail > 0) {
+            this.adjustValue(-this.spinCfg.step);
+          } else if (e.detail < 0) {
+            this.adjustValue(this.spinCfg.step);
+          }
+
+          e.preventDefault();
+        }, false);
+      }
+    });
+  };
+  return $;
+}
diff --git a/editor/spinbtn/spinbtn_updn.png b/editor/spinbtn/spinbtn_updn.png
index 8baa1b0c..32f00ab2 100644
Binary files a/editor/spinbtn/spinbtn_updn.png and b/editor/spinbtn/spinbtn_updn.png differ
diff --git a/editor/svg-editor-es.html b/editor/svg-editor-es.html
new file mode 100644
index 00000000..55468955
--- /dev/null
+++ b/editor/svg-editor-es.html
@@ -0,0 +1,772 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
+    <meta name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <!-- STYLESHEETS (others loaded dynamically) -->
+    <style id="styleoverrides" media="screen"></style>
+
+    <!-- SCRIPTS -->
+    <!--{if jquery_release}>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    <!{else}-->
+    <script src="jquery.min.js"></script>
+    <!--{endif}-->
+    <!-- We keep this next module external to avoid the need to
+      load further scripts if not supported -->
+    <script type="module" src="redirect-on-lacking-support.js"></script>
+    <!-- always minified scripts -->
+    <script src="jquery-ui/jquery-ui-1.8.17.custom.min.js"></script>
+    <!-- The following could be removed for more modern browsers -->
+    <script src="external/dom-polyfill/dom-polyfill.js"></script>
+    <!-- The following could be removed for more modern browsers; currently
+      using for at least `String.prototype.includes`, `Array.prototype.includes`,
+      `String.prototype.startsWith` -->
+    <script src="external/babel-polyfill/polyfill.min.js"></script>
+    <!-- If you do not wish to add extensions by URL, you can load them
+    by creating the following file and adding by calls to svgEditor.setConfig -->
+    <script type="module" src="../svgedit-config-es.js"></script>
+
+    <!-- FEEDS -->
+    <link rel="alternate" type="application/atom+xml"
+      title="SVG-edit General Discussion"
+      href="https://groups.google.com/group/svg-edit/feed/atom_v1_0_msgs.xml"/>
+    <link rel="alternate" type="application/atom+xml"
+      title="SVG-edit Updates (Commits)"
+      href="https://github.com/SVG-Edit/svgedit/commits/master.atom"/>
+    <title>SVG-edit</title>
+</head>
+<body>
+
+<div id="svg_container" style="visibility: hidden;">
+<div id="svg_editor">
+  <div id="rulers">
+    <div id="ruler_corner"></div>
+    <div id="ruler_x">
+      <div>
+        <canvas height="15"></canvas>
+      </div>
+    </div>
+    <div id="ruler_y">
+      <div>
+        <canvas width="15"></canvas>
+      </div>
+    </div>
+  </div>
+  <div id="workarea">
+    <div id="svgcanvas" style="position: relative;">
+    </div>
+  </div>
+  <div id="sidepanels">
+    <div id="layerpanel">
+      <h3 id="layersLabel">Layers</h3>
+      <fieldset id="layerbuttons">
+        <div id="layer_new" class="layer_button" title="New Layer"></div>
+        <div id="layer_delete" class="layer_button" title="Delete Layer"></div>
+        <div id="layer_rename" class="layer_button" title="Rename Layer"></div>
+        <div id="layer_up" class="layer_button" title="Move Layer Up"></div>
+        <div id="layer_down" class="layer_button" title="Move Layer Down"></div>
+        <div id="layer_moreopts" class="layer_button" title="More Options"></div>
+      </fieldset>
+      <table id="layerlist">
+        <tr class="layer">
+          <td class="layervis"></td>
+          <td class="layername">Layer 1</td>
+        </tr>
+      </table>
+      <span id="selLayerLabel">Move elements to:</span>
+      <select id="selLayerNames" title="Move selected elements to a different layer"
+        disabled="disabled">
+        <option selected="selected" value="layer1">Layer 1</option>
+      </select>
+    </div>
+    <div id="sidepanel_handle"
+      title="Drag left/right to resize side panel [X]">L a y e r s
+    </div>
+  </div>
+  <div id="main_button">
+    <div id="main_icon" class="tool_button" title="Main Menu">
+      <span>SVG-Edit</span>
+      <div id="logo"></div>
+      <div class="dropdown"></div>
+    </div>
+    <div id="main_menu">
+      <!-- File-like buttons: New, Save, Source -->
+      <ul>
+        <li id="tool_clear">
+          <div></div>
+          New Image (N)
+        </li>
+        <li id="tool_open" style="display:none;">
+          <div id="fileinputs">
+            <div></div>
+          </div>
+          Open SVG
+        </li>
+        <li id="tool_import" style="display:none;">
+          <div id="fileinputs_import">
+            <div></div>
+          </div>
+          Import Image
+        </li>
+        <li id="tool_save">
+          <div></div>
+          Save Image (S)
+        </li>
+        <li id="tool_export">
+          <div></div>
+          Export
+        </li>
+        <li id="tool_docprops">
+          <div></div>
+          Document Properties (D)
+        </li>
+      </ul>
+      <p>
+        <a href="https://github.com/SVG-Edit/svgedit" target="_blank">
+          SVG-edit Home Page
+        </a>
+      </p>
+      <button id="tool_prefs_option">
+        Editor Options
+      </button>
+    </div>
+  </div>
+  <div id="tools_top" class="tools_panel">
+    <div id="editor_panel">
+      <div class="tool_sep"></div>
+      <div class="push_button" id="tool_source" title="Edit Source [U]"></div>
+      <div class="tool_button" id="tool_wireframe" title="Wireframe Mode [F]"></div>
+    </div>
+    <!-- History buttons -->
+    <div id="history_panel">
+      <div class="tool_sep"></div>
+      <div class="push_button tool_button_disabled" id="tool_undo"
+        title="Undo [Z]"></div>
+      <div class="push_button tool_button_disabled" id="tool_redo"
+        title="Redo [Y]"></div>
+    </div>
+    <!-- Buttons when a single element is selected -->
+    <div id="selected_panel">
+      <div class="toolset">
+        <div class="tool_sep"></div>
+        <div class="push_button" id="tool_clone"
+          title="Duplicate Element [D]"></div>
+        <div class="push_button" id="tool_delete"
+          title="Delete Element [Delete/Backspace]"></div>
+        <div class="tool_sep"></div>
+        <div class="push_button" id="tool_move_top"
+          title="Bring to Front [ Ctrl+Shift+] ]"></div>
+        <div class="push_button" id="tool_move_bottom"
+          title="Send to Back [ Ctrl+Shift+[ ]"></div>
+        <div class="push_button" id="tool_topath"
+          title="Convert to Path"></div>
+        <div class="push_button" id="tool_reorient"
+          title="Reorient path"></div>
+        <div class="push_button" id="tool_make_link"
+          title="Make (hyper)link"></div>
+        <div class="tool_sep"></div>
+        <label id="idLabel" title="Identify the element">
+          <span>id:</span>
+          <input id="elem_id" class="attr_changer"
+            data-attr="id" size="10" type="text"/>
+        </label>
+        <label id="classLabel" title="Element class">
+          <span>class:</span>
+          <input id="elem_class" class="attr_changer"
+            data-attr="class" size="10" type="text"/>
+        </label>
+      </div>
+      <label id="tool_angle" title="Change rotation angle" class="toolset">
+        <span id="angleLabel" class="icon_label"></span>
+        <input id="angle" size="2" value="0" type="text"/>
+      </label>
+      <div class="toolset" id="tool_blur" title="Change gaussian blur value">
+        <label>
+          <span id="blurLabel" class="icon_label"></span>
+          <input id="blur" size="2" value="0" type="text"/>
+        </label>
+        <div id="blur_dropdown" class="dropdown">
+          <button></button>
+          <ul>
+            <li class="special"><div id="blur_slider"></div></li>
+          </ul>
+        </div>
+      </div>
+      <div class="dropdown toolset" id="tool_position" title="Align Element to Page">
+          <div id="cur_position" class="icon_label"></div>
+          <button></button>
+      </div>
+      <div id="xy_panel" class="toolset">
+        <label>
+          x: <input id="selected_x" class="attr_changer"
+              title="Change X coordinate" size="3" data-attr="x"/>
+        </label>
+        <label>
+          y: <input id="selected_y" class="attr_changer"
+              title="Change Y coordinate" size="3" data-attr="y"/>
+        </label>
+      </div>
+    </div>
+    <!-- Buttons when multiple elements are selected -->
+    <div id="multiselected_panel">
+      <div class="tool_sep"></div>
+      <div class="push_button" id="tool_clone_multi"
+        title="Clone Elements [C]"></div>
+      <div class="push_button" id="tool_delete_multi"
+        title="Delete Selected Elements [Delete/Backspace]"></div>
+      <div class="tool_sep"></div>
+      <div class="push_button" id="tool_group_elements" title="Group Elements [G]"></div>
+      <div class="push_button" id="tool_make_link_multi" title="Make (hyper)link"></div>
+      <div class="push_button" id="tool_alignleft" title="Align Left"></div>
+      <div class="push_button" id="tool_aligncenter" title="Align Center"></div>
+      <div class="push_button" id="tool_alignright" title="Align Right"></div>
+      <div class="push_button" id="tool_aligntop" title="Align Top"></div>
+      <div class="push_button" id="tool_alignmiddle" title="Align Middle"></div>
+      <div class="push_button" id="tool_alignbottom" title="Align Bottom"></div>
+      <label id="tool_align_relative">
+        <span id="relativeToLabel">relative to:</span>
+        <select id="align_relative_to" title="Align relative to ...">
+        <option id="selected_objects" value="selected">selected objects</option>
+        <option id="largest_object" value="largest">largest object</option>
+        <option id="smallest_object" value="smallest">smallest object</option>
+        <option id="page" value="page">page</option>
+        </select>
+      </label>
+      <div class="tool_sep"></div>
+    </div>
+    <div id="rect_panel">
+      <div class="toolset">
+        <label id="rect_width_tool" title="Change rectangle width">
+          <span id="rwidthLabel" class="icon_label"></span>
+          <input id="rect_width" class="attr_changer" size="3" data-attr="width"/>
+        </label>
+        <label id="rect_height_tool" title="Change rectangle height">
+          <span id="rheightLabel" class="icon_label"></span>
+          <input id="rect_height" class="attr_changer" size="3" data-attr="height"/>
+        </label>
+      </div>
+      <label id="cornerRadiusLabel" class="toolset"
+        title="Change Rectangle Corner Radius">
+        <span class="icon_label"></span>
+        <input id="rect_rx" size="3" value="0" type="text" data-attr="Corner Radius"/>
+      </label>
+    </div>
+    <div id="image_panel">
+      <div class="toolset">
+        <label><span id="iwidthLabel" class="icon_label"></span>
+        <input id="image_width" class="attr_changer"
+          title="Change image width" size="3" data-attr="width"/>
+        </label>
+        <label><span id="iheightLabel" class="icon_label"></span>
+        <input id="image_height" class="attr_changer"
+          title="Change image height" size="3" data-attr="height"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_image_url">url:
+          <input id="image_url" type="text" title="Change URL" size="35"/>
+        </label>
+        <label id="tool_change_image">
+          <button id="change_image_url" style="display: none;">Change Image</button>
+          <span id="url_notice"
+            title="NOTE: This image cannot be embedded. It will depend on this path to be displayed"></span>
+        </label>
+      </div>
+    </div>
+    <div id="circle_panel">
+      <div class="toolset">
+        <label id="tool_circle_cx">cx:
+        <input id="circle_cx" class="attr_changer"
+          title="Change circle's cx coordinate" size="3" data-attr="cx"/>
+        </label>
+        <label id="tool_circle_cy">cy:
+        <input id="circle_cy" class="attr_changer"
+          title="Change circle's cy coordinate" size="3" data-attr="cy"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_circle_r">r:
+        <input id="circle_r" class="attr_changer"
+          title="Change circle's radius" size="3" data-attr="r"/>
+        </label>
+      </div>
+    </div>
+    <div id="ellipse_panel">
+      <div class="toolset">
+        <label id="tool_ellipse_cx">cx:
+        <input id="ellipse_cx" class="attr_changer"
+          title="Change ellipse's cx coordinate" size="3" data-attr="cx"/>
+        </label>
+        <label id="tool_ellipse_cy">cy:
+        <input id="ellipse_cy" class="attr_changer"
+          title="Change ellipse's cy coordinate" size="3" data-attr="cy"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_ellipse_rx">rx:
+        <input id="ellipse_rx" class="attr_changer"
+          title="Change ellipse's x radius" size="3" data-attr="rx"/>
+        </label>
+        <label id="tool_ellipse_ry">ry:
+        <input id="ellipse_ry" class="attr_changer"
+          title="Change ellipse's y radius" size="3" data-attr="ry"/>
+        </label>
+      </div>
+    </div>
+    <div id="line_panel">
+      <div class="toolset">
+        <label id="tool_line_x1">x1:
+        <input id="line_x1" class="attr_changer"
+          title="Change line's starting x coordinate" size="3" data-attr="x1"/>
+        </label>
+        <label id="tool_line_y1">y1:
+        <input id="line_y1" class="attr_changer"
+          title="Change line's starting y coordinate" size="3" data-attr="y1"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_line_x2">x2:
+        <input id="line_x2" class="attr_changer"
+          title="Change line's ending x coordinate" size="3" data-attr="x2"/>
+        </label>
+        <label id="tool_line_y2">y2:
+        <input id="line_y2" class="attr_changer"
+          title="Change line's ending y coordinate" size="3" data-attr="y2"/>
+        </label>
+      </div>
+    </div>
+    <div id="text_panel">
+      <div class="toolset">
+        <div class="tool_button" id="tool_bold"
+          title="Bold Text [B]"><span></span>B</div>
+        <div class="tool_button" id="tool_italic"
+          title="Italic Text [I]"><span></span>i</div>
+      </div>
+      <div class="toolset" id="tool_font_family">
+        <label>
+          <!-- Font family -->
+          <input id="font_family" type="text" title="Change Font Family" size="12"/>
+        </label>
+        <div id="font_family_dropdown" class="dropdown">
+          <button></button>
+          <ul>
+            <li style="font-family:serif">Serif</li>
+            <li style="font-family:sans-serif">Sans-serif</li>
+            <li style="font-family:cursive">Cursive</li>
+            <li style="font-family:fantasy">Fantasy</li>
+            <li style="font-family:monospace">Monospace</li>
+          </ul>
+        </div>
+      </div>
+      <label id="tool_font_size" title="Change Font Size">
+        <span id="font_sizeLabel" class="icon_label"></span>
+        <input id="font_size" size="3" value="0" type="text"/>
+      </label>
+      <!-- Not visible, but still used -->
+      <input id="text" type="text" size="35"/>
+    </div>
+    <!-- formerly gsvg_panel -->
+    <div id="container_panel">
+      <div class="tool_sep"></div>
+      <!-- Add viewBox field here? -->
+      <label id="group_title" title="Group identification label">
+        <span>label:</span>
+        <input id="g_title" data-attr="title" size="10" type="text"/>
+      </label>
+    </div>
+    <div id="use_panel">
+      <div class="push_button" id="tool_unlink_use"
+        title="Break link to reference element (make unique)"></div>
+    </div>
+    <div id="g_panel">
+      <div class="push_button" id="tool_ungroup" title="Ungroup Elements [G]"></div>
+    </div>
+    <!-- For anchor elements -->
+    <div id="a_panel">
+      <label id="tool_link_url" title="Set link URL (leave empty to remove)">
+        <span id="linkLabel" class="icon_label"></span>
+        <input id="link_url" type="text" size="35"/>
+      </label>
+    </div>
+    <div id="path_node_panel">
+      <div class="tool_sep"></div>
+      <div id="tool_node_link" class="tool_button push_button_pressed"
+        title="Link Control Points"></div>
+      <div class="tool_sep"></div>
+      <label id="tool_node_x">x:
+        <input id="path_node_x" class="attr_changer"
+          title="Change node's x coordinate" size="3" data-attr="x"/>
+      </label>
+      <label id="tool_node_y">y:
+        <input id="path_node_y" class="attr_changer"
+          title="Change node's y coordinate" size="3" data-attr="y"/>
+      </label>
+      <select id="seg_type" title="Change Segment type">
+        <option id="straight_segments"
+          selected="selected" value="4">Straight</option>
+        <option id="curve_segments" value="6">Curve</option>
+      </select>
+      <div class="tool_button" id="tool_node_clone" title="Clone Node"></div>
+      <div class="tool_button" id="tool_node_delete" title="Delete Node"></div>
+      <div class="tool_button" id="tool_openclose_path" title="Open/close sub-path"></div>
+      <div class="tool_button" id="tool_add_subpath" title="Add sub-path"></div>
+    </div>
+  </div> <!-- tools_top -->
+  <div id="cur_context_panel">
+  </div>
+  <div id="tools_left" class="tools_panel">
+    <div class="tool_button" id="tool_select" title="Select Tool"></div>
+    <div class="tool_button" id="tool_fhpath" title="Pencil Tool"></div>
+    <div class="tool_button" id="tool_line" title="Line Tool"></div>
+    <div id="tools_rect_show" class="tool_button flyout_current"
+      title="Square/Rect Tool">
+      <div class="flyout_arrow_horiz"></div>
+    </div>
+    <div id="tools_ellipse_show" class="tool_button flyout_current"
+      title="Ellipse/Circle Tool">
+      <div class="flyout_arrow_horiz"></div>
+    </div>
+    <div class="tool_button" id="tool_path" title="Path Tool"></div>
+    <div class="tool_button" id="tool_text" title="Text Tool"></div>
+    <div class="tool_button" id="tool_image" title="Image Tool"></div>
+    <div class="tool_button" id="tool_zoom" title="Zoom Tool [Ctrl+Up/Down]"></div>
+    <div style="display: none;">
+      <div id="tool_rect" title="Rectangle"></div>
+      <div id="tool_square" title="Square"></div>
+      <div id="tool_fhrect" title="Free-Hand Rectangle"></div>
+      <div id="tool_ellipse" title="Ellipse"></div>
+      <div id="tool_circle" title="Circle"></div>
+      <div id="tool_fhellipse" title="Free-Hand Ellipse"></div>
+    </div>
+  </div> <!-- tools_left -->
+  <div id="tools_bottom" class="tools_panel">
+    <!-- Zoom buttons -->
+    <div id="zoom_panel" class="toolset" title="Change zoom level">
+      <label>
+      <span id="zoomLabel" class="zoom_tool icon_label"></span>
+      <input id="zoom" size="3" value="100" type="text"/>
+      </label>
+      <div id="zoom_dropdown" class="dropdown">
+        <button></button>
+        <ul>
+          <li>1000%</li>
+          <li>400%</li>
+          <li>200%</li>
+          <li>100%</li>
+          <li>50%</li>
+          <li>25%</li>
+          <li id="fit_to_canvas" data-val="canvas">Fit to canvas</li>
+          <li id="fit_to_sel" data-val="selection">Fit to selection</li>
+          <li id="fit_to_layer_content" data-val="layer">Fit to layer content</li>
+          <li id="fit_to_all" data-val="content">Fit to all content</li>
+          <li>100%</li>
+        </ul>
+      </div>
+      <div class="tool_sep"></div>
+    </div>
+    <div id="tools_bottom_2">
+      <div id="color_tools">
+        <div class="color_tool" id="tool_fill">
+          <label class="icon_label" for="fill_color" title="Change fill color"></label>
+          <div class="color_block">
+            <div id="fill_bg"></div>
+            <div id="fill_color" class="color_block"></div>
+          </div>
+        </div>
+        <div class="color_tool" id="tool_stroke">
+          <label class="icon_label" title="Change stroke color"></label>
+          <div class="color_block">
+            <div id="stroke_bg"></div>
+            <div id="stroke_color" class="color_block" title="Change stroke color"></div>
+          </div>
+          <label class="stroke_label">
+            <input id="stroke_width"
+              title="Change stroke width by 1, shift-click to change by 0.1"
+              size="2" value="5" type="text" data-attr="Stroke Width"/>
+          </label>
+          <div id="toggle_stroke_tools" title="Show/hide more stroke tools"></div>
+          <label class="stroke_tool">
+            <select id="stroke_style" title="Change stroke dash style">
+              <option selected="selected" value="none">&#8212;</option>
+              <option value="2,2">...</option>
+              <option value="5,5">- -</option>
+              <option value="5,2,2,2">- .</option>
+              <option value="5,2,2,2,2,2">- ..</option>
+            </select>
+          </label>
+          <div class="stroke_tool dropdown" id="stroke_linejoin">
+            <div id="cur_linejoin" title="Linejoin: Miter"></div>
+            <button></button>
+          </div>
+          <div class="stroke_tool dropdown" id="stroke_linecap">
+            <div id="cur_linecap" title="Linecap: Butt"></div>
+            <button></button>
+          </div>
+        </div>
+        <div class="color_tool" id="tool_opacity" title="Change selected item opacity">
+          <label>
+            <span id="group_opacityLabel" class="icon_label"></span>
+            <input id="group_opacity" size="3" value="100" type="text"/>
+          </label>
+          <div id="opacity_dropdown" class="dropdown">
+            <button></button>
+            <ul>
+              <li>0%</li>
+              <li>25%</li>
+              <li>50%</li>
+              <li>75%</li>
+              <li>100%</li>
+              <li class="special"><div id="opac_slider"></div></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div id="tools_bottom_3">
+      <div id="palette_holder">
+        <div id="palette"
+          title="Click to change fill color, shift-click to change stroke color">
+        </div>
+      </div>
+    </div>
+    <!-- <div id="copyright"><span id="copyrightLabel">Powered by</span> <a href="https://github.com/SVG-Edit/svgedit" target="_blank">SVG-edit v2.6-beta</a></div> -->
+  </div>
+  <div id="option_lists" class="dropdown">
+    <ul id="linejoin_opts">
+      <li class="tool_button current" id="linejoin_miter" title="Linejoin: Miter"></li>
+      <li class="tool_button" id="linejoin_round" title="Linejoin: Round"></li>
+      <li class="tool_button" id="linejoin_bevel" title="Linejoin: Bevel"></li>
+    </ul>
+    <ul id="linecap_opts">
+      <li class="tool_button current" id="linecap_butt" title="Linecap: Butt"></li>
+      <li class="tool_button" id="linecap_square" title="Linecap: Square"></li>
+      <li class="tool_button" id="linecap_round" title="Linecap: Round"></li>
+    </ul>
+    <ul id="position_opts" class="optcols3">
+      <li class="push_button" id="tool_posleft" title="Align Left"></li>
+      <li class="push_button" id="tool_poscenter" title="Align Center"></li>
+      <li class="push_button" id="tool_posright" title="Align Right"></li>
+      <li class="push_button" id="tool_postop" title="Align Top"></li>
+      <li class="push_button" id="tool_posmiddle" title="Align Middle"></li>
+      <li class="push_button" id="tool_posbottom" title="Align Bottom"></li>
+    </ul>
+  </div>
+  <!-- hidden divs -->
+  <div id="color_picker"></div>
+</div> <!-- svg_editor -->
+<div id="svg_source_editor">
+  <div class="overlay"></div>
+  <div id="svg_source_container">
+    <div id="tool_source_back" class="toolbar_button">
+      <button id="tool_source_save">Apply Changes</button>
+      <button id="tool_source_cancel">Cancel</button>
+    </div>
+    <div id="save_output_btns">
+      <p id="copy_save_note">
+        Copy the contents of this box into a text editor,
+        then save the file with a .svg extension.</p>
+      <button id="copy_save_done">Done</button>
+    </div>
+    <form>
+      <textarea id="svg_source_textarea" spellcheck="false"></textarea>
+    </form>
+  </div>
+</div>
+<div id="svg_docprops">
+  <div class="overlay"></div>
+  <div id="svg_docprops_container">
+    <div id="tool_docprops_back" class="toolbar_button">
+      <button id="tool_docprops_save">OK</button>
+      <button id="tool_docprops_cancel">Cancel</button>
+    </div>
+    <fieldset id="svg_docprops_docprops">
+      <legend id="svginfo_image_props">Image Properties</legend>
+      <label>
+        <span id="svginfo_title">Title:</span>
+        <input type="text" id="canvas_title"/>
+      </label>
+      <fieldset id="change_resolution">
+        <legend id="svginfo_dim">Canvas Dimensions</legend>
+        <label>
+          <span id="svginfo_width">width:</span>
+          <input type="text" id="canvas_width" size="6"/>
+        </label>
+        <label>
+          <span id="svginfo_height">height:</span>
+          <input type="text" id="canvas_height" size="6"/>
+        </label>
+        <label>
+          <select id="resolution">
+            <option id="selectedPredefined"
+              selected="selected">Select predefined:</option>
+            <option>640x480</option>
+            <option>800x600</option>
+            <option>1024x768</option>
+            <option>1280x960</option>
+            <option>1600x1200</option>
+            <option id="fitToContent"
+              value="content">Fit to Content</option>
+          </select>
+        </label>
+      </fieldset>
+      <fieldset id="image_save_opts">
+        <legend id="includedImages">Included Images</legend>
+        <label>
+          <input type="radio" name="image_opt" value="embed" checked="checked"/>
+          <span id="image_opt_embed">Embed data (local files)</span>
+        </label>
+        <label>
+          <input type="radio" name="image_opt" value="ref"/>
+          <span id="image_opt_ref">Use file reference</span>
+        </label>
+      </fieldset>
+    </fieldset>
+  </div>
+</div>
+<div id="svg_prefs">
+  <div class="overlay"></div>
+  <div id="svg_prefs_container">
+    <div id="tool_prefs_back" class="toolbar_button">
+      <button id="tool_prefs_save">OK</button>
+      <button id="tool_prefs_cancel">Cancel</button>
+    </div>
+    <fieldset>
+      <legend id="svginfo_editor_prefs">Editor Preferences</legend>
+      <label>
+        <span id="svginfo_lang">Language:</span>
+        <!-- Source: https://en.wikipedia.org/wiki/Language_names -->
+        <select id="lang_select">
+          <option id="lang_ar" value="ar">العربية</option>
+          <option id="lang_cs" value="cs">Čeština</option>
+          <option id="lang_de" value="de">Deutsch</option>
+          <option id="lang_en" value="en" selected="selected">English</option>
+          <option id="lang_es" value="es">Español</option>
+          <option id="lang_fa" value="fa">فارسی</option>
+          <option id="lang_fr" value="fr">Français</option>
+          <option id="lang_fy" value="fy">Frysk</option>
+          <option id="lang_hi" value="hi">हिन्दी, हिंदी</option>
+          <option id="lang_it" value="it">Italiano</option>
+          <option id="lang_ja" value="ja">日本語</option>
+          <option id="lang_nl" value="nl">Nederlands</option>
+          <option id="lang_pl" value="pl">Polski</option>
+          <option id="lang_pt-BR" value="pt-BR">Português (BR)</option>
+          <option id="lang_ro" value="ro">Română</option>
+          <option id="lang_ru" value="ru">Русский</option>
+          <option id="lang_sk" value="sk">Slovenčina</option>
+          <option id="lang_sl" value="sl">Slovenščina</option>
+          <option id="lang_zh-CN" value="zh-CN">简体中文</option>
+          <option id="lang_zh-TW" value="zh-TW">繁體中文</option>
+        </select>
+      </label>
+      <label>
+        <span id="svginfo_icons">Icon size:</span>
+        <select id="iconsize">
+          <option id="icon_small" value="s">Small</option>
+          <option id="icon_medium" value="m" selected="selected">Medium</option>
+          <option id="icon_large" value="l">Large</option>
+          <option id="icon_xlarge" value="xl">Extra Large</option>
+        </select>
+      </label>
+      <fieldset id="change_background">
+        <legend id="svginfo_change_background">Editor Background</legend>
+        <div id="bg_blocks"></div>
+        <label>
+          <span id="svginfo_bg_url">URL:</span>
+          <input type="text" id="canvas_bg_url"/>
+        </label>
+        <p id="svginfo_bg_note">Note: Background will not be saved with image.</p>
+      </fieldset>
+      <fieldset id="change_grid">
+        <legend id="svginfo_grid_settings">Grid</legend>
+        <label>
+          <span id="svginfo_snap_onoff">Snapping on/off</span>
+          <input type="checkbox" value="snapping_on" id="grid_snapping_on"/>
+        </label>
+        <label>
+          <span id="svginfo_snap_step">Snapping Step-Size:</span>
+          <input type="text" id="grid_snapping_step" size="3" value="10"/>
+        </label>
+        <label>
+          <span id="svginfo_grid_color">Grid color:</span>
+          <input type="text" id="grid_color" size="3" value="#000"/>
+        </label>
+      </fieldset>
+      <fieldset id="units_rulers">
+        <legend id="svginfo_units_rulers">Units &amp; Rulers</legend>
+        <label>
+          <span id="svginfo_rulers_onoff">Show rulers</span>
+          <input id="show_rulers" type="checkbox"
+            value="show_rulers" checked="checked"/>
+        </label>
+        <label>
+          <span id="svginfo_unit">Base Unit:</span>
+          <select id="base_unit">
+            <option value="px">Pixels</option>
+            <option value="cm">Centimeters</option>
+            <option value="mm">Millimeters</option>
+            <option value="in">Inches</option>
+            <option value="pt">Points</option>
+            <option value="pc">Picas</option>
+            <option value="em">Ems</option>
+            <option value="ex">Exs</option>
+          </select>
+        </label>
+        <!-- Should this be an export option instead? -->
+        <!--
+        <span id="svginfo_unit_system">Unit System:</span>
+        <label>
+          <input type="radio" name="unit_system" value="single" checked="checked"/>
+          <span id="svginfo_single_type_unit">Single type unit</span>
+          <small id="svginfo_single_type_unit_sub">
+            CSS unit type is set on root element.
+            If a different unit type is entered in a text
+            field, it is converted back to user units on export.
+          </small>
+        </label>
+        <label>
+          <input type="radio" name="unit_system" value="multi"/>
+          <span id="svginfo_multi_units">Multiple CSS units</span>
+          <small id="svginfo_single_type_unit_sub">
+            Attributes can be given different CSS units, which may
+            lead to inconsistant results among viewers.
+          </small>
+        </label>
+        -->
+      </fieldset>
+    </fieldset>
+  </div>
+</div>
+<div id="dialog_box">
+  <div class="overlay"></div>
+  <div id="dialog_container">
+    <div id="dialog_content"></div>
+    <div id="dialog_buttons"></div>
+  </div>
+</div>
+<ul id="cmenu_canvas" class="contextMenu">
+  <li><a href="#cut">Cut</a></li>
+  <li><a href="#copy">Copy</a></li>
+  <li><a href="#paste">Paste</a></li>
+  <li><a href="#paste_in_place">Paste in Place</a></li>
+  <li class="separator"><a href="#delete">Delete</a></li>
+  <li class="separator"><a href="#group">Group<span class="shortcut">G</span></a></li>
+  <li><a href="#ungroup">Ungroup<span class="shortcut">G</span></a></li>
+  <li class="separator"><a href="#move_front">Bring to Front<span class="shortcut">SHFT+CTRL+]</span></a></li>
+  <li><a href="#move_up">Bring Forward<span class="shortcut">CTRL+]</span></a></li>
+  <li><a href="#move_down">Send Backward<span class="shortcut">CTRL+[</span></a></li>
+  <li><a href="#move_back">Send to Back<span class="shortcut">SHFT+CTRL+[</span></a></li>
+</ul>
+<ul id="cmenu_layers" class="contextMenu">
+  <li><a href="#dupe">Duplicate Layer...</a></li>
+  <li><a href="#delete">Delete Layer</a></li>
+  <li><a href="#merge_down">Merge Down</a></li>
+  <li><a href="#merge_all">Merge All</a></li>
+</ul>
+
+</div>
+</body>
+</html>
diff --git a/editor/svg-editor.css b/editor/svg-editor.css
index 3a13edf8..8bd88af9 100644
--- a/editor/svg-editor.css
+++ b/editor/svg-editor.css
@@ -1,456 +1,450 @@
-body {
-	background: #D0D0D0;
+body {
+  background: #D0D0D0;
 }
 
 html, body, div{
-	-webkit-user-select: text;
-	-khtml-user-select: text;
-	-moz-user-select: text;
-	-o-user-select: text;
-	user-select: text;
-	/* this will work for QtWebKit in future */
-	-webkit-user-drag: text;
-}
-
-#browser-not-supported {
-	font-size: 0.8em;
-	font-family: Verdana, Helvetica, Arial;
-	color: #000000;
+  -webkit-user-select: text;
+  -khtml-user-select: text;
+  -moz-user-select: text;
+  -o-user-select: text;
+  user-select: text;
+  /* this will work for QtWebKit in future */
+  -webkit-user-drag: text;
 }
 
 #svg_editor * {
-	transform-origin: 0 0;
-	-moz-transform-origin: 0 0;
-	-o-transform-origin: 0 0;
-	-webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  -moz-transform-origin: 0 0;
+  -o-transform-origin: 0 0;
+  -webkit-transform-origin: 0 0;
 }
 
 #svg_editor {
-	font-size: 8pt;
-	font-family: Verdana, Helvetica, Arial;
-	color: #000000;
+  font-size: 8pt;
+  font-family: Verdana, Helvetica, Arial;
+  color: #000000;
 }
 
 a {
-	color: #19c;
+  color: #19c;
 }
 
 hr {
-	border: none;
-	border-bottom: 1px solid #808080;
+  border: none;
+  border-bottom: 1px solid #808080;
 }
 
 select {
-	margin-top: 4px;
+  margin-top: 4px;
 }
 
 #svgroot {
-	-moz-user-select: none;
-	-webkit-user-select: none;
-	position: absolute;
-	top: 0;
-	left: 0;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 
 #svgcanvas {
-	line-height: normal;
-	display: inline-block;
-	background-color: #A0A0A0;
-	text-align: center;
-	vertical-align: middle;
-	width: 640px;
-	height: 480px;
-	-apple-dashboard-region:dashboard-region(control rectangle 0px 0px 0px 0px); /* for widget regions that shouldn't react to dragging */
-	position: relative;
-	/*
-	  A subtle gradient effect in the canvas.
-	  Just experimenting - not sure if this is worth it.
-	*/
-	background: -moz-radial-gradient(45deg,#bbb,#222);
-	background: -webkit-gradient(radial, center center, 3, center center, 1000, from(#bbb), to(#222));
+  line-height: normal;
+  display: inline-block;
+  background-color: #A0A0A0;
+  text-align: center;
+  vertical-align: middle;
+  width: 640px;
+  height: 480px;
+  -apple-dashboard-region:dashboard-region(control rectangle 0px 0px 0px 0px); /* for widget regions that shouldn't react to dragging */
+  position: relative;
+  /*
+    A subtle gradient effect in the canvas.
+    Just experimenting - not sure if this is worth it.
+  */
+  background: -moz-radial-gradient(45deg,#bbb,#222);
+  background: -webkit-gradient(radial, center center, 3, center center, 1000, from(#bbb), to(#222));
 }
 
 /* Rulers
 ——————————————————————————————————————*/
 
 #rulers > div {
-	position: absolute;
-	background: #DDD;
-	z-index: 1;
-	overflow: hidden;
+  position: absolute;
+  background: #DDD;
+  z-index: 1;
+  overflow: hidden;
 }
 
 #ruler_corner {
-	top: 41px;
-	left: 41px;
-	width: 15px;
-	height: 15px;
+  top: 41px;
+  left: 41px;
+  width: 15px;
+  height: 15px;
 }
 
 #ruler_x {
-	height: 15px;
-	top: 41px;
-	left: 56px;
-	right: 30px;
-	border-bottom: 1px solid;
-	border-left: 1px solid #777;
+  height: 15px;
+  top: 41px;
+  left: 56px;
+  right: 30px;
+  border-bottom: 1px solid;
+  border-left: 1px solid #777;
 }
 
 #ruler_y {
-	width: 15px;
-	top: 55px;
-	left: 41px;
-	bottom: 56px;
-	border-right: 1px solid;
-	border-top: 1px solid #777;
+  width: 15px;
+  top: 55px;
+  left: 41px;
+  bottom: 56px;
+  border-right: 1px solid;
+  border-top: 1px solid #777;
 }
 
 #ruler_x canvas:first-child {
-	margin-left: -16px;
+  margin-left: -16px;
 }
 
 #ruler_x canvas {
-	float: left;
+  float: left;
 }
 
 #ruler_y canvas {
-	margin-top: -16px;
+  margin-top: -16px;
 }
 
 #ruler_x > div,
 #ruler_y > div {
-	overflow: hidden;
+  overflow: hidden;
 }
 
 #palette_holder {
-	overflow: hidden;
-	margin-top: 5px;
-	padding: 5px;
-	position: absolute;
-	right: 15px;
-	height: 16px;
-	background: #f0f0f0;
-	border-radius: 3px;
-	z-index: 2;
+  overflow: hidden;
+  margin-top: 5px;
+  padding: 5px;
+  position: absolute;
+  right: 15px;
+  height: 16px;
+  background: #f0f0f0;
+  border-radius: 3px;
+  z-index: 2;
 }
 
 #stroke_bg,
 #fill_bg {
-	height: 16px;
-	width: 16px;
-	margin: 1px;
+  height: 16px;
+  width: 16px;
+  margin: 1px;
 }
 
 #zoomLabel {
-	cursor: pointer;
-	margin-right: 5px;
-	padding-top: 4px
+  cursor: pointer;
+  margin-right: 5px;
+  padding-top: 4px
 }
 
 #linkLabel > svg {
-	height: 20px;
-	padding-top: 4px;
+  height: 20px;
+  padding-top: 4px;
 }
 
 #palette {
-	float: left;
-	width: 632px;
-	height: 16px;
+  float: left;
+  width: 632px;
+  height: 16px;
 }
 
 #workarea {
-	display: inline-table-cell;
-	position:absolute;
-	top: 40px;
-	left: 40px;
-	bottom: 40px;
-	right: 14px;
-	background-color: #A0A0A0;
-	border: 1px solid #808080;
-	overflow: auto;
-	text-align: center;
+  display: inline-table-cell;
+  position:absolute;
+  top: 40px;
+  left: 40px;
+  bottom: 40px;
+  right: 14px;
+  background-color: #A0A0A0;
+  border: 1px solid #808080;
+  overflow: auto;
+  text-align: center;
 }
 
 #sidepanels {
-	display: inline-block;
-	position:absolute;
-	top: 40px;
-	bottom: 40px;
-	right: 0;
-	width: 2px;
-	padding: 10px;
-	border-color: #808080;
-	border-style: solid;
-	border-width: 1px;
-	border-left: none;
-	overflow-x:hidden;
-	overflow-y:visible;
+  display: inline-block;
+  position:absolute;
+  top: 40px;
+  bottom: 40px;
+  right: 0;
+  width: 2px;
+  padding: 10px;
+  border-color: #808080;
+  border-style: solid;
+  border-width: 1px;
+  border-left: none;
+  overflow-x:hidden;
+  overflow-y:visible;
 }
 
 #layerpanel {
-	display: inline-block;
-	position:relative;
-	top: 0px;
-	bottom: 0;
-	left: 12px;
-	width: 0;
-	overflow: hidden;
-	margin: 0;
-	-moz-user-select: none;
-	-webkit-user-select: none;
+  display: inline-block;
+  position:relative;
+  top: 0px;
+  bottom: 0;
+  left: 12px;
+  width: 0;
+  overflow: hidden;
+  margin: 0;
+  -moz-user-select: none;
+  -webkit-user-select: none;
 }
 
 /*
-	border-style: solid;
-	border-color: #666;
-	border-width: 0px 0px 0px 1px;
+  border-style: solid;
+  border-color: #666;
+  border-width: 0px 0px 0px 1px;
 */
 #sidepanel_handle {
-	display: inline-block;
-	position: absolute;
-	background-color: #D0D0D0;
-	font-weight: bold;
-	left: 0;
-	top: 40%;
-	width: 1em;
-	padding: 5px 1px 5px 5px;
-	margin-left: 3px;
-	cursor: pointer;
-	border-radius: 5px;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	-moz-user-select: none;
-	-webkit-user-select: none;
+  display: inline-block;
+  position: absolute;
+  background-color: #D0D0D0;
+  font-weight: bold;
+  left: 0;
+  top: 40%;
+  width: 1em;
+  padding: 5px 1px 5px 5px;
+  margin-left: 3px;
+  cursor: pointer;
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -moz-user-select: none;
+  -webkit-user-select: none;
 }
 
 #sidepanel_handle:hover {
-	font-weight: bold;
+  font-weight: bold;
 }
 
 #sidepanel_handle * {
-	cursor: pointer;
-	-moz-user-select: none;
-	-webkit-user-select: none;
+  cursor: pointer;
+  -moz-user-select: none;
+  -webkit-user-select: none;
 }
 #layerbuttons {
-	margin: 0;
-	padding: 0;
-	padding-left: 2px;
-	padding-right: 2px;
-	width: 125px;
-	height: 20px;
-	border-right: 1px solid #FFFFFF;
-	border-bottom: 1px solid #FFFFFF;
-	border-left: 1px solid #808080;
-	border-top: 1px solid #808080;
-	overflow: hidden;
+  margin: 0;
+  padding: 0;
+  padding-left: 2px;
+  padding-right: 2px;
+  width: 125px;
+  height: 20px;
+  border-right: 1px solid #FFFFFF;
+  border-bottom: 1px solid #FFFFFF;
+  border-left: 1px solid #808080;
+  border-top: 1px solid #808080;
+  overflow: hidden;
 }
 
 .layer_button {
-	width: 14px;
-	height: 14px;
-	padding: 1px;
-	border-left: 1px solid #FFFFFF;
-	border-top: 1px solid #FFFFFF;
-	border-right: 1px solid #808080;
-	border-bottom: 1px solid #808080;
-	cursor: pointer;
-	float: left;
-	margin-right: 3px;
+  width: 14px;
+  height: 14px;
+  padding: 1px;
+  border-left: 1px solid #FFFFFF;
+  border-top: 1px solid #FFFFFF;
+  border-right: 1px solid #808080;
+  border-bottom: 1px solid #808080;
+  cursor: pointer;
+  float: left;
+  margin-right: 3px;
 }
 
 .layer_button:last-child {
-	margin-right: 0;
+  margin-right: 0;
 }
 
 .layer_buttonpressed {
-	width: 14px;
-	height: 14px;
-	padding: 1px;
-	border-right: 1px solid #FFFFFF;
-	border-bottom: 1px solid #FFFFFF;
-	border-left: 1px solid #808080;
-	border-top: 1px solid #808080;
-	cursor: pointer;
+  width: 14px;
+  height: 14px;
+  padding: 1px;
+  border-right: 1px solid #FFFFFF;
+  border-bottom: 1px solid #FFFFFF;
+  border-left: 1px solid #808080;
+  border-top: 1px solid #808080;
+  cursor: pointer;
 }
 
 #layerlist {
-	margin: 1px;
-	padding: 0;
-	width: 127px;
-	border-collapse: collapse;
-	border: 1px solid #808080;
-	background-color: #FFFFFF;
+  margin: 1px;
+  padding: 0;
+  width: 127px;
+  border-collapse: collapse;
+  border: 1px solid #808080;
+  background-color: #FFFFFF;
 }
 
 #layerlist tr.layer {
-	background-color: #FFFFFF;
-	margin: 0;
-	padding: 0;
+  background-color: #FFFFFF;
+  margin: 0;
+  padding: 0;
 }
 
 #layerlist tr.layersel {
-	border: 1px solid #808080;
-	background-color: #CCCCCC;
+  border: 1px solid #808080;
+  background-color: #CCCCCC;
 }
 
 #layerlist td.layervis {
-	width: 22px;
-	cursor: pointer;
+  width: 22px;
+  cursor: pointer;
 }
 
 #layerlist td.layerinvis {
-	background-image: none;
-	cursor: pointer;
+  background-image: none;
+  cursor: pointer;
 }
 
 #layerlist td.layervis * {
-	display: block;
+  display: block;
 }
 
 #layerlist td.layerinvis * {
-	display: none;
+  display: none;
 }
 
 #layerlist td.layername {
-	cursor: pointer;
+  cursor: pointer;
 }
 
 #layerlist td.layername:hover {
-	color: blue;
-	font-style: italic;
+  color: blue;
+  font-style: italic;
 }
 
 #layerlist tr.layersel td.layername {
-	font-weight: bold;
+  font-weight: bold;
 }
 
 #selLayerLabel {
-	white-space: nowrap;
+  white-space: nowrap;
 }
 
 #selLayerNames {
-	display: block;
+  display: block;
 }
 
 div.palette_item {
-	height: 15px;
-	width: 15px;
-	float: left;
+  height: 15px;
+  width: 15px;
+  float: left;
 }
 
 div.palette_item:first-child {
-	background: white;
+  background: white;
 }
 
 /* Main button
 —————————————————————————————*/
 
 #main_button {
-	position: absolute;
-	top: 4px;
-	left: 5px;
-	z-index: 5;
+  position: absolute;
+  top: 4px;
+  left: 5px;
+  z-index: 5;
 }
 
 #main_icon {
-	position: relative;
-	top: -2px;
-	left: -2px;
-	width: 95px;
-	line-height: 26px;
+  position: relative;
+  top: -2px;
+  left: -2px;
+  width: 95px;
+  line-height: 26px;
 }
 
 #main_icon:hover {
-	background: #eee !important;
+  background: #eee !important;
 }
 
 #main_icon.buttondown {
-	background: #eee !important;
-	-moz-box-shadow: none !important;
-	-webkit-box-shadow: none !important;
-	box-shadow: none !important;
-	border-radius: 3px 3px 0 0;
+  background: #eee !important;
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  border-radius: 3px 3px 0 0;
 }
 
 #logo {
-	margin-top: -2px;
+  margin-top: -2px;
 }
 
 #logo img {
-	border: 0;
-	width: 28px;
-	height: 28px;
+  border: 0;
+  width: 28px;
+  height: 28px;
 }
 
 #main_icon > div {
-	float: left;
+  float: left;
 }
 
 #main_button .dropdown {
-	position: absolute;
-	right: 7px;
-	top: 4px;
+  position: absolute;
+  right: 7px;
+  top: 4px;
 }
 
 #main_icon span {
-	position: absolute;
-	top: 0;
-	left: 0;
-	bottom: 0;
-	right: 0;
-	display: block;
-	z-index: 2;
-	font-weight: bold;
-	padding-left: 34px;
-	line-height: 32px;
-	font-family: sans-serif;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  display: block;
+  z-index: 2;
+  font-weight: bold;
+  padding-left: 34px;
+  line-height: 32px;
+  font-family: sans-serif;
 }
 
 #main_menu {
-	z-index: 12;
-	background: #eee;
-	position: relative;
-	width: 230px;
-	padding: 5px;
-	-moz-box-shadow: #555 1px 1px 4px;
-	-webkit-box-shadow: #555 1px 1px 4px;
-	box-shadow: #555 1px 1px 4px;
-	font-size: 1.1em;
-	display: none;
-	overflow: hidden;
-	clear: both;
-	top: -9px;
+  z-index: 12;
+  background: #eee;
+  position: relative;
+  width: 230px;
+  padding: 5px;
+  -moz-box-shadow: #555 1px 1px 4px;
+  -webkit-box-shadow: #555 1px 1px 4px;
+  box-shadow: #555 1px 1px 4px;
+  font-size: 1.1em;
+  display: none;
+  overflow: hidden;
+  clear: both;
+  top: -9px;
 }
 
 #main_menu ul,
 #main_menu li {
-	list-style: none;
-	margin: 0;
-	padding: 0;
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
 
 #main_menu li {
-/*	height: 35px;*/
-	line-height: 22px;
-	padding-top: 7px;
-	padding-left: 7px;
-	margin: -5px;
-	overflow: auto;
-	cursor: default;
+/*  height: 35px;*/
+  line-height: 22px;
+  padding-top: 7px;
+  padding-left: 7px;
+  margin: -5px;
+  overflow: auto;
+  cursor: default;
 }
 
 #main_menu li:hover {
-	background: #FFC;
+  background: #FFC;
 }
 
 #main_menu li > div {
-	float: left;
-	padding-right: 5px;
+  float: left;
+  padding-right: 5px;
 }
 
 #main_menu p {
-	margin-top: 5px;
+  margin-top: 5px;
 }
 
 /*—————————————————————————————*/
@@ -462,232 +456,232 @@ div.palette_item:first-child {
 .tool_button_current,
 .push_button_pressed
 {
-	background-color: #ffc !important;
+  background-color: #ffc !important;
 }
 
 .tool_button_current,
 .push_button_pressed,
 .buttondown {
-	background-color: #f4e284 !important;
-	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4), 1px 1px  0 white  !important;
-	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4), 1px 1px  0 white  !important;
-	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4), 1px 1px  0 white  !important;
+  background-color: #f4e284 !important;
+  -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4), 1px 1px  0 white  !important;
+  -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4), 1px 1px  0 white  !important;
+  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4), 1px 1px  0 white  !important;
 }
 
 #tools_top {
-	position: absolute;
-	left: 108px;
-	right: 2px;
-	top: 2px;
-	height: 40px;
-	border-bottom: none;
-	overflow: auto;
+  position: absolute;
+  left: 108px;
+  right: 2px;
+  top: 2px;
+  height: 40px;
+  border-bottom: none;
+  overflow: auto;
 }
 
 #tools_top .tool_sep {
-	margin-top: 5px;
+  margin-top: 5px;
 }
 
 #tools_left {
-	position: absolute;
-	border-right: none;
-	width: 32px;
-	top: 40px;
-	left: 1px;
-	margin-top: -2px;
-	padding-left: 2px;
-	background: #D0D0D0; /* Needed so flyout icons don't appear on the left */
-	z-index: 4;
+  position: absolute;
+  border-right: none;
+  width: 32px;
+  top: 40px;
+  left: 1px;
+  margin-top: -2px;
+  padding-left: 2px;
+  background: #D0D0D0; /* Needed so flyout icons don't appear on the left */
+  z-index: 4;
 }
 
 #workarea.wireframe #svgcontent * {
-	fill: none;
-	stroke: #000;
-	stroke-width: 1px;
-	stroke-opacity: 1.0;
-	stroke-dasharray: 0;
-	opacity: 1;
-	pointer-events: stroke;
-	vector-effect: non-scaling-stroke;
-	filter: none;
+  fill: none;
+  stroke: #000;
+  stroke-width: 1px;
+  stroke-opacity: 1.0;
+  stroke-dasharray: 0;
+  opacity: 1;
+  pointer-events: stroke;
+  vector-effect: non-scaling-stroke;
+  filter: none;
 }
 
 #workarea.wireframe #svgcontent text {
-	fill: #000;
-	stroke: none;
+  fill: #000;
+  stroke: none;
 }
 
 #workarea.wireframe #canvasBackground > rect {
-	fill: #FFF !important;
+  fill: #FFF !important;
 }
 
 #tools_top div[id$="_panel"]:not(#editor_panel):not(#history_panel) {
-	display: none;
+  display: none;
 }
 
 #editor_panel, #history_panel {
-	height: 34px;
-	float: left;
+  height: 34px;
+  float: left;
 }
 
 #multiselected_panel .selected_tool {
-	vertical-align: 12px;
+  vertical-align: 12px;
 }
 
 /*TODO: Adjust position of rulers are not visible*/
 #cur_context_panel {
-	position: absolute;
-	top: 57px;
-	left: 56px;
-	line-height: 22px;
-	overflow: auto;
-	padding-left: 5px;
-	font-size: 12px;
-	background: rgba(0, 0, 0, 0.8);
-	color: #ccc;
-	padding: 0 10px;
-	border-radius: 0 0 3px 0;
+  position: absolute;
+  top: 57px;
+  left: 56px;
+  line-height: 22px;
+  overflow: auto;
+  padding-left: 5px;
+  font-size: 12px;
+  background: rgba(0, 0, 0, 0.8);
+  color: #ccc;
+  padding: 0 10px;
+  border-radius: 0 0 3px 0;
 }
 
 #cur_context_panel a {
-	float: none;
-	text-decoration: none;
+  float: none;
+  text-decoration: none;
 }
 
 #cur_context_panel a:hover {
-	text-decoration: underline;
+  text-decoration: underline;
 }
 
 #tools_top > div, #tools_top {
-	line-height: 26px;
+  line-height: 26px;
 }
 
 div.toolset,
 div.toolset > * {
-	float: left;
+  float: left;
 }
 
 div.toolset {
-	height: 34px;
+  height: 34px;
 }
 
 div.toolset label span {
-/*	outline: 1px solid red;*/
-	padding-top: 3px;
-	display: inline-block;
+/*  outline: 1px solid red;*/
+  padding-top: 3px;
+  display: inline-block;
 }
 
 #tools_top > div > * {
-	float: left;
-	margin-right: 2px;
+  float: left;
+  margin-right: 2px;
 }
 
 #tools_top label {
-	margin-top: 0;
-	margin-left: 5px;
+  margin-top: 0;
+  margin-left: 5px;
 }
 
 #tools_top input {
-	margin-top: 5px;
-	height: 15px;
+  margin-top: 5px;
+  height: 15px;
 }
 
 input[type=text] {
-	padding: 2px;
+  padding: 2px;
 }
 
 #tools_left .tool_button,
 #tools_left .tool_button_current {
-	position: relative;
-	z-index: 11;
+  position: relative;
+  z-index: 11;
 }
 
 .flyout_arrow_horiz {
-	position: absolute;
-	bottom: -1px;
-	right: 0;
-	z-index: 10;
+  position: absolute;
+  bottom: -1px;
+  right: 0;
+  z-index: 10;
 }
 
 
 span.zoom_tool {
-	line-height: 26px;
-	padding: 3px;
+  line-height: 26px;
+  padding: 3px;
 }
 
 #zoom_panel {
-	margin-top: 5px;
+  margin-top: 5px;
 }
 
 .dropdown {
-	position: relative;
+  position: relative;
 }
 
 .dropdown button {
-	width: 15px;
-	height: 21px;
-	margin: 6px 0 0 1px;
-	padding: 0;
-	border-left: 1px solid #FFFFFF;
-	border-top: 1px solid #FFFFFF;
-	border-right: 1px solid #808080;
-	border-bottom: 1px solid #808080;
-	background-color: #E8E8E8;
+  width: 15px;
+  height: 21px;
+  margin: 6px 0 0 1px;
+  padding: 0;
+  border-left: 1px solid #FFFFFF;
+  border-top: 1px solid #FFFFFF;
+  border-right: 1px solid #808080;
+  border-bottom: 1px solid #808080;
+  background-color: #E8E8E8;
 }
 
 .dropdown button.down {
-	border-left: 1px solid #808080;
-	border-top: 1px solid #808080;
-	border-right: 1px solid #FFFFFF;
-	border-bottom: 1px solid #FFFFFF;
-	background-color: #B0B0B0;
+  border-left: 1px solid #808080;
+  border-top: 1px solid #808080;
+  border-right: 1px solid #FFFFFF;
+  border-bottom: 1px solid #FFFFFF;
+  background-color: #B0B0B0;
 }
 
 .dropdown ul {
-	list-style: none;
-	position: absolute;
-	margin: 0;
-	padding: 0;
-	left: -85px;
-	top: 26px;
-	z-index: 4;
-	display: none;
+  list-style: none;
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  left: -85px;
+  top: 26px;
+  z-index: 4;
+  display: none;
 }
 
 .dropup ul {
-	top: auto;
-	bottom: 24px;
+  top: auto;
+  bottom: 24px;
 }
 
 .dropdown li {
-	display: block;
-	width: 120px;
-	padding: 4px;
-	background: #E8E8E8;
-	border: 1px solid #B0B0B0;
-	margin: 0 0 -1px 0;
-	line-height: 16px;
+  display: block;
+  width: 120px;
+  padding: 4px;
+  background: #E8E8E8;
+  border: 1px solid #B0B0B0;
+  margin: 0 0 -1px 0;
+  line-height: 16px;
 }
 
 .dropdown li:hover {
-	background-color: #FFC;
+  background-color: #FFC;
 }
 
 .dropdown li.special {
-	padding: 10px 4px;
+  padding: 10px 4px;
 }
 
 .dropdown li.special:hover {
-	background: #FFC;
+  background: #FFC;
 }
 
 #font_family_dropdown-list li {
-	font-size: 1.4em;
+  font-size: 1.4em;
 }
 
 #font_family {
-	margin-left: 5px;
-	margin-right: 0;
+  margin-left: 5px;
+  margin-right: 0;
 }
 
 .tool_button,
@@ -695,179 +689,179 @@ span.zoom_tool {
 .tool_button_current,
 .push_button_pressed
 {
-	height: 24px;
-	width: 24px;
-	margin: 2px 2px 4px 2px;
-	padding: 3px;
-	-webkit-box-shadow: inset 1px 1px 2px white, 1px 1px 1px rgba(0,0,0,0.3);
-	moz-box-shadow: inset 1px 1px 2px white, 1px 1px 1px rgba(0,0,0,0.3);
-	box-shadow: inset 1px 1px 2px white, 1px 1px 1px rgba(0,0,0,0.3);
-	background-color: #E8E8E8;
-	cursor: pointer;
-	border-radius: 3px;
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 3px;
+  height: 24px;
+  width: 24px;
+  margin: 2px 2px 4px 2px;
+  padding: 3px;
+  -webkit-box-shadow: inset 1px 1px 2px white, 1px 1px 1px rgba(0,0,0,0.3);
+  moz-box-shadow: inset 1px 1px 2px white, 1px 1px 1px rgba(0,0,0,0.3);
+  box-shadow: inset 1px 1px 2px white, 1px 1px 1px rgba(0,0,0,0.3);
+  background-color: #E8E8E8;
+  cursor: pointer;
+  border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
 }
 
  #main_menu li#tool_open,  #main_menu li#tool_import {
-	position: relative;
-	overflow: hidden;
+  position: relative;
+  overflow: hidden;
 }
 
 #tool_image {
-	overflow: hidden;
+  overflow: hidden;
 }
 
 #tool_open input,
 #tool_import input,
 #tool_image input {
-	position: absolute;
-	opacity: 0;
-	font-size: 10em;
-	top: -5px;
-	right: -5px;
-	margin: 0;
-	cursor: pointer; /* Sadly doesn't appear to have an effect */
+  position: absolute;
+  opacity: 0;
+  font-size: 10em;
+  top: -5px;
+  right: -5px;
+  margin: 0;
+  cursor: pointer; /* Sadly doesn't appear to have an effect */
 }
 
 .disabled {
-	opacity: 0.5;
-	cursor: default;
+  opacity: 0.5;
+  cursor: default;
 }
 
 .tool_sep {
-	width: 1px;
-	background: #888;
-	border-left: 1px outset #EEE;
-	margin: 2px 3px;
-	padding: 0;
-	height: 24px;
+  width: 1px;
+  background: #888;
+  border-left: 1px outset #EEE;
+  margin: 2px 3px;
+  padding: 0;
+  height: 24px;
 }
 
 .icon_label {
-	float: left;
-	padding-top: 3px;
-	padding-right: 3px;
-	box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
-	height: 0;
+  float: left;
+  padding-top: 3px;
+  padding-right: 3px;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  height: 0;
 }
 
 .width_label {
-	padding-right: 5px;
+  padding-right: 5px;
 }
 
 #tool_bold, #tool_italic {
-	font: bold 2.1em/1.1em serif;
-	text-align: center;
-	padding-left: 2px;
-	position: relative;
+  font: bold 2.1em/1.1em serif;
+  text-align: center;
+  padding-left: 2px;
+  position: relative;
 }
 
 #text {
-	position: absolute;
-	left: -9999px;
+  position: absolute;
+  left: -9999px;
 }
 
 #tool_bold span, #tool_italic span {
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	top: 0; left: 0;
-	background: #000;
-	opacity: 0;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0; left: 0;
+  background: #000;
+  opacity: 0;
 }
 
 #tool_italic {
-	font-weight: normal;
-	font-style: italic;
+  font-weight: normal;
+  font-style: italic;
 }
 
 #url_notice {
-	padding-top: 4px;
-	display: none;
+  padding-top: 4px;
+  display: none;
 }
 
 #color_picker {
-	position: absolute;
-	display: none;
-	background: #E8E8E8;
-	height: 350px;
-	z-index: 5;
+  position: absolute;
+  display: none;
+  background: #E8E8E8;
+  height: 350px;
+  z-index: 5;
 }
 
 .tools_flyout {
-	position: absolute;
-	display: none;
-	cursor: pointer;
-	width: 400px;
-	z-index: 1;
+  position: absolute;
+  display: none;
+  cursor: pointer;
+  width: 400px;
+  z-index: 1;
 }
 
 .tools_flyout_v {
-	position: absolute;
-	display: none;
-	cursor: pointer;
-	width: 30px;
+  position: absolute;
+  display: none;
+  cursor: pointer;
+  width: 30px;
 }
 
 .tools_flyout .tool_button {
-	float: left;
-	background-color: #E8E8E8;
-	border-left: 1px solid #FFFFFF;
-	border-top: 1px solid #FFFFFF;
-	border-right: 1px solid #808080;
-	border-bottom: 1px solid #808080;
-	height: 28px;
-	width: 28px;
+  float: left;
+  background-color: #E8E8E8;
+  border-left: 1px solid #FFFFFF;
+  border-top: 1px solid #FFFFFF;
+  border-right: 1px solid #808080;
+  border-bottom: 1px solid #808080;
+  height: 28px;
+  width: 28px;
 }
 
 #tools_bottom {
-	position: absolute;
-	left: 40px;
-	right: 0;
-	bottom: 0;
-	height: 40px;
-	overflow: visible;
+  position: absolute;
+  left: 40px;
+  right: 0;
+  bottom: 0;
+  height: 40px;
+  overflow: visible;
 }
 
 #tools_bottom_1 {
-	width: 115px;
-	float: left;
+  width: 115px;
+  float: left;
 }
 
 #tools_bottom input[type=text] {
-	width: 2.2em;
+  width: 2.2em;
 }
 
 /* Color tools: fill, stroke, opacity
 –––––––––––––––––––––––––––––––––––––*/
 
 #tools_bottom_2 {
-	float: left;
-	width: 300px;
-	position: relative;
-	margin-top: 5px;
-	-webkit-transition: width 150ms ease;
+  float: left;
+  width: 300px;
+  position: relative;
+  margin-top: 5px;
+  -webkit-transition: width 150ms ease;
 }
 
 .expanded #tools_bottom_2 {
-	width: 450px;
+  width: 450px;
 }
 
 #tools_bottom #tools_bottom_2 .dropdown button {
-	margin-top: 2px;
+  margin-top: 2px;
 }
 
 .dropdown li.tool_button {
-	width: 24px;
+  width: 24px;
 }
 
 #tools_bottom_2 .icon_label {
-	display: block;
-	margin: 3px 5px;
-	padding: 0;
+  display: block;
+  margin: 3px 5px;
+  padding: 0;
 }
 
 #tool_opacity { right: 0;}
@@ -875,477 +869,477 @@ span.zoom_tool {
 #tool_stroke { left: 60px;}
 
 #fill_color,  #stroke_color {
-	height: 16px;
-	width: 16px;
-	border: 1px solid #808080;
-	cursor: pointer;
-	overflow: hidden;
+  height: 16px;
+  width: 16px;
+  border: 1px solid #808080;
+  cursor: pointer;
+  overflow: hidden;
 }
 
 #stroke_expand {
-	width: 0;
-	overflow: hidden;
+  width: 0;
+  overflow: hidden;
 }
 
 #toggle_stroke_tools {
-	position: absolute;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	width: 25px;
-	text-align: center;
-	border-radius: 0 3px 3px 0;
-	margin: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 25px;
+  text-align: center;
+  border-radius: 0 3px 3px 0;
+  margin: 0;
 }
 
 #toggle_stroke_tools:before {
-	content: '>>';
-	letter-spacing: -3px;
-	font-weight: bold;
-	color: #666;
+  content: '>>';
+  letter-spacing: -3px;
+  font-weight: bold;
+  color: #666;
 }
 
 .expanded #tool_stroke.color_tool {
-	width: 280px;
+  width: 280px;
 }
 
 .expanded #toggle_stroke_tools:before {
-	content: '<<';
+  content: '<<';
 }
 
 #toggle_stroke_tools:hover {
-	background: white;
+  background: white;
 }
 
 .color_tool {
-	position: absolute;
-	overflow: hidden;
-	background: #f0f0f0;
-	height: 26px;
-	line-height: 26px;
-	border-radius: 3px;
-	min-width: 52px;
+  position: absolute;
+  overflow: hidden;
+  background: #f0f0f0;
+  height: 26px;
+  line-height: 26px;
+  border-radius: 3px;
+  min-width: 52px;
 }
 
 #tool_stroke.color_tool {
-	width: 130px;
-	z-index: 2;
-	-webkit-transition: width 150ms ease;
-	-moz-transition: width 150ms ease;
-	-o-transition: width 150ms ease;
-	-ms-transition: width 150ms ease;
-	transition: width 150ms ease;
+  width: 130px;
+  z-index: 2;
+  -webkit-transition: width 150ms ease;
+  -moz-transition: width 150ms ease;
+  -o-transition: width 150ms ease;
+  -ms-transition: width 150ms ease;
+  transition: width 150ms ease;
 }
 
 .color_block {
-	position: absolute;
-	top: 0;
-	left: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 
 .color_block svg {
-	display: block;
+  display: block;
 }
 
 .color_tool > * {
-	float: left;
-	margin-right: 5px;
+  float: left;
+  margin-right: 5px;
 }
 
 .color_tool .dropdown > * {
-	float: left;
+  float: left;
 }
 
 .color_tool .stroke_label {
-	margin-left: 25px;
-	float: left;
+  margin-left: 25px;
+  float: left;
 }
 
 .color_tool > .color_block {
-	top: 3px;
-	left: 29px;
+  top: 3px;
+  left: 29px;
 }
 
 .color_tool input {
-	margin: 0;
+  margin: 0;
 }
 
 #tool_opacity {
-	overflow: visible;
+  overflow: visible;
 }
 
 @media screen and (max-width:1250px) {
-	.expanded #palette_holder {
-		left: 560px;
-		overflow-x: scroll;
-		padding: 0 5px;
-		margin-top: 2px;
-		height: 30px;
-	}
-	#tools_top {
-		height: 71px;
-	}
-	#workarea, #sidepanels {
-		top: 70px;
-	}
-	#rulers #ruler_corner,
-	#rulers #ruler_x, #tools_left {
-		top: 71px;
-	}
+  .expanded #palette_holder {
+    left: 560px;
+    overflow-x: scroll;
+    padding: 0 5px;
+    margin-top: 2px;
+    height: 30px;
+  }
+  #tools_top {
+    height: 71px;
+  }
+  #workarea, #sidepanels {
+    top: 70px;
+  }
+  #rulers #ruler_corner,
+  #rulers #ruler_x, #tools_left {
+    top: 71px;
+  }
 
-	#rulers #ruler_y {
-		top: 86px;
-	}
+  #rulers #ruler_y {
+    top: 86px;
+  }
 
-	#cur_context_panel {
-		top: 87px;
-	}
+  #cur_context_panel {
+    top: 87px;
+  }
 
-	#selected_panel {
-		clear: right;
-	}
+  #selected_panel {
+    clear: right;
+  }
 }
 
 @media screen and (max-width:1100px) {
-	#tools_bottom:not(.expanded) #palette_holder {
-		left: 410px;
-		overflow-x: scroll;
-		padding: 0 5px;
-		margin-top: 2px;
-		height: 30px;
-	}
+  #tools_bottom:not(.expanded) #palette_holder {
+    left: 410px;
+    overflow-x: scroll;
+    padding: 0 5px;
+    margin-top: 2px;
+    height: 30px;
+  }
 }
 
 /*–––––––––––––––––––––––––––––––––––––*/
 
 #option_lists ul {
-	display: none;
-	position: absolute;
-	height: auto;
-	z-index: 3;
-	margin: -10px;
-	list-style: none;
-	padding-left: 0;
+  display: none;
+  position: absolute;
+  height: auto;
+  z-index: 3;
+  margin: -10px;
+  list-style: none;
+  padding-left: 0;
 }
 
 #option_lists .optcols2 {
-	width: 70px;
-	margin-left: -15px;
+  width: 70px;
+  margin-left: -15px;
 }
 
 #option_lists .optcols3 {
-	width: 90px;
-	margin-left: -31px;
+  width: 90px;
+  margin-left: -31px;
 }
 
 #option_lists .optcols4 {
-	width: 130px;
-	margin-left: -44px;
+  width: 130px;
+  margin-left: -44px;
 }
 
 #option_lists ul[class^=optcols] li {
-	float: left;
+  float: left;
 }
 
 ul li.current {
-	background-color: #F4E284;
+  background-color: #F4E284;
 }
 
 #option_lists ul li {
-	margin: 0;
-	border-radius: 0;
-	-moz-border-radius: 0;
-	-webkit-border-radius: 0;
+  margin: 0;
+  border-radius: 0;
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
 }
 
 #tools_bottom .dropdown button {
-	margin-top: 2px;
+  margin-top: 2px;
 }
 
 #opacity_dropdown li {
-	width: 140px;
+  width: 140px;
 }
 
  #copyright {
-	text-align: right;
-	padding-right: .3em;
+  text-align: right;
+  padding-right: .3em;
 }
 
 #svg_source_editor {
-	display: none;
+  display: none;
 }
 
 .overlay {
-	position: absolute;
-	top: 0;
-	right: 0;
-	left: 0;
-	bottom: 0;
-	background-color: black;
-	opacity: 0.6;
-	z-index: 5;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background-color: black;
+  opacity: 0.6;
+  z-index: 5;
 }
 
 #svg_source_editor #svg_source_container {
-	position: absolute;
-	top: 30px;
-	left: 30px;
-	right: 30px;
-	bottom: 30px;
-	background-color: #B0B0B0;
-	opacity: 1.0;
-	text-align: center;
-	border: 1px outset #777;
-	z-index: 6;
+  position: absolute;
+  top: 30px;
+  left: 30px;
+  right: 30px;
+  bottom: 30px;
+  background-color: #B0B0B0;
+  opacity: 1.0;
+  text-align: center;
+  border: 1px outset #777;
+  z-index: 6;
 }
 
 #save_output_btns {
-	display: none;
-	text-align: left;
+  display: none;
+  text-align: left;
 }
 
 #save_output_btns p {
-	margin: .5em 1.5em;
-	display: inline-block;
+  margin: .5em 1.5em;
+  display: inline-block;
 }
 
 #bg_blocks {
-	overflow: auto;
-	margin-left: 30px;
+  overflow: auto;
+  margin-left: 30px;
 }
 
 #bg_blocks .color_block {
-	position: static;
+  position: static;
 }
 
 #svg_docprops #svg_docprops_container,
 #svg_prefs #svg_prefs_container {
-	position: absolute;
-	top: 50px;
-	padding: 10px;
-	background-color: #B0B0B0;
-	border: 1px outset #777;
-	opacity: 1.0;
-/*	width: 450px;*/
-	font-family: Verdana, Helvetica, sans-serif;
-	font-size: .8em;
-	z-index: 20001;
+  position: absolute;
+  top: 50px;
+  padding: 10px;
+  background-color: #B0B0B0;
+  border: 1px outset #777;
+  opacity: 1.0;
+/*  width: 450px;*/
+  font-family: Verdana, Helvetica, sans-serif;
+  font-size: .8em;
+  z-index: 20001;
 }
 
 #svg_docprops .error {
-	border: 1px solid red;
-	padding: 3px;
+  border: 1px solid red;
+  padding: 3px;
 }
 
 #svg_docprops #resolution {
-	max-width: 14em;
+  max-width: 14em;
 }
 
 #tool_docprops_back,
 #tool_prefs_back {
-	margin-left: 1em;
-	overflow: auto;
+  margin-left: 1em;
+  overflow: auto;
 }
 
 #svg_docprops_container #svg_docprops_docprops,
 #svg_prefs #svg_docprops_prefs {
-	float: left;
-	width: 221px;
-	margin: 5px .7em;
-	overflow: hidden;
+  float: left;
+  width: 221px;
+  margin: 5px .7em;
+  overflow: hidden;
 }
 
 #svg_prefs_container fieldset + fieldset {
-	float: right;
+  float: right;
 }
 
 #svg_docprops legend,
 #svg_prefs legend {
-	max-width: 195px;
+  max-width: 195px;
 }
 
 #svg_docprops_docprops > legend,
 #svg_prefs_container > fieldset > legend {
-	font-weight: bold;
-	font-size: 1.1em;
+  font-weight: bold;
+  font-size: 1.1em;
 }
 
 #svg_docprops_container fieldset,
 #svg_prefs fieldset {
-	padding: 5px;
-	margin: 5px;
-	border: 1px solid #DDD;
+  padding: 5px;
+  margin: 5px;
+  border: 1px solid #DDD;
 }
 
 #svg_docprops_container label,
 #svg_prefs_container label {
-	display: block;
-	margin: .5em;
+  display: block;
+  margin: .5em;
 }
 
 #svginfo_bg_note {
-	font-size: .9em;
-	font-style: italic;
-	color: #444;
+  font-size: .9em;
+  font-style: italic;
+  color: #444;
 }
 
 #canvas_title, #canvas_bg_url {
-	display: block;
-	width: 96%;
+  display: block;
+  width: 96%;
 }
 
 
 #svg_source_editor form {
-	position: absolute;
-	top: 40px;
-	bottom: 30px;
-	width: 100%;
+  position: absolute;
+  top: 40px;
+  bottom: 30px;
+  width: 100%;
 }
 
 #svg_source_editor #svg_source_textarea {
-	position: relative;
-	width: 95%;
-	height: 95%;
-	padding: 5px;
-	font-size: 12px;
+  position: relative;
+  width: 95%;
+  height: 95%;
+  padding: 5px;
+  font-size: 12px;
 }
 
 #svg_source_editor #tool_source_back {
-	text-align: left;
-	padding-left: 20px;
+  text-align: left;
+  padding-left: 20px;
 }
 
 #svg_prefs_container div.color_block {
-	float: left;
-	margin: 2px;
-	padding: 20px;
+  float: left;
+  margin: 2px;
+  padding: 20px;
 }
 
 #change_background div.cur_background {
-	border: 2px solid blue;
-	padding: 18px;
+  border: 2px solid blue;
+  padding: 18px;
 }
 
 #background_img {
-	position: absolute;
-	top: 0;
-	left: 0;
-	text-align: left;
+  position: absolute;
+  top: 0;
+  left: 0;
+  text-align: left;
 }
 
 #svg_docprops button,
 #svg_prefs button {
-	margin-top: 0;
-	margin-bottom: 5px;
+  margin-top: 0;
+  margin-bottom: 5px;
 }
 
 #svg_docprops,
 #svg_prefs {
-	display: none;
+  display: none;
 }
 
 #image_save_opts label {
-	font-size: .9em;
+  font-size: .9em;
 }
 
 #image_save_opts input {
-	margin-left: 0;
+  margin-left: 0;
 }
 
 #tool_prefs_option {
-	float: right;
+  float: right;
 }
 
 .toolbar_button button {
-	border:1px solid #dedede;
-	line-height:130%;
-	float: left;
-	background: #E8E8E8 none;
-	padding:5px 10px 5px 7px; /* Firefox */
-	line-height:17px; /* Safari */
-	margin: 5px 20px 0 0;
-	border: 1px #808080 solid;
-	border-top-color: #FFF;
-	border-left-color: #FFF;
-	border-radius: 5px;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
+  border:1px solid #dedede;
+  line-height:130%;
+  float: left;
+  background: #E8E8E8 none;
+  padding:5px 10px 5px 7px; /* Firefox */
+  line-height:17px; /* Safari */
+  margin: 5px 20px 0 0;
+  border: 1px #808080 solid;
+  border-top-color: #FFF;
+  border-left-color: #FFF;
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
 }
 
 .toolbar_button button:hover {
-	border: 1px #e0a874 solid;
-	border-top-color: #fcd9ba;
-	border-left-color: #fcd9ba;
-	background-color: #FFC;
+  border: 1px #e0a874 solid;
+  border-top-color: #fcd9ba;
+  border-left-color: #fcd9ba;
+  background-color: #FFC;
 }
 .toolbar_button button:active {
-	background-color: #F4E284;
-	border-left: 1px solid #663300;
-	border-top: 1px solid #663300;
+  background-color: #F4E284;
+  border-left: 1px solid #663300;
+  border-top: 1px solid #663300;
 }
 
 .toolbar_button button .svg_icon {
-	margin: 0 3px -3px 0 !important;
-	padding: 0;
-	border: none;
-	width: 16px;
-	height: 16px;
+  margin: 0 3px -3px 0 !important;
+  padding: 0;
+  border: none;
+  width: 16px;
+  height: 16px;
 }
 
 #dialog_box {
-	display: none;
+  display: none;
 }
 
 #dialog_content {
-	height: 95px;
-	margin: 10px 10px 5px 10px;
-	background: #DDD;
-	overflow: auto;
-	text-align: left;
-	border: 1px solid #B0B0B0;
+  height: 95px;
+  margin: 10px 10px 5px 10px;
+  background: #DDD;
+  overflow: auto;
+  text-align: left;
+  border: 1px solid #B0B0B0;
 }
 
 #dialog_content.prompt {
-	height: 75px;
+  height: 75px;
 }
 
 #dialog_content p {
-	margin: 10px;
-	line-height: 1.3em;
+  margin: 10px;
+  line-height: 1.3em;
 }
 
 #dialog_container {
-	position: absolute;
-	font-family: Verdana;
-	text-align: center;
-	left: 50%;
-	top: 50%;
-	width: 300px;
-	margin-left: -150px;
-	height: 150px;
-	margin-top: -80px;
-	position: fixed;
-	z-index: 50001;
-	background: #CCC;
-	border: 1px outset #777;
-	font-family:Verdana,Helvetica,sans-serif;
-	font-size:0.8em;
+  position: absolute;
+  font-family: Verdana;
+  text-align: center;
+  left: 50%;
+  top: 50%;
+  width: 300px;
+  margin-left: -150px;
+  height: 150px;
+  margin-top: -80px;
+  position: fixed;
+  z-index: 50001;
+  background: #CCC;
+  border: 1px outset #777;
+  font-family:Verdana,Helvetica,sans-serif;
+  font-size:0.8em;
 }
 
 #dialog_container, #dialog_content {
-	border-radius: 5px;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
 }
 
 #dialog_buttons input[type=text] {
-	width: 90%;
-	display: block;
-	margin: 0 0 5px 11px;
+  width: 90%;
+  display: block;
+  margin: 0 0 5px 11px;
 }
 
 #dialog_buttons input[type=button] {
-	margin: 0 1em;
+  margin: 0 1em;
 }
 
 /* Slider
@@ -1367,93 +1361,93 @@ ul li.current {
 .ui-slider-vertical .ui-slider-range-max { top: 0; }
 
 .ui-slider {
-	border: 1px solid #B0B0B0;
+  border: 1px solid #B0B0B0;
 }
 
 .ui-slider-handle {
-	background: #B0B0B0;
-	border: 1px solid #000;
+  background: #B0B0B0;
+  border: 1px solid #000;
 }
 
 /* Necessary to keep the flyouts sized properly */
 .tools_flyout .tool_button,
 .tools_flyout .tool_flyout {
-	padding: 2px;
-	width: 24px;
-	height: 24px;
-	margin: 0;
-	border-radius: 0px;
-	-moz-border-radius: 0px;
-	-webkit-border-radius: 0px;
+  padding: 2px;
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  border-radius: 0px;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
 }
 
 /* Generic context menu styles */
 .contextMenu {
-	position: absolute;
-	z-index: 99999;
-	border: solid 1px rgba(0,0,0,.33);
-	background: rgba(255,255,255,.95);
-	padding: 5px 0;
-	margin: 0px;
-	display: none;
-	font: 12px/15px Lucida Sans, Helvetica, Verdana, sans-serif;
-	border-radius: 5px;
-	-moz-border-radius: 5px;
-	-moz-box-shadow: 2px 5px 10px rgba(0,0,0,.3);
-	-webkit-box-shadow: 2px 5px 10px rgba(0,0,0,.3);
-	box-shadow: 2px 5px 10px rgba(0,0,0,.3);
+  position: absolute;
+  z-index: 99999;
+  border: solid 1px rgba(0,0,0,.33);
+  background: rgba(255,255,255,.95);
+  padding: 5px 0;
+  margin: 0px;
+  display: none;
+  font: 12px/15px Lucida Sans, Helvetica, Verdana, sans-serif;
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -moz-box-shadow: 2px 5px 10px rgba(0,0,0,.3);
+  -webkit-box-shadow: 2px 5px 10px rgba(0,0,0,.3);
+  box-shadow: 2px 5px 10px rgba(0,0,0,.3);
 }
 
 .contextMenu LI {
-	list-style: none;
-	padding: 0px;
-	margin: 0px;
+  list-style: none;
+  padding: 0px;
+  margin: 0px;
 }
 
 .contextMenu .shortcut {
-	width: 115px;
-	text-align:right;
-	float:right;
+  width: 115px;
+  text-align:right;
+  float:right;
 }
 
 .contextMenu A {
-	-moz-user-select: none;
-	-webkit-user-select: none;
-	color: #222;
-	text-decoration: none;
-	display: block;
-	line-height: 20px;
-	height: 20px;
-	background-position: 6px center;
-	background-repeat: no-repeat;
-	outline: none;
-	padding: 0px 15px 1px 20px;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  color: #222;
+  text-decoration: none;
+  display: block;
+  line-height: 20px;
+  height: 20px;
+  background-position: 6px center;
+  background-repeat: no-repeat;
+  outline: none;
+  padding: 0px 15px 1px 20px;
 }
 
 .contextMenu LI.hover A {
-	background-color: #2e5dea;
-	color: white;
-	cursor: default;
+  background-color: #2e5dea;
+  color: white;
+  cursor: default;
 }
 
 .contextMenu LI.disabled A {
-	color: #999;
+  color: #999;
 }
 
 .contextMenu LI.hover.disabled A {
-	background-color: transparent;
+  background-color: transparent;
 }
 
 .contextMenu LI.separator {
-	border-top: solid 1px #E3E3E3;
-	padding-top: 5px;
-	margin-top: 5px;
+  border-top: solid 1px #E3E3E3;
+  padding-top: 5px;
+  margin-top: 5px;
 }
 
 /*
-	Adding Icons
-	You can add icons to the context menu by adding
-	classes to the respective LI element(s)
+  Adding Icons
+  You can add icons to the context menu by adding
+  classes to the respective LI element(s)
 */
 /*
 
diff --git a/editor/svg-editor.html b/editor/svg-editor.html
index a7b3eb0e..61a2236d 100644
--- a/editor/svg-editor.html
+++ b/editor/svg-editor.html
@@ -1,803 +1,773 @@
 <!DOCTYPE html>
+<!-- AUTO-GENERATED FROM svg-editor-es.html; DO NOT EDIT; use build-html.js to build -->
 <html>
-<!-- removed for now, causes problems in Firefox: manifest="svg-editor.manifest" -->
 <head>
-<meta charset="utf-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1"/>
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
-<meta name="apple-mobile-web-app-capable" content="yes"/>
-<link rel="icon" type="image/png" href="images/logo.png"/>
-<link rel="stylesheet" href="jgraduate/css/jPicker.css" type="text/css"/>
-<link rel="stylesheet" href="jgraduate/css/jgraduate.css" type="text/css"/>
-<link rel="stylesheet" href="svg-editor.css" type="text/css"/>
-<link rel="stylesheet" href="spinbtn/JQuerySpinBtn.css" type="text/css"/>
-<link rel="stylesheet" href="custom.css" type="text/css"/>
-<!--{if jquery_release}>
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-<!{else}-->
-  <script src="jquery.js"></script>
-<!--{endif}-->
+    <meta charset="utf-8"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
+    <meta name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <!-- STYLESHEETS (others loaded dynamically) -->
+    <style id="styleoverrides" media="screen"></style>
 
-<script src="js-hotkeys/jquery.hotkeys.min.js"></script>
-<script src="jquerybbq/jquery.bbq.min.js"></script>
-<script src="svgicons/jquery.svgicons.js"></script>
-<script src="jgraduate/jquery.jgraduate.min.js"></script>
-<script src="spinbtn/JQuerySpinBtn.min.js"></script>
-<script src="touch.js"></script>
+    <!-- SCRIPTS -->
+    <!--{if jquery_release}>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    <!{else}-->
+    <script src="jquery.min.js"></script>
+    <!--{endif}-->
+    <!-- We keep this next module external to avoid the need to
+      load further scripts if not supported -->
+    <script defer="defer" src="../dist/redirect-on-lacking-support.js"></script>
+    <!-- always minified scripts -->
+    <script src="jquery-ui/jquery-ui-1.8.17.custom.min.js"></script>
+    <!-- The following could be removed for more modern browsers -->
+    <script src="../dist/dom-polyfill.js"></script>
+    <!-- The following could be removed for more modern browsers; currently
+      using for at least `String.prototype.includes`, `Array.prototype.includes`,
+      `String.prototype.startsWith` -->
+    <script src="external/babel-polyfill/polyfill.min.js"></script>
+    <!-- If you do not wish to add extensions by URL, you can load them
+    by creating the following file and adding by calls to svgEditor.setConfig -->
+    <script defer="defer" src="../svgedit-config-iife.js"></script>
 
-<!--{if svg_edit_release}>
-  <script src="svgedit.compiled.js"></script>
-<!{else}-->
-  <script src="svgedit.js"></script>
-  <script src="jquery-svg.js"></script>
-  <script src="contextmenu/jquery.contextMenu.js"></script>
-  <script src="pathseg.js"></script>
-  <script src="browser.js"></script>
-  <script src="svgtransformlist.js"></script>
-  <script src="math.js"></script>
-  <script src="units.js"></script>
-  <script src="svgutils.js"></script>
-  <script src="sanitize.js"></script>
-  <script src="history.js"></script>
-  <script src="historyrecording.js"></script>
-  <script src="coords.js"></script>
-  <script src="recalculate.js"></script>
-  <script src="select.js"></script>
-  <script src="draw.js"></script>
-  <script src="layer.js"></script>
-  <script src="path.js"></script>
-  <script src="svgcanvas.js"></script>
-  <script src="svg-editor.js"></script>
-  <script src="locale/locale.js"></script>
-  <script src="contextmenu.js"></script>
-<!--{endif}-->
-
-<!-- always minified scripts -->
-<script src="jquery-ui/jquery-ui-1.8.17.custom.min.js"></script>
-<script src="jgraduate/jpicker.js"></script>
-
-<!-- If you do not wish to add extensions by URL, you can load them
-by creating the following file and adding by calls to svgEditor.setConfig -->
-<script src="config.js"></script>
-
-<!-- feeds -->
-<link rel="alternate" type="application/atom+xml" title="SVG-edit General Discussion" href="http://groups.google.com/group/svg-edit/feed/atom_v1_0_msgs.xml" />
-<link rel="alternate" type="application/atom+xml" title="SVG-edit Updates (Issues/Fixes/Commits)" href="http://code.google.com/feeds/p/svg-edit/updates/basic" />
-
-<!-- Add script with custom handlers here -->
-<title>SVG-edit</title>
+    <!-- FEEDS -->
+    <link rel="alternate" type="application/atom+xml"
+      title="SVG-edit General Discussion"
+      href="https://groups.google.com/group/svg-edit/feed/atom_v1_0_msgs.xml"/>
+    <link rel="alternate" type="application/atom+xml"
+      title="SVG-edit Updates (Commits)"
+      href="https://github.com/SVG-Edit/svgedit/commits/master.atom"/>
+    <title>SVG-edit</title>
 </head>
 <body>
+
+<div id="svg_container" style="visibility: hidden;">
 <div id="svg_editor">
-
-<div id="rulers">
-	<div id="ruler_corner"></div>
-	<div id="ruler_x">
-		<div>
-			<canvas height="15"></canvas>
-		</div>
-	</div>
-	<div id="ruler_y">
-		<div>
-			<canvas width="15"></canvas>
-		</div>
-	</div>
-</div>
-
-<div id="workarea">
-<style id="styleoverrides" type="text/css" media="screen" scoped="scoped"></style>
-<div id="svgcanvas" style="position:relative">
-
-</div>
-</div>
-
-<div id="sidepanels">
-	<div id="layerpanel">
-		<h3 id="layersLabel">Layers</h3>
-		<fieldset id="layerbuttons">
-			<div id="layer_new" class="layer_button"  title="New Layer"></div>
-			<div id="layer_delete" class="layer_button"  title="Delete Layer"></div>
-			<div id="layer_rename" class="layer_button"  title="Rename Layer"></div>
-			<div id="layer_up" class="layer_button"  title="Move Layer Up"></div>
-			<div id="layer_down" class="layer_button"  title="Move Layer Down"></div>
-			<div id="layer_moreopts" class="layer_button"  title="More Options"></div>
-		</fieldset>
-
-		<table id="layerlist">
-			<tr class="layer">
-				<td class="layervis"></td>
-				<td class="layername">Layer 1</td>
-			</tr>
-		</table>
-		<span id="selLayerLabel">Move elements to:</span>
-		<select id="selLayerNames" title="Move selected elements to a different layer" disabled="disabled">
-			<option selected="selected" value="layer1">Layer 1</option>
-		</select>
-	</div>
-	<div id="sidepanel_handle" title="Drag left/right to resize side panel [X]">L a y e r s</div>
-</div>
-
-<div id="main_button">
-	<div id="main_icon" class="tool_button" title="Main Menu">
-		<span>SVG-Edit</span>
-		<div id="logo"></div>
-		<div class="dropdown"></div>
-	</div>
-
-	<div id="main_menu">
-
-		<!-- File-like buttons: New, Save, Source -->
-		<ul>
-			<li id="tool_clear">
-				<div></div>
-				New Image (N)
-			</li>
-
-			<li id="tool_open" style="display:none;">
-				<div id="fileinputs">
-					<div></div>
-				</div>
-				Open SVG
-			</li>
-
-			<li id="tool_import" style="display:none;">
-				<div id="fileinputs_import">
-					<div></div>
-				</div>
-				Import Image
-			</li>
-
-			<li id="tool_save">
-				<div></div>
-				Save Image (S)
-			</li>
-
-			<li id="tool_export">
-				<div></div>
-				Export
-			</li>
-
-			<li id="tool_docprops">
-				<div></div>
-				Document Properties (D)
-			</li>
-		</ul>
-
-		<p>
-			<a href="https://github.com/SVG-Edit/svgedit" target="_blank">
-				SVG-edit Home Page
-			</a>
-		</p>
-
-		<button id="tool_prefs_option">
-			Editor Options
-		</button>
-
-
-	</div>
-</div>
-
-
-
-<div id="tools_top" class="tools_panel">
-
-	<div id="editor_panel">
-		<div class="tool_sep"></div>
-		<div class="push_button" id="tool_source" title="Edit Source [U]"></div>
-		<div class="tool_button" id="tool_wireframe" title="Wireframe Mode [F]"></div>
-	</div>
-
-	<!-- History buttons -->
-	<div id="history_panel">
-		<div class="tool_sep"></div>
-		<div class="push_button tool_button_disabled" id="tool_undo" title="Undo [Z]"></div>
-		<div class="push_button tool_button_disabled" id="tool_redo" title="Redo [Y]"></div>
-	</div>
-
-	<!-- Buttons when a single element is selected -->
-	<div id="selected_panel">
-		<div class="toolset">
-			<div class="tool_sep"></div>
-			<div class="push_button" id="tool_clone" title="Duplicate Element [D]"></div>
-			<div class="push_button" id="tool_delete" title="Delete Element [Delete/Backspace]"></div>
-			<div class="tool_sep"></div>
-			<div class="push_button" id="tool_move_top" title="Bring to Front [ Ctrl+Shift+] ]"></div>
-			<div class="push_button" id="tool_move_bottom" title="Send to Back [ Ctrl+Shift+[ ]"></div>
-			<div class="push_button" id="tool_topath" title="Convert to Path"></div>
-			<div class="push_button" id="tool_reorient" title="Reorient path"></div>
-			<div class="push_button" id="tool_make_link" title="Make (hyper)link"></div>
-			<div class="tool_sep"></div>
-			<label id="idLabel" title="Identify the element">
-				<span>id:</span>
-				<input id="elem_id" class="attr_changer" data-attr="id" size="10" type="text"/>
-			</label>
-			<label id="classLabel" title="Element class">
-				<span>class:</span>
-				<input id="elem_class" class="attr_changer" data-attr="class" size="10" type="text"/>
-			</label>
-		</div>
-
-		<label id="tool_angle" title="Change rotation angle" class="toolset">
-			<span id="angleLabel" class="icon_label"></span>
-			<input id="angle" size="2" value="0" type="text"/>
-		</label>
-
-		<div class="toolset" id="tool_blur" title="Change gaussian blur value">
-			<label>
-				<span id="blurLabel" class="icon_label"></span>
-				<input id="blur" size="2" value="0" type="text"/>
-			</label>
-			<div id="blur_dropdown" class="dropdown">
-				<button></button>
-				<ul>
-					<li class="special"><div id="blur_slider"></div></li>
-				</ul>
-			</div>
-		</div>
-
-		<div class="dropdown toolset" id="tool_position" title="Align Element to Page">
-				<div id="cur_position" class="icon_label"></div>
-				<button></button>
-		</div>
-
-		<div id="xy_panel" class="toolset">
-			<label>
-				x: <input id="selected_x" class="attr_changer" title="Change X coordinate" size="3" data-attr="x"/>
-			</label>
-			<label>
-				y: <input id="selected_y" class="attr_changer" title="Change Y coordinate" size="3" data-attr="y"/>
-			</label>
-		</div>
-	</div>
-
-	<!-- Buttons when multiple elements are selected -->
-	<div id="multiselected_panel">
-		<div class="tool_sep"></div>
-		<div class="push_button" id="tool_clone_multi" title="Clone Elements [C]"></div>
-		<div class="push_button" id="tool_delete_multi" title="Delete Selected Elements [Delete/Backspace]"></div>
-		<div class="tool_sep"></div>
-		<div class="push_button" id="tool_group_elements" title="Group Elements [G]"></div>
-		<div class="push_button" id="tool_make_link_multi" title="Make (hyper)link"></div>
-		<div class="push_button" id="tool_alignleft" title="Align Left"></div>
-		<div class="push_button" id="tool_aligncenter" title="Align Center"></div>
-		<div class="push_button" id="tool_alignright" title="Align Right"></div>
-		<div class="push_button" id="tool_aligntop" title="Align Top"></div>
-		<div class="push_button" id="tool_alignmiddle" title="Align Middle"></div>
-		<div class="push_button" id="tool_alignbottom" title="Align Bottom"></div>
-		<label id="tool_align_relative">
-			<span id="relativeToLabel">relative to:</span>
-			<select id="align_relative_to" title="Align relative to ...">
-			<option id="selected_objects" value="selected">selected objects</option>
-			<option id="largest_object" value="largest">largest object</option>
-			<option id="smallest_object" value="smallest">smallest object</option>
-			<option id="page" value="page">page</option>
-			</select>
-		</label>
-		<div class="tool_sep"></div>
-
-	</div>
-
-	<div id="rect_panel">
-		<div class="toolset">
-			<label id="rect_width_tool" title="Change rectangle width">
-				<span id="rwidthLabel" class="icon_label"></span>
-				<input id="rect_width" class="attr_changer" size="3" data-attr="width"/>
-			</label>
-			<label id="rect_height_tool" title="Change rectangle height">
-				<span id="rheightLabel" class="icon_label"></span>
-				<input id="rect_height" class="attr_changer" size="3" data-attr="height"/>
-			</label>
-		</div>
-		<label id="cornerRadiusLabel" title="Change Rectangle Corner Radius" class="toolset">
-			<span class="icon_label"></span>
-			<input id="rect_rx" size="3" value="0" type="text" data-attr="Corner Radius"/>
-		</label>
-	</div>
-
-	<div id="image_panel">
-	<div class="toolset">
-		<label><span id="iwidthLabel" class="icon_label"></span>
-		<input id="image_width" class="attr_changer" title="Change image width" size="3" data-attr="width"/>
-		</label>
-		<label><span id="iheightLabel" class="icon_label"></span>
-		<input id="image_height" class="attr_changer" title="Change image height" size="3" data-attr="height"/>
-		</label>
-	</div>
-	<div class="toolset">
-		<label id="tool_image_url">url:
-			<input id="image_url" type="text" title="Change URL" size="35"/>
-		</label>
-		<label id="tool_change_image">
-			<button id="change_image_url" style="display:none;">Change Image</button>
-			<span id="url_notice" title="NOTE: This image cannot be embedded. It will depend on this path to be displayed"></span>
-		</label>
-	</div>
+  <div id="rulers">
+    <div id="ruler_corner"></div>
+    <div id="ruler_x">
+      <div>
+        <canvas height="15"></canvas>
+      </div>
+    </div>
+    <div id="ruler_y">
+      <div>
+        <canvas width="15"></canvas>
+      </div>
+    </div>
   </div>
-
-	<div id="circle_panel">
-		<div class="toolset">
-			<label id="tool_circle_cx">cx:
-			<input id="circle_cx" class="attr_changer" title="Change circle's cx coordinate" size="3" data-attr="cx"/>
-			</label>
-			<label id="tool_circle_cy">cy:
-			<input id="circle_cy" class="attr_changer" title="Change circle's cy coordinate" size="3" data-attr="cy"/>
-			</label>
-		</div>
-		<div class="toolset">
-			<label id="tool_circle_r">r:
-			<input id="circle_r" class="attr_changer" title="Change circle's radius" size="3" data-attr="r"/>
-			</label>
-		</div>
-	</div>
-
-	<div id="ellipse_panel">
-		<div class="toolset">
-			<label id="tool_ellipse_cx">cx:
-			<input id="ellipse_cx" class="attr_changer" title="Change ellipse's cx coordinate" size="3" data-attr="cx"/>
-			</label>
-			<label id="tool_ellipse_cy">cy:
-			<input id="ellipse_cy" class="attr_changer" title="Change ellipse's cy coordinate" size="3" data-attr="cy"/>
-			</label>
-		</div>
-		<div class="toolset">
-			<label id="tool_ellipse_rx">rx:
-			<input id="ellipse_rx" class="attr_changer" title="Change ellipse's x radius" size="3" data-attr="rx"/>
-			</label>
-			<label id="tool_ellipse_ry">ry:
-			<input id="ellipse_ry" class="attr_changer" title="Change ellipse's y radius" size="3" data-attr="ry"/>
-			</label>
-		</div>
-	</div>
-
-	<div id="line_panel">
-		<div class="toolset">
-			<label id="tool_line_x1">x1:
-			<input id="line_x1" class="attr_changer" title="Change line's starting x coordinate" size="3" data-attr="x1"/>
-			</label>
-			<label id="tool_line_y1">y1:
-			<input id="line_y1" class="attr_changer" title="Change line's starting y coordinate" size="3" data-attr="y1"/>
-			</label>
-		</div>
-		<div class="toolset">
-			<label id="tool_line_x2">x2:
-			<input id="line_x2" class="attr_changer" title="Change line's ending x coordinate" size="3" data-attr="x2"/>
-			</label>
-			<label id="tool_line_y2">y2:
-			<input id="line_y2" class="attr_changer" title="Change line's ending y coordinate" size="3" data-attr="y2"/>
-			</label>
-		</div>
-	</div>
-
-	<div id="text_panel">
-		<div class="toolset">
-			<div class="tool_button" id="tool_bold" title="Bold Text [B]"><span></span>B</div>
-			<div class="tool_button" id="tool_italic" title="Italic Text [I]"><span></span>i</div>
-		</div>
-
-		<div class="toolset" id="tool_font_family">
-			<label>
-				<!-- Font family -->
-				<input id="font_family" type="text" title="Change Font Family" size="12"/>
-			</label>
-			<div id="font_family_dropdown" class="dropdown">
-				<button></button>
-				<ul>
-					<li style="font-family:serif">Serif</li>
-					<li style="font-family:sans-serif">Sans-serif</li>
-					<li style="font-family:cursive">Cursive</li>
-					<li style="font-family:fantasy">Fantasy</li>
-					<li style="font-family:monospace">Monospace</li>
-				</ul>
-			</div>
-		</div>
-
-		<label id="tool_font_size" title="Change Font Size">
-			<span id="font_sizeLabel" class="icon_label"></span>
-			<input id="font_size" size="3" value="0" type="text"/>
-		</label>
-
-		<!-- Not visible, but still used -->
-		<input id="text" type="text" size="35"/>
-	</div>
-
-	<!-- formerly gsvg_panel -->
-	<div id="container_panel">
-		<div class="tool_sep"></div>
-
-		<!-- Add viewBox field here? -->
-
-		<label id="group_title" title="Group identification label">
-			<span>label:</span>
-			<input id="g_title" data-attr="title" size="10" type="text"/>
-		</label>
-	</div>
-
-	<div id="use_panel">
-		<div class="push_button" id="tool_unlink_use" title="Break link to reference element (make unique)"></div>
-	</div>
-
-	<div id="g_panel">
-		<div class="push_button" id="tool_ungroup" title="Ungroup Elements [G]"></div>
-	</div>
-
-	<!-- For anchor elements -->
-	<div id="a_panel">
-		<label id="tool_link_url" title="Set link URL (leave empty to remove)">
-			<span id="linkLabel" class="icon_label"></span>
-			<input id="link_url" type="text" size="35"/>
-		</label>
-	</div>
-
-	<div id="path_node_panel">
-		<div class="tool_sep"></div>
-		<div class="tool_button push_button_pressed" id="tool_node_link" title="Link Control Points"></div>
-		<div class="tool_sep"></div>
-		<label id="tool_node_x">x:
-			<input id="path_node_x" class="attr_changer" title="Change node's x coordinate" size="3" data-attr="x"/>
-		</label>
-		<label id="tool_node_y">y:
-			<input id="path_node_y" class="attr_changer" title="Change node's y coordinate" size="3" data-attr="y"/>
-		</label>
-
-		<select id="seg_type" title="Change Segment type">
-			<option id="straight_segments" selected="selected" value="4">Straight</option>
-			<option id="curve_segments" value="6">Curve</option>
-		</select>
-		<div class="tool_button" id="tool_node_clone" title="Clone Node"></div>
-		<div class="tool_button" id="tool_node_delete" title="Delete Node"></div>
-		<div class="tool_button" id="tool_openclose_path" title="Open/close sub-path"></div>
-		<div class="tool_button" id="tool_add_subpath" title="Add sub-path"></div>
-	</div>
-</div> <!-- tools_top -->
-	<div id="cur_context_panel">
-
-	</div>
-
-
-<div id="tools_left" class="tools_panel">
-	<div class="tool_button" id="tool_select" title="Select Tool"></div>
-	<div class="tool_button" id="tool_fhpath" title="Pencil Tool"></div>
-	<div class="tool_button" id="tool_line" title="Line Tool"></div>
-	<div class="tool_button flyout_current" id="tools_rect_show" title="Square/Rect Tool">
-		<div class="flyout_arrow_horiz"></div>
-	</div>
-	<div class="tool_button flyout_current" id="tools_ellipse_show" title="Ellipse/Circle Tool">
-		<div class="flyout_arrow_horiz"></div>
-	</div>
-	<div class="tool_button" id="tool_path" title="Path Tool"></div>
-	<div class="tool_button" id="tool_text" title="Text Tool"></div>
-	<div class="tool_button" id="tool_image" title="Image Tool"></div>
-	<div class="tool_button" id="tool_zoom" title="Zoom Tool [Ctrl+Up/Down]"></div>
-
-	<div style="display: none">
-		<div id="tool_rect" title="Rectangle"></div>
-		<div id="tool_square" title="Square"></div>
-		<div id="tool_fhrect" title="Free-Hand Rectangle"></div>
-		<div id="tool_ellipse" title="Ellipse"></div>
-		<div id="tool_circle" title="Circle"></div>
-		<div id="tool_fhellipse" title="Free-Hand Ellipse"></div>
-	</div>
-</div> <!-- tools_left -->
-
-<div id="tools_bottom" class="tools_panel">
-
-	<!-- Zoom buttons -->
-	<div id="zoom_panel" class="toolset" title="Change zoom level">
-		<label>
-		<span id="zoomLabel" class="zoom_tool icon_label"></span>
-		<input id="zoom" size="3" value="100" type="text" />
-		</label>
-		<div id="zoom_dropdown" class="dropdown">
-			<button></button>
-			<ul>
-				<li>1000%</li>
-				<li>400%</li>
-				<li>200%</li>
-				<li>100%</li>
-				<li>50%</li>
-				<li>25%</li>
-				<li id="fit_to_canvas" data-val="canvas">Fit to canvas</li>
-				<li id="fit_to_sel" data-val="selection">Fit to selection</li>
-				<li id="fit_to_layer_content" data-val="layer">Fit to layer content</li>
-				<li id="fit_to_all" data-val="content">Fit to all content</li>
-				<li>100%</li>
-			</ul>
-		</div>
-		<div class="tool_sep"></div>
-	</div>
-
-	<div id="tools_bottom_2">
-		<div id="color_tools">
-
-			<div class="color_tool" id="tool_fill">
-				<label class="icon_label" for="fill_color" title="Change fill color"></label>
-				<div class="color_block">
-					<div id="fill_bg"></div>
-					<div id="fill_color" class="color_block"></div>
-				</div>
-			</div>
-
-			<div class="color_tool" id="tool_stroke">
-				<label class="icon_label" title="Change stroke color"></label>
-				<div class="color_block">
-					<div id="stroke_bg"></div>
-					<div id="stroke_color" class="color_block" title="Change stroke color"></div>
-				</div>
-
-				<label class="stroke_label">
-					<input id="stroke_width" title="Change stroke width by 1, shift-click to change by 0.1" size="2" value="5" type="text" data-attr="Stroke Width"/>
-				</label>
-
-				<div id="toggle_stroke_tools" title="Show/hide more stroke tools"></div>
-
-				<label class="stroke_tool">
-					<select id="stroke_style" title="Change stroke dash style">
-						<option selected="selected" value="none">&#8212;</option>
-						<option value="2,2">...</option>
-						<option value="5,5">- -</option>
-						<option value="5,2,2,2">- .</option>
-						<option value="5,2,2,2,2,2">- ..</option>
-					</select>
-				</label>
-
- 				<div class="stroke_tool dropdown" id="stroke_linejoin">
-					<div id="cur_linejoin" title="Linejoin: Miter"></div>
-					<button></button>
- 				</div>
-
- 				<div class="stroke_tool dropdown" id="stroke_linecap">
-					<div id="cur_linecap" title="Linecap: Butt"></div>
-					<button></button>
- 				</div>
-
-			</div>
-
-			<div class="color_tool" id="tool_opacity" title="Change selected item opacity">
-				<label>
-					<span id="group_opacityLabel" class="icon_label"></span>
-					<input id="group_opacity" size="3" value="100" type="text"/>
-				</label>
-				<div id="opacity_dropdown" class="dropdown">
-					<button></button>
-					<ul>
-						<li>0%</li>
-						<li>25%</li>
-						<li>50%</li>
-						<li>75%</li>
-						<li>100%</li>
-						<li class="special"><div id="opac_slider"></div></li>
-					</ul>
-				</div>
-			</div>
-		</div>
-
-	</div>
-
-	<div id="tools_bottom_3">
-		<div id="palette_holder"><div id="palette" title="Click to change fill color, shift-click to change stroke color"></div></div>
-	</div>
-	<!-- <div id="copyright"><span id="copyrightLabel">Powered by</span> <a href="http://svg-edit.googlecode.com/" target="_blank">SVG-edit v2.6-beta</a></div> -->
-</div>
-
-<div id="option_lists" class="dropdown">
-	<ul id="linejoin_opts">
-		<li class="tool_button current" id="linejoin_miter" title="Linejoin: Miter"></li>
-		<li class="tool_button" id="linejoin_round" title="Linejoin: Round"></li>
-		<li class="tool_button" id="linejoin_bevel" title="Linejoin: Bevel"></li>
-	</ul>
-
-	<ul id="linecap_opts">
-		<li class="tool_button current" id="linecap_butt" title="Linecap: Butt"></li>
-		<li class="tool_button" id="linecap_square" title="Linecap: Square"></li>
-		<li class="tool_button" id="linecap_round" title="Linecap: Round"></li>
-	</ul>
-
-	<ul id="position_opts" class="optcols3">
-		<li class="push_button" id="tool_posleft" title="Align Left"></li>
-		<li class="push_button" id="tool_poscenter" title="Align Center"></li>
-		<li class="push_button" id="tool_posright" title="Align Right"></li>
-		<li class="push_button" id="tool_postop" title="Align Top"></li>
-		<li class="push_button" id="tool_posmiddle" title="Align Middle"></li>
-		<li class="push_button" id="tool_posbottom" title="Align Bottom"></li>
-	</ul>
-</div>
-
-
-<!-- hidden divs -->
-<div id="color_picker"></div>
-
+  <div id="workarea">
+    <div id="svgcanvas" style="position: relative;">
+    </div>
+  </div>
+  <div id="sidepanels">
+    <div id="layerpanel">
+      <h3 id="layersLabel">Layers</h3>
+      <fieldset id="layerbuttons">
+        <div id="layer_new" class="layer_button" title="New Layer"></div>
+        <div id="layer_delete" class="layer_button" title="Delete Layer"></div>
+        <div id="layer_rename" class="layer_button" title="Rename Layer"></div>
+        <div id="layer_up" class="layer_button" title="Move Layer Up"></div>
+        <div id="layer_down" class="layer_button" title="Move Layer Down"></div>
+        <div id="layer_moreopts" class="layer_button" title="More Options"></div>
+      </fieldset>
+      <table id="layerlist">
+        <tr class="layer">
+          <td class="layervis"></td>
+          <td class="layername">Layer 1</td>
+        </tr>
+      </table>
+      <span id="selLayerLabel">Move elements to:</span>
+      <select id="selLayerNames" title="Move selected elements to a different layer"
+        disabled="disabled">
+        <option selected="selected" value="layer1">Layer 1</option>
+      </select>
+    </div>
+    <div id="sidepanel_handle"
+      title="Drag left/right to resize side panel [X]">L a y e r s
+    </div>
+  </div>
+  <div id="main_button">
+    <div id="main_icon" class="tool_button" title="Main Menu">
+      <span>SVG-Edit</span>
+      <div id="logo"></div>
+      <div class="dropdown"></div>
+    </div>
+    <div id="main_menu">
+      <!-- File-like buttons: New, Save, Source -->
+      <ul>
+        <li id="tool_clear">
+          <div></div>
+          New Image (N)
+        </li>
+        <li id="tool_open" style="display:none;">
+          <div id="fileinputs">
+            <div></div>
+          </div>
+          Open SVG
+        </li>
+        <li id="tool_import" style="display:none;">
+          <div id="fileinputs_import">
+            <div></div>
+          </div>
+          Import Image
+        </li>
+        <li id="tool_save">
+          <div></div>
+          Save Image (S)
+        </li>
+        <li id="tool_export">
+          <div></div>
+          Export
+        </li>
+        <li id="tool_docprops">
+          <div></div>
+          Document Properties (D)
+        </li>
+      </ul>
+      <p>
+        <a href="https://github.com/SVG-Edit/svgedit" target="_blank">
+          SVG-edit Home Page
+        </a>
+      </p>
+      <button id="tool_prefs_option">
+        Editor Options
+      </button>
+    </div>
+  </div>
+  <div id="tools_top" class="tools_panel">
+    <div id="editor_panel">
+      <div class="tool_sep"></div>
+      <div class="push_button" id="tool_source" title="Edit Source [U]"></div>
+      <div class="tool_button" id="tool_wireframe" title="Wireframe Mode [F]"></div>
+    </div>
+    <!-- History buttons -->
+    <div id="history_panel">
+      <div class="tool_sep"></div>
+      <div class="push_button tool_button_disabled" id="tool_undo"
+        title="Undo [Z]"></div>
+      <div class="push_button tool_button_disabled" id="tool_redo"
+        title="Redo [Y]"></div>
+    </div>
+    <!-- Buttons when a single element is selected -->
+    <div id="selected_panel">
+      <div class="toolset">
+        <div class="tool_sep"></div>
+        <div class="push_button" id="tool_clone"
+          title="Duplicate Element [D]"></div>
+        <div class="push_button" id="tool_delete"
+          title="Delete Element [Delete/Backspace]"></div>
+        <div class="tool_sep"></div>
+        <div class="push_button" id="tool_move_top"
+          title="Bring to Front [ Ctrl+Shift+] ]"></div>
+        <div class="push_button" id="tool_move_bottom"
+          title="Send to Back [ Ctrl+Shift+[ ]"></div>
+        <div class="push_button" id="tool_topath"
+          title="Convert to Path"></div>
+        <div class="push_button" id="tool_reorient"
+          title="Reorient path"></div>
+        <div class="push_button" id="tool_make_link"
+          title="Make (hyper)link"></div>
+        <div class="tool_sep"></div>
+        <label id="idLabel" title="Identify the element">
+          <span>id:</span>
+          <input id="elem_id" class="attr_changer"
+            data-attr="id" size="10" type="text"/>
+        </label>
+        <label id="classLabel" title="Element class">
+          <span>class:</span>
+          <input id="elem_class" class="attr_changer"
+            data-attr="class" size="10" type="text"/>
+        </label>
+      </div>
+      <label id="tool_angle" title="Change rotation angle" class="toolset">
+        <span id="angleLabel" class="icon_label"></span>
+        <input id="angle" size="2" value="0" type="text"/>
+      </label>
+      <div class="toolset" id="tool_blur" title="Change gaussian blur value">
+        <label>
+          <span id="blurLabel" class="icon_label"></span>
+          <input id="blur" size="2" value="0" type="text"/>
+        </label>
+        <div id="blur_dropdown" class="dropdown">
+          <button></button>
+          <ul>
+            <li class="special"><div id="blur_slider"></div></li>
+          </ul>
+        </div>
+      </div>
+      <div class="dropdown toolset" id="tool_position" title="Align Element to Page">
+          <div id="cur_position" class="icon_label"></div>
+          <button></button>
+      </div>
+      <div id="xy_panel" class="toolset">
+        <label>
+          x: <input id="selected_x" class="attr_changer"
+              title="Change X coordinate" size="3" data-attr="x"/>
+        </label>
+        <label>
+          y: <input id="selected_y" class="attr_changer"
+              title="Change Y coordinate" size="3" data-attr="y"/>
+        </label>
+      </div>
+    </div>
+    <!-- Buttons when multiple elements are selected -->
+    <div id="multiselected_panel">
+      <div class="tool_sep"></div>
+      <div class="push_button" id="tool_clone_multi"
+        title="Clone Elements [C]"></div>
+      <div class="push_button" id="tool_delete_multi"
+        title="Delete Selected Elements [Delete/Backspace]"></div>
+      <div class="tool_sep"></div>
+      <div class="push_button" id="tool_group_elements" title="Group Elements [G]"></div>
+      <div class="push_button" id="tool_make_link_multi" title="Make (hyper)link"></div>
+      <div class="push_button" id="tool_alignleft" title="Align Left"></div>
+      <div class="push_button" id="tool_aligncenter" title="Align Center"></div>
+      <div class="push_button" id="tool_alignright" title="Align Right"></div>
+      <div class="push_button" id="tool_aligntop" title="Align Top"></div>
+      <div class="push_button" id="tool_alignmiddle" title="Align Middle"></div>
+      <div class="push_button" id="tool_alignbottom" title="Align Bottom"></div>
+      <label id="tool_align_relative">
+        <span id="relativeToLabel">relative to:</span>
+        <select id="align_relative_to" title="Align relative to ...">
+        <option id="selected_objects" value="selected">selected objects</option>
+        <option id="largest_object" value="largest">largest object</option>
+        <option id="smallest_object" value="smallest">smallest object</option>
+        <option id="page" value="page">page</option>
+        </select>
+      </label>
+      <div class="tool_sep"></div>
+    </div>
+    <div id="rect_panel">
+      <div class="toolset">
+        <label id="rect_width_tool" title="Change rectangle width">
+          <span id="rwidthLabel" class="icon_label"></span>
+          <input id="rect_width" class="attr_changer" size="3" data-attr="width"/>
+        </label>
+        <label id="rect_height_tool" title="Change rectangle height">
+          <span id="rheightLabel" class="icon_label"></span>
+          <input id="rect_height" class="attr_changer" size="3" data-attr="height"/>
+        </label>
+      </div>
+      <label id="cornerRadiusLabel" class="toolset"
+        title="Change Rectangle Corner Radius">
+        <span class="icon_label"></span>
+        <input id="rect_rx" size="3" value="0" type="text" data-attr="Corner Radius"/>
+      </label>
+    </div>
+    <div id="image_panel">
+      <div class="toolset">
+        <label><span id="iwidthLabel" class="icon_label"></span>
+        <input id="image_width" class="attr_changer"
+          title="Change image width" size="3" data-attr="width"/>
+        </label>
+        <label><span id="iheightLabel" class="icon_label"></span>
+        <input id="image_height" class="attr_changer"
+          title="Change image height" size="3" data-attr="height"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_image_url">url:
+          <input id="image_url" type="text" title="Change URL" size="35"/>
+        </label>
+        <label id="tool_change_image">
+          <button id="change_image_url" style="display: none;">Change Image</button>
+          <span id="url_notice"
+            title="NOTE: This image cannot be embedded. It will depend on this path to be displayed"></span>
+        </label>
+      </div>
+    </div>
+    <div id="circle_panel">
+      <div class="toolset">
+        <label id="tool_circle_cx">cx:
+        <input id="circle_cx" class="attr_changer"
+          title="Change circle's cx coordinate" size="3" data-attr="cx"/>
+        </label>
+        <label id="tool_circle_cy">cy:
+        <input id="circle_cy" class="attr_changer"
+          title="Change circle's cy coordinate" size="3" data-attr="cy"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_circle_r">r:
+        <input id="circle_r" class="attr_changer"
+          title="Change circle's radius" size="3" data-attr="r"/>
+        </label>
+      </div>
+    </div>
+    <div id="ellipse_panel">
+      <div class="toolset">
+        <label id="tool_ellipse_cx">cx:
+        <input id="ellipse_cx" class="attr_changer"
+          title="Change ellipse's cx coordinate" size="3" data-attr="cx"/>
+        </label>
+        <label id="tool_ellipse_cy">cy:
+        <input id="ellipse_cy" class="attr_changer"
+          title="Change ellipse's cy coordinate" size="3" data-attr="cy"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_ellipse_rx">rx:
+        <input id="ellipse_rx" class="attr_changer"
+          title="Change ellipse's x radius" size="3" data-attr="rx"/>
+        </label>
+        <label id="tool_ellipse_ry">ry:
+        <input id="ellipse_ry" class="attr_changer"
+          title="Change ellipse's y radius" size="3" data-attr="ry"/>
+        </label>
+      </div>
+    </div>
+    <div id="line_panel">
+      <div class="toolset">
+        <label id="tool_line_x1">x1:
+        <input id="line_x1" class="attr_changer"
+          title="Change line's starting x coordinate" size="3" data-attr="x1"/>
+        </label>
+        <label id="tool_line_y1">y1:
+        <input id="line_y1" class="attr_changer"
+          title="Change line's starting y coordinate" size="3" data-attr="y1"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_line_x2">x2:
+        <input id="line_x2" class="attr_changer"
+          title="Change line's ending x coordinate" size="3" data-attr="x2"/>
+        </label>
+        <label id="tool_line_y2">y2:
+        <input id="line_y2" class="attr_changer"
+          title="Change line's ending y coordinate" size="3" data-attr="y2"/>
+        </label>
+      </div>
+    </div>
+    <div id="text_panel">
+      <div class="toolset">
+        <div class="tool_button" id="tool_bold"
+          title="Bold Text [B]"><span></span>B</div>
+        <div class="tool_button" id="tool_italic"
+          title="Italic Text [I]"><span></span>i</div>
+      </div>
+      <div class="toolset" id="tool_font_family">
+        <label>
+          <!-- Font family -->
+          <input id="font_family" type="text" title="Change Font Family" size="12"/>
+        </label>
+        <div id="font_family_dropdown" class="dropdown">
+          <button></button>
+          <ul>
+            <li style="font-family:serif">Serif</li>
+            <li style="font-family:sans-serif">Sans-serif</li>
+            <li style="font-family:cursive">Cursive</li>
+            <li style="font-family:fantasy">Fantasy</li>
+            <li style="font-family:monospace">Monospace</li>
+          </ul>
+        </div>
+      </div>
+      <label id="tool_font_size" title="Change Font Size">
+        <span id="font_sizeLabel" class="icon_label"></span>
+        <input id="font_size" size="3" value="0" type="text"/>
+      </label>
+      <!-- Not visible, but still used -->
+      <input id="text" type="text" size="35"/>
+    </div>
+    <!-- formerly gsvg_panel -->
+    <div id="container_panel">
+      <div class="tool_sep"></div>
+      <!-- Add viewBox field here? -->
+      <label id="group_title" title="Group identification label">
+        <span>label:</span>
+        <input id="g_title" data-attr="title" size="10" type="text"/>
+      </label>
+    </div>
+    <div id="use_panel">
+      <div class="push_button" id="tool_unlink_use"
+        title="Break link to reference element (make unique)"></div>
+    </div>
+    <div id="g_panel">
+      <div class="push_button" id="tool_ungroup" title="Ungroup Elements [G]"></div>
+    </div>
+    <!-- For anchor elements -->
+    <div id="a_panel">
+      <label id="tool_link_url" title="Set link URL (leave empty to remove)">
+        <span id="linkLabel" class="icon_label"></span>
+        <input id="link_url" type="text" size="35"/>
+      </label>
+    </div>
+    <div id="path_node_panel">
+      <div class="tool_sep"></div>
+      <div id="tool_node_link" class="tool_button push_button_pressed"
+        title="Link Control Points"></div>
+      <div class="tool_sep"></div>
+      <label id="tool_node_x">x:
+        <input id="path_node_x" class="attr_changer"
+          title="Change node's x coordinate" size="3" data-attr="x"/>
+      </label>
+      <label id="tool_node_y">y:
+        <input id="path_node_y" class="attr_changer"
+          title="Change node's y coordinate" size="3" data-attr="y"/>
+      </label>
+      <select id="seg_type" title="Change Segment type">
+        <option id="straight_segments"
+          selected="selected" value="4">Straight</option>
+        <option id="curve_segments" value="6">Curve</option>
+      </select>
+      <div class="tool_button" id="tool_node_clone" title="Clone Node"></div>
+      <div class="tool_button" id="tool_node_delete" title="Delete Node"></div>
+      <div class="tool_button" id="tool_openclose_path" title="Open/close sub-path"></div>
+      <div class="tool_button" id="tool_add_subpath" title="Add sub-path"></div>
+    </div>
+  </div> <!-- tools_top -->
+  <div id="cur_context_panel">
+  </div>
+  <div id="tools_left" class="tools_panel">
+    <div class="tool_button" id="tool_select" title="Select Tool"></div>
+    <div class="tool_button" id="tool_fhpath" title="Pencil Tool"></div>
+    <div class="tool_button" id="tool_line" title="Line Tool"></div>
+    <div id="tools_rect_show" class="tool_button flyout_current"
+      title="Square/Rect Tool">
+      <div class="flyout_arrow_horiz"></div>
+    </div>
+    <div id="tools_ellipse_show" class="tool_button flyout_current"
+      title="Ellipse/Circle Tool">
+      <div class="flyout_arrow_horiz"></div>
+    </div>
+    <div class="tool_button" id="tool_path" title="Path Tool"></div>
+    <div class="tool_button" id="tool_text" title="Text Tool"></div>
+    <div class="tool_button" id="tool_image" title="Image Tool"></div>
+    <div class="tool_button" id="tool_zoom" title="Zoom Tool [Ctrl+Up/Down]"></div>
+    <div style="display: none;">
+      <div id="tool_rect" title="Rectangle"></div>
+      <div id="tool_square" title="Square"></div>
+      <div id="tool_fhrect" title="Free-Hand Rectangle"></div>
+      <div id="tool_ellipse" title="Ellipse"></div>
+      <div id="tool_circle" title="Circle"></div>
+      <div id="tool_fhellipse" title="Free-Hand Ellipse"></div>
+    </div>
+  </div> <!-- tools_left -->
+  <div id="tools_bottom" class="tools_panel">
+    <!-- Zoom buttons -->
+    <div id="zoom_panel" class="toolset" title="Change zoom level">
+      <label>
+      <span id="zoomLabel" class="zoom_tool icon_label"></span>
+      <input id="zoom" size="3" value="100" type="text"/>
+      </label>
+      <div id="zoom_dropdown" class="dropdown">
+        <button></button>
+        <ul>
+          <li>1000%</li>
+          <li>400%</li>
+          <li>200%</li>
+          <li>100%</li>
+          <li>50%</li>
+          <li>25%</li>
+          <li id="fit_to_canvas" data-val="canvas">Fit to canvas</li>
+          <li id="fit_to_sel" data-val="selection">Fit to selection</li>
+          <li id="fit_to_layer_content" data-val="layer">Fit to layer content</li>
+          <li id="fit_to_all" data-val="content">Fit to all content</li>
+          <li>100%</li>
+        </ul>
+      </div>
+      <div class="tool_sep"></div>
+    </div>
+    <div id="tools_bottom_2">
+      <div id="color_tools">
+        <div class="color_tool" id="tool_fill">
+          <label class="icon_label" for="fill_color" title="Change fill color"></label>
+          <div class="color_block">
+            <div id="fill_bg"></div>
+            <div id="fill_color" class="color_block"></div>
+          </div>
+        </div>
+        <div class="color_tool" id="tool_stroke">
+          <label class="icon_label" title="Change stroke color"></label>
+          <div class="color_block">
+            <div id="stroke_bg"></div>
+            <div id="stroke_color" class="color_block" title="Change stroke color"></div>
+          </div>
+          <label class="stroke_label">
+            <input id="stroke_width"
+              title="Change stroke width by 1, shift-click to change by 0.1"
+              size="2" value="5" type="text" data-attr="Stroke Width"/>
+          </label>
+          <div id="toggle_stroke_tools" title="Show/hide more stroke tools"></div>
+          <label class="stroke_tool">
+            <select id="stroke_style" title="Change stroke dash style">
+              <option selected="selected" value="none">&#8212;</option>
+              <option value="2,2">...</option>
+              <option value="5,5">- -</option>
+              <option value="5,2,2,2">- .</option>
+              <option value="5,2,2,2,2,2">- ..</option>
+            </select>
+          </label>
+          <div class="stroke_tool dropdown" id="stroke_linejoin">
+            <div id="cur_linejoin" title="Linejoin: Miter"></div>
+            <button></button>
+          </div>
+          <div class="stroke_tool dropdown" id="stroke_linecap">
+            <div id="cur_linecap" title="Linecap: Butt"></div>
+            <button></button>
+          </div>
+        </div>
+        <div class="color_tool" id="tool_opacity" title="Change selected item opacity">
+          <label>
+            <span id="group_opacityLabel" class="icon_label"></span>
+            <input id="group_opacity" size="3" value="100" type="text"/>
+          </label>
+          <div id="opacity_dropdown" class="dropdown">
+            <button></button>
+            <ul>
+              <li>0%</li>
+              <li>25%</li>
+              <li>50%</li>
+              <li>75%</li>
+              <li>100%</li>
+              <li class="special"><div id="opac_slider"></div></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div id="tools_bottom_3">
+      <div id="palette_holder">
+        <div id="palette"
+          title="Click to change fill color, shift-click to change stroke color">
+        </div>
+      </div>
+    </div>
+    <!-- <div id="copyright"><span id="copyrightLabel">Powered by</span> <a href="https://github.com/SVG-Edit/svgedit" target="_blank">SVG-edit v2.6-beta</a></div> -->
+  </div>
+  <div id="option_lists" class="dropdown">
+    <ul id="linejoin_opts">
+      <li class="tool_button current" id="linejoin_miter" title="Linejoin: Miter"></li>
+      <li class="tool_button" id="linejoin_round" title="Linejoin: Round"></li>
+      <li class="tool_button" id="linejoin_bevel" title="Linejoin: Bevel"></li>
+    </ul>
+    <ul id="linecap_opts">
+      <li class="tool_button current" id="linecap_butt" title="Linecap: Butt"></li>
+      <li class="tool_button" id="linecap_square" title="Linecap: Square"></li>
+      <li class="tool_button" id="linecap_round" title="Linecap: Round"></li>
+    </ul>
+    <ul id="position_opts" class="optcols3">
+      <li class="push_button" id="tool_posleft" title="Align Left"></li>
+      <li class="push_button" id="tool_poscenter" title="Align Center"></li>
+      <li class="push_button" id="tool_posright" title="Align Right"></li>
+      <li class="push_button" id="tool_postop" title="Align Top"></li>
+      <li class="push_button" id="tool_posmiddle" title="Align Middle"></li>
+      <li class="push_button" id="tool_posbottom" title="Align Bottom"></li>
+    </ul>
+  </div>
+  <!-- hidden divs -->
+  <div id="color_picker"></div>
 </div> <!-- svg_editor -->
-
 <div id="svg_source_editor">
-	<div class="overlay"></div>
-	<div id="svg_source_container">
-		<div id="tool_source_back" class="toolbar_button">
-			<button id="tool_source_save">Apply Changes</button>
-			<button id="tool_source_cancel">Cancel</button>
-		</div>
-		<div id="save_output_btns">
-			<p id="copy_save_note">Copy the contents of this box into a text editor, then save the file with a .svg extension.</p>
-			<button id="copy_save_done">Done</button>
-		</div>
-		<form>
-			<textarea id="svg_source_textarea" spellcheck="false"></textarea>
-		</form>
-	</div>
+  <div class="overlay"></div>
+  <div id="svg_source_container">
+    <div id="tool_source_back" class="toolbar_button">
+      <button id="tool_source_save">Apply Changes</button>
+      <button id="tool_source_cancel">Cancel</button>
+    </div>
+    <div id="save_output_btns">
+      <p id="copy_save_note">
+        Copy the contents of this box into a text editor,
+        then save the file with a .svg extension.</p>
+      <button id="copy_save_done">Done</button>
+    </div>
+    <form>
+      <textarea id="svg_source_textarea" spellcheck="false"></textarea>
+    </form>
+  </div>
 </div>
-
-
 <div id="svg_docprops">
-	<div class="overlay"></div>
-	<div id="svg_docprops_container">
-		<div id="tool_docprops_back" class="toolbar_button">
-			<button id="tool_docprops_save">OK</button>
-			<button id="tool_docprops_cancel">Cancel</button>
-		</div>
-
-
-		<fieldset id="svg_docprops_docprops">
-			<legend id="svginfo_image_props">Image Properties</legend>
-			<label>
-				<span id="svginfo_title">Title:</span>
-				<input type="text" id="canvas_title"/>
-			</label>
-
-			<fieldset id="change_resolution">
-				<legend id="svginfo_dim">Canvas Dimensions</legend>
-
-				<label><span id="svginfo_width">width:</span> <input type="text" id="canvas_width" size="6"/></label>
-
-				<label><span id="svginfo_height">height:</span> <input type="text" id="canvas_height" size="6"/></label>
-
-				<label>
-					<select id="resolution">
-						<option id="selectedPredefined" selected="selected">Select predefined:</option>
-						<option>640x480</option>
-						<option>800x600</option>
-						<option>1024x768</option>
-						<option>1280x960</option>
-						<option>1600x1200</option>
-						<option id="fitToContent" value="content">Fit to Content</option>
-					</select>
-				</label>
-			</fieldset>
-
-			<fieldset id="image_save_opts">
-				<legend id="includedImages">Included Images</legend>
-				<label><input type="radio" name="image_opt" value="embed" checked="checked"/> <span id="image_opt_embed">Embed data (local files)</span> </label>
-				<label><input type="radio" name="image_opt" value="ref"/> <span id="image_opt_ref">Use file reference</span> </label>
-			</fieldset>
-		</fieldset>
-
-	</div>
+  <div class="overlay"></div>
+  <div id="svg_docprops_container">
+    <div id="tool_docprops_back" class="toolbar_button">
+      <button id="tool_docprops_save">OK</button>
+      <button id="tool_docprops_cancel">Cancel</button>
+    </div>
+    <fieldset id="svg_docprops_docprops">
+      <legend id="svginfo_image_props">Image Properties</legend>
+      <label>
+        <span id="svginfo_title">Title:</span>
+        <input type="text" id="canvas_title"/>
+      </label>
+      <fieldset id="change_resolution">
+        <legend id="svginfo_dim">Canvas Dimensions</legend>
+        <label>
+          <span id="svginfo_width">width:</span>
+          <input type="text" id="canvas_width" size="6"/>
+        </label>
+        <label>
+          <span id="svginfo_height">height:</span>
+          <input type="text" id="canvas_height" size="6"/>
+        </label>
+        <label>
+          <select id="resolution">
+            <option id="selectedPredefined"
+              selected="selected">Select predefined:</option>
+            <option>640x480</option>
+            <option>800x600</option>
+            <option>1024x768</option>
+            <option>1280x960</option>
+            <option>1600x1200</option>
+            <option id="fitToContent"
+              value="content">Fit to Content</option>
+          </select>
+        </label>
+      </fieldset>
+      <fieldset id="image_save_opts">
+        <legend id="includedImages">Included Images</legend>
+        <label>
+          <input type="radio" name="image_opt" value="embed" checked="checked"/>
+          <span id="image_opt_embed">Embed data (local files)</span>
+        </label>
+        <label>
+          <input type="radio" name="image_opt" value="ref"/>
+          <span id="image_opt_ref">Use file reference</span>
+        </label>
+      </fieldset>
+    </fieldset>
+  </div>
 </div>
-
 <div id="svg_prefs">
-	<div class="overlay"></div>
-	<div id="svg_prefs_container">
-		<div id="tool_prefs_back" class="toolbar_button">
-			<button id="tool_prefs_save">OK</button>
-			<button id="tool_prefs_cancel">Cancel</button>
-		</div>
-
-		<fieldset>
-			<legend id="svginfo_editor_prefs">Editor Preferences</legend>
-
-			<label><span id="svginfo_lang">Language:</span>
-				<!-- Source: http://en.wikipedia.org/wiki/Language_names -->
-				<select id="lang_select">
-					<option id="lang_ar" value="ar">العربية</option>
-					<option id="lang_cs" value="cs">Čeština</option>
-					<option id="lang_de" value="de">Deutsch</option>
-					<option id="lang_en" value="en" selected="selected">English</option>
-					<option id="lang_es" value="es">Español</option>
-					<option id="lang_fa" value="fa">فارسی</option>
-					<option id="lang_fr" value="fr">Français</option>
-					<option id="lang_fy" value="fy">Frysk</option>
-					<option id="lang_hi" value="hi">&#2361;&#2367;&#2344;&#2381;&#2342;&#2368;, &#2361;&#2367;&#2306;&#2342;&#2368;</option>
-					<option id="lang_it" value="it">Italiano</option>
-					<option id="lang_ja" value="ja">日本語</option>
-					<option id="lang_nl" value="nl">Nederlands</option>
-					<option id="lang_pl" value="pl">Polski</option>
-					<option id="lang_pt-BR" value="pt-BR">Português (BR)</option>
-					<option id="lang_ro" value="ro">Română</option>
-					<option id="lang_ru" value="ru">Русский</option>
-					<option id="lang_sk" value="sk">Slovenčina</option>
-					<option id="lang_sl" value="sl">Slovenščina</option>
-					<option id="lang_zh-CN" value="zh-CN">简体中文</option>
-					<option id="lang_zh-TW" value="zh-TW">繁體中文</option>
-				</select>
-			</label>
-
-			<label><span id="svginfo_icons">Icon size:</span>
-				<select id="iconsize">
-					<option id="icon_small" value="s">Small</option>
-					<option id="icon_medium" value="m" selected="selected">Medium</option>
-					<option id="icon_large" value="l">Large</option>
-					<option id="icon_xlarge" value="xl">Extra Large</option>
-				</select>
-			</label>
-
-			<fieldset id="change_background">
-				<legend id="svginfo_change_background">Editor Background</legend>
-				<div id="bg_blocks"></div>
-				<label><span id="svginfo_bg_url">URL:</span> <input type="text" id="canvas_bg_url"/></label>
-				<p id="svginfo_bg_note">Note: Background will not be saved with image.</p>
-			</fieldset>
-
-			<fieldset id="change_grid">
-				<legend id="svginfo_grid_settings">Grid</legend>
-				<label><span id="svginfo_snap_onoff">Snapping on/off</span><input type="checkbox" value="snapping_on" id="grid_snapping_on"/></label>
-				<label><span id="svginfo_snap_step">Snapping Step-Size:</span> <input type="text" id="grid_snapping_step" size="3" value="10"/></label>
-				<label><span id="svginfo_grid_color">Grid color:</span> <input type="text" id="grid_color" size="3" value="#000"/></label>
-			</fieldset>
-
-			<fieldset id="units_rulers">
-				<legend id="svginfo_units_rulers">Units &amp; Rulers</legend>
-				<label><span id="svginfo_rulers_onoff">Show rulers</span><input type="checkbox" value="show_rulers" id="show_rulers" checked="checked"/></label>
-				<label>
-					<span id="svginfo_unit">Base Unit:</span>
-					<select id="base_unit">
-						<option value="px">Pixels</option>
-						<option value="cm">Centimeters</option>
-						<option value="mm">Millimeters</option>
-						<option value="in">Inches</option>
-						<option value="pt">Points</option>
-						<option value="pc">Picas</option>
-						<option value="em">Ems</option>
-						<option value="ex">Exs</option>
-					</select>
-				</label>
-				<!-- Should this be an export option instead? -->
-<!--
-				<span id="svginfo_unit_system">Unit System:</span>
-				<label>
-					<input type="radio" name="unit_system" value="single" checked="checked"/>
-					<span id="svginfo_single_type_unit">Single type unit</span>
-					<small id="svginfo_single_type_unit_sub">CSS unit type is set on root element. If a different unit type is entered in a text field, it is converted back to user units on export.</small>
-				</label>
-				<label>
-					<input type="radio" name="unit_system" value="multi"/>
-					<span id="svginfo_multi_units">Multiple CSS units</span>
-					<small id="svginfo_single_type_unit_sub">Attributes can be given different CSS units, which may lead to inconsistant results among viewers.</small>
-				</label>
- -->
-			</fieldset>
-
-		</fieldset>
-
-	</div>
+  <div class="overlay"></div>
+  <div id="svg_prefs_container">
+    <div id="tool_prefs_back" class="toolbar_button">
+      <button id="tool_prefs_save">OK</button>
+      <button id="tool_prefs_cancel">Cancel</button>
+    </div>
+    <fieldset>
+      <legend id="svginfo_editor_prefs">Editor Preferences</legend>
+      <label>
+        <span id="svginfo_lang">Language:</span>
+        <!-- Source: https://en.wikipedia.org/wiki/Language_names -->
+        <select id="lang_select">
+          <option id="lang_ar" value="ar">العربية</option>
+          <option id="lang_cs" value="cs">Čeština</option>
+          <option id="lang_de" value="de">Deutsch</option>
+          <option id="lang_en" value="en" selected="selected">English</option>
+          <option id="lang_es" value="es">Español</option>
+          <option id="lang_fa" value="fa">فارسی</option>
+          <option id="lang_fr" value="fr">Français</option>
+          <option id="lang_fy" value="fy">Frysk</option>
+          <option id="lang_hi" value="hi">हिन्दी, हिंदी</option>
+          <option id="lang_it" value="it">Italiano</option>
+          <option id="lang_ja" value="ja">日本語</option>
+          <option id="lang_nl" value="nl">Nederlands</option>
+          <option id="lang_pl" value="pl">Polski</option>
+          <option id="lang_pt-BR" value="pt-BR">Português (BR)</option>
+          <option id="lang_ro" value="ro">Română</option>
+          <option id="lang_ru" value="ru">Русский</option>
+          <option id="lang_sk" value="sk">Slovenčina</option>
+          <option id="lang_sl" value="sl">Slovenščina</option>
+          <option id="lang_zh-CN" value="zh-CN">简体中文</option>
+          <option id="lang_zh-TW" value="zh-TW">繁體中文</option>
+        </select>
+      </label>
+      <label>
+        <span id="svginfo_icons">Icon size:</span>
+        <select id="iconsize">
+          <option id="icon_small" value="s">Small</option>
+          <option id="icon_medium" value="m" selected="selected">Medium</option>
+          <option id="icon_large" value="l">Large</option>
+          <option id="icon_xlarge" value="xl">Extra Large</option>
+        </select>
+      </label>
+      <fieldset id="change_background">
+        <legend id="svginfo_change_background">Editor Background</legend>
+        <div id="bg_blocks"></div>
+        <label>
+          <span id="svginfo_bg_url">URL:</span>
+          <input type="text" id="canvas_bg_url"/>
+        </label>
+        <p id="svginfo_bg_note">Note: Background will not be saved with image.</p>
+      </fieldset>
+      <fieldset id="change_grid">
+        <legend id="svginfo_grid_settings">Grid</legend>
+        <label>
+          <span id="svginfo_snap_onoff">Snapping on/off</span>
+          <input type="checkbox" value="snapping_on" id="grid_snapping_on"/>
+        </label>
+        <label>
+          <span id="svginfo_snap_step">Snapping Step-Size:</span>
+          <input type="text" id="grid_snapping_step" size="3" value="10"/>
+        </label>
+        <label>
+          <span id="svginfo_grid_color">Grid color:</span>
+          <input type="text" id="grid_color" size="3" value="#000"/>
+        </label>
+      </fieldset>
+      <fieldset id="units_rulers">
+        <legend id="svginfo_units_rulers">Units &amp; Rulers</legend>
+        <label>
+          <span id="svginfo_rulers_onoff">Show rulers</span>
+          <input id="show_rulers" type="checkbox"
+            value="show_rulers" checked="checked"/>
+        </label>
+        <label>
+          <span id="svginfo_unit">Base Unit:</span>
+          <select id="base_unit">
+            <option value="px">Pixels</option>
+            <option value="cm">Centimeters</option>
+            <option value="mm">Millimeters</option>
+            <option value="in">Inches</option>
+            <option value="pt">Points</option>
+            <option value="pc">Picas</option>
+            <option value="em">Ems</option>
+            <option value="ex">Exs</option>
+          </select>
+        </label>
+        <!-- Should this be an export option instead? -->
+        <!--
+        <span id="svginfo_unit_system">Unit System:</span>
+        <label>
+          <input type="radio" name="unit_system" value="single" checked="checked"/>
+          <span id="svginfo_single_type_unit">Single type unit</span>
+          <small id="svginfo_single_type_unit_sub">
+            CSS unit type is set on root element.
+            If a different unit type is entered in a text
+            field, it is converted back to user units on export.
+          </small>
+        </label>
+        <label>
+          <input type="radio" name="unit_system" value="multi"/>
+          <span id="svginfo_multi_units">Multiple CSS units</span>
+          <small id="svginfo_single_type_unit_sub">
+            Attributes can be given different CSS units, which may
+            lead to inconsistant results among viewers.
+          </small>
+        </label>
+        -->
+      </fieldset>
+    </fieldset>
+  </div>
 </div>
-
 <div id="dialog_box">
-	<div class="overlay"></div>
-	<div id="dialog_container">
-		<div id="dialog_content"></div>
-		<div id="dialog_buttons"></div>
-	</div>
+  <div class="overlay"></div>
+  <div id="dialog_container">
+    <div id="dialog_content"></div>
+    <div id="dialog_buttons"></div>
+  </div>
 </div>
-
 <ul id="cmenu_canvas" class="contextMenu">
-	<li><a href="#cut">Cut</a></li>
-	<li><a href="#copy">Copy</a></li>
-	<li><a href="#paste">Paste</a></li>
-	<li><a href="#paste_in_place">Paste in Place</a></li>
-	<li class="separator"><a href="#delete">Delete</a></li>
-	<li class="separator"><a href="#group">Group<span class="shortcut">G</span></a></li>
-	<li><a href="#ungroup">Ungroup<span class="shortcut">G</span></a></li>
-	<li class="separator"><a href="#move_front">Bring to Front<span class="shortcut">SHFT+CTRL+]</span></a></li>
-	<li><a href="#move_up">Bring Forward<span class="shortcut">CTRL+]</span></a></li>
-	<li><a href="#move_down">Send Backward<span class="shortcut">CTRL+[</span></a></li>
-	<li><a href="#move_back">Send to Back<span class="shortcut">SHFT+CTRL+[</span></a></li>
+  <li><a href="#cut">Cut</a></li>
+  <li><a href="#copy">Copy</a></li>
+  <li><a href="#paste">Paste</a></li>
+  <li><a href="#paste_in_place">Paste in Place</a></li>
+  <li class="separator"><a href="#delete">Delete</a></li>
+  <li class="separator"><a href="#group">Group<span class="shortcut">G</span></a></li>
+  <li><a href="#ungroup">Ungroup<span class="shortcut">G</span></a></li>
+  <li class="separator"><a href="#move_front">Bring to Front<span class="shortcut">SHFT+CTRL+]</span></a></li>
+  <li><a href="#move_up">Bring Forward<span class="shortcut">CTRL+]</span></a></li>
+  <li><a href="#move_down">Send Backward<span class="shortcut">CTRL+[</span></a></li>
+  <li><a href="#move_back">Send to Back<span class="shortcut">SHFT+CTRL+[</span></a></li>
 </ul>
-
-
 <ul id="cmenu_layers" class="contextMenu">
-	<li><a href="#dupe">Duplicate Layer...</a></li>
-	<li><a href="#delete">Delete Layer</a></li>
-	<li><a href="#merge_down">Merge Down</a></li>
-	<li><a href="#merge_all">Merge All</a></li>
+  <li><a href="#dupe">Duplicate Layer...</a></li>
+  <li><a href="#delete">Delete Layer</a></li>
+  <li><a href="#merge_down">Merge Down</a></li>
+  <li><a href="#merge_all">Merge All</a></li>
 </ul>
 
+</div>
 </body>
 </html>
diff --git a/editor/svg-editor.js b/editor/svg-editor.js
index 0a051250..a119c0c7 100644
--- a/editor/svg-editor.js
+++ b/editor/svg-editor.js
@@ -1,5182 +1,5986 @@
-/*globals svgEditor:true, globalStorage, widget, svgedit, canvg, jQuery, $, DOMParser, FileReader */
-/*jslint vars: true, eqeq: true, todo: true, forin: true, continue: true, regexp: true */
-/*
- * svg-editor.js
- *
- * Licensed under the MIT License
- *
- * Copyright(c) 2010 Alexis Deveria
- * Copyright(c) 2010 Pavol Rusnak
- * Copyright(c) 2010 Jeff Schiller
- * Copyright(c) 2010 Narendra Sisodiya
- * Copyright(c) 2014 Brett Zamir
- *
- */
+/* globals jQuery */
 
-// Dependencies:
-// 1) units.js
-// 2) browser.js
-// 3) svgcanvas.js
+import './touch.js';
+import {NS} from './namespaces.js';
+import {isWebkit, isGecko, isIE, isMac, isTouch} from './browser.js';
+import * as Utils from './utilities.js';
+import {getTypeMap, convertUnit, isValidUnit} from './units.js';
+import {
+  hasCustomHandler, getCustomHandler, injectExtendedContextMenuItemsIntoDom
+} from './contextmenu.js';
+import {importSetGlobalDefault} from './external/dynamic-import-polyfill/importModule.js';
 
-/*
-TODOS
-1. JSDoc
+import SvgCanvas from './svgcanvas.js';
+import Layer from './layer.js';
+
+import jqPluginJSHotkeys from './js-hotkeys/jquery.hotkeys.min.js';
+import jqPluginBBQ from './jquerybbq/jquery.bbq.min.js';
+import jqPluginSVGIcons from './svgicons/jQuery.svgIcons.js';
+import jqPluginJGraduate from './jgraduate/jQuery.jGraduate.js';
+import jqPluginSpinBtn from './spinbtn/jQuery.SpinButton.js';
+import jqPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`
+import jqPluginContextMenu from './contextmenu/jQuery.contextMenu.js';
+import jqPluginJPicker from './jgraduate/jQuery.jPicker.js';
+import {
+  readLang, putLocale,
+  setStrings,
+  init as localeInit
+} from './locale/locale.js';
+import loadStylesheets from './external/load-stylesheets/index-es.js';
+
+/**
+* The main module for the visual SVG Editor
+*
+* @license MIT
+*
+* @copyright 2010 Alexis Deveria
+* 2010 Pavol Rusnak
+* 2010 Jeff Schiller
+* 2010 Narendra Sisodiya
+* 2014 Brett Zamir
+* @exports module:SVGEditor
+* @borrows module:locale.putLocale as putLocale
+* @borrows module:locale.readLang as readLang
+* @borrows module:locale.setStrings as setStrings
 */
-(function() {
-
-	if (window.svgEditor) {
-		return;
-	}
-	window.svgEditor = (function($) {
-		var editor = {};
-		// EDITOR PROPERTIES: (defined below)
-		//		curPrefs, curConfig, canvas, storage, uiStrings
-		//
-		// STATE MAINTENANCE PROPERTIES
-		editor.tool_scale = 1; // Dependent on icon size, so any use to making configurable instead? Used by JQuerySpinBtn.js
-		editor.exportWindowCt = 0;
-		editor.langChanged = false;
-		editor.showSaveWarning = false;
-		editor.storagePromptClosed = false; // For use with ext-storage.js
-
-		var svgCanvas, urldata,
-			Utils = svgedit.utilities,
-			isReady = false,
-			customExportImage = false,
-			customExportPDF = false,
-			callbacks = [],
-			/**
-			* PREFS AND CONFIG
-			*/
-			// The iteration algorithm for defaultPrefs does not currently support array/objects
-			defaultPrefs = {
-				// EDITOR OPTIONS (DIALOG)
-				lang: '', // Default to "en" if locale.js detection does not detect another language
-				iconsize: '', // Will default to 's' if the window height is smaller than the minimum height and 'm' otherwise
-				bkgd_color: '#FFF',
-				bkgd_url: '',
-				// DOCUMENT PROPERTIES (DIALOG)
-				img_save: 'embed',
-				// ALERT NOTICES
-				// Only shows in UI as far as alert notices, but useful to remember, so keeping as pref
-				save_notice_done: false,
-				export_notice_done: false
-			},
-			curPrefs = {},
-			// Note: The difference between Prefs and Config is that Prefs
-			//   can be changed in the UI and are stored in the browser,
-			//   while config cannot
-			curConfig = {
-				// We do not put on defaultConfig to simplify object copying
-				//   procedures (we obtain instead from defaultExtensions)
-				extensions: [],
-				/**
-				* Can use window.location.origin to indicate the current
-				* origin. Can contain a '*' to allow all domains or 'null' (as
-				* a string) to support all file:// URLs. Cannot be set by
-				* URL for security reasons (not safe, at least for
-				* privacy or data integrity of SVG content).
-				* Might have been fairly safe to allow
-				*   `new URL(window.location.href).origin` by default but
-				*   avoiding it ensures some more security that even third
-				*   party apps on the same domain also cannot communicate
-				*   with this app by default.
-				* For use with ext-xdomain-messaging.js
-				* @todo We might instead make as a user-facing preference.
-				*/
-				allowedOrigins: []
-			},
-			defaultExtensions = [
-				'ext-overview_window.js',
-				'ext-markers.js',
-				'ext-connector.js',
-				'ext-eyedropper.js',
-				'ext-shapes.js',
-				'ext-imagelib.js',
-				'ext-grid.js',
-				'ext-polygon.js',
-				'ext-star.js',
-				'ext-panning.js',
-				'ext-storage.js'
-			],
-			defaultConfig = {
-				// Todo: svgcanvas.js also sets and checks: show_outside_canvas, selectNew; add here?
-				// Change the following to preferences and add pref controls to the UI (e.g., initTool, wireframe, showlayers)?
-				canvasName: 'default',
-				canvas_expansion: 3,
-				initFill: {
-					color: 'FF0000', // solid red
-					opacity: 1
-				},
-				initStroke: {
-					width: 5,
-					color: '000000', // solid black
-					opacity: 1
-				},
-				text: {
-					stroke_width: 0,
-					font_size: 24,
-					font_family: 'serif'
-				},
-				initOpacity: 1,
-				colorPickerCSS: null, // Defaults to 'left' with a position equal to that of the fill_color or stroke_color element minus 140, and a 'bottom' equal to 40
-				initTool: 'select',
-				exportWindowType: 'new', // 'same' (todo: also support 'download')
-				wireframe: false,
-				showlayers: false,
-				no_save_warning: false,
-				// PATH CONFIGURATION
-				// The following path configuration items are disallowed in the URL (as should any future path configurations)
-				imgPath: 'images/',
-				langPath: 'locale/',
-				extPath: 'extensions/',
-				jGraduatePath: 'jgraduate/images/',
-				// DOCUMENT PROPERTIES
-				// Change the following to a preference (already in the Document Properties dialog)?
-				dimensions: [640, 480],
-				// EDITOR OPTIONS
-				// Change the following to preferences (already in the Editor Options dialog)?
-				gridSnapping: false,
-				gridColor: '#000',
-				baseUnit: 'px',
-				snappingStep: 10,
-				showRulers: true,
-				// URL BEHAVIOR CONFIGURATION
-				preventAllURLConfig: false,
-				preventURLContentLoading: false,
-				// EXTENSION CONFIGURATION (see also preventAllURLConfig)
-				lockExtensions: false, // Disallowed in URL setting
-				noDefaultExtensions: false, // noDefaultExtensions can only be meaningfully used in config.js or in the URL
-				// EXTENSION-RELATED (GRID)
-				showGrid: false, // Set by ext-grid.js
-				// EXTENSION-RELATED (STORAGE)
-				noStorageOnLoad: false, // Some interaction with ext-storage.js; prevent even the loading of previously saved local storage
-				forceStorage: false, // Some interaction with ext-storage.js; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not
-				emptyStorageOnDecline: false // Used by ext-storage.js; empty any prior storage if the user declines to store
-			},
-			/**
-			* LOCALE
-			* @todo Can we remove now that we are always loading even English? (unless locale is set to null)
-			*/
-			uiStrings = editor.uiStrings = {
-				common: {
-					ok: 'OK',
-					cancel: 'Cancel',
-					key_up: 'Up',
-					key_down: 'Down',
-					key_backspace: 'Backspace',
-					key_del: 'Del'
-				},
-				// This is needed if the locale is English, since the locale strings are not read in that instance.
-				layers: {
-					layer: 'Layer'
-				},
-				notification: {
-					invalidAttrValGiven: 'Invalid value given',
-					noContentToFitTo: 'No content to fit to',
-					dupeLayerName: 'There is already a layer named that!',
-					enterUniqueLayerName: 'Please enter a unique layer name',
-					enterNewLayerName: 'Please enter the new layer name',
-					layerHasThatName: 'Layer already has that name',
-					QmoveElemsToLayer: 'Move selected elements to layer \'%s\'?',
-					QwantToClear: 'Do you want to clear the drawing?\nThis will also erase your undo history!',
-					QwantToOpen: 'Do you want to open a new file?\nThis will also erase your undo history!',
-					QerrorsRevertToSource: 'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
-					QignoreSourceChanges: 'Ignore changes made to SVG source?',
-					featNotSupported: 'Feature not supported',
-					enterNewImgURL: 'Enter the new image URL',
-					defsFailOnSave: 'NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.',
-					loadingImage: 'Loading image, please wait...',
-					saveFromBrowser: 'Select \'Save As...\' in your browser to save this image as a %s file.',
-					noteTheseIssues: 'Also note the following issues: ',
-					unsavedChanges: 'There are unsaved changes.',
-					enterNewLinkURL: 'Enter the new hyperlink URL',
-					errorLoadingSVG: 'Error: Unable to load SVG data',
-					URLloadFail: 'Unable to load from URL',
-					retrieving: 'Retrieving \'%s\' ...'
-				}
-			};
-
-		function loadSvgString (str, callback) {
-			var success = svgCanvas.setSvgString(str) !== false;
-			callback = callback || $.noop;
-			if (success) {
-				callback(true);
-			} else {
-				$.alert(uiStrings.notification.errorLoadingSVG, function() {
-					callback(false);
-				});
-			}
-		}
-		
-		/**
-		* EXPORTS
-		*/
-		
-		/**
-		* Store and retrieve preferences
-		* @param {string} key The preference name to be retrieved or set
-		* @param {string} [val] The value. If the value supplied is missing or falsey, no change to the preference will be made.
-		* @returns {string} If val is missing or falsey, the value of the previously stored preference will be returned.
-		* @todo Can we change setting on the jQuery namespace (onto editor) to avoid conflicts?
-		* @todo Review whether any remaining existing direct references to
-		*	getting curPrefs can be changed to use $.pref() getting to ensure
-		*	defaultPrefs fallback (also for sake of allowInitialUserOverride); specifically, bkgd_color could be changed so that
-		*	the pref dialog has a button to auto-calculate background, but otherwise uses $.pref() to be able to get default prefs
-		*	or overridable settings
-		*/
-		$.pref = function (key, val) {
-			if (val) {
-				curPrefs[key] = val;
-				editor.curPrefs = curPrefs; // Update exported value
-				return;
-			}
-			return (key in curPrefs) ? curPrefs[key] : defaultPrefs[key];
-		};
-		
-		/**
-		* EDITOR PUBLIC METHODS
-		* locale.js also adds "putLang" and "readLang" as editor methods
-		* @todo Sort these methods per invocation order, ideally with init at the end
-		* @todo Prevent execution until init executes if dependent on it?
-		*/
-
-		/**
-		* Where permitted, sets canvas and/or defaultPrefs based on previous
-		*	storage. This will override URL settings (for security reasons) but
-		*	not config.js configuration (unless initial user overriding is explicitly
-		*	permitted there via allowInitialUserOverride).
-		* @todo Split allowInitialUserOverride into allowOverrideByURL and
-		*	allowOverrideByUserStorage so config.js can disallow some
-		*	individual items for URL setting but allow for user storage AND/OR
-		*	change URL setting so that it always uses a different namespace,
-		*	so it won't affect pre-existing user storage (but then if users saves
-		*	that, it will then be subject to tampering
-		*/
-		editor.loadContentAndPrefs = function () {
-			if (!curConfig.forceStorage && (curConfig.noStorageOnLoad || !document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/))) {
-				return;
-			}
-
-			// LOAD CONTENT
-			if (editor.storage && // Cookies do not have enough available memory to hold large documents
-				(curConfig.forceStorage || (!curConfig.noStorageOnLoad && document.cookie.match(/(?:^|;\s*)store=prefsAndContent/)))
-			) {
-				var name = 'svgedit-' + curConfig.canvasName;
-				var cached = editor.storage.getItem(name);
-				if (cached) {
-					editor.loadFromString(cached);
-				}
-			}
-			
-			// LOAD PREFS
-			var key;
-			for (key in defaultPrefs) {
-				if (defaultPrefs.hasOwnProperty(key)) { // It's our own config, so we don't need to iterate up the prototype chain
-					var storeKey = 'svg-edit-' + key;
-					if (editor.storage) {
-						var val = editor.storage.getItem(storeKey);
-						if (val) {
-							defaultPrefs[key] = String(val); // Convert to string for FF (.value fails in Webkit)
-						}
-					}
-					else if (window.widget) {
-						defaultPrefs[key] = widget.preferenceForKey(storeKey);
-					}
-					else {
-						var result = document.cookie.match(new RegExp('(?:^|;\\s*)' + Utils.preg_quote(encodeURIComponent(storeKey)) + '=([^;]+)'));
-						defaultPrefs[key] = result ? decodeURIComponent(result[1]) : '';
-					}
-				}
-			}
-		};
-
-		/**
-		* Allows setting of preferences or configuration (including extensions).
-		* @param {object} opts The preferences or configuration (including extensions)
-		* @param {object} [cfgCfg] Describes configuration which applies to the particular batch of supplied options
-		* @param {boolean} [cfgCfg.allowInitialUserOverride=false] Set to true if you wish
-		*	to allow initial overriding of settings by the user via the URL
-		*	(if permitted) or previously stored preferences (if permitted);
-		*	note that it will be too late if you make such calls in extension
-		*	code because the URL or preference storage settings will
-		*   have already taken place.
-		* @param {boolean} [cfgCfg.overwrite=true] Set to false if you wish to
-		*	prevent the overwriting of prior-set preferences or configuration
-		*	(URL settings will always follow this requirement for security
-		*	reasons, so config.js settings cannot be overridden unless it
-		*	explicitly permits via "allowInitialUserOverride" but extension config
-		*	can be overridden as they will run after URL settings). Should
-		*   not be needed in config.js.
-		*/
-		editor.setConfig = function (opts, cfgCfg) {
-			cfgCfg = cfgCfg || {};
-			function extendOrAdd (cfgObj, key, val) {
-				if (cfgObj[key] && typeof cfgObj[key] === 'object') {
-					$.extend(true, cfgObj[key], val);
-				}
-				else {
-					cfgObj[key] = val;
-				}
-				return;
-			}
-			$.each(opts, function(key, val) {
-				if (opts.hasOwnProperty(key)) {
-					// Only allow prefs defined in defaultPrefs
-					if (defaultPrefs.hasOwnProperty(key)) {
-						if (cfgCfg.overwrite === false && (
-							curConfig.preventAllURLConfig ||
-							curPrefs.hasOwnProperty(key)
-						)) {
-							return;
-						}
-						if (cfgCfg.allowInitialUserOverride === true) {
-							defaultPrefs[key] = val;
-						}
-						else {
-							$.pref(key, val);
-						}
-					}
-					else if (['extensions', 'allowedOrigins'].indexOf(key) > -1) {
-						if (cfgCfg.overwrite === false &&
-							(
-								curConfig.preventAllURLConfig ||
-								key === 'allowedOrigins' ||
-								(key === 'extensions' && curConfig.lockExtensions)
-							)
-						) {
-							return;
-						}
-						curConfig[key] = curConfig[key].concat(val); // We will handle any dupes later
-					}
-					// Only allow other curConfig if defined in defaultConfig
-					else if (defaultConfig.hasOwnProperty(key)) {
-						if (cfgCfg.overwrite === false && (
-							curConfig.preventAllURLConfig ||
-							curConfig.hasOwnProperty(key)
-						)) {
-							return;
-						}
-						// Potentially overwriting of previously set config
-						if (curConfig.hasOwnProperty(key)) {
-							if (cfgCfg.overwrite === false) {
-								return;
-							}
-							extendOrAdd(curConfig, key, val);
-						}
-						else {
-							if (cfgCfg.allowInitialUserOverride === true) {
-								extendOrAdd(defaultConfig, key, val);
-							}
-							else {
-								if (defaultConfig[key] && typeof defaultConfig[key] === 'object') {
-									curConfig[key] = {};
-									$.extend(true, curConfig[key], val); // Merge properties recursively, e.g., on initFill, initStroke objects
-								}
-								else {
-									curConfig[key] = val;
-								}
-							}
-						}
-					}
-				}
-			});
-			editor.curConfig = curConfig; // Update exported value
-		};
-
-		/**
-		* @param {object} opts Extension mechanisms may call setCustomHandlers with three functions: opts.open, opts.save, and opts.exportImage
-		* opts.open's responsibilities are:
-		*	- invoke a file chooser dialog in 'open' mode
-		*	- let user pick a SVG file
-		*	- calls svgCanvas.setSvgString() with the string contents of that file
-		*  opts.save's responsibilities are:
-		*	- accept the string contents of the current document
-		*	- invoke a file chooser dialog in 'save' mode
-		*	- save the file to location chosen by the user
-		*  opts.exportImage's responsibilities (with regard to the object it is supplied in its 2nd argument) are:
-		*	- inform user of any issues supplied via the "issues" property
-		*	- convert the "svg" property SVG string into an image for export;
-		*		utilize the properties "type" (currently 'PNG', 'JPEG', 'BMP',
-		*		'WEBP', 'PDF'), "mimeType", and "quality" (for 'JPEG' and 'WEBP'
-		*		types) to determine the proper output.
-		*/
-		editor.setCustomHandlers = function (opts) {
-			editor.ready(function() {
-				if (opts.open) {
-					$('#tool_open > input[type="file"]').remove();
-					$('#tool_open').show();
-					svgCanvas.open = opts.open;
-				}
-				if (opts.save) {
-					editor.showSaveWarning = false;
-					svgCanvas.bind('saved', opts.save);
-				}
-				if (opts.exportImage) {
-					customExportImage = opts.exportImage;
-					svgCanvas.bind('exported', customExportImage); // canvg and our RGBColor will be available to the method
-				}
-				if (opts.exportPDF) {
-					customExportPDF = opts.exportPDF;
-					svgCanvas.bind('exportedPDF', customExportPDF); // jsPDF and our RGBColor will be available to the method
-				}
-			});
-		};
-
-		editor.randomizeIds = function () {
-			svgCanvas.randomizeIds(arguments);
-		};
-
-		editor.init = function () {
-			// var host = location.hostname,
-			//	onWeb = host && host.indexOf('.') >= 0;
-			// Some FF versions throw security errors here when directly accessing
-			try {
-				if ('localStorage' in window) { // && onWeb removed so Webkit works locally
-					editor.storage = localStorage;
-				}
-			} catch(err) {}
-
-			// Todo: Avoid var-defined functions and group functions together, etc. where possible
-			var good_langs = [];
-			$('#lang_select option').each(function() {
-				good_langs.push(this.value);
-			});
-
-			function setupCurPrefs () {
-				curPrefs = $.extend(true, {}, defaultPrefs, curPrefs); // Now safe to merge with priority for curPrefs in the event any are already set
-				// Export updated prefs
-				editor.curPrefs = curPrefs;
-			}
-			function setupCurConfig () {
-				curConfig = $.extend(true, {}, defaultConfig, curConfig); // Now safe to merge with priority for curConfig in the event any are already set
-				
-				// Now deal with extensions and other array config
-				if (!curConfig.noDefaultExtensions) {
-					curConfig.extensions = curConfig.extensions.concat(defaultExtensions);
-				}
-				// ...and remove any dupes
-				$.each(['extensions', 'allowedOrigins'], function (i, cfg) {
-					curConfig[cfg] = $.grep(curConfig[cfg], function (n, i) {
-						return i === curConfig[cfg].indexOf(n);
-					});
-				});
-				// Export updated config
-				editor.curConfig = curConfig;
-			}
-			(function() {
-				// Load config/data from URL if given
-				var src, qstr;
-				urldata = $.deparam.querystring(true);
-				if (!$.isEmptyObject(urldata)) {
-					if (urldata.dimensions) {
-						urldata.dimensions = urldata.dimensions.split(',');
-					}
-
-					if (urldata.bkgd_color) {
-						urldata.bkgd_color = '#' + urldata.bkgd_color;
-					}
-			
-					if (urldata.extensions) {
-						// For security reasons, disallow cross-domain or cross-folder extensions via URL
-						urldata.extensions = urldata.extensions.match(/[:\/\\]/) ? '' : urldata.extensions.split(',');
-					}
-
-					// Disallowing extension paths via URL for
-					// security reasons, even for same-domain
-					// ones given potential to interact in undesirable
-					// ways with other script resources
-					$.each(
-						[
-							'extPath', 'imgPath',
-							'langPath', 'jGraduatePath'
-						],
-						function (pathConfig) {
-							if (urldata[pathConfig]) {
-								delete urldata[pathConfig];
-							}
-						}
-					);
-
-					editor.setConfig(urldata, {overwrite: false}); // Note: source and url (as with storagePrompt later) are not set on config but are used below
-					
-					setupCurConfig();
-
-					if (!curConfig.preventURLContentLoading) {
-						src = urldata.source;
-						qstr = $.param.querystring();
-						if (!src) { // urldata.source may have been null if it ended with '='
-							if (qstr.indexOf('source=data:') >= 0) {
-								src = qstr.match(/source=(data:[^&]*)/)[1];
-							}
-						}
-						if (src) {
-							if (src.indexOf('data:') === 0) {
-								editor.loadFromDataURI(src);
-							} else {
-								editor.loadFromString(src);
-							}
-							return;
-						}
-						if (urldata.url) {
-							editor.loadFromURL(urldata.url);
-							return;
-						}
-					}
-					if (!urldata.noStorageOnLoad || curConfig.forceStorage) {
-						editor.loadContentAndPrefs();
-					}
-					setupCurPrefs();
-				}
-				else {
-					setupCurConfig();
-					editor.loadContentAndPrefs();
-					setupCurPrefs();
-				}
-			}());
-			
-			var setIcon = editor.setIcon = function(elem, icon_id, forcedSize) {
-				var icon = (typeof icon_id === 'string') ? $.getSvgIcon(icon_id, true) : icon_id.clone();
-				if (!icon) {
-					console.log('NOTE: Icon image missing: ' + icon_id);
-					return;
-				}
-				$(elem).empty().append(icon);
-			};
-
-			var extFunc = function() {
-				$.each(curConfig.extensions, function() {
-					var extname = this;
-					if (!extname.match(/^ext-.*\.js/)) { // Ensure URL cannot specify some other unintended file in the extPath
-						return;
-					}
-					$.getScript(curConfig.extPath + extname, function(d) {
-						// Fails locally in Chrome 5
-						if (!d) {
-							var s = document.createElement('script');
-							s.src = curConfig.extPath + extname;
-							document.querySelector('head').appendChild(s);
-						}
-					}).fail(function(jqxhr, settings, exception){
-						console.log(exception);
-					});
-				});
-
-				// var lang = ('lang' in curPrefs) ? curPrefs.lang : null;
-				editor.putLocale(null, good_langs);
-			};
-
-			// Load extensions
-			// Bit of a hack to run extensions in local Opera/IE9
-			if (document.location.protocol === 'file:') {
-				setTimeout(extFunc, 100);
-			} else {
-				extFunc();
-			}
-			$.svgIcons(curConfig.imgPath + 'svg_edit_icons.svg', {
-				w:24, h:24,
-				id_match: false,
-				no_img: !svgedit.browser.isWebkit(), // Opera & Firefox 4 gives odd behavior w/images
-				fallback_path: curConfig.imgPath,
-				fallback: {
-					'new_image': 'clear.png',
-					'save': 'save.png',
-					'open': 'open.png',
-					'source': 'source.png',
-					'docprops': 'document-properties.png',
-					'wireframe': 'wireframe.png',
-
-					'undo': 'undo.png',
-					'redo': 'redo.png',
-
-					'select': 'select.png',
-					'select_node': 'select_node.png',
-					'pencil': 'fhpath.png',
-					'pen': 'line.png',
-					'square': 'square.png',
-					'rect': 'rect.png',
-					'fh_rect': 'freehand-square.png',
-					'circle': 'circle.png',
-					'ellipse': 'ellipse.png',
-					'fh_ellipse': 'freehand-circle.png',
-					'path': 'path.png',
-					'text': 'text.png',
-					'image': 'image.png',
-					'zoom': 'zoom.png',
-
-					'clone': 'clone.png',
-					'node_clone': 'node_clone.png',
-					'delete': 'delete.png',
-					'node_delete': 'node_delete.png',
-					'group': 'shape_group_elements.png',
-					'ungroup': 'shape_ungroup.png',
-					'move_top': 'move_top.png',
-					'move_bottom': 'move_bottom.png',
-					'to_path': 'to_path.png',
-					'link_controls': 'link_controls.png',
-					'reorient': 'reorient.png',
-
-					'align_left': 'align-left.png',
-					'align_center': 'align-center.png',
-					'align_right': 'align-right.png',
-					'align_top': 'align-top.png',
-					'align_middle': 'align-middle.png',
-					'align_bottom': 'align-bottom.png',
-
-					'go_up': 'go-up.png',
-					'go_down': 'go-down.png',
-
-					'ok': 'save.png',
-					'cancel': 'cancel.png',
-
-					'arrow_right': 'flyouth.png',
-					'arrow_down': 'dropdown.gif'
-				},
-				placement: {
-					'#logo': 'logo',
-
-					'#tool_clear div,#layer_new': 'new_image',
-					'#tool_save div': 'save',
-					'#tool_export div': 'export',
-					'#tool_open div div': 'open',
-					'#tool_import div div': 'import',
-					'#tool_source': 'source',
-					'#tool_docprops > div': 'docprops',
-					'#tool_wireframe': 'wireframe',
-
-					'#tool_undo': 'undo',
-					'#tool_redo': 'redo',
-
-					'#tool_select': 'select',
-					'#tool_fhpath': 'pencil',
-					'#tool_line': 'pen',
-					'#tool_rect,#tools_rect_show': 'rect',
-					'#tool_square': 'square',
-					'#tool_fhrect': 'fh_rect',
-					'#tool_ellipse,#tools_ellipse_show': 'ellipse',
-					'#tool_circle': 'circle',
-					'#tool_fhellipse': 'fh_ellipse',
-					'#tool_path': 'path',
-					'#tool_text,#layer_rename': 'text',
-					'#tool_image': 'image',
-					'#tool_zoom': 'zoom',
-
-					'#tool_clone,#tool_clone_multi': 'clone',
-					'#tool_node_clone': 'node_clone',
-					'#layer_delete,#tool_delete,#tool_delete_multi': 'delete',
-					'#tool_node_delete': 'node_delete',
-					'#tool_add_subpath': 'add_subpath',
-					'#tool_openclose_path': 'open_path',
-					'#tool_move_top': 'move_top',
-					'#tool_move_bottom': 'move_bottom',
-					'#tool_topath': 'to_path',
-					'#tool_node_link': 'link_controls',
-					'#tool_reorient': 'reorient',
-					'#tool_group_elements': 'group_elements',
-					'#tool_ungroup': 'ungroup',
-					'#tool_unlink_use': 'unlink_use',
-
-					'#tool_alignleft, #tool_posleft': 'align_left',
-					'#tool_aligncenter, #tool_poscenter': 'align_center',
-					'#tool_alignright, #tool_posright': 'align_right',
-					'#tool_aligntop, #tool_postop': 'align_top',
-					'#tool_alignmiddle, #tool_posmiddle': 'align_middle',
-					'#tool_alignbottom, #tool_posbottom': 'align_bottom',
-					'#cur_position': 'align',
-
-					'#linecap_butt,#cur_linecap': 'linecap_butt',
-					'#linecap_round': 'linecap_round',
-					'#linecap_square': 'linecap_square',
-
-					'#linejoin_miter,#cur_linejoin': 'linejoin_miter',
-					'#linejoin_round': 'linejoin_round',
-					'#linejoin_bevel': 'linejoin_bevel',
-
-					'#url_notice': 'warning',
-
-					'#layer_up': 'go_up',
-					'#layer_down': 'go_down',
-					'#layer_moreopts': 'context_menu',
-					'#layerlist td.layervis': 'eye',
-
-					'#tool_source_save,#tool_docprops_save,#tool_prefs_save': 'ok',
-					'#tool_source_cancel,#tool_docprops_cancel,#tool_prefs_cancel': 'cancel',
-
-					'#rwidthLabel, #iwidthLabel': 'width',
-					'#rheightLabel, #iheightLabel': 'height',
-					'#cornerRadiusLabel span': 'c_radius',
-					'#angleLabel': 'angle',
-					'#linkLabel,#tool_make_link,#tool_make_link_multi': 'globe_link',
-					'#zoomLabel': 'zoom',
-					'#tool_fill label': 'fill',
-					'#tool_stroke .icon_label': 'stroke',
-					'#group_opacityLabel': 'opacity',
-					'#blurLabel': 'blur',
-					'#font_sizeLabel': 'fontsize',
-
-					'.flyout_arrow_horiz': 'arrow_right',
-					'.dropdown button, #main_button .dropdown': 'arrow_down',
-					'#palette .palette_item:first, #fill_bg, #stroke_bg': 'no_color'
-				},
-				resize: {
-					'#logo .svg_icon': 28,
-					'.flyout_arrow_horiz .svg_icon': 5,
-					'.layer_button .svg_icon, #layerlist td.layervis .svg_icon': 14,
-					'.dropdown button .svg_icon': 7,
-					'#main_button .dropdown .svg_icon': 9,
-					'.palette_item:first .svg_icon' : 15,
-					'#fill_bg .svg_icon, #stroke_bg .svg_icon': 16,
-					'.toolbar_button button .svg_icon': 16,
-					'.stroke_tool div div .svg_icon': 20,
-					'#tools_bottom label .svg_icon': 18
-				},
-				callback: function(icons) {
-					$('.toolbar_button button > svg, .toolbar_button button > img').each(function() {
-						$(this).parent().prepend(this);
-					});
-
-					var min_height,
-						tleft = $('#tools_left');
-					if (tleft.length !== 0) {
-						min_height = tleft.offset().top + tleft.outerHeight();
-					}
-					
-					var size = $.pref('iconsize');
-					editor.setIconSize(size || ($(window).height() < min_height ? 's': 'm'));
-
-					// Look for any missing flyout icons from plugins
-					$('.tools_flyout').each(function() {
-						var shower = $('#' + this.id + '_show');
-						var sel = shower.attr('data-curopt');
-						// Check if there's an icon here
-						if (!shower.children('svg, img').length) {
-							var clone = $(sel).children().clone();
-							if (clone.length) {
-								clone[0].removeAttribute('style'); //Needed for Opera
-								shower.append(clone);
-							}
-						}
-					});
-
-					editor.runCallbacks();
-
-					setTimeout(function() {
-						$('.flyout_arrow_horiz:empty').each(function() {
-							$(this).append($.getSvgIcon('arrow_right').width(5).height(5));
-						});
-					}, 1);
-				}
-			});
-
-			editor.canvas = svgCanvas = new $.SvgCanvas(document.getElementById('svgcanvas'), curConfig);
-			var supportsNonSS, resize_timer, changeZoom, Actions, curScrollPos,
-				palette = [ // Todo: Make into configuration item?
-					'#000000', '#3f3f3f', '#7f7f7f', '#bfbfbf', '#ffffff',
-					'#ff0000', '#ff7f00', '#ffff00', '#7fff00',
-					'#00ff00', '#00ff7f', '#00ffff', '#007fff',
-					'#0000ff', '#7f00ff', '#ff00ff', '#ff007f',
-					'#7f0000', '#7f3f00', '#7f7f00', '#3f7f00',
-					'#007f00', '#007f3f', '#007f7f', '#003f7f',
-					'#00007f', '#3f007f', '#7f007f', '#7f003f',
-					'#ffaaaa', '#ffd4aa', '#ffffaa', '#d4ffaa',
-					'#aaffaa', '#aaffd4', '#aaffff', '#aad4ff',
-					'#aaaaff', '#d4aaff', '#ffaaff', '#ffaad4'
-				],
-				modKey = (svgedit.browser.isMac() ? 'meta+' : 'ctrl+'), // ⌘
-				path = svgCanvas.pathActions,
-				undoMgr = svgCanvas.undoMgr,
-				defaultImageURL = curConfig.imgPath + 'logo.png',
-				workarea = $('#workarea'),
-				canv_menu = $('#cmenu_canvas'),
-				// layer_menu = $('#cmenu_layers'), // Unused
-				exportWindow = null,
-				zoomInIcon = 'crosshair',
-				zoomOutIcon = 'crosshair',
-				ui_context = 'toolbars',
-				origSource = '',
-				paintBox = {fill: null, stroke:null};
-
-			// For external openers
-			(function() {
-				// let the opener know SVG Edit is ready (now that config is set up)
-				var svgEditorReadyEvent,
-					w = window.opener || window.parent;
-				if (w) {
-					try {
-						svgEditorReadyEvent = w.document.createEvent('Event');
-						svgEditorReadyEvent.initEvent('svgEditorReady', true, true);
-						w.document.documentElement.dispatchEvent(svgEditorReadyEvent);
-					}
-					catch(e) {}
-				}
-			}());
-			
-			// This sets up alternative dialog boxes. They mostly work the same way as
-			// their UI counterparts, expect instead of returning the result, a callback
-			// needs to be included that returns the result as its first parameter.
-			// In the future we may want to add additional types of dialog boxes, since
-			// they should be easy to handle this way.
-			(function() {
-				$('#dialog_container').draggable({cancel: '#dialog_content, #dialog_buttons *', containment: 'window'});
-				var box = $('#dialog_box'),
-					btn_holder = $('#dialog_buttons'),
-					dialog_content = $('#dialog_content'),
-					dbox = function(type, msg, callback, defaultVal, opts, changeCb, checkbox) {
-						var ok, ctrl, chkbx;
-						dialog_content.html('<p>'+msg.replace(/\n/g, '</p><p>')+'</p>')
-							.toggleClass('prompt', (type == 'prompt'));
-						btn_holder.empty();
-
-						ok = $('<input type="button" value="' + uiStrings.common.ok + '">').appendTo(btn_holder);
-
-						if (type !== 'alert') {
-							$('<input type="button" value="' + uiStrings.common.cancel + '">')
-								.appendTo(btn_holder)
-								.click(function() { box.hide(); if (callback) {callback(false);}});
-						}
-
-						if (type === 'prompt') {
-							ctrl = $('<input type="text">').prependTo(btn_holder);
-							ctrl.val(defaultVal || '');
-							ctrl.bind('keydown', 'return', function() {ok.click();});
-						}
-						else if (type === 'select') {
-							var div = $('<div style="text-align:center;">');
-							ctrl = $('<select>').appendTo(div);
-							if (checkbox) {
-								var label = $('<label>').text(checkbox.label);
-								chkbx = $('<input type="checkbox">').appendTo(label);
-								chkbx.val(checkbox.value);
-								if (checkbox.tooltip) {
-									label.attr('title', checkbox.tooltip);
-								}
-								chkbx.prop('checked', !!checkbox.checked);
-								div.append($('<div>').append(label));
-							}
-							$.each(opts || [], function (opt, val) {
-								if (typeof val === 'object') {
-									ctrl.append($('<option>').val(val.value).html(val.text));
-								}
-								else {
-									ctrl.append($('<option>').html(val));
-								}
-							});
-							dialog_content.append(div);
-							if (defaultVal) {
-								ctrl.val(defaultVal);
-							}
-							if (changeCb) {
-								ctrl.bind('change', 'return', changeCb);
-							}
-							ctrl.bind('keydown', 'return', function() {ok.click();});
-						}
-						else if (type === 'process') {
-							ok.hide();
-						}
-
-						box.show();
-
-						ok.click(function() {
-							box.hide();
-							var resp = (type === 'prompt' || type === 'select') ? ctrl.val() : true;
-							if (callback) {
-								if (chkbx) {
-									callback(resp, chkbx.prop('checked'));
-								}
-								else {
-									callback(resp);
-								}
-							}
-						}).focus();
-
-						if (type === 'prompt' || type === 'select') {
-							ctrl.focus();
-						}
-					};
-
-				$.alert = function(msg, cb) { dbox('alert', msg, cb);};
-				$.confirm = function(msg, cb) {	dbox('confirm', msg, cb);};
-				$.process_cancel = function(msg, cb) { dbox('process', msg, cb);};
-				$.prompt = function(msg, txt, cb) { dbox('prompt', msg, cb, txt);};
-				$.select = function(msg, opts, cb, changeCb, txt, checkbox) { dbox('select', msg, cb, txt, opts, changeCb, checkbox);};
-			}());
-
-			var setSelectMode = function() {
-				var curr = $('.tool_button_current');
-				if (curr.length && curr[0].id !== 'tool_select') {
-					curr.removeClass('tool_button_current').addClass('tool_button');
-					$('#tool_select').addClass('tool_button_current').removeClass('tool_button');
-					$('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all} #svgcanvas svg{cursor:default}');
-				}
-				svgCanvas.setMode('select');
-				workarea.css('cursor', 'auto');
-			};
-
-			// used to make the flyouts stay on the screen longer the very first time
-			// var flyoutspeed = 1250; // Currently unused
-			var textBeingEntered = false;
-			var selectedElement = null;
-			var multiselected = false;
-			var editingsource = false;
-			var docprops = false;
-			var preferences = false;
-			var cur_context = '';
-			var origTitle = $('title:first').text();
-			// Make [1,2,5] array
-			var r_intervals = [];
-			var i;
-			for (i = 0.1; i < 1E5; i *= 10) {
-				r_intervals.push(i);
-				r_intervals.push(2 * i);
-				r_intervals.push(5 * i);
-			}
-
-			// This function highlights the layer passed in (by fading out the other layers)
-			// if no layer is passed in, this function restores the other layers
-			var toggleHighlightLayer = function(layerNameToHighlight) {
-				var i, curNames = [], numLayers = svgCanvas.getCurrentDrawing().getNumLayers();
-				for (i = 0; i < numLayers; i++) {
-					curNames[i] = svgCanvas.getCurrentDrawing().getLayerName(i);
-				}
-
-				if (layerNameToHighlight) {
-					for (i = 0; i < numLayers; ++i) {
-						if (curNames[i] != layerNameToHighlight) {
-							svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 0.5);
-						}
-					}
-				} else {
-					for (i = 0; i < numLayers; ++i) {
-						svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 1.0);
-					}
-				}
-			};
-
-			var populateLayers = function() {
-				svgCanvas.clearSelection();
-				var layerlist = $('#layerlist tbody').empty();
-				var selLayerNames = $('#selLayerNames').empty();
-				var drawing = svgCanvas.getCurrentDrawing();
-				var currentLayerName = drawing.getCurrentLayerName();
-				var layer = svgCanvas.getCurrentDrawing().getNumLayers();
-				var icon = $.getSvgIcon('eye');
-				// we get the layers in the reverse z-order (the layer rendered on top is listed first)
-				while (layer--) {
-					var name = drawing.getLayerName(layer);
-					var layerTr = $('<tr class="layer">').toggleClass('layersel', name === currentLayerName);
-					var layerVis = $('<td class="layervis">').toggleClass('layerinvis', !drawing.getLayerVisibility(name));
-					var layerName = $('<td class="layername">' + name + '</td>');
-					layerlist.append(layerTr.append(layerVis, layerName));
-					selLayerNames.append('<option value="' + name + '">' + name + '</option>');
-				}
-				if (icon !== undefined) {
-					var copy = icon.clone();
-					$('td.layervis', layerlist).append(copy);
-					$.resizeSvgIcons({'td.layervis .svg_icon': 14});
-				}
-				// handle selection of layer
-				$('#layerlist td.layername')
-					.mouseup(function(evt) {
-						$('#layerlist tr.layer').removeClass('layersel');
-						$(this.parentNode).addClass('layersel');
-						svgCanvas.setCurrentLayer(this.textContent);
-						evt.preventDefault();
-					})
-					.mouseover(function() {
-						toggleHighlightLayer(this.textContent);
-					})
-					.mouseout(function() {
-						toggleHighlightLayer();
-					});
-				$('#layerlist td.layervis').click(function() {
-					var row = $(this.parentNode).prevAll().length;
-					var name = $('#layerlist tr.layer:eq(' + row + ') td.layername').text();
-					var vis = $(this).hasClass('layerinvis');
-					svgCanvas.setLayerVisibility(name, vis);
-					$(this).toggleClass('layerinvis');
-				});
-
-				// if there were too few rows, let's add a few to make it not so lonely
-				var num = 5 - $('#layerlist tr.layer').size();
-				while (num-- > 0) {
-					// FIXME: there must a better way to do this
-					layerlist.append('<tr><td style="color:white">_</td><td/></tr>');
-				}
-			};
-
-			var showSourceEditor = function(e, forSaving) {
-				if (editingsource) {return;}
-
-				editingsource = true;
-				origSource = svgCanvas.getSvgString();
-				$('#save_output_btns').toggle(!!forSaving);
-				$('#tool_source_back').toggle(!forSaving);
-				$('#svg_source_textarea').val(origSource);
-				$('#svg_source_editor').fadeIn();
-				$('#svg_source_textarea').focus();
-			};
-
-			var togglePathEditMode = function(editmode, elems) {
-				$('#path_node_panel').toggle(editmode);
-				$('#tools_bottom_2,#tools_bottom_3').toggle(!editmode);
-				if (editmode) {
-					// Change select icon
-					$('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
-					$('#tool_select').addClass('tool_button_current').removeClass('tool_button');
-					setIcon('#tool_select', 'select_node');
-					multiselected = false;
-					if (elems.length) {
-						selectedElement = elems[0];
-					}
-				} else {
-					setTimeout(function () {
-						setIcon('#tool_select', 'select');
-					}, 1000);
-				}
-			};
-
-			var saveHandler = function(wind, svg) {
-				editor.showSaveWarning = false;
-
-				// by default, we add the XML prolog back, systems integrating SVG-edit (wikis, CMSs)
-				// can just provide their own custom save handler and might not want the XML prolog
-				svg = '<?xml version="1.0"?>\n' + svg;
-
-				// IE9 doesn't allow standalone Data URLs
-				// https://connect.microsoft.com/IE/feedback/details/542600/data-uri-images-fail-when-loaded-by-themselves
-				if (svgedit.browser.isIE()) {
-					showSourceEditor(0, true);
-					return;
-				}
-
-				// Since saving SVGs by opening a new window was removed in Chrome use artificial link-click
-				// https://stackoverflow.com/questions/45603201/window-is-not-allowed-to-navigate-top-frame-navigations-to-data-urls
-				var a  = document.createElement('a');
-				a.href = 'data:image/svg+xml;base64,' + Utils.encode64(svg);
-				a.download = 'icon.svg';
-		
-				a.click();
-
-				// Alert will only appear the first time saved OR the first time the bug is encountered
-				var done = $.pref('save_notice_done');
-				if (done !== 'all') {
-					var note = uiStrings.notification.saveFromBrowser.replace('%s', 'SVG');
-
-					// Check if FF and has <defs/>
-					if (svgedit.browser.isGecko()) {
-						if (svg.indexOf('<defs') !== -1) {
-							// warning about Mozilla bug #308590 when applicable (seems to be fixed now in Feb 2013)
-							note += '\n\n' + uiStrings.notification.defsFailOnSave;
-							$.pref('save_notice_done', 'all');
-							done = 'all';
-						} else {
-							$.pref('save_notice_done', 'part');
-						}
-					} else {
-						$.pref('save_notice_done', 'all');
-					}
-					if (done !== 'part') {
-						win.alert(note);
-					}
-				}
-			};
-
-			var exportHandler = function(win, data) {
-				var issues = data.issues,
-					exportWindowName = data.exportWindowName;
-
-				if (exportWindowName) {
-					exportWindow = window.open('', exportWindowName); // A hack to get the window via JSON-able name without opening a new one
-				}
-				
-				exportWindow.location.href = data.datauri;
-				var done = $.pref('export_notice_done');
-				if (done !== 'all') {
-					var note = uiStrings.notification.saveFromBrowser.replace('%s', data.type);
-
-					// Check if there's issues
-					if (issues.length) {
-						var pre = '\n \u2022 ';
-						note += ('\n\n' + uiStrings.notification.noteTheseIssues + pre + issues.join(pre));
-					}
-
-					// Note that this will also prevent the notice even though new issues may appear later.
-					// May want to find a way to deal with that without annoying the user
-					$.pref('export_notice_done', 'all');
-					exportWindow.alert(note);
-				}
-			};
-
-			var operaRepaint = function() {
-				// Repaints canvas in Opera. Needed for stroke-dasharray change as well as fill change
-				if (!window.opera) {
-					return;
-				}
-				$('<p/>').hide().appendTo('body').remove();
-			};
-
-			function setStrokeOpt(opt, changeElem) {
-				var id = opt.id;
-				var bits = id.split('_');
-				var pre = bits[0];
-				var val = bits[1];
-
-				if (changeElem) {
-					svgCanvas.setStrokeAttr('stroke-' + pre, val);
-				}
-				operaRepaint();
-				setIcon('#cur_' + pre, id, 20);
-				$(opt).addClass('current').siblings().removeClass('current');
-			}
-
-			// This is a common function used when a tool has been clicked (chosen)
-			// It does several common things:
-			// - removes the tool_button_current class from whatever tool currently has it
-			// - hides any flyouts
-			// - adds the tool_button_current class to the button passed in
-			var toolButtonClick = editor.toolButtonClick = function(button, noHiding) {
-				if ($(button).hasClass('disabled')) {return false;}
-				if ($(button).parent().hasClass('tools_flyout')) {return true;}
-				var fadeFlyouts = 'normal';
-				if (!noHiding) {
-					$('.tools_flyout').fadeOut(fadeFlyouts);
-				}
-				$('#styleoverrides').text('');
-				workarea.css('cursor', 'auto');
-				$('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
-				$(button).addClass('tool_button_current').removeClass('tool_button');
-				return true;
-			};
-
-			var clickSelect = editor.clickSelect = function() {
-				if (toolButtonClick('#tool_select')) {
-					svgCanvas.setMode('select');
-					$('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all}, #svgcanvas svg{cursor:default}');
-				}
-			};
-
-			var setImageURL = editor.setImageURL = function(url) {
-				if (!url) {
-					url = defaultImageURL;
-				}
-				svgCanvas.setImageURL(url);
-				$('#image_url').val(url);
-
-				if (url.indexOf('data:') === 0) {
-					// data URI found
-					$('#image_url').hide();
-					$('#change_image_url').show();
-				} else {
-					// regular URL
-					svgCanvas.embedImage(url, function(dataURI) {
-						// Couldn't embed, so show warning
-						$('#url_notice').toggle(!dataURI);
-						defaultImageURL = url;
-					});
-					$('#image_url').show();
-					$('#change_image_url').hide();
-				}
-			};
-
-			function setBackground (color, url) {
-				// if (color == $.pref('bkgd_color') && url == $.pref('bkgd_url')) {return;}
-				$.pref('bkgd_color', color);
-				$.pref('bkgd_url', url);
-
-				// This should be done in svgcanvas.js for the borderRect fill
-				svgCanvas.setBackground(color, url);
-			}
-
-			function promptImgURL() {
-				var curhref = svgCanvas.getHref(selectedElement);
-				curhref = curhref.indexOf('data:') === 0 ? '' : curhref;
-				$.prompt(uiStrings.notification.enterNewImgURL, curhref, function(url) {
-					if (url) {setImageURL(url);}
-				});
-			}
-
-			var setInputWidth = function(elem) {
-				var w = Math.min(Math.max(12 + elem.value.length * 6, 50), 300);
-				$(elem).width(w);
-			};
-
-			function updateRulers(scanvas, zoom) {
-				if (!zoom) {zoom = svgCanvas.getZoom();}
-				if (!scanvas) {scanvas = $('#svgcanvas');}
-
-				var d, i;
-				var limit = 30000;
-				var contentElem = svgCanvas.getContentElem();
-				var units = svgedit.units.getTypeMap();
-				var unit = units[curConfig.baseUnit]; // 1 = 1px
-
-				// draw x ruler then y ruler
-				for (d = 0; d < 2; d++) {
-					var isX = (d === 0);
-					var dim = isX ? 'x' : 'y';
-					var lentype = isX ? 'width' : 'height';
-					var contentDim = Number(contentElem.getAttribute(dim));
-
-					var $hcanv_orig = $('#ruler_' + dim + ' canvas:first');
-
-					// Bit of a hack to fully clear the canvas in Safari & IE9
-					var $hcanv = $hcanv_orig.clone();
-					$hcanv_orig.replaceWith($hcanv);
-
-					var hcanv = $hcanv[0];
-
-					// Set the canvas size to the width of the container
-					var ruler_len = scanvas[lentype]();
-					var total_len = ruler_len;
-					hcanv.parentNode.style[lentype] = total_len + 'px';
-					var ctx_num = 0;
-					var ctx = hcanv.getContext('2d');
-					var ctx_arr, num, ctx_arr_num;
-
-					ctx.fillStyle = 'rgb(200,0,0)';
-					ctx.fillRect(0, 0, hcanv.width, hcanv.height);
-
-					// Remove any existing canvasses
-					$hcanv.siblings().remove();
-					
-					// Create multiple canvases when necessary (due to browser limits)
-					if (ruler_len >= limit) {
-						ctx_arr_num = parseInt(ruler_len / limit, 10) + 1;
-						ctx_arr = [];
-						ctx_arr[0] = ctx;
-						var copy;
-						for (i = 1; i < ctx_arr_num; i++) {
-							hcanv[lentype] = limit;
-							copy = hcanv.cloneNode(true);
-							hcanv.parentNode.appendChild(copy);
-							ctx_arr[i] = copy.getContext('2d');
-						}
-
-						copy[lentype] = ruler_len % limit;
-
-						// set copy width to last
-						ruler_len = limit;
-					}
-
-					hcanv[lentype] = ruler_len;
-
-					var u_multi = unit * zoom;
-
-					// Calculate the main number interval
-					var raw_m = 50 / u_multi;
-					var multi = 1;
-					for (i = 0; i < r_intervals.length; i++) {
-						num = r_intervals[i];
-						multi = num;
-						if (raw_m <= num) {
-							break;
-						}
-					}
-
-					var big_int = multi * u_multi;
-
-					ctx.font = '9px sans-serif';
-
-					var ruler_d = ((contentDim / u_multi) % multi) * u_multi;
-					var label_pos = ruler_d - big_int;
-					// draw big intervals
-					while (ruler_d < total_len) {
-						label_pos += big_int;
-						// var real_d = ruler_d - contentDim; // Currently unused
-
-						var cur_d = Math.round(ruler_d) + 0.5;
-						if (isX) {
-							ctx.moveTo(cur_d, 15);
-							ctx.lineTo(cur_d, 0);
-						}
-						else {
-							ctx.moveTo(15, cur_d);
-							ctx.lineTo(0, cur_d);
-						}
-
-						num = (label_pos - contentDim) / u_multi;
-						var label;
-						if (multi >= 1) {
-							label = Math.round(num);
-						}
-						else {
-							var decs = String(multi).split('.')[1].length;
-							label = num.toFixed(decs);
-						}
-
-						// Change 1000s to Ks
-						if (label !== 0 && label !== 1000 && label % 1000 === 0) {
-							label = (label / 1000) + 'K';
-						}
-
-						if (isX) {
-							ctx.fillText(label, ruler_d+2, 8);
-						} else {
-							// draw label vertically
-							var str = String(label).split('');
-							for (i = 0; i < str.length; i++) {
-								ctx.fillText(str[i], 1, (ruler_d+9) + i*9);
-							}
-						}
-
-						var part = big_int / 10;
-						// draw the small intervals
-						for (i = 1; i < 10; i++) {
-							var sub_d = Math.round(ruler_d + part * i) + 0.5;
-							if (ctx_arr && sub_d > ruler_len) {
-								ctx_num++;
-								ctx.stroke();
-								if (ctx_num >= ctx_arr_num) {
-									i = 10;
-									ruler_d = total_len;
-									continue;
-								}
-								ctx = ctx_arr[ctx_num];
-								ruler_d -= limit;
-								sub_d = Math.round(ruler_d + part * i) + 0.5;
-							}
-
-							// odd lines are slighly longer
-							var line_num = (i % 2) ? 12 : 10;
-							if (isX) {
-								ctx.moveTo(sub_d, 15);
-								ctx.lineTo(sub_d, line_num);
-							} else {
-								ctx.moveTo(15, sub_d);
-								ctx.lineTo(line_num, sub_d);
-							}
-						}
-						ruler_d += big_int;
-					}
-					ctx.strokeStyle = '#000';
-					ctx.stroke();
-				}
-			}
-
-			var updateCanvas = editor.updateCanvas = function(center, new_ctr) {
-				var w = workarea.width(), h = workarea.height();
-				var w_orig = w, h_orig = h;
-				var zoom = svgCanvas.getZoom();
-				var w_area = workarea;
-				var cnvs = $('#svgcanvas');
-				var old_ctr = {
-					x: w_area[0].scrollLeft + w_orig/2,
-					y: w_area[0].scrollTop + h_orig/2
-				};
-				var multi = curConfig.canvas_expansion;
-				w = Math.max(w_orig, svgCanvas.contentW * zoom * multi);
-				h = Math.max(h_orig, svgCanvas.contentH * zoom * multi);
-
-				if (w == w_orig && h == h_orig) {
-					workarea.css('overflow', 'hidden');
-				} else {
-					workarea.css('overflow', 'scroll');
-				}
-
-				var old_can_y = cnvs.height()/2;
-				var old_can_x = cnvs.width()/2;
-				cnvs.width(w).height(h);
-				var new_can_y = h/2;
-				var new_can_x = w/2;
-				var offset = svgCanvas.updateCanvas(w, h);
-
-				var ratio = new_can_x / old_can_x;
-
-				var scroll_x = w/2 - w_orig/2;
-				var scroll_y = h/2 - h_orig/2;
-
-				if (!new_ctr) {
-					var old_dist_x = old_ctr.x - old_can_x;
-					var new_x = new_can_x + old_dist_x * ratio;
-
-					var old_dist_y = old_ctr.y - old_can_y;
-					var new_y = new_can_y + old_dist_y * ratio;
-
-					new_ctr = {
-						x: new_x,
-						y: new_y
-					};
-				} else {
-					new_ctr.x += offset.x;
-					new_ctr.y += offset.y;
-				}
-
-				if (center) {
-					// Go to top-left for larger documents
-					if (svgCanvas.contentW > w_area.width()) {
-						// Top-left
-						workarea[0].scrollLeft = offset.x - 10;
-						workarea[0].scrollTop = offset.y - 10;
-					} else {
-						// Center
-						w_area[0].scrollLeft = scroll_x;
-						w_area[0].scrollTop = scroll_y;
-					}
-				} else {
-					w_area[0].scrollLeft = new_ctr.x - w_orig/2;
-					w_area[0].scrollTop = new_ctr.y - h_orig/2;
-				}
-				if (curConfig.showRulers) {
-					updateRulers(cnvs, zoom);
-					workarea.scroll();
-				}
-				if (urldata.storagePrompt !== true && !editor.storagePromptClosed) {
-					$('#dialog_box').hide();
-				}
-			};
-
-			var updateToolButtonState = function() {
-				var index, button;
-				var bNoFill = (svgCanvas.getColor('fill') == 'none');
-				var bNoStroke = (svgCanvas.getColor('stroke') == 'none');
-				var buttonsNeedingStroke = [ '#tool_fhpath', '#tool_line' ];
-				var buttonsNeedingFillAndStroke = [ '#tools_rect .tool_button', '#tools_ellipse .tool_button', '#tool_text', '#tool_path'];
-				if (bNoStroke) {
-					for (index in buttonsNeedingStroke) {
-						button = buttonsNeedingStroke[index];
-						if ($(button).hasClass('tool_button_current')) {
-							clickSelect();
-						}
-						$(button).addClass('disabled');
-					}
-				} else {
-					for (index in buttonsNeedingStroke) {
-						button = buttonsNeedingStroke[index];
-						$(button).removeClass('disabled');
-					}
-				}
-
-				if (bNoStroke && bNoFill) {
-					for (index in buttonsNeedingFillAndStroke) {
-						button = buttonsNeedingFillAndStroke[index];
-						if ($(button).hasClass('tool_button_current')) {
-							clickSelect();
-						}
-						$(button).addClass('disabled');
-					}
-				} else {
-					for (index in buttonsNeedingFillAndStroke) {
-						button = buttonsNeedingFillAndStroke[index];
-						$(button).removeClass('disabled');
-					}
-				}
-
-				svgCanvas.runExtensions('toolButtonStateUpdate', {
-					nofill: bNoFill,
-					nostroke: bNoStroke
-				});
-
-				// Disable flyouts if all inside are disabled
-				$('.tools_flyout').each(function() {
-					var shower = $('#' + this.id + '_show');
-					var has_enabled = false;
-					$(this).children().each(function() {
-						if (!$(this).hasClass('disabled')) {
-							has_enabled = true;
-						}
-					});
-					shower.toggleClass('disabled', !has_enabled);
-				});
-
-				operaRepaint();
-			};
-
-			// Updates the toolbar (colors, opacity, etc) based on the selected element
-			// This function also updates the opacity and id elements that are in the context panel
-			var updateToolbar = function() {
-				var i, len;
-				if (selectedElement != null) {
-					switch (selectedElement.tagName) {
-					case 'use':
-					case 'image':
-					case 'foreignObject':
-						break;
-					case 'g':
-					case 'a':
-						// Look for common styles
-						var gWidth = null;
-						var childs = selectedElement.getElementsByTagName('*');
-						for (i = 0, len = childs.length; i < len; i++) {
-							var swidth = childs[i].getAttribute('stroke-width');
-
-							if (i === 0) {
-								gWidth = swidth;
-							} else if (gWidth !== swidth) {
-								gWidth = null;
-							}
-						}
-
-						$('#stroke_width').val(gWidth === null ? '' : gWidth);
-
-						paintBox.fill.update(true);
-						paintBox.stroke.update(true);
-
-						break;
-					default:
-						paintBox.fill.update(true);
-						paintBox.stroke.update(true);
-
-						$('#stroke_width').val(selectedElement.getAttribute('stroke-width') || 1);
-						$('#stroke_style').val(selectedElement.getAttribute('stroke-dasharray') || 'none');
-
-						var attr = selectedElement.getAttribute('stroke-linejoin') || 'miter';
-
-						if ($('#linejoin_' + attr).length != 0) {
-							setStrokeOpt($('#linejoin_' + attr)[0]);
-						}
-
-						attr = selectedElement.getAttribute('stroke-linecap') || 'butt';
-
-						if ($('#linecap_' + attr).length != 0) {
-							setStrokeOpt($('#linecap_' + attr)[0]);
-						}
-					}
-				}
-
-				// All elements including image and group have opacity
-				if (selectedElement != null) {
-					var opac_perc = ((selectedElement.getAttribute('opacity')||1.0)*100);
-					$('#group_opacity').val(opac_perc);
-					$('#opac_slider').slider('option', 'value', opac_perc);
-					$('#elem_id').val(selectedElement.id);
-					$('#elem_class').val(selectedElement.getAttribute("class"));
-				}
-
-				updateToolButtonState();
-			};
-
-			// updates the context panel tools based on the selected element
-			var updateContextPanel = function() {
-				var elem = selectedElement;
-				// If element has just been deleted, consider it null
-				if (elem != null && !elem.parentNode) {elem = null;}
-				var currentLayerName = svgCanvas.getCurrentDrawing().getCurrentLayerName();
-				var currentMode = svgCanvas.getMode();
-				var unit = curConfig.baseUnit !== 'px' ? curConfig.baseUnit : null;
-
-				var is_node = currentMode == 'pathedit'; //elem ? (elem.id && elem.id.indexOf('pathpointgrip') == 0) : false;
-				var menu_items = $('#cmenu_canvas li');
-				$('#selected_panel, #multiselected_panel, #g_panel, #rect_panel, #circle_panel,'+
-					'#ellipse_panel, #line_panel, #text_panel, #image_panel, #container_panel,'+
-					' #use_panel, #a_panel').hide();
-				if (elem != null) {
-					var elname = elem.nodeName;
-					// If this is a link with no transform and one child, pretend
-					// its child is selected
-//					if (elname === 'a') { // && !$(elem).attr('transform')) {
-//						elem = elem.firstChild;
-//					}
-
-					var angle = svgCanvas.getRotationAngle(elem);
-					$('#angle').val(angle);
-
-					var blurval = svgCanvas.getBlur(elem);
-					$('#blur').val(blurval);
-					$('#blur_slider').slider('option', 'value', blurval);
-
-					if (svgCanvas.addedNew) {
-						if (elname === 'image' && svgCanvas.getMode() === 'image') {
-							// Prompt for URL if not a data URL
-							if (svgCanvas.getHref(elem).indexOf('data:') !== 0) {
-								promptImgURL();
-							}
-						} /*else if (elname == 'text') {
-							// TODO: Do something here for new text
-						}*/
-					}
-
-					if (!is_node && currentMode != 'pathedit') {
-						$('#selected_panel').show();
-						// Elements in this array already have coord fields
-						if (['line', 'circle', 'ellipse'].indexOf(elname) >= 0) {
-							$('#xy_panel').hide();
-						} else {
-							var x, y;
-
-							// Get BBox vals for g, polyline and path
-							if (['g', 'polyline', 'path'].indexOf(elname) >= 0) {
-								var bb = svgCanvas.getStrokedBBox([elem]);
-								if (bb) {
-									x = bb.x;
-									y = bb.y;
-								}
-							} else {
-								x = elem.getAttribute('x');
-								y = elem.getAttribute('y');
-							}
-
-							if (unit) {
-								x = svgedit.units.convertUnit(x);
-								y = svgedit.units.convertUnit(y);
-							}
-
-							$('#selected_x').val(x || 0);
-							$('#selected_y').val(y || 0);
-							$('#xy_panel').show();
-						}
-
-						// Elements in this array cannot be converted to a path
-						var no_path = ['image', 'text', 'path', 'g', 'use'].indexOf(elname) == -1;
-						$('#tool_topath').toggle(no_path);
-						$('#tool_reorient').toggle(elname === 'path');
-						$('#tool_reorient').toggleClass('disabled', angle === 0);
-					} else {
-						var point = path.getNodePoint();
-						$('#tool_add_subpath').removeClass('push_button_pressed').addClass('tool_button');
-						$('#tool_node_delete').toggleClass('disabled', !path.canDeleteNodes);
-
-						// Show open/close button based on selected point
-						setIcon('#tool_openclose_path', path.closed_subpath ? 'open_path' : 'close_path');
-
-						if (point) {
-							var seg_type = $('#seg_type');
-							if (unit) {
-								point.x = svgedit.units.convertUnit(point.x);
-								point.y = svgedit.units.convertUnit(point.y);
-							}
-							$('#path_node_x').val(point.x);
-							$('#path_node_y').val(point.y);
-							if (point.type) {
-								seg_type.val(point.type).removeAttr('disabled');
-							} else {
-								seg_type.val(4).attr('disabled', 'disabled');
-							}
-						}
-						return;
-					}
-
-					// update contextual tools here
-					var panels = {
-						g: [],
-						a: [],
-						rect: ['rx', 'width', 'height'],
-						image: ['width', 'height'],
-						circle: ['cx', 'cy', 'r'],
-						ellipse: ['cx', 'cy', 'rx', 'ry'],
-						line: ['x1', 'y1', 'x2', 'y2'],
-						text: [],
-						use: []
-					};
-
-					var el_name = elem.tagName;
-
-//					if ($(elem).data('gsvg')) {
-//						$('#g_panel').show();
-//					}
-
-					var link_href = null;
-					if (el_name === 'a') {
-						link_href = svgCanvas.getHref(elem);
-						$('#g_panel').show();
-					}
-
-					if (elem.parentNode.tagName === 'a') {
-						if (!$(elem).siblings().length) {
-							$('#a_panel').show();
-							link_href = svgCanvas.getHref(elem.parentNode);
-						}
-					}
-
-					// Hide/show the make_link buttons
-					$('#tool_make_link, #tool_make_link').toggle(!link_href);
-
-					if (link_href) {
-						$('#link_url').val(link_href);
-					}
-
-					if (panels[el_name]) {
-						var cur_panel = panels[el_name];
-
-						$('#' + el_name + '_panel').show();
-
-						$.each(cur_panel, function(i, item) {
-							var attrVal = elem.getAttribute(item);
-							if (curConfig.baseUnit !== 'px' && elem[item]) {
-								var bv = elem[item].baseVal.value;
-								attrVal = svgedit.units.convertUnit(bv);
-							}
-							$('#' + el_name + '_' + item).val(attrVal || 0);
-						});
-
-						if (el_name == 'text') {
-							$('#text_panel').css('display', 'inline');
-							$('#tool_font_size').css('display', 'inline');
-							if (svgCanvas.getItalic()) {
-								$('#tool_italic').addClass('push_button_pressed').removeClass('tool_button');
-							} else {
-								$('#tool_italic').removeClass('push_button_pressed').addClass('tool_button');
-							}
-							if (svgCanvas.getBold()) {
-								$('#tool_bold').addClass('push_button_pressed').removeClass('tool_button');
-							} else {
-								$('#tool_bold').removeClass('push_button_pressed').addClass('tool_button');
-							}
-							$('#font_family').val(elem.getAttribute('font-family'));
-							$('#font_size').val(elem.getAttribute('font-size'));
-							$('#text').val(elem.textContent);
-							if (svgCanvas.addedNew) {
-								// Timeout needed for IE9
-								setTimeout(function() {
-									$('#text').focus().select();
-								}, 100);
-							}
-						} // text
-						else if (el_name == 'image' && svgCanvas.getMode() == 'image') {
-							setImageURL(svgCanvas.getHref(elem));
-						} // image
-						else if (el_name === 'g' || el_name === 'use') {
-							$('#container_panel').show();
-							var title = svgCanvas.getTitle();
-							var label = $('#g_title')[0];
-							label.value = title;
-							setInputWidth(label);
-							$('#g_title').prop('disabled', el_name == 'use');
-						}
-					}
-					menu_items[(el_name === 'g' ? 'en' : 'dis') + 'ableContextMenuItems']('#ungroup');
-					menu_items[((el_name === 'g' || !multiselected) ? 'dis' : 'en') + 'ableContextMenuItems']('#group');
-				} // if (elem != null)
-				else if (multiselected) {
-					$('#multiselected_panel').show();
-					menu_items
-						.enableContextMenuItems('#group')
-						.disableContextMenuItems('#ungroup');
-				} else {
-					menu_items.disableContextMenuItems('#delete,#cut,#copy,#group,#ungroup,#move_front,#move_up,#move_down,#move_back');
-				}
-
-				// update history buttons
-				$('#tool_undo').toggleClass('disabled', undoMgr.getUndoStackSize() === 0);
-				$('#tool_redo').toggleClass('disabled', undoMgr.getRedoStackSize() === 0);
-
-				svgCanvas.addedNew = false;
-
-				if ( (elem && !is_node)	|| multiselected) {
-					// update the selected elements' layer
-					$('#selLayerNames').removeAttr('disabled').val(currentLayerName);
-
-					// Enable regular menu options
-					canv_menu.enableContextMenuItems('#delete,#cut,#copy,#move_front,#move_up,#move_down,#move_back');
-				} else {
-					$('#selLayerNames').attr('disabled', 'disabled');
-				}
-			};
-
-			var updateWireFrame = function() {
-				// Test support
-				if (supportsNonSS) {return;}
-
-				var rule = '#workarea.wireframe #svgcontent * { stroke-width: ' + 1/svgCanvas.getZoom() + 'px; }';
-				$('#wireframe_rules').text(workarea.hasClass('wireframe') ? rule : '');
-			};
-
-			var updateTitle = function(title) {
-				title = title || svgCanvas.getDocumentTitle();
-				var newTitle = origTitle + (title ? ': ' + title : '');
-
-				// Remove title update with current context info, isn't really necessary
-//				if (cur_context) {
-//					new_title = new_title + cur_context;
-//				}
-				$('title:first').text(newTitle);
-			};
-
-			// called when we've selected a different element
-			var selectedChanged = function(win, elems) {
-				var mode = svgCanvas.getMode();
-				if (mode === 'select') {
-					setSelectMode();
-				}
-				var is_node = (mode == "pathedit");
-				// if elems[1] is present, then we have more than one element
-				selectedElement = (elems.length === 1 || elems[1] == null ? elems[0] : null);
-				multiselected = (elems.length >= 2 && elems[1] != null);
-				if (selectedElement != null) {
-					// unless we're already in always set the mode of the editor to select because
-					// upon creation of a text element the editor is switched into
-					// select mode and this event fires - we need our UI to be in sync
-
-					if (!is_node) {
-						updateToolbar();
-					}
-				} // if (elem != null)
-
-				// Deal with pathedit mode
-				togglePathEditMode(is_node, elems);
-				updateContextPanel();
-				svgCanvas.runExtensions('selectedChanged', {
-					elems: elems,
-					selectedElement: selectedElement,
-					multiselected: multiselected
-				});
-			};
-
-			// Call when part of element is in process of changing, generally
-			// on mousemove actions like rotate, move, etc.
-			var elementTransition = function(win, elems) {
-				var mode = svgCanvas.getMode();
-				var elem = elems[0];
-
-				if (!elem) {
-					return;
-				}
-
-				multiselected = (elems.length >= 2 && elems[1] != null);
-				// Only updating fields for single elements for now
-				if (!multiselected) {
-					switch (mode) {
-						case 'rotate':
-							var ang = svgCanvas.getRotationAngle(elem);
-							$('#angle').val(ang);
-							$('#tool_reorient').toggleClass('disabled', ang === 0);
-							break;
-
-						// TODO: Update values that change on move/resize, etc
-//						case "select":
-//						case "resize":
-//							break;
-					}
-				}
-				svgCanvas.runExtensions('elementTransition', {
-					elems: elems
-				});
-			};
-
-			/**
-			 * Test whether an element is a layer or not.
-			 * @param {SVGGElement} elem - The SVGGElement to test.
-			 * @returns {boolean} True if the element is a layer
-			 */
-			function isLayer(elem) {
-				return elem && elem.tagName === 'g' && svgedit.draw.Layer.CLASS_REGEX.test(elem.getAttribute('class'))
-			}
-
-			// called when any element has changed
-			var elementChanged = function(win, elems) {
-				var i,
-					mode = svgCanvas.getMode();
-				if (mode === 'select') {
-					setSelectMode();
-				}
-
-				for (i = 0; i < elems.length; ++i) {
-					var elem = elems[i];
-
-					var isSvgElem = (elem && elem.tagName === 'svg');
-					if (isSvgElem || isLayer(elem)) {
-						populateLayers();
-						// if the element changed was the svg, then it could be a resolution change
-						if (isSvgElem) {
-							updateCanvas();
-						}
-					}
-					// Update selectedElement if element is no longer part of the image.
-					// This occurs for the text elements in Firefox
-					else if (elem && selectedElement && selectedElement.parentNode == null) {
-//						|| elem && elem.tagName == "path" && !multiselected) { // This was added in r1430, but not sure why
-						selectedElement = elem;
-					}
-				}
-
-				editor.showSaveWarning = true;
-
-				// we update the contextual panel with potentially new
-				// positional/sizing information (we DON'T want to update the
-				// toolbar here as that creates an infinite loop)
-				// also this updates the history buttons
-
-				// we tell it to skip focusing the text control if the
-				// text element was previously in focus
-				updateContextPanel();
-
-				// In the event a gradient was flipped:
-				if (selectedElement && mode === 'select') {
-					paintBox.fill.update();
-					paintBox.stroke.update();
-				}
-
-				svgCanvas.runExtensions('elementChanged', {
-					elems: elems
-				});
-			};
-
-			var zoomDone = function() {
-				updateWireFrame();
-				// updateCanvas(); // necessary?
-			};
-
-			var zoomChanged = svgCanvas.zoomChanged = function(win, bbox, autoCenter) {
-				var scrbar = 15,
-					// res = svgCanvas.getResolution(), // Currently unused
-					w_area = workarea;
-				// var canvas_pos = $('#svgcanvas').position(); // Currently unused
-				var z_info = svgCanvas.setBBoxZoom(bbox, w_area.width()-scrbar, w_area.height()-scrbar);
-				if (!z_info) {return;}
-				var zoomlevel = z_info.zoom,
-					bb = z_info.bbox;
-
-				if (zoomlevel < 0.001) {
-					changeZoom({value: 0.1});
-					return;
-				}
-
-				$('#zoom').val((zoomlevel*100).toFixed(1));
-
-				if (autoCenter) {
-					updateCanvas();
-				} else {
-					updateCanvas(false, {x: bb.x * zoomlevel + (bb.width * zoomlevel)/2, y: bb.y * zoomlevel + (bb.height * zoomlevel)/2});
-				}
-
-				if (svgCanvas.getMode() == 'zoom' && bb.width) {
-					// Go to select if a zoom box was drawn
-					setSelectMode();
-				}
-
-				zoomDone();
-			};
-
-			changeZoom = function(ctl) {
-				var zoomlevel = ctl.value / 100;
-				if (zoomlevel < 0.001) {
-					ctl.value = 0.1;
-					return;
-				}
-				var zoom = svgCanvas.getZoom();
-				var w_area = workarea;
-
-				zoomChanged(window, {
-					width: 0,
-					height: 0,
-					// center pt of scroll position
-					x: (w_area[0].scrollLeft + w_area.width()/2)/zoom,
-					y: (w_area[0].scrollTop + w_area.height()/2)/zoom,
-					zoom: zoomlevel
-				}, true);
-			};
-
-			$('#cur_context_panel').delegate('a', 'click', function() {
-				var link = $(this);
-				if (link.attr('data-root')) {
-					svgCanvas.leaveContext();
-				} else {
-					svgCanvas.setContext(link.text());
-				}
-				svgCanvas.clearSelection();
-				return false;
-			});
-
-			var contextChanged = function(win, context) {
-				var link_str = '';
-				if (context) {
-					var str = '';
-					link_str = '<a href="#" data-root="y">' + svgCanvas.getCurrentDrawing().getCurrentLayerName() + '</a>';
-
-					$(context).parentsUntil('#svgcontent > g').andSelf().each(function() {
-						if (this.id) {
-							str += ' > ' + this.id;
-							if (this !== context) {
-								link_str += ' > <a href="#">' + this.id + '</a>';
-							} else {
-								link_str += ' > ' + this.id;
-							}
-						}
-					});
-
-					cur_context = str;
-				} else {
-					cur_context = null;
-				}
-				$('#cur_context_panel').toggle(!!context).html(link_str);
-
-				updateTitle();
-			};
-
-			// Makes sure the current selected paint is available to work with
-			var prepPaints = function() {
-				paintBox.fill.prep();
-				paintBox.stroke.prep();
-			};
-
-			var flyout_funcs = {};
-
-			var setFlyoutTitles = function() {
-				$('.tools_flyout').each(function() {
-					var shower = $('#' + this.id + '_show');
-					if (shower.data('isLibrary')) {
-						return;
-					}
-
-					var tooltips = [];
-					$(this).children().each(function() {
-						tooltips.push(this.title);
-					});
-					shower[0].title = tooltips.join(' / ');
-				});
-			};
-
-			var setFlyoutPositions = function() {
-				$('.tools_flyout').each(function() {
-					var shower = $('#' + this.id + '_show');
-					var pos = shower.offset();
-					var w = shower.outerWidth();
-					$(this).css({left: (pos.left + w) * editor.tool_scale, top: pos.top});
-				});
-			};
-
-			var setupFlyouts = function(holders) {
-				$.each(holders, function(hold_sel, btn_opts) {
-					var buttons = $(hold_sel).children();
-					var show_sel = hold_sel + '_show';
-					var shower = $(show_sel);
-					var def = false;
-					buttons.addClass('tool_button')
-						.unbind('click mousedown mouseup') // may not be necessary
-						.each(function(i) {
-							// Get this buttons options
-							var opts = btn_opts[i];
-
-							// Remember the function that goes with this ID
-							flyout_funcs[opts.sel] = opts.fn;
-
-							if (opts.isDefault) {def = i;}
-
-							// Clicking the icon in flyout should set this set's icon
-							var func = function(event) {
-								var options = opts;
-								//find the currently selected tool if comes from keystroke
-								if (event.type === 'keydown') {
-									var flyoutIsSelected = $(options.parent + '_show').hasClass('tool_button_current');
-									var currentOperation = $(options.parent + '_show').attr('data-curopt');
-									$.each(holders[opts.parent], function(i, tool) {
-										if (tool.sel == currentOperation) {
-											if (!event.shiftKey || !flyoutIsSelected) {
-												options = tool;
-											} else {
-												options = holders[opts.parent][i+1] || holders[opts.parent][0];
-											}
-										}
-									});
-								}
-								if ($(this).hasClass('disabled')) {return false;}
-								if (toolButtonClick(show_sel)) {
-									options.fn();
-								}
-								var icon;
-								if (options.icon) {
-									icon = $.getSvgIcon(options.icon, true);
-								} else {
-									icon = $(options.sel).children().eq(0).clone();
-								}
-
-								icon[0].setAttribute('width', shower.width());
-								icon[0].setAttribute('height', shower.height());
-								shower.children(':not(.flyout_arrow_horiz)').remove();
-								shower.append(icon).attr('data-curopt', options.sel); // This sets the current mode
-							};
-
-							$(this).mouseup(func);
-
-							if (opts.key) {
-								$(document).bind('keydown', opts.key[0] + ' shift+' + opts.key[0], func);
-							}
-						});
-
-					if (def) {
-						shower.attr('data-curopt', btn_opts[def].sel);
-					} else if (!shower.attr('data-curopt')) {
-						// Set first as default
-						shower.attr('data-curopt', btn_opts[0].sel);
-					}
-
-					var timer;
-					var pos = $(show_sel).position();
-
-					// Clicking the "show" icon should set the current mode
-					shower.mousedown(function(evt) {
-						if (shower.hasClass('disabled')) {
-							return false;
-						}
-						var holder = $(hold_sel);
-						var l = pos.left + 34;
-						var w = holder.width() * -1;
-						var time = holder.data('shown_popop') ? 200 : 0;
-						timer = setTimeout(function() {
-							// Show corresponding menu
-							if (!shower.data('isLibrary')) {
-								holder.css('left', w).show().animate({
-									left: l
-								}, 150);
-							} else {
-								holder.css('left', l).show();
-							}
-							holder.data('shown_popop', true);
-						},time);
-						evt.preventDefault();
-					}).mouseup(function(evt) {
-						clearTimeout(timer);
-						var opt = $(this).attr('data-curopt');
-						// Is library and popped up, so do nothing
-						if (shower.data('isLibrary') && $(show_sel.replace('_show', '')).is(':visible')) {
-							toolButtonClick(show_sel, true);
-							return;
-						}
-						if (toolButtonClick(show_sel) && flyout_funcs[opt]) {
-							flyout_funcs[opt]();
-						}
-					});
-					// $('#tools_rect').mouseleave(function(){$('#tools_rect').fadeOut();});
-				});
-				setFlyoutTitles();
-				setFlyoutPositions();
-			};
-
-			var makeFlyoutHolder = function(id, child) {
-				var div = $('<div>', {
-					'class': 'tools_flyout',
-					id: id
-				}).appendTo('#svg_editor').append(child);
-
-				return div;
-			};
-
-			var uaPrefix = (function() {
-				var prop;
-				var regex = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/;
-				var someScript = document.getElementsByTagName('script')[0];
-				for (prop in someScript.style) {
-					if (regex.test(prop)) {
-						// test is faster than match, so it's better to perform
-						// that on the lot and match only when necessary
-						return prop.match(regex)[0];
-					}
-				}
-				// Nothing found so far?
-				if ('WebkitOpacity' in someScript.style) {return 'Webkit';}
-				if ('KhtmlOpacity' in someScript.style) {return 'Khtml';}
-
-				return '';
-			}());
-
-			var scaleElements = function(elems, scale) {
-				// var prefix = '-' + uaPrefix.toLowerCase() + '-'; // Currently unused
-				var sides = ['top', 'left', 'bottom', 'right'];
-
-				elems.each(function() {
-					// Handled in CSS
-					// this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';
-					var i;
-					var el = $(this);
-					var w = el.outerWidth() * (scale - 1);
-					var h = el.outerHeight() * (scale - 1);
-					// var margins = {}; // Currently unused
-
-					for (i = 0; i < 4; i++) {
-						var s = sides[i];
-						var cur = el.data('orig_margin-' + s);
-						if (cur == null) {
-							cur = parseInt(el.css('margin-' + s), 10);
-							// Cache the original margin
-							el.data('orig_margin-' + s, cur);
-						}
-						var val = cur * scale;
-						if (s === 'right') {
-							val += w;
-						} else if (s === 'bottom') {
-							val += h;
-						}
-
-						el.css('margin-' + s, val);
-						// el.css('outline', '1px solid red');
-					}
-				});
-			};
-
-			var setIconSize = editor.setIconSize = function (size) {
-
-//				var elems = $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open');
-				var sel_toscale = '#tools_top .toolset, #editor_panel > *, #history_panel > *,'+
-'				#main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,'+
-'				#g_panel > *, #tool_font_size > *, .tools_flyout';
-
-				var elems = $(sel_toscale);
-				var scale = 1;
-
-				if (typeof size === 'number') {
-					scale = size;
-				} else {
-					var icon_sizes = {s: 0.75, m:1, l: 1.25, xl: 1.5};
-					scale = icon_sizes[size];
-				}
-
-				editor.tool_scale = scale;
-
-				setFlyoutPositions();
-				// $('.tools_flyout').each(function() {
-//					var pos = $(this).position();
-//					console.log($(this), pos.left+(34 * scale));
-//					$(this).css({'left': pos.left+(34 * scale), 'top': pos.top+(77 * scale)});
-//					console.log('l', $(this).css('left'));
-//				});
-
-//				var scale = .75;
-
-				var hidden_ps = elems.parents(':hidden');
-				hidden_ps.css('visibility', 'hidden').show();
-				scaleElements(elems, scale);
-				hidden_ps.css('visibility', 'visible').hide();
-//				return;
-
-				$.pref('iconsize', size);
-				$('#iconsize').val(size);
-
-				// Change icon size
-//				$('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open')
-//				.find('> svg, > img').each(function() {
-//					this.setAttribute('width',size_num);
-//					this.setAttribute('height',size_num);
-//				});
+const editor = {};
+
+const $ = [
+  jqPluginJSHotkeys, jqPluginBBQ, jqPluginSVGIcons, jqPluginJGraduate,
+  jqPluginSpinBtn, jqPluginSVG, jqPluginContextMenu, jqPluginJPicker
+].reduce(($, cb) => cb($), jQuery);
+
+/*
+if (!$.loadingStylesheets) {
+  $.loadingStylesheets = [];
+}
+*/
+const stylesheet = 'svg-editor.css';
+if (!$.loadingStylesheets.includes(stylesheet)) {
+  $.loadingStylesheets.push(stylesheet);
+}
+const favicon = 'images/logo.png';
+if ($.loadingStylesheets.some((item) => {
+  return !Array.isArray(item) || item[0] !== favicon;
+})) {
+  $.loadingStylesheets.push([favicon, {favicon: true}]);
+}
+
+// EDITOR PROPERTIES: (defined below)
+//    curPrefs, curConfig, canvas, storage, uiStrings
 //
-//				$.resizeSvgIcons({
-//					'.flyout_arrow_horiz > svg, .flyout_arrow_horiz > img': size_num / 5,
-//					'#logo > svg, #logo > img': size_num * 1.3,
-//					'#tools_bottom .icon_label > *': (size_num === 16 ? 18 : size_num * .75)
-//				});
-//				if (size != 's') {
-//					$.resizeSvgIcons({'#layerbuttons svg, #layerbuttons img': size_num * .6});
-//				}
-
-				// Note that all rules will be prefixed with '#svg_editor' when parsed
-				var cssResizeRules = {
-//					'.tool_button,\
-//					.push_button,\
-//					.tool_button_current,\
-//					.push_button_pressed,\
-//					.disabled,\
-//					.icon_label,\
-//					.tools_flyout .tool_button': {
-//						'width': {s: '16px', l: '32px', xl: '48px'},
-//						'height': {s: '16px', l: '32px', xl: '48px'},
-//						'padding': {s: '1px', l: '2px', xl: '3px'}
-//					},
-//					'.tool_sep': {
-//						'height': {s: '16px', l: '32px', xl: '48px'},
-//						'margin': {s: '2px 2px', l: '2px 5px', xl: '2px 8px'}
-//					},
-//					'#main_icon': {
-//						'width': {s: '31px', l: '53px', xl: '75px'},
-//						'height': {s: '22px', l: '42px', xl: '64px'}
-//					},
-					'#tools_top': {
-						'left': 50 + $('#main_button').width(),
-						'height': 72
-					},
-					'#tools_left': {
-						'width': 31,
-						'top': 74
-					},
-					'div#workarea': {
-						'left': 38,
-						'top': 74
-					}
-//					'#tools_bottom': {
-//						'left': {s: '27px', l: '46px', xl: '65px'},
-//						'height': {s: '58px', l: '98px', xl: '145px'}
-//					},
-//					'#color_tools': {
-//						'border-spacing': {s: '0 1px'},
-//						'margin-top': {s: '-1px'}
-//					},
-//					'#color_tools .icon_label': {
-//						'width': {l:'43px', xl: '60px'}
-//					},
-//					'.color_tool': {
-//						'height': {s: '20px'}
-//					},
-//					'#tool_opacity': {
-//						'top': {s: '1px'},
-//						'height': {s: 'auto', l:'auto', xl:'auto'}
-//					},
-//					'#tools_top input, #tools_bottom input': {
-//						'margin-top': {s: '2px', l: '4px', xl: '5px'},
-//						'height': {s: 'auto', l: 'auto', xl: 'auto'},
-//						'border': {s: '1px solid #555', l: 'auto', xl: 'auto'},
-//						'font-size': {s: '.9em', l: '1.2em', xl: '1.4em'}
-//					},
-//					'#zoom_panel': {
-//						'margin-top': {s: '3px', l: '4px', xl: '5px'}
-//					},
-//					'#copyright, #tools_bottom .label': {
-//						'font-size': {l: '1.5em', xl: '2em'},
-//						'line-height': {s: '15px'}
-//					},
-//					'#tools_bottom_2': {
-//						'width': {l: '295px', xl: '355px'},
-//						'top': {s: '4px'}
-//					},
-//					'#tools_top > div, #tools_top': {
-//						'line-height': {s: '17px', l: '34px', xl: '50px'}
-//					},
-//					'.dropdown button': {
-//						'height': {s: '18px', l: '34px', xl: '40px'},
-//						'line-height': {s: '18px', l: '34px', xl: '40px'},
-//						'margin-top': {s: '3px'}
-//					},
-//					'#tools_top label, #tools_bottom label': {
-//						'font-size': {s: '1em', l: '1.5em', xl: '2em'},
-//						'height': {s: '25px', l: '42px', xl: '64px'}
-//					},
-//					'div.toolset': {
-//						'height': {s: '25px', l: '42px', xl: '64px'}
-//					},
-//					'#tool_bold, #tool_italic': {
-//						'font-size': {s: '1.5em', l: '3em', xl: '4.5em'}
-//					},
-//					'#sidepanels': {
-//						'top': {s: '50px', l: '88px', xl: '125px'},
-//						'bottom': {s: '51px', l: '68px', xl: '65px'}
-//					},
-//					'#layerbuttons': {
-//						'width': {l: '130px', xl: '175px'},
-//						'height': {l: '24px', xl: '30px'}
-//					},
-//					'#layerlist': {
-//						'width': {l: '128px', xl: '150px'}
-//					},
-//					'.layer_button': {
-//						'width': {l: '19px', xl: '28px'},
-//						'height': {l: '19px', xl: '28px'}
-//					},
-//					'input.spin-button': {
-//						'background-image': {l: 'url('images/spinbtn_updn_big.png')', xl: 'url('images/spinbtn_updn_big.png')'},
-//						'background-position': {l: '100% -5px', xl: '100% -2px'},
-//						'padding-right': {l: '24px', xl: '24px' }
-//					},
-//					'input.spin-button.up': {
-//						'background-position': {l: '100% -45px', xl: '100% -42px'}
-//					},
-//					'input.spin-button.down': {
-//						'background-position': {l: '100% -85px', xl: '100% -82px'}
-//					},
-//					'#position_opts': {
-//						'width': {all: (size_num*4) +'px'}
-//					}
-				};
-
-				var rule_elem = $('#tool_size_rules');
-				if (!rule_elem.length) {
-					rule_elem = $('<style id="tool_size_rules"></style>').appendTo('head');
-				} else {
-					rule_elem.empty();
-				}
-
-				if (size !== 'm') {
-					var styleStr = '';
-					$.each(cssResizeRules, function(selector, rules) {
-						selector = '#svg_editor ' + selector.replace(/,/g,', #svg_editor');
-						styleStr += selector + '{';
-						$.each(rules, function(prop, values) {
-							var val;
-							if (typeof values === 'number') {
-								val = (values * scale) + 'px';
-							} else if (values[size] || values.all) {
-								val = (values[size] || values.all);
-							}
-							styleStr += (prop + ':' + val + ';');
-						});
-						styleStr += '}';
-					});
-					//this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';
-					var prefix = '-' + uaPrefix.toLowerCase() + '-';
-					styleStr += (sel_toscale + '{' + prefix + 'transform: scale(' + scale + ');}'
-					+ ' #svg_editor div.toolset .toolset {' + prefix + 'transform: scale(1); margin: 1px !important;}' // Hack for markers
-					+ ' #svg_editor .ui-slider {' + prefix + 'transform: scale(' + (1/scale) + ');}' // Hack for sliders
-					);
-					rule_elem.text(styleStr);
-				}
-
-				setFlyoutPositions();
-			};
-
-			// TODO: Combine this with addDropDown or find other way to optimize
-			var addAltDropDown = function(elem, list, callback, opts) {
-				var button = $(elem);
-				list = $(list);
-				var on_button = false;
-				var dropUp = opts.dropUp;
-				if (dropUp) {
-					$(elem).addClass('dropup');
-				}
-				list.find('li').bind('mouseup', function() {
-					if (opts.seticon) {
-						setIcon('#cur_' + button[0].id , $(this).children());
-						$(this).addClass('current').siblings().removeClass('current');
-					}
-					callback.apply(this, arguments);
-
-				});
-
-				$(window).mouseup(function(evt) {
-					if (!on_button) {
-						button.removeClass('down');
-						list.hide();
-						list.css({top:0, left:0});
-					}
-					on_button = false;
-				});
-
-				// var height = list.height(); // Currently unused
-				button.bind('mousedown',function() {
-					var off = button.offset();
-					if (dropUp) {
-						off.top -= list.height();
-						off.left += 8;
-					} else {
-						off.top += button.height();
-					}
-					list.offset(off);
-
-					if (!button.hasClass('down')) {
-						list.show();
-						on_button = true;
-					} else {
-						// CSS position must be reset for Webkit
-						list.hide();
-						list.css({top:0, left:0});
-					}
-					button.toggleClass('down');
-				}).hover(function() {
-					on_button = true;
-				}).mouseout(function() {
-					on_button = false;
-				});
-
-				if (opts.multiclick) {
-					list.mousedown(function() {
-						on_button = true;
-					});
-				}
-			};
-
-			var extsPreLang = [];
-			var extAdded = function(win, ext) {
-				if (!ext) {
-					return;
-				}
-				var cb_called = false;
-				var resize_done = false;
-				var cb_ready = true; // Set to false to delay callback (e.g. wait for $.svgIcons)
-				
-				if (ext.langReady) {
-					if (editor.langChanged) { // We check for this since the "lang" pref could have been set by storage
-						var lang = $.pref('lang');
-						ext.langReady({lang:lang, uiStrings:uiStrings});
-					}
-					else {
-						extsPreLang.push(ext);
-					}
-				}
-
-				function prepResize() {
-					if (resize_timer) {
-						clearTimeout(resize_timer);
-						resize_timer = null;
-					}
-					if (!resize_done) {
-						resize_timer = setTimeout(function() {
-							resize_done = true;
-							setIconSize($.pref('iconsize'));
-						}, 50);
-					}
-				}
-
-				var runCallback = function() {
-					if (ext.callback && !cb_called && cb_ready) {
-						cb_called = true;
-						ext.callback();
-					}
-				};
-
-				var btn_selects = [];
-
-				if (ext.context_tools) {
-					$.each(ext.context_tools, function(i, tool) {
-						// Add select tool
-						var html;
-						var cont_id = tool.container_id ? (' id="' + tool.container_id + '"') : '';
-						var panel = $('#' + tool.panel);
-
-						// create the panel if it doesn't exist
-						if (!panel.length) {
-							panel = $('<div>', {id: tool.panel}).appendTo('#tools_top');
-						}
-
-						// TODO: Allow support for other types, or adding to existing tool
-						switch (tool.type) {
-						case 'tool_button':
-							html = '<div class="tool_button">' + tool.id + '</div>';
-							var div = $(html).appendTo(panel);
-							if (tool.events) {
-								$.each(tool.events, function(evt, func) {
-									$(div).bind(evt, func);
-								});
-							}
-							break;
-						case 'select':
-							html = '<label' + cont_id + '>'
-								+ '<select id="' + tool.id + '">';
-							$.each(tool.options, function(val, text) {
-								var sel = (val == tool.defval) ? ' selected' : '';
-								html += '<option value="'+val+'"' + sel + '>' + text + '</option>';
-							});
-							html += '</select></label>';
-							// Creates the tool, hides & adds it, returns the select element
-							var sel = $(html).appendTo(panel).find('select');
-
-							$.each(tool.events, function(evt, func) {
-								$(sel).bind(evt, func);
-							});
-							break;
-						case 'button-select':
-							html = '<div id="' + tool.id + '" class="dropdown toolset" title="' + tool.title + '">'
-								+ '<div id="cur_' + tool.id + '" class="icon_label"></div><button></button></div>';
-
-							var list = $('<ul id="' + tool.id + '_opts"></ul>').appendTo('#option_lists');
-
-							if (tool.colnum) {
-								list.addClass('optcols' + tool.colnum);
-							}
-
-							// Creates the tool, hides & adds it, returns the select element
-							var dropdown = $(html).appendTo(panel).children();
-
-							btn_selects.push({
-								elem: ('#' + tool.id),
-								list: ('#' + tool.id + '_opts'),
-								title: tool.title,
-								callback: tool.events.change,
-								cur: ('#cur_' + tool.id)
-							});
-
-							break;
-						case 'input':
-							html = '<label' + cont_id + '>'
-								+ '<span id="' + tool.id + '_label">'
-								+ tool.label + ':</span>'
-								+ '<input id="' + tool.id + '" title="' + tool.title
-								+ '" size="' + (tool.size || '4') + '" value="' + (tool.defval || '') + '" type="text"/></label>';
-
-							// Creates the tool, hides & adds it, returns the select element
-
-							// Add to given tool.panel
-							var inp = $(html).appendTo(panel).find('input');
-
-							if (tool.spindata) {
-								inp.SpinButton(tool.spindata);
-							}
-
-							if (tool.events) {
-								$.each(tool.events, function(evt, func) {
-									inp.bind(evt, func);
-								});
-							}
-							break;
-
-						default:
-							break;
-						}
-					});
-				}
-
-				if (ext.buttons) {
-					var fallback_obj = {},
-						placement_obj = {},
-						svgicons = ext.svgicons,
-						holders = {};
-
-					// Add buttons given by extension
-					$.each(ext.buttons, function(i, btn) {
-						var icon, svgicon, tls_id;
-						var id = btn.id;
-						var num = i;
-
-						// Give button a unique ID
-						while($('#'+id).length) {
-							id = btn.id + '_' + (++num);
-						}
-
-						if (!svgicons) {
-							icon = $('<img src="' + btn.icon + '">');
-						} else {
-							fallback_obj[id] = btn.icon;
-							svgicon = btn.svgicon || btn.id;
-							if (btn.type == 'app_menu') {
-								placement_obj['#' + id + ' > div'] = svgicon;
-							} else {
-								placement_obj['#' + id] = svgicon;
-							}
-						}
-
-						var cls, parent;
-
-						// Set button up according to its type
-						switch ( btn.type ) {
-						case 'mode_flyout':
-						case 'mode':
-							cls = 'tool_button';
-							parent = '#tools_left';
-							break;
-						case 'context':
-							cls = 'tool_button';
-							parent = '#' + btn.panel;
-							// create the panel if it doesn't exist
-							if (!$(parent).length) {
-								$('<div>', {id: btn.panel}).appendTo('#tools_top');
-							}
-							break;
-						case 'app_menu':
-							cls = '';
-							parent = '#main_menu ul';
-							break;
-						}
-						var flyout_holder, cur_h, show_btn, ref_data, ref_btn;
-						var button = $((btn.list || btn.type == 'app_menu') ? '<li/>' : '<div/>')
-							.attr('id', id)
-							.attr('title', btn.title)
-							.addClass(cls);
-						if (!btn.includeWith && !btn.list) {
-							if ('position' in btn) {
-								if ($(parent).children().eq(btn.position).length) {
-									$(parent).children().eq(btn.position).before(button);
-								}
-								else {
-									$(parent).children().last().before(button);
-								}
-							} else {
-								button.appendTo(parent);
-							}
-
-							if (btn.type =='mode_flyout') {
-							// Add to flyout menu / make flyout menu
-	//							var opts = btn.includeWith;
-	//							// opts.button, default, position
-								ref_btn = $(button);
-
-								flyout_holder = ref_btn.parent();
-								// Create a flyout menu if there isn't one already
-								if (!ref_btn.parent().hasClass('tools_flyout')) {
-									// Create flyout placeholder
-									tls_id = ref_btn[0].id.replace('tool_', 'tools_');
-									show_btn = ref_btn.clone()
-										.attr('id', tls_id + '_show')
-										.append($('<div>', {'class': 'flyout_arrow_horiz'}));
-
-									ref_btn.before(show_btn);
-
-									// Create a flyout div
-									flyout_holder = makeFlyoutHolder(tls_id, ref_btn);
-									flyout_holder.data('isLibrary', true);
-									show_btn.data('isLibrary', true);
-								}
-	//							ref_data = Actions.getButtonData(opts.button);
-
-								placement_obj['#' + tls_id + '_show'] = btn.id;
-								// TODO: Find way to set the current icon using the iconloader if this is not default
-
-								// Include data for extension button as well as ref button
-								cur_h = holders['#'+flyout_holder[0].id] = [{
-									sel: '#'+id,
-									fn: btn.events.click,
-									icon: btn.id,
-//									key: btn.key,
-									isDefault: true
-								}, ref_data];
-	//
-	//							// {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
-	//
-	//							var pos = ('position' in opts)?opts.position:'last';
-	//							var len = flyout_holder.children().length;
-	//
-	//							// Add at given position or end
-	//							if (!isNaN(pos) && pos >= 0 && pos < len) {
-	//								flyout_holder.children().eq(pos).before(button);
-	//							} else {
-	//								flyout_holder.append(button);
-	//								cur_h.reverse();
-	//							}
-							} else if (btn.type == 'app_menu') {
-								button.append('<div>').append(btn.title);
-							}
-
-						}
-						else if (btn.list) {
-							// Add button to list
-							button.addClass('push_button');
-							$('#' + btn.list + '_opts').append(button);
-							if (btn.isDefault) {
-								$('#cur_' + btn.list).append(button.children().clone());
-								svgicon = btn.svgicon || btn.id;
-								placement_obj['#cur_' + btn.list] = svgicon;
-							}
-						}
-						else if (btn.includeWith) {
-							// Add to flyout menu / make flyout menu
-							var opts = btn.includeWith;
-							// opts.button, default, position
-							ref_btn = $(opts.button);
-
-							flyout_holder = ref_btn.parent();
-							// Create a flyout menu if there isn't one already
-							if (!ref_btn.parent().hasClass('tools_flyout')) {
-								// Create flyout placeholder
-								tls_id = ref_btn[0].id.replace('tool_', 'tools_');
-								show_btn = ref_btn.clone()
-									.attr('id',tls_id + '_show')
-									.append($('<div>', {'class': 'flyout_arrow_horiz'}));
-
-								ref_btn.before(show_btn);
-
-								// Create a flyout div
-								flyout_holder = makeFlyoutHolder(tls_id, ref_btn);
-							}
-
-							ref_data = Actions.getButtonData(opts.button);
-
-							if (opts.isDefault) {
-								placement_obj['#' + tls_id + '_show'] = btn.id;
-							}
-							// TODO: Find way to set the current icon using the iconloader if this is not default
-
-							// Include data for extension button as well as ref button
-							cur_h = holders['#' + flyout_holder[0].id] = [{
-								sel: '#' + id,
-								fn: btn.events.click,
-								icon: btn.id,
-								key: btn.key,
-								isDefault: btn.includeWith ? btn.includeWith.isDefault : 0
-							}, ref_data];
-
-							// {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
-
-							var pos = ('position' in opts) ? opts.position : 'last';
-							var len = flyout_holder.children().length;
-
-							// Add at given position or end
-							if (!isNaN(pos) && pos >= 0 && pos < len) {
-								flyout_holder.children().eq(pos).before(button);
-							} else {
-								flyout_holder.append(button);
-								cur_h.reverse();
-							}
-						}
-
-						if (!svgicons) {
-							button.append(icon);
-						}
-
-						if (!btn.list) {
-							// Add given events to button
-							$.each(btn.events, function(name, func) {
-								if (name == 'click' && btn.type == 'mode') {
-									if (btn.includeWith) {
-										button.bind(name, func);
-									} else {
-										button.bind(name, function() {
-											if (toolButtonClick(button)) {
-												func();
-											}
-										});
-									}
-									if (btn.key) {
-										$(document).bind('keydown', btn.key, func);
-										if (btn.title) {
-											button.attr('title', btn.title + ' ['+btn.key+']');
-										}
-									}
-								} else {
-									button.bind(name, func);
-								}
-							});
-						}
-
-						setupFlyouts(holders);
-					});
-
-					$.each(btn_selects, function() {
-						addAltDropDown(this.elem, this.list, this.callback, {seticon: true});
-					});
-
-					if (svgicons) {
-						cb_ready = false; // Delay callback
-					}
-
-					$.svgIcons(svgicons, {
-						w: 24, h: 24,
-						id_match: false,
-						no_img: (!svgedit.browser.isWebkit()),
-						fallback: fallback_obj,
-						placement: placement_obj,
-						callback: function (icons) {
-							// Non-ideal hack to make the icon match the current size
-							//if (curPrefs.iconsize && curPrefs.iconsize !== 'm') {
-							if ($.pref('iconsize') !== 'm') {
-								prepResize();
-							}
-							cb_ready = true; // Ready for callback
-							runCallback();
-						}
-					});
-				}
-
-				runCallback();
-			};
-
-			var getPaint = function(color, opac, type) {
-				// update the editor's fill paint
-				var opts = { alpha: opac };
-				if (color.indexOf('url(#') === 0) {
-					var refElem = svgCanvas.getRefElem(color);
-					if (refElem) {
-						refElem = refElem.cloneNode(true);
-					} else {
-						refElem = $('#' + type + '_color defs *')[0];
-					}
-					opts[refElem.tagName] = refElem;
-				} else if (color.indexOf('#') === 0) {
-					opts.solidColor = color.substr(1);
-				} else {
-					opts.solidColor = 'none';
-				}
-				return new $.jGraduate.Paint(opts);
-			};
-
-			$('#text').focus( function(){ textBeingEntered = true; } );
-			$('#text').blur( function(){ textBeingEntered = false; } );
-
-			// bind the selected event to our function that handles updates to the UI
-			svgCanvas.bind('selected', selectedChanged);
-			svgCanvas.bind('transition', elementTransition);
-			svgCanvas.bind('changed', elementChanged);
-			svgCanvas.bind('saved', saveHandler);
-			svgCanvas.bind('exported', exportHandler);
-			svgCanvas.bind('exportedPDF', function (win, data) {
-				var exportWindowName = data.exportWindowName;
-				if (exportWindowName) {
-					exportWindow = window.open('', exportWindowName); // A hack to get the window via JSON-able name without opening a new one
-				}
-				exportWindow.location.href = data.dataurlstring;
-			});
-			svgCanvas.bind('zoomed', zoomChanged);
-			svgCanvas.bind('contextset', contextChanged);
-			svgCanvas.bind('extension_added', extAdded);
-			svgCanvas.textActions.setInputElem($('#text')[0]);
-
-			var str = '<div class="palette_item" data-rgb="none"></div>';
-			$.each(palette, function(i, item) {
-				str += '<div class="palette_item" style="background-color: ' + item + ';" data-rgb="' + item + '"></div>';
-			});
-			$('#palette').append(str);
-
-			// Set up editor background functionality
-			// TODO add checkerboard as "pattern"
-			var color_blocks = ['#FFF', '#888', '#000']; // ,'url(data:image/gif;base64,R0lGODlhEAAQAIAAAP%2F%2F%2F9bW1iH5BAAAAAAALAAAAAAQABAAAAIfjG%2Bgq4jM3IFLJgpswNly%2FXkcBpIiVaInlLJr9FZWAQA7)'];
-			str = '';
-			$.each(color_blocks, function() {
-				str += '<div class="color_block" style="background-color:' + this + ';"></div>';
-			});
-			$('#bg_blocks').append(str);
-			var blocks = $('#bg_blocks div');
-			var cur_bg = 'cur_background';
-			blocks.each(function() {
-				var blk = $(this);
-				blk.click(function() {
-					blocks.removeClass(cur_bg);
-					$(this).addClass(cur_bg);
-				});
-			});
-
-			setBackground($.pref('bkgd_color'), $.pref('bkgd_url'));
-
-			$('#image_save_opts input').val([$.pref('img_save')]);
-
-			var changeRectRadius = function(ctl) {
-				svgCanvas.setRectRadius(ctl.value);
-			};
-
-			var changeFontSize = function(ctl) {
-				svgCanvas.setFontSize(ctl.value);
-			};
-
-			var changeStrokeWidth = function(ctl) {
-				var val = ctl.value;
-				if (val == 0 && selectedElement && ['line', 'polyline'].indexOf(selectedElement.nodeName) >= 0) {
-					val = ctl.value = 1;
-				}
-				svgCanvas.setStrokeWidth(val);
-			};
-
-			var changeRotationAngle = function(ctl) {
-				svgCanvas.setRotationAngle(ctl.value);
-				$('#tool_reorient').toggleClass('disabled', parseInt(ctl.value, 10) === 0);
-			};
-			
-			var changeOpacity = function(ctl, val) {
-				if (val == null) {val = ctl.value;}
-				$('#group_opacity').val(val);
-				if (!ctl || !ctl.handle) {
-					$('#opac_slider').slider('option', 'value', val);
-				}
-				svgCanvas.setOpacity(val/100);
-			};
-
-			var changeBlur = function(ctl, val, noUndo) {
-				if (val == null) {val = ctl.value;}
-				$('#blur').val(val);
-				var complete = false;
-				if (!ctl || !ctl.handle) {
-					$('#blur_slider').slider('option', 'value', val);
-					complete = true;
-				}
-				if (noUndo) {
-					svgCanvas.setBlurNoUndo(val);
-				} else {
-					svgCanvas.setBlur(val, complete);
-				}
-			};
-
-			$('#stroke_style').change(function() {
-				svgCanvas.setStrokeAttr('stroke-dasharray', $(this).val());
-				operaRepaint();
-			});
-
-			$('#stroke_linejoin').change(function() {
-				svgCanvas.setStrokeAttr('stroke-linejoin', $(this).val());
-				operaRepaint();
-			});
-
-			// Lose focus for select elements when changed (Allows keyboard shortcuts to work better)
-			$('select').change(function(){$(this).blur();});
-
-			// fired when user wants to move elements to another layer
-			var promptMoveLayerOnce = false;
-			$('#selLayerNames').change(function() {
-				var destLayer = this.options[this.selectedIndex].value;
-				var confirmStr = uiStrings.notification.QmoveElemsToLayer.replace('%s', destLayer);
-				var moveToLayer = function(ok) {
-					if (!ok) {return;}
-					promptMoveLayerOnce = true;
-					svgCanvas.moveSelectedToLayer(destLayer);
-					svgCanvas.clearSelection();
-					populateLayers();
-				};
-				if (destLayer) {
-					if (promptMoveLayerOnce) {
-						moveToLayer(true);
-					} else {
-						$.confirm(confirmStr, moveToLayer);
-					}
-				}
-			});
-
-			$('#font_family').change(function() {
-				svgCanvas.setFontFamily(this.value);
-			});
-
-			$('#seg_type').change(function() {
-				svgCanvas.setSegType($(this).val());
-			});
-
-			$('#text').bind("keyup input", function() {
-				svgCanvas.setTextContent(this.value);
-			});
-
-			$('#image_url').change(function() {
-				setImageURL(this.value);
-			});
-
-			$('#link_url').change(function() {
-				if (this.value.length) {
-					svgCanvas.setLinkURL(this.value);
-				} else {
-					svgCanvas.removeHyperlink();
-				}
-			});
-
-			$('#g_title').change(function() {
-				svgCanvas.setGroupTitle(this.value);
-			});
-
-			$('.attr_changer').change(function() {
-				var attr = this.getAttribute('data-attr');
-				var val = this.value;
-				var valid = svgedit.units.isValidUnit(attr, val, selectedElement);
-
-				if (!valid) {
-					$.alert(uiStrings.notification.invalidAttrValGiven);
-					this.value = selectedElement.getAttribute(attr);
-					return false;
-				}
-
-				if (attr !== 'id' && attr !== 'class') {
-					if (isNaN(val)) {
-						val = svgCanvas.convertToNum(attr, val);
-					} else if (curConfig.baseUnit !== 'px') {
-						// Convert unitless value to one with given unit
-
-						var unitData = svgedit.units.getTypeMap();
-
-						if (selectedElement[attr] || svgCanvas.getMode() === 'pathedit' || attr === 'x' || attr === 'y') {
-							val *= unitData[curConfig.baseUnit];
-						}
-					}
-				}
-
-				// if the user is changing the id, then de-select the element first
-				// change the ID, then re-select it with the new ID
-				if (attr === 'id') {
-					var elem = selectedElement;
-					svgCanvas.clearSelection();
-					elem.id = val;
-					svgCanvas.addToSelection([elem],true);
-				} else {
-					svgCanvas.changeSelectedAttribute(attr, val);
-				}
-				this.blur();
-			});
-
-			// Prevent selection of elements when shift-clicking
-			$('#palette').mouseover(function() {
-				var inp = $('<input type="hidden">');
-				$(this).append(inp);
-				inp.focus().remove();
-			});
-
-			$('.palette_item').mousedown(function(evt) {
-				// shift key or right click for stroke
-				var picker = evt.shiftKey || evt.button === 2 ? 'stroke' : 'fill';
-				var color = $(this).data('rgb');
-				var paint;
-
-				// Webkit-based browsers returned 'initial' here for no stroke
-				if (color === 'none' || color === 'transparent' || color === 'initial') {
-					color = 'none';
-					paint = new $.jGraduate.Paint();
-				} else {
-					paint = new $.jGraduate.Paint({alpha: 100, solidColor: color.substr(1)});
-				}
-
-				paintBox[picker].setPaint(paint);
-				svgCanvas.setColor(picker, color);
-
-				if (color !== 'none' && svgCanvas.getPaintOpacity(picker) !== 1) {
-					svgCanvas.setPaintOpacity(picker, 1.0);
-				}
-				updateToolButtonState();
-			}).bind('contextmenu', function(e) {e.preventDefault();});
-
-			$('#toggle_stroke_tools').on('click', function() {
-				$('#tools_bottom').toggleClass('expanded');
-			});
-
-			(function() {
-				var last_x = null, last_y = null, w_area = workarea[0],
-					panning = false, keypan = false;
-
-				$('#svgcanvas').bind('mousemove mouseup', function(evt) {
-					if (panning === false) {return;}
-
-					w_area.scrollLeft -= (evt.clientX - last_x);
-					w_area.scrollTop -= (evt.clientY - last_y);
-
-					last_x = evt.clientX;
-					last_y = evt.clientY;
-
-					if (evt.type === 'mouseup') {panning = false;}
-					return false;
-				}).mousedown(function(evt) {
-					if (evt.button === 1 || keypan === true) {
-						panning = true;
-						last_x = evt.clientX;
-						last_y = evt.clientY;
-						return false;
-					}
-				});
-
-				$(window).mouseup(function() {
-					panning = false;
-				});
-
-				$(document).bind('keydown', 'space', function(evt) {
-					svgCanvas.spaceKey = keypan = true;
-					evt.preventDefault();
-				}).bind('keyup', 'space', function(evt) {
-					evt.preventDefault();
-					svgCanvas.spaceKey = keypan = false;
-				}).bind('keydown', 'shift', function(evt) {
-					if (svgCanvas.getMode() === 'zoom') {
-						workarea.css('cursor', zoomOutIcon);
-					}
-				}).bind('keyup', 'shift', function(evt) {
-					if (svgCanvas.getMode() === 'zoom') {
-						workarea.css('cursor', zoomInIcon);
-					}
-				});
-
-				editor.setPanning = function(active) {
-					svgCanvas.spaceKey = keypan = active;
-				};
-			}());
-
-			(function () {
-				var button = $('#main_icon');
-				var overlay = $('#main_icon span');
-				var list = $('#main_menu');
-				var on_button = false;
-				var height = 0;
-				var js_hover = true;
-				var set_click = false;
-
-				/*
-				// Currently unused
-				var hideMenu = function() {
-					list.fadeOut(200);
-				};
-				*/
-
-				$(window).mouseup(function(evt) {
-					if (!on_button) {
-						button.removeClass('buttondown');
-						// do not hide if it was the file input as that input needs to be visible
-						// for its change event to fire
-						if (evt.target.tagName != 'INPUT') {
-							list.fadeOut(200);
-						} else if (!set_click) {
-							set_click = true;
-							$(evt.target).click(function() {
-								list.css('margin-left', '-9999px').show();
-							});
-						}
-					}
-					on_button = false;
-				}).mousedown(function(evt) {
-//					$('.contextMenu').hide();
-					var islib = $(evt.target).closest('div.tools_flyout, .contextMenu').length;
-					if (!islib) {$('.tools_flyout:visible,.contextMenu').fadeOut(250);}
-				});
-
-				overlay.bind('mousedown',function() {
-					if (!button.hasClass('buttondown')) {
-						// Margin must be reset in case it was changed before;
-						list.css('margin-left', 0).show();
-						if (!height) {
-							height = list.height();
-						}
-						// Using custom animation as slideDown has annoying 'bounce effect'
-						list.css('height',0).animate({
-							'height': height
-						}, 200);
-						on_button = true;
-					} else {
-						list.fadeOut(200);
-					}
-					button.toggleClass('buttondown buttonup');
-				}).hover(function() {
-					on_button = true;
-				}).mouseout(function() {
-					on_button = false;
-				});
-
-				var list_items = $('#main_menu li');
-
-				// Check if JS method of hovering needs to be used (Webkit bug)
-				list_items.mouseover(function() {
-					js_hover = ($(this).css('background-color') == 'rgba(0, 0, 0, 0)');
-
-					list_items.unbind('mouseover');
-					if (js_hover) {
-						list_items.mouseover(function() {
-							this.style.backgroundColor = '#FFC';
-						}).mouseout(function() {
-							this.style.backgroundColor = 'transparent';
-							return true;
-						});
-					}
-				});
-			}());
-			// Made public for UI customization.
-			// TODO: Group UI functions into a public editor.ui interface.
-			editor.addDropDown = function(elem, callback, dropUp) {
-				if ($(elem).length == 0) {return;} // Quit if called on non-existant element
-				var button = $(elem).find('button');
-				var list = $(elem).find('ul').attr('id', $(elem)[0].id + '-list');
-				var on_button = false;
-				if (dropUp) {
-					$(elem).addClass('dropup');
-				} else {
-					// Move list to place where it can overflow container
-					$('#option_lists').append(list);
-				}
-				list.find('li').bind('mouseup', callback);
-
-				$(window).mouseup(function(evt) {
-					if (!on_button) {
-						button.removeClass('down');
-						list.hide();
-					}
-					on_button = false;
-				});
-
-				button.bind('mousedown',function() {
-					if (!button.hasClass('down')) {
-						if (!dropUp) {
-							var pos = $(elem).position();
-							list.css({
-								top: pos.top + 24,
-								left: pos.left - 10
-							});
-						}
-						list.show();
-						on_button = true;
-					} else {
-						list.hide();
-					}
-					button.toggleClass('down');
-				}).hover(function() {
-					on_button = true;
-				}).mouseout(function() {
-					on_button = false;
-				});
-			};
-
-			editor.addDropDown('#font_family_dropdown', function() {
-				$('#font_family').val($(this).text()).change();
-			});
-
-			editor.addDropDown('#opacity_dropdown', function() {
-				if ($(this).find('div').length) {return;}
-				var perc = parseInt($(this).text().split('%')[0], 10);
-				changeOpacity(false, perc);
-			}, true);
-
-			// For slider usage, see: http://jqueryui.com/demos/slider/
-			$('#opac_slider').slider({
-				start: function() {
-					$('#opacity_dropdown li:not(.special)').hide();
-				},
-				stop: function() {
-					$('#opacity_dropdown li').show();
-					$(window).mouseup();
-				},
-				slide: function(evt, ui) {
-					changeOpacity(ui);
-				}
-			});
-
-			editor.addDropDown('#blur_dropdown', $.noop);
-
-			var slideStart = false;
-
-			$('#blur_slider').slider({
-				max: 10,
-				step: 0.1,
-				stop: function(evt, ui) {
-					slideStart = false;
-					changeBlur(ui);
-					$('#blur_dropdown li').show();
-					$(window).mouseup();
-				},
-				start: function() {
-					slideStart = true;
-				},
-				slide: function(evt, ui) {
-					changeBlur(ui, null, slideStart);
-				}
-			});
-
-			editor.addDropDown('#zoom_dropdown', function() {
-				var item = $(this);
-				var val = item.data('val');
-				if (val) {
-					zoomChanged(window, val);
-				} else {
-					changeZoom({value: parseFloat(item.text())});
-				}
-			}, true);
-
-			addAltDropDown('#stroke_linecap', '#linecap_opts', function() {
-				setStrokeOpt(this, true);
-			}, {dropUp: true});
-
-			addAltDropDown('#stroke_linejoin', '#linejoin_opts', function() {
-				setStrokeOpt(this, true);
-			}, {dropUp: true});
-
-			addAltDropDown('#tool_position', '#position_opts', function() {
-				var letter = this.id.replace('tool_pos', '').charAt(0);
-				svgCanvas.alignSelectedElements(letter, 'page');
-			}, {multiclick: true});
-
-			/*
-
-			When a flyout icon is selected
-				(if flyout) {
-				- Change the icon
-				- Make pressing the button run its stuff
-				}
-				- Run its stuff
-
-			When its shortcut key is pressed
-				- If not current in list, do as above
-				, else:
-				- Just run its stuff
-
-			*/
-
-			// Unfocus text input when workarea is mousedowned.
-			(function() {
-				var inp;
-				var unfocus = function() {
-					$(inp).blur();
-				};
-
-				$('#svg_editor').find('button, select, input:not(#text)').focus(function() {
-					inp = this;
-					ui_context = 'toolbars';
-					workarea.mousedown(unfocus);
-				}).blur(function() {
-					ui_context = 'canvas';
-					workarea.unbind('mousedown', unfocus);
-					// Go back to selecting text if in textedit mode
-					if (svgCanvas.getMode() == 'textedit') {
-						$('#text').focus();
-					}
-				});
-			}());
-
-			var clickFHPath = function() {
-				if (toolButtonClick('#tool_fhpath')) {
-					svgCanvas.setMode('fhpath');
-				}
-			};
-
-			var clickLine = function() {
-				if (toolButtonClick('#tool_line')) {
-					svgCanvas.setMode('line');
-				}
-			};
-
-			var clickSquare = function() {
-				if (toolButtonClick('#tool_square')) {
-					svgCanvas.setMode('square');
-				}
-			};
-
-			var clickRect = function() {
-				if (toolButtonClick('#tool_rect')) {
-					svgCanvas.setMode('rect');
-				}
-			};
-
-			var clickFHRect = function() {
-				if (toolButtonClick('#tool_fhrect')) {
-					svgCanvas.setMode('fhrect');
-				}
-			};
-
-			var clickCircle = function() {
-				if (toolButtonClick('#tool_circle')) {
-					svgCanvas.setMode('circle');
-				}
-			};
-
-			var clickEllipse = function() {
-				if (toolButtonClick('#tool_ellipse')) {
-					svgCanvas.setMode('ellipse');
-				}
-			};
-
-			var clickFHEllipse = function() {
-				if (toolButtonClick('#tool_fhellipse')) {
-					svgCanvas.setMode('fhellipse');
-				}
-			};
-
-			var clickImage = function() {
-				if (toolButtonClick('#tool_image')) {
-					svgCanvas.setMode('image');
-				}
-			};
-
-			var clickZoom = function() {
-				if (toolButtonClick('#tool_zoom')) {
-					svgCanvas.setMode('zoom');
-					workarea.css('cursor', zoomInIcon);
-				}
-			};
-
-			var zoomImage = function(multiplier) {
-				var res = svgCanvas.getResolution();
-				multiplier = multiplier ? res.zoom * multiplier : 1;
-				// setResolution(res.w * multiplier, res.h * multiplier, true);
-				$('#zoom').val(multiplier * 100);
-				svgCanvas.setZoom(multiplier);
-				zoomDone();
-				updateCanvas(true);
-			};
-
-			var dblclickZoom = function() {
-				if (toolButtonClick('#tool_zoom')) {
-					zoomImage();
-					setSelectMode();
-				}
-			};
-
-			var clickText = function() {
-				if (toolButtonClick('#tool_text')) {
-					svgCanvas.setMode('text');
-				}
-			};
-
-			var clickPath = function() {
-				if (toolButtonClick('#tool_path')) {
-					svgCanvas.setMode('path');
-				}
-			};
-
-			// Delete is a contextual tool that only appears in the ribbon if
-			// an element has been selected
-			var deleteSelected = function() {
-				if (selectedElement != null || multiselected) {
-					svgCanvas.deleteSelectedElements();
-				}
-			};
-
-			var cutSelected = function() {
-				if (selectedElement != null || multiselected) {
-					svgCanvas.cutSelectedElements();
-				}
-			};
-
-			var copySelected = function() {
-				if (selectedElement != null || multiselected) {
-					svgCanvas.copySelectedElements();
-				}
-			};
-
-			var pasteInCenter = function() {
-				var zoom = svgCanvas.getZoom();
-				var x = (workarea[0].scrollLeft + workarea.width()/2)/zoom - svgCanvas.contentW;
-				var y = (workarea[0].scrollTop + workarea.height()/2)/zoom - svgCanvas.contentH;
-				svgCanvas.pasteElements('point', x, y);
-			};
-
-			var moveToTopSelected = function() {
-				if (selectedElement != null) {
-					svgCanvas.moveToTopSelectedElement();
-				}
-			};
-
-			var moveToBottomSelected = function() {
-				if (selectedElement != null) {
-					svgCanvas.moveToBottomSelectedElement();
-				}
-			};
-
-			var moveUpDownSelected = function(dir) {
-				if (selectedElement != null) {
-					svgCanvas.moveUpDownSelected(dir);
-				}
-			};
-
-			var convertToPath = function() {
-				if (selectedElement != null) {
-					svgCanvas.convertToPath();
-				}
-			};
-
-			var reorientPath = function() {
-				if (selectedElement != null) {
-					path.reorient();
-				}
-			};
-
-			var makeHyperlink = function() {
-				if (selectedElement != null || multiselected) {
-					$.prompt(uiStrings.notification.enterNewLinkURL, 'http://', function(url) {
-						if (url) {svgCanvas.makeHyperlink(url);}
-					});
-				}
-			};
-
-			var moveSelected = function(dx,dy) {
-				if (selectedElement != null || multiselected) {
-					if (curConfig.gridSnapping) {
-						// Use grid snap value regardless of zoom level
-						var multi = svgCanvas.getZoom() * curConfig.snappingStep;
-						dx *= multi;
-						dy *= multi;
-					}
-					svgCanvas.moveSelectedElements(dx,dy);
-				}
-			};
-
-			var linkControlPoints = function() {
-				$('#tool_node_link').toggleClass('push_button_pressed tool_button');
-				var linked = $('#tool_node_link').hasClass('push_button_pressed');
-				path.linkControlPoints(linked);
-			};
-
-			var clonePathNode = function() {
-				if (path.getNodePoint()) {
-					path.clonePathNode();
-				}
-			};
-
-			var deletePathNode = function() {
-				if (path.getNodePoint()) {
-					path.deletePathNode();
-				}
-			};
-
-			var addSubPath = function() {
-				var button = $('#tool_add_subpath');
-				var sp = !button.hasClass('push_button_pressed');
-				button.toggleClass('push_button_pressed tool_button');
-				path.addSubPath(sp);
-			};
-
-			var opencloseSubPath = function() {
-				path.opencloseSubPath();
-			};
-
-			var selectNext = function() {
-				svgCanvas.cycleElement(1);
-			};
-
-			var selectPrev = function() {
-				svgCanvas.cycleElement(0);
-			};
-
-			var rotateSelected = function(cw, step) {
-				if (selectedElement == null || multiselected) {return;}
-				if (!cw) {step *= -1;}
-				var angle = parseFloat($('#angle').val()) + step;
-				svgCanvas.setRotationAngle(angle);
-				updateContextPanel();
-			};
-
-			var clickClear = function() {
-				var dims = curConfig.dimensions;
-				$.confirm(uiStrings.notification.QwantToClear, function(ok) {
-					if (!ok) {return;}
-					setSelectMode();
-					svgCanvas.clear();
-					svgCanvas.setResolution(dims[0], dims[1]);
-					updateCanvas(true);
-					zoomImage();
-					populateLayers();
-					updateContextPanel();
-					prepPaints();
-					svgCanvas.runExtensions('onNewDocument');
-				});
-			};
-
-			var clickBold = function() {
-				svgCanvas.setBold( !svgCanvas.getBold() );
-				updateContextPanel();
-				return false;
-			};
-
-			var clickItalic = function() {
-				svgCanvas.setItalic( !svgCanvas.getItalic() );
-				updateContextPanel();
-				return false;
-			};
-
-			var clickSave = function() {
-				// In the future, more options can be provided here
-				var saveOpts = {
-					'images': $.pref('img_save'),
-					'round_digits': 6
-				};
-				svgCanvas.save(saveOpts);
-			};
-
-			var clickExport = function() {
-				$.select('Select an image type for export: ', [
-					// See http://kangax.github.io/jstests/toDataUrl_mime_type_test/ for a useful list of MIME types and browser support
-					// 'ICO', // Todo: Find a way to preserve transparency in SVG-Edit if not working presently and do full packaging for x-icon; then switch back to position after 'PNG'
-					'PNG',
-					'JPEG', 'BMP', 'WEBP', 'PDF'
-				], function (imgType) { // todo: replace hard-coded msg with uiStrings.notification.
-					if (!imgType) {
-						return;
-					}
-					// Open placeholder window (prevents popup)
-					var exportWindowName;
-					function openExportWindow () {
-						var str = uiStrings.notification.loadingImage;
-						if (curConfig.exportWindowType === 'new') {
-							editor.exportWindowCt++;
-						}
-						exportWindowName = curConfig.canvasName + editor.exportWindowCt;
-						exportWindow = window.open(
-							'data:text/html;charset=utf-8,' + encodeURIComponent('<title>' + str + '</title><h1>' + str + '</h1>'),
-							exportWindowName
-						);
-					}
-					if (imgType === 'PDF') {
-						if (!customExportPDF) {
-							openExportWindow();
-						}
-						svgCanvas.exportPDF(exportWindowName);
-					}
-					else {
-						if (!customExportImage) {
-							openExportWindow();
-						}
-						var quality = parseInt($('#image-slider').val(), 10)/100;
-						svgCanvas.rasterExport(imgType, quality, exportWindowName);
-					}
-				}, function () {
-					var sel = $(this);
-					if (sel.val() === 'JPEG' || sel.val() === 'WEBP') {
-						if (!$('#image-slider').length) {
-							$('<div><label>Quality: <input id="image-slider" type="range" min="1" max="100" value="92" /></label></div>').appendTo(sel.parent()); // Todo: i18n-ize label
-						}
-					}
-					else {
-						$('#image-slider').parent().remove();
-					}
-				});
-			};
-
-			// by default, svgCanvas.open() is a no-op.
-			// it is up to an extension mechanism (opera widget, etc)
-			// to call setCustomHandlers() which will make it do something
-			var clickOpen = function() {
-				svgCanvas.open();
-			};
-
-			var clickImport = function() {
-			};
-
-			var clickUndo = function() {
-				if (undoMgr.getUndoStackSize() > 0) {
-					undoMgr.undo();
-					populateLayers();
-				}
-			};
-
-			var clickRedo = function() {
-				if (undoMgr.getRedoStackSize() > 0) {
-					undoMgr.redo();
-					populateLayers();
-				}
-			};
-
-			var clickGroup = function() {
-				// group
-				if (multiselected) {
-					svgCanvas.groupSelectedElements();
-				}
-				// ungroup
-				else if (selectedElement) {
-					svgCanvas.ungroupSelectedElement();
-				}
-			};
-
-			var clickClone = function() {
-				svgCanvas.cloneSelectedElements(20, 20);
-			};
-
-			var clickAlign = function() {
-				var letter = this.id.replace('tool_align', '').charAt(0);
-				svgCanvas.alignSelectedElements(letter, $('#align_relative_to').val());
-			};
-
-			var clickWireframe = function() {
-				$('#tool_wireframe').toggleClass('push_button_pressed tool_button');
-				workarea.toggleClass('wireframe');
-
-				if (supportsNonSS) {return;}
-				var wf_rules = $('#wireframe_rules');
-				if (!wf_rules.length) {
-					wf_rules = $('<style id="wireframe_rules"></style>').appendTo('head');
-				} else {
-					wf_rules.empty();
-				}
-
-				updateWireFrame();
-			};
-
-			$('#svg_docprops_container, #svg_prefs_container').draggable({cancel: 'button,fieldset', containment: 'window'});
-
-			var showDocProperties = function() {
-				if (docprops) {return;}
-				docprops = true;
-
-				// This selects the correct radio button by using the array notation
-				$('#image_save_opts input').val([$.pref('img_save')]);
-
-				// update resolution option with actual resolution
-				var res = svgCanvas.getResolution();
-				if (curConfig.baseUnit !== 'px') {
-					res.w = svgedit.units.convertUnit(res.w) + curConfig.baseUnit;
-					res.h = svgedit.units.convertUnit(res.h) + curConfig.baseUnit;
-				}
-
-				$('#canvas_width').val(res.w);
-				$('#canvas_height').val(res.h);
-				$('#canvas_title').val(svgCanvas.getDocumentTitle());
-
-				$('#svg_docprops').show();
-			};
-
-			var showPreferences = function() {
-				if (preferences) {return;}
-				preferences = true;
-				$('#main_menu').hide();
-
-				// Update background color with current one
-				var blocks = $('#bg_blocks div');
-				var cur_bg = 'cur_background';
-				var canvas_bg = curPrefs.bkgd_color;
-				var url = $.pref('bkgd_url');
-				blocks.each(function() {
-					var blk = $(this);
-					var is_bg = blk.css('background-color') == canvas_bg;
-					blk.toggleClass(cur_bg, is_bg);
-					if (is_bg) {$('#canvas_bg_url').removeClass(cur_bg);}
-				});
-				if (!canvas_bg) {blocks.eq(0).addClass(cur_bg);}
-				if (url) {
-					$('#canvas_bg_url').val(url);
-				}
-				$('#grid_snapping_on').prop('checked', curConfig.gridSnapping);
-				$('#grid_snapping_step').attr('value', curConfig.snappingStep);
-				$('#grid_color').attr('value', curConfig.gridColor);
-
-				$('#svg_prefs').show();
-			};
-
-			var hideSourceEditor = function() {
-				$('#svg_source_editor').hide();
-				editingsource = false;
-				$('#svg_source_textarea').blur();
-			};
-
-			var saveSourceEditor = function() {
-				if (!editingsource) {return;}
-
-				var saveChanges = function() {
-					svgCanvas.clearSelection();
-					hideSourceEditor();
-					zoomImage();
-					populateLayers();
-					updateTitle();
-					prepPaints();
-				};
-
-				if (!svgCanvas.setSvgString($('#svg_source_textarea').val())) {
-					$.confirm(uiStrings.notification.QerrorsRevertToSource, function(ok) {
-						if (!ok) {return false;}
-						saveChanges();
-					});
-				} else {
-					saveChanges();
-				}
-				setSelectMode();
-			};
-
-			var hideDocProperties = function() {
-				$('#svg_docprops').hide();
-				$('#canvas_width,#canvas_height').removeAttr('disabled');
-				$('#resolution')[0].selectedIndex = 0;
-				$('#image_save_opts input').val([$.pref('img_save')]);
-				docprops = false;
-			};
-
-			var hidePreferences = function() {
-				$('#svg_prefs').hide();
-				preferences = false;
-			};
-
-			var saveDocProperties = function() {
-				// set title
-				var newTitle = $('#canvas_title').val();
-				updateTitle(newTitle);
-				svgCanvas.setDocumentTitle(newTitle);
-
-				// update resolution
-				var width = $('#canvas_width'), w = width.val();
-				var height = $('#canvas_height'), h = height.val();
-
-				if (w != 'fit' && !svgedit.units.isValidUnit('width', w)) {
-					$.alert(uiStrings.notification.invalidAttrValGiven);
-					width.parent().addClass('error');
-					return false;
-				}
-
-				width.parent().removeClass('error');
-
-				if (h != 'fit' && !svgedit.units.isValidUnit('height', h)) {
-					$.alert(uiStrings.notification.invalidAttrValGiven);
-					height.parent().addClass('error');
-					return false;
-				}
-
-				height.parent().removeClass('error');
-
-				if (!svgCanvas.setResolution(w, h)) {
-					$.alert(uiStrings.notification.noContentToFitTo);
-					return false;
-				}
-
-				// Set image save option
-				$.pref('img_save', $('#image_save_opts :checked').val());
-				updateCanvas();
-				hideDocProperties();
-			};
-
-			var savePreferences = editor.savePreferences = function() {
-				// Set background
-				var color = $('#bg_blocks div.cur_background').css('background-color') || '#FFF';
-				setBackground(color, $('#canvas_bg_url').val());
-
-				// set language
-				var lang = $('#lang_select').val();
-				if (lang !== $.pref('lang')) {
-					editor.putLocale(lang, good_langs);
-				}
-
-				// set icon size
-				setIconSize($('#iconsize').val());
-
-				// set grid setting
-				curConfig.gridSnapping = $('#grid_snapping_on')[0].checked;
-				curConfig.snappingStep = $('#grid_snapping_step').val();
-				curConfig.gridColor = $('#grid_color').val();
-				curConfig.showRulers = $('#show_rulers')[0].checked;
-
-				$('#rulers').toggle(curConfig.showRulers);
-				if (curConfig.showRulers) {updateRulers();}
-				curConfig.baseUnit = $('#base_unit').val();
-
-				svgCanvas.setConfig(curConfig);
-
-				updateCanvas();
-				hidePreferences();
-			};
-
-			var resetScrollPos = $.noop;
-
-			var cancelOverlays = function() {
-				$('#dialog_box').hide();
-				if (!editingsource && !docprops && !preferences) {
-					if (cur_context) {
-						svgCanvas.leaveContext();
-					}
-					return;
-				}
-
-				if (editingsource) {
-					if (origSource !== $('#svg_source_textarea').val()) {
-						$.confirm(uiStrings.notification.QignoreSourceChanges, function(ok) {
-							if (ok) {hideSourceEditor();}
-						});
-					} else {
-						hideSourceEditor();
-					}
-				} else if (docprops) {
-					hideDocProperties();
-				} else if (preferences) {
-					hidePreferences();
-				}
-				resetScrollPos();
-			};
-
-			var win_wh = {width:$(window).width(), height:$(window).height()};
-
-			// Fix for Issue 781: Drawing area jumps to top-left corner on window resize (IE9)
-			if (svgedit.browser.isIE()) {
-				(function() {
-					resetScrollPos = function() {
-						if (workarea[0].scrollLeft === 0 && workarea[0].scrollTop === 0) {
-							workarea[0].scrollLeft = curScrollPos.left;
-							workarea[0].scrollTop = curScrollPos.top;
-						}
-					};
-
-					curScrollPos = {
-						left: workarea[0].scrollLeft,
-						top: workarea[0].scrollTop
-					};
-
-					$(window).resize(resetScrollPos);
-					editor.ready(function() {
-						// TODO: Find better way to detect when to do this to minimize
-						// flickering effect
-						setTimeout(function() {
-							resetScrollPos();
-						}, 500);
-					});
-
-					workarea.scroll(function() {
-						curScrollPos = {
-							left: workarea[0].scrollLeft,
-							top: workarea[0].scrollTop
-						};
-					});
-				}());
-			}
-
-			$(window).resize(function(evt) {
-				$.each(win_wh, function(type, val) {
-					var curval = $(window)[type]();
-					workarea[0]['scroll' + (type === 'width' ? 'Left' : 'Top')] -= (curval - val)/2;
-					win_wh[type] = curval;
-				});
-				setFlyoutPositions();
-			});
-
-			(function() {
-				workarea.scroll(function() {
-					// TODO: jQuery's scrollLeft/Top() wouldn't require a null check
-					if ($('#ruler_x').length != 0) {
-						$('#ruler_x')[0].scrollLeft = workarea[0].scrollLeft;
-					}
-					if ($('#ruler_y').length != 0) {
-						$('#ruler_y')[0].scrollTop = workarea[0].scrollTop;
-					}
-				});
-
-			}());
-
-			$('#url_notice').click(function() {
-				$.alert(this.title);
-			});
-
-			$('#change_image_url').click(promptImgURL);
-
-			// added these event handlers for all the push buttons so they
-			// behave more like buttons being pressed-in and not images
-			(function() {
-				var toolnames = ['clear', 'open', 'save', 'source', 'delete', 'delete_multi', 'paste', 'clone', 'clone_multi', 'move_top', 'move_bottom'];
-				var all_tools = '';
-				var cur_class = 'tool_button_current';
-
-				$.each(toolnames, function(i, item) {
-					all_tools += (i ? ',' : '') + '#tool_' + item;
-				});
-
-				$(all_tools).mousedown(function() {
-					$(this).addClass(cur_class);
-				}).bind('mousedown mouseout', function() {
-					$(this).removeClass(cur_class);
-				});
-
-				$('#tool_undo, #tool_redo').mousedown(function() {
-					if (!$(this).hasClass('disabled')) {$(this).addClass(cur_class);}
-				}).bind('mousedown mouseout',function() {
-					$(this).removeClass(cur_class);}
-				);
-			}());
-
-			// switch modifier key in tooltips if mac
-			// NOTE: This code is not used yet until I can figure out how to successfully bind ctrl/meta
-			// in Opera and Chrome
-			if (svgedit.browser.isMac() && !window.opera) {
-				var shortcutButtons = ['tool_clear', 'tool_save', 'tool_source', 'tool_undo', 'tool_redo', 'tool_clone'];
-				i = shortcutButtons.length;
-				while (i--) {
-					var button = document.getElementById(shortcutButtons[i]);
-					if (button) {
-						var title = button.title;
-						var index = title.indexOf('Ctrl+');
-						button.title = [title.substr(0, index), 'Cmd+', title.substr(index + 5)].join('');
-					}
-				}
-			}
-
-			// TODO: go back to the color boxes having white background-color and then setting
-			//	background-image to none.png (otherwise partially transparent gradients look weird)
-			var colorPicker = function(elem) {
-				var picker = elem.attr('id') == 'stroke_color' ? 'stroke' : 'fill';
-//				var opacity = (picker == 'stroke' ? $('#stroke_opacity') : $('#fill_opacity'));
-				var paint = paintBox[picker].paint;
-				var title = (picker == 'stroke' ? 'Pick a Stroke Paint and Opacity' : 'Pick a Fill Paint and Opacity');
-				// var was_none = false; // Currently unused
-				var pos = elem.offset();
-				$('#color_picker')
-					.draggable({cancel: '.jGraduate_tabs, .jGraduate_colPick, .jGraduate_gradPick, .jPicker', containment: 'window'})
-					.css(curConfig.colorPickerCSS || {'left': pos.left - 140, 'bottom': 40})
-					.jGraduate(
-					{
-						paint: paint,
-						window: { pickerTitle: title },
-						images: { clientPath: curConfig.jGraduatePath },
-						newstop: 'inverse'
-					},
-					function(p) {
-						paint = new $.jGraduate.Paint(p);
-						paintBox[picker].setPaint(paint);
-						svgCanvas.setPaint(picker, paint);
-						$('#color_picker').hide();
-					},
-					function() {
-						$('#color_picker').hide();
-					});
-			};
-
-			var PaintBox = function(container, type) {
-				var paintColor, paintOpacity,
-					cur = curConfig[type === 'fill' ? 'initFill' : 'initStroke'];
-				// set up gradients to be used for the buttons
-				var svgdocbox = new DOMParser().parseFromString(
-					'<svg xmlns="http://www.w3.org/2000/svg"><rect width="16.5" height="16.5"'+
-'					fill="#' + cur.color + '" opacity="' + cur.opacity + '"/>'+
-'					<defs><linearGradient id="gradbox_"/></defs></svg>', 'text/xml');
-				var docElem = svgdocbox.documentElement;
-
-				docElem = $(container)[0].appendChild(document.importNode(docElem, true));
-				docElem.setAttribute('width',16.5);
-
-				this.rect = docElem.firstChild;
-				this.defs = docElem.getElementsByTagName('defs')[0];
-				this.grad = this.defs.firstChild;
-				this.paint = new $.jGraduate.Paint({solidColor: cur.color});
-				this.type = type;
-
-				this.setPaint = function(paint, apply) {
-					this.paint = paint;
-
-					var fillAttr = 'none';
-					var ptype = paint.type;
-					var opac = paint.alpha / 100;
-
-					switch ( ptype ) {
-						case 'solidColor':
-							fillAttr = (paint[ptype] != 'none') ? '#' + paint[ptype] : paint[ptype];
-							break;
-						case 'linearGradient':
-						case 'radialGradient':
-							this.defs.removeChild(this.grad);
-							this.grad = this.defs.appendChild(paint[ptype]);
-							var id = this.grad.id = 'gradbox_' + this.type;
-							fillAttr = 'url(#' + id + ')';
-							break;
-					}
-
-					this.rect.setAttribute('fill', fillAttr);
-					this.rect.setAttribute('opacity', opac);
-
-					if (apply) {
-						svgCanvas.setColor(this.type, paintColor, true);
-						svgCanvas.setPaintOpacity(this.type, paintOpacity, true);
-					}
-				};
-
-				this.update = function(apply) {
-					if (!selectedElement) {return;}
-					var i, len;
-					var type = this.type;
-					switch (selectedElement.tagName) {
-					case 'use':
-					case 'image':
-					case 'foreignObject':
-						// These elements don't have fill or stroke, so don't change
-						// the current value
-						return;
-					case 'g':
-					case 'a':
-						var gPaint = null;
-
-						var childs = selectedElement.getElementsByTagName('*');
-						for (i = 0, len = childs.length; i < len; i++) {
-							var elem = childs[i];
-							var p = elem.getAttribute(type);
-							if (i === 0) {
-								gPaint = p;
-							} else if (gPaint !== p) {
-								gPaint = null;
-								break;
-							}
-						}
-
-						if (gPaint === null) {
-							// No common color, don't update anything
-							paintColor = null;
-							return;
-						}
-						paintColor = gPaint;
-						paintOpacity = 1;
-						break;
-					default:
-						paintOpacity = parseFloat(selectedElement.getAttribute(type + '-opacity'));
-						if (isNaN(paintOpacity)) {
-							paintOpacity = 1.0;
-						}
-
-						var defColor = type === 'fill' ? 'black' : 'none';
-						paintColor = selectedElement.getAttribute(type) || defColor;
-					}
-
-					if (apply) {
-						svgCanvas.setColor(type, paintColor, true);
-						svgCanvas.setPaintOpacity(type, paintOpacity, true);
-					}
-
-					paintOpacity *= 100;
-
-					var paint = getPaint(paintColor, paintOpacity, type);
-					// update the rect inside #fill_color/#stroke_color
-					this.setPaint(paint);
-				};
-
-				this.prep = function() {
-					var ptype = this.paint.type;
-
-					switch ( ptype ) {
-						case 'linearGradient':
-						case 'radialGradient':
-							var paint = new $.jGraduate.Paint({copy: this.paint});
-							svgCanvas.setPaint(type, paint);
-							break;
-					}
-				};
-			};
-
-			paintBox.fill = new PaintBox('#fill_color', 'fill');
-			paintBox.stroke = new PaintBox('#stroke_color', 'stroke');
-
-			$('#stroke_width').val(curConfig.initStroke.width);
-			$('#group_opacity').val(curConfig.initOpacity * 100);
-
-			// Use this SVG elem to test vectorEffect support
-			var testEl = paintBox.fill.rect.cloneNode(false);
-			testEl.setAttribute('style', 'vector-effect:non-scaling-stroke');
-			supportsNonSS = (testEl.style.vectorEffect === 'non-scaling-stroke');
-			testEl.removeAttribute('style');
-			var svgdocbox = paintBox.fill.rect.ownerDocument;
-			// Use this to test support for blur element. Seems to work to test support in Webkit
-			var blurTest = svgdocbox.createElementNS(svgedit.NS.SVG, 'feGaussianBlur');
-			if (blurTest.stdDeviationX === undefined) {
-				$('#tool_blur').hide();
-			}
-			$(blurTest).remove();
-
-			// Test for zoom icon support
-			(function() {
-				var pre = '-' + uaPrefix.toLowerCase() + '-zoom-';
-				var zoom = pre + 'in';
-				workarea.css('cursor', zoom);
-				if (workarea.css('cursor') === zoom) {
-					zoomInIcon = zoom;
-					zoomOutIcon = pre + 'out';
-				}
-				workarea.css('cursor', 'auto');
-			}());
-
-			// Test for embedImage support (use timeout to not interfere with page load)
-			setTimeout(function() {
-				svgCanvas.embedImage('images/logo.png', function(datauri) {
-					if (!datauri) {
-						// Disable option
-						$('#image_save_opts [value=embed]').attr('disabled', 'disabled');
-						$('#image_save_opts input').val(['ref']);
-						$.pref('img_save', 'ref');
-						$('#image_opt_embed').css('color', '#666').attr('title', uiStrings.notification.featNotSupported);
-					}
-				});
-			}, 1000);
-
-			$('#fill_color, #tool_fill .icon_label').click(function() {
-				colorPicker($('#fill_color'));
-				updateToolButtonState();
-			});
-
-			$('#stroke_color, #tool_stroke .icon_label').click(function() {
-				colorPicker($('#stroke_color'));
-				updateToolButtonState();
-			});
-
-			$('#group_opacityLabel').click(function() {
-				$('#opacity_dropdown button').mousedown();
-				$(window).mouseup();
-			});
-
-			$('#zoomLabel').click(function() {
-				$('#zoom_dropdown button').mousedown();
-				$(window).mouseup();
-			});
-
-			$('#tool_move_top').mousedown(function(evt) {
-				$('#tools_stacking').show();
-				evt.preventDefault();
-			});
-
-			$('.layer_button').mousedown(function() {
-				$(this).addClass('layer_buttonpressed');
-			}).mouseout(function() {
-				$(this).removeClass('layer_buttonpressed');
-			}).mouseup(function() {
-				$(this).removeClass('layer_buttonpressed');
-			});
-
-			$('.push_button').mousedown(function() {
-				if (!$(this).hasClass('disabled')) {
-					$(this).addClass('push_button_pressed').removeClass('push_button');
-				}
-			}).mouseout(function() {
-				$(this).removeClass('push_button_pressed').addClass('push_button');
-			}).mouseup(function() {
-				$(this).removeClass('push_button_pressed').addClass('push_button');
-			});
-
-			// ask for a layer name
-			$('#layer_new').click(function() {
-				var uniqName,
-					i = svgCanvas.getCurrentDrawing().getNumLayers();
-				do {
-					uniqName = uiStrings.layers.layer + ' ' + (++i);
-				} while(svgCanvas.getCurrentDrawing().hasLayer(uniqName));
-
-				$.prompt(uiStrings.notification.enterUniqueLayerName, uniqName, function(newName) {
-					if (!newName) {return;}
-					if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {
-						$.alert(uiStrings.notification.dupeLayerName);
-						return;
-					}
-					svgCanvas.createLayer(newName);
-					updateContextPanel();
-					populateLayers();
-				});
-			});
-
-			function deleteLayer() {
-				if (svgCanvas.deleteCurrentLayer()) {
-					updateContextPanel();
-					populateLayers();
-					// This matches what SvgCanvas does
-					// TODO: make this behavior less brittle (svg-editor should get which
-					// layer is selected from the canvas and then select that one in the UI)
-					$('#layerlist tr.layer').removeClass('layersel');
-					$('#layerlist tr.layer:first').addClass('layersel');
-				}
-			}
-
-			function cloneLayer() {
-				var name = svgCanvas.getCurrentDrawing().getCurrentLayerName() + ' copy';
-
-				$.prompt(uiStrings.notification.enterUniqueLayerName, name, function(newName) {
-					if (!newName) {return;}
-					if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {
-						$.alert(uiStrings.notification.dupeLayerName);
-						return;
-					}
-					svgCanvas.cloneLayer(newName);
-					updateContextPanel();
-					populateLayers();
-				});
-			}
-
-			function mergeLayer() {
-				if ($('#layerlist tr.layersel').index() == svgCanvas.getCurrentDrawing().getNumLayers()-1) {
-					return;
-				}
-				svgCanvas.mergeLayer();
-				updateContextPanel();
-				populateLayers();
-			}
-
-			function moveLayer(pos) {
-				var curIndex = $('#layerlist tr.layersel').index();
-				var total = svgCanvas.getCurrentDrawing().getNumLayers();
-				if (curIndex > 0 || curIndex < total-1) {
-					curIndex += pos;
-					svgCanvas.setCurrentLayerPosition(total-curIndex-1);
-					populateLayers();
-				}
-			}
-
-			$('#layer_delete').click(deleteLayer);
-
-			$('#layer_up').click(function() {
-				moveLayer(-1);
-			});
-
-			$('#layer_down').click(function() {
-				moveLayer(1);
-			});
-
-			$('#layer_rename').click(function() {
-				// var curIndex = $('#layerlist tr.layersel').prevAll().length; // Currently unused
-				var oldName = $('#layerlist tr.layersel td.layername').text();
-				$.prompt(uiStrings.notification.enterNewLayerName, '', function(newName) {
-					if (!newName) {return;}
-					if (oldName == newName || svgCanvas.getCurrentDrawing().hasLayer(newName)) {
-						$.alert(uiStrings.notification.layerHasThatName);
-						return;
-					}
-
-					svgCanvas.renameCurrentLayer(newName);
-					populateLayers();
-				});
-			});
-
-			var SIDEPANEL_MAXWIDTH = 300;
-			var SIDEPANEL_OPENWIDTH = 150;
-			var sidedrag = -1, sidedragging = false, allowmove = false;
-
-			var changeSidePanelWidth = function(delta) {
-				var rulerX = $('#ruler_x');
-				$('#sidepanels').width('+=' + delta);
-				$('#layerpanel').width('+=' + delta);
-				rulerX.css('right', parseInt(rulerX.css('right'), 10) + delta);
-				workarea.css('right', parseInt(workarea.css('right'), 10) + delta);
-				svgCanvas.runExtensions('workareaResized');
-			};
-
-			var resizeSidePanel = function(evt) {
-				if (!allowmove) {return;}
-				if (sidedrag == -1) {return;}
-				sidedragging = true;
-				var deltaX = sidedrag - evt.pageX;
-				var sideWidth = $('#sidepanels').width();
-				if (sideWidth + deltaX > SIDEPANEL_MAXWIDTH) {
-					deltaX = SIDEPANEL_MAXWIDTH - sideWidth;
-					sideWidth = SIDEPANEL_MAXWIDTH;
-				} else if (sideWidth + deltaX < 2) {
-					deltaX = 2 - sideWidth;
-					sideWidth = 2;
-				}
-				if (deltaX == 0) {return;}
-				sidedrag -= deltaX;
-				changeSidePanelWidth(deltaX);
-			};
-
-			// if width is non-zero, then fully close it, otherwise fully open it
-			// the optional close argument forces the side panel closed
-			var toggleSidePanel = function(close) {
-				var w = $('#sidepanels').width();
-				var deltaX = (w > 2 || close ? 2 : SIDEPANEL_OPENWIDTH) - w;
-				changeSidePanelWidth(deltaX);
-			};
-
-			$('#sidepanel_handle')
-				.mousedown(function(evt) {
-					sidedrag = evt.pageX;
-					$(window).mousemove(resizeSidePanel);
-					allowmove = false;
-					// Silly hack for Chrome, which always runs mousemove right after mousedown
-					setTimeout(function() {
-						allowmove = true;
-					}, 20);
-				})
-				.mouseup(function(evt) {
-					if (!sidedragging) {toggleSidePanel();}
-					sidedrag = -1;
-					sidedragging = false;
-				});
-
-			$(window).mouseup(function() {
-				sidedrag = -1;
-				sidedragging = false;
-				$('#svg_editor').unbind('mousemove', resizeSidePanel);
-			});
-
-			populateLayers();
-
-		//	function changeResolution(x,y) {
-		//		var zoom = svgCanvas.getResolution().zoom;
-		//		setResolution(x * zoom, y * zoom);
-		//	}
-
-			var centerCanvas = function() {
-				// this centers the canvas vertically in the workarea (horizontal handled in CSS)
-				workarea.css('line-height', workarea.height() + 'px');
-			};
-
-			$(window).bind('load resize', centerCanvas);
-
-			function stepFontSize(elem, step) {
-				var orig_val = Number(elem.value);
-				var sug_val = orig_val + step;
-				var increasing = sug_val >= orig_val;
-				if (step === 0) {return orig_val;}
-
-				if (orig_val >= 24) {
-					if (increasing) {
-						return Math.round(orig_val * 1.1);
-					}
-					return Math.round(orig_val / 1.1);
-				}
-				if (orig_val <= 1) {
-					if (increasing) {
-						return orig_val * 2;
-					}
-					return orig_val / 2;
-				}
-				return sug_val;
-			}
-
-			function stepZoom(elem, step) {
-				var orig_val = Number(elem.value);
-				if (orig_val === 0) {return 100;}
-				var sug_val = orig_val + step;
-				if (step === 0) {return orig_val;}
-
-				if (orig_val >= 100) {
-					return sug_val;
-				}
-				if (sug_val >= orig_val) {
-					return orig_val * 2;
-				}
-				return orig_val / 2;
-			}
-
-		//	function setResolution(w, h, center) {
-		//		updateCanvas();
-		// //		w-=0; h-=0;
-		// //		$('#svgcanvas').css( { 'width': w, 'height': h } );
-		// //		$('#canvas_width').val(w);
-		// //		$('#canvas_height').val(h);
-		// //
-		// //		if (center) {
-		// //			var w_area = workarea;
-		// //			var scroll_y = h/2 - w_area.height()/2;
-		// //			var scroll_x = w/2 - w_area.width()/2;
-		// //			w_area[0].scrollTop = scroll_y;
-		// //			w_area[0].scrollLeft = scroll_x;
-		// //		}
-		//	}
-
-			$('#resolution').change(function() {
-				var wh = $('#canvas_width,#canvas_height');
-				if (!this.selectedIndex) {
-					if ($('#canvas_width').val() == 'fit') {
-						wh.removeAttr('disabled').val(100);
-					}
-				} else if (this.value == 'content') {
-					wh.val('fit').attr('disabled', 'disabled');
-				} else {
-					var dims = this.value.split('x');
-					$('#canvas_width').val(dims[0]);
-					$('#canvas_height').val(dims[1]);
-					wh.removeAttr('disabled');
-				}
-			});
-
-			//Prevent browser from erroneously repopulating fields
-			$('input,select').attr('autocomplete', 'off');
-
-			// Associate all button actions as well as non-button keyboard shortcuts
-			Actions = (function() {
-				// sel:'selector', fn:function, evt:'event', key:[key, preventDefault, NoDisableInInput]
-				var tool_buttons = [
-					{sel: '#tool_select', fn: clickSelect, evt: 'click', key: ['V', true]},
-					{sel: '#tool_fhpath', fn: clickFHPath, evt: 'click', key: ['Q', true]},
-					{sel: '#tool_line', fn: clickLine, evt: 'click', key: ['L', true]},
-					{sel: '#tool_rect', fn: clickRect, evt: 'mouseup', key: ['R', true], parent: '#tools_rect', icon: 'rect'},
-					{sel: '#tool_square', fn: clickSquare, evt: 'mouseup', parent: '#tools_rect', icon: 'square'},
-					{sel: '#tool_fhrect', fn: clickFHRect, evt: 'mouseup', parent: '#tools_rect', icon: 'fh_rect'},
-					{sel: '#tool_ellipse', fn: clickEllipse, evt: 'mouseup', key: ['E', true], parent: '#tools_ellipse', icon: 'ellipse'},
-					{sel: '#tool_circle', fn: clickCircle, evt: 'mouseup', parent: '#tools_ellipse', icon: 'circle'},
-					{sel: '#tool_fhellipse', fn: clickFHEllipse, evt: 'mouseup', parent: '#tools_ellipse', icon: 'fh_ellipse'},
-					{sel: '#tool_path', fn: clickPath, evt: 'click', key: ['P', true]},
-					{sel: '#tool_text', fn: clickText, evt: 'click', key: ['T', true]},
-					{sel: '#tool_image', fn: clickImage, evt: 'mouseup'},
-					{sel: '#tool_zoom', fn: clickZoom, evt: 'mouseup', key: ['Z', true]},
-					{sel: '#tool_clear', fn: clickClear, evt: 'mouseup', key: ['N', true]},
-					{sel: '#tool_save', fn: function() {
-						if (editingsource) {
-							saveSourceEditor();
-						}
-						else {
-							clickSave();
-						}
-					}, evt: 'mouseup', key: ['S', true]},
-					{sel: '#tool_export', fn: clickExport, evt: 'mouseup'},
-					{sel: '#tool_open', fn: clickOpen, evt: 'mouseup', key: ['O', true]},
-					{sel: '#tool_import', fn: clickImport, evt: 'mouseup'},
-					{sel: '#tool_source', fn: showSourceEditor, evt: 'click', key: ['U', true]},
-					{sel: '#tool_wireframe', fn: clickWireframe, evt: 'click', key: ['F', true]},
-					{sel: '#tool_source_cancel,.overlay,#tool_docprops_cancel,#tool_prefs_cancel', fn: cancelOverlays, evt: 'click', key: ['esc', false, false], hidekey: true},
-					{sel: '#tool_source_save', fn: saveSourceEditor, evt: 'click'},
-					{sel: '#tool_docprops_save', fn: saveDocProperties, evt: 'click'},
-					{sel: '#tool_docprops', fn: showDocProperties, evt: 'mouseup'},
-					{sel: '#tool_prefs_save', fn: savePreferences, evt: 'click'},
-					{sel: '#tool_prefs_option', fn: function() {showPreferences(); return false;}, evt: 'mouseup'},
-					{sel: '#tool_delete,#tool_delete_multi', fn: deleteSelected, evt: 'click', key: ['del/backspace', true]},
-					{sel: '#tool_reorient', fn: reorientPath, evt: 'click'},
-					{sel: '#tool_node_link', fn: linkControlPoints, evt: 'click'},
-					{sel: '#tool_node_clone', fn: clonePathNode, evt: 'click'},
-					{sel: '#tool_node_delete', fn: deletePathNode, evt: 'click'},
-					{sel: '#tool_openclose_path', fn: opencloseSubPath, evt: 'click'},
-					{sel: '#tool_add_subpath', fn: addSubPath, evt: 'click'},
-					{sel: '#tool_move_top', fn: moveToTopSelected, evt: 'click', key: 'ctrl+shift+]'},
-					{sel: '#tool_move_bottom', fn: moveToBottomSelected, evt: 'click', key: 'ctrl+shift+['},
-					{sel: '#tool_topath', fn: convertToPath, evt: 'click'},
-					{sel: '#tool_make_link,#tool_make_link_multi', fn: makeHyperlink, evt: 'click'},
-					{sel: '#tool_undo', fn: clickUndo, evt: 'click'},
-					{sel: '#tool_redo', fn: clickRedo, evt: 'click'},
-					{sel: '#tool_clone,#tool_clone_multi', fn: clickClone, evt: 'click', key: ['D', true]},
-					{sel: '#tool_group_elements', fn: clickGroup, evt: 'click', key: ['G', true]},
-					{sel: '#tool_ungroup', fn: clickGroup, evt: 'click'},
-					{sel: '#tool_unlink_use', fn: clickGroup, evt: 'click'},
-					{sel: '[id^=tool_align]', fn: clickAlign, evt: 'click'},
-					// these two lines are required to make Opera work properly with the flyout mechanism
-		//			{sel: '#tools_rect_show', fn: clickRect, evt: 'click'},
-		//			{sel: '#tools_ellipse_show', fn: clickEllipse, evt: 'click'},
-					{sel: '#tool_bold', fn: clickBold, evt: 'mousedown'},
-					{sel: '#tool_italic', fn: clickItalic, evt: 'mousedown'},
-					{sel: '#sidepanel_handle', fn: toggleSidePanel, key: ['X']},
-					{sel: '#copy_save_done', fn: cancelOverlays, evt: 'click'},
-
-					// Shortcuts not associated with buttons
-
-					{key: 'ctrl+left', fn: function(){rotateSelected(0,1);}},
-					{key: 'ctrl+right', fn: function(){rotateSelected(1,1);}},
-					{key: 'ctrl+shift+left', fn: function(){rotateSelected(0,5);}},
-					{key: 'ctrl+shift+right', fn: function(){rotateSelected(1,5);}},
-					{key: 'shift+O', fn: selectPrev},
-					{key: 'shift+P', fn: selectNext},
-					{key: [modKey+'up', true], fn: function(){zoomImage(2);}},
-					{key: [modKey+'down', true], fn: function(){zoomImage(0.5);}},
-					{key: [modKey+']', true], fn: function(){moveUpDownSelected('Up');}},
-					{key: [modKey+'[', true], fn: function(){moveUpDownSelected('Down');}},
-					{key: ['up', true], fn: function(){moveSelected(0,-1);}},
-					{key: ['down', true], fn: function(){moveSelected(0,1);}},
-					{key: ['left', true], fn: function(){moveSelected(-1,0);}},
-					{key: ['right', true], fn: function(){moveSelected(1,0);}},
-					{key: 'shift+up', fn: function(){moveSelected(0,-10);}},
-					{key: 'shift+down', fn: function(){moveSelected(0,10);}},
-					{key: 'shift+left', fn: function(){moveSelected(-10,0);}},
-					{key: 'shift+right', fn: function(){moveSelected(10,0);}},
-					{key: ['alt+up', true], fn: function(){svgCanvas.cloneSelectedElements(0,-1);}},
-					{key: ['alt+down', true], fn: function(){svgCanvas.cloneSelectedElements(0,1);}},
-					{key: ['alt+left', true], fn: function(){svgCanvas.cloneSelectedElements(-1,0);}},
-					{key: ['alt+right', true], fn: function(){svgCanvas.cloneSelectedElements(1,0);}},
-					{key: ['alt+shift+up', true], fn: function(){svgCanvas.cloneSelectedElements(0,-10);}},
-					{key: ['alt+shift+down', true], fn: function(){svgCanvas.cloneSelectedElements(0,10);}},
-					{key: ['alt+shift+left', true], fn: function(){svgCanvas.cloneSelectedElements(-10,0);}},
-					{key: ['alt+shift+right', true], fn: function(){svgCanvas.cloneSelectedElements(10,0);}},
-					{key: 'A', fn: function(){svgCanvas.selectAllInCurrentLayer();}},
-
-					// Standard shortcuts
-					{key: modKey+'z', fn: clickUndo},
-					{key: modKey + 'shift+z', fn: clickRedo},
-					{key: modKey + 'y', fn: clickRedo},
-
-					{key: modKey+'x', fn: cutSelected},
-					{key: modKey+'c', fn: copySelected},
-					{key: modKey+'v', fn: pasteInCenter}
-				];
-
-				// Tooltips not directly associated with a single function
-				var key_assocs = {
-					'4/Shift+4': '#tools_rect_show',
-					'5/Shift+5': '#tools_ellipse_show'
-				};
-
-				return {
-					setAll: function() {
-						var flyouts = {};
-
-						$.each(tool_buttons, function(i, opts) {
-							// Bind function to button
-							var btn;
-							if (opts.sel) {
-								btn = $(opts.sel);
-								if (btn.length == 0) {return true;} // Skip if markup does not exist
-								if (opts.evt) {
-									if (svgedit.browser.isTouch() && opts.evt === 'click') {
-										opts.evt = 'mousedown';
-									}
-									btn[opts.evt](opts.fn);
-								}
-
-								// Add to parent flyout menu, if able to be displayed
-								if (opts.parent && $(opts.parent + '_show').length != 0) {
-									var f_h = $(opts.parent);
-									if (!f_h.length) {
-										f_h = makeFlyoutHolder(opts.parent.substr(1));
-									}
-
-									f_h.append(btn);
-
-									if (!$.isArray(flyouts[opts.parent])) {
-										flyouts[opts.parent] = [];
-									}
-									flyouts[opts.parent].push(opts);
-								}
-							}
-
-							// Bind function to shortcut key
-							if (opts.key) {
-								// Set shortcut based on options
-								var keyval, disInInp = true, fn = opts.fn, pd = false;
-								if ($.isArray(opts.key)) {
-									keyval = opts.key[0];
-									if (opts.key.length > 1) {pd = opts.key[1];}
-									if (opts.key.length > 2) {disInInp = opts.key[2];}
-								} else {
-									keyval = opts.key;
-								}
-								keyval += '';
-
-								$.each(keyval.split('/'), function(i, key) {
-									$(document).bind('keydown', key, function(e) {
-										fn();
-										if (pd) {
-											e.preventDefault();
-										}
-										// Prevent default on ALL keys?
-										return false;
-									});
-								});
-
-								// Put shortcut in title
-								if (opts.sel && !opts.hidekey && btn.attr('title')) {
-									var newTitle = btn.attr('title').split('[')[0] + ' (' + keyval + ')';
-									key_assocs[keyval] = opts.sel;
-									// Disregard for menu items
-									if (!btn.parents('#main_menu').length) {
-										btn.attr('title', newTitle);
-									}
-								}
-							}
-						});
-
-						// Setup flyouts
-						setupFlyouts(flyouts);
-
-						// Misc additional actions
-
-						// Make 'return' keypress trigger the change event
-						$('.attr_changer, #image_url').bind('keydown', 'return',
-							function(evt) {$(this).change();evt.preventDefault();}
-						);
-
-						$(window).bind('keydown', 'tab', function(e) {
-							if (ui_context === 'canvas') {
-								e.preventDefault();
-								selectNext();
-							}
-						}).bind('keydown', 'shift+tab', function(e) {
-							if (ui_context === 'canvas') {
-								e.preventDefault();
-								selectPrev();
-							}
-						});
-
-						$('#tool_zoom').dblclick(dblclickZoom);
-					},
-					setTitles: function() {
-						$.each(key_assocs, function(keyval, sel) {
-							var menu = ($(sel).parents('#main_menu').length);
-
-							$(sel).each(function() {
-								var t;
-								if (menu) {
-									t = $(this).text().split(' [')[0];
-								} else {
-									t = this.title.split(' [')[0];
-								}
-								var key_str = '';
-								// Shift+Up
-								$.each(keyval.split('/'), function(i, key) {
-									var mod_bits = key.split('+'), mod = '';
-									if (mod_bits.length > 1) {
-										mod = mod_bits[0] + '+';
-										key = mod_bits[1];
-									}
-									key_str += (i?'/':'') + mod + (uiStrings['key_'+key] || key);
-								});
-								if (menu) {
-									this.lastChild.textContent = t +' ['+key_str+']';
-								} else {
-									this.title = t +' ['+key_str+']';
-								}
-							});
-						});
-					},
-					getButtonData: function(sel) {
-						var b;
-						$.each(tool_buttons, function(i, btn) {
-							if (btn.sel === sel) {b = btn;}
-						});
-						return b;
-					}
-				};
-			}());
-
-			Actions.setAll();
-
-			// Select given tool
-			editor.ready(function() {
-				var tool,
-					itool = curConfig.initTool,
-					container = $('#tools_left, #svg_editor .tools_flyout'),
-					pre_tool = container.find('#tool_' + itool),
-					reg_tool = container.find('#' + itool);
-				if (pre_tool.length) {
-					tool = pre_tool;
-				} else if (reg_tool.length) {
-					tool = reg_tool;
-				} else {
-					tool = $('#tool_select');
-				}
-				tool.click().mouseup();
-
-				if (curConfig.wireframe) {
-					$('#tool_wireframe').click();
-				}
-
-				if (curConfig.showlayers) {
-					toggleSidePanel();
-				}
-
-				$('#rulers').toggle(!!curConfig.showRulers);
-
-				if (curConfig.showRulers) {
-					$('#show_rulers')[0].checked = true;
-				}
-
-				if (curConfig.baseUnit) {
-					$('#base_unit').val(curConfig.baseUnit);
-				}
-
-				if (curConfig.gridSnapping) {
-					$('#grid_snapping_on')[0].checked = true;
-				}
-
-				if (curConfig.snappingStep) {
-					$('#grid_snapping_step').val(curConfig.snappingStep);
-				}
-
-				if (curConfig.gridColor) {
-					$('#grid_color').val(curConfig.gridColor);
-				}
-			});
-
-			// init SpinButtons
-			$('#rect_rx').SpinButton({ min: 0, max: 1000, callback: changeRectRadius });
-			$('#stroke_width').SpinButton({ min: 0, max: 99, smallStep: 0.1, callback: changeStrokeWidth });
-			$('#angle').SpinButton({ min: -180, max: 180, step: 5, callback: changeRotationAngle });
-			$('#font_size').SpinButton({ min: 0.001, stepfunc: stepFontSize, callback: changeFontSize });
-			$('#group_opacity').SpinButton({ min: 0, max: 100, step: 5, callback: changeOpacity });
-			$('#blur').SpinButton({ min: 0, max: 10, step: 0.1, callback: changeBlur });
-			$('#zoom').SpinButton({ min: 0.001, max: 10000, step: 50, stepfunc: stepZoom, callback: changeZoom })
-				// Set default zoom
-				.val(svgCanvas.getZoom() * 100);
-
-			$('#workarea').contextMenu({
-					menu: 'cmenu_canvas',
-					inSpeed: 0
-				},
-				function(action, el, pos) {
-					switch (action) {
-						case 'delete':
-							deleteSelected();
-							break;
-						case 'cut':
-							cutSelected();
-							break;
-						case 'copy':
-							copySelected();
-							break;
-						case 'paste':
-							svgCanvas.pasteElements();
-							break;
-						case 'paste_in_place':
-							svgCanvas.pasteElements('in_place');
-							break;
-						case 'group':
-						case 'group_elements':
-							svgCanvas.groupSelectedElements();
-							break;
-						case 'ungroup':
-							svgCanvas.ungroupSelectedElement();
-							break;
-						case 'move_front':
-							moveToTopSelected();
-							break;
-						case 'move_up':
-							moveUpDownSelected('Up');
-							break;
-						case 'move_down':
-							moveUpDownSelected('Down');
-							break;
-						case 'move_back':
-							moveToBottomSelected();
-							break;
-						default:
-							if (svgedit.contextmenu && svgedit.contextmenu.hasCustomHandler(action)) {
-								svgedit.contextmenu.getCustomHandler(action).call();
-							}
-							break;
-					}
-				}
-			);
-
-			var lmenu_func = function(action, el, pos) {
-				switch ( action ) {
-					case 'dupe':
-						cloneLayer();
-						break;
-					case 'delete':
-						deleteLayer();
-						break;
-					case 'merge_down':
-						mergeLayer();
-						break;
-					case 'merge_all':
-						svgCanvas.mergeAllLayers();
-						updateContextPanel();
-						populateLayers();
-						break;
-				}
-			};
-
-			$('#layerlist').contextMenu({
-					menu: 'cmenu_layers',
-					inSpeed: 0
-				},
-				lmenu_func
-			);
-
-			$('#layer_moreopts').contextMenu({
-					menu: 'cmenu_layers',
-					inSpeed: 0,
-					allowLeft: true
-				},
-				lmenu_func
-			);
-
-			$('.contextMenu li').mousedown(function(ev) {
-				ev.preventDefault();
-			});
-
-			$('#cmenu_canvas li').disableContextMenu();
-			canv_menu.enableContextMenuItems('#delete,#cut,#copy');
-
-			canv_menu[(localStorage.getItem('svgedit_clipboard') ? 'en' : 'dis') + 'ableContextMenuItems']
-				('#paste,#paste_in_place');
-			window.addEventListener('storage', function(e) {
-				if(e.key != 'svgedit_clipboard') return;
-
-				canv_menu[(localStorage.getItem('svgedit_clipboard') ? 'en' : 'dis') + 'ableContextMenuItems']
-					('#paste,#paste_in_place');
-			});
-
-			window.addEventListener('beforeunload', function(e) {
-				// Suppress warning if page is empty
-				if (undoMgr.getUndoStackSize() === 0) {
-					editor.showSaveWarning = false;
-				}
-
-				// showSaveWarning is set to 'false' when the page is saved.
-				if (!curConfig.no_save_warning && editor.showSaveWarning) {
-					// Browser already asks question about closing the page
-					e.returnValue = uiStrings.notification.unsavedChanges; // Firefox needs this when beforeunload set by addEventListener (even though message is not used)
-					return uiStrings.notification.unsavedChanges;
-				}
-			}, false);
-
-			editor.openPrep = function(func) {
-				$('#main_menu').hide();
-				if (undoMgr.getUndoStackSize() === 0) {
-					func(true);
-				} else {
-					$.confirm(uiStrings.notification.QwantToOpen, func);
-				}
-			};
-
-			function onDragEnter(e) {
-				e.stopPropagation();
-				e.preventDefault();
-				// and indicator should be displayed here, such as "drop files here"
-			}
-
-			function onDragOver(e) {
-				e.stopPropagation();
-				e.preventDefault();
-			}
-
-			function onDragLeave(e) {
-				e.stopPropagation();
-				e.preventDefault();
-				// hypothetical indicator should be removed here
-			}
-			// Use HTML5 File API: http://www.w3.org/TR/FileAPI/
-			// if browser has HTML5 File API support, then we will show the open menu item
-			// and provide a file input to click. When that change event fires, it will
-			// get the text contents of the file and send it to the canvas
-			if (window.FileReader) {
-				var importImage = function(e) {
-					$.process_cancel(uiStrings.notification.loadingImage);
-					e.stopPropagation();
-					e.preventDefault();
-					$('#workarea').removeAttr('style');
-					$('#main_menu').hide();
-					var file = (e.type == 'drop') ? e.dataTransfer.files[0] : this.files[0];
-					if (!file) {
-						$('#dialog_box').hide();
-						return;
-					}
-					/* if (file.type === 'application/pdf') { // Todo: Handle PDF imports
-						
-					}
-					else */
-					if (file.type.indexOf('image') != -1) {
-						// Detected an image
-						// svg handling
-						var reader;
-						if (file.type.indexOf('svg') != -1) {
-							reader = new FileReader();
-							reader.onloadend = function(e) {
-								var newElement = svgCanvas.importSvgString(e.target.result, true);
-								svgCanvas.ungroupSelectedElement();
-								svgCanvas.ungroupSelectedElement();
-								svgCanvas.groupSelectedElements();
-								svgCanvas.alignSelectedElements('m', 'page');
-								svgCanvas.alignSelectedElements('c', 'page');
-								// highlight imported element, otherwise we get strange empty selectbox
-								svgCanvas.selectOnly([newElement]);
-								$('#dialog_box').hide();
-							};
-							reader.readAsText(file);
-						}
-						else {
-						//bitmap handling
-							reader = new FileReader();
-							reader.onloadend = function(e) {
-								// let's insert the new image until we know its dimensions
-								var insertNewImage = function(width, height) {
-									var newImage = svgCanvas.addSvgElementFromJson({
-										element: 'image',
-										attr: {
-											x: 0,
-											y: 0,
-											width: width,
-											height: height,
-											id: svgCanvas.getNextId(),
-											style: 'pointer-events:inherit'
-										}
-									});
-									svgCanvas.setHref(newImage, e.target.result);
-									svgCanvas.selectOnly([newImage]);
-									svgCanvas.alignSelectedElements('m', 'page');
-									svgCanvas.alignSelectedElements('c', 'page');
-									updateContextPanel();
-									$('#dialog_box').hide();
-								};
-								// create dummy img so we know the default dimensions
-								var imgWidth = 100;
-								var imgHeight = 100;
-								var img = new Image();
-								img.src = e.target.result;
-								img.style.opacity = 0;
-								img.onload = function() {
-									imgWidth = img.offsetWidth;
-									imgHeight = img.offsetHeight;
-									insertNewImage(imgWidth, imgHeight);
-								};
-							};
-							reader.readAsDataURL(file);
-						}
-					}
-				};
-
-				workarea[0].addEventListener('dragenter', onDragEnter, false);
-				workarea[0].addEventListener('dragover', onDragOver, false);
-				workarea[0].addEventListener('dragleave', onDragLeave, false);
-				workarea[0].addEventListener('drop', importImage, false);
-
-				var open = $('<input type="file">').change(function() {
-					var f = this;
-					editor.openPrep(function(ok) {
-						if (!ok) {return;}
-						svgCanvas.clear();
-						if (f.files.length === 1) {
-							$.process_cancel(uiStrings.notification.loadingImage);
-							var reader = new FileReader();
-							reader.onloadend = function(e) {
-								loadSvgString(e.target.result);
-								updateCanvas();
-							};
-							reader.readAsText(f.files[0]);
-						}
-					});
-				});
-				$('#tool_open').show().prepend(open);
-
-				var imgImport = $('<input type="file">').change(importImage);
-				$('#tool_import').show().prepend(imgImport);
-			}
-
-//			$(function() {
-				updateCanvas(true);
-//			});
-
-			//	var revnums = "svg-editor.js ($Rev$) ";
-			//	revnums += svgCanvas.getVersion();
-			//	$('#copyright')[0].setAttribute('title', revnums);
-
-			// For Compatibility with older extensions
-			$(function() {
-				window.svgCanvas = svgCanvas;
-				svgCanvas.ready = editor.ready;
-			});
-
-			editor.setLang = function(lang, allStrings) {
-				editor.langChanged = true;
-				$.pref('lang', lang);
-				$('#lang_select').val(lang);
-				if (!allStrings) {
-					return;
-				}
-				// var notif = allStrings.notification; // Currently unused
-				// $.extend will only replace the given strings
-				var oldLayerName = $('#layerlist tr.layersel td.layername').text();
-				var rename_layer = (oldLayerName == uiStrings.common.layer + ' 1');
-
-				$.extend(uiStrings, allStrings);
-				svgCanvas.setUiStrings(allStrings);
-				Actions.setTitles();
-
-				if (rename_layer) {
-					svgCanvas.renameCurrentLayer(uiStrings.common.layer + ' 1');
-					populateLayers();
-				}
-
-				// In case extensions loaded before the locale, now we execute a callback on them
-				if (extsPreLang.length) {
-					while (extsPreLang.length) {
-						var ext = extsPreLang.shift();
-						ext.langReady({lang: lang, uiStrings: uiStrings});
-					}
-				}
-				else {
-					svgCanvas.runExtensions('langReady', {lang: lang, uiStrings: uiStrings});
-				}
-				svgCanvas.runExtensions('langChanged', lang);
-
-				// Update flyout tooltips
-				setFlyoutTitles();
-
-				// Copy title for certain tool elements
-				var elems = {
-					'#stroke_color': '#tool_stroke .icon_label, #tool_stroke .color_block',
-					'#fill_color': '#tool_fill label, #tool_fill .color_block',
-					'#linejoin_miter': '#cur_linejoin',
-					'#linecap_butt': '#cur_linecap'
-				};
-
-				$.each(elems, function(source, dest) {
-					$(dest).attr('title', $(source)[0].title);
-				});
-
-				// Copy alignment titles
-				$('#multiselected_panel div[id^=tool_align]').each(function() {
-					$('#tool_pos' + this.id.substr(10))[0].title = this.title;
-				});
-			};
-		};
-
-		editor.ready = function (cb) {
-			if (!isReady) {
-				callbacks.push(cb);
-			} else {
-				cb();
-			}
-		};
-
-		editor.runCallbacks = function () {
-			$.each(callbacks, function() {
-				this();
-			});
-			isReady = true;
-		};
-
-		editor.loadFromString = function (str) {
-			editor.ready(function() {
-				loadSvgString(str);
-			});
-		};
-
-		editor.disableUI = function (featList) {
-//			$(function() {
-//				$('#tool_wireframe, #tool_image, #main_button, #tool_source, #sidepanels').remove();
-//				$('#tools_top').css('left', 5);
-//			});
-		};
-
-		editor.loadFromURL = function (url, opts) {
-			if (!opts) {opts = {};}
-
-			var cache = opts.cache;
-			var cb = opts.callback;
-
-			editor.ready(function() {
-				$.ajax({
-					'url': url,
-					'dataType': 'text',
-					cache: !!cache,
-					beforeSend:function(){
-						$.process_cancel(uiStrings.notification.loadingImage);
-					},
-					success: function(str) {
-						loadSvgString(str, cb);
-					},
-					error: function(xhr, stat, err) {
-						if (xhr.status != 404 && xhr.responseText) {
-							loadSvgString(xhr.responseText, cb);
-						} else {
-							$.alert(uiStrings.notification.URLloadFail + ': \n' + err, cb);
-						}
-					},
-					complete:function(){
-						$('#dialog_box').hide();
-					}
-				});
-			});
-		};
-
-		editor.loadFromDataURI = function(str) {
-			editor.ready(function() {
-				var base64 = false;
-				var pre = str.match(/^data:image\/svg\+xml;base64,/);
-				if (pre) {
-					base64 = true;
-				}
-				else {
-					pre = str.match(/^data:image\/svg\+xml(?:;(?:utf8)?)?,/);
-				}
-				if (pre) {
-					pre = pre[0];
-				}
-				var src = str.slice(pre.length);
-				loadSvgString(base64 ? Utils.decode64(src) : decodeURIComponent(src));
-			});
-		};
-
-		editor.addExtension = function () {
-			var args = arguments;
-
-			// Note that we don't want this on editor.ready since some extensions
-			// may want to run before then (like server_opensave).
-			$(function() {
-				if (svgCanvas) {svgCanvas.addExtension.apply(this, args);}
-			});
-		};
-
-		return editor;
-	}(jQuery));
-
-	// Run init once DOM is loaded
-	$(svgEditor.init);
-
-}());
+// STATE MAINTENANCE PROPERTIES
+/**
+* @type {Float}
+*/
+editor.tool_scale = 1; // Dependent on icon size, so any use to making configurable instead? Used by `jQuery.SpinButton.js`
+/**
+* @type {Integer}
+*/
+editor.exportWindowCt = 0;
+/**
+* @type {boolean}
+*/
+editor.langChanged = false;
+/**
+* @type {boolean}
+*/
+editor.showSaveWarning = false;
+/**
+* @type {boolean}
+*/
+editor.storagePromptClosed = false; // For use with ext-storage.js
+
+const callbacks = [],
+  /**
+  * @typedef {"s"|"m"|"l"|"xl"|Float} module:SVGEditor.IconSize
+  */
+  /**
+  * Preferences
+  * @interface module:SVGEditor.Prefs
+  * @property {string} [lang="en"] Two-letter language code. The language must exist in the Editor Preferences language list. Defaults to "en" if `locale.js` detection does not detect another language.
+  * @property {module:SVGEditor.IconSize} [iconsize="s"|"m"] Size of the toolbar icons. Will default to 's' if the window height is smaller than the minimum height and 'm' otherwise.
+  * @property {string} [bkgd_color="#FFF"] Color hex for canvas background color. Defaults to white.
+  * @property {string} [bkgd_url=""] Background raster image URL. This image will fill the background of the document; useful for tracing purposes.
+  * @property {"embed"|"ref"} [img_save="embed"] Defines whether included raster images should be saved as Data URIs when possible, or as URL references. Settable in the Document Properties dialog.
+  * @property {boolean} [save_notice_done=false] Used to track alert status
+  * @property {boolean} [export_notice_done=false] Used to track alert status
+  * @todo `save_notice_done` and `export_notice_done` should be changed to flags rather than preferences
+  */
+  /**
+  * @namespace {module:SVGEditor.Prefs} defaultPrefs
+  * @memberof module:SVGEditor~
+  * @implements {module:SVGEditor.Prefs}
+  */
+  // The iteration algorithm for defaultPrefs does not currently support array/objects
+  defaultPrefs = /** @lends module:SVGEditor~defaultPrefs */ {
+    // EDITOR OPTIONS (DIALOG)
+    /**
+    * Default to "en" if locale.js detection does not detect another language
+    */
+    lang: '',
+    /**
+    * Will default to 's' if the window height is smaller than the minimum height and
+    * 'm' otherwise
+    */
+    iconsize: '',
+    bkgd_color: '#FFF',
+    bkgd_url: '',
+    // DOCUMENT PROPERTIES (DIALOG)
+    img_save: 'embed',
+    // ALERT NOTICES
+    // Only shows in UI as far as alert notices, but useful to remember, so keeping as pref
+    save_notice_done: false,
+    export_notice_done: false
+  },
+  /**
+  * @name module:SVGEditor~defaultExtensions
+  * @type {string[]}
+  */
+  defaultExtensions = [
+    'ext-connector.js',
+    'ext-eyedropper.js',
+    'ext-grid.js',
+    'ext-imagelib.js',
+    'ext-markers.js',
+    'ext-overview_window.js',
+    'ext-panning.js',
+    'ext-polygon.js',
+    'ext-shapes.js',
+    'ext-star.js',
+    'ext-storage.js'
+  ],
+  /**
+  * @typedef {"@default"|string} module:SVGEditor.Stylesheet `@default` will automatically load all of the default CSS paths for SVGEditor
+  */
+  /**
+  * @typedef {GenericArray} module:SVGEditor.XYDimensions
+  * @property {Integer} length 2
+  * @property {Float} 0
+  * @property {Float} 1
+  */
+  /**
+  * @tutorial ConfigOptions
+  * @interface module:SVGEditor.Config
+  * @property {string} [canvasName="default"] Used to namespace storage provided via `ext-storage.js`; you can use this if you wish to have multiple independent instances of SVG Edit on the same domain
+  * @property {boolean} [no_save_warning=false] If `true`, prevents the warning dialog box from appearing when closing/reloading the page. Mostly useful for testing.
+  * @property {string} [imgPath="images/"] The path where the SVG icons are located, with trailing slash. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {string} [langPath="locale/"] The path where the language files are located, with trailing slash. Default will be changed to `../dist/locale/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {string} [extPath="extensions/"] The path used for extension files, with trailing slash. Default will be changed to `../dist/extensions/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {string} [canvgPath="canvg/"] The path used for `canvg` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.
+  * @property {string} [jspdfPath="jspdf/"] The path used for `jsPDF` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.
+  * @property {string} [extIconsPath="extensions/"] The path used for extension icons, with trailing slash.
+  * @property {string} [jGraduatePath="jgraduate/images/"] The path where jGraduate images are located. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {boolean} [preventAllURLConfig=false] Set to `true` to override the ability for URLs to set non-content configuration (including extension config). Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+  * @property {boolean} [preventURLContentLoading=false] Set to `true` to override the ability for URLs to set URL-based SVG content. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+  * @property {boolean} [lockExtensions=false] Set to `true` to override the ability for URLs to set their own extensions; disallowed in URL setting. There is no need for this when `preventAllURLConfig` is used. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+  * @property {boolean} [noDefaultExtensions=false] If set to `true`, prohibits automatic inclusion of default extensions (though "extensions" can still be used to add back any desired default extensions along with any other extensions). This can only be meaningfully used in `svgedit-config-iife.js` or in the URL
+  * @property {boolean} [noStorageOnLoad=false] Some interaction with `ext-storage.js`; prevent even the loading of previously saved local storage.
+  * @property {boolean} [forceStorage=false] Some interaction with `ext-storage.js`; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not (and may be required by law in some regions)
+  * @property {boolean} [emptyStorageOnDecline=false] Used by `ext-storage.js`; empty any prior storage if the user declines to store
+  * @property {string[]} [extensions=module:SVGEditor~defaultExtensions] Extensions to load on startup. Use an array in `setConfig` and comma separated file names in the URL. Extension names must begin with "ext-". Note that as of version 2.7, paths containing "/", "\", or ":", are disallowed for security reasons. Although previous versions of this list would entirely override the default list, as of version 2.7, the defaults will always be added to this explicit list unless the configuration `noDefaultExtensions` is included.
+  * @property {module:SVGEditor.Stylesheet[]} [stylesheets=["@default"]] An array of required stylesheets to load in parallel; include the value `"@default"` within this array to ensure all default stylesheets are loaded.
+  * @property {string[]} [allowedOrigins=[]] Used by `ext-xdomain-messaging.js` to indicate which origins are permitted for cross-domain messaging (e.g., between the embedded editor and main editor code). Besides explicit domains, one might add '' to allow all domains (not recommended for privacy/data integrity of your user's content!), `window.location.origin` for allowing the same origin (should be safe if you trust all apps on your domain), 'null' to allow `file://` URL usage
+  * @property {null|PlainObject} [colorPickerCSS=null] Object of CSS properties mapped to values (for jQuery) to apply to the color picker. See {@link http://api.jquery.com/css/#css-properties}. A `null` value (the default) will cause the CSS to default to `left` with a position equal to that of the `fill_color` or `stroke_color` element minus 140, and a `bottom` equal to 40
+  * @property {string} [paramurl] This was available via URL only. Allowed an un-encoded URL within the query string (use "url" or "source" with a data: URI instead)
+  * @property {Float} [canvas_expansion=3] The minimum area visible outside the canvas, as a multiple of the image dimensions. The larger the number, the more one can scroll outside the canvas.
+  * @property {PlainObject} [initFill] Init fill properties
+  * @property {string} [initFill.color="FF0000"] The initial fill color. Must be a hex code string. Defaults to solid red.
+  * @property {Float} [initFill.opacity=1] The initial fill opacity. Must be a number between 0 and 1
+  * @property {PlainObject} [initStroke] Init stroke properties
+  * @property {Float} [initStroke.width=5] The initial stroke width. Must be a positive number.
+  * @property {string} [initStroke.color="000000"] The initial stroke color. Must be a hex code. Defaults to solid black.
+  * @property {Float} [initStroke.opacity=1] The initial stroke opacity. Must be a number between 0 and 1.
+  * @property {PlainObject} text Text style properties
+  * @property {Float} [text.stroke_width=0] Text stroke width
+  * @property {Float} [text.font_size=24] Text font size
+  * @property {string} [text.font_family="serif"] Text font family
+  * @property {Float} [initOpacity=1] Initial opacity (multiplied by 100)
+  * @property {module:SVGEditor.XYDimensions} [dimensions=[640, 480]] The default width/height of a new document. Use an array in `setConfig` (e.g., `[800, 600]`) and comma separated numbers in the URL.
+  * @property {boolean} [gridSnapping=false] Enable snap to grid by default. Set in Editor Options.
+  * @property {string} [gridColor="#000"] Accepts hex, e.g., '#000'. Set in Editor Options. Defaults to black.
+  * @property {string} [baseUnit="px"] Set in Editor Options.
+  * @property {Float} [snappingStep=10] Set the default grid snapping value. Set in Editor Options.
+  * @property {boolean} [showRulers=true] Initial state of ruler display (v2.6). Set in Editor Options.
+  * @property {string} [initTool="select"] The initially selected tool. Must be either the ID of the button for the tool, or the ID without `tool_` prefix (e.g., "select").
+  * @property {boolean} [wireframe=false] Start in wireframe mode
+  * @property {boolean} [showlayers=false] Open the layers side-panel by default.
+  * @property {"new"|"same"} [exportWindowType="new"] Can be "new" or "same" to indicate whether new windows will be generated for each export; the `window.name` of the export window is namespaced based on the `canvasName` (and incremented if "new" is selected as the type). Introduced 2.8.
+  * @property {boolean} [showGrid=false] Set by `ext-grid.js`; determines whether or not to show the grid by default
+  * @property {boolean} [show_outside_canvas=true] Defines whether or not elements outside the canvas should be visible. Set and used in `svgcanvas.js`.
+  * @property {boolean} [selectNew=true] If true, will replace the selection with the current element and automatically select element objects (when not in "path" mode) after they are created, showing their grips (v2.6). Set and used in `svgcanvas.js` (`mouseUp`).
+  * @todo Some others could be preferences as well (e.g., preventing URL changing of extensions, defaultExtensions, stylesheets, colorPickerCSS); Change the following to preferences and add pref controls where missing to the UI (e.g., `canvas_expansion`, `initFill`, `initStroke`, `text`, `initOpacity`, `dimensions`, `initTool`, `wireframe`, `showlayers`, `gridSnapping`, `gridColor`, `baseUnit`, `snappingStep`, `showRulers`, `exportWindowType`, `showGrid`, `show_outside_canvas`, `selectNew`)?
+  */
+  /**
+  * @namespace {module:SVGEditor.Config} defaultConfig
+  * @memberof module:SVGEditor~
+  * @implements {module:SVGEditor.Config}
+  */
+  defaultConfig = {
+    canvasName: 'default',
+    canvas_expansion: 3,
+    initFill: {
+      color: 'FF0000', // solid red
+      opacity: 1
+    },
+    initStroke: {
+      width: 5,
+      color: '000000', // solid black
+      opacity: 1
+    },
+    text: {
+      stroke_width: 0,
+      font_size: 24,
+      font_family: 'serif'
+    },
+    initOpacity: 1,
+    colorPickerCSS: null, // Defaults to 'left' with a position equal to that of the fill_color or stroke_color element minus 140, and a 'bottom' equal to 40
+    initTool: 'select',
+    exportWindowType: 'new', // 'same' (todo: also support 'download')
+    wireframe: false,
+    showlayers: false,
+    no_save_warning: false,
+    // PATH CONFIGURATION
+    // The following path configuration items are disallowed in the URL (as should any future path configurations)
+    imgPath: 'images/',
+    langPath: 'locale/', // Default will be changed if this is a modular load
+    extPath: 'extensions/', // Default will be changed if this is a modular load
+    canvgPath: 'canvg/', // Default will be changed if this is a modular load
+    jspdfPath: 'jspdf/', // Default will be changed if this is a modular load
+    extIconsPath: 'extensions/',
+    jGraduatePath: 'jgraduate/images/',
+    // DOCUMENT PROPERTIES
+    // Change the following to a preference (already in the Document Properties dialog)?
+    dimensions: [640, 480],
+    // EDITOR OPTIONS
+    // Change the following to preferences (already in the Editor Options dialog)?
+    gridSnapping: false,
+    gridColor: '#000',
+    baseUnit: 'px',
+    snappingStep: 10,
+    showRulers: true,
+    // URL BEHAVIOR CONFIGURATION
+    preventAllURLConfig: false,
+    preventURLContentLoading: false,
+    // EXTENSION CONFIGURATION (see also preventAllURLConfig)
+    lockExtensions: false, // Disallowed in URL setting
+    noDefaultExtensions: false, // noDefaultExtensions can only be meaningfully used in `svgedit-config-iife.js` or in the URL
+    // EXTENSION-RELATED (GRID)
+    showGrid: false, // Set by ext-grid.js
+    // EXTENSION-RELATED (STORAGE)
+    noStorageOnLoad: false, // Some interaction with ext-storage.js; prevent even the loading of previously saved local storage
+    forceStorage: false, // Some interaction with ext-storage.js; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not
+    emptyStorageOnDecline: false // Used by ext-storage.js; empty any prior storage if the user declines to store
+  },
+  /**
+  * LOCALE
+  * @name module:SVGEditor.uiStrings
+  * @type {PlainObject}
+  */
+  uiStrings = editor.uiStrings = {};
+
+let svgCanvas, urldata,
+  isReady = false,
+  customExportImage = false,
+  customExportPDF = false,
+  curPrefs = {},
+  // Note: The difference between Prefs and Config is that Prefs
+  //   can be changed in the UI and are stored in the browser,
+  //   while config cannot
+  curConfig = {
+    // We do not put on defaultConfig to simplify object copying
+    //   procedures (we obtain instead from defaultExtensions)
+    extensions: [],
+    stylesheets: [],
+    /**
+    * Can use window.location.origin to indicate the current
+    * origin. Can contain a '*' to allow all domains or 'null' (as
+    * a string) to support all file:// URLs. Cannot be set by
+    * URL for security reasons (not safe, at least for
+    * privacy or data integrity of SVG content).
+    * Might have been fairly safe to allow
+    *   `new URL(window.location.href).origin` by default but
+    *   avoiding it ensures some more security that even third
+    *   party apps on the same domain also cannot communicate
+    *   with this app by default.
+    * For use with ext-xdomain-messaging.js
+    * @todo We might instead make as a user-facing preference.
+    */
+    allowedOrigins: []
+  };
+
+function loadSvgString (str, callback) {
+  const success = svgCanvas.setSvgString(str) !== false;
+  callback = callback || $.noop;
+  if (success) {
+    callback(true); // eslint-disable-line standard/no-callback-literal
+  } else {
+    $.alert(uiStrings.notification.errorLoadingSVG, function () {
+      callback(false); // eslint-disable-line standard/no-callback-literal
+    });
+  }
+}
+
+/**
+ * @function module:SVGEditor~getImportLocale
+ * @param {string} defaultLang
+ * @param {string} defaultName
+ * @returns {module:SVGEditor~ImportLocale}
+ */
+function getImportLocale ({defaultLang, defaultName}) {
+  /**
+   * @function module:SVGEditor~ImportLocale
+   * @param {string} [name] Defaults to `defaultName` of {@link module:SVGEditor~getImportLocale}
+   * @param {string} [lang=defaultLang] Defaults to `defaultLang` of {@link module:SVGEditor~getImportLocale}
+   * @returns {Promise} Resolves to {@link module:locale.LocaleStrings}
+   */
+  return async function importLocale ({name = defaultName, lang = defaultLang} = {}) {
+    async function importLocale (lang) {
+      const url = `${curConfig.extPath}ext-locale/${name}/${lang}.js`;
+      return importSetGlobalDefault(url, {
+        global: `svgEditorExtensionLocale_${name}_${lang}`
+      });
+    }
+    try {
+      return importLocale(lang);
+    } catch (err) {
+      return importLocale('en');
+    }
+  };
+}
+
+/**
+* EXPORTS
+*/
+
+/**
+* Store and retrieve preferences
+* @param {string} key The preference name to be retrieved or set
+* @param {string} [val] The value. If the value supplied is missing or falsey, no change to the preference will be made.
+* @returns {string} If val is missing or falsey, the value of the previously stored preference will be returned.
+* @todo Can we change setting on the jQuery namespace (onto editor) to avoid conflicts?
+* @todo Review whether any remaining existing direct references to
+*  getting `curPrefs` can be changed to use `$.pref()` getting to ensure
+*  `defaultPrefs` fallback (also for sake of `allowInitialUserOverride`); specifically, `bkgd_color` could be changed so that
+*  the pref dialog has a button to auto-calculate background, but otherwise uses `$.pref()` to be able to get default prefs
+*  or overridable settings
+*/
+$.pref = function (key, val) {
+  if (val) {
+    curPrefs[key] = val;
+    /**
+    * @name curPrefs
+    * @memberof module:SVGEditor
+    * @implements {module:SVGEditor.Prefs}
+    */
+    editor.curPrefs = curPrefs; // Update exported value
+    return;
+  }
+  return (key in curPrefs) ? curPrefs[key] : defaultPrefs[key];
+};
+
+/*
+* EDITOR PUBLIC METHODS
+// Todo: Sort these methods per invocation order, ideally with init at the end
+// Todo: Prevent execution until init executes if dependent on it?
+*/
+editor.putLocale = putLocale;
+editor.readLang = readLang;
+editor.setStrings = setStrings;
+
+/**
+* Where permitted, sets canvas and/or `defaultPrefs` based on previous
+*  storage. This will override URL settings (for security reasons) but
+*  not `svgedit-config-iife.js` configuration (unless initial user
+*  overriding is explicitly permitted there via `allowInitialUserOverride`).
+* @todo Split `allowInitialUserOverride` into `allowOverrideByURL` and
+*  `allowOverrideByUserStorage` so `svgedit-config-iife.js` can disallow some
+*  individual items for URL setting but allow for user storage AND/OR
+*  change URL setting so that it always uses a different namespace,
+*  so it won't affect pre-existing user storage (but then if users saves
+*  that, it will then be subject to tampering
+* @returns {undefined}
+*/
+editor.loadContentAndPrefs = function () {
+  if (!curConfig.forceStorage &&
+    (curConfig.noStorageOnLoad ||
+        !document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/)
+    )
+  ) {
+    return;
+  }
+
+  // LOAD CONTENT
+  if (editor.storage && // Cookies do not have enough available memory to hold large documents
+    (curConfig.forceStorage ||
+      (!curConfig.noStorageOnLoad &&
+        document.cookie.match(/(?:^|;\s*)store=prefsAndContent/))
+    )
+  ) {
+    const name = 'svgedit-' + curConfig.canvasName;
+    const cached = editor.storage.getItem(name);
+    if (cached) {
+      editor.loadFromString(cached);
+    }
+  }
+
+  // LOAD PREFS
+  for (const key in defaultPrefs) {
+    if (defaultPrefs.hasOwnProperty(key)) { // It's our own config, so we don't need to iterate up the prototype chain
+      const storeKey = 'svg-edit-' + key;
+      if (editor.storage) {
+        const val = editor.storage.getItem(storeKey);
+        if (val) {
+          defaultPrefs[key] = String(val); // Convert to string for FF (.value fails in Webkit)
+        }
+      } else if (window.widget) {
+        defaultPrefs[key] = window.widget.preferenceForKey(storeKey);
+      } else {
+        const result = document.cookie.match(new RegExp('(?:^|;\\s*)' + Utils.regexEscape(encodeURIComponent(storeKey)) + '=([^;]+)'));
+        defaultPrefs[key] = result ? decodeURIComponent(result[1]) : '';
+      }
+    }
+  }
+};
+
+/**
+* Allows setting of preferences or configuration (including extensions).
+* @param {module:SVGEditor.Config|module:SVGEditor.Prefs} opts The preferences or configuration (including extensions). See the tutorial on {@tutorial ConfigOptions} for info on config and preferences.
+* @param {PlainObject} [cfgCfg] Describes configuration which applies to the
+*    particular batch of supplied options
+* @param {boolean} [cfgCfg.allowInitialUserOverride=false] Set to true if you wish
+*  to allow initial overriding of settings by the user via the URL
+*  (if permitted) or previously stored preferences (if permitted);
+*  note that it will be too late if you make such calls in extension
+*  code because the URL or preference storage settings will
+*   have already taken place.
+* @param {boolean} [cfgCfg.overwrite=true] Set to false if you wish to
+*  prevent the overwriting of prior-set preferences or configuration
+*  (URL settings will always follow this requirement for security
+*  reasons, so `svgedit-config-iife.js` settings cannot be overridden unless it
+*  explicitly permits via `allowInitialUserOverride` but extension config
+*  can be overridden as they will run after URL settings). Should
+*   not be needed in `svgedit-config-iife.js`.
+* @returns {undefined}
+*/
+editor.setConfig = function (opts, cfgCfg) {
+  cfgCfg = cfgCfg || {};
+  function extendOrAdd (cfgObj, key, val) {
+    if (cfgObj[key] && typeof cfgObj[key] === 'object') {
+      $.extend(true, cfgObj[key], val);
+    } else {
+      cfgObj[key] = val;
+    }
+  }
+  $.each(opts, function (key, val) {
+    if (opts.hasOwnProperty(key)) {
+      // Only allow prefs defined in defaultPrefs
+      if (defaultPrefs.hasOwnProperty(key)) {
+        if (cfgCfg.overwrite === false && (
+          curConfig.preventAllURLConfig ||
+          curPrefs.hasOwnProperty(key)
+        )) {
+          return;
+        }
+        if (cfgCfg.allowInitialUserOverride === true) {
+          defaultPrefs[key] = val;
+        } else {
+          $.pref(key, val);
+        }
+      } else if (['extensions', 'stylesheets', 'allowedOrigins'].includes(key)) {
+        if (cfgCfg.overwrite === false &&
+          (
+            curConfig.preventAllURLConfig ||
+            ['allowedOrigins', 'stylesheets'].includes(key) ||
+            (key === 'extensions' && curConfig.lockExtensions)
+          )
+        ) {
+          return;
+        }
+        curConfig[key] = curConfig[key].concat(val); // We will handle any dupes later
+      // Only allow other curConfig if defined in defaultConfig
+      } else if (defaultConfig.hasOwnProperty(key)) {
+        if (cfgCfg.overwrite === false && (
+          curConfig.preventAllURLConfig ||
+          curConfig.hasOwnProperty(key)
+        )) {
+          return;
+        }
+        // Potentially overwriting of previously set config
+        if (curConfig.hasOwnProperty(key)) {
+          if (cfgCfg.overwrite === false) {
+            return;
+          }
+          extendOrAdd(curConfig, key, val);
+        } else {
+          if (cfgCfg.allowInitialUserOverride === true) {
+            extendOrAdd(defaultConfig, key, val);
+          } else {
+            if (defaultConfig[key] && typeof defaultConfig[key] === 'object') {
+              curConfig[key] = {};
+              $.extend(true, curConfig[key], val); // Merge properties recursively, e.g., on initFill, initStroke objects
+            } else {
+              curConfig[key] = val;
+            }
+          }
+        }
+      }
+    }
+  });
+  /**
+  * @name curConfig
+  * @memberof module:SVGEditor
+  * @implements {module:SVGEditor.Config}
+  */
+  editor.curConfig = curConfig; // Update exported value
+};
+
+/**
+* All methods are optional
+* @interface module:SVGEditor.CustomHandler
+* @type {PlainObject}
+*/
+/**
+* Its responsibilities are:
+*  - invoke a file chooser dialog in 'open' mode
+*  - let user pick a SVG file
+*  - calls [svgCanvas.setSvgString()]{@link module:svgcanvas.SvgCanvas#setSvgString} with the string contents of that file.
+* Not passed any parameters.
+* @function module:SVGEditor.CustomHandler#open
+* @returns {undefined}
+*/
+/**
+* Its responsibilities are:
+*  - accept the string contents of the current document
+*  - invoke a file chooser dialog in 'save' mode
+*  - save the file to location chosen by the user
+* @function module:SVGEditor.CustomHandler#save
+* @param {external:Window} win
+* @param {module:svgcanvas.SvgCanvas#event:saved} svgStr A string of the SVG
+* @listens module:svgcanvas.SvgCanvas#event:saved
+* @returns {undefined}
+*/
+/**
+* Its responsibilities (with regard to the object it is supplied in its 2nd argument) are:
+*  - inform user of any issues supplied via the "issues" property
+*  - convert the "svg" property SVG string into an image for export;
+*    utilize the properties "type" (currently 'PNG', 'JPEG', 'BMP',
+*    'WEBP', 'PDF'), "mimeType", and "quality" (for 'JPEG' and 'WEBP'
+*    types) to determine the proper output.
+* @function module:SVGEditor.CustomHandler#exportImage
+* @param {external:Window} win
+* @param {module:svgcanvas.SvgCanvas#event:exported} data
+* @listens module:svgcanvas.SvgCanvas#event:exported
+* @returns {undefined}
+*/
+/**
+* @function module:SVGEditor.CustomHandler#exportPDF
+* @param {external:Window} win
+* @param {module:svgcanvas.SvgCanvas#event:exportedPDF} data
+* @listens module:svgcanvas.SvgCanvas#event:exportedPDF
+* @returns {undefined}
+*/
+
+/**
+* Allows one to override default SVGEdit `open`, `save`, and
+* `export` editor behaviors.
+* @param {module:SVGEditor.CustomHandler} opts Extension mechanisms may call `setCustomHandlers` with three functions: `opts.open`, `opts.save`, and `opts.exportImage`
+* @returns {undefined}
+*/
+editor.setCustomHandlers = function (opts) {
+  editor.ready(function () {
+    if (opts.open) {
+      $('#tool_open > input[type="file"]').remove();
+      $('#tool_open').show();
+      svgCanvas.open = opts.open;
+    }
+    if (opts.save) {
+      editor.showSaveWarning = false;
+      svgCanvas.bind('saved', opts.save);
+    }
+    if (opts.exportImage) {
+      customExportImage = opts.exportImage;
+      svgCanvas.bind('exported', customExportImage); // canvg and our RGBColor will be available to the method
+    }
+    if (opts.exportPDF) {
+      customExportPDF = opts.exportPDF;
+      svgCanvas.bind('exportedPDF', customExportPDF); // jsPDF and our RGBColor will be available to the method
+    }
+  });
+};
+
+/**
+* @param {boolean} arg
+* @returns {undefined}
+*/
+editor.randomizeIds = function (arg) {
+  return svgCanvas.randomizeIds(arg);
+};
+
+/**
+* Auto-run after a Promise microtask
+* @returns {undefined}
+*/
+editor.init = function () {
+  const modularVersion = !('svgEditor' in window) ||
+    !window.svgEditor ||
+    window.svgEditor.modules !== false;
+  if (!modularVersion) {
+    Object.assign(defaultConfig, {
+      langPath: '../dist/locale/',
+      extPath: '../dist/extensions/',
+      canvgPath: '../dist/',
+      jspdfPath: '../dist/'
+    });
+  }
+
+  // const host = location.hostname,
+  //  onWeb = host && host.includes('.');
+  // Some FF versions throw security errors here when directly accessing
+  try {
+    if ('localStorage' in window) { // && onWeb removed so Webkit works locally
+      /**
+      * The built-in interface implemented by `localStorage`
+      * @external Storage
+      */
+      /**
+      * @name storage
+      * @memberof module:SVGEditor
+      * @type {external:Storage}
+      */
+      editor.storage = localStorage;
+    }
+  } catch (err) {}
+
+  // Todo: Avoid const-defined functions and group functions together, etc. where possible
+  const goodLangs = [];
+  $('#lang_select option').each(function () {
+    goodLangs.push(this.value);
+  });
+
+  function setupCurPrefs () {
+    curPrefs = $.extend(true, {}, defaultPrefs, curPrefs); // Now safe to merge with priority for curPrefs in the event any are already set
+    // Export updated prefs
+    editor.curPrefs = curPrefs;
+  }
+  function setupCurConfig () {
+    curConfig = $.extend(true, {}, defaultConfig, curConfig); // Now safe to merge with priority for curConfig in the event any are already set
+
+    // Now deal with extensions and other array config
+    if (!curConfig.noDefaultExtensions) {
+      curConfig.extensions = curConfig.extensions.concat(defaultExtensions);
+    }
+    // ...and remove any dupes
+    ['extensions', 'stylesheets', 'allowedOrigins'].forEach(function (cfg) {
+      curConfig[cfg] = $.grep(curConfig[cfg], function (n, i) { // Supposedly faster than filter per http://amandeep1986.blogspot.hk/2015/02/jquery-grep-vs-js-filter.html
+        return i === curConfig[cfg].indexOf(n);
+      });
+    });
+    // Export updated config
+    editor.curConfig = curConfig;
+  }
+  (() => {
+    // Load config/data from URL if given
+    let src, qstr;
+    urldata = $.deparam.querystring(true);
+    if (!$.isEmptyObject(urldata)) {
+      if (urldata.dimensions) {
+        urldata.dimensions = urldata.dimensions.split(',');
+      }
+
+      if (urldata.bkgd_color) {
+        urldata.bkgd_color = '#' + urldata.bkgd_color;
+      }
+
+      if (urldata.extensions) {
+        // For security reasons, disallow cross-domain or cross-folder extensions via URL
+        urldata.extensions = urldata.extensions.match(/[:/\\]/) ? '' : urldata.extensions.split(',');
+      }
+
+      // Disallowing extension paths via URL for
+      // security reasons, even for same-domain
+      // ones given potential to interact in undesirable
+      // ways with other script resources
+      [
+        'extPath', 'imgPath', 'extIconsPath', 'canvgPath',
+        'langPath', 'jGraduatePath', 'jspdfPath'
+      ].forEach(function (pathConfig) {
+        if (urldata[pathConfig]) {
+          delete urldata[pathConfig];
+        }
+      });
+
+      editor.setConfig(urldata, {overwrite: false}); // Note: source and url (as with storagePrompt later) are not set on config but are used below
+
+      setupCurConfig();
+
+      if (!curConfig.preventURLContentLoading) {
+        src = urldata.source;
+        qstr = $.param.querystring();
+        if (!src) { // urldata.source may have been null if it ended with '='
+          if (qstr.includes('source=data:')) {
+            src = qstr.match(/source=(data:[^&]*)/)[1];
+          }
+        }
+        if (src) {
+          if (src.startsWith('data:')) {
+            editor.loadFromDataURI(src);
+          } else {
+            editor.loadFromString(src);
+          }
+          return;
+        }
+        if (urldata.url) {
+          editor.loadFromURL(urldata.url);
+          return;
+        }
+      }
+      if (!urldata.noStorageOnLoad || curConfig.forceStorage) {
+        editor.loadContentAndPrefs();
+      }
+    } else {
+      setupCurConfig();
+      editor.loadContentAndPrefs();
+    }
+    setupCurPrefs();
+  })();
+
+  /**
+  * Called internally
+  * @param {string|Element|external:jQuery} elem
+  * @param {string|external:jQuery} iconId
+  * @param {Float} forcedSize Not in use
+  * @returns {undefined}
+  */
+  const setIcon = editor.setIcon = function (elem, iconId, forcedSize) {
+    const icon = (typeof iconId === 'string') ? $.getSvgIcon(iconId, true) : iconId.clone();
+    if (!icon) {
+      console.log('NOTE: Icon image missing: ' + iconId);
+      return;
+    }
+    $(elem).empty().append(icon);
+  };
+
+  /**
+   * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+   * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+   * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+   * @fires module:svgcanvas.SvgCanvas#event:extensions_added
+   * @returns {Promise} Resolves to result of {@link module:locale.readLang}
+   */
+  const extAndLocaleFunc = async function () {
+    // const lang = ('lang' in curPrefs) ? curPrefs.lang : null;
+    const {langParam, langData} = await editor.putLocale(null, goodLangs, curConfig);
+    setLang(langParam, langData);
+
+    try {
+      await Promise.all(
+        curConfig.extensions.map(async (extname) => {
+          const extName = extname.match(/^ext-(.+)\.js/);
+          if (!extName) { // Ensure URL cannot specify some other unintended file in the extPath
+            return;
+          }
+          const url = curConfig.extPath + extname;
+          // Todo: Replace this with `return import(url);` when
+          //   `import()` widely supported
+          /**
+           * @tutorial ExtensionDocs
+           * @typedef {PlainObject} module:SVGEditor.ExtensionObject
+           * @property {string} [name] Name of the extension. Used internally; no need for i18n. Defaults to extension name without beginning "ext-" or ending ".js".
+           * @property {module:svgcanvas.ExtensionInitCallback} [init]
+           */
+          try {
+            /**
+             * @type {module:SVGEditor.ExtensionObject}
+             */
+            const imported = await importSetGlobalDefault(url, {
+              global: 'svgEditorExtension_' + extName[1].replace(/-/g, '_')
+            });
+            const {name = extName[1], init} = imported;
+            const importLocale = getImportLocale({defaultLang: langParam, defaultName: name});
+            return editor.addExtension(name, (init && init.bind(editor)), importLocale);
+          } catch (err) {
+            console.log(err);
+            console.error('Extension failed to load: ' + extname + '; ' + err);
+          }
+        })
+      );
+      svgCanvas.bind('extensions_added',
+        /**
+        * @param {external:Window} win
+        * @param {module:svgcanvas.SvgCanvas#event:extensions_added} data
+        * @listens module:svgcanvas.SvgCanvas#event:extensions_added
+        * @returns {undefined}
+        */
+        (win, data) => {
+          extensionsAdded = true;
+          Actions.setAll();
+
+          $('.flyout_arrow_horiz:empty').each(function () {
+            $(this).append($.getSvgIcon('arrow_right', true).width(5).height(5));
+          });
+          messageQueue.forEach(
+            /**
+             * @param {module:svgcanvas.SvgCanvas#event:message} messageObj
+             * @fires module:svgcanvas.SvgCanvas#event:message
+             * @returns {undefined}
+             */
+            (messageObj) => {
+              svgCanvas.call('message', messageObj);
+            }
+          );
+        }
+      );
+      svgCanvas.call('extensions_added');
+    } catch (err) {
+      console.log(err);
+    }
+  };
+
+  const stateObj = {tool_scale: editor.tool_scale};
+
+  const setFlyoutPositions = function () {
+    $('.tools_flyout').each(function () {
+      const shower = $('#' + this.id + '_show');
+      const {left, top} = shower.offset();
+      const w = shower.outerWidth();
+      $(this).css({left: (left + w) * editor.tool_scale, top});
+    });
+  };
+
+  const uaPrefix = (function () {
+    const regex = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/;
+    const someScript = document.getElementsByTagName('script')[0];
+    for (const prop in someScript.style) {
+      if (regex.test(prop)) {
+        // test is faster than match, so it's better to perform
+        // that on the lot and match only when necessary
+        return prop.match(regex)[0];
+      }
+    }
+    // Nothing found so far?
+    if ('WebkitOpacity' in someScript.style) { return 'Webkit'; }
+    if ('KhtmlOpacity' in someScript.style) { return 'Khtml'; }
+
+    return '';
+  }());
+
+  const scaleElements = function (elems, scale) {
+    // const prefix = '-' + uaPrefix.toLowerCase() + '-'; // Currently unused
+    const sides = ['top', 'left', 'bottom', 'right'];
+
+    elems.each(function () {
+      // Handled in CSS
+      // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';
+      const el = $(this);
+      const w = el.outerWidth() * (scale - 1);
+      const h = el.outerHeight() * (scale - 1);
+      // const margins = {}; // Currently unused
+
+      for (let i = 0; i < 4; i++) {
+        const s = sides[i];
+        let cur = el.data('orig_margin-' + s);
+        if (cur == null) {
+          cur = parseInt(el.css('margin-' + s), 10);
+          // Cache the original margin
+          el.data('orig_margin-' + s, cur);
+        }
+        let val = cur * scale;
+        if (s === 'right') {
+          val += w;
+        } else if (s === 'bottom') {
+          val += h;
+        }
+
+        el.css('margin-' + s, val);
+        // el.css('outline', '1px solid red');
+      }
+    });
+  };
+
+  /**
+  * Called internally.
+  * @param {module:SVGEditor.IconSize} size
+  * @returns {undefined}
+  */
+  const setIconSize = editor.setIconSize = function (size) {
+    // const elems = $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open');
+    const selToscale = '#tools_top .toolset, #editor_panel > *, #history_panel > *,' +
+  '        #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,' +
+  '        #g_panel > *, #tool_font_size > *, .tools_flyout';
+
+    const elems = $(selToscale);
+
+    let scale = 1;
+    if (typeof size === 'number') {
+      scale = size;
+    } else {
+      const iconSizes = {s: 0.75, m: 1, l: 1.25, xl: 1.5};
+      scale = iconSizes[size];
+    }
+
+    stateObj.tool_scale = editor.tool_scale = scale;
+
+    setFlyoutPositions();
+    // $('.tools_flyout').each(function () {
+    //   const pos = $(this).position();
+    //   console.log($(this), pos.left+(34 * scale));
+    //   $(this).css({left: pos.left+(34 * scale), top: pos.top+(77 * scale)});
+    //   console.log('l', $(this).css('left'));
+    // });
+    //
+    // const scale = .75;
+
+    const hiddenPs = elems.parents(':hidden');
+    hiddenPs.css('visibility', 'hidden').show();
+    scaleElements(elems, scale);
+    hiddenPs.css('visibility', 'visible').hide();
+    // return;
+
+    $.pref('iconsize', size);
+    $('#iconsize').val(size);
+
+    // Change icon size
+    // $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open')
+    // .find('> svg, > img').each(function () {
+    //   this.setAttribute('width',size_num);
+    //   this.setAttribute('height',size_num);
+    // });
+    //
+    // $.resizeSvgIcons({
+    //   '.flyout_arrow_horiz > svg, .flyout_arrow_horiz > img': size_num / 5,
+    //   '#logo > svg, #logo > img': size_num * 1.3,
+    //   '#tools_bottom .icon_label > *': (size_num === 16 ? 18 : size_num * .75)
+    // });
+    // if (size != 's') {
+    //   $.resizeSvgIcons({'#layerbuttons svg, #layerbuttons img': size_num * .6});
+    // }
+
+    // Note that all rules will be prefixed with '#svg_editor' when parsed
+    const cssResizeRules = {
+      // '.tool_button,\
+      // .push_button,\
+      // .tool_button_current,\
+      // .push_button_pressed,\
+      // .disabled,\
+      // .icon_label,\
+      // .tools_flyout .tool_button': {
+      //   width: {s: '16px', l: '32px', xl: '48px'},
+      //   height: {s: '16px', l: '32px', xl: '48px'},
+      //   padding: {s: '1px', l: '2px', xl: '3px'}
+      // },
+      // '.tool_sep': {
+      //   height: {s: '16px', l: '32px', xl: '48px'},
+      //   margin: {s: '2px 2px', l: '2px 5px', xl: '2px 8px'}
+      // },
+      // '#main_icon': {
+      //   width: {s: '31px', l: '53px', xl: '75px'},
+      //   height: {s: '22px', l: '42px', xl: '64px'}
+      // },
+      '#tools_top': {
+        left: 50 + $('#main_button').width(),
+        height: 72
+      },
+      '#tools_left': {
+        width: 31,
+        top: 74
+      },
+      'div#workarea': {
+        left: 38,
+        top: 74
+      }
+      // '#tools_bottom': {
+      //   left: {s: '27px', l: '46px', xl: '65px'},
+      //   height: {s: '58px', l: '98px', xl: '145px'}
+      // },
+      // '#color_tools': {
+      //   'border-spacing': {s: '0 1px'},
+      //   'margin-top': {s: '-1px'}
+      // },
+      // '#color_tools .icon_label': {
+      //   width: {l:'43px', xl: '60px'}
+      // },
+      // '.color_tool': {
+      //   height: {s: '20px'}
+      // },
+      // '#tool_opacity': {
+      //   top: {s: '1px'},
+      //   height: {s: 'auto', l:'auto', xl:'auto'}
+      // },
+      // '#tools_top input, #tools_bottom input': {
+      //   'margin-top': {s: '2px', l: '4px', xl: '5px'},
+      //   height: {s: 'auto', l: 'auto', xl: 'auto'},
+      //   border: {s: '1px solid #555', l: 'auto', xl: 'auto'},
+      //   'font-size': {s: '.9em', l: '1.2em', xl: '1.4em'}
+      // },
+      // '#zoom_panel': {
+      //   'margin-top': {s: '3px', l: '4px', xl: '5px'}
+      // },
+      // '#copyright, #tools_bottom .label': {
+      //   'font-size': {l: '1.5em', xl: '2em'},
+      //   'line-height': {s: '15px'}
+      // },
+      // '#tools_bottom_2': {
+      //   width: {l: '295px', xl: '355px'},
+      //   top: {s: '4px'}
+      // },
+      // '#tools_top > div, #tools_top': {
+      //   'line-height': {s: '17px', l: '34px', xl: '50px'}
+      // },
+      // '.dropdown button': {
+      //   height: {s: '18px', l: '34px', xl: '40px'},
+      //   'line-height': {s: '18px', l: '34px', xl: '40px'},
+      //   'margin-top': {s: '3px'}
+      // },
+      // '#tools_top label, #tools_bottom label': {
+      //   'font-size': {s: '1em', l: '1.5em', xl: '2em'},
+      //   height: {s: '25px', l: '42px', xl: '64px'}
+      // },
+      // 'div.toolset': {
+      //   height: {s: '25px', l: '42px', xl: '64px'}
+      // },
+      // '#tool_bold, #tool_italic': {
+      //   'font-size': {s: '1.5em', l: '3em', xl: '4.5em'}
+      // },
+      // '#sidepanels': {
+      //   top: {s: '50px', l: '88px', xl: '125px'},
+      //   bottom: {s: '51px', l: '68px', xl: '65px'}
+      // },
+      // '#layerbuttons': {
+      //   width: {l: '130px', xl: '175px'},
+      //   height: {l: '24px', xl: '30px'}
+      // },
+      // '#layerlist': {
+      //   width: {l: '128px', xl: '150px'}
+      // },
+      // '.layer_button': {
+      //   width: {l: '19px', xl: '28px'},
+      //   height: {l: '19px', xl: '28px'}
+      // },
+      // 'input.spin-button': {
+      //   'background-image': {l: 'url('images/spinbtn_updn_big.png')', xl: 'url('images/spinbtn_updn_big.png')'},
+      //   'background-position': {l: '100% -5px', xl: '100% -2px'},
+      //   'padding-right': {l: '24px', xl: '24px' }
+      // },
+      // 'input.spin-button.up': {
+      //   'background-position': {l: '100% -45px', xl: '100% -42px'}
+      // },
+      // 'input.spin-button.down': {
+      //   'background-position': {l: '100% -85px', xl: '100% -82px'}
+      // },
+      // '#position_opts': {
+      //   width: {all: (size_num*4) +'px'}
+      // }
+    };
+
+    let ruleElem = $('#tool_size_rules');
+    if (!ruleElem.length) {
+      ruleElem = $('<style id="tool_size_rules"></style>').appendTo('head');
+    } else {
+      ruleElem.empty();
+    }
+
+    if (size !== 'm') {
+      let styleStr = '';
+      $.each(cssResizeRules, function (selector, rules) {
+        selector = '#svg_editor ' + selector.replace(/,/g, ', #svg_editor');
+        styleStr += selector + '{';
+        $.each(rules, function (prop, values) {
+          let val;
+          if (typeof values === 'number') {
+            val = (values * scale) + 'px';
+          } else if (values[size] || values.all) {
+            val = (values[size] || values.all);
+          }
+          styleStr += (prop + ':' + val + ';');
+        });
+        styleStr += '}';
+      });
+      // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';
+      const prefix = '-' + uaPrefix.toLowerCase() + '-';
+      styleStr += (selToscale + '{' + prefix + 'transform: scale(' + scale + ');}' +
+        ' #svg_editor div.toolset .toolset {' + prefix + 'transform: scale(1); margin: 1px !important;}' + // Hack for markers
+        ' #svg_editor .ui-slider {' + prefix + 'transform: scale(' + (1 / scale) + ');}' // Hack for sliders
+      );
+      ruleElem.text(styleStr);
+    }
+
+    setFlyoutPositions();
+  };
+  $.svgIcons(curConfig.imgPath + 'svg_edit_icons.svg', {
+    w: 24, h: 24,
+    id_match: false,
+    no_img: !isWebkit(), // Opera & Firefox 4 gives odd behavior w/images
+    fallback_path: curConfig.imgPath,
+    fallback: {
+      logo: 'logo.png',
+
+      select: 'select.png',
+      select_node: 'select_node.png',
+
+      square: 'square.png',
+      rect: 'rect.png',
+      fh_rect: 'freehand-square.png',
+      circle: 'circle.png',
+      ellipse: 'ellipse.png',
+      fh_ellipse: 'freehand-circle.png',
+      pencil: 'fhpath.png',
+      pen: 'line.png',
+      text: 'text.png',
+      path: 'path.png',
+      add_subpath: 'add_subpath.png',
+      close_path: 'closepath.png',
+      open_path: 'openpath.png',
+
+      image: 'image.png',
+      zoom: 'zoom.png',
+
+      arrow_right: 'flyouth.png',
+      arrow_right_big: 'arrow_right_big.png',
+      arrow_down: 'dropdown.gif',
+      fill: 'fill.png',
+      stroke: 'stroke.png',
+      opacity: 'opacity.png',
+
+      new_image: 'clear.png',
+      save: 'save.png',
+      export: 'export.png',
+      open: 'open.png',
+      import: 'import.png',
+      docprops: 'document-properties.png',
+      source: 'source.png',
+      wireframe: 'wireframe.png',
+
+      undo: 'undo.png',
+      redo: 'redo.png',
+
+      clone: 'clone.png',
+      delete: 'delete.png',
+      go_up: 'go-up.png',
+      go_down: 'go-down.png',
+      context_menu: 'context_menu.png',
+      move_bottom: 'move_bottom.png',
+      move_top: 'move_top.png',
+      to_path: 'to_path.png',
+      link_controls: 'link_controls.png',
+      reorient: 'reorient.png',
+      group_elements: 'shape_group_elements.png',
+
+      ungroup: 'shape_ungroup.png',
+      unlink_use: 'unlink_use.png',
+      width: 'width.png',
+      height: 'height.png',
+      c_radius: 'c_radius.png',
+      angle: 'angle.png',
+      blur: 'blur.png',
+      fontsize: 'fontsize.png',
+      align: 'align.png',
+
+      align_left: 'align-left.png',
+      align_center: 'align-center.png',
+      align_right: 'align-right.png',
+      align_top: 'align-top.png',
+      align_middle: 'align-middle.png',
+      align_bottom: 'align-bottom.png',
+
+      linecap_butt: 'linecap_butt.png',
+      linecap_square: 'linecap_square.png',
+      linecap_round: 'linecap_round.png',
+      linejoin_miter: 'linejoin_miter.png',
+      linejoin_bevel: 'linejoin_bevel.png',
+      linejoin_round: 'linejoin_round.png',
+      eye: 'eye.png',
+      no_color: 'no_color.png',
+
+      ok: 'save.png',
+      cancel: 'cancel.png',
+      warning: 'warning.png',
+
+      node_delete: 'node_delete.png',
+      node_clone: 'node_clone.png',
+
+      globe_link: 'globe_link.png'
+    },
+    placement: {
+      '#logo': 'logo',
+
+      '#tool_clear div,#layer_new': 'new_image',
+      '#tool_save div': 'save',
+      '#tool_export div': 'export',
+      '#tool_open div div': 'open',
+      '#tool_import div div': 'import',
+      '#tool_source': 'source',
+      '#tool_docprops > div': 'docprops',
+      '#tool_wireframe': 'wireframe',
+
+      '#tool_undo': 'undo',
+      '#tool_redo': 'redo',
+
+      '#tool_select': 'select',
+      '#tool_fhpath': 'pencil',
+      '#tool_line': 'pen',
+      '#tool_rect,#tools_rect_show': 'rect',
+      '#tool_square': 'square',
+      '#tool_fhrect': 'fh_rect',
+      '#tool_ellipse,#tools_ellipse_show': 'ellipse',
+      '#tool_circle': 'circle',
+      '#tool_fhellipse': 'fh_ellipse',
+      '#tool_path': 'path',
+      '#tool_text,#layer_rename': 'text',
+      '#tool_image': 'image',
+      '#tool_zoom': 'zoom',
+
+      '#tool_clone,#tool_clone_multi': 'clone',
+      '#tool_node_clone': 'node_clone',
+      '#layer_delete,#tool_delete,#tool_delete_multi': 'delete',
+      '#tool_node_delete': 'node_delete',
+      '#tool_add_subpath': 'add_subpath',
+      '#tool_openclose_path': 'open_path',
+      '#tool_move_top': 'move_top',
+      '#tool_move_bottom': 'move_bottom',
+      '#tool_topath': 'to_path',
+      '#tool_node_link': 'link_controls',
+      '#tool_reorient': 'reorient',
+      '#tool_group_elements': 'group_elements',
+      '#tool_ungroup': 'ungroup',
+      '#tool_unlink_use': 'unlink_use',
+
+      '#tool_alignleft, #tool_posleft': 'align_left',
+      '#tool_aligncenter, #tool_poscenter': 'align_center',
+      '#tool_alignright, #tool_posright': 'align_right',
+      '#tool_aligntop, #tool_postop': 'align_top',
+      '#tool_alignmiddle, #tool_posmiddle': 'align_middle',
+      '#tool_alignbottom, #tool_posbottom': 'align_bottom',
+      '#cur_position': 'align',
+
+      '#linecap_butt,#cur_linecap': 'linecap_butt',
+      '#linecap_round': 'linecap_round',
+      '#linecap_square': 'linecap_square',
+
+      '#linejoin_miter,#cur_linejoin': 'linejoin_miter',
+      '#linejoin_round': 'linejoin_round',
+      '#linejoin_bevel': 'linejoin_bevel',
+
+      '#url_notice': 'warning',
+
+      '#layer_up': 'go_up',
+      '#layer_down': 'go_down',
+      '#layer_moreopts': 'context_menu',
+      '#layerlist td.layervis': 'eye',
+
+      '#tool_source_save,#tool_docprops_save,#tool_prefs_save': 'ok',
+      '#tool_source_cancel,#tool_docprops_cancel,#tool_prefs_cancel': 'cancel',
+
+      '#rwidthLabel, #iwidthLabel': 'width',
+      '#rheightLabel, #iheightLabel': 'height',
+      '#cornerRadiusLabel span': 'c_radius',
+      '#angleLabel': 'angle',
+      '#linkLabel,#tool_make_link,#tool_make_link_multi': 'globe_link',
+      '#zoomLabel': 'zoom',
+      '#tool_fill label': 'fill',
+      '#tool_stroke .icon_label': 'stroke',
+      '#group_opacityLabel': 'opacity',
+      '#blurLabel': 'blur',
+      '#font_sizeLabel': 'fontsize',
+
+      '.flyout_arrow_horiz': 'arrow_right',
+      '.dropdown button, #main_button .dropdown': 'arrow_down',
+      '#palette .palette_item:first, #fill_bg, #stroke_bg': 'no_color'
+    },
+    resize: {
+      '#logo .svg_icon': 28,
+      '.flyout_arrow_horiz .svg_icon': 5,
+      '.layer_button .svg_icon, #layerlist td.layervis .svg_icon': 14,
+      '.dropdown button .svg_icon': 7,
+      '#main_button .dropdown .svg_icon': 9,
+      '.palette_item:first .svg_icon': 15,
+      '#fill_bg .svg_icon, #stroke_bg .svg_icon': 16,
+      '.toolbar_button button .svg_icon': 16,
+      '.stroke_tool div div .svg_icon': 20,
+      '#tools_bottom label .svg_icon': 18
+    },
+    callback (icons) {
+      $('.toolbar_button button > svg, .toolbar_button button > img').each(function () {
+        $(this).parent().prepend(this);
+      });
+
+      const tleft = $('#tools_left');
+
+      let minHeight;
+      if (tleft.length) {
+        minHeight = tleft.offset().top + tleft.outerHeight();
+      }
+
+      const size = $.pref('iconsize');
+      editor.setIconSize(size || ($(window).height() < minHeight ? 's' : 'm'));
+
+      // Look for any missing flyout icons from plugins
+      $('.tools_flyout').each(function () {
+        const shower = $('#' + this.id + '_show');
+        const sel = shower.attr('data-curopt');
+        // Check if there's an icon here
+        if (!shower.children('svg, img').length) {
+          const clone = $(sel).children().clone();
+          if (clone.length) {
+            clone[0].removeAttribute('style'); // Needed for Opera
+            shower.append(clone);
+          }
+        }
+      });
+
+      function getStylesheetPriority (stylesheet) {
+        switch (stylesheet) {
+        case 'jgraduate/css/jPicker.css':
+          return 1;
+        case 'jgraduate/css/jGraduate.css':
+          return 2;
+        case 'svg-editor.css':
+          return 3;
+        case 'spinbtn/jQuery.SpinButton.css':
+          return 4;
+        default:
+          return Infinity;
+        }
+      }
+      let stylesheets = $.loadingStylesheets.sort((a, b) => {
+        const priorityA = getStylesheetPriority(a);
+        const priorityB = getStylesheetPriority(b);
+        if (priorityA === priorityB) {
+          return 0;
+        }
+        return priorityA > priorityB;
+      });
+      if (curConfig.stylesheets.length) {
+        // Ensure a copy with unique items
+        stylesheets = [...new Set(curConfig.stylesheets)];
+        const idx = stylesheets.indexOf('@default');
+        if (idx > -1) {
+          stylesheets.splice(idx, 1, ...$.loadingStylesheets);
+        }
+      }
+      loadStylesheets(stylesheets, {acceptErrors: ({stylesheetURL, reject, resolve}) => {
+        if ($.loadingStylesheets.includes(stylesheetURL)) {
+          reject(new Error(`Missing expected stylesheet: ${stylesheetURL}`));
+          return;
+        }
+        resolve();
+      }}).then(() => {
+        $('#svg_container')[0].style.visibility = 'visible';
+        editor.runCallbacks();
+      });
+    }
+  });
+
+  /**
+  * @name module:SVGEditor.canvas
+  * @type {module:svgcanvas.SvgCanvas}
+  */
+  editor.canvas = svgCanvas = new SvgCanvas(
+    document.getElementById('svgcanvas'),
+    curConfig
+  );
+  const palette = [ // Todo: Make into configuration item?
+      '#000000', '#3f3f3f', '#7f7f7f', '#bfbfbf', '#ffffff',
+      '#ff0000', '#ff7f00', '#ffff00', '#7fff00',
+      '#00ff00', '#00ff7f', '#00ffff', '#007fff',
+      '#0000ff', '#7f00ff', '#ff00ff', '#ff007f',
+      '#7f0000', '#7f3f00', '#7f7f00', '#3f7f00',
+      '#007f00', '#007f3f', '#007f7f', '#003f7f',
+      '#00007f', '#3f007f', '#7f007f', '#7f003f',
+      '#ffaaaa', '#ffd4aa', '#ffffaa', '#d4ffaa',
+      '#aaffaa', '#aaffd4', '#aaffff', '#aad4ff',
+      '#aaaaff', '#d4aaff', '#ffaaff', '#ffaad4'
+    ],
+    modKey = (isMac() ? 'meta+' : 'ctrl+'), // ⌘
+    path = svgCanvas.pathActions,
+    {undoMgr} = svgCanvas,
+    workarea = $('#workarea'),
+    canvMenu = $('#cmenu_canvas'),
+    // layerMenu = $('#cmenu_layers'), // Unused
+    paintBox = {fill: null, stroke: null};
+
+  let resizeTimer, curScrollPos;
+  let exportWindow = null,
+    defaultImageURL = curConfig.imgPath + 'logo.png',
+    zoomInIcon = 'crosshair',
+    zoomOutIcon = 'crosshair',
+    uiContext = 'toolbars';
+
+  // For external openers
+  (function () {
+    // let the opener know SVG Edit is ready (now that config is set up)
+    const w = window.opener || window.parent;
+    if (w) {
+      try {
+        /**
+         * Triggered on a containing `document` (of `window.opener`
+         * or `window.parent`) when the editor is loaded.
+         * @event module:SVGEditor#event:svgEditorReadyEvent
+         * @type {Event}
+         * @property {true} bubbles
+         * @property {true} cancelable
+         */
+        /**
+         * @name module:SVGEditor.svgEditorReadyEvent
+         * @type {module:SVGEditor#event:svgEditorReadyEvent}
+         */
+        const svgEditorReadyEvent = new w.CustomEvent('svgEditorReady', {
+          bubbles: true,
+          cancelable: true
+        });
+        w.document.documentElement.dispatchEvent(svgEditorReadyEvent);
+      } catch (e) {}
+    }
+  }());
+
+  // This sets up alternative dialog boxes. They mostly work the same way as
+  // their UI counterparts, expect instead of returning the result, a callback
+  // needs to be included that returns the result as its first parameter.
+  // In the future we may want to add additional types of dialog boxes, since
+  // they should be easy to handle this way.
+  (function () {
+    $('#dialog_container').draggable({
+      cancel: '#dialog_content, #dialog_buttons *',
+      containment: 'window'
+    }).css('position', 'absolute');
+    const box = $('#dialog_box'),
+      btnHolder = $('#dialog_buttons'),
+      dialogContent = $('#dialog_content'),
+      dbox = function (type, msg, callback, defaultVal, opts, changeCb, checkbox) {
+        dialogContent.html('<p>' + msg.replace(/\n/g, '</p><p>') + '</p>')
+          .toggleClass('prompt', (type === 'prompt'));
+        btnHolder.empty();
+
+        const ok = $('<input type="button" value="' + uiStrings.common.ok + '">').appendTo(btnHolder);
+
+        if (type !== 'alert') {
+          $('<input type="button" value="' + uiStrings.common.cancel + '">')
+            .appendTo(btnHolder)
+            .click(function () {
+              box.hide();
+              if (callback) {
+                callback(false); // eslint-disable-line standard/no-callback-literal
+              }
+            });
+        }
+
+        let ctrl, chkbx;
+        if (type === 'prompt') {
+          ctrl = $('<input type="text">').prependTo(btnHolder);
+          ctrl.val(defaultVal || '');
+          ctrl.bind('keydown', 'return', function () { ok.click(); });
+        } else if (type === 'select') {
+          const div = $('<div style="text-align:center;">');
+          ctrl = $('<select>').appendTo(div);
+          if (checkbox) {
+            const label = $('<label>').text(checkbox.label);
+            chkbx = $('<input type="checkbox">').appendTo(label);
+            chkbx.val(checkbox.value);
+            if (checkbox.tooltip) {
+              label.attr('title', checkbox.tooltip);
+            }
+            chkbx.prop('checked', !!checkbox.checked);
+            div.append($('<div>').append(label));
+          }
+          $.each(opts || [], function (opt, val) {
+            if (typeof val === 'object') {
+              ctrl.append($('<option>').val(val.value).html(val.text));
+            } else {
+              ctrl.append($('<option>').html(val));
+            }
+          });
+          dialogContent.append(div);
+          if (defaultVal) {
+            ctrl.val(defaultVal);
+          }
+          if (changeCb) {
+            ctrl.bind('change', 'return', changeCb);
+          }
+          ctrl.bind('keydown', 'return', function () { ok.click(); });
+        } else if (type === 'process') {
+          ok.hide();
+        }
+
+        box.show();
+
+        ok.click(function () {
+          box.hide();
+          const resp = (type === 'prompt' || type === 'select') ? ctrl.val() : true;
+          if (callback) {
+            if (chkbx) {
+              callback(resp, chkbx.prop('checked'));
+            } else {
+              callback(resp);
+            }
+          }
+        }).focus();
+
+        if (type === 'prompt' || type === 'select') {
+          ctrl.focus();
+        }
+      };
+
+    $.alert = function (msg, cb) { dbox('alert', msg, cb); };
+    $.confirm = function (msg, cb) { dbox('confirm', msg, cb); };
+    $.process_cancel = function (msg, cb) { dbox('process', msg, cb); };
+    $.prompt = function (msg, txt, cb) { dbox('prompt', msg, cb, txt); };
+    $.select = function (msg, opts, cb, changeCb, txt, checkbox) { dbox('select', msg, cb, txt, opts, changeCb, checkbox); };
+  }());
+
+  const setSelectMode = function () {
+    const curr = $('.tool_button_current');
+    if (curr.length && curr[0].id !== 'tool_select') {
+      curr.removeClass('tool_button_current').addClass('tool_button');
+      $('#tool_select').addClass('tool_button_current').removeClass('tool_button');
+      $('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all} #svgcanvas svg{cursor:default}');
+    }
+    svgCanvas.setMode('select');
+    workarea.css('cursor', 'auto');
+  };
+
+  // used to make the flyouts stay on the screen longer the very first time
+  // const flyoutspeed = 1250; // Currently unused
+  // let textBeingEntered = false; // Currently unused
+  const origTitle = $('title:first').text();
+  // Make [1,2,5] array
+  const rIntervals = [];
+  for (let i = 0.1; i < 1E5; i *= 10) {
+    rIntervals.push(i);
+    rIntervals.push(2 * i);
+    rIntervals.push(5 * i);
+  }
+
+  // This function highlights the layer passed in (by fading out the other layers)
+  // if no layer is passed in, this function restores the other layers
+  const toggleHighlightLayer = function (layerNameToHighlight) {
+    let i;
+    const curNames = [], numLayers = svgCanvas.getCurrentDrawing().getNumLayers();
+    for (i = 0; i < numLayers; i++) {
+      curNames[i] = svgCanvas.getCurrentDrawing().getLayerName(i);
+    }
+
+    if (layerNameToHighlight) {
+      for (i = 0; i < numLayers; ++i) {
+        if (curNames[i] !== layerNameToHighlight) {
+          svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 0.5);
+        }
+      }
+    } else {
+      for (i = 0; i < numLayers; ++i) {
+        svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 1.0);
+      }
+    }
+  };
+
+  const populateLayers = function () {
+    svgCanvas.clearSelection();
+    const layerlist = $('#layerlist tbody').empty();
+    const selLayerNames = $('#selLayerNames').empty();
+    const drawing = svgCanvas.getCurrentDrawing();
+    const currentLayerName = drawing.getCurrentLayerName();
+    const icon = $.getSvgIcon('eye');
+    let layer = svgCanvas.getCurrentDrawing().getNumLayers();
+    // we get the layers in the reverse z-order (the layer rendered on top is listed first)
+    while (layer--) {
+      const name = drawing.getLayerName(layer);
+      const layerTr = $('<tr class="layer">').toggleClass('layersel', name === currentLayerName);
+      const layerVis = $('<td class="layervis">').toggleClass('layerinvis', !drawing.getLayerVisibility(name));
+      const layerName = $('<td class="layername">' + name + '</td>');
+      layerlist.append(layerTr.append(layerVis, layerName));
+      selLayerNames.append('<option value="' + name + '">' + name + '</option>');
+    }
+    if (icon !== undefined) {
+      const copy = icon.clone();
+      $('td.layervis', layerlist).append(copy);
+      $.resizeSvgIcons({'td.layervis .svg_icon': 14});
+    }
+    // handle selection of layer
+    $('#layerlist td.layername')
+      .mouseup(function (evt) {
+        $('#layerlist tr.layer').removeClass('layersel');
+        $(this.parentNode).addClass('layersel');
+        svgCanvas.setCurrentLayer(this.textContent);
+        evt.preventDefault();
+      })
+      .mouseover(function () {
+        toggleHighlightLayer(this.textContent);
+      })
+      .mouseout(function () {
+        toggleHighlightLayer();
+      });
+    $('#layerlist td.layervis').click(function () {
+      const row = $(this.parentNode).prevAll().length;
+      const name = $('#layerlist tr.layer:eq(' + row + ') td.layername').text();
+      const vis = $(this).hasClass('layerinvis');
+      svgCanvas.setLayerVisibility(name, vis);
+      $(this).toggleClass('layerinvis');
+    });
+
+    // if there were too few rows, let's add a few to make it not so lonely
+    let num = 5 - $('#layerlist tr.layer').size();
+    while (num-- > 0) {
+      // FIXME: there must a better way to do this
+      layerlist.append('<tr><td style="color:white">_</td><td/></tr>');
+    }
+  };
+
+  let editingsource = false;
+  let origSource = '';
+  const showSourceEditor = function (e, forSaving) {
+    if (editingsource) { return; }
+
+    editingsource = true;
+    origSource = svgCanvas.getSvgString();
+    $('#save_output_btns').toggle(!!forSaving);
+    $('#tool_source_back').toggle(!forSaving);
+    $('#svg_source_textarea').val(origSource);
+    $('#svg_source_editor').fadeIn();
+    $('#svg_source_textarea').focus();
+  };
+
+  let selectedElement = null;
+  let multiselected = false;
+
+  const togglePathEditMode = function (editmode, elems) {
+    $('#path_node_panel').toggle(editmode);
+    $('#tools_bottom_2,#tools_bottom_3').toggle(!editmode);
+    if (editmode) {
+      // Change select icon
+      $('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
+      $('#tool_select').addClass('tool_button_current').removeClass('tool_button');
+      setIcon('#tool_select', 'select_node');
+      multiselected = false;
+      if (elems.length) {
+        selectedElement = elems[0];
+      }
+    } else {
+      setTimeout(() => {
+        setIcon('#tool_select', 'select');
+      }, 1000);
+    }
+  };
+
+  /**
+   * @type {module:svgcanvas.EventHandler}
+   * @param {external:Window} wind
+   * @param {module:svgcanvas.SvgCanvas#event:saved} svg The SVG source
+   * @listens module:svgcanvas.SvgCanvas#event:saved
+   * @returns {undefined}
+   */
+  const saveHandler = function (wind, svg) {
+    editor.showSaveWarning = false;
+
+    // by default, we add the XML prolog back, systems integrating SVG-edit (wikis, CMSs)
+    // can just provide their own custom save handler and might not want the XML prolog
+    svg = '<?xml version="1.0"?>\n' + svg;
+
+    // IE9 doesn't allow standalone Data URLs
+    // https://connect.microsoft.com/IE/feedback/details/542600/data-uri-images-fail-when-loaded-by-themselves
+    if (isIE()) {
+      showSourceEditor(0, true);
+      return;
+    }
+
+    // Since saving SVGs by opening a new window was removed in Chrome use artificial link-click
+    // https://stackoverflow.com/questions/45603201/window-is-not-allowed-to-navigate-top-frame-navigations-to-data-urls
+    const a = document.createElement('a');
+    a.href = 'data:image/svg+xml;base64,' + Utils.encode64(svg);
+    a.download = 'icon.svg';
+
+    a.click();
+
+    // Alert will only appear the first time saved OR the
+    //   first time the bug is encountered
+    let done = $.pref('save_notice_done');
+    if (done !== 'all') {
+      let note = uiStrings.notification.saveFromBrowser.replace('%s', 'SVG');
+      // Check if FF and has <defs/>
+      if (isGecko()) {
+        if (svg.includes('<defs')) {
+          // warning about Mozilla bug #308590 when applicable (seems to be fixed now in Feb 2013)
+          note += '\n\n' + uiStrings.notification.defsFailOnSave;
+          $.pref('save_notice_done', 'all');
+          done = 'all';
+        } else {
+          $.pref('save_notice_done', 'part');
+        }
+      } else {
+        $.pref('save_notice_done', 'all');
+      }
+      if (done !== 'part') {
+        alert(note);
+      }
+    }
+  };
+
+  /**
+   * @param {external:Window} win
+   * @param {module:svgcanvas.SvgCanvas#event:exported} data
+   * @listens module:svgcanvas.SvgCanvas#event:exported
+   * @returns {undefined}
+   */
+  const exportHandler = function (win, data) {
+    const {issues, exportWindowName} = data;
+
+    if (exportWindowName) {
+      exportWindow = window.open(Utils.blankPageObjectURL || '', exportWindowName); // A hack to get the window via JSON-able name without opening a new one
+    }
+
+    if (!exportWindow || exportWindow.closed) {
+      $.alert(uiStrings.notification.popupWindowBlocked);
+      return;
+    }
+
+    exportWindow.location.href = data.bloburl || data.datauri;
+    const done = $.pref('export_notice_done');
+    if (done !== 'all') {
+      let note = uiStrings.notification.saveFromBrowser.replace('%s', data.type);
+
+      // Check if there are issues
+      if (issues.length) {
+        const pre = '\n \u2022 ';
+        note += ('\n\n' + uiStrings.notification.noteTheseIssues + pre + issues.join(pre));
+      }
+
+      // Note that this will also prevent the notice even though new issues may appear later.
+      // May want to find a way to deal with that without annoying the user
+      $.pref('export_notice_done', 'all');
+      exportWindow.alert(note);
+    }
+  };
+
+  const operaRepaint = function () {
+    // Repaints canvas in Opera. Needed for stroke-dasharray change as well as fill change
+    if (!window.opera) {
+      return;
+    }
+    $('<p/>').hide().appendTo('body').remove();
+  };
+
+  function setStrokeOpt (opt, changeElem) {
+    const {id} = opt;
+    const bits = id.split('_');
+    const pre = bits[0];
+    const val = bits[1];
+
+    if (changeElem) {
+      svgCanvas.setStrokeAttr('stroke-' + pre, val);
+    }
+    operaRepaint();
+    setIcon('#cur_' + pre, id, 20);
+    $(opt).addClass('current').siblings().removeClass('current');
+  }
+
+  /**
+  * This is a common function used when a tool has been clicked (chosen)
+  * It does several common things:
+  * - removes the `tool_button_current` class from whatever tool currently has it
+  * - hides any flyouts
+  * - adds the `tool_button_current` class to the button passed in
+  * @function module:SVGEDitor.toolButtonClick
+  * @param {string|Element} button The DOM element or string selector representing the toolbar button
+  * @param {boolean} noHiding Whether not to hide any flyouts
+  * @returns {boolean} Whether the button was disabled or not
+  */
+  const toolButtonClick = editor.toolButtonClick = function (button, noHiding) {
+    if ($(button).hasClass('disabled')) { return false; }
+    if ($(button).parent().hasClass('tools_flyout')) { return true; }
+    const fadeFlyouts = 'normal';
+    if (!noHiding) {
+      $('.tools_flyout').fadeOut(fadeFlyouts);
+    }
+    $('#styleoverrides').text('');
+    workarea.css('cursor', 'auto');
+    $('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
+    $(button).addClass('tool_button_current').removeClass('tool_button');
+    return true;
+  };
+
+  /**
+  * Unless the select toolbar button is disabled, sets the button
+  * and sets the select mode and cursor styles.
+  * @function module:SVGEditor.clickSelect
+  * @returns {undefined}
+  */
+  const clickSelect = editor.clickSelect = function () {
+    if (toolButtonClick('#tool_select')) {
+      svgCanvas.setMode('select');
+      $('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all}, #svgcanvas svg{cursor:default}');
+    }
+  };
+
+  /**
+  * Set a selected image's URL
+  * @function module:SVGEditor.setImageURL
+  * @param {string} url
+  * @returns {undefined}
+  */
+  const setImageURL = editor.setImageURL = function (url) {
+    if (!url) {
+      url = defaultImageURL;
+    }
+    svgCanvas.setImageURL(url);
+    $('#image_url').val(url);
+
+    if (url.startsWith('data:')) {
+      // data URI found
+      $('#image_url').hide();
+      $('#change_image_url').show();
+    } else {
+      // regular URL
+      svgCanvas.embedImage(url, function (dataURI) {
+        // Couldn't embed, so show warning
+        $('#url_notice').toggle(!dataURI);
+        defaultImageURL = url;
+      });
+      $('#image_url').show();
+      $('#change_image_url').hide();
+    }
+  };
+
+  function setBackground (color, url) {
+    // if (color == $.pref('bkgd_color') && url == $.pref('bkgd_url')) { return; }
+    $.pref('bkgd_color', color);
+    $.pref('bkgd_url', url);
+
+    // This should be done in svgcanvas.js for the borderRect fill
+    svgCanvas.setBackground(color, url);
+  }
+
+  function promptImgURL ({cancelDeletes = false} = {}) {
+    let curhref = svgCanvas.getHref(selectedElement);
+    curhref = curhref.startsWith('data:') ? '' : curhref;
+    $.prompt(uiStrings.notification.enterNewImgURL, curhref, function (url) {
+      if (url) {
+        setImageURL(url);
+      } else if (cancelDeletes) {
+        svgCanvas.deleteSelectedElements();
+      }
+    });
+  }
+
+  const setInputWidth = function (elem) {
+    const w = Math.min(Math.max(12 + elem.value.length * 6, 50), 300);
+    $(elem).width(w);
+  };
+
+  function updateRulers (scanvas, zoom) {
+    if (!zoom) { zoom = svgCanvas.getZoom(); }
+    if (!scanvas) { scanvas = $('#svgcanvas'); }
+
+    let d, i;
+    const limit = 30000;
+    const contentElem = svgCanvas.getContentElem();
+    const units = getTypeMap();
+    const unit = units[curConfig.baseUnit]; // 1 = 1px
+
+    // draw x ruler then y ruler
+    for (d = 0; d < 2; d++) {
+      const isX = (d === 0);
+      const dim = isX ? 'x' : 'y';
+      const lentype = isX ? 'width' : 'height';
+      const contentDim = Number(contentElem.getAttribute(dim));
+
+      const $hcanvOrig = $('#ruler_' + dim + ' canvas:first');
+
+      // Bit of a hack to fully clear the canvas in Safari & IE9
+      const $hcanv = $hcanvOrig.clone();
+      $hcanvOrig.replaceWith($hcanv);
+
+      const hcanv = $hcanv[0];
+
+      // Set the canvas size to the width of the container
+      let rulerLen = scanvas[lentype]();
+      const totalLen = rulerLen;
+      hcanv.parentNode.style[lentype] = totalLen + 'px';
+      let ctx = hcanv.getContext('2d');
+      let ctxArr, num, ctxArrNum;
+
+      ctx.fillStyle = 'rgb(200,0,0)';
+      ctx.fillRect(0, 0, hcanv.width, hcanv.height);
+
+      // Remove any existing canvasses
+      $hcanv.siblings().remove();
+
+      // Create multiple canvases when necessary (due to browser limits)
+      if (rulerLen >= limit) {
+        ctxArrNum = parseInt(rulerLen / limit, 10) + 1;
+        ctxArr = [];
+        ctxArr[0] = ctx;
+        let copy;
+        for (i = 1; i < ctxArrNum; i++) {
+          hcanv[lentype] = limit;
+          copy = hcanv.cloneNode(true);
+          hcanv.parentNode.append(copy);
+          ctxArr[i] = copy.getContext('2d');
+        }
+
+        copy[lentype] = rulerLen % limit;
+
+        // set copy width to last
+        rulerLen = limit;
+      }
+
+      hcanv[lentype] = rulerLen;
+
+      const uMulti = unit * zoom;
+
+      // Calculate the main number interval
+      const rawM = 50 / uMulti;
+      let multi = 1;
+      for (i = 0; i < rIntervals.length; i++) {
+        num = rIntervals[i];
+        multi = num;
+        if (rawM <= num) {
+          break;
+        }
+      }
+
+      const bigInt = multi * uMulti;
+
+      ctx.font = '9px sans-serif';
+
+      let rulerD = ((contentDim / uMulti) % multi) * uMulti;
+      let labelPos = rulerD - bigInt;
+      // draw big intervals
+      let ctxNum = 0;
+      while (rulerD < totalLen) {
+        labelPos += bigInt;
+        // const realD = rulerD - contentDim; // Currently unused
+
+        const curD = Math.round(rulerD) + 0.5;
+        if (isX) {
+          ctx.moveTo(curD, 15);
+          ctx.lineTo(curD, 0);
+        } else {
+          ctx.moveTo(15, curD);
+          ctx.lineTo(0, curD);
+        }
+
+        num = (labelPos - contentDim) / uMulti;
+        let label;
+        if (multi >= 1) {
+          label = Math.round(num);
+        } else {
+          const decs = String(multi).split('.')[1].length;
+          label = num.toFixed(decs);
+        }
+
+        // Change 1000s to Ks
+        if (label !== 0 && label !== 1000 && label % 1000 === 0) {
+          label = (label / 1000) + 'K';
+        }
+
+        if (isX) {
+          ctx.fillText(label, rulerD + 2, 8);
+        } else {
+          // draw label vertically
+          const str = String(label).split('');
+          for (i = 0; i < str.length; i++) {
+            ctx.fillText(str[i], 1, (rulerD + 9) + i * 9);
+          }
+        }
+
+        const part = bigInt / 10;
+        // draw the small intervals
+        for (i = 1; i < 10; i++) {
+          let subD = Math.round(rulerD + part * i) + 0.5;
+          if (ctxArr && subD > rulerLen) {
+            ctxNum++;
+            ctx.stroke();
+            if (ctxNum >= ctxArrNum) {
+              i = 10;
+              rulerD = totalLen;
+              continue;
+            }
+            ctx = ctxArr[ctxNum];
+            rulerD -= limit;
+            subD = Math.round(rulerD + part * i) + 0.5;
+          }
+
+          // odd lines are slighly longer
+          const lineNum = (i % 2) ? 12 : 10;
+          if (isX) {
+            ctx.moveTo(subD, 15);
+            ctx.lineTo(subD, lineNum);
+          } else {
+            ctx.moveTo(15, subD);
+            ctx.lineTo(lineNum, subD);
+          }
+        }
+        rulerD += bigInt;
+      }
+      ctx.strokeStyle = '#000';
+      ctx.stroke();
+    }
+  }
+
+  /**
+  * @function module:SVGEditor.updateCanvas
+  * @param {boolean} center
+  * @param {module:math.XYObject} newCtr
+  * @returns {undefined}
+  */
+  const updateCanvas = editor.updateCanvas = function (center, newCtr) {
+    const zoom = svgCanvas.getZoom();
+    const wArea = workarea;
+    const cnvs = $('#svgcanvas');
+
+    let w = workarea.width(), h = workarea.height();
+    const wOrig = w, hOrig = h;
+    const oldCtr = {
+      x: wArea[0].scrollLeft + wOrig / 2,
+      y: wArea[0].scrollTop + hOrig / 2
+    };
+    const multi = curConfig.canvas_expansion;
+    w = Math.max(wOrig, svgCanvas.contentW * zoom * multi);
+    h = Math.max(hOrig, svgCanvas.contentH * zoom * multi);
+
+    if (w === wOrig && h === hOrig) {
+      workarea.css('overflow', 'hidden');
+    } else {
+      workarea.css('overflow', 'scroll');
+    }
+
+    const oldCanY = cnvs.height() / 2;
+    const oldCanX = cnvs.width() / 2;
+    cnvs.width(w).height(h);
+    const newCanY = h / 2;
+    const newCanX = w / 2;
+    const offset = svgCanvas.updateCanvas(w, h);
+
+    const ratio = newCanX / oldCanX;
+
+    const scrollX = w / 2 - wOrig / 2;
+    const scrollY = h / 2 - hOrig / 2;
+
+    if (!newCtr) {
+      const oldDistX = oldCtr.x - oldCanX;
+      const newX = newCanX + oldDistX * ratio;
+
+      const oldDistY = oldCtr.y - oldCanY;
+      const newY = newCanY + oldDistY * ratio;
+
+      newCtr = {
+        x: newX,
+        y: newY
+      };
+    } else {
+      newCtr.x += offset.x;
+      newCtr.y += offset.y;
+    }
+
+    if (center) {
+      // Go to top-left for larger documents
+      if (svgCanvas.contentW > wArea.width()) {
+        // Top-left
+        workarea[0].scrollLeft = offset.x - 10;
+        workarea[0].scrollTop = offset.y - 10;
+      } else {
+        // Center
+        wArea[0].scrollLeft = scrollX;
+        wArea[0].scrollTop = scrollY;
+      }
+    } else {
+      wArea[0].scrollLeft = newCtr.x - wOrig / 2;
+      wArea[0].scrollTop = newCtr.y - hOrig / 2;
+    }
+    if (curConfig.showRulers) {
+      updateRulers(cnvs, zoom);
+      workarea.scroll();
+    }
+    if (urldata.storagePrompt !== true && !editor.storagePromptClosed) {
+      $('#dialog_box').hide();
+    }
+  };
+
+  /**
+   * @fires module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate
+   * @returns {undefined}
+   */
+  const updateToolButtonState = function () {
+    let index, button;
+    const bNoFill = (svgCanvas.getColor('fill') === 'none');
+    const bNoStroke = (svgCanvas.getColor('stroke') === 'none');
+    const buttonsNeedingStroke = ['#tool_fhpath', '#tool_line'];
+    const buttonsNeedingFillAndStroke = ['#tools_rect .tool_button', '#tools_ellipse .tool_button', '#tool_text', '#tool_path'];
+    if (bNoStroke) {
+      for (index in buttonsNeedingStroke) {
+        button = buttonsNeedingStroke[index];
+        if ($(button).hasClass('tool_button_current')) {
+          clickSelect();
+        }
+        $(button).addClass('disabled');
+      }
+    } else {
+      for (index in buttonsNeedingStroke) {
+        button = buttonsNeedingStroke[index];
+        $(button).removeClass('disabled');
+      }
+    }
+
+    if (bNoStroke && bNoFill) {
+      for (index in buttonsNeedingFillAndStroke) {
+        button = buttonsNeedingFillAndStroke[index];
+        if ($(button).hasClass('tool_button_current')) {
+          clickSelect();
+        }
+        $(button).addClass('disabled');
+      }
+    } else {
+      for (index in buttonsNeedingFillAndStroke) {
+        button = buttonsNeedingFillAndStroke[index];
+        $(button).removeClass('disabled');
+      }
+    }
+
+    svgCanvas.runExtensions('toolButtonStateUpdate', /** @type {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} */ {
+      nofill: bNoFill,
+      nostroke: bNoStroke
+    });
+
+    // Disable flyouts if all inside are disabled
+    $('.tools_flyout').each(function () {
+      const shower = $('#' + this.id + '_show');
+      let hasEnabled = false;
+      $(this).children().each(function () {
+        if (!$(this).hasClass('disabled')) {
+          hasEnabled = true;
+        }
+      });
+      shower.toggleClass('disabled', !hasEnabled);
+    });
+
+    operaRepaint();
+  };
+
+  // Updates the toolbar (colors, opacity, etc) based on the selected element
+  // This function also updates the opacity and id elements that are in the context panel
+  const updateToolbar = function () {
+    let i, len;
+    if (selectedElement != null) {
+      switch (selectedElement.tagName) {
+      case 'use':
+      case 'image':
+      case 'foreignObject':
+        break;
+      case 'g':
+      case 'a':
+        // Look for common styles
+        const childs = selectedElement.getElementsByTagName('*');
+        let gWidth = null;
+        for (i = 0, len = childs.length; i < len; i++) {
+          const swidth = childs[i].getAttribute('stroke-width');
+
+          if (i === 0) {
+            gWidth = swidth;
+          } else if (gWidth !== swidth) {
+            gWidth = null;
+          }
+        }
+
+        $('#stroke_width').val(gWidth === null ? '' : gWidth);
+
+        paintBox.fill.update(true);
+        paintBox.stroke.update(true);
+
+        break;
+      default:
+        paintBox.fill.update(true);
+        paintBox.stroke.update(true);
+
+        $('#stroke_width').val(selectedElement.getAttribute('stroke-width') || 1);
+        $('#stroke_style').val(selectedElement.getAttribute('stroke-dasharray') || 'none');
+
+        let attr = selectedElement.getAttribute('stroke-linejoin') || 'miter';
+
+        if ($('#linejoin_' + attr).length) {
+          setStrokeOpt($('#linejoin_' + attr)[0]);
+        }
+
+        attr = selectedElement.getAttribute('stroke-linecap') || 'butt';
+
+        if ($('#linecap_' + attr).length) {
+          setStrokeOpt($('#linecap_' + attr)[0]);
+        }
+      }
+    }
+
+    // All elements including image and group have opacity
+    if (selectedElement != null) {
+      const opacPerc = (selectedElement.getAttribute('opacity') || 1.0) * 100;
+      $('#group_opacity').val(opacPerc);
+      $('#opac_slider').slider('option', 'value', opacPerc);
+      $('#elem_id').val(selectedElement.id);
+      $('#elem_class').val(selectedElement.getAttribute('class'));
+    }
+
+    updateToolButtonState();
+  };
+
+  // updates the context panel tools based on the selected element
+  const updateContextPanel = function () {
+    let elem = selectedElement;
+    // If element has just been deleted, consider it null
+    if (elem != null && !elem.parentNode) { elem = null; }
+    const currentLayerName = svgCanvas.getCurrentDrawing().getCurrentLayerName();
+    const currentMode = svgCanvas.getMode();
+    const unit = curConfig.baseUnit !== 'px' ? curConfig.baseUnit : null;
+
+    const isNode = currentMode === 'pathedit'; // elem ? (elem.id && elem.id.startsWith('pathpointgrip')) : false;
+    const menuItems = $('#cmenu_canvas li');
+    $('#selected_panel, #multiselected_panel, #g_panel, #rect_panel, #circle_panel,' +
+      '#ellipse_panel, #line_panel, #text_panel, #image_panel, #container_panel,' +
+      ' #use_panel, #a_panel').hide();
+    if (elem != null) {
+      const elname = elem.nodeName;
+      // If this is a link with no transform and one child, pretend
+      // its child is selected
+      // if (elname === 'a') { // && !$(elem).attr('transform')) {
+      //   elem = elem.firstChild;
+      // }
+
+      const angle = svgCanvas.getRotationAngle(elem);
+      $('#angle').val(angle);
+
+      const blurval = svgCanvas.getBlur(elem);
+      $('#blur').val(blurval);
+      $('#blur_slider').slider('option', 'value', blurval);
+
+      if (svgCanvas.addedNew) {
+        if (elname === 'image' && svgCanvas.getMode() === 'image') {
+          // Prompt for URL if not a data URL
+          if (!svgCanvas.getHref(elem).startsWith('data:')) {
+            promptImgURL({cancelDeletes: true});
+          }
+        }
+        /* else if (elname == 'text') {
+          // TODO: Do something here for new text
+        } */
+      }
+
+      if (!isNode && currentMode !== 'pathedit') {
+        $('#selected_panel').show();
+        // Elements in this array already have coord fields
+        if (['line', 'circle', 'ellipse'].includes(elname)) {
+          $('#xy_panel').hide();
+        } else {
+          let x, y;
+
+          // Get BBox vals for g, polyline and path
+          if (['g', 'polyline', 'path'].includes(elname)) {
+            const bb = svgCanvas.getStrokedBBox([elem]);
+            if (bb) {
+              ({x, y} = bb);
+            }
+          } else {
+            x = elem.getAttribute('x');
+            y = elem.getAttribute('y');
+          }
+
+          if (unit) {
+            x = convertUnit(x);
+            y = convertUnit(y);
+          }
+
+          $('#selected_x').val(x || 0);
+          $('#selected_y').val(y || 0);
+          $('#xy_panel').show();
+        }
+
+        // Elements in this array cannot be converted to a path
+        const noPath = !['image', 'text', 'path', 'g', 'use'].includes(elname);
+        $('#tool_topath').toggle(noPath);
+        $('#tool_reorient').toggle(elname === 'path');
+        $('#tool_reorient').toggleClass('disabled', angle === 0);
+      } else {
+        const point = path.getNodePoint();
+        $('#tool_add_subpath').removeClass('push_button_pressed').addClass('tool_button');
+        $('#tool_node_delete').toggleClass('disabled', !path.canDeleteNodes);
+
+        // Show open/close button based on selected point
+        setIcon('#tool_openclose_path', path.closed_subpath ? 'open_path' : 'close_path');
+
+        if (point) {
+          const segType = $('#seg_type');
+          if (unit) {
+            point.x = convertUnit(point.x);
+            point.y = convertUnit(point.y);
+          }
+          $('#path_node_x').val(point.x);
+          $('#path_node_y').val(point.y);
+          if (point.type) {
+            segType.val(point.type).removeAttr('disabled');
+          } else {
+            segType.val(4).attr('disabled', 'disabled');
+          }
+        }
+        return;
+      }
+
+      // update contextual tools here
+      const panels = {
+        g: [],
+        a: [],
+        rect: ['rx', 'width', 'height'],
+        image: ['width', 'height'],
+        circle: ['cx', 'cy', 'r'],
+        ellipse: ['cx', 'cy', 'rx', 'ry'],
+        line: ['x1', 'y1', 'x2', 'y2'],
+        text: [],
+        use: []
+      };
+
+      const {tagName} = elem;
+
+      // if ($(elem).data('gsvg')) {
+      //   $('#g_panel').show();
+      // }
+
+      let linkHref = null;
+      if (tagName === 'a') {
+        linkHref = svgCanvas.getHref(elem);
+        $('#g_panel').show();
+      }
+
+      if (elem.parentNode.tagName === 'a') {
+        if (!$(elem).siblings().length) {
+          $('#a_panel').show();
+          linkHref = svgCanvas.getHref(elem.parentNode);
+        }
+      }
+
+      // Hide/show the make_link buttons
+      $('#tool_make_link, #tool_make_link').toggle(!linkHref);
+
+      if (linkHref) {
+        $('#link_url').val(linkHref);
+      }
+
+      if (panels[tagName]) {
+        const curPanel = panels[tagName];
+
+        $('#' + tagName + '_panel').show();
+
+        $.each(curPanel, function (i, item) {
+          let attrVal = elem.getAttribute(item);
+          if (curConfig.baseUnit !== 'px' && elem[item]) {
+            const bv = elem[item].baseVal.value;
+            attrVal = convertUnit(bv);
+          }
+          $('#' + tagName + '_' + item).val(attrVal || 0);
+        });
+
+        if (tagName === 'text') {
+          $('#text_panel').css('display', 'inline');
+          $('#tool_font_size').css('display', 'inline');
+          if (svgCanvas.getItalic()) {
+            $('#tool_italic').addClass('push_button_pressed').removeClass('tool_button');
+          } else {
+            $('#tool_italic').removeClass('push_button_pressed').addClass('tool_button');
+          }
+          if (svgCanvas.getBold()) {
+            $('#tool_bold').addClass('push_button_pressed').removeClass('tool_button');
+          } else {
+            $('#tool_bold').removeClass('push_button_pressed').addClass('tool_button');
+          }
+          $('#font_family').val(elem.getAttribute('font-family'));
+          $('#font_size').val(elem.getAttribute('font-size'));
+          $('#text').val(elem.textContent);
+          if (svgCanvas.addedNew) {
+            // Timeout needed for IE9
+            setTimeout(function () {
+              $('#text').focus().select();
+            }, 100);
+          }
+        // text
+        } else if (tagName === 'image' && svgCanvas.getMode() === 'image') {
+          setImageURL(svgCanvas.getHref(elem));
+        // image
+        } else if (tagName === 'g' || tagName === 'use') {
+          $('#container_panel').show();
+          const title = svgCanvas.getTitle();
+          const label = $('#g_title')[0];
+          label.value = title;
+          setInputWidth(label);
+          $('#g_title').prop('disabled', tagName === 'use');
+        }
+      }
+      menuItems[(tagName === 'g' ? 'en' : 'dis') + 'ableContextMenuItems']('#ungroup');
+      menuItems[((tagName === 'g' || !multiselected) ? 'dis' : 'en') + 'ableContextMenuItems']('#group');
+    // if (elem != null)
+    } else if (multiselected) {
+      $('#multiselected_panel').show();
+      menuItems
+        .enableContextMenuItems('#group')
+        .disableContextMenuItems('#ungroup');
+    } else {
+      menuItems.disableContextMenuItems('#delete,#cut,#copy,#group,#ungroup,#move_front,#move_up,#move_down,#move_back');
+    }
+
+    // update history buttons
+    $('#tool_undo').toggleClass('disabled', undoMgr.getUndoStackSize() === 0);
+    $('#tool_redo').toggleClass('disabled', undoMgr.getRedoStackSize() === 0);
+
+    svgCanvas.addedNew = false;
+
+    if ((elem && !isNode) || multiselected) {
+      // update the selected elements' layer
+      $('#selLayerNames').removeAttr('disabled').val(currentLayerName);
+
+      // Enable regular menu options
+      canvMenu.enableContextMenuItems('#delete,#cut,#copy,#move_front,#move_up,#move_down,#move_back');
+    } else {
+      $('#selLayerNames').attr('disabled', 'disabled');
+    }
+  };
+
+  const updateWireFrame = function () {
+    // Test support
+    if (supportsNonSS) { return; }
+
+    const rule = '#workarea.wireframe #svgcontent * { stroke-width: ' + 1 / svgCanvas.getZoom() + 'px; }';
+    $('#wireframe_rules').text(workarea.hasClass('wireframe') ? rule : '');
+  };
+
+  let curContext = '';
+
+  const updateTitle = function (title) {
+    title = title || svgCanvas.getDocumentTitle();
+    const newTitle = origTitle + (title ? ': ' + title : '');
+
+    // Remove title update with current context info, isn't really necessary
+    // if (curContext) {
+    //   new_title = new_title + curContext;
+    // }
+    $('title:first').text(newTitle);
+  };
+
+  // called when we've selected a different element
+  /**
+  *
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:selected} elems Array of elements that were selected
+  * @listens module:svgcanvas.SvgCanvas#event:selected
+  * @fires module:svgcanvas.SvgCanvas#event:ext-selectedChanged
+  * @returns {undefined}
+  */
+  const selectedChanged = function (win, elems) {
+    const mode = svgCanvas.getMode();
+    if (mode === 'select') {
+      setSelectMode();
+    }
+    const isNode = mode === 'pathedit';
+    // if elems[1] is present, then we have more than one element
+    selectedElement = (elems.length === 1 || elems[1] == null ? elems[0] : null);
+    multiselected = (elems.length >= 2 && elems[1] != null);
+    if (selectedElement != null) {
+      // unless we're already in always set the mode of the editor to select because
+      // upon creation of a text element the editor is switched into
+      // select mode and this event fires - we need our UI to be in sync
+
+      if (!isNode) {
+        updateToolbar();
+      }
+    } // if (elem != null)
+
+    // Deal with pathedit mode
+    togglePathEditMode(isNode, elems);
+    updateContextPanel();
+    svgCanvas.runExtensions('selectedChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} */ {
+      elems,
+      selectedElement,
+      multiselected
+    });
+  };
+
+  // Call when part of element is in process of changing, generally
+  // on mousemove actions like rotate, move, etc.
+  /**
+   * @param {external:Window} win
+   * @param {module:svgcanvas.SvgCanvas#event:transition} elems
+   * @listens module:svgcanvas.SvgCanvas#event:transition
+   * @fires module:svgcanvas.SvgCanvas#event:ext-elementTransition
+   * @returns {undefined}
+   */
+  const elementTransition = function (win, elems) {
+    const mode = svgCanvas.getMode();
+    const elem = elems[0];
+
+    if (!elem) {
+      return;
+    }
+
+    multiselected = (elems.length >= 2 && elems[1] != null);
+    // Only updating fields for single elements for now
+    if (!multiselected) {
+      switch (mode) {
+      case 'rotate':
+        const ang = svgCanvas.getRotationAngle(elem);
+        $('#angle').val(ang);
+        $('#tool_reorient').toggleClass('disabled', ang === 0);
+        break;
+
+      // TODO: Update values that change on move/resize, etc
+      // case 'select':
+      // case 'resize':
+      //   break;
+      }
+    }
+    svgCanvas.runExtensions('elementTransition', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementTransition} */ {
+      elems
+    });
+  };
+
+  /**
+   * Test whether an element is a layer or not.
+   * @param {SVGGElement} elem - The SVGGElement to test.
+   * @returns {boolean} True if the element is a layer
+   */
+  function isLayer (elem) {
+    return elem && elem.tagName === 'g' && Layer.CLASS_REGEX.test(elem.getAttribute('class'));
+  }
+
+  // called when any element has changed
+  /**
+   * @param {external:Window} win
+   * @param {module:svgcanvas.SvgCanvas#event:changed} elems
+   * @listens module:svgcanvas.SvgCanvas#event:changed
+   * @fires module:svgcanvas.SvgCanvas#event:ext-elementChanged
+   * @returns {undefined}
+   */
+  const elementChanged = function (win, elems) {
+    const mode = svgCanvas.getMode();
+    if (mode === 'select') {
+      setSelectMode();
+    }
+
+    for (let i = 0; i < elems.length; ++i) {
+      const elem = elems[i];
+
+      const isSvgElem = (elem && elem.tagName === 'svg');
+      if (isSvgElem || isLayer(elem)) {
+        populateLayers();
+        // if the element changed was the svg, then it could be a resolution change
+        if (isSvgElem) {
+          updateCanvas();
+        }
+      // Update selectedElement if element is no longer part of the image.
+      // This occurs for the text elements in Firefox
+      } else if (elem && selectedElement && selectedElement.parentNode == null) {
+        // || elem && elem.tagName == "path" && !multiselected) { // This was added in r1430, but not sure why
+        selectedElement = elem;
+      }
+    }
+
+    editor.showSaveWarning = true;
+
+    // we update the contextual panel with potentially new
+    // positional/sizing information (we DON'T want to update the
+    // toolbar here as that creates an infinite loop)
+    // also this updates the history buttons
+
+    // we tell it to skip focusing the text control if the
+    // text element was previously in focus
+    updateContextPanel();
+
+    // In the event a gradient was flipped:
+    if (selectedElement && mode === 'select') {
+      paintBox.fill.update();
+      paintBox.stroke.update();
+    }
+
+    svgCanvas.runExtensions('elementChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementChanged} */ {
+      elems
+    });
+  };
+
+  /**
+   * @returns {undefined}
+   */
+  const zoomDone = function () {
+    updateWireFrame();
+    // updateCanvas(); // necessary?
+  };
+
+  /**
+  * @typedef {PlainObject} module:SVGEditor.BBoxObjectWithFactor (like `DOMRect`)
+  * @property {Float} x
+  * @property {Float} y
+  * @property {Float} width
+  * @property {Float} height
+  * @property {Float} [factor] Needed if width or height are 0
+  * @property {Float} [zoom]
+  * @see module:svgcanvas.SvgCanvas#event:zoomed
+  */
+
+  /**
+  * @function module:svgcanvas.SvgCanvas#zoomChanged
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:zoomed} bbox
+  * @param {boolean} autoCenter
+  * @listens module:svgcanvas.SvgCanvas#event:zoomed
+  * @returns {undefined}
+  */
+  const zoomChanged = svgCanvas.zoomChanged = function (win, bbox, autoCenter) {
+    const scrbar = 15,
+      // res = svgCanvas.getResolution(), // Currently unused
+      wArea = workarea;
+    // const canvasPos = $('#svgcanvas').position(); // Currently unused
+    const zInfo = svgCanvas.setBBoxZoom(bbox, wArea.width() - scrbar, wArea.height() - scrbar);
+    if (!zInfo) { return; }
+    const zoomlevel = zInfo.zoom,
+      bb = zInfo.bbox;
+
+    if (zoomlevel < 0.001) {
+      changeZoom({value: 0.1});
+      return;
+    }
+
+    $('#zoom').val((zoomlevel * 100).toFixed(1));
+
+    if (autoCenter) {
+      updateCanvas();
+    } else {
+      updateCanvas(false, {x: bb.x * zoomlevel + (bb.width * zoomlevel) / 2, y: bb.y * zoomlevel + (bb.height * zoomlevel) / 2});
+    }
+
+    if (svgCanvas.getMode() === 'zoom' && bb.width) {
+      // Go to select if a zoom box was drawn
+      setSelectMode();
+    }
+
+    zoomDone();
+  };
+
+  const changeZoom = function (ctl) {
+    const zoomlevel = ctl.value / 100;
+    if (zoomlevel < 0.001) {
+      ctl.value = 0.1;
+      return;
+    }
+    const zoom = svgCanvas.getZoom();
+    const wArea = workarea;
+
+    zoomChanged(window, {
+      width: 0,
+      height: 0,
+      // center pt of scroll position
+      x: (wArea[0].scrollLeft + wArea.width() / 2) / zoom,
+      y: (wArea[0].scrollTop + wArea.height() / 2) / zoom,
+      zoom: zoomlevel
+    }, true);
+  };
+
+  $('#cur_context_panel').delegate('a', 'click', function () {
+    const link = $(this);
+    if (link.attr('data-root')) {
+      svgCanvas.leaveContext();
+    } else {
+      svgCanvas.setContext(link.text());
+    }
+    svgCanvas.clearSelection();
+    return false;
+  });
+
+  /**
+   * @param {external:Window} win
+   * @param {module:svgcanvas.SvgCanvas#event:contextset} context
+   * @listens module:svgcanvas.SvgCanvas#event:contextset
+   * @returns {undefined}
+   */
+  const contextChanged = function (win, context) {
+    let linkStr = '';
+    if (context) {
+      let str = '';
+      linkStr = '<a href="#" data-root="y">' + svgCanvas.getCurrentDrawing().getCurrentLayerName() + '</a>';
+
+      $(context).parentsUntil('#svgcontent > g').andSelf().each(function () {
+        if (this.id) {
+          str += ' > ' + this.id;
+          if (this !== context) {
+            linkStr += ' > <a href="#">' + this.id + '</a>';
+          } else {
+            linkStr += ' > ' + this.id;
+          }
+        }
+      });
+
+      curContext = str;
+    } else {
+      curContext = null;
+    }
+    $('#cur_context_panel').toggle(!!context).html(linkStr);
+
+    updateTitle();
+  };
+
+  // Makes sure the current selected paint is available to work with
+  const prepPaints = function () {
+    paintBox.fill.prep();
+    paintBox.stroke.prep();
+  };
+
+  const flyoutFuncs = {};
+
+  const setFlyoutTitles = function () {
+    $('.tools_flyout').each(function () {
+      const shower = $('#' + this.id + '_show');
+      if (shower.data('isLibrary')) {
+        return;
+      }
+
+      const tooltips = $(this).children().map(function () {
+        return this.title;
+      }).get();
+      shower[0].title = tooltips.join(' / ');
+    });
+  };
+
+  const allHolders = {};
+  /**
+   * @param {Object.<string, module:SVGEditor.ToolButton>} holders Key is a selector
+   * @returns {undefined}
+   */
+  const setupFlyouts = function (holders) {
+    $.each(holders, function (holdSel, btnOpts) {
+      if (!allHolders[holdSel]) {
+        allHolders[holdSel] = [];
+      }
+      allHolders[holdSel].push(...btnOpts);
+
+      const buttons = $(holdSel).children().not('.tool_button_evt_handled');
+      const showSel = holdSel + '_show';
+      const shower = $(showSel);
+      let def = false;
+      buttons.addClass('tool_button tool_button_evt_handled')
+        .unbind('click mousedown mouseup') // may not be necessary
+        .each(function () {
+          // Get this button's options
+          const idSel = '#' + this.getAttribute('id');
+          const [i, opts] = Object.entries(btnOpts).find(([i, {sel}]) => {
+            return sel === idSel;
+          });
+
+          // Remember the function that goes with this ID
+          flyoutFuncs[opts.sel] = opts.fn;
+
+          if (opts.isDefault) { def = i; }
+
+          /**
+           * Clicking the icon in flyout should set this set's icon
+           * @param {Event} ev
+           * @returns {undefined}
+           */
+          const flyoutAction = function (ev) {
+            let options = opts;
+            // Find the currently selected tool if comes from keystroke
+            if (ev.type === 'keydown') {
+              const flyoutIsSelected = $(options.parent + '_show').hasClass('tool_button_current');
+              const currentOperation = $(options.parent + '_show').attr('data-curopt');
+              Object.entries(holders[opts.parent]).some(([i, tool]) => {
+                if (tool.sel !== currentOperation) {
+                  return;
+                }
+                if (!ev.shiftKey || !flyoutIsSelected) {
+                  options = tool;
+                } else {
+                  // If flyout is selected, allow shift key to iterate through subitems
+                  i = parseInt(i, 10);
+                  // Use `allHolders` to include both extension `includeWith` and toolbarButtons
+                  options = allHolders[opts.parent][i + 1] ||
+                    holders[opts.parent][0];
+                }
+                return true;
+              });
+            }
+            if ($(this).hasClass('disabled')) { return false; }
+            if (toolButtonClick(showSel)) {
+              options.fn();
+            }
+            let icon;
+            if (options.icon) {
+              icon = $.getSvgIcon(options.icon, true);
+            } else {
+              icon = $(options.sel).children().eq(0).clone();
+            }
+
+            icon[0].setAttribute('width', shower.width());
+            icon[0].setAttribute('height', shower.height());
+            shower.children(':not(.flyout_arrow_horiz)').remove();
+            shower.append(icon).attr('data-curopt', options.sel); // This sets the current mode
+          };
+
+          $(this).mouseup(flyoutAction);
+
+          if (opts.key) {
+            $(document).bind('keydown', opts.key[0] + ' shift+' + opts.key[0], flyoutAction);
+          }
+        });
+
+      if (def) {
+        shower.attr('data-curopt', btnOpts[def].sel);
+      } else if (!shower.attr('data-curopt')) {
+        // Set first as default
+        shower.attr('data-curopt', btnOpts[0].sel);
+      }
+
+      let timer;
+      const pos = $(showSel).position();
+
+      // Clicking the "show" icon should set the current mode
+      shower.mousedown(function (evt) {
+        if (shower.hasClass('disabled')) {
+          return false;
+        }
+        const holder = $(holdSel);
+        const l = pos.left + 34;
+        const w = holder.width() * -1;
+        const time = holder.data('shown_popop') ? 200 : 0;
+        timer = setTimeout(function () {
+          // Show corresponding menu
+          if (!shower.data('isLibrary')) {
+            holder.css('left', w).show().animate({
+              left: l
+            }, 150);
+          } else {
+            holder.css('left', l).show();
+          }
+          holder.data('shown_popop', true);
+        }, time);
+        evt.preventDefault();
+      }).mouseup(function (evt) {
+        clearTimeout(timer);
+        const opt = $(this).attr('data-curopt');
+        // Is library and popped up, so do nothing
+        if (shower.data('isLibrary') && $(showSel.replace('_show', '')).is(':visible')) {
+          toolButtonClick(showSel, true);
+          return;
+        }
+        if (toolButtonClick(showSel) && flyoutFuncs[opt]) {
+          flyoutFuncs[opt]();
+        }
+      });
+      // $('#tools_rect').mouseleave(function () { $('#tools_rect').fadeOut(); });
+    });
+    setFlyoutTitles();
+    setFlyoutPositions();
+  };
+
+  const makeFlyoutHolder = function (id, child) {
+    const div = $('<div>', {
+      class: 'tools_flyout',
+      id
+    }).appendTo('#svg_editor').append(child);
+
+    return div;
+  };
+
+  // TODO: Combine this with addDropDown or find other way to optimize
+  const addAltDropDown = function (elem, list, callback, opts) {
+    const button = $(elem);
+    const {dropUp} = opts;
+    list = $(list);
+    if (dropUp) {
+      $(elem).addClass('dropup');
+    }
+    list.find('li').bind('mouseup', function () {
+      if (opts.seticon) {
+        setIcon('#cur_' + button[0].id, $(this).children());
+        $(this).addClass('current').siblings().removeClass('current');
+      }
+      callback.apply(this, arguments);
+    });
+
+    let onButton = false;
+    $(window).mouseup(function (evt) {
+      if (!onButton) {
+        button.removeClass('down');
+        list.hide();
+        list.css({top: 0, left: 0});
+      }
+      onButton = false;
+    });
+
+    // const height = list.height(); // Currently unused
+    button.bind('mousedown', function () {
+      const off = button.offset();
+      if (dropUp) {
+        off.top -= list.height();
+        off.left += 8;
+      } else {
+        off.top += button.height();
+      }
+      list.offset(off);
+
+      if (!button.hasClass('down')) {
+        list.show();
+        onButton = true;
+      } else {
+        // CSS position must be reset for Webkit
+        list.hide();
+        list.css({top: 0, left: 0});
+      }
+      button.toggleClass('down');
+    }).hover(function () {
+      onButton = true;
+    }).mouseout(function () {
+      onButton = false;
+    });
+
+    if (opts.multiclick) {
+      list.mousedown(function () {
+        onButton = true;
+      });
+    }
+  };
+
+  const extsPreLang = [];
+  /**
+   * @param {external:Window} win
+   * @param {module:svgcanvas.SvgCanvas#event:extension_added} ext
+   * @listens module:svgcanvas.SvgCanvas#event:extension_added
+   * @returns {Promise} Resolves to `undefined`
+   */
+  const extAdded = function (win, ext) {
+    if (!ext) {
+      return;
+    }
+    let cbCalled = false;
+    let resizeDone = false;
+
+    if (ext.langReady) {
+      if (editor.langChanged) { // We check for this since the "lang" pref could have been set by storage
+        const lang = $.pref('lang');
+        ext.langReady({
+          lang,
+          uiStrings,
+          importLocale: getImportLocale({defaultLang: lang, defaultName: ext.name})
+        });
+      } else {
+        extsPreLang.push(ext);
+      }
+    }
+
+    function prepResize () {
+      if (resizeTimer) {
+        clearTimeout(resizeTimer);
+        resizeTimer = null;
+      }
+      if (!resizeDone) {
+        resizeTimer = setTimeout(function () {
+          resizeDone = true;
+          setIconSize($.pref('iconsize'));
+        }, 50);
+      }
+    }
+
+    const runCallback = function () {
+      if (ext.callback && !cbCalled) {
+        cbCalled = true;
+        ext.callback.call(editor);
+      }
+    };
+
+    const btnSelects = [];
+
+    /**
+    * @typedef {PlainObject} module:SVGEditor.ContextTool
+    * @property {string} panel The ID of the existing panel to which the tool is being added. Required.
+    * @property {string} id The ID of the actual tool element. Required.
+    * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<"change", external:jQuery.Function>} events DOM event names keyed to associated functions. Example: `{change () { alert('Option was changed') } }`. "change" event is one specifically handled for the "button-select" type. Required.
+    * @property {string} title The tooltip text that will appear when the user hovers over the tool. Required.
+    * @property {"tool_button"|"select"|"button-select"|"input"|string} type The type of tool being added. Expected.
+    * @property {PlainObject.<string, string>} [options] List of options and their labels for select tools. Example: `{1: 'One', 2: 'Two', all: 'All' }`. Required by "select" tools.
+    * @property {string} [container_id] The ID to be given to the tool's container element.
+    * @property {string} [defval] Default value
+    * @property {string|Integer} [colnum] Added as part of the option list class.
+    * @property {string} [label] Label associated with the tool, visible in the UI
+    * @property {Integer} [size] Value of the "size" attribute of the tool input
+    * @property {module:jQuerySpinButton.SpinButtonConfig} [spindata] When added to a tool of type "input", this tool becomes a "spinner" which allows the number to be in/decreased.
+    */
+    if (ext.context_tools) {
+      $.each(ext.context_tools, function (i, tool) {
+        // Add select tool
+        const contId = tool.container_id ? (' id="' + tool.container_id + '"') : '';
+
+        let panel = $('#' + tool.panel);
+        // create the panel if it doesn't exist
+        if (!panel.length) {
+          panel = $('<div>', {id: tool.panel}).appendTo('#tools_top');
+        }
+
+        let html;
+        // TODO: Allow support for other types, or adding to existing tool
+        switch (tool.type) {
+        case 'tool_button':
+          html = '<div class="tool_button">' + tool.id + '</div>';
+          const div = $(html).appendTo(panel);
+          if (tool.events) {
+            $.each(tool.events, function (evt, func) {
+              $(div).bind(evt, func);
+            });
+          }
+          break;
+        case 'select':
+          html = '<label' + contId + '>' +
+            '<select id="' + tool.id + '">';
+          $.each(tool.options, function (val, text) {
+            const sel = (val === tool.defval) ? ' selected' : '';
+            html += '<option value="' + val + '"' + sel + '>' + text + '</option>';
+          });
+          html += '</select></label>';
+          // Creates the tool, hides & adds it, returns the select element
+          const sel = $(html).appendTo(panel).find('select');
+
+          $.each(tool.events, function (evt, func) {
+            $(sel).bind(evt, func);
+          });
+          break;
+        case 'button-select':
+          html = '<div id="' + tool.id + '" class="dropdown toolset" title="' + tool.title + '">' +
+            '<div id="cur_' + tool.id + '" class="icon_label"></div><button></button></div>';
+
+          const list = $('<ul id="' + tool.id + '_opts"></ul>').appendTo('#option_lists');
+
+          if (tool.colnum) {
+            list.addClass('optcols' + tool.colnum);
+          }
+
+          // Creates the tool, hides & adds it, returns the select element
+          /* const dropdown = */ $(html).appendTo(panel).children();
+
+          btnSelects.push({
+            elem: ('#' + tool.id),
+            list: ('#' + tool.id + '_opts'),
+            title: tool.title,
+            callback: tool.events.change,
+            cur: ('#cur_' + tool.id)
+          });
+
+          break;
+        case 'input':
+          html = '<label' + contId + '>' +
+            '<span id="' + tool.id + '_label">' +
+            tool.label + ':</span>' +
+            '<input id="' + tool.id + '" title="' + tool.title +
+            '" size="' + (tool.size || '4') + '" value="' + (tool.defval || '') + '" type="text"/></label>';
+
+          // Creates the tool, hides & adds it, returns the select element
+
+          // Add to given tool.panel
+          const inp = $(html).appendTo(panel).find('input');
+
+          if (tool.spindata) {
+            inp.SpinButton(tool.spindata);
+          }
+
+          if (tool.events) {
+            $.each(tool.events, function (evt, func) {
+              inp.bind(evt, func);
+            });
+          }
+          break;
+
+        default:
+          break;
+        }
+      });
+    }
+
+    const {svgicons} = ext;
+    if (ext.buttons) {
+      const fallbackObj = {},
+        placementObj = {},
+        holders = {};
+
+      /**
+      * @typedef {GenericArray} module:SVGEditor.KeyArray
+      * @property {string} 0 The key to bind (on `keydown`)
+      * @property {boolean} 1 Whether to `preventDefault` on the `keydown` event
+      * @property {boolean} 2 Not apparently in use (NoDisableInInput)
+      */
+      /**
+       * @typedef {string|module:SVGEditor.KeyArray} module:SVGEditor.Key
+       */
+      /**
+      * @typedef {PlainObject} module:SVGEditor.Button
+      * @property {string} id A unique identifier for this button. If SVG icons are used, this must match the ID used in the icon file. Required.
+      * @property {"mode_flyout"|"mode"|"context"|"app_menu"} type Type of button. Required.
+      * @property {string} title The tooltip text that will appear when the user hovers over the icon. Required.
+      * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<"click", external:jQuery.Function>} events DOM event names with associated functions. Example: `{click () { alert('Button was clicked') } }`. Click is used with `includeWith` and `type` of "mode_flyout" (and "mode"); any events may be added if `list` is not present. Expected.
+      * @property {string} panel The ID of the context panel to be included, if type is "context". Required only if type is "context".
+      * @property {string} icon The file path to the raster version of the icon image source. Required only if no `svgicons` is supplied from [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse}.
+      * @property {string} [svgicon] If absent, will utilize the button "id"; used to set "placement" on the `svgIcons` call
+      * @property {string} [list] Points to the "id" of a `context_tools` item of type "button-select" into which the button will be added as a panel list item
+      * @property {Integer} [position] The numeric index for placement; defaults to last position (as of the time of extension addition) if not present. For use with {@link http://api.jquery.com/eq/}.
+      * @property {boolean} [isDefault] Whether or not the button is the default. Used with `list`.
+      * @property {PlainObject} [includeWith] Object with flyout menu data
+      * @property {boolean} [includeWith.isDefault] Indicates whether button is default in flyout list or not.
+      * @property {string} includeWith.button jQuery selector of the existing button to be joined. Example: '#tool_line'. Required if `includeWith` is used.
+      * @property {"last"|Integer} [includeWith.position] Position of icon in flyout list; will be added to end if not indicated. Integer is for use with {@link http://api.jquery.com/eq/}.
+      * @property {module:SVGEditor.Key} [key] The key to bind to the button
+      */
+      // Add buttons given by extension
+      $.each(ext.buttons, function (i, /** @type {module:SVGEditor.Button} */ btn) {
+        let {id} = btn;
+        let num = i;
+        // Give button a unique ID
+        while ($('#' + id).length) {
+          id = btn.id + '_' + (++num);
+        }
+
+        let icon;
+        if (!svgicons) {
+          icon = $('<img src="' + btn.icon + '">');
+        } else {
+          fallbackObj[id] = btn.icon;
+          const svgicon = btn.svgicon || btn.id;
+          if (btn.type === 'app_menu') {
+            placementObj['#' + id + ' > div'] = svgicon;
+          } else {
+            placementObj['#' + id] = svgicon;
+          }
+        }
+
+        let cls, parent;
+
+        // Set button up according to its type
+        switch (btn.type) {
+        case 'mode_flyout':
+        case 'mode':
+          cls = 'tool_button';
+          parent = '#tools_left';
+          break;
+        case 'context':
+          cls = 'tool_button';
+          parent = '#' + btn.panel;
+          // create the panel if it doesn't exist
+          if (!$(parent).length) {
+            $('<div>', {id: btn.panel}).appendTo('#tools_top');
+          }
+          break;
+        case 'app_menu':
+          cls = '';
+          parent = '#main_menu ul';
+          break;
+        }
+        let flyoutHolder, curH, showBtn, refData, refBtn;
+        const button = $((btn.list || btn.type === 'app_menu') ? '<li/>' : '<div/>')
+          .attr('id', id)
+          .attr('title', btn.title)
+          .addClass(cls);
+        if (!btn.includeWith && !btn.list) {
+          if ('position' in btn) {
+            if ($(parent).children().eq(btn.position).length) {
+              $(parent).children().eq(btn.position).before(button);
+            } else {
+              $(parent).children().last().before(button);
+            }
+          } else {
+            button.appendTo(parent);
+          }
+
+          if (btn.type === 'mode_flyout') {
+          // Add to flyout menu / make flyout menu
+            // const opts = btn.includeWith;
+            // // opts.button, default, position
+            refBtn = $(button);
+
+            flyoutHolder = refBtn.parent();
+            // Create a flyout menu if there isn't one already
+            let tlsId;
+            if (!refBtn.parent().hasClass('tools_flyout')) {
+              // Create flyout placeholder
+              tlsId = refBtn[0].id.replace('tool_', 'tools_');
+              showBtn = refBtn.clone()
+                .attr('id', tlsId + '_show')
+                .append($('<div>', {class: 'flyout_arrow_horiz'}));
+
+              refBtn.before(showBtn);
+
+              // Create a flyout div
+              flyoutHolder = makeFlyoutHolder(tlsId, refBtn);
+              flyoutHolder.data('isLibrary', true);
+              showBtn.data('isLibrary', true);
+            }
+            // refData = Actions.getButtonData(opts.button);
+
+            placementObj['#' + tlsId + '_show'] = btn.id;
+            // TODO: Find way to set the current icon using the iconloader if this is not default
+
+            // Include data for extension button as well as ref button
+            curH = holders['#' + flyoutHolder[0].id] = [{
+              sel: '#' + id,
+              fn: btn.events.click,
+              icon: btn.id,
+              // key: btn.key,
+              isDefault: true
+            }]; // , refData
+            //
+            // // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
+            //
+            // const pos = ('position' in opts)?opts.position:'last';
+            // const len = flyoutHolder.children().length;
+            //
+            // // Add at given position or end
+            // if (!isNaN(pos) && pos >= 0 && pos < len) {
+            //   flyoutHolder.children().eq(pos).before(button);
+            // } else {
+            //   flyoutHolder.append(button);
+            //   curH.reverse();
+            // }
+          } else if (btn.type === 'app_menu') {
+            button.append('<div>').append(btn.title);
+          }
+        } else if (btn.list) {
+          // Add button to list
+          button.addClass('push_button');
+          $('#' + btn.list + '_opts').append(button);
+          if (btn.isDefault) {
+            $('#cur_' + btn.list).append(button.children().clone());
+            const svgicon = btn.svgicon || btn.id;
+            placementObj['#cur_' + btn.list] = svgicon;
+          }
+        } else if (btn.includeWith) {
+          // Add to flyout menu / make flyout menu
+          const opts = btn.includeWith;
+          // opts.button, default, position
+          refBtn = $(opts.button);
+
+          flyoutHolder = refBtn.parent();
+          // Create a flyout menu if there isn't one already
+          let tlsId;
+          if (!refBtn.parent().hasClass('tools_flyout')) {
+            // Create flyout placeholder
+            tlsId = refBtn[0].id.replace('tool_', 'tools_');
+            showBtn = refBtn.clone()
+              .attr('id', tlsId + '_show')
+              .append($('<div>', {class: 'flyout_arrow_horiz'}));
+
+            refBtn.before(showBtn);
+            // Create a flyout div
+            flyoutHolder = makeFlyoutHolder(tlsId, refBtn);
+          }
+
+          refData = Actions.getButtonData(opts.button);
+
+          if (opts.isDefault) {
+            placementObj['#' + tlsId + '_show'] = btn.id;
+          }
+          // TODO: Find way to set the current icon using the iconloader if this is not default
+
+          // Include data for extension button as well as ref button
+          curH = holders['#' + flyoutHolder[0].id] = [{
+            sel: '#' + id,
+            fn: btn.events.click,
+            icon: btn.id,
+            key: btn.key,
+            isDefault: Boolean(btn.includeWith && btn.includeWith.isDefault)
+          }, refData];
+
+          // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
+
+          const pos = ('position' in opts) ? opts.position : 'last';
+          const len = flyoutHolder.children().length;
+
+          // Add at given position or end
+          if (!isNaN(pos) && pos >= 0 && pos < len) {
+            flyoutHolder.children().eq(pos).before(button);
+          } else {
+            flyoutHolder.append(button);
+            curH.reverse();
+          }
+        }
+
+        if (!svgicons) {
+          button.append(icon);
+        }
+
+        if (!btn.list) {
+          // Add given events to button
+          $.each(btn.events, function (name, func) {
+            if (name === 'click' && btn.type === 'mode') {
+              if (btn.includeWith) {
+                button.bind(name, func);
+              } else {
+                button.bind(name, function () {
+                  if (toolButtonClick(button)) {
+                    func();
+                  }
+                });
+              }
+              if (btn.key) {
+                $(document).bind('keydown', btn.key, func);
+                if (btn.title) {
+                  button.attr('title', btn.title + ' [' + btn.key + ']');
+                }
+              }
+            } else {
+              button.bind(name, func);
+            }
+          });
+        }
+
+        setupFlyouts(holders);
+      });
+
+      $.each(btnSelects, function () {
+        addAltDropDown(this.elem, this.list, this.callback, {seticon: true});
+      });
+
+      if (svgicons) {
+        return new Promise((resolve, reject) => {
+          $.svgIcons(svgicons, {
+            w: 24, h: 24,
+            id_match: false,
+            no_img: (!isWebkit()),
+            fallback: fallbackObj,
+            placement: placementObj,
+            callback (icons) {
+              // Non-ideal hack to make the icon match the current size
+              // if (curPrefs.iconsize && curPrefs.iconsize !== 'm') {
+              if ($.pref('iconsize') !== 'm') {
+                prepResize();
+              }
+              runCallback();
+              resolve();
+            }
+          });
+        });
+      }
+    }
+    return runCallback();
+  };
+
+  const getPaint = function (color, opac, type) {
+    // update the editor's fill paint
+    const opts = { alpha: opac };
+    if (color.startsWith('url(#')) {
+      let refElem = svgCanvas.getRefElem(color);
+      if (refElem) {
+        refElem = refElem.cloneNode(true);
+      } else {
+        refElem = $('#' + type + '_color defs *')[0];
+      }
+      opts[refElem.tagName] = refElem;
+    } else if (color.startsWith('#')) {
+      opts.solidColor = color.substr(1);
+    } else {
+      opts.solidColor = 'none';
+    }
+    return new $.jGraduate.Paint(opts);
+  };
+
+  // $('#text').focus(function () { textBeingEntered = true; });
+  // $('#text').blur(function () { textBeingEntered = false; });
+
+  // bind the selected event to our function that handles updates to the UI
+  svgCanvas.bind('selected', selectedChanged);
+  svgCanvas.bind('transition', elementTransition);
+  svgCanvas.bind('changed', elementChanged);
+  svgCanvas.bind('saved', saveHandler);
+  svgCanvas.bind('exported', exportHandler);
+  svgCanvas.bind('exportedPDF', function (win, data) {
+    const {exportWindowName} = data;
+    if (exportWindowName) {
+      exportWindow = window.open('', exportWindowName); // A hack to get the window via JSON-able name without opening a new one
+    }
+    if (!exportWindow || exportWindow.closed) {
+      $.alert(uiStrings.notification.popupWindowBlocked);
+      return;
+    }
+    exportWindow.location.href = data.output;
+  });
+  svgCanvas.bind('zoomed', zoomChanged);
+  svgCanvas.bind('zoomDone', zoomDone);
+  svgCanvas.bind(
+    'updateCanvas',
+    /**
+     * @param {external:Window} win
+     * @param {false} center
+     * @param {module:math.XYObject} newCtr
+     * @listens module:svgcanvas.SvgCanvas#event:updateCanvas
+     * @returns {undefined}
+     */
+    function (win, {center, newCtr}) {
+      updateCanvas(center, newCtr);
+    }
+  );
+  svgCanvas.bind('contextset', contextChanged);
+  svgCanvas.bind('extension_added', extAdded);
+  svgCanvas.textActions.setInputElem($('#text')[0]);
+
+  let str = '<div class="palette_item" data-rgb="none"></div>';
+  $.each(palette, function (i, item) {
+    str += '<div class="palette_item" style="background-color: ' + item + ';" data-rgb="' + item + '"></div>';
+  });
+  $('#palette').append(str);
+
+  // Set up editor background functionality
+  // TODO add checkerboard as "pattern"
+  const colorBlocks = ['#FFF', '#888', '#000']; // ,'url(data:image/gif;base64,R0lGODlhEAAQAIAAAP%2F%2F%2F9bW1iH5BAAAAAAALAAAAAAQABAAAAIfjG%2Bgq4jM3IFLJgpswNly%2FXkcBpIiVaInlLJr9FZWAQA7)'];
+  str = '';
+  $.each(colorBlocks, function () {
+    str += '<div class="color_block" style="background-color:' + this + ';"></div>';
+  });
+  $('#bg_blocks').append(str);
+  const blocks = $('#bg_blocks div');
+  const curBg = 'cur_background';
+  blocks.each(function () {
+    const blk = $(this);
+    blk.click(function () {
+      blocks.removeClass(curBg);
+      $(this).addClass(curBg);
+    });
+  });
+
+  setBackground($.pref('bkgd_color'), $.pref('bkgd_url'));
+
+  $('#image_save_opts input').val([$.pref('img_save')]);
+
+  const changeRectRadius = function (ctl) {
+    svgCanvas.setRectRadius(ctl.value);
+  };
+
+  const changeFontSize = function (ctl) {
+    svgCanvas.setFontSize(ctl.value);
+  };
+
+  const changeStrokeWidth = function (ctl) {
+    let val = ctl.value;
+    if (val === 0 && selectedElement && ['line', 'polyline'].includes(selectedElement.nodeName)) {
+      val = ctl.value = 1;
+    }
+    svgCanvas.setStrokeWidth(val);
+  };
+
+  const changeRotationAngle = function (ctl) {
+    svgCanvas.setRotationAngle(ctl.value);
+    $('#tool_reorient').toggleClass('disabled', parseInt(ctl.value, 10) === 0);
+  };
+
+  const changeOpacity = function (ctl, val) {
+    if (val == null) { val = ctl.value; }
+    $('#group_opacity').val(val);
+    if (!ctl || !ctl.handle) {
+      $('#opac_slider').slider('option', 'value', val);
+    }
+    svgCanvas.setOpacity(val / 100);
+  };
+
+  const changeBlur = function (ctl, val, noUndo) {
+    if (val == null) { val = ctl.value; }
+    $('#blur').val(val);
+    let complete = false;
+    if (!ctl || !ctl.handle) {
+      $('#blur_slider').slider('option', 'value', val);
+      complete = true;
+    }
+    if (noUndo) {
+      svgCanvas.setBlurNoUndo(val);
+    } else {
+      svgCanvas.setBlur(val, complete);
+    }
+  };
+
+  $('#stroke_style').change(function () {
+    svgCanvas.setStrokeAttr('stroke-dasharray', $(this).val());
+    operaRepaint();
+  });
+
+  $('#stroke_linejoin').change(function () {
+    svgCanvas.setStrokeAttr('stroke-linejoin', $(this).val());
+    operaRepaint();
+  });
+
+  // Lose focus for select elements when changed (Allows keyboard shortcuts to work better)
+  $('select').change(function () { $(this).blur(); });
+
+  // fired when user wants to move elements to another layer
+  let promptMoveLayerOnce = false;
+  $('#selLayerNames').change(function () {
+    const destLayer = this.options[this.selectedIndex].value;
+    const confirmStr = uiStrings.notification.QmoveElemsToLayer.replace('%s', destLayer);
+    const moveToLayer = function (ok) {
+      if (!ok) { return; }
+      promptMoveLayerOnce = true;
+      svgCanvas.moveSelectedToLayer(destLayer);
+      svgCanvas.clearSelection();
+      populateLayers();
+    };
+    if (destLayer) {
+      if (promptMoveLayerOnce) {
+        moveToLayer(true);
+      } else {
+        $.confirm(confirmStr, moveToLayer);
+      }
+    }
+  });
+
+  $('#font_family').change(function () {
+    svgCanvas.setFontFamily(this.value);
+  });
+
+  $('#seg_type').change(function () {
+    svgCanvas.setSegType($(this).val());
+  });
+
+  $('#text').bind('keyup input', function () {
+    svgCanvas.setTextContent(this.value);
+  });
+
+  $('#image_url').change(function () {
+    setImageURL(this.value);
+  });
+
+  $('#link_url').change(function () {
+    if (this.value.length) {
+      svgCanvas.setLinkURL(this.value);
+    } else {
+      svgCanvas.removeHyperlink();
+    }
+  });
+
+  $('#g_title').change(function () {
+    svgCanvas.setGroupTitle(this.value);
+  });
+
+  $('.attr_changer').change(function () {
+    const attr = this.getAttribute('data-attr');
+    let val = this.value;
+    const valid = isValidUnit(attr, val, selectedElement);
+
+    if (!valid) {
+      $.alert(uiStrings.notification.invalidAttrValGiven);
+      this.value = selectedElement.getAttribute(attr);
+      return false;
+    }
+
+    if (attr !== 'id' && attr !== 'class') {
+      if (isNaN(val)) {
+        val = svgCanvas.convertToNum(attr, val);
+      } else if (curConfig.baseUnit !== 'px') {
+        // Convert unitless value to one with given unit
+
+        const unitData = getTypeMap();
+
+        if (selectedElement[attr] || svgCanvas.getMode() === 'pathedit' || attr === 'x' || attr === 'y') {
+          val *= unitData[curConfig.baseUnit];
+        }
+      }
+    }
+
+    // if the user is changing the id, then de-select the element first
+    // change the ID, then re-select it with the new ID
+    if (attr === 'id') {
+      const elem = selectedElement;
+      svgCanvas.clearSelection();
+      elem.id = val;
+      svgCanvas.addToSelection([elem], true);
+    } else {
+      svgCanvas.changeSelectedAttribute(attr, val);
+    }
+    this.blur();
+  });
+
+  // Prevent selection of elements when shift-clicking
+  $('#palette').mouseover(function () {
+    const inp = $('<input type="hidden">');
+    $(this).append(inp);
+    inp.focus().remove();
+  });
+
+  $('.palette_item').mousedown(function (evt) {
+    // shift key or right click for stroke
+    const picker = evt.shiftKey || evt.button === 2 ? 'stroke' : 'fill';
+    let color = $(this).data('rgb');
+    let paint;
+
+    // Webkit-based browsers returned 'initial' here for no stroke
+    if (color === 'none' || color === 'transparent' || color === 'initial') {
+      color = 'none';
+      paint = new $.jGraduate.Paint();
+    } else {
+      paint = new $.jGraduate.Paint({alpha: 100, solidColor: color.substr(1)});
+    }
+
+    paintBox[picker].setPaint(paint);
+    svgCanvas.setColor(picker, color);
+
+    if (color !== 'none' && svgCanvas.getPaintOpacity(picker) !== 1) {
+      svgCanvas.setPaintOpacity(picker, 1.0);
+    }
+    updateToolButtonState();
+  }).bind('contextmenu', function (e) { e.preventDefault(); });
+
+  $('#toggle_stroke_tools').on('click', function () {
+    $('#tools_bottom').toggleClass('expanded');
+  });
+
+  (function () {
+    const wArea = workarea[0];
+
+    let lastX = null, lastY = null,
+      panning = false, keypan = false;
+
+    $('#svgcanvas').bind('mousemove mouseup', function (evt) {
+      if (panning === false) { return; }
+
+      wArea.scrollLeft -= (evt.clientX - lastX);
+      wArea.scrollTop -= (evt.clientY - lastY);
+
+      lastX = evt.clientX;
+      lastY = evt.clientY;
+
+      if (evt.type === 'mouseup') { panning = false; }
+      return false;
+    }).mousedown(function (evt) {
+      if (evt.button === 1 || keypan === true) {
+        panning = true;
+        lastX = evt.clientX;
+        lastY = evt.clientY;
+        return false;
+      }
+    });
+
+    $(window).mouseup(function () {
+      panning = false;
+    });
+
+    $(document).bind('keydown', 'space', function (evt) {
+      svgCanvas.spaceKey = keypan = true;
+      evt.preventDefault();
+    }).bind('keyup', 'space', function (evt) {
+      evt.preventDefault();
+      svgCanvas.spaceKey = keypan = false;
+    }).bind('keydown', 'shift', function (evt) {
+      if (svgCanvas.getMode() === 'zoom') {
+        workarea.css('cursor', zoomOutIcon);
+      }
+    }).bind('keyup', 'shift', function (evt) {
+      if (svgCanvas.getMode() === 'zoom') {
+        workarea.css('cursor', zoomInIcon);
+      }
+    });
+
+    /**
+    * @param {boolean} active
+    * @returns {undefined}
+    */
+    editor.setPanning = function (active) {
+      svgCanvas.spaceKey = keypan = active;
+    };
+  }());
+
+  (function () {
+    const button = $('#main_icon');
+    const overlay = $('#main_icon span');
+    const list = $('#main_menu');
+
+    let onButton = false;
+    let height = 0;
+    let jsHover = true;
+    let setClick = false;
+
+    /*
+    // Currently unused
+    const hideMenu = function () {
+      list.fadeOut(200);
+    };
+    */
+
+    $(window).mouseup(function (evt) {
+      if (!onButton) {
+        button.removeClass('buttondown');
+        // do not hide if it was the file input as that input needs to be visible
+        // for its change event to fire
+        if (evt.target.tagName !== 'INPUT') {
+          list.fadeOut(200);
+        } else if (!setClick) {
+          setClick = true;
+          $(evt.target).click(function () {
+            list.css('margin-left', '-9999px').show();
+          });
+        }
+      }
+      onButton = false;
+    }).mousedown(function (evt) {
+      // $('.contextMenu').hide();
+      const islib = $(evt.target).closest('div.tools_flyout, .contextMenu').length;
+      if (!islib) {
+        $('.tools_flyout:visible,.contextMenu').fadeOut(250);
+      }
+    });
+
+    overlay.bind('mousedown', function () {
+      if (!button.hasClass('buttondown')) {
+        // Margin must be reset in case it was changed before;
+        list.css('margin-left', 0).show();
+        if (!height) {
+          height = list.height();
+        }
+        // Using custom animation as slideDown has annoying 'bounce effect'
+        list.css('height', 0).animate({
+          height
+        }, 200);
+        onButton = true;
+      } else {
+        list.fadeOut(200);
+      }
+      button.toggleClass('buttondown buttonup');
+    }).hover(function () {
+      onButton = true;
+    }).mouseout(function () {
+      onButton = false;
+    });
+
+    const listItems = $('#main_menu li');
+
+    // Check if JS method of hovering needs to be used (Webkit bug)
+    listItems.mouseover(function () {
+      jsHover = ($(this).css('background-color') === 'rgba(0, 0, 0, 0)');
+
+      listItems.unbind('mouseover');
+      if (jsHover) {
+        listItems.mouseover(function () {
+          this.style.backgroundColor = '#FFC';
+        }).mouseout(function () {
+          this.style.backgroundColor = 'transparent';
+          return true;
+        });
+      }
+    });
+  }());
+  // Made public for UI customization.
+  // TODO: Group UI functions into a public editor.ui interface.
+  /**
+   * See {@link http://api.jquery.com/bind/#bind-eventType-eventData-handler}
+   * @callback module:SVGEditor.DropDownCallback
+   * @param {external:jQuery.Event} ev See {@link http://api.jquery.com/Types/#Event}
+   * @listens external:jQuery.Event
+   * @returns {undefined|boolean} Calls `preventDefault()` and `stopPropagation()`
+  */
+  /**
+   * @param {Element|string} elem DOM Element or selector
+   * @param {module:SVGEditor.DropDownCallback} callback Mouseup callback
+   * @param {boolean} dropUp
+   * @returns {undefined}
+  */
+  editor.addDropDown = function (elem, callback, dropUp) {
+    if (!$(elem).length) { return; } // Quit if called on non-existent element
+    const button = $(elem).find('button');
+    const list = $(elem).find('ul').attr('id', $(elem)[0].id + '-list');
+    if (dropUp) {
+      $(elem).addClass('dropup');
+    } else {
+      // Move list to place where it can overflow container
+      $('#option_lists').append(list);
+    }
+    list.find('li').bind('mouseup', callback);
+
+    let onButton = false;
+    $(window).mouseup(function (evt) {
+      if (!onButton) {
+        button.removeClass('down');
+        list.hide();
+      }
+      onButton = false;
+    });
+
+    button.bind('mousedown', function () {
+      if (!button.hasClass('down')) {
+        if (!dropUp) {
+          const pos = $(elem).position();
+          list.css({
+            top: pos.top + 24,
+            left: pos.left - 10
+          });
+        }
+        list.show();
+        onButton = true;
+      } else {
+        list.hide();
+      }
+      button.toggleClass('down');
+    }).hover(function () {
+      onButton = true;
+    }).mouseout(function () {
+      onButton = false;
+    });
+  };
+
+  editor.addDropDown('#font_family_dropdown', function () {
+    $('#font_family').val($(this).text()).change();
+  });
+
+  editor.addDropDown('#opacity_dropdown', function () {
+    if ($(this).find('div').length) { return; }
+    const perc = parseInt($(this).text().split('%')[0], 10);
+    changeOpacity(false, perc);
+  }, true);
+
+  // For slider usage, see: http://jqueryui.com/demos/slider/
+  $('#opac_slider').slider({
+    start () {
+      $('#opacity_dropdown li:not(.special)').hide();
+    },
+    stop () {
+      $('#opacity_dropdown li').show();
+      $(window).mouseup();
+    },
+    slide (evt, ui) {
+      changeOpacity(ui);
+    }
+  });
+
+  editor.addDropDown('#blur_dropdown', $.noop);
+
+  let slideStart = false;
+  $('#blur_slider').slider({
+    max: 10,
+    step: 0.1,
+    stop (evt, ui) {
+      slideStart = false;
+      changeBlur(ui);
+      $('#blur_dropdown li').show();
+      $(window).mouseup();
+    },
+    start () {
+      slideStart = true;
+    },
+    slide (evt, ui) {
+      changeBlur(ui, null, slideStart);
+    }
+  });
+
+  editor.addDropDown('#zoom_dropdown', function () {
+    const item = $(this);
+    const val = item.data('val');
+    if (val) {
+      zoomChanged(window, val);
+    } else {
+      changeZoom({value: parseFloat(item.text())});
+    }
+  }, true);
+
+  addAltDropDown('#stroke_linecap', '#linecap_opts', function () {
+    setStrokeOpt(this, true);
+  }, {dropUp: true});
+
+  addAltDropDown('#stroke_linejoin', '#linejoin_opts', function () {
+    setStrokeOpt(this, true);
+  }, {dropUp: true});
+
+  addAltDropDown('#tool_position', '#position_opts', function () {
+    const letter = this.id.replace('tool_pos', '').charAt(0);
+    svgCanvas.alignSelectedElements(letter, 'page');
+  }, {multiclick: true});
+
+  /*
+
+  When a flyout icon is selected
+    (if flyout) {
+    - Change the icon
+    - Make pressing the button run its stuff
+    }
+    - Run its stuff
+
+  When its shortcut key is pressed
+    - If not current in list, do as above
+    , else:
+    - Just run its stuff
+
+  */
+
+  // Unfocus text input when workarea is mousedowned.
+  (function () {
+    let inp;
+    const unfocus = function () {
+      $(inp).blur();
+    };
+
+    $('#svg_editor').find('button, select, input:not(#text)').focus(function () {
+      inp = this;
+      uiContext = 'toolbars';
+      workarea.mousedown(unfocus);
+    }).blur(function () {
+      uiContext = 'canvas';
+      workarea.unbind('mousedown', unfocus);
+      // Go back to selecting text if in textedit mode
+      if (svgCanvas.getMode() === 'textedit') {
+        $('#text').focus();
+      }
+    });
+  }());
+
+  const clickFHPath = function () {
+    if (toolButtonClick('#tool_fhpath')) {
+      svgCanvas.setMode('fhpath');
+    }
+  };
+
+  const clickLine = function () {
+    if (toolButtonClick('#tool_line')) {
+      svgCanvas.setMode('line');
+    }
+  };
+
+  const clickSquare = function () {
+    if (toolButtonClick('#tool_square')) {
+      svgCanvas.setMode('square');
+    }
+  };
+
+  const clickRect = function () {
+    if (toolButtonClick('#tool_rect')) {
+      svgCanvas.setMode('rect');
+    }
+  };
+
+  const clickFHRect = function () {
+    if (toolButtonClick('#tool_fhrect')) {
+      svgCanvas.setMode('fhrect');
+    }
+  };
+
+  const clickCircle = function () {
+    if (toolButtonClick('#tool_circle')) {
+      svgCanvas.setMode('circle');
+    }
+  };
+
+  const clickEllipse = function () {
+    if (toolButtonClick('#tool_ellipse')) {
+      svgCanvas.setMode('ellipse');
+    }
+  };
+
+  const clickFHEllipse = function () {
+    if (toolButtonClick('#tool_fhellipse')) {
+      svgCanvas.setMode('fhellipse');
+    }
+  };
+
+  const clickImage = function () {
+    if (toolButtonClick('#tool_image')) {
+      svgCanvas.setMode('image');
+    }
+  };
+
+  const clickZoom = function () {
+    if (toolButtonClick('#tool_zoom')) {
+      svgCanvas.setMode('zoom');
+      workarea.css('cursor', zoomInIcon);
+    }
+  };
+
+  const zoomImage = function (multiplier) {
+    const res = svgCanvas.getResolution();
+    multiplier = multiplier ? res.zoom * multiplier : 1;
+    // setResolution(res.w * multiplier, res.h * multiplier, true);
+    $('#zoom').val(multiplier * 100);
+    svgCanvas.setZoom(multiplier);
+    zoomDone();
+    updateCanvas(true);
+  };
+
+  const dblclickZoom = function () {
+    if (toolButtonClick('#tool_zoom')) {
+      zoomImage();
+      setSelectMode();
+    }
+  };
+
+  const clickText = function () {
+    if (toolButtonClick('#tool_text')) {
+      svgCanvas.setMode('text');
+    }
+  };
+
+  const clickPath = function () {
+    if (toolButtonClick('#tool_path')) {
+      svgCanvas.setMode('path');
+    }
+  };
+
+  // Delete is a contextual tool that only appears in the ribbon if
+  // an element has been selected
+  const deleteSelected = function () {
+    if (selectedElement != null || multiselected) {
+      svgCanvas.deleteSelectedElements();
+    }
+  };
+
+  const cutSelected = function () {
+    if (selectedElement != null || multiselected) {
+      svgCanvas.cutSelectedElements();
+    }
+  };
+
+  const copySelected = function () {
+    if (selectedElement != null || multiselected) {
+      svgCanvas.copySelectedElements();
+    }
+  };
+
+  const pasteInCenter = function () {
+    const zoom = svgCanvas.getZoom();
+    const x = (workarea[0].scrollLeft + workarea.width() / 2) / zoom - svgCanvas.contentW;
+    const y = (workarea[0].scrollTop + workarea.height() / 2) / zoom - svgCanvas.contentH;
+    svgCanvas.pasteElements('point', x, y);
+  };
+
+  const moveToTopSelected = function () {
+    if (selectedElement != null) {
+      svgCanvas.moveToTopSelectedElement();
+    }
+  };
+
+  const moveToBottomSelected = function () {
+    if (selectedElement != null) {
+      svgCanvas.moveToBottomSelectedElement();
+    }
+  };
+
+  const moveUpDownSelected = function (dir) {
+    if (selectedElement != null) {
+      svgCanvas.moveUpDownSelected(dir);
+    }
+  };
+
+  const convertToPath = function () {
+    if (selectedElement != null) {
+      svgCanvas.convertToPath();
+    }
+  };
+
+  const reorientPath = function () {
+    if (selectedElement != null) {
+      path.reorient();
+    }
+  };
+
+  const makeHyperlink = function () {
+    if (selectedElement != null || multiselected) {
+      $.prompt(uiStrings.notification.enterNewLinkURL, 'http://', function (url) {
+        if (url) { svgCanvas.makeHyperlink(url); }
+      });
+    }
+  };
+
+  const moveSelected = function (dx, dy) {
+    if (selectedElement != null || multiselected) {
+      if (curConfig.gridSnapping) {
+        // Use grid snap value regardless of zoom level
+        const multi = svgCanvas.getZoom() * curConfig.snappingStep;
+        dx *= multi;
+        dy *= multi;
+      }
+      svgCanvas.moveSelectedElements(dx, dy);
+    }
+  };
+
+  const linkControlPoints = function () {
+    $('#tool_node_link').toggleClass('push_button_pressed tool_button');
+    const linked = $('#tool_node_link').hasClass('push_button_pressed');
+    path.linkControlPoints(linked);
+  };
+
+  const clonePathNode = function () {
+    if (path.getNodePoint()) {
+      path.clonePathNode();
+    }
+  };
+
+  const deletePathNode = function () {
+    if (path.getNodePoint()) {
+      path.deletePathNode();
+    }
+  };
+
+  const addSubPath = function () {
+    const button = $('#tool_add_subpath');
+    const sp = !button.hasClass('push_button_pressed');
+    button.toggleClass('push_button_pressed tool_button');
+    path.addSubPath(sp);
+  };
+
+  const opencloseSubPath = function () {
+    path.opencloseSubPath();
+  };
+
+  const selectNext = function () {
+    svgCanvas.cycleElement(1);
+  };
+
+  const selectPrev = function () {
+    svgCanvas.cycleElement(0);
+  };
+
+  const rotateSelected = function (cw, step) {
+    if (selectedElement == null || multiselected) { return; }
+    if (!cw) { step *= -1; }
+    const angle = parseFloat($('#angle').val()) + step;
+    svgCanvas.setRotationAngle(angle);
+    updateContextPanel();
+  };
+
+  /**
+   * @fires module:svgcanvas.SvgCanvas#event:ext-onNewDocument
+   * @returns {undefined}
+   */
+  const clickClear = function () {
+    const [x, y] = curConfig.dimensions;
+    $.confirm(uiStrings.notification.QwantToClear, function (ok) {
+      if (!ok) { return; }
+      setSelectMode();
+      svgCanvas.clear();
+      svgCanvas.setResolution(x, y);
+      updateCanvas(true);
+      zoomImage();
+      populateLayers();
+      updateContextPanel();
+      prepPaints();
+      svgCanvas.runExtensions('onNewDocument');
+    });
+  };
+
+  const clickBold = function () {
+    svgCanvas.setBold(!svgCanvas.getBold());
+    updateContextPanel();
+    return false;
+  };
+
+  const clickItalic = function () {
+    svgCanvas.setItalic(!svgCanvas.getItalic());
+    updateContextPanel();
+    return false;
+  };
+
+  const clickSave = function () {
+    // In the future, more options can be provided here
+    const saveOpts = {
+      images: $.pref('img_save'),
+      round_digits: 6
+    };
+    svgCanvas.save(saveOpts);
+  };
+
+  let loadingURL;
+  const clickExport = function () {
+    $.select('Select an image type for export: ', [
+      // See http://kangax.github.io/jstests/toDataUrl_mime_type_test/ for a useful list of MIME types and browser support
+      // 'ICO', // Todo: Find a way to preserve transparency in SVG-Edit if not working presently and do full packaging for x-icon; then switch back to position after 'PNG'
+      'PNG',
+      'JPEG', 'BMP', 'WEBP', 'PDF'
+    ], function (imgType) { // todo: replace hard-coded msg with uiStrings.notification.
+      if (!imgType) {
+        return;
+      }
+      // Open placeholder window (prevents popup)
+      let exportWindowName;
+      function openExportWindow () {
+        const str = uiStrings.notification.loadingImage;
+        if (curConfig.exportWindowType === 'new') {
+          editor.exportWindowCt++;
+        }
+        exportWindowName = curConfig.canvasName + editor.exportWindowCt;
+        let popHTML, popURL;
+        if (loadingURL) {
+          popURL = loadingURL;
+        } else {
+          popHTML = `<!DOCTYPE html><html>
+            <head>
+              <meta charset="utf-8">
+              <title>${str}</title>
+            </head>
+            <body><h1>${str}</h1></body>
+          <html>`;
+          if (typeof URL && URL.createObjectURL) {
+            const blob = new Blob([popHTML], {type: 'text/html'});
+            popURL = URL.createObjectURL(blob);
+          } else {
+            popURL = 'data:text/html;base64;charset=utf-8,' + Utils.encode64(popHTML);
+          }
+          loadingURL = popURL;
+        }
+        exportWindow = window.open(popURL, exportWindowName);
+      }
+      if (imgType === 'PDF') {
+        if (!customExportPDF) {
+          openExportWindow();
+        }
+        svgCanvas.exportPDF(exportWindowName);
+      } else {
+        if (!customExportImage) {
+          openExportWindow();
+        }
+        const quality = parseInt($('#image-slider').val(), 10) / 100;
+        svgCanvas.rasterExport(imgType, quality, exportWindowName);
+      }
+    }, function () {
+      const sel = $(this);
+      if (sel.val() === 'JPEG' || sel.val() === 'WEBP') {
+        if (!$('#image-slider').length) {
+          $(`<div><label>${uiStrings.ui.quality}
+              <input id="image-slider"
+                type="range" min="1" max="100" value="92" />
+            </label></div>`).appendTo(sel.parent());
+        }
+      } else {
+        $('#image-slider').parent().remove();
+      }
+    });
+  };
+
+  // by default, svgCanvas.open() is a no-op.
+  // it is up to an extension mechanism (opera widget, etc)
+  // to call setCustomHandlers() which will make it do something
+  const clickOpen = function () {
+    svgCanvas.open();
+  };
+
+  const clickImport = function () {
+  };
+
+  const clickUndo = function () {
+    if (undoMgr.getUndoStackSize() > 0) {
+      undoMgr.undo();
+      populateLayers();
+    }
+  };
+
+  const clickRedo = function () {
+    if (undoMgr.getRedoStackSize() > 0) {
+      undoMgr.redo();
+      populateLayers();
+    }
+  };
+
+  const clickGroup = function () {
+    // group
+    if (multiselected) {
+      svgCanvas.groupSelectedElements();
+    // ungroup
+    } else if (selectedElement) {
+      svgCanvas.ungroupSelectedElement();
+    }
+  };
+
+  const clickClone = function () {
+    svgCanvas.cloneSelectedElements(20, 20);
+  };
+
+  const clickAlign = function () {
+    const letter = this.id.replace('tool_align', '').charAt(0);
+    svgCanvas.alignSelectedElements(letter, $('#align_relative_to').val());
+  };
+
+  const clickWireframe = function () {
+    $('#tool_wireframe').toggleClass('push_button_pressed tool_button');
+    workarea.toggleClass('wireframe');
+
+    if (supportsNonSS) { return; }
+    let wfRules = $('#wireframe_rules');
+    if (!wfRules.length) {
+      wfRules = $('<style id="wireframe_rules"></style>').appendTo('head');
+    } else {
+      wfRules.empty();
+    }
+
+    updateWireFrame();
+  };
+
+  $('#svg_docprops_container, #svg_prefs_container').draggable({
+    cancel: 'button,fieldset',
+    containment: 'window'
+  }).css('position', 'absolute');
+
+  let docprops = false;
+  let preferences = false;
+
+  const showDocProperties = function () {
+    if (docprops) { return; }
+    docprops = true;
+
+    // This selects the correct radio button by using the array notation
+    $('#image_save_opts input').val([$.pref('img_save')]);
+
+    // update resolution option with actual resolution
+    const res = svgCanvas.getResolution();
+    if (curConfig.baseUnit !== 'px') {
+      res.w = convertUnit(res.w) + curConfig.baseUnit;
+      res.h = convertUnit(res.h) + curConfig.baseUnit;
+    }
+
+    $('#canvas_width').val(res.w);
+    $('#canvas_height').val(res.h);
+    $('#canvas_title').val(svgCanvas.getDocumentTitle());
+
+    $('#svg_docprops').show();
+  };
+
+  const showPreferences = function () {
+    if (preferences) { return; }
+    preferences = true;
+    $('#main_menu').hide();
+
+    // Update background color with current one
+    const blocks = $('#bg_blocks div');
+    const curBg = 'cur_background';
+    const canvasBg = curPrefs.bkgd_color;
+    const url = $.pref('bkgd_url');
+    blocks.each(function () {
+      const blk = $(this);
+      const isBg = blk.css('background-color') === canvasBg;
+      blk.toggleClass(curBg, isBg);
+      if (isBg) { $('#canvas_bg_url').removeClass(curBg); }
+    });
+    if (!canvasBg) { blocks.eq(0).addClass(curBg); }
+    if (url) {
+      $('#canvas_bg_url').val(url);
+    }
+    $('#grid_snapping_on').prop('checked', curConfig.gridSnapping);
+    $('#grid_snapping_step').attr('value', curConfig.snappingStep);
+    $('#grid_color').attr('value', curConfig.gridColor);
+
+    $('#svg_prefs').show();
+  };
+
+  const hideSourceEditor = function () {
+    $('#svg_source_editor').hide();
+    editingsource = false;
+    $('#svg_source_textarea').blur();
+  };
+
+  const saveSourceEditor = function () {
+    if (!editingsource) { return; }
+
+    const saveChanges = function () {
+      svgCanvas.clearSelection();
+      hideSourceEditor();
+      zoomImage();
+      populateLayers();
+      updateTitle();
+      prepPaints();
+    };
+
+    if (!svgCanvas.setSvgString($('#svg_source_textarea').val())) {
+      $.confirm(uiStrings.notification.QerrorsRevertToSource, function (ok) {
+        if (!ok) { return false; }
+        saveChanges();
+      });
+    } else {
+      saveChanges();
+    }
+    setSelectMode();
+  };
+
+  const hideDocProperties = function () {
+    $('#svg_docprops').hide();
+    $('#canvas_width,#canvas_height').removeAttr('disabled');
+    $('#resolution')[0].selectedIndex = 0;
+    $('#image_save_opts input').val([$.pref('img_save')]);
+    docprops = false;
+  };
+
+  const hidePreferences = function () {
+    $('#svg_prefs').hide();
+    preferences = false;
+  };
+
+  const saveDocProperties = function () {
+    // set title
+    const newTitle = $('#canvas_title').val();
+    updateTitle(newTitle);
+    svgCanvas.setDocumentTitle(newTitle);
+
+    // update resolution
+    const width = $('#canvas_width'), w = width.val();
+    const height = $('#canvas_height'), h = height.val();
+
+    if (w !== 'fit' && !isValidUnit('width', w)) {
+      $.alert(uiStrings.notification.invalidAttrValGiven);
+      width.parent().addClass('error');
+      return false;
+    }
+
+    width.parent().removeClass('error');
+
+    if (h !== 'fit' && !isValidUnit('height', h)) {
+      $.alert(uiStrings.notification.invalidAttrValGiven);
+      height.parent().addClass('error');
+      return false;
+    }
+
+    height.parent().removeClass('error');
+
+    if (!svgCanvas.setResolution(w, h)) {
+      $.alert(uiStrings.notification.noContentToFitTo);
+      return false;
+    }
+
+    // Set image save option
+    $.pref('img_save', $('#image_save_opts :checked').val());
+    updateCanvas();
+    hideDocProperties();
+  };
+
+  /**
+  * Save user preferences based on current values in the UI
+  * @function module:SVGEditor.savePreferences
+  * @returns {undefined}
+  */
+  const savePreferences = editor.savePreferences = function () {
+    // Set background
+    const color = $('#bg_blocks div.cur_background').css('background-color') || '#FFF';
+    setBackground(color, $('#canvas_bg_url').val());
+
+    // set language
+    const lang = $('#lang_select').val();
+    if (lang !== $.pref('lang')) {
+      editor.putLocale(lang, goodLangs, curConfig);
+    }
+
+    // set icon size
+    setIconSize($('#iconsize').val());
+
+    // set grid setting
+    curConfig.gridSnapping = $('#grid_snapping_on')[0].checked;
+    curConfig.snappingStep = $('#grid_snapping_step').val();
+    curConfig.gridColor = $('#grid_color').val();
+    curConfig.showRulers = $('#show_rulers')[0].checked;
+
+    $('#rulers').toggle(curConfig.showRulers);
+    if (curConfig.showRulers) { updateRulers(); }
+    curConfig.baseUnit = $('#base_unit').val();
+
+    svgCanvas.setConfig(curConfig);
+
+    updateCanvas();
+    hidePreferences();
+  };
+
+  let resetScrollPos = $.noop;
+
+  const cancelOverlays = function () {
+    $('#dialog_box').hide();
+    if (!editingsource && !docprops && !preferences) {
+      if (curContext) {
+        svgCanvas.leaveContext();
+      }
+      return;
+    }
+
+    if (editingsource) {
+      if (origSource !== $('#svg_source_textarea').val()) {
+        $.confirm(uiStrings.notification.QignoreSourceChanges, function (ok) {
+          if (ok) { hideSourceEditor(); }
+        });
+      } else {
+        hideSourceEditor();
+      }
+    } else if (docprops) {
+      hideDocProperties();
+    } else if (preferences) {
+      hidePreferences();
+    }
+    resetScrollPos();
+  };
+
+  const winWh = {width: $(window).width(), height: $(window).height()};
+
+  // Fix for Issue 781: Drawing area jumps to top-left corner on window resize (IE9)
+  if (isIE()) {
+    (() => {
+      resetScrollPos = function () {
+        if (workarea[0].scrollLeft === 0 && workarea[0].scrollTop === 0) {
+          workarea[0].scrollLeft = curScrollPos.left;
+          workarea[0].scrollTop = curScrollPos.top;
+        }
+      };
+
+      curScrollPos = {
+        left: workarea[0].scrollLeft,
+        top: workarea[0].scrollTop
+      };
+
+      $(window).resize(resetScrollPos);
+      editor.ready(function () {
+        // TODO: Find better way to detect when to do this to minimize
+        // flickering effect
+        setTimeout(function () {
+          resetScrollPos();
+        }, 500);
+      });
+
+      workarea.scroll(function () {
+        curScrollPos = {
+          left: workarea[0].scrollLeft,
+          top: workarea[0].scrollTop
+        };
+      });
+    })();
+  }
+
+  $(window).resize(function (evt) {
+    $.each(winWh, function (type, val) {
+      const curval = $(window)[type]();
+      workarea[0]['scroll' + (type === 'width' ? 'Left' : 'Top')] -= (curval - val) / 2;
+      winWh[type] = curval;
+    });
+    setFlyoutPositions();
+  });
+
+  (() => {
+    workarea.scroll(function () {
+      // TODO: jQuery's scrollLeft/Top() wouldn't require a null check
+      if ($('#ruler_x').length) {
+        $('#ruler_x')[0].scrollLeft = workarea[0].scrollLeft;
+      }
+      if ($('#ruler_y').length) {
+        $('#ruler_y')[0].scrollTop = workarea[0].scrollTop;
+      }
+    });
+  })();
+
+  $('#url_notice').click(function () {
+    $.alert(this.title);
+  });
+
+  $('#change_image_url').click(promptImgURL);
+
+  // added these event handlers for all the push buttons so they
+  // behave more like buttons being pressed-in and not images
+  (function () {
+    const toolnames = ['clear', 'open', 'save', 'source', 'delete', 'delete_multi', 'paste', 'clone', 'clone_multi', 'move_top', 'move_bottom'];
+    const curClass = 'tool_button_current';
+
+    let allTools = '';
+
+    $.each(toolnames, function (i, item) {
+      allTools += (i ? ',' : '') + '#tool_' + item;
+    });
+
+    $(allTools).mousedown(function () {
+      $(this).addClass(curClass);
+    }).bind('mousedown mouseout', function () {
+      $(this).removeClass(curClass);
+    });
+
+    $('#tool_undo, #tool_redo').mousedown(function () {
+      if (!$(this).hasClass('disabled')) { $(this).addClass(curClass); }
+    }).bind('mousedown mouseout', function () {
+      $(this).removeClass(curClass);
+    });
+  }());
+
+  // switch modifier key in tooltips if mac
+  // NOTE: This code is not used yet until I can figure out how to successfully bind ctrl/meta
+  // in Opera and Chrome
+  if (isMac() && !window.opera) {
+    const shortcutButtons = ['tool_clear', 'tool_save', 'tool_source', 'tool_undo', 'tool_redo', 'tool_clone'];
+    let i = shortcutButtons.length;
+    while (i--) {
+      const button = document.getElementById(shortcutButtons[i]);
+      if (button) {
+        const {title} = button;
+        const index = title.indexOf('Ctrl+');
+        button.title = [title.substr(0, index), 'Cmd+', title.substr(index + 5)].join('');
+      }
+    }
+  }
+
+  // TODO: go back to the color boxes having white background-color and then setting
+  //  background-image to none.png (otherwise partially transparent gradients look weird)
+  const colorPicker = function (elem) {
+    const picker = elem.attr('id') === 'stroke_color' ? 'stroke' : 'fill';
+    // const opacity = (picker == 'stroke' ? $('#stroke_opacity') : $('#fill_opacity'));
+    const title = picker === 'stroke'
+      ? uiStrings.ui.pick_stroke_paint_opacity
+      : uiStrings.ui.pick_fill_paint_opacity;
+    // let wasNone = false; // Currently unused
+    const pos = elem.offset();
+    let {paint} = paintBox[picker];
+    $('#color_picker')
+      .draggable({
+        cancel: '.jGraduate_tabs, .jGraduate_colPick, .jGraduate_gradPick, .jPicker',
+        containment: 'window'
+      })
+      .css(curConfig.colorPickerCSS || {left: pos.left - 140, bottom: 40})
+      .jGraduate(
+        {
+          paint,
+          window: { pickerTitle: title },
+          images: { clientPath: curConfig.jGraduatePath },
+          newstop: 'inverse'
+        },
+        function (p) {
+          paint = new $.jGraduate.Paint(p);
+          paintBox[picker].setPaint(paint);
+          svgCanvas.setPaint(picker, paint);
+          $('#color_picker').hide();
+        },
+        function () {
+          $('#color_picker').hide();
+        }
+      );
+  };
+
+  const PaintBox = function (container, type) {
+    let paintColor, paintOpacity;
+    const cur = curConfig[type === 'fill' ? 'initFill' : 'initStroke'];
+    // set up gradients to be used for the buttons
+    const svgdocbox = new DOMParser().parseFromString(
+      `<svg xmlns="http://www.w3.org/2000/svg">
+        <rect width="16.5" height="16.5"
+          fill="#${cur.color}" opacity="${cur.opacity}"/>
+        <defs><linearGradient id="gradbox_"/></defs>
+      </svg>`,
+      'text/xml'
+    );
+
+    let docElem = svgdocbox.documentElement;
+    docElem = $(container)[0].appendChild(document.importNode(docElem, true));
+    docElem.setAttribute('width', 16.5);
+
+    this.rect = docElem.firstElementChild;
+    this.defs = docElem.getElementsByTagName('defs')[0];
+    this.grad = this.defs.firstElementChild;
+    this.paint = new $.jGraduate.Paint({solidColor: cur.color});
+    this.type = type;
+
+    this.setPaint = function (paint, apply) {
+      this.paint = paint;
+
+      const ptype = paint.type;
+      const opac = paint.alpha / 100;
+
+      let fillAttr = 'none';
+      switch (ptype) {
+      case 'solidColor':
+        fillAttr = (paint[ptype] !== 'none') ? '#' + paint[ptype] : paint[ptype];
+        break;
+      case 'linearGradient':
+      case 'radialGradient':
+        this.grad.remove();
+        this.grad = this.defs.appendChild(paint[ptype]);
+        const id = this.grad.id = 'gradbox_' + this.type;
+        fillAttr = 'url(#' + id + ')';
+        break;
+      }
+
+      this.rect.setAttribute('fill', fillAttr);
+      this.rect.setAttribute('opacity', opac);
+
+      if (apply) {
+        svgCanvas.setColor(this.type, paintColor, true);
+        svgCanvas.setPaintOpacity(this.type, paintOpacity, true);
+      }
+    };
+
+    this.update = function (apply) {
+      if (!selectedElement) { return; }
+
+      const {type} = this;
+      switch (selectedElement.tagName) {
+      case 'use':
+      case 'image':
+      case 'foreignObject':
+        // These elements don't have fill or stroke, so don't change
+        // the current value
+        return;
+      case 'g':
+      case 'a': {
+        const childs = selectedElement.getElementsByTagName('*');
+
+        let gPaint = null;
+        for (let i = 0, len = childs.length; i < len; i++) {
+          const elem = childs[i];
+          const p = elem.getAttribute(type);
+          if (i === 0) {
+            gPaint = p;
+          } else if (gPaint !== p) {
+            gPaint = null;
+            break;
+          }
+        }
+
+        if (gPaint === null) {
+          // No common color, don't update anything
+          paintColor = null;
+          return;
+        }
+        paintColor = gPaint;
+        paintOpacity = 1;
+        break;
+      } default:
+        paintOpacity = parseFloat(selectedElement.getAttribute(type + '-opacity'));
+        if (isNaN(paintOpacity)) {
+          paintOpacity = 1.0;
+        }
+
+        const defColor = type === 'fill' ? 'black' : 'none';
+        paintColor = selectedElement.getAttribute(type) || defColor;
+      }
+
+      if (apply) {
+        svgCanvas.setColor(type, paintColor, true);
+        svgCanvas.setPaintOpacity(type, paintOpacity, true);
+      }
+
+      paintOpacity *= 100;
+
+      const paint = getPaint(paintColor, paintOpacity, type);
+      // update the rect inside #fill_color/#stroke_color
+      this.setPaint(paint);
+    };
+
+    this.prep = function () {
+      const ptype = this.paint.type;
+
+      switch (ptype) {
+      case 'linearGradient':
+      case 'radialGradient':
+        const paint = new $.jGraduate.Paint({copy: this.paint});
+        svgCanvas.setPaint(type, paint);
+        break;
+      }
+    };
+  };
+
+  paintBox.fill = new PaintBox('#fill_color', 'fill');
+  paintBox.stroke = new PaintBox('#stroke_color', 'stroke');
+
+  $('#stroke_width').val(curConfig.initStroke.width);
+  $('#group_opacity').val(curConfig.initOpacity * 100);
+
+  // Use this SVG elem to test vectorEffect support
+  const testEl = paintBox.fill.rect.cloneNode(false);
+  testEl.setAttribute('style', 'vector-effect:non-scaling-stroke');
+  const supportsNonSS = (testEl.style.vectorEffect === 'non-scaling-stroke');
+  testEl.removeAttribute('style');
+  const svgdocbox = paintBox.fill.rect.ownerDocument;
+  // Use this to test support for blur element. Seems to work to test support in Webkit
+  const blurTest = svgdocbox.createElementNS(NS.SVG, 'feGaussianBlur');
+  if (blurTest.stdDeviationX === undefined) {
+    $('#tool_blur').hide();
+  }
+  $(blurTest).remove();
+
+  // Test for zoom icon support
+  (function () {
+    const pre = '-' + uaPrefix.toLowerCase() + '-zoom-';
+    const zoom = pre + 'in';
+    workarea.css('cursor', zoom);
+    if (workarea.css('cursor') === zoom) {
+      zoomInIcon = zoom;
+      zoomOutIcon = pre + 'out';
+    }
+    workarea.css('cursor', 'auto');
+  }());
+
+  // Test for embedImage support (use timeout to not interfere with page load)
+  setTimeout(function () {
+    svgCanvas.embedImage('images/logo.png', function (datauri) {
+      if (!datauri) {
+        // Disable option
+        $('#image_save_opts [value=embed]').attr('disabled', 'disabled');
+        $('#image_save_opts input').val(['ref']);
+        $.pref('img_save', 'ref');
+        $('#image_opt_embed').css('color', '#666').attr('title', uiStrings.notification.featNotSupported);
+      }
+    });
+  }, 1000);
+
+  $('#fill_color, #tool_fill .icon_label').click(function () {
+    colorPicker($('#fill_color'));
+    updateToolButtonState();
+  });
+
+  $('#stroke_color, #tool_stroke .icon_label').click(function () {
+    colorPicker($('#stroke_color'));
+    updateToolButtonState();
+  });
+
+  $('#group_opacityLabel').click(function () {
+    $('#opacity_dropdown button').mousedown();
+    $(window).mouseup();
+  });
+
+  $('#zoomLabel').click(function () {
+    $('#zoom_dropdown button').mousedown();
+    $(window).mouseup();
+  });
+
+  $('#tool_move_top').mousedown(function (evt) {
+    $('#tools_stacking').show();
+    evt.preventDefault();
+  });
+
+  $('.layer_button').mousedown(function () {
+    $(this).addClass('layer_buttonpressed');
+  }).mouseout(function () {
+    $(this).removeClass('layer_buttonpressed');
+  }).mouseup(function () {
+    $(this).removeClass('layer_buttonpressed');
+  });
+
+  $('.push_button').mousedown(function () {
+    if (!$(this).hasClass('disabled')) {
+      $(this).addClass('push_button_pressed').removeClass('push_button');
+    }
+  }).mouseout(function () {
+    $(this).removeClass('push_button_pressed').addClass('push_button');
+  }).mouseup(function () {
+    $(this).removeClass('push_button_pressed').addClass('push_button');
+  });
+
+  // ask for a layer name
+  $('#layer_new').click(function () {
+    let uniqName,
+      i = svgCanvas.getCurrentDrawing().getNumLayers();
+    do {
+      uniqName = uiStrings.layers.layer + ' ' + (++i);
+    } while (svgCanvas.getCurrentDrawing().hasLayer(uniqName));
+
+    $.prompt(uiStrings.notification.enterUniqueLayerName, uniqName, function (newName) {
+      if (!newName) { return; }
+      if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+        $.alert(uiStrings.notification.dupeLayerName);
+        return;
+      }
+      svgCanvas.createLayer(newName);
+      updateContextPanel();
+      populateLayers();
+    });
+  });
+
+  function deleteLayer () {
+    if (svgCanvas.deleteCurrentLayer()) {
+      updateContextPanel();
+      populateLayers();
+      // This matches what SvgCanvas does
+      // TODO: make this behavior less brittle (svg-editor should get which
+      // layer is selected from the canvas and then select that one in the UI)
+      $('#layerlist tr.layer').removeClass('layersel');
+      $('#layerlist tr.layer:first').addClass('layersel');
+    }
+  }
+
+  function cloneLayer () {
+    const name = svgCanvas.getCurrentDrawing().getCurrentLayerName() + ' copy';
+
+    $.prompt(uiStrings.notification.enterUniqueLayerName, name, function (newName) {
+      if (!newName) { return; }
+      if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+        $.alert(uiStrings.notification.dupeLayerName);
+        return;
+      }
+      svgCanvas.cloneLayer(newName);
+      updateContextPanel();
+      populateLayers();
+    });
+  }
+
+  function mergeLayer () {
+    if ($('#layerlist tr.layersel').index() === svgCanvas.getCurrentDrawing().getNumLayers() - 1) {
+      return;
+    }
+    svgCanvas.mergeLayer();
+    updateContextPanel();
+    populateLayers();
+  }
+
+  function moveLayer (pos) {
+    const total = svgCanvas.getCurrentDrawing().getNumLayers();
+
+    let curIndex = $('#layerlist tr.layersel').index();
+    if (curIndex > 0 || curIndex < total - 1) {
+      curIndex += pos;
+      svgCanvas.setCurrentLayerPosition(total - curIndex - 1);
+      populateLayers();
+    }
+  }
+
+  $('#layer_delete').click(deleteLayer);
+
+  $('#layer_up').click(() => {
+    moveLayer(-1);
+  });
+
+  $('#layer_down').click(() => {
+    moveLayer(1);
+  });
+
+  $('#layer_rename').click(function () {
+    // const curIndex = $('#layerlist tr.layersel').prevAll().length; // Currently unused
+    const oldName = $('#layerlist tr.layersel td.layername').text();
+    $.prompt(uiStrings.notification.enterNewLayerName, '', function (newName) {
+      if (!newName) { return; }
+      if (oldName === newName || svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+        $.alert(uiStrings.notification.layerHasThatName);
+        return;
+      }
+
+      svgCanvas.renameCurrentLayer(newName);
+      populateLayers();
+    });
+  });
+
+  const SIDEPANEL_MAXWIDTH = 300;
+  const SIDEPANEL_OPENWIDTH = 150;
+  let sidedrag = -1, sidedragging = false, allowmove = false;
+
+  /**
+   * @param {Float} delta
+   * @fires module:svgcanvas.SvgCanvas#event:ext-workareaResized
+   * @returns {undefined}
+   */
+  const changeSidePanelWidth = function (delta) {
+    const rulerX = $('#ruler_x');
+    $('#sidepanels').width('+=' + delta);
+    $('#layerpanel').width('+=' + delta);
+    rulerX.css('right', parseInt(rulerX.css('right'), 10) + delta);
+    workarea.css('right', parseInt(workarea.css('right'), 10) + delta);
+    svgCanvas.runExtensions('workareaResized');
+  };
+
+  const resizeSidePanel = function (evt) {
+    if (!allowmove) { return; }
+    if (sidedrag === -1) { return; }
+    sidedragging = true;
+    let deltaX = sidedrag - evt.pageX;
+    let sideWidth = $('#sidepanels').width();
+    if (sideWidth + deltaX > SIDEPANEL_MAXWIDTH) {
+      deltaX = SIDEPANEL_MAXWIDTH - sideWidth;
+      sideWidth = SIDEPANEL_MAXWIDTH;
+    } else if (sideWidth + deltaX < 2) {
+      deltaX = 2 - sideWidth;
+      sideWidth = 2;
+    }
+    if (deltaX === 0) { return; }
+    sidedrag -= deltaX;
+    changeSidePanelWidth(deltaX);
+  };
+
+  /**
+   * If width is non-zero, then fully close it, otherwise fully open it
+   * @param {boolean} close Forces the side panel closed
+   * @returns {undefined}
+   */
+  const toggleSidePanel = function (close) {
+    const w = $('#sidepanels').width();
+    const deltaX = (w > 2 || close ? 2 : SIDEPANEL_OPENWIDTH) - w;
+    changeSidePanelWidth(deltaX);
+  };
+
+  $('#sidepanel_handle')
+    .mousedown(function (evt) {
+      sidedrag = evt.pageX;
+      $(window).mousemove(resizeSidePanel);
+      allowmove = false;
+      // Silly hack for Chrome, which always runs mousemove right after mousedown
+      setTimeout(function () {
+        allowmove = true;
+      }, 20);
+    })
+    .mouseup(function (evt) {
+      if (!sidedragging) { toggleSidePanel(); }
+      sidedrag = -1;
+      sidedragging = false;
+    });
+
+  $(window).mouseup(function () {
+    sidedrag = -1;
+    sidedragging = false;
+    $('#svg_editor').unbind('mousemove', resizeSidePanel);
+  });
+
+  populateLayers();
+
+  // function changeResolution (x,y) {
+  //   const {zoom} = svgCanvas.getResolution();
+  //   setResolution(x * zoom, y * zoom);
+  // }
+
+  const centerCanvas = () => {
+    // this centers the canvas vertically in the workarea (horizontal handled in CSS)
+    workarea.css('line-height', workarea.height() + 'px');
+  };
+
+  $(window).bind('load resize', centerCanvas);
+
+  function stepFontSize (elem, step) {
+    const origVal = Number(elem.value);
+    const sugVal = origVal + step;
+    const increasing = sugVal >= origVal;
+    if (step === 0) { return origVal; }
+
+    if (origVal >= 24) {
+      if (increasing) {
+        return Math.round(origVal * 1.1);
+      }
+      return Math.round(origVal / 1.1);
+    }
+    if (origVal <= 1) {
+      if (increasing) {
+        return origVal * 2;
+      }
+      return origVal / 2;
+    }
+    return sugVal;
+  }
+
+  function stepZoom (elem, step) {
+    const origVal = Number(elem.value);
+    if (origVal === 0) { return 100; }
+    const sugVal = origVal + step;
+    if (step === 0) { return origVal; }
+
+    if (origVal >= 100) {
+      return sugVal;
+    }
+    if (sugVal >= origVal) {
+      return origVal * 2;
+    }
+    return origVal / 2;
+  }
+
+  // function setResolution (w, h, center) {
+  //   updateCanvas();
+  //   // w -= 0; h -= 0;
+  //   // $('#svgcanvas').css({width: w, height: h});
+  //   // $('#canvas_width').val(w);
+  //   // $('#canvas_height').val(h);
+  //   //
+  //   // if (center) {
+  //   //   const wArea = workarea;
+  //   //   const scrollY = h/2 - wArea.height()/2;
+  //   //   const scrollX = w/2 - wArea.width()/2;
+  //   //   wArea[0].scrollTop = scrollY;
+  //   //   wArea[0].scrollLeft = scrollX;
+  //   // }
+  // }
+
+  $('#resolution').change(function () {
+    const wh = $('#canvas_width,#canvas_height');
+    if (!this.selectedIndex) {
+      if ($('#canvas_width').val() === 'fit') {
+        wh.removeAttr('disabled').val(100);
+      }
+    } else if (this.value === 'content') {
+      wh.val('fit').attr('disabled', 'disabled');
+    } else {
+      const dims = this.value.split('x');
+      $('#canvas_width').val(dims[0]);
+      $('#canvas_height').val(dims[1]);
+      wh.removeAttr('disabled');
+    }
+  });
+
+  // Prevent browser from erroneously repopulating fields
+  $('input,select').attr('autocomplete', 'off');
+
+  /**
+   * Associate all button actions as well as non-button keyboard shortcuts
+   * @namespace {PlainObject} module:SVGEditor~Actions
+   */
+  const Actions = (function () {
+    /**
+    * @typedef {PlainObject} module:SVGEditor.ToolButton
+    * @property {string} sel The CSS selector for the tool
+    * @property {external:jQuery.Function} fn A handler to be attached to the `evt`
+    * @property {string} evt The event for which the `fn` listener will be added
+    * @property {module:SVGEditor.Key} [key] [key, preventDefault, NoDisableInInput]
+    * @property {string} [parent] Selector
+    * @property {boolean} [hidekey] Whether to show key value in title
+    * @property {string} [icon] The button ID
+    * @property {boolean} isDefault For flyout holders
+    */
+    /**
+     *
+     * @name module:SVGEditor~ToolButtons
+     * @type {module:SVGEditor.ToolButton[]}
+     */
+    const toolButtons = [
+      {sel: '#tool_select', fn: clickSelect, evt: 'click', key: ['V', true]},
+      {sel: '#tool_fhpath', fn: clickFHPath, evt: 'click', key: ['Q', true]},
+      {sel: '#tool_line', fn: clickLine, evt: 'click', key: ['L', true], parent: '#tools_line', prepend: true},
+      {sel: '#tool_rect', fn: clickRect, evt: 'mouseup',
+        key: ['R', true], parent: '#tools_rect', icon: 'rect'},
+      {sel: '#tool_square', fn: clickSquare, evt: 'mouseup',
+        parent: '#tools_rect', icon: 'square'},
+      {sel: '#tool_fhrect', fn: clickFHRect, evt: 'mouseup',
+        parent: '#tools_rect', icon: 'fh_rect'},
+      {sel: '#tool_ellipse', fn: clickEllipse, evt: 'mouseup',
+        key: ['E', true], parent: '#tools_ellipse', icon: 'ellipse'},
+      {sel: '#tool_circle', fn: clickCircle, evt: 'mouseup',
+        parent: '#tools_ellipse', icon: 'circle'},
+      {sel: '#tool_fhellipse', fn: clickFHEllipse, evt: 'mouseup',
+        parent: '#tools_ellipse', icon: 'fh_ellipse'},
+      {sel: '#tool_path', fn: clickPath, evt: 'click', key: ['P', true]},
+      {sel: '#tool_text', fn: clickText, evt: 'click', key: ['T', true]},
+      {sel: '#tool_image', fn: clickImage, evt: 'mouseup'},
+      {sel: '#tool_zoom', fn: clickZoom, evt: 'mouseup', key: ['Z', true]},
+      {sel: '#tool_clear', fn: clickClear, evt: 'mouseup', key: ['N', true]},
+      {sel: '#tool_save', fn () {
+        if (editingsource) {
+          saveSourceEditor();
+        } else {
+          clickSave();
+        }
+      }, evt: 'mouseup', key: ['S', true]},
+      {sel: '#tool_export', fn: clickExport, evt: 'mouseup'},
+      {sel: '#tool_open', fn: clickOpen, evt: 'mouseup', key: ['O', true]},
+      {sel: '#tool_import', fn: clickImport, evt: 'mouseup'},
+      {sel: '#tool_source', fn: showSourceEditor, evt: 'click', key: ['U', true]},
+      {sel: '#tool_wireframe', fn: clickWireframe, evt: 'click', key: ['F', true]},
+      {sel: '#tool_source_cancel,.overlay,#tool_docprops_cancel,#tool_prefs_cancel',
+        fn: cancelOverlays, evt: 'click', key: ['esc', false, false], hidekey: true},
+      {sel: '#tool_source_save', fn: saveSourceEditor, evt: 'click'},
+      {sel: '#tool_docprops_save', fn: saveDocProperties, evt: 'click'},
+      {sel: '#tool_docprops', fn: showDocProperties, evt: 'mouseup'},
+      {sel: '#tool_prefs_save', fn: savePreferences, evt: 'click'},
+      {sel: '#tool_prefs_option', fn () { showPreferences(); return false; }, evt: 'mouseup'},
+      {sel: '#tool_delete,#tool_delete_multi', fn: deleteSelected,
+        evt: 'click', key: ['del/backspace', true]},
+      {sel: '#tool_reorient', fn: reorientPath, evt: 'click'},
+      {sel: '#tool_node_link', fn: linkControlPoints, evt: 'click'},
+      {sel: '#tool_node_clone', fn: clonePathNode, evt: 'click'},
+      {sel: '#tool_node_delete', fn: deletePathNode, evt: 'click'},
+      {sel: '#tool_openclose_path', fn: opencloseSubPath, evt: 'click'},
+      {sel: '#tool_add_subpath', fn: addSubPath, evt: 'click'},
+      {sel: '#tool_move_top', fn: moveToTopSelected, evt: 'click', key: 'ctrl+shift+]'},
+      {sel: '#tool_move_bottom', fn: moveToBottomSelected, evt: 'click', key: 'ctrl+shift+['},
+      {sel: '#tool_topath', fn: convertToPath, evt: 'click'},
+      {sel: '#tool_make_link,#tool_make_link_multi', fn: makeHyperlink, evt: 'click'},
+      {sel: '#tool_undo', fn: clickUndo, evt: 'click'},
+      {sel: '#tool_redo', fn: clickRedo, evt: 'click'},
+      {sel: '#tool_clone,#tool_clone_multi', fn: clickClone, evt: 'click', key: ['D', true]},
+      {sel: '#tool_group_elements', fn: clickGroup, evt: 'click', key: ['G', true]},
+      {sel: '#tool_ungroup', fn: clickGroup, evt: 'click'},
+      {sel: '#tool_unlink_use', fn: clickGroup, evt: 'click'},
+      {sel: '[id^=tool_align]', fn: clickAlign, evt: 'click'},
+      // these two lines are required to make Opera work properly with the flyout mechanism
+      // {sel: '#tools_rect_show', fn: clickRect, evt: 'click'},
+      // {sel: '#tools_ellipse_show', fn: clickEllipse, evt: 'click'},
+      {sel: '#tool_bold', fn: clickBold, evt: 'mousedown'},
+      {sel: '#tool_italic', fn: clickItalic, evt: 'mousedown'},
+      {sel: '#sidepanel_handle', fn: toggleSidePanel, key: ['X']},
+      {sel: '#copy_save_done', fn: cancelOverlays, evt: 'click'},
+
+      // Shortcuts not associated with buttons
+
+      {key: 'ctrl+left', fn () { rotateSelected(0, 1); }},
+      {key: 'ctrl+right', fn () { rotateSelected(1, 1); }},
+      {key: 'ctrl+shift+left', fn () { rotateSelected(0, 5); }},
+      {key: 'ctrl+shift+right', fn () { rotateSelected(1, 5); }},
+      {key: 'shift+O', fn: selectPrev},
+      {key: 'shift+P', fn: selectNext},
+      {key: [modKey + 'up', true], fn () { zoomImage(2); }},
+      {key: [modKey + 'down', true], fn () { zoomImage(0.5); }},
+      {key: [modKey + ']', true], fn () { moveUpDownSelected('Up'); }},
+      {key: [modKey + '[', true], fn () { moveUpDownSelected('Down'); }},
+      {key: ['up', true], fn () { moveSelected(0, -1); }},
+      {key: ['down', true], fn () { moveSelected(0, 1); }},
+      {key: ['left', true], fn () { moveSelected(-1, 0); }},
+      {key: ['right', true], fn () { moveSelected(1, 0); }},
+      {key: 'shift+up', fn () { moveSelected(0, -10); }},
+      {key: 'shift+down', fn () { moveSelected(0, 10); }},
+      {key: 'shift+left', fn () { moveSelected(-10, 0); }},
+      {key: 'shift+right', fn () { moveSelected(10, 0); }},
+      {key: ['alt+up', true], fn () { svgCanvas.cloneSelectedElements(0, -1); }},
+      {key: ['alt+down', true], fn () { svgCanvas.cloneSelectedElements(0, 1); }},
+      {key: ['alt+left', true], fn () { svgCanvas.cloneSelectedElements(-1, 0); }},
+      {key: ['alt+right', true], fn () { svgCanvas.cloneSelectedElements(1, 0); }},
+      {key: ['alt+shift+up', true], fn () { svgCanvas.cloneSelectedElements(0, -10); }},
+      {key: ['alt+shift+down', true], fn () { svgCanvas.cloneSelectedElements(0, 10); }},
+      {key: ['alt+shift+left', true], fn () { svgCanvas.cloneSelectedElements(-10, 0); }},
+      {key: ['alt+shift+right', true], fn () { svgCanvas.cloneSelectedElements(10, 0); }},
+      {key: 'A', fn () { svgCanvas.selectAllInCurrentLayer(); }},
+
+      // Standard shortcuts
+      {key: modKey + 'z', fn: clickUndo},
+      {key: modKey + 'shift+z', fn: clickRedo},
+      {key: modKey + 'y', fn: clickRedo},
+
+      {key: modKey + 'x', fn: cutSelected},
+      {key: modKey + 'c', fn: copySelected},
+      {key: modKey + 'v', fn: pasteInCenter}
+    ];
+
+    // Tooltips not directly associated with a single function
+    const keyAssocs = {
+      '4/Shift+4': '#tools_rect_show',
+      '5/Shift+5': '#tools_ellipse_show'
+    };
+
+    return { /** @lends module:SVGEditor~Actions */
+      /**
+       * @returns {undefined}
+       */
+      setAll () {
+        const flyouts = {};
+
+        $.each(toolButtons, function (i, opts) {
+          // Bind function to button
+          let btn;
+          if (opts.sel) {
+            btn = $(opts.sel);
+            if (!btn.length) { return true; } // Skip if markup does not exist
+            if (opts.evt) {
+              if (isTouch() && opts.evt === 'click') {
+                opts.evt = 'mousedown';
+              }
+              btn[opts.evt](opts.fn);
+            }
+
+            // Add to parent flyout menu, if able to be displayed
+            if (opts.parent && $(opts.parent + '_show').length) {
+              let fH = $(opts.parent);
+              if (!fH.length) {
+                fH = makeFlyoutHolder(opts.parent.substr(1));
+              }
+              if (opts.prepend) {
+                btn[0].style.margin = 'initial';
+              }
+              fH[opts.prepend ? 'prepend' : 'append'](btn);
+
+              if (!Array.isArray(flyouts[opts.parent])) {
+                flyouts[opts.parent] = [];
+              }
+              flyouts[opts.parent].push(opts);
+            }
+          }
+
+          // Bind function to shortcut key
+          if (opts.key) {
+            // Set shortcut based on options
+            let keyval,
+              // disInInp = true,
+              pd = false;
+            if (Array.isArray(opts.key)) {
+              keyval = opts.key[0];
+              if (opts.key.length > 1) { pd = opts.key[1]; }
+              // if (opts.key.length > 2) { disInInp = opts.key[2]; }
+            } else {
+              keyval = opts.key;
+            }
+            keyval += '';
+
+            const {fn} = opts;
+            $.each(keyval.split('/'), function (i, key) {
+              $(document).bind('keydown', key, function (e) {
+                fn();
+                if (pd) {
+                  e.preventDefault();
+                }
+                // Prevent default on ALL keys?
+                return false;
+              });
+            });
+
+            // Put shortcut in title
+            if (opts.sel && !opts.hidekey && btn.attr('title')) {
+              const newTitle = btn.attr('title').split('[')[0] + ' (' + keyval + ')';
+              keyAssocs[keyval] = opts.sel;
+              // Disregard for menu items
+              if (!btn.parents('#main_menu').length) {
+                btn.attr('title', newTitle);
+              }
+            }
+          }
+        });
+
+        // Setup flyouts
+        setupFlyouts(flyouts);
+
+        // Misc additional actions
+
+        // Make 'return' keypress trigger the change event
+        $('.attr_changer, #image_url').bind('keydown', 'return',
+          function (evt) {
+            $(this).change();
+            evt.preventDefault();
+          }
+        );
+
+        $(window).bind('keydown', 'tab', function (e) {
+          if (uiContext === 'canvas') {
+            e.preventDefault();
+            selectNext();
+          }
+        }).bind('keydown', 'shift+tab', function (e) {
+          if (uiContext === 'canvas') {
+            e.preventDefault();
+            selectPrev();
+          }
+        });
+
+        $('#tool_zoom').dblclick(dblclickZoom);
+      },
+      /**
+       * @returns {undefined}
+       */
+      setTitles () {
+        $.each(keyAssocs, function (keyval, sel) {
+          const menu = ($(sel).parents('#main_menu').length);
+
+          $(sel).each(function () {
+            let t;
+            if (menu) {
+              t = $(this).text().split(' [')[0];
+            } else {
+              t = this.title.split(' [')[0];
+            }
+            let keyStr = '';
+            // Shift+Up
+            $.each(keyval.split('/'), function (i, key) {
+              const modBits = key.split('+');
+              let mod = '';
+              if (modBits.length > 1) {
+                mod = modBits[0] + '+';
+                key = modBits[1];
+              }
+              keyStr += (i ? '/' : '') + mod + (uiStrings['key_' + key] || key);
+            });
+            if (menu) {
+              this.lastChild.textContent = t + ' [' + keyStr + ']';
+            } else {
+              this.title = t + ' [' + keyStr + ']';
+            }
+          });
+        });
+      },
+      /**
+       * @param {string} sel Selector to match
+       * @returns {module:SVGEditor.ToolButton}
+       */
+      getButtonData (sel) {
+        return Object.values(toolButtons).find((btn) => {
+          return btn.sel === sel;
+        });
+      }
+    };
+  }());
+
+  // Select given tool
+  editor.ready(function () {
+    let tool;
+    const itool = curConfig.initTool,
+      container = $('#tools_left, #svg_editor .tools_flyout'),
+      preTool = container.find('#tool_' + itool),
+      regTool = container.find('#' + itool);
+    if (preTool.length) {
+      tool = preTool;
+    } else if (regTool.length) {
+      tool = regTool;
+    } else {
+      tool = $('#tool_select');
+    }
+    tool.click().mouseup();
+
+    if (curConfig.wireframe) {
+      $('#tool_wireframe').click();
+    }
+
+    if (curConfig.showlayers) {
+      toggleSidePanel();
+    }
+
+    $('#rulers').toggle(!!curConfig.showRulers);
+
+    if (curConfig.showRulers) {
+      $('#show_rulers')[0].checked = true;
+    }
+
+    if (curConfig.baseUnit) {
+      $('#base_unit').val(curConfig.baseUnit);
+    }
+
+    if (curConfig.gridSnapping) {
+      $('#grid_snapping_on')[0].checked = true;
+    }
+
+    if (curConfig.snappingStep) {
+      $('#grid_snapping_step').val(curConfig.snappingStep);
+    }
+
+    if (curConfig.gridColor) {
+      $('#grid_color').val(curConfig.gridColor);
+    }
+  });
+
+  // init SpinButtons
+  $('#rect_rx').SpinButton({min: 0, max: 1000, stateObj, callback: changeRectRadius});
+  $('#stroke_width').SpinButton({min: 0, max: 99, smallStep: 0.1, stateObj, callback: changeStrokeWidth});
+  $('#angle').SpinButton({min: -180, max: 180, step: 5, stateObj, callback: changeRotationAngle});
+  $('#font_size').SpinButton({min: 0.001, stepfunc: stepFontSize, stateObj, callback: changeFontSize});
+  $('#group_opacity').SpinButton({min: 0, max: 100, step: 5, stateObj, callback: changeOpacity});
+  $('#blur').SpinButton({min: 0, max: 10, step: 0.1, stateObj, callback: changeBlur});
+  $('#zoom').SpinButton({min: 0.001, max: 10000, step: 50, stepfunc: stepZoom, stateObj, callback: changeZoom})
+    // Set default zoom
+    .val(svgCanvas.getZoom() * 100);
+
+  $('#workarea').contextMenu(
+    {
+      menu: 'cmenu_canvas',
+      inSpeed: 0
+    },
+    function (action, el, pos) {
+      switch (action) {
+      case 'delete':
+        deleteSelected();
+        break;
+      case 'cut':
+        cutSelected();
+        break;
+      case 'copy':
+        copySelected();
+        break;
+      case 'paste':
+        svgCanvas.pasteElements();
+        break;
+      case 'paste_in_place':
+        svgCanvas.pasteElements('in_place');
+        break;
+      case 'group':
+      case 'group_elements':
+        svgCanvas.groupSelectedElements();
+        break;
+      case 'ungroup':
+        svgCanvas.ungroupSelectedElement();
+        break;
+      case 'move_front':
+        moveToTopSelected();
+        break;
+      case 'move_up':
+        moveUpDownSelected('Up');
+        break;
+      case 'move_down':
+        moveUpDownSelected('Down');
+        break;
+      case 'move_back':
+        moveToBottomSelected();
+        break;
+      default:
+        if (hasCustomHandler(action)) {
+          getCustomHandler(action).call();
+        }
+        break;
+      }
+    }
+  );
+
+  const lmenuFunc = function (action, el, pos) {
+    switch (action) {
+    case 'dupe':
+      cloneLayer();
+      break;
+    case 'delete':
+      deleteLayer();
+      break;
+    case 'merge_down':
+      mergeLayer();
+      break;
+    case 'merge_all':
+      svgCanvas.mergeAllLayers();
+      updateContextPanel();
+      populateLayers();
+      break;
+    }
+  };
+
+  $('#layerlist').contextMenu(
+    {
+      menu: 'cmenu_layers',
+      inSpeed: 0
+    },
+    lmenuFunc
+  );
+
+  $('#layer_moreopts').contextMenu(
+    {
+      menu: 'cmenu_layers',
+      inSpeed: 0,
+      allowLeft: true
+    },
+    lmenuFunc
+  );
+
+  $('.contextMenu li').mousedown(function (ev) {
+    ev.preventDefault();
+  });
+
+  $('#cmenu_canvas li').disableContextMenu();
+  canvMenu.enableContextMenuItems('#delete,#cut,#copy');
+
+  function enableOrDisableClipboard () {
+    let svgeditClipboard;
+    try {
+      svgeditClipboard = localStorage.getItem('svgedit_clipboard');
+    } catch (err) {}
+    canvMenu[(svgeditClipboard ? 'en' : 'dis') + 'ableContextMenuItems'](
+      '#paste,#paste_in_place'
+    );
+  }
+  enableOrDisableClipboard();
+
+  window.addEventListener('storage', function (e) {
+    if (e.key !== 'svgedit_clipboard') { return; }
+
+    enableOrDisableClipboard();
+  });
+
+  window.addEventListener('beforeunload', function (e) {
+    // Suppress warning if page is empty
+    if (undoMgr.getUndoStackSize() === 0) {
+      editor.showSaveWarning = false;
+    }
+
+    // showSaveWarning is set to 'false' when the page is saved.
+    if (!curConfig.no_save_warning && editor.showSaveWarning) {
+      // Browser already asks question about closing the page
+      e.returnValue = uiStrings.notification.unsavedChanges; // Firefox needs this when beforeunload set by addEventListener (even though message is not used)
+      return uiStrings.notification.unsavedChanges;
+    }
+  }, false);
+
+  /**
+  * Expose the uiStrings
+  * @function module:SVGEditor.canvas.getUIStrings
+  * @returns {module:SVGEditor.uiStrings}
+  */
+  editor.canvas.getUIStrings = function () {
+    return uiStrings;
+  };
+
+  /**
+  * @callback module:SVGEditor.OpenPrepCallback
+  * @param {boolean} noChanges
+  * @returns {undefined}
+  */
+  /**
+  * @param {module:SVGEditor.OpenPrepCallback} func Confirmation dialog callback
+  * @returns {undefined}
+  */
+  editor.openPrep = function (func) {
+    $('#main_menu').hide();
+    if (undoMgr.getUndoStackSize() === 0) {
+      func(true);
+    } else {
+      $.confirm(uiStrings.notification.QwantToOpen, func);
+    }
+  };
+
+  function onDragEnter (e) {
+    e.stopPropagation();
+    e.preventDefault();
+    // and indicator should be displayed here, such as "drop files here"
+  }
+
+  function onDragOver (e) {
+    e.stopPropagation();
+    e.preventDefault();
+  }
+
+  function onDragLeave (e) {
+    e.stopPropagation();
+    e.preventDefault();
+    // hypothetical indicator should be removed here
+  }
+  // Use HTML5 File API: http://www.w3.org/TR/FileAPI/
+  // if browser has HTML5 File API support, then we will show the open menu item
+  // and provide a file input to click. When that change event fires, it will
+  // get the text contents of the file and send it to the canvas
+  if (window.FileReader) {
+    const importImage = function (e) {
+      $.process_cancel(uiStrings.notification.loadingImage);
+      e.stopPropagation();
+      e.preventDefault();
+      $('#workarea').removeAttr('style');
+      $('#main_menu').hide();
+      const file = (e.type === 'drop') ? e.dataTransfer.files[0] : this.files[0];
+      if (!file) {
+        $('#dialog_box').hide();
+        return;
+      }
+      /* if (file.type === 'application/pdf') { // Todo: Handle PDF imports
+
+      }
+      else */
+      if (file.type.includes('image')) {
+        // Detected an image
+        // svg handling
+        let reader;
+        if (file.type.includes('svg')) {
+          reader = new FileReader();
+          reader.onloadend = function (e) {
+            const newElement = svgCanvas.importSvgString(e.target.result, true);
+            svgCanvas.ungroupSelectedElement();
+            svgCanvas.ungroupSelectedElement();
+            svgCanvas.groupSelectedElements();
+            svgCanvas.alignSelectedElements('m', 'page');
+            svgCanvas.alignSelectedElements('c', 'page');
+            // highlight imported element, otherwise we get strange empty selectbox
+            svgCanvas.selectOnly([newElement]);
+            $('#dialog_box').hide();
+          };
+          reader.readAsText(file);
+        } else {
+          // bitmap handling
+          reader = new FileReader();
+          reader.onloadend = function (e) {
+            // let's insert the new image until we know its dimensions
+            const insertNewImage = function (width, height) {
+              const newImage = svgCanvas.addSVGElementFromJson({
+                element: 'image',
+                attr: {
+                  x: 0,
+                  y: 0,
+                  width,
+                  height,
+                  id: svgCanvas.getNextId(),
+                  style: 'pointer-events:inherit'
+                }
+              });
+              svgCanvas.setHref(newImage, e.target.result);
+              svgCanvas.selectOnly([newImage]);
+              svgCanvas.alignSelectedElements('m', 'page');
+              svgCanvas.alignSelectedElements('c', 'page');
+              updateContextPanel();
+              $('#dialog_box').hide();
+            };
+            // create dummy img so we know the default dimensions
+            let imgWidth = 100;
+            let imgHeight = 100;
+            const img = new Image();
+            img.src = e.target.result;
+            img.style.opacity = 0;
+            img.onload = function () {
+              imgWidth = img.offsetWidth;
+              imgHeight = img.offsetHeight;
+              insertNewImage(imgWidth, imgHeight);
+            };
+          };
+          reader.readAsDataURL(file);
+        }
+      }
+    };
+
+    workarea[0].addEventListener('dragenter', onDragEnter, false);
+    workarea[0].addEventListener('dragover', onDragOver, false);
+    workarea[0].addEventListener('dragleave', onDragLeave, false);
+    workarea[0].addEventListener('drop', importImage, false);
+
+    const open = $('<input type="file">').change(function () {
+      const f = this;
+      editor.openPrep(function (ok) {
+        if (!ok) { return; }
+        svgCanvas.clear();
+        if (f.files.length === 1) {
+          $.process_cancel(uiStrings.notification.loadingImage);
+          const reader = new FileReader();
+          reader.onloadend = function (e) {
+            loadSvgString(e.target.result);
+            updateCanvas();
+          };
+          reader.readAsText(f.files[0]);
+        }
+      });
+    });
+    $('#tool_open').show().prepend(open);
+
+    const imgImport = $('<input type="file">').change(importImage);
+    $('#tool_import').show().prepend(imgImport);
+  }
+
+  // $(function () {
+  updateCanvas(true);
+  // });
+
+  //  const revnums = 'svg-editor.js ($Rev$) ';
+  //  revnums += svgCanvas.getVersion();
+  //  $('#copyright')[0].setAttribute('title', revnums);
+
+  /**
+  * @function module:SVGEditor.setLang
+  * @param {string} lang The language code
+  * @param {module:locale.LocaleStrings} allStrings See {@tutorial LocaleDocs}
+  * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+  * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+  * @returns {undefined}
+  */
+  const setLang = editor.setLang = function (lang, allStrings) {
+    editor.langChanged = true;
+    $.pref('lang', lang);
+    $('#lang_select').val(lang);
+    if (!allStrings) {
+      return;
+    }
+    $.extend(uiStrings, allStrings);
+
+    // const notif = allStrings.notification; // Currently unused
+    // $.extend will only replace the given strings
+    const oldLayerName = $('#layerlist tr.layersel td.layername').text();
+    const renameLayer = (oldLayerName === uiStrings.common.layer + ' 1');
+
+    svgCanvas.setUiStrings(allStrings);
+    Actions.setTitles();
+
+    if (renameLayer) {
+      svgCanvas.renameCurrentLayer(uiStrings.common.layer + ' 1');
+      populateLayers();
+    }
+
+    // In case extensions loaded before the locale, now we execute a callback on them
+    if (extsPreLang.length) {
+      while (extsPreLang.length) {
+        const ext = extsPreLang.shift();
+        ext.langReady({
+          lang,
+          uiStrings,
+          importLocale: getImportLocale({defaultLang: lang, defaultName: ext.name})
+        });
+      }
+    } else {
+      svgCanvas.runExtensions('langReady', /** @type {module:svgcanvas.SvgCanvas#event:ext-langReady} */ {lang, uiStrings});
+    }
+    svgCanvas.runExtensions('langChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-langChanged} */ lang);
+
+    // Update flyout tooltips
+    setFlyoutTitles();
+
+    // Copy title for certain tool elements
+    const elems = {
+      '#stroke_color': '#tool_stroke .icon_label, #tool_stroke .color_block',
+      '#fill_color': '#tool_fill label, #tool_fill .color_block',
+      '#linejoin_miter': '#cur_linejoin',
+      '#linecap_butt': '#cur_linecap'
+    };
+
+    $.each(elems, function (source, dest) {
+      $(dest).attr('title', $(source)[0].title);
+    });
+
+    // Copy alignment titles
+    $('#multiselected_panel div[id^=tool_align]').each(function () {
+      $('#tool_pos' + this.id.substr(10))[0].title = this.title;
+    });
+  };
+  localeInit(
+    /**
+    * @implements {module:locale.LocaleEditorInit}
+    */
+    {
+      /**
+      * Gets an array of results from extensions with a `addLangData` method
+      * returning an object with a `data` property set to its locales (to be
+      * merged with regular locales)
+      * @param {string} langParam
+      * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+      * @todo Can we forego this in favor of `langReady` (or forego `langReady`)?
+      * @returns {module:locale.AddLangExtensionLocaleData[]}
+      */
+      addLangData (langParam) {
+        return svgCanvas.runExtensions(
+          'addLangData',
+          /**
+           * @function
+           * @type {module:svgcanvas.ExtensionVarBuilder}
+           * @param {string} defaultLang
+           * @param {string} defaultName
+           * @returns {module:svgcanvas.SvgCanvas#event:ext-addLangData}
+           */
+          (name) => { // We pass in a function as we don't know the extension name here when defining this `addLangData` method
+            return {
+              lang: langParam,
+              importLocale: getImportLocale({defaultLang: langParam, defaultName: name})
+            };
+          },
+          true
+        );
+      },
+      curConfig
+    }
+  );
+  // Load extensions
+  // Bit of a hack to run extensions in local Opera/IE9
+  if (document.location.protocol === 'file:') {
+    setTimeout(extAndLocaleFunc, 100);
+  } else {
+    // Returns a promise (if we wanted to fire 'extensions-loaded' event, potentially useful to hide interface as some extension locales are only available after this)
+    extAndLocaleFunc();
+  }
+};
+
+/**
+* @callback module:SVGEditor.ReadyCallback
+* @returns {undefined}
+*/
+/**
+* Queues a callback to be invoked when the editor is ready (or
+*   to be invoked immediately if it is already ready--i.e.,
+*   if `svgEditor.runCallbacks` has been run)
+* @param {module:SVGEditor.ReadyCallback} cb Callback to be queued to invoke
+* @returns {undefined}
+*/
+editor.ready = function (cb) {
+  if (!isReady) {
+    callbacks.push(cb);
+  } else {
+    cb();
+  }
+};
+
+/**
+* Invokes the callbacks previous set by `svgEditor.ready`
+* @returns {undefined}
+*/
+editor.runCallbacks = function () {
+  callbacks.forEach((cb) => {
+    cb();
+  });
+  isReady = true;
+};
+
+/**
+* @param {string} str The SVG string to load
+* @returns {undefined}
+*/
+editor.loadFromString = function (str) {
+  editor.ready(function () {
+    loadSvgString(str);
+  });
+};
+
+/**
+* Not presently in use
+* @param {PlainObject} featList
+* @returns {undefined}
+*/
+editor.disableUI = function (featList) {
+  // $(function () {
+  //   $('#tool_wireframe, #tool_image, #main_button, #tool_source, #sidepanels').remove();
+  //   $('#tools_top').css('left', 5);
+  // });
+};
+
+/**
+ * @callback module:SVGEditor.URLLoadCallback
+ * @param {boolean} success
+ * @returns {undefined}
+ */
+/**
+* @param {string} url URL from which to load an SVG string via Ajax
+* @param {PlainObject} [opts] May contain properties: `cache`, `callback`
+* @param {boolean} opts.cache
+* @param {module:SVGEditor.URLLoadCallback} opts.callback Invoked with `true` or `false` depending on success
+* @returns {undefined}
+*/
+editor.loadFromURL = function (url, opts) {
+  if (!opts) { opts = {}; }
+
+  const {cache, callback: cb} = opts;
+
+  editor.ready(function () {
+    $.ajax({
+      url,
+      dataType: 'text',
+      cache: !!cache,
+      beforeSend () {
+        $.process_cancel(uiStrings.notification.loadingImage);
+      },
+      success (str) {
+        loadSvgString(str, cb);
+      },
+      error (xhr, stat, err) {
+        if (xhr.status !== 404 && xhr.responseText) {
+          loadSvgString(xhr.responseText, cb);
+        } else {
+          $.alert(uiStrings.notification.URLloadFail + ': \n' + err, cb);
+        }
+      },
+      complete () {
+        $('#dialog_box').hide();
+      }
+    });
+  });
+};
+
+/**
+* @param {string} str The Data URI to base64-decode (if relevant) and load
+* @returns {undefined}
+*/
+editor.loadFromDataURI = function (str) {
+  editor.ready(function () {
+    let base64 = false;
+    let pre = str.match(/^data:image\/svg\+xml;base64,/);
+    if (pre) {
+      base64 = true;
+    } else {
+      pre = str.match(/^data:image\/svg\+xml(?:;(?:utf8)?)?,/);
+    }
+    if (pre) {
+      pre = pre[0];
+    }
+    const src = str.slice(pre.length);
+    loadSvgString(base64 ? Utils.decode64(src) : decodeURIComponent(src));
+  });
+};
+
+/**
+ * @param {string} name Used internally; no need for i18n.
+ * @param {module:svgcanvas.ExtensionInitCallback} init Config to be invoked on this module
+ * @param {module:SVGEditor~ImportLocale} importLocale Importer defaulting to pth with current extension name and locale
+ * @throws {Error} If called too early
+ * @returns {Promise} Resolves to `undefined`
+*/
+editor.addExtension = function (name, init, importLocale) {
+  // Note that we don't want this on editor.ready since some extensions
+  // may want to run before then (like server_opensave).
+  // $(function () {
+  if (!svgCanvas) {
+    throw new Error('Extension added too early');
+  }
+  return svgCanvas.addExtension.call(this, name, init, importLocale);
+  // });
+};
+
+// Defer injection to wait out initial menu processing. This probably goes
+//    away once all context menu behavior is brought to context menu.
+editor.ready(() => {
+  injectExtendedContextMenuItemsIntoDom();
+});
+
+let extensionsAdded = false;
+const messageQueue = [];
+/**
+ * @param {Any} data
+ * @param {string} origin
+ * @fires module:svgcanvas.SvgCanvas#event:message
+ * @returns {undefined}
+ */
+const messageListener = ({data, origin}) => {
+  // console.log('data, origin, extensionsAdded', data, origin, extensionsAdded);
+  const messageObj = {data, origin};
+  if (!extensionsAdded) {
+    messageQueue.push(messageObj);
+  } else {
+    // Extensions can handle messages at this stage with their own
+    //  canvas `message` listeners
+    svgCanvas.call('message', messageObj);
+  }
+};
+window.addEventListener('message', messageListener);
+
+// Run init once DOM is loaded
+// jQuery(editor.init);
+Promise.resolve().then(() => {
+  // We wait a micro-task to let the svgEditor variable be defined for module checks
+  editor.init();
+});
+
+export default editor;
diff --git a/editor/svg-editor.manifest b/editor/svg-editor.manifest
index f0157420..8534d59b 100644
--- a/editor/svg-editor.manifest
+++ b/editor/svg-editor.manifest
@@ -1,18 +1,22 @@
+# To-do: Change to a sample service-worker
+
 CACHE MANIFEST
 svg-editor.html
 images/logo.png
 jgraduate/css/jPicker.css
-jgraduate/css/jgraduate.css
+jgraduate/css/jGraduate.css
 svg-editor.css
-spinbtn/JQuerySpinBtn.css
-jquery.js
-config.js
-custom.css
+spinbtn/jQuery.SpinButton.css
+jquery.min.js
+svgedit-config-es.js
+svgedit-config-iife.js
+svgedit-custom.css
+editor/xdomain-svgedit-config-iife.js
 js-hotkeys/jquery.hotkeys.min.js
 jquery-ui/jquery-ui-1.8.17.custom.min.js
-jgraduate/jpicker.min.js
-jgraduate/jquery.jgraduate.min.js
-spinbtn/JQuerySpinBtn.js
+jgraduate/jQuery.jPicker.js
+jgraduate/jQuery.jGraduate.js
+spinbtn/jQuery.SpinButton.js
 svgcanvas.js
 svg-editor.js
 images/align-bottom.png
@@ -63,7 +67,6 @@ images/square.png
 images/text.png
 images/undo.png
 images/view-refresh.png
-images/wave.png
 images/zoom.png
 locale/locale.js
 locale/lang.af.js
@@ -126,7 +129,7 @@ locale/lang.zh.js
 canvg/canvg.js
 canvg/rgbcolor.js
 jspdf/underscore-min.js
-jspdf/jspdf.js
+jspdf/jspdf.min.js
 jspdf/jspdf.plugin.svgToPdf.js
 
 # Extensions (todo: add other dependency files)
@@ -151,4 +154,3 @@ extensions/ext-star.js
 extensions/ext-storage.js
 extensions/ext-webappfind.js
 extensions/ext-xdomain-messaging.js
-
diff --git a/editor/svgcanvas.js b/editor/svgcanvas.js
index d0b4795d..d0008c92 100644
--- a/editor/svgcanvas.js
+++ b/editor/svgcanvas.js
@@ -1,7236 +1,7201 @@
-/*globals $, svgedit, svgCanvas, jsPDF*/
-/*jslint vars: true, eqeq: true, todo: true, bitwise: true, continue: true, forin: true */
-/*
- * svgcanvas.js
+/* eslint-disable indent */
+/* globals jQuery, jsPDF */
+/**
+ * Numerous tools for working with the editor's "canvas"
+ * @module svgcanvas
  *
- * Licensed under the MIT License
+ * @license MIT
  *
- * Copyright(c) 2010 Alexis Deveria
- * Copyright(c) 2010 Pavol Rusnak
- * Copyright(c) 2010 Jeff Schiller
+ * @copyright 2010 Alexis Deveria, 2010 Pavol Rusnak, 2010 Jeff Schiller
  *
  */
 
-// Dependencies:
-// 1) jQuery
-// 2) pathseg.js
-// 3) browser.js
-// 4) svgtransformlist.js
-// 5) math.js
-// 6) units.js
-// 7) svgutils.js
-// 8) sanitize.js
-// 9) history.js
-// 10) select.js
-// 11) draw.js
-// 12) path.js
-// 13) coords.js
-// 14) recalculate.js
+/* Dependencies:
+1. Also expects jQuery UI for `svgCanvasToString` and
+`convertToGroup` use of `:data()` selector
+*/
 
-(function () {
+// Todo: Obtain/adapt latest jsPDF to utilize ES Module for `jsPDF`/avoid global
+
+import './svgpathseg.js';
+import jqPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`
+
+import * as draw from './draw.js';
+import * as pathModule from './path.js';
+import {sanitizeSvg} from './sanitize.js';
+import {getReverseNS, NS} from './namespaces.js';
+import {importSetGlobal, importScript} from './external/dynamic-import-polyfill/importModule.js';
+import {
+  text2xml, assignAttributes, cleanupElement, getElem, getUrlFromAttr,
+  findDefs, getHref, setHref, getRefElem, getRotationAngle, getPathBBox,
+  preventClickDefault, snapToGrid, walkTree, walkTreePost,
+  getBBoxOfElementAsPath, convertToPath, toXml, encode64, decode64,
+  dataURLToObjectURL, createObjectURL,
+  getVisibleElements,
+  init as utilsInit, getBBox as utilsGetBBox, getStrokedBBoxDefaultVisible
+} from './utilities.js';
+import * as history from './history.js';
+import {
+  transformPoint, matrixMultiply, hasMatrixTransform, transformListToTransform,
+  getMatrix, snapToAngle, isIdentity, rectsIntersect, transformBox
+} from './math.js';
+import {
+  convertToNum, convertAttrs, convertUnit, shortFloat, getTypeMap,
+  init as unitsInit
+} from './units.js';
+import {
+  isGecko, isChrome, isIE, isWebkit, supportsNonScalingStroke, supportsGoodTextCharPos
+} from './browser.js'; // , supportsEditableText
+import {
+  getTransformList, resetListMap,
+  SVGTransformList as SVGEditTransformList
+} from './svgtransformlist.js';
+import {
+  remapElement,
+  init as coordsInit
+} from './coords.js';
+import {
+  recalculateDimensions,
+  init as recalculateInit
+} from './recalculate.js';
+import {
+  getSelectorManager,
+  init as selectInit
+} from './select.js';
+
+const $ = jqPluginSVG(jQuery);
+const {
+  MoveElementCommand, InsertElementCommand, RemoveElementCommand,
+  ChangeElementCommand, BatchCommand, UndoManager, HistoryEventTypes
+} = history;
 
 if (!window.console) {
-	window.console = {};
-	window.console.log = function(str) {};
-	window.console.dir = function(str) {};
+  window.console = {};
+  window.console.log = function (str) {};
+  window.console.dir = function (str) {};
 }
 
 if (window.opera) {
-	window.console.log = function(str) { opera.postError(str); };
-	window.console.dir = function(str) {};
+  window.console.log = function (str) { opera.postError(str); };
+  window.console.dir = function (str) {};
 }
 
-}());
-
-// Class: SvgCanvas
-// The main SvgCanvas class that manages all SVG-related functions
-//
-// Parameters:
-// container - The container HTML element that should hold the SVG root element
-// config - An object that contains configuration data
-$.SvgCanvas = function(container, config) {
+/**
+* The main SvgCanvas class that manages all SVG-related functions
+* @memberof module:svgcanvas
+*
+* @borrows module:coords.remapElement as #remapElement
+* @borrows module:recalculate.recalculateDimensions as #recalculateDimensions
+*
+* @borrows module:utilities.cleanupElement as #cleanupElement
+* @borrows module:utilities.getStrokedBBoxDefaultVisible as #getStrokedBBox
+* @borrows module:utilities.getVisibleElements as #getVisibleElements
+* @borrows module:utilities.findDefs as #findDefs
+* @borrows module:utilities.getUrlFromAttr as #getUrlFromAttr
+* @borrows module:utilities.getHref as #getHref
+* @borrows module:utilities.setHref as #setHref
+* @borrows module:utilities.getRotationAngle as #getRotationAngle
+* @borrows module:utilities.getBBox as #getBBox
+* @borrows module:utilities.getElem as #getElem
+* @borrows module:utilities.getRefElem as #getRefElem
+* @borrows module:utilities.assignAttributes as #assignAttributes
+*
+* @borrows module:SVGTransformList.getTransformList as #getTransformList
+* @borrows module:math.matrixMultiply as #matrixMultiply
+* @borrows module:math.hasMatrixTransform as #hasMatrixTransform
+* @borrows module:math.transformListToTransform as #transformListToTransform
+* @borrows module:units.convertToNum as #convertToNum
+* @borrows module:sanitize.sanitizeSvg as #sanitizeSvg
+* @borrows module:path.pathActions.linkControlPoints as #linkControlPoints
+*/
+class SvgCanvas {
+  /**
+  * @param {HTMLElement} container - The container HTML element that should hold the SVG root element
+  * @param {module:SVGEditor.curConfig} config - An object that contains configuration data
+  */
+  constructor (container, config) {
 // Alias Namespace constants
-var NS = svgedit.NS;
 
 // Default configuration options
-var curConfig = {
-	show_outside_canvas: true,
-	selectNew: true,
-	dimensions: [640, 480]
+const curConfig = {
+  show_outside_canvas: true,
+  selectNew: true,
+  dimensions: [640, 480]
 };
 
 // Update config with new one if given
 if (config) {
-	$.extend(curConfig, config);
+  $.extend(curConfig, config);
 }
 
 // Array with width/height of canvas
-var dimensions = curConfig.dimensions;
+const {dimensions} = curConfig;
 
-var canvas = this;
+const canvas = this;
 
 // "document" element associated with the container (same as window.document using default svg-editor.js)
-// NOTE: This is not actually a SVG document, but a HTML document.
-var svgdoc = container.ownerDocument;
+// NOTE: This is not actually a SVG document, but an HTML document.
+const svgdoc = container.ownerDocument;
 
 // This is a container for the document being edited, not the document itself.
-var svgroot = svgdoc.importNode(svgedit.utilities.text2xml(
-		'<svg id="svgroot" xmlns="' + NS.SVG + '" xlinkns="' + NS.XLINK + '" ' +
-			'width="' + dimensions[0] + '" height="' + dimensions[1] + '" x="' + dimensions[0] + '" y="' + dimensions[1] + '" overflow="visible">' +
-			'<defs>' +
-				'<filter id="canvashadow" filterUnits="objectBoundingBox">' +
-					'<feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>'+
-					'<feOffset in="blur" dx="5" dy="5" result="offsetBlur"/>'+
-					'<feMerge>'+
-						'<feMergeNode in="offsetBlur"/>'+
-						'<feMergeNode in="SourceGraphic"/>'+
-					'</feMerge>'+
-				'</filter>'+
-			'</defs>'+
-		'</svg>').documentElement, true);
-container.appendChild(svgroot);
+/**
+ * @name module:svgcanvas~svgroot
+ * @type {SVGSVGElement}
+ */
+const svgroot = svgdoc.importNode(
+  text2xml(
+    '<svg id="svgroot" xmlns="' + NS.SVG + '" xlinkns="' + NS.XLINK + '" ' +
+      'width="' + dimensions[0] + '" height="' + dimensions[1] + '" x="' + dimensions[0] + '" y="' + dimensions[1] + '" overflow="visible">' +
+      '<defs>' +
+        '<filter id="canvashadow" filterUnits="objectBoundingBox">' +
+          '<feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>' +
+          '<feOffset in="blur" dx="5" dy="5" result="offsetBlur"/>' +
+          '<feMerge>' +
+            '<feMergeNode in="offsetBlur"/>' +
+            '<feMergeNode in="SourceGraphic"/>' +
+          '</feMerge>' +
+        '</filter>' +
+      '</defs>' +
+    '</svg>'
+  ).documentElement,
+  true
+);
+container.append(svgroot);
 
-// The actual element that represents the final output SVG element
-var svgcontent = svgdoc.createElementNS(NS.SVG, 'svg');
+/**
+ * The actual element that represents the final output SVG element
+ * @name module:svgcanvas~svgcontent
+ * @type {SVGSVGElement}
+ */
+let svgcontent = svgdoc.createElementNS(NS.SVG, 'svg');
 
-// This function resets the svgcontent element while keeping it in the DOM.
-var clearSvgContentElement = canvas.clearSvgContentElement = function() {
-	while (svgcontent.firstChild) { svgcontent.removeChild(svgcontent.firstChild); }
+/**
+* This function resets the svgcontent element while keeping it in the DOM.
+* @function module:svgcanvas.SvgCanvas#clearSvgContentElement
+* @returns {undefined}
+*/
+const clearSvgContentElement = canvas.clearSvgContentElement = function () {
+  $(svgcontent).empty();
 
-	// TODO: Clear out all other attributes first?
-	$(svgcontent).attr({
-		id: 'svgcontent',
-		width: dimensions[0],
-		height: dimensions[1],
-		x: dimensions[0],
-		y: dimensions[1],
-		overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden',
-		xmlns: NS.SVG,
-		'xmlns:se': NS.SE,
-		'xmlns:xlink': NS.XLINK
-	}).appendTo(svgroot);
+  // TODO: Clear out all other attributes first?
+  $(svgcontent).attr({
+    id: 'svgcontent',
+    width: dimensions[0],
+    height: dimensions[1],
+    x: dimensions[0],
+    y: dimensions[1],
+    overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden',
+    xmlns: NS.SVG,
+    'xmlns:se': NS.SE,
+    'xmlns:xlink': NS.XLINK
+  }).appendTo(svgroot);
 
-	// TODO: make this string optional and set by the client
-	var comment = svgdoc.createComment(" Created with SVG-edit - https://github.com/SVG-Edit/svgedit");
-	svgcontent.appendChild(comment);
+  // TODO: make this string optional and set by the client
+  const comment = svgdoc.createComment(' Created with SVG-edit - https://github.com/SVG-Edit/svgedit');
+  svgcontent.append(comment);
 };
 clearSvgContentElement();
 
 // Prefix string for element IDs
-var idprefix = 'svg_';
+let idprefix = 'svg_';
 
-// Function: setIdPrefix
-// Changes the ID prefix to the given value
-//
-// Parameters: 
-// p - String with the new prefix 
-canvas.setIdPrefix = function(p) {
-	idprefix = p;
-};
-
-// Current svgedit.draw.Drawing object
-// @type {svgedit.draw.Drawing}
-canvas.current_drawing_ = new svgedit.draw.Drawing(svgcontent, idprefix);
-
-// Function: getCurrentDrawing
-// Returns the current Drawing.
-// @return {svgedit.draw.Drawing}
-var getCurrentDrawing = canvas.getCurrentDrawing = function() {
-	return canvas.current_drawing_;
-};
-
-// Float displaying the current zoom level (1 = 100%, .5 = 50%, etc)
-var current_zoom = 1;
-
-// pointer to current group (for in-group editing)
-var current_group = null;
-
-// Object containing data for the currently selected styles
-var all_properties = {
-	shape: {
-		fill: (curConfig.initFill.color == 'none' ? '' : '#') + curConfig.initFill.color,
-		fill_paint: null,
-		fill_opacity: curConfig.initFill.opacity,
-		stroke: '#' + curConfig.initStroke.color,
-		stroke_paint: null,
-		stroke_opacity: curConfig.initStroke.opacity,
-		stroke_width: curConfig.initStroke.width,
-		stroke_dasharray: 'none',
-		stroke_linejoin: 'miter',
-		stroke_linecap: 'butt',
-		opacity: curConfig.initOpacity
-	}
-};
-
-all_properties.text = $.extend(true, {}, all_properties.shape);
-$.extend(all_properties.text, {
-	fill: '#000000',
-	stroke_width: curConfig.text.stroke_width,
-	font_size: curConfig.text.font_size,
-	font_family: curConfig.text.font_family
-});
-
-// Current shape style properties
-var cur_shape = all_properties.shape;
-
-// Array with all the currently selected elements
-// default size of 1 until it needs to grow bigger
-var selectedElements = [];
-
-var getJsonFromSvgElement = this.getJsonFromSvgElement = function(data) {
-    // Text node
-    if(data.nodeType == 3) return data.nodeValue;
-
-    var retval = {
-        element: data.tagName,
-        //namespace: nsMap[data.namespaceURI],
-        attr: {},
-        children: [],
-    };
-
-    // Iterate attributes
-    for(var i=0; i < data.attributes.length; i++) {
-        retval.attr[data.attributes[i].name] = data.attributes[i].value;
-    };
-
-    // Iterate children
-    for(var i=0; i < data.childNodes.length; i++) {
-        retval.children.push(getJsonFromSvgElement(data.childNodes[i]));
-    }
-
-    return retval;
-}
-
-// Function: addSvgElementFromJson
-// Create a new SVG element based on the given object keys/values and add it to the current layer
-// The element will be ran through cleanupElement before being returned 
-//
-// Parameters:
-// data - Object with the following keys/values:
-// * element - tag name of the SVG element to create
-// * attr - Object with attributes key-values to assign to the new element
-// * curStyles - Boolean indicating that current style attributes should be applied first
-// * children - Optional array with data objects to be added recursively as children
-//
-// Returns: The new element
-var addSvgElementFromJson = this.addSvgElementFromJson = function(data) {
-	if (typeof(data) == 'string') return svgdoc.createTextNode(data);
-
-	var shape = svgedit.utilities.getElem(data.attr.id);
-	// if shape is a path but we need to create a rect/ellipse, then remove the path
-	var current_layer = getCurrentDrawing().getCurrentLayer();
-	if (shape && data.element != shape.tagName) {
-		current_layer.removeChild(shape);
-		shape = null;
-	}
-	if (!shape) {
-		shape = svgdoc.createElementNS(NS.SVG, data.element);
-		if (current_layer) {
-			(current_group || current_layer).appendChild(shape);
-		}
-	}
-	if (data.curStyles) {
-		svgedit.utilities.assignAttributes(shape, {
-			'fill': cur_shape.fill,
-			'stroke': cur_shape.stroke,
-			'stroke-width': cur_shape.stroke_width,
-			'stroke-dasharray': cur_shape.stroke_dasharray,
-			'stroke-linejoin': cur_shape.stroke_linejoin,
-			'stroke-linecap': cur_shape.stroke_linecap,
-			'stroke-opacity': cur_shape.stroke_opacity,
-			'fill-opacity': cur_shape.fill_opacity,
-			'opacity': cur_shape.opacity / 2,
-			'style': 'pointer-events:inherit'
-		}, 100);
-	}
-	svgedit.utilities.assignAttributes(shape, data.attr, 100);
-	svgedit.utilities.cleanupElement(shape);
-
-	// Children
-	if (data.children) {
-		data.children.forEach(function(child) {
-			shape.appendChild(addSvgElementFromJson(child));
-		});
-	}
-
-	return shape;
-};
-
-// import svgtransformlist.js
-var getTransformList = canvas.getTransformList = svgedit.transformlist.getTransformList;
-
-// import from math.js.
-var transformPoint = svgedit.math.transformPoint;
-var matrixMultiply = canvas.matrixMultiply = svgedit.math.matrixMultiply;
-var hasMatrixTransform = canvas.hasMatrixTransform = svgedit.math.hasMatrixTransform;
-var transformListToTransform = canvas.transformListToTransform = svgedit.math.transformListToTransform;
-var snapToAngle = svgedit.math.snapToAngle;
-var getMatrix = svgedit.math.getMatrix;
-
-// initialize from units.js
-// send in an object implementing the ElementContainer interface (see units.js)
-svgedit.units.init({
-	getBaseUnit: function() { return curConfig.baseUnit; },
-	getElement: svgedit.utilities.getElem,
-	getHeight: function() { return svgcontent.getAttribute('height')/current_zoom; },
-	getWidth: function() { return svgcontent.getAttribute('width')/current_zoom; },
-	getRoundDigits: function() { return save_options.round_digits; }
-});
-// import from units.js
-var convertToNum = canvas.convertToNum = svgedit.units.convertToNum;
-
-// import from svgutils.js
-svgedit.utilities.init({
-	getDOMDocument: function() { return svgdoc; },
-	getDOMContainer: function() { return container; },
-	getSVGRoot: function() { return svgroot; },
-	// TODO: replace this mostly with a way to get the current drawing.
-	getSelectedElements: function() { return selectedElements; },
-	getSVGContent: function() { return svgcontent; },
-	getBaseUnit: function() { return curConfig.baseUnit; },
-	getSnappingStep: function() { return curConfig.snappingStep; }
-});
-var findDefs = canvas.findDefs = svgedit.utilities.findDefs;
-var getUrlFromAttr = canvas.getUrlFromAttr = svgedit.utilities.getUrlFromAttr;
-var getHref = canvas.getHref = svgedit.utilities.getHref;
-var setHref = canvas.setHref = svgedit.utilities.setHref;
-var getPathBBox = svgedit.utilities.getPathBBox;
-var getBBox = canvas.getBBox = svgedit.utilities.getBBox;
-var getRotationAngle = canvas.getRotationAngle = svgedit.utilities.getRotationAngle;
-var getElem = canvas.getElem = svgedit.utilities.getElem;
-var getRefElem = canvas.getRefElem = svgedit.utilities.getRefElem;
-var assignAttributes = canvas.assignAttributes = svgedit.utilities.assignAttributes;
-var cleanupElement = this.cleanupElement = svgedit.utilities.cleanupElement;
-
-// import from coords.js
-svgedit.coords.init({
-	getDrawing: function() { return getCurrentDrawing(); },
-	getGridSnapping: function() { return curConfig.gridSnapping; }
-});
-var remapElement = this.remapElement = svgedit.coords.remapElement;
-
-// import from recalculate.js
-svgedit.recalculate.init({
-	getSVGRoot: function() { return svgroot; },
-	getStartTransform: function() { return startTransform; },
-	setStartTransform: function(transform) { startTransform = transform; }
-});
-var recalculateDimensions = this.recalculateDimensions = svgedit.recalculate.recalculateDimensions;
-
-// import from sanitize.js
-var nsMap = svgedit.getReverseNS();
-var sanitizeSvg = canvas.sanitizeSvg = svgedit.sanitize.sanitizeSvg;
-
-// import from history.js
-var MoveElementCommand = svgedit.history.MoveElementCommand;
-var InsertElementCommand = svgedit.history.InsertElementCommand;
-var RemoveElementCommand = svgedit.history.RemoveElementCommand;
-var ChangeElementCommand = svgedit.history.ChangeElementCommand;
-var BatchCommand = svgedit.history.BatchCommand;
-var call;
-// Implement the svgedit.history.HistoryEventHandler interface.
-canvas.undoMgr = new svgedit.history.UndoManager({
-	handleHistoryEvent: function(eventType, cmd) {
-		var EventTypes = svgedit.history.HistoryEventTypes;
-		// TODO: handle setBlurOffsets.
-		if (eventType == EventTypes.BEFORE_UNAPPLY || eventType == EventTypes.BEFORE_APPLY) {
-			canvas.clearSelection();
-		} else if (eventType == EventTypes.AFTER_APPLY || eventType == EventTypes.AFTER_UNAPPLY) {
-			var elems = cmd.elements();
-			canvas.pathActions.clear();
-			call('changed', elems);
-			var cmdType = cmd.type();
-			var isApply = (eventType == EventTypes.AFTER_APPLY);
-			if (cmdType == MoveElementCommand.type()) {
-				var parent = isApply ? cmd.newParent : cmd.oldParent;
-				if (parent == svgcontent) {
-					canvas.identifyLayers();
-				}
-			} else if (cmdType == InsertElementCommand.type() ||
-					cmdType == RemoveElementCommand.type()) {
-				if (cmd.parent == svgcontent) {
-					canvas.identifyLayers();
-				}
-				if (cmdType == InsertElementCommand.type()) {
-					if (isApply) {restoreRefElems(cmd.elem);}
-				} else {
-					if (!isApply) {restoreRefElems(cmd.elem);}
-				}
-				if (cmd.elem.tagName === 'use') {
-					setUseData(cmd.elem);
-				}
-			} else if (cmdType == ChangeElementCommand.type()) {
-				// if we are changing layer names, re-identify all layers
-				if (cmd.elem.tagName == 'title' && cmd.elem.parentNode.parentNode == svgcontent) {
-					canvas.identifyLayers();
-				}
-				var values = isApply ? cmd.newValues : cmd.oldValues;
-				// If stdDeviation was changed, update the blur.
-				if (values.stdDeviation) {
-					canvas.setBlurOffsets(cmd.elem.parentNode, values.stdDeviation);
-				}
-				// This is resolved in later versions of webkit, perhaps we should
-				// have a featured detection for correct 'use' behavior?
-				// ——————————
-				// Remove & Re-add hack for Webkit (issue 775) 
-				//if (cmd.elem.tagName === 'use' && svgedit.browser.isWebkit()) {
-				//	var elem = cmd.elem;
-				//	if (!elem.getAttribute('x') && !elem.getAttribute('y')) {
-				//		var parent = elem.parentNode;
-				//		var sib = elem.nextSibling;
-				//		parent.removeChild(elem);
-				//		parent.insertBefore(elem, sib);
-				//	}
-				//}
-			}
-		}
-	}
-});
-var addCommandToHistory = function(cmd) {
-	canvas.undoMgr.addCommandToHistory(cmd);
+/**
+* Changes the ID prefix to the given value
+* @function module:svgcanvas.SvgCanvas#setIdPrefix
+* @param {string} p - String with the new prefix
+* @returns {undefined}
+*/
+canvas.setIdPrefix = function (p) {
+  idprefix = p;
 };
 
 /**
- * Get a HistoryRecordingService.
- * @param {svgedit.history.HistoryRecordingService=} hrService - if exists, return it instead of creating a new service.
- * @returns {svgedit.history.HistoryRecordingService}
- */
-function historyRecordingService(hrService) {
-	return hrService ? hrService : new svgedit.history.HistoryRecordingService(canvas.undoMgr);
+* Current draw.Drawing object
+* @type {module:draw.Drawing}
+* @name module:svgcanvas.SvgCanvas#current_drawing_
+*/
+canvas.current_drawing_ = new draw.Drawing(svgcontent, idprefix);
+
+/**
+* Returns the current Drawing.
+* @function module:svgcanvas.SvgCanvas#getCurrentDrawing
+* @implements {module:draw.DrawCanvasInit#getCurrentDrawing}
+*/
+const getCurrentDrawing = canvas.getCurrentDrawing = function () {
+  return canvas.current_drawing_;
+};
+
+/**
+* Float displaying the current zoom level (1 = 100%, .5 = 50%, etc)
+* @type {Float}
+*/
+let currentZoom = 1;
+
+// pointer to current group (for in-group editing)
+let currentGroup = null;
+
+// Object containing data for the currently selected styles
+const allProperties = {
+  shape: {
+    fill: (curConfig.initFill.color === 'none' ? '' : '#') + curConfig.initFill.color,
+    fill_paint: null,
+    fill_opacity: curConfig.initFill.opacity,
+    stroke: '#' + curConfig.initStroke.color,
+    stroke_paint: null,
+    stroke_opacity: curConfig.initStroke.opacity,
+    stroke_width: curConfig.initStroke.width,
+    stroke_dasharray: 'none',
+    stroke_linejoin: 'miter',
+    stroke_linecap: 'butt',
+    opacity: curConfig.initOpacity
+  }
+};
+
+allProperties.text = $.extend(true, {}, allProperties.shape);
+$.extend(allProperties.text, {
+  fill: '#000000',
+  stroke_width: curConfig.text && curConfig.text.stroke_width,
+  font_size: curConfig.text && curConfig.text.font_size,
+  font_family: curConfig.text && curConfig.text.font_family
+});
+
+// Current shape style properties
+const curShape = allProperties.shape;
+
+// Array with all the currently selected elements
+// default size of 1 until it needs to grow bigger
+let selectedElements = [];
+
+/**
+* @typedef {PlainObject} module:svgcanvas.SVGAsJSON
+* @property {string} element
+* @property {PlainObject.<string, string>} attr
+* @property {module:svgcanvas.SVGAsJSON[]} children
+*/
+
+/**
+* @function module:svgcanvas.SvgCanvas#getContentElem
+* @param {Text|Element} data
+* @returns {module:svgcanvas.SVGAsJSON}
+*/
+const getJsonFromSvgElement = this.getJsonFromSvgElement = function (data) {
+  // Text node
+  if (data.nodeType === 3) return data.nodeValue;
+
+  const retval = {
+    element: data.tagName,
+    // namespace: nsMap[data.namespaceURI],
+    attr: {},
+    children: []
+  };
+
+  // Iterate attributes
+  for (let i = 0, attr; (attr = data.attributes[i]); i++) {
+    retval.attr[attr.name] = attr.value;
+  }
+
+  // Iterate children
+  for (let i = 0, node; (node = data.childNodes[i]); i++) {
+    retval.children[i] = getJsonFromSvgElement(node);
+  }
+
+  return retval;
+};
+
+/**
+* This should really be an intersection implementing all rather than a union
+* @function module:svgcanvas.SvgCanvas#addSVGElementFromJson
+* @implements {module:utilities.EditorContext#addSVGElementFromJson|module:path.EditorContext#addSVGElementFromJson}
+*/
+const addSVGElementFromJson = this.addSVGElementFromJson = function (data) {
+  if (typeof data === 'string') return svgdoc.createTextNode(data);
+
+  let shape = getElem(data.attr.id);
+  // if shape is a path but we need to create a rect/ellipse, then remove the path
+  const currentLayer = getCurrentDrawing().getCurrentLayer();
+  if (shape && data.element !== shape.tagName) {
+    shape.remove();
+    shape = null;
+  }
+  if (!shape) {
+    const ns = data.namespace || NS.SVG;
+    shape = svgdoc.createElementNS(ns, data.element);
+    if (currentLayer) {
+      (currentGroup || currentLayer).append(shape);
+    }
+  }
+  if (data.curStyles) {
+    assignAttributes(shape, {
+      fill: curShape.fill,
+      stroke: curShape.stroke,
+      'stroke-width': curShape.stroke_width,
+      'stroke-dasharray': curShape.stroke_dasharray,
+      'stroke-linejoin': curShape.stroke_linejoin,
+      'stroke-linecap': curShape.stroke_linecap,
+      'stroke-opacity': curShape.stroke_opacity,
+      'fill-opacity': curShape.fill_opacity,
+      opacity: curShape.opacity / 2,
+      style: 'pointer-events:inherit'
+    }, 100);
+  }
+  assignAttributes(shape, data.attr, 100);
+  cleanupElement(shape);
+
+  // Children
+  if (data.children) {
+    data.children.forEach((child) => {
+      shape.append(addSVGElementFromJson(child));
+    });
+  }
+
+  return shape;
+};
+
+canvas.getTransformList = getTransformList;
+
+canvas.matrixMultiply = matrixMultiply;
+canvas.hasMatrixTransform = hasMatrixTransform;
+canvas.transformListToTransform = transformListToTransform;
+
+/**
+* @implements {module:utilities.EditorContext#getBaseUnit}
+*/
+const getBaseUnit = () => { return curConfig.baseUnit; };
+
+/**
+* initialize from units.js.
+* Send in an object implementing the ElementContainer interface (see units.js)
+*/
+unitsInit(
+  /**
+  * @implements {module:units.ElementContainer}
+  */
+  {
+    getBaseUnit,
+    getElement: getElem,
+    getHeight () { return svgcontent.getAttribute('height') / currentZoom; },
+    getWidth () { return svgcontent.getAttribute('width') / currentZoom; },
+    getRoundDigits () { return saveOptions.round_digits; }
+  }
+);
+
+canvas.convertToNum = convertToNum;
+
+/**
+* This should really be an intersection implementing all rather than a union
+* @implements {module:draw.DrawCanvasInit#getSVGContent|module:utilities.EditorContext#getSVGContent}
+*/
+const getSVGContent = () => { return svgcontent; };
+
+/**
+* Should really be an intersection with all needing to apply rather than a union
+* @function module:svgcanvas.SvgCanvas#getSelectedElements
+* @implements {module:utilities.EditorContext#getSelectedElements|module:draw.DrawCanvasInit#getSelectedElements|module:path.EditorContext#getSelectedElements}
+*/
+const getSelectedElements = this.getSelectedElems = function () {
+  return selectedElements;
+};
+
+const pathActions = pathModule.pathActions;
+
+/**
+* This should actually be an intersection as all interfaces should be met
+* @implements {module:utilities.EditorContext#getSVGRoot|module:recalculate.EditorContext#getSVGRoot|module:coords.EditorContext#getSVGRoot|module:path.EditorContext#getSVGRoot}
+*/
+const getSVGRoot = () => svgroot;
+
+utilsInit(
+  /**
+  * @implements {module:utilities.EditorContext}
+  */
+  {
+    pathActions, // Ok since not modifying
+    getSVGContent,
+    addSVGElementFromJson,
+    getSelectedElements,
+    getDOMDocument () { return svgdoc; },
+    getDOMContainer () { return container; },
+    getSVGRoot,
+    // TODO: replace this mostly with a way to get the current drawing.
+    getBaseUnit,
+    getSnappingStep () { return curConfig.snappingStep; }
+  }
+);
+
+canvas.findDefs = findDefs;
+canvas.getUrlFromAttr = getUrlFromAttr;
+canvas.getHref = getHref;
+canvas.setHref = setHref;
+/* const getBBox = */ canvas.getBBox = utilsGetBBox;
+canvas.getRotationAngle = getRotationAngle;
+canvas.getElem = getElem;
+canvas.getRefElem = getRefElem;
+canvas.assignAttributes = assignAttributes;
+
+this.cleanupElement = cleanupElement;
+
+/**
+* This should actually be an intersection not a union as all should apply
+* @implements {module:coords.EditorContext|module:path.EditorContext}
+*/
+const getGridSnapping = () => { return curConfig.gridSnapping; };
+
+coordsInit(
+  /**
+  * @implements {module:coords.EditorContext}
+  */
+  {
+    getDrawing () { return getCurrentDrawing(); },
+    getSVGRoot,
+    getGridSnapping
+  }
+);
+this.remapElement = remapElement;
+
+recalculateInit(
+  /**
+  * @implements {module:recalculate.EditorContext}
+  */
+  {
+    getSVGRoot,
+    getStartTransform () { return startTransform; },
+    setStartTransform (transform) { startTransform = transform; }
+  }
+);
+this.recalculateDimensions = recalculateDimensions;
+
+// import from sanitize.js
+const nsMap = getReverseNS();
+canvas.sanitizeSvg = sanitizeSvg;
+
+/**
+* @name undoMgr
+* @memberof module:svgcanvas.SvgCanvas#
+* @type {module:history.HistoryEventHandler}
+*/
+const undoMgr = canvas.undoMgr = new UndoManager({
+  /**
+   * @param {string} eventType One of the HistoryEvent types
+   * @param {module:history.HistoryCommand} cmd Fulfills the HistoryCommand interface
+   * @fires module:svgcanvas.SvgCanvas#event:changed
+   * @returns {undefined}
+   */
+  handleHistoryEvent (eventType, cmd) {
+    const EventTypes = HistoryEventTypes;
+    // TODO: handle setBlurOffsets.
+    if (eventType === EventTypes.BEFORE_UNAPPLY || eventType === EventTypes.BEFORE_APPLY) {
+      canvas.clearSelection();
+    } else if (eventType === EventTypes.AFTER_APPLY || eventType === EventTypes.AFTER_UNAPPLY) {
+      const elems = cmd.elements();
+      canvas.pathActions.clear();
+      call('changed', elems);
+      const cmdType = cmd.type();
+      const isApply = (eventType === EventTypes.AFTER_APPLY);
+      if (cmdType === MoveElementCommand.type()) {
+        const parent = isApply ? cmd.newParent : cmd.oldParent;
+        if (parent === svgcontent) {
+          draw.identifyLayers();
+        }
+      } else if (cmdType === InsertElementCommand.type() ||
+          cmdType === RemoveElementCommand.type()) {
+        if (cmd.parent === svgcontent) {
+          draw.identifyLayers();
+        }
+        if (cmdType === InsertElementCommand.type()) {
+          if (isApply) { restoreRefElems(cmd.elem); }
+        } else {
+          if (!isApply) { restoreRefElems(cmd.elem); }
+        }
+        if (cmd.elem.tagName === 'use') {
+          setUseData(cmd.elem);
+        }
+      } else if (cmdType === ChangeElementCommand.type()) {
+        // if we are changing layer names, re-identify all layers
+        if (cmd.elem.tagName === 'title' &&
+          cmd.elem.parentNode.parentNode === svgcontent
+        ) {
+          draw.identifyLayers();
+        }
+        const values = isApply ? cmd.newValues : cmd.oldValues;
+        // If stdDeviation was changed, update the blur.
+        if (values.stdDeviation) {
+          canvas.setBlurOffsets(cmd.elem.parentNode, values.stdDeviation);
+        }
+        // This is resolved in later versions of webkit, perhaps we should
+        // have a featured detection for correct 'use' behavior?
+        // ——————————
+        // Remove & Re-add hack for Webkit (issue 775)
+        // if (cmd.elem.tagName === 'use' && isWebkit()) {
+        //  const {elem} = cmd;
+        //  if (!elem.getAttribute('x') && !elem.getAttribute('y')) {
+        //    const parent = elem.parentNode;
+        //    const sib = elem.nextSibling;
+        //    elem.remove();
+        //    parent.insertBefore(elem, sib);
+        //    // Ok to replace above with this? `sib.before(elem);`
+        //  }
+        // }
+      }
+    }
+  }
+});
+
+/**
+* This should really be an intersection applying to all types rather than a union
+* @function module:svgcanvas~addCommandToHistory
+* @implements {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory}
+*/
+const addCommandToHistory = function (cmd) {
+  canvas.undoMgr.addCommandToHistory(cmd);
+};
+
+/**
+* This should really be an intersection applying to all types rather than a union
+* @function module:svgcanvas.SvgCanvas#getZoom
+* @implements {module:path.EditorContext#getCurrentZoom|module:select.SVGFactory#getCurrentZoom}
+*/
+const getCurrentZoom = this.getZoom = function () { return currentZoom; };
+
+/**
+* This method rounds the incoming value to the nearest value based on the `currentZoom`
+* @function module:svgcanvas.SvgCanvas#round
+* @implements {module:path.EditorContext#round}
+*/
+const round = this.round = function (val) {
+  return parseInt(val * currentZoom, 10) / currentZoom;
+};
+
+selectInit(
+  curConfig,
+  /**
+  * Export to select.js
+  * @implements {module:select.SVGFactory}
+  */
+  {
+    createSVGElement (jsonMap) { return canvas.addSVGElementFromJson(jsonMap); },
+    svgRoot () { return svgroot; },
+    svgContent () { return svgcontent; },
+    getCurrentZoom
+  }
+);
+/**
+* This object manages selectors for us
+* @name module:svgcanvas.SvgCanvas#selectorManager
+* @type {module:select.SelectorManager}
+*/
+const selectorManager = this.selectorManager = getSelectorManager();
+
+/**
+* @function module:svgcanvas.SvgCanvas#getNextId
+* @implements {module:path.EditorContext#getNextId}
+*/
+const getNextId = canvas.getNextId = function () {
+  return getCurrentDrawing().getNextId();
+};
+
+/**
+* @function module:svgcanvas.SvgCanvas#getId
+* @implements {module:path.EditorContext#getId}
+*/
+const getId = canvas.getId = function () {
+  return getCurrentDrawing().getId();
+};
+
+/**
+* The "implements" should really be an intersection applying to all types rather than a union
+* @function module:svgcanvas.SvgCanvas#call
+* @implements {module:draw.DrawCanvasInit#call|module:path.EditorContext#call}
+* @param {"selected"|"changed"|"contextset"|"pointsAdded"|"extension_added"|"extensions_added"|"message"|"transition"|"zoomed"|"updateCanvas"|"zoomDone"|"saved"|"exported"|"exportedPDF"|"setnonce"|"unsetnonce"|"cleared"} ev - String with the event name
+* @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg - Argument to pass through to the callback function.
+* @returns {undefined}
+*/
+const call = function (ev, arg) {
+  if (events[ev]) {
+    return events[ev](window, arg);
+  }
+};
+
+/**
+* Clears the selection. The 'selected' handler is then optionally called.
+* This should really be an intersection applying to all types rather than a union
+* @function module:svgcanvas.SvgCanvas#clearSelection
+* @implements {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection}
+* @fires module:svgcanvas.SvgCanvas#event:selected
+*/
+const clearSelection = this.clearSelection = function (noCall) {
+  selectedElements.forEach((elem) => {
+    if (elem == null) {
+      return;
+    }
+    selectorManager.releaseSelector(elem);
+  });
+  selectedElements = [];
+
+  if (!noCall) { call('selected', selectedElements); }
+};
+
+/**
+* Adds a list of elements to the selection. The 'selected' handler is then called.
+* @function module:svgcanvas.SvgCanvas#addToSelection
+* @implements {module:path.EditorContext#addToSelection}
+* @fires module:svgcanvas.SvgCanvas#event:selected
+*/
+const addToSelection = this.addToSelection = function (elemsToAdd, showGrips) {
+  if (!elemsToAdd.length) { return; }
+  // find the first null in our selectedElements array
+
+  let j = 0;
+  while (j < selectedElements.length) {
+    if (selectedElements[j] == null) {
+      break;
+    }
+    ++j;
+  }
+
+  // now add each element consecutively
+  let i = elemsToAdd.length;
+  while (i--) {
+    let elem = elemsToAdd[i];
+    if (!elem) { continue; }
+    const bbox = utilsGetBBox(elem);
+    if (!bbox) { continue; }
+
+    if (elem.tagName === 'a' && elem.childNodes.length === 1) {
+      // Make "a" element's child be the selected element
+      elem = elem.firstChild;
+    }
+
+    // if it's not already there, add it
+    if (!selectedElements.includes(elem)) {
+      selectedElements[j] = elem;
+
+      // only the first selectedBBoxes element is ever used in the codebase these days
+      // if (j === 0) selectedBBoxes[0] = utilsGetBBox(elem);
+      j++;
+      const sel = selectorManager.requestSelector(elem, bbox);
+
+      if (selectedElements.length > 1) {
+        sel.showGrips(false);
+      }
+    }
+  }
+  call('selected', selectedElements);
+
+  if (showGrips || selectedElements.length === 1) {
+    selectorManager.requestSelector(selectedElements[0]).showGrips(true);
+  } else {
+    selectorManager.requestSelector(selectedElements[0]).showGrips(false);
+  }
+
+  // make sure the elements are in the correct order
+  // See: https://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-compareDocumentPosition
+
+  selectedElements.sort(function (a, b) {
+    if (a && b && a.compareDocumentPosition) {
+      return 3 - (b.compareDocumentPosition(a) & 6);
+    }
+    if (a == null) {
+      return 1;
+    }
+  });
+
+  // Make sure first elements are not null
+  while (selectedElements[0] == null) {
+    selectedElements.shift(0);
+  }
+};
+
+/**
+* @implements {module:path.EditorContext#getOpacity}
+*/
+const getOpacity = function () {
+  return curShape.opacity;
+};
+
+/**
+* @function module:svgcanvas.SvgCanvas#getMouseTarget
+* @implements {module:path.EditorContext#getMouseTarget}
+*/
+const getMouseTarget = this.getMouseTarget = function (evt) {
+  if (evt == null) {
+    return null;
+  }
+  let mouseTarget = evt.target;
+
+  // if it was a <use>, Opera and WebKit return the SVGElementInstance
+  if (mouseTarget.correspondingUseElement) { mouseTarget = mouseTarget.correspondingUseElement; }
+
+  // for foreign content, go up until we find the foreignObject
+  // WebKit browsers set the mouse target to the svgcanvas div
+  if ([NS.MATH, NS.HTML].includes(mouseTarget.namespaceURI) &&
+    mouseTarget.id !== 'svgcanvas'
+  ) {
+    while (mouseTarget.nodeName !== 'foreignObject') {
+      mouseTarget = mouseTarget.parentNode;
+      if (!mouseTarget) { return svgroot; }
+    }
+  }
+
+  // Get the desired mouseTarget with jQuery selector-fu
+  // If it's root-like, select the root
+  const currentLayer = getCurrentDrawing().getCurrentLayer();
+  if ([svgroot, container, svgcontent, currentLayer].includes(mouseTarget)) {
+    return svgroot;
+  }
+
+  const $target = $(mouseTarget);
+
+  // If it's a selection grip, return the grip parent
+  if ($target.closest('#selectorParentGroup').length) {
+    // While we could instead have just returned mouseTarget,
+    // this makes it easier to indentify as being a selector grip
+    return selectorManager.selectorParentGroup;
+  }
+
+  while (mouseTarget.parentNode !== (currentGroup || currentLayer)) {
+    mouseTarget = mouseTarget.parentNode;
+  }
+
+  //
+  // // go up until we hit a child of a layer
+  // while (mouseTarget.parentNode.parentNode.tagName == 'g') {
+  //   mouseTarget = mouseTarget.parentNode;
+  // }
+  // Webkit bubbles the mouse event all the way up to the div, so we
+  // set the mouseTarget to the svgroot like the other browsers
+  // if (mouseTarget.nodeName.toLowerCase() == 'div') {
+  //   mouseTarget = svgroot;
+  // }
+
+  return mouseTarget;
+};
+
+/**
+* @namespace {module:path.pathActions} pathActions
+* @memberof module:svgcanvas.SvgCanvas#
+* @see module:path.pathActions
+*/
+canvas.pathActions = pathActions;
+/**
+* @implements {module:path.EditorContext#resetD}
+*/
+function resetD (p) {
+  p.setAttribute('d', pathActions.convertPath(p));
 }
-
-// import from select.js
-svgedit.select.init(curConfig, {
-	createSVGElement: function(jsonMap) { return canvas.addSvgElementFromJson(jsonMap); },
-	svgRoot: function() { return svgroot; },
-	svgContent: function() { return svgcontent; },
-	currentZoom: function() { return current_zoom; },
-	// TODO(codedread): Remove when getStrokedBBox() has been put into svgutils.js.
-	getStrokedBBox: function(elems) { return canvas.getStrokedBBox([elems]); }
-});
-// this object manages selectors for us
-var selectorManager = this.selectorManager = svgedit.select.getSelectorManager();
-
-// Import from path.js
-svgedit.path.init({
-	getCurrentZoom: function() { return current_zoom; },
-	getSVGRoot: function() { return svgroot; }
-});
+pathModule.init(
+  /**
+  * @implements {module:path.EditorContext}
+  */
+  {
+    selectorManager, // Ok since not changing
+    canvas, // Ok since not changing
+    call,
+    resetD,
+    round,
+    clearSelection,
+    addToSelection,
+    addCommandToHistory,
+    remapElement,
+    addSVGElementFromJson,
+    getGridSnapping,
+    getOpacity,
+    getSelectedElements,
+    getContainer () {
+      return container;
+    },
+    setStarted (s) {
+      started = s;
+    },
+    getRubberBox () {
+      return rubberBox;
+    },
+    setRubberBox (rb) {
+      rubberBox = rb;
+      return rubberBox;
+    },
+    /**
+     * @param {boolean} closedSubpath
+     * @param {SVGCircleElement[]} grips
+     * @fires module:svgcanvas.SvgCanvas#event:pointsAdded
+     * @fires module:svgcanvas.SvgCanvas#event:selected
+     */
+    addPtsToSelection ({closedSubpath, grips}) {
+      // TODO: Correct this:
+      pathActions.canDeleteNodes = true;
+      pathActions.closed_subpath = closedSubpath;
+      call('pointsAdded', {closedSubpath, grips});
+      call('selected', grips);
+    },
+    /**
+     * @param {ChangeElementCommand} cmd
+     * @param {SVGPathElement} elem
+     * @fires module:svgcanvas.SvgCanvas#event:changed
+     * @returns {undefined}
+     */
+    endChanges ({cmd, elem}) {
+      addCommandToHistory(cmd);
+      call('changed', [elem]);
+    },
+    getCurrentZoom,
+    getId,
+    getNextId,
+    getMouseTarget,
+    getCurrentMode () {
+      return currentMode;
+    },
+    setCurrentMode (cm) {
+      currentMode = cm;
+      return currentMode;
+    },
+    getDrawnPath () {
+      return drawnPath;
+    },
+    setDrawnPath (dp) {
+      drawnPath = dp;
+      return drawnPath;
+    },
+    getSVGRoot
+  }
+);
 
 // Interface strings, usually for title elements
-var uiStrings = {
-	exportNoBlur: "Blurred elements will appear as un-blurred",
-	exportNoforeignObject: "foreignObject elements will not appear",
-	exportNoDashArray: "Strokes will appear filled",
-	exportNoText: "Text may not appear as expected"
-};
+const uiStrings = {};
 
-var visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';
-var ref_attrs = ['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'];
+const visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';
+const refAttrs = ['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'];
 
-var elData = $.data;
+const elData = $.data;
 
 // Animation element to change the opacity of any newly created element
-var opac_ani = document.createElementNS(NS.SVG, 'animate');
-$(opac_ani).attr({
-	attributeName: 'opacity',
-	begin: 'indefinite',
-	dur: 1,
-	fill: 'freeze'
+const opacAni = document.createElementNS(NS.SVG, 'animate');
+$(opacAni).attr({
+  attributeName: 'opacity',
+  begin: 'indefinite',
+  dur: 1,
+  fill: 'freeze'
 }).appendTo(svgroot);
 
-var restoreRefElems = function(elem) {
-	// Look for missing reference elements, restore any found
-	var o, i, l,
-		attrs = $(elem).attr(ref_attrs);
-	for (o in attrs) {
-		var val = attrs[o];
-		if (val && val.indexOf('url(') === 0) {
-			var id = svgedit.utilities.getUrlFromAttr(val).substr(1);
-			var ref = getElem(id);
-			if (!ref) {
-				svgedit.utilities.findDefs().appendChild(removedElements[id]);
-				delete removedElements[id];
-			}
-		}
-	}
-	
-	var childs = elem.getElementsByTagName('*');
-	
-	if (childs.length) {
-		for (i = 0, l = childs.length; i < l; i++) {
-			restoreRefElems(childs[i]);
-		}
-	}
+const restoreRefElems = function (elem) {
+  // Look for missing reference elements, restore any found
+  const attrs = $(elem).attr(refAttrs);
+  for (const o in attrs) {
+    const val = attrs[o];
+    if (val && val.startsWith('url(')) {
+      const id = getUrlFromAttr(val).substr(1);
+      const ref = getElem(id);
+      if (!ref) {
+        findDefs().append(removedElements[id]);
+        delete removedElements[id];
+      }
+    }
+  }
+
+  const childs = elem.getElementsByTagName('*');
+
+  if (childs.length) {
+    for (let i = 0, l = childs.length; i < l; i++) {
+      restoreRefElems(childs[i]);
+    }
+  }
 };
 
-(function() {
-	// TODO For Issue 208: this is a start on a thumbnail
-	//	var svgthumb = svgdoc.createElementNS(NS.SVG, 'use');
-	//	svgthumb.setAttribute('width', '100');
-	//	svgthumb.setAttribute('height', '100');
-	//	svgedit.utilities.setHref(svgthumb, '#svgcontent');
-	//	svgroot.appendChild(svgthumb);
+// (function () {
+// TODO For Issue 208: this is a start on a thumbnail
+//  const svgthumb = svgdoc.createElementNS(NS.SVG, 'use');
+//  svgthumb.setAttribute('width', '100');
+//  svgthumb.setAttribute('height', '100');
+//  setHref(svgthumb, '#svgcontent');
+//  svgroot.append(svgthumb);
+// }());
 
-}());
+/**
+ * @typedef {PlainObject} module:svgcanvas.SaveOptions
+ * @property {boolean} apply
+ * @property {"embed"} [image]
+ * @property {Integer} round_digits
+ */
 
 // Object to contain image data for raster images that were found encodable
-var encodableImages = {},
-	
-	// String with image URL of last loadable image
-	last_good_img_url = curConfig.imgPath + 'logo.png',
-	
-	// Array with current disabled elements (for in-group editing)
-	disabled_elems = [],
-	
-	// Object with save options
-	save_options = {round_digits: 5},
-	
-	// Boolean indicating whether or not a draw action has been started
-	started = false,
-	
-	// String with an element's initial transform attribute value
-	startTransform = null,
-	
-	// String indicating the current editor mode
-	current_mode = 'select',
-	
-	// String with the current direction in which an element is being resized
-	current_resize_mode = 'none',
-	
-	// Object with IDs for imported files, to see if one was already added
-	import_ids = {},
+const encodableImages = {},
 
-	// Current text style properties
-	cur_text = all_properties.text,
-	
-	// Current general properties
-	cur_properties = cur_shape,
-	
-	// Array with selected elements' Bounding box object
-//	selectedBBoxes = new Array(1),
-	
-	// The DOM element that was just selected
-	justSelected = null,
-	
-	// DOM element for selection rectangle drawn by the user
-	rubberBox = null,
-	
-	// Array of current BBoxes, used in getIntersectionList().
-	curBBoxes = [],
-	
-	// Object to contain all included extensions
-	extensions = {},
-	
-	// Canvas point for the most recent right click
-	lastClickPoint = null,
-	
-	// Map of deleted reference elements
-	removedElements = {};
+  // Object with save options
+  /**
+   * @type {module:svgcanvas.SaveOptions}
+   */
+  saveOptions = {round_digits: 5},
 
-// Should this return an array by default, so extension results aren't overwritten?
-var runExtensions = this.runExtensions = function(action, vars, returnArray) {
-	var result = returnArray ? [] : false;
-	$.each(extensions, function(name, opts) {
-		if (opts && action in opts) {
-			if (returnArray) {
-				result.push(opts[action](vars));
-			} else {
-				result = opts[action](vars);
-			}
-		}
-	});
-	return result;
+  // Object with IDs for imported files, to see if one was already added
+  importIds = {},
+
+  // Current text style properties
+  curText = allProperties.text,
+
+  // Object to contain all included extensions
+  extensions = {},
+
+  // Map of deleted reference elements
+  removedElements = {};
+
+let
+  // String with image URL of last loadable image
+  lastGoodImgUrl = curConfig.imgPath + 'logo.png',
+
+  // Boolean indicating whether or not a draw action has been started
+  started = false,
+
+  // String with an element's initial transform attribute value
+  startTransform = null,
+
+  // String indicating the current editor mode
+  currentMode = 'select',
+
+  // String with the current direction in which an element is being resized
+  currentResizeMode = 'none',
+
+  // Current general properties
+  curProperties = curShape,
+
+  // Array with selected elements' Bounding box object
+  // selectedBBoxes = new Array(1),
+
+  // The DOM element that was just selected
+  justSelected = null,
+
+  // DOM element for selection rectangle drawn by the user
+  rubberBox = null,
+
+  // Array of current BBoxes, used in getIntersectionList().
+  curBBoxes = [],
+
+  // Canvas point for the most recent right click
+  lastClickPoint = null;
+
+/**
+* @typedef {module:svgcanvas.ExtensionMouseDownStatus|module:svgcanvas.ExtensionMouseUpStatus|module:svgcanvas.ExtensionIDsUpdatedStatus|module:locale.ExtensionLocaleData[]|undefined} module:svgcanvas.ExtensionStatus
+* @tutorial ExtensionDocs
+*/
+/**
+* @callback module:svgcanvas.ExtensionVarBuilder
+* @param {string} name The name of the extension
+*/
+/**
+* @todo Consider: Should this return an array by default, so extension results aren't overwritten?
+* @todo Would be easier to document if passing in object with key of action and vars as value; could then define an interface which tied both together
+* @function module:svgcanvas.SvgCanvas#runExtensions
+* @param {"mouseDown"|"mouseMove"|"mouseUp"|"zoomChanged"|"IDsUpdated"|"canvasUpdated"|"toolButtonStateUpdate"|"selectedChanged"|"elementTransition"|"elementChanged"|"langReady"|"langChanged"|"addLangData"|"onNewDocument"|"workareaResized"} action
+* @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown|module:svgcanvas.SvgCanvas#event:ext-mouseMove|module:svgcanvas.SvgCanvas#event:ext-mouseUp|module:svgcanvas.SvgCanvas#event:ext-zoomChanged|module:svgcanvas.SvgCanvas#event:ext-IDsUpdated|module:svgcanvas.SvgCanvas#event:ext-canvasUpdated|module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate|module:svgcanvas.SvgCanvas#event:ext-selectedChanged|module:svgcanvas.SvgCanvas#event:ext-elementTransition|module:svgcanvas.SvgCanvas#event:ext-elementChanged|module:svgcanvas.SvgCanvas#event:ext-langReady|module:svgcanvas.SvgCanvas#event:ext-langChanged|module:svgcanvas.SvgCanvas#event:ext-addLangData|module:svgcanvas.SvgCanvas#event:ext-onNewDocument|module:svgcanvas.SvgCanvas#event:ext-workareaResized|module:svgcanvas.ExtensionVarBuilder} [vars]
+* @param {boolean} [returnArray]
+* @returns {GenericArray.<module:svgcanvas.ExtensionStatus>|module:svgcanvas.ExtensionStatus|false} See {@tutorial ExtensionDocs} on the ExtensionStatus.
+*/
+const runExtensions = this.runExtensions = function (action, vars, returnArray) {
+  let result = returnArray ? [] : false;
+  $.each(extensions, function (name, ext) {
+    if (ext && action in ext) {
+      if (typeof vars === 'function') {
+        vars = vars(name); // ext, action
+      }
+      if (returnArray) {
+        result.push(ext[action](vars));
+      } else {
+        result = ext[action](vars);
+      }
+    }
+  });
+  return result;
 };
 
-// Function: addExtension
-// Add an extension to the editor
-// 
-// Parameters:
-// name - String with the ID of the extension
-// ext_func - Function supplied by the extension with its data
-this.addExtension = function(name, ext_func) {
-	var ext;
-	if (!(name in extensions)) {
-		// Provide private vars/funcs here. Is there a better way to do this?
-		if ($.isFunction(ext_func)) {
-			ext = ext_func($.extend(canvas.getPrivateMethods(), {
-				svgroot: svgroot,
-				svgcontent: svgcontent,
-				nonce: getCurrentDrawing().getNonce(),
-				selectorManager: selectorManager
-			}));
-		} else {
-			ext = ext_func;
-		}
-		extensions[name] = ext;
-		call('extension_added', ext);
-	} else {
-		console.log('Cannot add extension "' + name + '", an extension by that name already exists.');
-	}
-};
-	
-// This method rounds the incoming value to the nearest value based on the current_zoom
-var round = this.round = function(val) {
-	return parseInt(val*current_zoom, 10)/current_zoom;
+/**
+* @typedef {PlainObject} module:svgcanvas.ExtensionMouseDownStatus
+* @property {boolean} started Indicates that creating/editing has started
+*/
+/**
+* @typedef {PlainObject} module:svgcanvas.ExtensionMouseUpStatus
+* @property {boolean} keep Indicates if the current element should be kept
+* @property {boolean} started Indicates if editing should still be considered as "started"
+* @property {Element} element The element being affected
+*/
+/**
+* @typedef {PlainObject} module:svgcanvas.ExtensionIDsUpdatedStatus
+* @property {string[]} remove Contains string IDs (used by `ext-connector.js`)
+*/
+
+/**
+ * @interface module:svgcanvas.ExtensionInitResponse
+ * @property {module:SVGEditor.ContextTool[]|PlainObject.<string, module:SVGEditor.ContextTool>} [context_tools]
+ * @property {module:SVGEditor.Button[]|PlainObject.<Integer, module:SVGEditor.Button>} [buttons]
+ * @property {string} [svgicons] The location of a local SVG or SVGz file
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#mouseDown
+ * @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown} arg
+ * @returns {undefined|module:svgcanvas.ExtensionMouseDownStatus}
+ */
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#mouseMove
+ * @param {module:svgcanvas.SvgCanvas#event:ext-mouseMove} arg
+ * @returns {undefined}
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#mouseUp
+ * @param {module:svgcanvas.SvgCanvas#event:ext-mouseUp} arg
+ * @returns {module:svgcanvas.ExtensionMouseUpStatus}
+ */
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#zoomChanged
+ * @param {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} arg
+ * @returns {undefined}
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#IDsUpdated
+ * @param {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} arg
+ * @returns {module:svgcanvas.ExtensionIDsUpdatedStatus}
+ */
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#canvasUpdated
+ * @param {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated} arg
+ * @returns {undefined}
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#toolButtonStateUpdate
+ * @param {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} arg
+ * @returns {undefined}
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#selectedChanged
+ * @param {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} arg
+ * @returns {undefined}
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#elementTransition
+ * @param {module:svgcanvas.SvgCanvas#event:ext-elementTransition} arg
+ * @returns {undefined}
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#elementChanged
+ * @param {module:svgcanvas.SvgCanvas#event:ext-elementChanged} arg
+ * @returns {undefined}
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#langReady
+ * @param {module:svgcanvas.SvgCanvas#event:ext-langReady} arg
+ * @returns {undefined}
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#langChanged
+ * @param {module:svgcanvas.SvgCanvas#event:ext-langChanged} arg
+ * @returns {undefined}
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#addLangData
+ * @param {module:svgcanvas.SvgCanvas#event:ext-addLangData} arg
+ * @returns {Promise} Resolves to {@link module:locale.ExtensionLocaleData}
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#onNewDocument
+ * @param {module:svgcanvas.SvgCanvas#event:ext-onNewDocument} arg
+ * @returns {undefined}
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#workareaResized
+ * @param {module:svgcanvas.SvgCanvas#event:ext-workareaResized} arg
+ * @returns {undefined}
+*/
+/**
+ * @function module:svgcanvas.ExtensionInitResponse#callback
+ * @param {module:svgcanvas.SvgCanvas#event:ext-callback} arg
+ * @returns {undefined}
+*/
+
+/**
+* @callback module:svgcanvas.ExtensionInitCallback
+* @this module:SVGEditor
+* @param {module:svgcanvas.ExtensionArgumentObject} arg
+* @returns {Promise} Resolves to [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse} or `undefined`
+*/
+/**
+* Add an extension to the editor
+* @function module:svgcanvas.SvgCanvas#addExtension
+* @param {string} name - String with the ID of the extension. Used internally; no need for i18n.
+* @param {module:svgcanvas.ExtensionInitCallback} [extInitFunc] - Function supplied by the extension with its data
+* @param {module:SVGEditor~ImportLocale} importLocale
+* @fires module:svgcanvas.SvgCanvas#event:extension_added
+* @throws {TypeError} If `extInitFunc` is not a function
+* @returns {Promise} Resolves to `undefined`
+*/
+this.addExtension = async function (name, extInitFunc, importLocale) {
+  if (typeof extInitFunc !== 'function') {
+    throw new TypeError('Function argument expected for `svgcanvas.addExtension`');
+  }
+  let extObj = {};
+  if (!(name in extensions)) {
+    // Provide private vars/funcs here. Is there a better way to do this?
+    /**
+     * @typedef {module:svgcanvas.PrivateMethods} module:svgcanvas.ExtensionArgumentObject
+     * @property {SVGSVGElement} svgroot See {@link module:svgcanvas~svgroot}
+     * @property {SVGSVGElement} svgcontent See {@link module:svgcanvas~svgcontent}
+     * @property {!(string|Integer)} nonce See {@link module:draw.Drawing#getNonce}
+     * @property {module:select.SelectorManager} selectorManager
+     * @property {module:SVGEditor~ImportLocale} importLocale
+     */
+    /**
+     * @type {module:svgcanvas.ExtensionArgumentObject}
+     * @see {@link module:svgcanvas.PrivateMethods} source for the other methods/properties
+     */
+    const argObj = $.extend(canvas.getPrivateMethods(), {
+      importLocale,
+      svgroot,
+      svgcontent,
+      nonce: getCurrentDrawing().getNonce(),
+      selectorManager
+    });
+    if (extInitFunc) {
+      extObj = await extInitFunc(argObj);
+    }
+    if (extObj) {
+      extObj.name = name;
+    }
+
+    extensions[name] = extObj;
+    return call('extension_added', extObj);
+  } else {
+    console.log('Cannot add extension "' + name + '", an extension by that name already exists.');
+  }
 };
 
-// This method sends back an array or a NodeList full of elements that
-// intersect the multi-select rubber-band-box on the current_layer only.
-// 
-// We brute-force getIntersectionList for browsers that do not support it (Firefox).
-// 
-// Reference:
-// Firefox does not implement getIntersectionList(), see https://bugzilla.mozilla.org/show_bug.cgi?id=501421
-var getIntersectionList = this.getIntersectionList = function(rect) {
-	if (rubberBox == null) { return null; }
+/**
+* This method sends back an array or a NodeList full of elements that
+* intersect the multi-select rubber-band-box on the currentLayer only.
+*
+* We brute-force `getIntersectionList` for browsers that do not support it (Firefox).
+*
+* Reference:
+* Firefox does not implement `getIntersectionList()`, see {@link https://bugzilla.mozilla.org/show_bug.cgi?id=501421}
+* @function module:svgcanvas.SvgCanvas#getIntersectionList
+* @param {SVGRect} rect
+* @returns {Element[]|NodeList} Bbox elements
+*/
+const getIntersectionList = this.getIntersectionList = function (rect) {
+  if (rubberBox == null) { return null; }
 
-	var parent = current_group || getCurrentDrawing().getCurrentLayer();
+  const parent = currentGroup || getCurrentDrawing().getCurrentLayer();
 
-	var rubberBBox;
-	if (!rect) {
-		rubberBBox = rubberBox.getBBox();
-		var o, bb = svgcontent.createSVGRect();
+  let rubberBBox;
+  if (!rect) {
+    rubberBBox = rubberBox.getBBox();
+    const bb = svgcontent.createSVGRect();
 
-		for (o in rubberBBox) {
-			bb[o] = rubberBBox[o] / current_zoom;
-		}    
-                rubberBBox = bb;
-	} else {
-		rubberBBox = svgcontent.createSVGRect();
-		rubberBBox.x = rect.x;
-		rubberBBox.y = rect.y;
-		rubberBBox.width = rect.width;
-		rubberBBox.height = rect.height;
-	}
-	
-	var resultList = null;
-	if (!svgedit.browser.isIE) {
-		if (typeof(svgroot.getIntersectionList) == 'function') {
-			// Offset the bbox of the rubber box by the offset of the svgcontent element.
-			rubberBBox.x += parseInt(svgcontent.getAttribute('x'), 10);
-			rubberBBox.y += parseInt(svgcontent.getAttribute('y'), 10);
+    for (const o in rubberBBox) {
+      bb[o] = rubberBBox[o] / currentZoom;
+    }
+    rubberBBox = bb;
+  } else {
+    rubberBBox = svgcontent.createSVGRect();
+    rubberBBox.x = rect.x;
+    rubberBBox.y = rect.y;
+    rubberBBox.width = rect.width;
+    rubberBBox.height = rect.height;
+  }
 
-			resultList = svgroot.getIntersectionList(rubberBBox, parent);
-		}
-	}
+  let resultList = null;
+  if (!isIE) {
+    if (typeof svgroot.getIntersectionList === 'function') {
+      // Offset the bbox of the rubber box by the offset of the svgcontent element.
+      rubberBBox.x += parseInt(svgcontent.getAttribute('x'), 10);
+      rubberBBox.y += parseInt(svgcontent.getAttribute('y'), 10);
 
-	if (resultList == null || typeof(resultList.item) != 'function') {
-		resultList = [];
+      resultList = svgroot.getIntersectionList(rubberBBox, parent);
+    }
+  }
 
-		if (!curBBoxes.length) {
-			// Cache all bboxes
-			curBBoxes = getVisibleElementsAndBBoxes(parent);
-		}
-		var i = curBBoxes.length;
-		while (i--) {
-			if (!rubberBBox.width) {continue;}
-			if (svgedit.math.rectsIntersect(rubberBBox, curBBoxes[i].bbox)) {
-				resultList.push(curBBoxes[i].elem);
-			}
-		}
-	}
+  if (resultList == null || typeof resultList.item !== 'function') {
+    resultList = [];
 
-	// addToSelection expects an array, but it's ok to pass a NodeList 
-	// because using square-bracket notation is allowed: 
-	// http://www.w3.org/TR/DOM-Level-2-Core/ecma-script-binding.html
-	return resultList;
+    if (!curBBoxes.length) {
+      // Cache all bboxes
+      curBBoxes = getVisibleElementsAndBBoxes(parent);
+    }
+    let i = curBBoxes.length;
+    while (i--) {
+      if (!rubberBBox.width) { continue; }
+      if (rectsIntersect(rubberBBox, curBBoxes[i].bbox)) {
+        resultList.push(curBBoxes[i].elem);
+      }
+    }
+  }
+
+  // addToSelection expects an array, but it's ok to pass a NodeList
+  // because using square-bracket notation is allowed:
+  // https://www.w3.org/TR/DOM-Level-2-Core/ecma-script-binding.html
+  return resultList;
 };
 
-// TODO(codedread): Migrate this into svgutils.js
-// Function: getStrokedBBox
-// Get the bounding box for one or more stroked and/or transformed elements
-// 
-// Parameters:
-// elems - Array with DOM elements to check
-// 
-// Returns:
-// A single bounding box object
-var getStrokedBBox = this.getStrokedBBox = function(elems) {
-	if (!elems) {elems = getVisibleElements();}
-	return svgedit.utilities.getStrokedBBox(elems, addSvgElementFromJson, pathActions)
+this.getStrokedBBox = getStrokedBBoxDefaultVisible;
+
+this.getVisibleElements = getVisibleElements;
+
+/**
+* @typedef {PlainObject} ElementAndBBox
+* @property {Element} elem - The element
+* @property {module:utilities.BBoxObject} bbox - The element's BBox as retrieved from `getStrokedBBoxDefaultVisible`
+*/
+
+/**
+* Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).
+* Note that 0-opacity, off-screen etc elements are still considered "visible"
+* for this function
+* @function module:svgcanvas.SvgCanvas#getVisibleElementsAndBBoxes
+* @param {Element} parent - The parent DOM element to search within
+* @returns {ElementAndBBox[]} An array with objects that include:
+*/
+const getVisibleElementsAndBBoxes = this.getVisibleElementsAndBBoxes = function (parent) {
+  if (!parent) {
+    parent = $(svgcontent).children(); // Prevent layers from being included
+  }
+  const contentElems = [];
+  $(parent).children().each(function (i, elem) {
+    if (elem.getBBox) {
+      contentElems.push({elem, bbox: getStrokedBBoxDefaultVisible([elem])});
+    }
+  });
+  return contentElems.reverse();
 };
 
-// Function: getVisibleElements
-// Get all elements that have a BBox (excludes <defs>, <title>, etc).
-// Note that 0-opacity, off-screen etc elements are still considered "visible"
-// for this function
-//
-// Parameters:
-// parent - The parent DOM element to search within
-//
-// Returns:
-// An array with all "visible" elements.
-var getVisibleElements = this.getVisibleElements = function(parent) {
-	if (!parent) {
-		parent = $(svgcontent).children(); // Prevent layers from being included
-	}
-	
-	var contentElems = [];
-	$(parent).children().each(function(i, elem) {
-		if (elem.getBBox) {
-			contentElems.push(elem);
-		}
-	});
-	return contentElems.reverse();
+/**
+* Wrap an SVG element into a group element, mark the group as 'gsvg'
+* @function module:svgcanvas.SvgCanvas#groupSvgElem
+* @param {Element} elem - SVG element to wrap
+* @returns {undefined}
+*/
+const groupSvgElem = this.groupSvgElem = function (elem) {
+  const g = document.createElementNS(NS.SVG, 'g');
+  elem.replaceWith(g);
+  $(g).append(elem).data('gsvg', elem)[0].id = getNextId();
 };
 
-// Function: getVisibleElementsAndBBoxes
-// Get all elements that have a BBox (excludes <defs>, <title>, etc).
-// Note that 0-opacity, off-screen etc elements are still considered "visible"
-// for this function
-//
-// Parameters:
-// parent - The parent DOM element to search within
-//
-// Returns:
-// An array with objects that include:
-// * elem - The element
-// * bbox - The element's BBox as retrieved from getStrokedBBox
-var getVisibleElementsAndBBoxes = this.getVisibleElementsAndBBoxes = function(parent) {
-	if (!parent) {
-		parent = $(svgcontent).children(); // Prevent layers from being included
-	}
-	var contentElems = [];
-	$(parent).children().each(function(i, elem) {
-		if (elem.getBBox) {
-			contentElems.push({'elem':elem, 'bbox':getStrokedBBox([elem])});
-		}
-	});
-	return contentElems.reverse();
-};
-
-// Function: groupSvgElem
-// Wrap an SVG element into a group element, mark the group as 'gsvg'
-//
-// Parameters:
-// elem - SVG element to wrap
-var groupSvgElem = this.groupSvgElem = function(elem) {
-	var g = document.createElementNS(NS.SVG, 'g');
-	elem.parentNode.replaceChild(g, elem);
-	$(g).append(elem).data('gsvg', elem)[0].id = getNextId();
-};
-
-
 // Set scope for these functions
-var getId, getNextId;
-var textActions, pathActions;
 
-(function(c) {
+// Object to contain editor event names and callback functions
+const events = {};
 
-	// Object to contain editor event names and callback functions
-	var events = {};
+canvas.call = call;
+/**
+ * Array of what was changed (elements, layers)
+ * @event module:svgcanvas.SvgCanvas#event:changed
+ * @type {Element[]}
+ */
+/**
+ * Array of selected elements
+ * @event module:svgcanvas.SvgCanvas#event:selected
+ * @type {Element[]}
+ */
+/**
+ * Array of selected elements
+ * @event module:svgcanvas.SvgCanvas#event:transition
+ * @type {Element[]}
+ */
+/**
+ * The Element is always `SVGGElement`?
+ * If not `null`, will be the set current group element
+ * @event module:svgcanvas.SvgCanvas#event:contextset
+ * @type {null|Element}
+ */
+/**
+ * @event module:svgcanvas.SvgCanvas#event:pointsAdded
+ * @type {PlainObject}
+ * @property {boolean} closedSubpath
+ * @property {SVGCircleElement[]} grips Grips elements
+ */
 
-	getId = c.getId = function() { return getCurrentDrawing().getId(); };
-	getNextId = c.getNextId = function() { return getCurrentDrawing().getNextId(); };
+/**
+ * @event module:svgcanvas.SvgCanvas#event:zoomed
+ * @type {PlainObject}
+ * @property {Float} x
+ * @property {Float} y
+ * @property {Float} width
+ * @property {Float} height
+ * @property {0.5|2} factor
+ * @see module:SVGEditor.BBoxObjectWithFactor
+ */
+/**
+ * @event module:svgcanvas.SvgCanvas#event:updateCanvas
+ * @type {PlainObject}
+ * @property {false} center
+ * @property {module:math.XYObject} newCtr
+ */
+/**
+ * @typedef {PlainObject} module:svgcanvas.ExtensionInitResponsePlusName
+ * @implements {module:svgcanvas.ExtensionInitResponse}
+ * @property {string} name The extension's resolved ID (whether explicit or based on file name)
+ */
+/**
+ * Generalized extension object response of
+ * [`init()`]{@link module:svgcanvas.ExtensionInitCallback}
+ * along with the name of the extension.
+ * @event module:svgcanvas.SvgCanvas#event:extension_added
+ * @type {module:svgcanvas.ExtensionInitResponsePlusName|undefined}
+ */
+/**
+ * @event module:svgcanvas.SvgCanvas#event:extensions_added
+ * @type {undefined}
+*/
+/**
+ * @typedef {PlainObject} module:svgcanvas.Message
+ * @property {Any} data The data
+ * @property {string} origin The origin
+ */
+/**
+ * @event module:svgcanvas.SvgCanvas#event:message
+ * @type {module:svgcanvas.Message}
+ */
+/**
+ * SVG canvas converted to string
+ * @event module:svgcanvas.SvgCanvas#event:saved
+ * @type {string}
+ */
+/**
+ * @event module:svgcanvas.SvgCanvas#event:setnonce
+ * @type {!(string|Integer)}
+ */
+/**
+ * @event module:svgcanvas.SvgCanvas#event:unsetnonce
+ * @type {undefined}
+ */
+/**
+ * @event module:svgcanvas.SvgCanvas#event:zoomDone
+ * @type {undefined}
+*/
+/**
+ * @event module:svgcanvas.SvgCanvas#event:cleared
+ * @type {undefined}
+*/
 
-	// Function: call
-	// Run the callback function associated with the given event
-	//
-	// Parameters:
-	// event - String with the event name
-	// arg - Argument to pass through to the callback function
-	call = c.call = function(event, arg) {
-		if (events[event]) {
-			return events[event](this, arg);
-		}
-	};
+/**
+ * @event module:svgcanvas.SvgCanvas#event:exported
+ * @type {module:svgcanvas.ImageExportedResults}
+ */
+/**
+ * @event module:svgcanvas.SvgCanvas#event:exportedPDF
+ * @type {module:svgcanvas.PDFExportedResults}
+ */
+/**
+ * Creating a cover-all class until {@link https://github.com/jsdoc3/jsdoc/issues/1545} may be supported.
+ * `undefined` may be returned by {@link module:svgcanvas.SvgCanvas#event:extension_added} if the extension's `init` returns `undefined` It is also the type for the following events "zoomDone", "unsetnonce", "cleared", and "extensions_added".
+ * @event module:svgcanvas.SvgCanvas#event:GenericCanvasEvent
+ * @type {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset|module:svgcanvas.SvgCanvas#event:pointsAdded|module:svgcanvas.SvgCanvas#event:extension_added|module:svgcanvas.SvgCanvas#event:extensions_added|module:svgcanvas.SvgCanvas#event:message|module:svgcanvas.SvgCanvas#event:transition|module:svgcanvas.SvgCanvas#event:zoomed|module:svgcanvas.SvgCanvas#event:updateCanvas|module:svgcanvas.SvgCanvas#event:saved|module:svgcanvas.SvgCanvas#event:exported|module:svgcanvas.SvgCanvas#event:exportedPDF|module:svgcanvas.SvgCanvas#event:setnonce|module:svgcanvas.SvgCanvas#event:unsetnonce|undefined}
+ */
 
-	// Function: bind
-	// Attaches a callback function to an event
-	//
-	// Parameters:
-	// event - String indicating the name of the event
-	// f - The callback function to bind to the event
-	//
-	// Return:
-	// The previous event
-	c.bind = function(event, f) {
-		var old = events[event];
-		events[event] = f;
-		return old;
-	};
+/**
+* @callback module:svgcanvas.EventHandler
+* @param {external:Window} win
+* @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg
+* @listens module:svgcanvas.SvgCanvas#event:GenericCanvasEvent
+*/
 
-}(canvas));
-
-// Function: canvas.prepareSvg
-// Runs the SVG Document through the sanitizer and then updates its paths.
-//
-// Parameters:
-// newDoc - The SVG DOM document
-this.prepareSvg = function(newDoc) {
-	this.sanitizeSvg(newDoc.documentElement);
-
-	// convert paths into absolute commands
-	var i, path, len,
-		paths = newDoc.getElementsByTagNameNS(NS.SVG, 'path');
-	for (i = 0, len = paths.length; i < len; ++i) {
-		path = paths[i];
-		path.setAttribute('d', pathActions.convertPath(path));
-		pathActions.fixEnd(path);
-	}
+/**
+* Attaches a callback function to an event
+* @function module:svgcanvas.SvgCanvas#bind
+* @param {"changed"|"contextset"|"selected"|"pointsAdded"|"extension_added"|"extensions_added"|"message"|"transition"|"zoomed"|"updateCanvas"|"zoomDone"|"saved"|"exported"|"exportedPDF"|"setnonce"|"unsetnonce"|"cleared"} ev - String indicating the name of the event
+* @param {module:svgcanvas.EventHandler} f - The callback function to bind to the event
+* @returns {module:svgcanvas.EventHandler} The previous event
+*/
+canvas.bind = function (ev, f) {
+  const old = events[ev];
+  events[ev] = f;
+  return old;
 };
 
-// Function: ffClone
-// Hack for Firefox bugs where text element features aren't updated or get 
-// messed up. See issue 136 and issue 137.
-// This function clones the element and re-selects it 
-// TODO: Test for this bug on load and add it to "support" object instead of 
-// browser sniffing
-//
-// Parameters: 
-// elem - The (text) DOM element to clone
-var ffClone = function(elem) {
-	if (!svgedit.browser.isGecko()) {return elem;}
-	var clone = elem.cloneNode(true);
-	elem.parentNode.insertBefore(clone, elem);
-	elem.parentNode.removeChild(elem);
-	selectorManager.releaseSelector(elem);
-	selectedElements[0] = clone;
-	selectorManager.requestSelector(clone).showGrips(true);
-	return clone;
+/**
+* Runs the SVG Document through the sanitizer and then updates its paths.
+* @function module:svgcanvas.SvgCanvas#prepareSvg
+* @param {XMLDocument} newDoc - The SVG DOM document
+* @returns {undefined}
+*/
+this.prepareSvg = function (newDoc) {
+  this.sanitizeSvg(newDoc.documentElement);
+
+  // convert paths into absolute commands
+  const paths = [...newDoc.getElementsByTagNameNS(NS.SVG, 'path')];
+  paths.forEach((path) => {
+    path.setAttribute('d', pathActions.convertPath(path));
+    pathActions.fixEnd(path);
+  });
 };
 
+/**
+* Hack for Firefox bugs where text element features aren't updated or get
+* messed up. See issue 136 and issue 137.
+* This function clones the element and re-selects it.
+* @function module:svgcanvas~ffClone
+* @todo Test for this bug on load and add it to "support" object instead of
+* browser sniffing
+* @param {Element} elem - The (text) DOM element to clone
+* @returns {Element} Cloned element
+*/
+const ffClone = function (elem) {
+  if (!isGecko()) { return elem; }
+  const clone = elem.cloneNode(true);
+  elem.before(clone);
+  elem.remove();
+  selectorManager.releaseSelector(elem);
+  selectedElements[0] = clone;
+  selectorManager.requestSelector(clone).showGrips(true);
+  return clone;
+};
 
-// this.each is deprecated, if any extension used this it can be recreated by doing this:
-// $(canvas.getRootElem()).children().each(...)
-
-// this.each = function(cb) {
-//	$(svgroot).children().each(cb);
+// `this.each` is deprecated, if any extension used this it can be recreated by doing this:
+// * @example $(canvas.getRootElem()).children().each(...)
+// * @function module:svgcanvas.SvgCanvas#each
+// this.each = function (cb) {
+//  $(svgroot).children().each(cb);
 // };
 
+/**
+* Removes any old rotations if present, prepends a new rotation at the
+* transformed center
+* @function module:svgcanvas.SvgCanvas#setRotationAngle
+* @param {string|Float} val - The new rotation angle in degrees
+* @param {boolean} preventUndo - Indicates whether the action should be undoable or not
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+this.setRotationAngle = function (val, preventUndo) {
+  // ensure val is the proper type
+  val = parseFloat(val);
+  const elem = selectedElements[0];
+  const oldTransform = elem.getAttribute('transform');
+  const bbox = utilsGetBBox(elem);
+  const cx = bbox.x + bbox.width / 2, cy = bbox.y + bbox.height / 2;
+  const tlist = getTransformList(elem);
 
-// Function: setRotationAngle
-// Removes any old rotations if present, prepends a new rotation at the
-// transformed center
-//
-// Parameters:
-// val - The new rotation angle in degrees
-// preventUndo - Boolean indicating whether the action should be undoable or not
-this.setRotationAngle = function(val, preventUndo) {
-	// ensure val is the proper type
-	val = parseFloat(val);
-	var elem = selectedElements[0];
-	var oldTransform = elem.getAttribute('transform');
-	var bbox = svgedit.utilities.getBBox(elem);
-	var cx = bbox.x+bbox.width/2, cy = bbox.y+bbox.height/2;
-	var tlist = svgedit.transformlist.getTransformList(elem);
-	
-	// only remove the real rotational transform if present (i.e. at index=0)
-	if (tlist.numberOfItems > 0) {
-		var xform = tlist.getItem(0);
-		if (xform.type == 4) {
-			tlist.removeItem(0);
-		}
-	}
-	// find R_nc and insert it
-	if (val != 0) {
-		var center = svgedit.math.transformPoint(cx, cy, svgedit.math.transformListToTransform(tlist).matrix);
-		var R_nc = svgroot.createSVGTransform();
-		R_nc.setRotate(val, center.x, center.y);
-		if (tlist.numberOfItems) {
-			tlist.insertItemBefore(R_nc, 0);
-		} else {
-			tlist.appendItem(R_nc);
-		}
-	} else if (tlist.numberOfItems == 0) {
-		elem.removeAttribute('transform');
-	}
-	
-	if (!preventUndo) {
-		// we need to undo it, then redo it so it can be undo-able! :)
-		// TODO: figure out how to make changes to transform list undo-able cross-browser?
-		var newTransform = elem.getAttribute('transform');
-		elem.setAttribute('transform', oldTransform);
-		changeSelectedAttribute('transform', newTransform, selectedElements);
-		call('changed', selectedElements);
-	}
-	var pointGripContainer = svgedit.utilities.getElem('pathpointgrip_container');
-//		if (elem.nodeName == 'path' && pointGripContainer) {
-//			pathActions.setPointContainerTransform(elem.getAttribute('transform'));
-//		}
-	var selector = selectorManager.requestSelector(selectedElements[0]);
-	selector.resize();
-	selector.updateGripCursors(val);
+  // only remove the real rotational transform if present (i.e. at index=0)
+  if (tlist.numberOfItems > 0) {
+    const xform = tlist.getItem(0);
+    if (xform.type === 4) {
+      tlist.removeItem(0);
+    }
+  }
+  // find Rnc and insert it
+  if (val !== 0) {
+    const center = transformPoint(cx, cy, transformListToTransform(tlist).matrix);
+    const Rnc = svgroot.createSVGTransform();
+    Rnc.setRotate(val, center.x, center.y);
+    if (tlist.numberOfItems) {
+      tlist.insertItemBefore(Rnc, 0);
+    } else {
+      tlist.appendItem(Rnc);
+    }
+  } else if (tlist.numberOfItems === 0) {
+    elem.removeAttribute('transform');
+  }
+
+  if (!preventUndo) {
+    // we need to undo it, then redo it so it can be undo-able! :)
+    // TODO: figure out how to make changes to transform list undo-able cross-browser?
+    const newTransform = elem.getAttribute('transform');
+    elem.setAttribute('transform', oldTransform);
+    changeSelectedAttribute('transform', newTransform, selectedElements);
+    call('changed', selectedElements);
+  }
+  // const pointGripContainer = getElem('pathpointgrip_container');
+  // if (elem.nodeName === 'path' && pointGripContainer) {
+  //   pathActions.setPointContainerTransform(elem.getAttribute('transform'));
+  // }
+  const selector = selectorManager.requestSelector(selectedElements[0]);
+  selector.resize();
+  selector.updateGripCursors(val);
 };
 
-// Function: recalculateAllSelectedDimensions
-// Runs recalculateDimensions on the selected elements, 
-// adding the changes to a single batch command
-var recalculateAllSelectedDimensions = this.recalculateAllSelectedDimensions = function() {
-	var text = (current_resize_mode == 'none' ? 'position' : 'size');
-	var batchCmd = new svgedit.history.BatchCommand(text);
+/**
+* Runs `recalculateDimensions` on the selected elements,
+* adding the changes to a single batch command
+* @function module:svgcanvas.SvgCanvas#recalculateAllSelectedDimensions
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+const recalculateAllSelectedDimensions = this.recalculateAllSelectedDimensions = function () {
+  const text = (currentResizeMode === 'none' ? 'position' : 'size');
+  const batchCmd = new BatchCommand(text);
 
-	var i = selectedElements.length;
-	while (i--) {
-		var elem = selectedElements[i];
-//			if (svgedit.utilities.getRotationAngle(elem) && !svgedit.math.hasMatrixTransform(getTransformList(elem))) {continue;}
-		var cmd = svgedit.recalculate.recalculateDimensions(elem);
-		if (cmd) {
-			batchCmd.addSubCommand(cmd);
-		}
-	}
+  let i = selectedElements.length;
+  while (i--) {
+    const elem = selectedElements[i];
+    // if (getRotationAngle(elem) && !hasMatrixTransform(getTransformList(elem))) { continue; }
+    const cmd = recalculateDimensions(elem);
+    if (cmd) {
+      batchCmd.addSubCommand(cmd);
+    }
+  }
 
-	if (!batchCmd.isEmpty()) {
-		addCommandToHistory(batchCmd);
-		call('changed', selectedElements);
-	}
+  if (!batchCmd.isEmpty()) {
+    addCommandToHistory(batchCmd);
+    call('changed', selectedElements);
+  }
 };
 
-
-// Debug tool to easily see the current matrix in the browser's console
-var logMatrix = function(m) {
-	console.log([m.a, m.b, m.c, m.d, m.e, m.f]);
+/**
+ * Debug tool to easily see the current matrix in the browser's console
+ * @function module:svgcanvas~logMatrix
+ * @param {SVGMatrix} m The matrix
+ * @returns {undefined}
+ */
+const logMatrix = function (m) {
+  console.log([m.a, m.b, m.c, m.d, m.e, m.f]);
 };
 
 // Root Current Transformation Matrix in user units
-var root_sctm = null;
+let rootSctm = null;
 
-// Group: Selection
-
-// Function: clearSelection
-// Clears the selection. The 'selected' handler is then called.
-// Parameters: 
-// noCall - Optional boolean that when true does not call the "selected" handler
-var clearSelection = this.clearSelection = function(noCall) {
-	selectedElements.map(function(elem){
-		if(elem == null) return;
-
-		selectorManager.releaseSelector(elem);
-	});
-	selectedElements = [];
-
-	if (!noCall) {call('selected', selectedElements);}
-};
+/**
+* Group: Selection
+*/
 
 // TODO: do we need to worry about selectedBBoxes here?
 
-
-// Function: addToSelection
-// Adds a list of elements to the selection. The 'selected' handler is then called.
-//
-// Parameters:
-// elemsToAdd - an array of DOM elements to add to the selection
-// showGrips - a boolean flag indicating whether the resize grips should be shown
-var addToSelection = this.addToSelection = function(elemsToAdd, showGrips) {
-	if (elemsToAdd.length == 0) { return; }
-	// find the first null in our selectedElements array
-	var j = 0;
-	
-	while (j < selectedElements.length) {
-		if (selectedElements[j] == null) { 
-			break;
-		}
-		++j;
-	}
-
-	// now add each element consecutively
-	var i = elemsToAdd.length;
-	while (i--) {
-		var elem = elemsToAdd[i];
-		if (!elem) {continue;}
-		var bbox = svgedit.utilities.getBBox(elem);
-		if (!bbox) {continue;}
-
-		if (elem.tagName === 'a' && elem.childNodes.length === 1) {
-			// Make "a" element's child be the selected element 
-			elem = elem.firstChild;
-		}
-
-		// if it's not already there, add it
-		if (selectedElements.indexOf(elem) == -1) {
-
-			selectedElements[j] = elem;
-
-			// only the first selectedBBoxes element is ever used in the codebase these days
-//			if (j == 0) selectedBBoxes[0] = svgedit.utilities.getBBox(elem);
-			j++;
-			var sel = selectorManager.requestSelector(elem, bbox);
-	
-			if (selectedElements.length > 1) {
-				sel.showGrips(false);
-			}
-		}
-	}
-	call('selected', selectedElements);
-	
-	if (showGrips || selectedElements.length == 1) {
-		selectorManager.requestSelector(selectedElements[0]).showGrips(true);
-	}
-	else {
-		selectorManager.requestSelector(selectedElements[0]).showGrips(false);
-	}
-
-	// make sure the elements are in the correct order
-	// See: http://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-compareDocumentPosition
-
-	selectedElements.sort(function(a, b) {
-		if (a && b && a.compareDocumentPosition) {
-			return 3 - (b.compareDocumentPosition(a) & 6);	
-		}
-		if (a == null) {
-			return 1;
-		}
-	});
-	
-	// Make sure first elements are not null
-	while (selectedElements[0] == null) {
-		selectedElements.shift(0);
-	}
-};
-
-// Function: selectOnly()
-// Selects only the given elements, shortcut for clearSelection(); addToSelection()
-//
-// Parameters:
-// elems - an array of DOM elements to be selected
-var selectOnly = this.selectOnly = function(elems, showGrips) {
-	clearSelection(true);
-	addToSelection(elems, showGrips);
+/**
+* Selects only the given elements, shortcut for clearSelection(); addToSelection()
+* @function module:svgcanvas.SvgCanvas#selectOnly
+* @param {Element[]} elems - an array of DOM elements to be selected
+* @param {boolean} showGrips - Indicates whether the resize grips should be shown
+* @returns {undefined}
+*/
+const selectOnly = this.selectOnly = function (elems, showGrips) {
+  clearSelection(true);
+  addToSelection(elems, showGrips);
 };
 
 // TODO: could use slice here to make this faster?
 // TODO: should the 'selected' handler
 
-// Function: removeFromSelection
-// Removes elements from the selection.
-//
-// Parameters:
-// elemsToRemove - an array of elements to remove from selection
-var removeFromSelection = this.removeFromSelection = function(elemsToRemove) {
-	if (selectedElements[0] == null) { return; }
-	if (elemsToRemove.length == 0) { return; }
-
-	// find every element and remove it from our array copy
-	var i,
-		j = 0,
-		newSelectedItems = [],
-		len = selectedElements.length;
-	newSelectedItems.length = len;
-	for (i = 0; i < len; ++i) {
-		var elem = selectedElements[i];
-		if (elem) {
-			// keep the item
-			if (elemsToRemove.indexOf(elem) == -1) {
-				newSelectedItems[j] = elem;
-				j++;
-			} else { // remove the item and its selector
-				selectorManager.releaseSelector(elem);
-			}
-		}
-	}
-	// the copy becomes the master now
-	selectedElements = newSelectedItems;
-};
-
-// Function: selectAllInCurrentLayer
-// Clears the selection, then adds all elements in the current layer to the selection.
-this.selectAllInCurrentLayer = function() {
-	var current_layer = getCurrentDrawing().getCurrentLayer();
-	if (current_layer) {
-		current_mode = 'select';
-		selectOnly($(current_group || current_layer).children());
-	}
-};
-
-// Function: getMouseTarget
-// Gets the desired element from a mouse event
-// 
-// Parameters:
-// evt - Event object from the mouse event
-// 
-// Returns:
-// DOM element we want
-var getMouseTarget = this.getMouseTarget = function(evt) {
-	if (evt == null) {
-		return null;
-	}
-	var mouse_target = evt.target;
-	
-	// if it was a <use>, Opera and WebKit return the SVGElementInstance
-	if (mouse_target.correspondingUseElement) {mouse_target = mouse_target.correspondingUseElement;}
-	
-	// for foreign content, go up until we find the foreignObject
-	// WebKit browsers set the mouse target to the svgcanvas div 
-	if ([NS.MATH, NS.HTML].indexOf(mouse_target.namespaceURI) >= 0 && 
-		mouse_target.id != 'svgcanvas') 
-	{
-		while (mouse_target.nodeName != 'foreignObject') {
-			mouse_target = mouse_target.parentNode;
-			if (!mouse_target) {return svgroot;}
-		}
-	}
-	
-	// Get the desired mouse_target with jQuery selector-fu
-	// If it's root-like, select the root
-	var current_layer = getCurrentDrawing().getCurrentLayer();
-	if ([svgroot, container, svgcontent, current_layer].indexOf(mouse_target) >= 0) {
-		return svgroot;
-	}
-	
-	var $target = $(mouse_target);
-
-	// If it's a selection grip, return the grip parent
-	if ($target.closest('#selectorParentGroup').length) {
-		// While we could instead have just returned mouse_target, 
-		// this makes it easier to indentify as being a selector grip
-		return selectorManager.selectorParentGroup;
-	}
-
-	while (mouse_target.parentNode !== (current_group || current_layer)) {
-		mouse_target = mouse_target.parentNode;
-	}
-	
-//	
-//	// go up until we hit a child of a layer
-//	while (mouse_target.parentNode.parentNode.tagName == 'g') {
-//		mouse_target = mouse_target.parentNode;
-//	}
-	// Webkit bubbles the mouse event all the way up to the div, so we
-	// set the mouse_target to the svgroot like the other browsers
-//	if (mouse_target.nodeName.toLowerCase() == 'div') {
-//		mouse_target = svgroot;
-//	}
-	
-	return mouse_target;
-};
-
-// Mouse events
-(function() {
-	var d_attr = null,
-		start_x = null,
-		start_y = null,
-		r_start_x = null,
-		r_start_y = null,
-		init_bbox = {},
-		freehand = {
-			minx: null,
-			miny: null,
-			maxx: null,
-			maxy: null
-		},
-		sumDistance = 0,
-		controllPoint2 = {x:0, y:0},
-		controllPoint1 = {x:0, y:0},
-		start = {x:0, y:0},
-		end = {x:0, y:0},
-		parameter,
-		nextParameter,
-		bSpline = {x:0, y:0},
-		nextPos = {x:0, y:0},
-		THRESHOLD_DIST = 0.8,
-		STEP_COUNT = 10;
-
-	var getBsplinePoint = function(t) {
-		var spline = {x:0, y:0},
-			p0 = controllPoint2,
-			p1 = controllPoint1,
-			p2 = start,
-			p3 = end,
-			S = 1.0 / 6.0,
-			t2 = t * t,
-			t3 = t2 * t;
-
-		var m = [
-				[-1, 3, -3, 1],
-				[3, -6, 3, 0],
-				[-3, 0, 3, 0],
-				[1, 4, 1, 0]
-			];
-
-		spline.x = S * (
-			(p0.x * m[0][0] + p1.x * m[0][1] + p2.x * m[0][2] + p3.x * m[0][3] ) * t3 +
-				(p0.x * m[1][0] + p1.x * m[1][1] + p2.x * m[1][2] + p3.x * m[1][3] ) * t2 +
-				(p0.x * m[2][0] + p1.x * m[2][1] + p2.x * m[2][2] + p3.x * m[2][3] ) * t +
-				(p0.x * m[3][0] + p1.x * m[3][1] + p2.x * m[3][2] + p3.x * m[3][3] )
-		);
-		spline.y = S * (
-			(p0.y * m[0][0] + p1.y * m[0][1] + p2.y * m[0][2] + p3.y * m[0][3] ) * t3 +
-				(p0.y * m[1][0] + p1.y * m[1][1] + p2.y * m[1][2] + p3.y * m[1][3] ) * t2 +
-				(p0.y * m[2][0] + p1.y * m[2][1] + p2.y * m[2][2] + p3.y * m[2][3] ) * t +
-				(p0.y * m[3][0] + p1.y * m[3][1] + p2.y * m[3][2] + p3.y * m[3][3] )
-		);
-
-		return {
-			x:spline.x,
-			y:spline.y
-		};
-	};
-	// - when we are in a create mode, the element is added to the canvas
-	// but the action is not recorded until mousing up
-	// - when we are in select mode, select the element, remember the position
-	// and do nothing else
-	var mouseDown = function(evt) {
-		if (canvas.spaceKey || evt.button === 1) {return;}
-
-		var right_click = evt.button === 2;
-	
-		if (evt.altKey) { // duplicate when dragging
-			svgCanvas.cloneSelectedElements(0, 0);
-		}
-	
-		root_sctm = $('#svgcontent g')[0].getScreenCTM().inverse();
-		
-		var pt = svgedit.math.transformPoint( evt.pageX, evt.pageY, root_sctm ),
-			mouse_x = pt.x * current_zoom,
-			mouse_y = pt.y * current_zoom;
-			
-		evt.preventDefault();
-
-		if (right_click) {
-			current_mode = 'select';
-			lastClickPoint = pt;
-		}
-		
-		// This would seem to be unnecessary...
-//		if (['select', 'resize'].indexOf(current_mode) == -1) {
-//			setGradient();
-//		}
-		
-		var x = mouse_x / current_zoom,
-			y = mouse_y / current_zoom,
-			mouse_target = getMouseTarget(evt);
-		
-		if (mouse_target.tagName === 'a' && mouse_target.childNodes.length === 1) {
-			mouse_target = mouse_target.firstChild;
-		}
-		
-		// real_x/y ignores grid-snap value
-		var real_x = x;
-		r_start_x = start_x = x;
-		var real_y = y;
-		r_start_y = start_y = y;
-
-		if (curConfig.gridSnapping){
-			x = svgedit.utilities.snapToGrid(x);
-			y = svgedit.utilities.snapToGrid(y);
-			start_x = svgedit.utilities.snapToGrid(start_x);
-			start_y = svgedit.utilities.snapToGrid(start_y);
-		}
-
-		// if it is a selector grip, then it must be a single element selected, 
-		// set the mouse_target to that and update the mode to rotate/resize
-		
-		if (mouse_target == selectorManager.selectorParentGroup && selectedElements[0] != null) {
-			var grip = evt.target;
-			var griptype = elData(grip, 'type');
-			// rotating
-			if (griptype == 'rotate') {
-				current_mode = 'rotate';
-			}
-			// resizing
-			else if (griptype == 'resize') {
-				current_mode = 'resize';
-				current_resize_mode = elData(grip, 'dir');
-			}
-			mouse_target = selectedElements[0];
-		}
-		
-		startTransform = mouse_target.getAttribute('transform');
-		var i, stroke_w,
-			tlist = svgedit.transformlist.getTransformList(mouse_target);
-		switch (current_mode) {
-			case 'select':
-				started = true;
-				current_resize_mode = 'none';
-				if (right_click) {started = false;}
-				
-				if (mouse_target != svgroot) {
-					// if this element is not yet selected, clear selection and select it
-					if (selectedElements.indexOf(mouse_target) == -1) {
-						// only clear selection if shift is not pressed (otherwise, add 
-						// element to selection)
-						if (!evt.shiftKey) {
-							// No need to do the call here as it will be done on addToSelection
-							clearSelection(true);
-						}
-						addToSelection([mouse_target]);
-						justSelected = mouse_target;
-						pathActions.clear();
-					}
-					// else if it's a path, go into pathedit mode in mouseup
-					
-					if (!right_click) {
-						// insert a dummy transform so if the element(s) are moved it will have
-						// a transform to use for its translate
-						for (i = 0; i < selectedElements.length; ++i) {
-							if (selectedElements[i] == null) {continue;}
-							var slist = svgedit.transformlist.getTransformList(selectedElements[i]);
-							if (slist.numberOfItems) {
-								slist.insertItemBefore(svgroot.createSVGTransform(), 0);
-							} else {
-								slist.appendItem(svgroot.createSVGTransform());
-							}
-						}
-					}
-				} else if (!right_click){
-					clearSelection();
-					current_mode = 'multiselect';
-					if (rubberBox == null) {
-						rubberBox = selectorManager.getRubberBandBox();
-					}
-					r_start_x *= current_zoom;
-					r_start_y *= current_zoom;
-//					console.log('p',[evt.pageX, evt.pageY]);					
-//					console.log('c',[evt.clientX, evt.clientY]);	
-//					console.log('o',[evt.offsetX, evt.offsetY]);	
-//					console.log('s',[start_x, start_y]);
-					
-					svgedit.utilities.assignAttributes(rubberBox, {
-						'x': r_start_x,
-						'y': r_start_y,
-						'width': 0,
-						'height': 0,
-						'display': 'inline'
-					}, 100);
-				}
-				break;
-			case 'zoom': 
-				started = true;
-				if (rubberBox == null) {
-					rubberBox = selectorManager.getRubberBandBox();
-				}
-				svgedit.utilities.assignAttributes(rubberBox, {
-						'x': real_x * current_zoom,
-						'y': real_x * current_zoom,
-						'width': 0,
-						'height': 0,
-						'display': 'inline'
-				}, 100);
-				break;
-			case 'resize':
-				started = true;
-				start_x = x;
-				start_y = y;
-				
-				// Getting the BBox from the selection box, since we know we
-				// want to orient around it
-				init_bbox = svgedit.utilities.getBBox($('#selectedBox0')[0]);
-				var bb = {};
-				$.each(init_bbox, function(key, val) {
-					bb[key] = val/current_zoom;
-				});
-				init_bbox = bb;
-				
-				// append three dummy transforms to the tlist so that
-				// we can translate,scale,translate in mousemove
-				var pos = svgedit.utilities.getRotationAngle(mouse_target) ? 1 : 0;
-				
-				if (svgedit.math.hasMatrixTransform(tlist)) {
-					tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
-					tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
-					tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
-				} else {
-					tlist.appendItem(svgroot.createSVGTransform());
-					tlist.appendItem(svgroot.createSVGTransform());
-					tlist.appendItem(svgroot.createSVGTransform());
-					
-					if (svgedit.browser.supportsNonScalingStroke()) {
-						// Handle crash for newer Chrome and Safari 6 (Mobile and Desktop): 
-						// https://code.google.com/p/svg-edit/issues/detail?id=904
-						// Chromium issue: https://code.google.com/p/chromium/issues/detail?id=114625
-						// TODO: Remove this workaround once vendor fixes the issue
-						var isWebkit = svgedit.browser.isWebkit();
-
-						if (isWebkit) {
-							var delayedStroke = function(ele) {
-								var _stroke = ele.getAttributeNS(null, 'stroke');
-								ele.removeAttributeNS(null, 'stroke');
-								// Re-apply stroke after delay. Anything higher than 1 seems to cause flicker
-								if (_stroke !== null) setTimeout(function() { ele.setAttributeNS(null, 'stroke', _stroke); }, 0);
-							};
-						}
-						mouse_target.style.vectorEffect = 'non-scaling-stroke';
-						if (isWebkit) {delayedStroke(mouse_target);}
-
-						var all = mouse_target.getElementsByTagName('*'),
-							len = all.length;
-						for (i = 0; i < len; i++) {
-							all[i].style.vectorEffect = 'non-scaling-stroke';
-							if (isWebkit) {delayedStroke(all[i]);}
-						}
-					}
-				}
-				break;
-			case 'fhellipse':
-			case 'fhrect':
-			case 'fhpath':
-				start.x = real_x;
-				start.y = real_y;
-				started = true;
-				d_attr = real_x + ',' + real_y + ' ';
-				stroke_w = cur_shape.stroke_width == 0 ? 1 : cur_shape.stroke_width;
-				addSvgElementFromJson({
-					element: 'polyline',
-					curStyles: true,
-					attr: {
-						points: d_attr,
-						id: getNextId(),
-						fill: 'none',
-						opacity: cur_shape.opacity / 2,
-						'stroke-linecap': 'round',
-						style: 'pointer-events:none'
-					}
-				});
-				freehand.minx = real_x;
-				freehand.maxx = real_x;
-				freehand.miny = real_y;
-				freehand.maxy = real_y;
-				break;
-			case 'image':
-				started = true;
-				var newImage = addSvgElementFromJson({
-					element: 'image',
-					attr: {
-						x: x,
-						y: y,
-						width: 0,
-						height: 0,
-						id: getNextId(),
-						opacity: cur_shape.opacity / 2,
-						style: 'pointer-events:inherit'
-					}
-				});
-				setHref(newImage, last_good_img_url);
-				svgedit.utilities.preventClickDefault(newImage);
-				break;
-			case 'square':
-				// FIXME: once we create the rect, we lose information that this was a square
-				// (for resizing purposes this could be important)
-			case 'rect':
-				started = true;
-				start_x = x;
-				start_y = y;
-				addSvgElementFromJson({
-					element: 'rect',
-					curStyles: true,
-					attr: {
-						x: x,
-						y: y,
-						width: 0,
-						height: 0,
-						id: getNextId(),
-						opacity: cur_shape.opacity / 2
-					}
-				});
-				break;
-			case 'line':
-				started = true;
-				stroke_w = cur_shape.stroke_width == 0 ? 1 : cur_shape.stroke_width;
-				addSvgElementFromJson({
-					element: 'line',
-					curStyles: true,
-					attr: {
-						x1: x,
-						y1: y,
-						x2: x,
-						y2: y,
-						id: getNextId(),
-						stroke: cur_shape.stroke,
-						'stroke-width': stroke_w,
-						'stroke-dasharray': cur_shape.stroke_dasharray,
-						'stroke-linejoin': cur_shape.stroke_linejoin,
-						'stroke-linecap': cur_shape.stroke_linecap,
-						'stroke-opacity': cur_shape.stroke_opacity,
-						fill: 'none',
-						opacity: cur_shape.opacity / 2,
-						style: 'pointer-events:none'
-					}
-				});
-				break;
-			case 'circle':
-				started = true;
-				addSvgElementFromJson({
-					element: 'circle',
-					curStyles: true,
-					attr: {
-						cx: x,
-						cy: y,
-						r: 0,
-						id: getNextId(),
-						opacity: cur_shape.opacity / 2
-					}
-				});
-				break;
-			case 'ellipse':
-				started = true;
-				addSvgElementFromJson({
-					element: 'ellipse',
-					curStyles: true,
-					attr: {
-						cx: x,
-						cy: y,
-						rx: 0,
-						ry: 0,
-						id: getNextId(),
-						opacity: cur_shape.opacity / 2
-					}
-				});
-				break;
-			case 'text':
-				started = true;
-				var newText = addSvgElementFromJson({
-					element: 'text',
-					curStyles: true,
-					attr: {
-						x: x,
-						y: y,
-						id: getNextId(),
-						fill: cur_text.fill,
-						'stroke-width': cur_text.stroke_width,
-						'font-size': cur_text.font_size,
-						'font-family': cur_text.font_family,
-						'text-anchor': 'middle',
-						'xml:space': 'preserve',
-						opacity: cur_shape.opacity
-					}
-				});
-//					newText.textContent = 'text';
-				break;
-			case 'path':
-				// Fall through
-			case 'pathedit':
-				start_x *= current_zoom;
-				start_y *= current_zoom;
-				pathActions.mouseDown(evt, mouse_target, start_x, start_y);
-				started = true;
-				break;
-			case 'textedit':
-				start_x *= current_zoom;
-				start_y *= current_zoom;
-				textActions.mouseDown(evt, mouse_target, start_x, start_y);
-				started = true;
-				break;
-			case 'rotate':
-				started = true;
-				// we are starting an undoable change (a drag-rotation)
-				canvas.undoMgr.beginUndoableChange('transform', selectedElements);
-				break;
-			default:
-				// This could occur in an extension
-				break;
-		}
-		
-		var ext_result = runExtensions('mouseDown', {
-			event: evt,
-			start_x: start_x,
-			start_y: start_y,
-			selectedElements: selectedElements
-		}, true);
-		
-		$.each(ext_result, function(i, r) {
-			if (r && r.started) {
-				started = true;
-			}
-		});
-	};
-	
-	// in this function we do not record any state changes yet (but we do update
-	// any elements that are still being created, moved or resized on the canvas)
-	var mouseMove = function(evt) {
-		if (!started) {return;}
-		if (evt.button === 1 || canvas.spaceKey) {return;}
-
-		var i, xya, c, cx, cy, dx, dy, len, angle, box,
-			selected = selectedElements[0],
-			pt = svgedit.math.transformPoint( evt.pageX, evt.pageY, root_sctm ),
-			mouse_x = pt.x * current_zoom,
-			mouse_y = pt.y * current_zoom,
-			shape = svgedit.utilities.getElem(getId());
-
-		var real_x = mouse_x / current_zoom;
-		x = real_x;
-		var real_y = mouse_y / current_zoom;
-		y = real_y;
-	
-		if (curConfig.gridSnapping){
-			x = svgedit.utilities.snapToGrid(x);
-			y = svgedit.utilities.snapToGrid(y);
-		}
-
-		evt.preventDefault();
-		var tlist;
-		switch (current_mode) {
-			case 'select':
-				// we temporarily use a translate on the element(s) being dragged
-				// this transform is removed upon mousing up and the element is 
-				// relocated to the new location
-				if (selectedElements[0] !== null) {
-					dx = x - start_x;
-					dy = y - start_y;
-					
-					if (curConfig.gridSnapping){
-						dx = svgedit.utilities.snapToGrid(dx);
-						dy = svgedit.utilities.snapToGrid(dy);
-					}
-
-					if (evt.shiftKey) { 
-						xya = svgedit.math.snapToAngle(start_x, start_y, x, y);
-						x = xya.x;
-						y = xya.y; 
-					}
-
-					if (dx != 0 || dy != 0) {
-						len = selectedElements.length;
-						for (i = 0; i < len; ++i) {
-							selected = selectedElements[i];
-							if (selected == null) {break;}
-//							if (i==0) {
-//								var box = svgedit.utilities.getBBox(selected);
-//									selectedBBoxes[i].x = box.x + dx;
-//									selectedBBoxes[i].y = box.y + dy;
-//							}
-
-							// update the dummy transform in our transform list
-							// to be a translate
-							var xform = svgroot.createSVGTransform();
-							tlist = svgedit.transformlist.getTransformList(selected);
-							// Note that if Webkit and there's no ID for this
-							// element, the dummy transform may have gotten lost.
-							// This results in unexpected behaviour
-							
-							xform.setTranslate(dx, dy);
-							if (tlist.numberOfItems) {
-								tlist.replaceItem(xform, 0);
-							} else {
-								tlist.appendItem(xform);
-							}
-							
-							// update our internal bbox that we're tracking while dragging
-							selectorManager.requestSelector(selected).resize();
-						}
-						
-						call('transition', selectedElements);
-					}
-				}
-				break;
-			case 'multiselect':
-				real_x *= current_zoom;
-				real_y *= current_zoom;
-				svgedit.utilities.assignAttributes(rubberBox, {
-					'x': Math.min(r_start_x, real_x),
-					'y': Math.min(r_start_y, real_y),
-					'width': Math.abs(real_x - r_start_x),
-					'height': Math.abs(real_y - r_start_y)
-				}, 100);
-
-				// for each selected:
-				// - if newList contains selected, do nothing
-				// - if newList doesn't contain selected, remove it from selected
-				// - for any newList that was not in selectedElements, add it to selected
-				var elemsToRemove = selectedElements.slice(), elemsToAdd = [],
-					newList = getIntersectionList();
-
-				// For every element in the intersection, add if not present in selectedElements.
-				len = newList.length;
-				for (i = 0; i < len; ++i) {
-					var intElem = newList[i];
-					// Found an element that was not selected before, so we should add it.
-					if (selectedElements.indexOf(intElem) == -1) {
-						elemsToAdd.push(intElem);
-					}
-					// Found an element that was already selected, so we shouldn't remove it.
-					var foundInd = elemsToRemove.indexOf(intElem);
-					if (foundInd != -1) {
-						elemsToRemove.splice(foundInd, 1)
-					}
-				}
-				
-				if (elemsToRemove.length > 0) {
-					canvas.removeFromSelection(elemsToRemove);
-				}
-				
-				if (elemsToAdd.length > 0) {
-					canvas.addToSelection(elemsToAdd);
-				}
-					
-				break;
-			case 'resize':
-				// we track the resize bounding box and translate/scale the selected element
-				// while the mouse is down, when mouse goes up, we use this to recalculate
-				// the shape's coordinates
-				tlist = svgedit.transformlist.getTransformList(selected);
-				var hasMatrix = svgedit.math.hasMatrixTransform(tlist);
-				box = hasMatrix ? init_bbox : svgedit.utilities.getBBox(selected);
-				var left = box.x, top = box.y, width = box.width,
-					height = box.height;
-					dx = (x-start_x);
-					dy = (y-start_y);
-				
-				if (curConfig.gridSnapping) {
-					dx = svgedit.utilities.snapToGrid(dx);
-					dy = svgedit.utilities.snapToGrid(dy);
-					height = svgedit.utilities.snapToGrid(height);
-					width = svgedit.utilities.snapToGrid(width);
-				}
-
-				// if rotated, adjust the dx,dy values
-				angle = svgedit.utilities.getRotationAngle(selected);
-				if (angle) {
-					var r = Math.sqrt( dx*dx + dy*dy ),
-						theta = Math.atan2(dy, dx) - angle * Math.PI / 180.0;
-					dx = r * Math.cos(theta);
-					dy = r * Math.sin(theta);
-				}
-
-				// if not stretching in y direction, set dy to 0
-				// if not stretching in x direction, set dx to 0
-				if (current_resize_mode.indexOf('n')==-1 && current_resize_mode.indexOf('s')==-1) {
-					dy = 0;
-				}
-				if (current_resize_mode.indexOf('e')==-1 && current_resize_mode.indexOf('w')==-1) {
-					dx = 0;
-				}				
-				
-				var ts = null,
-					tx = 0, ty = 0,
-					sy = height ? (height+dy)/height : 1, 
-					sx = width ? (width+dx)/width : 1;
-				// if we are dragging on the north side, then adjust the scale factor and ty
-				if (current_resize_mode.indexOf('n') >= 0) {
-					sy = height ? (height-dy)/height : 1;
-					ty = height;
-				}
-				
-				// if we dragging on the east side, then adjust the scale factor and tx
-				if (current_resize_mode.indexOf('w') >= 0) {
-					sx = width ? (width-dx)/width : 1;
-					tx = width;
-				}
-				
-				// update the transform list with translate,scale,translate
-				var translateOrigin = svgroot.createSVGTransform(),
-					scale = svgroot.createSVGTransform(),
-					translateBack = svgroot.createSVGTransform();
-
-				if (curConfig.gridSnapping) {
-					left = svgedit.utilities.snapToGrid(left);
-					tx = svgedit.utilities.snapToGrid(tx);
-					top = svgedit.utilities.snapToGrid(top);
-					ty = svgedit.utilities.snapToGrid(ty);
-				}
-
-				translateOrigin.setTranslate(-(left+tx), -(top+ty));
-				if (evt.shiftKey) {
-					if (sx == 1) {sx = sy;}
-					else {sy = sx;}
-				}
-				scale.setScale(sx, sy);
-				
-				translateBack.setTranslate(left+tx, top+ty);
-				if (hasMatrix) {
-					var diff = angle ? 1 : 0;
-					tlist.replaceItem(translateOrigin, 2+diff);
-					tlist.replaceItem(scale, 1+diff);
-					tlist.replaceItem(translateBack, Number(diff));
-				} else {
-					var N = tlist.numberOfItems;
-					tlist.replaceItem(translateBack, N-3);
-					tlist.replaceItem(scale, N-2);
-					tlist.replaceItem(translateOrigin, N-1);
-				}
-
-				selectorManager.requestSelector(selected).resize();
-				
-				call('transition', selectedElements);
-				
-				break;
-			case 'zoom':
-				real_x *= current_zoom;
-				real_y *= current_zoom;
-				svgedit.utilities.assignAttributes(rubberBox, {
-					'x': Math.min(r_start_x*current_zoom, real_x),
-					'y': Math.min(r_start_y*current_zoom, real_y),
-					'width': Math.abs(real_x - r_start_x*current_zoom),
-					'height': Math.abs(real_y - r_start_y*current_zoom)
-				}, 100);			
-				break;
-			case 'text':
-				svgedit.utilities.assignAttributes(shape,{
-					'x': x,
-					'y': y
-				}, 1000);
-				break;
-			case 'line':
-				if (curConfig.gridSnapping) {
-					x = svgedit.utilities.snapToGrid(x);
-					y = svgedit.utilities.snapToGrid(y);
-				}
-
-				var x2 = x;
-				var y2 = y;					
-
-				if (evt.shiftKey) {
-					xya = svgedit.math.snapToAngle(start_x, start_y, x2, y2);
-					x2 = xya.x;
-					y2 = xya.y;
-				}
-				
-				shape.setAttributeNS(null, 'x2', x2);
-				shape.setAttributeNS(null, 'y2', y2);
-				break;
-			case 'foreignObject':
-				// fall through
-			case 'square':
-				// fall through
-			case 'rect':
-				// fall through
-			case 'image':
-				var square = (current_mode == 'square') || evt.shiftKey,
-					w = Math.abs(x - start_x),
-					h = Math.abs(y - start_y),
-					new_x, new_y;
-				if (square) {
-					w = h = Math.max(w, h);
-					new_x = start_x < x ? start_x : start_x - w;
-					new_y = start_y < y ? start_y : start_y - h;
-				} else {
-					new_x = Math.min(start_x, x);
-					new_y = Math.min(start_y, y);
-				}
-	
-				if (curConfig.gridSnapping) {
-					w = svgedit.utilities.snapToGrid(w);
-					h = svgedit.utilities.snapToGrid(h);
-					new_x = svgedit.utilities.snapToGrid(new_x);
-					new_y = svgedit.utilities.snapToGrid(new_y);
-				}
-
-				svgedit.utilities.assignAttributes(shape,{
-					'width': w,
-					'height': h,
-					'x': new_x,
-					'y': new_y
-				},1000);
-				
-				break;
-			case 'circle':
-				c = $(shape).attr(['cx', 'cy']);
-				cx = c.cx;
-				cy = c.cy;
-				var rad = Math.sqrt( (x-cx)*(x-cx) + (y-cy)*(y-cy) );
-				if (curConfig.gridSnapping) {
-					rad = svgedit.utilities.snapToGrid(rad);
-				}
-				shape.setAttributeNS(null, 'r', rad);
-				break;
-			case 'ellipse':
-				c = $(shape).attr(['cx', 'cy']);
-				cx = c.cx;
-				cy = c.cy;
-				if (curConfig.gridSnapping) {
-					x = svgedit.utilities.snapToGrid(x);
-					cx = svgedit.utilities.snapToGrid(cx);
-					y = svgedit.utilities.snapToGrid(y);
-					cy = svgedit.utilities.snapToGrid(cy);
-				}
-				shape.setAttributeNS(null, 'rx', Math.abs(x - cx) );
-				var ry = Math.abs(evt.shiftKey?(x - cx):(y - cy));
-				shape.setAttributeNS(null, 'ry', ry );
-				break;
-			case 'fhellipse':
-			case 'fhrect':
-				freehand.minx = Math.min(real_x, freehand.minx);
-				freehand.maxx = Math.max(real_x, freehand.maxx);
-				freehand.miny = Math.min(real_y, freehand.miny);
-				freehand.maxy = Math.max(real_y, freehand.maxy);
-			// break; missing on purpose
-			case 'fhpath':
-//				d_attr += + real_x + ',' + real_y + ' ';
-//				shape.setAttributeNS(null, 'points', d_attr);
-				end.x = real_x; end.y = real_y;
-				if (controllPoint2.x && controllPoint2.y) {
-					for (i = 0; i < STEP_COUNT - 1; i++) {
-						parameter = i / STEP_COUNT;
-						nextParameter = (i + 1) / STEP_COUNT;
-						bSpline = getBsplinePoint(nextParameter);
-						nextPos = bSpline;
-						bSpline = getBsplinePoint(parameter);
-						sumDistance += Math.sqrt((nextPos.x - bSpline.x) * (nextPos.x - bSpline.x) + (nextPos.y - bSpline.y) * (nextPos.y - bSpline.y));
-						if (sumDistance > THRESHOLD_DIST) {
-							d_attr += + bSpline.x + ',' + bSpline.y + ' ';
-							shape.setAttributeNS(null, 'points', d_attr);
-							sumDistance -= THRESHOLD_DIST;
-						}
-					}
-				}
-				controllPoint2 = {x:controllPoint1.x, y:controllPoint1.y};
-				controllPoint1 = {x:start.x, y:start.y};
-				start = {x:end.x, y:end.y};
-				break;
-			// update path stretch line coordinates
-			case 'path':
-				// fall through
-			case 'pathedit':
-				x *= current_zoom;
-				y *= current_zoom;
-				
-				if (curConfig.gridSnapping) {
-					x = svgedit.utilities.snapToGrid(x);
-					y = svgedit.utilities.snapToGrid(y);
-					start_x = svgedit.utilities.snapToGrid(start_x);
-					start_y = svgedit.utilities.snapToGrid(start_y);
-				}
-				if (evt.shiftKey) {
-					var path = svgedit.path.path;
-					var x1, y1;
-					if (path) {
-						x1 = path.dragging?path.dragging[0]:start_x;
-						y1 = path.dragging?path.dragging[1]:start_y;
-					} else {
-						x1 = start_x;
-						y1 = start_y;
-					}
-					xya = svgedit.math.snapToAngle(x1, y1, x, y);
-					x = xya.x;
-					y = xya.y;
-				}
-				
-				if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
-					real_x *= current_zoom;
-					real_y *= current_zoom;
-					svgedit.utilities.assignAttributes(rubberBox, {
-						'x': Math.min(r_start_x*current_zoom, real_x),
-						'y': Math.min(r_start_y*current_zoom, real_y),
-						'width': Math.abs(real_x - r_start_x*current_zoom),
-						'height': Math.abs(real_y - r_start_y*current_zoom)
-					},100);	
-				}
-				pathActions.mouseMove(x, y);
-				
-				break;
-			case 'textedit':
-				x *= current_zoom;
-				y *= current_zoom;
-//					if (rubberBox && rubberBox.getAttribute('display') != 'none') {
-//						svgedit.utilities.assignAttributes(rubberBox, {
-//							'x': Math.min(start_x,x),
-//							'y': Math.min(start_y,y),
-//							'width': Math.abs(x-start_x),
-//							'height': Math.abs(y-start_y)
-//						},100);
-//					}
-				
-				textActions.mouseMove(mouse_x, mouse_y);
-				
-				break;
-			case 'rotate':
-				box = svgedit.utilities.getBBox(selected);
-				cx = box.x + box.width/2;
-				cy = box.y + box.height/2;
-				var m = svgedit.math.getMatrix(selected),
-					center = svgedit.math.transformPoint(cx, cy, m);
-				cx = center.x;
-				cy = center.y;
-				angle = ((Math.atan2(cy-y, cx-x) * (180/Math.PI))-90) % 360;
-				if (curConfig.gridSnapping) {
-					angle = svgedit.utilities.snapToGrid(angle);
-				}
-				if (evt.shiftKey) { // restrict rotations to nice angles (WRS)
-					var snap = 45;
-					angle= Math.round(angle/snap)*snap;
-				}
-
-				canvas.setRotationAngle(angle<-180?(360+angle):angle, true);
-				call('transition', selectedElements);
-				break;
-			default:
-				break;
-		}
-		
-		runExtensions('mouseMove', {
-			event: evt,
-			mouse_x: mouse_x,
-			mouse_y: mouse_y,
-			selected: selected
-		});
-
-	}; // mouseMove()
-	
-	// - in create mode, the element's opacity is set properly, we create an InsertElementCommand
-	// and store it on the Undo stack
-	// - in move/resize mode, the element's attributes which were affected by the move/resize are
-	// identified, a ChangeElementCommand is created and stored on the stack for those attrs
-	// this is done in when we recalculate the selected dimensions()
-	var mouseUp = function(evt) {
-		if (evt.button === 2) {return;}
-		var tempJustSelected = justSelected;
-		justSelected = null;
-		if (!started) {return;}
-		var pt = svgedit.math.transformPoint(evt.pageX, evt.pageY, root_sctm),
-			mouse_x = pt.x * current_zoom,
-			mouse_y = pt.y * current_zoom,
-			x = mouse_x / current_zoom,
-			y = mouse_y / current_zoom,
-			element = svgedit.utilities.getElem(getId()),
-			keep = false;
-
-		var real_x = x;
-		var real_y = y;
-
-		// TODO: Make true when in multi-unit mode
-		var useUnit = false; // (curConfig.baseUnit !== 'px');
-		started = false;
-		var attrs, t;
-		switch (current_mode) {
-			// intentionally fall-through to select here
-			case 'resize':
-			case 'multiselect':
-				if (rubberBox != null) {
-					rubberBox.setAttribute('display', 'none');
-					curBBoxes = [];
-				}
-				current_mode = 'select';
-			case 'select':
-				if (selectedElements[0] != null) {
-					// if we only have one selected element
-					if (selectedElements[1] == null) {
-						// set our current stroke/fill properties to the element's
-						var selected = selectedElements[0];
-						switch ( selected.tagName ) {
-							case 'g':
-							case 'use':
-							case 'image':
-							case 'foreignObject':
-								break;
-							default:
-								cur_properties.fill = selected.getAttribute('fill');
-								cur_properties.fill_opacity = selected.getAttribute('fill-opacity');
-								cur_properties.stroke = selected.getAttribute('stroke');
-								cur_properties.stroke_opacity = selected.getAttribute('stroke-opacity');
-								cur_properties.stroke_width = selected.getAttribute('stroke-width');
-								cur_properties.stroke_dasharray = selected.getAttribute('stroke-dasharray');
-								cur_properties.stroke_linejoin = selected.getAttribute('stroke-linejoin');
-								cur_properties.stroke_linecap = selected.getAttribute('stroke-linecap');
-						}
-
-						if (selected.tagName == 'text') {
-							cur_text.font_size = selected.getAttribute('font-size');
-							cur_text.font_family = selected.getAttribute('font-family');
-						}
-						selectorManager.requestSelector(selected).showGrips(true);
-						
-						// This shouldn't be necessary as it was done on mouseDown...
-//							call('selected', [selected]);
-					}
-					// always recalculate dimensions to strip off stray identity transforms
-					recalculateAllSelectedDimensions();
-					// if it was being dragged/resized
-					if (real_x != r_start_x || real_y != r_start_y) {
-						var i, len = selectedElements.length;
-						for (i = 0; i < len; ++i) {
-							if (selectedElements[i] == null) {break;}
-							if (!selectedElements[i].firstChild) {
-								// Not needed for groups (incorrectly resizes elems), possibly not needed at all?
-								selectorManager.requestSelector(selectedElements[i]).resize();
-							}
-						}
-					}
-					// no change in position/size, so maybe we should move to pathedit
-					else {
-						t = evt.target;
-						if (selectedElements[0].nodeName === 'path' && selectedElements[1] == null) {
-							pathActions.select(selectedElements[0]);
-						} // if it was a path
-						// else, if it was selected and this is a shift-click, remove it from selection
-						else if (evt.shiftKey) {
-							if (tempJustSelected != t) {
-								canvas.removeFromSelection([t]);
-							}
-						}
-					} // no change in mouse position
-					
-					// Remove non-scaling stroke
-					if (svgedit.browser.supportsNonScalingStroke()) {
-						var elem = selectedElements[0];
-						if (elem) {
-							elem.removeAttribute('style');
-							svgedit.utilities.walkTree(elem, function(elem) {
-								elem.removeAttribute('style');
-							});
-						}
-					}
-
-				}
-				return;
-			case 'zoom':
-				if (rubberBox != null) {
-					rubberBox.setAttribute('display', 'none');
-				}
-				var factor = evt.shiftKey ? 0.5 : 2;
-				call('zoomed', {
-					'x': Math.min(r_start_x, real_x),
-					'y': Math.min(r_start_y, real_y),
-					'width': Math.abs(real_x - r_start_x),
-					'height': Math.abs(real_y - r_start_y),
-					'factor': factor
-				});
-				return;
-			case 'fhpath':
-				// Check that the path contains at least 2 points; a degenerate one-point path
-				// causes problems.
-				// Webkit ignores how we set the points attribute with commas and uses space
-				// to separate all coordinates, see https://bugs.webkit.org/show_bug.cgi?id=29870
-				sumDistance = 0;
-				controllPoint2 = {x:0, y:0};
-				controllPoint1 = {x:0, y:0};
-				start = {x:0, y:0};
-				end = {x:0, y:0};
-				var coords = element.getAttribute('points');
-				var commaIndex = coords.indexOf(',');
-				if (commaIndex >= 0) {
-					keep = coords.indexOf(',', commaIndex+1) >= 0;
-				} else {
-					keep = coords.indexOf(' ', coords.indexOf(' ')+1) >= 0;
-				}
-				if (keep) {
-					element = pathActions.smoothPolylineIntoPath(element);
-				}
-				break;
-			case 'line':
-				attrs = $(element).attr(['x1', 'x2', 'y1', 'y2']);
-				keep = (attrs.x1 != attrs.x2 || attrs.y1 != attrs.y2);
-				break;
-			case 'foreignObject':
-			case 'square':
-			case 'rect':
-			case 'image':
-				attrs = $(element).attr(['width', 'height']);
-				// Image should be kept regardless of size (use inherit dimensions later)
-				keep = (attrs.width != 0 || attrs.height != 0) || current_mode === 'image';
-				break;
-			case 'circle':
-				keep = (element.getAttribute('r') != 0);
-				break;
-			case 'ellipse':
-				attrs = $(element).attr(['rx', 'ry']);
-				keep = (attrs.rx != null || attrs.ry != null);
-				break;
-			case 'fhellipse':
-				if ((freehand.maxx - freehand.minx) > 0 &&
-					(freehand.maxy - freehand.miny) > 0) {
-					element = addSvgElementFromJson({
-						element: 'ellipse',
-						curStyles: true,
-						attr: {
-							cx: (freehand.minx + freehand.maxx) / 2,
-							cy: (freehand.miny + freehand.maxy) / 2,
-							rx: (freehand.maxx - freehand.minx) / 2,
-							ry: (freehand.maxy - freehand.miny) / 2,
-							id: getId()
-						}
-					});
-					call('changed',[element]);
-					keep = true;
-				}
-				break;
-			case 'fhrect':
-				if ((freehand.maxx - freehand.minx) > 0 &&
-					(freehand.maxy - freehand.miny) > 0) {
-					element = addSvgElementFromJson({
-						element: 'rect',
-						curStyles: true,
-						attr: {
-							x: freehand.minx,
-							y: freehand.miny,
-							width: (freehand.maxx - freehand.minx),
-							height: (freehand.maxy - freehand.miny),
-							id: getId()
-						}
-					});
-					call('changed',[element]);
-					keep = true;
-				}
-				break;
-			case 'text':
-				keep = true;
-				selectOnly([element]);
-				textActions.start(element);
-				break;
-			case 'path':
-				// set element to null here so that it is not removed nor finalized
-				element = null;
-				// continue to be set to true so that mouseMove happens
-				started = true;
-				
-				var res = pathActions.mouseUp(evt, element, mouse_x, mouse_y);
-				element = res.element;
-				keep = res.keep;
-				break;
-			case 'pathedit':
-				keep = true;
-				element = null;
-				pathActions.mouseUp(evt);
-				break;
-			case 'textedit':
-				keep = false;
-				element = null;
-				textActions.mouseUp(evt, mouse_x, mouse_y);
-				break;
-			case 'rotate':
-				keep = true;
-				element = null;
-				current_mode = 'select';
-				var batchCmd = canvas.undoMgr.finishUndoableChange();
-				if (!batchCmd.isEmpty()) { 
-					addCommandToHistory(batchCmd);
-				}
-				// perform recalculation to weed out any stray identity transforms that might get stuck
-				recalculateAllSelectedDimensions();
-				call('changed', selectedElements);
-				break;
-			default:
-				// This could occur in an extension
-				break;
-		}
-		
-		var ext_result = runExtensions('mouseUp', {
-			event: evt,
-			mouse_x: mouse_x,
-			mouse_y: mouse_y
-		}, true);
-		
-		$.each(ext_result, function(i, r) {
-			if (r) {
-				keep = r.keep || keep;
-				element = r.element;
-				started = r.started || started;
-			}
-		});
-		
-		if (!keep && element != null) {
-			getCurrentDrawing().releaseId(getId());
-			element.parentNode.removeChild(element);
-			element = null;
-			
-			t = evt.target;
-			
-			// if this element is in a group, go up until we reach the top-level group 
-			// just below the layer groups
-			// TODO: once we implement links, we also would have to check for <a> elements
-			while (t.parentNode.parentNode.tagName == 'g') {
-				t = t.parentNode;
-			}
-			// if we are not in the middle of creating a path, and we've clicked on some shape, 
-			// then go to Select mode.
-			// WebKit returns <div> when the canvas is clicked, Firefox/Opera return <svg>
-			if ( (current_mode != 'path' || !drawn_path) &&
-				t.parentNode.id != 'selectorParentGroup' &&
-				t.id != 'svgcanvas' && t.id != 'svgroot') 
-			{
-				// switch into "select" mode if we've clicked on an element
-				canvas.setMode('select');
-				selectOnly([t], true);
-			}
-			
-		} else if (element != null) {
-			canvas.addedNew = true;
-			
-			if (useUnit) {svgedit.units.convertAttrs(element);}
-			
-			var ani_dur = 0.2, c_ani;
-			if (opac_ani.beginElement && element.getAttribute('opacity') != cur_shape.opacity) {
-				c_ani = $(opac_ani).clone().attr({
-					to: cur_shape.opacity,
-					dur: ani_dur
-				}).appendTo(element);
-				try {
-					// Fails in FF4 on foreignObject
-					c_ani[0].beginElement();
-				} catch(e){}
-			} else {
-				ani_dur = 0;
-			}
-			
-			// Ideally this would be done on the endEvent of the animation,
-			// but that doesn't seem to be supported in Webkit
-			setTimeout(function() {
-				if (c_ani) {c_ani.remove();}
-				element.setAttribute('opacity', cur_shape.opacity);
-				element.setAttribute('style', 'pointer-events:inherit');
-				cleanupElement(element);
-				if (current_mode === 'path') {
-					pathActions.toEditMode(element);
-				} else if (curConfig.selectNew) {
-					selectOnly([element], true);
-				}
-				// we create the insert command that is stored on the stack
-				// undo means to call cmd.unapply(), redo means to call cmd.apply()
-				addCommandToHistory(new svgedit.history.InsertElementCommand(element));
-				
-				call('changed',[element]);
-			}, ani_dur * 1000);
-		}
-		
-		startTransform = null;
-	};
-	
-	var dblClick = function(evt) {
-		var evt_target = evt.target;
-		var parent = evt_target.parentNode;
-		
-		// Do nothing if already in current group
-		if (parent === current_group) {return;}
-		
-		var mouse_target = getMouseTarget(evt);
-		var tagName = mouse_target.tagName;
-		
-		if (tagName === 'text' && current_mode !== 'textedit') {
-			var pt = svgedit.math.transformPoint( evt.pageX, evt.pageY, root_sctm );
-			textActions.select(mouse_target, pt.x, pt.y);
-		}
-		
-		if ((tagName === 'g' || tagName === 'a') && svgedit.utilities.getRotationAngle(mouse_target)) {
-			// TODO: Allow method of in-group editing without having to do 
-			// this (similar to editing rotated paths)
-		
-			// Ungroup and regroup
-			pushGroupProperties(mouse_target);
-			mouse_target = selectedElements[0];
-			clearSelection(true);
-		}
-		// Reset context
-		if (current_group) {
-			leaveContext();
-		}
-		
-		if ((parent.tagName !== 'g' && parent.tagName !== 'a') ||
-			parent === getCurrentDrawing().getCurrentLayer() ||
-			mouse_target === selectorManager.selectorParentGroup)
-		{
-			// Escape from in-group edit
-			return;
-		}
-		setContext(mouse_target);
-	};
-
-	// prevent links from being followed in the canvas
-	var handleLinkInCanvas = function(e) {
-		e.preventDefault();
-		return false;
-	};
-	
-	// Added mouseup to the container here.
-	// TODO(codedread): Figure out why after the Closure compiler, the window mouseup is ignored.
-	$(container).mousedown(mouseDown).mousemove(mouseMove).click(handleLinkInCanvas).dblclick(dblClick).mouseup(mouseUp);
-//	$(window).mouseup(mouseUp);
-	
-	 //TODO(rafaelcastrocouto): User preference for shift key and zoom factor
-	$(container).bind('mousewheel DOMMouseScroll', function(e){
-		//if (!e.shiftKey) {return;}
-		e.preventDefault();
-		var evt = e.originalEvent;
-
-		root_sctm = $('#svgcontent g')[0].getScreenCTM().inverse();
-		var pt = svgedit.math.transformPoint( evt.pageX, evt.pageY, root_sctm );
-
-		var bbox = {
-			'x': pt.x,
-			'y': pt.y,
-			'width': 0,
-			'height': 0
-		};
-
-		var delta = (evt.wheelDelta) ? evt.wheelDelta : (evt.detail) ? -evt.detail : 0;
-		if (!delta) {return;}
-
-		bbox.factor = Math.max(3/4, Math.min(4/3, (delta)));
-	
-		call('zoomed', bbox);
-	});
-	
-}());
-
-
-// Group: Text edit functions
-// Functions relating to editing text elements
-textActions = canvas.textActions = (function() {
-	var curtext;
-	var textinput;
-	var cursor;
-	var selblock;
-	var blinker;
-	var chardata = [];
-	var textbb, transbb;
-	var matrix;
-	var last_x, last_y;
-	var allow_dbl;
-	
-	function setCursor(index) {
-		var empty = (textinput.value === '');
-		$(textinput).focus();
-	
-		if (!arguments.length) {
-			if (empty) {
-				index = 0;
-			} else {
-				if (textinput.selectionEnd !== textinput.selectionStart) {return;}
-				index = textinput.selectionEnd;
-			}
-		}
-		
-		var charbb;
-		charbb = chardata[index];
-		if (!empty) {
-			textinput.setSelectionRange(index, index);
-		}
-		cursor = svgedit.utilities.getElem('text_cursor');
-		if (!cursor) {
-			cursor = document.createElementNS(NS.SVG, 'line');
-			svgedit.utilities.assignAttributes(cursor, {
-				id: 'text_cursor',
-				stroke: '#333',
-				'stroke-width': 1
-			});
-			cursor = svgedit.utilities.getElem('selectorParentGroup').appendChild(cursor);
-		}
-		
-		if (!blinker) {
-			blinker = setInterval(function() {
-				var show = (cursor.getAttribute('display') === 'none');
-				cursor.setAttribute('display', show?'inline':'none');
-			}, 600);
-		}
-		
-		var start_pt = ptToScreen(charbb.x, textbb.y);
-		var end_pt = ptToScreen(charbb.x, (textbb.y + textbb.height));
-		
-		svgedit.utilities.assignAttributes(cursor, {
-			x1: start_pt.x,
-			y1: start_pt.y,
-			x2: end_pt.x,
-			y2: end_pt.y,
-			visibility: 'visible',
-			display: 'inline'
-		});
-		
-		if (selblock) {selblock.setAttribute('d', '');}
-	}
-	
-	function setSelection(start, end, skipInput) {
-		if (start === end) {
-			setCursor(end);
-			return;
-		}
-	
-		if (!skipInput) {
-			textinput.setSelectionRange(start, end);
-		}
-		
-		selblock = svgedit.utilities.getElem('text_selectblock');
-		if (!selblock) {
-
-			selblock = document.createElementNS(NS.SVG, 'path');
-			svgedit.utilities.assignAttributes(selblock, {
-				id: 'text_selectblock',
-				fill: 'green',
-				opacity: 0.5,
-				style: 'pointer-events:none'
-			});
-			svgedit.utilities.getElem('selectorParentGroup').appendChild(selblock);
-		}
-
-		var startbb = chardata[start];		
-		var endbb = chardata[end];
-		
-		cursor.setAttribute('visibility', 'hidden');
-		
-		var tl = ptToScreen(startbb.x, textbb.y),
-			tr = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y),
-			bl = ptToScreen(startbb.x, textbb.y + textbb.height),
-			br = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y + textbb.height);
-		
-		var dstr = 'M' + tl.x + ',' + tl.y
-					+ ' L' + tr.x + ',' + tr.y
-					+ ' ' + br.x + ',' + br.y
-					+ ' ' + bl.x + ',' + bl.y + 'z';
-		
-		svgedit.utilities.assignAttributes(selblock, {
-			d: dstr,
-			'display': 'inline'
-		});
-	}
-	
-	function getIndexFromPoint(mouse_x, mouse_y) {
-		// Position cursor here
-		var pt = svgroot.createSVGPoint();
-		pt.x = mouse_x;
-		pt.y = mouse_y;
-
-		// No content, so return 0
-		if (chardata.length == 1) {return 0;}
-		// Determine if cursor should be on left or right of character
-		var charpos = curtext.getCharNumAtPosition(pt);
-		if (charpos < 0) {
-			// Out of text range, look at mouse coords
-			charpos = chardata.length - 2;
-			if (mouse_x <= chardata[0].x) {
-				charpos = 0;
-			}
-		} else if (charpos >= chardata.length - 2) {
-			charpos = chardata.length - 2;
-		}
-		var charbb = chardata[charpos];
-		var mid = charbb.x + (charbb.width/2);
-		if (mouse_x > mid) {
-			charpos++;
-		}
-		return charpos;
-	}
-	
-	function setCursorFromPoint(mouse_x, mouse_y) {
-		setCursor(getIndexFromPoint(mouse_x, mouse_y));
-	}
-	
-	function setEndSelectionFromPoint(x, y, apply) {
-		var i1 = textinput.selectionStart;
-		var i2 = getIndexFromPoint(x, y);
-		
-		var start = Math.min(i1, i2);
-		var end = Math.max(i1, i2);
-		setSelection(start, end, !apply);
-	}
-		
-	function screenToPt(x_in, y_in) {
-		var out = {
-			x: x_in,
-			y: y_in
-		};
-		
-		out.x /= current_zoom;
-		out.y /= current_zoom;			
-
-		if (matrix) {
-			var pt = svgedit.math.transformPoint(out.x, out.y, matrix.inverse());
-			out.x = pt.x;
-			out.y = pt.y;
-		}
-		
-		return out;
-	}	
-	
-	function ptToScreen(x_in, y_in) {
-		var out = {
-			x: x_in,
-			y: y_in
-		};
-		
-		if (matrix) {
-			var pt = svgedit.math.transformPoint(out.x, out.y, matrix);
-			out.x = pt.x;
-			out.y = pt.y;
-		}
-		
-		out.x *= current_zoom;
-		out.y *= current_zoom;
-		
-		return out;
-	}
-	
-	function hideCursor() {
-		if (cursor) {
-			cursor.setAttribute('visibility', 'hidden');
-		}
-	}
-	
-	function selectAll(evt) {
-		setSelection(0, curtext.textContent.length);
-		$(this).unbind(evt);
-	}
-
-	function selectWord(evt) {
-		if (!allow_dbl || !curtext) {return;}
-	
-		var ept = svgedit.math.transformPoint( evt.pageX, evt.pageY, root_sctm ),
-			mouse_x = ept.x * current_zoom,
-			mouse_y = ept.y * current_zoom;
-		var pt = screenToPt(mouse_x, mouse_y);
-		
-		var index = getIndexFromPoint(pt.x, pt.y);
-		var str = curtext.textContent;
-		var first = str.substr(0, index).replace(/[a-z0-9]+$/i, '').length;
-		var m = str.substr(index).match(/^[a-z0-9]+/i);
-		var last = (m?m[0].length:0) + index;
-		setSelection(first, last);
-		
-		// Set tripleclick
-		$(evt.target).click(selectAll);
-		setTimeout(function() {
-			$(evt.target).unbind('click', selectAll);
-		}, 300);
-		
-	}
-
-	return {
-		select: function(target, x, y) {
-			curtext = target;
-			textActions.toEditMode(x, y);
-		},
-		start: function(elem) {
-			curtext = elem;
-			textActions.toEditMode();
-		},
-		mouseDown: function(evt, mouse_target, start_x, start_y) {
-			var pt = screenToPt(start_x, start_y);
-		
-			textinput.focus();
-			setCursorFromPoint(pt.x, pt.y);
-			last_x = start_x;
-			last_y = start_y;
-			
-			// TODO: Find way to block native selection
-		},
-		mouseMove: function(mouse_x, mouse_y) {
-			var pt = screenToPt(mouse_x, mouse_y);
-			setEndSelectionFromPoint(pt.x, pt.y);
-		},			
-		mouseUp: function(evt, mouse_x, mouse_y) {
-			var pt = screenToPt(mouse_x, mouse_y);
-			
-			setEndSelectionFromPoint(pt.x, pt.y, true);
-			
-			// TODO: Find a way to make this work: Use transformed BBox instead of evt.target 
-//				if (last_x === mouse_x && last_y === mouse_y
-//					&& !svgedit.math.rectsIntersect(transbb, {x: pt.x, y: pt.y, width:0, height:0})) {
-//					textActions.toSelectMode(true);				
-//				}
-
-			if (
-				evt.target !== curtext
-				&&	mouse_x < last_x + 2
-				&& mouse_x > last_x - 2
-				&&	mouse_y < last_y + 2
-				&& mouse_y > last_y - 2) {
-
-				textActions.toSelectMode(true);
-			}
-
-		},
-		setCursor: setCursor,
-		toEditMode: function(x, y) {
-			allow_dbl = false;
-			current_mode = 'textedit';
-			selectorManager.requestSelector(curtext).showGrips(false);
-			// Make selector group accept clicks
-			var sel = selectorManager.requestSelector(curtext).selectorRect;
-			
-			textActions.init();
-
-			$(curtext).css('cursor', 'text');
-			
-//				if (svgedit.browser.supportsEditableText()) {
-//					curtext.setAttribute('editable', 'simple');
-//					return;
-//				}
-			
-			if (!arguments.length) {
-				setCursor();
-			} else {
-				var pt = screenToPt(x, y);
-				setCursorFromPoint(pt.x, pt.y);
-			}
-			
-			setTimeout(function() {
-				allow_dbl = true;
-			}, 300);
-		},
-		toSelectMode: function(selectElem) {
-			current_mode = 'select';
-			clearInterval(blinker);
-			blinker = null;
-			if (selblock) {$(selblock).attr('display', 'none');}
-			if (cursor) {$(cursor).attr('visibility', 'hidden');}
-			$(curtext).css('cursor', 'move');
-			
-			if (selectElem) {
-				clearSelection();
-				$(curtext).css('cursor', 'move');
-				
-				call('selected', [curtext]);
-				addToSelection([curtext], true);
-			}
-			if (curtext && !curtext.textContent.length) {
-				// No content, so delete
-				canvas.deleteSelectedElements();
-			}
-			
-			$(textinput).blur();
-			
-			curtext = false;
-			
-//				if (svgedit.browser.supportsEditableText()) {
-//					curtext.removeAttribute('editable');
-//				}
-		},
-		setInputElem: function(elem) {
-			textinput = elem;
-//			$(textinput).blur(hideCursor);
-		},
-		clear: function() {
-			if (current_mode == 'textedit') {
-				textActions.toSelectMode();
-			}
-		},
-		init: function(inputElem) {
-			if (!curtext) {return;}
-			var i, end;
-//				if (svgedit.browser.supportsEditableText()) {
-//					curtext.select();
-//					return;
-//				}
-		
-			if (!curtext.parentNode) {
-				// Result of the ffClone, need to get correct element
-				curtext = selectedElements[0];
-				selectorManager.requestSelector(curtext).showGrips(false);
-			}
-			
-			var str = curtext.textContent;
-			var len = str.length;
-			
-			var xform = curtext.getAttribute('transform');
-
-			textbb = svgedit.utilities.getBBox(curtext);
-			
-			matrix = xform ? svgedit.math.getMatrix(curtext) : null;
-
-			chardata = [];
-			chardata.length = len;
-			textinput.focus();
-			
-			$(curtext).unbind('dblclick', selectWord).dblclick(selectWord);
-			
-			if (!len) {
-				end = {x: textbb.x + (textbb.width/2), width: 0};
-			}
-			
-			for (i=0; i<len; i++) {
-				var start = curtext.getStartPositionOfChar(i);
-				end = curtext.getEndPositionOfChar(i);
-				
-				if (!svgedit.browser.supportsGoodTextCharPos()) {
-					var offset = canvas.contentW * current_zoom;
-					start.x -= offset;
-					end.x -= offset;
-					
-					start.x /= current_zoom;
-					end.x /= current_zoom;
-				}
-				
-				// Get a "bbox" equivalent for each character. Uses the
-				// bbox data of the actual text for y, height purposes
-				
-				// TODO: Decide if y, width and height are actually necessary
-				chardata[i] = {
-					x: start.x,
-					y: textbb.y, // start.y?
-					width: end.x - start.x,
-					height: textbb.height
-				};
-			}
-			
-			// Add a last bbox for cursor at end of text
-			chardata.push({
-				x: end.x,
-				width: 0
-			});
-			setSelection(textinput.selectionStart, textinput.selectionEnd, true);
-		}
-	};
-}());
-
-// TODO: Migrate all of this code into path.js
-// Group: Path edit functions
-// Functions relating to editing path elements
-pathActions = canvas.pathActions = function() {
-	
-	var subpath = false;
-	var current_path;
-	var newPoint, firstCtrl;
-	
-	function resetD(p) {
-		p.setAttribute('d', pathActions.convertPath(p));
-	}
-
-	// TODO: Move into path.js
-	svgedit.path.Path.prototype.endChanges = function(text) {
-		if (svgedit.browser.isWebkit()) {resetD(this.elem);}
-		var cmd = new svgedit.history.ChangeElementCommand(this.elem, {d: this.last_d}, text);
-		addCommandToHistory(cmd);
-		call('changed', [this.elem]);
-	};
-
-	svgedit.path.Path.prototype.addPtsToSelection = function(indexes) {
-		var i, seg;
-		if (!$.isArray(indexes)) {indexes = [indexes];}
-		for (i = 0; i< indexes.length; i++) {
-			var index = indexes[i];
-			seg = this.segs[index];
-			if (seg.ptgrip) {
-				if (this.selected_pts.indexOf(index) == -1 && index >= 0) {
-					this.selected_pts.push(index);
-				}
-			}
-		}
-		this.selected_pts.sort();
-		i = this.selected_pts.length;
-		var grips = [];
-		grips.length = i;
-		// Loop through points to be selected and highlight each
-		while (i--) {
-			var pt = this.selected_pts[i];
-			seg = this.segs[pt];
-			seg.select(true);
-			grips[i] = seg.ptgrip;
-		}
-		// TODO: Correct this:
-		pathActions.canDeleteNodes = true;
-		
-		pathActions.closed_subpath = this.subpathIsClosed(this.selected_pts[0]);
-		
-		call('selected', grips);
-	};
-
-	current_path = null;
-	var drawn_path = null,
-		hasMoved = false;
-	
-	// This function converts a polyline (created by the fh_path tool) into
-	// a path element and coverts every three line segments into a single bezier
-	// curve in an attempt to smooth out the free-hand
-	var smoothPolylineIntoPath = function(element) {
-		var i, points = element.points;
-		var N = points.numberOfItems;
-		if (N >= 4) {
-			// loop through every 3 points and convert to a cubic bezier curve segment
-			// 
-			// NOTE: this is cheating, it means that every 3 points has the potential to 
-			// be a corner instead of treating each point in an equal manner. In general,
-			// this technique does not look that good.
-			// 
-			// I am open to better ideas!
-			// 
-			// Reading:
-			// - http://www.efg2.com/Lab/Graphics/Jean-YvesQueinecBezierCurves.htm
-			// - http://www.codeproject.com/KB/graphics/BezierSpline.aspx?msg=2956963
-			// - http://www.ian-ko.com/ET_GeoWizards/UserGuide/smooth.htm
-			// - http://www.cs.mtu.edu/~shene/COURSES/cs3621/NOTES/spline/Bezier/bezier-der.html
-			var curpos = points.getItem(0), prevCtlPt = null;
-			var d = [];
-			d.push(['M', curpos.x, ',', curpos.y, ' C'].join(''));
-			for (i = 1; i <= (N-4); i += 3) {
-				var ct1 = points.getItem(i);
-				var ct2 = points.getItem(i+1);
-				var end = points.getItem(i+2);
-				
-				// if the previous segment had a control point, we want to smooth out
-				// the control points on both sides
-				if (prevCtlPt) {
-					var newpts = svgedit.path.smoothControlPoints( prevCtlPt, ct1, curpos );
-					if (newpts && newpts.length == 2) {
-						var prevArr = d[d.length-1].split(',');
-						prevArr[2] = newpts[0].x;
-						prevArr[3] = newpts[0].y;
-						d[d.length-1] = prevArr.join(',');
-						ct1 = newpts[1];
-					}
-				}
-				
-				d.push([ct1.x, ct1.y, ct2.x, ct2.y, end.x, end.y].join(','));
-				
-				curpos = end;
-				prevCtlPt = ct2;
-			}
-			// handle remaining line segments
-			d.push('L');
-			while (i < N) {
-				var pt = points.getItem(i);
-				d.push([pt.x, pt.y].join(','));
-				i++;
-			}
-			d = d.join(' ');
-
-			// create new path element
-			element = addSvgElementFromJson({
-				element: 'path',
-				curStyles: true,
-				attr: {
-					id: getId(),
-					d: d,
-					fill: 'none'
-				}
-			});
-			// No need to call "changed", as this is already done under mouseUp
-		}
-		return element;
-	};
-
-	return {
-		mouseDown: function(evt, mouse_target, start_x, start_y) {
-			var id;
-			if (current_mode === 'path') {
-				mouse_x = start_x;
-				mouse_y = start_y;
-				
-				var x = mouse_x/current_zoom,
-					y = mouse_y/current_zoom,
-					stretchy = svgedit.utilities.getElem('path_stretch_line');
-				newPoint = [x, y];	
-				
-				if (curConfig.gridSnapping){
-					x = svgedit.utilities.snapToGrid(x);
-					y = svgedit.utilities.snapToGrid(y);
-					mouse_x = svgedit.utilities.snapToGrid(mouse_x);
-					mouse_y = svgedit.utilities.snapToGrid(mouse_y);
-				}
-
-				if (!stretchy) {
-					stretchy = document.createElementNS(NS.SVG, 'path');
-					svgedit.utilities.assignAttributes(stretchy, {
-						id: 'path_stretch_line',
-						stroke: '#22C',
-						'stroke-width': '0.5',
-						fill: 'none'
-					});
-					stretchy = svgedit.utilities.getElem('selectorParentGroup').appendChild(stretchy);
-				}
-				stretchy.setAttribute('display', 'inline');
-				
-				var keep = null;
-				var index;
-				// if pts array is empty, create path element with M at current point
-				if (!drawn_path) {
-					d_attr = 'M' + x + ',' + y + ' ';
-					drawn_path = addSvgElementFromJson({
-						element: 'path',
-						curStyles: true,
-						attr: {
-							d: d_attr,
-							id: getNextId(),
-							opacity: cur_shape.opacity / 2
-						}
-					});
-					// set stretchy line to first point
-					stretchy.setAttribute('d', ['M', mouse_x, mouse_y, mouse_x, mouse_y].join(' '));
-					index = subpath ? svgedit.path.path.segs.length : 0;
-					svgedit.path.addPointGrip(index, mouse_x, mouse_y);
-				} else {
-					// determine if we clicked on an existing point
-					var seglist = drawn_path.pathSegList;
-					var i = seglist.numberOfItems;
-					var FUZZ = 6/current_zoom;
-					var clickOnPoint = false;
-					while (i) {
-						i --;
-						var item = seglist.getItem(i);
-						var px = item.x, py = item.y;
-						// found a matching point
-						if ( x >= (px-FUZZ) && x <= (px+FUZZ) && y >= (py-FUZZ) && y <= (py+FUZZ) ) {
-							clickOnPoint = true;
-							break;
-						}
-					}
-					
-					// get path element that we are in the process of creating
-					id = getId();
-				
-					// Remove previous path object if previously created
-					svgedit.path.removePath_(id);
-					
-					var newpath = svgedit.utilities.getElem(id);
-					var newseg;
-					var s_seg;
-					var len = seglist.numberOfItems;
-					// if we clicked on an existing point, then we are done this path, commit it
-					// (i, i+1) are the x,y that were clicked on
-					if (clickOnPoint) {
-						// if clicked on any other point but the first OR
-						// the first point was clicked on and there are less than 3 points
-						// then leave the path open
-						// otherwise, close the path
-						if (i <= 1 && len >= 2) {
-							// Create end segment
-							var abs_x = seglist.getItem(0).x;
-							var abs_y = seglist.getItem(0).y;
-							
-
-							s_seg = stretchy.pathSegList.getItem(1);
-							if (s_seg.pathSegType === 4) {
-								newseg = drawn_path.createSVGPathSegLinetoAbs(abs_x, abs_y);
-							} else {
-								newseg = drawn_path.createSVGPathSegCurvetoCubicAbs(
-									abs_x,
-									abs_y,
-									s_seg.x1 / current_zoom,
-									s_seg.y1 / current_zoom,
-									abs_x,
-									abs_y
-								);
-							}
-							
-							var endseg = drawn_path.createSVGPathSegClosePath();
-							seglist.appendItem(newseg);
-							seglist.appendItem(endseg);
-						} else if (len < 3) {
-							keep = false;
-							return keep;
-						}
-						$(stretchy).remove();
-						
-						// This will signal to commit the path
-						element = newpath;
-						drawn_path = null;
-						started = false;
-						
-						if (subpath) {
-							if (svgedit.path.path.matrix) {
-								svgedit.coords.remapElement(newpath, {}, svgedit.path.path.matrix.inverse());
-							}
-						
-							var new_d = newpath.getAttribute('d');
-							var orig_d = $(svgedit.path.path.elem).attr('d');
-							$(svgedit.path.path.elem).attr('d', orig_d + new_d);
-							$(newpath).remove();
-							if (svgedit.path.path.matrix) {
-								svgedit.path.recalcRotatedPath();
-							}
-							svgedit.path.path.init();
-							pathActions.toEditMode(svgedit.path.path.elem);
-							svgedit.path.path.selectPt();
-							return false;
-						}
-					}
-					// else, create a new point, update path element
-					else {
-						// Checks if current target or parents are #svgcontent
-						if (!$.contains(container, getMouseTarget(evt))) {
-							// Clicked outside canvas, so don't make point
-							console.log('Clicked outside canvas');
-							return false;
-						}
-
-						var num = drawn_path.pathSegList.numberOfItems;
-						var last = drawn_path.pathSegList.getItem(num -1);
-						var lastx = last.x, lasty = last.y;
-
-						if (evt.shiftKey) {
-							var xya = svgedit.math.snapToAngle(lastx, lasty, x, y);
-							x = xya.x;
-							y = xya.y;
-						}
-						
-						// Use the segment defined by stretchy
-						s_seg = stretchy.pathSegList.getItem(1);
-						if (s_seg.pathSegType === 4) {
-							newseg = drawn_path.createSVGPathSegLinetoAbs(round(x), round(y));
-						} else {
-							newseg = drawn_path.createSVGPathSegCurvetoCubicAbs(
-								round(x),
-								round(y),
-								s_seg.x1 / current_zoom,
-								s_seg.y1 / current_zoom,
-								s_seg.x2 / current_zoom,
-								s_seg.y2 / current_zoom
-							);
-						}
-						
-						drawn_path.pathSegList.appendItem(newseg);
-						
-						x *= current_zoom;
-						y *= current_zoom;
-						
-						// set stretchy line to latest point
-						stretchy.setAttribute('d', ['M', x, y, x, y].join(' '));
-						index = num;
-						if (subpath) {index += svgedit.path.path.segs.length;}
-						svgedit.path.addPointGrip(index, x, y);
-					}
-//					keep = true;
-				}
-				
-				return;
-			}
-			
-			// TODO: Make sure current_path isn't null at this point
-			if (!svgedit.path.path) {return;}
-			
-			svgedit.path.path.storeD();
-			
-			id = evt.target.id;
-			var cur_pt;
-			if (id.substr(0,14) == 'pathpointgrip_') {
-				// Select this point
-				cur_pt = svgedit.path.path.cur_pt = parseInt(id.substr(14));
-				svgedit.path.path.dragging = [start_x, start_y];
-				var seg = svgedit.path.path.segs[cur_pt];
-				
-				// only clear selection if shift is not pressed (otherwise, add 
-				// node to selection)
-				if (!evt.shiftKey) {
-					if (svgedit.path.path.selected_pts.length <= 1 || !seg.selected) {
-						svgedit.path.path.clearSelection();
-					}
-					svgedit.path.path.addPtsToSelection(cur_pt);
-				} else if (seg.selected) {
-					svgedit.path.path.removePtFromSelection(cur_pt);
-				} else {
-					svgedit.path.path.addPtsToSelection(cur_pt);
-				}
-			} else if (id.indexOf('ctrlpointgrip_') == 0) {
-				svgedit.path.path.dragging = [start_x, start_y];
-				
-				var parts = id.split('_')[1].split('c');
-				cur_pt = Number(parts[0]);
-				var ctrl_num = Number(parts[1]);
-				svgedit.path.path.selectPt(cur_pt, ctrl_num);
-			}
-
-			// Start selection box
-			if (!svgedit.path.path.dragging) {
-				if (rubberBox == null) {
-					rubberBox = selectorManager.getRubberBandBox();
-				}
-				svgedit.utilities.assignAttributes(rubberBox, {
-						'x': start_x * current_zoom,
-						'y': start_y * current_zoom,
-						'width': 0,
-						'height': 0,
-						'display': 'inline'
-				}, 100);
-			}
-		},
-		mouseMove: function(mouse_x, mouse_y) {
-			hasMoved = true;
-			if (current_mode === 'path') {
-				if (!drawn_path) {return;}
-				var seglist = drawn_path.pathSegList;
-				var index = seglist.numberOfItems - 1;
-
-				if (newPoint) {
-					// First point
-//					if (!index) {return;}
-
-					// Set control points
-					var pointGrip1 = svgedit.path.addCtrlGrip('1c1');
-					var pointGrip2 = svgedit.path.addCtrlGrip('0c2');
-					
-					// dragging pointGrip1
-					pointGrip1.setAttribute('cx', mouse_x);
-					pointGrip1.setAttribute('cy', mouse_y);
-					pointGrip1.setAttribute('display', 'inline');
-
-					var pt_x = newPoint[0];
-					var pt_y = newPoint[1];
-					
-					// set curve
-					var seg = seglist.getItem(index);
-					var cur_x = mouse_x / current_zoom;
-					var cur_y = mouse_y / current_zoom;
-					var alt_x = (pt_x + (pt_x - cur_x));
-					var alt_y = (pt_y + (pt_y - cur_y));
-					
-					pointGrip2.setAttribute('cx', alt_x * current_zoom);
-					pointGrip2.setAttribute('cy', alt_y * current_zoom);
-					pointGrip2.setAttribute('display', 'inline');
-					
-					var ctrlLine = svgedit.path.getCtrlLine(1);
-					svgedit.utilities.assignAttributes(ctrlLine, {
-						x1: mouse_x,
-						y1: mouse_y,
-						x2: alt_x * current_zoom,
-						y2: alt_y * current_zoom,
-						display: 'inline'
-					});
-
-					if (index === 0) {
-						firstCtrl = [mouse_x, mouse_y];
-					} else {
-						var last = seglist.getItem(index - 1);
-						var last_x = last.x;
-						var last_y = last.y;
-	
-						if (last.pathSegType === 6) {
-							last_x += (last_x - last.x2);
-							last_y += (last_y - last.y2);
-						} else if (firstCtrl) {
-							last_x = firstCtrl[0]/current_zoom;
-							last_y = firstCtrl[1]/current_zoom;
-						}
-						svgedit.path.replacePathSeg(6, index, [pt_x, pt_y, last_x, last_y, alt_x, alt_y], drawn_path);
-					}
-				} else {
-					var stretchy = svgedit.utilities.getElem('path_stretch_line');
-					if (stretchy) {
-						var prev = seglist.getItem(index);
-						if (prev.pathSegType === 6) {
-							var prev_x = prev.x + (prev.x - prev.x2);
-							var prev_y = prev.y + (prev.y - prev.y2);
-							svgedit.path.replacePathSeg(6, 1, [mouse_x, mouse_y, prev_x * current_zoom, prev_y * current_zoom, mouse_x, mouse_y], stretchy);							
-						} else if (firstCtrl) {
-							svgedit.path.replacePathSeg(6, 1, [mouse_x, mouse_y, firstCtrl[0], firstCtrl[1], mouse_x, mouse_y], stretchy);
-						} else {
-							svgedit.path.replacePathSeg(4, 1, [mouse_x, mouse_y], stretchy);
-						}
-					}
-				}
-				return;
-			}
-			// if we are dragging a point, let's move it
-			if (svgedit.path.path.dragging) {
-				var pt = svgedit.path.getPointFromGrip({
-					x: svgedit.path.path.dragging[0],
-					y: svgedit.path.path.dragging[1]
-				}, svgedit.path.path);
-				var mpt = svgedit.path.getPointFromGrip({
-					x: mouse_x,
-					y: mouse_y
-				}, svgedit.path.path);
-				var diff_x = mpt.x - pt.x;
-				var diff_y = mpt.y - pt.y;
-				svgedit.path.path.dragging = [mouse_x, mouse_y];
-				
-				if (svgedit.path.path.dragctrl) {
-					svgedit.path.path.moveCtrl(diff_x, diff_y);
-				} else {
-					svgedit.path.path.movePts(diff_x, diff_y);
-				}
-			} else {
-				svgedit.path.path.selected_pts = [];
-				svgedit.path.path.eachSeg(function(i) {
-					var seg = this;
-					if (!seg.next && !seg.prev) {return;}
-						
-					var item = seg.item;
-					var rbb = rubberBox.getBBox();
-					
-					var pt = svgedit.path.getGripPt(seg);
-					var pt_bb = {
-						x: pt.x,
-						y: pt.y,
-						width: 0,
-						height: 0
-					};
-				
-					var sel = svgedit.math.rectsIntersect(rbb, pt_bb);
-
-					this.select(sel);
-					//Note that addPtsToSelection is not being run
-					if (sel) {svgedit.path.path.selected_pts.push(seg.index);}
-				});
-
-			}
-		}, 
-		mouseUp: function(evt, element, mouse_x, mouse_y) {
-			
-			// Create mode
-			if (current_mode === 'path') {
-				newPoint = null;
-				if (!drawn_path) {
-					element = svgedit.utilities.getElem(getId());
-					started = false;
-					firstCtrl = null;
-				}
-
-				return {
-					keep: true,
-					element: element
-				};
-			}
-			
-			// Edit mode
-			
-			if (svgedit.path.path.dragging) {
-				var last_pt = svgedit.path.path.cur_pt;
-
-				svgedit.path.path.dragging = false;
-				svgedit.path.path.dragctrl = false;
-				svgedit.path.path.update();
-				
-				if (hasMoved) {
-					svgedit.path.path.endChanges('Move path point(s)');
-				} 
-				
-				if (!evt.shiftKey && !hasMoved) {
-					svgedit.path.path.selectPt(last_pt);
-				} 
-			} else if (rubberBox && rubberBox.getAttribute('display') != 'none') {
-				// Done with multi-node-select
-				rubberBox.setAttribute('display', 'none');
-				
-				if (rubberBox.getAttribute('width') <= 2 && rubberBox.getAttribute('height') <= 2) {
-					pathActions.toSelectMode(evt.target);
-				}
-				
-			// else, move back to select mode	
-			} else {
-				pathActions.toSelectMode(evt.target);
-			}
-			hasMoved = false;
-		},
-		toEditMode: function(element) {
-			svgedit.path.path = svgedit.path.getPath_(element);
-			current_mode = 'pathedit';
-			clearSelection();
-			svgedit.path.path.show(true).update();
-			svgedit.path.path.oldbbox = svgedit.utilities.getBBox(svgedit.path.path.elem);
-			subpath = false;
-		},
-		toSelectMode: function(elem) {
-			var selPath = (elem == svgedit.path.path.elem);
-			current_mode = 'select';
-			svgedit.path.path.show(false);
-			current_path = false;
-			clearSelection();
-			
-			if (svgedit.path.path.matrix) {
-				// Rotated, so may need to re-calculate the center
-				svgedit.path.recalcRotatedPath();
-			}
-			
-			if (selPath) {
-				call('selected', [elem]);
-				addToSelection([elem], true);
-			}
-		},
-		addSubPath: function(on) {
-			if (on) {
-				// Internally we go into "path" mode, but in the UI it will
-				// still appear as if in "pathedit" mode.
-				current_mode = 'path';
-				subpath = true;
-			} else {
-				pathActions.clear(true);
-				pathActions.toEditMode(svgedit.path.path.elem);
-			}
-		},
-		select: function(target) {
-			if (current_path === target) {
-				pathActions.toEditMode(target);
-				current_mode = 'pathedit';
-			} // going into pathedit mode
-			else {
-				current_path = target;
-			}	
-		},
-		reorient: function() {
-			var elem = selectedElements[0];
-			if (!elem) {return;}
-			var angle = svgedit.utilities.getRotationAngle(elem);
-			if (angle == 0) {return;}
-			
-			var batchCmd = new svgedit.history.BatchCommand('Reorient path');
-			var changes = {
-				d: elem.getAttribute('d'),
-				transform: elem.getAttribute('transform')
-			};
-			batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(elem, changes));
-			clearSelection();
-			this.resetOrientation(elem);
-			
-			addCommandToHistory(batchCmd);
-
-			// Set matrix to null
-			svgedit.path.getPath_(elem).show(false).matrix = null; 
-
-			this.clear();
-	
-			addToSelection([elem], true);
-			call('changed', selectedElements);
-		},
-		
-		clear: function(remove) {
-			current_path = null;
-			if (drawn_path) {
-				var elem = svgedit.utilities.getElem(getId());
-				$(svgedit.utilities.getElem('path_stretch_line')).remove();
-				$(elem).remove();
-				$(svgedit.utilities.getElem('pathpointgrip_container')).find('*').attr('display', 'none');
-				drawn_path = firstCtrl = null;
-				started = false;
-			} else if (current_mode == 'pathedit') {
-				this.toSelectMode();
-			}
-			if (svgedit.path.path) {svgedit.path.path.init().show(false);}
-		},
-		resetOrientation: function(path) {
-			if (path == null || path.nodeName != 'path') {return false;}
-			var tlist = svgedit.transformlist.getTransformList(path);
-			var m = svgedit.math.transformListToTransform(tlist).matrix;
-			tlist.clear();
-			path.removeAttribute('transform');
-			var segList = path.pathSegList;
-			
-			// Opera/win/non-EN throws an error here.
-			// TODO: Find out why!
-			// Presumed fixed in Opera 10.5, so commented out for now
-			
-//			try {
-				var len = segList.numberOfItems;
-//			} catch(err) {
-//				var fixed_d = pathActions.convertPath(path);
-//				path.setAttribute('d', fixed_d);
-//				segList = path.pathSegList;
-//				var len = segList.numberOfItems;
-//			}
-			var i, last_x, last_y;
-
-			for (i = 0; i < len; ++i) {
-				var seg = segList.getItem(i);
-				var type = seg.pathSegType;
-				if (type == 1) {continue;}
-				var pts = [];
-				$.each(['',1,2], function(j, n) {
-					var x = seg['x'+n], y = seg['y'+n];
-					if (x !== undefined && y !== undefined) {
-						var pt = svgedit.math.transformPoint(x, y, m);
-						pts.splice(pts.length, 0, pt.x, pt.y);
-					}
-				});
-				svgedit.path.replacePathSeg(type, i, pts, path);
-			}
-			
-			reorientGrads(path, m);
-		},
-		zoomChange: function() {
-			if (current_mode == 'pathedit') {
-				svgedit.path.path.update();
-			}
-		},
-		getNodePoint: function() {
-			var sel_pt = svgedit.path.path.selected_pts.length ? svgedit.path.path.selected_pts[0] : 1;
-
-			var seg = svgedit.path.path.segs[sel_pt];
-			return {
-				x: seg.item.x,
-				y: seg.item.y,
-				type: seg.type
-			};
-		}, 
-		linkControlPoints: function(linkPoints) {
-			svgedit.path.setLinkControlPoints(linkPoints);
-		},
-		clonePathNode: function() {
-			svgedit.path.path.storeD();
-			
-			var sel_pts = svgedit.path.path.selected_pts;
-			var segs = svgedit.path.path.segs;
-			
-			var i = sel_pts.length;
-			var nums = [];
-
-			while (i--) {
-				var pt = sel_pts[i];
-				svgedit.path.path.addSeg(pt);
-				
-				nums.push(pt + i);
-				nums.push(pt + i + 1);
-			}
-			svgedit.path.path.init().addPtsToSelection(nums);
-
-			svgedit.path.path.endChanges('Clone path node(s)');
-		},
-		opencloseSubPath: function() {
-			var sel_pts = svgedit.path.path.selected_pts;
-			// Only allow one selected node for now
-			if (sel_pts.length !== 1) {return;}
-			
-			var elem = svgedit.path.path.elem;
-			var list = elem.pathSegList;
-
-			var len = list.numberOfItems;
-
-			var index = sel_pts[0];
-			
-			var open_pt = null;
-			var start_item = null;
-
-			// Check if subpath is already open
-			svgedit.path.path.eachSeg(function(i) {
-				if (this.type === 2 && i <= index) {
-					start_item = this.item;
-				}
-				if (i <= index) {return true;}
-				if (this.type === 2) {
-					// Found M first, so open
-					open_pt = i;
-					return false;
-				}
-				if (this.type === 1) {
-					// Found Z first, so closed
-					open_pt = false;
-					return false;
-				}
-			});
-			
-			if (open_pt == null) {
-				// Single path, so close last seg
-				open_pt = svgedit.path.path.segs.length - 1;
-			}
-
-			if (open_pt !== false) {
-				// Close this path
-				
-				// Create a line going to the previous "M"
-				var newseg = elem.createSVGPathSegLinetoAbs(start_item.x, start_item.y);
-			
-				var closer = elem.createSVGPathSegClosePath();
-				if (open_pt == svgedit.path.path.segs.length - 1) {
-					list.appendItem(newseg);
-					list.appendItem(closer);
-				} else {
-					svgedit.path.insertItemBefore(elem, closer, open_pt);
-					svgedit.path.insertItemBefore(elem, newseg, open_pt);
-				}
-				
-				svgedit.path.path.init().selectPt(open_pt+1);
-				return;
-			}
-			
-			// M 1,1 L 2,2 L 3,3 L 1,1 z // open at 2,2
-			// M 2,2 L 3,3 L 1,1
-			
-			// M 1,1 L 2,2 L 1,1 z M 4,4 L 5,5 L6,6 L 5,5 z 
-			// M 1,1 L 2,2 L 1,1 z [M 4,4] L 5,5 L(M)6,6 L 5,5 z 
-			
-			var seg = svgedit.path.path.segs[index];
-			
-			if (seg.mate) {
-				list.removeItem(index); // Removes last "L"
-				list.removeItem(index); // Removes the "Z"
-				svgedit.path.path.init().selectPt(index - 1);
-				return;
-			}
-			
-			var i, last_m, z_seg;
-			
-			// Find this sub-path's closing point and remove
-			for (i = 0; i<list.numberOfItems; i++) {
-				var item = list.getItem(i);
-
-				if (item.pathSegType === 2) {
-					// Find the preceding M
-					last_m = i;
-				} else if (i === index) {
-					// Remove it
-					list.removeItem(last_m);
-//						index--;
-				} else if (item.pathSegType === 1 && index < i) {
-					// Remove the closing seg of this subpath
-					z_seg = i-1;
-					list.removeItem(i);
-					break;
-				}
-			}
-			
-			var num = (index - last_m) - 1;
-			
-			while (num--) {
-				svgedit.path.insertItemBefore(elem, list.getItem(last_m), z_seg);
-			}
-			
-			var pt = list.getItem(last_m);
-			
-			// Make this point the new "M"
-			svgedit.path.replacePathSeg(2, last_m, [pt.x, pt.y]);
-			
-			i = index; // i is local here, so has no effect; what is the reason for this?
-			
-			svgedit.path.path.init().selectPt(0);
-		},
-		deletePathNode: function() {
-			if (!pathActions.canDeleteNodes) {return;}
-			svgedit.path.path.storeD();
-			
-			var sel_pts = svgedit.path.path.selected_pts;
-			var i = sel_pts.length;
-
-			while (i--) {
-				var pt = sel_pts[i];
-				svgedit.path.path.deleteSeg(pt);
-			}
-			
-			// Cleanup
-			var cleanup = function() {
-				var segList = svgedit.path.path.elem.pathSegList;
-				var len = segList.numberOfItems;
-				
-				var remItems = function(pos, count) {
-					while (count--) {
-						segList.removeItem(pos);
-					}
-				};
-
-				if (len <= 1) {return true;}
-				
-				while (len--) {
-					var item = segList.getItem(len);
-					if (item.pathSegType === 1) {
-						var prev = segList.getItem(len-1);
-						var nprev = segList.getItem(len-2);
-						if (prev.pathSegType === 2) {
-							remItems(len-1, 2);
-							cleanup();
-							break;
-						} else if (nprev.pathSegType === 2) {
-							remItems(len-2, 3);
-							cleanup();
-							break;
-						}
-
-					} else if (item.pathSegType === 2) {
-						if (len > 0) {
-							var prev_type = segList.getItem(len-1).pathSegType;
-							// Path has M M
-							if (prev_type === 2) {
-								remItems(len-1, 1);
-								cleanup();
-								break;
-							// Entire path ends with Z M 
-							} else if (prev_type === 1 && segList.numberOfItems-1 === len) {
-								remItems(len, 1);
-								cleanup();
-								break;
-							}
-						}
-					}
-				}	
-				return false;
-			};
-			
-			cleanup();
-			
-			// Completely delete a path with 1 or 0 segments
-			if (svgedit.path.path.elem.pathSegList.numberOfItems <= 1) {
-				pathActions.toSelectMode(svgedit.path.path.elem);
-				canvas.deleteSelectedElements();
-				return;
-			}
-			
-			svgedit.path.path.init();
-			svgedit.path.path.clearSelection();
-			
-			// TODO: Find right way to select point now
-			// path.selectPt(sel_pt);
-			if (window.opera) { // Opera repaints incorrectly
-				var cp = $(svgedit.path.path.elem); 
-				cp.attr('d', cp.attr('d'));
-			}
-			svgedit.path.path.endChanges('Delete path node(s)');
-		},
-		smoothPolylineIntoPath: smoothPolylineIntoPath,
-		setSegType: function(v) {
-			svgedit.path.path.setSegType(v);
-		},
-		moveNode: function(attr, newValue) {
-			var sel_pts = svgedit.path.path.selected_pts;
-			if (!sel_pts.length) {return;}
-			
-			svgedit.path.path.storeD();
-			
-			// Get first selected point
-			var seg = svgedit.path.path.segs[sel_pts[0]];
-			var diff = {x:0, y:0};
-			diff[attr] = newValue - seg.item[attr];
-			
-			seg.move(diff.x, diff.y);
-			svgedit.path.path.endChanges('Move path point');
-		},
-		fixEnd: function(elem) {
-			// Adds an extra segment if the last seg before a Z doesn't end
-			// at its M point
-			// M0,0 L0,100 L100,100 z
-			var segList = elem.pathSegList;
-			var len = segList.numberOfItems;
-			var i, last_m;
-			for (i = 0; i < len; ++i) {
-				var item = segList.getItem(i);
-				if (item.pathSegType === 2) {
-					last_m = item;
-				}
-				
-				if (item.pathSegType === 1) {
-					var prev = segList.getItem(i-1);
-					if (prev.x != last_m.x || prev.y != last_m.y) {
-						// Add an L segment here
-						var newseg = elem.createSVGPathSegLinetoAbs(last_m.x, last_m.y);
-						svgedit.path.insertItemBefore(elem, newseg, i);
-						// Can this be done better?
-						pathActions.fixEnd(elem);
-						break;
-					}
-					
-				}
-			}
-			if (svgedit.browser.isWebkit()) {resetD(elem);}
-		},
-		// Convert a path to one with only absolute or relative values
-		convertPath: svgedit.utilities.convertPath
-	};
-}();
-// end pathActions
-
-// Group: Serialization
-
-// Function: removeUnusedDefElems
-// Looks at DOM elements inside the <defs> to see if they are referred to,
-// removes them from the DOM if they are not.
-// 
-// Returns:
-// The amount of elements that were removed
-var removeUnusedDefElems = this.removeUnusedDefElems = function() {
-	var defs = svgcontent.getElementsByTagNameNS(NS.SVG, 'defs');
-	if (!defs || !defs.length) {return 0;}
-	
-//	if (!defs.firstChild) {return;}
-	
-	var defelem_uses = [],
-		numRemoved = 0;
-	var attrs = ['fill', 'stroke', 'filter', 'marker-start', 'marker-mid', 'marker-end'];
-	var alen = attrs.length;
-	
-	var all_els = svgcontent.getElementsByTagNameNS(NS.SVG, '*');
-	var all_len = all_els.length;
-	
-	var i, j;
-	for (i = 0; i < all_len; i++) {
-		var el = all_els[i];
-		for (j = 0; j < alen; j++) {
-			var ref = svgedit.utilities.getUrlFromAttr(el.getAttribute(attrs[j]));
-			if (ref) {
-				defelem_uses.push(ref.substr(1));
-			}
-		}
-		
-		// gradients can refer to other gradients
-		var href = getHref(el);
-		if (href && href.indexOf('#') === 0) {
-			defelem_uses.push(href.substr(1));
-		}
-	}
-	
-	var defelems = $(defs).find('linearGradient, radialGradient, filter, marker, svg, symbol');
-	i = defelems.length;
-	while (i--) {
-		var defelem = defelems[i];
-		var id = defelem.id;
-		if (defelem_uses.indexOf(id) < 0) {
-			// Not found, so remove (but remember)
-			removedElements[id] = defelem;
-			defelem.parentNode.removeChild(defelem);
-			numRemoved++;
-		}
-	}
-
-	return numRemoved;
-};
-
-// Function: svgCanvasToString
-// Main function to set up the SVG content for output 
-//
-// Returns: 
-// String containing the SVG image for output
-this.svgCanvasToString = function() {
-	// keep calling it until there are none to remove
-	while (removeUnusedDefElems() > 0) {}
-	
-	pathActions.clear(true);
-	
-	// Keep SVG-Edit comment on top
-	$.each(svgcontent.childNodes, function(i, node) {
-		if (i && node.nodeType === 8 && node.data.indexOf('Created with') >= 0) {
-			svgcontent.insertBefore(node, svgcontent.firstChild);
-		}
-	});
-	
-	// Move out of in-group editing mode
-	if (current_group) {
-		leaveContext();
-		selectOnly([current_group]);
-	}
-	
-	var naked_svgs = [];
-	
-	// Unwrap gsvg if it has no special attributes (only id and style)
-	$(svgcontent).find('g:data(gsvg)').each(function() {
-		var attrs = this.attributes;
-		var len = attrs.length;
-		var i;
-		for (i = 0; i < len; i++) {
-			if (attrs[i].nodeName == 'id' || attrs[i].nodeName == 'style') {
-				len--;
-			}
-		}
-		// No significant attributes, so ungroup
-		if (len <= 0) {
-			var svg = this.firstChild;
-			naked_svgs.push(svg);
-			$(this).replaceWith(svg);
-		}
-	});
-	var output = this.svgToString(svgcontent, 0);
-	
-	// Rewrap gsvg
-	if (naked_svgs.length) {
-		$(naked_svgs).each(function() {
-			groupSvgElem(this);
-		});
-	}
-	
-	return output;
-};
-
-// Function: svgToString
-// Sub function ran on each SVG element to convert it to a string as desired
-// 
-// Parameters: 
-// elem - The SVG element to convert
-// indent - Integer with the amount of spaces to indent this tag
-//
-// Returns: 
-// String with the given element as an SVG tag
-this.svgToString = function(elem, indent) {
-	var out = [], 
-		toXml = svgedit.utilities.toXml;
-	var unit = curConfig.baseUnit;
-	var unit_re = new RegExp('^-?[\\d\\.]+' + unit + '$');
-
-	if (elem) {
-		cleanupElement(elem);
-		var attrs = elem.attributes,
-			attr,
-			i,
-			childs = elem.childNodes;
-		
-		for (i = 0; i < indent; i++) {out.push(' ');}
-		out.push('<'); out.push(elem.nodeName);
-		if (elem.id === 'svgcontent') {
-			// Process root element separately
-			var res = getResolution();
-			
-			var vb = '';
-			// TODO: Allow this by dividing all values by current baseVal
-			// Note that this also means we should properly deal with this on import
-//			if (curConfig.baseUnit !== 'px') {
-//				var unit = curConfig.baseUnit;
-//				var unit_m = svgedit.units.getTypeMap()[unit];
-//				res.w = svgedit.units.shortFloat(res.w / unit_m)
-//				res.h = svgedit.units.shortFloat(res.h / unit_m)
-//				vb = ' viewBox="' + [0, 0, res.w, res.h].join(' ') + '"';
-//				res.w += unit;
-//				res.h += unit;
-//			}
-			
-			if (unit !== 'px') {
-				res.w = svgedit.units.convertUnit(res.w, unit) + unit;
-				res.h = svgedit.units.convertUnit(res.h, unit) + unit;
-			}
-			
-			out.push(' width="' + res.w + '" height="' + res.h + '"' + vb + ' xmlns="'+NS.SVG+'"');
-			
-			var nsuris = {};
-			
-			// Check elements for namespaces, add if found
-			$(elem).find('*').andSelf().each(function() {
-				var el = this;
-				// for some elements have no attribute
-				var uri = this.namespaceURI;
-				if (uri && !nsuris[uri] && nsMap[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml' ) {
-					nsuris[uri] = true;
-					out.push(' xmlns:' + nsMap[uri] + '="' + uri +'"');
-				}
-		
-				$.each(this.attributes, function(i, attr) {
-					var uri = attr.namespaceURI;
-					if (uri && !nsuris[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml' ) {
-						nsuris[uri] = true;
-						out.push(' xmlns:' + nsMap[uri] + '="' + uri +'"');
-					}
-				});
-			});
-			
-			i = attrs.length;
-			var attr_names = ['width', 'height', 'xmlns', 'x', 'y', 'viewBox', 'id', 'overflow'];
-			while (i--) {
-				attr = attrs.item(i);
-				var attrVal = toXml(attr.value);
-				
-				// Namespaces have already been dealt with, so skip
-				if (attr.nodeName.indexOf('xmlns:') === 0) {continue;}
-
-				// only serialize attributes we don't use internally
-				if (attrVal != '' && attr_names.indexOf(attr.localName) == -1) {
-
-					if (!attr.namespaceURI || nsMap[attr.namespaceURI]) {
-						out.push(' '); 
-						out.push(attr.nodeName); out.push('="');
-						out.push(attrVal); out.push('"');
-					}
-				}
-			}
-		} else {
-			// Skip empty defs
-			if (elem.nodeName === 'defs' && !elem.firstChild) {return;}
-		
-			var moz_attrs = ['-moz-math-font-style', '_moz-math-font-style'];
-			for (i = attrs.length - 1; i >= 0; i--) {
-				attr = attrs.item(i);
-				var attrVal = toXml(attr.value);
-				//remove bogus attributes added by Gecko
-				if (moz_attrs.indexOf(attr.localName) >= 0) {continue;}
-				if (attrVal != '') {
-					if (attrVal.indexOf('pointer-events') === 0) {continue;}
-					if (attr.localName === 'class' && attrVal.indexOf('se_') === 0) {continue;}
-					out.push(' '); 
-					if (attr.localName === 'd') {attrVal = pathActions.convertPath(elem, true);}
-					if (!isNaN(attrVal)) {
-						attrVal = svgedit.units.shortFloat(attrVal);
-					} else if (unit_re.test(attrVal)) {
-						attrVal = svgedit.units.shortFloat(attrVal) + unit;
-					}
-					
-					// Embed images when saving 
-					if (save_options.apply
-						&& elem.nodeName === 'image' 
-						&& attr.localName === 'href'
-						&& save_options.images
-						&& save_options.images === 'embed') 
-					{
-						var img = encodableImages[attrVal];
-						if (img) {attrVal = img;}
-					}
-					
-					// map various namespaces to our fixed namespace prefixes
-					// (the default xmlns attribute itself does not get a prefix)
-					if (!attr.namespaceURI || attr.namespaceURI == NS.SVG || nsMap[attr.namespaceURI]) {
-						out.push(attr.nodeName); out.push('="');
-						out.push(attrVal); out.push('"');
-					}
-				}
-			}
-		}
-
-		if (elem.hasChildNodes()) {
-			out.push('>');
-			indent++;
-			var bOneLine = false;
-			
-			for (i = 0; i < childs.length; i++) {
-				var child = childs.item(i);
-				switch(child.nodeType) {
-				case 1: // element node
-					out.push('\n');
-					out.push(this.svgToString(childs.item(i), indent));
-					break;
-				case 3: // text node
-					var str = child.nodeValue.replace(/^\s+|\s+$/g, '');
-					if (str != '') {
-						bOneLine = true;
-						out.push(String(toXml(str)));
-					}
-					break;
-				case 4: // cdata node
-					out.push('\n');
-					out.push(new Array(indent+1).join(' '));
-					out.push('<![CDATA[');
-					out.push(child.nodeValue);
-					out.push(']]>');
-					break;
-				case 8: // comment
-					out.push('\n');
-					out.push(new Array(indent+1).join(' '));
-					out.push('<!--');
-					out.push(child.data);
-					out.push('-->');
-					break;
-				} // switch on node type
-			}
-			indent--;
-			if (!bOneLine) {
-				out.push('\n');
-				for (i = 0; i < indent; i++) {out.push(' ');}
-			}
-			out.push('</'); out.push(elem.nodeName); out.push('>');
-		} else {
-			out.push('/>');
-		}
-	}
-	return out.join('');
-}; // end svgToString()
-
-// Function: embedImage
-// Converts a given image file to a data URL when possible, then runs a given callback
-//
-// Parameters: 
-// val - String with the path/URL of the image
-// callback - Optional function to run when image data is found, supplies the
-// result (data URL or false) as first parameter.
-this.embedImage = function(val, callback) {
-	// load in the image and once it's loaded, get the dimensions
-	$(new Image()).load(function() {
-		// create a canvas the same size as the raster image
-		var canvas = document.createElement('canvas');
-		canvas.width = this.width;
-		canvas.height = this.height;
-		// load the raster image into the canvas
-		canvas.getContext('2d').drawImage(this, 0, 0);
-		// retrieve the data: URL
-		try {
-			var urldata = ';svgedit_url=' + encodeURIComponent(val);
-			urldata = canvas.toDataURL().replace(';base64', urldata+';base64');
-			encodableImages[val] = urldata;
-		} catch(e) {
-			encodableImages[val] = false;
-		}
-		last_good_img_url = val;
-		if (callback) {callback(encodableImages[val]);}
-	}).attr('src', val);
-};
-
-// Function: setGoodImage
-// Sets a given URL to be a "last good image" URL
-this.setGoodImage = function(val) {
-	last_good_img_url = val;
-};
-
-this.open = function() {
-	// Nothing by default, handled by optional widget/extension
-};
-
-// Function: save
-// Serializes the current drawing into SVG XML text and returns it to the 'saved' handler.
-// This function also includes the XML prolog. Clients of the SvgCanvas bind their save
-// function to the 'saved' event.
-//
-// Returns: 
-// Nothing
-this.save = function(opts) {
-	// remove the selected outline before serializing
-	clearSelection();
-	// Update save options if provided
-	if (opts) {$.extend(save_options, opts);}
-	save_options.apply = true;
-	
-	// no need for doctype, see http://jwatt.org/svg/authoring/#doctype-declaration
-	var str = this.svgCanvasToString();
-	call('saved', str);
-};
-
-function getIssues () {
-	// remove the selected outline before serializing
-	clearSelection();
-	
-	// Check for known CanVG issues 
-	var issues = [];
-	
-	// Selector and notice
-	var issue_list = {
-		'feGaussianBlur': uiStrings.exportNoBlur,
-		'foreignObject': uiStrings.exportNoforeignObject,
-		'[stroke-dasharray]': uiStrings.exportNoDashArray
-	};
-	var content = $(svgcontent);
-	
-	// Add font/text check if Canvas Text API is not implemented
-	if (!('font' in $('<canvas>')[0].getContext('2d'))) {
-		issue_list.text = uiStrings.exportNoText;
-	}
-	
-	$.each(issue_list, function(sel, descr) {
-		if (content.find(sel).length) {
-			issues.push(descr);
-		}
-	});
-	return issues;
-}
-
-// Function: rasterExport
-// Generates a Data URL based on the current image, then calls "exported" 
-// with an object including the string, image information, and any issues found
-this.rasterExport = function(imgType, quality, exportWindowName) {
-	var mimeType = 'image/' + imgType.toLowerCase();
-	var issues = getIssues();
-	var str = this.svgCanvasToString();
-	
-	svgedit.utilities.buildCanvgCallback(function () {
-		var type = imgType || 'PNG';
-		if (!$('#export_canvas').length) {
-			$('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');
-		}
-		var c = $('#export_canvas')[0];
-		c.width = svgCanvas.contentW;
-		c.height = svgCanvas.contentH;
-		
-		canvg(c, str, {renderCallback: function() {
-			var dataURLType = (type === 'ICO' ? 'BMP' : type).toLowerCase();
-			var datauri = quality ? c.toDataURL('image/' + dataURLType, quality) : c.toDataURL('image/' + dataURLType);
-			
-			call('exported', {datauri: datauri, svg: str, issues: issues, type: imgType, mimeType: mimeType, quality: quality, exportWindowName: exportWindowName});
-		}});
-	})();
-};
-
-this.exportPDF = function (exportWindowName, outputType) {
-	var that = this;
-	svgedit.utilities.buildJSPDFCallback(function () {
-		var res = getResolution();
-		var orientation = res.w > res.h ? 'landscape' : 'portrait';
-		var units = 'pt'; // curConfig.baseUnit; // We could use baseUnit, but that is presumably not intended for export purposes
-		var doc = jsPDF({
-			orientation: orientation,
-			unit: units,
-			format: [res.w, res.h]
-			// , compressPdf: true
-		}); // Todo: Give options to use predefined jsPDF formats like "a4", etc. from pull-down (with option to keep customizable)
-		var docTitle = getDocumentTitle();
-		doc.setProperties({
-			title: docTitle/*,
-			subject: '',
-			author: '',
-			keywords: '',
-			creator: ''*/
-		});
-		var issues = getIssues();
-		var str = that.svgCanvasToString();
-		doc.addSVG(str, 0, 0);
-
-		// doc.output('save'); // Works to open in a new
-		//  window; todo: configure this and other export
-		//  options to optionally work in this manner as
-		//  opposed to opening a new tab
-		var obj = {svg: str, issues: issues, exportWindowName: exportWindowName};
-		var method = outputType || 'dataurlstring';
-		obj[method] = doc.output(method);
-		call('exportedPDF', obj);
-	})();
-};
-
-// Function: getSvgString
-// Returns the current drawing as raw SVG XML text.
-//
-// Returns:
-// The current drawing as raw SVG XML text.
-this.getSvgString = function() {
-	save_options.apply = false;
-	return this.svgCanvasToString();
-};
-
-// Function: randomizeIds
-// This function determines whether to use a nonce in the prefix, when
-// generating IDs for future documents in SVG-Edit.
-// 
-// Parameters:
-// an optional boolean, which, if true, adds a nonce to the prefix. Thus
-// svgCanvas.randomizeIds() <==> svgCanvas.randomizeIds(true)
-//
-// if you're controlling SVG-Edit externally, and want randomized IDs, call
-// this BEFORE calling svgCanvas.setSvgString
-//
-this.randomizeIds = function(enableRandomization) {
-	if (arguments.length > 0 && enableRandomization == false) {
-		svgedit.draw.randomizeIds(false, getCurrentDrawing());
-	} else {
-		svgedit.draw.randomizeIds(true, getCurrentDrawing());
-	}
-};
-
-// Function: uniquifyElems
-// Ensure each element has a unique ID
-//
-// Parameters:
-// g - The parent element of the tree to give unique IDs
-var uniquifyElems = this.uniquifyElems = function(g) {
-	var ids = {};
-	// TODO: Handle markers and connectors. These are not yet re-identified properly
-	// as their referring elements do not get remapped.
-	//
-	// <marker id='se_marker_end_svg_7'/>
-	// <polyline id='svg_7' se:connector='svg_1 svg_6' marker-end='url(#se_marker_end_svg_7)'/>
-	// 
-	// Problem #1: if svg_1 gets renamed, we do not update the polyline's se:connector attribute
-	// Problem #2: if the polyline svg_7 gets renamed, we do not update the marker id nor the polyline's marker-end attribute
-	var ref_elems = ['filter', 'linearGradient', 'pattern',	'radialGradient', 'symbol', 'textPath', 'use'];
-	
-	svgedit.utilities.walkTree(g, function(n) {
-		// if it's an element node
-		if (n.nodeType == 1) {
-			// and the element has an ID
-			if (n.id) {
-				// and we haven't tracked this ID yet
-				if (!(n.id in ids)) {
-					// add this id to our map
-					ids[n.id] = {elem:null, attrs:[], hrefs:[]};
-				}
-				ids[n.id].elem = n;
-			}
-			
-			// now search for all attributes on this element that might refer
-			// to other elements
-			$.each(ref_attrs, function(i, attr) {
-				var attrnode = n.getAttributeNode(attr);
-				if (attrnode) {
-					// the incoming file has been sanitized, so we should be able to safely just strip off the leading #
-					var url = svgedit.utilities.getUrlFromAttr(attrnode.value),
-						refid = url ? url.substr(1) : null;
-					if (refid) {
-						if (!(refid in ids)) {
-							// add this id to our map
-							ids[refid] = {elem:null, attrs:[], hrefs:[]};
-						}
-						ids[refid].attrs.push(attrnode);
-					}
-				}
-			});
-			
-			// check xlink:href now
-			var href = svgedit.utilities.getHref(n);
-			// TODO: what if an <image> or <a> element refers to an element internally?
-			if (href && ref_elems.indexOf(n.nodeName) >= 0) {
-				var refid = href.substr(1);
-				if (refid) {
-					if (!(refid in ids)) {
-						// add this id to our map
-						ids[refid] = {elem:null, attrs:[], hrefs:[]};
-					}
-					ids[refid].hrefs.push(n);
-				}
-			}						
-		}
-	});
-	
-	// in ids, we now have a map of ids, elements and attributes, let's re-identify
-	var oldid;
-	for (oldid in ids) {
-		if (!oldid) {continue;}
-		var elem = ids[oldid].elem;
-		if (elem) {
-			var newid = getNextId();
-			
-			// assign element its new id
-			elem.id = newid;
-			
-			// remap all url() attributes
-			var attrs = ids[oldid].attrs;
-			var j = attrs.length;
-			while (j--) {
-				var attr = attrs[j];
-				attr.ownerElement.setAttribute(attr.name, 'url(#' + newid + ')');
-			}
-			
-			// remap all href attributes
-			var hreffers = ids[oldid].hrefs;
-			var k = hreffers.length;
-			while (k--) {
-				var hreffer = hreffers[k];
-				svgedit.utilities.setHref(hreffer, '#' + newid);
-			}
-		}
-	}
-};
-
-// Function setUseData
-// Assigns reference data for each use element
-var setUseData = this.setUseData = function(parent) {
-	var elems = $(parent);
-	
-	if (parent.tagName !== 'use') {
-		elems = elems.find('use');
-	}
-	
-	elems.each(function() {
-		var id = getHref(this).substr(1);
-		var ref_elem = svgedit.utilities.getElem(id);
-		if (!ref_elem) {return;}
-		$(this).data('ref', ref_elem);
-		if (ref_elem.tagName == 'symbol' || ref_elem.tagName == 'svg') {
-			$(this).data('symbol', ref_elem).data('ref', ref_elem);
-		}
-	});
-};
-
-// Function convertGradients
-// Converts gradients from userSpaceOnUse to objectBoundingBox
-var convertGradients = this.convertGradients = function(elem) {
-	var elems = $(elem).find('linearGradient, radialGradient');
-	if (!elems.length && svgedit.browser.isWebkit()) {
-		// Bug in webkit prevents regular *Gradient selector search
-		elems = $(elem).find('*').filter(function() {
-			return (this.tagName.indexOf('Gradient') >= 0);
-		});
-	}
-	
-	elems.each(function() {
-		var grad = this;
-		if ($(grad).attr('gradientUnits') === 'userSpaceOnUse') {
-			// TODO: Support more than one element with this ref by duplicating parent grad
-			var elems = $(svgcontent).find('[fill="url(#' + grad.id + ')"],[stroke="url(#' + grad.id + ')"]');
-			if (!elems.length) {return;}
-			
-			// get object's bounding box
-			var bb = svgedit.utilities.getBBox(elems[0]);
-			
-			// This will occur if the element is inside a <defs> or a <symbol>,
-			// in which we shouldn't need to convert anyway.
-			if (!bb) {return;}
-			
-			if (grad.tagName === 'linearGradient') {
-				var g_coords = $(grad).attr(['x1', 'y1', 'x2', 'y2']);
-				
-				// If has transform, convert
-				var tlist = grad.gradientTransform.baseVal;
-				if (tlist && tlist.numberOfItems > 0) {
-					var m = svgedit.math.transformListToTransform(tlist).matrix;
-					var pt1 = svgedit.math.transformPoint(g_coords.x1, g_coords.y1, m);
-					var pt2 = svgedit.math.transformPoint(g_coords.x2, g_coords.y2, m);
-					
-					g_coords.x1 = pt1.x;
-					g_coords.y1 = pt1.y;
-					g_coords.x2 = pt2.x;
-					g_coords.y2 = pt2.y;
-					grad.removeAttribute('gradientTransform');
-				}
-				
-				$(grad).attr({
-					x1: (g_coords.x1 - bb.x) / bb.width,
-					y1: (g_coords.y1 - bb.y) / bb.height,
-					x2: (g_coords.x2 - bb.x) / bb.width,
-					y2: (g_coords.y2 - bb.y) / bb.height
-				});
-				grad.removeAttribute('gradientUnits');
-			}
-			// else {
-				// Note: radialGradient elements cannot be easily converted 
-				// because userSpaceOnUse will keep circular gradients, while
-				// objectBoundingBox will x/y scale the gradient according to
-				// its bbox. 
-				
-				// For now we'll do nothing, though we should probably have
-				// the gradient be updated as the element is moved, as 
-				// inkscape/illustrator do.
-			
-//						var g_coords = $(grad).attr(['cx', 'cy', 'r']);
-//						
-//						$(grad).attr({
-//							cx: (g_coords.cx - bb.x) / bb.width,
-//							cy: (g_coords.cy - bb.y) / bb.height,
-//							r: g_coords.r
-//						});
-//						
-//						grad.removeAttribute('gradientUnits');
-			// }
-		}
-	});
-};
-
-// Function: convertToGroup
-// Converts selected/given <use> or child SVG element to a group
-var convertToGroup = this.convertToGroup = function(elem) {
-	if (!elem) {
-		elem = selectedElements[0];
-	}
-	var $elem = $(elem);
-	var batchCmd = new svgedit.history.BatchCommand();
-	var ts;
-	
-	if ($elem.data('gsvg')) {
-		// Use the gsvg as the new group
-		var svg = elem.firstChild;
-		var pt = $(svg).attr(['x', 'y']);
-		
-		$(elem.firstChild.firstChild).unwrap();
-		$(elem).removeData('gsvg');
-		
-		var tlist = svgedit.transformlist.getTransformList(elem);
-		var xform = svgroot.createSVGTransform();
-		xform.setTranslate(pt.x, pt.y);
-		tlist.appendItem(xform);
-		svgedit.recalculate.recalculateDimensions(elem);
-		call('selected', [elem]);
-	} else if ($elem.data('symbol')) {
-		elem = $elem.data('symbol');
-		
-		ts = $elem.attr('transform');
-		var pos = $elem.attr(['x', 'y']);
-
-		var vb = elem.getAttribute('viewBox');
-		
-		if (vb) {
-			var nums = vb.split(' ');
-			pos.x -= +nums[0];
-			pos.y -= +nums[1];
-		}
-		
-		// Not ideal, but works
-		ts += ' translate(' + (pos.x || 0) + ',' + (pos.y || 0) + ')';
-		
-		var prev = $elem.prev();
-		
-		// Remove <use> element
-		batchCmd.addSubCommand(new svgedit.history.RemoveElementCommand($elem[0], $elem[0].nextSibling, $elem[0].parentNode));
-		$elem.remove();
-		
-		// See if other elements reference this symbol
-		var has_more = $(svgcontent).find('use:data(symbol)').length;
-			
-		var g = svgdoc.createElementNS(NS.SVG, 'g');
-		var childs = elem.childNodes;
-		
-		var i;
-		for (i = 0; i < childs.length; i++) {
-			g.appendChild(childs[i].cloneNode(true));
-		}
-		
-		// Duplicate the gradients for Gecko, since they weren't included in the <symbol>
-		if (svgedit.browser.isGecko()) {
-			var dupeGrads = $(svgedit.utilities.findDefs()).children('linearGradient,radialGradient,pattern').clone();
-			$(g).append(dupeGrads);
-		}
-		
-		if (ts) {
-			g.setAttribute('transform', ts);
-		}
-		
-		var parent = elem.parentNode;
-		
-		uniquifyElems(g);
-		
-		// Put the dupe gradients back into <defs> (after uniquifying them)
-		if (svgedit.browser.isGecko()) {
-			$(findDefs()).append( $(g).find('linearGradient,radialGradient,pattern') );
-		}
-	
-		// now give the g itself a new id
-		g.id = getNextId();
-		
-		prev.after(g);
-		
-		if (parent) {
-			if (!has_more) {
-				// remove symbol/svg element
-				var nextSibling = elem.nextSibling;
-				parent.removeChild(elem);
-				batchCmd.addSubCommand(new svgedit.history.RemoveElementCommand(elem, nextSibling, parent));
-			}
-			batchCmd.addSubCommand(new svgedit.history.InsertElementCommand(g));
-		}
-		
-		setUseData(g);
-		
-		if (svgedit.browser.isGecko()) {
-			convertGradients(svgedit.utilities.findDefs());
-		} else {
-			convertGradients(g);
-		}
-		
-		// recalculate dimensions on the top-level children so that unnecessary transforms
-		// are removed
-		svgedit.utilities.walkTreePost(g, function(n){
-			try {
-				svgedit.recalculate.recalculateDimensions(n);
-			} catch(e) {
-				console.log(e);
-			}
-		});
-		
-		// Give ID for any visible element missing one
-		$(g).find(visElems).each(function() {
-			if (!this.id) {this.id = getNextId();}
-		});
-		
-		selectOnly([g]);
-		
-		var cm = pushGroupProperties(g, true);
-		if (cm) {
-			batchCmd.addSubCommand(cm);
-		}
-
-		addCommandToHistory(batchCmd);
-		
-	} else {
-		console.log('Unexpected element to ungroup:', elem);
-	}
-};
-
-//
-// Function: setSvgString
-// This function sets the current drawing as the input SVG XML.
-//
-// Parameters:
-// xmlString - The SVG as XML text.
-// preventUndo - Boolean (defaults to false) indicating if we want to do the
-// changes without adding them to the undo stack - e.g. for initializing a
-// drawing on page load.
-//
-// Returns:
-// This function returns false if the set was unsuccessful, true otherwise.
-this.setSvgString = function(xmlString, preventUndo) {
-	try {
-		// convert string into XML document
-		var newDoc = svgedit.utilities.text2xml(xmlString);
-
-		this.prepareSvg(newDoc);
-
-		var batchCmd = new svgedit.history.BatchCommand('Change Source');
-
-		// remove old svg document
-		var nextSibling = svgcontent.nextSibling;
-		var oldzoom = svgroot.removeChild(svgcontent);
-		batchCmd.addSubCommand(new svgedit.history.RemoveElementCommand(oldzoom, nextSibling, svgroot));
-	
-		// set new svg document
-		// If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()
-		if (svgdoc.adoptNode) {
-			svgcontent = svgdoc.adoptNode(newDoc.documentElement);
-		}
-		else {
-			svgcontent = svgdoc.importNode(newDoc.documentElement, true);
-		}
-		
-		svgroot.appendChild(svgcontent);
-		var content = $(svgcontent);
-		
-		canvas.current_drawing_ = new svgedit.draw.Drawing(svgcontent, idprefix);
-		
-		// retrieve or set the nonce
-		var nonce = getCurrentDrawing().getNonce();
-		if (nonce) {
-			call('setnonce', nonce);
-		} else {
-			call('unsetnonce');
-		}
-		
-		// change image href vals if possible
-		content.find('image').each(function() {
-			var image = this;
-			svgedit.utilities.preventClickDefault(image);
-			var val = getHref(this);
-			if (val) {
-				if (val.indexOf('data:') === 0) {
-					// Check if an SVG-edit data URI
-					var m = val.match(/svgedit_url=(.*?);/);
-					if (m) {
-						var url = decodeURIComponent(m[1]);
-						$(new Image()).load(function () {
-							image.setAttributeNS(NS.XLINK, 'xlink:href', url);
-						}).attr('src', url);
-					}
-				}
-				// Add to encodableImages if it loads
-				canvas.embedImage(val);
-			}
-		});
-	
-		// Wrap child SVGs in group elements
-		content.find('svg').each(function() {
-			// Skip if it's in a <defs>
-			if ($(this).closest('defs').length) {return;}
-		
-			uniquifyElems(this);
-		
-			// Check if it already has a gsvg group
-			var pa = this.parentNode;
-			if (pa.childNodes.length === 1 && pa.nodeName === 'g') {
-				$(pa).data('gsvg', this);
-				pa.id = pa.id || getNextId();
-			} else {
-				groupSvgElem(this);
-			}
-		});
-		
-		// For Firefox: Put all paint elems in defs
-		if (svgedit.browser.isGecko()) {
-			content.find('linearGradient, radialGradient, pattern').appendTo(svgedit.utilities.findDefs());
-		}
-
-		// Set ref element for <use> elements
-		
-		// TODO: This should also be done if the object is re-added through "redo"
-		setUseData(content);
-		
-		convertGradients(content[0]);
-		
-		var attrs = {
-			id: 'svgcontent',
-			overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden'
-		};
-		
-		var percs = false;
-		
-		// determine proper size
-		if (content.attr('viewBox')) {
-			var vb = content.attr('viewBox').split(' ');
-			attrs.width = vb[2];
-			attrs.height = vb[3];
-		}
-		// handle content that doesn't have a viewBox
-		else {
-			$.each(['width', 'height'], function(i, dim) {
-				// Set to 100 if not given
-				var val = content.attr(dim);
-				
-				if (!val) {val = '100%';}
-				
-				if (String(val).substr(-1) === '%') {
-					// Use user units if percentage given
-					percs = true;
-				} else {
-					attrs[dim] = svgedit.units.convertToNum(dim, val);
-				}
-			});
-		}
-		
-		// identify layers
-		identifyLayers();
-		
-		// Give ID for any visible layer children missing one
-		content.children().find(visElems).each(function() {
-			if (!this.id) {this.id = getNextId();}
-		});
-		
-		// Percentage width/height, so let's base it on visible elements
-		if (percs) {
-			var bb = getStrokedBBox();
-			attrs.width = bb.width + bb.x;
-			attrs.height = bb.height + bb.y;
-		}
-		
-		// Just in case negative numbers are given or 
-		// result from the percs calculation
-		if (attrs.width <= 0) {attrs.width = 100;}
-		if (attrs.height <= 0) {attrs.height = 100;}
-		
-		content.attr(attrs);
-		this.contentW = attrs.width;
-		this.contentH = attrs.height;
-		
-		batchCmd.addSubCommand(new svgedit.history.InsertElementCommand(svgcontent));
-		// update root to the correct size
-		var changes = content.attr(['width', 'height']);
-		batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(svgroot, changes));
-		
-		// reset zoom
-		current_zoom = 1;
-		
-		// reset transform lists
-		svgedit.transformlist.resetListMap();
-		clearSelection();
-		svgedit.path.clearData();
-		svgroot.appendChild(selectorManager.selectorParentGroup);
-		
-		if (!preventUndo) addCommandToHistory(batchCmd);
-		call('changed', [svgcontent]);
-	} catch(e) {
-		console.log(e);
-		return false;
-	}
-
-	return true;
-};
-
-// Function: importSvgString
-// This function imports the input SVG XML as a <symbol> in the <defs>, then adds a
-// <use> to the current layer.
-//
-// Parameters:
-// xmlString - The SVG as XML text.
-//
-// Returns:
-// This function returns null if the import was unsuccessful, or the element otherwise.
-// TODO: 
-// * properly handle if namespace is introduced by imported content (must add to svgcontent
-// and update all prefixes in the imported node)
-// * properly handle recalculating dimensions, recalculateDimensions() doesn't handle
-// arbitrary transform lists, but makes some assumptions about how the transform list 
-// was obtained
-// * import should happen in top-left of current zoomed viewport	
-this.importSvgString = function(xmlString) {
-	var j, ts;
-	try {
-		// Get unique ID
-		var uid = svgedit.utilities.encode64(xmlString.length + xmlString).substr(0,32);
-		
-		var useExisting = false;
-
-		// Look for symbol and make sure symbol exists in image
-		if (import_ids[uid]) {
-			if ( $(import_ids[uid].symbol).parents('#svgroot').length ) {
-				useExisting = true;
-			}
-		}
-		
-		var batchCmd = new svgedit.history.BatchCommand('Import Image');
-		var symbol;
-		if (useExisting) {
-			symbol = import_ids[uid].symbol;
-			ts = import_ids[uid].xform;
-		} else {
-			// convert string into XML document
-			var newDoc = svgedit.utilities.text2xml(xmlString);
-	
-			this.prepareSvg(newDoc);
-	
-			// import new svg document into our document
-			var svg;
-			// If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()
-			if (svgdoc.adoptNode) {
-				svg = svgdoc.adoptNode(newDoc.documentElement);
-			} else {
-				svg = svgdoc.importNode(newDoc.documentElement, true);
-			}
-			
-			uniquifyElems(svg);
-			
-			var innerw = svgedit.units.convertToNum('width', svg.getAttribute('width')),
-				innerh = svgedit.units.convertToNum('height', svg.getAttribute('height')),
-				innervb = svg.getAttribute('viewBox'),
-				// if no explicit viewbox, create one out of the width and height
-				vb = innervb ? innervb.split(' ') : [0, 0, innerw, innerh];
-			for (j = 0; j < 4; ++j) {
-				vb[j] = +(vb[j]);
-			}
-	
-			// TODO: properly handle preserveAspectRatio
-			var canvasw = +svgcontent.getAttribute('width'),
-				canvash = +svgcontent.getAttribute('height');
-			// imported content should be 1/3 of the canvas on its largest dimension
-			
-			if (innerh > innerw) {
-				ts = 'scale(' + (canvash/3)/vb[3] + ')';
-			} else {
-				ts = 'scale(' + (canvash/3)/vb[2] + ')';
-			}
-			
-			// Hack to make recalculateDimensions understand how to scale
-			ts = 'translate(0) ' + ts + ' translate(0)';
-			
-			symbol = svgdoc.createElementNS(NS.SVG, 'symbol');
-			var defs = svgedit.utilities.findDefs();
-			
-			if (svgedit.browser.isGecko()) {
-				// Move all gradients into root for Firefox, workaround for this bug:
-				// https://bugzilla.mozilla.org/show_bug.cgi?id=353575
-				// TODO: Make this properly undo-able.
-				$(svg).find('linearGradient, radialGradient, pattern').appendTo(defs);
-			}
-	
-			while (svg.firstChild) {
-				var first = svg.firstChild;
-				symbol.appendChild(first);
-			}
-			var attrs = svg.attributes;
-			var i;
-			for (i = 0; i < attrs.length; i++) {
-				var attr = attrs[i];
-				symbol.setAttribute(attr.nodeName, attr.value);
-			}
-			symbol.id = getNextId();
-			
-			// Store data
-			import_ids[uid] = {
-				symbol: symbol,
-				xform: ts
-			};
-			
-			svgedit.utilities.findDefs().appendChild(symbol);
-			batchCmd.addSubCommand(new svgedit.history.InsertElementCommand(symbol));
-		}
-		
-		var use_el = svgdoc.createElementNS(NS.SVG, 'use');
-		use_el.id = getNextId();
-		setHref(use_el, '#' + symbol.id);
-		
-		(current_group || getCurrentDrawing().getCurrentLayer()).appendChild(use_el);
-		batchCmd.addSubCommand(new svgedit.history.InsertElementCommand(use_el));
-		clearSelection();
-		
-		use_el.setAttribute('transform', ts);
-		svgedit.recalculate.recalculateDimensions(use_el);
-		$(use_el).data('symbol', symbol).data('ref', symbol);
-		addToSelection([use_el]);
-		
-		// TODO: Find way to add this in a recalculateDimensions-parsable way
-//				if (vb[0] != 0 || vb[1] != 0)
-//					ts = 'translate(' + (-vb[0]) + ',' + (-vb[1]) + ') ' + ts;
-		addCommandToHistory(batchCmd);
-		call('changed', [svgcontent]);
-
-	} catch(e) {
-		console.log(e);
-		return null;
-	}
-
-	// we want to return the element so we can automatically select it
-	return use_el;
-};
-
-// TODO(codedread): Move all layer/context functions in draw.js
-// Layer API Functions
-
-// Group: Layers
-
-// Function: identifyLayers
-// Updates layer system
-var identifyLayers = canvas.identifyLayers = function() {
-	leaveContext();
-	getCurrentDrawing().identifyLayers();
-};
-
-// Function: createLayer
-// Creates a new top-level layer in the drawing with the given name, sets the current layer 
-// to it, and then clears the selection. This function then calls the 'changed' handler.
-// This is an undoable action.
-//
-// Parameters:
-// name - The given name
-this.createLayer = function(name, hrService) {
-	var new_layer = getCurrentDrawing().createLayer(name, historyRecordingService(hrService));
-	clearSelection();
-	call('changed', [new_layer]);
+/**
+* Removes elements from the selection.
+* @function module:svgcanvas.SvgCanvas#removeFromSelection
+* @param {Element[]} elemsToRemove - An array of elements to remove from selection
+* @returns {undefined}
+*/
+/* const removeFromSelection = */ this.removeFromSelection = function (elemsToRemove) {
+  if (selectedElements[0] == null) { return; }
+  if (!elemsToRemove.length) { return; }
+
+  // find every element and remove it from our array copy
+  const newSelectedItems = [],
+    len = selectedElements.length;
+  for (let i = 0; i < len; ++i) {
+    const elem = selectedElements[i];
+    if (elem) {
+      // keep the item
+      if (!elemsToRemove.includes(elem)) {
+        newSelectedItems.push(elem);
+      } else { // remove the item and its selector
+        selectorManager.releaseSelector(elem);
+      }
+    }
+  }
+  // the copy becomes the master now
+  selectedElements = newSelectedItems;
 };
 
 /**
- * Creates a new top-level layer in the drawing with the given name, copies all the current layer's contents
- * to it, and then clears the selection. This function then calls the 'changed' handler.
- * This is an undoable action.
- * @param {string} name - The given name. If the layer name exists, a new name will be generated.
- * @param {svgedit.history.HistoryRecordingService} hrService - History recording service
+* Clears the selection, then adds all elements in the current layer to the selection.
+* @function module:svgcanvas.SvgCanvas#selectAllInCurrentLayer
+* @returns {undefined}
+*/
+this.selectAllInCurrentLayer = function () {
+  const currentLayer = getCurrentDrawing().getCurrentLayer();
+  if (currentLayer) {
+    currentMode = 'select';
+    selectOnly($(currentGroup || currentLayer).children());
+  }
+};
+
+let drawnPath = null;
+
+// Mouse events
+(function () {
+const freehand = {
+  minx: null,
+  miny: null,
+  maxx: null,
+  maxy: null
+};
+const THRESHOLD_DIST = 0.8,
+  STEP_COUNT = 10;
+let dAttr = null,
+  startX = null,
+  startY = null,
+  rStartX = null,
+  rStartY = null,
+  initBbox = {},
+  sumDistance = 0,
+  controllPoint2 = {x: 0, y: 0},
+  controllPoint1 = {x: 0, y: 0},
+  start = {x: 0, y: 0},
+  end = {x: 0, y: 0},
+  bSpline = {x: 0, y: 0},
+  nextPos = {x: 0, y: 0},
+  parameter,
+  nextParameter;
+
+const getBsplinePoint = function (t) {
+  const spline = {x: 0, y: 0},
+    p0 = controllPoint2,
+    p1 = controllPoint1,
+    p2 = start,
+    p3 = end,
+    S = 1.0 / 6.0,
+    t2 = t * t,
+    t3 = t2 * t;
+
+  const m = [
+    [-1, 3, -3, 1],
+    [3, -6, 3, 0],
+    [-3, 0, 3, 0],
+    [1, 4, 1, 0]
+  ];
+
+  spline.x = S * (
+    (p0.x * m[0][0] + p1.x * m[0][1] + p2.x * m[0][2] + p3.x * m[0][3]) * t3 +
+      (p0.x * m[1][0] + p1.x * m[1][1] + p2.x * m[1][2] + p3.x * m[1][3]) * t2 +
+      (p0.x * m[2][0] + p1.x * m[2][1] + p2.x * m[2][2] + p3.x * m[2][3]) * t +
+      (p0.x * m[3][0] + p1.x * m[3][1] + p2.x * m[3][2] + p3.x * m[3][3])
+  );
+  spline.y = S * (
+    (p0.y * m[0][0] + p1.y * m[0][1] + p2.y * m[0][2] + p3.y * m[0][3]) * t3 +
+      (p0.y * m[1][0] + p1.y * m[1][1] + p2.y * m[1][2] + p3.y * m[1][3]) * t2 +
+      (p0.y * m[2][0] + p1.y * m[2][1] + p2.y * m[2][2] + p3.y * m[2][3]) * t +
+      (p0.y * m[3][0] + p1.y * m[3][1] + p2.y * m[3][2] + p3.y * m[3][3])
+  );
+
+  return {
+    x: spline.x,
+    y: spline.y
+  };
+};
+/**
+ * - When we are in a create mode, the element is added to the canvas but the
+ *   action is not recorded until mousing up.
+ * - When we are in select mode, select the element, remember the position
+ *   and do nothing else
+ * @param {MouseEvent} evt
+ * @fires module:svgcanvas.SvgCanvas#event:ext-mouseDown
+ * @returns {undefined}
  */
-this.cloneLayer = function(name, hrService) {
-	// Clone the current layer and make the cloned layer the new current layer
-	var new_layer = getCurrentDrawing().cloneLayer(name, historyRecordingService(hrService));
+const mouseDown = function (evt) {
+  if (canvas.spaceKey || evt.button === 1) { return; }
 
-	clearSelection();
-	leaveContext();
-	call('changed', [new_layer]);
+  const rightClick = evt.button === 2;
+
+  if (evt.altKey) { // duplicate when dragging
+    canvas.cloneSelectedElements(0, 0);
+  }
+
+  rootSctm = $('#svgcontent g')[0].getScreenCTM().inverse();
+
+  const pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+    mouseX = pt.x * currentZoom,
+    mouseY = pt.y * currentZoom;
+
+  evt.preventDefault();
+
+  if (rightClick) {
+    currentMode = 'select';
+    lastClickPoint = pt;
+  }
+
+  // This would seem to be unnecessary...
+  // if (!['select', 'resize'].includes(currentMode)) {
+  //   setGradient();
+  // }
+
+  let x = mouseX / currentZoom,
+    y = mouseY / currentZoom;
+  let mouseTarget = getMouseTarget(evt);
+
+  if (mouseTarget.tagName === 'a' && mouseTarget.childNodes.length === 1) {
+    mouseTarget = mouseTarget.firstChild;
+  }
+
+  // realX/y ignores grid-snap value
+  const realX = x;
+  rStartX = startX = x;
+  const realY = y;
+  rStartY = startY = y;
+
+  if (curConfig.gridSnapping) {
+    x = snapToGrid(x);
+    y = snapToGrid(y);
+    startX = snapToGrid(startX);
+    startY = snapToGrid(startY);
+  }
+
+  // if it is a selector grip, then it must be a single element selected,
+  // set the mouseTarget to that and update the mode to rotate/resize
+
+  if (mouseTarget === selectorManager.selectorParentGroup && selectedElements[0] != null) {
+    const grip = evt.target;
+    const griptype = elData(grip, 'type');
+    // rotating
+    if (griptype === 'rotate') {
+      currentMode = 'rotate';
+    // resizing
+    } else if (griptype === 'resize') {
+      currentMode = 'resize';
+      currentResizeMode = elData(grip, 'dir');
+    }
+    mouseTarget = selectedElements[0];
+  }
+
+  startTransform = mouseTarget.getAttribute('transform');
+  let i, strokeW;
+  const tlist = getTransformList(mouseTarget);
+  switch (currentMode) {
+  case 'select':
+    started = true;
+    currentResizeMode = 'none';
+    if (rightClick) { started = false; }
+
+    if (mouseTarget !== svgroot) {
+      // if this element is not yet selected, clear selection and select it
+      if (!selectedElements.includes(mouseTarget)) {
+        // only clear selection if shift is not pressed (otherwise, add
+        // element to selection)
+        if (!evt.shiftKey) {
+          // No need to do the call here as it will be done on addToSelection
+          clearSelection(true);
+        }
+        addToSelection([mouseTarget]);
+        justSelected = mouseTarget;
+        pathActions.clear();
+      }
+      // else if it's a path, go into pathedit mode in mouseup
+
+      if (!rightClick) {
+        // insert a dummy transform so if the element(s) are moved it will have
+        // a transform to use for its translate
+        for (i = 0; i < selectedElements.length; ++i) {
+          if (selectedElements[i] == null) { continue; }
+          const slist = getTransformList(selectedElements[i]);
+          if (slist.numberOfItems) {
+            slist.insertItemBefore(svgroot.createSVGTransform(), 0);
+          } else {
+            slist.appendItem(svgroot.createSVGTransform());
+          }
+        }
+      }
+    } else if (!rightClick) {
+      clearSelection();
+      currentMode = 'multiselect';
+      if (rubberBox == null) {
+        rubberBox = selectorManager.getRubberBandBox();
+      }
+      rStartX *= currentZoom;
+      rStartY *= currentZoom;
+      // console.log('p',[evt.pageX, evt.pageY]);
+      // console.log('c',[evt.clientX, evt.clientY]);
+      // console.log('o',[evt.offsetX, evt.offsetY]);
+      // console.log('s',[startX, startY]);
+
+      assignAttributes(rubberBox, {
+        x: rStartX,
+        y: rStartY,
+        width: 0,
+        height: 0,
+        display: 'inline'
+      }, 100);
+    }
+    break;
+  case 'zoom':
+    started = true;
+    if (rubberBox == null) {
+      rubberBox = selectorManager.getRubberBandBox();
+    }
+    assignAttributes(rubberBox, {
+      x: realX * currentZoom,
+      y: realX * currentZoom,
+      width: 0,
+      height: 0,
+      display: 'inline'
+    }, 100);
+    break;
+  case 'resize':
+    started = true;
+    startX = x;
+    startY = y;
+
+    // Getting the BBox from the selection box, since we know we
+    // want to orient around it
+    initBbox = utilsGetBBox($('#selectedBox0')[0]);
+    const bb = {};
+    $.each(initBbox, function (key, val) {
+      bb[key] = val / currentZoom;
+    });
+    initBbox = bb;
+
+    // append three dummy transforms to the tlist so that
+    // we can translate,scale,translate in mousemove
+    const pos = getRotationAngle(mouseTarget) ? 1 : 0;
+
+    if (hasMatrixTransform(tlist)) {
+      tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+      tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+      tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+    } else {
+      tlist.appendItem(svgroot.createSVGTransform());
+      tlist.appendItem(svgroot.createSVGTransform());
+      tlist.appendItem(svgroot.createSVGTransform());
+
+      if (supportsNonScalingStroke()) {
+        // Handle crash for newer Chrome and Safari 6 (Mobile and Desktop):
+        // https://code.google.com/p/svg-edit/issues/detail?id=904
+        // Chromium issue: https://code.google.com/p/chromium/issues/detail?id=114625
+        // TODO: Remove this workaround once vendor fixes the issue
+        const iswebkit = isWebkit();
+
+        let delayedStroke;
+        if (iswebkit) {
+          delayedStroke = function (ele) {
+            const _stroke = ele.getAttributeNS(null, 'stroke');
+            ele.removeAttributeNS(null, 'stroke');
+            // Re-apply stroke after delay. Anything higher than 1 seems to cause flicker
+            if (_stroke !== null) setTimeout(function () { ele.setAttributeNS(null, 'stroke', _stroke); }, 0);
+          };
+        }
+        mouseTarget.style.vectorEffect = 'non-scaling-stroke';
+        if (iswebkit) { delayedStroke(mouseTarget); }
+
+        const all = mouseTarget.getElementsByTagName('*'),
+          len = all.length;
+        for (i = 0; i < len; i++) {
+          if (!all[i].style) { // mathML
+            continue;
+          }
+          all[i].style.vectorEffect = 'non-scaling-stroke';
+          if (iswebkit) { delayedStroke(all[i]); }
+        }
+      }
+    }
+    break;
+  case 'fhellipse':
+  case 'fhrect':
+  case 'fhpath':
+    start.x = realX;
+    start.y = realY;
+    started = true;
+    dAttr = realX + ',' + realY + ' ';
+    strokeW = parseFloat(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;
+    addSVGElementFromJson({
+      element: 'polyline',
+      curStyles: true,
+      attr: {
+        points: dAttr,
+        id: getNextId(),
+        fill: 'none',
+        opacity: curShape.opacity / 2,
+        'stroke-linecap': 'round',
+        style: 'pointer-events:none'
+      }
+    });
+    freehand.minx = realX;
+    freehand.maxx = realX;
+    freehand.miny = realY;
+    freehand.maxy = realY;
+    break;
+  case 'image':
+    started = true;
+    const newImage = addSVGElementFromJson({
+      element: 'image',
+      attr: {
+        x,
+        y,
+        width: 0,
+        height: 0,
+        id: getNextId(),
+        opacity: curShape.opacity / 2,
+        style: 'pointer-events:inherit'
+      }
+    });
+    setHref(newImage, lastGoodImgUrl);
+    preventClickDefault(newImage);
+    break;
+  case 'square':
+    // FIXME: once we create the rect, we lose information that this was a square
+    // (for resizing purposes this could be important)
+    // Fallthrough
+  case 'rect':
+    started = true;
+    startX = x;
+    startY = y;
+    addSVGElementFromJson({
+      element: 'rect',
+      curStyles: true,
+      attr: {
+        x,
+        y,
+        width: 0,
+        height: 0,
+        id: getNextId(),
+        opacity: curShape.opacity / 2
+      }
+    });
+    break;
+  case 'line':
+    started = true;
+    strokeW = Number(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;
+    addSVGElementFromJson({
+      element: 'line',
+      curStyles: true,
+      attr: {
+        x1: x,
+        y1: y,
+        x2: x,
+        y2: y,
+        id: getNextId(),
+        stroke: curShape.stroke,
+        'stroke-width': strokeW,
+        'stroke-dasharray': curShape.stroke_dasharray,
+        'stroke-linejoin': curShape.stroke_linejoin,
+        'stroke-linecap': curShape.stroke_linecap,
+        'stroke-opacity': curShape.stroke_opacity,
+        fill: 'none',
+        opacity: curShape.opacity / 2,
+        style: 'pointer-events:none'
+      }
+    });
+    break;
+  case 'circle':
+    started = true;
+    addSVGElementFromJson({
+      element: 'circle',
+      curStyles: true,
+      attr: {
+        cx: x,
+        cy: y,
+        r: 0,
+        id: getNextId(),
+        opacity: curShape.opacity / 2
+      }
+    });
+    break;
+  case 'ellipse':
+    started = true;
+    addSVGElementFromJson({
+      element: 'ellipse',
+      curStyles: true,
+      attr: {
+        cx: x,
+        cy: y,
+        rx: 0,
+        ry: 0,
+        id: getNextId(),
+        opacity: curShape.opacity / 2
+      }
+    });
+    break;
+  case 'text':
+    started = true;
+    /* const newText = */ addSVGElementFromJson({
+      element: 'text',
+      curStyles: true,
+      attr: {
+        x,
+        y,
+        id: getNextId(),
+        fill: curText.fill,
+        'stroke-width': curText.stroke_width,
+        'font-size': curText.font_size,
+        'font-family': curText.font_family,
+        'text-anchor': 'middle',
+        'xml:space': 'preserve',
+        opacity: curShape.opacity
+      }
+    });
+    // newText.textContent = 'text';
+    break;
+  case 'path':
+    // Fall through
+  case 'pathedit':
+    startX *= currentZoom;
+    startY *= currentZoom;
+    pathActions.mouseDown(evt, mouseTarget, startX, startY);
+    started = true;
+    break;
+  case 'textedit':
+    startX *= currentZoom;
+    startY *= currentZoom;
+    textActions.mouseDown(evt, mouseTarget, startX, startY);
+    started = true;
+    break;
+  case 'rotate':
+    started = true;
+    // we are starting an undoable change (a drag-rotation)
+    canvas.undoMgr.beginUndoableChange('transform', selectedElements);
+    break;
+  default:
+    // This could occur in an extension
+    break;
+  }
+
+  /**
+   * The main (left) mouse button is held down on the canvas area
+   * @event module:svgcanvas.SvgCanvas#event:ext-mouseDown
+   * @type {PlainObject}
+   * @property {MouseEvent} event The event object
+   * @property {Float} start_x x coordinate on canvas
+   * @property {Float} start_y y coordinate on canvas
+   * @property {Element[]} selectedElements An array of the selected Elements
+  */
+  const extResult = runExtensions('mouseDown', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseDown} */ {
+    event: evt,
+    start_x: startX,
+    start_y: startY,
+    selectedElements
+  }, true);
+
+  $.each(extResult, function (i, r) {
+    if (r && r.started) {
+      started = true;
+    }
+  });
 };
 
-// Function: deleteCurrentLayer
-// Deletes the current layer from the drawing and then clears the selection. This function 
-// then calls the 'changed' handler. This is an undoable action.
-this.deleteCurrentLayer = function() {
-	var current_layer = getCurrentDrawing().getCurrentLayer();
-	var nextSibling = current_layer.nextSibling;
-	var parent = current_layer.parentNode;
-	current_layer = getCurrentDrawing().deleteCurrentLayer();
-	if (current_layer) {
-		var batchCmd = new svgedit.history.BatchCommand('Delete Layer');
-		// store in our Undo History
-		batchCmd.addSubCommand(new svgedit.history.RemoveElementCommand(current_layer, nextSibling, parent));
-		addCommandToHistory(batchCmd);
-		clearSelection();
-		call('changed', [parent]);
-		return true;
-	}
-	return false;
+// in this function we do not record any state changes yet (but we do update
+// any elements that are still being created, moved or resized on the canvas)
+/**
+ *
+ * @param {MouseEvent} evt
+ * @fires module:svgcanvas.SvgCanvas#event:transition
+ * @fires module:svgcanvas.SvgCanvas#event:ext-mouseMove
+ * @returns {undefined}
+ */
+const mouseMove = function (evt) {
+  if (!started) { return; }
+  if (evt.button === 1 || canvas.spaceKey) { return; }
+
+  let i, xya, c, cx, cy, dx, dy, len, angle, box,
+    selected = selectedElements[0];
+  const
+    pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+    mouseX = pt.x * currentZoom,
+    mouseY = pt.y * currentZoom,
+    shape = getElem(getId());
+
+  let realX = mouseX / currentZoom;
+  let x = realX;
+  let realY = mouseY / currentZoom;
+  let y = realY;
+
+  if (curConfig.gridSnapping) {
+    x = snapToGrid(x);
+    y = snapToGrid(y);
+  }
+
+  evt.preventDefault();
+  let tlist;
+  switch (currentMode) {
+  case 'select': {
+    // we temporarily use a translate on the element(s) being dragged
+    // this transform is removed upon mousing up and the element is
+    // relocated to the new location
+    if (selectedElements[0] !== null) {
+      dx = x - startX;
+      dy = y - startY;
+
+      if (curConfig.gridSnapping) {
+        dx = snapToGrid(dx);
+        dy = snapToGrid(dy);
+      }
+
+      if (evt.shiftKey) {
+        xya = snapToAngle(startX, startY, x, y);
+        ({x, y} = xya);
+      }
+
+      if (dx !== 0 || dy !== 0) {
+        len = selectedElements.length;
+        for (i = 0; i < len; ++i) {
+          selected = selectedElements[i];
+          if (selected == null) { break; }
+          // if (i === 0) {
+          //   const box = utilsGetBBox(selected);
+          //     selectedBBoxes[i].x = box.x + dx;
+          //     selectedBBoxes[i].y = box.y + dy;
+          // }
+
+          // update the dummy transform in our transform list
+          // to be a translate
+          const xform = svgroot.createSVGTransform();
+          tlist = getTransformList(selected);
+          // Note that if Webkit and there's no ID for this
+          // element, the dummy transform may have gotten lost.
+          // This results in unexpected behaviour
+
+          xform.setTranslate(dx, dy);
+          if (tlist.numberOfItems) {
+            tlist.replaceItem(xform, 0);
+          } else {
+            tlist.appendItem(xform);
+          }
+
+          // update our internal bbox that we're tracking while dragging
+          selectorManager.requestSelector(selected).resize();
+        }
+
+        call('transition', selectedElements);
+      }
+    }
+    break;
+  } case 'multiselect': {
+    realX *= currentZoom;
+    realY *= currentZoom;
+    assignAttributes(rubberBox, {
+      x: Math.min(rStartX, realX),
+      y: Math.min(rStartY, realY),
+      width: Math.abs(realX - rStartX),
+      height: Math.abs(realY - rStartY)
+    }, 100);
+
+    // for each selected:
+    // - if newList contains selected, do nothing
+    // - if newList doesn't contain selected, remove it from selected
+    // - for any newList that was not in selectedElements, add it to selected
+    const elemsToRemove = selectedElements.slice(), elemsToAdd = [],
+      newList = getIntersectionList();
+
+    // For every element in the intersection, add if not present in selectedElements.
+    len = newList.length;
+    for (i = 0; i < len; ++i) {
+      const intElem = newList[i];
+      // Found an element that was not selected before, so we should add it.
+      if (!selectedElements.includes(intElem)) {
+        elemsToAdd.push(intElem);
+      }
+      // Found an element that was already selected, so we shouldn't remove it.
+      const foundInd = elemsToRemove.indexOf(intElem);
+      if (foundInd !== -1) {
+        elemsToRemove.splice(foundInd, 1);
+      }
+    }
+
+    if (elemsToRemove.length > 0) {
+      canvas.removeFromSelection(elemsToRemove);
+    }
+
+    if (elemsToAdd.length > 0) {
+      canvas.addToSelection(elemsToAdd);
+    }
+
+    break;
+  } case 'resize': {
+    // we track the resize bounding box and translate/scale the selected element
+    // while the mouse is down, when mouse goes up, we use this to recalculate
+    // the shape's coordinates
+    tlist = getTransformList(selected);
+    const hasMatrix = hasMatrixTransform(tlist);
+    box = hasMatrix ? initBbox : utilsGetBBox(selected);
+    let left = box.x,
+      top = box.y,
+      {width, height} = box;
+    dx = (x - startX);
+    dy = (y - startY);
+
+    if (curConfig.gridSnapping) {
+      dx = snapToGrid(dx);
+      dy = snapToGrid(dy);
+      height = snapToGrid(height);
+      width = snapToGrid(width);
+    }
+
+    // if rotated, adjust the dx,dy values
+    angle = getRotationAngle(selected);
+    if (angle) {
+      const r = Math.sqrt(dx * dx + dy * dy),
+        theta = Math.atan2(dy, dx) - angle * Math.PI / 180.0;
+      dx = r * Math.cos(theta);
+      dy = r * Math.sin(theta);
+    }
+
+    // if not stretching in y direction, set dy to 0
+    // if not stretching in x direction, set dx to 0
+    if (!currentResizeMode.includes('n') && !currentResizeMode.includes('s')) {
+      dy = 0;
+    }
+    if (!currentResizeMode.includes('e') && !currentResizeMode.includes('w')) {
+      dx = 0;
+    }
+
+    let // ts = null,
+      tx = 0, ty = 0,
+      sy = height ? (height + dy) / height : 1,
+      sx = width ? (width + dx) / width : 1;
+    // if we are dragging on the north side, then adjust the scale factor and ty
+    if (currentResizeMode.includes('n')) {
+      sy = height ? (height - dy) / height : 1;
+      ty = height;
+    }
+
+    // if we dragging on the east side, then adjust the scale factor and tx
+    if (currentResizeMode.includes('w')) {
+      sx = width ? (width - dx) / width : 1;
+      tx = width;
+    }
+
+    // update the transform list with translate,scale,translate
+    const translateOrigin = svgroot.createSVGTransform(),
+      scale = svgroot.createSVGTransform(),
+      translateBack = svgroot.createSVGTransform();
+
+    if (curConfig.gridSnapping) {
+      left = snapToGrid(left);
+      tx = snapToGrid(tx);
+      top = snapToGrid(top);
+      ty = snapToGrid(ty);
+    }
+
+    translateOrigin.setTranslate(-(left + tx), -(top + ty));
+    if (evt.shiftKey) {
+      if (sx === 1) {
+        sx = sy;
+      } else { sy = sx; }
+    }
+    scale.setScale(sx, sy);
+
+    translateBack.setTranslate(left + tx, top + ty);
+    if (hasMatrix) {
+      const diff = angle ? 1 : 0;
+      tlist.replaceItem(translateOrigin, 2 + diff);
+      tlist.replaceItem(scale, 1 + diff);
+      tlist.replaceItem(translateBack, Number(diff));
+    } else {
+      const N = tlist.numberOfItems;
+      tlist.replaceItem(translateBack, N - 3);
+      tlist.replaceItem(scale, N - 2);
+      tlist.replaceItem(translateOrigin, N - 1);
+    }
+
+    selectorManager.requestSelector(selected).resize();
+
+    call('transition', selectedElements);
+
+    break;
+  } case 'zoom': {
+    realX *= currentZoom;
+    realY *= currentZoom;
+    assignAttributes(rubberBox, {
+      x: Math.min(rStartX * currentZoom, realX),
+      y: Math.min(rStartY * currentZoom, realY),
+      width: Math.abs(realX - rStartX * currentZoom),
+      height: Math.abs(realY - rStartY * currentZoom)
+    }, 100);
+    break;
+  } case 'text': {
+    assignAttributes(shape, {
+      x,
+      y
+    }, 1000);
+    break;
+  } case 'line': {
+    if (curConfig.gridSnapping) {
+      x = snapToGrid(x);
+      y = snapToGrid(y);
+    }
+
+    let x2 = x;
+    let y2 = y;
+
+    if (evt.shiftKey) {
+      xya = snapToAngle(startX, startY, x2, y2);
+      x2 = xya.x;
+      y2 = xya.y;
+    }
+
+    shape.setAttributeNS(null, 'x2', x2);
+    shape.setAttributeNS(null, 'y2', y2);
+    break;
+  } case 'foreignObject':
+    // fall through
+  case 'square':
+    // fall through
+  case 'rect':
+    // fall through
+  case 'image': {
+    const square = (currentMode === 'square') || evt.shiftKey;
+    let
+      w = Math.abs(x - startX),
+      h = Math.abs(y - startY);
+    let newX, newY;
+    if (square) {
+      w = h = Math.max(w, h);
+      newX = startX < x ? startX : startX - w;
+      newY = startY < y ? startY : startY - h;
+    } else {
+      newX = Math.min(startX, x);
+      newY = Math.min(startY, y);
+    }
+
+    if (curConfig.gridSnapping) {
+      w = snapToGrid(w);
+      h = snapToGrid(h);
+      newX = snapToGrid(newX);
+      newY = snapToGrid(newY);
+    }
+
+    assignAttributes(shape, {
+      width: w,
+      height: h,
+      x: newX,
+      y: newY
+    }, 1000);
+
+    break;
+  } case 'circle': {
+    c = $(shape).attr(['cx', 'cy']);
+    ({cx, cy} = c);
+    let rad = Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy));
+    if (curConfig.gridSnapping) {
+      rad = snapToGrid(rad);
+    }
+    shape.setAttributeNS(null, 'r', rad);
+    break;
+  } case 'ellipse': {
+    c = $(shape).attr(['cx', 'cy']);
+    ({cx, cy} = c);
+    if (curConfig.gridSnapping) {
+      x = snapToGrid(x);
+      cx = snapToGrid(cx);
+      y = snapToGrid(y);
+      cy = snapToGrid(cy);
+    }
+    shape.setAttributeNS(null, 'rx', Math.abs(x - cx));
+    const ry = Math.abs(evt.shiftKey ? (x - cx) : (y - cy));
+    shape.setAttributeNS(null, 'ry', ry);
+    break;
+  }
+  case 'fhellipse':
+  case 'fhrect': {
+    freehand.minx = Math.min(realX, freehand.minx);
+    freehand.maxx = Math.max(realX, freehand.maxx);
+    freehand.miny = Math.min(realY, freehand.miny);
+    freehand.maxy = Math.max(realY, freehand.maxy);
+  }
+  // Fallthrough
+  case 'fhpath': {
+    // dAttr += + realX + ',' + realY + ' ';
+    // shape.setAttributeNS(null, 'points', dAttr);
+    end.x = realX; end.y = realY;
+    if (controllPoint2.x && controllPoint2.y) {
+      for (i = 0; i < STEP_COUNT - 1; i++) {
+        parameter = i / STEP_COUNT;
+        nextParameter = (i + 1) / STEP_COUNT;
+        bSpline = getBsplinePoint(nextParameter);
+        nextPos = bSpline;
+        bSpline = getBsplinePoint(parameter);
+        sumDistance += Math.sqrt((nextPos.x - bSpline.x) * (nextPos.x - bSpline.x) + (nextPos.y - bSpline.y) * (nextPos.y - bSpline.y));
+        if (sumDistance > THRESHOLD_DIST) {
+          sumDistance -= THRESHOLD_DIST;
+
+          // Faster than completely re-writing the points attribute.
+          const point = svgcontent.createSVGPoint();
+          point.x = bSpline.x;
+          point.y = bSpline.y;
+          shape.points.appendItem(point);
+        }
+      }
+    }
+    controllPoint2 = {x: controllPoint1.x, y: controllPoint1.y};
+    controllPoint1 = {x: start.x, y: start.y};
+    start = {x: end.x, y: end.y};
+    break;
+  // update path stretch line coordinates
+  } case 'path': {
+  }
+  // fall through
+  case 'pathedit': {
+    x *= currentZoom;
+    y *= currentZoom;
+
+    if (curConfig.gridSnapping) {
+      x = snapToGrid(x);
+      y = snapToGrid(y);
+      startX = snapToGrid(startX);
+      startY = snapToGrid(startY);
+    }
+    if (evt.shiftKey) {
+      const {path} = pathModule;
+      let x1, y1;
+      if (path) {
+        x1 = path.dragging ? path.dragging[0] : startX;
+        y1 = path.dragging ? path.dragging[1] : startY;
+      } else {
+        x1 = startX;
+        y1 = startY;
+      }
+      xya = snapToAngle(x1, y1, x, y);
+      ({x, y} = xya);
+    }
+
+    if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+      realX *= currentZoom;
+      realY *= currentZoom;
+      assignAttributes(rubberBox, {
+        x: Math.min(rStartX * currentZoom, realX),
+        y: Math.min(rStartY * currentZoom, realY),
+        width: Math.abs(realX - rStartX * currentZoom),
+        height: Math.abs(realY - rStartY * currentZoom)
+      }, 100);
+    }
+    pathActions.mouseMove(x, y);
+
+    break;
+  } case 'textedit': {
+    x *= currentZoom;
+    y *= currentZoom;
+    // if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+    //   assignAttributes(rubberBox, {
+    //     x: Math.min(startX, x),
+    //     y: Math.min(startY, y),
+    //     width: Math.abs(x - startX),
+    //     height: Math.abs(y - startY)
+    //   }, 100);
+    // }
+
+    textActions.mouseMove(mouseX, mouseY);
+
+    break;
+  } case 'rotate': {
+    box = utilsGetBBox(selected);
+    cx = box.x + box.width / 2;
+    cy = box.y + box.height / 2;
+    const m = getMatrix(selected),
+      center = transformPoint(cx, cy, m);
+    cx = center.x;
+    cy = center.y;
+    angle = ((Math.atan2(cy - y, cx - x) * (180 / Math.PI)) - 90) % 360;
+    if (curConfig.gridSnapping) {
+      angle = snapToGrid(angle);
+    }
+    if (evt.shiftKey) { // restrict rotations to nice angles (WRS)
+      const snap = 45;
+      angle = Math.round(angle / snap) * snap;
+    }
+
+    canvas.setRotationAngle(angle < -180 ? (360 + angle) : angle, true);
+    call('transition', selectedElements);
+    break;
+  } default:
+    break;
+  }
+
+  /**
+  * The mouse has moved on the canvas area
+  * @event module:svgcanvas.SvgCanvas#event:ext-mouseMove
+  * @type {PlainObject}
+  * @property {MouseEvent} event The event object
+  * @property {Float} mouse_x x coordinate on canvas
+  * @property {Float} mouse_y y coordinate on canvas
+  * @property {Element} selected Refers to the first selected element
+  */
+  runExtensions('mouseMove', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseMove} */ {
+    event: evt,
+    mouse_x: mouseX,
+    mouse_y: mouseY,
+    selected
+  });
+}; // mouseMove()
+
+// - in create mode, the element's opacity is set properly, we create an InsertElementCommand
+// and store it on the Undo stack
+// - in move/resize mode, the element's attributes which were affected by the move/resize are
+// identified, a ChangeElementCommand is created and stored on the stack for those attrs
+// this is done in when we recalculate the selected dimensions()
+/**
+ *
+ * @param {MouseEvent} evt
+ * @fires module:svgcanvas.SvgCanvas#event:zoomed
+ * @fires module:svgcanvas.SvgCanvas#event:changed
+ * @fires module:svgcanvas.SvgCanvas#event:ext-mouseUp
+ * @returns {undefined}
+ */
+const mouseUp = function (evt) {
+  if (evt.button === 2) { return; }
+  const tempJustSelected = justSelected;
+  justSelected = null;
+  if (!started) { return; }
+  const pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+    mouseX = pt.x * currentZoom,
+    mouseY = pt.y * currentZoom,
+    x = mouseX / currentZoom,
+    y = mouseY / currentZoom;
+
+  let element = getElem(getId());
+  let keep = false;
+
+  const realX = x;
+  const realY = y;
+
+  // TODO: Make true when in multi-unit mode
+  const useUnit = false; // (curConfig.baseUnit !== 'px');
+  started = false;
+  let attrs, t;
+  switch (currentMode) {
+  // intentionally fall-through to select here
+  case 'resize':
+  case 'multiselect':
+    if (rubberBox != null) {
+      rubberBox.setAttribute('display', 'none');
+      curBBoxes = [];
+    }
+    currentMode = 'select';
+    // Fallthrough
+  case 'select':
+    if (selectedElements[0] != null) {
+      // if we only have one selected element
+      if (selectedElements[1] == null) {
+        // set our current stroke/fill properties to the element's
+        const selected = selectedElements[0];
+        switch (selected.tagName) {
+        case 'g':
+        case 'use':
+        case 'image':
+        case 'foreignObject':
+          break;
+        default:
+          curProperties.fill = selected.getAttribute('fill');
+          curProperties.fill_opacity = selected.getAttribute('fill-opacity');
+          curProperties.stroke = selected.getAttribute('stroke');
+          curProperties.stroke_opacity = selected.getAttribute('stroke-opacity');
+          curProperties.stroke_width = selected.getAttribute('stroke-width');
+          curProperties.stroke_dasharray = selected.getAttribute('stroke-dasharray');
+          curProperties.stroke_linejoin = selected.getAttribute('stroke-linejoin');
+          curProperties.stroke_linecap = selected.getAttribute('stroke-linecap');
+        }
+
+        if (selected.tagName === 'text') {
+          curText.font_size = selected.getAttribute('font-size');
+          curText.font_family = selected.getAttribute('font-family');
+        }
+        selectorManager.requestSelector(selected).showGrips(true);
+
+        // This shouldn't be necessary as it was done on mouseDown...
+        // call('selected', [selected]);
+      }
+      // always recalculate dimensions to strip off stray identity transforms
+      recalculateAllSelectedDimensions();
+      // if it was being dragged/resized
+      if (realX !== rStartX || realY !== rStartY) {
+        const len = selectedElements.length;
+        for (let i = 0; i < len; ++i) {
+          if (selectedElements[i] == null) { break; }
+          if (!selectedElements[i].firstChild) {
+            // Not needed for groups (incorrectly resizes elems), possibly not needed at all?
+            selectorManager.requestSelector(selectedElements[i]).resize();
+          }
+        }
+      // no change in position/size, so maybe we should move to pathedit
+      } else {
+        t = evt.target;
+        if (selectedElements[0].nodeName === 'path' && selectedElements[1] == null) {
+          pathActions.select(selectedElements[0]);
+        // if it was a path
+        // else, if it was selected and this is a shift-click, remove it from selection
+        } else if (evt.shiftKey) {
+          if (tempJustSelected !== t) {
+            canvas.removeFromSelection([t]);
+          }
+        }
+      } // no change in mouse position
+
+      // Remove non-scaling stroke
+      if (supportsNonScalingStroke()) {
+        const elem = selectedElements[0];
+        if (elem) {
+          elem.removeAttribute('style');
+          walkTree(elem, function (elem) {
+            elem.removeAttribute('style');
+          });
+        }
+      }
+    }
+    return;
+  case 'zoom':
+    if (rubberBox != null) {
+      rubberBox.setAttribute('display', 'none');
+    }
+    const factor = evt.shiftKey ? 0.5 : 2;
+    call('zoomed', {
+      x: Math.min(rStartX, realX),
+      y: Math.min(rStartY, realY),
+      width: Math.abs(realX - rStartX),
+      height: Math.abs(realY - rStartY),
+      factor
+    });
+    return;
+  case 'fhpath':
+    // Check that the path contains at least 2 points; a degenerate one-point path
+    // causes problems.
+    // Webkit ignores how we set the points attribute with commas and uses space
+    // to separate all coordinates, see https://bugs.webkit.org/show_bug.cgi?id=29870
+    sumDistance = 0;
+    controllPoint2 = {x: 0, y: 0};
+    controllPoint1 = {x: 0, y: 0};
+    start = {x: 0, y: 0};
+    end = {x: 0, y: 0};
+    const coords = element.getAttribute('points');
+    const commaIndex = coords.indexOf(',');
+    if (commaIndex >= 0) {
+      keep = coords.indexOf(',', commaIndex + 1) >= 0;
+    } else {
+      keep = coords.indexOf(' ', coords.indexOf(' ') + 1) >= 0;
+    }
+    if (keep) {
+      element = pathActions.smoothPolylineIntoPath(element);
+    }
+    break;
+  case 'line':
+    attrs = $(element).attr(['x1', 'x2', 'y1', 'y2']);
+    keep = (attrs.x1 !== attrs.x2 || attrs.y1 !== attrs.y2);
+    break;
+  case 'foreignObject':
+  case 'square':
+  case 'rect':
+  case 'image':
+    attrs = $(element).attr(['width', 'height']);
+    // Image should be kept regardless of size (use inherit dimensions later)
+    keep = (attrs.width || attrs.height) || currentMode === 'image';
+    break;
+  case 'circle':
+    keep = (element.getAttribute('r') !== '0');
+    break;
+  case 'ellipse':
+    attrs = $(element).attr(['rx', 'ry']);
+    keep = (attrs.rx || attrs.ry);
+    break;
+  case 'fhellipse':
+    if ((freehand.maxx - freehand.minx) > 0 &&
+      (freehand.maxy - freehand.miny) > 0) {
+      element = addSVGElementFromJson({
+        element: 'ellipse',
+        curStyles: true,
+        attr: {
+          cx: (freehand.minx + freehand.maxx) / 2,
+          cy: (freehand.miny + freehand.maxy) / 2,
+          rx: (freehand.maxx - freehand.minx) / 2,
+          ry: (freehand.maxy - freehand.miny) / 2,
+          id: getId()
+        }
+      });
+      call('changed', [element]);
+      keep = true;
+    }
+    break;
+  case 'fhrect':
+    if ((freehand.maxx - freehand.minx) > 0 &&
+      (freehand.maxy - freehand.miny) > 0) {
+      element = addSVGElementFromJson({
+        element: 'rect',
+        curStyles: true,
+        attr: {
+          x: freehand.minx,
+          y: freehand.miny,
+          width: (freehand.maxx - freehand.minx),
+          height: (freehand.maxy - freehand.miny),
+          id: getId()
+        }
+      });
+      call('changed', [element]);
+      keep = true;
+    }
+    break;
+  case 'text':
+    keep = true;
+    selectOnly([element]);
+    textActions.start(element);
+    break;
+  case 'path':
+    // set element to null here so that it is not removed nor finalized
+    element = null;
+    // continue to be set to true so that mouseMove happens
+    started = true;
+
+    const res = pathActions.mouseUp(evt, element, mouseX, mouseY);
+    ({element} = res);
+    ({keep} = res);
+    break;
+  case 'pathedit':
+    keep = true;
+    element = null;
+    pathActions.mouseUp(evt);
+    break;
+  case 'textedit':
+    keep = false;
+    element = null;
+    textActions.mouseUp(evt, mouseX, mouseY);
+    break;
+  case 'rotate':
+    keep = true;
+    element = null;
+    currentMode = 'select';
+    const batchCmd = canvas.undoMgr.finishUndoableChange();
+    if (!batchCmd.isEmpty()) {
+      addCommandToHistory(batchCmd);
+    }
+    // perform recalculation to weed out any stray identity transforms that might get stuck
+    recalculateAllSelectedDimensions();
+    call('changed', selectedElements);
+    break;
+  default:
+    // This could occur in an extension
+    break;
+  }
+
+  /**
+  * The main (left) mouse button is released (anywhere)
+  * @event module:svgcanvas.SvgCanvas#event:ext-mouseUp
+  * @type {PlainObject}
+  * @property {MouseEvent} event The event object
+  * @property {Float} mouse_x x coordinate on canvas
+  * @property {Float} mouse_y y coordinate on canvas
+  */
+  const extResult = runExtensions('mouseUp', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseUp} */ {
+    event: evt,
+    mouse_x: mouseX,
+    mouse_y: mouseY
+  }, true);
+
+  $.each(extResult, function (i, r) {
+    if (r) {
+      keep = r.keep || keep;
+      ({element} = r);
+      started = r.started || started;
+    }
+  });
+
+  if (!keep && element != null) {
+    getCurrentDrawing().releaseId(getId());
+    element.remove();
+    element = null;
+
+    t = evt.target;
+
+    // if this element is in a group, go up until we reach the top-level group
+    // just below the layer groups
+    // TODO: once we implement links, we also would have to check for <a> elements
+    while (t && t.parentNode && t.parentNode.parentNode && t.parentNode.parentNode.tagName === 'g') {
+      t = t.parentNode;
+    }
+    // if we are not in the middle of creating a path, and we've clicked on some shape,
+    // then go to Select mode.
+    // WebKit returns <div> when the canvas is clicked, Firefox/Opera return <svg>
+    if ((currentMode !== 'path' || !drawnPath) &&
+      t && t.parentNode &&
+      t.parentNode.id !== 'selectorParentGroup' &&
+      t.id !== 'svgcanvas' && t.id !== 'svgroot'
+    ) {
+      // switch into "select" mode if we've clicked on an element
+      canvas.setMode('select');
+      selectOnly([t], true);
+    }
+  } else if (element != null) {
+    /**
+    * @name module:svgcanvas.SvgCanvas#addedNew
+    * @type {boolean}
+    */
+    canvas.addedNew = true;
+
+    if (useUnit) { convertAttrs(element); }
+
+    let aniDur = 0.2;
+    let cAni;
+    if (opacAni.beginElement && parseFloat(element.getAttribute('opacity')) !== curShape.opacity) {
+      cAni = $(opacAni).clone().attr({
+        to: curShape.opacity,
+        dur: aniDur
+      }).appendTo(element);
+      try {
+        // Fails in FF4 on foreignObject
+        cAni[0].beginElement();
+      } catch (e) {}
+    } else {
+      aniDur = 0;
+    }
+
+    // Ideally this would be done on the endEvent of the animation,
+    // but that doesn't seem to be supported in Webkit
+    setTimeout(function () {
+      if (cAni) { cAni.remove(); }
+      element.setAttribute('opacity', curShape.opacity);
+      element.setAttribute('style', 'pointer-events:inherit');
+      cleanupElement(element);
+      if (currentMode === 'path') {
+        pathActions.toEditMode(element);
+      } else if (curConfig.selectNew) {
+        selectOnly([element], true);
+      }
+      // we create the insert command that is stored on the stack
+      // undo means to call cmd.unapply(), redo means to call cmd.apply()
+      addCommandToHistory(new InsertElementCommand(element));
+
+      call('changed', [element]);
+    }, aniDur * 1000);
+  }
+
+  startTransform = null;
 };
 
-// Function: setCurrentLayer
-// Sets the current layer. If the name is not a valid layer name, then this function returns
-// false. Otherwise it returns true. This is not an undo-able action.
-//
-// Parameters:
-// name - the name of the layer you want to switch to.
-//
-// Returns:
-// true if the current layer was switched, otherwise false
-this.setCurrentLayer = function(name) {
-	var result = getCurrentDrawing().setCurrentLayer(svgedit.utilities.toXml(name));
-	if (result) {
-		clearSelection();
-	}
-	return result;
+const dblClick = function (evt) {
+  const evtTarget = evt.target;
+  const parent = evtTarget.parentNode;
+
+  // Do nothing if already in current group
+  if (parent === currentGroup) { return; }
+
+  let mouseTarget = getMouseTarget(evt);
+  const {tagName} = mouseTarget;
+
+  if (tagName === 'text' && currentMode !== 'textedit') {
+    const pt = transformPoint(evt.pageX, evt.pageY, rootSctm);
+    textActions.select(mouseTarget, pt.x, pt.y);
+  }
+
+  if ((tagName === 'g' || tagName === 'a') &&
+    getRotationAngle(mouseTarget)
+  ) {
+    // TODO: Allow method of in-group editing without having to do
+    // this (similar to editing rotated paths)
+
+    // Ungroup and regroup
+    pushGroupProperties(mouseTarget);
+    mouseTarget = selectedElements[0];
+    clearSelection(true);
+  }
+  // Reset context
+  if (currentGroup) {
+    draw.leaveContext();
+  }
+
+  if ((parent.tagName !== 'g' && parent.tagName !== 'a') ||
+    parent === getCurrentDrawing().getCurrentLayer() ||
+    mouseTarget === selectorManager.selectorParentGroup
+  ) {
+    // Escape from in-group edit
+    return;
+  }
+  draw.setContext(mouseTarget);
 };
 
-// Function: renameCurrentLayer
-// Renames the current layer. If the layer name is not valid (i.e. unique), then this function 
-// does nothing and returns false, otherwise it returns true. This is an undo-able action.
-// 
-// Parameters:
-// newname - the new name you want to give the current layer. This name must be unique 
-// among all layer names.
-//
-// Returns:
-// true if the rename succeeded, false otherwise.
-this.renameCurrentLayer = function(newname) {
-	var drawing = getCurrentDrawing();
-	var layer = drawing.getCurrentLayer();
-	if (layer) {
-		var result = drawing.setCurrentLayerName(newname, historyRecordingService());
-		if (result) {
-			call('changed', [layer]);
-			return true;
-		}
-	}
-	return false;
+// prevent links from being followed in the canvas
+const handleLinkInCanvas = function (e) {
+  e.preventDefault();
+  return false;
 };
 
-// Function: setCurrentLayerPosition
-// Changes the position of the current layer to the new value. If the new index is not valid, 
-// this function does nothing and returns false, otherwise it returns true. This is an
-// undo-able action.
-//
-// Parameters:
-// newpos - The zero-based index of the new position of the layer. This should be between
-// 0 and (number of layers - 1)
-// 
-// Returns:
-// true if the current layer position was changed, false otherwise.
-this.setCurrentLayerPosition = function(newpos) {
-	var oldpos, drawing = getCurrentDrawing();
-	var result = drawing.setCurrentLayerPosition(newpos);
-	if (result) {
-		addCommandToHistory(new svgedit.history.MoveElementCommand(result.currentGroup, result.oldNextSibling, svgcontent));
-		return true;
-	}
-	return false;
+// Added mouseup to the container here.
+// TODO(codedread): Figure out why after the Closure compiler, the window mouseup is ignored.
+$(container).mousedown(mouseDown).mousemove(mouseMove).click(handleLinkInCanvas).dblclick(dblClick).mouseup(mouseUp);
+// $(window).mouseup(mouseUp);
+
+// TODO(rafaelcastrocouto): User preference for shift key and zoom factor
+$(container).bind(
+  'mousewheel DOMMouseScroll',
+  /**
+   * @param {Event} e
+   * @fires module:svgcanvas.SvgCanvas#event:updateCanvas
+   * @fires module:svgcanvas.SvgCanvas#event:zoomDone
+   * @returns {undefined}
+   */
+  function (e) {
+    if (!e.shiftKey) { return; }
+
+    e.preventDefault();
+    const evt = e.originalEvent;
+
+    rootSctm = $('#svgcontent g')[0].getScreenCTM().inverse();
+
+    const workarea = $('#workarea');
+    const scrbar = 15;
+    const rulerwidth = curConfig.showRulers ? 16 : 0;
+
+    // mouse relative to content area in content pixels
+    const pt = transformPoint(evt.pageX, evt.pageY, rootSctm);
+
+    // full work area width in screen pixels
+    const editorFullW = workarea.width();
+    const editorFullH = workarea.height();
+
+    // work area width minus scroll and ruler in screen pixels
+    const editorW = editorFullW - scrbar - rulerwidth;
+    const editorH = editorFullH - scrbar - rulerwidth;
+
+    // work area width in content pixels
+    const workareaViewW = editorW * rootSctm.a;
+    const workareaViewH = editorH * rootSctm.d;
+
+    // content offset from canvas in screen pixels
+    const wOffset = workarea.offset();
+    const wOffsetLeft = wOffset['left'] + rulerwidth;
+    const wOffsetTop = wOffset['top'] + rulerwidth;
+
+    const delta = (evt.wheelDelta) ? evt.wheelDelta : (evt.detail) ? -evt.detail : 0;
+    if (!delta) { return; }
+
+    let factor = Math.max(3 / 4, Math.min(4 / 3, (delta)));
+
+    let wZoom, hZoom;
+    if (factor > 1) {
+      wZoom = Math.ceil(editorW / workareaViewW * factor * 100) / 100;
+      hZoom = Math.ceil(editorH / workareaViewH * factor * 100) / 100;
+    } else {
+      wZoom = Math.floor(editorW / workareaViewW * factor * 100) / 100;
+      hZoom = Math.floor(editorH / workareaViewH * factor * 100) / 100;
+    }
+    let zoomlevel = Math.min(wZoom, hZoom);
+    zoomlevel = Math.min(10, Math.max(0.01, zoomlevel));
+    if (zoomlevel === currentZoom) {
+      return;
+    }
+    factor = zoomlevel / currentZoom;
+
+    // top left of workarea in content pixels before zoom
+    const topLeftOld = transformPoint(wOffsetLeft, wOffsetTop, rootSctm);
+
+    // top left of workarea in content pixels after zoom
+    const topLeftNew = {
+      x: pt.x - (pt.x - topLeftOld.x) / factor,
+      y: pt.y - (pt.y - topLeftOld.y) / factor
+    };
+
+    // top left of workarea in canvas pixels relative to content after zoom
+    const topLeftNewCanvas = {
+      x: topLeftNew.x * zoomlevel,
+      y: topLeftNew.y * zoomlevel
+    };
+
+    // new center in canvas pixels
+    const newCtr = {
+      x: topLeftNewCanvas.x - rulerwidth + editorFullW / 2,
+      y: topLeftNewCanvas.y - rulerwidth + editorFullH / 2
+    };
+
+    canvas.setZoom(zoomlevel);
+    $('#zoom').val((zoomlevel * 100).toFixed(1));
+
+    call('updateCanvas', {center: false, newCtr});
+    call('zoomDone');
+  }
+);
+}());
+
+/**
+* Group: Text edit functions
+* Functions relating to editing text elements
+* @namespace {PlainObject} textActions
+* @memberof module:svgcanvas.SvgCanvas#
+*/
+const textActions = canvas.textActions = (function () {
+let curtext;
+let textinput;
+let cursor;
+let selblock;
+let blinker;
+let chardata = [];
+let textbb; // , transbb;
+let matrix;
+let lastX, lastY;
+let allowDbl;
+
+function setCursor (index) {
+  const empty = (textinput.value === '');
+  $(textinput).focus();
+
+  if (!arguments.length) {
+    if (empty) {
+      index = 0;
+    } else {
+      if (textinput.selectionEnd !== textinput.selectionStart) { return; }
+      index = textinput.selectionEnd;
+    }
+  }
+
+  const charbb = chardata[index];
+  if (!empty) {
+    textinput.setSelectionRange(index, index);
+  }
+  cursor = getElem('text_cursor');
+  if (!cursor) {
+    cursor = document.createElementNS(NS.SVG, 'line');
+    assignAttributes(cursor, {
+      id: 'text_cursor',
+      stroke: '#333',
+      'stroke-width': 1
+    });
+    cursor = getElem('selectorParentGroup').appendChild(cursor);
+  }
+
+  if (!blinker) {
+    blinker = setInterval(function () {
+      const show = (cursor.getAttribute('display') === 'none');
+      cursor.setAttribute('display', show ? 'inline' : 'none');
+    }, 600);
+  }
+
+  const startPt = ptToScreen(charbb.x, textbb.y);
+  const endPt = ptToScreen(charbb.x, (textbb.y + textbb.height));
+
+  assignAttributes(cursor, {
+    x1: startPt.x,
+    y1: startPt.y,
+    x2: endPt.x,
+    y2: endPt.y,
+    visibility: 'visible',
+    display: 'inline'
+  });
+
+  if (selblock) { selblock.setAttribute('d', ''); }
+}
+
+function setSelection (start, end, skipInput) {
+  if (start === end) {
+    setCursor(end);
+    return;
+  }
+
+  if (!skipInput) {
+    textinput.setSelectionRange(start, end);
+  }
+
+  selblock = getElem('text_selectblock');
+  if (!selblock) {
+    selblock = document.createElementNS(NS.SVG, 'path');
+    assignAttributes(selblock, {
+      id: 'text_selectblock',
+      fill: 'green',
+      opacity: 0.5,
+      style: 'pointer-events:none'
+    });
+    getElem('selectorParentGroup').append(selblock);
+  }
+
+  const startbb = chardata[start];
+  const endbb = chardata[end];
+
+  cursor.setAttribute('visibility', 'hidden');
+
+  const tl = ptToScreen(startbb.x, textbb.y),
+    tr = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y),
+    bl = ptToScreen(startbb.x, textbb.y + textbb.height),
+    br = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y + textbb.height);
+
+  const dstr = 'M' + tl.x + ',' + tl.y +
+    ' L' + tr.x + ',' + tr.y +
+    ' ' + br.x + ',' + br.y +
+    ' ' + bl.x + ',' + bl.y + 'z';
+
+  assignAttributes(selblock, {
+    d: dstr,
+    display: 'inline'
+  });
+}
+
+function getIndexFromPoint (mouseX, mouseY) {
+  // Position cursor here
+  const pt = svgroot.createSVGPoint();
+  pt.x = mouseX;
+  pt.y = mouseY;
+
+  // No content, so return 0
+  if (chardata.length === 1) { return 0; }
+  // Determine if cursor should be on left or right of character
+  let charpos = curtext.getCharNumAtPosition(pt);
+  if (charpos < 0) {
+    // Out of text range, look at mouse coords
+    charpos = chardata.length - 2;
+    if (mouseX <= chardata[0].x) {
+      charpos = 0;
+    }
+  } else if (charpos >= chardata.length - 2) {
+    charpos = chardata.length - 2;
+  }
+  const charbb = chardata[charpos];
+  const mid = charbb.x + (charbb.width / 2);
+  if (mouseX > mid) {
+    charpos++;
+  }
+  return charpos;
+}
+
+function setCursorFromPoint (mouseX, mouseY) {
+  setCursor(getIndexFromPoint(mouseX, mouseY));
+}
+
+function setEndSelectionFromPoint (x, y, apply) {
+  const i1 = textinput.selectionStart;
+  const i2 = getIndexFromPoint(x, y);
+
+  const start = Math.min(i1, i2);
+  const end = Math.max(i1, i2);
+  setSelection(start, end, !apply);
+}
+
+function screenToPt (xIn, yIn) {
+  const out = {
+    x: xIn,
+    y: yIn
+  };
+
+  out.x /= currentZoom;
+  out.y /= currentZoom;
+
+  if (matrix) {
+    const pt = transformPoint(out.x, out.y, matrix.inverse());
+    out.x = pt.x;
+    out.y = pt.y;
+  }
+
+  return out;
+}
+
+function ptToScreen (xIn, yIn) {
+  const out = {
+    x: xIn,
+    y: yIn
+  };
+
+  if (matrix) {
+    const pt = transformPoint(out.x, out.y, matrix);
+    out.x = pt.x;
+    out.y = pt.y;
+  }
+
+  out.x *= currentZoom;
+  out.y *= currentZoom;
+
+  return out;
+}
+
+/*
+// Not currently in use
+function hideCursor () {
+  if (cursor) {
+    cursor.setAttribute('visibility', 'hidden');
+  }
+}
+*/
+
+function selectAll (evt) {
+  setSelection(0, curtext.textContent.length);
+  $(this).unbind(evt);
+}
+
+function selectWord (evt) {
+  if (!allowDbl || !curtext) { return; }
+
+  const ept = transformPoint(evt.pageX, evt.pageY, rootSctm),
+    mouseX = ept.x * currentZoom,
+    mouseY = ept.y * currentZoom;
+  const pt = screenToPt(mouseX, mouseY);
+
+  const index = getIndexFromPoint(pt.x, pt.y);
+  const str = curtext.textContent;
+  const first = str.substr(0, index).replace(/[a-z0-9]+$/i, '').length;
+  const m = str.substr(index).match(/^[a-z0-9]+/i);
+  const last = (m ? m[0].length : 0) + index;
+  setSelection(first, last);
+
+  // Set tripleclick
+  $(evt.target).click(selectAll);
+  setTimeout(function () {
+    $(evt.target).unbind('click', selectAll);
+  }, 300);
+}
+
+return /** @lends module:svgcanvas.SvgCanvas#textActions */ {
+  /**
+  * @param {Element} target
+  * @param {Float} x
+  * @param {Float} y
+  * @returns {undefined}
+  */
+  select (target, x, y) {
+    curtext = target;
+    textActions.toEditMode(x, y);
+  },
+  /**
+  * @param {Element} elem
+  * @returns {undefined}
+  */
+  start (elem) {
+    curtext = elem;
+    textActions.toEditMode();
+  },
+  /**
+  * @param {external:MouseEvent} evt
+  * @param {Element} mouseTarget
+  * @param {Float} startX
+  * @param {Float} startY
+  * @returns {undefined}
+  */
+  mouseDown (evt, mouseTarget, startX, startY) {
+    const pt = screenToPt(startX, startY);
+
+    textinput.focus();
+    setCursorFromPoint(pt.x, pt.y);
+    lastX = startX;
+    lastY = startY;
+
+    // TODO: Find way to block native selection
+  },
+  /**
+  * @param {Float} mouseX
+  * @param {Float} mouseY
+  * @returns {undefined}
+  */
+  mouseMove (mouseX, mouseY) {
+    const pt = screenToPt(mouseX, mouseY);
+    setEndSelectionFromPoint(pt.x, pt.y);
+  },
+  /**
+  * @param {external:MouseEvent}
+  * @param {Float} mouseX
+  * @param {Float} mouseY
+  * @returns {undefined}
+  */
+  mouseUp (evt, mouseX, mouseY) {
+    const pt = screenToPt(mouseX, mouseY);
+
+    setEndSelectionFromPoint(pt.x, pt.y, true);
+
+    // TODO: Find a way to make this work: Use transformed BBox instead of evt.target
+    // if (lastX === mouseX && lastY === mouseY
+    //   && !rectsIntersect(transbb, {x: pt.x, y: pt.y, width: 0, height: 0})) {
+    //   textActions.toSelectMode(true);
+    // }
+
+    if (
+      evt.target !== curtext &&
+      mouseX < lastX + 2 &&
+      mouseX > lastX - 2 &&
+      mouseY < lastY + 2 &&
+      mouseY > lastY - 2
+    ) {
+      textActions.toSelectMode(true);
+    }
+  },
+  /**
+  * @function
+  * @param {Integer} index
+  * @returns {undefined}
+  */
+  setCursor,
+  /**
+  * @param {Float} x
+  * @param {Float} y
+  * @returns {undefined}
+  */
+  toEditMode (x, y) {
+    allowDbl = false;
+    currentMode = 'textedit';
+    selectorManager.requestSelector(curtext).showGrips(false);
+    // Make selector group accept clicks
+    /* const selector = */ selectorManager.requestSelector(curtext); // Do we need this? Has side effect of setting lock, so keeping for now, but next line wasn't being used
+    // const sel = selector.selectorRect;
+
+    textActions.init();
+
+    $(curtext).css('cursor', 'text');
+
+    // if (supportsEditableText()) {
+    //   curtext.setAttribute('editable', 'simple');
+    //   return;
+    // }
+
+    if (!arguments.length) {
+      setCursor();
+    } else {
+      const pt = screenToPt(x, y);
+      setCursorFromPoint(pt.x, pt.y);
+    }
+
+    setTimeout(function () {
+      allowDbl = true;
+    }, 300);
+  },
+  /**
+  * @param {boolean|Element} selectElem
+  * @fires module:svgcanvas.SvgCanvas#event:selected
+  * @returns {undefined}
+  */
+  toSelectMode (selectElem) {
+    currentMode = 'select';
+    clearInterval(blinker);
+    blinker = null;
+    if (selblock) { $(selblock).attr('display', 'none'); }
+    if (cursor) { $(cursor).attr('visibility', 'hidden'); }
+    $(curtext).css('cursor', 'move');
+
+    if (selectElem) {
+      clearSelection();
+      $(curtext).css('cursor', 'move');
+
+      call('selected', [curtext]);
+      addToSelection([curtext], true);
+    }
+    if (curtext && !curtext.textContent.length) {
+      // No content, so delete
+      canvas.deleteSelectedElements();
+    }
+
+    $(textinput).blur();
+
+    curtext = false;
+
+    // if (supportsEditableText()) {
+    //   curtext.removeAttribute('editable');
+    // }
+  },
+  /**
+  * @param {Element} elem
+  * @returns {undefined}
+  */
+  setInputElem (elem) {
+    textinput = elem;
+    // $(textinput).blur(hideCursor);
+  },
+  /**
+  * @returns {undefined}
+  */
+  clear () {
+    if (currentMode === 'textedit') {
+      textActions.toSelectMode();
+    }
+  },
+  /**
+  * @param {Element} inputElem Not in use
+  * @returns {undefined}
+  */
+  init (inputElem) {
+    if (!curtext) { return; }
+    let i, end;
+    // if (supportsEditableText()) {
+    //   curtext.select();
+    //   return;
+    // }
+
+    if (!curtext.parentNode) {
+      // Result of the ffClone, need to get correct element
+      curtext = selectedElements[0];
+      selectorManager.requestSelector(curtext).showGrips(false);
+    }
+
+    const str = curtext.textContent;
+    const len = str.length;
+
+    const xform = curtext.getAttribute('transform');
+
+    textbb = utilsGetBBox(curtext);
+
+    matrix = xform ? getMatrix(curtext) : null;
+
+    chardata = [];
+    chardata.length = len;
+    textinput.focus();
+
+    $(curtext).unbind('dblclick', selectWord).dblclick(selectWord);
+
+    if (!len) {
+      end = {x: textbb.x + (textbb.width / 2), width: 0};
+    }
+
+    for (i = 0; i < len; i++) {
+      const start = curtext.getStartPositionOfChar(i);
+      end = curtext.getEndPositionOfChar(i);
+
+      if (!supportsGoodTextCharPos()) {
+        const offset = canvas.contentW * currentZoom;
+        start.x -= offset;
+        end.x -= offset;
+
+        start.x /= currentZoom;
+        end.x /= currentZoom;
+      }
+
+      // Get a "bbox" equivalent for each character. Uses the
+      // bbox data of the actual text for y, height purposes
+
+      // TODO: Decide if y, width and height are actually necessary
+      chardata[i] = {
+        x: start.x,
+        y: textbb.y, // start.y?
+        width: end.x - start.x,
+        height: textbb.height
+      };
+    }
+
+    // Add a last bbox for cursor at end of text
+    chardata.push({
+      x: end.x,
+      width: 0
+    });
+    setSelection(textinput.selectionStart, textinput.selectionEnd, true);
+  }
+};
+}());
+
+/**
+* Group: Serialization
+*/
+
+/**
+* Looks at DOM elements inside the `<defs>` to see if they are referred to,
+* removes them from the DOM if they are not.
+* @function module:svgcanvas.SvgCanvas#removeUnusedDefElems
+* @returns {Integer} The number of elements that were removed
+*/
+const removeUnusedDefElems = this.removeUnusedDefElems = function () {
+  const defs = svgcontent.getElementsByTagNameNS(NS.SVG, 'defs');
+  if (!defs || !defs.length) { return 0; }
+
+  // if (!defs.firstChild) { return; }
+
+  const defelemUses = [];
+  let numRemoved = 0;
+  const attrs = ['fill', 'stroke', 'filter', 'marker-start', 'marker-mid', 'marker-end'];
+  const alen = attrs.length;
+
+  const allEls = svgcontent.getElementsByTagNameNS(NS.SVG, '*');
+  const allLen = allEls.length;
+
+  let i, j;
+  for (i = 0; i < allLen; i++) {
+    const el = allEls[i];
+    for (j = 0; j < alen; j++) {
+      const ref = getUrlFromAttr(el.getAttribute(attrs[j]));
+      if (ref) {
+        defelemUses.push(ref.substr(1));
+      }
+    }
+
+    // gradients can refer to other gradients
+    const href = getHref(el);
+    if (href && href.startsWith('#')) {
+      defelemUses.push(href.substr(1));
+    }
+  }
+
+  const defelems = $(defs).find('linearGradient, radialGradient, filter, marker, svg, symbol');
+  i = defelems.length;
+  while (i--) {
+    const defelem = defelems[i];
+    const {id} = defelem;
+    if (!defelemUses.includes(id)) {
+      // Not found, so remove (but remember)
+      removedElements[id] = defelem;
+      defelem.remove();
+      numRemoved++;
+    }
+  }
+
+  return numRemoved;
 };
 
-// Function: setLayerVisibility
-// Sets the visibility of the layer. If the layer name is not valid, this function return 
-// false, otherwise it returns true. This is an undo-able action.
-//
-// Parameters:
-// layername - the name of the layer to change the visibility
-// bVisible - true/false, whether the layer should be visible
-//
-// Returns:
-// true if the layer's visibility was set, false otherwise
-this.setLayerVisibility = function(layername, bVisible) {
-	var drawing = getCurrentDrawing();
-	var prevVisibility = drawing.getLayerVisibility(layername);
-	var layer = drawing.setLayerVisibility(layername, bVisible);
-	if (layer) {
-		var oldDisplay = prevVisibility ? 'inline' : 'none';
-		addCommandToHistory(new svgedit.history.ChangeElementCommand(layer, {'display':oldDisplay}, 'Layer Visibility'));
-	} else {
-		return false;
-	}
-	
-	if (layer == drawing.getCurrentLayer()) {
-		clearSelection();
-		pathActions.clear();
-	}
-//		call('changed', [selected]);	
-	return true;
+/**
+* Main function to set up the SVG content for output
+* @function module:svgcanvas.SvgCanvas#svgCanvasToString
+* @returns {string} The SVG image for output
+*/
+this.svgCanvasToString = function () {
+  // keep calling it until there are none to remove
+  while (removeUnusedDefElems() > 0) {}
+
+  pathActions.clear(true);
+
+  // Keep SVG-Edit comment on top
+  $.each(svgcontent.childNodes, function (i, node) {
+    if (i && node.nodeType === 8 && node.data.includes('Created with')) {
+      svgcontent.firstChild.before(node);
+    }
+  });
+
+  // Move out of in-group editing mode
+  if (currentGroup) {
+    draw.leaveContext();
+    selectOnly([currentGroup]);
+  }
+
+  const nakedSvgs = [];
+
+  // Unwrap gsvg if it has no special attributes (only id and style)
+  $(svgcontent).find('g:data(gsvg)').each(function () {
+    const attrs = this.attributes;
+    let len = attrs.length;
+    for (let i = 0; i < len; i++) {
+      if (attrs[i].nodeName === 'id' || attrs[i].nodeName === 'style') {
+        len--;
+      }
+    }
+    // No significant attributes, so ungroup
+    if (len <= 0) {
+      const svg = this.firstChild;
+      nakedSvgs.push(svg);
+      $(this).replaceWith(svg);
+    }
+  });
+  const output = this.svgToString(svgcontent, 0);
+
+  // Rewrap gsvg
+  if (nakedSvgs.length) {
+    $(nakedSvgs).each(function () {
+      groupSvgElem(this);
+    });
+  }
+
+  return output;
 };
 
-// Function: moveSelectedToLayer
-// Moves the selected elements to layername. If the name is not a valid layer name, then false 
-// is returned. Otherwise it returns true. This is an undo-able action.
-//
-// Parameters:
-// layername - the name of the layer you want to which you want to move the selected elements
-//
-// Returns:
-// true if the selected elements were moved to the layer, false otherwise.
-this.moveSelectedToLayer = function(layername) {
-	// find the layer
-	var i;
-	var drawing = getCurrentDrawing();
-	var layer = drawing.getLayerByName(layername);
-	if (!layer) {return false;}
-	
-	var batchCmd = new svgedit.history.BatchCommand('Move Elements to Layer');
-	
-	// loop for each selected element and move it
-	var selElems = selectedElements;
-	i = selElems.length;
-	while (i--) {
-		var elem = selElems[i];
-		if (!elem) {continue;}
-		var oldNextSibling = elem.nextSibling;
-		// TODO: this is pretty brittle!
-		var oldLayer = elem.parentNode;
-		layer.appendChild(elem);
-		batchCmd.addSubCommand(new svgedit.history.MoveElementCommand(elem, oldNextSibling, oldLayer));
-	}
-	
-	addCommandToHistory(batchCmd);
-	
-	return true;
+/**
+* Sub function ran on each SVG element to convert it to a string as desired
+* @function module:svgcanvas.SvgCanvas#svgToString
+* @param {Element} elem - The SVG element to convert
+* @param {Integer} indent - Number of spaces to indent this tag
+* @returns {string} The given element as an SVG tag
+*/
+this.svgToString = function (elem, indent) {
+  const out = [];
+  const unit = curConfig.baseUnit;
+  const unitRe = new RegExp('^-?[\\d\\.]+' + unit + '$');
+
+  if (elem) {
+    cleanupElement(elem);
+    const attrs = Array.from(elem.attributes);
+    let i;
+    const childs = elem.childNodes;
+    attrs.sort((a, b) => a.name > b.name ? -1 : 1);
+
+    for (i = 0; i < indent; i++) { out.push(' '); }
+    out.push('<'); out.push(elem.nodeName);
+    if (elem.id === 'svgcontent') {
+      // Process root element separately
+      const res = getResolution();
+
+      const vb = '';
+      // TODO: Allow this by dividing all values by current baseVal
+      // Note that this also means we should properly deal with this on import
+      // if (curConfig.baseUnit !== 'px') {
+      //   const unit = curConfig.baseUnit;
+      //   const unitM = getTypeMap()[unit];
+      //   res.w = shortFloat(res.w / unitM);
+      //   res.h = shortFloat(res.h / unitM);
+      //   vb = ' viewBox="' + [0, 0, res.w, res.h].join(' ') + '"';
+      //   res.w += unit;
+      //   res.h += unit;
+      // }
+
+      if (unit !== 'px') {
+        res.w = convertUnit(res.w, unit) + unit;
+        res.h = convertUnit(res.h, unit) + unit;
+      }
+
+      out.push(' width="' + res.w + '" height="' + res.h + '"' + vb + ' xmlns="' + NS.SVG + '"');
+
+      const nsuris = {};
+
+      // Check elements for namespaces, add if found
+      $(elem).find('*').andSelf().each(function () {
+        // const el = this;
+        // for some elements have no attribute
+        const uri = this.namespaceURI;
+        if (uri && !nsuris[uri] && nsMap[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {
+          nsuris[uri] = true;
+          out.push(' xmlns:' + nsMap[uri] + '="' + uri + '"');
+        }
+
+        $.each(this.attributes, function (i, attr) {
+          const uri = attr.namespaceURI;
+          if (uri && !nsuris[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {
+            nsuris[uri] = true;
+            out.push(' xmlns:' + nsMap[uri] + '="' + uri + '"');
+          }
+        });
+      });
+
+      i = attrs.length;
+      const attrNames = ['width', 'height', 'xmlns', 'x', 'y', 'viewBox', 'id', 'overflow'];
+      while (i--) {
+        const attr = attrs[i];
+        const attrVal = toXml(attr.value);
+
+        // Namespaces have already been dealt with, so skip
+        if (attr.nodeName.startsWith('xmlns:')) { continue; }
+
+        // only serialize attributes we don't use internally
+        if (attrVal !== '' && !attrNames.includes(attr.localName)) {
+          if (!attr.namespaceURI || nsMap[attr.namespaceURI]) {
+            out.push(' ');
+            out.push(attr.nodeName); out.push('="');
+            out.push(attrVal); out.push('"');
+          }
+        }
+      }
+    } else {
+      // Skip empty defs
+      if (elem.nodeName === 'defs' && !elem.firstChild) { return; }
+
+      const mozAttrs = ['-moz-math-font-style', '_moz-math-font-style'];
+      for (i = attrs.length - 1; i >= 0; i--) {
+        const attr = attrs[i];
+        let attrVal = toXml(attr.value);
+        // remove bogus attributes added by Gecko
+        if (mozAttrs.includes(attr.localName)) { continue; }
+        if (attrVal !== '') {
+          if (attrVal.startsWith('pointer-events')) { continue; }
+          if (attr.localName === 'class' && attrVal.startsWith('se_')) { continue; }
+          out.push(' ');
+          if (attr.localName === 'd') { attrVal = pathActions.convertPath(elem, true); }
+          if (!isNaN(attrVal)) {
+            attrVal = shortFloat(attrVal);
+          } else if (unitRe.test(attrVal)) {
+            attrVal = shortFloat(attrVal) + unit;
+          }
+
+          // Embed images when saving
+          if (saveOptions.apply &&
+            elem.nodeName === 'image' &&
+            attr.localName === 'href' &&
+            saveOptions.images &&
+            saveOptions.images === 'embed'
+          ) {
+            const img = encodableImages[attrVal];
+            if (img) { attrVal = img; }
+          }
+
+          // map various namespaces to our fixed namespace prefixes
+          // (the default xmlns attribute itself does not get a prefix)
+          if (!attr.namespaceURI || attr.namespaceURI === NS.SVG || nsMap[attr.namespaceURI]) {
+            out.push(attr.nodeName); out.push('="');
+            out.push(attrVal); out.push('"');
+          }
+        }
+      }
+    }
+
+    if (elem.hasChildNodes()) {
+      out.push('>');
+      indent++;
+      let bOneLine = false;
+
+      for (i = 0; i < childs.length; i++) {
+        const child = childs.item(i);
+        switch (child.nodeType) {
+        case 1: // element node
+          out.push('\n');
+          out.push(this.svgToString(childs.item(i), indent));
+          break;
+        case 3: // text node
+          const str = child.nodeValue.replace(/^\s+|\s+$/g, '');
+          if (str !== '') {
+            bOneLine = true;
+            out.push(String(toXml(str)));
+          }
+          break;
+        case 4: // cdata node
+          out.push('\n');
+          out.push(new Array(indent + 1).join(' '));
+          out.push('<![CDATA[');
+          out.push(child.nodeValue);
+          out.push(']]>');
+          break;
+        case 8: // comment
+          out.push('\n');
+          out.push(new Array(indent + 1).join(' '));
+          out.push('<!--');
+          out.push(child.data);
+          out.push('-->');
+          break;
+        } // switch on node type
+      }
+      indent--;
+      if (!bOneLine) {
+        out.push('\n');
+        for (i = 0; i < indent; i++) { out.push(' '); }
+      }
+      out.push('</'); out.push(elem.nodeName); out.push('>');
+    } else {
+      out.push('/>');
+    }
+  }
+  return out.join('');
+}; // end svgToString()
+
+/**
+ * Function to run when image data is found
+ * @callback module:svgcanvas.ImageEmbeddedCallback
+ * @param {string|false} result Data URL
+ * @returns {undefined}
+ */
+/**
+* Converts a given image file to a data URL when possible, then runs a given callback
+* @function module:svgcanvas.SvgCanvas#embedImage
+* @param {string} src - The path/URL of the image
+* @param {module:svgcanvas.ImageEmbeddedCallback} [callback] - Function to run when image data is found
+* @returns {Promise} Resolves to Data URL (string|false)
+*/
+this.embedImage = function (src, callback) {
+  return new Promise(function (resolve, reject) {
+    // load in the image and once it's loaded, get the dimensions
+    $(new Image()).load(function (response, status, xhr) {
+      if (status === 'error') {
+        reject(new Error('Error loading image: ' + xhr.status + ' ' + xhr.statusText));
+        return;
+      }
+      // create a canvas the same size as the raster image
+      const cvs = document.createElement('canvas');
+      cvs.width = this.width;
+      cvs.height = this.height;
+      // load the raster image into the canvas
+      cvs.getContext('2d').drawImage(this, 0, 0);
+      // retrieve the data: URL
+      try {
+        let urldata = ';svgedit_url=' + encodeURIComponent(src);
+        urldata = cvs.toDataURL().replace(';base64', urldata + ';base64');
+        encodableImages[src] = urldata;
+      } catch (e) {
+        encodableImages[src] = false;
+      }
+      lastGoodImgUrl = src;
+      if (callback) { callback(encodableImages[src]); }
+      resolve(encodableImages[src]);
+    }).attr('src', src);
+  });
 };
 
-
-this.mergeLayer = function(hrService) {
-	getCurrentDrawing().mergeLayer(historyRecordingService(hrService));
-	clearSelection();
-	leaveContext();
-	call('changed', [svgcontent]);
+/**
+* Sets a given URL to be a "last good image" URL
+* @function module:svgcanvas.SvgCanvas#setGoodImage
+* @param {string} val
+* @returns {undefined}
+*/
+this.setGoodImage = function (val) {
+  lastGoodImgUrl = val;
 };
 
-this.mergeAllLayers = function(hrService) {
-	getCurrentDrawing().mergeAllLayers(historyRecordingService(hrService));
-	clearSelection();
-	leaveContext();
-	call('changed', [svgcontent]);
+/**
+* Does nothing by default, handled by optional widget/extension
+* @function module:svgcanvas.SvgCanvas#open
+* @returns {undefined}
+*/
+this.open = function () {
 };
 
-// Function: leaveContext
-// Return from a group context to the regular kind, make any previously
-// disabled elements enabled again
-var leaveContext = this.leaveContext = function() {
-	var i, len = disabled_elems.length;
-	if (len) {
-		for (i = 0; i < len; i++) {
-			var elem = disabled_elems[i];
-			var orig = elData(elem, 'orig_opac');
-			if (orig !== 1) {
-				elem.setAttribute('opacity', orig);
-			} else {
-				elem.removeAttribute('opacity');
-			}
-			elem.setAttribute('style', 'pointer-events: inherit');
-		}
-		disabled_elems = [];
-		clearSelection(true);
-		call('contextset', null);
-	}
-	current_group = null;
+/**
+* Serializes the current drawing into SVG XML text and passes it to the 'saved' handler.
+* This function also includes the XML prolog. Clients of the `SvgCanvas` bind their save
+* function to the 'saved' event.
+* @function module:svgcanvas.SvgCanvas#save
+* @param {module:svgcanvas.SaveOptions} opts
+* @fires module:svgcanvas.SvgCanvas#event:saved
+* @returns {undefined}
+*/
+this.save = function (opts) {
+  // remove the selected outline before serializing
+  clearSelection();
+  // Update save options if provided
+  if (opts) { $.extend(saveOptions, opts); }
+  saveOptions.apply = true;
+
+  // no need for doctype, see https://jwatt.org/svg/authoring/#doctype-declaration
+  const str = this.svgCanvasToString();
+  call('saved', str);
 };
 
-// Function: setContext
-// Set the current context (for in-group editing)
-var setContext = this.setContext = function(elem) {
-	leaveContext();
-	if (typeof elem === 'string') {
-		elem = svgedit.utilities.getElem(elem);
-	}
+/**
+* Codes only is useful for locale-independent detection
+*/
+function getIssues () {
+  // remove the selected outline before serializing
+  clearSelection();
 
-	// Edit inside this group
-	current_group = elem;
-	
-	// Disable other elements
-	$(elem).parentsUntil('#svgcontent').andSelf().siblings().each(function() {
-		var opac = this.getAttribute('opacity') || 1;
-		// Store the original's opacity
-		elData(this, 'orig_opac', opac);
-		this.setAttribute('opacity', opac * 0.33);
-		this.setAttribute('style', 'pointer-events: none');
-		disabled_elems.push(this);
-	});
+  // Check for known CanVG issues
+  const issues = [];
+  const issueCodes = [];
 
-	clearSelection();
-	call('contextset', current_group);
+  // Selector and notice
+  const issueList = {
+    feGaussianBlur: uiStrings.exportNoBlur,
+    foreignObject: uiStrings.exportNoforeignObject,
+    '[stroke-dasharray]': uiStrings.exportNoDashArray
+  };
+  const content = $(svgcontent);
+
+  // Add font/text check if Canvas Text API is not implemented
+  if (!('font' in $('<canvas>')[0].getContext('2d'))) {
+    issueList.text = uiStrings.exportNoText;
+  }
+
+  $.each(issueList, function (sel, descr) {
+    if (content.find(sel).length) {
+      issueCodes.push(sel);
+      issues.push(descr);
+    }
+  });
+  return {issues, issueCodes};
+}
+
+let canvg;
+/**
+* @typedef {"feGaussianBlur"|"foreignObject"|"[stroke-dasharray]"|"text"} module:svgcanvas.IssueCode
+*/
+/**
+* @typedef {PlainObject} module:svgcanvas.ImageExportedResults
+* @property {string} datauri Contents as a Data URL
+* @property {string} bloburl May be the empty string
+* @property {string} svg The SVG contents as a string
+* @property {string[]} issues The localization messages of `issueCodes`
+* @property {module:svgcanvas.IssueCode[]} issueCodes CanVG issues found with the SVG
+* @property {"PNG"|"JPEG"|"BMP"|"WEBP"|"ICO"} type The chosen image type
+* @property {"image/png"|"image/jpeg"|"image/bmp"|"image/webp"} mimeType The image MIME type
+* @property {Float} quality A decimal between 0 and 1 (for use with JPEG or WEBP)
+* @property {string} exportWindowName A convenience for passing along a `window.name` to target a window on which the export could be added
+*/
+
+/**
+ * Function to run when image data is found
+ * @callback module:svgcanvas.ImageExportedCallback
+ * @param {module:svgcanvas.ImageExportedResults} obj
+ * @returns {undefined}
+ */
+/**
+* Generates a PNG (or JPG, BMP, WEBP) Data URL based on the current image,
+* then calls "exported" with an object including the string, image
+* information, and any issues found
+* @function module:svgcanvas.SvgCanvas#rasterExport
+* @param {"PNG"|"JPEG"|"BMP"|"WEBP"|"ICO"} [imgType="PNG"]
+* @param {Float} [quality] Between 0 and 1
+* @param {string} [exportWindowName]
+* @param {module:svgcanvas.ImageExportedCallback} [cb]
+* @fires module:svgcanvas.SvgCanvas#event:exported
+* @todo Confirm/fix ICO type
+* @returns {Promise} Resolves to {@link module:svgcanvas.ImageExportedResults}
+*/
+this.rasterExport = function (imgType, quality, exportWindowName, cb) {
+  const type = imgType === 'ICO' ? 'BMP' : (imgType || 'PNG');
+  const mimeType = 'image/' + type.toLowerCase();
+  const {issues, issueCodes} = getIssues();
+  const svg = this.svgCanvasToString();
+
+  return new Promise(async (resolve, reject) => {
+    if (!canvg) {
+      ({canvg} = await importSetGlobal(curConfig.canvgPath + 'canvg.js', {
+        global: 'canvg'
+      }));
+    }
+    if (!$('#export_canvas').length) {
+      $('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');
+    }
+    const c = $('#export_canvas')[0];
+    c.width = canvas.contentW;
+    c.height = canvas.contentH;
+
+    await canvg(c, svg);
+    const dataURLType = type.toLowerCase();
+    const datauri = quality
+      ? c.toDataURL('image/' + dataURLType, quality)
+      : c.toDataURL('image/' + dataURLType);
+    let bloburl;
+    function done () {
+      const obj = {
+        datauri, bloburl, svg, issues, issueCodes, type: imgType,
+        mimeType, quality, exportWindowName
+      };
+      call('exported', obj);
+      if (cb) {
+        cb(obj);
+      }
+      resolve(obj);
+    }
+    if (c.toBlob) {
+      c.toBlob((blob) => {
+        bloburl = createObjectURL(blob);
+        done();
+      }, mimeType, quality);
+      return;
+    }
+    bloburl = dataURLToObjectURL(datauri);
+    done();
+  });
+};
+/**
+ * @external jsPDF
+ */
+/**
+ * @typedef {undefined|"save"|"arraybuffer"|"blob"|"datauristring"|"dataurlstring"|"dataurlnewwindow"|"datauri"|"dataurl"} external:jsPDF.OutputType
+ * @todo Newer version to add also allows these `outputType` values "bloburi"|"bloburl" which return strings, so document here and for `outputType` of `module:svgcanvas.PDFExportedResults` below if added
+*/
+/**
+* @typedef {PlainObject} module:svgcanvas.PDFExportedResults
+* @property {string} svg The SVG PDF output
+* @property {string|ArrayBuffer|Blob|window} output The output based on the `outputType`;
+* if `undefined`, "datauristring", "dataurlstring", "datauri",
+* or "dataurl", will be a string (`undefined` gives a document, while the others
+* build as Data URLs; "datauri" and "dataurl" change the location of the current page); if
+* "arraybuffer", will return `ArrayBuffer`; if "blob", returns a `Blob`;
+* if "dataurlnewwindow", will change the current page's location and return a string
+* if in Safari and no window object is found; otherwise opens in, and returns, a new `window`
+* object; if "save", will have the same return as "dataurlnewwindow" if
+* `navigator.getUserMedia` support is found without `URL.createObjectURL` support; otherwise
+* returns `undefined` but attempts to save
+* @property {external:jsPDF.OutputType} outputType
+* @property {string[]} issues The human-readable localization messages of corresponding `issueCodes`
+* @property {module:svgcanvas.IssueCode[]} issueCodes
+* @property {string} exportWindowName
+*/
+
+/**
+ * Function to run when PDF data is found
+ * @callback module:svgcanvas.PDFExportedCallback
+ * @param {module:svgcanvas.PDFExportedResults} obj
+ * @returns {undefined}
+ */
+/**
+* Generates a PDF based on the current image, then calls "exportedPDF" with
+* an object including the string, the data URL, and any issues found
+* @function module:svgcanvas.SvgCanvas#exportPDF
+* @param {string} exportWindowName
+* @param {external:jsPDF.OutputType} [outputType="dataurlstring"]
+* @param {module:svgcanvas.PDFExportedCallback} cb
+* @fires module:svgcanvas.SvgCanvas#event:exportedPDF
+* @returns {Promise} Resolves to {@link module:svgcanvas.PDFExportedResults}
+*/
+this.exportPDF = function (exportWindowName, outputType, cb) {
+  const that = this;
+  return new Promise(async (resolve, reject) => {
+    if (!window.jsPDF) {
+      // Todo: Switch to `import()` when widely supported and available (also allow customization of path)
+      await importScript([
+        // We do not currently have these paths configurable as they are
+        //   currently global-only, so not Rolled-up
+        'jspdf/underscore-min.js',
+        'jspdf/jspdf.min.js'
+      ]);
+
+      const modularVersion = !('svgEditor' in window) ||
+        !window.svgEditor ||
+        window.svgEditor.modules !== false;
+      // Todo: Switch to `import()` when widely supported and available (also allow customization of path)
+      await importScript(curConfig.jspdfPath + 'jspdf.plugin.svgToPdf.js', {
+        type: modularVersion
+          ? 'module'
+          : 'text/javascript'
+      });
+      // await importModule('jspdf/jspdf.plugin.svgToPdf.js');
+    }
+
+    const res = getResolution();
+    const orientation = res.w > res.h ? 'landscape' : 'portrait';
+    const unit = 'pt'; // curConfig.baseUnit; // We could use baseUnit, but that is presumably not intended for export purposes
+
+    // Todo: Give options to use predefined jsPDF formats like "a4", etc. from pull-down (with option to keep customizable)
+    const doc = jsPDF({
+      orientation,
+      unit,
+      format: [res.w, res.h]
+      // , compressPdf: true
+    });
+    const docTitle = getDocumentTitle();
+    doc.setProperties({
+      title: docTitle /* ,
+      subject: '',
+      author: '',
+      keywords: '',
+      creator: '' */
+    });
+    const {issues, issueCodes} = getIssues();
+    const svg = that.svgCanvasToString();
+    doc.addSVG(svg, 0, 0);
+
+    // doc.output('save'); // Works to open in a new
+    //  window; todo: configure this and other export
+    //  options to optionally work in this manner as
+    //  opposed to opening a new tab
+    outputType = outputType || 'dataurlstring';
+    const obj = {svg, issues, issueCodes, exportWindowName, outputType};
+    obj.output = doc.output(outputType);
+    if (cb) {
+      cb(obj);
+    }
+    resolve(obj);
+    call('exportedPDF', obj);
+  });
 };
 
-// Group: Document functions
-
-// Function: clear
-// Clears the current document. This is not an undoable action.
-this.clear = function() {
-	pathActions.clear();
-
-	clearSelection();
-
-	// clear the svgcontent node
-	canvas.clearSvgContentElement();
-
-	// create new document
-	canvas.current_drawing_ = new svgedit.draw.Drawing(svgcontent);
-
-	// create empty first layer
-	canvas.createLayer('Layer 1');
-	
-	// clear the undo stack
-	canvas.undoMgr.resetUndoStack();
-
-	// reset the selector manager
-	selectorManager.initGroup();
-
-	// reset the rubber band box
-	rubberBox = selectorManager.getRubberBandBox();
-
-	call('cleared');
+/**
+* Returns the current drawing as raw SVG XML text.
+* @function module:svgcanvas.SvgCanvas#getSvgString
+* @returns {string} The current drawing as raw SVG XML text.
+*/
+this.getSvgString = function () {
+  saveOptions.apply = false;
+  return this.svgCanvasToString();
+};
+
+/**
+* This function determines whether to use a nonce in the prefix, when
+* generating IDs for future documents in SVG-Edit.
+* If you're controlling SVG-Edit externally, and want randomized IDs, call
+* this BEFORE calling svgCanvas.setSvgString
+* @function module:svgcanvas.SvgCanvas#randomizeIds
+* @param {boolean} [enableRandomization] If true, adds a nonce to the prefix. Thus
+* `svgCanvas.randomizeIds() <==> svgCanvas.randomizeIds(true)`
+* @returns {undefined}
+*/
+this.randomizeIds = function (enableRandomization) {
+  if (arguments.length > 0 && enableRandomization === false) {
+    draw.randomizeIds(false, getCurrentDrawing());
+  } else {
+    draw.randomizeIds(true, getCurrentDrawing());
+  }
+};
+
+/**
+* Ensure each element has a unique ID
+* @function module:svgcanvas.SvgCanvas#uniquifyElems
+* @param {Element} g - The parent element of the tree to give unique IDs
+* @returns {undefined}
+*/
+const uniquifyElems = this.uniquifyElems = function (g) {
+  const ids = {};
+  // TODO: Handle markers and connectors. These are not yet re-identified properly
+  // as their referring elements do not get remapped.
+  //
+  // <marker id='se_marker_end_svg_7'/>
+  // <polyline id='svg_7' se:connector='svg_1 svg_6' marker-end='url(#se_marker_end_svg_7)'/>
+  //
+  // Problem #1: if svg_1 gets renamed, we do not update the polyline's se:connector attribute
+  // Problem #2: if the polyline svg_7 gets renamed, we do not update the marker id nor the polyline's marker-end attribute
+  const refElems = ['filter', 'linearGradient', 'pattern', 'radialGradient', 'symbol', 'textPath', 'use'];
+
+  walkTree(g, function (n) {
+    // if it's an element node
+    if (n.nodeType === 1) {
+      // and the element has an ID
+      if (n.id) {
+        // and we haven't tracked this ID yet
+        if (!(n.id in ids)) {
+          // add this id to our map
+          ids[n.id] = {elem: null, attrs: [], hrefs: []};
+        }
+        ids[n.id].elem = n;
+      }
+
+      // now search for all attributes on this element that might refer
+      // to other elements
+      $.each(refAttrs, function (i, attr) {
+        const attrnode = n.getAttributeNode(attr);
+        if (attrnode) {
+          // the incoming file has been sanitized, so we should be able to safely just strip off the leading #
+          const url = getUrlFromAttr(attrnode.value),
+            refid = url ? url.substr(1) : null;
+          if (refid) {
+            if (!(refid in ids)) {
+              // add this id to our map
+              ids[refid] = {elem: null, attrs: [], hrefs: []};
+            }
+            ids[refid].attrs.push(attrnode);
+          }
+        }
+      });
+
+      // check xlink:href now
+      const href = getHref(n);
+      // TODO: what if an <image> or <a> element refers to an element internally?
+      if (href && refElems.includes(n.nodeName)) {
+        const refid = href.substr(1);
+        if (refid) {
+          if (!(refid in ids)) {
+            // add this id to our map
+            ids[refid] = {elem: null, attrs: [], hrefs: []};
+          }
+          ids[refid].hrefs.push(n);
+        }
+      }
+    }
+  });
+
+  // in ids, we now have a map of ids, elements and attributes, let's re-identify
+  for (const oldid in ids) {
+    if (!oldid) { continue; }
+    const {elem} = ids[oldid];
+    if (elem) {
+      const newid = getNextId();
+
+      // assign element its new id
+      elem.id = newid;
+
+      // remap all url() attributes
+      const {attrs} = ids[oldid];
+      let j = attrs.length;
+      while (j--) {
+        const attr = attrs[j];
+        attr.ownerElement.setAttribute(attr.name, 'url(#' + newid + ')');
+      }
+
+      // remap all href attributes
+      const hreffers = ids[oldid].hrefs;
+      let k = hreffers.length;
+      while (k--) {
+        const hreffer = hreffers[k];
+        setHref(hreffer, '#' + newid);
+      }
+    }
+  }
+};
+
+/**
+* Assigns reference data for each use element
+* @function module:svgcanvas.SvgCanvas#setUseData
+* @param {Element} parent
+* @returns {undefined}
+*/
+const setUseData = this.setUseData = function (parent) {
+  let elems = $(parent);
+
+  if (parent.tagName !== 'use') {
+    elems = elems.find('use');
+  }
+
+  elems.each(function () {
+    const id = getHref(this).substr(1);
+    const refElem = getElem(id);
+    if (!refElem) { return; }
+    $(this).data('ref', refElem);
+    if (refElem.tagName === 'symbol' || refElem.tagName === 'svg') {
+      $(this).data('symbol', refElem).data('ref', refElem);
+    }
+  });
+};
+
+/**
+* Converts gradients from userSpaceOnUse to objectBoundingBox
+* @function module:svgcanvas.SvgCanvas#convertGradients
+* @param {Element} elem
+* @returns {undefined}
+*/
+const convertGradients = this.convertGradients = function (elem) {
+  let elems = $(elem).find('linearGradient, radialGradient');
+  if (!elems.length && isWebkit()) {
+    // Bug in webkit prevents regular *Gradient selector search
+    elems = $(elem).find('*').filter(function () {
+      return (this.tagName.includes('Gradient'));
+    });
+  }
+
+  elems.each(function () {
+    const grad = this;
+    if ($(grad).attr('gradientUnits') === 'userSpaceOnUse') {
+      // TODO: Support more than one element with this ref by duplicating parent grad
+      const elems = $(svgcontent).find('[fill="url(#' + grad.id + ')"],[stroke="url(#' + grad.id + ')"]');
+      if (!elems.length) { return; }
+
+      // get object's bounding box
+      const bb = utilsGetBBox(elems[0]);
+
+      // This will occur if the element is inside a <defs> or a <symbol>,
+      // in which we shouldn't need to convert anyway.
+      if (!bb) { return; }
+
+      if (grad.tagName === 'linearGradient') {
+        const gCoords = $(grad).attr(['x1', 'y1', 'x2', 'y2']);
+
+        // If has transform, convert
+        const tlist = grad.gradientTransform.baseVal;
+        if (tlist && tlist.numberOfItems > 0) {
+          const m = transformListToTransform(tlist).matrix;
+          const pt1 = transformPoint(gCoords.x1, gCoords.y1, m);
+          const pt2 = transformPoint(gCoords.x2, gCoords.y2, m);
+
+          gCoords.x1 = pt1.x;
+          gCoords.y1 = pt1.y;
+          gCoords.x2 = pt2.x;
+          gCoords.y2 = pt2.y;
+          grad.removeAttribute('gradientTransform');
+        }
+
+        $(grad).attr({
+          x1: (gCoords.x1 - bb.x) / bb.width,
+          y1: (gCoords.y1 - bb.y) / bb.height,
+          x2: (gCoords.x2 - bb.x) / bb.width,
+          y2: (gCoords.y2 - bb.y) / bb.height
+        });
+        grad.removeAttribute('gradientUnits');
+      }
+      // else {
+      //   Note: radialGradient elements cannot be easily converted
+      //   because userSpaceOnUse will keep circular gradients, while
+      //   objectBoundingBox will x/y scale the gradient according to
+      //   its bbox.
+      //
+      //   For now we'll do nothing, though we should probably have
+      //   the gradient be updated as the element is moved, as
+      //   inkscape/illustrator do.
+      //
+      //   const gCoords = $(grad).attr(['cx', 'cy', 'r']);
+      //
+      //   $(grad).attr({
+      //     cx: (gCoords.cx - bb.x) / bb.width,
+      //     cy: (gCoords.cy - bb.y) / bb.height,
+      //     r: gCoords.r
+      //   });
+      //
+      //   grad.removeAttribute('gradientUnits');
+      // }
+    }
+  });
+};
+
+/**
+* Converts selected/given `<use>` or child SVG element to a group
+* @function module:svgcanvas.SvgCanvas#convertToGroup
+* @param {Element} elem
+* @fires module:svgcanvas.SvgCanvas#event:selected
+* @returns {undefined}
+*/
+const convertToGroup = this.convertToGroup = function (elem) {
+  if (!elem) {
+    elem = selectedElements[0];
+  }
+  const $elem = $(elem);
+  const batchCmd = new BatchCommand();
+  let ts;
+
+  if ($elem.data('gsvg')) {
+    // Use the gsvg as the new group
+    const svg = elem.firstChild;
+    const pt = $(svg).attr(['x', 'y']);
+
+    $(elem.firstChild.firstChild).unwrap();
+    $(elem).removeData('gsvg');
+
+    const tlist = getTransformList(elem);
+    const xform = svgroot.createSVGTransform();
+    xform.setTranslate(pt.x, pt.y);
+    tlist.appendItem(xform);
+    recalculateDimensions(elem);
+    call('selected', [elem]);
+  } else if ($elem.data('symbol')) {
+    elem = $elem.data('symbol');
+
+    ts = $elem.attr('transform');
+    const pos = $elem.attr(['x', 'y']);
+
+    const vb = elem.getAttribute('viewBox');
+
+    if (vb) {
+      const nums = vb.split(' ');
+      pos.x -= +nums[0];
+      pos.y -= +nums[1];
+    }
+
+    // Not ideal, but works
+    ts += ' translate(' + (pos.x || 0) + ',' + (pos.y || 0) + ')';
+
+    const prev = $elem.prev();
+
+    // Remove <use> element
+    batchCmd.addSubCommand(new RemoveElementCommand($elem[0], $elem[0].nextSibling, $elem[0].parentNode));
+    $elem.remove();
+
+    // See if other elements reference this symbol
+    const hasMore = $(svgcontent).find('use:data(symbol)').length;
+
+    const g = svgdoc.createElementNS(NS.SVG, 'g');
+    const childs = elem.childNodes;
+
+    let i;
+    for (i = 0; i < childs.length; i++) {
+      g.append(childs[i].cloneNode(true));
+    }
+
+    // Duplicate the gradients for Gecko, since they weren't included in the <symbol>
+    if (isGecko()) {
+      const dupeGrads = $(findDefs()).children('linearGradient,radialGradient,pattern').clone();
+      $(g).append(dupeGrads);
+    }
+
+    if (ts) {
+      g.setAttribute('transform', ts);
+    }
+
+    const parent = elem.parentNode;
+
+    uniquifyElems(g);
+
+    // Put the dupe gradients back into <defs> (after uniquifying them)
+    if (isGecko()) {
+      $(findDefs()).append($(g).find('linearGradient,radialGradient,pattern'));
+    }
+
+    // now give the g itself a new id
+    g.id = getNextId();
+
+    prev.after(g);
+
+    if (parent) {
+      if (!hasMore) {
+        // remove symbol/svg element
+        const {nextSibling} = elem;
+        elem.remove();
+        batchCmd.addSubCommand(new RemoveElementCommand(elem, nextSibling, parent));
+      }
+      batchCmd.addSubCommand(new InsertElementCommand(g));
+    }
+
+    setUseData(g);
+
+    if (isGecko()) {
+      convertGradients(findDefs());
+    } else {
+      convertGradients(g);
+    }
+
+    // recalculate dimensions on the top-level children so that unnecessary transforms
+    // are removed
+    walkTreePost(g, function (n) {
+      try {
+        recalculateDimensions(n);
+      } catch (e) {
+        console.log(e);
+      }
+    });
+
+    // Give ID for any visible element missing one
+    $(g).find(visElems).each(function () {
+      if (!this.id) { this.id = getNextId(); }
+    });
+
+    selectOnly([g]);
+
+    const cm = pushGroupProperties(g, true);
+    if (cm) {
+      batchCmd.addSubCommand(cm);
+    }
+
+    addCommandToHistory(batchCmd);
+  } else {
+    console.log('Unexpected element to ungroup:', elem);
+  }
+};
+
+/**
+* This function sets the current drawing as the input SVG XML.
+* @function module:svgcanvas.SvgCanvas#setSvgString
+* @param {string} xmlString - The SVG as XML text.
+* @param {boolean} [preventUndo=false] - Indicates if we want to do the
+* changes without adding them to the undo stack - e.g. for initializing a
+* drawing on page load.
+* @fires module:svgcanvas.SvgCanvas#event:setnonce
+* @fires module:svgcanvas.SvgCanvas#event:unsetnonce
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {boolean} This function returns `false` if the set was
+*     unsuccessful, `true` otherwise.
+*/
+this.setSvgString = function (xmlString, preventUndo) {
+  try {
+    // convert string into XML document
+    const newDoc = text2xml(xmlString);
+    if (newDoc.firstElementChild &&
+      newDoc.firstElementChild.namespaceURI !== NS.SVG) {
+      return false;
+    }
+
+    this.prepareSvg(newDoc);
+
+    const batchCmd = new BatchCommand('Change Source');
+
+    // remove old svg document
+    const {nextSibling} = svgcontent;
+    const oldzoom = svgroot.removeChild(svgcontent);
+    batchCmd.addSubCommand(new RemoveElementCommand(oldzoom, nextSibling, svgroot));
+
+    // set new svg document
+    // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()
+    if (svgdoc.adoptNode) {
+      svgcontent = svgdoc.adoptNode(newDoc.documentElement);
+    } else {
+      svgcontent = svgdoc.importNode(newDoc.documentElement, true);
+    }
+
+    svgroot.append(svgcontent);
+    const content = $(svgcontent);
+
+    canvas.current_drawing_ = new draw.Drawing(svgcontent, idprefix);
+
+    // retrieve or set the nonce
+    const nonce = getCurrentDrawing().getNonce();
+    if (nonce) {
+      call('setnonce', nonce);
+    } else {
+      call('unsetnonce');
+    }
+
+    // change image href vals if possible
+    content.find('image').each(function () {
+      const image = this;
+      preventClickDefault(image);
+      const val = getHref(this);
+      if (val) {
+        if (val.startsWith('data:')) {
+          // Check if an SVG-edit data URI
+          const m = val.match(/svgedit_url=(.*?);/);
+          if (m) {
+            const url = decodeURIComponent(m[1]);
+            $(new Image()).load(function () {
+              image.setAttributeNS(NS.XLINK, 'xlink:href', url);
+            }).attr('src', url);
+          }
+        }
+        // Add to encodableImages if it loads
+        canvas.embedImage(val);
+      }
+    });
+
+    // Wrap child SVGs in group elements
+    content.find('svg').each(function () {
+      // Skip if it's in a <defs>
+      if ($(this).closest('defs').length) { return; }
+
+      uniquifyElems(this);
+
+      // Check if it already has a gsvg group
+      const pa = this.parentNode;
+      if (pa.childNodes.length === 1 && pa.nodeName === 'g') {
+        $(pa).data('gsvg', this);
+        pa.id = pa.id || getNextId();
+      } else {
+        groupSvgElem(this);
+      }
+    });
+
+    // For Firefox: Put all paint elems in defs
+    if (isGecko()) {
+      content.find('linearGradient, radialGradient, pattern').appendTo(findDefs());
+    }
+
+    // Set ref element for <use> elements
+
+    // TODO: This should also be done if the object is re-added through "redo"
+    setUseData(content);
+
+    convertGradients(content[0]);
+
+    const attrs = {
+      id: 'svgcontent',
+      overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden'
+    };
+
+    let percs = false;
+
+    // determine proper size
+    if (content.attr('viewBox')) {
+      const vb = content.attr('viewBox').split(' ');
+      attrs.width = vb[2];
+      attrs.height = vb[3];
+    // handle content that doesn't have a viewBox
+    } else {
+      $.each(['width', 'height'], function (i, dim) {
+        // Set to 100 if not given
+        const val = content.attr(dim) || '100%';
+
+        if (String(val).substr(-1) === '%') {
+          // Use user units if percentage given
+          percs = true;
+        } else {
+          attrs[dim] = convertToNum(dim, val);
+        }
+      });
+    }
+
+    // identify layers
+    draw.identifyLayers();
+
+    // Give ID for any visible layer children missing one
+    content.children().find(visElems).each(function () {
+      if (!this.id) { this.id = getNextId(); }
+    });
+
+    // Percentage width/height, so let's base it on visible elements
+    if (percs) {
+      const bb = getStrokedBBoxDefaultVisible();
+      attrs.width = bb.width + bb.x;
+      attrs.height = bb.height + bb.y;
+    }
+
+    // Just in case negative numbers are given or
+    // result from the percs calculation
+    if (attrs.width <= 0) { attrs.width = 100; }
+    if (attrs.height <= 0) { attrs.height = 100; }
+
+    content.attr(attrs);
+    this.contentW = attrs.width;
+    this.contentH = attrs.height;
+
+    batchCmd.addSubCommand(new InsertElementCommand(svgcontent));
+    // update root to the correct size
+    const changes = content.attr(['width', 'height']);
+    batchCmd.addSubCommand(new ChangeElementCommand(svgroot, changes));
+
+    // reset zoom
+    currentZoom = 1;
+
+    // reset transform lists
+    resetListMap();
+    clearSelection();
+    pathModule.clearData();
+    svgroot.append(selectorManager.selectorParentGroup);
+
+    if (!preventUndo) addCommandToHistory(batchCmd);
+    call('changed', [svgcontent]);
+  } catch (e) {
+    console.log(e);
+    return false;
+  }
+
+  return true;
+};
+
+/**
+* This function imports the input SVG XML as a `<symbol>` in the `<defs>`, then adds a
+* `<use>` to the current layer.
+* @function module:svgcanvas.SvgCanvas#importSvgString
+* @param {string} xmlString - The SVG as XML text.
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {null|Element} This function returns null if the import was unsuccessful, or the element otherwise.
+* @todo
+* - properly handle if namespace is introduced by imported content (must add to svgcontent
+* and update all prefixes in the imported node)
+* - properly handle recalculating dimensions, `recalculateDimensions()` doesn't handle
+* arbitrary transform lists, but makes some assumptions about how the transform list
+* was obtained
+*/
+this.importSvgString = function (xmlString) {
+  let j, ts, useEl;
+  try {
+    // Get unique ID
+    const uid = encode64(xmlString.length + xmlString).substr(0, 32);
+
+    let useExisting = false;
+    // Look for symbol and make sure symbol exists in image
+    if (importIds[uid]) {
+      if ($(importIds[uid].symbol).parents('#svgroot').length) {
+        useExisting = true;
+      }
+    }
+
+    const batchCmd = new BatchCommand('Import Image');
+    let symbol;
+    if (useExisting) {
+      ({symbol} = importIds[uid]);
+      ts = importIds[uid].xform;
+    } else {
+      // convert string into XML document
+      const newDoc = text2xml(xmlString);
+
+      this.prepareSvg(newDoc);
+
+      // import new svg document into our document
+      let svg;
+      // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()
+      if (svgdoc.adoptNode) {
+        svg = svgdoc.adoptNode(newDoc.documentElement);
+      } else {
+        svg = svgdoc.importNode(newDoc.documentElement, true);
+      }
+
+      uniquifyElems(svg);
+
+      const innerw = convertToNum('width', svg.getAttribute('width')),
+        innerh = convertToNum('height', svg.getAttribute('height')),
+        innervb = svg.getAttribute('viewBox'),
+        // if no explicit viewbox, create one out of the width and height
+        vb = innervb ? innervb.split(' ') : [0, 0, innerw, innerh];
+      for (j = 0; j < 4; ++j) {
+        vb[j] = +(vb[j]);
+      }
+
+      // TODO: properly handle preserveAspectRatio
+      const // canvasw = +svgcontent.getAttribute('width'),
+        canvash = +svgcontent.getAttribute('height');
+      // imported content should be 1/3 of the canvas on its largest dimension
+
+      if (innerh > innerw) {
+        ts = 'scale(' + (canvash / 3) / vb[3] + ')';
+      } else {
+        ts = 'scale(' + (canvash / 3) / vb[2] + ')';
+      }
+
+      // Hack to make recalculateDimensions understand how to scale
+      ts = 'translate(0) ' + ts + ' translate(0)';
+
+      symbol = svgdoc.createElementNS(NS.SVG, 'symbol');
+      const defs = findDefs();
+
+      if (isGecko()) {
+        // Move all gradients into root for Firefox, workaround for this bug:
+        // https://bugzilla.mozilla.org/show_bug.cgi?id=353575
+        // TODO: Make this properly undo-able.
+        $(svg).find('linearGradient, radialGradient, pattern').appendTo(defs);
+      }
+
+      while (svg.firstChild) {
+        const first = svg.firstChild;
+        symbol.append(first);
+      }
+      const attrs = svg.attributes;
+      for (let i = 0; i < attrs.length; i++) {
+        const attr = attrs[i];
+        symbol.setAttribute(attr.nodeName, attr.value);
+      }
+      symbol.id = getNextId();
+
+      // Store data
+      importIds[uid] = {
+        symbol,
+        xform: ts
+      };
+
+      findDefs().append(symbol);
+      batchCmd.addSubCommand(new InsertElementCommand(symbol));
+    }
+
+    useEl = svgdoc.createElementNS(NS.SVG, 'use');
+    useEl.id = getNextId();
+    setHref(useEl, '#' + symbol.id);
+
+    (currentGroup || getCurrentDrawing().getCurrentLayer()).append(useEl);
+    batchCmd.addSubCommand(new InsertElementCommand(useEl));
+    clearSelection();
+
+    useEl.setAttribute('transform', ts);
+    recalculateDimensions(useEl);
+    $(useEl).data('symbol', symbol).data('ref', symbol);
+    addToSelection([useEl]);
+
+    // TODO: Find way to add this in a recalculateDimensions-parsable way
+    // if (vb[0] !== 0 || vb[1] !== 0) {
+    //   ts = 'translate(' + (-vb[0]) + ',' + (-vb[1]) + ') ' + ts;
+    // }
+    addCommandToHistory(batchCmd);
+    call('changed', [svgcontent]);
+  } catch (e) {
+    console.log(e);
+    return null;
+  }
+
+  // we want to return the element so we can automatically select it
+  return useEl;
+};
+
+// Could deprecate, but besides external uses, their usage makes clear that
+//  canvas is a dependency for all of these
+[
+  'identifyLayers', 'createLayer', 'cloneLayer', 'deleteCurrentLayer',
+  'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition',
+  'setLayerVisibility', 'moveSelectedToLayer', 'mergeLayer', 'mergeAllLayers',
+  'leaveContext', 'setContext'
+].forEach((prop) => {
+  canvas[prop] = draw[prop];
+});
+draw.init(
+  /**
+  * @implements {module:draw.DrawCanvasInit}
+  */
+  {
+    pathActions,
+    getCurrentGroup () {
+      return currentGroup;
+    },
+    setCurrentGroup (cg) {
+      currentGroup = cg;
+    },
+    getSelectedElements,
+    getSVGContent,
+    undoMgr,
+    elData,
+    getCurrentDrawing,
+    clearSelection,
+    call,
+    addCommandToHistory,
+    /**
+     * @fires module:svgcanvas.SvgCanvas#event:changed
+     * @returns {undefined}
+     */
+    changeSVGContent () {
+      call('changed', [svgcontent]);
+    }
+  }
+);
+
+/**
+* Group: Document functions
+*/
+
+/**
+* Clears the current document. This is not an undoable action.
+* @function module:svgcanvas.SvgCanvas#clear
+* @fires module:svgcanvas.SvgCanvas#event:cleared
+* @returns {undefined}
+*/
+this.clear = function () {
+  pathActions.clear();
+
+  clearSelection();
+
+  // clear the svgcontent node
+  canvas.clearSvgContentElement();
+
+  // create new document
+  canvas.current_drawing_ = new draw.Drawing(svgcontent);
+
+  // create empty first layer
+  canvas.createLayer('Layer 1');
+
+  // clear the undo stack
+  canvas.undoMgr.resetUndoStack();
+
+  // reset the selector manager
+  selectorManager.initGroup();
+
+  // reset the rubber band box
+  rubberBox = selectorManager.getRubberBandBox();
+
+  call('cleared');
 };
 
-// Function: linkControlPoints
 // Alias function
 this.linkControlPoints = pathActions.linkControlPoints;
 
-// Function: getContentElem
-// Returns the content DOM element
-this.getContentElem = function() { return svgcontent; };
+/**
+* @function module:svgcanvas.SvgCanvas#getContentElem
+* @returns {Element} The content DOM element
+*/
+this.getContentElem = function () { return svgcontent; };
 
-// Function: getRootElem
-// Returns the root DOM element
-this.getRootElem = function() { return svgroot; };
+/**
+* @function module:svgcanvas.SvgCanvas#getRootElem
+* @returns {SVGSVGElement} The root DOM element
+*/
+this.getRootElem = function () { return svgroot; };
 
-// Function: getSelectedElems
-// Returns the array with selected DOM elements
-this.getSelectedElems = function() { return selectedElements; };
+/**
+* @typedef {PlainObject} DimensionsAndZoom
+* @property {Float} w Width
+* @property {Float} h Height
+* @property {Float} zoom Zoom
+*/
 
-// Function: getResolution
-// Returns the current dimensions and zoom level in an object
-var getResolution = this.getResolution = function() {
-//		var vb = svgcontent.getAttribute('viewBox').split(' ');
-//		return {'w':vb[2], 'h':vb[3], 'zoom': current_zoom};
-	
-	var width = svgcontent.getAttribute('width')/current_zoom;
-	var height = svgcontent.getAttribute('height')/current_zoom;
-	
-	return {
-		'w': width,
-		'h': height,
-		'zoom': current_zoom
-	};
+/**
+* @function module:svgcanvas.SvgCanvas#getResolution
+* @returns {DimensionsAndZoom} The current dimensions and zoom level in an object
+*/
+const getResolution = this.getResolution = function () {
+//    const vb = svgcontent.getAttribute('viewBox').split(' ');
+//    return {w:vb[2], h:vb[3], zoom: currentZoom};
+
+  const w = svgcontent.getAttribute('width') / currentZoom;
+  const h = svgcontent.getAttribute('height') / currentZoom;
+
+  return {
+    w,
+    h,
+    zoom: currentZoom
+  };
 };
 
-// Function: getZoom
-// Returns the current zoom level
-this.getZoom = function(){return current_zoom;};
+/**
+* @function module:svgcanvas.SvgCanvas#getSnapToGrid
+* @returns {boolean} The current snap to grid setting
+*/
+this.getSnapToGrid = function () { return curConfig.gridSnapping; };
 
-// Function: getSnapToGrid
-// Returns the current snap to grid setting
-this.getSnapToGrid = function(){return curConfig.gridSnapping;};
-
-
-// Function: getVersion
-// Returns a string which describes the revision number of SvgCanvas.
-this.getVersion = function() {
-	return 'svgcanvas.js ($Rev$)';
+/**
+* @function module:svgcanvas.SvgCanvas#getVersion
+* @returns {string} A string which describes the revision number of SvgCanvas.
+*/
+this.getVersion = function () {
+  return 'svgcanvas.js ($Rev$)';
 };
 
-// Function: setUiStrings
-// Update interface strings with given values
-//
-// Parameters:
-// strs - Object with strings (see uiStrings for examples)
-this.setUiStrings = function(strs) {
-	$.extend(uiStrings, strs.notification);
+/**
+* Update interface strings with given values
+* @function module:svgcanvas.SvgCanvas#setUiStrings
+* @param {module:path.uiStrings} strs - Object with strings (see the [locales API]{@link module:locale.LocaleStrings} and the [tutorial]{@tutorial LocaleDocs})
+* @returns {undefined}
+*/
+this.setUiStrings = function (strs) {
+  Object.assign(uiStrings, strs.notification);
+  pathModule.setUiStrings(strs);
 };
 
-// Function: setConfig
-// Update configuration options with given values
-//
-// Parameters:
-// opts - Object with options (see curConfig for examples)
-this.setConfig = function(opts) {
-	$.extend(curConfig, opts);
+/**
+* Update configuration options with given values
+* @function module:svgcanvas.SvgCanvas#setConfig
+* @param {module:SVGEditor.Config} opts - Object with options
+* @returns {undefined}
+*/
+this.setConfig = function (opts) {
+  Object.assign(curConfig, opts);
 };
 
-// Function: getTitle
-// Returns the current group/SVG's title contents
-this.getTitle = function(elem) {
-	var i;
-	elem = elem || selectedElements[0];
-	if (!elem) {return;}
-	elem = $(elem).data('gsvg') || $(elem).data('symbol') || elem;
-	var childs = elem.childNodes;
-	for (i = 0; i < childs.length; i++) {
-		if (childs[i].nodeName == 'title') {
-			return childs[i].textContent;
-		}
-	}
-	return '';
+/**
+* @function module:svgcanvas.SvgCanvas#getTitle
+* @param {Element} elem
+* @returns {string|undefined} the current group/SVG's title contents
+*/
+this.getTitle = function (elem) {
+  elem = elem || selectedElements[0];
+  if (!elem) { return; }
+  elem = $(elem).data('gsvg') || $(elem).data('symbol') || elem;
+  const childs = elem.childNodes;
+  for (let i = 0; i < childs.length; i++) {
+    if (childs[i].nodeName === 'title') {
+      return childs[i].textContent;
+    }
+  }
+  return '';
 };
 
-// Function: setGroupTitle
-// Sets the group/SVG's title content
-// TODO: Combine this with setDocumentTitle
-this.setGroupTitle = function(val) {
-	var elem = selectedElements[0];
-	elem = $(elem).data('gsvg') || elem;
-	
-	var ts = $(elem).children('title');
-	
-	var batchCmd = new svgedit.history.BatchCommand('Set Label');
-	
-	if (!val.length) {
-		// Remove title element
-		var tsNextSibling = ts.nextSibling;
-		batchCmd.addSubCommand(new svgedit.history.RemoveElementCommand(ts[0], tsNextSibling, elem));
-		ts.remove();
-	} else if (ts.length) {
-		// Change title contents
-		var title = ts[0];
-		batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(title, {'#text': title.textContent}));
-		title.textContent = val;
-	} else {
-		// Add title element
-		title = svgdoc.createElementNS(NS.SVG, 'title');
-		title.textContent = val;
-		$(elem).prepend(title);
-		batchCmd.addSubCommand(new svgedit.history.InsertElementCommand(title));
-	}
+/**
+* Sets the group/SVG's title content
+* @function module:svgcanvas.SvgCanvas#setGroupTitle
+* @param {string} val
+* @todo Combine this with `setDocumentTitle`
+* @returns {undefined}
+*/
+this.setGroupTitle = function (val) {
+  let elem = selectedElements[0];
+  elem = $(elem).data('gsvg') || elem;
 
-	addCommandToHistory(batchCmd);
+  const ts = $(elem).children('title');
+
+  const batchCmd = new BatchCommand('Set Label');
+
+  let title;
+  if (!val.length) {
+    // Remove title element
+    const tsNextSibling = ts.nextSibling;
+    batchCmd.addSubCommand(new RemoveElementCommand(ts[0], tsNextSibling, elem));
+    ts.remove();
+  } else if (ts.length) {
+    // Change title contents
+    title = ts[0];
+    batchCmd.addSubCommand(new ChangeElementCommand(title, {'#text': title.textContent}));
+    title.textContent = val;
+  } else {
+    // Add title element
+    title = svgdoc.createElementNS(NS.SVG, 'title');
+    title.textContent = val;
+    $(elem).prepend(title);
+    batchCmd.addSubCommand(new InsertElementCommand(title));
+  }
+
+  addCommandToHistory(batchCmd);
 };
 
-// Function: getDocumentTitle
-// Returns the current document title or an empty string if not found
-var getDocumentTitle = this.getDocumentTitle = function() {
-	return canvas.getTitle(svgcontent);
+/**
+* @function module:svgcanvas.SvgCanvas#getDocumentTitle
+* @returns {string|undefined} The current document title or an empty string if not found
+*/
+const getDocumentTitle = this.getDocumentTitle = function () {
+  return canvas.getTitle(svgcontent);
 };
 
-// Function: setDocumentTitle
-// Adds/updates a title element for the document with the given name.
-// This is an undoable action
-//
-// Parameters:
-// newtitle - String with the new title
-this.setDocumentTitle = function(newtitle) {
-	var i;
-	var childs = svgcontent.childNodes, doc_title = false, old_title = '';
-	
-	var batchCmd = new svgedit.history.BatchCommand('Change Image Title');
-	
-	for (i = 0; i < childs.length; i++) {
-		if (childs[i].nodeName == 'title') {
-			doc_title = childs[i];
-			old_title = doc_title.textContent;
-			break;
-		}
-	}
-	if (!doc_title) {
-		doc_title = svgdoc.createElementNS(NS.SVG, 'title');
-		svgcontent.insertBefore(doc_title, svgcontent.firstChild);
-	} 
-	
-	if (newtitle.length) {
-		doc_title.textContent = newtitle;
-	} else {
-		// No title given, so element is not necessary
-		doc_title.parentNode.removeChild(doc_title);
-	}
-	batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(doc_title, {'#text': old_title}));
-	addCommandToHistory(batchCmd);
+/**
+* Adds/updates a title element for the document with the given name.
+* This is an undoable action
+* @function module:svgcanvas.SvgCanvas#setDocumentTitle
+* @param {string} newTitle - String with the new title
+* @returns {undefined}
+*/
+this.setDocumentTitle = function (newTitle) {
+  const childs = svgcontent.childNodes;
+  let docTitle = false, oldTitle = '';
+
+  const batchCmd = new BatchCommand('Change Image Title');
+
+  for (let i = 0; i < childs.length; i++) {
+    if (childs[i].nodeName === 'title') {
+      docTitle = childs[i];
+      oldTitle = docTitle.textContent;
+      break;
+    }
+  }
+  if (!docTitle) {
+    docTitle = svgdoc.createElementNS(NS.SVG, 'title');
+    svgcontent.insertBefore(docTitle, svgcontent.firstChild);
+    // svgcontent.firstChild.before(docTitle); // Ok to replace above with this?
+  }
+
+  if (newTitle.length) {
+    docTitle.textContent = newTitle;
+  } else {
+    // No title given, so element is not necessary
+    docTitle.remove();
+  }
+  batchCmd.addSubCommand(new ChangeElementCommand(docTitle, {'#text': oldTitle}));
+  addCommandToHistory(batchCmd);
 };
 
-// Function: getEditorNS
-// Returns the editor's namespace URL, optionally adds it to root element
-//
-// Parameters:
-// add - Boolean to indicate whether or not to add the namespace value
-this.getEditorNS = function(add) {
-	if (add) {
-		svgcontent.setAttribute('xmlns:se', NS.SE);
-	}
-	return NS.SE;
+/**
+* Returns the editor's namespace URL, optionally adding it to the root element
+* @function module:svgcanvas.SvgCanvas#getEditorNS
+* @param {boolean} [add] - Indicates whether or not to add the namespace value
+* @returns {string} The editor's namespace URL
+*/
+this.getEditorNS = function (add) {
+  if (add) {
+    svgcontent.setAttribute('xmlns:se', NS.SE);
+  }
+  return NS.SE;
 };
 
-// Function: setResolution
-// Changes the document's dimensions to the given size
-//
-// Parameters: 
-// x - Number with the width of the new dimensions in user units. 
-// Can also be the string "fit" to indicate "fit to content"
-// y - Number with the height of the new dimensions in user units. 
-//
-// Returns:
-// Boolean to indicate if resolution change was succesful. 
-// It will fail on "fit to content" option with no content to fit to.
-this.setResolution = function(x, y) {
-	var res = getResolution();
-	var w = res.w, h = res.h;
-	var batchCmd;
+/**
+* Changes the document's dimensions to the given size
+* @function module:svgcanvas.SvgCanvas#setResolution
+* @param {Float|"fit"} x - Number with the width of the new dimensions in user units.
+* Can also be the string "fit" to indicate "fit to content"
+* @param {Float} y - Number with the height of the new dimensions in user units.
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {boolean} Indicates if resolution change was successful.
+* It will fail on "fit to content" option with no content to fit to.
+*/
+this.setResolution = function (x, y) {
+  const res = getResolution();
+  const {w, h} = res;
+  let batchCmd;
 
-	if (x == 'fit') {
-		// Get bounding box
-		var bbox = getStrokedBBox();
-		
-		if (bbox) {
-			batchCmd = new svgedit.history.BatchCommand('Fit Canvas to Content');
-			var visEls = getVisibleElements();
-			addToSelection(visEls);
-			var dx = [], dy = [];
-			$.each(visEls, function(i, item) {
-				dx.push(bbox.x*-1);
-				dy.push(bbox.y*-1);
-			});
-			
-			var cmd = canvas.moveSelectedElements(dx, dy, true);
-			batchCmd.addSubCommand(cmd);
-			clearSelection();
-			
-			x = Math.round(bbox.width);
-			y = Math.round(bbox.height);
-		} else {
-			return false;
-		}
-	}
-	if (x != w || y != h) {
-		if (!batchCmd) {
-			batchCmd = new svgedit.history.BatchCommand('Change Image Dimensions');
-		}
+  if (x === 'fit') {
+    // Get bounding box
+    const bbox = getStrokedBBoxDefaultVisible();
 
-		x = svgedit.units.convertToNum('width', x);
-		y = svgedit.units.convertToNum('height', y);
-		
-		svgcontent.setAttribute('width', x);
-		svgcontent.setAttribute('height', y);
-		
-		this.contentW = x;
-		this.contentH = y;
-		batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(svgcontent, {'width':w, 'height':h}));
+    if (bbox) {
+      batchCmd = new BatchCommand('Fit Canvas to Content');
+      const visEls = getVisibleElements();
+      addToSelection(visEls);
+      const dx = [], dy = [];
+      $.each(visEls, function (i, item) {
+        dx.push(bbox.x * -1);
+        dy.push(bbox.y * -1);
+      });
 
-		svgcontent.setAttribute('viewBox', [0, 0, x/current_zoom, y/current_zoom].join(' '));
-		batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(svgcontent, {'viewBox': ['0 0', w, h].join(' ')}));
-	
-		addCommandToHistory(batchCmd);
-		call('changed', [svgcontent]);
-	}
-	return true;
+      const cmd = canvas.moveSelectedElements(dx, dy, true);
+      batchCmd.addSubCommand(cmd);
+      clearSelection();
+
+      x = Math.round(bbox.width);
+      y = Math.round(bbox.height);
+    } else {
+      return false;
+    }
+  }
+  if (x !== w || y !== h) {
+    if (!batchCmd) {
+      batchCmd = new BatchCommand('Change Image Dimensions');
+    }
+
+    x = convertToNum('width', x);
+    y = convertToNum('height', y);
+
+    svgcontent.setAttribute('width', x);
+    svgcontent.setAttribute('height', y);
+
+    this.contentW = x;
+    this.contentH = y;
+    batchCmd.addSubCommand(new ChangeElementCommand(svgcontent, {width: w, height: h}));
+
+    svgcontent.setAttribute('viewBox', [0, 0, x / currentZoom, y / currentZoom].join(' '));
+    batchCmd.addSubCommand(new ChangeElementCommand(svgcontent, {viewBox: ['0 0', w, h].join(' ')}));
+
+    addCommandToHistory(batchCmd);
+    call('changed', [svgcontent]);
+  }
+  return true;
 };
 
-// Function: getOffset
-// Returns an object with x, y values indicating the svgcontent element's
-// position in the editor's canvas.
-this.getOffset = function() {
-	return $(svgcontent).attr(['x', 'y']);
+/**
+* @typedef {module:jQueryAttr.Attributes} module:svgcanvas.ElementPositionInCanvas
+* @property {Float} x
+* @property {Float} y
+*/
+
+/**
+* @function module:svgcanvas.SvgCanvas#getOffset
+* @returns {module:svgcanvas.ElementPositionInCanvas} An object with `x`, `y` values indicating the svgcontent element's
+* position in the editor's canvas.
+*/
+this.getOffset = function () {
+  return $(svgcontent).attr(['x', 'y']);
 };
 
-// Function: setBBoxZoom
-// Sets the zoom level on the canvas-side based on the given value
-// 
-// Parameters:
-// val - Bounding box object to zoom to or string indicating zoom option 
-// editor_w - Integer with the editor's workarea box's width
-// editor_h - Integer with the editor's workarea box's height
-this.setBBoxZoom = function(val, editor_w, editor_h) {
-	var spacer = 0.85;
-	var bb;
-	var calcZoom = function(bb) {
-		if (!bb) {return false;}
-		var w_zoom = Math.round((editor_w / bb.width)*100 * spacer)/100;
-		var h_zoom = Math.round((editor_h / bb.height)*100 * spacer)/100;	
-		var zoomlevel = Math.min(w_zoom, h_zoom);
-		canvas.setZoom(zoomlevel);
-		return {'zoom': zoomlevel, 'bbox': bb};
-	};
-	
-	if (typeof val == 'object') {
-		bb = val;
-		if (bb.width == 0 || bb.height == 0) {
-			var newzoom = bb.zoom ? bb.zoom : current_zoom * bb.factor;
-			canvas.setZoom(newzoom);
-			return {'zoom': current_zoom, 'bbox': bb};
-		}
-		return calcZoom(bb);
-	}
+/**
+ * @typedef {PlainObject} module:svgcanvas.ZoomAndBBox
+ * @property {Float} zoom
+ * @property {module:utilities.BBoxObject} bbox
+ */
+/**
+* Sets the zoom level on the canvas-side based on the given value
+* @function module:svgcanvas.SvgCanvas#setBBoxZoom
+* @param {"selection"|"canvas"|"content"|"layer"|module:SVGEditor.BBoxObjectWithFactor} val - Bounding box object to zoom to or string indicating zoom option. Note: the object value type is defined in `svg-editor.js`
+* @param {Integer} editorW - The editor's workarea box's width
+* @param {Integer} editorH - The editor's workarea box's height
+* @returns {module:svgcanvas.ZoomAndBBox|undefined}
+*/
+this.setBBoxZoom = function (val, editorW, editorH) {
+  let spacer = 0.85;
+  let bb;
+  const calcZoom = function (bb) {
+    if (!bb) { return false; }
+    const wZoom = Math.round((editorW / bb.width) * 100 * spacer) / 100;
+    const hZoom = Math.round((editorH / bb.height) * 100 * spacer) / 100;
+    const zoom = Math.min(wZoom, hZoom);
+    canvas.setZoom(zoom);
+    return {zoom, bbox: bb};
+  };
 
-	switch (val) {
-		case 'selection':
-			if (!selectedElements[0]) {return;}
-			var sel_elems = $.map(selectedElements, function(n){ if (n) {return n;} });
-			bb = getStrokedBBox(sel_elems);
-			break;
-		case 'canvas':
-			var res = getResolution();
-			spacer = 0.95;
-			bb = {width:res.w, height:res.h , x:0, y:0};
-			break;
-		case 'content':
-			bb = getStrokedBBox();
-			break;
-		case 'layer':
-			bb = getStrokedBBox(getVisibleElements(getCurrentDrawing().getCurrentLayer()));
-			break;
-		default:
-			return;
-	}
-	return calcZoom(bb);
+  if (typeof val === 'object') {
+    bb = val;
+    if (bb.width === 0 || bb.height === 0) {
+      const newzoom = bb.zoom ? bb.zoom : currentZoom * bb.factor;
+      canvas.setZoom(newzoom);
+      return {zoom: currentZoom, bbox: bb};
+    }
+    return calcZoom(bb);
+  }
+
+  switch (val) {
+  case 'selection':
+    if (!selectedElements[0]) { return; }
+    const selectedElems = $.map(selectedElements, function (n) { if (n) { return n; } });
+    bb = getStrokedBBoxDefaultVisible(selectedElems);
+    break;
+  case 'canvas':
+    const res = getResolution();
+    spacer = 0.95;
+    bb = {width: res.w, height: res.h, x: 0, y: 0};
+    break;
+  case 'content':
+    bb = getStrokedBBoxDefaultVisible();
+    break;
+  case 'layer':
+    bb = getStrokedBBoxDefaultVisible(getVisibleElements(getCurrentDrawing().getCurrentLayer()));
+    break;
+  default:
+    return;
+  }
+  return calcZoom(bb);
 };
 
-// Function: setZoom
-// Sets the zoom to the given level
-//
-// Parameters:
-// zoomlevel - Float indicating the zoom level to change to
-this.setZoom = function(zoomlevel) {
-	var res = getResolution();
-	svgcontent.setAttribute('viewBox', '0 0 ' + res.w/zoomlevel + ' ' + res.h/zoomlevel);
-	current_zoom = zoomlevel;
-	$.each(selectedElements, function(i, elem) {
-		if (!elem) {return;}
-		selectorManager.requestSelector(elem).resize();
-	});
-	pathActions.zoomChange();
-	runExtensions('zoomChanged', zoomlevel);
+/**
+* The zoom level has changed. Supplies the new zoom level as a number (not percentage).
+* @event module:svgcanvas.SvgCanvas#event:ext-zoomChanged
+* @type {Float}
+*/
+/**
+* The bottom panel was updated
+* @event module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate
+* @type {PlainObject}
+* @property {boolean} nofill Indicates fill is disabled
+* @property {boolean} nostroke Indicates stroke is disabled
+*/
+/**
+* The element selection has changed (elements were added/removed from selection)
+* @event module:svgcanvas.SvgCanvas#event:ext-selectedChanged
+* @type {PlainObject}
+* @property {Element[]} elems Array of the newly selected elements
+* @property {Element|null} selectedElement The single selected element
+* @property {boolean} multiselected Indicates whether one or more elements were selected
+*/
+/**
+* Called when part of element is in process of changing, generally on
+* mousemove actions like rotate, move, etc.
+* @event module:svgcanvas.SvgCanvas#event:ext-elementTransition
+* @type {PlainObject}
+* @property {Element[]} elems Array of transitioning elements
+*/
+/**
+* One or more elements were changed
+* @event module:svgcanvas.SvgCanvas#event:ext-elementChanged
+* @type {PlainObject}
+* @property {Element[]} elems Array of the affected elements
+*/
+/**
+* Invoked as soon as the locale is ready
+* @event module:svgcanvas.SvgCanvas#event:ext-langReady
+* @type {PlainObject}
+* @property {string} lang The two-letter language code
+* @property {module:SVGEditor.uiStrings} uiStrings
+* @property {module:SVGEditor~ImportLocale} importLocale
+*/
+/**
+* The language was changed. Two-letter code of the new language.
+* @event module:svgcanvas.SvgCanvas#event:ext-langChanged
+* @type {string}
+*/
+/**
+* Means for an extension to add locale data. The two-letter language code.
+* @event module:svgcanvas.SvgCanvas#event:ext-addLangData
+* @type {PlainObject}
+* @property {string} lang
+* @property {module:SVGEditor~ImportLocale} importLocale
+*/
+/**
+ * Called when new image is created
+ * @event module:svgcanvas.SvgCanvas#event:ext-onNewDocument
+ * @type {undefined}
+ */
+/**
+ * Called when sidepanel is resized or toggled
+ * @event module:svgcanvas.SvgCanvas#event:ext-workareaResized
+ * @type {undefined}
+*/
+/**
+ * Called upon addition of the extension, or, if svgicons are set,
+ * after the icons are ready when extension SVG icons have loaded.
+ * @event module:svgcanvas.SvgCanvas#event:ext-callback
+ * @type {undefined}
+*/
+
+/**
+* Sets the zoom to the given level
+* @function module:svgcanvas.SvgCanvas#setZoom
+* @param {Float} zoomLevel - Float indicating the zoom level to change to
+* @fires module:svgcanvas.SvgCanvas#event:ext-zoomChanged
+* @returns {undefined}
+*/
+this.setZoom = function (zoomLevel) {
+  const res = getResolution();
+  svgcontent.setAttribute('viewBox', '0 0 ' + res.w / zoomLevel + ' ' + res.h / zoomLevel);
+  currentZoom = zoomLevel;
+  $.each(selectedElements, function (i, elem) {
+    if (!elem) { return; }
+    selectorManager.requestSelector(elem).resize();
+  });
+  pathActions.zoomChange();
+  runExtensions('zoomChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} */ zoomLevel);
 };
 
-// Function: getMode
-// Returns the current editor mode string
-this.getMode = function() {
-	return current_mode;
+/**
+* @function module:svgcanvas.SvgCanvas#getMode
+* @returns {string} The current editor mode string
+*/
+this.getMode = function () {
+  return currentMode;
 };
 
-// Function: setMode
-// Sets the editor's mode to the given string
-//
-// Parameters:
-// name - String with the new mode to change to
-this.setMode = function(name) {
-	pathActions.clear(true);
-	textActions.clear();
-	cur_properties = (selectedElements[0] && selectedElements[0].nodeName == 'text') ? cur_text : cur_shape;
-	current_mode = name;
+/**
+* Sets the editor's mode to the given string
+* @function module:svgcanvas.SvgCanvas#setMode
+* @param {string} name - String with the new mode to change to
+* @returns {undefined}
+*/
+this.setMode = function (name) {
+  pathActions.clear(true);
+  textActions.clear();
+  curProperties = (selectedElements[0] && selectedElements[0].nodeName === 'text') ? curText : curShape;
+  currentMode = name;
 };
 
-// Group: Element Styling
+/**
+* Group: Element Styling
+*/
 
-// Function: getColor
-// Returns the current fill/stroke option
-this.getColor = function(type) {
-	return cur_properties[type];
+/**
+* @typedef {PlainObject} module:svgcanvas.PaintOptions
+* @property {"solidColor"} type
+*/
+
+/**
+* @function module:svgcanvas.SvgCanvas#getColor
+* @param {string} type
+* @returns {string|module:svgcanvas.PaintOptions|Float|module:jGraduate~Paint} The current fill/stroke option
+*/
+this.getColor = function (type) {
+  return curProperties[type];
 };
 
-// Function: setColor
-// Change the current stroke/fill color/gradient value
-// 
-// Parameters:
-// type - String indicating fill or stroke
-// val - The value to set the stroke attribute to
-// preventUndo - Boolean indicating whether or not this should be and undoable option
-this.setColor = function(type, val, preventUndo) {
-	cur_shape[type] = val;
-	cur_properties[type + '_paint'] = {type:'solidColor'};
-	var elems = [];
-	function addNonG (e) {
-		if (e.nodeName != 'g') {
-			elems.push(e);
-		}
-	}
-	var i = selectedElements.length;
-	while (i--) {
-		var elem = selectedElements[i];
-		if (elem) {
-			if (elem.tagName == 'g') {
-				svgedit.utilities.walkTree(elem, addNonG);
-			} else {
-				if (type == 'fill') {
-					if (elem.tagName != 'polyline' && elem.tagName != 'line') {
-						elems.push(elem);
-					}
-				} else {
-					elems.push(elem);
-				}
-			}
-		}
-	}
-	if (elems.length > 0) {
-		if (!preventUndo) {
-			changeSelectedAttribute(type, val, elems);
-			call('changed', elems);
-		} else {
-			changeSelectedAttributeNoUndo(type, val, elems);
-		}
-	}
+/**
+* Change the current stroke/fill color/gradient value
+* @function module:svgcanvas.SvgCanvas#setColor
+* @param {string} type - String indicating fill or stroke
+* @param {string} val - The value to set the stroke attribute to
+* @param {boolean} preventUndo - Boolean indicating whether or not this should be an undoable option
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+this.setColor = function (type, val, preventUndo) {
+  curShape[type] = val;
+  curProperties[type + '_paint'] = {type: 'solidColor'};
+  const elems = [];
+  function addNonG (e) {
+    if (e.nodeName !== 'g') {
+      elems.push(e);
+    }
+  }
+  let i = selectedElements.length;
+  while (i--) {
+    const elem = selectedElements[i];
+    if (elem) {
+      if (elem.tagName === 'g') {
+        walkTree(elem, addNonG);
+      } else {
+        if (type === 'fill') {
+          if (elem.tagName !== 'polyline' && elem.tagName !== 'line') {
+            elems.push(elem);
+          }
+        } else {
+          elems.push(elem);
+        }
+      }
+    }
+  }
+  if (elems.length > 0) {
+    if (!preventUndo) {
+      changeSelectedAttribute(type, val, elems);
+      call('changed', elems);
+    } else {
+      changeSelectedAttributeNoUndo(type, val, elems);
+    }
+  }
 };
 
-// Function: setGradient
-// Apply the current gradient to selected element's fill or stroke
-//
-// Parameters
-// type - String indicating "fill" or "stroke" to apply to an element
-var setGradient = this.setGradient = function(type) {
-	if (!cur_properties[type + '_paint'] || cur_properties[type + '_paint'].type == 'solidColor') {return;}
-	var grad = canvas[type + 'Grad'];
-	// find out if there is a duplicate gradient already in the defs
-	var duplicate_grad = findDuplicateGradient(grad);
-	var defs = svgedit.utilities.findDefs();
-	// no duplicate found, so import gradient into defs
-	if (!duplicate_grad) {
-		var orig_grad = grad;
-		grad = defs.appendChild( svgdoc.importNode(grad, true) );
-		// get next id and set it on the grad
-		grad.id = getNextId();
-	} else { // use existing gradient
-		grad = duplicate_grad;
-	}
-	canvas.setColor(type, 'url(#' + grad.id + ')');
+/**
+* Apply the current gradient to selected element's fill or stroke
+* @function module:svgcanvas.SvgCanvas#setGradient
+* @param {"fill"|"stroke"} type - String indicating "fill" or "stroke" to apply to an element
+* @returns {undefined}
+*/
+const setGradient = this.setGradient = function (type) {
+  if (!curProperties[type + '_paint'] || curProperties[type + '_paint'].type === 'solidColor') { return; }
+  let grad = canvas[type + 'Grad'];
+  // find out if there is a duplicate gradient already in the defs
+  const duplicateGrad = findDuplicateGradient(grad);
+  const defs = findDefs();
+  // no duplicate found, so import gradient into defs
+  if (!duplicateGrad) {
+    // const origGrad = grad;
+    grad = defs.appendChild(svgdoc.importNode(grad, true));
+    // get next id and set it on the grad
+    grad.id = getNextId();
+  } else { // use existing gradient
+    grad = duplicateGrad;
+  }
+  canvas.setColor(type, 'url(#' + grad.id + ')');
 };
 
-// Function: findDuplicateGradient
-// Check if exact gradient already exists
-//
-// Parameters:
-// grad - The gradient DOM element to compare to others
-//
-// Returns:
-// The existing gradient if found, null if not
-var findDuplicateGradient = function(grad) {
-	var defs = svgedit.utilities.findDefs();
-	var existing_grads = $(defs).find('linearGradient, radialGradient');
-	var i = existing_grads.length;
-	var rad_attrs = ['r', 'cx', 'cy', 'fx', 'fy'];
-	while (i--) {
-		var og = existing_grads[i];
-		if (grad.tagName == 'linearGradient') {
-			if (grad.getAttribute('x1') != og.getAttribute('x1') ||
-				grad.getAttribute('y1') != og.getAttribute('y1') ||
-				grad.getAttribute('x2') != og.getAttribute('x2') ||
-				grad.getAttribute('y2') != og.getAttribute('y2')) 
-			{
-				continue;
-			}
-		} else {
-			var grad_attrs = $(grad).attr(rad_attrs);
-			var og_attrs = $(og).attr(rad_attrs);
-			
-			var diff = false;
-			$.each(rad_attrs, function(i, attr) {
-				if (grad_attrs[attr] != og_attrs[attr]) {diff = true;}
-			});
-			
-			if (diff) {continue;}
-		}
-		
-		// else could be a duplicate, iterate through stops
-		var stops = grad.getElementsByTagNameNS(NS.SVG, 'stop');
-		var ostops = og.getElementsByTagNameNS(NS.SVG, 'stop');
+/**
+* Check if exact gradient already exists
+* @function module:svgcanvas~findDuplicateGradient
+* @param {SVGGradientElement} grad - The gradient DOM element to compare to others
+* @returns {SVGGradientElement} The existing gradient if found, `null` if not
+*/
+const findDuplicateGradient = function (grad) {
+  const defs = findDefs();
+  const existingGrads = $(defs).find('linearGradient, radialGradient');
+  let i = existingGrads.length;
+  const radAttrs = ['r', 'cx', 'cy', 'fx', 'fy'];
+  while (i--) {
+    const og = existingGrads[i];
+    if (grad.tagName === 'linearGradient') {
+      if (grad.getAttribute('x1') !== og.getAttribute('x1') ||
+        grad.getAttribute('y1') !== og.getAttribute('y1') ||
+        grad.getAttribute('x2') !== og.getAttribute('x2') ||
+        grad.getAttribute('y2') !== og.getAttribute('y2')
+      ) {
+        continue;
+      }
+    } else {
+      const gradAttrs = $(grad).attr(radAttrs);
+      const ogAttrs = $(og).attr(radAttrs);
 
-		if (stops.length != ostops.length) {
-			continue;
-		}
+      let diff = false;
+      $.each(radAttrs, function (i, attr) {
+        if (gradAttrs[attr] !== ogAttrs[attr]) { diff = true; }
+      });
 
-		var j = stops.length;
-		while (j--) {
-			var stop = stops[j];
-			var ostop = ostops[j];
+      if (diff) { continue; }
+    }
 
-			if (stop.getAttribute('offset') != ostop.getAttribute('offset') ||
-				stop.getAttribute('stop-opacity') != ostop.getAttribute('stop-opacity') ||
-				stop.getAttribute('stop-color') != ostop.getAttribute('stop-color')) 
-			{
-				break;
-			}
-		}
+    // else could be a duplicate, iterate through stops
+    const stops = grad.getElementsByTagNameNS(NS.SVG, 'stop');
+    const ostops = og.getElementsByTagNameNS(NS.SVG, 'stop');
 
-		if (j == -1) {
-			return og;
-		}
-	} // for each gradient in defs
+    if (stops.length !== ostops.length) {
+      continue;
+    }
 
-	return null;
+    let j = stops.length;
+    while (j--) {
+      const stop = stops[j];
+      const ostop = ostops[j];
+
+      if (stop.getAttribute('offset') !== ostop.getAttribute('offset') ||
+        stop.getAttribute('stop-opacity') !== ostop.getAttribute('stop-opacity') ||
+        stop.getAttribute('stop-color') !== ostop.getAttribute('stop-color')) {
+        break;
+      }
+    }
+
+    if (j === -1) {
+      return og;
+    }
+  } // for each gradient in defs
+
+  return null;
 };
 
-function reorientGrads(elem, m) {
-	var i;
-	var bb = svgedit.utilities.getBBox(elem);
-	for (i = 0; i < 2; i++) {
-		var type = i === 0 ? 'fill' : 'stroke';
-		var attrVal = elem.getAttribute(type);
-		if (attrVal && attrVal.indexOf('url(') === 0) {
-			var grad = svgedit.utilities.getRefElem(attrVal);
-			if (grad.tagName === 'linearGradient') {
-				var x1 = grad.getAttribute('x1') || 0;
-				var y1 = grad.getAttribute('y1') || 0;
-				var x2 = grad.getAttribute('x2') || 1;
-				var y2 = grad.getAttribute('y2') || 0;
-				
-				// Convert to USOU points
-				x1 = (bb.width * x1) + bb.x;
-				y1 = (bb.height * y1) + bb.y;
-				x2 = (bb.width * x2) + bb.x;
-				y2 = (bb.height * y2) + bb.y;
-			
-				// Transform those points
-				var pt1 = svgedit.math.transformPoint(x1, y1, m);
-				var pt2 = svgedit.math.transformPoint(x2, y2, m);
-				
-				// Convert back to BB points
-				var g_coords = {};
-				
-				g_coords.x1 = (pt1.x - bb.x) / bb.width;
-				g_coords.y1 = (pt1.y - bb.y) / bb.height;
-				g_coords.x2 = (pt2.x - bb.x) / bb.width;
-				g_coords.y2 = (pt2.y - bb.y) / bb.height;
-		
-				var newgrad = grad.cloneNode(true);
-				$(newgrad).attr(g_coords);
-	
-				newgrad.id = getNextId();
-				svgedit.utilities.findDefs().appendChild(newgrad);
-				elem.setAttribute(type, 'url(#' + newgrad.id + ')');
-			}
-		}
-	}
+/**
+* Set a color/gradient to a fill/stroke
+* @function module:svgcanvas.SvgCanvas#setPaint
+* @param {"fill"|"stroke"} type - String with "fill" or "stroke"
+* @param {module:jGraduate.jGraduatePaintOptions} paint - The jGraduate paint object to apply
+* @returns {undefined}
+*/
+this.setPaint = function (type, paint) {
+  // make a copy
+  const p = new $.jGraduate.Paint(paint);
+  this.setPaintOpacity(type, p.alpha / 100, true);
+
+  // now set the current paint object
+  curProperties[type + '_paint'] = p;
+  switch (p.type) {
+  case 'solidColor':
+    this.setColor(type, p.solidColor !== 'none' ? '#' + p.solidColor : 'none');
+    break;
+  case 'linearGradient':
+  case 'radialGradient':
+    canvas[type + 'Grad'] = p[p.type];
+    setGradient(type);
+    break;
+  }
+};
+
+/**
+* @function module:svgcanvas.SvgCanvas#setStrokePaint
+* @param {module:jGraduate~Paint} paint
+* @returns {undefined}
+*/
+this.setStrokePaint = function (paint) {
+  this.setPaint('stroke', paint);
+};
+
+/**
+* @function module:svgcanvas.SvgCanvas#setFillPaint
+* @param {module:jGraduate~Paint} paint
+* @returns {undefined}
+*/
+this.setFillPaint = function (paint) {
+  this.setPaint('fill', paint);
+};
+
+/**
+* @function module:svgcanvas.SvgCanvas#getStrokeWidth
+* @returns {Float|string} The current stroke-width value
+*/
+this.getStrokeWidth = function () {
+  return curProperties.stroke_width;
+};
+
+/**
+* Sets the stroke width for the current selected elements.
+* When attempting to set a line's width to 0, this changes it to 1 instead
+* @function module:svgcanvas.SvgCanvas#setStrokeWidth
+* @param {Float} val - A Float indicating the new stroke width value
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+this.setStrokeWidth = function (val) {
+  if (val === 0 && ['line', 'path'].includes(currentMode)) {
+    canvas.setStrokeWidth(1);
+    return;
+  }
+  curProperties.stroke_width = val;
+
+  const elems = [];
+  function addNonG (e) {
+    if (e.nodeName !== 'g') {
+      elems.push(e);
+    }
+  }
+  let i = selectedElements.length;
+  while (i--) {
+    const elem = selectedElements[i];
+    if (elem) {
+      if (elem.tagName === 'g') {
+        walkTree(elem, addNonG);
+      } else {
+        elems.push(elem);
+      }
+    }
+  }
+  if (elems.length > 0) {
+    changeSelectedAttribute('stroke-width', val, elems);
+    call('changed', selectedElements);
+  }
+};
+
+/**
+* Set the given stroke-related attribute the given value for selected elements
+* @function module:svgcanvas.SvgCanvas#setStrokeAttr
+* @param {string} attr - String with the attribute name
+* @param {string|Float} val - String or number with the attribute value
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+this.setStrokeAttr = function (attr, val) {
+  curShape[attr.replace('-', '_')] = val;
+  const elems = [];
+
+  let i = selectedElements.length;
+  while (i--) {
+    const elem = selectedElements[i];
+    if (elem) {
+      if (elem.tagName === 'g') {
+        walkTree(elem, function (e) { if (e.nodeName !== 'g') { elems.push(e); } });
+      } else {
+        elems.push(elem);
+      }
+    }
+  }
+  if (elems.length > 0) {
+    changeSelectedAttribute(attr, val, elems);
+    call('changed', selectedElements);
+  }
+};
+
+/**
+* @typedef {PlainObject} module:svgcanvas.StyleOptions
+* @property {string} fill
+* @property {Float} fill_opacity
+* @property {string} stroke
+* @property {Float} stroke_width
+* @property {string} stroke_dasharray
+* @property {string} stroke_linejoin
+* @property {string} stroke_linecap
+* @property {Float} stroke_opacity
+* @property {Float} opacity
+*/
+
+/**
+* @function module:svgcanvas.SvgCanvas#getStyle
+* @returns {module:svgcanvas.StyleOptions} current style options
+*/
+this.getStyle = function () {
+  return curShape;
+};
+
+/**
+* @function module:svgcanvas.SvgCanvas#getOpacity
+* @returns {Float} the current opacity
+*/
+this.getOpacity = getOpacity;
+
+/**
+* Sets the given opacity to the current selected elements
+* @function module:svgcanvas.SvgCanvas#setOpacity
+* @param {string} val
+* @returns {undefined}
+*/
+this.setOpacity = function (val) {
+  curShape.opacity = val;
+  changeSelectedAttribute('opacity', val);
+};
+
+/**
+* @function module:svgcanvas.SvgCanvas#getFillOpacity
+* @returns {Float} the current fill opacity
+*/
+this.getFillOpacity = function () {
+  return curShape.fill_opacity;
+};
+
+/**
+* @function module:svgcanvas.SvgCanvas#getStrokeOpacity
+* @returns {string} the current stroke opacity
+*/
+this.getStrokeOpacity = function () {
+  return curShape.stroke_opacity;
+};
+
+/**
+* Sets the current fill/stroke opacity
+* @function module:svgcanvas.SvgCanvas#setPaintOpacity
+* @param {string} type - String with "fill" or "stroke"
+* @param {Float} val - Float with the new opacity value
+* @param {boolean} preventUndo - Indicates whether or not this should be an undoable action
+* @returns {undefined}
+*/
+this.setPaintOpacity = function (type, val, preventUndo) {
+  curShape[type + '_opacity'] = val;
+  if (!preventUndo) {
+    changeSelectedAttribute(type + '-opacity', val);
+  } else {
+    changeSelectedAttributeNoUndo(type + '-opacity', val);
+  }
+};
+
+/**
+* Gets the current fill/stroke opacity
+* @function module:svgcanvas.SvgCanvas#getPaintOpacity
+* @param {"fill"|"stroke"} type - String with "fill" or "stroke"
+* @returns {Float} Fill/stroke opacity
+*/
+this.getPaintOpacity = function (type) {
+  return type === 'fill' ? this.getFillOpacity() : this.getStrokeOpacity();
+};
+
+/**
+* Gets the `stdDeviation` blur value of the given element
+* @function module:svgcanvas.SvgCanvas#getBlur
+* @param {Element} elem - The element to check the blur value for
+* @returns {string} stdDeviation blur attribute value
+*/
+this.getBlur = function (elem) {
+  let val = 0;
+  // const elem = selectedElements[0];
+
+  if (elem) {
+    const filterUrl = elem.getAttribute('filter');
+    if (filterUrl) {
+      const blur = getElem(elem.id + '_blur');
+      if (blur) {
+        val = blur.firstChild.getAttribute('stdDeviation');
+      }
+    }
+  }
+  return val;
+};
+
+(function () {
+let curCommand = null;
+let filter = null;
+let filterHidden = false;
+
+/**
+* Sets the `stdDeviation` blur value on the selected element without being undoable
+* @function module:svgcanvas.SvgCanvas#setBlurNoUndo
+* @param {Float} val - The new `stdDeviation` value
+* @returns {undefined}
+*/
+canvas.setBlurNoUndo = function (val) {
+  if (!filter) {
+    canvas.setBlur(val);
+    return;
+  }
+  if (val === 0) {
+    // Don't change the StdDev, as that will hide the element.
+    // Instead, just remove the value for "filter"
+    changeSelectedAttributeNoUndo('filter', '');
+    filterHidden = true;
+  } else {
+    const elem = selectedElements[0];
+    if (filterHidden) {
+      changeSelectedAttributeNoUndo('filter', 'url(#' + elem.id + '_blur)');
+    }
+    if (isWebkit()) {
+      console.log('e', elem);
+      elem.removeAttribute('filter');
+      elem.setAttribute('filter', 'url(#' + elem.id + '_blur)');
+    }
+    changeSelectedAttributeNoUndo('stdDeviation', val, [filter.firstChild]);
+    canvas.setBlurOffsets(filter, val);
+  }
+};
+
+function finishChange () {
+  const bCmd = canvas.undoMgr.finishUndoableChange();
+  curCommand.addSubCommand(bCmd);
+  addCommandToHistory(curCommand);
+  curCommand = null;
+  filter = null;
 }
 
-// Function: setPaint
-// Set a color/gradient to a fill/stroke
-//
-// Parameters:
-// type - String with "fill" or "stroke"
-// paint - The jGraduate paint object to apply
-this.setPaint = function(type, paint) {
-	// make a copy
-	var p = new $.jGraduate.Paint(paint);
-	this.setPaintOpacity(type, p.alpha / 100, true);
-
-	// now set the current paint object
-	cur_properties[type + '_paint'] = p;
-	switch (p.type) {
-		case 'solidColor':
-			this.setColor(type, p.solidColor != 'none' ? '#' + p.solidColor : 'none');
-			break;
-		case 'linearGradient':
-		case 'radialGradient':
-			canvas[type + 'Grad'] = p[p.type];
-			setGradient(type);
-			break;
-	}
+/**
+* Sets the `x`, `y`, `width`, `height` values of the filter element in order to
+* make the blur not be clipped. Removes them if not neeeded
+* @function module:svgcanvas.SvgCanvas#setBlurOffsets
+* @param {Element} filter - The filter DOM element to update
+* @param {Float} stdDev - The standard deviation value on which to base the offset size
+* @returns {undefined}
+*/
+canvas.setBlurOffsets = function (filter, stdDev) {
+  if (stdDev > 3) {
+    // TODO: Create algorithm here where size is based on expected blur
+    assignAttributes(filter, {
+      x: '-50%',
+      y: '-50%',
+      width: '200%',
+      height: '200%'
+    }, 100);
+  } else {
+    // Removing these attributes hides text in Chrome (see Issue 579)
+    if (!isWebkit()) {
+      filter.removeAttribute('x');
+      filter.removeAttribute('y');
+      filter.removeAttribute('width');
+      filter.removeAttribute('height');
+    }
+  }
 };
 
-// alias
-this.setStrokePaint = function(paint) {
-	this.setPaint('stroke', paint);
+/**
+* Adds/updates the blur filter to the selected element
+* @function module:svgcanvas.SvgCanvas#setBlur
+* @param {Float} val - Float with the new `stdDeviation` blur value
+* @param {boolean} complete - Whether or not the action should be completed (to add to the undo manager)
+* @returns {undefined}
+*/
+canvas.setBlur = function (val, complete) {
+  if (curCommand) {
+    finishChange();
+    return;
+  }
+
+  // Looks for associated blur, creates one if not found
+  const elem = selectedElements[0];
+  const elemId = elem.id;
+  filter = getElem(elemId + '_blur');
+
+  val -= 0;
+
+  const batchCmd = new BatchCommand();
+
+  // Blur found!
+  if (filter) {
+    if (val === 0) {
+      filter = null;
+    }
+  } else {
+    // Not found, so create
+    const newblur = addSVGElementFromJson({ element: 'feGaussianBlur',
+      attr: {
+        in: 'SourceGraphic',
+        stdDeviation: val
+      }
+    });
+
+    filter = addSVGElementFromJson({ element: 'filter',
+      attr: {
+        id: elemId + '_blur'
+      }
+    });
+
+    filter.append(newblur);
+    findDefs().append(filter);
+
+    batchCmd.addSubCommand(new InsertElementCommand(filter));
+  }
+
+  const changes = {filter: elem.getAttribute('filter')};
+
+  if (val === 0) {
+    elem.removeAttribute('filter');
+    batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));
+    return;
+  }
+
+  changeSelectedAttribute('filter', 'url(#' + elemId + '_blur)');
+  batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));
+  canvas.setBlurOffsets(filter, val);
+
+  curCommand = batchCmd;
+  canvas.undoMgr.beginUndoableChange('stdDeviation', [filter ? filter.firstChild : null]);
+  if (complete) {
+    canvas.setBlurNoUndo(val);
+    finishChange();
+  }
 };
-
-this.setFillPaint = function(paint) {
-	this.setPaint('fill', paint);
-};
-
-// Function: getStrokeWidth
-// Returns the current stroke-width value
-this.getStrokeWidth = function() {
-	return cur_properties.stroke_width;
-};
-
-// Function: setStrokeWidth
-// Sets the stroke width for the current selected elements
-// When attempting to set a line's width to 0, this changes it to 1 instead
-//
-// Parameters:
-// val - A Float indicating the new stroke width value
-this.setStrokeWidth = function(val) {
-	if (val == 0 && ['line', 'path'].indexOf(current_mode) >= 0) {
-		canvas.setStrokeWidth(1);
-		return;
-	}
-	cur_properties.stroke_width = val;
-
-	var elems = [];
-	function addNonG (e) {
-		if (e.nodeName != 'g') {
-			elems.push(e);
-		}
-	}
-	var i = selectedElements.length;
-	while (i--) {
-		var elem = selectedElements[i];
-		if (elem) {
-			if (elem.tagName == 'g') {
-				svgedit.utilities.walkTree(elem, addNonG);
-			}
-			else {
-				elems.push(elem);
-			}
-		}
-	}
-	if (elems.length > 0) {
-		changeSelectedAttribute('stroke-width', val, elems);
-		call('changed', selectedElements);
-	}
-};
-
-// Function: setStrokeAttr
-// Set the given stroke-related attribute the given value for selected elements
-//
-// Parameters:
-// attr - String with the attribute name
-// val - String or number with the attribute value
-this.setStrokeAttr = function(attr, val) {
-	cur_shape[attr.replace('-', '_')] = val;
-	var elems = [];
-	function addNonG (e) {
-		if (e.nodeName != 'g') {
-			elems.push(e);
-		}
-	}
-	var i = selectedElements.length;
-	while (i--) {
-		var elem = selectedElements[i];
-		if (elem) {
-			if (elem.tagName == 'g') {
-				svgedit.utilities.walkTree(elem, function(e){if (e.nodeName!='g') {elems.push(e);}});
-			}
-			else {
-				elems.push(elem);
-			}
-		}
-	}
-	if (elems.length > 0) {
-		changeSelectedAttribute(attr, val, elems);
-		call('changed', selectedElements);
-	}
-};
-
-// Function: getStyle
-// Returns current style options
-this.getStyle = function() {
-	return cur_shape;
-};
-
-// Function: getOpacity
-// Returns the current opacity
-this.getOpacity = function() {
-	return cur_shape.opacity;
-};
-
-// Function: setOpacity
-// Sets the given opacity to the current selected elements
-this.setOpacity = function(val) {
-	cur_shape.opacity = val;
-	changeSelectedAttribute('opacity', val);
-};
-
-// Function: getOpacity
-// Returns the current fill opacity
-this.getFillOpacity = function() {
-	return cur_shape.fill_opacity;
-};
-
-// Function: getStrokeOpacity
-// Returns the current stroke opacity
-this.getStrokeOpacity = function() {
-	return cur_shape.stroke_opacity;
-};
-
-// Function: setPaintOpacity
-// Sets the current fill/stroke opacity
-//
-// Parameters:
-// type - String with "fill" or "stroke"
-// val - Float with the new opacity value
-// preventUndo - Boolean indicating whether or not this should be an undoable action
-this.setPaintOpacity = function(type, val, preventUndo) {
-	cur_shape[type + '_opacity'] = val;
-	if (!preventUndo) {
-		changeSelectedAttribute(type + '-opacity', val);
-	}
-	else {
-		changeSelectedAttributeNoUndo(type + '-opacity', val);
-	}
-};
-
-// Function: getPaintOpacity
-// Gets the current fill/stroke opacity
-//
-// Parameters:
-// type - String with "fill" or "stroke"
-this.getPaintOpacity = function(type) {
-	return type === 'fill' ? this.getFillOpacity() : this.getStrokeOpacity();
-};
-
-// Function: getBlur
-// Gets the stdDeviation blur value of the given element
-//
-// Parameters:
-// elem - The element to check the blur value for
-this.getBlur = function(elem) {
-	var val = 0;
-//	var elem = selectedElements[0];
-
-	if (elem) {
-		var filter_url = elem.getAttribute('filter');
-		if (filter_url) {
-			var blur = svgedit.utilities.getElem(elem.id + '_blur');
-			if (blur) {
-				val = blur.firstChild.getAttribute('stdDeviation');
-			}
-		}
-	}
-	return val;
-};
-
-(function() {
-	var cur_command = null;
-	var filter = null;
-	var filterHidden = false;
-	
-	// Function: setBlurNoUndo
-	// Sets the stdDeviation blur value on the selected element without being undoable
-	//
-	// Parameters:
-	// val - The new stdDeviation value
-	canvas.setBlurNoUndo = function(val) {
-		if (!filter) {
-			canvas.setBlur(val);
-			return;
-		}
-		if (val === 0) {
-			// Don't change the StdDev, as that will hide the element.
-			// Instead, just remove the value for "filter"
-			changeSelectedAttributeNoUndo('filter', '');
-			filterHidden = true;
-		} else {
-			var elem = selectedElements[0];
-			if (filterHidden) {
-				changeSelectedAttributeNoUndo('filter', 'url(#' + elem.id + '_blur)');
-			}
-			if (svgedit.browser.isWebkit()) {
-				console.log('e', elem);
-				elem.removeAttribute('filter');
-				elem.setAttribute('filter', 'url(#' + elem.id + '_blur)');
-			}
-			changeSelectedAttributeNoUndo('stdDeviation', val, [filter.firstChild]);
-			canvas.setBlurOffsets(filter, val);
-		}
-	};
-	
-	function finishChange() {
-		var bCmd = canvas.undoMgr.finishUndoableChange();
-		cur_command.addSubCommand(bCmd);
-		addCommandToHistory(cur_command);
-		cur_command = null;	
-		filter = null;
-	}
-
-	// Function: setBlurOffsets
-	// Sets the x, y, with, height values of the filter element in order to
-	// make the blur not be clipped. Removes them if not neeeded
-	//
-	// Parameters:
-	// filter - The filter DOM element to update
-	// stdDev - The standard deviation value on which to base the offset size
-	canvas.setBlurOffsets = function(filter, stdDev) {
-		if (stdDev > 3) {
-			// TODO: Create algorithm here where size is based on expected blur
-			svgedit.utilities.assignAttributes(filter, {
-				x: '-50%',
-				y: '-50%',
-				width: '200%',
-				height: '200%'
-			}, 100);
-		} else {
-			// Removing these attributes hides text in Chrome (see Issue 579)
-			if (!svgedit.browser.isWebkit()) {
-				filter.removeAttribute('x');
-				filter.removeAttribute('y');
-				filter.removeAttribute('width');
-				filter.removeAttribute('height');
-			}
-		}
-	};
-
-	// Function: setBlur 
-	// Adds/updates the blur filter to the selected element
-	//
-	// Parameters:
-	// val - Float with the new stdDeviation blur value
-	// complete - Boolean indicating whether or not the action should be completed (to add to the undo manager)
-	canvas.setBlur = function(val, complete) {
-		if (cur_command) {
-			finishChange();
-			return;
-		}
-	
-		// Looks for associated blur, creates one if not found
-		var elem = selectedElements[0];
-		var elem_id = elem.id;
-		filter = svgedit.utilities.getElem(elem_id + '_blur');
-		
-		val -= 0;
-		
-		var batchCmd = new svgedit.history.BatchCommand();
-		
-		// Blur found!
-		if (filter) {
-			if (val === 0) {
-				filter = null;
-			}
-		} else {
-			// Not found, so create
-			var newblur = addSvgElementFromJson({ 'element': 'feGaussianBlur',
-				'attr': {
-					'in': 'SourceGraphic',
-					'stdDeviation': val
-				}
-			});
-			
-			filter = addSvgElementFromJson({ 'element': 'filter',
-				'attr': {
-					'id': elem_id + '_blur'
-				}
-			});
-			
-			filter.appendChild(newblur);
-			svgedit.utilities.findDefs().appendChild(filter);
-			
-			batchCmd.addSubCommand(new svgedit.history.InsertElementCommand(filter));
-		}
-
-		var changes = {filter: elem.getAttribute('filter')};
-		
-		if (val === 0) {
-			elem.removeAttribute('filter');
-			batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(elem, changes));
-			return;
-		}
-
-		changeSelectedAttribute('filter', 'url(#' + elem_id + '_blur)');
-		batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(elem, changes));
-		canvas.setBlurOffsets(filter, val);
-		
-		cur_command = batchCmd;
-		canvas.undoMgr.beginUndoableChange('stdDeviation', [filter?filter.firstChild:null]);
-		if (complete) {
-			canvas.setBlurNoUndo(val);
-			finishChange();
-		}
-	};
 }());
 
-// Function: getBold
-// Check whether selected element is bold or not
-//
-// Returns:
-// Boolean indicating whether or not element is bold
-this.getBold = function() {
-	// should only have one element selected
-	var selected = selectedElements[0];
-	if (selected != null && selected.tagName == 'text' &&
-		selectedElements[1] == null) 
-	{
-		return (selected.getAttribute('font-weight') == 'bold');
-	}
-	return false;
+/**
+* Check whether selected element is bold or not
+* @function module:svgcanvas.SvgCanvas#getBold
+* @returns {boolean} Indicates whether or not element is bold
+*/
+this.getBold = function () {
+  // should only have one element selected
+  const selected = selectedElements[0];
+  if (selected != null && selected.tagName === 'text' &&
+    selectedElements[1] == null) {
+    return (selected.getAttribute('font-weight') === 'bold');
+  }
+  return false;
 };
 
-// Function: setBold
-// Make the selected element bold or normal
-//
-// Parameters:
-// b - Boolean indicating bold (true) or normal (false)
-this.setBold = function(b) {
-	var selected = selectedElements[0];
-	if (selected != null && selected.tagName == 'text' &&
-		selectedElements[1] == null) 
-	{
-		changeSelectedAttribute('font-weight', b ? 'bold' : 'normal');
-	}
-	if (!selectedElements[0].textContent) {
-		textActions.setCursor();
-	}
+/**
+* Make the selected element bold or normal
+* @function module:svgcanvas.SvgCanvas#setBold
+* @param {boolean} b - Indicates bold (`true`) or normal (`false`)
+* @returns {undefined}
+*/
+this.setBold = function (b) {
+  const selected = selectedElements[0];
+  if (selected != null && selected.tagName === 'text' &&
+    selectedElements[1] == null) {
+    changeSelectedAttribute('font-weight', b ? 'bold' : 'normal');
+  }
+  if (!selectedElements[0].textContent) {
+    textActions.setCursor();
+  }
 };
 
-// Function: getItalic
-// Check whether selected element is italic or not
-//
-// Returns:
-// Boolean indicating whether or not element is italic
-this.getItalic = function() {
-	var selected = selectedElements[0];
-	if (selected != null && selected.tagName == 'text' &&
-		selectedElements[1] == null) 
-	{
-		return (selected.getAttribute('font-style') == 'italic');
-	}
-	return false;
+/**
+* Check whether selected element is italic or not
+* @function module:svgcanvas.SvgCanvas#getItalic
+* @returns {boolean} Indicates whether or not element is italic
+*/
+this.getItalic = function () {
+  const selected = selectedElements[0];
+  if (selected != null && selected.tagName === 'text' &&
+    selectedElements[1] == null) {
+    return (selected.getAttribute('font-style') === 'italic');
+  }
+  return false;
 };
 
-// Function: setItalic
-// Make the selected element italic or normal
-//
-// Parameters:
-// b - Boolean indicating italic (true) or normal (false)
-this.setItalic = function(i) {
-	var selected = selectedElements[0];
-	if (selected != null && selected.tagName == 'text' &&
-		selectedElements[1] == null) 
-	{
-		changeSelectedAttribute('font-style', i ? 'italic' : 'normal');
-	}
-	if (!selectedElements[0].textContent) {
-		textActions.setCursor();
-	}
+/**
+* Make the selected element italic or normal
+* @function module:svgcanvas.SvgCanvas#setItalic
+* @param {boolean} b - Indicates italic (`true`) or normal (`false`)
+* @returns {undefined}
+*/
+this.setItalic = function (i) {
+  const selected = selectedElements[0];
+  if (selected != null && selected.tagName === 'text' &&
+    selectedElements[1] == null) {
+    changeSelectedAttribute('font-style', i ? 'italic' : 'normal');
+  }
+  if (!selectedElements[0].textContent) {
+    textActions.setCursor();
+  }
 };
 
-// Function: getFontFamily
-// Returns the current font family
-this.getFontFamily = function() {
-	return cur_text.font_family;
+/**
+* @function module:svgcanvas.SvgCanvas#getFontFamily
+* @returns {string} The current font family
+*/
+this.getFontFamily = function () {
+  return curText.font_family;
 };
 
-// Function: setFontFamily
-// Set the new font family
-//
-// Parameters:
-// val - String with the new font family
-this.setFontFamily = function(val) {
-	cur_text.font_family = val;
-	changeSelectedAttribute('font-family', val);
-	if (selectedElements[0] && !selectedElements[0].textContent) {
-		textActions.setCursor();
-	}
+/**
+* Set the new font family
+* @function module:svgcanvas.SvgCanvas#setFontFamily
+* @param {string} val - String with the new font family
+* @returns {undefined}
+*/
+this.setFontFamily = function (val) {
+  curText.font_family = val;
+  changeSelectedAttribute('font-family', val);
+  if (selectedElements[0] && !selectedElements[0].textContent) {
+    textActions.setCursor();
+  }
 };
 
-
-// Function: setFontColor
-// Set the new font color
-//
-// Parameters:
-// val - String with the new font color
-this.setFontColor = function(val) {
-	cur_text.fill = val;
-	changeSelectedAttribute('fill', val);
+/**
+* Set the new font color
+* @function module:svgcanvas.SvgCanvas#setFontColor
+* @param {string} val - String with the new font color
+* @returns {undefined}
+*/
+this.setFontColor = function (val) {
+  curText.fill = val;
+  changeSelectedAttribute('fill', val);
 };
 
-// Function: getFontColor
-// Returns the current font color
-this.getFontColor = function() {
-	return cur_text.fill;
+/**
+* @function module:svgcanvas.SvgCanvas#getFontColor
+* @returns {string} The current font color
+*/
+this.getFontColor = function () {
+  return curText.fill;
 };
 
-// Function: getFontSize
-// Returns the current font size
-this.getFontSize = function() {
-	return cur_text.font_size;
+/**
+* @function module:svgcanvas.SvgCanvas#getFontSize
+* @returns {Float} The current font size
+*/
+this.getFontSize = function () {
+  return curText.font_size;
 };
 
-// Function: setFontSize
-// Applies the given font size to the selected element
-//
-// Parameters:
-// val - Float with the new font size
-this.setFontSize = function(val) {
-	cur_text.font_size = val;
-	changeSelectedAttribute('font-size', val);
-	if (!selectedElements[0].textContent) {
-		textActions.setCursor();
-	}
+/**
+* Applies the given font size to the selected element
+* @function module:svgcanvas.SvgCanvas#setFontSize
+* @param {Float} val - Float with the new font size
+* @returns {undefined}
+*/
+this.setFontSize = function (val) {
+  curText.font_size = val;
+  changeSelectedAttribute('font-size', val);
+  if (!selectedElements[0].textContent) {
+    textActions.setCursor();
+  }
 };
 
-// Function: getText
-// Returns the current text (textContent) of the selected element
-this.getText = function() {
-	var selected = selectedElements[0];
-	if (selected == null) { return ''; }
-	return selected.textContent;
+/**
+* @function module:svgcanvas.SvgCanvas#getText
+* @returns {string} The current text (`textContent`) of the selected element
+*/
+this.getText = function () {
+  const selected = selectedElements[0];
+  if (selected == null) { return ''; }
+  return selected.textContent;
 };
 
-// Function: setTextContent
-// Updates the text element with the given string
-//
-// Parameters:
-// val - String with the new text
-this.setTextContent = function(val) {
-	changeSelectedAttribute('#text', val);
-	textActions.init(val);
-	textActions.setCursor();
+/**
+* Updates the text element with the given string
+* @function module:svgcanvas.SvgCanvas#setTextContent
+* @param {string} val - String with the new text
+* @returns {undefined}
+*/
+this.setTextContent = function (val) {
+  changeSelectedAttribute('#text', val);
+  textActions.init(val);
+  textActions.setCursor();
 };
 
-// Function: setImageURL
-// Sets the new image URL for the selected image element. Updates its size if
-// a new URL is given
-// 
-// Parameters:
-// val - String with the image URL/path
-this.setImageURL = function(val) {
-	var elem = selectedElements[0];
-	if (!elem) {return;}
-	
-	var attrs = $(elem).attr(['width', 'height']);
-	var setsize = (!attrs.width || !attrs.height);
+/**
+* Sets the new image URL for the selected image element. Updates its size if
+* a new URL is given
+* @function module:svgcanvas.SvgCanvas#setImageURL
+* @param {string} val - String with the image URL/path
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+this.setImageURL = function (val) {
+  const elem = selectedElements[0];
+  if (!elem) { return; }
 
-	var cur_href = getHref(elem);
-	
-	// Do nothing if no URL change or size change
-	if (cur_href !== val) {
-		setsize = true;
-	} else if (!setsize) {return;}
+  const attrs = $(elem).attr(['width', 'height']);
+  let setsize = (!attrs.width || !attrs.height);
 
-	var batchCmd = new svgedit.history.BatchCommand('Change Image URL');
+  const curHref = getHref(elem);
 
-	setHref(elem, val);
-	batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(elem, {
-		'#href': cur_href
-	}));
+  // Do nothing if no URL change or size change
+  if (curHref !== val) {
+    setsize = true;
+  } else if (!setsize) { return; }
 
-	if (setsize) {
-		$(new Image()).load(function() {
-			var changes = $(elem).attr(['width', 'height']);
-		
-			$(elem).attr({
-				width: this.width,
-				height: this.height
-			});
-			
-			selectorManager.requestSelector(elem).resize();
-			
-			batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(elem, changes));
-			addCommandToHistory(batchCmd);
-			call('changed', [elem]);
-		}).attr('src', val);
-	} else {
-		addCommandToHistory(batchCmd);
-	}
+  const batchCmd = new BatchCommand('Change Image URL');
+
+  setHref(elem, val);
+  batchCmd.addSubCommand(new ChangeElementCommand(elem, {
+    '#href': curHref
+  }));
+
+  if (setsize) {
+    $(new Image()).load(function () {
+      const changes = $(elem).attr(['width', 'height']);
+
+      $(elem).attr({
+        width: this.width,
+        height: this.height
+      });
+
+      selectorManager.requestSelector(elem).resize();
+
+      batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));
+      addCommandToHistory(batchCmd);
+      call('changed', [elem]);
+    }).attr('src', val);
+  } else {
+    addCommandToHistory(batchCmd);
+  }
 };
 
-// Function: setLinkURL
-// Sets the new link URL for the selected anchor element.
-// 
-// Parameters:
-// val - String with the link URL/path
-this.setLinkURL = function(val) {
-	var elem = selectedElements[0];
-	if (!elem) {return;}
-	if (elem.tagName !== 'a') {
-		// See if parent is an anchor
-		var parents_a = $(elem).parents('a');
-		if (parents_a.length) {
-			elem = parents_a[0];
-		} else {
-			return;
-		}
-	}
-	
-	var cur_href = getHref(elem);
-	
-	if (cur_href === val) {return;}
-	
-	var batchCmd = new svgedit.history.BatchCommand('Change Link URL');
+/**
+* Sets the new link URL for the selected anchor element.
+* @function module:svgcanvas.SvgCanvas#setLinkURL
+* @param {string} val - String with the link URL/path
+* @returns {undefined}
+*/
+this.setLinkURL = function (val) {
+  let elem = selectedElements[0];
+  if (!elem) { return; }
+  if (elem.tagName !== 'a') {
+    // See if parent is an anchor
+    const parentsA = $(elem).parents('a');
+    if (parentsA.length) {
+      elem = parentsA[0];
+    } else {
+      return;
+    }
+  }
 
-	setHref(elem, val);
-	batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(elem, {
-		'#href': cur_href
-	}));
+  const curHref = getHref(elem);
 
-	addCommandToHistory(batchCmd);
+  if (curHref === val) { return; }
+
+  const batchCmd = new BatchCommand('Change Link URL');
+
+  setHref(elem, val);
+  batchCmd.addSubCommand(new ChangeElementCommand(elem, {
+    '#href': curHref
+  }));
+
+  addCommandToHistory(batchCmd);
 };
 
-
-// Function: setRectRadius
-// Sets the rx & ry values to the selected rect element to change its corner radius
-// 
-// Parameters:
-// val - The new radius
-this.setRectRadius = function(val) {
-	var selected = selectedElements[0];
-	if (selected != null && selected.tagName == 'rect') {
-		var r = selected.getAttribute('rx');
-		if (r != val) {
-			selected.setAttribute('rx', val);
-			selected.setAttribute('ry', val);
-			addCommandToHistory(new svgedit.history.ChangeElementCommand(selected, {'rx':r, 'ry':r}, 'Radius'));
-			call('changed', [selected]);
-		}
-	}
+/**
+* Sets the `rx` and `ry` values to the selected `rect` element to change its corner radius
+* @function module:svgcanvas.SvgCanvas#setRectRadius
+* @param {string|Float} val - The new radius
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+this.setRectRadius = function (val) {
+  const selected = selectedElements[0];
+  if (selected != null && selected.tagName === 'rect') {
+    const r = selected.getAttribute('rx');
+    if (r !== String(val)) {
+      selected.setAttribute('rx', val);
+      selected.setAttribute('ry', val);
+      addCommandToHistory(new ChangeElementCommand(selected, {rx: r, ry: r}, 'Radius'));
+      call('changed', [selected]);
+    }
+  }
 };
 
-// Function: makeHyperlink
-// Wraps the selected element(s) in an anchor element or converts group to one
-this.makeHyperlink = function(url) {
-	canvas.groupSelectedElements('a', url);
-	
-	// TODO: If element is a single "g", convert to "a"
-	//	if (selectedElements.length > 1 && selectedElements[1]) {
+/**
+* Wraps the selected element(s) in an anchor element or converts group to one
+* @function module:svgcanvas.SvgCanvas#makeHyperlink
+* @param {string} url
+* @returns {undefined}
+*/
+this.makeHyperlink = function (url) {
+  canvas.groupSelectedElements('a', url);
 
+  // TODO: If element is a single "g", convert to "a"
+  //  if (selectedElements.length > 1 && selectedElements[1]) {
 };
 
-// Function: removeHyperlink
-this.removeHyperlink = function() {
-	canvas.ungroupSelectedElement();
+/**
+* @function module:svgcanvas.SvgCanvas#removeHyperlink
+* @returns {undefined}
+*/
+this.removeHyperlink = function () {
+  canvas.ungroupSelectedElement();
 };
 
-// Group: Element manipulation
+/**
+* Group: Element manipulation
+*/
 
-// Function: setSegType
-// Sets the new segment type to the selected segment(s). 
-//
-// Parameters:
-// new_type - Integer with the new segment type
-// See http://www.w3.org/TR/SVG/paths.html#InterfaceSVGPathSeg for list
-this.setSegType = function(new_type) {
-	pathActions.setSegType(new_type);
+/**
+* Sets the new segment type to the selected segment(s).
+* @function module:svgcanvas.SvgCanvas#setSegType
+* @param {Integer} newType - New segment type. See {@link https://www.w3.org/TR/SVG/paths.html#InterfaceSVGPathSeg} for list
+* @returns {undefined}
+*/
+this.setSegType = function (newType) {
+  pathActions.setSegType(newType);
 };
 
-// TODO(codedread): Remove the getBBox argument and split this function into two.
-// Function: convertToPath
-// Convert selected element to a path, or get the BBox of an element-as-path
-//
-// Parameters: 
-// elem - The DOM element to be converted
-// getBBox - Boolean on whether or not to only return the path's BBox
-//
-// Returns:
-// If the getBBox flag is true, the resulting path's bounding box object.
-// Otherwise the resulting path element is returned.
-this.convertToPath = function(elem, getBBox) {
-	if (elem == null) {
-		var elems = selectedElements;
-		$.each(elems, function(i, elem) {
-			if (elem) {canvas.convertToPath(elem);}
-		});
-		return;
-	}
-	if (getBBox) {
-		return svgedit.utilities.getBBoxOfElementAsPath(elem, addSvgElementFromJson, pathActions)
-	} else {
-		// TODO: Why is this applying attributes from cur_shape, then inside utilities.convertToPath it's pulling addition attributes from elem?
-		// TODO: If convertToPath is called with one elem, cur_shape and elem are probably the same; but calling with multiple is a bug or cool feature.
-		var attrs = {
-			'fill': cur_shape.fill,
-			'fill-opacity': cur_shape.fill_opacity,
-			'stroke': cur_shape.stroke,
-			'stroke-width': cur_shape.stroke_width,
-			'stroke-dasharray': cur_shape.stroke_dasharray,
-			'stroke-linejoin': cur_shape.stroke_linejoin,
-			'stroke-linecap': cur_shape.stroke_linecap,
-			'stroke-opacity': cur_shape.stroke_opacity,
-			'opacity': cur_shape.opacity,
-			'visibility':'hidden'
-		};
-		return svgedit.utilities.convertToPath(elem, attrs, addSvgElementFromJson, pathActions, clearSelection, addToSelection, svgedit.history, addCommandToHistory);
-	}
+/**
+* Convert selected element to a path, or get the BBox of an element-as-path
+* @function module:svgcanvas.SvgCanvas#convertToPath
+* @todo (codedread): Remove the getBBox argument and split this function into two.
+* @param {Element} elem - The DOM element to be converted
+* @param {boolean} getBBox - Boolean on whether or not to only return the path's BBox
+* @returns {undefined|DOMRect|false|SVGPathElement|null} If the getBBox flag is true, the resulting path's bounding box object.
+* Otherwise the resulting path element is returned.
+*/
+this.convertToPath = function (elem, getBBox) {
+  if (elem == null) {
+    const elems = selectedElements;
+    $.each(elems, function (i, elem) {
+      if (elem) { canvas.convertToPath(elem); }
+    });
+    return;
+  }
+  if (getBBox) {
+    return getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions);
+  }
+  // TODO: Why is this applying attributes from curShape, then inside utilities.convertToPath it's pulling addition attributes from elem?
+  // TODO: If convertToPath is called with one elem, curShape and elem are probably the same; but calling with multiple is a bug or cool feature.
+  const attrs = {
+    fill: curShape.fill,
+    'fill-opacity': curShape.fill_opacity,
+    stroke: curShape.stroke,
+    'stroke-width': curShape.stroke_width,
+    'stroke-dasharray': curShape.stroke_dasharray,
+    'stroke-linejoin': curShape.stroke_linejoin,
+    'stroke-linecap': curShape.stroke_linecap,
+    'stroke-opacity': curShape.stroke_opacity,
+    opacity: curShape.opacity,
+    visibility: 'hidden'
+  };
+  return convertToPath(elem, attrs, addSVGElementFromJson, pathActions, clearSelection, addToSelection, history, addCommandToHistory);
 };
 
+/**
+* This function makes the changes to the elements. It does not add the change
+* to the history stack.
+* @param {string} attr - Attribute name
+* @param {string|Float} newValue - String or number with the new attribute value
+* @param {Element[]} elems - The DOM elements to apply the change to
+* @returns {undefined}
+*/
+const changeSelectedAttributeNoUndo = function (attr, newValue, elems) {
+  if (currentMode === 'pathedit') {
+    // Editing node
+    pathActions.moveNode(attr, newValue);
+  }
+  elems = elems || selectedElements;
+  let i = elems.length;
+  const noXYElems = ['g', 'polyline', 'path'];
+  const goodGAttrs = ['transform', 'opacity', 'filter'];
 
-// Function: changeSelectedAttributeNoUndo
-// This function makes the changes to the elements. It does not add the change
-// to the history stack. 
-// 
-// Parameters:
-// attr - String with the attribute name
-// newValue - String or number with the new attribute value
-// elems - The DOM elements to apply the change to
-var changeSelectedAttributeNoUndo = function(attr, newValue, elems) {
-	if (current_mode == 'pathedit') {
-		// Editing node
-		pathActions.moveNode(attr, newValue);
-	}
-	elems = elems || selectedElements;
-	var i = elems.length;
-	var no_xy_elems = ['g', 'polyline', 'path'];
-	var good_g_attrs = ['transform', 'opacity', 'filter'];
-	
-	while (i--) {
-		var elem = elems[i];
-		if (elem == null) {continue;}
-		
-		// Set x,y vals on elements that don't have them
-		if ((attr === 'x' || attr === 'y') && no_xy_elems.indexOf(elem.tagName) >= 0) {
-			var bbox = getStrokedBBox([elem]);
-			var diff_x = attr === 'x' ? newValue - bbox.x : 0;
-			var diff_y = attr === 'y' ? newValue - bbox.y : 0;
-			canvas.moveSelectedElements(diff_x*current_zoom, diff_y*current_zoom, true);
-			continue;
-		}
-		
-		// only allow the transform/opacity/filter attribute to change on <g> elements, slightly hacky
-		// TODO: FIXME: This doesn't seem right. Where's the body of this if statement?
-		if (elem.tagName === 'g' && good_g_attrs.indexOf(attr) >= 0) {}
-		var oldval = attr === '#text' ? elem.textContent : elem.getAttribute(attr);
-		if (oldval == null) {oldval = '';}
-		if (oldval !== String(newValue)) {
-			if (attr == '#text') {
-				var old_w = svgedit.utilities.getBBox(elem).width;
-				elem.textContent = newValue;
-				
-				// FF bug occurs on on rotated elements
-				if (/rotate/.test(elem.getAttribute('transform'))) {
-					elem = ffClone(elem);
-				}
-				
-				// Hoped to solve the issue of moving text with text-anchor="start",
-				// but this doesn't actually fix it. Hopefully on the right track, though. -Fyrd
-				
-//					var box=getBBox(elem), left=box.x, top=box.y, width=box.width,
-//						height=box.height, dx = width - old_w, dy=0;
-//					var angle = svgedit.utilities.getRotationAngle(elem, true);
-//					if (angle) {
-//						var r = Math.sqrt( dx*dx + dy*dy );
-//						var theta = Math.atan2(dy,dx) - angle;
-//						dx = r * Math.cos(theta);
-//						dy = r * Math.sin(theta);
-//						
-//						elem.setAttribute('x', elem.getAttribute('x')-dx);
-//						elem.setAttribute('y', elem.getAttribute('y')-dy);
-//					}
-				
-			} else if (attr == '#href') {
-				setHref(elem, newValue);
-			}
-			else {elem.setAttribute(attr, newValue);}
+  while (i--) {
+    let elem = elems[i];
+    if (elem == null) { continue; }
 
-			// Go into "select" mode for text changes
-			// NOTE: Important that this happens AFTER elem.setAttribute() or else attributes like
-			// font-size can get reset to their old value, ultimately by svgEditor.updateContextPanel(),
-			// after calling textActions.toSelectMode() below
-			if (current_mode === 'textedit' && attr !== '#text' && elem.textContent.length) {
-				textActions.toSelectMode(elem);
-			}
+    // Set x,y vals on elements that don't have them
+    if ((attr === 'x' || attr === 'y') && noXYElems.includes(elem.tagName)) {
+      const bbox = getStrokedBBoxDefaultVisible([elem]);
+      const diffX = attr === 'x' ? newValue - bbox.x : 0;
+      const diffY = attr === 'y' ? newValue - bbox.y : 0;
+      canvas.moveSelectedElements(diffX * currentZoom, diffY * currentZoom, true);
+      continue;
+    }
 
-//			if (i==0)
-//				selectedBBoxes[0] = svgedit.utilities.getBBox(elem);
-			// Use the Firefox ffClone hack for text elements with gradients or
-			// where other text attributes are changed. 
-			if (svgedit.browser.isGecko() && elem.nodeName === 'text' && /rotate/.test(elem.getAttribute('transform'))) {
-				if (String(newValue).indexOf('url') === 0 || (['font-size', 'font-family', 'x', 'y'].indexOf(attr) >= 0 && elem.textContent)) {
-					elem = ffClone(elem);
-				}
-			}
-			// Timeout needed for Opera & Firefox
-			// codedread: it is now possible for this function to be called with elements
-			// that are not in the selectedElements array, we need to only request a
-			// selector if the element is in that array
-			if (selectedElements.indexOf(elem) >= 0) {
-				setTimeout(function() {
-					// Due to element replacement, this element may no longer
-					// be part of the DOM
-					if (!elem.parentNode) {return;}
-					selectorManager.requestSelector(elem).resize();
-				}, 0);
-			}
-			// if this element was rotated, and we changed the position of this element
-			// we need to update the rotational transform attribute 
-			var angle = svgedit.utilities.getRotationAngle(elem);
-			if (angle != 0 && attr != 'transform') {
-				var tlist = svgedit.transformlist.getTransformList(elem);
-				var n = tlist.numberOfItems;
-				while (n--) {
-					var xform = tlist.getItem(n);
-					if (xform.type == 4) {
-						// remove old rotate
-						tlist.removeItem(n);
-						
-						var box = svgedit.utilities.getBBox(elem);
-						var center = svgedit.math.transformPoint(box.x+box.width/2, box.y+box.height/2, svgedit.math.transformListToTransform(tlist).matrix);
-						var cx = center.x,
-							cy = center.y;
-						var newrot = svgroot.createSVGTransform();
-						newrot.setRotate(angle, cx, cy);
-						tlist.insertItemBefore(newrot, n);
-						break;
-					}
-				}
-			}
-		} // if oldValue != newValue
-	} // for each elem
+    // only allow the transform/opacity/filter attribute to change on <g> elements, slightly hacky
+    // TODO: FIXME: This doesn't seem right. Where's the body of this if statement?
+    if (elem.tagName === 'g' && goodGAttrs.includes(attr)) {}
+    let oldval = attr === '#text' ? elem.textContent : elem.getAttribute(attr);
+    if (oldval == null) { oldval = ''; }
+    if (oldval !== String(newValue)) {
+      if (attr === '#text') {
+        // const oldW = utilsGetBBox(elem).width;
+        elem.textContent = newValue;
+
+        // FF bug occurs on on rotated elements
+        if ((/rotate/).test(elem.getAttribute('transform'))) {
+          elem = ffClone(elem);
+        }
+        // Hoped to solve the issue of moving text with text-anchor="start",
+        // but this doesn't actually fix it. Hopefully on the right track, though. -Fyrd
+        // const box = getBBox(elem), left = box.x, top = box.y, {width, height} = box,
+        //   dx = width - oldW, dy = 0;
+        // const angle = getRotationAngle(elem, true);
+        // if (angle) {
+        //   const r = Math.sqrt(dx * dx + dy * dy);
+        //   const theta = Math.atan2(dy, dx) - angle;
+        //   dx = r * Math.cos(theta);
+        //   dy = r * Math.sin(theta);
+        //
+        //   elem.setAttribute('x', elem.getAttribute('x') - dx);
+        //   elem.setAttribute('y', elem.getAttribute('y') - dy);
+        // }
+      } else if (attr === '#href') {
+        setHref(elem, newValue);
+      } else { elem.setAttribute(attr, newValue); }
+
+      // Go into "select" mode for text changes
+      // NOTE: Important that this happens AFTER elem.setAttribute() or else attributes like
+      // font-size can get reset to their old value, ultimately by svgEditor.updateContextPanel(),
+      // after calling textActions.toSelectMode() below
+      if (currentMode === 'textedit' && attr !== '#text' && elem.textContent.length) {
+        textActions.toSelectMode(elem);
+      }
+
+      // if (i === 0) {
+      //   selectedBBoxes[0] = utilsGetBBox(elem);
+      // }
+
+      // Use the Firefox ffClone hack for text elements with gradients or
+      // where other text attributes are changed.
+      if (isGecko() && elem.nodeName === 'text' && (/rotate/).test(elem.getAttribute('transform'))) {
+        if (String(newValue).startsWith('url') || (['font-size', 'font-family', 'x', 'y'].includes(attr) && elem.textContent)) {
+          elem = ffClone(elem);
+        }
+      }
+      // Timeout needed for Opera & Firefox
+      // codedread: it is now possible for this function to be called with elements
+      // that are not in the selectedElements array, we need to only request a
+      // selector if the element is in that array
+      if (selectedElements.includes(elem)) {
+        setTimeout(function () {
+          // Due to element replacement, this element may no longer
+          // be part of the DOM
+          if (!elem.parentNode) { return; }
+          selectorManager.requestSelector(elem).resize();
+        }, 0);
+      }
+      // if this element was rotated, and we changed the position of this element
+      // we need to update the rotational transform attribute
+      const angle = getRotationAngle(elem);
+      if (angle !== 0 && attr !== 'transform') {
+        const tlist = getTransformList(elem);
+        let n = tlist.numberOfItems;
+        while (n--) {
+          const xform = tlist.getItem(n);
+          if (xform.type === 4) {
+            // remove old rotate
+            tlist.removeItem(n);
+
+            const box = utilsGetBBox(elem);
+            const center = transformPoint(box.x + box.width / 2, box.y + box.height / 2, transformListToTransform(tlist).matrix);
+            const cx = center.x,
+              cy = center.y;
+            const newrot = svgroot.createSVGTransform();
+            newrot.setRotate(angle, cx, cy);
+            tlist.insertItemBefore(newrot, n);
+            break;
+          }
+        }
+      }
+    } // if oldValue != newValue
+  } // for each elem
 };
 
-// Function: changeSelectedAttribute
-// Change the given/selected element and add the original value to the history stack
-// If you want to change all selectedElements, ignore the elems argument.
-// If you want to change only a subset of selectedElements, then send the
-// subset to this function in the elems argument.
-// 
-// Parameters:
-// attr - String with the attribute name
-// newValue - String or number with the new attribute value
-// elems - The DOM elements to apply the change to
-var changeSelectedAttribute = this.changeSelectedAttribute = function(attr, val, elems) {
-	elems = elems || selectedElements;
-	canvas.undoMgr.beginUndoableChange(attr, elems);
-	var i = elems.length;
+/**
+* Change the given/selected element and add the original value to the history stack.
+* If you want to change all `selectedElements`, ignore the `elems` argument.
+* If you want to change only a subset of `selectedElements`, then send the
+* subset to this function in the `elems` argument.
+* @function module:svgcanvas.SvgCanvas#changeSelectedAttribute
+* @param {string} attr - String with the attribute name
+* @param {string|Float} newValue - String or number with the new attribute value
+* @param {Element[]} elems - The DOM elements to apply the change to
+* @returns {undefined}
+*/
+const changeSelectedAttribute = this.changeSelectedAttribute = function (attr, val, elems) {
+  elems = elems || selectedElements;
+  canvas.undoMgr.beginUndoableChange(attr, elems);
+  // const i = elems.length;
 
-	changeSelectedAttributeNoUndo(attr, val, elems);
+  changeSelectedAttributeNoUndo(attr, val, elems);
 
-	var batchCmd = canvas.undoMgr.finishUndoableChange();
-	if (!batchCmd.isEmpty()) { 
-		addCommandToHistory(batchCmd);
-	}
+  const batchCmd = canvas.undoMgr.finishUndoableChange();
+  if (!batchCmd.isEmpty()) {
+    addCommandToHistory(batchCmd);
+  }
 };
 
-// Function: deleteSelectedElements
-// Removes all selected elements from the DOM and adds the change to the 
-// history stack
-this.deleteSelectedElements = function() {
-	var i;
-	var batchCmd = new svgedit.history.BatchCommand('Delete Elements');
-	var len = selectedElements.length;
-	var selectedCopy = []; //selectedElements is being deleted
+/**
+* Removes all selected elements from the DOM and adds the change to the
+* history stack
+* @function module:svgcanvas.SvgCanvas#deleteSelectedElements
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+this.deleteSelectedElements = function () {
+  const batchCmd = new BatchCommand('Delete Elements');
+  const len = selectedElements.length;
+  const selectedCopy = []; // selectedElements is being deleted
 
-	for (i = 0; i < len; ++i) {
-		var selected = selectedElements[i];
-		if (selected == null) {break;}
+  for (let i = 0; i < len; ++i) {
+    const selected = selectedElements[i];
+    if (selected == null) { break; }
 
-		var parent = selected.parentNode;
-		var t = selected;
-		
-		// this will unselect the element and remove the selectedOutline
-		selectorManager.releaseSelector(t);
-		
-		// Remove the path if present.
-		svgedit.path.removePath_(t.id);
-		
-		// Get the parent if it's a single-child anchor
-		if (parent.tagName === 'a' && parent.childNodes.length === 1) {
-			t = parent;
-			parent = parent.parentNode;
-		}
-		
-		var nextSibling = t.nextSibling;
-		var elem = parent.removeChild(t);
-		selectedCopy.push(selected); //for the copy
-		batchCmd.addSubCommand(new RemoveElementCommand(elem, nextSibling, parent));
-	}
-	selectedElements = [];
+    let parent = selected.parentNode;
+    let t = selected;
 
-	if (!batchCmd.isEmpty()) {addCommandToHistory(batchCmd);}
-	call('changed', selectedCopy);
-	clearSelection();
+    // this will unselect the element and remove the selectedOutline
+    selectorManager.releaseSelector(t);
+
+    // Remove the path if present.
+    pathModule.removePath_(t.id);
+
+    // Get the parent if it's a single-child anchor
+    if (parent.tagName === 'a' && parent.childNodes.length === 1) {
+      t = parent;
+      parent = parent.parentNode;
+    }
+
+    const {nextSibling} = t;
+    const elem = parent.removeChild(t);
+    selectedCopy.push(selected); // for the copy
+    batchCmd.addSubCommand(new RemoveElementCommand(elem, nextSibling, parent));
+  }
+  selectedElements = [];
+
+  if (!batchCmd.isEmpty()) { addCommandToHistory(batchCmd); }
+  call('changed', selectedCopy);
+  clearSelection();
 };
 
-// Function: cutSelectedElements
-// Removes all selected elements from the DOM and adds the change to the 
-// history stack. Remembers removed elements on the clipboard
-this.cutSelectedElements = function() {
-	svgCanvas.copySelectedElements();
-	svgCanvas.deleteSelectedElements();
+/**
+* Removes all selected elements from the DOM and adds the change to the
+* history stack. Remembers removed elements on the clipboard
+* @function module:svgcanvas.SvgCanvas#cutSelectedElements
+* @returns {undefined}
+*/
+this.cutSelectedElements = function () {
+  canvas.copySelectedElements();
+  canvas.deleteSelectedElements();
 };
 
-// Function: copySelectedElements
-// Remembers the current selected elements on the clipboard
-this.copySelectedElements = function() {
-	localStorage.setItem('svgedit_clipboard', JSON.stringify(
-		selectedElements.map(function(x){ return getJsonFromSvgElement(x) })
-	));
+/**
+* Remembers the current selected elements on the clipboard
+* @function module:svgcanvas.SvgCanvas#copySelectedElements
+* @returns {undefined}
+*/
+this.copySelectedElements = function () {
+  localStorage.setItem('svgedit_clipboard', JSON.stringify(
+    selectedElements.map(function (x) { return getJsonFromSvgElement(x); })
+  ));
 
-	$('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');
+  $('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');
 };
 
-this.pasteElements = function(type, x, y) {
-	var cb = JSON.parse(localStorage.getItem('svgedit_clipboard'));
-	var len = cb.length;
-	if (!len) {return;}
-	
-	var pasted = [];
-	var batchCmd = new svgedit.history.BatchCommand('Paste elements');
-	var drawing = getCurrentDrawing();
-	var changedIDs = {};
+/**
+* @function module:svgcanvas.SvgCanvas#pasteElements
+* @param {"in_place"|"point"|undefined} type
+* @param {Integer|undefined} x Expected if type is "point"
+* @param {Integer|undefined} y Expected if type is "point"
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @fires module:svgcanvas.SvgCanvas#event:ext-IDsUpdated
+* @returns {undefined}
+*/
+this.pasteElements = function (type, x, y) {
+  let clipb = JSON.parse(localStorage.getItem('svgedit_clipboard'));
+  let len = clipb.length;
+  if (!len) { return; }
 
-	// Recursively replace IDs and record the changes
-	function checkIDs(elem) {
-		if(elem.attr && elem.attr.id) {
-			changedIDs[elem.attr.id] = getNextId();
-			elem.attr.id = changedIDs[elem.attr.id];
-		}
-		if(elem.children) elem.children.forEach(checkIDs);
-	}
-	cb.forEach(checkIDs);
+  const pasted = [];
+  const batchCmd = new BatchCommand('Paste elements');
+  // const drawing = getCurrentDrawing();
+  /**
+  * @typedef {PlainObject.<string, string>} module:svgcanvas.ChangedIDs
+  */
+  /**
+   * @type {module:svgcanvas.ChangedIDs}
+   */
+  const changedIDs = {};
 
-	// Give extensions like the connector extension a chance to reflect new IDs and remove invalid elements
-	runExtensions('IDsUpdated', {elems: cb, changes: changedIDs}, true).forEach(function(extChanges){
-		if(!extChanges || !('remove' in extChanges)) return;
+  // Recursively replace IDs and record the changes
+  function checkIDs (elem) {
+    if (elem.attr && elem.attr.id) {
+      changedIDs[elem.attr.id] = getNextId();
+      elem.attr.id = changedIDs[elem.attr.id];
+    }
+    if (elem.children) elem.children.forEach(checkIDs);
+  }
+  clipb.forEach(checkIDs);
 
-		extChanges.remove.forEach(function(removeID){
-			cb = cb.filter(function(cbItem){
-				return cbItem.attr.id != removeID;
+  // Give extensions like the connector extension a chance to reflect new IDs and remove invalid elements
+  /**
+  * Triggered when `pasteElements` is called from a paste action (context menu or key)
+  * @event module:svgcanvas.SvgCanvas#event:ext-IDsUpdated
+  * @type {PlainObject}
+  * @property {module:svgcanvas.SVGAsJSON[]} elems
+  * @property {module:svgcanvas.ChangedIDs} changes Maps past ID (on attribute) to current ID
+  */
+  runExtensions(
+    'IDsUpdated',
+    /** @type {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} */
+    {elems: clipb, changes: changedIDs},
+    true
+  ).forEach(function (extChanges) {
+    if (!extChanges || !('remove' in extChanges)) return;
 
-			});
-		});
-	});
+    extChanges.remove.forEach(function (removeID) {
+      clipb = clipb.filter(function (clipBoardItem) {
+        return clipBoardItem.attr.id !== removeID;
+      });
+    });
+  });
 
-	// Move elements to lastClickPoint
-	while (len--) {
-		var elem = cb[len];
-		if (!elem) {continue;}
+  // Move elements to lastClickPoint
+  while (len--) {
+    const elem = clipb[len];
+    if (!elem) { continue; }
 
-		var copy = addSvgElementFromJson(elem);
-		pasted.push(copy);
-		batchCmd.addSubCommand(new svgedit.history.InsertElementCommand(copy));
+    const copy = addSVGElementFromJson(elem);
+    pasted.push(copy);
+    batchCmd.addSubCommand(new InsertElementCommand(copy));
 
-		restoreRefElems(copy);
-	}
-	
-	selectOnly(pasted);
-	
-	if (type !== 'in_place') {
-		
-		var ctr_x, ctr_y;
-		
-		if (!type) {
-			ctr_x = lastClickPoint.x;
-			ctr_y = lastClickPoint.y;
-		} else if (type === 'point') {
-			ctr_x = x;
-			ctr_y = y;
-		} 
-		
-		var bbox = getStrokedBBox(pasted);
-		var cx = ctr_x - (bbox.x + bbox.width/2),
-			cy = ctr_y - (bbox.y + bbox.height/2),
-			dx = [],
-			dy = [];
-	
-		$.each(pasted, function(i, item) {
-			dx.push(cx);
-			dy.push(cy);
-		});
-		
-		var cmd = canvas.moveSelectedElements(dx, dy, false);
-		if(cmd) batchCmd.addSubCommand(cmd);
-	}
+    restoreRefElems(copy);
+  }
 
-	addCommandToHistory(batchCmd);
-	call('changed', pasted);
+  selectOnly(pasted);
+
+  if (type !== 'in_place') {
+    let ctrX, ctrY;
+
+    if (!type) {
+      ctrX = lastClickPoint.x;
+      ctrY = lastClickPoint.y;
+    } else if (type === 'point') {
+      ctrX = x;
+      ctrY = y;
+    }
+
+    const bbox = getStrokedBBoxDefaultVisible(pasted);
+    const cx = ctrX - (bbox.x + bbox.width / 2),
+      cy = ctrY - (bbox.y + bbox.height / 2),
+      dx = [],
+      dy = [];
+
+    $.each(pasted, function (i, item) {
+      dx.push(cx);
+      dy.push(cy);
+    });
+
+    const cmd = canvas.moveSelectedElements(dx, dy, false);
+    if (cmd) batchCmd.addSubCommand(cmd);
+  }
+
+  addCommandToHistory(batchCmd);
+  call('changed', pasted);
 };
 
-// Function: groupSelectedElements
-// Wraps all the selected elements in a group (g) element
+/**
+* Wraps all the selected elements in a group (`g`) element
+* @function module:svgcanvas.SvgCanvas#groupSelectedElements
+* @param {"a"|"g"} [type="g"] - type of element to group into, defaults to `<g>`
+* @param {string} [urlArg]
+* @returns {undefined}
+*/
+this.groupSelectedElements = function (type, urlArg) {
+  if (!type) { type = 'g'; }
+  let cmdStr = '';
+  let url;
 
-// Parameters: 
-// type - type of element to group into, defaults to <g>
-this.groupSelectedElements = function(type, urlArg) {
-	if (!type) {type = 'g';}
-	var cmd_str = '';
-	
-	switch (type) {
-		case 'a':
-			cmd_str = 'Make hyperlink';
-			var url = '';
-			if (arguments.length > 1) {
-				url = urlArg;
-			}
-			break;
-		default:
-			type = 'g';
-			cmd_str = 'Group Elements';
-			break;
-	}
-	
-	var batchCmd = new svgedit.history.BatchCommand(cmd_str);
-	
-	// create and insert the group element
-	var g = addSvgElementFromJson({
-							'element': type,
-							'attr': {
-								'id': getNextId()
-							}
-						});
-	if (type === 'a') {
-		setHref(g, url);
-	}
-	batchCmd.addSubCommand(new svgedit.history.InsertElementCommand(g));
-	
-	// now move all children into the group
-	var i = selectedElements.length;
-	while (i--) {
-		var elem = selectedElements[i];
-		if (elem == null) {continue;}
-		
-		if (elem.parentNode.tagName === 'a' && elem.parentNode.childNodes.length === 1) {
-			elem = elem.parentNode;
-		}
-		
-		var oldNextSibling = elem.nextSibling;
-		var oldParent = elem.parentNode;
-		g.appendChild(elem);
-		batchCmd.addSubCommand(new svgedit.history.MoveElementCommand(elem, oldNextSibling, oldParent));			
-	}
-	if (!batchCmd.isEmpty()) {addCommandToHistory(batchCmd);}
-	
-	// update selection
-	selectOnly([g], true);
+  switch (type) {
+  case 'a': {
+    cmdStr = 'Make hyperlink';
+    url = urlArg || '';
+    break;
+  } default: {
+    type = 'g';
+    cmdStr = 'Group Elements';
+    break;
+  }
+  }
+
+  const batchCmd = new BatchCommand(cmdStr);
+
+  // create and insert the group element
+  const g = addSVGElementFromJson({
+    element: type,
+    attr: {
+      id: getNextId()
+    }
+  });
+  if (type === 'a') {
+    setHref(g, url);
+  }
+  batchCmd.addSubCommand(new InsertElementCommand(g));
+
+  // now move all children into the group
+  let i = selectedElements.length;
+  while (i--) {
+    let elem = selectedElements[i];
+    if (elem == null) { continue; }
+
+    if (elem.parentNode.tagName === 'a' && elem.parentNode.childNodes.length === 1) {
+      elem = elem.parentNode;
+    }
+
+    const oldNextSibling = elem.nextSibling;
+    const oldParent = elem.parentNode;
+    g.append(elem);
+    batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldParent));
+  }
+  if (!batchCmd.isEmpty()) { addCommandToHistory(batchCmd); }
+
+  // update selection
+  selectOnly([g], true);
 };
 
+/**
+* Pushes all appropriate parent group properties down to its children, then
+* removes them from the group
+* @function module:svgcanvas.SvgCanvas#pushGroupProperties
+* @param {SVGAElement|SVGGElement} g
+* @param {boolean} undoable
+* @returns {undefined}
+*/
+const pushGroupProperties = this.pushGroupProperties = function (g, undoable) {
+  const children = g.childNodes;
+  const len = children.length;
+  const xform = g.getAttribute('transform');
 
-// Function: pushGroupProperties
-// Pushes all appropriate parent group properties down to its children, then
-// removes them from the group
-var pushGroupProperties = this.pushGroupProperties = function(g, undoable) {
+  const glist = getTransformList(g);
+  const m = transformListToTransform(glist).matrix;
 
-	var children = g.childNodes;
-	var len = children.length;
-	var xform = g.getAttribute('transform');
+  const batchCmd = new BatchCommand('Push group properties');
 
-	var glist = svgedit.transformlist.getTransformList(g);
-	var m = svgedit.math.transformListToTransform(glist).matrix;
-	
-	var batchCmd = new svgedit.history.BatchCommand('Push group properties');
+  // TODO: get all fill/stroke properties from the group that we are about to destroy
+  // "fill", "fill-opacity", "fill-rule", "stroke", "stroke-dasharray", "stroke-dashoffset",
+  // "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity",
+  // "stroke-width"
+  // and then for each child, if they do not have the attribute (or the value is 'inherit')
+  // then set the child's attribute
 
-	// TODO: get all fill/stroke properties from the group that we are about to destroy
-	// "fill", "fill-opacity", "fill-rule", "stroke", "stroke-dasharray", "stroke-dashoffset", 
-	// "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", 
-	// "stroke-width"
-	// and then for each child, if they do not have the attribute (or the value is 'inherit')
-	// then set the child's attribute
-	
-	var i = 0;
-	var gangle = svgedit.utilities.getRotationAngle(g);
-	
-	var gattrs = $(g).attr(['filter', 'opacity']);
-	var gfilter, gblur, changes;
-	var drawing = getCurrentDrawing();
-	
-	for (i = 0; i < len; i++) {
-		var elem = children[i];
-		
-		if (elem.nodeType !== 1) {continue;}
-		
-		if (gattrs.opacity !== null && gattrs.opacity !== 1) {
-			var c_opac = elem.getAttribute('opacity') || 1;
-			var new_opac = Math.round((elem.getAttribute('opacity') || 1) * gattrs.opacity * 100)/100;
-			changeSelectedAttribute('opacity', new_opac, [elem]);
-		}
+  const gangle = getRotationAngle(g);
 
-		if (gattrs.filter) {
-			var cblur = this.getBlur(elem);
-			var orig_cblur = cblur;
-			if (!gblur) {gblur = this.getBlur(g);}
-			if (cblur) {
-				// Is this formula correct?
-				cblur = Number(gblur) + Number(cblur);
-			} else if (cblur === 0) {
-				cblur = gblur;
-			}
-			
-			// If child has no current filter, get group's filter or clone it.
-			if (!orig_cblur) {
-				// Set group's filter to use first child's ID
-				if (!gfilter) {
-					gfilter = svgedit.utilities.getRefElem(gattrs.filter);
-				} else {
-					// Clone the group's filter
-					gfilter = drawing.copyElem(gfilter);
-					svgedit.utilities.findDefs().appendChild(gfilter);
-				}
-			} else {
-				gfilter = svgedit.utilities.getRefElem(elem.getAttribute('filter'));
-			}
+  const gattrs = $(g).attr(['filter', 'opacity']);
+  let gfilter, gblur, changes;
+  const drawing = getCurrentDrawing();
 
-			// Change this in future for different filters
-			var suffix = (gfilter.firstChild.tagName === 'feGaussianBlur')?'blur':'filter'; 
-			gfilter.id = elem.id + '_' + suffix;
-			changeSelectedAttribute('filter', 'url(#' + gfilter.id + ')', [elem]);
-			
-			// Update blur value 
-			if (cblur) {
-				changeSelectedAttribute('stdDeviation', cblur, [gfilter.firstChild]);
-				canvas.setBlurOffsets(gfilter, cblur);
-			}
-		}
-		
-		var chtlist = svgedit.transformlist.getTransformList(elem);
+  for (let i = 0; i < len; i++) {
+    const elem = children[i];
 
-		// Don't process gradient transforms
-		if (~elem.tagName.indexOf('Gradient')) {chtlist = null;}
-		
-		// Hopefully not a problem to add this. Necessary for elements like <desc/>
-		if (!chtlist) {continue;}
-		
-		// Apparently <defs> can get get a transformlist, but we don't want it to have one!
-		if (elem.tagName === 'defs') {continue;}
-		
-		if (glist.numberOfItems) {
-			// TODO: if the group's transform is just a rotate, we can always transfer the
-			// rotate() down to the children (collapsing consecutive rotates and factoring
-			// out any translates)
-			if (gangle && glist.numberOfItems == 1) {
-				// [Rg] [Rc] [Mc]
-				// we want [Tr] [Rc2] [Mc] where:
-				//	- [Rc2] is at the child's current center but has the 
-				// sum of the group and child's rotation angles
-				//	- [Tr] is the equivalent translation that this child 
-				// undergoes if the group wasn't there
-				
-				// [Tr] = [Rg] [Rc] [Rc2_inv]
-				
-				// get group's rotation matrix (Rg)
-				var rgm = glist.getItem(0).matrix;
-				
-				// get child's rotation matrix (Rc)
-				var rcm = svgroot.createSVGMatrix();
-				var cangle = svgedit.utilities.getRotationAngle(elem);
-				if (cangle) {
-					rcm = chtlist.getItem(0).matrix;
-				}
-				
-				// get child's old center of rotation
-				var cbox = svgedit.utilities.getBBox(elem);
-				var ceqm = svgedit.math.transformListToTransform(chtlist).matrix;
-				var coldc = svgedit.math.transformPoint(cbox.x+cbox.width/2, cbox.y+cbox.height/2, ceqm);
-				
-				// sum group and child's angles
-				var sangle = gangle + cangle;
-				
-				// get child's rotation at the old center (Rc2_inv)
-				var r2 = svgroot.createSVGTransform();
-				r2.setRotate(sangle, coldc.x, coldc.y);
-				
-				// calculate equivalent translate
-				var trm = svgedit.math.matrixMultiply(rgm, rcm, r2.matrix.inverse());
-				
-				// set up tlist
-				if (cangle) {
-					chtlist.removeItem(0);
-				}
-				
-				if (sangle) {
-					if (chtlist.numberOfItems) {
-						chtlist.insertItemBefore(r2, 0);
-					} else {
-						chtlist.appendItem(r2);
-					}
-				}
+    if (elem.nodeType !== 1) { continue; }
 
-				if (trm.e || trm.f) {
-					var tr = svgroot.createSVGTransform();
-					tr.setTranslate(trm.e, trm.f);
-					if (chtlist.numberOfItems) {
-						chtlist.insertItemBefore(tr, 0);
-					} else {
-						chtlist.appendItem(tr);
-					}
-				}
-			} else { // more complicated than just a rotate
-			
-				// transfer the group's transform down to each child and then
-				// call svgedit.recalculate.recalculateDimensions()				
-				var oldxform = elem.getAttribute('transform');
-				changes = {};
-				changes.transform = oldxform || '';
+    if (gattrs.opacity !== null && gattrs.opacity !== 1) {
+      // const c_opac = elem.getAttribute('opacity') || 1;
+      const newOpac = Math.round((elem.getAttribute('opacity') || 1) * gattrs.opacity * 100) / 100;
+      changeSelectedAttribute('opacity', newOpac, [elem]);
+    }
 
-				var newxform = svgroot.createSVGTransform();
+    if (gattrs.filter) {
+      let cblur = this.getBlur(elem);
+      const origCblur = cblur;
+      if (!gblur) { gblur = this.getBlur(g); }
+      if (cblur) {
+        // Is this formula correct?
+        cblur = Number(gblur) + Number(cblur);
+      } else if (cblur === 0) {
+        cblur = gblur;
+      }
 
-				// [ gm ] [ chm ] = [ chm ] [ gm' ]
-				// [ gm' ] = [ chm_inv ] [ gm ] [ chm ]
-				var chm = svgedit.math.transformListToTransform(chtlist).matrix,
-					chm_inv = chm.inverse();
-				var gm = svgedit.math.matrixMultiply( chm_inv, m, chm );
-				newxform.setMatrix(gm);
-				chtlist.appendItem(newxform);
-			}
-			var cmd = svgedit.recalculate.recalculateDimensions(elem);
-			if (cmd) {batchCmd.addSubCommand(cmd);}
-		}
-	}
+      // If child has no current filter, get group's filter or clone it.
+      if (!origCblur) {
+        // Set group's filter to use first child's ID
+        if (!gfilter) {
+          gfilter = getRefElem(gattrs.filter);
+        } else {
+          // Clone the group's filter
+          gfilter = drawing.copyElem(gfilter);
+          findDefs().append(gfilter);
+        }
+      } else {
+        gfilter = getRefElem(elem.getAttribute('filter'));
+      }
 
-	
-	// remove transform and make it undo-able
-	if (xform) {
-		changes = {};
-		changes.transform = xform;
-		g.setAttribute('transform', '');
-		g.removeAttribute('transform');				
-		batchCmd.addSubCommand(new svgedit.history.ChangeElementCommand(g, changes));
-	}
-	
-	if (undoable && !batchCmd.isEmpty()) {
-		return batchCmd;
-	}
+      // Change this in future for different filters
+      const suffix = (gfilter.firstChild.tagName === 'feGaussianBlur') ? 'blur' : 'filter';
+      gfilter.id = elem.id + '_' + suffix;
+      changeSelectedAttribute('filter', 'url(#' + gfilter.id + ')', [elem]);
+
+      // Update blur value
+      if (cblur) {
+        changeSelectedAttribute('stdDeviation', cblur, [gfilter.firstChild]);
+        canvas.setBlurOffsets(gfilter, cblur);
+      }
+    }
+
+    let chtlist = getTransformList(elem);
+
+    // Don't process gradient transforms
+    if (elem.tagName.includes('Gradient')) { chtlist = null; }
+
+    // Hopefully not a problem to add this. Necessary for elements like <desc/>
+    if (!chtlist) { continue; }
+
+    // Apparently <defs> can get get a transformlist, but we don't want it to have one!
+    if (elem.tagName === 'defs') { continue; }
+
+    if (glist.numberOfItems) {
+      // TODO: if the group's transform is just a rotate, we can always transfer the
+      // rotate() down to the children (collapsing consecutive rotates and factoring
+      // out any translates)
+      if (gangle && glist.numberOfItems === 1) {
+        // [Rg] [Rc] [Mc]
+        // we want [Tr] [Rc2] [Mc] where:
+        //  - [Rc2] is at the child's current center but has the
+        // sum of the group and child's rotation angles
+        //  - [Tr] is the equivalent translation that this child
+        // undergoes if the group wasn't there
+
+        // [Tr] = [Rg] [Rc] [Rc2_inv]
+
+        // get group's rotation matrix (Rg)
+        const rgm = glist.getItem(0).matrix;
+
+        // get child's rotation matrix (Rc)
+        let rcm = svgroot.createSVGMatrix();
+        const cangle = getRotationAngle(elem);
+        if (cangle) {
+          rcm = chtlist.getItem(0).matrix;
+        }
+
+        // get child's old center of rotation
+        const cbox = utilsGetBBox(elem);
+        const ceqm = transformListToTransform(chtlist).matrix;
+        const coldc = transformPoint(cbox.x + cbox.width / 2, cbox.y + cbox.height / 2, ceqm);
+
+        // sum group and child's angles
+        const sangle = gangle + cangle;
+
+        // get child's rotation at the old center (Rc2_inv)
+        const r2 = svgroot.createSVGTransform();
+        r2.setRotate(sangle, coldc.x, coldc.y);
+
+        // calculate equivalent translate
+        const trm = matrixMultiply(rgm, rcm, r2.matrix.inverse());
+
+        // set up tlist
+        if (cangle) {
+          chtlist.removeItem(0);
+        }
+
+        if (sangle) {
+          if (chtlist.numberOfItems) {
+            chtlist.insertItemBefore(r2, 0);
+          } else {
+            chtlist.appendItem(r2);
+          }
+        }
+
+        if (trm.e || trm.f) {
+          const tr = svgroot.createSVGTransform();
+          tr.setTranslate(trm.e, trm.f);
+          if (chtlist.numberOfItems) {
+            chtlist.insertItemBefore(tr, 0);
+          } else {
+            chtlist.appendItem(tr);
+          }
+        }
+      } else { // more complicated than just a rotate
+        // transfer the group's transform down to each child and then
+        // call recalculateDimensions()
+        const oldxform = elem.getAttribute('transform');
+        changes = {};
+        changes.transform = oldxform || '';
+
+        const newxform = svgroot.createSVGTransform();
+
+        // [ gm ] [ chm ] = [ chm ] [ gm' ]
+        // [ gm' ] = [ chmInv ] [ gm ] [ chm ]
+        const chm = transformListToTransform(chtlist).matrix,
+          chmInv = chm.inverse();
+        const gm = matrixMultiply(chmInv, m, chm);
+        newxform.setMatrix(gm);
+        chtlist.appendItem(newxform);
+      }
+      const cmd = recalculateDimensions(elem);
+      if (cmd) { batchCmd.addSubCommand(cmd); }
+    }
+  }
+
+  // remove transform and make it undo-able
+  if (xform) {
+    changes = {};
+    changes.transform = xform;
+    g.setAttribute('transform', '');
+    g.removeAttribute('transform');
+    batchCmd.addSubCommand(new ChangeElementCommand(g, changes));
+  }
+
+  if (undoable && !batchCmd.isEmpty()) {
+    return batchCmd;
+  }
 };
 
+/**
+* Unwraps all the elements in a selected group (`g`) element. This requires
+* significant recalculations to apply group's transforms, etc. to its children
+* @function module:svgcanvas.SvgCanvas#ungroupSelectedElement
+* @returns {undefined}
+*/
+this.ungroupSelectedElement = function () {
+  let g = selectedElements[0];
+  if (!g) {
+    return;
+  }
+  if ($(g).data('gsvg') || $(g).data('symbol')) {
+    // Is svg, so actually convert to group
+    convertToGroup(g);
+    return;
+  }
+  if (g.tagName === 'use') {
+    // Somehow doesn't have data set, so retrieve
+    const symbol = getElem(getHref(g).substr(1));
+    $(g).data('symbol', symbol).data('ref', symbol);
+    convertToGroup(g);
+    return;
+  }
+  const parentsA = $(g).parents('a');
+  if (parentsA.length) {
+    g = parentsA[0];
+  }
 
-// Function: ungroupSelectedElement
-// Unwraps all the elements in a selected group (g) element. This requires
-// significant recalculations to apply group's transforms, etc to its children
-this.ungroupSelectedElement = function() {
-	var g = selectedElements[0];
-	if (!g) {
-		return;
-	}
-	if ($(g).data('gsvg') || $(g).data('symbol')) {
-		// Is svg, so actually convert to group
-		convertToGroup(g);
-		return;
-	}
-	if (g.tagName === 'use') {
-		// Somehow doesn't have data set, so retrieve
-		var symbol = svgedit.utilities.getElem(getHref(g).substr(1));
-		$(g).data('symbol', symbol).data('ref', symbol);
-		convertToGroup(g);
-		return;
-	}
-	var parents_a = $(g).parents('a');
-	if (parents_a.length) {
-		g = parents_a[0];
-	}
-	
-	// Look for parent "a"
-	if (g.tagName === 'g' || g.tagName === 'a') {
-		
-		var batchCmd = new svgedit.history.BatchCommand('Ungroup Elements');
-		var cmd = pushGroupProperties(g, true);
-		if (cmd) {batchCmd.addSubCommand(cmd);}
-		
-		var parent = g.parentNode;
-		var anchor = g.nextSibling;
-		var children = new Array(g.childNodes.length);
-		
-		var i = 0;
-		
-		while (g.firstChild) {
-			var elem = g.firstChild;
-			var oldNextSibling = elem.nextSibling;
-			var oldParent = elem.parentNode;
-			
-			// Remove child title elements
-			if (elem.tagName === 'title') {
-				var nextSibling = elem.nextSibling;
-				batchCmd.addSubCommand(new svgedit.history.RemoveElementCommand(elem, nextSibling, oldParent));
-				oldParent.removeChild(elem);
-				continue;
-			}
-			
-			children[i++] = elem = parent.insertBefore(elem, anchor);
-			batchCmd.addSubCommand(new svgedit.history.MoveElementCommand(elem, oldNextSibling, oldParent));
-		}
+  // Look for parent "a"
+  if (g.tagName === 'g' || g.tagName === 'a') {
+    const batchCmd = new BatchCommand('Ungroup Elements');
+    const cmd = pushGroupProperties(g, true);
+    if (cmd) { batchCmd.addSubCommand(cmd); }
 
-		// remove the group from the selection			
-		clearSelection();
-		
-		// delete the group element (but make undo-able)
-		var gNextSibling = g.nextSibling;
-		g = parent.removeChild(g);
-		batchCmd.addSubCommand(new svgedit.history.RemoveElementCommand(g, gNextSibling, parent));
+    const parent = g.parentNode;
+    const anchor = g.nextSibling;
+    const children = new Array(g.childNodes.length);
 
-		if (!batchCmd.isEmpty()) {addCommandToHistory(batchCmd);}
-		
-		// update selection
-		addToSelection(children);
-	}
+    let i = 0;
+    while (g.firstChild) {
+      let elem = g.firstChild;
+      const oldNextSibling = elem.nextSibling;
+      const oldParent = elem.parentNode;
+
+      // Remove child title elements
+      if (elem.tagName === 'title') {
+        const {nextSibling} = elem;
+        batchCmd.addSubCommand(new RemoveElementCommand(elem, nextSibling, oldParent));
+        elem.remove();
+        continue;
+      }
+
+      children[i++] = elem = parent.insertBefore(elem, anchor);
+      batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldParent));
+    }
+
+    // remove the group from the selection
+    clearSelection();
+
+    // delete the group element (but make undo-able)
+    const gNextSibling = g.nextSibling;
+    g = parent.removeChild(g);
+    batchCmd.addSubCommand(new RemoveElementCommand(g, gNextSibling, parent));
+
+    if (!batchCmd.isEmpty()) { addCommandToHistory(batchCmd); }
+
+    // update selection
+    addToSelection(children);
+  }
 };
 
-// Function: moveToTopSelectedElement
-// Repositions the selected element to the bottom in the DOM to appear on top of
-// other elements
-this.moveToTopSelectedElement = function() {
-	var selected = selectedElements[0];
-	if (selected != null) {
-		var t = selected;
-		var oldParent = t.parentNode;
-		var oldNextSibling = t.nextSibling;
-		t = t.parentNode.appendChild(t);
-		// If the element actually moved position, add the command and fire the changed
-		// event handler.
-		if (oldNextSibling != t.nextSibling) {
-			addCommandToHistory(new svgedit.history.MoveElementCommand(t, oldNextSibling, oldParent, 'top'));
-			call('changed', [t]);
-		}
-	}
+/**
+* Repositions the selected element to the bottom in the DOM to appear on top of
+* other elements
+* @function module:svgcanvas.SvgCanvas#moveToTopSelectedElement
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+this.moveToTopSelectedElement = function () {
+  const [selected] = selectedElements;
+  if (selected != null) {
+    let t = selected;
+    const oldParent = t.parentNode;
+    const oldNextSibling = t.nextSibling;
+    t = t.parentNode.appendChild(t);
+    // If the element actually moved position, add the command and fire the changed
+    // event handler.
+    if (oldNextSibling !== t.nextSibling) {
+      addCommandToHistory(new MoveElementCommand(t, oldNextSibling, oldParent, 'top'));
+      call('changed', [t]);
+    }
+  }
 };
 
-// Function: moveToBottomSelectedElement
-// Repositions the selected element to the top in the DOM to appear under 
-// other elements
-this.moveToBottomSelectedElement = function() {
-	var selected = selectedElements[0];
-	if (selected != null) {
-		var t = selected;
-		var oldParent = t.parentNode;
-		var oldNextSibling = t.nextSibling;
-		var firstChild = t.parentNode.firstChild;
-		if (firstChild.tagName == 'title') {
-			firstChild = firstChild.nextSibling;
-		}
-		// This can probably be removed, as the defs should not ever apppear
-		// inside a layer group
-		if (firstChild.tagName == 'defs') {
-			firstChild = firstChild.nextSibling;
-		}
-		t = t.parentNode.insertBefore(t, firstChild);
-		// If the element actually moved position, add the command and fire the changed
-		// event handler.
-		if (oldNextSibling != t.nextSibling) {
-			addCommandToHistory(new svgedit.history.MoveElementCommand(t, oldNextSibling, oldParent, 'bottom'));
-			call('changed', [t]);
-		}
-	}
+/**
+* Repositions the selected element to the top in the DOM to appear under
+* other elements
+* @function module:svgcanvas.SvgCanvas#moveToBottomSelectedElement
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+this.moveToBottomSelectedElement = function () {
+  const [selected] = selectedElements;
+  if (selected != null) {
+    let t = selected;
+    const oldParent = t.parentNode;
+    const oldNextSibling = t.nextSibling;
+    let {firstChild} = t.parentNode;
+    if (firstChild.tagName === 'title') {
+      firstChild = firstChild.nextSibling;
+    }
+    // This can probably be removed, as the defs should not ever apppear
+    // inside a layer group
+    if (firstChild.tagName === 'defs') {
+      firstChild = firstChild.nextSibling;
+    }
+    t = t.parentNode.insertBefore(t, firstChild);
+    // If the element actually moved position, add the command and fire the changed
+    // event handler.
+    if (oldNextSibling !== t.nextSibling) {
+      addCommandToHistory(new MoveElementCommand(t, oldNextSibling, oldParent, 'bottom'));
+      call('changed', [t]);
+    }
+  }
 };
 
-// Function: moveUpDownSelected
-// Moves the select element up or down the stack, based on the visibly
-// intersecting elements
-//
-// Parameters: 
-// dir - String that's either 'Up' or 'Down'
-this.moveUpDownSelected = function(dir) {
-	var selected = selectedElements[0];
-	if (!selected) {return;}
-	
-	curBBoxes = [];
-	var closest, found_cur;
-	// jQuery sorts this list
-	var list = $(getIntersectionList(getStrokedBBox([selected]))).toArray();
-	if (dir == 'Down') {list.reverse();}
+/**
+* Moves the select element up or down the stack, based on the visibly
+* intersecting elements
+* @function module:svgcanvas.SvgCanvas#moveUpDownSelected
+* @param {"Up"|"Down"} dir - String that's either 'Up' or 'Down'
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {undefined}
+*/
+this.moveUpDownSelected = function (dir) {
+  const selected = selectedElements[0];
+  if (!selected) { return; }
 
-	$.each(list, function() {
-		if (!found_cur) {
-			if (this == selected) {
-				found_cur = true;
-			}
-			return;
-		}
-		closest = this;
-		return false;
-	});
-	if (!closest) {return;}
-	
-	var t = selected;
-	var oldParent = t.parentNode;
-	var oldNextSibling = t.nextSibling;
-	$(closest)[dir == 'Down'?'before':'after'](t);
-	// If the element actually moved position, add the command and fire the changed
-	// event handler.
-	if (oldNextSibling != t.nextSibling) {
-		addCommandToHistory(new svgedit.history.MoveElementCommand(t, oldNextSibling, oldParent, 'Move ' + dir));
-		call('changed', [t]);
-	}
+  curBBoxes = [];
+  let closest, foundCur;
+  // jQuery sorts this list
+  const list = $(getIntersectionList(getStrokedBBoxDefaultVisible([selected]))).toArray();
+  if (dir === 'Down') { list.reverse(); }
+
+  $.each(list, function () {
+    if (!foundCur) {
+      if (this === selected) {
+        foundCur = true;
+      }
+      return;
+    }
+    closest = this;
+    return false;
+  });
+  if (!closest) { return; }
+
+  const t = selected;
+  const oldParent = t.parentNode;
+  const oldNextSibling = t.nextSibling;
+  $(closest)[dir === 'Down' ? 'before' : 'after'](t);
+  // If the element actually moved position, add the command and fire the changed
+  // event handler.
+  if (oldNextSibling !== t.nextSibling) {
+    addCommandToHistory(new MoveElementCommand(t, oldNextSibling, oldParent, 'Move ' + dir));
+    call('changed', [t]);
+  }
 };
 
-// Function: moveSelectedElements
-// Moves selected elements on the X/Y axis 
-//
-// Parameters:
-// dx - Float with the distance to move on the x-axis
-// dy - Float with the distance to move on the y-axis
-// undoable - Boolean indicating whether or not the action should be undoable
-//
-// Returns:
-// Batch command for the move
-this.moveSelectedElements = function(dx, dy, undoable) {
-	// if undoable is not sent, default to true
-	// if single values, scale them to the zoom
-	if (dx.constructor != Array) {
-		dx /= current_zoom;
-		dy /= current_zoom;
-	}
-	undoable = undoable || true;
-	var batchCmd = new svgedit.history.BatchCommand('position');
-	var i = selectedElements.length;
-	while (i--) {
-		var selected = selectedElements[i];
-		if (selected != null) {
-//			if (i==0)
-//				selectedBBoxes[0] = svgedit.utilities.getBBox(selected);
-			
-//			var b = {};
-//			for (var j in selectedBBoxes[i]) b[j] = selectedBBoxes[i][j];
-//			selectedBBoxes[i] = b;
-			
-			var xform = svgroot.createSVGTransform();
-			var tlist = svgedit.transformlist.getTransformList(selected);
-			
-			// dx and dy could be arrays
-			if (dx.constructor == Array) {
-//				if (i==0) {
-//					selectedBBoxes[0].x += dx[0];
-//					selectedBBoxes[0].y += dy[0];
-//				}
-				xform.setTranslate(dx[i], dy[i]);
-			} else {
-//				if (i==0) {
-//					selectedBBoxes[0].x += dx;
-//					selectedBBoxes[0].y += dy;
-//				}
-				xform.setTranslate(dx, dy);
-			}
+/**
+* Moves selected elements on the X/Y axis
+* @function module:svgcanvas.SvgCanvas#moveSelectedElements
+* @param {Float} dx - Float with the distance to move on the x-axis
+* @param {Float} dy - Float with the distance to move on the y-axis
+* @param {boolean} undoable - Boolean indicating whether or not the action should be undoable
+* @fires module:svgcanvas.SvgCanvas#event:changed
+* @returns {BatchCommand} Batch command for the move
+*/
+this.moveSelectedElements = function (dx, dy, undoable) {
+  // if undoable is not sent, default to true
+  // if single values, scale them to the zoom
+  if (dx.constructor !== Array) {
+    dx /= currentZoom;
+    dy /= currentZoom;
+  }
+  undoable = undoable || true;
+  const batchCmd = new BatchCommand('position');
+  let i = selectedElements.length;
+  while (i--) {
+    const selected = selectedElements[i];
+    if (selected != null) {
+      // if (i === 0) {
+      //   selectedBBoxes[0] = utilsGetBBox(selected);
+      // }
+      // const b = {};
+      // for (const j in selectedBBoxes[i]) b[j] = selectedBBoxes[i][j];
+      // selectedBBoxes[i] = b;
 
-			if (tlist.numberOfItems) {
-				tlist.insertItemBefore(xform, 0);
-			} else {
-				tlist.appendItem(xform);
-			}
-			
-			var cmd = svgedit.recalculate.recalculateDimensions(selected);
-			if (cmd) {
-				batchCmd.addSubCommand(cmd);
-			}
-			
-			selectorManager.requestSelector(selected).resize();
-		}
-	}
-	if (!batchCmd.isEmpty()) {
-		if (undoable) {
-			addCommandToHistory(batchCmd);
-		}
-		call('changed', selectedElements);
-		return batchCmd;
-	}
+      const xform = svgroot.createSVGTransform();
+      const tlist = getTransformList(selected);
+
+      // dx and dy could be arrays
+      if (dx.constructor === Array) {
+        // if (i === 0) {
+        //   selectedBBoxes[0].x += dx[0];
+        //   selectedBBoxes[0].y += dy[0];
+        // }
+        xform.setTranslate(dx[i], dy[i]);
+      } else {
+        // if (i === 0) {
+        //   selectedBBoxes[0].x += dx;
+        //   selectedBBoxes[0].y += dy;
+        // }
+        xform.setTranslate(dx, dy);
+      }
+
+      if (tlist.numberOfItems) {
+        tlist.insertItemBefore(xform, 0);
+      } else {
+        tlist.appendItem(xform);
+      }
+
+      const cmd = recalculateDimensions(selected);
+      if (cmd) {
+        batchCmd.addSubCommand(cmd);
+      }
+
+      selectorManager.requestSelector(selected).resize();
+    }
+  }
+  if (!batchCmd.isEmpty()) {
+    if (undoable) {
+      addCommandToHistory(batchCmd);
+    }
+    call('changed', selectedElements);
+    return batchCmd;
+  }
 };
 
-// Function: cloneSelectedElements
-// Create deep DOM copies (clones) of all selected elements and move them slightly 
-// from their originals
-this.cloneSelectedElements = function(x, y) {
-	var i, elem;
-	var batchCmd = new svgedit.history.BatchCommand('Clone Elements');
-	// find all the elements selected (stop at first null)
-	var len = selectedElements.length;
-	function sortfunction(a, b){
-		return ($(b).index() - $(a).index()); //causes an array to be sorted numerically and ascending
-	}
-	selectedElements.sort(sortfunction);
-	for (i = 0; i < len; ++i) {
-		elem = selectedElements[i];
-		if (elem == null) {break;}
-	}
-	// use slice to quickly get the subset of elements we need
-	var copiedElements = selectedElements.slice(0, i);
-	this.clearSelection(true);
-	// note that we loop in the reverse way because of the way elements are added
-	// to the selectedElements array (top-first)
-	var drawing = getCurrentDrawing();
-	i = copiedElements.length;
-	while (i--) {
-		// clone each element and replace it within copiedElements
-		elem = copiedElements[i] = drawing.copyElem(copiedElements[i]);
-		(current_group || drawing.getCurrentLayer()).appendChild(elem);
-		batchCmd.addSubCommand(new svgedit.history.InsertElementCommand(elem));
-	}
-	
-	if (!batchCmd.isEmpty()) {
-		addToSelection(copiedElements.reverse()); // Need to reverse for correct selection-adding
-		this.moveSelectedElements(x, y, false);
-		addCommandToHistory(batchCmd);
-	}
+/**
+* Create deep DOM copies (clones) of all selected elements and move them slightly
+* from their originals
+* @function module:svgcanvas.SvgCanvas#cloneSelectedElements
+* @param {Float} x Float with the distance to move on the x-axis
+* @param {Float} y Float with the distance to move on the y-axis
+* @returns {undefined}
+*/
+this.cloneSelectedElements = function (x, y) {
+  let i, elem;
+  const batchCmd = new BatchCommand('Clone Elements');
+  // find all the elements selected (stop at first null)
+  const len = selectedElements.length;
+  function sortfunction (a, b) {
+    return ($(b).index() - $(a).index()); // causes an array to be sorted numerically and ascending
+  }
+  selectedElements.sort(sortfunction);
+  for (i = 0; i < len; ++i) {
+    elem = selectedElements[i];
+    if (elem == null) { break; }
+  }
+  // use slice to quickly get the subset of elements we need
+  const copiedElements = selectedElements.slice(0, i);
+  this.clearSelection(true);
+  // note that we loop in the reverse way because of the way elements are added
+  // to the selectedElements array (top-first)
+  const drawing = getCurrentDrawing();
+  i = copiedElements.length;
+  while (i--) {
+    // clone each element and replace it within copiedElements
+    elem = copiedElements[i] = drawing.copyElem(copiedElements[i]);
+    (currentGroup || drawing.getCurrentLayer()).append(elem);
+    batchCmd.addSubCommand(new InsertElementCommand(elem));
+  }
+
+  if (!batchCmd.isEmpty()) {
+    addToSelection(copiedElements.reverse()); // Need to reverse for correct selection-adding
+    this.moveSelectedElements(x, y, false);
+    addCommandToHistory(batchCmd);
+  }
 };
 
-// Function: alignSelectedElements
-// Aligns selected elements
-//
-// Parameters:
-// type - String with single character indicating the alignment type
-// relative_to - String that must be one of the following: 
-// "selected", "largest", "smallest", "page"
-this.alignSelectedElements = function(type, relative_to) {
-	var i, elem;
-	var bboxes = [], angles = [];
-	var minx = Number.MAX_VALUE, maxx = Number.MIN_VALUE, miny = Number.MAX_VALUE, maxy = Number.MIN_VALUE;
-	var curwidth = Number.MIN_VALUE, curheight = Number.MIN_VALUE;
-	var len = selectedElements.length;
-	if (!len) {return;}
-	for (i = 0; i < len; ++i) {
-		if (selectedElements[i] == null) {break;}
-		elem = selectedElements[i];
-		bboxes[i] = getStrokedBBox([elem]);
-		
-		// now bbox is axis-aligned and handles rotation
-		switch (relative_to) {
-			case 'smallest':
-				if ( (type == 'l' || type == 'c' || type == 'r') && (curwidth == Number.MIN_VALUE || curwidth > bboxes[i].width) ||
-					 (type == 't' || type == 'm' || type == 'b') && (curheight == Number.MIN_VALUE || curheight > bboxes[i].height) ) {
-					minx = bboxes[i].x;
-					miny = bboxes[i].y;
-					maxx = bboxes[i].x + bboxes[i].width;
-					maxy = bboxes[i].y + bboxes[i].height;
-					curwidth = bboxes[i].width;
-					curheight = bboxes[i].height;
-				}
-				break;
-			case 'largest':
-				if ( (type == 'l' || type == 'c' || type == 'r') && (curwidth == Number.MIN_VALUE || curwidth < bboxes[i].width) ||
-					 (type == 't' || type == 'm' || type == 'b') && (curheight == Number.MIN_VALUE || curheight < bboxes[i].height) ) {
-					minx = bboxes[i].x;
-					miny = bboxes[i].y;
-					maxx = bboxes[i].x + bboxes[i].width;
-					maxy = bboxes[i].y + bboxes[i].height;
-					curwidth = bboxes[i].width;
-					curheight = bboxes[i].height;
-				}
-				break;
-			default: // 'selected'
-				if (bboxes[i].x < minx) {minx = bboxes[i].x;}
-				if (bboxes[i].y < miny) {miny = bboxes[i].y;}
-				if (bboxes[i].x + bboxes[i].width > maxx) {maxx = bboxes[i].x + bboxes[i].width;}
-				if (bboxes[i].y + bboxes[i].height > maxy) {maxy = bboxes[i].y + bboxes[i].height;}
-				break;
-		}
-	} // loop for each element to find the bbox and adjust min/max
+/**
+* Aligns selected elements
+* @function module:svgcanvas.SvgCanvas#alignSelectedElements
+* @param {string} type - String with single character indicating the alignment type
+* @param {"selected"|"largest"|"smallest"|"page"} relativeTo
+* @returns {undefined}
+*/
+this.alignSelectedElements = function (type, relativeTo) {
+  const bboxes = []; // angles = [];
+  const len = selectedElements.length;
+  if (!len) { return; }
+  let minx = Number.MAX_VALUE, maxx = Number.MIN_VALUE,
+    miny = Number.MAX_VALUE, maxy = Number.MIN_VALUE;
+  let curwidth = Number.MIN_VALUE, curheight = Number.MIN_VALUE;
+  for (let i = 0; i < len; ++i) {
+    if (selectedElements[i] == null) { break; }
+    const elem = selectedElements[i];
+    bboxes[i] = getStrokedBBoxDefaultVisible([elem]);
 
-	if (relative_to == 'page') {
-		minx = 0;
-		miny = 0;
-		maxx = canvas.contentW;
-		maxy = canvas.contentH;
-	}
+    // now bbox is axis-aligned and handles rotation
+    switch (relativeTo) {
+    case 'smallest':
+      if (((type === 'l' || type === 'c' || type === 'r') &&
+        (curwidth === Number.MIN_VALUE || curwidth > bboxes[i].width)) ||
+        ((type === 't' || type === 'm' || type === 'b') &&
+        (curheight === Number.MIN_VALUE || curheight > bboxes[i].height))
+      ) {
+        minx = bboxes[i].x;
+        miny = bboxes[i].y;
+        maxx = bboxes[i].x + bboxes[i].width;
+        maxy = bboxes[i].y + bboxes[i].height;
+        curwidth = bboxes[i].width;
+        curheight = bboxes[i].height;
+      }
+      break;
+    case 'largest':
+      if (((type === 'l' || type === 'c' || type === 'r') &&
+        (curwidth === Number.MIN_VALUE || curwidth < bboxes[i].width)) ||
+        ((type === 't' || type === 'm' || type === 'b') &&
+        (curheight === Number.MIN_VALUE || curheight < bboxes[i].height))
+      ) {
+        minx = bboxes[i].x;
+        miny = bboxes[i].y;
+        maxx = bboxes[i].x + bboxes[i].width;
+        maxy = bboxes[i].y + bboxes[i].height;
+        curwidth = bboxes[i].width;
+        curheight = bboxes[i].height;
+      }
+      break;
+    default: // 'selected'
+      if (bboxes[i].x < minx) { minx = bboxes[i].x; }
+      if (bboxes[i].y < miny) { miny = bboxes[i].y; }
+      if (bboxes[i].x + bboxes[i].width > maxx) { maxx = bboxes[i].x + bboxes[i].width; }
+      if (bboxes[i].y + bboxes[i].height > maxy) { maxy = bboxes[i].y + bboxes[i].height; }
+      break;
+    }
+  } // loop for each element to find the bbox and adjust min/max
 
-	var dx = new Array(len);
-	var dy = new Array(len);
-	for (i = 0; i < len; ++i) {
-		if (selectedElements[i] == null) {break;}
-		elem = selectedElements[i];
-		var bbox = bboxes[i];
-		dx[i] = 0;
-		dy[i] = 0;
-		switch (type) {
-			case 'l': // left (horizontal)
-				dx[i] = minx - bbox.x;
-				break;
-			case 'c': // center (horizontal)
-				dx[i] = (minx+maxx)/2 - (bbox.x + bbox.width/2);
-				break;
-			case 'r': // right (horizontal)
-				dx[i] = maxx - (bbox.x + bbox.width);
-				break;
-			case 't': // top (vertical)
-				dy[i] = miny - bbox.y;
-				break;
-			case 'm': // middle (vertical)
-				dy[i] = (miny+maxy)/2 - (bbox.y + bbox.height/2);
-				break;
-			case 'b': // bottom (vertical)
-				dy[i] = maxy - (bbox.y + bbox.height);
-				break;
-		}
-	}
-	this.moveSelectedElements(dx, dy);
+  if (relativeTo === 'page') {
+    minx = 0;
+    miny = 0;
+    maxx = canvas.contentW;
+    maxy = canvas.contentH;
+  }
+
+  const dx = new Array(len);
+  const dy = new Array(len);
+  for (let i = 0; i < len; ++i) {
+    if (selectedElements[i] == null) { break; }
+    // const elem = selectedElements[i];
+    const bbox = bboxes[i];
+    dx[i] = 0;
+    dy[i] = 0;
+    switch (type) {
+    case 'l': // left (horizontal)
+      dx[i] = minx - bbox.x;
+      break;
+    case 'c': // center (horizontal)
+      dx[i] = (minx + maxx) / 2 - (bbox.x + bbox.width / 2);
+      break;
+    case 'r': // right (horizontal)
+      dx[i] = maxx - (bbox.x + bbox.width);
+      break;
+    case 't': // top (vertical)
+      dy[i] = miny - bbox.y;
+      break;
+    case 'm': // middle (vertical)
+      dy[i] = (miny + maxy) / 2 - (bbox.y + bbox.height / 2);
+      break;
+    case 'b': // bottom (vertical)
+      dy[i] = maxy - (bbox.y + bbox.height);
+      break;
+    }
+  }
+  this.moveSelectedElements(dx, dy);
 };
 
-// Group: Additional editor tools
+/**
+* Group: Additional editor tools
+*/
 
+/**
+* @name module:svgcanvas.SvgCanvas#contentW
+* @type {Float}
+*/
 this.contentW = getResolution().w;
+/**
+* @name module:svgcanvas.SvgCanvas#contentH
+* @type {Float}
+*/
 this.contentH = getResolution().h;
 
-// Function: updateCanvas
-// Updates the editor canvas width/height/position after a zoom has occurred 
-//
-// Parameters:
-// w - Float with the new width
-// h - Float with the new height
-//
-// Returns: 
-// Object with the following values:
-// * x - The canvas' new x coordinate
-// * y - The canvas' new y coordinate
-// * old_x - The canvas' old x coordinate
-// * old_y - The canvas' old y coordinate
-// * d_x - The x position difference
-// * d_y - The y position difference
-this.updateCanvas = function(w, h) {
-	svgroot.setAttribute('width', w);
-	svgroot.setAttribute('height', h);
-	var bg = $('#canvasBackground')[0];
-	var old_x = svgcontent.getAttribute('x');
-	var old_y = svgcontent.getAttribute('y');
-	var x = (w/2 - this.contentW*current_zoom/2);
-	var y = (h/2 - this.contentH*current_zoom/2);
+/**
+* @typedef {PlainObject} module:svgcanvas.CanvasInfo
+* @property {Float} x - The canvas' new x coordinate
+* @property {Float} y - The canvas' new y coordinate
+* @property {string} oldX - The canvas' old x coordinate
+* @property {string} oldY - The canvas' old y coordinate
+* @property {Float} d_x - The x position difference
+* @property {Float} d_y - The y position difference
+*/
 
-	svgedit.utilities.assignAttributes(svgcontent, {
-		width: this.contentW*current_zoom,
-		height: this.contentH*current_zoom,
-		'x': x,
-		'y': y,
-		'viewBox' : '0 0 ' + this.contentW + ' ' + this.contentH
-	});
-	
-	svgedit.utilities.assignAttributes(bg, {
-		width: svgcontent.getAttribute('width'),
-		height: svgcontent.getAttribute('height'),
-		x: x,
-		y: y
-	});
+/**
+* Updates the editor canvas width/height/position after a zoom has occurred
+* @function module:svgcanvas.SvgCanvas#updateCanvas
+* @param {Float} w - Float with the new width
+* @param {Float} h - Float with the new height
+* @fires module:svgcanvas.SvgCanvas#event:ext-canvasUpdated
+* @returns {module:svgcanvas.CanvasInfo}
+*/
+this.updateCanvas = function (w, h) {
+  svgroot.setAttribute('width', w);
+  svgroot.setAttribute('height', h);
+  const bg = $('#canvasBackground')[0];
+  const oldX = svgcontent.getAttribute('x');
+  const oldY = svgcontent.getAttribute('y');
+  const x = (w / 2 - this.contentW * currentZoom / 2);
+  const y = (h / 2 - this.contentH * currentZoom / 2);
 
-	var bg_img = svgedit.utilities.getElem('background_image');
-	if (bg_img) {
-		svgedit.utilities.assignAttributes(bg_img, {
-			'width': '100%',
-			'height': '100%'
-		});
-	}
-	
-	selectorManager.selectorParentGroup.setAttribute('transform', 'translate(' + x + ',' + y + ')');
-	runExtensions('canvasUpdated', {new_x:x, new_y:y, old_x:old_x, old_y:old_y, d_x:x - old_x, d_y:y - old_y});
-	return {x:x, y:y, old_x:old_x, old_y:old_y, d_x:x - old_x, d_y:y - old_y};
+  assignAttributes(svgcontent, {
+    width: this.contentW * currentZoom,
+    height: this.contentH * currentZoom,
+    x,
+    y,
+    viewBox: '0 0 ' + this.contentW + ' ' + this.contentH
+  });
+
+  assignAttributes(bg, {
+    width: svgcontent.getAttribute('width'),
+    height: svgcontent.getAttribute('height'),
+    x,
+    y
+  });
+
+  const bgImg = getElem('background_image');
+  if (bgImg) {
+    assignAttributes(bgImg, {
+      width: '100%',
+      height: '100%'
+    });
+  }
+
+  selectorManager.selectorParentGroup.setAttribute('transform', 'translate(' + x + ',' + y + ')');
+  /**
+  * Invoked upon updates to the canvas.
+  * @event module:svgcanvas.SvgCanvas#event:ext-canvasUpdated
+  * @type {PlainObject}
+  * @property {Integer} new_x
+  * @property {Integer} new_y
+  * @property {string} old_x (Of Integer)
+  * @property {string} old_y (Of Integer)
+  * @property {Integer} d_x
+  * @property {Integer} d_y
+  */
+  runExtensions(
+    'canvasUpdated',
+    /**
+     * @type {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated}
+     */
+    {new_x: x, new_y: y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY}
+  );
+  return {x, y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY};
 };
 
-// Function: setBackground
-// Set the background of the editor (NOT the actual document)
-//
-// Parameters:
-// color - String with fill color to apply
-// url - URL or path to image to use
-this.setBackground = function(color, url) {
-	var bg = svgedit.utilities.getElem('canvasBackground');
-	var border = $(bg).find('rect')[0];
-	var bg_img = svgedit.utilities.getElem('background_image');
-	border.setAttribute('fill', color);
-	if (url) {
-		if (!bg_img) {
-			bg_img = svgdoc.createElementNS(NS.SVG, 'image');
-			svgedit.utilities.assignAttributes(bg_img, {
-				'id': 'background_image',
-				'width': '100%',
-				'height': '100%',
-				'preserveAspectRatio': 'xMinYMin',
-				'style':'pointer-events:none'
-			});
-		}
-		setHref(bg_img, url);
-		bg.appendChild(bg_img);
-	} else if (bg_img) {
-		bg_img.parentNode.removeChild(bg_img);
-	}
+/**
+* Set the background of the editor (NOT the actual document)
+* @function module:svgcanvas.SvgCanvas#setBackground
+* @param {string} color - String with fill color to apply
+* @param {string} url - URL or path to image to use
+* @returns {undefined}
+*/
+this.setBackground = function (color, url) {
+  const bg = getElem('canvasBackground');
+  const border = $(bg).find('rect')[0];
+  let bgImg = getElem('background_image');
+  border.setAttribute('fill', color);
+  if (url) {
+    if (!bgImg) {
+      bgImg = svgdoc.createElementNS(NS.SVG, 'image');
+      assignAttributes(bgImg, {
+        id: 'background_image',
+        width: '100%',
+        height: '100%',
+        preserveAspectRatio: 'xMinYMin',
+        style: 'pointer-events:none'
+      });
+    }
+    setHref(bgImg, url);
+    bg.append(bgImg);
+  } else if (bgImg) {
+    bgImg.remove();
+  }
 };
 
-// Function: cycleElement
-// Select the next/previous element within the current layer
-//
-// Parameters:
-// next - Boolean where true = next and false = previous element
-this.cycleElement = function(next) {
-	var num;
-	var cur_elem = selectedElements[0];
-	var elem = false;
-	var all_elems = getVisibleElements(current_group || getCurrentDrawing().getCurrentLayer());
-	if (!all_elems.length) {return;}
-	if (cur_elem == null) {
-		num = next?all_elems.length-1:0;
-		elem = all_elems[num];
-	} else {
-		var i = all_elems.length;
-		while (i--) {
-			if (all_elems[i] == cur_elem) {
-				num = next ? i - 1 : i + 1;
-				if (num >= all_elems.length) {
-					num = 0;
-				} else if (num < 0) {
-					num = all_elems.length-1;
-				} 
-				elem = all_elems[num];
-				break;
-			} 
-		}
-	}		
-	selectOnly([elem], true);
-	call('selected', selectedElements);
+/**
+* Select the next/previous element within the current layer
+* @function module:svgcanvas.SvgCanvas#cycleElement
+* @param {boolean} next - true = next and false = previous element
+* @fires module:svgcanvas.SvgCanvas#event:selected
+* @returns {undefined}
+*/
+this.cycleElement = function (next) {
+  let num;
+  const curElem = selectedElements[0];
+  let elem = false;
+  const allElems = getVisibleElements(currentGroup || getCurrentDrawing().getCurrentLayer());
+  if (!allElems.length) { return; }
+  if (curElem == null) {
+    num = next ? allElems.length - 1 : 0;
+    elem = allElems[num];
+  } else {
+    let i = allElems.length;
+    while (i--) {
+      if (allElems[i] === curElem) {
+        num = next ? i - 1 : i + 1;
+        if (num >= allElems.length) {
+          num = 0;
+        } else if (num < 0) {
+          num = allElems.length - 1;
+        }
+        elem = allElems[num];
+        break;
+      }
+    }
+  }
+  selectOnly([elem], true);
+  call('selected', selectedElements);
 };
 
 this.clear();
 
+/**
+* @interface module:svgcanvas.PrivateMethods
+* @type {PlainObject}
+* @property {module:svgcanvas~addCommandToHistory} addCommandToHistory
+* @property {module:history.HistoryCommand} BatchCommand
+* @property {module:history.HistoryCommand} ChangeElementCommand
+* @property {module:utilities.decode64} decode64
+* @property {module:utilities.encode64} encode64
+* @property {module:svgcanvas~ffClone} ffClone
+* @property {module:svgcanvas~findDuplicateGradient} findDuplicateGradient
+* @property {module:utilities.getPathBBox} getPathBBox
+* @property {module:units.getTypeMap} getTypeMap
+* @property {module:draw.identifyLayers} identifyLayers
+* @property {module:history.HistoryCommand} InsertElementCommand
+* @property {module:browser.isChrome} isChrome
+* @property {module:math.isIdentity} isIdentity
+* @property {module:browser.isIE} isIE
+* @property {module:svgcanvas~logMatrix} logMatrix
+* @property {module:history.HistoryCommand} MoveElementCommand
+* @property {module:namespaces.NS} NS
+* @property {module:utilities.preventClickDefault} preventClickDefault
+* @property {module:history.HistoryCommand} RemoveElementCommand
+* @property {module:SVGTransformList.SVGEditTransformList} SVGEditTransformList
+* @property {module:utilities.text2xml} text2xml
+* @property {module:math.transformBox} transformBox
+* @property {module:math.transformPoint} transformPoint
+* @property {module:utilities.walkTree} walkTree
+*/
+/**
+* @deprecated getPrivateMethods
+* Since all methods are/should be public somehow, this function should be removed;
+*  we might require `import` in place of this in the future once ES6 Modules
+*  widespread
 
-// DEPRECATED: getPrivateMethods 
-// Since all methods are/should be public somehow, this function should be removed
-
-// Being able to access private methods publicly seems wrong somehow,
-// but currently appears to be the best way to allow testing and provide
-// access to them to plugins.
-this.getPrivateMethods = function() {
-	var obj = {
-		addCommandToHistory: addCommandToHistory,
-		setGradient: setGradient,
-		addSvgElementFromJson: addSvgElementFromJson,
-		assignAttributes: assignAttributes,
-		BatchCommand: BatchCommand,
-		call: call,
-		ChangeElementCommand: ChangeElementCommand,
-		copyElem: function(elem) {return getCurrentDrawing().copyElem(elem)},
-		ffClone: ffClone,
-		findDefs: findDefs,
-		findDuplicateGradient: findDuplicateGradient,
-		getElem: getElem,
-		getId: getId,
-		getIntersectionList: getIntersectionList,
-		getMouseTarget: getMouseTarget,
-		getNextId: getNextId,
-		getPathBBox: getPathBBox,
-		getUrlFromAttr: getUrlFromAttr,
-		hasMatrixTransform: hasMatrixTransform,
-		identifyLayers: identifyLayers,
-		InsertElementCommand: InsertElementCommand,
-		isIdentity: svgedit.math.isIdentity,
-		logMatrix: logMatrix,
-		matrixMultiply: matrixMultiply,
-		MoveElementCommand: MoveElementCommand,
-		preventClickDefault: svgedit.utilities.preventClickDefault,
-		recalculateAllSelectedDimensions: recalculateAllSelectedDimensions,
-		recalculateDimensions: recalculateDimensions,
-		remapElement: remapElement,
-		RemoveElementCommand: RemoveElementCommand,
-		removeUnusedDefElems: removeUnusedDefElems,
-		round: round,
-		runExtensions: runExtensions,
-		sanitizeSvg: sanitizeSvg,
-		SVGEditTransformList: svgedit.transformlist.SVGTransformList,
-		toString: toString,
-		transformBox: svgedit.math.transformBox,
-		transformListToTransform: transformListToTransform,
-		transformPoint: transformPoint,
-		walkTree: svgedit.utilities.walkTree
-	};
-	return obj;
+* Being able to access private methods publicly seems wrong somehow,
+* but currently appears to be the best way to allow testing and provide
+* access to them to plugins.
+* @function module:svgcanvas.SvgCanvas#getPrivateMethods
+* @returns {module:svgcanvas.PrivateMethods}
+*/
+this.getPrivateMethods = function () {
+  const obj = {
+    addCommandToHistory,
+    BatchCommand,
+    ChangeElementCommand,
+    decode64,
+    encode64,
+    ffClone,
+    findDefs,
+    findDuplicateGradient,
+    getElem,
+    getPathBBox,
+    getTypeMap,
+    getUrlFromAttr,
+    identifyLayers: draw.identifyLayers,
+    InsertElementCommand,
+    isChrome,
+    isIdentity,
+    isIE,
+    logMatrix,
+    MoveElementCommand,
+    NS,
+    preventClickDefault,
+    RemoveElementCommand,
+    SVGEditTransformList,
+    text2xml,
+    transformBox,
+    transformPoint,
+    walkTree
+  };
+  return obj;
 };
+  } // End constructor
+} // End class
 
-};
+export default SvgCanvas;
diff --git a/editor/svgedit.js b/editor/svgedit.js
deleted file mode 100644
index 6149b2de..00000000
--- a/editor/svgedit.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/*globals $, svgedit*/
-/**
- *
- * Licensed under the MIT License
- * main object, loaded first so other modules have the guarantee of its existence
- */
-
-svgedit = {
-	// common namepaces constants in alpha order
-	NS: {
-		HTML: 'http://www.w3.org/1999/xhtml',
-		MATH: 'http://www.w3.org/1998/Math/MathML',
-		SE: 'http://svg-edit.googlecode.com',
-		SVG: 'http://www.w3.org/2000/svg',
-		XLINK: 'http://www.w3.org/1999/xlink',
-		XML: 'http://www.w3.org/XML/1998/namespace',
-		XMLNS: 'http://www.w3.org/2000/xmlns/' // see http://www.w3.org/TR/REC-xml-names/#xmlReserved
-	}
-};
-
-// return the svgedit.NS with key values switched and lowercase
-svgedit.getReverseNS = function() {'use strict';
-	var reverseNS = {};
-	$.each(this.NS, function(name, URI) {
-		reverseNS[URI] = name.toLowerCase();
-	});
-	return reverseNS;
-};
\ No newline at end of file
diff --git a/editor/svgicons/jQuery.svgIcons.js b/editor/svgicons/jQuery.svgIcons.js
new file mode 100644
index 00000000..a973c1b3
--- /dev/null
+++ b/editor/svgicons/jQuery.svgIcons.js
@@ -0,0 +1,507 @@
+/**
+ * SVG Icon Loader 2.0
+ *
+ * jQuery Plugin for loading SVG icons from a single file
+ *
+ * Adds {@link external:jQuery.svgIcons}, {@link external:jQuery.getSvgIcon}, {@link external:jQuery.resizeSvgIcons}
+ *
+ * How to use:
+
+1. Create the SVG master file that includes all icons:
+
+The master SVG icon-containing file is an SVG file that contains
+`<g>` elements. Each `<g>` element should contain the markup of an SVG
+icon. The `<g>` element has an ID that should
+correspond with the ID of the HTML element used on the page that should contain
+or optionally be replaced by the icon. Additionally, one empty element should be
+added at the end with id "svg_eof".
+
+2. Optionally create fallback raster images for each SVG icon.
+
+3. Include the jQuery and the SVG Icon Loader scripts on your page.
+
+4. Run `$.svgIcons()` when the document is ready. See its signature
+
+5. To access an icon at a later point without using the callback, use this:
+  `$.getSvgIcon(id (string), uniqueClone (boolean))`;
+
+This will return the icon (as jQuery object) with a given ID.
+
+6. To resize icons at a later point without using the callback, use this:
+  `$.resizeSvgIcons(resizeOptions)` (use the same way as the "resize" parameter)
+ *
+ * @module jQuerySVGIcons
+ * @license MIT
+ * @copyright (c) 2009 Alexis Deveria
+ * {@link http://a.deveria.com}
+ * @example usage #1:
+
+$(function() {
+  $.svgIcons('my_icon_set.svg'); // The SVG file that contains all icons
+  // No options have been set, so all icons will automatically be inserted
+  // into HTML elements that match the same IDs.
+});
+
+* @example usage #2:
+
+$(function() {
+  $.svgIcons('my_icon_set.svg', { // The SVG file that contains all icons
+    callback (icons) { // Custom callback function that sets click
+                  // events for each icon
+      $.each(icons, function(id, icon) {
+        icon.click(function() {
+          alert('You clicked on the icon with id ' + id);
+        });
+      });
+    }
+  }); //The SVG file that contains all icons
+});
+
+* @example usage #3:
+
+$(function() {
+  $.svgIcons('my_icon_set.svgz', { // The SVGZ file that contains all icons
+    w: 32,  // All icons will be 32px wide
+    h: 32,  // All icons will be 32px high
+    fallback_path: 'icons/',  // All fallback files can be found here
+    fallback: {
+      '#open_icon': 'open.png',  // The "open.png" will be appended to the
+                    // HTML element with ID "open_icon"
+      '#close_icon': 'close.png',
+      '#save_icon': 'save.png'
+    },
+    placement: {'.open_icon','open'}, // The "open" icon will be added
+                    // to all elements with class "open_icon"
+    resize () {
+      '#save_icon .svg_icon': 64  // The "save" icon will be resized to 64 x 64px
+    },
+
+    callback (icons) { // Sets background color for "close" icon
+      icons['close'].css('background','red');
+    },
+
+    svgz: true // Indicates that an SVGZ file is being used
+
+  })
+});
+*/
+
+/**
+* @callback module:jQuerySVGIcons.SVGIconsLoadedCallback
+* @param {PlainObject.<string, external:jQuery>} svgIcons IDs keyed to jQuery objects of images
+*/
+
+/**
+ * @function module:jQuerySVGIcons.jQuerySVGIcons
+ * @param {external:jQuery} $ Its keys include all icon IDs and the values, the icon as a jQuery object
+*/
+export default function ($) {
+  const svgIcons = {};
+
+  let fixIDs;
+  /**
+  * @function external:jQuery.svgIcons
+  * @param {string} file The location of a local SVG or SVGz file
+  * @param {PlainObject} [options]
+  * @param {Float} [options.w] The icon widths
+  * @param {Float} [options.h] The icon heights
+  * @param {PlainObject.<string, string>} [options.fallback] List of raster images with each
+    key being the SVG icon ID to replace, and the value the image file name
+  * @param {string} [options.fallback_path] The path to use for all images
+    listed under "fallback"
+  * @param {boolean} [options.replace] If set to `true`, HTML elements will be replaced by,
+    rather than include the SVG icon.
+  * @param {PlainObject.<string, string>} [options.placement] List with selectors for keys and SVG icon ids
+    as values. This provides a custom method of adding icons.
+  * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} [options.resize] List with selectors for keys and numbers
+    as values. This allows an easy way to resize specific icons.
+  * @param {module:jQuerySVGIcons.SVGIconsLoadedCallback} [options.callback] A function to call when all icons have been loaded.
+  * @param {boolean} [options.id_match=true] Automatically attempt to match SVG icon ids with
+    corresponding HTML id
+  * @param {boolean} [options.no_img] Prevent attempting to convert the icon into an `<img>`
+    element (may be faster, help for browser consistency)
+  * @param {boolean} [options.svgz] Indicate that the file is an SVGZ file, and thus not to
+    parse as XML. SVGZ files add compression benefits, but getting data from
+    them fails in Firefox 2 and older.
+  */
+  $.svgIcons = function (file, opts = {}) {
+    const svgns = 'http://www.w3.org/2000/svg',
+      xlinkns = 'http://www.w3.org/1999/xlink',
+      iconW = opts.w || 24,
+      iconH = opts.h || 24;
+    let elems, svgdoc, testImg,
+      iconsMade = false, dataLoaded = false, loadAttempts = 0;
+    const isOpera = !!window.opera,
+      // ua = navigator.userAgent,
+      // isSafari = (ua.includes('Safari/') && !ua.includes('Chrome/')),
+      dataPre = 'data:image/svg+xml;charset=utf-8;base64,';
+
+    let dataEl;
+    if (opts.svgz) {
+      dataEl = $('<object data="' + file + '" type=image/svg+xml>').appendTo('body').hide();
+      try {
+        svgdoc = dataEl[0].contentDocument;
+        dataEl.load(getIcons);
+        getIcons(0, true); // Opera will not run "load" event if file is already cached
+      } catch (err1) {
+        useFallback();
+      }
+    } else {
+      const parser = new DOMParser();
+      $.ajax({
+        url: file,
+        dataType: 'string',
+        success (data) {
+          if (!data) {
+            $(useFallback);
+            return;
+          }
+          svgdoc = parser.parseFromString(data, 'text/xml');
+          $(function () {
+            getIcons('ajax');
+          });
+        },
+        error (err) {
+          // TODO: Fix Opera widget icon bug
+          if (window.opera) {
+            $(function () {
+              useFallback();
+            });
+          } else {
+            if (err.responseText) {
+              svgdoc = parser.parseFromString(err.responseText, 'text/xml');
+
+              if (!svgdoc.childNodes.length) {
+                $(useFallback);
+              }
+              $(function () {
+                getIcons('ajax');
+              });
+            } else {
+              $(useFallback);
+            }
+          }
+        }
+      });
+    }
+
+    function getIcons (evt, noWait) {
+      if (evt !== 'ajax') {
+        if (dataLoaded) return;
+        // Webkit sometimes says svgdoc is undefined, other times
+        // it fails to load all nodes. Thus we must make sure the "eof"
+        // element is loaded.
+        svgdoc = dataEl[0].contentDocument; // Needed again for Webkit
+        const isReady = (svgdoc && svgdoc.getElementById('svg_eof'));
+        if (!isReady && !(noWait && isReady)) {
+          loadAttempts++;
+          if (loadAttempts < 50) {
+            setTimeout(getIcons, 20);
+          } else {
+            useFallback();
+            dataLoaded = true;
+          }
+          return;
+        }
+        dataLoaded = true;
+      }
+
+      elems = $(svgdoc.firstChild).children(); // .getElementsByTagName('foreignContent');
+
+      if (!opts.no_img) {
+        const testSrc = dataPre + 'PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D';
+
+        testImg = $(new Image()).attr({
+          src: testSrc,
+          width: 0,
+          height: 0
+        }).appendTo('body')
+          .load(function () {
+            // Safari 4 crashes, Opera and Chrome don't
+            makeIcons(true);
+          }).error(function () {
+            makeIcons();
+          });
+      } else {
+        setTimeout(function () {
+          if (!iconsMade) makeIcons();
+        }, 500);
+      }
+    }
+
+    function setIcon (target, icon, id, setID) {
+      if (isOpera) icon.css('visibility', 'hidden');
+      if (opts.replace) {
+        if (setID) icon.attr('id', id);
+        const cl = target.attr('class');
+        if (cl) icon.attr('class', 'svg_icon ' + cl);
+        target.replaceWith(icon);
+      } else {
+        target.append(icon);
+      }
+      if (isOpera) {
+        setTimeout(function () {
+          icon.removeAttr('style');
+        }, 1);
+      }
+    }
+
+    let holder;
+    function addIcon (icon, id) {
+      if (opts.id_match === undefined || opts.id_match !== false) {
+        setIcon(holder, icon, id, true);
+      }
+      svgIcons[id] = icon;
+    }
+
+    function makeIcons (toImage, fallback) {
+      if (iconsMade) return;
+      if (opts.no_img) toImage = false;
+
+      let tempHolder;
+      if (toImage) {
+        tempHolder = $(document.createElement('div'));
+        tempHolder.hide().appendTo('body');
+      }
+      if (fallback) {
+        const path = opts.fallback_path || '';
+        $.each(fallback, function (id, imgsrc) {
+          holder = $('#' + id);
+          const icon = $(new Image())
+            .attr({
+              class: 'svg_icon',
+              src: path + imgsrc,
+              width: iconW,
+              height: iconH,
+              alt: 'icon'
+            });
+
+          addIcon(icon, id);
+        });
+      } else {
+        const len = elems.length;
+        for (let i = 0; i < len; i++) {
+          const elem = elems[i];
+          const {id} = elem;
+          if (id === 'svg_eof') break;
+          holder = $('#' + id);
+          const svgroot = document.createElementNS(svgns, 'svg');
+          // Per https://www.w3.org/TR/xml-names11/#defaulting, the namespace for
+          // attributes should have no value.
+          svgroot.setAttributeNS(null, 'viewBox', [0, 0, iconW, iconH].join(' '));
+
+          let svg = elem.getElementsByTagNameNS(svgns, 'svg')[0];
+
+          // Make flexible by converting width/height to viewBox
+          const w = svg.getAttribute('width');
+          const h = svg.getAttribute('height');
+          svg.removeAttribute('width');
+          svg.removeAttribute('height');
+
+          const vb = svg.getAttribute('viewBox');
+          if (!vb) {
+            svg.setAttribute('viewBox', [0, 0, w, h].join(' '));
+          }
+
+          // Not using jQuery to be a bit faster
+          svgroot.setAttribute('xmlns', svgns);
+          svgroot.setAttribute('width', iconW);
+          svgroot.setAttribute('height', iconH);
+          svgroot.setAttribute('xmlns:xlink', xlinkns);
+          svgroot.setAttribute('class', 'svg_icon');
+
+          // Without cloning, Firefox will make another GET request.
+          // With cloning, causes issue in Opera/Win/Non-EN
+          if (!isOpera) svg = svg.cloneNode(true);
+
+          svgroot.append(svg);
+
+          let icon;
+          if (toImage) {
+            tempHolder.empty().append(svgroot);
+            const str = dataPre + encode64(unescape(encodeURIComponent(new XMLSerializer().serializeToString(svgroot))));
+            icon = $(new Image())
+              .attr({class: 'svg_icon', src: str});
+          } else {
+            icon = fixIDs($(svgroot), i);
+          }
+          addIcon(icon, id);
+        }
+      }
+
+      if (opts.placement) {
+        $.each(opts.placement, function (sel, id) {
+          if (!svgIcons[id]) return;
+          $(sel).each(function (i) {
+            let copy = svgIcons[id].clone();
+            if (i > 0 && !toImage) copy = fixIDs(copy, i, true);
+            setIcon($(this), copy, id);
+          });
+        });
+      }
+      if (!fallback) {
+        if (toImage) tempHolder.remove();
+        if (dataEl) dataEl.remove();
+        if (testImg) testImg.remove();
+      }
+      if (opts.resize) $.resizeSvgIcons(opts.resize);
+      iconsMade = true;
+
+      if (opts.callback) opts.callback(svgIcons);
+    }
+
+    fixIDs = function (svgEl, svgNum, force) {
+      const defs = svgEl.find('defs');
+      if (!defs.length) return svgEl;
+
+      let idElems;
+      if (isOpera) {
+        idElems = defs.find('*').filter(function () {
+          return !!this.id;
+        });
+      } else {
+        idElems = defs.find('[id]');
+      }
+
+      const allElems = svgEl[0].getElementsByTagName('*'), len = allElems.length;
+
+      idElems.each(function (i) {
+        const {id} = this;
+        /*
+        const noDupes = ($(svgdoc).find('#' + id).length <= 1);
+        if (isOpera) noDupes = false; // Opera didn't clone svgEl, so not reliable
+        if(!force && noDupes) return;
+        */
+        const newId = 'x' + id + svgNum + i;
+        this.id = newId;
+
+        const oldVal = 'url(#' + id + ')';
+        const newVal = 'url(#' + newId + ')';
+
+        // Selector method, possibly faster but fails in Opera / jQuery 1.4.3
+        //  svgEl.find('[fill="url(#' + id + ')"]').each(function() {
+        //    this.setAttribute('fill', 'url(#' + newId + ')');
+        //  }).end().find('[stroke="url(#' + id + ')"]').each(function() {
+        //    this.setAttribute('stroke', 'url(#' + newId + ')');
+        //  }).end().find('use').each(function() {
+        //    if(this.getAttribute('xlink:href') == '#' + id) {
+        //      this.setAttributeNS(xlinkns,'href','#' + newId);
+        //    }
+        //  }).end().find('[filter="url(#' + id + ')"]').each(function() {
+        //    this.setAttribute('filter', 'url(#' + newId + ')');
+        //  });
+
+        for (i = 0; i < len; i++) {
+          const elem = allElems[i];
+          if (elem.getAttribute('fill') === oldVal) {
+            elem.setAttribute('fill', newVal);
+          }
+          if (elem.getAttribute('stroke') === oldVal) {
+            elem.setAttribute('stroke', newVal);
+          }
+          if (elem.getAttribute('filter') === oldVal) {
+            elem.setAttribute('filter', newVal);
+          }
+        }
+      });
+      return svgEl;
+    };
+
+    function useFallback () {
+      if (file.includes('.svgz')) {
+        const regFile = file.replace('.svgz', '.svg');
+        if (window.console) {
+          console.log('.svgz failed, trying with .svg');
+        }
+        $.svgIcons(regFile, opts);
+      } else if (opts.fallback) {
+        makeIcons(false, opts.fallback);
+      }
+    }
+
+    function encode64 (input) {
+      // base64 strings are 4/3 larger than the original string
+      if (window.btoa) return window.btoa(input);
+      const _keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+      const output = new Array(Math.floor((input.length + 2) / 3) * 4);
+
+      let i = 0, p = 0;
+      do {
+        const chr1 = input.charCodeAt(i++);
+        const chr2 = input.charCodeAt(i++);
+        const chr3 = input.charCodeAt(i++);
+
+        const enc1 = chr1 >> 2;
+        const enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
+
+        let enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
+        let enc4 = chr3 & 63;
+        if (isNaN(chr2)) {
+          enc3 = enc4 = 64;
+        } else if (isNaN(chr3)) {
+          enc4 = 64;
+        }
+
+        output[p++] = _keyStr.charAt(enc1);
+        output[p++] = _keyStr.charAt(enc2);
+        output[p++] = _keyStr.charAt(enc3);
+        output[p++] = _keyStr.charAt(enc4);
+      } while (i < input.length);
+
+      return output.join('');
+    }
+  };
+
+  /**
+  * @function external:jQuery.getSvgIcon
+  * @param {string} id
+  * @param {boolean} uniqueClone Whether to clone
+  * @returns {external:jQuery} The icon (optionally cloned)
+  */
+  $.getSvgIcon = function (id, uniqueClone) {
+    let icon = svgIcons[id];
+    if (uniqueClone && icon) {
+      icon = fixIDs(icon, 0, true).clone(true);
+    }
+    return icon;
+  };
+
+  /**
+  * @typedef {GenericArray} module:jQuerySVGIcons.Dimensions
+  * @property {Integer} length 2
+  * @property {Float} 0 Width
+  * @property {Float} 1 Height
+  */
+
+  /**
+  * If a Float is used, it will represent width and height. Arrays contain the width and height.
+  * @typedef {module:jQuerySVGIcons.Dimensions|Float} module:jQuerySVGIcons.Size
+  */
+
+  /**
+  * @function external:jQuery.resizeSvgIcons
+  * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} obj Object with selectors as keys. The values are sizes.
+  * @returns {undefined}
+  */
+  $.resizeSvgIcons = function (obj) {
+    // FF2 and older don't detect .svg_icon, so we change it detect svg elems instead
+    const changeSel = !$('.svg_icon:first').length;
+    $.each(obj, function (sel, size) {
+      const arr = Array.isArray(size);
+      const w = arr ? size[0] : size,
+        h = arr ? size[1] : size;
+      if (changeSel) {
+        sel = sel.replace(/\.svg_icon/g, 'svg');
+      }
+      $(sel).each(function () {
+        this.setAttribute('width', w);
+        this.setAttribute('height', h);
+        if (window.opera && window.widget) {
+          this.parentNode.style.width = w + 'px';
+          this.parentNode.style.height = h + 'px';
+        }
+      });
+    });
+  };
+  return $;
+}
diff --git a/editor/svgicons/jquery.svgicons.js b/editor/svgicons/jquery.svgicons.js
deleted file mode 100644
index 5a51e46d..00000000
--- a/editor/svgicons/jquery.svgicons.js
+++ /dev/null
@@ -1,485 +0,0 @@
-/*
- * SVG Icon Loader 2.0
- *
- * jQuery Plugin for loading SVG icons from a single file
- *
- * Copyright (c) 2009 Alexis Deveria
- * http://a.deveria.com
- *
- * MIT License
-
-How to use:
-
-1. Create the SVG master file that includes all icons:
-
-The master SVG icon-containing file is an SVG file that contains 
-<g> elements. Each <g> element should contain the markup of an SVG
-icon. The <g> element has an ID that should 
-correspond with the ID of the HTML element used on the page that should contain 
-or optionally be replaced by the icon. Additionally, one empty element should be
-added at the end with id "svg_eof".
-
-2. Optionally create fallback raster images for each SVG icon.
-
-3. Include the jQuery and the SVG Icon Loader scripts on your page.
-
-4. Run $.svgIcons() when the document is ready:
-
-$.svgIcons( file [string], options [object literal]);
-
-File is the location of a local SVG or SVGz file.
-
-All options are optional and can include:
-
-- 'w (number)': The icon widths
-
-- 'h (number)': The icon heights
-
-- 'fallback (object literal)': List of raster images with each
-	key being the SVG icon ID to replace, and the value the image file name.
-	
-- 'fallback_path (string)': The path to use for all images
-	listed under "fallback"
-	
-- 'replace (boolean)': If set to true, HTML elements will be replaced by,
-	rather than include the SVG icon.
-
-- 'placement (object literal)': List with selectors for keys and SVG icon ids
-	as values. This provides a custom method of adding icons.
-
-- 'resize (object literal)': List with selectors for keys and numbers
-	as values. This allows an easy way to resize specific icons.
-	
-- 'callback (function)': A function to call when all icons have been loaded. 
-	Includes an object literal as its argument with as keys all icon IDs and the 
-	icon as a jQuery object as its value.
-
-- 'id_match (boolean)': Automatically attempt to match SVG icon ids with
-	corresponding HTML id (default: true)
-	
-- 'no_img (boolean)': Prevent attempting to convert the icon into an <img>
-	element (may be faster, help for browser consistency)
-
-- 'svgz (boolean)': Indicate that the file is an SVGZ file, and thus not to
-	parse as XML. SVGZ files add compression benefits, but getting data from
-	them fails in Firefox 2 and older.
-
-5. To access an icon at a later point without using the callback, use this:
-	$.getSvgIcon(id (string));
-
-This will return the icon (as jQuery object) with a given ID.
-	
-6. To resize icons at a later point without using the callback, use this:
-	$.resizeSvgIcons(resizeOptions) (use the same way as the "resize" parameter)
-
-
-Example usage #1:
-
-$(function() {
-	$.svgIcons('my_icon_set.svg'); // The SVG file that contains all icons
-	// No options have been set, so all icons will automatically be inserted 
-	// into HTML elements that match the same IDs. 
-});
-
-Example usage #2:
-
-$(function() {
-	$.svgIcons('my_icon_set.svg', { // The SVG file that contains all icons
-		callback: function(icons) { // Custom callback function that sets click
-									// events for each icon
-			$.each(icons, function(id, icon) {
-				icon.click(function() {
-					alert('You clicked on the icon with id ' + id);
-				});
-			});
-		}
-	}); //The SVG file that contains all icons
-});
-
-Example usage #3:
-
-$(function() {
-	$.svgIcons('my_icon_set.svgz', { // The SVGZ file that contains all icons
-		w: 32,	// All icons will be 32px wide
-		h: 32,  // All icons will be 32px high
-		fallback_path: 'icons/',  // All fallback files can be found here
-		fallback: {
-			'#open_icon': 'open.png',  // The "open.png" will be appended to the
-										// HTML element with ID "open_icon"
-			'#close_icon': 'close.png',
-			'#save_icon': 'save.png'
-		},
-		placement: {'.open_icon','open'}, // The "open" icon will be added
-										// to all elements with class "open_icon"
-		resize: function() {
-			'#save_icon .svg_icon': 64  // The "save" icon will be resized to 64 x 64px
-		},
-		
-		callback: function(icons) { // Sets background color for "close" icon 
-			icons['close'].css('background','red');
-		},
-		
-		svgz: true // Indicates that an SVGZ file is being used
-		
-	})
-});
-
-*/
-
-
-(function($) {
-	var svg_icons = {}, fixIDs;
-
-	$.svgIcons = function(file, opts) {
-		var svgns = "http://www.w3.org/2000/svg",
-			xlinkns = "http://www.w3.org/1999/xlink",
-			icon_w = opts.w?opts.w : 24,
-			icon_h = opts.h?opts.h : 24,
-			elems, svgdoc, testImg,
-			icons_made = false, data_loaded = false, load_attempts = 0,
-			ua = navigator.userAgent, isOpera = !!window.opera, isSafari = (ua.indexOf('Safari/') > -1 && ua.indexOf('Chrome/')==-1),
-			data_pre = 'data:image/svg+xml;charset=utf-8;base64,';
-			
-			if(opts.svgz) {
-				var data_el = $('<object data="' + file + '" type=image/svg+xml>').appendTo('body').hide();
-				try {
-					svgdoc = data_el[0].contentDocument;
-					data_el.load(getIcons);
-					getIcons(0, true); // Opera will not run "load" event if file is already cached
-				} catch(err1) {
-					useFallback();
-				}
-			} else {
-				var parser = new DOMParser();
-				$.ajax({
-					url: file,
-					dataType: 'string',
-					success: function(data) {
-						if(!data) {
-							$(useFallback);
-							return;
-						}
-						svgdoc = parser.parseFromString(data, "text/xml");
-						$(function() {
-							getIcons('ajax');
-						});
-					},
-					error: function(err) {
-						// TODO: Fix Opera widget icon bug
-						if(window.opera) {
-							$(function() {
-								useFallback();
-							});
-						} else {
-							if(err.responseText) {
-								svgdoc = parser.parseFromString(err.responseText, "text/xml");
-
-								if(!svgdoc.childNodes.length) {
-									$(useFallback);									
-								}
-								$(function() {
-									getIcons('ajax');
-								});							
-							} else {
-								$(useFallback);
-							}
-						}
-					}
-				});
-			}
-			
-		function getIcons(evt, no_wait) {
-			if(evt !== 'ajax') {
-				if(data_loaded) return;
-				// Webkit sometimes says svgdoc is undefined, other times
-				// it fails to load all nodes. Thus we must make sure the "eof" 
-				// element is loaded.
-				svgdoc = data_el[0].contentDocument; // Needed again for Webkit
-				var isReady = (svgdoc && svgdoc.getElementById('svg_eof'));
-				if(!isReady && !(no_wait && isReady)) {
-					load_attempts++;
-					if(load_attempts < 50) {
-						setTimeout(getIcons, 20);
-					} else {
-						useFallback();
-						data_loaded = true;
-					}
-					return;
-				}
-				data_loaded = true;
-			}
-			
-			elems = $(svgdoc.firstChild).children(); //.getElementsByTagName('foreignContent');
-			
-			if(!opts.no_img) {
-				var testSrc = data_pre + 'PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D';
-				
-				testImg = $(new Image()).attr({
-					src: testSrc,
-					width: 0,
-					height: 0
-				}).appendTo('body')
-				.load(function () {
-					// Safari 4 crashes, Opera and Chrome don't
-					makeIcons(true);
-				}).error(function () {
-					makeIcons();
-				});
-			} else {
-				setTimeout(function() {
-					if(!icons_made) makeIcons();
-				},500);
-			}
-		}
-		
-		var setIcon = function(target, icon, id, setID) {
-			if(isOpera) icon.css('visibility','hidden');
-			if(opts.replace) {
-				if(setID) icon.attr('id',id);
-				var cl = target.attr('class');
-				if(cl) icon.attr('class','svg_icon '+cl);
-				target.replaceWith(icon);
-			} else {
-				
-				target.append(icon);
-			}
-			if(isOpera) {
-				setTimeout(function() {
-					icon.removeAttr('style');
-				},1);
-			}
-		};
-		
-		var addIcon = function(icon, id) {
-			if(opts.id_match === undefined || opts.id_match !== false) {
-				setIcon(holder, icon, id, true);
-			}
-			svg_icons[id] = icon;
-		};
-		
-		function makeIcons(toImage, fallback) {
-			if(icons_made) return;
-			if(opts.no_img) toImage = false;
-			var holder, temp_holder;
-			
-			if(toImage) {
-				temp_holder = $(document.createElement('div'));
-				temp_holder.hide().appendTo('body');
-			} 
-			if(fallback) {
-				var path = opts.fallback_path?opts.fallback_path:'';
-				$.each(fallback, function(id, imgsrc) {
-					holder = $('#' + id);
-					var icon = $(new Image())
-						.attr({
-							'class':'svg_icon',
-							src: path + imgsrc,
-							'width': icon_w,
-							'height': icon_h,
-							'alt': 'icon'
-						});
-					
-					addIcon(icon, id);
-				});
-			} else {
-				var len = elems.length;
-				for(var i = 0; i < len; i++) {
-					var elem = elems[i];
-					var id = elem.id;
-					if(id === 'svg_eof') break;
-					holder = $('#' + id);
-					var svg = elem.getElementsByTagNameNS(svgns, 'svg')[0];
-					var svgroot = document.createElementNS(svgns, "svg");
-					// Per http://www.w3.org/TR/xml-names11/#defaulting, the namespace for
-					// attributes should have no value.
-					svgroot.setAttributeNS(null, 'viewBox', [0,0,icon_w,icon_h].join(' '));
-					
-					// Make flexible by converting width/height to viewBox
-					var w = svg.getAttribute('width');
-					var h = svg.getAttribute('height');
-					svg.removeAttribute('width');
-					svg.removeAttribute('height');
-					
-					var vb = svg.getAttribute('viewBox');
-					if(!vb) {
-						svg.setAttribute('viewBox', [0,0,w,h].join(' '));
-					}
-					
-					// Not using jQuery to be a bit faster
-					svgroot.setAttribute('xmlns', svgns);
-					svgroot.setAttribute('width', icon_w);
-					svgroot.setAttribute('height', icon_h);
-					svgroot.setAttribute("xmlns:xlink", xlinkns);
-					svgroot.setAttribute("class", 'svg_icon');
-
-					// Without cloning, Firefox will make another GET request.
-					// With cloning, causes issue in Opera/Win/Non-EN
-					if(!isOpera) svg = svg.cloneNode(true);
-					
-					svgroot.appendChild(svg);
-					var icon;
-					if(toImage) {
-						temp_holder.empty().append(svgroot);
-						var str = data_pre + encode64(unescape(encodeURIComponent(new XMLSerializer().serializeToString(svgroot))));
-						icon = $(new Image())
-							.attr({'class':'svg_icon', src:str});
-					} else {
-						icon = fixIDs($(svgroot), i);
-					}
-					addIcon(icon, id);
-				}
-
-			}
-			
-			if(opts.placement) {
-				$.each(opts.placement, function(sel, id) {
-					if(!svg_icons[id]) return;
-					$(sel).each(function(i) {
-						var copy = svg_icons[id].clone();
-						if(i > 0 && !toImage) copy = fixIDs(copy, i, true);
-						setIcon($(this), copy, id);
-					});
-				});
-			}
-			if(!fallback) {
-				if(toImage) temp_holder.remove();
-				if(data_el) data_el.remove();
-				if(testImg) testImg.remove();
-			}
-			if(opts.resize) $.resizeSvgIcons(opts.resize);
-			icons_made = true;
-
-			if(opts.callback) opts.callback(svg_icons);
-		}
-		
-		fixIDs = function(svg_el, svg_num, force) {
-			var defs = svg_el.find('defs');
-			if(!defs.length) return svg_el;
-			var id_elems;
-			if(isOpera) {
-				id_elems = defs.find('*').filter(function() {
-					return !!this.id;
-				});
-			} else {
-				id_elems = defs.find('[id]');
-			}
-			
-			var all_elems = svg_el[0].getElementsByTagName('*'), len = all_elems.length;
-			
-			id_elems.each(function(i) {
-				var id = this.id;
-				var no_dupes = ($(svgdoc).find('#' + id).length <= 1);
-				if(isOpera) no_dupes = false; // Opera didn't clone svg_el, so not reliable
-				// if(!force && no_dupes) return;
-				var new_id = 'x' + id + svg_num + i;
-				this.id = new_id;
-				
-				var old_val = 'url(#' + id + ')';
-				var new_val = 'url(#' + new_id + ')';
-				
-				// Selector method, possibly faster but fails in Opera / jQuery 1.4.3
-//				svg_el.find('[fill="url(#' + id + ')"]').each(function() {
-//					this.setAttribute('fill', 'url(#' + new_id + ')');
-//				}).end().find('[stroke="url(#' + id + ')"]').each(function() {
-//					this.setAttribute('stroke', 'url(#' + new_id + ')');
-//				}).end().find('use').each(function() {
-//					if(this.getAttribute('xlink:href') == '#' + id) {
-//						this.setAttributeNS(xlinkns,'href','#' + new_id);
-//					}
-//				}).end().find('[filter="url(#' + id + ')"]').each(function() {
-//					this.setAttribute('filter', 'url(#' + new_id + ')');
-//				});
-
-				for(i = 0; i < len; i++) {
-					var elem = all_elems[i];
-					if(elem.getAttribute('fill') === old_val) {
-						elem.setAttribute('fill', new_val);
-					}
-					if(elem.getAttribute('stroke') === old_val) {
-						elem.setAttribute('stroke', new_val);
-					}
-					if(elem.getAttribute('filter') === old_val) {
-						elem.setAttribute('filter', new_val);
-					}
-				}
-			});
-			return svg_el;
-		};
-		
-		function useFallback() {
-			if(file.indexOf('.svgz') != -1) {
-				var reg_file = file.replace('.svgz','.svg');
-				if(window.console) {
-					console.log('.svgz failed, trying with .svg');
-				}
-				$.svgIcons(reg_file, opts);
-			} else if(opts.fallback) {
-				makeIcons(false, opts.fallback);
-			}
-		}
-				
-		function encode64(input) {
-			// base64 strings are 4/3 larger than the original string
-			if(window.btoa) return window.btoa(input);
-			var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
-			var output = new Array( Math.floor( (input.length + 2) / 3 ) * 4 );
-			var chr1, chr2, chr3;
-			var enc1, enc2, enc3, enc4;
-			var i = 0, p = 0;
-		
-			do {
-				chr1 = input.charCodeAt(i++);
-				chr2 = input.charCodeAt(i++);
-				chr3 = input.charCodeAt(i++);
-		
-				enc1 = chr1 >> 2;
-				enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
-				enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
-				enc4 = chr3 & 63;
-		
-				if (isNaN(chr2)) {
-					enc3 = enc4 = 64;
-				} else if (isNaN(chr3)) {
-					enc4 = 64;
-				}
-		
-				output[p++] = _keyStr.charAt(enc1);
-				output[p++] = _keyStr.charAt(enc2);
-				output[p++] = _keyStr.charAt(enc3);
-				output[p++] = _keyStr.charAt(enc4);
-			} while (i < input.length);
-		
-			return output.join('');
-		}
-	};
-	
-	$.getSvgIcon = function(id, uniqueClone) { 
-		var icon = svg_icons[id];
-		if(uniqueClone && icon) {
-			icon = fixIDs(icon, 0, true).clone(true);
-		}
-		return icon; 
-	};
-	
-	$.resizeSvgIcons = function(obj) {
-		// FF2 and older don't detect .svg_icon, so we change it detect svg elems instead
-		var change_sel = !$('.svg_icon:first').length;
-		$.each(obj, function(sel, size) {
-			var arr = $.isArray(size);
-			var w = arr?size[0]:size,
-				h = arr?size[1]:size;
-			if(change_sel) {
-				sel = sel.replace(/\.svg_icon/g,'svg');
-			}
-			$(sel).each(function() {
-				this.setAttribute('width', w);
-				this.setAttribute('height', h);
-				if(window.opera && window.widget) {
-					this.parentNode.style.width = w + 'px';
-					this.parentNode.style.height = h + 'px';
-				}
-			});
-		});
-	};
-	
-})(jQuery);
\ No newline at end of file
diff --git a/editor/svgpathseg.js b/editor/svgpathseg.js
new file mode 100644
index 00000000..f484739c
--- /dev/null
+++ b/editor/svgpathseg.js
@@ -0,0 +1,957 @@
+/**
+* SVGPathSeg API polyfill
+* https://github.com/progers/pathseg
+*
+* This is a drop-in replacement for the `SVGPathSeg` and `SVGPathSegList` APIs
+* that were removed from SVG2 ({@link https://lists.w3.org/Archives/Public/www-svg/2015Jun/0044.html}),
+* including the latest spec changes which were implemented in Firefox 43 and
+* Chrome 46.
+*/
+(() => {
+if (!('SVGPathSeg' in window)) {
+  // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSeg
+  class SVGPathSeg {
+    constructor (type, typeAsLetter, owningPathSegList) {
+      this.pathSegType = type;
+      this.pathSegTypeAsLetter = typeAsLetter;
+      this._owningPathSegList = owningPathSegList;
+    }
+    // Notify owning PathSegList on any changes so they can be synchronized back to the path element.
+    _segmentChanged () {
+      if (this._owningPathSegList) {
+        this._owningPathSegList.segmentChanged(this);
+      }
+    }
+  }
+  SVGPathSeg.prototype.classname = 'SVGPathSeg';
+
+  SVGPathSeg.PATHSEG_UNKNOWN = 0;
+  SVGPathSeg.PATHSEG_CLOSEPATH = 1;
+  SVGPathSeg.PATHSEG_MOVETO_ABS = 2;
+  SVGPathSeg.PATHSEG_MOVETO_REL = 3;
+  SVGPathSeg.PATHSEG_LINETO_ABS = 4;
+  SVGPathSeg.PATHSEG_LINETO_REL = 5;
+  SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS = 6;
+  SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL = 7;
+  SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS = 8;
+  SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL = 9;
+  SVGPathSeg.PATHSEG_ARC_ABS = 10;
+  SVGPathSeg.PATHSEG_ARC_REL = 11;
+  SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS = 12;
+  SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL = 13;
+  SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS = 14;
+  SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL = 15;
+  SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS = 16;
+  SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL = 17;
+  SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS = 18;
+  SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL = 19;
+
+  class SVGPathSegClosePath extends SVGPathSeg {
+    constructor (owningPathSegList) {
+      super(SVGPathSeg.PATHSEG_CLOSEPATH, 'z', owningPathSegList);
+    }
+    toString () { return '[object SVGPathSegClosePath]'; }
+    _asPathString () { return this.pathSegTypeAsLetter; }
+    clone () { return new SVGPathSegClosePath(undefined); }
+  }
+
+  class SVGPathSegMovetoAbs extends SVGPathSeg {
+    constructor (owningPathSegList, x, y) {
+      super(SVGPathSeg.PATHSEG_MOVETO_ABS, 'M', owningPathSegList);
+      this._x = x;
+      this._y = y;
+    }
+    toString () { return '[object SVGPathSegMovetoAbs]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegMovetoAbs(undefined, this._x, this._y); }
+  }
+  Object.defineProperties(SVGPathSegMovetoAbs.prototype, {
+    x: {
+      get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true
+    },
+    y: {
+      get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true
+    }
+  });
+
+  class SVGPathSegMovetoRel extends SVGPathSeg {
+    constructor (owningPathSegList, x, y) {
+      super(SVGPathSeg.PATHSEG_MOVETO_REL, 'm', owningPathSegList);
+      this._x = x;
+      this._y = y;
+    }
+    toString () { return '[object SVGPathSegMovetoRel]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegMovetoRel(undefined, this._x, this._y); }
+  }
+  Object.defineProperties(SVGPathSegMovetoRel.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }
+  });
+
+  class SVGPathSegLinetoAbs extends SVGPathSeg {
+    constructor (owningPathSegList, x, y) {
+      super(SVGPathSeg.PATHSEG_LINETO_ABS, 'L', owningPathSegList);
+      this._x = x;
+      this._y = y;
+    }
+    toString () { return '[object SVGPathSegLinetoAbs]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegLinetoAbs(undefined, this._x, this._y); }
+  }
+  Object.defineProperties(SVGPathSegLinetoAbs.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }
+  });
+
+  class SVGPathSegLinetoRel extends SVGPathSeg {
+    constructor (owningPathSegList, x, y) {
+      super(SVGPathSeg.PATHSEG_LINETO_REL, 'l', owningPathSegList);
+      this._x = x;
+      this._y = y;
+    }
+    toString () { return '[object SVGPathSegLinetoRel]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegLinetoRel(undefined, this._x, this._y); }
+  }
+  Object.defineProperties(SVGPathSegLinetoRel.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }
+  });
+
+  class SVGPathSegCurvetoCubicAbs extends SVGPathSeg {
+    constructor (owningPathSegList, x, y, x1, y1, x2, y2) {
+      super(SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS, 'C', owningPathSegList);
+      this._x = x;
+      this._y = y;
+      this._x1 = x1;
+      this._y1 = y1;
+      this._x2 = x2;
+      this._y2 = y2;
+    }
+    toString () { return '[object SVGPathSegCurvetoCubicAbs]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2); }
+  }
+  Object.defineProperties(SVGPathSegCurvetoCubicAbs.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },
+    x1: { get () { return this._x1; }, set (x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true },
+    y1: { get () { return this._y1; }, set (y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true },
+    x2: { get () { return this._x2; }, set (x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true },
+    y2: { get () { return this._y2; }, set (y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true }
+  });
+
+  class SVGPathSegCurvetoCubicRel extends SVGPathSeg {
+    constructor (owningPathSegList, x, y, x1, y1, x2, y2) {
+      super(SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, 'c', owningPathSegList);
+      this._x = x;
+      this._y = y;
+      this._x1 = x1;
+      this._y1 = y1;
+      this._x2 = x2;
+      this._y2 = y2;
+    }
+    toString () { return '[object SVGPathSegCurvetoCubicRel]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2); }
+  }
+  Object.defineProperties(SVGPathSegCurvetoCubicRel.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },
+    x1: { get () { return this._x1; }, set (x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true },
+    y1: { get () { return this._y1; }, set (y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true },
+    x2: { get () { return this._x2; }, set (x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true },
+    y2: { get () { return this._y2; }, set (y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true }
+  });
+
+  class SVGPathSegCurvetoQuadraticAbs extends SVGPathSeg {
+    constructor (owningPathSegList, x, y, x1, y1) {
+      super(SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS, 'Q', owningPathSegList);
+      this._x = x;
+      this._y = y;
+      this._x1 = x1;
+      this._y1 = y1;
+    }
+    toString () { return '[object SVGPathSegCurvetoQuadraticAbs]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1); }
+  }
+  Object.defineProperties(SVGPathSegCurvetoQuadraticAbs.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },
+    x1: { get () { return this._x1; }, set (x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true },
+    y1: { get () { return this._y1; }, set (y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true }
+  });
+
+  class SVGPathSegCurvetoQuadraticRel extends SVGPathSeg {
+    constructor (owningPathSegList, x, y, x1, y1) {
+      super(SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL, 'q', owningPathSegList);
+      this._x = x;
+      this._y = y;
+      this._x1 = x1;
+      this._y1 = y1;
+    }
+    toString () { return '[object SVGPathSegCurvetoQuadraticRel]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1); }
+  }
+  Object.defineProperties(SVGPathSegCurvetoQuadraticRel.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },
+    x1: { get () { return this._x1; }, set (x1) { this._x1 = x1; this._segmentChanged(); }, enumerable: true },
+    y1: { get () { return this._y1; }, set (y1) { this._y1 = y1; this._segmentChanged(); }, enumerable: true }
+  });
+
+  class SVGPathSegArcAbs extends SVGPathSeg {
+    constructor (owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+      super(SVGPathSeg.PATHSEG_ARC_ABS, 'A', owningPathSegList);
+      this._x = x;
+      this._y = y;
+      this._r1 = r1;
+      this._r2 = r2;
+      this._angle = angle;
+      this._largeArcFlag = largeArcFlag;
+      this._sweepFlag = sweepFlag;
+    }
+    toString () { return '[object SVGPathSegArcAbs]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag); }
+  }
+  Object.defineProperties(SVGPathSegArcAbs.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },
+    r1: { get () { return this._r1; }, set (r1) { this._r1 = r1; this._segmentChanged(); }, enumerable: true },
+    r2: { get () { return this._r2; }, set (r2) { this._r2 = r2; this._segmentChanged(); }, enumerable: true },
+    angle: { get () { return this._angle; }, set (angle) { this._angle = angle; this._segmentChanged(); }, enumerable: true },
+    largeArcFlag: { get () { return this._largeArcFlag; }, set (largeArcFlag) { this._largeArcFlag = largeArcFlag; this._segmentChanged(); }, enumerable: true },
+    sweepFlag: { get () { return this._sweepFlag; }, set (sweepFlag) { this._sweepFlag = sweepFlag; this._segmentChanged(); }, enumerable: true }
+  });
+
+  class SVGPathSegArcRel extends SVGPathSeg {
+    constructor (owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+      super(SVGPathSeg.PATHSEG_ARC_REL, 'a', owningPathSegList);
+      this._x = x;
+      this._y = y;
+      this._r1 = r1;
+      this._r2 = r2;
+      this._angle = angle;
+      this._largeArcFlag = largeArcFlag;
+      this._sweepFlag = sweepFlag;
+    }
+    toString () { return '[object SVGPathSegArcRel]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag); }
+  }
+  Object.defineProperties(SVGPathSegArcRel.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },
+    r1: { get () { return this._r1; }, set (r1) { this._r1 = r1; this._segmentChanged(); }, enumerable: true },
+    r2: { get () { return this._r2; }, set (r2) { this._r2 = r2; this._segmentChanged(); }, enumerable: true },
+    angle: { get () { return this._angle; }, set (angle) { this._angle = angle; this._segmentChanged(); }, enumerable: true },
+    largeArcFlag: { get () { return this._largeArcFlag; }, set (largeArcFlag) { this._largeArcFlag = largeArcFlag; this._segmentChanged(); }, enumerable: true },
+    sweepFlag: { get () { return this._sweepFlag; }, set (sweepFlag) { this._sweepFlag = sweepFlag; this._segmentChanged(); }, enumerable: true }
+  });
+
+  class SVGPathSegLinetoHorizontalAbs extends SVGPathSeg {
+    constructor (owningPathSegList, x) {
+      super(SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS, 'H', owningPathSegList);
+      this._x = x;
+    }
+    toString () { return '[object SVGPathSegLinetoHorizontalAbs]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x; }
+    clone () { return new SVGPathSegLinetoHorizontalAbs(undefined, this._x); }
+  }
+  Object.defineProperty(SVGPathSegLinetoHorizontalAbs.prototype, 'x', { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true });
+
+  class SVGPathSegLinetoHorizontalRel extends SVGPathSeg {
+    constructor (owningPathSegList, x) {
+      super(SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL, 'h', owningPathSegList);
+      this._x = x;
+    }
+    toString () { return '[object SVGPathSegLinetoHorizontalRel]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x; }
+    clone () { return new SVGPathSegLinetoHorizontalRel(undefined, this._x); }
+  }
+  Object.defineProperty(SVGPathSegLinetoHorizontalRel.prototype, 'x', { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true });
+
+  class SVGPathSegLinetoVerticalAbs extends SVGPathSeg {
+    constructor (owningPathSegList, y) {
+      super(SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS, 'V', owningPathSegList);
+      this._y = y;
+    }
+    toString () { return '[object SVGPathSegLinetoVerticalAbs]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._y; }
+    clone () { return new SVGPathSegLinetoVerticalAbs(undefined, this._y); }
+  }
+  Object.defineProperty(SVGPathSegLinetoVerticalAbs.prototype, 'y', { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true });
+
+  class SVGPathSegLinetoVerticalRel extends SVGPathSeg {
+    constructor (owningPathSegList, y) {
+      super(SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL, 'v', owningPathSegList);
+      this._y = y;
+    }
+    toString () { return '[object SVGPathSegLinetoVerticalRel]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._y; }
+    clone () { return new SVGPathSegLinetoVerticalRel(undefined, this._y); }
+  }
+  Object.defineProperty(SVGPathSegLinetoVerticalRel.prototype, 'y', { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true });
+
+  class SVGPathSegCurvetoCubicSmoothAbs extends SVGPathSeg {
+    constructor (owningPathSegList, x, y, x2, y2) {
+      super(SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS, 'S', owningPathSegList);
+      this._x = x;
+      this._y = y;
+      this._x2 = x2;
+      this._y2 = y2;
+    }
+    toString () { return '[object SVGPathSegCurvetoCubicSmoothAbs]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2); }
+  }
+  Object.defineProperties(SVGPathSegCurvetoCubicSmoothAbs.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },
+    x2: { get () { return this._x2; }, set (x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true },
+    y2: { get () { return this._y2; }, set (y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true }
+  });
+
+  class SVGPathSegCurvetoCubicSmoothRel extends SVGPathSeg {
+    constructor (owningPathSegList, x, y, x2, y2) {
+      super(SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL, 's', owningPathSegList);
+      this._x = x;
+      this._y = y;
+      this._x2 = x2;
+      this._y2 = y2;
+    }
+    toString () { return '[object SVGPathSegCurvetoCubicSmoothRel]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2); }
+  }
+  Object.defineProperties(SVGPathSegCurvetoCubicSmoothRel.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true },
+    x2: { get () { return this._x2; }, set (x2) { this._x2 = x2; this._segmentChanged(); }, enumerable: true },
+    y2: { get () { return this._y2; }, set (y2) { this._y2 = y2; this._segmentChanged(); }, enumerable: true }
+  });
+
+  class SVGPathSegCurvetoQuadraticSmoothAbs extends SVGPathSeg {
+    constructor (owningPathSegList, x, y) {
+      super(SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS, 'T', owningPathSegList);
+      this._x = x;
+      this._y = y;
+    }
+    toString () { return '[object SVGPathSegCurvetoQuadraticSmoothAbs]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y); }
+  }
+  Object.defineProperties(SVGPathSegCurvetoQuadraticSmoothAbs.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }
+  });
+
+  class SVGPathSegCurvetoQuadraticSmoothRel extends SVGPathSeg {
+    constructor (owningPathSegList, x, y) {
+      super(SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL, 't', owningPathSegList);
+      this._x = x;
+      this._y = y;
+    }
+    toString () { return '[object SVGPathSegCurvetoQuadraticSmoothRel]'; }
+    _asPathString () { return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y; }
+    clone () { return new SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y); }
+  }
+  Object.defineProperties(SVGPathSegCurvetoQuadraticSmoothRel.prototype, {
+    x: { get () { return this._x; }, set (x) { this._x = x; this._segmentChanged(); }, enumerable: true },
+    y: { get () { return this._y; }, set (y) { this._y = y; this._segmentChanged(); }, enumerable: true }
+  });
+
+  // Add createSVGPathSeg* functions to SVGPathElement.
+  // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathElement.
+  SVGPathElement.prototype.createSVGPathSegClosePath = function () { return new SVGPathSegClosePath(undefined); };
+  SVGPathElement.prototype.createSVGPathSegMovetoAbs = function (x, y) { return new SVGPathSegMovetoAbs(undefined, x, y); };
+  SVGPathElement.prototype.createSVGPathSegMovetoRel = function (x, y) { return new SVGPathSegMovetoRel(undefined, x, y); };
+  SVGPathElement.prototype.createSVGPathSegLinetoAbs = function (x, y) { return new SVGPathSegLinetoAbs(undefined, x, y); };
+  SVGPathElement.prototype.createSVGPathSegLinetoRel = function (x, y) { return new SVGPathSegLinetoRel(undefined, x, y); };
+  SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs = function (x, y, x1, y1, x2, y2) { return new SVGPathSegCurvetoCubicAbs(undefined, x, y, x1, y1, x2, y2); };
+  SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel = function (x, y, x1, y1, x2, y2) { return new SVGPathSegCurvetoCubicRel(undefined, x, y, x1, y1, x2, y2); };
+  SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs = function (x, y, x1, y1) { return new SVGPathSegCurvetoQuadraticAbs(undefined, x, y, x1, y1); };
+  SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel = function (x, y, x1, y1) { return new SVGPathSegCurvetoQuadraticRel(undefined, x, y, x1, y1); };
+  SVGPathElement.prototype.createSVGPathSegArcAbs = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) { return new SVGPathSegArcAbs(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag); };
+  SVGPathElement.prototype.createSVGPathSegArcRel = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) { return new SVGPathSegArcRel(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag); };
+  SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs = function (x) { return new SVGPathSegLinetoHorizontalAbs(undefined, x); };
+  SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel = function (x) { return new SVGPathSegLinetoHorizontalRel(undefined, x); };
+  SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs = function (y) { return new SVGPathSegLinetoVerticalAbs(undefined, y); };
+  SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel = function (y) { return new SVGPathSegLinetoVerticalRel(undefined, y); };
+  SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs = function (x, y, x2, y2) { return new SVGPathSegCurvetoCubicSmoothAbs(undefined, x, y, x2, y2); };
+  SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel = function (x, y, x2, y2) { return new SVGPathSegCurvetoCubicSmoothRel(undefined, x, y, x2, y2); };
+  SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs = function (x, y) { return new SVGPathSegCurvetoQuadraticSmoothAbs(undefined, x, y); };
+  SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel = function (x, y) { return new SVGPathSegCurvetoQuadraticSmoothRel(undefined, x, y); };
+
+  if (!('getPathSegAtLength' in SVGPathElement.prototype)) {
+    // Add getPathSegAtLength to SVGPathElement.
+    // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-__svg__SVGPathElement__getPathSegAtLength
+    // This polyfill requires SVGPathElement.getTotalLength to implement the distance-along-a-path algorithm.
+    SVGPathElement.prototype.getPathSegAtLength = function (distance) {
+      if (distance === undefined || !isFinite(distance)) {
+        throw new Error('Invalid arguments.');
+      }
+
+      const measurementElement = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+      measurementElement.setAttribute('d', this.getAttribute('d'));
+      let lastPathSegment = measurementElement.pathSegList.numberOfItems - 1;
+
+      // If the path is empty, return 0.
+      if (lastPathSegment <= 0) {
+        return 0;
+      }
+
+      do {
+        measurementElement.pathSegList.removeItem(lastPathSegment);
+        if (distance > measurementElement.getTotalLength()) {
+          break;
+        }
+        lastPathSegment--;
+      } while (lastPathSegment > 0);
+      return lastPathSegment;
+    };
+  }
+
+  window.SVGPathSeg = SVGPathSeg;
+  window.SVGPathSegClosePath = SVGPathSegClosePath;
+  window.SVGPathSegMovetoAbs = SVGPathSegMovetoAbs;
+  window.SVGPathSegMovetoRel = SVGPathSegMovetoRel;
+  window.SVGPathSegLinetoAbs = SVGPathSegLinetoAbs;
+  window.SVGPathSegLinetoRel = SVGPathSegLinetoRel;
+  window.SVGPathSegCurvetoCubicAbs = SVGPathSegCurvetoCubicAbs;
+  window.SVGPathSegCurvetoCubicRel = SVGPathSegCurvetoCubicRel;
+  window.SVGPathSegCurvetoQuadraticAbs = SVGPathSegCurvetoQuadraticAbs;
+  window.SVGPathSegCurvetoQuadraticRel = SVGPathSegCurvetoQuadraticRel;
+  window.SVGPathSegArcAbs = SVGPathSegArcAbs;
+  window.SVGPathSegArcRel = SVGPathSegArcRel;
+  window.SVGPathSegLinetoHorizontalAbs = SVGPathSegLinetoHorizontalAbs;
+  window.SVGPathSegLinetoHorizontalRel = SVGPathSegLinetoHorizontalRel;
+  window.SVGPathSegLinetoVerticalAbs = SVGPathSegLinetoVerticalAbs;
+  window.SVGPathSegLinetoVerticalRel = SVGPathSegLinetoVerticalRel;
+  window.SVGPathSegCurvetoCubicSmoothAbs = SVGPathSegCurvetoCubicSmoothAbs;
+  window.SVGPathSegCurvetoCubicSmoothRel = SVGPathSegCurvetoCubicSmoothRel;
+  window.SVGPathSegCurvetoQuadraticSmoothAbs = SVGPathSegCurvetoQuadraticSmoothAbs;
+  window.SVGPathSegCurvetoQuadraticSmoothRel = SVGPathSegCurvetoQuadraticSmoothRel;
+}
+
+// Checking for SVGPathSegList in window checks for the case of an implementation without the
+// SVGPathSegList API.
+// The second check for appendItem is specific to Firefox 59+ which removed only parts of the
+// SVGPathSegList API (e.g., appendItem). In this case we need to re-implement the entire API
+// so the polyfill data (i.e., _list) is used throughout.
+if (!('SVGPathSegList' in window) || !('appendItem' in SVGPathSegList.prototype)) {
+  // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSegList
+  class SVGPathSegList {
+    constructor (pathElement) {
+      this._pathElement = pathElement;
+      this._list = this._parsePath(this._pathElement.getAttribute('d'));
+
+      // Use a MutationObserver to catch changes to the path's "d" attribute.
+      this._mutationObserverConfig = {attributes: true, attributeFilter: ['d']};
+      this._pathElementMutationObserver = new MutationObserver(this._updateListFromPathMutations.bind(this));
+      this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
+    }
+    // Process any pending mutations to the path element and update the list as needed.
+    // This should be the first call of all public functions and is needed because
+    // MutationObservers are not synchronous so we can have pending asynchronous mutations.
+    _checkPathSynchronizedToList () {
+      this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords());
+    }
+
+    _updateListFromPathMutations (mutationRecords) {
+      if (!this._pathElement) {
+        return;
+      }
+      let hasPathMutations = false;
+      mutationRecords.forEach((record) => {
+        if (record.attributeName === 'd') {
+          hasPathMutations = true;
+        }
+      });
+      if (hasPathMutations) {
+        this._list = this._parsePath(this._pathElement.getAttribute('d'));
+      }
+    }
+
+    // Serialize the list and update the path's 'd' attribute.
+    _writeListToPath () {
+      this._pathElementMutationObserver.disconnect();
+      this._pathElement.setAttribute('d', SVGPathSegList._pathSegArrayAsString(this._list));
+      this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
+    }
+
+    // When a path segment changes the list needs to be synchronized back to the path element.
+    segmentChanged (pathSeg) {
+      this._writeListToPath();
+    }
+
+    clear () {
+      this._checkPathSynchronizedToList();
+
+      this._list.forEach((pathSeg) => {
+        pathSeg._owningPathSegList = null;
+      });
+      this._list = [];
+      this._writeListToPath();
+    }
+
+    initialize (newItem) {
+      this._checkPathSynchronizedToList();
+
+      this._list = [newItem];
+      newItem._owningPathSegList = this;
+      this._writeListToPath();
+      return newItem;
+    }
+
+    _checkValidIndex (index) {
+      if (isNaN(index) || index < 0 || index >= this.numberOfItems) {
+        throw new Error('INDEX_SIZE_ERR');
+      }
+    }
+
+    getItem (index) {
+      this._checkPathSynchronizedToList();
+
+      this._checkValidIndex(index);
+      return this._list[index];
+    }
+
+    insertItemBefore (newItem, index) {
+      this._checkPathSynchronizedToList();
+
+      // Spec: If the index is greater than or equal to numberOfItems, then the new item is appended to the end of the list.
+      if (index > this.numberOfItems) {
+        index = this.numberOfItems;
+      }
+      if (newItem._owningPathSegList) {
+        // SVG2 spec says to make a copy.
+        newItem = newItem.clone();
+      }
+      this._list.splice(index, 0, newItem);
+      newItem._owningPathSegList = this;
+      this._writeListToPath();
+      return newItem;
+    }
+
+    replaceItem (newItem, index) {
+      this._checkPathSynchronizedToList();
+
+      if (newItem._owningPathSegList) {
+        // SVG2 spec says to make a copy.
+        newItem = newItem.clone();
+      }
+      this._checkValidIndex(index);
+      this._list[index] = newItem;
+      newItem._owningPathSegList = this;
+      this._writeListToPath();
+      return newItem;
+    }
+
+    removeItem (index) {
+      this._checkPathSynchronizedToList();
+
+      this._checkValidIndex(index);
+      const item = this._list[index];
+      this._list.splice(index, 1);
+      this._writeListToPath();
+      return item;
+    }
+
+    appendItem (newItem) {
+      this._checkPathSynchronizedToList();
+
+      if (newItem._owningPathSegList) {
+        // SVG2 spec says to make a copy.
+        newItem = newItem.clone();
+      }
+      this._list.push(newItem);
+      newItem._owningPathSegList = this;
+      // TODO: Optimize this to just append to the existing attribute.
+      this._writeListToPath();
+      return newItem;
+    }
+
+    // This closely follows SVGPathParser::parsePath from Source/core/svg/SVGPathParser.cpp.
+    _parsePath (string) {
+      if (!string || !string.length) {
+        return [];
+      }
+
+      const owningPathSegList = this;
+
+      class Builder {
+        constructor () {
+          this.pathSegList = [];
+        }
+        appendSegment (pathSeg) {
+          this.pathSegList.push(pathSeg);
+        }
+      }
+
+      class Source {
+        constructor (string) {
+          this._string = string;
+          this._currentIndex = 0;
+          this._endIndex = this._string.length;
+          this._previousCommand = SVGPathSeg.PATHSEG_UNKNOWN;
+
+          this._skipOptionalSpaces();
+        }
+        _isCurrentSpace () {
+          const character = this._string[this._currentIndex];
+          return character <= ' ' && (character === ' ' || character === '\n' || character === '\t' || character === '\r' || character === '\f');
+        }
+
+        _skipOptionalSpaces () {
+          while (this._currentIndex < this._endIndex && this._isCurrentSpace()) {
+            this._currentIndex++;
+          }
+          return this._currentIndex < this._endIndex;
+        }
+
+        _skipOptionalSpacesOrDelimiter () {
+          if (this._currentIndex < this._endIndex && !this._isCurrentSpace() && this._string.charAt(this._currentIndex) !== ',') {
+            return false;
+          }
+          if (this._skipOptionalSpaces()) {
+            if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === ',') {
+              this._currentIndex++;
+              this._skipOptionalSpaces();
+            }
+          }
+          return this._currentIndex < this._endIndex;
+        }
+
+        hasMoreData () {
+          return this._currentIndex < this._endIndex;
+        }
+
+        peekSegmentType () {
+          const lookahead = this._string[this._currentIndex];
+          return this._pathSegTypeFromChar(lookahead);
+        }
+
+        _pathSegTypeFromChar (lookahead) {
+          switch (lookahead) {
+          case 'Z':
+          case 'z':
+            return SVGPathSeg.PATHSEG_CLOSEPATH;
+          case 'M':
+            return SVGPathSeg.PATHSEG_MOVETO_ABS;
+          case 'm':
+            return SVGPathSeg.PATHSEG_MOVETO_REL;
+          case 'L':
+            return SVGPathSeg.PATHSEG_LINETO_ABS;
+          case 'l':
+            return SVGPathSeg.PATHSEG_LINETO_REL;
+          case 'C':
+            return SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS;
+          case 'c':
+            return SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL;
+          case 'Q':
+            return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;
+          case 'q':
+            return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;
+          case 'A':
+            return SVGPathSeg.PATHSEG_ARC_ABS;
+          case 'a':
+            return SVGPathSeg.PATHSEG_ARC_REL;
+          case 'H':
+            return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;
+          case 'h':
+            return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;
+          case 'V':
+            return SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;
+          case 'v':
+            return SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;
+          case 'S':
+            return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;
+          case 's':
+            return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;
+          case 'T':
+            return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;
+          case 't':
+            return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;
+          default:
+            return SVGPathSeg.PATHSEG_UNKNOWN;
+          }
+        }
+
+        _nextCommandHelper (lookahead, previousCommand) {
+          // Check for remaining coordinates in the current command.
+          if ((lookahead === '+' || lookahead === '-' || lookahead === '.' || (lookahead >= '0' && lookahead <= '9')) && previousCommand !== SVGPathSeg.PATHSEG_CLOSEPATH) {
+            if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_ABS) {
+              return SVGPathSeg.PATHSEG_LINETO_ABS;
+            }
+            if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_REL) {
+              return SVGPathSeg.PATHSEG_LINETO_REL;
+            }
+            return previousCommand;
+          }
+          return SVGPathSeg.PATHSEG_UNKNOWN;
+        }
+
+        initialCommandIsMoveTo () {
+          // If the path is empty it is still valid, so return true.
+          if (!this.hasMoreData()) {
+            return true;
+          }
+          const command = this.peekSegmentType();
+          // Path must start with moveTo.
+          return command === SVGPathSeg.PATHSEG_MOVETO_ABS || command === SVGPathSeg.PATHSEG_MOVETO_REL;
+        }
+
+        // Parse a number from an SVG path. This very closely follows genericParseNumber(...) from Source/core/svg/SVGParserUtilities.cpp.
+        // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-PathDataBNF
+        _parseNumber () {
+          let exponent = 0;
+          let integer = 0;
+          let frac = 1;
+          let decimal = 0;
+          let sign = 1;
+          let expsign = 1;
+
+          const startIndex = this._currentIndex;
+
+          this._skipOptionalSpaces();
+
+          // Read the sign.
+          if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '+') {
+            this._currentIndex++;
+          } else if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '-') {
+            this._currentIndex++;
+            sign = -1;
+          }
+
+          if (this._currentIndex === this._endIndex || ((this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') && this._string.charAt(this._currentIndex) !== '.')) {
+            // The first character of a number must be one of [0-9+-.].
+            return undefined;
+          }
+
+          // Read the integer part, build right-to-left.
+          const startIntPartIndex = this._currentIndex;
+          while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+            this._currentIndex++; // Advance to first non-digit.
+          }
+
+          if (this._currentIndex !== startIntPartIndex) {
+            let scanIntPartIndex = this._currentIndex - 1;
+            let multiplier = 1;
+            while (scanIntPartIndex >= startIntPartIndex) {
+              integer += multiplier * (this._string.charAt(scanIntPartIndex--) - '0');
+              multiplier *= 10;
+            }
+          }
+
+          // Read the decimals.
+          if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '.') {
+            this._currentIndex++;
+
+            // There must be a least one digit following the .
+            if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {
+              return undefined;
+            }
+            while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+              frac *= 10;
+              decimal += (this._string.charAt(this._currentIndex) - '0') / frac;
+              this._currentIndex += 1;
+            }
+          }
+
+          // Read the exponent part.
+          if (this._currentIndex !== startIndex && this._currentIndex + 1 < this._endIndex && (this._string.charAt(this._currentIndex) === 'e' || this._string.charAt(this._currentIndex) === 'E') && (this._string.charAt(this._currentIndex + 1) !== 'x' && this._string.charAt(this._currentIndex + 1) !== 'm')) {
+            this._currentIndex++;
+
+            // Read the sign of the exponent.
+            if (this._string.charAt(this._currentIndex) === '+') {
+              this._currentIndex++;
+            } else if (this._string.charAt(this._currentIndex) === '-') {
+              this._currentIndex++;
+              expsign = -1;
+            }
+
+            // There must be an exponent.
+            if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {
+              return undefined;
+            }
+
+            while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+              exponent *= 10;
+              exponent += (this._string.charAt(this._currentIndex) - '0');
+              this._currentIndex++;
+            }
+          }
+
+          let number = integer + decimal;
+          number *= sign;
+
+          if (exponent) {
+            number *= Math.pow(10, expsign * exponent);
+          }
+
+          if (startIndex === this._currentIndex) {
+            return undefined;
+          }
+
+          this._skipOptionalSpacesOrDelimiter();
+
+          return number;
+        }
+
+        _parseArcFlag () {
+          if (this._currentIndex >= this._endIndex) {
+            return undefined;
+          }
+          let flag = false;
+          const flagChar = this._string.charAt(this._currentIndex++);
+          if (flagChar === '0') {
+            flag = false;
+          } else if (flagChar === '1') {
+            flag = true;
+          } else {
+            return undefined;
+          }
+
+          this._skipOptionalSpacesOrDelimiter();
+          return flag;
+        }
+
+        parseSegment () {
+          const lookahead = this._string[this._currentIndex];
+          let command = this._pathSegTypeFromChar(lookahead);
+          if (command === SVGPathSeg.PATHSEG_UNKNOWN) {
+            // Possibly an implicit command. Not allowed if this is the first command.
+            if (this._previousCommand === SVGPathSeg.PATHSEG_UNKNOWN) {
+              return null;
+            }
+            command = this._nextCommandHelper(lookahead, this._previousCommand);
+            if (command === SVGPathSeg.PATHSEG_UNKNOWN) {
+              return null;
+            }
+          } else {
+            this._currentIndex++;
+          }
+
+          this._previousCommand = command;
+
+          switch (command) {
+          case SVGPathSeg.PATHSEG_MOVETO_REL:
+            return new SVGPathSegMovetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+          case SVGPathSeg.PATHSEG_MOVETO_ABS:
+            return new SVGPathSegMovetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+          case SVGPathSeg.PATHSEG_LINETO_REL:
+            return new SVGPathSegLinetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+          case SVGPathSeg.PATHSEG_LINETO_ABS:
+            return new SVGPathSegLinetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+          case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:
+            return new SVGPathSegLinetoHorizontalRel(owningPathSegList, this._parseNumber());
+          case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:
+            return new SVGPathSegLinetoHorizontalAbs(owningPathSegList, this._parseNumber());
+          case SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:
+            return new SVGPathSegLinetoVerticalRel(owningPathSegList, this._parseNumber());
+          case SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:
+            return new SVGPathSegLinetoVerticalAbs(owningPathSegList, this._parseNumber());
+          case SVGPathSeg.PATHSEG_CLOSEPATH:
+            this._skipOptionalSpaces();
+            return new SVGPathSegClosePath(owningPathSegList);
+          case SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL: {
+            const points = {x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};
+            return new SVGPathSegCurvetoCubicRel(owningPathSegList, points.x, points.y, points.x1, points.y1, points.x2, points.y2);
+          } case SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS: {
+            const points = {x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};
+            return new SVGPathSegCurvetoCubicAbs(owningPathSegList, points.x, points.y, points.x1, points.y1, points.x2, points.y2);
+          } case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL: {
+            const points = {x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};
+            return new SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, points.x, points.y, points.x2, points.y2);
+          } case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS: {
+            const points = {x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};
+            return new SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, points.x, points.y, points.x2, points.y2);
+          } case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL: {
+            const points = {x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};
+            return new SVGPathSegCurvetoQuadraticRel(owningPathSegList, points.x, points.y, points.x1, points.y1);
+          } case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:
+            const points = {x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber()};
+            return new SVGPathSegCurvetoQuadraticAbs(owningPathSegList, points.x, points.y, points.x1, points.y1);
+          case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:
+            return new SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+          case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:
+            return new SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+          case SVGPathSeg.PATHSEG_ARC_REL: {
+            const points = {x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber()};
+            return new SVGPathSegArcRel(owningPathSegList, points.x, points.y, points.x1, points.y1, points.arcAngle, points.arcLarge, points.arcSweep);
+          } case SVGPathSeg.PATHSEG_ARC_ABS: {
+            const points = {x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber()};
+            return new SVGPathSegArcAbs(owningPathSegList, points.x, points.y, points.x1, points.y1, points.arcAngle, points.arcLarge, points.arcSweep);
+          } default:
+            throw new Error('Unknown path seg type.');
+          }
+        }
+      }
+
+      const builder = new Builder();
+      const source = new Source(string);
+
+      if (!source.initialCommandIsMoveTo()) {
+        return [];
+      }
+      while (source.hasMoreData()) {
+        const pathSeg = source.parseSegment();
+        if (!pathSeg) {
+          return [];
+        }
+        builder.appendSegment(pathSeg);
+      }
+
+      return builder.pathSegList;
+    }
+  }
+
+  SVGPathSegList.prototype.classname = 'SVGPathSegList';
+
+  Object.defineProperty(SVGPathSegList.prototype, 'numberOfItems', {
+    get () {
+      this._checkPathSynchronizedToList();
+      return this._list.length;
+    },
+    enumerable: true
+  });
+
+  SVGPathSegList._pathSegArrayAsString = function (pathSegArray) {
+    let string = '';
+    let first = true;
+    pathSegArray.forEach((pathSeg) => {
+      if (first) {
+        first = false;
+        string += pathSeg._asPathString();
+      } else {
+        string += ' ' + pathSeg._asPathString();
+      }
+    });
+    return string;
+  };
+
+  // Add the pathSegList accessors to SVGPathElement.
+  // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGAnimatedPathData
+  Object.defineProperties(SVGPathElement.prototype, {
+    pathSegList: {
+      get () {
+        if (!this._pathSegList) {
+          this._pathSegList = new SVGPathSegList(this);
+        }
+        return this._pathSegList;
+      },
+      enumerable: true
+    },
+    // FIXME: The following are not implemented and simply return SVGPathElement.pathSegList.
+    normalizedPathSegList: { get () { return this.pathSegList; }, enumerable: true },
+    animatedPathSegList: { get () { return this.pathSegList; }, enumerable: true },
+    animatedNormalizedPathSegList: { get () { return this.pathSegList; }, enumerable: true }
+  });
+  window.SVGPathSegList = SVGPathSegList;
+}
+})();
diff --git a/editor/svgtransformlist.js b/editor/svgtransformlist.js
index d0b8e7fe..a5872b0b 100644
--- a/editor/svgtransformlist.js
+++ b/editor/svgtransformlist.js
@@ -1,289 +1,382 @@
-/*globals $, svgedit*/
-/*jslint vars: true, eqeq: true*/
 /**
- * SVGTransformList
+ * Partial polyfill of `SVGTransformList`
+ * @module SVGTransformList
  *
- * Licensed under the MIT License
+ * @license MIT
  *
- * Copyright(c) 2010 Alexis Deveria
- * Copyright(c) 2010 Jeff Schiller
+ * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
  */
 
-// Dependencies:
-// 1) browser.js
+import {NS} from './namespaces.js';
+import {supportsNativeTransformLists} from './browser.js';
 
-(function() {'use strict';
-
-if (!svgedit.transformlist) {
-	svgedit.transformlist = {};
-}
-
-var svgroot = document.createElementNS(svgedit.NS.SVG, 'svg');
+const svgroot = document.createElementNS(NS.SVG, 'svg');
 
 // Helper function.
-function transformToString(xform) {
-	var m = xform.matrix,
-		text = '';
-	switch(xform.type) {
-		case 1: // MATRIX
-			text = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')';
-			break;
-		case 2: // TRANSLATE
-			text = 'translate(' + m.e + ',' + m.f + ')';
-			break;
-		case 3: // SCALE
-			if (m.a == m.d) {text = 'scale(' + m.a + ')';}
-			else {text = 'scale(' + m.a + ',' + m.d + ')';}
-			break;
-		case 4: // ROTATE
-			var cx = 0, cy = 0;
-			// this prevents divide by zero
-			if (xform.angle != 0) {
-				var K = 1 - m.a;
-				cy = ( K * m.f + m.b*m.e ) / ( K*K + m.b*m.b );
-				cx = ( m.e - m.b * cy ) / K;
-			}
-			text = 'rotate(' + xform.angle + ' ' + cx + ',' + cy + ')';
-			break;
-	}
-	return text;
+function transformToString (xform) {
+  const m = xform.matrix;
+  let text = '';
+  switch (xform.type) {
+  case 1: // MATRIX
+    text = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')';
+    break;
+  case 2: // TRANSLATE
+    text = 'translate(' + m.e + ',' + m.f + ')';
+    break;
+  case 3: // SCALE
+    if (m.a === m.d) {
+      text = 'scale(' + m.a + ')';
+    } else {
+      text = 'scale(' + m.a + ',' + m.d + ')';
+    }
+    break;
+  case 4: { // ROTATE
+    let cx = 0;
+    let cy = 0;
+    // this prevents divide by zero
+    if (xform.angle !== 0) {
+      const K = 1 - m.a;
+      cy = (K * m.f + m.b * m.e) / (K * K + m.b * m.b);
+      cx = (m.e - m.b * cy) / K;
+    }
+    text = 'rotate(' + xform.angle + ' ' + cx + ',' + cy + ')';
+    break;
+  }
+  }
+  return text;
 }
 
-
 /**
  * Map of SVGTransformList objects.
  */
-var listMap_ = {};
+let listMap_ = {};
 
+/**
+* @interface module:SVGTransformList.SVGEditTransformList
+* @property {Integer} numberOfItems unsigned long
+*/
+/**
+* @function module:SVGTransformList.SVGEditTransformList#clear
+* @returns {undefined}
+*/
+/**
+* @function module:SVGTransformList.SVGEditTransformList#initialize
+* @param {SVGTransform} newItem
+* @returns {SVGTransform}
+*/
+/**
+* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+* @function module:SVGTransformList.SVGEditTransformList#getItem
+* @param {Integer} index unsigned long
+* @returns {SVGTransform}
+*/
+/**
+* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+* @function module:SVGTransformList.SVGEditTransformList#insertItemBefore
+* @param {SVGTransform} newItem
+* @param {Integer} index unsigned long
+* @returns {SVGTransform}
+*/
+/**
+* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+* @function module:SVGTransformList.SVGEditTransformList#replaceItem
+* @param {SVGTransform} newItem
+* @param {Integer} index unsigned long
+* @returns {SVGTransform}
+*/
+/**
+* (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+* @function module:SVGTransformList.SVGEditTransformList#removeItem
+* @param {Integer} index unsigned long
+* @returns {SVGTransform}
+*/
+/**
+* @function module:SVGTransformList.SVGEditTransformList#appendItem
+* @param {SVGTransform} newItem
+* @returns {SVGTransform}
+*/
+/**
+* NOT IMPLEMENTED
+* @ignore
+* @function module:SVGTransformList.SVGEditTransformList#createSVGTransformFromMatrix
+* @param {SVGMatrix} matrix
+* @returns {SVGTransform}
+*/
+/**
+* NOT IMPLEMENTED
+* @ignore
+* @function module:SVGTransformList.SVGEditTransformList#consolidate
+* @returns {SVGTransform}
+*/
 
-// **************************************************************************************
-// SVGTransformList implementation for Webkit 
-// These methods do not currently raise any exceptions.
-// These methods also do not check that transforms are being inserted.  This is basically
-// implementing as much of SVGTransformList that we need to get the job done.
-//
-//  interface SVGEditTransformList { 
-//		attribute unsigned long numberOfItems;
-//		void   clear (  )
-//		SVGTransform initialize ( in SVGTransform newItem )
-//		SVGTransform getItem ( in unsigned long index ) (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
-//		SVGTransform insertItemBefore ( in SVGTransform newItem, in unsigned long index ) (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
-//		SVGTransform replaceItem ( in SVGTransform newItem, in unsigned long index ) (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
-//		SVGTransform removeItem ( in unsigned long index ) (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
-//		SVGTransform appendItem ( in SVGTransform newItem )
-//		NOT IMPLEMENTED: SVGTransform createSVGTransformFromMatrix ( in SVGMatrix matrix );
-//		NOT IMPLEMENTED: SVGTransform consolidate (  );
-//	}
-// **************************************************************************************
-svgedit.transformlist.SVGTransformList = function(elem) {
-	this._elem = elem || null;
-	this._xforms = [];
-	// TODO: how do we capture the undo-ability in the changed transform list?
-	this._update = function() {
-		var tstr = '';
-		var concatMatrix = svgroot.createSVGMatrix();
-		var i;
-		for (i = 0; i < this.numberOfItems; ++i) {
-			var xform = this._list.getItem(i);
-			tstr += transformToString(xform) + ' ';
-		}
-		this._elem.setAttribute('transform', tstr);
-	};
-	this._list = this;
-	this._init = function() {
-		// Transform attribute parser
-		var str = this._elem.getAttribute('transform');
-		if (!str) {return;}
+/**
+* SVGTransformList implementation for Webkit.
+* These methods do not currently raise any exceptions.
+* These methods also do not check that transforms are being inserted.  This is basically
+* implementing as much of SVGTransformList that we need to get the job done.
+*/
+export class SVGTransformList {
+  /**
+  * @param {Element} elem
+  */
+  constructor (elem) {
+    this._elem = elem || null;
+    this._xforms = [];
+    // TODO: how do we capture the undo-ability in the changed transform list?
+    this._update = function () {
+      let tstr = '';
+      /* const concatMatrix = */ svgroot.createSVGMatrix();
+      for (let i = 0; i < this.numberOfItems; ++i) {
+        const xform = this._list.getItem(i);
+        tstr += transformToString(xform) + ' ';
+      }
+      this._elem.setAttribute('transform', tstr);
+    };
+    this._list = this;
+    this._init = function () {
+      // Transform attribute parser
+      let str = this._elem.getAttribute('transform');
+      if (!str) { return; }
 
-		// TODO: Add skew support in future
-		var re = /\s*((scale|matrix|rotate|translate)\s*\(.*?\))\s*,?\s*/;
-		var m = true;
-		while (m) {
-			m = str.match(re);
-			str = str.replace(re, '');
-			if (m && m[1]) {
-				var x = m[1];
-				var bits = x.split(/\s*\(/);
-				var name = bits[0];
-				var val_bits = bits[1].match(/\s*(.*?)\s*\)/);
-				val_bits[1] = val_bits[1].replace(/(\d)-/g, '$1 -');
-				var val_arr = val_bits[1].split(/[, ]+/);
-				var letters = 'abcdef'.split('');
-				var mtx = svgroot.createSVGMatrix();
-				$.each(val_arr, function(i, item) {
-					val_arr[i] = parseFloat(item);
-					if (name == 'matrix') {
-						mtx[letters[i]] = val_arr[i];
-					}
-				});
-				var xform = svgroot.createSVGTransform();
-				var fname = 'set' + name.charAt(0).toUpperCase() + name.slice(1);
-				var values = name == 'matrix' ? [mtx] : val_arr;
+      // TODO: Add skew support in future
+      const re = /\s*((scale|matrix|rotate|translate)\s*\(.*?\))\s*,?\s*/;
+      let m = true;
+      while (m) {
+        m = str.match(re);
+        str = str.replace(re, '');
+        if (m && m[1]) {
+          const x = m[1];
+          const bits = x.split(/\s*\(/);
+          const name = bits[0];
+          const valBits = bits[1].match(/\s*(.*?)\s*\)/);
+          valBits[1] = valBits[1].replace(/(\d)-/g, '$1 -');
+          const valArr = valBits[1].split(/[, ]+/);
+          const letters = 'abcdef'.split('');
+          const mtx = svgroot.createSVGMatrix();
+          Object.values(valArr).forEach(function (item, i) {
+            valArr[i] = parseFloat(item);
+            if (name === 'matrix') {
+              mtx[letters[i]] = valArr[i];
+            }
+          });
+          const xform = svgroot.createSVGTransform();
+          const fname = 'set' + name.charAt(0).toUpperCase() + name.slice(1);
+          const values = name === 'matrix' ? [mtx] : valArr;
 
-				if (name == 'scale' && values.length == 1) {
-					values.push(values[0]);
-				} else if (name == 'translate' && values.length == 1) {
-					values.push(0);
-				} else if (name == 'rotate' && values.length == 1) {
-					values.push(0, 0);
-				}
-				xform[fname].apply(xform, values);
-				this._list.appendItem(xform);
-			}
-		}
-	};
-	this._removeFromOtherLists = function(item) {
-		if (item) {
-			// Check if this transform is already in a transformlist, and
-			// remove it if so.
-			var found = false;
-			var id;
-			for (id in listMap_) {
-				var tl = listMap_[id];
-				var i, len;
-				for (i = 0, len = tl._xforms.length; i < len; ++i) {
-					if (tl._xforms[i] == item) {
-						found = true;
-						tl.removeItem(i);
-						break;
-					}
-				}
-				if (found) {
-					break;
-				}
-			}
-		}
-	};
+          if (name === 'scale' && values.length === 1) {
+            values.push(values[0]);
+          } else if (name === 'translate' && values.length === 1) {
+            values.push(0);
+          } else if (name === 'rotate' && values.length === 1) {
+            values.push(0, 0);
+          }
+          xform[fname].apply(xform, values);
+          this._list.appendItem(xform);
+        }
+      }
+    };
+    this._removeFromOtherLists = function (item) {
+      if (item) {
+        // Check if this transform is already in a transformlist, and
+        // remove it if so.
+        let found = false;
+        for (const id in listMap_) {
+          const tl = listMap_[id];
+          for (let i = 0, len = tl._xforms.length; i < len; ++i) {
+            if (tl._xforms[i] === item) {
+              found = true;
+              tl.removeItem(i);
+              break;
+            }
+          }
+          if (found) {
+            break;
+          }
+        }
+      }
+    };
 
-	this.numberOfItems = 0;
-	this.clear = function() {
-		this.numberOfItems = 0;
-		this._xforms = [];
-	};
+    this.numberOfItems = 0;
+  }
+  /**
+  * @returns {undefined}
+  */
+  clear () {
+    this.numberOfItems = 0;
+    this._xforms = [];
+  }
 
-	this.initialize = function(newItem) {
-		this.numberOfItems = 1;
-		this._removeFromOtherLists(newItem);
-		this._xforms = [newItem];
-	};
+  /**
+  * @param {SVGTransform} newItem
+  * @returns {SVGTransform}
+  */
+  initialize (newItem) {
+    this.numberOfItems = 1;
+    this._removeFromOtherLists(newItem);
+    this._xforms = [newItem];
+  }
 
-	this.getItem = function(index) {
-		if (index < this.numberOfItems && index >= 0) {
-			return this._xforms[index];
-		}
-		throw {code: 1}; // DOMException with code=INDEX_SIZE_ERR
-	};
+  /**
+  * @param {Integer} index unsigned long
+  * @throws {Error}
+  * @returns {SVGTransform}
+  */
+  getItem (index) {
+    if (index < this.numberOfItems && index >= 0) {
+      return this._xforms[index];
+    }
+    const err = new Error('DOMException with code=INDEX_SIZE_ERR');
+    err.code = 1;
+    throw err;
+  }
 
-	this.insertItemBefore = function(newItem, index) {
-		var retValue = null;
-		if (index >= 0) {
-			if (index < this.numberOfItems) {
-				this._removeFromOtherLists(newItem);
-				var newxforms = new Array(this.numberOfItems + 1);
-				// TODO: use array copying and slicing
-				var i;
-				for (i = 0; i < index; ++i) {
-					newxforms[i] = this._xforms[i];
-				}
-				newxforms[i] = newItem;
-				var j;
-				for (j = i+1; i < this.numberOfItems; ++j, ++i) {
-					newxforms[j] = this._xforms[i];
-				}
-				this.numberOfItems++;
-				this._xforms = newxforms;
-				retValue = newItem;
-				this._list._update();
-			}
-			else {
-				retValue = this._list.appendItem(newItem);
-			}
-		}
-		return retValue;
-	};
+  /**
+  * @param {SVGTransform} newItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  insertItemBefore (newItem, index) {
+    let retValue = null;
+    if (index >= 0) {
+      if (index < this.numberOfItems) {
+        this._removeFromOtherLists(newItem);
+        const newxforms = new Array(this.numberOfItems + 1);
+        // TODO: use array copying and slicing
+        let i;
+        for (i = 0; i < index; ++i) {
+          newxforms[i] = this._xforms[i];
+        }
+        newxforms[i] = newItem;
+        for (let j = i + 1; i < this.numberOfItems; ++j, ++i) {
+          newxforms[j] = this._xforms[i];
+        }
+        this.numberOfItems++;
+        this._xforms = newxforms;
+        retValue = newItem;
+        this._list._update();
+      } else {
+        retValue = this._list.appendItem(newItem);
+      }
+    }
+    return retValue;
+  }
 
-	this.replaceItem = function(newItem, index) {
-		var retValue = null;
-		if (index < this.numberOfItems && index >= 0) {
-			this._removeFromOtherLists(newItem);
-			this._xforms[index] = newItem;
-			retValue = newItem;
-			this._list._update();
-		}
-		return retValue;
-	};
+  /**
+  * @param {SVGTransform} newItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  replaceItem (newItem, index) {
+    let retValue = null;
+    if (index < this.numberOfItems && index >= 0) {
+      this._removeFromOtherLists(newItem);
+      this._xforms[index] = newItem;
+      retValue = newItem;
+      this._list._update();
+    }
+    return retValue;
+  }
 
-	this.removeItem = function(index) {
-		if (index < this.numberOfItems && index >= 0) {
-			var retValue = this._xforms[index];
-			var newxforms = new Array(this.numberOfItems - 1);
-			var i, j;
-			for (i = 0; i < index; ++i) {
-				newxforms[i] = this._xforms[i];
-			}
-			for (j = i; j < this.numberOfItems-1; ++j, ++i) {
-				newxforms[j] = this._xforms[i+1];
-			}
-			this.numberOfItems--;
-			this._xforms = newxforms;
-			this._list._update();
-			return retValue;
-		}
-		throw {code: 1}; // DOMException with code=INDEX_SIZE_ERR
-	};
+  /**
+  * @param {Integer} index unsigned long
+  * @throws {Error}
+  * @returns {SVGTransform}
+  */
+  removeItem (index) {
+    if (index < this.numberOfItems && index >= 0) {
+      const retValue = this._xforms[index];
+      const newxforms = new Array(this.numberOfItems - 1);
+      let i;
+      for (i = 0; i < index; ++i) {
+        newxforms[i] = this._xforms[i];
+      }
+      for (let j = i; j < this.numberOfItems - 1; ++j, ++i) {
+        newxforms[j] = this._xforms[i + 1];
+      }
+      this.numberOfItems--;
+      this._xforms = newxforms;
+      this._list._update();
+      return retValue;
+    }
+    const err = new Error('DOMException with code=INDEX_SIZE_ERR');
+    err.code = 1;
+    throw err;
+  }
 
-	this.appendItem = function(newItem) {
-		this._removeFromOtherLists(newItem);
-		this._xforms.push(newItem);
-		this.numberOfItems++;
-		this._list._update();
-		return newItem;
-	};
-};
+  /**
+  * @param {SVGTransform} newItem
+  * @returns {SVGTransform}
+  */
+  appendItem (newItem) {
+    this._removeFromOtherLists(newItem);
+    this._xforms.push(newItem);
+    this.numberOfItems++;
+    this._list._update();
+    return newItem;
+  }
+}
 
-
-svgedit.transformlist.resetListMap = function() {
-	listMap_ = {};
+/**
+* @function module:SVGTransformList.resetListMap
+* @returns {undefined}
+*/
+export const resetListMap = function () {
+  listMap_ = {};
 };
 
 /**
  * Removes transforms of the given element from the map.
- * Parameters:
- * elem - a DOM Element
+ * @function module:SVGTransformList.removeElementFromListMap
+ * @param {Element} elem - a DOM Element
+ * @returns {undefined}
  */
-svgedit.transformlist.removeElementFromListMap = function(elem) {
-	if (elem.id && listMap_[elem.id]) {
-		delete listMap_[elem.id];
-	}
+export let removeElementFromListMap = function (elem) {
+  if (elem.id && listMap_[elem.id]) {
+    delete listMap_[elem.id];
+  }
 };
 
-// Function: getTransformList
-// Returns an object that behaves like a SVGTransformList for the given DOM element
-//
-// Parameters:
-// elem - DOM element to get a transformlist from
-svgedit.transformlist.getTransformList = function(elem) {
-	if (!svgedit.browser.supportsNativeTransformLists()) {
-		var id = elem.id || 'temp';
-		var t = listMap_[id];
-		if (!t || id === 'temp') {
-			listMap_[id] = new svgedit.transformlist.SVGTransformList(elem);
-			listMap_[id]._init();
-			t = listMap_[id];
-		}
-		return t;
-	}
-	if (elem.transform) {
-		return elem.transform.baseVal;
-	}
-	if (elem.gradientTransform) {
-		return elem.gradientTransform.baseVal;
-	}
-	if (elem.patternTransform) {
-		return elem.patternTransform.baseVal;
-	}
+/**
+* Returns an object that behaves like a `SVGTransformList` for the given DOM element
+* @function module:SVGTransformList.getTransformList
+* @param {Element} elem - DOM element to get a transformlist from
+* @todo The polyfill should have `SVGAnimatedTransformList` and this should use it
+* @returns {SVGAnimatedTransformList|SVGTransformList}
+*/
+export const getTransformList = function (elem) {
+  if (!supportsNativeTransformLists()) {
+    const id = elem.id || 'temp';
+    let t = listMap_[id];
+    if (!t || id === 'temp') {
+      listMap_[id] = new SVGTransformList(elem);
+      listMap_[id]._init();
+      t = listMap_[id];
+    }
+    return t;
+  }
+  if (elem.transform) {
+    return elem.transform.baseVal;
+  }
+  if (elem.gradientTransform) {
+    return elem.gradientTransform.baseVal;
+  }
+  if (elem.patternTransform) {
+    return elem.patternTransform.baseVal;
+  }
 
-	return null;
+  return null;
 };
 
-}());
\ No newline at end of file
+/**
+* @callback module:SVGTransformList.removeElementFromListMap
+* @param {Element} elem
+*/
+/**
+* For unit-testing
+* @function module:SVGTransformList.changeRemoveElementFromListMap
+* @param {module:SVGTransformList.removeElementFromListMap} cb Passed a single argument `elem`
+* @returns {undefined}
+*/
+export const changeRemoveElementFromListMap = function (cb) {
+  removeElementFromListMap = cb;
+};
diff --git a/editor/svgutils.js b/editor/svgutils.js
deleted file mode 100644
index e5eb7d3b..00000000
--- a/editor/svgutils.js
+++ /dev/null
@@ -1,1385 +0,0 @@
-/*globals $, svgedit, unescape, DOMParser, ActiveXObject, getStrokedBBox*/
-/*jslint vars: true, eqeq: true, bitwise: true, continue: true, forin: true*/
-/**
- * Package: svgedit.utilities
- *
- * Licensed under the MIT License
- *
- * Copyright(c) 2010 Alexis Deveria
- * Copyright(c) 2010 Jeff Schiller
- */
-
-// Dependencies:
-// 1) jQuery
-// 2) pathseg.js
-// 3) browser.js
-// 4) svgtransformlist.js
-// 5) units.js
-
-(function(undef) {'use strict';
-
-if (!svgedit.utilities) {
-	svgedit.utilities = {};
-}
-
-// Constants
-
-// String used to encode base64.
-var KEYSTR = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
-var NS = svgedit.NS;
-
-// Much faster than running getBBox() every time
-var visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';
-var visElems_arr = visElems.split(',');
-//var hidElems = 'clipPath,defs,desc,feGaussianBlur,filter,linearGradient,marker,mask,metadata,pattern,radialGradient,stop,switch,symbol,title,textPath';
-
-var editorContext_ = null;
-var domdoc_ = null;
-var domcontainer_ = null;
-var svgroot_ = null;
-
-svgedit.utilities.init = function(editorContext) {
-	editorContext_ = editorContext;
-	domdoc_ = editorContext.getDOMDocument();
-	domcontainer_ = editorContext.getDOMContainer();
-	svgroot_ = editorContext.getSVGRoot();
-};
-
-// Function: svgedit.utilities.toXml
-// Converts characters in a string to XML-friendly entities.
-//
-// Example: '&' becomes '&amp;'
-//
-// Parameters:
-// str - The string to be converted
-//
-// Returns:
-// The converted string
-svgedit.utilities.toXml = function(str) {
-	// &apos; is ok in XML, but not HTML
-	// &gt; does not normally need escaping, though it can if within a CDATA expression (and preceded by "]]")
-	return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/, '&#x27;');
-};
-
-// Function: svgedit.utilities.fromXml
-// Converts XML entities in a string to single characters.
-// Example: '&amp;' becomes '&'
-//
-// Parameters:
-// str - The string to be converted
-//
-// Returns:
-// The converted string
-svgedit.utilities.fromXml = function(str) {
-	return $('<p/>').html(str).text();
-};
-
-// This code was written by Tyler Akins and has been placed in the
-// public domain.  It would be nice if you left this header intact.
-// Base64 code from Tyler Akins -- http://rumkin.com
-
-// schiller: Removed string concatenation in favour of Array.join() optimization,
-//				also precalculate the size of the array needed.
-
-// Function: svgedit.utilities.encode64
-// Converts a string to base64
-svgedit.utilities.encode64 = function(input) {
-	// base64 strings are 4/3 larger than the original string
-	input = svgedit.utilities.encodeUTF8(input); // convert non-ASCII characters
-	// input = svgedit.utilities.convertToXMLReferences(input);
-	if (window.btoa) {
-		return window.btoa(input); // Use native if available
-    }
-    var output = [];
-	output.length = Math.floor( (input.length + 2) / 3 ) * 4;
-	var chr1, chr2, chr3;
-	var enc1, enc2, enc3, enc4;
-	var i = 0, p = 0;
-
-	do {
-		chr1 = input.charCodeAt(i++);
-		chr2 = input.charCodeAt(i++);
-		chr3 = input.charCodeAt(i++);
-
-		enc1 = chr1 >> 2;
-		enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
-		enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
-		enc4 = chr3 & 63;
-
-		if (isNaN(chr2)) {
-			enc3 = enc4 = 64;
-		} else if (isNaN(chr3)) {
-			enc4 = 64;
-		}
-
-		output[p++] = KEYSTR.charAt(enc1);
-		output[p++] = KEYSTR.charAt(enc2);
-		output[p++] = KEYSTR.charAt(enc3);
-		output[p++] = KEYSTR.charAt(enc4);
-	} while (i < input.length);
-
-	return output.join('');
-};
-
-// Function: svgedit.utilities.decode64
-// Converts a string from base64
-svgedit.utilities.decode64 = function(input) {
-	if(window.atob) {
-        return svgedit.utilities.decodeUTF8(window.atob(input));
-    }
-	var output = '';
-	var chr1, chr2, chr3 = '';
-	var enc1, enc2, enc3, enc4 = '';
-	var i = 0;
-
-	// remove all characters that are not A-Z, a-z, 0-9, +, /, or =
-	input = input.replace(/[^A-Za-z0-9\+\/\=]/g, '');
-
-	do {
-		enc1 = KEYSTR.indexOf(input.charAt(i++));
-		enc2 = KEYSTR.indexOf(input.charAt(i++));
-		enc3 = KEYSTR.indexOf(input.charAt(i++));
-		enc4 = KEYSTR.indexOf(input.charAt(i++));
-
-		chr1 = (enc1 << 2) | (enc2 >> 4);
-		chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
-		chr3 = ((enc3 & 3) << 6) | enc4;
-
-		output = output + String.fromCharCode(chr1);
-
-		if (enc3 != 64) {
-			output = output + String.fromCharCode(chr2);
-		}
-		if (enc4 != 64) {
-			output = output + String.fromCharCode(chr3);
-		}
-
-		chr1 = chr2 = chr3 = '';
-		enc1 = enc2 = enc3 = enc4 = '';
-
-	} while (i < input.length);
-    return svgedit.utilities.decodeUTF8(output);
-};
-
-svgedit.utilities.decodeUTF8 = function (argString) {
-    return decodeURIComponent(escape(argString));
-};
-
-// codedread:does not seem to work with webkit-based browsers on OSX // Brettz9: please test again as function upgraded
-svgedit.utilities.encodeUTF8 = function (argString) {
-  return unescape(encodeURIComponent(argString));
-};
-
-// Function: svgedit.utilities.convertToXMLReferences
-// Converts a string to use XML references
-svgedit.utilities.convertToXMLReferences = function(input) {
-	var n,
-		output = '';
-	for (n = 0; n < input.length; n++){
-		var c = input.charCodeAt(n);
-		if (c < 128) {
-			output += input[n];
-		} else if(c > 127) {
-			output += ('&#' + c + ';');
-		}
-	}
-	return output;
-};
-
-// Function: svgedit.utilities.text2xml
-// Cross-browser compatible method of converting a string to an XML tree
-// found this function here: http://groups.google.com/group/jquery-dev/browse_thread/thread/c6d11387c580a77f
-svgedit.utilities.text2xml = function(sXML) {
-	if(sXML.indexOf('<svg:svg') >= 0) {
-		sXML = sXML.replace(/<(\/?)svg:/g, '<$1').replace('xmlns:svg', 'xmlns');
-	}
-
-	var out, dXML;
-	try{
-		dXML = (window.DOMParser)?new DOMParser():new ActiveXObject('Microsoft.XMLDOM');
-		dXML.async = false;
-	} catch(e){
-		throw new Error('XML Parser could not be instantiated');
-	}
-	try{
-		if (dXML.loadXML) {
-			out = (dXML.loadXML(sXML)) ? dXML : false;
-		}
-		else {
-			out = dXML.parseFromString(sXML, 'text/xml');
-		}
-	}
-	catch(e2){ throw new Error('Error parsing XML string'); }
-	return out;
-};
-
-// Function: svgedit.utilities.bboxToObj
-// Converts a SVGRect into an object.
-// 
-// Parameters:
-// bbox - a SVGRect
-// 
-// Returns:
-// An object with properties names x, y, width, height.
-svgedit.utilities.bboxToObj = function(bbox) {
-	return {
-		x: bbox.x,
-		y: bbox.y,
-		width: bbox.width,
-		height: bbox.height
-	};
-};
-
-// Function: svgedit.utilities.walkTree
-// Walks the tree and executes the callback on each element in a top-down fashion
-//
-// Parameters:
-// elem - DOM element to traverse
-// cbFn - Callback function to run on each element
-svgedit.utilities.walkTree = function(elem, cbFn){
-	if (elem && elem.nodeType == 1) {
-		cbFn(elem);
-		var i = elem.childNodes.length;
-		while (i--) {
-			svgedit.utilities.walkTree(elem.childNodes.item(i), cbFn);
-		}
-	}
-};
-
-// Function: svgedit.utilities.walkTreePost
-// Walks the tree and executes the callback on each element in a depth-first fashion
-// TODO: FIXME: Shouldn't this be calling walkTreePost?
-//
-// Parameters:
-// elem - DOM element to traverse
-// cbFn - Callback function to run on each element
-svgedit.utilities.walkTreePost = function(elem, cbFn) {
-	if (elem && elem.nodeType == 1) {
-		var i = elem.childNodes.length;
-		while (i--) {
-			svgedit.utilities.walkTree(elem.childNodes.item(i), cbFn);
-		}
-		cbFn(elem);
-	}
-};
-
-// Function: svgedit.utilities.getUrlFromAttr
-// Extracts the URL from the url(...) syntax of some attributes.
-// Three variants:
-//  * <circle fill="url(someFile.svg#foo)" />
-//  * <circle fill="url('someFile.svg#foo')" />
-//  * <circle fill='url("someFile.svg#foo")' />
-//
-// Parameters:
-// attrVal - The attribute value as a string
-//
-// Returns:
-// String with just the URL, like someFile.svg#foo
-svgedit.utilities.getUrlFromAttr = function(attrVal) {
-	if (attrVal) {
-		// url("#somegrad")
-		if (attrVal.indexOf('url("') === 0) {
-			return attrVal.substring(5, attrVal.indexOf('"',6));
-		}
-		// url('#somegrad')
-		if (attrVal.indexOf("url('") === 0) {
-			return attrVal.substring(5, attrVal.indexOf("'",6));
-		}
-		if (attrVal.indexOf("url(") === 0) {
-			return attrVal.substring(4, attrVal.indexOf(')'));
-		}
-	}
-	return null;
-};
-
-// Function: svgedit.utilities.getHref
-// Returns the given element's xlink:href value
-svgedit.utilities.getHref = function(elem) {
-	return elem.getAttributeNS(NS.XLINK, 'href');
-};
-
-// Function: svgedit.utilities.setHref
-// Sets the given element's xlink:href value
-svgedit.utilities.setHref = function(elem, val) {
-	elem.setAttributeNS(NS.XLINK, 'xlink:href', val);
-};
-
-// Function: findDefs
-//
-// Returns:
-// The document's <defs> element, create it first if necessary
-svgedit.utilities.findDefs = function() {
-	var svgElement = editorContext_.getSVGContent();
-	var defs = svgElement.getElementsByTagNameNS(NS.SVG, 'defs');
-	if (defs.length > 0) {
-		defs = defs[0];
-	} else {
-		defs = svgElement.ownerDocument.createElementNS(NS.SVG, 'defs');
-		if (svgElement.firstChild) {
-			// first child is a comment, so call nextSibling
-			svgElement.insertBefore(defs, svgElement.firstChild.nextSibling);
-		} else {
-			svgElement.appendChild(defs);
-		}
-	}
-	return defs;
-};
-
-// TODO(codedread): Consider moving the next to functions to bbox.js
-
-// Function: svgedit.utilities.getPathBBox
-// Get correct BBox for a path in Webkit
-// Converted from code found here:
-// http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html
-//
-// Parameters:
-// path - The path DOM element to get the BBox for
-//
-// Returns:
-// A BBox-like object
-svgedit.utilities.getPathBBox = function(path) {
-	var seglist = path.pathSegList;
-	var tot = seglist.numberOfItems;
-
-	var bounds = [[], []];
-	var start = seglist.getItem(0);
-	var P0 = [start.x, start.y];
-
-	var i;
-	for (i = 0; i < tot; i++) {
-		var seg = seglist.getItem(i);
-
-		if(seg.x === undef) {continue;}
-
-		// Add actual points to limits
-		bounds[0].push(P0[0]);
-		bounds[1].push(P0[1]);
-
-		if (seg.x1) {
-			var P1 = [seg.x1, seg.y1],
-				P2 = [seg.x2, seg.y2],
-				P3 = [seg.x, seg.y];
-
-			var j;
-			for (j = 0; j < 2; j++) {
-
-				var calc = function(t) {
-					return Math.pow(1-t,3) * P0[j]
-						+ 3 * Math.pow(1-t,2) * t * P1[j]
-						+ 3 * (1-t) * Math.pow(t, 2) * P2[j]
-						+ Math.pow(t,3) * P3[j];
-				};
-
-				var b = 6 * P0[j] - 12 * P1[j] + 6 * P2[j];
-				var a = -3 * P0[j] + 9 * P1[j] - 9 * P2[j] + 3 * P3[j];
-				var c = 3 * P1[j] - 3 * P0[j];
-
-				if (a == 0) {
-					if (b == 0) {
-						continue;
-					}
-					var t = -c / b;
-					if (0 < t && t < 1) {
-						bounds[j].push(calc(t));
-					}
-					continue;
-				}
-				var b2ac = Math.pow(b,2) - 4 * c * a;
-				if (b2ac < 0) {continue;}
-				var t1 = (-b + Math.sqrt(b2ac))/(2 * a);
-				if (0 < t1 && t1 < 1) {bounds[j].push(calc(t1));}
-				var t2 = (-b - Math.sqrt(b2ac))/(2 * a);
-				if (0 < t2 && t2 < 1) {bounds[j].push(calc(t2));}
-			}
-			P0 = P3;
-		} else {
-			bounds[0].push(seg.x);
-			bounds[1].push(seg.y);
-		}
-	}
-
-	var x = Math.min.apply(null, bounds[0]);
-	var w = Math.max.apply(null, bounds[0]) - x;
-	var y = Math.min.apply(null, bounds[1]);
-	var h = Math.max.apply(null, bounds[1]) - y;
-	return {
-		'x': x,
-		'y': y,
-		'width': w,
-		'height': h
-	};
-};
-
-// Function: groupBBFix
-// Get the given/selected element's bounding box object, checking for
-// horizontal/vertical lines (see issue 717)
-// Note that performance is currently terrible, so some way to improve would
-// be great.
-//
-// Parameters:
-// selected - Container or <use> DOM element
-function groupBBFix(selected) {
-	if(svgedit.browser.supportsHVLineContainerBBox()) {
-		try { return selected.getBBox();} catch(e){}
-	}
-	var ref = $.data(selected, 'ref');
-	var matched = null;
-	var ret, copy;
-
-	if(ref) {
-		copy = $(ref).children().clone().attr('visibility', 'hidden');
-		$(svgroot_).append(copy);
-		matched = copy.filter('line, path');
-	} else {
-		matched = $(selected).find('line, path');
-	}
-
-	var issue = false;
-	if(matched.length) {
-		matched.each(function() {
-			var bb = this.getBBox();
-			if(!bb.width || !bb.height) {
-				issue = true;
-			}
-		});
-		if(issue) {
-			var elems = ref ? copy : $(selected).children();
-			ret = getStrokedBBox(elems); // getStrokedBBox defined in svgcanvas
-		} else {
-			ret = selected.getBBox();
-		}
-	} else {
-		ret = selected.getBBox();
-	}
-	if(ref) {
-		copy.remove();
-	}
-	return ret;
-}
-
-// Function: svgedit.utilities.getBBox
-// Get the given/selected element's bounding box object, convert it to be more
-// usable when necessary
-//
-// Parameters:
-// elem - Optional DOM element to get the BBox for
-svgedit.utilities.getBBox = function(elem) {
-	var selected = elem || editorContext_.geSelectedElements()[0];
-	if (elem.nodeType != 1) {return null;}
-	var ret = null;
-	var elname = selected.nodeName;
-
-	switch ( elname ) {
-	case 'text':
-		if(selected.textContent === '') {
-			selected.textContent = 'a'; // Some character needed for the selector to use.
-			ret = selected.getBBox();
-			selected.textContent = '';
-		} else {
-			if (selected.getBBox) { ret = selected.getBBox(); }
-		}
-		break;
-	case 'path':
-		if(!svgedit.browser.supportsPathBBox()) {
-			ret = svgedit.utilities.getPathBBox(selected);
-		} else {
-			if (selected.getBBox) { ret = selected.getBBox(); }
-		}
-		break;
-	case 'g':
-	case 'a':
-		ret = groupBBFix(selected);
-		break;
-	default:
-
-		if(elname === 'use') {
-			ret = groupBBFix(selected, true);
-		}
-		if(elname === 'use' || ( elname === 'foreignObject' && svgedit.browser.isWebkit() ) ) {
-			if(!ret) {ret = selected.getBBox();}
-			// This is resolved in later versions of webkit, perhaps we should
-			// have a featured detection for correct 'use' behavior?
-			// ——————————
-			if(!svgedit.browser.isWebkit()) {
-				var bb = {};
-				bb.width = ret.width;
-				bb.height = ret.height;
-				bb.x = ret.x + parseFloat(selected.getAttribute('x')||0);
-				bb.y = ret.y + parseFloat(selected.getAttribute('y')||0);
-				ret = bb;
-			}
-		} else if(~visElems_arr.indexOf(elname)) {
-			if (selected) { ret = selected.getBBox(); }
-			else {
-				// Check if element is child of a foreignObject
-				var fo = $(selected).closest('foreignObject');
-				if (fo.length) {
-					if (fo[0].getBBox) {
-						ret = fo[0].getBBox();
-					}
-				}
-			}
-		}
-	}
-	if(ret) {
-		ret = svgedit.utilities.bboxToObj(ret);
-	}
-
-	// get the bounding box from the DOM (which is in that element's coordinate system)
-	return ret;
-};
-
-// Function: getPathDFromSegments
-// Create a path 'd' attribute from path segments.
-// Each segment is an array of the form: [singleChar, [x,y, x,y, ...]]
-//
-// Parameters:
-// pathSegments - An array of path segments to be converted
-//
-// Returns:
-// The converted path d attribute.
-svgedit.utilities.getPathDFromSegments = function(pathSegments) {
-	var d = '';
-
-	$.each(pathSegments, function(j, seg) {
-		var i;
-		var pts = seg[1];
-		d += seg[0];
-		for (i = 0; i < pts.length; i+=2) {
-			d += (pts[i] +','+pts[i+1]) + ' ';
-		}
-	});
-
-	return d;
-};
-
-// Function: getPathDFromElement
-// Make a path 'd' attribute from a simple SVG element shape.
-//
-// Parameters:
-// elem - The element to be converted
-//
-// Returns:
-// The path d attribute or undefined if the element type is unknown.
-svgedit.utilities.getPathDFromElement = function(elem) {
-
-	// Possibly the cubed root of 6, but 1.81 works best
-	var num = 1.81;
-	var d, a, rx, ry;
-	switch (elem.tagName) {
-		case 'ellipse':
-		case 'circle':
-			a = $(elem).attr(['rx', 'ry', 'cx', 'cy']);
-			var cx = a.cx, cy = a.cy;
-			rx = a.rx;
-			ry = a.ry;
-			if (elem.tagName == 'circle') {
-				rx = ry = $(elem).attr('r');
-			}
-
-			d = svgedit.utilities.getPathDFromSegments([
-				['M',[(cx-rx),(cy)]],
-				['C',[(cx-rx),(cy-ry/num), (cx-rx/num),(cy-ry), (cx),(cy-ry)]],
-				['C',[(cx+rx/num),(cy-ry), (cx+rx),(cy-ry/num), (cx+rx),(cy)]],
-				['C',[(cx+rx),(cy+ry/num), (cx+rx/num),(cy+ry), (cx),(cy+ry)]],
-				['C',[(cx-rx/num),(cy+ry), (cx-rx),(cy+ry/num), (cx-rx),(cy)]],
-				['Z',[]]
-			]);
-			break;
-		case 'path':
-			d = elem.getAttribute('d');
-			break;
-		case 'line':
-			a = $(elem).attr(['x1', 'y1', 'x2', 'y2']);
-			d = 'M'+a.x1+','+a.y1+'L'+a.x2+','+a.y2;
-			break;
-		case 'polyline':
-			d = 'M' + elem.getAttribute('points');
-			break;
-		case 'polygon':
-			d = 'M' + elem.getAttribute('points') + ' Z';
-			break;
-		case 'rect':
-			var r = $(elem).attr(['rx', 'ry']);
-			rx = r.rx;
-			ry = r.ry;
-			var b = elem.getBBox();
-			var x = b.x, y = b.y, w = b.width, h = b.height;
-			num = 4 - num; // Why? Because!
-
-			if (!rx && !ry) {
-				// Regular rect
-				d = svgedit.utilities.getPathDFromSegments([
-					['M',[x, y]],
-					['L',[x+w, y]],
-					['L',[x+w, y+h]],
-					['L',[x, y+h]],
-					['L',[x, y]],
-					['Z',[]]
-				]);
-			} else {
-				d = svgedit.utilities.getPathDFromSegments([
-					['M',[x, y+ry]],
-					['C',[x, y+ry/num, x+rx/num, y, x+rx, y]],
-					['L',[x+w-rx, y]],
-					['C',[x+w-rx/num, y, x+w, y+ry/num, x+w, y+ry]],
-					['L',[x+w, y+h-ry]],
-					['C',[x+w, y+h-ry/num, x+w-rx/num, y+h, x+w-rx, y+h]],
-					['L',[x+rx, y+h]],
-					['C',[x+rx/num, y+h, x, y+h-ry/num, x, y+h-ry]],
-					['L',[x, y+ry]],
-					['Z',[]]
-				]);
-			}
-			break;
-		default:
-			break;
-	}
-
-	return d;
-
-};
-
-// Function: getExtraAttributesForConvertToPath
-// Get a set of attributes from an element that is useful for convertToPath.
-//
-// Parameters:
-// elem - The element to be probed
-//
-// Returns:
-// An object with attributes.
-svgedit.utilities.getExtraAttributesForConvertToPath = function(elem) {
-	var attrs = {} ;
-	// TODO: make this list global so that we can properly maintain it
-	// TODO: what about @transform, @clip-rule, @fill-rule, etc?
-	$.each(['marker-start', 'marker-end', 'marker-mid', 'filter', 'clip-path'], function() {
-		var a = elem.getAttribute(this);
-		if (a) {
-			attrs[this] = a;
-		}
-	});
-	return attrs;
-};
-
-// Function: getBBoxOfElementAsPath
-// Get the BBox of an element-as-path
-//
-// Parameters:
-// elem - The DOM element to be probed
-// addSvgElementFromJson - Function to add the path element to the current layer. See canvas.addSvgElementFromJson
-// pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
-//
-// Returns:
-// The resulting path's bounding box object.
-svgedit.utilities.getBBoxOfElementAsPath = function(elem, addSvgElementFromJson, pathActions) {
-
-	var path = addSvgElementFromJson({
-		'element': 'path',
-		'attr': svgedit.utilities.getExtraAttributesForConvertToPath(elem)
-	});
-
-	var eltrans = elem.getAttribute('transform');
-	if (eltrans) {
-		path.setAttribute('transform', eltrans);
-	}
-
-	var parent = elem.parentNode;
-	if (elem.nextSibling) {
-		parent.insertBefore(path, elem);
-	} else {
-		parent.appendChild(path);
-	}
-
-	var d = svgedit.utilities.getPathDFromElement(elem);
-	if (d)
-		path.setAttribute('d', d);
-	else
-		path.parentNode.removeChild(path);
-
-	// Get the correct BBox of the new path, then discard it
-	pathActions.resetOrientation(path);
-	var bb = false;
-	try {
-		bb = path.getBBox();
-	} catch(e) {
-		// Firefox fails
-	}
-	path.parentNode.removeChild(path);
-	return bb;
-};
-
-// Function: convertToPath
-// Convert selected element to a path.
-//
-// Parameters:
-// elem - The DOM element to be converted
-// attrs - Apply attributes to new path. see canvas.convertToPath
-// addSvgElementFromJson - Function to add the path element to the current layer. See canvas.addSvgElementFromJson
-// pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
-// clearSelection - see canvas.clearSelection
-// addToSelection - see canvas.addToSelection
-// history - see svgedit.history
-// addCommandToHistory - see canvas.addCommandToHistory
-//
-// Returns:
-// The converted path element or null if the DOM element was not recognized.
-svgedit.utilities.convertToPath = function(elem, attrs, addSvgElementFromJson, pathActions, clearSelection, addToSelection, history, addCommandToHistory) {
-
-	var batchCmd = new history.BatchCommand('Convert element to Path');
-
-	// Any attribute on the element not covered by the passed-in attributes
-	attrs = $.extend({}, attrs, svgedit.utilities.getExtraAttributesForConvertToPath(elem));
-
-	var path = addSvgElementFromJson({
-		'element': 'path',
-		'attr': attrs
-	});
-
-	var eltrans = elem.getAttribute('transform');
-	if (eltrans) {
-		path.setAttribute('transform', eltrans);
-	}
-
-	var id = elem.id;
-	var parent = elem.parentNode;
-	if (elem.nextSibling) {
-		parent.insertBefore(path, elem);
-	} else {
-		parent.appendChild(path);
-	}
-
-	var d = svgedit.utilities.getPathDFromElement(elem);
-	if (d) {
-		path.setAttribute('d', d);
-
-		// Replace the current element with the converted one
-
-		// Reorient if it has a matrix
-		if (eltrans) {
-			var tlist = svgedit.transformlist.getTransformList(path);
-			if (svgedit.math.hasMatrixTransform(tlist)) {
-				pathActions.resetOrientation(path);
-			}
-		}
-
-		var nextSibling = elem.nextSibling;
-		batchCmd.addSubCommand(new history.RemoveElementCommand(elem, nextSibling, parent));
-		batchCmd.addSubCommand(new history.InsertElementCommand(path));
-
-		clearSelection();
-		elem.parentNode.removeChild(elem);
-		path.setAttribute('id', id);
-		path.removeAttribute('visibility');
-		addToSelection([path], true);
-
-		addCommandToHistory(batchCmd);
-
-		return path;
-	} else {
-		// the elem.tagName was not recognized, so no "d" attribute. Remove it, so we've haven't changed anything.
-		path.parentNode.removeChild(path);
-		return null;
-	}
-
-};
-
-// Function: bBoxCanBeOptimizedOverNativeGetBBox
-// Can the bbox be optimized over the native getBBox? The optimized bbox is the same as the native getBBox when
-// the rotation angle is a multiple of 90 degrees and there are no complex transforms.
-// Getting an optimized bbox can be dramatically slower, so we want to make sure it's worth it.
-//
-// The best example for this is a circle rotate 45 degrees. The circle doesn't get wider or taller when rotated
-// about it's center.
-//
-// The standard, unoptimized technique gets the native bbox of the circle, rotates the box 45 degrees, uses
-// that width and height, and applies any transforms to get the final bbox. This means the calculated bbox
-// is much wider than the original circle. If the angle had been 0, 90, 180, etc. both techniques render the
-// same bbox.
-//
-// The optimization is not needed if the rotation is a multiple 90 degrees. The default technique is to call
-// getBBox then apply the angle and any transforms.
-//
-// Parameters:
-// angle - The rotation angle in degrees
-// hasMatrixTransform - True if there is a matrix transform
-//
-// Returns:
-// True if the bbox can be optimized.
-function bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixTransform) {
-	var angleModulo90 = angle % 90;
-	var closeTo90 = angleModulo90 < -89.99 || angleModulo90 > 89.99;
-	var closeTo0 = angleModulo90 > -0.001 && angleModulo90 < 0.001;
-	return hasMatrixTransform || ! (closeTo0 || closeTo90);
-}
-
-// Function: getBBoxWithTransform
-// Get bounding box that includes any transforms.
-//
-// Parameters:
-// elem - The DOM element to be converted
-// addSvgElementFromJson - Function to add the path element to the current layer. See canvas.addSvgElementFromJson
-// pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
-//
-// Returns:
-// A single bounding box object
-svgedit.utilities.getBBoxWithTransform = function(elem, addSvgElementFromJson, pathActions) {
-	// TODO: Fix issue with rotated groups. Currently they work
-	// fine in FF, but not in other browsers (same problem mentioned
-	// in Issue 339 comment #2).
-
-	var bb = svgedit.utilities.getBBox(elem);
-
-	if (!bb) {
-		return null;
-	}
-
-	var tlist = svgedit.transformlist.getTransformList(elem);
-	var angle = svgedit.utilities.getRotationAngleFromTransformList(tlist);
-	var hasMatrixTransform = svgedit.math.hasMatrixTransform(tlist);
-
-	if (angle || hasMatrixTransform) {
-
-		var good_bb = false;
-		if (bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixTransform)) {
-			// Get the BBox from the raw path for these elements
-			// TODO: why ellipse and not circle
-			var elemNames = ['ellipse', 'path', 'line', 'polyline', 'polygon'];
-			if (elemNames.indexOf(elem.tagName) >= 0) {
-				bb = good_bb = svgedit.utilities.getBBoxOfElementAsPath(elem, addSvgElementFromJson, pathActions);
-			} else if (elem.tagName == 'rect') {
-				// Look for radius
-				var rx = elem.getAttribute('rx');
-				var ry = elem.getAttribute('ry');
-				if (rx || ry) {
-					bb = good_bb = svgedit.utilities.getBBoxOfElementAsPath(elem, addSvgElementFromJson, pathActions);
-				}
-			}
-		}
-
-		if (!good_bb) {
-
-			var matrix = svgedit.math.transformListToTransform(tlist).matrix;
-			bb = svgedit.math.transformBox(bb.x, bb.y, bb.width, bb.height, matrix).aabox;
-
-			// Old technique that was exceedingly slow with large documents.
-			//
-			// Accurate way to get BBox of rotated element in Firefox:
-			// Put element in group and get its BBox
-			//
-			// Must use clone else FF freaks out
-			//var clone = elem.cloneNode(true);
-			//var g = document.createElementNS(NS.SVG, 'g');
-			//var parent = elem.parentNode;
-			//parent.appendChild(g);
-			//g.appendChild(clone);
-			//var bb2 = svgedit.utilities.bboxToObj(g.getBBox());
-			//parent.removeChild(g);
-		}
-
-	}
-	return bb;
-};
-
-// TODO: This is problematic with large stroke-width and, for example, a single horizontal line. The calculated BBox extends way beyond left and right sides.
-function getStrokeOffsetForBBox(elem) {
-	var sw = elem.getAttribute('stroke-width');
-	return (!isNaN(sw) && elem.getAttribute('stroke') != 'none') ? sw/2 : 0;
-};
-
-// Function: getStrokedBBox
-// Get the bounding box for one or more stroked and/or transformed elements
-//
-// Parameters:
-// elems - Array with DOM elements to check
-// addSvgElementFromJson - Function to add the path element to the current layer. See canvas.addSvgElementFromJson
-// pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
-//
-// Returns:
-// A single bounding box object
-svgedit.utilities.getStrokedBBox = function(elems, addSvgElementFromJson, pathActions) {
-	if (!elems || !elems.length) {return false;}
-
-	var full_bb;
-	$.each(elems, function() {
-		if (full_bb) {return;}
-		if (!this.parentNode) {return;}
-		full_bb = svgedit.utilities.getBBoxWithTransform(this, addSvgElementFromJson, pathActions);
-	});
-
-	// This shouldn't ever happen...
-	if (full_bb === undefined) {return null;}
-
-	// full_bb doesn't include the stoke, so this does no good!
-	// if (elems.length == 1) return full_bb;
-
-	var max_x = full_bb.x + full_bb.width;
-	var max_y = full_bb.y + full_bb.height;
-	var min_x = full_bb.x;
-	var min_y = full_bb.y;
-
-	// If only one elem, don't call the potentially slow getBBoxWithTransform method again.
-	if (elems.length === 1) {
-		var offset = getStrokeOffsetForBBox(elems[0]);
-		min_x -= offset;
-		min_y -= offset;
-		max_x += offset;
-		max_y += offset;
-	} else {
-		$.each(elems, function(i, elem) {
-			var cur_bb = svgedit.utilities.getBBoxWithTransform(elem, addSvgElementFromJson, pathActions);
-			if (cur_bb) {
-				var offset = getStrokeOffsetForBBox(elem);
-				min_x = Math.min(min_x, cur_bb.x - offset);
-				min_y = Math.min(min_y, cur_bb.y - offset);
-				// TODO: The old code had this test for max, but not min. I suspect this test should be for both min and max
-				if (elem.nodeType == 1) {
-					max_x = Math.max(max_x, cur_bb.x + cur_bb.width + offset);
-					max_y = Math.max(max_y, cur_bb.y + cur_bb.height + offset);
-				}
-			}
-		});
-	}
-
-	full_bb.x = min_x;
-	full_bb.y = min_y;
-	full_bb.width = max_x - min_x;
-	full_bb.height = max_y - min_y;
-	return full_bb;
-};
-
-
-// Function: svgedit.utilities.getRotationAngleFromTransformList
-// Get the rotation angle of the given transform list.
-//
-// Parameters:
-// tlist - List of transforms
-// to_rad - Boolean that when true returns the value in radians rather than degrees
-//
-// Returns:
-// Float with the angle in degrees or radians
-svgedit.utilities.getRotationAngleFromTransformList = function(tlist, to_rad) {
-	if (!tlist) {return 0;} // <svg> elements have no tlist
-	var N = tlist.numberOfItems;
-	var i;
-	for (i = 0; i < N; ++i) {
-		var xform = tlist.getItem(i);
-		if (xform.type == 4) {
-			return to_rad ? xform.angle * Math.PI / 180.0 : xform.angle;
-		}
-	}
-	return 0.0;
-};
-
-// Function: svgedit.utilities.getRotationAngle
-// Get the rotation angle of the given/selected DOM element
-//
-// Parameters:
-// elem - Optional DOM element to get the angle for
-// to_rad - Boolean that when true returns the value in radians rather than degrees
-//
-// Returns:
-// Float with the angle in degrees or radians
-svgedit.utilities.getRotationAngle = function(elem, to_rad) {
-	var selected = elem || editorContext_.getSelectedElements()[0];
-	// find the rotation transform (if any) and set it
-	var tlist = svgedit.transformlist.getTransformList(selected);
-	return svgedit.utilities.getRotationAngleFromTransformList(tlist, to_rad)
-};
-
-// Function getRefElem
-// Get the reference element associated with the given attribute value
-//
-// Parameters:
-// attrVal - The attribute value as a string
-svgedit.utilities.getRefElem = function(attrVal) {
-	return svgedit.utilities.getElem(svgedit.utilities.getUrlFromAttr(attrVal).substr(1));
-};
-
-// Function: getElem
-// Get a DOM element by ID within the SVG root element.
-//
-// Parameters:
-// id - String with the element's new ID
-if (svgedit.browser.supportsSelectors()) {
-	svgedit.utilities.getElem = function(id) {
-		// querySelector lookup
-		return svgroot_.querySelector('#'+id);
-	};
-} else if (svgedit.browser.supportsXpath()) {
-	svgedit.utilities.getElem = function(id) {
-		// xpath lookup
-		return domdoc_.evaluate(
-			'svg:svg[@id="svgroot"]//svg:*[@id="'+id+'"]',
-			domcontainer_,
-			function() { return svgedit.NS.SVG; },
-			9,
-			null).singleNodeValue;
-	};
-} else {
-	svgedit.utilities.getElem = function(id) {
-		// jQuery lookup: twice as slow as xpath in FF
-		return $(svgroot_).find('[id=' + id + ']')[0];
-	};
-}
-
-// Function: assignAttributes
-// Assigns multiple attributes to an element.
-//
-// Parameters: 
-// node - DOM element to apply new attribute values to
-// attrs - Object with attribute keys/values
-// suspendLength - Optional integer of milliseconds to suspend redraw
-// unitCheck - Boolean to indicate the need to use svgedit.units.setUnitAttr
-svgedit.utilities.assignAttributes = function(node, attrs, suspendLength, unitCheck) {
-	var i;
-	for (i in attrs) {
-		var ns = (i.substr(0,4) === 'xml:' ? NS.XML :
-			i.substr(0,6) === 'xlink:' ? NS.XLINK : null);
-
-		if(ns) {
-			node.setAttributeNS(ns, i, attrs[i]);
-		} else if(!unitCheck) {
-			node.setAttribute(i, attrs[i]);
-		} else {
-			svgedit.units.setUnitAttr(node, i, attrs[i]);
-		}
-	}
-};
-
-// Function: cleanupElement
-// Remove unneeded (default) attributes, makes resulting SVG smaller
-//
-// Parameters:
-// element - DOM element to clean up
-svgedit.utilities.cleanupElement = function(element) {
-	var defaults = {
-		'fill-opacity':1,
-		'stop-opacity':1,
-		'opacity':1,
-		'stroke':'none',
-		'stroke-dasharray':'none',
-		'stroke-linejoin':'miter',
-		'stroke-linecap':'butt',
-		'stroke-opacity':1,
-		'stroke-width':1,
-		'rx':0,
-		'ry':0
-	};
-
-	if (element.nodeName === 'ellipse') {
-		// Ellipse elements requires rx and ry attributes
-		delete defaults.rx;
-		delete defaults.ry;
-	}
-
-	var attr;
-	for (attr in defaults) {
-		var val = defaults[attr];
-		if(element.getAttribute(attr) == val) {
-			element.removeAttribute(attr);
-		}
-	}
-};
-
-// Function: snapToGrid
-// round value to for snapping
-// NOTE: This function did not move to svgutils.js since it depends on curConfig.
-svgedit.utilities.snapToGrid = function(value) {
-	var stepSize = editorContext_.getSnappingStep();
-	var unit = editorContext_.getBaseUnit();
-	if (unit !== "px") {
-		stepSize *= svgedit.units.getTypeMap()[unit];
-	}
-	value = Math.round(value/stepSize)*stepSize;
-	return value;
-};
-
-svgedit.utilities.preg_quote = function (str, delimiter) {
-  // From: http://phpjs.org/functions
-  return String(str).replace(new RegExp('[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\' + (delimiter || '') + '-]', 'g'), '\\$&');
-};
-
-/**
-* @param {string} globalCheck A global which can be used to determine if the script is already loaded
-* @param {array} scripts An array of scripts to preload (in order)
-* @param {function} cb The callback to execute upon load.
-*/
-svgedit.utilities.executeAfterLoads = function (globalCheck, scripts, cb) {
-	return function () {
-		var args = arguments;
-		function endCallback () {
-			cb.apply(null, args);
-		}
-		if (window[globalCheck]) {
-			endCallback();
-		}
-		else {
-			scripts.reduceRight(function (oldFunc, script) {
-				return function () {
-					$.getScript(script, oldFunc);
-				};
-			}, endCallback)();
-		}
-	};
-};
-
-svgedit.utilities.buildCanvgCallback = function (callCanvg) {
-	return svgedit.utilities.executeAfterLoads('canvg', ['canvg/rgbcolor.js', 'canvg/canvg.js'], callCanvg);
-};
-
-svgedit.utilities.buildJSPDFCallback = function (callJSPDF) {
-	return svgedit.utilities.executeAfterLoads('RGBColor', ['canvg/rgbcolor.js'], function () {
-		var arr = [];
-		if (!RGBColor || RGBColor.ok === undef) { // It's not our RGBColor, so we'll need to load it
-			arr.push('canvg/rgbcolor.js');
-		}
-		svgedit.utilities.executeAfterLoads('jsPDF', arr.concat('jspdf/underscore-min.js', 'jspdf/jspdf.min.js', 'jspdf/jspdf.plugin.svgToPdf.js'), callJSPDF)();
-	});
-};
-
-
-/**
- * Prevents default browser click behaviour on the given element
- * @param img - The DOM element to prevent the click on
- */
-svgedit.utilities.preventClickDefault = function(img) {
-	$(img).click(function(e){e.preventDefault();});
-};
-
-/**
- * Create a clone of an element, updating its ID and its children's IDs when needed
- * @param {Element} el - DOM element to clone
- * @param {function()} getNextId - function the get the next unique ID.
- * @returns {Element}
- */
-svgedit.utilities.copyElem = function(el, getNextId) {
-	// manually create a copy of the element
-	var new_el = document.createElementNS(el.namespaceURI, el.nodeName);
-	$.each(el.attributes, function(i, attr) {
-		if (attr.localName != '-moz-math-font-style') {
-			new_el.setAttributeNS(attr.namespaceURI, attr.nodeName, attr.value);
-		}
-	});
-	// set the copied element's new id
-	new_el.removeAttribute('id');
-	new_el.id = getNextId();
-
-	// Opera's "d" value needs to be reset for Opera/Win/non-EN
-	// Also needed for webkit (else does not keep curved segments on clone)
-	if (svgedit.browser.isWebkit() && el.nodeName == 'path') {
-		var fixed_d = svgedit.utilities.convertPath(el);
-		new_el.setAttribute('d', fixed_d);
-	}
-
-	// now create copies of all children
-	$.each(el.childNodes, function(i, child) {
-		switch(child.nodeType) {
-			case 1: // element node
-				new_el.appendChild(svgedit.utilities.copyElem(child, getNextId));
-				break;
-			case 3: // text node
-				new_el.textContent = child.nodeValue;
-				break;
-			default:
-				break;
-		}
-	});
-
-	if ($(el).data('gsvg')) {
-		$(new_el).data('gsvg', new_el.firstChild);
-	} else if ($(el).data('symbol')) {
-		var ref = $(el).data('symbol');
-		$(new_el).data('ref', ref).data('symbol', ref);
-	} else if (new_el.tagName == 'image') {
-		svgedit.utilities.preventClickDefault(new_el);
-	}
-
-	return new_el;
-};
-
-
-/**
- * TODO: refactor callers in convertPath to use getPathDFromSegments instead of this function.
- * Legacy code refactored from svgcanvas.pathActions.convertPath
- * @param letter - path segment command
- * @param {Array.<Array.<number>>} points - x,y points.
- * @param {Array.<Array.<number>>=} morePoints - x,y points
- * @param {Array.<number>=}lastPoint - x,y point
- * @returns {string}
- */
-function pathDSegment(letter, points, morePoints, lastPoint) {
-	$.each(points, function(i, pnt) {
-		points[i] = svgedit.units.shortFloat(pnt);
-	});
-	var segment = letter + points.join(' ');
-	if (morePoints) {
-		segment += ' ' + morePoints.join(' ');
-	}
-	if (lastPoint) {
-		segment += ' ' + svgedit.units.shortFloat(lastPoint);
-	}
-	return segment;
-}
-
-// this is how we map paths to our preferred relative segment types
-var pathMap = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a',
-	'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];
-
-
-/**
- * TODO: move to pathActions.js when migrating rest of pathActions out of svgcanvas.js
- * Convert a path to one with only absolute or relative values
- * @param {Object} path - the path to convert
- * @param {boolean} toRel - true of convert to relative
- * @returns {string}
- */
-svgedit.utilities.convertPath = function(path, toRel) {
-	var i;
-	var segList = path.pathSegList;
-	var len = segList.numberOfItems;
-	var curx = 0, cury = 0;
-	var d = '';
-	var last_m = null;
-
-	for (i = 0; i < len; ++i) {
-		var seg = segList.getItem(i);
-		// if these properties are not in the segment, set them to zero
-		var x = seg.x || 0,
-				y = seg.y || 0,
-				x1 = seg.x1 || 0,
-				y1 = seg.y1 || 0,
-				x2 = seg.x2 || 0,
-				y2 = seg.y2 || 0;
-
-		var type = seg.pathSegType;
-		var letter = pathMap[type]['to'+(toRel?'Lower':'Upper')+'Case']();
-
-		switch (type) {
-			case 1: // z,Z closepath (Z/z)
-				d += 'z';
-				if (last_m && !toRel) {
-					curx = last_m[0];
-					cury = last_m[1];
-				}
-				break;
-			case 12: // absolute horizontal line (H)
-				x -= curx;
-			case 13: // relative horizontal line (h)
-				if (toRel) {
-					curx += x;
-					letter = 'l';
-				} else {
-					x += curx;
-					curx = x;
-					letter = 'L';
-				}
-				// Convert to "line" for easier editing
-				d += pathDSegment(letter,[[x, cury]]);
-				break;
-			case 14: // absolute vertical line (V)
-				y -= cury;
-			case 15: // relative vertical line (v)
-				if (toRel) {
-					cury += y;
-					letter = 'l';
-				} else {
-					y += cury;
-					cury = y;
-					letter = 'L';
-				}
-				// Convert to "line" for easier editing
-				d += pathDSegment(letter,[[curx, y]]);
-				break;
-			case 2: // absolute move (M)
-			case 4: // absolute line (L)
-			case 18: // absolute smooth quad (T)
-				x -= curx;
-				y -= cury;
-			case 5: // relative line (l)
-			case 3: // relative move (m)
-			case 19: // relative smooth quad (t)
-				if (toRel) {
-					curx += x;
-					cury += y;
-				} else {
-					x += curx;
-					y += cury;
-					curx = x;
-					cury = y;
-				}
-				if (type === 2 || type === 3) {last_m = [curx, cury];}
-
-				d += pathDSegment(letter,[[x, y]]);
-				break;
-			case 6: // absolute cubic (C)
-				x -= curx; x1 -= curx; x2 -= curx;
-				y -= cury; y1 -= cury; y2 -= cury;
-			case 7: // relative cubic (c)
-				if (toRel) {
-					curx += x;
-					cury += y;
-				} else {
-					x += curx; x1 += curx; x2 += curx;
-					y += cury; y1 += cury; y2 += cury;
-					curx = x;
-					cury = y;
-				}
-				d += pathDSegment(letter,[[x1, y1], [x2, y2], [x, y]]);
-				break;
-			case 8: // absolute quad (Q)
-				x -= curx; x1 -= curx;
-				y -= cury; y1 -= cury;
-			case 9: // relative quad (q)
-				if (toRel) {
-					curx += x;
-					cury += y;
-				} else {
-					x += curx; x1 += curx;
-					y += cury; y1 += cury;
-					curx = x;
-					cury = y;
-				}
-				d += pathDSegment(letter,[[x1, y1],[x, y]]);
-				break;
-			case 10: // absolute elliptical arc (A)
-				x -= curx;
-				y -= cury;
-			case 11: // relative elliptical arc (a)
-				if (toRel) {
-					curx += x;
-					cury += y;
-				} else {
-					x += curx;
-					y += cury;
-					curx = x;
-					cury = y;
-				}
-				d += pathDSegment(letter,[[seg.r1, seg.r2]], [
-						seg.angle,
-						(seg.largeArcFlag ? 1 : 0),
-						(seg.sweepFlag ? 1 : 0)
-					], [x, y]
-				);
-				break;
-			case 16: // absolute smooth cubic (S)
-				x -= curx; x2 -= curx;
-				y -= cury; y2 -= cury;
-			case 17: // relative smooth cubic (s)
-				if (toRel) {
-					curx += x;
-					cury += y;
-				} else {
-					x += curx; x2 += curx;
-					y += cury; y2 += cury;
-					curx = x;
-					cury = y;
-				}
-				d += pathDSegment(letter,[[x2, y2],[x, y]]);
-				break;
-		} // switch on path segment type
-	} // for each segment
-	return d;
-};
-
-
-}());
diff --git a/editor/touch.js b/editor/touch.js
index fe342097..f6996b67 100644
--- a/editor/touch.js
+++ b/editor/touch.js
@@ -1,33 +1,41 @@
 // http://ross.posterous.com/2008/08/19/iphone-touch-events-in-javascript/
-function touchHandler(event) {'use strict';
+function touchHandler (ev) {
+  const {changedTouches} = ev,
+    first = changedTouches[0];
 
-	var simulatedEvent,
-		touches = event.changedTouches,
-		first = touches[0],
-		type = "";
-	switch (event.type) {
-		case "touchstart": type = "mousedown"; break;
-		case "touchmove":  type = "mousemove"; break;
-		case "touchend":   type = "mouseup"; break;
-		default: return;
-	}
+  let type = '';
+  switch (ev.type) {
+  case 'touchstart': type = 'mousedown'; break;
+  case 'touchmove': type = 'mousemove'; break;
+  case 'touchend': type = 'mouseup'; break;
+  default: return;
+  }
 
-	// initMouseEvent(type, canBubble, cancelable, view, clickCount, 
-	//	screenX, screenY, clientX, clientY, ctrlKey, 
-	//	altKey, shiftKey, metaKey, button, relatedTarget);
-
-	simulatedEvent = document.createEvent("MouseEvent");
-	simulatedEvent.initMouseEvent(type, true, true, window, 1,
-								first.screenX, first.screenY,
-								first.clientX, first.clientY, false,
-								false, false, false, 0/*left*/, null);
-	if (touches.length < 2) {
-		first.target.dispatchEvent(simulatedEvent);
-		event.preventDefault();
-	}
+  const {screenX, screenY, clientX, clientY} = first;
+  const simulatedEvent = new MouseEvent(type, {
+    // Event interface
+    bubbles: true,
+    cancelable: true,
+    // UIEvent interface
+    view: window,
+    detail: 1, // click count
+    // MouseEvent interface (customized)
+    screenX, screenY, clientX, clientY,
+    // MouseEvent interface (defaults) - these could be removed
+    ctrlKey: false,
+    altKey: false,
+    shiftKey: false,
+    metaKey: false,
+    button: 0, // main button (usually left)
+    relatedTarget: null
+  });
+  if (changedTouches.length < 2) {
+    first.target.dispatchEvent(simulatedEvent);
+    ev.preventDefault();
+  }
 }
 
 document.addEventListener('touchstart', touchHandler, true);
 document.addEventListener('touchmove', touchHandler, true);
 document.addEventListener('touchend', touchHandler, true);
-document.addEventListener('touchcancel', touchHandler, true);
\ No newline at end of file
+document.addEventListener('touchcancel', touchHandler, true);
diff --git a/editor/typedefs.js b/editor/typedefs.js
new file mode 100644
index 00000000..0b39edf0
--- /dev/null
+++ b/editor/typedefs.js
@@ -0,0 +1,46 @@
+/**
+* @typedef {number} Float
+*/
+
+/**
+* @typedef {Float} Integer
+*/
+
+/**
+* @typedef {null|boolean|Float|string|GenericArray|PlainObject} JSON
+*/
+
+/**
+* This should only be used for objects known to be potentially arbitrary in form.
+* For those whose determination has not yet been made, simply use type `object`
+* (or type `?` if it may also be a primitive).
+* @typedef {object} ArbitraryObject
+*/
+/**
+* @typedef {object} ArbitraryModule
+*/
+/**
+* This should only be used for objects known to be potentially arbitrary in form,
+* but not of a special type.
+* For those whose determination has not yet been made, simply use type `object`.
+* @typedef {ArbitraryObject} PlainObject
+*/
+
+/**
+* This should only be used for arrays known to be potentially arbitrary in form.
+* For those whose determination has not yet been made, simply use type `Array`.
+* @typedef {Array} GenericArray
+*/
+/**
+* This should only be used for arrays known to be potentially arbitrary in form and
+* representing arguments for passing around
+* @typedef {GenericArray} ArgumentsArray
+*/
+/**
+* This should only be used for items known to be wholly arbitrary
+* @typedef {*} Any
+*/
+
+/**
+* @external Window
+*/
diff --git a/editor/units.js b/editor/units.js
index e2377195..103dcfd8 100644
--- a/editor/units.js
+++ b/editor/units.js
@@ -1,282 +1,309 @@
-/*globals $, svgedit*/
-/*jslint vars: true, eqeq: true*/
 /**
- * Package: svgedit.units
+ * Tools for working with units
+ * @module units
+ * @license MIT
  *
- * Licensed under the MIT License
- *
- * Copyright(c) 2010 Alexis Deveria
- * Copyright(c) 2010 Jeff Schiller
+ * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
  */
 
-// Dependencies:
-// 1) jQuery
+import {NS} from './namespaces.js';
 
-(function() {'use strict';
-
-if (!svgedit.units) {
-	svgedit.units = {};
-}
-
-var NS = svgedit.NS;
-var wAttrs = ['x', 'x1', 'cx', 'rx', 'width'];
-var hAttrs = ['y', 'y1', 'cy', 'ry', 'height'];
-var unitAttrs = ['r', 'radius'].concat(wAttrs, hAttrs);
+const wAttrs = ['x', 'x1', 'cx', 'rx', 'width'];
+const hAttrs = ['y', 'y1', 'cy', 'ry', 'height'];
+const unitAttrs = ['r', 'radius', ...wAttrs, ...hAttrs];
 // unused
-var unitNumMap = {
-	'%':  2,
-	'em': 3,
-	'ex': 4,
-	'px': 5,
-	'cm': 6,
-	'mm': 7,
-	'in': 8,
-	'pt': 9,
-	'pc': 10
+/*
+const unitNumMap = {
+  '%': 2,
+  em: 3,
+  ex: 4,
+  px: 5,
+  cm: 6,
+  mm: 7,
+  in: 8,
+  pt: 9,
+  pc: 10
 };
-
+*/
 // Container of elements.
-var elementContainer_;
+let elementContainer_;
+
+// Stores mapping of unit type to user coordinates.
+let typeMap_ = {};
 
 /**
- * Stores mapping of unit type to user coordinates.
+ * @interface module:units.ElementContainer
  */
-var typeMap_ = {};
-
 /**
- * ElementContainer interface
- *
- * function getBaseUnit() - returns a string of the base unit type of the container ('em')
- * function getElement() - returns an element in the container given an id
- * function getHeight() - returns the container's height
- * function getWidth() - returns the container's width
- * function getRoundDigits() - returns the number of digits number should be rounded to
+ * @function module:units.ElementContainer#getBaseUnit
+ * @returns {string} The base unit type of the container ('em')
+ */
+/**
+ * @function module:units.ElementContainer#getElement
+ * @returns {Element} An element in the container given an id
+ */
+/**
+ * @function module:units.ElementContainer#getHeight
+ * @returns {Float} The container's height
+ */
+/**
+ * @function module:units.ElementContainer#getWidth
+ * @returns {Float} The container's width
+ */
+/**
+ * @function module:units.ElementContainer#getRoundDigits
+ * @returns {Integer} The number of digits number should be rounded to
+ */
+
+/**
+ * @typedef {PlainObject} module:units.TypeMap
+ * @property {Float} em
+ * @property {Float} ex
+ * @property {Float} in
+ * @property {Float} cm
+ * @property {Float} mm
+ * @property {Float} pt
+ * @property {Float} pc
+ * @property {Integer} px
+ * @property {0} %
  */
 
 /**
- * Function: svgedit.units.init()
  * Initializes this module.
  *
- * Parameters:
- * elementContainer - an object implementing the ElementContainer interface.
+ * @function module:units.init
+ * @param {module:units.ElementContainer} elementContainer - An object implementing the ElementContainer interface.
+ * @returns {undefined}
  */
-svgedit.units.init = function(elementContainer) {
-	elementContainer_ = elementContainer;
+export const init = function (elementContainer) {
+  elementContainer_ = elementContainer;
 
-	// Get correct em/ex values by creating a temporary SVG.
-	var svg = document.createElementNS(NS.SVG, 'svg');
-	document.body.appendChild(svg);
-	var rect = document.createElementNS(NS.SVG, 'rect');
-	rect.setAttribute('width', '1em');
-	rect.setAttribute('height', '1ex');
-	rect.setAttribute('x', '1in');
-	svg.appendChild(rect);
-	var bb = rect.getBBox();
-	document.body.removeChild(svg);
+  // Get correct em/ex values by creating a temporary SVG.
+  const svg = document.createElementNS(NS.SVG, 'svg');
+  document.body.append(svg);
+  const rect = document.createElementNS(NS.SVG, 'rect');
+  rect.setAttribute('width', '1em');
+  rect.setAttribute('height', '1ex');
+  rect.setAttribute('x', '1in');
+  svg.append(rect);
+  const bb = rect.getBBox();
+  svg.remove();
 
-	var inch = bb.x;
-	typeMap_ = {
-		'em': bb.width,
-		'ex': bb.height,
-		'in': inch,
-		'cm': inch / 2.54,
-		'mm': inch / 25.4,
-		'pt': inch / 72,
-		'pc': inch / 6,
-		'px': 1,
-		'%': 0
-	};
+  const inch = bb.x;
+  typeMap_ = {
+    em: bb.width,
+    ex: bb.height,
+    in: inch,
+    cm: inch / 2.54,
+    mm: inch / 25.4,
+    pt: inch / 72,
+    pc: inch / 6,
+    px: 1,
+    '%': 0
+  };
 };
 
-// Group: Unit conversion functions
+/**
+* Group: Unit conversion functions
+*/
 
-// Function: svgedit.units.getTypeMap
-// Returns the unit object with values for each unit
-svgedit.units.getTypeMap = function() {
-	return typeMap_;
+/**
+ * @function module:units.getTypeMap
+ * @returns {module:units.TypeMap} The unit object with values for each unit
+*/
+export const getTypeMap = function () {
+  return typeMap_;
 };
 
-// Function: svgedit.units.shortFloat
-// Rounds a given value to a float with number of digits defined in save_options
-//
-// Parameters:
-// val - The value as a String, Number or Array of two numbers to be rounded
-//
-// Returns:
-// If a string/number was given, returns a Float. If an array, return a string
-// with comma-seperated floats
-svgedit.units.shortFloat = function(val) {
-	var digits = elementContainer_.getRoundDigits();
-	if (!isNaN(val)) {
-		// Note that + converts to Number
-		return +((+val).toFixed(digits));
-	}
-	if ($.isArray(val)) {
-		return svgedit.units.shortFloat(val[0]) + ',' + svgedit.units.shortFloat(val[1]);
-	}
-	return parseFloat(val).toFixed(digits) - 0;
+/**
+* @typedef {GenericArray} module:units.CompareNumbers
+* @property {Integer} length 2
+* @property {Float} 0
+* @property {Float} 1
+*/
+
+/**
+* Rounds a given value to a float with number of digits defined in
+* `round_digits` of `saveOptions`
+*
+* @function module:units.shortFloat
+* @param {string|Float|module:units.CompareNumbers} val - The value (or Array of two numbers) to be rounded
+* @returns {Float|string} If a string/number was given, returns a Float. If an array, return a string
+* with comma-separated floats
+*/
+export const shortFloat = function (val) {
+  const digits = elementContainer_.getRoundDigits();
+  if (!isNaN(val)) {
+    // Note that + converts to Number
+    return +((+val).toFixed(digits));
+  }
+  if (Array.isArray(val)) {
+    return shortFloat(val[0]) + ',' + shortFloat(val[1]);
+  }
+  return parseFloat(val).toFixed(digits) - 0;
 };
 
-// Function: svgedit.units.convertUnit
-// Converts the number to given unit or baseUnit
-svgedit.units.convertUnit = function(val, unit) {
-	unit = unit || elementContainer_.getBaseUnit();
-//	baseVal.convertToSpecifiedUnits(unitNumMap[unit]);
-//	var val = baseVal.valueInSpecifiedUnits;
-//	baseVal.convertToSpecifiedUnits(1);
-	return svgedit.units.shortFloat(val / typeMap_[unit]);
+/**
+* Converts the number to given unit or baseUnit
+* @function module:units.convertUnit
+* @returns {Float}
+*/
+export const convertUnit = function (val, unit) {
+  unit = unit || elementContainer_.getBaseUnit();
+  // baseVal.convertToSpecifiedUnits(unitNumMap[unit]);
+  // const val = baseVal.valueInSpecifiedUnits;
+  // baseVal.convertToSpecifiedUnits(1);
+  return shortFloat(val / typeMap_[unit]);
 };
 
-// Function: svgedit.units.setUnitAttr
-// Sets an element's attribute based on the unit in its current value.
-//
-// Parameters:
-// elem - DOM element to be changed
-// attr - String with the name of the attribute associated with the value
-// val - String with the attribute value to convert
-svgedit.units.setUnitAttr = function(elem, attr, val) {
-//	if (!isNaN(val)) {
-		// New value is a number, so check currently used unit
-//		var old_val = elem.getAttribute(attr);
+/**
+* Sets an element's attribute based on the unit in its current value.
+*
+* @function module:units.setUnitAttr
+* @param {Element} elem - DOM element to be changed
+* @param {string} attr - Name of the attribute associated with the value
+* @param {string} val - Attribute value to convert
+* @returns {undefined}
+*/
+export const setUnitAttr = function (elem, attr, val) {
+  //  if (!isNaN(val)) {
+  // New value is a number, so check currently used unit
+  // const oldVal = elem.getAttribute(attr);
 
-		// Enable this for alternate mode
-//		if (old_val !== null && (isNaN(old_val) || elementContainer_.getBaseUnit() !== 'px')) {
-//			// Old value was a number, so get unit, then convert
-//			var unit;
-//			if (old_val.substr(-1) === '%') {
-//				var res = getResolution();
-//				unit = '%';
-//				val *= 100;
-//				if (wAttrs.indexOf(attr) >= 0) {
-//					val = val / res.w;
-//				} else if (hAttrs.indexOf(attr) >= 0) {
-//					val = val / res.h;
-//				} else {
-//					return val / Math.sqrt((res.w*res.w) + (res.h*res.h))/Math.sqrt(2);
-//				}
-//			} else {
-//				if (elementContainer_.getBaseUnit() !== 'px') {
-//					unit = elementContainer_.getBaseUnit();
-//				} else {
-//					unit = old_val.substr(-2);
-//				}
-//				val = val / typeMap_[unit];
-//			}
-//
-//		val += unit;
-//		}
-//	}
-	elem.setAttribute(attr, val);
+  // Enable this for alternate mode
+  // if (oldVal !== null && (isNaN(oldVal) || elementContainer_.getBaseUnit() !== 'px')) {
+  //   // Old value was a number, so get unit, then convert
+  //   let unit;
+  //   if (oldVal.substr(-1) === '%') {
+  //     const res = getResolution();
+  //     unit = '%';
+  //     val *= 100;
+  //     if (wAttrs.includes(attr)) {
+  //       val = val / res.w;
+  //     } else if (hAttrs.includes(attr)) {
+  //       val = val / res.h;
+  //     } else {
+  //       return val / Math.sqrt((res.w*res.w) + (res.h*res.h))/Math.sqrt(2);
+  //     }
+  //   } else {
+  //     if (elementContainer_.getBaseUnit() !== 'px') {
+  //       unit = elementContainer_.getBaseUnit();
+  //     } else {
+  //       unit = oldVal.substr(-2);
+  //     }
+  //     val = val / typeMap_[unit];
+  //   }
+  //
+  // val += unit;
+  // }
+  // }
+  elem.setAttribute(attr, val);
 };
 
-var attrsToConvert = {
-	'line': ['x1', 'x2', 'y1', 'y2'],
-	'circle': ['cx', 'cy', 'r'],
-	'ellipse': ['cx', 'cy', 'rx', 'ry'],
-	'foreignObject': ['x', 'y', 'width', 'height'],
-	'rect': ['x', 'y', 'width', 'height'],
-	'image': ['x', 'y', 'width', 'height'],
-	'use': ['x', 'y', 'width', 'height'],
-	'text': ['x', 'y']
+const attrsToConvert = {
+  line: ['x1', 'x2', 'y1', 'y2'],
+  circle: ['cx', 'cy', 'r'],
+  ellipse: ['cx', 'cy', 'rx', 'ry'],
+  foreignObject: ['x', 'y', 'width', 'height'],
+  rect: ['x', 'y', 'width', 'height'],
+  image: ['x', 'y', 'width', 'height'],
+  use: ['x', 'y', 'width', 'height'],
+  text: ['x', 'y']
 };
 
-// Function: svgedit.units.convertAttrs
-// Converts all applicable attributes to the configured baseUnit
-//
-// Parameters:
-// element - a DOM element whose attributes should be converted
-svgedit.units.convertAttrs = function(element) {
-	var elName = element.tagName;
-	var unit = elementContainer_.getBaseUnit();
-	var attrs = attrsToConvert[elName];
-	if (!attrs) {return;}
+/**
+* Converts all applicable attributes to the configured baseUnit
+* @function module:units.convertAttrs
+* @param {Element} element - A DOM element whose attributes should be converted
+* @returns {undefined}
+*/
+export const convertAttrs = function (element) {
+  const elName = element.tagName;
+  const unit = elementContainer_.getBaseUnit();
+  const attrs = attrsToConvert[elName];
+  if (!attrs) { return; }
 
-	var len = attrs.length;
-	var i;
-	for (i = 0; i < len; i++) {
-		var attr = attrs[i];
-		var cur = element.getAttribute(attr);
-		if (cur) {
-			if (!isNaN(cur)) {
-				element.setAttribute(attr, (cur / typeMap_[unit]) + unit);
-			}
-			// else {
-				// Convert existing?
-			// }
-		}
-	}
+  const len = attrs.length;
+  for (let i = 0; i < len; i++) {
+    const attr = attrs[i];
+    const cur = element.getAttribute(attr);
+    if (cur) {
+      if (!isNaN(cur)) {
+        element.setAttribute(attr, (cur / typeMap_[unit]) + unit);
+      }
+      // else {
+      // Convert existing?
+      // }
+    }
+  }
 };
 
-// Function: svgedit.units.convertToNum
-// Converts given values to numbers. Attributes must be supplied in 
-// case a percentage is given
-//
-// Parameters:
-// attr - String with the name of the attribute associated with the value
-// val - String with the attribute value to convert
-svgedit.units.convertToNum = function(attr, val) {
-	// Return a number if that's what it already is
-	if (!isNaN(val)) {return val-0;}
-	var num;
-	if (val.substr(-1) === '%') {
-		// Deal with percentage, depends on attribute
-		num = val.substr(0, val.length-1)/100;
-		var width = elementContainer_.getWidth();
-		var height = elementContainer_.getHeight();
+/**
+* Converts given values to numbers. Attributes must be supplied in
+* case a percentage is given
+*
+* @function module:units.convertToNum
+* @param {string} attr - Name of the attribute associated with the value
+* @param {string} val - Attribute value to convert
+* @returns {Float} The converted number
+*/
+export const convertToNum = function (attr, val) {
+  // Return a number if that's what it already is
+  if (!isNaN(val)) { return val - 0; }
+  if (val.substr(-1) === '%') {
+    // Deal with percentage, depends on attribute
+    const num = val.substr(0, val.length - 1) / 100;
+    const width = elementContainer_.getWidth();
+    const height = elementContainer_.getHeight();
 
-		if (wAttrs.indexOf(attr) >= 0) {
-			return num * width;
-		}
-		if (hAttrs.indexOf(attr) >= 0) {
-			return num * height;
-		}
-		return num * Math.sqrt((width*width) + (height*height))/Math.sqrt(2);
-	}
-	var unit = val.substr(-2);
-	num = val.substr(0, val.length-2);
-	// Note that this multiplication turns the string into a number
-	return num * typeMap_[unit];
+    if (wAttrs.includes(attr)) {
+      return num * width;
+    }
+    if (hAttrs.includes(attr)) {
+      return num * height;
+    }
+    return num * Math.sqrt((width * width) + (height * height)) / Math.sqrt(2);
+  }
+  const unit = val.substr(-2);
+  const num = val.substr(0, val.length - 2);
+  // Note that this multiplication turns the string into a number
+  return num * typeMap_[unit];
 };
 
-// Function: svgedit.units.isValidUnit
-// Check if an attribute's value is in a valid format
-//
-// Parameters:
-// attr - String with the name of the attribute associated with the value
-// val - String with the attribute value to check
-svgedit.units.isValidUnit = function(attr, val, selectedElement) {
-	var valid = false;
-	if (unitAttrs.indexOf(attr) >= 0) {
-		// True if it's just a number
-		if (!isNaN(val)) {
-			valid = true;
-		} else {
-		// Not a number, check if it has a valid unit
-			val = val.toLowerCase();
-			$.each(typeMap_, function(unit) {
-				if (valid) {return;}
-				var re = new RegExp('^-?[\\d\\.]+' + unit + '$');
-				if (re.test(val)) {valid = true;}
-			});
-		}
-	} else if (attr == 'id') {
-		// if we're trying to change the id, make sure it's not already present in the doc
-		// and the id value is valid.
+/**
+* Check if an attribute's value is in a valid format
+* @function module:units.isValidUnit
+* @param {string} attr - The name of the attribute associated with the value
+* @param {string} val - The attribute value to check
+* @returns {boolean} Whether the unit is valid
+*/
+export const isValidUnit = function (attr, val, selectedElement) {
+  if (unitAttrs.includes(attr)) {
+    // True if it's just a number
+    if (!isNaN(val)) {
+      return true;
+    }
+    // Not a number, check if it has a valid unit
+    val = val.toLowerCase();
+    return Object.keys(typeMap_).some((unit) => {
+      const re = new RegExp('^-?[\\d\\.]+' + unit + '$');
+      return re.test(val);
+    });
+  }
+  if (attr === 'id') {
+    // if we're trying to change the id, make sure it's not already present in the doc
+    // and the id value is valid.
 
-		var result = false;
-		// because getElem() can throw an exception in the case of an invalid id
-		// (according to http://www.w3.org/TR/xml-id/ IDs must be a NCName)
-		// we wrap it in an exception and only return true if the ID was valid and
-		// not already present
-		try {
-			var elem = elementContainer_.getElement(val);
-			result = (elem == null || elem === selectedElement);
-		} catch(e) {}
-		return result;
-	}
-	valid = true;
-
-	return valid;
+    let result = false;
+    // because getElem() can throw an exception in the case of an invalid id
+    // (according to https://www.w3.org/TR/xml-id/ IDs must be a NCName)
+    // we wrap it in an exception and only return true if the ID was valid and
+    // not already present
+    try {
+      const elem = elementContainer_.getElement(val);
+      result = (elem == null || elem === selectedElement);
+    } catch (e) {}
+    return result;
+  }
+  return true;
 };
-
-}());
\ No newline at end of file
diff --git a/editor/utilities.js b/editor/utilities.js
new file mode 100644
index 00000000..bdd97743
--- /dev/null
+++ b/editor/utilities.js
@@ -0,0 +1,1346 @@
+/* globals jQuery */
+/**
+ * Miscellaneous utilities
+ * @module utilities
+ * @license MIT
+ *
+ * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+ */
+
+import './svgpathseg.js';
+import jqPluginSVG from './jQuery.attr.js'; // Needed for SVG attribute setting and array form with `attr`
+import {NS} from './namespaces.js';
+import {getTransformList} from './svgtransformlist.js';
+import {setUnitAttr, getTypeMap} from './units.js';
+import {convertPath} from './path.js';
+import {
+  hasMatrixTransform, transformListToTransform, transformBox
+} from './math.js';
+import {
+  isWebkit, supportsHVLineContainerBBox, supportsPathBBox, supportsXpath,
+  supportsSelectors
+} from './browser.js';
+
+// Constants
+const $ = jqPluginSVG(jQuery);
+
+// String used to encode base64.
+const KEYSTR = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+
+// Much faster than running getBBox() every time
+const visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';
+const visElemsArr = visElems.split(',');
+// const hidElems = 'clipPath,defs,desc,feGaussianBlur,filter,linearGradient,marker,mask,metadata,pattern,radialGradient,stop,switch,symbol,title,textPath';
+
+let editorContext_ = null;
+let domdoc_ = null;
+let domcontainer_ = null;
+let svgroot_ = null;
+
+/**
+* Object with the following keys/values
+* @typedef {PlainObject} module:utilities.SVGElementJSON
+* @property {string} element - Tag name of the SVG element to create
+* @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element
+* @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first
+* @property {module:utilities.SVGElementJSON[]} [children] - Data objects to be added recursively as children
+* @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace
+*/
+
+/**
+ * An object that creates SVG elements for the canvas.
+ *
+ * @interface module:utilities.EditorContext
+ * @property {module:path.pathActions} pathActions
+ */
+/**
+ * @function module:utilities.EditorContext#getSVGContent
+ * @returns {SVGSVGElement}
+ */
+/**
+ * Create a new SVG element based on the given object keys/values and add it
+ * to the current layer.
+ * The element will be run through `cleanupElement` before being returned
+ * @function module:utilities.EditorContext#addSVGElementFromJson
+ * @param {module:utilities.SVGElementJSON} data
+ * @returns {Element} The new element
+*/
+/**
+ * @function module:utilities.EditorContext#getSelectedElements
+ * @returns {Element[]} the array with selected DOM elements
+*/
+/**
+ * @function module:utilities.EditorContext#getDOMDocument
+ * @returns {HTMLDocument}
+*/
+/**
+ * @function module:utilities.EditorContext#getDOMContainer
+ * @returns {HTMLElement}
+*/
+/**
+ * @function module:utilities.EditorContext#getSVGRoot
+ * @returns {SVGSVGElement}
+*/
+/**
+ * @function module:utilities.EditorContext#getBaseUnit
+ * @returns {string}
+*/
+/**
+ * @function module:utilities.EditorContext#getSnappingStep
+ * @returns {Float|string}
+*/
+
+/**
+* @function module:utilities.init
+* @param {module:utilities.EditorContext} editorContext
+* @returns {undefined}
+*/
+export const init = function (editorContext) {
+  editorContext_ = editorContext;
+  domdoc_ = editorContext.getDOMDocument();
+  domcontainer_ = editorContext.getDOMContainer();
+  svgroot_ = editorContext.getSVGRoot();
+};
+
+/**
+* Converts characters in a string to XML-friendly entities.
+* @function module:utilities.toXml
+* @example `&` becomes `&amp;`
+* @param {string} str - The string to be converted
+* @returns {string} The converted string
+*/
+export const toXml = function (str) {
+  // &apos; is ok in XML, but not HTML
+  // &gt; does not normally need escaping, though it can if within a CDATA expression (and preceded by "]]")
+  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/, '&#x27;');
+};
+
+/**
+* Converts XML entities in a string to single characters.
+* @function module:utilities.fromXml
+* @example `&amp;` becomes `&`
+* @param {string} str - The string to be converted
+* @returns {string} The converted string
+*/
+export const fromXml = function (str) {
+  return $('<p/>').html(str).text();
+};
+
+// This code was written by Tyler Akins and has been placed in the
+// public domain.  It would be nice if you left this header intact.
+// Base64 code from Tyler Akins -- http://rumkin.com
+
+// schiller: Removed string concatenation in favour of Array.join() optimization,
+//        also precalculate the size of the array needed.
+
+/**
+* Converts a string to base64
+* @function module:utilities.encode64
+* @param {string} input
+* @returns {string} Base64 output
+*/
+export const encode64 = function (input) {
+  // base64 strings are 4/3 larger than the original string
+  input = encodeUTF8(input); // convert non-ASCII characters
+  // input = convertToXMLReferences(input);
+  if (window.btoa) {
+    return window.btoa(input); // Use native if available
+  }
+  const output = [];
+  output.length = Math.floor((input.length + 2) / 3) * 4;
+
+  let i = 0, p = 0;
+  do {
+    const chr1 = input.charCodeAt(i++);
+    const chr2 = input.charCodeAt(i++);
+    const chr3 = input.charCodeAt(i++);
+
+    const enc1 = chr1 >> 2;
+    const enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
+
+    let enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
+    let enc4 = chr3 & 63;
+
+    if (isNaN(chr2)) {
+      enc3 = enc4 = 64;
+    } else if (isNaN(chr3)) {
+      enc4 = 64;
+    }
+
+    output[p++] = KEYSTR.charAt(enc1);
+    output[p++] = KEYSTR.charAt(enc2);
+    output[p++] = KEYSTR.charAt(enc3);
+    output[p++] = KEYSTR.charAt(enc4);
+  } while (i < input.length);
+
+  return output.join('');
+};
+
+/**
+* Converts a string from base64
+* @function module:utilities.decode64
+* @param {string} input Base64-encoded input
+* @returns {string} Decoded output
+*/
+export const decode64 = function (input) {
+  if (window.atob) {
+    return decodeUTF8(window.atob(input));
+  }
+
+  // remove all characters that are not A-Z, a-z, 0-9, +, /, or =
+  input = input.replace(/[^A-Za-z0-9+/=]/g, '');
+
+  let output = '';
+  let i = 0;
+
+  do {
+    const enc1 = KEYSTR.indexOf(input.charAt(i++));
+    const enc2 = KEYSTR.indexOf(input.charAt(i++));
+    const enc3 = KEYSTR.indexOf(input.charAt(i++));
+    const enc4 = KEYSTR.indexOf(input.charAt(i++));
+
+    const chr1 = (enc1 << 2) | (enc2 >> 4);
+    const chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
+    const chr3 = ((enc3 & 3) << 6) | enc4;
+
+    output += String.fromCharCode(chr1);
+
+    if (enc3 !== 64) {
+      output = output + String.fromCharCode(chr2);
+    }
+    if (enc4 !== 64) {
+      output = output + String.fromCharCode(chr3);
+    }
+  } while (i < input.length);
+  return decodeUTF8(output);
+};
+
+/**
+* @function module:utilities.decodeUTF8
+* @param {string} argString
+* @returns {string}
+*/
+export const decodeUTF8 = function (argString) {
+  return decodeURIComponent(escape(argString));
+};
+
+// codedread:does not seem to work with webkit-based browsers on OSX // Brettz9: please test again as function upgraded
+/**
+* @function module:utilities.encodeUTF8
+* @param {string} argString
+* @returns {string}
+*/
+export const encodeUTF8 = function (argString) {
+  return unescape(encodeURIComponent(argString));
+};
+
+/**
+ * convert dataURL to object URL
+ * @function module:utilities.dataURLToObjectURL
+ * @param {string} dataurl
+ * @returns {string} object URL or empty string
+ */
+export const dataURLToObjectURL = function (dataurl) {
+  if (typeof Uint8Array === 'undefined' || typeof Blob === 'undefined' || typeof URL === 'undefined' || !URL.createObjectURL) {
+    return '';
+  }
+  const arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
+    bstr = atob(arr[1]);
+  let n = bstr.length;
+  const u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  const blob = new Blob([u8arr], {type: mime});
+  return URL.createObjectURL(blob);
+};
+
+/**
+ * get object URL for a blob object
+ * @function module:utilities.createObjectURL
+ * @param {Blob} blob A Blob object or File object
+ * @returns {string} object URL or empty string
+ */
+export const createObjectURL = function (blob) {
+  if (!blob || typeof URL === 'undefined' || !URL.createObjectURL) {
+    return '';
+  }
+  return URL.createObjectURL(blob);
+};
+
+/**
+ * @property {string} blankPageObjectURL
+ */
+export const blankPageObjectURL = (function () {
+  if (typeof Blob === 'undefined') {
+    return '';
+  }
+  const blob = new Blob(['<html><head><title>SVG-edit</title></head><body>&nbsp;</body></html>'], {type: 'text/html'});
+  return createObjectURL(blob);
+})();
+
+/**
+* Converts a string to use XML references (for non-ASCII)
+* @function module:utilities.convertToXMLReferences
+* @param {string} input
+* @returns {string} Decimal numeric character references
+*/
+export const convertToXMLReferences = function (input) {
+  let output = '';
+  [...input].forEach((ch) => {
+    const c = ch.charCodeAt();
+    if (c <= 127) {
+      output += ch;
+    } else {
+      output += `&#${c};`;
+    }
+  });
+  return output;
+};
+
+/**
+* Cross-browser compatible method of converting a string to an XML tree
+* found this function [here]{@link http://groups.google.com/group/jquery-dev/browse_thread/thread/c6d11387c580a77f}
+* @function module:utilities.text2xml
+* @param {string} sXML
+* @throws {Error}
+* @returns {XMLDocument}
+*/
+export const text2xml = function (sXML) {
+  if (sXML.includes('<svg:svg')) {
+    sXML = sXML.replace(/<(\/?)svg:/g, '<$1').replace('xmlns:svg', 'xmlns');
+  }
+
+  let out, dXML;
+  try {
+    dXML = (window.DOMParser) ? new DOMParser() : new window.ActiveXObject('Microsoft.XMLDOM');
+    dXML.async = false;
+  } catch (e) {
+    throw new Error('XML Parser could not be instantiated');
+  }
+  try {
+    if (dXML.loadXML) {
+      out = (dXML.loadXML(sXML)) ? dXML : false;
+    } else {
+      out = dXML.parseFromString(sXML, 'text/xml');
+    }
+  } catch (e2) { throw new Error('Error parsing XML string'); }
+  return out;
+};
+
+/**
+* @typedef {PlainObject} module:utilities.BBoxObject (like `DOMRect`)
+* @property {Float} x
+* @property {Float} y
+* @property {Float} width
+* @property {Float} height
+*/
+
+/**
+* Converts a `SVGRect` into an object.
+* @function module:utilities.bboxToObj
+* @param {SVGRect} bbox - a SVGRect
+* @returns {module:utilities.BBoxObject} An object with properties names x, y, width, height.
+*/
+export const bboxToObj = function ({x, y, width, height}) {
+  return {x, y, width, height};
+};
+
+/**
+* @callback module:utilities.TreeWalker
+* @param {Element} elem - DOM element being traversed
+* @returns {undefined}
+*/
+
+/**
+* Walks the tree and executes the callback on each element in a top-down fashion
+* @function module:utilities.walkTree
+* @param {Element} elem - DOM element to traverse
+* @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element
+* @returns {undefined}
+*/
+export const walkTree = function (elem, cbFn) {
+  if (elem && elem.nodeType === 1) {
+    cbFn(elem);
+    let i = elem.childNodes.length;
+    while (i--) {
+      walkTree(elem.childNodes.item(i), cbFn);
+    }
+  }
+};
+
+/**
+* Walks the tree and executes the callback on each element in a depth-first fashion
+* @function module:utilities.walkTreePost
+* @todo FIXME: Shouldn't this be calling walkTreePost?
+* @param {Element} elem - DOM element to traverse
+* @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element
+* @returns {undefined}
+*/
+export const walkTreePost = function (elem, cbFn) {
+  if (elem && elem.nodeType === 1) {
+    let i = elem.childNodes.length;
+    while (i--) {
+      walkTree(elem.childNodes.item(i), cbFn);
+    }
+    cbFn(elem);
+  }
+};
+
+/**
+* Extracts the URL from the `url(...)` syntax of some attributes.
+* Three variants:
+*  - `<circle fill="url(someFile.svg#foo)" />`
+*  - `<circle fill="url('someFile.svg#foo')" />`
+*  - `<circle fill='url("someFile.svg#foo")' />`
+* @function module:utilities.getUrlFromAttr
+* @param {string} attrVal The attribute value as a string
+* @returns {string} String with just the URL, like "someFile.svg#foo"
+*/
+export const getUrlFromAttr = function (attrVal) {
+  if (attrVal) {
+    // url('#somegrad')
+    if (attrVal.startsWith('url("')) {
+      return attrVal.substring(5, attrVal.indexOf('"', 6));
+    }
+    // url('#somegrad')
+    if (attrVal.startsWith("url('")) {
+      return attrVal.substring(5, attrVal.indexOf("'", 6));
+    }
+    if (attrVal.startsWith('url(')) {
+      return attrVal.substring(4, attrVal.indexOf(')'));
+    }
+  }
+  return null;
+};
+
+/**
+* @function module:utilities.getHref
+* @param {Element} elem
+* @returns {string} The given element's `xlink:href` value
+*/
+export let getHref = function (elem) {
+  return elem.getAttributeNS(NS.XLINK, 'href');
+};
+
+/**
+* Sets the given element's `xlink:href` value
+* @function module:utilities.setHref
+* @param {Element} elem
+* @param {string} val
+* @returns {undefined}
+*/
+export let setHref = function (elem, val) {
+  elem.setAttributeNS(NS.XLINK, 'xlink:href', val);
+};
+
+/**
+* @function module:utilities.findDefs
+* @returns {SVGDefsElement} The document's `<defs>` element, creating it first if necessary
+*/
+export const findDefs = function () {
+  const svgElement = editorContext_.getSVGContent();
+  let defs = svgElement.getElementsByTagNameNS(NS.SVG, 'defs');
+  if (defs.length > 0) {
+    defs = defs[0];
+  } else {
+    defs = svgElement.ownerDocument.createElementNS(NS.SVG, 'defs');
+    if (svgElement.firstChild) {
+      // first child is a comment, so call nextSibling
+      svgElement.insertBefore(defs, svgElement.firstChild.nextSibling);
+      // svgElement.firstChild.nextSibling.before(defs); // Not safe
+    } else {
+      svgElement.append(defs);
+    }
+  }
+  return defs;
+};
+
+// TODO(codedread): Consider moving the next to functions to bbox.js
+
+/**
+* Get correct BBox for a path in Webkit.
+* Converted from code found [here]{@link http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html}
+* @function module:utilities.getPathBBox
+* @param {SVGPathElement} path - The path DOM element to get the BBox for
+* @returns {module:utilities.BBoxObject} A BBox-like object
+*/
+export const getPathBBox = function (path) {
+  const seglist = path.pathSegList;
+  const tot = seglist.numberOfItems;
+
+  const bounds = [[], []];
+  const start = seglist.getItem(0);
+  let P0 = [start.x, start.y];
+
+  for (let i = 0; i < tot; i++) {
+    const seg = seglist.getItem(i);
+
+    if (seg.x === undefined) { continue; }
+
+    // Add actual points to limits
+    bounds[0].push(P0[0]);
+    bounds[1].push(P0[1]);
+
+    if (seg.x1) {
+      const P1 = [seg.x1, seg.y1],
+        P2 = [seg.x2, seg.y2],
+        P3 = [seg.x, seg.y];
+
+      for (let j = 0; j < 2; j++) {
+        const calc = function (t) {
+          return Math.pow(1 - t, 3) * P0[j] +
+            3 * Math.pow(1 - t, 2) * t * P1[j] +
+            3 * (1 - t) * Math.pow(t, 2) * P2[j] +
+            Math.pow(t, 3) * P3[j];
+        };
+
+        const b = 6 * P0[j] - 12 * P1[j] + 6 * P2[j];
+        const a = -3 * P0[j] + 9 * P1[j] - 9 * P2[j] + 3 * P3[j];
+        const c = 3 * P1[j] - 3 * P0[j];
+
+        if (a === 0) {
+          if (b === 0) {
+            continue;
+          }
+          const t = -c / b;
+          if (t > 0 && t < 1) {
+            bounds[j].push(calc(t));
+          }
+          continue;
+        }
+        const b2ac = Math.pow(b, 2) - 4 * c * a;
+        if (b2ac < 0) { continue; }
+        const t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
+        if (t1 > 0 && t1 < 1) { bounds[j].push(calc(t1)); }
+        const t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
+        if (t2 > 0 && t2 < 1) { bounds[j].push(calc(t2)); }
+      }
+      P0 = P3;
+    } else {
+      bounds[0].push(seg.x);
+      bounds[1].push(seg.y);
+    }
+  }
+
+  const x = Math.min.apply(null, bounds[0]);
+  const w = Math.max.apply(null, bounds[0]) - x;
+  const y = Math.min.apply(null, bounds[1]);
+  const h = Math.max.apply(null, bounds[1]) - y;
+  return {
+    x,
+    y,
+    width: w,
+    height: h
+  };
+};
+
+/**
+* Get the given/selected element's bounding box object, checking for
+* horizontal/vertical lines (see issue 717)
+* Note that performance is currently terrible, so some way to improve would
+* be great.
+* @param {Element} selected - Container or `<use>` DOM element
+* @returns {DOMRect} Bounding box object
+*/
+function groupBBFix (selected) {
+  if (supportsHVLineContainerBBox()) {
+    try { return selected.getBBox(); } catch (e) {}
+  }
+  const ref = $.data(selected, 'ref');
+  let matched = null;
+  let ret, copy;
+
+  if (ref) {
+    copy = $(ref).children().clone().attr('visibility', 'hidden');
+    $(svgroot_).append(copy);
+    matched = copy.filter('line, path');
+  } else {
+    matched = $(selected).find('line, path');
+  }
+
+  let issue = false;
+  if (matched.length) {
+    matched.each(function () {
+      const bb = this.getBBox();
+      if (!bb.width || !bb.height) {
+        issue = true;
+      }
+    });
+    if (issue) {
+      const elems = ref ? copy : $(selected).children();
+      ret = getStrokedBBox(elems);
+    } else {
+      ret = selected.getBBox();
+    }
+  } else {
+    ret = selected.getBBox();
+  }
+  if (ref) {
+    copy.remove();
+  }
+  return ret;
+}
+
+/**
+* Get the given/selected element's bounding box object, convert it to be more
+* usable when necessary
+* @function module:utilities.getBBox
+* @param {Element} elem - Optional DOM element to get the BBox for
+* @returns {module:utilities.BBoxObject} Bounding box object
+*/
+export const getBBox = function (elem) {
+  const selected = elem || editorContext_.geSelectedElements()[0];
+  if (elem.nodeType !== 1) { return null; }
+  const elname = selected.nodeName;
+
+  let ret = null;
+  switch (elname) {
+  case 'text':
+    if (selected.textContent === '') {
+      selected.textContent = 'a'; // Some character needed for the selector to use.
+      ret = selected.getBBox();
+      selected.textContent = '';
+    } else {
+      if (selected.getBBox) { ret = selected.getBBox(); }
+    }
+    break;
+  case 'path':
+    if (!supportsPathBBox()) {
+      ret = getPathBBox(selected);
+    } else {
+      if (selected.getBBox) { ret = selected.getBBox(); }
+    }
+    break;
+  case 'g':
+  case 'a':
+    ret = groupBBFix(selected);
+    break;
+  default:
+
+    if (elname === 'use') {
+      ret = groupBBFix(selected, true);
+    }
+    if (elname === 'use' || (elname === 'foreignObject' && isWebkit())) {
+      if (!ret) { ret = selected.getBBox(); }
+      // This is resolved in later versions of webkit, perhaps we should
+      // have a featured detection for correct 'use' behavior?
+      // ——————————
+      if (!isWebkit()) {
+        const bb = {};
+        bb.width = ret.width;
+        bb.height = ret.height;
+        bb.x = ret.x + parseFloat(selected.getAttribute('x') || 0);
+        bb.y = ret.y + parseFloat(selected.getAttribute('y') || 0);
+        ret = bb;
+      }
+    } else if (visElemsArr.includes(elname)) {
+      if (selected) {
+        try {
+          ret = selected.getBBox();
+        } catch (err) {
+          // tspan (and textPath apparently) have no `getBBox` in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=937268
+          // Re: Chrome returning bbox for containing text element, see: https://bugs.chromium.org/p/chromium/issues/detail?id=349835
+          const extent = selected.getExtentOfChar(0); // pos+dimensions of the first glyph
+          const width = selected.getComputedTextLength(); // width of the tspan
+          ret = {
+            x: extent.x,
+            y: extent.y,
+            width,
+            height: extent.height
+          };
+        }
+      } else {
+        // Check if element is child of a foreignObject
+        const fo = $(selected).closest('foreignObject');
+        if (fo.length) {
+          if (fo[0].getBBox) {
+            ret = fo[0].getBBox();
+          }
+        }
+      }
+    }
+  }
+  if (ret) {
+    ret = bboxToObj(ret);
+  }
+
+  // get the bounding box from the DOM (which is in that element's coordinate system)
+  return ret;
+};
+
+/**
+* @typedef {GenericArray} module:utilities.PathSegmentArray
+* @property {Integer} length 2
+* @property {"M"|"L"|"C"|"Z"} 0
+* @property {Float[]} 1
+*/
+
+/**
+* Create a path 'd' attribute from path segments.
+* Each segment is an array of the form: `[singleChar, [x,y, x,y, ...]]`
+* @function module:utilities.getPathDFromSegments
+* @param {module:utilities.PathSegmentArray[]} pathSegments - An array of path segments to be converted
+* @returns {string} The converted path d attribute.
+*/
+export const getPathDFromSegments = function (pathSegments) {
+  let d = '';
+
+  $.each(pathSegments, function (j, [singleChar, pts]) {
+    d += singleChar;
+    for (let i = 0; i < pts.length; i += 2) {
+      d += (pts[i] + ',' + pts[i + 1]) + ' ';
+    }
+  });
+
+  return d;
+};
+
+/**
+* Make a path 'd' attribute from a simple SVG element shape.
+* @function module:utilities.getPathDFromElement
+* @param {Element} elem - The element to be converted
+* @returns {string} The path d attribute or `undefined` if the element type is unknown.
+*/
+export const getPathDFromElement = function (elem) {
+  // Possibly the cubed root of 6, but 1.81 works best
+  let num = 1.81;
+  let d, a, rx, ry;
+  switch (elem.tagName) {
+  case 'ellipse':
+  case 'circle':
+    a = $(elem).attr(['rx', 'ry', 'cx', 'cy']);
+    const {cx, cy} = a;
+    ({rx, ry} = a);
+    if (elem.tagName === 'circle') {
+      rx = ry = $(elem).attr('r');
+    }
+
+    d = getPathDFromSegments([
+      ['M', [(cx - rx), (cy)]],
+      ['C', [(cx - rx), (cy - ry / num), (cx - rx / num), (cy - ry), (cx), (cy - ry)]],
+      ['C', [(cx + rx / num), (cy - ry), (cx + rx), (cy - ry / num), (cx + rx), (cy)]],
+      ['C', [(cx + rx), (cy + ry / num), (cx + rx / num), (cy + ry), (cx), (cy + ry)]],
+      ['C', [(cx - rx / num), (cy + ry), (cx - rx), (cy + ry / num), (cx - rx), (cy)]],
+      ['Z', []]
+    ]);
+    break;
+  case 'path':
+    d = elem.getAttribute('d');
+    break;
+  case 'line':
+    a = $(elem).attr(['x1', 'y1', 'x2', 'y2']);
+    d = 'M' + a.x1 + ',' + a.y1 + 'L' + a.x2 + ',' + a.y2;
+    break;
+  case 'polyline':
+    d = 'M' + elem.getAttribute('points');
+    break;
+  case 'polygon':
+    d = 'M' + elem.getAttribute('points') + ' Z';
+    break;
+  case 'rect':
+    const r = $(elem).attr(['rx', 'ry']);
+    ({rx, ry} = r);
+    const b = elem.getBBox();
+    const {x, y} = b, w = b.width, h = b.height;
+    num = 4 - num; // Why? Because!
+
+    if (!rx && !ry) {
+      // Regular rect
+      d = getPathDFromSegments([
+        ['M', [x, y]],
+        ['L', [x + w, y]],
+        ['L', [x + w, y + h]],
+        ['L', [x, y + h]],
+        ['L', [x, y]],
+        ['Z', []]
+      ]);
+    } else {
+      d = getPathDFromSegments([
+        ['M', [x, y + ry]],
+        ['C', [x, y + ry / num, x + rx / num, y, x + rx, y]],
+        ['L', [x + w - rx, y]],
+        ['C', [x + w - rx / num, y, x + w, y + ry / num, x + w, y + ry]],
+        ['L', [x + w, y + h - ry]],
+        ['C', [x + w, y + h - ry / num, x + w - rx / num, y + h, x + w - rx, y + h]],
+        ['L', [x + rx, y + h]],
+        ['C', [x + rx / num, y + h, x, y + h - ry / num, x, y + h - ry]],
+        ['L', [x, y + ry]],
+        ['Z', []]
+      ]);
+    }
+    break;
+  default:
+    break;
+  }
+
+  return d;
+};
+
+/**
+* Get a set of attributes from an element that is useful for convertToPath.
+* @function module:utilities.getExtraAttributesForConvertToPath
+* @param {Element} elem - The element to be probed
+* @returns {PlainObject.<"marker-start"|"marker-end"|"marker-mid"|"filter"|"clip-path", string>} An object with attributes.
+*/
+export const getExtraAttributesForConvertToPath = function (elem) {
+  const attrs = {};
+  // TODO: make this list global so that we can properly maintain it
+  // TODO: what about @transform, @clip-rule, @fill-rule, etc?
+  $.each(['marker-start', 'marker-end', 'marker-mid', 'filter', 'clip-path'], function () {
+    const a = elem.getAttribute(this);
+    if (a) {
+      attrs[this] = a;
+    }
+  });
+  return attrs;
+};
+
+/**
+* Get the BBox of an element-as-path
+* @function module:utilities.getBBoxOfElementAsPath
+* @param {Element} elem - The DOM element to be probed
+* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+* @param {module:path.pathActions} pathActions - If a transform exists, `pathActions.resetOrientation()` is used. See: canvas.pathActions.
+* @returns {DOMRect|false} The resulting path's bounding box object.
+*/
+export const getBBoxOfElementAsPath = function (elem, addSVGElementFromJson, pathActions) {
+  const path = addSVGElementFromJson({
+    element: 'path',
+    attr: getExtraAttributesForConvertToPath(elem)
+  });
+
+  const eltrans = elem.getAttribute('transform');
+  if (eltrans) {
+    path.setAttribute('transform', eltrans);
+  }
+
+  const parent = elem.parentNode;
+  if (elem.nextSibling) {
+    elem.before(path);
+  } else {
+    parent.append(path);
+  }
+
+  const d = getPathDFromElement(elem);
+  if (d) {
+    path.setAttribute('d', d);
+  } else {
+    path.remove();
+  }
+
+  // Get the correct BBox of the new path, then discard it
+  pathActions.resetOrientation(path);
+  let bb = false;
+  try {
+    bb = path.getBBox();
+  } catch (e) {
+    // Firefox fails
+  }
+  path.remove();
+  return bb;
+};
+
+/**
+* Convert selected element to a path.
+* @function module:utilities.convertToPath
+* @param {Element} elem - The DOM element to be converted
+* @param {module:utilities.SVGElementJSON} attrs - Apply attributes to new path. see canvas.convertToPath
+* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+* @param {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection} clearSelection - see [canvas.clearSelection]{@link module:svgcanvas.SvgCanvas#clearSelection}
+* @param {module:path.EditorContext#addToSelection} addToSelection - see [canvas.addToSelection]{@link module:svgcanvas.SvgCanvas#addToSelection}
+* @param {module:history} history - see history module
+* @param {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory} addCommandToHistory - see [canvas.addCommandToHistory]{@link module:svgcanvas~addCommandToHistory}
+* @returns {SVGPathElement|null} The converted path element or null if the DOM element was not recognized.
+*/
+export const convertToPath = function (elem, attrs, addSVGElementFromJson, pathActions, clearSelection, addToSelection, history, addCommandToHistory) {
+  const batchCmd = new history.BatchCommand('Convert element to Path');
+
+  // Any attribute on the element not covered by the passed-in attributes
+  attrs = $.extend({}, attrs, getExtraAttributesForConvertToPath(elem));
+
+  const path = addSVGElementFromJson({
+    element: 'path',
+    attr: attrs
+  });
+
+  const eltrans = elem.getAttribute('transform');
+  if (eltrans) {
+    path.setAttribute('transform', eltrans);
+  }
+
+  const {id} = elem;
+  const parent = elem.parentNode;
+  if (elem.nextSibling) {
+    elem.before(path);
+  } else {
+    parent.append(path);
+  }
+
+  const d = getPathDFromElement(elem);
+  if (d) {
+    path.setAttribute('d', d);
+
+    // Replace the current element with the converted one
+
+    // Reorient if it has a matrix
+    if (eltrans) {
+      const tlist = getTransformList(path);
+      if (hasMatrixTransform(tlist)) {
+        pathActions.resetOrientation(path);
+      }
+    }
+
+    const {nextSibling} = elem;
+    batchCmd.addSubCommand(new history.RemoveElementCommand(elem, nextSibling, parent));
+    batchCmd.addSubCommand(new history.InsertElementCommand(path));
+
+    clearSelection();
+    elem.remove();
+    path.setAttribute('id', id);
+    path.removeAttribute('visibility');
+    addToSelection([path], true);
+
+    addCommandToHistory(batchCmd);
+
+    return path;
+  }
+  // the elem.tagName was not recognized, so no "d" attribute. Remove it, so we've haven't changed anything.
+  path.remove();
+  return null;
+};
+
+/**
+* Can the bbox be optimized over the native getBBox? The optimized bbox is the same as the native getBBox when
+* the rotation angle is a multiple of 90 degrees and there are no complex transforms.
+* Getting an optimized bbox can be dramatically slower, so we want to make sure it's worth it.
+*
+* The best example for this is a circle rotate 45 degrees. The circle doesn't get wider or taller when rotated
+* about it's center.
+*
+* The standard, unoptimized technique gets the native bbox of the circle, rotates the box 45 degrees, uses
+* that width and height, and applies any transforms to get the final bbox. This means the calculated bbox
+* is much wider than the original circle. If the angle had been 0, 90, 180, etc. both techniques render the
+* same bbox.
+*
+* The optimization is not needed if the rotation is a multiple 90 degrees. The default technique is to call
+* getBBox then apply the angle and any transforms.
+*
+* @param {Float} angle - The rotation angle in degrees
+* @param {boolean} hasMatrixTransform - True if there is a matrix transform
+* @returns {boolean} True if the bbox can be optimized.
+*/
+function bBoxCanBeOptimizedOverNativeGetBBox (angle, hasMatrixTransform) {
+  const angleModulo90 = angle % 90;
+  const closeTo90 = angleModulo90 < -89.99 || angleModulo90 > 89.99;
+  const closeTo0 = angleModulo90 > -0.001 && angleModulo90 < 0.001;
+  return hasMatrixTransform || !(closeTo0 || closeTo90);
+}
+
+/**
+* Get bounding box that includes any transforms.
+* @function module:utilities.getBBoxWithTransform
+* @param {Element} elem - The DOM element to be converted
+* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+* @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object
+*/
+export const getBBoxWithTransform = function (elem, addSVGElementFromJson, pathActions) {
+  // TODO: Fix issue with rotated groups. Currently they work
+  // fine in FF, but not in other browsers (same problem mentioned
+  // in Issue 339 comment #2).
+
+  let bb = getBBox(elem);
+
+  if (!bb) {
+    return null;
+  }
+
+  const tlist = getTransformList(elem);
+  const angle = getRotationAngleFromTransformList(tlist);
+  const hasMatrixXForm = hasMatrixTransform(tlist);
+
+  if (angle || hasMatrixXForm) {
+    let goodBb = false;
+    if (bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixXForm)) {
+      // Get the BBox from the raw path for these elements
+      // TODO: why ellipse and not circle
+      const elemNames = ['ellipse', 'path', 'line', 'polyline', 'polygon'];
+      if (elemNames.includes(elem.tagName)) {
+        bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions);
+      } else if (elem.tagName === 'rect') {
+        // Look for radius
+        const rx = elem.getAttribute('rx');
+        const ry = elem.getAttribute('ry');
+        if (rx || ry) {
+          bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions);
+        }
+      }
+    }
+
+    if (!goodBb) {
+      const {matrix} = transformListToTransform(tlist);
+      bb = transformBox(bb.x, bb.y, bb.width, bb.height, matrix).aabox;
+
+      // Old technique that was exceedingly slow with large documents.
+      //
+      // Accurate way to get BBox of rotated element in Firefox:
+      // Put element in group and get its BBox
+      //
+      // Must use clone else FF freaks out
+      // const clone = elem.cloneNode(true);
+      // const g = document.createElementNS(NS.SVG, 'g');
+      // const parent = elem.parentNode;
+      // parent.append(g);
+      // g.append(clone);
+      // const bb2 = bboxToObj(g.getBBox());
+      // g.remove();
+    }
+  }
+  return bb;
+};
+
+// TODO: This is problematic with large stroke-width and, for example, a single horizontal line. The calculated BBox extends way beyond left and right sides.
+function getStrokeOffsetForBBox (elem) {
+  const sw = elem.getAttribute('stroke-width');
+  return (!isNaN(sw) && elem.getAttribute('stroke') !== 'none') ? sw / 2 : 0;
+}
+
+/**
+ * @typedef {PlainObject} BBox
+ * @property {Integer} x The x value
+ * @property {Integer} y The y value
+ * @property {Float} width
+ * @property {Float} height
+ */
+
+/**
+* Get the bounding box for one or more stroked and/or transformed elements
+* @function module:utilities.getStrokedBBox
+* @param {Element[]} elems - Array with DOM elements to check
+* @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+* @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+* @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object
+*/
+export const getStrokedBBox = function (elems, addSVGElementFromJson, pathActions) {
+  if (!elems || !elems.length) { return false; }
+
+  let fullBb;
+  $.each(elems, function () {
+    if (fullBb) { return; }
+    if (!this.parentNode) { return; }
+    fullBb = getBBoxWithTransform(this, addSVGElementFromJson, pathActions);
+  });
+
+  // This shouldn't ever happen...
+  if (fullBb === undefined) { return null; }
+
+  // fullBb doesn't include the stoke, so this does no good!
+  // if (elems.length == 1) return fullBb;
+
+  let maxX = fullBb.x + fullBb.width;
+  let maxY = fullBb.y + fullBb.height;
+  let minX = fullBb.x;
+  let minY = fullBb.y;
+
+  // If only one elem, don't call the potentially slow getBBoxWithTransform method again.
+  if (elems.length === 1) {
+    const offset = getStrokeOffsetForBBox(elems[0]);
+    minX -= offset;
+    minY -= offset;
+    maxX += offset;
+    maxY += offset;
+  } else {
+    $.each(elems, function (i, elem) {
+      const curBb = getBBoxWithTransform(elem, addSVGElementFromJson, pathActions);
+      if (curBb) {
+        const offset = getStrokeOffsetForBBox(elem);
+        minX = Math.min(minX, curBb.x - offset);
+        minY = Math.min(minY, curBb.y - offset);
+        // TODO: The old code had this test for max, but not min. I suspect this test should be for both min and max
+        if (elem.nodeType === 1) {
+          maxX = Math.max(maxX, curBb.x + curBb.width + offset);
+          maxY = Math.max(maxY, curBb.y + curBb.height + offset);
+        }
+      }
+    });
+  }
+
+  fullBb.x = minX;
+  fullBb.y = minY;
+  fullBb.width = maxX - minX;
+  fullBb.height = maxY - minY;
+  return fullBb;
+};
+
+/**
+* Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).
+* Note that 0-opacity, off-screen etc elements are still considered "visible"
+* for this function
+* @function module:utilities.getVisibleElements
+* @param {Element} parent - The parent DOM element to search within
+* @returns {Element[]} All "visible" elements.
+*/
+export const getVisibleElements = function (parent) {
+  if (!parent) {
+    parent = $(editorContext_.getSVGContent()).children(); // Prevent layers from being included
+  }
+
+  const contentElems = [];
+  $(parent).children().each(function (i, elem) {
+    if (elem.getBBox) {
+      contentElems.push(elem);
+    }
+  });
+  return contentElems.reverse();
+};
+
+/**
+* Get the bounding box for one or more stroked and/or transformed elements
+* @function module:utilities.getStrokedBBoxDefaultVisible
+* @param {Element[]} elems - Array with DOM elements to check
+* @returns {module:utilities.BBoxObject} A single bounding box object
+*/
+export const getStrokedBBoxDefaultVisible = function (elems) {
+  if (!elems) { elems = getVisibleElements(); }
+  return getStrokedBBox(
+    elems,
+    editorContext_.addSVGElementFromJson,
+    editorContext_.pathActions
+  );
+};
+
+/**
+* Get the rotation angle of the given transform list.
+* @function module:utilities.getRotationAngleFromTransformList
+* @param {SVGTransformList} tlist - List of transforms
+* @param {boolean} toRad - When true returns the value in radians rather than degrees
+* @returns {Float} The angle in degrees or radians
+*/
+export const getRotationAngleFromTransformList = function (tlist, toRad) {
+  if (!tlist) { return 0; } // <svg> elements have no tlist
+  const N = tlist.numberOfItems;
+  for (let i = 0; i < N; ++i) {
+    const xform = tlist.getItem(i);
+    if (xform.type === 4) {
+      return toRad ? xform.angle * Math.PI / 180.0 : xform.angle;
+    }
+  }
+  return 0.0;
+};
+
+/**
+* Get the rotation angle of the given/selected DOM element
+* @function module:utilities.getRotationAngle
+* @param {Element} [elem] - DOM element to get the angle for. Default to first of selected elements.
+* @param {boolean} [toRad=false] - When true returns the value in radians rather than degrees
+* @returns {Float} The angle in degrees or radians
+*/
+export let getRotationAngle = function (elem, toRad) {
+  const selected = elem || editorContext_.getSelectedElements()[0];
+  // find the rotation transform (if any) and set it
+  const tlist = getTransformList(selected);
+  return getRotationAngleFromTransformList(tlist, toRad);
+};
+
+/**
+* Get the reference element associated with the given attribute value
+* @function module:utilities.getRefElem
+* @param {string} attrVal - The attribute value as a string
+* @returns {Element} Reference element
+*/
+export const getRefElem = function (attrVal) {
+  return getElem(getUrlFromAttr(attrVal).substr(1));
+};
+
+/**
+* Get a DOM element by ID within the SVG root element.
+* @function module:utilities.getElem
+* @param {string} id - String with the element's new ID
+* @returns {Element}
+*/
+export const getElem = (supportsSelectors())
+  ? function (id) {
+    // querySelector lookup
+    return svgroot_.querySelector('#' + id);
+  } : supportsXpath()
+    ? function (id) {
+      // xpath lookup
+      return domdoc_.evaluate(
+        'svg:svg[@id="svgroot"]//svg:*[@id="' + id + '"]',
+        domcontainer_,
+        function () { return NS.SVG; },
+        9,
+        null).singleNodeValue;
+    }
+    : function (id) {
+      // jQuery lookup: twice as slow as xpath in FF
+      return $(svgroot_).find('[id=' + id + ']')[0];
+    };
+
+/**
+* Assigns multiple attributes to an element.
+* @function module:utilities.assignAttributes
+* @param {Element} elem - DOM element to apply new attribute values to
+* @param {PlainObject.<string, string>} attrs - Object with attribute keys/values
+* @param {Integer} [suspendLength] - Milliseconds to suspend redraw
+* @param {boolean} [unitCheck=false] - Boolean to indicate the need to use units.setUnitAttr
+* @returns {undefined}
+*/
+export const assignAttributes = function (elem, attrs, suspendLength, unitCheck) {
+  for (const [key, value] of Object.entries(attrs)) {
+    const ns = (key.substr(0, 4) === 'xml:'
+      ? NS.XML
+      : key.substr(0, 6) === 'xlink:' ? NS.XLINK : null);
+
+    if (ns) {
+      elem.setAttributeNS(ns, key, value);
+    } else if (!unitCheck) {
+      elem.setAttribute(key, value);
+    } else {
+      setUnitAttr(elem, key, value);
+    }
+  }
+};
+
+/**
+* Remove unneeded (default) attributes, makes resulting SVG smaller
+* @function module:utilities.cleanupElement
+* @param {Element} element - DOM element to clean up
+* @returns {undefined}
+*/
+export const cleanupElement = function (element) {
+  const defaults = {
+    'fill-opacity': 1,
+    'stop-opacity': 1,
+    opacity: 1,
+    stroke: 'none',
+    'stroke-dasharray': 'none',
+    'stroke-linejoin': 'miter',
+    'stroke-linecap': 'butt',
+    'stroke-opacity': 1,
+    'stroke-width': 1,
+    rx: 0,
+    ry: 0
+  };
+
+  if (element.nodeName === 'ellipse') {
+    // Ellipse elements require rx and ry attributes
+    delete defaults.rx;
+    delete defaults.ry;
+  }
+
+  for (const attr in defaults) {
+    const val = defaults[attr];
+    if (element.getAttribute(attr) === String(val)) {
+      element.removeAttribute(attr);
+    }
+  }
+};
+
+/**
+* Round value to for snapping
+* @function module:utilities.snapToGrid
+* @param {Float} value
+* @returns {Integer}
+*/
+export const snapToGrid = function (value) {
+  const unit = editorContext_.getBaseUnit();
+  let stepSize = editorContext_.getSnappingStep();
+  if (unit !== 'px') {
+    stepSize *= getTypeMap()[unit];
+  }
+  value = Math.round(value / stepSize) * stepSize;
+  return value;
+};
+
+/**
+* Escapes special characters in a regular expression
+* @function module:utilities.regexEscape
+* @param {string} str
+* @returns {string}
+*/
+export const regexEscape = function (str) {
+  // From: http://phpjs.org/functions
+  return String(str).replace(new RegExp('[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\-]', 'g'), '\\$&');
+};
+
+/**
+ * Prevents default browser click behaviour on the given element
+ * @function module:utilities.preventClickDefault
+ * @param {Element} img - The DOM element to prevent the click on
+ * @returns {undefined}
+ */
+export const preventClickDefault = function (img) {
+  $(img).click(function (e) { e.preventDefault(); });
+};
+
+/**
+ * @callback module:utilities.GetNextID
+ * @returns {string} The ID
+ */
+/**
+ * Create a clone of an element, updating its ID and its children's IDs when needed
+ * @function module:utilities.copyElem
+ * @param {Element} el - DOM element to clone
+ * @param {module:utilities.GetNextID} getNextId - The getter of the next unique ID.
+ * @returns {Element} The cloned element
+ */
+export const copyElem = function (el, getNextId) {
+  // manually create a copy of the element
+  const newEl = document.createElementNS(el.namespaceURI, el.nodeName);
+  $.each(el.attributes, function (i, attr) {
+    if (attr.localName !== '-moz-math-font-style') {
+      newEl.setAttributeNS(attr.namespaceURI, attr.nodeName, attr.value);
+    }
+  });
+  // set the copied element's new id
+  newEl.removeAttribute('id');
+  newEl.id = getNextId();
+
+  // Opera's "d" value needs to be reset for Opera/Win/non-EN
+  // Also needed for webkit (else does not keep curved segments on clone)
+  if (isWebkit() && el.nodeName === 'path') {
+    const fixedD = convertPath(el);
+    newEl.setAttribute('d', fixedD);
+  }
+
+  // now create copies of all children
+  $.each(el.childNodes, function (i, child) {
+    switch (child.nodeType) {
+    case 1: // element node
+      newEl.append(copyElem(child, getNextId));
+      break;
+    case 3: // text node
+      newEl.textContent = child.nodeValue;
+      break;
+    default:
+      break;
+    }
+  });
+
+  if ($(el).data('gsvg')) {
+    $(newEl).data('gsvg', newEl.firstChild);
+  } else if ($(el).data('symbol')) {
+    const ref = $(el).data('symbol');
+    $(newEl).data('ref', ref).data('symbol', ref);
+  } else if (newEl.tagName === 'image') {
+    preventClickDefault(newEl);
+  }
+
+  return newEl;
+};
+
+/**
+* Unit testing
+* @function module:utilities.mock
+* @returns {undefined}
+*/
+export const mock = ({
+  getHref: getHrefUser, setHref: setHrefUser, getRotationAngle: getRotationAngleUser
+}) => {
+  getHref = getHrefUser;
+  setHref = setHrefUser;
+  getRotationAngle = getRotationAngleUser;
+};
diff --git a/editor/xdomain-svg-editor-es.html b/editor/xdomain-svg-editor-es.html
new file mode 100644
index 00000000..0a5f6b9e
--- /dev/null
+++ b/editor/xdomain-svg-editor-es.html
@@ -0,0 +1,772 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
+    <meta name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <!-- STYLESHEETS (others loaded dynamically) -->
+    <style id="styleoverrides" media="screen"></style>
+
+    <!-- SCRIPTS -->
+    <!--{if jquery_release}>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    <!{else}-->
+    <script src="jquery.min.js"></script>
+    <!--{endif}-->
+    <!-- We keep this next module external to avoid the need to
+      load further scripts if not supported -->
+    <script type="module" src="redirect-on-lacking-support.js"></script>
+    <!-- always minified scripts -->
+    <script src="jquery-ui/jquery-ui-1.8.17.custom.min.js"></script>
+    <!-- The following could be removed for more modern browsers -->
+    <script src="external/dom-polyfill/dom-polyfill.js"></script>
+    <!-- The following could be removed for more modern browsers; currently
+      using for at least `String.prototype.includes`, `Array.prototype.includes`,
+      `String.prototype.startsWith` -->
+    <script src="external/babel-polyfill/polyfill.min.js"></script>
+    <!-- If you do not wish to add extensions by URL, you can load them
+    by creating the following file and adding by calls to svgEditor.setConfig -->
+    <script type="module" src="xdomain-svgedit-config-es.js"></script>
+
+    <!-- FEEDS -->
+    <link rel="alternate" type="application/atom+xml"
+      title="SVG-edit General Discussion"
+      href="https://groups.google.com/group/svg-edit/feed/atom_v1_0_msgs.xml"/>
+    <link rel="alternate" type="application/atom+xml"
+      title="SVG-edit Updates (Commits)"
+      href="https://github.com/SVG-Edit/svgedit/commits/master.atom"/>
+    <title>SVG-edit</title>
+</head>
+<body>
+
+<div id="svg_container" style="visibility: hidden;">
+<div id="svg_editor">
+  <div id="rulers">
+    <div id="ruler_corner"></div>
+    <div id="ruler_x">
+      <div>
+        <canvas height="15"></canvas>
+      </div>
+    </div>
+    <div id="ruler_y">
+      <div>
+        <canvas width="15"></canvas>
+      </div>
+    </div>
+  </div>
+  <div id="workarea">
+    <div id="svgcanvas" style="position: relative;">
+    </div>
+  </div>
+  <div id="sidepanels">
+    <div id="layerpanel">
+      <h3 id="layersLabel">Layers</h3>
+      <fieldset id="layerbuttons">
+        <div id="layer_new" class="layer_button" title="New Layer"></div>
+        <div id="layer_delete" class="layer_button" title="Delete Layer"></div>
+        <div id="layer_rename" class="layer_button" title="Rename Layer"></div>
+        <div id="layer_up" class="layer_button" title="Move Layer Up"></div>
+        <div id="layer_down" class="layer_button" title="Move Layer Down"></div>
+        <div id="layer_moreopts" class="layer_button" title="More Options"></div>
+      </fieldset>
+      <table id="layerlist">
+        <tr class="layer">
+          <td class="layervis"></td>
+          <td class="layername">Layer 1</td>
+        </tr>
+      </table>
+      <span id="selLayerLabel">Move elements to:</span>
+      <select id="selLayerNames" title="Move selected elements to a different layer"
+        disabled="disabled">
+        <option selected="selected" value="layer1">Layer 1</option>
+      </select>
+    </div>
+    <div id="sidepanel_handle"
+      title="Drag left/right to resize side panel [X]">L a y e r s
+    </div>
+  </div>
+  <div id="main_button">
+    <div id="main_icon" class="tool_button" title="Main Menu">
+      <span>SVG-Edit</span>
+      <div id="logo"></div>
+      <div class="dropdown"></div>
+    </div>
+    <div id="main_menu">
+      <!-- File-like buttons: New, Save, Source -->
+      <ul>
+        <li id="tool_clear">
+          <div></div>
+          New Image (N)
+        </li>
+        <li id="tool_open" style="display:none;">
+          <div id="fileinputs">
+            <div></div>
+          </div>
+          Open SVG
+        </li>
+        <li id="tool_import" style="display:none;">
+          <div id="fileinputs_import">
+            <div></div>
+          </div>
+          Import Image
+        </li>
+        <li id="tool_save">
+          <div></div>
+          Save Image (S)
+        </li>
+        <li id="tool_export">
+          <div></div>
+          Export
+        </li>
+        <li id="tool_docprops">
+          <div></div>
+          Document Properties (D)
+        </li>
+      </ul>
+      <p>
+        <a href="https://github.com/SVG-Edit/svgedit" target="_blank">
+          SVG-edit Home Page
+        </a>
+      </p>
+      <button id="tool_prefs_option">
+        Editor Options
+      </button>
+    </div>
+  </div>
+  <div id="tools_top" class="tools_panel">
+    <div id="editor_panel">
+      <div class="tool_sep"></div>
+      <div class="push_button" id="tool_source" title="Edit Source [U]"></div>
+      <div class="tool_button" id="tool_wireframe" title="Wireframe Mode [F]"></div>
+    </div>
+    <!-- History buttons -->
+    <div id="history_panel">
+      <div class="tool_sep"></div>
+      <div class="push_button tool_button_disabled" id="tool_undo"
+        title="Undo [Z]"></div>
+      <div class="push_button tool_button_disabled" id="tool_redo"
+        title="Redo [Y]"></div>
+    </div>
+    <!-- Buttons when a single element is selected -->
+    <div id="selected_panel">
+      <div class="toolset">
+        <div class="tool_sep"></div>
+        <div class="push_button" id="tool_clone"
+          title="Duplicate Element [D]"></div>
+        <div class="push_button" id="tool_delete"
+          title="Delete Element [Delete/Backspace]"></div>
+        <div class="tool_sep"></div>
+        <div class="push_button" id="tool_move_top"
+          title="Bring to Front [ Ctrl+Shift+] ]"></div>
+        <div class="push_button" id="tool_move_bottom"
+          title="Send to Back [ Ctrl+Shift+[ ]"></div>
+        <div class="push_button" id="tool_topath"
+          title="Convert to Path"></div>
+        <div class="push_button" id="tool_reorient"
+          title="Reorient path"></div>
+        <div class="push_button" id="tool_make_link"
+          title="Make (hyper)link"></div>
+        <div class="tool_sep"></div>
+        <label id="idLabel" title="Identify the element">
+          <span>id:</span>
+          <input id="elem_id" class="attr_changer"
+            data-attr="id" size="10" type="text"/>
+        </label>
+        <label id="classLabel" title="Element class">
+          <span>class:</span>
+          <input id="elem_class" class="attr_changer"
+            data-attr="class" size="10" type="text"/>
+        </label>
+      </div>
+      <label id="tool_angle" title="Change rotation angle" class="toolset">
+        <span id="angleLabel" class="icon_label"></span>
+        <input id="angle" size="2" value="0" type="text"/>
+      </label>
+      <div class="toolset" id="tool_blur" title="Change gaussian blur value">
+        <label>
+          <span id="blurLabel" class="icon_label"></span>
+          <input id="blur" size="2" value="0" type="text"/>
+        </label>
+        <div id="blur_dropdown" class="dropdown">
+          <button></button>
+          <ul>
+            <li class="special"><div id="blur_slider"></div></li>
+          </ul>
+        </div>
+      </div>
+      <div class="dropdown toolset" id="tool_position" title="Align Element to Page">
+          <div id="cur_position" class="icon_label"></div>
+          <button></button>
+      </div>
+      <div id="xy_panel" class="toolset">
+        <label>
+          x: <input id="selected_x" class="attr_changer"
+              title="Change X coordinate" size="3" data-attr="x"/>
+        </label>
+        <label>
+          y: <input id="selected_y" class="attr_changer"
+              title="Change Y coordinate" size="3" data-attr="y"/>
+        </label>
+      </div>
+    </div>
+    <!-- Buttons when multiple elements are selected -->
+    <div id="multiselected_panel">
+      <div class="tool_sep"></div>
+      <div class="push_button" id="tool_clone_multi"
+        title="Clone Elements [C]"></div>
+      <div class="push_button" id="tool_delete_multi"
+        title="Delete Selected Elements [Delete/Backspace]"></div>
+      <div class="tool_sep"></div>
+      <div class="push_button" id="tool_group_elements" title="Group Elements [G]"></div>
+      <div class="push_button" id="tool_make_link_multi" title="Make (hyper)link"></div>
+      <div class="push_button" id="tool_alignleft" title="Align Left"></div>
+      <div class="push_button" id="tool_aligncenter" title="Align Center"></div>
+      <div class="push_button" id="tool_alignright" title="Align Right"></div>
+      <div class="push_button" id="tool_aligntop" title="Align Top"></div>
+      <div class="push_button" id="tool_alignmiddle" title="Align Middle"></div>
+      <div class="push_button" id="tool_alignbottom" title="Align Bottom"></div>
+      <label id="tool_align_relative">
+        <span id="relativeToLabel">relative to:</span>
+        <select id="align_relative_to" title="Align relative to ...">
+        <option id="selected_objects" value="selected">selected objects</option>
+        <option id="largest_object" value="largest">largest object</option>
+        <option id="smallest_object" value="smallest">smallest object</option>
+        <option id="page" value="page">page</option>
+        </select>
+      </label>
+      <div class="tool_sep"></div>
+    </div>
+    <div id="rect_panel">
+      <div class="toolset">
+        <label id="rect_width_tool" title="Change rectangle width">
+          <span id="rwidthLabel" class="icon_label"></span>
+          <input id="rect_width" class="attr_changer" size="3" data-attr="width"/>
+        </label>
+        <label id="rect_height_tool" title="Change rectangle height">
+          <span id="rheightLabel" class="icon_label"></span>
+          <input id="rect_height" class="attr_changer" size="3" data-attr="height"/>
+        </label>
+      </div>
+      <label id="cornerRadiusLabel" class="toolset"
+        title="Change Rectangle Corner Radius">
+        <span class="icon_label"></span>
+        <input id="rect_rx" size="3" value="0" type="text" data-attr="Corner Radius"/>
+      </label>
+    </div>
+    <div id="image_panel">
+      <div class="toolset">
+        <label><span id="iwidthLabel" class="icon_label"></span>
+        <input id="image_width" class="attr_changer"
+          title="Change image width" size="3" data-attr="width"/>
+        </label>
+        <label><span id="iheightLabel" class="icon_label"></span>
+        <input id="image_height" class="attr_changer"
+          title="Change image height" size="3" data-attr="height"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_image_url">url:
+          <input id="image_url" type="text" title="Change URL" size="35"/>
+        </label>
+        <label id="tool_change_image">
+          <button id="change_image_url" style="display: none;">Change Image</button>
+          <span id="url_notice"
+            title="NOTE: This image cannot be embedded. It will depend on this path to be displayed"></span>
+        </label>
+      </div>
+    </div>
+    <div id="circle_panel">
+      <div class="toolset">
+        <label id="tool_circle_cx">cx:
+        <input id="circle_cx" class="attr_changer"
+          title="Change circle's cx coordinate" size="3" data-attr="cx"/>
+        </label>
+        <label id="tool_circle_cy">cy:
+        <input id="circle_cy" class="attr_changer"
+          title="Change circle's cy coordinate" size="3" data-attr="cy"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_circle_r">r:
+        <input id="circle_r" class="attr_changer"
+          title="Change circle's radius" size="3" data-attr="r"/>
+        </label>
+      </div>
+    </div>
+    <div id="ellipse_panel">
+      <div class="toolset">
+        <label id="tool_ellipse_cx">cx:
+        <input id="ellipse_cx" class="attr_changer"
+          title="Change ellipse's cx coordinate" size="3" data-attr="cx"/>
+        </label>
+        <label id="tool_ellipse_cy">cy:
+        <input id="ellipse_cy" class="attr_changer"
+          title="Change ellipse's cy coordinate" size="3" data-attr="cy"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_ellipse_rx">rx:
+        <input id="ellipse_rx" class="attr_changer"
+          title="Change ellipse's x radius" size="3" data-attr="rx"/>
+        </label>
+        <label id="tool_ellipse_ry">ry:
+        <input id="ellipse_ry" class="attr_changer"
+          title="Change ellipse's y radius" size="3" data-attr="ry"/>
+        </label>
+      </div>
+    </div>
+    <div id="line_panel">
+      <div class="toolset">
+        <label id="tool_line_x1">x1:
+        <input id="line_x1" class="attr_changer"
+          title="Change line's starting x coordinate" size="3" data-attr="x1"/>
+        </label>
+        <label id="tool_line_y1">y1:
+        <input id="line_y1" class="attr_changer"
+          title="Change line's starting y coordinate" size="3" data-attr="y1"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_line_x2">x2:
+        <input id="line_x2" class="attr_changer"
+          title="Change line's ending x coordinate" size="3" data-attr="x2"/>
+        </label>
+        <label id="tool_line_y2">y2:
+        <input id="line_y2" class="attr_changer"
+          title="Change line's ending y coordinate" size="3" data-attr="y2"/>
+        </label>
+      </div>
+    </div>
+    <div id="text_panel">
+      <div class="toolset">
+        <div class="tool_button" id="tool_bold"
+          title="Bold Text [B]"><span></span>B</div>
+        <div class="tool_button" id="tool_italic"
+          title="Italic Text [I]"><span></span>i</div>
+      </div>
+      <div class="toolset" id="tool_font_family">
+        <label>
+          <!-- Font family -->
+          <input id="font_family" type="text" title="Change Font Family" size="12"/>
+        </label>
+        <div id="font_family_dropdown" class="dropdown">
+          <button></button>
+          <ul>
+            <li style="font-family:serif">Serif</li>
+            <li style="font-family:sans-serif">Sans-serif</li>
+            <li style="font-family:cursive">Cursive</li>
+            <li style="font-family:fantasy">Fantasy</li>
+            <li style="font-family:monospace">Monospace</li>
+          </ul>
+        </div>
+      </div>
+      <label id="tool_font_size" title="Change Font Size">
+        <span id="font_sizeLabel" class="icon_label"></span>
+        <input id="font_size" size="3" value="0" type="text"/>
+      </label>
+      <!-- Not visible, but still used -->
+      <input id="text" type="text" size="35"/>
+    </div>
+    <!-- formerly gsvg_panel -->
+    <div id="container_panel">
+      <div class="tool_sep"></div>
+      <!-- Add viewBox field here? -->
+      <label id="group_title" title="Group identification label">
+        <span>label:</span>
+        <input id="g_title" data-attr="title" size="10" type="text"/>
+      </label>
+    </div>
+    <div id="use_panel">
+      <div class="push_button" id="tool_unlink_use"
+        title="Break link to reference element (make unique)"></div>
+    </div>
+    <div id="g_panel">
+      <div class="push_button" id="tool_ungroup" title="Ungroup Elements [G]"></div>
+    </div>
+    <!-- For anchor elements -->
+    <div id="a_panel">
+      <label id="tool_link_url" title="Set link URL (leave empty to remove)">
+        <span id="linkLabel" class="icon_label"></span>
+        <input id="link_url" type="text" size="35"/>
+      </label>
+    </div>
+    <div id="path_node_panel">
+      <div class="tool_sep"></div>
+      <div id="tool_node_link" class="tool_button push_button_pressed"
+        title="Link Control Points"></div>
+      <div class="tool_sep"></div>
+      <label id="tool_node_x">x:
+        <input id="path_node_x" class="attr_changer"
+          title="Change node's x coordinate" size="3" data-attr="x"/>
+      </label>
+      <label id="tool_node_y">y:
+        <input id="path_node_y" class="attr_changer"
+          title="Change node's y coordinate" size="3" data-attr="y"/>
+      </label>
+      <select id="seg_type" title="Change Segment type">
+        <option id="straight_segments"
+          selected="selected" value="4">Straight</option>
+        <option id="curve_segments" value="6">Curve</option>
+      </select>
+      <div class="tool_button" id="tool_node_clone" title="Clone Node"></div>
+      <div class="tool_button" id="tool_node_delete" title="Delete Node"></div>
+      <div class="tool_button" id="tool_openclose_path" title="Open/close sub-path"></div>
+      <div class="tool_button" id="tool_add_subpath" title="Add sub-path"></div>
+    </div>
+  </div> <!-- tools_top -->
+  <div id="cur_context_panel">
+  </div>
+  <div id="tools_left" class="tools_panel">
+    <div class="tool_button" id="tool_select" title="Select Tool"></div>
+    <div class="tool_button" id="tool_fhpath" title="Pencil Tool"></div>
+    <div class="tool_button" id="tool_line" title="Line Tool"></div>
+    <div id="tools_rect_show" class="tool_button flyout_current"
+      title="Square/Rect Tool">
+      <div class="flyout_arrow_horiz"></div>
+    </div>
+    <div id="tools_ellipse_show" class="tool_button flyout_current"
+      title="Ellipse/Circle Tool">
+      <div class="flyout_arrow_horiz"></div>
+    </div>
+    <div class="tool_button" id="tool_path" title="Path Tool"></div>
+    <div class="tool_button" id="tool_text" title="Text Tool"></div>
+    <div class="tool_button" id="tool_image" title="Image Tool"></div>
+    <div class="tool_button" id="tool_zoom" title="Zoom Tool [Ctrl+Up/Down]"></div>
+    <div style="display: none;">
+      <div id="tool_rect" title="Rectangle"></div>
+      <div id="tool_square" title="Square"></div>
+      <div id="tool_fhrect" title="Free-Hand Rectangle"></div>
+      <div id="tool_ellipse" title="Ellipse"></div>
+      <div id="tool_circle" title="Circle"></div>
+      <div id="tool_fhellipse" title="Free-Hand Ellipse"></div>
+    </div>
+  </div> <!-- tools_left -->
+  <div id="tools_bottom" class="tools_panel">
+    <!-- Zoom buttons -->
+    <div id="zoom_panel" class="toolset" title="Change zoom level">
+      <label>
+      <span id="zoomLabel" class="zoom_tool icon_label"></span>
+      <input id="zoom" size="3" value="100" type="text"/>
+      </label>
+      <div id="zoom_dropdown" class="dropdown">
+        <button></button>
+        <ul>
+          <li>1000%</li>
+          <li>400%</li>
+          <li>200%</li>
+          <li>100%</li>
+          <li>50%</li>
+          <li>25%</li>
+          <li id="fit_to_canvas" data-val="canvas">Fit to canvas</li>
+          <li id="fit_to_sel" data-val="selection">Fit to selection</li>
+          <li id="fit_to_layer_content" data-val="layer">Fit to layer content</li>
+          <li id="fit_to_all" data-val="content">Fit to all content</li>
+          <li>100%</li>
+        </ul>
+      </div>
+      <div class="tool_sep"></div>
+    </div>
+    <div id="tools_bottom_2">
+      <div id="color_tools">
+        <div class="color_tool" id="tool_fill">
+          <label class="icon_label" for="fill_color" title="Change fill color"></label>
+          <div class="color_block">
+            <div id="fill_bg"></div>
+            <div id="fill_color" class="color_block"></div>
+          </div>
+        </div>
+        <div class="color_tool" id="tool_stroke">
+          <label class="icon_label" title="Change stroke color"></label>
+          <div class="color_block">
+            <div id="stroke_bg"></div>
+            <div id="stroke_color" class="color_block" title="Change stroke color"></div>
+          </div>
+          <label class="stroke_label">
+            <input id="stroke_width"
+              title="Change stroke width by 1, shift-click to change by 0.1"
+              size="2" value="5" type="text" data-attr="Stroke Width"/>
+          </label>
+          <div id="toggle_stroke_tools" title="Show/hide more stroke tools"></div>
+          <label class="stroke_tool">
+            <select id="stroke_style" title="Change stroke dash style">
+              <option selected="selected" value="none">&#8212;</option>
+              <option value="2,2">...</option>
+              <option value="5,5">- -</option>
+              <option value="5,2,2,2">- .</option>
+              <option value="5,2,2,2,2,2">- ..</option>
+            </select>
+          </label>
+          <div class="stroke_tool dropdown" id="stroke_linejoin">
+            <div id="cur_linejoin" title="Linejoin: Miter"></div>
+            <button></button>
+          </div>
+          <div class="stroke_tool dropdown" id="stroke_linecap">
+            <div id="cur_linecap" title="Linecap: Butt"></div>
+            <button></button>
+          </div>
+        </div>
+        <div class="color_tool" id="tool_opacity" title="Change selected item opacity">
+          <label>
+            <span id="group_opacityLabel" class="icon_label"></span>
+            <input id="group_opacity" size="3" value="100" type="text"/>
+          </label>
+          <div id="opacity_dropdown" class="dropdown">
+            <button></button>
+            <ul>
+              <li>0%</li>
+              <li>25%</li>
+              <li>50%</li>
+              <li>75%</li>
+              <li>100%</li>
+              <li class="special"><div id="opac_slider"></div></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div id="tools_bottom_3">
+      <div id="palette_holder">
+        <div id="palette"
+          title="Click to change fill color, shift-click to change stroke color">
+        </div>
+      </div>
+    </div>
+    <!-- <div id="copyright"><span id="copyrightLabel">Powered by</span> <a href="https://github.com/SVG-Edit/svgedit" target="_blank">SVG-edit v2.6-beta</a></div> -->
+  </div>
+  <div id="option_lists" class="dropdown">
+    <ul id="linejoin_opts">
+      <li class="tool_button current" id="linejoin_miter" title="Linejoin: Miter"></li>
+      <li class="tool_button" id="linejoin_round" title="Linejoin: Round"></li>
+      <li class="tool_button" id="linejoin_bevel" title="Linejoin: Bevel"></li>
+    </ul>
+    <ul id="linecap_opts">
+      <li class="tool_button current" id="linecap_butt" title="Linecap: Butt"></li>
+      <li class="tool_button" id="linecap_square" title="Linecap: Square"></li>
+      <li class="tool_button" id="linecap_round" title="Linecap: Round"></li>
+    </ul>
+    <ul id="position_opts" class="optcols3">
+      <li class="push_button" id="tool_posleft" title="Align Left"></li>
+      <li class="push_button" id="tool_poscenter" title="Align Center"></li>
+      <li class="push_button" id="tool_posright" title="Align Right"></li>
+      <li class="push_button" id="tool_postop" title="Align Top"></li>
+      <li class="push_button" id="tool_posmiddle" title="Align Middle"></li>
+      <li class="push_button" id="tool_posbottom" title="Align Bottom"></li>
+    </ul>
+  </div>
+  <!-- hidden divs -->
+  <div id="color_picker"></div>
+</div> <!-- svg_editor -->
+<div id="svg_source_editor">
+  <div class="overlay"></div>
+  <div id="svg_source_container">
+    <div id="tool_source_back" class="toolbar_button">
+      <button id="tool_source_save">Apply Changes</button>
+      <button id="tool_source_cancel">Cancel</button>
+    </div>
+    <div id="save_output_btns">
+      <p id="copy_save_note">
+        Copy the contents of this box into a text editor,
+        then save the file with a .svg extension.</p>
+      <button id="copy_save_done">Done</button>
+    </div>
+    <form>
+      <textarea id="svg_source_textarea" spellcheck="false"></textarea>
+    </form>
+  </div>
+</div>
+<div id="svg_docprops">
+  <div class="overlay"></div>
+  <div id="svg_docprops_container">
+    <div id="tool_docprops_back" class="toolbar_button">
+      <button id="tool_docprops_save">OK</button>
+      <button id="tool_docprops_cancel">Cancel</button>
+    </div>
+    <fieldset id="svg_docprops_docprops">
+      <legend id="svginfo_image_props">Image Properties</legend>
+      <label>
+        <span id="svginfo_title">Title:</span>
+        <input type="text" id="canvas_title"/>
+      </label>
+      <fieldset id="change_resolution">
+        <legend id="svginfo_dim">Canvas Dimensions</legend>
+        <label>
+          <span id="svginfo_width">width:</span>
+          <input type="text" id="canvas_width" size="6"/>
+        </label>
+        <label>
+          <span id="svginfo_height">height:</span>
+          <input type="text" id="canvas_height" size="6"/>
+        </label>
+        <label>
+          <select id="resolution">
+            <option id="selectedPredefined"
+              selected="selected">Select predefined:</option>
+            <option>640x480</option>
+            <option>800x600</option>
+            <option>1024x768</option>
+            <option>1280x960</option>
+            <option>1600x1200</option>
+            <option id="fitToContent"
+              value="content">Fit to Content</option>
+          </select>
+        </label>
+      </fieldset>
+      <fieldset id="image_save_opts">
+        <legend id="includedImages">Included Images</legend>
+        <label>
+          <input type="radio" name="image_opt" value="embed" checked="checked"/>
+          <span id="image_opt_embed">Embed data (local files)</span>
+        </label>
+        <label>
+          <input type="radio" name="image_opt" value="ref"/>
+          <span id="image_opt_ref">Use file reference</span>
+        </label>
+      </fieldset>
+    </fieldset>
+  </div>
+</div>
+<div id="svg_prefs">
+  <div class="overlay"></div>
+  <div id="svg_prefs_container">
+    <div id="tool_prefs_back" class="toolbar_button">
+      <button id="tool_prefs_save">OK</button>
+      <button id="tool_prefs_cancel">Cancel</button>
+    </div>
+    <fieldset>
+      <legend id="svginfo_editor_prefs">Editor Preferences</legend>
+      <label>
+        <span id="svginfo_lang">Language:</span>
+        <!-- Source: https://en.wikipedia.org/wiki/Language_names -->
+        <select id="lang_select">
+          <option id="lang_ar" value="ar">العربية</option>
+          <option id="lang_cs" value="cs">Čeština</option>
+          <option id="lang_de" value="de">Deutsch</option>
+          <option id="lang_en" value="en" selected="selected">English</option>
+          <option id="lang_es" value="es">Español</option>
+          <option id="lang_fa" value="fa">فارسی</option>
+          <option id="lang_fr" value="fr">Français</option>
+          <option id="lang_fy" value="fy">Frysk</option>
+          <option id="lang_hi" value="hi">हिन्दी, हिंदी</option>
+          <option id="lang_it" value="it">Italiano</option>
+          <option id="lang_ja" value="ja">日本語</option>
+          <option id="lang_nl" value="nl">Nederlands</option>
+          <option id="lang_pl" value="pl">Polski</option>
+          <option id="lang_pt-BR" value="pt-BR">Português (BR)</option>
+          <option id="lang_ro" value="ro">Română</option>
+          <option id="lang_ru" value="ru">Русский</option>
+          <option id="lang_sk" value="sk">Slovenčina</option>
+          <option id="lang_sl" value="sl">Slovenščina</option>
+          <option id="lang_zh-CN" value="zh-CN">简体中文</option>
+          <option id="lang_zh-TW" value="zh-TW">繁體中文</option>
+        </select>
+      </label>
+      <label>
+        <span id="svginfo_icons">Icon size:</span>
+        <select id="iconsize">
+          <option id="icon_small" value="s">Small</option>
+          <option id="icon_medium" value="m" selected="selected">Medium</option>
+          <option id="icon_large" value="l">Large</option>
+          <option id="icon_xlarge" value="xl">Extra Large</option>
+        </select>
+      </label>
+      <fieldset id="change_background">
+        <legend id="svginfo_change_background">Editor Background</legend>
+        <div id="bg_blocks"></div>
+        <label>
+          <span id="svginfo_bg_url">URL:</span>
+          <input type="text" id="canvas_bg_url"/>
+        </label>
+        <p id="svginfo_bg_note">Note: Background will not be saved with image.</p>
+      </fieldset>
+      <fieldset id="change_grid">
+        <legend id="svginfo_grid_settings">Grid</legend>
+        <label>
+          <span id="svginfo_snap_onoff">Snapping on/off</span>
+          <input type="checkbox" value="snapping_on" id="grid_snapping_on"/>
+        </label>
+        <label>
+          <span id="svginfo_snap_step">Snapping Step-Size:</span>
+          <input type="text" id="grid_snapping_step" size="3" value="10"/>
+        </label>
+        <label>
+          <span id="svginfo_grid_color">Grid color:</span>
+          <input type="text" id="grid_color" size="3" value="#000"/>
+        </label>
+      </fieldset>
+      <fieldset id="units_rulers">
+        <legend id="svginfo_units_rulers">Units &amp; Rulers</legend>
+        <label>
+          <span id="svginfo_rulers_onoff">Show rulers</span>
+          <input id="show_rulers" type="checkbox"
+            value="show_rulers" checked="checked"/>
+        </label>
+        <label>
+          <span id="svginfo_unit">Base Unit:</span>
+          <select id="base_unit">
+            <option value="px">Pixels</option>
+            <option value="cm">Centimeters</option>
+            <option value="mm">Millimeters</option>
+            <option value="in">Inches</option>
+            <option value="pt">Points</option>
+            <option value="pc">Picas</option>
+            <option value="em">Ems</option>
+            <option value="ex">Exs</option>
+          </select>
+        </label>
+        <!-- Should this be an export option instead? -->
+        <!--
+        <span id="svginfo_unit_system">Unit System:</span>
+        <label>
+          <input type="radio" name="unit_system" value="single" checked="checked"/>
+          <span id="svginfo_single_type_unit">Single type unit</span>
+          <small id="svginfo_single_type_unit_sub">
+            CSS unit type is set on root element.
+            If a different unit type is entered in a text
+            field, it is converted back to user units on export.
+          </small>
+        </label>
+        <label>
+          <input type="radio" name="unit_system" value="multi"/>
+          <span id="svginfo_multi_units">Multiple CSS units</span>
+          <small id="svginfo_single_type_unit_sub">
+            Attributes can be given different CSS units, which may
+            lead to inconsistant results among viewers.
+          </small>
+        </label>
+        -->
+      </fieldset>
+    </fieldset>
+  </div>
+</div>
+<div id="dialog_box">
+  <div class="overlay"></div>
+  <div id="dialog_container">
+    <div id="dialog_content"></div>
+    <div id="dialog_buttons"></div>
+  </div>
+</div>
+<ul id="cmenu_canvas" class="contextMenu">
+  <li><a href="#cut">Cut</a></li>
+  <li><a href="#copy">Copy</a></li>
+  <li><a href="#paste">Paste</a></li>
+  <li><a href="#paste_in_place">Paste in Place</a></li>
+  <li class="separator"><a href="#delete">Delete</a></li>
+  <li class="separator"><a href="#group">Group<span class="shortcut">G</span></a></li>
+  <li><a href="#ungroup">Ungroup<span class="shortcut">G</span></a></li>
+  <li class="separator"><a href="#move_front">Bring to Front<span class="shortcut">SHFT+CTRL+]</span></a></li>
+  <li><a href="#move_up">Bring Forward<span class="shortcut">CTRL+]</span></a></li>
+  <li><a href="#move_down">Send Backward<span class="shortcut">CTRL+[</span></a></li>
+  <li><a href="#move_back">Send to Back<span class="shortcut">SHFT+CTRL+[</span></a></li>
+</ul>
+<ul id="cmenu_layers" class="contextMenu">
+  <li><a href="#dupe">Duplicate Layer...</a></li>
+  <li><a href="#delete">Delete Layer</a></li>
+  <li><a href="#merge_down">Merge Down</a></li>
+  <li><a href="#merge_all">Merge All</a></li>
+</ul>
+
+</div>
+</body>
+</html>
diff --git a/editor/xdomain-svg-editor.html b/editor/xdomain-svg-editor.html
new file mode 100644
index 00000000..e6d5ec48
--- /dev/null
+++ b/editor/xdomain-svg-editor.html
@@ -0,0 +1,773 @@
+<!DOCTYPE html>
+<!-- AUTO-GENERATED FROM xdomain-svg-editor-es.html; DO NOT EDIT; use build-html.js to build -->
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
+    <meta name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <!-- STYLESHEETS (others loaded dynamically) -->
+    <style id="styleoverrides" media="screen"></style>
+
+    <!-- SCRIPTS -->
+    <!--{if jquery_release}>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    <!{else}-->
+    <script src="jquery.min.js"></script>
+    <!--{endif}-->
+    <!-- We keep this next module external to avoid the need to
+      load further scripts if not supported -->
+    <script defer="defer" src="../dist/redirect-on-lacking-support.js"></script>
+    <!-- always minified scripts -->
+    <script src="jquery-ui/jquery-ui-1.8.17.custom.min.js"></script>
+    <!-- The following could be removed for more modern browsers -->
+    <script src="../dist/dom-polyfill.js"></script>
+    <!-- The following could be removed for more modern browsers; currently
+      using for at least `String.prototype.includes`, `Array.prototype.includes`,
+      `String.prototype.startsWith` -->
+    <script src="external/babel-polyfill/polyfill.min.js"></script>
+    <!-- If you do not wish to add extensions by URL, you can load them
+    by creating the following file and adding by calls to svgEditor.setConfig -->
+    <script defer="defer" src="xdomain-svgedit-config-iife.js"></script>
+
+    <!-- FEEDS -->
+    <link rel="alternate" type="application/atom+xml"
+      title="SVG-edit General Discussion"
+      href="https://groups.google.com/group/svg-edit/feed/atom_v1_0_msgs.xml"/>
+    <link rel="alternate" type="application/atom+xml"
+      title="SVG-edit Updates (Commits)"
+      href="https://github.com/SVG-Edit/svgedit/commits/master.atom"/>
+    <title>SVG-edit</title>
+</head>
+<body>
+
+<div id="svg_container" style="visibility: hidden;">
+<div id="svg_editor">
+  <div id="rulers">
+    <div id="ruler_corner"></div>
+    <div id="ruler_x">
+      <div>
+        <canvas height="15"></canvas>
+      </div>
+    </div>
+    <div id="ruler_y">
+      <div>
+        <canvas width="15"></canvas>
+      </div>
+    </div>
+  </div>
+  <div id="workarea">
+    <div id="svgcanvas" style="position: relative;">
+    </div>
+  </div>
+  <div id="sidepanels">
+    <div id="layerpanel">
+      <h3 id="layersLabel">Layers</h3>
+      <fieldset id="layerbuttons">
+        <div id="layer_new" class="layer_button" title="New Layer"></div>
+        <div id="layer_delete" class="layer_button" title="Delete Layer"></div>
+        <div id="layer_rename" class="layer_button" title="Rename Layer"></div>
+        <div id="layer_up" class="layer_button" title="Move Layer Up"></div>
+        <div id="layer_down" class="layer_button" title="Move Layer Down"></div>
+        <div id="layer_moreopts" class="layer_button" title="More Options"></div>
+      </fieldset>
+      <table id="layerlist">
+        <tr class="layer">
+          <td class="layervis"></td>
+          <td class="layername">Layer 1</td>
+        </tr>
+      </table>
+      <span id="selLayerLabel">Move elements to:</span>
+      <select id="selLayerNames" title="Move selected elements to a different layer"
+        disabled="disabled">
+        <option selected="selected" value="layer1">Layer 1</option>
+      </select>
+    </div>
+    <div id="sidepanel_handle"
+      title="Drag left/right to resize side panel [X]">L a y e r s
+    </div>
+  </div>
+  <div id="main_button">
+    <div id="main_icon" class="tool_button" title="Main Menu">
+      <span>SVG-Edit</span>
+      <div id="logo"></div>
+      <div class="dropdown"></div>
+    </div>
+    <div id="main_menu">
+      <!-- File-like buttons: New, Save, Source -->
+      <ul>
+        <li id="tool_clear">
+          <div></div>
+          New Image (N)
+        </li>
+        <li id="tool_open" style="display:none;">
+          <div id="fileinputs">
+            <div></div>
+          </div>
+          Open SVG
+        </li>
+        <li id="tool_import" style="display:none;">
+          <div id="fileinputs_import">
+            <div></div>
+          </div>
+          Import Image
+        </li>
+        <li id="tool_save">
+          <div></div>
+          Save Image (S)
+        </li>
+        <li id="tool_export">
+          <div></div>
+          Export
+        </li>
+        <li id="tool_docprops">
+          <div></div>
+          Document Properties (D)
+        </li>
+      </ul>
+      <p>
+        <a href="https://github.com/SVG-Edit/svgedit" target="_blank">
+          SVG-edit Home Page
+        </a>
+      </p>
+      <button id="tool_prefs_option">
+        Editor Options
+      </button>
+    </div>
+  </div>
+  <div id="tools_top" class="tools_panel">
+    <div id="editor_panel">
+      <div class="tool_sep"></div>
+      <div class="push_button" id="tool_source" title="Edit Source [U]"></div>
+      <div class="tool_button" id="tool_wireframe" title="Wireframe Mode [F]"></div>
+    </div>
+    <!-- History buttons -->
+    <div id="history_panel">
+      <div class="tool_sep"></div>
+      <div class="push_button tool_button_disabled" id="tool_undo"
+        title="Undo [Z]"></div>
+      <div class="push_button tool_button_disabled" id="tool_redo"
+        title="Redo [Y]"></div>
+    </div>
+    <!-- Buttons when a single element is selected -->
+    <div id="selected_panel">
+      <div class="toolset">
+        <div class="tool_sep"></div>
+        <div class="push_button" id="tool_clone"
+          title="Duplicate Element [D]"></div>
+        <div class="push_button" id="tool_delete"
+          title="Delete Element [Delete/Backspace]"></div>
+        <div class="tool_sep"></div>
+        <div class="push_button" id="tool_move_top"
+          title="Bring to Front [ Ctrl+Shift+] ]"></div>
+        <div class="push_button" id="tool_move_bottom"
+          title="Send to Back [ Ctrl+Shift+[ ]"></div>
+        <div class="push_button" id="tool_topath"
+          title="Convert to Path"></div>
+        <div class="push_button" id="tool_reorient"
+          title="Reorient path"></div>
+        <div class="push_button" id="tool_make_link"
+          title="Make (hyper)link"></div>
+        <div class="tool_sep"></div>
+        <label id="idLabel" title="Identify the element">
+          <span>id:</span>
+          <input id="elem_id" class="attr_changer"
+            data-attr="id" size="10" type="text"/>
+        </label>
+        <label id="classLabel" title="Element class">
+          <span>class:</span>
+          <input id="elem_class" class="attr_changer"
+            data-attr="class" size="10" type="text"/>
+        </label>
+      </div>
+      <label id="tool_angle" title="Change rotation angle" class="toolset">
+        <span id="angleLabel" class="icon_label"></span>
+        <input id="angle" size="2" value="0" type="text"/>
+      </label>
+      <div class="toolset" id="tool_blur" title="Change gaussian blur value">
+        <label>
+          <span id="blurLabel" class="icon_label"></span>
+          <input id="blur" size="2" value="0" type="text"/>
+        </label>
+        <div id="blur_dropdown" class="dropdown">
+          <button></button>
+          <ul>
+            <li class="special"><div id="blur_slider"></div></li>
+          </ul>
+        </div>
+      </div>
+      <div class="dropdown toolset" id="tool_position" title="Align Element to Page">
+          <div id="cur_position" class="icon_label"></div>
+          <button></button>
+      </div>
+      <div id="xy_panel" class="toolset">
+        <label>
+          x: <input id="selected_x" class="attr_changer"
+              title="Change X coordinate" size="3" data-attr="x"/>
+        </label>
+        <label>
+          y: <input id="selected_y" class="attr_changer"
+              title="Change Y coordinate" size="3" data-attr="y"/>
+        </label>
+      </div>
+    </div>
+    <!-- Buttons when multiple elements are selected -->
+    <div id="multiselected_panel">
+      <div class="tool_sep"></div>
+      <div class="push_button" id="tool_clone_multi"
+        title="Clone Elements [C]"></div>
+      <div class="push_button" id="tool_delete_multi"
+        title="Delete Selected Elements [Delete/Backspace]"></div>
+      <div class="tool_sep"></div>
+      <div class="push_button" id="tool_group_elements" title="Group Elements [G]"></div>
+      <div class="push_button" id="tool_make_link_multi" title="Make (hyper)link"></div>
+      <div class="push_button" id="tool_alignleft" title="Align Left"></div>
+      <div class="push_button" id="tool_aligncenter" title="Align Center"></div>
+      <div class="push_button" id="tool_alignright" title="Align Right"></div>
+      <div class="push_button" id="tool_aligntop" title="Align Top"></div>
+      <div class="push_button" id="tool_alignmiddle" title="Align Middle"></div>
+      <div class="push_button" id="tool_alignbottom" title="Align Bottom"></div>
+      <label id="tool_align_relative">
+        <span id="relativeToLabel">relative to:</span>
+        <select id="align_relative_to" title="Align relative to ...">
+        <option id="selected_objects" value="selected">selected objects</option>
+        <option id="largest_object" value="largest">largest object</option>
+        <option id="smallest_object" value="smallest">smallest object</option>
+        <option id="page" value="page">page</option>
+        </select>
+      </label>
+      <div class="tool_sep"></div>
+    </div>
+    <div id="rect_panel">
+      <div class="toolset">
+        <label id="rect_width_tool" title="Change rectangle width">
+          <span id="rwidthLabel" class="icon_label"></span>
+          <input id="rect_width" class="attr_changer" size="3" data-attr="width"/>
+        </label>
+        <label id="rect_height_tool" title="Change rectangle height">
+          <span id="rheightLabel" class="icon_label"></span>
+          <input id="rect_height" class="attr_changer" size="3" data-attr="height"/>
+        </label>
+      </div>
+      <label id="cornerRadiusLabel" class="toolset"
+        title="Change Rectangle Corner Radius">
+        <span class="icon_label"></span>
+        <input id="rect_rx" size="3" value="0" type="text" data-attr="Corner Radius"/>
+      </label>
+    </div>
+    <div id="image_panel">
+      <div class="toolset">
+        <label><span id="iwidthLabel" class="icon_label"></span>
+        <input id="image_width" class="attr_changer"
+          title="Change image width" size="3" data-attr="width"/>
+        </label>
+        <label><span id="iheightLabel" class="icon_label"></span>
+        <input id="image_height" class="attr_changer"
+          title="Change image height" size="3" data-attr="height"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_image_url">url:
+          <input id="image_url" type="text" title="Change URL" size="35"/>
+        </label>
+        <label id="tool_change_image">
+          <button id="change_image_url" style="display: none;">Change Image</button>
+          <span id="url_notice"
+            title="NOTE: This image cannot be embedded. It will depend on this path to be displayed"></span>
+        </label>
+      </div>
+    </div>
+    <div id="circle_panel">
+      <div class="toolset">
+        <label id="tool_circle_cx">cx:
+        <input id="circle_cx" class="attr_changer"
+          title="Change circle's cx coordinate" size="3" data-attr="cx"/>
+        </label>
+        <label id="tool_circle_cy">cy:
+        <input id="circle_cy" class="attr_changer"
+          title="Change circle's cy coordinate" size="3" data-attr="cy"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_circle_r">r:
+        <input id="circle_r" class="attr_changer"
+          title="Change circle's radius" size="3" data-attr="r"/>
+        </label>
+      </div>
+    </div>
+    <div id="ellipse_panel">
+      <div class="toolset">
+        <label id="tool_ellipse_cx">cx:
+        <input id="ellipse_cx" class="attr_changer"
+          title="Change ellipse's cx coordinate" size="3" data-attr="cx"/>
+        </label>
+        <label id="tool_ellipse_cy">cy:
+        <input id="ellipse_cy" class="attr_changer"
+          title="Change ellipse's cy coordinate" size="3" data-attr="cy"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_ellipse_rx">rx:
+        <input id="ellipse_rx" class="attr_changer"
+          title="Change ellipse's x radius" size="3" data-attr="rx"/>
+        </label>
+        <label id="tool_ellipse_ry">ry:
+        <input id="ellipse_ry" class="attr_changer"
+          title="Change ellipse's y radius" size="3" data-attr="ry"/>
+        </label>
+      </div>
+    </div>
+    <div id="line_panel">
+      <div class="toolset">
+        <label id="tool_line_x1">x1:
+        <input id="line_x1" class="attr_changer"
+          title="Change line's starting x coordinate" size="3" data-attr="x1"/>
+        </label>
+        <label id="tool_line_y1">y1:
+        <input id="line_y1" class="attr_changer"
+          title="Change line's starting y coordinate" size="3" data-attr="y1"/>
+        </label>
+      </div>
+      <div class="toolset">
+        <label id="tool_line_x2">x2:
+        <input id="line_x2" class="attr_changer"
+          title="Change line's ending x coordinate" size="3" data-attr="x2"/>
+        </label>
+        <label id="tool_line_y2">y2:
+        <input id="line_y2" class="attr_changer"
+          title="Change line's ending y coordinate" size="3" data-attr="y2"/>
+        </label>
+      </div>
+    </div>
+    <div id="text_panel">
+      <div class="toolset">
+        <div class="tool_button" id="tool_bold"
+          title="Bold Text [B]"><span></span>B</div>
+        <div class="tool_button" id="tool_italic"
+          title="Italic Text [I]"><span></span>i</div>
+      </div>
+      <div class="toolset" id="tool_font_family">
+        <label>
+          <!-- Font family -->
+          <input id="font_family" type="text" title="Change Font Family" size="12"/>
+        </label>
+        <div id="font_family_dropdown" class="dropdown">
+          <button></button>
+          <ul>
+            <li style="font-family:serif">Serif</li>
+            <li style="font-family:sans-serif">Sans-serif</li>
+            <li style="font-family:cursive">Cursive</li>
+            <li style="font-family:fantasy">Fantasy</li>
+            <li style="font-family:monospace">Monospace</li>
+          </ul>
+        </div>
+      </div>
+      <label id="tool_font_size" title="Change Font Size">
+        <span id="font_sizeLabel" class="icon_label"></span>
+        <input id="font_size" size="3" value="0" type="text"/>
+      </label>
+      <!-- Not visible, but still used -->
+      <input id="text" type="text" size="35"/>
+    </div>
+    <!-- formerly gsvg_panel -->
+    <div id="container_panel">
+      <div class="tool_sep"></div>
+      <!-- Add viewBox field here? -->
+      <label id="group_title" title="Group identification label">
+        <span>label:</span>
+        <input id="g_title" data-attr="title" size="10" type="text"/>
+      </label>
+    </div>
+    <div id="use_panel">
+      <div class="push_button" id="tool_unlink_use"
+        title="Break link to reference element (make unique)"></div>
+    </div>
+    <div id="g_panel">
+      <div class="push_button" id="tool_ungroup" title="Ungroup Elements [G]"></div>
+    </div>
+    <!-- For anchor elements -->
+    <div id="a_panel">
+      <label id="tool_link_url" title="Set link URL (leave empty to remove)">
+        <span id="linkLabel" class="icon_label"></span>
+        <input id="link_url" type="text" size="35"/>
+      </label>
+    </div>
+    <div id="path_node_panel">
+      <div class="tool_sep"></div>
+      <div id="tool_node_link" class="tool_button push_button_pressed"
+        title="Link Control Points"></div>
+      <div class="tool_sep"></div>
+      <label id="tool_node_x">x:
+        <input id="path_node_x" class="attr_changer"
+          title="Change node's x coordinate" size="3" data-attr="x"/>
+      </label>
+      <label id="tool_node_y">y:
+        <input id="path_node_y" class="attr_changer"
+          title="Change node's y coordinate" size="3" data-attr="y"/>
+      </label>
+      <select id="seg_type" title="Change Segment type">
+        <option id="straight_segments"
+          selected="selected" value="4">Straight</option>
+        <option id="curve_segments" value="6">Curve</option>
+      </select>
+      <div class="tool_button" id="tool_node_clone" title="Clone Node"></div>
+      <div class="tool_button" id="tool_node_delete" title="Delete Node"></div>
+      <div class="tool_button" id="tool_openclose_path" title="Open/close sub-path"></div>
+      <div class="tool_button" id="tool_add_subpath" title="Add sub-path"></div>
+    </div>
+  </div> <!-- tools_top -->
+  <div id="cur_context_panel">
+  </div>
+  <div id="tools_left" class="tools_panel">
+    <div class="tool_button" id="tool_select" title="Select Tool"></div>
+    <div class="tool_button" id="tool_fhpath" title="Pencil Tool"></div>
+    <div class="tool_button" id="tool_line" title="Line Tool"></div>
+    <div id="tools_rect_show" class="tool_button flyout_current"
+      title="Square/Rect Tool">
+      <div class="flyout_arrow_horiz"></div>
+    </div>
+    <div id="tools_ellipse_show" class="tool_button flyout_current"
+      title="Ellipse/Circle Tool">
+      <div class="flyout_arrow_horiz"></div>
+    </div>
+    <div class="tool_button" id="tool_path" title="Path Tool"></div>
+    <div class="tool_button" id="tool_text" title="Text Tool"></div>
+    <div class="tool_button" id="tool_image" title="Image Tool"></div>
+    <div class="tool_button" id="tool_zoom" title="Zoom Tool [Ctrl+Up/Down]"></div>
+    <div style="display: none;">
+      <div id="tool_rect" title="Rectangle"></div>
+      <div id="tool_square" title="Square"></div>
+      <div id="tool_fhrect" title="Free-Hand Rectangle"></div>
+      <div id="tool_ellipse" title="Ellipse"></div>
+      <div id="tool_circle" title="Circle"></div>
+      <div id="tool_fhellipse" title="Free-Hand Ellipse"></div>
+    </div>
+  </div> <!-- tools_left -->
+  <div id="tools_bottom" class="tools_panel">
+    <!-- Zoom buttons -->
+    <div id="zoom_panel" class="toolset" title="Change zoom level">
+      <label>
+      <span id="zoomLabel" class="zoom_tool icon_label"></span>
+      <input id="zoom" size="3" value="100" type="text"/>
+      </label>
+      <div id="zoom_dropdown" class="dropdown">
+        <button></button>
+        <ul>
+          <li>1000%</li>
+          <li>400%</li>
+          <li>200%</li>
+          <li>100%</li>
+          <li>50%</li>
+          <li>25%</li>
+          <li id="fit_to_canvas" data-val="canvas">Fit to canvas</li>
+          <li id="fit_to_sel" data-val="selection">Fit to selection</li>
+          <li id="fit_to_layer_content" data-val="layer">Fit to layer content</li>
+          <li id="fit_to_all" data-val="content">Fit to all content</li>
+          <li>100%</li>
+        </ul>
+      </div>
+      <div class="tool_sep"></div>
+    </div>
+    <div id="tools_bottom_2">
+      <div id="color_tools">
+        <div class="color_tool" id="tool_fill">
+          <label class="icon_label" for="fill_color" title="Change fill color"></label>
+          <div class="color_block">
+            <div id="fill_bg"></div>
+            <div id="fill_color" class="color_block"></div>
+          </div>
+        </div>
+        <div class="color_tool" id="tool_stroke">
+          <label class="icon_label" title="Change stroke color"></label>
+          <div class="color_block">
+            <div id="stroke_bg"></div>
+            <div id="stroke_color" class="color_block" title="Change stroke color"></div>
+          </div>
+          <label class="stroke_label">
+            <input id="stroke_width"
+              title="Change stroke width by 1, shift-click to change by 0.1"
+              size="2" value="5" type="text" data-attr="Stroke Width"/>
+          </label>
+          <div id="toggle_stroke_tools" title="Show/hide more stroke tools"></div>
+          <label class="stroke_tool">
+            <select id="stroke_style" title="Change stroke dash style">
+              <option selected="selected" value="none">&#8212;</option>
+              <option value="2,2">...</option>
+              <option value="5,5">- -</option>
+              <option value="5,2,2,2">- .</option>
+              <option value="5,2,2,2,2,2">- ..</option>
+            </select>
+          </label>
+          <div class="stroke_tool dropdown" id="stroke_linejoin">
+            <div id="cur_linejoin" title="Linejoin: Miter"></div>
+            <button></button>
+          </div>
+          <div class="stroke_tool dropdown" id="stroke_linecap">
+            <div id="cur_linecap" title="Linecap: Butt"></div>
+            <button></button>
+          </div>
+        </div>
+        <div class="color_tool" id="tool_opacity" title="Change selected item opacity">
+          <label>
+            <span id="group_opacityLabel" class="icon_label"></span>
+            <input id="group_opacity" size="3" value="100" type="text"/>
+          </label>
+          <div id="opacity_dropdown" class="dropdown">
+            <button></button>
+            <ul>
+              <li>0%</li>
+              <li>25%</li>
+              <li>50%</li>
+              <li>75%</li>
+              <li>100%</li>
+              <li class="special"><div id="opac_slider"></div></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div id="tools_bottom_3">
+      <div id="palette_holder">
+        <div id="palette"
+          title="Click to change fill color, shift-click to change stroke color">
+        </div>
+      </div>
+    </div>
+    <!-- <div id="copyright"><span id="copyrightLabel">Powered by</span> <a href="https://github.com/SVG-Edit/svgedit" target="_blank">SVG-edit v2.6-beta</a></div> -->
+  </div>
+  <div id="option_lists" class="dropdown">
+    <ul id="linejoin_opts">
+      <li class="tool_button current" id="linejoin_miter" title="Linejoin: Miter"></li>
+      <li class="tool_button" id="linejoin_round" title="Linejoin: Round"></li>
+      <li class="tool_button" id="linejoin_bevel" title="Linejoin: Bevel"></li>
+    </ul>
+    <ul id="linecap_opts">
+      <li class="tool_button current" id="linecap_butt" title="Linecap: Butt"></li>
+      <li class="tool_button" id="linecap_square" title="Linecap: Square"></li>
+      <li class="tool_button" id="linecap_round" title="Linecap: Round"></li>
+    </ul>
+    <ul id="position_opts" class="optcols3">
+      <li class="push_button" id="tool_posleft" title="Align Left"></li>
+      <li class="push_button" id="tool_poscenter" title="Align Center"></li>
+      <li class="push_button" id="tool_posright" title="Align Right"></li>
+      <li class="push_button" id="tool_postop" title="Align Top"></li>
+      <li class="push_button" id="tool_posmiddle" title="Align Middle"></li>
+      <li class="push_button" id="tool_posbottom" title="Align Bottom"></li>
+    </ul>
+  </div>
+  <!-- hidden divs -->
+  <div id="color_picker"></div>
+</div> <!-- svg_editor -->
+<div id="svg_source_editor">
+  <div class="overlay"></div>
+  <div id="svg_source_container">
+    <div id="tool_source_back" class="toolbar_button">
+      <button id="tool_source_save">Apply Changes</button>
+      <button id="tool_source_cancel">Cancel</button>
+    </div>
+    <div id="save_output_btns">
+      <p id="copy_save_note">
+        Copy the contents of this box into a text editor,
+        then save the file with a .svg extension.</p>
+      <button id="copy_save_done">Done</button>
+    </div>
+    <form>
+      <textarea id="svg_source_textarea" spellcheck="false"></textarea>
+    </form>
+  </div>
+</div>
+<div id="svg_docprops">
+  <div class="overlay"></div>
+  <div id="svg_docprops_container">
+    <div id="tool_docprops_back" class="toolbar_button">
+      <button id="tool_docprops_save">OK</button>
+      <button id="tool_docprops_cancel">Cancel</button>
+    </div>
+    <fieldset id="svg_docprops_docprops">
+      <legend id="svginfo_image_props">Image Properties</legend>
+      <label>
+        <span id="svginfo_title">Title:</span>
+        <input type="text" id="canvas_title"/>
+      </label>
+      <fieldset id="change_resolution">
+        <legend id="svginfo_dim">Canvas Dimensions</legend>
+        <label>
+          <span id="svginfo_width">width:</span>
+          <input type="text" id="canvas_width" size="6"/>
+        </label>
+        <label>
+          <span id="svginfo_height">height:</span>
+          <input type="text" id="canvas_height" size="6"/>
+        </label>
+        <label>
+          <select id="resolution">
+            <option id="selectedPredefined"
+              selected="selected">Select predefined:</option>
+            <option>640x480</option>
+            <option>800x600</option>
+            <option>1024x768</option>
+            <option>1280x960</option>
+            <option>1600x1200</option>
+            <option id="fitToContent"
+              value="content">Fit to Content</option>
+          </select>
+        </label>
+      </fieldset>
+      <fieldset id="image_save_opts">
+        <legend id="includedImages">Included Images</legend>
+        <label>
+          <input type="radio" name="image_opt" value="embed" checked="checked"/>
+          <span id="image_opt_embed">Embed data (local files)</span>
+        </label>
+        <label>
+          <input type="radio" name="image_opt" value="ref"/>
+          <span id="image_opt_ref">Use file reference</span>
+        </label>
+      </fieldset>
+    </fieldset>
+  </div>
+</div>
+<div id="svg_prefs">
+  <div class="overlay"></div>
+  <div id="svg_prefs_container">
+    <div id="tool_prefs_back" class="toolbar_button">
+      <button id="tool_prefs_save">OK</button>
+      <button id="tool_prefs_cancel">Cancel</button>
+    </div>
+    <fieldset>
+      <legend id="svginfo_editor_prefs">Editor Preferences</legend>
+      <label>
+        <span id="svginfo_lang">Language:</span>
+        <!-- Source: https://en.wikipedia.org/wiki/Language_names -->
+        <select id="lang_select">
+          <option id="lang_ar" value="ar">العربية</option>
+          <option id="lang_cs" value="cs">Čeština</option>
+          <option id="lang_de" value="de">Deutsch</option>
+          <option id="lang_en" value="en" selected="selected">English</option>
+          <option id="lang_es" value="es">Español</option>
+          <option id="lang_fa" value="fa">فارسی</option>
+          <option id="lang_fr" value="fr">Français</option>
+          <option id="lang_fy" value="fy">Frysk</option>
+          <option id="lang_hi" value="hi">हिन्दी, हिंदी</option>
+          <option id="lang_it" value="it">Italiano</option>
+          <option id="lang_ja" value="ja">日本語</option>
+          <option id="lang_nl" value="nl">Nederlands</option>
+          <option id="lang_pl" value="pl">Polski</option>
+          <option id="lang_pt-BR" value="pt-BR">Português (BR)</option>
+          <option id="lang_ro" value="ro">Română</option>
+          <option id="lang_ru" value="ru">Русский</option>
+          <option id="lang_sk" value="sk">Slovenčina</option>
+          <option id="lang_sl" value="sl">Slovenščina</option>
+          <option id="lang_zh-CN" value="zh-CN">简体中文</option>
+          <option id="lang_zh-TW" value="zh-TW">繁體中文</option>
+        </select>
+      </label>
+      <label>
+        <span id="svginfo_icons">Icon size:</span>
+        <select id="iconsize">
+          <option id="icon_small" value="s">Small</option>
+          <option id="icon_medium" value="m" selected="selected">Medium</option>
+          <option id="icon_large" value="l">Large</option>
+          <option id="icon_xlarge" value="xl">Extra Large</option>
+        </select>
+      </label>
+      <fieldset id="change_background">
+        <legend id="svginfo_change_background">Editor Background</legend>
+        <div id="bg_blocks"></div>
+        <label>
+          <span id="svginfo_bg_url">URL:</span>
+          <input type="text" id="canvas_bg_url"/>
+        </label>
+        <p id="svginfo_bg_note">Note: Background will not be saved with image.</p>
+      </fieldset>
+      <fieldset id="change_grid">
+        <legend id="svginfo_grid_settings">Grid</legend>
+        <label>
+          <span id="svginfo_snap_onoff">Snapping on/off</span>
+          <input type="checkbox" value="snapping_on" id="grid_snapping_on"/>
+        </label>
+        <label>
+          <span id="svginfo_snap_step">Snapping Step-Size:</span>
+          <input type="text" id="grid_snapping_step" size="3" value="10"/>
+        </label>
+        <label>
+          <span id="svginfo_grid_color">Grid color:</span>
+          <input type="text" id="grid_color" size="3" value="#000"/>
+        </label>
+      </fieldset>
+      <fieldset id="units_rulers">
+        <legend id="svginfo_units_rulers">Units &amp; Rulers</legend>
+        <label>
+          <span id="svginfo_rulers_onoff">Show rulers</span>
+          <input id="show_rulers" type="checkbox"
+            value="show_rulers" checked="checked"/>
+        </label>
+        <label>
+          <span id="svginfo_unit">Base Unit:</span>
+          <select id="base_unit">
+            <option value="px">Pixels</option>
+            <option value="cm">Centimeters</option>
+            <option value="mm">Millimeters</option>
+            <option value="in">Inches</option>
+            <option value="pt">Points</option>
+            <option value="pc">Picas</option>
+            <option value="em">Ems</option>
+            <option value="ex">Exs</option>
+          </select>
+        </label>
+        <!-- Should this be an export option instead? -->
+        <!--
+        <span id="svginfo_unit_system">Unit System:</span>
+        <label>
+          <input type="radio" name="unit_system" value="single" checked="checked"/>
+          <span id="svginfo_single_type_unit">Single type unit</span>
+          <small id="svginfo_single_type_unit_sub">
+            CSS unit type is set on root element.
+            If a different unit type is entered in a text
+            field, it is converted back to user units on export.
+          </small>
+        </label>
+        <label>
+          <input type="radio" name="unit_system" value="multi"/>
+          <span id="svginfo_multi_units">Multiple CSS units</span>
+          <small id="svginfo_single_type_unit_sub">
+            Attributes can be given different CSS units, which may
+            lead to inconsistant results among viewers.
+          </small>
+        </label>
+        -->
+      </fieldset>
+    </fieldset>
+  </div>
+</div>
+<div id="dialog_box">
+  <div class="overlay"></div>
+  <div id="dialog_container">
+    <div id="dialog_content"></div>
+    <div id="dialog_buttons"></div>
+  </div>
+</div>
+<ul id="cmenu_canvas" class="contextMenu">
+  <li><a href="#cut">Cut</a></li>
+  <li><a href="#copy">Copy</a></li>
+  <li><a href="#paste">Paste</a></li>
+  <li><a href="#paste_in_place">Paste in Place</a></li>
+  <li class="separator"><a href="#delete">Delete</a></li>
+  <li class="separator"><a href="#group">Group<span class="shortcut">G</span></a></li>
+  <li><a href="#ungroup">Ungroup<span class="shortcut">G</span></a></li>
+  <li class="separator"><a href="#move_front">Bring to Front<span class="shortcut">SHFT+CTRL+]</span></a></li>
+  <li><a href="#move_up">Bring Forward<span class="shortcut">CTRL+]</span></a></li>
+  <li><a href="#move_down">Send Backward<span class="shortcut">CTRL+[</span></a></li>
+  <li><a href="#move_back">Send to Back<span class="shortcut">SHFT+CTRL+[</span></a></li>
+</ul>
+<ul id="cmenu_layers" class="contextMenu">
+  <li><a href="#dupe">Duplicate Layer...</a></li>
+  <li><a href="#delete">Delete Layer</a></li>
+  <li><a href="#merge_down">Merge Down</a></li>
+  <li><a href="#merge_all">Merge All</a></li>
+</ul>
+
+</div>
+</body>
+</html>
diff --git a/editor/xdomain-svgedit-config-es.js b/editor/xdomain-svgedit-config-es.js
new file mode 100644
index 00000000..8a311e3a
--- /dev/null
+++ b/editor/xdomain-svgedit-config-es.js
@@ -0,0 +1,4 @@
+import svgEditor from './svg-editor.js';
+svgEditor.setConfig({
+  allowedOrigins: ['*']
+});
diff --git a/editor/xdomain-svgedit-config-iife.js b/editor/xdomain-svgedit-config-iife.js
new file mode 100644
index 00000000..8ec90c49
--- /dev/null
+++ b/editor/xdomain-svgedit-config-iife.js
@@ -0,0 +1,31065 @@
+(function () {
+  'use strict';
+
+  // http://ross.posterous.com/2008/08/19/iphone-touch-events-in-javascript/
+  function touchHandler(ev) {
+    var changedTouches = ev.changedTouches,
+        first = changedTouches[0];
+
+
+    var type = '';
+    switch (ev.type) {
+      case 'touchstart':
+        type = 'mousedown';break;
+      case 'touchmove':
+        type = 'mousemove';break;
+      case 'touchend':
+        type = 'mouseup';break;
+      default:
+        return;
+    }
+
+    var screenX = first.screenX,
+        screenY = first.screenY,
+        clientX = first.clientX,
+        clientY = first.clientY;
+
+    var simulatedEvent = new MouseEvent(type, {
+      // Event interface
+      bubbles: true,
+      cancelable: true,
+      // UIEvent interface
+      view: window,
+      detail: 1, // click count
+      // MouseEvent interface (customized)
+      screenX: screenX, screenY: screenY, clientX: clientX, clientY: clientY,
+      // MouseEvent interface (defaults) - these could be removed
+      ctrlKey: false,
+      altKey: false,
+      shiftKey: false,
+      metaKey: false,
+      button: 0, // main button (usually left)
+      relatedTarget: null
+    });
+    if (changedTouches.length < 2) {
+      first.target.dispatchEvent(simulatedEvent);
+      ev.preventDefault();
+    }
+  }
+
+  document.addEventListener('touchstart', touchHandler, true);
+  document.addEventListener('touchmove', touchHandler, true);
+  document.addEventListener('touchend', touchHandler, true);
+  document.addEventListener('touchcancel', touchHandler, true);
+
+  var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  };
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  var classCallCheck = function (instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  };
+
+  var createClass = function () {
+    function defineProperties(target, props) {
+      for (var i = 0; i < props.length; i++) {
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+      }
+    }
+
+    return function (Constructor, protoProps, staticProps) {
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) defineProperties(Constructor, staticProps);
+      return Constructor;
+    };
+  }();
+
+  var _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  var inherits = function (subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+  };
+
+  var possibleConstructorReturn = function (self, call) {
+    if (!self) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return call && (typeof call === "object" || typeof call === "function") ? call : self;
+  };
+
+  var slicedToArray = function () {
+    function sliceIterator(arr, i) {
+      var _arr = [];
+      var _n = true;
+      var _d = false;
+      var _e = undefined;
+
+      try {
+        for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+          _arr.push(_s.value);
+
+          if (i && _arr.length === i) break;
+        }
+      } catch (err) {
+        _d = true;
+        _e = err;
+      } finally {
+        try {
+          if (!_n && _i["return"]) _i["return"]();
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+
+      return _arr;
+    }
+
+    return function (arr, i) {
+      if (Array.isArray(arr)) {
+        return arr;
+      } else if (Symbol.iterator in Object(arr)) {
+        return sliceIterator(arr, i);
+      } else {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance");
+      }
+    };
+  }();
+
+  var toConsumableArray = function (arr) {
+    if (Array.isArray(arr)) {
+      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+      return arr2;
+    } else {
+      return Array.from(arr);
+    }
+  };
+
+  /**
+   * Namespaces or tools therefor
+   * @module namespaces
+   * @license MIT
+  */
+
+  /**
+  * Common namepaces constants in alpha order
+  * @enum {string}
+  * @type {PlainObject}
+  * @memberof module:namespaces
+  */
+  var NS = {
+    HTML: 'http://www.w3.org/1999/xhtml',
+    MATH: 'http://www.w3.org/1998/Math/MathML',
+    SE: 'http://svg-edit.googlecode.com',
+    SVG: 'http://www.w3.org/2000/svg',
+    XLINK: 'http://www.w3.org/1999/xlink',
+    XML: 'http://www.w3.org/XML/1998/namespace',
+    XMLNS: 'http://www.w3.org/2000/xmlns/' // see http://www.w3.org/TR/REC-xml-names/#xmlReserved
+  };
+
+  /**
+  * @function module:namespaces.getReverseNS
+  * @returns {string} The NS with key values switched and lowercase
+  */
+  var getReverseNS = function getReverseNS() {
+    var reverseNS = {};
+    Object.entries(NS).forEach(function (_ref) {
+      var _ref2 = slicedToArray(_ref, 2),
+          name = _ref2[0],
+          URI = _ref2[1];
+
+      reverseNS[URI] = name.toLowerCase();
+    });
+    return reverseNS;
+  };
+
+  /**
+  * SVGPathSeg API polyfill
+  * https://github.com/progers/pathseg
+  *
+  * This is a drop-in replacement for the `SVGPathSeg` and `SVGPathSegList` APIs
+  * that were removed from SVG2 ({@link https://lists.w3.org/Archives/Public/www-svg/2015Jun/0044.html}),
+  * including the latest spec changes which were implemented in Firefox 43 and
+  * Chrome 46.
+  */
+  (function () {
+    if (!('SVGPathSeg' in window)) {
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSeg
+      var _SVGPathSeg = function () {
+        function _SVGPathSeg(type, typeAsLetter, owningPathSegList) {
+          classCallCheck(this, _SVGPathSeg);
+
+          this.pathSegType = type;
+          this.pathSegTypeAsLetter = typeAsLetter;
+          this._owningPathSegList = owningPathSegList;
+        }
+        // Notify owning PathSegList on any changes so they can be synchronized back to the path element.
+
+
+        createClass(_SVGPathSeg, [{
+          key: '_segmentChanged',
+          value: function _segmentChanged() {
+            if (this._owningPathSegList) {
+              this._owningPathSegList.segmentChanged(this);
+            }
+          }
+        }]);
+        return _SVGPathSeg;
+      }();
+
+      _SVGPathSeg.prototype.classname = 'SVGPathSeg';
+
+      _SVGPathSeg.PATHSEG_UNKNOWN = 0;
+      _SVGPathSeg.PATHSEG_CLOSEPATH = 1;
+      _SVGPathSeg.PATHSEG_MOVETO_ABS = 2;
+      _SVGPathSeg.PATHSEG_MOVETO_REL = 3;
+      _SVGPathSeg.PATHSEG_LINETO_ABS = 4;
+      _SVGPathSeg.PATHSEG_LINETO_REL = 5;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS = 6;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL = 7;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS = 8;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL = 9;
+      _SVGPathSeg.PATHSEG_ARC_ABS = 10;
+      _SVGPathSeg.PATHSEG_ARC_REL = 11;
+      _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS = 12;
+      _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL = 13;
+      _SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS = 14;
+      _SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL = 15;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS = 16;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL = 17;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS = 18;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL = 19;
+
+      var _SVGPathSegClosePath = function (_SVGPathSeg2) {
+        inherits(_SVGPathSegClosePath, _SVGPathSeg2);
+
+        function _SVGPathSegClosePath(owningPathSegList) {
+          classCallCheck(this, _SVGPathSegClosePath);
+          return possibleConstructorReturn(this, (_SVGPathSegClosePath.__proto__ || Object.getPrototypeOf(_SVGPathSegClosePath)).call(this, _SVGPathSeg.PATHSEG_CLOSEPATH, 'z', owningPathSegList));
+        }
+
+        createClass(_SVGPathSegClosePath, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegClosePath]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegClosePath(undefined);
+          }
+        }]);
+        return _SVGPathSegClosePath;
+      }(_SVGPathSeg);
+
+      var _SVGPathSegMovetoAbs = function (_SVGPathSeg3) {
+        inherits(_SVGPathSegMovetoAbs, _SVGPathSeg3);
+
+        function _SVGPathSegMovetoAbs(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegMovetoAbs);
+
+          var _this2 = possibleConstructorReturn(this, (_SVGPathSegMovetoAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegMovetoAbs)).call(this, _SVGPathSeg.PATHSEG_MOVETO_ABS, 'M', owningPathSegList));
+
+          _this2._x = x;
+          _this2._y = y;
+          return _this2;
+        }
+
+        createClass(_SVGPathSegMovetoAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegMovetoAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegMovetoAbs(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegMovetoAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegMovetoAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true
+        },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true
+        }
+      });
+
+      var _SVGPathSegMovetoRel = function (_SVGPathSeg4) {
+        inherits(_SVGPathSegMovetoRel, _SVGPathSeg4);
+
+        function _SVGPathSegMovetoRel(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegMovetoRel);
+
+          var _this3 = possibleConstructorReturn(this, (_SVGPathSegMovetoRel.__proto__ || Object.getPrototypeOf(_SVGPathSegMovetoRel)).call(this, _SVGPathSeg.PATHSEG_MOVETO_REL, 'm', owningPathSegList));
+
+          _this3._x = x;
+          _this3._y = y;
+          return _this3;
+        }
+
+        createClass(_SVGPathSegMovetoRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegMovetoRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegMovetoRel(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegMovetoRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegMovetoRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegLinetoAbs = function (_SVGPathSeg5) {
+        inherits(_SVGPathSegLinetoAbs, _SVGPathSeg5);
+
+        function _SVGPathSegLinetoAbs(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegLinetoAbs);
+
+          var _this4 = possibleConstructorReturn(this, (_SVGPathSegLinetoAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_ABS, 'L', owningPathSegList));
+
+          _this4._x = x;
+          _this4._y = y;
+          return _this4;
+        }
+
+        createClass(_SVGPathSegLinetoAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoAbs(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegLinetoAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegLinetoRel = function (_SVGPathSeg6) {
+        inherits(_SVGPathSegLinetoRel, _SVGPathSeg6);
+
+        function _SVGPathSegLinetoRel(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegLinetoRel);
+
+          var _this5 = possibleConstructorReturn(this, (_SVGPathSegLinetoRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_REL, 'l', owningPathSegList));
+
+          _this5._x = x;
+          _this5._y = y;
+          return _this5;
+        }
+
+        createClass(_SVGPathSegLinetoRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoRel(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegLinetoRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoCubicAbs = function (_SVGPathSeg7) {
+        inherits(_SVGPathSegCurvetoCubicAbs, _SVGPathSeg7);
+
+        function _SVGPathSegCurvetoCubicAbs(owningPathSegList, x, y, x1, y1, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicAbs);
+
+          var _this6 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS, 'C', owningPathSegList));
+
+          _this6._x = x;
+          _this6._y = y;
+          _this6._x1 = x1;
+          _this6._y1 = y1;
+          _this6._x2 = x2;
+          _this6._y2 = y2;
+          return _this6;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoCubicRel = function (_SVGPathSeg8) {
+        inherits(_SVGPathSegCurvetoCubicRel, _SVGPathSeg8);
+
+        function _SVGPathSegCurvetoCubicRel(owningPathSegList, x, y, x1, y1, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicRel);
+
+          var _this7 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, 'c', owningPathSegList));
+
+          _this7._x = x;
+          _this7._y = y;
+          _this7._x1 = x1;
+          _this7._y1 = y1;
+          _this7._x2 = x2;
+          _this7._y2 = y2;
+          return _this7;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticAbs = function (_SVGPathSeg9) {
+        inherits(_SVGPathSegCurvetoQuadraticAbs, _SVGPathSeg9);
+
+        function _SVGPathSegCurvetoQuadraticAbs(owningPathSegList, x, y, x1, y1) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticAbs);
+
+          var _this8 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS, 'Q', owningPathSegList));
+
+          _this8._x = x;
+          _this8._y = y;
+          _this8._x1 = x1;
+          _this8._y1 = y1;
+          return _this8;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticRel = function (_SVGPathSeg10) {
+        inherits(_SVGPathSegCurvetoQuadraticRel, _SVGPathSeg10);
+
+        function _SVGPathSegCurvetoQuadraticRel(owningPathSegList, x, y, x1, y1) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticRel);
+
+          var _this9 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL, 'q', owningPathSegList));
+
+          _this9._x = x;
+          _this9._y = y;
+          _this9._x1 = x1;
+          _this9._y1 = y1;
+          return _this9;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegArcAbs = function (_SVGPathSeg11) {
+        inherits(_SVGPathSegArcAbs, _SVGPathSeg11);
+
+        function _SVGPathSegArcAbs(owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+          classCallCheck(this, _SVGPathSegArcAbs);
+
+          var _this10 = possibleConstructorReturn(this, (_SVGPathSegArcAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegArcAbs)).call(this, _SVGPathSeg.PATHSEG_ARC_ABS, 'A', owningPathSegList));
+
+          _this10._x = x;
+          _this10._y = y;
+          _this10._r1 = r1;
+          _this10._r2 = r2;
+          _this10._angle = angle;
+          _this10._largeArcFlag = largeArcFlag;
+          _this10._sweepFlag = sweepFlag;
+          return _this10;
+        }
+
+        createClass(_SVGPathSegArcAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegArcAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);
+          }
+        }]);
+        return _SVGPathSegArcAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegArcAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        r1: {
+          get: function get$$1() {
+            return this._r1;
+          },
+          set: function set$$1(r1) {
+            this._r1 = r1;this._segmentChanged();
+          },
+          enumerable: true },
+        r2: {
+          get: function get$$1() {
+            return this._r2;
+          },
+          set: function set$$1(r2) {
+            this._r2 = r2;this._segmentChanged();
+          },
+          enumerable: true },
+        angle: {
+          get: function get$$1() {
+            return this._angle;
+          },
+          set: function set$$1(angle) {
+            this._angle = angle;this._segmentChanged();
+          },
+          enumerable: true },
+        largeArcFlag: {
+          get: function get$$1() {
+            return this._largeArcFlag;
+          },
+          set: function set$$1(largeArcFlag) {
+            this._largeArcFlag = largeArcFlag;this._segmentChanged();
+          },
+          enumerable: true },
+        sweepFlag: {
+          get: function get$$1() {
+            return this._sweepFlag;
+          },
+          set: function set$$1(sweepFlag) {
+            this._sweepFlag = sweepFlag;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegArcRel = function (_SVGPathSeg12) {
+        inherits(_SVGPathSegArcRel, _SVGPathSeg12);
+
+        function _SVGPathSegArcRel(owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+          classCallCheck(this, _SVGPathSegArcRel);
+
+          var _this11 = possibleConstructorReturn(this, (_SVGPathSegArcRel.__proto__ || Object.getPrototypeOf(_SVGPathSegArcRel)).call(this, _SVGPathSeg.PATHSEG_ARC_REL, 'a', owningPathSegList));
+
+          _this11._x = x;
+          _this11._y = y;
+          _this11._r1 = r1;
+          _this11._r2 = r2;
+          _this11._angle = angle;
+          _this11._largeArcFlag = largeArcFlag;
+          _this11._sweepFlag = sweepFlag;
+          return _this11;
+        }
+
+        createClass(_SVGPathSegArcRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegArcRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);
+          }
+        }]);
+        return _SVGPathSegArcRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegArcRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        r1: {
+          get: function get$$1() {
+            return this._r1;
+          },
+          set: function set$$1(r1) {
+            this._r1 = r1;this._segmentChanged();
+          },
+          enumerable: true },
+        r2: {
+          get: function get$$1() {
+            return this._r2;
+          },
+          set: function set$$1(r2) {
+            this._r2 = r2;this._segmentChanged();
+          },
+          enumerable: true },
+        angle: {
+          get: function get$$1() {
+            return this._angle;
+          },
+          set: function set$$1(angle) {
+            this._angle = angle;this._segmentChanged();
+          },
+          enumerable: true },
+        largeArcFlag: {
+          get: function get$$1() {
+            return this._largeArcFlag;
+          },
+          set: function set$$1(largeArcFlag) {
+            this._largeArcFlag = largeArcFlag;this._segmentChanged();
+          },
+          enumerable: true },
+        sweepFlag: {
+          get: function get$$1() {
+            return this._sweepFlag;
+          },
+          set: function set$$1(sweepFlag) {
+            this._sweepFlag = sweepFlag;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegLinetoHorizontalAbs = function (_SVGPathSeg13) {
+        inherits(_SVGPathSegLinetoHorizontalAbs, _SVGPathSeg13);
+
+        function _SVGPathSegLinetoHorizontalAbs(owningPathSegList, x) {
+          classCallCheck(this, _SVGPathSegLinetoHorizontalAbs);
+
+          var _this12 = possibleConstructorReturn(this, (_SVGPathSegLinetoHorizontalAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoHorizontalAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS, 'H', owningPathSegList));
+
+          _this12._x = x;
+          return _this12;
+        }
+
+        createClass(_SVGPathSegLinetoHorizontalAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoHorizontalAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoHorizontalAbs(undefined, this._x);
+          }
+        }]);
+        return _SVGPathSegLinetoHorizontalAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoHorizontalAbs.prototype, 'x', {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegLinetoHorizontalRel = function (_SVGPathSeg14) {
+        inherits(_SVGPathSegLinetoHorizontalRel, _SVGPathSeg14);
+
+        function _SVGPathSegLinetoHorizontalRel(owningPathSegList, x) {
+          classCallCheck(this, _SVGPathSegLinetoHorizontalRel);
+
+          var _this13 = possibleConstructorReturn(this, (_SVGPathSegLinetoHorizontalRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoHorizontalRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL, 'h', owningPathSegList));
+
+          _this13._x = x;
+          return _this13;
+        }
+
+        createClass(_SVGPathSegLinetoHorizontalRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoHorizontalRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoHorizontalRel(undefined, this._x);
+          }
+        }]);
+        return _SVGPathSegLinetoHorizontalRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoHorizontalRel.prototype, 'x', {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegLinetoVerticalAbs = function (_SVGPathSeg15) {
+        inherits(_SVGPathSegLinetoVerticalAbs, _SVGPathSeg15);
+
+        function _SVGPathSegLinetoVerticalAbs(owningPathSegList, y) {
+          classCallCheck(this, _SVGPathSegLinetoVerticalAbs);
+
+          var _this14 = possibleConstructorReturn(this, (_SVGPathSegLinetoVerticalAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoVerticalAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS, 'V', owningPathSegList));
+
+          _this14._y = y;
+          return _this14;
+        }
+
+        createClass(_SVGPathSegLinetoVerticalAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoVerticalAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoVerticalAbs(undefined, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoVerticalAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoVerticalAbs.prototype, 'y', {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegLinetoVerticalRel = function (_SVGPathSeg16) {
+        inherits(_SVGPathSegLinetoVerticalRel, _SVGPathSeg16);
+
+        function _SVGPathSegLinetoVerticalRel(owningPathSegList, y) {
+          classCallCheck(this, _SVGPathSegLinetoVerticalRel);
+
+          var _this15 = possibleConstructorReturn(this, (_SVGPathSegLinetoVerticalRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoVerticalRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL, 'v', owningPathSegList));
+
+          _this15._y = y;
+          return _this15;
+        }
+
+        createClass(_SVGPathSegLinetoVerticalRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoVerticalRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoVerticalRel(undefined, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoVerticalRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoVerticalRel.prototype, 'y', {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegCurvetoCubicSmoothAbs = function (_SVGPathSeg17) {
+        inherits(_SVGPathSegCurvetoCubicSmoothAbs, _SVGPathSeg17);
+
+        function _SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, x, y, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicSmoothAbs);
+
+          var _this16 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicSmoothAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicSmoothAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS, 'S', owningPathSegList));
+
+          _this16._x = x;
+          _this16._y = y;
+          _this16._x2 = x2;
+          _this16._y2 = y2;
+          return _this16;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicSmoothAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicSmoothAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicSmoothAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicSmoothAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoCubicSmoothRel = function (_SVGPathSeg18) {
+        inherits(_SVGPathSegCurvetoCubicSmoothRel, _SVGPathSeg18);
+
+        function _SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, x, y, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicSmoothRel);
+
+          var _this17 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicSmoothRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicSmoothRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL, 's', owningPathSegList));
+
+          _this17._x = x;
+          _this17._y = y;
+          _this17._x2 = x2;
+          _this17._y2 = y2;
+          return _this17;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicSmoothRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicSmoothRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicSmoothRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicSmoothRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticSmoothAbs = function (_SVGPathSeg19) {
+        inherits(_SVGPathSegCurvetoQuadraticSmoothAbs, _SVGPathSeg19);
+
+        function _SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticSmoothAbs);
+
+          var _this18 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticSmoothAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticSmoothAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS, 'T', owningPathSegList));
+
+          _this18._x = x;
+          _this18._y = y;
+          return _this18;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticSmoothAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticSmoothAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticSmoothAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticSmoothAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticSmoothRel = function (_SVGPathSeg20) {
+        inherits(_SVGPathSegCurvetoQuadraticSmoothRel, _SVGPathSeg20);
+
+        function _SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticSmoothRel);
+
+          var _this19 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticSmoothRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticSmoothRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL, 't', owningPathSegList));
+
+          _this19._x = x;
+          _this19._y = y;
+          return _this19;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticSmoothRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticSmoothRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticSmoothRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticSmoothRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      // Add createSVGPathSeg* functions to SVGPathElement.
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathElement.
+      SVGPathElement.prototype.createSVGPathSegClosePath = function () {
+        return new _SVGPathSegClosePath(undefined);
+      };
+      SVGPathElement.prototype.createSVGPathSegMovetoAbs = function (x, y) {
+        return new _SVGPathSegMovetoAbs(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegMovetoRel = function (x, y) {
+        return new _SVGPathSegMovetoRel(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoAbs = function (x, y) {
+        return new _SVGPathSegLinetoAbs(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoRel = function (x, y) {
+        return new _SVGPathSegLinetoRel(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs = function (x, y, x1, y1, x2, y2) {
+        return new _SVGPathSegCurvetoCubicAbs(undefined, x, y, x1, y1, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel = function (x, y, x1, y1, x2, y2) {
+        return new _SVGPathSegCurvetoCubicRel(undefined, x, y, x1, y1, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs = function (x, y, x1, y1) {
+        return new _SVGPathSegCurvetoQuadraticAbs(undefined, x, y, x1, y1);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel = function (x, y, x1, y1) {
+        return new _SVGPathSegCurvetoQuadraticRel(undefined, x, y, x1, y1);
+      };
+      SVGPathElement.prototype.createSVGPathSegArcAbs = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+        return new _SVGPathSegArcAbs(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);
+      };
+      SVGPathElement.prototype.createSVGPathSegArcRel = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+        return new _SVGPathSegArcRel(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs = function (x) {
+        return new _SVGPathSegLinetoHorizontalAbs(undefined, x);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel = function (x) {
+        return new _SVGPathSegLinetoHorizontalRel(undefined, x);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs = function (y) {
+        return new _SVGPathSegLinetoVerticalAbs(undefined, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel = function (y) {
+        return new _SVGPathSegLinetoVerticalRel(undefined, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs = function (x, y, x2, y2) {
+        return new _SVGPathSegCurvetoCubicSmoothAbs(undefined, x, y, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel = function (x, y, x2, y2) {
+        return new _SVGPathSegCurvetoCubicSmoothRel(undefined, x, y, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs = function (x, y) {
+        return new _SVGPathSegCurvetoQuadraticSmoothAbs(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel = function (x, y) {
+        return new _SVGPathSegCurvetoQuadraticSmoothRel(undefined, x, y);
+      };
+
+      if (!('getPathSegAtLength' in SVGPathElement.prototype)) {
+        // Add getPathSegAtLength to SVGPathElement.
+        // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-__svg__SVGPathElement__getPathSegAtLength
+        // This polyfill requires SVGPathElement.getTotalLength to implement the distance-along-a-path algorithm.
+        SVGPathElement.prototype.getPathSegAtLength = function (distance) {
+          if (distance === undefined || !isFinite(distance)) {
+            throw new Error('Invalid arguments.');
+          }
+
+          var measurementElement = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+          measurementElement.setAttribute('d', this.getAttribute('d'));
+          var lastPathSegment = measurementElement.pathSegList.numberOfItems - 1;
+
+          // If the path is empty, return 0.
+          if (lastPathSegment <= 0) {
+            return 0;
+          }
+
+          do {
+            measurementElement.pathSegList.removeItem(lastPathSegment);
+            if (distance > measurementElement.getTotalLength()) {
+              break;
+            }
+            lastPathSegment--;
+          } while (lastPathSegment > 0);
+          return lastPathSegment;
+        };
+      }
+
+      window.SVGPathSeg = _SVGPathSeg;
+      window.SVGPathSegClosePath = _SVGPathSegClosePath;
+      window.SVGPathSegMovetoAbs = _SVGPathSegMovetoAbs;
+      window.SVGPathSegMovetoRel = _SVGPathSegMovetoRel;
+      window.SVGPathSegLinetoAbs = _SVGPathSegLinetoAbs;
+      window.SVGPathSegLinetoRel = _SVGPathSegLinetoRel;
+      window.SVGPathSegCurvetoCubicAbs = _SVGPathSegCurvetoCubicAbs;
+      window.SVGPathSegCurvetoCubicRel = _SVGPathSegCurvetoCubicRel;
+      window.SVGPathSegCurvetoQuadraticAbs = _SVGPathSegCurvetoQuadraticAbs;
+      window.SVGPathSegCurvetoQuadraticRel = _SVGPathSegCurvetoQuadraticRel;
+      window.SVGPathSegArcAbs = _SVGPathSegArcAbs;
+      window.SVGPathSegArcRel = _SVGPathSegArcRel;
+      window.SVGPathSegLinetoHorizontalAbs = _SVGPathSegLinetoHorizontalAbs;
+      window.SVGPathSegLinetoHorizontalRel = _SVGPathSegLinetoHorizontalRel;
+      window.SVGPathSegLinetoVerticalAbs = _SVGPathSegLinetoVerticalAbs;
+      window.SVGPathSegLinetoVerticalRel = _SVGPathSegLinetoVerticalRel;
+      window.SVGPathSegCurvetoCubicSmoothAbs = _SVGPathSegCurvetoCubicSmoothAbs;
+      window.SVGPathSegCurvetoCubicSmoothRel = _SVGPathSegCurvetoCubicSmoothRel;
+      window.SVGPathSegCurvetoQuadraticSmoothAbs = _SVGPathSegCurvetoQuadraticSmoothAbs;
+      window.SVGPathSegCurvetoQuadraticSmoothRel = _SVGPathSegCurvetoQuadraticSmoothRel;
+    }
+
+    // Checking for SVGPathSegList in window checks for the case of an implementation without the
+    // SVGPathSegList API.
+    // The second check for appendItem is specific to Firefox 59+ which removed only parts of the
+    // SVGPathSegList API (e.g., appendItem). In this case we need to re-implement the entire API
+    // so the polyfill data (i.e., _list) is used throughout.
+    if (!('SVGPathSegList' in window) || !('appendItem' in SVGPathSegList.prototype)) {
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSegList
+      var _SVGPathSegList = function () {
+        function _SVGPathSegList(pathElement) {
+          classCallCheck(this, _SVGPathSegList);
+
+          this._pathElement = pathElement;
+          this._list = this._parsePath(this._pathElement.getAttribute('d'));
+
+          // Use a MutationObserver to catch changes to the path's "d" attribute.
+          this._mutationObserverConfig = { attributes: true, attributeFilter: ['d'] };
+          this._pathElementMutationObserver = new MutationObserver(this._updateListFromPathMutations.bind(this));
+          this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
+        }
+        // Process any pending mutations to the path element and update the list as needed.
+        // This should be the first call of all public functions and is needed because
+        // MutationObservers are not synchronous so we can have pending asynchronous mutations.
+
+
+        createClass(_SVGPathSegList, [{
+          key: '_checkPathSynchronizedToList',
+          value: function _checkPathSynchronizedToList() {
+            this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords());
+          }
+        }, {
+          key: '_updateListFromPathMutations',
+          value: function _updateListFromPathMutations(mutationRecords) {
+            if (!this._pathElement) {
+              return;
+            }
+            var hasPathMutations = false;
+            mutationRecords.forEach(function (record) {
+              if (record.attributeName === 'd') {
+                hasPathMutations = true;
+              }
+            });
+            if (hasPathMutations) {
+              this._list = this._parsePath(this._pathElement.getAttribute('d'));
+            }
+          }
+
+          // Serialize the list and update the path's 'd' attribute.
+
+        }, {
+          key: '_writeListToPath',
+          value: function _writeListToPath() {
+            this._pathElementMutationObserver.disconnect();
+            this._pathElement.setAttribute('d', _SVGPathSegList._pathSegArrayAsString(this._list));
+            this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
+          }
+
+          // When a path segment changes the list needs to be synchronized back to the path element.
+
+        }, {
+          key: 'segmentChanged',
+          value: function segmentChanged(pathSeg) {
+            this._writeListToPath();
+          }
+        }, {
+          key: 'clear',
+          value: function clear() {
+            this._checkPathSynchronizedToList();
+
+            this._list.forEach(function (pathSeg) {
+              pathSeg._owningPathSegList = null;
+            });
+            this._list = [];
+            this._writeListToPath();
+          }
+        }, {
+          key: 'initialize',
+          value: function initialize(newItem) {
+            this._checkPathSynchronizedToList();
+
+            this._list = [newItem];
+            newItem._owningPathSegList = this;
+            this._writeListToPath();
+            return newItem;
+          }
+        }, {
+          key: '_checkValidIndex',
+          value: function _checkValidIndex(index) {
+            if (isNaN(index) || index < 0 || index >= this.numberOfItems) {
+              throw new Error('INDEX_SIZE_ERR');
+            }
+          }
+        }, {
+          key: 'getItem',
+          value: function getItem(index) {
+            this._checkPathSynchronizedToList();
+
+            this._checkValidIndex(index);
+            return this._list[index];
+          }
+        }, {
+          key: 'insertItemBefore',
+          value: function insertItemBefore(newItem, index) {
+            this._checkPathSynchronizedToList();
+
+            // Spec: If the index is greater than or equal to numberOfItems, then the new item is appended to the end of the list.
+            if (index > this.numberOfItems) {
+              index = this.numberOfItems;
+            }
+            if (newItem._owningPathSegList) {
+              // SVG2 spec says to make a copy.
+              newItem = newItem.clone();
+            }
+            this._list.splice(index, 0, newItem);
+            newItem._owningPathSegList = this;
+            this._writeListToPath();
+            return newItem;
+          }
+        }, {
+          key: 'replaceItem',
+          value: function replaceItem(newItem, index) {
+            this._checkPathSynchronizedToList();
+
+            if (newItem._owningPathSegList) {
+              // SVG2 spec says to make a copy.
+              newItem = newItem.clone();
+            }
+            this._checkValidIndex(index);
+            this._list[index] = newItem;
+            newItem._owningPathSegList = this;
+            this._writeListToPath();
+            return newItem;
+          }
+        }, {
+          key: 'removeItem',
+          value: function removeItem(index) {
+            this._checkPathSynchronizedToList();
+
+            this._checkValidIndex(index);
+            var item = this._list[index];
+            this._list.splice(index, 1);
+            this._writeListToPath();
+            return item;
+          }
+        }, {
+          key: 'appendItem',
+          value: function appendItem(newItem) {
+            this._checkPathSynchronizedToList();
+
+            if (newItem._owningPathSegList) {
+              // SVG2 spec says to make a copy.
+              newItem = newItem.clone();
+            }
+            this._list.push(newItem);
+            newItem._owningPathSegList = this;
+            // TODO: Optimize this to just append to the existing attribute.
+            this._writeListToPath();
+            return newItem;
+          }
+
+          // This closely follows SVGPathParser::parsePath from Source/core/svg/SVGPathParser.cpp.
+
+        }, {
+          key: '_parsePath',
+          value: function _parsePath(string) {
+            if (!string || !string.length) {
+              return [];
+            }
+
+            var owningPathSegList = this;
+
+            var Builder = function () {
+              function Builder() {
+                classCallCheck(this, Builder);
+
+                this.pathSegList = [];
+              }
+
+              createClass(Builder, [{
+                key: 'appendSegment',
+                value: function appendSegment(pathSeg) {
+                  this.pathSegList.push(pathSeg);
+                }
+              }]);
+              return Builder;
+            }();
+
+            var Source = function () {
+              function Source(string) {
+                classCallCheck(this, Source);
+
+                this._string = string;
+                this._currentIndex = 0;
+                this._endIndex = this._string.length;
+                this._previousCommand = SVGPathSeg.PATHSEG_UNKNOWN;
+
+                this._skipOptionalSpaces();
+              }
+
+              createClass(Source, [{
+                key: '_isCurrentSpace',
+                value: function _isCurrentSpace() {
+                  var character = this._string[this._currentIndex];
+                  return character <= ' ' && (character === ' ' || character === '\n' || character === '\t' || character === '\r' || character === '\f');
+                }
+              }, {
+                key: '_skipOptionalSpaces',
+                value: function _skipOptionalSpaces() {
+                  while (this._currentIndex < this._endIndex && this._isCurrentSpace()) {
+                    this._currentIndex++;
+                  }
+                  return this._currentIndex < this._endIndex;
+                }
+              }, {
+                key: '_skipOptionalSpacesOrDelimiter',
+                value: function _skipOptionalSpacesOrDelimiter() {
+                  if (this._currentIndex < this._endIndex && !this._isCurrentSpace() && this._string.charAt(this._currentIndex) !== ',') {
+                    return false;
+                  }
+                  if (this._skipOptionalSpaces()) {
+                    if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === ',') {
+                      this._currentIndex++;
+                      this._skipOptionalSpaces();
+                    }
+                  }
+                  return this._currentIndex < this._endIndex;
+                }
+              }, {
+                key: 'hasMoreData',
+                value: function hasMoreData() {
+                  return this._currentIndex < this._endIndex;
+                }
+              }, {
+                key: 'peekSegmentType',
+                value: function peekSegmentType() {
+                  var lookahead = this._string[this._currentIndex];
+                  return this._pathSegTypeFromChar(lookahead);
+                }
+              }, {
+                key: '_pathSegTypeFromChar',
+                value: function _pathSegTypeFromChar(lookahead) {
+                  switch (lookahead) {
+                    case 'Z':
+                    case 'z':
+                      return SVGPathSeg.PATHSEG_CLOSEPATH;
+                    case 'M':
+                      return SVGPathSeg.PATHSEG_MOVETO_ABS;
+                    case 'm':
+                      return SVGPathSeg.PATHSEG_MOVETO_REL;
+                    case 'L':
+                      return SVGPathSeg.PATHSEG_LINETO_ABS;
+                    case 'l':
+                      return SVGPathSeg.PATHSEG_LINETO_REL;
+                    case 'C':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS;
+                    case 'c':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL;
+                    case 'Q':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;
+                    case 'q':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;
+                    case 'A':
+                      return SVGPathSeg.PATHSEG_ARC_ABS;
+                    case 'a':
+                      return SVGPathSeg.PATHSEG_ARC_REL;
+                    case 'H':
+                      return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;
+                    case 'h':
+                      return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;
+                    case 'V':
+                      return SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;
+                    case 'v':
+                      return SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;
+                    case 'S':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;
+                    case 's':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;
+                    case 'T':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;
+                    case 't':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;
+                    default:
+                      return SVGPathSeg.PATHSEG_UNKNOWN;
+                  }
+                }
+              }, {
+                key: '_nextCommandHelper',
+                value: function _nextCommandHelper(lookahead, previousCommand) {
+                  // Check for remaining coordinates in the current command.
+                  if ((lookahead === '+' || lookahead === '-' || lookahead === '.' || lookahead >= '0' && lookahead <= '9') && previousCommand !== SVGPathSeg.PATHSEG_CLOSEPATH) {
+                    if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_ABS) {
+                      return SVGPathSeg.PATHSEG_LINETO_ABS;
+                    }
+                    if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_REL) {
+                      return SVGPathSeg.PATHSEG_LINETO_REL;
+                    }
+                    return previousCommand;
+                  }
+                  return SVGPathSeg.PATHSEG_UNKNOWN;
+                }
+              }, {
+                key: 'initialCommandIsMoveTo',
+                value: function initialCommandIsMoveTo() {
+                  // If the path is empty it is still valid, so return true.
+                  if (!this.hasMoreData()) {
+                    return true;
+                  }
+                  var command = this.peekSegmentType();
+                  // Path must start with moveTo.
+                  return command === SVGPathSeg.PATHSEG_MOVETO_ABS || command === SVGPathSeg.PATHSEG_MOVETO_REL;
+                }
+
+                // Parse a number from an SVG path. This very closely follows genericParseNumber(...) from Source/core/svg/SVGParserUtilities.cpp.
+                // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-PathDataBNF
+
+              }, {
+                key: '_parseNumber',
+                value: function _parseNumber() {
+                  var exponent = 0;
+                  var integer = 0;
+                  var frac = 1;
+                  var decimal = 0;
+                  var sign = 1;
+                  var expsign = 1;
+
+                  var startIndex = this._currentIndex;
+
+                  this._skipOptionalSpaces();
+
+                  // Read the sign.
+                  if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '+') {
+                    this._currentIndex++;
+                  } else if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '-') {
+                    this._currentIndex++;
+                    sign = -1;
+                  }
+
+                  if (this._currentIndex === this._endIndex || (this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') && this._string.charAt(this._currentIndex) !== '.') {
+                    // The first character of a number must be one of [0-9+-.].
+                    return undefined;
+                  }
+
+                  // Read the integer part, build right-to-left.
+                  var startIntPartIndex = this._currentIndex;
+                  while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                    this._currentIndex++; // Advance to first non-digit.
+                  }
+
+                  if (this._currentIndex !== startIntPartIndex) {
+                    var scanIntPartIndex = this._currentIndex - 1;
+                    var multiplier = 1;
+                    while (scanIntPartIndex >= startIntPartIndex) {
+                      integer += multiplier * (this._string.charAt(scanIntPartIndex--) - '0');
+                      multiplier *= 10;
+                    }
+                  }
+
+                  // Read the decimals.
+                  if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '.') {
+                    this._currentIndex++;
+
+                    // There must be a least one digit following the .
+                    if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {
+                      return undefined;
+                    }
+                    while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                      frac *= 10;
+                      decimal += (this._string.charAt(this._currentIndex) - '0') / frac;
+                      this._currentIndex += 1;
+                    }
+                  }
+
+                  // Read the exponent part.
+                  if (this._currentIndex !== startIndex && this._currentIndex + 1 < this._endIndex && (this._string.charAt(this._currentIndex) === 'e' || this._string.charAt(this._currentIndex) === 'E') && this._string.charAt(this._currentIndex + 1) !== 'x' && this._string.charAt(this._currentIndex + 1) !== 'm') {
+                    this._currentIndex++;
+
+                    // Read the sign of the exponent.
+                    if (this._string.charAt(this._currentIndex) === '+') {
+                      this._currentIndex++;
+                    } else if (this._string.charAt(this._currentIndex) === '-') {
+                      this._currentIndex++;
+                      expsign = -1;
+                    }
+
+                    // There must be an exponent.
+                    if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {
+                      return undefined;
+                    }
+
+                    while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                      exponent *= 10;
+                      exponent += this._string.charAt(this._currentIndex) - '0';
+                      this._currentIndex++;
+                    }
+                  }
+
+                  var number = integer + decimal;
+                  number *= sign;
+
+                  if (exponent) {
+                    number *= Math.pow(10, expsign * exponent);
+                  }
+
+                  if (startIndex === this._currentIndex) {
+                    return undefined;
+                  }
+
+                  this._skipOptionalSpacesOrDelimiter();
+
+                  return number;
+                }
+              }, {
+                key: '_parseArcFlag',
+                value: function _parseArcFlag() {
+                  if (this._currentIndex >= this._endIndex) {
+                    return undefined;
+                  }
+                  var flag = false;
+                  var flagChar = this._string.charAt(this._currentIndex++);
+                  if (flagChar === '0') {
+                    flag = false;
+                  } else if (flagChar === '1') {
+                    flag = true;
+                  } else {
+                    return undefined;
+                  }
+
+                  this._skipOptionalSpacesOrDelimiter();
+                  return flag;
+                }
+              }, {
+                key: 'parseSegment',
+                value: function parseSegment() {
+                  var lookahead = this._string[this._currentIndex];
+                  var command = this._pathSegTypeFromChar(lookahead);
+                  if (command === SVGPathSeg.PATHSEG_UNKNOWN) {
+                    // Possibly an implicit command. Not allowed if this is the first command.
+                    if (this._previousCommand === SVGPathSeg.PATHSEG_UNKNOWN) {
+                      return null;
+                    }
+                    command = this._nextCommandHelper(lookahead, this._previousCommand);
+                    if (command === SVGPathSeg.PATHSEG_UNKNOWN) {
+                      return null;
+                    }
+                  } else {
+                    this._currentIndex++;
+                  }
+
+                  this._previousCommand = command;
+
+                  switch (command) {
+                    case SVGPathSeg.PATHSEG_MOVETO_REL:
+                      return new SVGPathSegMovetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_MOVETO_ABS:
+                      return new SVGPathSegMovetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_REL:
+                      return new SVGPathSegLinetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_ABS:
+                      return new SVGPathSegLinetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:
+                      return new SVGPathSegLinetoHorizontalRel(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:
+                      return new SVGPathSegLinetoHorizontalAbs(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:
+                      return new SVGPathSegLinetoVerticalRel(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:
+                      return new SVGPathSegLinetoVerticalAbs(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_CLOSEPATH:
+                      this._skipOptionalSpaces();
+                      return new SVGPathSegClosePath(owningPathSegList);
+                    case SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:
+                      {
+                        var _points = { x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicRel(owningPathSegList, _points.x, _points.y, _points.x1, _points.y1, _points.x2, _points.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:
+                      {
+                        var _points2 = { x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicAbs(owningPathSegList, _points2.x, _points2.y, _points2.x1, _points2.y1, _points2.x2, _points2.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:
+                      {
+                        var _points3 = { x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, _points3.x, _points3.y, _points3.x2, _points3.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:
+                      {
+                        var _points4 = { x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, _points4.x, _points4.y, _points4.x2, _points4.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:
+                      {
+                        var _points5 = { x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoQuadraticRel(owningPathSegList, _points5.x, _points5.y, _points5.x1, _points5.y1);
+                      }case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:
+                      var points = { x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                      return new SVGPathSegCurvetoQuadraticAbs(owningPathSegList, points.x, points.y, points.x1, points.y1);
+                    case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:
+                      return new SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:
+                      return new SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_ARC_REL:
+                      {
+                        var _points6 = { x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegArcRel(owningPathSegList, _points6.x, _points6.y, _points6.x1, _points6.y1, _points6.arcAngle, _points6.arcLarge, _points6.arcSweep);
+                      }case SVGPathSeg.PATHSEG_ARC_ABS:
+                      {
+                        var _points7 = { x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegArcAbs(owningPathSegList, _points7.x, _points7.y, _points7.x1, _points7.y1, _points7.arcAngle, _points7.arcLarge, _points7.arcSweep);
+                      }default:
+                      throw new Error('Unknown path seg type.');
+                  }
+                }
+              }]);
+              return Source;
+            }();
+
+            var builder = new Builder();
+            var source = new Source(string);
+
+            if (!source.initialCommandIsMoveTo()) {
+              return [];
+            }
+            while (source.hasMoreData()) {
+              var pathSeg = source.parseSegment();
+              if (!pathSeg) {
+                return [];
+              }
+              builder.appendSegment(pathSeg);
+            }
+
+            return builder.pathSegList;
+          }
+        }]);
+        return _SVGPathSegList;
+      }();
+
+      _SVGPathSegList.prototype.classname = 'SVGPathSegList';
+
+      Object.defineProperty(_SVGPathSegList.prototype, 'numberOfItems', {
+        get: function get$$1() {
+          this._checkPathSynchronizedToList();
+          return this._list.length;
+        },
+
+        enumerable: true
+      });
+
+      _SVGPathSegList._pathSegArrayAsString = function (pathSegArray) {
+        var string = '';
+        var first = true;
+        pathSegArray.forEach(function (pathSeg) {
+          if (first) {
+            first = false;
+            string += pathSeg._asPathString();
+          } else {
+            string += ' ' + pathSeg._asPathString();
+          }
+        });
+        return string;
+      };
+
+      // Add the pathSegList accessors to SVGPathElement.
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGAnimatedPathData
+      Object.defineProperties(SVGPathElement.prototype, {
+        pathSegList: {
+          get: function get$$1() {
+            if (!this._pathSegList) {
+              this._pathSegList = new _SVGPathSegList(this);
+            }
+            return this._pathSegList;
+          },
+
+          enumerable: true
+        },
+        // FIXME: The following are not implemented and simply return SVGPathElement.pathSegList.
+        normalizedPathSegList: {
+          get: function get$$1() {
+            return this.pathSegList;
+          },
+          enumerable: true },
+        animatedPathSegList: {
+          get: function get$$1() {
+            return this.pathSegList;
+          },
+          enumerable: true },
+        animatedNormalizedPathSegList: {
+          get: function get$$1() {
+            return this.pathSegList;
+          },
+          enumerable: true }
+      });
+      window.SVGPathSegList = _SVGPathSegList;
+    }
+  })();
+
+  /* globals jQuery */
+
+  var $ = jQuery;
+
+  var supportsSVG_ = function () {
+    return !!document.createElementNS && !!document.createElementNS(NS.SVG, 'svg').createSVGRect;
+  }();
+
+  var _navigator = navigator,
+      userAgent = _navigator.userAgent;
+
+  var svg = document.createElementNS(NS.SVG, 'svg');
+
+  // Note: Browser sniffing should only be used if no other detection method is possible
+  var isOpera_ = !!window.opera;
+  var isWebkit_ = userAgent.includes('AppleWebKit');
+  var isGecko_ = userAgent.includes('Gecko/');
+  var isIE_ = userAgent.includes('MSIE');
+  var isChrome_ = userAgent.includes('Chrome/');
+  var isWindows_ = userAgent.includes('Windows');
+  var isMac_ = userAgent.includes('Macintosh');
+  var isTouch_ = 'ontouchstart' in window;
+
+  var supportsSelectors_ = function () {
+    return !!svg.querySelector;
+  }();
+
+  var supportsXpath_ = function () {
+    return !!document.evaluate;
+  }();
+
+  // segList functions (for FF1.5 and 2.0)
+  var supportsPathReplaceItem_ = function () {
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 10,10');
+    var seglist = path.pathSegList;
+    var seg = path.createSVGPathSegLinetoAbs(5, 5);
+    try {
+      seglist.replaceItem(seg, 1);
+      return true;
+    } catch (err) {}
+    return false;
+  }();
+
+  var supportsPathInsertItemBefore_ = function () {
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 10,10');
+    var seglist = path.pathSegList;
+    var seg = path.createSVGPathSegLinetoAbs(5, 5);
+    try {
+      seglist.insertItemBefore(seg, 1);
+      return true;
+    } catch (err) {}
+    return false;
+  }();
+
+  // text character positioning (for IE9)
+  var supportsGoodTextCharPos_ = function () {
+    var svgroot = document.createElementNS(NS.SVG, 'svg');
+    var svgcontent = document.createElementNS(NS.SVG, 'svg');
+    document.documentElement.append(svgroot);
+    svgcontent.setAttribute('x', 5);
+    svgroot.append(svgcontent);
+    var text = document.createElementNS(NS.SVG, 'text');
+    text.textContent = 'a';
+    svgcontent.append(text);
+    var pos = text.getStartPositionOfChar(0).x;
+    svgroot.remove();
+    return pos === 0;
+  }();
+
+  var supportsPathBBox_ = function () {
+    var svgcontent = document.createElementNS(NS.SVG, 'svg');
+    document.documentElement.append(svgcontent);
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 C0,0 10,10 10,0');
+    svgcontent.append(path);
+    var bbox = path.getBBox();
+    svgcontent.remove();
+    return bbox.height > 4 && bbox.height < 5;
+  }();
+
+  // Support for correct bbox sizing on groups with horizontal/vertical lines
+  var supportsHVLineContainerBBox_ = function () {
+    var svgcontent = document.createElementNS(NS.SVG, 'svg');
+    document.documentElement.append(svgcontent);
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 10,0');
+    var path2 = document.createElementNS(NS.SVG, 'path');
+    path2.setAttribute('d', 'M5,0 15,0');
+    var g = document.createElementNS(NS.SVG, 'g');
+    g.append(path, path2);
+    svgcontent.append(g);
+    var bbox = g.getBBox();
+    svgcontent.remove();
+    // Webkit gives 0, FF gives 10, Opera (correctly) gives 15
+    return bbox.width === 15;
+  }();
+
+  var supportsGoodDecimals_ = function () {
+    // Correct decimals on clone attributes (Opera < 10.5/win/non-en)
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    rect.setAttribute('x', 0.1);
+    var crect = rect.cloneNode(false);
+    var retValue = !crect.getAttribute('x').includes(',');
+    if (!retValue) {
+      // Todo: i18nize or remove
+      $.alert('NOTE: This version of Opera is known to contain bugs in SVG-edit.\n' + 'Please upgrade to the <a href="http://opera.com">latest version</a> in which the problems have been fixed.');
+    }
+    return retValue;
+  }();
+
+  var supportsNonScalingStroke_ = function () {
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    rect.setAttribute('style', 'vector-effect:non-scaling-stroke');
+    return rect.style.vectorEffect === 'non-scaling-stroke';
+  }();
+
+  var supportsNativeSVGTransformLists_ = function () {
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    var rxform = rect.transform.baseVal;
+    var t1 = svg.createSVGTransform();
+    rxform.appendItem(t1);
+    var r1 = rxform.getItem(0);
+    // Todo: Do frame-independent instance checking
+    return r1 instanceof SVGTransform && t1 instanceof SVGTransform && r1.type === t1.type && r1.angle === t1.angle && r1.matrix.a === t1.matrix.a && r1.matrix.b === t1.matrix.b && r1.matrix.c === t1.matrix.c && r1.matrix.d === t1.matrix.d && r1.matrix.e === t1.matrix.e && r1.matrix.f === t1.matrix.f;
+  }();
+
+  // Public API
+
+  /**
+   * @function module:browser.isOpera
+   * @returns {boolean}
+  */
+  var isOpera = function isOpera() {
+    return isOpera_;
+  };
+  /**
+   * @function module:browser.isWebkit
+   * @returns {boolean}
+  */
+  var isWebkit = function isWebkit() {
+    return isWebkit_;
+  };
+  /**
+   * @function module:browser.isGecko
+   * @returns {boolean}
+  */
+  var isGecko = function isGecko() {
+    return isGecko_;
+  };
+  /**
+   * @function module:browser.isIE
+   * @returns {boolean}
+  */
+  var isIE = function isIE() {
+    return isIE_;
+  };
+  /**
+   * @function module:browser.isChrome
+   * @returns {boolean}
+  */
+  var isChrome = function isChrome() {
+    return isChrome_;
+  };
+  /**
+   * @function module:browser.isMac
+   * @returns {boolean}
+  */
+  var isMac = function isMac() {
+    return isMac_;
+  };
+  /**
+   * @function module:browser.isTouch
+   * @returns {boolean}
+  */
+  var isTouch = function isTouch() {
+    return isTouch_;
+  };
+
+  /**
+   * @function module:browser.supportsSelectors
+   * @returns {boolean}
+  */
+  var supportsSelectors = function supportsSelectors() {
+    return supportsSelectors_;
+  };
+
+  /**
+   * @function module:browser.supportsXpath
+   * @returns {boolean}
+  */
+  var supportsXpath = function supportsXpath() {
+    return supportsXpath_;
+  };
+
+  /**
+   * @function module:browser.supportsPathReplaceItem
+   * @returns {boolean}
+  */
+  var supportsPathReplaceItem = function supportsPathReplaceItem() {
+    return supportsPathReplaceItem_;
+  };
+
+  /**
+   * @function module:browser.supportsPathInsertItemBefore
+   * @returns {boolean}
+  */
+  var supportsPathInsertItemBefore = function supportsPathInsertItemBefore() {
+    return supportsPathInsertItemBefore_;
+  };
+
+  /**
+   * @function module:browser.supportsPathBBox
+   * @returns {boolean}
+  */
+  var supportsPathBBox = function supportsPathBBox() {
+    return supportsPathBBox_;
+  };
+
+  /**
+   * @function module:browser.supportsHVLineContainerBBox
+   * @returns {boolean}
+  */
+  var supportsHVLineContainerBBox = function supportsHVLineContainerBBox() {
+    return supportsHVLineContainerBBox_;
+  };
+
+  /**
+   * @function module:browser.supportsGoodTextCharPos
+   * @returns {boolean}
+  */
+  var supportsGoodTextCharPos = function supportsGoodTextCharPos() {
+    return supportsGoodTextCharPos_;
+  };
+
+  /**
+  * @function module:browser.supportsNonScalingStroke
+  * @returns {boolean}
+  */
+  var supportsNonScalingStroke = function supportsNonScalingStroke() {
+    return supportsNonScalingStroke_;
+  };
+
+  /**
+  * @function module:browser.supportsNativeTransformLists
+  * @returns {boolean}
+  */
+  var supportsNativeTransformLists = function supportsNativeTransformLists() {
+    return supportsNativeSVGTransformLists_;
+  };
+
+  /**
+   * jQuery module to work with SVG attributes
+   * @module jQueryAttr
+   * @license MIT
+   */
+
+  /**
+  * This fixes `$(...).attr()` to work as expected with SVG elements.
+  * Does not currently use `*AttributeNS()` since we rarely need that.
+  * Adds {@link external:jQuery.fn.attr}.
+  * See {@link https://api.jquery.com/attr/} for basic documentation of `.attr()`
+  *
+  * Additional functionality:
+  * - When getting attributes, a string that's a number is returned as type number.
+  * - If an array is supplied as the first parameter, multiple values are returned
+  *    as an object with values for each given attribute
+  * @function module:jQueryAttr.jQueryAttr
+  * @param {external:jQuery} $ The jQuery object to which to add the plug-in
+  * @returns {external:jQuery}
+  */
+  function jqPluginSVG ($) {
+    var proxied = $.fn.attr,
+        svgns = 'http://www.w3.org/2000/svg';
+    /**
+    * @typedef {PlainObject.<string, string|Float>} module:jQueryAttr.Attributes
+    */
+    /**
+    * @function external:jQuery.fn.attr
+    * @param {string|string[]|PlainObject.<string, string>} key
+    * @param {string} value
+    * @returns {external:jQuery|module:jQueryAttr.Attributes}
+    */
+    $.fn.attr = function (key, value) {
+      var len = this.length;
+      if (!len) {
+        return proxied.apply(this, arguments);
+      }
+      for (var i = 0; i < len; ++i) {
+        var elem = this[i];
+        // set/get SVG attribute
+        if (elem.namespaceURI === svgns) {
+          // Setting attribute
+          if (value !== undefined) {
+            elem.setAttribute(key, value);
+          } else if (Array.isArray(key)) {
+            // Getting attributes from array
+            var obj = {};
+            var j = key.length;
+
+            while (j--) {
+              var aname = key[j];
+              var attr = elem.getAttribute(aname);
+              // This returns a number when appropriate
+              if (attr || attr === '0') {
+                attr = isNaN(attr) ? attr : attr - 0;
+              }
+              obj[aname] = attr;
+            }
+            return obj;
+          }
+          if ((typeof key === 'undefined' ? 'undefined' : _typeof(key)) === 'object') {
+            // Setting attributes from object
+            var _iteratorNormalCompletion = true;
+            var _didIteratorError = false;
+            var _iteratorError = undefined;
+
+            try {
+              for (var _iterator = Object.entries(key)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                var _ref = _step.value;
+
+                var _ref2 = slicedToArray(_ref, 2);
+
+                var name = _ref2[0];
+                var val = _ref2[1];
+
+                elem.setAttribute(name, val);
+              }
+              // Getting attribute
+            } catch (err) {
+              _didIteratorError = true;
+              _iteratorError = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion && _iterator.return) {
+                  _iterator.return();
+                }
+              } finally {
+                if (_didIteratorError) {
+                  throw _iteratorError;
+                }
+              }
+            }
+          } else {
+            var _attr = elem.getAttribute(key);
+            if (_attr || _attr === '0') {
+              _attr = isNaN(_attr) ? _attr : _attr - 0;
+            }
+            return _attr;
+          }
+        } else {
+          return proxied.apply(this, arguments);
+        }
+      }
+      return this;
+    };
+    return $;
+  }
+
+  /**
+   * Partial polyfill of `SVGTransformList`
+   * @module SVGTransformList
+   *
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+   */
+
+  var svgroot = document.createElementNS(NS.SVG, 'svg');
+
+  // Helper function.
+  function transformToString(xform) {
+    var m = xform.matrix;
+    var text = '';
+    switch (xform.type) {
+      case 1:
+        // MATRIX
+        text = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')';
+        break;
+      case 2:
+        // TRANSLATE
+        text = 'translate(' + m.e + ',' + m.f + ')';
+        break;
+      case 3:
+        // SCALE
+        if (m.a === m.d) {
+          text = 'scale(' + m.a + ')';
+        } else {
+          text = 'scale(' + m.a + ',' + m.d + ')';
+        }
+        break;
+      case 4:
+        {
+          // ROTATE
+          var cx = 0;
+          var cy = 0;
+          // this prevents divide by zero
+          if (xform.angle !== 0) {
+            var K = 1 - m.a;
+            cy = (K * m.f + m.b * m.e) / (K * K + m.b * m.b);
+            cx = (m.e - m.b * cy) / K;
+          }
+          text = 'rotate(' + xform.angle + ' ' + cx + ',' + cy + ')';
+          break;
+        }
+    }
+    return text;
+  }
+
+  /**
+   * Map of SVGTransformList objects.
+   */
+  var listMap_ = {};
+
+  /**
+  * @interface module:SVGTransformList.SVGEditTransformList
+  * @property {Integer} numberOfItems unsigned long
+  */
+  /**
+  * @function module:SVGTransformList.SVGEditTransformList#clear
+  * @returns {undefined}
+  */
+  /**
+  * @function module:SVGTransformList.SVGEditTransformList#initialize
+  * @param {SVGTransform} newItem
+  * @returns {SVGTransform}
+  */
+  /**
+  * (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+  * @function module:SVGTransformList.SVGEditTransformList#getItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  /**
+  * (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+  * @function module:SVGTransformList.SVGEditTransformList#insertItemBefore
+  * @param {SVGTransform} newItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  /**
+  * (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+  * @function module:SVGTransformList.SVGEditTransformList#replaceItem
+  * @param {SVGTransform} newItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  /**
+  * (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+  * @function module:SVGTransformList.SVGEditTransformList#removeItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  /**
+  * @function module:SVGTransformList.SVGEditTransformList#appendItem
+  * @param {SVGTransform} newItem
+  * @returns {SVGTransform}
+  */
+  /**
+  * NOT IMPLEMENTED
+  * @ignore
+  * @function module:SVGTransformList.SVGEditTransformList#createSVGTransformFromMatrix
+  * @param {SVGMatrix} matrix
+  * @returns {SVGTransform}
+  */
+  /**
+  * NOT IMPLEMENTED
+  * @ignore
+  * @function module:SVGTransformList.SVGEditTransformList#consolidate
+  * @returns {SVGTransform}
+  */
+
+  /**
+  * SVGTransformList implementation for Webkit.
+  * These methods do not currently raise any exceptions.
+  * These methods also do not check that transforms are being inserted.  This is basically
+  * implementing as much of SVGTransformList that we need to get the job done.
+  */
+  var SVGTransformList = function () {
+    /**
+    * @param {Element} elem
+    */
+    function SVGTransformList(elem) {
+      classCallCheck(this, SVGTransformList);
+
+      this._elem = elem || null;
+      this._xforms = [];
+      // TODO: how do we capture the undo-ability in the changed transform list?
+      this._update = function () {
+        var tstr = '';
+        /* const concatMatrix = */svgroot.createSVGMatrix();
+        for (var i = 0; i < this.numberOfItems; ++i) {
+          var xform = this._list.getItem(i);
+          tstr += transformToString(xform) + ' ';
+        }
+        this._elem.setAttribute('transform', tstr);
+      };
+      this._list = this;
+      this._init = function () {
+        var _this = this;
+
+        // Transform attribute parser
+        var str = this._elem.getAttribute('transform');
+        if (!str) {
+          return;
+        }
+
+        // TODO: Add skew support in future
+        var re = /\s*((scale|matrix|rotate|translate)\s*\(.*?\))\s*,?\s*/;
+        var m = true;
+        while (m) {
+          m = str.match(re);
+          str = str.replace(re, '');
+          if (m && m[1]) {
+            (function () {
+              var x = m[1];
+              var bits = x.split(/\s*\(/);
+              var name = bits[0];
+              var valBits = bits[1].match(/\s*(.*?)\s*\)/);
+              valBits[1] = valBits[1].replace(/(\d)-/g, '$1 -');
+              var valArr = valBits[1].split(/[, ]+/);
+              var letters = 'abcdef'.split('');
+              var mtx = svgroot.createSVGMatrix();
+              Object.values(valArr).forEach(function (item, i) {
+                valArr[i] = parseFloat(item);
+                if (name === 'matrix') {
+                  mtx[letters[i]] = valArr[i];
+                }
+              });
+              var xform = svgroot.createSVGTransform();
+              var fname = 'set' + name.charAt(0).toUpperCase() + name.slice(1);
+              var values = name === 'matrix' ? [mtx] : valArr;
+
+              if (name === 'scale' && values.length === 1) {
+                values.push(values[0]);
+              } else if (name === 'translate' && values.length === 1) {
+                values.push(0);
+              } else if (name === 'rotate' && values.length === 1) {
+                values.push(0, 0);
+              }
+              xform[fname].apply(xform, values);
+              _this._list.appendItem(xform);
+            })();
+          }
+        }
+      };
+      this._removeFromOtherLists = function (item) {
+        if (item) {
+          // Check if this transform is already in a transformlist, and
+          // remove it if so.
+          var found = false;
+          for (var id in listMap_) {
+            var tl = listMap_[id];
+            for (var i = 0, len = tl._xforms.length; i < len; ++i) {
+              if (tl._xforms[i] === item) {
+                found = true;
+                tl.removeItem(i);
+                break;
+              }
+            }
+            if (found) {
+              break;
+            }
+          }
+        }
+      };
+
+      this.numberOfItems = 0;
+    }
+    /**
+    * @returns {undefined}
+    */
+
+
+    createClass(SVGTransformList, [{
+      key: 'clear',
+      value: function clear() {
+        this.numberOfItems = 0;
+        this._xforms = [];
+      }
+
+      /**
+      * @param {SVGTransform} newItem
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'initialize',
+      value: function initialize(newItem) {
+        this.numberOfItems = 1;
+        this._removeFromOtherLists(newItem);
+        this._xforms = [newItem];
+      }
+
+      /**
+      * @param {Integer} index unsigned long
+      * @throws {Error}
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'getItem',
+      value: function getItem(index) {
+        if (index < this.numberOfItems && index >= 0) {
+          return this._xforms[index];
+        }
+        var err = new Error('DOMException with code=INDEX_SIZE_ERR');
+        err.code = 1;
+        throw err;
+      }
+
+      /**
+      * @param {SVGTransform} newItem
+      * @param {Integer} index unsigned long
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'insertItemBefore',
+      value: function insertItemBefore(newItem, index) {
+        var retValue = null;
+        if (index >= 0) {
+          if (index < this.numberOfItems) {
+            this._removeFromOtherLists(newItem);
+            var newxforms = new Array(this.numberOfItems + 1);
+            // TODO: use array copying and slicing
+            var i = void 0;
+            for (i = 0; i < index; ++i) {
+              newxforms[i] = this._xforms[i];
+            }
+            newxforms[i] = newItem;
+            for (var j = i + 1; i < this.numberOfItems; ++j, ++i) {
+              newxforms[j] = this._xforms[i];
+            }
+            this.numberOfItems++;
+            this._xforms = newxforms;
+            retValue = newItem;
+            this._list._update();
+          } else {
+            retValue = this._list.appendItem(newItem);
+          }
+        }
+        return retValue;
+      }
+
+      /**
+      * @param {SVGTransform} newItem
+      * @param {Integer} index unsigned long
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'replaceItem',
+      value: function replaceItem(newItem, index) {
+        var retValue = null;
+        if (index < this.numberOfItems && index >= 0) {
+          this._removeFromOtherLists(newItem);
+          this._xforms[index] = newItem;
+          retValue = newItem;
+          this._list._update();
+        }
+        return retValue;
+      }
+
+      /**
+      * @param {Integer} index unsigned long
+      * @throws {Error}
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'removeItem',
+      value: function removeItem(index) {
+        if (index < this.numberOfItems && index >= 0) {
+          var retValue = this._xforms[index];
+          var newxforms = new Array(this.numberOfItems - 1);
+          var i = void 0;
+          for (i = 0; i < index; ++i) {
+            newxforms[i] = this._xforms[i];
+          }
+          for (var j = i; j < this.numberOfItems - 1; ++j, ++i) {
+            newxforms[j] = this._xforms[i + 1];
+          }
+          this.numberOfItems--;
+          this._xforms = newxforms;
+          this._list._update();
+          return retValue;
+        }
+        var err = new Error('DOMException with code=INDEX_SIZE_ERR');
+        err.code = 1;
+        throw err;
+      }
+
+      /**
+      * @param {SVGTransform} newItem
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'appendItem',
+      value: function appendItem(newItem) {
+        this._removeFromOtherLists(newItem);
+        this._xforms.push(newItem);
+        this.numberOfItems++;
+        this._list._update();
+        return newItem;
+      }
+    }]);
+    return SVGTransformList;
+  }();
+
+  /**
+  * @function module:SVGTransformList.resetListMap
+  * @returns {undefined}
+  */
+  var resetListMap = function resetListMap() {
+    listMap_ = {};
+  };
+
+  /**
+   * Removes transforms of the given element from the map.
+   * @function module:SVGTransformList.removeElementFromListMap
+   * @param {Element} elem - a DOM Element
+   * @returns {undefined}
+   */
+  var removeElementFromListMap = function removeElementFromListMap(elem) {
+    if (elem.id && listMap_[elem.id]) {
+      delete listMap_[elem.id];
+    }
+  };
+
+  /**
+  * Returns an object that behaves like a `SVGTransformList` for the given DOM element
+  * @function module:SVGTransformList.getTransformList
+  * @param {Element} elem - DOM element to get a transformlist from
+  * @todo The polyfill should have `SVGAnimatedTransformList` and this should use it
+  * @returns {SVGAnimatedTransformList|SVGTransformList}
+  */
+  var getTransformList = function getTransformList(elem) {
+    if (!supportsNativeTransformLists()) {
+      var id = elem.id || 'temp';
+      var t = listMap_[id];
+      if (!t || id === 'temp') {
+        listMap_[id] = new SVGTransformList(elem);
+        listMap_[id]._init();
+        t = listMap_[id];
+      }
+      return t;
+    }
+    if (elem.transform) {
+      return elem.transform.baseVal;
+    }
+    if (elem.gradientTransform) {
+      return elem.gradientTransform.baseVal;
+    }
+    if (elem.patternTransform) {
+      return elem.patternTransform.baseVal;
+    }
+
+    return null;
+  };
+
+  /**
+   * Tools for working with units
+   * @module units
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+   */
+
+  var wAttrs = ['x', 'x1', 'cx', 'rx', 'width'];
+  var hAttrs = ['y', 'y1', 'cy', 'ry', 'height'];
+  var unitAttrs = ['r', 'radius'].concat(wAttrs, hAttrs);
+  // unused
+  /*
+  const unitNumMap = {
+    '%': 2,
+    em: 3,
+    ex: 4,
+    px: 5,
+    cm: 6,
+    mm: 7,
+    in: 8,
+    pt: 9,
+    pc: 10
+  };
+  */
+  // Container of elements.
+  var elementContainer_ = void 0;
+
+  // Stores mapping of unit type to user coordinates.
+  var typeMap_ = {};
+
+  /**
+   * @interface module:units.ElementContainer
+   */
+  /**
+   * @function module:units.ElementContainer#getBaseUnit
+   * @returns {string} The base unit type of the container ('em')
+   */
+  /**
+   * @function module:units.ElementContainer#getElement
+   * @returns {Element} An element in the container given an id
+   */
+  /**
+   * @function module:units.ElementContainer#getHeight
+   * @returns {Float} The container's height
+   */
+  /**
+   * @function module:units.ElementContainer#getWidth
+   * @returns {Float} The container's width
+   */
+  /**
+   * @function module:units.ElementContainer#getRoundDigits
+   * @returns {Integer} The number of digits number should be rounded to
+   */
+
+  /**
+   * @typedef {PlainObject} module:units.TypeMap
+   * @property {Float} em
+   * @property {Float} ex
+   * @property {Float} in
+   * @property {Float} cm
+   * @property {Float} mm
+   * @property {Float} pt
+   * @property {Float} pc
+   * @property {Integer} px
+   * @property {0} %
+   */
+
+  /**
+   * Initializes this module.
+   *
+   * @function module:units.init
+   * @param {module:units.ElementContainer} elementContainer - An object implementing the ElementContainer interface.
+   * @returns {undefined}
+   */
+  var init = function init(elementContainer) {
+    elementContainer_ = elementContainer;
+
+    // Get correct em/ex values by creating a temporary SVG.
+    var svg = document.createElementNS(NS.SVG, 'svg');
+    document.body.append(svg);
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    rect.setAttribute('width', '1em');
+    rect.setAttribute('height', '1ex');
+    rect.setAttribute('x', '1in');
+    svg.append(rect);
+    var bb = rect.getBBox();
+    svg.remove();
+
+    var inch = bb.x;
+    typeMap_ = {
+      em: bb.width,
+      ex: bb.height,
+      in: inch,
+      cm: inch / 2.54,
+      mm: inch / 25.4,
+      pt: inch / 72,
+      pc: inch / 6,
+      px: 1,
+      '%': 0
+    };
+  };
+
+  /**
+  * Group: Unit conversion functions
+  */
+
+  /**
+   * @function module:units.getTypeMap
+   * @returns {module:units.TypeMap} The unit object with values for each unit
+  */
+  var getTypeMap = function getTypeMap() {
+    return typeMap_;
+  };
+
+  /**
+  * @typedef {GenericArray} module:units.CompareNumbers
+  * @property {Integer} length 2
+  * @property {Float} 0
+  * @property {Float} 1
+  */
+
+  /**
+  * Rounds a given value to a float with number of digits defined in
+  * `round_digits` of `saveOptions`
+  *
+  * @function module:units.shortFloat
+  * @param {string|Float|module:units.CompareNumbers} val - The value (or Array of two numbers) to be rounded
+  * @returns {Float|string} If a string/number was given, returns a Float. If an array, return a string
+  * with comma-separated floats
+  */
+  var shortFloat = function shortFloat(val) {
+    var digits = elementContainer_.getRoundDigits();
+    if (!isNaN(val)) {
+      // Note that + converts to Number
+      return +(+val).toFixed(digits);
+    }
+    if (Array.isArray(val)) {
+      return shortFloat(val[0]) + ',' + shortFloat(val[1]);
+    }
+    return parseFloat(val).toFixed(digits) - 0;
+  };
+
+  /**
+  * Converts the number to given unit or baseUnit
+  * @function module:units.convertUnit
+  * @returns {Float}
+  */
+  var convertUnit = function convertUnit(val, unit) {
+    unit = unit || elementContainer_.getBaseUnit();
+    // baseVal.convertToSpecifiedUnits(unitNumMap[unit]);
+    // const val = baseVal.valueInSpecifiedUnits;
+    // baseVal.convertToSpecifiedUnits(1);
+    return shortFloat(val / typeMap_[unit]);
+  };
+
+  /**
+  * Sets an element's attribute based on the unit in its current value.
+  *
+  * @function module:units.setUnitAttr
+  * @param {Element} elem - DOM element to be changed
+  * @param {string} attr - Name of the attribute associated with the value
+  * @param {string} val - Attribute value to convert
+  * @returns {undefined}
+  */
+  var setUnitAttr = function setUnitAttr(elem, attr, val) {
+    //  if (!isNaN(val)) {
+    // New value is a number, so check currently used unit
+    // const oldVal = elem.getAttribute(attr);
+
+    // Enable this for alternate mode
+    // if (oldVal !== null && (isNaN(oldVal) || elementContainer_.getBaseUnit() !== 'px')) {
+    //   // Old value was a number, so get unit, then convert
+    //   let unit;
+    //   if (oldVal.substr(-1) === '%') {
+    //     const res = getResolution();
+    //     unit = '%';
+    //     val *= 100;
+    //     if (wAttrs.includes(attr)) {
+    //       val = val / res.w;
+    //     } else if (hAttrs.includes(attr)) {
+    //       val = val / res.h;
+    //     } else {
+    //       return val / Math.sqrt((res.w*res.w) + (res.h*res.h))/Math.sqrt(2);
+    //     }
+    //   } else {
+    //     if (elementContainer_.getBaseUnit() !== 'px') {
+    //       unit = elementContainer_.getBaseUnit();
+    //     } else {
+    //       unit = oldVal.substr(-2);
+    //     }
+    //     val = val / typeMap_[unit];
+    //   }
+    //
+    // val += unit;
+    // }
+    // }
+    elem.setAttribute(attr, val);
+  };
+
+  /**
+  * Converts given values to numbers. Attributes must be supplied in
+  * case a percentage is given
+  *
+  * @function module:units.convertToNum
+  * @param {string} attr - Name of the attribute associated with the value
+  * @param {string} val - Attribute value to convert
+  * @returns {Float} The converted number
+  */
+  var convertToNum = function convertToNum(attr, val) {
+    // Return a number if that's what it already is
+    if (!isNaN(val)) {
+      return val - 0;
+    }
+    if (val.substr(-1) === '%') {
+      // Deal with percentage, depends on attribute
+      var _num = val.substr(0, val.length - 1) / 100;
+      var width = elementContainer_.getWidth();
+      var height = elementContainer_.getHeight();
+
+      if (wAttrs.includes(attr)) {
+        return _num * width;
+      }
+      if (hAttrs.includes(attr)) {
+        return _num * height;
+      }
+      return _num * Math.sqrt(width * width + height * height) / Math.sqrt(2);
+    }
+    var unit = val.substr(-2);
+    var num = val.substr(0, val.length - 2);
+    // Note that this multiplication turns the string into a number
+    return num * typeMap_[unit];
+  };
+
+  /**
+  * Check if an attribute's value is in a valid format
+  * @function module:units.isValidUnit
+  * @param {string} attr - The name of the attribute associated with the value
+  * @param {string} val - The attribute value to check
+  * @returns {boolean} Whether the unit is valid
+  */
+  var isValidUnit = function isValidUnit(attr, val, selectedElement) {
+    if (unitAttrs.includes(attr)) {
+      // True if it's just a number
+      if (!isNaN(val)) {
+        return true;
+      }
+      // Not a number, check if it has a valid unit
+      val = val.toLowerCase();
+      return Object.keys(typeMap_).some(function (unit) {
+        var re = new RegExp('^-?[\\d\\.]+' + unit + '$');
+        return re.test(val);
+      });
+    }
+    if (attr === 'id') {
+      // if we're trying to change the id, make sure it's not already present in the doc
+      // and the id value is valid.
+
+      var result = false;
+      // because getElem() can throw an exception in the case of an invalid id
+      // (according to https://www.w3.org/TR/xml-id/ IDs must be a NCName)
+      // we wrap it in an exception and only return true if the ID was valid and
+      // not already present
+      try {
+        var elem = elementContainer_.getElement(val);
+        result = elem == null || elem === selectedElement;
+      } catch (e) {}
+      return result;
+    }
+    return true;
+  };
+
+  /**
+   * For command history tracking and undo functionality
+   * @module history
+   * @license MIT
+   * @copyright 2010 Jeff Schiller
+   */
+
+  /**
+  * Group: Undo/Redo history management
+  */
+  var HistoryEventTypes = {
+    BEFORE_APPLY: 'before_apply',
+    AFTER_APPLY: 'after_apply',
+    BEFORE_UNAPPLY: 'before_unapply',
+    AFTER_UNAPPLY: 'after_unapply'
+  };
+
+  // const removedElements = {};
+
+  /**
+  * Base class for commands
+  */
+
+  var Command = function () {
+    function Command() {
+      classCallCheck(this, Command);
+    }
+
+    createClass(Command, [{
+      key: 'getText',
+
+      /**
+      * @returns {string}
+      */
+      value: function getText() {
+        return this.text;
+      }
+    }]);
+    return Command;
+  }();
+
+  // Todo: Figure out why the interface members aren't showing
+  //   up (with or without modules applied), despite our apparently following
+  //   http://usejsdoc.org/tags-interface.html#virtual-comments
+
+  /**
+   * An interface that all command objects must implement.
+   * @interface module:history.HistoryCommand
+  */
+  /**
+   * Applies
+   *
+   * @function module:history.HistoryCommand#apply
+   * @param {module:history.HistoryEventHandler}
+   * @fires module:history~Command#event:history
+   * @returns {undefined|true}
+   */
+  /**
+   *
+   * Unapplies
+   * @function module:history.HistoryCommand#unapply
+   * @param {module:history.HistoryEventHandler}
+   * @fires module:history~Command#event:history
+   * @returns {undefined|true}
+   */
+  /**
+   * Returns the elements
+   * @function module:history.HistoryCommand#elements
+   * @returns {Element[]}
+   */
+  /**
+   * Gets the text
+   * @function module:history.HistoryCommand#getText
+   * @returns {string}
+   */
+  /**
+   * Gives the type
+   * @function module:history.HistoryCommand.type
+   * @returns {string}
+   */
+  /**
+   * Gives the type
+   * @function module:history.HistoryCommand#type
+   * @returns {string}
+  */
+
+  /**
+   * @event module:history~Command#event:history
+   * @type {module:history.HistoryCommand}
+   */
+
+  /**
+   * An interface for objects that will handle history events.
+   * @interface module:history.HistoryEventHandler
+   */
+  /**
+   *
+   * @function module:history.HistoryEventHandler#handleHistoryEvent
+   * @param {string} eventType One of the HistoryEvent types
+   * @param {module:history~Command#event:history} command
+   * @listens module:history~Command#event:history
+   * @returns {undefined}
+   *
+   */
+
+  /**
+   * History command for an element that had its DOM position changed
+   * @implements {module:history.HistoryCommand}
+   * @param {Element} elem - The DOM element that was moved
+   * @param {Element} oldNextSibling - The element's next sibling before it was moved
+   * @param {Element} oldParent - The element's parent before it was moved
+   * @param {string} [text] - An optional string visible to user related to this change
+  */
+
+
+  var MoveElementCommand = function (_Command) {
+    inherits(MoveElementCommand, _Command);
+
+    function MoveElementCommand(elem, oldNextSibling, oldParent, text) {
+      classCallCheck(this, MoveElementCommand);
+
+      var _this = possibleConstructorReturn(this, (MoveElementCommand.__proto__ || Object.getPrototypeOf(MoveElementCommand)).call(this));
+
+      _this.elem = elem;
+      _this.text = text ? 'Move ' + elem.tagName + ' to ' + text : 'Move ' + elem.tagName;
+      _this.oldNextSibling = oldNextSibling;
+      _this.oldParent = oldParent;
+      _this.newNextSibling = elem.nextSibling;
+      _this.newParent = elem.parentNode;
+      return _this;
+    }
+
+    createClass(MoveElementCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.MoveElementCommand';
+      }
+
+      /**
+       * Re-positions the element
+       * @param {module:history.HistoryEventHandler} handler
+       * @fires module:history~Command#event:history
+       * @returns {undefined}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        // TODO(codedread): Refactor this common event code into a base HistoryCommand class.
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        this.elem = this.newParent.insertBefore(this.elem, this.newNextSibling);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+      }
+
+      /**
+       * Positions the element back to its original location
+       * @param {module:history.HistoryEventHandler} handler
+       * @fires module:history~Command#event:history
+       * @returns {undefined}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        this.elem = this.oldParent.insertBefore(this.elem, this.oldNextSibling);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+      }
+
+      /**
+      * @returns {Element[]} Array with element associated with this command
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        return [this.elem];
+      }
+    }]);
+    return MoveElementCommand;
+  }(Command);
+  MoveElementCommand.type = MoveElementCommand.prototype.type;
+
+  /**
+  * History command for an element that was added to the DOM
+  * @implements {module:history.HistoryCommand}
+  *
+  * @param {Element} elem - The newly added DOM element
+  * @param {string} text - An optional string visible to user related to this change
+  */
+  var InsertElementCommand = function (_Command2) {
+    inherits(InsertElementCommand, _Command2);
+
+    function InsertElementCommand(elem, text) {
+      classCallCheck(this, InsertElementCommand);
+
+      var _this2 = possibleConstructorReturn(this, (InsertElementCommand.__proto__ || Object.getPrototypeOf(InsertElementCommand)).call(this));
+
+      _this2.elem = elem;
+      _this2.text = text || 'Create ' + elem.tagName;
+      _this2.parent = elem.parentNode;
+      _this2.nextSibling = _this2.elem.nextSibling;
+      return _this2;
+    }
+
+    createClass(InsertElementCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.InsertElementCommand';
+      }
+
+      /**
+      * Re-inserts the new element
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        this.elem = this.parent.insertBefore(this.elem, this.nextSibling);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+      }
+
+      /**
+      * Removes the element
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        this.parent = this.elem.parentNode;
+        this.elem = this.elem.parentNode.removeChild(this.elem);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+      }
+
+      /**
+      * @returns {Element[]} Array with element associated with this command
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        return [this.elem];
+      }
+    }]);
+    return InsertElementCommand;
+  }(Command);
+  InsertElementCommand.type = InsertElementCommand.prototype.type;
+
+  /**
+  * History command for an element removed from the DOM
+  * @implements {module:history.HistoryCommand}
+  * @param {Element} elem - The removed DOM element
+  * @param {Node} oldNextSibling - The DOM element's nextSibling when it was in the DOM
+  * @param {Element} oldParent - The DOM element's parent
+  * @param {string} [text] - An optional string visible to user related to this change
+  */
+  var RemoveElementCommand = function (_Command3) {
+    inherits(RemoveElementCommand, _Command3);
+
+    function RemoveElementCommand(elem, oldNextSibling, oldParent, text) {
+      classCallCheck(this, RemoveElementCommand);
+
+      var _this3 = possibleConstructorReturn(this, (RemoveElementCommand.__proto__ || Object.getPrototypeOf(RemoveElementCommand)).call(this));
+
+      _this3.elem = elem;
+      _this3.text = text || 'Delete ' + elem.tagName;
+      _this3.nextSibling = oldNextSibling;
+      _this3.parent = oldParent;
+
+      // special hack for webkit: remove this element's entry in the svgTransformLists map
+      removeElementFromListMap(elem);
+      return _this3;
+    }
+
+    createClass(RemoveElementCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.RemoveElementCommand';
+      }
+
+      /**
+      * Re-removes the new element
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        removeElementFromListMap(this.elem);
+        this.parent = this.elem.parentNode;
+        this.elem = this.parent.removeChild(this.elem);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+      }
+
+      /**
+      * Re-adds the new element
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        removeElementFromListMap(this.elem);
+        if (this.nextSibling == null) {
+          if (window.console) {
+            console.log('Error: reference element was lost');
+          }
+        }
+        this.parent.insertBefore(this.elem, this.nextSibling); // Don't use `before` or `prepend` as `this.nextSibling` may be `null`
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+      }
+
+      /**
+      * @returns {Element[]} Array with element associated with this command
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        return [this.elem];
+      }
+    }]);
+    return RemoveElementCommand;
+  }(Command);
+  RemoveElementCommand.type = RemoveElementCommand.prototype.type;
+
+  /**
+  * @typedef {"#text"|"#href"|string} module:history.CommandAttributeName
+  */
+  /**
+  * @typedef {PlainObject.<module:history.CommandAttributeName, string>} module:history.CommandAttributes
+  */
+
+  /**
+  * History command to make a change to an element.
+  * Usually an attribute change, but can also be textcontent.
+  * @implements {module:history.HistoryCommand}
+  * @param {Element} elem - The DOM element that was changed
+  * @param {module:history.CommandAttributes} attrs - Attributes to be changed with the values they had *before* the change
+  * @param {string} text - An optional string visible to user related to this change
+  */
+  var ChangeElementCommand = function (_Command4) {
+    inherits(ChangeElementCommand, _Command4);
+
+    function ChangeElementCommand(elem, attrs, text) {
+      classCallCheck(this, ChangeElementCommand);
+
+      var _this4 = possibleConstructorReturn(this, (ChangeElementCommand.__proto__ || Object.getPrototypeOf(ChangeElementCommand)).call(this));
+
+      _this4.elem = elem;
+      _this4.text = text ? 'Change ' + elem.tagName + ' ' + text : 'Change ' + elem.tagName;
+      _this4.newValues = {};
+      _this4.oldValues = attrs;
+      for (var attr in attrs) {
+        if (attr === '#text') {
+          _this4.newValues[attr] = elem.textContent;
+        } else if (attr === '#href') {
+          _this4.newValues[attr] = getHref(elem);
+        } else {
+          _this4.newValues[attr] = elem.getAttribute(attr);
+        }
+      }
+      return _this4;
+    }
+
+    createClass(ChangeElementCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.ChangeElementCommand';
+      }
+
+      /**
+      * Performs the stored change action
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {true}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        var bChangedTransform = false;
+        for (var attr in this.newValues) {
+          if (this.newValues[attr]) {
+            if (attr === '#text') {
+              this.elem.textContent = this.newValues[attr];
+            } else if (attr === '#href') {
+              setHref(this.elem, this.newValues[attr]);
+            } else {
+              this.elem.setAttribute(attr, this.newValues[attr]);
+            }
+          } else {
+            if (attr === '#text') {
+              this.elem.textContent = '';
+            } else {
+              this.elem.setAttribute(attr, '');
+              this.elem.removeAttribute(attr);
+            }
+          }
+
+          if (attr === 'transform') {
+            bChangedTransform = true;
+          }
+        }
+
+        // relocate rotational transform, if necessary
+        if (!bChangedTransform) {
+          var angle = getRotationAngle(this.elem);
+          if (angle) {
+            var bbox = this.elem.getBBox();
+            var cx = bbox.x + bbox.width / 2,
+                cy = bbox.y + bbox.height / 2;
+            var rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');
+            if (rotate !== this.elem.getAttribute('transform')) {
+              this.elem.setAttribute('transform', rotate);
+            }
+          }
+        }
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+
+        return true;
+      }
+
+      /**
+      * Reverses the stored change action
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {true}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        var bChangedTransform = false;
+        for (var attr in this.oldValues) {
+          if (this.oldValues[attr]) {
+            if (attr === '#text') {
+              this.elem.textContent = this.oldValues[attr];
+            } else if (attr === '#href') {
+              setHref(this.elem, this.oldValues[attr]);
+            } else {
+              this.elem.setAttribute(attr, this.oldValues[attr]);
+            }
+          } else {
+            if (attr === '#text') {
+              this.elem.textContent = '';
+            } else {
+              this.elem.removeAttribute(attr);
+            }
+          }
+          if (attr === 'transform') {
+            bChangedTransform = true;
+          }
+        }
+        // relocate rotational transform, if necessary
+        if (!bChangedTransform) {
+          var angle = getRotationAngle(this.elem);
+          if (angle) {
+            var bbox = this.elem.getBBox();
+            var cx = bbox.x + bbox.width / 2,
+                cy = bbox.y + bbox.height / 2;
+            var rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');
+            if (rotate !== this.elem.getAttribute('transform')) {
+              this.elem.setAttribute('transform', rotate);
+            }
+          }
+        }
+
+        // Remove transformlist to prevent confusion that causes bugs like 575.
+        removeElementFromListMap(this.elem);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+
+        return true;
+      }
+
+      /**
+      * @returns {Element[]} Array with element associated with this command
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        return [this.elem];
+      }
+    }]);
+    return ChangeElementCommand;
+  }(Command);
+  ChangeElementCommand.type = ChangeElementCommand.prototype.type;
+
+  // TODO: create a 'typing' command object that tracks changes in text
+  // if a new Typing command is created and the top command on the stack is also a Typing
+  // and they both affect the same element, then collapse the two commands into one
+
+  /**
+  * History command that can contain/execute multiple other commands
+  * @implements {module:history.HistoryCommand}
+  */
+  var BatchCommand = function (_Command5) {
+    inherits(BatchCommand, _Command5);
+
+    /**
+    * @param {string} [text] - An optional string visible to user related to this change
+    */
+    function BatchCommand(text) {
+      classCallCheck(this, BatchCommand);
+
+      var _this5 = possibleConstructorReturn(this, (BatchCommand.__proto__ || Object.getPrototypeOf(BatchCommand)).call(this));
+
+      _this5.text = text || 'Batch Command';
+      _this5.stack = [];
+      return _this5;
+    }
+
+    createClass(BatchCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.BatchCommand';
+      }
+
+      /**
+      * Runs "apply" on all subcommands
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        var len = this.stack.length;
+        for (var i = 0; i < len; ++i) {
+          this.stack[i].apply(handler);
+        }
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+      }
+
+      /**
+      * Runs "unapply" on all subcommands
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        for (var i = this.stack.length - 1; i >= 0; i--) {
+          this.stack[i].unapply(handler);
+        }
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+      }
+
+      /**
+      * Iterate through all our subcommands
+      * @returns {Element[]} All the elements we are changing
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        var elems = [];
+        var cmd = this.stack.length;
+        while (cmd--) {
+          var thisElems = this.stack[cmd].elements();
+          var elem = thisElems.length;
+          while (elem--) {
+            if (!elems.includes(thisElems[elem])) {
+              elems.push(thisElems[elem]);
+            }
+          }
+        }
+        return elems;
+      }
+
+      /**
+      * Adds a given command to the history stack
+      * @param {Command} cmd - The undo command object to add
+      */
+
+    }, {
+      key: 'addSubCommand',
+      value: function addSubCommand(cmd) {
+        this.stack.push(cmd);
+      }
+
+      /**
+      * @returns {boolean} Indicates whether or not the batch command is empty
+      */
+
+    }, {
+      key: 'isEmpty',
+      value: function isEmpty() {
+        return !this.stack.length;
+      }
+    }]);
+    return BatchCommand;
+  }(Command);
+  BatchCommand.type = BatchCommand.prototype.type;
+
+  /**
+  *
+  */
+  var UndoManager = function () {
+    /**
+    * @param {module:history.HistoryEventHandler} historyEventHandler
+    */
+    function UndoManager(historyEventHandler) {
+      classCallCheck(this, UndoManager);
+
+      this.handler_ = historyEventHandler || null;
+      this.undoStackPointer = 0;
+      this.undoStack = [];
+
+      // this is the stack that stores the original values, the elements and
+      // the attribute name for begin/finish
+      this.undoChangeStackPointer = -1;
+      this.undoableChangeStack = [];
+    }
+
+    /**
+    * Resets the undo stack, effectively clearing the undo/redo history
+    * @returns {undefined}
+    */
+
+
+    createClass(UndoManager, [{
+      key: 'resetUndoStack',
+      value: function resetUndoStack() {
+        this.undoStack = [];
+        this.undoStackPointer = 0;
+      }
+
+      /**
+      * @returns {Integer} Current size of the undo history stack
+      */
+
+    }, {
+      key: 'getUndoStackSize',
+      value: function getUndoStackSize() {
+        return this.undoStackPointer;
+      }
+
+      /**
+      * @returns {Integer} Current size of the redo history stack
+      */
+
+    }, {
+      key: 'getRedoStackSize',
+      value: function getRedoStackSize() {
+        return this.undoStack.length - this.undoStackPointer;
+      }
+
+      /**
+      * @returns {string} String associated with the next undo command
+      */
+
+    }, {
+      key: 'getNextUndoCommandText',
+      value: function getNextUndoCommandText() {
+        return this.undoStackPointer > 0 ? this.undoStack[this.undoStackPointer - 1].getText() : '';
+      }
+
+      /**
+      * @returns {string} String associated with the next redo command
+      */
+
+    }, {
+      key: 'getNextRedoCommandText',
+      value: function getNextRedoCommandText() {
+        return this.undoStackPointer < this.undoStack.length ? this.undoStack[this.undoStackPointer].getText() : '';
+      }
+
+      /**
+      * Performs an undo step
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'undo',
+      value: function undo() {
+        if (this.undoStackPointer > 0) {
+          var cmd = this.undoStack[--this.undoStackPointer];
+          cmd.unapply(this.handler_);
+        }
+      }
+
+      /**
+      * Performs a redo step
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'redo',
+      value: function redo() {
+        if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {
+          var cmd = this.undoStack[this.undoStackPointer++];
+          cmd.apply(this.handler_);
+        }
+      }
+
+      /**
+      * Adds a command object to the undo history stack
+      * @param {Command} cmd - The command object to add
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'addCommandToHistory',
+      value: function addCommandToHistory(cmd) {
+        // FIXME: we MUST compress consecutive text changes to the same element
+        // (right now each keystroke is saved as a separate command that includes the
+        // entire text contents of the text element)
+        // TODO: consider limiting the history that we store here (need to do some slicing)
+
+        // if our stack pointer is not at the end, then we have to remove
+        // all commands after the pointer and insert the new command
+        if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {
+          this.undoStack = this.undoStack.splice(0, this.undoStackPointer);
+        }
+        this.undoStack.push(cmd);
+        this.undoStackPointer = this.undoStack.length;
+      }
+
+      /**
+      * This function tells the canvas to remember the old values of the
+      * `attrName` attribute for each element sent in.  The elements and values
+      * are stored on a stack, so the next call to `finishUndoableChange()` will
+      * pop the elements and old values off the stack, gets the current values
+      * from the DOM and uses all of these to construct the undo-able command.
+      * @param {string} attrName - The name of the attribute being changed
+      * @param {Element[]} elems - Array of DOM elements being changed
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'beginUndoableChange',
+      value: function beginUndoableChange(attrName, elems) {
+        var p = ++this.undoChangeStackPointer;
+        var i = elems.length;
+        var oldValues = new Array(i),
+            elements = new Array(i);
+        while (i--) {
+          var elem = elems[i];
+          if (elem == null) {
+            continue;
+          }
+          elements[i] = elem;
+          oldValues[i] = elem.getAttribute(attrName);
+        }
+        this.undoableChangeStack[p] = {
+          attrName: attrName,
+          oldValues: oldValues,
+          elements: elements
+        };
+      }
+
+      /**
+      * This function returns a `BatchCommand` object which summarizes the
+      * change since `beginUndoableChange` was called.  The command can then
+      * be added to the command history
+      * @returns {BatchCommand} Batch command object with resulting changes
+      */
+
+    }, {
+      key: 'finishUndoableChange',
+      value: function finishUndoableChange() {
+        var p = this.undoChangeStackPointer--;
+        var changeset = this.undoableChangeStack[p];
+        var attrName = changeset.attrName;
+
+        var batchCmd = new BatchCommand('Change ' + attrName);
+        var i = changeset.elements.length;
+        while (i--) {
+          var elem = changeset.elements[i];
+          if (elem == null) {
+            continue;
+          }
+          var changes = {};
+          changes[attrName] = changeset.oldValues[i];
+          if (changes[attrName] !== elem.getAttribute(attrName)) {
+            batchCmd.addSubCommand(new ChangeElementCommand(elem, changes, attrName));
+          }
+        }
+        this.undoableChangeStack[p] = null;
+        return batchCmd;
+      }
+    }]);
+    return UndoManager;
+  }();
+
+  var history = /*#__PURE__*/Object.freeze({
+    HistoryEventTypes: HistoryEventTypes,
+    MoveElementCommand: MoveElementCommand,
+    InsertElementCommand: InsertElementCommand,
+    RemoveElementCommand: RemoveElementCommand,
+    ChangeElementCommand: ChangeElementCommand,
+    BatchCommand: BatchCommand,
+    UndoManager: UndoManager
+  });
+
+  /**
+   * Mathematical utilities
+   * @module math
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+   */
+
+  // Constants
+  var NEAR_ZERO = 1e-14;
+
+  // Throw away SVGSVGElement used for creating matrices/transforms.
+  var svg$1 = document.createElementNS(NS.SVG, 'svg');
+
+  /**
+   * A (hopefully) quicker function to transform a point by a matrix
+   * (this function avoids any DOM calls and just does the math)
+   * @function module:math.transformPoint
+   * @param {Float} x - Float representing the x coordinate
+   * @param {Float} y - Float representing the y coordinate
+   * @param {SVGMatrix} m - Matrix object to transform the point with
+   * @returns {module:math.XYObject} An x, y object representing the transformed point
+  */
+  var transformPoint = function transformPoint(x, y, m) {
+    return { x: m.a * x + m.c * y + m.e, y: m.b * x + m.d * y + m.f };
+  };
+
+  /**
+   * Helper function to check if the matrix performs no actual transform
+   * (i.e. exists for identity purposes)
+   * @function module:math.isIdentity
+   * @param {SVGMatrix} m - The matrix object to check
+   * @returns {boolean} Indicates whether or not the matrix is 1,0,0,1,0,0
+  */
+  var isIdentity = function isIdentity(m) {
+    return m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && m.e === 0 && m.f === 0;
+  };
+
+  /**
+   * This function tries to return a `SVGMatrix` that is the multiplication `m1 * m2`.
+   * We also round to zero when it's near zero
+   * @function module:math.matrixMultiply
+   * @param {...SVGMatrix} args - Matrix objects to multiply
+   * @returns {SVGMatrix} The matrix object resulting from the calculation
+  */
+  var matrixMultiply = function matrixMultiply() {
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var m = args.reduceRight(function (prev, m1) {
+      return m1.multiply(prev);
+    });
+
+    if (Math.abs(m.a) < NEAR_ZERO) {
+      m.a = 0;
+    }
+    if (Math.abs(m.b) < NEAR_ZERO) {
+      m.b = 0;
+    }
+    if (Math.abs(m.c) < NEAR_ZERO) {
+      m.c = 0;
+    }
+    if (Math.abs(m.d) < NEAR_ZERO) {
+      m.d = 0;
+    }
+    if (Math.abs(m.e) < NEAR_ZERO) {
+      m.e = 0;
+    }
+    if (Math.abs(m.f) < NEAR_ZERO) {
+      m.f = 0;
+    }
+
+    return m;
+  };
+
+  /**
+   * See if the given transformlist includes a non-indentity matrix transform
+   * @function module:math.hasMatrixTransform
+   * @param {SVGTransformList} [tlist] - The transformlist to check
+   * @returns {boolean} Whether or not a matrix transform was found
+  */
+  var hasMatrixTransform = function hasMatrixTransform(tlist) {
+    if (!tlist) {
+      return false;
+    }
+    var num = tlist.numberOfItems;
+    while (num--) {
+      var xform = tlist.getItem(num);
+      if (xform.type === 1 && !isIdentity(xform.matrix)) {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  /**
+  * @typedef {PlainObject} module:math.TransformedBox An object with the following values
+  * @property {module:math.XYObject} tl - The top left coordinate
+  * @property {module:math.XYObject} tr - The top right coordinate
+  * @property {module:math.XYObject} bl - The bottom left coordinate
+  * @property {module:math.XYObject} br - The bottom right coordinate
+  * @property {PlainObject} aabox - Object with the following values:
+  * @property {Float} aabox.x - Float with the axis-aligned x coordinate
+  * @property {Float} aabox.y - Float with the axis-aligned y coordinate
+  * @property {Float} aabox.width - Float with the axis-aligned width coordinate
+  * @property {Float} aabox.height - Float with the axis-aligned height coordinate
+  */
+
+  /**
+   * Transforms a rectangle based on the given matrix
+   * @function module:math.transformBox
+   * @param {Float} l - Float with the box's left coordinate
+   * @param {Float} t - Float with the box's top coordinate
+   * @param {Float} w - Float with the box width
+   * @param {Float} h - Float with the box height
+   * @param {SVGMatrix} m - Matrix object to transform the box by
+   * @returns {module:math.TransformedBox}
+  */
+  var transformBox = function transformBox(l, t, w, h, m) {
+    var tl = transformPoint(l, t, m),
+        tr = transformPoint(l + w, t, m),
+        bl = transformPoint(l, t + h, m),
+        br = transformPoint(l + w, t + h, m),
+        minx = Math.min(tl.x, tr.x, bl.x, br.x),
+        maxx = Math.max(tl.x, tr.x, bl.x, br.x),
+        miny = Math.min(tl.y, tr.y, bl.y, br.y),
+        maxy = Math.max(tl.y, tr.y, bl.y, br.y);
+
+    return {
+      tl: tl,
+      tr: tr,
+      bl: bl,
+      br: br,
+      aabox: {
+        x: minx,
+        y: miny,
+        width: maxx - minx,
+        height: maxy - miny
+      }
+    };
+  };
+
+  /**
+   * This returns a single matrix Transform for a given Transform List
+   * (this is the equivalent of `SVGTransformList.consolidate()` but unlike
+   * that method, this one does not modify the actual `SVGTransformList`).
+   * This function is very liberal with its `min`, `max` arguments
+   * @function module:math.transformListToTransform
+   * @param {SVGTransformList} tlist - The transformlist object
+   * @param {Integer} [min=0] - Optional integer indicating start transform position
+   * @param {Integer} [max] - Optional integer indicating end transform position;
+   *   defaults to one less than the tlist's `numberOfItems`
+   * @returns {SVGTransform} A single matrix transform object
+  */
+  var transformListToTransform = function transformListToTransform(tlist, min, max) {
+    if (tlist == null) {
+      // Or should tlist = null have been prevented before this?
+      return svg$1.createSVGTransformFromMatrix(svg$1.createSVGMatrix());
+    }
+    min = min || 0;
+    max = max || tlist.numberOfItems - 1;
+    min = parseInt(min, 10);
+    max = parseInt(max, 10);
+    if (min > max) {
+      var temp = max;max = min;min = temp;
+    }
+    var m = svg$1.createSVGMatrix();
+    for (var i = min; i <= max; ++i) {
+      // if our indices are out of range, just use a harmless identity matrix
+      var mtom = i >= 0 && i < tlist.numberOfItems ? tlist.getItem(i).matrix : svg$1.createSVGMatrix();
+      m = matrixMultiply(m, mtom);
+    }
+    return svg$1.createSVGTransformFromMatrix(m);
+  };
+
+  /**
+   * Get the matrix object for a given element
+   * @function module:math.getMatrix
+   * @param {Element} elem - The DOM element to check
+   * @returns {SVGMatrix} The matrix object associated with the element's transformlist
+  */
+  var getMatrix = function getMatrix(elem) {
+    var tlist = getTransformList(elem);
+    return transformListToTransform(tlist).matrix;
+  };
+
+  /**
+   * Returns a 45 degree angle coordinate associated with the two given
+   * coordinates
+   * @function module:math.snapToAngle
+   * @param {Integer} x1 - First coordinate's x value
+   * @param {Integer} x2 - Second coordinate's x value
+   * @param {Integer} y1 - First coordinate's y value
+   * @param {Integer} y2 - Second coordinate's y value
+   * @returns {module:math.AngleCoord45}
+  */
+  var snapToAngle = function snapToAngle(x1, y1, x2, y2) {
+    var snap = Math.PI / 4; // 45 degrees
+    var dx = x2 - x1;
+    var dy = y2 - y1;
+    var angle = Math.atan2(dy, dx);
+    var dist = Math.sqrt(dx * dx + dy * dy);
+    var snapangle = Math.round(angle / snap) * snap;
+
+    return {
+      x: x1 + dist * Math.cos(snapangle),
+      y: y1 + dist * Math.sin(snapangle),
+      a: snapangle
+    };
+  };
+
+  /**
+   * Check if two rectangles (BBoxes objects) intersect each other
+   * @function module:math.rectsIntersect
+   * @param {SVGRect} r1 - The first BBox-like object
+   * @param {SVGRect} r2 - The second BBox-like object
+   * @returns {boolean} True if rectangles intersect
+   */
+  var rectsIntersect = function rectsIntersect(r1, r2) {
+    return r2.x < r1.x + r1.width && r2.x + r2.width > r1.x && r2.y < r1.y + r1.height && r2.y + r2.height > r1.y;
+  };
+
+  /* globals jQuery */
+
+  var $$1 = jQuery;
+
+  var segData = {
+    2: ['x', 'y'], // PATHSEG_MOVETO_ABS
+    4: ['x', 'y'], // PATHSEG_LINETO_ABS
+    6: ['x', 'y', 'x1', 'y1', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_ABS
+    8: ['x', 'y', 'x1', 'y1'], // PATHSEG_CURVETO_QUADRATIC_ABS
+    10: ['x', 'y', 'r1', 'r2', 'angle', 'largeArcFlag', 'sweepFlag'], // PATHSEG_ARC_ABS
+    12: ['x'], // PATHSEG_LINETO_HORIZONTAL_ABS
+    14: ['y'], // PATHSEG_LINETO_VERTICAL_ABS
+    16: ['x', 'y', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_SMOOTH_ABS
+    18: ['x', 'y'] // PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS
+  };
+
+  /**
+   * @tutorial LocaleDocs
+   * @typedef {module:locale.LocaleStrings|PlainObject} module:path.uiStrings
+   * @property {PlainObject.<string, string>} ui
+  */
+
+  var uiStrings = {};
+  /**
+  * @function module:path.setUiStrings
+  * @param {module:path.uiStrings} strs
+  * @returns {undefined}
+  */
+  var setUiStrings = function setUiStrings(strs) {
+    Object.assign(uiStrings, strs.ui);
+  };
+
+  var pathFuncs = [];
+
+  var linkControlPts = true;
+
+  // Stores references to paths via IDs.
+  // TODO: Make this cross-document happy.
+  var pathData = {};
+
+  /**
+  * @function module:path.setLinkControlPoints
+  * @param {boolean} lcp
+  * @returns {undefined}
+  */
+  var setLinkControlPoints = function setLinkControlPoints(lcp) {
+    linkControlPts = lcp;
+  };
+
+  /**
+   * @name module:path.path
+   * @type {null|module:path.Path}
+   * @memberof module:path
+  */
+  var path = null;
+
+  var editorContext_ = null;
+
+  /**
+  * @external MouseEvent
+  */
+
+  /**
+  * Object with the following keys/values
+  * @typedef {PlainObject} module:path.SVGElementJSON
+  * @property {string} element - Tag name of the SVG element to create
+  * @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element
+  * @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first
+  * @property {module:path.SVGElementJSON[]} [children] - Data objects to be added recursively as children
+  * @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace
+  */
+  /**
+   * @interface module:path.EditorContext
+   * @property {module:select.SelectorManager} selectorManager
+   * @property {module:svgcanvas.SvgCanvas} canvas
+   */
+  /**
+   * @function module:path.EditorContext#call
+   * @param {"selected"|"changed"} ev - String with the event name
+   * @param {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed} arg - Argument to pass through to the callback function. If the event is "changed", an array of `Element`s is passed; if "selected", a single-item array of `Element` is passed.
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#resetD
+   * @param {SVGPathElement} p
+   * @returns {undefined}
+  */
+  /**
+   * Note: This doesn't round to an integer necessarily
+   * @function module:path.EditorContext#round
+   * @param {Float} val
+   * @returns {Float} Rounded value to nearest value based on `currentZoom`
+   */
+  /**
+   * @function module:path.EditorContext#clearSelection
+   * @param {boolean} [noCall] - When `true`, does not call the "selected" handler
+   * @returns {undefined}
+  */
+  /**
+   * @function module:path.EditorContext#addToSelection
+   * @param {Element[]} elemsToAdd - An array of DOM elements to add to the selection
+   * @param {boolean} showGrips - Indicates whether the resize grips should be shown
+   * @returns {undefined}
+  */
+  /**
+   * @function module:path.EditorContext#addCommandToHistory
+   * @param {Command} cmd
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#remapElement
+   * @param {Element} selected - DOM element to be changed
+   * @param {PlainObject.<string, string>} changes - Object with changes to be remapped
+   * @param {SVGMatrix} m - Matrix object to use for remapping coordinates
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#addSVGElementFromJson
+   * @param {module:path.SVGElementJSON} data
+   * @returns {Element} The new element
+  */
+  /**
+   * @function module:path.EditorContext#getGridSnapping
+   * @returns {boolean}
+   */
+  /**
+   * @function module:path.EditorContext#getOpacity
+   * @returns {Float}
+   */
+  /**
+   * @function module:path.EditorContext#getSelectedElements
+   * @returns {Element[]} the array with selected DOM elements
+  */
+  /**
+   * @function module:path.EditorContext#getContainer
+   * @returns {Element}
+   */
+  /**
+   * @function module:path.EditorContext#setStarted
+   * @param {boolean} s
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#getRubberBox
+   * @returns {SVGRectElement}
+  */
+  /**
+   * @function module:path.EditorContext#setRubberBox
+   * @param {SVGRectElement} rb
+   * @returns {SVGRectElement} Same as parameter passed in
+   */
+  /**
+   * @function module:path.EditorContext#addPtsToSelection
+   * @param {PlainObject} cfg
+   * @param {boolean} cfg.closedSubpath
+   * @param {SVGCircleElement[]} cfg.grips
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#endChanges
+   * @param {PlainObject} cfg
+   * @param {string} cfg.cmd
+   * @param {Element} cfg.elem
+   * @returns {undefined}
+  */
+  /**
+   * @function module:path.EditorContext#getCurrentZoom
+   * @returns {Float} The current zoom level
+   */
+  /**
+   * Returns the last created DOM element ID string
+   * @function module:path.EditorContext#getId
+   * @returns {string}
+   */
+  /**
+   * Creates and returns a unique ID string for a DOM element
+   * @function module:path.EditorContext#getNextId
+   * @returns {string}
+  */
+  /**
+   * Gets the desired element from a mouse event
+   * @function module:path.EditorContext#getMouseTarget
+   * @param {external:MouseEvent} evt - Event object from the mouse event
+   * @returns {Element} DOM element we want
+   */
+  /**
+   * @function module:path.EditorContext#getCurrentMode
+   * @returns {string}
+   */
+  /**
+   * @function module:path.EditorContext#setCurrentMode
+   * @param {string} cm The mode
+   * @returns {string} The same mode as passed in
+  */
+  /**
+   * @function module:path.EditorContext#getDrawnPath
+   * @returns {SVGPathElement|null}
+   */
+  /**
+   * @function module:path.EditorContext#setDrawnPath
+   * @param {SVGPathElement|null} dp
+   * @returns {SVGPathElement|null} The same value as passed in
+   */
+  /**
+   * @function module:path.EditorContext#getSVGRoot
+   * @returns {SVGSVGElement}
+  */
+
+  /**
+  * @function module:path.init
+  * @param {module:path.EditorContext} editorContext
+  * @returns {undefined}
+  */
+  var init$1 = function init$$1(editorContext) {
+    editorContext_ = editorContext;
+
+    pathFuncs = [0, 'ClosePath'];
+    var pathFuncsStrs = ['Moveto', 'Lineto', 'CurvetoCubic', 'CurvetoQuadratic', 'Arc', 'LinetoHorizontal', 'LinetoVertical', 'CurvetoCubicSmooth', 'CurvetoQuadraticSmooth'];
+    $$1.each(pathFuncsStrs, function (i, s) {
+      pathFuncs.push(s + 'Abs');
+      pathFuncs.push(s + 'Rel');
+    });
+  };
+
+  /**
+  * @function module:path.insertItemBefore
+  * @param {Element} elem
+  * @param {Segment} newseg
+  * @param {Integer} index
+  * @returns {undefined}
+  */
+  var insertItemBefore = function insertItemBefore(elem, newseg, index) {
+    // Support insertItemBefore on paths for FF2
+    var list = elem.pathSegList;
+
+    if (supportsPathInsertItemBefore()) {
+      list.insertItemBefore(newseg, index);
+      return;
+    }
+    var len = list.numberOfItems;
+    var arr = [];
+    for (var i = 0; i < len; i++) {
+      var curSeg = list.getItem(i);
+      arr.push(curSeg);
+    }
+    list.clear();
+    for (var _i = 0; _i < len; _i++) {
+      if (_i === index) {
+        // index + 1
+        list.appendItem(newseg);
+      }
+      list.appendItem(arr[_i]);
+    }
+  };
+
+  /**
+  * @function module:path.ptObjToArr
+  * @todo See if this should just live in `replacePathSeg`
+  * @param {string} type
+  * @param {SVGPathSegMovetoAbs|SVGPathSegLinetoAbs|SVGPathSegCurvetoCubicAbs|SVGPathSegCurvetoQuadraticAbs|SVGPathSegArcAbs|SVGPathSegLinetoHorizontalAbs|SVGPathSegLinetoVerticalAbs|SVGPathSegCurvetoCubicSmoothAbs|SVGPathSegCurvetoQuadraticSmoothAbs} segItem
+  * @returns {ArgumentsArray}
+  */
+  var ptObjToArr = function ptObjToArr(type, segItem) {
+    var props = segData[type];
+    return props.map(function (prop) {
+      return segItem[prop];
+    });
+  };
+
+  /**
+  * @function module:path.getGripPt
+  * @param {Segment} seg
+  * @param {module:math.XYObject} altPt
+  * @returns {module:math.XYObject}
+  */
+  var getGripPt = function getGripPt(seg, altPt) {
+    var path = seg.path;
+
+    var out = {
+      x: altPt ? altPt.x : seg.item.x,
+      y: altPt ? altPt.y : seg.item.y
+    };
+
+    if (path.matrix) {
+      var pt = transformPoint(out.x, out.y, path.matrix);
+      out = pt;
+    }
+
+    var currentZoom = editorContext_.getCurrentZoom();
+    out.x *= currentZoom;
+    out.y *= currentZoom;
+
+    return out;
+  };
+
+  /**
+  * @function module:path.getPointFromGrip
+  * @param {module:math.XYObject} pt
+  * @param {module:path.Path} path
+  * @returns {module:math.XYObject}
+  */
+  var getPointFromGrip = function getPointFromGrip(pt, path) {
+    var out = {
+      x: pt.x,
+      y: pt.y
+    };
+
+    if (path.matrix) {
+      pt = transformPoint(out.x, out.y, path.imatrix);
+      out.x = pt.x;
+      out.y = pt.y;
+    }
+
+    var currentZoom = editorContext_.getCurrentZoom();
+    out.x /= currentZoom;
+    out.y /= currentZoom;
+
+    return out;
+  };
+
+  /**
+  * Requires prior call to `setUiStrings` if `xlink:title`
+  *    to be set on the grip
+  * @function module:path.addPointGrip
+  * @param {Integer} index
+  * @param {Integer} x
+  * @param {Integer} y
+  * @returns {SVGCircleElement}
+  */
+  var addPointGrip = function addPointGrip(index, x, y) {
+    // create the container of all the point grips
+    var pointGripContainer = getGripContainer();
+
+    var pointGrip = getElem('pathpointgrip_' + index);
+    // create it
+    if (!pointGrip) {
+      pointGrip = document.createElementNS(NS.SVG, 'circle');
+      var atts = {
+        id: 'pathpointgrip_' + index,
+        display: 'none',
+        r: 4,
+        fill: '#0FF',
+        stroke: '#00F',
+        'stroke-width': 2,
+        cursor: 'move',
+        style: 'pointer-events:all'
+      };
+      if ('pathNodeTooltip' in uiStrings) {
+        // May be empty if running path.js without svg-editor
+        atts['xlink:title'] = uiStrings.pathNodeTooltip;
+      }
+      assignAttributes(pointGrip, atts);
+      pointGrip = pointGripContainer.appendChild(pointGrip);
+
+      var grip = $$1('#pathpointgrip_' + index);
+      grip.dblclick(function () {
+        if (path) {
+          path.setSegType();
+        }
+      });
+    }
+    if (x && y) {
+      // set up the point grip element and display it
+      assignAttributes(pointGrip, {
+        cx: x,
+        cy: y,
+        display: 'inline'
+      });
+    }
+    return pointGrip;
+  };
+
+  /**
+  * @function module:path.getGripContainer
+  * @returns {Element}
+  */
+  var getGripContainer = function getGripContainer() {
+    var c = getElem('pathpointgrip_container');
+    if (!c) {
+      var parent = getElem('selectorParentGroup');
+      c = parent.appendChild(document.createElementNS(NS.SVG, 'g'));
+      c.id = 'pathpointgrip_container';
+    }
+    return c;
+  };
+
+  /**
+  * Requires prior call to `setUiStrings` if `xlink:title`
+  *    to be set on the grip
+  * @function module:path.addCtrlGrip
+  * @param {string} id
+  * @returns {SVGCircleElement}
+  */
+  var addCtrlGrip = function addCtrlGrip(id) {
+    var pointGrip = getElem('ctrlpointgrip_' + id);
+    if (pointGrip) {
+      return pointGrip;
+    }
+
+    pointGrip = document.createElementNS(NS.SVG, 'circle');
+    var atts = {
+      id: 'ctrlpointgrip_' + id,
+      display: 'none',
+      r: 4,
+      fill: '#0FF',
+      stroke: '#55F',
+      'stroke-width': 1,
+      cursor: 'move',
+      style: 'pointer-events:all'
+    };
+    if ('pathCtrlPtTooltip' in uiStrings) {
+      // May be empty if running path.js without svg-editor
+      atts['xlink:title'] = uiStrings.pathCtrlPtTooltip;
+    }
+    assignAttributes(pointGrip, atts);
+    getGripContainer().append(pointGrip);
+    return pointGrip;
+  };
+
+  /**
+  * @function module:path.getCtrlLine
+  * @param {string} id
+  * @returns {SVGLineElement}
+  */
+  var getCtrlLine = function getCtrlLine(id) {
+    var ctrlLine = getElem('ctrlLine_' + id);
+    if (ctrlLine) {
+      return ctrlLine;
+    }
+
+    ctrlLine = document.createElementNS(NS.SVG, 'line');
+    assignAttributes(ctrlLine, {
+      id: 'ctrlLine_' + id,
+      stroke: '#555',
+      'stroke-width': 1,
+      style: 'pointer-events:none'
+    });
+    getGripContainer().append(ctrlLine);
+    return ctrlLine;
+  };
+
+  /**
+  * @function module:path.getPointGrip
+  * @param {Segment} seg
+  * @param {boolean} update
+  * @returns {SVGCircleElement}
+  */
+  var getPointGrip = function getPointGrip(seg, update) {
+    var index = seg.index;
+
+    var pointGrip = addPointGrip(index);
+
+    if (update) {
+      var pt = getGripPt(seg);
+      assignAttributes(pointGrip, {
+        cx: pt.x,
+        cy: pt.y,
+        display: 'inline'
+      });
+    }
+
+    return pointGrip;
+  };
+
+  /**
+  * @function module:path.getControlPoints
+  * @param {Segment} seg
+  * @returns {PlainObject.<string, SVGLineElement|SVGCircleElement>}
+  */
+  var getControlPoints = function getControlPoints(seg) {
+    var item = seg.item,
+        index = seg.index;
+
+    if (!('x1' in item) || !('x2' in item)) {
+      return null;
+    }
+    var cpt = {};
+    /* const pointGripContainer = */getGripContainer();
+
+    // Note that this is intentionally not seg.prev.item
+    var prev = path.segs[index - 1].item;
+
+    var segItems = [prev, item];
+
+    for (var i = 1; i < 3; i++) {
+      var id = index + 'c' + i;
+
+      var ctrlLine = cpt['c' + i + '_line'] = getCtrlLine(id);
+
+      var pt = getGripPt(seg, { x: item['x' + i], y: item['y' + i] });
+      var gpt = getGripPt(seg, { x: segItems[i - 1].x, y: segItems[i - 1].y });
+
+      assignAttributes(ctrlLine, {
+        x1: pt.x,
+        y1: pt.y,
+        x2: gpt.x,
+        y2: gpt.y,
+        display: 'inline'
+      });
+
+      cpt['c' + i + '_line'] = ctrlLine;
+
+      // create it
+      var pointGrip = cpt['c' + i] = addCtrlGrip(id);
+
+      assignAttributes(pointGrip, {
+        cx: pt.x,
+        cy: pt.y,
+        display: 'inline'
+      });
+      cpt['c' + i] = pointGrip;
+    }
+    return cpt;
+  };
+
+  /**
+  * This replaces the segment at the given index. Type is given as number.
+  * @function module:path.replacePathSeg
+  * @param {Integer} type Possible values set during {@link module:path.init}
+  * @param {Integer} index
+  * @param {ArgumentsArray} pts
+  * @param {SVGPathElement} elem
+  */
+  var replacePathSeg = function replacePathSeg(type, index, pts, elem) {
+    var pth = elem || path.elem;
+
+    var func = 'createSVGPathSeg' + pathFuncs[type];
+    var seg = pth[func].apply(pth, pts);
+
+    if (supportsPathReplaceItem()) {
+      pth.pathSegList.replaceItem(seg, index);
+    } else {
+      var segList = pth.pathSegList;
+      var len = segList.numberOfItems;
+      var arr = [];
+      for (var i = 0; i < len; i++) {
+        var curSeg = segList.getItem(i);
+        arr.push(curSeg);
+      }
+      segList.clear();
+      for (var _i2 = 0; _i2 < len; _i2++) {
+        if (_i2 === index) {
+          segList.appendItem(seg);
+        } else {
+          segList.appendItem(arr[_i2]);
+        }
+      }
+    }
+  };
+
+  /**
+  * @function module:path.getSegSelector
+  * @param {Segment} seg
+  * @param {boolean} update
+  * @returns {SVGPathElement}
+  */
+  var getSegSelector = function getSegSelector(seg, update) {
+    var index = seg.index;
+
+    var segLine = getElem('segline_' + index);
+    if (!segLine) {
+      var pointGripContainer = getGripContainer();
+      // create segline
+      segLine = document.createElementNS(NS.SVG, 'path');
+      assignAttributes(segLine, {
+        id: 'segline_' + index,
+        display: 'none',
+        fill: 'none',
+        stroke: '#0FF',
+        'stroke-width': 2,
+        style: 'pointer-events:none',
+        d: 'M0,0 0,0'
+      });
+      pointGripContainer.append(segLine);
+    }
+
+    if (update) {
+      var prev = seg.prev;
+
+      if (!prev) {
+        segLine.setAttribute('display', 'none');
+        return segLine;
+      }
+
+      var pt = getGripPt(prev);
+      // Set start point
+      replacePathSeg(2, 0, [pt.x, pt.y], segLine);
+
+      var pts = ptObjToArr(seg.type, seg.item, true);
+      for (var i = 0; i < pts.length; i += 2) {
+        var _pt = getGripPt(seg, { x: pts[i], y: pts[i + 1] });
+        pts[i] = _pt.x;
+        pts[i + 1] = _pt.y;
+      }
+
+      replacePathSeg(seg.type, 1, pts, segLine);
+    }
+    return segLine;
+  };
+
+  /**
+   * @typedef {PlainObject} Point
+   * @property {Integer} x The x value
+   * @property {Integer} y The y value
+   */
+
+  /**
+  * Takes three points and creates a smoother line based on them
+  * @function module:path.smoothControlPoints
+  * @param {Point} ct1 - Object with x and y values (first control point)
+  * @param {Point} ct2 - Object with x and y values (second control point)
+  * @param {Point} pt - Object with x and y values (third point)
+  * @returns {Point[]} Array of two "smoothed" point objects
+  */
+  var smoothControlPoints = function smoothControlPoints(ct1, ct2, pt) {
+    // each point must not be the origin
+    var x1 = ct1.x - pt.x,
+        y1 = ct1.y - pt.y,
+        x2 = ct2.x - pt.x,
+        y2 = ct2.y - pt.y;
+
+    if ((x1 !== 0 || y1 !== 0) && (x2 !== 0 || y2 !== 0)) {
+      var r1 = Math.sqrt(x1 * x1 + y1 * y1),
+          r2 = Math.sqrt(x2 * x2 + y2 * y2),
+          nct1 = editorContext_.getSVGRoot().createSVGPoint(),
+          nct2 = editorContext_.getSVGRoot().createSVGPoint();
+      var anglea = Math.atan2(y1, x1),
+          angleb = Math.atan2(y2, x2);
+      if (anglea < 0) {
+        anglea += 2 * Math.PI;
+      }
+      if (angleb < 0) {
+        angleb += 2 * Math.PI;
+      }
+
+      var angleBetween = Math.abs(anglea - angleb),
+          angleDiff = Math.abs(Math.PI - angleBetween) / 2;
+
+      var newAnglea = void 0,
+          newAngleb = void 0;
+      if (anglea - angleb > 0) {
+        newAnglea = angleBetween < Math.PI ? anglea + angleDiff : anglea - angleDiff;
+        newAngleb = angleBetween < Math.PI ? angleb - angleDiff : angleb + angleDiff;
+      } else {
+        newAnglea = angleBetween < Math.PI ? anglea - angleDiff : anglea + angleDiff;
+        newAngleb = angleBetween < Math.PI ? angleb + angleDiff : angleb - angleDiff;
+      }
+
+      // rotate the points
+      nct1.x = r1 * Math.cos(newAnglea) + pt.x;
+      nct1.y = r1 * Math.sin(newAnglea) + pt.y;
+      nct2.x = r2 * Math.cos(newAngleb) + pt.x;
+      nct2.y = r2 * Math.sin(newAngleb) + pt.y;
+
+      return [nct1, nct2];
+    }
+    return undefined;
+  };
+
+  /**
+  *
+  */
+  var Segment = function () {
+    /**
+    * @param {Integer} index
+    * @param {SVGPathSeg} item
+    * @todo Is `item` be more constrained here?
+    */
+    function Segment(index, item) {
+      classCallCheck(this, Segment);
+
+      this.selected = false;
+      this.index = index;
+      this.item = item;
+      this.type = item.pathSegType;
+
+      this.ctrlpts = [];
+      this.ptgrip = null;
+      this.segsel = null;
+    }
+
+    /**
+     * @param {boolean} y
+     * @returns {undefined}
+     */
+
+
+    createClass(Segment, [{
+      key: 'showCtrlPts',
+      value: function showCtrlPts(y) {
+        for (var i in this.ctrlpts) {
+          if (this.ctrlpts.hasOwnProperty(i)) {
+            this.ctrlpts[i].setAttribute('display', y ? 'inline' : 'none');
+          }
+        }
+      }
+
+      /**
+       * @param {boolean} y
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'selectCtrls',
+      value: function selectCtrls(y) {
+        $$1('#ctrlpointgrip_' + this.index + 'c1, #ctrlpointgrip_' + this.index + 'c2').attr('fill', y ? '#0FF' : '#EEE');
+      }
+
+      /**
+       * @param {boolean} y
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'show',
+      value: function show(y) {
+        if (this.ptgrip) {
+          this.ptgrip.setAttribute('display', y ? 'inline' : 'none');
+          this.segsel.setAttribute('display', y ? 'inline' : 'none');
+          // Show/hide all control points if available
+          this.showCtrlPts(y);
+        }
+      }
+
+      /**
+       * @param {boolean} y
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'select',
+      value: function select(y) {
+        if (this.ptgrip) {
+          this.ptgrip.setAttribute('stroke', y ? '#0FF' : '#00F');
+          this.segsel.setAttribute('display', y ? 'inline' : 'none');
+          if (this.ctrlpts) {
+            this.selectCtrls(y);
+          }
+          this.selected = y;
+        }
+      }
+
+      /**
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'addGrip',
+      value: function addGrip() {
+        this.ptgrip = getPointGrip(this, true);
+        this.ctrlpts = getControlPoints(this, true);
+        this.segsel = getSegSelector(this, true);
+      }
+
+      /**
+       * @param {boolean} full
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'update',
+      value: function update(full) {
+        if (this.ptgrip) {
+          var pt = getGripPt(this);
+          assignAttributes(this.ptgrip, {
+            cx: pt.x,
+            cy: pt.y
+          });
+
+          getSegSelector(this, true);
+
+          if (this.ctrlpts) {
+            if (full) {
+              this.item = path.elem.pathSegList.getItem(this.index);
+              this.type = this.item.pathSegType;
+            }
+            getControlPoints(this);
+          }
+          // this.segsel.setAttribute('display', y ? 'inline' : 'none');
+        }
+      }
+
+      /**
+       * @param {Integer} dx
+       * @param {Integer} dy
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'move',
+      value: function move(dx, dy) {
+        var item = this.item;
+
+
+        var curPts = this.ctrlpts ? [item.x += dx, item.y += dy, item.x1, item.y1, item.x2 += dx, item.y2 += dy] : [item.x += dx, item.y += dy];
+
+        replacePathSeg(this.type, this.index, curPts);
+
+        if (this.next && this.next.ctrlpts) {
+          var next = this.next.item;
+          var nextPts = [next.x, next.y, next.x1 += dx, next.y1 += dy, next.x2, next.y2];
+          replacePathSeg(this.next.type, this.next.index, nextPts);
+        }
+
+        if (this.mate) {
+          // The last point of a closed subpath has a 'mate',
+          // which is the 'M' segment of the subpath
+          var _item = this.mate.item;
+
+          var pts = [_item.x += dx, _item.y += dy];
+          replacePathSeg(this.mate.type, this.mate.index, pts);
+          // Has no grip, so does not need 'updating'?
+        }
+
+        this.update(true);
+        if (this.next) {
+          this.next.update(true);
+        }
+      }
+
+      /**
+       * @param {Integer} num
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'setLinked',
+      value: function setLinked(num) {
+        var seg = void 0,
+            anum = void 0,
+            pt = void 0;
+        if (num === 2) {
+          anum = 1;
+          seg = this.next;
+          if (!seg) {
+            return;
+          }
+          pt = this.item;
+        } else {
+          anum = 2;
+          seg = this.prev;
+          if (!seg) {
+            return;
+          }
+          pt = seg.item;
+        }
+
+        var _seg = seg,
+            item = _seg.item;
+
+        item['x' + anum] = pt.x + (pt.x - this.item['x' + num]);
+        item['y' + anum] = pt.y + (pt.y - this.item['y' + num]);
+
+        var pts = [item.x, item.y, item.x1, item.y1, item.x2, item.y2];
+
+        replacePathSeg(seg.type, seg.index, pts);
+        seg.update(true);
+      }
+
+      /**
+       * @param {Integer} num
+       * @param {Integer} dx
+       * @param {Integer} dy
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'moveCtrl',
+      value: function moveCtrl(num, dx, dy) {
+        var item = this.item;
+
+        item['x' + num] += dx;
+        item['y' + num] += dy;
+
+        var pts = [item.x, item.y, item.x1, item.y1, item.x2, item.y2];
+
+        replacePathSeg(this.type, this.index, pts);
+        this.update(true);
+      }
+
+      /**
+       * @param {Integer} newType Possible values set during {@link module:path.init}
+       * @param {ArgumentsArray} pts
+       */
+
+    }, {
+      key: 'setType',
+      value: function setType(newType, pts) {
+        replacePathSeg(newType, this.index, pts);
+        this.type = newType;
+        this.item = path.elem.pathSegList.getItem(this.index);
+        this.showCtrlPts(newType === 6);
+        this.ctrlpts = getControlPoints(this);
+        this.update(true);
+      }
+    }]);
+    return Segment;
+  }();
+
+  /**
+  *
+  */
+  var Path = function () {
+    /**
+    * @param {SVGPathElement}
+    * @throws {Error} If constructed without a path element
+    */
+    function Path(elem) {
+      classCallCheck(this, Path);
+
+      if (!elem || elem.tagName !== 'path') {
+        throw new Error('svgedit.path.Path constructed without a <path> element');
+      }
+
+      this.elem = elem;
+      this.segs = [];
+      this.selected_pts = [];
+      path = this;
+
+      this.init();
+    }
+
+    /**
+    * Reset path data
+    * @returns {module:path.Path}
+    */
+
+
+    createClass(Path, [{
+      key: 'init',
+      value: function init$$1() {
+        // Hide all grips, etc
+
+        // fixed, needed to work on all found elements, not just first
+        $$1(getGripContainer()).find('*').each(function () {
+          $$1(this).attr('display', 'none');
+        });
+
+        var segList = this.elem.pathSegList;
+        var len = segList.numberOfItems;
+        this.segs = [];
+        this.selected_pts = [];
+        this.first_seg = null;
+
+        // Set up segs array
+        for (var i = 0; i < len; i++) {
+          var item = segList.getItem(i);
+          var segment = new Segment(i, item);
+          segment.path = this;
+          this.segs.push(segment);
+        }
+
+        var segs = this.segs;
+
+
+        var startI = null;
+        for (var _i3 = 0; _i3 < len; _i3++) {
+          var seg = segs[_i3];
+          var nextSeg = _i3 + 1 >= len ? null : segs[_i3 + 1];
+          var prevSeg = _i3 - 1 < 0 ? null : segs[_i3 - 1];
+          if (seg.type === 2) {
+            if (prevSeg && prevSeg.type !== 1) {
+              // New sub-path, last one is open,
+              // so add a grip to last sub-path's first point
+              var startSeg = segs[startI];
+              startSeg.next = segs[startI + 1];
+              startSeg.next.prev = startSeg;
+              startSeg.addGrip();
+            }
+            // Remember that this is a starter seg
+            startI = _i3;
+          } else if (nextSeg && nextSeg.type === 1) {
+            // This is the last real segment of a closed sub-path
+            // Next is first seg after "M"
+            seg.next = segs[startI + 1];
+
+            // First seg after "M"'s prev is this
+            seg.next.prev = seg;
+            seg.mate = segs[startI];
+            seg.addGrip();
+            if (this.first_seg == null) {
+              this.first_seg = seg;
+            }
+          } else if (!nextSeg) {
+            if (seg.type !== 1) {
+              // Last seg, doesn't close so add a grip
+              // to last sub-path's first point
+              var _startSeg = segs[startI];
+              _startSeg.next = segs[startI + 1];
+              _startSeg.next.prev = _startSeg;
+              _startSeg.addGrip();
+              seg.addGrip();
+
+              if (!this.first_seg) {
+                // Open path, so set first as real first and add grip
+                this.first_seg = segs[startI];
+              }
+            }
+          } else if (seg.type !== 1) {
+            // Regular segment, so add grip and its "next"
+            seg.addGrip();
+
+            // Don't set its "next" if it's an "M"
+            if (nextSeg && nextSeg.type !== 2) {
+              seg.next = nextSeg;
+              seg.next.prev = seg;
+            }
+          }
+        }
+        return this;
+      }
+
+      /**
+      * @callback module:path.PathEachSegCallback
+      * @this module:path.Segment
+      * @param {Integer} i The index of the seg being iterated
+      * @returns {boolean} Will stop execution of `eachSeg` if returns `false`
+      */
+      /**
+      * @param {module:path.PathEachSegCallback} fn
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'eachSeg',
+      value: function eachSeg(fn) {
+        var len = this.segs.length;
+        for (var i = 0; i < len; i++) {
+          var ret = fn.call(this.segs[i], i);
+          if (ret === false) {
+            break;
+          }
+        }
+      }
+
+      /**
+      * @param {Integer} index
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'addSeg',
+      value: function addSeg(index) {
+        // Adds a new segment
+        var seg = this.segs[index];
+        if (!seg.prev) {
+          return;
+        }
+
+        var prev = seg.prev;
+
+        var newseg = void 0,
+            newX = void 0,
+            newY = void 0;
+        switch (seg.item.pathSegType) {
+          case 4:
+            {
+              newX = (seg.item.x + prev.item.x) / 2;
+              newY = (seg.item.y + prev.item.y) / 2;
+              newseg = this.elem.createSVGPathSegLinetoAbs(newX, newY);
+              break;
+            }case 6:
+            {
+              // make it a curved segment to preserve the shape (WRS)
+              // https://en.wikipedia.org/wiki/De_Casteljau%27s_algorithm#Geometric_interpretation
+              var p0x = (prev.item.x + seg.item.x1) / 2;
+              var p1x = (seg.item.x1 + seg.item.x2) / 2;
+              var p2x = (seg.item.x2 + seg.item.x) / 2;
+              var p01x = (p0x + p1x) / 2;
+              var p12x = (p1x + p2x) / 2;
+              newX = (p01x + p12x) / 2;
+              var p0y = (prev.item.y + seg.item.y1) / 2;
+              var p1y = (seg.item.y1 + seg.item.y2) / 2;
+              var p2y = (seg.item.y2 + seg.item.y) / 2;
+              var p01y = (p0y + p1y) / 2;
+              var p12y = (p1y + p2y) / 2;
+              newY = (p01y + p12y) / 2;
+              newseg = this.elem.createSVGPathSegCurvetoCubicAbs(newX, newY, p0x, p0y, p01x, p01y);
+              var pts = [seg.item.x, seg.item.y, p12x, p12y, p2x, p2y];
+              replacePathSeg(seg.type, index, pts);
+              break;
+            }
+        }
+
+        insertItemBefore(this.elem, newseg, index);
+      }
+
+      /**
+      * @param {Integer} index
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'deleteSeg',
+      value: function deleteSeg(index) {
+        var seg = this.segs[index];
+        var list = this.elem.pathSegList;
+
+        seg.show(false);
+        var next = seg.next;
+
+        if (seg.mate) {
+          // Make the next point be the "M" point
+          var pt = [next.item.x, next.item.y];
+          replacePathSeg(2, next.index, pt);
+
+          // Reposition last node
+          replacePathSeg(4, seg.index, pt);
+
+          list.removeItem(seg.mate.index);
+        } else if (!seg.prev) {
+          // First node of open path, make next point the M
+          // const {item} = seg;
+          var _pt2 = [next.item.x, next.item.y];
+          replacePathSeg(2, seg.next.index, _pt2);
+          list.removeItem(index);
+        } else {
+          list.removeItem(index);
+        }
+      }
+
+      /**
+      * @param {Integer} index
+      * @returns {boolean}
+      */
+
+    }, {
+      key: 'subpathIsClosed',
+      value: function subpathIsClosed(index) {
+        var closed = false;
+        // Check if subpath is already open
+        path.eachSeg(function (i) {
+          if (i <= index) {
+            return true;
+          }
+          if (this.type === 2) {
+            // Found M first, so open
+            return false;
+          }
+          if (this.type === 1) {
+            // Found Z first, so closed
+            closed = true;
+            return false;
+          }
+        });
+
+        return closed;
+      }
+
+      /**
+      * @param {Integer} index
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'removePtFromSelection',
+      value: function removePtFromSelection(index) {
+        var pos = this.selected_pts.indexOf(index);
+        if (pos === -1) {
+          return;
+        }
+        this.segs[index].select(false);
+        this.selected_pts.splice(pos, 1);
+      }
+
+      /**
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'clearSelection',
+      value: function clearSelection() {
+        this.eachSeg(function () {
+          // 'this' is the segment here
+          this.select(false);
+        });
+        this.selected_pts = [];
+      }
+
+      /**
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'storeD',
+      value: function storeD() {
+        this.last_d = this.elem.getAttribute('d');
+      }
+
+      /**
+      * @param {Integer} y
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'show',
+      value: function show(y) {
+        // Shows this path's segment grips
+        this.eachSeg(function () {
+          // 'this' is the segment here
+          this.show(y);
+        });
+        if (y) {
+          this.selectPt(this.first_seg.index);
+        }
+        return this;
+      }
+
+      /**
+      * Move selected points
+      * @param {Integer} dx
+      * @param {Integer} dy
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'movePts',
+      value: function movePts(dx, dy) {
+        var i = this.selected_pts.length;
+        while (i--) {
+          var seg = this.segs[this.selected_pts[i]];
+          seg.move(dx, dy);
+        }
+      }
+
+      /**
+      * @param {Integer} dx
+      * @param {Integer} dy
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'moveCtrl',
+      value: function moveCtrl(dx, dy) {
+        var seg = this.segs[this.selected_pts[0]];
+        seg.moveCtrl(this.dragctrl, dx, dy);
+        if (linkControlPts) {
+          seg.setLinked(this.dragctrl);
+        }
+      }
+
+      /**
+      * @param {?Integer} newType See {@link https://www.w3.org/TR/SVG/single-page.html#paths-InterfaceSVGPathSeg}
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'setSegType',
+      value: function setSegType(newType) {
+        this.storeD();
+        var i = this.selected_pts.length;
+        var text = void 0;
+        while (i--) {
+          var selPt = this.selected_pts[i];
+
+          // Selected seg
+          var cur = this.segs[selPt];
+          var prev = cur.prev;
+
+          if (!prev) {
+            continue;
+          }
+
+          if (!newType) {
+            // double-click, so just toggle
+            text = 'Toggle Path Segment Type';
+
+            // Toggle segment to curve/straight line
+            var oldType = cur.type;
+
+            newType = oldType === 6 ? 4 : 6;
+          }
+
+          newType = Number(newType);
+
+          var curX = cur.item.x;
+          var curY = cur.item.y;
+          var prevX = prev.item.x;
+          var prevY = prev.item.y;
+          var points = void 0;
+          switch (newType) {
+            case 6:
+              {
+                if (cur.olditem) {
+                  var old = cur.olditem;
+                  points = [curX, curY, old.x1, old.y1, old.x2, old.y2];
+                } else {
+                  var diffX = curX - prevX;
+                  var diffY = curY - prevY;
+                  // get control points from straight line segment
+                  /*
+                  const ct1x = (prevX + (diffY/2));
+                  const ct1y = (prevY - (diffX/2));
+                  const ct2x = (curX + (diffY/2));
+                  const ct2y = (curY - (diffX/2));
+                  */
+                  // create control points on the line to preserve the shape (WRS)
+                  var ct1x = prevX + diffX / 3;
+                  var ct1y = prevY + diffY / 3;
+                  var ct2x = curX - diffX / 3;
+                  var ct2y = curY - diffY / 3;
+                  points = [curX, curY, ct1x, ct1y, ct2x, ct2y];
+                }
+                break;
+              }case 4:
+              {
+                points = [curX, curY];
+
+                // Store original prevve segment nums
+                cur.olditem = cur.item;
+                break;
+              }
+          }
+
+          cur.setType(newType, points);
+        }
+        path.endChanges(text);
+      }
+
+      /**
+      * @param {Integer} pt
+      * @param {Integer} ctrlNum
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'selectPt',
+      value: function selectPt(pt, ctrlNum) {
+        this.clearSelection();
+        if (pt == null) {
+          this.eachSeg(function (i) {
+            // 'this' is the segment here.
+            if (this.prev) {
+              pt = i;
+            }
+          });
+        }
+        this.addPtsToSelection(pt);
+        if (ctrlNum) {
+          this.dragctrl = ctrlNum;
+
+          if (linkControlPts) {
+            this.segs[pt].setLinked(ctrlNum);
+          }
+        }
+      }
+
+      /**
+      * Update position of all points
+      * @returns {Path}
+      */
+
+    }, {
+      key: 'update',
+      value: function update() {
+        var elem = this.elem;
+
+        if (getRotationAngle(elem)) {
+          this.matrix = getMatrix(elem);
+          this.imatrix = this.matrix.inverse();
+        } else {
+          this.matrix = null;
+          this.imatrix = null;
+        }
+
+        this.eachSeg(function (i) {
+          this.item = elem.pathSegList.getItem(i);
+          this.update();
+        });
+
+        return this;
+      }
+
+      /**
+      * @param {string} text
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'endChanges',
+      value: function endChanges(text) {
+        if (isWebkit()) {
+          editorContext_.resetD(this.elem);
+        }
+        var cmd = new ChangeElementCommand(this.elem, { d: this.last_d }, text);
+        editorContext_.endChanges({ cmd: cmd, elem: this.elem });
+      }
+
+      /**
+      * @param {Integer|Integer[]} indexes
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'addPtsToSelection',
+      value: function addPtsToSelection(indexes) {
+        if (!Array.isArray(indexes)) {
+          indexes = [indexes];
+        }
+        for (var _i4 = 0; _i4 < indexes.length; _i4++) {
+          var index = indexes[_i4];
+          var seg = this.segs[index];
+          if (seg.ptgrip) {
+            if (!this.selected_pts.includes(index) && index >= 0) {
+              this.selected_pts.push(index);
+            }
+          }
+        }
+        this.selected_pts.sort();
+        var i = this.selected_pts.length;
+        var grips = [];
+        grips.length = i;
+        // Loop through points to be selected and highlight each
+        while (i--) {
+          var pt = this.selected_pts[i];
+          var _seg2 = this.segs[pt];
+          _seg2.select(true);
+          grips[i] = _seg2.ptgrip;
+        }
+
+        var closedSubpath = this.subpathIsClosed(this.selected_pts[0]);
+        editorContext_.addPtsToSelection({ grips: grips, closedSubpath: closedSubpath });
+      }
+    }]);
+    return Path;
+  }();
+
+  /**
+  * @function module:path.getPath_
+  * @param {SVGPathElement} elem
+  * @returns {module:path.Path}
+  */
+  var getPath_ = function getPath_(elem) {
+    var p = pathData[elem.id];
+    if (!p) {
+      p = pathData[elem.id] = new Path(elem);
+    }
+    return p;
+  };
+
+  /**
+  * @function module:path.removePath_
+  * @param {string} id
+  * @returns {undefined}
+  */
+  var removePath_ = function removePath_(id) {
+    if (id in pathData) {
+      delete pathData[id];
+    }
+  };
+
+  var newcx = void 0,
+      newcy = void 0,
+      oldcx = void 0,
+      oldcy = void 0,
+      angle = void 0;
+
+  var getRotVals = function getRotVals(x, y) {
+    var dx = x - oldcx;
+    var dy = y - oldcy;
+
+    // rotate the point around the old center
+    var r = Math.sqrt(dx * dx + dy * dy);
+    var theta = Math.atan2(dy, dx) + angle;
+    dx = r * Math.cos(theta) + oldcx;
+    dy = r * Math.sin(theta) + oldcy;
+
+    // dx,dy should now hold the actual coordinates of each
+    // point after being rotated
+
+    // now we want to rotate them around the new center in the reverse direction
+    dx -= newcx;
+    dy -= newcy;
+
+    r = Math.sqrt(dx * dx + dy * dy);
+    theta = Math.atan2(dy, dx) - angle;
+
+    return { x: r * Math.cos(theta) + newcx,
+      y: r * Math.sin(theta) + newcy };
+  };
+
+  // If the path was rotated, we must now pay the piper:
+  // Every path point must be rotated into the rotated coordinate system of
+  // its old center, then determine the new center, then rotate it back
+  // This is because we want the path to remember its rotation
+
+  /**
+  * @function module:path.recalcRotatedPath
+  * @todo This is still using ye olde transform methods, can probably
+  * be optimized or even taken care of by `recalculateDimensions`
+  * @returns {undefined}
+  */
+  var recalcRotatedPath = function recalcRotatedPath() {
+    var currentPath = path.elem;
+    angle = getRotationAngle(currentPath, true);
+    if (!angle) {
+      return;
+    }
+    // selectedBBoxes[0] = path.oldbbox;
+    var oldbox = path.oldbbox; // selectedBBoxes[0],
+    oldcx = oldbox.x + oldbox.width / 2;
+    oldcy = oldbox.y + oldbox.height / 2;
+    var box = getBBox(currentPath);
+    newcx = box.x + box.width / 2;
+    newcy = box.y + box.height / 2;
+
+    // un-rotate the new center to the proper position
+    var dx = newcx - oldcx,
+        dy = newcy - oldcy,
+        r = Math.sqrt(dx * dx + dy * dy),
+        theta = Math.atan2(dy, dx) + angle;
+
+    newcx = r * Math.cos(theta) + oldcx;
+    newcy = r * Math.sin(theta) + oldcy;
+
+    var list = currentPath.pathSegList;
+
+    var i = list.numberOfItems;
+    while (i) {
+      i -= 1;
+      var seg = list.getItem(i),
+          type = seg.pathSegType;
+      if (type === 1) {
+        continue;
+      }
+
+      var rvals = getRotVals(seg.x, seg.y),
+          points = [rvals.x, rvals.y];
+      if (seg.x1 != null && seg.x2 != null) {
+        var cVals1 = getRotVals(seg.x1, seg.y1);
+        var cVals2 = getRotVals(seg.x2, seg.y2);
+        points.splice(points.length, 0, cVals1.x, cVals1.y, cVals2.x, cVals2.y);
+      }
+      replacePathSeg(type, i, points);
+    } // loop for each point
+
+    box = getBBox(currentPath);
+    // selectedBBoxes[0].x = box.x; selectedBBoxes[0].y = box.y;
+    // selectedBBoxes[0].width = box.width; selectedBBoxes[0].height = box.height;
+
+    // now we must set the new transform to be rotated around the new center
+    var Rnc = editorContext_.getSVGRoot().createSVGTransform(),
+        tlist = getTransformList(currentPath);
+    Rnc.setRotate(angle * 180.0 / Math.PI, newcx, newcy);
+    tlist.replaceItem(Rnc, 0);
+  };
+
+  // ====================================
+  // Public API starts here
+
+  /**
+  * @function module:path.clearData
+  * @returns {undefined}
+  */
+  var clearData = function clearData() {
+    pathData = {};
+  };
+
+  // Making public for mocking
+  /**
+  * @function module:path.reorientGrads
+  * @param {Element} elem
+  * @param {SVGMatrix} m
+  * @returns {undefined}
+  */
+  var reorientGrads = function reorientGrads(elem, m) {
+    var bb = getBBox(elem);
+    for (var i = 0; i < 2; i++) {
+      var type = i === 0 ? 'fill' : 'stroke';
+      var attrVal = elem.getAttribute(type);
+      if (attrVal && attrVal.startsWith('url(')) {
+        var grad = getRefElem(attrVal);
+        if (grad.tagName === 'linearGradient') {
+          var x1 = grad.getAttribute('x1') || 0;
+          var y1 = grad.getAttribute('y1') || 0;
+          var x2 = grad.getAttribute('x2') || 1;
+          var y2 = grad.getAttribute('y2') || 0;
+
+          // Convert to USOU points
+          x1 = bb.width * x1 + bb.x;
+          y1 = bb.height * y1 + bb.y;
+          x2 = bb.width * x2 + bb.x;
+          y2 = bb.height * y2 + bb.y;
+
+          // Transform those points
+          var pt1 = transformPoint(x1, y1, m);
+          var pt2 = transformPoint(x2, y2, m);
+
+          // Convert back to BB points
+          var gCoords = {};
+
+          gCoords.x1 = (pt1.x - bb.x) / bb.width;
+          gCoords.y1 = (pt1.y - bb.y) / bb.height;
+          gCoords.x2 = (pt2.x - bb.x) / bb.width;
+          gCoords.y2 = (pt2.y - bb.y) / bb.height;
+
+          var newgrad = grad.cloneNode(true);
+          $$1(newgrad).attr(gCoords);
+
+          newgrad.id = editorContext_.getNextId();
+          findDefs().append(newgrad);
+          elem.setAttribute(type, 'url(#' + newgrad.id + ')');
+        }
+      }
+    }
+  };
+
+  /**
+  * This is how we map paths to our preferred relative segment types
+  * @name module:path.pathMap
+  * @type {GenericArray}
+  */
+  var pathMap = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a', 'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];
+
+  /**
+   * Convert a path to one with only absolute or relative values
+   * @todo move to pathActions.js
+   * @function module:path.convertPath
+   * @param {SVGPathElement} path - the path to convert
+   * @param {boolean} toRel - true of convert to relative
+   * @returns {string}
+   */
+  var convertPath = function convertPath(path, toRel) {
+    var segList = path.pathSegList;
+    var len = segList.numberOfItems;
+    var curx = 0,
+        cury = 0;
+    var d = '';
+    var lastM = null;
+
+    for (var i = 0; i < len; ++i) {
+      var seg = segList.getItem(i);
+      // if these properties are not in the segment, set them to zero
+      var x = seg.x || 0,
+          y = seg.y || 0,
+          x1 = seg.x1 || 0,
+          y1 = seg.y1 || 0,
+          x2 = seg.x2 || 0,
+          y2 = seg.y2 || 0;
+
+      var type = seg.pathSegType;
+      var letter = pathMap[type]['to' + (toRel ? 'Lower' : 'Upper') + 'Case']();
+
+      switch (type) {
+        case 1:
+          // z,Z closepath (Z/z)
+          d += 'z';
+          if (lastM && !toRel) {
+            curx = lastM[0];
+            cury = lastM[1];
+          }
+          break;
+        case 12:
+          // absolute horizontal line (H)
+          x -= curx;
+        // Fallthrough
+        case 13:
+          // relative horizontal line (h)
+          if (toRel) {
+            curx += x;
+            letter = 'l';
+          } else {
+            x += curx;
+            curx = x;
+            letter = 'L';
+          }
+          // Convert to "line" for easier editing
+          d += pathDSegment(letter, [[x, cury]]);
+          break;
+        case 14:
+          // absolute vertical line (V)
+          y -= cury;
+        // Fallthrough
+        case 15:
+          // relative vertical line (v)
+          if (toRel) {
+            cury += y;
+            letter = 'l';
+          } else {
+            y += cury;
+            cury = y;
+            letter = 'L';
+          }
+          // Convert to "line" for easier editing
+          d += pathDSegment(letter, [[curx, y]]);
+          break;
+        case 2: // absolute move (M)
+        case 4: // absolute line (L)
+        case 18:
+          // absolute smooth quad (T)
+          x -= curx;
+          y -= cury;
+        // Fallthrough
+        case 5: // relative line (l)
+        case 3: // relative move (m)
+        case 19:
+          // relative smooth quad (t)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;
+            y += cury;
+            curx = x;
+            cury = y;
+          }
+          if (type === 2 || type === 3) {
+            lastM = [curx, cury];
+          }
+
+          d += pathDSegment(letter, [[x, y]]);
+          break;
+        case 6:
+          // absolute cubic (C)
+          x -= curx;x1 -= curx;x2 -= curx;
+          y -= cury;y1 -= cury;y2 -= cury;
+        // Fallthrough
+        case 7:
+          // relative cubic (c)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;x1 += curx;x2 += curx;
+            y += cury;y1 += cury;y2 += cury;
+            curx = x;
+            cury = y;
+          }
+          d += pathDSegment(letter, [[x1, y1], [x2, y2], [x, y]]);
+          break;
+        case 8:
+          // absolute quad (Q)
+          x -= curx;x1 -= curx;
+          y -= cury;y1 -= cury;
+        // Fallthrough
+        case 9:
+          // relative quad (q)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;x1 += curx;
+            y += cury;y1 += cury;
+            curx = x;
+            cury = y;
+          }
+          d += pathDSegment(letter, [[x1, y1], [x, y]]);
+          break;
+        case 10:
+          // absolute elliptical arc (A)
+          x -= curx;
+          y -= cury;
+        // Fallthrough
+        case 11:
+          // relative elliptical arc (a)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;
+            y += cury;
+            curx = x;
+            cury = y;
+          }
+          d += pathDSegment(letter, [[seg.r1, seg.r2]], [seg.angle, seg.largeArcFlag ? 1 : 0, seg.sweepFlag ? 1 : 0], [x, y]);
+          break;
+        case 16:
+          // absolute smooth cubic (S)
+          x -= curx;x2 -= curx;
+          y -= cury;y2 -= cury;
+        // Fallthrough
+        case 17:
+          // relative smooth cubic (s)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;x2 += curx;
+            y += cury;y2 += cury;
+            curx = x;
+            cury = y;
+          }
+          d += pathDSegment(letter, [[x2, y2], [x, y]]);
+          break;
+      } // switch on path segment type
+    } // for each segment
+    return d;
+  };
+
+  /**
+   * TODO: refactor callers in convertPath to use getPathDFromSegments instead of this function.
+   * Legacy code refactored from svgcanvas.pathActions.convertPath
+   * @param {string} letter - path segment command (letter in potentially either case from {@link module:path.pathMap}; see [SVGPathSeg#pathSegTypeAsLetter]{@link https://www.w3.org/TR/SVG/single-page.html#paths-__svg__SVGPathSeg__pathSegTypeAsLetter})
+   * @param {Integer[][]} points - x,y points
+   * @param {Integer[][]} [morePoints] - x,y points
+   * @param {Integer[]} [lastPoint] - x,y point
+   * @returns {string}
+   */
+  function pathDSegment(letter, points, morePoints, lastPoint) {
+    $$1.each(points, function (i, pnt) {
+      points[i] = shortFloat(pnt);
+    });
+    var segment = letter + points.join(' ');
+    if (morePoints) {
+      segment += ' ' + morePoints.join(' ');
+    }
+    if (lastPoint) {
+      segment += ' ' + shortFloat(lastPoint);
+    }
+    return segment;
+  }
+
+  /**
+  * Group: Path edit functions
+  * Functions relating to editing path elements
+  * @namespace {PlainObject} pathActions
+  * @memberof module:path
+  */
+  var pathActions = function () {
+    var subpath = false;
+    var newPoint = void 0,
+        firstCtrl = void 0;
+
+    var currentPath = null;
+    var hasMoved = false;
+    // No `editorContext_` yet but should be ok as is `null` by default
+    // editorContext_.setDrawnPath(null);
+
+    /**
+    * This function converts a polyline (created by the fh_path tool) into
+    * a path element and coverts every three line segments into a single bezier
+    * curve in an attempt to smooth out the free-hand
+    * @function smoothPolylineIntoPath
+    * @param {Element} element
+    * @returns {Element}
+    */
+    var smoothPolylineIntoPath = function smoothPolylineIntoPath(element) {
+      var i = void 0;
+      var _element = element,
+          points = _element.points;
+
+      var N = points.numberOfItems;
+      if (N >= 4) {
+        // loop through every 3 points and convert to a cubic bezier curve segment
+        //
+        // NOTE: this is cheating, it means that every 3 points has the potential to
+        // be a corner instead of treating each point in an equal manner. In general,
+        // this technique does not look that good.
+        //
+        // I am open to better ideas!
+        //
+        // Reading:
+        // - http://www.efg2.com/Lab/Graphics/Jean-YvesQueinecBezierCurves.htm
+        // - https://www.codeproject.com/KB/graphics/BezierSpline.aspx?msg=2956963
+        // - https://www.ian-ko.com/ET_GeoWizards/UserGuide/smooth.htm
+        // - https://www.cs.mtu.edu/~shene/COURSES/cs3621/NOTES/spline/Bezier/bezier-der.html
+        var curpos = points.getItem(0),
+            prevCtlPt = null;
+        var d = [];
+        d.push(['M', curpos.x, ',', curpos.y, ' C'].join(''));
+        for (i = 1; i <= N - 4; i += 3) {
+          var ct1 = points.getItem(i);
+          var ct2 = points.getItem(i + 1);
+          var end = points.getItem(i + 2);
+
+          // if the previous segment had a control point, we want to smooth out
+          // the control points on both sides
+          if (prevCtlPt) {
+            var newpts = smoothControlPoints(prevCtlPt, ct1, curpos);
+            if (newpts && newpts.length === 2) {
+              var prevArr = d[d.length - 1].split(',');
+              prevArr[2] = newpts[0].x;
+              prevArr[3] = newpts[0].y;
+              d[d.length - 1] = prevArr.join(',');
+              ct1 = newpts[1];
+            }
+          }
+
+          d.push([ct1.x, ct1.y, ct2.x, ct2.y, end.x, end.y].join(','));
+
+          curpos = end;
+          prevCtlPt = ct2;
+        }
+        // handle remaining line segments
+        d.push('L');
+        while (i < N) {
+          var pt = points.getItem(i);
+          d.push([pt.x, pt.y].join(','));
+          i++;
+        }
+        d = d.join(' ');
+
+        // create new path element
+        element = editorContext_.addSVGElementFromJson({
+          element: 'path',
+          curStyles: true,
+          attr: {
+            id: editorContext_.getId(),
+            d: d,
+            fill: 'none'
+          }
+        });
+        // No need to call "changed", as this is already done under mouseUp
+      }
+      return element;
+    };
+
+    return (/** @lends module:path.pathActions */{
+        /**
+        * @param {MouseEvent} evt
+        * @param {Element} mouseTarget
+        * @param {Float} startX
+        * @param {Float} startY
+        * @returns {undefined}
+        */
+        mouseDown: function mouseDown(evt, mouseTarget, startX, startY) {
+          var id = void 0;
+          if (editorContext_.getCurrentMode() === 'path') {
+            var mouseX = startX; // Was this meant to work with the other `mouseX`? (was defined globally so adding `let` to at least avoid a global)
+            var mouseY = startY; // Was this meant to work with the other `mouseY`? (was defined globally so adding `let` to at least avoid a global)
+
+            var currentZoom = editorContext_.getCurrentZoom();
+            var x = mouseX / currentZoom,
+                y = mouseY / currentZoom,
+                stretchy = getElem('path_stretch_line');
+            newPoint = [x, y];
+
+            if (editorContext_.getGridSnapping()) {
+              x = snapToGrid(x);
+              y = snapToGrid(y);
+              mouseX = snapToGrid(mouseX);
+              mouseY = snapToGrid(mouseY);
+            }
+
+            if (!stretchy) {
+              stretchy = document.createElementNS(NS.SVG, 'path');
+              assignAttributes(stretchy, {
+                id: 'path_stretch_line',
+                stroke: '#22C',
+                'stroke-width': '0.5',
+                fill: 'none'
+              });
+              stretchy = getElem('selectorParentGroup').appendChild(stretchy);
+            }
+            stretchy.setAttribute('display', 'inline');
+
+            var keep = null;
+            var index = void 0;
+            // if pts array is empty, create path element with M at current point
+            var drawnPath = editorContext_.getDrawnPath();
+            if (!drawnPath) {
+              var dAttr = 'M' + x + ',' + y + ' '; // Was this meant to work with the other `dAttr`? (was defined globally so adding `var` to at least avoid a global)
+              drawnPath = editorContext_.setDrawnPath(editorContext_.addSVGElementFromJson({
+                element: 'path',
+                curStyles: true,
+                attr: {
+                  d: dAttr,
+                  id: editorContext_.getNextId(),
+                  opacity: editorContext_.getOpacity() / 2
+                }
+              }));
+              // set stretchy line to first point
+              stretchy.setAttribute('d', ['M', mouseX, mouseY, mouseX, mouseY].join(' '));
+              index = subpath ? path.segs.length : 0;
+              addPointGrip(index, mouseX, mouseY);
+            } else {
+              // determine if we clicked on an existing point
+              var seglist = drawnPath.pathSegList;
+              var i = seglist.numberOfItems;
+              var FUZZ = 6 / currentZoom;
+              var clickOnPoint = false;
+              while (i) {
+                i--;
+                var item = seglist.getItem(i);
+                var px = item.x,
+                    py = item.y;
+                // found a matching point
+                if (x >= px - FUZZ && x <= px + FUZZ && y >= py - FUZZ && y <= py + FUZZ) {
+                  clickOnPoint = true;
+                  break;
+                }
+              }
+
+              // get path element that we are in the process of creating
+              id = editorContext_.getId();
+
+              // Remove previous path object if previously created
+              removePath_(id);
+
+              var newpath = getElem(id);
+              var newseg = void 0;
+              var sSeg = void 0;
+              var len = seglist.numberOfItems;
+              // if we clicked on an existing point, then we are done this path, commit it
+              // (i, i+1) are the x,y that were clicked on
+              if (clickOnPoint) {
+                // if clicked on any other point but the first OR
+                // the first point was clicked on and there are less than 3 points
+                // then leave the path open
+                // otherwise, close the path
+                if (i <= 1 && len >= 2) {
+                  // Create end segment
+                  var absX = seglist.getItem(0).x;
+                  var absY = seglist.getItem(0).y;
+
+                  sSeg = stretchy.pathSegList.getItem(1);
+                  if (sSeg.pathSegType === 4) {
+                    newseg = drawnPath.createSVGPathSegLinetoAbs(absX, absY);
+                  } else {
+                    newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(absX, absY, sSeg.x1 / currentZoom, sSeg.y1 / currentZoom, absX, absY);
+                  }
+
+                  var endseg = drawnPath.createSVGPathSegClosePath();
+                  seglist.appendItem(newseg);
+                  seglist.appendItem(endseg);
+                } else if (len < 3) {
+                  keep = false;
+                  return keep;
+                }
+                $$1(stretchy).remove();
+
+                // This will signal to commit the path
+                // const element = newpath; // Other event handlers define own `element`, so this was probably not meant to interact with them or one which shares state (as there were none); I therefore adding a missing `var` to avoid a global
+                drawnPath = editorContext_.setDrawnPath(null);
+                editorContext_.setStarted(false);
+
+                if (subpath) {
+                  if (path.matrix) {
+                    editorContext_.remapElement(newpath, {}, path.matrix.inverse());
+                  }
+
+                  var newD = newpath.getAttribute('d');
+                  var origD = $$1(path.elem).attr('d');
+                  $$1(path.elem).attr('d', origD + newD);
+                  $$1(newpath).remove();
+                  if (path.matrix) {
+                    recalcRotatedPath();
+                  }
+                  init$1();
+                  pathActions.toEditMode(path.elem);
+                  path.selectPt();
+                  return false;
+                }
+                // else, create a new point, update path element
+              } else {
+                // Checks if current target or parents are #svgcontent
+                if (!$$1.contains(editorContext_.getContainer(), editorContext_.getMouseTarget(evt))) {
+                  // Clicked outside canvas, so don't make point
+                  console.log('Clicked outside canvas');
+                  return false;
+                }
+
+                var num = drawnPath.pathSegList.numberOfItems;
+                var last = drawnPath.pathSegList.getItem(num - 1);
+                var lastx = last.x,
+                    lasty = last.y;
+
+                if (evt.shiftKey) {
+                  var xya = snapToAngle(lastx, lasty, x, y);
+                  x = xya.x;
+                  y = xya.y;
+                }
+
+                // Use the segment defined by stretchy
+                sSeg = stretchy.pathSegList.getItem(1);
+                if (sSeg.pathSegType === 4) {
+                  newseg = drawnPath.createSVGPathSegLinetoAbs(editorContext_.round(x), editorContext_.round(y));
+                } else {
+                  newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(editorContext_.round(x), editorContext_.round(y), sSeg.x1 / currentZoom, sSeg.y1 / currentZoom, sSeg.x2 / currentZoom, sSeg.y2 / currentZoom);
+                }
+
+                drawnPath.pathSegList.appendItem(newseg);
+
+                x *= currentZoom;
+                y *= currentZoom;
+
+                // set stretchy line to latest point
+                stretchy.setAttribute('d', ['M', x, y, x, y].join(' '));
+                index = num;
+                if (subpath) {
+                  index += path.segs.length;
+                }
+                addPointGrip(index, x, y);
+              }
+              // keep = true;
+            }
+
+            return;
+          }
+
+          // TODO: Make sure currentPath isn't null at this point
+          if (!path) {
+            return;
+          }
+
+          path.storeD();
+
+          id = evt.target.id;
+
+          var curPt = void 0;
+          if (id.substr(0, 14) === 'pathpointgrip_') {
+            // Select this point
+            curPt = path.cur_pt = parseInt(id.substr(14), 10);
+            path.dragging = [startX, startY];
+            var seg = path.segs[curPt];
+
+            // only clear selection if shift is not pressed (otherwise, add
+            // node to selection)
+            if (!evt.shiftKey) {
+              if (path.selected_pts.length <= 1 || !seg.selected) {
+                path.clearSelection();
+              }
+              path.addPtsToSelection(curPt);
+            } else if (seg.selected) {
+              path.removePtFromSelection(curPt);
+            } else {
+              path.addPtsToSelection(curPt);
+            }
+          } else if (id.startsWith('ctrlpointgrip_')) {
+            path.dragging = [startX, startY];
+
+            var parts = id.split('_')[1].split('c');
+            curPt = Number(parts[0]);
+            var ctrlNum = Number(parts[1]);
+            path.selectPt(curPt, ctrlNum);
+          }
+
+          // Start selection box
+          if (!path.dragging) {
+            var rubberBox = editorContext_.getRubberBox();
+            if (rubberBox == null) {
+              rubberBox = editorContext_.setRubberBox(editorContext_.selectorManager.getRubberBandBox());
+            }
+            var _currentZoom = editorContext_.getCurrentZoom();
+            assignAttributes(rubberBox, {
+              x: startX * _currentZoom,
+              y: startY * _currentZoom,
+              width: 0,
+              height: 0,
+              display: 'inline'
+            }, 100);
+          }
+        },
+
+        /**
+        * @param {Float} mouseX
+        * @param {Float} mouseY
+        * @returns {undefined}
+        */
+        mouseMove: function mouseMove(mouseX, mouseY) {
+          var currentZoom = editorContext_.getCurrentZoom();
+          hasMoved = true;
+          var drawnPath = editorContext_.getDrawnPath();
+          if (editorContext_.getCurrentMode() === 'path') {
+            if (!drawnPath) {
+              return;
+            }
+            var seglist = drawnPath.pathSegList;
+            var index = seglist.numberOfItems - 1;
+
+            if (newPoint) {
+              // First point
+              // if (!index) { return; }
+
+              // Set control points
+              var pointGrip1 = addCtrlGrip('1c1');
+              var pointGrip2 = addCtrlGrip('0c2');
+
+              // dragging pointGrip1
+              pointGrip1.setAttribute('cx', mouseX);
+              pointGrip1.setAttribute('cy', mouseY);
+              pointGrip1.setAttribute('display', 'inline');
+
+              var ptX = newPoint[0];
+              var ptY = newPoint[1];
+
+              // set curve
+              // const seg = seglist.getItem(index);
+              var curX = mouseX / currentZoom;
+              var curY = mouseY / currentZoom;
+              var altX = ptX + (ptX - curX);
+              var altY = ptY + (ptY - curY);
+
+              pointGrip2.setAttribute('cx', altX * currentZoom);
+              pointGrip2.setAttribute('cy', altY * currentZoom);
+              pointGrip2.setAttribute('display', 'inline');
+
+              var ctrlLine = getCtrlLine(1);
+              assignAttributes(ctrlLine, {
+                x1: mouseX,
+                y1: mouseY,
+                x2: altX * currentZoom,
+                y2: altY * currentZoom,
+                display: 'inline'
+              });
+
+              if (index === 0) {
+                firstCtrl = [mouseX, mouseY];
+              } else {
+                var last = seglist.getItem(index - 1);
+                var lastX = last.x;
+                var lastY = last.y;
+
+                if (last.pathSegType === 6) {
+                  lastX += lastX - last.x2;
+                  lastY += lastY - last.y2;
+                } else if (firstCtrl) {
+                  lastX = firstCtrl[0] / currentZoom;
+                  lastY = firstCtrl[1] / currentZoom;
+                }
+                replacePathSeg(6, index, [ptX, ptY, lastX, lastY, altX, altY], drawnPath);
+              }
+            } else {
+              var stretchy = getElem('path_stretch_line');
+              if (stretchy) {
+                var prev = seglist.getItem(index);
+                if (prev.pathSegType === 6) {
+                  var prevX = prev.x + (prev.x - prev.x2);
+                  var prevY = prev.y + (prev.y - prev.y2);
+                  replacePathSeg(6, 1, [mouseX, mouseY, prevX * currentZoom, prevY * currentZoom, mouseX, mouseY], stretchy);
+                } else if (firstCtrl) {
+                  replacePathSeg(6, 1, [mouseX, mouseY, firstCtrl[0], firstCtrl[1], mouseX, mouseY], stretchy);
+                } else {
+                  replacePathSeg(4, 1, [mouseX, mouseY], stretchy);
+                }
+              }
+            }
+            return;
+          }
+          // if we are dragging a point, let's move it
+          if (path.dragging) {
+            var pt = getPointFromGrip({
+              x: path.dragging[0],
+              y: path.dragging[1]
+            }, path);
+            var mpt = getPointFromGrip({
+              x: mouseX,
+              y: mouseY
+            }, path);
+            var diffX = mpt.x - pt.x;
+            var diffY = mpt.y - pt.y;
+            path.dragging = [mouseX, mouseY];
+
+            if (path.dragctrl) {
+              path.moveCtrl(diffX, diffY);
+            } else {
+              path.movePts(diffX, diffY);
+            }
+          } else {
+            path.selected_pts = [];
+            path.eachSeg(function (i) {
+              var seg = this;
+              if (!seg.next && !seg.prev) {
+                return;
+              }
+
+              // const {item} = seg;
+              var rubberBox = editorContext_.getRubberBox();
+              var rbb = rubberBox.getBBox();
+
+              var pt = getGripPt(seg);
+              var ptBb = {
+                x: pt.x,
+                y: pt.y,
+                width: 0,
+                height: 0
+              };
+
+              var sel = rectsIntersect(rbb, ptBb);
+
+              this.select(sel);
+              // Note that addPtsToSelection is not being run
+              if (sel) {
+                path.selected_pts.push(seg.index);
+              }
+            });
+          }
+        },
+
+        /**
+        * @param {Event} evt
+        * @param {Element} element
+        * @param {Float} mouseX
+        * @param {Float} mouseY
+        * @returns {undefined}
+        */
+        mouseUp: function mouseUp(evt, element, mouseX, mouseY) {
+          var drawnPath = editorContext_.getDrawnPath();
+          // Create mode
+          if (editorContext_.getCurrentMode() === 'path') {
+            newPoint = null;
+            if (!drawnPath) {
+              element = getElem(editorContext_.getId());
+              editorContext_.setStarted(false);
+              firstCtrl = null;
+            }
+
+            return {
+              keep: true,
+              element: element
+            };
+          }
+
+          // Edit mode
+          var rubberBox = editorContext_.getRubberBox();
+          if (path.dragging) {
+            var lastPt = path.cur_pt;
+
+            path.dragging = false;
+            path.dragctrl = false;
+            path.update();
+
+            if (hasMoved) {
+              path.endChanges('Move path point(s)');
+            }
+
+            if (!evt.shiftKey && !hasMoved) {
+              path.selectPt(lastPt);
+            }
+          } else if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+            // Done with multi-node-select
+            rubberBox.setAttribute('display', 'none');
+
+            if (rubberBox.getAttribute('width') <= 2 && rubberBox.getAttribute('height') <= 2) {
+              pathActions.toSelectMode(evt.target);
+            }
+
+            // else, move back to select mode
+          } else {
+            pathActions.toSelectMode(evt.target);
+          }
+          hasMoved = false;
+        },
+
+        /**
+        * @param {Element} element
+        * @returns {undefined}
+        */
+        toEditMode: function toEditMode(element) {
+          path = getPath_(element);
+          editorContext_.setCurrentMode('pathedit');
+          editorContext_.clearSelection();
+          path.show(true).update();
+          path.oldbbox = getBBox(path.elem);
+          subpath = false;
+        },
+
+        /**
+        * @param {Element} element
+        * @fires module:svgcanvas.SvgCanvas#event:selected
+        * @returns {undefined}
+        */
+        toSelectMode: function toSelectMode(elem) {
+          var selPath = elem === path.elem;
+          editorContext_.setCurrentMode('select');
+          path.show(false);
+          currentPath = false;
+          editorContext_.clearSelection();
+
+          if (path.matrix) {
+            // Rotated, so may need to re-calculate the center
+            recalcRotatedPath();
+          }
+
+          if (selPath) {
+            editorContext_.call('selected', [elem]);
+            editorContext_.addToSelection([elem], true);
+          }
+        },
+
+        /**
+        * @param {boolean} on
+        * @returns {undefined}
+        */
+        addSubPath: function addSubPath(on) {
+          if (on) {
+            // Internally we go into "path" mode, but in the UI it will
+            // still appear as if in "pathedit" mode.
+            editorContext_.setCurrentMode('path');
+            subpath = true;
+          } else {
+            pathActions.clear(true);
+            pathActions.toEditMode(path.elem);
+          }
+        },
+
+        /**
+        * @param {Element} target
+        * @returns {undefined}
+        */
+        select: function select(target) {
+          if (currentPath === target) {
+            pathActions.toEditMode(target);
+            editorContext_.setCurrentMode('pathedit');
+            // going into pathedit mode
+          } else {
+            currentPath = target;
+          }
+        },
+
+        /**
+        * @fires module:svgcanvas.SvgCanvas#event:changed
+        * @returns {undefined}
+        */
+        reorient: function reorient() {
+          var elem = editorContext_.getSelectedElements()[0];
+          if (!elem) {
+            return;
+          }
+          var angle = getRotationAngle(elem);
+          if (angle === 0) {
+            return;
+          }
+
+          var batchCmd = new BatchCommand('Reorient path');
+          var changes = {
+            d: elem.getAttribute('d'),
+            transform: elem.getAttribute('transform')
+          };
+          batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));
+          editorContext_.clearSelection();
+          this.resetOrientation(elem);
+
+          editorContext_.addCommandToHistory(batchCmd);
+
+          // Set matrix to null
+          getPath_(elem).show(false).matrix = null;
+
+          this.clear();
+
+          editorContext_.addToSelection([elem], true);
+          editorContext_.call('changed', editorContext_.getSelectedElements());
+        },
+
+
+        /**
+        * @param {boolean} remove Not in use
+        * @returns {undefined}
+        */
+        clear: function clear(remove) {
+          var drawnPath = editorContext_.getDrawnPath();
+          currentPath = null;
+          if (drawnPath) {
+            var elem = getElem(editorContext_.getId());
+            $$1(getElem('path_stretch_line')).remove();
+            $$1(elem).remove();
+            $$1(getElem('pathpointgrip_container')).find('*').attr('display', 'none');
+            firstCtrl = null;
+            editorContext_.setDrawnPath(null);
+            editorContext_.setStarted(false);
+          } else if (editorContext_.getCurrentMode() === 'pathedit') {
+            this.toSelectMode();
+          }
+          if (path) {
+            path.init().show(false);
+          }
+        },
+
+        /**
+        * @param {?(Element|SVGPathElement)} pth
+        * @returns {false|undefined}
+        */
+        resetOrientation: function resetOrientation(pth) {
+          if (pth == null || pth.nodeName !== 'path') {
+            return false;
+          }
+          var tlist = getTransformList(pth);
+          var m = transformListToTransform(tlist).matrix;
+          tlist.clear();
+          pth.removeAttribute('transform');
+          var segList = pth.pathSegList;
+
+          // Opera/win/non-EN throws an error here.
+          // TODO: Find out why!
+          // Presumed fixed in Opera 10.5, so commented out for now
+
+          // try {
+          var len = segList.numberOfItems;
+          // } catch(err) {
+          //   const fixed_d = pathActions.convertPath(pth);
+          //   pth.setAttribute('d', fixed_d);
+          //   segList = pth.pathSegList;
+          //   const len = segList.numberOfItems;
+          // }
+          // let lastX, lastY;
+
+          var _loop = function _loop(i) {
+            var seg = segList.getItem(i);
+            var type = seg.pathSegType;
+            if (type === 1) {
+              return 'continue';
+            }
+            var pts = [];
+            $$1.each(['', 1, 2], function (j, n) {
+              var x = seg['x' + n],
+                  y = seg['y' + n];
+              if (x !== undefined && y !== undefined) {
+                var pt = transformPoint(x, y, m);
+                pts.splice(pts.length, 0, pt.x, pt.y);
+              }
+            });
+            replacePathSeg(type, i, pts, pth);
+          };
+
+          for (var i = 0; i < len; ++i) {
+            var _ret = _loop(i);
+
+            if (_ret === 'continue') continue;
+          }
+
+          reorientGrads(pth, m);
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        zoomChange: function zoomChange() {
+          if (editorContext_.getCurrentMode() === 'pathedit') {
+            path.update();
+          }
+        },
+
+        /**
+        * @typedef {PlainObject} module:path.NodePoint
+        * @property {Float} x
+        * @property {Float} y
+        * @property {Integer} type
+        */
+        /**
+        * @returns {module:path.NodePoint}
+        */
+        getNodePoint: function getNodePoint() {
+          var selPt = path.selected_pts.length ? path.selected_pts[0] : 1;
+
+          var seg = path.segs[selPt];
+          return {
+            x: seg.item.x,
+            y: seg.item.y,
+            type: seg.type
+          };
+        },
+
+        /**
+        * @param {boolean} linkPoints
+        * @returns {undefined}
+        */
+        linkControlPoints: function linkControlPoints(linkPoints) {
+          setLinkControlPoints(linkPoints);
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        clonePathNode: function clonePathNode() {
+          path.storeD();
+
+          var selPts = path.selected_pts;
+          // const {segs} = path;
+
+          var i = selPts.length;
+          var nums = [];
+
+          while (i--) {
+            var pt = selPts[i];
+            path.addSeg(pt);
+
+            nums.push(pt + i);
+            nums.push(pt + i + 1);
+          }
+          path.init().addPtsToSelection(nums);
+
+          path.endChanges('Clone path node(s)');
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        opencloseSubPath: function opencloseSubPath() {
+          var selPts = path.selected_pts;
+          // Only allow one selected node for now
+          if (selPts.length !== 1) {
+            return;
+          }
+
+          var _path = path,
+              elem = _path.elem;
+
+          var list = elem.pathSegList;
+
+          // const len = list.numberOfItems;
+
+          var index = selPts[0];
+
+          var openPt = null;
+          var startItem = null;
+
+          // Check if subpath is already open
+          path.eachSeg(function (i) {
+            if (this.type === 2 && i <= index) {
+              startItem = this.item;
+            }
+            if (i <= index) {
+              return true;
+            }
+            if (this.type === 2) {
+              // Found M first, so open
+              openPt = i;
+              return false;
+            }
+            if (this.type === 1) {
+              // Found Z first, so closed
+              openPt = false;
+              return false;
+            }
+          });
+
+          if (openPt == null) {
+            // Single path, so close last seg
+            openPt = path.segs.length - 1;
+          }
+
+          if (openPt !== false) {
+            // Close this path
+
+            // Create a line going to the previous "M"
+            var newseg = elem.createSVGPathSegLinetoAbs(startItem.x, startItem.y);
+
+            var closer = elem.createSVGPathSegClosePath();
+            if (openPt === path.segs.length - 1) {
+              list.appendItem(newseg);
+              list.appendItem(closer);
+            } else {
+              insertItemBefore(elem, closer, openPt);
+              insertItemBefore(elem, newseg, openPt);
+            }
+
+            path.init().selectPt(openPt + 1);
+            return;
+          }
+
+          // M 1,1 L 2,2 L 3,3 L 1,1 z // open at 2,2
+          // M 2,2 L 3,3 L 1,1
+
+          // M 1,1 L 2,2 L 1,1 z M 4,4 L 5,5 L6,6 L 5,5 z
+          // M 1,1 L 2,2 L 1,1 z [M 4,4] L 5,5 L(M)6,6 L 5,5 z
+
+          var seg = path.segs[index];
+
+          if (seg.mate) {
+            list.removeItem(index); // Removes last "L"
+            list.removeItem(index); // Removes the "Z"
+            path.init().selectPt(index - 1);
+            return;
+          }
+
+          var lastM = void 0,
+              zSeg = void 0;
+
+          // Find this sub-path's closing point and remove
+          for (var i = 0; i < list.numberOfItems; i++) {
+            var item = list.getItem(i);
+
+            if (item.pathSegType === 2) {
+              // Find the preceding M
+              lastM = i;
+            } else if (i === index) {
+              // Remove it
+              list.removeItem(lastM);
+              // index--;
+            } else if (item.pathSegType === 1 && index < i) {
+              // Remove the closing seg of this subpath
+              zSeg = i - 1;
+              list.removeItem(i);
+              break;
+            }
+          }
+
+          var num = index - lastM - 1;
+
+          while (num--) {
+            insertItemBefore(elem, list.getItem(lastM), zSeg);
+          }
+
+          var pt = list.getItem(lastM);
+
+          // Make this point the new "M"
+          replacePathSeg(2, lastM, [pt.x, pt.y]);
+
+          // i = index; // i is local here, so has no effect; what was the intent for this?
+
+          path.init().selectPt(0);
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        deletePathNode: function deletePathNode() {
+          if (!pathActions.canDeleteNodes) {
+            return;
+          }
+          path.storeD();
+
+          var selPts = path.selected_pts;
+
+          var i = selPts.length;
+          while (i--) {
+            var pt = selPts[i];
+            path.deleteSeg(pt);
+          }
+
+          // Cleanup
+          var cleanup = function cleanup() {
+            var segList = path.elem.pathSegList;
+            var len = segList.numberOfItems;
+
+            var remItems = function remItems(pos, count) {
+              while (count--) {
+                segList.removeItem(pos);
+              }
+            };
+
+            if (len <= 1) {
+              return true;
+            }
+
+            while (len--) {
+              var item = segList.getItem(len);
+              if (item.pathSegType === 1) {
+                var prev = segList.getItem(len - 1);
+                var nprev = segList.getItem(len - 2);
+                if (prev.pathSegType === 2) {
+                  remItems(len - 1, 2);
+                  cleanup();
+                  break;
+                } else if (nprev.pathSegType === 2) {
+                  remItems(len - 2, 3);
+                  cleanup();
+                  break;
+                }
+              } else if (item.pathSegType === 2) {
+                if (len > 0) {
+                  var prevType = segList.getItem(len - 1).pathSegType;
+                  // Path has M M
+                  if (prevType === 2) {
+                    remItems(len - 1, 1);
+                    cleanup();
+                    break;
+                    // Entire path ends with Z M
+                  } else if (prevType === 1 && segList.numberOfItems - 1 === len) {
+                    remItems(len, 1);
+                    cleanup();
+                    break;
+                  }
+                }
+              }
+            }
+            return false;
+          };
+
+          cleanup();
+
+          // Completely delete a path with 1 or 0 segments
+          if (path.elem.pathSegList.numberOfItems <= 1) {
+            pathActions.toSelectMode(path.elem);
+            editorContext_.canvas.deleteSelectedElements();
+            return;
+          }
+
+          path.init();
+          path.clearSelection();
+
+          // TODO: Find right way to select point now
+          // path.selectPt(selPt);
+          if (window.opera) {
+            // Opera repaints incorrectly
+            var cp = $$1(path.elem);
+            cp.attr('d', cp.attr('d'));
+          }
+          path.endChanges('Delete path node(s)');
+        },
+
+        // Can't seem to use `@borrows` here, so using `@see`
+        /**
+        * Smooth polyline into path
+        * @function module:path.pathActions.smoothPolylineIntoPath
+        * @see module:path~smoothPolylineIntoPath
+        */
+        smoothPolylineIntoPath: smoothPolylineIntoPath,
+        /**
+        * @returns {undefined}
+        */
+        setSegType: function setSegType(v) {
+          path.setSegType(v);
+        },
+
+        /**
+        * @param {string} attr
+        * @param {Float} newValue
+        * @returns {undefined}
+        */
+        moveNode: function moveNode(attr, newValue) {
+          var selPts = path.selected_pts;
+          if (!selPts.length) {
+            return;
+          }
+
+          path.storeD();
+
+          // Get first selected point
+          var seg = path.segs[selPts[0]];
+          var diff = { x: 0, y: 0 };
+          diff[attr] = newValue - seg.item[attr];
+
+          seg.move(diff.x, diff.y);
+          path.endChanges('Move path point');
+        },
+
+        /**
+        * @param {Element} elem
+        * @returns {undefined}
+        */
+        fixEnd: function fixEnd(elem) {
+          // Adds an extra segment if the last seg before a Z doesn't end
+          // at its M point
+          // M0,0 L0,100 L100,100 z
+          var segList = elem.pathSegList;
+          var len = segList.numberOfItems;
+          var lastM = void 0;
+          for (var i = 0; i < len; ++i) {
+            var item = segList.getItem(i);
+            if (item.pathSegType === 2) {
+              lastM = item;
+            }
+
+            if (item.pathSegType === 1) {
+              var prev = segList.getItem(i - 1);
+              if (prev.x !== lastM.x || prev.y !== lastM.y) {
+                // Add an L segment here
+                var newseg = elem.createSVGPathSegLinetoAbs(lastM.x, lastM.y);
+                insertItemBefore(elem, newseg, i);
+                // Can this be done better?
+                pathActions.fixEnd(elem);
+                break;
+              }
+            }
+          }
+          if (isWebkit()) {
+            editorContext_.resetD(elem);
+          }
+        },
+
+        // Can't seem to use `@borrows` here, so using `@see`
+        /**
+        * Convert a path to one with only absolute or relative values
+        * @function module:path.pathActions.convertPath
+        * @see module:path.convertPath
+        */
+        convertPath: convertPath
+      }
+    );
+  }();
+
+  /* globals jQuery */
+
+  // Constants
+  var $$2 = jqPluginSVG(jQuery);
+
+  // String used to encode base64.
+  var KEYSTR = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+
+  // Much faster than running getBBox() every time
+  var visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';
+  var visElemsArr = visElems.split(',');
+  // const hidElems = 'clipPath,defs,desc,feGaussianBlur,filter,linearGradient,marker,mask,metadata,pattern,radialGradient,stop,switch,symbol,title,textPath';
+
+  var editorContext_$1 = null;
+  var domdoc_ = null;
+  var domcontainer_ = null;
+  var svgroot_ = null;
+
+  /**
+  * Object with the following keys/values
+  * @typedef {PlainObject} module:utilities.SVGElementJSON
+  * @property {string} element - Tag name of the SVG element to create
+  * @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element
+  * @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first
+  * @property {module:utilities.SVGElementJSON[]} [children] - Data objects to be added recursively as children
+  * @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace
+  */
+
+  /**
+   * An object that creates SVG elements for the canvas.
+   *
+   * @interface module:utilities.EditorContext
+   * @property {module:path.pathActions} pathActions
+   */
+  /**
+   * @function module:utilities.EditorContext#getSVGContent
+   * @returns {SVGSVGElement}
+   */
+  /**
+   * Create a new SVG element based on the given object keys/values and add it
+   * to the current layer.
+   * The element will be run through `cleanupElement` before being returned
+   * @function module:utilities.EditorContext#addSVGElementFromJson
+   * @param {module:utilities.SVGElementJSON} data
+   * @returns {Element} The new element
+  */
+  /**
+   * @function module:utilities.EditorContext#getSelectedElements
+   * @returns {Element[]} the array with selected DOM elements
+  */
+  /**
+   * @function module:utilities.EditorContext#getDOMDocument
+   * @returns {HTMLDocument}
+  */
+  /**
+   * @function module:utilities.EditorContext#getDOMContainer
+   * @returns {HTMLElement}
+  */
+  /**
+   * @function module:utilities.EditorContext#getSVGRoot
+   * @returns {SVGSVGElement}
+  */
+  /**
+   * @function module:utilities.EditorContext#getBaseUnit
+   * @returns {string}
+  */
+  /**
+   * @function module:utilities.EditorContext#getSnappingStep
+   * @returns {Float|string}
+  */
+
+  /**
+  * @function module:utilities.init
+  * @param {module:utilities.EditorContext} editorContext
+  * @returns {undefined}
+  */
+  var init$2 = function init$$1(editorContext) {
+    editorContext_$1 = editorContext;
+    domdoc_ = editorContext.getDOMDocument();
+    domcontainer_ = editorContext.getDOMContainer();
+    svgroot_ = editorContext.getSVGRoot();
+  };
+
+  /**
+  * Converts characters in a string to XML-friendly entities.
+  * @function module:utilities.toXml
+  * @example `&` becomes `&amp;`
+  * @param {string} str - The string to be converted
+  * @returns {string} The converted string
+  */
+  var toXml = function toXml(str) {
+    // &apos; is ok in XML, but not HTML
+    // &gt; does not normally need escaping, though it can if within a CDATA expression (and preceded by "]]")
+    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/, '&#x27;');
+  };
+
+  // This code was written by Tyler Akins and has been placed in the
+  // public domain.  It would be nice if you left this header intact.
+  // Base64 code from Tyler Akins -- http://rumkin.com
+
+  // schiller: Removed string concatenation in favour of Array.join() optimization,
+  //        also precalculate the size of the array needed.
+
+  /**
+  * Converts a string to base64
+  * @function module:utilities.encode64
+  * @param {string} input
+  * @returns {string} Base64 output
+  */
+  var encode64 = function encode64(input) {
+    // base64 strings are 4/3 larger than the original string
+    input = encodeUTF8(input); // convert non-ASCII characters
+    // input = convertToXMLReferences(input);
+    if (window.btoa) {
+      return window.btoa(input); // Use native if available
+    }
+    var output = [];
+    output.length = Math.floor((input.length + 2) / 3) * 4;
+
+    var i = 0,
+        p = 0;
+    do {
+      var chr1 = input.charCodeAt(i++);
+      var chr2 = input.charCodeAt(i++);
+      var chr3 = input.charCodeAt(i++);
+
+      var enc1 = chr1 >> 2;
+      var enc2 = (chr1 & 3) << 4 | chr2 >> 4;
+
+      var enc3 = (chr2 & 15) << 2 | chr3 >> 6;
+      var enc4 = chr3 & 63;
+
+      if (isNaN(chr2)) {
+        enc3 = enc4 = 64;
+      } else if (isNaN(chr3)) {
+        enc4 = 64;
+      }
+
+      output[p++] = KEYSTR.charAt(enc1);
+      output[p++] = KEYSTR.charAt(enc2);
+      output[p++] = KEYSTR.charAt(enc3);
+      output[p++] = KEYSTR.charAt(enc4);
+    } while (i < input.length);
+
+    return output.join('');
+  };
+
+  /**
+  * Converts a string from base64
+  * @function module:utilities.decode64
+  * @param {string} input Base64-encoded input
+  * @returns {string} Decoded output
+  */
+  var decode64 = function decode64(input) {
+    if (window.atob) {
+      return decodeUTF8(window.atob(input));
+    }
+
+    // remove all characters that are not A-Z, a-z, 0-9, +, /, or =
+    input = input.replace(/[^A-Za-z0-9+/=]/g, '');
+
+    var output = '';
+    var i = 0;
+
+    do {
+      var enc1 = KEYSTR.indexOf(input.charAt(i++));
+      var enc2 = KEYSTR.indexOf(input.charAt(i++));
+      var enc3 = KEYSTR.indexOf(input.charAt(i++));
+      var enc4 = KEYSTR.indexOf(input.charAt(i++));
+
+      var chr1 = enc1 << 2 | enc2 >> 4;
+      var chr2 = (enc2 & 15) << 4 | enc3 >> 2;
+      var chr3 = (enc3 & 3) << 6 | enc4;
+
+      output += String.fromCharCode(chr1);
+
+      if (enc3 !== 64) {
+        output = output + String.fromCharCode(chr2);
+      }
+      if (enc4 !== 64) {
+        output = output + String.fromCharCode(chr3);
+      }
+    } while (i < input.length);
+    return decodeUTF8(output);
+  };
+
+  /**
+  * @function module:utilities.decodeUTF8
+  * @param {string} argString
+  * @returns {string}
+  */
+  var decodeUTF8 = function decodeUTF8(argString) {
+    return decodeURIComponent(escape(argString));
+  };
+
+  // codedread:does not seem to work with webkit-based browsers on OSX // Brettz9: please test again as function upgraded
+  /**
+  * @function module:utilities.encodeUTF8
+  * @param {string} argString
+  * @returns {string}
+  */
+  var encodeUTF8 = function encodeUTF8(argString) {
+    return unescape(encodeURIComponent(argString));
+  };
+
+  /**
+   * convert dataURL to object URL
+   * @function module:utilities.dataURLToObjectURL
+   * @param {string} dataurl
+   * @returns {string} object URL or empty string
+   */
+  var dataURLToObjectURL = function dataURLToObjectURL(dataurl) {
+    if (typeof Uint8Array === 'undefined' || typeof Blob === 'undefined' || typeof URL === 'undefined' || !URL.createObjectURL) {
+      return '';
+    }
+    var arr = dataurl.split(','),
+        mime = arr[0].match(/:(.*?);/)[1],
+        bstr = atob(arr[1]);
+    var n = bstr.length;
+    var u8arr = new Uint8Array(n);
+    while (n--) {
+      u8arr[n] = bstr.charCodeAt(n);
+    }
+    var blob = new Blob([u8arr], { type: mime });
+    return URL.createObjectURL(blob);
+  };
+
+  /**
+   * get object URL for a blob object
+   * @function module:utilities.createObjectURL
+   * @param {Blob} blob A Blob object or File object
+   * @returns {string} object URL or empty string
+   */
+  var createObjectURL = function createObjectURL(blob) {
+    if (!blob || typeof URL === 'undefined' || !URL.createObjectURL) {
+      return '';
+    }
+    return URL.createObjectURL(blob);
+  };
+
+  /**
+   * @property {string} blankPageObjectURL
+   */
+  var blankPageObjectURL = function () {
+    if (typeof Blob === 'undefined') {
+      return '';
+    }
+    var blob = new Blob(['<html><head><title>SVG-edit</title></head><body>&nbsp;</body></html>'], { type: 'text/html' });
+    return createObjectURL(blob);
+  }();
+
+  /**
+  * Cross-browser compatible method of converting a string to an XML tree
+  * found this function [here]{@link http://groups.google.com/group/jquery-dev/browse_thread/thread/c6d11387c580a77f}
+  * @function module:utilities.text2xml
+  * @param {string} sXML
+  * @throws {Error}
+  * @returns {XMLDocument}
+  */
+  var text2xml = function text2xml(sXML) {
+    if (sXML.includes('<svg:svg')) {
+      sXML = sXML.replace(/<(\/?)svg:/g, '<$1').replace('xmlns:svg', 'xmlns');
+    }
+
+    var out = void 0,
+        dXML = void 0;
+    try {
+      dXML = window.DOMParser ? new DOMParser() : new window.ActiveXObject('Microsoft.XMLDOM');
+      dXML.async = false;
+    } catch (e) {
+      throw new Error('XML Parser could not be instantiated');
+    }
+    try {
+      if (dXML.loadXML) {
+        out = dXML.loadXML(sXML) ? dXML : false;
+      } else {
+        out = dXML.parseFromString(sXML, 'text/xml');
+      }
+    } catch (e2) {
+      throw new Error('Error parsing XML string');
+    }
+    return out;
+  };
+
+  /**
+  * @typedef {PlainObject} module:utilities.BBoxObject (like `DOMRect`)
+  * @property {Float} x
+  * @property {Float} y
+  * @property {Float} width
+  * @property {Float} height
+  */
+
+  /**
+  * Converts a `SVGRect` into an object.
+  * @function module:utilities.bboxToObj
+  * @param {SVGRect} bbox - a SVGRect
+  * @returns {module:utilities.BBoxObject} An object with properties names x, y, width, height.
+  */
+  var bboxToObj = function bboxToObj(_ref) {
+    var x = _ref.x,
+        y = _ref.y,
+        width = _ref.width,
+        height = _ref.height;
+
+    return { x: x, y: y, width: width, height: height };
+  };
+
+  /**
+  * @callback module:utilities.TreeWalker
+  * @param {Element} elem - DOM element being traversed
+  * @returns {undefined}
+  */
+
+  /**
+  * Walks the tree and executes the callback on each element in a top-down fashion
+  * @function module:utilities.walkTree
+  * @param {Element} elem - DOM element to traverse
+  * @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element
+  * @returns {undefined}
+  */
+  var walkTree = function walkTree(elem, cbFn) {
+    if (elem && elem.nodeType === 1) {
+      cbFn(elem);
+      var i = elem.childNodes.length;
+      while (i--) {
+        walkTree(elem.childNodes.item(i), cbFn);
+      }
+    }
+  };
+
+  /**
+  * Walks the tree and executes the callback on each element in a depth-first fashion
+  * @function module:utilities.walkTreePost
+  * @todo FIXME: Shouldn't this be calling walkTreePost?
+  * @param {Element} elem - DOM element to traverse
+  * @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element
+  * @returns {undefined}
+  */
+  var walkTreePost = function walkTreePost(elem, cbFn) {
+    if (elem && elem.nodeType === 1) {
+      var i = elem.childNodes.length;
+      while (i--) {
+        walkTree(elem.childNodes.item(i), cbFn);
+      }
+      cbFn(elem);
+    }
+  };
+
+  /**
+  * Extracts the URL from the `url(...)` syntax of some attributes.
+  * Three variants:
+  *  - `<circle fill="url(someFile.svg#foo)" />`
+  *  - `<circle fill="url('someFile.svg#foo')" />`
+  *  - `<circle fill='url("someFile.svg#foo")' />`
+  * @function module:utilities.getUrlFromAttr
+  * @param {string} attrVal The attribute value as a string
+  * @returns {string} String with just the URL, like "someFile.svg#foo"
+  */
+  var getUrlFromAttr = function getUrlFromAttr(attrVal) {
+    if (attrVal) {
+      // url('#somegrad')
+      if (attrVal.startsWith('url("')) {
+        return attrVal.substring(5, attrVal.indexOf('"', 6));
+      }
+      // url('#somegrad')
+      if (attrVal.startsWith("url('")) {
+        return attrVal.substring(5, attrVal.indexOf("'", 6));
+      }
+      if (attrVal.startsWith('url(')) {
+        return attrVal.substring(4, attrVal.indexOf(')'));
+      }
+    }
+    return null;
+  };
+
+  /**
+  * @function module:utilities.getHref
+  * @param {Element} elem
+  * @returns {string} The given element's `xlink:href` value
+  */
+  var getHref = function getHref(elem) {
+    return elem.getAttributeNS(NS.XLINK, 'href');
+  };
+
+  /**
+  * Sets the given element's `xlink:href` value
+  * @function module:utilities.setHref
+  * @param {Element} elem
+  * @param {string} val
+  * @returns {undefined}
+  */
+  var setHref = function setHref(elem, val) {
+    elem.setAttributeNS(NS.XLINK, 'xlink:href', val);
+  };
+
+  /**
+  * @function module:utilities.findDefs
+  * @returns {SVGDefsElement} The document's `<defs>` element, creating it first if necessary
+  */
+  var findDefs = function findDefs() {
+    var svgElement = editorContext_$1.getSVGContent();
+    var defs = svgElement.getElementsByTagNameNS(NS.SVG, 'defs');
+    if (defs.length > 0) {
+      defs = defs[0];
+    } else {
+      defs = svgElement.ownerDocument.createElementNS(NS.SVG, 'defs');
+      if (svgElement.firstChild) {
+        // first child is a comment, so call nextSibling
+        svgElement.insertBefore(defs, svgElement.firstChild.nextSibling);
+        // svgElement.firstChild.nextSibling.before(defs); // Not safe
+      } else {
+        svgElement.append(defs);
+      }
+    }
+    return defs;
+  };
+
+  // TODO(codedread): Consider moving the next to functions to bbox.js
+
+  /**
+  * Get correct BBox for a path in Webkit.
+  * Converted from code found [here]{@link http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html}
+  * @function module:utilities.getPathBBox
+  * @param {SVGPathElement} path - The path DOM element to get the BBox for
+  * @returns {module:utilities.BBoxObject} A BBox-like object
+  */
+  var getPathBBox = function getPathBBox(path$$1) {
+    var seglist = path$$1.pathSegList;
+    var tot = seglist.numberOfItems;
+
+    var bounds = [[], []];
+    var start = seglist.getItem(0);
+    var P0 = [start.x, start.y];
+
+    for (var i = 0; i < tot; i++) {
+      var seg = seglist.getItem(i);
+
+      if (seg.x === undefined) {
+        continue;
+      }
+
+      // Add actual points to limits
+      bounds[0].push(P0[0]);
+      bounds[1].push(P0[1]);
+
+      if (seg.x1) {
+        (function () {
+          var P1 = [seg.x1, seg.y1],
+              P2 = [seg.x2, seg.y2],
+              P3 = [seg.x, seg.y];
+
+          var _loop = function _loop(j) {
+            var calc = function calc(t) {
+              return Math.pow(1 - t, 3) * P0[j] + 3 * Math.pow(1 - t, 2) * t * P1[j] + 3 * (1 - t) * Math.pow(t, 2) * P2[j] + Math.pow(t, 3) * P3[j];
+            };
+
+            var b = 6 * P0[j] - 12 * P1[j] + 6 * P2[j];
+            var a = -3 * P0[j] + 9 * P1[j] - 9 * P2[j] + 3 * P3[j];
+            var c = 3 * P1[j] - 3 * P0[j];
+
+            if (a === 0) {
+              if (b === 0) {
+                return 'continue';
+              }
+              var t = -c / b;
+              if (t > 0 && t < 1) {
+                bounds[j].push(calc(t));
+              }
+              return 'continue';
+            }
+            var b2ac = Math.pow(b, 2) - 4 * c * a;
+            if (b2ac < 0) {
+              return 'continue';
+            }
+            var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
+            if (t1 > 0 && t1 < 1) {
+              bounds[j].push(calc(t1));
+            }
+            var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
+            if (t2 > 0 && t2 < 1) {
+              bounds[j].push(calc(t2));
+            }
+          };
+
+          for (var j = 0; j < 2; j++) {
+            var _ret2 = _loop(j);
+
+            if (_ret2 === 'continue') continue;
+          }
+          P0 = P3;
+        })();
+      } else {
+        bounds[0].push(seg.x);
+        bounds[1].push(seg.y);
+      }
+    }
+
+    var x = Math.min.apply(null, bounds[0]);
+    var w = Math.max.apply(null, bounds[0]) - x;
+    var y = Math.min.apply(null, bounds[1]);
+    var h = Math.max.apply(null, bounds[1]) - y;
+    return {
+      x: x,
+      y: y,
+      width: w,
+      height: h
+    };
+  };
+
+  /**
+  * Get the given/selected element's bounding box object, checking for
+  * horizontal/vertical lines (see issue 717)
+  * Note that performance is currently terrible, so some way to improve would
+  * be great.
+  * @param {Element} selected - Container or `<use>` DOM element
+  * @returns {DOMRect} Bounding box object
+  */
+  function groupBBFix(selected) {
+    if (supportsHVLineContainerBBox()) {
+      try {
+        return selected.getBBox();
+      } catch (e) {}
+    }
+    var ref = $$2.data(selected, 'ref');
+    var matched = null;
+    var ret = void 0,
+        copy = void 0;
+
+    if (ref) {
+      copy = $$2(ref).children().clone().attr('visibility', 'hidden');
+      $$2(svgroot_).append(copy);
+      matched = copy.filter('line, path');
+    } else {
+      matched = $$2(selected).find('line, path');
+    }
+
+    var issue = false;
+    if (matched.length) {
+      matched.each(function () {
+        var bb = this.getBBox();
+        if (!bb.width || !bb.height) {
+          issue = true;
+        }
+      });
+      if (issue) {
+        var elems = ref ? copy : $$2(selected).children();
+        ret = getStrokedBBox(elems);
+      } else {
+        ret = selected.getBBox();
+      }
+    } else {
+      ret = selected.getBBox();
+    }
+    if (ref) {
+      copy.remove();
+    }
+    return ret;
+  }
+
+  /**
+  * Get the given/selected element's bounding box object, convert it to be more
+  * usable when necessary
+  * @function module:utilities.getBBox
+  * @param {Element} elem - Optional DOM element to get the BBox for
+  * @returns {module:utilities.BBoxObject} Bounding box object
+  */
+  var getBBox = function getBBox(elem) {
+    var selected = elem || editorContext_$1.geSelectedElements()[0];
+    if (elem.nodeType !== 1) {
+      return null;
+    }
+    var elname = selected.nodeName;
+
+    var ret = null;
+    switch (elname) {
+      case 'text':
+        if (selected.textContent === '') {
+          selected.textContent = 'a'; // Some character needed for the selector to use.
+          ret = selected.getBBox();
+          selected.textContent = '';
+        } else {
+          if (selected.getBBox) {
+            ret = selected.getBBox();
+          }
+        }
+        break;
+      case 'path':
+        if (!supportsPathBBox()) {
+          ret = getPathBBox(selected);
+        } else {
+          if (selected.getBBox) {
+            ret = selected.getBBox();
+          }
+        }
+        break;
+      case 'g':
+      case 'a':
+        ret = groupBBFix(selected);
+        break;
+      default:
+
+        if (elname === 'use') {
+          ret = groupBBFix(selected, true);
+        }
+        if (elname === 'use' || elname === 'foreignObject' && isWebkit()) {
+          if (!ret) {
+            ret = selected.getBBox();
+          }
+          // This is resolved in later versions of webkit, perhaps we should
+          // have a featured detection for correct 'use' behavior?
+          // ——————————
+          if (!isWebkit()) {
+            var bb = {};
+            bb.width = ret.width;
+            bb.height = ret.height;
+            bb.x = ret.x + parseFloat(selected.getAttribute('x') || 0);
+            bb.y = ret.y + parseFloat(selected.getAttribute('y') || 0);
+            ret = bb;
+          }
+        } else if (visElemsArr.includes(elname)) {
+          if (selected) {
+            try {
+              ret = selected.getBBox();
+            } catch (err) {
+              // tspan (and textPath apparently) have no `getBBox` in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=937268
+              // Re: Chrome returning bbox for containing text element, see: https://bugs.chromium.org/p/chromium/issues/detail?id=349835
+              var extent = selected.getExtentOfChar(0); // pos+dimensions of the first glyph
+              var width = selected.getComputedTextLength(); // width of the tspan
+              ret = {
+                x: extent.x,
+                y: extent.y,
+                width: width,
+                height: extent.height
+              };
+            }
+          } else {
+            // Check if element is child of a foreignObject
+            var fo = $$2(selected).closest('foreignObject');
+            if (fo.length) {
+              if (fo[0].getBBox) {
+                ret = fo[0].getBBox();
+              }
+            }
+          }
+        }
+    }
+    if (ret) {
+      ret = bboxToObj(ret);
+    }
+
+    // get the bounding box from the DOM (which is in that element's coordinate system)
+    return ret;
+  };
+
+  /**
+  * @typedef {GenericArray} module:utilities.PathSegmentArray
+  * @property {Integer} length 2
+  * @property {"M"|"L"|"C"|"Z"} 0
+  * @property {Float[]} 1
+  */
+
+  /**
+  * Create a path 'd' attribute from path segments.
+  * Each segment is an array of the form: `[singleChar, [x,y, x,y, ...]]`
+  * @function module:utilities.getPathDFromSegments
+  * @param {module:utilities.PathSegmentArray[]} pathSegments - An array of path segments to be converted
+  * @returns {string} The converted path d attribute.
+  */
+  var getPathDFromSegments = function getPathDFromSegments(pathSegments) {
+    var d = '';
+
+    $$2.each(pathSegments, function (j, _ref2) {
+      var _ref3 = slicedToArray(_ref2, 2),
+          singleChar = _ref3[0],
+          pts = _ref3[1];
+
+      d += singleChar;
+      for (var i = 0; i < pts.length; i += 2) {
+        d += pts[i] + ',' + pts[i + 1] + ' ';
+      }
+    });
+
+    return d;
+  };
+
+  /**
+  * Make a path 'd' attribute from a simple SVG element shape.
+  * @function module:utilities.getPathDFromElement
+  * @param {Element} elem - The element to be converted
+  * @returns {string} The path d attribute or `undefined` if the element type is unknown.
+  */
+  var getPathDFromElement = function getPathDFromElement(elem) {
+    // Possibly the cubed root of 6, but 1.81 works best
+    var num = 1.81;
+    var d = void 0,
+        a = void 0,
+        rx = void 0,
+        ry = void 0;
+    switch (elem.tagName) {
+      case 'ellipse':
+      case 'circle':
+        a = $$2(elem).attr(['rx', 'ry', 'cx', 'cy']);
+        var _a = a,
+            cx = _a.cx,
+            cy = _a.cy;
+        var _a2 = a;
+        rx = _a2.rx;
+        ry = _a2.ry;
+
+        if (elem.tagName === 'circle') {
+          rx = ry = $$2(elem).attr('r');
+        }
+
+        d = getPathDFromSegments([['M', [cx - rx, cy]], ['C', [cx - rx, cy - ry / num, cx - rx / num, cy - ry, cx, cy - ry]], ['C', [cx + rx / num, cy - ry, cx + rx, cy - ry / num, cx + rx, cy]], ['C', [cx + rx, cy + ry / num, cx + rx / num, cy + ry, cx, cy + ry]], ['C', [cx - rx / num, cy + ry, cx - rx, cy + ry / num, cx - rx, cy]], ['Z', []]]);
+        break;
+      case 'path':
+        d = elem.getAttribute('d');
+        break;
+      case 'line':
+        a = $$2(elem).attr(['x1', 'y1', 'x2', 'y2']);
+        d = 'M' + a.x1 + ',' + a.y1 + 'L' + a.x2 + ',' + a.y2;
+        break;
+      case 'polyline':
+        d = 'M' + elem.getAttribute('points');
+        break;
+      case 'polygon':
+        d = 'M' + elem.getAttribute('points') + ' Z';
+        break;
+      case 'rect':
+        var r = $$2(elem).attr(['rx', 'ry']);
+        rx = r.rx;
+        ry = r.ry;
+
+        var _b = elem.getBBox();
+        var x = _b.x,
+            y = _b.y,
+            w = _b.width,
+            h = _b.height;
+
+        num = 4 - num; // Why? Because!
+
+        if (!rx && !ry) {
+          // Regular rect
+          d = getPathDFromSegments([['M', [x, y]], ['L', [x + w, y]], ['L', [x + w, y + h]], ['L', [x, y + h]], ['L', [x, y]], ['Z', []]]);
+        } else {
+          d = getPathDFromSegments([['M', [x, y + ry]], ['C', [x, y + ry / num, x + rx / num, y, x + rx, y]], ['L', [x + w - rx, y]], ['C', [x + w - rx / num, y, x + w, y + ry / num, x + w, y + ry]], ['L', [x + w, y + h - ry]], ['C', [x + w, y + h - ry / num, x + w - rx / num, y + h, x + w - rx, y + h]], ['L', [x + rx, y + h]], ['C', [x + rx / num, y + h, x, y + h - ry / num, x, y + h - ry]], ['L', [x, y + ry]], ['Z', []]]);
+        }
+        break;
+      default:
+        break;
+    }
+
+    return d;
+  };
+
+  /**
+  * Get a set of attributes from an element that is useful for convertToPath.
+  * @function module:utilities.getExtraAttributesForConvertToPath
+  * @param {Element} elem - The element to be probed
+  * @returns {PlainObject.<"marker-start"|"marker-end"|"marker-mid"|"filter"|"clip-path", string>} An object with attributes.
+  */
+  var getExtraAttributesForConvertToPath = function getExtraAttributesForConvertToPath(elem) {
+    var attrs = {};
+    // TODO: make this list global so that we can properly maintain it
+    // TODO: what about @transform, @clip-rule, @fill-rule, etc?
+    $$2.each(['marker-start', 'marker-end', 'marker-mid', 'filter', 'clip-path'], function () {
+      var a = elem.getAttribute(this);
+      if (a) {
+        attrs[this] = a;
+      }
+    });
+    return attrs;
+  };
+
+  /**
+  * Get the BBox of an element-as-path
+  * @function module:utilities.getBBoxOfElementAsPath
+  * @param {Element} elem - The DOM element to be probed
+  * @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+  * @param {module:path.pathActions} pathActions - If a transform exists, `pathActions.resetOrientation()` is used. See: canvas.pathActions.
+  * @returns {DOMRect|false} The resulting path's bounding box object.
+  */
+  var getBBoxOfElementAsPath = function getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1) {
+    var path$$1 = addSVGElementFromJson({
+      element: 'path',
+      attr: getExtraAttributesForConvertToPath(elem)
+    });
+
+    var eltrans = elem.getAttribute('transform');
+    if (eltrans) {
+      path$$1.setAttribute('transform', eltrans);
+    }
+
+    var parent = elem.parentNode;
+    if (elem.nextSibling) {
+      elem.before(path$$1);
+    } else {
+      parent.append(path$$1);
+    }
+
+    var d = getPathDFromElement(elem);
+    if (d) {
+      path$$1.setAttribute('d', d);
+    } else {
+      path$$1.remove();
+    }
+
+    // Get the correct BBox of the new path, then discard it
+    pathActions$$1.resetOrientation(path$$1);
+    var bb = false;
+    try {
+      bb = path$$1.getBBox();
+    } catch (e) {
+      // Firefox fails
+    }
+    path$$1.remove();
+    return bb;
+  };
+
+  /**
+  * Convert selected element to a path.
+  * @function module:utilities.convertToPath
+  * @param {Element} elem - The DOM element to be converted
+  * @param {module:utilities.SVGElementJSON} attrs - Apply attributes to new path. see canvas.convertToPath
+  * @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+  * @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+  * @param {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection} clearSelection - see [canvas.clearSelection]{@link module:svgcanvas.SvgCanvas#clearSelection}
+  * @param {module:path.EditorContext#addToSelection} addToSelection - see [canvas.addToSelection]{@link module:svgcanvas.SvgCanvas#addToSelection}
+  * @param {module:history} history - see history module
+  * @param {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory} addCommandToHistory - see [canvas.addCommandToHistory]{@link module:svgcanvas~addCommandToHistory}
+  * @returns {SVGPathElement|null} The converted path element or null if the DOM element was not recognized.
+  */
+  var convertToPath = function convertToPath(elem, attrs, addSVGElementFromJson, pathActions$$1, clearSelection, addToSelection, history, addCommandToHistory) {
+    var batchCmd = new history.BatchCommand('Convert element to Path');
+
+    // Any attribute on the element not covered by the passed-in attributes
+    attrs = $$2.extend({}, attrs, getExtraAttributesForConvertToPath(elem));
+
+    var path$$1 = addSVGElementFromJson({
+      element: 'path',
+      attr: attrs
+    });
+
+    var eltrans = elem.getAttribute('transform');
+    if (eltrans) {
+      path$$1.setAttribute('transform', eltrans);
+    }
+
+    var id = elem.id;
+
+    var parent = elem.parentNode;
+    if (elem.nextSibling) {
+      elem.before(path$$1);
+    } else {
+      parent.append(path$$1);
+    }
+
+    var d = getPathDFromElement(elem);
+    if (d) {
+      path$$1.setAttribute('d', d);
+
+      // Replace the current element with the converted one
+
+      // Reorient if it has a matrix
+      if (eltrans) {
+        var tlist = getTransformList(path$$1);
+        if (hasMatrixTransform(tlist)) {
+          pathActions$$1.resetOrientation(path$$1);
+        }
+      }
+
+      var nextSibling = elem.nextSibling;
+
+      batchCmd.addSubCommand(new history.RemoveElementCommand(elem, nextSibling, parent));
+      batchCmd.addSubCommand(new history.InsertElementCommand(path$$1));
+
+      clearSelection();
+      elem.remove();
+      path$$1.setAttribute('id', id);
+      path$$1.removeAttribute('visibility');
+      addToSelection([path$$1], true);
+
+      addCommandToHistory(batchCmd);
+
+      return path$$1;
+    }
+    // the elem.tagName was not recognized, so no "d" attribute. Remove it, so we've haven't changed anything.
+    path$$1.remove();
+    return null;
+  };
+
+  /**
+  * Can the bbox be optimized over the native getBBox? The optimized bbox is the same as the native getBBox when
+  * the rotation angle is a multiple of 90 degrees and there are no complex transforms.
+  * Getting an optimized bbox can be dramatically slower, so we want to make sure it's worth it.
+  *
+  * The best example for this is a circle rotate 45 degrees. The circle doesn't get wider or taller when rotated
+  * about it's center.
+  *
+  * The standard, unoptimized technique gets the native bbox of the circle, rotates the box 45 degrees, uses
+  * that width and height, and applies any transforms to get the final bbox. This means the calculated bbox
+  * is much wider than the original circle. If the angle had been 0, 90, 180, etc. both techniques render the
+  * same bbox.
+  *
+  * The optimization is not needed if the rotation is a multiple 90 degrees. The default technique is to call
+  * getBBox then apply the angle and any transforms.
+  *
+  * @param {Float} angle - The rotation angle in degrees
+  * @param {boolean} hasMatrixTransform - True if there is a matrix transform
+  * @returns {boolean} True if the bbox can be optimized.
+  */
+  function bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixTransform$$1) {
+    var angleModulo90 = angle % 90;
+    var closeTo90 = angleModulo90 < -89.99 || angleModulo90 > 89.99;
+    var closeTo0 = angleModulo90 > -0.001 && angleModulo90 < 0.001;
+    return hasMatrixTransform$$1 || !(closeTo0 || closeTo90);
+  }
+
+  /**
+  * Get bounding box that includes any transforms.
+  * @function module:utilities.getBBoxWithTransform
+  * @param {Element} elem - The DOM element to be converted
+  * @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+  * @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+  * @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object
+  */
+  var getBBoxWithTransform = function getBBoxWithTransform(elem, addSVGElementFromJson, pathActions$$1) {
+    // TODO: Fix issue with rotated groups. Currently they work
+    // fine in FF, but not in other browsers (same problem mentioned
+    // in Issue 339 comment #2).
+
+    var bb = getBBox(elem);
+
+    if (!bb) {
+      return null;
+    }
+
+    var tlist = getTransformList(elem);
+    var angle = getRotationAngleFromTransformList(tlist);
+    var hasMatrixXForm = hasMatrixTransform(tlist);
+
+    if (angle || hasMatrixXForm) {
+      var goodBb = false;
+      if (bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixXForm)) {
+        // Get the BBox from the raw path for these elements
+        // TODO: why ellipse and not circle
+        var elemNames = ['ellipse', 'path', 'line', 'polyline', 'polygon'];
+        if (elemNames.includes(elem.tagName)) {
+          bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1);
+        } else if (elem.tagName === 'rect') {
+          // Look for radius
+          var rx = elem.getAttribute('rx');
+          var ry = elem.getAttribute('ry');
+          if (rx || ry) {
+            bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1);
+          }
+        }
+      }
+
+      if (!goodBb) {
+        var _transformListToTrans = transformListToTransform(tlist),
+            matrix = _transformListToTrans.matrix;
+
+        bb = transformBox(bb.x, bb.y, bb.width, bb.height, matrix).aabox;
+
+        // Old technique that was exceedingly slow with large documents.
+        //
+        // Accurate way to get BBox of rotated element in Firefox:
+        // Put element in group and get its BBox
+        //
+        // Must use clone else FF freaks out
+        // const clone = elem.cloneNode(true);
+        // const g = document.createElementNS(NS.SVG, 'g');
+        // const parent = elem.parentNode;
+        // parent.append(g);
+        // g.append(clone);
+        // const bb2 = bboxToObj(g.getBBox());
+        // g.remove();
+      }
+    }
+    return bb;
+  };
+
+  // TODO: This is problematic with large stroke-width and, for example, a single horizontal line. The calculated BBox extends way beyond left and right sides.
+  function getStrokeOffsetForBBox(elem) {
+    var sw = elem.getAttribute('stroke-width');
+    return !isNaN(sw) && elem.getAttribute('stroke') !== 'none' ? sw / 2 : 0;
+  }
+
+  /**
+   * @typedef {PlainObject} BBox
+   * @property {Integer} x The x value
+   * @property {Integer} y The y value
+   * @property {Float} width
+   * @property {Float} height
+   */
+
+  /**
+  * Get the bounding box for one or more stroked and/or transformed elements
+  * @function module:utilities.getStrokedBBox
+  * @param {Element[]} elems - Array with DOM elements to check
+  * @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+  * @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+  * @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object
+  */
+  var getStrokedBBox = function getStrokedBBox(elems, addSVGElementFromJson, pathActions$$1) {
+    if (!elems || !elems.length) {
+      return false;
+    }
+
+    var fullBb = void 0;
+    $$2.each(elems, function () {
+      if (fullBb) {
+        return;
+      }
+      if (!this.parentNode) {
+        return;
+      }
+      fullBb = getBBoxWithTransform(this, addSVGElementFromJson, pathActions$$1);
+    });
+
+    // This shouldn't ever happen...
+    if (fullBb === undefined) {
+      return null;
+    }
+
+    // fullBb doesn't include the stoke, so this does no good!
+    // if (elems.length == 1) return fullBb;
+
+    var maxX = fullBb.x + fullBb.width;
+    var maxY = fullBb.y + fullBb.height;
+    var minX = fullBb.x;
+    var minY = fullBb.y;
+
+    // If only one elem, don't call the potentially slow getBBoxWithTransform method again.
+    if (elems.length === 1) {
+      var offset = getStrokeOffsetForBBox(elems[0]);
+      minX -= offset;
+      minY -= offset;
+      maxX += offset;
+      maxY += offset;
+    } else {
+      $$2.each(elems, function (i, elem) {
+        var curBb = getBBoxWithTransform(elem, addSVGElementFromJson, pathActions$$1);
+        if (curBb) {
+          var _offset = getStrokeOffsetForBBox(elem);
+          minX = Math.min(minX, curBb.x - _offset);
+          minY = Math.min(minY, curBb.y - _offset);
+          // TODO: The old code had this test for max, but not min. I suspect this test should be for both min and max
+          if (elem.nodeType === 1) {
+            maxX = Math.max(maxX, curBb.x + curBb.width + _offset);
+            maxY = Math.max(maxY, curBb.y + curBb.height + _offset);
+          }
+        }
+      });
+    }
+
+    fullBb.x = minX;
+    fullBb.y = minY;
+    fullBb.width = maxX - minX;
+    fullBb.height = maxY - minY;
+    return fullBb;
+  };
+
+  /**
+  * Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).
+  * Note that 0-opacity, off-screen etc elements are still considered "visible"
+  * for this function
+  * @function module:utilities.getVisibleElements
+  * @param {Element} parent - The parent DOM element to search within
+  * @returns {Element[]} All "visible" elements.
+  */
+  var getVisibleElements = function getVisibleElements(parent) {
+    if (!parent) {
+      parent = $$2(editorContext_$1.getSVGContent()).children(); // Prevent layers from being included
+    }
+
+    var contentElems = [];
+    $$2(parent).children().each(function (i, elem) {
+      if (elem.getBBox) {
+        contentElems.push(elem);
+      }
+    });
+    return contentElems.reverse();
+  };
+
+  /**
+  * Get the bounding box for one or more stroked and/or transformed elements
+  * @function module:utilities.getStrokedBBoxDefaultVisible
+  * @param {Element[]} elems - Array with DOM elements to check
+  * @returns {module:utilities.BBoxObject} A single bounding box object
+  */
+  var getStrokedBBoxDefaultVisible = function getStrokedBBoxDefaultVisible(elems) {
+    if (!elems) {
+      elems = getVisibleElements();
+    }
+    return getStrokedBBox(elems, editorContext_$1.addSVGElementFromJson, editorContext_$1.pathActions);
+  };
+
+  /**
+  * Get the rotation angle of the given transform list.
+  * @function module:utilities.getRotationAngleFromTransformList
+  * @param {SVGTransformList} tlist - List of transforms
+  * @param {boolean} toRad - When true returns the value in radians rather than degrees
+  * @returns {Float} The angle in degrees or radians
+  */
+  var getRotationAngleFromTransformList = function getRotationAngleFromTransformList(tlist, toRad) {
+    if (!tlist) {
+      return 0;
+    } // <svg> elements have no tlist
+    var N = tlist.numberOfItems;
+    for (var i = 0; i < N; ++i) {
+      var xform = tlist.getItem(i);
+      if (xform.type === 4) {
+        return toRad ? xform.angle * Math.PI / 180.0 : xform.angle;
+      }
+    }
+    return 0.0;
+  };
+
+  /**
+  * Get the rotation angle of the given/selected DOM element
+  * @function module:utilities.getRotationAngle
+  * @param {Element} [elem] - DOM element to get the angle for. Default to first of selected elements.
+  * @param {boolean} [toRad=false] - When true returns the value in radians rather than degrees
+  * @returns {Float} The angle in degrees or radians
+  */
+  var getRotationAngle = function getRotationAngle(elem, toRad) {
+    var selected = elem || editorContext_$1.getSelectedElements()[0];
+    // find the rotation transform (if any) and set it
+    var tlist = getTransformList(selected);
+    return getRotationAngleFromTransformList(tlist, toRad);
+  };
+
+  /**
+  * Get the reference element associated with the given attribute value
+  * @function module:utilities.getRefElem
+  * @param {string} attrVal - The attribute value as a string
+  * @returns {Element} Reference element
+  */
+  var getRefElem = function getRefElem(attrVal) {
+    return getElem(getUrlFromAttr(attrVal).substr(1));
+  };
+
+  /**
+  * Get a DOM element by ID within the SVG root element.
+  * @function module:utilities.getElem
+  * @param {string} id - String with the element's new ID
+  * @returns {Element}
+  */
+  var getElem = supportsSelectors() ? function (id) {
+    // querySelector lookup
+    return svgroot_.querySelector('#' + id);
+  } : supportsXpath() ? function (id) {
+    // xpath lookup
+    return domdoc_.evaluate('svg:svg[@id="svgroot"]//svg:*[@id="' + id + '"]', domcontainer_, function () {
+      return NS.SVG;
+    }, 9, null).singleNodeValue;
+  } : function (id) {
+    // jQuery lookup: twice as slow as xpath in FF
+    return $$2(svgroot_).find('[id=' + id + ']')[0];
+  };
+
+  /**
+  * Assigns multiple attributes to an element.
+  * @function module:utilities.assignAttributes
+  * @param {Element} elem - DOM element to apply new attribute values to
+  * @param {PlainObject.<string, string>} attrs - Object with attribute keys/values
+  * @param {Integer} [suspendLength] - Milliseconds to suspend redraw
+  * @param {boolean} [unitCheck=false] - Boolean to indicate the need to use units.setUnitAttr
+  * @returns {undefined}
+  */
+  var assignAttributes = function assignAttributes(elem, attrs, suspendLength, unitCheck) {
+    var _iteratorNormalCompletion = true;
+    var _didIteratorError = false;
+    var _iteratorError = undefined;
+
+    try {
+      for (var _iterator = Object.entries(attrs)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var _ref4 = _step.value;
+
+        var _ref5 = slicedToArray(_ref4, 2);
+
+        var key = _ref5[0];
+        var value = _ref5[1];
+
+        var ns = key.substr(0, 4) === 'xml:' ? NS.XML : key.substr(0, 6) === 'xlink:' ? NS.XLINK : null;
+
+        if (ns) {
+          elem.setAttributeNS(ns, key, value);
+        } else if (!unitCheck) {
+          elem.setAttribute(key, value);
+        } else {
+          setUnitAttr(elem, key, value);
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+  };
+
+  /**
+  * Remove unneeded (default) attributes, makes resulting SVG smaller
+  * @function module:utilities.cleanupElement
+  * @param {Element} element - DOM element to clean up
+  * @returns {undefined}
+  */
+  var cleanupElement = function cleanupElement(element) {
+    var defaults$$1 = {
+      'fill-opacity': 1,
+      'stop-opacity': 1,
+      opacity: 1,
+      stroke: 'none',
+      'stroke-dasharray': 'none',
+      'stroke-linejoin': 'miter',
+      'stroke-linecap': 'butt',
+      'stroke-opacity': 1,
+      'stroke-width': 1,
+      rx: 0,
+      ry: 0
+    };
+
+    if (element.nodeName === 'ellipse') {
+      // Ellipse elements require rx and ry attributes
+      delete defaults$$1.rx;
+      delete defaults$$1.ry;
+    }
+
+    for (var attr in defaults$$1) {
+      var val = defaults$$1[attr];
+      if (element.getAttribute(attr) === String(val)) {
+        element.removeAttribute(attr);
+      }
+    }
+  };
+
+  /**
+  * Round value to for snapping
+  * @function module:utilities.snapToGrid
+  * @param {Float} value
+  * @returns {Integer}
+  */
+  var snapToGrid = function snapToGrid(value) {
+    var unit = editorContext_$1.getBaseUnit();
+    var stepSize = editorContext_$1.getSnappingStep();
+    if (unit !== 'px') {
+      stepSize *= getTypeMap()[unit];
+    }
+    value = Math.round(value / stepSize) * stepSize;
+    return value;
+  };
+
+  /**
+  * Escapes special characters in a regular expression
+  * @function module:utilities.regexEscape
+  * @param {string} str
+  * @returns {string}
+  */
+  var regexEscape = function regexEscape(str) {
+    // From: http://phpjs.org/functions
+    return String(str).replace(new RegExp('[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\-]', 'g'), '\\$&');
+  };
+
+  /**
+   * Prevents default browser click behaviour on the given element
+   * @function module:utilities.preventClickDefault
+   * @param {Element} img - The DOM element to prevent the click on
+   * @returns {undefined}
+   */
+  var preventClickDefault = function preventClickDefault(img) {
+    $$2(img).click(function (e) {
+      e.preventDefault();
+    });
+  };
+
+  /**
+   * @callback module:utilities.GetNextID
+   * @returns {string} The ID
+   */
+  /**
+   * Create a clone of an element, updating its ID and its children's IDs when needed
+   * @function module:utilities.copyElem
+   * @param {Element} el - DOM element to clone
+   * @param {module:utilities.GetNextID} getNextId - The getter of the next unique ID.
+   * @returns {Element} The cloned element
+   */
+  var copyElem = function copyElem(el, getNextId) {
+    // manually create a copy of the element
+    var newEl = document.createElementNS(el.namespaceURI, el.nodeName);
+    $$2.each(el.attributes, function (i, attr) {
+      if (attr.localName !== '-moz-math-font-style') {
+        newEl.setAttributeNS(attr.namespaceURI, attr.nodeName, attr.value);
+      }
+    });
+    // set the copied element's new id
+    newEl.removeAttribute('id');
+    newEl.id = getNextId();
+
+    // Opera's "d" value needs to be reset for Opera/Win/non-EN
+    // Also needed for webkit (else does not keep curved segments on clone)
+    if (isWebkit() && el.nodeName === 'path') {
+      var fixedD = convertPath(el);
+      newEl.setAttribute('d', fixedD);
+    }
+
+    // now create copies of all children
+    $$2.each(el.childNodes, function (i, child) {
+      switch (child.nodeType) {
+        case 1:
+          // element node
+          newEl.append(copyElem(child, getNextId));
+          break;
+        case 3:
+          // text node
+          newEl.textContent = child.nodeValue;
+          break;
+        default:
+          break;
+      }
+    });
+
+    if ($$2(el).data('gsvg')) {
+      $$2(newEl).data('gsvg', newEl.firstChild);
+    } else if ($$2(el).data('symbol')) {
+      var ref = $$2(el).data('symbol');
+      $$2(newEl).data('ref', ref).data('symbol', ref);
+    } else if (newEl.tagName === 'image') {
+      preventClickDefault(newEl);
+    }
+
+    return newEl;
+  };
+
+  /* globals jQuery */
+  /**
+   * Adds context menu functionality
+   * @module contextmenu
+   * @license Apache-2.0
+   * @author Adam Bender
+   */
+  // Dependencies:
+  // 1) jQuery (for dom injection of context menus)
+
+  var $$3 = jQuery;
+
+  var contextMenuExtensions = {};
+
+  /**
+  * @function module:contextmenu.hasCustomHandler
+  * @param {string} handlerKey
+  * @returns {boolean}
+  */
+  var hasCustomHandler = function hasCustomHandler(handlerKey) {
+    return Boolean(contextMenuExtensions[handlerKey]);
+  };
+
+  /**
+  * @function module:contextmenu.getCustomHandler
+  * @param {string} handlerKey
+  * @returns {module:contextmenu.MenuItemAction}
+  */
+  var getCustomHandler = function getCustomHandler(handlerKey) {
+    return contextMenuExtensions[handlerKey].action;
+  };
+
+  /**
+  * @param {module:contextmenu.MenuItem} menuItem
+  * @returns {undefined}
+  */
+  var injectExtendedContextMenuItemIntoDom = function injectExtendedContextMenuItemIntoDom(menuItem) {
+    if (!Object.keys(contextMenuExtensions).length) {
+      // all menuItems appear at the bottom of the menu in their own container.
+      // if this is the first extension menu we need to add the separator.
+      $$3('#cmenu_canvas').append("<li class='separator'>");
+    }
+    var shortcut = menuItem.shortcut || '';
+    $$3('#cmenu_canvas').append("<li class='disabled'><a href='#" + menuItem.id + "'>" + menuItem.label + "<span class='shortcut'>" + shortcut + '</span></a></li>');
+  };
+
+  /**
+  * @function module:contextmenu.injectExtendedContextMenuItemsIntoDom
+  * @returns {undefined}
+  */
+  var injectExtendedContextMenuItemsIntoDom = function injectExtendedContextMenuItemsIntoDom() {
+    for (var menuItem in contextMenuExtensions) {
+      injectExtendedContextMenuItemIntoDom(contextMenuExtensions[menuItem]);
+    }
+  };
+
+  // MIT License
+  // From: https://github.com/uupaa/dynamic-import-polyfill/blob/master/importModule.js
+
+  /**
+   * @module importModule
+   */
+
+  function toAbsoluteURL(url) {
+    var a = document.createElement('a');
+    a.setAttribute('href', url); // <a href="hoge.html">
+    return a.cloneNode(false).href; // -> "http://example.com/hoge.html"
+  }
+
+  function addScriptAtts(script, atts) {
+    ['id', 'class', 'type'].forEach(function (prop) {
+      if (prop in atts) {
+        script[prop] = atts[prop];
+      }
+    });
+  }
+
+  // Additions by Brett
+  /**
+  * @typedef {PlainObject} module:importModule.ImportConfig
+  * @property {string} global The variable name to set on `window` (when not using the modular version)
+  * @property {boolean} [returnDefault=false]
+  */
+  /**
+  * @function module:importModule.importSetGlobalDefault
+  * @param {string} url
+  * @param {module:importModule.ImportConfig} config
+  * @returns {*} The return depends on the export of the targeted module.
+  */
+  var importSetGlobalDefault = function () {
+    var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(url, config) {
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt('return', importSetGlobal(url, _extends({}, config, { returnDefault: true })));
+
+            case 1:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, this);
+    }));
+
+    return function importSetGlobalDefault(_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  /**
+  * @function module:importModule.importSetGlobal
+  * @param {string} url
+  * @param {module:importModule.ImportConfig} config
+  * @returns {ArbitraryModule|*} The return depends on the export of the targeted module.
+  */
+  var importSetGlobal = function () {
+    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(url, _ref2) {
+      var global = _ref2.global,
+          returnDefault = _ref2.returnDefault;
+      var modularVersion;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              // Todo: Replace calls to this function with `import()` when supported
+              modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+
+              if (!modularVersion) {
+                _context2.next = 3;
+                break;
+              }
+
+              return _context2.abrupt('return', importModule(url, undefined, { returnDefault: returnDefault }));
+
+            case 3:
+              _context2.next = 5;
+              return importScript(url);
+
+            case 5:
+              return _context2.abrupt('return', window[global]);
+
+            case 6:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, this);
+    }));
+
+    return function importSetGlobal(_x3, _x4) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  // Addition by Brett
+  function importScript(url) {
+    var atts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    if (Array.isArray(url)) {
+      return Promise.all(url.map(function (u) {
+        return importScript(u, atts);
+      }));
+    }
+    return new Promise(function (resolve, reject) {
+      var script = document.createElement('script');
+      var destructor = function destructor() {
+        script.onerror = null;
+        script.onload = null;
+        script.remove();
+        script.src = '';
+      };
+      script.defer = 'defer';
+      addScriptAtts(script, atts);
+      script.onerror = function () {
+        reject(new Error('Failed to import: ' + url));
+        destructor();
+      };
+      script.onload = function () {
+        resolve();
+        destructor();
+      };
+      script.src = url;
+
+      document.head.append(script);
+    });
+  }
+
+  function importModule(url) {
+    var atts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    var _ref4 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+        _ref4$returnDefault = _ref4.returnDefault,
+        returnDefault = _ref4$returnDefault === undefined ? false : _ref4$returnDefault;
+
+    if (Array.isArray(url)) {
+      return Promise.all(url.map(function (u) {
+        return importModule(u, atts);
+      }));
+    }
+    return new Promise(function (resolve, reject) {
+      var vector = '$importModule$' + Math.random().toString(32).slice(2);
+      var script = document.createElement('script');
+      var destructor = function destructor() {
+        delete window[vector];
+        script.onerror = null;
+        script.onload = null;
+        script.remove();
+        URL.revokeObjectURL(script.src);
+        script.src = '';
+      };
+      addScriptAtts(script, atts);
+      script.defer = 'defer';
+      script.type = 'module';
+      script.onerror = function () {
+        reject(new Error('Failed to import: ' + url));
+        destructor();
+      };
+      script.onload = function () {
+        resolve(window[vector]);
+        destructor();
+      };
+      var absURL = toAbsoluteURL(url);
+      var loader = 'import * as m from \'' + absURL.replace(/'/g, "\\'") + '\'; window.' + vector + ' = ' + (returnDefault ? 'm.default || ' : '') + 'm;'; // export Module
+      var blob = new Blob([loader], { type: 'text/javascript' });
+      script.src = URL.createObjectURL(blob);
+
+      document.head.append(script);
+    });
+  }
+
+  /* globals jQuery */
+
+  var $$4 = jQuery;
+
+  /**
+   * This class encapsulates the concept of a layer in the drawing. It can be constructed with
+   * an existing group element or, with three parameters, will create a new layer group element.
+   *
+   * @example
+   * new Layer('name', group);          // Use the existing group for this layer.
+   * new Layer('name', group, svgElem); // Create a new group and add it to the DOM after group.
+   * new Layer('name', null, svgElem);  // Create a new group and add it to the DOM as the last layer.
+   * @memberof module:layer
+   */
+
+  var Layer = function () {
+    /**
+    * @param {string} name - Layer name
+    * @param {SVGGElement|null} group - An existing SVG group element or null.
+    *     If group and no svgElem, use group for this layer.
+    *     If group and svgElem, create a new group element and insert it in the DOM after group.
+    *     If no group and svgElem, create a new group element and insert it in the DOM as the last layer.
+    * @param {SVGGElement=} svgElem - The SVG DOM element. If defined, use this to add
+    *     a new layer to the document.
+    */
+    function Layer(name, group, svgElem) {
+      classCallCheck(this, Layer);
+
+      this.name_ = name;
+      this.group_ = svgElem ? null : group;
+
+      if (svgElem) {
+        // Create a group element with title and add it to the DOM.
+        var svgdoc = svgElem.ownerDocument;
+        this.group_ = svgdoc.createElementNS(NS.SVG, 'g');
+        var layerTitle = svgdoc.createElementNS(NS.SVG, 'title');
+        layerTitle.textContent = name;
+        this.group_.append(layerTitle);
+        if (group) {
+          $$4(group).after(this.group_);
+        } else {
+          svgElem.append(this.group_);
+        }
+      }
+
+      addLayerClass(this.group_);
+      walkTree(this.group_, function (e) {
+        e.setAttribute('style', 'pointer-events:inherit');
+      });
+
+      this.group_.setAttribute('style', svgElem ? 'pointer-events:all' : 'pointer-events:none');
+    }
+
+    /**
+     * Get the layer's name.
+     * @returns {string} The layer name
+     */
+
+
+    createClass(Layer, [{
+      key: 'getName',
+      value: function getName() {
+        return this.name_;
+      }
+
+      /**
+       * Get the group element for this layer.
+       * @returns {SVGGElement} The layer SVG group
+       */
+
+    }, {
+      key: 'getGroup',
+      value: function getGroup() {
+        return this.group_;
+      }
+
+      /**
+       * Active this layer so it takes pointer events.
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'activate',
+      value: function activate() {
+        this.group_.setAttribute('style', 'pointer-events:all');
+      }
+
+      /**
+       * Deactive this layer so it does NOT take pointer events.
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'deactivate',
+      value: function deactivate() {
+        this.group_.setAttribute('style', 'pointer-events:none');
+      }
+
+      /**
+       * Set this layer visible or hidden based on 'visible' parameter.
+       * @param {boolean} visible - If true, make visible; otherwise, hide it.
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'setVisible',
+      value: function setVisible(visible) {
+        var expected = visible === undefined || visible ? 'inline' : 'none';
+        var oldDisplay = this.group_.getAttribute('display');
+        if (oldDisplay !== expected) {
+          this.group_.setAttribute('display', expected);
+        }
+      }
+
+      /**
+       * Is this layer visible?
+       * @returns {boolean} True if visible.
+       */
+
+    }, {
+      key: 'isVisible',
+      value: function isVisible() {
+        return this.group_.getAttribute('display') !== 'none';
+      }
+
+      /**
+       * Get layer opacity.
+       * @returns {Float} Opacity value.
+       */
+
+    }, {
+      key: 'getOpacity',
+      value: function getOpacity() {
+        var opacity = this.group_.getAttribute('opacity');
+        if (opacity === null || opacity === undefined) {
+          return 1;
+        }
+        return parseFloat(opacity);
+      }
+
+      /**
+       * Sets the opacity of this layer. If opacity is not a value between 0.0 and 1.0,
+       * nothing happens.
+       * @param {Float} opacity - A float value in the range 0.0-1.0
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'setOpacity',
+      value: function setOpacity(opacity) {
+        if (typeof opacity === 'number' && opacity >= 0.0 && opacity <= 1.0) {
+          this.group_.setAttribute('opacity', opacity);
+        }
+      }
+
+      /**
+       * Append children to this layer.
+       * @param {SVGGElement} children - The children to append to this layer.
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'appendChildren',
+      value: function appendChildren(children) {
+        for (var i = 0; i < children.length; ++i) {
+          this.group_.append(children[i]);
+        }
+      }
+
+      /**
+      * @returns {SVGTitleElement|null}
+      */
+
+    }, {
+      key: 'getTitleElement',
+      value: function getTitleElement() {
+        var len = this.group_.childNodes.length;
+        for (var i = 0; i < len; ++i) {
+          var child = this.group_.childNodes.item(i);
+          if (child && child.tagName === 'title') {
+            return child;
+          }
+        }
+        return null;
+      }
+
+      /**
+       * Set the name of this layer.
+       * @param {string} name - The new name.
+       * @param {module:history.HistoryRecordingService} hrService - History recording service
+       * @returns {string|null} The new name if changed; otherwise, null.
+       */
+
+    }, {
+      key: 'setName',
+      value: function setName(name, hrService) {
+        var previousName = this.name_;
+        name = toXml(name);
+        // now change the underlying title element contents
+        var title = this.getTitleElement();
+        if (title) {
+          $$4(title).empty();
+          title.textContent = name;
+          this.name_ = name;
+          if (hrService) {
+            hrService.changeElement(title, { '#text': previousName });
+          }
+          return this.name_;
+        }
+        return null;
+      }
+
+      /**
+       * Remove this layer's group from the DOM. No more functions on group can be called after this.
+       * @param {SVGGElement} children - The children to append to this layer.
+       * @returns {SVGGElement} The layer SVG group that was just removed.
+       */
+
+    }, {
+      key: 'removeGroup',
+      value: function removeGroup() {
+        var parent = this.group_.parentNode;
+        var group = parent.removeChild(this.group_);
+        this.group_ = undefined;
+        return group;
+      }
+    }]);
+    return Layer;
+  }();
+  /**
+   * @property {string} CLASS_NAME - class attribute assigned to all layer groups.
+   */
+
+
+  Layer.CLASS_NAME = 'layer';
+
+  /**
+   * @property {RegExp} CLASS_REGEX - Used to test presence of class Layer.CLASS_NAME
+   */
+  Layer.CLASS_REGEX = new RegExp('(\\s|^)' + Layer.CLASS_NAME + '(\\s|$)');
+
+  /**
+   * Add class `Layer.CLASS_NAME` to the element (usually `class='layer'`).
+   *
+   * @param {SVGGElement} elem - The SVG element to update
+   * @returns {undefined}
+   */
+  function addLayerClass(elem) {
+    var classes = elem.getAttribute('class');
+    if (classes === null || classes === undefined || !classes.length) {
+      elem.setAttribute('class', Layer.CLASS_NAME);
+    } else if (!Layer.CLASS_REGEX.test(classes)) {
+      elem.setAttribute('class', classes + ' ' + Layer.CLASS_NAME);
+    }
+  }
+
+  /**
+   * HistoryRecordingService component of history
+   * @module history
+   * @license MIT
+   * @copyright 2016 Flint O'Brien
+   */
+
+  /**
+   * History recording service.
+   *
+   * A self-contained service interface for recording history. Once injected, no other dependencies
+   * or globals are required (example: UndoManager, command types, etc.). Easy to mock for unit tests.
+   * Built on top of history classes in history.js.
+   *
+   * There is a simple start/end interface for batch commands.
+   *
+   * HistoryRecordingService.NO_HISTORY is a singleton that can be passed in to functions
+   * that record history. This helps when the caller requires that no history be recorded.
+   *
+   * The following will record history: insert, batch, insert.
+   * @example
+   * hrService = new history.HistoryRecordingService(this.undoMgr);
+   * hrService.insertElement(elem, text);         // add simple command to history.
+   * hrService.startBatchCommand('create two elements');
+   * hrService.changeElement(elem, attrs, text);  // add to batchCommand
+   * hrService.changeElement(elem, attrs2, text); // add to batchCommand
+   * hrService.endBatchCommand();                  // add batch command with two change commands to history.
+   * hrService.insertElement(elem, text);         // add simple command to history.
+   *
+   * @example
+   * // Note that all functions return this, so commands can be chained, like so:
+   * hrService
+   *   .startBatchCommand('create two elements')
+   *   .insertElement(elem, text)
+   *   .changeElement(elem, attrs, text)
+   *   .endBatchCommand();
+   *
+   * @memberof module:history
+   */
+
+  var HistoryRecordingService = function () {
+    /**
+    * @param {history.UndoManager|null} undoManager - The undo manager.
+    *     A value of `null` is valid for cases where no history recording is required.
+    *     See singleton: {@link module:history.HistoryRecordingService.HistoryRecordingService.NO_HISTORY}
+    */
+    function HistoryRecordingService(undoManager) {
+      classCallCheck(this, HistoryRecordingService);
+
+      this.undoManager_ = undoManager;
+      this.currentBatchCommand_ = null;
+      this.batchCommandStack_ = [];
+    }
+
+    /**
+     * Start a batch command so multiple commands can recorded as a single history command.
+     * Requires a corresponding call to endBatchCommand. Start and end commands can be nested.
+     *
+     * @param {string} text - Optional string describing the batch command.
+     * @returns {module:history.HistoryRecordingService}
+     */
+
+
+    createClass(HistoryRecordingService, [{
+      key: 'startBatchCommand',
+      value: function startBatchCommand(text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.currentBatchCommand_ = new BatchCommand(text);
+        this.batchCommandStack_.push(this.currentBatchCommand_);
+        return this;
+      }
+
+      /**
+       * End a batch command and add it to the history or a parent batch command.
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'endBatchCommand',
+      value: function endBatchCommand() {
+        if (!this.undoManager_) {
+          return this;
+        }
+        if (this.currentBatchCommand_) {
+          var batchCommand = this.currentBatchCommand_;
+          this.batchCommandStack_.pop();
+          var length = this.batchCommandStack_.length;
+
+          this.currentBatchCommand_ = length ? this.batchCommandStack_[length - 1] : null;
+          this.addCommand_(batchCommand);
+        }
+        return this;
+      }
+
+      /**
+       * Add a MoveElementCommand to the history or current batch command
+       * @param {Element} elem - The DOM element that was moved
+       * @param {Element} oldNextSibling - The element's next sibling before it was moved
+       * @param {Element} oldParent - The element's parent before it was moved
+       * @param {string} [text] - An optional string visible to user related to this change
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'moveElement',
+      value: function moveElement(elem, oldNextSibling, oldParent, text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.addCommand_(new MoveElementCommand(elem, oldNextSibling, oldParent, text));
+        return this;
+      }
+
+      /**
+       * Add an InsertElementCommand to the history or current batch command
+       * @param {Element} elem - The DOM element that was added
+       * @param {string} [text] - An optional string visible to user related to this change
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'insertElement',
+      value: function insertElement(elem, text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.addCommand_(new InsertElementCommand(elem, text));
+        return this;
+      }
+
+      /**
+       * Add a RemoveElementCommand to the history or current batch command
+       * @param {Element} elem - The DOM element that was removed
+       * @param {Element} oldNextSibling - The element's next sibling before it was removed
+       * @param {Element} oldParent - The element's parent before it was removed
+       * @param {string} [text] - An optional string visible to user related to this change
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'removeElement',
+      value: function removeElement(elem, oldNextSibling, oldParent, text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.addCommand_(new RemoveElementCommand(elem, oldNextSibling, oldParent, text));
+        return this;
+      }
+
+      /**
+       * Add a ChangeElementCommand to the history or current batch command
+       * @param {Element} elem - The DOM element that was changed
+       * @param {module:history.CommandAttributes} attrs - An object with the attributes to be changed and the values they had *before* the change
+       * @param {string} [text] - An optional string visible to user related to this change
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'changeElement',
+      value: function changeElement(elem, attrs, text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.addCommand_(new ChangeElementCommand(elem, attrs, text));
+        return this;
+      }
+
+      /**
+       * Private function to add a command to the history or current batch command.
+       * @private
+       * @param {Command} cmd
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'addCommand_',
+      value: function addCommand_(cmd) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        if (this.currentBatchCommand_) {
+          this.currentBatchCommand_.addSubCommand(cmd);
+        } else {
+          this.undoManager_.addCommandToHistory(cmd);
+        }
+      }
+    }]);
+    return HistoryRecordingService;
+  }();
+  /**
+   * @memberof module:history.HistoryRecordingService
+   * @property {module:history.HistoryRecordingService} NO_HISTORY - Singleton that can be passed to functions that record history, but the caller requires that no history be recorded.
+   */
+
+
+  HistoryRecordingService.NO_HISTORY = new HistoryRecordingService();
+
+  /* globals jQuery */
+
+  var $$5 = jQuery;
+
+  var visElems$1 = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use'.split(',');
+
+  var RandomizeModes = {
+    LET_DOCUMENT_DECIDE: 0,
+    ALWAYS_RANDOMIZE: 1,
+    NEVER_RANDOMIZE: 2
+  };
+  var randIds = RandomizeModes.LET_DOCUMENT_DECIDE;
+  // Array with current disabled elements (for in-group editing)
+  var disabledElems = [];
+
+  /**
+   * Get a HistoryRecordingService.
+   * @param {module:history.HistoryRecordingService} [hrService] - if exists, return it instead of creating a new service.
+   * @returns {module:history.HistoryRecordingService}
+   */
+  function historyRecordingService(hrService) {
+    return hrService || new HistoryRecordingService(canvas_.undoMgr);
+  }
+
+  /**
+   * Find the layer name in a group element.
+   * @param {Element} group The group element to search in.
+   * @returns {string} The layer name or empty string.
+   */
+  function findLayerNameInGroup(group) {
+    return $$5('title', group).text() || (isOpera() && group.querySelectorAll
+    // Hack for Opera 10.60
+    ? $$5(group.querySelectorAll('title')).text() : '');
+  }
+
+  /**
+   * Given a set of names, return a new unique name.
+   * @param {string[]} existingLayerNames - Existing layer names.
+   * @returns {string} - The new name.
+   */
+  function getNewLayerName(existingLayerNames) {
+    var i = 1;
+    // TODO(codedread): What about internationalization of "Layer"?
+    while (existingLayerNames.includes('Layer ' + i)) {
+      i++;
+    }
+    return 'Layer ' + i;
+  }
+
+  /**
+   * This class encapsulates the concept of a SVG-edit drawing
+   */
+  var Drawing = function () {
+    /**
+    * @param {SVGSVGElement} svgElem - The SVG DOM Element that this JS object
+    *     encapsulates.  If the svgElem has a se:nonce attribute on it, then
+    *     IDs will use the nonce as they are generated.
+    * @param {string} [optIdPrefix=svg_] - The ID prefix to use.
+    * @throws {Error} If not initialized with an SVG element
+    */
+    function Drawing(svgElem, optIdPrefix) {
+      classCallCheck(this, Drawing);
+
+      if (!svgElem || !svgElem.tagName || !svgElem.namespaceURI || svgElem.tagName !== 'svg' || svgElem.namespaceURI !== NS.SVG) {
+        throw new Error('Error: svgedit.draw.Drawing instance initialized without a <svg> element');
+      }
+
+      /**
+      * The SVG DOM Element that represents this drawing.
+      * @type {SVGSVGElement}
+      */
+      this.svgElem_ = svgElem;
+
+      /**
+      * The latest object number used in this drawing.
+      * @type {Integer}
+      */
+      this.obj_num = 0;
+
+      /**
+      * The prefix to prepend to each element id in the drawing.
+      * @type {string}
+      */
+      this.idPrefix = optIdPrefix || 'svg_';
+
+      /**
+      * An array of released element ids to immediately reuse.
+      * @type {Integer[]}
+      */
+      this.releasedNums = [];
+
+      /**
+      * The z-ordered array of Layer objects. Each layer has a name
+      * and group element.
+      * The first layer is the one at the bottom of the rendering.
+      * @type {Layer[]}
+      */
+      this.all_layers = [];
+
+      /**
+      * Map of all_layers by name.
+      *
+      * Note: Layers are ordered, but referenced externally by name; so, we need both container
+      * types depending on which function is called (i.e. all_layers and layer_map).
+      *
+      * @type {PlainObject.<string, Layer>}
+      */
+      this.layer_map = {};
+
+      /**
+      * The current layer being used.
+      * @type {Layer}
+      */
+      this.current_layer = null;
+
+      /**
+      * The nonce to use to uniquely identify elements across drawings.
+      * @type {!String}
+      */
+      this.nonce_ = '';
+      var n = this.svgElem_.getAttributeNS(NS.SE, 'nonce');
+      // If already set in the DOM, use the nonce throughout the document
+      // else, if randomizeIds(true) has been called, create and set the nonce.
+      if (!!n && randIds !== RandomizeModes.NEVER_RANDOMIZE) {
+        this.nonce_ = n;
+      } else if (randIds === RandomizeModes.ALWAYS_RANDOMIZE) {
+        this.setNonce(Math.floor(Math.random() * 100001));
+      }
+    }
+
+    /**
+     * @param {string} id Element ID to retrieve
+     * @returns {Element} SVG element within the root SVGSVGElement
+    */
+
+
+    createClass(Drawing, [{
+      key: 'getElem_',
+      value: function getElem_(id) {
+        if (this.svgElem_.querySelector) {
+          // querySelector lookup
+          return this.svgElem_.querySelector('#' + id);
+        }
+        // jQuery lookup: twice as slow as xpath in FF
+        return $$5(this.svgElem_).find('[id=' + id + ']')[0];
+      }
+
+      /**
+       * @returns {SVGSVGElement}
+       */
+
+    }, {
+      key: 'getSvgElem',
+      value: function getSvgElem() {
+        return this.svgElem_;
+      }
+
+      /**
+       * @returns {!(string|Integer)} The previously set nonce
+       */
+
+    }, {
+      key: 'getNonce',
+      value: function getNonce() {
+        return this.nonce_;
+      }
+
+      /**
+       * @param {!(string|Integer)} n The nonce to set
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'setNonce',
+      value: function setNonce(n) {
+        this.svgElem_.setAttributeNS(NS.XMLNS, 'xmlns:se', NS.SE);
+        this.svgElem_.setAttributeNS(NS.SE, 'se:nonce', n);
+        this.nonce_ = n;
+      }
+
+      /**
+       * Clears any previously set nonce
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'clearNonce',
+      value: function clearNonce() {
+        // We deliberately leave any se:nonce attributes alone,
+        // we just don't use it to randomize ids.
+        this.nonce_ = '';
+      }
+
+      /**
+       * Returns the latest object id as a string.
+       * @returns {string} The latest object Id.
+       */
+
+    }, {
+      key: 'getId',
+      value: function getId() {
+        return this.nonce_ ? this.idPrefix + this.nonce_ + '_' + this.obj_num : this.idPrefix + this.obj_num;
+      }
+
+      /**
+       * Returns the next object Id as a string.
+       * @returns {string} The next object Id to use.
+       */
+
+    }, {
+      key: 'getNextId',
+      value: function getNextId() {
+        var oldObjNum = this.obj_num;
+        var restoreOldObjNum = false;
+
+        // If there are any released numbers in the release stack,
+        // use the last one instead of the next obj_num.
+        // We need to temporarily use obj_num as that is what getId() depends on.
+        if (this.releasedNums.length > 0) {
+          this.obj_num = this.releasedNums.pop();
+          restoreOldObjNum = true;
+        } else {
+          // If we are not using a released id, then increment the obj_num.
+          this.obj_num++;
+        }
+
+        // Ensure the ID does not exist.
+        var id = this.getId();
+        while (this.getElem_(id)) {
+          if (restoreOldObjNum) {
+            this.obj_num = oldObjNum;
+            restoreOldObjNum = false;
+          }
+          this.obj_num++;
+          id = this.getId();
+        }
+        // Restore the old object number if required.
+        if (restoreOldObjNum) {
+          this.obj_num = oldObjNum;
+        }
+        return id;
+      }
+
+      /**
+       * Releases the object Id, letting it be used as the next id in getNextId().
+       * This method DOES NOT remove any elements from the DOM, it is expected
+       * that client code will do this.
+       * @param {string} id - The id to release.
+       * @returns {boolean} True if the id was valid to be released, false otherwise.
+      */
+
+    }, {
+      key: 'releaseId',
+      value: function releaseId(id) {
+        // confirm if this is a valid id for this Document, else return false
+        var front = this.idPrefix + (this.nonce_ ? this.nonce_ + '_' : '');
+        if (typeof id !== 'string' || !id.startsWith(front)) {
+          return false;
+        }
+        // extract the obj_num of this id
+        var num = parseInt(id.substr(front.length), 10);
+
+        // if we didn't get a positive number or we already released this number
+        // then return false.
+        if (typeof num !== 'number' || num <= 0 || this.releasedNums.includes(num)) {
+          return false;
+        }
+
+        // push the released number into the released queue
+        this.releasedNums.push(num);
+
+        return true;
+      }
+
+      /**
+       * Returns the number of layers in the current drawing.
+       * @returns {Integer} The number of layers in the current drawing.
+      */
+
+    }, {
+      key: 'getNumLayers',
+      value: function getNumLayers() {
+        return this.all_layers.length;
+      }
+
+      /**
+       * Check if layer with given name already exists
+       * @param {string} name - The layer name to check
+       * @returns {boolean}
+      */
+
+    }, {
+      key: 'hasLayer',
+      value: function hasLayer(name) {
+        return this.layer_map[name] !== undefined;
+      }
+
+      /**
+       * Returns the name of the ith layer. If the index is out of range, an empty string is returned.
+       * @param {Integer} i - The zero-based index of the layer you are querying.
+       * @returns {string} The name of the ith layer (or the empty string if none found)
+      */
+
+    }, {
+      key: 'getLayerName',
+      value: function getLayerName(i) {
+        return i >= 0 && i < this.getNumLayers() ? this.all_layers[i].getName() : '';
+      }
+
+      /**
+       * @returns {SVGGElement|null} The SVGGElement representing the current layer.
+       */
+
+    }, {
+      key: 'getCurrentLayer',
+      value: function getCurrentLayer() {
+        return this.current_layer ? this.current_layer.getGroup() : null;
+      }
+
+      /**
+       * Get a layer by name.
+       * @returns {SVGGElement} The SVGGElement representing the named layer or null.
+       */
+
+    }, {
+      key: 'getLayerByName',
+      value: function getLayerByName(name) {
+        var layer = this.layer_map[name];
+        return layer ? layer.getGroup() : null;
+      }
+
+      /**
+       * Returns the name of the currently selected layer. If an error occurs, an empty string
+       * is returned.
+       * @returns {string} The name of the currently active layer (or the empty string if none found).
+      */
+
+    }, {
+      key: 'getCurrentLayerName',
+      value: function getCurrentLayerName() {
+        return this.current_layer ? this.current_layer.getName() : '';
+      }
+
+      /**
+       * Set the current layer's name.
+       * @param {string} name - The new name.
+       * @param {module:history.HistoryRecordingService} hrService - History recording service
+       * @returns {string|null} The new name if changed; otherwise, null.
+       */
+
+    }, {
+      key: 'setCurrentLayerName',
+      value: function setCurrentLayerName(name, hrService) {
+        var finalName = null;
+        if (this.current_layer) {
+          var oldName = this.current_layer.getName();
+          finalName = this.current_layer.setName(name, hrService);
+          if (finalName) {
+            delete this.layer_map[oldName];
+            this.layer_map[finalName] = this.current_layer;
+          }
+        }
+        return finalName;
+      }
+
+      /**
+       * Set the current layer's position.
+       * @param {Integer} newpos - The zero-based index of the new position of the layer. Range should be 0 to layers-1
+       * @returns {{title: SVGGElement, previousName: string}|null} If the name was changed, returns {title:SVGGElement, previousName:string}; otherwise null.
+       */
+
+    }, {
+      key: 'setCurrentLayerPosition',
+      value: function setCurrentLayerPosition(newpos) {
+        var layerCount = this.getNumLayers();
+        if (!this.current_layer || newpos < 0 || newpos >= layerCount) {
+          return null;
+        }
+
+        var oldpos = void 0;
+        for (oldpos = 0; oldpos < layerCount; ++oldpos) {
+          if (this.all_layers[oldpos] === this.current_layer) {
+            break;
+          }
+        }
+        // some unknown error condition (current_layer not in all_layers)
+        if (oldpos === layerCount) {
+          return null;
+        }
+
+        if (oldpos !== newpos) {
+          // if our new position is below us, we need to insert before the node after newpos
+          var currentGroup = this.current_layer.getGroup();
+          var oldNextSibling = currentGroup.nextSibling;
+
+          var refGroup = null;
+          if (newpos > oldpos) {
+            if (newpos < layerCount - 1) {
+              refGroup = this.all_layers[newpos + 1].getGroup();
+            }
+            // if our new position is above us, we need to insert before the node at newpos
+          } else {
+            refGroup = this.all_layers[newpos].getGroup();
+          }
+          this.svgElem_.insertBefore(currentGroup, refGroup); // Ok to replace with `refGroup.before(currentGroup);`?
+
+          this.identifyLayers();
+          this.setCurrentLayer(this.getLayerName(newpos));
+
+          return {
+            currentGroup: currentGroup,
+            oldNextSibling: oldNextSibling
+          };
+        }
+        return null;
+      }
+
+      /**
+      * @param {module:history.HistoryRecordingService} hrService
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'mergeLayer',
+      value: function mergeLayer(hrService) {
+        var currentGroup = this.current_layer.getGroup();
+        var prevGroup = $$5(currentGroup).prev()[0];
+        if (!prevGroup) {
+          return;
+        }
+
+        hrService.startBatchCommand('Merge Layer');
+
+        var layerNextSibling = currentGroup.nextSibling;
+        hrService.removeElement(currentGroup, layerNextSibling, this.svgElem_);
+
+        while (currentGroup.firstChild) {
+          var child = currentGroup.firstChild;
+          if (child.localName === 'title') {
+            hrService.removeElement(child, child.nextSibling, currentGroup);
+            child.remove();
+            continue;
+          }
+          var oldNextSibling = child.nextSibling;
+          prevGroup.append(child);
+          hrService.moveElement(child, oldNextSibling, currentGroup);
+        }
+
+        // Remove current layer's group
+        this.current_layer.removeGroup();
+        // Remove the current layer and set the previous layer as the new current layer
+        var index = this.all_layers.indexOf(this.current_layer);
+        if (index > 0) {
+          var _name = this.current_layer.getName();
+          this.current_layer = this.all_layers[index - 1];
+          this.all_layers.splice(index, 1);
+          delete this.layer_map[_name];
+        }
+
+        hrService.endBatchCommand();
+      }
+
+      /**
+      * @param {module:history.HistoryRecordingService} hrService
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'mergeAllLayers',
+      value: function mergeAllLayers(hrService) {
+        // Set the current layer to the last layer.
+        this.current_layer = this.all_layers[this.all_layers.length - 1];
+
+        hrService.startBatchCommand('Merge all Layers');
+        while (this.all_layers.length > 1) {
+          this.mergeLayer(hrService);
+        }
+        hrService.endBatchCommand();
+      }
+
+      /**
+       * Sets the current layer. If the name is not a valid layer name, then this
+       * function returns `false`. Otherwise it returns `true`. This is not an
+       * undo-able action.
+       * @param {string} name - The name of the layer you want to switch to.
+       * @returns {boolean} `true` if the current layer was switched, otherwise `false`
+       */
+
+    }, {
+      key: 'setCurrentLayer',
+      value: function setCurrentLayer(name) {
+        var layer = this.layer_map[name];
+        if (layer) {
+          if (this.current_layer) {
+            this.current_layer.deactivate();
+          }
+          this.current_layer = layer;
+          this.current_layer.activate();
+          return true;
+        }
+        return false;
+      }
+
+      /**
+       * Deletes the current layer from the drawing and then clears the selection.
+       * This function then calls the 'changed' handler.  This is an undoable action.
+       * @todo Does this actually call the 'changed' handler?
+       * @returns {SVGGElement} The SVGGElement of the layer removed or null.
+       */
+
+    }, {
+      key: 'deleteCurrentLayer',
+      value: function deleteCurrentLayer() {
+        if (this.current_layer && this.getNumLayers() > 1) {
+          var oldLayerGroup = this.current_layer.removeGroup();
+          this.identifyLayers();
+          return oldLayerGroup;
+        }
+        return null;
+      }
+
+      /**
+       * Updates layer system and sets the current layer to the
+       * top-most layer (last `<g>` child of this drawing).
+       * @returns {undefined}
+      */
+
+    }, {
+      key: 'identifyLayers',
+      value: function identifyLayers() {
+        this.all_layers = [];
+        this.layer_map = {};
+        var numchildren = this.svgElem_.childNodes.length;
+        // loop through all children of SVG element
+        var orphans = [],
+            layernames = [];
+        var layer = null;
+        var childgroups = false;
+        for (var i = 0; i < numchildren; ++i) {
+          var child = this.svgElem_.childNodes.item(i);
+          // for each g, find its layer name
+          if (child && child.nodeType === 1) {
+            if (child.tagName === 'g') {
+              childgroups = true;
+              var _name2 = findLayerNameInGroup(child);
+              if (_name2) {
+                layernames.push(_name2);
+                layer = new Layer(_name2, child);
+                this.all_layers.push(layer);
+                this.layer_map[_name2] = layer;
+              } else {
+                // if group did not have a name, it is an orphan
+                orphans.push(child);
+              }
+            } else if (visElems$1.includes(child.nodeName)) {
+              // Child is "visible" (i.e. not a <title> or <defs> element), so it is an orphan
+              orphans.push(child);
+            }
+          }
+        }
+
+        // If orphans or no layers found, create a new layer and add all the orphans to it
+        if (orphans.length > 0 || !childgroups) {
+          layer = new Layer(getNewLayerName(layernames), null, this.svgElem_);
+          layer.appendChildren(orphans);
+          this.all_layers.push(layer);
+          this.layer_map[name] = layer;
+        } else {
+          layer.activate();
+        }
+        this.current_layer = layer;
+      }
+
+      /**
+       * Creates a new top-level layer in the drawing with the given name and
+       * makes it the current layer.
+       * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+       * @param {module:history.HistoryRecordingService} hrService - History recording service
+       * @returns {SVGGElement} The SVGGElement of the new layer, which is
+       *     also the current layer of this drawing.
+      */
+
+    }, {
+      key: 'createLayer',
+      value: function createLayer(name, hrService) {
+        if (this.current_layer) {
+          this.current_layer.deactivate();
+        }
+        // Check for duplicate name.
+        if (name === undefined || name === null || name === '' || this.layer_map[name]) {
+          name = getNewLayerName(Object.keys(this.layer_map));
+        }
+
+        // Crate new layer and add to DOM as last layer
+        var layer = new Layer(name, null, this.svgElem_);
+        // Like to assume hrService exists, but this is backwards compatible with old version of createLayer.
+        if (hrService) {
+          hrService.startBatchCommand('Create Layer');
+          hrService.insertElement(layer.getGroup());
+          hrService.endBatchCommand();
+        }
+
+        this.all_layers.push(layer);
+        this.layer_map[name] = layer;
+        this.current_layer = layer;
+        return layer.getGroup();
+      }
+
+      /**
+       * Creates a copy of the current layer with the given name and makes it the current layer.
+       * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+       * @param {module:history.HistoryRecordingService} hrService - History recording service
+       * @returns {SVGGElement} The SVGGElement of the new layer, which is
+       *     also the current layer of this drawing.
+      */
+
+    }, {
+      key: 'cloneLayer',
+      value: function cloneLayer(name, hrService) {
+        if (!this.current_layer) {
+          return null;
+        }
+        this.current_layer.deactivate();
+        // Check for duplicate name.
+        if (name === undefined || name === null || name === '' || this.layer_map[name]) {
+          name = getNewLayerName(Object.keys(this.layer_map));
+        }
+
+        // Create new group and add to DOM just after current_layer
+        var currentGroup = this.current_layer.getGroup();
+        var layer = new Layer(name, currentGroup, this.svgElem_);
+        var group = layer.getGroup();
+
+        // Clone children
+        var children = currentGroup.childNodes;
+        for (var _index = 0; _index < children.length; _index++) {
+          var ch = children[_index];
+          if (ch.localName === 'title') {
+            continue;
+          }
+          group.append(this.copyElem(ch));
+        }
+
+        if (hrService) {
+          hrService.startBatchCommand('Duplicate Layer');
+          hrService.insertElement(group);
+          hrService.endBatchCommand();
+        }
+
+        // Update layer containers and current_layer.
+        var index = this.all_layers.indexOf(this.current_layer);
+        if (index >= 0) {
+          this.all_layers.splice(index + 1, 0, layer);
+        } else {
+          this.all_layers.push(layer);
+        }
+        this.layer_map[name] = layer;
+        this.current_layer = layer;
+        return group;
+      }
+
+      /**
+       * Returns whether the layer is visible.  If the layer name is not valid,
+       * then this function returns `false`.
+       * @param {string} layerName - The name of the layer which you want to query.
+       * @returns {boolean} The visibility state of the layer, or `false` if the layer name was invalid.
+      */
+
+    }, {
+      key: 'getLayerVisibility',
+      value: function getLayerVisibility(layerName) {
+        var layer = this.layer_map[layerName];
+        return layer ? layer.isVisible() : false;
+      }
+
+      /**
+       * Sets the visibility of the layer. If the layer name is not valid, this
+       * function returns `null`, otherwise it returns the `SVGElement` representing
+       * the layer. This is an undo-able action.
+       * @param {string} layerName - The name of the layer to change the visibility
+       * @param {boolean} bVisible - Whether the layer should be visible
+       * @returns {?SVGGElement} The SVGGElement representing the layer if the
+       *   `layerName` was valid, otherwise `null`.
+      */
+
+    }, {
+      key: 'setLayerVisibility',
+      value: function setLayerVisibility(layerName, bVisible) {
+        if (typeof bVisible !== 'boolean') {
+          return null;
+        }
+        var layer = this.layer_map[layerName];
+        if (!layer) {
+          return null;
+        }
+        layer.setVisible(bVisible);
+        return layer.getGroup();
+      }
+
+      /**
+       * Returns the opacity of the given layer.  If the input name is not a layer, `null` is returned.
+       * @param {string} layerName - name of the layer on which to get the opacity
+       * @returns {?Float} The opacity value of the given layer.  This will be a value between 0.0 and 1.0, or `null`
+       * if `layerName` is not a valid layer
+      */
+
+    }, {
+      key: 'getLayerOpacity',
+      value: function getLayerOpacity(layerName) {
+        var layer = this.layer_map[layerName];
+        if (!layer) {
+          return null;
+        }
+        return layer.getOpacity();
+      }
+
+      /**
+       * Sets the opacity of the given layer.  If the input name is not a layer,
+       * nothing happens. If opacity is not a value between 0.0 and 1.0, then
+       * nothing happens.
+       * NOTE: this function exists solely to apply a highlighting/de-emphasis
+       * effect to a layer. When it is possible for a user to affect the opacity
+       * of a layer, we will need to allow this function to produce an undo-able
+       * action.
+       * @param {string} layerName - Name of the layer on which to set the opacity
+       * @param {Float} opacity - A float value in the range 0.0-1.0
+       * @returns {undefined}
+      */
+
+    }, {
+      key: 'setLayerOpacity',
+      value: function setLayerOpacity(layerName, opacity) {
+        if (typeof opacity !== 'number' || opacity < 0.0 || opacity > 1.0) {
+          return;
+        }
+        var layer = this.layer_map[layerName];
+        if (layer) {
+          layer.setOpacity(opacity);
+        }
+      }
+
+      /**
+       * Create a clone of an element, updating its ID and its children's IDs when needed
+       * @param {Element} el - DOM element to clone
+       * @returns {Element}
+       */
+
+    }, {
+      key: 'copyElem',
+      value: function copyElem$$1(el) {
+        var self = this;
+        var getNextIdClosure = function getNextIdClosure() {
+          return self.getNextId();
+        };
+        return copyElem(el, getNextIdClosure);
+      }
+    }]);
+    return Drawing;
+  }();
+
+  /**
+   * Called to ensure that drawings will or will not have randomized ids.
+   * The currentDrawing will have its nonce set if it doesn't already.
+   * @function module:draw.randomizeIds
+   * @param {boolean} enableRandomization - flag indicating if documents should have randomized ids
+   * @param {draw.Drawing} currentDrawing
+   * @returns {undefined}
+   */
+  var randomizeIds = function randomizeIds(enableRandomization, currentDrawing) {
+    randIds = enableRandomization === false ? RandomizeModes.NEVER_RANDOMIZE : RandomizeModes.ALWAYS_RANDOMIZE;
+
+    if (randIds === RandomizeModes.ALWAYS_RANDOMIZE && !currentDrawing.getNonce()) {
+      currentDrawing.setNonce(Math.floor(Math.random() * 100001));
+    } else if (randIds === RandomizeModes.NEVER_RANDOMIZE && currentDrawing.getNonce()) {
+      currentDrawing.clearNonce();
+    }
+  };
+
+  // Layer API Functions
+
+  /**
+  * Group: Layers
+  */
+
+  /**
+   * @see {@link https://api.jquery.com/jQuery.data/}
+   * @name external:jQuery.data
+   */
+
+  /**
+   * @interface module:draw.DrawCanvasInit
+   * @property {module:path.pathActions} pathActions
+   * @property {external:jQuery.data} elData
+   * @property {module:history.UndoManager} undoMgr
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#getCurrentGroup
+   * @returns {Element}
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#setCurrentGroup
+   * @param {Element} cg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:draw.DrawCanvasInit#getSelectedElements
+   * @returns {Element[]} the array with selected DOM elements
+  */
+  /**
+   * @function module:draw.DrawCanvasInit#getSVGContent
+   * @returns {SVGSVGElement}
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#getCurrentDrawing
+   * @returns {module:draw.Drawing}
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#clearSelection
+   * @param {boolean} [noCall] - When `true`, does not call the "selected" handler
+   * @returns {undefined}
+  */
+  /**
+   * Run the callback function associated with the given event
+   * @function module:draw.DrawCanvasInit#call
+   * @param {"changed"|"contextset"} ev - String with the event name
+   * @param {module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset} arg - Argument to pass through to the callback
+   * function. If the event is "changed", a (single-item) array of `Element`s is
+   * passed. If the event is "contextset", the arg is `null` or `Element`.
+   * @returns {undefined}
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#addCommandToHistory
+   * @param {Command} cmd
+   * @returns {undefined}
+  */
+  /**
+   * @function module:draw.DrawCanvasInit#changeSVGContent
+   * @returns {undefined}
+   */
+
+  var canvas_ = void 0;
+  /**
+  * @function module:draw.init
+  * @param {module:draw.DrawCanvasInit} canvas
+  * @returns {undefined}
+  */
+  var init$3 = function init(canvas) {
+    canvas_ = canvas;
+  };
+
+  /**
+  * Updates layer system
+  * @function module:draw.identifyLayers
+  * @returns {undefined}
+  */
+  var identifyLayers = function identifyLayers() {
+    leaveContext();
+    canvas_.getCurrentDrawing().identifyLayers();
+  };
+
+  /**
+  * Creates a new top-level layer in the drawing with the given name, sets the current layer
+  * to it, and then clears the selection. This function then calls the 'changed' handler.
+  * This is an undoable action.
+  * @function module:draw.createLayer
+  * @param {string} name - The given name
+  * @param {module:history.HistoryRecordingService} hrService
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  var createLayer = function createLayer(name, hrService) {
+    var newLayer = canvas_.getCurrentDrawing().createLayer(name, historyRecordingService(hrService));
+    canvas_.clearSelection();
+    canvas_.call('changed', [newLayer]);
+  };
+
+  /**
+   * Creates a new top-level layer in the drawing with the given name, copies all the current layer's contents
+   * to it, and then clears the selection. This function then calls the 'changed' handler.
+   * This is an undoable action.
+   * @function module:draw.cloneLayer
+   * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+   * @param {module:history.HistoryRecordingService} hrService - History recording service
+   * @fires module:svgcanvas.SvgCanvas#event:changed
+   * @returns {undefined}
+   */
+  var cloneLayer = function cloneLayer(name, hrService) {
+    // Clone the current layer and make the cloned layer the new current layer
+    var newLayer = canvas_.getCurrentDrawing().cloneLayer(name, historyRecordingService(hrService));
+
+    canvas_.clearSelection();
+    leaveContext();
+    canvas_.call('changed', [newLayer]);
+  };
+
+  /**
+  * Deletes the current layer from the drawing and then clears the selection. This function
+  * then calls the 'changed' handler. This is an undoable action.
+  * @function module:draw.deleteCurrentLayer
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {boolean} `true` if an old layer group was found to delete
+  */
+  var deleteCurrentLayer = function deleteCurrentLayer() {
+    var currentLayer = canvas_.getCurrentDrawing().getCurrentLayer();
+    var _currentLayer = currentLayer,
+        nextSibling = _currentLayer.nextSibling;
+
+    var parent = currentLayer.parentNode;
+    currentLayer = canvas_.getCurrentDrawing().deleteCurrentLayer();
+    if (currentLayer) {
+      var batchCmd = new BatchCommand('Delete Layer');
+      // store in our Undo History
+      batchCmd.addSubCommand(new RemoveElementCommand(currentLayer, nextSibling, parent));
+      canvas_.addCommandToHistory(batchCmd);
+      canvas_.clearSelection();
+      canvas_.call('changed', [parent]);
+      return true;
+    }
+    return false;
+  };
+
+  /**
+  * Sets the current layer. If the name is not a valid layer name, then this function returns
+  * false. Otherwise it returns true. This is not an undo-able action.
+  * @function module:draw.setCurrentLayer
+  * @param {string} name - The name of the layer you want to switch to.
+  * @returns {boolean} true if the current layer was switched, otherwise false
+  */
+  var setCurrentLayer = function setCurrentLayer(name) {
+    var result = canvas_.getCurrentDrawing().setCurrentLayer(toXml(name));
+    if (result) {
+      canvas_.clearSelection();
+    }
+    return result;
+  };
+
+  /**
+  * Renames the current layer. If the layer name is not valid (i.e. unique), then this function
+  * does nothing and returns `false`, otherwise it returns `true`. This is an undo-able action.
+  * @function module:draw.renameCurrentLayer
+  * @param {string} newName - the new name you want to give the current layer. This name must
+  * be unique among all layer names.
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {boolean} Whether the rename succeeded
+  */
+  var renameCurrentLayer = function renameCurrentLayer(newName) {
+    var drawing = canvas_.getCurrentDrawing();
+    var layer = drawing.getCurrentLayer();
+    if (layer) {
+      var result = drawing.setCurrentLayerName(newName, historyRecordingService());
+      if (result) {
+        canvas_.call('changed', [layer]);
+        return true;
+      }
+    }
+    return false;
+  };
+
+  /**
+  * Changes the position of the current layer to the new value. If the new index is not valid,
+  * this function does nothing and returns false, otherwise it returns true. This is an
+  * undo-able action.
+  * @function module:draw.setCurrentLayerPosition
+  * @param {Integer} newPos - The zero-based index of the new position of the layer. This should be between
+  * 0 and (number of layers - 1)
+  * @returns {boolean} `true` if the current layer position was changed, `false` otherwise.
+  */
+  var setCurrentLayerPosition = function setCurrentLayerPosition(newPos) {
+    var drawing = canvas_.getCurrentDrawing();
+    var result = drawing.setCurrentLayerPosition(newPos);
+    if (result) {
+      canvas_.addCommandToHistory(new MoveElementCommand(result.currentGroup, result.oldNextSibling, canvas_.getSVGContent()));
+      return true;
+    }
+    return false;
+  };
+
+  /**
+  * Sets the visibility of the layer. If the layer name is not valid, this function return
+  * `false`, otherwise it returns `true`. This is an undo-able action.
+  * @function module:draw.setLayerVisibility
+  * @param {string} layerName - The name of the layer to change the visibility
+  * @param {boolean} bVisible - Whether the layer should be visible
+  * @returns {boolean} true if the layer's visibility was set, false otherwise
+  */
+  var setLayerVisibility = function setLayerVisibility(layerName, bVisible) {
+    var drawing = canvas_.getCurrentDrawing();
+    var prevVisibility = drawing.getLayerVisibility(layerName);
+    var layer = drawing.setLayerVisibility(layerName, bVisible);
+    if (layer) {
+      var oldDisplay = prevVisibility ? 'inline' : 'none';
+      canvas_.addCommandToHistory(new ChangeElementCommand(layer, { display: oldDisplay }, 'Layer Visibility'));
+    } else {
+      return false;
+    }
+
+    if (layer === drawing.getCurrentLayer()) {
+      canvas_.clearSelection();
+      canvas_.pathActions.clear();
+    }
+    // call('changed', [selected]);
+    return true;
+  };
+
+  /**
+  * Moves the selected elements to layerName. If the name is not a valid layer name, then `false`
+  * is returned. Otherwise it returns `true`. This is an undo-able action.
+  * @function module:draw.moveSelectedToLayer
+  * @param {string} layerName - The name of the layer you want to which you want to move the selected elements
+  * @returns {boolean} Whether the selected elements were moved to the layer.
+  */
+  var moveSelectedToLayer = function moveSelectedToLayer(layerName) {
+    // find the layer
+    var drawing = canvas_.getCurrentDrawing();
+    var layer = drawing.getLayerByName(layerName);
+    if (!layer) {
+      return false;
+    }
+
+    var batchCmd = new BatchCommand('Move Elements to Layer');
+
+    // loop for each selected element and move it
+    var selElems = canvas_.getSelectedElements();
+    var i = selElems.length;
+    while (i--) {
+      var elem = selElems[i];
+      if (!elem) {
+        continue;
+      }
+      var oldNextSibling = elem.nextSibling;
+      // TODO: this is pretty brittle!
+      var oldLayer = elem.parentNode;
+      layer.append(elem);
+      batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldLayer));
+    }
+
+    canvas_.addCommandToHistory(batchCmd);
+
+    return true;
+  };
+
+  /**
+  * @function module:draw.mergeLayer
+  * @param {module:history.HistoryRecordingService} hrService
+  * @returns {undefined}
+  */
+  var mergeLayer = function mergeLayer(hrService) {
+    canvas_.getCurrentDrawing().mergeLayer(historyRecordingService(hrService));
+    canvas_.clearSelection();
+    leaveContext();
+    canvas_.changeSVGContent();
+  };
+
+  /**
+  * @function module:draw.mergeAllLayers
+  * @param {module:history.HistoryRecordingService} hrService
+  * @returns {undefined}
+  */
+  var mergeAllLayers = function mergeAllLayers(hrService) {
+    canvas_.getCurrentDrawing().mergeAllLayers(historyRecordingService(hrService));
+    canvas_.clearSelection();
+    leaveContext();
+    canvas_.changeSVGContent();
+  };
+
+  /**
+  * Return from a group context to the regular kind, make any previously
+  * disabled elements enabled again
+  * @function module:draw.leaveContext
+  * @fires module:svgcanvas.SvgCanvas#event:contextset
+  * @returns {undefined}
+  */
+  var leaveContext = function leaveContext() {
+    var len = disabledElems.length;
+    if (len) {
+      for (var i = 0; i < len; i++) {
+        var elem = disabledElems[i];
+        var orig = canvas_.elData(elem, 'orig_opac');
+        if (orig !== 1) {
+          elem.setAttribute('opacity', orig);
+        } else {
+          elem.removeAttribute('opacity');
+        }
+        elem.setAttribute('style', 'pointer-events: inherit');
+      }
+      disabledElems = [];
+      canvas_.clearSelection(true);
+      canvas_.call('contextset', null);
+    }
+    canvas_.setCurrentGroup(null);
+  };
+
+  /**
+  * Set the current context (for in-group editing)
+  * @function module:draw.setContext
+  * @param {Element} elem
+  * @fires module:svgcanvas.SvgCanvas#event:contextset
+  * @returns {undefined}
+  */
+  var setContext = function setContext(elem) {
+    leaveContext();
+    if (typeof elem === 'string') {
+      elem = getElem(elem);
+    }
+
+    // Edit inside this group
+    canvas_.setCurrentGroup(elem);
+
+    // Disable other elements
+    $$5(elem).parentsUntil('#svgcontent').andSelf().siblings().each(function () {
+      var opac = this.getAttribute('opacity') || 1;
+      // Store the original's opacity
+      canvas_.elData(this, 'orig_opac', opac);
+      this.setAttribute('opacity', opac * 0.33);
+      this.setAttribute('style', 'pointer-events: none');
+      disabledElems.push(this);
+    });
+
+    canvas_.clearSelection();
+    canvas_.call('contextset', canvas_.getCurrentGroup());
+  };
+
+  var draw = /*#__PURE__*/Object.freeze({
+    Drawing: Drawing,
+    randomizeIds: randomizeIds,
+    init: init$3,
+    identifyLayers: identifyLayers,
+    createLayer: createLayer,
+    cloneLayer: cloneLayer,
+    deleteCurrentLayer: deleteCurrentLayer,
+    setCurrentLayer: setCurrentLayer,
+    renameCurrentLayer: renameCurrentLayer,
+    setCurrentLayerPosition: setCurrentLayerPosition,
+    setLayerVisibility: setLayerVisibility,
+    moveSelectedToLayer: moveSelectedToLayer,
+    mergeLayer: mergeLayer,
+    mergeAllLayers: mergeAllLayers,
+    leaveContext: leaveContext,
+    setContext: setContext,
+    Layer: Layer
+  });
+
+  /**
+   * Tools for SVG sanitization
+   * @module sanitize
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+   */
+
+  var REVERSE_NS = getReverseNS();
+
+  // this defines which elements and attributes that we support
+  var svgWhiteList_ = {
+    // SVG Elements
+    a: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'xlink:href', 'xlink:title'],
+    circle: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'r', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    clipPath: ['class', 'clipPathUnits', 'id'],
+    defs: [],
+    style: ['type'],
+    desc: [],
+    ellipse: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    feGaussianBlur: ['class', 'color-interpolation-filters', 'id', 'requiredFeatures', 'stdDeviation'],
+    filter: ['class', 'color-interpolation-filters', 'filterRes', 'filterUnits', 'height', 'id', 'primitiveUnits', 'requiredFeatures', 'width', 'x', 'xlink:href', 'y'],
+    foreignObject: ['class', 'font-size', 'height', 'id', 'opacity', 'requiredFeatures', 'style', 'transform', 'width', 'x', 'y'],
+    g: ['class', 'clip-path', 'clip-rule', 'id', 'display', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'font-family', 'font-size', 'font-style', 'font-weight', 'text-anchor'],
+    image: ['class', 'clip-path', 'clip-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'style', 'systemLanguage', 'transform', 'width', 'x', 'xlink:href', 'xlink:title', 'y'],
+    line: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'x1', 'x2', 'y1', 'y2'],
+    linearGradient: ['class', 'id', 'gradientTransform', 'gradientUnits', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'x1', 'x2', 'xlink:href', 'y1', 'y2'],
+    marker: ['id', 'class', 'markerHeight', 'markerUnits', 'markerWidth', 'orient', 'preserveAspectRatio', 'refX', 'refY', 'systemLanguage', 'viewBox'],
+    mask: ['class', 'height', 'id', 'maskContentUnits', 'maskUnits', 'width', 'x', 'y'],
+    metadata: ['class', 'id'],
+    path: ['class', 'clip-path', 'clip-rule', 'd', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    pattern: ['class', 'height', 'id', 'patternContentUnits', 'patternTransform', 'patternUnits', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xlink:href', 'y'],
+    polygon: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'class', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    polyline: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    radialGradient: ['class', 'cx', 'cy', 'fx', 'fy', 'gradientTransform', 'gradientUnits', 'id', 'r', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'xlink:href'],
+    rect: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'width', 'x', 'y'],
+    stop: ['class', 'id', 'offset', 'requiredFeatures', 'stop-color', 'stop-opacity', 'style', 'systemLanguage'],
+    svg: ['class', 'clip-path', 'clip-rule', 'filter', 'id', 'height', 'mask', 'preserveAspectRatio', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xmlns', 'xmlns:se', 'xmlns:xlink', 'y'],
+    switch: ['class', 'id', 'requiredFeatures', 'systemLanguage'],
+    symbol: ['class', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'opacity', 'preserveAspectRatio', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'viewBox'],
+    text: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'transform', 'x', 'xml:space', 'y'],
+    textPath: ['class', 'id', 'method', 'requiredFeatures', 'spacing', 'startOffset', 'style', 'systemLanguage', 'transform', 'xlink:href'],
+    title: [],
+    tspan: ['class', 'clip-path', 'clip-rule', 'dx', 'dy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'rotate', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'textLength', 'transform', 'x', 'xml:space', 'y'],
+    use: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'transform', 'width', 'x', 'xlink:href', 'y'],
+
+    // MathML Elements
+    annotation: ['encoding'],
+    'annotation-xml': ['encoding'],
+    maction: ['actiontype', 'other', 'selection'],
+    math: ['class', 'id', 'display', 'xmlns'],
+    menclose: ['notation'],
+    merror: [],
+    mfrac: ['linethickness'],
+    mi: ['mathvariant'],
+    mmultiscripts: [],
+    mn: [],
+    mo: ['fence', 'lspace', 'maxsize', 'minsize', 'rspace', 'stretchy'],
+    mover: [],
+    mpadded: ['lspace', 'width', 'height', 'depth', 'voffset'],
+    mphantom: [],
+    mprescripts: [],
+    mroot: [],
+    mrow: ['xlink:href', 'xlink:type', 'xmlns:xlink'],
+    mspace: ['depth', 'height', 'width'],
+    msqrt: [],
+    mstyle: ['displaystyle', 'mathbackground', 'mathcolor', 'mathvariant', 'scriptlevel'],
+    msub: [],
+    msubsup: [],
+    msup: [],
+    mtable: ['align', 'columnalign', 'columnlines', 'columnspacing', 'displaystyle', 'equalcolumns', 'equalrows', 'frame', 'rowalign', 'rowlines', 'rowspacing', 'width'],
+    mtd: ['columnalign', 'columnspan', 'rowalign', 'rowspan'],
+    mtext: [],
+    mtr: ['columnalign', 'rowalign'],
+    munder: [],
+    munderover: [],
+    none: [],
+    semantics: []
+  };
+
+  // Produce a Namespace-aware version of svgWhitelist
+  var svgWhiteListNS_ = {};
+  Object.entries(svgWhiteList_).forEach(function (_ref) {
+    var _ref2 = slicedToArray(_ref, 2),
+        elt = _ref2[0],
+        atts = _ref2[1];
+
+    var attNS = {};
+    Object.entries(atts).forEach(function (_ref3) {
+      var _ref4 = slicedToArray(_ref3, 2),
+          i = _ref4[0],
+          att = _ref4[1];
+
+      if (att.includes(':')) {
+        var v = att.split(':');
+        attNS[v[1]] = NS[v[0].toUpperCase()];
+      } else {
+        attNS[att] = att === 'xmlns' ? NS.XMLNS : null;
+      }
+    });
+    svgWhiteListNS_[elt] = attNS;
+  });
+
+  /**
+  * Sanitizes the input node and its children.
+  * It only keeps what is allowed from our whitelist defined above.
+  * @function module:sanitize.sanitizeSvg
+  * @param {Text|Element} node - The DOM element to be checked (we'll also check its children) or text node to be cleaned up
+  * @returns {undefined}
+  */
+  var sanitizeSvg = function sanitizeSvg(node) {
+    // Cleanup text nodes
+    if (node.nodeType === 3) {
+      // 3 === TEXT_NODE
+      // Trim whitespace
+      node.nodeValue = node.nodeValue.replace(/^\s+|\s+$/g, '');
+      // Remove if empty
+      if (!node.nodeValue.length) {
+        node.remove();
+      }
+    }
+
+    // We only care about element nodes.
+    // Automatically return for all non-element nodes, such as comments, etc.
+    if (node.nodeType !== 1) {
+      // 1 == ELEMENT_NODE
+      return;
+    }
+
+    var doc = node.ownerDocument;
+    var parent = node.parentNode;
+    // can parent ever be null here?  I think the root node's parent is the document...
+    if (!doc || !parent) {
+      return;
+    }
+
+    var allowedAttrs = svgWhiteList_[node.nodeName];
+    var allowedAttrsNS = svgWhiteListNS_[node.nodeName];
+    // if this element is supported, sanitize it
+    if (typeof allowedAttrs !== 'undefined') {
+      var seAttrs = [];
+      var i = node.attributes.length;
+      while (i--) {
+        // if the attribute is not in our whitelist, then remove it
+        // could use jQuery's inArray(), but I don't know if that's any better
+        var attr = node.attributes.item(i);
+        var attrName = attr.nodeName;
+        var attrLocalName = attr.localName;
+        var attrNsURI = attr.namespaceURI;
+        // Check that an attribute with the correct localName in the correct namespace is on
+        // our whitelist or is a namespace declaration for one of our allowed namespaces
+        if (!(allowedAttrsNS.hasOwnProperty(attrLocalName) && attrNsURI === allowedAttrsNS[attrLocalName] && attrNsURI !== NS.XMLNS) && !(attrNsURI === NS.XMLNS && REVERSE_NS[attr.value])) {
+          // TODO(codedread): Programmatically add the se: attributes to the NS-aware whitelist.
+          // Bypassing the whitelist to allow se: prefixes.
+          // Is there a more appropriate way to do this?
+          if (attrName.startsWith('se:') || attrName.startsWith('data-')) {
+            seAttrs.push([attrName, attr.value]);
+          }
+          node.removeAttributeNS(attrNsURI, attrLocalName);
+        }
+
+        // Add spaces before negative signs where necessary
+        if (isGecko()) {
+          switch (attrName) {
+            case 'transform':
+            case 'gradientTransform':
+            case 'patternTransform':
+              var val = attr.value.replace(/(\d)-/g, '$1 -');
+              node.setAttribute(attrName, val);
+              break;
+          }
+        }
+
+        // For the style attribute, rewrite it in terms of XML presentational attributes
+        if (attrName === 'style') {
+          var props = attr.value.split(';');
+          var p = props.length;
+          while (p--) {
+            var _props$p$split = props[p].split(':'),
+                _props$p$split2 = slicedToArray(_props$p$split, 2),
+                name = _props$p$split2[0],
+                _val = _props$p$split2[1];
+
+            var styleAttrName = (name || '').trim();
+            var styleAttrVal = (_val || '').trim();
+            // Now check that this attribute is supported
+            if (allowedAttrs.includes(styleAttrName)) {
+              node.setAttribute(styleAttrName, styleAttrVal);
+            }
+          }
+          node.removeAttribute('style');
+        }
+      }
+
+      Object.values(seAttrs).forEach(function (_ref5) {
+        var _ref6 = slicedToArray(_ref5, 2),
+            att = _ref6[0],
+            val = _ref6[1];
+
+        node.setAttributeNS(NS.SE, att, val);
+      });
+
+      // for some elements that have a xlink:href, ensure the URI refers to a local element
+      // (but not for links)
+      var href = getHref(node);
+      if (href && ['filter', 'linearGradient', 'pattern', 'radialGradient', 'textPath', 'use'].includes(node.nodeName)) {
+        // TODO: we simply check if the first character is a #, is this bullet-proof?
+        if (href[0] !== '#') {
+          // remove the attribute (but keep the element)
+          setHref(node, '');
+          node.removeAttributeNS(NS.XLINK, 'href');
+        }
+      }
+
+      // Safari crashes on a <use> without a xlink:href, so we just remove the node here
+      if (node.nodeName === 'use' && !getHref(node)) {
+        node.remove();
+        return;
+      }
+      // if the element has attributes pointing to a non-local reference,
+      // need to remove the attribute
+      Object.values(['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'], function (attr) {
+        var val = node.getAttribute(attr);
+        if (val) {
+          val = getUrlFromAttr(val);
+          // simply check for first character being a '#'
+          if (val && val[0] !== '#') {
+            node.setAttribute(attr, '');
+            node.removeAttribute(attr);
+          }
+        }
+      });
+
+      // recurse to children
+      i = node.childNodes.length;
+      while (i--) {
+        sanitizeSvg(node.childNodes.item(i));
+      }
+      // else (element not supported), remove it
+    } else {
+      // remove all children from this node and insert them before this node
+      // FIXME: in the case of animation elements this will hardly ever be correct
+      var children = [];
+      while (node.hasChildNodes()) {
+        children.push(parent.insertBefore(node.firstChild, node));
+      }
+
+      // remove this node from the document altogether
+      node.remove();
+
+      // call sanitizeSvg on each of those children
+      var _i = children.length;
+      while (_i--) {
+        sanitizeSvg(children[_i]);
+      }
+    }
+  };
+
+  /* globals jQuery */
+
+  var $$6 = jQuery;
+
+  // this is how we map paths to our preferred relative segment types
+  var pathMap$1 = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a', 'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];
+
+  /**
+   * @interface module:coords.EditorContext
+   */
+  /**
+   * @function module:coords.EditorContext#getGridSnapping
+   * @returns {boolean}
+   */
+  /**
+   * @function module:coords.EditorContext#getDrawing
+   * @returns {module:draw.Drawing}
+  */
+  /**
+   * @function module:coords.EditorContext#getSVGRoot
+   * @returns {SVGSVGElement}
+  */
+
+  var editorContext_$2 = null;
+
+  /**
+  * @function module:coords.init
+  * @param {module:coords.EditorContext} editorContext
+  */
+  var init$4 = function init(editorContext) {
+    editorContext_$2 = editorContext;
+  };
+
+  /**
+   * Applies coordinate changes to an element based on the given matrix
+   * @function module:coords.remapElement
+   * @implements {module:path.EditorContext#remapElement}
+  */
+  var remapElement = function remapElement(selected, changes, m) {
+    var remap = function remap(x, y) {
+      return transformPoint(x, y, m);
+    },
+        scalew = function scalew(w) {
+      return m.a * w;
+    },
+        scaleh = function scaleh(h) {
+      return m.d * h;
+    },
+        doSnapping = editorContext_$2.getGridSnapping() && selected.parentNode.parentNode.localName === 'svg',
+        finishUp = function finishUp() {
+      if (doSnapping) {
+        for (var o in changes) {
+          changes[o] = snapToGrid(changes[o]);
+        }
+      }
+      assignAttributes(selected, changes, 1000, true);
+    },
+        box = getBBox(selected);
+
+    for (var i = 0; i < 2; i++) {
+      var type = i === 0 ? 'fill' : 'stroke';
+      var attrVal = selected.getAttribute(type);
+      if (attrVal && attrVal.startsWith('url(')) {
+        if (m.a < 0 || m.d < 0) {
+          var grad = getRefElem(attrVal);
+          var newgrad = grad.cloneNode(true);
+          if (m.a < 0) {
+            // flip x
+            var x1 = newgrad.getAttribute('x1');
+            var x2 = newgrad.getAttribute('x2');
+            newgrad.setAttribute('x1', -(x1 - 1));
+            newgrad.setAttribute('x2', -(x2 - 1));
+          }
+
+          if (m.d < 0) {
+            // flip y
+            var y1 = newgrad.getAttribute('y1');
+            var y2 = newgrad.getAttribute('y2');
+            newgrad.setAttribute('y1', -(y1 - 1));
+            newgrad.setAttribute('y2', -(y2 - 1));
+          }
+          newgrad.id = editorContext_$2.getDrawing().getNextId();
+          findDefs().append(newgrad);
+          selected.setAttribute(type, 'url(#' + newgrad.id + ')');
+        }
+
+        // Not really working :(
+        // if (selected.tagName === 'path') {
+        //   reorientGrads(selected, m);
+        // }
+      }
+    }
+
+    var elName = selected.tagName;
+    if (elName === 'g' || elName === 'text' || elName === 'tspan' || elName === 'use') {
+      // if it was a translate, then just update x,y
+      if (m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && (m.e !== 0 || m.f !== 0)) {
+        // [T][M] = [M][T']
+        // therefore [T'] = [M_inv][T][M]
+        var existing = transformListToTransform(selected).matrix,
+            tNew = matrixMultiply(existing.inverse(), m, existing);
+        changes.x = parseFloat(changes.x) + tNew.e;
+        changes.y = parseFloat(changes.y) + tNew.f;
+      } else {
+        // we just absorb all matrices into the element and don't do any remapping
+        var chlist = getTransformList(selected);
+        var mt = editorContext_$2.getSVGRoot().createSVGTransform();
+        mt.setMatrix(matrixMultiply(transformListToTransform(chlist).matrix, m));
+        chlist.clear();
+        chlist.appendItem(mt);
+      }
+    }
+
+    // now we have a set of changes and an applied reduced transform list
+    // we apply the changes directly to the DOM
+    switch (elName) {
+      case 'foreignObject':
+      case 'rect':
+      case 'image':
+        {
+          // Allow images to be inverted (give them matrix when flipped)
+          if (elName === 'image' && (m.a < 0 || m.d < 0)) {
+            // Convert to matrix
+            var _chlist = getTransformList(selected);
+            var _mt = editorContext_$2.getSVGRoot().createSVGTransform();
+            _mt.setMatrix(matrixMultiply(transformListToTransform(_chlist).matrix, m));
+            _chlist.clear();
+            _chlist.appendItem(_mt);
+          } else {
+            var pt1 = remap(changes.x, changes.y);
+            changes.width = scalew(changes.width);
+            changes.height = scaleh(changes.height);
+            changes.x = pt1.x + Math.min(0, changes.width);
+            changes.y = pt1.y + Math.min(0, changes.height);
+            changes.width = Math.abs(changes.width);
+            changes.height = Math.abs(changes.height);
+          }
+          finishUp();
+          break;
+        }case 'ellipse':
+        {
+          var c = remap(changes.cx, changes.cy);
+          changes.cx = c.x;
+          changes.cy = c.y;
+          changes.rx = scalew(changes.rx);
+          changes.ry = scaleh(changes.ry);
+          changes.rx = Math.abs(changes.rx);
+          changes.ry = Math.abs(changes.ry);
+          finishUp();
+          break;
+        }case 'circle':
+        {
+          var _c = remap(changes.cx, changes.cy);
+          changes.cx = _c.x;
+          changes.cy = _c.y;
+          // take the minimum of the new selected box's dimensions for the new circle radius
+          var tbox = transformBox(box.x, box.y, box.width, box.height, m);
+          var w = tbox.tr.x - tbox.tl.x,
+              h = tbox.bl.y - tbox.tl.y;
+          changes.r = Math.min(w / 2, h / 2);
+
+          if (changes.r) {
+            changes.r = Math.abs(changes.r);
+          }
+          finishUp();
+          break;
+        }case 'line':
+        {
+          var _pt = remap(changes.x1, changes.y1);
+          var pt2 = remap(changes.x2, changes.y2);
+          changes.x1 = _pt.x;
+          changes.y1 = _pt.y;
+          changes.x2 = pt2.x;
+          changes.y2 = pt2.y;
+        } // Fallthrough
+      case 'text':
+      case 'tspan':
+      case 'use':
+        {
+          finishUp();
+          break;
+        }case 'g':
+        {
+          var gsvg = $$6(selected).data('gsvg');
+          if (gsvg) {
+            assignAttributes(gsvg, changes, 1000, true);
+          }
+          break;
+        }case 'polyline':
+      case 'polygon':
+        {
+          var len = changes.points.length;
+          for (var _i = 0; _i < len; ++_i) {
+            var pt = changes.points[_i];
+
+            var _remap = remap(pt.x, pt.y),
+                x = _remap.x,
+                y = _remap.y;
+
+            changes.points[_i].x = x;
+            changes.points[_i].y = y;
+          }
+
+          // const len = changes.points.length;
+          var pstr = '';
+          for (var _i2 = 0; _i2 < len; ++_i2) {
+            var _pt2 = changes.points[_i2];
+            pstr += _pt2.x + ',' + _pt2.y + ' ';
+          }
+          selected.setAttribute('points', pstr);
+          break;
+        }case 'path':
+        {
+          var segList = selected.pathSegList;
+          var _len = segList.numberOfItems;
+          changes.d = [];
+          for (var _i3 = 0; _i3 < _len; ++_i3) {
+            var seg = segList.getItem(_i3);
+            changes.d[_i3] = {
+              type: seg.pathSegType,
+              x: seg.x,
+              y: seg.y,
+              x1: seg.x1,
+              y1: seg.y1,
+              x2: seg.x2,
+              y2: seg.y2,
+              r1: seg.r1,
+              r2: seg.r2,
+              angle: seg.angle,
+              largeArcFlag: seg.largeArcFlag,
+              sweepFlag: seg.sweepFlag
+            };
+          }
+
+          _len = changes.d.length;
+          var firstseg = changes.d[0],
+              currentpt = remap(firstseg.x, firstseg.y);
+          changes.d[0].x = currentpt.x;
+          changes.d[0].y = currentpt.y;
+          for (var _i4 = 1; _i4 < _len; ++_i4) {
+            var _seg = changes.d[_i4];
+            var _type = _seg.type;
+            // if absolute or first segment, we want to remap x, y, x1, y1, x2, y2
+            // if relative, we want to scalew, scaleh
+
+            if (_type % 2 === 0) {
+              // absolute
+              var thisx = _seg.x !== undefined ? _seg.x : currentpt.x,
+                  // for V commands
+              thisy = _seg.y !== undefined ? _seg.y : currentpt.y; // for H commands
+              var _pt3 = remap(thisx, thisy);
+              var _pt4 = remap(_seg.x1, _seg.y1);
+              var _pt5 = remap(_seg.x2, _seg.y2);
+              _seg.x = _pt3.x;
+              _seg.y = _pt3.y;
+              _seg.x1 = _pt4.x;
+              _seg.y1 = _pt4.y;
+              _seg.x2 = _pt5.x;
+              _seg.y2 = _pt5.y;
+              _seg.r1 = scalew(_seg.r1);
+              _seg.r2 = scaleh(_seg.r2);
+            } else {
+              // relative
+              _seg.x = scalew(_seg.x);
+              _seg.y = scaleh(_seg.y);
+              _seg.x1 = scalew(_seg.x1);
+              _seg.y1 = scaleh(_seg.y1);
+              _seg.x2 = scalew(_seg.x2);
+              _seg.y2 = scaleh(_seg.y2);
+              _seg.r1 = scalew(_seg.r1);
+              _seg.r2 = scaleh(_seg.r2);
+            }
+          } // for each segment
+
+          var dstr = '';
+          _len = changes.d.length;
+          for (var _i5 = 0; _i5 < _len; ++_i5) {
+            var _seg2 = changes.d[_i5];
+            var _type2 = _seg2.type;
+
+            dstr += pathMap$1[_type2];
+            switch (_type2) {
+              case 13: // relative horizontal line (h)
+              case 12:
+                // absolute horizontal line (H)
+                dstr += _seg2.x + ' ';
+                break;
+              case 15: // relative vertical line (v)
+              case 14:
+                // absolute vertical line (V)
+                dstr += _seg2.y + ' ';
+                break;
+              case 3: // relative move (m)
+              case 5: // relative line (l)
+              case 19: // relative smooth quad (t)
+              case 2: // absolute move (M)
+              case 4: // absolute line (L)
+              case 18:
+                // absolute smooth quad (T)
+                dstr += _seg2.x + ',' + _seg2.y + ' ';
+                break;
+              case 7: // relative cubic (c)
+              case 6:
+                // absolute cubic (C)
+                dstr += _seg2.x1 + ',' + _seg2.y1 + ' ' + _seg2.x2 + ',' + _seg2.y2 + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+                break;
+              case 9: // relative quad (q)
+              case 8:
+                // absolute quad (Q)
+                dstr += _seg2.x1 + ',' + _seg2.y1 + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+                break;
+              case 11: // relative elliptical arc (a)
+              case 10:
+                // absolute elliptical arc (A)
+                dstr += _seg2.r1 + ',' + _seg2.r2 + ' ' + _seg2.angle + ' ' + +_seg2.largeArcFlag + ' ' + +_seg2.sweepFlag + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+                break;
+              case 17: // relative smooth cubic (s)
+              case 16:
+                // absolute smooth cubic (S)
+                dstr += _seg2.x2 + ',' + _seg2.y2 + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+                break;
+            }
+          }
+
+          selected.setAttribute('d', dstr);
+          break;
+        }
+    }
+  };
+
+  /* globals jQuery */
+
+  var $$7 = jqPluginSVG(jQuery);
+
+  var context_ = void 0;
+
+  /**
+  * @interface module:recalculate.EditorContext
+  */
+  /**
+   * @function module:recalculate.EditorContext#getSVGRoot
+   * @returns {SVGSVGElement} The root DOM element
+   */
+  /**
+   * @function module:recalculate.EditorContext#getStartTransform
+   * @returns {string}
+  */
+  /**
+   * @function module:recalculate.EditorContext#setStartTransform
+   * @param {string} transform
+   * @returns {undefined}
+   */
+
+  /**
+  * @function module:recalculate.init
+  * @param {module:recalculate.EditorContext} editorContext
+  * @returns {undefined}
+  */
+  var init$5 = function init$$1(editorContext) {
+    context_ = editorContext;
+  };
+
+  /**
+  * Updates a `<clipPath>`s values based on the given translation of an element
+  * @function module:recalculate.updateClipPath
+  * @param {string} attr - The clip-path attribute value with the clipPath's ID
+  * @param {Float} tx - The translation's x value
+  * @param {Float} ty - The translation's y value
+  * @returns {undefined}
+  */
+  var updateClipPath = function updateClipPath(attr, tx, ty) {
+    var path = getRefElem(attr).firstChild;
+    var cpXform = getTransformList(path);
+    var newxlate = context_.getSVGRoot().createSVGTransform();
+    newxlate.setTranslate(tx, ty);
+
+    cpXform.appendItem(newxlate);
+
+    // Update clipPath's dimensions
+    recalculateDimensions(path);
+  };
+
+  /**
+  * Decides the course of action based on the element's transform list
+  * @function module:recalculate.recalculateDimensions
+  * @param {Element} selected - The DOM element to recalculate
+  * @returns {Command} Undo command object with the resulting change
+  */
+  var recalculateDimensions = function recalculateDimensions(selected) {
+    if (selected == null) {
+      return null;
+    }
+
+    // Firefox Issue - 1081
+    if (selected.nodeName === 'svg' && navigator.userAgent.includes('Firefox/20')) {
+      return null;
+    }
+
+    var svgroot = context_.getSVGRoot();
+    var tlist = getTransformList(selected);
+
+    // remove any unnecessary transforms
+    if (tlist && tlist.numberOfItems > 0) {
+      var k = tlist.numberOfItems;
+      var noi = k;
+      while (k--) {
+        var xform = tlist.getItem(k);
+        if (xform.type === 0) {
+          tlist.removeItem(k);
+          // remove identity matrices
+        } else if (xform.type === 1) {
+          if (isIdentity(xform.matrix)) {
+            if (noi === 1) {
+              // Overcome Chrome bug (though only when noi is 1) with
+              //    `removeItem` preventing `removeAttribute` from
+              //    subsequently working
+              // See https://bugs.chromium.org/p/chromium/issues/detail?id=843901
+              selected.removeAttribute('transform');
+              return null;
+            }
+            tlist.removeItem(k);
+          }
+          // remove zero-degree rotations
+        } else if (xform.type === 4) {
+          if (xform.angle === 0) {
+            tlist.removeItem(k);
+          }
+        }
+      }
+      // End here if all it has is a rotation
+      if (tlist.numberOfItems === 1 && getRotationAngle(selected)) {
+        return null;
+      }
+    }
+
+    // if this element had no transforms, we are done
+    if (!tlist || tlist.numberOfItems === 0) {
+      // Chrome apparently had a bug that requires clearing the attribute first.
+      selected.setAttribute('transform', '');
+      // However, this still next line currently doesn't work at all in Chrome
+      selected.removeAttribute('transform');
+      // selected.transform.baseVal.clear(); // Didn't help for Chrome bug
+      return null;
+    }
+
+    // TODO: Make this work for more than 2
+    if (tlist) {
+      var mxs = [];
+      var _k = tlist.numberOfItems;
+      while (_k--) {
+        var _xform = tlist.getItem(_k);
+        if (_xform.type === 1) {
+          mxs.push([_xform.matrix, _k]);
+        } else if (mxs.length) {
+          mxs = [];
+        }
+      }
+      if (mxs.length === 2) {
+        var mNew = svgroot.createSVGTransformFromMatrix(matrixMultiply(mxs[1][0], mxs[0][0]));
+        tlist.removeItem(mxs[0][1]);
+        tlist.removeItem(mxs[1][1]);
+        tlist.insertItemBefore(mNew, mxs[1][1]);
+      }
+
+      // combine matrix + translate
+      _k = tlist.numberOfItems;
+      if (_k >= 2 && tlist.getItem(_k - 2).type === 1 && tlist.getItem(_k - 1).type === 2) {
+        var mt = svgroot.createSVGTransform();
+
+        var m = matrixMultiply(tlist.getItem(_k - 2).matrix, tlist.getItem(_k - 1).matrix);
+        mt.setMatrix(m);
+        tlist.removeItem(_k - 2);
+        tlist.removeItem(_k - 2);
+        tlist.appendItem(mt);
+      }
+    }
+
+    // If it still has a single [M] or [R][M], return null too (prevents BatchCommand from being returned).
+    switch (selected.tagName) {
+      // Ignore these elements, as they can absorb the [M]
+      case 'line':
+      case 'polyline':
+      case 'polygon':
+      case 'path':
+        break;
+      default:
+        if (tlist.numberOfItems === 1 && tlist.getItem(0).type === 1 || tlist.numberOfItems === 2 && tlist.getItem(0).type === 1 && tlist.getItem(0).type === 4) {
+          return null;
+        }
+    }
+
+    // Grouped SVG element
+    var gsvg = $$7(selected).data('gsvg');
+
+    // we know we have some transforms, so set up return variable
+    var batchCmd = new BatchCommand('Transform');
+
+    // store initial values that will be affected by reducing the transform list
+    var changes = {};
+    var initial = null;
+    var attrs = [];
+    switch (selected.tagName) {
+      case 'line':
+        attrs = ['x1', 'y1', 'x2', 'y2'];
+        break;
+      case 'circle':
+        attrs = ['cx', 'cy', 'r'];
+        break;
+      case 'ellipse':
+        attrs = ['cx', 'cy', 'rx', 'ry'];
+        break;
+      case 'foreignObject':
+      case 'rect':
+      case 'image':
+        attrs = ['width', 'height', 'x', 'y'];
+        break;
+      case 'use':
+      case 'text':
+      case 'tspan':
+        attrs = ['x', 'y'];
+        break;
+      case 'polygon':
+      case 'polyline':
+        {
+          initial = {};
+          initial.points = selected.getAttribute('points');
+          var list = selected.points;
+          var len = list.numberOfItems;
+          changes.points = new Array(len);
+          for (var i = 0; i < len; ++i) {
+            var pt = list.getItem(i);
+            changes.points[i] = { x: pt.x, y: pt.y };
+          }
+          break;
+        }case 'path':
+        initial = {};
+        initial.d = selected.getAttribute('d');
+        changes.d = selected.getAttribute('d');
+        break;
+    } // switch on element type to get initial values
+
+    if (attrs.length) {
+      changes = $$7(selected).attr(attrs);
+      $$7.each(changes, function (attr, val) {
+        changes[attr] = convertToNum(attr, val);
+      });
+    } else if (gsvg) {
+      // GSVG exception
+      changes = {
+        x: $$7(gsvg).attr('x') || 0,
+        y: $$7(gsvg).attr('y') || 0
+      };
+    }
+
+    // if we haven't created an initial array in polygon/polyline/path, then
+    // make a copy of initial values and include the transform
+    if (initial == null) {
+      initial = $$7.extend(true, {}, changes);
+      $$7.each(initial, function (attr, val) {
+        initial[attr] = convertToNum(attr, val);
+      });
+    }
+    // save the start transform value too
+    initial.transform = context_.getStartTransform() || '';
+
+    var oldcenter = void 0,
+        newcenter = void 0;
+
+    // if it's a regular group, we have special processing to flatten transforms
+    if (selected.tagName === 'g' && !gsvg || selected.tagName === 'a') {
+      var box = getBBox(selected);
+
+      oldcenter = { x: box.x + box.width / 2, y: box.y + box.height / 2 };
+      newcenter = transformPoint(box.x + box.width / 2, box.y + box.height / 2, transformListToTransform(tlist).matrix);
+      var _m = svgroot.createSVGMatrix();
+
+      // temporarily strip off the rotate and save the old center
+      var gangle = getRotationAngle(selected);
+      if (gangle) {
+        var a = gangle * Math.PI / 180;
+        var s = void 0;
+        if (Math.abs(a) > 1.0e-10) {
+          s = Math.sin(a) / (1 - Math.cos(a));
+        } else {
+          // FIXME: This blows up if the angle is exactly 0!
+          s = 2 / a;
+        }
+        for (var _i = 0; _i < tlist.numberOfItems; ++_i) {
+          var _xform2 = tlist.getItem(_i);
+          if (_xform2.type === 4) {
+            // extract old center through mystical arts
+            var rm = _xform2.matrix;
+            oldcenter.y = (s * rm.e + rm.f) / 2;
+            oldcenter.x = (rm.e - s * rm.f) / 2;
+            tlist.removeItem(_i);
+            break;
+          }
+        }
+      }
+      var N = tlist.numberOfItems;
+      var tx = 0,
+          ty = 0,
+          operation = 0;
+
+      var firstM = void 0;
+      if (N) {
+        firstM = tlist.getItem(0).matrix;
+      }
+
+      var oldStartTransform = void 0;
+      // first, if it was a scale then the second-last transform will be it
+      if (N >= 3 && tlist.getItem(N - 2).type === 3 && tlist.getItem(N - 3).type === 2 && tlist.getItem(N - 1).type === 2) {
+        operation = 3; // scale
+
+        // if the children are unrotated, pass the scale down directly
+        // otherwise pass the equivalent matrix() down directly
+        var tm = tlist.getItem(N - 3).matrix,
+            sm = tlist.getItem(N - 2).matrix,
+            tmn = tlist.getItem(N - 1).matrix;
+
+        var children = selected.childNodes;
+        var c = children.length;
+        while (c--) {
+          var child = children.item(c);
+          tx = 0;
+          ty = 0;
+          if (child.nodeType === 1) {
+            var childTlist = getTransformList(child);
+
+            // some children might not have a transform (<metadata>, <defs>, etc)
+            if (!childTlist) {
+              continue;
+            }
+
+            var _m2 = transformListToTransform(childTlist).matrix;
+
+            // Convert a matrix to a scale if applicable
+            // if (hasMatrixTransform(childTlist) && childTlist.numberOfItems == 1) {
+            //   if (m.b==0 && m.c==0 && m.e==0 && m.f==0) {
+            //     childTlist.removeItem(0);
+            //     const translateOrigin = svgroot.createSVGTransform(),
+            //       scale = svgroot.createSVGTransform(),
+            //       translateBack = svgroot.createSVGTransform();
+            //     translateOrigin.setTranslate(0, 0);
+            //     scale.setScale(m.a, m.d);
+            //     translateBack.setTranslate(0, 0);
+            //     childTlist.appendItem(translateBack);
+            //     childTlist.appendItem(scale);
+            //     childTlist.appendItem(translateOrigin);
+            //   }
+            // }
+
+            var angle = getRotationAngle(child);
+            oldStartTransform = context_.getStartTransform();
+            context_.setStartTransform(child.getAttribute('transform'));
+            if (angle || hasMatrixTransform(childTlist)) {
+              var e2t = svgroot.createSVGTransform();
+              e2t.setMatrix(matrixMultiply(tm, sm, tmn, _m2));
+              childTlist.clear();
+              childTlist.appendItem(e2t);
+              // if not rotated or skewed, push the [T][S][-T] down to the child
+            } else {
+              // update the transform list with translate,scale,translate
+
+              // slide the [T][S][-T] from the front to the back
+              // [T][S][-T][M] = [M][T2][S2][-T2]
+
+              // (only bringing [-T] to the right of [M])
+              // [T][S][-T][M] = [T][S][M][-T2]
+              // [-T2] = [M_inv][-T][M]
+              var t2n = matrixMultiply(_m2.inverse(), tmn, _m2);
+              // [T2] is always negative translation of [-T2]
+              var t2 = svgroot.createSVGMatrix();
+              t2.e = -t2n.e;
+              t2.f = -t2n.f;
+
+              // [T][S][-T][M] = [M][T2][S2][-T2]
+              // [S2] = [T2_inv][M_inv][T][S][-T][M][-T2_inv]
+              var s2 = matrixMultiply(t2.inverse(), _m2.inverse(), tm, sm, tmn, _m2, t2n.inverse());
+
+              var translateOrigin = svgroot.createSVGTransform(),
+                  scale = svgroot.createSVGTransform(),
+                  translateBack = svgroot.createSVGTransform();
+              translateOrigin.setTranslate(t2n.e, t2n.f);
+              scale.setScale(s2.a, s2.d);
+              translateBack.setTranslate(t2.e, t2.f);
+              childTlist.appendItem(translateBack);
+              childTlist.appendItem(scale);
+              childTlist.appendItem(translateOrigin);
+              // logMatrix(translateBack.matrix);
+              // logMatrix(scale.matrix);
+            } // not rotated
+            batchCmd.addSubCommand(recalculateDimensions(child));
+            // TODO: If any <use> have this group as a parent and are
+            // referencing this child, then we need to impose a reverse
+            // scale on it so that when it won't get double-translated
+            // const uses = selected.getElementsByTagNameNS(NS.SVG, 'use');
+            // const href = '#' + child.id;
+            // let u = uses.length;
+            // while (u--) {
+            //   const useElem = uses.item(u);
+            //   if (href == getHref(useElem)) {
+            //     const usexlate = svgroot.createSVGTransform();
+            //     usexlate.setTranslate(-tx,-ty);
+            //     getTransformList(useElem).insertItemBefore(usexlate,0);
+            //     batchCmd.addSubCommand( recalculateDimensions(useElem) );
+            //   }
+            // }
+            context_.setStartTransform(oldStartTransform);
+          } // element
+        } // for each child
+        // Remove these transforms from group
+        tlist.removeItem(N - 1);
+        tlist.removeItem(N - 2);
+        tlist.removeItem(N - 3);
+      } else if (N >= 3 && tlist.getItem(N - 1).type === 1) {
+        operation = 3; // scale
+        _m = transformListToTransform(tlist).matrix;
+        var _e2t = svgroot.createSVGTransform();
+        _e2t.setMatrix(_m);
+        tlist.clear();
+        tlist.appendItem(_e2t);
+        // next, check if the first transform was a translate
+        // if we had [ T1 ] [ M ] we want to transform this into [ M ] [ T2 ]
+        // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ]
+      } else if ((N === 1 || N > 1 && tlist.getItem(1).type !== 3) && tlist.getItem(0).type === 2) {
+        operation = 2; // translate
+        var T_M = transformListToTransform(tlist).matrix;
+        tlist.removeItem(0);
+        var mInv = transformListToTransform(tlist).matrix.inverse();
+        var M2 = matrixMultiply(mInv, T_M);
+
+        tx = M2.e;
+        ty = M2.f;
+
+        if (tx !== 0 || ty !== 0) {
+          // we pass the translates down to the individual children
+          var _children = selected.childNodes;
+          var _c = _children.length;
+
+          var clipPathsDone = [];
+
+          while (_c--) {
+            var _child = _children.item(_c);
+            if (_child.nodeType === 1) {
+              // Check if child has clip-path
+              if (_child.getAttribute('clip-path')) {
+                // tx, ty
+                var attr = _child.getAttribute('clip-path');
+                if (!clipPathsDone.includes(attr)) {
+                  updateClipPath(attr, tx, ty);
+                  clipPathsDone.push(attr);
+                }
+              }
+
+              oldStartTransform = context_.getStartTransform();
+              context_.setStartTransform(_child.getAttribute('transform'));
+
+              var _childTlist = getTransformList(_child);
+              // some children might not have a transform (<metadata>, <defs>, etc)
+              if (_childTlist) {
+                var newxlate = svgroot.createSVGTransform();
+                newxlate.setTranslate(tx, ty);
+                if (_childTlist.numberOfItems) {
+                  _childTlist.insertItemBefore(newxlate, 0);
+                } else {
+                  _childTlist.appendItem(newxlate);
+                }
+                batchCmd.addSubCommand(recalculateDimensions(_child));
+                // If any <use> have this group as a parent and are
+                // referencing this child, then impose a reverse translate on it
+                // so that when it won't get double-translated
+                var uses = selected.getElementsByTagNameNS(NS.SVG, 'use');
+                var href = '#' + _child.id;
+                var u = uses.length;
+                while (u--) {
+                  var useElem = uses.item(u);
+                  if (href === getHref(useElem)) {
+                    var usexlate = svgroot.createSVGTransform();
+                    usexlate.setTranslate(-tx, -ty);
+                    getTransformList(useElem).insertItemBefore(usexlate, 0);
+                    batchCmd.addSubCommand(recalculateDimensions(useElem));
+                  }
+                }
+                context_.setStartTransform(oldStartTransform);
+              }
+            }
+          }
+
+          clipPathsDone = [];
+          context_.setStartTransform(oldStartTransform);
+        }
+        // else, a matrix imposition from a parent group
+        // keep pushing it down to the children
+      } else if (N === 1 && tlist.getItem(0).type === 1 && !gangle) {
+        operation = 1;
+        var _m3 = tlist.getItem(0).matrix,
+            _children2 = selected.childNodes;
+        var _c2 = _children2.length;
+        while (_c2--) {
+          var _child2 = _children2.item(_c2);
+          if (_child2.nodeType === 1) {
+            oldStartTransform = context_.getStartTransform();
+            context_.setStartTransform(_child2.getAttribute('transform'));
+            var _childTlist2 = getTransformList(_child2);
+
+            if (!_childTlist2) {
+              continue;
+            }
+
+            var em = matrixMultiply(_m3, transformListToTransform(_childTlist2).matrix);
+            var e2m = svgroot.createSVGTransform();
+            e2m.setMatrix(em);
+            _childTlist2.clear();
+            _childTlist2.appendItem(e2m, 0);
+
+            batchCmd.addSubCommand(recalculateDimensions(_child2));
+            context_.setStartTransform(oldStartTransform);
+
+            // Convert stroke
+            // TODO: Find out if this should actually happen somewhere else
+            var sw = _child2.getAttribute('stroke-width');
+            if (_child2.getAttribute('stroke') !== 'none' && !isNaN(sw)) {
+              var avg = (Math.abs(em.a) + Math.abs(em.d)) / 2;
+              _child2.setAttribute('stroke-width', sw * avg);
+            }
+          }
+        }
+        tlist.clear();
+        // else it was just a rotate
+      } else {
+        if (gangle) {
+          var newRot = svgroot.createSVGTransform();
+          newRot.setRotate(gangle, newcenter.x, newcenter.y);
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(newRot, 0);
+          } else {
+            tlist.appendItem(newRot);
+          }
+        }
+        if (tlist.numberOfItems === 0) {
+          selected.removeAttribute('transform');
+        }
+        return null;
+      }
+
+      // if it was a translate, put back the rotate at the new center
+      if (operation === 2) {
+        if (gangle) {
+          newcenter = {
+            x: oldcenter.x + firstM.e,
+            y: oldcenter.y + firstM.f
+          };
+
+          var _newRot = svgroot.createSVGTransform();
+          _newRot.setRotate(gangle, newcenter.x, newcenter.y);
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(_newRot, 0);
+          } else {
+            tlist.appendItem(_newRot);
+          }
+        }
+        // if it was a resize
+      } else if (operation === 3) {
+        var _m4 = transformListToTransform(tlist).matrix;
+        var roldt = svgroot.createSVGTransform();
+        roldt.setRotate(gangle, oldcenter.x, oldcenter.y);
+        var rold = roldt.matrix;
+        var rnew = svgroot.createSVGTransform();
+        rnew.setRotate(gangle, newcenter.x, newcenter.y);
+        var rnewInv = rnew.matrix.inverse(),
+            _mInv = _m4.inverse(),
+            extrat = matrixMultiply(_mInv, rnewInv, rold, _m4);
+
+        tx = extrat.e;
+        ty = extrat.f;
+
+        if (tx !== 0 || ty !== 0) {
+          // now push this transform down to the children
+          // we pass the translates down to the individual children
+          var _children3 = selected.childNodes;
+          var _c3 = _children3.length;
+          while (_c3--) {
+            var _child3 = _children3.item(_c3);
+            if (_child3.nodeType === 1) {
+              oldStartTransform = context_.getStartTransform();
+              context_.setStartTransform(_child3.getAttribute('transform'));
+              var _childTlist3 = getTransformList(_child3);
+              var _newxlate = svgroot.createSVGTransform();
+              _newxlate.setTranslate(tx, ty);
+              if (_childTlist3.numberOfItems) {
+                _childTlist3.insertItemBefore(_newxlate, 0);
+              } else {
+                _childTlist3.appendItem(_newxlate);
+              }
+
+              batchCmd.addSubCommand(recalculateDimensions(_child3));
+              context_.setStartTransform(oldStartTransform);
+            }
+          }
+        }
+
+        if (gangle) {
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(rnew, 0);
+          } else {
+            tlist.appendItem(rnew);
+          }
+        }
+      }
+      // else, it's a non-group
+    } else {
+      // FIXME: box might be null for some elements (<metadata> etc), need to handle this
+      var _box = getBBox(selected);
+
+      // Paths (and possbly other shapes) will have no BBox while still in <defs>,
+      // but we still may need to recalculate them (see issue 595).
+      // TODO: Figure out how to get BBox from these elements in case they
+      // have a rotation transform
+
+      if (!_box && selected.tagName !== 'path') return null;
+
+      var _m5 = svgroot.createSVGMatrix();
+      // temporarily strip off the rotate and save the old center
+      var _angle = getRotationAngle(selected);
+      if (_angle) {
+        oldcenter = { x: _box.x + _box.width / 2, y: _box.y + _box.height / 2 };
+        newcenter = transformPoint(_box.x + _box.width / 2, _box.y + _box.height / 2, transformListToTransform(tlist).matrix);
+
+        var _a = _angle * Math.PI / 180;
+        var _s = Math.abs(_a) > 1.0e-10 ? Math.sin(_a) / (1 - Math.cos(_a))
+        // FIXME: This blows up if the angle is exactly 0!
+        : 2 / _a;
+
+        for (var _i2 = 0; _i2 < tlist.numberOfItems; ++_i2) {
+          var _xform3 = tlist.getItem(_i2);
+          if (_xform3.type === 4) {
+            // extract old center through mystical arts
+            var _rm = _xform3.matrix;
+            oldcenter.y = (_s * _rm.e + _rm.f) / 2;
+            oldcenter.x = (_rm.e - _s * _rm.f) / 2;
+            tlist.removeItem(_i2);
+            break;
+          }
+        }
+      }
+
+      // 2 = translate, 3 = scale, 4 = rotate, 1 = matrix imposition
+      var _operation = 0;
+      var _N = tlist.numberOfItems;
+
+      // Check if it has a gradient with userSpaceOnUse, in which case
+      // adjust it by recalculating the matrix transform.
+      // TODO: Make this work in Webkit using transformlist.SVGTransformList
+      if (!isWebkit()) {
+        var fill = selected.getAttribute('fill');
+        if (fill && fill.startsWith('url(')) {
+          var paint = getRefElem(fill);
+          var type = 'pattern';
+          if (paint.tagName !== type) type = 'gradient';
+          var attrVal = paint.getAttribute(type + 'Units');
+          if (attrVal === 'userSpaceOnUse') {
+            // Update the userSpaceOnUse element
+            _m5 = transformListToTransform(tlist).matrix;
+            var gtlist = getTransformList(paint);
+            var gmatrix = transformListToTransform(gtlist).matrix;
+            _m5 = matrixMultiply(_m5, gmatrix);
+            var mStr = 'matrix(' + [_m5.a, _m5.b, _m5.c, _m5.d, _m5.e, _m5.f].join(',') + ')';
+            paint.setAttribute(type + 'Transform', mStr);
+          }
+        }
+      }
+
+      // first, if it was a scale of a non-skewed element, then the second-last
+      // transform will be the [S]
+      // if we had [M][T][S][T] we want to extract the matrix equivalent of
+      // [T][S][T] and push it down to the element
+      if (_N >= 3 && tlist.getItem(_N - 2).type === 3 && tlist.getItem(_N - 3).type === 2 && tlist.getItem(_N - 1).type === 2) {
+        // Removed this so a <use> with a given [T][S][T] would convert to a matrix.
+        // Is that bad?
+        //  && selected.nodeName != 'use'
+        _operation = 3; // scale
+        _m5 = transformListToTransform(tlist, _N - 3, _N - 1).matrix;
+        tlist.removeItem(_N - 1);
+        tlist.removeItem(_N - 2);
+        tlist.removeItem(_N - 3);
+        // if we had [T][S][-T][M], then this was a skewed element being resized
+        // Thus, we simply combine it all into one matrix
+      } else if (_N === 4 && tlist.getItem(_N - 1).type === 1) {
+        _operation = 3; // scale
+        _m5 = transformListToTransform(tlist).matrix;
+        var _e2t2 = svgroot.createSVGTransform();
+        _e2t2.setMatrix(_m5);
+        tlist.clear();
+        tlist.appendItem(_e2t2);
+        // reset the matrix so that the element is not re-mapped
+        _m5 = svgroot.createSVGMatrix();
+        // if we had [R][T][S][-T][M], then this was a rotated matrix-element
+        // if we had [T1][M] we want to transform this into [M][T2]
+        // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ] and we can push [T2]
+        // down to the element
+      } else if ((_N === 1 || _N > 1 && tlist.getItem(1).type !== 3) && tlist.getItem(0).type === 2) {
+        _operation = 2; // translate
+        var oldxlate = tlist.getItem(0).matrix,
+            meq = transformListToTransform(tlist, 1).matrix,
+            meqInv = meq.inverse();
+        _m5 = matrixMultiply(meqInv, oldxlate, meq);
+        tlist.removeItem(0);
+        // else if this child now has a matrix imposition (from a parent group)
+        // we might be able to simplify
+      } else if (_N === 1 && tlist.getItem(0).type === 1 && !_angle) {
+        // Remap all point-based elements
+        _m5 = transformListToTransform(tlist).matrix;
+        switch (selected.tagName) {
+          case 'line':
+            changes = $$7(selected).attr(['x1', 'y1', 'x2', 'y2']);
+          // Fallthrough
+          case 'polyline':
+          case 'polygon':
+            changes.points = selected.getAttribute('points');
+            if (changes.points) {
+              var _list = selected.points;
+              var _len = _list.numberOfItems;
+              changes.points = new Array(_len);
+              for (var _i3 = 0; _i3 < _len; ++_i3) {
+                var _pt = _list.getItem(_i3);
+                changes.points[_i3] = { x: _pt.x, y: _pt.y };
+              }
+            }
+          // Fallthrough
+          case 'path':
+            changes.d = selected.getAttribute('d');
+            _operation = 1;
+            tlist.clear();
+            break;
+          default:
+            break;
+        }
+        // if it was a rotation, put the rotate back and return without a command
+        // (this function has zero work to do for a rotate())
+      } else {
+        _operation = 4; // rotation
+        if (_angle) {
+          var _newRot2 = svgroot.createSVGTransform();
+          _newRot2.setRotate(_angle, newcenter.x, newcenter.y);
+
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(_newRot2, 0);
+          } else {
+            tlist.appendItem(_newRot2);
+          }
+        }
+        if (tlist.numberOfItems === 0) {
+          selected.removeAttribute('transform');
+        }
+        return null;
+      }
+
+      // if it was a translate or resize, we need to remap the element and absorb the xform
+      if (_operation === 1 || _operation === 2 || _operation === 3) {
+        remapElement(selected, changes, _m5);
+      } // if we are remapping
+
+      // if it was a translate, put back the rotate at the new center
+      if (_operation === 2) {
+        if (_angle) {
+          if (!hasMatrixTransform(tlist)) {
+            newcenter = {
+              x: oldcenter.x + _m5.e,
+              y: oldcenter.y + _m5.f
+            };
+          }
+          var _newRot3 = svgroot.createSVGTransform();
+          _newRot3.setRotate(_angle, newcenter.x, newcenter.y);
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(_newRot3, 0);
+          } else {
+            tlist.appendItem(_newRot3);
+          }
+        }
+        // We have special processing for tspans:  Tspans are not transformable
+        // but they can have x,y coordinates (sigh).  Thus, if this was a translate,
+        // on a text element, also translate any tspan children.
+        if (selected.tagName === 'text') {
+          var _children4 = selected.childNodes;
+          var _c4 = _children4.length;
+          while (_c4--) {
+            var _child4 = _children4.item(_c4);
+            if (_child4.tagName === 'tspan') {
+              var tspanChanges = {
+                x: $$7(_child4).attr('x') || 0,
+                y: $$7(_child4).attr('y') || 0
+              };
+              remapElement(_child4, tspanChanges, _m5);
+            }
+          }
+        }
+        // [Rold][M][T][S][-T] became [Rold][M]
+        // we want it to be [Rnew][M][Tr] where Tr is the
+        // translation required to re-center it
+        // Therefore, [Tr] = [M_inv][Rnew_inv][Rold][M]
+      } else if (_operation === 3 && _angle) {
+        var _m6 = transformListToTransform(tlist).matrix;
+        var _roldt = svgroot.createSVGTransform();
+        _roldt.setRotate(_angle, oldcenter.x, oldcenter.y);
+        var _rold = _roldt.matrix;
+        var _rnew = svgroot.createSVGTransform();
+        _rnew.setRotate(_angle, newcenter.x, newcenter.y);
+        var _rnewInv = _rnew.matrix.inverse();
+        var _mInv2 = _m6.inverse();
+        var _extrat = matrixMultiply(_mInv2, _rnewInv, _rold, _m6);
+
+        remapElement(selected, changes, _extrat);
+        if (_angle) {
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(_rnew, 0);
+          } else {
+            tlist.appendItem(_rnew);
+          }
+        }
+      }
+    } // a non-group
+
+    // if the transform list has been emptied, remove it
+    if (tlist.numberOfItems === 0) {
+      selected.removeAttribute('transform');
+    }
+
+    batchCmd.addSubCommand(new ChangeElementCommand(selected, initial));
+
+    return batchCmd;
+  };
+
+  /* globals jQuery */
+
+  var $$8 = jQuery;
+
+  var svgFactory_ = void 0;
+  var config_ = void 0;
+  var selectorManager_ = void 0; // A Singleton
+  var gripRadius = isTouch() ? 10 : 4;
+
+  /**
+  * Private class for DOM element selection boxes
+  */
+  var Selector = function () {
+    /**
+    * @param {Integer} id - Internally identify the selector
+    * @param {Element} elem - DOM element associated with this selector
+    * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for initialization (prevents duplicate `getBBox` call).
+    */
+    function Selector(id, elem, bbox) {
+      classCallCheck(this, Selector);
+
+      // this is the selector's unique number
+      this.id = id;
+
+      // this holds a reference to the element for which this selector is being used
+      this.selectedElement = elem;
+
+      // this is a flag used internally to track whether the selector is being used or not
+      this.locked = true;
+
+      // this holds a reference to the <g> element that holds all visual elements of the selector
+      this.selectorGroup = svgFactory_.createSVGElement({
+        element: 'g',
+        attr: { id: 'selectorGroup' + this.id }
+      });
+
+      // this holds a reference to the path rect
+      this.selectorRect = this.selectorGroup.appendChild(svgFactory_.createSVGElement({
+        element: 'path',
+        attr: {
+          id: 'selectedBox' + this.id,
+          fill: 'none',
+          stroke: '#22C',
+          'stroke-width': '1',
+          'stroke-dasharray': '5,5',
+          // need to specify this so that the rect is not selectable
+          style: 'pointer-events:none'
+        }
+      }));
+
+      // this holds a reference to the grip coordinates for this selector
+      this.gripCoords = {
+        nw: null,
+        n: null,
+        ne: null,
+        e: null,
+        se: null,
+        s: null,
+        sw: null,
+        w: null
+      };
+
+      this.reset(this.selectedElement, bbox);
+    }
+
+    /**
+    * Used to reset the id and element that the selector is attached to
+    * @param {Element} e - DOM element associated with this selector
+    * @param {module:utilities.BBoxObject} bbox - Optional bbox to use for reset (prevents duplicate getBBox call).
+    */
+
+
+    createClass(Selector, [{
+      key: 'reset',
+      value: function reset(e, bbox) {
+        this.locked = true;
+        this.selectedElement = e;
+        this.resize(bbox);
+        this.selectorGroup.setAttribute('display', 'inline');
+      }
+
+      /**
+      * Updates cursors for corner grips on rotation so arrows point the right way
+      * @param {Float} angle - Current rotation angle in degrees
+      */
+
+    }, {
+      key: 'updateGripCursors',
+      value: function updateGripCursors(angle) {
+        var dir = void 0;
+        var dirArr = [];
+        var steps = Math.round(angle / 45);
+        if (steps < 0) {
+          steps += 8;
+        }
+        for (dir in selectorManager_.selectorGrips) {
+          dirArr.push(dir);
+        }
+        while (steps > 0) {
+          dirArr.push(dirArr.shift());
+          steps--;
+        }
+        var i = 0;
+        for (dir in selectorManager_.selectorGrips) {
+          selectorManager_.selectorGrips[dir].setAttribute('style', 'cursor:' + dirArr[i] + '-resize');
+          i++;
+        }
+      }
+
+      /**
+      * Show the resize grips of this selector
+      *
+      * @param {boolean} show - Indicates whether grips should be shown or not
+      */
+
+    }, {
+      key: 'showGrips',
+      value: function showGrips(show) {
+        var bShow = show ? 'inline' : 'none';
+        selectorManager_.selectorGripsGroup.setAttribute('display', bShow);
+        var elem = this.selectedElement;
+        this.hasGrips = show;
+        if (elem && show) {
+          this.selectorGroup.append(selectorManager_.selectorGripsGroup);
+          this.updateGripCursors(getRotationAngle(elem));
+        }
+      }
+
+      /**
+      * Updates the selector to match the element's size
+      * @param {module:utilities.BBoxObject} [bbox] - BBox to use for resize (prevents duplicate getBBox call).
+      */
+
+    }, {
+      key: 'resize',
+      value: function resize(bbox) {
+        var selectedBox = this.selectorRect,
+            mgr = selectorManager_,
+            selectedGrips = mgr.selectorGrips,
+            selected = this.selectedElement,
+            sw = selected.getAttribute('stroke-width'),
+            currentZoom = svgFactory_.getCurrentZoom();
+        var offset = 1 / currentZoom;
+        if (selected.getAttribute('stroke') !== 'none' && !isNaN(sw)) {
+          offset += sw / 2;
+        }
+
+        var tagName = selected.tagName;
+
+        if (tagName === 'text') {
+          offset += 2 / currentZoom;
+        }
+
+        // loop and transform our bounding box until we reach our first rotation
+        var tlist = getTransformList(selected);
+        var m = transformListToTransform(tlist).matrix;
+
+        // This should probably be handled somewhere else, but for now
+        // it keeps the selection box correctly positioned when zoomed
+        m.e *= currentZoom;
+        m.f *= currentZoom;
+
+        if (!bbox) {
+          bbox = getBBox(selected);
+        }
+        // TODO: getBBox (previous line) already knows to call getStrokedBBox when tagName === 'g'. Remove this?
+        // TODO: getBBox doesn't exclude 'gsvg' and calls getStrokedBBox for any 'g'. Should getBBox be updated?
+        if (tagName === 'g' && !$$8.data(selected, 'gsvg')) {
+          // The bbox for a group does not include stroke vals, so we
+          // get the bbox based on its children.
+          var strokedBbox = getStrokedBBox([selected.childNodes]);
+          if (strokedBbox) {
+            bbox = strokedBbox;
+          }
+        }
+
+        // apply the transforms
+        var l = bbox.x,
+            t = bbox.y,
+            w = bbox.width,
+            h = bbox.height;
+        bbox = { x: l, y: t, width: w, height: h };
+
+        // we need to handle temporary transforms too
+        // if skewed, get its transformed box, then find its axis-aligned bbox
+
+        // *
+        offset *= currentZoom;
+
+        var nbox = transformBox(l * currentZoom, t * currentZoom, w * currentZoom, h * currentZoom, m),
+            aabox = nbox.aabox;
+
+        var nbax = aabox.x - offset,
+            nbay = aabox.y - offset,
+            nbaw = aabox.width + offset * 2,
+            nbah = aabox.height + offset * 2;
+
+        // now if the shape is rotated, un-rotate it
+        var cx = nbax + nbaw / 2,
+            cy = nbay + nbah / 2;
+
+        var angle = getRotationAngle(selected);
+        if (angle) {
+          var rot = svgFactory_.svgRoot().createSVGTransform();
+          rot.setRotate(-angle, cx, cy);
+          var rotm = rot.matrix;
+          nbox.tl = transformPoint(nbox.tl.x, nbox.tl.y, rotm);
+          nbox.tr = transformPoint(nbox.tr.x, nbox.tr.y, rotm);
+          nbox.bl = transformPoint(nbox.bl.x, nbox.bl.y, rotm);
+          nbox.br = transformPoint(nbox.br.x, nbox.br.y, rotm);
+
+          // calculate the axis-aligned bbox
+          var tl = nbox.tl;
+
+          var minx = tl.x,
+              miny = tl.y,
+              maxx = tl.x,
+              maxy = tl.y;
+
+          var min = Math.min,
+              max = Math.max;
+
+
+          minx = min(minx, min(nbox.tr.x, min(nbox.bl.x, nbox.br.x))) - offset;
+          miny = min(miny, min(nbox.tr.y, min(nbox.bl.y, nbox.br.y))) - offset;
+          maxx = max(maxx, max(nbox.tr.x, max(nbox.bl.x, nbox.br.x))) + offset;
+          maxy = max(maxy, max(nbox.tr.y, max(nbox.bl.y, nbox.br.y))) + offset;
+
+          nbax = minx;
+          nbay = miny;
+          nbaw = maxx - minx;
+          nbah = maxy - miny;
+        }
+
+        var dstr = 'M' + nbax + ',' + nbay + ' L' + (nbax + nbaw) + ',' + nbay + ' ' + (nbax + nbaw) + ',' + (nbay + nbah) + ' ' + nbax + ',' + (nbay + nbah) + 'z';
+        selectedBox.setAttribute('d', dstr);
+
+        var xform = angle ? 'rotate(' + [angle, cx, cy].join(',') + ')' : '';
+        this.selectorGroup.setAttribute('transform', xform);
+
+        // TODO(codedread): Is this needed?
+        //  if (selected === selectedElements[0]) {
+        this.gripCoords = {
+          nw: [nbax, nbay],
+          ne: [nbax + nbaw, nbay],
+          sw: [nbax, nbay + nbah],
+          se: [nbax + nbaw, nbay + nbah],
+          n: [nbax + nbaw / 2, nbay],
+          w: [nbax, nbay + nbah / 2],
+          e: [nbax + nbaw, nbay + nbah / 2],
+          s: [nbax + nbaw / 2, nbay + nbah]
+        };
+        for (var dir in this.gripCoords) {
+          var coords = this.gripCoords[dir];
+          selectedGrips[dir].setAttribute('cx', coords[0]);
+          selectedGrips[dir].setAttribute('cy', coords[1]);
+        }
+
+        // we want to go 20 pixels in the negative transformed y direction, ignoring scale
+        mgr.rotateGripConnector.setAttribute('x1', nbax + nbaw / 2);
+        mgr.rotateGripConnector.setAttribute('y1', nbay);
+        mgr.rotateGripConnector.setAttribute('x2', nbax + nbaw / 2);
+        mgr.rotateGripConnector.setAttribute('y2', nbay - gripRadius * 5);
+
+        mgr.rotateGrip.setAttribute('cx', nbax + nbaw / 2);
+        mgr.rotateGrip.setAttribute('cy', nbay - gripRadius * 5);
+        // }
+      }
+    }]);
+    return Selector;
+  }();
+
+  /**
+  * Manage all selector objects (selection boxes)
+  */
+  var SelectorManager = function () {
+    function SelectorManager() {
+      classCallCheck(this, SelectorManager);
+
+      // this will hold the <g> element that contains all selector rects/grips
+      this.selectorParentGroup = null;
+
+      // this is a special rect that is used for multi-select
+      this.rubberBandBox = null;
+
+      // this will hold objects of type Selector (see above)
+      this.selectors = [];
+
+      // this holds a map of SVG elements to their Selector object
+      this.selectorMap = {};
+
+      // this holds a reference to the grip elements
+      this.selectorGrips = {
+        nw: null,
+        n: null,
+        ne: null,
+        e: null,
+        se: null,
+        s: null,
+        sw: null,
+        w: null
+      };
+
+      this.selectorGripsGroup = null;
+      this.rotateGripConnector = null;
+      this.rotateGrip = null;
+
+      this.initGroup();
+    }
+
+    /**
+    * Resets the parent selector group element
+    */
+
+
+    createClass(SelectorManager, [{
+      key: 'initGroup',
+      value: function initGroup() {
+        // remove old selector parent group if it existed
+        if (this.selectorParentGroup && this.selectorParentGroup.parentNode) {
+          this.selectorParentGroup.remove();
+        }
+
+        // create parent selector group and add it to svgroot
+        this.selectorParentGroup = svgFactory_.createSVGElement({
+          element: 'g',
+          attr: { id: 'selectorParentGroup' }
+        });
+        this.selectorGripsGroup = svgFactory_.createSVGElement({
+          element: 'g',
+          attr: { display: 'none' }
+        });
+        this.selectorParentGroup.append(this.selectorGripsGroup);
+        svgFactory_.svgRoot().append(this.selectorParentGroup);
+
+        this.selectorMap = {};
+        this.selectors = [];
+        this.rubberBandBox = null;
+
+        // add the corner grips
+        for (var dir in this.selectorGrips) {
+          var grip = svgFactory_.createSVGElement({
+            element: 'circle',
+            attr: {
+              id: 'selectorGrip_resize_' + dir,
+              fill: '#22C',
+              r: gripRadius,
+              style: 'cursor:' + dir + '-resize',
+              // This expands the mouse-able area of the grips making them
+              // easier to grab with the mouse.
+              // This works in Opera and WebKit, but does not work in Firefox
+              // see https://bugzilla.mozilla.org/show_bug.cgi?id=500174
+              'stroke-width': 2,
+              'pointer-events': 'all'
+            }
+          });
+
+          $$8.data(grip, 'dir', dir);
+          $$8.data(grip, 'type', 'resize');
+          this.selectorGrips[dir] = this.selectorGripsGroup.appendChild(grip);
+        }
+
+        // add rotator elems
+        this.rotateGripConnector = this.selectorGripsGroup.appendChild(svgFactory_.createSVGElement({
+          element: 'line',
+          attr: {
+            id: 'selectorGrip_rotateconnector',
+            stroke: '#22C',
+            'stroke-width': '1'
+          }
+        }));
+
+        this.rotateGrip = this.selectorGripsGroup.appendChild(svgFactory_.createSVGElement({
+          element: 'circle',
+          attr: {
+            id: 'selectorGrip_rotate',
+            fill: 'lime',
+            r: gripRadius,
+            stroke: '#22C',
+            'stroke-width': 2,
+            style: 'cursor:url(' + config_.imgPath + 'rotate.png) 12 12, auto;'
+          }
+        }));
+        $$8.data(this.rotateGrip, 'type', 'rotate');
+
+        if ($$8('#canvasBackground').length) {
+          return;
+        }
+
+        var _config_$dimensions = slicedToArray(config_.dimensions, 2),
+            width = _config_$dimensions[0],
+            height = _config_$dimensions[1];
+
+        var canvasbg = svgFactory_.createSVGElement({
+          element: 'svg',
+          attr: {
+            id: 'canvasBackground',
+            width: width,
+            height: height,
+            x: 0,
+            y: 0,
+            overflow: isWebkit() ? 'none' : 'visible', // Chrome 7 has a problem with this when zooming out
+            style: 'pointer-events:none'
+          }
+        });
+
+        var rect = svgFactory_.createSVGElement({
+          element: 'rect',
+          attr: {
+            width: '100%',
+            height: '100%',
+            x: 0,
+            y: 0,
+            'stroke-width': 1,
+            stroke: '#000',
+            fill: '#FFF',
+            style: 'pointer-events:none'
+          }
+        });
+
+        // Both Firefox and WebKit are too slow with this filter region (especially at higher
+        // zoom levels) and Opera has at least one bug
+        // if (!isOpera()) rect.setAttribute('filter', 'url(#canvashadow)');
+        canvasbg.append(rect);
+        svgFactory_.svgRoot().insertBefore(canvasbg, svgFactory_.svgContent());
+        // Ok to replace above with `svgFactory_.svgContent().before(canvasbg);`?
+      }
+
+      /**
+      *
+      * @param {Element} elem - DOM element to get the selector for
+      * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for reset (prevents duplicate getBBox call).
+      * @returns {Selector} The selector based on the given element
+      */
+
+    }, {
+      key: 'requestSelector',
+      value: function requestSelector(elem, bbox) {
+        if (elem == null) {
+          return null;
+        }
+
+        var N = this.selectors.length;
+        // If we've already acquired one for this element, return it.
+        if (_typeof(this.selectorMap[elem.id]) === 'object') {
+          this.selectorMap[elem.id].locked = true;
+          return this.selectorMap[elem.id];
+        }
+        for (var i = 0; i < N; ++i) {
+          if (this.selectors[i] && !this.selectors[i].locked) {
+            this.selectors[i].locked = true;
+            this.selectors[i].reset(elem, bbox);
+            this.selectorMap[elem.id] = this.selectors[i];
+            return this.selectors[i];
+          }
+        }
+        // if we reached here, no available selectors were found, we create one
+        this.selectors[N] = new Selector(N, elem, bbox);
+        this.selectorParentGroup.append(this.selectors[N].selectorGroup);
+        this.selectorMap[elem.id] = this.selectors[N];
+        return this.selectors[N];
+      }
+
+      /**
+      * Removes the selector of the given element (hides selection box)
+      *
+      * @param {Element} elem - DOM element to remove the selector for
+      */
+
+    }, {
+      key: 'releaseSelector',
+      value: function releaseSelector(elem) {
+        if (elem == null) {
+          return;
+        }
+        var N = this.selectors.length,
+            sel = this.selectorMap[elem.id];
+        if (!sel.locked) {
+          // TODO(codedread): Ensure this exists in this module.
+          console.log('WARNING! selector was released but was already unlocked');
+        }
+        for (var i = 0; i < N; ++i) {
+          if (this.selectors[i] && this.selectors[i] === sel) {
+            delete this.selectorMap[elem.id];
+            sel.locked = false;
+            sel.selectedElement = null;
+            sel.showGrips(false);
+
+            // remove from DOM and store reference in JS but only if it exists in the DOM
+            try {
+              sel.selectorGroup.setAttribute('display', 'none');
+            } catch (e) {}
+
+            break;
+          }
+        }
+      }
+
+      /**
+      * @returns {SVGRectElement} The rubberBandBox DOM element. This is the rectangle drawn by
+      * the user for selecting/zooming
+      */
+
+    }, {
+      key: 'getRubberBandBox',
+      value: function getRubberBandBox() {
+        if (!this.rubberBandBox) {
+          this.rubberBandBox = this.selectorParentGroup.appendChild(svgFactory_.createSVGElement({
+            element: 'rect',
+            attr: {
+              id: 'selectorRubberBand',
+              fill: '#22C',
+              'fill-opacity': 0.15,
+              stroke: '#22C',
+              'stroke-width': 0.5,
+              display: 'none',
+              style: 'pointer-events:none'
+            }
+          }));
+        }
+        return this.rubberBandBox;
+      }
+    }]);
+    return SelectorManager;
+  }();
+
+  /**
+   * An object that creates SVG elements for the canvas.
+   *
+   * @interface module:select.SVGFactory
+   */
+  /**
+   * @function module:select.SVGFactory#createSVGElement
+   * @param {module:utilities.EditorContext#addSVGElementFromJson} jsonMap
+   * @returns {SVGElement}
+   */
+  /**
+   * @function module:select.SVGFactory#svgRoot
+   * @returns {SVGSVGElement}
+   */
+  /**
+   * @function module:select.SVGFactory#svgContent
+   * @returns {SVGSVGElement}
+   */
+  /**
+   * @function module:select.SVGFactory#getCurrentZoom
+   * @returns {Float}
+   */
+
+  /**
+   * @typedef {GenericArray} module:select.Dimensions
+   * @property {Integer} length 2
+   * @property {Float} 0 Width
+   * @property {Float} 1 Height
+   */
+  /**
+   * @typedef {PlainObject} module:select.Config
+   * @property {string} imgPath
+   * @property {module:select.Dimensions} dimensions
+   */
+
+  /**
+   * Initializes this module.
+   * @function module:select.init
+   * @param {module:select.Config} config - An object containing configurable parameters (imgPath)
+   * @param {module:select.SVGFactory} svgFactory - An object implementing the SVGFactory interface.
+   * @returns {undefined}
+   */
+  var init$6 = function init(config, svgFactory) {
+    config_ = config;
+    svgFactory_ = svgFactory;
+    selectorManager_ = new SelectorManager();
+  };
+
+  /**
+   * @function module:select.getSelectorManager
+   * @returns {module:select.SelectorManager} The SelectorManager instance.
+   */
+  var getSelectorManager = function getSelectorManager() {
+    return selectorManager_;
+  };
+
+  /* eslint-disable indent */
+
+  var $$9 = jqPluginSVG(jQuery);
+  var MoveElementCommand$1 = MoveElementCommand,
+      InsertElementCommand$1 = InsertElementCommand,
+      RemoveElementCommand$1 = RemoveElementCommand,
+      ChangeElementCommand$1 = ChangeElementCommand,
+      BatchCommand$1 = BatchCommand,
+      UndoManager$1 = UndoManager,
+      HistoryEventTypes$1 = HistoryEventTypes;
+
+
+  if (!window.console) {
+    window.console = {};
+    window.console.log = function (str) {};
+    window.console.dir = function (str) {};
+  }
+
+  if (window.opera) {
+    window.console.log = function (str) {
+      opera.postError(str);
+    };
+    window.console.dir = function (str) {};
+  }
+
+  /**
+  * The main SvgCanvas class that manages all SVG-related functions
+  * @memberof module:svgcanvas
+  *
+  * @borrows module:coords.remapElement as #remapElement
+  * @borrows module:recalculate.recalculateDimensions as #recalculateDimensions
+  *
+  * @borrows module:utilities.cleanupElement as #cleanupElement
+  * @borrows module:utilities.getStrokedBBoxDefaultVisible as #getStrokedBBox
+  * @borrows module:utilities.getVisibleElements as #getVisibleElements
+  * @borrows module:utilities.findDefs as #findDefs
+  * @borrows module:utilities.getUrlFromAttr as #getUrlFromAttr
+  * @borrows module:utilities.getHref as #getHref
+  * @borrows module:utilities.setHref as #setHref
+  * @borrows module:utilities.getRotationAngle as #getRotationAngle
+  * @borrows module:utilities.getBBox as #getBBox
+  * @borrows module:utilities.getElem as #getElem
+  * @borrows module:utilities.getRefElem as #getRefElem
+  * @borrows module:utilities.assignAttributes as #assignAttributes
+  *
+  * @borrows module:SVGTransformList.getTransformList as #getTransformList
+  * @borrows module:math.matrixMultiply as #matrixMultiply
+  * @borrows module:math.hasMatrixTransform as #hasMatrixTransform
+  * @borrows module:math.transformListToTransform as #transformListToTransform
+  * @borrows module:units.convertToNum as #convertToNum
+  * @borrows module:sanitize.sanitizeSvg as #sanitizeSvg
+  * @borrows module:path.pathActions.linkControlPoints as #linkControlPoints
+  */
+
+  var SvgCanvas =
+  /**
+  * @param {HTMLElement} container - The container HTML element that should hold the SVG root element
+  * @param {module:SVGEditor.curConfig} config - An object that contains configuration data
+  */
+  function SvgCanvas(container, config) {
+    classCallCheck(this, SvgCanvas);
+
+    // Alias Namespace constants
+
+    // Default configuration options
+    var curConfig = {
+      show_outside_canvas: true,
+      selectNew: true,
+      dimensions: [640, 480]
+    };
+
+    // Update config with new one if given
+    if (config) {
+      $$9.extend(curConfig, config);
+    }
+
+    // Array with width/height of canvas
+    var dimensions = curConfig.dimensions;
+
+
+    var canvas = this;
+
+    // "document" element associated with the container (same as window.document using default svg-editor.js)
+    // NOTE: This is not actually a SVG document, but an HTML document.
+    var svgdoc = container.ownerDocument;
+
+    // This is a container for the document being edited, not the document itself.
+    /**
+     * @name module:svgcanvas~svgroot
+     * @type {SVGSVGElement}
+     */
+    var svgroot = svgdoc.importNode(text2xml('<svg id="svgroot" xmlns="' + NS.SVG + '" xlinkns="' + NS.XLINK + '" ' + 'width="' + dimensions[0] + '" height="' + dimensions[1] + '" x="' + dimensions[0] + '" y="' + dimensions[1] + '" overflow="visible">' + '<defs>' + '<filter id="canvashadow" filterUnits="objectBoundingBox">' + '<feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>' + '<feOffset in="blur" dx="5" dy="5" result="offsetBlur"/>' + '<feMerge>' + '<feMergeNode in="offsetBlur"/>' + '<feMergeNode in="SourceGraphic"/>' + '</feMerge>' + '</filter>' + '</defs>' + '</svg>').documentElement, true);
+    container.append(svgroot);
+
+    /**
+     * The actual element that represents the final output SVG element
+     * @name module:svgcanvas~svgcontent
+     * @type {SVGSVGElement}
+     */
+    var svgcontent = svgdoc.createElementNS(NS.SVG, 'svg');
+
+    /**
+    * This function resets the svgcontent element while keeping it in the DOM.
+    * @function module:svgcanvas.SvgCanvas#clearSvgContentElement
+    * @returns {undefined}
+    */
+    var clearSvgContentElement = canvas.clearSvgContentElement = function () {
+      $$9(svgcontent).empty();
+
+      // TODO: Clear out all other attributes first?
+      $$9(svgcontent).attr({
+        id: 'svgcontent',
+        width: dimensions[0],
+        height: dimensions[1],
+        x: dimensions[0],
+        y: dimensions[1],
+        overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden',
+        xmlns: NS.SVG,
+        'xmlns:se': NS.SE,
+        'xmlns:xlink': NS.XLINK
+      }).appendTo(svgroot);
+
+      // TODO: make this string optional and set by the client
+      var comment = svgdoc.createComment(' Created with SVG-edit - https://github.com/SVG-Edit/svgedit');
+      svgcontent.append(comment);
+    };
+    clearSvgContentElement();
+
+    // Prefix string for element IDs
+    var idprefix = 'svg_';
+
+    /**
+    * Changes the ID prefix to the given value
+    * @function module:svgcanvas.SvgCanvas#setIdPrefix
+    * @param {string} p - String with the new prefix
+    * @returns {undefined}
+    */
+    canvas.setIdPrefix = function (p) {
+      idprefix = p;
+    };
+
+    /**
+    * Current draw.Drawing object
+    * @type {module:draw.Drawing}
+    * @name module:svgcanvas.SvgCanvas#current_drawing_
+    */
+    canvas.current_drawing_ = new Drawing(svgcontent, idprefix);
+
+    /**
+    * Returns the current Drawing.
+    * @function module:svgcanvas.SvgCanvas#getCurrentDrawing
+    * @implements {module:draw.DrawCanvasInit#getCurrentDrawing}
+    */
+    var getCurrentDrawing = canvas.getCurrentDrawing = function () {
+      return canvas.current_drawing_;
+    };
+
+    /**
+    * Float displaying the current zoom level (1 = 100%, .5 = 50%, etc)
+    * @type {Float}
+    */
+    var currentZoom = 1;
+
+    // pointer to current group (for in-group editing)
+    var currentGroup = null;
+
+    // Object containing data for the currently selected styles
+    var allProperties = {
+      shape: {
+        fill: (curConfig.initFill.color === 'none' ? '' : '#') + curConfig.initFill.color,
+        fill_paint: null,
+        fill_opacity: curConfig.initFill.opacity,
+        stroke: '#' + curConfig.initStroke.color,
+        stroke_paint: null,
+        stroke_opacity: curConfig.initStroke.opacity,
+        stroke_width: curConfig.initStroke.width,
+        stroke_dasharray: 'none',
+        stroke_linejoin: 'miter',
+        stroke_linecap: 'butt',
+        opacity: curConfig.initOpacity
+      }
+    };
+
+    allProperties.text = $$9.extend(true, {}, allProperties.shape);
+    $$9.extend(allProperties.text, {
+      fill: '#000000',
+      stroke_width: curConfig.text && curConfig.text.stroke_width,
+      font_size: curConfig.text && curConfig.text.font_size,
+      font_family: curConfig.text && curConfig.text.font_family
+    });
+
+    // Current shape style properties
+    var curShape = allProperties.shape;
+
+    // Array with all the currently selected elements
+    // default size of 1 until it needs to grow bigger
+    var selectedElements = [];
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.SVGAsJSON
+    * @property {string} element
+    * @property {PlainObject.<string, string>} attr
+    * @property {module:svgcanvas.SVGAsJSON[]} children
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getContentElem
+    * @param {Text|Element} data
+    * @returns {module:svgcanvas.SVGAsJSON}
+    */
+    var getJsonFromSvgElement = this.getJsonFromSvgElement = function (data) {
+      // Text node
+      if (data.nodeType === 3) return data.nodeValue;
+
+      var retval = {
+        element: data.tagName,
+        // namespace: nsMap[data.namespaceURI],
+        attr: {},
+        children: []
+      };
+
+      // Iterate attributes
+      for (var i = 0, attr; attr = data.attributes[i]; i++) {
+        retval.attr[attr.name] = attr.value;
+      }
+
+      // Iterate children
+      for (var _i = 0, node; node = data.childNodes[_i]; _i++) {
+        retval.children[_i] = getJsonFromSvgElement(node);
+      }
+
+      return retval;
+    };
+
+    /**
+    * This should really be an intersection implementing all rather than a union
+    * @function module:svgcanvas.SvgCanvas#addSVGElementFromJson
+    * @implements {module:utilities.EditorContext#addSVGElementFromJson|module:path.EditorContext#addSVGElementFromJson}
+    */
+    var addSVGElementFromJson = this.addSVGElementFromJson = function (data) {
+      if (typeof data === 'string') return svgdoc.createTextNode(data);
+
+      var shape = getElem(data.attr.id);
+      // if shape is a path but we need to create a rect/ellipse, then remove the path
+      var currentLayer = getCurrentDrawing().getCurrentLayer();
+      if (shape && data.element !== shape.tagName) {
+        shape.remove();
+        shape = null;
+      }
+      if (!shape) {
+        var ns = data.namespace || NS.SVG;
+        shape = svgdoc.createElementNS(ns, data.element);
+        if (currentLayer) {
+          (currentGroup || currentLayer).append(shape);
+        }
+      }
+      if (data.curStyles) {
+        assignAttributes(shape, {
+          fill: curShape.fill,
+          stroke: curShape.stroke,
+          'stroke-width': curShape.stroke_width,
+          'stroke-dasharray': curShape.stroke_dasharray,
+          'stroke-linejoin': curShape.stroke_linejoin,
+          'stroke-linecap': curShape.stroke_linecap,
+          'stroke-opacity': curShape.stroke_opacity,
+          'fill-opacity': curShape.fill_opacity,
+          opacity: curShape.opacity / 2,
+          style: 'pointer-events:inherit'
+        }, 100);
+      }
+      assignAttributes(shape, data.attr, 100);
+      cleanupElement(shape);
+
+      // Children
+      if (data.children) {
+        data.children.forEach(function (child) {
+          shape.append(addSVGElementFromJson(child));
+        });
+      }
+
+      return shape;
+    };
+
+    canvas.getTransformList = getTransformList;
+
+    canvas.matrixMultiply = matrixMultiply;
+    canvas.hasMatrixTransform = hasMatrixTransform;
+    canvas.transformListToTransform = transformListToTransform;
+
+    /**
+    * @implements {module:utilities.EditorContext#getBaseUnit}
+    */
+    var getBaseUnit = function getBaseUnit() {
+      return curConfig.baseUnit;
+    };
+
+    /**
+    * initialize from units.js.
+    * Send in an object implementing the ElementContainer interface (see units.js)
+    */
+    init(
+    /**
+    * @implements {module:units.ElementContainer}
+    */
+    {
+      getBaseUnit: getBaseUnit,
+      getElement: getElem,
+      getHeight: function getHeight() {
+        return svgcontent.getAttribute('height') / currentZoom;
+      },
+      getWidth: function getWidth() {
+        return svgcontent.getAttribute('width') / currentZoom;
+      },
+      getRoundDigits: function getRoundDigits() {
+        return saveOptions.round_digits;
+      }
+    });
+
+    canvas.convertToNum = convertToNum;
+
+    /**
+    * This should really be an intersection implementing all rather than a union
+    * @implements {module:draw.DrawCanvasInit#getSVGContent|module:utilities.EditorContext#getSVGContent}
+    */
+    var getSVGContent = function getSVGContent() {
+      return svgcontent;
+    };
+
+    /**
+    * Should really be an intersection with all needing to apply rather than a union
+    * @function module:svgcanvas.SvgCanvas#getSelectedElements
+    * @implements {module:utilities.EditorContext#getSelectedElements|module:draw.DrawCanvasInit#getSelectedElements|module:path.EditorContext#getSelectedElements}
+    */
+    var getSelectedElements = this.getSelectedElems = function () {
+      return selectedElements;
+    };
+
+    var pathActions$$1 = pathActions;
+
+    /**
+    * This should actually be an intersection as all interfaces should be met
+    * @implements {module:utilities.EditorContext#getSVGRoot|module:recalculate.EditorContext#getSVGRoot|module:coords.EditorContext#getSVGRoot|module:path.EditorContext#getSVGRoot}
+    */
+    var getSVGRoot = function getSVGRoot() {
+      return svgroot;
+    };
+
+    init$2(
+    /**
+    * @implements {module:utilities.EditorContext}
+    */
+    {
+      pathActions: pathActions$$1, // Ok since not modifying
+      getSVGContent: getSVGContent,
+      addSVGElementFromJson: addSVGElementFromJson,
+      getSelectedElements: getSelectedElements,
+      getDOMDocument: function getDOMDocument() {
+        return svgdoc;
+      },
+      getDOMContainer: function getDOMContainer() {
+        return container;
+      },
+
+      getSVGRoot: getSVGRoot,
+      // TODO: replace this mostly with a way to get the current drawing.
+      getBaseUnit: getBaseUnit,
+      getSnappingStep: function getSnappingStep() {
+        return curConfig.snappingStep;
+      }
+    });
+
+    canvas.findDefs = findDefs;
+    canvas.getUrlFromAttr = getUrlFromAttr;
+    canvas.getHref = getHref;
+    canvas.setHref = setHref;
+    /* const getBBox = */canvas.getBBox = getBBox;
+    canvas.getRotationAngle = getRotationAngle;
+    canvas.getElem = getElem;
+    canvas.getRefElem = getRefElem;
+    canvas.assignAttributes = assignAttributes;
+
+    this.cleanupElement = cleanupElement;
+
+    /**
+    * This should actually be an intersection not a union as all should apply
+    * @implements {module:coords.EditorContext|module:path.EditorContext}
+    */
+    var getGridSnapping = function getGridSnapping() {
+      return curConfig.gridSnapping;
+    };
+
+    init$4(
+    /**
+    * @implements {module:coords.EditorContext}
+    */
+    {
+      getDrawing: function getDrawing() {
+        return getCurrentDrawing();
+      },
+
+      getSVGRoot: getSVGRoot,
+      getGridSnapping: getGridSnapping
+    });
+    this.remapElement = remapElement;
+
+    init$5(
+    /**
+    * @implements {module:recalculate.EditorContext}
+    */
+    {
+      getSVGRoot: getSVGRoot,
+      getStartTransform: function getStartTransform() {
+        return startTransform;
+      },
+      setStartTransform: function setStartTransform(transform) {
+        startTransform = transform;
+      }
+    });
+    this.recalculateDimensions = recalculateDimensions;
+
+    // import from sanitize.js
+    var nsMap = getReverseNS();
+    canvas.sanitizeSvg = sanitizeSvg;
+
+    /**
+    * @name undoMgr
+    * @memberof module:svgcanvas.SvgCanvas#
+    * @type {module:history.HistoryEventHandler}
+    */
+    var undoMgr = canvas.undoMgr = new UndoManager$1({
+      /**
+       * @param {string} eventType One of the HistoryEvent types
+       * @param {module:history.HistoryCommand} cmd Fulfills the HistoryCommand interface
+       * @fires module:svgcanvas.SvgCanvas#event:changed
+       * @returns {undefined}
+       */
+      handleHistoryEvent: function handleHistoryEvent(eventType, cmd) {
+        var EventTypes = HistoryEventTypes$1;
+        // TODO: handle setBlurOffsets.
+        if (eventType === EventTypes.BEFORE_UNAPPLY || eventType === EventTypes.BEFORE_APPLY) {
+          canvas.clearSelection();
+        } else if (eventType === EventTypes.AFTER_APPLY || eventType === EventTypes.AFTER_UNAPPLY) {
+          var elems = cmd.elements();
+          canvas.pathActions.clear();
+          call('changed', elems);
+          var cmdType = cmd.type();
+          var isApply = eventType === EventTypes.AFTER_APPLY;
+          if (cmdType === MoveElementCommand$1.type()) {
+            var parent = isApply ? cmd.newParent : cmd.oldParent;
+            if (parent === svgcontent) {
+              identifyLayers();
+            }
+          } else if (cmdType === InsertElementCommand$1.type() || cmdType === RemoveElementCommand$1.type()) {
+            if (cmd.parent === svgcontent) {
+              identifyLayers();
+            }
+            if (cmdType === InsertElementCommand$1.type()) {
+              if (isApply) {
+                restoreRefElems(cmd.elem);
+              }
+            } else {
+              if (!isApply) {
+                restoreRefElems(cmd.elem);
+              }
+            }
+            if (cmd.elem.tagName === 'use') {
+              setUseData(cmd.elem);
+            }
+          } else if (cmdType === ChangeElementCommand$1.type()) {
+            // if we are changing layer names, re-identify all layers
+            if (cmd.elem.tagName === 'title' && cmd.elem.parentNode.parentNode === svgcontent) {
+              identifyLayers();
+            }
+            var values = isApply ? cmd.newValues : cmd.oldValues;
+            // If stdDeviation was changed, update the blur.
+            if (values.stdDeviation) {
+              canvas.setBlurOffsets(cmd.elem.parentNode, values.stdDeviation);
+            }
+            // This is resolved in later versions of webkit, perhaps we should
+            // have a featured detection for correct 'use' behavior?
+            // ——————————
+            // Remove & Re-add hack for Webkit (issue 775)
+            // if (cmd.elem.tagName === 'use' && isWebkit()) {
+            //  const {elem} = cmd;
+            //  if (!elem.getAttribute('x') && !elem.getAttribute('y')) {
+            //    const parent = elem.parentNode;
+            //    const sib = elem.nextSibling;
+            //    elem.remove();
+            //    parent.insertBefore(elem, sib);
+            //    // Ok to replace above with this? `sib.before(elem);`
+            //  }
+            // }
+          }
+        }
+      }
+    });
+
+    /**
+    * This should really be an intersection applying to all types rather than a union
+    * @function module:svgcanvas~addCommandToHistory
+    * @implements {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory}
+    */
+    var addCommandToHistory = function addCommandToHistory(cmd) {
+      canvas.undoMgr.addCommandToHistory(cmd);
+    };
+
+    /**
+    * This should really be an intersection applying to all types rather than a union
+    * @function module:svgcanvas.SvgCanvas#getZoom
+    * @implements {module:path.EditorContext#getCurrentZoom|module:select.SVGFactory#getCurrentZoom}
+    */
+    var getCurrentZoom = this.getZoom = function () {
+      return currentZoom;
+    };
+
+    /**
+    * This method rounds the incoming value to the nearest value based on the `currentZoom`
+    * @function module:svgcanvas.SvgCanvas#round
+    * @implements {module:path.EditorContext#round}
+    */
+    var round = this.round = function (val) {
+      return parseInt(val * currentZoom, 10) / currentZoom;
+    };
+
+    init$6(curConfig,
+    /**
+    * Export to select.js
+    * @implements {module:select.SVGFactory}
+    */
+    {
+      createSVGElement: function createSVGElement(jsonMap) {
+        return canvas.addSVGElementFromJson(jsonMap);
+      },
+      svgRoot: function svgRoot() {
+        return svgroot;
+      },
+      svgContent: function svgContent() {
+        return svgcontent;
+      },
+
+      getCurrentZoom: getCurrentZoom
+    });
+    /**
+    * This object manages selectors for us
+    * @name module:svgcanvas.SvgCanvas#selectorManager
+    * @type {module:select.SelectorManager}
+    */
+    var selectorManager = this.selectorManager = getSelectorManager();
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getNextId
+    * @implements {module:path.EditorContext#getNextId}
+    */
+    var getNextId = canvas.getNextId = function () {
+      return getCurrentDrawing().getNextId();
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getId
+    * @implements {module:path.EditorContext#getId}
+    */
+    var getId = canvas.getId = function () {
+      return getCurrentDrawing().getId();
+    };
+
+    /**
+    * The "implements" should really be an intersection applying to all types rather than a union
+    * @function module:svgcanvas.SvgCanvas#call
+    * @implements {module:draw.DrawCanvasInit#call|module:path.EditorContext#call}
+    * @param {"selected"|"changed"|"contextset"|"pointsAdded"|"extension_added"|"extensions_added"|"message"|"transition"|"zoomed"|"updateCanvas"|"zoomDone"|"saved"|"exported"|"exportedPDF"|"setnonce"|"unsetnonce"|"cleared"} ev - String with the event name
+    * @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg - Argument to pass through to the callback function.
+    * @returns {undefined}
+    */
+    var call = function call(ev, arg) {
+      if (events[ev]) {
+        return events[ev](window, arg);
+      }
+    };
+
+    /**
+    * Clears the selection. The 'selected' handler is then optionally called.
+    * This should really be an intersection applying to all types rather than a union
+    * @function module:svgcanvas.SvgCanvas#clearSelection
+    * @implements {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection}
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    */
+    var clearSelection = this.clearSelection = function (noCall) {
+      selectedElements.forEach(function (elem) {
+        if (elem == null) {
+          return;
+        }
+        selectorManager.releaseSelector(elem);
+      });
+      selectedElements = [];
+
+      if (!noCall) {
+        call('selected', selectedElements);
+      }
+    };
+
+    /**
+    * Adds a list of elements to the selection. The 'selected' handler is then called.
+    * @function module:svgcanvas.SvgCanvas#addToSelection
+    * @implements {module:path.EditorContext#addToSelection}
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    */
+    var addToSelection = this.addToSelection = function (elemsToAdd, showGrips) {
+      if (!elemsToAdd.length) {
+        return;
+      }
+      // find the first null in our selectedElements array
+
+      var j = 0;
+      while (j < selectedElements.length) {
+        if (selectedElements[j] == null) {
+          break;
+        }
+        ++j;
+      }
+
+      // now add each element consecutively
+      var i = elemsToAdd.length;
+      while (i--) {
+        var elem = elemsToAdd[i];
+        if (!elem) {
+          continue;
+        }
+        var bbox = getBBox(elem);
+        if (!bbox) {
+          continue;
+        }
+
+        if (elem.tagName === 'a' && elem.childNodes.length === 1) {
+          // Make "a" element's child be the selected element
+          elem = elem.firstChild;
+        }
+
+        // if it's not already there, add it
+        if (!selectedElements.includes(elem)) {
+          selectedElements[j] = elem;
+
+          // only the first selectedBBoxes element is ever used in the codebase these days
+          // if (j === 0) selectedBBoxes[0] = utilsGetBBox(elem);
+          j++;
+          var sel = selectorManager.requestSelector(elem, bbox);
+
+          if (selectedElements.length > 1) {
+            sel.showGrips(false);
+          }
+        }
+      }
+      call('selected', selectedElements);
+
+      if (showGrips || selectedElements.length === 1) {
+        selectorManager.requestSelector(selectedElements[0]).showGrips(true);
+      } else {
+        selectorManager.requestSelector(selectedElements[0]).showGrips(false);
+      }
+
+      // make sure the elements are in the correct order
+      // See: https://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-compareDocumentPosition
+
+      selectedElements.sort(function (a, b) {
+        if (a && b && a.compareDocumentPosition) {
+          return 3 - (b.compareDocumentPosition(a) & 6);
+        }
+        if (a == null) {
+          return 1;
+        }
+      });
+
+      // Make sure first elements are not null
+      while (selectedElements[0] == null) {
+        selectedElements.shift(0);
+      }
+    };
+
+    /**
+    * @implements {module:path.EditorContext#getOpacity}
+    */
+    var getOpacity = function getOpacity() {
+      return curShape.opacity;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getMouseTarget
+    * @implements {module:path.EditorContext#getMouseTarget}
+    */
+    var getMouseTarget = this.getMouseTarget = function (evt) {
+      if (evt == null) {
+        return null;
+      }
+      var mouseTarget = evt.target;
+
+      // if it was a <use>, Opera and WebKit return the SVGElementInstance
+      if (mouseTarget.correspondingUseElement) {
+        mouseTarget = mouseTarget.correspondingUseElement;
+      }
+
+      // for foreign content, go up until we find the foreignObject
+      // WebKit browsers set the mouse target to the svgcanvas div
+      if ([NS.MATH, NS.HTML].includes(mouseTarget.namespaceURI) && mouseTarget.id !== 'svgcanvas') {
+        while (mouseTarget.nodeName !== 'foreignObject') {
+          mouseTarget = mouseTarget.parentNode;
+          if (!mouseTarget) {
+            return svgroot;
+          }
+        }
+      }
+
+      // Get the desired mouseTarget with jQuery selector-fu
+      // If it's root-like, select the root
+      var currentLayer = getCurrentDrawing().getCurrentLayer();
+      if ([svgroot, container, svgcontent, currentLayer].includes(mouseTarget)) {
+        return svgroot;
+      }
+
+      var $target = $$9(mouseTarget);
+
+      // If it's a selection grip, return the grip parent
+      if ($target.closest('#selectorParentGroup').length) {
+        // While we could instead have just returned mouseTarget,
+        // this makes it easier to indentify as being a selector grip
+        return selectorManager.selectorParentGroup;
+      }
+
+      while (mouseTarget.parentNode !== (currentGroup || currentLayer)) {
+        mouseTarget = mouseTarget.parentNode;
+      }
+
+      //
+      // // go up until we hit a child of a layer
+      // while (mouseTarget.parentNode.parentNode.tagName == 'g') {
+      //   mouseTarget = mouseTarget.parentNode;
+      // }
+      // Webkit bubbles the mouse event all the way up to the div, so we
+      // set the mouseTarget to the svgroot like the other browsers
+      // if (mouseTarget.nodeName.toLowerCase() == 'div') {
+      //   mouseTarget = svgroot;
+      // }
+
+      return mouseTarget;
+    };
+
+    /**
+    * @namespace {module:path.pathActions} pathActions
+    * @memberof module:svgcanvas.SvgCanvas#
+    * @see module:path.pathActions
+    */
+    canvas.pathActions = pathActions$$1;
+    /**
+    * @implements {module:path.EditorContext#resetD}
+    */
+    function resetD(p) {
+      p.setAttribute('d', pathActions$$1.convertPath(p));
+    }
+    init$1(
+    /**
+    * @implements {module:path.EditorContext}
+    */
+    {
+      selectorManager: selectorManager, // Ok since not changing
+      canvas: canvas, // Ok since not changing
+      call: call,
+      resetD: resetD,
+      round: round,
+      clearSelection: clearSelection,
+      addToSelection: addToSelection,
+      addCommandToHistory: addCommandToHistory,
+      remapElement: remapElement,
+      addSVGElementFromJson: addSVGElementFromJson,
+      getGridSnapping: getGridSnapping,
+      getOpacity: getOpacity,
+      getSelectedElements: getSelectedElements,
+      getContainer: function getContainer() {
+        return container;
+      },
+      setStarted: function setStarted(s) {
+        started = s;
+      },
+      getRubberBox: function getRubberBox() {
+        return rubberBox;
+      },
+      setRubberBox: function setRubberBox(rb) {
+        rubberBox = rb;
+        return rubberBox;
+      },
+
+      /**
+       * @param {boolean} closedSubpath
+       * @param {SVGCircleElement[]} grips
+       * @fires module:svgcanvas.SvgCanvas#event:pointsAdded
+       * @fires module:svgcanvas.SvgCanvas#event:selected
+       */
+      addPtsToSelection: function addPtsToSelection(_ref) {
+        var closedSubpath = _ref.closedSubpath,
+            grips = _ref.grips;
+
+        // TODO: Correct this:
+        pathActions$$1.canDeleteNodes = true;
+        pathActions$$1.closed_subpath = closedSubpath;
+        call('pointsAdded', { closedSubpath: closedSubpath, grips: grips });
+        call('selected', grips);
+      },
+
+      /**
+       * @param {ChangeElementCommand} cmd
+       * @param {SVGPathElement} elem
+       * @fires module:svgcanvas.SvgCanvas#event:changed
+       * @returns {undefined}
+       */
+      endChanges: function endChanges(_ref2) {
+        var cmd = _ref2.cmd,
+            elem = _ref2.elem;
+
+        addCommandToHistory(cmd);
+        call('changed', [elem]);
+      },
+
+      getCurrentZoom: getCurrentZoom,
+      getId: getId,
+      getNextId: getNextId,
+      getMouseTarget: getMouseTarget,
+      getCurrentMode: function getCurrentMode() {
+        return currentMode;
+      },
+      setCurrentMode: function setCurrentMode(cm) {
+        currentMode = cm;
+        return currentMode;
+      },
+      getDrawnPath: function getDrawnPath() {
+        return drawnPath;
+      },
+      setDrawnPath: function setDrawnPath(dp) {
+        drawnPath = dp;
+        return drawnPath;
+      },
+
+      getSVGRoot: getSVGRoot
+    });
+
+    // Interface strings, usually for title elements
+    var uiStrings = {};
+
+    var visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';
+    var refAttrs = ['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'];
+
+    var elData = $$9.data;
+
+    // Animation element to change the opacity of any newly created element
+    var opacAni = document.createElementNS(NS.SVG, 'animate');
+    $$9(opacAni).attr({
+      attributeName: 'opacity',
+      begin: 'indefinite',
+      dur: 1,
+      fill: 'freeze'
+    }).appendTo(svgroot);
+
+    var restoreRefElems = function restoreRefElems(elem) {
+      // Look for missing reference elements, restore any found
+      var attrs = $$9(elem).attr(refAttrs);
+      for (var o in attrs) {
+        var val = attrs[o];
+        if (val && val.startsWith('url(')) {
+          var id = getUrlFromAttr(val).substr(1);
+          var ref = getElem(id);
+          if (!ref) {
+            findDefs().append(removedElements[id]);
+            delete removedElements[id];
+          }
+        }
+      }
+
+      var childs = elem.getElementsByTagName('*');
+
+      if (childs.length) {
+        for (var i = 0, l = childs.length; i < l; i++) {
+          restoreRefElems(childs[i]);
+        }
+      }
+    };
+
+    // (function () {
+    // TODO For Issue 208: this is a start on a thumbnail
+    //  const svgthumb = svgdoc.createElementNS(NS.SVG, 'use');
+    //  svgthumb.setAttribute('width', '100');
+    //  svgthumb.setAttribute('height', '100');
+    //  setHref(svgthumb, '#svgcontent');
+    //  svgroot.append(svgthumb);
+    // }());
+
+    /**
+     * @typedef {PlainObject} module:svgcanvas.SaveOptions
+     * @property {boolean} apply
+     * @property {"embed"} [image]
+     * @property {Integer} round_digits
+     */
+
+    // Object to contain image data for raster images that were found encodable
+    var encodableImages = {},
+
+
+    // Object with save options
+    /**
+     * @type {module:svgcanvas.SaveOptions}
+     */
+    saveOptions = { round_digits: 5 },
+
+
+    // Object with IDs for imported files, to see if one was already added
+    importIds = {},
+
+
+    // Current text style properties
+    curText = allProperties.text,
+
+
+    // Object to contain all included extensions
+    extensions = {},
+
+
+    // Map of deleted reference elements
+    removedElements = {};
+
+    var
+    // String with image URL of last loadable image
+    lastGoodImgUrl = curConfig.imgPath + 'logo.png',
+
+
+    // Boolean indicating whether or not a draw action has been started
+    started = false,
+
+
+    // String with an element's initial transform attribute value
+    startTransform = null,
+
+
+    // String indicating the current editor mode
+    currentMode = 'select',
+
+
+    // String with the current direction in which an element is being resized
+    currentResizeMode = 'none',
+
+
+    // Current general properties
+    curProperties = curShape,
+
+
+    // Array with selected elements' Bounding box object
+    // selectedBBoxes = new Array(1),
+
+    // The DOM element that was just selected
+    justSelected = null,
+
+
+    // DOM element for selection rectangle drawn by the user
+    rubberBox = null,
+
+
+    // Array of current BBoxes, used in getIntersectionList().
+    curBBoxes = [],
+
+
+    // Canvas point for the most recent right click
+    lastClickPoint = null;
+
+    /**
+    * @typedef {module:svgcanvas.ExtensionMouseDownStatus|module:svgcanvas.ExtensionMouseUpStatus|module:svgcanvas.ExtensionIDsUpdatedStatus|module:locale.ExtensionLocaleData[]|undefined} module:svgcanvas.ExtensionStatus
+    * @tutorial ExtensionDocs
+    */
+    /**
+    * @callback module:svgcanvas.ExtensionVarBuilder
+    * @param {string} name The name of the extension
+    */
+    /**
+    * @todo Consider: Should this return an array by default, so extension results aren't overwritten?
+    * @todo Would be easier to document if passing in object with key of action and vars as value; could then define an interface which tied both together
+    * @function module:svgcanvas.SvgCanvas#runExtensions
+    * @param {"mouseDown"|"mouseMove"|"mouseUp"|"zoomChanged"|"IDsUpdated"|"canvasUpdated"|"toolButtonStateUpdate"|"selectedChanged"|"elementTransition"|"elementChanged"|"langReady"|"langChanged"|"addLangData"|"onNewDocument"|"workareaResized"} action
+    * @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown|module:svgcanvas.SvgCanvas#event:ext-mouseMove|module:svgcanvas.SvgCanvas#event:ext-mouseUp|module:svgcanvas.SvgCanvas#event:ext-zoomChanged|module:svgcanvas.SvgCanvas#event:ext-IDsUpdated|module:svgcanvas.SvgCanvas#event:ext-canvasUpdated|module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate|module:svgcanvas.SvgCanvas#event:ext-selectedChanged|module:svgcanvas.SvgCanvas#event:ext-elementTransition|module:svgcanvas.SvgCanvas#event:ext-elementChanged|module:svgcanvas.SvgCanvas#event:ext-langReady|module:svgcanvas.SvgCanvas#event:ext-langChanged|module:svgcanvas.SvgCanvas#event:ext-addLangData|module:svgcanvas.SvgCanvas#event:ext-onNewDocument|module:svgcanvas.SvgCanvas#event:ext-workareaResized|module:svgcanvas.ExtensionVarBuilder} [vars]
+    * @param {boolean} [returnArray]
+    * @returns {GenericArray.<module:svgcanvas.ExtensionStatus>|module:svgcanvas.ExtensionStatus|false} See {@tutorial ExtensionDocs} on the ExtensionStatus.
+    */
+    var runExtensions = this.runExtensions = function (action, vars, returnArray) {
+      var result = returnArray ? [] : false;
+      $$9.each(extensions, function (name, ext) {
+        if (ext && action in ext) {
+          if (typeof vars === 'function') {
+            vars = vars(name); // ext, action
+          }
+          if (returnArray) {
+            result.push(ext[action](vars));
+          } else {
+            result = ext[action](vars);
+          }
+        }
+      });
+      return result;
+    };
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.ExtensionMouseDownStatus
+    * @property {boolean} started Indicates that creating/editing has started
+    */
+    /**
+    * @typedef {PlainObject} module:svgcanvas.ExtensionMouseUpStatus
+    * @property {boolean} keep Indicates if the current element should be kept
+    * @property {boolean} started Indicates if editing should still be considered as "started"
+    * @property {Element} element The element being affected
+    */
+    /**
+    * @typedef {PlainObject} module:svgcanvas.ExtensionIDsUpdatedStatus
+    * @property {string[]} remove Contains string IDs (used by `ext-connector.js`)
+    */
+
+    /**
+     * @interface module:svgcanvas.ExtensionInitResponse
+     * @property {module:SVGEditor.ContextTool[]|PlainObject.<string, module:SVGEditor.ContextTool>} [context_tools]
+     * @property {module:SVGEditor.Button[]|PlainObject.<Integer, module:SVGEditor.Button>} [buttons]
+     * @property {string} [svgicons] The location of a local SVG or SVGz file
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#mouseDown
+     * @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown} arg
+     * @returns {undefined|module:svgcanvas.ExtensionMouseDownStatus}
+     */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#mouseMove
+     * @param {module:svgcanvas.SvgCanvas#event:ext-mouseMove} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#mouseUp
+     * @param {module:svgcanvas.SvgCanvas#event:ext-mouseUp} arg
+     * @returns {module:svgcanvas.ExtensionMouseUpStatus}
+     */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#zoomChanged
+     * @param {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#IDsUpdated
+     * @param {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} arg
+     * @returns {module:svgcanvas.ExtensionIDsUpdatedStatus}
+     */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#canvasUpdated
+     * @param {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#toolButtonStateUpdate
+     * @param {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#selectedChanged
+     * @param {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#elementTransition
+     * @param {module:svgcanvas.SvgCanvas#event:ext-elementTransition} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#elementChanged
+     * @param {module:svgcanvas.SvgCanvas#event:ext-elementChanged} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#langReady
+     * @param {module:svgcanvas.SvgCanvas#event:ext-langReady} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#langChanged
+     * @param {module:svgcanvas.SvgCanvas#event:ext-langChanged} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#addLangData
+     * @param {module:svgcanvas.SvgCanvas#event:ext-addLangData} arg
+     * @returns {Promise} Resolves to {@link module:locale.ExtensionLocaleData}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#onNewDocument
+     * @param {module:svgcanvas.SvgCanvas#event:ext-onNewDocument} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#workareaResized
+     * @param {module:svgcanvas.SvgCanvas#event:ext-workareaResized} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#callback
+     * @param {module:svgcanvas.SvgCanvas#event:ext-callback} arg
+     * @returns {undefined}
+    */
+
+    /**
+    * @callback module:svgcanvas.ExtensionInitCallback
+    * @this module:SVGEditor
+    * @param {module:svgcanvas.ExtensionArgumentObject} arg
+    * @returns {Promise} Resolves to [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse} or `undefined`
+    */
+    /**
+    * Add an extension to the editor
+    * @function module:svgcanvas.SvgCanvas#addExtension
+    * @param {string} name - String with the ID of the extension. Used internally; no need for i18n.
+    * @param {module:svgcanvas.ExtensionInitCallback} [extInitFunc] - Function supplied by the extension with its data
+    * @param {module:SVGEditor~ImportLocale} importLocale
+    * @fires module:svgcanvas.SvgCanvas#event:extension_added
+    * @throws {TypeError} If `extInitFunc` is not a function
+    * @returns {Promise} Resolves to `undefined`
+    */
+    this.addExtension = function () {
+      var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(name, extInitFunc, importLocale) {
+        var extObj, argObj;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!(typeof extInitFunc !== 'function')) {
+                  _context.next = 2;
+                  break;
+                }
+
+                throw new TypeError('Function argument expected for `svgcanvas.addExtension`');
+
+              case 2:
+                extObj = {};
+
+                if (name in extensions) {
+                  _context.next = 14;
+                  break;
+                }
+
+                // Provide private vars/funcs here. Is there a better way to do this?
+                /**
+                 * @typedef {module:svgcanvas.PrivateMethods} module:svgcanvas.ExtensionArgumentObject
+                 * @property {SVGSVGElement} svgroot See {@link module:svgcanvas~svgroot}
+                 * @property {SVGSVGElement} svgcontent See {@link module:svgcanvas~svgcontent}
+                 * @property {!(string|Integer)} nonce See {@link module:draw.Drawing#getNonce}
+                 * @property {module:select.SelectorManager} selectorManager
+                 * @property {module:SVGEditor~ImportLocale} importLocale
+                 */
+                /**
+                 * @type {module:svgcanvas.ExtensionArgumentObject}
+                 * @see {@link module:svgcanvas.PrivateMethods} source for the other methods/properties
+                 */
+                argObj = $$9.extend(canvas.getPrivateMethods(), {
+                  importLocale: importLocale,
+                  svgroot: svgroot,
+                  svgcontent: svgcontent,
+                  nonce: getCurrentDrawing().getNonce(),
+                  selectorManager: selectorManager
+                });
+
+                if (!extInitFunc) {
+                  _context.next = 9;
+                  break;
+                }
+
+                _context.next = 8;
+                return extInitFunc(argObj);
+
+              case 8:
+                extObj = _context.sent;
+
+              case 9:
+                if (extObj) {
+                  extObj.name = name;
+                }
+
+                extensions[name] = extObj;
+                return _context.abrupt('return', call('extension_added', extObj));
+
+              case 14:
+                console.log('Cannot add extension "' + name + '", an extension by that name already exists.');
+
+              case 15:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      return function (_x, _x2, _x3) {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+
+    /**
+    * This method sends back an array or a NodeList full of elements that
+    * intersect the multi-select rubber-band-box on the currentLayer only.
+    *
+    * We brute-force `getIntersectionList` for browsers that do not support it (Firefox).
+    *
+    * Reference:
+    * Firefox does not implement `getIntersectionList()`, see {@link https://bugzilla.mozilla.org/show_bug.cgi?id=501421}
+    * @function module:svgcanvas.SvgCanvas#getIntersectionList
+    * @param {SVGRect} rect
+    * @returns {Element[]|NodeList} Bbox elements
+    */
+    var getIntersectionList = this.getIntersectionList = function (rect) {
+      if (rubberBox == null) {
+        return null;
+      }
+
+      var parent = currentGroup || getCurrentDrawing().getCurrentLayer();
+
+      var rubberBBox = void 0;
+      if (!rect) {
+        rubberBBox = rubberBox.getBBox();
+        var bb = svgcontent.createSVGRect();
+
+        for (var o in rubberBBox) {
+          bb[o] = rubberBBox[o] / currentZoom;
+        }
+        rubberBBox = bb;
+      } else {
+        rubberBBox = svgcontent.createSVGRect();
+        rubberBBox.x = rect.x;
+        rubberBBox.y = rect.y;
+        rubberBBox.width = rect.width;
+        rubberBBox.height = rect.height;
+      }
+
+      var resultList = null;
+      if (!isIE) {
+        if (typeof svgroot.getIntersectionList === 'function') {
+          // Offset the bbox of the rubber box by the offset of the svgcontent element.
+          rubberBBox.x += parseInt(svgcontent.getAttribute('x'), 10);
+          rubberBBox.y += parseInt(svgcontent.getAttribute('y'), 10);
+
+          resultList = svgroot.getIntersectionList(rubberBBox, parent);
+        }
+      }
+
+      if (resultList == null || typeof resultList.item !== 'function') {
+        resultList = [];
+
+        if (!curBBoxes.length) {
+          // Cache all bboxes
+          curBBoxes = getVisibleElementsAndBBoxes(parent);
+        }
+        var i = curBBoxes.length;
+        while (i--) {
+          if (!rubberBBox.width) {
+            continue;
+          }
+          if (rectsIntersect(rubberBBox, curBBoxes[i].bbox)) {
+            resultList.push(curBBoxes[i].elem);
+          }
+        }
+      }
+
+      // addToSelection expects an array, but it's ok to pass a NodeList
+      // because using square-bracket notation is allowed:
+      // https://www.w3.org/TR/DOM-Level-2-Core/ecma-script-binding.html
+      return resultList;
+    };
+
+    this.getStrokedBBox = getStrokedBBoxDefaultVisible;
+
+    this.getVisibleElements = getVisibleElements;
+
+    /**
+    * @typedef {PlainObject} ElementAndBBox
+    * @property {Element} elem - The element
+    * @property {module:utilities.BBoxObject} bbox - The element's BBox as retrieved from `getStrokedBBoxDefaultVisible`
+    */
+
+    /**
+    * Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).
+    * Note that 0-opacity, off-screen etc elements are still considered "visible"
+    * for this function
+    * @function module:svgcanvas.SvgCanvas#getVisibleElementsAndBBoxes
+    * @param {Element} parent - The parent DOM element to search within
+    * @returns {ElementAndBBox[]} An array with objects that include:
+    */
+    var getVisibleElementsAndBBoxes = this.getVisibleElementsAndBBoxes = function (parent) {
+      if (!parent) {
+        parent = $$9(svgcontent).children(); // Prevent layers from being included
+      }
+      var contentElems = [];
+      $$9(parent).children().each(function (i, elem) {
+        if (elem.getBBox) {
+          contentElems.push({ elem: elem, bbox: getStrokedBBoxDefaultVisible([elem]) });
+        }
+      });
+      return contentElems.reverse();
+    };
+
+    /**
+    * Wrap an SVG element into a group element, mark the group as 'gsvg'
+    * @function module:svgcanvas.SvgCanvas#groupSvgElem
+    * @param {Element} elem - SVG element to wrap
+    * @returns {undefined}
+    */
+    var groupSvgElem = this.groupSvgElem = function (elem) {
+      var g = document.createElementNS(NS.SVG, 'g');
+      elem.replaceWith(g);
+      $$9(g).append(elem).data('gsvg', elem)[0].id = getNextId();
+    };
+
+    // Set scope for these functions
+
+    // Object to contain editor event names and callback functions
+    var events = {};
+
+    canvas.call = call;
+    /**
+     * Array of what was changed (elements, layers)
+     * @event module:svgcanvas.SvgCanvas#event:changed
+     * @type {Element[]}
+     */
+    /**
+     * Array of selected elements
+     * @event module:svgcanvas.SvgCanvas#event:selected
+     * @type {Element[]}
+     */
+    /**
+     * Array of selected elements
+     * @event module:svgcanvas.SvgCanvas#event:transition
+     * @type {Element[]}
+     */
+    /**
+     * The Element is always `SVGGElement`?
+     * If not `null`, will be the set current group element
+     * @event module:svgcanvas.SvgCanvas#event:contextset
+     * @type {null|Element}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:pointsAdded
+     * @type {PlainObject}
+     * @property {boolean} closedSubpath
+     * @property {SVGCircleElement[]} grips Grips elements
+     */
+
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:zoomed
+     * @type {PlainObject}
+     * @property {Float} x
+     * @property {Float} y
+     * @property {Float} width
+     * @property {Float} height
+     * @property {0.5|2} factor
+     * @see module:SVGEditor.BBoxObjectWithFactor
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:updateCanvas
+     * @type {PlainObject}
+     * @property {false} center
+     * @property {module:math.XYObject} newCtr
+     */
+    /**
+     * @typedef {PlainObject} module:svgcanvas.ExtensionInitResponsePlusName
+     * @implements {module:svgcanvas.ExtensionInitResponse}
+     * @property {string} name The extension's resolved ID (whether explicit or based on file name)
+     */
+    /**
+     * Generalized extension object response of
+     * [`init()`]{@link module:svgcanvas.ExtensionInitCallback}
+     * along with the name of the extension.
+     * @event module:svgcanvas.SvgCanvas#event:extension_added
+     * @type {module:svgcanvas.ExtensionInitResponsePlusName|undefined}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:extensions_added
+     * @type {undefined}
+    */
+    /**
+     * @typedef {PlainObject} module:svgcanvas.Message
+     * @property {Any} data The data
+     * @property {string} origin The origin
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:message
+     * @type {module:svgcanvas.Message}
+     */
+    /**
+     * SVG canvas converted to string
+     * @event module:svgcanvas.SvgCanvas#event:saved
+     * @type {string}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:setnonce
+     * @type {!(string|Integer)}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:unsetnonce
+     * @type {undefined}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:zoomDone
+     * @type {undefined}
+    */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:cleared
+     * @type {undefined}
+    */
+
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:exported
+     * @type {module:svgcanvas.ImageExportedResults}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:exportedPDF
+     * @type {module:svgcanvas.PDFExportedResults}
+     */
+    /**
+     * Creating a cover-all class until {@link https://github.com/jsdoc3/jsdoc/issues/1545} may be supported.
+     * `undefined` may be returned by {@link module:svgcanvas.SvgCanvas#event:extension_added} if the extension's `init` returns `undefined` It is also the type for the following events "zoomDone", "unsetnonce", "cleared", and "extensions_added".
+     * @event module:svgcanvas.SvgCanvas#event:GenericCanvasEvent
+     * @type {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset|module:svgcanvas.SvgCanvas#event:pointsAdded|module:svgcanvas.SvgCanvas#event:extension_added|module:svgcanvas.SvgCanvas#event:extensions_added|module:svgcanvas.SvgCanvas#event:message|module:svgcanvas.SvgCanvas#event:transition|module:svgcanvas.SvgCanvas#event:zoomed|module:svgcanvas.SvgCanvas#event:updateCanvas|module:svgcanvas.SvgCanvas#event:saved|module:svgcanvas.SvgCanvas#event:exported|module:svgcanvas.SvgCanvas#event:exportedPDF|module:svgcanvas.SvgCanvas#event:setnonce|module:svgcanvas.SvgCanvas#event:unsetnonce|undefined}
+     */
+
+    /**
+    * @callback module:svgcanvas.EventHandler
+    * @param {external:Window} win
+    * @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg
+    * @listens module:svgcanvas.SvgCanvas#event:GenericCanvasEvent
+    */
+
+    /**
+    * Attaches a callback function to an event
+    * @function module:svgcanvas.SvgCanvas#bind
+    * @param {"changed"|"contextset"|"selected"|"pointsAdded"|"extension_added"|"extensions_added"|"message"|"transition"|"zoomed"|"updateCanvas"|"zoomDone"|"saved"|"exported"|"exportedPDF"|"setnonce"|"unsetnonce"|"cleared"} ev - String indicating the name of the event
+    * @param {module:svgcanvas.EventHandler} f - The callback function to bind to the event
+    * @returns {module:svgcanvas.EventHandler} The previous event
+    */
+    canvas.bind = function (ev, f) {
+      var old = events[ev];
+      events[ev] = f;
+      return old;
+    };
+
+    /**
+    * Runs the SVG Document through the sanitizer and then updates its paths.
+    * @function module:svgcanvas.SvgCanvas#prepareSvg
+    * @param {XMLDocument} newDoc - The SVG DOM document
+    * @returns {undefined}
+    */
+    this.prepareSvg = function (newDoc) {
+      this.sanitizeSvg(newDoc.documentElement);
+
+      // convert paths into absolute commands
+      var paths = [].concat(toConsumableArray(newDoc.getElementsByTagNameNS(NS.SVG, 'path')));
+      paths.forEach(function (path$$1) {
+        path$$1.setAttribute('d', pathActions$$1.convertPath(path$$1));
+        pathActions$$1.fixEnd(path$$1);
+      });
+    };
+
+    /**
+    * Hack for Firefox bugs where text element features aren't updated or get
+    * messed up. See issue 136 and issue 137.
+    * This function clones the element and re-selects it.
+    * @function module:svgcanvas~ffClone
+    * @todo Test for this bug on load and add it to "support" object instead of
+    * browser sniffing
+    * @param {Element} elem - The (text) DOM element to clone
+    * @returns {Element} Cloned element
+    */
+    var ffClone = function ffClone(elem) {
+      if (!isGecko()) {
+        return elem;
+      }
+      var clone = elem.cloneNode(true);
+      elem.before(clone);
+      elem.remove();
+      selectorManager.releaseSelector(elem);
+      selectedElements[0] = clone;
+      selectorManager.requestSelector(clone).showGrips(true);
+      return clone;
+    };
+
+    // `this.each` is deprecated, if any extension used this it can be recreated by doing this:
+    // * @example $(canvas.getRootElem()).children().each(...)
+    // * @function module:svgcanvas.SvgCanvas#each
+    // this.each = function (cb) {
+    //  $(svgroot).children().each(cb);
+    // };
+
+    /**
+    * Removes any old rotations if present, prepends a new rotation at the
+    * transformed center
+    * @function module:svgcanvas.SvgCanvas#setRotationAngle
+    * @param {string|Float} val - The new rotation angle in degrees
+    * @param {boolean} preventUndo - Indicates whether the action should be undoable or not
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setRotationAngle = function (val, preventUndo) {
+      // ensure val is the proper type
+      val = parseFloat(val);
+      var elem = selectedElements[0];
+      var oldTransform = elem.getAttribute('transform');
+      var bbox = getBBox(elem);
+      var cx = bbox.x + bbox.width / 2,
+          cy = bbox.y + bbox.height / 2;
+      var tlist = getTransformList(elem);
+
+      // only remove the real rotational transform if present (i.e. at index=0)
+      if (tlist.numberOfItems > 0) {
+        var xform = tlist.getItem(0);
+        if (xform.type === 4) {
+          tlist.removeItem(0);
+        }
+      }
+      // find Rnc and insert it
+      if (val !== 0) {
+        var center = transformPoint(cx, cy, transformListToTransform(tlist).matrix);
+        var Rnc = svgroot.createSVGTransform();
+        Rnc.setRotate(val, center.x, center.y);
+        if (tlist.numberOfItems) {
+          tlist.insertItemBefore(Rnc, 0);
+        } else {
+          tlist.appendItem(Rnc);
+        }
+      } else if (tlist.numberOfItems === 0) {
+        elem.removeAttribute('transform');
+      }
+
+      if (!preventUndo) {
+        // we need to undo it, then redo it so it can be undo-able! :)
+        // TODO: figure out how to make changes to transform list undo-able cross-browser?
+        var newTransform = elem.getAttribute('transform');
+        elem.setAttribute('transform', oldTransform);
+        changeSelectedAttribute('transform', newTransform, selectedElements);
+        call('changed', selectedElements);
+      }
+      // const pointGripContainer = getElem('pathpointgrip_container');
+      // if (elem.nodeName === 'path' && pointGripContainer) {
+      //   pathActions.setPointContainerTransform(elem.getAttribute('transform'));
+      // }
+      var selector = selectorManager.requestSelector(selectedElements[0]);
+      selector.resize();
+      selector.updateGripCursors(val);
+    };
+
+    /**
+    * Runs `recalculateDimensions` on the selected elements,
+    * adding the changes to a single batch command
+    * @function module:svgcanvas.SvgCanvas#recalculateAllSelectedDimensions
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    var recalculateAllSelectedDimensions = this.recalculateAllSelectedDimensions = function () {
+      var text = currentResizeMode === 'none' ? 'position' : 'size';
+      var batchCmd = new BatchCommand$1(text);
+
+      var i = selectedElements.length;
+      while (i--) {
+        var elem = selectedElements[i];
+        // if (getRotationAngle(elem) && !hasMatrixTransform(getTransformList(elem))) { continue; }
+        var cmd = recalculateDimensions(elem);
+        if (cmd) {
+          batchCmd.addSubCommand(cmd);
+        }
+      }
+
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+        call('changed', selectedElements);
+      }
+    };
+
+    /**
+     * Debug tool to easily see the current matrix in the browser's console
+     * @function module:svgcanvas~logMatrix
+     * @param {SVGMatrix} m The matrix
+     * @returns {undefined}
+     */
+    var logMatrix = function logMatrix(m) {
+      console.log([m.a, m.b, m.c, m.d, m.e, m.f]);
+    };
+
+    // Root Current Transformation Matrix in user units
+    var rootSctm = null;
+
+    /**
+    * Group: Selection
+    */
+
+    // TODO: do we need to worry about selectedBBoxes here?
+
+    /**
+    * Selects only the given elements, shortcut for clearSelection(); addToSelection()
+    * @function module:svgcanvas.SvgCanvas#selectOnly
+    * @param {Element[]} elems - an array of DOM elements to be selected
+    * @param {boolean} showGrips - Indicates whether the resize grips should be shown
+    * @returns {undefined}
+    */
+    var selectOnly = this.selectOnly = function (elems, showGrips) {
+      clearSelection(true);
+      addToSelection(elems, showGrips);
+    };
+
+    // TODO: could use slice here to make this faster?
+    // TODO: should the 'selected' handler
+
+    /**
+    * Removes elements from the selection.
+    * @function module:svgcanvas.SvgCanvas#removeFromSelection
+    * @param {Element[]} elemsToRemove - An array of elements to remove from selection
+    * @returns {undefined}
+    */
+    /* const removeFromSelection = */this.removeFromSelection = function (elemsToRemove) {
+      if (selectedElements[0] == null) {
+        return;
+      }
+      if (!elemsToRemove.length) {
+        return;
+      }
+
+      // find every element and remove it from our array copy
+      var newSelectedItems = [],
+          len = selectedElements.length;
+      for (var i = 0; i < len; ++i) {
+        var elem = selectedElements[i];
+        if (elem) {
+          // keep the item
+          if (!elemsToRemove.includes(elem)) {
+            newSelectedItems.push(elem);
+          } else {
+            // remove the item and its selector
+            selectorManager.releaseSelector(elem);
+          }
+        }
+      }
+      // the copy becomes the master now
+      selectedElements = newSelectedItems;
+    };
+
+    /**
+    * Clears the selection, then adds all elements in the current layer to the selection.
+    * @function module:svgcanvas.SvgCanvas#selectAllInCurrentLayer
+    * @returns {undefined}
+    */
+    this.selectAllInCurrentLayer = function () {
+      var currentLayer = getCurrentDrawing().getCurrentLayer();
+      if (currentLayer) {
+        currentMode = 'select';
+        selectOnly($$9(currentGroup || currentLayer).children());
+      }
+    };
+
+    var drawnPath = null;
+
+    // Mouse events
+    (function () {
+      var freehand = {
+        minx: null,
+        miny: null,
+        maxx: null,
+        maxy: null
+      };
+      var THRESHOLD_DIST = 0.8,
+          STEP_COUNT = 10;
+      var dAttr = null,
+          startX = null,
+          startY = null,
+          rStartX = null,
+          rStartY = null,
+          initBbox = {},
+          sumDistance = 0,
+          controllPoint2 = { x: 0, y: 0 },
+          controllPoint1 = { x: 0, y: 0 },
+          start = { x: 0, y: 0 },
+          end = { x: 0, y: 0 },
+          bSpline = { x: 0, y: 0 },
+          nextPos = { x: 0, y: 0 },
+          parameter = void 0,
+          nextParameter = void 0;
+
+      var getBsplinePoint = function getBsplinePoint(t) {
+        var spline = { x: 0, y: 0 },
+            p0 = controllPoint2,
+            p1 = controllPoint1,
+            p2 = start,
+            p3 = end,
+            S = 1.0 / 6.0,
+            t2 = t * t,
+            t3 = t2 * t;
+
+        var m = [[-1, 3, -3, 1], [3, -6, 3, 0], [-3, 0, 3, 0], [1, 4, 1, 0]];
+
+        spline.x = S * ((p0.x * m[0][0] + p1.x * m[0][1] + p2.x * m[0][2] + p3.x * m[0][3]) * t3 + (p0.x * m[1][0] + p1.x * m[1][1] + p2.x * m[1][2] + p3.x * m[1][3]) * t2 + (p0.x * m[2][0] + p1.x * m[2][1] + p2.x * m[2][2] + p3.x * m[2][3]) * t + (p0.x * m[3][0] + p1.x * m[3][1] + p2.x * m[3][2] + p3.x * m[3][3]));
+        spline.y = S * ((p0.y * m[0][0] + p1.y * m[0][1] + p2.y * m[0][2] + p3.y * m[0][3]) * t3 + (p0.y * m[1][0] + p1.y * m[1][1] + p2.y * m[1][2] + p3.y * m[1][3]) * t2 + (p0.y * m[2][0] + p1.y * m[2][1] + p2.y * m[2][2] + p3.y * m[2][3]) * t + (p0.y * m[3][0] + p1.y * m[3][1] + p2.y * m[3][2] + p3.y * m[3][3]));
+
+        return {
+          x: spline.x,
+          y: spline.y
+        };
+      };
+      /**
+       * - When we are in a create mode, the element is added to the canvas but the
+       *   action is not recorded until mousing up.
+       * - When we are in select mode, select the element, remember the position
+       *   and do nothing else
+       * @param {MouseEvent} evt
+       * @fires module:svgcanvas.SvgCanvas#event:ext-mouseDown
+       * @returns {undefined}
+       */
+      var mouseDown = function mouseDown(evt) {
+        if (canvas.spaceKey || evt.button === 1) {
+          return;
+        }
+
+        var rightClick = evt.button === 2;
+
+        if (evt.altKey) {
+          // duplicate when dragging
+          canvas.cloneSelectedElements(0, 0);
+        }
+
+        rootSctm = $$9('#svgcontent g')[0].getScreenCTM().inverse();
+
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+            mouseX = pt.x * currentZoom,
+            mouseY = pt.y * currentZoom;
+
+        evt.preventDefault();
+
+        if (rightClick) {
+          currentMode = 'select';
+          lastClickPoint = pt;
+        }
+
+        // This would seem to be unnecessary...
+        // if (!['select', 'resize'].includes(currentMode)) {
+        //   setGradient();
+        // }
+
+        var x = mouseX / currentZoom,
+            y = mouseY / currentZoom;
+        var mouseTarget = getMouseTarget(evt);
+
+        if (mouseTarget.tagName === 'a' && mouseTarget.childNodes.length === 1) {
+          mouseTarget = mouseTarget.firstChild;
+        }
+
+        // realX/y ignores grid-snap value
+        var realX = x;
+        rStartX = startX = x;
+        var realY = y;
+        rStartY = startY = y;
+
+        if (curConfig.gridSnapping) {
+          x = snapToGrid(x);
+          y = snapToGrid(y);
+          startX = snapToGrid(startX);
+          startY = snapToGrid(startY);
+        }
+
+        // if it is a selector grip, then it must be a single element selected,
+        // set the mouseTarget to that and update the mode to rotate/resize
+
+        if (mouseTarget === selectorManager.selectorParentGroup && selectedElements[0] != null) {
+          var grip = evt.target;
+          var griptype = elData(grip, 'type');
+          // rotating
+          if (griptype === 'rotate') {
+            currentMode = 'rotate';
+            // resizing
+          } else if (griptype === 'resize') {
+            currentMode = 'resize';
+            currentResizeMode = elData(grip, 'dir');
+          }
+          mouseTarget = selectedElements[0];
+        }
+
+        startTransform = mouseTarget.getAttribute('transform');
+        var i = void 0,
+            strokeW = void 0;
+        var tlist = getTransformList(mouseTarget);
+        switch (currentMode) {
+          case 'select':
+            started = true;
+            currentResizeMode = 'none';
+            if (rightClick) {
+              started = false;
+            }
+
+            if (mouseTarget !== svgroot) {
+              // if this element is not yet selected, clear selection and select it
+              if (!selectedElements.includes(mouseTarget)) {
+                // only clear selection if shift is not pressed (otherwise, add
+                // element to selection)
+                if (!evt.shiftKey) {
+                  // No need to do the call here as it will be done on addToSelection
+                  clearSelection(true);
+                }
+                addToSelection([mouseTarget]);
+                justSelected = mouseTarget;
+                pathActions$$1.clear();
+              }
+              // else if it's a path, go into pathedit mode in mouseup
+
+              if (!rightClick) {
+                // insert a dummy transform so if the element(s) are moved it will have
+                // a transform to use for its translate
+                for (i = 0; i < selectedElements.length; ++i) {
+                  if (selectedElements[i] == null) {
+                    continue;
+                  }
+                  var slist = getTransformList(selectedElements[i]);
+                  if (slist.numberOfItems) {
+                    slist.insertItemBefore(svgroot.createSVGTransform(), 0);
+                  } else {
+                    slist.appendItem(svgroot.createSVGTransform());
+                  }
+                }
+              }
+            } else if (!rightClick) {
+              clearSelection();
+              currentMode = 'multiselect';
+              if (rubberBox == null) {
+                rubberBox = selectorManager.getRubberBandBox();
+              }
+              rStartX *= currentZoom;
+              rStartY *= currentZoom;
+              // console.log('p',[evt.pageX, evt.pageY]);
+              // console.log('c',[evt.clientX, evt.clientY]);
+              // console.log('o',[evt.offsetX, evt.offsetY]);
+              // console.log('s',[startX, startY]);
+
+              assignAttributes(rubberBox, {
+                x: rStartX,
+                y: rStartY,
+                width: 0,
+                height: 0,
+                display: 'inline'
+              }, 100);
+            }
+            break;
+          case 'zoom':
+            started = true;
+            if (rubberBox == null) {
+              rubberBox = selectorManager.getRubberBandBox();
+            }
+            assignAttributes(rubberBox, {
+              x: realX * currentZoom,
+              y: realX * currentZoom,
+              width: 0,
+              height: 0,
+              display: 'inline'
+            }, 100);
+            break;
+          case 'resize':
+            started = true;
+            startX = x;
+            startY = y;
+
+            // Getting the BBox from the selection box, since we know we
+            // want to orient around it
+            initBbox = getBBox($$9('#selectedBox0')[0]);
+            var bb = {};
+            $$9.each(initBbox, function (key, val) {
+              bb[key] = val / currentZoom;
+            });
+            initBbox = bb;
+
+            // append three dummy transforms to the tlist so that
+            // we can translate,scale,translate in mousemove
+            var pos = getRotationAngle(mouseTarget) ? 1 : 0;
+
+            if (hasMatrixTransform(tlist)) {
+              tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+              tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+              tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+            } else {
+              tlist.appendItem(svgroot.createSVGTransform());
+              tlist.appendItem(svgroot.createSVGTransform());
+              tlist.appendItem(svgroot.createSVGTransform());
+
+              if (supportsNonScalingStroke()) {
+                // Handle crash for newer Chrome and Safari 6 (Mobile and Desktop):
+                // https://code.google.com/p/svg-edit/issues/detail?id=904
+                // Chromium issue: https://code.google.com/p/chromium/issues/detail?id=114625
+                // TODO: Remove this workaround once vendor fixes the issue
+                var iswebkit = isWebkit();
+
+                var delayedStroke = void 0;
+                if (iswebkit) {
+                  delayedStroke = function delayedStroke(ele) {
+                    var _stroke = ele.getAttributeNS(null, 'stroke');
+                    ele.removeAttributeNS(null, 'stroke');
+                    // Re-apply stroke after delay. Anything higher than 1 seems to cause flicker
+                    if (_stroke !== null) setTimeout(function () {
+                      ele.setAttributeNS(null, 'stroke', _stroke);
+                    }, 0);
+                  };
+                }
+                mouseTarget.style.vectorEffect = 'non-scaling-stroke';
+                if (iswebkit) {
+                  delayedStroke(mouseTarget);
+                }
+
+                var all = mouseTarget.getElementsByTagName('*'),
+                    len = all.length;
+                for (i = 0; i < len; i++) {
+                  if (!all[i].style) {
+                    // mathML
+                    continue;
+                  }
+                  all[i].style.vectorEffect = 'non-scaling-stroke';
+                  if (iswebkit) {
+                    delayedStroke(all[i]);
+                  }
+                }
+              }
+            }
+            break;
+          case 'fhellipse':
+          case 'fhrect':
+          case 'fhpath':
+            start.x = realX;
+            start.y = realY;
+            started = true;
+            dAttr = realX + ',' + realY + ' ';
+            strokeW = parseFloat(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;
+            addSVGElementFromJson({
+              element: 'polyline',
+              curStyles: true,
+              attr: {
+                points: dAttr,
+                id: getNextId(),
+                fill: 'none',
+                opacity: curShape.opacity / 2,
+                'stroke-linecap': 'round',
+                style: 'pointer-events:none'
+              }
+            });
+            freehand.minx = realX;
+            freehand.maxx = realX;
+            freehand.miny = realY;
+            freehand.maxy = realY;
+            break;
+          case 'image':
+            started = true;
+            var newImage = addSVGElementFromJson({
+              element: 'image',
+              attr: {
+                x: x,
+                y: y,
+                width: 0,
+                height: 0,
+                id: getNextId(),
+                opacity: curShape.opacity / 2,
+                style: 'pointer-events:inherit'
+              }
+            });
+            setHref(newImage, lastGoodImgUrl);
+            preventClickDefault(newImage);
+            break;
+          case 'square':
+          // FIXME: once we create the rect, we lose information that this was a square
+          // (for resizing purposes this could be important)
+          // Fallthrough
+          case 'rect':
+            started = true;
+            startX = x;
+            startY = y;
+            addSVGElementFromJson({
+              element: 'rect',
+              curStyles: true,
+              attr: {
+                x: x,
+                y: y,
+                width: 0,
+                height: 0,
+                id: getNextId(),
+                opacity: curShape.opacity / 2
+              }
+            });
+            break;
+          case 'line':
+            started = true;
+            strokeW = Number(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;
+            addSVGElementFromJson({
+              element: 'line',
+              curStyles: true,
+              attr: {
+                x1: x,
+                y1: y,
+                x2: x,
+                y2: y,
+                id: getNextId(),
+                stroke: curShape.stroke,
+                'stroke-width': strokeW,
+                'stroke-dasharray': curShape.stroke_dasharray,
+                'stroke-linejoin': curShape.stroke_linejoin,
+                'stroke-linecap': curShape.stroke_linecap,
+                'stroke-opacity': curShape.stroke_opacity,
+                fill: 'none',
+                opacity: curShape.opacity / 2,
+                style: 'pointer-events:none'
+              }
+            });
+            break;
+          case 'circle':
+            started = true;
+            addSVGElementFromJson({
+              element: 'circle',
+              curStyles: true,
+              attr: {
+                cx: x,
+                cy: y,
+                r: 0,
+                id: getNextId(),
+                opacity: curShape.opacity / 2
+              }
+            });
+            break;
+          case 'ellipse':
+            started = true;
+            addSVGElementFromJson({
+              element: 'ellipse',
+              curStyles: true,
+              attr: {
+                cx: x,
+                cy: y,
+                rx: 0,
+                ry: 0,
+                id: getNextId(),
+                opacity: curShape.opacity / 2
+              }
+            });
+            break;
+          case 'text':
+            started = true;
+            /* const newText = */addSVGElementFromJson({
+              element: 'text',
+              curStyles: true,
+              attr: {
+                x: x,
+                y: y,
+                id: getNextId(),
+                fill: curText.fill,
+                'stroke-width': curText.stroke_width,
+                'font-size': curText.font_size,
+                'font-family': curText.font_family,
+                'text-anchor': 'middle',
+                'xml:space': 'preserve',
+                opacity: curShape.opacity
+              }
+            });
+            // newText.textContent = 'text';
+            break;
+          case 'path':
+          // Fall through
+          case 'pathedit':
+            startX *= currentZoom;
+            startY *= currentZoom;
+            pathActions$$1.mouseDown(evt, mouseTarget, startX, startY);
+            started = true;
+            break;
+          case 'textedit':
+            startX *= currentZoom;
+            startY *= currentZoom;
+            textActions.mouseDown(evt, mouseTarget, startX, startY);
+            started = true;
+            break;
+          case 'rotate':
+            started = true;
+            // we are starting an undoable change (a drag-rotation)
+            canvas.undoMgr.beginUndoableChange('transform', selectedElements);
+            break;
+          default:
+            // This could occur in an extension
+            break;
+        }
+
+        /**
+         * The main (left) mouse button is held down on the canvas area
+         * @event module:svgcanvas.SvgCanvas#event:ext-mouseDown
+         * @type {PlainObject}
+         * @property {MouseEvent} event The event object
+         * @property {Float} start_x x coordinate on canvas
+         * @property {Float} start_y y coordinate on canvas
+         * @property {Element[]} selectedElements An array of the selected Elements
+        */
+        var extResult = runExtensions('mouseDown', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseDown} */{
+          event: evt,
+          start_x: startX,
+          start_y: startY,
+          selectedElements: selectedElements
+        }, true);
+
+        $$9.each(extResult, function (i, r) {
+          if (r && r.started) {
+            started = true;
+          }
+        });
+      };
+
+      // in this function we do not record any state changes yet (but we do update
+      // any elements that are still being created, moved or resized on the canvas)
+      /**
+       *
+       * @param {MouseEvent} evt
+       * @fires module:svgcanvas.SvgCanvas#event:transition
+       * @fires module:svgcanvas.SvgCanvas#event:ext-mouseMove
+       * @returns {undefined}
+       */
+      var mouseMove = function mouseMove(evt) {
+        if (!started) {
+          return;
+        }
+        if (evt.button === 1 || canvas.spaceKey) {
+          return;
+        }
+
+        var i = void 0,
+            xya = void 0,
+            c = void 0,
+            cx = void 0,
+            cy = void 0,
+            dx = void 0,
+            dy = void 0,
+            len = void 0,
+            angle = void 0,
+            box = void 0,
+            selected = selectedElements[0];
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+            mouseX = pt.x * currentZoom,
+            mouseY = pt.y * currentZoom,
+            shape = getElem(getId());
+
+        var realX = mouseX / currentZoom;
+        var x = realX;
+        var realY = mouseY / currentZoom;
+        var y = realY;
+
+        if (curConfig.gridSnapping) {
+          x = snapToGrid(x);
+          y = snapToGrid(y);
+        }
+
+        evt.preventDefault();
+        var tlist = void 0;
+        switch (currentMode) {
+          case 'select':
+            {
+              // we temporarily use a translate on the element(s) being dragged
+              // this transform is removed upon mousing up and the element is
+              // relocated to the new location
+              if (selectedElements[0] !== null) {
+                dx = x - startX;
+                dy = y - startY;
+
+                if (curConfig.gridSnapping) {
+                  dx = snapToGrid(dx);
+                  dy = snapToGrid(dy);
+                }
+
+                if (evt.shiftKey) {
+                  xya = snapToAngle(startX, startY, x, y);
+                  var _xya = xya;
+                  x = _xya.x;
+                  y = _xya.y;
+                }
+
+                if (dx !== 0 || dy !== 0) {
+                  len = selectedElements.length;
+                  for (i = 0; i < len; ++i) {
+                    selected = selectedElements[i];
+                    if (selected == null) {
+                      break;
+                    }
+                    // if (i === 0) {
+                    //   const box = utilsGetBBox(selected);
+                    //     selectedBBoxes[i].x = box.x + dx;
+                    //     selectedBBoxes[i].y = box.y + dy;
+                    // }
+
+                    // update the dummy transform in our transform list
+                    // to be a translate
+                    var xform = svgroot.createSVGTransform();
+                    tlist = getTransformList(selected);
+                    // Note that if Webkit and there's no ID for this
+                    // element, the dummy transform may have gotten lost.
+                    // This results in unexpected behaviour
+
+                    xform.setTranslate(dx, dy);
+                    if (tlist.numberOfItems) {
+                      tlist.replaceItem(xform, 0);
+                    } else {
+                      tlist.appendItem(xform);
+                    }
+
+                    // update our internal bbox that we're tracking while dragging
+                    selectorManager.requestSelector(selected).resize();
+                  }
+
+                  call('transition', selectedElements);
+                }
+              }
+              break;
+            }case 'multiselect':
+            {
+              realX *= currentZoom;
+              realY *= currentZoom;
+              assignAttributes(rubberBox, {
+                x: Math.min(rStartX, realX),
+                y: Math.min(rStartY, realY),
+                width: Math.abs(realX - rStartX),
+                height: Math.abs(realY - rStartY)
+              }, 100);
+
+              // for each selected:
+              // - if newList contains selected, do nothing
+              // - if newList doesn't contain selected, remove it from selected
+              // - for any newList that was not in selectedElements, add it to selected
+              var elemsToRemove = selectedElements.slice(),
+                  elemsToAdd = [],
+                  newList = getIntersectionList();
+
+              // For every element in the intersection, add if not present in selectedElements.
+              len = newList.length;
+              for (i = 0; i < len; ++i) {
+                var intElem = newList[i];
+                // Found an element that was not selected before, so we should add it.
+                if (!selectedElements.includes(intElem)) {
+                  elemsToAdd.push(intElem);
+                }
+                // Found an element that was already selected, so we shouldn't remove it.
+                var foundInd = elemsToRemove.indexOf(intElem);
+                if (foundInd !== -1) {
+                  elemsToRemove.splice(foundInd, 1);
+                }
+              }
+
+              if (elemsToRemove.length > 0) {
+                canvas.removeFromSelection(elemsToRemove);
+              }
+
+              if (elemsToAdd.length > 0) {
+                canvas.addToSelection(elemsToAdd);
+              }
+
+              break;
+            }case 'resize':
+            {
+              // we track the resize bounding box and translate/scale the selected element
+              // while the mouse is down, when mouse goes up, we use this to recalculate
+              // the shape's coordinates
+              tlist = getTransformList(selected);
+              var hasMatrix = hasMatrixTransform(tlist);
+              box = hasMatrix ? initBbox : getBBox(selected);
+              var left = box.x,
+                  top = box.y,
+                  _box = box,
+                  width = _box.width,
+                  height = _box.height;
+
+              dx = x - startX;
+              dy = y - startY;
+
+              if (curConfig.gridSnapping) {
+                dx = snapToGrid(dx);
+                dy = snapToGrid(dy);
+                height = snapToGrid(height);
+                width = snapToGrid(width);
+              }
+
+              // if rotated, adjust the dx,dy values
+              angle = getRotationAngle(selected);
+              if (angle) {
+                var r = Math.sqrt(dx * dx + dy * dy),
+                    theta = Math.atan2(dy, dx) - angle * Math.PI / 180.0;
+                dx = r * Math.cos(theta);
+                dy = r * Math.sin(theta);
+              }
+
+              // if not stretching in y direction, set dy to 0
+              // if not stretching in x direction, set dx to 0
+              if (!currentResizeMode.includes('n') && !currentResizeMode.includes('s')) {
+                dy = 0;
+              }
+              if (!currentResizeMode.includes('e') && !currentResizeMode.includes('w')) {
+                dx = 0;
+              }
+
+              var // ts = null,
+              tx = 0,
+                  ty = 0,
+                  sy = height ? (height + dy) / height : 1,
+                  sx = width ? (width + dx) / width : 1;
+              // if we are dragging on the north side, then adjust the scale factor and ty
+              if (currentResizeMode.includes('n')) {
+                sy = height ? (height - dy) / height : 1;
+                ty = height;
+              }
+
+              // if we dragging on the east side, then adjust the scale factor and tx
+              if (currentResizeMode.includes('w')) {
+                sx = width ? (width - dx) / width : 1;
+                tx = width;
+              }
+
+              // update the transform list with translate,scale,translate
+              var translateOrigin = svgroot.createSVGTransform(),
+                  scale = svgroot.createSVGTransform(),
+                  translateBack = svgroot.createSVGTransform();
+
+              if (curConfig.gridSnapping) {
+                left = snapToGrid(left);
+                tx = snapToGrid(tx);
+                top = snapToGrid(top);
+                ty = snapToGrid(ty);
+              }
+
+              translateOrigin.setTranslate(-(left + tx), -(top + ty));
+              if (evt.shiftKey) {
+                if (sx === 1) {
+                  sx = sy;
+                } else {
+                  sy = sx;
+                }
+              }
+              scale.setScale(sx, sy);
+
+              translateBack.setTranslate(left + tx, top + ty);
+              if (hasMatrix) {
+                var diff = angle ? 1 : 0;
+                tlist.replaceItem(translateOrigin, 2 + diff);
+                tlist.replaceItem(scale, 1 + diff);
+                tlist.replaceItem(translateBack, Number(diff));
+              } else {
+                var N = tlist.numberOfItems;
+                tlist.replaceItem(translateBack, N - 3);
+                tlist.replaceItem(scale, N - 2);
+                tlist.replaceItem(translateOrigin, N - 1);
+              }
+
+              selectorManager.requestSelector(selected).resize();
+
+              call('transition', selectedElements);
+
+              break;
+            }case 'zoom':
+            {
+              realX *= currentZoom;
+              realY *= currentZoom;
+              assignAttributes(rubberBox, {
+                x: Math.min(rStartX * currentZoom, realX),
+                y: Math.min(rStartY * currentZoom, realY),
+                width: Math.abs(realX - rStartX * currentZoom),
+                height: Math.abs(realY - rStartY * currentZoom)
+              }, 100);
+              break;
+            }case 'text':
+            {
+              assignAttributes(shape, {
+                x: x,
+                y: y
+              }, 1000);
+              break;
+            }case 'line':
+            {
+              if (curConfig.gridSnapping) {
+                x = snapToGrid(x);
+                y = snapToGrid(y);
+              }
+
+              var x2 = x;
+              var y2 = y;
+
+              if (evt.shiftKey) {
+                xya = snapToAngle(startX, startY, x2, y2);
+                x2 = xya.x;
+                y2 = xya.y;
+              }
+
+              shape.setAttributeNS(null, 'x2', x2);
+              shape.setAttributeNS(null, 'y2', y2);
+              break;
+            }case 'foreignObject':
+          // fall through
+          case 'square':
+          // fall through
+          case 'rect':
+          // fall through
+          case 'image':
+            {
+              var square = currentMode === 'square' || evt.shiftKey;
+              var w = Math.abs(x - startX),
+                  h = Math.abs(y - startY);
+              var newX = void 0,
+                  newY = void 0;
+              if (square) {
+                w = h = Math.max(w, h);
+                newX = startX < x ? startX : startX - w;
+                newY = startY < y ? startY : startY - h;
+              } else {
+                newX = Math.min(startX, x);
+                newY = Math.min(startY, y);
+              }
+
+              if (curConfig.gridSnapping) {
+                w = snapToGrid(w);
+                h = snapToGrid(h);
+                newX = snapToGrid(newX);
+                newY = snapToGrid(newY);
+              }
+
+              assignAttributes(shape, {
+                width: w,
+                height: h,
+                x: newX,
+                y: newY
+              }, 1000);
+
+              break;
+            }case 'circle':
+            {
+              c = $$9(shape).attr(['cx', 'cy']);
+              var _c = c;
+              cx = _c.cx;
+              cy = _c.cy;
+
+              var rad = Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy));
+              if (curConfig.gridSnapping) {
+                rad = snapToGrid(rad);
+              }
+              shape.setAttributeNS(null, 'r', rad);
+              break;
+            }case 'ellipse':
+            {
+              c = $$9(shape).attr(['cx', 'cy']);
+              var _c2 = c;
+              cx = _c2.cx;
+              cy = _c2.cy;
+
+              if (curConfig.gridSnapping) {
+                x = snapToGrid(x);
+                cx = snapToGrid(cx);
+                y = snapToGrid(y);
+                cy = snapToGrid(cy);
+              }
+              shape.setAttributeNS(null, 'rx', Math.abs(x - cx));
+              var ry = Math.abs(evt.shiftKey ? x - cx : y - cy);
+              shape.setAttributeNS(null, 'ry', ry);
+              break;
+            }
+          case 'fhellipse':
+          case 'fhrect':
+            {
+              freehand.minx = Math.min(realX, freehand.minx);
+              freehand.maxx = Math.max(realX, freehand.maxx);
+              freehand.miny = Math.min(realY, freehand.miny);
+              freehand.maxy = Math.max(realY, freehand.maxy);
+            }
+          // Fallthrough
+          case 'fhpath':
+            {
+              // dAttr += + realX + ',' + realY + ' ';
+              // shape.setAttributeNS(null, 'points', dAttr);
+              end.x = realX;end.y = realY;
+              if (controllPoint2.x && controllPoint2.y) {
+                for (i = 0; i < STEP_COUNT - 1; i++) {
+                  parameter = i / STEP_COUNT;
+                  nextParameter = (i + 1) / STEP_COUNT;
+                  bSpline = getBsplinePoint(nextParameter);
+                  nextPos = bSpline;
+                  bSpline = getBsplinePoint(parameter);
+                  sumDistance += Math.sqrt((nextPos.x - bSpline.x) * (nextPos.x - bSpline.x) + (nextPos.y - bSpline.y) * (nextPos.y - bSpline.y));
+                  if (sumDistance > THRESHOLD_DIST) {
+                    sumDistance -= THRESHOLD_DIST;
+
+                    // Faster than completely re-writing the points attribute.
+                    var point = svgcontent.createSVGPoint();
+                    point.x = bSpline.x;
+                    point.y = bSpline.y;
+                    shape.points.appendItem(point);
+                  }
+                }
+              }
+              controllPoint2 = { x: controllPoint1.x, y: controllPoint1.y };
+              controllPoint1 = { x: start.x, y: start.y };
+              start = { x: end.x, y: end.y };
+              break;
+              // update path stretch line coordinates
+            }case 'path':
+
+          // fall through
+          case 'pathedit':
+            {
+              x *= currentZoom;
+              y *= currentZoom;
+
+              if (curConfig.gridSnapping) {
+                x = snapToGrid(x);
+                y = snapToGrid(y);
+                startX = snapToGrid(startX);
+                startY = snapToGrid(startY);
+              }
+              if (evt.shiftKey) {
+                var path$$1 = path;
+
+                var x1 = void 0,
+                    y1 = void 0;
+                if (path$$1) {
+                  x1 = path$$1.dragging ? path$$1.dragging[0] : startX;
+                  y1 = path$$1.dragging ? path$$1.dragging[1] : startY;
+                } else {
+                  x1 = startX;
+                  y1 = startY;
+                }
+                xya = snapToAngle(x1, y1, x, y);
+                var _xya2 = xya;
+                x = _xya2.x;
+                y = _xya2.y;
+              }
+
+              if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+                realX *= currentZoom;
+                realY *= currentZoom;
+                assignAttributes(rubberBox, {
+                  x: Math.min(rStartX * currentZoom, realX),
+                  y: Math.min(rStartY * currentZoom, realY),
+                  width: Math.abs(realX - rStartX * currentZoom),
+                  height: Math.abs(realY - rStartY * currentZoom)
+                }, 100);
+              }
+              pathActions$$1.mouseMove(x, y);
+
+              break;
+            }case 'textedit':
+            {
+              x *= currentZoom;
+              y *= currentZoom;
+              // if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+              //   assignAttributes(rubberBox, {
+              //     x: Math.min(startX, x),
+              //     y: Math.min(startY, y),
+              //     width: Math.abs(x - startX),
+              //     height: Math.abs(y - startY)
+              //   }, 100);
+              // }
+
+              textActions.mouseMove(mouseX, mouseY);
+
+              break;
+            }case 'rotate':
+            {
+              box = getBBox(selected);
+              cx = box.x + box.width / 2;
+              cy = box.y + box.height / 2;
+              var m = getMatrix(selected),
+                  center = transformPoint(cx, cy, m);
+              cx = center.x;
+              cy = center.y;
+              angle = (Math.atan2(cy - y, cx - x) * (180 / Math.PI) - 90) % 360;
+              if (curConfig.gridSnapping) {
+                angle = snapToGrid(angle);
+              }
+              if (evt.shiftKey) {
+                // restrict rotations to nice angles (WRS)
+                var snap = 45;
+                angle = Math.round(angle / snap) * snap;
+              }
+
+              canvas.setRotationAngle(angle < -180 ? 360 + angle : angle, true);
+              call('transition', selectedElements);
+              break;
+            }default:
+            break;
+        }
+
+        /**
+        * The mouse has moved on the canvas area
+        * @event module:svgcanvas.SvgCanvas#event:ext-mouseMove
+        * @type {PlainObject}
+        * @property {MouseEvent} event The event object
+        * @property {Float} mouse_x x coordinate on canvas
+        * @property {Float} mouse_y y coordinate on canvas
+        * @property {Element} selected Refers to the first selected element
+        */
+        runExtensions('mouseMove', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseMove} */{
+          event: evt,
+          mouse_x: mouseX,
+          mouse_y: mouseY,
+          selected: selected
+        });
+      }; // mouseMove()
+
+      // - in create mode, the element's opacity is set properly, we create an InsertElementCommand
+      // and store it on the Undo stack
+      // - in move/resize mode, the element's attributes which were affected by the move/resize are
+      // identified, a ChangeElementCommand is created and stored on the stack for those attrs
+      // this is done in when we recalculate the selected dimensions()
+      /**
+       *
+       * @param {MouseEvent} evt
+       * @fires module:svgcanvas.SvgCanvas#event:zoomed
+       * @fires module:svgcanvas.SvgCanvas#event:changed
+       * @fires module:svgcanvas.SvgCanvas#event:ext-mouseUp
+       * @returns {undefined}
+       */
+      var mouseUp = function mouseUp(evt) {
+        if (evt.button === 2) {
+          return;
+        }
+        var tempJustSelected = justSelected;
+        justSelected = null;
+        if (!started) {
+          return;
+        }
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+            mouseX = pt.x * currentZoom,
+            mouseY = pt.y * currentZoom,
+            x = mouseX / currentZoom,
+            y = mouseY / currentZoom;
+
+        var element = getElem(getId());
+        var keep = false;
+
+        var realX = x;
+        var realY = y;
+        started = false;
+        var attrs = void 0,
+            t = void 0;
+        switch (currentMode) {
+          // intentionally fall-through to select here
+          case 'resize':
+          case 'multiselect':
+            if (rubberBox != null) {
+              rubberBox.setAttribute('display', 'none');
+              curBBoxes = [];
+            }
+            currentMode = 'select';
+          // Fallthrough
+          case 'select':
+            if (selectedElements[0] != null) {
+              // if we only have one selected element
+              if (selectedElements[1] == null) {
+                // set our current stroke/fill properties to the element's
+                var selected = selectedElements[0];
+                switch (selected.tagName) {
+                  case 'g':
+                  case 'use':
+                  case 'image':
+                  case 'foreignObject':
+                    break;
+                  default:
+                    curProperties.fill = selected.getAttribute('fill');
+                    curProperties.fill_opacity = selected.getAttribute('fill-opacity');
+                    curProperties.stroke = selected.getAttribute('stroke');
+                    curProperties.stroke_opacity = selected.getAttribute('stroke-opacity');
+                    curProperties.stroke_width = selected.getAttribute('stroke-width');
+                    curProperties.stroke_dasharray = selected.getAttribute('stroke-dasharray');
+                    curProperties.stroke_linejoin = selected.getAttribute('stroke-linejoin');
+                    curProperties.stroke_linecap = selected.getAttribute('stroke-linecap');
+                }
+
+                if (selected.tagName === 'text') {
+                  curText.font_size = selected.getAttribute('font-size');
+                  curText.font_family = selected.getAttribute('font-family');
+                }
+                selectorManager.requestSelector(selected).showGrips(true);
+
+                // This shouldn't be necessary as it was done on mouseDown...
+                // call('selected', [selected]);
+              }
+              // always recalculate dimensions to strip off stray identity transforms
+              recalculateAllSelectedDimensions();
+              // if it was being dragged/resized
+              if (realX !== rStartX || realY !== rStartY) {
+                var len = selectedElements.length;
+                for (var i = 0; i < len; ++i) {
+                  if (selectedElements[i] == null) {
+                    break;
+                  }
+                  if (!selectedElements[i].firstChild) {
+                    // Not needed for groups (incorrectly resizes elems), possibly not needed at all?
+                    selectorManager.requestSelector(selectedElements[i]).resize();
+                  }
+                }
+                // no change in position/size, so maybe we should move to pathedit
+              } else {
+                t = evt.target;
+                if (selectedElements[0].nodeName === 'path' && selectedElements[1] == null) {
+                  pathActions$$1.select(selectedElements[0]);
+                  // if it was a path
+                  // else, if it was selected and this is a shift-click, remove it from selection
+                } else if (evt.shiftKey) {
+                  if (tempJustSelected !== t) {
+                    canvas.removeFromSelection([t]);
+                  }
+                }
+              } // no change in mouse position
+
+              // Remove non-scaling stroke
+              if (supportsNonScalingStroke()) {
+                var elem = selectedElements[0];
+                if (elem) {
+                  elem.removeAttribute('style');
+                  walkTree(elem, function (elem) {
+                    elem.removeAttribute('style');
+                  });
+                }
+              }
+            }
+            return;
+          case 'zoom':
+            if (rubberBox != null) {
+              rubberBox.setAttribute('display', 'none');
+            }
+            var factor = evt.shiftKey ? 0.5 : 2;
+            call('zoomed', {
+              x: Math.min(rStartX, realX),
+              y: Math.min(rStartY, realY),
+              width: Math.abs(realX - rStartX),
+              height: Math.abs(realY - rStartY),
+              factor: factor
+            });
+            return;
+          case 'fhpath':
+            // Check that the path contains at least 2 points; a degenerate one-point path
+            // causes problems.
+            // Webkit ignores how we set the points attribute with commas and uses space
+            // to separate all coordinates, see https://bugs.webkit.org/show_bug.cgi?id=29870
+            sumDistance = 0;
+            controllPoint2 = { x: 0, y: 0 };
+            controllPoint1 = { x: 0, y: 0 };
+            start = { x: 0, y: 0 };
+            end = { x: 0, y: 0 };
+            var coords = element.getAttribute('points');
+            var commaIndex = coords.indexOf(',');
+            if (commaIndex >= 0) {
+              keep = coords.indexOf(',', commaIndex + 1) >= 0;
+            } else {
+              keep = coords.indexOf(' ', coords.indexOf(' ') + 1) >= 0;
+            }
+            if (keep) {
+              element = pathActions$$1.smoothPolylineIntoPath(element);
+            }
+            break;
+          case 'line':
+            attrs = $$9(element).attr(['x1', 'x2', 'y1', 'y2']);
+            keep = attrs.x1 !== attrs.x2 || attrs.y1 !== attrs.y2;
+            break;
+          case 'foreignObject':
+          case 'square':
+          case 'rect':
+          case 'image':
+            attrs = $$9(element).attr(['width', 'height']);
+            // Image should be kept regardless of size (use inherit dimensions later)
+            keep = attrs.width || attrs.height || currentMode === 'image';
+            break;
+          case 'circle':
+            keep = element.getAttribute('r') !== '0';
+            break;
+          case 'ellipse':
+            attrs = $$9(element).attr(['rx', 'ry']);
+            keep = attrs.rx || attrs.ry;
+            break;
+          case 'fhellipse':
+            if (freehand.maxx - freehand.minx > 0 && freehand.maxy - freehand.miny > 0) {
+              element = addSVGElementFromJson({
+                element: 'ellipse',
+                curStyles: true,
+                attr: {
+                  cx: (freehand.minx + freehand.maxx) / 2,
+                  cy: (freehand.miny + freehand.maxy) / 2,
+                  rx: (freehand.maxx - freehand.minx) / 2,
+                  ry: (freehand.maxy - freehand.miny) / 2,
+                  id: getId()
+                }
+              });
+              call('changed', [element]);
+              keep = true;
+            }
+            break;
+          case 'fhrect':
+            if (freehand.maxx - freehand.minx > 0 && freehand.maxy - freehand.miny > 0) {
+              element = addSVGElementFromJson({
+                element: 'rect',
+                curStyles: true,
+                attr: {
+                  x: freehand.minx,
+                  y: freehand.miny,
+                  width: freehand.maxx - freehand.minx,
+                  height: freehand.maxy - freehand.miny,
+                  id: getId()
+                }
+              });
+              call('changed', [element]);
+              keep = true;
+            }
+            break;
+          case 'text':
+            keep = true;
+            selectOnly([element]);
+            textActions.start(element);
+            break;
+          case 'path':
+            // set element to null here so that it is not removed nor finalized
+            element = null;
+            // continue to be set to true so that mouseMove happens
+            started = true;
+
+            var res = pathActions$$1.mouseUp(evt, element, mouseX, mouseY);
+            element = res.element;
+            keep = res.keep;
+
+            break;
+          case 'pathedit':
+            keep = true;
+            element = null;
+            pathActions$$1.mouseUp(evt);
+            break;
+          case 'textedit':
+            keep = false;
+            element = null;
+            textActions.mouseUp(evt, mouseX, mouseY);
+            break;
+          case 'rotate':
+            keep = true;
+            element = null;
+            currentMode = 'select';
+            var batchCmd = canvas.undoMgr.finishUndoableChange();
+            if (!batchCmd.isEmpty()) {
+              addCommandToHistory(batchCmd);
+            }
+            // perform recalculation to weed out any stray identity transforms that might get stuck
+            recalculateAllSelectedDimensions();
+            call('changed', selectedElements);
+            break;
+          default:
+            // This could occur in an extension
+            break;
+        }
+
+        /**
+        * The main (left) mouse button is released (anywhere)
+        * @event module:svgcanvas.SvgCanvas#event:ext-mouseUp
+        * @type {PlainObject}
+        * @property {MouseEvent} event The event object
+        * @property {Float} mouse_x x coordinate on canvas
+        * @property {Float} mouse_y y coordinate on canvas
+        */
+        var extResult = runExtensions('mouseUp', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseUp} */{
+          event: evt,
+          mouse_x: mouseX,
+          mouse_y: mouseY
+        }, true);
+
+        $$9.each(extResult, function (i, r) {
+          if (r) {
+            keep = r.keep || keep;
+            element = r.element;
+
+            started = r.started || started;
+          }
+        });
+
+        if (!keep && element != null) {
+          getCurrentDrawing().releaseId(getId());
+          element.remove();
+          element = null;
+
+          t = evt.target;
+
+          // if this element is in a group, go up until we reach the top-level group
+          // just below the layer groups
+          // TODO: once we implement links, we also would have to check for <a> elements
+          while (t && t.parentNode && t.parentNode.parentNode && t.parentNode.parentNode.tagName === 'g') {
+            t = t.parentNode;
+          }
+          // if we are not in the middle of creating a path, and we've clicked on some shape,
+          // then go to Select mode.
+          // WebKit returns <div> when the canvas is clicked, Firefox/Opera return <svg>
+          if ((currentMode !== 'path' || !drawnPath) && t && t.parentNode && t.parentNode.id !== 'selectorParentGroup' && t.id !== 'svgcanvas' && t.id !== 'svgroot') {
+            // switch into "select" mode if we've clicked on an element
+            canvas.setMode('select');
+            selectOnly([t], true);
+          }
+        } else if (element != null) {
+          /**
+          * @name module:svgcanvas.SvgCanvas#addedNew
+          * @type {boolean}
+          */
+          canvas.addedNew = true;
+
+          var aniDur = 0.2;
+          var cAni = void 0;
+          if (opacAni.beginElement && parseFloat(element.getAttribute('opacity')) !== curShape.opacity) {
+            cAni = $$9(opacAni).clone().attr({
+              to: curShape.opacity,
+              dur: aniDur
+            }).appendTo(element);
+            try {
+              // Fails in FF4 on foreignObject
+              cAni[0].beginElement();
+            } catch (e) {}
+          } else {
+            aniDur = 0;
+          }
+
+          // Ideally this would be done on the endEvent of the animation,
+          // but that doesn't seem to be supported in Webkit
+          setTimeout(function () {
+            if (cAni) {
+              cAni.remove();
+            }
+            element.setAttribute('opacity', curShape.opacity);
+            element.setAttribute('style', 'pointer-events:inherit');
+            cleanupElement(element);
+            if (currentMode === 'path') {
+              pathActions$$1.toEditMode(element);
+            } else if (curConfig.selectNew) {
+              selectOnly([element], true);
+            }
+            // we create the insert command that is stored on the stack
+            // undo means to call cmd.unapply(), redo means to call cmd.apply()
+            addCommandToHistory(new InsertElementCommand$1(element));
+
+            call('changed', [element]);
+          }, aniDur * 1000);
+        }
+
+        startTransform = null;
+      };
+
+      var dblClick = function dblClick(evt) {
+        var evtTarget = evt.target;
+        var parent = evtTarget.parentNode;
+
+        // Do nothing if already in current group
+        if (parent === currentGroup) {
+          return;
+        }
+
+        var mouseTarget = getMouseTarget(evt);
+        var _mouseTarget = mouseTarget,
+            tagName = _mouseTarget.tagName;
+
+
+        if (tagName === 'text' && currentMode !== 'textedit') {
+          var pt = transformPoint(evt.pageX, evt.pageY, rootSctm);
+          textActions.select(mouseTarget, pt.x, pt.y);
+        }
+
+        if ((tagName === 'g' || tagName === 'a') && getRotationAngle(mouseTarget)) {
+          // TODO: Allow method of in-group editing without having to do
+          // this (similar to editing rotated paths)
+
+          // Ungroup and regroup
+          pushGroupProperties(mouseTarget);
+          mouseTarget = selectedElements[0];
+          clearSelection(true);
+        }
+        // Reset context
+        if (currentGroup) {
+          leaveContext();
+        }
+
+        if (parent.tagName !== 'g' && parent.tagName !== 'a' || parent === getCurrentDrawing().getCurrentLayer() || mouseTarget === selectorManager.selectorParentGroup) {
+          // Escape from in-group edit
+          return;
+        }
+        setContext(mouseTarget);
+      };
+
+      // prevent links from being followed in the canvas
+      var handleLinkInCanvas = function handleLinkInCanvas(e) {
+        e.preventDefault();
+        return false;
+      };
+
+      // Added mouseup to the container here.
+      // TODO(codedread): Figure out why after the Closure compiler, the window mouseup is ignored.
+      $$9(container).mousedown(mouseDown).mousemove(mouseMove).click(handleLinkInCanvas).dblclick(dblClick).mouseup(mouseUp);
+      // $(window).mouseup(mouseUp);
+
+      // TODO(rafaelcastrocouto): User preference for shift key and zoom factor
+      $$9(container).bind('mousewheel DOMMouseScroll',
+      /**
+       * @param {Event} e
+       * @fires module:svgcanvas.SvgCanvas#event:updateCanvas
+       * @fires module:svgcanvas.SvgCanvas#event:zoomDone
+       * @returns {undefined}
+       */
+      function (e) {
+        if (!e.shiftKey) {
+          return;
+        }
+
+        e.preventDefault();
+        var evt = e.originalEvent;
+
+        rootSctm = $$9('#svgcontent g')[0].getScreenCTM().inverse();
+
+        var workarea = $$9('#workarea');
+        var scrbar = 15;
+        var rulerwidth = curConfig.showRulers ? 16 : 0;
+
+        // mouse relative to content area in content pixels
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm);
+
+        // full work area width in screen pixels
+        var editorFullW = workarea.width();
+        var editorFullH = workarea.height();
+
+        // work area width minus scroll and ruler in screen pixels
+        var editorW = editorFullW - scrbar - rulerwidth;
+        var editorH = editorFullH - scrbar - rulerwidth;
+
+        // work area width in content pixels
+        var workareaViewW = editorW * rootSctm.a;
+        var workareaViewH = editorH * rootSctm.d;
+
+        // content offset from canvas in screen pixels
+        var wOffset = workarea.offset();
+        var wOffsetLeft = wOffset['left'] + rulerwidth;
+        var wOffsetTop = wOffset['top'] + rulerwidth;
+
+        var delta = evt.wheelDelta ? evt.wheelDelta : evt.detail ? -evt.detail : 0;
+        if (!delta) {
+          return;
+        }
+
+        var factor = Math.max(3 / 4, Math.min(4 / 3, delta));
+
+        var wZoom = void 0,
+            hZoom = void 0;
+        if (factor > 1) {
+          wZoom = Math.ceil(editorW / workareaViewW * factor * 100) / 100;
+          hZoom = Math.ceil(editorH / workareaViewH * factor * 100) / 100;
+        } else {
+          wZoom = Math.floor(editorW / workareaViewW * factor * 100) / 100;
+          hZoom = Math.floor(editorH / workareaViewH * factor * 100) / 100;
+        }
+        var zoomlevel = Math.min(wZoom, hZoom);
+        zoomlevel = Math.min(10, Math.max(0.01, zoomlevel));
+        if (zoomlevel === currentZoom) {
+          return;
+        }
+        factor = zoomlevel / currentZoom;
+
+        // top left of workarea in content pixels before zoom
+        var topLeftOld = transformPoint(wOffsetLeft, wOffsetTop, rootSctm);
+
+        // top left of workarea in content pixels after zoom
+        var topLeftNew = {
+          x: pt.x - (pt.x - topLeftOld.x) / factor,
+          y: pt.y - (pt.y - topLeftOld.y) / factor
+        };
+
+        // top left of workarea in canvas pixels relative to content after zoom
+        var topLeftNewCanvas = {
+          x: topLeftNew.x * zoomlevel,
+          y: topLeftNew.y * zoomlevel
+        };
+
+        // new center in canvas pixels
+        var newCtr = {
+          x: topLeftNewCanvas.x - rulerwidth + editorFullW / 2,
+          y: topLeftNewCanvas.y - rulerwidth + editorFullH / 2
+        };
+
+        canvas.setZoom(zoomlevel);
+        $$9('#zoom').val((zoomlevel * 100).toFixed(1));
+
+        call('updateCanvas', { center: false, newCtr: newCtr });
+        call('zoomDone');
+      });
+    })();
+
+    /**
+    * Group: Text edit functions
+    * Functions relating to editing text elements
+    * @namespace {PlainObject} textActions
+    * @memberof module:svgcanvas.SvgCanvas#
+    */
+    var textActions = canvas.textActions = function () {
+      var curtext = void 0;
+      var textinput = void 0;
+      var cursor = void 0;
+      var selblock = void 0;
+      var blinker = void 0;
+      var chardata = [];
+      var textbb = void 0; // , transbb;
+      var matrix = void 0;
+      var lastX = void 0,
+          lastY = void 0;
+      var allowDbl = void 0;
+
+      function setCursor(index) {
+        var empty = textinput.value === '';
+        $$9(textinput).focus();
+
+        if (!arguments.length) {
+          if (empty) {
+            index = 0;
+          } else {
+            if (textinput.selectionEnd !== textinput.selectionStart) {
+              return;
+            }
+            index = textinput.selectionEnd;
+          }
+        }
+
+        var charbb = chardata[index];
+        if (!empty) {
+          textinput.setSelectionRange(index, index);
+        }
+        cursor = getElem('text_cursor');
+        if (!cursor) {
+          cursor = document.createElementNS(NS.SVG, 'line');
+          assignAttributes(cursor, {
+            id: 'text_cursor',
+            stroke: '#333',
+            'stroke-width': 1
+          });
+          cursor = getElem('selectorParentGroup').appendChild(cursor);
+        }
+
+        if (!blinker) {
+          blinker = setInterval(function () {
+            var show = cursor.getAttribute('display') === 'none';
+            cursor.setAttribute('display', show ? 'inline' : 'none');
+          }, 600);
+        }
+
+        var startPt = ptToScreen(charbb.x, textbb.y);
+        var endPt = ptToScreen(charbb.x, textbb.y + textbb.height);
+
+        assignAttributes(cursor, {
+          x1: startPt.x,
+          y1: startPt.y,
+          x2: endPt.x,
+          y2: endPt.y,
+          visibility: 'visible',
+          display: 'inline'
+        });
+
+        if (selblock) {
+          selblock.setAttribute('d', '');
+        }
+      }
+
+      function setSelection(start, end, skipInput) {
+        if (start === end) {
+          setCursor(end);
+          return;
+        }
+
+        if (!skipInput) {
+          textinput.setSelectionRange(start, end);
+        }
+
+        selblock = getElem('text_selectblock');
+        if (!selblock) {
+          selblock = document.createElementNS(NS.SVG, 'path');
+          assignAttributes(selblock, {
+            id: 'text_selectblock',
+            fill: 'green',
+            opacity: 0.5,
+            style: 'pointer-events:none'
+          });
+          getElem('selectorParentGroup').append(selblock);
+        }
+
+        var startbb = chardata[start];
+        var endbb = chardata[end];
+
+        cursor.setAttribute('visibility', 'hidden');
+
+        var tl = ptToScreen(startbb.x, textbb.y),
+            tr = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y),
+            bl = ptToScreen(startbb.x, textbb.y + textbb.height),
+            br = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y + textbb.height);
+
+        var dstr = 'M' + tl.x + ',' + tl.y + ' L' + tr.x + ',' + tr.y + ' ' + br.x + ',' + br.y + ' ' + bl.x + ',' + bl.y + 'z';
+
+        assignAttributes(selblock, {
+          d: dstr,
+          display: 'inline'
+        });
+      }
+
+      function getIndexFromPoint(mouseX, mouseY) {
+        // Position cursor here
+        var pt = svgroot.createSVGPoint();
+        pt.x = mouseX;
+        pt.y = mouseY;
+
+        // No content, so return 0
+        if (chardata.length === 1) {
+          return 0;
+        }
+        // Determine if cursor should be on left or right of character
+        var charpos = curtext.getCharNumAtPosition(pt);
+        if (charpos < 0) {
+          // Out of text range, look at mouse coords
+          charpos = chardata.length - 2;
+          if (mouseX <= chardata[0].x) {
+            charpos = 0;
+          }
+        } else if (charpos >= chardata.length - 2) {
+          charpos = chardata.length - 2;
+        }
+        var charbb = chardata[charpos];
+        var mid = charbb.x + charbb.width / 2;
+        if (mouseX > mid) {
+          charpos++;
+        }
+        return charpos;
+      }
+
+      function setCursorFromPoint(mouseX, mouseY) {
+        setCursor(getIndexFromPoint(mouseX, mouseY));
+      }
+
+      function setEndSelectionFromPoint(x, y, apply) {
+        var i1 = textinput.selectionStart;
+        var i2 = getIndexFromPoint(x, y);
+
+        var start = Math.min(i1, i2);
+        var end = Math.max(i1, i2);
+        setSelection(start, end, !apply);
+      }
+
+      function screenToPt(xIn, yIn) {
+        var out = {
+          x: xIn,
+          y: yIn
+        };
+
+        out.x /= currentZoom;
+        out.y /= currentZoom;
+
+        if (matrix) {
+          var pt = transformPoint(out.x, out.y, matrix.inverse());
+          out.x = pt.x;
+          out.y = pt.y;
+        }
+
+        return out;
+      }
+
+      function ptToScreen(xIn, yIn) {
+        var out = {
+          x: xIn,
+          y: yIn
+        };
+
+        if (matrix) {
+          var pt = transformPoint(out.x, out.y, matrix);
+          out.x = pt.x;
+          out.y = pt.y;
+        }
+
+        out.x *= currentZoom;
+        out.y *= currentZoom;
+
+        return out;
+      }
+
+      /*
+      // Not currently in use
+      function hideCursor () {
+        if (cursor) {
+          cursor.setAttribute('visibility', 'hidden');
+        }
+      }
+      */
+
+      function selectAll(evt) {
+        setSelection(0, curtext.textContent.length);
+        $$9(this).unbind(evt);
+      }
+
+      function selectWord(evt) {
+        if (!allowDbl || !curtext) {
+          return;
+        }
+
+        var ept = transformPoint(evt.pageX, evt.pageY, rootSctm),
+            mouseX = ept.x * currentZoom,
+            mouseY = ept.y * currentZoom;
+        var pt = screenToPt(mouseX, mouseY);
+
+        var index = getIndexFromPoint(pt.x, pt.y);
+        var str = curtext.textContent;
+        var first = str.substr(0, index).replace(/[a-z0-9]+$/i, '').length;
+        var m = str.substr(index).match(/^[a-z0-9]+/i);
+        var last = (m ? m[0].length : 0) + index;
+        setSelection(first, last);
+
+        // Set tripleclick
+        $$9(evt.target).click(selectAll);
+        setTimeout(function () {
+          $$9(evt.target).unbind('click', selectAll);
+        }, 300);
+      }
+
+      return (/** @lends module:svgcanvas.SvgCanvas#textActions */{
+          /**
+          * @param {Element} target
+          * @param {Float} x
+          * @param {Float} y
+          * @returns {undefined}
+          */
+          select: function select(target, x, y) {
+            curtext = target;
+            textActions.toEditMode(x, y);
+          },
+
+          /**
+          * @param {Element} elem
+          * @returns {undefined}
+          */
+          start: function start(elem) {
+            curtext = elem;
+            textActions.toEditMode();
+          },
+
+          /**
+          * @param {external:MouseEvent} evt
+          * @param {Element} mouseTarget
+          * @param {Float} startX
+          * @param {Float} startY
+          * @returns {undefined}
+          */
+          mouseDown: function mouseDown(evt, mouseTarget, startX, startY) {
+            var pt = screenToPt(startX, startY);
+
+            textinput.focus();
+            setCursorFromPoint(pt.x, pt.y);
+            lastX = startX;
+            lastY = startY;
+
+            // TODO: Find way to block native selection
+          },
+
+          /**
+          * @param {Float} mouseX
+          * @param {Float} mouseY
+          * @returns {undefined}
+          */
+          mouseMove: function mouseMove(mouseX, mouseY) {
+            var pt = screenToPt(mouseX, mouseY);
+            setEndSelectionFromPoint(pt.x, pt.y);
+          },
+
+          /**
+          * @param {external:MouseEvent}
+          * @param {Float} mouseX
+          * @param {Float} mouseY
+          * @returns {undefined}
+          */
+          mouseUp: function mouseUp(evt, mouseX, mouseY) {
+            var pt = screenToPt(mouseX, mouseY);
+
+            setEndSelectionFromPoint(pt.x, pt.y, true);
+
+            // TODO: Find a way to make this work: Use transformed BBox instead of evt.target
+            // if (lastX === mouseX && lastY === mouseY
+            //   && !rectsIntersect(transbb, {x: pt.x, y: pt.y, width: 0, height: 0})) {
+            //   textActions.toSelectMode(true);
+            // }
+
+            if (evt.target !== curtext && mouseX < lastX + 2 && mouseX > lastX - 2 && mouseY < lastY + 2 && mouseY > lastY - 2) {
+              textActions.toSelectMode(true);
+            }
+          },
+
+          /**
+          * @function
+          * @param {Integer} index
+          * @returns {undefined}
+          */
+          setCursor: setCursor,
+          /**
+          * @param {Float} x
+          * @param {Float} y
+          * @returns {undefined}
+          */
+          toEditMode: function toEditMode(x, y) {
+            allowDbl = false;
+            currentMode = 'textedit';
+            selectorManager.requestSelector(curtext).showGrips(false);
+            // Make selector group accept clicks
+            /* const selector = */selectorManager.requestSelector(curtext); // Do we need this? Has side effect of setting lock, so keeping for now, but next line wasn't being used
+            // const sel = selector.selectorRect;
+
+            textActions.init();
+
+            $$9(curtext).css('cursor', 'text');
+
+            // if (supportsEditableText()) {
+            //   curtext.setAttribute('editable', 'simple');
+            //   return;
+            // }
+
+            if (!arguments.length) {
+              setCursor();
+            } else {
+              var pt = screenToPt(x, y);
+              setCursorFromPoint(pt.x, pt.y);
+            }
+
+            setTimeout(function () {
+              allowDbl = true;
+            }, 300);
+          },
+
+          /**
+          * @param {boolean|Element} selectElem
+          * @fires module:svgcanvas.SvgCanvas#event:selected
+          * @returns {undefined}
+          */
+          toSelectMode: function toSelectMode(selectElem) {
+            currentMode = 'select';
+            clearInterval(blinker);
+            blinker = null;
+            if (selblock) {
+              $$9(selblock).attr('display', 'none');
+            }
+            if (cursor) {
+              $$9(cursor).attr('visibility', 'hidden');
+            }
+            $$9(curtext).css('cursor', 'move');
+
+            if (selectElem) {
+              clearSelection();
+              $$9(curtext).css('cursor', 'move');
+
+              call('selected', [curtext]);
+              addToSelection([curtext], true);
+            }
+            if (curtext && !curtext.textContent.length) {
+              // No content, so delete
+              canvas.deleteSelectedElements();
+            }
+
+            $$9(textinput).blur();
+
+            curtext = false;
+
+            // if (supportsEditableText()) {
+            //   curtext.removeAttribute('editable');
+            // }
+          },
+
+          /**
+          * @param {Element} elem
+          * @returns {undefined}
+          */
+          setInputElem: function setInputElem(elem) {
+            textinput = elem;
+            // $(textinput).blur(hideCursor);
+          },
+
+          /**
+          * @returns {undefined}
+          */
+          clear: function clear() {
+            if (currentMode === 'textedit') {
+              textActions.toSelectMode();
+            }
+          },
+
+          /**
+          * @param {Element} inputElem Not in use
+          * @returns {undefined}
+          */
+          init: function init$$1(inputElem) {
+            if (!curtext) {
+              return;
+            }
+            var i = void 0,
+                end = void 0;
+            // if (supportsEditableText()) {
+            //   curtext.select();
+            //   return;
+            // }
+
+            if (!curtext.parentNode) {
+              // Result of the ffClone, need to get correct element
+              curtext = selectedElements[0];
+              selectorManager.requestSelector(curtext).showGrips(false);
+            }
+
+            var str = curtext.textContent;
+            var len = str.length;
+
+            var xform = curtext.getAttribute('transform');
+
+            textbb = getBBox(curtext);
+
+            matrix = xform ? getMatrix(curtext) : null;
+
+            chardata = [];
+            chardata.length = len;
+            textinput.focus();
+
+            $$9(curtext).unbind('dblclick', selectWord).dblclick(selectWord);
+
+            if (!len) {
+              end = { x: textbb.x + textbb.width / 2, width: 0 };
+            }
+
+            for (i = 0; i < len; i++) {
+              var start = curtext.getStartPositionOfChar(i);
+              end = curtext.getEndPositionOfChar(i);
+
+              if (!supportsGoodTextCharPos()) {
+                var offset = canvas.contentW * currentZoom;
+                start.x -= offset;
+                end.x -= offset;
+
+                start.x /= currentZoom;
+                end.x /= currentZoom;
+              }
+
+              // Get a "bbox" equivalent for each character. Uses the
+              // bbox data of the actual text for y, height purposes
+
+              // TODO: Decide if y, width and height are actually necessary
+              chardata[i] = {
+                x: start.x,
+                y: textbb.y, // start.y?
+                width: end.x - start.x,
+                height: textbb.height
+              };
+            }
+
+            // Add a last bbox for cursor at end of text
+            chardata.push({
+              x: end.x,
+              width: 0
+            });
+            setSelection(textinput.selectionStart, textinput.selectionEnd, true);
+          }
+        }
+      );
+    }();
+
+    /**
+    * Group: Serialization
+    */
+
+    /**
+    * Looks at DOM elements inside the `<defs>` to see if they are referred to,
+    * removes them from the DOM if they are not.
+    * @function module:svgcanvas.SvgCanvas#removeUnusedDefElems
+    * @returns {Integer} The number of elements that were removed
+    */
+    var removeUnusedDefElems = this.removeUnusedDefElems = function () {
+      var defs = svgcontent.getElementsByTagNameNS(NS.SVG, 'defs');
+      if (!defs || !defs.length) {
+        return 0;
+      }
+
+      // if (!defs.firstChild) { return; }
+
+      var defelemUses = [];
+      var numRemoved = 0;
+      var attrs = ['fill', 'stroke', 'filter', 'marker-start', 'marker-mid', 'marker-end'];
+      var alen = attrs.length;
+
+      var allEls = svgcontent.getElementsByTagNameNS(NS.SVG, '*');
+      var allLen = allEls.length;
+
+      var i = void 0,
+          j = void 0;
+      for (i = 0; i < allLen; i++) {
+        var el = allEls[i];
+        for (j = 0; j < alen; j++) {
+          var ref = getUrlFromAttr(el.getAttribute(attrs[j]));
+          if (ref) {
+            defelemUses.push(ref.substr(1));
+          }
+        }
+
+        // gradients can refer to other gradients
+        var href = getHref(el);
+        if (href && href.startsWith('#')) {
+          defelemUses.push(href.substr(1));
+        }
+      }
+
+      var defelems = $$9(defs).find('linearGradient, radialGradient, filter, marker, svg, symbol');
+      i = defelems.length;
+      while (i--) {
+        var defelem = defelems[i];
+        var id = defelem.id;
+
+        if (!defelemUses.includes(id)) {
+          // Not found, so remove (but remember)
+          removedElements[id] = defelem;
+          defelem.remove();
+          numRemoved++;
+        }
+      }
+
+      return numRemoved;
+    };
+
+    /**
+    * Main function to set up the SVG content for output
+    * @function module:svgcanvas.SvgCanvas#svgCanvasToString
+    * @returns {string} The SVG image for output
+    */
+    this.svgCanvasToString = function () {
+      // keep calling it until there are none to remove
+      while (removeUnusedDefElems() > 0) {}
+
+      pathActions$$1.clear(true);
+
+      // Keep SVG-Edit comment on top
+      $$9.each(svgcontent.childNodes, function (i, node) {
+        if (i && node.nodeType === 8 && node.data.includes('Created with')) {
+          svgcontent.firstChild.before(node);
+        }
+      });
+
+      // Move out of in-group editing mode
+      if (currentGroup) {
+        leaveContext();
+        selectOnly([currentGroup]);
+      }
+
+      var nakedSvgs = [];
+
+      // Unwrap gsvg if it has no special attributes (only id and style)
+      $$9(svgcontent).find('g:data(gsvg)').each(function () {
+        var attrs = this.attributes;
+        var len = attrs.length;
+        for (var i = 0; i < len; i++) {
+          if (attrs[i].nodeName === 'id' || attrs[i].nodeName === 'style') {
+            len--;
+          }
+        }
+        // No significant attributes, so ungroup
+        if (len <= 0) {
+          var svg = this.firstChild;
+          nakedSvgs.push(svg);
+          $$9(this).replaceWith(svg);
+        }
+      });
+      var output = this.svgToString(svgcontent, 0);
+
+      // Rewrap gsvg
+      if (nakedSvgs.length) {
+        $$9(nakedSvgs).each(function () {
+          groupSvgElem(this);
+        });
+      }
+
+      return output;
+    };
+
+    /**
+    * Sub function ran on each SVG element to convert it to a string as desired
+    * @function module:svgcanvas.SvgCanvas#svgToString
+    * @param {Element} elem - The SVG element to convert
+    * @param {Integer} indent - Number of spaces to indent this tag
+    * @returns {string} The given element as an SVG tag
+    */
+    this.svgToString = function (elem, indent) {
+      var out = [];
+      var unit = curConfig.baseUnit;
+      var unitRe = new RegExp('^-?[\\d\\.]+' + unit + '$');
+
+      if (elem) {
+        cleanupElement(elem);
+        var attrs = Array.from(elem.attributes);
+        var i = void 0;
+        var childs = elem.childNodes;
+        attrs.sort(function (a, b) {
+          return a.name > b.name ? -1 : 1;
+        });
+
+        for (i = 0; i < indent; i++) {
+          out.push(' ');
+        }
+        out.push('<');out.push(elem.nodeName);
+        if (elem.id === 'svgcontent') {
+          // Process root element separately
+          var res = getResolution();
+
+          var vb = '';
+          // TODO: Allow this by dividing all values by current baseVal
+          // Note that this also means we should properly deal with this on import
+          // if (curConfig.baseUnit !== 'px') {
+          //   const unit = curConfig.baseUnit;
+          //   const unitM = getTypeMap()[unit];
+          //   res.w = shortFloat(res.w / unitM);
+          //   res.h = shortFloat(res.h / unitM);
+          //   vb = ' viewBox="' + [0, 0, res.w, res.h].join(' ') + '"';
+          //   res.w += unit;
+          //   res.h += unit;
+          // }
+
+          if (unit !== 'px') {
+            res.w = convertUnit(res.w, unit) + unit;
+            res.h = convertUnit(res.h, unit) + unit;
+          }
+
+          out.push(' width="' + res.w + '" height="' + res.h + '"' + vb + ' xmlns="' + NS.SVG + '"');
+
+          var nsuris = {};
+
+          // Check elements for namespaces, add if found
+          $$9(elem).find('*').andSelf().each(function () {
+            // const el = this;
+            // for some elements have no attribute
+            var uri = this.namespaceURI;
+            if (uri && !nsuris[uri] && nsMap[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {
+              nsuris[uri] = true;
+              out.push(' xmlns:' + nsMap[uri] + '="' + uri + '"');
+            }
+
+            $$9.each(this.attributes, function (i, attr) {
+              var uri = attr.namespaceURI;
+              if (uri && !nsuris[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {
+                nsuris[uri] = true;
+                out.push(' xmlns:' + nsMap[uri] + '="' + uri + '"');
+              }
+            });
+          });
+
+          i = attrs.length;
+          var attrNames = ['width', 'height', 'xmlns', 'x', 'y', 'viewBox', 'id', 'overflow'];
+          while (i--) {
+            var attr = attrs[i];
+            var attrVal = toXml(attr.value);
+
+            // Namespaces have already been dealt with, so skip
+            if (attr.nodeName.startsWith('xmlns:')) {
+              continue;
+            }
+
+            // only serialize attributes we don't use internally
+            if (attrVal !== '' && !attrNames.includes(attr.localName)) {
+              if (!attr.namespaceURI || nsMap[attr.namespaceURI]) {
+                out.push(' ');
+                out.push(attr.nodeName);out.push('="');
+                out.push(attrVal);out.push('"');
+              }
+            }
+          }
+        } else {
+          // Skip empty defs
+          if (elem.nodeName === 'defs' && !elem.firstChild) {
+            return;
+          }
+
+          var mozAttrs = ['-moz-math-font-style', '_moz-math-font-style'];
+          for (i = attrs.length - 1; i >= 0; i--) {
+            var _attr = attrs[i];
+            var _attrVal = toXml(_attr.value);
+            // remove bogus attributes added by Gecko
+            if (mozAttrs.includes(_attr.localName)) {
+              continue;
+            }
+            if (_attrVal !== '') {
+              if (_attrVal.startsWith('pointer-events')) {
+                continue;
+              }
+              if (_attr.localName === 'class' && _attrVal.startsWith('se_')) {
+                continue;
+              }
+              out.push(' ');
+              if (_attr.localName === 'd') {
+                _attrVal = pathActions$$1.convertPath(elem, true);
+              }
+              if (!isNaN(_attrVal)) {
+                _attrVal = shortFloat(_attrVal);
+              } else if (unitRe.test(_attrVal)) {
+                _attrVal = shortFloat(_attrVal) + unit;
+              }
+
+              // Embed images when saving
+              if (saveOptions.apply && elem.nodeName === 'image' && _attr.localName === 'href' && saveOptions.images && saveOptions.images === 'embed') {
+                var img = encodableImages[_attrVal];
+                if (img) {
+                  _attrVal = img;
+                }
+              }
+
+              // map various namespaces to our fixed namespace prefixes
+              // (the default xmlns attribute itself does not get a prefix)
+              if (!_attr.namespaceURI || _attr.namespaceURI === NS.SVG || nsMap[_attr.namespaceURI]) {
+                out.push(_attr.nodeName);out.push('="');
+                out.push(_attrVal);out.push('"');
+              }
+            }
+          }
+        }
+
+        if (elem.hasChildNodes()) {
+          out.push('>');
+          indent++;
+          var bOneLine = false;
+
+          for (i = 0; i < childs.length; i++) {
+            var child = childs.item(i);
+            switch (child.nodeType) {
+              case 1:
+                // element node
+                out.push('\n');
+                out.push(this.svgToString(childs.item(i), indent));
+                break;
+              case 3:
+                // text node
+                var str = child.nodeValue.replace(/^\s+|\s+$/g, '');
+                if (str !== '') {
+                  bOneLine = true;
+                  out.push(String(toXml(str)));
+                }
+                break;
+              case 4:
+                // cdata node
+                out.push('\n');
+                out.push(new Array(indent + 1).join(' '));
+                out.push('<![CDATA[');
+                out.push(child.nodeValue);
+                out.push(']]>');
+                break;
+              case 8:
+                // comment
+                out.push('\n');
+                out.push(new Array(indent + 1).join(' '));
+                out.push('<!--');
+                out.push(child.data);
+                out.push('-->');
+                break;
+            } // switch on node type
+          }
+          indent--;
+          if (!bOneLine) {
+            out.push('\n');
+            for (i = 0; i < indent; i++) {
+              out.push(' ');
+            }
+          }
+          out.push('</');out.push(elem.nodeName);out.push('>');
+        } else {
+          out.push('/>');
+        }
+      }
+      return out.join('');
+    }; // end svgToString()
+
+    /**
+     * Function to run when image data is found
+     * @callback module:svgcanvas.ImageEmbeddedCallback
+     * @param {string|false} result Data URL
+     * @returns {undefined}
+     */
+    /**
+    * Converts a given image file to a data URL when possible, then runs a given callback
+    * @function module:svgcanvas.SvgCanvas#embedImage
+    * @param {string} src - The path/URL of the image
+    * @param {module:svgcanvas.ImageEmbeddedCallback} [callback] - Function to run when image data is found
+    * @returns {Promise} Resolves to Data URL (string|false)
+    */
+    this.embedImage = function (src, callback) {
+      return new Promise(function (resolve, reject) {
+        // load in the image and once it's loaded, get the dimensions
+        $$9(new Image()).load(function (response, status, xhr) {
+          if (status === 'error') {
+            reject(new Error('Error loading image: ' + xhr.status + ' ' + xhr.statusText));
+            return;
+          }
+          // create a canvas the same size as the raster image
+          var cvs = document.createElement('canvas');
+          cvs.width = this.width;
+          cvs.height = this.height;
+          // load the raster image into the canvas
+          cvs.getContext('2d').drawImage(this, 0, 0);
+          // retrieve the data: URL
+          try {
+            var urldata = ';svgedit_url=' + encodeURIComponent(src);
+            urldata = cvs.toDataURL().replace(';base64', urldata + ';base64');
+            encodableImages[src] = urldata;
+          } catch (e) {
+            encodableImages[src] = false;
+          }
+          lastGoodImgUrl = src;
+          if (callback) {
+            callback(encodableImages[src]);
+          }
+          resolve(encodableImages[src]);
+        }).attr('src', src);
+      });
+    };
+
+    /**
+    * Sets a given URL to be a "last good image" URL
+    * @function module:svgcanvas.SvgCanvas#setGoodImage
+    * @param {string} val
+    * @returns {undefined}
+    */
+    this.setGoodImage = function (val) {
+      lastGoodImgUrl = val;
+    };
+
+    /**
+    * Does nothing by default, handled by optional widget/extension
+    * @function module:svgcanvas.SvgCanvas#open
+    * @returns {undefined}
+    */
+    this.open = function () {};
+
+    /**
+    * Serializes the current drawing into SVG XML text and passes it to the 'saved' handler.
+    * This function also includes the XML prolog. Clients of the `SvgCanvas` bind their save
+    * function to the 'saved' event.
+    * @function module:svgcanvas.SvgCanvas#save
+    * @param {module:svgcanvas.SaveOptions} opts
+    * @fires module:svgcanvas.SvgCanvas#event:saved
+    * @returns {undefined}
+    */
+    this.save = function (opts) {
+      // remove the selected outline before serializing
+      clearSelection();
+      // Update save options if provided
+      if (opts) {
+        $$9.extend(saveOptions, opts);
+      }
+      saveOptions.apply = true;
+
+      // no need for doctype, see https://jwatt.org/svg/authoring/#doctype-declaration
+      var str = this.svgCanvasToString();
+      call('saved', str);
+    };
+
+    /**
+    * Codes only is useful for locale-independent detection
+    */
+    function getIssues() {
+      // remove the selected outline before serializing
+      clearSelection();
+
+      // Check for known CanVG issues
+      var issues = [];
+      var issueCodes = [];
+
+      // Selector and notice
+      var issueList = {
+        feGaussianBlur: uiStrings.exportNoBlur,
+        foreignObject: uiStrings.exportNoforeignObject,
+        '[stroke-dasharray]': uiStrings.exportNoDashArray
+      };
+      var content = $$9(svgcontent);
+
+      // Add font/text check if Canvas Text API is not implemented
+      if (!('font' in $$9('<canvas>')[0].getContext('2d'))) {
+        issueList.text = uiStrings.exportNoText;
+      }
+
+      $$9.each(issueList, function (sel, descr) {
+        if (content.find(sel).length) {
+          issueCodes.push(sel);
+          issues.push(descr);
+        }
+      });
+      return { issues: issues, issueCodes: issueCodes };
+    }
+
+    var canvg = void 0;
+    /**
+    * @typedef {"feGaussianBlur"|"foreignObject"|"[stroke-dasharray]"|"text"} module:svgcanvas.IssueCode
+    */
+    /**
+    * @typedef {PlainObject} module:svgcanvas.ImageExportedResults
+    * @property {string} datauri Contents as a Data URL
+    * @property {string} bloburl May be the empty string
+    * @property {string} svg The SVG contents as a string
+    * @property {string[]} issues The localization messages of `issueCodes`
+    * @property {module:svgcanvas.IssueCode[]} issueCodes CanVG issues found with the SVG
+    * @property {"PNG"|"JPEG"|"BMP"|"WEBP"|"ICO"} type The chosen image type
+    * @property {"image/png"|"image/jpeg"|"image/bmp"|"image/webp"} mimeType The image MIME type
+    * @property {Float} quality A decimal between 0 and 1 (for use with JPEG or WEBP)
+    * @property {string} exportWindowName A convenience for passing along a `window.name` to target a window on which the export could be added
+    */
+
+    /**
+     * Function to run when image data is found
+     * @callback module:svgcanvas.ImageExportedCallback
+     * @param {module:svgcanvas.ImageExportedResults} obj
+     * @returns {undefined}
+     */
+    /**
+    * Generates a PNG (or JPG, BMP, WEBP) Data URL based on the current image,
+    * then calls "exported" with an object including the string, image
+    * information, and any issues found
+    * @function module:svgcanvas.SvgCanvas#rasterExport
+    * @param {"PNG"|"JPEG"|"BMP"|"WEBP"|"ICO"} [imgType="PNG"]
+    * @param {Float} [quality] Between 0 and 1
+    * @param {string} [exportWindowName]
+    * @param {module:svgcanvas.ImageExportedCallback} [cb]
+    * @fires module:svgcanvas.SvgCanvas#event:exported
+    * @todo Confirm/fix ICO type
+    * @returns {Promise} Resolves to {@link module:svgcanvas.ImageExportedResults}
+    */
+    this.rasterExport = function (imgType, quality, exportWindowName, cb) {
+      var _this = this;
+
+      var type = imgType === 'ICO' ? 'BMP' : imgType || 'PNG';
+      var mimeType = 'image/' + type.toLowerCase();
+
+      var _getIssues = getIssues(),
+          issues = _getIssues.issues,
+          issueCodes = _getIssues.issueCodes;
+
+      var svg = this.svgCanvasToString();
+
+      return new Promise(function () {
+        var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(resolve, reject) {
+          var _ref5, c, dataURLType, datauri, bloburl, done;
+
+          return regeneratorRuntime.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  done = function done() {
+                    var obj = {
+                      datauri: datauri, bloburl: bloburl, svg: svg, issues: issues, issueCodes: issueCodes, type: imgType,
+                      mimeType: mimeType, quality: quality, exportWindowName: exportWindowName
+                    };
+                    call('exported', obj);
+                    if (cb) {
+                      cb(obj);
+                    }
+                    resolve(obj);
+                  };
+
+                  if (canvg) {
+                    _context2.next = 6;
+                    break;
+                  }
+
+                  _context2.next = 4;
+                  return importSetGlobal(curConfig.canvgPath + 'canvg.js', {
+                    global: 'canvg'
+                  });
+
+                case 4:
+                  _ref5 = _context2.sent;
+                  canvg = _ref5.canvg;
+
+                case 6:
+                  if (!$$9('#export_canvas').length) {
+                    $$9('<canvas>', { id: 'export_canvas' }).hide().appendTo('body');
+                  }
+                  c = $$9('#export_canvas')[0];
+
+                  c.width = canvas.contentW;
+                  c.height = canvas.contentH;
+
+                  _context2.next = 12;
+                  return canvg(c, svg);
+
+                case 12:
+                  dataURLType = type.toLowerCase();
+                  datauri = quality ? c.toDataURL('image/' + dataURLType, quality) : c.toDataURL('image/' + dataURLType);
+                  bloburl = void 0;
+
+                  if (!c.toBlob) {
+                    _context2.next = 18;
+                    break;
+                  }
+
+                  c.toBlob(function (blob) {
+                    bloburl = createObjectURL(blob);
+                    done();
+                  }, mimeType, quality);
+                  return _context2.abrupt('return');
+
+                case 18:
+                  bloburl = dataURLToObjectURL(datauri);
+                  done();
+
+                case 20:
+                case 'end':
+                  return _context2.stop();
+              }
+            }
+          }, _callee2, _this);
+        }));
+
+        return function (_x4, _x5) {
+          return _ref4.apply(this, arguments);
+        };
+      }());
+    };
+    /**
+     * @external jsPDF
+     */
+    /**
+     * @typedef {undefined|"save"|"arraybuffer"|"blob"|"datauristring"|"dataurlstring"|"dataurlnewwindow"|"datauri"|"dataurl"} external:jsPDF.OutputType
+     * @todo Newer version to add also allows these `outputType` values "bloburi"|"bloburl" which return strings, so document here and for `outputType` of `module:svgcanvas.PDFExportedResults` below if added
+    */
+    /**
+    * @typedef {PlainObject} module:svgcanvas.PDFExportedResults
+    * @property {string} svg The SVG PDF output
+    * @property {string|ArrayBuffer|Blob|window} output The output based on the `outputType`;
+    * if `undefined`, "datauristring", "dataurlstring", "datauri",
+    * or "dataurl", will be a string (`undefined` gives a document, while the others
+    * build as Data URLs; "datauri" and "dataurl" change the location of the current page); if
+    * "arraybuffer", will return `ArrayBuffer`; if "blob", returns a `Blob`;
+    * if "dataurlnewwindow", will change the current page's location and return a string
+    * if in Safari and no window object is found; otherwise opens in, and returns, a new `window`
+    * object; if "save", will have the same return as "dataurlnewwindow" if
+    * `navigator.getUserMedia` support is found without `URL.createObjectURL` support; otherwise
+    * returns `undefined` but attempts to save
+    * @property {external:jsPDF.OutputType} outputType
+    * @property {string[]} issues The human-readable localization messages of corresponding `issueCodes`
+    * @property {module:svgcanvas.IssueCode[]} issueCodes
+    * @property {string} exportWindowName
+    */
+
+    /**
+     * Function to run when PDF data is found
+     * @callback module:svgcanvas.PDFExportedCallback
+     * @param {module:svgcanvas.PDFExportedResults} obj
+     * @returns {undefined}
+     */
+    /**
+    * Generates a PDF based on the current image, then calls "exportedPDF" with
+    * an object including the string, the data URL, and any issues found
+    * @function module:svgcanvas.SvgCanvas#exportPDF
+    * @param {string} exportWindowName
+    * @param {external:jsPDF.OutputType} [outputType="dataurlstring"]
+    * @param {module:svgcanvas.PDFExportedCallback} cb
+    * @fires module:svgcanvas.SvgCanvas#event:exportedPDF
+    * @returns {Promise} Resolves to {@link module:svgcanvas.PDFExportedResults}
+    */
+    this.exportPDF = function (exportWindowName, outputType, cb) {
+      var _this2 = this;
+
+      var that = this;
+      return new Promise(function () {
+        var _ref6 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(resolve, reject) {
+          var modularVersion, res, orientation, unit, doc, docTitle, _getIssues2, issues, issueCodes, svg, obj;
+
+          return regeneratorRuntime.wrap(function _callee3$(_context3) {
+            while (1) {
+              switch (_context3.prev = _context3.next) {
+                case 0:
+                  if (window.jsPDF) {
+                    _context3.next = 6;
+                    break;
+                  }
+
+                  _context3.next = 3;
+                  return importScript([
+                  // We do not currently have these paths configurable as they are
+                  //   currently global-only, so not Rolled-up
+                  'jspdf/underscore-min.js', 'jspdf/jspdf.min.js']);
+
+                case 3:
+                  modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+                  // Todo: Switch to `import()` when widely supported and available (also allow customization of path)
+
+                  _context3.next = 6;
+                  return importScript(curConfig.jspdfPath + 'jspdf.plugin.svgToPdf.js', {
+                    type: modularVersion ? 'module' : 'text/javascript'
+                  });
+
+                case 6:
+                  res = getResolution();
+                  orientation = res.w > res.h ? 'landscape' : 'portrait';
+                  unit = 'pt'; // curConfig.baseUnit; // We could use baseUnit, but that is presumably not intended for export purposes
+
+                  // Todo: Give options to use predefined jsPDF formats like "a4", etc. from pull-down (with option to keep customizable)
+
+                  doc = jsPDF({
+                    orientation: orientation,
+                    unit: unit,
+                    format: [res.w, res.h]
+                    // , compressPdf: true
+                  });
+                  docTitle = getDocumentTitle();
+
+                  doc.setProperties({
+                    title: docTitle /* ,
+                                    subject: '',
+                                    author: '',
+                                    keywords: '',
+                                    creator: '' */
+                  });
+                  _getIssues2 = getIssues(), issues = _getIssues2.issues, issueCodes = _getIssues2.issueCodes;
+                  svg = that.svgCanvasToString();
+
+                  doc.addSVG(svg, 0, 0);
+
+                  // doc.output('save'); // Works to open in a new
+                  //  window; todo: configure this and other export
+                  //  options to optionally work in this manner as
+                  //  opposed to opening a new tab
+                  outputType = outputType || 'dataurlstring';
+                  obj = { svg: svg, issues: issues, issueCodes: issueCodes, exportWindowName: exportWindowName, outputType: outputType };
+
+                  obj.output = doc.output(outputType);
+                  if (cb) {
+                    cb(obj);
+                  }
+                  resolve(obj);
+                  call('exportedPDF', obj);
+
+                case 21:
+                case 'end':
+                  return _context3.stop();
+              }
+            }
+          }, _callee3, _this2);
+        }));
+
+        return function (_x6, _x7) {
+          return _ref6.apply(this, arguments);
+        };
+      }());
+    };
+
+    /**
+    * Returns the current drawing as raw SVG XML text.
+    * @function module:svgcanvas.SvgCanvas#getSvgString
+    * @returns {string} The current drawing as raw SVG XML text.
+    */
+    this.getSvgString = function () {
+      saveOptions.apply = false;
+      return this.svgCanvasToString();
+    };
+
+    /**
+    * This function determines whether to use a nonce in the prefix, when
+    * generating IDs for future documents in SVG-Edit.
+    * If you're controlling SVG-Edit externally, and want randomized IDs, call
+    * this BEFORE calling svgCanvas.setSvgString
+    * @function module:svgcanvas.SvgCanvas#randomizeIds
+    * @param {boolean} [enableRandomization] If true, adds a nonce to the prefix. Thus
+    * `svgCanvas.randomizeIds() <==> svgCanvas.randomizeIds(true)`
+    * @returns {undefined}
+    */
+    this.randomizeIds = function (enableRandomization) {
+      if (arguments.length > 0 && enableRandomization === false) {
+        randomizeIds(false, getCurrentDrawing());
+      } else {
+        randomizeIds(true, getCurrentDrawing());
+      }
+    };
+
+    /**
+    * Ensure each element has a unique ID
+    * @function module:svgcanvas.SvgCanvas#uniquifyElems
+    * @param {Element} g - The parent element of the tree to give unique IDs
+    * @returns {undefined}
+    */
+    var uniquifyElems = this.uniquifyElems = function (g) {
+      var ids = {};
+      // TODO: Handle markers and connectors. These are not yet re-identified properly
+      // as their referring elements do not get remapped.
+      //
+      // <marker id='se_marker_end_svg_7'/>
+      // <polyline id='svg_7' se:connector='svg_1 svg_6' marker-end='url(#se_marker_end_svg_7)'/>
+      //
+      // Problem #1: if svg_1 gets renamed, we do not update the polyline's se:connector attribute
+      // Problem #2: if the polyline svg_7 gets renamed, we do not update the marker id nor the polyline's marker-end attribute
+      var refElems = ['filter', 'linearGradient', 'pattern', 'radialGradient', 'symbol', 'textPath', 'use'];
+
+      walkTree(g, function (n) {
+        // if it's an element node
+        if (n.nodeType === 1) {
+          // and the element has an ID
+          if (n.id) {
+            // and we haven't tracked this ID yet
+            if (!(n.id in ids)) {
+              // add this id to our map
+              ids[n.id] = { elem: null, attrs: [], hrefs: [] };
+            }
+            ids[n.id].elem = n;
+          }
+
+          // now search for all attributes on this element that might refer
+          // to other elements
+          $$9.each(refAttrs, function (i, attr) {
+            var attrnode = n.getAttributeNode(attr);
+            if (attrnode) {
+              // the incoming file has been sanitized, so we should be able to safely just strip off the leading #
+              var url = getUrlFromAttr(attrnode.value),
+                  refid = url ? url.substr(1) : null;
+              if (refid) {
+                if (!(refid in ids)) {
+                  // add this id to our map
+                  ids[refid] = { elem: null, attrs: [], hrefs: [] };
+                }
+                ids[refid].attrs.push(attrnode);
+              }
+            }
+          });
+
+          // check xlink:href now
+          var href = getHref(n);
+          // TODO: what if an <image> or <a> element refers to an element internally?
+          if (href && refElems.includes(n.nodeName)) {
+            var refid = href.substr(1);
+            if (refid) {
+              if (!(refid in ids)) {
+                // add this id to our map
+                ids[refid] = { elem: null, attrs: [], hrefs: [] };
+              }
+              ids[refid].hrefs.push(n);
+            }
+          }
+        }
+      });
+
+      // in ids, we now have a map of ids, elements and attributes, let's re-identify
+      for (var oldid in ids) {
+        if (!oldid) {
+          continue;
+        }
+        var elem = ids[oldid].elem;
+
+        if (elem) {
+          var newid = getNextId();
+
+          // assign element its new id
+          elem.id = newid;
+
+          // remap all url() attributes
+          var attrs = ids[oldid].attrs;
+
+          var j = attrs.length;
+          while (j--) {
+            var attr = attrs[j];
+            attr.ownerElement.setAttribute(attr.name, 'url(#' + newid + ')');
+          }
+
+          // remap all href attributes
+          var hreffers = ids[oldid].hrefs;
+          var k = hreffers.length;
+          while (k--) {
+            var hreffer = hreffers[k];
+            setHref(hreffer, '#' + newid);
+          }
+        }
+      }
+    };
+
+    /**
+    * Assigns reference data for each use element
+    * @function module:svgcanvas.SvgCanvas#setUseData
+    * @param {Element} parent
+    * @returns {undefined}
+    */
+    var setUseData = this.setUseData = function (parent) {
+      var elems = $$9(parent);
+
+      if (parent.tagName !== 'use') {
+        elems = elems.find('use');
+      }
+
+      elems.each(function () {
+        var id = getHref(this).substr(1);
+        var refElem = getElem(id);
+        if (!refElem) {
+          return;
+        }
+        $$9(this).data('ref', refElem);
+        if (refElem.tagName === 'symbol' || refElem.tagName === 'svg') {
+          $$9(this).data('symbol', refElem).data('ref', refElem);
+        }
+      });
+    };
+
+    /**
+    * Converts gradients from userSpaceOnUse to objectBoundingBox
+    * @function module:svgcanvas.SvgCanvas#convertGradients
+    * @param {Element} elem
+    * @returns {undefined}
+    */
+    var convertGradients = this.convertGradients = function (elem) {
+      var elems = $$9(elem).find('linearGradient, radialGradient');
+      if (!elems.length && isWebkit()) {
+        // Bug in webkit prevents regular *Gradient selector search
+        elems = $$9(elem).find('*').filter(function () {
+          return this.tagName.includes('Gradient');
+        });
+      }
+
+      elems.each(function () {
+        var grad = this;
+        if ($$9(grad).attr('gradientUnits') === 'userSpaceOnUse') {
+          // TODO: Support more than one element with this ref by duplicating parent grad
+          var _elems = $$9(svgcontent).find('[fill="url(#' + grad.id + ')"],[stroke="url(#' + grad.id + ')"]');
+          if (!_elems.length) {
+            return;
+          }
+
+          // get object's bounding box
+          var bb = getBBox(_elems[0]);
+
+          // This will occur if the element is inside a <defs> or a <symbol>,
+          // in which we shouldn't need to convert anyway.
+          if (!bb) {
+            return;
+          }
+
+          if (grad.tagName === 'linearGradient') {
+            var gCoords = $$9(grad).attr(['x1', 'y1', 'x2', 'y2']);
+
+            // If has transform, convert
+            var tlist = grad.gradientTransform.baseVal;
+            if (tlist && tlist.numberOfItems > 0) {
+              var m = transformListToTransform(tlist).matrix;
+              var pt1 = transformPoint(gCoords.x1, gCoords.y1, m);
+              var pt2 = transformPoint(gCoords.x2, gCoords.y2, m);
+
+              gCoords.x1 = pt1.x;
+              gCoords.y1 = pt1.y;
+              gCoords.x2 = pt2.x;
+              gCoords.y2 = pt2.y;
+              grad.removeAttribute('gradientTransform');
+            }
+
+            $$9(grad).attr({
+              x1: (gCoords.x1 - bb.x) / bb.width,
+              y1: (gCoords.y1 - bb.y) / bb.height,
+              x2: (gCoords.x2 - bb.x) / bb.width,
+              y2: (gCoords.y2 - bb.y) / bb.height
+            });
+            grad.removeAttribute('gradientUnits');
+          }
+          // else {
+          //   Note: radialGradient elements cannot be easily converted
+          //   because userSpaceOnUse will keep circular gradients, while
+          //   objectBoundingBox will x/y scale the gradient according to
+          //   its bbox.
+          //
+          //   For now we'll do nothing, though we should probably have
+          //   the gradient be updated as the element is moved, as
+          //   inkscape/illustrator do.
+          //
+          //   const gCoords = $(grad).attr(['cx', 'cy', 'r']);
+          //
+          //   $(grad).attr({
+          //     cx: (gCoords.cx - bb.x) / bb.width,
+          //     cy: (gCoords.cy - bb.y) / bb.height,
+          //     r: gCoords.r
+          //   });
+          //
+          //   grad.removeAttribute('gradientUnits');
+          // }
+        }
+      });
+    };
+
+    /**
+    * Converts selected/given `<use>` or child SVG element to a group
+    * @function module:svgcanvas.SvgCanvas#convertToGroup
+    * @param {Element} elem
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    * @returns {undefined}
+    */
+    var convertToGroup = this.convertToGroup = function (elem) {
+      if (!elem) {
+        elem = selectedElements[0];
+      }
+      var $elem = $$9(elem);
+      var batchCmd = new BatchCommand$1();
+      var ts = void 0;
+
+      if ($elem.data('gsvg')) {
+        // Use the gsvg as the new group
+        var svg = elem.firstChild;
+        var pt = $$9(svg).attr(['x', 'y']);
+
+        $$9(elem.firstChild.firstChild).unwrap();
+        $$9(elem).removeData('gsvg');
+
+        var tlist = getTransformList(elem);
+        var xform = svgroot.createSVGTransform();
+        xform.setTranslate(pt.x, pt.y);
+        tlist.appendItem(xform);
+        recalculateDimensions(elem);
+        call('selected', [elem]);
+      } else if ($elem.data('symbol')) {
+        elem = $elem.data('symbol');
+
+        ts = $elem.attr('transform');
+        var pos = $elem.attr(['x', 'y']);
+
+        var vb = elem.getAttribute('viewBox');
+
+        if (vb) {
+          var nums = vb.split(' ');
+          pos.x -= +nums[0];
+          pos.y -= +nums[1];
+        }
+
+        // Not ideal, but works
+        ts += ' translate(' + (pos.x || 0) + ',' + (pos.y || 0) + ')';
+
+        var prev = $elem.prev();
+
+        // Remove <use> element
+        batchCmd.addSubCommand(new RemoveElementCommand$1($elem[0], $elem[0].nextSibling, $elem[0].parentNode));
+        $elem.remove();
+
+        // See if other elements reference this symbol
+        var hasMore = $$9(svgcontent).find('use:data(symbol)').length;
+
+        var g = svgdoc.createElementNS(NS.SVG, 'g');
+        var childs = elem.childNodes;
+
+        var i = void 0;
+        for (i = 0; i < childs.length; i++) {
+          g.append(childs[i].cloneNode(true));
+        }
+
+        // Duplicate the gradients for Gecko, since they weren't included in the <symbol>
+        if (isGecko()) {
+          var dupeGrads = $$9(findDefs()).children('linearGradient,radialGradient,pattern').clone();
+          $$9(g).append(dupeGrads);
+        }
+
+        if (ts) {
+          g.setAttribute('transform', ts);
+        }
+
+        var parent = elem.parentNode;
+
+        uniquifyElems(g);
+
+        // Put the dupe gradients back into <defs> (after uniquifying them)
+        if (isGecko()) {
+          $$9(findDefs()).append($$9(g).find('linearGradient,radialGradient,pattern'));
+        }
+
+        // now give the g itself a new id
+        g.id = getNextId();
+
+        prev.after(g);
+
+        if (parent) {
+          if (!hasMore) {
+            // remove symbol/svg element
+            var _elem = elem,
+                nextSibling = _elem.nextSibling;
+
+            elem.remove();
+            batchCmd.addSubCommand(new RemoveElementCommand$1(elem, nextSibling, parent));
+          }
+          batchCmd.addSubCommand(new InsertElementCommand$1(g));
+        }
+
+        setUseData(g);
+
+        if (isGecko()) {
+          convertGradients(findDefs());
+        } else {
+          convertGradients(g);
+        }
+
+        // recalculate dimensions on the top-level children so that unnecessary transforms
+        // are removed
+        walkTreePost(g, function (n) {
+          try {
+            recalculateDimensions(n);
+          } catch (e) {
+            console.log(e);
+          }
+        });
+
+        // Give ID for any visible element missing one
+        $$9(g).find(visElems).each(function () {
+          if (!this.id) {
+            this.id = getNextId();
+          }
+        });
+
+        selectOnly([g]);
+
+        var cm = pushGroupProperties(g, true);
+        if (cm) {
+          batchCmd.addSubCommand(cm);
+        }
+
+        addCommandToHistory(batchCmd);
+      } else {
+        console.log('Unexpected element to ungroup:', elem);
+      }
+    };
+
+    /**
+    * This function sets the current drawing as the input SVG XML.
+    * @function module:svgcanvas.SvgCanvas#setSvgString
+    * @param {string} xmlString - The SVG as XML text.
+    * @param {boolean} [preventUndo=false] - Indicates if we want to do the
+    * changes without adding them to the undo stack - e.g. for initializing a
+    * drawing on page load.
+    * @fires module:svgcanvas.SvgCanvas#event:setnonce
+    * @fires module:svgcanvas.SvgCanvas#event:unsetnonce
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {boolean} This function returns `false` if the set was
+    *     unsuccessful, `true` otherwise.
+    */
+    this.setSvgString = function (xmlString, preventUndo) {
+      try {
+        // convert string into XML document
+        var newDoc = text2xml(xmlString);
+        if (newDoc.firstElementChild && newDoc.firstElementChild.namespaceURI !== NS.SVG) {
+          return false;
+        }
+
+        this.prepareSvg(newDoc);
+
+        var batchCmd = new BatchCommand$1('Change Source');
+
+        // remove old svg document
+        var _svgcontent = svgcontent,
+            nextSibling = _svgcontent.nextSibling;
+
+        var oldzoom = svgroot.removeChild(svgcontent);
+        batchCmd.addSubCommand(new RemoveElementCommand$1(oldzoom, nextSibling, svgroot));
+
+        // set new svg document
+        // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()
+        if (svgdoc.adoptNode) {
+          svgcontent = svgdoc.adoptNode(newDoc.documentElement);
+        } else {
+          svgcontent = svgdoc.importNode(newDoc.documentElement, true);
+        }
+
+        svgroot.append(svgcontent);
+        var content = $$9(svgcontent);
+
+        canvas.current_drawing_ = new Drawing(svgcontent, idprefix);
+
+        // retrieve or set the nonce
+        var nonce = getCurrentDrawing().getNonce();
+        if (nonce) {
+          call('setnonce', nonce);
+        } else {
+          call('unsetnonce');
+        }
+
+        // change image href vals if possible
+        content.find('image').each(function () {
+          var image = this;
+          preventClickDefault(image);
+          var val = getHref(this);
+          if (val) {
+            if (val.startsWith('data:')) {
+              // Check if an SVG-edit data URI
+              var m = val.match(/svgedit_url=(.*?);/);
+              if (m) {
+                var url = decodeURIComponent(m[1]);
+                $$9(new Image()).load(function () {
+                  image.setAttributeNS(NS.XLINK, 'xlink:href', url);
+                }).attr('src', url);
+              }
+            }
+            // Add to encodableImages if it loads
+            canvas.embedImage(val);
+          }
+        });
+
+        // Wrap child SVGs in group elements
+        content.find('svg').each(function () {
+          // Skip if it's in a <defs>
+          if ($$9(this).closest('defs').length) {
+            return;
+          }
+
+          uniquifyElems(this);
+
+          // Check if it already has a gsvg group
+          var pa = this.parentNode;
+          if (pa.childNodes.length === 1 && pa.nodeName === 'g') {
+            $$9(pa).data('gsvg', this);
+            pa.id = pa.id || getNextId();
+          } else {
+            groupSvgElem(this);
+          }
+        });
+
+        // For Firefox: Put all paint elems in defs
+        if (isGecko()) {
+          content.find('linearGradient, radialGradient, pattern').appendTo(findDefs());
+        }
+
+        // Set ref element for <use> elements
+
+        // TODO: This should also be done if the object is re-added through "redo"
+        setUseData(content);
+
+        convertGradients(content[0]);
+
+        var attrs = {
+          id: 'svgcontent',
+          overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden'
+        };
+
+        var percs = false;
+
+        // determine proper size
+        if (content.attr('viewBox')) {
+          var vb = content.attr('viewBox').split(' ');
+          attrs.width = vb[2];
+          attrs.height = vb[3];
+          // handle content that doesn't have a viewBox
+        } else {
+          $$9.each(['width', 'height'], function (i, dim) {
+            // Set to 100 if not given
+            var val = content.attr(dim) || '100%';
+
+            if (String(val).substr(-1) === '%') {
+              // Use user units if percentage given
+              percs = true;
+            } else {
+              attrs[dim] = convertToNum(dim, val);
+            }
+          });
+        }
+
+        // identify layers
+        identifyLayers();
+
+        // Give ID for any visible layer children missing one
+        content.children().find(visElems).each(function () {
+          if (!this.id) {
+            this.id = getNextId();
+          }
+        });
+
+        // Percentage width/height, so let's base it on visible elements
+        if (percs) {
+          var bb = getStrokedBBoxDefaultVisible();
+          attrs.width = bb.width + bb.x;
+          attrs.height = bb.height + bb.y;
+        }
+
+        // Just in case negative numbers are given or
+        // result from the percs calculation
+        if (attrs.width <= 0) {
+          attrs.width = 100;
+        }
+        if (attrs.height <= 0) {
+          attrs.height = 100;
+        }
+
+        content.attr(attrs);
+        this.contentW = attrs.width;
+        this.contentH = attrs.height;
+
+        batchCmd.addSubCommand(new InsertElementCommand$1(svgcontent));
+        // update root to the correct size
+        var changes = content.attr(['width', 'height']);
+        batchCmd.addSubCommand(new ChangeElementCommand$1(svgroot, changes));
+
+        // reset zoom
+        currentZoom = 1;
+
+        // reset transform lists
+        resetListMap();
+        clearSelection();
+        clearData();
+        svgroot.append(selectorManager.selectorParentGroup);
+
+        if (!preventUndo) addCommandToHistory(batchCmd);
+        call('changed', [svgcontent]);
+      } catch (e) {
+        console.log(e);
+        return false;
+      }
+
+      return true;
+    };
+
+    /**
+    * This function imports the input SVG XML as a `<symbol>` in the `<defs>`, then adds a
+    * `<use>` to the current layer.
+    * @function module:svgcanvas.SvgCanvas#importSvgString
+    * @param {string} xmlString - The SVG as XML text.
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {null|Element} This function returns null if the import was unsuccessful, or the element otherwise.
+    * @todo
+    * - properly handle if namespace is introduced by imported content (must add to svgcontent
+    * and update all prefixes in the imported node)
+    * - properly handle recalculating dimensions, `recalculateDimensions()` doesn't handle
+    * arbitrary transform lists, but makes some assumptions about how the transform list
+    * was obtained
+    */
+    this.importSvgString = function (xmlString) {
+      var j = void 0,
+          ts = void 0,
+          useEl = void 0;
+      try {
+        // Get unique ID
+        var uid = encode64(xmlString.length + xmlString).substr(0, 32);
+
+        var useExisting = false;
+        // Look for symbol and make sure symbol exists in image
+        if (importIds[uid]) {
+          if ($$9(importIds[uid].symbol).parents('#svgroot').length) {
+            useExisting = true;
+          }
+        }
+
+        var batchCmd = new BatchCommand$1('Import Image');
+        var symbol = void 0;
+        if (useExisting) {
+          symbol = importIds[uid].symbol;
+
+          ts = importIds[uid].xform;
+        } else {
+          // convert string into XML document
+          var newDoc = text2xml(xmlString);
+
+          this.prepareSvg(newDoc);
+
+          // import new svg document into our document
+          var svg = void 0;
+          // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()
+          if (svgdoc.adoptNode) {
+            svg = svgdoc.adoptNode(newDoc.documentElement);
+          } else {
+            svg = svgdoc.importNode(newDoc.documentElement, true);
+          }
+
+          uniquifyElems(svg);
+
+          var innerw = convertToNum('width', svg.getAttribute('width')),
+              innerh = convertToNum('height', svg.getAttribute('height')),
+              innervb = svg.getAttribute('viewBox'),
+
+          // if no explicit viewbox, create one out of the width and height
+          vb = innervb ? innervb.split(' ') : [0, 0, innerw, innerh];
+          for (j = 0; j < 4; ++j) {
+            vb[j] = +vb[j];
+          }
+
+          // TODO: properly handle preserveAspectRatio
+          var // canvasw = +svgcontent.getAttribute('width'),
+          canvash = +svgcontent.getAttribute('height');
+          // imported content should be 1/3 of the canvas on its largest dimension
+
+          if (innerh > innerw) {
+            ts = 'scale(' + canvash / 3 / vb[3] + ')';
+          } else {
+            ts = 'scale(' + canvash / 3 / vb[2] + ')';
+          }
+
+          // Hack to make recalculateDimensions understand how to scale
+          ts = 'translate(0) ' + ts + ' translate(0)';
+
+          symbol = svgdoc.createElementNS(NS.SVG, 'symbol');
+          var defs = findDefs();
+
+          if (isGecko()) {
+            // Move all gradients into root for Firefox, workaround for this bug:
+            // https://bugzilla.mozilla.org/show_bug.cgi?id=353575
+            // TODO: Make this properly undo-able.
+            $$9(svg).find('linearGradient, radialGradient, pattern').appendTo(defs);
+          }
+
+          while (svg.firstChild) {
+            var first = svg.firstChild;
+            symbol.append(first);
+          }
+          var attrs = svg.attributes;
+          for (var i = 0; i < attrs.length; i++) {
+            var attr = attrs[i];
+            symbol.setAttribute(attr.nodeName, attr.value);
+          }
+          symbol.id = getNextId();
+
+          // Store data
+          importIds[uid] = {
+            symbol: symbol,
+            xform: ts
+          };
+
+          findDefs().append(symbol);
+          batchCmd.addSubCommand(new InsertElementCommand$1(symbol));
+        }
+
+        useEl = svgdoc.createElementNS(NS.SVG, 'use');
+        useEl.id = getNextId();
+        setHref(useEl, '#' + symbol.id);
+
+        (currentGroup || getCurrentDrawing().getCurrentLayer()).append(useEl);
+        batchCmd.addSubCommand(new InsertElementCommand$1(useEl));
+        clearSelection();
+
+        useEl.setAttribute('transform', ts);
+        recalculateDimensions(useEl);
+        $$9(useEl).data('symbol', symbol).data('ref', symbol);
+        addToSelection([useEl]);
+
+        // TODO: Find way to add this in a recalculateDimensions-parsable way
+        // if (vb[0] !== 0 || vb[1] !== 0) {
+        //   ts = 'translate(' + (-vb[0]) + ',' + (-vb[1]) + ') ' + ts;
+        // }
+        addCommandToHistory(batchCmd);
+        call('changed', [svgcontent]);
+      } catch (e) {
+        console.log(e);
+        return null;
+      }
+
+      // we want to return the element so we can automatically select it
+      return useEl;
+    };
+
+    // Could deprecate, but besides external uses, their usage makes clear that
+    //  canvas is a dependency for all of these
+    ['identifyLayers', 'createLayer', 'cloneLayer', 'deleteCurrentLayer', 'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition', 'setLayerVisibility', 'moveSelectedToLayer', 'mergeLayer', 'mergeAllLayers', 'leaveContext', 'setContext'].forEach(function (prop) {
+      canvas[prop] = draw[prop];
+    });
+    init$3(
+    /**
+    * @implements {module:draw.DrawCanvasInit}
+    */
+    {
+      pathActions: pathActions$$1,
+      getCurrentGroup: function getCurrentGroup() {
+        return currentGroup;
+      },
+      setCurrentGroup: function setCurrentGroup(cg) {
+        currentGroup = cg;
+      },
+
+      getSelectedElements: getSelectedElements,
+      getSVGContent: getSVGContent,
+      undoMgr: undoMgr,
+      elData: elData,
+      getCurrentDrawing: getCurrentDrawing,
+      clearSelection: clearSelection,
+      call: call,
+      addCommandToHistory: addCommandToHistory,
+      /**
+       * @fires module:svgcanvas.SvgCanvas#event:changed
+       * @returns {undefined}
+       */
+      changeSVGContent: function changeSVGContent() {
+        call('changed', [svgcontent]);
+      }
+    });
+
+    /**
+    * Group: Document functions
+    */
+
+    /**
+    * Clears the current document. This is not an undoable action.
+    * @function module:svgcanvas.SvgCanvas#clear
+    * @fires module:svgcanvas.SvgCanvas#event:cleared
+    * @returns {undefined}
+    */
+    this.clear = function () {
+      pathActions$$1.clear();
+
+      clearSelection();
+
+      // clear the svgcontent node
+      canvas.clearSvgContentElement();
+
+      // create new document
+      canvas.current_drawing_ = new Drawing(svgcontent);
+
+      // create empty first layer
+      canvas.createLayer('Layer 1');
+
+      // clear the undo stack
+      canvas.undoMgr.resetUndoStack();
+
+      // reset the selector manager
+      selectorManager.initGroup();
+
+      // reset the rubber band box
+      rubberBox = selectorManager.getRubberBandBox();
+
+      call('cleared');
+    };
+
+    // Alias function
+    this.linkControlPoints = pathActions$$1.linkControlPoints;
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getContentElem
+    * @returns {Element} The content DOM element
+    */
+    this.getContentElem = function () {
+      return svgcontent;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getRootElem
+    * @returns {SVGSVGElement} The root DOM element
+    */
+    this.getRootElem = function () {
+      return svgroot;
+    };
+
+    /**
+    * @typedef {PlainObject} DimensionsAndZoom
+    * @property {Float} w Width
+    * @property {Float} h Height
+    * @property {Float} zoom Zoom
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getResolution
+    * @returns {DimensionsAndZoom} The current dimensions and zoom level in an object
+    */
+    var getResolution = this.getResolution = function () {
+      //    const vb = svgcontent.getAttribute('viewBox').split(' ');
+      //    return {w:vb[2], h:vb[3], zoom: currentZoom};
+
+      var w = svgcontent.getAttribute('width') / currentZoom;
+      var h = svgcontent.getAttribute('height') / currentZoom;
+
+      return {
+        w: w,
+        h: h,
+        zoom: currentZoom
+      };
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getSnapToGrid
+    * @returns {boolean} The current snap to grid setting
+    */
+    this.getSnapToGrid = function () {
+      return curConfig.gridSnapping;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getVersion
+    * @returns {string} A string which describes the revision number of SvgCanvas.
+    */
+    this.getVersion = function () {
+      return 'svgcanvas.js ($Rev$)';
+    };
+
+    /**
+    * Update interface strings with given values
+    * @function module:svgcanvas.SvgCanvas#setUiStrings
+    * @param {module:path.uiStrings} strs - Object with strings (see the [locales API]{@link module:locale.LocaleStrings} and the [tutorial]{@tutorial LocaleDocs})
+    * @returns {undefined}
+    */
+    this.setUiStrings = function (strs) {
+      Object.assign(uiStrings, strs.notification);
+      setUiStrings(strs);
+    };
+
+    /**
+    * Update configuration options with given values
+    * @function module:svgcanvas.SvgCanvas#setConfig
+    * @param {module:SVGEditor.Config} opts - Object with options
+    * @returns {undefined}
+    */
+    this.setConfig = function (opts) {
+      Object.assign(curConfig, opts);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getTitle
+    * @param {Element} elem
+    * @returns {string|undefined} the current group/SVG's title contents
+    */
+    this.getTitle = function (elem) {
+      elem = elem || selectedElements[0];
+      if (!elem) {
+        return;
+      }
+      elem = $$9(elem).data('gsvg') || $$9(elem).data('symbol') || elem;
+      var childs = elem.childNodes;
+      for (var i = 0; i < childs.length; i++) {
+        if (childs[i].nodeName === 'title') {
+          return childs[i].textContent;
+        }
+      }
+      return '';
+    };
+
+    /**
+    * Sets the group/SVG's title content
+    * @function module:svgcanvas.SvgCanvas#setGroupTitle
+    * @param {string} val
+    * @todo Combine this with `setDocumentTitle`
+    * @returns {undefined}
+    */
+    this.setGroupTitle = function (val) {
+      var elem = selectedElements[0];
+      elem = $$9(elem).data('gsvg') || elem;
+
+      var ts = $$9(elem).children('title');
+
+      var batchCmd = new BatchCommand$1('Set Label');
+
+      var title = void 0;
+      if (!val.length) {
+        // Remove title element
+        var tsNextSibling = ts.nextSibling;
+        batchCmd.addSubCommand(new RemoveElementCommand$1(ts[0], tsNextSibling, elem));
+        ts.remove();
+      } else if (ts.length) {
+        // Change title contents
+        title = ts[0];
+        batchCmd.addSubCommand(new ChangeElementCommand$1(title, { '#text': title.textContent }));
+        title.textContent = val;
+      } else {
+        // Add title element
+        title = svgdoc.createElementNS(NS.SVG, 'title');
+        title.textContent = val;
+        $$9(elem).prepend(title);
+        batchCmd.addSubCommand(new InsertElementCommand$1(title));
+      }
+
+      addCommandToHistory(batchCmd);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getDocumentTitle
+    * @returns {string|undefined} The current document title or an empty string if not found
+    */
+    var getDocumentTitle = this.getDocumentTitle = function () {
+      return canvas.getTitle(svgcontent);
+    };
+
+    /**
+    * Adds/updates a title element for the document with the given name.
+    * This is an undoable action
+    * @function module:svgcanvas.SvgCanvas#setDocumentTitle
+    * @param {string} newTitle - String with the new title
+    * @returns {undefined}
+    */
+    this.setDocumentTitle = function (newTitle) {
+      var childs = svgcontent.childNodes;
+      var docTitle = false,
+          oldTitle = '';
+
+      var batchCmd = new BatchCommand$1('Change Image Title');
+
+      for (var i = 0; i < childs.length; i++) {
+        if (childs[i].nodeName === 'title') {
+          docTitle = childs[i];
+          oldTitle = docTitle.textContent;
+          break;
+        }
+      }
+      if (!docTitle) {
+        docTitle = svgdoc.createElementNS(NS.SVG, 'title');
+        svgcontent.insertBefore(docTitle, svgcontent.firstChild);
+        // svgcontent.firstChild.before(docTitle); // Ok to replace above with this?
+      }
+
+      if (newTitle.length) {
+        docTitle.textContent = newTitle;
+      } else {
+        // No title given, so element is not necessary
+        docTitle.remove();
+      }
+      batchCmd.addSubCommand(new ChangeElementCommand$1(docTitle, { '#text': oldTitle }));
+      addCommandToHistory(batchCmd);
+    };
+
+    /**
+    * Returns the editor's namespace URL, optionally adding it to the root element
+    * @function module:svgcanvas.SvgCanvas#getEditorNS
+    * @param {boolean} [add] - Indicates whether or not to add the namespace value
+    * @returns {string} The editor's namespace URL
+    */
+    this.getEditorNS = function (add) {
+      if (add) {
+        svgcontent.setAttribute('xmlns:se', NS.SE);
+      }
+      return NS.SE;
+    };
+
+    /**
+    * Changes the document's dimensions to the given size
+    * @function module:svgcanvas.SvgCanvas#setResolution
+    * @param {Float|"fit"} x - Number with the width of the new dimensions in user units.
+    * Can also be the string "fit" to indicate "fit to content"
+    * @param {Float} y - Number with the height of the new dimensions in user units.
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {boolean} Indicates if resolution change was successful.
+    * It will fail on "fit to content" option with no content to fit to.
+    */
+    this.setResolution = function (x, y) {
+      var res = getResolution();
+      var w = res.w,
+          h = res.h;
+
+      var batchCmd = void 0;
+
+      if (x === 'fit') {
+        // Get bounding box
+        var bbox = getStrokedBBoxDefaultVisible();
+
+        if (bbox) {
+          batchCmd = new BatchCommand$1('Fit Canvas to Content');
+          var visEls = getVisibleElements();
+          addToSelection(visEls);
+          var dx = [],
+              dy = [];
+          $$9.each(visEls, function (i, item) {
+            dx.push(bbox.x * -1);
+            dy.push(bbox.y * -1);
+          });
+
+          var cmd = canvas.moveSelectedElements(dx, dy, true);
+          batchCmd.addSubCommand(cmd);
+          clearSelection();
+
+          x = Math.round(bbox.width);
+          y = Math.round(bbox.height);
+        } else {
+          return false;
+        }
+      }
+      if (x !== w || y !== h) {
+        if (!batchCmd) {
+          batchCmd = new BatchCommand$1('Change Image Dimensions');
+        }
+
+        x = convertToNum('width', x);
+        y = convertToNum('height', y);
+
+        svgcontent.setAttribute('width', x);
+        svgcontent.setAttribute('height', y);
+
+        this.contentW = x;
+        this.contentH = y;
+        batchCmd.addSubCommand(new ChangeElementCommand$1(svgcontent, { width: w, height: h }));
+
+        svgcontent.setAttribute('viewBox', [0, 0, x / currentZoom, y / currentZoom].join(' '));
+        batchCmd.addSubCommand(new ChangeElementCommand$1(svgcontent, { viewBox: ['0 0', w, h].join(' ') }));
+
+        addCommandToHistory(batchCmd);
+        call('changed', [svgcontent]);
+      }
+      return true;
+    };
+
+    /**
+    * @typedef {module:jQueryAttr.Attributes} module:svgcanvas.ElementPositionInCanvas
+    * @property {Float} x
+    * @property {Float} y
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getOffset
+    * @returns {module:svgcanvas.ElementPositionInCanvas} An object with `x`, `y` values indicating the svgcontent element's
+    * position in the editor's canvas.
+    */
+    this.getOffset = function () {
+      return $$9(svgcontent).attr(['x', 'y']);
+    };
+
+    /**
+     * @typedef {PlainObject} module:svgcanvas.ZoomAndBBox
+     * @property {Float} zoom
+     * @property {module:utilities.BBoxObject} bbox
+     */
+    /**
+    * Sets the zoom level on the canvas-side based on the given value
+    * @function module:svgcanvas.SvgCanvas#setBBoxZoom
+    * @param {"selection"|"canvas"|"content"|"layer"|module:SVGEditor.BBoxObjectWithFactor} val - Bounding box object to zoom to or string indicating zoom option. Note: the object value type is defined in `svg-editor.js`
+    * @param {Integer} editorW - The editor's workarea box's width
+    * @param {Integer} editorH - The editor's workarea box's height
+    * @returns {module:svgcanvas.ZoomAndBBox|undefined}
+    */
+    this.setBBoxZoom = function (val, editorW, editorH) {
+      var spacer = 0.85;
+      var bb = void 0;
+      var calcZoom = function calcZoom(bb) {
+        if (!bb) {
+          return false;
+        }
+        var wZoom = Math.round(editorW / bb.width * 100 * spacer) / 100;
+        var hZoom = Math.round(editorH / bb.height * 100 * spacer) / 100;
+        var zoom = Math.min(wZoom, hZoom);
+        canvas.setZoom(zoom);
+        return { zoom: zoom, bbox: bb };
+      };
+
+      if ((typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object') {
+        bb = val;
+        if (bb.width === 0 || bb.height === 0) {
+          var newzoom = bb.zoom ? bb.zoom : currentZoom * bb.factor;
+          canvas.setZoom(newzoom);
+          return { zoom: currentZoom, bbox: bb };
+        }
+        return calcZoom(bb);
+      }
+
+      switch (val) {
+        case 'selection':
+          if (!selectedElements[0]) {
+            return;
+          }
+          var selectedElems = $$9.map(selectedElements, function (n) {
+            if (n) {
+              return n;
+            }
+          });
+          bb = getStrokedBBoxDefaultVisible(selectedElems);
+          break;
+        case 'canvas':
+          var res = getResolution();
+          spacer = 0.95;
+          bb = { width: res.w, height: res.h, x: 0, y: 0 };
+          break;
+        case 'content':
+          bb = getStrokedBBoxDefaultVisible();
+          break;
+        case 'layer':
+          bb = getStrokedBBoxDefaultVisible(getVisibleElements(getCurrentDrawing().getCurrentLayer()));
+          break;
+        default:
+          return;
+      }
+      return calcZoom(bb);
+    };
+
+    /**
+    * The zoom level has changed. Supplies the new zoom level as a number (not percentage).
+    * @event module:svgcanvas.SvgCanvas#event:ext-zoomChanged
+    * @type {Float}
+    */
+    /**
+    * The bottom panel was updated
+    * @event module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate
+    * @type {PlainObject}
+    * @property {boolean} nofill Indicates fill is disabled
+    * @property {boolean} nostroke Indicates stroke is disabled
+    */
+    /**
+    * The element selection has changed (elements were added/removed from selection)
+    * @event module:svgcanvas.SvgCanvas#event:ext-selectedChanged
+    * @type {PlainObject}
+    * @property {Element[]} elems Array of the newly selected elements
+    * @property {Element|null} selectedElement The single selected element
+    * @property {boolean} multiselected Indicates whether one or more elements were selected
+    */
+    /**
+    * Called when part of element is in process of changing, generally on
+    * mousemove actions like rotate, move, etc.
+    * @event module:svgcanvas.SvgCanvas#event:ext-elementTransition
+    * @type {PlainObject}
+    * @property {Element[]} elems Array of transitioning elements
+    */
+    /**
+    * One or more elements were changed
+    * @event module:svgcanvas.SvgCanvas#event:ext-elementChanged
+    * @type {PlainObject}
+    * @property {Element[]} elems Array of the affected elements
+    */
+    /**
+    * Invoked as soon as the locale is ready
+    * @event module:svgcanvas.SvgCanvas#event:ext-langReady
+    * @type {PlainObject}
+    * @property {string} lang The two-letter language code
+    * @property {module:SVGEditor.uiStrings} uiStrings
+    * @property {module:SVGEditor~ImportLocale} importLocale
+    */
+    /**
+    * The language was changed. Two-letter code of the new language.
+    * @event module:svgcanvas.SvgCanvas#event:ext-langChanged
+    * @type {string}
+    */
+    /**
+    * Means for an extension to add locale data. The two-letter language code.
+    * @event module:svgcanvas.SvgCanvas#event:ext-addLangData
+    * @type {PlainObject}
+    * @property {string} lang
+    * @property {module:SVGEditor~ImportLocale} importLocale
+    */
+    /**
+     * Called when new image is created
+     * @event module:svgcanvas.SvgCanvas#event:ext-onNewDocument
+     * @type {undefined}
+     */
+    /**
+     * Called when sidepanel is resized or toggled
+     * @event module:svgcanvas.SvgCanvas#event:ext-workareaResized
+     * @type {undefined}
+    */
+    /**
+     * Called upon addition of the extension, or, if svgicons are set,
+     * after the icons are ready when extension SVG icons have loaded.
+     * @event module:svgcanvas.SvgCanvas#event:ext-callback
+     * @type {undefined}
+    */
+
+    /**
+    * Sets the zoom to the given level
+    * @function module:svgcanvas.SvgCanvas#setZoom
+    * @param {Float} zoomLevel - Float indicating the zoom level to change to
+    * @fires module:svgcanvas.SvgCanvas#event:ext-zoomChanged
+    * @returns {undefined}
+    */
+    this.setZoom = function (zoomLevel) {
+      var res = getResolution();
+      svgcontent.setAttribute('viewBox', '0 0 ' + res.w / zoomLevel + ' ' + res.h / zoomLevel);
+      currentZoom = zoomLevel;
+      $$9.each(selectedElements, function (i, elem) {
+        if (!elem) {
+          return;
+        }
+        selectorManager.requestSelector(elem).resize();
+      });
+      pathActions$$1.zoomChange();
+      runExtensions('zoomChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} */zoomLevel);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getMode
+    * @returns {string} The current editor mode string
+    */
+    this.getMode = function () {
+      return currentMode;
+    };
+
+    /**
+    * Sets the editor's mode to the given string
+    * @function module:svgcanvas.SvgCanvas#setMode
+    * @param {string} name - String with the new mode to change to
+    * @returns {undefined}
+    */
+    this.setMode = function (name) {
+      pathActions$$1.clear(true);
+      textActions.clear();
+      curProperties = selectedElements[0] && selectedElements[0].nodeName === 'text' ? curText : curShape;
+      currentMode = name;
+    };
+
+    /**
+    * Group: Element Styling
+    */
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.PaintOptions
+    * @property {"solidColor"} type
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getColor
+    * @param {string} type
+    * @returns {string|module:svgcanvas.PaintOptions|Float|module:jGraduate~Paint} The current fill/stroke option
+    */
+    this.getColor = function (type) {
+      return curProperties[type];
+    };
+
+    /**
+    * Change the current stroke/fill color/gradient value
+    * @function module:svgcanvas.SvgCanvas#setColor
+    * @param {string} type - String indicating fill or stroke
+    * @param {string} val - The value to set the stroke attribute to
+    * @param {boolean} preventUndo - Boolean indicating whether or not this should be an undoable option
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setColor = function (type, val, preventUndo) {
+      curShape[type] = val;
+      curProperties[type + '_paint'] = { type: 'solidColor' };
+      var elems = [];
+      function addNonG(e) {
+        if (e.nodeName !== 'g') {
+          elems.push(e);
+        }
+      }
+      var i = selectedElements.length;
+      while (i--) {
+        var elem = selectedElements[i];
+        if (elem) {
+          if (elem.tagName === 'g') {
+            walkTree(elem, addNonG);
+          } else {
+            if (type === 'fill') {
+              if (elem.tagName !== 'polyline' && elem.tagName !== 'line') {
+                elems.push(elem);
+              }
+            } else {
+              elems.push(elem);
+            }
+          }
+        }
+      }
+      if (elems.length > 0) {
+        if (!preventUndo) {
+          changeSelectedAttribute(type, val, elems);
+          call('changed', elems);
+        } else {
+          changeSelectedAttributeNoUndo(type, val, elems);
+        }
+      }
+    };
+
+    /**
+    * Apply the current gradient to selected element's fill or stroke
+    * @function module:svgcanvas.SvgCanvas#setGradient
+    * @param {"fill"|"stroke"} type - String indicating "fill" or "stroke" to apply to an element
+    * @returns {undefined}
+    */
+    var setGradient = this.setGradient = function (type) {
+      if (!curProperties[type + '_paint'] || curProperties[type + '_paint'].type === 'solidColor') {
+        return;
+      }
+      var grad = canvas[type + 'Grad'];
+      // find out if there is a duplicate gradient already in the defs
+      var duplicateGrad = findDuplicateGradient(grad);
+      var defs = findDefs();
+      // no duplicate found, so import gradient into defs
+      if (!duplicateGrad) {
+        // const origGrad = grad;
+        grad = defs.appendChild(svgdoc.importNode(grad, true));
+        // get next id and set it on the grad
+        grad.id = getNextId();
+      } else {
+        // use existing gradient
+        grad = duplicateGrad;
+      }
+      canvas.setColor(type, 'url(#' + grad.id + ')');
+    };
+
+    /**
+    * Check if exact gradient already exists
+    * @function module:svgcanvas~findDuplicateGradient
+    * @param {SVGGradientElement} grad - The gradient DOM element to compare to others
+    * @returns {SVGGradientElement} The existing gradient if found, `null` if not
+    */
+    var findDuplicateGradient = function findDuplicateGradient(grad) {
+      var defs = findDefs();
+      var existingGrads = $$9(defs).find('linearGradient, radialGradient');
+      var i = existingGrads.length;
+      var radAttrs = ['r', 'cx', 'cy', 'fx', 'fy'];
+      while (i--) {
+        var og = existingGrads[i];
+        if (grad.tagName === 'linearGradient') {
+          if (grad.getAttribute('x1') !== og.getAttribute('x1') || grad.getAttribute('y1') !== og.getAttribute('y1') || grad.getAttribute('x2') !== og.getAttribute('x2') || grad.getAttribute('y2') !== og.getAttribute('y2')) {
+            continue;
+          }
+        } else {
+          var _ret = function () {
+            var gradAttrs = $$9(grad).attr(radAttrs);
+            var ogAttrs = $$9(og).attr(radAttrs);
+
+            var diff = false;
+            $$9.each(radAttrs, function (i, attr) {
+              if (gradAttrs[attr] !== ogAttrs[attr]) {
+                diff = true;
+              }
+            });
+
+            if (diff) {
+              return 'continue';
+            }
+          }();
+
+          if (_ret === 'continue') continue;
+        }
+
+        // else could be a duplicate, iterate through stops
+        var stops = grad.getElementsByTagNameNS(NS.SVG, 'stop');
+        var ostops = og.getElementsByTagNameNS(NS.SVG, 'stop');
+
+        if (stops.length !== ostops.length) {
+          continue;
+        }
+
+        var j = stops.length;
+        while (j--) {
+          var stop = stops[j];
+          var ostop = ostops[j];
+
+          if (stop.getAttribute('offset') !== ostop.getAttribute('offset') || stop.getAttribute('stop-opacity') !== ostop.getAttribute('stop-opacity') || stop.getAttribute('stop-color') !== ostop.getAttribute('stop-color')) {
+            break;
+          }
+        }
+
+        if (j === -1) {
+          return og;
+        }
+      } // for each gradient in defs
+
+      return null;
+    };
+
+    /**
+    * Set a color/gradient to a fill/stroke
+    * @function module:svgcanvas.SvgCanvas#setPaint
+    * @param {"fill"|"stroke"} type - String with "fill" or "stroke"
+    * @param {module:jGraduate.jGraduatePaintOptions} paint - The jGraduate paint object to apply
+    * @returns {undefined}
+    */
+    this.setPaint = function (type, paint) {
+      // make a copy
+      var p = new $$9.jGraduate.Paint(paint);
+      this.setPaintOpacity(type, p.alpha / 100, true);
+
+      // now set the current paint object
+      curProperties[type + '_paint'] = p;
+      switch (p.type) {
+        case 'solidColor':
+          this.setColor(type, p.solidColor !== 'none' ? '#' + p.solidColor : 'none');
+          break;
+        case 'linearGradient':
+        case 'radialGradient':
+          canvas[type + 'Grad'] = p[p.type];
+          setGradient(type);
+          break;
+      }
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#setStrokePaint
+    * @param {module:jGraduate~Paint} paint
+    * @returns {undefined}
+    */
+    this.setStrokePaint = function (paint) {
+      this.setPaint('stroke', paint);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#setFillPaint
+    * @param {module:jGraduate~Paint} paint
+    * @returns {undefined}
+    */
+    this.setFillPaint = function (paint) {
+      this.setPaint('fill', paint);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getStrokeWidth
+    * @returns {Float|string} The current stroke-width value
+    */
+    this.getStrokeWidth = function () {
+      return curProperties.stroke_width;
+    };
+
+    /**
+    * Sets the stroke width for the current selected elements.
+    * When attempting to set a line's width to 0, this changes it to 1 instead
+    * @function module:svgcanvas.SvgCanvas#setStrokeWidth
+    * @param {Float} val - A Float indicating the new stroke width value
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setStrokeWidth = function (val) {
+      if (val === 0 && ['line', 'path'].includes(currentMode)) {
+        canvas.setStrokeWidth(1);
+        return;
+      }
+      curProperties.stroke_width = val;
+
+      var elems = [];
+      function addNonG(e) {
+        if (e.nodeName !== 'g') {
+          elems.push(e);
+        }
+      }
+      var i = selectedElements.length;
+      while (i--) {
+        var elem = selectedElements[i];
+        if (elem) {
+          if (elem.tagName === 'g') {
+            walkTree(elem, addNonG);
+          } else {
+            elems.push(elem);
+          }
+        }
+      }
+      if (elems.length > 0) {
+        changeSelectedAttribute('stroke-width', val, elems);
+        call('changed', selectedElements);
+      }
+    };
+
+    /**
+    * Set the given stroke-related attribute the given value for selected elements
+    * @function module:svgcanvas.SvgCanvas#setStrokeAttr
+    * @param {string} attr - String with the attribute name
+    * @param {string|Float} val - String or number with the attribute value
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setStrokeAttr = function (attr, val) {
+      curShape[attr.replace('-', '_')] = val;
+      var elems = [];
+
+      var i = selectedElements.length;
+      while (i--) {
+        var elem = selectedElements[i];
+        if (elem) {
+          if (elem.tagName === 'g') {
+            walkTree(elem, function (e) {
+              if (e.nodeName !== 'g') {
+                elems.push(e);
+              }
+            });
+          } else {
+            elems.push(elem);
+          }
+        }
+      }
+      if (elems.length > 0) {
+        changeSelectedAttribute(attr, val, elems);
+        call('changed', selectedElements);
+      }
+    };
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.StyleOptions
+    * @property {string} fill
+    * @property {Float} fill_opacity
+    * @property {string} stroke
+    * @property {Float} stroke_width
+    * @property {string} stroke_dasharray
+    * @property {string} stroke_linejoin
+    * @property {string} stroke_linecap
+    * @property {Float} stroke_opacity
+    * @property {Float} opacity
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getStyle
+    * @returns {module:svgcanvas.StyleOptions} current style options
+    */
+    this.getStyle = function () {
+      return curShape;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getOpacity
+    * @returns {Float} the current opacity
+    */
+    this.getOpacity = getOpacity;
+
+    /**
+    * Sets the given opacity to the current selected elements
+    * @function module:svgcanvas.SvgCanvas#setOpacity
+    * @param {string} val
+    * @returns {undefined}
+    */
+    this.setOpacity = function (val) {
+      curShape.opacity = val;
+      changeSelectedAttribute('opacity', val);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getFillOpacity
+    * @returns {Float} the current fill opacity
+    */
+    this.getFillOpacity = function () {
+      return curShape.fill_opacity;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getStrokeOpacity
+    * @returns {string} the current stroke opacity
+    */
+    this.getStrokeOpacity = function () {
+      return curShape.stroke_opacity;
+    };
+
+    /**
+    * Sets the current fill/stroke opacity
+    * @function module:svgcanvas.SvgCanvas#setPaintOpacity
+    * @param {string} type - String with "fill" or "stroke"
+    * @param {Float} val - Float with the new opacity value
+    * @param {boolean} preventUndo - Indicates whether or not this should be an undoable action
+    * @returns {undefined}
+    */
+    this.setPaintOpacity = function (type, val, preventUndo) {
+      curShape[type + '_opacity'] = val;
+      if (!preventUndo) {
+        changeSelectedAttribute(type + '-opacity', val);
+      } else {
+        changeSelectedAttributeNoUndo(type + '-opacity', val);
+      }
+    };
+
+    /**
+    * Gets the current fill/stroke opacity
+    * @function module:svgcanvas.SvgCanvas#getPaintOpacity
+    * @param {"fill"|"stroke"} type - String with "fill" or "stroke"
+    * @returns {Float} Fill/stroke opacity
+    */
+    this.getPaintOpacity = function (type) {
+      return type === 'fill' ? this.getFillOpacity() : this.getStrokeOpacity();
+    };
+
+    /**
+    * Gets the `stdDeviation` blur value of the given element
+    * @function module:svgcanvas.SvgCanvas#getBlur
+    * @param {Element} elem - The element to check the blur value for
+    * @returns {string} stdDeviation blur attribute value
+    */
+    this.getBlur = function (elem) {
+      var val = 0;
+      // const elem = selectedElements[0];
+
+      if (elem) {
+        var filterUrl = elem.getAttribute('filter');
+        if (filterUrl) {
+          var blur = getElem(elem.id + '_blur');
+          if (blur) {
+            val = blur.firstChild.getAttribute('stdDeviation');
+          }
+        }
+      }
+      return val;
+    };
+
+    (function () {
+      var curCommand = null;
+      var filter = null;
+      var filterHidden = false;
+
+      /**
+      * Sets the `stdDeviation` blur value on the selected element without being undoable
+      * @function module:svgcanvas.SvgCanvas#setBlurNoUndo
+      * @param {Float} val - The new `stdDeviation` value
+      * @returns {undefined}
+      */
+      canvas.setBlurNoUndo = function (val) {
+        if (!filter) {
+          canvas.setBlur(val);
+          return;
+        }
+        if (val === 0) {
+          // Don't change the StdDev, as that will hide the element.
+          // Instead, just remove the value for "filter"
+          changeSelectedAttributeNoUndo('filter', '');
+          filterHidden = true;
+        } else {
+          var elem = selectedElements[0];
+          if (filterHidden) {
+            changeSelectedAttributeNoUndo('filter', 'url(#' + elem.id + '_blur)');
+          }
+          if (isWebkit()) {
+            console.log('e', elem);
+            elem.removeAttribute('filter');
+            elem.setAttribute('filter', 'url(#' + elem.id + '_blur)');
+          }
+          changeSelectedAttributeNoUndo('stdDeviation', val, [filter.firstChild]);
+          canvas.setBlurOffsets(filter, val);
+        }
+      };
+
+      function finishChange() {
+        var bCmd = canvas.undoMgr.finishUndoableChange();
+        curCommand.addSubCommand(bCmd);
+        addCommandToHistory(curCommand);
+        curCommand = null;
+        filter = null;
+      }
+
+      /**
+      * Sets the `x`, `y`, `width`, `height` values of the filter element in order to
+      * make the blur not be clipped. Removes them if not neeeded
+      * @function module:svgcanvas.SvgCanvas#setBlurOffsets
+      * @param {Element} filter - The filter DOM element to update
+      * @param {Float} stdDev - The standard deviation value on which to base the offset size
+      * @returns {undefined}
+      */
+      canvas.setBlurOffsets = function (filter, stdDev) {
+        if (stdDev > 3) {
+          // TODO: Create algorithm here where size is based on expected blur
+          assignAttributes(filter, {
+            x: '-50%',
+            y: '-50%',
+            width: '200%',
+            height: '200%'
+          }, 100);
+        } else {
+          // Removing these attributes hides text in Chrome (see Issue 579)
+          if (!isWebkit()) {
+            filter.removeAttribute('x');
+            filter.removeAttribute('y');
+            filter.removeAttribute('width');
+            filter.removeAttribute('height');
+          }
+        }
+      };
+
+      /**
+      * Adds/updates the blur filter to the selected element
+      * @function module:svgcanvas.SvgCanvas#setBlur
+      * @param {Float} val - Float with the new `stdDeviation` blur value
+      * @param {boolean} complete - Whether or not the action should be completed (to add to the undo manager)
+      * @returns {undefined}
+      */
+      canvas.setBlur = function (val, complete) {
+        if (curCommand) {
+          finishChange();
+          return;
+        }
+
+        // Looks for associated blur, creates one if not found
+        var elem = selectedElements[0];
+        var elemId = elem.id;
+        filter = getElem(elemId + '_blur');
+
+        val -= 0;
+
+        var batchCmd = new BatchCommand$1();
+
+        // Blur found!
+        if (filter) {
+          if (val === 0) {
+            filter = null;
+          }
+        } else {
+          // Not found, so create
+          var newblur = addSVGElementFromJson({ element: 'feGaussianBlur',
+            attr: {
+              in: 'SourceGraphic',
+              stdDeviation: val
+            }
+          });
+
+          filter = addSVGElementFromJson({ element: 'filter',
+            attr: {
+              id: elemId + '_blur'
+            }
+          });
+
+          filter.append(newblur);
+          findDefs().append(filter);
+
+          batchCmd.addSubCommand(new InsertElementCommand$1(filter));
+        }
+
+        var changes = { filter: elem.getAttribute('filter') };
+
+        if (val === 0) {
+          elem.removeAttribute('filter');
+          batchCmd.addSubCommand(new ChangeElementCommand$1(elem, changes));
+          return;
+        }
+
+        changeSelectedAttribute('filter', 'url(#' + elemId + '_blur)');
+        batchCmd.addSubCommand(new ChangeElementCommand$1(elem, changes));
+        canvas.setBlurOffsets(filter, val);
+
+        curCommand = batchCmd;
+        canvas.undoMgr.beginUndoableChange('stdDeviation', [filter ? filter.firstChild : null]);
+        if (complete) {
+          canvas.setBlurNoUndo(val);
+          finishChange();
+        }
+      };
+    })();
+
+    /**
+    * Check whether selected element is bold or not
+    * @function module:svgcanvas.SvgCanvas#getBold
+    * @returns {boolean} Indicates whether or not element is bold
+    */
+    this.getBold = function () {
+      // should only have one element selected
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+        return selected.getAttribute('font-weight') === 'bold';
+      }
+      return false;
+    };
+
+    /**
+    * Make the selected element bold or normal
+    * @function module:svgcanvas.SvgCanvas#setBold
+    * @param {boolean} b - Indicates bold (`true`) or normal (`false`)
+    * @returns {undefined}
+    */
+    this.setBold = function (b) {
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+        changeSelectedAttribute('font-weight', b ? 'bold' : 'normal');
+      }
+      if (!selectedElements[0].textContent) {
+        textActions.setCursor();
+      }
+    };
+
+    /**
+    * Check whether selected element is italic or not
+    * @function module:svgcanvas.SvgCanvas#getItalic
+    * @returns {boolean} Indicates whether or not element is italic
+    */
+    this.getItalic = function () {
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+        return selected.getAttribute('font-style') === 'italic';
+      }
+      return false;
+    };
+
+    /**
+    * Make the selected element italic or normal
+    * @function module:svgcanvas.SvgCanvas#setItalic
+    * @param {boolean} b - Indicates italic (`true`) or normal (`false`)
+    * @returns {undefined}
+    */
+    this.setItalic = function (i) {
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+        changeSelectedAttribute('font-style', i ? 'italic' : 'normal');
+      }
+      if (!selectedElements[0].textContent) {
+        textActions.setCursor();
+      }
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getFontFamily
+    * @returns {string} The current font family
+    */
+    this.getFontFamily = function () {
+      return curText.font_family;
+    };
+
+    /**
+    * Set the new font family
+    * @function module:svgcanvas.SvgCanvas#setFontFamily
+    * @param {string} val - String with the new font family
+    * @returns {undefined}
+    */
+    this.setFontFamily = function (val) {
+      curText.font_family = val;
+      changeSelectedAttribute('font-family', val);
+      if (selectedElements[0] && !selectedElements[0].textContent) {
+        textActions.setCursor();
+      }
+    };
+
+    /**
+    * Set the new font color
+    * @function module:svgcanvas.SvgCanvas#setFontColor
+    * @param {string} val - String with the new font color
+    * @returns {undefined}
+    */
+    this.setFontColor = function (val) {
+      curText.fill = val;
+      changeSelectedAttribute('fill', val);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getFontColor
+    * @returns {string} The current font color
+    */
+    this.getFontColor = function () {
+      return curText.fill;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getFontSize
+    * @returns {Float} The current font size
+    */
+    this.getFontSize = function () {
+      return curText.font_size;
+    };
+
+    /**
+    * Applies the given font size to the selected element
+    * @function module:svgcanvas.SvgCanvas#setFontSize
+    * @param {Float} val - Float with the new font size
+    * @returns {undefined}
+    */
+    this.setFontSize = function (val) {
+      curText.font_size = val;
+      changeSelectedAttribute('font-size', val);
+      if (!selectedElements[0].textContent) {
+        textActions.setCursor();
+      }
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getText
+    * @returns {string} The current text (`textContent`) of the selected element
+    */
+    this.getText = function () {
+      var selected = selectedElements[0];
+      if (selected == null) {
+        return '';
+      }
+      return selected.textContent;
+    };
+
+    /**
+    * Updates the text element with the given string
+    * @function module:svgcanvas.SvgCanvas#setTextContent
+    * @param {string} val - String with the new text
+    * @returns {undefined}
+    */
+    this.setTextContent = function (val) {
+      changeSelectedAttribute('#text', val);
+      textActions.init(val);
+      textActions.setCursor();
+    };
+
+    /**
+    * Sets the new image URL for the selected image element. Updates its size if
+    * a new URL is given
+    * @function module:svgcanvas.SvgCanvas#setImageURL
+    * @param {string} val - String with the image URL/path
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setImageURL = function (val) {
+      var elem = selectedElements[0];
+      if (!elem) {
+        return;
+      }
+
+      var attrs = $$9(elem).attr(['width', 'height']);
+      var setsize = !attrs.width || !attrs.height;
+
+      var curHref = getHref(elem);
+
+      // Do nothing if no URL change or size change
+      if (curHref !== val) {
+        setsize = true;
+      } else if (!setsize) {
+        return;
+      }
+
+      var batchCmd = new BatchCommand$1('Change Image URL');
+
+      setHref(elem, val);
+      batchCmd.addSubCommand(new ChangeElementCommand$1(elem, {
+        '#href': curHref
+      }));
+
+      if (setsize) {
+        $$9(new Image()).load(function () {
+          var changes = $$9(elem).attr(['width', 'height']);
+
+          $$9(elem).attr({
+            width: this.width,
+            height: this.height
+          });
+
+          selectorManager.requestSelector(elem).resize();
+
+          batchCmd.addSubCommand(new ChangeElementCommand$1(elem, changes));
+          addCommandToHistory(batchCmd);
+          call('changed', [elem]);
+        }).attr('src', val);
+      } else {
+        addCommandToHistory(batchCmd);
+      }
+    };
+
+    /**
+    * Sets the new link URL for the selected anchor element.
+    * @function module:svgcanvas.SvgCanvas#setLinkURL
+    * @param {string} val - String with the link URL/path
+    * @returns {undefined}
+    */
+    this.setLinkURL = function (val) {
+      var elem = selectedElements[0];
+      if (!elem) {
+        return;
+      }
+      if (elem.tagName !== 'a') {
+        // See if parent is an anchor
+        var parentsA = $$9(elem).parents('a');
+        if (parentsA.length) {
+          elem = parentsA[0];
+        } else {
+          return;
+        }
+      }
+
+      var curHref = getHref(elem);
+
+      if (curHref === val) {
+        return;
+      }
+
+      var batchCmd = new BatchCommand$1('Change Link URL');
+
+      setHref(elem, val);
+      batchCmd.addSubCommand(new ChangeElementCommand$1(elem, {
+        '#href': curHref
+      }));
+
+      addCommandToHistory(batchCmd);
+    };
+
+    /**
+    * Sets the `rx` and `ry` values to the selected `rect` element to change its corner radius
+    * @function module:svgcanvas.SvgCanvas#setRectRadius
+    * @param {string|Float} val - The new radius
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setRectRadius = function (val) {
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'rect') {
+        var r = selected.getAttribute('rx');
+        if (r !== String(val)) {
+          selected.setAttribute('rx', val);
+          selected.setAttribute('ry', val);
+          addCommandToHistory(new ChangeElementCommand$1(selected, { rx: r, ry: r }, 'Radius'));
+          call('changed', [selected]);
+        }
+      }
+    };
+
+    /**
+    * Wraps the selected element(s) in an anchor element or converts group to one
+    * @function module:svgcanvas.SvgCanvas#makeHyperlink
+    * @param {string} url
+    * @returns {undefined}
+    */
+    this.makeHyperlink = function (url) {
+      canvas.groupSelectedElements('a', url);
+
+      // TODO: If element is a single "g", convert to "a"
+      //  if (selectedElements.length > 1 && selectedElements[1]) {
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#removeHyperlink
+    * @returns {undefined}
+    */
+    this.removeHyperlink = function () {
+      canvas.ungroupSelectedElement();
+    };
+
+    /**
+    * Group: Element manipulation
+    */
+
+    /**
+    * Sets the new segment type to the selected segment(s).
+    * @function module:svgcanvas.SvgCanvas#setSegType
+    * @param {Integer} newType - New segment type. See {@link https://www.w3.org/TR/SVG/paths.html#InterfaceSVGPathSeg} for list
+    * @returns {undefined}
+    */
+    this.setSegType = function (newType) {
+      pathActions$$1.setSegType(newType);
+    };
+
+    /**
+    * Convert selected element to a path, or get the BBox of an element-as-path
+    * @function module:svgcanvas.SvgCanvas#convertToPath
+    * @todo (codedread): Remove the getBBox argument and split this function into two.
+    * @param {Element} elem - The DOM element to be converted
+    * @param {boolean} getBBox - Boolean on whether or not to only return the path's BBox
+    * @returns {undefined|DOMRect|false|SVGPathElement|null} If the getBBox flag is true, the resulting path's bounding box object.
+    * Otherwise the resulting path element is returned.
+    */
+    this.convertToPath = function (elem, getBBox$$1) {
+      if (elem == null) {
+        var elems = selectedElements;
+        $$9.each(elems, function (i, elem) {
+          if (elem) {
+            canvas.convertToPath(elem);
+          }
+        });
+        return;
+      }
+      if (getBBox$$1) {
+        return getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1);
+      }
+      // TODO: Why is this applying attributes from curShape, then inside utilities.convertToPath it's pulling addition attributes from elem?
+      // TODO: If convertToPath is called with one elem, curShape and elem are probably the same; but calling with multiple is a bug or cool feature.
+      var attrs = {
+        fill: curShape.fill,
+        'fill-opacity': curShape.fill_opacity,
+        stroke: curShape.stroke,
+        'stroke-width': curShape.stroke_width,
+        'stroke-dasharray': curShape.stroke_dasharray,
+        'stroke-linejoin': curShape.stroke_linejoin,
+        'stroke-linecap': curShape.stroke_linecap,
+        'stroke-opacity': curShape.stroke_opacity,
+        opacity: curShape.opacity,
+        visibility: 'hidden'
+      };
+      return convertToPath(elem, attrs, addSVGElementFromJson, pathActions$$1, clearSelection, addToSelection, history, addCommandToHistory);
+    };
+
+    /**
+    * This function makes the changes to the elements. It does not add the change
+    * to the history stack.
+    * @param {string} attr - Attribute name
+    * @param {string|Float} newValue - String or number with the new attribute value
+    * @param {Element[]} elems - The DOM elements to apply the change to
+    * @returns {undefined}
+    */
+    var changeSelectedAttributeNoUndo = function changeSelectedAttributeNoUndo(attr, newValue, elems) {
+      if (currentMode === 'pathedit') {
+        // Editing node
+        pathActions$$1.moveNode(attr, newValue);
+      }
+      elems = elems || selectedElements;
+      var i = elems.length;
+      var noXYElems = ['g', 'polyline', 'path'];
+      var goodGAttrs = ['transform', 'opacity', 'filter'];
+
+      var _loop = function _loop() {
+        var elem = elems[i];
+        if (elem == null) {
+          return 'continue';
+        }
+
+        // Set x,y vals on elements that don't have them
+        if ((attr === 'x' || attr === 'y') && noXYElems.includes(elem.tagName)) {
+          var bbox = getStrokedBBoxDefaultVisible([elem]);
+          var diffX = attr === 'x' ? newValue - bbox.x : 0;
+          var diffY = attr === 'y' ? newValue - bbox.y : 0;
+          canvas.moveSelectedElements(diffX * currentZoom, diffY * currentZoom, true);
+          return 'continue';
+        }
+
+        // only allow the transform/opacity/filter attribute to change on <g> elements, slightly hacky
+        // TODO: FIXME: This doesn't seem right. Where's the body of this if statement?
+        if (elem.tagName === 'g' && goodGAttrs.includes(attr)) ;
+        var oldval = attr === '#text' ? elem.textContent : elem.getAttribute(attr);
+        if (oldval == null) {
+          oldval = '';
+        }
+        if (oldval !== String(newValue)) {
+          if (attr === '#text') {
+            // const oldW = utilsGetBBox(elem).width;
+            elem.textContent = newValue;
+
+            // FF bug occurs on on rotated elements
+            if (/rotate/.test(elem.getAttribute('transform'))) {
+              elem = ffClone(elem);
+            }
+            // Hoped to solve the issue of moving text with text-anchor="start",
+            // but this doesn't actually fix it. Hopefully on the right track, though. -Fyrd
+            // const box = getBBox(elem), left = box.x, top = box.y, {width, height} = box,
+            //   dx = width - oldW, dy = 0;
+            // const angle = getRotationAngle(elem, true);
+            // if (angle) {
+            //   const r = Math.sqrt(dx * dx + dy * dy);
+            //   const theta = Math.atan2(dy, dx) - angle;
+            //   dx = r * Math.cos(theta);
+            //   dy = r * Math.sin(theta);
+            //
+            //   elem.setAttribute('x', elem.getAttribute('x') - dx);
+            //   elem.setAttribute('y', elem.getAttribute('y') - dy);
+            // }
+          } else if (attr === '#href') {
+            setHref(elem, newValue);
+          } else {
+            elem.setAttribute(attr, newValue);
+          }
+
+          // Go into "select" mode for text changes
+          // NOTE: Important that this happens AFTER elem.setAttribute() or else attributes like
+          // font-size can get reset to their old value, ultimately by svgEditor.updateContextPanel(),
+          // after calling textActions.toSelectMode() below
+          if (currentMode === 'textedit' && attr !== '#text' && elem.textContent.length) {
+            textActions.toSelectMode(elem);
+          }
+
+          // if (i === 0) {
+          //   selectedBBoxes[0] = utilsGetBBox(elem);
+          // }
+
+          // Use the Firefox ffClone hack for text elements with gradients or
+          // where other text attributes are changed.
+          if (isGecko() && elem.nodeName === 'text' && /rotate/.test(elem.getAttribute('transform'))) {
+            if (String(newValue).startsWith('url') || ['font-size', 'font-family', 'x', 'y'].includes(attr) && elem.textContent) {
+              elem = ffClone(elem);
+            }
+          }
+          // Timeout needed for Opera & Firefox
+          // codedread: it is now possible for this function to be called with elements
+          // that are not in the selectedElements array, we need to only request a
+          // selector if the element is in that array
+          if (selectedElements.includes(elem)) {
+            setTimeout(function () {
+              // Due to element replacement, this element may no longer
+              // be part of the DOM
+              if (!elem.parentNode) {
+                return;
+              }
+              selectorManager.requestSelector(elem).resize();
+            }, 0);
+          }
+          // if this element was rotated, and we changed the position of this element
+          // we need to update the rotational transform attribute
+          var angle = getRotationAngle(elem);
+          if (angle !== 0 && attr !== 'transform') {
+            var tlist = getTransformList(elem);
+            var n = tlist.numberOfItems;
+            while (n--) {
+              var xform = tlist.getItem(n);
+              if (xform.type === 4) {
+                // remove old rotate
+                tlist.removeItem(n);
+
+                var box = getBBox(elem);
+                var center = transformPoint(box.x + box.width / 2, box.y + box.height / 2, transformListToTransform(tlist).matrix);
+                var cx = center.x,
+                    cy = center.y;
+                var newrot = svgroot.createSVGTransform();
+                newrot.setRotate(angle, cx, cy);
+                tlist.insertItemBefore(newrot, n);
+                break;
+              }
+            }
+          }
+        } // if oldValue != newValue
+      };
+
+      while (i--) {
+        var _ret2 = _loop();
+
+        if (_ret2 === 'continue') continue;
+      } // for each elem
+    };
+
+    /**
+    * Change the given/selected element and add the original value to the history stack.
+    * If you want to change all `selectedElements`, ignore the `elems` argument.
+    * If you want to change only a subset of `selectedElements`, then send the
+    * subset to this function in the `elems` argument.
+    * @function module:svgcanvas.SvgCanvas#changeSelectedAttribute
+    * @param {string} attr - String with the attribute name
+    * @param {string|Float} newValue - String or number with the new attribute value
+    * @param {Element[]} elems - The DOM elements to apply the change to
+    * @returns {undefined}
+    */
+    var changeSelectedAttribute = this.changeSelectedAttribute = function (attr, val, elems) {
+      elems = elems || selectedElements;
+      canvas.undoMgr.beginUndoableChange(attr, elems);
+      // const i = elems.length;
+
+      changeSelectedAttributeNoUndo(attr, val, elems);
+
+      var batchCmd = canvas.undoMgr.finishUndoableChange();
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+      }
+    };
+
+    /**
+    * Removes all selected elements from the DOM and adds the change to the
+    * history stack
+    * @function module:svgcanvas.SvgCanvas#deleteSelectedElements
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.deleteSelectedElements = function () {
+      var batchCmd = new BatchCommand$1('Delete Elements');
+      var len = selectedElements.length;
+      var selectedCopy = []; // selectedElements is being deleted
+
+      for (var i = 0; i < len; ++i) {
+        var selected = selectedElements[i];
+        if (selected == null) {
+          break;
+        }
+
+        var parent = selected.parentNode;
+        var t = selected;
+
+        // this will unselect the element and remove the selectedOutline
+        selectorManager.releaseSelector(t);
+
+        // Remove the path if present.
+        removePath_(t.id);
+
+        // Get the parent if it's a single-child anchor
+        if (parent.tagName === 'a' && parent.childNodes.length === 1) {
+          t = parent;
+          parent = parent.parentNode;
+        }
+
+        var _t = t,
+            nextSibling = _t.nextSibling;
+
+        var _elem2 = parent.removeChild(t);
+        selectedCopy.push(selected); // for the copy
+        batchCmd.addSubCommand(new RemoveElementCommand$1(_elem2, nextSibling, parent));
+      }
+      selectedElements = [];
+
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+      }
+      call('changed', selectedCopy);
+      clearSelection();
+    };
+
+    /**
+    * Removes all selected elements from the DOM and adds the change to the
+    * history stack. Remembers removed elements on the clipboard
+    * @function module:svgcanvas.SvgCanvas#cutSelectedElements
+    * @returns {undefined}
+    */
+    this.cutSelectedElements = function () {
+      canvas.copySelectedElements();
+      canvas.deleteSelectedElements();
+    };
+
+    /**
+    * Remembers the current selected elements on the clipboard
+    * @function module:svgcanvas.SvgCanvas#copySelectedElements
+    * @returns {undefined}
+    */
+    this.copySelectedElements = function () {
+      localStorage.setItem('svgedit_clipboard', JSON.stringify(selectedElements.map(function (x) {
+        return getJsonFromSvgElement(x);
+      })));
+
+      $$9('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#pasteElements
+    * @param {"in_place"|"point"|undefined} type
+    * @param {Integer|undefined} x Expected if type is "point"
+    * @param {Integer|undefined} y Expected if type is "point"
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @fires module:svgcanvas.SvgCanvas#event:ext-IDsUpdated
+    * @returns {undefined}
+    */
+    this.pasteElements = function (type, x, y) {
+      var clipb = JSON.parse(localStorage.getItem('svgedit_clipboard'));
+      var len = clipb.length;
+      if (!len) {
+        return;
+      }
+
+      var pasted = [];
+      var batchCmd = new BatchCommand$1('Paste elements');
+      // const drawing = getCurrentDrawing();
+      /**
+      * @typedef {PlainObject.<string, string>} module:svgcanvas.ChangedIDs
+      */
+      /**
+       * @type {module:svgcanvas.ChangedIDs}
+       */
+      var changedIDs = {};
+
+      // Recursively replace IDs and record the changes
+      function checkIDs(elem) {
+        if (elem.attr && elem.attr.id) {
+          changedIDs[elem.attr.id] = getNextId();
+          elem.attr.id = changedIDs[elem.attr.id];
+        }
+        if (elem.children) elem.children.forEach(checkIDs);
+      }
+      clipb.forEach(checkIDs);
+
+      // Give extensions like the connector extension a chance to reflect new IDs and remove invalid elements
+      /**
+      * Triggered when `pasteElements` is called from a paste action (context menu or key)
+      * @event module:svgcanvas.SvgCanvas#event:ext-IDsUpdated
+      * @type {PlainObject}
+      * @property {module:svgcanvas.SVGAsJSON[]} elems
+      * @property {module:svgcanvas.ChangedIDs} changes Maps past ID (on attribute) to current ID
+      */
+      runExtensions('IDsUpdated',
+      /** @type {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} */
+      { elems: clipb, changes: changedIDs }, true).forEach(function (extChanges) {
+        if (!extChanges || !('remove' in extChanges)) return;
+
+        extChanges.remove.forEach(function (removeID) {
+          clipb = clipb.filter(function (clipBoardItem) {
+            return clipBoardItem.attr.id !== removeID;
+          });
+        });
+      });
+
+      // Move elements to lastClickPoint
+      while (len--) {
+        var _elem3 = clipb[len];
+        if (!_elem3) {
+          continue;
+        }
+
+        var copy = addSVGElementFromJson(_elem3);
+        pasted.push(copy);
+        batchCmd.addSubCommand(new InsertElementCommand$1(copy));
+
+        restoreRefElems(copy);
+      }
+
+      selectOnly(pasted);
+
+      if (type !== 'in_place') {
+        var ctrX = void 0,
+            ctrY = void 0;
+
+        if (!type) {
+          ctrX = lastClickPoint.x;
+          ctrY = lastClickPoint.y;
+        } else if (type === 'point') {
+          ctrX = x;
+          ctrY = y;
+        }
+
+        var bbox = getStrokedBBoxDefaultVisible(pasted);
+        var cx = ctrX - (bbox.x + bbox.width / 2),
+            cy = ctrY - (bbox.y + bbox.height / 2),
+            dx = [],
+            dy = [];
+
+        $$9.each(pasted, function (i, item) {
+          dx.push(cx);
+          dy.push(cy);
+        });
+
+        var cmd = canvas.moveSelectedElements(dx, dy, false);
+        if (cmd) batchCmd.addSubCommand(cmd);
+      }
+
+      addCommandToHistory(batchCmd);
+      call('changed', pasted);
+    };
+
+    /**
+    * Wraps all the selected elements in a group (`g`) element
+    * @function module:svgcanvas.SvgCanvas#groupSelectedElements
+    * @param {"a"|"g"} [type="g"] - type of element to group into, defaults to `<g>`
+    * @param {string} [urlArg]
+    * @returns {undefined}
+    */
+    this.groupSelectedElements = function (type, urlArg) {
+      if (!type) {
+        type = 'g';
+      }
+      var cmdStr = '';
+      var url = void 0;
+
+      switch (type) {
+        case 'a':
+          {
+            cmdStr = 'Make hyperlink';
+            url = urlArg || '';
+            break;
+          }default:
+          {
+            type = 'g';
+            cmdStr = 'Group Elements';
+            break;
+          }
+      }
+
+      var batchCmd = new BatchCommand$1(cmdStr);
+
+      // create and insert the group element
+      var g = addSVGElementFromJson({
+        element: type,
+        attr: {
+          id: getNextId()
+        }
+      });
+      if (type === 'a') {
+        setHref(g, url);
+      }
+      batchCmd.addSubCommand(new InsertElementCommand$1(g));
+
+      // now move all children into the group
+      var i = selectedElements.length;
+      while (i--) {
+        var _elem4 = selectedElements[i];
+        if (_elem4 == null) {
+          continue;
+        }
+
+        if (_elem4.parentNode.tagName === 'a' && _elem4.parentNode.childNodes.length === 1) {
+          _elem4 = _elem4.parentNode;
+        }
+
+        var oldNextSibling = _elem4.nextSibling;
+        var oldParent = _elem4.parentNode;
+        g.append(_elem4);
+        batchCmd.addSubCommand(new MoveElementCommand$1(_elem4, oldNextSibling, oldParent));
+      }
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+      }
+
+      // update selection
+      selectOnly([g], true);
+    };
+
+    /**
+    * Pushes all appropriate parent group properties down to its children, then
+    * removes them from the group
+    * @function module:svgcanvas.SvgCanvas#pushGroupProperties
+    * @param {SVGAElement|SVGGElement} g
+    * @param {boolean} undoable
+    * @returns {undefined}
+    */
+    var pushGroupProperties = this.pushGroupProperties = function (g, undoable) {
+      var children = g.childNodes;
+      var len = children.length;
+      var xform = g.getAttribute('transform');
+
+      var glist = getTransformList(g);
+      var m = transformListToTransform(glist).matrix;
+
+      var batchCmd = new BatchCommand$1('Push group properties');
+
+      // TODO: get all fill/stroke properties from the group that we are about to destroy
+      // "fill", "fill-opacity", "fill-rule", "stroke", "stroke-dasharray", "stroke-dashoffset",
+      // "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity",
+      // "stroke-width"
+      // and then for each child, if they do not have the attribute (or the value is 'inherit')
+      // then set the child's attribute
+
+      var gangle = getRotationAngle(g);
+
+      var gattrs = $$9(g).attr(['filter', 'opacity']);
+      var gfilter = void 0,
+          gblur = void 0,
+          changes = void 0;
+      var drawing = getCurrentDrawing();
+
+      for (var i = 0; i < len; i++) {
+        var _elem5 = children[i];
+
+        if (_elem5.nodeType !== 1) {
+          continue;
+        }
+
+        if (gattrs.opacity !== null && gattrs.opacity !== 1) {
+          // const c_opac = elem.getAttribute('opacity') || 1;
+          var newOpac = Math.round((_elem5.getAttribute('opacity') || 1) * gattrs.opacity * 100) / 100;
+          changeSelectedAttribute('opacity', newOpac, [_elem5]);
+        }
+
+        if (gattrs.filter) {
+          var cblur = this.getBlur(_elem5);
+          var origCblur = cblur;
+          if (!gblur) {
+            gblur = this.getBlur(g);
+          }
+          if (cblur) {
+            // Is this formula correct?
+            cblur = Number(gblur) + Number(cblur);
+          } else if (cblur === 0) {
+            cblur = gblur;
+          }
+
+          // If child has no current filter, get group's filter or clone it.
+          if (!origCblur) {
+            // Set group's filter to use first child's ID
+            if (!gfilter) {
+              gfilter = getRefElem(gattrs.filter);
+            } else {
+              // Clone the group's filter
+              gfilter = drawing.copyElem(gfilter);
+              findDefs().append(gfilter);
+            }
+          } else {
+            gfilter = getRefElem(_elem5.getAttribute('filter'));
+          }
+
+          // Change this in future for different filters
+          var suffix = gfilter.firstChild.tagName === 'feGaussianBlur' ? 'blur' : 'filter';
+          gfilter.id = _elem5.id + '_' + suffix;
+          changeSelectedAttribute('filter', 'url(#' + gfilter.id + ')', [_elem5]);
+
+          // Update blur value
+          if (cblur) {
+            changeSelectedAttribute('stdDeviation', cblur, [gfilter.firstChild]);
+            canvas.setBlurOffsets(gfilter, cblur);
+          }
+        }
+
+        var chtlist = getTransformList(_elem5);
+
+        // Don't process gradient transforms
+        if (_elem5.tagName.includes('Gradient')) {
+          chtlist = null;
+        }
+
+        // Hopefully not a problem to add this. Necessary for elements like <desc/>
+        if (!chtlist) {
+          continue;
+        }
+
+        // Apparently <defs> can get get a transformlist, but we don't want it to have one!
+        if (_elem5.tagName === 'defs') {
+          continue;
+        }
+
+        if (glist.numberOfItems) {
+          // TODO: if the group's transform is just a rotate, we can always transfer the
+          // rotate() down to the children (collapsing consecutive rotates and factoring
+          // out any translates)
+          if (gangle && glist.numberOfItems === 1) {
+            // [Rg] [Rc] [Mc]
+            // we want [Tr] [Rc2] [Mc] where:
+            //  - [Rc2] is at the child's current center but has the
+            // sum of the group and child's rotation angles
+            //  - [Tr] is the equivalent translation that this child
+            // undergoes if the group wasn't there
+
+            // [Tr] = [Rg] [Rc] [Rc2_inv]
+
+            // get group's rotation matrix (Rg)
+            var rgm = glist.getItem(0).matrix;
+
+            // get child's rotation matrix (Rc)
+            var rcm = svgroot.createSVGMatrix();
+            var cangle = getRotationAngle(_elem5);
+            if (cangle) {
+              rcm = chtlist.getItem(0).matrix;
+            }
+
+            // get child's old center of rotation
+            var cbox = getBBox(_elem5);
+            var ceqm = transformListToTransform(chtlist).matrix;
+            var coldc = transformPoint(cbox.x + cbox.width / 2, cbox.y + cbox.height / 2, ceqm);
+
+            // sum group and child's angles
+            var sangle = gangle + cangle;
+
+            // get child's rotation at the old center (Rc2_inv)
+            var r2 = svgroot.createSVGTransform();
+            r2.setRotate(sangle, coldc.x, coldc.y);
+
+            // calculate equivalent translate
+            var trm = matrixMultiply(rgm, rcm, r2.matrix.inverse());
+
+            // set up tlist
+            if (cangle) {
+              chtlist.removeItem(0);
+            }
+
+            if (sangle) {
+              if (chtlist.numberOfItems) {
+                chtlist.insertItemBefore(r2, 0);
+              } else {
+                chtlist.appendItem(r2);
+              }
+            }
+
+            if (trm.e || trm.f) {
+              var tr = svgroot.createSVGTransform();
+              tr.setTranslate(trm.e, trm.f);
+              if (chtlist.numberOfItems) {
+                chtlist.insertItemBefore(tr, 0);
+              } else {
+                chtlist.appendItem(tr);
+              }
+            }
+          } else {
+            // more complicated than just a rotate
+            // transfer the group's transform down to each child and then
+            // call recalculateDimensions()
+            var oldxform = _elem5.getAttribute('transform');
+            changes = {};
+            changes.transform = oldxform || '';
+
+            var newxform = svgroot.createSVGTransform();
+
+            // [ gm ] [ chm ] = [ chm ] [ gm' ]
+            // [ gm' ] = [ chmInv ] [ gm ] [ chm ]
+            var chm = transformListToTransform(chtlist).matrix,
+                chmInv = chm.inverse();
+            var gm = matrixMultiply(chmInv, m, chm);
+            newxform.setMatrix(gm);
+            chtlist.appendItem(newxform);
+          }
+          var cmd = recalculateDimensions(_elem5);
+          if (cmd) {
+            batchCmd.addSubCommand(cmd);
+          }
+        }
+      }
+
+      // remove transform and make it undo-able
+      if (xform) {
+        changes = {};
+        changes.transform = xform;
+        g.setAttribute('transform', '');
+        g.removeAttribute('transform');
+        batchCmd.addSubCommand(new ChangeElementCommand$1(g, changes));
+      }
+
+      if (undoable && !batchCmd.isEmpty()) {
+        return batchCmd;
+      }
+    };
+
+    /**
+    * Unwraps all the elements in a selected group (`g`) element. This requires
+    * significant recalculations to apply group's transforms, etc. to its children
+    * @function module:svgcanvas.SvgCanvas#ungroupSelectedElement
+    * @returns {undefined}
+    */
+    this.ungroupSelectedElement = function () {
+      var g = selectedElements[0];
+      if (!g) {
+        return;
+      }
+      if ($$9(g).data('gsvg') || $$9(g).data('symbol')) {
+        // Is svg, so actually convert to group
+        convertToGroup(g);
+        return;
+      }
+      if (g.tagName === 'use') {
+        // Somehow doesn't have data set, so retrieve
+        var symbol = getElem(getHref(g).substr(1));
+        $$9(g).data('symbol', symbol).data('ref', symbol);
+        convertToGroup(g);
+        return;
+      }
+      var parentsA = $$9(g).parents('a');
+      if (parentsA.length) {
+        g = parentsA[0];
+      }
+
+      // Look for parent "a"
+      if (g.tagName === 'g' || g.tagName === 'a') {
+        var batchCmd = new BatchCommand$1('Ungroup Elements');
+        var cmd = pushGroupProperties(g, true);
+        if (cmd) {
+          batchCmd.addSubCommand(cmd);
+        }
+
+        var parent = g.parentNode;
+        var anchor = g.nextSibling;
+        var children = new Array(g.childNodes.length);
+
+        var i = 0;
+        while (g.firstChild) {
+          var _elem6 = g.firstChild;
+          var oldNextSibling = _elem6.nextSibling;
+          var oldParent = _elem6.parentNode;
+
+          // Remove child title elements
+          if (_elem6.tagName === 'title') {
+            var _elem7 = _elem6,
+                nextSibling = _elem7.nextSibling;
+
+            batchCmd.addSubCommand(new RemoveElementCommand$1(_elem6, nextSibling, oldParent));
+            _elem6.remove();
+            continue;
+          }
+
+          children[i++] = _elem6 = parent.insertBefore(_elem6, anchor);
+          batchCmd.addSubCommand(new MoveElementCommand$1(_elem6, oldNextSibling, oldParent));
+        }
+
+        // remove the group from the selection
+        clearSelection();
+
+        // delete the group element (but make undo-able)
+        var gNextSibling = g.nextSibling;
+        g = parent.removeChild(g);
+        batchCmd.addSubCommand(new RemoveElementCommand$1(g, gNextSibling, parent));
+
+        if (!batchCmd.isEmpty()) {
+          addCommandToHistory(batchCmd);
+        }
+
+        // update selection
+        addToSelection(children);
+      }
+    };
+
+    /**
+    * Repositions the selected element to the bottom in the DOM to appear on top of
+    * other elements
+    * @function module:svgcanvas.SvgCanvas#moveToTopSelectedElement
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.moveToTopSelectedElement = function () {
+      var _selectedElements = selectedElements,
+          _selectedElements2 = slicedToArray(_selectedElements, 1),
+          selected = _selectedElements2[0];
+
+      if (selected != null) {
+        var t = selected;
+        var oldParent = t.parentNode;
+        var oldNextSibling = t.nextSibling;
+        t = t.parentNode.appendChild(t);
+        // If the element actually moved position, add the command and fire the changed
+        // event handler.
+        if (oldNextSibling !== t.nextSibling) {
+          addCommandToHistory(new MoveElementCommand$1(t, oldNextSibling, oldParent, 'top'));
+          call('changed', [t]);
+        }
+      }
+    };
+
+    /**
+    * Repositions the selected element to the top in the DOM to appear under
+    * other elements
+    * @function module:svgcanvas.SvgCanvas#moveToBottomSelectedElement
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.moveToBottomSelectedElement = function () {
+      var _selectedElements3 = selectedElements,
+          _selectedElements4 = slicedToArray(_selectedElements3, 1),
+          selected = _selectedElements4[0];
+
+      if (selected != null) {
+        var t = selected;
+        var oldParent = t.parentNode;
+        var oldNextSibling = t.nextSibling;
+        var firstChild = t.parentNode.firstChild;
+
+        if (firstChild.tagName === 'title') {
+          firstChild = firstChild.nextSibling;
+        }
+        // This can probably be removed, as the defs should not ever apppear
+        // inside a layer group
+        if (firstChild.tagName === 'defs') {
+          firstChild = firstChild.nextSibling;
+        }
+        t = t.parentNode.insertBefore(t, firstChild);
+        // If the element actually moved position, add the command and fire the changed
+        // event handler.
+        if (oldNextSibling !== t.nextSibling) {
+          addCommandToHistory(new MoveElementCommand$1(t, oldNextSibling, oldParent, 'bottom'));
+          call('changed', [t]);
+        }
+      }
+    };
+
+    /**
+    * Moves the select element up or down the stack, based on the visibly
+    * intersecting elements
+    * @function module:svgcanvas.SvgCanvas#moveUpDownSelected
+    * @param {"Up"|"Down"} dir - String that's either 'Up' or 'Down'
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.moveUpDownSelected = function (dir) {
+      var selected = selectedElements[0];
+      if (!selected) {
+        return;
+      }
+
+      curBBoxes = [];
+      var closest = void 0,
+          foundCur = void 0;
+      // jQuery sorts this list
+      var list = $$9(getIntersectionList(getStrokedBBoxDefaultVisible([selected]))).toArray();
+      if (dir === 'Down') {
+        list.reverse();
+      }
+
+      $$9.each(list, function () {
+        if (!foundCur) {
+          if (this === selected) {
+            foundCur = true;
+          }
+          return;
+        }
+        closest = this;
+        return false;
+      });
+      if (!closest) {
+        return;
+      }
+
+      var t = selected;
+      var oldParent = t.parentNode;
+      var oldNextSibling = t.nextSibling;
+      $$9(closest)[dir === 'Down' ? 'before' : 'after'](t);
+      // If the element actually moved position, add the command and fire the changed
+      // event handler.
+      if (oldNextSibling !== t.nextSibling) {
+        addCommandToHistory(new MoveElementCommand$1(t, oldNextSibling, oldParent, 'Move ' + dir));
+        call('changed', [t]);
+      }
+    };
+
+    /**
+    * Moves selected elements on the X/Y axis
+    * @function module:svgcanvas.SvgCanvas#moveSelectedElements
+    * @param {Float} dx - Float with the distance to move on the x-axis
+    * @param {Float} dy - Float with the distance to move on the y-axis
+    * @param {boolean} undoable - Boolean indicating whether or not the action should be undoable
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {BatchCommand} Batch command for the move
+    */
+    this.moveSelectedElements = function (dx, dy, undoable) {
+      // if undoable is not sent, default to true
+      // if single values, scale them to the zoom
+      if (dx.constructor !== Array) {
+        dx /= currentZoom;
+        dy /= currentZoom;
+      }
+      undoable = undoable || true;
+      var batchCmd = new BatchCommand$1('position');
+      var i = selectedElements.length;
+      while (i--) {
+        var selected = selectedElements[i];
+        if (selected != null) {
+          // if (i === 0) {
+          //   selectedBBoxes[0] = utilsGetBBox(selected);
+          // }
+          // const b = {};
+          // for (const j in selectedBBoxes[i]) b[j] = selectedBBoxes[i][j];
+          // selectedBBoxes[i] = b;
+
+          var xform = svgroot.createSVGTransform();
+          var tlist = getTransformList(selected);
+
+          // dx and dy could be arrays
+          if (dx.constructor === Array) {
+            // if (i === 0) {
+            //   selectedBBoxes[0].x += dx[0];
+            //   selectedBBoxes[0].y += dy[0];
+            // }
+            xform.setTranslate(dx[i], dy[i]);
+          } else {
+            // if (i === 0) {
+            //   selectedBBoxes[0].x += dx;
+            //   selectedBBoxes[0].y += dy;
+            // }
+            xform.setTranslate(dx, dy);
+          }
+
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(xform, 0);
+          } else {
+            tlist.appendItem(xform);
+          }
+
+          var cmd = recalculateDimensions(selected);
+          if (cmd) {
+            batchCmd.addSubCommand(cmd);
+          }
+
+          selectorManager.requestSelector(selected).resize();
+        }
+      }
+      if (!batchCmd.isEmpty()) {
+        if (undoable) {
+          addCommandToHistory(batchCmd);
+        }
+        call('changed', selectedElements);
+        return batchCmd;
+      }
+    };
+
+    /**
+    * Create deep DOM copies (clones) of all selected elements and move them slightly
+    * from their originals
+    * @function module:svgcanvas.SvgCanvas#cloneSelectedElements
+    * @param {Float} x Float with the distance to move on the x-axis
+    * @param {Float} y Float with the distance to move on the y-axis
+    * @returns {undefined}
+    */
+    this.cloneSelectedElements = function (x, y) {
+      var i = void 0,
+          elem = void 0;
+      var batchCmd = new BatchCommand$1('Clone Elements');
+      // find all the elements selected (stop at first null)
+      var len = selectedElements.length;
+      function sortfunction(a, b) {
+        return $$9(b).index() - $$9(a).index(); // causes an array to be sorted numerically and ascending
+      }
+      selectedElements.sort(sortfunction);
+      for (i = 0; i < len; ++i) {
+        elem = selectedElements[i];
+        if (elem == null) {
+          break;
+        }
+      }
+      // use slice to quickly get the subset of elements we need
+      var copiedElements = selectedElements.slice(0, i);
+      this.clearSelection(true);
+      // note that we loop in the reverse way because of the way elements are added
+      // to the selectedElements array (top-first)
+      var drawing = getCurrentDrawing();
+      i = copiedElements.length;
+      while (i--) {
+        // clone each element and replace it within copiedElements
+        elem = copiedElements[i] = drawing.copyElem(copiedElements[i]);
+        (currentGroup || drawing.getCurrentLayer()).append(elem);
+        batchCmd.addSubCommand(new InsertElementCommand$1(elem));
+      }
+
+      if (!batchCmd.isEmpty()) {
+        addToSelection(copiedElements.reverse()); // Need to reverse for correct selection-adding
+        this.moveSelectedElements(x, y, false);
+        addCommandToHistory(batchCmd);
+      }
+    };
+
+    /**
+    * Aligns selected elements
+    * @function module:svgcanvas.SvgCanvas#alignSelectedElements
+    * @param {string} type - String with single character indicating the alignment type
+    * @param {"selected"|"largest"|"smallest"|"page"} relativeTo
+    * @returns {undefined}
+    */
+    this.alignSelectedElements = function (type, relativeTo) {
+      var bboxes = []; // angles = [];
+      var len = selectedElements.length;
+      if (!len) {
+        return;
+      }
+      var minx = Number.MAX_VALUE,
+          maxx = Number.MIN_VALUE,
+          miny = Number.MAX_VALUE,
+          maxy = Number.MIN_VALUE;
+      var curwidth = Number.MIN_VALUE,
+          curheight = Number.MIN_VALUE;
+      for (var i = 0; i < len; ++i) {
+        if (selectedElements[i] == null) {
+          break;
+        }
+        var _elem8 = selectedElements[i];
+        bboxes[i] = getStrokedBBoxDefaultVisible([_elem8]);
+
+        // now bbox is axis-aligned and handles rotation
+        switch (relativeTo) {
+          case 'smallest':
+            if ((type === 'l' || type === 'c' || type === 'r') && (curwidth === Number.MIN_VALUE || curwidth > bboxes[i].width) || (type === 't' || type === 'm' || type === 'b') && (curheight === Number.MIN_VALUE || curheight > bboxes[i].height)) {
+              minx = bboxes[i].x;
+              miny = bboxes[i].y;
+              maxx = bboxes[i].x + bboxes[i].width;
+              maxy = bboxes[i].y + bboxes[i].height;
+              curwidth = bboxes[i].width;
+              curheight = bboxes[i].height;
+            }
+            break;
+          case 'largest':
+            if ((type === 'l' || type === 'c' || type === 'r') && (curwidth === Number.MIN_VALUE || curwidth < bboxes[i].width) || (type === 't' || type === 'm' || type === 'b') && (curheight === Number.MIN_VALUE || curheight < bboxes[i].height)) {
+              minx = bboxes[i].x;
+              miny = bboxes[i].y;
+              maxx = bboxes[i].x + bboxes[i].width;
+              maxy = bboxes[i].y + bboxes[i].height;
+              curwidth = bboxes[i].width;
+              curheight = bboxes[i].height;
+            }
+            break;
+          default:
+            // 'selected'
+            if (bboxes[i].x < minx) {
+              minx = bboxes[i].x;
+            }
+            if (bboxes[i].y < miny) {
+              miny = bboxes[i].y;
+            }
+            if (bboxes[i].x + bboxes[i].width > maxx) {
+              maxx = bboxes[i].x + bboxes[i].width;
+            }
+            if (bboxes[i].y + bboxes[i].height > maxy) {
+              maxy = bboxes[i].y + bboxes[i].height;
+            }
+            break;
+        }
+      } // loop for each element to find the bbox and adjust min/max
+
+      if (relativeTo === 'page') {
+        minx = 0;
+        miny = 0;
+        maxx = canvas.contentW;
+        maxy = canvas.contentH;
+      }
+
+      var dx = new Array(len);
+      var dy = new Array(len);
+      for (var _i2 = 0; _i2 < len; ++_i2) {
+        if (selectedElements[_i2] == null) {
+          break;
+        }
+        // const elem = selectedElements[i];
+        var bbox = bboxes[_i2];
+        dx[_i2] = 0;
+        dy[_i2] = 0;
+        switch (type) {
+          case 'l':
+            // left (horizontal)
+            dx[_i2] = minx - bbox.x;
+            break;
+          case 'c':
+            // center (horizontal)
+            dx[_i2] = (minx + maxx) / 2 - (bbox.x + bbox.width / 2);
+            break;
+          case 'r':
+            // right (horizontal)
+            dx[_i2] = maxx - (bbox.x + bbox.width);
+            break;
+          case 't':
+            // top (vertical)
+            dy[_i2] = miny - bbox.y;
+            break;
+          case 'm':
+            // middle (vertical)
+            dy[_i2] = (miny + maxy) / 2 - (bbox.y + bbox.height / 2);
+            break;
+          case 'b':
+            // bottom (vertical)
+            dy[_i2] = maxy - (bbox.y + bbox.height);
+            break;
+        }
+      }
+      this.moveSelectedElements(dx, dy);
+    };
+
+    /**
+    * Group: Additional editor tools
+    */
+
+    /**
+    * @name module:svgcanvas.SvgCanvas#contentW
+    * @type {Float}
+    */
+    this.contentW = getResolution().w;
+    /**
+    * @name module:svgcanvas.SvgCanvas#contentH
+    * @type {Float}
+    */
+    this.contentH = getResolution().h;
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.CanvasInfo
+    * @property {Float} x - The canvas' new x coordinate
+    * @property {Float} y - The canvas' new y coordinate
+    * @property {string} oldX - The canvas' old x coordinate
+    * @property {string} oldY - The canvas' old y coordinate
+    * @property {Float} d_x - The x position difference
+    * @property {Float} d_y - The y position difference
+    */
+
+    /**
+    * Updates the editor canvas width/height/position after a zoom has occurred
+    * @function module:svgcanvas.SvgCanvas#updateCanvas
+    * @param {Float} w - Float with the new width
+    * @param {Float} h - Float with the new height
+    * @fires module:svgcanvas.SvgCanvas#event:ext-canvasUpdated
+    * @returns {module:svgcanvas.CanvasInfo}
+    */
+    this.updateCanvas = function (w, h) {
+      svgroot.setAttribute('width', w);
+      svgroot.setAttribute('height', h);
+      var bg = $$9('#canvasBackground')[0];
+      var oldX = svgcontent.getAttribute('x');
+      var oldY = svgcontent.getAttribute('y');
+      var x = w / 2 - this.contentW * currentZoom / 2;
+      var y = h / 2 - this.contentH * currentZoom / 2;
+
+      assignAttributes(svgcontent, {
+        width: this.contentW * currentZoom,
+        height: this.contentH * currentZoom,
+        x: x,
+        y: y,
+        viewBox: '0 0 ' + this.contentW + ' ' + this.contentH
+      });
+
+      assignAttributes(bg, {
+        width: svgcontent.getAttribute('width'),
+        height: svgcontent.getAttribute('height'),
+        x: x,
+        y: y
+      });
+
+      var bgImg = getElem('background_image');
+      if (bgImg) {
+        assignAttributes(bgImg, {
+          width: '100%',
+          height: '100%'
+        });
+      }
+
+      selectorManager.selectorParentGroup.setAttribute('transform', 'translate(' + x + ',' + y + ')');
+      /**
+      * Invoked upon updates to the canvas.
+      * @event module:svgcanvas.SvgCanvas#event:ext-canvasUpdated
+      * @type {PlainObject}
+      * @property {Integer} new_x
+      * @property {Integer} new_y
+      * @property {string} old_x (Of Integer)
+      * @property {string} old_y (Of Integer)
+      * @property {Integer} d_x
+      * @property {Integer} d_y
+      */
+      runExtensions('canvasUpdated',
+      /**
+       * @type {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated}
+       */
+      { new_x: x, new_y: y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY });
+      return { x: x, y: y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY };
+    };
+
+    /**
+    * Set the background of the editor (NOT the actual document)
+    * @function module:svgcanvas.SvgCanvas#setBackground
+    * @param {string} color - String with fill color to apply
+    * @param {string} url - URL or path to image to use
+    * @returns {undefined}
+    */
+    this.setBackground = function (color, url) {
+      var bg = getElem('canvasBackground');
+      var border = $$9(bg).find('rect')[0];
+      var bgImg = getElem('background_image');
+      border.setAttribute('fill', color);
+      if (url) {
+        if (!bgImg) {
+          bgImg = svgdoc.createElementNS(NS.SVG, 'image');
+          assignAttributes(bgImg, {
+            id: 'background_image',
+            width: '100%',
+            height: '100%',
+            preserveAspectRatio: 'xMinYMin',
+            style: 'pointer-events:none'
+          });
+        }
+        setHref(bgImg, url);
+        bg.append(bgImg);
+      } else if (bgImg) {
+        bgImg.remove();
+      }
+    };
+
+    /**
+    * Select the next/previous element within the current layer
+    * @function module:svgcanvas.SvgCanvas#cycleElement
+    * @param {boolean} next - true = next and false = previous element
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    * @returns {undefined}
+    */
+    this.cycleElement = function (next) {
+      var num = void 0;
+      var curElem = selectedElements[0];
+      var elem = false;
+      var allElems = getVisibleElements(currentGroup || getCurrentDrawing().getCurrentLayer());
+      if (!allElems.length) {
+        return;
+      }
+      if (curElem == null) {
+        num = next ? allElems.length - 1 : 0;
+        elem = allElems[num];
+      } else {
+        var i = allElems.length;
+        while (i--) {
+          if (allElems[i] === curElem) {
+            num = next ? i - 1 : i + 1;
+            if (num >= allElems.length) {
+              num = 0;
+            } else if (num < 0) {
+              num = allElems.length - 1;
+            }
+            elem = allElems[num];
+            break;
+          }
+        }
+      }
+      selectOnly([elem], true);
+      call('selected', selectedElements);
+    };
+
+    this.clear();
+
+    /**
+    * @interface module:svgcanvas.PrivateMethods
+    * @type {PlainObject}
+    * @property {module:svgcanvas~addCommandToHistory} addCommandToHistory
+    * @property {module:history.HistoryCommand} BatchCommand
+    * @property {module:history.HistoryCommand} ChangeElementCommand
+    * @property {module:utilities.decode64} decode64
+    * @property {module:utilities.encode64} encode64
+    * @property {module:svgcanvas~ffClone} ffClone
+    * @property {module:svgcanvas~findDuplicateGradient} findDuplicateGradient
+    * @property {module:utilities.getPathBBox} getPathBBox
+    * @property {module:units.getTypeMap} getTypeMap
+    * @property {module:draw.identifyLayers} identifyLayers
+    * @property {module:history.HistoryCommand} InsertElementCommand
+    * @property {module:browser.isChrome} isChrome
+    * @property {module:math.isIdentity} isIdentity
+    * @property {module:browser.isIE} isIE
+    * @property {module:svgcanvas~logMatrix} logMatrix
+    * @property {module:history.HistoryCommand} MoveElementCommand
+    * @property {module:namespaces.NS} NS
+    * @property {module:utilities.preventClickDefault} preventClickDefault
+    * @property {module:history.HistoryCommand} RemoveElementCommand
+    * @property {module:SVGTransformList.SVGEditTransformList} SVGEditTransformList
+    * @property {module:utilities.text2xml} text2xml
+    * @property {module:math.transformBox} transformBox
+    * @property {module:math.transformPoint} transformPoint
+    * @property {module:utilities.walkTree} walkTree
+    */
+    /**
+    * @deprecated getPrivateMethods
+    * Since all methods are/should be public somehow, this function should be removed;
+    *  we might require `import` in place of this in the future once ES6 Modules
+    *  widespread
+    
+    * Being able to access private methods publicly seems wrong somehow,
+    * but currently appears to be the best way to allow testing and provide
+    * access to them to plugins.
+    * @function module:svgcanvas.SvgCanvas#getPrivateMethods
+    * @returns {module:svgcanvas.PrivateMethods}
+    */
+    this.getPrivateMethods = function () {
+      var obj = {
+        addCommandToHistory: addCommandToHistory,
+        BatchCommand: BatchCommand$1,
+        ChangeElementCommand: ChangeElementCommand$1,
+        decode64: decode64,
+        encode64: encode64,
+        ffClone: ffClone,
+        findDefs: findDefs,
+        findDuplicateGradient: findDuplicateGradient,
+        getElem: getElem,
+        getPathBBox: getPathBBox,
+        getTypeMap: getTypeMap,
+        getUrlFromAttr: getUrlFromAttr,
+        identifyLayers: identifyLayers,
+        InsertElementCommand: InsertElementCommand$1,
+        isChrome: isChrome,
+        isIdentity: isIdentity,
+        isIE: isIE,
+        logMatrix: logMatrix,
+        MoveElementCommand: MoveElementCommand$1,
+        NS: NS,
+        preventClickDefault: preventClickDefault,
+        RemoveElementCommand: RemoveElementCommand$1,
+        SVGEditTransformList: SVGTransformList,
+        text2xml: text2xml,
+        transformBox: transformBox,
+        transformPoint: transformPoint,
+        walkTree: walkTree
+      };
+      return obj;
+    };
+  } // End constructor
+  ; // End class
+
+  // Todo: Update: https://github.com/jeresig/jquery.hotkeys
+  /*
+   * jQuery Hotkeys Plugin
+   * Copyright 2010, John Resig
+   * Dual licensed under the MIT or GPL Version 2 licenses.
+   *
+   * http://github.com/jeresig/jquery.hotkeys
+   *
+   * Based upon the plugin by Tzury Bar Yochay:
+   * http://github.com/tzuryby/hotkeys
+   *
+   * Original idea by:
+   * Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/
+  */
+
+  function jqPluginJSHotkeys (b) {
+    b.hotkeys = { version: "0.8", specialKeys: { 8: "backspace", 9: "tab", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause", 20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home", 37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7", 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111: "/", 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8", 120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 191: "/", 224: "meta", 219: "[", 221: "]" }, shiftNums: { "`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&", "8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": '"', ",": "<", ".": ">", "/": "?", "\\": "|" } };function a(d) {
+      if (typeof d.data !== "string") {
+        return;
+      }var c = d.handler,
+          e = d.data.toLowerCase().split(" ");d.handler = function (n) {
+        if (this !== n.target && (/textarea|select/i.test(n.target.nodeName) || n.target.type === "text")) {
+          return;
+        }var h = n.type !== "keypress" && b.hotkeys.specialKeys[n.which],
+            o = String.fromCharCode(n.which).toLowerCase(),
+            m = "",
+            g = {};if (n.altKey && h !== "alt") {
+          m += "alt+";
+        }if (n.ctrlKey && h !== "ctrl") {
+          m += "ctrl+";
+        }if (n.metaKey && !n.ctrlKey && h !== "meta") {
+          m += "meta+";
+        }if (n.shiftKey && h !== "shift") {
+          m += "shift+";
+        }if (h) {
+          g[m + h] = true;
+        } else {
+          g[m + o] = true;g[m + b.hotkeys.shiftNums[o]] = true;if (m === "shift+") {
+            g[b.hotkeys.shiftNums[o]] = true;
+          }
+        }for (var j = 0, f = e.length; j < f; j++) {
+          if (g[e[j]]) {
+            return c.apply(this, arguments);
+          }
+        }
+      };
+    }b.each(["keydown", "keyup", "keypress"], function () {
+      b.event.special[this] = { add: a };
+    });
+
+    return b;
+  }
+
+  /*
+   * Todo: Update to latest at https://github.com/cowboy/jquery-bbq ?
+   * jQuery BBQ: Back Button & Query Library - v1.2.1 - 2/17/2010
+   * http://benalman.com/projects/jquery-bbq-plugin/
+   *
+   * Copyright (c) 2010 "Cowboy" Ben Alman
+   * Dual licensed under the MIT and GPL licenses.
+   * http://benalman.com/about/license/
+   */
+
+  // For sake of modules, added this wrapping export and changed `this` to `window`
+  function jqPluginBBQ (jQuery) {
+
+    (function ($, p) {
+      var i,
+          m = Array.prototype.slice,
+          r = decodeURIComponent,
+          a = $.param,
+          c,
+          l,
+          v,
+          b = $.bbq = $.bbq || {},
+          q,
+          u,
+          j,
+          e = $.event.special,
+          d = "hashchange",
+          A = "querystring",
+          D = "fragment",
+          y = "elemUrlAttr",
+          g = "location",
+          k = "href",
+          t = "src",
+          x = /^.*\?|#.*$/g,
+          w = /^.*\#/,
+          h,
+          C = {};function E(F) {
+        return typeof F === "string";
+      }function B(G) {
+        var F = m.call(arguments, 1);return function () {
+          return G.apply(this, F.concat(m.call(arguments)));
+        };
+      }function n(F) {
+        return F.replace(/^[^#]*#?(.*)$/, "$1");
+      }function o(F) {
+        return F.replace(/(?:^[^?#]*\?([^#]*).*$)?.*/, "$1");
+      }function f(H, M, F, I, G) {
+        var O, L, K, N, J;if (I !== i) {
+          K = F.match(H ? /^([^#]*)\#?(.*)$/ : /^([^#?]*)\??([^#]*)(#?.*)/);J = K[3] || "";if (G === 2 && E(I)) {
+            L = I.replace(H ? w : x, "");
+          } else {
+            N = l(K[2]);I = E(I) ? l[H ? D : A](I) : I;L = G === 2 ? I : G === 1 ? $.extend({}, I, N) : $.extend({}, N, I);L = a(L);if (H) {
+              L = L.replace(h, r);
+            }
+          }O = K[1] + (H ? "#" : L || !K[1] ? "?" : "") + L + J;
+        } else {
+          O = M(F !== i ? F : p[g][k]);
+        }return O;
+      }a[A] = B(f, 0, o);a[D] = c = B(f, 1, n);c.noEscape = function (G) {
+        G = G || "";var F = $.map(G.split(""), encodeURIComponent);h = new RegExp(F.join("|"), "g");
+      };c.noEscape(",/");$.deparam = l = function l(I, F) {
+        var H = {},
+            G = { "true": !0, "false": !1, "null": null };$.each(I.replace(/\+/g, " ").split("&"), function (L, Q) {
+          var K = Q.split("="),
+              P = r(K[0]),
+              J,
+              O = H,
+              M = 0,
+              R = P.split("]["),
+              N = R.length - 1;if (/\[/.test(R[0]) && /\]$/.test(R[N])) {
+            R[N] = R[N].replace(/\]$/, "");R = R.shift().split("[").concat(R);N = R.length - 1;
+          } else {
+            N = 0;
+          }if (K.length === 2) {
+            J = r(K[1]);if (F) {
+              J = J && !isNaN(J) ? +J : J === "undefined" ? i : G[J] !== i ? G[J] : J;
+            }if (N) {
+              for (; M <= N; M++) {
+                P = R[M] === "" ? O.length : R[M];O = O[P] = M < N ? O[P] || (R[M + 1] && isNaN(R[M + 1]) ? {} : []) : J;
+              }
+            } else {
+              if ($.isArray(H[P])) {
+                H[P].push(J);
+              } else {
+                if (H[P] !== i) {
+                  H[P] = [H[P], J];
+                } else {
+                  H[P] = J;
+                }
+              }
+            }
+          } else {
+            if (P) {
+              H[P] = F ? i : "";
+            }
+          }
+        });return H;
+      };function z(H, F, G) {
+        if (F === i || typeof F === "boolean") {
+          G = F;F = a[H ? D : A]();
+        } else {
+          F = E(F) ? F.replace(H ? w : x, "") : F;
+        }return l(F, G);
+      }l[A] = B(z, 0);l[D] = v = B(z, 1);$[y] || ($[y] = function (F) {
+        return $.extend(C, F);
+      })({ a: k, base: k, iframe: t, img: t, input: t, form: "action", link: k, script: t });j = $[y];function s(I, G, H, F) {
+        if (!E(H) && (typeof H === "undefined" ? "undefined" : _typeof(H)) !== "object") {
+          F = H;H = G;G = i;
+        }return this.each(function () {
+          var L = $(this),
+              J = G || j()[(this.nodeName || "").toLowerCase()] || "",
+              K = J && L.attr(J) || "";L.attr(J, a[I](K, H, F));
+        });
+      }$.fn[A] = B(s, A);$.fn[D] = B(s, D);b.pushState = q = function q(I, F) {
+        if (E(I) && /^#/.test(I) && F === i) {
+          F = 2;
+        }var H = I !== i,
+            G = c(p[g][k], H ? I : {}, H ? F : 2);p[g][k] = G + (/#/.test(G) ? "" : "#");
+      };b.getState = u = function u(F, G) {
+        return F === i || typeof F === "boolean" ? v(F) : v(G)[F];
+      };b.removeState = function (F) {
+        var G = {};if (F !== i) {
+          G = u();$.each($.isArray(F) ? F : arguments, function (I, H) {
+            delete G[H];
+          });
+        }q(G, 2);
+      };e[d] = $.extend(e[d], { add: function add(F) {
+          var H;function G(J) {
+            var I = J[D] = c();J.getState = function (K, L) {
+              return K === i || typeof K === "boolean" ? l(I, K) : l(I, L)[K];
+            };H.apply(this, arguments);
+          }if ($.isFunction(F)) {
+            H = F;return G;
+          } else {
+            H = F.handler;F.handler = G;
+          }
+        } });
+    })(jQuery, window);
+    /*
+     * jQuery hashchange event - v1.2 - 2/11/2010
+     * http://benalman.com/projects/jquery-hashchange-plugin/
+     *
+     * Copyright (c) 2010 "Cowboy" Ben Alman
+     * Dual licensed under the MIT and GPL licenses.
+     * http://benalman.com/about/license/
+     */
+    (function ($, i, b) {
+      var j,
+          k = $.event.special,
+          c = "location",
+          d = "hashchange",
+          l = "href",
+          f = $.browser,
+          g = document.documentMode,
+          h = f.msie && (g === b || g < 8),
+          e = "on" + d in i && !h;function a(m) {
+        m = m || i[c][l];return m.replace(/^[^#]*#?(.*)$/, "$1");
+      }$[d + "Delay"] = 100;k[d] = $.extend(k[d], { setup: function setup() {
+          if (e) {
+            return false;
+          }$(j.start);
+        }, teardown: function teardown() {
+          if (e) {
+            return false;
+          }$(j.stop);
+        } });j = function () {
+        var m = {},
+            r,
+            n,
+            o,
+            q;function p() {
+          o = q = function q(s) {
+            return s;
+          };if (h) {
+            n = $('<iframe src="javascript:0"/>').hide().insertAfter("body")[0].contentWindow;q = function q() {
+              return a(n.document[c][l]);
+            };o = function o(u, s) {
+              if (u !== s) {
+                var t = n.document;t.open().close();t[c].hash = "#" + u;
+              }
+            };o(a());
+          }
+        }m.start = function () {
+          if (r) {
+            return;
+          }var t = a();o || p();(function s() {
+            var v = a(),
+                u = q(t);if (v !== t) {
+              o(t = v, u);$(i).trigger(d);
+            } else {
+              if (u !== t) {
+                i[c][l] = i[c][l].replace(/#.*/, "") + "#" + u;
+              }
+            }r = setTimeout(s, $[d + "Delay"]);
+          })();
+        };m.stop = function () {
+          if (!n) {
+            r && clearTimeout(r);r = 0;
+          }
+        };return m;
+      }();
+    })(jQuery, window);
+
+    return jQuery;
+  }
+
+  /**
+   * SVG Icon Loader 2.0
+   *
+   * jQuery Plugin for loading SVG icons from a single file
+   *
+   * Adds {@link external:jQuery.svgIcons}, {@link external:jQuery.getSvgIcon}, {@link external:jQuery.resizeSvgIcons}
+   *
+   * How to use:
+
+  1. Create the SVG master file that includes all icons:
+
+  The master SVG icon-containing file is an SVG file that contains
+  `<g>` elements. Each `<g>` element should contain the markup of an SVG
+  icon. The `<g>` element has an ID that should
+  correspond with the ID of the HTML element used on the page that should contain
+  or optionally be replaced by the icon. Additionally, one empty element should be
+  added at the end with id "svg_eof".
+
+  2. Optionally create fallback raster images for each SVG icon.
+
+  3. Include the jQuery and the SVG Icon Loader scripts on your page.
+
+  4. Run `$.svgIcons()` when the document is ready. See its signature
+
+  5. To access an icon at a later point without using the callback, use this:
+    `$.getSvgIcon(id (string), uniqueClone (boolean))`;
+
+  This will return the icon (as jQuery object) with a given ID.
+
+  6. To resize icons at a later point without using the callback, use this:
+    `$.resizeSvgIcons(resizeOptions)` (use the same way as the "resize" parameter)
+   *
+   * @module jQuerySVGIcons
+   * @license MIT
+   * @copyright (c) 2009 Alexis Deveria
+   * {@link http://a.deveria.com}
+   * @example usage #1:
+
+  $(function() {
+    $.svgIcons('my_icon_set.svg'); // The SVG file that contains all icons
+    // No options have been set, so all icons will automatically be inserted
+    // into HTML elements that match the same IDs.
+  });
+
+  * @example usage #2:
+
+  $(function() {
+    $.svgIcons('my_icon_set.svg', { // The SVG file that contains all icons
+      callback (icons) { // Custom callback function that sets click
+                    // events for each icon
+        $.each(icons, function(id, icon) {
+          icon.click(function() {
+            alert('You clicked on the icon with id ' + id);
+          });
+        });
+      }
+    }); //The SVG file that contains all icons
+  });
+
+  * @example usage #3:
+
+  $(function() {
+    $.svgIcons('my_icon_set.svgz', { // The SVGZ file that contains all icons
+      w: 32,  // All icons will be 32px wide
+      h: 32,  // All icons will be 32px high
+      fallback_path: 'icons/',  // All fallback files can be found here
+      fallback: {
+        '#open_icon': 'open.png',  // The "open.png" will be appended to the
+                      // HTML element with ID "open_icon"
+        '#close_icon': 'close.png',
+        '#save_icon': 'save.png'
+      },
+      placement: {'.open_icon','open'}, // The "open" icon will be added
+                      // to all elements with class "open_icon"
+      resize () {
+        '#save_icon .svg_icon': 64  // The "save" icon will be resized to 64 x 64px
+      },
+
+      callback (icons) { // Sets background color for "close" icon
+        icons['close'].css('background','red');
+      },
+
+      svgz: true // Indicates that an SVGZ file is being used
+
+    })
+  });
+  */
+
+  /**
+  * @callback module:jQuerySVGIcons.SVGIconsLoadedCallback
+  * @param {PlainObject.<string, external:jQuery>} svgIcons IDs keyed to jQuery objects of images
+  */
+
+  /**
+   * @function module:jQuerySVGIcons.jQuerySVGIcons
+   * @param {external:jQuery} $ Its keys include all icon IDs and the values, the icon as a jQuery object
+  */
+  function jqPluginSVGIcons ($) {
+    var svgIcons = {};
+
+    var fixIDs = void 0;
+    /**
+    * @function external:jQuery.svgIcons
+    * @param {string} file The location of a local SVG or SVGz file
+    * @param {PlainObject} [options]
+    * @param {Float} [options.w] The icon widths
+    * @param {Float} [options.h] The icon heights
+    * @param {PlainObject.<string, string>} [options.fallback] List of raster images with each
+      key being the SVG icon ID to replace, and the value the image file name
+    * @param {string} [options.fallback_path] The path to use for all images
+      listed under "fallback"
+    * @param {boolean} [options.replace] If set to `true`, HTML elements will be replaced by,
+      rather than include the SVG icon.
+    * @param {PlainObject.<string, string>} [options.placement] List with selectors for keys and SVG icon ids
+      as values. This provides a custom method of adding icons.
+    * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} [options.resize] List with selectors for keys and numbers
+      as values. This allows an easy way to resize specific icons.
+    * @param {module:jQuerySVGIcons.SVGIconsLoadedCallback} [options.callback] A function to call when all icons have been loaded.
+    * @param {boolean} [options.id_match=true] Automatically attempt to match SVG icon ids with
+      corresponding HTML id
+    * @param {boolean} [options.no_img] Prevent attempting to convert the icon into an `<img>`
+      element (may be faster, help for browser consistency)
+    * @param {boolean} [options.svgz] Indicate that the file is an SVGZ file, and thus not to
+      parse as XML. SVGZ files add compression benefits, but getting data from
+      them fails in Firefox 2 and older.
+    */
+    $.svgIcons = function (file) {
+      var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      var svgns = 'http://www.w3.org/2000/svg',
+          xlinkns = 'http://www.w3.org/1999/xlink',
+          iconW = opts.w || 24,
+          iconH = opts.h || 24;
+      var elems = void 0,
+          svgdoc = void 0,
+          testImg = void 0,
+          iconsMade = false,
+          dataLoaded = false,
+          loadAttempts = 0;
+      var isOpera = !!window.opera,
+
+      // ua = navigator.userAgent,
+      // isSafari = (ua.includes('Safari/') && !ua.includes('Chrome/')),
+      dataPre = 'data:image/svg+xml;charset=utf-8;base64,';
+
+      var dataEl = void 0;
+      if (opts.svgz) {
+        dataEl = $('<object data="' + file + '" type=image/svg+xml>').appendTo('body').hide();
+        try {
+          svgdoc = dataEl[0].contentDocument;
+          dataEl.load(getIcons);
+          getIcons(0, true); // Opera will not run "load" event if file is already cached
+        } catch (err1) {
+          useFallback();
+        }
+      } else {
+        var parser = new DOMParser();
+        $.ajax({
+          url: file,
+          dataType: 'string',
+          success: function success(data) {
+            if (!data) {
+              $(useFallback);
+              return;
+            }
+            svgdoc = parser.parseFromString(data, 'text/xml');
+            $(function () {
+              getIcons('ajax');
+            });
+          },
+          error: function error(err) {
+            // TODO: Fix Opera widget icon bug
+            if (window.opera) {
+              $(function () {
+                useFallback();
+              });
+            } else {
+              if (err.responseText) {
+                svgdoc = parser.parseFromString(err.responseText, 'text/xml');
+
+                if (!svgdoc.childNodes.length) {
+                  $(useFallback);
+                }
+                $(function () {
+                  getIcons('ajax');
+                });
+              } else {
+                $(useFallback);
+              }
+            }
+          }
+        });
+      }
+
+      function getIcons(evt, noWait) {
+        if (evt !== 'ajax') {
+          if (dataLoaded) return;
+          // Webkit sometimes says svgdoc is undefined, other times
+          // it fails to load all nodes. Thus we must make sure the "eof"
+          // element is loaded.
+          svgdoc = dataEl[0].contentDocument; // Needed again for Webkit
+          var isReady = svgdoc && svgdoc.getElementById('svg_eof');
+          if (!isReady && !(noWait && isReady)) {
+            loadAttempts++;
+            if (loadAttempts < 50) {
+              setTimeout(getIcons, 20);
+            } else {
+              useFallback();
+              dataLoaded = true;
+            }
+            return;
+          }
+          dataLoaded = true;
+        }
+
+        elems = $(svgdoc.firstChild).children(); // .getElementsByTagName('foreignContent');
+
+        if (!opts.no_img) {
+          var testSrc = dataPre + 'PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D';
+
+          testImg = $(new Image()).attr({
+            src: testSrc,
+            width: 0,
+            height: 0
+          }).appendTo('body').load(function () {
+            // Safari 4 crashes, Opera and Chrome don't
+            makeIcons(true);
+          }).error(function () {
+            makeIcons();
+          });
+        } else {
+          setTimeout(function () {
+            if (!iconsMade) makeIcons();
+          }, 500);
+        }
+      }
+
+      function setIcon(target, icon, id, setID) {
+        if (isOpera) icon.css('visibility', 'hidden');
+        if (opts.replace) {
+          if (setID) icon.attr('id', id);
+          var cl = target.attr('class');
+          if (cl) icon.attr('class', 'svg_icon ' + cl);
+          target.replaceWith(icon);
+        } else {
+          target.append(icon);
+        }
+        if (isOpera) {
+          setTimeout(function () {
+            icon.removeAttr('style');
+          }, 1);
+        }
+      }
+
+      var holder = void 0;
+      function addIcon(icon, id) {
+        if (opts.id_match === undefined || opts.id_match !== false) {
+          setIcon(holder, icon, id, true);
+        }
+        svgIcons[id] = icon;
+      }
+
+      function makeIcons(toImage, fallback) {
+        if (iconsMade) return;
+        if (opts.no_img) toImage = false;
+
+        var tempHolder = void 0;
+        if (toImage) {
+          tempHolder = $(document.createElement('div'));
+          tempHolder.hide().appendTo('body');
+        }
+        if (fallback) {
+          var path = opts.fallback_path || '';
+          $.each(fallback, function (id, imgsrc) {
+            holder = $('#' + id);
+            var icon = $(new Image()).attr({
+              class: 'svg_icon',
+              src: path + imgsrc,
+              width: iconW,
+              height: iconH,
+              alt: 'icon'
+            });
+
+            addIcon(icon, id);
+          });
+        } else {
+          var len = elems.length;
+          for (var i = 0; i < len; i++) {
+            var elem = elems[i];
+            var id = elem.id;
+
+            if (id === 'svg_eof') break;
+            holder = $('#' + id);
+            var svgroot = document.createElementNS(svgns, 'svg');
+            // Per https://www.w3.org/TR/xml-names11/#defaulting, the namespace for
+            // attributes should have no value.
+            svgroot.setAttributeNS(null, 'viewBox', [0, 0, iconW, iconH].join(' '));
+
+            var svg = elem.getElementsByTagNameNS(svgns, 'svg')[0];
+
+            // Make flexible by converting width/height to viewBox
+            var w = svg.getAttribute('width');
+            var h = svg.getAttribute('height');
+            svg.removeAttribute('width');
+            svg.removeAttribute('height');
+
+            var vb = svg.getAttribute('viewBox');
+            if (!vb) {
+              svg.setAttribute('viewBox', [0, 0, w, h].join(' '));
+            }
+
+            // Not using jQuery to be a bit faster
+            svgroot.setAttribute('xmlns', svgns);
+            svgroot.setAttribute('width', iconW);
+            svgroot.setAttribute('height', iconH);
+            svgroot.setAttribute('xmlns:xlink', xlinkns);
+            svgroot.setAttribute('class', 'svg_icon');
+
+            // Without cloning, Firefox will make another GET request.
+            // With cloning, causes issue in Opera/Win/Non-EN
+            if (!isOpera) svg = svg.cloneNode(true);
+
+            svgroot.append(svg);
+
+            var icon = void 0;
+            if (toImage) {
+              tempHolder.empty().append(svgroot);
+              var str = dataPre + encode64(unescape(encodeURIComponent(new XMLSerializer().serializeToString(svgroot))));
+              icon = $(new Image()).attr({ class: 'svg_icon', src: str });
+            } else {
+              icon = fixIDs($(svgroot), i);
+            }
+            addIcon(icon, id);
+          }
+        }
+
+        if (opts.placement) {
+          $.each(opts.placement, function (sel, id) {
+            if (!svgIcons[id]) return;
+            $(sel).each(function (i) {
+              var copy = svgIcons[id].clone();
+              if (i > 0 && !toImage) copy = fixIDs(copy, i, true);
+              setIcon($(this), copy, id);
+            });
+          });
+        }
+        if (!fallback) {
+          if (toImage) tempHolder.remove();
+          if (dataEl) dataEl.remove();
+          if (testImg) testImg.remove();
+        }
+        if (opts.resize) $.resizeSvgIcons(opts.resize);
+        iconsMade = true;
+
+        if (opts.callback) opts.callback(svgIcons);
+      }
+
+      fixIDs = function fixIDs(svgEl, svgNum, force) {
+        var defs = svgEl.find('defs');
+        if (!defs.length) return svgEl;
+
+        var idElems = void 0;
+        if (isOpera) {
+          idElems = defs.find('*').filter(function () {
+            return !!this.id;
+          });
+        } else {
+          idElems = defs.find('[id]');
+        }
+
+        var allElems = svgEl[0].getElementsByTagName('*'),
+            len = allElems.length;
+
+        idElems.each(function (i) {
+          var id = this.id;
+          /*
+          const noDupes = ($(svgdoc).find('#' + id).length <= 1);
+          if (isOpera) noDupes = false; // Opera didn't clone svgEl, so not reliable
+          if(!force && noDupes) return;
+          */
+
+          var newId = 'x' + id + svgNum + i;
+          this.id = newId;
+
+          var oldVal = 'url(#' + id + ')';
+          var newVal = 'url(#' + newId + ')';
+
+          // Selector method, possibly faster but fails in Opera / jQuery 1.4.3
+          //  svgEl.find('[fill="url(#' + id + ')"]').each(function() {
+          //    this.setAttribute('fill', 'url(#' + newId + ')');
+          //  }).end().find('[stroke="url(#' + id + ')"]').each(function() {
+          //    this.setAttribute('stroke', 'url(#' + newId + ')');
+          //  }).end().find('use').each(function() {
+          //    if(this.getAttribute('xlink:href') == '#' + id) {
+          //      this.setAttributeNS(xlinkns,'href','#' + newId);
+          //    }
+          //  }).end().find('[filter="url(#' + id + ')"]').each(function() {
+          //    this.setAttribute('filter', 'url(#' + newId + ')');
+          //  });
+
+          for (i = 0; i < len; i++) {
+            var elem = allElems[i];
+            if (elem.getAttribute('fill') === oldVal) {
+              elem.setAttribute('fill', newVal);
+            }
+            if (elem.getAttribute('stroke') === oldVal) {
+              elem.setAttribute('stroke', newVal);
+            }
+            if (elem.getAttribute('filter') === oldVal) {
+              elem.setAttribute('filter', newVal);
+            }
+          }
+        });
+        return svgEl;
+      };
+
+      function useFallback() {
+        if (file.includes('.svgz')) {
+          var regFile = file.replace('.svgz', '.svg');
+          if (window.console) {
+            console.log('.svgz failed, trying with .svg');
+          }
+          $.svgIcons(regFile, opts);
+        } else if (opts.fallback) {
+          makeIcons(false, opts.fallback);
+        }
+      }
+
+      function encode64(input) {
+        // base64 strings are 4/3 larger than the original string
+        if (window.btoa) return window.btoa(input);
+        var _keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+        var output = new Array(Math.floor((input.length + 2) / 3) * 4);
+
+        var i = 0,
+            p = 0;
+        do {
+          var chr1 = input.charCodeAt(i++);
+          var chr2 = input.charCodeAt(i++);
+          var chr3 = input.charCodeAt(i++);
+
+          var enc1 = chr1 >> 2;
+          var enc2 = (chr1 & 3) << 4 | chr2 >> 4;
+
+          var enc3 = (chr2 & 15) << 2 | chr3 >> 6;
+          var enc4 = chr3 & 63;
+          if (isNaN(chr2)) {
+            enc3 = enc4 = 64;
+          } else if (isNaN(chr3)) {
+            enc4 = 64;
+          }
+
+          output[p++] = _keyStr.charAt(enc1);
+          output[p++] = _keyStr.charAt(enc2);
+          output[p++] = _keyStr.charAt(enc3);
+          output[p++] = _keyStr.charAt(enc4);
+        } while (i < input.length);
+
+        return output.join('');
+      }
+    };
+
+    /**
+    * @function external:jQuery.getSvgIcon
+    * @param {string} id
+    * @param {boolean} uniqueClone Whether to clone
+    * @returns {external:jQuery} The icon (optionally cloned)
+    */
+    $.getSvgIcon = function (id, uniqueClone) {
+      var icon = svgIcons[id];
+      if (uniqueClone && icon) {
+        icon = fixIDs(icon, 0, true).clone(true);
+      }
+      return icon;
+    };
+
+    /**
+    * @typedef {GenericArray} module:jQuerySVGIcons.Dimensions
+    * @property {Integer} length 2
+    * @property {Float} 0 Width
+    * @property {Float} 1 Height
+    */
+
+    /**
+    * If a Float is used, it will represent width and height. Arrays contain the width and height.
+    * @typedef {module:jQuerySVGIcons.Dimensions|Float} module:jQuerySVGIcons.Size
+    */
+
+    /**
+    * @function external:jQuery.resizeSvgIcons
+    * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} obj Object with selectors as keys. The values are sizes.
+    * @returns {undefined}
+    */
+    $.resizeSvgIcons = function (obj) {
+      // FF2 and older don't detect .svg_icon, so we change it detect svg elems instead
+      var changeSel = !$('.svg_icon:first').length;
+      $.each(obj, function (sel, size) {
+        var arr = Array.isArray(size);
+        var w = arr ? size[0] : size,
+            h = arr ? size[1] : size;
+        if (changeSel) {
+          sel = sel.replace(/\.svg_icon/g, 'svg');
+        }
+        $(sel).each(function () {
+          this.setAttribute('width', w);
+          this.setAttribute('height', h);
+          if (window.opera && window.widget) {
+            this.parentNode.style.width = w + 'px';
+            this.parentNode.style.height = h + 'px';
+          }
+        });
+      });
+    };
+    return $;
+  }
+
+  /**
+   * jGraduate 0.4
+   *
+   * jQuery Plugin for a gradient picker
+   *
+   * @module jGraduate
+   * @copyright 2010 Jeff Schiller {@link http://blog.codedread.com/}, 2010 Alexis Deveria {@link http://a.deveria.com/}
+   *
+   * @license Apache-2.0
+   * @example
+   * // The Paint object is described below.
+   * $.jGraduate.Paint() // constructs a 'none' color
+   * @example $.jGraduate.Paint({copy: o}) // creates a copy of the paint o
+   * @example $.jGraduate.Paint({hex: '#rrggbb'}) // creates a solid color paint with hex = "#rrggbb"
+   * @example $.jGraduate.Paint({linearGradient: o, a: 50}) // creates a linear gradient paint with opacity=0.5
+   * @example $.jGraduate.Paint({radialGradient: o, a: 7}) // creates a radial gradient paint with opacity=0.07
+   * @example $.jGraduate.Paint({hex: '#rrggbb', linearGradient: o}) // throws an exception?
+   *
+  */
+
+  /**
+    * The jQuery namespace.
+    * @external jQuery
+  */
+  /**
+   * The jQuery plugin namespace.
+   * @namespace {PlainObject} fn
+   * @memberof external:jQuery
+   * @see {@link http://learn.jquery.com/plugins/|jQuery Plugins}
+   */
+
+  var ns = {
+    svg: 'http://www.w3.org/2000/svg',
+    xlink: 'http://www.w3.org/1999/xlink'
+  };
+
+  if (!window.console) {
+    window.console = {
+      log: function log(str) {},
+      dir: function dir(str) {}
+    };
+  }
+
+  /**
+  * Adds {@link external:jQuery.jGraduate.Paint}, {@link external:jQuery.fn.jGraduateDefaults}, {@link external:jQuery.fn.jGraduate}
+  * @function module:jGraduate.jGraduate
+  * @param {external:jQuery} $ The jQuery instance to wrap
+  * @returns {external:jQuery}
+  */
+  function jqPluginJGraduate ($) {
+    if (!$.loadingStylesheets) {
+      $.loadingStylesheets = [];
+    }
+    var stylesheet = 'jgraduate/css/jGraduate.css';
+    if (!$.loadingStylesheets.includes(stylesheet)) {
+      $.loadingStylesheets.push(stylesheet);
+    }
+
+    /**
+    * @typedef {PlainObject} module:jGraduate.jGraduatePaintOptions
+    * @param {Float} [alpha]
+    * @param {module:jGraduate~Paint} [copy] Copy paint object
+    * @param {SVGLinearGradientElement} [linearGradient]
+    * @param {SVGRadialGradientElement} [radialGradient]
+    * @param {string} [solidColor]
+    */
+
+    /**
+    * @memberof module:jGraduate~
+    */
+
+    var Paint =
+    /**
+     * @param {module:jGraduate.jGraduatePaintOptions} [opt]
+    */
+    function Paint(opt) {
+      classCallCheck(this, Paint);
+
+      var options = opt || {};
+      this.alpha = isNaN(options.alpha) ? 100 : options.alpha;
+      // copy paint object
+      if (options.copy) {
+        /**
+         * @name module:jGraduate~Paint#type
+         * @type {"none"|"solidColor"|"linearGradient"|"radialGradient"}
+         */
+        this.type = options.copy.type;
+        /**
+         * Represents opacity (0-100)
+         * @name module:jGraduate~Paint#alpha
+         * @type {Float}
+         */
+        this.alpha = options.copy.alpha;
+        /**
+         * Represents #RRGGBB hex of color
+         * @name module:jGraduate~Paint#solidColor
+         * @type {string}
+         */
+        this.solidColor = null;
+        /**
+         * @name module:jGraduate~Paint#linearGradient
+         * @type {SVGLinearGradientElement}
+         */
+        this.linearGradient = null;
+        /**
+         * @name module:jGraduate~Paint#radialGradient
+         * @type {SVGRadialGradientElement}
+         */
+        this.radialGradient = null;
+
+        switch (this.type) {
+          case 'none':
+            break;
+          case 'solidColor':
+            this.solidColor = options.copy.solidColor;
+            break;
+          case 'linearGradient':
+            this.linearGradient = options.copy.linearGradient.cloneNode(true);
+            break;
+          case 'radialGradient':
+            this.radialGradient = options.copy.radialGradient.cloneNode(true);
+            break;
+        }
+        // create linear gradient paint
+      } else if (options.linearGradient) {
+        this.type = 'linearGradient';
+        this.solidColor = null;
+        this.radialGradient = null;
+        this.linearGradient = options.linearGradient.cloneNode(true);
+        // create linear gradient paint
+      } else if (options.radialGradient) {
+        this.type = 'radialGradient';
+        this.solidColor = null;
+        this.linearGradient = null;
+        this.radialGradient = options.radialGradient.cloneNode(true);
+        // create solid color paint
+      } else if (options.solidColor) {
+        this.type = 'solidColor';
+        this.solidColor = options.solidColor;
+        // create empty paint
+      } else {
+        this.type = 'none';
+        this.solidColor = null;
+        this.linearGradient = null;
+        this.radialGradient = null;
+      }
+    };
+    /**
+    * @namespace {PlainObject} jGraduate
+    * @memberof external:jQuery
+    */
+
+
+    $.jGraduate = /** @lends external:jQuery.jGraduate */{
+      /**
+      * @class external:jQuery.jGraduate.Paint
+      * @see module:jGraduate~Paint
+      */
+      Paint: Paint
+    };
+
+    // JSDoc doesn't show this as belonging to our `module:jGraduate.Options` type,
+    //   so we use `@see`
+    /**
+    * @namespace {module:jGraduate.Options} jGraduateDefaults
+    * @memberof external:jQuery.fn
+    */
+    $.fn.jGraduateDefaults = /** @lends external:jQuery.fn.jGraduateDefaults */{
+      /**
+      * Creates an object with a 'none' color
+      * @type {external:jQuery.jGraduate.Paint}
+      * @see module:jGraduate.Options
+      */
+      paint: new $.jGraduate.Paint(),
+      /**
+      * @namespace
+      */
+      window: {
+        /**
+        * @type {string}
+        * @see module:jGraduate.Options
+        */
+        pickerTitle: 'Drag markers to pick a paint'
+      },
+      /**
+      * @namespace
+      */
+      images: {
+        /**
+        * @type {string}
+        * @see module:jGraduate.Options
+        */
+        clientPath: 'images/'
+      },
+      /**
+      * @type {string}
+      * @see module:jGraduate.Options
+      */
+      newstop: 'inverse' // same, inverse, black, white
+    };
+
+    var isGecko = navigator.userAgent.includes('Gecko/');
+
+    function setAttrs(elem, attrs) {
+      if (isGecko) {
+        for (var aname in attrs) {
+          elem.setAttribute(aname, attrs[aname]);
+        }
+      } else {
+        for (var _aname in attrs) {
+          var val = attrs[_aname],
+              prop = elem[_aname];
+          if (prop && prop.constructor === 'SVGLength') {
+            prop.baseVal.value = val;
+          } else {
+            elem.setAttribute(_aname, val);
+          }
+        }
+      }
+    }
+
+    function mkElem(name, attrs, newparent) {
+      var elem = document.createElementNS(ns.svg, name);
+      setAttrs(elem, attrs);
+      if (newparent) {
+        newparent.append(elem);
+      }
+      return elem;
+    }
+
+    /**
+    * @typedef {PlainObject} module:jGraduate.ColorOpac Object may have one or both values
+    * @property {string} [color] #Hex color
+    * @property {Float} [opac] 0-1
+    */
+    /**
+    * @typedef {PlainObject} module:jGraduate.Options
+    * @property {module:jGraduate~Paint} [paint] A Paint object object describing the paint to display initially; defaults to a new instance without options (defaults to opaque white)
+    * @property {external:Window} [window]
+    * @property {string} [window.pickerTitle='Drag markers to pick a paint']
+    * @property {PlainObject} [images]
+    * @property {string} [images.clientPath='images/']
+    * @property {"same"|"inverse"|"black"|"white"|module:jGraduate.ColorOpac} [newstop="inverse"]
+    */
+
+    /**
+    * @callback external:jQuery.fn.jGraduate.OkCallback
+    * @param {external:jQuery.jGraduate.Paint} paint
+    * @returns {undefined}
+    */
+    /**
+    * @callback external:jQuery.fn.jGraduate.CancelCallback
+    * @returns {undefined}
+    */
+
+    /**
+    * @function external:jQuery.fn.jGraduate
+    * @param {module:jGraduate.Options} [options]
+    * @param {external:jQuery.fn.jGraduate.OkCallback} [okCallback] Called with a Paint object when Ok is pressed
+    * @param {external:jQuery.fn.jGraduate.CancelCallback} [cancelCallback] Called with no arguments when Cancel is pressed
+    * @returns {external:jQuery}
+    */
+    $.fn.jGraduate = function (options, okCallback, cancelCallback) {
+      return this.each(function () {
+        var $this = $(this),
+            $settings = $.extend(true, {}, $.fn.jGraduateDefaults, options || {}),
+            id = $this.attr('id'),
+            idref = '#' + $this.attr('id') + ' ';
+
+        if (!idref) {
+          alert('Container element must have an id attribute to maintain unique id strings for sub-elements.');
+          return;
+        }
+
+        var okClicked = function okClicked() {
+          switch ($this.paint.type) {
+            case 'radialGradient':
+              $this.paint.linearGradient = null;
+              break;
+            case 'linearGradient':
+              $this.paint.radialGradient = null;
+              break;
+            case 'solidColor':
+              $this.paint.radialGradient = $this.paint.linearGradient = null;
+              break;
+          }
+          typeof $this.okCallback === 'function' && $this.okCallback($this.paint);
+          $this.hide();
+        };
+        var cancelClicked = function cancelClicked() {
+          typeof $this.cancelCallback === 'function' && $this.cancelCallback();
+          $this.hide();
+        };
+
+        $.extend(true, $this, { // public properties, methods, and callbacks
+          // make a copy of the incoming paint
+          paint: new $.jGraduate.Paint({ copy: $settings.paint }),
+          okCallback: typeof okCallback === 'function' ? okCallback : null,
+          cancelCallback: typeof cancelCallback === 'function' ? cancelCallback : null
+        });
+
+        var // pos = $this.position(),
+        color = null;
+        var $win = $(window);
+
+        if ($this.paint.type === 'none') {
+          $this.paint = new $.jGraduate.Paint({ solidColor: 'ffffff' });
+        }
+
+        $this.addClass('jGraduate_Picker');
+        $this.html('<ul class="jGraduate_tabs">' + '<li class="jGraduate_tab_color jGraduate_tab_current" data-type="col">Solid Color</li>' + '<li class="jGraduate_tab_lingrad" data-type="lg">Linear Gradient</li>' + '<li class="jGraduate_tab_radgrad" data-type="rg">Radial Gradient</li>' + '</ul>' + '<div class="jGraduate_colPick"></div>' + '<div class="jGraduate_gradPick"></div>' + '<div class="jGraduate_LightBox"></div>' + '<div id="' + id + '_jGraduate_stopPicker" class="jGraduate_stopPicker"></div>');
+        var colPicker = $(idref + '> .jGraduate_colPick');
+        var gradPicker = $(idref + '> .jGraduate_gradPick');
+
+        gradPicker.html('<div id="' + id + '_jGraduate_Swatch" class="jGraduate_Swatch">' + '<h2 class="jGraduate_Title">' + $settings.window.pickerTitle + '</h2>' + '<div id="' + id + '_jGraduate_GradContainer" class="jGraduate_GradContainer"></div>' + '<div id="' + id + '_jGraduate_StopSlider" class="jGraduate_StopSlider"></div>' + '</div>' + '<div class="jGraduate_Form jGraduate_Points jGraduate_lg_field">' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">Begin Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_x1" size="3" title="Enter starting x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_y1" size="3" title="Enter starting y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">End Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_x2" size="3" title="Enter ending x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_y2" size="3" title="Enter ending y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '</div>' + '<div class="jGraduate_Form jGraduate_Points jGraduate_rg_field">' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">Center Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_cx" size="3" title="Enter x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_cy" size="3" title="Enter y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">Focal Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>Match center: <input type="checkbox" checked="checked" id="' + id + '_jGraduate_match_ctr"/></label><br/>' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_fx" size="3" title="Enter x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_fy" size="3" title="Enter y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '</div>' + '<div class="jGraduate_StopSection jGraduate_SpreadMethod">' + '<label class="jGraduate_Form_Heading">Spread method</label>' + '<div class="jGraduate_Form_Section">' + '<select class="jGraduate_spreadMethod">' + '<option value=pad selected>Pad</option>' + '<option value=reflect>Reflect</option>' + '<option value=repeat>Repeat</option>' + '</select>' + '</div>' + '</div>' + '<div class="jGraduate_Form">' + '<div class="jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field">' + '<label class="prelabel">Radius:</label>' + '<div id="' + id + '_jGraduate_Radius" class="jGraduate_SliderBar jGraduate_Radius" title="Click to set radius">' + '<img id="' + id + '_jGraduate_RadiusArrows" class="jGraduate_RadiusArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_RadiusInput" size="3" value="100"/>%</label>' + '</div>' + '<div class="jGraduate_Slider jGraduate_EllipField jGraduate_rg_field">' + '<label class="prelabel">Ellip:</label>' + '<div id="' + id + '_jGraduate_Ellip" class="jGraduate_SliderBar jGraduate_Ellip" title="Click to set Ellip">' + '<img id="' + id + '_jGraduate_EllipArrows" class="jGraduate_EllipArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_EllipInput" size="3" value="0"/>%</label>' + '</div>' + '<div class="jGraduate_Slider jGraduate_AngleField jGraduate_rg_field">' + '<label class="prelabel">Angle:</label>' + '<div id="' + id + '_jGraduate_Angle" class="jGraduate_SliderBar jGraduate_Angle" title="Click to set Angle">' + '<img id="' + id + '_jGraduate_AngleArrows" class="jGraduate_AngleArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_AngleInput" size="3" value="0"/>deg</label>' + '</div>' + '<div class="jGraduate_Slider jGraduate_OpacField">' + '<label class="prelabel">Opac:</label>' + '<div id="' + id + '_jGraduate_Opac" class="jGraduate_SliderBar jGraduate_Opac" title="Click to set Opac">' + '<img id="' + id + '_jGraduate_OpacArrows" class="jGraduate_OpacArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_OpacInput" size="3" value="100"/>%</label>' + '</div>' + '</div>' + '<div class="jGraduate_OkCancel">' + '<input type="button" id="' + id + '_jGraduate_Ok" class="jGraduate_Ok" value="OK"/>' + '<input type="button" id="' + id + '_jGraduate_Cancel" class="jGraduate_Cancel" value="Cancel"/>' + '</div>');
+
+        // --------------
+        // Set up all the SVG elements (the gradient, stops and rectangle)
+        var MAX = 256,
+            MARGINX = 0,
+            MARGINY = 0,
+
+        // STOP_RADIUS = 15 / 2,
+        SIZEX = MAX - 2 * MARGINX,
+            SIZEY = MAX - 2 * MARGINY;
+
+        var attrInput = {};
+
+        var SLIDERW = 145;
+        $('.jGraduate_SliderBar').width(SLIDERW);
+
+        var container = $('#' + id + '_jGraduate_GradContainer')[0];
+
+        var svg = mkElem('svg', {
+          id: id + '_jgraduate_svg',
+          width: MAX,
+          height: MAX,
+          xmlns: ns.svg
+        }, container);
+
+        // This wasn't working as designed
+        // let curType;
+        // curType = curType || $this.paint.type;
+
+        // if we are sent a gradient, import it
+        var curType = $this.paint.type;
+
+        var grad = $this.paint[curType];
+        var curGradient = grad;
+
+        var gradalpha = $this.paint.alpha;
+
+        var isSolid = curType === 'solidColor';
+
+        // Make any missing gradients
+        switch (curType) {
+          case 'solidColor':
+          // fall through
+          case 'linearGradient':
+            if (!isSolid) {
+              curGradient.id = id + '_lg_jgraduate_grad';
+              grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));
+            }
+            mkElem('radialGradient', {
+              id: id + '_rg_jgraduate_grad'
+            }, svg);
+            if (curType === 'linearGradient') {
+              break;
+            }
+          // fall through
+          case 'radialGradient':
+            if (!isSolid) {
+              curGradient.id = id + '_rg_jgraduate_grad';
+              grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));
+            }
+            mkElem('linearGradient', {
+              id: id + '_lg_jgraduate_grad'
+            }, svg);
+        }
+
+        var stopGroup = void 0; // eslint-disable-line prefer-const
+        if (isSolid) {
+          grad = curGradient = $('#' + id + '_lg_jgraduate_grad')[0];
+          color = $this.paint[curType];
+          mkStop(0, '#' + color, 1);
+
+          var type = _typeof($settings.newstop);
+
+          if (type === 'string') {
+            switch ($settings.newstop) {
+              case 'same':
+                mkStop(1, '#' + color, 1);
+                break;
+
+              case 'inverse':
+                // Invert current color for second stop
+                var inverted = '';
+                for (var i = 0; i < 6; i += 2) {
+                  // const ch = color.substr(i, 2);
+                  var inv = (255 - parseInt(color.substr(i, 2), 16)).toString(16);
+                  if (inv.length < 2) inv = 0 + inv;
+                  inverted += inv;
+                }
+                mkStop(1, '#' + inverted, 1);
+                break;
+
+              case 'white':
+                mkStop(1, '#ffffff', 1);
+                break;
+
+              case 'black':
+                mkStop(1, '#000000', 1);
+                break;
+            }
+          } else if (type === 'object') {
+            var opac = 'opac' in $settings.newstop ? $settings.newstop.opac : 1;
+            mkStop(1, $settings.newstop.color || '#' + color, opac);
+          }
+        }
+
+        var x1 = parseFloat(grad.getAttribute('x1') || 0.0),
+            y1 = parseFloat(grad.getAttribute('y1') || 0.0),
+            x2 = parseFloat(grad.getAttribute('x2') || 1.0),
+            y2 = parseFloat(grad.getAttribute('y2') || 0.0);
+
+        var cx = parseFloat(grad.getAttribute('cx') || 0.5),
+            cy = parseFloat(grad.getAttribute('cy') || 0.5),
+            fx = parseFloat(grad.getAttribute('fx') || cx),
+            fy = parseFloat(grad.getAttribute('fy') || cy);
+
+        var previewRect = mkElem('rect', {
+          id: id + '_jgraduate_rect',
+          x: MARGINX,
+          y: MARGINY,
+          width: SIZEX,
+          height: SIZEY,
+          fill: 'url(#' + id + '_jgraduate_grad)',
+          'fill-opacity': gradalpha / 100
+        }, svg);
+
+        // stop visuals created here
+        var beginCoord = $('<div/>').attr({
+          class: 'grad_coord jGraduate_lg_field',
+          title: 'Begin Stop'
+        }).text(1).css({
+          top: y1 * MAX,
+          left: x1 * MAX
+        }).data('coord', 'start').appendTo(container);
+
+        var endCoord = beginCoord.clone().text(2).css({
+          top: y2 * MAX,
+          left: x2 * MAX
+        }).attr('title', 'End stop').data('coord', 'end').appendTo(container);
+
+        var centerCoord = $('<div/>').attr({
+          class: 'grad_coord jGraduate_rg_field',
+          title: 'Center stop'
+        }).text('C').css({
+          top: cy * MAX,
+          left: cx * MAX
+        }).data('coord', 'center').appendTo(container);
+
+        var focusCoord = centerCoord.clone().text('F').css({
+          top: fy * MAX,
+          left: fx * MAX,
+          display: 'none'
+        }).attr('title', 'Focus point').data('coord', 'focus').appendTo(container);
+
+        focusCoord[0].id = id + '_jGraduate_focusCoord';
+
+        // const coords = $(idref + ' .grad_coord');
+
+        // $(container).hover(function () {
+        //   coords.animate({
+        //     opacity: 1
+        //   }, 500);
+        // }, function () {
+        //   coords.animate({
+        //     opacity: .2
+        //   }, 500);
+        // });
+
+        var showFocus = void 0;
+        $.each(['x1', 'y1', 'x2', 'y2', 'cx', 'cy', 'fx', 'fy'], function (i, attr) {
+          var isRadial = isNaN(attr[1]);
+
+          var attrval = curGradient.getAttribute(attr);
+          if (!attrval) {
+            // Set defaults
+            if (isRadial) {
+              // For radial points
+              attrval = '0.5';
+            } else {
+              // Only x2 is 1
+              attrval = attr === 'x2' ? '1.0' : '0.0';
+            }
+          }
+
+          attrInput[attr] = $('#' + id + '_jGraduate_' + attr).val(attrval).change(function () {
+            // TODO: Support values < 0 and > 1 (zoomable preview?)
+            if (isNaN(parseFloat(this.value)) || this.value < 0) {
+              this.value = 0.0;
+            } else if (this.value > 1) {
+              this.value = 1.0;
+            }
+
+            if (!(attr[0] === 'f' && !showFocus)) {
+              if (isRadial && curType === 'radialGradient' || !isRadial && curType === 'linearGradient') {
+                curGradient.setAttribute(attr, this.value);
+              }
+            }
+
+            var $elem = isRadial ? attr[0] === 'c' ? centerCoord : focusCoord : attr[1] === '1' ? beginCoord : endCoord;
+
+            var cssName = attr.includes('x') ? 'left' : 'top';
+
+            $elem.css(cssName, this.value * MAX);
+          }).change();
+        });
+
+        function mkStop(n, color, opac, sel, stopElem) {
+          var stop = stopElem || mkElem('stop', { 'stop-color': color, 'stop-opacity': opac, offset: n }, curGradient);
+          if (stopElem) {
+            color = stopElem.getAttribute('stop-color');
+            opac = stopElem.getAttribute('stop-opacity');
+            n = stopElem.getAttribute('offset');
+          } else {
+            curGradient.append(stop);
+          }
+          if (opac === null) opac = 1;
+
+          var pickerD = 'M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z';
+
+          var pathbg = mkElem('path', {
+            d: pickerD,
+            fill: 'url(#jGraduate_trans)',
+            transform: 'translate(' + (10 + n * MAX) + ', 26)'
+          }, stopGroup);
+
+          var path = mkElem('path', {
+            d: pickerD,
+            fill: color,
+            'fill-opacity': opac,
+            transform: 'translate(' + (10 + n * MAX) + ', 26)',
+            stroke: '#000',
+            'stroke-width': 1.5
+          }, stopGroup);
+
+          $(path).mousedown(function (e) {
+            selectStop(this);
+            drag = curStop;
+            $win.mousemove(dragColor).mouseup(remDrags);
+            stopOffset = stopMakerDiv.offset();
+            e.preventDefault();
+            return false;
+          }).data('stop', stop).data('bg', pathbg).dblclick(function () {
+            $('div.jGraduate_LightBox').show();
+            var colorhandle = this;
+            var stopOpacity = +stop.getAttribute('stop-opacity') || 1;
+            var stopColor = stop.getAttribute('stop-color') || 1;
+            var thisAlpha = (parseFloat(stopOpacity) * 255).toString(16);
+            while (thisAlpha.length < 2) {
+              thisAlpha = '0' + thisAlpha;
+            }
+            color = stopColor.substr(1) + thisAlpha;
+            $('#' + id + '_jGraduate_stopPicker').css({ left: 100, bottom: 15 }).jPicker({
+              window: { title: 'Pick the start color and opacity for the gradient' },
+              images: { clientPath: $settings.images.clientPath },
+              color: { active: color, alphaSupport: true }
+            }, function (color, arg2) {
+              stopColor = color.val('hex') ? '#' + color.val('hex') : 'none';
+              stopOpacity = color.val('a') !== null ? color.val('a') / 256 : 1;
+              colorhandle.setAttribute('fill', stopColor);
+              colorhandle.setAttribute('fill-opacity', stopOpacity);
+              stop.setAttribute('stop-color', stopColor);
+              stop.setAttribute('stop-opacity', stopOpacity);
+              $('div.jGraduate_LightBox').hide();
+              $('#' + id + '_jGraduate_stopPicker').hide();
+            }, null, function () {
+              $('div.jGraduate_LightBox').hide();
+              $('#' + id + '_jGraduate_stopPicker').hide();
+            });
+          });
+
+          $(curGradient).find('stop').each(function () {
+            var curS = $(this);
+            if (+this.getAttribute('offset') > n) {
+              if (!color) {
+                var newcolor = this.getAttribute('stop-color');
+                var newopac = this.getAttribute('stop-opacity');
+                stop.setAttribute('stop-color', newcolor);
+                path.setAttribute('fill', newcolor);
+                stop.setAttribute('stop-opacity', newopac === null ? 1 : newopac);
+                path.setAttribute('fill-opacity', newopac === null ? 1 : newopac);
+              }
+              curS.before(stop);
+              return false;
+            }
+          });
+          if (sel) selectStop(path);
+          return stop;
+        }
+
+        function remStop() {
+          delStop.setAttribute('display', 'none');
+          var path = $(curStop);
+          var stop = path.data('stop');
+          var bg = path.data('bg');
+          $([curStop, stop, bg]).remove();
+        }
+
+        var stopMakerDiv = $('#' + id + '_jGraduate_StopSlider');
+
+        var stops = void 0,
+            curStop = void 0,
+            drag = void 0;
+
+        var delStop = mkElem('path', {
+          d: 'm9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5',
+          fill: 'none',
+          stroke: '#D00',
+          'stroke-width': 5,
+          display: 'none'
+        }, undefined); // stopMakerSVG);
+
+        function selectStop(item) {
+          if (curStop) curStop.setAttribute('stroke', '#000');
+          item.setAttribute('stroke', 'blue');
+          curStop = item;
+          curStop.parentNode.append(curStop);
+          //   stops = $('stop');
+          //   opac_select.val(curStop.attr('fill-opacity') || 1);
+          //   root.append(delStop);
+        }
+
+        var stopOffset = void 0;
+
+        function remDrags() {
+          $win.unbind('mousemove', dragColor);
+          if (delStop.getAttribute('display') !== 'none') {
+            remStop();
+          }
+          drag = null;
+        }
+
+        var scaleX = 1,
+            scaleY = 1,
+            angle = 0;
+
+        var cX = cx;
+        var cY = cy;
+        function xform() {
+          var rot = angle ? 'rotate(' + angle + ',' + cX + ',' + cY + ') ' : '';
+          if (scaleX === 1 && scaleY === 1) {
+            curGradient.removeAttribute('gradientTransform');
+            // $('#ang').addClass('dis');
+          } else {
+            var x = -cX * (scaleX - 1);
+            var y = -cY * (scaleY - 1);
+            curGradient.setAttribute('gradientTransform', rot + 'translate(' + x + ',' + y + ') scale(' + scaleX + ',' + scaleY + ')');
+            // $('#ang').removeClass('dis');
+          }
+        }
+
+        function dragColor(evt) {
+          var x = evt.pageX - stopOffset.left;
+          var y = evt.pageY - stopOffset.top;
+          x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10 : x;
+
+          var xfStr = 'translate(' + x + ', 26)';
+          if (y < -60 || y > 130) {
+            delStop.setAttribute('display', 'block');
+            delStop.setAttribute('transform', xfStr);
+          } else {
+            delStop.setAttribute('display', 'none');
+          }
+
+          drag.setAttribute('transform', xfStr);
+          $.data(drag, 'bg').setAttribute('transform', xfStr);
+          var stop = $.data(drag, 'stop');
+          var sX = (x - 10) / MAX;
+
+          stop.setAttribute('offset', sX);
+
+          var last = 0;
+          $(curGradient).find('stop').each(function (i) {
+            var cur = this.getAttribute('offset');
+            var t = $(this);
+            if (cur < last) {
+              t.prev().before(t);
+              stops = $(curGradient).find('stop');
+            }
+            last = cur;
+          });
+        }
+
+        var stopMakerSVG = mkElem('svg', {
+          width: '100%',
+          height: 45
+        }, stopMakerDiv[0]);
+
+        var transPattern = mkElem('pattern', {
+          width: 16,
+          height: 16,
+          patternUnits: 'userSpaceOnUse',
+          id: 'jGraduate_trans'
+        }, stopMakerSVG);
+
+        var transImg = mkElem('image', {
+          width: 16,
+          height: 16
+        }, transPattern);
+
+        var bgImage = $settings.images.clientPath + 'map-opacity.png';
+
+        transImg.setAttributeNS(ns.xlink, 'xlink:href', bgImage);
+
+        $(stopMakerSVG).click(function (evt) {
+          stopOffset = stopMakerDiv.offset();
+          var target = evt.target;
+
+          if (target.tagName === 'path') return;
+          var x = evt.pageX - stopOffset.left - 8;
+          x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10 : x;
+          mkStop(x / MAX, 0, 0, true);
+          evt.stopPropagation();
+        });
+
+        $(stopMakerSVG).mouseover(function () {
+          stopMakerSVG.append(delStop);
+        });
+
+        stopGroup = mkElem('g', {}, stopMakerSVG);
+
+        mkElem('line', {
+          x1: 10,
+          y1: 15,
+          x2: MAX + 10,
+          y2: 15,
+          'stroke-width': 2,
+          stroke: '#000'
+        }, stopMakerSVG);
+
+        var spreadMethodOpt = gradPicker.find('.jGraduate_spreadMethod').change(function () {
+          curGradient.setAttribute('spreadMethod', $(this).val());
+        });
+
+        // handle dragging the stop around the swatch
+        var draggingCoord = null;
+
+        var onCoordDrag = function onCoordDrag(evt) {
+          var x = evt.pageX - offset.left;
+          var y = evt.pageY - offset.top;
+
+          // clamp stop to the swatch
+          x = x < 0 ? 0 : x > MAX ? MAX : x;
+          y = y < 0 ? 0 : y > MAX ? MAX : y;
+
+          draggingCoord.css('left', x).css('top', y);
+
+          // calculate stop offset
+          var fracx = x / SIZEX;
+          var fracy = y / SIZEY;
+
+          var type = draggingCoord.data('coord');
+          var grad = curGradient;
+
+          switch (type) {
+            case 'start':
+              attrInput.x1.val(fracx);
+              attrInput.y1.val(fracy);
+              grad.setAttribute('x1', fracx);
+              grad.setAttribute('y1', fracy);
+              break;
+            case 'end':
+              attrInput.x2.val(fracx);
+              attrInput.y2.val(fracy);
+              grad.setAttribute('x2', fracx);
+              grad.setAttribute('y2', fracy);
+              break;
+            case 'center':
+              attrInput.cx.val(fracx);
+              attrInput.cy.val(fracy);
+              grad.setAttribute('cx', fracx);
+              grad.setAttribute('cy', fracy);
+              cX = fracx;
+              cY = fracy;
+              xform();
+              break;
+            case 'focus':
+              attrInput.fx.val(fracx);
+              attrInput.fy.val(fracy);
+              grad.setAttribute('fx', fracx);
+              grad.setAttribute('fy', fracy);
+              xform();
+          }
+
+          evt.preventDefault();
+        };
+
+        var onCoordUp = function onCoordUp() {
+          draggingCoord = null;
+          $win.unbind('mousemove', onCoordDrag).unbind('mouseup', onCoordUp);
+        };
+
+        // Linear gradient
+        // (function () {
+
+        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+
+        var numstops = stops.length;
+        // if there are not at least two stops, then
+        if (numstops < 2) {
+          while (numstops < 2) {
+            curGradient.append(document.createElementNS(ns.svg, 'stop'));
+            ++numstops;
+          }
+          stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+        }
+
+        for (var _i = 0; _i < numstops; _i++) {
+          mkStop(0, 0, 0, 0, stops[_i]);
+        }
+
+        spreadMethodOpt.val(curGradient.getAttribute('spreadMethod') || 'pad');
+
+        var offset = void 0;
+
+        // No match, so show focus point
+        showFocus = false;
+
+        previewRect.setAttribute('fill-opacity', gradalpha / 100);
+
+        $('#' + id + ' div.grad_coord').mousedown(function (evt) {
+          evt.preventDefault();
+          draggingCoord = $(this);
+          // const sPos = draggingCoord.offset();
+          offset = draggingCoord.parent().offset();
+          $win.mousemove(onCoordDrag).mouseup(onCoordUp);
+        });
+
+        // bind GUI elements
+        $('#' + id + '_jGraduate_Ok').bind('click', function () {
+          $this.paint.type = curType;
+          $this.paint[curType] = curGradient.cloneNode(true);
+          $this.paint.solidColor = null;
+          okClicked();
+        });
+        $('#' + id + '_jGraduate_Cancel').bind('click', function (paint) {
+          cancelClicked();
+        });
+
+        if (curType === 'radialGradient') {
+          if (showFocus) {
+            focusCoord.show();
+          } else {
+            focusCoord.hide();
+            attrInput.fx.val('');
+            attrInput.fy.val('');
+          }
+        }
+
+        $('#' + id + '_jGraduate_match_ctr')[0].checked = !showFocus;
+
+        var lastfx = void 0,
+            lastfy = void 0;
+
+        $('#' + id + '_jGraduate_match_ctr').change(function () {
+          showFocus = !this.checked;
+          focusCoord.toggle(showFocus);
+          attrInput.fx.val('');
+          attrInput.fy.val('');
+          var grad = curGradient;
+          if (!showFocus) {
+            lastfx = grad.getAttribute('fx');
+            lastfy = grad.getAttribute('fy');
+            grad.removeAttribute('fx');
+            grad.removeAttribute('fy');
+          } else {
+            var _fx = lastfx || 0.5;
+            var _fy = lastfy || 0.5;
+            grad.setAttribute('fx', _fx);
+            grad.setAttribute('fy', _fy);
+            attrInput.fx.val(_fx);
+            attrInput.fy.val(_fy);
+          }
+        });
+
+        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+        numstops = stops.length;
+        // if there are not at least two stops, then
+        if (numstops < 2) {
+          while (numstops < 2) {
+            curGradient.append(document.createElementNS(ns.svg, 'stop'));
+            ++numstops;
+          }
+          stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+        }
+
+        var slider = void 0;
+
+        var setSlider = function setSlider(e) {
+          var _slider = slider,
+              offset = _slider.offset;
+
+          var div = slider.parent;
+          var x = e.pageX - offset.left - parseInt(div.css('border-left-width'));
+          if (x > SLIDERW) x = SLIDERW;
+          if (x <= 0) x = 0;
+          var posx = x - 5;
+          x /= SLIDERW;
+
+          switch (slider.type) {
+            case 'radius':
+              x = Math.pow(x * 2, 2.5);
+              if (x > 0.98 && x < 1.02) x = 1;
+              if (x <= 0.01) x = 0.01;
+              curGradient.setAttribute('r', x);
+              break;
+            case 'opacity':
+              $this.paint.alpha = parseInt(x * 100);
+              previewRect.setAttribute('fill-opacity', x);
+              break;
+            case 'ellip':
+              scaleX = 1;
+              scaleY = 1;
+              if (x < 0.5) {
+                x /= 0.5; // 0.001
+                scaleX = x <= 0 ? 0.01 : x;
+              } else if (x > 0.5) {
+                x /= 0.5; // 2
+                x = 2 - x;
+                scaleY = x <= 0 ? 0.01 : x;
+              }
+              xform();
+              x -= 1;
+              if (scaleY === x + 1) {
+                x = Math.abs(x);
+              }
+              break;
+            case 'angle':
+              x = x - 0.5;
+              angle = x *= 180;
+              xform();
+              x /= 100;
+              break;
+          }
+          slider.elem.css({ 'margin-left': posx });
+          x = Math.round(x * 100);
+          slider.input.val(x);
+        };
+
+        var ellipVal = 0,
+            angleVal = 0;
+
+        if (curType === 'radialGradient') {
+          var tlist = curGradient.gradientTransform.baseVal;
+          if (tlist.numberOfItems === 2) {
+            var t = tlist.getItem(0);
+            var s = tlist.getItem(1);
+            if (t.type === 2 && s.type === 3) {
+              var m = s.matrix;
+              if (m.a !== 1) {
+                ellipVal = Math.round(-(1 - m.a) * 100);
+              } else if (m.d !== 1) {
+                ellipVal = Math.round((1 - m.d) * 100);
+              }
+            }
+          } else if (tlist.numberOfItems === 3) {
+            // Assume [R][T][S]
+            var r = tlist.getItem(0);
+            var _t = tlist.getItem(1);
+            var _s = tlist.getItem(2);
+
+            if (r.type === 4 && _t.type === 2 && _s.type === 3) {
+              angleVal = Math.round(r.angle);
+              var _m = _s.matrix;
+              if (_m.a !== 1) {
+                ellipVal = Math.round(-(1 - _m.a) * 100);
+              } else if (_m.d !== 1) {
+                ellipVal = Math.round((1 - _m.d) * 100);
+              }
+            }
+          }
+        }
+
+        var sliders = {
+          radius: {
+            handle: '#' + id + '_jGraduate_RadiusArrows',
+            input: '#' + id + '_jGraduate_RadiusInput',
+            val: (curGradient.getAttribute('r') || 0.5) * 100
+          },
+          opacity: {
+            handle: '#' + id + '_jGraduate_OpacArrows',
+            input: '#' + id + '_jGraduate_OpacInput',
+            val: $this.paint.alpha || 100
+          },
+          ellip: {
+            handle: '#' + id + '_jGraduate_EllipArrows',
+            input: '#' + id + '_jGraduate_EllipInput',
+            val: ellipVal
+          },
+          angle: {
+            handle: '#' + id + '_jGraduate_AngleArrows',
+            input: '#' + id + '_jGraduate_AngleInput',
+            val: angleVal
+          }
+        };
+
+        $.each(sliders, function (type, data) {
+          var handle = $(data.handle);
+          handle.mousedown(function (evt) {
+            var parent = handle.parent();
+            slider = {
+              type: type,
+              elem: handle,
+              input: $(data.input),
+              parent: parent,
+              offset: parent.offset()
+            };
+            $win.mousemove(dragSlider).mouseup(stopSlider);
+            evt.preventDefault();
+          });
+
+          $(data.input).val(data.val).change(function () {
+            var isRad = curType === 'radialGradient';
+            var val = +this.value;
+            var xpos = 0;
+            switch (type) {
+              case 'radius':
+                if (isRad) curGradient.setAttribute('r', val / 100);
+                xpos = Math.pow(val / 100, 1 / 2.5) / 2 * SLIDERW;
+                break;
+
+              case 'opacity':
+                $this.paint.alpha = val;
+                previewRect.setAttribute('fill-opacity', val / 100);
+                xpos = val * (SLIDERW / 100);
+                break;
+
+              case 'ellip':
+                scaleX = scaleY = 1;
+                if (val === 0) {
+                  xpos = SLIDERW * 0.5;
+                  break;
+                }
+                if (val > 99.5) val = 99.5;
+                if (val > 0) {
+                  scaleY = 1 - val / 100;
+                } else {
+                  scaleX = -(val / 100) - 1;
+                }
+
+                xpos = SLIDERW * ((val + 100) / 2) / 100;
+                if (isRad) xform();
+                break;
+
+              case 'angle':
+                angle = val;
+                xpos = angle / 180;
+                xpos += 0.5;
+                xpos *= SLIDERW;
+                if (isRad) xform();
+            }
+            if (xpos > SLIDERW) {
+              xpos = SLIDERW;
+            } else if (xpos < 0) {
+              xpos = 0;
+            }
+            handle.css({ 'margin-left': xpos - 5 });
+          }).change();
+        });
+
+        var dragSlider = function dragSlider(evt) {
+          setSlider(evt);
+          evt.preventDefault();
+        };
+
+        var stopSlider = function stopSlider(evt) {
+          $win.unbind('mousemove', dragSlider).unbind('mouseup', stopSlider);
+          slider = null;
+        };
+
+        // --------------
+        var thisAlpha = ($this.paint.alpha * 255 / 100).toString(16);
+        while (thisAlpha.length < 2) {
+          thisAlpha = '0' + thisAlpha;
+        }
+        thisAlpha = thisAlpha.split('.')[0];
+        color = $this.paint.solidColor === 'none' ? '' : $this.paint.solidColor + thisAlpha;
+
+        if (!isSolid) {
+          color = stops[0].getAttribute('stop-color');
+        }
+
+        // This should be done somewhere else, probably
+        $.extend($.fn.jPicker.defaults.window, {
+          alphaSupport: true, effects: { type: 'show', speed: 0 }
+        });
+
+        colPicker.jPicker({
+          window: { title: $settings.window.pickerTitle },
+          images: { clientPath: $settings.images.clientPath },
+          color: { active: color, alphaSupport: true }
+        }, function (color) {
+          $this.paint.type = 'solidColor';
+          $this.paint.alpha = color.val('ahex') ? Math.round(color.val('a') / 255 * 100) : 100;
+          $this.paint.solidColor = color.val('hex') ? color.val('hex') : 'none';
+          $this.paint.radialGradient = null;
+          okClicked();
+        }, null, function () {
+          cancelClicked();
+        });
+
+        var tabs = $(idref + ' .jGraduate_tabs li');
+        tabs.click(function () {
+          tabs.removeClass('jGraduate_tab_current');
+          $(this).addClass('jGraduate_tab_current');
+          $(idref + ' > div').hide();
+          var type = $(this).attr('data-type');
+          /* const container = */$(idref + ' .jGraduate_gradPick').show();
+          if (type === 'rg' || type === 'lg') {
+            // Show/hide appropriate fields
+            $('.jGraduate_' + type + '_field').show();
+            $('.jGraduate_' + (type === 'lg' ? 'rg' : 'lg') + '_field').hide();
+
+            $('#' + id + '_jgraduate_rect')[0].setAttribute('fill', 'url(#' + id + '_' + type + '_jgraduate_grad)');
+
+            // Copy stops
+
+            curType = type === 'lg' ? 'linearGradient' : 'radialGradient';
+
+            $('#' + id + '_jGraduate_OpacInput').val($this.paint.alpha).change();
+
+            var newGrad = $('#' + id + '_' + type + '_jgraduate_grad')[0];
+
+            if (curGradient !== newGrad) {
+              var curStops = $(curGradient).find('stop');
+              $(newGrad).empty().append(curStops);
+              curGradient = newGrad;
+              var sm = spreadMethodOpt.val();
+              curGradient.setAttribute('spreadMethod', sm);
+            }
+            showFocus = type === 'rg' && curGradient.getAttribute('fx') != null && !(cx === fx && cy === fy);
+            $('#' + id + '_jGraduate_focusCoord').toggle(showFocus);
+            if (showFocus) {
+              $('#' + id + '_jGraduate_match_ctr')[0].checked = false;
+            }
+          } else {
+            $(idref + ' .jGraduate_gradPick').hide();
+            $(idref + ' .jGraduate_colPick').show();
+          }
+        });
+        $(idref + ' > div').hide();
+        tabs.removeClass('jGraduate_tab_current');
+        var tab = void 0;
+        switch ($this.paint.type) {
+          case 'linearGradient':
+            tab = $(idref + ' .jGraduate_tab_lingrad');
+            break;
+          case 'radialGradient':
+            tab = $(idref + ' .jGraduate_tab_radgrad');
+            break;
+          default:
+            tab = $(idref + ' .jGraduate_tab_color');
+            break;
+        }
+        $this.show();
+
+        // jPicker will try to show after a 0ms timeout, so need to fire this after that
+        setTimeout(function () {
+          tab.addClass('jGraduate_tab_current').click();
+        }, 10);
+      });
+    };
+    return $;
+  }
+
+  /**
+   * SpinButton control
+   *
+   * Adds bells and whistles to any ordinary textbox to
+   * make it look and feel like a SpinButton Control.
+   *
+   * Supplies {@link external:jQuery.fn.SpinButton} (and also {@link external:jQuery.loadingStylesheets})
+   *
+   * Originally written by George Adamson, Software Unity (george.jquery@softwareunity.com) August 2006.
+   * - Added min/max options
+   * - Added step size option
+   * - Added bigStep (page up/down) option
+   *
+   * Modifications made by Mark Gibson, (mgibson@designlinks.net) September 2006:
+   * - Converted to jQuery plugin
+   * - Allow limited or unlimited min/max values
+   * - Allow custom class names, and add class to input element
+   * - Removed global vars
+   * - Reset (to original or through config) when invalid value entered
+   * - Repeat whilst holding mouse button down (with initial pause, like keyboard repeat)
+   * - Support mouse wheel in Firefox
+   * - Fix double click in IE
+   * - Refactored some code and renamed some vars
+   *
+   * Modifications by Jeff Schiller, June 2009:
+   * - provide callback function for when the value changes based on the following
+   *   {@link https://www.mail-archive.com/jquery-en@googlegroups.com/msg36070.html}
+   *
+   * Modifications by Jeff Schiller, July 2009:
+   * - improve styling for widget in Opera
+   * - consistent key-repeat handling cross-browser
+   *
+   * Modifications by Alexis Deveria, October 2009:
+   * - provide "stepfunc" callback option to allow custom function to run when changing a value
+   * - Made adjustValue(0) only run on certain keyup events, not all.
+   *
+   * Tested in IE6, Opera9, Firefox 1.5
+   *
+   * | Version | Date | Author | Notes
+   * |---------|------|--------|------|
+   * | v1.0 | 11 Aug 2006 | George Adamson | First release
+   * | v1.1 | Aug 2006 | George Adamson | Minor enhancements
+   * | v1.2 | 27 Sep 2006 | Mark Gibson | Major enhancements
+   * | v1.3a | 28 Sep 2006 | George Adamson | Minor enhancements
+   * | v1.4 | 18 Jun 2009 | Jeff Schiller | Added callback function
+   * | v1.5 | 06 Jul 2009 | Jeff Schiller | Fixes for Opera.
+   * | v1.6 | 13 Oct 2009 | Alexis Deveria | Added stepfunc function
+   * | v1.7 | 21 Oct 2009 | Alexis Deveria | Minor fixes.<br />Fast-repeat for keys and live updating as you type.
+   * | v1.8 | 12 Jan 2010 | Benjamin Thomas | Fixes for mouseout behavior.<br />Added smallStep
+   * | v1.9 | 20 May 2018 | Brett Zamir | Avoid SVGEdit dependency via `stateObj` config;<br />convert to ES6 module |
+   * @module jQuerySpinButton
+   * @example
+
+    // Create group of settings to initialise spinbutton(s). (Optional)
+    const myOptions = {
+      min: 0, // Set lower limit.
+      max: 100, // Set upper limit.
+      step: 1, // Set increment size.
+      smallStep: 0.5, // Set shift-click increment size.
+      stateObj: {tool_scale: 1}, // Object to allow passing in live-updating scale
+      spinClass: mySpinBtnClass, // CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
+      upClass: mySpinUpClass, // CSS class for style when mouse over up button.
+      downClass: mySpinDnClass // CSS class for style when mouse over down button.
+    };
+
+    $(function () {
+      // Initialise INPUT element(s) as SpinButtons: (passing options if desired)
+      $("#myInputElement").SpinButton(myOptions);
+    });
+   */
+  /**
+   * @function module:jQuerySpinButton.jQuerySpinButton
+   * @param {external:jQuery} $ The jQuery object to which to add the plug-in
+   * @returns {external:jQuery}
+  */
+  function jqPluginSpinBtn ($) {
+    if (!$.loadingStylesheets) {
+      $.loadingStylesheets = [];
+    }
+    var stylesheet = 'spinbtn/jQuery.SpinButton.css';
+    if (!$.loadingStylesheets.includes(stylesheet)) {
+      $.loadingStylesheets.push(stylesheet);
+    }
+    /**
+    * @callback module:jQuerySpinButton.StepCallback
+    * @param {external:jQuery} thisArg Value of `this`
+    */
+    /**
+    * @callback module:jQuerySpinButton.ValueCallback
+    * @param {external:jQuery} thisArg Value of `this`
+    * @param {Float} value Value that was changed
+    */
+    /**
+     * @typedef {PlainObject} module:jQuerySpinButton.SpinButtonConfig
+     * @property {Float} min Set lower limit
+     * @property {Float} max Set upper limit.
+     * @property {Float} step Set increment size.
+     * @property {module:jQuerySpinButton.StepCallback} stepfunc Custom function to run when changing a value; called with `this` of object and the value to adjust
+     * @property {module:jQuerySpinButton.ValueCallback} callback Called after value adjusted (with `this` of object)
+     * @property {Float} smallStep Set shift-click increment size.
+     * @property {PlainObject} stateObj Object to allow passing in live-updating scale
+     * @property {Float} stateObj.tool_scale
+     * @property {string} spinClass CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
+     * @property {string} upClass CSS class for style when mouse over up button.
+     * @property {string} downClass CSS class for style when mouse over down button.
+     * @property {Float} page Value to be adjusted on page up/page down
+     * @property {Float} reset Reset value when invalid value entered
+     * @property {Float} delay Millisecond delay
+     * @property {Float} interval Millisecond interval
+    */
+    /**
+    * @function external:jQuery.fn.SpinButton
+    * @param {module:jQuerySpinButton.SpinButtonConfig} cfg
+    * @returns {external:jQuery}
+    */
+    $.fn.SpinButton = function (cfg) {
+      cfg = cfg || {};
+      function coord(el, prop) {
+        var b = document.body;
+
+        var c = el[prop];
+        while ((el = el.offsetParent) && el !== b) {
+          if (!$.browser.msie || el.currentStyle.position !== 'relative') {
+            c += el[prop];
+          }
+        }
+
+        return c;
+      }
+
+      return this.each(function () {
+        this.repeating = false;
+
+        // Apply specified options or defaults:
+        // (Ought to refactor this some day to use $.extend() instead)
+        this.spinCfg = {
+          // min: cfg.min ? Number(cfg.min) : null,
+          // max: cfg.max ? Number(cfg.max) : null,
+          min: !isNaN(parseFloat(cfg.min)) ? Number(cfg.min) : null, // Fixes bug with min:0
+          max: !isNaN(parseFloat(cfg.max)) ? Number(cfg.max) : null,
+          step: cfg.step ? Number(cfg.step) : 1,
+          stepfunc: cfg.stepfunc || false,
+          page: cfg.page ? Number(cfg.page) : 10,
+          upClass: cfg.upClass || 'up',
+          downClass: cfg.downClass || 'down',
+          reset: cfg.reset || this.value,
+          delay: cfg.delay ? Number(cfg.delay) : 500,
+          interval: cfg.interval ? Number(cfg.interval) : 100,
+          _btn_width: 20,
+          _direction: null,
+          _delay: null,
+          _repeat: null,
+          callback: cfg.callback || null
+        };
+
+        // if a smallStep isn't supplied, use half the regular step
+        this.spinCfg.smallStep = cfg.smallStep || this.spinCfg.step / 2;
+
+        this.adjustValue = function (i) {
+          var v = void 0;
+          if (isNaN(this.value)) {
+            v = this.spinCfg.reset;
+          } else if (typeof this.spinCfg.stepfunc === 'function') {
+            v = this.spinCfg.stepfunc(this, i);
+          } else {
+            // weirdest JavaScript bug ever: 5.1 + 0.1 = 5.199999999
+            v = Number((Number(this.value) + Number(i)).toFixed(5));
+          }
+          if (this.spinCfg.min !== null) {
+            v = Math.max(v, this.spinCfg.min);
+          }
+          if (this.spinCfg.max !== null) {
+            v = Math.min(v, this.spinCfg.max);
+          }
+          this.value = v;
+          if (typeof this.spinCfg.callback === 'function') {
+            this.spinCfg.callback(this);
+          }
+        };
+
+        $(this).addClass(cfg.spinClass || 'spin-button').mousemove(function (e) {
+          // Determine which button mouse is over, or not (spin direction):
+          var x = e.pageX || e.x;
+          var y = e.pageY || e.y;
+          var el = e.target;
+          var scale = cfg.stateObj.tool_scale || 1;
+          var height = $(el).height() / 2;
+
+          var direction = x > coord(el, 'offsetLeft') + el.offsetWidth * scale - this.spinCfg._btn_width ? y < coord(el, 'offsetTop') + height * scale ? 1 : -1 : 0;
+
+          if (direction !== this.spinCfg._direction) {
+            // Style up/down buttons:
+            switch (direction) {
+              case 1:
+                // Up arrow:
+                $(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);
+                break;
+              case -1:
+                // Down arrow:
+                $(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);
+                break;
+              default:
+                // Mouse is elsewhere in the textbox
+                $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
+            }
+
+            // Set spin direction:
+            this.spinCfg._direction = direction;
+          }
+        }).mouseout(function () {
+          // Reset up/down buttons to their normal appearance when mouse moves away:
+          $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
+          this.spinCfg._direction = null;
+          window.clearInterval(this.spinCfg._repeat);
+          window.clearTimeout(this.spinCfg._delay);
+        }).mousedown(function (e) {
+          var _this = this;
+
+          if (e.button === 0 && this.spinCfg._direction !== 0) {
+            // Respond to click on one of the buttons:
+            var stepSize = e.shiftKey ? this.spinCfg.smallStep : this.spinCfg.step;
+
+            var adjust = function adjust() {
+              _this.adjustValue(_this.spinCfg._direction * stepSize);
+            };
+
+            adjust();
+
+            // Initial delay before repeating adjustment
+            this.spinCfg._delay = window.setTimeout(function () {
+              adjust();
+              // Repeat adjust at regular intervals
+              _this.spinCfg._repeat = window.setInterval(adjust, _this.spinCfg.interval);
+            }, this.spinCfg.delay);
+          }
+        }).mouseup(function (e) {
+          // Cancel repeating adjustment
+          window.clearInterval(this.spinCfg._repeat);
+          window.clearTimeout(this.spinCfg._delay);
+        }).dblclick(function (e) {
+          if ($.browser.msie) {
+            this.adjustValue(this.spinCfg._direction * this.spinCfg.step);
+          }
+        }).keydown(function (e) {
+          // Respond to up/down arrow keys.
+          switch (e.keyCode) {
+            case 38:
+              this.adjustValue(this.spinCfg.step);break; // Up
+            case 40:
+              this.adjustValue(-this.spinCfg.step);break; // Down
+            case 33:
+              this.adjustValue(this.spinCfg.page);break; // PageUp
+            case 34:
+              this.adjustValue(-this.spinCfg.page);break; // PageDown
+          }
+        })
+
+        /*
+        http://unixpapa.com/js/key.html describes the current state-of-affairs for
+        key repeat events:
+        - Safari 3.1 changed their model so that keydown is reliably repeated going forward
+        - Firefox and Opera still only repeat the keypress event, not the keydown
+        */
+        .keypress(function (e) {
+          if (this.repeating) {
+            // Respond to up/down arrow keys.
+            switch (e.keyCode) {
+              case 38:
+                this.adjustValue(this.spinCfg.step);break; // Up
+              case 40:
+                this.adjustValue(-this.spinCfg.step);break; // Down
+              case 33:
+                this.adjustValue(this.spinCfg.page);break; // PageUp
+              case 34:
+                this.adjustValue(-this.spinCfg.page);break; // PageDown
+            }
+            // we always ignore the first keypress event (use the keydown instead)
+          } else {
+            this.repeating = true;
+          }
+        })
+
+        // clear the 'repeating' flag
+        .keyup(function (e) {
+          this.repeating = false;
+          switch (e.keyCode) {
+            case 38: // Up
+            case 40: // Down
+            case 33: // PageUp
+            case 34: // PageDown
+            case 13:
+              this.adjustValue(0);break; // Enter/Return
+          }
+        }).bind('mousewheel', function (e) {
+          // Respond to mouse wheel in IE. (It returns up/dn motion in multiples of 120)
+          if (e.wheelDelta >= 120) {
+            this.adjustValue(this.spinCfg.step);
+          } else if (e.wheelDelta <= -120) {
+            this.adjustValue(-this.spinCfg.step);
+          }
+
+          e.preventDefault();
+        }).change(function (e) {
+          this.adjustValue(0);
+        });
+
+        if (this.addEventListener) {
+          // Respond to mouse wheel in Firefox
+          this.addEventListener('DOMMouseScroll', function (e) {
+            if (e.detail > 0) {
+              this.adjustValue(-this.spinCfg.step);
+            } else if (e.detail < 0) {
+              this.adjustValue(this.spinCfg.step);
+            }
+
+            e.preventDefault();
+          }, false);
+        }
+      });
+    };
+    return $;
+  }
+
+  /**
+   * jQuery Context Menu Plugin
+   * Cory S.N. LaViska
+   * A Beautiful Site ({@link https://abeautifulsite.net/})
+   * Modified by Alexis Deveria
+   *
+   * More info: {@link https://abeautifulsite.net/2008/09/jquery-context-menu-plugin/}
+   *
+   * @module jQueryContextMenu
+   * @todo Update to latest version and adapt (and needs jQuery update as well): {@link https://github.com/swisnl/jQuery-contextMenu}
+   * @version 1.01
+   *
+   * @license
+   * Terms of Use
+   *
+   * This plugin is dual-licensed under the GNU General Public License
+   *   and the MIT License and is copyright A Beautiful Site, LLC.
+   *
+  */
+
+  /**
+  * @callback module:jQueryContextMenu.jQueryContextMenuCallback
+  * @param {string} href The `href` value after the first character (for bypassing an initial `#`)
+  * @param {external:jQuery} srcElement The wrapped jQuery srcElement
+  * @param {{x: Float, y: Float, docX: Float, docY: Float}} coords
+  */
+
+  /**
+  * @typedef {PlainObject} module:jQueryContextMenu.jQueryContextMenuConfig
+  * @property {string} menu
+  * @property {Float} inSpeed
+  * @property {Float} outSpeed
+  * @property {boolean} allowLeft
+  */
+
+  /**
+  * Adds {@link external:jQuery.fn.contextMenu}, {@link external:jQuery.fn.disableContextMenuItems}, {@link external:jQuery.fn.enableContextMenuItems}, {@link external:jQuery.fn.disableContextMenu}, {@link external:jQuery.fn.enableContextMenu}, {@link external:jQuery.fn.destroyContextMenu}
+  * @function module:jQueryContextMenu.jQueryContextMenu
+  * @param {external:jQuery} $ The jQuery object to wrap (with `contextMenu`, `disableContextMenuItems`, `enableContextMenuItems`, `disableContextMenu`, `enableContextMenu`, `destroyContextMenu`)
+  * @returns {external:jQuery}
+  */
+  function jQueryContextMenu($) {
+    var win = $(window);
+    var doc = $(document);
+
+    $.extend($.fn, {
+      /**
+      * @memberof external:jQuery.fn
+      * @param {module:jQueryContextMenu.jQueryContextMenuConfig} o
+      * @param {module:jQueryContextMenu.jQueryContextMenuCallback} callback
+      * @returns {external:jQuery}
+      */
+      contextMenu: function contextMenu(o, callback) {
+        // Defaults
+        if (o.menu === undefined) return false;
+        if (o.inSpeed === undefined) o.inSpeed = 150;
+        if (o.outSpeed === undefined) o.outSpeed = 75;
+        // 0 needs to be -1 for expected results (no fade)
+        if (o.inSpeed === 0) o.inSpeed = -1;
+        if (o.outSpeed === 0) o.outSpeed = -1;
+        // Loop each context menu
+        $(this).each(function () {
+          var el = $(this);
+          var offset = $(el).offset();
+
+          var menu = $('#' + o.menu);
+
+          // Add contextMenu class
+          menu.addClass('contextMenu');
+          // Simulate a true right click
+          $(this).bind('mousedown', function (e) {
+            var evt = e;
+            $(this).mouseup(function (e) {
+              var srcElement = $(this);
+              srcElement.unbind('mouseup');
+              if (evt.button === 2 || o.allowLeft || evt.ctrlKey && isMac()) {
+                e.stopPropagation();
+                // Hide context menus that may be showing
+                $('.contextMenu').hide();
+                // Get this context menu
+
+                if (el.hasClass('disabled')) return false;
+
+                // Detect mouse position
+                var x = e.pageX,
+                    y = e.pageY;
+
+                var xOff = win.width() - menu.width(),
+                    yOff = win.height() - menu.height();
+
+                if (x > xOff - 15) x = xOff - 15;
+                if (y > yOff - 30) y = yOff - 30; // 30 is needed to prevent scrollbars in FF
+
+                // Show the menu
+                doc.unbind('click');
+                menu.css({ top: y, left: x }).fadeIn(o.inSpeed);
+                // Hover events
+                menu.find('A').mouseover(function () {
+                  menu.find('LI.hover').removeClass('hover');
+                  $(this).parent().addClass('hover');
+                }).mouseout(function () {
+                  menu.find('LI.hover').removeClass('hover');
+                });
+
+                // Keyboard
+                doc.keypress(function (e) {
+                  switch (e.keyCode) {
+                    case 38:
+                      // up
+                      if (!menu.find('LI.hover').length) {
+                        menu.find('LI:last').addClass('hover');
+                      } else {
+                        menu.find('LI.hover').removeClass('hover').prevAll('LI:not(.disabled)').eq(0).addClass('hover');
+                        if (!menu.find('LI.hover').length) menu.find('LI:last').addClass('hover');
+                      }
+                      break;
+                    case 40:
+                      // down
+                      if (!menu.find('LI.hover').length) {
+                        menu.find('LI:first').addClass('hover');
+                      } else {
+                        menu.find('LI.hover').removeClass('hover').nextAll('LI:not(.disabled)').eq(0).addClass('hover');
+                        if (!menu.find('LI.hover').length) menu.find('LI:first').addClass('hover');
+                      }
+                      break;
+                    case 13:
+                      // enter
+                      menu.find('LI.hover A').trigger('click');
+                      break;
+                    case 27:
+                      // esc
+                      doc.trigger('click');
+                      break;
+                  }
+                });
+
+                // When items are selected
+                menu.find('A').unbind('mouseup');
+                menu.find('LI:not(.disabled) A').mouseup(function () {
+                  doc.unbind('click').unbind('keypress');
+                  $('.contextMenu').hide();
+                  // Callback
+                  if (callback) {
+                    callback($(this).attr('href').substr(1), $(srcElement), { x: x - offset.left, y: y - offset.top, docX: x, docY: y });
+                  }
+                  return false;
+                });
+
+                // Hide bindings
+                setTimeout(function () {
+                  // Delay for Mozilla
+                  doc.click(function () {
+                    doc.unbind('click').unbind('keypress');
+                    menu.fadeOut(o.outSpeed);
+                    return false;
+                  });
+                }, 0);
+              }
+            });
+          });
+
+          // Disable text selection
+          if ($.browser.mozilla) {
+            $('#' + o.menu).each(function () {
+              $(this).css({ MozUserSelect: 'none' });
+            });
+          } else if ($.browser.msie) {
+            $('#' + o.menu).each(function () {
+              $(this).bind('selectstart.disableTextSelect', function () {
+                return false;
+              });
+            });
+          } else {
+            $('#' + o.menu).each(function () {
+              $(this).bind('mousedown.disableTextSelect', function () {
+                return false;
+              });
+            });
+          }
+          // Disable browser context menu (requires both selectors to work in IE/Safari + FF/Chrome)
+          $(el).add($('UL.contextMenu')).bind('contextmenu', function () {
+            return false;
+          });
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Disable context menu items on the fly
+      * @memberof external:jQuery.fn
+      * @param {undefined|string} o Comma-separated
+      * @returns {external:jQuery}
+      */
+      disableContextMenuItems: function disableContextMenuItems(o) {
+        if (o === undefined) {
+          // Disable all
+          $(this).find('LI').addClass('disabled');
+          return $(this);
+        }
+        $(this).each(function () {
+          if (o !== undefined) {
+            var d = o.split(',');
+            for (var i = 0; i < d.length; i++) {
+              $(this).find('A[href="' + d[i] + '"]').parent().addClass('disabled');
+            }
+          }
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Enable context menu items on the fly
+      * @memberof external:jQuery.fn
+      * @param {undefined|string} o Comma-separated
+      * @returns {external:jQuery}
+      */
+      enableContextMenuItems: function enableContextMenuItems(o) {
+        if (o === undefined) {
+          // Enable all
+          $(this).find('LI.disabled').removeClass('disabled');
+          return $(this);
+        }
+        $(this).each(function () {
+          if (o !== undefined) {
+            var d = o.split(',');
+            for (var i = 0; i < d.length; i++) {
+              $(this).find('A[href="' + d[i] + '"]').parent().removeClass('disabled');
+            }
+          }
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Disable context menu(s)
+      * @memberof external:jQuery.fn
+      * @returns {external:jQuery}
+      */
+      disableContextMenu: function disableContextMenu() {
+        $(this).each(function () {
+          $(this).addClass('disabled');
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Enable context menu(s)
+      * @memberof external:jQuery.fn
+      * @returns {external:jQuery}
+      */
+      enableContextMenu: function enableContextMenu() {
+        $(this).each(function () {
+          $(this).removeClass('disabled');
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Destroy context menu(s)
+      * @memberof external:jQuery.fn
+      * @returns {external:jQuery}
+      */
+      destroyContextMenu: function destroyContextMenu() {
+        // Destroy specified context menus
+        $(this).each(function () {
+          // Disable action
+          $(this).unbind('mousedown').unbind('mouseup');
+        });
+        return $(this);
+      }
+    });
+    return $;
+  }
+
+  /**
+   * jPicker (Adapted from version 1.1.6)
+   *
+   * jQuery Plugin for Photoshop style color picker
+   *
+   * @module jPicker
+   * @copyright (c) 2010 Christopher T. Tillman
+   * Digital Magic Productions, Inc. ({@link http://www.digitalmagicpro.com/})
+   * FREE to use, alter, copy, sell, and especially ENHANCE
+   * @license MIT
+   *
+   * Painstakingly ported from John Dyers' excellent work on his own color picker based on the Prototype framework.
+   *
+   * John Dyers' website: {@link http://johndyer.name}
+   * Color Picker page: {@link http://johndyer.name/photoshop-like-javascript-color-picker/}
+   */
+
+  /**
+  * @external Math
+  */
+  /**
+  * @memberof external:Math
+  * @param {Float} value
+  * @param {Float} precision
+  * @returns {Float}
+  */
+  Math.precision = function (value, precision) {
+    if (precision === undefined) precision = 0;
+    return Math.round(value * Math.pow(10, precision)) / Math.pow(10, precision);
+  };
+
+  /**
+  * @function module:jPicker.jPicker
+  * @param {external:jQuery} $ The jQuery object to wrap (with {@link external:jQuery.loadingStylesheets}, {@link external:jQuery.fn.$.fn.jPicker}, {@link external:jQuery.fn.$.fn.jPicker.defaults})
+  * @returns {external:jQuery}
+  */
+  var jPicker = function jPicker($) {
+    if (!$.loadingStylesheets) {
+      /**
+      * @name loadingStylesheets
+      * @type {string[]}
+      * @memberof external:jQuery
+      */
+      $.loadingStylesheets = [];
+    }
+    var stylesheet = 'jgraduate/css/jPicker.css';
+    if (!$.loadingStylesheets.includes(stylesheet)) {
+      $.loadingStylesheets.push(stylesheet);
+    }
+    /**
+    * @typedef {PlainObject} module:jPicker.SliderOptions
+    * @property {external:jQuery|PlainObject} arrow
+    * @property {string} arrow.image Not in use?
+    * @property {Float} arrow.width
+    * @property {Float} arrow.height
+    * @property {PlainObject} map
+    * @property {Float} map.width
+    * @property {Float} map.height
+    */
+
+    /**
+    * Encapsulate slider functionality for the ColorMap and ColorBar -
+    * could be useful to use a jQuery UI draggable for this with certain extensions
+    * @param {external:jQuery} bar
+    * @param {module:jPicker.SliderOptions} options
+    */
+    function Slider(bar, options) {
+      var $this = this;
+      function fireChangeEvents(context) {
+        for (var i = 0; i < changeEvents.length; i++) {
+          changeEvents[i].call($this, $this, context);
+        }
+      }
+      // bind the mousedown to the bar not the arrow for quick snapping to the clicked location
+      function mouseDown(e) {
+        var off = bar.offset();
+        offset = { l: off.left | 0, t: off.top | 0 };
+        clearTimeout(timeout);
+        // using setTimeout for visual updates - once the style is updated the browser will re-render internally allowing the next Javascript to run
+        timeout = setTimeout(function () {
+          setValuesFromMousePosition.call($this, e);
+        }, 0);
+        // Bind mousemove and mouseup event to the document so it responds when dragged of of the bar - we will unbind these when on mouseup to save processing
+        $(document).bind('mousemove', mouseMove).bind('mouseup', mouseUp);
+        e.preventDefault(); // don't try to select anything or drag the image to the desktop
+      }
+      // set the values as the mouse moves
+      function mouseMove(e) {
+        clearTimeout(timeout);
+        timeout = setTimeout(function () {
+          setValuesFromMousePosition.call($this, e);
+        }, 0);
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+      }
+      // unbind the document events - they aren't needed when not dragging
+      function mouseUp(e) {
+        $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+      }
+      // calculate mouse position and set value within the current range
+      function setValuesFromMousePosition(e) {
+        var barW = bar.w,
+            // local copies for YUI compressor
+        barH = bar.h;
+        var locX = e.pageX - offset.l,
+            locY = e.pageY - offset.t;
+        // keep the arrow within the bounds of the bar
+        if (locX < 0) locX = 0;else if (locX > barW) locX = barW;
+        if (locY < 0) locY = 0;else if (locY > barH) locY = barH;
+        val.call($this, 'xy', { x: locX / barW * rangeX + minX, y: locY / barH * rangeY + minY });
+      }
+      function draw() {
+        var barW = bar.w,
+            barH = bar.h,
+            arrowW = arrow.w,
+            arrowH = arrow.h;
+        var arrowOffsetX = 0,
+            arrowOffsetY = 0;
+        setTimeout(function () {
+          if (rangeX > 0) {
+            // range is greater than zero
+            // constrain to bounds
+            if (x === maxX) arrowOffsetX = barW;else arrowOffsetX = x / rangeX * barW | 0;
+          }
+          if (rangeY > 0) {
+            // range is greater than zero
+            // constrain to bounds
+            if (y === maxY) arrowOffsetY = barH;else arrowOffsetY = y / rangeY * barH | 0;
+          }
+          // if arrow width is greater than bar width, center arrow and prevent horizontal dragging
+          if (arrowW >= barW) arrowOffsetX = (barW >> 1) - (arrowW >> 1); // number >> 1 - superfast bitwise divide by two and truncate (move bits over one bit discarding lowest)
+          else arrowOffsetX -= arrowW >> 1;
+          // if arrow height is greater than bar height, center arrow and prevent vertical dragging
+          if (arrowH >= barH) arrowOffsetY = (barH >> 1) - (arrowH >> 1);else arrowOffsetY -= arrowH >> 1;
+          // set the arrow position based on these offsets
+          arrow.css({ left: arrowOffsetX + 'px', top: arrowOffsetY + 'px' });
+        }, 0);
+      }
+      function val(name, value, context) {
+        var set$$1 = value !== undefined;
+        if (!set$$1) {
+          if (name === undefined || name == null) name = 'xy';
+          switch (name.toLowerCase()) {
+            case 'x':
+              return x;
+            case 'y':
+              return y;
+            case 'xy':
+            default:
+              return { x: x, y: y };
+          }
+        }
+        if (context != null && context === $this) return;
+        var changed = false;
+
+        var newX = void 0,
+            newY = void 0;
+        if (name == null) name = 'xy';
+        switch (name.toLowerCase()) {
+          case 'x':
+            newX = value && (value.x && value.x | 0 || value | 0) || 0;
+            break;
+          case 'y':
+            newY = value && (value.y && value.y | 0 || value | 0) || 0;
+            break;
+          case 'xy':
+          default:
+            newX = value && value.x && value.x | 0 || 0;
+            newY = value && value.y && value.y | 0 || 0;
+            break;
+        }
+        if (newX != null) {
+          if (newX < minX) newX = minX;else if (newX > maxX) newX = maxX;
+          if (x !== newX) {
+            x = newX;
+            changed = true;
+          }
+        }
+        if (newY != null) {
+          if (newY < minY) newY = minY;else if (newY > maxY) newY = maxY;
+          if (y !== newY) {
+            y = newY;
+            changed = true;
+          }
+        }
+        changed && fireChangeEvents.call($this, context || $this);
+      }
+      function range(name, value) {
+        var set$$1 = value !== undefined;
+        if (!set$$1) {
+          if (name === undefined || name == null) name = 'all';
+          switch (name.toLowerCase()) {
+            case 'minx':
+              return minX;
+            case 'maxx':
+              return maxX;
+            case 'rangex':
+              return { minX: minX, maxX: maxX, rangeX: rangeX };
+            case 'miny':
+              return minY;
+            case 'maxy':
+              return maxY;
+            case 'rangey':
+              return { minY: minY, maxY: maxY, rangeY: rangeY };
+            case 'all':
+            default:
+              return { minX: minX, maxX: maxX, rangeX: rangeX, minY: minY, maxY: maxY, rangeY: rangeY };
+          }
+        }
+        var // changed = false,
+        newMinX = void 0,
+            newMaxX = void 0,
+            newMinY = void 0,
+            newMaxY = void 0;
+        if (name == null) name = 'all';
+        switch (name.toLowerCase()) {
+          case 'minx':
+            newMinX = value && (value.minX && value.minX | 0 || value | 0) || 0;
+            break;
+          case 'maxx':
+            newMaxX = value && (value.maxX && value.maxX | 0 || value | 0) || 0;
+            break;
+          case 'rangex':
+            newMinX = value && value.minX && value.minX | 0 || 0;
+            newMaxX = value && value.maxX && value.maxX | 0 || 0;
+            break;
+          case 'miny':
+            newMinY = value && (value.minY && value.minY | 0 || value | 0) || 0;
+            break;
+          case 'maxy':
+            newMaxY = value && (value.maxY && value.maxY | 0 || value | 0) || 0;
+            break;
+          case 'rangey':
+            newMinY = value && value.minY && value.minY | 0 || 0;
+            newMaxY = value && value.maxY && value.maxY | 0 || 0;
+            break;
+          case 'all':
+          default:
+            newMinX = value && value.minX && value.minX | 0 || 0;
+            newMaxX = value && value.maxX && value.maxX | 0 || 0;
+            newMinY = value && value.minY && value.minY | 0 || 0;
+            newMaxY = value && value.maxY && value.maxY | 0 || 0;
+            break;
+        }
+        if (newMinX != null && minX !== newMinX) {
+          minX = newMinX;
+          rangeX = maxX - minX;
+        }
+        if (newMaxX != null && maxX !== newMaxX) {
+          maxX = newMaxX;
+          rangeX = maxX - minX;
+        }
+        if (newMinY != null && minY !== newMinY) {
+          minY = newMinY;
+          rangeY = maxY - minY;
+        }
+        if (newMaxY != null && maxY !== newMaxY) {
+          maxY = newMaxY;
+          rangeY = maxY - minY;
+        }
+      }
+      function bind(callback) {
+        if (typeof callback === 'function') changeEvents.push(callback);
+      }
+      function unbind(callback) {
+        if (typeof callback !== 'function') return;
+        var i = void 0;
+        while (i = changeEvents.includes(callback)) {
+          changeEvents.splice(i, 1);
+        }
+      }
+      function destroy() {
+        // unbind all possible events and null objects
+        $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);
+        bar.unbind('mousedown', mouseDown);
+        bar = null;
+        arrow = null;
+        changeEvents = null;
+      }
+      var offset = void 0,
+          timeout = void 0,
+          x = 0,
+          y = 0,
+          minX = 0,
+          maxX = 100,
+          rangeX = 100,
+          minY = 0,
+          maxY = 100,
+          rangeY = 100,
+          arrow = bar.find('img:first'),
+          // the arrow image to drag
+      changeEvents = [];
+
+      $.extend(true, $this, // public properties, methods, and event bindings - these we need to access from other controls
+      {
+        val: val,
+        range: range,
+        bind: bind,
+        unbind: unbind,
+        destroy: destroy
+      });
+      // initialize this control
+      arrow.src = options.arrow && options.arrow.image;
+      arrow.w = options.arrow && options.arrow.width || arrow.width();
+      arrow.h = options.arrow && options.arrow.height || arrow.height();
+      bar.w = options.map && options.map.width || bar.width();
+      bar.h = options.map && options.map.height || bar.height();
+      // bind mousedown event
+      bar.bind('mousedown', mouseDown);
+      bind.call($this, draw);
+    }
+    // controls for all the input elements for the typing in color values
+    function ColorValuePicker(picker, color, bindedHex, alphaPrecision) {
+      var $this = this; // private properties and methods
+      var inputs = picker.find('td.Text input');
+      // input box key down - use arrows to alter color
+      function keyDown(e) {
+        if (e.target.value === '' && e.target !== hex.get(0) && (bindedHex != null && e.target !== bindedHex.get(0) || bindedHex == null)) return;
+        if (!validateKey(e)) return e;
+        switch (e.target) {
+          case red.get(0):
+            switch (e.keyCode) {
+              case 38:
+                red.val(setValueInRange.call($this, (red.val() << 0) + 1, 0, 255));
+                color.val('r', red.val(), e.target);
+                return false;
+              case 40:
+                red.val(setValueInRange.call($this, (red.val() << 0) - 1, 0, 255));
+                color.val('r', red.val(), e.target);
+                return false;
+            }
+            break;
+          case green.get(0):
+            switch (e.keyCode) {
+              case 38:
+                green.val(setValueInRange.call($this, (green.val() << 0) + 1, 0, 255));
+                color.val('g', green.val(), e.target);
+                return false;
+              case 40:
+                green.val(setValueInRange.call($this, (green.val() << 0) - 1, 0, 255));
+                color.val('g', green.val(), e.target);
+                return false;
+            }
+            break;
+          case blue.get(0):
+            switch (e.keyCode) {
+              case 38:
+                blue.val(setValueInRange.call($this, (blue.val() << 0) + 1, 0, 255));
+                color.val('b', blue.val(), e.target);
+                return false;
+              case 40:
+                blue.val(setValueInRange.call($this, (blue.val() << 0) - 1, 0, 255));
+                color.val('b', blue.val(), e.target);
+                return false;
+            }
+            break;
+          case alpha && alpha.get(0):
+            switch (e.keyCode) {
+              case 38:
+                alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) + 1, 0, 100));
+                color.val('a', Math.precision(alpha.val() * 255 / 100, alphaPrecision), e.target);
+                return false;
+              case 40:
+                alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) - 1, 0, 100));
+                color.val('a', Math.precision(alpha.val() * 255 / 100, alphaPrecision), e.target);
+                return false;
+            }
+            break;
+          case hue.get(0):
+            switch (e.keyCode) {
+              case 38:
+                hue.val(setValueInRange.call($this, (hue.val() << 0) + 1, 0, 360));
+                color.val('h', hue.val(), e.target);
+                return false;
+              case 40:
+                hue.val(setValueInRange.call($this, (hue.val() << 0) - 1, 0, 360));
+                color.val('h', hue.val(), e.target);
+                return false;
+            }
+            break;
+          case saturation.get(0):
+            switch (e.keyCode) {
+              case 38:
+                saturation.val(setValueInRange.call($this, (saturation.val() << 0) + 1, 0, 100));
+                color.val('s', saturation.val(), e.target);
+                return false;
+              case 40:
+                saturation.val(setValueInRange.call($this, (saturation.val() << 0) - 1, 0, 100));
+                color.val('s', saturation.val(), e.target);
+                return false;
+            }
+            break;
+          case value.get(0):
+            switch (e.keyCode) {
+              case 38:
+                value.val(setValueInRange.call($this, (value.val() << 0) + 1, 0, 100));
+                color.val('v', value.val(), e.target);
+                return false;
+              case 40:
+                value.val(setValueInRange.call($this, (value.val() << 0) - 1, 0, 100));
+                color.val('v', value.val(), e.target);
+                return false;
+            }
+            break;
+        }
+      }
+      // input box key up - validate value and set color
+      function keyUp(e) {
+        if (e.target.value === '' && e.target !== hex.get(0) && (bindedHex != null && e.target !== bindedHex.get(0) || bindedHex == null)) return;
+        if (!validateKey(e)) return e;
+        switch (e.target) {
+          case red.get(0):
+            red.val(setValueInRange.call($this, red.val(), 0, 255));
+            color.val('r', red.val(), e.target);
+            break;
+          case green.get(0):
+            green.val(setValueInRange.call($this, green.val(), 0, 255));
+            color.val('g', green.val(), e.target);
+            break;
+          case blue.get(0):
+            blue.val(setValueInRange.call($this, blue.val(), 0, 255));
+            color.val('b', blue.val(), e.target);
+            break;
+          case alpha && alpha.get(0):
+            alpha.val(setValueInRange.call($this, alpha.val(), 0, 100));
+            color.val('a', Math.precision(alpha.val() * 255 / 100, alphaPrecision), e.target);
+            break;
+          case hue.get(0):
+            hue.val(setValueInRange.call($this, hue.val(), 0, 360));
+            color.val('h', hue.val(), e.target);
+            break;
+          case saturation.get(0):
+            saturation.val(setValueInRange.call($this, saturation.val(), 0, 100));
+            color.val('s', saturation.val(), e.target);
+            break;
+          case value.get(0):
+            value.val(setValueInRange.call($this, value.val(), 0, 100));
+            color.val('v', value.val(), e.target);
+            break;
+          case hex.get(0):
+            hex.val(hex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));
+            bindedHex && bindedHex.val(hex.val());
+            color.val('hex', hex.val() !== '' ? hex.val() : null, e.target);
+            break;
+          case bindedHex && bindedHex.get(0):
+            bindedHex.val(bindedHex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));
+            hex.val(bindedHex.val());
+            color.val('hex', bindedHex.val() !== '' ? bindedHex.val() : null, e.target);
+            break;
+          case ahex && ahex.get(0):
+            ahex.val(ahex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 2));
+            color.val('a', ahex.val() != null ? parseInt(ahex.val(), 16) : null, e.target);
+            break;
+        }
+      }
+      // input box blur - reset to original if value empty
+      function blur(e) {
+        if (color.val() != null) {
+          switch (e.target) {
+            case red.get(0):
+              red.val(color.val('r'));break;
+            case green.get(0):
+              green.val(color.val('g'));break;
+            case blue.get(0):
+              blue.val(color.val('b'));break;
+            case alpha && alpha.get(0):
+              alpha.val(Math.precision(color.val('a') * 100 / 255, alphaPrecision));break;
+            case hue.get(0):
+              hue.val(color.val('h'));break;
+            case saturation.get(0):
+              saturation.val(color.val('s'));break;
+            case value.get(0):
+              value.val(color.val('v'));break;
+            case hex.get(0):
+            case bindedHex && bindedHex.get(0):
+              hex.val(color.val('hex'));
+              bindedHex && bindedHex.val(color.val('hex'));
+              break;
+            case ahex && ahex.get(0):
+              ahex.val(color.val('ahex').substring(6));break;
+          }
+        }
+      }
+      function validateKey(e) {
+        switch (e.keyCode) {
+          case 9:
+          case 16:
+          case 29:
+          case 37:
+          case 39:
+            return false;
+          case 'c'.charCodeAt():
+          case 'v'.charCodeAt():
+            if (e.ctrlKey) return false;
+        }
+        return true;
+      }
+      // constrain value within range
+      function setValueInRange(value, min, max) {
+        if (value === '' || isNaN(value)) return min;
+        if (value > max) return max;
+        if (value < min) return min;
+        return value;
+      }
+      function colorChanged(ui, context) {
+        var all = ui.val('all');
+        if (context !== red.get(0)) red.val(all != null ? all.r : '');
+        if (context !== green.get(0)) green.val(all != null ? all.g : '');
+        if (context !== blue.get(0)) blue.val(all != null ? all.b : '');
+        if (alpha && context !== alpha.get(0)) alpha.val(all != null ? Math.precision(all.a * 100 / 255, alphaPrecision) : '');
+        if (context !== hue.get(0)) hue.val(all != null ? all.h : '');
+        if (context !== saturation.get(0)) saturation.val(all != null ? all.s : '');
+        if (context !== value.get(0)) value.val(all != null ? all.v : '');
+        if (context !== hex.get(0) && (bindedHex && context !== bindedHex.get(0) || !bindedHex)) hex.val(all != null ? all.hex : '');
+        if (bindedHex && context !== bindedHex.get(0) && context !== hex.get(0)) bindedHex.val(all != null ? all.hex : '');
+        if (ahex && context !== ahex.get(0)) ahex.val(all != null ? all.ahex.substring(6) : '');
+      }
+      function destroy() {
+        // unbind all events and null objects
+        red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).unbind('keyup', keyUp).unbind('blur', blur);
+        red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).unbind('keydown', keyDown);
+        color.unbind(colorChanged);
+        red = null;
+        green = null;
+        blue = null;
+        alpha = null;
+        hue = null;
+        saturation = null;
+        value = null;
+        hex = null;
+        ahex = null;
+      }
+      var red = inputs.eq(3),
+          green = inputs.eq(4),
+          blue = inputs.eq(5),
+          alpha = inputs.length > 7 ? inputs.eq(6) : null,
+          hue = inputs.eq(0),
+          saturation = inputs.eq(1),
+          value = inputs.eq(2),
+          hex = inputs.eq(inputs.length > 7 ? 7 : 6),
+          ahex = inputs.length > 7 ? inputs.eq(8) : null;
+      $.extend(true, $this, {
+        // public properties and methods
+        destroy: destroy
+      });
+      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).bind('keyup', keyUp).bind('blur', blur);
+      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).bind('keydown', keyDown);
+      color.bind(colorChanged);
+    }
+
+    /**
+    * @typedef {PlainObject} module:jPicker.JPickerInit
+    * @property {Integer} a
+    * @property {Integer} b
+    * @property {Integer} g
+    * @property {Integer} h
+    * @property {Integer} r
+    * @property {Integer} s
+    * @property {Integer} v
+    * @property {string} hex
+    * @property {string} ahex
+    */
+
+    /**
+    * @namespace {PlainObject} jPicker
+    * @memberof external:jQuery
+    */
+    $.jPicker = /** @lends external:jQuery.jPicker */{
+      /**
+      * Array holding references to each active instance of the jPicker control
+      * @type {external:jQuery.fn.$.fn.jPicker[]}
+      */
+      List: [],
+      /**
+      * Color object - we will be able to assign by any color space type or
+      * retrieve any color space info.
+      * We want this public so we can optionally assign new color objects to
+      * initial values using inputs other than a string hex value (also supported)
+      * Note: JSDoc didn't document when expressed here as an ES6 Class.
+      * @namespace
+      * @class
+      * @memberof external:jQuery.jPicker
+      * @param {module:jPicker.JPickerInit} init
+      */
+      Color: function Color(init) {
+        var $this = this;
+        function fireChangeEvents(context) {
+          for (var i = 0; i < changeEvents.length; i++) {
+            changeEvents[i].call($this, $this, context);
+          }
+        }
+        function val(name, value, context) {
+          // Kind of ugly
+          var set$$1 = Boolean(value);
+          if (set$$1 && value.ahex === '') value.ahex = '00000000';
+          if (!set$$1) {
+            if (name === undefined || name == null || name === '') name = 'all';
+            if (r == null) return null;
+            switch (name.toLowerCase()) {
+              case 'ahex':
+                return ColorMethods.rgbaToHex({ r: r, g: g, b: b, a: a });
+              case 'hex':
+                return val('ahex').substring(0, 6);
+              case 'all':
+                return { r: r, g: g, b: b, a: a, h: h, s: s, v: v, hex: val.call($this, 'hex'), ahex: val.call($this, 'ahex') };
+              default:
+                var ret = {};
+                for (var i = 0; i < name.length; i++) {
+                  switch (name.charAt(i)) {
+                    case 'r':
+                      if (name.length === 1) ret = r;else ret.r = r;
+                      break;
+                    case 'g':
+                      if (name.length === 1) ret = g;else ret.g = g;
+                      break;
+                    case 'b':
+                      if (name.length === 1) ret = b;else ret.b = b;
+                      break;
+                    case 'a':
+                      if (name.length === 1) ret = a;else ret.a = a;
+                      break;
+                    case 'h':
+                      if (name.length === 1) ret = h;else ret.h = h;
+                      break;
+                    case 's':
+                      if (name.length === 1) ret = s;else ret.s = s;
+                      break;
+                    case 'v':
+                      if (name.length === 1) ret = v;else ret.v = v;
+                      break;
+                  }
+                }
+                return !name.length ? val.call($this, 'all') : ret;
+            }
+          }
+          if (context != null && context === $this) return;
+          if (name == null) name = '';
+
+          var changed = false;
+          if (value == null) {
+            if (r != null) {
+              r = null;
+              changed = true;
+            }
+            if (g != null) {
+              g = null;
+              changed = true;
+            }
+            if (b != null) {
+              b = null;
+              changed = true;
+            }
+            if (a != null) {
+              a = null;
+              changed = true;
+            }
+            if (h != null) {
+              h = null;
+              changed = true;
+            }
+            if (s != null) {
+              s = null;
+              changed = true;
+            }
+            if (v != null) {
+              v = null;
+              changed = true;
+            }
+            changed && fireChangeEvents.call($this, context || $this);
+            return;
+          }
+          switch (name.toLowerCase()) {
+            case 'ahex':
+            case 'hex':
+              var _ret = ColorMethods.hexToRgba(value && (value.ahex || value.hex) || value || 'none');
+              val.call($this, 'rgba', { r: _ret.r, g: _ret.g, b: _ret.b, a: name === 'ahex' ? _ret.a : a != null ? a : 255 }, context);
+              break;
+            default:
+              if (value && (value.ahex != null || value.hex != null)) {
+                val.call($this, 'ahex', value.ahex || value.hex || '00000000', context);
+                return;
+              }
+              var newV = {};
+              var rgb = false,
+                  hsv = false;
+              if (value.r !== undefined && !name.includes('r')) name += 'r';
+              if (value.g !== undefined && !name.includes('g')) name += 'g';
+              if (value.b !== undefined && !name.includes('b')) name += 'b';
+              if (value.a !== undefined && !name.includes('a')) name += 'a';
+              if (value.h !== undefined && !name.includes('h')) name += 'h';
+              if (value.s !== undefined && !name.includes('s')) name += 's';
+              if (value.v !== undefined && !name.includes('v')) name += 'v';
+              for (var _i = 0; _i < name.length; _i++) {
+                switch (name.charAt(_i)) {
+                  case 'r':
+                    if (hsv) continue;
+                    rgb = true;
+                    newV.r = value && value.r && value.r | 0 || value && value | 0 || 0;
+                    if (newV.r < 0) newV.r = 0;else if (newV.r > 255) newV.r = 255;
+                    if (r !== newV.r) {
+                      r = newV.r;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'g':
+                    if (hsv) continue;
+                    rgb = true;
+                    newV.g = value && value.g && value.g | 0 || value && value | 0 || 0;
+                    if (newV.g < 0) newV.g = 0;else if (newV.g > 255) newV.g = 255;
+                    if (g !== newV.g) {
+                      g = newV.g;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'b':
+                    if (hsv) continue;
+                    rgb = true;
+                    newV.b = value && value.b && value.b | 0 || value && value | 0 || 0;
+                    if (newV.b < 0) newV.b = 0;else if (newV.b > 255) newV.b = 255;
+                    if (b !== newV.b) {
+                      b = newV.b;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'a':
+                    newV.a = value && value.a != null ? value.a | 0 : value != null ? value | 0 : 255;
+                    if (newV.a < 0) newV.a = 0;else if (newV.a > 255) newV.a = 255;
+                    if (a !== newV.a) {
+                      a = newV.a;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'h':
+                    if (rgb) continue;
+                    hsv = true;
+                    newV.h = value && value.h && value.h | 0 || value && value | 0 || 0;
+                    if (newV.h < 0) newV.h = 0;else if (newV.h > 360) newV.h = 360;
+                    if (h !== newV.h) {
+                      h = newV.h;
+
+                      changed = true;
+                    }
+                    break;
+                  case 's':
+                    if (rgb) continue;
+                    hsv = true;
+                    newV.s = value && value.s != null ? value.s | 0 : value != null ? value | 0 : 100;
+                    if (newV.s < 0) newV.s = 0;else if (newV.s > 100) newV.s = 100;
+                    if (s !== newV.s) {
+                      s = newV.s;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'v':
+                    if (rgb) continue;
+                    hsv = true;
+                    newV.v = value && value.v != null ? value.v | 0 : value != null ? value | 0 : 100;
+                    if (newV.v < 0) newV.v = 0;else if (newV.v > 100) newV.v = 100;
+                    if (v !== newV.v) {
+                      v = newV.v;
+
+                      changed = true;
+                    }
+                    break;
+                }
+              }
+              if (changed) {
+                if (rgb) {
+                  r = r || 0;
+                  g = g || 0;
+                  b = b || 0;
+                  var _ret2 = ColorMethods.rgbToHsv({ r: r, g: g, b: b });
+                  h = _ret2.h;
+                  s = _ret2.s;
+                  v = _ret2.v;
+                } else if (hsv) {
+                  h = h || 0;
+                  s = s != null ? s : 100;
+                  v = v != null ? v : 100;
+                  var _ret3 = ColorMethods.hsvToRgb({ h: h, s: s, v: v });
+                  r = _ret3.r;
+                  g = _ret3.g;
+                  b = _ret3.b;
+                }
+                a = a != null ? a : 255;
+                fireChangeEvents.call($this, context || $this);
+              }
+              break;
+          }
+        }
+        function bind(callback) {
+          if (typeof callback === 'function') changeEvents.push(callback);
+        }
+        function unbind(callback) {
+          if (typeof callback !== 'function') return;
+          var i = void 0;
+          while (i = changeEvents.includes(callback)) {
+            changeEvents.splice(i, 1);
+          }
+        }
+        function destroy() {
+          changeEvents = null;
+        }
+        var r = void 0,
+            g = void 0,
+            b = void 0,
+            a = void 0,
+            h = void 0,
+            s = void 0,
+            v = void 0,
+            changeEvents = [];
+
+        $.extend(true, $this, {
+          // public properties and methods
+          val: val,
+          bind: bind,
+          unbind: unbind,
+          destroy: destroy
+        });
+        if (init) {
+          if (init.ahex != null) {
+            val('ahex', init);
+          } else if (init.hex != null) {
+            val((init.a != null ? 'a' : '') + 'hex', init.a != null ? { ahex: init.hex + ColorMethods.intToHex(init.a) } : init);
+          } else if (init.r != null && init.g != null && init.b != null) {
+            val('rgb' + (init.a != null ? 'a' : ''), init);
+          } else if (init.h != null && init.s != null && init.v != null) {
+            val('hsv' + (init.a != null ? 'a' : ''), init);
+          }
+        }
+      },
+      /**
+      * color conversion methods  - make public to give use to external scripts
+      * @namespace
+      */
+      ColorMethods: {
+        /**
+        * @typedef {PlainObject} module:jPicker.RGBA
+        * @property {Integer} r
+        * @property {Integer} g
+        * @property {Integer} b
+        * @property {Integer} a
+        */
+        /**
+        * @typedef {PlainObject} module:jPicker.RGB
+        * @property {Integer} r
+        * @property {Integer} g
+        * @property {Integer} b
+        */
+        /**
+        * @param {string} hex
+        * @returns {module:jPicker.RGBA}
+        */
+        hexToRgba: function hexToRgba(hex) {
+          if (hex === '' || hex === 'none') return { r: null, g: null, b: null, a: null };
+          hex = this.validateHex(hex);
+          var r = '00',
+              g = '00',
+              b = '00',
+              a = '255';
+          if (hex.length === 6) hex += 'ff';
+          if (hex.length > 6) {
+            r = hex.substring(0, 2);
+            g = hex.substring(2, 4);
+            b = hex.substring(4, 6);
+            a = hex.substring(6, hex.length);
+          } else {
+            if (hex.length > 4) {
+              r = hex.substring(4, hex.length);
+              hex = hex.substring(0, 4);
+            }
+            if (hex.length > 2) {
+              g = hex.substring(2, hex.length);
+              hex = hex.substring(0, 2);
+            }
+            if (hex.length > 0) b = hex.substring(0, hex.length);
+          }
+          return {
+            r: this.hexToInt(r), g: this.hexToInt(g), b: this.hexToInt(b), a: this.hexToInt(a)
+          };
+        },
+
+        /**
+        * @param {string} hex
+        * @returns {string}
+        */
+        validateHex: function validateHex(hex) {
+          // if (typeof hex === 'object') return '';
+          hex = hex.toLowerCase().replace(/[^a-f0-9]/g, '');
+          if (hex.length > 8) hex = hex.substring(0, 8);
+          return hex;
+        },
+
+        /**
+        * @param {module:jPicker.RGBA} rgba
+        * @returns {string}
+        */
+        rgbaToHex: function rgbaToHex(rgba) {
+          return this.intToHex(rgba.r) + this.intToHex(rgba.g) + this.intToHex(rgba.b) + this.intToHex(rgba.a);
+        },
+
+        /**
+        * @param {Integer} dec
+        * @returns {string}
+        */
+        intToHex: function intToHex(dec) {
+          var result = (dec | 0).toString(16);
+          if (result.length === 1) result = '0' + result;
+          return result.toLowerCase();
+        },
+
+        /**
+        * @param {string} hex
+        * @returns {Integer}
+        */
+        hexToInt: function hexToInt(hex) {
+          return parseInt(hex, 16);
+        },
+
+        /**
+        * @typedef {PlainObject} module:jPicker.HSV
+        * @property {Integer} h
+        * @property {Integer} s
+        * @property {Integer} v
+        */
+        /**
+        * @param {module:jPicker.RGB} rgb
+        * @returns {module:jPicker.HSV}
+        */
+        rgbToHsv: function rgbToHsv(rgb) {
+          var r = rgb.r / 255,
+              g = rgb.g / 255,
+              b = rgb.b / 255,
+              hsv = { h: 0, s: 0, v: 0 };
+          var min = 0,
+              max = 0;
+          if (r >= g && r >= b) {
+            max = r;
+            min = g > b ? b : g;
+          } else if (g >= b && g >= r) {
+            max = g;
+            min = r > b ? b : r;
+          } else {
+            max = b;
+            min = g > r ? r : g;
+          }
+          hsv.v = max;
+          hsv.s = max ? (max - min) / max : 0;
+          var delta = void 0;
+          if (!hsv.s) hsv.h = 0;else {
+            delta = max - min;
+            if (r === max) hsv.h = (g - b) / delta;else if (g === max) hsv.h = 2 + (b - r) / delta;else hsv.h = 4 + (r - g) / delta;
+            hsv.h = parseInt(hsv.h * 60);
+            if (hsv.h < 0) hsv.h += 360;
+          }
+          hsv.s = hsv.s * 100 | 0;
+          hsv.v = hsv.v * 100 | 0;
+          return hsv;
+        },
+
+        /**
+        * @param {module:jPicker.HSV} hsv
+        * @returns {module:jPicker.RGB}
+        */
+        hsvToRgb: function hsvToRgb(hsv) {
+          var rgb = { r: 0, g: 0, b: 0, a: 100 };
+          var h = hsv.h,
+              s = hsv.s,
+              v = hsv.v;
+
+          if (s === 0) {
+            if (v === 0) rgb.r = rgb.g = rgb.b = 0;else rgb.r = rgb.g = rgb.b = v * 255 / 100 | 0;
+          } else {
+            if (h === 360) h = 0;
+            h /= 60;
+            s = s / 100;
+            v = v / 100;
+            var i = h | 0,
+                f = h - i,
+                p = v * (1 - s),
+                q = v * (1 - s * f),
+                t = v * (1 - s * (1 - f));
+            switch (i) {
+              case 0:
+                rgb.r = v;
+                rgb.g = t;
+                rgb.b = p;
+                break;
+              case 1:
+                rgb.r = q;
+                rgb.g = v;
+                rgb.b = p;
+                break;
+              case 2:
+                rgb.r = p;
+                rgb.g = v;
+                rgb.b = t;
+                break;
+              case 3:
+                rgb.r = p;
+                rgb.g = q;
+                rgb.b = v;
+                break;
+              case 4:
+                rgb.r = t;
+                rgb.g = p;
+                rgb.b = v;
+                break;
+              case 5:
+                rgb.r = v;
+                rgb.g = p;
+                rgb.b = q;
+                break;
+            }
+            rgb.r = rgb.r * 255 | 0;
+            rgb.g = rgb.g * 255 | 0;
+            rgb.b = rgb.b * 255 | 0;
+          }
+          return rgb;
+        }
+      }
+    };
+    var _$$jPicker = $.jPicker,
+        Color = _$$jPicker.Color,
+        List = _$$jPicker.List,
+        ColorMethods = _$$jPicker.ColorMethods; // local copies for YUI compressor
+    /**
+     * @function external:jQuery.fn.jPicker
+     * @see {@link external:jQuery.fn.$.fn.jPicker}
+     */
+    /**
+    * While it would seem this should specify the name `jPicker` for JSDoc, that doesn't
+    *   get us treated as a function as well as a namespace (even with `@function name`),
+    *   so we use an approach to add a redundant `$.fn.` in the name.
+    * @namespace
+    * @memberof external:jQuery.fn
+    * @param {external:jQuery.fn.jPickerOptions} options
+    * @returns {external:jQuery}
+    */
+
+    $.fn.jPicker = function (options) {
+      var $arguments = arguments;
+      return this.each(function () {
+        var $this = this,
+            settings = $.extend(true, {}, $.fn.jPicker.defaults, options); // local copies for YUI compressor
+        if ($($this).get(0).nodeName.toLowerCase() === 'input') {
+          // Add color picker icon if binding to an input element and bind the events to the input
+          $.extend(true, settings, {
+            window: {
+              bindToInput: true,
+              expandable: true,
+              input: $($this)
+            }
+          });
+          if ($($this).val() === '') {
+            settings.color.active = new Color({ hex: null });
+            settings.color.current = new Color({ hex: null });
+          } else if (ColorMethods.validateHex($($this).val())) {
+            settings.color.active = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });
+            settings.color.current = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });
+          }
+        }
+        if (settings.window.expandable) {
+          $($this).after('<span class="jPicker"><span class="Icon"><span class="Color">&nbsp;</span><span class="Alpha">&nbsp;</span><span class="Image" title="Click To Open Color Picker">&nbsp;</span><span class="Container">&nbsp;</span></span></span>');
+        } else {
+          settings.window.liveUpdate = false; // Basic control binding for inline use - You will need to override the liveCallback or commitCallback function to retrieve results
+        }
+        var isLessThanIE7 = parseFloat(navigator.appVersion.split('MSIE')[1]) < 7 && document.body.filters; // needed to run the AlphaImageLoader function for IE6
+        // set color mode and update visuals for the new color mode
+        /**
+         *
+         * @param {"h"|"s"|"v"|"r"|"g"|"b"|"a"} colorMode [description]
+         * @throws {Error} Invalid mode
+         */
+        function setColorMode(colorMode) {
+          var active = color.active,
+              hex = active.val('hex');
+          var rgbMap = void 0,
+              rgbBar = void 0;
+          settings.color.mode = colorMode;
+          switch (colorMode) {
+            case 'h':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, 'transparent');
+                setImgLoc.call($this, colorMapL1, 0);
+                setAlpha.call($this, colorMapL1, 100);
+                setImgLoc.call($this, colorMapL2, 260);
+                setAlpha.call($this, colorMapL2, 100);
+                setBG.call($this, colorBarDiv, 'transparent');
+                setImgLoc.call($this, colorBarL1, 0);
+                setAlpha.call($this, colorBarL1, 100);
+                setImgLoc.call($this, colorBarL2, 260);
+                setAlpha.call($this, colorBarL2, 100);
+                setImgLoc.call($this, colorBarL3, 260);
+                setAlpha.call($this, colorBarL3, 100);
+                setImgLoc.call($this, colorBarL4, 260);
+                setAlpha.call($this, colorBarL4, 100);
+                setImgLoc.call($this, colorBarL6, 260);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              colorMap.range('all', { minX: 0, maxX: 100, minY: 0, maxY: 100 });
+              colorBar.range('rangeY', { minY: 0, maxY: 360 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('s'), y: 100 - active.val('v') }, colorMap);
+              colorBar.val('y', 360 - active.val('h'), colorBar);
+              break;
+            case 's':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, 'transparent');
+                setImgLoc.call($this, colorMapL1, -260);
+                setImgLoc.call($this, colorMapL2, -520);
+                setImgLoc.call($this, colorBarL1, -260);
+                setImgLoc.call($this, colorBarL2, -520);
+                setImgLoc.call($this, colorBarL6, 260);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+              colorBar.range('rangeY', { minY: 0, maxY: 100 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);
+              colorBar.val('y', 100 - active.val('s'), colorBar);
+              break;
+            case 'v':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, '000000');
+                setImgLoc.call($this, colorMapL1, -780);
+                setImgLoc.call($this, colorMapL2, 260);
+                setBG.call($this, colorBarDiv, hex);
+                setImgLoc.call($this, colorBarL1, -520);
+                setImgLoc.call($this, colorBarL2, 260);
+                setAlpha.call($this, colorBarL2, 100);
+                setImgLoc.call($this, colorBarL6, 260);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+              colorBar.range('rangeY', { minY: 0, maxY: 100 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('s') }, colorMap);
+              colorBar.val('y', 100 - active.val('v'), colorBar);
+              break;
+            case 'r':
+              rgbMap = -1040;
+              rgbBar = -780;
+              colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+              colorBar.range('rangeY', { minY: 0, maxY: 255 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('g') }, colorMap);
+              colorBar.val('y', 255 - active.val('r'), colorBar);
+              break;
+            case 'g':
+              rgbMap = -1560;
+              rgbBar = -1820;
+              colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+              colorBar.range('rangeY', { minY: 0, maxY: 255 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('r') }, colorMap);
+              colorBar.val('y', 255 - active.val('g'), colorBar);
+              break;
+            case 'b':
+              rgbMap = -2080;
+              rgbBar = -2860;
+              colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+              colorBar.range('rangeY', { minY: 0, maxY: 255 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('r'), y: 255 - active.val('g') }, colorMap);
+              colorBar.val('y', 255 - active.val('b'), colorBar);
+              break;
+            case 'a':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, 'transparent');
+                setImgLoc.call($this, colorMapL1, -260);
+                setImgLoc.call($this, colorMapL2, -520);
+                setImgLoc.call($this, colorBarL1, 260);
+                setImgLoc.call($this, colorBarL2, 260);
+                setAlpha.call($this, colorBarL2, 100);
+                setImgLoc.call($this, colorBarL6, 0);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+              colorBar.range('rangeY', { minY: 0, maxY: 255 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);
+              colorBar.val('y', 255 - active.val('a'), colorBar);
+              break;
+            default:
+              throw new Error('Invalid Mode');
+          }
+          switch (colorMode) {
+            case 'h':
+              break;
+            case 's':
+            case 'v':
+            case 'a':
+              setTimeout(function () {
+                setAlpha.call($this, colorMapL1, 100);
+                setAlpha.call($this, colorBarL1, 100);
+                setImgLoc.call($this, colorBarL3, 260);
+                setAlpha.call($this, colorBarL3, 100);
+                setImgLoc.call($this, colorBarL4, 260);
+                setAlpha.call($this, colorBarL4, 100);
+              }, 0);
+              break;
+            case 'r':
+            case 'g':
+            case 'b':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, 'transparent');
+                setBG.call($this, colorBarDiv, 'transparent');
+                setAlpha.call($this, colorBarL1, 100);
+                setAlpha.call($this, colorMapL1, 100);
+                setImgLoc.call($this, colorMapL1, rgbMap);
+                setImgLoc.call($this, colorMapL2, rgbMap - 260);
+                setImgLoc.call($this, colorBarL1, rgbBar - 780);
+                setImgLoc.call($this, colorBarL2, rgbBar - 520);
+                setImgLoc.call($this, colorBarL3, rgbBar);
+                setImgLoc.call($this, colorBarL4, rgbBar - 260);
+                setImgLoc.call($this, colorBarL6, 260);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              break;
+          }
+          if (active.val('ahex') == null) return;
+          activeColorChanged.call($this, active);
+        }
+        // Update color when user changes text values
+        function activeColorChanged(ui, context) {
+          if (context == null || context !== colorBar && context !== colorMap) positionMapAndBarArrows.call($this, ui, context);
+          setTimeout(function () {
+            updatePreview.call($this, ui);
+            updateMapVisuals.call($this, ui);
+            updateBarVisuals.call($this, ui);
+          }, 0);
+        }
+        // user has dragged the ColorMap pointer
+        function mapValueChanged(ui, context) {
+          var active = color.active;
+
+          if (context !== colorMap && active.val() == null) return;
+          var xy = ui.val('all');
+          switch (settings.color.mode) {
+            case 'h':
+              active.val('sv', { s: xy.x, v: 100 - xy.y }, context);
+              break;
+            case 's':
+            case 'a':
+              active.val('hv', { h: xy.x, v: 100 - xy.y }, context);
+              break;
+            case 'v':
+              active.val('hs', { h: xy.x, s: 100 - xy.y }, context);
+              break;
+            case 'r':
+              active.val('gb', { g: 255 - xy.y, b: xy.x }, context);
+              break;
+            case 'g':
+              active.val('rb', { r: 255 - xy.y, b: xy.x }, context);
+              break;
+            case 'b':
+              active.val('rg', { r: xy.x, g: 255 - xy.y }, context);
+              break;
+          }
+        }
+        // user has dragged the ColorBar slider
+        function colorBarValueChanged(ui, context) {
+          var active = color.active;
+
+          if (context !== colorBar && active.val() == null) return;
+          switch (settings.color.mode) {
+            case 'h':
+              active.val('h', { h: 360 - ui.val('y') }, context);
+              break;
+            case 's':
+              active.val('s', { s: 100 - ui.val('y') }, context);
+              break;
+            case 'v':
+              active.val('v', { v: 100 - ui.val('y') }, context);
+              break;
+            case 'r':
+              active.val('r', { r: 255 - ui.val('y') }, context);
+              break;
+            case 'g':
+              active.val('g', { g: 255 - ui.val('y') }, context);
+              break;
+            case 'b':
+              active.val('b', { b: 255 - ui.val('y') }, context);
+              break;
+            case 'a':
+              active.val('a', 255 - ui.val('y'), context);
+              break;
+          }
+        }
+        // position map and bar arrows to match current color
+        function positionMapAndBarArrows(ui, context) {
+          if (context !== colorMap) {
+            switch (settings.color.mode) {
+              case 'h':
+                var sv = ui.val('sv');
+                colorMap.val('xy', { x: sv != null ? sv.s : 100, y: 100 - (sv != null ? sv.v : 100) }, context);
+                break;
+              case 's':
+              case 'a':
+                var hv = ui.val('hv');
+                colorMap.val('xy', { x: hv && hv.h || 0, y: 100 - (hv != null ? hv.v : 100) }, context);
+                break;
+              case 'v':
+                var hs = ui.val('hs');
+                colorMap.val('xy', { x: hs && hs.h || 0, y: 100 - (hs != null ? hs.s : 100) }, context);
+                break;
+              case 'r':
+                var bg = ui.val('bg');
+                colorMap.val('xy', { x: bg && bg.b || 0, y: 255 - (bg && bg.g || 0) }, context);
+                break;
+              case 'g':
+                var br = ui.val('br');
+                colorMap.val('xy', { x: br && br.b || 0, y: 255 - (br && br.r || 0) }, context);
+                break;
+              case 'b':
+                var rg = ui.val('rg');
+                colorMap.val('xy', { x: rg && rg.r || 0, y: 255 - (rg && rg.g || 0) }, context);
+                break;
+            }
+          }
+          if (context !== colorBar) {
+            switch (settings.color.mode) {
+              case 'h':
+                colorBar.val('y', 360 - (ui.val('h') || 0), context);
+                break;
+              case 's':
+                var s = ui.val('s');
+                colorBar.val('y', 100 - (s != null ? s : 100), context);
+                break;
+              case 'v':
+                var v = ui.val('v');
+                colorBar.val('y', 100 - (v != null ? v : 100), context);
+                break;
+              case 'r':
+                colorBar.val('y', 255 - (ui.val('r') || 0), context);
+                break;
+              case 'g':
+                colorBar.val('y', 255 - (ui.val('g') || 0), context);
+                break;
+              case 'b':
+                colorBar.val('y', 255 - (ui.val('b') || 0), context);
+                break;
+              case 'a':
+                var a = ui.val('a');
+                colorBar.val('y', 255 - (a != null ? a : 255), context);
+                break;
+            }
+          }
+        }
+        function updatePreview(ui) {
+          try {
+            var all = ui.val('all');
+            activePreview.css({ backgroundColor: all && '#' + all.hex || 'transparent' });
+            setAlpha.call($this, activePreview, all && Math.precision(all.a * 100 / 255, 4) || 0);
+          } catch (e) {}
+        }
+        function updateMapVisuals(ui) {
+          switch (settings.color.mode) {
+            case 'h':
+              setBG.call($this, colorMapDiv, new Color({ h: ui.val('h') || 0, s: 100, v: 100 }).val('hex'));
+              break;
+            case 's':
+            case 'a':
+              var s = ui.val('s');
+              setAlpha.call($this, colorMapL2, 100 - (s != null ? s : 100));
+              break;
+            case 'v':
+              var v = ui.val('v');
+              setAlpha.call($this, colorMapL1, v != null ? v : 100);
+              break;
+            case 'r':
+              setAlpha.call($this, colorMapL2, Math.precision((ui.val('r') || 0) / 255 * 100, 4));
+              break;
+            case 'g':
+              setAlpha.call($this, colorMapL2, Math.precision((ui.val('g') || 0) / 255 * 100, 4));
+              break;
+            case 'b':
+              setAlpha.call($this, colorMapL2, Math.precision((ui.val('b') || 0) / 255 * 100));
+              break;
+          }
+          var a = ui.val('a');
+          setAlpha.call($this, colorMapL3, Math.precision((255 - (a || 0)) * 100 / 255, 4));
+        }
+        function updateBarVisuals(ui) {
+          switch (settings.color.mode) {
+            case 'h':
+              var a = ui.val('a');
+              setAlpha.call($this, colorBarL5, Math.precision((255 - (a || 0)) * 100 / 255, 4));
+              break;
+            case 's':
+              var hva = ui.val('hva'),
+                  saturatedColor = new Color({ h: hva && hva.h || 0, s: 100, v: hva != null ? hva.v : 100 });
+              setBG.call($this, colorBarDiv, saturatedColor.val('hex'));
+              setAlpha.call($this, colorBarL2, 100 - (hva != null ? hva.v : 100));
+              setAlpha.call($this, colorBarL5, Math.precision((255 - (hva && hva.a || 0)) * 100 / 255, 4));
+              break;
+            case 'v':
+              var hsa = ui.val('hsa'),
+                  valueColor = new Color({ h: hsa && hsa.h || 0, s: hsa != null ? hsa.s : 100, v: 100 });
+              setBG.call($this, colorBarDiv, valueColor.val('hex'));
+              setAlpha.call($this, colorBarL5, Math.precision((255 - (hsa && hsa.a || 0)) * 100 / 255, 4));
+              break;
+            case 'r':
+            case 'g':
+            case 'b':
+              var rgba = ui.val('rgba');
+              var hValue = 0,
+                  vValue = 0;
+              if (settings.color.mode === 'r') {
+                hValue = rgba && rgba.b || 0;
+                vValue = rgba && rgba.g || 0;
+              } else if (settings.color.mode === 'g') {
+                hValue = rgba && rgba.b || 0;
+                vValue = rgba && rgba.r || 0;
+              } else if (settings.color.mode === 'b') {
+                hValue = rgba && rgba.r || 0;
+                vValue = rgba && rgba.g || 0;
+              }
+              var middle = vValue > hValue ? hValue : vValue;
+              setAlpha.call($this, colorBarL2, hValue > vValue ? Math.precision((hValue - vValue) / (255 - vValue) * 100, 4) : 0);
+              setAlpha.call($this, colorBarL3, vValue > hValue ? Math.precision((vValue - hValue) / (255 - hValue) * 100, 4) : 0);
+              setAlpha.call($this, colorBarL4, Math.precision(middle / 255 * 100, 4));
+              setAlpha.call($this, colorBarL5, Math.precision((255 - (rgba && rgba.a || 0)) * 100 / 255, 4));
+              break;
+            case 'a':
+              {
+                var _a = ui.val('a');
+                setBG.call($this, colorBarDiv, ui.val('hex') || '000000');
+                setAlpha.call($this, colorBarL5, _a != null ? 0 : 100);
+                setAlpha.call($this, colorBarL6, _a != null ? 100 : 0);
+                break;
+              }
+          }
+        }
+        function setBG(el, c) {
+          el.css({ backgroundColor: c && c.length === 6 && '#' + c || 'transparent' });
+        }
+        function setImg(img, src) {
+          if (isLessThanIE7 && (src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png'))) {
+            img.attr('pngSrc', src);
+            img.css({ backgroundImage: 'none', filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\')' });
+          } else img.css({ backgroundImage: 'url(\'' + src + '\')' });
+        }
+        function setImgLoc(img, y) {
+          img.css({ top: y + 'px' });
+        }
+        function setAlpha(obj, alpha) {
+          obj.css({ visibility: alpha > 0 ? 'visible' : 'hidden' });
+          if (alpha > 0 && alpha < 100) {
+            if (isLessThanIE7) {
+              var src = obj.attr('pngSrc');
+              if (src != null && (src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png'))) {
+                obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\') progid:DXImageTransform.Microsoft.Alpha(opacity=' + alpha + ')' });
+              } else obj.css({ opacity: Math.precision(alpha / 100, 4) });
+            } else obj.css({ opacity: Math.precision(alpha / 100, 4) });
+          } else if (alpha === 0 || alpha === 100) {
+            if (isLessThanIE7) {
+              var _src = obj.attr('pngSrc');
+              if (_src != null && (_src.includes('AlphaBar.png') || _src.includes('Bars.png') || _src.includes('Maps.png'))) {
+                obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + _src + '\', sizingMethod=\'scale\')' });
+              } else obj.css({ opacity: '' });
+            } else obj.css({ opacity: '' });
+          }
+        }
+        // revert color to original color when opened
+        function revertColor() {
+          color.active.val('ahex', color.current.val('ahex'));
+        }
+        // commit the color changes
+        function commitColor() {
+          color.current.val('ahex', color.active.val('ahex'));
+        }
+        function radioClicked(e) {
+          $(this).parents('tbody:first').find('input:radio[value!="' + e.target.value + '"]').removeAttr('checked');
+          setColorMode.call($this, e.target.value);
+        }
+        function currentClicked() {
+          revertColor.call($this);
+        }
+        function cancelClicked() {
+          revertColor.call($this);
+          settings.window.expandable && hide.call($this);
+          typeof cancelCallback === 'function' && cancelCallback.call($this, color.active, cancelButton);
+        }
+        function okClicked() {
+          commitColor.call($this);
+          settings.window.expandable && hide.call($this);
+          typeof commitCallback === 'function' && commitCallback.call($this, color.active, okButton);
+        }
+        function iconImageClicked() {
+          show.call($this);
+        }
+        function currentColorChanged(ui, context) {
+          var hex = ui.val('hex');
+          currentPreview.css({ backgroundColor: hex && '#' + hex || 'transparent' });
+          setAlpha.call($this, currentPreview, Math.precision((ui.val('a') || 0) * 100 / 255, 4));
+        }
+        function expandableColorChanged(ui, context) {
+          var hex = ui.val('hex');
+          var va = ui.val('va');
+          iconColor.css({ backgroundColor: hex && '#' + hex || 'transparent' });
+          setAlpha.call($this, iconAlpha, Math.precision((255 - (va && va.a || 0)) * 100 / 255, 4));
+          if (settings.window.bindToInput && settings.window.updateInputColor) {
+            settings.window.input.css({
+              backgroundColor: hex && '#' + hex || 'transparent',
+              color: va == null || va.v > 75 ? '#000000' : '#ffffff'
+            });
+          }
+        }
+        function moveBarMouseDown(e) {
+          // const {element} = settings.window, // local copies for YUI compressor
+          //     {page} = settings.window;
+          elementStartX = parseInt(container.css('left'));
+          elementStartY = parseInt(container.css('top'));
+          pageStartX = e.pageX;
+          pageStartY = e.pageY;
+          // bind events to document to move window - we will unbind these on mouseup
+          $(document).bind('mousemove', documentMouseMove).bind('mouseup', documentMouseUp);
+          e.preventDefault(); // prevent attempted dragging of the column
+        }
+        function documentMouseMove(e) {
+          container.css({ left: elementStartX - (pageStartX - e.pageX) + 'px', top: elementStartY - (pageStartY - e.pageY) + 'px' });
+          if (settings.window.expandable && !$.support.boxModel) container.prev().css({ left: container.css('left'), top: container.css('top') });
+          e.stopPropagation();
+          e.preventDefault();
+          return false;
+        }
+        function documentMouseUp(e) {
+          $(document).unbind('mousemove', documentMouseMove).unbind('mouseup', documentMouseUp);
+          e.stopPropagation();
+          e.preventDefault();
+          return false;
+        }
+        function quickPickClicked(e) {
+          e.preventDefault();
+          e.stopPropagation();
+          color.active.val('ahex', $(this).attr('title') || null, e.target);
+          return false;
+        }
+        function show() {
+          color.current.val('ahex', color.active.val('ahex'));
+          function attachIFrame() {
+            if (!settings.window.expandable || $.support.boxModel) return;
+            var table = container.find('table:first');
+            container.before('<iframe/>');
+            container.prev().css({ width: table.width(), height: container.height(), opacity: 0, position: 'absolute', left: container.css('left'), top: container.css('top') });
+          }
+          if (settings.window.expandable) {
+            $(document.body).children('div.jPicker.Container').css({ zIndex: 10 });
+            container.css({ zIndex: 20 });
+          }
+          switch (settings.window.effects.type) {
+            case 'fade':
+              container.fadeIn(settings.window.effects.speed.show, attachIFrame);
+              break;
+            case 'slide':
+              container.slideDown(settings.window.effects.speed.show, attachIFrame);
+              break;
+            case 'show':
+            default:
+              container.show(settings.window.effects.speed.show, attachIFrame);
+              break;
+          }
+        }
+        function hide() {
+          function removeIFrame() {
+            if (settings.window.expandable) container.css({ zIndex: 10 });
+            if (!settings.window.expandable || $.support.boxModel) return;
+            container.prev().remove();
+          }
+          switch (settings.window.effects.type) {
+            case 'fade':
+              container.fadeOut(settings.window.effects.speed.hide, removeIFrame);
+              break;
+            case 'slide':
+              container.slideUp(settings.window.effects.speed.hide, removeIFrame);
+              break;
+            case 'show':
+            default:
+              container.hide(settings.window.effects.speed.hide, removeIFrame);
+              break;
+          }
+        }
+        function initialize() {
+          var win = settings.window,
+              popup = win.expandable ? $($this).next().find('.Container:first') : null;
+          container = win.expandable ? $('<div/>') : $($this);
+          container.addClass('jPicker Container');
+          if (win.expandable) container.hide();
+          container.get(0).onselectstart = function (event) {
+            if (event.target.nodeName.toLowerCase() !== 'input') return false;
+          };
+          // inject html source code - we are using a single table for this control - I know tables are considered bad, but it takes care of equal height columns and
+          // this control really is tabular data, so I believe it is the right move
+          var all = color.active.val('all');
+          if (win.alphaPrecision < 0) win.alphaPrecision = 0;else if (win.alphaPrecision > 2) win.alphaPrecision = 2;
+          var controlHtml = '<table class="jPicker" cellpadding="0" cellspacing="0"><tbody>' + (win.expandable ? '<tr><td class="Move" colspan="5">&nbsp;</td></tr>' : '') + '<tr><td rowspan="9"><h2 class="Title">' + (win.title || localization.text.title) + '</h2><div class="Map"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><img src="' + images.clientPath + images.colorMap.arrow.file + '" class="Arrow"/></div></td><td rowspan="9"><div class="Bar"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><span class="Map4">&nbsp;</span><span class="Map5">&nbsp;</span><span class="Map6">&nbsp;</span><img src="' + images.clientPath + images.colorBar.arrow.file + '" class="Arrow"/></div></td><td colspan="2" class="Preview">' + localization.text.newColor + '<div><span class="Active" title="' + localization.tooltips.colors.newColor + '">&nbsp;</span><span class="Current" title="' + localization.tooltips.colors.currentColor + '">&nbsp;</span></div>' + localization.text.currentColor + '</td><td rowspan="9" class="Button"><input type="button" class="Ok" value="' + localization.text.ok + '" title="' + localization.tooltips.buttons.ok + '"/><input type="button" class="Cancel" value="' + localization.text.cancel + '" title="' + localization.tooltips.buttons.cancel + '"/><hr/><div class="Grid">&nbsp;</div></td></tr><tr class="Hue"><td class="Radio"><label title="' + localization.tooltips.hue.radio + '"><input type="radio" value="h"' + (settings.color.mode === 'h' ? ' checked="checked"' : '') + '/>H:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.h : '') + '" title="' + localization.tooltips.hue.textbox + '"/>&nbsp;&deg;</td></tr><tr class="Saturation"><td class="Radio"><label title="' + localization.tooltips.saturation.radio + '"><input type="radio" value="s"' + (settings.color.mode === 's' ? ' checked="checked"' : '') + '/>S:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.s : '') + '" title="' + localization.tooltips.saturation.textbox + '"/>&nbsp;%</td></tr><tr class="Value"><td class="Radio"><label title="' + localization.tooltips.value.radio + '"><input type="radio" value="v"' + (settings.color.mode === 'v' ? ' checked="checked"' : '') + '/>V:</label><br/><br/></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.v : '') + '" title="' + localization.tooltips.value.textbox + '"/>&nbsp;%<br/><br/></td></tr><tr class="Red"><td class="Radio"><label title="' + localization.tooltips.red.radio + '"><input type="radio" value="r"' + (settings.color.mode === 'r' ? ' checked="checked"' : '') + '/>R:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.r : '') + '" title="' + localization.tooltips.red.textbox + '"/></td></tr><tr class="Green"><td class="Radio"><label title="' + localization.tooltips.green.radio + '"><input type="radio" value="g"' + (settings.color.mode === 'g' ? ' checked="checked"' : '') + '/>G:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.g : '') + '" title="' + localization.tooltips.green.textbox + '"/></td></tr><tr class="Blue"><td class="Radio"><label title="' + localization.tooltips.blue.radio + '"><input type="radio" value="b"' + (settings.color.mode === 'b' ? ' checked="checked"' : '') + '/>B:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.b : '') + '" title="' + localization.tooltips.blue.textbox + '"/></td></tr><tr class="Alpha"><td class="Radio">' + (win.alphaSupport ? '<label title="' + localization.tooltips.alpha.radio + '"><input type="radio" value="a"' + (settings.color.mode === 'a' ? ' checked="checked"' : '') + '/>A:</label>' : '&nbsp;') + '</td><td class="Text">' + (win.alphaSupport ? '<input type="text" maxlength="' + (3 + win.alphaPrecision) + '" value="' + (all != null ? Math.precision(all.a * 100 / 255, win.alphaPrecision) : '') + '" title="' + localization.tooltips.alpha.textbox + '"/>&nbsp;%' : '&nbsp;') + '</td></tr><tr class="Hex"><td colspan="2" class="Text"><label title="' + localization.tooltips.hex.textbox + '">#:<input type="text" maxlength="6" class="Hex" value="' + (all != null ? all.hex : '') + '"/></label>' + (win.alphaSupport ? '<input type="text" maxlength="2" class="AHex" value="' + (all != null ? all.ahex.substring(6) : '') + '" title="' + localization.tooltips.hex.alpha + '"/></td>' : '&nbsp;') + '</tr></tbody></table>';
+          if (win.expandable) {
+            container.html(controlHtml);
+            if (!$(document.body).children('div.jPicker.Container').length) {
+              $(document.body).prepend(container);
+            } else {
+              $(document.body).children('div.jPicker.Container:last').after(container);
+            }
+            container.mousedown(function () {
+              $(document.body).children('div.jPicker.Container').css({ zIndex: 10 });
+              container.css({ zIndex: 20 });
+            });
+            container.css( // positions must be set and display set to absolute before source code injection or IE will size the container to fit the window
+            {
+              left: win.position.x === 'left' ? popup.offset().left - 530 - (win.position.y === 'center' ? 25 : 0) + 'px' : win.position.x === 'center' ? popup.offset().left - 260 + 'px' : win.position.x === 'right' ? popup.offset().left - 10 + (win.position.y === 'center' ? 25 : 0) + 'px' : win.position.x === 'screenCenter' ? ($(document).width() >> 1) - 260 + 'px' : popup.offset().left + parseInt(win.position.x) + 'px',
+              position: 'absolute',
+              top: win.position.y === 'top' ? popup.offset().top - 312 + 'px' : win.position.y === 'center' ? popup.offset().top - 156 + 'px' : win.position.y === 'bottom' ? popup.offset().top + 25 + 'px' : popup.offset().top + parseInt(win.position.y) + 'px'
+            });
+          } else {
+            container = $($this);
+            container.html(controlHtml);
+          }
+          // initialize the objects to the source code just injected
+          var tbody = container.find('tbody:first');
+          colorMapDiv = tbody.find('div.Map:first');
+          colorBarDiv = tbody.find('div.Bar:first');
+          var MapMaps = colorMapDiv.find('span');
+          var BarMaps = colorBarDiv.find('span');
+          colorMapL1 = MapMaps.filter('.Map1:first');
+          colorMapL2 = MapMaps.filter('.Map2:first');
+          colorMapL3 = MapMaps.filter('.Map3:first');
+          colorBarL1 = BarMaps.filter('.Map1:first');
+          colorBarL2 = BarMaps.filter('.Map2:first');
+          colorBarL3 = BarMaps.filter('.Map3:first');
+          colorBarL4 = BarMaps.filter('.Map4:first');
+          colorBarL5 = BarMaps.filter('.Map5:first');
+          colorBarL6 = BarMaps.filter('.Map6:first');
+          // create color pickers and maps
+          colorMap = new Slider(colorMapDiv, {
+            map: {
+              width: images.colorMap.width,
+              height: images.colorMap.height
+            },
+            arrow: {
+              image: images.clientPath + images.colorMap.arrow.file,
+              width: images.colorMap.arrow.width,
+              height: images.colorMap.arrow.height
+            }
+          });
+          colorMap.bind(mapValueChanged);
+          colorBar = new Slider(colorBarDiv, {
+            map: {
+              width: images.colorBar.width,
+              height: images.colorBar.height
+            },
+            arrow: {
+              image: images.clientPath + images.colorBar.arrow.file,
+              width: images.colorBar.arrow.width,
+              height: images.colorBar.arrow.height
+            }
+          });
+          colorBar.bind(colorBarValueChanged);
+          colorPicker = new ColorValuePicker(tbody, color.active, win.expandable && win.bindToInput ? win.input : null, win.alphaPrecision);
+          var hex = all != null ? all.hex : null,
+              preview = tbody.find('.Preview'),
+              button = tbody.find('.Button');
+          activePreview = preview.find('.Active:first').css({ backgroundColor: hex && '#' + hex || 'transparent' });
+          currentPreview = preview.find('.Current:first').css({ backgroundColor: hex && '#' + hex || 'transparent' }).bind('click', currentClicked);
+          setAlpha.call($this, currentPreview, Math.precision(color.current.val('a') * 100) / 255, 4);
+          okButton = button.find('.Ok:first').bind('click', okClicked);
+          cancelButton = button.find('.Cancel:first').bind('click', cancelClicked);
+          grid = button.find('.Grid:first');
+          setTimeout(function () {
+            setImg.call($this, colorMapL1, images.clientPath + 'Maps.png');
+            setImg.call($this, colorMapL2, images.clientPath + 'Maps.png');
+            setImg.call($this, colorMapL3, images.clientPath + 'map-opacity.png');
+            setImg.call($this, colorBarL1, images.clientPath + 'Bars.png');
+            setImg.call($this, colorBarL2, images.clientPath + 'Bars.png');
+            setImg.call($this, colorBarL3, images.clientPath + 'Bars.png');
+            setImg.call($this, colorBarL4, images.clientPath + 'Bars.png');
+            setImg.call($this, colorBarL5, images.clientPath + 'bar-opacity.png');
+            setImg.call($this, colorBarL6, images.clientPath + 'AlphaBar.png');
+            setImg.call($this, preview.find('div:first'), images.clientPath + 'preview-opacity.png');
+          }, 0);
+          tbody.find('td.Radio input').bind('click', radioClicked);
+          // initialize quick list
+          if (color.quickList && color.quickList.length > 0) {
+            var html = '';
+            for (var i = 0; i < color.quickList.length; i++) {
+              /* if default colors are hex strings, change them to color objects */
+              if (_typeof(color.quickList[i]).toString().toLowerCase() === 'string') color.quickList[i] = new Color({ hex: color.quickList[i] });
+              var alpha = color.quickList[i].val('a');
+              var ahex = color.quickList[i].val('ahex');
+              if (!win.alphaSupport && ahex) ahex = ahex.substring(0, 6) + 'ff';
+              var quickHex = color.quickList[i].val('hex');
+              if (!ahex) ahex = '00000000';
+              html += '<span class="QuickColor"' + (ahex && ' title="#' + ahex + '"' || 'none') + ' style="background-color:' + (quickHex && '#' + quickHex || '') + ';' + (quickHex ? '' : 'background-image:url(' + images.clientPath + 'NoColor.png)') + (win.alphaSupport && alpha && alpha < 255 ? ';opacity:' + Math.precision(alpha / 255, 4) + ';filter:Alpha(opacity=' + Math.precision(alpha / 2.55, 4) + ')' : '') + '">&nbsp;</span>';
+            }
+            setImg.call($this, grid, images.clientPath + 'bar-opacity.png');
+            grid.html(html);
+            grid.find('.QuickColor').click(quickPickClicked);
+          }
+          setColorMode.call($this, settings.color.mode);
+          color.active.bind(activeColorChanged);
+          typeof liveCallback === 'function' && color.active.bind(liveCallback);
+          color.current.bind(currentColorChanged);
+          // bind to input
+          if (win.expandable) {
+            $this.icon = popup.parents('.Icon:first');
+            iconColor = $this.icon.find('.Color:first').css({ backgroundColor: hex && '#' + hex || 'transparent' });
+            iconAlpha = $this.icon.find('.Alpha:first');
+            setImg.call($this, iconAlpha, images.clientPath + 'bar-opacity.png');
+            setAlpha.call($this, iconAlpha, Math.precision((255 - (all != null ? all.a : 0)) * 100 / 255, 4));
+            iconImage = $this.icon.find('.Image:first').css({
+              backgroundImage: 'url(\'' + images.clientPath + images.picker.file + '\')'
+            }).bind('click', iconImageClicked);
+            if (win.bindToInput && win.updateInputColor) {
+              win.input.css({
+                backgroundColor: hex && '#' + hex || 'transparent',
+                color: all == null || all.v > 75 ? '#000000' : '#ffffff'
+              });
+            }
+            moveBar = tbody.find('.Move:first').bind('mousedown', moveBarMouseDown);
+            color.active.bind(expandableColorChanged);
+          } else show.call($this);
+        }
+        function destroy() {
+          container.find('td.Radio input').unbind('click', radioClicked);
+          currentPreview.unbind('click', currentClicked);
+          cancelButton.unbind('click', cancelClicked);
+          okButton.unbind('click', okClicked);
+          if (settings.window.expandable) {
+            iconImage.unbind('click', iconImageClicked);
+            moveBar.unbind('mousedown', moveBarMouseDown);
+            $this.icon = null;
+          }
+          container.find('.QuickColor').unbind('click', quickPickClicked);
+          colorMapDiv = null;
+          colorBarDiv = null;
+          colorMapL1 = null;
+          colorMapL2 = null;
+          colorMapL3 = null;
+          colorBarL1 = null;
+          colorBarL2 = null;
+          colorBarL3 = null;
+          colorBarL4 = null;
+          colorBarL5 = null;
+          colorBarL6 = null;
+          colorMap.destroy();
+          colorMap = null;
+          colorBar.destroy();
+          colorBar = null;
+          colorPicker.destroy();
+          colorPicker = null;
+          activePreview = null;
+          currentPreview = null;
+          okButton = null;
+          cancelButton = null;
+          grid = null;
+          commitCallback = null;
+          cancelCallback = null;
+          liveCallback = null;
+          container.html('');
+          for (var i = 0; i < List.length; i++) {
+            if (List[i] === $this) {
+              List.splice(i, 1);
+            }
+          }
+        }
+        var images = settings.images,
+            localization = settings.localization; // local copies for YUI compressor
+
+        var color = {
+          active: _typeof(settings.color.active).toString().toLowerCase() === 'string' ? new Color({ ahex: !settings.window.alphaSupport && settings.color.active ? settings.color.active.substring(0, 6) + 'ff' : settings.color.active
+          }) : new Color({ ahex: !settings.window.alphaSupport && settings.color.active.val('ahex') ? settings.color.active.val('ahex').substring(0, 6) + 'ff' : settings.color.active.val('ahex')
+          }),
+          current: _typeof(settings.color.active).toString().toLowerCase() === 'string' ? new Color({ ahex: !settings.window.alphaSupport && settings.color.active ? settings.color.active.substring(0, 6) + 'ff' : settings.color.active }) : new Color({ ahex: !settings.window.alphaSupport && settings.color.active.val('ahex') ? settings.color.active.val('ahex').substring(0, 6) + 'ff' : settings.color.active.val('ahex')
+          }),
+          quickList: settings.color.quickList
+        };
+
+        var elementStartX = null,
+            // Used to record the starting css positions for dragging the control
+        elementStartY = null,
+            pageStartX = null,
+            // Used to record the mousedown coordinates for dragging the control
+        pageStartY = null,
+            container = null,
+            colorMapDiv = null,
+            colorBarDiv = null,
+            colorMapL1 = null,
+            // different layers of colorMap and colorBar
+        colorMapL2 = null,
+            colorMapL3 = null,
+            colorBarL1 = null,
+            colorBarL2 = null,
+            colorBarL3 = null,
+            colorBarL4 = null,
+            colorBarL5 = null,
+            colorBarL6 = null,
+            colorMap = null,
+            // color maps
+        colorBar = null,
+            colorPicker = null,
+            activePreview = null,
+            // color boxes above the radio buttons
+        currentPreview = null,
+            okButton = null,
+            cancelButton = null,
+            grid = null,
+            // preset colors grid
+        iconColor = null,
+            // iconColor for popup icon
+        iconAlpha = null,
+            // iconAlpha for popup icon
+        iconImage = null,
+            // iconImage popup icon
+        moveBar = null,
+            // drag bar
+        commitCallback = typeof $arguments[1] === 'function' ? $arguments[1] : null,
+            liveCallback = typeof $arguments[2] === 'function' ? $arguments[2] : null,
+            cancelCallback = typeof $arguments[3] === 'function' ? $arguments[3] : null;
+
+        $.extend(true, $this, {
+          // public properties, methods, and callbacks
+          commitCallback: commitCallback, // commitCallback function can be overridden to return the selected color to a method you specify when the user clicks "OK"
+          liveCallback: liveCallback, // liveCallback function can be overridden to return the selected color to a method you specify in live mode (continuous update)
+          cancelCallback: cancelCallback, // cancelCallback function can be overridden to a method you specify when the user clicks "Cancel"
+          color: color,
+          show: show,
+          hide: hide,
+          destroy: destroy // destroys this control entirely, removing all events and objects, and removing itself from the List
+        });
+        List.push($this);
+        setTimeout(function () {
+          initialize.call($this);
+        }, 0);
+      });
+    };
+    /**
+    * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsIconInfo
+    * @property {string} file Color Map/Color Bar/Color Picker arrow icon
+    * @property {Float} width
+    * @property {Float} height
+    */
+    /**
+    * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsImagesDimensionsArrow
+    * @property {Float} width
+    * @property {Float} height
+    * @property {external:jQuery.fn.jPickerOptionsIconInfo} arrow
+    */
+    /**
+    * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsRadioTextboxLocale
+    * @property {string} radio
+    * @property {string} textbox
+    */
+    /**
+    * @typedef {PlainObject} external:jQuery.fn.jPickerOptions
+    * @property {PlainObject} window
+    * @property {string|null} window.title Any title for the jPicker window itself - displays
+    * "Drag Markers To Pick A Color" if left null
+    * @property {PlainObject} window.effects
+    * @property {"slide"|"show"|"fade"} window.effects.type Effect used to show/hide an expandable picker
+    * @property {PlainObject} window.effects.speed
+    * @property {"fast"|"slow"|Float} window.effects.speed.show Duration of "show" effect. Time in milliseconds.
+    * @property {"fast"|"slow"|Float} window.effects.speed.hide Duration of "hide" effect. Time in milliseconds
+    * @property {PlainObject} window.position
+    * @property {"left"|"center"|"right"|"screenCenter"|Float} window.position.x Relative px value
+    * @property {"top"|"bottom"|"center"|Float} window.position.y Relative px value
+    * @property {boolean} window.expandable Defaults to large static picker - set to `true` to make an expandable
+    * picker (small icon with popup) - set automatically when binded to input element
+    * @property {boolean} window.liveUpdate Set `false` if you want the user to have to click "OK" before the
+    * binded input box updates values (always `true` for expandable picker)
+    * @property {boolean} window.alphaSupport Set to `true` to enable alpha picking
+    * @property {Float} window.alphaPrecision Set decimal precision for alpha percentage display - hex codes do
+    * not map directly to percentage integers - range 0-2
+    * @property {boolean} window.updateInputColor Set to `false` to prevent binded input colors from changing
+    * @property {PlainObject} color
+    * @property {"h"|"s"|"v"|"r"|"g"|"b"|"a"} color.mode Symbols stand for "h" (hue), "s" (saturation), "v" (value), "r" (red), "g" (green), "b" (blue), "a" (alpha)
+    * @property {Color|string} color.active Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the "#" prefix
+    * @property {Color[]|string[]} color.quickList The quick pick color list
+    * Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the "#" prefix
+    * @property {PlainObject} images
+    * @property {string} images.clientPath Path to image files
+    * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorMap
+    * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorBar
+    * @property {external:jQuery.fn.jPickerOptionsIconInfo} images.picker
+    * @property {PlainObject} localization alter these to change the text presented by the picker (e.g. different language)
+    * @property {PlainObject} localization.text
+    * @property {string} localization.text.title
+    * @property {string} localization.text.newColor
+    * @property {string} localization.text.currentColor
+    * @property {string} localization.text.ok
+    * @property {string} localization.text.cancel
+    * @property {PlainObject} localization.tooltips
+    * @property {PlainObject} localization.tooltips.colors
+    * @property {string} localization.tooltips.colors.newColor
+    * @property {string} localization.tooltips.colors.currentColor
+    * @property {PlainObject} localization.tooltips.buttons
+    * @property {string} localization.tooltips.buttons.ok
+    * @property {string} localization.tooltips.buttons.cancel
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.hue
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.saturation
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.value
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.red
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.green
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.blue
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.alpha
+    * @property {PlainObject} localization.tooltips.hex
+    * @property {string} localization.tooltips.hex.textbox
+    * @property {string} localization.tooltips.hex.alpha
+    */
+    /**
+    * jPicker defaults - you can change anything in this section (such as the
+    * clientPath to your images) without fear of breaking the program
+    * @namespace {external:jQuery.fn.jPickerOptions} defaults
+    * @memberof external:jQuery.fn.$.fn.jPicker
+    * @borrows external:jQuery.fn.jPickerOptions as external:jQuery.fn.jPicker.defaults
+    * @see Source for all of the values
+    */
+    $.fn.jPicker.defaults = {
+      window: {
+        title: null,
+        effects: {
+          type: 'slide',
+          speed: {
+            show: 'slow',
+            hide: 'fast'
+          }
+        },
+        position: {
+          x: 'screenCenter',
+          y: 'top'
+        },
+        expandable: false,
+        liveUpdate: true,
+        alphaSupport: false,
+        alphaPrecision: 0,
+        updateInputColor: true
+      },
+      color: {
+        mode: 'h',
+        active: new Color({ ahex: '#ffcc00ff' }),
+        quickList: [new Color({ h: 360, s: 33, v: 100 }), new Color({ h: 360, s: 66, v: 100 }), new Color({ h: 360, s: 100, v: 100 }), new Color({ h: 360, s: 100, v: 75 }), new Color({ h: 360, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 100 }), new Color({ h: 30, s: 33, v: 100 }), new Color({ h: 30, s: 66, v: 100 }), new Color({ h: 30, s: 100, v: 100 }), new Color({ h: 30, s: 100, v: 75 }), new Color({ h: 30, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 90 }), new Color({ h: 60, s: 33, v: 100 }), new Color({ h: 60, s: 66, v: 100 }), new Color({ h: 60, s: 100, v: 100 }), new Color({ h: 60, s: 100, v: 75 }), new Color({ h: 60, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 80 }), new Color({ h: 90, s: 33, v: 100 }), new Color({ h: 90, s: 66, v: 100 }), new Color({ h: 90, s: 100, v: 100 }), new Color({ h: 90, s: 100, v: 75 }), new Color({ h: 90, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 70 }), new Color({ h: 120, s: 33, v: 100 }), new Color({ h: 120, s: 66, v: 100 }), new Color({ h: 120, s: 100, v: 100 }), new Color({ h: 120, s: 100, v: 75 }), new Color({ h: 120, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 60 }), new Color({ h: 150, s: 33, v: 100 }), new Color({ h: 150, s: 66, v: 100 }), new Color({ h: 150, s: 100, v: 100 }), new Color({ h: 150, s: 100, v: 75 }), new Color({ h: 150, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 50 }), new Color({ h: 180, s: 33, v: 100 }), new Color({ h: 180, s: 66, v: 100 }), new Color({ h: 180, s: 100, v: 100 }), new Color({ h: 180, s: 100, v: 75 }), new Color({ h: 180, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 40 }), new Color({ h: 210, s: 33, v: 100 }), new Color({ h: 210, s: 66, v: 100 }), new Color({ h: 210, s: 100, v: 100 }), new Color({ h: 210, s: 100, v: 75 }), new Color({ h: 210, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 30 }), new Color({ h: 240, s: 33, v: 100 }), new Color({ h: 240, s: 66, v: 100 }), new Color({ h: 240, s: 100, v: 100 }), new Color({ h: 240, s: 100, v: 75 }), new Color({ h: 240, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 20 }), new Color({ h: 270, s: 33, v: 100 }), new Color({ h: 270, s: 66, v: 100 }), new Color({ h: 270, s: 100, v: 100 }), new Color({ h: 270, s: 100, v: 75 }), new Color({ h: 270, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 10 }), new Color({ h: 300, s: 33, v: 100 }), new Color({ h: 300, s: 66, v: 100 }), new Color({ h: 300, s: 100, v: 100 }), new Color({ h: 300, s: 100, v: 75 }), new Color({ h: 300, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 0 }), new Color({ h: 330, s: 33, v: 100 }), new Color({ h: 330, s: 66, v: 100 }), new Color({ h: 330, s: 100, v: 100 }), new Color({ h: 330, s: 100, v: 75 }), new Color({ h: 330, s: 100, v: 50 }), new Color()]
+      },
+      images: {
+        clientPath: '/jPicker/images/',
+        colorMap: {
+          width: 256,
+          height: 256,
+          arrow: {
+            file: 'mappoint.gif',
+            width: 15,
+            height: 15
+          }
+        },
+        colorBar: {
+          width: 20,
+          height: 256,
+          arrow: {
+            file: 'rangearrows.gif',
+            width: 20,
+            height: 7
+          }
+        },
+        picker: {
+          file: 'picker.gif',
+          width: 25,
+          height: 24
+        }
+      },
+      localization: {
+        text: {
+          title: 'Drag Markers To Pick A Color',
+          newColor: 'new',
+          currentColor: 'current',
+          ok: 'OK',
+          cancel: 'Cancel'
+        },
+        tooltips: {
+          colors: {
+            newColor: 'New Color - Press &ldquo;OK&rdquo; To Commit',
+            currentColor: 'Click To Revert To Original Color'
+          },
+          buttons: {
+            ok: 'Commit To This Color Selection',
+            cancel: 'Cancel And Revert To Original Color'
+          },
+          hue: {
+            radio: 'Set To &ldquo;Hue&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Hue&rdquo; Value (0-360&deg;)'
+          },
+          saturation: {
+            radio: 'Set To &ldquo;Saturation&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Saturation&rdquo; Value (0-100%)'
+          },
+          value: {
+            radio: 'Set To &ldquo;Value&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Value&rdquo; Value (0-100%)'
+          },
+          red: {
+            radio: 'Set To &ldquo;Red&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Red&rdquo; Value (0-255)'
+          },
+          green: {
+            radio: 'Set To &ldquo;Green&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Green&rdquo; Value (0-255)'
+          },
+          blue: {
+            radio: 'Set To &ldquo;Blue&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Blue&rdquo; Value (0-255)'
+          },
+          alpha: {
+            radio: 'Set To &ldquo;Alpha&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Alpha&rdquo; Value (0-100)'
+          },
+          hex: {
+            textbox: 'Enter A &ldquo;Hex&rdquo; Color Value (#000000-#ffffff)',
+            alpha: 'Enter A &ldquo;Alpha&rdquo; Value (#00-#ff)'
+          }
+        }
+      }
+    };
+    return $;
+  };
+
+  /* globals jQuery */
+
+  var $$a = jQuery;
+
+  var langParam = void 0;
+
+  /**
+  * @param {"content"|"title"} type
+  * @param {module:locale.LocaleSelectorValue} obj
+  * @param {boolean} ids
+  * @returns {undefined}
+  */
+  var setStrings = function setStrings(type, obj, ids) {
+    // Root element to look for element from
+    var parent = $$a('#svg_editor').parent();
+    Object.entries(obj).forEach(function (_ref) {
+      var _ref2 = slicedToArray(_ref, 2),
+          sel = _ref2[0],
+          val = _ref2[1];
+
+      if (!val) {
+        console.log(sel);
+      }
+
+      if (ids) {
+        sel = '#' + sel;
+      }
+      var $elem = parent.find(sel);
+      if ($elem.length) {
+        var elem = parent.find(sel)[0];
+
+        switch (type) {
+          case 'content':
+            for (var i = 0, node; node = elem.childNodes[i]; i++) {
+              if (node.nodeType === 3 && node.textContent.trim()) {
+                node.textContent = val;
+                break;
+              }
+            }
+            break;
+
+          case 'title':
+            elem.title = val;
+            break;
+        }
+      } else {
+        console.log('Missing: ' + sel);
+      }
+    });
+  };
+
+  /**
+  * The "data" property is generally set to an an array of objects with
+  * "id" and "title" or "textContent" properties
+  * @typedef {PlainObject} module:locale.AddLangExtensionLocaleData
+  * @property {module:locale.LocaleStrings[]} data See {@tutorial LocaleDocs}
+  */
+
+  /**
+  * @interface module:locale.LocaleEditorInit
+  */
+  /**
+   * @function module:locale.LocaleEditorInit#addLangData
+   * @param {string} langParam
+   * @returns {module:locale.AddLangExtensionLocaleData}
+  */
+
+  var editor_ = void 0;
+  /**
+  * @function init
+  * @memberof module:locale
+  * @param {module:locale.LocaleEditorInit} editor
+  * @returns {undefined}
+  */
+  var init$7 = function init(editor) {
+    editor_ = editor;
+  };
+
+  /**
+  * @typedef {PlainObject} module:locale.LangAndData
+  * @property {string} langParam
+  * @property {module:locale.LocaleStrings} langData
+  */
+
+  /**
+  * @function module:locale.readLang
+  * @param {module:locale.LocaleStrings} langData See {@tutorial LocaleDocs}
+  * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+  * @returns {Promise} Resolves to [`LangAndData`]{@link module:locale.LangAndData}
+  */
+  var readLang = function () {
+    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(langData) {
+      var more, _langData, tools, properties, config, layers, common, ui, opts;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return editor_.addLangData(langParam);
+
+            case 2:
+              more = _context.sent;
+
+              $$a.each(more, function (i, m) {
+                if (m.data) {
+                  langData = $$a.merge(langData, m.data);
+                }
+              });
+
+              // Old locale file, do nothing for now.
+
+              if (langData.tools) {
+                _context.next = 6;
+                break;
+              }
+
+              return _context.abrupt('return');
+
+            case 6:
+              _langData = langData, tools = _langData.tools, properties = _langData.properties, config = _langData.config, layers = _langData.layers, common = _langData.common, ui = _langData.ui;
+
+
+              setStrings('content', {
+                // copyrightLabel: misc.powered_by, // Currently commented out in svg-editor.html
+                curve_segments: properties.curve_segments,
+                fitToContent: tools.fitToContent,
+                fit_to_all: tools.fit_to_all,
+                fit_to_canvas: tools.fit_to_canvas,
+                fit_to_layer_content: tools.fit_to_layer_content,
+                fit_to_sel: tools.fit_to_sel,
+
+                icon_large: config.icon_large,
+                icon_medium: config.icon_medium,
+                icon_small: config.icon_small,
+                icon_xlarge: config.icon_xlarge,
+                image_opt_embed: config.image_opt_embed,
+                image_opt_ref: config.image_opt_ref,
+                includedImages: config.included_images,
+
+                largest_object: tools.largest_object,
+
+                layersLabel: layers.layers,
+                page: tools.page,
+                relativeToLabel: tools.relativeTo,
+                selLayerLabel: layers.move_elems_to,
+                selectedPredefined: config.select_predefined,
+
+                selected_objects: tools.selected_objects,
+                smallest_object: tools.smallest_object,
+                straight_segments: properties.straight_segments,
+
+                svginfo_bg_url: config.editor_img_url + ':',
+                svginfo_bg_note: config.editor_bg_note,
+                svginfo_change_background: config.background,
+                svginfo_dim: config.doc_dims,
+                svginfo_editor_prefs: config.editor_prefs,
+                svginfo_height: common.height,
+                svginfo_icons: config.icon_size,
+                svginfo_image_props: config.image_props,
+                svginfo_lang: config.language,
+                svginfo_title: config.doc_title,
+                svginfo_width: common.width,
+
+                tool_docprops_cancel: common.cancel,
+                tool_docprops_save: common.ok,
+
+                tool_source_cancel: common.cancel,
+                tool_source_save: common.ok,
+
+                tool_prefs_cancel: common.cancel,
+                tool_prefs_save: common.ok,
+
+                sidepanel_handle: layers.layers.split('').join(' '),
+
+                tool_clear: tools.new_doc,
+                tool_docprops: tools.docprops,
+                tool_export: tools.export_img,
+                tool_import: tools.import_doc,
+                tool_open: tools.open_doc,
+                tool_save: tools.save_doc,
+
+                svginfo_units_rulers: config.units_and_rulers,
+                svginfo_rulers_onoff: config.show_rulers,
+                svginfo_unit: config.base_unit,
+
+                svginfo_grid_settings: config.grid,
+                svginfo_snap_onoff: config.snapping_onoff,
+                svginfo_snap_step: config.snapping_stepsize,
+                svginfo_grid_color: config.grid_color
+              }, true);
+
+              // Context menus
+              opts = {};
+
+              $$a.each(['cut', 'copy', 'paste', 'paste_in_place', 'delete', 'group', 'ungroup', 'move_front', 'move_up', 'move_down', 'move_back'], function () {
+                opts['#cmenu_canvas a[href="#' + this + '"]'] = tools[this];
+              });
+
+              $$a.each(['dupe', 'merge_down', 'merge_all'], function () {
+                opts['#cmenu_layers a[href="#' + this + '"]'] = layers[this];
+              });
+
+              opts['#cmenu_layers a[href="#delete"]'] = layers.del;
+
+              setStrings('content', opts);
+
+              setStrings('title', {
+                align_relative_to: tools.align_relative_to,
+                circle_cx: properties.circle_cx,
+                circle_cy: properties.circle_cy,
+                circle_r: properties.circle_r,
+                cornerRadiusLabel: properties.corner_radius,
+                ellipse_cx: properties.ellipse_cx,
+                ellipse_cy: properties.ellipse_cy,
+                ellipse_rx: properties.ellipse_rx,
+                ellipse_ry: properties.ellipse_ry,
+                fill_color: properties.fill_color,
+                font_family: properties.font_family,
+                idLabel: properties.id,
+                image_height: properties.image_height,
+                image_url: properties.image_url,
+                image_width: properties.image_width,
+                layer_delete: layers.del,
+                layer_down: layers.move_down,
+                layer_new: layers['new'],
+                layer_rename: layers.rename,
+                layer_moreopts: common.more_opts,
+                layer_up: layers.move_up,
+                line_x1: properties.line_x1,
+                line_x2: properties.line_x2,
+                line_y1: properties.line_y1,
+                line_y2: properties.line_y2,
+                linecap_butt: properties.linecap_butt,
+                linecap_round: properties.linecap_round,
+                linecap_square: properties.linecap_square,
+                linejoin_bevel: properties.linejoin_bevel,
+                linejoin_miter: properties.linejoin_miter,
+                linejoin_round: properties.linejoin_round,
+                main_icon: tools.main_menu,
+                palette: ui.palette_info,
+                zoom_panel: ui.zoom_level,
+                path_node_x: properties.node_x,
+                path_node_y: properties.node_y,
+                rect_height_tool: properties.rect_height,
+                rect_width_tool: properties.rect_width,
+                seg_type: properties.seg_type,
+                selLayerNames: layers.move_selected,
+                selected_x: properties.pos_x,
+                selected_y: properties.pos_y,
+                stroke_color: properties.stroke_color,
+                stroke_style: properties.stroke_style,
+                stroke_width: properties.stroke_width,
+                svginfo_title: config.doc_title,
+                text: properties.text_contents,
+                toggle_stroke_tools: ui.toggle_stroke_tools,
+                tool_add_subpath: tools.add_subpath,
+                tool_alignbottom: tools.align_bottom,
+                tool_aligncenter: tools.align_center,
+                tool_alignleft: tools.align_left,
+                tool_alignmiddle: tools.align_middle,
+                tool_alignright: tools.align_right,
+                tool_aligntop: tools.align_top,
+                tool_angle: properties.angle,
+                tool_blur: properties.blur,
+                tool_bold: properties.bold,
+                tool_circle: tools.mode_circle,
+                tool_clone: tools.clone,
+                tool_clone_multi: tools.clone,
+                tool_delete: tools.del,
+                tool_delete_multi: tools.del,
+                tool_ellipse: tools.mode_ellipse,
+                tool_fhellipse: tools.mode_fhellipse,
+                tool_fhpath: tools.mode_fhpath,
+                tool_fhrect: tools.mode_fhrect,
+                tool_font_size: properties.font_size,
+                tool_group_elements: tools.group_elements,
+                tool_make_link: tools.make_link,
+                tool_link_url: tools.set_link_url,
+                tool_image: tools.mode_image,
+                tool_italic: properties.italic,
+                tool_line: tools.mode_line,
+                tool_move_bottom: tools.move_bottom,
+                tool_move_top: tools.move_top,
+                tool_node_clone: tools.node_clone,
+                tool_node_delete: tools.node_delete,
+                tool_node_link: tools.node_link,
+                tool_opacity: properties.opacity,
+                tool_openclose_path: tools.openclose_path,
+                tool_path: tools.mode_path,
+                tool_position: tools.align_to_page,
+                tool_rect: tools.mode_rect,
+                tool_redo: tools.redo,
+                tool_reorient: tools.reorient_path,
+                tool_select: tools.mode_select,
+                tool_source: tools.source_save,
+                tool_square: tools.mode_square,
+                tool_text: tools.mode_text,
+                tool_topath: tools.to_path,
+                tool_undo: tools.undo,
+                tool_ungroup: tools.ungroup,
+                tool_wireframe: tools.wireframe_mode,
+                tool_zoom: tools.mode_zoom,
+                url_notice: tools.no_embed
+
+              }, true);
+
+              return _context.abrupt('return', { langParam: langParam, langData: langData });
+
+            case 15:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, this);
+    }));
+
+    return function readLang(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  /**
+  * @function module:locale.putLocale
+  * @param {string} givenParam
+  * @param {string[]} goodLangs
+  * @param {{langPath: string}} conf
+  * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+  * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+  * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+  * @returns {Promise} Resolves to result of {@link module:locale.readLang}
+  */
+  var putLocale = function () {
+    var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(givenParam, goodLangs, conf) {
+      var url;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (givenParam) {
+                langParam = givenParam;
+              } else {
+                langParam = $$a.pref('lang');
+                if (!langParam) {
+                  if (navigator.userLanguage) {
+                    // Explorer
+                    langParam = navigator.userLanguage;
+                  } else if (navigator.language) {
+                    // FF, Opera, ...
+                    langParam = navigator.language;
+                  }
+                }
+
+                console.log('Lang: ' + langParam);
+
+                // Set to English if language is not in list of good langs
+                if (!goodLangs.includes(langParam) && langParam !== 'test') {
+                  langParam = 'en';
+                }
+
+                // don't bother on first run if language is English
+                // The following line prevents setLang from running
+                //    extensions which depend on updated uiStrings,
+                //    so commenting it out.
+                // if (langParam.startsWith('en')) {return;}
+              }
+
+              url = conf.langPath + 'lang.' + langParam + '.js';
+              _context2.t0 = readLang;
+              _context2.next = 5;
+              return importSetGlobalDefault(url, {
+                global: 'svgEditorLang_' + langParam.replace(/-/g, '_')
+              });
+
+            case 5:
+              _context2.t1 = _context2.sent;
+              return _context2.abrupt('return', (0, _context2.t0)(_context2.t1));
+
+            case 7:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, this);
+    }));
+
+    return function putLocale(_x2, _x3, _x4) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  function loadStylesheets(stylesheets) {
+      var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+          beforeDefault = _ref.before,
+          afterDefault = _ref.after,
+          faviconDefault = _ref.favicon,
+          canvasDefault = _ref.canvas,
+          _ref$image = _ref.image,
+          imageDefault = _ref$image === undefined ? true : _ref$image,
+          acceptErrors = _ref.acceptErrors;
+
+      stylesheets = Array.isArray(stylesheets) ? stylesheets : [stylesheets];
+
+      function setupLink(stylesheetURL) {
+          var options = {};
+          if (Array.isArray(stylesheetURL)) {
+              var _stylesheetURL = stylesheetURL;
+
+              var _stylesheetURL2 = slicedToArray(_stylesheetURL, 2);
+
+              stylesheetURL = _stylesheetURL2[0];
+              var _stylesheetURL2$ = _stylesheetURL2[1];
+              options = _stylesheetURL2$ === undefined ? {} : _stylesheetURL2$;
+          }
+          var _options = options,
+              _options$favicon = _options.favicon,
+              favicon = _options$favicon === undefined ? faviconDefault : _options$favicon;
+          var _options2 = options,
+              _options2$before = _options2.before,
+              before = _options2$before === undefined ? beforeDefault : _options2$before,
+              _options2$after = _options2.after,
+              after = _options2$after === undefined ? afterDefault : _options2$after,
+              _options2$canvas = _options2.canvas,
+              canvas = _options2$canvas === undefined ? canvasDefault : _options2$canvas,
+              _options2$image = _options2.image,
+              image = _options2$image === undefined ? imageDefault : _options2$image;
+
+          function addLink() {
+              if (before) {
+                  before.before(link);
+              } else if (after) {
+                  after.after(link);
+              } else {
+                  document.head.appendChild(link);
+              }
+          }
+
+          var link = document.createElement('link');
+          return new Promise(function (resolve, reject) {
+              var rej = reject;
+              if (acceptErrors) {
+                  rej = typeof acceptErrors === 'function' ? function (error) {
+                      acceptErrors({ error: error, stylesheetURL: stylesheetURL, options: options, resolve: resolve, reject: reject });
+                  } : resolve;
+              }
+              if (stylesheetURL.endsWith('.css')) {
+                  favicon = false;
+              } else if (stylesheetURL.endsWith('.ico')) {
+                  favicon = true;
+              }
+              if (favicon) {
+                  link.rel = 'shortcut icon';
+                  link.type = 'image/x-icon';
+
+                  if (image === false) {
+                      link.href = stylesheetURL;
+                      addLink();
+                      resolve(link);
+                      return;
+                  }
+
+                  var cnv = document.createElement('canvas');
+                  cnv.width = 16;
+                  cnv.height = 16;
+                  var context = cnv.getContext('2d');
+                  var img = document.createElement('img');
+                  img.addEventListener('error', function (error) {
+                      reject(error);
+                  });
+                  img.addEventListener('load', function () {
+                      context.drawImage(img, 0, 0);
+                      link.href = canvas ? cnv.toDataURL('image/x-icon') : stylesheetURL;
+                      addLink();
+                      resolve(link);
+                  });
+                  img.src = stylesheetURL;
+                  return;
+              }
+              link.rel = 'stylesheet';
+              link.type = 'text/css';
+              link.href = stylesheetURL;
+              addLink();
+              link.addEventListener('error', function (error) {
+                  rej(error);
+              });
+              link.addEventListener('load', function () {
+                  resolve(link);
+              });
+          });
+      }
+
+      return Promise.all(stylesheets.map(setupLink));
+  }
+
+  /* globals jQuery */
+
+  /**
+  * The main module for the visual SVG Editor
+  *
+  * @license MIT
+  *
+  * @copyright 2010 Alexis Deveria
+  * 2010 Pavol Rusnak
+  * 2010 Jeff Schiller
+  * 2010 Narendra Sisodiya
+  * 2014 Brett Zamir
+  * @exports module:SVGEditor
+  * @borrows module:locale.putLocale as putLocale
+  * @borrows module:locale.readLang as readLang
+  * @borrows module:locale.setStrings as setStrings
+  */
+  var editor = {};
+
+  var $$b = [jqPluginJSHotkeys, jqPluginBBQ, jqPluginSVGIcons, jqPluginJGraduate, jqPluginSpinBtn, jqPluginSVG, jQueryContextMenu, jPicker].reduce(function ($, cb) {
+    return cb($);
+  }, jQuery);
+
+  /*
+  if (!$.loadingStylesheets) {
+    $.loadingStylesheets = [];
+  }
+  */
+  var stylesheet = 'svg-editor.css';
+  if (!$$b.loadingStylesheets.includes(stylesheet)) {
+    $$b.loadingStylesheets.push(stylesheet);
+  }
+  var favicon = 'images/logo.png';
+  if ($$b.loadingStylesheets.some(function (item) {
+    return !Array.isArray(item) || item[0] !== favicon;
+  })) {
+    $$b.loadingStylesheets.push([favicon, { favicon: true }]);
+  }
+
+  // EDITOR PROPERTIES: (defined below)
+  //    curPrefs, curConfig, canvas, storage, uiStrings
+  //
+  // STATE MAINTENANCE PROPERTIES
+  /**
+  * @type {Float}
+  */
+  editor.tool_scale = 1; // Dependent on icon size, so any use to making configurable instead? Used by `jQuery.SpinButton.js`
+  /**
+  * @type {Integer}
+  */
+  editor.exportWindowCt = 0;
+  /**
+  * @type {boolean}
+  */
+  editor.langChanged = false;
+  /**
+  * @type {boolean}
+  */
+  editor.showSaveWarning = false;
+  /**
+  * @type {boolean}
+  */
+  editor.storagePromptClosed = false; // For use with ext-storage.js
+
+  var callbacks = [],
+
+  /**
+  * @typedef {"s"|"m"|"l"|"xl"|Float} module:SVGEditor.IconSize
+  */
+  /**
+  * Preferences
+  * @interface module:SVGEditor.Prefs
+  * @property {string} [lang="en"] Two-letter language code. The language must exist in the Editor Preferences language list. Defaults to "en" if `locale.js` detection does not detect another language.
+  * @property {module:SVGEditor.IconSize} [iconsize="s"|"m"] Size of the toolbar icons. Will default to 's' if the window height is smaller than the minimum height and 'm' otherwise.
+  * @property {string} [bkgd_color="#FFF"] Color hex for canvas background color. Defaults to white.
+  * @property {string} [bkgd_url=""] Background raster image URL. This image will fill the background of the document; useful for tracing purposes.
+  * @property {"embed"|"ref"} [img_save="embed"] Defines whether included raster images should be saved as Data URIs when possible, or as URL references. Settable in the Document Properties dialog.
+  * @property {boolean} [save_notice_done=false] Used to track alert status
+  * @property {boolean} [export_notice_done=false] Used to track alert status
+  * @todo `save_notice_done` and `export_notice_done` should be changed to flags rather than preferences
+  */
+  /**
+  * @namespace {module:SVGEditor.Prefs} defaultPrefs
+  * @memberof module:SVGEditor~
+  * @implements {module:SVGEditor.Prefs}
+  */
+  // The iteration algorithm for defaultPrefs does not currently support array/objects
+  defaultPrefs = /** @lends module:SVGEditor~defaultPrefs */{
+    // EDITOR OPTIONS (DIALOG)
+    /**
+    * Default to "en" if locale.js detection does not detect another language
+    */
+    lang: '',
+    /**
+    * Will default to 's' if the window height is smaller than the minimum height and
+    * 'm' otherwise
+    */
+    iconsize: '',
+    bkgd_color: '#FFF',
+    bkgd_url: '',
+    // DOCUMENT PROPERTIES (DIALOG)
+    img_save: 'embed',
+    // ALERT NOTICES
+    // Only shows in UI as far as alert notices, but useful to remember, so keeping as pref
+    save_notice_done: false,
+    export_notice_done: false
+  },
+
+  /**
+  * @name module:SVGEditor~defaultExtensions
+  * @type {string[]}
+  */
+  defaultExtensions = ['ext-connector.js', 'ext-eyedropper.js', 'ext-grid.js', 'ext-imagelib.js', 'ext-markers.js', 'ext-overview_window.js', 'ext-panning.js', 'ext-polygon.js', 'ext-shapes.js', 'ext-star.js', 'ext-storage.js'],
+
+  /**
+  * @typedef {"@default"|string} module:SVGEditor.Stylesheet `@default` will automatically load all of the default CSS paths for SVGEditor
+  */
+  /**
+  * @typedef {GenericArray} module:SVGEditor.XYDimensions
+  * @property {Integer} length 2
+  * @property {Float} 0
+  * @property {Float} 1
+  */
+  /**
+  * @tutorial ConfigOptions
+  * @interface module:SVGEditor.Config
+  * @property {string} [canvasName="default"] Used to namespace storage provided via `ext-storage.js`; you can use this if you wish to have multiple independent instances of SVG Edit on the same domain
+  * @property {boolean} [no_save_warning=false] If `true`, prevents the warning dialog box from appearing when closing/reloading the page. Mostly useful for testing.
+  * @property {string} [imgPath="images/"] The path where the SVG icons are located, with trailing slash. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {string} [langPath="locale/"] The path where the language files are located, with trailing slash. Default will be changed to `../dist/locale/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {string} [extPath="extensions/"] The path used for extension files, with trailing slash. Default will be changed to `../dist/extensions/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {string} [canvgPath="canvg/"] The path used for `canvg` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.
+  * @property {string} [jspdfPath="jspdf/"] The path used for `jsPDF` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.
+  * @property {string} [extIconsPath="extensions/"] The path used for extension icons, with trailing slash.
+  * @property {string} [jGraduatePath="jgraduate/images/"] The path where jGraduate images are located. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {boolean} [preventAllURLConfig=false] Set to `true` to override the ability for URLs to set non-content configuration (including extension config). Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+  * @property {boolean} [preventURLContentLoading=false] Set to `true` to override the ability for URLs to set URL-based SVG content. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+  * @property {boolean} [lockExtensions=false] Set to `true` to override the ability for URLs to set their own extensions; disallowed in URL setting. There is no need for this when `preventAllURLConfig` is used. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+  * @property {boolean} [noDefaultExtensions=false] If set to `true`, prohibits automatic inclusion of default extensions (though "extensions" can still be used to add back any desired default extensions along with any other extensions). This can only be meaningfully used in `svgedit-config-iife.js` or in the URL
+  * @property {boolean} [noStorageOnLoad=false] Some interaction with `ext-storage.js`; prevent even the loading of previously saved local storage.
+  * @property {boolean} [forceStorage=false] Some interaction with `ext-storage.js`; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not (and may be required by law in some regions)
+  * @property {boolean} [emptyStorageOnDecline=false] Used by `ext-storage.js`; empty any prior storage if the user declines to store
+  * @property {string[]} [extensions=module:SVGEditor~defaultExtensions] Extensions to load on startup. Use an array in `setConfig` and comma separated file names in the URL. Extension names must begin with "ext-". Note that as of version 2.7, paths containing "/", "\", or ":", are disallowed for security reasons. Although previous versions of this list would entirely override the default list, as of version 2.7, the defaults will always be added to this explicit list unless the configuration `noDefaultExtensions` is included.
+  * @property {module:SVGEditor.Stylesheet[]} [stylesheets=["@default"]] An array of required stylesheets to load in parallel; include the value `"@default"` within this array to ensure all default stylesheets are loaded.
+  * @property {string[]} [allowedOrigins=[]] Used by `ext-xdomain-messaging.js` to indicate which origins are permitted for cross-domain messaging (e.g., between the embedded editor and main editor code). Besides explicit domains, one might add '' to allow all domains (not recommended for privacy/data integrity of your user's content!), `window.location.origin` for allowing the same origin (should be safe if you trust all apps on your domain), 'null' to allow `file://` URL usage
+  * @property {null|PlainObject} [colorPickerCSS=null] Object of CSS properties mapped to values (for jQuery) to apply to the color picker. See {@link http://api.jquery.com/css/#css-properties}. A `null` value (the default) will cause the CSS to default to `left` with a position equal to that of the `fill_color` or `stroke_color` element minus 140, and a `bottom` equal to 40
+  * @property {string} [paramurl] This was available via URL only. Allowed an un-encoded URL within the query string (use "url" or "source" with a data: URI instead)
+  * @property {Float} [canvas_expansion=3] The minimum area visible outside the canvas, as a multiple of the image dimensions. The larger the number, the more one can scroll outside the canvas.
+  * @property {PlainObject} [initFill] Init fill properties
+  * @property {string} [initFill.color="FF0000"] The initial fill color. Must be a hex code string. Defaults to solid red.
+  * @property {Float} [initFill.opacity=1] The initial fill opacity. Must be a number between 0 and 1
+  * @property {PlainObject} [initStroke] Init stroke properties
+  * @property {Float} [initStroke.width=5] The initial stroke width. Must be a positive number.
+  * @property {string} [initStroke.color="000000"] The initial stroke color. Must be a hex code. Defaults to solid black.
+  * @property {Float} [initStroke.opacity=1] The initial stroke opacity. Must be a number between 0 and 1.
+  * @property {PlainObject} text Text style properties
+  * @property {Float} [text.stroke_width=0] Text stroke width
+  * @property {Float} [text.font_size=24] Text font size
+  * @property {string} [text.font_family="serif"] Text font family
+  * @property {Float} [initOpacity=1] Initial opacity (multiplied by 100)
+  * @property {module:SVGEditor.XYDimensions} [dimensions=[640, 480]] The default width/height of a new document. Use an array in `setConfig` (e.g., `[800, 600]`) and comma separated numbers in the URL.
+  * @property {boolean} [gridSnapping=false] Enable snap to grid by default. Set in Editor Options.
+  * @property {string} [gridColor="#000"] Accepts hex, e.g., '#000'. Set in Editor Options. Defaults to black.
+  * @property {string} [baseUnit="px"] Set in Editor Options.
+  * @property {Float} [snappingStep=10] Set the default grid snapping value. Set in Editor Options.
+  * @property {boolean} [showRulers=true] Initial state of ruler display (v2.6). Set in Editor Options.
+  * @property {string} [initTool="select"] The initially selected tool. Must be either the ID of the button for the tool, or the ID without `tool_` prefix (e.g., "select").
+  * @property {boolean} [wireframe=false] Start in wireframe mode
+  * @property {boolean} [showlayers=false] Open the layers side-panel by default.
+  * @property {"new"|"same"} [exportWindowType="new"] Can be "new" or "same" to indicate whether new windows will be generated for each export; the `window.name` of the export window is namespaced based on the `canvasName` (and incremented if "new" is selected as the type). Introduced 2.8.
+  * @property {boolean} [showGrid=false] Set by `ext-grid.js`; determines whether or not to show the grid by default
+  * @property {boolean} [show_outside_canvas=true] Defines whether or not elements outside the canvas should be visible. Set and used in `svgcanvas.js`.
+  * @property {boolean} [selectNew=true] If true, will replace the selection with the current element and automatically select element objects (when not in "path" mode) after they are created, showing their grips (v2.6). Set and used in `svgcanvas.js` (`mouseUp`).
+  * @todo Some others could be preferences as well (e.g., preventing URL changing of extensions, defaultExtensions, stylesheets, colorPickerCSS); Change the following to preferences and add pref controls where missing to the UI (e.g., `canvas_expansion`, `initFill`, `initStroke`, `text`, `initOpacity`, `dimensions`, `initTool`, `wireframe`, `showlayers`, `gridSnapping`, `gridColor`, `baseUnit`, `snappingStep`, `showRulers`, `exportWindowType`, `showGrid`, `show_outside_canvas`, `selectNew`)?
+  */
+  /**
+  * @namespace {module:SVGEditor.Config} defaultConfig
+  * @memberof module:SVGEditor~
+  * @implements {module:SVGEditor.Config}
+  */
+  defaultConfig = {
+    canvasName: 'default',
+    canvas_expansion: 3,
+    initFill: {
+      color: 'FF0000', // solid red
+      opacity: 1
+    },
+    initStroke: {
+      width: 5,
+      color: '000000', // solid black
+      opacity: 1
+    },
+    text: {
+      stroke_width: 0,
+      font_size: 24,
+      font_family: 'serif'
+    },
+    initOpacity: 1,
+    colorPickerCSS: null, // Defaults to 'left' with a position equal to that of the fill_color or stroke_color element minus 140, and a 'bottom' equal to 40
+    initTool: 'select',
+    exportWindowType: 'new', // 'same' (todo: also support 'download')
+    wireframe: false,
+    showlayers: false,
+    no_save_warning: false,
+    // PATH CONFIGURATION
+    // The following path configuration items are disallowed in the URL (as should any future path configurations)
+    imgPath: 'images/',
+    langPath: 'locale/', // Default will be changed if this is a modular load
+    extPath: 'extensions/', // Default will be changed if this is a modular load
+    canvgPath: 'canvg/', // Default will be changed if this is a modular load
+    jspdfPath: 'jspdf/', // Default will be changed if this is a modular load
+    extIconsPath: 'extensions/',
+    jGraduatePath: 'jgraduate/images/',
+    // DOCUMENT PROPERTIES
+    // Change the following to a preference (already in the Document Properties dialog)?
+    dimensions: [640, 480],
+    // EDITOR OPTIONS
+    // Change the following to preferences (already in the Editor Options dialog)?
+    gridSnapping: false,
+    gridColor: '#000',
+    baseUnit: 'px',
+    snappingStep: 10,
+    showRulers: true,
+    // URL BEHAVIOR CONFIGURATION
+    preventAllURLConfig: false,
+    preventURLContentLoading: false,
+    // EXTENSION CONFIGURATION (see also preventAllURLConfig)
+    lockExtensions: false, // Disallowed in URL setting
+    noDefaultExtensions: false, // noDefaultExtensions can only be meaningfully used in `svgedit-config-iife.js` or in the URL
+    // EXTENSION-RELATED (GRID)
+    showGrid: false, // Set by ext-grid.js
+    // EXTENSION-RELATED (STORAGE)
+    noStorageOnLoad: false, // Some interaction with ext-storage.js; prevent even the loading of previously saved local storage
+    forceStorage: false, // Some interaction with ext-storage.js; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not
+    emptyStorageOnDecline: false // Used by ext-storage.js; empty any prior storage if the user declines to store
+  },
+
+  /**
+  * LOCALE
+  * @name module:SVGEditor.uiStrings
+  * @type {PlainObject}
+  */
+  uiStrings$1 = editor.uiStrings = {};
+
+  var svgCanvas = void 0,
+      urldata = void 0,
+      isReady = false,
+      customExportImage = false,
+      customExportPDF = false,
+      curPrefs = {},
+
+  // Note: The difference between Prefs and Config is that Prefs
+  //   can be changed in the UI and are stored in the browser,
+  //   while config cannot
+  curConfig = {
+    // We do not put on defaultConfig to simplify object copying
+    //   procedures (we obtain instead from defaultExtensions)
+    extensions: [],
+    stylesheets: [],
+    /**
+    * Can use window.location.origin to indicate the current
+    * origin. Can contain a '*' to allow all domains or 'null' (as
+    * a string) to support all file:// URLs. Cannot be set by
+    * URL for security reasons (not safe, at least for
+    * privacy or data integrity of SVG content).
+    * Might have been fairly safe to allow
+    *   `new URL(window.location.href).origin` by default but
+    *   avoiding it ensures some more security that even third
+    *   party apps on the same domain also cannot communicate
+    *   with this app by default.
+    * For use with ext-xdomain-messaging.js
+    * @todo We might instead make as a user-facing preference.
+    */
+    allowedOrigins: []
+  };
+
+  function loadSvgString(str, callback) {
+    var success = svgCanvas.setSvgString(str) !== false;
+    callback = callback || $$b.noop;
+    if (success) {
+      callback(true); // eslint-disable-line standard/no-callback-literal
+    } else {
+      $$b.alert(uiStrings$1.notification.errorLoadingSVG, function () {
+        callback(false); // eslint-disable-line standard/no-callback-literal
+      });
+    }
+  }
+
+  /**
+   * @function module:SVGEditor~getImportLocale
+   * @param {string} defaultLang
+   * @param {string} defaultName
+   * @returns {module:SVGEditor~ImportLocale}
+   */
+  function getImportLocale(_ref) {
+    var defaultLang = _ref.defaultLang,
+        defaultName = _ref.defaultName;
+
+    /**
+     * @function module:SVGEditor~ImportLocale
+     * @param {string} [name] Defaults to `defaultName` of {@link module:SVGEditor~getImportLocale}
+     * @param {string} [lang=defaultLang] Defaults to `defaultLang` of {@link module:SVGEditor~getImportLocale}
+     * @returns {Promise} Resolves to {@link module:locale.LocaleStrings}
+     */
+    return function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+        var importLocale = function () {
+          var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(lang) {
+            var url;
+            return regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    url = curConfig.extPath + 'ext-locale/' + name + '/' + lang + '.js';
+                    return _context.abrupt('return', importSetGlobalDefault(url, {
+                      global: 'svgEditorExtensionLocale_' + name + '_' + lang
+                    }));
+
+                  case 2:
+                  case 'end':
+                    return _context.stop();
+                }
+              }
+            }, _callee, this);
+          }));
+
+          return function importLocale(_x2) {
+            return _ref4.apply(this, arguments);
+          };
+        }();
+
+        var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref3$name = _ref3.name,
+            name = _ref3$name === undefined ? defaultName : _ref3$name,
+            _ref3$lang = _ref3.lang,
+            lang = _ref3$lang === undefined ? defaultLang : _ref3$lang;
+
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
+                return _context2.abrupt('return', importLocale(lang));
+
+              case 4:
+                _context2.prev = 4;
+                _context2.t0 = _context2['catch'](0);
+                return _context2.abrupt('return', importLocale('en'));
+
+              case 7:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[0, 4]]);
+      }));
+
+      function importLocale() {
+        return _ref2.apply(this, arguments);
+      }
+
+      return importLocale;
+    }();
+  }
+
+  /**
+  * EXPORTS
+  */
+
+  /**
+  * Store and retrieve preferences
+  * @param {string} key The preference name to be retrieved or set
+  * @param {string} [val] The value. If the value supplied is missing or falsey, no change to the preference will be made.
+  * @returns {string} If val is missing or falsey, the value of the previously stored preference will be returned.
+  * @todo Can we change setting on the jQuery namespace (onto editor) to avoid conflicts?
+  * @todo Review whether any remaining existing direct references to
+  *  getting `curPrefs` can be changed to use `$.pref()` getting to ensure
+  *  `defaultPrefs` fallback (also for sake of `allowInitialUserOverride`); specifically, `bkgd_color` could be changed so that
+  *  the pref dialog has a button to auto-calculate background, but otherwise uses `$.pref()` to be able to get default prefs
+  *  or overridable settings
+  */
+  $$b.pref = function (key, val) {
+    if (val) {
+      curPrefs[key] = val;
+      /**
+      * @name curPrefs
+      * @memberof module:SVGEditor
+      * @implements {module:SVGEditor.Prefs}
+      */
+      editor.curPrefs = curPrefs; // Update exported value
+      return;
+    }
+    return key in curPrefs ? curPrefs[key] : defaultPrefs[key];
+  };
+
+  /*
+  * EDITOR PUBLIC METHODS
+  // Todo: Sort these methods per invocation order, ideally with init at the end
+  // Todo: Prevent execution until init executes if dependent on it?
+  */
+  editor.putLocale = putLocale;
+  editor.readLang = readLang;
+  editor.setStrings = setStrings;
+
+  /**
+  * Where permitted, sets canvas and/or `defaultPrefs` based on previous
+  *  storage. This will override URL settings (for security reasons) but
+  *  not `svgedit-config-iife.js` configuration (unless initial user
+  *  overriding is explicitly permitted there via `allowInitialUserOverride`).
+  * @todo Split `allowInitialUserOverride` into `allowOverrideByURL` and
+  *  `allowOverrideByUserStorage` so `svgedit-config-iife.js` can disallow some
+  *  individual items for URL setting but allow for user storage AND/OR
+  *  change URL setting so that it always uses a different namespace,
+  *  so it won't affect pre-existing user storage (but then if users saves
+  *  that, it will then be subject to tampering
+  * @returns {undefined}
+  */
+  editor.loadContentAndPrefs = function () {
+    if (!curConfig.forceStorage && (curConfig.noStorageOnLoad || !document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/))) {
+      return;
+    }
+
+    // LOAD CONTENT
+    if (editor.storage && ( // Cookies do not have enough available memory to hold large documents
+    curConfig.forceStorage || !curConfig.noStorageOnLoad && document.cookie.match(/(?:^|;\s*)store=prefsAndContent/))) {
+      var _name = 'svgedit-' + curConfig.canvasName;
+      var cached = editor.storage.getItem(_name);
+      if (cached) {
+        editor.loadFromString(cached);
+      }
+    }
+
+    // LOAD PREFS
+    for (var key in defaultPrefs) {
+      if (defaultPrefs.hasOwnProperty(key)) {
+        // It's our own config, so we don't need to iterate up the prototype chain
+        var storeKey = 'svg-edit-' + key;
+        if (editor.storage) {
+          var val = editor.storage.getItem(storeKey);
+          if (val) {
+            defaultPrefs[key] = String(val); // Convert to string for FF (.value fails in Webkit)
+          }
+        } else if (window.widget) {
+          defaultPrefs[key] = window.widget.preferenceForKey(storeKey);
+        } else {
+          var result = document.cookie.match(new RegExp('(?:^|;\\s*)' + regexEscape(encodeURIComponent(storeKey)) + '=([^;]+)'));
+          defaultPrefs[key] = result ? decodeURIComponent(result[1]) : '';
+        }
+      }
+    }
+  };
+
+  /**
+  * Allows setting of preferences or configuration (including extensions).
+  * @param {module:SVGEditor.Config|module:SVGEditor.Prefs} opts The preferences or configuration (including extensions). See the tutorial on {@tutorial ConfigOptions} for info on config and preferences.
+  * @param {PlainObject} [cfgCfg] Describes configuration which applies to the
+  *    particular batch of supplied options
+  * @param {boolean} [cfgCfg.allowInitialUserOverride=false] Set to true if you wish
+  *  to allow initial overriding of settings by the user via the URL
+  *  (if permitted) or previously stored preferences (if permitted);
+  *  note that it will be too late if you make such calls in extension
+  *  code because the URL or preference storage settings will
+  *   have already taken place.
+  * @param {boolean} [cfgCfg.overwrite=true] Set to false if you wish to
+  *  prevent the overwriting of prior-set preferences or configuration
+  *  (URL settings will always follow this requirement for security
+  *  reasons, so `svgedit-config-iife.js` settings cannot be overridden unless it
+  *  explicitly permits via `allowInitialUserOverride` but extension config
+  *  can be overridden as they will run after URL settings). Should
+  *   not be needed in `svgedit-config-iife.js`.
+  * @returns {undefined}
+  */
+  editor.setConfig = function (opts, cfgCfg) {
+    cfgCfg = cfgCfg || {};
+    function extendOrAdd(cfgObj, key, val) {
+      if (cfgObj[key] && _typeof(cfgObj[key]) === 'object') {
+        $$b.extend(true, cfgObj[key], val);
+      } else {
+        cfgObj[key] = val;
+      }
+    }
+    $$b.each(opts, function (key, val) {
+      if (opts.hasOwnProperty(key)) {
+        // Only allow prefs defined in defaultPrefs
+        if (defaultPrefs.hasOwnProperty(key)) {
+          if (cfgCfg.overwrite === false && (curConfig.preventAllURLConfig || curPrefs.hasOwnProperty(key))) {
+            return;
+          }
+          if (cfgCfg.allowInitialUserOverride === true) {
+            defaultPrefs[key] = val;
+          } else {
+            $$b.pref(key, val);
+          }
+        } else if (['extensions', 'stylesheets', 'allowedOrigins'].includes(key)) {
+          if (cfgCfg.overwrite === false && (curConfig.preventAllURLConfig || ['allowedOrigins', 'stylesheets'].includes(key) || key === 'extensions' && curConfig.lockExtensions)) {
+            return;
+          }
+          curConfig[key] = curConfig[key].concat(val); // We will handle any dupes later
+          // Only allow other curConfig if defined in defaultConfig
+        } else if (defaultConfig.hasOwnProperty(key)) {
+          if (cfgCfg.overwrite === false && (curConfig.preventAllURLConfig || curConfig.hasOwnProperty(key))) {
+            return;
+          }
+          // Potentially overwriting of previously set config
+          if (curConfig.hasOwnProperty(key)) {
+            if (cfgCfg.overwrite === false) {
+              return;
+            }
+            extendOrAdd(curConfig, key, val);
+          } else {
+            if (cfgCfg.allowInitialUserOverride === true) {
+              extendOrAdd(defaultConfig, key, val);
+            } else {
+              if (defaultConfig[key] && _typeof(defaultConfig[key]) === 'object') {
+                curConfig[key] = {};
+                $$b.extend(true, curConfig[key], val); // Merge properties recursively, e.g., on initFill, initStroke objects
+              } else {
+                curConfig[key] = val;
+              }
+            }
+          }
+        }
+      }
+    });
+    /**
+    * @name curConfig
+    * @memberof module:SVGEditor
+    * @implements {module:SVGEditor.Config}
+    */
+    editor.curConfig = curConfig; // Update exported value
+  };
+
+  /**
+  * All methods are optional
+  * @interface module:SVGEditor.CustomHandler
+  * @type {PlainObject}
+  */
+  /**
+  * Its responsibilities are:
+  *  - invoke a file chooser dialog in 'open' mode
+  *  - let user pick a SVG file
+  *  - calls [svgCanvas.setSvgString()]{@link module:svgcanvas.SvgCanvas#setSvgString} with the string contents of that file.
+  * Not passed any parameters.
+  * @function module:SVGEditor.CustomHandler#open
+  * @returns {undefined}
+  */
+  /**
+  * Its responsibilities are:
+  *  - accept the string contents of the current document
+  *  - invoke a file chooser dialog in 'save' mode
+  *  - save the file to location chosen by the user
+  * @function module:SVGEditor.CustomHandler#save
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:saved} svgStr A string of the SVG
+  * @listens module:svgcanvas.SvgCanvas#event:saved
+  * @returns {undefined}
+  */
+  /**
+  * Its responsibilities (with regard to the object it is supplied in its 2nd argument) are:
+  *  - inform user of any issues supplied via the "issues" property
+  *  - convert the "svg" property SVG string into an image for export;
+  *    utilize the properties "type" (currently 'PNG', 'JPEG', 'BMP',
+  *    'WEBP', 'PDF'), "mimeType", and "quality" (for 'JPEG' and 'WEBP'
+  *    types) to determine the proper output.
+  * @function module:SVGEditor.CustomHandler#exportImage
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:exported} data
+  * @listens module:svgcanvas.SvgCanvas#event:exported
+  * @returns {undefined}
+  */
+  /**
+  * @function module:SVGEditor.CustomHandler#exportPDF
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:exportedPDF} data
+  * @listens module:svgcanvas.SvgCanvas#event:exportedPDF
+  * @returns {undefined}
+  */
+
+  /**
+  * Allows one to override default SVGEdit `open`, `save`, and
+  * `export` editor behaviors.
+  * @param {module:SVGEditor.CustomHandler} opts Extension mechanisms may call `setCustomHandlers` with three functions: `opts.open`, `opts.save`, and `opts.exportImage`
+  * @returns {undefined}
+  */
+  editor.setCustomHandlers = function (opts) {
+    editor.ready(function () {
+      if (opts.open) {
+        $$b('#tool_open > input[type="file"]').remove();
+        $$b('#tool_open').show();
+        svgCanvas.open = opts.open;
+      }
+      if (opts.save) {
+        editor.showSaveWarning = false;
+        svgCanvas.bind('saved', opts.save);
+      }
+      if (opts.exportImage) {
+        customExportImage = opts.exportImage;
+        svgCanvas.bind('exported', customExportImage); // canvg and our RGBColor will be available to the method
+      }
+      if (opts.exportPDF) {
+        customExportPDF = opts.exportPDF;
+        svgCanvas.bind('exportedPDF', customExportPDF); // jsPDF and our RGBColor will be available to the method
+      }
+    });
+  };
+
+  /**
+  * @param {boolean} arg
+  * @returns {undefined}
+  */
+  editor.randomizeIds = function (arg) {
+    return svgCanvas.randomizeIds(arg);
+  };
+
+  /**
+  * Auto-run after a Promise microtask
+  * @returns {undefined}
+  */
+  editor.init = function () {
+    var modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+    if (!modularVersion) {
+      Object.assign(defaultConfig, {
+        langPath: '../dist/locale/',
+        extPath: '../dist/extensions/',
+        canvgPath: '../dist/',
+        jspdfPath: '../dist/'
+      });
+    }
+
+    // const host = location.hostname,
+    //  onWeb = host && host.includes('.');
+    // Some FF versions throw security errors here when directly accessing
+    try {
+      if ('localStorage' in window) {
+        // && onWeb removed so Webkit works locally
+        /**
+        * The built-in interface implemented by `localStorage`
+        * @external Storage
+        */
+        /**
+        * @name storage
+        * @memberof module:SVGEditor
+        * @type {external:Storage}
+        */
+        editor.storage = localStorage;
+      }
+    } catch (err) {}
+
+    // Todo: Avoid const-defined functions and group functions together, etc. where possible
+    var goodLangs = [];
+    $$b('#lang_select option').each(function () {
+      goodLangs.push(this.value);
+    });
+
+    function setupCurPrefs() {
+      curPrefs = $$b.extend(true, {}, defaultPrefs, curPrefs); // Now safe to merge with priority for curPrefs in the event any are already set
+      // Export updated prefs
+      editor.curPrefs = curPrefs;
+    }
+    function setupCurConfig() {
+      curConfig = $$b.extend(true, {}, defaultConfig, curConfig); // Now safe to merge with priority for curConfig in the event any are already set
+
+      // Now deal with extensions and other array config
+      if (!curConfig.noDefaultExtensions) {
+        curConfig.extensions = curConfig.extensions.concat(defaultExtensions);
+      }
+      // ...and remove any dupes
+      ['extensions', 'stylesheets', 'allowedOrigins'].forEach(function (cfg) {
+        curConfig[cfg] = $$b.grep(curConfig[cfg], function (n, i) {
+          // Supposedly faster than filter per http://amandeep1986.blogspot.hk/2015/02/jquery-grep-vs-js-filter.html
+          return i === curConfig[cfg].indexOf(n);
+        });
+      });
+      // Export updated config
+      editor.curConfig = curConfig;
+    }
+    (function () {
+      // Load config/data from URL if given
+      var src = void 0,
+          qstr = void 0;
+      urldata = $$b.deparam.querystring(true);
+      if (!$$b.isEmptyObject(urldata)) {
+        if (urldata.dimensions) {
+          urldata.dimensions = urldata.dimensions.split(',');
+        }
+
+        if (urldata.bkgd_color) {
+          urldata.bkgd_color = '#' + urldata.bkgd_color;
+        }
+
+        if (urldata.extensions) {
+          // For security reasons, disallow cross-domain or cross-folder extensions via URL
+          urldata.extensions = urldata.extensions.match(/[:/\\]/) ? '' : urldata.extensions.split(',');
+        }
+
+        // Disallowing extension paths via URL for
+        // security reasons, even for same-domain
+        // ones given potential to interact in undesirable
+        // ways with other script resources
+        ['extPath', 'imgPath', 'extIconsPath', 'canvgPath', 'langPath', 'jGraduatePath', 'jspdfPath'].forEach(function (pathConfig) {
+          if (urldata[pathConfig]) {
+            delete urldata[pathConfig];
+          }
+        });
+
+        editor.setConfig(urldata, { overwrite: false }); // Note: source and url (as with storagePrompt later) are not set on config but are used below
+
+        setupCurConfig();
+
+        if (!curConfig.preventURLContentLoading) {
+          src = urldata.source;
+          qstr = $$b.param.querystring();
+          if (!src) {
+            // urldata.source may have been null if it ended with '='
+            if (qstr.includes('source=data:')) {
+              src = qstr.match(/source=(data:[^&]*)/)[1];
+            }
+          }
+          if (src) {
+            if (src.startsWith('data:')) {
+              editor.loadFromDataURI(src);
+            } else {
+              editor.loadFromString(src);
+            }
+            return;
+          }
+          if (urldata.url) {
+            editor.loadFromURL(urldata.url);
+            return;
+          }
+        }
+        if (!urldata.noStorageOnLoad || curConfig.forceStorage) {
+          editor.loadContentAndPrefs();
+        }
+      } else {
+        setupCurConfig();
+        editor.loadContentAndPrefs();
+      }
+      setupCurPrefs();
+    })();
+
+    /**
+    * Called internally
+    * @param {string|Element|external:jQuery} elem
+    * @param {string|external:jQuery} iconId
+    * @param {Float} forcedSize Not in use
+    * @returns {undefined}
+    */
+    var setIcon = editor.setIcon = function (elem, iconId, forcedSize) {
+      var icon = typeof iconId === 'string' ? $$b.getSvgIcon(iconId, true) : iconId.clone();
+      if (!icon) {
+        console.log('NOTE: Icon image missing: ' + iconId);
+        return;
+      }
+      $$b(elem).empty().append(icon);
+    };
+
+    /**
+     * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+     * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+     * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+     * @fires module:svgcanvas.SvgCanvas#event:extensions_added
+     * @returns {Promise} Resolves to result of {@link module:locale.readLang}
+     */
+    var extAndLocaleFunc = function () {
+      var _ref5 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+        var _this = this;
+
+        var _ref6, langParam, langData;
+
+        return regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _context4.next = 2;
+                return editor.putLocale(null, goodLangs, curConfig);
+
+              case 2:
+                _ref6 = _context4.sent;
+                langParam = _ref6.langParam;
+                langData = _ref6.langData;
+
+                setLang(langParam, langData);
+
+                _context4.prev = 6;
+                _context4.next = 9;
+                return Promise.all(curConfig.extensions.map(function () {
+                  var _ref7 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(extname) {
+                    var extName, url, imported, _imported$name, _name2, init$$1, importLocale;
+
+                    return regeneratorRuntime.wrap(function _callee3$(_context3) {
+                      while (1) {
+                        switch (_context3.prev = _context3.next) {
+                          case 0:
+                            extName = extname.match(/^ext-(.+)\.js/);
+
+                            if (extName) {
+                              _context3.next = 3;
+                              break;
+                            }
+
+                            return _context3.abrupt('return');
+
+                          case 3:
+                            url = curConfig.extPath + extname;
+                            // Todo: Replace this with `return import(url);` when
+                            //   `import()` widely supported
+                            /**
+                             * @tutorial ExtensionDocs
+                             * @typedef {PlainObject} module:SVGEditor.ExtensionObject
+                             * @property {string} [name] Name of the extension. Used internally; no need for i18n. Defaults to extension name without beginning "ext-" or ending ".js".
+                             * @property {module:svgcanvas.ExtensionInitCallback} [init]
+                             */
+
+                            _context3.prev = 4;
+                            _context3.next = 7;
+                            return importSetGlobalDefault(url, {
+                              global: 'svgEditorExtension_' + extName[1].replace(/-/g, '_')
+                            });
+
+                          case 7:
+                            imported = _context3.sent;
+                            _imported$name = imported.name, _name2 = _imported$name === undefined ? extName[1] : _imported$name, init$$1 = imported.init;
+                            importLocale = getImportLocale({ defaultLang: langParam, defaultName: _name2 });
+                            return _context3.abrupt('return', editor.addExtension(_name2, init$$1 && init$$1.bind(editor), importLocale));
+
+                          case 13:
+                            _context3.prev = 13;
+                            _context3.t0 = _context3['catch'](4);
+
+                            console.log(_context3.t0);
+                            console.error('Extension failed to load: ' + extname + '; ' + _context3.t0);
+
+                          case 17:
+                          case 'end':
+                            return _context3.stop();
+                        }
+                      }
+                    }, _callee3, _this, [[4, 13]]);
+                  }));
+
+                  return function (_x3) {
+                    return _ref7.apply(this, arguments);
+                  };
+                }()));
+
+              case 9:
+                svgCanvas.bind('extensions_added',
+                /**
+                * @param {external:Window} win
+                * @param {module:svgcanvas.SvgCanvas#event:extensions_added} data
+                * @listens module:svgcanvas.SvgCanvas#event:extensions_added
+                * @returns {undefined}
+                */
+                function (win, data) {
+                  extensionsAdded = true;
+                  Actions.setAll();
+
+                  $$b('.flyout_arrow_horiz:empty').each(function () {
+                    $$b(this).append($$b.getSvgIcon('arrow_right', true).width(5).height(5));
+                  });
+                  messageQueue.forEach(
+                  /**
+                   * @param {module:svgcanvas.SvgCanvas#event:message} messageObj
+                   * @fires module:svgcanvas.SvgCanvas#event:message
+                   * @returns {undefined}
+                   */
+                  function (messageObj) {
+                    svgCanvas.call('message', messageObj);
+                  });
+                });
+                svgCanvas.call('extensions_added');
+                _context4.next = 16;
+                break;
+
+              case 13:
+                _context4.prev = 13;
+                _context4.t0 = _context4['catch'](6);
+
+                console.log(_context4.t0);
+
+              case 16:
+              case 'end':
+                return _context4.stop();
+            }
+          }
+        }, _callee4, this, [[6, 13]]);
+      }));
+
+      return function extAndLocaleFunc() {
+        return _ref5.apply(this, arguments);
+      };
+    }();
+
+    var stateObj = { tool_scale: editor.tool_scale };
+
+    var setFlyoutPositions = function setFlyoutPositions() {
+      $$b('.tools_flyout').each(function () {
+        var shower = $$b('#' + this.id + '_show');
+
+        var _shower$offset = shower.offset(),
+            left = _shower$offset.left,
+            top = _shower$offset.top;
+
+        var w = shower.outerWidth();
+        $$b(this).css({ left: (left + w) * editor.tool_scale, top: top });
+      });
+    };
+
+    var uaPrefix = function () {
+      var regex = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/;
+      var someScript = document.getElementsByTagName('script')[0];
+      for (var prop in someScript.style) {
+        if (regex.test(prop)) {
+          // test is faster than match, so it's better to perform
+          // that on the lot and match only when necessary
+          return prop.match(regex)[0];
+        }
+      }
+      // Nothing found so far?
+      if ('WebkitOpacity' in someScript.style) {
+        return 'Webkit';
+      }
+      if ('KhtmlOpacity' in someScript.style) {
+        return 'Khtml';
+      }
+
+      return '';
+    }();
+
+    var scaleElements = function scaleElements(elems, scale) {
+      // const prefix = '-' + uaPrefix.toLowerCase() + '-'; // Currently unused
+      var sides = ['top', 'left', 'bottom', 'right'];
+
+      elems.each(function () {
+        // Handled in CSS
+        // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';
+        var el = $$b(this);
+        var w = el.outerWidth() * (scale - 1);
+        var h = el.outerHeight() * (scale - 1);
+        // const margins = {}; // Currently unused
+
+        for (var i = 0; i < 4; i++) {
+          var s = sides[i];
+          var cur = el.data('orig_margin-' + s);
+          if (cur == null) {
+            cur = parseInt(el.css('margin-' + s), 10);
+            // Cache the original margin
+            el.data('orig_margin-' + s, cur);
+          }
+          var val = cur * scale;
+          if (s === 'right') {
+            val += w;
+          } else if (s === 'bottom') {
+            val += h;
+          }
+
+          el.css('margin-' + s, val);
+          // el.css('outline', '1px solid red');
+        }
+      });
+    };
+
+    /**
+    * Called internally.
+    * @param {module:SVGEditor.IconSize} size
+    * @returns {undefined}
+    */
+    var setIconSize = editor.setIconSize = function (size) {
+      // const elems = $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open');
+      var selToscale = '#tools_top .toolset, #editor_panel > *, #history_panel > *,' + '        #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,' + '        #g_panel > *, #tool_font_size > *, .tools_flyout';
+
+      var elems = $$b(selToscale);
+
+      var scale = 1;
+      if (typeof size === 'number') {
+        scale = size;
+      } else {
+        var iconSizes = { s: 0.75, m: 1, l: 1.25, xl: 1.5 };
+        scale = iconSizes[size];
+      }
+
+      stateObj.tool_scale = editor.tool_scale = scale;
+
+      setFlyoutPositions();
+      // $('.tools_flyout').each(function () {
+      //   const pos = $(this).position();
+      //   console.log($(this), pos.left+(34 * scale));
+      //   $(this).css({left: pos.left+(34 * scale), top: pos.top+(77 * scale)});
+      //   console.log('l', $(this).css('left'));
+      // });
+      //
+      // const scale = .75;
+
+      var hiddenPs = elems.parents(':hidden');
+      hiddenPs.css('visibility', 'hidden').show();
+      scaleElements(elems, scale);
+      hiddenPs.css('visibility', 'visible').hide();
+      // return;
+
+      $$b.pref('iconsize', size);
+      $$b('#iconsize').val(size);
+
+      // Change icon size
+      // $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open')
+      // .find('> svg, > img').each(function () {
+      //   this.setAttribute('width',size_num);
+      //   this.setAttribute('height',size_num);
+      // });
+      //
+      // $.resizeSvgIcons({
+      //   '.flyout_arrow_horiz > svg, .flyout_arrow_horiz > img': size_num / 5,
+      //   '#logo > svg, #logo > img': size_num * 1.3,
+      //   '#tools_bottom .icon_label > *': (size_num === 16 ? 18 : size_num * .75)
+      // });
+      // if (size != 's') {
+      //   $.resizeSvgIcons({'#layerbuttons svg, #layerbuttons img': size_num * .6});
+      // }
+
+      // Note that all rules will be prefixed with '#svg_editor' when parsed
+      var cssResizeRules = {
+        // '.tool_button,\
+        // .push_button,\
+        // .tool_button_current,\
+        // .push_button_pressed,\
+        // .disabled,\
+        // .icon_label,\
+        // .tools_flyout .tool_button': {
+        //   width: {s: '16px', l: '32px', xl: '48px'},
+        //   height: {s: '16px', l: '32px', xl: '48px'},
+        //   padding: {s: '1px', l: '2px', xl: '3px'}
+        // },
+        // '.tool_sep': {
+        //   height: {s: '16px', l: '32px', xl: '48px'},
+        //   margin: {s: '2px 2px', l: '2px 5px', xl: '2px 8px'}
+        // },
+        // '#main_icon': {
+        //   width: {s: '31px', l: '53px', xl: '75px'},
+        //   height: {s: '22px', l: '42px', xl: '64px'}
+        // },
+        '#tools_top': {
+          left: 50 + $$b('#main_button').width(),
+          height: 72
+        },
+        '#tools_left': {
+          width: 31,
+          top: 74
+        },
+        'div#workarea': {
+          left: 38,
+          top: 74
+          // '#tools_bottom': {
+          //   left: {s: '27px', l: '46px', xl: '65px'},
+          //   height: {s: '58px', l: '98px', xl: '145px'}
+          // },
+          // '#color_tools': {
+          //   'border-spacing': {s: '0 1px'},
+          //   'margin-top': {s: '-1px'}
+          // },
+          // '#color_tools .icon_label': {
+          //   width: {l:'43px', xl: '60px'}
+          // },
+          // '.color_tool': {
+          //   height: {s: '20px'}
+          // },
+          // '#tool_opacity': {
+          //   top: {s: '1px'},
+          //   height: {s: 'auto', l:'auto', xl:'auto'}
+          // },
+          // '#tools_top input, #tools_bottom input': {
+          //   'margin-top': {s: '2px', l: '4px', xl: '5px'},
+          //   height: {s: 'auto', l: 'auto', xl: 'auto'},
+          //   border: {s: '1px solid #555', l: 'auto', xl: 'auto'},
+          //   'font-size': {s: '.9em', l: '1.2em', xl: '1.4em'}
+          // },
+          // '#zoom_panel': {
+          //   'margin-top': {s: '3px', l: '4px', xl: '5px'}
+          // },
+          // '#copyright, #tools_bottom .label': {
+          //   'font-size': {l: '1.5em', xl: '2em'},
+          //   'line-height': {s: '15px'}
+          // },
+          // '#tools_bottom_2': {
+          //   width: {l: '295px', xl: '355px'},
+          //   top: {s: '4px'}
+          // },
+          // '#tools_top > div, #tools_top': {
+          //   'line-height': {s: '17px', l: '34px', xl: '50px'}
+          // },
+          // '.dropdown button': {
+          //   height: {s: '18px', l: '34px', xl: '40px'},
+          //   'line-height': {s: '18px', l: '34px', xl: '40px'},
+          //   'margin-top': {s: '3px'}
+          // },
+          // '#tools_top label, #tools_bottom label': {
+          //   'font-size': {s: '1em', l: '1.5em', xl: '2em'},
+          //   height: {s: '25px', l: '42px', xl: '64px'}
+          // },
+          // 'div.toolset': {
+          //   height: {s: '25px', l: '42px', xl: '64px'}
+          // },
+          // '#tool_bold, #tool_italic': {
+          //   'font-size': {s: '1.5em', l: '3em', xl: '4.5em'}
+          // },
+          // '#sidepanels': {
+          //   top: {s: '50px', l: '88px', xl: '125px'},
+          //   bottom: {s: '51px', l: '68px', xl: '65px'}
+          // },
+          // '#layerbuttons': {
+          //   width: {l: '130px', xl: '175px'},
+          //   height: {l: '24px', xl: '30px'}
+          // },
+          // '#layerlist': {
+          //   width: {l: '128px', xl: '150px'}
+          // },
+          // '.layer_button': {
+          //   width: {l: '19px', xl: '28px'},
+          //   height: {l: '19px', xl: '28px'}
+          // },
+          // 'input.spin-button': {
+          //   'background-image': {l: 'url('images/spinbtn_updn_big.png')', xl: 'url('images/spinbtn_updn_big.png')'},
+          //   'background-position': {l: '100% -5px', xl: '100% -2px'},
+          //   'padding-right': {l: '24px', xl: '24px' }
+          // },
+          // 'input.spin-button.up': {
+          //   'background-position': {l: '100% -45px', xl: '100% -42px'}
+          // },
+          // 'input.spin-button.down': {
+          //   'background-position': {l: '100% -85px', xl: '100% -82px'}
+          // },
+          // '#position_opts': {
+          //   width: {all: (size_num*4) +'px'}
+          // }
+        } };
+
+      var ruleElem = $$b('#tool_size_rules');
+      if (!ruleElem.length) {
+        ruleElem = $$b('<style id="tool_size_rules"></style>').appendTo('head');
+      } else {
+        ruleElem.empty();
+      }
+
+      if (size !== 'm') {
+        var styleStr = '';
+        $$b.each(cssResizeRules, function (selector, rules) {
+          selector = '#svg_editor ' + selector.replace(/,/g, ', #svg_editor');
+          styleStr += selector + '{';
+          $$b.each(rules, function (prop, values) {
+            var val = void 0;
+            if (typeof values === 'number') {
+              val = values * scale + 'px';
+            } else if (values[size] || values.all) {
+              val = values[size] || values.all;
+            }
+            styleStr += prop + ':' + val + ';';
+          });
+          styleStr += '}';
+        });
+        // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';
+        var prefix = '-' + uaPrefix.toLowerCase() + '-';
+        styleStr += selToscale + '{' + prefix + 'transform: scale(' + scale + ');}' + ' #svg_editor div.toolset .toolset {' + prefix + 'transform: scale(1); margin: 1px !important;}' + // Hack for markers
+        ' #svg_editor .ui-slider {' + prefix + 'transform: scale(' + 1 / scale + ');}' // Hack for sliders
+        ;
+        ruleElem.text(styleStr);
+      }
+
+      setFlyoutPositions();
+    };
+    $$b.svgIcons(curConfig.imgPath + 'svg_edit_icons.svg', {
+      w: 24, h: 24,
+      id_match: false,
+      no_img: !isWebkit(), // Opera & Firefox 4 gives odd behavior w/images
+      fallback_path: curConfig.imgPath,
+      fallback: {
+        logo: 'logo.png',
+
+        select: 'select.png',
+        select_node: 'select_node.png',
+
+        square: 'square.png',
+        rect: 'rect.png',
+        fh_rect: 'freehand-square.png',
+        circle: 'circle.png',
+        ellipse: 'ellipse.png',
+        fh_ellipse: 'freehand-circle.png',
+        pencil: 'fhpath.png',
+        pen: 'line.png',
+        text: 'text.png',
+        path: 'path.png',
+        add_subpath: 'add_subpath.png',
+        close_path: 'closepath.png',
+        open_path: 'openpath.png',
+
+        image: 'image.png',
+        zoom: 'zoom.png',
+
+        arrow_right: 'flyouth.png',
+        arrow_right_big: 'arrow_right_big.png',
+        arrow_down: 'dropdown.gif',
+        fill: 'fill.png',
+        stroke: 'stroke.png',
+        opacity: 'opacity.png',
+
+        new_image: 'clear.png',
+        save: 'save.png',
+        export: 'export.png',
+        open: 'open.png',
+        import: 'import.png',
+        docprops: 'document-properties.png',
+        source: 'source.png',
+        wireframe: 'wireframe.png',
+
+        undo: 'undo.png',
+        redo: 'redo.png',
+
+        clone: 'clone.png',
+        delete: 'delete.png',
+        go_up: 'go-up.png',
+        go_down: 'go-down.png',
+        context_menu: 'context_menu.png',
+        move_bottom: 'move_bottom.png',
+        move_top: 'move_top.png',
+        to_path: 'to_path.png',
+        link_controls: 'link_controls.png',
+        reorient: 'reorient.png',
+        group_elements: 'shape_group_elements.png',
+
+        ungroup: 'shape_ungroup.png',
+        unlink_use: 'unlink_use.png',
+        width: 'width.png',
+        height: 'height.png',
+        c_radius: 'c_radius.png',
+        angle: 'angle.png',
+        blur: 'blur.png',
+        fontsize: 'fontsize.png',
+        align: 'align.png',
+
+        align_left: 'align-left.png',
+        align_center: 'align-center.png',
+        align_right: 'align-right.png',
+        align_top: 'align-top.png',
+        align_middle: 'align-middle.png',
+        align_bottom: 'align-bottom.png',
+
+        linecap_butt: 'linecap_butt.png',
+        linecap_square: 'linecap_square.png',
+        linecap_round: 'linecap_round.png',
+        linejoin_miter: 'linejoin_miter.png',
+        linejoin_bevel: 'linejoin_bevel.png',
+        linejoin_round: 'linejoin_round.png',
+        eye: 'eye.png',
+        no_color: 'no_color.png',
+
+        ok: 'save.png',
+        cancel: 'cancel.png',
+        warning: 'warning.png',
+
+        node_delete: 'node_delete.png',
+        node_clone: 'node_clone.png',
+
+        globe_link: 'globe_link.png'
+      },
+      placement: {
+        '#logo': 'logo',
+
+        '#tool_clear div,#layer_new': 'new_image',
+        '#tool_save div': 'save',
+        '#tool_export div': 'export',
+        '#tool_open div div': 'open',
+        '#tool_import div div': 'import',
+        '#tool_source': 'source',
+        '#tool_docprops > div': 'docprops',
+        '#tool_wireframe': 'wireframe',
+
+        '#tool_undo': 'undo',
+        '#tool_redo': 'redo',
+
+        '#tool_select': 'select',
+        '#tool_fhpath': 'pencil',
+        '#tool_line': 'pen',
+        '#tool_rect,#tools_rect_show': 'rect',
+        '#tool_square': 'square',
+        '#tool_fhrect': 'fh_rect',
+        '#tool_ellipse,#tools_ellipse_show': 'ellipse',
+        '#tool_circle': 'circle',
+        '#tool_fhellipse': 'fh_ellipse',
+        '#tool_path': 'path',
+        '#tool_text,#layer_rename': 'text',
+        '#tool_image': 'image',
+        '#tool_zoom': 'zoom',
+
+        '#tool_clone,#tool_clone_multi': 'clone',
+        '#tool_node_clone': 'node_clone',
+        '#layer_delete,#tool_delete,#tool_delete_multi': 'delete',
+        '#tool_node_delete': 'node_delete',
+        '#tool_add_subpath': 'add_subpath',
+        '#tool_openclose_path': 'open_path',
+        '#tool_move_top': 'move_top',
+        '#tool_move_bottom': 'move_bottom',
+        '#tool_topath': 'to_path',
+        '#tool_node_link': 'link_controls',
+        '#tool_reorient': 'reorient',
+        '#tool_group_elements': 'group_elements',
+        '#tool_ungroup': 'ungroup',
+        '#tool_unlink_use': 'unlink_use',
+
+        '#tool_alignleft, #tool_posleft': 'align_left',
+        '#tool_aligncenter, #tool_poscenter': 'align_center',
+        '#tool_alignright, #tool_posright': 'align_right',
+        '#tool_aligntop, #tool_postop': 'align_top',
+        '#tool_alignmiddle, #tool_posmiddle': 'align_middle',
+        '#tool_alignbottom, #tool_posbottom': 'align_bottom',
+        '#cur_position': 'align',
+
+        '#linecap_butt,#cur_linecap': 'linecap_butt',
+        '#linecap_round': 'linecap_round',
+        '#linecap_square': 'linecap_square',
+
+        '#linejoin_miter,#cur_linejoin': 'linejoin_miter',
+        '#linejoin_round': 'linejoin_round',
+        '#linejoin_bevel': 'linejoin_bevel',
+
+        '#url_notice': 'warning',
+
+        '#layer_up': 'go_up',
+        '#layer_down': 'go_down',
+        '#layer_moreopts': 'context_menu',
+        '#layerlist td.layervis': 'eye',
+
+        '#tool_source_save,#tool_docprops_save,#tool_prefs_save': 'ok',
+        '#tool_source_cancel,#tool_docprops_cancel,#tool_prefs_cancel': 'cancel',
+
+        '#rwidthLabel, #iwidthLabel': 'width',
+        '#rheightLabel, #iheightLabel': 'height',
+        '#cornerRadiusLabel span': 'c_radius',
+        '#angleLabel': 'angle',
+        '#linkLabel,#tool_make_link,#tool_make_link_multi': 'globe_link',
+        '#zoomLabel': 'zoom',
+        '#tool_fill label': 'fill',
+        '#tool_stroke .icon_label': 'stroke',
+        '#group_opacityLabel': 'opacity',
+        '#blurLabel': 'blur',
+        '#font_sizeLabel': 'fontsize',
+
+        '.flyout_arrow_horiz': 'arrow_right',
+        '.dropdown button, #main_button .dropdown': 'arrow_down',
+        '#palette .palette_item:first, #fill_bg, #stroke_bg': 'no_color'
+      },
+      resize: {
+        '#logo .svg_icon': 28,
+        '.flyout_arrow_horiz .svg_icon': 5,
+        '.layer_button .svg_icon, #layerlist td.layervis .svg_icon': 14,
+        '.dropdown button .svg_icon': 7,
+        '#main_button .dropdown .svg_icon': 9,
+        '.palette_item:first .svg_icon': 15,
+        '#fill_bg .svg_icon, #stroke_bg .svg_icon': 16,
+        '.toolbar_button button .svg_icon': 16,
+        '.stroke_tool div div .svg_icon': 20,
+        '#tools_bottom label .svg_icon': 18
+      },
+      callback: function callback(icons) {
+        $$b('.toolbar_button button > svg, .toolbar_button button > img').each(function () {
+          $$b(this).parent().prepend(this);
+        });
+
+        var tleft = $$b('#tools_left');
+
+        var minHeight = void 0;
+        if (tleft.length) {
+          minHeight = tleft.offset().top + tleft.outerHeight();
+        }
+
+        var size = $$b.pref('iconsize');
+        editor.setIconSize(size || ($$b(window).height() < minHeight ? 's' : 'm'));
+
+        // Look for any missing flyout icons from plugins
+        $$b('.tools_flyout').each(function () {
+          var shower = $$b('#' + this.id + '_show');
+          var sel = shower.attr('data-curopt');
+          // Check if there's an icon here
+          if (!shower.children('svg, img').length) {
+            var clone = $$b(sel).children().clone();
+            if (clone.length) {
+              clone[0].removeAttribute('style'); // Needed for Opera
+              shower.append(clone);
+            }
+          }
+        });
+
+        function getStylesheetPriority(stylesheet) {
+          switch (stylesheet) {
+            case 'jgraduate/css/jPicker.css':
+              return 1;
+            case 'jgraduate/css/jGraduate.css':
+              return 2;
+            case 'svg-editor.css':
+              return 3;
+            case 'spinbtn/jQuery.SpinButton.css':
+              return 4;
+            default:
+              return Infinity;
+          }
+        }
+        var stylesheets = $$b.loadingStylesheets.sort(function (a, b) {
+          var priorityA = getStylesheetPriority(a);
+          var priorityB = getStylesheetPriority(b);
+          if (priorityA === priorityB) {
+            return 0;
+          }
+          return priorityA > priorityB;
+        });
+        if (curConfig.stylesheets.length) {
+          // Ensure a copy with unique items
+          stylesheets = [].concat(toConsumableArray(new Set(curConfig.stylesheets)));
+          var idx = stylesheets.indexOf('@default');
+          if (idx > -1) {
+            var _stylesheets;
+
+            (_stylesheets = stylesheets).splice.apply(_stylesheets, [idx, 1].concat(toConsumableArray($$b.loadingStylesheets)));
+          }
+        }
+        loadStylesheets(stylesheets, { acceptErrors: function acceptErrors(_ref8) {
+            var stylesheetURL = _ref8.stylesheetURL,
+                reject = _ref8.reject,
+                resolve = _ref8.resolve;
+
+            if ($$b.loadingStylesheets.includes(stylesheetURL)) {
+              reject(new Error('Missing expected stylesheet: ' + stylesheetURL));
+              return;
+            }
+            resolve();
+          } }).then(function () {
+          $$b('#svg_container')[0].style.visibility = 'visible';
+          editor.runCallbacks();
+        });
+      }
+    });
+
+    /**
+    * @name module:SVGEditor.canvas
+    * @type {module:svgcanvas.SvgCanvas}
+    */
+    editor.canvas = svgCanvas = new SvgCanvas(document.getElementById('svgcanvas'), curConfig);
+    var palette = [// Todo: Make into configuration item?
+    '#000000', '#3f3f3f', '#7f7f7f', '#bfbfbf', '#ffffff', '#ff0000', '#ff7f00', '#ffff00', '#7fff00', '#00ff00', '#00ff7f', '#00ffff', '#007fff', '#0000ff', '#7f00ff', '#ff00ff', '#ff007f', '#7f0000', '#7f3f00', '#7f7f00', '#3f7f00', '#007f00', '#007f3f', '#007f7f', '#003f7f', '#00007f', '#3f007f', '#7f007f', '#7f003f', '#ffaaaa', '#ffd4aa', '#ffffaa', '#d4ffaa', '#aaffaa', '#aaffd4', '#aaffff', '#aad4ff', '#aaaaff', '#d4aaff', '#ffaaff', '#ffaad4'],
+        modKey = isMac() ? 'meta+' : 'ctrl+',
+        path = svgCanvas.pathActions,
+        _svgCanvas = svgCanvas,
+        undoMgr = _svgCanvas.undoMgr,
+        workarea = $$b('#workarea'),
+        canvMenu = $$b('#cmenu_canvas'),
+        paintBox = { fill: null, stroke: null };
+
+
+    var resizeTimer = void 0,
+        curScrollPos = void 0;
+    var exportWindow = null,
+        defaultImageURL = curConfig.imgPath + 'logo.png',
+        zoomInIcon = 'crosshair',
+        zoomOutIcon = 'crosshair',
+        uiContext = 'toolbars';
+
+    // For external openers
+    (function () {
+      // let the opener know SVG Edit is ready (now that config is set up)
+      var w = window.opener || window.parent;
+      if (w) {
+        try {
+          /**
+           * Triggered on a containing `document` (of `window.opener`
+           * or `window.parent`) when the editor is loaded.
+           * @event module:SVGEditor#event:svgEditorReadyEvent
+           * @type {Event}
+           * @property {true} bubbles
+           * @property {true} cancelable
+           */
+          /**
+           * @name module:SVGEditor.svgEditorReadyEvent
+           * @type {module:SVGEditor#event:svgEditorReadyEvent}
+           */
+          var svgEditorReadyEvent = new w.CustomEvent('svgEditorReady', {
+            bubbles: true,
+            cancelable: true
+          });
+          w.document.documentElement.dispatchEvent(svgEditorReadyEvent);
+        } catch (e) {}
+      }
+    })();
+
+    // This sets up alternative dialog boxes. They mostly work the same way as
+    // their UI counterparts, expect instead of returning the result, a callback
+    // needs to be included that returns the result as its first parameter.
+    // In the future we may want to add additional types of dialog boxes, since
+    // they should be easy to handle this way.
+    (function () {
+      $$b('#dialog_container').draggable({
+        cancel: '#dialog_content, #dialog_buttons *',
+        containment: 'window'
+      }).css('position', 'absolute');
+      var box = $$b('#dialog_box'),
+          btnHolder = $$b('#dialog_buttons'),
+          dialogContent = $$b('#dialog_content'),
+          dbox = function dbox(type, msg, callback, defaultVal, opts, changeCb, checkbox) {
+        dialogContent.html('<p>' + msg.replace(/\n/g, '</p><p>') + '</p>').toggleClass('prompt', type === 'prompt');
+        btnHolder.empty();
+
+        var ok = $$b('<input type="button" value="' + uiStrings$1.common.ok + '">').appendTo(btnHolder);
+
+        if (type !== 'alert') {
+          $$b('<input type="button" value="' + uiStrings$1.common.cancel + '">').appendTo(btnHolder).click(function () {
+            box.hide();
+            if (callback) {
+              callback(false); // eslint-disable-line standard/no-callback-literal
+            }
+          });
+        }
+
+        var ctrl = void 0,
+            chkbx = void 0;
+        if (type === 'prompt') {
+          ctrl = $$b('<input type="text">').prependTo(btnHolder);
+          ctrl.val(defaultVal || '');
+          ctrl.bind('keydown', 'return', function () {
+            ok.click();
+          });
+        } else if (type === 'select') {
+          var div = $$b('<div style="text-align:center;">');
+          ctrl = $$b('<select>').appendTo(div);
+          if (checkbox) {
+            var label = $$b('<label>').text(checkbox.label);
+            chkbx = $$b('<input type="checkbox">').appendTo(label);
+            chkbx.val(checkbox.value);
+            if (checkbox.tooltip) {
+              label.attr('title', checkbox.tooltip);
+            }
+            chkbx.prop('checked', !!checkbox.checked);
+            div.append($$b('<div>').append(label));
+          }
+          $$b.each(opts || [], function (opt, val) {
+            if ((typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object') {
+              ctrl.append($$b('<option>').val(val.value).html(val.text));
+            } else {
+              ctrl.append($$b('<option>').html(val));
+            }
+          });
+          dialogContent.append(div);
+          if (defaultVal) {
+            ctrl.val(defaultVal);
+          }
+          if (changeCb) {
+            ctrl.bind('change', 'return', changeCb);
+          }
+          ctrl.bind('keydown', 'return', function () {
+            ok.click();
+          });
+        } else if (type === 'process') {
+          ok.hide();
+        }
+
+        box.show();
+
+        ok.click(function () {
+          box.hide();
+          var resp = type === 'prompt' || type === 'select' ? ctrl.val() : true;
+          if (callback) {
+            if (chkbx) {
+              callback(resp, chkbx.prop('checked'));
+            } else {
+              callback(resp);
+            }
+          }
+        }).focus();
+
+        if (type === 'prompt' || type === 'select') {
+          ctrl.focus();
+        }
+      };
+
+      $$b.alert = function (msg, cb) {
+        dbox('alert', msg, cb);
+      };
+      $$b.confirm = function (msg, cb) {
+        dbox('confirm', msg, cb);
+      };
+      $$b.process_cancel = function (msg, cb) {
+        dbox('process', msg, cb);
+      };
+      $$b.prompt = function (msg, txt, cb) {
+        dbox('prompt', msg, cb, txt);
+      };
+      $$b.select = function (msg, opts, cb, changeCb, txt, checkbox) {
+        dbox('select', msg, cb, txt, opts, changeCb, checkbox);
+      };
+    })();
+
+    var setSelectMode = function setSelectMode() {
+      var curr = $$b('.tool_button_current');
+      if (curr.length && curr[0].id !== 'tool_select') {
+        curr.removeClass('tool_button_current').addClass('tool_button');
+        $$b('#tool_select').addClass('tool_button_current').removeClass('tool_button');
+        $$b('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all} #svgcanvas svg{cursor:default}');
+      }
+      svgCanvas.setMode('select');
+      workarea.css('cursor', 'auto');
+    };
+
+    // used to make the flyouts stay on the screen longer the very first time
+    // const flyoutspeed = 1250; // Currently unused
+    // let textBeingEntered = false; // Currently unused
+    var origTitle = $$b('title:first').text();
+    // Make [1,2,5] array
+    var rIntervals = [];
+    for (var i = 0.1; i < 1E5; i *= 10) {
+      rIntervals.push(i);
+      rIntervals.push(2 * i);
+      rIntervals.push(5 * i);
+    }
+
+    // This function highlights the layer passed in (by fading out the other layers)
+    // if no layer is passed in, this function restores the other layers
+    var toggleHighlightLayer = function toggleHighlightLayer(layerNameToHighlight) {
+      var i = void 0;
+      var curNames = [],
+          numLayers = svgCanvas.getCurrentDrawing().getNumLayers();
+      for (i = 0; i < numLayers; i++) {
+        curNames[i] = svgCanvas.getCurrentDrawing().getLayerName(i);
+      }
+
+      if (layerNameToHighlight) {
+        for (i = 0; i < numLayers; ++i) {
+          if (curNames[i] !== layerNameToHighlight) {
+            svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 0.5);
+          }
+        }
+      } else {
+        for (i = 0; i < numLayers; ++i) {
+          svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 1.0);
+        }
+      }
+    };
+
+    var populateLayers = function populateLayers() {
+      svgCanvas.clearSelection();
+      var layerlist = $$b('#layerlist tbody').empty();
+      var selLayerNames = $$b('#selLayerNames').empty();
+      var drawing = svgCanvas.getCurrentDrawing();
+      var currentLayerName = drawing.getCurrentLayerName();
+      var icon = $$b.getSvgIcon('eye');
+      var layer = svgCanvas.getCurrentDrawing().getNumLayers();
+      // we get the layers in the reverse z-order (the layer rendered on top is listed first)
+      while (layer--) {
+        var _name3 = drawing.getLayerName(layer);
+        var layerTr = $$b('<tr class="layer">').toggleClass('layersel', _name3 === currentLayerName);
+        var layerVis = $$b('<td class="layervis">').toggleClass('layerinvis', !drawing.getLayerVisibility(_name3));
+        var layerName = $$b('<td class="layername">' + _name3 + '</td>');
+        layerlist.append(layerTr.append(layerVis, layerName));
+        selLayerNames.append('<option value="' + _name3 + '">' + _name3 + '</option>');
+      }
+      if (icon !== undefined) {
+        var copy = icon.clone();
+        $$b('td.layervis', layerlist).append(copy);
+        $$b.resizeSvgIcons({ 'td.layervis .svg_icon': 14 });
+      }
+      // handle selection of layer
+      $$b('#layerlist td.layername').mouseup(function (evt) {
+        $$b('#layerlist tr.layer').removeClass('layersel');
+        $$b(this.parentNode).addClass('layersel');
+        svgCanvas.setCurrentLayer(this.textContent);
+        evt.preventDefault();
+      }).mouseover(function () {
+        toggleHighlightLayer(this.textContent);
+      }).mouseout(function () {
+        toggleHighlightLayer();
+      });
+      $$b('#layerlist td.layervis').click(function () {
+        var row = $$b(this.parentNode).prevAll().length;
+        var name = $$b('#layerlist tr.layer:eq(' + row + ') td.layername').text();
+        var vis = $$b(this).hasClass('layerinvis');
+        svgCanvas.setLayerVisibility(name, vis);
+        $$b(this).toggleClass('layerinvis');
+      });
+
+      // if there were too few rows, let's add a few to make it not so lonely
+      var num = 5 - $$b('#layerlist tr.layer').size();
+      while (num-- > 0) {
+        // FIXME: there must a better way to do this
+        layerlist.append('<tr><td style="color:white">_</td><td/></tr>');
+      }
+    };
+
+    var editingsource = false;
+    var origSource = '';
+    var showSourceEditor = function showSourceEditor(e, forSaving) {
+      if (editingsource) {
+        return;
+      }
+
+      editingsource = true;
+      origSource = svgCanvas.getSvgString();
+      $$b('#save_output_btns').toggle(!!forSaving);
+      $$b('#tool_source_back').toggle(!forSaving);
+      $$b('#svg_source_textarea').val(origSource);
+      $$b('#svg_source_editor').fadeIn();
+      $$b('#svg_source_textarea').focus();
+    };
+
+    var selectedElement = null;
+    var multiselected = false;
+
+    var togglePathEditMode = function togglePathEditMode(editmode, elems) {
+      $$b('#path_node_panel').toggle(editmode);
+      $$b('#tools_bottom_2,#tools_bottom_3').toggle(!editmode);
+      if (editmode) {
+        // Change select icon
+        $$b('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
+        $$b('#tool_select').addClass('tool_button_current').removeClass('tool_button');
+        setIcon('#tool_select', 'select_node');
+        multiselected = false;
+        if (elems.length) {
+          selectedElement = elems[0];
+        }
+      } else {
+        setTimeout(function () {
+          setIcon('#tool_select', 'select');
+        }, 1000);
+      }
+    };
+
+    /**
+     * @type {module:svgcanvas.EventHandler}
+     * @param {external:Window} wind
+     * @param {module:svgcanvas.SvgCanvas#event:saved} svg The SVG source
+     * @listens module:svgcanvas.SvgCanvas#event:saved
+     * @returns {undefined}
+     */
+    var saveHandler = function saveHandler(wind, svg) {
+      editor.showSaveWarning = false;
+
+      // by default, we add the XML prolog back, systems integrating SVG-edit (wikis, CMSs)
+      // can just provide their own custom save handler and might not want the XML prolog
+      svg = '<?xml version="1.0"?>\n' + svg;
+
+      // IE9 doesn't allow standalone Data URLs
+      // https://connect.microsoft.com/IE/feedback/details/542600/data-uri-images-fail-when-loaded-by-themselves
+      if (isIE()) {
+        showSourceEditor(0, true);
+        return;
+      }
+
+      // Since saving SVGs by opening a new window was removed in Chrome use artificial link-click
+      // https://stackoverflow.com/questions/45603201/window-is-not-allowed-to-navigate-top-frame-navigations-to-data-urls
+      var a = document.createElement('a');
+      a.href = 'data:image/svg+xml;base64,' + encode64(svg);
+      a.download = 'icon.svg';
+
+      a.click();
+
+      // Alert will only appear the first time saved OR the
+      //   first time the bug is encountered
+      var done = $$b.pref('save_notice_done');
+      if (done !== 'all') {
+        var note = uiStrings$1.notification.saveFromBrowser.replace('%s', 'SVG');
+        // Check if FF and has <defs/>
+        if (isGecko()) {
+          if (svg.includes('<defs')) {
+            // warning about Mozilla bug #308590 when applicable (seems to be fixed now in Feb 2013)
+            note += '\n\n' + uiStrings$1.notification.defsFailOnSave;
+            $$b.pref('save_notice_done', 'all');
+            done = 'all';
+          } else {
+            $$b.pref('save_notice_done', 'part');
+          }
+        } else {
+          $$b.pref('save_notice_done', 'all');
+        }
+        if (done !== 'part') {
+          alert(note);
+        }
+      }
+    };
+
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:exported} data
+     * @listens module:svgcanvas.SvgCanvas#event:exported
+     * @returns {undefined}
+     */
+    var exportHandler = function exportHandler(win, data) {
+      var issues = data.issues,
+          exportWindowName = data.exportWindowName;
+
+
+      if (exportWindowName) {
+        exportWindow = window.open(blankPageObjectURL || '', exportWindowName); // A hack to get the window via JSON-able name without opening a new one
+      }
+
+      if (!exportWindow || exportWindow.closed) {
+        $$b.alert(uiStrings$1.notification.popupWindowBlocked);
+        return;
+      }
+
+      exportWindow.location.href = data.bloburl || data.datauri;
+      var done = $$b.pref('export_notice_done');
+      if (done !== 'all') {
+        var note = uiStrings$1.notification.saveFromBrowser.replace('%s', data.type);
+
+        // Check if there are issues
+        if (issues.length) {
+          var pre = '\n \u2022 ';
+          note += '\n\n' + uiStrings$1.notification.noteTheseIssues + pre + issues.join(pre);
+        }
+
+        // Note that this will also prevent the notice even though new issues may appear later.
+        // May want to find a way to deal with that without annoying the user
+        $$b.pref('export_notice_done', 'all');
+        exportWindow.alert(note);
+      }
+    };
+
+    var operaRepaint = function operaRepaint() {
+      // Repaints canvas in Opera. Needed for stroke-dasharray change as well as fill change
+      if (!window.opera) {
+        return;
+      }
+      $$b('<p/>').hide().appendTo('body').remove();
+    };
+
+    function setStrokeOpt(opt, changeElem) {
+      var id = opt.id;
+
+      var bits = id.split('_');
+      var pre = bits[0];
+      var val = bits[1];
+
+      if (changeElem) {
+        svgCanvas.setStrokeAttr('stroke-' + pre, val);
+      }
+      operaRepaint();
+      setIcon('#cur_' + pre, id, 20);
+      $$b(opt).addClass('current').siblings().removeClass('current');
+    }
+
+    /**
+    * This is a common function used when a tool has been clicked (chosen)
+    * It does several common things:
+    * - removes the `tool_button_current` class from whatever tool currently has it
+    * - hides any flyouts
+    * - adds the `tool_button_current` class to the button passed in
+    * @function module:SVGEDitor.toolButtonClick
+    * @param {string|Element} button The DOM element or string selector representing the toolbar button
+    * @param {boolean} noHiding Whether not to hide any flyouts
+    * @returns {boolean} Whether the button was disabled or not
+    */
+    var toolButtonClick = editor.toolButtonClick = function (button, noHiding) {
+      if ($$b(button).hasClass('disabled')) {
+        return false;
+      }
+      if ($$b(button).parent().hasClass('tools_flyout')) {
+        return true;
+      }
+      var fadeFlyouts = 'normal';
+      if (!noHiding) {
+        $$b('.tools_flyout').fadeOut(fadeFlyouts);
+      }
+      $$b('#styleoverrides').text('');
+      workarea.css('cursor', 'auto');
+      $$b('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
+      $$b(button).addClass('tool_button_current').removeClass('tool_button');
+      return true;
+    };
+
+    /**
+    * Unless the select toolbar button is disabled, sets the button
+    * and sets the select mode and cursor styles.
+    * @function module:SVGEditor.clickSelect
+    * @returns {undefined}
+    */
+    var clickSelect = editor.clickSelect = function () {
+      if (toolButtonClick('#tool_select')) {
+        svgCanvas.setMode('select');
+        $$b('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all}, #svgcanvas svg{cursor:default}');
+      }
+    };
+
+    /**
+    * Set a selected image's URL
+    * @function module:SVGEditor.setImageURL
+    * @param {string} url
+    * @returns {undefined}
+    */
+    var setImageURL = editor.setImageURL = function (url) {
+      if (!url) {
+        url = defaultImageURL;
+      }
+      svgCanvas.setImageURL(url);
+      $$b('#image_url').val(url);
+
+      if (url.startsWith('data:')) {
+        // data URI found
+        $$b('#image_url').hide();
+        $$b('#change_image_url').show();
+      } else {
+        // regular URL
+        svgCanvas.embedImage(url, function (dataURI) {
+          // Couldn't embed, so show warning
+          $$b('#url_notice').toggle(!dataURI);
+          defaultImageURL = url;
+        });
+        $$b('#image_url').show();
+        $$b('#change_image_url').hide();
+      }
+    };
+
+    function setBackground(color, url) {
+      // if (color == $.pref('bkgd_color') && url == $.pref('bkgd_url')) { return; }
+      $$b.pref('bkgd_color', color);
+      $$b.pref('bkgd_url', url);
+
+      // This should be done in svgcanvas.js for the borderRect fill
+      svgCanvas.setBackground(color, url);
+    }
+
+    function promptImgURL() {
+      var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref9$cancelDeletes = _ref9.cancelDeletes,
+          cancelDeletes = _ref9$cancelDeletes === undefined ? false : _ref9$cancelDeletes;
+
+      var curhref = svgCanvas.getHref(selectedElement);
+      curhref = curhref.startsWith('data:') ? '' : curhref;
+      $$b.prompt(uiStrings$1.notification.enterNewImgURL, curhref, function (url) {
+        if (url) {
+          setImageURL(url);
+        } else if (cancelDeletes) {
+          svgCanvas.deleteSelectedElements();
+        }
+      });
+    }
+
+    var setInputWidth = function setInputWidth(elem) {
+      var w = Math.min(Math.max(12 + elem.value.length * 6, 50), 300);
+      $$b(elem).width(w);
+    };
+
+    function updateRulers(scanvas, zoom) {
+      if (!zoom) {
+        zoom = svgCanvas.getZoom();
+      }
+      if (!scanvas) {
+        scanvas = $$b('#svgcanvas');
+      }
+
+      var d = void 0,
+          i = void 0;
+      var limit = 30000;
+      var contentElem = svgCanvas.getContentElem();
+      var units = getTypeMap();
+      var unit = units[curConfig.baseUnit]; // 1 = 1px
+
+      // draw x ruler then y ruler
+      for (d = 0; d < 2; d++) {
+        var isX = d === 0;
+        var dim = isX ? 'x' : 'y';
+        var lentype = isX ? 'width' : 'height';
+        var contentDim = Number(contentElem.getAttribute(dim));
+
+        var $hcanvOrig = $$b('#ruler_' + dim + ' canvas:first');
+
+        // Bit of a hack to fully clear the canvas in Safari & IE9
+        var $hcanv = $hcanvOrig.clone();
+        $hcanvOrig.replaceWith($hcanv);
+
+        var hcanv = $hcanv[0];
+
+        // Set the canvas size to the width of the container
+        var rulerLen = scanvas[lentype]();
+        var totalLen = rulerLen;
+        hcanv.parentNode.style[lentype] = totalLen + 'px';
+        var ctx = hcanv.getContext('2d');
+        var ctxArr = void 0,
+            num = void 0,
+            ctxArrNum = void 0;
+
+        ctx.fillStyle = 'rgb(200,0,0)';
+        ctx.fillRect(0, 0, hcanv.width, hcanv.height);
+
+        // Remove any existing canvasses
+        $hcanv.siblings().remove();
+
+        // Create multiple canvases when necessary (due to browser limits)
+        if (rulerLen >= limit) {
+          ctxArrNum = parseInt(rulerLen / limit, 10) + 1;
+          ctxArr = [];
+          ctxArr[0] = ctx;
+          var copy = void 0;
+          for (i = 1; i < ctxArrNum; i++) {
+            hcanv[lentype] = limit;
+            copy = hcanv.cloneNode(true);
+            hcanv.parentNode.append(copy);
+            ctxArr[i] = copy.getContext('2d');
+          }
+
+          copy[lentype] = rulerLen % limit;
+
+          // set copy width to last
+          rulerLen = limit;
+        }
+
+        hcanv[lentype] = rulerLen;
+
+        var uMulti = unit * zoom;
+
+        // Calculate the main number interval
+        var rawM = 50 / uMulti;
+        var multi = 1;
+        for (i = 0; i < rIntervals.length; i++) {
+          num = rIntervals[i];
+          multi = num;
+          if (rawM <= num) {
+            break;
+          }
+        }
+
+        var bigInt = multi * uMulti;
+
+        ctx.font = '9px sans-serif';
+
+        var rulerD = contentDim / uMulti % multi * uMulti;
+        var labelPos = rulerD - bigInt;
+        // draw big intervals
+        var ctxNum = 0;
+        while (rulerD < totalLen) {
+          labelPos += bigInt;
+          // const realD = rulerD - contentDim; // Currently unused
+
+          var curD = Math.round(rulerD) + 0.5;
+          if (isX) {
+            ctx.moveTo(curD, 15);
+            ctx.lineTo(curD, 0);
+          } else {
+            ctx.moveTo(15, curD);
+            ctx.lineTo(0, curD);
+          }
+
+          num = (labelPos - contentDim) / uMulti;
+          var label = void 0;
+          if (multi >= 1) {
+            label = Math.round(num);
+          } else {
+            var decs = String(multi).split('.')[1].length;
+            label = num.toFixed(decs);
+          }
+
+          // Change 1000s to Ks
+          if (label !== 0 && label !== 1000 && label % 1000 === 0) {
+            label = label / 1000 + 'K';
+          }
+
+          if (isX) {
+            ctx.fillText(label, rulerD + 2, 8);
+          } else {
+            // draw label vertically
+            var _str = String(label).split('');
+            for (i = 0; i < _str.length; i++) {
+              ctx.fillText(_str[i], 1, rulerD + 9 + i * 9);
+            }
+          }
+
+          var part = bigInt / 10;
+          // draw the small intervals
+          for (i = 1; i < 10; i++) {
+            var subD = Math.round(rulerD + part * i) + 0.5;
+            if (ctxArr && subD > rulerLen) {
+              ctxNum++;
+              ctx.stroke();
+              if (ctxNum >= ctxArrNum) {
+                i = 10;
+                rulerD = totalLen;
+                continue;
+              }
+              ctx = ctxArr[ctxNum];
+              rulerD -= limit;
+              subD = Math.round(rulerD + part * i) + 0.5;
+            }
+
+            // odd lines are slighly longer
+            var lineNum = i % 2 ? 12 : 10;
+            if (isX) {
+              ctx.moveTo(subD, 15);
+              ctx.lineTo(subD, lineNum);
+            } else {
+              ctx.moveTo(15, subD);
+              ctx.lineTo(lineNum, subD);
+            }
+          }
+          rulerD += bigInt;
+        }
+        ctx.strokeStyle = '#000';
+        ctx.stroke();
+      }
+    }
+
+    /**
+    * @function module:SVGEditor.updateCanvas
+    * @param {boolean} center
+    * @param {module:math.XYObject} newCtr
+    * @returns {undefined}
+    */
+    var updateCanvas = editor.updateCanvas = function (center, newCtr) {
+      var zoom = svgCanvas.getZoom();
+      var wArea = workarea;
+      var cnvs = $$b('#svgcanvas');
+
+      var w = workarea.width(),
+          h = workarea.height();
+      var wOrig = w,
+          hOrig = h;
+      var oldCtr = {
+        x: wArea[0].scrollLeft + wOrig / 2,
+        y: wArea[0].scrollTop + hOrig / 2
+      };
+      var multi = curConfig.canvas_expansion;
+      w = Math.max(wOrig, svgCanvas.contentW * zoom * multi);
+      h = Math.max(hOrig, svgCanvas.contentH * zoom * multi);
+
+      if (w === wOrig && h === hOrig) {
+        workarea.css('overflow', 'hidden');
+      } else {
+        workarea.css('overflow', 'scroll');
+      }
+
+      var oldCanY = cnvs.height() / 2;
+      var oldCanX = cnvs.width() / 2;
+      cnvs.width(w).height(h);
+      var newCanY = h / 2;
+      var newCanX = w / 2;
+      var offset = svgCanvas.updateCanvas(w, h);
+
+      var ratio = newCanX / oldCanX;
+
+      var scrollX = w / 2 - wOrig / 2;
+      var scrollY = h / 2 - hOrig / 2;
+
+      if (!newCtr) {
+        var oldDistX = oldCtr.x - oldCanX;
+        var newX = newCanX + oldDistX * ratio;
+
+        var oldDistY = oldCtr.y - oldCanY;
+        var newY = newCanY + oldDistY * ratio;
+
+        newCtr = {
+          x: newX,
+          y: newY
+        };
+      } else {
+        newCtr.x += offset.x;
+        newCtr.y += offset.y;
+      }
+
+      if (center) {
+        // Go to top-left for larger documents
+        if (svgCanvas.contentW > wArea.width()) {
+          // Top-left
+          workarea[0].scrollLeft = offset.x - 10;
+          workarea[0].scrollTop = offset.y - 10;
+        } else {
+          // Center
+          wArea[0].scrollLeft = scrollX;
+          wArea[0].scrollTop = scrollY;
+        }
+      } else {
+        wArea[0].scrollLeft = newCtr.x - wOrig / 2;
+        wArea[0].scrollTop = newCtr.y - hOrig / 2;
+      }
+      if (curConfig.showRulers) {
+        updateRulers(cnvs, zoom);
+        workarea.scroll();
+      }
+      if (urldata.storagePrompt !== true && !editor.storagePromptClosed) {
+        $$b('#dialog_box').hide();
+      }
+    };
+
+    /**
+     * @fires module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate
+     * @returns {undefined}
+     */
+    var updateToolButtonState = function updateToolButtonState() {
+      var index = void 0,
+          button = void 0;
+      var bNoFill = svgCanvas.getColor('fill') === 'none';
+      var bNoStroke = svgCanvas.getColor('stroke') === 'none';
+      var buttonsNeedingStroke = ['#tool_fhpath', '#tool_line'];
+      var buttonsNeedingFillAndStroke = ['#tools_rect .tool_button', '#tools_ellipse .tool_button', '#tool_text', '#tool_path'];
+      if (bNoStroke) {
+        for (index in buttonsNeedingStroke) {
+          button = buttonsNeedingStroke[index];
+          if ($$b(button).hasClass('tool_button_current')) {
+            clickSelect();
+          }
+          $$b(button).addClass('disabled');
+        }
+      } else {
+        for (index in buttonsNeedingStroke) {
+          button = buttonsNeedingStroke[index];
+          $$b(button).removeClass('disabled');
+        }
+      }
+
+      if (bNoStroke && bNoFill) {
+        for (index in buttonsNeedingFillAndStroke) {
+          button = buttonsNeedingFillAndStroke[index];
+          if ($$b(button).hasClass('tool_button_current')) {
+            clickSelect();
+          }
+          $$b(button).addClass('disabled');
+        }
+      } else {
+        for (index in buttonsNeedingFillAndStroke) {
+          button = buttonsNeedingFillAndStroke[index];
+          $$b(button).removeClass('disabled');
+        }
+      }
+
+      svgCanvas.runExtensions('toolButtonStateUpdate', /** @type {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} */{
+        nofill: bNoFill,
+        nostroke: bNoStroke
+      });
+
+      // Disable flyouts if all inside are disabled
+      $$b('.tools_flyout').each(function () {
+        var shower = $$b('#' + this.id + '_show');
+        var hasEnabled = false;
+        $$b(this).children().each(function () {
+          if (!$$b(this).hasClass('disabled')) {
+            hasEnabled = true;
+          }
+        });
+        shower.toggleClass('disabled', !hasEnabled);
+      });
+
+      operaRepaint();
+    };
+
+    // Updates the toolbar (colors, opacity, etc) based on the selected element
+    // This function also updates the opacity and id elements that are in the context panel
+    var updateToolbar = function updateToolbar() {
+      var i = void 0,
+          len = void 0;
+      if (selectedElement != null) {
+        switch (selectedElement.tagName) {
+          case 'use':
+          case 'image':
+          case 'foreignObject':
+            break;
+          case 'g':
+          case 'a':
+            // Look for common styles
+            var childs = selectedElement.getElementsByTagName('*');
+            var gWidth = null;
+            for (i = 0, len = childs.length; i < len; i++) {
+              var swidth = childs[i].getAttribute('stroke-width');
+
+              if (i === 0) {
+                gWidth = swidth;
+              } else if (gWidth !== swidth) {
+                gWidth = null;
+              }
+            }
+
+            $$b('#stroke_width').val(gWidth === null ? '' : gWidth);
+
+            paintBox.fill.update(true);
+            paintBox.stroke.update(true);
+
+            break;
+          default:
+            paintBox.fill.update(true);
+            paintBox.stroke.update(true);
+
+            $$b('#stroke_width').val(selectedElement.getAttribute('stroke-width') || 1);
+            $$b('#stroke_style').val(selectedElement.getAttribute('stroke-dasharray') || 'none');
+
+            var attr = selectedElement.getAttribute('stroke-linejoin') || 'miter';
+
+            if ($$b('#linejoin_' + attr).length) {
+              setStrokeOpt($$b('#linejoin_' + attr)[0]);
+            }
+
+            attr = selectedElement.getAttribute('stroke-linecap') || 'butt';
+
+            if ($$b('#linecap_' + attr).length) {
+              setStrokeOpt($$b('#linecap_' + attr)[0]);
+            }
+        }
+      }
+
+      // All elements including image and group have opacity
+      if (selectedElement != null) {
+        var opacPerc = (selectedElement.getAttribute('opacity') || 1.0) * 100;
+        $$b('#group_opacity').val(opacPerc);
+        $$b('#opac_slider').slider('option', 'value', opacPerc);
+        $$b('#elem_id').val(selectedElement.id);
+        $$b('#elem_class').val(selectedElement.getAttribute('class'));
+      }
+
+      updateToolButtonState();
+    };
+
+    // updates the context panel tools based on the selected element
+    var updateContextPanel = function updateContextPanel() {
+      var elem = selectedElement;
+      // If element has just been deleted, consider it null
+      if (elem != null && !elem.parentNode) {
+        elem = null;
+      }
+      var currentLayerName = svgCanvas.getCurrentDrawing().getCurrentLayerName();
+      var currentMode = svgCanvas.getMode();
+      var unit = curConfig.baseUnit !== 'px' ? curConfig.baseUnit : null;
+
+      var isNode = currentMode === 'pathedit'; // elem ? (elem.id && elem.id.startsWith('pathpointgrip')) : false;
+      var menuItems = $$b('#cmenu_canvas li');
+      $$b('#selected_panel, #multiselected_panel, #g_panel, #rect_panel, #circle_panel,' + '#ellipse_panel, #line_panel, #text_panel, #image_panel, #container_panel,' + ' #use_panel, #a_panel').hide();
+      if (elem != null) {
+        var elname = elem.nodeName;
+        // If this is a link with no transform and one child, pretend
+        // its child is selected
+        // if (elname === 'a') { // && !$(elem).attr('transform')) {
+        //   elem = elem.firstChild;
+        // }
+
+        var angle = svgCanvas.getRotationAngle(elem);
+        $$b('#angle').val(angle);
+
+        var blurval = svgCanvas.getBlur(elem);
+        $$b('#blur').val(blurval);
+        $$b('#blur_slider').slider('option', 'value', blurval);
+
+        if (svgCanvas.addedNew) {
+          if (elname === 'image' && svgCanvas.getMode() === 'image') {
+            // Prompt for URL if not a data URL
+            if (!svgCanvas.getHref(elem).startsWith('data:')) {
+              promptImgURL({ cancelDeletes: true });
+            }
+          }
+          /* else if (elname == 'text') {
+            // TODO: Do something here for new text
+          } */
+        }
+
+        if (!isNode && currentMode !== 'pathedit') {
+          $$b('#selected_panel').show();
+          // Elements in this array already have coord fields
+          if (['line', 'circle', 'ellipse'].includes(elname)) {
+            $$b('#xy_panel').hide();
+          } else {
+            var x = void 0,
+                y = void 0;
+
+            // Get BBox vals for g, polyline and path
+            if (['g', 'polyline', 'path'].includes(elname)) {
+              var bb = svgCanvas.getStrokedBBox([elem]);
+              if (bb) {
+                x = bb.x;
+                y = bb.y;
+              }
+            } else {
+              x = elem.getAttribute('x');
+              y = elem.getAttribute('y');
+            }
+
+            if (unit) {
+              x = convertUnit(x);
+              y = convertUnit(y);
+            }
+
+            $$b('#selected_x').val(x || 0);
+            $$b('#selected_y').val(y || 0);
+            $$b('#xy_panel').show();
+          }
+
+          // Elements in this array cannot be converted to a path
+          var noPath = !['image', 'text', 'path', 'g', 'use'].includes(elname);
+          $$b('#tool_topath').toggle(noPath);
+          $$b('#tool_reorient').toggle(elname === 'path');
+          $$b('#tool_reorient').toggleClass('disabled', angle === 0);
+        } else {
+          var point = path.getNodePoint();
+          $$b('#tool_add_subpath').removeClass('push_button_pressed').addClass('tool_button');
+          $$b('#tool_node_delete').toggleClass('disabled', !path.canDeleteNodes);
+
+          // Show open/close button based on selected point
+          setIcon('#tool_openclose_path', path.closed_subpath ? 'open_path' : 'close_path');
+
+          if (point) {
+            var segType = $$b('#seg_type');
+            if (unit) {
+              point.x = convertUnit(point.x);
+              point.y = convertUnit(point.y);
+            }
+            $$b('#path_node_x').val(point.x);
+            $$b('#path_node_y').val(point.y);
+            if (point.type) {
+              segType.val(point.type).removeAttr('disabled');
+            } else {
+              segType.val(4).attr('disabled', 'disabled');
+            }
+          }
+          return;
+        }
+
+        // update contextual tools here
+        var panels = {
+          g: [],
+          a: [],
+          rect: ['rx', 'width', 'height'],
+          image: ['width', 'height'],
+          circle: ['cx', 'cy', 'r'],
+          ellipse: ['cx', 'cy', 'rx', 'ry'],
+          line: ['x1', 'y1', 'x2', 'y2'],
+          text: [],
+          use: []
+        };
+
+        var _elem = elem,
+            tagName = _elem.tagName;
+
+        // if ($(elem).data('gsvg')) {
+        //   $('#g_panel').show();
+        // }
+
+        var linkHref = null;
+        if (tagName === 'a') {
+          linkHref = svgCanvas.getHref(elem);
+          $$b('#g_panel').show();
+        }
+
+        if (elem.parentNode.tagName === 'a') {
+          if (!$$b(elem).siblings().length) {
+            $$b('#a_panel').show();
+            linkHref = svgCanvas.getHref(elem.parentNode);
+          }
+        }
+
+        // Hide/show the make_link buttons
+        $$b('#tool_make_link, #tool_make_link').toggle(!linkHref);
+
+        if (linkHref) {
+          $$b('#link_url').val(linkHref);
+        }
+
+        if (panels[tagName]) {
+          var curPanel = panels[tagName];
+
+          $$b('#' + tagName + '_panel').show();
+
+          $$b.each(curPanel, function (i, item) {
+            var attrVal = elem.getAttribute(item);
+            if (curConfig.baseUnit !== 'px' && elem[item]) {
+              var bv = elem[item].baseVal.value;
+              attrVal = convertUnit(bv);
+            }
+            $$b('#' + tagName + '_' + item).val(attrVal || 0);
+          });
+
+          if (tagName === 'text') {
+            $$b('#text_panel').css('display', 'inline');
+            $$b('#tool_font_size').css('display', 'inline');
+            if (svgCanvas.getItalic()) {
+              $$b('#tool_italic').addClass('push_button_pressed').removeClass('tool_button');
+            } else {
+              $$b('#tool_italic').removeClass('push_button_pressed').addClass('tool_button');
+            }
+            if (svgCanvas.getBold()) {
+              $$b('#tool_bold').addClass('push_button_pressed').removeClass('tool_button');
+            } else {
+              $$b('#tool_bold').removeClass('push_button_pressed').addClass('tool_button');
+            }
+            $$b('#font_family').val(elem.getAttribute('font-family'));
+            $$b('#font_size').val(elem.getAttribute('font-size'));
+            $$b('#text').val(elem.textContent);
+            if (svgCanvas.addedNew) {
+              // Timeout needed for IE9
+              setTimeout(function () {
+                $$b('#text').focus().select();
+              }, 100);
+            }
+            // text
+          } else if (tagName === 'image' && svgCanvas.getMode() === 'image') {
+            setImageURL(svgCanvas.getHref(elem));
+            // image
+          } else if (tagName === 'g' || tagName === 'use') {
+            $$b('#container_panel').show();
+            var title = svgCanvas.getTitle();
+            var label = $$b('#g_title')[0];
+            label.value = title;
+            setInputWidth(label);
+            $$b('#g_title').prop('disabled', tagName === 'use');
+          }
+        }
+        menuItems[(tagName === 'g' ? 'en' : 'dis') + 'ableContextMenuItems']('#ungroup');
+        menuItems[(tagName === 'g' || !multiselected ? 'dis' : 'en') + 'ableContextMenuItems']('#group');
+        // if (elem != null)
+      } else if (multiselected) {
+        $$b('#multiselected_panel').show();
+        menuItems.enableContextMenuItems('#group').disableContextMenuItems('#ungroup');
+      } else {
+        menuItems.disableContextMenuItems('#delete,#cut,#copy,#group,#ungroup,#move_front,#move_up,#move_down,#move_back');
+      }
+
+      // update history buttons
+      $$b('#tool_undo').toggleClass('disabled', undoMgr.getUndoStackSize() === 0);
+      $$b('#tool_redo').toggleClass('disabled', undoMgr.getRedoStackSize() === 0);
+
+      svgCanvas.addedNew = false;
+
+      if (elem && !isNode || multiselected) {
+        // update the selected elements' layer
+        $$b('#selLayerNames').removeAttr('disabled').val(currentLayerName);
+
+        // Enable regular menu options
+        canvMenu.enableContextMenuItems('#delete,#cut,#copy,#move_front,#move_up,#move_down,#move_back');
+      } else {
+        $$b('#selLayerNames').attr('disabled', 'disabled');
+      }
+    };
+
+    var updateWireFrame = function updateWireFrame() {
+      // Test support
+      if (supportsNonSS) {
+        return;
+      }
+
+      var rule = '#workarea.wireframe #svgcontent * { stroke-width: ' + 1 / svgCanvas.getZoom() + 'px; }';
+      $$b('#wireframe_rules').text(workarea.hasClass('wireframe') ? rule : '');
+    };
+
+    var curContext = '';
+
+    var updateTitle = function updateTitle(title) {
+      title = title || svgCanvas.getDocumentTitle();
+      var newTitle = origTitle + (title ? ': ' + title : '');
+
+      // Remove title update with current context info, isn't really necessary
+      // if (curContext) {
+      //   new_title = new_title + curContext;
+      // }
+      $$b('title:first').text(newTitle);
+    };
+
+    // called when we've selected a different element
+    /**
+    *
+    * @param {external:Window} win
+    * @param {module:svgcanvas.SvgCanvas#event:selected} elems Array of elements that were selected
+    * @listens module:svgcanvas.SvgCanvas#event:selected
+    * @fires module:svgcanvas.SvgCanvas#event:ext-selectedChanged
+    * @returns {undefined}
+    */
+    var selectedChanged = function selectedChanged(win, elems) {
+      var mode = svgCanvas.getMode();
+      if (mode === 'select') {
+        setSelectMode();
+      }
+      var isNode = mode === 'pathedit';
+      // if elems[1] is present, then we have more than one element
+      selectedElement = elems.length === 1 || elems[1] == null ? elems[0] : null;
+      multiselected = elems.length >= 2 && elems[1] != null;
+      if (selectedElement != null) {
+        // unless we're already in always set the mode of the editor to select because
+        // upon creation of a text element the editor is switched into
+        // select mode and this event fires - we need our UI to be in sync
+
+        if (!isNode) {
+          updateToolbar();
+        }
+      } // if (elem != null)
+
+      // Deal with pathedit mode
+      togglePathEditMode(isNode, elems);
+      updateContextPanel();
+      svgCanvas.runExtensions('selectedChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} */{
+        elems: elems,
+        selectedElement: selectedElement,
+        multiselected: multiselected
+      });
+    };
+
+    // Call when part of element is in process of changing, generally
+    // on mousemove actions like rotate, move, etc.
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:transition} elems
+     * @listens module:svgcanvas.SvgCanvas#event:transition
+     * @fires module:svgcanvas.SvgCanvas#event:ext-elementTransition
+     * @returns {undefined}
+     */
+    var elementTransition = function elementTransition(win, elems) {
+      var mode = svgCanvas.getMode();
+      var elem = elems[0];
+
+      if (!elem) {
+        return;
+      }
+
+      multiselected = elems.length >= 2 && elems[1] != null;
+      // Only updating fields for single elements for now
+      if (!multiselected) {
+        switch (mode) {
+          case 'rotate':
+            var ang = svgCanvas.getRotationAngle(elem);
+            $$b('#angle').val(ang);
+            $$b('#tool_reorient').toggleClass('disabled', ang === 0);
+            break;
+
+          // TODO: Update values that change on move/resize, etc
+          // case 'select':
+          // case 'resize':
+          //   break;
+        }
+      }
+      svgCanvas.runExtensions('elementTransition', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementTransition} */{
+        elems: elems
+      });
+    };
+
+    /**
+     * Test whether an element is a layer or not.
+     * @param {SVGGElement} elem - The SVGGElement to test.
+     * @returns {boolean} True if the element is a layer
+     */
+    function isLayer(elem) {
+      return elem && elem.tagName === 'g' && Layer.CLASS_REGEX.test(elem.getAttribute('class'));
+    }
+
+    // called when any element has changed
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:changed} elems
+     * @listens module:svgcanvas.SvgCanvas#event:changed
+     * @fires module:svgcanvas.SvgCanvas#event:ext-elementChanged
+     * @returns {undefined}
+     */
+    var elementChanged = function elementChanged(win, elems) {
+      var mode = svgCanvas.getMode();
+      if (mode === 'select') {
+        setSelectMode();
+      }
+
+      for (var _i = 0; _i < elems.length; ++_i) {
+        var elem = elems[_i];
+
+        var isSvgElem = elem && elem.tagName === 'svg';
+        if (isSvgElem || isLayer(elem)) {
+          populateLayers();
+          // if the element changed was the svg, then it could be a resolution change
+          if (isSvgElem) {
+            updateCanvas();
+          }
+          // Update selectedElement if element is no longer part of the image.
+          // This occurs for the text elements in Firefox
+        } else if (elem && selectedElement && selectedElement.parentNode == null) {
+          // || elem && elem.tagName == "path" && !multiselected) { // This was added in r1430, but not sure why
+          selectedElement = elem;
+        }
+      }
+
+      editor.showSaveWarning = true;
+
+      // we update the contextual panel with potentially new
+      // positional/sizing information (we DON'T want to update the
+      // toolbar here as that creates an infinite loop)
+      // also this updates the history buttons
+
+      // we tell it to skip focusing the text control if the
+      // text element was previously in focus
+      updateContextPanel();
+
+      // In the event a gradient was flipped:
+      if (selectedElement && mode === 'select') {
+        paintBox.fill.update();
+        paintBox.stroke.update();
+      }
+
+      svgCanvas.runExtensions('elementChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementChanged} */{
+        elems: elems
+      });
+    };
+
+    /**
+     * @returns {undefined}
+     */
+    var zoomDone = function zoomDone() {
+      updateWireFrame();
+      // updateCanvas(); // necessary?
+    };
+
+    /**
+    * @typedef {PlainObject} module:SVGEditor.BBoxObjectWithFactor (like `DOMRect`)
+    * @property {Float} x
+    * @property {Float} y
+    * @property {Float} width
+    * @property {Float} height
+    * @property {Float} [factor] Needed if width or height are 0
+    * @property {Float} [zoom]
+    * @see module:svgcanvas.SvgCanvas#event:zoomed
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#zoomChanged
+    * @param {external:Window} win
+    * @param {module:svgcanvas.SvgCanvas#event:zoomed} bbox
+    * @param {boolean} autoCenter
+    * @listens module:svgcanvas.SvgCanvas#event:zoomed
+    * @returns {undefined}
+    */
+    var zoomChanged = svgCanvas.zoomChanged = function (win, bbox, autoCenter) {
+      var scrbar = 15,
+
+      // res = svgCanvas.getResolution(), // Currently unused
+      wArea = workarea;
+      // const canvasPos = $('#svgcanvas').position(); // Currently unused
+      var zInfo = svgCanvas.setBBoxZoom(bbox, wArea.width() - scrbar, wArea.height() - scrbar);
+      if (!zInfo) {
+        return;
+      }
+      var zoomlevel = zInfo.zoom,
+          bb = zInfo.bbox;
+
+      if (zoomlevel < 0.001) {
+        changeZoom({ value: 0.1 });
+        return;
+      }
+
+      $$b('#zoom').val((zoomlevel * 100).toFixed(1));
+
+      if (autoCenter) {
+        updateCanvas();
+      } else {
+        updateCanvas(false, { x: bb.x * zoomlevel + bb.width * zoomlevel / 2, y: bb.y * zoomlevel + bb.height * zoomlevel / 2 });
+      }
+
+      if (svgCanvas.getMode() === 'zoom' && bb.width) {
+        // Go to select if a zoom box was drawn
+        setSelectMode();
+      }
+
+      zoomDone();
+    };
+
+    var changeZoom = function changeZoom(ctl) {
+      var zoomlevel = ctl.value / 100;
+      if (zoomlevel < 0.001) {
+        ctl.value = 0.1;
+        return;
+      }
+      var zoom = svgCanvas.getZoom();
+      var wArea = workarea;
+
+      zoomChanged(window, {
+        width: 0,
+        height: 0,
+        // center pt of scroll position
+        x: (wArea[0].scrollLeft + wArea.width() / 2) / zoom,
+        y: (wArea[0].scrollTop + wArea.height() / 2) / zoom,
+        zoom: zoomlevel
+      }, true);
+    };
+
+    $$b('#cur_context_panel').delegate('a', 'click', function () {
+      var link = $$b(this);
+      if (link.attr('data-root')) {
+        svgCanvas.leaveContext();
+      } else {
+        svgCanvas.setContext(link.text());
+      }
+      svgCanvas.clearSelection();
+      return false;
+    });
+
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:contextset} context
+     * @listens module:svgcanvas.SvgCanvas#event:contextset
+     * @returns {undefined}
+     */
+    var contextChanged = function contextChanged(win, context) {
+      var linkStr = '';
+      if (context) {
+        var _str2 = '';
+        linkStr = '<a href="#" data-root="y">' + svgCanvas.getCurrentDrawing().getCurrentLayerName() + '</a>';
+
+        $$b(context).parentsUntil('#svgcontent > g').andSelf().each(function () {
+          if (this.id) {
+            _str2 += ' > ' + this.id;
+            if (this !== context) {
+              linkStr += ' > <a href="#">' + this.id + '</a>';
+            } else {
+              linkStr += ' > ' + this.id;
+            }
+          }
+        });
+
+        curContext = _str2;
+      } else {
+        curContext = null;
+      }
+      $$b('#cur_context_panel').toggle(!!context).html(linkStr);
+
+      updateTitle();
+    };
+
+    // Makes sure the current selected paint is available to work with
+    var prepPaints = function prepPaints() {
+      paintBox.fill.prep();
+      paintBox.stroke.prep();
+    };
+
+    var flyoutFuncs = {};
+
+    var setFlyoutTitles = function setFlyoutTitles() {
+      $$b('.tools_flyout').each(function () {
+        var shower = $$b('#' + this.id + '_show');
+        if (shower.data('isLibrary')) {
+          return;
+        }
+
+        var tooltips = $$b(this).children().map(function () {
+          return this.title;
+        }).get();
+        shower[0].title = tooltips.join(' / ');
+      });
+    };
+
+    var allHolders = {};
+    /**
+     * @param {Object.<string, module:SVGEditor.ToolButton>} holders Key is a selector
+     * @returns {undefined}
+     */
+    var setupFlyouts = function setupFlyouts(holders) {
+      $$b.each(holders, function (holdSel, btnOpts) {
+        var _allHolders$holdSel;
+
+        if (!allHolders[holdSel]) {
+          allHolders[holdSel] = [];
+        }
+        (_allHolders$holdSel = allHolders[holdSel]).push.apply(_allHolders$holdSel, toConsumableArray(btnOpts));
+
+        var buttons = $$b(holdSel).children().not('.tool_button_evt_handled');
+        var showSel = holdSel + '_show';
+        var shower = $$b(showSel);
+        var def = false;
+        buttons.addClass('tool_button tool_button_evt_handled').unbind('click mousedown mouseup') // may not be necessary
+        .each(function () {
+          // Get this button's options
+          var idSel = '#' + this.getAttribute('id');
+
+          var _Object$entries$find = Object.entries(btnOpts).find(function (_ref10) {
+            var _ref11 = slicedToArray(_ref10, 2),
+                i = _ref11[0],
+                sel = _ref11[1].sel;
+
+            return sel === idSel;
+          }),
+              _Object$entries$find2 = slicedToArray(_Object$entries$find, 2),
+              i = _Object$entries$find2[0],
+              opts = _Object$entries$find2[1];
+
+          // Remember the function that goes with this ID
+
+
+          flyoutFuncs[opts.sel] = opts.fn;
+
+          if (opts.isDefault) {
+            def = i;
+          }
+
+          /**
+           * Clicking the icon in flyout should set this set's icon
+           * @param {Event} ev
+           * @returns {undefined}
+           */
+          var flyoutAction = function flyoutAction(ev) {
+            var options = opts;
+            // Find the currently selected tool if comes from keystroke
+            if (ev.type === 'keydown') {
+              var flyoutIsSelected = $$b(options.parent + '_show').hasClass('tool_button_current');
+              var currentOperation = $$b(options.parent + '_show').attr('data-curopt');
+              Object.entries(holders[opts.parent]).some(function (_ref12) {
+                var _ref13 = slicedToArray(_ref12, 2),
+                    i = _ref13[0],
+                    tool = _ref13[1];
+
+                if (tool.sel !== currentOperation) {
+                  return;
+                }
+                if (!ev.shiftKey || !flyoutIsSelected) {
+                  options = tool;
+                } else {
+                  // If flyout is selected, allow shift key to iterate through subitems
+                  i = parseInt(i, 10);
+                  // Use `allHolders` to include both extension `includeWith` and toolbarButtons
+                  options = allHolders[opts.parent][i + 1] || holders[opts.parent][0];
+                }
+                return true;
+              });
+            }
+            if ($$b(this).hasClass('disabled')) {
+              return false;
+            }
+            if (toolButtonClick(showSel)) {
+              options.fn();
+            }
+            var icon = void 0;
+            if (options.icon) {
+              icon = $$b.getSvgIcon(options.icon, true);
+            } else {
+              icon = $$b(options.sel).children().eq(0).clone();
+            }
+
+            icon[0].setAttribute('width', shower.width());
+            icon[0].setAttribute('height', shower.height());
+            shower.children(':not(.flyout_arrow_horiz)').remove();
+            shower.append(icon).attr('data-curopt', options.sel); // This sets the current mode
+          };
+
+          $$b(this).mouseup(flyoutAction);
+
+          if (opts.key) {
+            $$b(document).bind('keydown', opts.key[0] + ' shift+' + opts.key[0], flyoutAction);
+          }
+        });
+
+        if (def) {
+          shower.attr('data-curopt', btnOpts[def].sel);
+        } else if (!shower.attr('data-curopt')) {
+          // Set first as default
+          shower.attr('data-curopt', btnOpts[0].sel);
+        }
+
+        var timer = void 0;
+        var pos = $$b(showSel).position();
+
+        // Clicking the "show" icon should set the current mode
+        shower.mousedown(function (evt) {
+          if (shower.hasClass('disabled')) {
+            return false;
+          }
+          var holder = $$b(holdSel);
+          var l = pos.left + 34;
+          var w = holder.width() * -1;
+          var time = holder.data('shown_popop') ? 200 : 0;
+          timer = setTimeout(function () {
+            // Show corresponding menu
+            if (!shower.data('isLibrary')) {
+              holder.css('left', w).show().animate({
+                left: l
+              }, 150);
+            } else {
+              holder.css('left', l).show();
+            }
+            holder.data('shown_popop', true);
+          }, time);
+          evt.preventDefault();
+        }).mouseup(function (evt) {
+          clearTimeout(timer);
+          var opt = $$b(this).attr('data-curopt');
+          // Is library and popped up, so do nothing
+          if (shower.data('isLibrary') && $$b(showSel.replace('_show', '')).is(':visible')) {
+            toolButtonClick(showSel, true);
+            return;
+          }
+          if (toolButtonClick(showSel) && flyoutFuncs[opt]) {
+            flyoutFuncs[opt]();
+          }
+        });
+        // $('#tools_rect').mouseleave(function () { $('#tools_rect').fadeOut(); });
+      });
+      setFlyoutTitles();
+      setFlyoutPositions();
+    };
+
+    var makeFlyoutHolder = function makeFlyoutHolder(id, child) {
+      var div = $$b('<div>', {
+        class: 'tools_flyout',
+        id: id
+      }).appendTo('#svg_editor').append(child);
+
+      return div;
+    };
+
+    // TODO: Combine this with addDropDown or find other way to optimize
+    var addAltDropDown = function addAltDropDown(elem, list, callback, opts) {
+      var button = $$b(elem);
+      var dropUp = opts.dropUp;
+
+      list = $$b(list);
+      if (dropUp) {
+        $$b(elem).addClass('dropup');
+      }
+      list.find('li').bind('mouseup', function () {
+        if (opts.seticon) {
+          setIcon('#cur_' + button[0].id, $$b(this).children());
+          $$b(this).addClass('current').siblings().removeClass('current');
+        }
+        callback.apply(this, arguments);
+      });
+
+      var onButton = false;
+      $$b(window).mouseup(function (evt) {
+        if (!onButton) {
+          button.removeClass('down');
+          list.hide();
+          list.css({ top: 0, left: 0 });
+        }
+        onButton = false;
+      });
+
+      // const height = list.height(); // Currently unused
+      button.bind('mousedown', function () {
+        var off = button.offset();
+        if (dropUp) {
+          off.top -= list.height();
+          off.left += 8;
+        } else {
+          off.top += button.height();
+        }
+        list.offset(off);
+
+        if (!button.hasClass('down')) {
+          list.show();
+          onButton = true;
+        } else {
+          // CSS position must be reset for Webkit
+          list.hide();
+          list.css({ top: 0, left: 0 });
+        }
+        button.toggleClass('down');
+      }).hover(function () {
+        onButton = true;
+      }).mouseout(function () {
+        onButton = false;
+      });
+
+      if (opts.multiclick) {
+        list.mousedown(function () {
+          onButton = true;
+        });
+      }
+    };
+
+    var extsPreLang = [];
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:extension_added} ext
+     * @listens module:svgcanvas.SvgCanvas#event:extension_added
+     * @returns {Promise} Resolves to `undefined`
+     */
+    var extAdded = function extAdded(win, ext) {
+      if (!ext) {
+        return;
+      }
+      var cbCalled = false;
+      var resizeDone = false;
+
+      if (ext.langReady) {
+        if (editor.langChanged) {
+          // We check for this since the "lang" pref could have been set by storage
+          var lang = $$b.pref('lang');
+          ext.langReady({
+            lang: lang,
+            uiStrings: uiStrings$1,
+            importLocale: getImportLocale({ defaultLang: lang, defaultName: ext.name })
+          });
+        } else {
+          extsPreLang.push(ext);
+        }
+      }
+
+      function prepResize() {
+        if (resizeTimer) {
+          clearTimeout(resizeTimer);
+          resizeTimer = null;
+        }
+        if (!resizeDone) {
+          resizeTimer = setTimeout(function () {
+            resizeDone = true;
+            setIconSize($$b.pref('iconsize'));
+          }, 50);
+        }
+      }
+
+      var runCallback = function runCallback() {
+        if (ext.callback && !cbCalled) {
+          cbCalled = true;
+          ext.callback.call(editor);
+        }
+      };
+
+      var btnSelects = [];
+
+      /**
+      * @typedef {PlainObject} module:SVGEditor.ContextTool
+      * @property {string} panel The ID of the existing panel to which the tool is being added. Required.
+      * @property {string} id The ID of the actual tool element. Required.
+      * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<"change", external:jQuery.Function>} events DOM event names keyed to associated functions. Example: `{change () { alert('Option was changed') } }`. "change" event is one specifically handled for the "button-select" type. Required.
+      * @property {string} title The tooltip text that will appear when the user hovers over the tool. Required.
+      * @property {"tool_button"|"select"|"button-select"|"input"|string} type The type of tool being added. Expected.
+      * @property {PlainObject.<string, string>} [options] List of options and their labels for select tools. Example: `{1: 'One', 2: 'Two', all: 'All' }`. Required by "select" tools.
+      * @property {string} [container_id] The ID to be given to the tool's container element.
+      * @property {string} [defval] Default value
+      * @property {string|Integer} [colnum] Added as part of the option list class.
+      * @property {string} [label] Label associated with the tool, visible in the UI
+      * @property {Integer} [size] Value of the "size" attribute of the tool input
+      * @property {module:jQuerySpinButton.SpinButtonConfig} [spindata] When added to a tool of type "input", this tool becomes a "spinner" which allows the number to be in/decreased.
+      */
+      if (ext.context_tools) {
+        $$b.each(ext.context_tools, function (i, tool) {
+          // Add select tool
+          var contId = tool.container_id ? ' id="' + tool.container_id + '"' : '';
+
+          var panel = $$b('#' + tool.panel);
+          // create the panel if it doesn't exist
+          if (!panel.length) {
+            panel = $$b('<div>', { id: tool.panel }).appendTo('#tools_top');
+          }
+
+          var html = void 0;
+          // TODO: Allow support for other types, or adding to existing tool
+          switch (tool.type) {
+            case 'tool_button':
+              html = '<div class="tool_button">' + tool.id + '</div>';
+              var div = $$b(html).appendTo(panel);
+              if (tool.events) {
+                $$b.each(tool.events, function (evt, func) {
+                  $$b(div).bind(evt, func);
+                });
+              }
+              break;
+            case 'select':
+              html = '<label' + contId + '>' + '<select id="' + tool.id + '">';
+              $$b.each(tool.options, function (val, text) {
+                var sel = val === tool.defval ? ' selected' : '';
+                html += '<option value="' + val + '"' + sel + '>' + text + '</option>';
+              });
+              html += '</select></label>';
+              // Creates the tool, hides & adds it, returns the select element
+              var sel = $$b(html).appendTo(panel).find('select');
+
+              $$b.each(tool.events, function (evt, func) {
+                $$b(sel).bind(evt, func);
+              });
+              break;
+            case 'button-select':
+              html = '<div id="' + tool.id + '" class="dropdown toolset" title="' + tool.title + '">' + '<div id="cur_' + tool.id + '" class="icon_label"></div><button></button></div>';
+
+              var list = $$b('<ul id="' + tool.id + '_opts"></ul>').appendTo('#option_lists');
+
+              if (tool.colnum) {
+                list.addClass('optcols' + tool.colnum);
+              }
+
+              // Creates the tool, hides & adds it, returns the select element
+              /* const dropdown = */$$b(html).appendTo(panel).children();
+
+              btnSelects.push({
+                elem: '#' + tool.id,
+                list: '#' + tool.id + '_opts',
+                title: tool.title,
+                callback: tool.events.change,
+                cur: '#cur_' + tool.id
+              });
+
+              break;
+            case 'input':
+              html = '<label' + contId + '>' + '<span id="' + tool.id + '_label">' + tool.label + ':</span>' + '<input id="' + tool.id + '" title="' + tool.title + '" size="' + (tool.size || '4') + '" value="' + (tool.defval || '') + '" type="text"/></label>';
+
+              // Creates the tool, hides & adds it, returns the select element
+
+              // Add to given tool.panel
+              var inp = $$b(html).appendTo(panel).find('input');
+
+              if (tool.spindata) {
+                inp.SpinButton(tool.spindata);
+              }
+
+              if (tool.events) {
+                $$b.each(tool.events, function (evt, func) {
+                  inp.bind(evt, func);
+                });
+              }
+              break;
+
+            default:
+              break;
+          }
+        });
+      }
+
+      var svgicons = ext.svgicons;
+
+      if (ext.buttons) {
+        var fallbackObj = {},
+            placementObj = {},
+            holders = {};
+
+        /**
+        * @typedef {GenericArray} module:SVGEditor.KeyArray
+        * @property {string} 0 The key to bind (on `keydown`)
+        * @property {boolean} 1 Whether to `preventDefault` on the `keydown` event
+        * @property {boolean} 2 Not apparently in use (NoDisableInInput)
+        */
+        /**
+         * @typedef {string|module:SVGEditor.KeyArray} module:SVGEditor.Key
+         */
+        /**
+        * @typedef {PlainObject} module:SVGEditor.Button
+        * @property {string} id A unique identifier for this button. If SVG icons are used, this must match the ID used in the icon file. Required.
+        * @property {"mode_flyout"|"mode"|"context"|"app_menu"} type Type of button. Required.
+        * @property {string} title The tooltip text that will appear when the user hovers over the icon. Required.
+        * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<"click", external:jQuery.Function>} events DOM event names with associated functions. Example: `{click () { alert('Button was clicked') } }`. Click is used with `includeWith` and `type` of "mode_flyout" (and "mode"); any events may be added if `list` is not present. Expected.
+        * @property {string} panel The ID of the context panel to be included, if type is "context". Required only if type is "context".
+        * @property {string} icon The file path to the raster version of the icon image source. Required only if no `svgicons` is supplied from [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse}.
+        * @property {string} [svgicon] If absent, will utilize the button "id"; used to set "placement" on the `svgIcons` call
+        * @property {string} [list] Points to the "id" of a `context_tools` item of type "button-select" into which the button will be added as a panel list item
+        * @property {Integer} [position] The numeric index for placement; defaults to last position (as of the time of extension addition) if not present. For use with {@link http://api.jquery.com/eq/}.
+        * @property {boolean} [isDefault] Whether or not the button is the default. Used with `list`.
+        * @property {PlainObject} [includeWith] Object with flyout menu data
+        * @property {boolean} [includeWith.isDefault] Indicates whether button is default in flyout list or not.
+        * @property {string} includeWith.button jQuery selector of the existing button to be joined. Example: '#tool_line'. Required if `includeWith` is used.
+        * @property {"last"|Integer} [includeWith.position] Position of icon in flyout list; will be added to end if not indicated. Integer is for use with {@link http://api.jquery.com/eq/}.
+        * @property {module:SVGEditor.Key} [key] The key to bind to the button
+        */
+        // Add buttons given by extension
+        $$b.each(ext.buttons, function (i, /** @type {module:SVGEditor.Button} */btn) {
+          var id = btn.id;
+
+          var num = i;
+          // Give button a unique ID
+          while ($$b('#' + id).length) {
+            id = btn.id + '_' + ++num;
+          }
+
+          var icon = void 0;
+          if (!svgicons) {
+            icon = $$b('<img src="' + btn.icon + '">');
+          } else {
+            fallbackObj[id] = btn.icon;
+            var svgicon = btn.svgicon || btn.id;
+            if (btn.type === 'app_menu') {
+              placementObj['#' + id + ' > div'] = svgicon;
+            } else {
+              placementObj['#' + id] = svgicon;
+            }
+          }
+
+          var cls = void 0,
+              parent = void 0;
+
+          // Set button up according to its type
+          switch (btn.type) {
+            case 'mode_flyout':
+            case 'mode':
+              cls = 'tool_button';
+              parent = '#tools_left';
+              break;
+            case 'context':
+              cls = 'tool_button';
+              parent = '#' + btn.panel;
+              // create the panel if it doesn't exist
+              if (!$$b(parent).length) {
+                $$b('<div>', { id: btn.panel }).appendTo('#tools_top');
+              }
+              break;
+            case 'app_menu':
+              cls = '';
+              parent = '#main_menu ul';
+              break;
+          }
+          var flyoutHolder = void 0,
+              curH = void 0,
+              showBtn = void 0,
+              refData = void 0,
+              refBtn = void 0;
+          var button = $$b(btn.list || btn.type === 'app_menu' ? '<li/>' : '<div/>').attr('id', id).attr('title', btn.title).addClass(cls);
+          if (!btn.includeWith && !btn.list) {
+            if ('position' in btn) {
+              if ($$b(parent).children().eq(btn.position).length) {
+                $$b(parent).children().eq(btn.position).before(button);
+              } else {
+                $$b(parent).children().last().before(button);
+              }
+            } else {
+              button.appendTo(parent);
+            }
+
+            if (btn.type === 'mode_flyout') {
+              // Add to flyout menu / make flyout menu
+              // const opts = btn.includeWith;
+              // // opts.button, default, position
+              refBtn = $$b(button);
+
+              flyoutHolder = refBtn.parent();
+              // Create a flyout menu if there isn't one already
+              var tlsId = void 0;
+              if (!refBtn.parent().hasClass('tools_flyout')) {
+                // Create flyout placeholder
+                tlsId = refBtn[0].id.replace('tool_', 'tools_');
+                showBtn = refBtn.clone().attr('id', tlsId + '_show').append($$b('<div>', { class: 'flyout_arrow_horiz' }));
+
+                refBtn.before(showBtn);
+
+                // Create a flyout div
+                flyoutHolder = makeFlyoutHolder(tlsId, refBtn);
+                flyoutHolder.data('isLibrary', true);
+                showBtn.data('isLibrary', true);
+              }
+              // refData = Actions.getButtonData(opts.button);
+
+              placementObj['#' + tlsId + '_show'] = btn.id;
+              // TODO: Find way to set the current icon using the iconloader if this is not default
+
+              // Include data for extension button as well as ref button
+              curH = holders['#' + flyoutHolder[0].id] = [{
+                sel: '#' + id,
+                fn: btn.events.click,
+                icon: btn.id,
+                // key: btn.key,
+                isDefault: true
+              }]; // , refData
+              //
+              // // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
+              //
+              // const pos = ('position' in opts)?opts.position:'last';
+              // const len = flyoutHolder.children().length;
+              //
+              // // Add at given position or end
+              // if (!isNaN(pos) && pos >= 0 && pos < len) {
+              //   flyoutHolder.children().eq(pos).before(button);
+              // } else {
+              //   flyoutHolder.append(button);
+              //   curH.reverse();
+              // }
+            } else if (btn.type === 'app_menu') {
+              button.append('<div>').append(btn.title);
+            }
+          } else if (btn.list) {
+            // Add button to list
+            button.addClass('push_button');
+            $$b('#' + btn.list + '_opts').append(button);
+            if (btn.isDefault) {
+              $$b('#cur_' + btn.list).append(button.children().clone());
+              var _svgicon = btn.svgicon || btn.id;
+              placementObj['#cur_' + btn.list] = _svgicon;
+            }
+          } else if (btn.includeWith) {
+            // Add to flyout menu / make flyout menu
+            var opts = btn.includeWith;
+            // opts.button, default, position
+            refBtn = $$b(opts.button);
+
+            flyoutHolder = refBtn.parent();
+            // Create a flyout menu if there isn't one already
+            var _tlsId = void 0;
+            if (!refBtn.parent().hasClass('tools_flyout')) {
+              // Create flyout placeholder
+              _tlsId = refBtn[0].id.replace('tool_', 'tools_');
+              showBtn = refBtn.clone().attr('id', _tlsId + '_show').append($$b('<div>', { class: 'flyout_arrow_horiz' }));
+
+              refBtn.before(showBtn);
+              // Create a flyout div
+              flyoutHolder = makeFlyoutHolder(_tlsId, refBtn);
+            }
+
+            refData = Actions.getButtonData(opts.button);
+
+            if (opts.isDefault) {
+              placementObj['#' + _tlsId + '_show'] = btn.id;
+            }
+            // TODO: Find way to set the current icon using the iconloader if this is not default
+
+            // Include data for extension button as well as ref button
+            curH = holders['#' + flyoutHolder[0].id] = [{
+              sel: '#' + id,
+              fn: btn.events.click,
+              icon: btn.id,
+              key: btn.key,
+              isDefault: Boolean(btn.includeWith && btn.includeWith.isDefault)
+            }, refData];
+
+            // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
+
+            var pos = 'position' in opts ? opts.position : 'last';
+            var len = flyoutHolder.children().length;
+
+            // Add at given position or end
+            if (!isNaN(pos) && pos >= 0 && pos < len) {
+              flyoutHolder.children().eq(pos).before(button);
+            } else {
+              flyoutHolder.append(button);
+              curH.reverse();
+            }
+          }
+
+          if (!svgicons) {
+            button.append(icon);
+          }
+
+          if (!btn.list) {
+            // Add given events to button
+            $$b.each(btn.events, function (name, func) {
+              if (name === 'click' && btn.type === 'mode') {
+                if (btn.includeWith) {
+                  button.bind(name, func);
+                } else {
+                  button.bind(name, function () {
+                    if (toolButtonClick(button)) {
+                      func();
+                    }
+                  });
+                }
+                if (btn.key) {
+                  $$b(document).bind('keydown', btn.key, func);
+                  if (btn.title) {
+                    button.attr('title', btn.title + ' [' + btn.key + ']');
+                  }
+                }
+              } else {
+                button.bind(name, func);
+              }
+            });
+          }
+
+          setupFlyouts(holders);
+        });
+
+        $$b.each(btnSelects, function () {
+          addAltDropDown(this.elem, this.list, this.callback, { seticon: true });
+        });
+
+        if (svgicons) {
+          return new Promise(function (resolve, reject) {
+            $$b.svgIcons(svgicons, {
+              w: 24, h: 24,
+              id_match: false,
+              no_img: !isWebkit(),
+              fallback: fallbackObj,
+              placement: placementObj,
+              callback: function callback(icons) {
+                // Non-ideal hack to make the icon match the current size
+                // if (curPrefs.iconsize && curPrefs.iconsize !== 'm') {
+                if ($$b.pref('iconsize') !== 'm') {
+                  prepResize();
+                }
+                runCallback();
+                resolve();
+              }
+            });
+          });
+        }
+      }
+      return runCallback();
+    };
+
+    var getPaint = function getPaint(color, opac, type) {
+      // update the editor's fill paint
+      var opts = { alpha: opac };
+      if (color.startsWith('url(#')) {
+        var refElem = svgCanvas.getRefElem(color);
+        if (refElem) {
+          refElem = refElem.cloneNode(true);
+        } else {
+          refElem = $$b('#' + type + '_color defs *')[0];
+        }
+        opts[refElem.tagName] = refElem;
+      } else if (color.startsWith('#')) {
+        opts.solidColor = color.substr(1);
+      } else {
+        opts.solidColor = 'none';
+      }
+      return new $$b.jGraduate.Paint(opts);
+    };
+
+    // $('#text').focus(function () { textBeingEntered = true; });
+    // $('#text').blur(function () { textBeingEntered = false; });
+
+    // bind the selected event to our function that handles updates to the UI
+    svgCanvas.bind('selected', selectedChanged);
+    svgCanvas.bind('transition', elementTransition);
+    svgCanvas.bind('changed', elementChanged);
+    svgCanvas.bind('saved', saveHandler);
+    svgCanvas.bind('exported', exportHandler);
+    svgCanvas.bind('exportedPDF', function (win, data) {
+      var exportWindowName = data.exportWindowName;
+
+      if (exportWindowName) {
+        exportWindow = window.open('', exportWindowName); // A hack to get the window via JSON-able name without opening a new one
+      }
+      if (!exportWindow || exportWindow.closed) {
+        $$b.alert(uiStrings$1.notification.popupWindowBlocked);
+        return;
+      }
+      exportWindow.location.href = data.output;
+    });
+    svgCanvas.bind('zoomed', zoomChanged);
+    svgCanvas.bind('zoomDone', zoomDone);
+    svgCanvas.bind('updateCanvas',
+    /**
+     * @param {external:Window} win
+     * @param {false} center
+     * @param {module:math.XYObject} newCtr
+     * @listens module:svgcanvas.SvgCanvas#event:updateCanvas
+     * @returns {undefined}
+     */
+    function (win, _ref14) {
+      var center = _ref14.center,
+          newCtr = _ref14.newCtr;
+
+      updateCanvas(center, newCtr);
+    });
+    svgCanvas.bind('contextset', contextChanged);
+    svgCanvas.bind('extension_added', extAdded);
+    svgCanvas.textActions.setInputElem($$b('#text')[0]);
+
+    var str = '<div class="palette_item" data-rgb="none"></div>';
+    $$b.each(palette, function (i, item) {
+      str += '<div class="palette_item" style="background-color: ' + item + ';" data-rgb="' + item + '"></div>';
+    });
+    $$b('#palette').append(str);
+
+    // Set up editor background functionality
+    // TODO add checkerboard as "pattern"
+    var colorBlocks = ['#FFF', '#888', '#000']; // ,'url(data:image/gif;base64,R0lGODlhEAAQAIAAAP%2F%2F%2F9bW1iH5BAAAAAAALAAAAAAQABAAAAIfjG%2Bgq4jM3IFLJgpswNly%2FXkcBpIiVaInlLJr9FZWAQA7)'];
+    str = '';
+    $$b.each(colorBlocks, function () {
+      str += '<div class="color_block" style="background-color:' + this + ';"></div>';
+    });
+    $$b('#bg_blocks').append(str);
+    var blocks = $$b('#bg_blocks div');
+    var curBg = 'cur_background';
+    blocks.each(function () {
+      var blk = $$b(this);
+      blk.click(function () {
+        blocks.removeClass(curBg);
+        $$b(this).addClass(curBg);
+      });
+    });
+
+    setBackground($$b.pref('bkgd_color'), $$b.pref('bkgd_url'));
+
+    $$b('#image_save_opts input').val([$$b.pref('img_save')]);
+
+    var changeRectRadius = function changeRectRadius(ctl) {
+      svgCanvas.setRectRadius(ctl.value);
+    };
+
+    var changeFontSize = function changeFontSize(ctl) {
+      svgCanvas.setFontSize(ctl.value);
+    };
+
+    var changeStrokeWidth = function changeStrokeWidth(ctl) {
+      var val = ctl.value;
+      if (val === 0 && selectedElement && ['line', 'polyline'].includes(selectedElement.nodeName)) {
+        val = ctl.value = 1;
+      }
+      svgCanvas.setStrokeWidth(val);
+    };
+
+    var changeRotationAngle = function changeRotationAngle(ctl) {
+      svgCanvas.setRotationAngle(ctl.value);
+      $$b('#tool_reorient').toggleClass('disabled', parseInt(ctl.value, 10) === 0);
+    };
+
+    var changeOpacity = function changeOpacity(ctl, val) {
+      if (val == null) {
+        val = ctl.value;
+      }
+      $$b('#group_opacity').val(val);
+      if (!ctl || !ctl.handle) {
+        $$b('#opac_slider').slider('option', 'value', val);
+      }
+      svgCanvas.setOpacity(val / 100);
+    };
+
+    var changeBlur = function changeBlur(ctl, val, noUndo) {
+      if (val == null) {
+        val = ctl.value;
+      }
+      $$b('#blur').val(val);
+      var complete = false;
+      if (!ctl || !ctl.handle) {
+        $$b('#blur_slider').slider('option', 'value', val);
+        complete = true;
+      }
+      if (noUndo) {
+        svgCanvas.setBlurNoUndo(val);
+      } else {
+        svgCanvas.setBlur(val, complete);
+      }
+    };
+
+    $$b('#stroke_style').change(function () {
+      svgCanvas.setStrokeAttr('stroke-dasharray', $$b(this).val());
+      operaRepaint();
+    });
+
+    $$b('#stroke_linejoin').change(function () {
+      svgCanvas.setStrokeAttr('stroke-linejoin', $$b(this).val());
+      operaRepaint();
+    });
+
+    // Lose focus for select elements when changed (Allows keyboard shortcuts to work better)
+    $$b('select').change(function () {
+      $$b(this).blur();
+    });
+
+    // fired when user wants to move elements to another layer
+    var promptMoveLayerOnce = false;
+    $$b('#selLayerNames').change(function () {
+      var destLayer = this.options[this.selectedIndex].value;
+      var confirmStr = uiStrings$1.notification.QmoveElemsToLayer.replace('%s', destLayer);
+      var moveToLayer = function moveToLayer(ok) {
+        if (!ok) {
+          return;
+        }
+        promptMoveLayerOnce = true;
+        svgCanvas.moveSelectedToLayer(destLayer);
+        svgCanvas.clearSelection();
+        populateLayers();
+      };
+      if (destLayer) {
+        if (promptMoveLayerOnce) {
+          moveToLayer(true);
+        } else {
+          $$b.confirm(confirmStr, moveToLayer);
+        }
+      }
+    });
+
+    $$b('#font_family').change(function () {
+      svgCanvas.setFontFamily(this.value);
+    });
+
+    $$b('#seg_type').change(function () {
+      svgCanvas.setSegType($$b(this).val());
+    });
+
+    $$b('#text').bind('keyup input', function () {
+      svgCanvas.setTextContent(this.value);
+    });
+
+    $$b('#image_url').change(function () {
+      setImageURL(this.value);
+    });
+
+    $$b('#link_url').change(function () {
+      if (this.value.length) {
+        svgCanvas.setLinkURL(this.value);
+      } else {
+        svgCanvas.removeHyperlink();
+      }
+    });
+
+    $$b('#g_title').change(function () {
+      svgCanvas.setGroupTitle(this.value);
+    });
+
+    $$b('.attr_changer').change(function () {
+      var attr = this.getAttribute('data-attr');
+      var val = this.value;
+      var valid = isValidUnit(attr, val, selectedElement);
+
+      if (!valid) {
+        $$b.alert(uiStrings$1.notification.invalidAttrValGiven);
+        this.value = selectedElement.getAttribute(attr);
+        return false;
+      }
+
+      if (attr !== 'id' && attr !== 'class') {
+        if (isNaN(val)) {
+          val = svgCanvas.convertToNum(attr, val);
+        } else if (curConfig.baseUnit !== 'px') {
+          // Convert unitless value to one with given unit
+
+          var unitData = getTypeMap();
+
+          if (selectedElement[attr] || svgCanvas.getMode() === 'pathedit' || attr === 'x' || attr === 'y') {
+            val *= unitData[curConfig.baseUnit];
+          }
+        }
+      }
+
+      // if the user is changing the id, then de-select the element first
+      // change the ID, then re-select it with the new ID
+      if (attr === 'id') {
+        var elem = selectedElement;
+        svgCanvas.clearSelection();
+        elem.id = val;
+        svgCanvas.addToSelection([elem], true);
+      } else {
+        svgCanvas.changeSelectedAttribute(attr, val);
+      }
+      this.blur();
+    });
+
+    // Prevent selection of elements when shift-clicking
+    $$b('#palette').mouseover(function () {
+      var inp = $$b('<input type="hidden">');
+      $$b(this).append(inp);
+      inp.focus().remove();
+    });
+
+    $$b('.palette_item').mousedown(function (evt) {
+      // shift key or right click for stroke
+      var picker = evt.shiftKey || evt.button === 2 ? 'stroke' : 'fill';
+      var color = $$b(this).data('rgb');
+      var paint = void 0;
+
+      // Webkit-based browsers returned 'initial' here for no stroke
+      if (color === 'none' || color === 'transparent' || color === 'initial') {
+        color = 'none';
+        paint = new $$b.jGraduate.Paint();
+      } else {
+        paint = new $$b.jGraduate.Paint({ alpha: 100, solidColor: color.substr(1) });
+      }
+
+      paintBox[picker].setPaint(paint);
+      svgCanvas.setColor(picker, color);
+
+      if (color !== 'none' && svgCanvas.getPaintOpacity(picker) !== 1) {
+        svgCanvas.setPaintOpacity(picker, 1.0);
+      }
+      updateToolButtonState();
+    }).bind('contextmenu', function (e) {
+      e.preventDefault();
+    });
+
+    $$b('#toggle_stroke_tools').on('click', function () {
+      $$b('#tools_bottom').toggleClass('expanded');
+    });
+
+    (function () {
+      var wArea = workarea[0];
+
+      var lastX = null,
+          lastY = null,
+          panning = false,
+          keypan = false;
+
+      $$b('#svgcanvas').bind('mousemove mouseup', function (evt) {
+        if (panning === false) {
+          return;
+        }
+
+        wArea.scrollLeft -= evt.clientX - lastX;
+        wArea.scrollTop -= evt.clientY - lastY;
+
+        lastX = evt.clientX;
+        lastY = evt.clientY;
+
+        if (evt.type === 'mouseup') {
+          panning = false;
+        }
+        return false;
+      }).mousedown(function (evt) {
+        if (evt.button === 1 || keypan === true) {
+          panning = true;
+          lastX = evt.clientX;
+          lastY = evt.clientY;
+          return false;
+        }
+      });
+
+      $$b(window).mouseup(function () {
+        panning = false;
+      });
+
+      $$b(document).bind('keydown', 'space', function (evt) {
+        svgCanvas.spaceKey = keypan = true;
+        evt.preventDefault();
+      }).bind('keyup', 'space', function (evt) {
+        evt.preventDefault();
+        svgCanvas.spaceKey = keypan = false;
+      }).bind('keydown', 'shift', function (evt) {
+        if (svgCanvas.getMode() === 'zoom') {
+          workarea.css('cursor', zoomOutIcon);
+        }
+      }).bind('keyup', 'shift', function (evt) {
+        if (svgCanvas.getMode() === 'zoom') {
+          workarea.css('cursor', zoomInIcon);
+        }
+      });
+
+      /**
+      * @param {boolean} active
+      * @returns {undefined}
+      */
+      editor.setPanning = function (active) {
+        svgCanvas.spaceKey = keypan = active;
+      };
+    })();
+
+    (function () {
+      var button = $$b('#main_icon');
+      var overlay = $$b('#main_icon span');
+      var list = $$b('#main_menu');
+
+      var onButton = false;
+      var height = 0;
+      var jsHover = true;
+      var setClick = false;
+
+      /*
+      // Currently unused
+      const hideMenu = function () {
+        list.fadeOut(200);
+      };
+      */
+
+      $$b(window).mouseup(function (evt) {
+        if (!onButton) {
+          button.removeClass('buttondown');
+          // do not hide if it was the file input as that input needs to be visible
+          // for its change event to fire
+          if (evt.target.tagName !== 'INPUT') {
+            list.fadeOut(200);
+          } else if (!setClick) {
+            setClick = true;
+            $$b(evt.target).click(function () {
+              list.css('margin-left', '-9999px').show();
+            });
+          }
+        }
+        onButton = false;
+      }).mousedown(function (evt) {
+        // $('.contextMenu').hide();
+        var islib = $$b(evt.target).closest('div.tools_flyout, .contextMenu').length;
+        if (!islib) {
+          $$b('.tools_flyout:visible,.contextMenu').fadeOut(250);
+        }
+      });
+
+      overlay.bind('mousedown', function () {
+        if (!button.hasClass('buttondown')) {
+          // Margin must be reset in case it was changed before;
+          list.css('margin-left', 0).show();
+          if (!height) {
+            height = list.height();
+          }
+          // Using custom animation as slideDown has annoying 'bounce effect'
+          list.css('height', 0).animate({
+            height: height
+          }, 200);
+          onButton = true;
+        } else {
+          list.fadeOut(200);
+        }
+        button.toggleClass('buttondown buttonup');
+      }).hover(function () {
+        onButton = true;
+      }).mouseout(function () {
+        onButton = false;
+      });
+
+      var listItems = $$b('#main_menu li');
+
+      // Check if JS method of hovering needs to be used (Webkit bug)
+      listItems.mouseover(function () {
+        jsHover = $$b(this).css('background-color') === 'rgba(0, 0, 0, 0)';
+
+        listItems.unbind('mouseover');
+        if (jsHover) {
+          listItems.mouseover(function () {
+            this.style.backgroundColor = '#FFC';
+          }).mouseout(function () {
+            this.style.backgroundColor = 'transparent';
+            return true;
+          });
+        }
+      });
+    })();
+    // Made public for UI customization.
+    // TODO: Group UI functions into a public editor.ui interface.
+    /**
+     * See {@link http://api.jquery.com/bind/#bind-eventType-eventData-handler}
+     * @callback module:SVGEditor.DropDownCallback
+     * @param {external:jQuery.Event} ev See {@link http://api.jquery.com/Types/#Event}
+     * @listens external:jQuery.Event
+     * @returns {undefined|boolean} Calls `preventDefault()` and `stopPropagation()`
+    */
+    /**
+     * @param {Element|string} elem DOM Element or selector
+     * @param {module:SVGEditor.DropDownCallback} callback Mouseup callback
+     * @param {boolean} dropUp
+     * @returns {undefined}
+    */
+    editor.addDropDown = function (elem, callback, dropUp) {
+      if (!$$b(elem).length) {
+        return;
+      } // Quit if called on non-existent element
+      var button = $$b(elem).find('button');
+      var list = $$b(elem).find('ul').attr('id', $$b(elem)[0].id + '-list');
+      if (dropUp) {
+        $$b(elem).addClass('dropup');
+      } else {
+        // Move list to place where it can overflow container
+        $$b('#option_lists').append(list);
+      }
+      list.find('li').bind('mouseup', callback);
+
+      var onButton = false;
+      $$b(window).mouseup(function (evt) {
+        if (!onButton) {
+          button.removeClass('down');
+          list.hide();
+        }
+        onButton = false;
+      });
+
+      button.bind('mousedown', function () {
+        if (!button.hasClass('down')) {
+          if (!dropUp) {
+            var pos = $$b(elem).position();
+            list.css({
+              top: pos.top + 24,
+              left: pos.left - 10
+            });
+          }
+          list.show();
+          onButton = true;
+        } else {
+          list.hide();
+        }
+        button.toggleClass('down');
+      }).hover(function () {
+        onButton = true;
+      }).mouseout(function () {
+        onButton = false;
+      });
+    };
+
+    editor.addDropDown('#font_family_dropdown', function () {
+      $$b('#font_family').val($$b(this).text()).change();
+    });
+
+    editor.addDropDown('#opacity_dropdown', function () {
+      if ($$b(this).find('div').length) {
+        return;
+      }
+      var perc = parseInt($$b(this).text().split('%')[0], 10);
+      changeOpacity(false, perc);
+    }, true);
+
+    // For slider usage, see: http://jqueryui.com/demos/slider/
+    $$b('#opac_slider').slider({
+      start: function start() {
+        $$b('#opacity_dropdown li:not(.special)').hide();
+      },
+      stop: function stop() {
+        $$b('#opacity_dropdown li').show();
+        $$b(window).mouseup();
+      },
+      slide: function slide(evt, ui) {
+        changeOpacity(ui);
+      }
+    });
+
+    editor.addDropDown('#blur_dropdown', $$b.noop);
+
+    var slideStart = false;
+    $$b('#blur_slider').slider({
+      max: 10,
+      step: 0.1,
+      stop: function stop(evt, ui) {
+        slideStart = false;
+        changeBlur(ui);
+        $$b('#blur_dropdown li').show();
+        $$b(window).mouseup();
+      },
+      start: function start() {
+        slideStart = true;
+      },
+      slide: function slide(evt, ui) {
+        changeBlur(ui, null, slideStart);
+      }
+    });
+
+    editor.addDropDown('#zoom_dropdown', function () {
+      var item = $$b(this);
+      var val = item.data('val');
+      if (val) {
+        zoomChanged(window, val);
+      } else {
+        changeZoom({ value: parseFloat(item.text()) });
+      }
+    }, true);
+
+    addAltDropDown('#stroke_linecap', '#linecap_opts', function () {
+      setStrokeOpt(this, true);
+    }, { dropUp: true });
+
+    addAltDropDown('#stroke_linejoin', '#linejoin_opts', function () {
+      setStrokeOpt(this, true);
+    }, { dropUp: true });
+
+    addAltDropDown('#tool_position', '#position_opts', function () {
+      var letter = this.id.replace('tool_pos', '').charAt(0);
+      svgCanvas.alignSelectedElements(letter, 'page');
+    }, { multiclick: true });
+
+    /*
+     When a flyout icon is selected
+      (if flyout) {
+      - Change the icon
+      - Make pressing the button run its stuff
+      }
+      - Run its stuff
+     When its shortcut key is pressed
+      - If not current in list, do as above
+      , else:
+      - Just run its stuff
+     */
+
+    // Unfocus text input when workarea is mousedowned.
+    (function () {
+      var inp = void 0;
+      var unfocus = function unfocus() {
+        $$b(inp).blur();
+      };
+
+      $$b('#svg_editor').find('button, select, input:not(#text)').focus(function () {
+        inp = this;
+        uiContext = 'toolbars';
+        workarea.mousedown(unfocus);
+      }).blur(function () {
+        uiContext = 'canvas';
+        workarea.unbind('mousedown', unfocus);
+        // Go back to selecting text if in textedit mode
+        if (svgCanvas.getMode() === 'textedit') {
+          $$b('#text').focus();
+        }
+      });
+    })();
+
+    var clickFHPath = function clickFHPath() {
+      if (toolButtonClick('#tool_fhpath')) {
+        svgCanvas.setMode('fhpath');
+      }
+    };
+
+    var clickLine = function clickLine() {
+      if (toolButtonClick('#tool_line')) {
+        svgCanvas.setMode('line');
+      }
+    };
+
+    var clickSquare = function clickSquare() {
+      if (toolButtonClick('#tool_square')) {
+        svgCanvas.setMode('square');
+      }
+    };
+
+    var clickRect = function clickRect() {
+      if (toolButtonClick('#tool_rect')) {
+        svgCanvas.setMode('rect');
+      }
+    };
+
+    var clickFHRect = function clickFHRect() {
+      if (toolButtonClick('#tool_fhrect')) {
+        svgCanvas.setMode('fhrect');
+      }
+    };
+
+    var clickCircle = function clickCircle() {
+      if (toolButtonClick('#tool_circle')) {
+        svgCanvas.setMode('circle');
+      }
+    };
+
+    var clickEllipse = function clickEllipse() {
+      if (toolButtonClick('#tool_ellipse')) {
+        svgCanvas.setMode('ellipse');
+      }
+    };
+
+    var clickFHEllipse = function clickFHEllipse() {
+      if (toolButtonClick('#tool_fhellipse')) {
+        svgCanvas.setMode('fhellipse');
+      }
+    };
+
+    var clickImage = function clickImage() {
+      if (toolButtonClick('#tool_image')) {
+        svgCanvas.setMode('image');
+      }
+    };
+
+    var clickZoom = function clickZoom() {
+      if (toolButtonClick('#tool_zoom')) {
+        svgCanvas.setMode('zoom');
+        workarea.css('cursor', zoomInIcon);
+      }
+    };
+
+    var zoomImage = function zoomImage(multiplier) {
+      var res = svgCanvas.getResolution();
+      multiplier = multiplier ? res.zoom * multiplier : 1;
+      // setResolution(res.w * multiplier, res.h * multiplier, true);
+      $$b('#zoom').val(multiplier * 100);
+      svgCanvas.setZoom(multiplier);
+      zoomDone();
+      updateCanvas(true);
+    };
+
+    var dblclickZoom = function dblclickZoom() {
+      if (toolButtonClick('#tool_zoom')) {
+        zoomImage();
+        setSelectMode();
+      }
+    };
+
+    var clickText = function clickText() {
+      if (toolButtonClick('#tool_text')) {
+        svgCanvas.setMode('text');
+      }
+    };
+
+    var clickPath = function clickPath() {
+      if (toolButtonClick('#tool_path')) {
+        svgCanvas.setMode('path');
+      }
+    };
+
+    // Delete is a contextual tool that only appears in the ribbon if
+    // an element has been selected
+    var deleteSelected = function deleteSelected() {
+      if (selectedElement != null || multiselected) {
+        svgCanvas.deleteSelectedElements();
+      }
+    };
+
+    var cutSelected = function cutSelected() {
+      if (selectedElement != null || multiselected) {
+        svgCanvas.cutSelectedElements();
+      }
+    };
+
+    var copySelected = function copySelected() {
+      if (selectedElement != null || multiselected) {
+        svgCanvas.copySelectedElements();
+      }
+    };
+
+    var pasteInCenter = function pasteInCenter() {
+      var zoom = svgCanvas.getZoom();
+      var x = (workarea[0].scrollLeft + workarea.width() / 2) / zoom - svgCanvas.contentW;
+      var y = (workarea[0].scrollTop + workarea.height() / 2) / zoom - svgCanvas.contentH;
+      svgCanvas.pasteElements('point', x, y);
+    };
+
+    var moveToTopSelected = function moveToTopSelected() {
+      if (selectedElement != null) {
+        svgCanvas.moveToTopSelectedElement();
+      }
+    };
+
+    var moveToBottomSelected = function moveToBottomSelected() {
+      if (selectedElement != null) {
+        svgCanvas.moveToBottomSelectedElement();
+      }
+    };
+
+    var moveUpDownSelected = function moveUpDownSelected(dir) {
+      if (selectedElement != null) {
+        svgCanvas.moveUpDownSelected(dir);
+      }
+    };
+
+    var convertToPath$$1 = function convertToPath$$1() {
+      if (selectedElement != null) {
+        svgCanvas.convertToPath();
+      }
+    };
+
+    var reorientPath = function reorientPath() {
+      if (selectedElement != null) {
+        path.reorient();
+      }
+    };
+
+    var makeHyperlink = function makeHyperlink() {
+      if (selectedElement != null || multiselected) {
+        $$b.prompt(uiStrings$1.notification.enterNewLinkURL, 'http://', function (url) {
+          if (url) {
+            svgCanvas.makeHyperlink(url);
+          }
+        });
+      }
+    };
+
+    var moveSelected = function moveSelected(dx, dy) {
+      if (selectedElement != null || multiselected) {
+        if (curConfig.gridSnapping) {
+          // Use grid snap value regardless of zoom level
+          var multi = svgCanvas.getZoom() * curConfig.snappingStep;
+          dx *= multi;
+          dy *= multi;
+        }
+        svgCanvas.moveSelectedElements(dx, dy);
+      }
+    };
+
+    var linkControlPoints = function linkControlPoints() {
+      $$b('#tool_node_link').toggleClass('push_button_pressed tool_button');
+      var linked = $$b('#tool_node_link').hasClass('push_button_pressed');
+      path.linkControlPoints(linked);
+    };
+
+    var clonePathNode = function clonePathNode() {
+      if (path.getNodePoint()) {
+        path.clonePathNode();
+      }
+    };
+
+    var deletePathNode = function deletePathNode() {
+      if (path.getNodePoint()) {
+        path.deletePathNode();
+      }
+    };
+
+    var addSubPath = function addSubPath() {
+      var button = $$b('#tool_add_subpath');
+      var sp = !button.hasClass('push_button_pressed');
+      button.toggleClass('push_button_pressed tool_button');
+      path.addSubPath(sp);
+    };
+
+    var opencloseSubPath = function opencloseSubPath() {
+      path.opencloseSubPath();
+    };
+
+    var selectNext = function selectNext() {
+      svgCanvas.cycleElement(1);
+    };
+
+    var selectPrev = function selectPrev() {
+      svgCanvas.cycleElement(0);
+    };
+
+    var rotateSelected = function rotateSelected(cw, step) {
+      if (selectedElement == null || multiselected) {
+        return;
+      }
+      if (!cw) {
+        step *= -1;
+      }
+      var angle = parseFloat($$b('#angle').val()) + step;
+      svgCanvas.setRotationAngle(angle);
+      updateContextPanel();
+    };
+
+    /**
+     * @fires module:svgcanvas.SvgCanvas#event:ext-onNewDocument
+     * @returns {undefined}
+     */
+    var clickClear = function clickClear() {
+      var _curConfig$dimensions = slicedToArray(curConfig.dimensions, 2),
+          x = _curConfig$dimensions[0],
+          y = _curConfig$dimensions[1];
+
+      $$b.confirm(uiStrings$1.notification.QwantToClear, function (ok) {
+        if (!ok) {
+          return;
+        }
+        setSelectMode();
+        svgCanvas.clear();
+        svgCanvas.setResolution(x, y);
+        updateCanvas(true);
+        zoomImage();
+        populateLayers();
+        updateContextPanel();
+        prepPaints();
+        svgCanvas.runExtensions('onNewDocument');
+      });
+    };
+
+    var clickBold = function clickBold() {
+      svgCanvas.setBold(!svgCanvas.getBold());
+      updateContextPanel();
+      return false;
+    };
+
+    var clickItalic = function clickItalic() {
+      svgCanvas.setItalic(!svgCanvas.getItalic());
+      updateContextPanel();
+      return false;
+    };
+
+    var clickSave = function clickSave() {
+      // In the future, more options can be provided here
+      var saveOpts = {
+        images: $$b.pref('img_save'),
+        round_digits: 6
+      };
+      svgCanvas.save(saveOpts);
+    };
+
+    var loadingURL = void 0;
+    var clickExport = function clickExport() {
+      $$b.select('Select an image type for export: ', [
+      // See http://kangax.github.io/jstests/toDataUrl_mime_type_test/ for a useful list of MIME types and browser support
+      // 'ICO', // Todo: Find a way to preserve transparency in SVG-Edit if not working presently and do full packaging for x-icon; then switch back to position after 'PNG'
+      'PNG', 'JPEG', 'BMP', 'WEBP', 'PDF'], function (imgType) {
+        // todo: replace hard-coded msg with uiStrings.notification.
+        if (!imgType) {
+          return;
+        }
+        // Open placeholder window (prevents popup)
+        var exportWindowName = void 0;
+        function openExportWindow() {
+          var str = uiStrings$1.notification.loadingImage;
+          if (curConfig.exportWindowType === 'new') {
+            editor.exportWindowCt++;
+          }
+          exportWindowName = curConfig.canvasName + editor.exportWindowCt;
+          var popHTML = void 0,
+              popURL = void 0;
+          if (loadingURL) {
+            popURL = loadingURL;
+          } else {
+            popHTML = '<!DOCTYPE html><html>\n            <head>\n              <meta charset="utf-8">\n              <title>' + str + '</title>\n            </head>\n            <body><h1>' + str + '</h1></body>\n          <html>';
+            if ((typeof URL === 'undefined' ? 'undefined' : _typeof(URL)) && URL.createObjectURL) {
+              var blob = new Blob([popHTML], { type: 'text/html' });
+              popURL = URL.createObjectURL(blob);
+            } else {
+              popURL = 'data:text/html;base64;charset=utf-8,' + encode64(popHTML);
+            }
+            loadingURL = popURL;
+          }
+          exportWindow = window.open(popURL, exportWindowName);
+        }
+        if (imgType === 'PDF') {
+          if (!customExportPDF) {
+            openExportWindow();
+          }
+          svgCanvas.exportPDF(exportWindowName);
+        } else {
+          if (!customExportImage) {
+            openExportWindow();
+          }
+          var quality = parseInt($$b('#image-slider').val(), 10) / 100;
+          svgCanvas.rasterExport(imgType, quality, exportWindowName);
+        }
+      }, function () {
+        var sel = $$b(this);
+        if (sel.val() === 'JPEG' || sel.val() === 'WEBP') {
+          if (!$$b('#image-slider').length) {
+            $$b('<div><label>' + uiStrings$1.ui.quality + '\n              <input id="image-slider"\n                type="range" min="1" max="100" value="92" />\n            </label></div>').appendTo(sel.parent());
+          }
+        } else {
+          $$b('#image-slider').parent().remove();
+        }
+      });
+    };
+
+    // by default, svgCanvas.open() is a no-op.
+    // it is up to an extension mechanism (opera widget, etc)
+    // to call setCustomHandlers() which will make it do something
+    var clickOpen = function clickOpen() {
+      svgCanvas.open();
+    };
+
+    var clickImport = function clickImport() {};
+
+    var clickUndo = function clickUndo() {
+      if (undoMgr.getUndoStackSize() > 0) {
+        undoMgr.undo();
+        populateLayers();
+      }
+    };
+
+    var clickRedo = function clickRedo() {
+      if (undoMgr.getRedoStackSize() > 0) {
+        undoMgr.redo();
+        populateLayers();
+      }
+    };
+
+    var clickGroup = function clickGroup() {
+      // group
+      if (multiselected) {
+        svgCanvas.groupSelectedElements();
+        // ungroup
+      } else if (selectedElement) {
+        svgCanvas.ungroupSelectedElement();
+      }
+    };
+
+    var clickClone = function clickClone() {
+      svgCanvas.cloneSelectedElements(20, 20);
+    };
+
+    var clickAlign = function clickAlign() {
+      var letter = this.id.replace('tool_align', '').charAt(0);
+      svgCanvas.alignSelectedElements(letter, $$b('#align_relative_to').val());
+    };
+
+    var clickWireframe = function clickWireframe() {
+      $$b('#tool_wireframe').toggleClass('push_button_pressed tool_button');
+      workarea.toggleClass('wireframe');
+
+      if (supportsNonSS) {
+        return;
+      }
+      var wfRules = $$b('#wireframe_rules');
+      if (!wfRules.length) {
+        wfRules = $$b('<style id="wireframe_rules"></style>').appendTo('head');
+      } else {
+        wfRules.empty();
+      }
+
+      updateWireFrame();
+    };
+
+    $$b('#svg_docprops_container, #svg_prefs_container').draggable({
+      cancel: 'button,fieldset',
+      containment: 'window'
+    }).css('position', 'absolute');
+
+    var docprops = false;
+    var preferences = false;
+
+    var showDocProperties = function showDocProperties() {
+      if (docprops) {
+        return;
+      }
+      docprops = true;
+
+      // This selects the correct radio button by using the array notation
+      $$b('#image_save_opts input').val([$$b.pref('img_save')]);
+
+      // update resolution option with actual resolution
+      var res = svgCanvas.getResolution();
+      if (curConfig.baseUnit !== 'px') {
+        res.w = convertUnit(res.w) + curConfig.baseUnit;
+        res.h = convertUnit(res.h) + curConfig.baseUnit;
+      }
+
+      $$b('#canvas_width').val(res.w);
+      $$b('#canvas_height').val(res.h);
+      $$b('#canvas_title').val(svgCanvas.getDocumentTitle());
+
+      $$b('#svg_docprops').show();
+    };
+
+    var showPreferences = function showPreferences() {
+      if (preferences) {
+        return;
+      }
+      preferences = true;
+      $$b('#main_menu').hide();
+
+      // Update background color with current one
+      var blocks = $$b('#bg_blocks div');
+      var curBg = 'cur_background';
+      var canvasBg = curPrefs.bkgd_color;
+      var url = $$b.pref('bkgd_url');
+      blocks.each(function () {
+        var blk = $$b(this);
+        var isBg = blk.css('background-color') === canvasBg;
+        blk.toggleClass(curBg, isBg);
+        if (isBg) {
+          $$b('#canvas_bg_url').removeClass(curBg);
+        }
+      });
+      if (!canvasBg) {
+        blocks.eq(0).addClass(curBg);
+      }
+      if (url) {
+        $$b('#canvas_bg_url').val(url);
+      }
+      $$b('#grid_snapping_on').prop('checked', curConfig.gridSnapping);
+      $$b('#grid_snapping_step').attr('value', curConfig.snappingStep);
+      $$b('#grid_color').attr('value', curConfig.gridColor);
+
+      $$b('#svg_prefs').show();
+    };
+
+    var hideSourceEditor = function hideSourceEditor() {
+      $$b('#svg_source_editor').hide();
+      editingsource = false;
+      $$b('#svg_source_textarea').blur();
+    };
+
+    var saveSourceEditor = function saveSourceEditor() {
+      if (!editingsource) {
+        return;
+      }
+
+      var saveChanges = function saveChanges() {
+        svgCanvas.clearSelection();
+        hideSourceEditor();
+        zoomImage();
+        populateLayers();
+        updateTitle();
+        prepPaints();
+      };
+
+      if (!svgCanvas.setSvgString($$b('#svg_source_textarea').val())) {
+        $$b.confirm(uiStrings$1.notification.QerrorsRevertToSource, function (ok) {
+          if (!ok) {
+            return false;
+          }
+          saveChanges();
+        });
+      } else {
+        saveChanges();
+      }
+      setSelectMode();
+    };
+
+    var hideDocProperties = function hideDocProperties() {
+      $$b('#svg_docprops').hide();
+      $$b('#canvas_width,#canvas_height').removeAttr('disabled');
+      $$b('#resolution')[0].selectedIndex = 0;
+      $$b('#image_save_opts input').val([$$b.pref('img_save')]);
+      docprops = false;
+    };
+
+    var hidePreferences = function hidePreferences() {
+      $$b('#svg_prefs').hide();
+      preferences = false;
+    };
+
+    var saveDocProperties = function saveDocProperties() {
+      // set title
+      var newTitle = $$b('#canvas_title').val();
+      updateTitle(newTitle);
+      svgCanvas.setDocumentTitle(newTitle);
+
+      // update resolution
+      var width = $$b('#canvas_width'),
+          w = width.val();
+      var height = $$b('#canvas_height'),
+          h = height.val();
+
+      if (w !== 'fit' && !isValidUnit('width', w)) {
+        $$b.alert(uiStrings$1.notification.invalidAttrValGiven);
+        width.parent().addClass('error');
+        return false;
+      }
+
+      width.parent().removeClass('error');
+
+      if (h !== 'fit' && !isValidUnit('height', h)) {
+        $$b.alert(uiStrings$1.notification.invalidAttrValGiven);
+        height.parent().addClass('error');
+        return false;
+      }
+
+      height.parent().removeClass('error');
+
+      if (!svgCanvas.setResolution(w, h)) {
+        $$b.alert(uiStrings$1.notification.noContentToFitTo);
+        return false;
+      }
+
+      // Set image save option
+      $$b.pref('img_save', $$b('#image_save_opts :checked').val());
+      updateCanvas();
+      hideDocProperties();
+    };
+
+    /**
+    * Save user preferences based on current values in the UI
+    * @function module:SVGEditor.savePreferences
+    * @returns {undefined}
+    */
+    var savePreferences = editor.savePreferences = function () {
+      // Set background
+      var color = $$b('#bg_blocks div.cur_background').css('background-color') || '#FFF';
+      setBackground(color, $$b('#canvas_bg_url').val());
+
+      // set language
+      var lang = $$b('#lang_select').val();
+      if (lang !== $$b.pref('lang')) {
+        editor.putLocale(lang, goodLangs, curConfig);
+      }
+
+      // set icon size
+      setIconSize($$b('#iconsize').val());
+
+      // set grid setting
+      curConfig.gridSnapping = $$b('#grid_snapping_on')[0].checked;
+      curConfig.snappingStep = $$b('#grid_snapping_step').val();
+      curConfig.gridColor = $$b('#grid_color').val();
+      curConfig.showRulers = $$b('#show_rulers')[0].checked;
+
+      $$b('#rulers').toggle(curConfig.showRulers);
+      if (curConfig.showRulers) {
+        updateRulers();
+      }
+      curConfig.baseUnit = $$b('#base_unit').val();
+
+      svgCanvas.setConfig(curConfig);
+
+      updateCanvas();
+      hidePreferences();
+    };
+
+    var resetScrollPos = $$b.noop;
+
+    var cancelOverlays = function cancelOverlays() {
+      $$b('#dialog_box').hide();
+      if (!editingsource && !docprops && !preferences) {
+        if (curContext) {
+          svgCanvas.leaveContext();
+        }
+        return;
+      }
+
+      if (editingsource) {
+        if (origSource !== $$b('#svg_source_textarea').val()) {
+          $$b.confirm(uiStrings$1.notification.QignoreSourceChanges, function (ok) {
+            if (ok) {
+              hideSourceEditor();
+            }
+          });
+        } else {
+          hideSourceEditor();
+        }
+      } else if (docprops) {
+        hideDocProperties();
+      } else if (preferences) {
+        hidePreferences();
+      }
+      resetScrollPos();
+    };
+
+    var winWh = { width: $$b(window).width(), height: $$b(window).height() };
+
+    // Fix for Issue 781: Drawing area jumps to top-left corner on window resize (IE9)
+    if (isIE()) {
+      (function () {
+        resetScrollPos = function resetScrollPos() {
+          if (workarea[0].scrollLeft === 0 && workarea[0].scrollTop === 0) {
+            workarea[0].scrollLeft = curScrollPos.left;
+            workarea[0].scrollTop = curScrollPos.top;
+          }
+        };
+
+        curScrollPos = {
+          left: workarea[0].scrollLeft,
+          top: workarea[0].scrollTop
+        };
+
+        $$b(window).resize(resetScrollPos);
+        editor.ready(function () {
+          // TODO: Find better way to detect when to do this to minimize
+          // flickering effect
+          setTimeout(function () {
+            resetScrollPos();
+          }, 500);
+        });
+
+        workarea.scroll(function () {
+          curScrollPos = {
+            left: workarea[0].scrollLeft,
+            top: workarea[0].scrollTop
+          };
+        });
+      })();
+    }
+
+    $$b(window).resize(function (evt) {
+      $$b.each(winWh, function (type, val) {
+        var curval = $$b(window)[type]();
+        workarea[0]['scroll' + (type === 'width' ? 'Left' : 'Top')] -= (curval - val) / 2;
+        winWh[type] = curval;
+      });
+      setFlyoutPositions();
+    });
+
+    (function () {
+      workarea.scroll(function () {
+        // TODO: jQuery's scrollLeft/Top() wouldn't require a null check
+        if ($$b('#ruler_x').length) {
+          $$b('#ruler_x')[0].scrollLeft = workarea[0].scrollLeft;
+        }
+        if ($$b('#ruler_y').length) {
+          $$b('#ruler_y')[0].scrollTop = workarea[0].scrollTop;
+        }
+      });
+    })();
+
+    $$b('#url_notice').click(function () {
+      $$b.alert(this.title);
+    });
+
+    $$b('#change_image_url').click(promptImgURL);
+
+    // added these event handlers for all the push buttons so they
+    // behave more like buttons being pressed-in and not images
+    (function () {
+      var toolnames = ['clear', 'open', 'save', 'source', 'delete', 'delete_multi', 'paste', 'clone', 'clone_multi', 'move_top', 'move_bottom'];
+      var curClass = 'tool_button_current';
+
+      var allTools = '';
+
+      $$b.each(toolnames, function (i, item) {
+        allTools += (i ? ',' : '') + '#tool_' + item;
+      });
+
+      $$b(allTools).mousedown(function () {
+        $$b(this).addClass(curClass);
+      }).bind('mousedown mouseout', function () {
+        $$b(this).removeClass(curClass);
+      });
+
+      $$b('#tool_undo, #tool_redo').mousedown(function () {
+        if (!$$b(this).hasClass('disabled')) {
+          $$b(this).addClass(curClass);
+        }
+      }).bind('mousedown mouseout', function () {
+        $$b(this).removeClass(curClass);
+      });
+    })();
+
+    // switch modifier key in tooltips if mac
+    // NOTE: This code is not used yet until I can figure out how to successfully bind ctrl/meta
+    // in Opera and Chrome
+    if (isMac() && !window.opera) {
+      var shortcutButtons = ['tool_clear', 'tool_save', 'tool_source', 'tool_undo', 'tool_redo', 'tool_clone'];
+      var _i2 = shortcutButtons.length;
+      while (_i2--) {
+        var button = document.getElementById(shortcutButtons[_i2]);
+        if (button) {
+          var title = button.title;
+
+          var index = title.indexOf('Ctrl+');
+          button.title = [title.substr(0, index), 'Cmd+', title.substr(index + 5)].join('');
+        }
+      }
+    }
+
+    // TODO: go back to the color boxes having white background-color and then setting
+    //  background-image to none.png (otherwise partially transparent gradients look weird)
+    var colorPicker = function colorPicker(elem) {
+      var picker = elem.attr('id') === 'stroke_color' ? 'stroke' : 'fill';
+      // const opacity = (picker == 'stroke' ? $('#stroke_opacity') : $('#fill_opacity'));
+      var title = picker === 'stroke' ? uiStrings$1.ui.pick_stroke_paint_opacity : uiStrings$1.ui.pick_fill_paint_opacity;
+      // let wasNone = false; // Currently unused
+      var pos = elem.offset();
+      var paint = paintBox[picker].paint;
+
+      $$b('#color_picker').draggable({
+        cancel: '.jGraduate_tabs, .jGraduate_colPick, .jGraduate_gradPick, .jPicker',
+        containment: 'window'
+      }).css(curConfig.colorPickerCSS || { left: pos.left - 140, bottom: 40 }).jGraduate({
+        paint: paint,
+        window: { pickerTitle: title },
+        images: { clientPath: curConfig.jGraduatePath },
+        newstop: 'inverse'
+      }, function (p) {
+        paint = new $$b.jGraduate.Paint(p);
+        paintBox[picker].setPaint(paint);
+        svgCanvas.setPaint(picker, paint);
+        $$b('#color_picker').hide();
+      }, function () {
+        $$b('#color_picker').hide();
+      });
+    };
+
+    var PaintBox = function PaintBox(container, type) {
+      var paintColor = void 0,
+          paintOpacity = void 0;
+      var cur = curConfig[type === 'fill' ? 'initFill' : 'initStroke'];
+      // set up gradients to be used for the buttons
+      var svgdocbox = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg">\n        <rect width="16.5" height="16.5"\n          fill="#' + cur.color + '" opacity="' + cur.opacity + '"/>\n        <defs><linearGradient id="gradbox_"/></defs>\n      </svg>', 'text/xml');
+
+      var docElem = svgdocbox.documentElement;
+      docElem = $$b(container)[0].appendChild(document.importNode(docElem, true));
+      docElem.setAttribute('width', 16.5);
+
+      this.rect = docElem.firstElementChild;
+      this.defs = docElem.getElementsByTagName('defs')[0];
+      this.grad = this.defs.firstElementChild;
+      this.paint = new $$b.jGraduate.Paint({ solidColor: cur.color });
+      this.type = type;
+
+      this.setPaint = function (paint, apply) {
+        this.paint = paint;
+
+        var ptype = paint.type;
+        var opac = paint.alpha / 100;
+
+        var fillAttr = 'none';
+        switch (ptype) {
+          case 'solidColor':
+            fillAttr = paint[ptype] !== 'none' ? '#' + paint[ptype] : paint[ptype];
+            break;
+          case 'linearGradient':
+          case 'radialGradient':
+            this.grad.remove();
+            this.grad = this.defs.appendChild(paint[ptype]);
+            var id = this.grad.id = 'gradbox_' + this.type;
+            fillAttr = 'url(#' + id + ')';
+            break;
+        }
+
+        this.rect.setAttribute('fill', fillAttr);
+        this.rect.setAttribute('opacity', opac);
+
+        if (apply) {
+          svgCanvas.setColor(this.type, paintColor, true);
+          svgCanvas.setPaintOpacity(this.type, paintOpacity, true);
+        }
+      };
+
+      this.update = function (apply) {
+        if (!selectedElement) {
+          return;
+        }
+
+        var type = this.type;
+
+        switch (selectedElement.tagName) {
+          case 'use':
+          case 'image':
+          case 'foreignObject':
+            // These elements don't have fill or stroke, so don't change
+            // the current value
+            return;
+          case 'g':
+          case 'a':
+            {
+              var childs = selectedElement.getElementsByTagName('*');
+
+              var gPaint = null;
+              for (var _i3 = 0, len = childs.length; _i3 < len; _i3++) {
+                var elem = childs[_i3];
+                var p = elem.getAttribute(type);
+                if (_i3 === 0) {
+                  gPaint = p;
+                } else if (gPaint !== p) {
+                  gPaint = null;
+                  break;
+                }
+              }
+
+              if (gPaint === null) {
+                // No common color, don't update anything
+                paintColor = null;
+                return;
+              }
+              paintColor = gPaint;
+              paintOpacity = 1;
+              break;
+            }default:
+            paintOpacity = parseFloat(selectedElement.getAttribute(type + '-opacity'));
+            if (isNaN(paintOpacity)) {
+              paintOpacity = 1.0;
+            }
+
+            var defColor = type === 'fill' ? 'black' : 'none';
+            paintColor = selectedElement.getAttribute(type) || defColor;
+        }
+
+        if (apply) {
+          svgCanvas.setColor(type, paintColor, true);
+          svgCanvas.setPaintOpacity(type, paintOpacity, true);
+        }
+
+        paintOpacity *= 100;
+
+        var paint = getPaint(paintColor, paintOpacity, type);
+        // update the rect inside #fill_color/#stroke_color
+        this.setPaint(paint);
+      };
+
+      this.prep = function () {
+        var ptype = this.paint.type;
+
+        switch (ptype) {
+          case 'linearGradient':
+          case 'radialGradient':
+            var paint = new $$b.jGraduate.Paint({ copy: this.paint });
+            svgCanvas.setPaint(type, paint);
+            break;
+        }
+      };
+    };
+
+    paintBox.fill = new PaintBox('#fill_color', 'fill');
+    paintBox.stroke = new PaintBox('#stroke_color', 'stroke');
+
+    $$b('#stroke_width').val(curConfig.initStroke.width);
+    $$b('#group_opacity').val(curConfig.initOpacity * 100);
+
+    // Use this SVG elem to test vectorEffect support
+    var testEl = paintBox.fill.rect.cloneNode(false);
+    testEl.setAttribute('style', 'vector-effect:non-scaling-stroke');
+    var supportsNonSS = testEl.style.vectorEffect === 'non-scaling-stroke';
+    testEl.removeAttribute('style');
+    var svgdocbox = paintBox.fill.rect.ownerDocument;
+    // Use this to test support for blur element. Seems to work to test support in Webkit
+    var blurTest = svgdocbox.createElementNS(NS.SVG, 'feGaussianBlur');
+    if (blurTest.stdDeviationX === undefined) {
+      $$b('#tool_blur').hide();
+    }
+    $$b(blurTest).remove();
+
+    // Test for zoom icon support
+    (function () {
+      var pre = '-' + uaPrefix.toLowerCase() + '-zoom-';
+      var zoom = pre + 'in';
+      workarea.css('cursor', zoom);
+      if (workarea.css('cursor') === zoom) {
+        zoomInIcon = zoom;
+        zoomOutIcon = pre + 'out';
+      }
+      workarea.css('cursor', 'auto');
+    })();
+
+    // Test for embedImage support (use timeout to not interfere with page load)
+    setTimeout(function () {
+      svgCanvas.embedImage('images/logo.png', function (datauri) {
+        if (!datauri) {
+          // Disable option
+          $$b('#image_save_opts [value=embed]').attr('disabled', 'disabled');
+          $$b('#image_save_opts input').val(['ref']);
+          $$b.pref('img_save', 'ref');
+          $$b('#image_opt_embed').css('color', '#666').attr('title', uiStrings$1.notification.featNotSupported);
+        }
+      });
+    }, 1000);
+
+    $$b('#fill_color, #tool_fill .icon_label').click(function () {
+      colorPicker($$b('#fill_color'));
+      updateToolButtonState();
+    });
+
+    $$b('#stroke_color, #tool_stroke .icon_label').click(function () {
+      colorPicker($$b('#stroke_color'));
+      updateToolButtonState();
+    });
+
+    $$b('#group_opacityLabel').click(function () {
+      $$b('#opacity_dropdown button').mousedown();
+      $$b(window).mouseup();
+    });
+
+    $$b('#zoomLabel').click(function () {
+      $$b('#zoom_dropdown button').mousedown();
+      $$b(window).mouseup();
+    });
+
+    $$b('#tool_move_top').mousedown(function (evt) {
+      $$b('#tools_stacking').show();
+      evt.preventDefault();
+    });
+
+    $$b('.layer_button').mousedown(function () {
+      $$b(this).addClass('layer_buttonpressed');
+    }).mouseout(function () {
+      $$b(this).removeClass('layer_buttonpressed');
+    }).mouseup(function () {
+      $$b(this).removeClass('layer_buttonpressed');
+    });
+
+    $$b('.push_button').mousedown(function () {
+      if (!$$b(this).hasClass('disabled')) {
+        $$b(this).addClass('push_button_pressed').removeClass('push_button');
+      }
+    }).mouseout(function () {
+      $$b(this).removeClass('push_button_pressed').addClass('push_button');
+    }).mouseup(function () {
+      $$b(this).removeClass('push_button_pressed').addClass('push_button');
+    });
+
+    // ask for a layer name
+    $$b('#layer_new').click(function () {
+      var uniqName = void 0,
+          i = svgCanvas.getCurrentDrawing().getNumLayers();
+      do {
+        uniqName = uiStrings$1.layers.layer + ' ' + ++i;
+      } while (svgCanvas.getCurrentDrawing().hasLayer(uniqName));
+
+      $$b.prompt(uiStrings$1.notification.enterUniqueLayerName, uniqName, function (newName) {
+        if (!newName) {
+          return;
+        }
+        if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+          $$b.alert(uiStrings$1.notification.dupeLayerName);
+          return;
+        }
+        svgCanvas.createLayer(newName);
+        updateContextPanel();
+        populateLayers();
+      });
+    });
+
+    function deleteLayer() {
+      if (svgCanvas.deleteCurrentLayer()) {
+        updateContextPanel();
+        populateLayers();
+        // This matches what SvgCanvas does
+        // TODO: make this behavior less brittle (svg-editor should get which
+        // layer is selected from the canvas and then select that one in the UI)
+        $$b('#layerlist tr.layer').removeClass('layersel');
+        $$b('#layerlist tr.layer:first').addClass('layersel');
+      }
+    }
+
+    function cloneLayer() {
+      var name = svgCanvas.getCurrentDrawing().getCurrentLayerName() + ' copy';
+
+      $$b.prompt(uiStrings$1.notification.enterUniqueLayerName, name, function (newName) {
+        if (!newName) {
+          return;
+        }
+        if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+          $$b.alert(uiStrings$1.notification.dupeLayerName);
+          return;
+        }
+        svgCanvas.cloneLayer(newName);
+        updateContextPanel();
+        populateLayers();
+      });
+    }
+
+    function mergeLayer() {
+      if ($$b('#layerlist tr.layersel').index() === svgCanvas.getCurrentDrawing().getNumLayers() - 1) {
+        return;
+      }
+      svgCanvas.mergeLayer();
+      updateContextPanel();
+      populateLayers();
+    }
+
+    function moveLayer(pos) {
+      var total = svgCanvas.getCurrentDrawing().getNumLayers();
+
+      var curIndex = $$b('#layerlist tr.layersel').index();
+      if (curIndex > 0 || curIndex < total - 1) {
+        curIndex += pos;
+        svgCanvas.setCurrentLayerPosition(total - curIndex - 1);
+        populateLayers();
+      }
+    }
+
+    $$b('#layer_delete').click(deleteLayer);
+
+    $$b('#layer_up').click(function () {
+      moveLayer(-1);
+    });
+
+    $$b('#layer_down').click(function () {
+      moveLayer(1);
+    });
+
+    $$b('#layer_rename').click(function () {
+      // const curIndex = $('#layerlist tr.layersel').prevAll().length; // Currently unused
+      var oldName = $$b('#layerlist tr.layersel td.layername').text();
+      $$b.prompt(uiStrings$1.notification.enterNewLayerName, '', function (newName) {
+        if (!newName) {
+          return;
+        }
+        if (oldName === newName || svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+          $$b.alert(uiStrings$1.notification.layerHasThatName);
+          return;
+        }
+
+        svgCanvas.renameCurrentLayer(newName);
+        populateLayers();
+      });
+    });
+
+    var SIDEPANEL_MAXWIDTH = 300;
+    var SIDEPANEL_OPENWIDTH = 150;
+    var sidedrag = -1,
+        sidedragging = false,
+        allowmove = false;
+
+    /**
+     * @param {Float} delta
+     * @fires module:svgcanvas.SvgCanvas#event:ext-workareaResized
+     * @returns {undefined}
+     */
+    var changeSidePanelWidth = function changeSidePanelWidth(delta) {
+      var rulerX = $$b('#ruler_x');
+      $$b('#sidepanels').width('+=' + delta);
+      $$b('#layerpanel').width('+=' + delta);
+      rulerX.css('right', parseInt(rulerX.css('right'), 10) + delta);
+      workarea.css('right', parseInt(workarea.css('right'), 10) + delta);
+      svgCanvas.runExtensions('workareaResized');
+    };
+
+    var resizeSidePanel = function resizeSidePanel(evt) {
+      if (!allowmove) {
+        return;
+      }
+      if (sidedrag === -1) {
+        return;
+      }
+      sidedragging = true;
+      var deltaX = sidedrag - evt.pageX;
+      var sideWidth = $$b('#sidepanels').width();
+      if (sideWidth + deltaX > SIDEPANEL_MAXWIDTH) {
+        deltaX = SIDEPANEL_MAXWIDTH - sideWidth;
+        sideWidth = SIDEPANEL_MAXWIDTH;
+      } else if (sideWidth + deltaX < 2) {
+        deltaX = 2 - sideWidth;
+        sideWidth = 2;
+      }
+      if (deltaX === 0) {
+        return;
+      }
+      sidedrag -= deltaX;
+      changeSidePanelWidth(deltaX);
+    };
+
+    /**
+     * If width is non-zero, then fully close it, otherwise fully open it
+     * @param {boolean} close Forces the side panel closed
+     * @returns {undefined}
+     */
+    var toggleSidePanel = function toggleSidePanel(close) {
+      var w = $$b('#sidepanels').width();
+      var deltaX = (w > 2 || close ? 2 : SIDEPANEL_OPENWIDTH) - w;
+      changeSidePanelWidth(deltaX);
+    };
+
+    $$b('#sidepanel_handle').mousedown(function (evt) {
+      sidedrag = evt.pageX;
+      $$b(window).mousemove(resizeSidePanel);
+      allowmove = false;
+      // Silly hack for Chrome, which always runs mousemove right after mousedown
+      setTimeout(function () {
+        allowmove = true;
+      }, 20);
+    }).mouseup(function (evt) {
+      if (!sidedragging) {
+        toggleSidePanel();
+      }
+      sidedrag = -1;
+      sidedragging = false;
+    });
+
+    $$b(window).mouseup(function () {
+      sidedrag = -1;
+      sidedragging = false;
+      $$b('#svg_editor').unbind('mousemove', resizeSidePanel);
+    });
+
+    populateLayers();
+
+    // function changeResolution (x,y) {
+    //   const {zoom} = svgCanvas.getResolution();
+    //   setResolution(x * zoom, y * zoom);
+    // }
+
+    var centerCanvas = function centerCanvas() {
+      // this centers the canvas vertically in the workarea (horizontal handled in CSS)
+      workarea.css('line-height', workarea.height() + 'px');
+    };
+
+    $$b(window).bind('load resize', centerCanvas);
+
+    function stepFontSize(elem, step) {
+      var origVal = Number(elem.value);
+      var sugVal = origVal + step;
+      var increasing = sugVal >= origVal;
+      if (step === 0) {
+        return origVal;
+      }
+
+      if (origVal >= 24) {
+        if (increasing) {
+          return Math.round(origVal * 1.1);
+        }
+        return Math.round(origVal / 1.1);
+      }
+      if (origVal <= 1) {
+        if (increasing) {
+          return origVal * 2;
+        }
+        return origVal / 2;
+      }
+      return sugVal;
+    }
+
+    function stepZoom(elem, step) {
+      var origVal = Number(elem.value);
+      if (origVal === 0) {
+        return 100;
+      }
+      var sugVal = origVal + step;
+      if (step === 0) {
+        return origVal;
+      }
+
+      if (origVal >= 100) {
+        return sugVal;
+      }
+      if (sugVal >= origVal) {
+        return origVal * 2;
+      }
+      return origVal / 2;
+    }
+
+    // function setResolution (w, h, center) {
+    //   updateCanvas();
+    //   // w -= 0; h -= 0;
+    //   // $('#svgcanvas').css({width: w, height: h});
+    //   // $('#canvas_width').val(w);
+    //   // $('#canvas_height').val(h);
+    //   //
+    //   // if (center) {
+    //   //   const wArea = workarea;
+    //   //   const scrollY = h/2 - wArea.height()/2;
+    //   //   const scrollX = w/2 - wArea.width()/2;
+    //   //   wArea[0].scrollTop = scrollY;
+    //   //   wArea[0].scrollLeft = scrollX;
+    //   // }
+    // }
+
+    $$b('#resolution').change(function () {
+      var wh = $$b('#canvas_width,#canvas_height');
+      if (!this.selectedIndex) {
+        if ($$b('#canvas_width').val() === 'fit') {
+          wh.removeAttr('disabled').val(100);
+        }
+      } else if (this.value === 'content') {
+        wh.val('fit').attr('disabled', 'disabled');
+      } else {
+        var dims = this.value.split('x');
+        $$b('#canvas_width').val(dims[0]);
+        $$b('#canvas_height').val(dims[1]);
+        wh.removeAttr('disabled');
+      }
+    });
+
+    // Prevent browser from erroneously repopulating fields
+    $$b('input,select').attr('autocomplete', 'off');
+
+    /**
+     * Associate all button actions as well as non-button keyboard shortcuts
+     * @namespace {PlainObject} module:SVGEditor~Actions
+     */
+    var Actions = function () {
+      /**
+      * @typedef {PlainObject} module:SVGEditor.ToolButton
+      * @property {string} sel The CSS selector for the tool
+      * @property {external:jQuery.Function} fn A handler to be attached to the `evt`
+      * @property {string} evt The event for which the `fn` listener will be added
+      * @property {module:SVGEditor.Key} [key] [key, preventDefault, NoDisableInInput]
+      * @property {string} [parent] Selector
+      * @property {boolean} [hidekey] Whether to show key value in title
+      * @property {string} [icon] The button ID
+      * @property {boolean} isDefault For flyout holders
+      */
+      /**
+       *
+       * @name module:SVGEditor~ToolButtons
+       * @type {module:SVGEditor.ToolButton[]}
+       */
+      var toolButtons = [{ sel: '#tool_select', fn: clickSelect, evt: 'click', key: ['V', true] }, { sel: '#tool_fhpath', fn: clickFHPath, evt: 'click', key: ['Q', true] }, { sel: '#tool_line', fn: clickLine, evt: 'click', key: ['L', true], parent: '#tools_line', prepend: true }, { sel: '#tool_rect', fn: clickRect, evt: 'mouseup',
+        key: ['R', true], parent: '#tools_rect', icon: 'rect' }, { sel: '#tool_square', fn: clickSquare, evt: 'mouseup',
+        parent: '#tools_rect', icon: 'square' }, { sel: '#tool_fhrect', fn: clickFHRect, evt: 'mouseup',
+        parent: '#tools_rect', icon: 'fh_rect' }, { sel: '#tool_ellipse', fn: clickEllipse, evt: 'mouseup',
+        key: ['E', true], parent: '#tools_ellipse', icon: 'ellipse' }, { sel: '#tool_circle', fn: clickCircle, evt: 'mouseup',
+        parent: '#tools_ellipse', icon: 'circle' }, { sel: '#tool_fhellipse', fn: clickFHEllipse, evt: 'mouseup',
+        parent: '#tools_ellipse', icon: 'fh_ellipse' }, { sel: '#tool_path', fn: clickPath, evt: 'click', key: ['P', true] }, { sel: '#tool_text', fn: clickText, evt: 'click', key: ['T', true] }, { sel: '#tool_image', fn: clickImage, evt: 'mouseup' }, { sel: '#tool_zoom', fn: clickZoom, evt: 'mouseup', key: ['Z', true] }, { sel: '#tool_clear', fn: clickClear, evt: 'mouseup', key: ['N', true] }, { sel: '#tool_save', fn: function fn() {
+          if (editingsource) {
+            saveSourceEditor();
+          } else {
+            clickSave();
+          }
+        },
+        evt: 'mouseup', key: ['S', true] }, { sel: '#tool_export', fn: clickExport, evt: 'mouseup' }, { sel: '#tool_open', fn: clickOpen, evt: 'mouseup', key: ['O', true] }, { sel: '#tool_import', fn: clickImport, evt: 'mouseup' }, { sel: '#tool_source', fn: showSourceEditor, evt: 'click', key: ['U', true] }, { sel: '#tool_wireframe', fn: clickWireframe, evt: 'click', key: ['F', true] }, { sel: '#tool_source_cancel,.overlay,#tool_docprops_cancel,#tool_prefs_cancel',
+        fn: cancelOverlays, evt: 'click', key: ['esc', false, false], hidekey: true }, { sel: '#tool_source_save', fn: saveSourceEditor, evt: 'click' }, { sel: '#tool_docprops_save', fn: saveDocProperties, evt: 'click' }, { sel: '#tool_docprops', fn: showDocProperties, evt: 'mouseup' }, { sel: '#tool_prefs_save', fn: savePreferences, evt: 'click' }, { sel: '#tool_prefs_option', fn: function fn() {
+          showPreferences();return false;
+        },
+        evt: 'mouseup' }, { sel: '#tool_delete,#tool_delete_multi', fn: deleteSelected,
+        evt: 'click', key: ['del/backspace', true] }, { sel: '#tool_reorient', fn: reorientPath, evt: 'click' }, { sel: '#tool_node_link', fn: linkControlPoints, evt: 'click' }, { sel: '#tool_node_clone', fn: clonePathNode, evt: 'click' }, { sel: '#tool_node_delete', fn: deletePathNode, evt: 'click' }, { sel: '#tool_openclose_path', fn: opencloseSubPath, evt: 'click' }, { sel: '#tool_add_subpath', fn: addSubPath, evt: 'click' }, { sel: '#tool_move_top', fn: moveToTopSelected, evt: 'click', key: 'ctrl+shift+]' }, { sel: '#tool_move_bottom', fn: moveToBottomSelected, evt: 'click', key: 'ctrl+shift+[' }, { sel: '#tool_topath', fn: convertToPath$$1, evt: 'click' }, { sel: '#tool_make_link,#tool_make_link_multi', fn: makeHyperlink, evt: 'click' }, { sel: '#tool_undo', fn: clickUndo, evt: 'click' }, { sel: '#tool_redo', fn: clickRedo, evt: 'click' }, { sel: '#tool_clone,#tool_clone_multi', fn: clickClone, evt: 'click', key: ['D', true] }, { sel: '#tool_group_elements', fn: clickGroup, evt: 'click', key: ['G', true] }, { sel: '#tool_ungroup', fn: clickGroup, evt: 'click' }, { sel: '#tool_unlink_use', fn: clickGroup, evt: 'click' }, { sel: '[id^=tool_align]', fn: clickAlign, evt: 'click' },
+      // these two lines are required to make Opera work properly with the flyout mechanism
+      // {sel: '#tools_rect_show', fn: clickRect, evt: 'click'},
+      // {sel: '#tools_ellipse_show', fn: clickEllipse, evt: 'click'},
+      { sel: '#tool_bold', fn: clickBold, evt: 'mousedown' }, { sel: '#tool_italic', fn: clickItalic, evt: 'mousedown' }, { sel: '#sidepanel_handle', fn: toggleSidePanel, key: ['X'] }, { sel: '#copy_save_done', fn: cancelOverlays, evt: 'click' },
+
+      // Shortcuts not associated with buttons
+
+      { key: 'ctrl+left', fn: function fn() {
+          rotateSelected(0, 1);
+        }
+      }, { key: 'ctrl+right', fn: function fn() {
+          rotateSelected(1, 1);
+        }
+      }, { key: 'ctrl+shift+left', fn: function fn() {
+          rotateSelected(0, 5);
+        }
+      }, { key: 'ctrl+shift+right', fn: function fn() {
+          rotateSelected(1, 5);
+        }
+      }, { key: 'shift+O', fn: selectPrev }, { key: 'shift+P', fn: selectNext }, { key: [modKey + 'up', true], fn: function fn() {
+          zoomImage(2);
+        }
+      }, { key: [modKey + 'down', true], fn: function fn() {
+          zoomImage(0.5);
+        }
+      }, { key: [modKey + ']', true], fn: function fn() {
+          moveUpDownSelected('Up');
+        }
+      }, { key: [modKey + '[', true], fn: function fn() {
+          moveUpDownSelected('Down');
+        }
+      }, { key: ['up', true], fn: function fn() {
+          moveSelected(0, -1);
+        }
+      }, { key: ['down', true], fn: function fn() {
+          moveSelected(0, 1);
+        }
+      }, { key: ['left', true], fn: function fn() {
+          moveSelected(-1, 0);
+        }
+      }, { key: ['right', true], fn: function fn() {
+          moveSelected(1, 0);
+        }
+      }, { key: 'shift+up', fn: function fn() {
+          moveSelected(0, -10);
+        }
+      }, { key: 'shift+down', fn: function fn() {
+          moveSelected(0, 10);
+        }
+      }, { key: 'shift+left', fn: function fn() {
+          moveSelected(-10, 0);
+        }
+      }, { key: 'shift+right', fn: function fn() {
+          moveSelected(10, 0);
+        }
+      }, { key: ['alt+up', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(0, -1);
+        }
+      }, { key: ['alt+down', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(0, 1);
+        }
+      }, { key: ['alt+left', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(-1, 0);
+        }
+      }, { key: ['alt+right', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(1, 0);
+        }
+      }, { key: ['alt+shift+up', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(0, -10);
+        }
+      }, { key: ['alt+shift+down', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(0, 10);
+        }
+      }, { key: ['alt+shift+left', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(-10, 0);
+        }
+      }, { key: ['alt+shift+right', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(10, 0);
+        }
+      }, { key: 'A', fn: function fn() {
+          svgCanvas.selectAllInCurrentLayer();
+        }
+      },
+
+      // Standard shortcuts
+      { key: modKey + 'z', fn: clickUndo }, { key: modKey + 'shift+z', fn: clickRedo }, { key: modKey + 'y', fn: clickRedo }, { key: modKey + 'x', fn: cutSelected }, { key: modKey + 'c', fn: copySelected }, { key: modKey + 'v', fn: pasteInCenter }];
+
+      // Tooltips not directly associated with a single function
+      var keyAssocs = {
+        '4/Shift+4': '#tools_rect_show',
+        '5/Shift+5': '#tools_ellipse_show'
+      };
+
+      return {
+        /** @lends module:SVGEditor~Actions */
+        /**
+         * @returns {undefined}
+         */
+        setAll: function setAll() {
+          var flyouts = {};
+
+          $$b.each(toolButtons, function (i, opts) {
+            // Bind function to button
+            var btn = void 0;
+            if (opts.sel) {
+              btn = $$b(opts.sel);
+              if (!btn.length) {
+                return true;
+              } // Skip if markup does not exist
+              if (opts.evt) {
+                if (isTouch() && opts.evt === 'click') {
+                  opts.evt = 'mousedown';
+                }
+                btn[opts.evt](opts.fn);
+              }
+
+              // Add to parent flyout menu, if able to be displayed
+              if (opts.parent && $$b(opts.parent + '_show').length) {
+                var fH = $$b(opts.parent);
+                if (!fH.length) {
+                  fH = makeFlyoutHolder(opts.parent.substr(1));
+                }
+                if (opts.prepend) {
+                  btn[0].style.margin = 'initial';
+                }
+                fH[opts.prepend ? 'prepend' : 'append'](btn);
+
+                if (!Array.isArray(flyouts[opts.parent])) {
+                  flyouts[opts.parent] = [];
+                }
+                flyouts[opts.parent].push(opts);
+              }
+            }
+
+            // Bind function to shortcut key
+            if (opts.key) {
+              // Set shortcut based on options
+              var keyval = void 0,
+
+              // disInInp = true,
+              pd = false;
+              if (Array.isArray(opts.key)) {
+                keyval = opts.key[0];
+                if (opts.key.length > 1) {
+                  pd = opts.key[1];
+                }
+                // if (opts.key.length > 2) { disInInp = opts.key[2]; }
+              } else {
+                keyval = opts.key;
+              }
+              keyval += '';
+
+              var fn = opts.fn;
+
+              $$b.each(keyval.split('/'), function (i, key) {
+                $$b(document).bind('keydown', key, function (e) {
+                  fn();
+                  if (pd) {
+                    e.preventDefault();
+                  }
+                  // Prevent default on ALL keys?
+                  return false;
+                });
+              });
+
+              // Put shortcut in title
+              if (opts.sel && !opts.hidekey && btn.attr('title')) {
+                var newTitle = btn.attr('title').split('[')[0] + ' (' + keyval + ')';
+                keyAssocs[keyval] = opts.sel;
+                // Disregard for menu items
+                if (!btn.parents('#main_menu').length) {
+                  btn.attr('title', newTitle);
+                }
+              }
+            }
+          });
+
+          // Setup flyouts
+          setupFlyouts(flyouts);
+
+          // Misc additional actions
+
+          // Make 'return' keypress trigger the change event
+          $$b('.attr_changer, #image_url').bind('keydown', 'return', function (evt) {
+            $$b(this).change();
+            evt.preventDefault();
+          });
+
+          $$b(window).bind('keydown', 'tab', function (e) {
+            if (uiContext === 'canvas') {
+              e.preventDefault();
+              selectNext();
+            }
+          }).bind('keydown', 'shift+tab', function (e) {
+            if (uiContext === 'canvas') {
+              e.preventDefault();
+              selectPrev();
+            }
+          });
+
+          $$b('#tool_zoom').dblclick(dblclickZoom);
+        },
+
+        /**
+         * @returns {undefined}
+         */
+        setTitles: function setTitles() {
+          $$b.each(keyAssocs, function (keyval, sel) {
+            var menu = $$b(sel).parents('#main_menu').length;
+
+            $$b(sel).each(function () {
+              var t = void 0;
+              if (menu) {
+                t = $$b(this).text().split(' [')[0];
+              } else {
+                t = this.title.split(' [')[0];
+              }
+              var keyStr = '';
+              // Shift+Up
+              $$b.each(keyval.split('/'), function (i, key) {
+                var modBits = key.split('+');
+                var mod = '';
+                if (modBits.length > 1) {
+                  mod = modBits[0] + '+';
+                  key = modBits[1];
+                }
+                keyStr += (i ? '/' : '') + mod + (uiStrings$1['key_' + key] || key);
+              });
+              if (menu) {
+                this.lastChild.textContent = t + ' [' + keyStr + ']';
+              } else {
+                this.title = t + ' [' + keyStr + ']';
+              }
+            });
+          });
+        },
+
+        /**
+         * @param {string} sel Selector to match
+         * @returns {module:SVGEditor.ToolButton}
+         */
+        getButtonData: function getButtonData(sel) {
+          return Object.values(toolButtons).find(function (btn) {
+            return btn.sel === sel;
+          });
+        }
+      };
+    }();
+
+    // Select given tool
+    editor.ready(function () {
+      var tool = void 0;
+      var itool = curConfig.initTool,
+          container = $$b('#tools_left, #svg_editor .tools_flyout'),
+          preTool = container.find('#tool_' + itool),
+          regTool = container.find('#' + itool);
+      if (preTool.length) {
+        tool = preTool;
+      } else if (regTool.length) {
+        tool = regTool;
+      } else {
+        tool = $$b('#tool_select');
+      }
+      tool.click().mouseup();
+
+      if (curConfig.wireframe) {
+        $$b('#tool_wireframe').click();
+      }
+
+      if (curConfig.showlayers) {
+        toggleSidePanel();
+      }
+
+      $$b('#rulers').toggle(!!curConfig.showRulers);
+
+      if (curConfig.showRulers) {
+        $$b('#show_rulers')[0].checked = true;
+      }
+
+      if (curConfig.baseUnit) {
+        $$b('#base_unit').val(curConfig.baseUnit);
+      }
+
+      if (curConfig.gridSnapping) {
+        $$b('#grid_snapping_on')[0].checked = true;
+      }
+
+      if (curConfig.snappingStep) {
+        $$b('#grid_snapping_step').val(curConfig.snappingStep);
+      }
+
+      if (curConfig.gridColor) {
+        $$b('#grid_color').val(curConfig.gridColor);
+      }
+    });
+
+    // init SpinButtons
+    $$b('#rect_rx').SpinButton({ min: 0, max: 1000, stateObj: stateObj, callback: changeRectRadius });
+    $$b('#stroke_width').SpinButton({ min: 0, max: 99, smallStep: 0.1, stateObj: stateObj, callback: changeStrokeWidth });
+    $$b('#angle').SpinButton({ min: -180, max: 180, step: 5, stateObj: stateObj, callback: changeRotationAngle });
+    $$b('#font_size').SpinButton({ min: 0.001, stepfunc: stepFontSize, stateObj: stateObj, callback: changeFontSize });
+    $$b('#group_opacity').SpinButton({ min: 0, max: 100, step: 5, stateObj: stateObj, callback: changeOpacity });
+    $$b('#blur').SpinButton({ min: 0, max: 10, step: 0.1, stateObj: stateObj, callback: changeBlur });
+    $$b('#zoom').SpinButton({ min: 0.001, max: 10000, step: 50, stepfunc: stepZoom, stateObj: stateObj, callback: changeZoom })
+    // Set default zoom
+    .val(svgCanvas.getZoom() * 100);
+
+    $$b('#workarea').contextMenu({
+      menu: 'cmenu_canvas',
+      inSpeed: 0
+    }, function (action, el, pos) {
+      switch (action) {
+        case 'delete':
+          deleteSelected();
+          break;
+        case 'cut':
+          cutSelected();
+          break;
+        case 'copy':
+          copySelected();
+          break;
+        case 'paste':
+          svgCanvas.pasteElements();
+          break;
+        case 'paste_in_place':
+          svgCanvas.pasteElements('in_place');
+          break;
+        case 'group':
+        case 'group_elements':
+          svgCanvas.groupSelectedElements();
+          break;
+        case 'ungroup':
+          svgCanvas.ungroupSelectedElement();
+          break;
+        case 'move_front':
+          moveToTopSelected();
+          break;
+        case 'move_up':
+          moveUpDownSelected('Up');
+          break;
+        case 'move_down':
+          moveUpDownSelected('Down');
+          break;
+        case 'move_back':
+          moveToBottomSelected();
+          break;
+        default:
+          if (hasCustomHandler(action)) {
+            getCustomHandler(action).call();
+          }
+          break;
+      }
+    });
+
+    var lmenuFunc = function lmenuFunc(action, el, pos) {
+      switch (action) {
+        case 'dupe':
+          cloneLayer();
+          break;
+        case 'delete':
+          deleteLayer();
+          break;
+        case 'merge_down':
+          mergeLayer();
+          break;
+        case 'merge_all':
+          svgCanvas.mergeAllLayers();
+          updateContextPanel();
+          populateLayers();
+          break;
+      }
+    };
+
+    $$b('#layerlist').contextMenu({
+      menu: 'cmenu_layers',
+      inSpeed: 0
+    }, lmenuFunc);
+
+    $$b('#layer_moreopts').contextMenu({
+      menu: 'cmenu_layers',
+      inSpeed: 0,
+      allowLeft: true
+    }, lmenuFunc);
+
+    $$b('.contextMenu li').mousedown(function (ev) {
+      ev.preventDefault();
+    });
+
+    $$b('#cmenu_canvas li').disableContextMenu();
+    canvMenu.enableContextMenuItems('#delete,#cut,#copy');
+
+    function enableOrDisableClipboard() {
+      var svgeditClipboard = void 0;
+      try {
+        svgeditClipboard = localStorage.getItem('svgedit_clipboard');
+      } catch (err) {}
+      canvMenu[(svgeditClipboard ? 'en' : 'dis') + 'ableContextMenuItems']('#paste,#paste_in_place');
+    }
+    enableOrDisableClipboard();
+
+    window.addEventListener('storage', function (e) {
+      if (e.key !== 'svgedit_clipboard') {
+        return;
+      }
+
+      enableOrDisableClipboard();
+    });
+
+    window.addEventListener('beforeunload', function (e) {
+      // Suppress warning if page is empty
+      if (undoMgr.getUndoStackSize() === 0) {
+        editor.showSaveWarning = false;
+      }
+
+      // showSaveWarning is set to 'false' when the page is saved.
+      if (!curConfig.no_save_warning && editor.showSaveWarning) {
+        // Browser already asks question about closing the page
+        e.returnValue = uiStrings$1.notification.unsavedChanges; // Firefox needs this when beforeunload set by addEventListener (even though message is not used)
+        return uiStrings$1.notification.unsavedChanges;
+      }
+    }, false);
+
+    /**
+    * Expose the uiStrings
+    * @function module:SVGEditor.canvas.getUIStrings
+    * @returns {module:SVGEditor.uiStrings}
+    */
+    editor.canvas.getUIStrings = function () {
+      return uiStrings$1;
+    };
+
+    /**
+    * @callback module:SVGEditor.OpenPrepCallback
+    * @param {boolean} noChanges
+    * @returns {undefined}
+    */
+    /**
+    * @param {module:SVGEditor.OpenPrepCallback} func Confirmation dialog callback
+    * @returns {undefined}
+    */
+    editor.openPrep = function (func) {
+      $$b('#main_menu').hide();
+      if (undoMgr.getUndoStackSize() === 0) {
+        func(true);
+      } else {
+        $$b.confirm(uiStrings$1.notification.QwantToOpen, func);
+      }
+    };
+
+    function onDragEnter(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      // and indicator should be displayed here, such as "drop files here"
+    }
+
+    function onDragOver(e) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+
+    function onDragLeave(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      // hypothetical indicator should be removed here
+    }
+    // Use HTML5 File API: http://www.w3.org/TR/FileAPI/
+    // if browser has HTML5 File API support, then we will show the open menu item
+    // and provide a file input to click. When that change event fires, it will
+    // get the text contents of the file and send it to the canvas
+    if (window.FileReader) {
+      var importImage = function importImage(e) {
+        $$b.process_cancel(uiStrings$1.notification.loadingImage);
+        e.stopPropagation();
+        e.preventDefault();
+        $$b('#workarea').removeAttr('style');
+        $$b('#main_menu').hide();
+        var file = e.type === 'drop' ? e.dataTransfer.files[0] : this.files[0];
+        if (!file) {
+          $$b('#dialog_box').hide();
+          return;
+        }
+        /* if (file.type === 'application/pdf') { // Todo: Handle PDF imports
+         }
+        else */
+        if (file.type.includes('image')) {
+          // Detected an image
+          // svg handling
+          var reader = void 0;
+          if (file.type.includes('svg')) {
+            reader = new FileReader();
+            reader.onloadend = function (e) {
+              var newElement = svgCanvas.importSvgString(e.target.result, true);
+              svgCanvas.ungroupSelectedElement();
+              svgCanvas.ungroupSelectedElement();
+              svgCanvas.groupSelectedElements();
+              svgCanvas.alignSelectedElements('m', 'page');
+              svgCanvas.alignSelectedElements('c', 'page');
+              // highlight imported element, otherwise we get strange empty selectbox
+              svgCanvas.selectOnly([newElement]);
+              $$b('#dialog_box').hide();
+            };
+            reader.readAsText(file);
+          } else {
+            // bitmap handling
+            reader = new FileReader();
+            reader.onloadend = function (e) {
+              // let's insert the new image until we know its dimensions
+              var insertNewImage = function insertNewImage(width, height) {
+                var newImage = svgCanvas.addSVGElementFromJson({
+                  element: 'image',
+                  attr: {
+                    x: 0,
+                    y: 0,
+                    width: width,
+                    height: height,
+                    id: svgCanvas.getNextId(),
+                    style: 'pointer-events:inherit'
+                  }
+                });
+                svgCanvas.setHref(newImage, e.target.result);
+                svgCanvas.selectOnly([newImage]);
+                svgCanvas.alignSelectedElements('m', 'page');
+                svgCanvas.alignSelectedElements('c', 'page');
+                updateContextPanel();
+                $$b('#dialog_box').hide();
+              };
+              // create dummy img so we know the default dimensions
+              var imgWidth = 100;
+              var imgHeight = 100;
+              var img = new Image();
+              img.src = e.target.result;
+              img.style.opacity = 0;
+              img.onload = function () {
+                imgWidth = img.offsetWidth;
+                imgHeight = img.offsetHeight;
+                insertNewImage(imgWidth, imgHeight);
+              };
+            };
+            reader.readAsDataURL(file);
+          }
+        }
+      };
+
+      workarea[0].addEventListener('dragenter', onDragEnter, false);
+      workarea[0].addEventListener('dragover', onDragOver, false);
+      workarea[0].addEventListener('dragleave', onDragLeave, false);
+      workarea[0].addEventListener('drop', importImage, false);
+
+      var open = $$b('<input type="file">').change(function () {
+        var f = this;
+        editor.openPrep(function (ok) {
+          if (!ok) {
+            return;
+          }
+          svgCanvas.clear();
+          if (f.files.length === 1) {
+            $$b.process_cancel(uiStrings$1.notification.loadingImage);
+            var reader = new FileReader();
+            reader.onloadend = function (e) {
+              loadSvgString(e.target.result);
+              updateCanvas();
+            };
+            reader.readAsText(f.files[0]);
+          }
+        });
+      });
+      $$b('#tool_open').show().prepend(open);
+
+      var imgImport = $$b('<input type="file">').change(importImage);
+      $$b('#tool_import').show().prepend(imgImport);
+    }
+
+    // $(function () {
+    updateCanvas(true);
+    // });
+
+    //  const revnums = 'svg-editor.js ($Rev$) ';
+    //  revnums += svgCanvas.getVersion();
+    //  $('#copyright')[0].setAttribute('title', revnums);
+
+    /**
+    * @function module:SVGEditor.setLang
+    * @param {string} lang The language code
+    * @param {module:locale.LocaleStrings} allStrings See {@tutorial LocaleDocs}
+    * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+    * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+    * @returns {undefined}
+    */
+    var setLang = editor.setLang = function (lang, allStrings) {
+      editor.langChanged = true;
+      $$b.pref('lang', lang);
+      $$b('#lang_select').val(lang);
+      if (!allStrings) {
+        return;
+      }
+      $$b.extend(uiStrings$1, allStrings);
+
+      // const notif = allStrings.notification; // Currently unused
+      // $.extend will only replace the given strings
+      var oldLayerName = $$b('#layerlist tr.layersel td.layername').text();
+      var renameLayer = oldLayerName === uiStrings$1.common.layer + ' 1';
+
+      svgCanvas.setUiStrings(allStrings);
+      Actions.setTitles();
+
+      if (renameLayer) {
+        svgCanvas.renameCurrentLayer(uiStrings$1.common.layer + ' 1');
+        populateLayers();
+      }
+
+      // In case extensions loaded before the locale, now we execute a callback on them
+      if (extsPreLang.length) {
+        while (extsPreLang.length) {
+          var ext = extsPreLang.shift();
+          ext.langReady({
+            lang: lang,
+            uiStrings: uiStrings$1,
+            importLocale: getImportLocale({ defaultLang: lang, defaultName: ext.name })
+          });
+        }
+      } else {
+        svgCanvas.runExtensions('langReady', /** @type {module:svgcanvas.SvgCanvas#event:ext-langReady} */{ lang: lang, uiStrings: uiStrings$1 });
+      }
+      svgCanvas.runExtensions('langChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-langChanged} */lang);
+
+      // Update flyout tooltips
+      setFlyoutTitles();
+
+      // Copy title for certain tool elements
+      var elems = {
+        '#stroke_color': '#tool_stroke .icon_label, #tool_stroke .color_block',
+        '#fill_color': '#tool_fill label, #tool_fill .color_block',
+        '#linejoin_miter': '#cur_linejoin',
+        '#linecap_butt': '#cur_linecap'
+      };
+
+      $$b.each(elems, function (source, dest) {
+        $$b(dest).attr('title', $$b(source)[0].title);
+      });
+
+      // Copy alignment titles
+      $$b('#multiselected_panel div[id^=tool_align]').each(function () {
+        $$b('#tool_pos' + this.id.substr(10))[0].title = this.title;
+      });
+    };
+    init$7(
+    /**
+    * @implements {module:locale.LocaleEditorInit}
+    */
+    {
+      /**
+      * Gets an array of results from extensions with a `addLangData` method
+      * returning an object with a `data` property set to its locales (to be
+      * merged with regular locales)
+      * @param {string} langParam
+      * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+      * @todo Can we forego this in favor of `langReady` (or forego `langReady`)?
+      * @returns {module:locale.AddLangExtensionLocaleData[]}
+      */
+      addLangData: function addLangData(langParam) {
+        return svgCanvas.runExtensions('addLangData',
+        /**
+         * @function
+         * @type {module:svgcanvas.ExtensionVarBuilder}
+         * @param {string} defaultLang
+         * @param {string} defaultName
+         * @returns {module:svgcanvas.SvgCanvas#event:ext-addLangData}
+         */
+        function (name) {
+          // We pass in a function as we don't know the extension name here when defining this `addLangData` method
+          return {
+            lang: langParam,
+            importLocale: getImportLocale({ defaultLang: langParam, defaultName: name })
+          };
+        }, true);
+      },
+
+      curConfig: curConfig
+    });
+    // Load extensions
+    // Bit of a hack to run extensions in local Opera/IE9
+    if (document.location.protocol === 'file:') {
+      setTimeout(extAndLocaleFunc, 100);
+    } else {
+      // Returns a promise (if we wanted to fire 'extensions-loaded' event, potentially useful to hide interface as some extension locales are only available after this)
+      extAndLocaleFunc();
+    }
+  };
+
+  /**
+  * @callback module:SVGEditor.ReadyCallback
+  * @returns {undefined}
+  */
+  /**
+  * Queues a callback to be invoked when the editor is ready (or
+  *   to be invoked immediately if it is already ready--i.e.,
+  *   if `svgEditor.runCallbacks` has been run)
+  * @param {module:SVGEditor.ReadyCallback} cb Callback to be queued to invoke
+  * @returns {undefined}
+  */
+  editor.ready = function (cb) {
+    if (!isReady) {
+      callbacks.push(cb);
+    } else {
+      cb();
+    }
+  };
+
+  /**
+  * Invokes the callbacks previous set by `svgEditor.ready`
+  * @returns {undefined}
+  */
+  editor.runCallbacks = function () {
+    callbacks.forEach(function (cb) {
+      cb();
+    });
+    isReady = true;
+  };
+
+  /**
+  * @param {string} str The SVG string to load
+  * @returns {undefined}
+  */
+  editor.loadFromString = function (str) {
+    editor.ready(function () {
+      loadSvgString(str);
+    });
+  };
+
+  /**
+  * Not presently in use
+  * @param {PlainObject} featList
+  * @returns {undefined}
+  */
+  editor.disableUI = function (featList) {
+    // $(function () {
+    //   $('#tool_wireframe, #tool_image, #main_button, #tool_source, #sidepanels').remove();
+    //   $('#tools_top').css('left', 5);
+    // });
+  };
+
+  /**
+   * @callback module:SVGEditor.URLLoadCallback
+   * @param {boolean} success
+   * @returns {undefined}
+   */
+  /**
+  * @param {string} url URL from which to load an SVG string via Ajax
+  * @param {PlainObject} [opts] May contain properties: `cache`, `callback`
+  * @param {boolean} opts.cache
+  * @param {module:SVGEditor.URLLoadCallback} opts.callback Invoked with `true` or `false` depending on success
+  * @returns {undefined}
+  */
+  editor.loadFromURL = function (url, opts) {
+    if (!opts) {
+      opts = {};
+    }
+
+    var _opts = opts,
+        cache = _opts.cache,
+        cb = _opts.callback;
+
+
+    editor.ready(function () {
+      $$b.ajax({
+        url: url,
+        dataType: 'text',
+        cache: !!cache,
+        beforeSend: function beforeSend() {
+          $$b.process_cancel(uiStrings$1.notification.loadingImage);
+        },
+        success: function success(str) {
+          loadSvgString(str, cb);
+        },
+        error: function error(xhr, stat, err) {
+          if (xhr.status !== 404 && xhr.responseText) {
+            loadSvgString(xhr.responseText, cb);
+          } else {
+            $$b.alert(uiStrings$1.notification.URLloadFail + ': \n' + err, cb);
+          }
+        },
+        complete: function complete() {
+          $$b('#dialog_box').hide();
+        }
+      });
+    });
+  };
+
+  /**
+  * @param {string} str The Data URI to base64-decode (if relevant) and load
+  * @returns {undefined}
+  */
+  editor.loadFromDataURI = function (str) {
+    editor.ready(function () {
+      var base64 = false;
+      var pre = str.match(/^data:image\/svg\+xml;base64,/);
+      if (pre) {
+        base64 = true;
+      } else {
+        pre = str.match(/^data:image\/svg\+xml(?:;(?:utf8)?)?,/);
+      }
+      if (pre) {
+        pre = pre[0];
+      }
+      var src = str.slice(pre.length);
+      loadSvgString(base64 ? decode64(src) : decodeURIComponent(src));
+    });
+  };
+
+  /**
+   * @param {string} name Used internally; no need for i18n.
+   * @param {module:svgcanvas.ExtensionInitCallback} init Config to be invoked on this module
+   * @param {module:SVGEditor~ImportLocale} importLocale Importer defaulting to pth with current extension name and locale
+   * @throws {Error} If called too early
+   * @returns {Promise} Resolves to `undefined`
+  */
+  editor.addExtension = function (name, init$$1, importLocale) {
+    // Note that we don't want this on editor.ready since some extensions
+    // may want to run before then (like server_opensave).
+    // $(function () {
+    if (!svgCanvas) {
+      throw new Error('Extension added too early');
+    }
+    return svgCanvas.addExtension.call(this, name, init$$1, importLocale);
+    // });
+  };
+
+  // Defer injection to wait out initial menu processing. This probably goes
+  //    away once all context menu behavior is brought to context menu.
+  editor.ready(function () {
+    injectExtendedContextMenuItemsIntoDom();
+  });
+
+  var extensionsAdded = false;
+  var messageQueue = [];
+  /**
+   * @param {Any} data
+   * @param {string} origin
+   * @fires module:svgcanvas.SvgCanvas#event:message
+   * @returns {undefined}
+   */
+  var messageListener = function messageListener(_ref15) {
+    var data = _ref15.data,
+        origin = _ref15.origin;
+
+    // console.log('data, origin, extensionsAdded', data, origin, extensionsAdded);
+    var messageObj = { data: data, origin: origin };
+    if (!extensionsAdded) {
+      messageQueue.push(messageObj);
+    } else {
+      // Extensions can handle messages at this stage with their own
+      //  canvas `message` listeners
+      svgCanvas.call('message', messageObj);
+    }
+  };
+  window.addEventListener('message', messageListener);
+
+  // Run init once DOM is loaded
+  // jQuery(editor.init);
+  Promise.resolve().then(function () {
+    // We wait a micro-task to let the svgEditor variable be defined for module checks
+    editor.init();
+  });
+
+  window.svgEditor = editor;
+  window.svgEditor.modules = false;
+
+  editor.setConfig({
+    allowedOrigins: ['*']
+  });
+
+}());
diff --git a/examples/arbelos.svg b/examples/arbelos.svg
index c9cc18a2..ddb99929 100644
--- a/examples/arbelos.svg
+++ b/examples/arbelos.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" standalone="no"?>
 <svg width="800" height="600" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
  <defs>
   <linearGradient y2="1" x2="1" y1="0" x1="0" id="svg_10">
    <stop stop-opacity="1" stop-color="#ff00ff" offset="0"/>
@@ -194,4 +194,4 @@
   </a>
   </g>
  </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/extras/tojson.py b/extras/tojson.py
deleted file mode 100644
index 5feea1d1..00000000
--- a/extras/tojson.py
+++ /dev/null
@@ -1,52 +0,0 @@
-import sys, json, codecs
-infile = codecs.open(sys.argv[1], "r", "utf-8")
-outfile = codecs.open(sys.argv[1][:-3], "w", "utf-8")
-indata = infile.readlines()
-look = False
-out = "[\n"
-js = []
-jss = ""
-
-def readfrompos(pos):
-    global out
-    global js
-    
-    if (indata[pos].startswith("#, -x-svg-edit-title")) or (indata[pos].startswith("#, -x-svg-edit-textContent")):
-        out += '{'        
-        out += '"id": '
-        out += " ".join(indata[pos+1].split()[1:]) + ", "
-        out += '"' + line[15:].strip() + '": '
-        out += " ".join(indata[pos+2].split()[1:])
-        out += '}'
-    elif (indata[pos].startswith("#, -x-svg-edit-both")):
-        out += '{'        
-        out += '"id": '
-        out += " ".join(indata[pos+1].split()[1:]) + ", "
-        out += '"textContent": '
-        out += '"' + " ".join(indata[pos+2].split()[1:]).split('|')[1] + ', '        
-        out += '"title": '
-        out += " ".join(indata[pos+2].split()[1:]).split('|')[0] + '"'
-        out += '}'
-    elif (indata[pos].startswith("#, -x-svg-edit-js_strings")):
-        js.append((" ".join(indata[pos+1].split()[1:]), " ".join(indata[pos+2].split()[1:])))
-
-for pos, line in enumerate(indata):
-    if (not look) and (line.startswith('# ---')):
-        look = True
-        marker = pos
-    elif (look) and (line.startswith('#, -x-svg-edit')):
-        readfrompos(pos)
-
-js.sort()
-
-for j in js:
-    jss += "  %s: %s,\n" % (j[0], j[1])
-
-out += '{\n "js_strings": {\n'
-out += str(jss)
-out += '   "": ""\n }'
-out += "\n}"         
-out += "\n]"
-out = out.replace('}{', '},\n{')
-         
-outfile.write(out)
\ No newline at end of file
diff --git a/extras/topo.py b/extras/topo.py
deleted file mode 100644
index 592cbee8..00000000
--- a/extras/topo.py
+++ /dev/null
@@ -1,39 +0,0 @@
-import sys, json, codecs
-infile = json.load(codecs.open(sys.argv[1], "r", "utf-8"))
-outfile = codecs.open(sys.argv[1] + ".po", "w", "utf-8")
-out = []
-
-out.append("""# LANGUAGE FILE FOR SVG-EDIT, AUTOGENERATED BY TOPO.PY
-
-msgid ""
-msgstr ""
-"Content-Type: text/plain; charset=utf-8\\n"
-"Content-Transfer-Encoding: 8bit\\n"
-
-# ---
-
-""")
-
-def printstr(flag, i, s):
-    out.append('\n')
-    if flag == '-x-svg-edit-both':
-        out.append("# Enter the title first, then the contents, seperated by a pipe char (|)\n")
-    out.append("#, " + flag + '\n')
-    out.append("msgid \"" + i + "\"" + '\n')
-    out.append("msgstr \"" + s.replace('\n', '\\n') + "\"" + '\n')
-
-for line in infile:
-    if line.has_key('title') and line.has_key('textContent'):
-        printstr('-x-svg-edit-both', line['id'], "|".join(((line['title'], line['textContent']))))
-    elif line.has_key('title'):
-        printstr('-x-svg-edit-title', line['id'], line['title'])
-    elif line.has_key('textContent'):
-        printstr('-x-svg-edit-textContent', line['id'], line['textContent'])
-    elif line.has_key('js_strings'):
-        for i, s in line['js_strings'].items():
-            printstr('-x-svg-edit-js_strings', i, s)
-    else:
-        pass # The line wasn't really a string
-
-outfile.writelines(out)
-outfile.close()
\ No newline at end of file
diff --git a/extras/update-langs.py b/extras/update-langs.py
deleted file mode 100755
index 2ac98540..00000000
--- a/extras/update-langs.py
+++ /dev/null
@@ -1,88 +0,0 @@
-#!/usr/bin/env python
-# -*- coding: iso-8859-15 -*-
-"""
-This is a helper script for the svg-edit project, useful for managing
-all the language files
-
-Licensed under the MIT License as is the rest of the project
-Requires Python 2.6
-
-Copyright (c) 2010 Jeff Schiller
-"""
-import os
-import json
-from types import DictType
-
-def changeTooltipTarget(j):
-	"""
-	Moves the tooltip target for some tools
-	"""
-	tools = ['rect_width', 'rect_height']
-	for row in j:
-		try:
-			id = row['id']
-			if id in tools:
-				row['id'] = row['id'] + '_tool'
-		except KeyError:
-			pass
-	
-def updateMainMenu(j):
-    """
-    Converts title into textContent for items in the main menu
-    """
-    tools = ['tool_clear', 'tool_open', 'tool_save', 'tool_docprops']
-    for row in j:
-        try:
-            ids = row['id']
-            if ids in tools:
-                row[u'textContent'] = row.pop('title')
-        except KeyError:
-            pass
-
-def ourPrettyPrint(j):
-    """
-    Outputs a string representation of the JSON object passed in
-    formatted properly for our lang.XX.js files.
-    """
-    s = '[' + os.linesep
-    js_strings = None
-    j.sort()
-    for row in j:
-        try:
-            ids = row['id']
-            row_string = json.dumps(row, sort_keys=True, ensure_ascii=False)
-            s += row_string + ',' + os.linesep
-        except KeyError:
-            if type(row) is DictType:
-                js_strings = row
-
-    s += json.dumps(js_strings, sort_keys=True, ensure_ascii=False, indent=1) + os.linesep
-    s += ']'
-    return s
-
-def processFile(filename):
-    """
-    Loads the given lang.XX.js file, processes it and saves it
-    back to the file system
-    """
-    in_string = open('../editor/locale/' + filename, 'r').read()
-
-    try:
-        j = json.loads(in_string)
-
-        # process the JSON object here
-        changeTooltipTarget(j)
-
-        # now write it out back to the file
-        s = ourPrettyPrint(j).encode("UTF-8")
-        open('../editor/locale/' + filename, 'w').write(s)
-
-        print "Updated " + filename
-    except ValueError:
-        print "ERROR!  " + filename + " was not valid JSON, please fix it!"
-
-if __name__ == '__main__':
-    # get list of all lang files and process them
-    for file_name in os.listdir('../editor/locale/'):
-        if file_name[:4] == "lang":
-            processFile(file_name)
diff --git a/firefox-extension/content/svg-edit-overlay.js b/firefox-extension/content/svg-edit-overlay.js
index 8d1600d8..06be3886 100644
--- a/firefox-extension/content/svg-edit-overlay.js
+++ b/firefox-extension/content/svg-edit-overlay.js
@@ -1,4 +1,4 @@
-function start_svg_edit() {
-    var url = "chrome://svg-edit/content/editor/svg-editor.html";
-    window.openDialog(url, "SVG Editor", "width=1024,height=700,menubar=no,toolbar=no");
+function startSvgEdit () { // eslint-disable-line no-unused-vars
+  const url = 'chrome://svg-edit/content/editor/svg-editor.html';
+  window.openDialog(url, 'SVG Editor', 'width=1024,height=700,menubar=no,toolbar=no');
 }
diff --git a/firefox-extension/content/svg-edit-overlay.xul b/firefox-extension/content/svg-edit-overlay.xul
index 08fdd887..ac8899c3 100644
--- a/firefox-extension/content/svg-edit-overlay.xul
+++ b/firefox-extension/content/svg-edit-overlay.xul
@@ -11,15 +11,15 @@
 
 <menupopup id="menu_ToolsPopup">
        <menuitem insertafter="devToolsSeparator" label="SVG Editor"
-       oncommand="start_svg_edit();" />
+       oncommand="startSvgEdit();" />
 </menupopup>
 
  <!-- Firefox -->
   <statusbar id="status-bar">
-    <statusbarpanel id="svg-edit-statusbar-button" 
-		    class="statusbarpanel-menu-iconic"
-		    onclick="return start_svg_edit()"
-		    tooltip="SvgEdit">
+    <statusbarpanel id="svg-edit-statusbar-button"
+        class="statusbarpanel-menu-iconic"
+        onclick="return startSvgEdit()"
+        tooltip="SvgEdit">
     </statusbarpanel>
  </statusbar>
 </overlay>
diff --git a/firefox-extension/handlers.js b/firefox-extension/handlers.js
index 1b20811f..51d51c69 100644
--- a/firefox-extension/handlers.js
+++ b/firefox-extension/handlers.js
@@ -1,55 +1,55 @@
+/* global svgCanvas, jQuery, Components, netscape */
 // Note: This JavaScript file must be included as the last script on the main HTML editor page to override the open/save handlers
-$(function() {
-	if(!window.Components) return;
+jQuery(function () {
+  if (!window.Components) return;
 
-	function moz_file_picker(readflag) {
-	    var fp = window.Components.classes["@mozilla.org/filepicker;1"].
-		createInstance(Components.interfaces.nsIFilePicker);
-	    if(readflag)
-		fp.init(window, "Pick a SVG file", fp.modeOpen);
-	    else
-		fp.init(window, "Pick a SVG file", fp.modeSave);
-	    fp.defaultExtension = "*.svg";
-	    fp.show();
-	    return fp.file;
-	}
+  function mozFilePicker (readflag) {
+    const fp = window.Components.classes['@mozilla.org/filepicker;1']
+      .createInstance(Components.interfaces.nsIFilePicker);
+    if (readflag) fp.init(window, 'Pick a SVG file', fp.modeOpen);
+    else fp.init(window, 'Pick a SVG file', fp.modeSave);
+    fp.defaultExtension = '*.svg';
+    fp.show();
+    return fp.file;
+  }
 
-	svgCanvas.setCustomHandlers({
-		'open':function() {
-		    try {
-			netscape.security.PrivilegeManager.
-			enablePrivilege("UniversalXPConnect");
-			var file = moz_file_picker(true);
-			if(!file)
-			    return(null);
+  svgCanvas.setCustomHandlers({
+    open () {
+      try {
+        netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
+        const file = mozFilePicker(true);
+        if (!file) {
+          return null;
+        }
 
-			var inputStream = Components.classes["@mozilla.org/network/file-input-stream;1"].createInstance(Components.interfaces.nsIFileInputStream);
-			inputStream.init(file, 0x01, 00004, null);
-			var sInputStream = Components.classes["@mozilla.org/scriptableinputstream;1"].createInstance(Components.interfaces.nsIScriptableInputStream);
-			sInputStream.init(inputStream);
-			svgCanvas.setSvgString(sInputStream.
-					    read(sInputStream.available()));
-		    } catch(e) {
-                        console.log("Exception while attempting to load" + e);
-		    }
-		},
-		'save':function(svg, str) {
-			try {
-				var file = moz_file_picker(false);
-				if(!file)
-					return;
+        const inputStream = Components.classes['@mozilla.org/network/file-input-stream;1'].createInstance(Components.interfaces.nsIFileInputStream);
+        inputStream.init(file, 0x01, parseInt('00004', 8), null);
+        const sInputStream = Components.classes['@mozilla.org/scriptableinputstream;1'].createInstance(Components.interfaces.nsIScriptableInputStream);
+        sInputStream.init(inputStream);
+        svgCanvas.setSvgString(sInputStream.read(sInputStream.available()));
+      } catch (e) {
+        console.log('Exception while attempting to load' + e);
+      }
+    },
+    save (svg, str) {
+      try {
+        const file = mozFilePicker(false);
+        if (!file) {
+          return;
+        }
 
-							if (!file.exists())
-					file.create(0, 0664);
+        if (!file.exists()) {
+          file.create(0, parseInt('0664', 8));
+        }
 
-				var out = Components.classes["@mozilla.org/network/file-output-stream;1"].createInstance(Components.interfaces.nsIFileOutputStream);
-				out.init(file, 0x20 | 0x02, 00004,null);
-				out.write(str, str.length);
-				out.flush();
-				out.close();
-				} catch(e) {
-				alert(e);
-		    }
-		}
-	});
+        const out = Components.classes['@mozilla.org/network/file-output-stream;1'].createInstance(Components.interfaces.nsIFileOutputStream);
+        out.init(file, 0x20 | 0x02, parseInt('00004', 8), null);
+        out.write(str, str.length);
+        out.flush();
+        out.close();
+      } catch (e) {
+        alert(e);
+      }
+    }
+  });
 });
diff --git a/grep-jsdoc.js b/grep-jsdoc.js
new file mode 100644
index 00000000..13fd0dce
--- /dev/null
+++ b/grep-jsdoc.js
@@ -0,0 +1,85 @@
+/* eslint-env node */
+/**
+ * @todo Fork find-in-files to get ignore pattern support
+ */
+const fif = require('find-in-files');
+(async () => {
+/**
+ * @typedef {PlainObject} FileResult
+ * @property {string[]} matches
+ * @property {Integer} count
+ * @property {string[]} line
+ */
+const fileMatchPatterns = ['editor'];
+/**
+ * Keys are file name strings
+ * @type {Object.<string, FileResult>}
+ */
+let results = await Promise.all(fileMatchPatterns.map(async (fileMatchPattern) => {
+  return fif.find(
+    {
+      // We grab to the end of the line as the `line` result for `find-in-files`
+      //  only grabs from the beginning of the file to the end of the match.
+      term: `(@[^{\\n]*{[^}\\n]*(\\bobject|\\barray\\b|function|\\bnumber|\\*)[^}\\n]*}|@.*{}).*`,
+      flags: 'g'
+    },
+    fileMatchPattern,
+    '([^n]|[^i]n|[^m]in|[^.]min).js$'
+  );
+}));
+results = Object.assign(...results);
+let total = 0;
+let output = '';
+Object.entries(results).forEach(([file, res]) => {
+  reduceFalseMatches(file, res);
+  if (!res.line.length) {
+    return;
+  }
+  output += `\nFound ${res.count} potentially overly generic JSDoc expression${res.count === 1 ? '' : 's'} in file ${file}:\n`;
+  res.line.forEach((line) => {
+    output += line + '\n';
+  });
+  total += res.line.length;
+  /*
+  res.matches.forEach((match) => {
+    console.log(match);
+  });
+  */
+});
+console.log(`${output}\nTotal failures found: ${total}.\n`);
+
+function reduceFalseMatches (file, res) {
+  switch (file) {
+  case 'editor/xdomain-svgedit-config-iife.js': // Ignore
+    res.line = [];
+    break;
+  case 'editor/external/dynamic-import-polyfill/importModule.js':
+    res.line = res.line.filter((line) => {
+      return ![
+        '* @returns {*} The return depends on the export of the targeted module.',
+        '* @returns {ArbitraryModule|*} The return depends on the export of the targeted module.'
+      ].includes(line);
+    });
+    break;
+  case 'editor/embedapi.js':
+    res.line = res.line.filter((line) => {
+      return ![
+        '* @param {...*} args Signature dependent on the function',
+        '* @returns {*} Return dependent on the function'
+      ].includes(line);
+    });
+    break;
+  case 'editor/typedefs.js':
+    res.line = res.line.filter((line) => {
+      return ![
+        '* @typedef {number} Float',
+        '* @typedef {object} ArbitraryObject',
+        '* @typedef {object} ArbitraryModule',
+        '* @typedef {*} Any'
+      ].includes(line);
+    });
+    break;
+  }
+  res.count = res.line.length;
+}
+})();
diff --git a/opera-widget/handlers.js b/opera-widget/handlers.js
index bb1d1385..30e391ae 100644
--- a/opera-widget/handlers.js
+++ b/opera-widget/handlers.js
@@ -1,62 +1,58 @@
+/* globals jQuery, svgCanvas */
 // Note: This JavaScript file must be included as the last script on the main HTML editor page to override the open/save handlers
-$(function() {
-	if(window.opera && window.opera.io && window.opera.io.filesystem) {
-		svgCanvas.setCustomHandlers({
-			'open':function() {
-				try {
-					window.opera.io.filesystem.browseForFile(
-						new Date().getTime(), /* mountpoint name */
-						"", /* default location */
-						function(file) {
-							try {
-								if (file) {
-									fstream = file.open(file, "r");
-									var output = "";
-									while (!fstream.eof) {
-										output += fstream.readLine();
-									}
-									
-									svgCanvas.setSvgString(output); /* 'this' is bound to the filestream object here */
-								}
-							}
-							catch(e) {
-								console.log("Reading file failed.");
-							}
-						},
-						false, /* not persistent */
-						false, /* no multiple selections */
-						"*.svg" /* file extension filter */
-					);
-				}
-				catch(e) {
-					console.log("Open file failed.");
-				}
+jQuery(function () {
+  if (window.opera && window.opera.io && window.opera.io.filesystem) {
+    svgCanvas.setCustomHandlers({
+      open () {
+        try {
+          window.opera.io.filesystem.browseForFile(
+            new Date().getTime(), /* mountpoint name */
+            '', /* default location */
+            function (file) {
+              try {
+                if (file) {
+                  const fstream = file.open(file, 'r');
+                  let output = '';
+                  while (!fstream.eof) {
+                    output += fstream.readLine();
+                  }
 
-			},
-			'save':function(window, svg) {
-				try {
-					window.opera.io.filesystem.browseForSave(
-						new Date().getTime(), /* mountpoint name */
-						"", /* default location */
-						function(file) {
-							try {
-								if (file) {
-									var fstream = file.open(file, "w");
-									fstream.write(svg, "UTF-8");
-									fstream.close();
-								}
-							}
-							catch(e) {
-								console.log("Write to file failed.");
-							}
-						}, 
-						false /* not persistent */
-					);
-				}
-				catch(e) {
-					console.log("Save file failed.");
-				}
-			}
-		});
-	}
-});
\ No newline at end of file
+                  svgCanvas.setSvgString(output); /* 'this' is bound to the filestream object here */
+                }
+              } catch (e) {
+                console.log('Reading file failed.');
+              }
+            },
+            false, /* not persistent */
+            false, /* no multiple selections */
+            '*.svg' /* file extension filter */
+          );
+        } catch (e) {
+          console.log('Open file failed.');
+        }
+      },
+      save (window, svg) {
+        try {
+          window.opera.io.filesystem.browseForSave(
+            new Date().getTime(), /* mountpoint name */
+            '', /* default location */
+            function (file) {
+              try {
+                if (file) {
+                  const fstream = file.open(file, 'w');
+                  fstream.write(svg, 'UTF-8');
+                  fstream.close();
+                }
+              } catch (e) {
+                console.log('Write to file failed.');
+              }
+            },
+            false /* not persistent */
+          );
+        } catch (e) {
+          console.log('Save file failed.');
+        }
+      }
+    });
+  }
+});
diff --git a/opera-widget/index.html b/opera-widget/index.html
index adcbaa4d..40346586 100644
--- a/opera-widget/index.html
+++ b/opera-widget/index.html
@@ -1,26 +1,24 @@
 <!DOCTYPE html>
 <html>
-	<head>
-		<meta charset="utf-8" />
-		<title>SVG Edit</title>
-		<link rel="stylesheet" type="text/css" href="style.css">
-		<script>
-			/** this method adds the script that overrides the default open/save handlers */
-			function addHandlers()
-			{
-				var cdoc = document.getElementById("container").contentDocument;
-				if(cdoc)
-				{
-					var scriptelm = cdoc.createElement("script");
-					scriptelm.src = "../handlers.js";
-					cdoc.getElementsByTagName("head")[0].appendChild(scriptelm);
-				}
-			}
-		</script>
-	</head>
-	<body>
-		<object id="container" data="editor/svg-editor.html" onload="addHandlers()">
-			Failed to load for some reason.
-		</object>
-	</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>SVG Edit</title>
+    <link rel="stylesheet" href="style.css">
+    <script>
+      // This method adds the script that overrides the default open/save handlers
+      function addHandlers () {
+        var cdoc = document.getElementById('container').contentDocument;
+        if (cdoc) {
+          var scriptelm = cdoc.createElement('script');
+          scriptelm.src = '../handlers.js';
+          cdoc.getElementsByTagName('head')[0].appendChild(scriptelm);
+        }
+      }
+    </script>
+  </head>
+  <body>
+    <object id="container" data="editor/svg-editor.html" onload="addHandlers()">
+      Failed to load for some reason.
+    </object>
+  </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..431ab54b
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6655 @@
+{
+  "name": "svgedit",
+  "version": "3.0.0-rc.2",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "@babel/code-frame": {
+      "version": "7.0.0-beta.47",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.0.0-beta.47.tgz",
+      "integrity": "sha512-W7IeG4MoVf4oUvWfHUx9VG9if3E0xSUDf1urrnNYtC2ow1dz2ptvQ6YsJfyVXDuPTFXz66jkHhzMW7a5Eld7TA==",
+      "dev": true,
+      "requires": {
+        "@babel/highlight": "7.0.0-beta.47"
+      }
+    },
+    "@babel/highlight": {
+      "version": "7.0.0-beta.47",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.0.0-beta.47.tgz",
+      "integrity": "sha512-d505K3Hth1eg0b2swfEF7oFMw3J9M8ceFg0s6dhCSxOOF+07WDvJ0HKT/YbK/Jk9wn8Wyr6HIRAUPKJ9Wfv8Rg==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.0.0",
+        "esutils": "^2.0.2",
+        "js-tokens": "^3.0.0"
+      }
+    },
+    "@mrmlnc/readdir-enhanced": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz",
+      "integrity": "sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g==",
+      "dev": true,
+      "requires": {
+        "call-me-maybe": "^1.0.1",
+        "glob-to-regexp": "^0.3.0"
+      }
+    },
+    "@nodelib/fs.stat": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-1.1.0.tgz",
+      "integrity": "sha512-LAQ1d4OPfSJ/BMbI2DuizmYrrkD9JMaTdi2hQTlI53lQ4kRQPyZQRS4CYQ7O66bnBBnP/oYdRxbk++X0xuFU6A==",
+      "dev": true
+    },
+    "@octetstream/promisify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@octetstream/promisify/-/promisify-1.1.0.tgz",
+      "integrity": "sha512-+ns1dHOaK4f8tvgf8uAkyuvdG+o9QkSQzLNU/a36cDPxKhORHCK0xNQ+GQb4ZOU8ouSS8akvfaKdJmZP5PrPow==",
+      "dev": true
+    },
+    "@sinonjs/formatio": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/formatio/-/formatio-2.0.0.tgz",
+      "integrity": "sha512-ls6CAMA6/5gG+O/IdsBcblvnd8qcO/l1TYoNeAzp3wcISOxlPXQEus0mLcdwazEkWjaBdaJ3TaxmNgCLWwvWzg==",
+      "dev": true,
+      "requires": {
+        "samsam": "1.3.0"
+      }
+    },
+    "@sinonjs/samsam": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/samsam/-/samsam-2.0.0.tgz",
+      "integrity": "sha512-D7VxhADdZbDJ0HjUTMnSQ5xIGb4H2yWpg8k9Sf1T08zfFiQYlaxM8LZydpR4FQ2E6LZJX8IlabNZ5io4vdChwg==",
+      "dev": true
+    },
+    "@types/estree": {
+      "version": "0.0.39",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
+      "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
+      "dev": true
+    },
+    "@types/events": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@types/events/-/events-1.2.0.tgz",
+      "integrity": "sha512-KEIlhXnIutzKwRbQkGWb/I4HFqBuUykAdHgDED6xqwXJfONCjF5VoE0cXEiurh3XauygxzeDzgtXUqvLkxFzzA==",
+      "dev": true
+    },
+    "@types/execa": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@types/execa/-/execa-0.9.0.tgz",
+      "integrity": "sha512-mgfd93RhzjYBUHHV532turHC2j4l/qxsF/PbfDmprHDEUHmNZGlDn1CEsulGK3AfsPdhkWzZQT/S/k0UGhLGsA==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/fs-extra": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-5.0.3.tgz",
+      "integrity": "sha512-m2QKoRrJnei1s10e1ZfMIa7QcABBVLdQhVUv5+bMRaHhPzxO/IWMmREiags59AqFbI+piWPq/PupTahNS/0kyA==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/glob": {
+      "version": "5.0.35",
+      "resolved": "https://registry.npmjs.org/@types/glob/-/glob-5.0.35.tgz",
+      "integrity": "sha512-wc+VveszMLyMWFvXLkloixT4n0harUIVZjnpzztaZ0nKLuul7Z32iMt2fUFGAaZ4y1XWjFRMtCI5ewvyh4aIeg==",
+      "dev": true,
+      "requires": {
+        "@types/events": "*",
+        "@types/minimatch": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/globby": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@types/globby/-/globby-6.1.0.tgz",
+      "integrity": "sha512-j3XSDNoK4LO5T+ZviQD6PqfEjm07QFEacOTbJR3hnLWuWX0ZMLJl9oRPgj1PyrfGbXhfHFkksC9QZ9HFltJyrw==",
+      "dev": true,
+      "requires": {
+        "@types/glob": "*"
+      }
+    },
+    "@types/minimatch": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz",
+      "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==",
+      "dev": true
+    },
+    "@types/node": {
+      "version": "10.3.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-10.3.2.tgz",
+      "integrity": "sha512-9NfEUDp3tgRhmoxzTpTo+lq+KIVFxZahuRX0LHF/9IzKHaWuoWsIrrJ61zw5cnnlGINX8lqJzXYfQTOICS5Q+A==",
+      "dev": true
+    },
+    "abstract-leveldown": {
+      "version": "0.12.4",
+      "resolved": "https://registry.npmjs.org/abstract-leveldown/-/abstract-leveldown-0.12.4.tgz",
+      "integrity": "sha1-KeGOYy5g5OIh1YECR4UqY9ey5BA=",
+      "dev": true,
+      "requires": {
+        "xtend": "~3.0.0"
+      },
+      "dependencies": {
+        "xtend": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/xtend/-/xtend-3.0.0.tgz",
+          "integrity": "sha1-XM50B7r2Qsunvs2laBEcST9ZZlo=",
+          "dev": true
+        }
+      }
+    },
+    "acorn": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.5.3.tgz",
+      "integrity": "sha512-jd5MkIUlbbmb07nXH0DT3y7rDVtkzDi4XZOUVWAer8ajmF/DTSSbl5oNFyDOl/OXA33Bl79+ypHhl2pN20VeOQ==",
+      "dev": true
+    },
+    "acorn-jsx": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-3.0.1.tgz",
+      "integrity": "sha1-r9+UiPsezvyDSPb7IvRk4ypYs2s=",
+      "dev": true,
+      "requires": {
+        "acorn": "^3.0.4"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-3.3.0.tgz",
+          "integrity": "sha1-ReN/s56No/JbruP/U2niu18iAXo=",
+          "dev": true
+        }
+      }
+    },
+    "ajv": {
+      "version": "5.5.2",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
+      "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=",
+      "dev": true,
+      "requires": {
+        "co": "^4.6.0",
+        "fast-deep-equal": "^1.0.0",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.3.0"
+      }
+    },
+    "ajv-keywords": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-2.1.1.tgz",
+      "integrity": "sha1-YXmX/F9gV2iUxDX5QNgZ4TW4B2I=",
+      "dev": true
+    },
+    "ansi-escapes": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.1.0.tgz",
+      "integrity": "sha512-UgAb8H9D41AQnu/PbWlCofQVcnV4Gs2bBJi9eZPxfU/hgglFh3SMDMENRIqdr7H6XFnXdoknctFByVsCOotTVw==",
+      "dev": true
+    },
+    "ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+      "dev": true
+    },
+    "ansi-styles": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+      "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+      "dev": true
+    },
+    "anymatch": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-1.3.2.tgz",
+      "integrity": "sha512-0XNayC8lTHQ2OI8aljNCN3sSx6hsr/1+rlcDAotXJR7C1oZZHCNsfpbKwMjRA3Uqb5tF1Rae2oloTr4xpq+WjA==",
+      "dev": true,
+      "requires": {
+        "micromatch": "^2.1.5",
+        "normalize-path": "^2.0.0"
+      },
+      "dependencies": {
+        "arr-diff": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-2.0.0.tgz",
+          "integrity": "sha1-jzuCf5Vai9ZpaX5KQlasPOrjVs8=",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "^1.0.1"
+          }
+        },
+        "array-unique": {
+          "version": "0.2.1",
+          "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz",
+          "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=",
+          "dev": true
+        },
+        "braces": {
+          "version": "1.8.5",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
+          "integrity": "sha1-uneWLhLf+WnWt2cR6RS3N4V79qc=",
+          "dev": true,
+          "requires": {
+            "expand-range": "^1.8.1",
+            "preserve": "^0.2.0",
+            "repeat-element": "^1.1.2"
+          }
+        },
+        "expand-brackets": {
+          "version": "0.1.5",
+          "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz",
+          "integrity": "sha1-3wcoTjQqgHzXM6xa9yQR5YHRF3s=",
+          "dev": true,
+          "requires": {
+            "is-posix-bracket": "^0.1.0"
+          }
+        },
+        "extglob": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/extglob/-/extglob-0.3.2.tgz",
+          "integrity": "sha1-Lhj/PS9JqydlzskCPwEdqo2DSaE=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^1.0.0"
+          }
+        },
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^1.0.0"
+          }
+        },
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        },
+        "micromatch": {
+          "version": "2.3.11",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
+          "integrity": "sha1-hmd8l9FyCzY0MdBNDRUpO9OMFWU=",
+          "dev": true,
+          "requires": {
+            "arr-diff": "^2.0.0",
+            "array-unique": "^0.2.1",
+            "braces": "^1.8.2",
+            "expand-brackets": "^0.1.4",
+            "extglob": "^0.3.1",
+            "filename-regex": "^2.0.0",
+            "is-extglob": "^1.0.0",
+            "is-glob": "^2.0.1",
+            "kind-of": "^3.0.2",
+            "normalize-path": "^2.0.1",
+            "object.omit": "^2.0.0",
+            "parse-glob": "^3.0.4",
+            "regex-cache": "^0.4.2"
+          }
+        }
+      }
+    },
+    "argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "requires": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "arr-diff": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+      "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=",
+      "dev": true
+    },
+    "arr-flatten": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+      "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
+      "dev": true
+    },
+    "arr-union": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+      "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=",
+      "dev": true
+    },
+    "array-find-index": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
+      "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=",
+      "dev": true
+    },
+    "array-union": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+      "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=",
+      "dev": true,
+      "requires": {
+        "array-uniq": "^1.0.1"
+      }
+    },
+    "array-uniq": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+      "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=",
+      "dev": true
+    },
+    "array-unique": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+      "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
+      "dev": true
+    },
+    "arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
+      "dev": true
+    },
+    "asn1.js": {
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-4.10.1.tgz",
+      "integrity": "sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.0.0",
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "assign-symbols": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+      "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=",
+      "dev": true
+    },
+    "async-each": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.1.tgz",
+      "integrity": "sha1-GdOGodntxufByF04iu28xW0zYC0=",
+      "dev": true
+    },
+    "atob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.1.tgz",
+      "integrity": "sha1-ri1acpR38onWDdf5amMUoi3Wwio=",
+      "dev": true
+    },
+    "babel-code-frame": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
+      "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=",
+      "dev": true,
+      "requires": {
+        "chalk": "^1.1.3",
+        "esutils": "^2.0.2",
+        "js-tokens": "^3.0.2"
+      },
+      "dependencies": {
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^2.2.1",
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0",
+            "supports-color": "^2.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        }
+      }
+    },
+    "babel-core": {
+      "version": "6.26.3",
+      "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-6.26.3.tgz",
+      "integrity": "sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==",
+      "dev": true,
+      "requires": {
+        "babel-code-frame": "^6.26.0",
+        "babel-generator": "^6.26.0",
+        "babel-helpers": "^6.24.1",
+        "babel-messages": "^6.23.0",
+        "babel-register": "^6.26.0",
+        "babel-runtime": "^6.26.0",
+        "babel-template": "^6.26.0",
+        "babel-traverse": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "babylon": "^6.18.0",
+        "convert-source-map": "^1.5.1",
+        "debug": "^2.6.9",
+        "json5": "^0.5.1",
+        "lodash": "^4.17.4",
+        "minimatch": "^3.0.4",
+        "path-is-absolute": "^1.0.1",
+        "private": "^0.1.8",
+        "slash": "^1.0.0",
+        "source-map": "^0.5.7"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        }
+      }
+    },
+    "babel-generator": {
+      "version": "6.26.1",
+      "resolved": "https://registry.npmjs.org/babel-generator/-/babel-generator-6.26.1.tgz",
+      "integrity": "sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==",
+      "dev": true,
+      "requires": {
+        "babel-messages": "^6.23.0",
+        "babel-runtime": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "detect-indent": "^4.0.0",
+        "jsesc": "^1.3.0",
+        "lodash": "^4.17.4",
+        "source-map": "^0.5.7",
+        "trim-right": "^1.0.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        }
+      }
+    },
+    "babel-helper-builder-binary-assignment-operator-visitor": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz",
+      "integrity": "sha1-zORReto1b0IgvK6KAsKzRvmlZmQ=",
+      "dev": true,
+      "requires": {
+        "babel-helper-explode-assignable-expression": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-call-delegate": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz",
+      "integrity": "sha1-7Oaqzdx25Bw0YfiL/Fdb0Nqi340=",
+      "dev": true,
+      "requires": {
+        "babel-helper-hoist-variables": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-define-map": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-helper-define-map/-/babel-helper-define-map-6.26.0.tgz",
+      "integrity": "sha1-pfVtq0GiX5fstJjH66ypgZ+Vvl8=",
+      "dev": true,
+      "requires": {
+        "babel-helper-function-name": "^6.24.1",
+        "babel-runtime": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "lodash": "^4.17.4"
+      }
+    },
+    "babel-helper-explode-assignable-expression": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.24.1.tgz",
+      "integrity": "sha1-8luCz33BBDPFX3BZLVdGQArCLKo=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-function-name": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz",
+      "integrity": "sha1-00dbjAPtmCQqJbSDUasYOZ01gKk=",
+      "dev": true,
+      "requires": {
+        "babel-helper-get-function-arity": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-get-function-arity": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz",
+      "integrity": "sha1-j3eCqpNAfEHTqlCQj4mwMbG2hT0=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-hoist-variables": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz",
+      "integrity": "sha1-HssnaJydJVE+rbyZFKc/VAi+enY=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-optimise-call-expression": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz",
+      "integrity": "sha1-96E0J7qfc/j0+pk8VKl4gtEkQlc=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-regex": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-helper-regex/-/babel-helper-regex-6.26.0.tgz",
+      "integrity": "sha1-MlxZ+QL4LyS3T6zu0DY5VPZJXnI=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "lodash": "^4.17.4"
+      }
+    },
+    "babel-helper-remap-async-to-generator": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.24.1.tgz",
+      "integrity": "sha1-XsWBgnrXI/7N04HxySg5BnbkVRs=",
+      "dev": true,
+      "requires": {
+        "babel-helper-function-name": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-replace-supers": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz",
+      "integrity": "sha1-v22/5Dk40XNpohPKiov3S2qQqxo=",
+      "dev": true,
+      "requires": {
+        "babel-helper-optimise-call-expression": "^6.24.1",
+        "babel-messages": "^6.23.0",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helpers": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-helpers/-/babel-helpers-6.24.1.tgz",
+      "integrity": "sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1"
+      }
+    },
+    "babel-messages": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-6.23.0.tgz",
+      "integrity": "sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-check-es2015-constants": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz",
+      "integrity": "sha1-NRV7EBQm/S/9PaP3XH0ekYNbv4o=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-external-helpers": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-external-helpers/-/babel-plugin-external-helpers-6.22.0.tgz",
+      "integrity": "sha1-IoX0iwK9Xe3oUXXK+MYuhq3M76E=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-syntax-async-functions": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz",
+      "integrity": "sha1-ytnK0RkbWtY0vzCuCHI5HgZHvpU=",
+      "dev": true
+    },
+    "babel-plugin-syntax-exponentiation-operator": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz",
+      "integrity": "sha1-nufoM3KQ2pUoggGmpX9BcDF4MN4=",
+      "dev": true
+    },
+    "babel-plugin-syntax-object-rest-spread": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz",
+      "integrity": "sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=",
+      "dev": true
+    },
+    "babel-plugin-syntax-trailing-function-commas": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz",
+      "integrity": "sha1-ugNgk3+NBuQBgKQ/4NVhb/9TLPM=",
+      "dev": true
+    },
+    "babel-plugin-transform-async-to-generator": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz",
+      "integrity": "sha1-ZTbjeK/2yx1VF6wOQOs+n8jQh2E=",
+      "dev": true,
+      "requires": {
+        "babel-helper-remap-async-to-generator": "^6.24.1",
+        "babel-plugin-syntax-async-functions": "^6.8.0",
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-arrow-functions": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz",
+      "integrity": "sha1-RSaSy3EdX3ncf4XkQM5BufJE0iE=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-block-scoped-functions": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz",
+      "integrity": "sha1-u8UbSflk1wy42OC5ToICRs46YUE=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-block-scoping": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz",
+      "integrity": "sha1-1w9SmcEwjQXBL0Y4E7CgnnOxiV8=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "babel-template": "^6.26.0",
+        "babel-traverse": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "lodash": "^4.17.4"
+      }
+    },
+    "babel-plugin-transform-es2015-classes": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz",
+      "integrity": "sha1-WkxYpQyclGHlZLSyo7+ryXolhNs=",
+      "dev": true,
+      "requires": {
+        "babel-helper-define-map": "^6.24.1",
+        "babel-helper-function-name": "^6.24.1",
+        "babel-helper-optimise-call-expression": "^6.24.1",
+        "babel-helper-replace-supers": "^6.24.1",
+        "babel-messages": "^6.23.0",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-computed-properties": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz",
+      "integrity": "sha1-b+Ko0WiV1WNPTNmZttNICjCBWbM=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-destructuring": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz",
+      "integrity": "sha1-mXux8auWf2gtKwh2/jWNYOdlxW0=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-duplicate-keys": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz",
+      "integrity": "sha1-c+s9MQypaePvnskcU3QabxV2Qj4=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-for-of": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz",
+      "integrity": "sha1-9HyVsrYT3x0+zC/bdXNiPHUkhpE=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-function-name": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz",
+      "integrity": "sha1-g0yJhTvDaxrw86TF26qU/Y6sqos=",
+      "dev": true,
+      "requires": {
+        "babel-helper-function-name": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-literals": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz",
+      "integrity": "sha1-T1SgLWzWbPkVKAAZox0xklN3yi4=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-modules-amd": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz",
+      "integrity": "sha1-Oz5UAXI5hC1tGcMBHEvS8AoA0VQ=",
+      "dev": true,
+      "requires": {
+        "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-modules-commonjs": {
+      "version": "6.26.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.26.2.tgz",
+      "integrity": "sha512-CV9ROOHEdrjcwhIaJNBGMBCodN+1cfkwtM1SbUHmvyy35KGT7fohbpOxkE2uLz1o6odKK2Ck/tz47z+VqQfi9Q==",
+      "dev": true,
+      "requires": {
+        "babel-plugin-transform-strict-mode": "^6.24.1",
+        "babel-runtime": "^6.26.0",
+        "babel-template": "^6.26.0",
+        "babel-types": "^6.26.0"
+      }
+    },
+    "babel-plugin-transform-es2015-modules-systemjs": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz",
+      "integrity": "sha1-/4mhQrkRmpBhlfXxBuzzBdlAfSM=",
+      "dev": true,
+      "requires": {
+        "babel-helper-hoist-variables": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-modules-umd": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz",
+      "integrity": "sha1-rJl+YoXNGO1hdq22B9YCNErThGg=",
+      "dev": true,
+      "requires": {
+        "babel-plugin-transform-es2015-modules-amd": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-object-super": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz",
+      "integrity": "sha1-JM72muIcuDp/hgPa0CH1cusnj40=",
+      "dev": true,
+      "requires": {
+        "babel-helper-replace-supers": "^6.24.1",
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-parameters": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz",
+      "integrity": "sha1-V6w1GrScrxSpfNE7CfZv3wpiXys=",
+      "dev": true,
+      "requires": {
+        "babel-helper-call-delegate": "^6.24.1",
+        "babel-helper-get-function-arity": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-shorthand-properties": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz",
+      "integrity": "sha1-JPh11nIch2YbvZmkYi5R8U3jiqA=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-spread": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz",
+      "integrity": "sha1-1taKmfia7cRTbIGlQujdnxdG+NE=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-sticky-regex": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz",
+      "integrity": "sha1-AMHNsaynERLN8M9hJsLta0V8zbw=",
+      "dev": true,
+      "requires": {
+        "babel-helper-regex": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-template-literals": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz",
+      "integrity": "sha1-qEs0UPfp+PH2g51taH2oS7EjbY0=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-typeof-symbol": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz",
+      "integrity": "sha1-3sCfHN3/lLUqxz1QXITfWdzOs3I=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-unicode-regex": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz",
+      "integrity": "sha1-04sS9C6nMj9yk4fxinxa4frrNek=",
+      "dev": true,
+      "requires": {
+        "babel-helper-regex": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "regexpu-core": "^2.0.0"
+      }
+    },
+    "babel-plugin-transform-exponentiation-operator": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz",
+      "integrity": "sha1-KrDJx/MJj6SJB3cruBP+QejeOg4=",
+      "dev": true,
+      "requires": {
+        "babel-helper-builder-binary-assignment-operator-visitor": "^6.24.1",
+        "babel-plugin-syntax-exponentiation-operator": "^6.8.0",
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-object-rest-spread": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz",
+      "integrity": "sha1-DzZpLVD+9rfi1LOsFHgTepY7ewY=",
+      "dev": true,
+      "requires": {
+        "babel-plugin-syntax-object-rest-spread": "^6.8.0",
+        "babel-runtime": "^6.26.0"
+      }
+    },
+    "babel-plugin-transform-regenerator": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz",
+      "integrity": "sha1-4HA2lvveJ/Cj78rPi03KL3s6jy8=",
+      "dev": true,
+      "requires": {
+        "regenerator-transform": "^0.10.0"
+      }
+    },
+    "babel-plugin-transform-strict-mode": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz",
+      "integrity": "sha1-1fr3qleKZbvlkc9e2uBKDGcCB1g=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-polyfill": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-polyfill/-/babel-polyfill-6.26.0.tgz",
+      "integrity": "sha1-N5k3q8Z9eJWXCtxiHyhM2WbPIVM=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "core-js": "^2.5.0",
+        "regenerator-runtime": "^0.10.5"
+      }
+    },
+    "babel-preset-env": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-env/-/babel-preset-env-1.7.0.tgz",
+      "integrity": "sha512-9OR2afuKDneX2/q2EurSftUYM0xGu4O2D9adAhVfADDhrYDaxXV0rBbevVYoY9n6nyX1PmQW/0jtpJvUNr9CHg==",
+      "dev": true,
+      "requires": {
+        "babel-plugin-check-es2015-constants": "^6.22.0",
+        "babel-plugin-syntax-trailing-function-commas": "^6.22.0",
+        "babel-plugin-transform-async-to-generator": "^6.22.0",
+        "babel-plugin-transform-es2015-arrow-functions": "^6.22.0",
+        "babel-plugin-transform-es2015-block-scoped-functions": "^6.22.0",
+        "babel-plugin-transform-es2015-block-scoping": "^6.23.0",
+        "babel-plugin-transform-es2015-classes": "^6.23.0",
+        "babel-plugin-transform-es2015-computed-properties": "^6.22.0",
+        "babel-plugin-transform-es2015-destructuring": "^6.23.0",
+        "babel-plugin-transform-es2015-duplicate-keys": "^6.22.0",
+        "babel-plugin-transform-es2015-for-of": "^6.23.0",
+        "babel-plugin-transform-es2015-function-name": "^6.22.0",
+        "babel-plugin-transform-es2015-literals": "^6.22.0",
+        "babel-plugin-transform-es2015-modules-amd": "^6.22.0",
+        "babel-plugin-transform-es2015-modules-commonjs": "^6.23.0",
+        "babel-plugin-transform-es2015-modules-systemjs": "^6.23.0",
+        "babel-plugin-transform-es2015-modules-umd": "^6.23.0",
+        "babel-plugin-transform-es2015-object-super": "^6.22.0",
+        "babel-plugin-transform-es2015-parameters": "^6.23.0",
+        "babel-plugin-transform-es2015-shorthand-properties": "^6.22.0",
+        "babel-plugin-transform-es2015-spread": "^6.22.0",
+        "babel-plugin-transform-es2015-sticky-regex": "^6.22.0",
+        "babel-plugin-transform-es2015-template-literals": "^6.22.0",
+        "babel-plugin-transform-es2015-typeof-symbol": "^6.23.0",
+        "babel-plugin-transform-es2015-unicode-regex": "^6.22.0",
+        "babel-plugin-transform-exponentiation-operator": "^6.22.0",
+        "babel-plugin-transform-regenerator": "^6.22.0",
+        "browserslist": "^3.2.6",
+        "invariant": "^2.2.2",
+        "semver": "^5.3.0"
+      }
+    },
+    "babel-register": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-register/-/babel-register-6.26.0.tgz",
+      "integrity": "sha1-btAhFz4vy0htestFxgCahW9kcHE=",
+      "dev": true,
+      "requires": {
+        "babel-core": "^6.26.0",
+        "babel-runtime": "^6.26.0",
+        "core-js": "^2.5.0",
+        "home-or-tmp": "^2.0.0",
+        "lodash": "^4.17.4",
+        "mkdirp": "^0.5.1",
+        "source-map-support": "^0.4.15"
+      }
+    },
+    "babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+      "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
+      "dev": true,
+      "requires": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.11.1",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+          "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
+          "dev": true
+        }
+      }
+    },
+    "babel-template": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-template/-/babel-template-6.26.0.tgz",
+      "integrity": "sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "babel-traverse": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "babylon": "^6.18.0",
+        "lodash": "^4.17.4"
+      }
+    },
+    "babel-traverse": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-traverse/-/babel-traverse-6.26.0.tgz",
+      "integrity": "sha1-RqnL1+3MYsjlwGTi0tjQ9ANXZu4=",
+      "dev": true,
+      "requires": {
+        "babel-code-frame": "^6.26.0",
+        "babel-messages": "^6.23.0",
+        "babel-runtime": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "babylon": "^6.18.0",
+        "debug": "^2.6.8",
+        "globals": "^9.18.0",
+        "invariant": "^2.2.2",
+        "lodash": "^4.17.4"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "globals": {
+          "version": "9.18.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz",
+          "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==",
+          "dev": true
+        }
+      }
+    },
+    "babel-types": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz",
+      "integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "esutils": "^2.0.2",
+        "lodash": "^4.17.4",
+        "to-fast-properties": "^1.0.3"
+      }
+    },
+    "babylon": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz",
+      "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==",
+      "dev": true
+    },
+    "balanced-match": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
+      "dev": true
+    },
+    "base": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+      "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+      "dev": true,
+      "requires": {
+        "cache-base": "^1.0.1",
+        "class-utils": "^0.3.5",
+        "component-emitter": "^1.2.1",
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.1",
+        "mixin-deep": "^1.2.0",
+        "pascalcase": "^0.1.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+          "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.0"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "binary-extensions": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.11.0.tgz",
+      "integrity": "sha1-RqoXUftqL5PuXmibsQh9SxTGwgU=",
+      "dev": true
+    },
+    "bl": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-0.8.2.tgz",
+      "integrity": "sha1-yba8oI0bwuoA/Ir7Txpf0eHGbk4=",
+      "dev": true,
+      "requires": {
+        "readable-stream": "~1.0.26"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "1.0.34",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+          "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.1",
+            "isarray": "0.0.1",
+            "string_decoder": "~0.10.x"
+          }
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
+          "dev": true
+        }
+      }
+    },
+    "bluebird": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.1.tgz",
+      "integrity": "sha512-MKiLiV+I1AA596t9w1sQJ8jkiSr5+ZKi0WKrYGUn6d1Fx+Ij4tIj+m2WMQSGczs5jZVxV339chE8iwk6F64wjA==",
+      "dev": true
+    },
+    "bn.js": {
+      "version": "4.11.8",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
+      "integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==",
+      "dev": true
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "braces": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+      "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+      "dev": true,
+      "requires": {
+        "arr-flatten": "^1.1.0",
+        "array-unique": "^0.3.2",
+        "extend-shallow": "^2.0.1",
+        "fill-range": "^4.0.0",
+        "isobject": "^3.0.1",
+        "repeat-element": "^1.1.2",
+        "snapdragon": "^0.8.1",
+        "snapdragon-node": "^2.0.1",
+        "split-string": "^3.0.2",
+        "to-regex": "^3.0.1"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        }
+      }
+    },
+    "brorand": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
+      "integrity": "sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=",
+      "dev": true
+    },
+    "browserify-aes": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
+      "dev": true,
+      "requires": {
+        "buffer-xor": "^1.0.3",
+        "cipher-base": "^1.0.0",
+        "create-hash": "^1.1.0",
+        "evp_bytestokey": "^1.0.3",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "browserify-cipher": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
+      "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
+      "dev": true,
+      "requires": {
+        "browserify-aes": "^1.0.4",
+        "browserify-des": "^1.0.0",
+        "evp_bytestokey": "^1.0.0"
+      }
+    },
+    "browserify-des": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.1.tgz",
+      "integrity": "sha512-zy0Cobe3hhgpiOM32Tj7KQ3Vl91m0njwsjzZQK1L+JDf11dzP9qIvjreVinsvXrgfjhStXwUWAEpB9D7Gwmayw==",
+      "dev": true,
+      "requires": {
+        "cipher-base": "^1.0.1",
+        "des.js": "^1.0.0",
+        "inherits": "^2.0.1"
+      }
+    },
+    "browserify-fs": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/browserify-fs/-/browserify-fs-1.0.0.tgz",
+      "integrity": "sha1-8HWqinKdTRcW0GZiDjhvzBMRqW8=",
+      "dev": true,
+      "requires": {
+        "level-filesystem": "^1.0.1",
+        "level-js": "^2.1.3",
+        "levelup": "^0.18.2"
+      }
+    },
+    "browserify-rsa": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
+      "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "randombytes": "^2.0.1"
+      }
+    },
+    "browserify-sign": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.0.4.tgz",
+      "integrity": "sha1-qk62jl17ZYuqa/alfmMMvXqT0pg=",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.1",
+        "browserify-rsa": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "create-hmac": "^1.1.2",
+        "elliptic": "^6.0.0",
+        "inherits": "^2.0.1",
+        "parse-asn1": "^5.0.0"
+      }
+    },
+    "browserslist": {
+      "version": "3.2.8",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-3.2.8.tgz",
+      "integrity": "sha512-WHVocJYavUwVgVViC0ORikPHQquXwVh939TaelZ4WDqpWgTX/FsGhl/+P4qBUAGcRvtOgDgC+xftNWWp2RUTAQ==",
+      "dev": true,
+      "requires": {
+        "caniuse-lite": "^1.0.30000844",
+        "electron-to-chromium": "^1.3.47"
+      }
+    },
+    "buffer-es6": {
+      "version": "4.9.3",
+      "resolved": "https://registry.npmjs.org/buffer-es6/-/buffer-es6-4.9.3.tgz",
+      "integrity": "sha1-8mNHuC33b9N+GLy1KIxJcM/VxAQ=",
+      "dev": true
+    },
+    "buffer-from": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.0.0.tgz",
+      "integrity": "sha512-83apNb8KK0Se60UE1+4Ukbe3HbfELJ6UlI4ldtOGs7So4KD26orJM8hIY9lxdzP+UpItH1Yh/Y8GUvNFWFFRxA==",
+      "dev": true
+    },
+    "buffer-xor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+      "integrity": "sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=",
+      "dev": true
+    },
+    "builtin-modules": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz",
+      "integrity": "sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8=",
+      "dev": true
+    },
+    "cache-base": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+      "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+      "dev": true,
+      "requires": {
+        "collection-visit": "^1.0.0",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.6",
+        "has-value": "^1.0.0",
+        "isobject": "^3.0.1",
+        "set-value": "^2.0.0",
+        "to-object-path": "^0.3.0",
+        "union-value": "^1.0.0",
+        "unset-value": "^1.0.0"
+      }
+    },
+    "call-me-maybe": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-me-maybe/-/call-me-maybe-1.0.1.tgz",
+      "integrity": "sha1-JtII6onje1y95gJQoV8DHBak1ms=",
+      "dev": true
+    },
+    "caller-path": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-0.1.0.tgz",
+      "integrity": "sha1-lAhe9jWB7NPaqSREqP6U6CV3dR8=",
+      "dev": true,
+      "requires": {
+        "callsites": "^0.2.0"
+      }
+    },
+    "callsites": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-0.2.0.tgz",
+      "integrity": "sha1-r6uWJikQp/M8GaV3WCXGnzTjUMo=",
+      "dev": true
+    },
+    "camelcase": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+      "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=",
+      "dev": true
+    },
+    "camelcase-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+      "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
+      "dev": true,
+      "requires": {
+        "camelcase": "^2.0.0",
+        "map-obj": "^1.0.0"
+      }
+    },
+    "caniuse-lite": {
+      "version": "1.0.30000846",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000846.tgz",
+      "integrity": "sha512-qxUOHr5mTaadWH1ap0ueivHd8x42Bnemcn+JutVr7GWmm2bU4zoBhjuv5QdXgALQnnT626lOQros7cCDf8PwCg==",
+      "dev": true
+    },
+    "catharsis": {
+      "version": "0.8.9",
+      "resolved": "https://registry.npmjs.org/catharsis/-/catharsis-0.8.9.tgz",
+      "integrity": "sha1-mMyJDKZS3S7w5ws3klMQ/56Q/Is=",
+      "dev": true,
+      "requires": {
+        "underscore-contrib": "~0.3.0"
+      }
+    },
+    "chalk": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz",
+      "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "supports-color": {
+          "version": "5.4.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.4.0.tgz",
+          "integrity": "sha512-zjaXglF5nnWpsq470jSv6P9DwPvgLkuapYmfDm3JWOm0vkNTVF2tI4UrN2r6jH1qM/uc/WtxYY1hYoA2dOKj5w==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "chardet": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.4.2.tgz",
+      "integrity": "sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=",
+      "dev": true
+    },
+    "chokidar": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-1.7.0.tgz",
+      "integrity": "sha1-eY5ol3gVHIB2tLNg5e3SjNortGg=",
+      "dev": true,
+      "requires": {
+        "anymatch": "^1.3.0",
+        "async-each": "^1.0.0",
+        "fsevents": "^1.0.0",
+        "glob-parent": "^2.0.0",
+        "inherits": "^2.0.1",
+        "is-binary-path": "^1.0.0",
+        "is-glob": "^2.0.0",
+        "path-is-absolute": "^1.0.0",
+        "readdirp": "^2.0.0"
+      },
+      "dependencies": {
+        "glob-parent": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
+          "integrity": "sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=",
+          "dev": true,
+          "requires": {
+            "is-glob": "^2.0.0"
+          }
+        },
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^1.0.0"
+          }
+        }
+      }
+    },
+    "cipher-base": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
+      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "circular-json": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/circular-json/-/circular-json-0.3.3.tgz",
+      "integrity": "sha512-UZK3NBx2Mca+b5LsG7bY183pHWt5Y1xts4P3Pz7ENTwGVnJOUWbRb3ocjvX7hx9tq/yTAdclXm9sZ38gNuem4A==",
+      "dev": true
+    },
+    "class-utils": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+      "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+      "dev": true,
+      "requires": {
+        "arr-union": "^3.1.0",
+        "define-property": "^0.2.5",
+        "isobject": "^3.0.0",
+        "static-extend": "^0.1.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        }
+      }
+    },
+    "cli-cursor": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
+      "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
+      "dev": true,
+      "requires": {
+        "restore-cursor": "^2.0.0"
+      }
+    },
+    "cli-width": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-2.2.0.tgz",
+      "integrity": "sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=",
+      "dev": true
+    },
+    "clone": {
+      "version": "0.1.19",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-0.1.19.tgz",
+      "integrity": "sha1-YT+2hjmyaklKxTJT4Vsaa9iK2oU=",
+      "dev": true
+    },
+    "co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=",
+      "dev": true
+    },
+    "collection-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+      "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=",
+      "dev": true,
+      "requires": {
+        "map-visit": "^1.0.0",
+        "object-visit": "^1.0.0"
+      }
+    },
+    "color-convert": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.1.tgz",
+      "integrity": "sha512-mjGanIiwQJskCC18rPR6OmrZ6fm2Lc7PeGFYwCmy5J34wC6F1PzdGL6xeMfmgicfYcNLGuVFA3WzXtIDCQSZxQ==",
+      "dev": true,
+      "requires": {
+        "color-name": "^1.1.1"
+      }
+    },
+    "color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
+      "dev": true
+    },
+    "colors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/colors/-/colors-1.3.0.tgz",
+      "integrity": "sha512-EDpX3a7wHMWFA7PUHWPHNWqOxIIRSJetuwl0AS5Oi/5FMV8kWm69RTlgm00GKjBO1xFHMtBbL49yRtMMdticBw==",
+      "dev": true
+    },
+    "commander": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.13.0.tgz",
+      "integrity": "sha512-MVuS359B+YzaWqjCL/c+22gfryv+mCBPHAv3zyVI2GN8EY6IRP8VwtasXn8jyyhvvq84R4ImN1OKRtcbIasjYA==",
+      "dev": true
+    },
+    "component-emitter": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
+      "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
+      "dev": true
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+      "dev": true
+    },
+    "concat-stream": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
+      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+      "dev": true,
+      "requires": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "contains-path": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/contains-path/-/contains-path-0.1.0.tgz",
+      "integrity": "sha1-/ozxhP9mcLa67wGp1IYaXL7EEgo=",
+      "dev": true
+    },
+    "convert-source-map": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.5.1.tgz",
+      "integrity": "sha1-uCeAl7m8IpNl3lxiz1/K7YtVmeU=",
+      "dev": true
+    },
+    "copy-descriptor": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+      "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=",
+      "dev": true
+    },
+    "core-js": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.6.tgz",
+      "integrity": "sha512-lQUVfQi0aLix2xpyjrrJEvfuYCqPc/HwmTKsC/VNf8q0zsjX7SQZtp4+oRONN5Tsur9GDETPjj+Ub2iDiGZfSQ==",
+      "dev": true
+    },
+    "core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
+      "dev": true
+    },
+    "create-ecdh": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.3.tgz",
+      "integrity": "sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "elliptic": "^6.0.0"
+      }
+    },
+    "create-hash": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
+      "dev": true,
+      "requires": {
+        "cipher-base": "^1.0.1",
+        "inherits": "^2.0.1",
+        "md5.js": "^1.3.4",
+        "ripemd160": "^2.0.1",
+        "sha.js": "^2.4.0"
+      }
+    },
+    "create-hmac": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
+      "dev": true,
+      "requires": {
+        "cipher-base": "^1.0.3",
+        "create-hash": "^1.1.0",
+        "inherits": "^2.0.1",
+        "ripemd160": "^2.0.0",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      }
+    },
+    "cross-spawn": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+      "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
+      "dev": true,
+      "requires": {
+        "lru-cache": "^4.0.1",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      }
+    },
+    "crypto-browserify": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
+      "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
+      "dev": true,
+      "requires": {
+        "browserify-cipher": "^1.0.0",
+        "browserify-sign": "^4.0.0",
+        "create-ecdh": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "create-hmac": "^1.1.0",
+        "diffie-hellman": "^5.0.0",
+        "inherits": "^2.0.1",
+        "pbkdf2": "^3.0.3",
+        "public-encrypt": "^4.0.0",
+        "randombytes": "^2.0.0",
+        "randomfill": "^1.0.3"
+      }
+    },
+    "currently-unhandled": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
+      "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
+      "dev": true,
+      "requires": {
+        "array-find-index": "^1.0.1"
+      }
+    },
+    "debug": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+      "dev": true,
+      "requires": {
+        "ms": "2.0.0"
+      }
+    },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true
+    },
+    "decode-uri-component": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
+      "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=",
+      "dev": true
+    },
+    "deep-is": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
+      "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
+      "dev": true
+    },
+    "deferred-leveldown": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/deferred-leveldown/-/deferred-leveldown-0.2.0.tgz",
+      "integrity": "sha1-LO8fER4cV4cNi7uK8mUOWHzS9bQ=",
+      "dev": true,
+      "requires": {
+        "abstract-leveldown": "~0.12.1"
+      }
+    },
+    "define-property": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+      "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+      "dev": true,
+      "requires": {
+        "is-descriptor": "^1.0.2",
+        "isobject": "^3.0.1"
+      },
+      "dependencies": {
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "del": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/del/-/del-2.2.2.tgz",
+      "integrity": "sha1-wSyYHQZ4RshLyvhiz/kw2Qf/0ag=",
+      "dev": true,
+      "requires": {
+        "globby": "^5.0.0",
+        "is-path-cwd": "^1.0.0",
+        "is-path-in-cwd": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "pify": "^2.0.0",
+        "pinkie-promise": "^2.0.0",
+        "rimraf": "^2.2.8"
+      }
+    },
+    "des.js": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.0.tgz",
+      "integrity": "sha1-wHTS4qpqipoH29YfmhXCzYPsjsw=",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "detect-file": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz",
+      "integrity": "sha1-8NZtA2cqglyxtzvbP+YjEMjlUrc=",
+      "dev": true
+    },
+    "detect-indent": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-4.0.0.tgz",
+      "integrity": "sha1-920GQ1LN9Docts5hnE7jqUdd4gg=",
+      "dev": true,
+      "requires": {
+        "repeating": "^2.0.0"
+      }
+    },
+    "diff": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz",
+      "integrity": "sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==",
+      "dev": true
+    },
+    "diffie-hellman": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+      "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "miller-rabin": "^4.0.0",
+        "randombytes": "^2.0.0"
+      }
+    },
+    "dir-glob": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.0.0.tgz",
+      "integrity": "sha512-37qirFDz8cA5fimp9feo43fSuRo2gHwaIn6dXL8Ber1dGwUosDrGZeCCXq57WnIqE4aQ+u3eQZzsk1yOzhdwag==",
+      "dev": true,
+      "requires": {
+        "arrify": "^1.0.1",
+        "path-type": "^3.0.0"
+      },
+      "dependencies": {
+        "path-type": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+          "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+          "dev": true,
+          "requires": {
+            "pify": "^3.0.0"
+          }
+        },
+        "pify": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+          "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+          "dev": true
+        }
+      }
+    },
+    "doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "requires": {
+        "esutils": "^2.0.2"
+      }
+    },
+    "electron-to-chromium": {
+      "version": "1.3.48",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.48.tgz",
+      "integrity": "sha1-07DYWTgUBE4JLs4hCPw6ya6kuQA=",
+      "dev": true
+    },
+    "elliptic": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.4.0.tgz",
+      "integrity": "sha1-ysmvh2LIWDYYcAPI3+GT5eLq5d8=",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.4.0",
+        "brorand": "^1.0.1",
+        "hash.js": "^1.0.0",
+        "hmac-drbg": "^1.0.0",
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0",
+        "minimalistic-crypto-utils": "^1.0.0"
+      }
+    },
+    "ensure-posix-path": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/ensure-posix-path/-/ensure-posix-path-1.0.2.tgz",
+      "integrity": "sha1-pls+QtC3HPxYXrd0+ZQ8jZuRsMI=",
+      "dev": true
+    },
+    "errno": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.7.tgz",
+      "integrity": "sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==",
+      "dev": true,
+      "requires": {
+        "prr": "~1.0.1"
+      }
+    },
+    "error-ex": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.1.tgz",
+      "integrity": "sha1-+FWobOYa3E6GIcPNoh56dhLDqNw=",
+      "dev": true,
+      "requires": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+      "dev": true
+    },
+    "eslint": {
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-4.19.1.tgz",
+      "integrity": "sha512-bT3/1x1EbZB7phzYu7vCr1v3ONuzDtX8WjuM9c0iYxe+cq+pwcKEoQjl7zd3RpC6YOLgnSy3cTN58M2jcoPDIQ==",
+      "dev": true,
+      "requires": {
+        "ajv": "^5.3.0",
+        "babel-code-frame": "^6.22.0",
+        "chalk": "^2.1.0",
+        "concat-stream": "^1.6.0",
+        "cross-spawn": "^5.1.0",
+        "debug": "^3.1.0",
+        "doctrine": "^2.1.0",
+        "eslint-scope": "^3.7.1",
+        "eslint-visitor-keys": "^1.0.0",
+        "espree": "^3.5.4",
+        "esquery": "^1.0.0",
+        "esutils": "^2.0.2",
+        "file-entry-cache": "^2.0.0",
+        "functional-red-black-tree": "^1.0.1",
+        "glob": "^7.1.2",
+        "globals": "^11.0.1",
+        "ignore": "^3.3.3",
+        "imurmurhash": "^0.1.4",
+        "inquirer": "^3.0.6",
+        "is-resolvable": "^1.0.0",
+        "js-yaml": "^3.9.1",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.3.0",
+        "lodash": "^4.17.4",
+        "minimatch": "^3.0.2",
+        "mkdirp": "^0.5.1",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.8.2",
+        "path-is-inside": "^1.0.2",
+        "pluralize": "^7.0.0",
+        "progress": "^2.0.0",
+        "regexpp": "^1.0.1",
+        "require-uncached": "^1.0.3",
+        "semver": "^5.3.0",
+        "strip-ansi": "^4.0.0",
+        "strip-json-comments": "~2.0.1",
+        "table": "4.0.2",
+        "text-table": "~0.2.0"
+      }
+    },
+    "eslint-config-standard": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-11.0.0.tgz",
+      "integrity": "sha512-oDdENzpViEe5fwuRCWla7AXQd++/oyIp8zP+iP9jiUPG6NBj3SHgdgtl/kTn00AjeN+1HNvavTKmYbMo+xMOlw==",
+      "dev": true
+    },
+    "eslint-import-resolver-node": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.2.tgz",
+      "integrity": "sha512-sfmTqJfPSizWu4aymbPr4Iidp5yKm8yDkHp+Ir3YiTHiiDfxh69mOUsmiqW6RZ9zRXFaF64GtYmN7e+8GHBv6Q==",
+      "dev": true,
+      "requires": {
+        "debug": "^2.6.9",
+        "resolve": "^1.5.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
+    "eslint-module-utils": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.2.0.tgz",
+      "integrity": "sha1-snA2LNiLGkitMIl2zn+lTphBF0Y=",
+      "dev": true,
+      "requires": {
+        "debug": "^2.6.8",
+        "pkg-dir": "^1.0.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
+    "eslint-plugin-import": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.13.0.tgz",
+      "integrity": "sha512-t6hGKQDMIt9N8R7vLepsYXgDfeuhp6ZJSgtrLEDxonpSubyxUZHjhm6LsAaZX8q6GYVxkbT3kTsV9G5mBCFR6A==",
+      "dev": true,
+      "requires": {
+        "contains-path": "^0.1.0",
+        "debug": "^2.6.8",
+        "doctrine": "1.5.0",
+        "eslint-import-resolver-node": "^0.3.1",
+        "eslint-module-utils": "^2.2.0",
+        "has": "^1.0.1",
+        "lodash": "^4.17.4",
+        "minimatch": "^3.0.3",
+        "read-pkg-up": "^2.0.0",
+        "resolve": "^1.6.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "doctrine": {
+          "version": "1.5.0",
+          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-1.5.0.tgz",
+          "integrity": "sha1-N53Ocw9hZvds76TmcHoVmwLFpvo=",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2",
+            "isarray": "^1.0.0"
+          }
+        }
+      }
+    },
+    "eslint-plugin-node": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-6.0.1.tgz",
+      "integrity": "sha512-Q/Cc2sW1OAISDS+Ji6lZS2KV4b7ueA/WydVWd1BECTQwVvfQy5JAi3glhINoKzoMnfnuRgNP+ZWKrGAbp3QDxw==",
+      "dev": true,
+      "requires": {
+        "ignore": "^3.3.6",
+        "minimatch": "^3.0.4",
+        "resolve": "^1.3.3",
+        "semver": "^5.4.1"
+      }
+    },
+    "eslint-plugin-promise": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-3.8.0.tgz",
+      "integrity": "sha512-JiFL9UFR15NKpHyGii1ZcvmtIqa3UTwiDAGb8atSffe43qJ3+1czVGN6UtkklpcJ2DVnqvTMzEKRaJdBkAL2aQ==",
+      "dev": true
+    },
+    "eslint-plugin-qunit": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-qunit/-/eslint-plugin-qunit-3.2.1.tgz",
+      "integrity": "sha1-Bs1GjVmMobomNLFJwAA0mZfdQ8I=",
+      "dev": true
+    },
+    "eslint-plugin-standard": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-standard/-/eslint-plugin-standard-3.1.0.tgz",
+      "integrity": "sha512-fVcdyuKRr0EZ4fjWl3c+gp1BANFJD1+RaWa2UPYfMZ6jCtp5RG00kSaXnK/dE5sYzt4kaWJ9qdxqUfc0d9kX0w==",
+      "dev": true
+    },
+    "eslint-scope": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-3.7.1.tgz",
+      "integrity": "sha1-PWPD7f2gLgbgGkUq2IyqzHzctug=",
+      "dev": true,
+      "requires": {
+        "esrecurse": "^4.1.0",
+        "estraverse": "^4.1.1"
+      }
+    },
+    "eslint-visitor-keys": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz",
+      "integrity": "sha512-qzm/XxIbxm/FHyH341ZrbnMUpe+5Bocte9xkmFMzPMjRaZMcXww+MpBptFvtU+79L362nqiLhekCxCxDPaUMBQ==",
+      "dev": true
+    },
+    "espree": {
+      "version": "3.5.4",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-3.5.4.tgz",
+      "integrity": "sha512-yAcIQxtmMiB/jL32dzEp2enBeidsB7xWPLNiw3IIkpVds1P+h7qF9YwJq1yUNzp2OKXgAprs4F61ih66UsoD1A==",
+      "dev": true,
+      "requires": {
+        "acorn": "^5.5.0",
+        "acorn-jsx": "^3.0.0"
+      }
+    },
+    "esprima": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.0.tgz",
+      "integrity": "sha512-oftTcaMu/EGrEIu904mWteKIv8vMuOgGYo7EhVJJN00R/EED9DCua/xxHRdYnKtcECzVg7xOWhflvJMnqcFZjw==",
+      "dev": true
+    },
+    "esquery": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.0.1.tgz",
+      "integrity": "sha512-SmiyZ5zIWH9VM+SRUReLS5Q8a7GxtRdxEBVZpm98rJM7Sb+A9DVCndXfkeFUd3byderg+EbDkfnevfCwynWaNA==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^4.0.0"
+      }
+    },
+    "esrecurse": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.2.1.tgz",
+      "integrity": "sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^4.1.0"
+      }
+    },
+    "estraverse": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.2.0.tgz",
+      "integrity": "sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=",
+      "dev": true
+    },
+    "estree-walker": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.5.2.tgz",
+      "integrity": "sha512-XpCnW/AE10ws/kDAs37cngSkvgIR8aN3G0MS85m7dUpuK2EREo9VJ00uvw6Dg/hXEpfsE1I1TvJOJr+Z+TL+ig==",
+      "dev": true
+    },
+    "esutils": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz",
+      "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=",
+      "dev": true
+    },
+    "evp_bytestokey": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
+      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+      "dev": true,
+      "requires": {
+        "md5.js": "^1.3.4",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "execa": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-0.10.0.tgz",
+      "integrity": "sha512-7XOMnz8Ynx1gGo/3hyV9loYNPWM94jG3+3T3Y8tsfSstFmETmENCMU/A/zj8Lyaj1lkgEepKepvd6240tBRvlw==",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "^6.0.0",
+        "get-stream": "^3.0.0",
+        "is-stream": "^1.1.0",
+        "npm-run-path": "^2.0.0",
+        "p-finally": "^1.0.0",
+        "signal-exit": "^3.0.0",
+        "strip-eof": "^1.0.0"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        }
+      }
+    },
+    "exists-stat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/exists-stat/-/exists-stat-1.0.0.tgz",
+      "integrity": "sha1-BmDjUlouidnkRhKUQMJy7foktSk=",
+      "dev": true
+    },
+    "expand-brackets": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+      "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=",
+      "dev": true,
+      "requires": {
+        "debug": "^2.3.3",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "posix-character-classes": "^0.1.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        },
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        }
+      }
+    },
+    "expand-range": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
+      "integrity": "sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=",
+      "dev": true,
+      "requires": {
+        "fill-range": "^2.1.0"
+      },
+      "dependencies": {
+        "fill-range": {
+          "version": "2.2.4",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.4.tgz",
+          "integrity": "sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==",
+          "dev": true,
+          "requires": {
+            "is-number": "^2.1.0",
+            "isobject": "^2.0.0",
+            "randomatic": "^3.0.0",
+            "repeat-element": "^1.1.2",
+            "repeat-string": "^1.5.2"
+          }
+        },
+        "is-number": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz",
+          "integrity": "sha1-Afy7s5NGOlSPL0ZszhbezknbkI8=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.2"
+          }
+        },
+        "isobject": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+          "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
+          "dev": true,
+          "requires": {
+            "isarray": "1.0.0"
+          }
+        },
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "expand-tilde": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+      "integrity": "sha1-l+gBqgUt8CRU3kawK/YhZCzchQI=",
+      "dev": true,
+      "requires": {
+        "homedir-polyfill": "^1.0.1"
+      }
+    },
+    "extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=",
+      "dev": true,
+      "requires": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "dependencies": {
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "external-editor": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-2.2.0.tgz",
+      "integrity": "sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==",
+      "dev": true,
+      "requires": {
+        "chardet": "^0.4.0",
+        "iconv-lite": "^0.4.17",
+        "tmp": "^0.0.33"
+      }
+    },
+    "extglob": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+      "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+      "dev": true,
+      "requires": {
+        "array-unique": "^0.3.2",
+        "define-property": "^1.0.0",
+        "expand-brackets": "^2.1.4",
+        "extend-shallow": "^2.0.1",
+        "fragment-cache": "^0.2.1",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+          "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.0"
+          }
+        },
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "fast-deep-equal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
+      "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=",
+      "dev": true
+    },
+    "fast-glob": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.2.tgz",
+      "integrity": "sha512-TR6zxCKftDQnUAPvkrCWdBgDq/gbqx8A3ApnBrR5rMvpp6+KMJI0Igw7fkWPgeVK0uhRXTXdvO3O+YP0CaUX2g==",
+      "dev": true,
+      "requires": {
+        "@mrmlnc/readdir-enhanced": "^2.2.1",
+        "@nodelib/fs.stat": "^1.0.1",
+        "glob-parent": "^3.1.0",
+        "is-glob": "^4.0.0",
+        "merge2": "^1.2.1",
+        "micromatch": "^3.1.10"
+      }
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
+      "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=",
+      "dev": true
+    },
+    "fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
+      "dev": true
+    },
+    "figures": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-2.0.0.tgz",
+      "integrity": "sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^1.0.5"
+      }
+    },
+    "file-entry-cache": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-2.0.0.tgz",
+      "integrity": "sha1-w5KZDD5oR4PYOLjISkXYoEhFg2E=",
+      "dev": true,
+      "requires": {
+        "flat-cache": "^1.2.1",
+        "object-assign": "^4.0.1"
+      }
+    },
+    "file-type": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/file-type/-/file-type-3.9.0.tgz",
+      "integrity": "sha1-JXoHg4TR24CHvESdEH1SpSZyuek=",
+      "dev": true
+    },
+    "filename-regex": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz",
+      "integrity": "sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY=",
+      "dev": true
+    },
+    "fill-range": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+      "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^2.0.1",
+        "is-number": "^3.0.0",
+        "repeat-string": "^1.6.1",
+        "to-regex-range": "^2.1.0"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        }
+      }
+    },
+    "find": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/find/-/find-0.1.7.tgz",
+      "integrity": "sha1-yGyHrxqxjyIrvjjeyGy8dg0Wpvs=",
+      "dev": true,
+      "requires": {
+        "traverse-chain": "~0.1.0"
+      }
+    },
+    "find-in-files": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/find-in-files/-/find-in-files-0.5.0.tgz",
+      "integrity": "sha512-VraTc6HdtdSHmAp0yJpAy20yPttGKzyBWc7b7FPnnsX9TOgmKx0g9xajizpF/iuu4IvNK4TP0SpyBT9zAlwG+g==",
+      "dev": true,
+      "requires": {
+        "find": "^0.1.5",
+        "q": "^1.0.1"
+      }
+    },
+    "find-up": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+      "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
+      "dev": true,
+      "requires": {
+        "path-exists": "^2.0.0",
+        "pinkie-promise": "^2.0.0"
+      }
+    },
+    "findup-sync": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-2.0.0.tgz",
+      "integrity": "sha1-kyaxSIwi0aYIhlCoaQGy2akKLLw=",
+      "dev": true,
+      "requires": {
+        "detect-file": "^1.0.0",
+        "is-glob": "^3.1.0",
+        "micromatch": "^3.0.4",
+        "resolve-dir": "^1.0.1"
+      },
+      "dependencies": {
+        "is-glob": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+          "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^2.1.0"
+          }
+        }
+      }
+    },
+    "flat-cache": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-1.3.0.tgz",
+      "integrity": "sha1-0wMLMrOBVPTjt+nHCfSQ9++XxIE=",
+      "dev": true,
+      "requires": {
+        "circular-json": "^0.3.1",
+        "del": "^2.0.2",
+        "graceful-fs": "^4.1.2",
+        "write": "^0.2.1"
+      }
+    },
+    "for-in": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+      "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=",
+      "dev": true
+    },
+    "for-own": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/for-own/-/for-own-0.1.5.tgz",
+      "integrity": "sha1-UmXGgaTylNq78XyVCbZ2OqhFEM4=",
+      "dev": true,
+      "requires": {
+        "for-in": "^1.0.1"
+      }
+    },
+    "foreach": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/foreach/-/foreach-2.0.5.tgz",
+      "integrity": "sha1-C+4AUBiusmDQo6865ljdATbsG5k=",
+      "dev": true
+    },
+    "fragment-cache": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+      "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=",
+      "dev": true,
+      "requires": {
+        "map-cache": "^0.2.2"
+      }
+    },
+    "fs-extra": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-6.0.1.tgz",
+      "integrity": "sha512-GnyIkKhhzXZUWFCaJzvyDLEEgDkPfb4/TPvJCJVuS8MWZgoSsErf++QpiAlDnKFcqhRlm+tIOcencCjyJE6ZCA==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
+      "dev": true
+    },
+    "fsevents": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.4.tgz",
+      "integrity": "sha512-z8H8/diyk76B7q5wg+Ud0+CqzcAF3mBBI/bA5ne5zrRUUIvNkJY//D3BqyH571KuAC4Nr7Rw7CjWX4r0y9DvNg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "nan": "^2.9.2",
+        "node-pre-gyp": "^0.10.0"
+      },
+      "dependencies": {
+        "abbrev": {
+          "version": "1.1.1",
+          "resolved": false,
+          "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+          "dev": true,
+          "optional": true
+        },
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": false,
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "dev": true
+        },
+        "aproba": {
+          "version": "1.2.0",
+          "resolved": false,
+          "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
+          "dev": true,
+          "optional": true
+        },
+        "are-we-there-yet": {
+          "version": "1.1.4",
+          "resolved": false,
+          "integrity": "sha1-u13KOCu5TwXhUZQ3PRb9O6HKEQ0=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "delegates": "^1.0.0",
+            "readable-stream": "^2.0.6"
+          }
+        },
+        "balanced-match": {
+          "version": "1.0.0",
+          "resolved": false,
+          "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
+          "dev": true
+        },
+        "brace-expansion": {
+          "version": "1.1.11",
+          "resolved": false,
+          "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+          "dev": true,
+          "requires": {
+            "balanced-match": "^1.0.0",
+            "concat-map": "0.0.1"
+          }
+        },
+        "chownr": {
+          "version": "1.0.1",
+          "resolved": false,
+          "integrity": "sha1-4qdQQqlVGQi+vSW4Uj1fl2nXkYE=",
+          "dev": true,
+          "optional": true
+        },
+        "code-point-at": {
+          "version": "1.1.0",
+          "resolved": false,
+          "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
+          "dev": true
+        },
+        "concat-map": {
+          "version": "0.0.1",
+          "resolved": false,
+          "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+          "dev": true
+        },
+        "console-control-strings": {
+          "version": "1.1.0",
+          "resolved": false,
+          "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
+          "dev": true
+        },
+        "core-util-is": {
+          "version": "1.0.2",
+          "resolved": false,
+          "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
+          "dev": true,
+          "optional": true
+        },
+        "debug": {
+          "version": "2.6.9",
+          "resolved": false,
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "deep-extend": {
+          "version": "0.5.1",
+          "resolved": false,
+          "integrity": "sha512-N8vBdOa+DF7zkRrDCsaOXoCs/E2fJfx9B9MrKnnSiHNh4ws7eSys6YQE4KvT1cecKmOASYQBhbKjeuDD9lT81w==",
+          "dev": true,
+          "optional": true
+        },
+        "delegates": {
+          "version": "1.0.0",
+          "resolved": false,
+          "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
+          "dev": true,
+          "optional": true
+        },
+        "detect-libc": {
+          "version": "1.0.3",
+          "resolved": false,
+          "integrity": "sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=",
+          "dev": true,
+          "optional": true
+        },
+        "fs-minipass": {
+          "version": "1.2.5",
+          "resolved": false,
+          "integrity": "sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "minipass": "^2.2.1"
+          }
+        },
+        "fs.realpath": {
+          "version": "1.0.0",
+          "resolved": false,
+          "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
+          "dev": true,
+          "optional": true
+        },
+        "gauge": {
+          "version": "2.7.4",
+          "resolved": false,
+          "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "aproba": "^1.0.3",
+            "console-control-strings": "^1.0.0",
+            "has-unicode": "^2.0.0",
+            "object-assign": "^4.1.0",
+            "signal-exit": "^3.0.0",
+            "string-width": "^1.0.1",
+            "strip-ansi": "^3.0.1",
+            "wide-align": "^1.1.0"
+          }
+        },
+        "glob": {
+          "version": "7.1.2",
+          "resolved": false,
+          "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        },
+        "has-unicode": {
+          "version": "2.0.1",
+          "resolved": false,
+          "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
+          "dev": true,
+          "optional": true
+        },
+        "iconv-lite": {
+          "version": "0.4.21",
+          "resolved": false,
+          "integrity": "sha512-En5V9za5mBt2oUA03WGD3TwDv0MKAruqsuxstbMUZaj9W9k/m1CV/9py3l0L5kw9Bln8fdHQmzHSYtvpvTLpKw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "safer-buffer": "^2.1.0"
+          }
+        },
+        "ignore-walk": {
+          "version": "3.0.1",
+          "resolved": false,
+          "integrity": "sha512-DTVlMx3IYPe0/JJcYP7Gxg7ttZZu3IInhuEhbchuqneY9wWe5Ojy2mXLBaQFUQmo0AW2r3qG7m1mg86js+gnlQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "minimatch": "^3.0.4"
+          }
+        },
+        "inflight": {
+          "version": "1.0.6",
+          "resolved": false,
+          "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "once": "^1.3.0",
+            "wrappy": "1"
+          }
+        },
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": false,
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "dev": true
+        },
+        "ini": {
+          "version": "1.3.5",
+          "resolved": false,
+          "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
+          "dev": true,
+          "optional": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "1.0.0",
+          "resolved": false,
+          "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
+          "dev": true,
+          "requires": {
+            "number-is-nan": "^1.0.0"
+          }
+        },
+        "isarray": {
+          "version": "1.0.0",
+          "resolved": false,
+          "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
+          "dev": true,
+          "optional": true
+        },
+        "minimatch": {
+          "version": "3.0.4",
+          "resolved": false,
+          "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+          "dev": true,
+          "requires": {
+            "brace-expansion": "^1.1.7"
+          }
+        },
+        "minimist": {
+          "version": "0.0.8",
+          "resolved": false,
+          "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
+          "dev": true
+        },
+        "minipass": {
+          "version": "2.2.4",
+          "resolved": false,
+          "integrity": "sha512-hzXIWWet/BzWhYs2b+u7dRHlruXhwdgvlTMDKC6Cb1U7ps6Ac6yQlR39xsbjWJE377YTCtKwIXIpJ5oP+j5y8g==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "^5.1.1",
+            "yallist": "^3.0.0"
+          }
+        },
+        "minizlib": {
+          "version": "1.1.0",
+          "resolved": false,
+          "integrity": "sha512-4T6Ur/GctZ27nHfpt9THOdRZNgyJ9FZchYO1ceg5S8Q3DNLCKYy44nCZzgCJgcvx2UM8czmqak5BCxJMrq37lA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "minipass": "^2.2.1"
+          }
+        },
+        "mkdirp": {
+          "version": "0.5.1",
+          "resolved": false,
+          "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+          "dev": true,
+          "requires": {
+            "minimist": "0.0.8"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": false,
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true,
+          "optional": true
+        },
+        "needle": {
+          "version": "2.2.0",
+          "resolved": false,
+          "integrity": "sha512-eFagy6c+TYayorXw/qtAdSvaUpEbBsDwDyxYFgLZ0lTojfH7K+OdBqAF7TAFwDokJaGpubpSGG0wO3iC0XPi8w==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "debug": "^2.1.2",
+            "iconv-lite": "^0.4.4",
+            "sax": "^1.2.4"
+          }
+        },
+        "node-pre-gyp": {
+          "version": "0.10.0",
+          "resolved": false,
+          "integrity": "sha512-G7kEonQLRbcA/mOoFoxvlMrw6Q6dPf92+t/l0DFSMuSlDoWaI9JWIyPwK0jyE1bph//CUEL65/Fz1m2vJbmjQQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "detect-libc": "^1.0.2",
+            "mkdirp": "^0.5.1",
+            "needle": "^2.2.0",
+            "nopt": "^4.0.1",
+            "npm-packlist": "^1.1.6",
+            "npmlog": "^4.0.2",
+            "rc": "^1.1.7",
+            "rimraf": "^2.6.1",
+            "semver": "^5.3.0",
+            "tar": "^4"
+          }
+        },
+        "nopt": {
+          "version": "4.0.1",
+          "resolved": false,
+          "integrity": "sha1-0NRoWv1UFRk8jHUFYC0NF81kR00=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "abbrev": "1",
+            "osenv": "^0.1.4"
+          }
+        },
+        "npm-bundled": {
+          "version": "1.0.3",
+          "resolved": false,
+          "integrity": "sha512-ByQ3oJ/5ETLyglU2+8dBObvhfWXX8dtPZDMePCahptliFX2iIuhyEszyFk401PZUNQH20vvdW5MLjJxkwU80Ow==",
+          "dev": true,
+          "optional": true
+        },
+        "npm-packlist": {
+          "version": "1.1.10",
+          "resolved": false,
+          "integrity": "sha512-AQC0Dyhzn4EiYEfIUjCdMl0JJ61I2ER9ukf/sLxJUcZHfo+VyEfz2rMJgLZSS1v30OxPQe1cN0LZA1xbcaVfWA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ignore-walk": "^3.0.1",
+            "npm-bundled": "^1.0.1"
+          }
+        },
+        "npmlog": {
+          "version": "4.1.2",
+          "resolved": false,
+          "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "are-we-there-yet": "~1.1.2",
+            "console-control-strings": "~1.1.0",
+            "gauge": "~2.7.3",
+            "set-blocking": "~2.0.0"
+          }
+        },
+        "number-is-nan": {
+          "version": "1.0.1",
+          "resolved": false,
+          "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
+          "dev": true
+        },
+        "object-assign": {
+          "version": "4.1.1",
+          "resolved": false,
+          "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+          "dev": true,
+          "optional": true
+        },
+        "once": {
+          "version": "1.4.0",
+          "resolved": false,
+          "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+          "dev": true,
+          "requires": {
+            "wrappy": "1"
+          }
+        },
+        "os-homedir": {
+          "version": "1.0.2",
+          "resolved": false,
+          "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
+          "dev": true,
+          "optional": true
+        },
+        "os-tmpdir": {
+          "version": "1.0.2",
+          "resolved": false,
+          "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
+          "dev": true,
+          "optional": true
+        },
+        "osenv": {
+          "version": "0.1.5",
+          "resolved": false,
+          "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "os-homedir": "^1.0.0",
+            "os-tmpdir": "^1.0.0"
+          }
+        },
+        "path-is-absolute": {
+          "version": "1.0.1",
+          "resolved": false,
+          "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+          "dev": true,
+          "optional": true
+        },
+        "process-nextick-args": {
+          "version": "2.0.0",
+          "resolved": false,
+          "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
+          "dev": true,
+          "optional": true
+        },
+        "rc": {
+          "version": "1.2.7",
+          "resolved": false,
+          "integrity": "sha512-LdLD8xD4zzLsAT5xyushXDNscEjB7+2ulnl8+r1pnESlYtlJtVSoCMBGr30eDRJ3+2Gq89jK9P9e4tCEH1+ywA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "deep-extend": "^0.5.1",
+            "ini": "~1.3.0",
+            "minimist": "^1.2.0",
+            "strip-json-comments": "~2.0.1"
+          },
+          "dependencies": {
+            "minimist": {
+              "version": "1.2.0",
+              "resolved": false,
+              "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
+              "dev": true,
+              "optional": true
+            }
+          }
+        },
+        "readable-stream": {
+          "version": "2.3.6",
+          "resolved": false,
+          "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "rimraf": {
+          "version": "2.6.2",
+          "resolved": false,
+          "integrity": "sha512-lreewLK/BlghmxtfH36YYVg1i8IAce4TI7oao75I1g245+6BctqTVQiBP3YUJ9C6DQOXJmkYR9X9fCLtCOJc5w==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "glob": "^7.0.5"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.1.1",
+          "resolved": false,
+          "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==",
+          "dev": true
+        },
+        "safer-buffer": {
+          "version": "2.1.2",
+          "resolved": false,
+          "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+          "dev": true,
+          "optional": true
+        },
+        "sax": {
+          "version": "1.2.4",
+          "resolved": false,
+          "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+          "dev": true,
+          "optional": true
+        },
+        "semver": {
+          "version": "5.5.0",
+          "resolved": false,
+          "integrity": "sha512-4SJ3dm0WAwWy/NVeioZh5AntkdJoWKxHxcmyP622fOkgHa4z3R0TdBJICINyaSDE6uNwVc8gZr+ZinwZAH4xIA==",
+          "dev": true,
+          "optional": true
+        },
+        "set-blocking": {
+          "version": "2.0.0",
+          "resolved": false,
+          "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
+          "dev": true,
+          "optional": true
+        },
+        "signal-exit": {
+          "version": "3.0.2",
+          "resolved": false,
+          "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=",
+          "dev": true,
+          "optional": true
+        },
+        "string-width": {
+          "version": "1.0.2",
+          "resolved": false,
+          "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+          "dev": true,
+          "requires": {
+            "code-point-at": "^1.0.0",
+            "is-fullwidth-code-point": "^1.0.0",
+            "strip-ansi": "^3.0.0"
+          }
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": false,
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": false,
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "strip-json-comments": {
+          "version": "2.0.1",
+          "resolved": false,
+          "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
+          "dev": true,
+          "optional": true
+        },
+        "tar": {
+          "version": "4.4.1",
+          "resolved": false,
+          "integrity": "sha512-O+v1r9yN4tOsvl90p5HAP4AEqbYhx4036AGMm075fH9F8Qwi3oJ+v4u50FkT/KkvywNGtwkk0zRI+8eYm1X/xg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chownr": "^1.0.1",
+            "fs-minipass": "^1.2.5",
+            "minipass": "^2.2.4",
+            "minizlib": "^1.1.0",
+            "mkdirp": "^0.5.0",
+            "safe-buffer": "^5.1.1",
+            "yallist": "^3.0.2"
+          }
+        },
+        "util-deprecate": {
+          "version": "1.0.2",
+          "resolved": false,
+          "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+          "dev": true,
+          "optional": true
+        },
+        "wide-align": {
+          "version": "1.1.2",
+          "resolved": false,
+          "integrity": "sha512-ijDLlyQ7s6x1JgCLur53osjm/UXUYD9+0PbYKrBsYisYXzCxN+HC3mYDNy/dWdmf3AwqwU3CXwDCvsNgGK1S0w==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "string-width": "^1.0.2"
+          }
+        },
+        "wrappy": {
+          "version": "1.0.2",
+          "resolved": false,
+          "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+          "dev": true
+        },
+        "yallist": {
+          "version": "3.0.2",
+          "resolved": false,
+          "integrity": "sha1-hFK0u36Dx8GI2AQcGoN8dz1ti7k=",
+          "dev": true
+        }
+      }
+    },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
+    "functional-red-black-tree": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
+      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
+      "dev": true
+    },
+    "fwd-stream": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/fwd-stream/-/fwd-stream-1.0.4.tgz",
+      "integrity": "sha1-7Sgcq+1G/uz5Ie4y3ExQs3KsfPo=",
+      "dev": true,
+      "requires": {
+        "readable-stream": "~1.0.26-4"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "1.0.34",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+          "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.1",
+            "isarray": "0.0.1",
+            "string_decoder": "~0.10.x"
+          }
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
+          "dev": true
+        }
+      }
+    },
+    "get-stdin": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-5.0.1.tgz",
+      "integrity": "sha1-Ei4WFZHiH/TFJTAwVpPyDmOTo5g=",
+      "dev": true
+    },
+    "get-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+      "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
+      "dev": true
+    },
+    "get-value": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+      "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=",
+      "dev": true
+    },
+    "glob": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
+      "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
+      "dev": true,
+      "requires": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      }
+    },
+    "glob-base": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz",
+      "integrity": "sha1-27Fk9iIbHAscz4Kuoyi0l98Oo8Q=",
+      "dev": true,
+      "requires": {
+        "glob-parent": "^2.0.0",
+        "is-glob": "^2.0.0"
+      },
+      "dependencies": {
+        "glob-parent": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
+          "integrity": "sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=",
+          "dev": true,
+          "requires": {
+            "is-glob": "^2.0.0"
+          }
+        },
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^1.0.0"
+          }
+        }
+      }
+    },
+    "glob-parent": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+      "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+      "dev": true,
+      "requires": {
+        "is-glob": "^3.1.0",
+        "path-dirname": "^1.0.0"
+      },
+      "dependencies": {
+        "is-glob": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+          "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^2.1.0"
+          }
+        }
+      }
+    },
+    "glob-to-regexp": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz",
+      "integrity": "sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=",
+      "dev": true
+    },
+    "global-modules": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
+      "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
+      "dev": true,
+      "requires": {
+        "global-prefix": "^1.0.1",
+        "is-windows": "^1.0.1",
+        "resolve-dir": "^1.0.0"
+      }
+    },
+    "global-prefix": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz",
+      "integrity": "sha1-2/dDxsFJklk8ZVVoy2btMsASLr4=",
+      "dev": true,
+      "requires": {
+        "expand-tilde": "^2.0.2",
+        "homedir-polyfill": "^1.0.1",
+        "ini": "^1.3.4",
+        "is-windows": "^1.0.1",
+        "which": "^1.2.14"
+      }
+    },
+    "globals": {
+      "version": "11.5.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.5.0.tgz",
+      "integrity": "sha512-hYyf+kI8dm3nORsiiXUQigOU62hDLfJ9G01uyGMxhc6BKsircrUhC4uJPQPUSuq2GrTmiiEt7ewxlMdBewfmKQ==",
+      "dev": true
+    },
+    "globby": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz",
+      "integrity": "sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0=",
+      "dev": true,
+      "requires": {
+        "array-union": "^1.0.1",
+        "arrify": "^1.0.0",
+        "glob": "^7.0.3",
+        "object-assign": "^4.0.1",
+        "pify": "^2.0.0",
+        "pinkie-promise": "^2.0.0"
+      }
+    },
+    "graceful-fs": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz",
+      "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
+      "dev": true
+    },
+    "has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1"
+      }
+    },
+    "has-ansi": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+      "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^2.0.0"
+      }
+    },
+    "has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+      "dev": true
+    },
+    "has-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+      "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=",
+      "dev": true,
+      "requires": {
+        "get-value": "^2.0.6",
+        "has-values": "^1.0.0",
+        "isobject": "^3.0.0"
+      }
+    },
+    "has-values": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+      "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=",
+      "dev": true,
+      "requires": {
+        "is-number": "^3.0.0",
+        "kind-of": "^4.0.0"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+          "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "hash-base": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.0.4.tgz",
+      "integrity": "sha1-X8hoaEfs1zSZQDMZprCj8/auSRg=",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "hash.js": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.3.tgz",
+      "integrity": "sha512-/UETyP0W22QILqS+6HowevwhEFJ3MBJnwTf75Qob9Wz9t0DPuisL8kW8YZMK62dHAKE1c1p+gY1TtOLY+USEHA==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "hmac-drbg": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
+      "integrity": "sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=",
+      "dev": true,
+      "requires": {
+        "hash.js": "^1.0.3",
+        "minimalistic-assert": "^1.0.0",
+        "minimalistic-crypto-utils": "^1.0.1"
+      }
+    },
+    "home-or-tmp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/home-or-tmp/-/home-or-tmp-2.0.0.tgz",
+      "integrity": "sha1-42w/LSyufXRqhX440Y1fMqeILbg=",
+      "dev": true,
+      "requires": {
+        "os-homedir": "^1.0.0",
+        "os-tmpdir": "^1.0.1"
+      }
+    },
+    "homedir-polyfill": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.1.tgz",
+      "integrity": "sha1-TCu8inWJmP7r9e1oWA921GdotLw=",
+      "dev": true,
+      "requires": {
+        "parse-passwd": "^1.0.0"
+      }
+    },
+    "hosted-git-info": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.6.0.tgz",
+      "integrity": "sha512-lIbgIIQA3lz5XaB6vxakj6sDHADJiZadYEJB+FgA+C4nubM1NwcuvUr9EJPmnH1skZqpqUzWborWo8EIUi0Sdw==",
+      "dev": true
+    },
+    "iconv-lite": {
+      "version": "0.4.23",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
+      "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
+      "dev": true,
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "idb-wrapper": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/idb-wrapper/-/idb-wrapper-1.7.2.tgz",
+      "integrity": "sha512-zfNREywMuf0NzDo9mVsL0yegjsirJxHpKHvWcyRozIqQy89g0a3U+oBPOCN4cc0oCiOuYgZHimzaW/R46G1Mpg==",
+      "dev": true
+    },
+    "ignore": {
+      "version": "3.3.8",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.8.tgz",
+      "integrity": "sha512-pUh+xUQQhQzevjRHHFqqcTy0/dP/kS9I8HSrUydhihjuD09W6ldVWFtIrwhXdUJHis3i2rZNqEHpZH/cbinFbg==",
+      "dev": true
+    },
+    "imageoptim-cli": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/imageoptim-cli/-/imageoptim-cli-2.0.3.tgz",
+      "integrity": "sha512-QJZ8H6EOF7oV8sknqqfal42nAOtFtmy4pbKD5rfPriltZ1aLkCK2wI+z2G56pvHtIQI/5sBowUNSPWqR2yb5Bw==",
+      "dev": true,
+      "requires": {
+        "@types/execa": "0.9.0",
+        "@types/fs-extra": "5.0.3",
+        "@types/globby": "6.1.0",
+        "@types/node": "10.3.2",
+        "chalk": "2.4.1",
+        "commander": "2.15.1",
+        "execa": "0.10.0",
+        "fs-extra": "6.0.1",
+        "globby": "8.0.1",
+        "pretty-bytes": "5.1.0"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.15.1",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.15.1.tgz",
+          "integrity": "sha512-VlfT9F3V0v+jr4yxPc5gg9s62/fIVWsd2Bk2iD435um1NlGMYdVCq+MjcXnhYq2icNOizHr1kK+5TI6H0Hy0ag==",
+          "dev": true
+        },
+        "globby": {
+          "version": "8.0.1",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-8.0.1.tgz",
+          "integrity": "sha512-oMrYrJERnKBLXNLVTqhm3vPEdJ/b2ZE28xN4YARiix1NOIOBPEpOUnm844K1iu/BkphCaf2WNFwMszv8Soi1pw==",
+          "dev": true,
+          "requires": {
+            "array-union": "^1.0.1",
+            "dir-glob": "^2.0.0",
+            "fast-glob": "^2.0.2",
+            "glob": "^7.1.2",
+            "ignore": "^3.3.5",
+            "pify": "^3.0.0",
+            "slash": "^1.0.0"
+          }
+        },
+        "pify": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+          "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+          "dev": true
+        }
+      }
+    },
+    "imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "dev": true
+    },
+    "indent-string": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+      "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+      "dev": true,
+      "requires": {
+        "repeating": "^2.0.0"
+      }
+    },
+    "indexof": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/indexof/-/indexof-0.0.1.tgz",
+      "integrity": "sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10=",
+      "dev": true
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dev": true,
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+      "dev": true
+    },
+    "ini": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz",
+      "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
+      "dev": true
+    },
+    "inquirer": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-3.3.0.tgz",
+      "integrity": "sha512-h+xtnyk4EwKvFWHrUYsWErEVR+igKtLdchu+o0Z1RL7VU/jVMFbYir2bp6bAj8efFNxWqHX0dIss6fJQ+/+qeQ==",
+      "dev": true,
+      "requires": {
+        "ansi-escapes": "^3.0.0",
+        "chalk": "^2.0.0",
+        "cli-cursor": "^2.1.0",
+        "cli-width": "^2.0.0",
+        "external-editor": "^2.0.4",
+        "figures": "^2.0.0",
+        "lodash": "^4.3.0",
+        "mute-stream": "0.0.7",
+        "run-async": "^2.2.0",
+        "rx-lite": "^4.0.8",
+        "rx-lite-aggregates": "^4.0.8",
+        "string-width": "^2.1.0",
+        "strip-ansi": "^4.0.0",
+        "through": "^2.3.6"
+      }
+    },
+    "invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "dev": true,
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "is": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/is/-/is-0.2.7.tgz",
+      "integrity": "sha1-OzSixI81mXLzUEKEkZOucmS2NWI=",
+      "dev": true
+    },
+    "is-accessor-descriptor": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+      "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
+      "dev": true
+    },
+    "is-binary-path": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+      "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=",
+      "dev": true,
+      "requires": {
+        "binary-extensions": "^1.0.0"
+      }
+    },
+    "is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+      "dev": true
+    },
+    "is-builtin-module": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz",
+      "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=",
+      "dev": true,
+      "requires": {
+        "builtin-modules": "^1.0.0"
+      }
+    },
+    "is-data-descriptor": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+      "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "is-descriptor": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+      "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+      "dev": true,
+      "requires": {
+        "is-accessor-descriptor": "^0.1.6",
+        "is-data-descriptor": "^0.1.4",
+        "kind-of": "^5.0.0"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+          "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+          "dev": true
+        }
+      }
+    },
+    "is-dotfile": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz",
+      "integrity": "sha1-pqLzL/0t+wT1yiXs0Pa4PPeYoeE=",
+      "dev": true
+    },
+    "is-equal-shallow": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz",
+      "integrity": "sha1-IjgJj8Ih3gvPpdnqxMRdY4qhxTQ=",
+      "dev": true,
+      "requires": {
+        "is-primitive": "^2.0.0"
+      }
+    },
+    "is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=",
+      "dev": true
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "dev": true
+    },
+    "is-finite": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz",
+      "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
+      "dev": true,
+      "requires": {
+        "number-is-nan": "^1.0.0"
+      }
+    },
+    "is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+      "dev": true
+    },
+    "is-glob": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.0.tgz",
+      "integrity": "sha1-lSHHaEXMJhCoUgPd8ICpWML/q8A=",
+      "dev": true,
+      "requires": {
+        "is-extglob": "^2.1.1"
+      }
+    },
+    "is-module": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
+      "integrity": "sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=",
+      "dev": true
+    },
+    "is-number": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+      "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "is-object": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/is-object/-/is-object-0.1.2.tgz",
+      "integrity": "sha1-AO+8CIFsM8/ErIJR0TLhDcZQmNc=",
+      "dev": true
+    },
+    "is-odd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-odd/-/is-odd-2.0.0.tgz",
+      "integrity": "sha512-OTiixgpZAT1M4NHgS5IguFp/Vz2VI3U7Goh4/HA1adtwyLtSBrxYlcSYkhpAE07s4fKEcjrFxyvtQBND4vFQyQ==",
+      "dev": true,
+      "requires": {
+        "is-number": "^4.0.0"
+      },
+      "dependencies": {
+        "is-number": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
+          "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==",
+          "dev": true
+        }
+      }
+    },
+    "is-path-cwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-1.0.0.tgz",
+      "integrity": "sha1-0iXsIxMuie3Tj9p2dHLmLmXxEG0=",
+      "dev": true
+    },
+    "is-path-in-cwd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-1.0.1.tgz",
+      "integrity": "sha512-FjV1RTW48E7CWM7eE/J2NJvAEEVektecDBVBE5Hh3nM1Jd0kvhHtX68Pr3xsDf857xt3Y4AkwVULK1Vku62aaQ==",
+      "dev": true,
+      "requires": {
+        "is-path-inside": "^1.0.0"
+      }
+    },
+    "is-path-inside": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-1.0.1.tgz",
+      "integrity": "sha1-jvW33lBDej/cprToZe96pVy0gDY=",
+      "dev": true,
+      "requires": {
+        "path-is-inside": "^1.0.1"
+      }
+    },
+    "is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.1"
+      }
+    },
+    "is-posix-bracket": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz",
+      "integrity": "sha1-MzTceXdDaOkvAW5vvAqI9c1ua8Q=",
+      "dev": true
+    },
+    "is-primitive": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-primitive/-/is-primitive-2.0.0.tgz",
+      "integrity": "sha1-IHurkWOEmcB7Kt8kCkGochADRXU=",
+      "dev": true
+    },
+    "is-promise": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.1.0.tgz",
+      "integrity": "sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=",
+      "dev": true
+    },
+    "is-resolvable": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-resolvable/-/is-resolvable-1.1.0.tgz",
+      "integrity": "sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==",
+      "dev": true
+    },
+    "is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
+      "dev": true
+    },
+    "is-utf8": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
+      "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
+      "dev": true
+    },
+    "is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "dev": true
+    },
+    "isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
+      "dev": true
+    },
+    "isbuffer": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/isbuffer/-/isbuffer-0.0.0.tgz",
+      "integrity": "sha1-OMFG2d9Si4v5sHAcPUPPEt8/w5s=",
+      "dev": true
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
+    },
+    "isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
+      "dev": true
+    },
+    "js-reporters": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/js-reporters/-/js-reporters-1.2.1.tgz",
+      "integrity": "sha1-+IxgjjJKM3OpW8xFrTBeXJecRZs=",
+      "dev": true
+    },
+    "js-tokens": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
+      "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls=",
+      "dev": true
+    },
+    "js-yaml": {
+      "version": "3.11.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.11.0.tgz",
+      "integrity": "sha512-saJstZWv7oNeOyBh3+Dx1qWzhW0+e6/8eDzo7p5rDFqxntSztloLtuKu+Ejhtq82jsilwOIZYsCz+lIjthg1Hw==",
+      "dev": true,
+      "requires": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      }
+    },
+    "js2xmlparser": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/js2xmlparser/-/js2xmlparser-3.0.0.tgz",
+      "integrity": "sha1-P7YOqgicVED5MZ9RdgzNB+JJlzM=",
+      "dev": true,
+      "requires": {
+        "xmlcreate": "^1.0.1"
+      }
+    },
+    "jsdoc": {
+      "version": "3.5.5",
+      "resolved": "https://registry.npmjs.org/jsdoc/-/jsdoc-3.5.5.tgz",
+      "integrity": "sha512-6PxB65TAU4WO0Wzyr/4/YhlGovXl0EVYfpKbpSroSj0qBxT4/xod/l40Opkm38dRHRdQgdeY836M0uVnJQG7kg==",
+      "dev": true,
+      "requires": {
+        "babylon": "7.0.0-beta.19",
+        "bluebird": "~3.5.0",
+        "catharsis": "~0.8.9",
+        "escape-string-regexp": "~1.0.5",
+        "js2xmlparser": "~3.0.0",
+        "klaw": "~2.0.0",
+        "marked": "~0.3.6",
+        "mkdirp": "~0.5.1",
+        "requizzle": "~0.2.1",
+        "strip-json-comments": "~2.0.1",
+        "taffydb": "2.6.2",
+        "underscore": "~1.8.3"
+      },
+      "dependencies": {
+        "babylon": {
+          "version": "7.0.0-beta.19",
+          "resolved": "https://registry.npmjs.org/babylon/-/babylon-7.0.0-beta.19.tgz",
+          "integrity": "sha512-Vg0C9s/REX6/WIXN37UKpv5ZhRi6A4pjHlpkE34+8/a6c2W1Q692n3hmc+SZG5lKRnaExLUbxtJ1SVT+KaCQ/A==",
+          "dev": true
+        }
+      }
+    },
+    "jsesc": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz",
+      "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=",
+      "dev": true
+    },
+    "json-schema-traverse": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz",
+      "integrity": "sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=",
+      "dev": true
+    },
+    "json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "dev": true
+    },
+    "json5": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
+      "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
+      "dev": true
+    },
+    "jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "just-extend": {
+      "version": "1.1.27",
+      "resolved": "https://registry.npmjs.org/just-extend/-/just-extend-1.1.27.tgz",
+      "integrity": "sha512-mJVp13Ix6gFo3SBAy9U/kL+oeZqzlYYYLQBwXVBlVzIsZwBqGREnOro24oC/8s8aox+rJhtZ2DiQof++IrkA+g==",
+      "dev": true
+    },
+    "kind-of": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+      "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==",
+      "dev": true
+    },
+    "klaw": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/klaw/-/klaw-2.0.0.tgz",
+      "integrity": "sha1-WcEo4Nxc5BAgEVEZTuucv4WGUPY=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.9"
+      }
+    },
+    "level-blobs": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/level-blobs/-/level-blobs-0.1.7.tgz",
+      "integrity": "sha1-mrm5e7mfHtv594o0M+Ie1WOGva8=",
+      "dev": true,
+      "requires": {
+        "level-peek": "1.0.6",
+        "once": "^1.3.0",
+        "readable-stream": "^1.0.26-4"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "1.1.14",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
+          "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.1",
+            "isarray": "0.0.1",
+            "string_decoder": "~0.10.x"
+          }
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
+          "dev": true
+        }
+      }
+    },
+    "level-filesystem": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/level-filesystem/-/level-filesystem-1.2.0.tgz",
+      "integrity": "sha1-oArKmRnEpN+v3KaoEI0iWq3/Y7M=",
+      "dev": true,
+      "requires": {
+        "concat-stream": "^1.4.4",
+        "errno": "^0.1.1",
+        "fwd-stream": "^1.0.4",
+        "level-blobs": "^0.1.7",
+        "level-peek": "^1.0.6",
+        "level-sublevel": "^5.2.0",
+        "octal": "^1.0.0",
+        "once": "^1.3.0",
+        "xtend": "^2.2.0"
+      }
+    },
+    "level-fix-range": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/level-fix-range/-/level-fix-range-1.0.2.tgz",
+      "integrity": "sha1-vxW5Fa422EcMgh6IPd95zRZCCCg=",
+      "dev": true
+    },
+    "level-hooks": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/level-hooks/-/level-hooks-4.5.0.tgz",
+      "integrity": "sha1-G5rmGSKTDzMF0aYfxNg8gQLA3ZM=",
+      "dev": true,
+      "requires": {
+        "string-range": "~1.2"
+      }
+    },
+    "level-js": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/level-js/-/level-js-2.2.4.tgz",
+      "integrity": "sha1-vAVfQYBjXUSJtWHJSG+jcOjBFpc=",
+      "dev": true,
+      "requires": {
+        "abstract-leveldown": "~0.12.0",
+        "idb-wrapper": "^1.5.0",
+        "isbuffer": "~0.0.0",
+        "ltgt": "^2.1.2",
+        "typedarray-to-buffer": "~1.0.0",
+        "xtend": "~2.1.2"
+      },
+      "dependencies": {
+        "object-keys": {
+          "version": "0.4.0",
+          "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-0.4.0.tgz",
+          "integrity": "sha1-KKaq50KN0sOpLz2V8hM13SBOAzY=",
+          "dev": true
+        },
+        "xtend": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/xtend/-/xtend-2.1.2.tgz",
+          "integrity": "sha1-bv7MKk2tjmlixJAbM3znuoe10os=",
+          "dev": true,
+          "requires": {
+            "object-keys": "~0.4.0"
+          }
+        }
+      }
+    },
+    "level-peek": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/level-peek/-/level-peek-1.0.6.tgz",
+      "integrity": "sha1-vsUccqgu5GTTNkNMfIdsP8vM538=",
+      "dev": true,
+      "requires": {
+        "level-fix-range": "~1.0.2"
+      }
+    },
+    "level-sublevel": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/level-sublevel/-/level-sublevel-5.2.3.tgz",
+      "integrity": "sha1-dEwSxy0ucr543eO5tc2E1iGRQTo=",
+      "dev": true,
+      "requires": {
+        "level-fix-range": "2.0",
+        "level-hooks": ">=4.4.0 <5",
+        "string-range": "~1.2.1",
+        "xtend": "~2.0.4"
+      },
+      "dependencies": {
+        "level-fix-range": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/level-fix-range/-/level-fix-range-2.0.0.tgz",
+          "integrity": "sha1-xBfWIVlEIVGhnZojZ4aPFyTC1Ug=",
+          "dev": true,
+          "requires": {
+            "clone": "~0.1.9"
+          }
+        },
+        "xtend": {
+          "version": "2.0.6",
+          "resolved": "https://registry.npmjs.org/xtend/-/xtend-2.0.6.tgz",
+          "integrity": "sha1-XqZXptukRwacLlnFihE4ywxebO4=",
+          "dev": true,
+          "requires": {
+            "is-object": "~0.1.2",
+            "object-keys": "~0.2.0"
+          }
+        }
+      }
+    },
+    "levelup": {
+      "version": "0.18.6",
+      "resolved": "https://registry.npmjs.org/levelup/-/levelup-0.18.6.tgz",
+      "integrity": "sha1-5qAcsIlhbI7MApHCqb0/DETj5es=",
+      "dev": true,
+      "requires": {
+        "bl": "~0.8.1",
+        "deferred-leveldown": "~0.2.0",
+        "errno": "~0.1.1",
+        "prr": "~0.0.0",
+        "readable-stream": "~1.0.26",
+        "semver": "~2.3.1",
+        "xtend": "~3.0.0"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+          "dev": true
+        },
+        "prr": {
+          "version": "0.0.0",
+          "resolved": "https://registry.npmjs.org/prr/-/prr-0.0.0.tgz",
+          "integrity": "sha1-GoS4WQgyVQFBGFPQCB7j+obikmo=",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "1.0.34",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+          "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.1",
+            "isarray": "0.0.1",
+            "string_decoder": "~0.10.x"
+          }
+        },
+        "semver": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-2.3.2.tgz",
+          "integrity": "sha1-uYSPJdbPNjMwc+ye+IVtQvEjPlI=",
+          "dev": true
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
+          "dev": true
+        },
+        "xtend": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/xtend/-/xtend-3.0.0.tgz",
+          "integrity": "sha1-XM50B7r2Qsunvs2laBEcST9ZZlo=",
+          "dev": true
+        }
+      }
+    },
+    "levn": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+      "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2"
+      }
+    },
+    "load-json-file": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",
+      "integrity": "sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "parse-json": "^2.2.0",
+        "pify": "^2.0.0",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "load-stylesheets": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/load-stylesheets/-/load-stylesheets-0.7.0.tgz",
+      "integrity": "sha512-GmNY6qV8uLCwgOC/U5UyeTxAh3Os//eTX+Y4644lcryBh81SPxNBA5GLVDB9rxUhXh8Oz0zT3mSCC1Wf4PP1oQ==",
+      "dev": true
+    },
+    "locate-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+      "dev": true,
+      "requires": {
+        "p-locate": "^2.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "dependencies": {
+        "path-exists": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+          "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+          "dev": true
+        }
+      }
+    },
+    "lodash": {
+      "version": "4.17.10",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
+      "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg==",
+      "dev": true
+    },
+    "lodash.get": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+      "integrity": "sha1-LRd/ZS+jHpObRDjVNBSZ36OCXpk=",
+      "dev": true
+    },
+    "lolex": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/lolex/-/lolex-2.7.1.tgz",
+      "integrity": "sha512-Oo2Si3RMKV3+lV5MsSWplDQFoTClz/24S0MMHYcgGWWmFXr6TMlqcqk/l1GtH+d5wLBwNRiqGnwDRMirtFalJw==",
+      "dev": true
+    },
+    "loose-envify": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.3.1.tgz",
+      "integrity": "sha1-0aitM/qc4OcT1l/dCsi3SNR4yEg=",
+      "dev": true,
+      "requires": {
+        "js-tokens": "^3.0.0"
+      }
+    },
+    "loud-rejection": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
+      "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
+      "dev": true,
+      "requires": {
+        "currently-unhandled": "^0.4.1",
+        "signal-exit": "^3.0.0"
+      }
+    },
+    "lru-cache": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.3.tgz",
+      "integrity": "sha512-fFEhvcgzuIoJVUF8fYr5KR0YqxD238zgObTps31YdADwPPAp82a4M8TrckkWyx7ekNlf9aBcVn81cFwwXngrJA==",
+      "dev": true,
+      "requires": {
+        "pseudomap": "^1.0.2",
+        "yallist": "^2.1.2"
+      }
+    },
+    "ltgt": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/ltgt/-/ltgt-2.2.1.tgz",
+      "integrity": "sha1-81ypHEk/e3PaDgdJUwTxezH4fuU=",
+      "dev": true
+    },
+    "magic-string": {
+      "version": "0.22.5",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.22.5.tgz",
+      "integrity": "sha512-oreip9rJZkzvA8Qzk9HFs8fZGF/u7H/gtrE8EN6RjKJ9kh2HlC+yQ2QezifqTZfGyiuAV0dRv5a+y/8gBb1m9w==",
+      "dev": true,
+      "requires": {
+        "vlq": "^0.2.2"
+      }
+    },
+    "map-cache": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+      "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=",
+      "dev": true
+    },
+    "map-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+      "dev": true
+    },
+    "map-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+      "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=",
+      "dev": true,
+      "requires": {
+        "object-visit": "^1.0.0"
+      }
+    },
+    "marked": {
+      "version": "0.3.19",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-0.3.19.tgz",
+      "integrity": "sha512-ea2eGWOqNxPcXv8dyERdSr/6FmzvWwzjMxpfGB/sbMccXoct+xY+YukPD+QTUZwyvK7BZwcr4m21WBOW41pAkg==",
+      "dev": true
+    },
+    "matcher-collection": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/matcher-collection/-/matcher-collection-1.0.5.tgz",
+      "integrity": "sha512-nUCmzKipcJEwYsBVAFh5P+d7JBuhJaW1xs85Hara9xuMLqtCVUrW6DSC0JVIkluxEH2W45nPBM/wjHtBXa/tYA==",
+      "dev": true,
+      "requires": {
+        "minimatch": "^3.0.2"
+      }
+    },
+    "math-random": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/math-random/-/math-random-1.0.1.tgz",
+      "integrity": "sha1-izqsWIuKZuSXXjzepn97sylgH6w=",
+      "dev": true
+    },
+    "md5.js": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.4.tgz",
+      "integrity": "sha1-6b296UogpawYsENA/Fdk1bCdkB0=",
+      "dev": true,
+      "requires": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1"
+      }
+    },
+    "meow": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+      "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
+      "dev": true,
+      "requires": {
+        "camelcase-keys": "^2.0.0",
+        "decamelize": "^1.1.2",
+        "loud-rejection": "^1.0.0",
+        "map-obj": "^1.0.1",
+        "minimist": "^1.1.3",
+        "normalize-package-data": "^2.3.4",
+        "object-assign": "^4.0.1",
+        "read-pkg-up": "^1.0.1",
+        "redent": "^1.0.0",
+        "trim-newlines": "^1.0.0"
+      },
+      "dependencies": {
+        "load-json-file": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+          "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "parse-json": "^2.2.0",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0",
+            "strip-bom": "^2.0.0"
+          }
+        },
+        "minimist": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
+          "dev": true
+        },
+        "path-type": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+          "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          }
+        },
+        "read-pkg": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+          "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+          "dev": true,
+          "requires": {
+            "load-json-file": "^1.0.0",
+            "normalize-package-data": "^2.3.2",
+            "path-type": "^1.0.0"
+          }
+        },
+        "read-pkg-up": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+          "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+          "dev": true,
+          "requires": {
+            "find-up": "^1.0.0",
+            "read-pkg": "^1.0.0"
+          }
+        },
+        "strip-bom": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+          "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+          "dev": true,
+          "requires": {
+            "is-utf8": "^0.2.0"
+          }
+        }
+      }
+    },
+    "merge2": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.2.tgz",
+      "integrity": "sha512-bgM8twH86rWni21thii6WCMQMRMmwqqdW3sGWi9IipnVAszdLXRjwDwAnyrVXo6DuP3AjRMMttZKUB48QWIFGg==",
+      "dev": true
+    },
+    "micromatch": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+      "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+      "dev": true,
+      "requires": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "braces": "^2.3.1",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "extglob": "^2.0.4",
+        "fragment-cache": "^0.2.1",
+        "kind-of": "^6.0.2",
+        "nanomatch": "^1.2.9",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.2"
+      }
+    },
+    "miller-rabin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.0.0",
+        "brorand": "^1.0.1"
+      }
+    },
+    "mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true
+    },
+    "mimic-fn": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
+      "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
+      "dev": true
+    },
+    "minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true
+    },
+    "minimalistic-crypto-utils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
+      "integrity": "sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=",
+      "dev": true
+    },
+    "minimatch": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "minimist": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+      "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
+      "dev": true
+    },
+    "mixin-deep": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.1.tgz",
+      "integrity": "sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==",
+      "dev": true,
+      "requires": {
+        "for-in": "^1.0.2",
+        "is-extendable": "^1.0.1"
+      },
+      "dependencies": {
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "mkdirp": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+      "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+      "dev": true,
+      "requires": {
+        "minimist": "0.0.8"
+      }
+    },
+    "ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
+    },
+    "mute-stream": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.7.tgz",
+      "integrity": "sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=",
+      "dev": true
+    },
+    "nan": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.10.0.tgz",
+      "integrity": "sha512-bAdJv7fBLhWC+/Bls0Oza+mvTaNQtP+1RyhhhvD95pgUJz6XM5IzgmxOkItJ9tkoCiplvAnXI1tNmmUD/eScyA==",
+      "dev": true,
+      "optional": true
+    },
+    "nanomatch": {
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.9.tgz",
+      "integrity": "sha512-n8R9bS8yQ6eSXaV6jHUpKzD8gLsin02w1HSFiegwrs9E098Ylhw5jdyKPaYqvHknHaSCKTPp7C8dGCQ0q9koXA==",
+      "dev": true,
+      "requires": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "fragment-cache": "^0.2.1",
+        "is-odd": "^2.0.0",
+        "is-windows": "^1.0.2",
+        "kind-of": "^6.0.2",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      }
+    },
+    "natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
+    },
+    "nice-try": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.4.tgz",
+      "integrity": "sha512-2NpiFHqC87y/zFke0fC0spBXL3bBsoh/p5H1EFhshxjCR5+0g2d6BiXbUFz9v1sAcxsk2htp2eQnNIci2dIYcA==",
+      "dev": true
+    },
+    "nise": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/nise/-/nise-1.4.2.tgz",
+      "integrity": "sha512-BxH/DxoQYYdhKgVAfqVy4pzXRZELHOIewzoesxpjYvpU+7YOalQhGNPf7wAx8pLrTNPrHRDlLOkAl8UI0ZpXjw==",
+      "dev": true,
+      "requires": {
+        "@sinonjs/formatio": "^2.0.0",
+        "just-extend": "^1.1.27",
+        "lolex": "^2.3.2",
+        "path-to-regexp": "^1.7.0",
+        "text-encoding": "^0.6.4"
+      }
+    },
+    "node-static": {
+      "version": "0.7.10",
+      "resolved": "https://registry.npmjs.org/node-static/-/node-static-0.7.10.tgz",
+      "integrity": "sha512-bd7zO5hvCWzdglgwz9t82T4mYTEUzEG5pXnSqEzitvmEacusbhl8/VwuCbMaYR9g2PNK5191yBtAEQLJEmQh1A==",
+      "dev": true,
+      "requires": {
+        "colors": ">=0.6.0",
+        "mime": "^1.2.9",
+        "optimist": ">=0.3.4"
+      }
+    },
+    "normalize-package-data": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz",
+      "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==",
+      "dev": true,
+      "requires": {
+        "hosted-git-info": "^2.1.4",
+        "is-builtin-module": "^1.0.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "normalize-path": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+      "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+      "dev": true,
+      "requires": {
+        "remove-trailing-separator": "^1.0.1"
+      }
+    },
+    "npm-run-path": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+      "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=",
+      "dev": true,
+      "requires": {
+        "path-key": "^2.0.0"
+      }
+    },
+    "number-is-nan": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+      "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
+      "dev": true
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "dev": true
+    },
+    "object-copy": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+      "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=",
+      "dev": true,
+      "requires": {
+        "copy-descriptor": "^0.1.0",
+        "define-property": "^0.2.5",
+        "kind-of": "^3.0.3"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        },
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "object-keys": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-0.2.0.tgz",
+      "integrity": "sha1-zd7AKZiwkb5CvxA1rjLknxy26mc=",
+      "dev": true,
+      "requires": {
+        "foreach": "~2.0.1",
+        "indexof": "~0.0.1",
+        "is": "~0.2.6"
+      }
+    },
+    "object-visit": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+      "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.0"
+      }
+    },
+    "object.omit": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-2.0.1.tgz",
+      "integrity": "sha1-Gpx0SCnznbuFjHbKNXmuKlTr0fo=",
+      "dev": true,
+      "requires": {
+        "for-own": "^0.1.4",
+        "is-extendable": "^0.1.1"
+      }
+    },
+    "object.pick": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+      "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.1"
+      }
+    },
+    "octal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/octal/-/octal-1.0.0.tgz",
+      "integrity": "sha1-Y+cWKmjvvrniE1iNWOmJ0eXEUws=",
+      "dev": true
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dev": true,
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "onetime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
+      "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
+      "dev": true,
+      "requires": {
+        "mimic-fn": "^1.0.0"
+      }
+    },
+    "opn": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/opn/-/opn-4.0.2.tgz",
+      "integrity": "sha1-erwi5kTf9jsKltWrfyeQwPAavJU=",
+      "dev": true,
+      "requires": {
+        "object-assign": "^4.0.1",
+        "pinkie-promise": "^2.0.0"
+      }
+    },
+    "opn-cli": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/opn-cli/-/opn-cli-3.1.0.tgz",
+      "integrity": "sha1-+BmubK4LQRvQFJuFYP5siK2tIPg=",
+      "dev": true,
+      "requires": {
+        "file-type": "^3.6.0",
+        "get-stdin": "^5.0.1",
+        "meow": "^3.7.0",
+        "opn": "^4.0.0",
+        "temp-write": "^2.1.0"
+      }
+    },
+    "optimist": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
+      "integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
+      "dev": true,
+      "requires": {
+        "minimist": "~0.0.1",
+        "wordwrap": "~0.0.2"
+      },
+      "dependencies": {
+        "wordwrap": {
+          "version": "0.0.3",
+          "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
+          "integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc=",
+          "dev": true
+        }
+      }
+    },
+    "optionator": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.2.tgz",
+      "integrity": "sha1-NkxeQJ0/TWMB1sC0wFu6UBgK62Q=",
+      "dev": true,
+      "requires": {
+        "deep-is": "~0.1.3",
+        "fast-levenshtein": "~2.0.4",
+        "levn": "~0.3.0",
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2",
+        "wordwrap": "~1.0.0"
+      }
+    },
+    "os-homedir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+      "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
+      "dev": true
+    },
+    "os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
+      "dev": true
+    },
+    "p-finally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
+      "dev": true
+    },
+    "p-limit": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+      "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+      "dev": true,
+      "requires": {
+        "p-try": "^1.0.0"
+      }
+    },
+    "p-locate": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+      "dev": true,
+      "requires": {
+        "p-limit": "^1.1.0"
+      }
+    },
+    "p-try": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+      "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+      "dev": true
+    },
+    "parse-asn1": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.1.tgz",
+      "integrity": "sha512-KPx7flKXg775zZpnp9SxJlz00gTd4BmJ2yJufSc44gMCRrRQ7NSzAcSJQfifuOLgW6bEi+ftrALtsgALeB2Adw==",
+      "dev": true,
+      "requires": {
+        "asn1.js": "^4.0.0",
+        "browserify-aes": "^1.0.0",
+        "create-hash": "^1.1.0",
+        "evp_bytestokey": "^1.0.0",
+        "pbkdf2": "^3.0.3"
+      }
+    },
+    "parse-glob": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz",
+      "integrity": "sha1-ssN2z7EfNVE7rdFz7wu246OIORw=",
+      "dev": true,
+      "requires": {
+        "glob-base": "^0.3.0",
+        "is-dotfile": "^1.0.0",
+        "is-extglob": "^1.0.0",
+        "is-glob": "^2.0.0"
+      },
+      "dependencies": {
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^1.0.0"
+          }
+        }
+      }
+    },
+    "parse-json": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+      "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+      "dev": true,
+      "requires": {
+        "error-ex": "^1.2.0"
+      }
+    },
+    "parse-passwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
+      "integrity": "sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=",
+      "dev": true
+    },
+    "pascalcase": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+      "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=",
+      "dev": true
+    },
+    "path-dirname": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+      "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=",
+      "dev": true
+    },
+    "path-exists": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+      "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+      "dev": true,
+      "requires": {
+        "pinkie-promise": "^2.0.0"
+      }
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+      "dev": true
+    },
+    "path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=",
+      "dev": true
+    },
+    "path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "dev": true
+    },
+    "path-parse": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.5.tgz",
+      "integrity": "sha1-PBrfhx6pzWyUMbbqK9dKD/BVxME=",
+      "dev": true
+    },
+    "path-to-regexp": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.7.0.tgz",
+      "integrity": "sha1-Wf3g9DW62suhA6hOnTvGTpa5k30=",
+      "dev": true,
+      "requires": {
+        "isarray": "0.0.1"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+          "dev": true
+        }
+      }
+    },
+    "path-type": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-2.0.0.tgz",
+      "integrity": "sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM=",
+      "dev": true,
+      "requires": {
+        "pify": "^2.0.0"
+      }
+    },
+    "pbkdf2": {
+      "version": "3.0.16",
+      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.0.16.tgz",
+      "integrity": "sha512-y4CXP3thSxqf7c0qmOF+9UeOTrifiVTIM+u7NWlq+PRsHbr7r7dpCmvzrZxa96JJUNi0Y5w9VqG5ZNeCVMoDcA==",
+      "dev": true,
+      "requires": {
+        "create-hash": "^1.1.2",
+        "create-hmac": "^1.1.4",
+        "ripemd160": "^2.0.1",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      }
+    },
+    "pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+      "dev": true
+    },
+    "pinkie": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+      "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=",
+      "dev": true
+    },
+    "pinkie-promise": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+      "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
+      "dev": true,
+      "requires": {
+        "pinkie": "^2.0.0"
+      }
+    },
+    "pkg-dir": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-1.0.0.tgz",
+      "integrity": "sha1-ektQio1bstYp1EcFb/TpyTFM89Q=",
+      "dev": true,
+      "requires": {
+        "find-up": "^1.0.0"
+      }
+    },
+    "pluralize": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-7.0.0.tgz",
+      "integrity": "sha512-ARhBOdzS3e41FbkW/XWrTEtukqqLoK5+Z/4UeDaLuSW+39JPeFgs4gCGqsrJHVZX0fUrx//4OF0K1CUGwlIFow==",
+      "dev": true
+    },
+    "posix-character-classes": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
+      "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=",
+      "dev": true
+    },
+    "prelude-ls": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+      "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
+      "dev": true
+    },
+    "preserve": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz",
+      "integrity": "sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks=",
+      "dev": true
+    },
+    "pretty-bytes": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.1.0.tgz",
+      "integrity": "sha512-wa5+qGVg9Yt7PB6rYm3kXlKzgzgivYTLRandezh43jjRqgyDyP+9YxfJpJiLs9yKD1WeU8/OvtToWpW7255FtA==",
+      "dev": true
+    },
+    "private": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
+      "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==",
+      "dev": true
+    },
+    "process-es6": {
+      "version": "0.11.6",
+      "resolved": "https://registry.npmjs.org/process-es6/-/process-es6-0.11.6.tgz",
+      "integrity": "sha1-xrs4n5qVH4K9TrFpYAEFvS/5x3g=",
+      "dev": true
+    },
+    "process-nextick-args": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
+      "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
+      "dev": true
+    },
+    "progress": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.0.tgz",
+      "integrity": "sha1-ihvjZr+Pwj2yvSPxDG/pILQ4nR8=",
+      "dev": true
+    },
+    "promise-fs": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/promise-fs/-/promise-fs-1.3.0.tgz",
+      "integrity": "sha512-CXT/dzuNzWDl9UoJ49MHgv5GqjLcOw5iq7laC3DfBjDRpDFVt3kal6Ar8rTafzEv1cS5BJIW/5o3tTKYHOcEtg==",
+      "dev": true,
+      "requires": {
+        "@octetstream/promisify": "1.1.0"
+      }
+    },
+    "prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
+      "dev": true
+    },
+    "pseudomap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+      "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
+      "dev": true
+    },
+    "public-encrypt": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.2.tgz",
+      "integrity": "sha512-4kJ5Esocg8X3h8YgJsKAuoesBgB7mqH3eowiDzMUPKiRDDE7E/BqqZD1hnTByIaAFiwAw246YEltSq7tdrOH0Q==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "browserify-rsa": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "parse-asn1": "^5.0.0",
+        "randombytes": "^2.0.1"
+      }
+    },
+    "q": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
+      "integrity": "sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=",
+      "dev": true
+    },
+    "qunit": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/qunit/-/qunit-2.6.1.tgz",
+      "integrity": "sha512-AaILHe41G+fVC8h5wrp8U31iM2tRxLAVwH1tICtDkRbC1HDgJBjjYq0SMCZE8K3Z16MiZq3vhNhLu18KeDtS6Q==",
+      "dev": true,
+      "requires": {
+        "chokidar": "1.7.0",
+        "commander": "2.12.2",
+        "exists-stat": "1.0.0",
+        "findup-sync": "2.0.0",
+        "js-reporters": "1.2.1",
+        "resolve": "1.5.0",
+        "walk-sync": "0.3.2"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.12.2",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.12.2.tgz",
+          "integrity": "sha512-BFnaq5ZOGcDN7FlrtBT4xxkgIToalIIxwjxLWVJ8bGTpe1LroqMiqQXdA7ygc7CRvaYS+9zfPGFnJqFSayx+AA==",
+          "dev": true
+        },
+        "resolve": {
+          "version": "1.5.0",
+          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.5.0.tgz",
+          "integrity": "sha512-hgoSGrc3pjzAPHNBg+KnFcK2HwlHTs/YrAGUr6qgTVUZmXv1UEXXl0bZNBKMA9fud6lRYFdPGz0xXxycPzmmiw==",
+          "dev": true,
+          "requires": {
+            "path-parse": "^1.0.5"
+          }
+        }
+      }
+    },
+    "randomatic": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.0.0.tgz",
+      "integrity": "sha512-VdxFOIEY3mNO5PtSRkkle/hPJDHvQhK21oa73K4yAc9qmp6N429gAyF1gZMOTMeS0/AYzaV/2Trcef+NaIonSA==",
+      "dev": true,
+      "requires": {
+        "is-number": "^4.0.0",
+        "kind-of": "^6.0.0",
+        "math-random": "^1.0.1"
+      },
+      "dependencies": {
+        "is-number": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
+          "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==",
+          "dev": true
+        }
+      }
+    },
+    "randombytes": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.0.6.tgz",
+      "integrity": "sha512-CIQ5OFxf4Jou6uOKe9t1AOgqpeU5fd70A8NPdHSGeYXqXsPe6peOwI0cUl88RWZ6sP1vPMV3avd/R6cZ5/sP1A==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "randomfill": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
+      "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
+      "dev": true,
+      "requires": {
+        "randombytes": "^2.0.5",
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "read-pkg": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-2.0.0.tgz",
+      "integrity": "sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg=",
+      "dev": true,
+      "requires": {
+        "load-json-file": "^2.0.0",
+        "normalize-package-data": "^2.3.2",
+        "path-type": "^2.0.0"
+      }
+    },
+    "read-pkg-up": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-2.0.0.tgz",
+      "integrity": "sha1-a3KoBImE4MQeeVEP1en6mbO1Sb4=",
+      "dev": true,
+      "requires": {
+        "find-up": "^2.0.0",
+        "read-pkg": "^2.0.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+          "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+          "dev": true,
+          "requires": {
+            "locate-path": "^2.0.0"
+          }
+        }
+      }
+    },
+    "readable-stream": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
+      "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
+      "dev": true,
+      "requires": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "readdirp": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.1.0.tgz",
+      "integrity": "sha1-TtCtBg3zBzMAxIRANz9y0cxkLXg=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "minimatch": "^3.0.2",
+        "readable-stream": "^2.0.2",
+        "set-immediate-shim": "^1.0.1"
+      }
+    },
+    "redent": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
+      "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
+      "dev": true,
+      "requires": {
+        "indent-string": "^2.1.0",
+        "strip-indent": "^1.0.1"
+      }
+    },
+    "regenerate": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.0.tgz",
+      "integrity": "sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==",
+      "dev": true
+    },
+    "regenerator-runtime": {
+      "version": "0.10.5",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz",
+      "integrity": "sha1-M2w+/BIgrc7dosn6tntaeVWjNlg=",
+      "dev": true
+    },
+    "regenerator-transform": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.10.1.tgz",
+      "integrity": "sha512-PJepbvDbuK1xgIgnau7Y90cwaAmO/LCLMI2mPvaXq2heGMR3aWW5/BQvYrhJ8jgmQjXewXvBjzfqKcVOmhjZ6Q==",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.18.0",
+        "babel-types": "^6.19.0",
+        "private": "^0.1.6"
+      }
+    },
+    "regex-cache": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/regex-cache/-/regex-cache-0.4.4.tgz",
+      "integrity": "sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==",
+      "dev": true,
+      "requires": {
+        "is-equal-shallow": "^0.1.3"
+      }
+    },
+    "regex-not": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+      "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^3.0.2",
+        "safe-regex": "^1.1.0"
+      }
+    },
+    "regexpp": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-1.1.0.tgz",
+      "integrity": "sha512-LOPw8FpgdQF9etWMaAfG/WRthIdXJGYp4mJ2Jgn/2lpkbod9jPn0t9UqN7AxBOKNfzRbYyVfgc7Vk4t/MpnXgw==",
+      "dev": true
+    },
+    "regexpu-core": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-2.0.0.tgz",
+      "integrity": "sha1-SdA4g3uNz4v6W5pCE5k45uoq4kA=",
+      "dev": true,
+      "requires": {
+        "regenerate": "^1.2.1",
+        "regjsgen": "^0.2.0",
+        "regjsparser": "^0.1.4"
+      }
+    },
+    "regjsgen": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
+      "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=",
+      "dev": true
+    },
+    "regjsparser": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz",
+      "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=",
+      "dev": true,
+      "requires": {
+        "jsesc": "~0.5.0"
+      },
+      "dependencies": {
+        "jsesc": {
+          "version": "0.5.0",
+          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+          "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
+          "dev": true
+        }
+      }
+    },
+    "remove-trailing-separator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+      "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=",
+      "dev": true
+    },
+    "repeat-element": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.2.tgz",
+      "integrity": "sha1-7wiaF40Ug7quTZPrmLT55OEdmQo=",
+      "dev": true
+    },
+    "repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
+      "dev": true
+    },
+    "repeating": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
+      "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
+      "dev": true,
+      "requires": {
+        "is-finite": "^1.0.0"
+      }
+    },
+    "require-uncached": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/require-uncached/-/require-uncached-1.0.3.tgz",
+      "integrity": "sha1-Tg1W1slmL9MeQwEcS5WqSZVUIdM=",
+      "dev": true,
+      "requires": {
+        "caller-path": "^0.1.0",
+        "resolve-from": "^1.0.0"
+      }
+    },
+    "requizzle": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/requizzle/-/requizzle-0.2.1.tgz",
+      "integrity": "sha1-aUPDUwxNmn5G8c3dUcFY/GcM294=",
+      "dev": true,
+      "requires": {
+        "underscore": "~1.6.0"
+      },
+      "dependencies": {
+        "underscore": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.6.0.tgz",
+          "integrity": "sha1-izixDKze9jM3uLJOT/htRa6lKag=",
+          "dev": true
+        }
+      }
+    },
+    "resolve": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.7.1.tgz",
+      "integrity": "sha512-c7rwLofp8g1U+h1KNyHL/jicrKg1Ek4q+Lr33AL65uZTinUZHe30D5HlyN5V9NW0JX1D5dXQ4jqW5l7Sy/kGfw==",
+      "dev": true,
+      "requires": {
+        "path-parse": "^1.0.5"
+      }
+    },
+    "resolve-dir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz",
+      "integrity": "sha1-eaQGRMNivoLybv/nOcm7U4IEb0M=",
+      "dev": true,
+      "requires": {
+        "expand-tilde": "^2.0.0",
+        "global-modules": "^1.0.0"
+      }
+    },
+    "resolve-from": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-1.0.1.tgz",
+      "integrity": "sha1-Jsv+k10a7uq7Kbw/5a6wHpPUQiY=",
+      "dev": true
+    },
+    "resolve-url": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+      "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
+      "dev": true
+    },
+    "restore-cursor": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
+      "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
+      "dev": true,
+      "requires": {
+        "onetime": "^2.0.0",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "ret": {
+      "version": "0.1.15",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+      "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+      "dev": true
+    },
+    "rimraf": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.2.tgz",
+      "integrity": "sha512-lreewLK/BlghmxtfH36YYVg1i8IAce4TI7oao75I1g245+6BctqTVQiBP3YUJ9C6DQOXJmkYR9X9fCLtCOJc5w==",
+      "dev": true,
+      "requires": {
+        "glob": "^7.0.5"
+      }
+    },
+    "ripemd160": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
+      "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
+      "dev": true,
+      "requires": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1"
+      }
+    },
+    "rollup": {
+      "version": "0.63.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-0.63.2.tgz",
+      "integrity": "sha512-Tdo4DggL3QT+Im5r0QXWBGsBdlaBNWQ+fH8pIsOBvy3U7TXFLqMzUBmJBLBc7r8UM0GO5I/Nl9jK7AC2QQAjEQ==",
+      "dev": true,
+      "requires": {
+        "@types/estree": "0.0.39",
+        "@types/node": "*"
+      }
+    },
+    "rollup-plugin-babel": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-babel/-/rollup-plugin-babel-3.0.7.tgz",
+      "integrity": "sha512-bVe2y0z/V5Ax1qU8NX/0idmzIwJPdUGu8Xx3vXH73h0yGjxfv2gkFI82MBVg49SlsFlLTBadBHb67zy4TWM3hA==",
+      "dev": true,
+      "requires": {
+        "rollup-pluginutils": "^1.5.0"
+      },
+      "dependencies": {
+        "estree-walker": {
+          "version": "0.2.1",
+          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.2.1.tgz",
+          "integrity": "sha1-va/oCVOD2EFNXcLs9MkXO225QS4=",
+          "dev": true
+        },
+        "rollup-pluginutils": {
+          "version": "1.5.2",
+          "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-1.5.2.tgz",
+          "integrity": "sha1-HhVud4+UtyVb+hs9AXi+j1xVJAg=",
+          "dev": true,
+          "requires": {
+            "estree-walker": "^0.2.1",
+            "minimatch": "^3.0.2"
+          }
+        }
+      }
+    },
+    "rollup-plugin-commonjs": {
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-commonjs/-/rollup-plugin-commonjs-9.1.3.tgz",
+      "integrity": "sha512-g91ZZKZwTW7F7vL6jMee38I8coj/Q9GBdTmXXeFL7ldgC1Ky5WJvHgbKlAiXXTh762qvohhExwUgeQGFh9suGg==",
+      "dev": true,
+      "requires": {
+        "estree-walker": "^0.5.1",
+        "magic-string": "^0.22.4",
+        "resolve": "^1.5.0",
+        "rollup-pluginutils": "^2.0.1"
+      }
+    },
+    "rollup-plugin-json": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-json/-/rollup-plugin-json-3.0.0.tgz",
+      "integrity": "sha512-WUAV9/I/uFWvHhyRTqFb+3SIapjISFJS7R1xN/cXxWESrfYo9I8ncHI7AxJHflKRXhBVSv7revBVJh2wvhWh5w==",
+      "dev": true,
+      "requires": {
+        "rollup-pluginutils": "^2.2.0"
+      }
+    },
+    "rollup-plugin-node-builtins": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-node-builtins/-/rollup-plugin-node-builtins-2.1.2.tgz",
+      "integrity": "sha1-JKH+1KQyV7a2Q3HYq8bOGrFFl+k=",
+      "dev": true,
+      "requires": {
+        "browserify-fs": "^1.0.0",
+        "buffer-es6": "^4.9.2",
+        "crypto-browserify": "^3.11.0",
+        "process-es6": "^0.11.2"
+      }
+    },
+    "rollup-plugin-node-resolve": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-3.3.0.tgz",
+      "integrity": "sha512-9zHGr3oUJq6G+X0oRMYlzid9fXicBdiydhwGChdyeNRGPcN/majtegApRKHLR5drboUvEWU+QeUmGTyEZQs3WA==",
+      "dev": true,
+      "requires": {
+        "builtin-modules": "^2.0.0",
+        "is-module": "^1.0.0",
+        "resolve": "^1.1.6"
+      },
+      "dependencies": {
+        "builtin-modules": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-2.0.0.tgz",
+          "integrity": "sha512-3U5kUA5VPsRUA3nofm/BXX7GVHKfxz0hOBAPxXrIvHzlDRkQVqEn6yi8QJegxl4LzOHLdvb7XF5dVawa/VVYBg==",
+          "dev": true
+        }
+      }
+    },
+    "rollup-plugin-re": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-re/-/rollup-plugin-re-1.0.7.tgz",
+      "integrity": "sha1-/hdHBO1ZzahMrwK9ATtYLm/apPY=",
+      "dev": true,
+      "requires": {
+        "magic-string": "^0.16.0",
+        "rollup-pluginutils": "^2.0.1"
+      },
+      "dependencies": {
+        "magic-string": {
+          "version": "0.16.0",
+          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.16.0.tgz",
+          "integrity": "sha1-lw67DacZMwEoX7GqZQ85vdgetFo=",
+          "dev": true,
+          "requires": {
+            "vlq": "^0.2.1"
+          }
+        }
+      }
+    },
+    "rollup-plugin-uglify": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-uglify/-/rollup-plugin-uglify-4.0.0.tgz",
+      "integrity": "sha512-f6W31EQLzxSEYfN3x6/lyljHqXSoCjXKcTsnwz3evQvHgU1+qTzU2SE0SIG7tbAvaCewp2UaZ5x3k6nYsxOP9A==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.0.0-beta.47",
+        "uglify-js": "^3.3.25"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.15.1",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.15.1.tgz",
+          "integrity": "sha512-VlfT9F3V0v+jr4yxPc5gg9s62/fIVWsd2Bk2iD435um1NlGMYdVCq+MjcXnhYq2icNOizHr1kK+5TI6H0Hy0ag==",
+          "dev": true
+        },
+        "uglify-js": {
+          "version": "3.3.27",
+          "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.3.27.tgz",
+          "integrity": "sha512-O94wxMSb3td/TlofkITYvYIlvIVdldvNXDVRekzK13CQZuL37ua4nrdXX0Ro7MapfUVzglRHs0/+imPRUdOghg==",
+          "dev": true,
+          "requires": {
+            "commander": "~2.15.0",
+            "source-map": "~0.6.1"
+          }
+        }
+      }
+    },
+    "rollup-pluginutils": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.3.0.tgz",
+      "integrity": "sha512-xB6hsRsjdJdIYWEyYUJy/3ki5g69wrf0luHPGNK3ZSocV6HLNfio59l3dZ3TL4xUwEKgROhFi9jOCt6c5gfUWw==",
+      "dev": true,
+      "requires": {
+        "estree-walker": "^0.5.2",
+        "micromatch": "^2.3.11"
+      },
+      "dependencies": {
+        "arr-diff": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-2.0.0.tgz",
+          "integrity": "sha1-jzuCf5Vai9ZpaX5KQlasPOrjVs8=",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "^1.0.1"
+          }
+        },
+        "array-unique": {
+          "version": "0.2.1",
+          "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz",
+          "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=",
+          "dev": true
+        },
+        "braces": {
+          "version": "1.8.5",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
+          "integrity": "sha1-uneWLhLf+WnWt2cR6RS3N4V79qc=",
+          "dev": true,
+          "requires": {
+            "expand-range": "^1.8.1",
+            "preserve": "^0.2.0",
+            "repeat-element": "^1.1.2"
+          }
+        },
+        "expand-brackets": {
+          "version": "0.1.5",
+          "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz",
+          "integrity": "sha1-3wcoTjQqgHzXM6xa9yQR5YHRF3s=",
+          "dev": true,
+          "requires": {
+            "is-posix-bracket": "^0.1.0"
+          }
+        },
+        "extglob": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/extglob/-/extglob-0.3.2.tgz",
+          "integrity": "sha1-Lhj/PS9JqydlzskCPwEdqo2DSaE=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^1.0.0"
+          }
+        },
+        "is-extglob": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+          "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=",
+          "dev": true
+        },
+        "is-glob": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+          "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^1.0.0"
+          }
+        },
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        },
+        "micromatch": {
+          "version": "2.3.11",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
+          "integrity": "sha1-hmd8l9FyCzY0MdBNDRUpO9OMFWU=",
+          "dev": true,
+          "requires": {
+            "arr-diff": "^2.0.0",
+            "array-unique": "^0.2.1",
+            "braces": "^1.8.2",
+            "expand-brackets": "^0.1.4",
+            "extglob": "^0.3.1",
+            "filename-regex": "^2.0.0",
+            "is-extglob": "^1.0.0",
+            "is-glob": "^2.0.1",
+            "kind-of": "^3.0.2",
+            "normalize-path": "^2.0.1",
+            "object.omit": "^2.0.0",
+            "parse-glob": "^3.0.4",
+            "regex-cache": "^0.4.2"
+          }
+        }
+      }
+    },
+    "run-async": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.3.0.tgz",
+      "integrity": "sha1-A3GrSuC91yDUFm19/aZP96RFpsA=",
+      "dev": true,
+      "requires": {
+        "is-promise": "^2.1.0"
+      }
+    },
+    "rx-lite": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
+      "integrity": "sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=",
+      "dev": true
+    },
+    "rx-lite-aggregates": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz",
+      "integrity": "sha1-dTuHqJoRyVRnxKwWJsTvxOBcZ74=",
+      "dev": true,
+      "requires": {
+        "rx-lite": "*"
+      }
+    },
+    "safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true
+    },
+    "safe-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+      "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=",
+      "dev": true,
+      "requires": {
+        "ret": "~0.1.10"
+      }
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
+    "samsam": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/samsam/-/samsam-1.3.0.tgz",
+      "integrity": "sha512-1HwIYD/8UlOtFS3QO3w7ey+SdSDFE4HRNLZoZRYVQefrOY3l17epswImeB1ijgJFQJodIaHcwkp3r/myBjFVbg==",
+      "dev": true
+    },
+    "semver": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.0.tgz",
+      "integrity": "sha512-4SJ3dm0WAwWy/NVeioZh5AntkdJoWKxHxcmyP622fOkgHa4z3R0TdBJICINyaSDE6uNwVc8gZr+ZinwZAH4xIA==",
+      "dev": true
+    },
+    "set-immediate-shim": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz",
+      "integrity": "sha1-SysbJ+uAip+NzEgaWOXlb1mfP2E=",
+      "dev": true
+    },
+    "set-value": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz",
+      "integrity": "sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.3",
+        "split-string": "^3.0.1"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        }
+      }
+    },
+    "sha.js": {
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "dev": true,
+      "requires": {
+        "shebang-regex": "^1.0.0"
+      }
+    },
+    "shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "dev": true
+    },
+    "signal-exit": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
+      "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=",
+      "dev": true
+    },
+    "sinon": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/sinon/-/sinon-6.1.3.tgz",
+      "integrity": "sha512-yeTza8xIZZdiXntCHJAzKll/sSYE+DuJOS8hiSapzaLqdW8eCNVVC9je9SZYYTkPm2bLts9x6UYxwuMAVVrM6Q==",
+      "dev": true,
+      "requires": {
+        "@sinonjs/formatio": "^2.0.0",
+        "@sinonjs/samsam": "^2.0.0",
+        "diff": "^3.5.0",
+        "lodash.get": "^4.4.2",
+        "lolex": "^2.4.2",
+        "nise": "^1.3.3",
+        "supports-color": "^5.4.0",
+        "type-detect": "^4.0.8"
+      },
+      "dependencies": {
+        "supports-color": {
+          "version": "5.4.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.4.0.tgz",
+          "integrity": "sha512-zjaXglF5nnWpsq470jSv6P9DwPvgLkuapYmfDm3JWOm0vkNTVF2tI4UrN2r6jH1qM/uc/WtxYY1hYoA2dOKj5w==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "sinon-test": {
+      "version": "git+https://github.com/brettz9/sinon-test.git#25705ff35e533df568c594e88f32b5cb06224f3c",
+      "from": "git+https://github.com/brettz9/sinon-test.git#es6-modules",
+      "dev": true
+    },
+    "slash": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
+      "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=",
+      "dev": true
+    },
+    "slice-ansi": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-1.0.0.tgz",
+      "integrity": "sha512-POqxBK6Lb3q6s047D/XsDVNPnF9Dl8JSaqe9h9lURl0OdNqy/ujDrOiIHtsqXMGbWWTIomRzAMaTyawAU//Reg==",
+      "dev": true,
+      "requires": {
+        "is-fullwidth-code-point": "^2.0.0"
+      }
+    },
+    "snapdragon": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
+      "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==",
+      "dev": true,
+      "requires": {
+        "base": "^0.11.1",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "map-cache": "^0.2.2",
+        "source-map": "^0.5.6",
+        "source-map-resolve": "^0.5.0",
+        "use": "^3.1.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        },
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        }
+      }
+    },
+    "snapdragon-node": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
+      "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+      "dev": true,
+      "requires": {
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.0",
+        "snapdragon-util": "^3.0.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+          "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.0"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "snapdragon-util": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+      "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.2.0"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true
+    },
+    "source-map-resolve": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz",
+      "integrity": "sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==",
+      "dev": true,
+      "requires": {
+        "atob": "^2.1.1",
+        "decode-uri-component": "^0.2.0",
+        "resolve-url": "^0.2.1",
+        "source-map-url": "^0.4.0",
+        "urix": "^0.1.0"
+      }
+    },
+    "source-map-support": {
+      "version": "0.4.18",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz",
+      "integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==",
+      "dev": true,
+      "requires": {
+        "source-map": "^0.5.6"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        }
+      }
+    },
+    "source-map-url": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz",
+      "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=",
+      "dev": true
+    },
+    "spdx-correct": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.0.0.tgz",
+      "integrity": "sha512-N19o9z5cEyc8yQQPukRCZ9EUmb4HUpnrmaL/fxS2pBo2jbfcFRVuFZ/oFC+vZz0MNNk0h80iMn5/S6qGZOL5+g==",
+      "dev": true,
+      "requires": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-exceptions": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.1.0.tgz",
+      "integrity": "sha512-4K1NsmrlCU1JJgUrtgEeTVyfx8VaYea9J9LvARxhbHtVtohPs/gFGG5yy49beySjlIMhhXZ4QqujIZEfS4l6Cg==",
+      "dev": true
+    },
+    "spdx-expression-parse": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz",
+      "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==",
+      "dev": true,
+      "requires": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "spdx-license-ids": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.0.tgz",
+      "integrity": "sha512-2+EPwgbnmOIl8HjGBXXMd9NAu02vLjOO1nWw4kmeRDFyHn+M/ETfHxQUK0oXg8ctgVnl9t3rosNVsZ1jG61nDA==",
+      "dev": true
+    },
+    "split-string": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+      "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^3.0.0"
+      }
+    },
+    "sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
+      "dev": true
+    },
+    "static-extend": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+      "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=",
+      "dev": true,
+      "requires": {
+        "define-property": "^0.2.5",
+        "object-copy": "^0.1.0"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        }
+      }
+    },
+    "string-range": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/string-range/-/string-range-1.2.2.tgz",
+      "integrity": "sha1-qJPtNH5yKZvIO++78qaSqNI51d0=",
+      "dev": true
+    },
+    "string-width": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+      "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+      "dev": true,
+      "requires": {
+        "is-fullwidth-code-point": "^2.0.0",
+        "strip-ansi": "^4.0.0"
+      }
+    },
+    "string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "strip-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+      "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^3.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+          "dev": true
+        }
+      }
+    },
+    "strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
+      "dev": true
+    },
+    "strip-eof": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
+      "dev": true
+    },
+    "strip-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
+      "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
+      "dev": true,
+      "requires": {
+        "get-stdin": "^4.0.1"
+      },
+      "dependencies": {
+        "get-stdin": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
+          "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
+          "dev": true
+        }
+      }
+    },
+    "strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
+      "dev": true
+    },
+    "supports-color": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+      "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+      "dev": true
+    },
+    "table": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/table/-/table-4.0.2.tgz",
+      "integrity": "sha512-UUkEAPdSGxtRpiV9ozJ5cMTtYiqz7Ni1OGqLXRCynrvzdtR1p+cfOWe2RJLwvUG8hNanaSRjecIqwOjqeatDsA==",
+      "dev": true,
+      "requires": {
+        "ajv": "^5.2.3",
+        "ajv-keywords": "^2.1.0",
+        "chalk": "^2.1.0",
+        "lodash": "^4.17.4",
+        "slice-ansi": "1.0.0",
+        "string-width": "^2.1.1"
+      }
+    },
+    "taffydb": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/taffydb/-/taffydb-2.6.2.tgz",
+      "integrity": "sha1-fLy2S1oUG2ou/CxdLGe04VCyomg=",
+      "dev": true
+    },
+    "temp-write": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/temp-write/-/temp-write-2.1.0.tgz",
+      "integrity": "sha1-WYkJGODvCdVIqqNC9L00CdhATpY=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "mkdirp": "^0.5.0",
+        "os-tmpdir": "^1.0.0",
+        "pify": "^2.2.0",
+        "pinkie-promise": "^2.0.0",
+        "uuid": "^2.0.1"
+      }
+    },
+    "text-encoding": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/text-encoding/-/text-encoding-0.6.4.tgz",
+      "integrity": "sha1-45mpgiV6J22uQou5KEXLcb3CbRk=",
+      "dev": true
+    },
+    "text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
+    "through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
+      "dev": true
+    },
+    "tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "dev": true,
+      "requires": {
+        "os-tmpdir": "~1.0.2"
+      }
+    },
+    "to-fast-properties": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz",
+      "integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=",
+      "dev": true
+    },
+    "to-object-path": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+      "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "to-regex": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+      "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+      "dev": true,
+      "requires": {
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "regex-not": "^1.0.2",
+        "safe-regex": "^1.1.0"
+      }
+    },
+    "to-regex-range": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+      "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=",
+      "dev": true,
+      "requires": {
+        "is-number": "^3.0.0",
+        "repeat-string": "^1.6.1"
+      }
+    },
+    "traverse-chain": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/traverse-chain/-/traverse-chain-0.1.0.tgz",
+      "integrity": "sha1-YdvC1Ttp/2CRoSoWj9fUMxB+QPE=",
+      "dev": true
+    },
+    "trim-newlines": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
+      "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
+      "dev": true
+    },
+    "trim-right": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz",
+      "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=",
+      "dev": true
+    },
+    "type-check": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+      "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "~1.1.2"
+      }
+    },
+    "type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "dev": true
+    },
+    "typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
+      "dev": true
+    },
+    "typedarray-to-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-1.0.4.tgz",
+      "integrity": "sha1-m7i6DoQfs/TPH+fCRenz+opf6Zw=",
+      "dev": true
+    },
+    "uglify-es": {
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/uglify-es/-/uglify-es-3.3.9.tgz",
+      "integrity": "sha512-r+MU0rfv4L/0eeW3xZrd16t4NZfK8Ld4SWVglYBb7ez5uXFWHuVRs6xCTrf1yirs9a4j4Y27nn7SRfO6v67XsQ==",
+      "dev": true,
+      "requires": {
+        "commander": "~2.13.0",
+        "source-map": "~0.6.1"
+      }
+    },
+    "underscore": {
+      "version": "1.8.3",
+      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.8.3.tgz",
+      "integrity": "sha1-Tz+1OxBuYJf8+ctBCfKl6b36UCI=",
+      "dev": true
+    },
+    "underscore-contrib": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/underscore-contrib/-/underscore-contrib-0.3.0.tgz",
+      "integrity": "sha1-ZltmwkeD+PorGMn4y7Dix9SMJsc=",
+      "dev": true,
+      "requires": {
+        "underscore": "1.6.0"
+      },
+      "dependencies": {
+        "underscore": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.6.0.tgz",
+          "integrity": "sha1-izixDKze9jM3uLJOT/htRa6lKag=",
+          "dev": true
+        }
+      }
+    },
+    "union-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.0.tgz",
+      "integrity": "sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=",
+      "dev": true,
+      "requires": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^0.4.3"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        },
+        "set-value": {
+          "version": "0.4.3",
+          "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz",
+          "integrity": "sha1-fbCPnT0i3H945Trzw79GZuzfzPE=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "^2.0.1",
+            "is-extendable": "^0.1.1",
+            "is-plain-object": "^2.0.1",
+            "to-object-path": "^0.3.0"
+          }
+        }
+      }
+    },
+    "universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true
+    },
+    "unset-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+      "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=",
+      "dev": true,
+      "requires": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "dependencies": {
+        "has-value": {
+          "version": "0.3.1",
+          "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+          "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=",
+          "dev": true,
+          "requires": {
+            "get-value": "^2.0.3",
+            "has-values": "^0.1.4",
+            "isobject": "^2.0.0"
+          },
+          "dependencies": {
+            "isobject": {
+              "version": "2.1.0",
+              "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+              "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
+              "dev": true,
+              "requires": {
+                "isarray": "1.0.0"
+              }
+            }
+          }
+        },
+        "has-values": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+          "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=",
+          "dev": true
+        }
+      }
+    },
+    "urix": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+      "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=",
+      "dev": true
+    },
+    "use": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/use/-/use-3.1.0.tgz",
+      "integrity": "sha512-6UJEQM/L+mzC3ZJNM56Q4DFGLX/evKGRg15UJHGB9X5j5Z3AFbgZvjUh2yq/UJUY4U5dh7Fal++XbNg1uzpRAw==",
+      "dev": true,
+      "requires": {
+        "kind-of": "^6.0.2"
+      }
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+      "dev": true
+    },
+    "uuid": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-2.0.3.tgz",
+      "integrity": "sha1-Z+LoY3lyFVMN/zGOW/nc6/1Hsho=",
+      "dev": true
+    },
+    "validate-npm-package-license": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.3.tgz",
+      "integrity": "sha512-63ZOUnL4SIXj4L0NixR3L1lcjO38crAbgrTpl28t8jjrfuiOBL5Iygm+60qPs/KsZGzPNg6Smnc/oY16QTjF0g==",
+      "dev": true,
+      "requires": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "vlq": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/vlq/-/vlq-0.2.3.tgz",
+      "integrity": "sha512-DRibZL6DsNhIgYQ+wNdWDL2SL3bKPlVrRiBqV5yuMm++op8W4kGFtaQfCs4KEJn0wBZcHVHJ3eoywX8983k1ow==",
+      "dev": true
+    },
+    "walk-sync": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/walk-sync/-/walk-sync-0.3.2.tgz",
+      "integrity": "sha512-FMB5VqpLqOCcqrzA9okZFc0wq0Qbmdm396qJxvQZhDpyu0W95G9JCmp74tx7iyYnyOcBtUuKJsgIKAqjozvmmQ==",
+      "dev": true,
+      "requires": {
+        "ensure-posix-path": "^1.0.0",
+        "matcher-collection": "^1.0.0"
+      }
+    },
+    "which": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.0.tgz",
+      "integrity": "sha512-xcJpopdamTuY5duC/KnTTNBraPK54YwpenP4lzxU8H91GudWpFv38u0CKjclE1Wi2EH2EDz5LRcHcKbCIzqGyg==",
+      "dev": true,
+      "requires": {
+        "isexe": "^2.0.0"
+      }
+    },
+    "wordwrap": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
+      "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=",
+      "dev": true
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+      "dev": true
+    },
+    "write": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/write/-/write-0.2.1.tgz",
+      "integrity": "sha1-X8A4KOJkzqP+kUVUdvejxWbLB1c=",
+      "dev": true,
+      "requires": {
+        "mkdirp": "^0.5.1"
+      }
+    },
+    "xmlcreate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/xmlcreate/-/xmlcreate-1.0.2.tgz",
+      "integrity": "sha1-+mv3YqYKQT+z3Y9LA8WyaSONMI8=",
+      "dev": true
+    },
+    "xtend": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-2.2.0.tgz",
+      "integrity": "sha1-7vax8ZjByN6vrYsXZaBNrUoBxak=",
+      "dev": true
+    },
+    "yallist": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+      "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
+      "dev": true
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..a8d304fb
--- /dev/null
+++ b/package.json
@@ -0,0 +1,88 @@
+{
+  "name": "svgedit",
+  "version": "3.0.0-rc.2",
+  "description": "Powerful SVG-Editor for your browser ",
+  "main": "dist/index-umd.js",
+  "module": "dist/index-es.js",
+  "directories": {
+    "doc": "docs",
+    "example": "examples",
+    "test": "test"
+  },
+  "engines": {},
+  "scripts": {
+    "prepublishOnly": "npm run test-prep",
+    "build-config": "rollup -c rollup-config.config.js",
+    "grep-doc": "node grep-jsdoc",
+    "open-es-allext": "opn http://localhost:8000/editor/svg-editor-es.html?extensions=ext-arrows.js,ext-closepath.js,ext-foreignobject.js,ext-helloworld.js,ext-mathjax.js,ext-php_savefile.js,ext-server_moinsave.js,ext-server_opensave.js,ext-webappfind.js,ext-xdomain-messaging.js",
+    "build-doc": "rm -rf docs/jsdoc/*;jsdoc --pedantic -c docs/jsdoc-config.json editor",
+    "build-html": "node build-html.js",
+    "compress-images": "imageoptim 'chrome-app/*.png' && imageoptim 'editor/extensions/*.png' && imageoptim 'editor/spinbtn/*.png' && imageoptim 'editor/jgraduate/images/*.{png,gif}' && imageoptim 'editor/images/*.png'",
+    "copy-deps": "cp node_modules/load-stylesheets/dist/index-es.js editor/external/load-stylesheets/index-es.js && cp node_modules/babel-polyfill/dist/polyfill.min.js editor/external/babel-polyfill/polyfill.min.js && cp node_modules/babel-polyfill/dist/polyfill.js editor/external/babel-polyfill/polyfill.js",
+    "eslint": "eslint .",
+    "rollup": "rollup -c",
+    "start-embedded": "echo \"Open file to http://localhost:8000/editor/embedapi.html\" && static -p 8000 | static -p 8001 -H '{\"Access-Control-Allow-Origin\": \"*\"}'",
+    "start": "echo \"Open file to http://localhost:8000/test/all_tests.html\" && static -p 8000",
+    "test-no-build": "npm run eslint && npm run build-html && npm run build-config && opn http://localhost:8000/test/all_tests.html && static -p 8000",
+    "test-prep": "npm run eslint && npm run build-html && npm run rollup && npm run build-config",
+    "test": "npm run test-prep && opn http://localhost:8000/test/all_tests.html && static -p 8000"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SVG-Edit/svgedit.git"
+  },
+  "keywords": [
+    "svg-editor",
+    "javascript",
+    "svg-edit",
+    "svg"
+  ],
+  "author": "Narendra Sisodiya",
+  "contributors": [
+    "Pavol Rusnak",
+    "Jeff Schiller",
+    "Vidar Hokstad",
+    "Alexis Deveria",
+    "Brett Zamir",
+    "Fabien Jacq"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/SVG-Edit/svgedit/issues"
+  },
+  "homepage": "https://github.com/SVG-Edit/svgedit#readme",
+  "dependencies": {},
+  "devDependencies": {
+    "babel-core": "6.26.3",
+    "babel-plugin-external-helpers": "^6.22.0",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-polyfill": "^6.26.0",
+    "babel-preset-env": "^1.7.0",
+    "eslint": "4.19.1",
+    "eslint-config-standard": "11.0.0",
+    "eslint-plugin-import": "2.13.0",
+    "eslint-plugin-node": "6.0.1",
+    "eslint-plugin-promise": "3.8.0",
+    "eslint-plugin-qunit": "^3.2.1",
+    "eslint-plugin-standard": "3.1.0",
+    "find-in-files": "^0.5.0",
+    "imageoptim-cli": "^2.0.3",
+    "jsdoc": "^3.5.5",
+    "load-stylesheets": "^0.7.0",
+    "node-static": "^0.7.10",
+    "opn-cli": "^3.1.0",
+    "promise-fs": "^1.3.0",
+    "qunit": "^2.6.1",
+    "rollup": "0.63.2",
+    "rollup-plugin-babel": "^3.0.7",
+    "rollup-plugin-commonjs": "^9.1.3",
+    "rollup-plugin-json": "^3.0.0",
+    "rollup-plugin-node-builtins": "^2.1.2",
+    "rollup-plugin-node-resolve": "^3.3.0",
+    "rollup-plugin-re": "^1.0.7",
+    "rollup-plugin-uglify": "^4.0.0",
+    "sinon": "^6.1.3",
+    "sinon-test": "https://github.com/brettz9/sinon-test#es6-modules",
+    "uglify-es": "^3.3.9"
+  }
+}
diff --git a/rollup-config.config.js b/rollup-config.config.js
new file mode 100644
index 00000000..c39f855a
--- /dev/null
+++ b/rollup-config.config.js
@@ -0,0 +1,55 @@
+/* eslint-env node */
+import babel from 'rollup-plugin-babel';
+import replace from 'rollup-plugin-re';
+// import {minify} from 'uglify-es';
+// import {uglify} from 'rollup-plugin-uglify';
+
+const plugins = [
+  replace({
+    patterns: [
+      {
+        match: /svgedit-config-es\.js/,
+        test: 'svgedit-config-es.js',
+        replace: 'svgedit-config-iife.js'
+      },
+      {
+        match: /svgedit-config-es\.js/,
+        test: "import svgEditor from './editor/svg-editor.js';", // Sets `svgEditor` global for extensions/locales
+        replace: `import svgEditor from './editor/svg-editor.js';
+window.svgEditor = svgEditor;
+window.svgEditor.modules = false;
+        `
+      },
+      {
+        match: /xdomain-svgedit-config-es\.js/,
+        test: "import svgEditor from './svg-editor.js';",
+        replace: `import svgEditor from './svg-editor.js';
+window.svgEditor = svgEditor;
+window.svgEditor.modules = false;
+`
+      }
+    ]
+  }),
+  babel({
+    plugins: ['transform-object-rest-spread']
+  })
+];
+
+export default [
+  {
+    input: 'svgedit-config-es.js',
+    output: {
+      format: 'iife',
+      file: `svgedit-config-iife.js`
+    },
+    plugins
+  },
+  {
+    input: 'editor/xdomain-svgedit-config-es.js',
+    output: {
+      format: 'iife',
+      file: `editor/xdomain-svgedit-config-iife.js`
+    },
+    plugins
+  }
+];
diff --git a/rollup.config.js b/rollup.config.js
new file mode 100644
index 00000000..7dde0224
--- /dev/null
+++ b/rollup.config.js
@@ -0,0 +1,195 @@
+/* eslint-env node */
+
+// NOTE:
+// See rollup-config.config.js instead for building the main (configurable)
+//   user entrance file
+
+import babel from 'rollup-plugin-babel';
+import {uglify} from 'rollup-plugin-uglify';
+import {minify} from 'uglify-es';
+import replace from 'rollup-plugin-re';
+
+const {lstatSync, readdirSync} = require('fs');
+const localeFiles = readdirSync('editor/locale');
+const extensionFiles = readdirSync('editor/extensions');
+const {join, basename} = require('path');
+
+const isDirectory = (source) => {
+  return lstatSync(source).isDirectory();
+};
+const getDirectories = (source) => {
+  return readdirSync(source).map(name => join(source, name)).filter(isDirectory);
+};
+const extensionLocaleDirs = getDirectories('editor/extensions/ext-locale');
+const extensionLocaleFiles = [];
+extensionLocaleDirs.forEach((dir) => {
+  readdirSync(dir).forEach((file) => {
+    extensionLocaleFiles.push([dir, file]);
+  });
+});
+
+function getRollupObject ({minifying, format = 'umd'} = {}) {
+  const nonMinified = {
+    input: 'editor/svg-editor.js',
+    output: {
+      format,
+      sourcemap: minifying,
+      file: `dist/index-${format}${minifying ? '.min' : ''}.js`,
+      name: 'svgEditor'
+    },
+    plugins: [
+      babel({
+        plugins: ['transform-object-rest-spread']
+      })
+    ]
+  };
+  if (minifying) {
+    nonMinified.plugins.push(uglify(null, minify));
+  }
+  return nonMinified;
+}
+
+// For debugging
+// getRollupObject; // eslint-disable-line no-unused-expressions
+
+export default [
+  // The first four are for those not using our HTML (though
+  //    not currently recommended)
+  /**/
+  getRollupObject(),
+  getRollupObject({minifying: true}),
+  getRollupObject({minifying: true, format: 'es'}),
+  getRollupObject({minifying: false, format: 'es'}),
+  // **/
+  ...extensionLocaleFiles.map(([dir, file]) => {
+    const lang = file.replace(/\.js$/, '').replace(/-/g, '_');
+    return {
+      input: join(dir, file),
+      output: {
+        format: 'iife',
+        name: `svgEditorExtensionLocale_${basename(dir)}_${lang}`,
+        file: `dist/extensions/ext-locale/${basename(dir)}/${file}`
+      },
+      plugins: [
+        babel()
+      ]
+    };
+  }),
+  {
+    input: 'editor/redirect-on-lacking-support.js',
+    output: {
+      format: 'iife',
+      file: `dist/redirect-on-lacking-support.js`
+    },
+    plugins: [
+      babel()
+    ]
+  },
+  {
+    input: 'editor/jspdf/jspdf.plugin.svgToPdf.js',
+    output: {
+      format: 'iife',
+      file: `dist/jspdf.plugin.svgToPdf.js`
+    },
+    plugins: [
+      babel()
+    ]
+  },
+  {
+    input: 'editor/extensions/imagelib/index.js',
+    output: {
+      format: 'iife',
+      file: 'dist/extensions/imagelib/index.js'
+    },
+    plugins: [
+      babel({
+        plugins: ['transform-object-rest-spread']
+      })
+    ]
+  },
+  {
+    input: 'editor/external/dom-polyfill/dom-polyfill.js',
+    output: {
+      format: 'iife',
+      file: 'dist/dom-polyfill.js'
+    },
+    plugins: [
+      babel()
+    ]
+  },
+  {
+    input: 'editor/canvg/canvg.js',
+    output: {
+      format: 'iife',
+      name: 'canvg',
+      file: 'dist/canvg.js'
+    },
+    plugins: [
+      babel()
+    ]
+  },
+  ...localeFiles.map((localeFile) => {
+    // lang.*.js
+    const localeRegex = /^lang\.([\w-]+?)\.js$/;
+    const lang = localeFile.match(localeRegex);
+    if (!lang) {
+      return;
+    }
+    return {
+      input: 'editor/locale/' + localeFile,
+      output: {
+        format: 'iife',
+        name: 'svgEditorLang_' + lang[1].replace(/-/g, '_'),
+        file: 'dist/locale/' + localeFile
+      },
+      plugins: [
+        babel() // Probably don't need here, but...
+      ]
+    };
+  }),
+  ...extensionFiles.map((extensionFile) => {
+    // ext-*.js
+    const extensionName = extensionFile.match(/^ext-(.+?)\.js$/);
+    if (!extensionName) {
+      return;
+    }
+    return {
+      input: 'editor/extensions/' + extensionFile,
+      output: {
+        format: 'iife',
+        name: 'svgEditorExtension_' + extensionName[1].replace(/-/g, '_'),
+        file: 'dist/extensions/' + extensionFile
+      },
+      plugins: [
+        replace({
+          patterns: [
+            /*
+            // In place of replacing imports with globals, we supply
+            //  what we can to the extension callback in svgcanvas.js
+            // (`addExtension` -> `getPrivateMethods`)
+            {
+              match: /editor\/extensions/,
+              test: '// <CONDITIONAL-ADD>: ',
+              replace: ''
+            },
+            */
+            ...[
+              // For now, we'll replace with globals
+              // We'll still make at least one import: editor/ext-locale/storage/
+              `import '../svgpathseg.js';`
+            ].map((test) => {
+              return {
+                match: /editor\/extensions/,
+                test,
+                replace: ''
+              };
+            })
+          ]
+        }),
+        babel({
+          plugins: ['transform-object-rest-spread']
+        })
+      ]
+    };
+  })
+].filter((exp) => exp);
diff --git a/screencasts/svgedit-screencast-3.txt b/screencasts/svgedit-screencast-3.txt
index 88c98c1e..394d199f 100644
--- a/screencasts/svgedit-screencast-3.txt
+++ b/screencasts/svgedit-screencast-3.txt
@@ -17,15 +17,15 @@ From a usability perspective, we've created a Document Properties dialog, availa
 
 In terms of image properties:
 
-	* Give the image a title
-	* Change the canvas size, or pick one of several options
-	(* You can choose to have all local raster images referenced via URL or embedded inline as a data: URL.  This will make your SVG image larger, but self-contained and thus, more portable.)
+  * Give the image a title
+  * Change the canvas size, or pick one of several options
+  (* You can choose to have all local raster images referenced via URL or embedded inline as a data: URL.  This will make your SVG image larger, but self-contained and thus, more portable.)
 
 In terms of editor properties:
 
-	* SVG-edit's entire user interface (tooltips, labels) is fully localizable, and SVG-edit has now been translated into 8 languages.  If you would like to contribute translation for a language, please contact us on the mailing list.
-	* Another nice feature is the ability to set the icon size of the editor, which can help with adapting SVG-edit to different environments (mobile devices, smaller netbooks, widescreen displays).
-	(* One final editor preference that can be changed is the canvas' colour.  For most situations, a white canvas might be fine for creating your graphic, but if you are trying to draw an image with a lot of white in it, you might find this option useful.)
+  * SVG-edit's entire user interface (tooltips, labels) is fully localizable, and SVG-edit has now been translated into 8 languages.  If you would like to contribute translation for a language, please contact us on the mailing list.
+  * Another nice feature is the ability to set the icon size of the editor, which can help with adapting SVG-edit to different environments (mobile devices, smaller netbooks, widescreen displays).
+  (* One final editor preference that can be changed is the canvas' colour.  For most situations, a white canvas might be fine for creating your graphic, but if you are trying to draw an image with a lot of white in it, you might find this option useful.)
 
 So that's it for this video.  In the next video I'll talk about grouping, layers and a few other features of SVG-edit 2.4.
 
@@ -43,8 +43,8 @@ So first is grouping.  In SVG-edit 2.3 one could draw graphical primitives such
 The next thing I'll talk about is Layers.  The Layers panel lies tucked to the side but can be clicked or dragged open at any time.  Layers work very much like they do in other drawing programs: you can create new layers, rename them, change the order and delete them.  Elements not on the current layer are not selectable, so it's an excellent way to separate elements in your drawing so that you can work on them without interfering with other parts of the drawing.  If you want to move elements between layers, select them, then select the layer you want to move them to.
 
 There are a couple of other minor features that round out SVG-edit 2.4:
-	* It is now possible to embed raster images (via URL) into the canvas using the Image tool on the left
-	* It is also possible to keep the ratio of any element fixed when resizing by holding down the shift key.
-	* Finally, if the canvas is starting to become obscured, you can turn on 'wireframe mode' which shows the outline of all shapes in your drawing, but none of the fill or stroke properties.
+  * It is now possible to embed raster images (via URL) into the canvas using the Image tool on the left
+  * It is also possible to keep the ratio of any element fixed when resizing by holding down the shift key.
+  * Finally, if the canvas is starting to become obscured, you can turn on 'wireframe mode' which shows the outline of all shapes in your drawing, but none of the fill or stroke properties.
 
-There are several minor features that I didn't have time to talk about, but feel free to browse to the project page and try out the demo.  Thanks for your time.
\ No newline at end of file
+There are several minor features that I didn't have time to talk about, but feel free to browse to the project page and try out the demo.  Thanks for your time.
diff --git a/screencasts/svgopen2010/LICENSE-Apache2.0.txt b/screencasts/svgopen2010/LICENSE-Apache2.0.txt
new file mode 100644
index 00000000..bceb4a13
--- /dev/null
+++ b/screencasts/svgopen2010/LICENSE-Apache2.0.txt
@@ -0,0 +1 @@
+See the license information in `index.html`
diff --git a/screencasts/svgopen2010/index.html b/screencasts/svgopen2010/index.html
index 59881eea..9b610799 100644
--- a/screencasts/svgopen2010/index.html
+++ b/screencasts/svgopen2010/index.html
@@ -32,9 +32,8 @@
 
     <meta charset="utf-8" />
     <title>SVG-edit, Pavol Rusnák, SVG Open 2010, Paris</title>
-    <link href="http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans+Mono" rel="stylesheet" type="text/css" />
-    <link type="text/css" rel="stylesheet" href="style.css" />
-
+    <link href="https://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans+Mono" rel="stylesheet" />
+    <link rel="stylesheet" href="style.css" />
   </head>
   <body>
     <div class="presentation">
@@ -207,16 +206,16 @@
             <h2>Plugin Architecture</h2>
            </header>
            <pre>
-svgEditor.addExtension("Hello World", function() {
+svgEditor.addExtension('Hello World', function () {
 
         return {
-                svgicons: "extensions/helloworld-icon.xml",
+                svgicons: 'extensions/helloworld-icon.xml',
                 buttons: [{...}],
-                mouseDown: function() {
+                mouseDown () {
                         ...
                 },
 
-                mouseUp: function(opts) {
+                mouseUp (opts) {
                         ...
                 }
         };
@@ -265,10 +264,10 @@ svgEditor.addExtension("Hello World", function() {
             <h2>Resources</h2>
            </header>
             <ul class="bulleted">
-              <li><a href="http://svg-edit.googlecode.com">http://svg-edit.googlecode.com/</a> (demos, downloads, source, wiki, issue tracker)</li>
+              <li><a href="https://github.com/SVG-Edit/svgedit">https://github.com/SVG-Edit/svgedit</a> (demos, downloads, source, wiki, issue tracker)</li>
               <li>#svg-edit on irc.freenode.net</li>
-              <li><a href="http://groups.google.com/group/svg-edit">http://groups.google.com/group/svg-edit</a></li>
-              <li><a href="http://en.wikipedia.org/wiki/SVG-edit">http://en.wikipedia.org/wiki/SVG-edit</a></li>
+              <li><a href="https://groups.google.com/group/svg-edit">https://groups.google.com/group/svg-edit</a></li>
+              <li><a href="https://en.wikipedia.org/wiki/SVG-edit">https://en.wikipedia.org/wiki/SVG-edit</a></li>
             </ul>
           </section>
         </div>
@@ -285,13 +284,5 @@ svgEditor.addExtension("Hello World", function() {
     </div> <!-- presentation -->
 
     <script src="script.js"></script>
-
-    <!--[if lt IE 9]>
-    <script
-      src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js">
-    </script>
-        <script>CFInstall.check({ mode: "overlay" });</script>
-    <![endif]-->
-
   </body>
 </html>
diff --git a/screencasts/svgopen2010/logo.svg b/screencasts/svgopen2010/logo.svg
index e71308be..83b8e9cc 100644
--- a/screencasts/svgopen2010/logo.svg
+++ b/screencasts/svgopen2010/logo.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 478 472" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 478 472" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
  <defs>
   <linearGradient id="svg_5" x1="0" y1="0" x2="1" y2="1">
    <stop offset="0" stop-color="#ffffe0" stop-opacity="1"/>
diff --git a/screencasts/svgopen2010/script.js b/screencasts/svgopen2010/script.js
index 28f9f90f..5dcb7882 100644
--- a/screencasts/svgopen2010/script.js
+++ b/screencasts/svgopen2010/script.js
@@ -1,390 +1,320 @@
-      (function() {
-        var doc = document;
-        var disableBuilds = true;
+(() => {
+const doc = document;
+const disableBuilds = true;
 
-        var ctr = 0;
-        var spaces = /\s+/, a1 = [''];
+let ctr = 0;
 
-        var toArray = function(list) {
-          return Array.prototype.slice.call(list || [], 0);
+const byId = function (id) {
+  if (typeof id === 'string') { return doc.getElementById(id); }
+  return id;
+};
+
+const query = function (query, root) {
+  if (!query) { return []; }
+  if (typeof query !== 'string') { return [...query]; }
+  if (typeof root === 'string') {
+    root = byId(root);
+    if (!root) { return []; }
+  }
+
+  root = root || document;
+  const rootIsDoc = (root.nodeType === 9);
+  const doc = rootIsDoc ? root : (root.ownerDocument || document);
+
+  // rewrite the query to be ID rooted
+  if (!rootIsDoc || ('>~+'.includes(query[0]))) {
+    root.id = root.id || ('qUnique' + (ctr++));
+    query = '#' + root.id + ' ' + query;
+  }
+  // don't choke on something like ".yada.yada >"
+  if ('>~+'.includes(query.slice(-1))) { query += ' *'; }
+
+  return [...doc.querySelectorAll(query)];
+};
+
+const ua = navigator.userAgent;
+const isFF = parseFloat(ua.split('Firefox/')[1]) || undefined;
+const isWK = parseFloat(ua.split('WebKit/')[1]) || undefined;
+const isOpera = parseFloat(ua.split('Opera/')[1]) || undefined;
+
+const canTransition = (function () {
+  const ver = parseFloat(ua.split('Version/')[1]) || undefined;
+  // test to determine if this browser can handle CSS transitions.
+  const cachedCanTransition =
+    (isWK || (isFF && isFF > 3.6) || (isOpera && ver >= 10.5));
+  return function () { return cachedCanTransition; };
+})();
+
+//
+// Slide class
+//
+const Slide = function (node, idx) {
+  this._node = node;
+  if (idx >= 0) {
+    this._count = idx + 1;
+  }
+  if (this._node) {
+    this._node.classList.add('slide', 'distant-slide');
+  }
+  this._makeCounter();
+  this._makeBuildList();
+};
+
+Slide.prototype = {
+  _node: null,
+  _count: 0,
+  _buildList: [],
+  _visited: false,
+  _currentState: '',
+  _states: [ 'distant-slide', 'far-past',
+    'past', 'current', 'future',
+    'far-future', 'distant-slide' ],
+  setState (state) {
+    if (typeof state !== 'string') {
+      state = this._states[state];
+    }
+    if (state === 'current' && !this._visited) {
+      this._visited = true;
+      this._makeBuildList();
+    }
+    this._node.classList.remove(...this._states);
+    this._node.classList.add(state);
+    this._currentState = state;
+
+    // delay first auto run. Really wish this were in CSS.
+    /*
+    this._runAutos();
+    */
+    const _t = this;
+    setTimeout(function () { _t._runAutos(); }, 400);
+  },
+  _makeCounter () {
+    if (!this._count || !this._node) { return; }
+    const c = doc.createElement('span');
+    c.innerHTML = this._count;
+    c.className = 'counter';
+    this._node.append(c);
+  },
+  _makeBuildList () {
+    this._buildList = [];
+    if (disableBuilds) { return; }
+    if (this._node) {
+      this._buildList = query('[data-build] > *', this._node);
+    }
+    this._buildList.forEach(function (el) {
+      el.classList.add('to-build');
+    });
+  },
+  _runAutos () {
+    if (this._currentState !== 'current') {
+      return;
+    }
+    // find the next auto, slice it out of the list, and run it
+    let idx = -1;
+    this._buildList.some(function (n, i) {
+      if (n.hasAttribute('data-auto')) {
+        idx = i;
+        return true;
+      }
+      return false;
+    });
+    if (idx >= 0) {
+      const elem = this._buildList.splice(idx, 1)[0];
+      const transitionEnd = isWK ? 'webkitTransitionEnd' : (isFF ? 'mozTransitionEnd' : 'oTransitionEnd');
+      const _t = this;
+      if (canTransition()) {
+        const l = function (evt) {
+          elem.parentNode.removeEventListener(transitionEnd, l, false);
+          _t._runAutos();
         };
+        elem.parentNode.addEventListener(transitionEnd, l, false);
+        elem.classList.remove('to-build');
+      } else {
+        setTimeout(function () {
+          elem.classList.remove('to-build');
+          _t._runAutos();
+        }, 400);
+      }
+    }
+  },
+  buildNext () {
+    if (!this._buildList.length) {
+      return false;
+    }
+    this._buildList.shift().classList.remove('to-build');
+    return true;
+  }
+};
 
-        var byId = function(id) {
-          if (typeof id == 'string') { return doc.getElementById(id); }
-          return id;
-        };
+//
+// SlideShow class
+//
+const SlideShow = function (slides) {
+  this._slides = (slides || []).map(function (el, idx) {
+    return new Slide(el, idx);
+  });
 
-        var query = function(query, root) {
-          if (!query) { return []; }
-          if (typeof query != 'string') { return toArray(query); }
-          if (typeof root == 'string') {
-            root = byId(root);
-            if(!root){ return []; }
-          }
+  const h = window.location.hash;
+  try {
+    this.current = parseInt(h.split('#slide')[1], 10);
+  } catch (e) { /* squeltch */ }
+  this.current = isNaN(this.current) ? 1 : this.current;
+  const _t = this;
+  doc.addEventListener('keydown',
+    function (e) { _t.handleKeys(e); }, false);
+  doc.addEventListener('mousewheel',
+    function (e) { _t.handleWheel(e); }, false);
+  doc.addEventListener('DOMMouseScroll',
+    function (e) { _t.handleWheel(e); }, false);
+  doc.addEventListener('touchstart',
+    function (e) { _t.handleTouchStart(e); }, false);
+  doc.addEventListener('touchend',
+    function (e) { _t.handleTouchEnd(e); }, false);
+  window.addEventListener('popstate',
+    function (e) { _t.go(e.state); }, false);
+  this._update();
+};
 
-          root = root || document;
-          var rootIsDoc = (root.nodeType == 9);
-          var doc = rootIsDoc ? root : (root.ownerDocument || document);
+SlideShow.prototype = {
+  _slides: [],
+  _update (dontPush) {
+    document.querySelector('#presentation-counter').innerText = this.current;
+    if (history.pushState) {
+      if (!dontPush) {
+        history.pushState(this.current, 'Slide ' + this.current, '#slide' + this.current);
+      }
+    } else {
+      window.location.hash = 'slide' + this.current;
+    }
+    for (let x = this.current - 1; x < this.current + 7; x++) {
+      if (this._slides[x - 4]) {
+        this._slides[x - 4].setState(Math.max(0, x - this.current));
+      }
+    }
+  },
 
-          // rewrite the query to be ID rooted
-          if (!rootIsDoc || ('>~+'.indexOf(query.charAt(0)) >= 0)) {
-            root.id = root.id || ('qUnique' + (ctr++));
-            query = '#' + root.id + ' ' + query;
-          }
-          // don't choke on something like ".yada.yada >"
-          if ('>~+'.indexOf(query.slice(-1)) >= 0) { query += ' *'; }
+  current: 0,
+  next () {
+    if (!this._slides[this.current - 1].buildNext()) {
+      this.current = Math.min(this.current + 1, this._slides.length);
+      this._update();
+    }
+  },
+  prev () {
+    this.current = Math.max(this.current - 1, 1);
+    this._update();
+  },
+  go (num) {
+    if (history.pushState && this.current !== num) {
+      history.replaceState(this.current, 'Slide ' + this.current, '#slide' + this.current);
+    }
+    this.current = num;
+    this._update(true);
+  },
 
-          return toArray(doc.querySelectorAll(query));
-        };
+  _notesOn: false,
+  showNotes () {
+    const notesOn = this._notesOn = !this._notesOn;
+    query('.notes').forEach(function (el) {
+      el.style.display = (notesOn) ? 'block' : 'none';
+    });
+  },
+  switch3D () {
+    document.body.classList.toggle('three-d');
+  },
+  handleWheel (e) {
+    let delta = 0;
+    if (e.wheelDelta) {
+      delta = e.wheelDelta / 120;
+      if (isOpera) {
+        delta = -delta;
+      }
+    } else if (e.detail) {
+      delta = -e.detail / 3;
+    }
 
-        var strToArray = function(s) {
-          if (typeof s == 'string' || s instanceof String) {
-            if (s.indexOf(' ') < 0) {
-              a1[0] = s;
-              return a1;
-            } else {
-              return s.split(spaces);
-            }
-          }
-          return s;
-        };
+    if (delta > 0) {
+      this.prev();
+      return;
+    }
+    if (delta < 0) {
+      this.next();
+    }
+  },
+  handleKeys (e) {
+    if (/^(input|textarea)$/i.test(e.target.nodeName)) return;
 
-        var addClass = function(node, classStr) {
-          classStr = strToArray(classStr);
-          var cls = ' ' + node.className + ' ';
-          for (var i = 0, len = classStr.length, c; i < len; ++i) {
-            c = classStr[i];
-            if (c && cls.indexOf(' ' + c + ' ') < 0) {
-              cls += c + ' ';
-            }
-          }
-          node.className = cls.trim();
-        };
+    switch (e.keyCode) {
+    case 37: // left arrow
+      this.prev(); break;
+    case 39: // right arrow
+    case 32: // space
+      this.next(); break;
+    case 50: // 2
+      this.showNotes(); break;
+    case 51: // 3
+      this.switch3D(); break;
+    }
+  },
+  _touchStartX: 0,
+  handleTouchStart (e) {
+    this._touchStartX = e.touches[0].pageX;
+  },
+  handleTouchEnd (e) {
+    const delta = this._touchStartX - e.changedTouches[0].pageX;
+    const SWIPE_SIZE = 150;
+    if (delta > SWIPE_SIZE) {
+      this.next();
+    } else if (delta < -SWIPE_SIZE) {
+      this.prev();
+    }
+  }
+};
 
-        var removeClass = function(node, classStr) {
-          var cls;
-          if (classStr !== undefined) {
-            classStr = strToArray(classStr);
-            cls = ' ' + node.className + ' ';
-            for (var i = 0, len = classStr.length; i < len; ++i) {
-              cls = cls.replace(' ' + classStr[i] + ' ', ' ');
-            }
-            cls = cls.trim();
-          } else {
-            cls = '';
-          }
-          if (node.className != cls) {
-            node.className = cls;
-          }
-        };
+// Initialize
+const slideshow = new SlideShow(query('.slide')); // eslint-disable-line no-unused-vars
 
-        var toggleClass = function(node, classStr) {
-          var cls = ' ' + node.className + ' ';
-          if (cls.indexOf(' ' + classStr.trim() + ' ') >= 0) {
-            removeClass(node, classStr);
-          } else {
-            addClass(node, classStr);
-          }
-        };
+document.querySelector('#toggle-counter').addEventListener('click', toggleCounter, false);
+document.querySelector('#toggle-size').addEventListener('click', toggleSize, false);
+document.querySelector('#toggle-transitions').addEventListener('click', toggleTransitions, false);
+document.querySelector('#toggle-gradients').addEventListener('click', toggleGradients, false);
 
-        var ua = navigator.userAgent;
-        var isFF = parseFloat(ua.split('Firefox/')[1]) || undefined;
-        var isWK = parseFloat(ua.split('WebKit/')[1]) || undefined;
-        var isOpera = parseFloat(ua.split('Opera/')[1]) || undefined;
+const counters = document.querySelectorAll('.counter');
+const slides = document.querySelectorAll('.slide');
 
-        var canTransition = (function() {
-          var ver = parseFloat(ua.split('Version/')[1]) || undefined;
-          // test to determine if this browser can handle CSS transitions.
-          var cachedCanTransition =
-            (isWK || (isFF && isFF > 3.6 ) || (isOpera && ver >= 10.5));
-          return function() { return cachedCanTransition; }
-        })();
+function toggleCounter () {
+  [...counters].forEach(function (el) {
+    el.style.display = (el.offsetHeight) ? 'none' : 'block';
+  });
+}
 
-        //
-        // Slide class
-        //
-        var Slide = function(node, idx) {
-          this._node = node;
-          if (idx >= 0) {
-            this._count = idx + 1;
-          }
-          if (this._node) {
-            addClass(this._node, 'slide distant-slide');
-          }
-          this._makeCounter();
-          this._makeBuildList();
-        };
+function toggleSize () {
+  [...slides].forEach(function (el) {
+    if (!/reduced/.test(el.className)) {
+      el.classList.add('reduced');
+    } else {
+      el.classList.remove('reduced');
+    }
+  });
+}
 
-        Slide.prototype = {
-          _node: null,
-          _count: 0,
-          _buildList: [],
-          _visited: false,
-          _currentState: '',
-          _states: [ 'distant-slide', 'far-past',
-                     'past', 'current', 'future',
-                     'far-future', 'distant-slide' ],
-          setState: function(state) {
-            if (typeof state != 'string') {
-              state = this._states[state];
-            }
-            if (state == 'current' && !this._visited) {
-              this._visited = true;
-              this._makeBuildList();
-            }
-            removeClass(this._node, this._states);
-            addClass(this._node, state);
-            this._currentState = state;
+function toggleTransitions () {
+  [...slides].forEach(function (el) {
+    if (!/no-transitions/.test(el.className)) {
+      el.classList.add('no-transitions');
+    } else {
+      el.classList.remove('no-transitions');
+    }
+  });
+}
 
-            // delay first auto run. Really wish this were in CSS.
-            /*
-            this._runAutos();
-            */
-            var _t = this;
-            setTimeout(function(){ _t._runAutos(); } , 400);
-          },
-          _makeCounter: function() {
-            if(!this._count || !this._node) { return; }
-            var c = doc.createElement('span');
-            c.innerHTML = this._count;
-            c.className = 'counter';
-            this._node.appendChild(c);
-          },
-          _makeBuildList: function() {
-            this._buildList = [];
-            if (disableBuilds) { return; }
-            if (this._node) {
-              this._buildList = query('[data-build] > *', this._node);
-            }
-            this._buildList.forEach(function(el) {
-              addClass(el, 'to-build');
-            });
-          },
-          _runAutos: function() {
-            if (this._currentState != 'current') {
-              return;
-            }
-            // find the next auto, slice it out of the list, and run it
-            var idx = -1;
-            this._buildList.some(function(n, i) {
-              if (n.hasAttribute('data-auto')) {
-                idx = i;
-                return true;
-              }
-              return false;
-            });
-            if (idx >= 0) {
-              var elem = this._buildList.splice(idx, 1)[0];
-              var transitionEnd = isWK ? 'webkitTransitionEnd' : (isFF ? 'mozTransitionEnd' : 'oTransitionEnd');
-              var _t = this;
-              if (canTransition()) {
-                var l = function(evt) {
-                  elem.parentNode.removeEventListener(transitionEnd, l, false);
-                  _t._runAutos();
-                };
-                elem.parentNode.addEventListener(transitionEnd, l, false);
-                removeClass(elem, 'to-build');
-              } else {
-                setTimeout(function() {
-                  removeClass(elem, 'to-build');
-                  _t._runAutos();
-                }, 400);
-              }
-            }
-          },
-          buildNext: function() {
-            if (!this._buildList.length) {
-              return false;
-            }
-            removeClass(this._buildList.shift(), 'to-build');
-            return true;
-          },
-        };
-
-        //
-        // SlideShow class
-        //
-        var SlideShow = function(slides) {
-          this._slides = (slides || []).map(function(el, idx) {
-            return new Slide(el, idx);
-          });
-
-          var h = window.location.hash;
-          try {
-            this.current = parseInt(h.split('#slide')[1], 10);
-          }catch (e) { /* squeltch */ }
-          this.current = isNaN(this.current) ? 1 : this.current;
-          var _t = this;
-          doc.addEventListener('keydown',
-              function(e) { _t.handleKeys(e); }, false);
-          doc.addEventListener('mousewheel',
-              function(e) { _t.handleWheel(e); }, false);
-          doc.addEventListener('DOMMouseScroll',
-              function(e) { _t.handleWheel(e); }, false);
-          doc.addEventListener('touchstart',
-              function(e) { _t.handleTouchStart(e); }, false);
-          doc.addEventListener('touchend',
-              function(e) { _t.handleTouchEnd(e); }, false);
-          window.addEventListener('popstate',
-              function(e) { _t.go(e.state); }, false);
-          this._update();
-        };
-
-        SlideShow.prototype = {
-          _slides: [],
-          _update: function(dontPush) {
-            document.querySelector('#presentation-counter').innerText = this.current;
-            if (history.pushState) {
-              if (!dontPush) {
-                history.pushState(this.current, 'Slide ' + this.current, '#slide' + this.current);
-              }
-            } else {
-              window.location.hash = 'slide' + this.current;
-            }
-            for (var x = this.current-1; x < this.current + 7; x++) {
-              if (this._slides[x-4]) {
-                this._slides[x-4].setState(Math.max(0, x-this.current));
-              }
-            }
-          },
-
-          current: 0,
-          next: function() {
-            if (!this._slides[this.current-1].buildNext()) {
-              this.current = Math.min(this.current + 1, this._slides.length);
-              this._update();
-            }
-          },
-          prev: function() {
-            this.current = Math.max(this.current-1, 1);
-            this._update();
-          },
-          go: function(num) {
-            if (history.pushState && this.current != num) {
-              history.replaceState(this.current, 'Slide ' + this.current, '#slide' + this.current);
-            }
-            this.current = num;
-            this._update(true);
-          },
-
-          _notesOn: false,
-          showNotes: function() {
-            var isOn = this._notesOn = !this._notesOn;
-            query('.notes').forEach(function(el) {
-              el.style.display = (notesOn) ? 'block' : 'none';
-            });
-          },
-          switch3D: function() {
-            toggleClass(document.body, 'three-d');
-          },
-          handleWheel: function(e) {
-            var delta = 0;
-            if (e.wheelDelta) {
-              delta = e.wheelDelta/120;
-              if (isOpera) {
-                delta = -delta;
-              }
-            } else if (e.detail) {
-              delta = -e.detail/3;
-            }
-
-            if (delta > 0 ) {
-              this.prev();
-              return;
-            }
-            if (delta < 0 ) {
-              this.next();
-              return;
-            }
-          },
-          handleKeys: function(e) {
-
-            if (/^(input|textarea)$/i.test(e.target.nodeName)) return;
-
-            switch (e.keyCode) {
-              case 37: // left arrow
-                this.prev(); break;
-              case 39: // right arrow
-              case 32: // space
-                this.next(); break;
-              case 50: // 2
-                this.showNotes(); break;
-              case 51: // 3
-                this.switch3D(); break;
-            }
-          },
-          _touchStartX: 0,
-          handleTouchStart: function(e) {
-            this._touchStartX = e.touches[0].pageX;
-          },
-          handleTouchEnd: function(e) {
-            var delta = this._touchStartX - e.changedTouches[0].pageX;
-            var SWIPE_SIZE = 150;
-            if (delta > SWIPE_SIZE) {
-              this.next();
-            } else if (delta< -SWIPE_SIZE) {
-              this.prev();
-            }
-          },
-        };
-
-        // Initialize
-        var slideshow = new SlideShow(query('.slide'));
-
-
-
-
-
-        document.querySelector('#toggle-counter').addEventListener('click', toggleCounter, false);
-        document.querySelector('#toggle-size').addEventListener('click', toggleSize, false);
-        document.querySelector('#toggle-transitions').addEventListener('click', toggleTransitions, false);
-        document.querySelector('#toggle-gradients').addEventListener('click', toggleGradients, false);
-
-
-        var counters = document.querySelectorAll('.counter');
-        var slides = document.querySelectorAll('.slide');
-
-        function toggleCounter() {
-          toArray(counters).forEach(function(el) {
-            el.style.display = (el.offsetHeight) ? 'none' : 'block';
-          });
-        }
-
-        function toggleSize() {
-          toArray(slides).forEach(function(el) {
-            if (!/reduced/.test(el.className)) {
-              addClass(el, 'reduced');
-            }
-            else {
-              removeClass(el, 'reduced');
-            }
-          });
-        }
-
-        function toggleTransitions() {
-          toArray(slides).forEach(function(el) {
-            if (!/no-transitions/.test(el.className)) {
-              addClass(el, 'no-transitions');
-            }
-            else {
-              removeClass(el, 'no-transitions');
-            }
-          });
-        }
-
-        function toggleGradients() {
-          toArray(slides).forEach(function(el) {
-            if (!/no-gradients/.test(el.className)) {
-              addClass(el, 'no-gradients');
-            }
-            else {
-              removeClass(el, 'no-gradients');
-            }
-          });
-        }
-
-
-
-
-
-      })();
+function toggleGradients () {
+  [...slides].forEach(function (el) {
+    if (!/no-gradients/.test(el.className)) {
+      el.classList.add('no-gradients');
+    } else {
+      el.classList.remove('no-gradients');
+    }
+  });
+}
+})();
diff --git a/svgedit-config-es.js b/svgedit-config-es.js
new file mode 100644
index 00000000..c90fc147
--- /dev/null
+++ b/svgedit-config-es.js
@@ -0,0 +1,149 @@
+//  TO BUILD AN IIFE VERSION OF THIS FILE (AS CAN WORK ON OLDER BROWSERS),
+//   RUN THE FOLLOWING ON THE COMMAND LINE FROM THE PROJECT ROOT:
+//   `npm run build-config`. REPEAT AFTER ANY MODIFICATIONS
+//   TO svgedit-config-es.js.
+
+/*
+The svgedit-config-es.js file is intended for the setting of configuration or
+  preferences which must run early on; if this is not needed, it is
+  recommended that you create an extension instead (for greater
+  reusability and modularity). This file needs to be in the parent
+  folder of the editor folder. It is referenced in the code as
+  '../svgedit-config-es.js'.
+*/
+
+// CONFIG AND EXTENSION SETTING
+/*
+For default config and extensions (and available options) available to
+`setConfig()`, see the file `docs/tutorials/ConfigOptions.md`
+*/
+
+import svgEditor from './editor/svg-editor.js';
+
+// URL OVERRIDE CONFIG
+svgEditor.setConfig({
+  /**
+  To override the ability for URLs to set URL-based SVG content,
+      uncomment the following:
+  */
+  // preventURLContentLoading: true,
+  /**
+  To override the ability for URLs to set other configuration (including
+      extension config), uncomment the following:
+  */
+  // preventAllURLConfig: true,
+  /**
+  To override the ability for URLs to set their own extensions,
+    uncomment the following (note that if `setConfig()` is used in
+    extension code, it will still be additive to extensions,
+    however):
+  */
+  // lockExtensions: true,
+});
+
+svgEditor.setConfig({
+  /*
+  Provide default values here which differ from that of the editor but
+    which the URL can override
+  */
+}, {allowInitialUserOverride: true});
+
+// EXTENSION CONFIG
+svgEditor.setConfig({
+  extensions: [
+    // 'ext-overview_window.js', 'ext-markers.js', 'ext-connector.js', 'ext-eyedropper.js', 'ext-shapes.js', 'ext-imagelib.js', 'ext-grid.js', 'ext-polygon.js', 'ext-star.js', 'ext-panning.js', 'ext-storage.js'
+  ], noDefaultExtensions: false, // noDefaultExtensions can only be meaningfully used in svgedit-config-es.js or in the URL
+});
+
+// STYLESHEET CONFIG
+svgEditor.setConfig({
+  stylesheets: ['@default', '../svgedit-custom.css']
+});
+
+// OTHER CONFIG
+svgEditor.setConfig({
+  // canvasName: 'default',
+  // canvas_expansion: 3,
+  // initFill: {
+  //   color: 'FF0000', // solid red
+  //   opacity: 1
+  // },
+  // initStroke: {
+  //   width: 5,
+  //   color: '000000', // solid black
+  //   opacity: 1
+  // },
+  // initOpacity: 1,
+  // colorPickerCSS: null,
+  // initTool: 'select',
+  // exportWindowType: 'new', // 'same'
+  // wireframe: false,
+  // showlayers: false,
+  // no_save_warning: false,
+  // PATH CONFIGURATION
+  // imgPath: 'images/',
+  // langPath: 'locale/',
+  // extPath: 'extensions/',
+  // jGraduatePath: 'jgraduate/images/',
+  /*
+  Uncomment the following to allow at least same domain (embedded) access,
+  including file:// access.
+  Setting as `['*']` would allow any domain to access but would be unsafe to
+  data privacy and integrity.
+  */
+  // allowedOrigins: [window.location.origin || 'null'], // May be 'null' (as a string) when used as a file:// URL
+  // DOCUMENT PROPERTIES
+  // dimensions: [640, 480],
+  // EDITOR OPTIONS
+  // gridSnapping: false,
+  // gridColor: '#000',
+  // baseUnit: 'px',
+  // snappingStep: 10,
+  // showRulers: true,
+  // EXTENSION-RELATED (GRID)
+  // showGrid: false, // Set by ext-grid.js
+  // EXTENSION-RELATED (STORAGE)
+  // noStorageOnLoad: false, // Some interaction with ext-storage.js; prevent even the loading of previously saved local storage
+  // forceStorage: false, // Some interaction with ext-storage.js; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not
+  // emptyStorageOnDecline: true, // Used by ext-storage.js; empty any prior storage if the user declines to store
+});
+
+// PREF CHANGES
+/**
+setConfig() can also be used to set preferences in addition to
+  configuration (see defaultPrefs in svg-editor.js for a list of
+  possible settings), but at least if you are using ext-storage.js
+  to store preferences, it will probably be better to let your
+  users control these.
+As with configuration, one may use allowInitialUserOverride, but
+  in the case of preferences, any previously stored preferences
+  will also thereby be enabled to override this setting (and at a
+  higher priority than any URL preference setting overrides).
+  Failing to use allowInitialUserOverride will ensure preferences
+  are hard-coded here regardless of URL or prior user storage setting.
+*/
+svgEditor.setConfig({
+  // lang: '', // Set dynamically within locale.js if not previously set
+  // iconsize: '', // Will default to 's' if the window height is smaller than the minimum height and 'm' otherwise
+  /**
+  * When showing the preferences dialog, svg-editor.js currently relies
+  * on curPrefs instead of $.pref, so allowing an override for bkgd_color
+  * means that this value won't have priority over block auto-detection as
+  * far as determining which color shows initially in the preferences
+  * dialog (though it can be changed and saved).
+  */
+  // bkgd_color: '#FFF',
+  // bkgd_url: '',
+  // img_save: 'embed',
+  // Only shows in UI as far as alert notices
+  // save_notice_done: false,
+  // export_notice_done: false
+});
+svgEditor.setConfig(
+  {
+    // Indicate pref settings here if you wish to allow user storage or URL settings
+    //   to be able to override your default preferences (unless other config options
+    //   have already explicitly prevented one or the other)
+  },
+  {allowInitialUserOverride: true}
+);
diff --git a/svgedit-config-iife.js b/svgedit-config-iife.js
new file mode 100644
index 00000000..46a1e213
--- /dev/null
+++ b/svgedit-config-iife.js
@@ -0,0 +1,31187 @@
+(function () {
+  'use strict';
+
+  // http://ross.posterous.com/2008/08/19/iphone-touch-events-in-javascript/
+  function touchHandler(ev) {
+    var changedTouches = ev.changedTouches,
+        first = changedTouches[0];
+
+
+    var type = '';
+    switch (ev.type) {
+      case 'touchstart':
+        type = 'mousedown';break;
+      case 'touchmove':
+        type = 'mousemove';break;
+      case 'touchend':
+        type = 'mouseup';break;
+      default:
+        return;
+    }
+
+    var screenX = first.screenX,
+        screenY = first.screenY,
+        clientX = first.clientX,
+        clientY = first.clientY;
+
+    var simulatedEvent = new MouseEvent(type, {
+      // Event interface
+      bubbles: true,
+      cancelable: true,
+      // UIEvent interface
+      view: window,
+      detail: 1, // click count
+      // MouseEvent interface (customized)
+      screenX: screenX, screenY: screenY, clientX: clientX, clientY: clientY,
+      // MouseEvent interface (defaults) - these could be removed
+      ctrlKey: false,
+      altKey: false,
+      shiftKey: false,
+      metaKey: false,
+      button: 0, // main button (usually left)
+      relatedTarget: null
+    });
+    if (changedTouches.length < 2) {
+      first.target.dispatchEvent(simulatedEvent);
+      ev.preventDefault();
+    }
+  }
+
+  document.addEventListener('touchstart', touchHandler, true);
+  document.addEventListener('touchmove', touchHandler, true);
+  document.addEventListener('touchend', touchHandler, true);
+  document.addEventListener('touchcancel', touchHandler, true);
+
+  var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  };
+
+  var asyncToGenerator = function (fn) {
+    return function () {
+      var gen = fn.apply(this, arguments);
+      return new Promise(function (resolve, reject) {
+        function step(key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+
+          if (info.done) {
+            resolve(value);
+          } else {
+            return Promise.resolve(value).then(function (value) {
+              step("next", value);
+            }, function (err) {
+              step("throw", err);
+            });
+          }
+        }
+
+        return step("next");
+      });
+    };
+  };
+
+  var classCallCheck = function (instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  };
+
+  var createClass = function () {
+    function defineProperties(target, props) {
+      for (var i = 0; i < props.length; i++) {
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+      }
+    }
+
+    return function (Constructor, protoProps, staticProps) {
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) defineProperties(Constructor, staticProps);
+      return Constructor;
+    };
+  }();
+
+  var _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  var inherits = function (subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+  };
+
+  var possibleConstructorReturn = function (self, call) {
+    if (!self) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return call && (typeof call === "object" || typeof call === "function") ? call : self;
+  };
+
+  var slicedToArray = function () {
+    function sliceIterator(arr, i) {
+      var _arr = [];
+      var _n = true;
+      var _d = false;
+      var _e = undefined;
+
+      try {
+        for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+          _arr.push(_s.value);
+
+          if (i && _arr.length === i) break;
+        }
+      } catch (err) {
+        _d = true;
+        _e = err;
+      } finally {
+        try {
+          if (!_n && _i["return"]) _i["return"]();
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+
+      return _arr;
+    }
+
+    return function (arr, i) {
+      if (Array.isArray(arr)) {
+        return arr;
+      } else if (Symbol.iterator in Object(arr)) {
+        return sliceIterator(arr, i);
+      } else {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance");
+      }
+    };
+  }();
+
+  var toConsumableArray = function (arr) {
+    if (Array.isArray(arr)) {
+      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+      return arr2;
+    } else {
+      return Array.from(arr);
+    }
+  };
+
+  /**
+   * Namespaces or tools therefor
+   * @module namespaces
+   * @license MIT
+  */
+
+  /**
+  * Common namepaces constants in alpha order
+  * @enum {string}
+  * @type {PlainObject}
+  * @memberof module:namespaces
+  */
+  var NS = {
+    HTML: 'http://www.w3.org/1999/xhtml',
+    MATH: 'http://www.w3.org/1998/Math/MathML',
+    SE: 'http://svg-edit.googlecode.com',
+    SVG: 'http://www.w3.org/2000/svg',
+    XLINK: 'http://www.w3.org/1999/xlink',
+    XML: 'http://www.w3.org/XML/1998/namespace',
+    XMLNS: 'http://www.w3.org/2000/xmlns/' // see http://www.w3.org/TR/REC-xml-names/#xmlReserved
+  };
+
+  /**
+  * @function module:namespaces.getReverseNS
+  * @returns {string} The NS with key values switched and lowercase
+  */
+  var getReverseNS = function getReverseNS() {
+    var reverseNS = {};
+    Object.entries(NS).forEach(function (_ref) {
+      var _ref2 = slicedToArray(_ref, 2),
+          name = _ref2[0],
+          URI = _ref2[1];
+
+      reverseNS[URI] = name.toLowerCase();
+    });
+    return reverseNS;
+  };
+
+  /**
+  * SVGPathSeg API polyfill
+  * https://github.com/progers/pathseg
+  *
+  * This is a drop-in replacement for the `SVGPathSeg` and `SVGPathSegList` APIs
+  * that were removed from SVG2 ({@link https://lists.w3.org/Archives/Public/www-svg/2015Jun/0044.html}),
+  * including the latest spec changes which were implemented in Firefox 43 and
+  * Chrome 46.
+  */
+  (function () {
+    if (!('SVGPathSeg' in window)) {
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSeg
+      var _SVGPathSeg = function () {
+        function _SVGPathSeg(type, typeAsLetter, owningPathSegList) {
+          classCallCheck(this, _SVGPathSeg);
+
+          this.pathSegType = type;
+          this.pathSegTypeAsLetter = typeAsLetter;
+          this._owningPathSegList = owningPathSegList;
+        }
+        // Notify owning PathSegList on any changes so they can be synchronized back to the path element.
+
+
+        createClass(_SVGPathSeg, [{
+          key: '_segmentChanged',
+          value: function _segmentChanged() {
+            if (this._owningPathSegList) {
+              this._owningPathSegList.segmentChanged(this);
+            }
+          }
+        }]);
+        return _SVGPathSeg;
+      }();
+
+      _SVGPathSeg.prototype.classname = 'SVGPathSeg';
+
+      _SVGPathSeg.PATHSEG_UNKNOWN = 0;
+      _SVGPathSeg.PATHSEG_CLOSEPATH = 1;
+      _SVGPathSeg.PATHSEG_MOVETO_ABS = 2;
+      _SVGPathSeg.PATHSEG_MOVETO_REL = 3;
+      _SVGPathSeg.PATHSEG_LINETO_ABS = 4;
+      _SVGPathSeg.PATHSEG_LINETO_REL = 5;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS = 6;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL = 7;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS = 8;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL = 9;
+      _SVGPathSeg.PATHSEG_ARC_ABS = 10;
+      _SVGPathSeg.PATHSEG_ARC_REL = 11;
+      _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS = 12;
+      _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL = 13;
+      _SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS = 14;
+      _SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL = 15;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS = 16;
+      _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL = 17;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS = 18;
+      _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL = 19;
+
+      var _SVGPathSegClosePath = function (_SVGPathSeg2) {
+        inherits(_SVGPathSegClosePath, _SVGPathSeg2);
+
+        function _SVGPathSegClosePath(owningPathSegList) {
+          classCallCheck(this, _SVGPathSegClosePath);
+          return possibleConstructorReturn(this, (_SVGPathSegClosePath.__proto__ || Object.getPrototypeOf(_SVGPathSegClosePath)).call(this, _SVGPathSeg.PATHSEG_CLOSEPATH, 'z', owningPathSegList));
+        }
+
+        createClass(_SVGPathSegClosePath, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegClosePath]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegClosePath(undefined);
+          }
+        }]);
+        return _SVGPathSegClosePath;
+      }(_SVGPathSeg);
+
+      var _SVGPathSegMovetoAbs = function (_SVGPathSeg3) {
+        inherits(_SVGPathSegMovetoAbs, _SVGPathSeg3);
+
+        function _SVGPathSegMovetoAbs(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegMovetoAbs);
+
+          var _this2 = possibleConstructorReturn(this, (_SVGPathSegMovetoAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegMovetoAbs)).call(this, _SVGPathSeg.PATHSEG_MOVETO_ABS, 'M', owningPathSegList));
+
+          _this2._x = x;
+          _this2._y = y;
+          return _this2;
+        }
+
+        createClass(_SVGPathSegMovetoAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegMovetoAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegMovetoAbs(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegMovetoAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegMovetoAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true
+        },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true
+        }
+      });
+
+      var _SVGPathSegMovetoRel = function (_SVGPathSeg4) {
+        inherits(_SVGPathSegMovetoRel, _SVGPathSeg4);
+
+        function _SVGPathSegMovetoRel(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegMovetoRel);
+
+          var _this3 = possibleConstructorReturn(this, (_SVGPathSegMovetoRel.__proto__ || Object.getPrototypeOf(_SVGPathSegMovetoRel)).call(this, _SVGPathSeg.PATHSEG_MOVETO_REL, 'm', owningPathSegList));
+
+          _this3._x = x;
+          _this3._y = y;
+          return _this3;
+        }
+
+        createClass(_SVGPathSegMovetoRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegMovetoRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegMovetoRel(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegMovetoRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegMovetoRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegLinetoAbs = function (_SVGPathSeg5) {
+        inherits(_SVGPathSegLinetoAbs, _SVGPathSeg5);
+
+        function _SVGPathSegLinetoAbs(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegLinetoAbs);
+
+          var _this4 = possibleConstructorReturn(this, (_SVGPathSegLinetoAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_ABS, 'L', owningPathSegList));
+
+          _this4._x = x;
+          _this4._y = y;
+          return _this4;
+        }
+
+        createClass(_SVGPathSegLinetoAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoAbs(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegLinetoAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegLinetoRel = function (_SVGPathSeg6) {
+        inherits(_SVGPathSegLinetoRel, _SVGPathSeg6);
+
+        function _SVGPathSegLinetoRel(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegLinetoRel);
+
+          var _this5 = possibleConstructorReturn(this, (_SVGPathSegLinetoRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_REL, 'l', owningPathSegList));
+
+          _this5._x = x;
+          _this5._y = y;
+          return _this5;
+        }
+
+        createClass(_SVGPathSegLinetoRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoRel(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegLinetoRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoCubicAbs = function (_SVGPathSeg7) {
+        inherits(_SVGPathSegCurvetoCubicAbs, _SVGPathSeg7);
+
+        function _SVGPathSegCurvetoCubicAbs(owningPathSegList, x, y, x1, y1, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicAbs);
+
+          var _this6 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS, 'C', owningPathSegList));
+
+          _this6._x = x;
+          _this6._y = y;
+          _this6._x1 = x1;
+          _this6._y1 = y1;
+          _this6._x2 = x2;
+          _this6._y2 = y2;
+          return _this6;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicAbs(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoCubicRel = function (_SVGPathSeg8) {
+        inherits(_SVGPathSegCurvetoCubicRel, _SVGPathSeg8);
+
+        function _SVGPathSegCurvetoCubicRel(owningPathSegList, x, y, x1, y1, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicRel);
+
+          var _this7 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, 'c', owningPathSegList));
+
+          _this7._x = x;
+          _this7._y = y;
+          _this7._x1 = x1;
+          _this7._y1 = y1;
+          _this7._x2 = x2;
+          _this7._y2 = y2;
+          return _this7;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicRel(undefined, this._x, this._y, this._x1, this._y1, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticAbs = function (_SVGPathSeg9) {
+        inherits(_SVGPathSegCurvetoQuadraticAbs, _SVGPathSeg9);
+
+        function _SVGPathSegCurvetoQuadraticAbs(owningPathSegList, x, y, x1, y1) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticAbs);
+
+          var _this8 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS, 'Q', owningPathSegList));
+
+          _this8._x = x;
+          _this8._y = y;
+          _this8._x1 = x1;
+          _this8._y1 = y1;
+          return _this8;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticAbs(undefined, this._x, this._y, this._x1, this._y1);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticRel = function (_SVGPathSeg10) {
+        inherits(_SVGPathSegCurvetoQuadraticRel, _SVGPathSeg10);
+
+        function _SVGPathSegCurvetoQuadraticRel(owningPathSegList, x, y, x1, y1) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticRel);
+
+          var _this9 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL, 'q', owningPathSegList));
+
+          _this9._x = x;
+          _this9._y = y;
+          _this9._x1 = x1;
+          _this9._y1 = y1;
+          return _this9;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x1 + ' ' + this._y1 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticRel(undefined, this._x, this._y, this._x1, this._y1);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x1: {
+          get: function get$$1() {
+            return this._x1;
+          },
+          set: function set$$1(x1) {
+            this._x1 = x1;this._segmentChanged();
+          },
+          enumerable: true },
+        y1: {
+          get: function get$$1() {
+            return this._y1;
+          },
+          set: function set$$1(y1) {
+            this._y1 = y1;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegArcAbs = function (_SVGPathSeg11) {
+        inherits(_SVGPathSegArcAbs, _SVGPathSeg11);
+
+        function _SVGPathSegArcAbs(owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+          classCallCheck(this, _SVGPathSegArcAbs);
+
+          var _this10 = possibleConstructorReturn(this, (_SVGPathSegArcAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegArcAbs)).call(this, _SVGPathSeg.PATHSEG_ARC_ABS, 'A', owningPathSegList));
+
+          _this10._x = x;
+          _this10._y = y;
+          _this10._r1 = r1;
+          _this10._r2 = r2;
+          _this10._angle = angle;
+          _this10._largeArcFlag = largeArcFlag;
+          _this10._sweepFlag = sweepFlag;
+          return _this10;
+        }
+
+        createClass(_SVGPathSegArcAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegArcAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegArcAbs(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);
+          }
+        }]);
+        return _SVGPathSegArcAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegArcAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        r1: {
+          get: function get$$1() {
+            return this._r1;
+          },
+          set: function set$$1(r1) {
+            this._r1 = r1;this._segmentChanged();
+          },
+          enumerable: true },
+        r2: {
+          get: function get$$1() {
+            return this._r2;
+          },
+          set: function set$$1(r2) {
+            this._r2 = r2;this._segmentChanged();
+          },
+          enumerable: true },
+        angle: {
+          get: function get$$1() {
+            return this._angle;
+          },
+          set: function set$$1(angle) {
+            this._angle = angle;this._segmentChanged();
+          },
+          enumerable: true },
+        largeArcFlag: {
+          get: function get$$1() {
+            return this._largeArcFlag;
+          },
+          set: function set$$1(largeArcFlag) {
+            this._largeArcFlag = largeArcFlag;this._segmentChanged();
+          },
+          enumerable: true },
+        sweepFlag: {
+          get: function get$$1() {
+            return this._sweepFlag;
+          },
+          set: function set$$1(sweepFlag) {
+            this._sweepFlag = sweepFlag;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegArcRel = function (_SVGPathSeg12) {
+        inherits(_SVGPathSegArcRel, _SVGPathSeg12);
+
+        function _SVGPathSegArcRel(owningPathSegList, x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+          classCallCheck(this, _SVGPathSegArcRel);
+
+          var _this11 = possibleConstructorReturn(this, (_SVGPathSegArcRel.__proto__ || Object.getPrototypeOf(_SVGPathSegArcRel)).call(this, _SVGPathSeg.PATHSEG_ARC_REL, 'a', owningPathSegList));
+
+          _this11._x = x;
+          _this11._y = y;
+          _this11._r1 = r1;
+          _this11._r2 = r2;
+          _this11._angle = angle;
+          _this11._largeArcFlag = largeArcFlag;
+          _this11._sweepFlag = sweepFlag;
+          return _this11;
+        }
+
+        createClass(_SVGPathSegArcRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegArcRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._r1 + ' ' + this._r2 + ' ' + this._angle + ' ' + (this._largeArcFlag ? '1' : '0') + ' ' + (this._sweepFlag ? '1' : '0') + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegArcRel(undefined, this._x, this._y, this._r1, this._r2, this._angle, this._largeArcFlag, this._sweepFlag);
+          }
+        }]);
+        return _SVGPathSegArcRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegArcRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        r1: {
+          get: function get$$1() {
+            return this._r1;
+          },
+          set: function set$$1(r1) {
+            this._r1 = r1;this._segmentChanged();
+          },
+          enumerable: true },
+        r2: {
+          get: function get$$1() {
+            return this._r2;
+          },
+          set: function set$$1(r2) {
+            this._r2 = r2;this._segmentChanged();
+          },
+          enumerable: true },
+        angle: {
+          get: function get$$1() {
+            return this._angle;
+          },
+          set: function set$$1(angle) {
+            this._angle = angle;this._segmentChanged();
+          },
+          enumerable: true },
+        largeArcFlag: {
+          get: function get$$1() {
+            return this._largeArcFlag;
+          },
+          set: function set$$1(largeArcFlag) {
+            this._largeArcFlag = largeArcFlag;this._segmentChanged();
+          },
+          enumerable: true },
+        sweepFlag: {
+          get: function get$$1() {
+            return this._sweepFlag;
+          },
+          set: function set$$1(sweepFlag) {
+            this._sweepFlag = sweepFlag;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegLinetoHorizontalAbs = function (_SVGPathSeg13) {
+        inherits(_SVGPathSegLinetoHorizontalAbs, _SVGPathSeg13);
+
+        function _SVGPathSegLinetoHorizontalAbs(owningPathSegList, x) {
+          classCallCheck(this, _SVGPathSegLinetoHorizontalAbs);
+
+          var _this12 = possibleConstructorReturn(this, (_SVGPathSegLinetoHorizontalAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoHorizontalAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS, 'H', owningPathSegList));
+
+          _this12._x = x;
+          return _this12;
+        }
+
+        createClass(_SVGPathSegLinetoHorizontalAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoHorizontalAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoHorizontalAbs(undefined, this._x);
+          }
+        }]);
+        return _SVGPathSegLinetoHorizontalAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoHorizontalAbs.prototype, 'x', {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegLinetoHorizontalRel = function (_SVGPathSeg14) {
+        inherits(_SVGPathSegLinetoHorizontalRel, _SVGPathSeg14);
+
+        function _SVGPathSegLinetoHorizontalRel(owningPathSegList, x) {
+          classCallCheck(this, _SVGPathSegLinetoHorizontalRel);
+
+          var _this13 = possibleConstructorReturn(this, (_SVGPathSegLinetoHorizontalRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoHorizontalRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL, 'h', owningPathSegList));
+
+          _this13._x = x;
+          return _this13;
+        }
+
+        createClass(_SVGPathSegLinetoHorizontalRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoHorizontalRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoHorizontalRel(undefined, this._x);
+          }
+        }]);
+        return _SVGPathSegLinetoHorizontalRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoHorizontalRel.prototype, 'x', {
+        get: function get$$1() {
+          return this._x;
+        },
+        set: function set$$1(x) {
+          this._x = x;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegLinetoVerticalAbs = function (_SVGPathSeg15) {
+        inherits(_SVGPathSegLinetoVerticalAbs, _SVGPathSeg15);
+
+        function _SVGPathSegLinetoVerticalAbs(owningPathSegList, y) {
+          classCallCheck(this, _SVGPathSegLinetoVerticalAbs);
+
+          var _this14 = possibleConstructorReturn(this, (_SVGPathSegLinetoVerticalAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoVerticalAbs)).call(this, _SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS, 'V', owningPathSegList));
+
+          _this14._y = y;
+          return _this14;
+        }
+
+        createClass(_SVGPathSegLinetoVerticalAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoVerticalAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoVerticalAbs(undefined, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoVerticalAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoVerticalAbs.prototype, 'y', {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegLinetoVerticalRel = function (_SVGPathSeg16) {
+        inherits(_SVGPathSegLinetoVerticalRel, _SVGPathSeg16);
+
+        function _SVGPathSegLinetoVerticalRel(owningPathSegList, y) {
+          classCallCheck(this, _SVGPathSegLinetoVerticalRel);
+
+          var _this15 = possibleConstructorReturn(this, (_SVGPathSegLinetoVerticalRel.__proto__ || Object.getPrototypeOf(_SVGPathSegLinetoVerticalRel)).call(this, _SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL, 'v', owningPathSegList));
+
+          _this15._y = y;
+          return _this15;
+        }
+
+        createClass(_SVGPathSegLinetoVerticalRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegLinetoVerticalRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegLinetoVerticalRel(undefined, this._y);
+          }
+        }]);
+        return _SVGPathSegLinetoVerticalRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperty(_SVGPathSegLinetoVerticalRel.prototype, 'y', {
+        get: function get$$1() {
+          return this._y;
+        },
+        set: function set$$1(y) {
+          this._y = y;this._segmentChanged();
+        },
+        enumerable: true });
+
+      var _SVGPathSegCurvetoCubicSmoothAbs = function (_SVGPathSeg17) {
+        inherits(_SVGPathSegCurvetoCubicSmoothAbs, _SVGPathSeg17);
+
+        function _SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, x, y, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicSmoothAbs);
+
+          var _this16 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicSmoothAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicSmoothAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS, 'S', owningPathSegList));
+
+          _this16._x = x;
+          _this16._y = y;
+          _this16._x2 = x2;
+          _this16._y2 = y2;
+          return _this16;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicSmoothAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicSmoothAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicSmoothAbs(undefined, this._x, this._y, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicSmoothAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicSmoothAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoCubicSmoothRel = function (_SVGPathSeg18) {
+        inherits(_SVGPathSegCurvetoCubicSmoothRel, _SVGPathSeg18);
+
+        function _SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, x, y, x2, y2) {
+          classCallCheck(this, _SVGPathSegCurvetoCubicSmoothRel);
+
+          var _this17 = possibleConstructorReturn(this, (_SVGPathSegCurvetoCubicSmoothRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoCubicSmoothRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL, 's', owningPathSegList));
+
+          _this17._x = x;
+          _this17._y = y;
+          _this17._x2 = x2;
+          _this17._y2 = y2;
+          return _this17;
+        }
+
+        createClass(_SVGPathSegCurvetoCubicSmoothRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoCubicSmoothRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x2 + ' ' + this._y2 + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoCubicSmoothRel(undefined, this._x, this._y, this._x2, this._y2);
+          }
+        }]);
+        return _SVGPathSegCurvetoCubicSmoothRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoCubicSmoothRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true },
+        x2: {
+          get: function get$$1() {
+            return this._x2;
+          },
+          set: function set$$1(x2) {
+            this._x2 = x2;this._segmentChanged();
+          },
+          enumerable: true },
+        y2: {
+          get: function get$$1() {
+            return this._y2;
+          },
+          set: function set$$1(y2) {
+            this._y2 = y2;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticSmoothAbs = function (_SVGPathSeg19) {
+        inherits(_SVGPathSegCurvetoQuadraticSmoothAbs, _SVGPathSeg19);
+
+        function _SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticSmoothAbs);
+
+          var _this18 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticSmoothAbs.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticSmoothAbs)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS, 'T', owningPathSegList));
+
+          _this18._x = x;
+          _this18._y = y;
+          return _this18;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticSmoothAbs, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticSmoothAbs]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticSmoothAbs(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticSmoothAbs;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticSmoothAbs.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      var _SVGPathSegCurvetoQuadraticSmoothRel = function (_SVGPathSeg20) {
+        inherits(_SVGPathSegCurvetoQuadraticSmoothRel, _SVGPathSeg20);
+
+        function _SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, x, y) {
+          classCallCheck(this, _SVGPathSegCurvetoQuadraticSmoothRel);
+
+          var _this19 = possibleConstructorReturn(this, (_SVGPathSegCurvetoQuadraticSmoothRel.__proto__ || Object.getPrototypeOf(_SVGPathSegCurvetoQuadraticSmoothRel)).call(this, _SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL, 't', owningPathSegList));
+
+          _this19._x = x;
+          _this19._y = y;
+          return _this19;
+        }
+
+        createClass(_SVGPathSegCurvetoQuadraticSmoothRel, [{
+          key: 'toString',
+          value: function toString() {
+            return '[object SVGPathSegCurvetoQuadraticSmoothRel]';
+          }
+        }, {
+          key: '_asPathString',
+          value: function _asPathString() {
+            return this.pathSegTypeAsLetter + ' ' + this._x + ' ' + this._y;
+          }
+        }, {
+          key: 'clone',
+          value: function clone() {
+            return new _SVGPathSegCurvetoQuadraticSmoothRel(undefined, this._x, this._y);
+          }
+        }]);
+        return _SVGPathSegCurvetoQuadraticSmoothRel;
+      }(_SVGPathSeg);
+
+      Object.defineProperties(_SVGPathSegCurvetoQuadraticSmoothRel.prototype, {
+        x: {
+          get: function get$$1() {
+            return this._x;
+          },
+          set: function set$$1(x) {
+            this._x = x;this._segmentChanged();
+          },
+          enumerable: true },
+        y: {
+          get: function get$$1() {
+            return this._y;
+          },
+          set: function set$$1(y) {
+            this._y = y;this._segmentChanged();
+          },
+          enumerable: true }
+      });
+
+      // Add createSVGPathSeg* functions to SVGPathElement.
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathElement.
+      SVGPathElement.prototype.createSVGPathSegClosePath = function () {
+        return new _SVGPathSegClosePath(undefined);
+      };
+      SVGPathElement.prototype.createSVGPathSegMovetoAbs = function (x, y) {
+        return new _SVGPathSegMovetoAbs(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegMovetoRel = function (x, y) {
+        return new _SVGPathSegMovetoRel(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoAbs = function (x, y) {
+        return new _SVGPathSegLinetoAbs(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoRel = function (x, y) {
+        return new _SVGPathSegLinetoRel(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs = function (x, y, x1, y1, x2, y2) {
+        return new _SVGPathSegCurvetoCubicAbs(undefined, x, y, x1, y1, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel = function (x, y, x1, y1, x2, y2) {
+        return new _SVGPathSegCurvetoCubicRel(undefined, x, y, x1, y1, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs = function (x, y, x1, y1) {
+        return new _SVGPathSegCurvetoQuadraticAbs(undefined, x, y, x1, y1);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel = function (x, y, x1, y1) {
+        return new _SVGPathSegCurvetoQuadraticRel(undefined, x, y, x1, y1);
+      };
+      SVGPathElement.prototype.createSVGPathSegArcAbs = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+        return new _SVGPathSegArcAbs(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);
+      };
+      SVGPathElement.prototype.createSVGPathSegArcRel = function (x, y, r1, r2, angle, largeArcFlag, sweepFlag) {
+        return new _SVGPathSegArcRel(undefined, x, y, r1, r2, angle, largeArcFlag, sweepFlag);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs = function (x) {
+        return new _SVGPathSegLinetoHorizontalAbs(undefined, x);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel = function (x) {
+        return new _SVGPathSegLinetoHorizontalRel(undefined, x);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs = function (y) {
+        return new _SVGPathSegLinetoVerticalAbs(undefined, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel = function (y) {
+        return new _SVGPathSegLinetoVerticalRel(undefined, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs = function (x, y, x2, y2) {
+        return new _SVGPathSegCurvetoCubicSmoothAbs(undefined, x, y, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel = function (x, y, x2, y2) {
+        return new _SVGPathSegCurvetoCubicSmoothRel(undefined, x, y, x2, y2);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs = function (x, y) {
+        return new _SVGPathSegCurvetoQuadraticSmoothAbs(undefined, x, y);
+      };
+      SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel = function (x, y) {
+        return new _SVGPathSegCurvetoQuadraticSmoothRel(undefined, x, y);
+      };
+
+      if (!('getPathSegAtLength' in SVGPathElement.prototype)) {
+        // Add getPathSegAtLength to SVGPathElement.
+        // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-__svg__SVGPathElement__getPathSegAtLength
+        // This polyfill requires SVGPathElement.getTotalLength to implement the distance-along-a-path algorithm.
+        SVGPathElement.prototype.getPathSegAtLength = function (distance) {
+          if (distance === undefined || !isFinite(distance)) {
+            throw new Error('Invalid arguments.');
+          }
+
+          var measurementElement = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+          measurementElement.setAttribute('d', this.getAttribute('d'));
+          var lastPathSegment = measurementElement.pathSegList.numberOfItems - 1;
+
+          // If the path is empty, return 0.
+          if (lastPathSegment <= 0) {
+            return 0;
+          }
+
+          do {
+            measurementElement.pathSegList.removeItem(lastPathSegment);
+            if (distance > measurementElement.getTotalLength()) {
+              break;
+            }
+            lastPathSegment--;
+          } while (lastPathSegment > 0);
+          return lastPathSegment;
+        };
+      }
+
+      window.SVGPathSeg = _SVGPathSeg;
+      window.SVGPathSegClosePath = _SVGPathSegClosePath;
+      window.SVGPathSegMovetoAbs = _SVGPathSegMovetoAbs;
+      window.SVGPathSegMovetoRel = _SVGPathSegMovetoRel;
+      window.SVGPathSegLinetoAbs = _SVGPathSegLinetoAbs;
+      window.SVGPathSegLinetoRel = _SVGPathSegLinetoRel;
+      window.SVGPathSegCurvetoCubicAbs = _SVGPathSegCurvetoCubicAbs;
+      window.SVGPathSegCurvetoCubicRel = _SVGPathSegCurvetoCubicRel;
+      window.SVGPathSegCurvetoQuadraticAbs = _SVGPathSegCurvetoQuadraticAbs;
+      window.SVGPathSegCurvetoQuadraticRel = _SVGPathSegCurvetoQuadraticRel;
+      window.SVGPathSegArcAbs = _SVGPathSegArcAbs;
+      window.SVGPathSegArcRel = _SVGPathSegArcRel;
+      window.SVGPathSegLinetoHorizontalAbs = _SVGPathSegLinetoHorizontalAbs;
+      window.SVGPathSegLinetoHorizontalRel = _SVGPathSegLinetoHorizontalRel;
+      window.SVGPathSegLinetoVerticalAbs = _SVGPathSegLinetoVerticalAbs;
+      window.SVGPathSegLinetoVerticalRel = _SVGPathSegLinetoVerticalRel;
+      window.SVGPathSegCurvetoCubicSmoothAbs = _SVGPathSegCurvetoCubicSmoothAbs;
+      window.SVGPathSegCurvetoCubicSmoothRel = _SVGPathSegCurvetoCubicSmoothRel;
+      window.SVGPathSegCurvetoQuadraticSmoothAbs = _SVGPathSegCurvetoQuadraticSmoothAbs;
+      window.SVGPathSegCurvetoQuadraticSmoothRel = _SVGPathSegCurvetoQuadraticSmoothRel;
+    }
+
+    // Checking for SVGPathSegList in window checks for the case of an implementation without the
+    // SVGPathSegList API.
+    // The second check for appendItem is specific to Firefox 59+ which removed only parts of the
+    // SVGPathSegList API (e.g., appendItem). In this case we need to re-implement the entire API
+    // so the polyfill data (i.e., _list) is used throughout.
+    if (!('SVGPathSegList' in window) || !('appendItem' in SVGPathSegList.prototype)) {
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGPathSegList
+      var _SVGPathSegList = function () {
+        function _SVGPathSegList(pathElement) {
+          classCallCheck(this, _SVGPathSegList);
+
+          this._pathElement = pathElement;
+          this._list = this._parsePath(this._pathElement.getAttribute('d'));
+
+          // Use a MutationObserver to catch changes to the path's "d" attribute.
+          this._mutationObserverConfig = { attributes: true, attributeFilter: ['d'] };
+          this._pathElementMutationObserver = new MutationObserver(this._updateListFromPathMutations.bind(this));
+          this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
+        }
+        // Process any pending mutations to the path element and update the list as needed.
+        // This should be the first call of all public functions and is needed because
+        // MutationObservers are not synchronous so we can have pending asynchronous mutations.
+
+
+        createClass(_SVGPathSegList, [{
+          key: '_checkPathSynchronizedToList',
+          value: function _checkPathSynchronizedToList() {
+            this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords());
+          }
+        }, {
+          key: '_updateListFromPathMutations',
+          value: function _updateListFromPathMutations(mutationRecords) {
+            if (!this._pathElement) {
+              return;
+            }
+            var hasPathMutations = false;
+            mutationRecords.forEach(function (record) {
+              if (record.attributeName === 'd') {
+                hasPathMutations = true;
+              }
+            });
+            if (hasPathMutations) {
+              this._list = this._parsePath(this._pathElement.getAttribute('d'));
+            }
+          }
+
+          // Serialize the list and update the path's 'd' attribute.
+
+        }, {
+          key: '_writeListToPath',
+          value: function _writeListToPath() {
+            this._pathElementMutationObserver.disconnect();
+            this._pathElement.setAttribute('d', _SVGPathSegList._pathSegArrayAsString(this._list));
+            this._pathElementMutationObserver.observe(this._pathElement, this._mutationObserverConfig);
+          }
+
+          // When a path segment changes the list needs to be synchronized back to the path element.
+
+        }, {
+          key: 'segmentChanged',
+          value: function segmentChanged(pathSeg) {
+            this._writeListToPath();
+          }
+        }, {
+          key: 'clear',
+          value: function clear() {
+            this._checkPathSynchronizedToList();
+
+            this._list.forEach(function (pathSeg) {
+              pathSeg._owningPathSegList = null;
+            });
+            this._list = [];
+            this._writeListToPath();
+          }
+        }, {
+          key: 'initialize',
+          value: function initialize(newItem) {
+            this._checkPathSynchronizedToList();
+
+            this._list = [newItem];
+            newItem._owningPathSegList = this;
+            this._writeListToPath();
+            return newItem;
+          }
+        }, {
+          key: '_checkValidIndex',
+          value: function _checkValidIndex(index) {
+            if (isNaN(index) || index < 0 || index >= this.numberOfItems) {
+              throw new Error('INDEX_SIZE_ERR');
+            }
+          }
+        }, {
+          key: 'getItem',
+          value: function getItem(index) {
+            this._checkPathSynchronizedToList();
+
+            this._checkValidIndex(index);
+            return this._list[index];
+          }
+        }, {
+          key: 'insertItemBefore',
+          value: function insertItemBefore(newItem, index) {
+            this._checkPathSynchronizedToList();
+
+            // Spec: If the index is greater than or equal to numberOfItems, then the new item is appended to the end of the list.
+            if (index > this.numberOfItems) {
+              index = this.numberOfItems;
+            }
+            if (newItem._owningPathSegList) {
+              // SVG2 spec says to make a copy.
+              newItem = newItem.clone();
+            }
+            this._list.splice(index, 0, newItem);
+            newItem._owningPathSegList = this;
+            this._writeListToPath();
+            return newItem;
+          }
+        }, {
+          key: 'replaceItem',
+          value: function replaceItem(newItem, index) {
+            this._checkPathSynchronizedToList();
+
+            if (newItem._owningPathSegList) {
+              // SVG2 spec says to make a copy.
+              newItem = newItem.clone();
+            }
+            this._checkValidIndex(index);
+            this._list[index] = newItem;
+            newItem._owningPathSegList = this;
+            this._writeListToPath();
+            return newItem;
+          }
+        }, {
+          key: 'removeItem',
+          value: function removeItem(index) {
+            this._checkPathSynchronizedToList();
+
+            this._checkValidIndex(index);
+            var item = this._list[index];
+            this._list.splice(index, 1);
+            this._writeListToPath();
+            return item;
+          }
+        }, {
+          key: 'appendItem',
+          value: function appendItem(newItem) {
+            this._checkPathSynchronizedToList();
+
+            if (newItem._owningPathSegList) {
+              // SVG2 spec says to make a copy.
+              newItem = newItem.clone();
+            }
+            this._list.push(newItem);
+            newItem._owningPathSegList = this;
+            // TODO: Optimize this to just append to the existing attribute.
+            this._writeListToPath();
+            return newItem;
+          }
+
+          // This closely follows SVGPathParser::parsePath from Source/core/svg/SVGPathParser.cpp.
+
+        }, {
+          key: '_parsePath',
+          value: function _parsePath(string) {
+            if (!string || !string.length) {
+              return [];
+            }
+
+            var owningPathSegList = this;
+
+            var Builder = function () {
+              function Builder() {
+                classCallCheck(this, Builder);
+
+                this.pathSegList = [];
+              }
+
+              createClass(Builder, [{
+                key: 'appendSegment',
+                value: function appendSegment(pathSeg) {
+                  this.pathSegList.push(pathSeg);
+                }
+              }]);
+              return Builder;
+            }();
+
+            var Source = function () {
+              function Source(string) {
+                classCallCheck(this, Source);
+
+                this._string = string;
+                this._currentIndex = 0;
+                this._endIndex = this._string.length;
+                this._previousCommand = SVGPathSeg.PATHSEG_UNKNOWN;
+
+                this._skipOptionalSpaces();
+              }
+
+              createClass(Source, [{
+                key: '_isCurrentSpace',
+                value: function _isCurrentSpace() {
+                  var character = this._string[this._currentIndex];
+                  return character <= ' ' && (character === ' ' || character === '\n' || character === '\t' || character === '\r' || character === '\f');
+                }
+              }, {
+                key: '_skipOptionalSpaces',
+                value: function _skipOptionalSpaces() {
+                  while (this._currentIndex < this._endIndex && this._isCurrentSpace()) {
+                    this._currentIndex++;
+                  }
+                  return this._currentIndex < this._endIndex;
+                }
+              }, {
+                key: '_skipOptionalSpacesOrDelimiter',
+                value: function _skipOptionalSpacesOrDelimiter() {
+                  if (this._currentIndex < this._endIndex && !this._isCurrentSpace() && this._string.charAt(this._currentIndex) !== ',') {
+                    return false;
+                  }
+                  if (this._skipOptionalSpaces()) {
+                    if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === ',') {
+                      this._currentIndex++;
+                      this._skipOptionalSpaces();
+                    }
+                  }
+                  return this._currentIndex < this._endIndex;
+                }
+              }, {
+                key: 'hasMoreData',
+                value: function hasMoreData() {
+                  return this._currentIndex < this._endIndex;
+                }
+              }, {
+                key: 'peekSegmentType',
+                value: function peekSegmentType() {
+                  var lookahead = this._string[this._currentIndex];
+                  return this._pathSegTypeFromChar(lookahead);
+                }
+              }, {
+                key: '_pathSegTypeFromChar',
+                value: function _pathSegTypeFromChar(lookahead) {
+                  switch (lookahead) {
+                    case 'Z':
+                    case 'z':
+                      return SVGPathSeg.PATHSEG_CLOSEPATH;
+                    case 'M':
+                      return SVGPathSeg.PATHSEG_MOVETO_ABS;
+                    case 'm':
+                      return SVGPathSeg.PATHSEG_MOVETO_REL;
+                    case 'L':
+                      return SVGPathSeg.PATHSEG_LINETO_ABS;
+                    case 'l':
+                      return SVGPathSeg.PATHSEG_LINETO_REL;
+                    case 'C':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS;
+                    case 'c':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL;
+                    case 'Q':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;
+                    case 'q':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;
+                    case 'A':
+                      return SVGPathSeg.PATHSEG_ARC_ABS;
+                    case 'a':
+                      return SVGPathSeg.PATHSEG_ARC_REL;
+                    case 'H':
+                      return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;
+                    case 'h':
+                      return SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;
+                    case 'V':
+                      return SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;
+                    case 'v':
+                      return SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;
+                    case 'S':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;
+                    case 's':
+                      return SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;
+                    case 'T':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;
+                    case 't':
+                      return SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;
+                    default:
+                      return SVGPathSeg.PATHSEG_UNKNOWN;
+                  }
+                }
+              }, {
+                key: '_nextCommandHelper',
+                value: function _nextCommandHelper(lookahead, previousCommand) {
+                  // Check for remaining coordinates in the current command.
+                  if ((lookahead === '+' || lookahead === '-' || lookahead === '.' || lookahead >= '0' && lookahead <= '9') && previousCommand !== SVGPathSeg.PATHSEG_CLOSEPATH) {
+                    if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_ABS) {
+                      return SVGPathSeg.PATHSEG_LINETO_ABS;
+                    }
+                    if (previousCommand === SVGPathSeg.PATHSEG_MOVETO_REL) {
+                      return SVGPathSeg.PATHSEG_LINETO_REL;
+                    }
+                    return previousCommand;
+                  }
+                  return SVGPathSeg.PATHSEG_UNKNOWN;
+                }
+              }, {
+                key: 'initialCommandIsMoveTo',
+                value: function initialCommandIsMoveTo() {
+                  // If the path is empty it is still valid, so return true.
+                  if (!this.hasMoreData()) {
+                    return true;
+                  }
+                  var command = this.peekSegmentType();
+                  // Path must start with moveTo.
+                  return command === SVGPathSeg.PATHSEG_MOVETO_ABS || command === SVGPathSeg.PATHSEG_MOVETO_REL;
+                }
+
+                // Parse a number from an SVG path. This very closely follows genericParseNumber(...) from Source/core/svg/SVGParserUtilities.cpp.
+                // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-PathDataBNF
+
+              }, {
+                key: '_parseNumber',
+                value: function _parseNumber() {
+                  var exponent = 0;
+                  var integer = 0;
+                  var frac = 1;
+                  var decimal = 0;
+                  var sign = 1;
+                  var expsign = 1;
+
+                  var startIndex = this._currentIndex;
+
+                  this._skipOptionalSpaces();
+
+                  // Read the sign.
+                  if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '+') {
+                    this._currentIndex++;
+                  } else if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '-') {
+                    this._currentIndex++;
+                    sign = -1;
+                  }
+
+                  if (this._currentIndex === this._endIndex || (this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') && this._string.charAt(this._currentIndex) !== '.') {
+                    // The first character of a number must be one of [0-9+-.].
+                    return undefined;
+                  }
+
+                  // Read the integer part, build right-to-left.
+                  var startIntPartIndex = this._currentIndex;
+                  while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                    this._currentIndex++; // Advance to first non-digit.
+                  }
+
+                  if (this._currentIndex !== startIntPartIndex) {
+                    var scanIntPartIndex = this._currentIndex - 1;
+                    var multiplier = 1;
+                    while (scanIntPartIndex >= startIntPartIndex) {
+                      integer += multiplier * (this._string.charAt(scanIntPartIndex--) - '0');
+                      multiplier *= 10;
+                    }
+                  }
+
+                  // Read the decimals.
+                  if (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) === '.') {
+                    this._currentIndex++;
+
+                    // There must be a least one digit following the .
+                    if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {
+                      return undefined;
+                    }
+                    while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                      frac *= 10;
+                      decimal += (this._string.charAt(this._currentIndex) - '0') / frac;
+                      this._currentIndex += 1;
+                    }
+                  }
+
+                  // Read the exponent part.
+                  if (this._currentIndex !== startIndex && this._currentIndex + 1 < this._endIndex && (this._string.charAt(this._currentIndex) === 'e' || this._string.charAt(this._currentIndex) === 'E') && this._string.charAt(this._currentIndex + 1) !== 'x' && this._string.charAt(this._currentIndex + 1) !== 'm') {
+                    this._currentIndex++;
+
+                    // Read the sign of the exponent.
+                    if (this._string.charAt(this._currentIndex) === '+') {
+                      this._currentIndex++;
+                    } else if (this._string.charAt(this._currentIndex) === '-') {
+                      this._currentIndex++;
+                      expsign = -1;
+                    }
+
+                    // There must be an exponent.
+                    if (this._currentIndex >= this._endIndex || this._string.charAt(this._currentIndex) < '0' || this._string.charAt(this._currentIndex) > '9') {
+                      return undefined;
+                    }
+
+                    while (this._currentIndex < this._endIndex && this._string.charAt(this._currentIndex) >= '0' && this._string.charAt(this._currentIndex) <= '9') {
+                      exponent *= 10;
+                      exponent += this._string.charAt(this._currentIndex) - '0';
+                      this._currentIndex++;
+                    }
+                  }
+
+                  var number = integer + decimal;
+                  number *= sign;
+
+                  if (exponent) {
+                    number *= Math.pow(10, expsign * exponent);
+                  }
+
+                  if (startIndex === this._currentIndex) {
+                    return undefined;
+                  }
+
+                  this._skipOptionalSpacesOrDelimiter();
+
+                  return number;
+                }
+              }, {
+                key: '_parseArcFlag',
+                value: function _parseArcFlag() {
+                  if (this._currentIndex >= this._endIndex) {
+                    return undefined;
+                  }
+                  var flag = false;
+                  var flagChar = this._string.charAt(this._currentIndex++);
+                  if (flagChar === '0') {
+                    flag = false;
+                  } else if (flagChar === '1') {
+                    flag = true;
+                  } else {
+                    return undefined;
+                  }
+
+                  this._skipOptionalSpacesOrDelimiter();
+                  return flag;
+                }
+              }, {
+                key: 'parseSegment',
+                value: function parseSegment() {
+                  var lookahead = this._string[this._currentIndex];
+                  var command = this._pathSegTypeFromChar(lookahead);
+                  if (command === SVGPathSeg.PATHSEG_UNKNOWN) {
+                    // Possibly an implicit command. Not allowed if this is the first command.
+                    if (this._previousCommand === SVGPathSeg.PATHSEG_UNKNOWN) {
+                      return null;
+                    }
+                    command = this._nextCommandHelper(lookahead, this._previousCommand);
+                    if (command === SVGPathSeg.PATHSEG_UNKNOWN) {
+                      return null;
+                    }
+                  } else {
+                    this._currentIndex++;
+                  }
+
+                  this._previousCommand = command;
+
+                  switch (command) {
+                    case SVGPathSeg.PATHSEG_MOVETO_REL:
+                      return new SVGPathSegMovetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_MOVETO_ABS:
+                      return new SVGPathSegMovetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_REL:
+                      return new SVGPathSegLinetoRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_ABS:
+                      return new SVGPathSegLinetoAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:
+                      return new SVGPathSegLinetoHorizontalRel(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:
+                      return new SVGPathSegLinetoHorizontalAbs(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:
+                      return new SVGPathSegLinetoVerticalRel(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:
+                      return new SVGPathSegLinetoVerticalAbs(owningPathSegList, this._parseNumber());
+                    case SVGPathSeg.PATHSEG_CLOSEPATH:
+                      this._skipOptionalSpaces();
+                      return new SVGPathSegClosePath(owningPathSegList);
+                    case SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:
+                      {
+                        var _points = { x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicRel(owningPathSegList, _points.x, _points.y, _points.x1, _points.y1, _points.x2, _points.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:
+                      {
+                        var _points2 = { x1: this._parseNumber(), y1: this._parseNumber(), x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicAbs(owningPathSegList, _points2.x, _points2.y, _points2.x1, _points2.y1, _points2.x2, _points2.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:
+                      {
+                        var _points3 = { x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicSmoothRel(owningPathSegList, _points3.x, _points3.y, _points3.x2, _points3.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:
+                      {
+                        var _points4 = { x2: this._parseNumber(), y2: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoCubicSmoothAbs(owningPathSegList, _points4.x, _points4.y, _points4.x2, _points4.y2);
+                      }case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:
+                      {
+                        var _points5 = { x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegCurvetoQuadraticRel(owningPathSegList, _points5.x, _points5.y, _points5.x1, _points5.y1);
+                      }case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:
+                      var points = { x1: this._parseNumber(), y1: this._parseNumber(), x: this._parseNumber(), y: this._parseNumber() };
+                      return new SVGPathSegCurvetoQuadraticAbs(owningPathSegList, points.x, points.y, points.x1, points.y1);
+                    case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:
+                      return new SVGPathSegCurvetoQuadraticSmoothRel(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:
+                      return new SVGPathSegCurvetoQuadraticSmoothAbs(owningPathSegList, this._parseNumber(), this._parseNumber());
+                    case SVGPathSeg.PATHSEG_ARC_REL:
+                      {
+                        var _points6 = { x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegArcRel(owningPathSegList, _points6.x, _points6.y, _points6.x1, _points6.y1, _points6.arcAngle, _points6.arcLarge, _points6.arcSweep);
+                      }case SVGPathSeg.PATHSEG_ARC_ABS:
+                      {
+                        var _points7 = { x1: this._parseNumber(), y1: this._parseNumber(), arcAngle: this._parseNumber(), arcLarge: this._parseArcFlag(), arcSweep: this._parseArcFlag(), x: this._parseNumber(), y: this._parseNumber() };
+                        return new SVGPathSegArcAbs(owningPathSegList, _points7.x, _points7.y, _points7.x1, _points7.y1, _points7.arcAngle, _points7.arcLarge, _points7.arcSweep);
+                      }default:
+                      throw new Error('Unknown path seg type.');
+                  }
+                }
+              }]);
+              return Source;
+            }();
+
+            var builder = new Builder();
+            var source = new Source(string);
+
+            if (!source.initialCommandIsMoveTo()) {
+              return [];
+            }
+            while (source.hasMoreData()) {
+              var pathSeg = source.parseSegment();
+              if (!pathSeg) {
+                return [];
+              }
+              builder.appendSegment(pathSeg);
+            }
+
+            return builder.pathSegList;
+          }
+        }]);
+        return _SVGPathSegList;
+      }();
+
+      _SVGPathSegList.prototype.classname = 'SVGPathSegList';
+
+      Object.defineProperty(_SVGPathSegList.prototype, 'numberOfItems', {
+        get: function get$$1() {
+          this._checkPathSynchronizedToList();
+          return this._list.length;
+        },
+
+        enumerable: true
+      });
+
+      _SVGPathSegList._pathSegArrayAsString = function (pathSegArray) {
+        var string = '';
+        var first = true;
+        pathSegArray.forEach(function (pathSeg) {
+          if (first) {
+            first = false;
+            string += pathSeg._asPathString();
+          } else {
+            string += ' ' + pathSeg._asPathString();
+          }
+        });
+        return string;
+      };
+
+      // Add the pathSegList accessors to SVGPathElement.
+      // Spec: https://www.w3.org/TR/SVG11/single-page.html#paths-InterfaceSVGAnimatedPathData
+      Object.defineProperties(SVGPathElement.prototype, {
+        pathSegList: {
+          get: function get$$1() {
+            if (!this._pathSegList) {
+              this._pathSegList = new _SVGPathSegList(this);
+            }
+            return this._pathSegList;
+          },
+
+          enumerable: true
+        },
+        // FIXME: The following are not implemented and simply return SVGPathElement.pathSegList.
+        normalizedPathSegList: {
+          get: function get$$1() {
+            return this.pathSegList;
+          },
+          enumerable: true },
+        animatedPathSegList: {
+          get: function get$$1() {
+            return this.pathSegList;
+          },
+          enumerable: true },
+        animatedNormalizedPathSegList: {
+          get: function get$$1() {
+            return this.pathSegList;
+          },
+          enumerable: true }
+      });
+      window.SVGPathSegList = _SVGPathSegList;
+    }
+  })();
+
+  /* globals jQuery */
+
+  var $ = jQuery;
+
+  var supportsSVG_ = function () {
+    return !!document.createElementNS && !!document.createElementNS(NS.SVG, 'svg').createSVGRect;
+  }();
+
+  var _navigator = navigator,
+      userAgent = _navigator.userAgent;
+
+  var svg = document.createElementNS(NS.SVG, 'svg');
+
+  // Note: Browser sniffing should only be used if no other detection method is possible
+  var isOpera_ = !!window.opera;
+  var isWebkit_ = userAgent.includes('AppleWebKit');
+  var isGecko_ = userAgent.includes('Gecko/');
+  var isIE_ = userAgent.includes('MSIE');
+  var isChrome_ = userAgent.includes('Chrome/');
+  var isWindows_ = userAgent.includes('Windows');
+  var isMac_ = userAgent.includes('Macintosh');
+  var isTouch_ = 'ontouchstart' in window;
+
+  var supportsSelectors_ = function () {
+    return !!svg.querySelector;
+  }();
+
+  var supportsXpath_ = function () {
+    return !!document.evaluate;
+  }();
+
+  // segList functions (for FF1.5 and 2.0)
+  var supportsPathReplaceItem_ = function () {
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 10,10');
+    var seglist = path.pathSegList;
+    var seg = path.createSVGPathSegLinetoAbs(5, 5);
+    try {
+      seglist.replaceItem(seg, 1);
+      return true;
+    } catch (err) {}
+    return false;
+  }();
+
+  var supportsPathInsertItemBefore_ = function () {
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 10,10');
+    var seglist = path.pathSegList;
+    var seg = path.createSVGPathSegLinetoAbs(5, 5);
+    try {
+      seglist.insertItemBefore(seg, 1);
+      return true;
+    } catch (err) {}
+    return false;
+  }();
+
+  // text character positioning (for IE9)
+  var supportsGoodTextCharPos_ = function () {
+    var svgroot = document.createElementNS(NS.SVG, 'svg');
+    var svgcontent = document.createElementNS(NS.SVG, 'svg');
+    document.documentElement.append(svgroot);
+    svgcontent.setAttribute('x', 5);
+    svgroot.append(svgcontent);
+    var text = document.createElementNS(NS.SVG, 'text');
+    text.textContent = 'a';
+    svgcontent.append(text);
+    var pos = text.getStartPositionOfChar(0).x;
+    svgroot.remove();
+    return pos === 0;
+  }();
+
+  var supportsPathBBox_ = function () {
+    var svgcontent = document.createElementNS(NS.SVG, 'svg');
+    document.documentElement.append(svgcontent);
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 C0,0 10,10 10,0');
+    svgcontent.append(path);
+    var bbox = path.getBBox();
+    svgcontent.remove();
+    return bbox.height > 4 && bbox.height < 5;
+  }();
+
+  // Support for correct bbox sizing on groups with horizontal/vertical lines
+  var supportsHVLineContainerBBox_ = function () {
+    var svgcontent = document.createElementNS(NS.SVG, 'svg');
+    document.documentElement.append(svgcontent);
+    var path = document.createElementNS(NS.SVG, 'path');
+    path.setAttribute('d', 'M0,0 10,0');
+    var path2 = document.createElementNS(NS.SVG, 'path');
+    path2.setAttribute('d', 'M5,0 15,0');
+    var g = document.createElementNS(NS.SVG, 'g');
+    g.append(path, path2);
+    svgcontent.append(g);
+    var bbox = g.getBBox();
+    svgcontent.remove();
+    // Webkit gives 0, FF gives 10, Opera (correctly) gives 15
+    return bbox.width === 15;
+  }();
+
+  var supportsGoodDecimals_ = function () {
+    // Correct decimals on clone attributes (Opera < 10.5/win/non-en)
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    rect.setAttribute('x', 0.1);
+    var crect = rect.cloneNode(false);
+    var retValue = !crect.getAttribute('x').includes(',');
+    if (!retValue) {
+      // Todo: i18nize or remove
+      $.alert('NOTE: This version of Opera is known to contain bugs in SVG-edit.\n' + 'Please upgrade to the <a href="http://opera.com">latest version</a> in which the problems have been fixed.');
+    }
+    return retValue;
+  }();
+
+  var supportsNonScalingStroke_ = function () {
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    rect.setAttribute('style', 'vector-effect:non-scaling-stroke');
+    return rect.style.vectorEffect === 'non-scaling-stroke';
+  }();
+
+  var supportsNativeSVGTransformLists_ = function () {
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    var rxform = rect.transform.baseVal;
+    var t1 = svg.createSVGTransform();
+    rxform.appendItem(t1);
+    var r1 = rxform.getItem(0);
+    // Todo: Do frame-independent instance checking
+    return r1 instanceof SVGTransform && t1 instanceof SVGTransform && r1.type === t1.type && r1.angle === t1.angle && r1.matrix.a === t1.matrix.a && r1.matrix.b === t1.matrix.b && r1.matrix.c === t1.matrix.c && r1.matrix.d === t1.matrix.d && r1.matrix.e === t1.matrix.e && r1.matrix.f === t1.matrix.f;
+  }();
+
+  // Public API
+
+  /**
+   * @function module:browser.isOpera
+   * @returns {boolean}
+  */
+  var isOpera = function isOpera() {
+    return isOpera_;
+  };
+  /**
+   * @function module:browser.isWebkit
+   * @returns {boolean}
+  */
+  var isWebkit = function isWebkit() {
+    return isWebkit_;
+  };
+  /**
+   * @function module:browser.isGecko
+   * @returns {boolean}
+  */
+  var isGecko = function isGecko() {
+    return isGecko_;
+  };
+  /**
+   * @function module:browser.isIE
+   * @returns {boolean}
+  */
+  var isIE = function isIE() {
+    return isIE_;
+  };
+  /**
+   * @function module:browser.isChrome
+   * @returns {boolean}
+  */
+  var isChrome = function isChrome() {
+    return isChrome_;
+  };
+  /**
+   * @function module:browser.isMac
+   * @returns {boolean}
+  */
+  var isMac = function isMac() {
+    return isMac_;
+  };
+  /**
+   * @function module:browser.isTouch
+   * @returns {boolean}
+  */
+  var isTouch = function isTouch() {
+    return isTouch_;
+  };
+
+  /**
+   * @function module:browser.supportsSelectors
+   * @returns {boolean}
+  */
+  var supportsSelectors = function supportsSelectors() {
+    return supportsSelectors_;
+  };
+
+  /**
+   * @function module:browser.supportsXpath
+   * @returns {boolean}
+  */
+  var supportsXpath = function supportsXpath() {
+    return supportsXpath_;
+  };
+
+  /**
+   * @function module:browser.supportsPathReplaceItem
+   * @returns {boolean}
+  */
+  var supportsPathReplaceItem = function supportsPathReplaceItem() {
+    return supportsPathReplaceItem_;
+  };
+
+  /**
+   * @function module:browser.supportsPathInsertItemBefore
+   * @returns {boolean}
+  */
+  var supportsPathInsertItemBefore = function supportsPathInsertItemBefore() {
+    return supportsPathInsertItemBefore_;
+  };
+
+  /**
+   * @function module:browser.supportsPathBBox
+   * @returns {boolean}
+  */
+  var supportsPathBBox = function supportsPathBBox() {
+    return supportsPathBBox_;
+  };
+
+  /**
+   * @function module:browser.supportsHVLineContainerBBox
+   * @returns {boolean}
+  */
+  var supportsHVLineContainerBBox = function supportsHVLineContainerBBox() {
+    return supportsHVLineContainerBBox_;
+  };
+
+  /**
+   * @function module:browser.supportsGoodTextCharPos
+   * @returns {boolean}
+  */
+  var supportsGoodTextCharPos = function supportsGoodTextCharPos() {
+    return supportsGoodTextCharPos_;
+  };
+
+  /**
+  * @function module:browser.supportsNonScalingStroke
+  * @returns {boolean}
+  */
+  var supportsNonScalingStroke = function supportsNonScalingStroke() {
+    return supportsNonScalingStroke_;
+  };
+
+  /**
+  * @function module:browser.supportsNativeTransformLists
+  * @returns {boolean}
+  */
+  var supportsNativeTransformLists = function supportsNativeTransformLists() {
+    return supportsNativeSVGTransformLists_;
+  };
+
+  /**
+   * jQuery module to work with SVG attributes
+   * @module jQueryAttr
+   * @license MIT
+   */
+
+  /**
+  * This fixes `$(...).attr()` to work as expected with SVG elements.
+  * Does not currently use `*AttributeNS()` since we rarely need that.
+  * Adds {@link external:jQuery.fn.attr}.
+  * See {@link https://api.jquery.com/attr/} for basic documentation of `.attr()`
+  *
+  * Additional functionality:
+  * - When getting attributes, a string that's a number is returned as type number.
+  * - If an array is supplied as the first parameter, multiple values are returned
+  *    as an object with values for each given attribute
+  * @function module:jQueryAttr.jQueryAttr
+  * @param {external:jQuery} $ The jQuery object to which to add the plug-in
+  * @returns {external:jQuery}
+  */
+  function jqPluginSVG ($) {
+    var proxied = $.fn.attr,
+        svgns = 'http://www.w3.org/2000/svg';
+    /**
+    * @typedef {PlainObject.<string, string|Float>} module:jQueryAttr.Attributes
+    */
+    /**
+    * @function external:jQuery.fn.attr
+    * @param {string|string[]|PlainObject.<string, string>} key
+    * @param {string} value
+    * @returns {external:jQuery|module:jQueryAttr.Attributes}
+    */
+    $.fn.attr = function (key, value) {
+      var len = this.length;
+      if (!len) {
+        return proxied.apply(this, arguments);
+      }
+      for (var i = 0; i < len; ++i) {
+        var elem = this[i];
+        // set/get SVG attribute
+        if (elem.namespaceURI === svgns) {
+          // Setting attribute
+          if (value !== undefined) {
+            elem.setAttribute(key, value);
+          } else if (Array.isArray(key)) {
+            // Getting attributes from array
+            var obj = {};
+            var j = key.length;
+
+            while (j--) {
+              var aname = key[j];
+              var attr = elem.getAttribute(aname);
+              // This returns a number when appropriate
+              if (attr || attr === '0') {
+                attr = isNaN(attr) ? attr : attr - 0;
+              }
+              obj[aname] = attr;
+            }
+            return obj;
+          }
+          if ((typeof key === 'undefined' ? 'undefined' : _typeof(key)) === 'object') {
+            // Setting attributes from object
+            var _iteratorNormalCompletion = true;
+            var _didIteratorError = false;
+            var _iteratorError = undefined;
+
+            try {
+              for (var _iterator = Object.entries(key)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                var _ref = _step.value;
+
+                var _ref2 = slicedToArray(_ref, 2);
+
+                var name = _ref2[0];
+                var val = _ref2[1];
+
+                elem.setAttribute(name, val);
+              }
+              // Getting attribute
+            } catch (err) {
+              _didIteratorError = true;
+              _iteratorError = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion && _iterator.return) {
+                  _iterator.return();
+                }
+              } finally {
+                if (_didIteratorError) {
+                  throw _iteratorError;
+                }
+              }
+            }
+          } else {
+            var _attr = elem.getAttribute(key);
+            if (_attr || _attr === '0') {
+              _attr = isNaN(_attr) ? _attr : _attr - 0;
+            }
+            return _attr;
+          }
+        } else {
+          return proxied.apply(this, arguments);
+        }
+      }
+      return this;
+    };
+    return $;
+  }
+
+  /**
+   * Partial polyfill of `SVGTransformList`
+   * @module SVGTransformList
+   *
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+   */
+
+  var svgroot = document.createElementNS(NS.SVG, 'svg');
+
+  // Helper function.
+  function transformToString(xform) {
+    var m = xform.matrix;
+    var text = '';
+    switch (xform.type) {
+      case 1:
+        // MATRIX
+        text = 'matrix(' + [m.a, m.b, m.c, m.d, m.e, m.f].join(',') + ')';
+        break;
+      case 2:
+        // TRANSLATE
+        text = 'translate(' + m.e + ',' + m.f + ')';
+        break;
+      case 3:
+        // SCALE
+        if (m.a === m.d) {
+          text = 'scale(' + m.a + ')';
+        } else {
+          text = 'scale(' + m.a + ',' + m.d + ')';
+        }
+        break;
+      case 4:
+        {
+          // ROTATE
+          var cx = 0;
+          var cy = 0;
+          // this prevents divide by zero
+          if (xform.angle !== 0) {
+            var K = 1 - m.a;
+            cy = (K * m.f + m.b * m.e) / (K * K + m.b * m.b);
+            cx = (m.e - m.b * cy) / K;
+          }
+          text = 'rotate(' + xform.angle + ' ' + cx + ',' + cy + ')';
+          break;
+        }
+    }
+    return text;
+  }
+
+  /**
+   * Map of SVGTransformList objects.
+   */
+  var listMap_ = {};
+
+  /**
+  * @interface module:SVGTransformList.SVGEditTransformList
+  * @property {Integer} numberOfItems unsigned long
+  */
+  /**
+  * @function module:SVGTransformList.SVGEditTransformList#clear
+  * @returns {undefined}
+  */
+  /**
+  * @function module:SVGTransformList.SVGEditTransformList#initialize
+  * @param {SVGTransform} newItem
+  * @returns {SVGTransform}
+  */
+  /**
+  * (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+  * @function module:SVGTransformList.SVGEditTransformList#getItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  /**
+  * (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+  * @function module:SVGTransformList.SVGEditTransformList#insertItemBefore
+  * @param {SVGTransform} newItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  /**
+  * (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+  * @function module:SVGTransformList.SVGEditTransformList#replaceItem
+  * @param {SVGTransform} newItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  /**
+  * (DOES NOT THROW DOMException, INDEX_SIZE_ERR)
+  * @function module:SVGTransformList.SVGEditTransformList#removeItem
+  * @param {Integer} index unsigned long
+  * @returns {SVGTransform}
+  */
+  /**
+  * @function module:SVGTransformList.SVGEditTransformList#appendItem
+  * @param {SVGTransform} newItem
+  * @returns {SVGTransform}
+  */
+  /**
+  * NOT IMPLEMENTED
+  * @ignore
+  * @function module:SVGTransformList.SVGEditTransformList#createSVGTransformFromMatrix
+  * @param {SVGMatrix} matrix
+  * @returns {SVGTransform}
+  */
+  /**
+  * NOT IMPLEMENTED
+  * @ignore
+  * @function module:SVGTransformList.SVGEditTransformList#consolidate
+  * @returns {SVGTransform}
+  */
+
+  /**
+  * SVGTransformList implementation for Webkit.
+  * These methods do not currently raise any exceptions.
+  * These methods also do not check that transforms are being inserted.  This is basically
+  * implementing as much of SVGTransformList that we need to get the job done.
+  */
+  var SVGTransformList = function () {
+    /**
+    * @param {Element} elem
+    */
+    function SVGTransformList(elem) {
+      classCallCheck(this, SVGTransformList);
+
+      this._elem = elem || null;
+      this._xforms = [];
+      // TODO: how do we capture the undo-ability in the changed transform list?
+      this._update = function () {
+        var tstr = '';
+        /* const concatMatrix = */svgroot.createSVGMatrix();
+        for (var i = 0; i < this.numberOfItems; ++i) {
+          var xform = this._list.getItem(i);
+          tstr += transformToString(xform) + ' ';
+        }
+        this._elem.setAttribute('transform', tstr);
+      };
+      this._list = this;
+      this._init = function () {
+        var _this = this;
+
+        // Transform attribute parser
+        var str = this._elem.getAttribute('transform');
+        if (!str) {
+          return;
+        }
+
+        // TODO: Add skew support in future
+        var re = /\s*((scale|matrix|rotate|translate)\s*\(.*?\))\s*,?\s*/;
+        var m = true;
+        while (m) {
+          m = str.match(re);
+          str = str.replace(re, '');
+          if (m && m[1]) {
+            (function () {
+              var x = m[1];
+              var bits = x.split(/\s*\(/);
+              var name = bits[0];
+              var valBits = bits[1].match(/\s*(.*?)\s*\)/);
+              valBits[1] = valBits[1].replace(/(\d)-/g, '$1 -');
+              var valArr = valBits[1].split(/[, ]+/);
+              var letters = 'abcdef'.split('');
+              var mtx = svgroot.createSVGMatrix();
+              Object.values(valArr).forEach(function (item, i) {
+                valArr[i] = parseFloat(item);
+                if (name === 'matrix') {
+                  mtx[letters[i]] = valArr[i];
+                }
+              });
+              var xform = svgroot.createSVGTransform();
+              var fname = 'set' + name.charAt(0).toUpperCase() + name.slice(1);
+              var values = name === 'matrix' ? [mtx] : valArr;
+
+              if (name === 'scale' && values.length === 1) {
+                values.push(values[0]);
+              } else if (name === 'translate' && values.length === 1) {
+                values.push(0);
+              } else if (name === 'rotate' && values.length === 1) {
+                values.push(0, 0);
+              }
+              xform[fname].apply(xform, values);
+              _this._list.appendItem(xform);
+            })();
+          }
+        }
+      };
+      this._removeFromOtherLists = function (item) {
+        if (item) {
+          // Check if this transform is already in a transformlist, and
+          // remove it if so.
+          var found = false;
+          for (var id in listMap_) {
+            var tl = listMap_[id];
+            for (var i = 0, len = tl._xforms.length; i < len; ++i) {
+              if (tl._xforms[i] === item) {
+                found = true;
+                tl.removeItem(i);
+                break;
+              }
+            }
+            if (found) {
+              break;
+            }
+          }
+        }
+      };
+
+      this.numberOfItems = 0;
+    }
+    /**
+    * @returns {undefined}
+    */
+
+
+    createClass(SVGTransformList, [{
+      key: 'clear',
+      value: function clear() {
+        this.numberOfItems = 0;
+        this._xforms = [];
+      }
+
+      /**
+      * @param {SVGTransform} newItem
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'initialize',
+      value: function initialize(newItem) {
+        this.numberOfItems = 1;
+        this._removeFromOtherLists(newItem);
+        this._xforms = [newItem];
+      }
+
+      /**
+      * @param {Integer} index unsigned long
+      * @throws {Error}
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'getItem',
+      value: function getItem(index) {
+        if (index < this.numberOfItems && index >= 0) {
+          return this._xforms[index];
+        }
+        var err = new Error('DOMException with code=INDEX_SIZE_ERR');
+        err.code = 1;
+        throw err;
+      }
+
+      /**
+      * @param {SVGTransform} newItem
+      * @param {Integer} index unsigned long
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'insertItemBefore',
+      value: function insertItemBefore(newItem, index) {
+        var retValue = null;
+        if (index >= 0) {
+          if (index < this.numberOfItems) {
+            this._removeFromOtherLists(newItem);
+            var newxforms = new Array(this.numberOfItems + 1);
+            // TODO: use array copying and slicing
+            var i = void 0;
+            for (i = 0; i < index; ++i) {
+              newxforms[i] = this._xforms[i];
+            }
+            newxforms[i] = newItem;
+            for (var j = i + 1; i < this.numberOfItems; ++j, ++i) {
+              newxforms[j] = this._xforms[i];
+            }
+            this.numberOfItems++;
+            this._xforms = newxforms;
+            retValue = newItem;
+            this._list._update();
+          } else {
+            retValue = this._list.appendItem(newItem);
+          }
+        }
+        return retValue;
+      }
+
+      /**
+      * @param {SVGTransform} newItem
+      * @param {Integer} index unsigned long
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'replaceItem',
+      value: function replaceItem(newItem, index) {
+        var retValue = null;
+        if (index < this.numberOfItems && index >= 0) {
+          this._removeFromOtherLists(newItem);
+          this._xforms[index] = newItem;
+          retValue = newItem;
+          this._list._update();
+        }
+        return retValue;
+      }
+
+      /**
+      * @param {Integer} index unsigned long
+      * @throws {Error}
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'removeItem',
+      value: function removeItem(index) {
+        if (index < this.numberOfItems && index >= 0) {
+          var retValue = this._xforms[index];
+          var newxforms = new Array(this.numberOfItems - 1);
+          var i = void 0;
+          for (i = 0; i < index; ++i) {
+            newxforms[i] = this._xforms[i];
+          }
+          for (var j = i; j < this.numberOfItems - 1; ++j, ++i) {
+            newxforms[j] = this._xforms[i + 1];
+          }
+          this.numberOfItems--;
+          this._xforms = newxforms;
+          this._list._update();
+          return retValue;
+        }
+        var err = new Error('DOMException with code=INDEX_SIZE_ERR');
+        err.code = 1;
+        throw err;
+      }
+
+      /**
+      * @param {SVGTransform} newItem
+      * @returns {SVGTransform}
+      */
+
+    }, {
+      key: 'appendItem',
+      value: function appendItem(newItem) {
+        this._removeFromOtherLists(newItem);
+        this._xforms.push(newItem);
+        this.numberOfItems++;
+        this._list._update();
+        return newItem;
+      }
+    }]);
+    return SVGTransformList;
+  }();
+
+  /**
+  * @function module:SVGTransformList.resetListMap
+  * @returns {undefined}
+  */
+  var resetListMap = function resetListMap() {
+    listMap_ = {};
+  };
+
+  /**
+   * Removes transforms of the given element from the map.
+   * @function module:SVGTransformList.removeElementFromListMap
+   * @param {Element} elem - a DOM Element
+   * @returns {undefined}
+   */
+  var removeElementFromListMap = function removeElementFromListMap(elem) {
+    if (elem.id && listMap_[elem.id]) {
+      delete listMap_[elem.id];
+    }
+  };
+
+  /**
+  * Returns an object that behaves like a `SVGTransformList` for the given DOM element
+  * @function module:SVGTransformList.getTransformList
+  * @param {Element} elem - DOM element to get a transformlist from
+  * @todo The polyfill should have `SVGAnimatedTransformList` and this should use it
+  * @returns {SVGAnimatedTransformList|SVGTransformList}
+  */
+  var getTransformList = function getTransformList(elem) {
+    if (!supportsNativeTransformLists()) {
+      var id = elem.id || 'temp';
+      var t = listMap_[id];
+      if (!t || id === 'temp') {
+        listMap_[id] = new SVGTransformList(elem);
+        listMap_[id]._init();
+        t = listMap_[id];
+      }
+      return t;
+    }
+    if (elem.transform) {
+      return elem.transform.baseVal;
+    }
+    if (elem.gradientTransform) {
+      return elem.gradientTransform.baseVal;
+    }
+    if (elem.patternTransform) {
+      return elem.patternTransform.baseVal;
+    }
+
+    return null;
+  };
+
+  /**
+   * Tools for working with units
+   * @module units
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+   */
+
+  var wAttrs = ['x', 'x1', 'cx', 'rx', 'width'];
+  var hAttrs = ['y', 'y1', 'cy', 'ry', 'height'];
+  var unitAttrs = ['r', 'radius'].concat(wAttrs, hAttrs);
+  // unused
+  /*
+  const unitNumMap = {
+    '%': 2,
+    em: 3,
+    ex: 4,
+    px: 5,
+    cm: 6,
+    mm: 7,
+    in: 8,
+    pt: 9,
+    pc: 10
+  };
+  */
+  // Container of elements.
+  var elementContainer_ = void 0;
+
+  // Stores mapping of unit type to user coordinates.
+  var typeMap_ = {};
+
+  /**
+   * @interface module:units.ElementContainer
+   */
+  /**
+   * @function module:units.ElementContainer#getBaseUnit
+   * @returns {string} The base unit type of the container ('em')
+   */
+  /**
+   * @function module:units.ElementContainer#getElement
+   * @returns {Element} An element in the container given an id
+   */
+  /**
+   * @function module:units.ElementContainer#getHeight
+   * @returns {Float} The container's height
+   */
+  /**
+   * @function module:units.ElementContainer#getWidth
+   * @returns {Float} The container's width
+   */
+  /**
+   * @function module:units.ElementContainer#getRoundDigits
+   * @returns {Integer} The number of digits number should be rounded to
+   */
+
+  /**
+   * @typedef {PlainObject} module:units.TypeMap
+   * @property {Float} em
+   * @property {Float} ex
+   * @property {Float} in
+   * @property {Float} cm
+   * @property {Float} mm
+   * @property {Float} pt
+   * @property {Float} pc
+   * @property {Integer} px
+   * @property {0} %
+   */
+
+  /**
+   * Initializes this module.
+   *
+   * @function module:units.init
+   * @param {module:units.ElementContainer} elementContainer - An object implementing the ElementContainer interface.
+   * @returns {undefined}
+   */
+  var init = function init(elementContainer) {
+    elementContainer_ = elementContainer;
+
+    // Get correct em/ex values by creating a temporary SVG.
+    var svg = document.createElementNS(NS.SVG, 'svg');
+    document.body.append(svg);
+    var rect = document.createElementNS(NS.SVG, 'rect');
+    rect.setAttribute('width', '1em');
+    rect.setAttribute('height', '1ex');
+    rect.setAttribute('x', '1in');
+    svg.append(rect);
+    var bb = rect.getBBox();
+    svg.remove();
+
+    var inch = bb.x;
+    typeMap_ = {
+      em: bb.width,
+      ex: bb.height,
+      in: inch,
+      cm: inch / 2.54,
+      mm: inch / 25.4,
+      pt: inch / 72,
+      pc: inch / 6,
+      px: 1,
+      '%': 0
+    };
+  };
+
+  /**
+  * Group: Unit conversion functions
+  */
+
+  /**
+   * @function module:units.getTypeMap
+   * @returns {module:units.TypeMap} The unit object with values for each unit
+  */
+  var getTypeMap = function getTypeMap() {
+    return typeMap_;
+  };
+
+  /**
+  * @typedef {GenericArray} module:units.CompareNumbers
+  * @property {Integer} length 2
+  * @property {Float} 0
+  * @property {Float} 1
+  */
+
+  /**
+  * Rounds a given value to a float with number of digits defined in
+  * `round_digits` of `saveOptions`
+  *
+  * @function module:units.shortFloat
+  * @param {string|Float|module:units.CompareNumbers} val - The value (or Array of two numbers) to be rounded
+  * @returns {Float|string} If a string/number was given, returns a Float. If an array, return a string
+  * with comma-separated floats
+  */
+  var shortFloat = function shortFloat(val) {
+    var digits = elementContainer_.getRoundDigits();
+    if (!isNaN(val)) {
+      // Note that + converts to Number
+      return +(+val).toFixed(digits);
+    }
+    if (Array.isArray(val)) {
+      return shortFloat(val[0]) + ',' + shortFloat(val[1]);
+    }
+    return parseFloat(val).toFixed(digits) - 0;
+  };
+
+  /**
+  * Converts the number to given unit or baseUnit
+  * @function module:units.convertUnit
+  * @returns {Float}
+  */
+  var convertUnit = function convertUnit(val, unit) {
+    unit = unit || elementContainer_.getBaseUnit();
+    // baseVal.convertToSpecifiedUnits(unitNumMap[unit]);
+    // const val = baseVal.valueInSpecifiedUnits;
+    // baseVal.convertToSpecifiedUnits(1);
+    return shortFloat(val / typeMap_[unit]);
+  };
+
+  /**
+  * Sets an element's attribute based on the unit in its current value.
+  *
+  * @function module:units.setUnitAttr
+  * @param {Element} elem - DOM element to be changed
+  * @param {string} attr - Name of the attribute associated with the value
+  * @param {string} val - Attribute value to convert
+  * @returns {undefined}
+  */
+  var setUnitAttr = function setUnitAttr(elem, attr, val) {
+    //  if (!isNaN(val)) {
+    // New value is a number, so check currently used unit
+    // const oldVal = elem.getAttribute(attr);
+
+    // Enable this for alternate mode
+    // if (oldVal !== null && (isNaN(oldVal) || elementContainer_.getBaseUnit() !== 'px')) {
+    //   // Old value was a number, so get unit, then convert
+    //   let unit;
+    //   if (oldVal.substr(-1) === '%') {
+    //     const res = getResolution();
+    //     unit = '%';
+    //     val *= 100;
+    //     if (wAttrs.includes(attr)) {
+    //       val = val / res.w;
+    //     } else if (hAttrs.includes(attr)) {
+    //       val = val / res.h;
+    //     } else {
+    //       return val / Math.sqrt((res.w*res.w) + (res.h*res.h))/Math.sqrt(2);
+    //     }
+    //   } else {
+    //     if (elementContainer_.getBaseUnit() !== 'px') {
+    //       unit = elementContainer_.getBaseUnit();
+    //     } else {
+    //       unit = oldVal.substr(-2);
+    //     }
+    //     val = val / typeMap_[unit];
+    //   }
+    //
+    // val += unit;
+    // }
+    // }
+    elem.setAttribute(attr, val);
+  };
+
+  /**
+  * Converts given values to numbers. Attributes must be supplied in
+  * case a percentage is given
+  *
+  * @function module:units.convertToNum
+  * @param {string} attr - Name of the attribute associated with the value
+  * @param {string} val - Attribute value to convert
+  * @returns {Float} The converted number
+  */
+  var convertToNum = function convertToNum(attr, val) {
+    // Return a number if that's what it already is
+    if (!isNaN(val)) {
+      return val - 0;
+    }
+    if (val.substr(-1) === '%') {
+      // Deal with percentage, depends on attribute
+      var _num = val.substr(0, val.length - 1) / 100;
+      var width = elementContainer_.getWidth();
+      var height = elementContainer_.getHeight();
+
+      if (wAttrs.includes(attr)) {
+        return _num * width;
+      }
+      if (hAttrs.includes(attr)) {
+        return _num * height;
+      }
+      return _num * Math.sqrt(width * width + height * height) / Math.sqrt(2);
+    }
+    var unit = val.substr(-2);
+    var num = val.substr(0, val.length - 2);
+    // Note that this multiplication turns the string into a number
+    return num * typeMap_[unit];
+  };
+
+  /**
+  * Check if an attribute's value is in a valid format
+  * @function module:units.isValidUnit
+  * @param {string} attr - The name of the attribute associated with the value
+  * @param {string} val - The attribute value to check
+  * @returns {boolean} Whether the unit is valid
+  */
+  var isValidUnit = function isValidUnit(attr, val, selectedElement) {
+    if (unitAttrs.includes(attr)) {
+      // True if it's just a number
+      if (!isNaN(val)) {
+        return true;
+      }
+      // Not a number, check if it has a valid unit
+      val = val.toLowerCase();
+      return Object.keys(typeMap_).some(function (unit) {
+        var re = new RegExp('^-?[\\d\\.]+' + unit + '$');
+        return re.test(val);
+      });
+    }
+    if (attr === 'id') {
+      // if we're trying to change the id, make sure it's not already present in the doc
+      // and the id value is valid.
+
+      var result = false;
+      // because getElem() can throw an exception in the case of an invalid id
+      // (according to https://www.w3.org/TR/xml-id/ IDs must be a NCName)
+      // we wrap it in an exception and only return true if the ID was valid and
+      // not already present
+      try {
+        var elem = elementContainer_.getElement(val);
+        result = elem == null || elem === selectedElement;
+      } catch (e) {}
+      return result;
+    }
+    return true;
+  };
+
+  /**
+   * For command history tracking and undo functionality
+   * @module history
+   * @license MIT
+   * @copyright 2010 Jeff Schiller
+   */
+
+  /**
+  * Group: Undo/Redo history management
+  */
+  var HistoryEventTypes = {
+    BEFORE_APPLY: 'before_apply',
+    AFTER_APPLY: 'after_apply',
+    BEFORE_UNAPPLY: 'before_unapply',
+    AFTER_UNAPPLY: 'after_unapply'
+  };
+
+  // const removedElements = {};
+
+  /**
+  * Base class for commands
+  */
+
+  var Command = function () {
+    function Command() {
+      classCallCheck(this, Command);
+    }
+
+    createClass(Command, [{
+      key: 'getText',
+
+      /**
+      * @returns {string}
+      */
+      value: function getText() {
+        return this.text;
+      }
+    }]);
+    return Command;
+  }();
+
+  // Todo: Figure out why the interface members aren't showing
+  //   up (with or without modules applied), despite our apparently following
+  //   http://usejsdoc.org/tags-interface.html#virtual-comments
+
+  /**
+   * An interface that all command objects must implement.
+   * @interface module:history.HistoryCommand
+  */
+  /**
+   * Applies
+   *
+   * @function module:history.HistoryCommand#apply
+   * @param {module:history.HistoryEventHandler}
+   * @fires module:history~Command#event:history
+   * @returns {undefined|true}
+   */
+  /**
+   *
+   * Unapplies
+   * @function module:history.HistoryCommand#unapply
+   * @param {module:history.HistoryEventHandler}
+   * @fires module:history~Command#event:history
+   * @returns {undefined|true}
+   */
+  /**
+   * Returns the elements
+   * @function module:history.HistoryCommand#elements
+   * @returns {Element[]}
+   */
+  /**
+   * Gets the text
+   * @function module:history.HistoryCommand#getText
+   * @returns {string}
+   */
+  /**
+   * Gives the type
+   * @function module:history.HistoryCommand.type
+   * @returns {string}
+   */
+  /**
+   * Gives the type
+   * @function module:history.HistoryCommand#type
+   * @returns {string}
+  */
+
+  /**
+   * @event module:history~Command#event:history
+   * @type {module:history.HistoryCommand}
+   */
+
+  /**
+   * An interface for objects that will handle history events.
+   * @interface module:history.HistoryEventHandler
+   */
+  /**
+   *
+   * @function module:history.HistoryEventHandler#handleHistoryEvent
+   * @param {string} eventType One of the HistoryEvent types
+   * @param {module:history~Command#event:history} command
+   * @listens module:history~Command#event:history
+   * @returns {undefined}
+   *
+   */
+
+  /**
+   * History command for an element that had its DOM position changed
+   * @implements {module:history.HistoryCommand}
+   * @param {Element} elem - The DOM element that was moved
+   * @param {Element} oldNextSibling - The element's next sibling before it was moved
+   * @param {Element} oldParent - The element's parent before it was moved
+   * @param {string} [text] - An optional string visible to user related to this change
+  */
+
+
+  var MoveElementCommand = function (_Command) {
+    inherits(MoveElementCommand, _Command);
+
+    function MoveElementCommand(elem, oldNextSibling, oldParent, text) {
+      classCallCheck(this, MoveElementCommand);
+
+      var _this = possibleConstructorReturn(this, (MoveElementCommand.__proto__ || Object.getPrototypeOf(MoveElementCommand)).call(this));
+
+      _this.elem = elem;
+      _this.text = text ? 'Move ' + elem.tagName + ' to ' + text : 'Move ' + elem.tagName;
+      _this.oldNextSibling = oldNextSibling;
+      _this.oldParent = oldParent;
+      _this.newNextSibling = elem.nextSibling;
+      _this.newParent = elem.parentNode;
+      return _this;
+    }
+
+    createClass(MoveElementCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.MoveElementCommand';
+      }
+
+      /**
+       * Re-positions the element
+       * @param {module:history.HistoryEventHandler} handler
+       * @fires module:history~Command#event:history
+       * @returns {undefined}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        // TODO(codedread): Refactor this common event code into a base HistoryCommand class.
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        this.elem = this.newParent.insertBefore(this.elem, this.newNextSibling);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+      }
+
+      /**
+       * Positions the element back to its original location
+       * @param {module:history.HistoryEventHandler} handler
+       * @fires module:history~Command#event:history
+       * @returns {undefined}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        this.elem = this.oldParent.insertBefore(this.elem, this.oldNextSibling);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+      }
+
+      /**
+      * @returns {Element[]} Array with element associated with this command
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        return [this.elem];
+      }
+    }]);
+    return MoveElementCommand;
+  }(Command);
+  MoveElementCommand.type = MoveElementCommand.prototype.type;
+
+  /**
+  * History command for an element that was added to the DOM
+  * @implements {module:history.HistoryCommand}
+  *
+  * @param {Element} elem - The newly added DOM element
+  * @param {string} text - An optional string visible to user related to this change
+  */
+  var InsertElementCommand = function (_Command2) {
+    inherits(InsertElementCommand, _Command2);
+
+    function InsertElementCommand(elem, text) {
+      classCallCheck(this, InsertElementCommand);
+
+      var _this2 = possibleConstructorReturn(this, (InsertElementCommand.__proto__ || Object.getPrototypeOf(InsertElementCommand)).call(this));
+
+      _this2.elem = elem;
+      _this2.text = text || 'Create ' + elem.tagName;
+      _this2.parent = elem.parentNode;
+      _this2.nextSibling = _this2.elem.nextSibling;
+      return _this2;
+    }
+
+    createClass(InsertElementCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.InsertElementCommand';
+      }
+
+      /**
+      * Re-inserts the new element
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        this.elem = this.parent.insertBefore(this.elem, this.nextSibling);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+      }
+
+      /**
+      * Removes the element
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        this.parent = this.elem.parentNode;
+        this.elem = this.elem.parentNode.removeChild(this.elem);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+      }
+
+      /**
+      * @returns {Element[]} Array with element associated with this command
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        return [this.elem];
+      }
+    }]);
+    return InsertElementCommand;
+  }(Command);
+  InsertElementCommand.type = InsertElementCommand.prototype.type;
+
+  /**
+  * History command for an element removed from the DOM
+  * @implements {module:history.HistoryCommand}
+  * @param {Element} elem - The removed DOM element
+  * @param {Node} oldNextSibling - The DOM element's nextSibling when it was in the DOM
+  * @param {Element} oldParent - The DOM element's parent
+  * @param {string} [text] - An optional string visible to user related to this change
+  */
+  var RemoveElementCommand = function (_Command3) {
+    inherits(RemoveElementCommand, _Command3);
+
+    function RemoveElementCommand(elem, oldNextSibling, oldParent, text) {
+      classCallCheck(this, RemoveElementCommand);
+
+      var _this3 = possibleConstructorReturn(this, (RemoveElementCommand.__proto__ || Object.getPrototypeOf(RemoveElementCommand)).call(this));
+
+      _this3.elem = elem;
+      _this3.text = text || 'Delete ' + elem.tagName;
+      _this3.nextSibling = oldNextSibling;
+      _this3.parent = oldParent;
+
+      // special hack for webkit: remove this element's entry in the svgTransformLists map
+      removeElementFromListMap(elem);
+      return _this3;
+    }
+
+    createClass(RemoveElementCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.RemoveElementCommand';
+      }
+
+      /**
+      * Re-removes the new element
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        removeElementFromListMap(this.elem);
+        this.parent = this.elem.parentNode;
+        this.elem = this.parent.removeChild(this.elem);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+      }
+
+      /**
+      * Re-adds the new element
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        removeElementFromListMap(this.elem);
+        if (this.nextSibling == null) {
+          if (window.console) {
+            console.log('Error: reference element was lost');
+          }
+        }
+        this.parent.insertBefore(this.elem, this.nextSibling); // Don't use `before` or `prepend` as `this.nextSibling` may be `null`
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+      }
+
+      /**
+      * @returns {Element[]} Array with element associated with this command
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        return [this.elem];
+      }
+    }]);
+    return RemoveElementCommand;
+  }(Command);
+  RemoveElementCommand.type = RemoveElementCommand.prototype.type;
+
+  /**
+  * @typedef {"#text"|"#href"|string} module:history.CommandAttributeName
+  */
+  /**
+  * @typedef {PlainObject.<module:history.CommandAttributeName, string>} module:history.CommandAttributes
+  */
+
+  /**
+  * History command to make a change to an element.
+  * Usually an attribute change, but can also be textcontent.
+  * @implements {module:history.HistoryCommand}
+  * @param {Element} elem - The DOM element that was changed
+  * @param {module:history.CommandAttributes} attrs - Attributes to be changed with the values they had *before* the change
+  * @param {string} text - An optional string visible to user related to this change
+  */
+  var ChangeElementCommand = function (_Command4) {
+    inherits(ChangeElementCommand, _Command4);
+
+    function ChangeElementCommand(elem, attrs, text) {
+      classCallCheck(this, ChangeElementCommand);
+
+      var _this4 = possibleConstructorReturn(this, (ChangeElementCommand.__proto__ || Object.getPrototypeOf(ChangeElementCommand)).call(this));
+
+      _this4.elem = elem;
+      _this4.text = text ? 'Change ' + elem.tagName + ' ' + text : 'Change ' + elem.tagName;
+      _this4.newValues = {};
+      _this4.oldValues = attrs;
+      for (var attr in attrs) {
+        if (attr === '#text') {
+          _this4.newValues[attr] = elem.textContent;
+        } else if (attr === '#href') {
+          _this4.newValues[attr] = getHref(elem);
+        } else {
+          _this4.newValues[attr] = elem.getAttribute(attr);
+        }
+      }
+      return _this4;
+    }
+
+    createClass(ChangeElementCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.ChangeElementCommand';
+      }
+
+      /**
+      * Performs the stored change action
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {true}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        var bChangedTransform = false;
+        for (var attr in this.newValues) {
+          if (this.newValues[attr]) {
+            if (attr === '#text') {
+              this.elem.textContent = this.newValues[attr];
+            } else if (attr === '#href') {
+              setHref(this.elem, this.newValues[attr]);
+            } else {
+              this.elem.setAttribute(attr, this.newValues[attr]);
+            }
+          } else {
+            if (attr === '#text') {
+              this.elem.textContent = '';
+            } else {
+              this.elem.setAttribute(attr, '');
+              this.elem.removeAttribute(attr);
+            }
+          }
+
+          if (attr === 'transform') {
+            bChangedTransform = true;
+          }
+        }
+
+        // relocate rotational transform, if necessary
+        if (!bChangedTransform) {
+          var angle = getRotationAngle(this.elem);
+          if (angle) {
+            var bbox = this.elem.getBBox();
+            var cx = bbox.x + bbox.width / 2,
+                cy = bbox.y + bbox.height / 2;
+            var rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');
+            if (rotate !== this.elem.getAttribute('transform')) {
+              this.elem.setAttribute('transform', rotate);
+            }
+          }
+        }
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+
+        return true;
+      }
+
+      /**
+      * Reverses the stored change action
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {true}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        var bChangedTransform = false;
+        for (var attr in this.oldValues) {
+          if (this.oldValues[attr]) {
+            if (attr === '#text') {
+              this.elem.textContent = this.oldValues[attr];
+            } else if (attr === '#href') {
+              setHref(this.elem, this.oldValues[attr]);
+            } else {
+              this.elem.setAttribute(attr, this.oldValues[attr]);
+            }
+          } else {
+            if (attr === '#text') {
+              this.elem.textContent = '';
+            } else {
+              this.elem.removeAttribute(attr);
+            }
+          }
+          if (attr === 'transform') {
+            bChangedTransform = true;
+          }
+        }
+        // relocate rotational transform, if necessary
+        if (!bChangedTransform) {
+          var angle = getRotationAngle(this.elem);
+          if (angle) {
+            var bbox = this.elem.getBBox();
+            var cx = bbox.x + bbox.width / 2,
+                cy = bbox.y + bbox.height / 2;
+            var rotate = ['rotate(', angle, ' ', cx, ',', cy, ')'].join('');
+            if (rotate !== this.elem.getAttribute('transform')) {
+              this.elem.setAttribute('transform', rotate);
+            }
+          }
+        }
+
+        // Remove transformlist to prevent confusion that causes bugs like 575.
+        removeElementFromListMap(this.elem);
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+
+        return true;
+      }
+
+      /**
+      * @returns {Element[]} Array with element associated with this command
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        return [this.elem];
+      }
+    }]);
+    return ChangeElementCommand;
+  }(Command);
+  ChangeElementCommand.type = ChangeElementCommand.prototype.type;
+
+  // TODO: create a 'typing' command object that tracks changes in text
+  // if a new Typing command is created and the top command on the stack is also a Typing
+  // and they both affect the same element, then collapse the two commands into one
+
+  /**
+  * History command that can contain/execute multiple other commands
+  * @implements {module:history.HistoryCommand}
+  */
+  var BatchCommand = function (_Command5) {
+    inherits(BatchCommand, _Command5);
+
+    /**
+    * @param {string} [text] - An optional string visible to user related to this change
+    */
+    function BatchCommand(text) {
+      classCallCheck(this, BatchCommand);
+
+      var _this5 = possibleConstructorReturn(this, (BatchCommand.__proto__ || Object.getPrototypeOf(BatchCommand)).call(this));
+
+      _this5.text = text || 'Batch Command';
+      _this5.stack = [];
+      return _this5;
+    }
+
+    createClass(BatchCommand, [{
+      key: 'type',
+      value: function type() {
+        return 'svgedit.history.BatchCommand';
+      }
+
+      /**
+      * Runs "apply" on all subcommands
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'apply',
+      value: function apply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_APPLY, this);
+        }
+
+        var len = this.stack.length;
+        for (var i = 0; i < len; ++i) {
+          this.stack[i].apply(handler);
+        }
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_APPLY, this);
+        }
+      }
+
+      /**
+      * Runs "unapply" on all subcommands
+      * @param {module:history.HistoryEventHandler} handler
+      * @fires module:history~Command#event:history
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'unapply',
+      value: function unapply(handler) {
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.BEFORE_UNAPPLY, this);
+        }
+
+        for (var i = this.stack.length - 1; i >= 0; i--) {
+          this.stack[i].unapply(handler);
+        }
+
+        if (handler) {
+          handler.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY, this);
+        }
+      }
+
+      /**
+      * Iterate through all our subcommands
+      * @returns {Element[]} All the elements we are changing
+      */
+
+    }, {
+      key: 'elements',
+      value: function elements() {
+        var elems = [];
+        var cmd = this.stack.length;
+        while (cmd--) {
+          var thisElems = this.stack[cmd].elements();
+          var elem = thisElems.length;
+          while (elem--) {
+            if (!elems.includes(thisElems[elem])) {
+              elems.push(thisElems[elem]);
+            }
+          }
+        }
+        return elems;
+      }
+
+      /**
+      * Adds a given command to the history stack
+      * @param {Command} cmd - The undo command object to add
+      */
+
+    }, {
+      key: 'addSubCommand',
+      value: function addSubCommand(cmd) {
+        this.stack.push(cmd);
+      }
+
+      /**
+      * @returns {boolean} Indicates whether or not the batch command is empty
+      */
+
+    }, {
+      key: 'isEmpty',
+      value: function isEmpty() {
+        return !this.stack.length;
+      }
+    }]);
+    return BatchCommand;
+  }(Command);
+  BatchCommand.type = BatchCommand.prototype.type;
+
+  /**
+  *
+  */
+  var UndoManager = function () {
+    /**
+    * @param {module:history.HistoryEventHandler} historyEventHandler
+    */
+    function UndoManager(historyEventHandler) {
+      classCallCheck(this, UndoManager);
+
+      this.handler_ = historyEventHandler || null;
+      this.undoStackPointer = 0;
+      this.undoStack = [];
+
+      // this is the stack that stores the original values, the elements and
+      // the attribute name for begin/finish
+      this.undoChangeStackPointer = -1;
+      this.undoableChangeStack = [];
+    }
+
+    /**
+    * Resets the undo stack, effectively clearing the undo/redo history
+    * @returns {undefined}
+    */
+
+
+    createClass(UndoManager, [{
+      key: 'resetUndoStack',
+      value: function resetUndoStack() {
+        this.undoStack = [];
+        this.undoStackPointer = 0;
+      }
+
+      /**
+      * @returns {Integer} Current size of the undo history stack
+      */
+
+    }, {
+      key: 'getUndoStackSize',
+      value: function getUndoStackSize() {
+        return this.undoStackPointer;
+      }
+
+      /**
+      * @returns {Integer} Current size of the redo history stack
+      */
+
+    }, {
+      key: 'getRedoStackSize',
+      value: function getRedoStackSize() {
+        return this.undoStack.length - this.undoStackPointer;
+      }
+
+      /**
+      * @returns {string} String associated with the next undo command
+      */
+
+    }, {
+      key: 'getNextUndoCommandText',
+      value: function getNextUndoCommandText() {
+        return this.undoStackPointer > 0 ? this.undoStack[this.undoStackPointer - 1].getText() : '';
+      }
+
+      /**
+      * @returns {string} String associated with the next redo command
+      */
+
+    }, {
+      key: 'getNextRedoCommandText',
+      value: function getNextRedoCommandText() {
+        return this.undoStackPointer < this.undoStack.length ? this.undoStack[this.undoStackPointer].getText() : '';
+      }
+
+      /**
+      * Performs an undo step
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'undo',
+      value: function undo() {
+        if (this.undoStackPointer > 0) {
+          var cmd = this.undoStack[--this.undoStackPointer];
+          cmd.unapply(this.handler_);
+        }
+      }
+
+      /**
+      * Performs a redo step
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'redo',
+      value: function redo() {
+        if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {
+          var cmd = this.undoStack[this.undoStackPointer++];
+          cmd.apply(this.handler_);
+        }
+      }
+
+      /**
+      * Adds a command object to the undo history stack
+      * @param {Command} cmd - The command object to add
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'addCommandToHistory',
+      value: function addCommandToHistory(cmd) {
+        // FIXME: we MUST compress consecutive text changes to the same element
+        // (right now each keystroke is saved as a separate command that includes the
+        // entire text contents of the text element)
+        // TODO: consider limiting the history that we store here (need to do some slicing)
+
+        // if our stack pointer is not at the end, then we have to remove
+        // all commands after the pointer and insert the new command
+        if (this.undoStackPointer < this.undoStack.length && this.undoStack.length > 0) {
+          this.undoStack = this.undoStack.splice(0, this.undoStackPointer);
+        }
+        this.undoStack.push(cmd);
+        this.undoStackPointer = this.undoStack.length;
+      }
+
+      /**
+      * This function tells the canvas to remember the old values of the
+      * `attrName` attribute for each element sent in.  The elements and values
+      * are stored on a stack, so the next call to `finishUndoableChange()` will
+      * pop the elements and old values off the stack, gets the current values
+      * from the DOM and uses all of these to construct the undo-able command.
+      * @param {string} attrName - The name of the attribute being changed
+      * @param {Element[]} elems - Array of DOM elements being changed
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'beginUndoableChange',
+      value: function beginUndoableChange(attrName, elems) {
+        var p = ++this.undoChangeStackPointer;
+        var i = elems.length;
+        var oldValues = new Array(i),
+            elements = new Array(i);
+        while (i--) {
+          var elem = elems[i];
+          if (elem == null) {
+            continue;
+          }
+          elements[i] = elem;
+          oldValues[i] = elem.getAttribute(attrName);
+        }
+        this.undoableChangeStack[p] = {
+          attrName: attrName,
+          oldValues: oldValues,
+          elements: elements
+        };
+      }
+
+      /**
+      * This function returns a `BatchCommand` object which summarizes the
+      * change since `beginUndoableChange` was called.  The command can then
+      * be added to the command history
+      * @returns {BatchCommand} Batch command object with resulting changes
+      */
+
+    }, {
+      key: 'finishUndoableChange',
+      value: function finishUndoableChange() {
+        var p = this.undoChangeStackPointer--;
+        var changeset = this.undoableChangeStack[p];
+        var attrName = changeset.attrName;
+
+        var batchCmd = new BatchCommand('Change ' + attrName);
+        var i = changeset.elements.length;
+        while (i--) {
+          var elem = changeset.elements[i];
+          if (elem == null) {
+            continue;
+          }
+          var changes = {};
+          changes[attrName] = changeset.oldValues[i];
+          if (changes[attrName] !== elem.getAttribute(attrName)) {
+            batchCmd.addSubCommand(new ChangeElementCommand(elem, changes, attrName));
+          }
+        }
+        this.undoableChangeStack[p] = null;
+        return batchCmd;
+      }
+    }]);
+    return UndoManager;
+  }();
+
+  var history = /*#__PURE__*/Object.freeze({
+    HistoryEventTypes: HistoryEventTypes,
+    MoveElementCommand: MoveElementCommand,
+    InsertElementCommand: InsertElementCommand,
+    RemoveElementCommand: RemoveElementCommand,
+    ChangeElementCommand: ChangeElementCommand,
+    BatchCommand: BatchCommand,
+    UndoManager: UndoManager
+  });
+
+  /**
+   * Mathematical utilities
+   * @module math
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+   */
+
+  // Constants
+  var NEAR_ZERO = 1e-14;
+
+  // Throw away SVGSVGElement used for creating matrices/transforms.
+  var svg$1 = document.createElementNS(NS.SVG, 'svg');
+
+  /**
+   * A (hopefully) quicker function to transform a point by a matrix
+   * (this function avoids any DOM calls and just does the math)
+   * @function module:math.transformPoint
+   * @param {Float} x - Float representing the x coordinate
+   * @param {Float} y - Float representing the y coordinate
+   * @param {SVGMatrix} m - Matrix object to transform the point with
+   * @returns {module:math.XYObject} An x, y object representing the transformed point
+  */
+  var transformPoint = function transformPoint(x, y, m) {
+    return { x: m.a * x + m.c * y + m.e, y: m.b * x + m.d * y + m.f };
+  };
+
+  /**
+   * Helper function to check if the matrix performs no actual transform
+   * (i.e. exists for identity purposes)
+   * @function module:math.isIdentity
+   * @param {SVGMatrix} m - The matrix object to check
+   * @returns {boolean} Indicates whether or not the matrix is 1,0,0,1,0,0
+  */
+  var isIdentity = function isIdentity(m) {
+    return m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && m.e === 0 && m.f === 0;
+  };
+
+  /**
+   * This function tries to return a `SVGMatrix` that is the multiplication `m1 * m2`.
+   * We also round to zero when it's near zero
+   * @function module:math.matrixMultiply
+   * @param {...SVGMatrix} args - Matrix objects to multiply
+   * @returns {SVGMatrix} The matrix object resulting from the calculation
+  */
+  var matrixMultiply = function matrixMultiply() {
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var m = args.reduceRight(function (prev, m1) {
+      return m1.multiply(prev);
+    });
+
+    if (Math.abs(m.a) < NEAR_ZERO) {
+      m.a = 0;
+    }
+    if (Math.abs(m.b) < NEAR_ZERO) {
+      m.b = 0;
+    }
+    if (Math.abs(m.c) < NEAR_ZERO) {
+      m.c = 0;
+    }
+    if (Math.abs(m.d) < NEAR_ZERO) {
+      m.d = 0;
+    }
+    if (Math.abs(m.e) < NEAR_ZERO) {
+      m.e = 0;
+    }
+    if (Math.abs(m.f) < NEAR_ZERO) {
+      m.f = 0;
+    }
+
+    return m;
+  };
+
+  /**
+   * See if the given transformlist includes a non-indentity matrix transform
+   * @function module:math.hasMatrixTransform
+   * @param {SVGTransformList} [tlist] - The transformlist to check
+   * @returns {boolean} Whether or not a matrix transform was found
+  */
+  var hasMatrixTransform = function hasMatrixTransform(tlist) {
+    if (!tlist) {
+      return false;
+    }
+    var num = tlist.numberOfItems;
+    while (num--) {
+      var xform = tlist.getItem(num);
+      if (xform.type === 1 && !isIdentity(xform.matrix)) {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  /**
+  * @typedef {PlainObject} module:math.TransformedBox An object with the following values
+  * @property {module:math.XYObject} tl - The top left coordinate
+  * @property {module:math.XYObject} tr - The top right coordinate
+  * @property {module:math.XYObject} bl - The bottom left coordinate
+  * @property {module:math.XYObject} br - The bottom right coordinate
+  * @property {PlainObject} aabox - Object with the following values:
+  * @property {Float} aabox.x - Float with the axis-aligned x coordinate
+  * @property {Float} aabox.y - Float with the axis-aligned y coordinate
+  * @property {Float} aabox.width - Float with the axis-aligned width coordinate
+  * @property {Float} aabox.height - Float with the axis-aligned height coordinate
+  */
+
+  /**
+   * Transforms a rectangle based on the given matrix
+   * @function module:math.transformBox
+   * @param {Float} l - Float with the box's left coordinate
+   * @param {Float} t - Float with the box's top coordinate
+   * @param {Float} w - Float with the box width
+   * @param {Float} h - Float with the box height
+   * @param {SVGMatrix} m - Matrix object to transform the box by
+   * @returns {module:math.TransformedBox}
+  */
+  var transformBox = function transformBox(l, t, w, h, m) {
+    var tl = transformPoint(l, t, m),
+        tr = transformPoint(l + w, t, m),
+        bl = transformPoint(l, t + h, m),
+        br = transformPoint(l + w, t + h, m),
+        minx = Math.min(tl.x, tr.x, bl.x, br.x),
+        maxx = Math.max(tl.x, tr.x, bl.x, br.x),
+        miny = Math.min(tl.y, tr.y, bl.y, br.y),
+        maxy = Math.max(tl.y, tr.y, bl.y, br.y);
+
+    return {
+      tl: tl,
+      tr: tr,
+      bl: bl,
+      br: br,
+      aabox: {
+        x: minx,
+        y: miny,
+        width: maxx - minx,
+        height: maxy - miny
+      }
+    };
+  };
+
+  /**
+   * This returns a single matrix Transform for a given Transform List
+   * (this is the equivalent of `SVGTransformList.consolidate()` but unlike
+   * that method, this one does not modify the actual `SVGTransformList`).
+   * This function is very liberal with its `min`, `max` arguments
+   * @function module:math.transformListToTransform
+   * @param {SVGTransformList} tlist - The transformlist object
+   * @param {Integer} [min=0] - Optional integer indicating start transform position
+   * @param {Integer} [max] - Optional integer indicating end transform position;
+   *   defaults to one less than the tlist's `numberOfItems`
+   * @returns {SVGTransform} A single matrix transform object
+  */
+  var transformListToTransform = function transformListToTransform(tlist, min, max) {
+    if (tlist == null) {
+      // Or should tlist = null have been prevented before this?
+      return svg$1.createSVGTransformFromMatrix(svg$1.createSVGMatrix());
+    }
+    min = min || 0;
+    max = max || tlist.numberOfItems - 1;
+    min = parseInt(min, 10);
+    max = parseInt(max, 10);
+    if (min > max) {
+      var temp = max;max = min;min = temp;
+    }
+    var m = svg$1.createSVGMatrix();
+    for (var i = min; i <= max; ++i) {
+      // if our indices are out of range, just use a harmless identity matrix
+      var mtom = i >= 0 && i < tlist.numberOfItems ? tlist.getItem(i).matrix : svg$1.createSVGMatrix();
+      m = matrixMultiply(m, mtom);
+    }
+    return svg$1.createSVGTransformFromMatrix(m);
+  };
+
+  /**
+   * Get the matrix object for a given element
+   * @function module:math.getMatrix
+   * @param {Element} elem - The DOM element to check
+   * @returns {SVGMatrix} The matrix object associated with the element's transformlist
+  */
+  var getMatrix = function getMatrix(elem) {
+    var tlist = getTransformList(elem);
+    return transformListToTransform(tlist).matrix;
+  };
+
+  /**
+   * Returns a 45 degree angle coordinate associated with the two given
+   * coordinates
+   * @function module:math.snapToAngle
+   * @param {Integer} x1 - First coordinate's x value
+   * @param {Integer} x2 - Second coordinate's x value
+   * @param {Integer} y1 - First coordinate's y value
+   * @param {Integer} y2 - Second coordinate's y value
+   * @returns {module:math.AngleCoord45}
+  */
+  var snapToAngle = function snapToAngle(x1, y1, x2, y2) {
+    var snap = Math.PI / 4; // 45 degrees
+    var dx = x2 - x1;
+    var dy = y2 - y1;
+    var angle = Math.atan2(dy, dx);
+    var dist = Math.sqrt(dx * dx + dy * dy);
+    var snapangle = Math.round(angle / snap) * snap;
+
+    return {
+      x: x1 + dist * Math.cos(snapangle),
+      y: y1 + dist * Math.sin(snapangle),
+      a: snapangle
+    };
+  };
+
+  /**
+   * Check if two rectangles (BBoxes objects) intersect each other
+   * @function module:math.rectsIntersect
+   * @param {SVGRect} r1 - The first BBox-like object
+   * @param {SVGRect} r2 - The second BBox-like object
+   * @returns {boolean} True if rectangles intersect
+   */
+  var rectsIntersect = function rectsIntersect(r1, r2) {
+    return r2.x < r1.x + r1.width && r2.x + r2.width > r1.x && r2.y < r1.y + r1.height && r2.y + r2.height > r1.y;
+  };
+
+  /* globals jQuery */
+
+  var $$1 = jQuery;
+
+  var segData = {
+    2: ['x', 'y'], // PATHSEG_MOVETO_ABS
+    4: ['x', 'y'], // PATHSEG_LINETO_ABS
+    6: ['x', 'y', 'x1', 'y1', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_ABS
+    8: ['x', 'y', 'x1', 'y1'], // PATHSEG_CURVETO_QUADRATIC_ABS
+    10: ['x', 'y', 'r1', 'r2', 'angle', 'largeArcFlag', 'sweepFlag'], // PATHSEG_ARC_ABS
+    12: ['x'], // PATHSEG_LINETO_HORIZONTAL_ABS
+    14: ['y'], // PATHSEG_LINETO_VERTICAL_ABS
+    16: ['x', 'y', 'x2', 'y2'], // PATHSEG_CURVETO_CUBIC_SMOOTH_ABS
+    18: ['x', 'y'] // PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS
+  };
+
+  /**
+   * @tutorial LocaleDocs
+   * @typedef {module:locale.LocaleStrings|PlainObject} module:path.uiStrings
+   * @property {PlainObject.<string, string>} ui
+  */
+
+  var uiStrings = {};
+  /**
+  * @function module:path.setUiStrings
+  * @param {module:path.uiStrings} strs
+  * @returns {undefined}
+  */
+  var setUiStrings = function setUiStrings(strs) {
+    Object.assign(uiStrings, strs.ui);
+  };
+
+  var pathFuncs = [];
+
+  var linkControlPts = true;
+
+  // Stores references to paths via IDs.
+  // TODO: Make this cross-document happy.
+  var pathData = {};
+
+  /**
+  * @function module:path.setLinkControlPoints
+  * @param {boolean} lcp
+  * @returns {undefined}
+  */
+  var setLinkControlPoints = function setLinkControlPoints(lcp) {
+    linkControlPts = lcp;
+  };
+
+  /**
+   * @name module:path.path
+   * @type {null|module:path.Path}
+   * @memberof module:path
+  */
+  var path = null;
+
+  var editorContext_ = null;
+
+  /**
+  * @external MouseEvent
+  */
+
+  /**
+  * Object with the following keys/values
+  * @typedef {PlainObject} module:path.SVGElementJSON
+  * @property {string} element - Tag name of the SVG element to create
+  * @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element
+  * @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first
+  * @property {module:path.SVGElementJSON[]} [children] - Data objects to be added recursively as children
+  * @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace
+  */
+  /**
+   * @interface module:path.EditorContext
+   * @property {module:select.SelectorManager} selectorManager
+   * @property {module:svgcanvas.SvgCanvas} canvas
+   */
+  /**
+   * @function module:path.EditorContext#call
+   * @param {"selected"|"changed"} ev - String with the event name
+   * @param {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed} arg - Argument to pass through to the callback function. If the event is "changed", an array of `Element`s is passed; if "selected", a single-item array of `Element` is passed.
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#resetD
+   * @param {SVGPathElement} p
+   * @returns {undefined}
+  */
+  /**
+   * Note: This doesn't round to an integer necessarily
+   * @function module:path.EditorContext#round
+   * @param {Float} val
+   * @returns {Float} Rounded value to nearest value based on `currentZoom`
+   */
+  /**
+   * @function module:path.EditorContext#clearSelection
+   * @param {boolean} [noCall] - When `true`, does not call the "selected" handler
+   * @returns {undefined}
+  */
+  /**
+   * @function module:path.EditorContext#addToSelection
+   * @param {Element[]} elemsToAdd - An array of DOM elements to add to the selection
+   * @param {boolean} showGrips - Indicates whether the resize grips should be shown
+   * @returns {undefined}
+  */
+  /**
+   * @function module:path.EditorContext#addCommandToHistory
+   * @param {Command} cmd
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#remapElement
+   * @param {Element} selected - DOM element to be changed
+   * @param {PlainObject.<string, string>} changes - Object with changes to be remapped
+   * @param {SVGMatrix} m - Matrix object to use for remapping coordinates
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#addSVGElementFromJson
+   * @param {module:path.SVGElementJSON} data
+   * @returns {Element} The new element
+  */
+  /**
+   * @function module:path.EditorContext#getGridSnapping
+   * @returns {boolean}
+   */
+  /**
+   * @function module:path.EditorContext#getOpacity
+   * @returns {Float}
+   */
+  /**
+   * @function module:path.EditorContext#getSelectedElements
+   * @returns {Element[]} the array with selected DOM elements
+  */
+  /**
+   * @function module:path.EditorContext#getContainer
+   * @returns {Element}
+   */
+  /**
+   * @function module:path.EditorContext#setStarted
+   * @param {boolean} s
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#getRubberBox
+   * @returns {SVGRectElement}
+  */
+  /**
+   * @function module:path.EditorContext#setRubberBox
+   * @param {SVGRectElement} rb
+   * @returns {SVGRectElement} Same as parameter passed in
+   */
+  /**
+   * @function module:path.EditorContext#addPtsToSelection
+   * @param {PlainObject} cfg
+   * @param {boolean} cfg.closedSubpath
+   * @param {SVGCircleElement[]} cfg.grips
+   * @returns {undefined}
+   */
+  /**
+   * @function module:path.EditorContext#endChanges
+   * @param {PlainObject} cfg
+   * @param {string} cfg.cmd
+   * @param {Element} cfg.elem
+   * @returns {undefined}
+  */
+  /**
+   * @function module:path.EditorContext#getCurrentZoom
+   * @returns {Float} The current zoom level
+   */
+  /**
+   * Returns the last created DOM element ID string
+   * @function module:path.EditorContext#getId
+   * @returns {string}
+   */
+  /**
+   * Creates and returns a unique ID string for a DOM element
+   * @function module:path.EditorContext#getNextId
+   * @returns {string}
+  */
+  /**
+   * Gets the desired element from a mouse event
+   * @function module:path.EditorContext#getMouseTarget
+   * @param {external:MouseEvent} evt - Event object from the mouse event
+   * @returns {Element} DOM element we want
+   */
+  /**
+   * @function module:path.EditorContext#getCurrentMode
+   * @returns {string}
+   */
+  /**
+   * @function module:path.EditorContext#setCurrentMode
+   * @param {string} cm The mode
+   * @returns {string} The same mode as passed in
+  */
+  /**
+   * @function module:path.EditorContext#getDrawnPath
+   * @returns {SVGPathElement|null}
+   */
+  /**
+   * @function module:path.EditorContext#setDrawnPath
+   * @param {SVGPathElement|null} dp
+   * @returns {SVGPathElement|null} The same value as passed in
+   */
+  /**
+   * @function module:path.EditorContext#getSVGRoot
+   * @returns {SVGSVGElement}
+  */
+
+  /**
+  * @function module:path.init
+  * @param {module:path.EditorContext} editorContext
+  * @returns {undefined}
+  */
+  var init$1 = function init$$1(editorContext) {
+    editorContext_ = editorContext;
+
+    pathFuncs = [0, 'ClosePath'];
+    var pathFuncsStrs = ['Moveto', 'Lineto', 'CurvetoCubic', 'CurvetoQuadratic', 'Arc', 'LinetoHorizontal', 'LinetoVertical', 'CurvetoCubicSmooth', 'CurvetoQuadraticSmooth'];
+    $$1.each(pathFuncsStrs, function (i, s) {
+      pathFuncs.push(s + 'Abs');
+      pathFuncs.push(s + 'Rel');
+    });
+  };
+
+  /**
+  * @function module:path.insertItemBefore
+  * @param {Element} elem
+  * @param {Segment} newseg
+  * @param {Integer} index
+  * @returns {undefined}
+  */
+  var insertItemBefore = function insertItemBefore(elem, newseg, index) {
+    // Support insertItemBefore on paths for FF2
+    var list = elem.pathSegList;
+
+    if (supportsPathInsertItemBefore()) {
+      list.insertItemBefore(newseg, index);
+      return;
+    }
+    var len = list.numberOfItems;
+    var arr = [];
+    for (var i = 0; i < len; i++) {
+      var curSeg = list.getItem(i);
+      arr.push(curSeg);
+    }
+    list.clear();
+    for (var _i = 0; _i < len; _i++) {
+      if (_i === index) {
+        // index + 1
+        list.appendItem(newseg);
+      }
+      list.appendItem(arr[_i]);
+    }
+  };
+
+  /**
+  * @function module:path.ptObjToArr
+  * @todo See if this should just live in `replacePathSeg`
+  * @param {string} type
+  * @param {SVGPathSegMovetoAbs|SVGPathSegLinetoAbs|SVGPathSegCurvetoCubicAbs|SVGPathSegCurvetoQuadraticAbs|SVGPathSegArcAbs|SVGPathSegLinetoHorizontalAbs|SVGPathSegLinetoVerticalAbs|SVGPathSegCurvetoCubicSmoothAbs|SVGPathSegCurvetoQuadraticSmoothAbs} segItem
+  * @returns {ArgumentsArray}
+  */
+  var ptObjToArr = function ptObjToArr(type, segItem) {
+    var props = segData[type];
+    return props.map(function (prop) {
+      return segItem[prop];
+    });
+  };
+
+  /**
+  * @function module:path.getGripPt
+  * @param {Segment} seg
+  * @param {module:math.XYObject} altPt
+  * @returns {module:math.XYObject}
+  */
+  var getGripPt = function getGripPt(seg, altPt) {
+    var path = seg.path;
+
+    var out = {
+      x: altPt ? altPt.x : seg.item.x,
+      y: altPt ? altPt.y : seg.item.y
+    };
+
+    if (path.matrix) {
+      var pt = transformPoint(out.x, out.y, path.matrix);
+      out = pt;
+    }
+
+    var currentZoom = editorContext_.getCurrentZoom();
+    out.x *= currentZoom;
+    out.y *= currentZoom;
+
+    return out;
+  };
+
+  /**
+  * @function module:path.getPointFromGrip
+  * @param {module:math.XYObject} pt
+  * @param {module:path.Path} path
+  * @returns {module:math.XYObject}
+  */
+  var getPointFromGrip = function getPointFromGrip(pt, path) {
+    var out = {
+      x: pt.x,
+      y: pt.y
+    };
+
+    if (path.matrix) {
+      pt = transformPoint(out.x, out.y, path.imatrix);
+      out.x = pt.x;
+      out.y = pt.y;
+    }
+
+    var currentZoom = editorContext_.getCurrentZoom();
+    out.x /= currentZoom;
+    out.y /= currentZoom;
+
+    return out;
+  };
+
+  /**
+  * Requires prior call to `setUiStrings` if `xlink:title`
+  *    to be set on the grip
+  * @function module:path.addPointGrip
+  * @param {Integer} index
+  * @param {Integer} x
+  * @param {Integer} y
+  * @returns {SVGCircleElement}
+  */
+  var addPointGrip = function addPointGrip(index, x, y) {
+    // create the container of all the point grips
+    var pointGripContainer = getGripContainer();
+
+    var pointGrip = getElem('pathpointgrip_' + index);
+    // create it
+    if (!pointGrip) {
+      pointGrip = document.createElementNS(NS.SVG, 'circle');
+      var atts = {
+        id: 'pathpointgrip_' + index,
+        display: 'none',
+        r: 4,
+        fill: '#0FF',
+        stroke: '#00F',
+        'stroke-width': 2,
+        cursor: 'move',
+        style: 'pointer-events:all'
+      };
+      if ('pathNodeTooltip' in uiStrings) {
+        // May be empty if running path.js without svg-editor
+        atts['xlink:title'] = uiStrings.pathNodeTooltip;
+      }
+      assignAttributes(pointGrip, atts);
+      pointGrip = pointGripContainer.appendChild(pointGrip);
+
+      var grip = $$1('#pathpointgrip_' + index);
+      grip.dblclick(function () {
+        if (path) {
+          path.setSegType();
+        }
+      });
+    }
+    if (x && y) {
+      // set up the point grip element and display it
+      assignAttributes(pointGrip, {
+        cx: x,
+        cy: y,
+        display: 'inline'
+      });
+    }
+    return pointGrip;
+  };
+
+  /**
+  * @function module:path.getGripContainer
+  * @returns {Element}
+  */
+  var getGripContainer = function getGripContainer() {
+    var c = getElem('pathpointgrip_container');
+    if (!c) {
+      var parent = getElem('selectorParentGroup');
+      c = parent.appendChild(document.createElementNS(NS.SVG, 'g'));
+      c.id = 'pathpointgrip_container';
+    }
+    return c;
+  };
+
+  /**
+  * Requires prior call to `setUiStrings` if `xlink:title`
+  *    to be set on the grip
+  * @function module:path.addCtrlGrip
+  * @param {string} id
+  * @returns {SVGCircleElement}
+  */
+  var addCtrlGrip = function addCtrlGrip(id) {
+    var pointGrip = getElem('ctrlpointgrip_' + id);
+    if (pointGrip) {
+      return pointGrip;
+    }
+
+    pointGrip = document.createElementNS(NS.SVG, 'circle');
+    var atts = {
+      id: 'ctrlpointgrip_' + id,
+      display: 'none',
+      r: 4,
+      fill: '#0FF',
+      stroke: '#55F',
+      'stroke-width': 1,
+      cursor: 'move',
+      style: 'pointer-events:all'
+    };
+    if ('pathCtrlPtTooltip' in uiStrings) {
+      // May be empty if running path.js without svg-editor
+      atts['xlink:title'] = uiStrings.pathCtrlPtTooltip;
+    }
+    assignAttributes(pointGrip, atts);
+    getGripContainer().append(pointGrip);
+    return pointGrip;
+  };
+
+  /**
+  * @function module:path.getCtrlLine
+  * @param {string} id
+  * @returns {SVGLineElement}
+  */
+  var getCtrlLine = function getCtrlLine(id) {
+    var ctrlLine = getElem('ctrlLine_' + id);
+    if (ctrlLine) {
+      return ctrlLine;
+    }
+
+    ctrlLine = document.createElementNS(NS.SVG, 'line');
+    assignAttributes(ctrlLine, {
+      id: 'ctrlLine_' + id,
+      stroke: '#555',
+      'stroke-width': 1,
+      style: 'pointer-events:none'
+    });
+    getGripContainer().append(ctrlLine);
+    return ctrlLine;
+  };
+
+  /**
+  * @function module:path.getPointGrip
+  * @param {Segment} seg
+  * @param {boolean} update
+  * @returns {SVGCircleElement}
+  */
+  var getPointGrip = function getPointGrip(seg, update) {
+    var index = seg.index;
+
+    var pointGrip = addPointGrip(index);
+
+    if (update) {
+      var pt = getGripPt(seg);
+      assignAttributes(pointGrip, {
+        cx: pt.x,
+        cy: pt.y,
+        display: 'inline'
+      });
+    }
+
+    return pointGrip;
+  };
+
+  /**
+  * @function module:path.getControlPoints
+  * @param {Segment} seg
+  * @returns {PlainObject.<string, SVGLineElement|SVGCircleElement>}
+  */
+  var getControlPoints = function getControlPoints(seg) {
+    var item = seg.item,
+        index = seg.index;
+
+    if (!('x1' in item) || !('x2' in item)) {
+      return null;
+    }
+    var cpt = {};
+    /* const pointGripContainer = */getGripContainer();
+
+    // Note that this is intentionally not seg.prev.item
+    var prev = path.segs[index - 1].item;
+
+    var segItems = [prev, item];
+
+    for (var i = 1; i < 3; i++) {
+      var id = index + 'c' + i;
+
+      var ctrlLine = cpt['c' + i + '_line'] = getCtrlLine(id);
+
+      var pt = getGripPt(seg, { x: item['x' + i], y: item['y' + i] });
+      var gpt = getGripPt(seg, { x: segItems[i - 1].x, y: segItems[i - 1].y });
+
+      assignAttributes(ctrlLine, {
+        x1: pt.x,
+        y1: pt.y,
+        x2: gpt.x,
+        y2: gpt.y,
+        display: 'inline'
+      });
+
+      cpt['c' + i + '_line'] = ctrlLine;
+
+      // create it
+      var pointGrip = cpt['c' + i] = addCtrlGrip(id);
+
+      assignAttributes(pointGrip, {
+        cx: pt.x,
+        cy: pt.y,
+        display: 'inline'
+      });
+      cpt['c' + i] = pointGrip;
+    }
+    return cpt;
+  };
+
+  /**
+  * This replaces the segment at the given index. Type is given as number.
+  * @function module:path.replacePathSeg
+  * @param {Integer} type Possible values set during {@link module:path.init}
+  * @param {Integer} index
+  * @param {ArgumentsArray} pts
+  * @param {SVGPathElement} elem
+  */
+  var replacePathSeg = function replacePathSeg(type, index, pts, elem) {
+    var pth = elem || path.elem;
+
+    var func = 'createSVGPathSeg' + pathFuncs[type];
+    var seg = pth[func].apply(pth, pts);
+
+    if (supportsPathReplaceItem()) {
+      pth.pathSegList.replaceItem(seg, index);
+    } else {
+      var segList = pth.pathSegList;
+      var len = segList.numberOfItems;
+      var arr = [];
+      for (var i = 0; i < len; i++) {
+        var curSeg = segList.getItem(i);
+        arr.push(curSeg);
+      }
+      segList.clear();
+      for (var _i2 = 0; _i2 < len; _i2++) {
+        if (_i2 === index) {
+          segList.appendItem(seg);
+        } else {
+          segList.appendItem(arr[_i2]);
+        }
+      }
+    }
+  };
+
+  /**
+  * @function module:path.getSegSelector
+  * @param {Segment} seg
+  * @param {boolean} update
+  * @returns {SVGPathElement}
+  */
+  var getSegSelector = function getSegSelector(seg, update) {
+    var index = seg.index;
+
+    var segLine = getElem('segline_' + index);
+    if (!segLine) {
+      var pointGripContainer = getGripContainer();
+      // create segline
+      segLine = document.createElementNS(NS.SVG, 'path');
+      assignAttributes(segLine, {
+        id: 'segline_' + index,
+        display: 'none',
+        fill: 'none',
+        stroke: '#0FF',
+        'stroke-width': 2,
+        style: 'pointer-events:none',
+        d: 'M0,0 0,0'
+      });
+      pointGripContainer.append(segLine);
+    }
+
+    if (update) {
+      var prev = seg.prev;
+
+      if (!prev) {
+        segLine.setAttribute('display', 'none');
+        return segLine;
+      }
+
+      var pt = getGripPt(prev);
+      // Set start point
+      replacePathSeg(2, 0, [pt.x, pt.y], segLine);
+
+      var pts = ptObjToArr(seg.type, seg.item, true);
+      for (var i = 0; i < pts.length; i += 2) {
+        var _pt = getGripPt(seg, { x: pts[i], y: pts[i + 1] });
+        pts[i] = _pt.x;
+        pts[i + 1] = _pt.y;
+      }
+
+      replacePathSeg(seg.type, 1, pts, segLine);
+    }
+    return segLine;
+  };
+
+  /**
+   * @typedef {PlainObject} Point
+   * @property {Integer} x The x value
+   * @property {Integer} y The y value
+   */
+
+  /**
+  * Takes three points and creates a smoother line based on them
+  * @function module:path.smoothControlPoints
+  * @param {Point} ct1 - Object with x and y values (first control point)
+  * @param {Point} ct2 - Object with x and y values (second control point)
+  * @param {Point} pt - Object with x and y values (third point)
+  * @returns {Point[]} Array of two "smoothed" point objects
+  */
+  var smoothControlPoints = function smoothControlPoints(ct1, ct2, pt) {
+    // each point must not be the origin
+    var x1 = ct1.x - pt.x,
+        y1 = ct1.y - pt.y,
+        x2 = ct2.x - pt.x,
+        y2 = ct2.y - pt.y;
+
+    if ((x1 !== 0 || y1 !== 0) && (x2 !== 0 || y2 !== 0)) {
+      var r1 = Math.sqrt(x1 * x1 + y1 * y1),
+          r2 = Math.sqrt(x2 * x2 + y2 * y2),
+          nct1 = editorContext_.getSVGRoot().createSVGPoint(),
+          nct2 = editorContext_.getSVGRoot().createSVGPoint();
+      var anglea = Math.atan2(y1, x1),
+          angleb = Math.atan2(y2, x2);
+      if (anglea < 0) {
+        anglea += 2 * Math.PI;
+      }
+      if (angleb < 0) {
+        angleb += 2 * Math.PI;
+      }
+
+      var angleBetween = Math.abs(anglea - angleb),
+          angleDiff = Math.abs(Math.PI - angleBetween) / 2;
+
+      var newAnglea = void 0,
+          newAngleb = void 0;
+      if (anglea - angleb > 0) {
+        newAnglea = angleBetween < Math.PI ? anglea + angleDiff : anglea - angleDiff;
+        newAngleb = angleBetween < Math.PI ? angleb - angleDiff : angleb + angleDiff;
+      } else {
+        newAnglea = angleBetween < Math.PI ? anglea - angleDiff : anglea + angleDiff;
+        newAngleb = angleBetween < Math.PI ? angleb + angleDiff : angleb - angleDiff;
+      }
+
+      // rotate the points
+      nct1.x = r1 * Math.cos(newAnglea) + pt.x;
+      nct1.y = r1 * Math.sin(newAnglea) + pt.y;
+      nct2.x = r2 * Math.cos(newAngleb) + pt.x;
+      nct2.y = r2 * Math.sin(newAngleb) + pt.y;
+
+      return [nct1, nct2];
+    }
+    return undefined;
+  };
+
+  /**
+  *
+  */
+  var Segment = function () {
+    /**
+    * @param {Integer} index
+    * @param {SVGPathSeg} item
+    * @todo Is `item` be more constrained here?
+    */
+    function Segment(index, item) {
+      classCallCheck(this, Segment);
+
+      this.selected = false;
+      this.index = index;
+      this.item = item;
+      this.type = item.pathSegType;
+
+      this.ctrlpts = [];
+      this.ptgrip = null;
+      this.segsel = null;
+    }
+
+    /**
+     * @param {boolean} y
+     * @returns {undefined}
+     */
+
+
+    createClass(Segment, [{
+      key: 'showCtrlPts',
+      value: function showCtrlPts(y) {
+        for (var i in this.ctrlpts) {
+          if (this.ctrlpts.hasOwnProperty(i)) {
+            this.ctrlpts[i].setAttribute('display', y ? 'inline' : 'none');
+          }
+        }
+      }
+
+      /**
+       * @param {boolean} y
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'selectCtrls',
+      value: function selectCtrls(y) {
+        $$1('#ctrlpointgrip_' + this.index + 'c1, #ctrlpointgrip_' + this.index + 'c2').attr('fill', y ? '#0FF' : '#EEE');
+      }
+
+      /**
+       * @param {boolean} y
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'show',
+      value: function show(y) {
+        if (this.ptgrip) {
+          this.ptgrip.setAttribute('display', y ? 'inline' : 'none');
+          this.segsel.setAttribute('display', y ? 'inline' : 'none');
+          // Show/hide all control points if available
+          this.showCtrlPts(y);
+        }
+      }
+
+      /**
+       * @param {boolean} y
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'select',
+      value: function select(y) {
+        if (this.ptgrip) {
+          this.ptgrip.setAttribute('stroke', y ? '#0FF' : '#00F');
+          this.segsel.setAttribute('display', y ? 'inline' : 'none');
+          if (this.ctrlpts) {
+            this.selectCtrls(y);
+          }
+          this.selected = y;
+        }
+      }
+
+      /**
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'addGrip',
+      value: function addGrip() {
+        this.ptgrip = getPointGrip(this, true);
+        this.ctrlpts = getControlPoints(this, true);
+        this.segsel = getSegSelector(this, true);
+      }
+
+      /**
+       * @param {boolean} full
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'update',
+      value: function update(full) {
+        if (this.ptgrip) {
+          var pt = getGripPt(this);
+          assignAttributes(this.ptgrip, {
+            cx: pt.x,
+            cy: pt.y
+          });
+
+          getSegSelector(this, true);
+
+          if (this.ctrlpts) {
+            if (full) {
+              this.item = path.elem.pathSegList.getItem(this.index);
+              this.type = this.item.pathSegType;
+            }
+            getControlPoints(this);
+          }
+          // this.segsel.setAttribute('display', y ? 'inline' : 'none');
+        }
+      }
+
+      /**
+       * @param {Integer} dx
+       * @param {Integer} dy
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'move',
+      value: function move(dx, dy) {
+        var item = this.item;
+
+
+        var curPts = this.ctrlpts ? [item.x += dx, item.y += dy, item.x1, item.y1, item.x2 += dx, item.y2 += dy] : [item.x += dx, item.y += dy];
+
+        replacePathSeg(this.type, this.index, curPts);
+
+        if (this.next && this.next.ctrlpts) {
+          var next = this.next.item;
+          var nextPts = [next.x, next.y, next.x1 += dx, next.y1 += dy, next.x2, next.y2];
+          replacePathSeg(this.next.type, this.next.index, nextPts);
+        }
+
+        if (this.mate) {
+          // The last point of a closed subpath has a 'mate',
+          // which is the 'M' segment of the subpath
+          var _item = this.mate.item;
+
+          var pts = [_item.x += dx, _item.y += dy];
+          replacePathSeg(this.mate.type, this.mate.index, pts);
+          // Has no grip, so does not need 'updating'?
+        }
+
+        this.update(true);
+        if (this.next) {
+          this.next.update(true);
+        }
+      }
+
+      /**
+       * @param {Integer} num
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'setLinked',
+      value: function setLinked(num) {
+        var seg = void 0,
+            anum = void 0,
+            pt = void 0;
+        if (num === 2) {
+          anum = 1;
+          seg = this.next;
+          if (!seg) {
+            return;
+          }
+          pt = this.item;
+        } else {
+          anum = 2;
+          seg = this.prev;
+          if (!seg) {
+            return;
+          }
+          pt = seg.item;
+        }
+
+        var _seg = seg,
+            item = _seg.item;
+
+        item['x' + anum] = pt.x + (pt.x - this.item['x' + num]);
+        item['y' + anum] = pt.y + (pt.y - this.item['y' + num]);
+
+        var pts = [item.x, item.y, item.x1, item.y1, item.x2, item.y2];
+
+        replacePathSeg(seg.type, seg.index, pts);
+        seg.update(true);
+      }
+
+      /**
+       * @param {Integer} num
+       * @param {Integer} dx
+       * @param {Integer} dy
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'moveCtrl',
+      value: function moveCtrl(num, dx, dy) {
+        var item = this.item;
+
+        item['x' + num] += dx;
+        item['y' + num] += dy;
+
+        var pts = [item.x, item.y, item.x1, item.y1, item.x2, item.y2];
+
+        replacePathSeg(this.type, this.index, pts);
+        this.update(true);
+      }
+
+      /**
+       * @param {Integer} newType Possible values set during {@link module:path.init}
+       * @param {ArgumentsArray} pts
+       */
+
+    }, {
+      key: 'setType',
+      value: function setType(newType, pts) {
+        replacePathSeg(newType, this.index, pts);
+        this.type = newType;
+        this.item = path.elem.pathSegList.getItem(this.index);
+        this.showCtrlPts(newType === 6);
+        this.ctrlpts = getControlPoints(this);
+        this.update(true);
+      }
+    }]);
+    return Segment;
+  }();
+
+  /**
+  *
+  */
+  var Path = function () {
+    /**
+    * @param {SVGPathElement}
+    * @throws {Error} If constructed without a path element
+    */
+    function Path(elem) {
+      classCallCheck(this, Path);
+
+      if (!elem || elem.tagName !== 'path') {
+        throw new Error('svgedit.path.Path constructed without a <path> element');
+      }
+
+      this.elem = elem;
+      this.segs = [];
+      this.selected_pts = [];
+      path = this;
+
+      this.init();
+    }
+
+    /**
+    * Reset path data
+    * @returns {module:path.Path}
+    */
+
+
+    createClass(Path, [{
+      key: 'init',
+      value: function init$$1() {
+        // Hide all grips, etc
+
+        // fixed, needed to work on all found elements, not just first
+        $$1(getGripContainer()).find('*').each(function () {
+          $$1(this).attr('display', 'none');
+        });
+
+        var segList = this.elem.pathSegList;
+        var len = segList.numberOfItems;
+        this.segs = [];
+        this.selected_pts = [];
+        this.first_seg = null;
+
+        // Set up segs array
+        for (var i = 0; i < len; i++) {
+          var item = segList.getItem(i);
+          var segment = new Segment(i, item);
+          segment.path = this;
+          this.segs.push(segment);
+        }
+
+        var segs = this.segs;
+
+
+        var startI = null;
+        for (var _i3 = 0; _i3 < len; _i3++) {
+          var seg = segs[_i3];
+          var nextSeg = _i3 + 1 >= len ? null : segs[_i3 + 1];
+          var prevSeg = _i3 - 1 < 0 ? null : segs[_i3 - 1];
+          if (seg.type === 2) {
+            if (prevSeg && prevSeg.type !== 1) {
+              // New sub-path, last one is open,
+              // so add a grip to last sub-path's first point
+              var startSeg = segs[startI];
+              startSeg.next = segs[startI + 1];
+              startSeg.next.prev = startSeg;
+              startSeg.addGrip();
+            }
+            // Remember that this is a starter seg
+            startI = _i3;
+          } else if (nextSeg && nextSeg.type === 1) {
+            // This is the last real segment of a closed sub-path
+            // Next is first seg after "M"
+            seg.next = segs[startI + 1];
+
+            // First seg after "M"'s prev is this
+            seg.next.prev = seg;
+            seg.mate = segs[startI];
+            seg.addGrip();
+            if (this.first_seg == null) {
+              this.first_seg = seg;
+            }
+          } else if (!nextSeg) {
+            if (seg.type !== 1) {
+              // Last seg, doesn't close so add a grip
+              // to last sub-path's first point
+              var _startSeg = segs[startI];
+              _startSeg.next = segs[startI + 1];
+              _startSeg.next.prev = _startSeg;
+              _startSeg.addGrip();
+              seg.addGrip();
+
+              if (!this.first_seg) {
+                // Open path, so set first as real first and add grip
+                this.first_seg = segs[startI];
+              }
+            }
+          } else if (seg.type !== 1) {
+            // Regular segment, so add grip and its "next"
+            seg.addGrip();
+
+            // Don't set its "next" if it's an "M"
+            if (nextSeg && nextSeg.type !== 2) {
+              seg.next = nextSeg;
+              seg.next.prev = seg;
+            }
+          }
+        }
+        return this;
+      }
+
+      /**
+      * @callback module:path.PathEachSegCallback
+      * @this module:path.Segment
+      * @param {Integer} i The index of the seg being iterated
+      * @returns {boolean} Will stop execution of `eachSeg` if returns `false`
+      */
+      /**
+      * @param {module:path.PathEachSegCallback} fn
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'eachSeg',
+      value: function eachSeg(fn) {
+        var len = this.segs.length;
+        for (var i = 0; i < len; i++) {
+          var ret = fn.call(this.segs[i], i);
+          if (ret === false) {
+            break;
+          }
+        }
+      }
+
+      /**
+      * @param {Integer} index
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'addSeg',
+      value: function addSeg(index) {
+        // Adds a new segment
+        var seg = this.segs[index];
+        if (!seg.prev) {
+          return;
+        }
+
+        var prev = seg.prev;
+
+        var newseg = void 0,
+            newX = void 0,
+            newY = void 0;
+        switch (seg.item.pathSegType) {
+          case 4:
+            {
+              newX = (seg.item.x + prev.item.x) / 2;
+              newY = (seg.item.y + prev.item.y) / 2;
+              newseg = this.elem.createSVGPathSegLinetoAbs(newX, newY);
+              break;
+            }case 6:
+            {
+              // make it a curved segment to preserve the shape (WRS)
+              // https://en.wikipedia.org/wiki/De_Casteljau%27s_algorithm#Geometric_interpretation
+              var p0x = (prev.item.x + seg.item.x1) / 2;
+              var p1x = (seg.item.x1 + seg.item.x2) / 2;
+              var p2x = (seg.item.x2 + seg.item.x) / 2;
+              var p01x = (p0x + p1x) / 2;
+              var p12x = (p1x + p2x) / 2;
+              newX = (p01x + p12x) / 2;
+              var p0y = (prev.item.y + seg.item.y1) / 2;
+              var p1y = (seg.item.y1 + seg.item.y2) / 2;
+              var p2y = (seg.item.y2 + seg.item.y) / 2;
+              var p01y = (p0y + p1y) / 2;
+              var p12y = (p1y + p2y) / 2;
+              newY = (p01y + p12y) / 2;
+              newseg = this.elem.createSVGPathSegCurvetoCubicAbs(newX, newY, p0x, p0y, p01x, p01y);
+              var pts = [seg.item.x, seg.item.y, p12x, p12y, p2x, p2y];
+              replacePathSeg(seg.type, index, pts);
+              break;
+            }
+        }
+
+        insertItemBefore(this.elem, newseg, index);
+      }
+
+      /**
+      * @param {Integer} index
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'deleteSeg',
+      value: function deleteSeg(index) {
+        var seg = this.segs[index];
+        var list = this.elem.pathSegList;
+
+        seg.show(false);
+        var next = seg.next;
+
+        if (seg.mate) {
+          // Make the next point be the "M" point
+          var pt = [next.item.x, next.item.y];
+          replacePathSeg(2, next.index, pt);
+
+          // Reposition last node
+          replacePathSeg(4, seg.index, pt);
+
+          list.removeItem(seg.mate.index);
+        } else if (!seg.prev) {
+          // First node of open path, make next point the M
+          // const {item} = seg;
+          var _pt2 = [next.item.x, next.item.y];
+          replacePathSeg(2, seg.next.index, _pt2);
+          list.removeItem(index);
+        } else {
+          list.removeItem(index);
+        }
+      }
+
+      /**
+      * @param {Integer} index
+      * @returns {boolean}
+      */
+
+    }, {
+      key: 'subpathIsClosed',
+      value: function subpathIsClosed(index) {
+        var closed = false;
+        // Check if subpath is already open
+        path.eachSeg(function (i) {
+          if (i <= index) {
+            return true;
+          }
+          if (this.type === 2) {
+            // Found M first, so open
+            return false;
+          }
+          if (this.type === 1) {
+            // Found Z first, so closed
+            closed = true;
+            return false;
+          }
+        });
+
+        return closed;
+      }
+
+      /**
+      * @param {Integer} index
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'removePtFromSelection',
+      value: function removePtFromSelection(index) {
+        var pos = this.selected_pts.indexOf(index);
+        if (pos === -1) {
+          return;
+        }
+        this.segs[index].select(false);
+        this.selected_pts.splice(pos, 1);
+      }
+
+      /**
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'clearSelection',
+      value: function clearSelection() {
+        this.eachSeg(function () {
+          // 'this' is the segment here
+          this.select(false);
+        });
+        this.selected_pts = [];
+      }
+
+      /**
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'storeD',
+      value: function storeD() {
+        this.last_d = this.elem.getAttribute('d');
+      }
+
+      /**
+      * @param {Integer} y
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'show',
+      value: function show(y) {
+        // Shows this path's segment grips
+        this.eachSeg(function () {
+          // 'this' is the segment here
+          this.show(y);
+        });
+        if (y) {
+          this.selectPt(this.first_seg.index);
+        }
+        return this;
+      }
+
+      /**
+      * Move selected points
+      * @param {Integer} dx
+      * @param {Integer} dy
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'movePts',
+      value: function movePts(dx, dy) {
+        var i = this.selected_pts.length;
+        while (i--) {
+          var seg = this.segs[this.selected_pts[i]];
+          seg.move(dx, dy);
+        }
+      }
+
+      /**
+      * @param {Integer} dx
+      * @param {Integer} dy
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'moveCtrl',
+      value: function moveCtrl(dx, dy) {
+        var seg = this.segs[this.selected_pts[0]];
+        seg.moveCtrl(this.dragctrl, dx, dy);
+        if (linkControlPts) {
+          seg.setLinked(this.dragctrl);
+        }
+      }
+
+      /**
+      * @param {?Integer} newType See {@link https://www.w3.org/TR/SVG/single-page.html#paths-InterfaceSVGPathSeg}
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'setSegType',
+      value: function setSegType(newType) {
+        this.storeD();
+        var i = this.selected_pts.length;
+        var text = void 0;
+        while (i--) {
+          var selPt = this.selected_pts[i];
+
+          // Selected seg
+          var cur = this.segs[selPt];
+          var prev = cur.prev;
+
+          if (!prev) {
+            continue;
+          }
+
+          if (!newType) {
+            // double-click, so just toggle
+            text = 'Toggle Path Segment Type';
+
+            // Toggle segment to curve/straight line
+            var oldType = cur.type;
+
+            newType = oldType === 6 ? 4 : 6;
+          }
+
+          newType = Number(newType);
+
+          var curX = cur.item.x;
+          var curY = cur.item.y;
+          var prevX = prev.item.x;
+          var prevY = prev.item.y;
+          var points = void 0;
+          switch (newType) {
+            case 6:
+              {
+                if (cur.olditem) {
+                  var old = cur.olditem;
+                  points = [curX, curY, old.x1, old.y1, old.x2, old.y2];
+                } else {
+                  var diffX = curX - prevX;
+                  var diffY = curY - prevY;
+                  // get control points from straight line segment
+                  /*
+                  const ct1x = (prevX + (diffY/2));
+                  const ct1y = (prevY - (diffX/2));
+                  const ct2x = (curX + (diffY/2));
+                  const ct2y = (curY - (diffX/2));
+                  */
+                  // create control points on the line to preserve the shape (WRS)
+                  var ct1x = prevX + diffX / 3;
+                  var ct1y = prevY + diffY / 3;
+                  var ct2x = curX - diffX / 3;
+                  var ct2y = curY - diffY / 3;
+                  points = [curX, curY, ct1x, ct1y, ct2x, ct2y];
+                }
+                break;
+              }case 4:
+              {
+                points = [curX, curY];
+
+                // Store original prevve segment nums
+                cur.olditem = cur.item;
+                break;
+              }
+          }
+
+          cur.setType(newType, points);
+        }
+        path.endChanges(text);
+      }
+
+      /**
+      * @param {Integer} pt
+      * @param {Integer} ctrlNum
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'selectPt',
+      value: function selectPt(pt, ctrlNum) {
+        this.clearSelection();
+        if (pt == null) {
+          this.eachSeg(function (i) {
+            // 'this' is the segment here.
+            if (this.prev) {
+              pt = i;
+            }
+          });
+        }
+        this.addPtsToSelection(pt);
+        if (ctrlNum) {
+          this.dragctrl = ctrlNum;
+
+          if (linkControlPts) {
+            this.segs[pt].setLinked(ctrlNum);
+          }
+        }
+      }
+
+      /**
+      * Update position of all points
+      * @returns {Path}
+      */
+
+    }, {
+      key: 'update',
+      value: function update() {
+        var elem = this.elem;
+
+        if (getRotationAngle(elem)) {
+          this.matrix = getMatrix(elem);
+          this.imatrix = this.matrix.inverse();
+        } else {
+          this.matrix = null;
+          this.imatrix = null;
+        }
+
+        this.eachSeg(function (i) {
+          this.item = elem.pathSegList.getItem(i);
+          this.update();
+        });
+
+        return this;
+      }
+
+      /**
+      * @param {string} text
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'endChanges',
+      value: function endChanges(text) {
+        if (isWebkit()) {
+          editorContext_.resetD(this.elem);
+        }
+        var cmd = new ChangeElementCommand(this.elem, { d: this.last_d }, text);
+        editorContext_.endChanges({ cmd: cmd, elem: this.elem });
+      }
+
+      /**
+      * @param {Integer|Integer[]} indexes
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'addPtsToSelection',
+      value: function addPtsToSelection(indexes) {
+        if (!Array.isArray(indexes)) {
+          indexes = [indexes];
+        }
+        for (var _i4 = 0; _i4 < indexes.length; _i4++) {
+          var index = indexes[_i4];
+          var seg = this.segs[index];
+          if (seg.ptgrip) {
+            if (!this.selected_pts.includes(index) && index >= 0) {
+              this.selected_pts.push(index);
+            }
+          }
+        }
+        this.selected_pts.sort();
+        var i = this.selected_pts.length;
+        var grips = [];
+        grips.length = i;
+        // Loop through points to be selected and highlight each
+        while (i--) {
+          var pt = this.selected_pts[i];
+          var _seg2 = this.segs[pt];
+          _seg2.select(true);
+          grips[i] = _seg2.ptgrip;
+        }
+
+        var closedSubpath = this.subpathIsClosed(this.selected_pts[0]);
+        editorContext_.addPtsToSelection({ grips: grips, closedSubpath: closedSubpath });
+      }
+    }]);
+    return Path;
+  }();
+
+  /**
+  * @function module:path.getPath_
+  * @param {SVGPathElement} elem
+  * @returns {module:path.Path}
+  */
+  var getPath_ = function getPath_(elem) {
+    var p = pathData[elem.id];
+    if (!p) {
+      p = pathData[elem.id] = new Path(elem);
+    }
+    return p;
+  };
+
+  /**
+  * @function module:path.removePath_
+  * @param {string} id
+  * @returns {undefined}
+  */
+  var removePath_ = function removePath_(id) {
+    if (id in pathData) {
+      delete pathData[id];
+    }
+  };
+
+  var newcx = void 0,
+      newcy = void 0,
+      oldcx = void 0,
+      oldcy = void 0,
+      angle = void 0;
+
+  var getRotVals = function getRotVals(x, y) {
+    var dx = x - oldcx;
+    var dy = y - oldcy;
+
+    // rotate the point around the old center
+    var r = Math.sqrt(dx * dx + dy * dy);
+    var theta = Math.atan2(dy, dx) + angle;
+    dx = r * Math.cos(theta) + oldcx;
+    dy = r * Math.sin(theta) + oldcy;
+
+    // dx,dy should now hold the actual coordinates of each
+    // point after being rotated
+
+    // now we want to rotate them around the new center in the reverse direction
+    dx -= newcx;
+    dy -= newcy;
+
+    r = Math.sqrt(dx * dx + dy * dy);
+    theta = Math.atan2(dy, dx) - angle;
+
+    return { x: r * Math.cos(theta) + newcx,
+      y: r * Math.sin(theta) + newcy };
+  };
+
+  // If the path was rotated, we must now pay the piper:
+  // Every path point must be rotated into the rotated coordinate system of
+  // its old center, then determine the new center, then rotate it back
+  // This is because we want the path to remember its rotation
+
+  /**
+  * @function module:path.recalcRotatedPath
+  * @todo This is still using ye olde transform methods, can probably
+  * be optimized or even taken care of by `recalculateDimensions`
+  * @returns {undefined}
+  */
+  var recalcRotatedPath = function recalcRotatedPath() {
+    var currentPath = path.elem;
+    angle = getRotationAngle(currentPath, true);
+    if (!angle) {
+      return;
+    }
+    // selectedBBoxes[0] = path.oldbbox;
+    var oldbox = path.oldbbox; // selectedBBoxes[0],
+    oldcx = oldbox.x + oldbox.width / 2;
+    oldcy = oldbox.y + oldbox.height / 2;
+    var box = getBBox(currentPath);
+    newcx = box.x + box.width / 2;
+    newcy = box.y + box.height / 2;
+
+    // un-rotate the new center to the proper position
+    var dx = newcx - oldcx,
+        dy = newcy - oldcy,
+        r = Math.sqrt(dx * dx + dy * dy),
+        theta = Math.atan2(dy, dx) + angle;
+
+    newcx = r * Math.cos(theta) + oldcx;
+    newcy = r * Math.sin(theta) + oldcy;
+
+    var list = currentPath.pathSegList;
+
+    var i = list.numberOfItems;
+    while (i) {
+      i -= 1;
+      var seg = list.getItem(i),
+          type = seg.pathSegType;
+      if (type === 1) {
+        continue;
+      }
+
+      var rvals = getRotVals(seg.x, seg.y),
+          points = [rvals.x, rvals.y];
+      if (seg.x1 != null && seg.x2 != null) {
+        var cVals1 = getRotVals(seg.x1, seg.y1);
+        var cVals2 = getRotVals(seg.x2, seg.y2);
+        points.splice(points.length, 0, cVals1.x, cVals1.y, cVals2.x, cVals2.y);
+      }
+      replacePathSeg(type, i, points);
+    } // loop for each point
+
+    box = getBBox(currentPath);
+    // selectedBBoxes[0].x = box.x; selectedBBoxes[0].y = box.y;
+    // selectedBBoxes[0].width = box.width; selectedBBoxes[0].height = box.height;
+
+    // now we must set the new transform to be rotated around the new center
+    var Rnc = editorContext_.getSVGRoot().createSVGTransform(),
+        tlist = getTransformList(currentPath);
+    Rnc.setRotate(angle * 180.0 / Math.PI, newcx, newcy);
+    tlist.replaceItem(Rnc, 0);
+  };
+
+  // ====================================
+  // Public API starts here
+
+  /**
+  * @function module:path.clearData
+  * @returns {undefined}
+  */
+  var clearData = function clearData() {
+    pathData = {};
+  };
+
+  // Making public for mocking
+  /**
+  * @function module:path.reorientGrads
+  * @param {Element} elem
+  * @param {SVGMatrix} m
+  * @returns {undefined}
+  */
+  var reorientGrads = function reorientGrads(elem, m) {
+    var bb = getBBox(elem);
+    for (var i = 0; i < 2; i++) {
+      var type = i === 0 ? 'fill' : 'stroke';
+      var attrVal = elem.getAttribute(type);
+      if (attrVal && attrVal.startsWith('url(')) {
+        var grad = getRefElem(attrVal);
+        if (grad.tagName === 'linearGradient') {
+          var x1 = grad.getAttribute('x1') || 0;
+          var y1 = grad.getAttribute('y1') || 0;
+          var x2 = grad.getAttribute('x2') || 1;
+          var y2 = grad.getAttribute('y2') || 0;
+
+          // Convert to USOU points
+          x1 = bb.width * x1 + bb.x;
+          y1 = bb.height * y1 + bb.y;
+          x2 = bb.width * x2 + bb.x;
+          y2 = bb.height * y2 + bb.y;
+
+          // Transform those points
+          var pt1 = transformPoint(x1, y1, m);
+          var pt2 = transformPoint(x2, y2, m);
+
+          // Convert back to BB points
+          var gCoords = {};
+
+          gCoords.x1 = (pt1.x - bb.x) / bb.width;
+          gCoords.y1 = (pt1.y - bb.y) / bb.height;
+          gCoords.x2 = (pt2.x - bb.x) / bb.width;
+          gCoords.y2 = (pt2.y - bb.y) / bb.height;
+
+          var newgrad = grad.cloneNode(true);
+          $$1(newgrad).attr(gCoords);
+
+          newgrad.id = editorContext_.getNextId();
+          findDefs().append(newgrad);
+          elem.setAttribute(type, 'url(#' + newgrad.id + ')');
+        }
+      }
+    }
+  };
+
+  /**
+  * This is how we map paths to our preferred relative segment types
+  * @name module:path.pathMap
+  * @type {GenericArray}
+  */
+  var pathMap = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a', 'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];
+
+  /**
+   * Convert a path to one with only absolute or relative values
+   * @todo move to pathActions.js
+   * @function module:path.convertPath
+   * @param {SVGPathElement} path - the path to convert
+   * @param {boolean} toRel - true of convert to relative
+   * @returns {string}
+   */
+  var convertPath = function convertPath(path, toRel) {
+    var segList = path.pathSegList;
+    var len = segList.numberOfItems;
+    var curx = 0,
+        cury = 0;
+    var d = '';
+    var lastM = null;
+
+    for (var i = 0; i < len; ++i) {
+      var seg = segList.getItem(i);
+      // if these properties are not in the segment, set them to zero
+      var x = seg.x || 0,
+          y = seg.y || 0,
+          x1 = seg.x1 || 0,
+          y1 = seg.y1 || 0,
+          x2 = seg.x2 || 0,
+          y2 = seg.y2 || 0;
+
+      var type = seg.pathSegType;
+      var letter = pathMap[type]['to' + (toRel ? 'Lower' : 'Upper') + 'Case']();
+
+      switch (type) {
+        case 1:
+          // z,Z closepath (Z/z)
+          d += 'z';
+          if (lastM && !toRel) {
+            curx = lastM[0];
+            cury = lastM[1];
+          }
+          break;
+        case 12:
+          // absolute horizontal line (H)
+          x -= curx;
+        // Fallthrough
+        case 13:
+          // relative horizontal line (h)
+          if (toRel) {
+            curx += x;
+            letter = 'l';
+          } else {
+            x += curx;
+            curx = x;
+            letter = 'L';
+          }
+          // Convert to "line" for easier editing
+          d += pathDSegment(letter, [[x, cury]]);
+          break;
+        case 14:
+          // absolute vertical line (V)
+          y -= cury;
+        // Fallthrough
+        case 15:
+          // relative vertical line (v)
+          if (toRel) {
+            cury += y;
+            letter = 'l';
+          } else {
+            y += cury;
+            cury = y;
+            letter = 'L';
+          }
+          // Convert to "line" for easier editing
+          d += pathDSegment(letter, [[curx, y]]);
+          break;
+        case 2: // absolute move (M)
+        case 4: // absolute line (L)
+        case 18:
+          // absolute smooth quad (T)
+          x -= curx;
+          y -= cury;
+        // Fallthrough
+        case 5: // relative line (l)
+        case 3: // relative move (m)
+        case 19:
+          // relative smooth quad (t)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;
+            y += cury;
+            curx = x;
+            cury = y;
+          }
+          if (type === 2 || type === 3) {
+            lastM = [curx, cury];
+          }
+
+          d += pathDSegment(letter, [[x, y]]);
+          break;
+        case 6:
+          // absolute cubic (C)
+          x -= curx;x1 -= curx;x2 -= curx;
+          y -= cury;y1 -= cury;y2 -= cury;
+        // Fallthrough
+        case 7:
+          // relative cubic (c)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;x1 += curx;x2 += curx;
+            y += cury;y1 += cury;y2 += cury;
+            curx = x;
+            cury = y;
+          }
+          d += pathDSegment(letter, [[x1, y1], [x2, y2], [x, y]]);
+          break;
+        case 8:
+          // absolute quad (Q)
+          x -= curx;x1 -= curx;
+          y -= cury;y1 -= cury;
+        // Fallthrough
+        case 9:
+          // relative quad (q)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;x1 += curx;
+            y += cury;y1 += cury;
+            curx = x;
+            cury = y;
+          }
+          d += pathDSegment(letter, [[x1, y1], [x, y]]);
+          break;
+        case 10:
+          // absolute elliptical arc (A)
+          x -= curx;
+          y -= cury;
+        // Fallthrough
+        case 11:
+          // relative elliptical arc (a)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;
+            y += cury;
+            curx = x;
+            cury = y;
+          }
+          d += pathDSegment(letter, [[seg.r1, seg.r2]], [seg.angle, seg.largeArcFlag ? 1 : 0, seg.sweepFlag ? 1 : 0], [x, y]);
+          break;
+        case 16:
+          // absolute smooth cubic (S)
+          x -= curx;x2 -= curx;
+          y -= cury;y2 -= cury;
+        // Fallthrough
+        case 17:
+          // relative smooth cubic (s)
+          if (toRel) {
+            curx += x;
+            cury += y;
+          } else {
+            x += curx;x2 += curx;
+            y += cury;y2 += cury;
+            curx = x;
+            cury = y;
+          }
+          d += pathDSegment(letter, [[x2, y2], [x, y]]);
+          break;
+      } // switch on path segment type
+    } // for each segment
+    return d;
+  };
+
+  /**
+   * TODO: refactor callers in convertPath to use getPathDFromSegments instead of this function.
+   * Legacy code refactored from svgcanvas.pathActions.convertPath
+   * @param {string} letter - path segment command (letter in potentially either case from {@link module:path.pathMap}; see [SVGPathSeg#pathSegTypeAsLetter]{@link https://www.w3.org/TR/SVG/single-page.html#paths-__svg__SVGPathSeg__pathSegTypeAsLetter})
+   * @param {Integer[][]} points - x,y points
+   * @param {Integer[][]} [morePoints] - x,y points
+   * @param {Integer[]} [lastPoint] - x,y point
+   * @returns {string}
+   */
+  function pathDSegment(letter, points, morePoints, lastPoint) {
+    $$1.each(points, function (i, pnt) {
+      points[i] = shortFloat(pnt);
+    });
+    var segment = letter + points.join(' ');
+    if (morePoints) {
+      segment += ' ' + morePoints.join(' ');
+    }
+    if (lastPoint) {
+      segment += ' ' + shortFloat(lastPoint);
+    }
+    return segment;
+  }
+
+  /**
+  * Group: Path edit functions
+  * Functions relating to editing path elements
+  * @namespace {PlainObject} pathActions
+  * @memberof module:path
+  */
+  var pathActions = function () {
+    var subpath = false;
+    var newPoint = void 0,
+        firstCtrl = void 0;
+
+    var currentPath = null;
+    var hasMoved = false;
+    // No `editorContext_` yet but should be ok as is `null` by default
+    // editorContext_.setDrawnPath(null);
+
+    /**
+    * This function converts a polyline (created by the fh_path tool) into
+    * a path element and coverts every three line segments into a single bezier
+    * curve in an attempt to smooth out the free-hand
+    * @function smoothPolylineIntoPath
+    * @param {Element} element
+    * @returns {Element}
+    */
+    var smoothPolylineIntoPath = function smoothPolylineIntoPath(element) {
+      var i = void 0;
+      var _element = element,
+          points = _element.points;
+
+      var N = points.numberOfItems;
+      if (N >= 4) {
+        // loop through every 3 points and convert to a cubic bezier curve segment
+        //
+        // NOTE: this is cheating, it means that every 3 points has the potential to
+        // be a corner instead of treating each point in an equal manner. In general,
+        // this technique does not look that good.
+        //
+        // I am open to better ideas!
+        //
+        // Reading:
+        // - http://www.efg2.com/Lab/Graphics/Jean-YvesQueinecBezierCurves.htm
+        // - https://www.codeproject.com/KB/graphics/BezierSpline.aspx?msg=2956963
+        // - https://www.ian-ko.com/ET_GeoWizards/UserGuide/smooth.htm
+        // - https://www.cs.mtu.edu/~shene/COURSES/cs3621/NOTES/spline/Bezier/bezier-der.html
+        var curpos = points.getItem(0),
+            prevCtlPt = null;
+        var d = [];
+        d.push(['M', curpos.x, ',', curpos.y, ' C'].join(''));
+        for (i = 1; i <= N - 4; i += 3) {
+          var ct1 = points.getItem(i);
+          var ct2 = points.getItem(i + 1);
+          var end = points.getItem(i + 2);
+
+          // if the previous segment had a control point, we want to smooth out
+          // the control points on both sides
+          if (prevCtlPt) {
+            var newpts = smoothControlPoints(prevCtlPt, ct1, curpos);
+            if (newpts && newpts.length === 2) {
+              var prevArr = d[d.length - 1].split(',');
+              prevArr[2] = newpts[0].x;
+              prevArr[3] = newpts[0].y;
+              d[d.length - 1] = prevArr.join(',');
+              ct1 = newpts[1];
+            }
+          }
+
+          d.push([ct1.x, ct1.y, ct2.x, ct2.y, end.x, end.y].join(','));
+
+          curpos = end;
+          prevCtlPt = ct2;
+        }
+        // handle remaining line segments
+        d.push('L');
+        while (i < N) {
+          var pt = points.getItem(i);
+          d.push([pt.x, pt.y].join(','));
+          i++;
+        }
+        d = d.join(' ');
+
+        // create new path element
+        element = editorContext_.addSVGElementFromJson({
+          element: 'path',
+          curStyles: true,
+          attr: {
+            id: editorContext_.getId(),
+            d: d,
+            fill: 'none'
+          }
+        });
+        // No need to call "changed", as this is already done under mouseUp
+      }
+      return element;
+    };
+
+    return (/** @lends module:path.pathActions */{
+        /**
+        * @param {MouseEvent} evt
+        * @param {Element} mouseTarget
+        * @param {Float} startX
+        * @param {Float} startY
+        * @returns {undefined}
+        */
+        mouseDown: function mouseDown(evt, mouseTarget, startX, startY) {
+          var id = void 0;
+          if (editorContext_.getCurrentMode() === 'path') {
+            var mouseX = startX; // Was this meant to work with the other `mouseX`? (was defined globally so adding `let` to at least avoid a global)
+            var mouseY = startY; // Was this meant to work with the other `mouseY`? (was defined globally so adding `let` to at least avoid a global)
+
+            var currentZoom = editorContext_.getCurrentZoom();
+            var x = mouseX / currentZoom,
+                y = mouseY / currentZoom,
+                stretchy = getElem('path_stretch_line');
+            newPoint = [x, y];
+
+            if (editorContext_.getGridSnapping()) {
+              x = snapToGrid(x);
+              y = snapToGrid(y);
+              mouseX = snapToGrid(mouseX);
+              mouseY = snapToGrid(mouseY);
+            }
+
+            if (!stretchy) {
+              stretchy = document.createElementNS(NS.SVG, 'path');
+              assignAttributes(stretchy, {
+                id: 'path_stretch_line',
+                stroke: '#22C',
+                'stroke-width': '0.5',
+                fill: 'none'
+              });
+              stretchy = getElem('selectorParentGroup').appendChild(stretchy);
+            }
+            stretchy.setAttribute('display', 'inline');
+
+            var keep = null;
+            var index = void 0;
+            // if pts array is empty, create path element with M at current point
+            var drawnPath = editorContext_.getDrawnPath();
+            if (!drawnPath) {
+              var dAttr = 'M' + x + ',' + y + ' '; // Was this meant to work with the other `dAttr`? (was defined globally so adding `var` to at least avoid a global)
+              drawnPath = editorContext_.setDrawnPath(editorContext_.addSVGElementFromJson({
+                element: 'path',
+                curStyles: true,
+                attr: {
+                  d: dAttr,
+                  id: editorContext_.getNextId(),
+                  opacity: editorContext_.getOpacity() / 2
+                }
+              }));
+              // set stretchy line to first point
+              stretchy.setAttribute('d', ['M', mouseX, mouseY, mouseX, mouseY].join(' '));
+              index = subpath ? path.segs.length : 0;
+              addPointGrip(index, mouseX, mouseY);
+            } else {
+              // determine if we clicked on an existing point
+              var seglist = drawnPath.pathSegList;
+              var i = seglist.numberOfItems;
+              var FUZZ = 6 / currentZoom;
+              var clickOnPoint = false;
+              while (i) {
+                i--;
+                var item = seglist.getItem(i);
+                var px = item.x,
+                    py = item.y;
+                // found a matching point
+                if (x >= px - FUZZ && x <= px + FUZZ && y >= py - FUZZ && y <= py + FUZZ) {
+                  clickOnPoint = true;
+                  break;
+                }
+              }
+
+              // get path element that we are in the process of creating
+              id = editorContext_.getId();
+
+              // Remove previous path object if previously created
+              removePath_(id);
+
+              var newpath = getElem(id);
+              var newseg = void 0;
+              var sSeg = void 0;
+              var len = seglist.numberOfItems;
+              // if we clicked on an existing point, then we are done this path, commit it
+              // (i, i+1) are the x,y that were clicked on
+              if (clickOnPoint) {
+                // if clicked on any other point but the first OR
+                // the first point was clicked on and there are less than 3 points
+                // then leave the path open
+                // otherwise, close the path
+                if (i <= 1 && len >= 2) {
+                  // Create end segment
+                  var absX = seglist.getItem(0).x;
+                  var absY = seglist.getItem(0).y;
+
+                  sSeg = stretchy.pathSegList.getItem(1);
+                  if (sSeg.pathSegType === 4) {
+                    newseg = drawnPath.createSVGPathSegLinetoAbs(absX, absY);
+                  } else {
+                    newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(absX, absY, sSeg.x1 / currentZoom, sSeg.y1 / currentZoom, absX, absY);
+                  }
+
+                  var endseg = drawnPath.createSVGPathSegClosePath();
+                  seglist.appendItem(newseg);
+                  seglist.appendItem(endseg);
+                } else if (len < 3) {
+                  keep = false;
+                  return keep;
+                }
+                $$1(stretchy).remove();
+
+                // This will signal to commit the path
+                // const element = newpath; // Other event handlers define own `element`, so this was probably not meant to interact with them or one which shares state (as there were none); I therefore adding a missing `var` to avoid a global
+                drawnPath = editorContext_.setDrawnPath(null);
+                editorContext_.setStarted(false);
+
+                if (subpath) {
+                  if (path.matrix) {
+                    editorContext_.remapElement(newpath, {}, path.matrix.inverse());
+                  }
+
+                  var newD = newpath.getAttribute('d');
+                  var origD = $$1(path.elem).attr('d');
+                  $$1(path.elem).attr('d', origD + newD);
+                  $$1(newpath).remove();
+                  if (path.matrix) {
+                    recalcRotatedPath();
+                  }
+                  init$1();
+                  pathActions.toEditMode(path.elem);
+                  path.selectPt();
+                  return false;
+                }
+                // else, create a new point, update path element
+              } else {
+                // Checks if current target or parents are #svgcontent
+                if (!$$1.contains(editorContext_.getContainer(), editorContext_.getMouseTarget(evt))) {
+                  // Clicked outside canvas, so don't make point
+                  console.log('Clicked outside canvas');
+                  return false;
+                }
+
+                var num = drawnPath.pathSegList.numberOfItems;
+                var last = drawnPath.pathSegList.getItem(num - 1);
+                var lastx = last.x,
+                    lasty = last.y;
+
+                if (evt.shiftKey) {
+                  var xya = snapToAngle(lastx, lasty, x, y);
+                  x = xya.x;
+                  y = xya.y;
+                }
+
+                // Use the segment defined by stretchy
+                sSeg = stretchy.pathSegList.getItem(1);
+                if (sSeg.pathSegType === 4) {
+                  newseg = drawnPath.createSVGPathSegLinetoAbs(editorContext_.round(x), editorContext_.round(y));
+                } else {
+                  newseg = drawnPath.createSVGPathSegCurvetoCubicAbs(editorContext_.round(x), editorContext_.round(y), sSeg.x1 / currentZoom, sSeg.y1 / currentZoom, sSeg.x2 / currentZoom, sSeg.y2 / currentZoom);
+                }
+
+                drawnPath.pathSegList.appendItem(newseg);
+
+                x *= currentZoom;
+                y *= currentZoom;
+
+                // set stretchy line to latest point
+                stretchy.setAttribute('d', ['M', x, y, x, y].join(' '));
+                index = num;
+                if (subpath) {
+                  index += path.segs.length;
+                }
+                addPointGrip(index, x, y);
+              }
+              // keep = true;
+            }
+
+            return;
+          }
+
+          // TODO: Make sure currentPath isn't null at this point
+          if (!path) {
+            return;
+          }
+
+          path.storeD();
+
+          id = evt.target.id;
+
+          var curPt = void 0;
+          if (id.substr(0, 14) === 'pathpointgrip_') {
+            // Select this point
+            curPt = path.cur_pt = parseInt(id.substr(14), 10);
+            path.dragging = [startX, startY];
+            var seg = path.segs[curPt];
+
+            // only clear selection if shift is not pressed (otherwise, add
+            // node to selection)
+            if (!evt.shiftKey) {
+              if (path.selected_pts.length <= 1 || !seg.selected) {
+                path.clearSelection();
+              }
+              path.addPtsToSelection(curPt);
+            } else if (seg.selected) {
+              path.removePtFromSelection(curPt);
+            } else {
+              path.addPtsToSelection(curPt);
+            }
+          } else if (id.startsWith('ctrlpointgrip_')) {
+            path.dragging = [startX, startY];
+
+            var parts = id.split('_')[1].split('c');
+            curPt = Number(parts[0]);
+            var ctrlNum = Number(parts[1]);
+            path.selectPt(curPt, ctrlNum);
+          }
+
+          // Start selection box
+          if (!path.dragging) {
+            var rubberBox = editorContext_.getRubberBox();
+            if (rubberBox == null) {
+              rubberBox = editorContext_.setRubberBox(editorContext_.selectorManager.getRubberBandBox());
+            }
+            var _currentZoom = editorContext_.getCurrentZoom();
+            assignAttributes(rubberBox, {
+              x: startX * _currentZoom,
+              y: startY * _currentZoom,
+              width: 0,
+              height: 0,
+              display: 'inline'
+            }, 100);
+          }
+        },
+
+        /**
+        * @param {Float} mouseX
+        * @param {Float} mouseY
+        * @returns {undefined}
+        */
+        mouseMove: function mouseMove(mouseX, mouseY) {
+          var currentZoom = editorContext_.getCurrentZoom();
+          hasMoved = true;
+          var drawnPath = editorContext_.getDrawnPath();
+          if (editorContext_.getCurrentMode() === 'path') {
+            if (!drawnPath) {
+              return;
+            }
+            var seglist = drawnPath.pathSegList;
+            var index = seglist.numberOfItems - 1;
+
+            if (newPoint) {
+              // First point
+              // if (!index) { return; }
+
+              // Set control points
+              var pointGrip1 = addCtrlGrip('1c1');
+              var pointGrip2 = addCtrlGrip('0c2');
+
+              // dragging pointGrip1
+              pointGrip1.setAttribute('cx', mouseX);
+              pointGrip1.setAttribute('cy', mouseY);
+              pointGrip1.setAttribute('display', 'inline');
+
+              var ptX = newPoint[0];
+              var ptY = newPoint[1];
+
+              // set curve
+              // const seg = seglist.getItem(index);
+              var curX = mouseX / currentZoom;
+              var curY = mouseY / currentZoom;
+              var altX = ptX + (ptX - curX);
+              var altY = ptY + (ptY - curY);
+
+              pointGrip2.setAttribute('cx', altX * currentZoom);
+              pointGrip2.setAttribute('cy', altY * currentZoom);
+              pointGrip2.setAttribute('display', 'inline');
+
+              var ctrlLine = getCtrlLine(1);
+              assignAttributes(ctrlLine, {
+                x1: mouseX,
+                y1: mouseY,
+                x2: altX * currentZoom,
+                y2: altY * currentZoom,
+                display: 'inline'
+              });
+
+              if (index === 0) {
+                firstCtrl = [mouseX, mouseY];
+              } else {
+                var last = seglist.getItem(index - 1);
+                var lastX = last.x;
+                var lastY = last.y;
+
+                if (last.pathSegType === 6) {
+                  lastX += lastX - last.x2;
+                  lastY += lastY - last.y2;
+                } else if (firstCtrl) {
+                  lastX = firstCtrl[0] / currentZoom;
+                  lastY = firstCtrl[1] / currentZoom;
+                }
+                replacePathSeg(6, index, [ptX, ptY, lastX, lastY, altX, altY], drawnPath);
+              }
+            } else {
+              var stretchy = getElem('path_stretch_line');
+              if (stretchy) {
+                var prev = seglist.getItem(index);
+                if (prev.pathSegType === 6) {
+                  var prevX = prev.x + (prev.x - prev.x2);
+                  var prevY = prev.y + (prev.y - prev.y2);
+                  replacePathSeg(6, 1, [mouseX, mouseY, prevX * currentZoom, prevY * currentZoom, mouseX, mouseY], stretchy);
+                } else if (firstCtrl) {
+                  replacePathSeg(6, 1, [mouseX, mouseY, firstCtrl[0], firstCtrl[1], mouseX, mouseY], stretchy);
+                } else {
+                  replacePathSeg(4, 1, [mouseX, mouseY], stretchy);
+                }
+              }
+            }
+            return;
+          }
+          // if we are dragging a point, let's move it
+          if (path.dragging) {
+            var pt = getPointFromGrip({
+              x: path.dragging[0],
+              y: path.dragging[1]
+            }, path);
+            var mpt = getPointFromGrip({
+              x: mouseX,
+              y: mouseY
+            }, path);
+            var diffX = mpt.x - pt.x;
+            var diffY = mpt.y - pt.y;
+            path.dragging = [mouseX, mouseY];
+
+            if (path.dragctrl) {
+              path.moveCtrl(diffX, diffY);
+            } else {
+              path.movePts(diffX, diffY);
+            }
+          } else {
+            path.selected_pts = [];
+            path.eachSeg(function (i) {
+              var seg = this;
+              if (!seg.next && !seg.prev) {
+                return;
+              }
+
+              // const {item} = seg;
+              var rubberBox = editorContext_.getRubberBox();
+              var rbb = rubberBox.getBBox();
+
+              var pt = getGripPt(seg);
+              var ptBb = {
+                x: pt.x,
+                y: pt.y,
+                width: 0,
+                height: 0
+              };
+
+              var sel = rectsIntersect(rbb, ptBb);
+
+              this.select(sel);
+              // Note that addPtsToSelection is not being run
+              if (sel) {
+                path.selected_pts.push(seg.index);
+              }
+            });
+          }
+        },
+
+        /**
+        * @param {Event} evt
+        * @param {Element} element
+        * @param {Float} mouseX
+        * @param {Float} mouseY
+        * @returns {undefined}
+        */
+        mouseUp: function mouseUp(evt, element, mouseX, mouseY) {
+          var drawnPath = editorContext_.getDrawnPath();
+          // Create mode
+          if (editorContext_.getCurrentMode() === 'path') {
+            newPoint = null;
+            if (!drawnPath) {
+              element = getElem(editorContext_.getId());
+              editorContext_.setStarted(false);
+              firstCtrl = null;
+            }
+
+            return {
+              keep: true,
+              element: element
+            };
+          }
+
+          // Edit mode
+          var rubberBox = editorContext_.getRubberBox();
+          if (path.dragging) {
+            var lastPt = path.cur_pt;
+
+            path.dragging = false;
+            path.dragctrl = false;
+            path.update();
+
+            if (hasMoved) {
+              path.endChanges('Move path point(s)');
+            }
+
+            if (!evt.shiftKey && !hasMoved) {
+              path.selectPt(lastPt);
+            }
+          } else if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+            // Done with multi-node-select
+            rubberBox.setAttribute('display', 'none');
+
+            if (rubberBox.getAttribute('width') <= 2 && rubberBox.getAttribute('height') <= 2) {
+              pathActions.toSelectMode(evt.target);
+            }
+
+            // else, move back to select mode
+          } else {
+            pathActions.toSelectMode(evt.target);
+          }
+          hasMoved = false;
+        },
+
+        /**
+        * @param {Element} element
+        * @returns {undefined}
+        */
+        toEditMode: function toEditMode(element) {
+          path = getPath_(element);
+          editorContext_.setCurrentMode('pathedit');
+          editorContext_.clearSelection();
+          path.show(true).update();
+          path.oldbbox = getBBox(path.elem);
+          subpath = false;
+        },
+
+        /**
+        * @param {Element} element
+        * @fires module:svgcanvas.SvgCanvas#event:selected
+        * @returns {undefined}
+        */
+        toSelectMode: function toSelectMode(elem) {
+          var selPath = elem === path.elem;
+          editorContext_.setCurrentMode('select');
+          path.show(false);
+          currentPath = false;
+          editorContext_.clearSelection();
+
+          if (path.matrix) {
+            // Rotated, so may need to re-calculate the center
+            recalcRotatedPath();
+          }
+
+          if (selPath) {
+            editorContext_.call('selected', [elem]);
+            editorContext_.addToSelection([elem], true);
+          }
+        },
+
+        /**
+        * @param {boolean} on
+        * @returns {undefined}
+        */
+        addSubPath: function addSubPath(on) {
+          if (on) {
+            // Internally we go into "path" mode, but in the UI it will
+            // still appear as if in "pathedit" mode.
+            editorContext_.setCurrentMode('path');
+            subpath = true;
+          } else {
+            pathActions.clear(true);
+            pathActions.toEditMode(path.elem);
+          }
+        },
+
+        /**
+        * @param {Element} target
+        * @returns {undefined}
+        */
+        select: function select(target) {
+          if (currentPath === target) {
+            pathActions.toEditMode(target);
+            editorContext_.setCurrentMode('pathedit');
+            // going into pathedit mode
+          } else {
+            currentPath = target;
+          }
+        },
+
+        /**
+        * @fires module:svgcanvas.SvgCanvas#event:changed
+        * @returns {undefined}
+        */
+        reorient: function reorient() {
+          var elem = editorContext_.getSelectedElements()[0];
+          if (!elem) {
+            return;
+          }
+          var angle = getRotationAngle(elem);
+          if (angle === 0) {
+            return;
+          }
+
+          var batchCmd = new BatchCommand('Reorient path');
+          var changes = {
+            d: elem.getAttribute('d'),
+            transform: elem.getAttribute('transform')
+          };
+          batchCmd.addSubCommand(new ChangeElementCommand(elem, changes));
+          editorContext_.clearSelection();
+          this.resetOrientation(elem);
+
+          editorContext_.addCommandToHistory(batchCmd);
+
+          // Set matrix to null
+          getPath_(elem).show(false).matrix = null;
+
+          this.clear();
+
+          editorContext_.addToSelection([elem], true);
+          editorContext_.call('changed', editorContext_.getSelectedElements());
+        },
+
+
+        /**
+        * @param {boolean} remove Not in use
+        * @returns {undefined}
+        */
+        clear: function clear(remove) {
+          var drawnPath = editorContext_.getDrawnPath();
+          currentPath = null;
+          if (drawnPath) {
+            var elem = getElem(editorContext_.getId());
+            $$1(getElem('path_stretch_line')).remove();
+            $$1(elem).remove();
+            $$1(getElem('pathpointgrip_container')).find('*').attr('display', 'none');
+            firstCtrl = null;
+            editorContext_.setDrawnPath(null);
+            editorContext_.setStarted(false);
+          } else if (editorContext_.getCurrentMode() === 'pathedit') {
+            this.toSelectMode();
+          }
+          if (path) {
+            path.init().show(false);
+          }
+        },
+
+        /**
+        * @param {?(Element|SVGPathElement)} pth
+        * @returns {false|undefined}
+        */
+        resetOrientation: function resetOrientation(pth) {
+          if (pth == null || pth.nodeName !== 'path') {
+            return false;
+          }
+          var tlist = getTransformList(pth);
+          var m = transformListToTransform(tlist).matrix;
+          tlist.clear();
+          pth.removeAttribute('transform');
+          var segList = pth.pathSegList;
+
+          // Opera/win/non-EN throws an error here.
+          // TODO: Find out why!
+          // Presumed fixed in Opera 10.5, so commented out for now
+
+          // try {
+          var len = segList.numberOfItems;
+          // } catch(err) {
+          //   const fixed_d = pathActions.convertPath(pth);
+          //   pth.setAttribute('d', fixed_d);
+          //   segList = pth.pathSegList;
+          //   const len = segList.numberOfItems;
+          // }
+          // let lastX, lastY;
+
+          var _loop = function _loop(i) {
+            var seg = segList.getItem(i);
+            var type = seg.pathSegType;
+            if (type === 1) {
+              return 'continue';
+            }
+            var pts = [];
+            $$1.each(['', 1, 2], function (j, n) {
+              var x = seg['x' + n],
+                  y = seg['y' + n];
+              if (x !== undefined && y !== undefined) {
+                var pt = transformPoint(x, y, m);
+                pts.splice(pts.length, 0, pt.x, pt.y);
+              }
+            });
+            replacePathSeg(type, i, pts, pth);
+          };
+
+          for (var i = 0; i < len; ++i) {
+            var _ret = _loop(i);
+
+            if (_ret === 'continue') continue;
+          }
+
+          reorientGrads(pth, m);
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        zoomChange: function zoomChange() {
+          if (editorContext_.getCurrentMode() === 'pathedit') {
+            path.update();
+          }
+        },
+
+        /**
+        * @typedef {PlainObject} module:path.NodePoint
+        * @property {Float} x
+        * @property {Float} y
+        * @property {Integer} type
+        */
+        /**
+        * @returns {module:path.NodePoint}
+        */
+        getNodePoint: function getNodePoint() {
+          var selPt = path.selected_pts.length ? path.selected_pts[0] : 1;
+
+          var seg = path.segs[selPt];
+          return {
+            x: seg.item.x,
+            y: seg.item.y,
+            type: seg.type
+          };
+        },
+
+        /**
+        * @param {boolean} linkPoints
+        * @returns {undefined}
+        */
+        linkControlPoints: function linkControlPoints(linkPoints) {
+          setLinkControlPoints(linkPoints);
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        clonePathNode: function clonePathNode() {
+          path.storeD();
+
+          var selPts = path.selected_pts;
+          // const {segs} = path;
+
+          var i = selPts.length;
+          var nums = [];
+
+          while (i--) {
+            var pt = selPts[i];
+            path.addSeg(pt);
+
+            nums.push(pt + i);
+            nums.push(pt + i + 1);
+          }
+          path.init().addPtsToSelection(nums);
+
+          path.endChanges('Clone path node(s)');
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        opencloseSubPath: function opencloseSubPath() {
+          var selPts = path.selected_pts;
+          // Only allow one selected node for now
+          if (selPts.length !== 1) {
+            return;
+          }
+
+          var _path = path,
+              elem = _path.elem;
+
+          var list = elem.pathSegList;
+
+          // const len = list.numberOfItems;
+
+          var index = selPts[0];
+
+          var openPt = null;
+          var startItem = null;
+
+          // Check if subpath is already open
+          path.eachSeg(function (i) {
+            if (this.type === 2 && i <= index) {
+              startItem = this.item;
+            }
+            if (i <= index) {
+              return true;
+            }
+            if (this.type === 2) {
+              // Found M first, so open
+              openPt = i;
+              return false;
+            }
+            if (this.type === 1) {
+              // Found Z first, so closed
+              openPt = false;
+              return false;
+            }
+          });
+
+          if (openPt == null) {
+            // Single path, so close last seg
+            openPt = path.segs.length - 1;
+          }
+
+          if (openPt !== false) {
+            // Close this path
+
+            // Create a line going to the previous "M"
+            var newseg = elem.createSVGPathSegLinetoAbs(startItem.x, startItem.y);
+
+            var closer = elem.createSVGPathSegClosePath();
+            if (openPt === path.segs.length - 1) {
+              list.appendItem(newseg);
+              list.appendItem(closer);
+            } else {
+              insertItemBefore(elem, closer, openPt);
+              insertItemBefore(elem, newseg, openPt);
+            }
+
+            path.init().selectPt(openPt + 1);
+            return;
+          }
+
+          // M 1,1 L 2,2 L 3,3 L 1,1 z // open at 2,2
+          // M 2,2 L 3,3 L 1,1
+
+          // M 1,1 L 2,2 L 1,1 z M 4,4 L 5,5 L6,6 L 5,5 z
+          // M 1,1 L 2,2 L 1,1 z [M 4,4] L 5,5 L(M)6,6 L 5,5 z
+
+          var seg = path.segs[index];
+
+          if (seg.mate) {
+            list.removeItem(index); // Removes last "L"
+            list.removeItem(index); // Removes the "Z"
+            path.init().selectPt(index - 1);
+            return;
+          }
+
+          var lastM = void 0,
+              zSeg = void 0;
+
+          // Find this sub-path's closing point and remove
+          for (var i = 0; i < list.numberOfItems; i++) {
+            var item = list.getItem(i);
+
+            if (item.pathSegType === 2) {
+              // Find the preceding M
+              lastM = i;
+            } else if (i === index) {
+              // Remove it
+              list.removeItem(lastM);
+              // index--;
+            } else if (item.pathSegType === 1 && index < i) {
+              // Remove the closing seg of this subpath
+              zSeg = i - 1;
+              list.removeItem(i);
+              break;
+            }
+          }
+
+          var num = index - lastM - 1;
+
+          while (num--) {
+            insertItemBefore(elem, list.getItem(lastM), zSeg);
+          }
+
+          var pt = list.getItem(lastM);
+
+          // Make this point the new "M"
+          replacePathSeg(2, lastM, [pt.x, pt.y]);
+
+          // i = index; // i is local here, so has no effect; what was the intent for this?
+
+          path.init().selectPt(0);
+        },
+
+        /**
+        * @returns {undefined}
+        */
+        deletePathNode: function deletePathNode() {
+          if (!pathActions.canDeleteNodes) {
+            return;
+          }
+          path.storeD();
+
+          var selPts = path.selected_pts;
+
+          var i = selPts.length;
+          while (i--) {
+            var pt = selPts[i];
+            path.deleteSeg(pt);
+          }
+
+          // Cleanup
+          var cleanup = function cleanup() {
+            var segList = path.elem.pathSegList;
+            var len = segList.numberOfItems;
+
+            var remItems = function remItems(pos, count) {
+              while (count--) {
+                segList.removeItem(pos);
+              }
+            };
+
+            if (len <= 1) {
+              return true;
+            }
+
+            while (len--) {
+              var item = segList.getItem(len);
+              if (item.pathSegType === 1) {
+                var prev = segList.getItem(len - 1);
+                var nprev = segList.getItem(len - 2);
+                if (prev.pathSegType === 2) {
+                  remItems(len - 1, 2);
+                  cleanup();
+                  break;
+                } else if (nprev.pathSegType === 2) {
+                  remItems(len - 2, 3);
+                  cleanup();
+                  break;
+                }
+              } else if (item.pathSegType === 2) {
+                if (len > 0) {
+                  var prevType = segList.getItem(len - 1).pathSegType;
+                  // Path has M M
+                  if (prevType === 2) {
+                    remItems(len - 1, 1);
+                    cleanup();
+                    break;
+                    // Entire path ends with Z M
+                  } else if (prevType === 1 && segList.numberOfItems - 1 === len) {
+                    remItems(len, 1);
+                    cleanup();
+                    break;
+                  }
+                }
+              }
+            }
+            return false;
+          };
+
+          cleanup();
+
+          // Completely delete a path with 1 or 0 segments
+          if (path.elem.pathSegList.numberOfItems <= 1) {
+            pathActions.toSelectMode(path.elem);
+            editorContext_.canvas.deleteSelectedElements();
+            return;
+          }
+
+          path.init();
+          path.clearSelection();
+
+          // TODO: Find right way to select point now
+          // path.selectPt(selPt);
+          if (window.opera) {
+            // Opera repaints incorrectly
+            var cp = $$1(path.elem);
+            cp.attr('d', cp.attr('d'));
+          }
+          path.endChanges('Delete path node(s)');
+        },
+
+        // Can't seem to use `@borrows` here, so using `@see`
+        /**
+        * Smooth polyline into path
+        * @function module:path.pathActions.smoothPolylineIntoPath
+        * @see module:path~smoothPolylineIntoPath
+        */
+        smoothPolylineIntoPath: smoothPolylineIntoPath,
+        /**
+        * @returns {undefined}
+        */
+        setSegType: function setSegType(v) {
+          path.setSegType(v);
+        },
+
+        /**
+        * @param {string} attr
+        * @param {Float} newValue
+        * @returns {undefined}
+        */
+        moveNode: function moveNode(attr, newValue) {
+          var selPts = path.selected_pts;
+          if (!selPts.length) {
+            return;
+          }
+
+          path.storeD();
+
+          // Get first selected point
+          var seg = path.segs[selPts[0]];
+          var diff = { x: 0, y: 0 };
+          diff[attr] = newValue - seg.item[attr];
+
+          seg.move(diff.x, diff.y);
+          path.endChanges('Move path point');
+        },
+
+        /**
+        * @param {Element} elem
+        * @returns {undefined}
+        */
+        fixEnd: function fixEnd(elem) {
+          // Adds an extra segment if the last seg before a Z doesn't end
+          // at its M point
+          // M0,0 L0,100 L100,100 z
+          var segList = elem.pathSegList;
+          var len = segList.numberOfItems;
+          var lastM = void 0;
+          for (var i = 0; i < len; ++i) {
+            var item = segList.getItem(i);
+            if (item.pathSegType === 2) {
+              lastM = item;
+            }
+
+            if (item.pathSegType === 1) {
+              var prev = segList.getItem(i - 1);
+              if (prev.x !== lastM.x || prev.y !== lastM.y) {
+                // Add an L segment here
+                var newseg = elem.createSVGPathSegLinetoAbs(lastM.x, lastM.y);
+                insertItemBefore(elem, newseg, i);
+                // Can this be done better?
+                pathActions.fixEnd(elem);
+                break;
+              }
+            }
+          }
+          if (isWebkit()) {
+            editorContext_.resetD(elem);
+          }
+        },
+
+        // Can't seem to use `@borrows` here, so using `@see`
+        /**
+        * Convert a path to one with only absolute or relative values
+        * @function module:path.pathActions.convertPath
+        * @see module:path.convertPath
+        */
+        convertPath: convertPath
+      }
+    );
+  }();
+
+  /* globals jQuery */
+
+  // Constants
+  var $$2 = jqPluginSVG(jQuery);
+
+  // String used to encode base64.
+  var KEYSTR = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+
+  // Much faster than running getBBox() every time
+  var visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';
+  var visElemsArr = visElems.split(',');
+  // const hidElems = 'clipPath,defs,desc,feGaussianBlur,filter,linearGradient,marker,mask,metadata,pattern,radialGradient,stop,switch,symbol,title,textPath';
+
+  var editorContext_$1 = null;
+  var domdoc_ = null;
+  var domcontainer_ = null;
+  var svgroot_ = null;
+
+  /**
+  * Object with the following keys/values
+  * @typedef {PlainObject} module:utilities.SVGElementJSON
+  * @property {string} element - Tag name of the SVG element to create
+  * @property {PlainObject.<string, string>} attr - Has key-value attributes to assign to the new element
+  * @property {boolean} [curStyles=false] - Indicates whether current style attributes should be applied first
+  * @property {module:utilities.SVGElementJSON[]} [children] - Data objects to be added recursively as children
+  * @property {string} [namespace="http://www.w3.org/2000/svg"] - Indicate a (non-SVG) namespace
+  */
+
+  /**
+   * An object that creates SVG elements for the canvas.
+   *
+   * @interface module:utilities.EditorContext
+   * @property {module:path.pathActions} pathActions
+   */
+  /**
+   * @function module:utilities.EditorContext#getSVGContent
+   * @returns {SVGSVGElement}
+   */
+  /**
+   * Create a new SVG element based on the given object keys/values and add it
+   * to the current layer.
+   * The element will be run through `cleanupElement` before being returned
+   * @function module:utilities.EditorContext#addSVGElementFromJson
+   * @param {module:utilities.SVGElementJSON} data
+   * @returns {Element} The new element
+  */
+  /**
+   * @function module:utilities.EditorContext#getSelectedElements
+   * @returns {Element[]} the array with selected DOM elements
+  */
+  /**
+   * @function module:utilities.EditorContext#getDOMDocument
+   * @returns {HTMLDocument}
+  */
+  /**
+   * @function module:utilities.EditorContext#getDOMContainer
+   * @returns {HTMLElement}
+  */
+  /**
+   * @function module:utilities.EditorContext#getSVGRoot
+   * @returns {SVGSVGElement}
+  */
+  /**
+   * @function module:utilities.EditorContext#getBaseUnit
+   * @returns {string}
+  */
+  /**
+   * @function module:utilities.EditorContext#getSnappingStep
+   * @returns {Float|string}
+  */
+
+  /**
+  * @function module:utilities.init
+  * @param {module:utilities.EditorContext} editorContext
+  * @returns {undefined}
+  */
+  var init$2 = function init$$1(editorContext) {
+    editorContext_$1 = editorContext;
+    domdoc_ = editorContext.getDOMDocument();
+    domcontainer_ = editorContext.getDOMContainer();
+    svgroot_ = editorContext.getSVGRoot();
+  };
+
+  /**
+  * Converts characters in a string to XML-friendly entities.
+  * @function module:utilities.toXml
+  * @example `&` becomes `&amp;`
+  * @param {string} str - The string to be converted
+  * @returns {string} The converted string
+  */
+  var toXml = function toXml(str) {
+    // &apos; is ok in XML, but not HTML
+    // &gt; does not normally need escaping, though it can if within a CDATA expression (and preceded by "]]")
+    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/, '&#x27;');
+  };
+
+  // This code was written by Tyler Akins and has been placed in the
+  // public domain.  It would be nice if you left this header intact.
+  // Base64 code from Tyler Akins -- http://rumkin.com
+
+  // schiller: Removed string concatenation in favour of Array.join() optimization,
+  //        also precalculate the size of the array needed.
+
+  /**
+  * Converts a string to base64
+  * @function module:utilities.encode64
+  * @param {string} input
+  * @returns {string} Base64 output
+  */
+  var encode64 = function encode64(input) {
+    // base64 strings are 4/3 larger than the original string
+    input = encodeUTF8(input); // convert non-ASCII characters
+    // input = convertToXMLReferences(input);
+    if (window.btoa) {
+      return window.btoa(input); // Use native if available
+    }
+    var output = [];
+    output.length = Math.floor((input.length + 2) / 3) * 4;
+
+    var i = 0,
+        p = 0;
+    do {
+      var chr1 = input.charCodeAt(i++);
+      var chr2 = input.charCodeAt(i++);
+      var chr3 = input.charCodeAt(i++);
+
+      var enc1 = chr1 >> 2;
+      var enc2 = (chr1 & 3) << 4 | chr2 >> 4;
+
+      var enc3 = (chr2 & 15) << 2 | chr3 >> 6;
+      var enc4 = chr3 & 63;
+
+      if (isNaN(chr2)) {
+        enc3 = enc4 = 64;
+      } else if (isNaN(chr3)) {
+        enc4 = 64;
+      }
+
+      output[p++] = KEYSTR.charAt(enc1);
+      output[p++] = KEYSTR.charAt(enc2);
+      output[p++] = KEYSTR.charAt(enc3);
+      output[p++] = KEYSTR.charAt(enc4);
+    } while (i < input.length);
+
+    return output.join('');
+  };
+
+  /**
+  * Converts a string from base64
+  * @function module:utilities.decode64
+  * @param {string} input Base64-encoded input
+  * @returns {string} Decoded output
+  */
+  var decode64 = function decode64(input) {
+    if (window.atob) {
+      return decodeUTF8(window.atob(input));
+    }
+
+    // remove all characters that are not A-Z, a-z, 0-9, +, /, or =
+    input = input.replace(/[^A-Za-z0-9+/=]/g, '');
+
+    var output = '';
+    var i = 0;
+
+    do {
+      var enc1 = KEYSTR.indexOf(input.charAt(i++));
+      var enc2 = KEYSTR.indexOf(input.charAt(i++));
+      var enc3 = KEYSTR.indexOf(input.charAt(i++));
+      var enc4 = KEYSTR.indexOf(input.charAt(i++));
+
+      var chr1 = enc1 << 2 | enc2 >> 4;
+      var chr2 = (enc2 & 15) << 4 | enc3 >> 2;
+      var chr3 = (enc3 & 3) << 6 | enc4;
+
+      output += String.fromCharCode(chr1);
+
+      if (enc3 !== 64) {
+        output = output + String.fromCharCode(chr2);
+      }
+      if (enc4 !== 64) {
+        output = output + String.fromCharCode(chr3);
+      }
+    } while (i < input.length);
+    return decodeUTF8(output);
+  };
+
+  /**
+  * @function module:utilities.decodeUTF8
+  * @param {string} argString
+  * @returns {string}
+  */
+  var decodeUTF8 = function decodeUTF8(argString) {
+    return decodeURIComponent(escape(argString));
+  };
+
+  // codedread:does not seem to work with webkit-based browsers on OSX // Brettz9: please test again as function upgraded
+  /**
+  * @function module:utilities.encodeUTF8
+  * @param {string} argString
+  * @returns {string}
+  */
+  var encodeUTF8 = function encodeUTF8(argString) {
+    return unescape(encodeURIComponent(argString));
+  };
+
+  /**
+   * convert dataURL to object URL
+   * @function module:utilities.dataURLToObjectURL
+   * @param {string} dataurl
+   * @returns {string} object URL or empty string
+   */
+  var dataURLToObjectURL = function dataURLToObjectURL(dataurl) {
+    if (typeof Uint8Array === 'undefined' || typeof Blob === 'undefined' || typeof URL === 'undefined' || !URL.createObjectURL) {
+      return '';
+    }
+    var arr = dataurl.split(','),
+        mime = arr[0].match(/:(.*?);/)[1],
+        bstr = atob(arr[1]);
+    var n = bstr.length;
+    var u8arr = new Uint8Array(n);
+    while (n--) {
+      u8arr[n] = bstr.charCodeAt(n);
+    }
+    var blob = new Blob([u8arr], { type: mime });
+    return URL.createObjectURL(blob);
+  };
+
+  /**
+   * get object URL for a blob object
+   * @function module:utilities.createObjectURL
+   * @param {Blob} blob A Blob object or File object
+   * @returns {string} object URL or empty string
+   */
+  var createObjectURL = function createObjectURL(blob) {
+    if (!blob || typeof URL === 'undefined' || !URL.createObjectURL) {
+      return '';
+    }
+    return URL.createObjectURL(blob);
+  };
+
+  /**
+   * @property {string} blankPageObjectURL
+   */
+  var blankPageObjectURL = function () {
+    if (typeof Blob === 'undefined') {
+      return '';
+    }
+    var blob = new Blob(['<html><head><title>SVG-edit</title></head><body>&nbsp;</body></html>'], { type: 'text/html' });
+    return createObjectURL(blob);
+  }();
+
+  /**
+  * Cross-browser compatible method of converting a string to an XML tree
+  * found this function [here]{@link http://groups.google.com/group/jquery-dev/browse_thread/thread/c6d11387c580a77f}
+  * @function module:utilities.text2xml
+  * @param {string} sXML
+  * @throws {Error}
+  * @returns {XMLDocument}
+  */
+  var text2xml = function text2xml(sXML) {
+    if (sXML.includes('<svg:svg')) {
+      sXML = sXML.replace(/<(\/?)svg:/g, '<$1').replace('xmlns:svg', 'xmlns');
+    }
+
+    var out = void 0,
+        dXML = void 0;
+    try {
+      dXML = window.DOMParser ? new DOMParser() : new window.ActiveXObject('Microsoft.XMLDOM');
+      dXML.async = false;
+    } catch (e) {
+      throw new Error('XML Parser could not be instantiated');
+    }
+    try {
+      if (dXML.loadXML) {
+        out = dXML.loadXML(sXML) ? dXML : false;
+      } else {
+        out = dXML.parseFromString(sXML, 'text/xml');
+      }
+    } catch (e2) {
+      throw new Error('Error parsing XML string');
+    }
+    return out;
+  };
+
+  /**
+  * @typedef {PlainObject} module:utilities.BBoxObject (like `DOMRect`)
+  * @property {Float} x
+  * @property {Float} y
+  * @property {Float} width
+  * @property {Float} height
+  */
+
+  /**
+  * Converts a `SVGRect` into an object.
+  * @function module:utilities.bboxToObj
+  * @param {SVGRect} bbox - a SVGRect
+  * @returns {module:utilities.BBoxObject} An object with properties names x, y, width, height.
+  */
+  var bboxToObj = function bboxToObj(_ref) {
+    var x = _ref.x,
+        y = _ref.y,
+        width = _ref.width,
+        height = _ref.height;
+
+    return { x: x, y: y, width: width, height: height };
+  };
+
+  /**
+  * @callback module:utilities.TreeWalker
+  * @param {Element} elem - DOM element being traversed
+  * @returns {undefined}
+  */
+
+  /**
+  * Walks the tree and executes the callback on each element in a top-down fashion
+  * @function module:utilities.walkTree
+  * @param {Element} elem - DOM element to traverse
+  * @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element
+  * @returns {undefined}
+  */
+  var walkTree = function walkTree(elem, cbFn) {
+    if (elem && elem.nodeType === 1) {
+      cbFn(elem);
+      var i = elem.childNodes.length;
+      while (i--) {
+        walkTree(elem.childNodes.item(i), cbFn);
+      }
+    }
+  };
+
+  /**
+  * Walks the tree and executes the callback on each element in a depth-first fashion
+  * @function module:utilities.walkTreePost
+  * @todo FIXME: Shouldn't this be calling walkTreePost?
+  * @param {Element} elem - DOM element to traverse
+  * @param {module:utilities.TreeWalker} cbFn - Callback function to run on each element
+  * @returns {undefined}
+  */
+  var walkTreePost = function walkTreePost(elem, cbFn) {
+    if (elem && elem.nodeType === 1) {
+      var i = elem.childNodes.length;
+      while (i--) {
+        walkTree(elem.childNodes.item(i), cbFn);
+      }
+      cbFn(elem);
+    }
+  };
+
+  /**
+  * Extracts the URL from the `url(...)` syntax of some attributes.
+  * Three variants:
+  *  - `<circle fill="url(someFile.svg#foo)" />`
+  *  - `<circle fill="url('someFile.svg#foo')" />`
+  *  - `<circle fill='url("someFile.svg#foo")' />`
+  * @function module:utilities.getUrlFromAttr
+  * @param {string} attrVal The attribute value as a string
+  * @returns {string} String with just the URL, like "someFile.svg#foo"
+  */
+  var getUrlFromAttr = function getUrlFromAttr(attrVal) {
+    if (attrVal) {
+      // url('#somegrad')
+      if (attrVal.startsWith('url("')) {
+        return attrVal.substring(5, attrVal.indexOf('"', 6));
+      }
+      // url('#somegrad')
+      if (attrVal.startsWith("url('")) {
+        return attrVal.substring(5, attrVal.indexOf("'", 6));
+      }
+      if (attrVal.startsWith('url(')) {
+        return attrVal.substring(4, attrVal.indexOf(')'));
+      }
+    }
+    return null;
+  };
+
+  /**
+  * @function module:utilities.getHref
+  * @param {Element} elem
+  * @returns {string} The given element's `xlink:href` value
+  */
+  var getHref = function getHref(elem) {
+    return elem.getAttributeNS(NS.XLINK, 'href');
+  };
+
+  /**
+  * Sets the given element's `xlink:href` value
+  * @function module:utilities.setHref
+  * @param {Element} elem
+  * @param {string} val
+  * @returns {undefined}
+  */
+  var setHref = function setHref(elem, val) {
+    elem.setAttributeNS(NS.XLINK, 'xlink:href', val);
+  };
+
+  /**
+  * @function module:utilities.findDefs
+  * @returns {SVGDefsElement} The document's `<defs>` element, creating it first if necessary
+  */
+  var findDefs = function findDefs() {
+    var svgElement = editorContext_$1.getSVGContent();
+    var defs = svgElement.getElementsByTagNameNS(NS.SVG, 'defs');
+    if (defs.length > 0) {
+      defs = defs[0];
+    } else {
+      defs = svgElement.ownerDocument.createElementNS(NS.SVG, 'defs');
+      if (svgElement.firstChild) {
+        // first child is a comment, so call nextSibling
+        svgElement.insertBefore(defs, svgElement.firstChild.nextSibling);
+        // svgElement.firstChild.nextSibling.before(defs); // Not safe
+      } else {
+        svgElement.append(defs);
+      }
+    }
+    return defs;
+  };
+
+  // TODO(codedread): Consider moving the next to functions to bbox.js
+
+  /**
+  * Get correct BBox for a path in Webkit.
+  * Converted from code found [here]{@link http://blog.hackers-cafe.net/2009/06/how-to-calculate-bezier-curves-bounding.html}
+  * @function module:utilities.getPathBBox
+  * @param {SVGPathElement} path - The path DOM element to get the BBox for
+  * @returns {module:utilities.BBoxObject} A BBox-like object
+  */
+  var getPathBBox = function getPathBBox(path$$1) {
+    var seglist = path$$1.pathSegList;
+    var tot = seglist.numberOfItems;
+
+    var bounds = [[], []];
+    var start = seglist.getItem(0);
+    var P0 = [start.x, start.y];
+
+    for (var i = 0; i < tot; i++) {
+      var seg = seglist.getItem(i);
+
+      if (seg.x === undefined) {
+        continue;
+      }
+
+      // Add actual points to limits
+      bounds[0].push(P0[0]);
+      bounds[1].push(P0[1]);
+
+      if (seg.x1) {
+        (function () {
+          var P1 = [seg.x1, seg.y1],
+              P2 = [seg.x2, seg.y2],
+              P3 = [seg.x, seg.y];
+
+          var _loop = function _loop(j) {
+            var calc = function calc(t) {
+              return Math.pow(1 - t, 3) * P0[j] + 3 * Math.pow(1 - t, 2) * t * P1[j] + 3 * (1 - t) * Math.pow(t, 2) * P2[j] + Math.pow(t, 3) * P3[j];
+            };
+
+            var b = 6 * P0[j] - 12 * P1[j] + 6 * P2[j];
+            var a = -3 * P0[j] + 9 * P1[j] - 9 * P2[j] + 3 * P3[j];
+            var c = 3 * P1[j] - 3 * P0[j];
+
+            if (a === 0) {
+              if (b === 0) {
+                return 'continue';
+              }
+              var t = -c / b;
+              if (t > 0 && t < 1) {
+                bounds[j].push(calc(t));
+              }
+              return 'continue';
+            }
+            var b2ac = Math.pow(b, 2) - 4 * c * a;
+            if (b2ac < 0) {
+              return 'continue';
+            }
+            var t1 = (-b + Math.sqrt(b2ac)) / (2 * a);
+            if (t1 > 0 && t1 < 1) {
+              bounds[j].push(calc(t1));
+            }
+            var t2 = (-b - Math.sqrt(b2ac)) / (2 * a);
+            if (t2 > 0 && t2 < 1) {
+              bounds[j].push(calc(t2));
+            }
+          };
+
+          for (var j = 0; j < 2; j++) {
+            var _ret2 = _loop(j);
+
+            if (_ret2 === 'continue') continue;
+          }
+          P0 = P3;
+        })();
+      } else {
+        bounds[0].push(seg.x);
+        bounds[1].push(seg.y);
+      }
+    }
+
+    var x = Math.min.apply(null, bounds[0]);
+    var w = Math.max.apply(null, bounds[0]) - x;
+    var y = Math.min.apply(null, bounds[1]);
+    var h = Math.max.apply(null, bounds[1]) - y;
+    return {
+      x: x,
+      y: y,
+      width: w,
+      height: h
+    };
+  };
+
+  /**
+  * Get the given/selected element's bounding box object, checking for
+  * horizontal/vertical lines (see issue 717)
+  * Note that performance is currently terrible, so some way to improve would
+  * be great.
+  * @param {Element} selected - Container or `<use>` DOM element
+  * @returns {DOMRect} Bounding box object
+  */
+  function groupBBFix(selected) {
+    if (supportsHVLineContainerBBox()) {
+      try {
+        return selected.getBBox();
+      } catch (e) {}
+    }
+    var ref = $$2.data(selected, 'ref');
+    var matched = null;
+    var ret = void 0,
+        copy = void 0;
+
+    if (ref) {
+      copy = $$2(ref).children().clone().attr('visibility', 'hidden');
+      $$2(svgroot_).append(copy);
+      matched = copy.filter('line, path');
+    } else {
+      matched = $$2(selected).find('line, path');
+    }
+
+    var issue = false;
+    if (matched.length) {
+      matched.each(function () {
+        var bb = this.getBBox();
+        if (!bb.width || !bb.height) {
+          issue = true;
+        }
+      });
+      if (issue) {
+        var elems = ref ? copy : $$2(selected).children();
+        ret = getStrokedBBox(elems);
+      } else {
+        ret = selected.getBBox();
+      }
+    } else {
+      ret = selected.getBBox();
+    }
+    if (ref) {
+      copy.remove();
+    }
+    return ret;
+  }
+
+  /**
+  * Get the given/selected element's bounding box object, convert it to be more
+  * usable when necessary
+  * @function module:utilities.getBBox
+  * @param {Element} elem - Optional DOM element to get the BBox for
+  * @returns {module:utilities.BBoxObject} Bounding box object
+  */
+  var getBBox = function getBBox(elem) {
+    var selected = elem || editorContext_$1.geSelectedElements()[0];
+    if (elem.nodeType !== 1) {
+      return null;
+    }
+    var elname = selected.nodeName;
+
+    var ret = null;
+    switch (elname) {
+      case 'text':
+        if (selected.textContent === '') {
+          selected.textContent = 'a'; // Some character needed for the selector to use.
+          ret = selected.getBBox();
+          selected.textContent = '';
+        } else {
+          if (selected.getBBox) {
+            ret = selected.getBBox();
+          }
+        }
+        break;
+      case 'path':
+        if (!supportsPathBBox()) {
+          ret = getPathBBox(selected);
+        } else {
+          if (selected.getBBox) {
+            ret = selected.getBBox();
+          }
+        }
+        break;
+      case 'g':
+      case 'a':
+        ret = groupBBFix(selected);
+        break;
+      default:
+
+        if (elname === 'use') {
+          ret = groupBBFix(selected, true);
+        }
+        if (elname === 'use' || elname === 'foreignObject' && isWebkit()) {
+          if (!ret) {
+            ret = selected.getBBox();
+          }
+          // This is resolved in later versions of webkit, perhaps we should
+          // have a featured detection for correct 'use' behavior?
+          // ——————————
+          if (!isWebkit()) {
+            var bb = {};
+            bb.width = ret.width;
+            bb.height = ret.height;
+            bb.x = ret.x + parseFloat(selected.getAttribute('x') || 0);
+            bb.y = ret.y + parseFloat(selected.getAttribute('y') || 0);
+            ret = bb;
+          }
+        } else if (visElemsArr.includes(elname)) {
+          if (selected) {
+            try {
+              ret = selected.getBBox();
+            } catch (err) {
+              // tspan (and textPath apparently) have no `getBBox` in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=937268
+              // Re: Chrome returning bbox for containing text element, see: https://bugs.chromium.org/p/chromium/issues/detail?id=349835
+              var extent = selected.getExtentOfChar(0); // pos+dimensions of the first glyph
+              var width = selected.getComputedTextLength(); // width of the tspan
+              ret = {
+                x: extent.x,
+                y: extent.y,
+                width: width,
+                height: extent.height
+              };
+            }
+          } else {
+            // Check if element is child of a foreignObject
+            var fo = $$2(selected).closest('foreignObject');
+            if (fo.length) {
+              if (fo[0].getBBox) {
+                ret = fo[0].getBBox();
+              }
+            }
+          }
+        }
+    }
+    if (ret) {
+      ret = bboxToObj(ret);
+    }
+
+    // get the bounding box from the DOM (which is in that element's coordinate system)
+    return ret;
+  };
+
+  /**
+  * @typedef {GenericArray} module:utilities.PathSegmentArray
+  * @property {Integer} length 2
+  * @property {"M"|"L"|"C"|"Z"} 0
+  * @property {Float[]} 1
+  */
+
+  /**
+  * Create a path 'd' attribute from path segments.
+  * Each segment is an array of the form: `[singleChar, [x,y, x,y, ...]]`
+  * @function module:utilities.getPathDFromSegments
+  * @param {module:utilities.PathSegmentArray[]} pathSegments - An array of path segments to be converted
+  * @returns {string} The converted path d attribute.
+  */
+  var getPathDFromSegments = function getPathDFromSegments(pathSegments) {
+    var d = '';
+
+    $$2.each(pathSegments, function (j, _ref2) {
+      var _ref3 = slicedToArray(_ref2, 2),
+          singleChar = _ref3[0],
+          pts = _ref3[1];
+
+      d += singleChar;
+      for (var i = 0; i < pts.length; i += 2) {
+        d += pts[i] + ',' + pts[i + 1] + ' ';
+      }
+    });
+
+    return d;
+  };
+
+  /**
+  * Make a path 'd' attribute from a simple SVG element shape.
+  * @function module:utilities.getPathDFromElement
+  * @param {Element} elem - The element to be converted
+  * @returns {string} The path d attribute or `undefined` if the element type is unknown.
+  */
+  var getPathDFromElement = function getPathDFromElement(elem) {
+    // Possibly the cubed root of 6, but 1.81 works best
+    var num = 1.81;
+    var d = void 0,
+        a = void 0,
+        rx = void 0,
+        ry = void 0;
+    switch (elem.tagName) {
+      case 'ellipse':
+      case 'circle':
+        a = $$2(elem).attr(['rx', 'ry', 'cx', 'cy']);
+        var _a = a,
+            cx = _a.cx,
+            cy = _a.cy;
+        var _a2 = a;
+        rx = _a2.rx;
+        ry = _a2.ry;
+
+        if (elem.tagName === 'circle') {
+          rx = ry = $$2(elem).attr('r');
+        }
+
+        d = getPathDFromSegments([['M', [cx - rx, cy]], ['C', [cx - rx, cy - ry / num, cx - rx / num, cy - ry, cx, cy - ry]], ['C', [cx + rx / num, cy - ry, cx + rx, cy - ry / num, cx + rx, cy]], ['C', [cx + rx, cy + ry / num, cx + rx / num, cy + ry, cx, cy + ry]], ['C', [cx - rx / num, cy + ry, cx - rx, cy + ry / num, cx - rx, cy]], ['Z', []]]);
+        break;
+      case 'path':
+        d = elem.getAttribute('d');
+        break;
+      case 'line':
+        a = $$2(elem).attr(['x1', 'y1', 'x2', 'y2']);
+        d = 'M' + a.x1 + ',' + a.y1 + 'L' + a.x2 + ',' + a.y2;
+        break;
+      case 'polyline':
+        d = 'M' + elem.getAttribute('points');
+        break;
+      case 'polygon':
+        d = 'M' + elem.getAttribute('points') + ' Z';
+        break;
+      case 'rect':
+        var r = $$2(elem).attr(['rx', 'ry']);
+        rx = r.rx;
+        ry = r.ry;
+
+        var _b = elem.getBBox();
+        var x = _b.x,
+            y = _b.y,
+            w = _b.width,
+            h = _b.height;
+
+        num = 4 - num; // Why? Because!
+
+        if (!rx && !ry) {
+          // Regular rect
+          d = getPathDFromSegments([['M', [x, y]], ['L', [x + w, y]], ['L', [x + w, y + h]], ['L', [x, y + h]], ['L', [x, y]], ['Z', []]]);
+        } else {
+          d = getPathDFromSegments([['M', [x, y + ry]], ['C', [x, y + ry / num, x + rx / num, y, x + rx, y]], ['L', [x + w - rx, y]], ['C', [x + w - rx / num, y, x + w, y + ry / num, x + w, y + ry]], ['L', [x + w, y + h - ry]], ['C', [x + w, y + h - ry / num, x + w - rx / num, y + h, x + w - rx, y + h]], ['L', [x + rx, y + h]], ['C', [x + rx / num, y + h, x, y + h - ry / num, x, y + h - ry]], ['L', [x, y + ry]], ['Z', []]]);
+        }
+        break;
+      default:
+        break;
+    }
+
+    return d;
+  };
+
+  /**
+  * Get a set of attributes from an element that is useful for convertToPath.
+  * @function module:utilities.getExtraAttributesForConvertToPath
+  * @param {Element} elem - The element to be probed
+  * @returns {PlainObject.<"marker-start"|"marker-end"|"marker-mid"|"filter"|"clip-path", string>} An object with attributes.
+  */
+  var getExtraAttributesForConvertToPath = function getExtraAttributesForConvertToPath(elem) {
+    var attrs = {};
+    // TODO: make this list global so that we can properly maintain it
+    // TODO: what about @transform, @clip-rule, @fill-rule, etc?
+    $$2.each(['marker-start', 'marker-end', 'marker-mid', 'filter', 'clip-path'], function () {
+      var a = elem.getAttribute(this);
+      if (a) {
+        attrs[this] = a;
+      }
+    });
+    return attrs;
+  };
+
+  /**
+  * Get the BBox of an element-as-path
+  * @function module:utilities.getBBoxOfElementAsPath
+  * @param {Element} elem - The DOM element to be probed
+  * @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+  * @param {module:path.pathActions} pathActions - If a transform exists, `pathActions.resetOrientation()` is used. See: canvas.pathActions.
+  * @returns {DOMRect|false} The resulting path's bounding box object.
+  */
+  var getBBoxOfElementAsPath = function getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1) {
+    var path$$1 = addSVGElementFromJson({
+      element: 'path',
+      attr: getExtraAttributesForConvertToPath(elem)
+    });
+
+    var eltrans = elem.getAttribute('transform');
+    if (eltrans) {
+      path$$1.setAttribute('transform', eltrans);
+    }
+
+    var parent = elem.parentNode;
+    if (elem.nextSibling) {
+      elem.before(path$$1);
+    } else {
+      parent.append(path$$1);
+    }
+
+    var d = getPathDFromElement(elem);
+    if (d) {
+      path$$1.setAttribute('d', d);
+    } else {
+      path$$1.remove();
+    }
+
+    // Get the correct BBox of the new path, then discard it
+    pathActions$$1.resetOrientation(path$$1);
+    var bb = false;
+    try {
+      bb = path$$1.getBBox();
+    } catch (e) {
+      // Firefox fails
+    }
+    path$$1.remove();
+    return bb;
+  };
+
+  /**
+  * Convert selected element to a path.
+  * @function module:utilities.convertToPath
+  * @param {Element} elem - The DOM element to be converted
+  * @param {module:utilities.SVGElementJSON} attrs - Apply attributes to new path. see canvas.convertToPath
+  * @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+  * @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+  * @param {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection} clearSelection - see [canvas.clearSelection]{@link module:svgcanvas.SvgCanvas#clearSelection}
+  * @param {module:path.EditorContext#addToSelection} addToSelection - see [canvas.addToSelection]{@link module:svgcanvas.SvgCanvas#addToSelection}
+  * @param {module:history} history - see history module
+  * @param {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory} addCommandToHistory - see [canvas.addCommandToHistory]{@link module:svgcanvas~addCommandToHistory}
+  * @returns {SVGPathElement|null} The converted path element or null if the DOM element was not recognized.
+  */
+  var convertToPath = function convertToPath(elem, attrs, addSVGElementFromJson, pathActions$$1, clearSelection, addToSelection, history, addCommandToHistory) {
+    var batchCmd = new history.BatchCommand('Convert element to Path');
+
+    // Any attribute on the element not covered by the passed-in attributes
+    attrs = $$2.extend({}, attrs, getExtraAttributesForConvertToPath(elem));
+
+    var path$$1 = addSVGElementFromJson({
+      element: 'path',
+      attr: attrs
+    });
+
+    var eltrans = elem.getAttribute('transform');
+    if (eltrans) {
+      path$$1.setAttribute('transform', eltrans);
+    }
+
+    var id = elem.id;
+
+    var parent = elem.parentNode;
+    if (elem.nextSibling) {
+      elem.before(path$$1);
+    } else {
+      parent.append(path$$1);
+    }
+
+    var d = getPathDFromElement(elem);
+    if (d) {
+      path$$1.setAttribute('d', d);
+
+      // Replace the current element with the converted one
+
+      // Reorient if it has a matrix
+      if (eltrans) {
+        var tlist = getTransformList(path$$1);
+        if (hasMatrixTransform(tlist)) {
+          pathActions$$1.resetOrientation(path$$1);
+        }
+      }
+
+      var nextSibling = elem.nextSibling;
+
+      batchCmd.addSubCommand(new history.RemoveElementCommand(elem, nextSibling, parent));
+      batchCmd.addSubCommand(new history.InsertElementCommand(path$$1));
+
+      clearSelection();
+      elem.remove();
+      path$$1.setAttribute('id', id);
+      path$$1.removeAttribute('visibility');
+      addToSelection([path$$1], true);
+
+      addCommandToHistory(batchCmd);
+
+      return path$$1;
+    }
+    // the elem.tagName was not recognized, so no "d" attribute. Remove it, so we've haven't changed anything.
+    path$$1.remove();
+    return null;
+  };
+
+  /**
+  * Can the bbox be optimized over the native getBBox? The optimized bbox is the same as the native getBBox when
+  * the rotation angle is a multiple of 90 degrees and there are no complex transforms.
+  * Getting an optimized bbox can be dramatically slower, so we want to make sure it's worth it.
+  *
+  * The best example for this is a circle rotate 45 degrees. The circle doesn't get wider or taller when rotated
+  * about it's center.
+  *
+  * The standard, unoptimized technique gets the native bbox of the circle, rotates the box 45 degrees, uses
+  * that width and height, and applies any transforms to get the final bbox. This means the calculated bbox
+  * is much wider than the original circle. If the angle had been 0, 90, 180, etc. both techniques render the
+  * same bbox.
+  *
+  * The optimization is not needed if the rotation is a multiple 90 degrees. The default technique is to call
+  * getBBox then apply the angle and any transforms.
+  *
+  * @param {Float} angle - The rotation angle in degrees
+  * @param {boolean} hasMatrixTransform - True if there is a matrix transform
+  * @returns {boolean} True if the bbox can be optimized.
+  */
+  function bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixTransform$$1) {
+    var angleModulo90 = angle % 90;
+    var closeTo90 = angleModulo90 < -89.99 || angleModulo90 > 89.99;
+    var closeTo0 = angleModulo90 > -0.001 && angleModulo90 < 0.001;
+    return hasMatrixTransform$$1 || !(closeTo0 || closeTo90);
+  }
+
+  /**
+  * Get bounding box that includes any transforms.
+  * @function module:utilities.getBBoxWithTransform
+  * @param {Element} elem - The DOM element to be converted
+  * @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+  * @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+  * @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object
+  */
+  var getBBoxWithTransform = function getBBoxWithTransform(elem, addSVGElementFromJson, pathActions$$1) {
+    // TODO: Fix issue with rotated groups. Currently they work
+    // fine in FF, but not in other browsers (same problem mentioned
+    // in Issue 339 comment #2).
+
+    var bb = getBBox(elem);
+
+    if (!bb) {
+      return null;
+    }
+
+    var tlist = getTransformList(elem);
+    var angle = getRotationAngleFromTransformList(tlist);
+    var hasMatrixXForm = hasMatrixTransform(tlist);
+
+    if (angle || hasMatrixXForm) {
+      var goodBb = false;
+      if (bBoxCanBeOptimizedOverNativeGetBBox(angle, hasMatrixXForm)) {
+        // Get the BBox from the raw path for these elements
+        // TODO: why ellipse and not circle
+        var elemNames = ['ellipse', 'path', 'line', 'polyline', 'polygon'];
+        if (elemNames.includes(elem.tagName)) {
+          bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1);
+        } else if (elem.tagName === 'rect') {
+          // Look for radius
+          var rx = elem.getAttribute('rx');
+          var ry = elem.getAttribute('ry');
+          if (rx || ry) {
+            bb = goodBb = getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1);
+          }
+        }
+      }
+
+      if (!goodBb) {
+        var _transformListToTrans = transformListToTransform(tlist),
+            matrix = _transformListToTrans.matrix;
+
+        bb = transformBox(bb.x, bb.y, bb.width, bb.height, matrix).aabox;
+
+        // Old technique that was exceedingly slow with large documents.
+        //
+        // Accurate way to get BBox of rotated element in Firefox:
+        // Put element in group and get its BBox
+        //
+        // Must use clone else FF freaks out
+        // const clone = elem.cloneNode(true);
+        // const g = document.createElementNS(NS.SVG, 'g');
+        // const parent = elem.parentNode;
+        // parent.append(g);
+        // g.append(clone);
+        // const bb2 = bboxToObj(g.getBBox());
+        // g.remove();
+      }
+    }
+    return bb;
+  };
+
+  // TODO: This is problematic with large stroke-width and, for example, a single horizontal line. The calculated BBox extends way beyond left and right sides.
+  function getStrokeOffsetForBBox(elem) {
+    var sw = elem.getAttribute('stroke-width');
+    return !isNaN(sw) && elem.getAttribute('stroke') !== 'none' ? sw / 2 : 0;
+  }
+
+  /**
+   * @typedef {PlainObject} BBox
+   * @property {Integer} x The x value
+   * @property {Integer} y The y value
+   * @property {Float} width
+   * @property {Float} height
+   */
+
+  /**
+  * Get the bounding box for one or more stroked and/or transformed elements
+  * @function module:utilities.getStrokedBBox
+  * @param {Element[]} elems - Array with DOM elements to check
+  * @param {module:utilities.EditorContext#addSVGElementFromJson} addSVGElementFromJson - Function to add the path element to the current layer. See canvas.addSVGElementFromJson
+  * @param {module:path.pathActions} pathActions - If a transform exists, pathActions.resetOrientation() is used. See: canvas.pathActions.
+  * @returns {module:utilities.BBoxObject|module:math.TransformedBox|DOMRect} A single bounding box object
+  */
+  var getStrokedBBox = function getStrokedBBox(elems, addSVGElementFromJson, pathActions$$1) {
+    if (!elems || !elems.length) {
+      return false;
+    }
+
+    var fullBb = void 0;
+    $$2.each(elems, function () {
+      if (fullBb) {
+        return;
+      }
+      if (!this.parentNode) {
+        return;
+      }
+      fullBb = getBBoxWithTransform(this, addSVGElementFromJson, pathActions$$1);
+    });
+
+    // This shouldn't ever happen...
+    if (fullBb === undefined) {
+      return null;
+    }
+
+    // fullBb doesn't include the stoke, so this does no good!
+    // if (elems.length == 1) return fullBb;
+
+    var maxX = fullBb.x + fullBb.width;
+    var maxY = fullBb.y + fullBb.height;
+    var minX = fullBb.x;
+    var minY = fullBb.y;
+
+    // If only one elem, don't call the potentially slow getBBoxWithTransform method again.
+    if (elems.length === 1) {
+      var offset = getStrokeOffsetForBBox(elems[0]);
+      minX -= offset;
+      minY -= offset;
+      maxX += offset;
+      maxY += offset;
+    } else {
+      $$2.each(elems, function (i, elem) {
+        var curBb = getBBoxWithTransform(elem, addSVGElementFromJson, pathActions$$1);
+        if (curBb) {
+          var _offset = getStrokeOffsetForBBox(elem);
+          minX = Math.min(minX, curBb.x - _offset);
+          minY = Math.min(minY, curBb.y - _offset);
+          // TODO: The old code had this test for max, but not min. I suspect this test should be for both min and max
+          if (elem.nodeType === 1) {
+            maxX = Math.max(maxX, curBb.x + curBb.width + _offset);
+            maxY = Math.max(maxY, curBb.y + curBb.height + _offset);
+          }
+        }
+      });
+    }
+
+    fullBb.x = minX;
+    fullBb.y = minY;
+    fullBb.width = maxX - minX;
+    fullBb.height = maxY - minY;
+    return fullBb;
+  };
+
+  /**
+  * Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).
+  * Note that 0-opacity, off-screen etc elements are still considered "visible"
+  * for this function
+  * @function module:utilities.getVisibleElements
+  * @param {Element} parent - The parent DOM element to search within
+  * @returns {Element[]} All "visible" elements.
+  */
+  var getVisibleElements = function getVisibleElements(parent) {
+    if (!parent) {
+      parent = $$2(editorContext_$1.getSVGContent()).children(); // Prevent layers from being included
+    }
+
+    var contentElems = [];
+    $$2(parent).children().each(function (i, elem) {
+      if (elem.getBBox) {
+        contentElems.push(elem);
+      }
+    });
+    return contentElems.reverse();
+  };
+
+  /**
+  * Get the bounding box for one or more stroked and/or transformed elements
+  * @function module:utilities.getStrokedBBoxDefaultVisible
+  * @param {Element[]} elems - Array with DOM elements to check
+  * @returns {module:utilities.BBoxObject} A single bounding box object
+  */
+  var getStrokedBBoxDefaultVisible = function getStrokedBBoxDefaultVisible(elems) {
+    if (!elems) {
+      elems = getVisibleElements();
+    }
+    return getStrokedBBox(elems, editorContext_$1.addSVGElementFromJson, editorContext_$1.pathActions);
+  };
+
+  /**
+  * Get the rotation angle of the given transform list.
+  * @function module:utilities.getRotationAngleFromTransformList
+  * @param {SVGTransformList} tlist - List of transforms
+  * @param {boolean} toRad - When true returns the value in radians rather than degrees
+  * @returns {Float} The angle in degrees or radians
+  */
+  var getRotationAngleFromTransformList = function getRotationAngleFromTransformList(tlist, toRad) {
+    if (!tlist) {
+      return 0;
+    } // <svg> elements have no tlist
+    var N = tlist.numberOfItems;
+    for (var i = 0; i < N; ++i) {
+      var xform = tlist.getItem(i);
+      if (xform.type === 4) {
+        return toRad ? xform.angle * Math.PI / 180.0 : xform.angle;
+      }
+    }
+    return 0.0;
+  };
+
+  /**
+  * Get the rotation angle of the given/selected DOM element
+  * @function module:utilities.getRotationAngle
+  * @param {Element} [elem] - DOM element to get the angle for. Default to first of selected elements.
+  * @param {boolean} [toRad=false] - When true returns the value in radians rather than degrees
+  * @returns {Float} The angle in degrees or radians
+  */
+  var getRotationAngle = function getRotationAngle(elem, toRad) {
+    var selected = elem || editorContext_$1.getSelectedElements()[0];
+    // find the rotation transform (if any) and set it
+    var tlist = getTransformList(selected);
+    return getRotationAngleFromTransformList(tlist, toRad);
+  };
+
+  /**
+  * Get the reference element associated with the given attribute value
+  * @function module:utilities.getRefElem
+  * @param {string} attrVal - The attribute value as a string
+  * @returns {Element} Reference element
+  */
+  var getRefElem = function getRefElem(attrVal) {
+    return getElem(getUrlFromAttr(attrVal).substr(1));
+  };
+
+  /**
+  * Get a DOM element by ID within the SVG root element.
+  * @function module:utilities.getElem
+  * @param {string} id - String with the element's new ID
+  * @returns {Element}
+  */
+  var getElem = supportsSelectors() ? function (id) {
+    // querySelector lookup
+    return svgroot_.querySelector('#' + id);
+  } : supportsXpath() ? function (id) {
+    // xpath lookup
+    return domdoc_.evaluate('svg:svg[@id="svgroot"]//svg:*[@id="' + id + '"]', domcontainer_, function () {
+      return NS.SVG;
+    }, 9, null).singleNodeValue;
+  } : function (id) {
+    // jQuery lookup: twice as slow as xpath in FF
+    return $$2(svgroot_).find('[id=' + id + ']')[0];
+  };
+
+  /**
+  * Assigns multiple attributes to an element.
+  * @function module:utilities.assignAttributes
+  * @param {Element} elem - DOM element to apply new attribute values to
+  * @param {PlainObject.<string, string>} attrs - Object with attribute keys/values
+  * @param {Integer} [suspendLength] - Milliseconds to suspend redraw
+  * @param {boolean} [unitCheck=false] - Boolean to indicate the need to use units.setUnitAttr
+  * @returns {undefined}
+  */
+  var assignAttributes = function assignAttributes(elem, attrs, suspendLength, unitCheck) {
+    var _iteratorNormalCompletion = true;
+    var _didIteratorError = false;
+    var _iteratorError = undefined;
+
+    try {
+      for (var _iterator = Object.entries(attrs)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var _ref4 = _step.value;
+
+        var _ref5 = slicedToArray(_ref4, 2);
+
+        var key = _ref5[0];
+        var value = _ref5[1];
+
+        var ns = key.substr(0, 4) === 'xml:' ? NS.XML : key.substr(0, 6) === 'xlink:' ? NS.XLINK : null;
+
+        if (ns) {
+          elem.setAttributeNS(ns, key, value);
+        } else if (!unitCheck) {
+          elem.setAttribute(key, value);
+        } else {
+          setUnitAttr(elem, key, value);
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+  };
+
+  /**
+  * Remove unneeded (default) attributes, makes resulting SVG smaller
+  * @function module:utilities.cleanupElement
+  * @param {Element} element - DOM element to clean up
+  * @returns {undefined}
+  */
+  var cleanupElement = function cleanupElement(element) {
+    var defaults$$1 = {
+      'fill-opacity': 1,
+      'stop-opacity': 1,
+      opacity: 1,
+      stroke: 'none',
+      'stroke-dasharray': 'none',
+      'stroke-linejoin': 'miter',
+      'stroke-linecap': 'butt',
+      'stroke-opacity': 1,
+      'stroke-width': 1,
+      rx: 0,
+      ry: 0
+    };
+
+    if (element.nodeName === 'ellipse') {
+      // Ellipse elements require rx and ry attributes
+      delete defaults$$1.rx;
+      delete defaults$$1.ry;
+    }
+
+    for (var attr in defaults$$1) {
+      var val = defaults$$1[attr];
+      if (element.getAttribute(attr) === String(val)) {
+        element.removeAttribute(attr);
+      }
+    }
+  };
+
+  /**
+  * Round value to for snapping
+  * @function module:utilities.snapToGrid
+  * @param {Float} value
+  * @returns {Integer}
+  */
+  var snapToGrid = function snapToGrid(value) {
+    var unit = editorContext_$1.getBaseUnit();
+    var stepSize = editorContext_$1.getSnappingStep();
+    if (unit !== 'px') {
+      stepSize *= getTypeMap()[unit];
+    }
+    value = Math.round(value / stepSize) * stepSize;
+    return value;
+  };
+
+  /**
+  * Escapes special characters in a regular expression
+  * @function module:utilities.regexEscape
+  * @param {string} str
+  * @returns {string}
+  */
+  var regexEscape = function regexEscape(str) {
+    // From: http://phpjs.org/functions
+    return String(str).replace(new RegExp('[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\-]', 'g'), '\\$&');
+  };
+
+  /**
+   * Prevents default browser click behaviour on the given element
+   * @function module:utilities.preventClickDefault
+   * @param {Element} img - The DOM element to prevent the click on
+   * @returns {undefined}
+   */
+  var preventClickDefault = function preventClickDefault(img) {
+    $$2(img).click(function (e) {
+      e.preventDefault();
+    });
+  };
+
+  /**
+   * @callback module:utilities.GetNextID
+   * @returns {string} The ID
+   */
+  /**
+   * Create a clone of an element, updating its ID and its children's IDs when needed
+   * @function module:utilities.copyElem
+   * @param {Element} el - DOM element to clone
+   * @param {module:utilities.GetNextID} getNextId - The getter of the next unique ID.
+   * @returns {Element} The cloned element
+   */
+  var copyElem = function copyElem(el, getNextId) {
+    // manually create a copy of the element
+    var newEl = document.createElementNS(el.namespaceURI, el.nodeName);
+    $$2.each(el.attributes, function (i, attr) {
+      if (attr.localName !== '-moz-math-font-style') {
+        newEl.setAttributeNS(attr.namespaceURI, attr.nodeName, attr.value);
+      }
+    });
+    // set the copied element's new id
+    newEl.removeAttribute('id');
+    newEl.id = getNextId();
+
+    // Opera's "d" value needs to be reset for Opera/Win/non-EN
+    // Also needed for webkit (else does not keep curved segments on clone)
+    if (isWebkit() && el.nodeName === 'path') {
+      var fixedD = convertPath(el);
+      newEl.setAttribute('d', fixedD);
+    }
+
+    // now create copies of all children
+    $$2.each(el.childNodes, function (i, child) {
+      switch (child.nodeType) {
+        case 1:
+          // element node
+          newEl.append(copyElem(child, getNextId));
+          break;
+        case 3:
+          // text node
+          newEl.textContent = child.nodeValue;
+          break;
+        default:
+          break;
+      }
+    });
+
+    if ($$2(el).data('gsvg')) {
+      $$2(newEl).data('gsvg', newEl.firstChild);
+    } else if ($$2(el).data('symbol')) {
+      var ref = $$2(el).data('symbol');
+      $$2(newEl).data('ref', ref).data('symbol', ref);
+    } else if (newEl.tagName === 'image') {
+      preventClickDefault(newEl);
+    }
+
+    return newEl;
+  };
+
+  /* globals jQuery */
+  /**
+   * Adds context menu functionality
+   * @module contextmenu
+   * @license Apache-2.0
+   * @author Adam Bender
+   */
+  // Dependencies:
+  // 1) jQuery (for dom injection of context menus)
+
+  var $$3 = jQuery;
+
+  var contextMenuExtensions = {};
+
+  /**
+  * @function module:contextmenu.hasCustomHandler
+  * @param {string} handlerKey
+  * @returns {boolean}
+  */
+  var hasCustomHandler = function hasCustomHandler(handlerKey) {
+    return Boolean(contextMenuExtensions[handlerKey]);
+  };
+
+  /**
+  * @function module:contextmenu.getCustomHandler
+  * @param {string} handlerKey
+  * @returns {module:contextmenu.MenuItemAction}
+  */
+  var getCustomHandler = function getCustomHandler(handlerKey) {
+    return contextMenuExtensions[handlerKey].action;
+  };
+
+  /**
+  * @param {module:contextmenu.MenuItem} menuItem
+  * @returns {undefined}
+  */
+  var injectExtendedContextMenuItemIntoDom = function injectExtendedContextMenuItemIntoDom(menuItem) {
+    if (!Object.keys(contextMenuExtensions).length) {
+      // all menuItems appear at the bottom of the menu in their own container.
+      // if this is the first extension menu we need to add the separator.
+      $$3('#cmenu_canvas').append("<li class='separator'>");
+    }
+    var shortcut = menuItem.shortcut || '';
+    $$3('#cmenu_canvas').append("<li class='disabled'><a href='#" + menuItem.id + "'>" + menuItem.label + "<span class='shortcut'>" + shortcut + '</span></a></li>');
+  };
+
+  /**
+  * @function module:contextmenu.injectExtendedContextMenuItemsIntoDom
+  * @returns {undefined}
+  */
+  var injectExtendedContextMenuItemsIntoDom = function injectExtendedContextMenuItemsIntoDom() {
+    for (var menuItem in contextMenuExtensions) {
+      injectExtendedContextMenuItemIntoDom(contextMenuExtensions[menuItem]);
+    }
+  };
+
+  // MIT License
+  // From: https://github.com/uupaa/dynamic-import-polyfill/blob/master/importModule.js
+
+  /**
+   * @module importModule
+   */
+
+  function toAbsoluteURL(url) {
+    var a = document.createElement('a');
+    a.setAttribute('href', url); // <a href="hoge.html">
+    return a.cloneNode(false).href; // -> "http://example.com/hoge.html"
+  }
+
+  function addScriptAtts(script, atts) {
+    ['id', 'class', 'type'].forEach(function (prop) {
+      if (prop in atts) {
+        script[prop] = atts[prop];
+      }
+    });
+  }
+
+  // Additions by Brett
+  /**
+  * @typedef {PlainObject} module:importModule.ImportConfig
+  * @property {string} global The variable name to set on `window` (when not using the modular version)
+  * @property {boolean} [returnDefault=false]
+  */
+  /**
+  * @function module:importModule.importSetGlobalDefault
+  * @param {string} url
+  * @param {module:importModule.ImportConfig} config
+  * @returns {*} The return depends on the export of the targeted module.
+  */
+  var importSetGlobalDefault = function () {
+    var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(url, config) {
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt('return', importSetGlobal(url, _extends({}, config, { returnDefault: true })));
+
+            case 1:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, this);
+    }));
+
+    return function importSetGlobalDefault(_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  /**
+  * @function module:importModule.importSetGlobal
+  * @param {string} url
+  * @param {module:importModule.ImportConfig} config
+  * @returns {ArbitraryModule|*} The return depends on the export of the targeted module.
+  */
+  var importSetGlobal = function () {
+    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(url, _ref2) {
+      var global = _ref2.global,
+          returnDefault = _ref2.returnDefault;
+      var modularVersion;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              // Todo: Replace calls to this function with `import()` when supported
+              modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+
+              if (!modularVersion) {
+                _context2.next = 3;
+                break;
+              }
+
+              return _context2.abrupt('return', importModule(url, undefined, { returnDefault: returnDefault }));
+
+            case 3:
+              _context2.next = 5;
+              return importScript(url);
+
+            case 5:
+              return _context2.abrupt('return', window[global]);
+
+            case 6:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, this);
+    }));
+
+    return function importSetGlobal(_x3, _x4) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  // Addition by Brett
+  function importScript(url) {
+    var atts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    if (Array.isArray(url)) {
+      return Promise.all(url.map(function (u) {
+        return importScript(u, atts);
+      }));
+    }
+    return new Promise(function (resolve, reject) {
+      var script = document.createElement('script');
+      var destructor = function destructor() {
+        script.onerror = null;
+        script.onload = null;
+        script.remove();
+        script.src = '';
+      };
+      script.defer = 'defer';
+      addScriptAtts(script, atts);
+      script.onerror = function () {
+        reject(new Error('Failed to import: ' + url));
+        destructor();
+      };
+      script.onload = function () {
+        resolve();
+        destructor();
+      };
+      script.src = url;
+
+      document.head.append(script);
+    });
+  }
+
+  function importModule(url) {
+    var atts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    var _ref4 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+        _ref4$returnDefault = _ref4.returnDefault,
+        returnDefault = _ref4$returnDefault === undefined ? false : _ref4$returnDefault;
+
+    if (Array.isArray(url)) {
+      return Promise.all(url.map(function (u) {
+        return importModule(u, atts);
+      }));
+    }
+    return new Promise(function (resolve, reject) {
+      var vector = '$importModule$' + Math.random().toString(32).slice(2);
+      var script = document.createElement('script');
+      var destructor = function destructor() {
+        delete window[vector];
+        script.onerror = null;
+        script.onload = null;
+        script.remove();
+        URL.revokeObjectURL(script.src);
+        script.src = '';
+      };
+      addScriptAtts(script, atts);
+      script.defer = 'defer';
+      script.type = 'module';
+      script.onerror = function () {
+        reject(new Error('Failed to import: ' + url));
+        destructor();
+      };
+      script.onload = function () {
+        resolve(window[vector]);
+        destructor();
+      };
+      var absURL = toAbsoluteURL(url);
+      var loader = 'import * as m from \'' + absURL.replace(/'/g, "\\'") + '\'; window.' + vector + ' = ' + (returnDefault ? 'm.default || ' : '') + 'm;'; // export Module
+      var blob = new Blob([loader], { type: 'text/javascript' });
+      script.src = URL.createObjectURL(blob);
+
+      document.head.append(script);
+    });
+  }
+
+  /* globals jQuery */
+
+  var $$4 = jQuery;
+
+  /**
+   * This class encapsulates the concept of a layer in the drawing. It can be constructed with
+   * an existing group element or, with three parameters, will create a new layer group element.
+   *
+   * @example
+   * new Layer('name', group);          // Use the existing group for this layer.
+   * new Layer('name', group, svgElem); // Create a new group and add it to the DOM after group.
+   * new Layer('name', null, svgElem);  // Create a new group and add it to the DOM as the last layer.
+   * @memberof module:layer
+   */
+
+  var Layer = function () {
+    /**
+    * @param {string} name - Layer name
+    * @param {SVGGElement|null} group - An existing SVG group element or null.
+    *     If group and no svgElem, use group for this layer.
+    *     If group and svgElem, create a new group element and insert it in the DOM after group.
+    *     If no group and svgElem, create a new group element and insert it in the DOM as the last layer.
+    * @param {SVGGElement=} svgElem - The SVG DOM element. If defined, use this to add
+    *     a new layer to the document.
+    */
+    function Layer(name, group, svgElem) {
+      classCallCheck(this, Layer);
+
+      this.name_ = name;
+      this.group_ = svgElem ? null : group;
+
+      if (svgElem) {
+        // Create a group element with title and add it to the DOM.
+        var svgdoc = svgElem.ownerDocument;
+        this.group_ = svgdoc.createElementNS(NS.SVG, 'g');
+        var layerTitle = svgdoc.createElementNS(NS.SVG, 'title');
+        layerTitle.textContent = name;
+        this.group_.append(layerTitle);
+        if (group) {
+          $$4(group).after(this.group_);
+        } else {
+          svgElem.append(this.group_);
+        }
+      }
+
+      addLayerClass(this.group_);
+      walkTree(this.group_, function (e) {
+        e.setAttribute('style', 'pointer-events:inherit');
+      });
+
+      this.group_.setAttribute('style', svgElem ? 'pointer-events:all' : 'pointer-events:none');
+    }
+
+    /**
+     * Get the layer's name.
+     * @returns {string} The layer name
+     */
+
+
+    createClass(Layer, [{
+      key: 'getName',
+      value: function getName() {
+        return this.name_;
+      }
+
+      /**
+       * Get the group element for this layer.
+       * @returns {SVGGElement} The layer SVG group
+       */
+
+    }, {
+      key: 'getGroup',
+      value: function getGroup() {
+        return this.group_;
+      }
+
+      /**
+       * Active this layer so it takes pointer events.
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'activate',
+      value: function activate() {
+        this.group_.setAttribute('style', 'pointer-events:all');
+      }
+
+      /**
+       * Deactive this layer so it does NOT take pointer events.
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'deactivate',
+      value: function deactivate() {
+        this.group_.setAttribute('style', 'pointer-events:none');
+      }
+
+      /**
+       * Set this layer visible or hidden based on 'visible' parameter.
+       * @param {boolean} visible - If true, make visible; otherwise, hide it.
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'setVisible',
+      value: function setVisible(visible) {
+        var expected = visible === undefined || visible ? 'inline' : 'none';
+        var oldDisplay = this.group_.getAttribute('display');
+        if (oldDisplay !== expected) {
+          this.group_.setAttribute('display', expected);
+        }
+      }
+
+      /**
+       * Is this layer visible?
+       * @returns {boolean} True if visible.
+       */
+
+    }, {
+      key: 'isVisible',
+      value: function isVisible() {
+        return this.group_.getAttribute('display') !== 'none';
+      }
+
+      /**
+       * Get layer opacity.
+       * @returns {Float} Opacity value.
+       */
+
+    }, {
+      key: 'getOpacity',
+      value: function getOpacity() {
+        var opacity = this.group_.getAttribute('opacity');
+        if (opacity === null || opacity === undefined) {
+          return 1;
+        }
+        return parseFloat(opacity);
+      }
+
+      /**
+       * Sets the opacity of this layer. If opacity is not a value between 0.0 and 1.0,
+       * nothing happens.
+       * @param {Float} opacity - A float value in the range 0.0-1.0
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'setOpacity',
+      value: function setOpacity(opacity) {
+        if (typeof opacity === 'number' && opacity >= 0.0 && opacity <= 1.0) {
+          this.group_.setAttribute('opacity', opacity);
+        }
+      }
+
+      /**
+       * Append children to this layer.
+       * @param {SVGGElement} children - The children to append to this layer.
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'appendChildren',
+      value: function appendChildren(children) {
+        for (var i = 0; i < children.length; ++i) {
+          this.group_.append(children[i]);
+        }
+      }
+
+      /**
+      * @returns {SVGTitleElement|null}
+      */
+
+    }, {
+      key: 'getTitleElement',
+      value: function getTitleElement() {
+        var len = this.group_.childNodes.length;
+        for (var i = 0; i < len; ++i) {
+          var child = this.group_.childNodes.item(i);
+          if (child && child.tagName === 'title') {
+            return child;
+          }
+        }
+        return null;
+      }
+
+      /**
+       * Set the name of this layer.
+       * @param {string} name - The new name.
+       * @param {module:history.HistoryRecordingService} hrService - History recording service
+       * @returns {string|null} The new name if changed; otherwise, null.
+       */
+
+    }, {
+      key: 'setName',
+      value: function setName(name, hrService) {
+        var previousName = this.name_;
+        name = toXml(name);
+        // now change the underlying title element contents
+        var title = this.getTitleElement();
+        if (title) {
+          $$4(title).empty();
+          title.textContent = name;
+          this.name_ = name;
+          if (hrService) {
+            hrService.changeElement(title, { '#text': previousName });
+          }
+          return this.name_;
+        }
+        return null;
+      }
+
+      /**
+       * Remove this layer's group from the DOM. No more functions on group can be called after this.
+       * @param {SVGGElement} children - The children to append to this layer.
+       * @returns {SVGGElement} The layer SVG group that was just removed.
+       */
+
+    }, {
+      key: 'removeGroup',
+      value: function removeGroup() {
+        var parent = this.group_.parentNode;
+        var group = parent.removeChild(this.group_);
+        this.group_ = undefined;
+        return group;
+      }
+    }]);
+    return Layer;
+  }();
+  /**
+   * @property {string} CLASS_NAME - class attribute assigned to all layer groups.
+   */
+
+
+  Layer.CLASS_NAME = 'layer';
+
+  /**
+   * @property {RegExp} CLASS_REGEX - Used to test presence of class Layer.CLASS_NAME
+   */
+  Layer.CLASS_REGEX = new RegExp('(\\s|^)' + Layer.CLASS_NAME + '(\\s|$)');
+
+  /**
+   * Add class `Layer.CLASS_NAME` to the element (usually `class='layer'`).
+   *
+   * @param {SVGGElement} elem - The SVG element to update
+   * @returns {undefined}
+   */
+  function addLayerClass(elem) {
+    var classes = elem.getAttribute('class');
+    if (classes === null || classes === undefined || !classes.length) {
+      elem.setAttribute('class', Layer.CLASS_NAME);
+    } else if (!Layer.CLASS_REGEX.test(classes)) {
+      elem.setAttribute('class', classes + ' ' + Layer.CLASS_NAME);
+    }
+  }
+
+  /**
+   * HistoryRecordingService component of history
+   * @module history
+   * @license MIT
+   * @copyright 2016 Flint O'Brien
+   */
+
+  /**
+   * History recording service.
+   *
+   * A self-contained service interface for recording history. Once injected, no other dependencies
+   * or globals are required (example: UndoManager, command types, etc.). Easy to mock for unit tests.
+   * Built on top of history classes in history.js.
+   *
+   * There is a simple start/end interface for batch commands.
+   *
+   * HistoryRecordingService.NO_HISTORY is a singleton that can be passed in to functions
+   * that record history. This helps when the caller requires that no history be recorded.
+   *
+   * The following will record history: insert, batch, insert.
+   * @example
+   * hrService = new history.HistoryRecordingService(this.undoMgr);
+   * hrService.insertElement(elem, text);         // add simple command to history.
+   * hrService.startBatchCommand('create two elements');
+   * hrService.changeElement(elem, attrs, text);  // add to batchCommand
+   * hrService.changeElement(elem, attrs2, text); // add to batchCommand
+   * hrService.endBatchCommand();                  // add batch command with two change commands to history.
+   * hrService.insertElement(elem, text);         // add simple command to history.
+   *
+   * @example
+   * // Note that all functions return this, so commands can be chained, like so:
+   * hrService
+   *   .startBatchCommand('create two elements')
+   *   .insertElement(elem, text)
+   *   .changeElement(elem, attrs, text)
+   *   .endBatchCommand();
+   *
+   * @memberof module:history
+   */
+
+  var HistoryRecordingService = function () {
+    /**
+    * @param {history.UndoManager|null} undoManager - The undo manager.
+    *     A value of `null` is valid for cases where no history recording is required.
+    *     See singleton: {@link module:history.HistoryRecordingService.HistoryRecordingService.NO_HISTORY}
+    */
+    function HistoryRecordingService(undoManager) {
+      classCallCheck(this, HistoryRecordingService);
+
+      this.undoManager_ = undoManager;
+      this.currentBatchCommand_ = null;
+      this.batchCommandStack_ = [];
+    }
+
+    /**
+     * Start a batch command so multiple commands can recorded as a single history command.
+     * Requires a corresponding call to endBatchCommand. Start and end commands can be nested.
+     *
+     * @param {string} text - Optional string describing the batch command.
+     * @returns {module:history.HistoryRecordingService}
+     */
+
+
+    createClass(HistoryRecordingService, [{
+      key: 'startBatchCommand',
+      value: function startBatchCommand(text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.currentBatchCommand_ = new BatchCommand(text);
+        this.batchCommandStack_.push(this.currentBatchCommand_);
+        return this;
+      }
+
+      /**
+       * End a batch command and add it to the history or a parent batch command.
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'endBatchCommand',
+      value: function endBatchCommand() {
+        if (!this.undoManager_) {
+          return this;
+        }
+        if (this.currentBatchCommand_) {
+          var batchCommand = this.currentBatchCommand_;
+          this.batchCommandStack_.pop();
+          var length = this.batchCommandStack_.length;
+
+          this.currentBatchCommand_ = length ? this.batchCommandStack_[length - 1] : null;
+          this.addCommand_(batchCommand);
+        }
+        return this;
+      }
+
+      /**
+       * Add a MoveElementCommand to the history or current batch command
+       * @param {Element} elem - The DOM element that was moved
+       * @param {Element} oldNextSibling - The element's next sibling before it was moved
+       * @param {Element} oldParent - The element's parent before it was moved
+       * @param {string} [text] - An optional string visible to user related to this change
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'moveElement',
+      value: function moveElement(elem, oldNextSibling, oldParent, text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.addCommand_(new MoveElementCommand(elem, oldNextSibling, oldParent, text));
+        return this;
+      }
+
+      /**
+       * Add an InsertElementCommand to the history or current batch command
+       * @param {Element} elem - The DOM element that was added
+       * @param {string} [text] - An optional string visible to user related to this change
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'insertElement',
+      value: function insertElement(elem, text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.addCommand_(new InsertElementCommand(elem, text));
+        return this;
+      }
+
+      /**
+       * Add a RemoveElementCommand to the history or current batch command
+       * @param {Element} elem - The DOM element that was removed
+       * @param {Element} oldNextSibling - The element's next sibling before it was removed
+       * @param {Element} oldParent - The element's parent before it was removed
+       * @param {string} [text] - An optional string visible to user related to this change
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'removeElement',
+      value: function removeElement(elem, oldNextSibling, oldParent, text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.addCommand_(new RemoveElementCommand(elem, oldNextSibling, oldParent, text));
+        return this;
+      }
+
+      /**
+       * Add a ChangeElementCommand to the history or current batch command
+       * @param {Element} elem - The DOM element that was changed
+       * @param {module:history.CommandAttributes} attrs - An object with the attributes to be changed and the values they had *before* the change
+       * @param {string} [text] - An optional string visible to user related to this change
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'changeElement',
+      value: function changeElement(elem, attrs, text) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        this.addCommand_(new ChangeElementCommand(elem, attrs, text));
+        return this;
+      }
+
+      /**
+       * Private function to add a command to the history or current batch command.
+       * @private
+       * @param {Command} cmd
+       * @returns {module:history.HistoryRecordingService}
+       */
+
+    }, {
+      key: 'addCommand_',
+      value: function addCommand_(cmd) {
+        if (!this.undoManager_) {
+          return this;
+        }
+        if (this.currentBatchCommand_) {
+          this.currentBatchCommand_.addSubCommand(cmd);
+        } else {
+          this.undoManager_.addCommandToHistory(cmd);
+        }
+      }
+    }]);
+    return HistoryRecordingService;
+  }();
+  /**
+   * @memberof module:history.HistoryRecordingService
+   * @property {module:history.HistoryRecordingService} NO_HISTORY - Singleton that can be passed to functions that record history, but the caller requires that no history be recorded.
+   */
+
+
+  HistoryRecordingService.NO_HISTORY = new HistoryRecordingService();
+
+  /* globals jQuery */
+
+  var $$5 = jQuery;
+
+  var visElems$1 = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use'.split(',');
+
+  var RandomizeModes = {
+    LET_DOCUMENT_DECIDE: 0,
+    ALWAYS_RANDOMIZE: 1,
+    NEVER_RANDOMIZE: 2
+  };
+  var randIds = RandomizeModes.LET_DOCUMENT_DECIDE;
+  // Array with current disabled elements (for in-group editing)
+  var disabledElems = [];
+
+  /**
+   * Get a HistoryRecordingService.
+   * @param {module:history.HistoryRecordingService} [hrService] - if exists, return it instead of creating a new service.
+   * @returns {module:history.HistoryRecordingService}
+   */
+  function historyRecordingService(hrService) {
+    return hrService || new HistoryRecordingService(canvas_.undoMgr);
+  }
+
+  /**
+   * Find the layer name in a group element.
+   * @param {Element} group The group element to search in.
+   * @returns {string} The layer name or empty string.
+   */
+  function findLayerNameInGroup(group) {
+    return $$5('title', group).text() || (isOpera() && group.querySelectorAll
+    // Hack for Opera 10.60
+    ? $$5(group.querySelectorAll('title')).text() : '');
+  }
+
+  /**
+   * Given a set of names, return a new unique name.
+   * @param {string[]} existingLayerNames - Existing layer names.
+   * @returns {string} - The new name.
+   */
+  function getNewLayerName(existingLayerNames) {
+    var i = 1;
+    // TODO(codedread): What about internationalization of "Layer"?
+    while (existingLayerNames.includes('Layer ' + i)) {
+      i++;
+    }
+    return 'Layer ' + i;
+  }
+
+  /**
+   * This class encapsulates the concept of a SVG-edit drawing
+   */
+  var Drawing = function () {
+    /**
+    * @param {SVGSVGElement} svgElem - The SVG DOM Element that this JS object
+    *     encapsulates.  If the svgElem has a se:nonce attribute on it, then
+    *     IDs will use the nonce as they are generated.
+    * @param {string} [optIdPrefix=svg_] - The ID prefix to use.
+    * @throws {Error} If not initialized with an SVG element
+    */
+    function Drawing(svgElem, optIdPrefix) {
+      classCallCheck(this, Drawing);
+
+      if (!svgElem || !svgElem.tagName || !svgElem.namespaceURI || svgElem.tagName !== 'svg' || svgElem.namespaceURI !== NS.SVG) {
+        throw new Error('Error: svgedit.draw.Drawing instance initialized without a <svg> element');
+      }
+
+      /**
+      * The SVG DOM Element that represents this drawing.
+      * @type {SVGSVGElement}
+      */
+      this.svgElem_ = svgElem;
+
+      /**
+      * The latest object number used in this drawing.
+      * @type {Integer}
+      */
+      this.obj_num = 0;
+
+      /**
+      * The prefix to prepend to each element id in the drawing.
+      * @type {string}
+      */
+      this.idPrefix = optIdPrefix || 'svg_';
+
+      /**
+      * An array of released element ids to immediately reuse.
+      * @type {Integer[]}
+      */
+      this.releasedNums = [];
+
+      /**
+      * The z-ordered array of Layer objects. Each layer has a name
+      * and group element.
+      * The first layer is the one at the bottom of the rendering.
+      * @type {Layer[]}
+      */
+      this.all_layers = [];
+
+      /**
+      * Map of all_layers by name.
+      *
+      * Note: Layers are ordered, but referenced externally by name; so, we need both container
+      * types depending on which function is called (i.e. all_layers and layer_map).
+      *
+      * @type {PlainObject.<string, Layer>}
+      */
+      this.layer_map = {};
+
+      /**
+      * The current layer being used.
+      * @type {Layer}
+      */
+      this.current_layer = null;
+
+      /**
+      * The nonce to use to uniquely identify elements across drawings.
+      * @type {!String}
+      */
+      this.nonce_ = '';
+      var n = this.svgElem_.getAttributeNS(NS.SE, 'nonce');
+      // If already set in the DOM, use the nonce throughout the document
+      // else, if randomizeIds(true) has been called, create and set the nonce.
+      if (!!n && randIds !== RandomizeModes.NEVER_RANDOMIZE) {
+        this.nonce_ = n;
+      } else if (randIds === RandomizeModes.ALWAYS_RANDOMIZE) {
+        this.setNonce(Math.floor(Math.random() * 100001));
+      }
+    }
+
+    /**
+     * @param {string} id Element ID to retrieve
+     * @returns {Element} SVG element within the root SVGSVGElement
+    */
+
+
+    createClass(Drawing, [{
+      key: 'getElem_',
+      value: function getElem_(id) {
+        if (this.svgElem_.querySelector) {
+          // querySelector lookup
+          return this.svgElem_.querySelector('#' + id);
+        }
+        // jQuery lookup: twice as slow as xpath in FF
+        return $$5(this.svgElem_).find('[id=' + id + ']')[0];
+      }
+
+      /**
+       * @returns {SVGSVGElement}
+       */
+
+    }, {
+      key: 'getSvgElem',
+      value: function getSvgElem() {
+        return this.svgElem_;
+      }
+
+      /**
+       * @returns {!(string|Integer)} The previously set nonce
+       */
+
+    }, {
+      key: 'getNonce',
+      value: function getNonce() {
+        return this.nonce_;
+      }
+
+      /**
+       * @param {!(string|Integer)} n The nonce to set
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'setNonce',
+      value: function setNonce(n) {
+        this.svgElem_.setAttributeNS(NS.XMLNS, 'xmlns:se', NS.SE);
+        this.svgElem_.setAttributeNS(NS.SE, 'se:nonce', n);
+        this.nonce_ = n;
+      }
+
+      /**
+       * Clears any previously set nonce
+       * @returns {undefined}
+       */
+
+    }, {
+      key: 'clearNonce',
+      value: function clearNonce() {
+        // We deliberately leave any se:nonce attributes alone,
+        // we just don't use it to randomize ids.
+        this.nonce_ = '';
+      }
+
+      /**
+       * Returns the latest object id as a string.
+       * @returns {string} The latest object Id.
+       */
+
+    }, {
+      key: 'getId',
+      value: function getId() {
+        return this.nonce_ ? this.idPrefix + this.nonce_ + '_' + this.obj_num : this.idPrefix + this.obj_num;
+      }
+
+      /**
+       * Returns the next object Id as a string.
+       * @returns {string} The next object Id to use.
+       */
+
+    }, {
+      key: 'getNextId',
+      value: function getNextId() {
+        var oldObjNum = this.obj_num;
+        var restoreOldObjNum = false;
+
+        // If there are any released numbers in the release stack,
+        // use the last one instead of the next obj_num.
+        // We need to temporarily use obj_num as that is what getId() depends on.
+        if (this.releasedNums.length > 0) {
+          this.obj_num = this.releasedNums.pop();
+          restoreOldObjNum = true;
+        } else {
+          // If we are not using a released id, then increment the obj_num.
+          this.obj_num++;
+        }
+
+        // Ensure the ID does not exist.
+        var id = this.getId();
+        while (this.getElem_(id)) {
+          if (restoreOldObjNum) {
+            this.obj_num = oldObjNum;
+            restoreOldObjNum = false;
+          }
+          this.obj_num++;
+          id = this.getId();
+        }
+        // Restore the old object number if required.
+        if (restoreOldObjNum) {
+          this.obj_num = oldObjNum;
+        }
+        return id;
+      }
+
+      /**
+       * Releases the object Id, letting it be used as the next id in getNextId().
+       * This method DOES NOT remove any elements from the DOM, it is expected
+       * that client code will do this.
+       * @param {string} id - The id to release.
+       * @returns {boolean} True if the id was valid to be released, false otherwise.
+      */
+
+    }, {
+      key: 'releaseId',
+      value: function releaseId(id) {
+        // confirm if this is a valid id for this Document, else return false
+        var front = this.idPrefix + (this.nonce_ ? this.nonce_ + '_' : '');
+        if (typeof id !== 'string' || !id.startsWith(front)) {
+          return false;
+        }
+        // extract the obj_num of this id
+        var num = parseInt(id.substr(front.length), 10);
+
+        // if we didn't get a positive number or we already released this number
+        // then return false.
+        if (typeof num !== 'number' || num <= 0 || this.releasedNums.includes(num)) {
+          return false;
+        }
+
+        // push the released number into the released queue
+        this.releasedNums.push(num);
+
+        return true;
+      }
+
+      /**
+       * Returns the number of layers in the current drawing.
+       * @returns {Integer} The number of layers in the current drawing.
+      */
+
+    }, {
+      key: 'getNumLayers',
+      value: function getNumLayers() {
+        return this.all_layers.length;
+      }
+
+      /**
+       * Check if layer with given name already exists
+       * @param {string} name - The layer name to check
+       * @returns {boolean}
+      */
+
+    }, {
+      key: 'hasLayer',
+      value: function hasLayer(name) {
+        return this.layer_map[name] !== undefined;
+      }
+
+      /**
+       * Returns the name of the ith layer. If the index is out of range, an empty string is returned.
+       * @param {Integer} i - The zero-based index of the layer you are querying.
+       * @returns {string} The name of the ith layer (or the empty string if none found)
+      */
+
+    }, {
+      key: 'getLayerName',
+      value: function getLayerName(i) {
+        return i >= 0 && i < this.getNumLayers() ? this.all_layers[i].getName() : '';
+      }
+
+      /**
+       * @returns {SVGGElement|null} The SVGGElement representing the current layer.
+       */
+
+    }, {
+      key: 'getCurrentLayer',
+      value: function getCurrentLayer() {
+        return this.current_layer ? this.current_layer.getGroup() : null;
+      }
+
+      /**
+       * Get a layer by name.
+       * @returns {SVGGElement} The SVGGElement representing the named layer or null.
+       */
+
+    }, {
+      key: 'getLayerByName',
+      value: function getLayerByName(name) {
+        var layer = this.layer_map[name];
+        return layer ? layer.getGroup() : null;
+      }
+
+      /**
+       * Returns the name of the currently selected layer. If an error occurs, an empty string
+       * is returned.
+       * @returns {string} The name of the currently active layer (or the empty string if none found).
+      */
+
+    }, {
+      key: 'getCurrentLayerName',
+      value: function getCurrentLayerName() {
+        return this.current_layer ? this.current_layer.getName() : '';
+      }
+
+      /**
+       * Set the current layer's name.
+       * @param {string} name - The new name.
+       * @param {module:history.HistoryRecordingService} hrService - History recording service
+       * @returns {string|null} The new name if changed; otherwise, null.
+       */
+
+    }, {
+      key: 'setCurrentLayerName',
+      value: function setCurrentLayerName(name, hrService) {
+        var finalName = null;
+        if (this.current_layer) {
+          var oldName = this.current_layer.getName();
+          finalName = this.current_layer.setName(name, hrService);
+          if (finalName) {
+            delete this.layer_map[oldName];
+            this.layer_map[finalName] = this.current_layer;
+          }
+        }
+        return finalName;
+      }
+
+      /**
+       * Set the current layer's position.
+       * @param {Integer} newpos - The zero-based index of the new position of the layer. Range should be 0 to layers-1
+       * @returns {{title: SVGGElement, previousName: string}|null} If the name was changed, returns {title:SVGGElement, previousName:string}; otherwise null.
+       */
+
+    }, {
+      key: 'setCurrentLayerPosition',
+      value: function setCurrentLayerPosition(newpos) {
+        var layerCount = this.getNumLayers();
+        if (!this.current_layer || newpos < 0 || newpos >= layerCount) {
+          return null;
+        }
+
+        var oldpos = void 0;
+        for (oldpos = 0; oldpos < layerCount; ++oldpos) {
+          if (this.all_layers[oldpos] === this.current_layer) {
+            break;
+          }
+        }
+        // some unknown error condition (current_layer not in all_layers)
+        if (oldpos === layerCount) {
+          return null;
+        }
+
+        if (oldpos !== newpos) {
+          // if our new position is below us, we need to insert before the node after newpos
+          var currentGroup = this.current_layer.getGroup();
+          var oldNextSibling = currentGroup.nextSibling;
+
+          var refGroup = null;
+          if (newpos > oldpos) {
+            if (newpos < layerCount - 1) {
+              refGroup = this.all_layers[newpos + 1].getGroup();
+            }
+            // if our new position is above us, we need to insert before the node at newpos
+          } else {
+            refGroup = this.all_layers[newpos].getGroup();
+          }
+          this.svgElem_.insertBefore(currentGroup, refGroup); // Ok to replace with `refGroup.before(currentGroup);`?
+
+          this.identifyLayers();
+          this.setCurrentLayer(this.getLayerName(newpos));
+
+          return {
+            currentGroup: currentGroup,
+            oldNextSibling: oldNextSibling
+          };
+        }
+        return null;
+      }
+
+      /**
+      * @param {module:history.HistoryRecordingService} hrService
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'mergeLayer',
+      value: function mergeLayer(hrService) {
+        var currentGroup = this.current_layer.getGroup();
+        var prevGroup = $$5(currentGroup).prev()[0];
+        if (!prevGroup) {
+          return;
+        }
+
+        hrService.startBatchCommand('Merge Layer');
+
+        var layerNextSibling = currentGroup.nextSibling;
+        hrService.removeElement(currentGroup, layerNextSibling, this.svgElem_);
+
+        while (currentGroup.firstChild) {
+          var child = currentGroup.firstChild;
+          if (child.localName === 'title') {
+            hrService.removeElement(child, child.nextSibling, currentGroup);
+            child.remove();
+            continue;
+          }
+          var oldNextSibling = child.nextSibling;
+          prevGroup.append(child);
+          hrService.moveElement(child, oldNextSibling, currentGroup);
+        }
+
+        // Remove current layer's group
+        this.current_layer.removeGroup();
+        // Remove the current layer and set the previous layer as the new current layer
+        var index = this.all_layers.indexOf(this.current_layer);
+        if (index > 0) {
+          var _name = this.current_layer.getName();
+          this.current_layer = this.all_layers[index - 1];
+          this.all_layers.splice(index, 1);
+          delete this.layer_map[_name];
+        }
+
+        hrService.endBatchCommand();
+      }
+
+      /**
+      * @param {module:history.HistoryRecordingService} hrService
+      * @returns {undefined}
+      */
+
+    }, {
+      key: 'mergeAllLayers',
+      value: function mergeAllLayers(hrService) {
+        // Set the current layer to the last layer.
+        this.current_layer = this.all_layers[this.all_layers.length - 1];
+
+        hrService.startBatchCommand('Merge all Layers');
+        while (this.all_layers.length > 1) {
+          this.mergeLayer(hrService);
+        }
+        hrService.endBatchCommand();
+      }
+
+      /**
+       * Sets the current layer. If the name is not a valid layer name, then this
+       * function returns `false`. Otherwise it returns `true`. This is not an
+       * undo-able action.
+       * @param {string} name - The name of the layer you want to switch to.
+       * @returns {boolean} `true` if the current layer was switched, otherwise `false`
+       */
+
+    }, {
+      key: 'setCurrentLayer',
+      value: function setCurrentLayer(name) {
+        var layer = this.layer_map[name];
+        if (layer) {
+          if (this.current_layer) {
+            this.current_layer.deactivate();
+          }
+          this.current_layer = layer;
+          this.current_layer.activate();
+          return true;
+        }
+        return false;
+      }
+
+      /**
+       * Deletes the current layer from the drawing and then clears the selection.
+       * This function then calls the 'changed' handler.  This is an undoable action.
+       * @todo Does this actually call the 'changed' handler?
+       * @returns {SVGGElement} The SVGGElement of the layer removed or null.
+       */
+
+    }, {
+      key: 'deleteCurrentLayer',
+      value: function deleteCurrentLayer() {
+        if (this.current_layer && this.getNumLayers() > 1) {
+          var oldLayerGroup = this.current_layer.removeGroup();
+          this.identifyLayers();
+          return oldLayerGroup;
+        }
+        return null;
+      }
+
+      /**
+       * Updates layer system and sets the current layer to the
+       * top-most layer (last `<g>` child of this drawing).
+       * @returns {undefined}
+      */
+
+    }, {
+      key: 'identifyLayers',
+      value: function identifyLayers() {
+        this.all_layers = [];
+        this.layer_map = {};
+        var numchildren = this.svgElem_.childNodes.length;
+        // loop through all children of SVG element
+        var orphans = [],
+            layernames = [];
+        var layer = null;
+        var childgroups = false;
+        for (var i = 0; i < numchildren; ++i) {
+          var child = this.svgElem_.childNodes.item(i);
+          // for each g, find its layer name
+          if (child && child.nodeType === 1) {
+            if (child.tagName === 'g') {
+              childgroups = true;
+              var _name2 = findLayerNameInGroup(child);
+              if (_name2) {
+                layernames.push(_name2);
+                layer = new Layer(_name2, child);
+                this.all_layers.push(layer);
+                this.layer_map[_name2] = layer;
+              } else {
+                // if group did not have a name, it is an orphan
+                orphans.push(child);
+              }
+            } else if (visElems$1.includes(child.nodeName)) {
+              // Child is "visible" (i.e. not a <title> or <defs> element), so it is an orphan
+              orphans.push(child);
+            }
+          }
+        }
+
+        // If orphans or no layers found, create a new layer and add all the orphans to it
+        if (orphans.length > 0 || !childgroups) {
+          layer = new Layer(getNewLayerName(layernames), null, this.svgElem_);
+          layer.appendChildren(orphans);
+          this.all_layers.push(layer);
+          this.layer_map[name] = layer;
+        } else {
+          layer.activate();
+        }
+        this.current_layer = layer;
+      }
+
+      /**
+       * Creates a new top-level layer in the drawing with the given name and
+       * makes it the current layer.
+       * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+       * @param {module:history.HistoryRecordingService} hrService - History recording service
+       * @returns {SVGGElement} The SVGGElement of the new layer, which is
+       *     also the current layer of this drawing.
+      */
+
+    }, {
+      key: 'createLayer',
+      value: function createLayer(name, hrService) {
+        if (this.current_layer) {
+          this.current_layer.deactivate();
+        }
+        // Check for duplicate name.
+        if (name === undefined || name === null || name === '' || this.layer_map[name]) {
+          name = getNewLayerName(Object.keys(this.layer_map));
+        }
+
+        // Crate new layer and add to DOM as last layer
+        var layer = new Layer(name, null, this.svgElem_);
+        // Like to assume hrService exists, but this is backwards compatible with old version of createLayer.
+        if (hrService) {
+          hrService.startBatchCommand('Create Layer');
+          hrService.insertElement(layer.getGroup());
+          hrService.endBatchCommand();
+        }
+
+        this.all_layers.push(layer);
+        this.layer_map[name] = layer;
+        this.current_layer = layer;
+        return layer.getGroup();
+      }
+
+      /**
+       * Creates a copy of the current layer with the given name and makes it the current layer.
+       * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+       * @param {module:history.HistoryRecordingService} hrService - History recording service
+       * @returns {SVGGElement} The SVGGElement of the new layer, which is
+       *     also the current layer of this drawing.
+      */
+
+    }, {
+      key: 'cloneLayer',
+      value: function cloneLayer(name, hrService) {
+        if (!this.current_layer) {
+          return null;
+        }
+        this.current_layer.deactivate();
+        // Check for duplicate name.
+        if (name === undefined || name === null || name === '' || this.layer_map[name]) {
+          name = getNewLayerName(Object.keys(this.layer_map));
+        }
+
+        // Create new group and add to DOM just after current_layer
+        var currentGroup = this.current_layer.getGroup();
+        var layer = new Layer(name, currentGroup, this.svgElem_);
+        var group = layer.getGroup();
+
+        // Clone children
+        var children = currentGroup.childNodes;
+        for (var _index = 0; _index < children.length; _index++) {
+          var ch = children[_index];
+          if (ch.localName === 'title') {
+            continue;
+          }
+          group.append(this.copyElem(ch));
+        }
+
+        if (hrService) {
+          hrService.startBatchCommand('Duplicate Layer');
+          hrService.insertElement(group);
+          hrService.endBatchCommand();
+        }
+
+        // Update layer containers and current_layer.
+        var index = this.all_layers.indexOf(this.current_layer);
+        if (index >= 0) {
+          this.all_layers.splice(index + 1, 0, layer);
+        } else {
+          this.all_layers.push(layer);
+        }
+        this.layer_map[name] = layer;
+        this.current_layer = layer;
+        return group;
+      }
+
+      /**
+       * Returns whether the layer is visible.  If the layer name is not valid,
+       * then this function returns `false`.
+       * @param {string} layerName - The name of the layer which you want to query.
+       * @returns {boolean} The visibility state of the layer, or `false` if the layer name was invalid.
+      */
+
+    }, {
+      key: 'getLayerVisibility',
+      value: function getLayerVisibility(layerName) {
+        var layer = this.layer_map[layerName];
+        return layer ? layer.isVisible() : false;
+      }
+
+      /**
+       * Sets the visibility of the layer. If the layer name is not valid, this
+       * function returns `null`, otherwise it returns the `SVGElement` representing
+       * the layer. This is an undo-able action.
+       * @param {string} layerName - The name of the layer to change the visibility
+       * @param {boolean} bVisible - Whether the layer should be visible
+       * @returns {?SVGGElement} The SVGGElement representing the layer if the
+       *   `layerName` was valid, otherwise `null`.
+      */
+
+    }, {
+      key: 'setLayerVisibility',
+      value: function setLayerVisibility(layerName, bVisible) {
+        if (typeof bVisible !== 'boolean') {
+          return null;
+        }
+        var layer = this.layer_map[layerName];
+        if (!layer) {
+          return null;
+        }
+        layer.setVisible(bVisible);
+        return layer.getGroup();
+      }
+
+      /**
+       * Returns the opacity of the given layer.  If the input name is not a layer, `null` is returned.
+       * @param {string} layerName - name of the layer on which to get the opacity
+       * @returns {?Float} The opacity value of the given layer.  This will be a value between 0.0 and 1.0, or `null`
+       * if `layerName` is not a valid layer
+      */
+
+    }, {
+      key: 'getLayerOpacity',
+      value: function getLayerOpacity(layerName) {
+        var layer = this.layer_map[layerName];
+        if (!layer) {
+          return null;
+        }
+        return layer.getOpacity();
+      }
+
+      /**
+       * Sets the opacity of the given layer.  If the input name is not a layer,
+       * nothing happens. If opacity is not a value between 0.0 and 1.0, then
+       * nothing happens.
+       * NOTE: this function exists solely to apply a highlighting/de-emphasis
+       * effect to a layer. When it is possible for a user to affect the opacity
+       * of a layer, we will need to allow this function to produce an undo-able
+       * action.
+       * @param {string} layerName - Name of the layer on which to set the opacity
+       * @param {Float} opacity - A float value in the range 0.0-1.0
+       * @returns {undefined}
+      */
+
+    }, {
+      key: 'setLayerOpacity',
+      value: function setLayerOpacity(layerName, opacity) {
+        if (typeof opacity !== 'number' || opacity < 0.0 || opacity > 1.0) {
+          return;
+        }
+        var layer = this.layer_map[layerName];
+        if (layer) {
+          layer.setOpacity(opacity);
+        }
+      }
+
+      /**
+       * Create a clone of an element, updating its ID and its children's IDs when needed
+       * @param {Element} el - DOM element to clone
+       * @returns {Element}
+       */
+
+    }, {
+      key: 'copyElem',
+      value: function copyElem$$1(el) {
+        var self = this;
+        var getNextIdClosure = function getNextIdClosure() {
+          return self.getNextId();
+        };
+        return copyElem(el, getNextIdClosure);
+      }
+    }]);
+    return Drawing;
+  }();
+
+  /**
+   * Called to ensure that drawings will or will not have randomized ids.
+   * The currentDrawing will have its nonce set if it doesn't already.
+   * @function module:draw.randomizeIds
+   * @param {boolean} enableRandomization - flag indicating if documents should have randomized ids
+   * @param {draw.Drawing} currentDrawing
+   * @returns {undefined}
+   */
+  var randomizeIds = function randomizeIds(enableRandomization, currentDrawing) {
+    randIds = enableRandomization === false ? RandomizeModes.NEVER_RANDOMIZE : RandomizeModes.ALWAYS_RANDOMIZE;
+
+    if (randIds === RandomizeModes.ALWAYS_RANDOMIZE && !currentDrawing.getNonce()) {
+      currentDrawing.setNonce(Math.floor(Math.random() * 100001));
+    } else if (randIds === RandomizeModes.NEVER_RANDOMIZE && currentDrawing.getNonce()) {
+      currentDrawing.clearNonce();
+    }
+  };
+
+  // Layer API Functions
+
+  /**
+  * Group: Layers
+  */
+
+  /**
+   * @see {@link https://api.jquery.com/jQuery.data/}
+   * @name external:jQuery.data
+   */
+
+  /**
+   * @interface module:draw.DrawCanvasInit
+   * @property {module:path.pathActions} pathActions
+   * @property {external:jQuery.data} elData
+   * @property {module:history.UndoManager} undoMgr
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#getCurrentGroup
+   * @returns {Element}
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#setCurrentGroup
+   * @param {Element} cg
+   * @returns {undefined}
+  */
+  /**
+   * @function module:draw.DrawCanvasInit#getSelectedElements
+   * @returns {Element[]} the array with selected DOM elements
+  */
+  /**
+   * @function module:draw.DrawCanvasInit#getSVGContent
+   * @returns {SVGSVGElement}
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#getCurrentDrawing
+   * @returns {module:draw.Drawing}
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#clearSelection
+   * @param {boolean} [noCall] - When `true`, does not call the "selected" handler
+   * @returns {undefined}
+  */
+  /**
+   * Run the callback function associated with the given event
+   * @function module:draw.DrawCanvasInit#call
+   * @param {"changed"|"contextset"} ev - String with the event name
+   * @param {module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset} arg - Argument to pass through to the callback
+   * function. If the event is "changed", a (single-item) array of `Element`s is
+   * passed. If the event is "contextset", the arg is `null` or `Element`.
+   * @returns {undefined}
+   */
+  /**
+   * @function module:draw.DrawCanvasInit#addCommandToHistory
+   * @param {Command} cmd
+   * @returns {undefined}
+  */
+  /**
+   * @function module:draw.DrawCanvasInit#changeSVGContent
+   * @returns {undefined}
+   */
+
+  var canvas_ = void 0;
+  /**
+  * @function module:draw.init
+  * @param {module:draw.DrawCanvasInit} canvas
+  * @returns {undefined}
+  */
+  var init$3 = function init(canvas) {
+    canvas_ = canvas;
+  };
+
+  /**
+  * Updates layer system
+  * @function module:draw.identifyLayers
+  * @returns {undefined}
+  */
+  var identifyLayers = function identifyLayers() {
+    leaveContext();
+    canvas_.getCurrentDrawing().identifyLayers();
+  };
+
+  /**
+  * Creates a new top-level layer in the drawing with the given name, sets the current layer
+  * to it, and then clears the selection. This function then calls the 'changed' handler.
+  * This is an undoable action.
+  * @function module:draw.createLayer
+  * @param {string} name - The given name
+  * @param {module:history.HistoryRecordingService} hrService
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {undefined}
+  */
+  var createLayer = function createLayer(name, hrService) {
+    var newLayer = canvas_.getCurrentDrawing().createLayer(name, historyRecordingService(hrService));
+    canvas_.clearSelection();
+    canvas_.call('changed', [newLayer]);
+  };
+
+  /**
+   * Creates a new top-level layer in the drawing with the given name, copies all the current layer's contents
+   * to it, and then clears the selection. This function then calls the 'changed' handler.
+   * This is an undoable action.
+   * @function module:draw.cloneLayer
+   * @param {string} name - The given name. If the layer name exists, a new name will be generated.
+   * @param {module:history.HistoryRecordingService} hrService - History recording service
+   * @fires module:svgcanvas.SvgCanvas#event:changed
+   * @returns {undefined}
+   */
+  var cloneLayer = function cloneLayer(name, hrService) {
+    // Clone the current layer and make the cloned layer the new current layer
+    var newLayer = canvas_.getCurrentDrawing().cloneLayer(name, historyRecordingService(hrService));
+
+    canvas_.clearSelection();
+    leaveContext();
+    canvas_.call('changed', [newLayer]);
+  };
+
+  /**
+  * Deletes the current layer from the drawing and then clears the selection. This function
+  * then calls the 'changed' handler. This is an undoable action.
+  * @function module:draw.deleteCurrentLayer
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {boolean} `true` if an old layer group was found to delete
+  */
+  var deleteCurrentLayer = function deleteCurrentLayer() {
+    var currentLayer = canvas_.getCurrentDrawing().getCurrentLayer();
+    var _currentLayer = currentLayer,
+        nextSibling = _currentLayer.nextSibling;
+
+    var parent = currentLayer.parentNode;
+    currentLayer = canvas_.getCurrentDrawing().deleteCurrentLayer();
+    if (currentLayer) {
+      var batchCmd = new BatchCommand('Delete Layer');
+      // store in our Undo History
+      batchCmd.addSubCommand(new RemoveElementCommand(currentLayer, nextSibling, parent));
+      canvas_.addCommandToHistory(batchCmd);
+      canvas_.clearSelection();
+      canvas_.call('changed', [parent]);
+      return true;
+    }
+    return false;
+  };
+
+  /**
+  * Sets the current layer. If the name is not a valid layer name, then this function returns
+  * false. Otherwise it returns true. This is not an undo-able action.
+  * @function module:draw.setCurrentLayer
+  * @param {string} name - The name of the layer you want to switch to.
+  * @returns {boolean} true if the current layer was switched, otherwise false
+  */
+  var setCurrentLayer = function setCurrentLayer(name) {
+    var result = canvas_.getCurrentDrawing().setCurrentLayer(toXml(name));
+    if (result) {
+      canvas_.clearSelection();
+    }
+    return result;
+  };
+
+  /**
+  * Renames the current layer. If the layer name is not valid (i.e. unique), then this function
+  * does nothing and returns `false`, otherwise it returns `true`. This is an undo-able action.
+  * @function module:draw.renameCurrentLayer
+  * @param {string} newName - the new name you want to give the current layer. This name must
+  * be unique among all layer names.
+  * @fires module:svgcanvas.SvgCanvas#event:changed
+  * @returns {boolean} Whether the rename succeeded
+  */
+  var renameCurrentLayer = function renameCurrentLayer(newName) {
+    var drawing = canvas_.getCurrentDrawing();
+    var layer = drawing.getCurrentLayer();
+    if (layer) {
+      var result = drawing.setCurrentLayerName(newName, historyRecordingService());
+      if (result) {
+        canvas_.call('changed', [layer]);
+        return true;
+      }
+    }
+    return false;
+  };
+
+  /**
+  * Changes the position of the current layer to the new value. If the new index is not valid,
+  * this function does nothing and returns false, otherwise it returns true. This is an
+  * undo-able action.
+  * @function module:draw.setCurrentLayerPosition
+  * @param {Integer} newPos - The zero-based index of the new position of the layer. This should be between
+  * 0 and (number of layers - 1)
+  * @returns {boolean} `true` if the current layer position was changed, `false` otherwise.
+  */
+  var setCurrentLayerPosition = function setCurrentLayerPosition(newPos) {
+    var drawing = canvas_.getCurrentDrawing();
+    var result = drawing.setCurrentLayerPosition(newPos);
+    if (result) {
+      canvas_.addCommandToHistory(new MoveElementCommand(result.currentGroup, result.oldNextSibling, canvas_.getSVGContent()));
+      return true;
+    }
+    return false;
+  };
+
+  /**
+  * Sets the visibility of the layer. If the layer name is not valid, this function return
+  * `false`, otherwise it returns `true`. This is an undo-able action.
+  * @function module:draw.setLayerVisibility
+  * @param {string} layerName - The name of the layer to change the visibility
+  * @param {boolean} bVisible - Whether the layer should be visible
+  * @returns {boolean} true if the layer's visibility was set, false otherwise
+  */
+  var setLayerVisibility = function setLayerVisibility(layerName, bVisible) {
+    var drawing = canvas_.getCurrentDrawing();
+    var prevVisibility = drawing.getLayerVisibility(layerName);
+    var layer = drawing.setLayerVisibility(layerName, bVisible);
+    if (layer) {
+      var oldDisplay = prevVisibility ? 'inline' : 'none';
+      canvas_.addCommandToHistory(new ChangeElementCommand(layer, { display: oldDisplay }, 'Layer Visibility'));
+    } else {
+      return false;
+    }
+
+    if (layer === drawing.getCurrentLayer()) {
+      canvas_.clearSelection();
+      canvas_.pathActions.clear();
+    }
+    // call('changed', [selected]);
+    return true;
+  };
+
+  /**
+  * Moves the selected elements to layerName. If the name is not a valid layer name, then `false`
+  * is returned. Otherwise it returns `true`. This is an undo-able action.
+  * @function module:draw.moveSelectedToLayer
+  * @param {string} layerName - The name of the layer you want to which you want to move the selected elements
+  * @returns {boolean} Whether the selected elements were moved to the layer.
+  */
+  var moveSelectedToLayer = function moveSelectedToLayer(layerName) {
+    // find the layer
+    var drawing = canvas_.getCurrentDrawing();
+    var layer = drawing.getLayerByName(layerName);
+    if (!layer) {
+      return false;
+    }
+
+    var batchCmd = new BatchCommand('Move Elements to Layer');
+
+    // loop for each selected element and move it
+    var selElems = canvas_.getSelectedElements();
+    var i = selElems.length;
+    while (i--) {
+      var elem = selElems[i];
+      if (!elem) {
+        continue;
+      }
+      var oldNextSibling = elem.nextSibling;
+      // TODO: this is pretty brittle!
+      var oldLayer = elem.parentNode;
+      layer.append(elem);
+      batchCmd.addSubCommand(new MoveElementCommand(elem, oldNextSibling, oldLayer));
+    }
+
+    canvas_.addCommandToHistory(batchCmd);
+
+    return true;
+  };
+
+  /**
+  * @function module:draw.mergeLayer
+  * @param {module:history.HistoryRecordingService} hrService
+  * @returns {undefined}
+  */
+  var mergeLayer = function mergeLayer(hrService) {
+    canvas_.getCurrentDrawing().mergeLayer(historyRecordingService(hrService));
+    canvas_.clearSelection();
+    leaveContext();
+    canvas_.changeSVGContent();
+  };
+
+  /**
+  * @function module:draw.mergeAllLayers
+  * @param {module:history.HistoryRecordingService} hrService
+  * @returns {undefined}
+  */
+  var mergeAllLayers = function mergeAllLayers(hrService) {
+    canvas_.getCurrentDrawing().mergeAllLayers(historyRecordingService(hrService));
+    canvas_.clearSelection();
+    leaveContext();
+    canvas_.changeSVGContent();
+  };
+
+  /**
+  * Return from a group context to the regular kind, make any previously
+  * disabled elements enabled again
+  * @function module:draw.leaveContext
+  * @fires module:svgcanvas.SvgCanvas#event:contextset
+  * @returns {undefined}
+  */
+  var leaveContext = function leaveContext() {
+    var len = disabledElems.length;
+    if (len) {
+      for (var i = 0; i < len; i++) {
+        var elem = disabledElems[i];
+        var orig = canvas_.elData(elem, 'orig_opac');
+        if (orig !== 1) {
+          elem.setAttribute('opacity', orig);
+        } else {
+          elem.removeAttribute('opacity');
+        }
+        elem.setAttribute('style', 'pointer-events: inherit');
+      }
+      disabledElems = [];
+      canvas_.clearSelection(true);
+      canvas_.call('contextset', null);
+    }
+    canvas_.setCurrentGroup(null);
+  };
+
+  /**
+  * Set the current context (for in-group editing)
+  * @function module:draw.setContext
+  * @param {Element} elem
+  * @fires module:svgcanvas.SvgCanvas#event:contextset
+  * @returns {undefined}
+  */
+  var setContext = function setContext(elem) {
+    leaveContext();
+    if (typeof elem === 'string') {
+      elem = getElem(elem);
+    }
+
+    // Edit inside this group
+    canvas_.setCurrentGroup(elem);
+
+    // Disable other elements
+    $$5(elem).parentsUntil('#svgcontent').andSelf().siblings().each(function () {
+      var opac = this.getAttribute('opacity') || 1;
+      // Store the original's opacity
+      canvas_.elData(this, 'orig_opac', opac);
+      this.setAttribute('opacity', opac * 0.33);
+      this.setAttribute('style', 'pointer-events: none');
+      disabledElems.push(this);
+    });
+
+    canvas_.clearSelection();
+    canvas_.call('contextset', canvas_.getCurrentGroup());
+  };
+
+  var draw = /*#__PURE__*/Object.freeze({
+    Drawing: Drawing,
+    randomizeIds: randomizeIds,
+    init: init$3,
+    identifyLayers: identifyLayers,
+    createLayer: createLayer,
+    cloneLayer: cloneLayer,
+    deleteCurrentLayer: deleteCurrentLayer,
+    setCurrentLayer: setCurrentLayer,
+    renameCurrentLayer: renameCurrentLayer,
+    setCurrentLayerPosition: setCurrentLayerPosition,
+    setLayerVisibility: setLayerVisibility,
+    moveSelectedToLayer: moveSelectedToLayer,
+    mergeLayer: mergeLayer,
+    mergeAllLayers: mergeAllLayers,
+    leaveContext: leaveContext,
+    setContext: setContext,
+    Layer: Layer
+  });
+
+  /**
+   * Tools for SVG sanitization
+   * @module sanitize
+   * @license MIT
+   *
+   * @copyright 2010 Alexis Deveria, 2010 Jeff Schiller
+   */
+
+  var REVERSE_NS = getReverseNS();
+
+  // this defines which elements and attributes that we support
+  var svgWhiteList_ = {
+    // SVG Elements
+    a: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'xlink:href', 'xlink:title'],
+    circle: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'r', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    clipPath: ['class', 'clipPathUnits', 'id'],
+    defs: [],
+    style: ['type'],
+    desc: [],
+    ellipse: ['class', 'clip-path', 'clip-rule', 'cx', 'cy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    feGaussianBlur: ['class', 'color-interpolation-filters', 'id', 'requiredFeatures', 'stdDeviation'],
+    filter: ['class', 'color-interpolation-filters', 'filterRes', 'filterUnits', 'height', 'id', 'primitiveUnits', 'requiredFeatures', 'width', 'x', 'xlink:href', 'y'],
+    foreignObject: ['class', 'font-size', 'height', 'id', 'opacity', 'requiredFeatures', 'style', 'transform', 'width', 'x', 'y'],
+    g: ['class', 'clip-path', 'clip-rule', 'id', 'display', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'font-family', 'font-size', 'font-style', 'font-weight', 'text-anchor'],
+    image: ['class', 'clip-path', 'clip-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'style', 'systemLanguage', 'transform', 'width', 'x', 'xlink:href', 'xlink:title', 'y'],
+    line: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'x1', 'x2', 'y1', 'y2'],
+    linearGradient: ['class', 'id', 'gradientTransform', 'gradientUnits', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'x1', 'x2', 'xlink:href', 'y1', 'y2'],
+    marker: ['id', 'class', 'markerHeight', 'markerUnits', 'markerWidth', 'orient', 'preserveAspectRatio', 'refX', 'refY', 'systemLanguage', 'viewBox'],
+    mask: ['class', 'height', 'id', 'maskContentUnits', 'maskUnits', 'width', 'x', 'y'],
+    metadata: ['class', 'id'],
+    path: ['class', 'clip-path', 'clip-rule', 'd', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    pattern: ['class', 'height', 'id', 'patternContentUnits', 'patternTransform', 'patternUnits', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xlink:href', 'y'],
+    polygon: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'id', 'class', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    polyline: ['class', 'clip-path', 'clip-rule', 'id', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'opacity', 'points', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform'],
+    radialGradient: ['class', 'cx', 'cy', 'fx', 'fy', 'gradientTransform', 'gradientUnits', 'id', 'r', 'requiredFeatures', 'spreadMethod', 'systemLanguage', 'xlink:href'],
+    rect: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'opacity', 'requiredFeatures', 'rx', 'ry', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'width', 'x', 'y'],
+    stop: ['class', 'id', 'offset', 'requiredFeatures', 'stop-color', 'stop-opacity', 'style', 'systemLanguage'],
+    svg: ['class', 'clip-path', 'clip-rule', 'filter', 'id', 'height', 'mask', 'preserveAspectRatio', 'requiredFeatures', 'style', 'systemLanguage', 'viewBox', 'width', 'x', 'xmlns', 'xmlns:se', 'xmlns:xlink', 'y'],
+    switch: ['class', 'id', 'requiredFeatures', 'systemLanguage'],
+    symbol: ['class', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'opacity', 'preserveAspectRatio', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'transform', 'viewBox'],
+    text: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'transform', 'x', 'xml:space', 'y'],
+    textPath: ['class', 'id', 'method', 'requiredFeatures', 'spacing', 'startOffset', 'style', 'systemLanguage', 'transform', 'xlink:href'],
+    title: [],
+    tspan: ['class', 'clip-path', 'clip-rule', 'dx', 'dy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-style', 'font-weight', 'id', 'mask', 'opacity', 'requiredFeatures', 'rotate', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'systemLanguage', 'text-anchor', 'textLength', 'transform', 'x', 'xml:space', 'y'],
+    use: ['class', 'clip-path', 'clip-rule', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'height', 'id', 'mask', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'style', 'transform', 'width', 'x', 'xlink:href', 'y'],
+
+    // MathML Elements
+    annotation: ['encoding'],
+    'annotation-xml': ['encoding'],
+    maction: ['actiontype', 'other', 'selection'],
+    math: ['class', 'id', 'display', 'xmlns'],
+    menclose: ['notation'],
+    merror: [],
+    mfrac: ['linethickness'],
+    mi: ['mathvariant'],
+    mmultiscripts: [],
+    mn: [],
+    mo: ['fence', 'lspace', 'maxsize', 'minsize', 'rspace', 'stretchy'],
+    mover: [],
+    mpadded: ['lspace', 'width', 'height', 'depth', 'voffset'],
+    mphantom: [],
+    mprescripts: [],
+    mroot: [],
+    mrow: ['xlink:href', 'xlink:type', 'xmlns:xlink'],
+    mspace: ['depth', 'height', 'width'],
+    msqrt: [],
+    mstyle: ['displaystyle', 'mathbackground', 'mathcolor', 'mathvariant', 'scriptlevel'],
+    msub: [],
+    msubsup: [],
+    msup: [],
+    mtable: ['align', 'columnalign', 'columnlines', 'columnspacing', 'displaystyle', 'equalcolumns', 'equalrows', 'frame', 'rowalign', 'rowlines', 'rowspacing', 'width'],
+    mtd: ['columnalign', 'columnspan', 'rowalign', 'rowspan'],
+    mtext: [],
+    mtr: ['columnalign', 'rowalign'],
+    munder: [],
+    munderover: [],
+    none: [],
+    semantics: []
+  };
+
+  // Produce a Namespace-aware version of svgWhitelist
+  var svgWhiteListNS_ = {};
+  Object.entries(svgWhiteList_).forEach(function (_ref) {
+    var _ref2 = slicedToArray(_ref, 2),
+        elt = _ref2[0],
+        atts = _ref2[1];
+
+    var attNS = {};
+    Object.entries(atts).forEach(function (_ref3) {
+      var _ref4 = slicedToArray(_ref3, 2),
+          i = _ref4[0],
+          att = _ref4[1];
+
+      if (att.includes(':')) {
+        var v = att.split(':');
+        attNS[v[1]] = NS[v[0].toUpperCase()];
+      } else {
+        attNS[att] = att === 'xmlns' ? NS.XMLNS : null;
+      }
+    });
+    svgWhiteListNS_[elt] = attNS;
+  });
+
+  /**
+  * Sanitizes the input node and its children.
+  * It only keeps what is allowed from our whitelist defined above.
+  * @function module:sanitize.sanitizeSvg
+  * @param {Text|Element} node - The DOM element to be checked (we'll also check its children) or text node to be cleaned up
+  * @returns {undefined}
+  */
+  var sanitizeSvg = function sanitizeSvg(node) {
+    // Cleanup text nodes
+    if (node.nodeType === 3) {
+      // 3 === TEXT_NODE
+      // Trim whitespace
+      node.nodeValue = node.nodeValue.replace(/^\s+|\s+$/g, '');
+      // Remove if empty
+      if (!node.nodeValue.length) {
+        node.remove();
+      }
+    }
+
+    // We only care about element nodes.
+    // Automatically return for all non-element nodes, such as comments, etc.
+    if (node.nodeType !== 1) {
+      // 1 == ELEMENT_NODE
+      return;
+    }
+
+    var doc = node.ownerDocument;
+    var parent = node.parentNode;
+    // can parent ever be null here?  I think the root node's parent is the document...
+    if (!doc || !parent) {
+      return;
+    }
+
+    var allowedAttrs = svgWhiteList_[node.nodeName];
+    var allowedAttrsNS = svgWhiteListNS_[node.nodeName];
+    // if this element is supported, sanitize it
+    if (typeof allowedAttrs !== 'undefined') {
+      var seAttrs = [];
+      var i = node.attributes.length;
+      while (i--) {
+        // if the attribute is not in our whitelist, then remove it
+        // could use jQuery's inArray(), but I don't know if that's any better
+        var attr = node.attributes.item(i);
+        var attrName = attr.nodeName;
+        var attrLocalName = attr.localName;
+        var attrNsURI = attr.namespaceURI;
+        // Check that an attribute with the correct localName in the correct namespace is on
+        // our whitelist or is a namespace declaration for one of our allowed namespaces
+        if (!(allowedAttrsNS.hasOwnProperty(attrLocalName) && attrNsURI === allowedAttrsNS[attrLocalName] && attrNsURI !== NS.XMLNS) && !(attrNsURI === NS.XMLNS && REVERSE_NS[attr.value])) {
+          // TODO(codedread): Programmatically add the se: attributes to the NS-aware whitelist.
+          // Bypassing the whitelist to allow se: prefixes.
+          // Is there a more appropriate way to do this?
+          if (attrName.startsWith('se:') || attrName.startsWith('data-')) {
+            seAttrs.push([attrName, attr.value]);
+          }
+          node.removeAttributeNS(attrNsURI, attrLocalName);
+        }
+
+        // Add spaces before negative signs where necessary
+        if (isGecko()) {
+          switch (attrName) {
+            case 'transform':
+            case 'gradientTransform':
+            case 'patternTransform':
+              var val = attr.value.replace(/(\d)-/g, '$1 -');
+              node.setAttribute(attrName, val);
+              break;
+          }
+        }
+
+        // For the style attribute, rewrite it in terms of XML presentational attributes
+        if (attrName === 'style') {
+          var props = attr.value.split(';');
+          var p = props.length;
+          while (p--) {
+            var _props$p$split = props[p].split(':'),
+                _props$p$split2 = slicedToArray(_props$p$split, 2),
+                name = _props$p$split2[0],
+                _val = _props$p$split2[1];
+
+            var styleAttrName = (name || '').trim();
+            var styleAttrVal = (_val || '').trim();
+            // Now check that this attribute is supported
+            if (allowedAttrs.includes(styleAttrName)) {
+              node.setAttribute(styleAttrName, styleAttrVal);
+            }
+          }
+          node.removeAttribute('style');
+        }
+      }
+
+      Object.values(seAttrs).forEach(function (_ref5) {
+        var _ref6 = slicedToArray(_ref5, 2),
+            att = _ref6[0],
+            val = _ref6[1];
+
+        node.setAttributeNS(NS.SE, att, val);
+      });
+
+      // for some elements that have a xlink:href, ensure the URI refers to a local element
+      // (but not for links)
+      var href = getHref(node);
+      if (href && ['filter', 'linearGradient', 'pattern', 'radialGradient', 'textPath', 'use'].includes(node.nodeName)) {
+        // TODO: we simply check if the first character is a #, is this bullet-proof?
+        if (href[0] !== '#') {
+          // remove the attribute (but keep the element)
+          setHref(node, '');
+          node.removeAttributeNS(NS.XLINK, 'href');
+        }
+      }
+
+      // Safari crashes on a <use> without a xlink:href, so we just remove the node here
+      if (node.nodeName === 'use' && !getHref(node)) {
+        node.remove();
+        return;
+      }
+      // if the element has attributes pointing to a non-local reference,
+      // need to remove the attribute
+      Object.values(['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'], function (attr) {
+        var val = node.getAttribute(attr);
+        if (val) {
+          val = getUrlFromAttr(val);
+          // simply check for first character being a '#'
+          if (val && val[0] !== '#') {
+            node.setAttribute(attr, '');
+            node.removeAttribute(attr);
+          }
+        }
+      });
+
+      // recurse to children
+      i = node.childNodes.length;
+      while (i--) {
+        sanitizeSvg(node.childNodes.item(i));
+      }
+      // else (element not supported), remove it
+    } else {
+      // remove all children from this node and insert them before this node
+      // FIXME: in the case of animation elements this will hardly ever be correct
+      var children = [];
+      while (node.hasChildNodes()) {
+        children.push(parent.insertBefore(node.firstChild, node));
+      }
+
+      // remove this node from the document altogether
+      node.remove();
+
+      // call sanitizeSvg on each of those children
+      var _i = children.length;
+      while (_i--) {
+        sanitizeSvg(children[_i]);
+      }
+    }
+  };
+
+  /* globals jQuery */
+
+  var $$6 = jQuery;
+
+  // this is how we map paths to our preferred relative segment types
+  var pathMap$1 = [0, 'z', 'M', 'm', 'L', 'l', 'C', 'c', 'Q', 'q', 'A', 'a', 'H', 'h', 'V', 'v', 'S', 's', 'T', 't'];
+
+  /**
+   * @interface module:coords.EditorContext
+   */
+  /**
+   * @function module:coords.EditorContext#getGridSnapping
+   * @returns {boolean}
+   */
+  /**
+   * @function module:coords.EditorContext#getDrawing
+   * @returns {module:draw.Drawing}
+  */
+  /**
+   * @function module:coords.EditorContext#getSVGRoot
+   * @returns {SVGSVGElement}
+  */
+
+  var editorContext_$2 = null;
+
+  /**
+  * @function module:coords.init
+  * @param {module:coords.EditorContext} editorContext
+  */
+  var init$4 = function init(editorContext) {
+    editorContext_$2 = editorContext;
+  };
+
+  /**
+   * Applies coordinate changes to an element based on the given matrix
+   * @function module:coords.remapElement
+   * @implements {module:path.EditorContext#remapElement}
+  */
+  var remapElement = function remapElement(selected, changes, m) {
+    var remap = function remap(x, y) {
+      return transformPoint(x, y, m);
+    },
+        scalew = function scalew(w) {
+      return m.a * w;
+    },
+        scaleh = function scaleh(h) {
+      return m.d * h;
+    },
+        doSnapping = editorContext_$2.getGridSnapping() && selected.parentNode.parentNode.localName === 'svg',
+        finishUp = function finishUp() {
+      if (doSnapping) {
+        for (var o in changes) {
+          changes[o] = snapToGrid(changes[o]);
+        }
+      }
+      assignAttributes(selected, changes, 1000, true);
+    },
+        box = getBBox(selected);
+
+    for (var i = 0; i < 2; i++) {
+      var type = i === 0 ? 'fill' : 'stroke';
+      var attrVal = selected.getAttribute(type);
+      if (attrVal && attrVal.startsWith('url(')) {
+        if (m.a < 0 || m.d < 0) {
+          var grad = getRefElem(attrVal);
+          var newgrad = grad.cloneNode(true);
+          if (m.a < 0) {
+            // flip x
+            var x1 = newgrad.getAttribute('x1');
+            var x2 = newgrad.getAttribute('x2');
+            newgrad.setAttribute('x1', -(x1 - 1));
+            newgrad.setAttribute('x2', -(x2 - 1));
+          }
+
+          if (m.d < 0) {
+            // flip y
+            var y1 = newgrad.getAttribute('y1');
+            var y2 = newgrad.getAttribute('y2');
+            newgrad.setAttribute('y1', -(y1 - 1));
+            newgrad.setAttribute('y2', -(y2 - 1));
+          }
+          newgrad.id = editorContext_$2.getDrawing().getNextId();
+          findDefs().append(newgrad);
+          selected.setAttribute(type, 'url(#' + newgrad.id + ')');
+        }
+
+        // Not really working :(
+        // if (selected.tagName === 'path') {
+        //   reorientGrads(selected, m);
+        // }
+      }
+    }
+
+    var elName = selected.tagName;
+    if (elName === 'g' || elName === 'text' || elName === 'tspan' || elName === 'use') {
+      // if it was a translate, then just update x,y
+      if (m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && (m.e !== 0 || m.f !== 0)) {
+        // [T][M] = [M][T']
+        // therefore [T'] = [M_inv][T][M]
+        var existing = transformListToTransform(selected).matrix,
+            tNew = matrixMultiply(existing.inverse(), m, existing);
+        changes.x = parseFloat(changes.x) + tNew.e;
+        changes.y = parseFloat(changes.y) + tNew.f;
+      } else {
+        // we just absorb all matrices into the element and don't do any remapping
+        var chlist = getTransformList(selected);
+        var mt = editorContext_$2.getSVGRoot().createSVGTransform();
+        mt.setMatrix(matrixMultiply(transformListToTransform(chlist).matrix, m));
+        chlist.clear();
+        chlist.appendItem(mt);
+      }
+    }
+
+    // now we have a set of changes and an applied reduced transform list
+    // we apply the changes directly to the DOM
+    switch (elName) {
+      case 'foreignObject':
+      case 'rect':
+      case 'image':
+        {
+          // Allow images to be inverted (give them matrix when flipped)
+          if (elName === 'image' && (m.a < 0 || m.d < 0)) {
+            // Convert to matrix
+            var _chlist = getTransformList(selected);
+            var _mt = editorContext_$2.getSVGRoot().createSVGTransform();
+            _mt.setMatrix(matrixMultiply(transformListToTransform(_chlist).matrix, m));
+            _chlist.clear();
+            _chlist.appendItem(_mt);
+          } else {
+            var pt1 = remap(changes.x, changes.y);
+            changes.width = scalew(changes.width);
+            changes.height = scaleh(changes.height);
+            changes.x = pt1.x + Math.min(0, changes.width);
+            changes.y = pt1.y + Math.min(0, changes.height);
+            changes.width = Math.abs(changes.width);
+            changes.height = Math.abs(changes.height);
+          }
+          finishUp();
+          break;
+        }case 'ellipse':
+        {
+          var c = remap(changes.cx, changes.cy);
+          changes.cx = c.x;
+          changes.cy = c.y;
+          changes.rx = scalew(changes.rx);
+          changes.ry = scaleh(changes.ry);
+          changes.rx = Math.abs(changes.rx);
+          changes.ry = Math.abs(changes.ry);
+          finishUp();
+          break;
+        }case 'circle':
+        {
+          var _c = remap(changes.cx, changes.cy);
+          changes.cx = _c.x;
+          changes.cy = _c.y;
+          // take the minimum of the new selected box's dimensions for the new circle radius
+          var tbox = transformBox(box.x, box.y, box.width, box.height, m);
+          var w = tbox.tr.x - tbox.tl.x,
+              h = tbox.bl.y - tbox.tl.y;
+          changes.r = Math.min(w / 2, h / 2);
+
+          if (changes.r) {
+            changes.r = Math.abs(changes.r);
+          }
+          finishUp();
+          break;
+        }case 'line':
+        {
+          var _pt = remap(changes.x1, changes.y1);
+          var pt2 = remap(changes.x2, changes.y2);
+          changes.x1 = _pt.x;
+          changes.y1 = _pt.y;
+          changes.x2 = pt2.x;
+          changes.y2 = pt2.y;
+        } // Fallthrough
+      case 'text':
+      case 'tspan':
+      case 'use':
+        {
+          finishUp();
+          break;
+        }case 'g':
+        {
+          var gsvg = $$6(selected).data('gsvg');
+          if (gsvg) {
+            assignAttributes(gsvg, changes, 1000, true);
+          }
+          break;
+        }case 'polyline':
+      case 'polygon':
+        {
+          var len = changes.points.length;
+          for (var _i = 0; _i < len; ++_i) {
+            var pt = changes.points[_i];
+
+            var _remap = remap(pt.x, pt.y),
+                x = _remap.x,
+                y = _remap.y;
+
+            changes.points[_i].x = x;
+            changes.points[_i].y = y;
+          }
+
+          // const len = changes.points.length;
+          var pstr = '';
+          for (var _i2 = 0; _i2 < len; ++_i2) {
+            var _pt2 = changes.points[_i2];
+            pstr += _pt2.x + ',' + _pt2.y + ' ';
+          }
+          selected.setAttribute('points', pstr);
+          break;
+        }case 'path':
+        {
+          var segList = selected.pathSegList;
+          var _len = segList.numberOfItems;
+          changes.d = [];
+          for (var _i3 = 0; _i3 < _len; ++_i3) {
+            var seg = segList.getItem(_i3);
+            changes.d[_i3] = {
+              type: seg.pathSegType,
+              x: seg.x,
+              y: seg.y,
+              x1: seg.x1,
+              y1: seg.y1,
+              x2: seg.x2,
+              y2: seg.y2,
+              r1: seg.r1,
+              r2: seg.r2,
+              angle: seg.angle,
+              largeArcFlag: seg.largeArcFlag,
+              sweepFlag: seg.sweepFlag
+            };
+          }
+
+          _len = changes.d.length;
+          var firstseg = changes.d[0],
+              currentpt = remap(firstseg.x, firstseg.y);
+          changes.d[0].x = currentpt.x;
+          changes.d[0].y = currentpt.y;
+          for (var _i4 = 1; _i4 < _len; ++_i4) {
+            var _seg = changes.d[_i4];
+            var _type = _seg.type;
+            // if absolute or first segment, we want to remap x, y, x1, y1, x2, y2
+            // if relative, we want to scalew, scaleh
+
+            if (_type % 2 === 0) {
+              // absolute
+              var thisx = _seg.x !== undefined ? _seg.x : currentpt.x,
+                  // for V commands
+              thisy = _seg.y !== undefined ? _seg.y : currentpt.y; // for H commands
+              var _pt3 = remap(thisx, thisy);
+              var _pt4 = remap(_seg.x1, _seg.y1);
+              var _pt5 = remap(_seg.x2, _seg.y2);
+              _seg.x = _pt3.x;
+              _seg.y = _pt3.y;
+              _seg.x1 = _pt4.x;
+              _seg.y1 = _pt4.y;
+              _seg.x2 = _pt5.x;
+              _seg.y2 = _pt5.y;
+              _seg.r1 = scalew(_seg.r1);
+              _seg.r2 = scaleh(_seg.r2);
+            } else {
+              // relative
+              _seg.x = scalew(_seg.x);
+              _seg.y = scaleh(_seg.y);
+              _seg.x1 = scalew(_seg.x1);
+              _seg.y1 = scaleh(_seg.y1);
+              _seg.x2 = scalew(_seg.x2);
+              _seg.y2 = scaleh(_seg.y2);
+              _seg.r1 = scalew(_seg.r1);
+              _seg.r2 = scaleh(_seg.r2);
+            }
+          } // for each segment
+
+          var dstr = '';
+          _len = changes.d.length;
+          for (var _i5 = 0; _i5 < _len; ++_i5) {
+            var _seg2 = changes.d[_i5];
+            var _type2 = _seg2.type;
+
+            dstr += pathMap$1[_type2];
+            switch (_type2) {
+              case 13: // relative horizontal line (h)
+              case 12:
+                // absolute horizontal line (H)
+                dstr += _seg2.x + ' ';
+                break;
+              case 15: // relative vertical line (v)
+              case 14:
+                // absolute vertical line (V)
+                dstr += _seg2.y + ' ';
+                break;
+              case 3: // relative move (m)
+              case 5: // relative line (l)
+              case 19: // relative smooth quad (t)
+              case 2: // absolute move (M)
+              case 4: // absolute line (L)
+              case 18:
+                // absolute smooth quad (T)
+                dstr += _seg2.x + ',' + _seg2.y + ' ';
+                break;
+              case 7: // relative cubic (c)
+              case 6:
+                // absolute cubic (C)
+                dstr += _seg2.x1 + ',' + _seg2.y1 + ' ' + _seg2.x2 + ',' + _seg2.y2 + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+                break;
+              case 9: // relative quad (q)
+              case 8:
+                // absolute quad (Q)
+                dstr += _seg2.x1 + ',' + _seg2.y1 + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+                break;
+              case 11: // relative elliptical arc (a)
+              case 10:
+                // absolute elliptical arc (A)
+                dstr += _seg2.r1 + ',' + _seg2.r2 + ' ' + _seg2.angle + ' ' + +_seg2.largeArcFlag + ' ' + +_seg2.sweepFlag + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+                break;
+              case 17: // relative smooth cubic (s)
+              case 16:
+                // absolute smooth cubic (S)
+                dstr += _seg2.x2 + ',' + _seg2.y2 + ' ' + _seg2.x + ',' + _seg2.y + ' ';
+                break;
+            }
+          }
+
+          selected.setAttribute('d', dstr);
+          break;
+        }
+    }
+  };
+
+  /* globals jQuery */
+
+  var $$7 = jqPluginSVG(jQuery);
+
+  var context_ = void 0;
+
+  /**
+  * @interface module:recalculate.EditorContext
+  */
+  /**
+   * @function module:recalculate.EditorContext#getSVGRoot
+   * @returns {SVGSVGElement} The root DOM element
+   */
+  /**
+   * @function module:recalculate.EditorContext#getStartTransform
+   * @returns {string}
+  */
+  /**
+   * @function module:recalculate.EditorContext#setStartTransform
+   * @param {string} transform
+   * @returns {undefined}
+   */
+
+  /**
+  * @function module:recalculate.init
+  * @param {module:recalculate.EditorContext} editorContext
+  * @returns {undefined}
+  */
+  var init$5 = function init$$1(editorContext) {
+    context_ = editorContext;
+  };
+
+  /**
+  * Updates a `<clipPath>`s values based on the given translation of an element
+  * @function module:recalculate.updateClipPath
+  * @param {string} attr - The clip-path attribute value with the clipPath's ID
+  * @param {Float} tx - The translation's x value
+  * @param {Float} ty - The translation's y value
+  * @returns {undefined}
+  */
+  var updateClipPath = function updateClipPath(attr, tx, ty) {
+    var path = getRefElem(attr).firstChild;
+    var cpXform = getTransformList(path);
+    var newxlate = context_.getSVGRoot().createSVGTransform();
+    newxlate.setTranslate(tx, ty);
+
+    cpXform.appendItem(newxlate);
+
+    // Update clipPath's dimensions
+    recalculateDimensions(path);
+  };
+
+  /**
+  * Decides the course of action based on the element's transform list
+  * @function module:recalculate.recalculateDimensions
+  * @param {Element} selected - The DOM element to recalculate
+  * @returns {Command} Undo command object with the resulting change
+  */
+  var recalculateDimensions = function recalculateDimensions(selected) {
+    if (selected == null) {
+      return null;
+    }
+
+    // Firefox Issue - 1081
+    if (selected.nodeName === 'svg' && navigator.userAgent.includes('Firefox/20')) {
+      return null;
+    }
+
+    var svgroot = context_.getSVGRoot();
+    var tlist = getTransformList(selected);
+
+    // remove any unnecessary transforms
+    if (tlist && tlist.numberOfItems > 0) {
+      var k = tlist.numberOfItems;
+      var noi = k;
+      while (k--) {
+        var xform = tlist.getItem(k);
+        if (xform.type === 0) {
+          tlist.removeItem(k);
+          // remove identity matrices
+        } else if (xform.type === 1) {
+          if (isIdentity(xform.matrix)) {
+            if (noi === 1) {
+              // Overcome Chrome bug (though only when noi is 1) with
+              //    `removeItem` preventing `removeAttribute` from
+              //    subsequently working
+              // See https://bugs.chromium.org/p/chromium/issues/detail?id=843901
+              selected.removeAttribute('transform');
+              return null;
+            }
+            tlist.removeItem(k);
+          }
+          // remove zero-degree rotations
+        } else if (xform.type === 4) {
+          if (xform.angle === 0) {
+            tlist.removeItem(k);
+          }
+        }
+      }
+      // End here if all it has is a rotation
+      if (tlist.numberOfItems === 1 && getRotationAngle(selected)) {
+        return null;
+      }
+    }
+
+    // if this element had no transforms, we are done
+    if (!tlist || tlist.numberOfItems === 0) {
+      // Chrome apparently had a bug that requires clearing the attribute first.
+      selected.setAttribute('transform', '');
+      // However, this still next line currently doesn't work at all in Chrome
+      selected.removeAttribute('transform');
+      // selected.transform.baseVal.clear(); // Didn't help for Chrome bug
+      return null;
+    }
+
+    // TODO: Make this work for more than 2
+    if (tlist) {
+      var mxs = [];
+      var _k = tlist.numberOfItems;
+      while (_k--) {
+        var _xform = tlist.getItem(_k);
+        if (_xform.type === 1) {
+          mxs.push([_xform.matrix, _k]);
+        } else if (mxs.length) {
+          mxs = [];
+        }
+      }
+      if (mxs.length === 2) {
+        var mNew = svgroot.createSVGTransformFromMatrix(matrixMultiply(mxs[1][0], mxs[0][0]));
+        tlist.removeItem(mxs[0][1]);
+        tlist.removeItem(mxs[1][1]);
+        tlist.insertItemBefore(mNew, mxs[1][1]);
+      }
+
+      // combine matrix + translate
+      _k = tlist.numberOfItems;
+      if (_k >= 2 && tlist.getItem(_k - 2).type === 1 && tlist.getItem(_k - 1).type === 2) {
+        var mt = svgroot.createSVGTransform();
+
+        var m = matrixMultiply(tlist.getItem(_k - 2).matrix, tlist.getItem(_k - 1).matrix);
+        mt.setMatrix(m);
+        tlist.removeItem(_k - 2);
+        tlist.removeItem(_k - 2);
+        tlist.appendItem(mt);
+      }
+    }
+
+    // If it still has a single [M] or [R][M], return null too (prevents BatchCommand from being returned).
+    switch (selected.tagName) {
+      // Ignore these elements, as they can absorb the [M]
+      case 'line':
+      case 'polyline':
+      case 'polygon':
+      case 'path':
+        break;
+      default:
+        if (tlist.numberOfItems === 1 && tlist.getItem(0).type === 1 || tlist.numberOfItems === 2 && tlist.getItem(0).type === 1 && tlist.getItem(0).type === 4) {
+          return null;
+        }
+    }
+
+    // Grouped SVG element
+    var gsvg = $$7(selected).data('gsvg');
+
+    // we know we have some transforms, so set up return variable
+    var batchCmd = new BatchCommand('Transform');
+
+    // store initial values that will be affected by reducing the transform list
+    var changes = {};
+    var initial = null;
+    var attrs = [];
+    switch (selected.tagName) {
+      case 'line':
+        attrs = ['x1', 'y1', 'x2', 'y2'];
+        break;
+      case 'circle':
+        attrs = ['cx', 'cy', 'r'];
+        break;
+      case 'ellipse':
+        attrs = ['cx', 'cy', 'rx', 'ry'];
+        break;
+      case 'foreignObject':
+      case 'rect':
+      case 'image':
+        attrs = ['width', 'height', 'x', 'y'];
+        break;
+      case 'use':
+      case 'text':
+      case 'tspan':
+        attrs = ['x', 'y'];
+        break;
+      case 'polygon':
+      case 'polyline':
+        {
+          initial = {};
+          initial.points = selected.getAttribute('points');
+          var list = selected.points;
+          var len = list.numberOfItems;
+          changes.points = new Array(len);
+          for (var i = 0; i < len; ++i) {
+            var pt = list.getItem(i);
+            changes.points[i] = { x: pt.x, y: pt.y };
+          }
+          break;
+        }case 'path':
+        initial = {};
+        initial.d = selected.getAttribute('d');
+        changes.d = selected.getAttribute('d');
+        break;
+    } // switch on element type to get initial values
+
+    if (attrs.length) {
+      changes = $$7(selected).attr(attrs);
+      $$7.each(changes, function (attr, val) {
+        changes[attr] = convertToNum(attr, val);
+      });
+    } else if (gsvg) {
+      // GSVG exception
+      changes = {
+        x: $$7(gsvg).attr('x') || 0,
+        y: $$7(gsvg).attr('y') || 0
+      };
+    }
+
+    // if we haven't created an initial array in polygon/polyline/path, then
+    // make a copy of initial values and include the transform
+    if (initial == null) {
+      initial = $$7.extend(true, {}, changes);
+      $$7.each(initial, function (attr, val) {
+        initial[attr] = convertToNum(attr, val);
+      });
+    }
+    // save the start transform value too
+    initial.transform = context_.getStartTransform() || '';
+
+    var oldcenter = void 0,
+        newcenter = void 0;
+
+    // if it's a regular group, we have special processing to flatten transforms
+    if (selected.tagName === 'g' && !gsvg || selected.tagName === 'a') {
+      var box = getBBox(selected);
+
+      oldcenter = { x: box.x + box.width / 2, y: box.y + box.height / 2 };
+      newcenter = transformPoint(box.x + box.width / 2, box.y + box.height / 2, transformListToTransform(tlist).matrix);
+      var _m = svgroot.createSVGMatrix();
+
+      // temporarily strip off the rotate and save the old center
+      var gangle = getRotationAngle(selected);
+      if (gangle) {
+        var a = gangle * Math.PI / 180;
+        var s = void 0;
+        if (Math.abs(a) > 1.0e-10) {
+          s = Math.sin(a) / (1 - Math.cos(a));
+        } else {
+          // FIXME: This blows up if the angle is exactly 0!
+          s = 2 / a;
+        }
+        for (var _i = 0; _i < tlist.numberOfItems; ++_i) {
+          var _xform2 = tlist.getItem(_i);
+          if (_xform2.type === 4) {
+            // extract old center through mystical arts
+            var rm = _xform2.matrix;
+            oldcenter.y = (s * rm.e + rm.f) / 2;
+            oldcenter.x = (rm.e - s * rm.f) / 2;
+            tlist.removeItem(_i);
+            break;
+          }
+        }
+      }
+      var N = tlist.numberOfItems;
+      var tx = 0,
+          ty = 0,
+          operation = 0;
+
+      var firstM = void 0;
+      if (N) {
+        firstM = tlist.getItem(0).matrix;
+      }
+
+      var oldStartTransform = void 0;
+      // first, if it was a scale then the second-last transform will be it
+      if (N >= 3 && tlist.getItem(N - 2).type === 3 && tlist.getItem(N - 3).type === 2 && tlist.getItem(N - 1).type === 2) {
+        operation = 3; // scale
+
+        // if the children are unrotated, pass the scale down directly
+        // otherwise pass the equivalent matrix() down directly
+        var tm = tlist.getItem(N - 3).matrix,
+            sm = tlist.getItem(N - 2).matrix,
+            tmn = tlist.getItem(N - 1).matrix;
+
+        var children = selected.childNodes;
+        var c = children.length;
+        while (c--) {
+          var child = children.item(c);
+          tx = 0;
+          ty = 0;
+          if (child.nodeType === 1) {
+            var childTlist = getTransformList(child);
+
+            // some children might not have a transform (<metadata>, <defs>, etc)
+            if (!childTlist) {
+              continue;
+            }
+
+            var _m2 = transformListToTransform(childTlist).matrix;
+
+            // Convert a matrix to a scale if applicable
+            // if (hasMatrixTransform(childTlist) && childTlist.numberOfItems == 1) {
+            //   if (m.b==0 && m.c==0 && m.e==0 && m.f==0) {
+            //     childTlist.removeItem(0);
+            //     const translateOrigin = svgroot.createSVGTransform(),
+            //       scale = svgroot.createSVGTransform(),
+            //       translateBack = svgroot.createSVGTransform();
+            //     translateOrigin.setTranslate(0, 0);
+            //     scale.setScale(m.a, m.d);
+            //     translateBack.setTranslate(0, 0);
+            //     childTlist.appendItem(translateBack);
+            //     childTlist.appendItem(scale);
+            //     childTlist.appendItem(translateOrigin);
+            //   }
+            // }
+
+            var angle = getRotationAngle(child);
+            oldStartTransform = context_.getStartTransform();
+            context_.setStartTransform(child.getAttribute('transform'));
+            if (angle || hasMatrixTransform(childTlist)) {
+              var e2t = svgroot.createSVGTransform();
+              e2t.setMatrix(matrixMultiply(tm, sm, tmn, _m2));
+              childTlist.clear();
+              childTlist.appendItem(e2t);
+              // if not rotated or skewed, push the [T][S][-T] down to the child
+            } else {
+              // update the transform list with translate,scale,translate
+
+              // slide the [T][S][-T] from the front to the back
+              // [T][S][-T][M] = [M][T2][S2][-T2]
+
+              // (only bringing [-T] to the right of [M])
+              // [T][S][-T][M] = [T][S][M][-T2]
+              // [-T2] = [M_inv][-T][M]
+              var t2n = matrixMultiply(_m2.inverse(), tmn, _m2);
+              // [T2] is always negative translation of [-T2]
+              var t2 = svgroot.createSVGMatrix();
+              t2.e = -t2n.e;
+              t2.f = -t2n.f;
+
+              // [T][S][-T][M] = [M][T2][S2][-T2]
+              // [S2] = [T2_inv][M_inv][T][S][-T][M][-T2_inv]
+              var s2 = matrixMultiply(t2.inverse(), _m2.inverse(), tm, sm, tmn, _m2, t2n.inverse());
+
+              var translateOrigin = svgroot.createSVGTransform(),
+                  scale = svgroot.createSVGTransform(),
+                  translateBack = svgroot.createSVGTransform();
+              translateOrigin.setTranslate(t2n.e, t2n.f);
+              scale.setScale(s2.a, s2.d);
+              translateBack.setTranslate(t2.e, t2.f);
+              childTlist.appendItem(translateBack);
+              childTlist.appendItem(scale);
+              childTlist.appendItem(translateOrigin);
+              // logMatrix(translateBack.matrix);
+              // logMatrix(scale.matrix);
+            } // not rotated
+            batchCmd.addSubCommand(recalculateDimensions(child));
+            // TODO: If any <use> have this group as a parent and are
+            // referencing this child, then we need to impose a reverse
+            // scale on it so that when it won't get double-translated
+            // const uses = selected.getElementsByTagNameNS(NS.SVG, 'use');
+            // const href = '#' + child.id;
+            // let u = uses.length;
+            // while (u--) {
+            //   const useElem = uses.item(u);
+            //   if (href == getHref(useElem)) {
+            //     const usexlate = svgroot.createSVGTransform();
+            //     usexlate.setTranslate(-tx,-ty);
+            //     getTransformList(useElem).insertItemBefore(usexlate,0);
+            //     batchCmd.addSubCommand( recalculateDimensions(useElem) );
+            //   }
+            // }
+            context_.setStartTransform(oldStartTransform);
+          } // element
+        } // for each child
+        // Remove these transforms from group
+        tlist.removeItem(N - 1);
+        tlist.removeItem(N - 2);
+        tlist.removeItem(N - 3);
+      } else if (N >= 3 && tlist.getItem(N - 1).type === 1) {
+        operation = 3; // scale
+        _m = transformListToTransform(tlist).matrix;
+        var _e2t = svgroot.createSVGTransform();
+        _e2t.setMatrix(_m);
+        tlist.clear();
+        tlist.appendItem(_e2t);
+        // next, check if the first transform was a translate
+        // if we had [ T1 ] [ M ] we want to transform this into [ M ] [ T2 ]
+        // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ]
+      } else if ((N === 1 || N > 1 && tlist.getItem(1).type !== 3) && tlist.getItem(0).type === 2) {
+        operation = 2; // translate
+        var T_M = transformListToTransform(tlist).matrix;
+        tlist.removeItem(0);
+        var mInv = transformListToTransform(tlist).matrix.inverse();
+        var M2 = matrixMultiply(mInv, T_M);
+
+        tx = M2.e;
+        ty = M2.f;
+
+        if (tx !== 0 || ty !== 0) {
+          // we pass the translates down to the individual children
+          var _children = selected.childNodes;
+          var _c = _children.length;
+
+          var clipPathsDone = [];
+
+          while (_c--) {
+            var _child = _children.item(_c);
+            if (_child.nodeType === 1) {
+              // Check if child has clip-path
+              if (_child.getAttribute('clip-path')) {
+                // tx, ty
+                var attr = _child.getAttribute('clip-path');
+                if (!clipPathsDone.includes(attr)) {
+                  updateClipPath(attr, tx, ty);
+                  clipPathsDone.push(attr);
+                }
+              }
+
+              oldStartTransform = context_.getStartTransform();
+              context_.setStartTransform(_child.getAttribute('transform'));
+
+              var _childTlist = getTransformList(_child);
+              // some children might not have a transform (<metadata>, <defs>, etc)
+              if (_childTlist) {
+                var newxlate = svgroot.createSVGTransform();
+                newxlate.setTranslate(tx, ty);
+                if (_childTlist.numberOfItems) {
+                  _childTlist.insertItemBefore(newxlate, 0);
+                } else {
+                  _childTlist.appendItem(newxlate);
+                }
+                batchCmd.addSubCommand(recalculateDimensions(_child));
+                // If any <use> have this group as a parent and are
+                // referencing this child, then impose a reverse translate on it
+                // so that when it won't get double-translated
+                var uses = selected.getElementsByTagNameNS(NS.SVG, 'use');
+                var href = '#' + _child.id;
+                var u = uses.length;
+                while (u--) {
+                  var useElem = uses.item(u);
+                  if (href === getHref(useElem)) {
+                    var usexlate = svgroot.createSVGTransform();
+                    usexlate.setTranslate(-tx, -ty);
+                    getTransformList(useElem).insertItemBefore(usexlate, 0);
+                    batchCmd.addSubCommand(recalculateDimensions(useElem));
+                  }
+                }
+                context_.setStartTransform(oldStartTransform);
+              }
+            }
+          }
+
+          clipPathsDone = [];
+          context_.setStartTransform(oldStartTransform);
+        }
+        // else, a matrix imposition from a parent group
+        // keep pushing it down to the children
+      } else if (N === 1 && tlist.getItem(0).type === 1 && !gangle) {
+        operation = 1;
+        var _m3 = tlist.getItem(0).matrix,
+            _children2 = selected.childNodes;
+        var _c2 = _children2.length;
+        while (_c2--) {
+          var _child2 = _children2.item(_c2);
+          if (_child2.nodeType === 1) {
+            oldStartTransform = context_.getStartTransform();
+            context_.setStartTransform(_child2.getAttribute('transform'));
+            var _childTlist2 = getTransformList(_child2);
+
+            if (!_childTlist2) {
+              continue;
+            }
+
+            var em = matrixMultiply(_m3, transformListToTransform(_childTlist2).matrix);
+            var e2m = svgroot.createSVGTransform();
+            e2m.setMatrix(em);
+            _childTlist2.clear();
+            _childTlist2.appendItem(e2m, 0);
+
+            batchCmd.addSubCommand(recalculateDimensions(_child2));
+            context_.setStartTransform(oldStartTransform);
+
+            // Convert stroke
+            // TODO: Find out if this should actually happen somewhere else
+            var sw = _child2.getAttribute('stroke-width');
+            if (_child2.getAttribute('stroke') !== 'none' && !isNaN(sw)) {
+              var avg = (Math.abs(em.a) + Math.abs(em.d)) / 2;
+              _child2.setAttribute('stroke-width', sw * avg);
+            }
+          }
+        }
+        tlist.clear();
+        // else it was just a rotate
+      } else {
+        if (gangle) {
+          var newRot = svgroot.createSVGTransform();
+          newRot.setRotate(gangle, newcenter.x, newcenter.y);
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(newRot, 0);
+          } else {
+            tlist.appendItem(newRot);
+          }
+        }
+        if (tlist.numberOfItems === 0) {
+          selected.removeAttribute('transform');
+        }
+        return null;
+      }
+
+      // if it was a translate, put back the rotate at the new center
+      if (operation === 2) {
+        if (gangle) {
+          newcenter = {
+            x: oldcenter.x + firstM.e,
+            y: oldcenter.y + firstM.f
+          };
+
+          var _newRot = svgroot.createSVGTransform();
+          _newRot.setRotate(gangle, newcenter.x, newcenter.y);
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(_newRot, 0);
+          } else {
+            tlist.appendItem(_newRot);
+          }
+        }
+        // if it was a resize
+      } else if (operation === 3) {
+        var _m4 = transformListToTransform(tlist).matrix;
+        var roldt = svgroot.createSVGTransform();
+        roldt.setRotate(gangle, oldcenter.x, oldcenter.y);
+        var rold = roldt.matrix;
+        var rnew = svgroot.createSVGTransform();
+        rnew.setRotate(gangle, newcenter.x, newcenter.y);
+        var rnewInv = rnew.matrix.inverse(),
+            _mInv = _m4.inverse(),
+            extrat = matrixMultiply(_mInv, rnewInv, rold, _m4);
+
+        tx = extrat.e;
+        ty = extrat.f;
+
+        if (tx !== 0 || ty !== 0) {
+          // now push this transform down to the children
+          // we pass the translates down to the individual children
+          var _children3 = selected.childNodes;
+          var _c3 = _children3.length;
+          while (_c3--) {
+            var _child3 = _children3.item(_c3);
+            if (_child3.nodeType === 1) {
+              oldStartTransform = context_.getStartTransform();
+              context_.setStartTransform(_child3.getAttribute('transform'));
+              var _childTlist3 = getTransformList(_child3);
+              var _newxlate = svgroot.createSVGTransform();
+              _newxlate.setTranslate(tx, ty);
+              if (_childTlist3.numberOfItems) {
+                _childTlist3.insertItemBefore(_newxlate, 0);
+              } else {
+                _childTlist3.appendItem(_newxlate);
+              }
+
+              batchCmd.addSubCommand(recalculateDimensions(_child3));
+              context_.setStartTransform(oldStartTransform);
+            }
+          }
+        }
+
+        if (gangle) {
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(rnew, 0);
+          } else {
+            tlist.appendItem(rnew);
+          }
+        }
+      }
+      // else, it's a non-group
+    } else {
+      // FIXME: box might be null for some elements (<metadata> etc), need to handle this
+      var _box = getBBox(selected);
+
+      // Paths (and possbly other shapes) will have no BBox while still in <defs>,
+      // but we still may need to recalculate them (see issue 595).
+      // TODO: Figure out how to get BBox from these elements in case they
+      // have a rotation transform
+
+      if (!_box && selected.tagName !== 'path') return null;
+
+      var _m5 = svgroot.createSVGMatrix();
+      // temporarily strip off the rotate and save the old center
+      var _angle = getRotationAngle(selected);
+      if (_angle) {
+        oldcenter = { x: _box.x + _box.width / 2, y: _box.y + _box.height / 2 };
+        newcenter = transformPoint(_box.x + _box.width / 2, _box.y + _box.height / 2, transformListToTransform(tlist).matrix);
+
+        var _a = _angle * Math.PI / 180;
+        var _s = Math.abs(_a) > 1.0e-10 ? Math.sin(_a) / (1 - Math.cos(_a))
+        // FIXME: This blows up if the angle is exactly 0!
+        : 2 / _a;
+
+        for (var _i2 = 0; _i2 < tlist.numberOfItems; ++_i2) {
+          var _xform3 = tlist.getItem(_i2);
+          if (_xform3.type === 4) {
+            // extract old center through mystical arts
+            var _rm = _xform3.matrix;
+            oldcenter.y = (_s * _rm.e + _rm.f) / 2;
+            oldcenter.x = (_rm.e - _s * _rm.f) / 2;
+            tlist.removeItem(_i2);
+            break;
+          }
+        }
+      }
+
+      // 2 = translate, 3 = scale, 4 = rotate, 1 = matrix imposition
+      var _operation = 0;
+      var _N = tlist.numberOfItems;
+
+      // Check if it has a gradient with userSpaceOnUse, in which case
+      // adjust it by recalculating the matrix transform.
+      // TODO: Make this work in Webkit using transformlist.SVGTransformList
+      if (!isWebkit()) {
+        var fill = selected.getAttribute('fill');
+        if (fill && fill.startsWith('url(')) {
+          var paint = getRefElem(fill);
+          var type = 'pattern';
+          if (paint.tagName !== type) type = 'gradient';
+          var attrVal = paint.getAttribute(type + 'Units');
+          if (attrVal === 'userSpaceOnUse') {
+            // Update the userSpaceOnUse element
+            _m5 = transformListToTransform(tlist).matrix;
+            var gtlist = getTransformList(paint);
+            var gmatrix = transformListToTransform(gtlist).matrix;
+            _m5 = matrixMultiply(_m5, gmatrix);
+            var mStr = 'matrix(' + [_m5.a, _m5.b, _m5.c, _m5.d, _m5.e, _m5.f].join(',') + ')';
+            paint.setAttribute(type + 'Transform', mStr);
+          }
+        }
+      }
+
+      // first, if it was a scale of a non-skewed element, then the second-last
+      // transform will be the [S]
+      // if we had [M][T][S][T] we want to extract the matrix equivalent of
+      // [T][S][T] and push it down to the element
+      if (_N >= 3 && tlist.getItem(_N - 2).type === 3 && tlist.getItem(_N - 3).type === 2 && tlist.getItem(_N - 1).type === 2) {
+        // Removed this so a <use> with a given [T][S][T] would convert to a matrix.
+        // Is that bad?
+        //  && selected.nodeName != 'use'
+        _operation = 3; // scale
+        _m5 = transformListToTransform(tlist, _N - 3, _N - 1).matrix;
+        tlist.removeItem(_N - 1);
+        tlist.removeItem(_N - 2);
+        tlist.removeItem(_N - 3);
+        // if we had [T][S][-T][M], then this was a skewed element being resized
+        // Thus, we simply combine it all into one matrix
+      } else if (_N === 4 && tlist.getItem(_N - 1).type === 1) {
+        _operation = 3; // scale
+        _m5 = transformListToTransform(tlist).matrix;
+        var _e2t2 = svgroot.createSVGTransform();
+        _e2t2.setMatrix(_m5);
+        tlist.clear();
+        tlist.appendItem(_e2t2);
+        // reset the matrix so that the element is not re-mapped
+        _m5 = svgroot.createSVGMatrix();
+        // if we had [R][T][S][-T][M], then this was a rotated matrix-element
+        // if we had [T1][M] we want to transform this into [M][T2]
+        // therefore [ T2 ] = [ M_inv ] [ T1 ] [ M ] and we can push [T2]
+        // down to the element
+      } else if ((_N === 1 || _N > 1 && tlist.getItem(1).type !== 3) && tlist.getItem(0).type === 2) {
+        _operation = 2; // translate
+        var oldxlate = tlist.getItem(0).matrix,
+            meq = transformListToTransform(tlist, 1).matrix,
+            meqInv = meq.inverse();
+        _m5 = matrixMultiply(meqInv, oldxlate, meq);
+        tlist.removeItem(0);
+        // else if this child now has a matrix imposition (from a parent group)
+        // we might be able to simplify
+      } else if (_N === 1 && tlist.getItem(0).type === 1 && !_angle) {
+        // Remap all point-based elements
+        _m5 = transformListToTransform(tlist).matrix;
+        switch (selected.tagName) {
+          case 'line':
+            changes = $$7(selected).attr(['x1', 'y1', 'x2', 'y2']);
+          // Fallthrough
+          case 'polyline':
+          case 'polygon':
+            changes.points = selected.getAttribute('points');
+            if (changes.points) {
+              var _list = selected.points;
+              var _len = _list.numberOfItems;
+              changes.points = new Array(_len);
+              for (var _i3 = 0; _i3 < _len; ++_i3) {
+                var _pt = _list.getItem(_i3);
+                changes.points[_i3] = { x: _pt.x, y: _pt.y };
+              }
+            }
+          // Fallthrough
+          case 'path':
+            changes.d = selected.getAttribute('d');
+            _operation = 1;
+            tlist.clear();
+            break;
+          default:
+            break;
+        }
+        // if it was a rotation, put the rotate back and return without a command
+        // (this function has zero work to do for a rotate())
+      } else {
+        _operation = 4; // rotation
+        if (_angle) {
+          var _newRot2 = svgroot.createSVGTransform();
+          _newRot2.setRotate(_angle, newcenter.x, newcenter.y);
+
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(_newRot2, 0);
+          } else {
+            tlist.appendItem(_newRot2);
+          }
+        }
+        if (tlist.numberOfItems === 0) {
+          selected.removeAttribute('transform');
+        }
+        return null;
+      }
+
+      // if it was a translate or resize, we need to remap the element and absorb the xform
+      if (_operation === 1 || _operation === 2 || _operation === 3) {
+        remapElement(selected, changes, _m5);
+      } // if we are remapping
+
+      // if it was a translate, put back the rotate at the new center
+      if (_operation === 2) {
+        if (_angle) {
+          if (!hasMatrixTransform(tlist)) {
+            newcenter = {
+              x: oldcenter.x + _m5.e,
+              y: oldcenter.y + _m5.f
+            };
+          }
+          var _newRot3 = svgroot.createSVGTransform();
+          _newRot3.setRotate(_angle, newcenter.x, newcenter.y);
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(_newRot3, 0);
+          } else {
+            tlist.appendItem(_newRot3);
+          }
+        }
+        // We have special processing for tspans:  Tspans are not transformable
+        // but they can have x,y coordinates (sigh).  Thus, if this was a translate,
+        // on a text element, also translate any tspan children.
+        if (selected.tagName === 'text') {
+          var _children4 = selected.childNodes;
+          var _c4 = _children4.length;
+          while (_c4--) {
+            var _child4 = _children4.item(_c4);
+            if (_child4.tagName === 'tspan') {
+              var tspanChanges = {
+                x: $$7(_child4).attr('x') || 0,
+                y: $$7(_child4).attr('y') || 0
+              };
+              remapElement(_child4, tspanChanges, _m5);
+            }
+          }
+        }
+        // [Rold][M][T][S][-T] became [Rold][M]
+        // we want it to be [Rnew][M][Tr] where Tr is the
+        // translation required to re-center it
+        // Therefore, [Tr] = [M_inv][Rnew_inv][Rold][M]
+      } else if (_operation === 3 && _angle) {
+        var _m6 = transformListToTransform(tlist).matrix;
+        var _roldt = svgroot.createSVGTransform();
+        _roldt.setRotate(_angle, oldcenter.x, oldcenter.y);
+        var _rold = _roldt.matrix;
+        var _rnew = svgroot.createSVGTransform();
+        _rnew.setRotate(_angle, newcenter.x, newcenter.y);
+        var _rnewInv = _rnew.matrix.inverse();
+        var _mInv2 = _m6.inverse();
+        var _extrat = matrixMultiply(_mInv2, _rnewInv, _rold, _m6);
+
+        remapElement(selected, changes, _extrat);
+        if (_angle) {
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(_rnew, 0);
+          } else {
+            tlist.appendItem(_rnew);
+          }
+        }
+      }
+    } // a non-group
+
+    // if the transform list has been emptied, remove it
+    if (tlist.numberOfItems === 0) {
+      selected.removeAttribute('transform');
+    }
+
+    batchCmd.addSubCommand(new ChangeElementCommand(selected, initial));
+
+    return batchCmd;
+  };
+
+  /* globals jQuery */
+
+  var $$8 = jQuery;
+
+  var svgFactory_ = void 0;
+  var config_ = void 0;
+  var selectorManager_ = void 0; // A Singleton
+  var gripRadius = isTouch() ? 10 : 4;
+
+  /**
+  * Private class for DOM element selection boxes
+  */
+  var Selector = function () {
+    /**
+    * @param {Integer} id - Internally identify the selector
+    * @param {Element} elem - DOM element associated with this selector
+    * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for initialization (prevents duplicate `getBBox` call).
+    */
+    function Selector(id, elem, bbox) {
+      classCallCheck(this, Selector);
+
+      // this is the selector's unique number
+      this.id = id;
+
+      // this holds a reference to the element for which this selector is being used
+      this.selectedElement = elem;
+
+      // this is a flag used internally to track whether the selector is being used or not
+      this.locked = true;
+
+      // this holds a reference to the <g> element that holds all visual elements of the selector
+      this.selectorGroup = svgFactory_.createSVGElement({
+        element: 'g',
+        attr: { id: 'selectorGroup' + this.id }
+      });
+
+      // this holds a reference to the path rect
+      this.selectorRect = this.selectorGroup.appendChild(svgFactory_.createSVGElement({
+        element: 'path',
+        attr: {
+          id: 'selectedBox' + this.id,
+          fill: 'none',
+          stroke: '#22C',
+          'stroke-width': '1',
+          'stroke-dasharray': '5,5',
+          // need to specify this so that the rect is not selectable
+          style: 'pointer-events:none'
+        }
+      }));
+
+      // this holds a reference to the grip coordinates for this selector
+      this.gripCoords = {
+        nw: null,
+        n: null,
+        ne: null,
+        e: null,
+        se: null,
+        s: null,
+        sw: null,
+        w: null
+      };
+
+      this.reset(this.selectedElement, bbox);
+    }
+
+    /**
+    * Used to reset the id and element that the selector is attached to
+    * @param {Element} e - DOM element associated with this selector
+    * @param {module:utilities.BBoxObject} bbox - Optional bbox to use for reset (prevents duplicate getBBox call).
+    */
+
+
+    createClass(Selector, [{
+      key: 'reset',
+      value: function reset(e, bbox) {
+        this.locked = true;
+        this.selectedElement = e;
+        this.resize(bbox);
+        this.selectorGroup.setAttribute('display', 'inline');
+      }
+
+      /**
+      * Updates cursors for corner grips on rotation so arrows point the right way
+      * @param {Float} angle - Current rotation angle in degrees
+      */
+
+    }, {
+      key: 'updateGripCursors',
+      value: function updateGripCursors(angle) {
+        var dir = void 0;
+        var dirArr = [];
+        var steps = Math.round(angle / 45);
+        if (steps < 0) {
+          steps += 8;
+        }
+        for (dir in selectorManager_.selectorGrips) {
+          dirArr.push(dir);
+        }
+        while (steps > 0) {
+          dirArr.push(dirArr.shift());
+          steps--;
+        }
+        var i = 0;
+        for (dir in selectorManager_.selectorGrips) {
+          selectorManager_.selectorGrips[dir].setAttribute('style', 'cursor:' + dirArr[i] + '-resize');
+          i++;
+        }
+      }
+
+      /**
+      * Show the resize grips of this selector
+      *
+      * @param {boolean} show - Indicates whether grips should be shown or not
+      */
+
+    }, {
+      key: 'showGrips',
+      value: function showGrips(show) {
+        var bShow = show ? 'inline' : 'none';
+        selectorManager_.selectorGripsGroup.setAttribute('display', bShow);
+        var elem = this.selectedElement;
+        this.hasGrips = show;
+        if (elem && show) {
+          this.selectorGroup.append(selectorManager_.selectorGripsGroup);
+          this.updateGripCursors(getRotationAngle(elem));
+        }
+      }
+
+      /**
+      * Updates the selector to match the element's size
+      * @param {module:utilities.BBoxObject} [bbox] - BBox to use for resize (prevents duplicate getBBox call).
+      */
+
+    }, {
+      key: 'resize',
+      value: function resize(bbox) {
+        var selectedBox = this.selectorRect,
+            mgr = selectorManager_,
+            selectedGrips = mgr.selectorGrips,
+            selected = this.selectedElement,
+            sw = selected.getAttribute('stroke-width'),
+            currentZoom = svgFactory_.getCurrentZoom();
+        var offset = 1 / currentZoom;
+        if (selected.getAttribute('stroke') !== 'none' && !isNaN(sw)) {
+          offset += sw / 2;
+        }
+
+        var tagName = selected.tagName;
+
+        if (tagName === 'text') {
+          offset += 2 / currentZoom;
+        }
+
+        // loop and transform our bounding box until we reach our first rotation
+        var tlist = getTransformList(selected);
+        var m = transformListToTransform(tlist).matrix;
+
+        // This should probably be handled somewhere else, but for now
+        // it keeps the selection box correctly positioned when zoomed
+        m.e *= currentZoom;
+        m.f *= currentZoom;
+
+        if (!bbox) {
+          bbox = getBBox(selected);
+        }
+        // TODO: getBBox (previous line) already knows to call getStrokedBBox when tagName === 'g'. Remove this?
+        // TODO: getBBox doesn't exclude 'gsvg' and calls getStrokedBBox for any 'g'. Should getBBox be updated?
+        if (tagName === 'g' && !$$8.data(selected, 'gsvg')) {
+          // The bbox for a group does not include stroke vals, so we
+          // get the bbox based on its children.
+          var strokedBbox = getStrokedBBox([selected.childNodes]);
+          if (strokedBbox) {
+            bbox = strokedBbox;
+          }
+        }
+
+        // apply the transforms
+        var l = bbox.x,
+            t = bbox.y,
+            w = bbox.width,
+            h = bbox.height;
+        bbox = { x: l, y: t, width: w, height: h };
+
+        // we need to handle temporary transforms too
+        // if skewed, get its transformed box, then find its axis-aligned bbox
+
+        // *
+        offset *= currentZoom;
+
+        var nbox = transformBox(l * currentZoom, t * currentZoom, w * currentZoom, h * currentZoom, m),
+            aabox = nbox.aabox;
+
+        var nbax = aabox.x - offset,
+            nbay = aabox.y - offset,
+            nbaw = aabox.width + offset * 2,
+            nbah = aabox.height + offset * 2;
+
+        // now if the shape is rotated, un-rotate it
+        var cx = nbax + nbaw / 2,
+            cy = nbay + nbah / 2;
+
+        var angle = getRotationAngle(selected);
+        if (angle) {
+          var rot = svgFactory_.svgRoot().createSVGTransform();
+          rot.setRotate(-angle, cx, cy);
+          var rotm = rot.matrix;
+          nbox.tl = transformPoint(nbox.tl.x, nbox.tl.y, rotm);
+          nbox.tr = transformPoint(nbox.tr.x, nbox.tr.y, rotm);
+          nbox.bl = transformPoint(nbox.bl.x, nbox.bl.y, rotm);
+          nbox.br = transformPoint(nbox.br.x, nbox.br.y, rotm);
+
+          // calculate the axis-aligned bbox
+          var tl = nbox.tl;
+
+          var minx = tl.x,
+              miny = tl.y,
+              maxx = tl.x,
+              maxy = tl.y;
+
+          var min = Math.min,
+              max = Math.max;
+
+
+          minx = min(minx, min(nbox.tr.x, min(nbox.bl.x, nbox.br.x))) - offset;
+          miny = min(miny, min(nbox.tr.y, min(nbox.bl.y, nbox.br.y))) - offset;
+          maxx = max(maxx, max(nbox.tr.x, max(nbox.bl.x, nbox.br.x))) + offset;
+          maxy = max(maxy, max(nbox.tr.y, max(nbox.bl.y, nbox.br.y))) + offset;
+
+          nbax = minx;
+          nbay = miny;
+          nbaw = maxx - minx;
+          nbah = maxy - miny;
+        }
+
+        var dstr = 'M' + nbax + ',' + nbay + ' L' + (nbax + nbaw) + ',' + nbay + ' ' + (nbax + nbaw) + ',' + (nbay + nbah) + ' ' + nbax + ',' + (nbay + nbah) + 'z';
+        selectedBox.setAttribute('d', dstr);
+
+        var xform = angle ? 'rotate(' + [angle, cx, cy].join(',') + ')' : '';
+        this.selectorGroup.setAttribute('transform', xform);
+
+        // TODO(codedread): Is this needed?
+        //  if (selected === selectedElements[0]) {
+        this.gripCoords = {
+          nw: [nbax, nbay],
+          ne: [nbax + nbaw, nbay],
+          sw: [nbax, nbay + nbah],
+          se: [nbax + nbaw, nbay + nbah],
+          n: [nbax + nbaw / 2, nbay],
+          w: [nbax, nbay + nbah / 2],
+          e: [nbax + nbaw, nbay + nbah / 2],
+          s: [nbax + nbaw / 2, nbay + nbah]
+        };
+        for (var dir in this.gripCoords) {
+          var coords = this.gripCoords[dir];
+          selectedGrips[dir].setAttribute('cx', coords[0]);
+          selectedGrips[dir].setAttribute('cy', coords[1]);
+        }
+
+        // we want to go 20 pixels in the negative transformed y direction, ignoring scale
+        mgr.rotateGripConnector.setAttribute('x1', nbax + nbaw / 2);
+        mgr.rotateGripConnector.setAttribute('y1', nbay);
+        mgr.rotateGripConnector.setAttribute('x2', nbax + nbaw / 2);
+        mgr.rotateGripConnector.setAttribute('y2', nbay - gripRadius * 5);
+
+        mgr.rotateGrip.setAttribute('cx', nbax + nbaw / 2);
+        mgr.rotateGrip.setAttribute('cy', nbay - gripRadius * 5);
+        // }
+      }
+    }]);
+    return Selector;
+  }();
+
+  /**
+  * Manage all selector objects (selection boxes)
+  */
+  var SelectorManager = function () {
+    function SelectorManager() {
+      classCallCheck(this, SelectorManager);
+
+      // this will hold the <g> element that contains all selector rects/grips
+      this.selectorParentGroup = null;
+
+      // this is a special rect that is used for multi-select
+      this.rubberBandBox = null;
+
+      // this will hold objects of type Selector (see above)
+      this.selectors = [];
+
+      // this holds a map of SVG elements to their Selector object
+      this.selectorMap = {};
+
+      // this holds a reference to the grip elements
+      this.selectorGrips = {
+        nw: null,
+        n: null,
+        ne: null,
+        e: null,
+        se: null,
+        s: null,
+        sw: null,
+        w: null
+      };
+
+      this.selectorGripsGroup = null;
+      this.rotateGripConnector = null;
+      this.rotateGrip = null;
+
+      this.initGroup();
+    }
+
+    /**
+    * Resets the parent selector group element
+    */
+
+
+    createClass(SelectorManager, [{
+      key: 'initGroup',
+      value: function initGroup() {
+        // remove old selector parent group if it existed
+        if (this.selectorParentGroup && this.selectorParentGroup.parentNode) {
+          this.selectorParentGroup.remove();
+        }
+
+        // create parent selector group and add it to svgroot
+        this.selectorParentGroup = svgFactory_.createSVGElement({
+          element: 'g',
+          attr: { id: 'selectorParentGroup' }
+        });
+        this.selectorGripsGroup = svgFactory_.createSVGElement({
+          element: 'g',
+          attr: { display: 'none' }
+        });
+        this.selectorParentGroup.append(this.selectorGripsGroup);
+        svgFactory_.svgRoot().append(this.selectorParentGroup);
+
+        this.selectorMap = {};
+        this.selectors = [];
+        this.rubberBandBox = null;
+
+        // add the corner grips
+        for (var dir in this.selectorGrips) {
+          var grip = svgFactory_.createSVGElement({
+            element: 'circle',
+            attr: {
+              id: 'selectorGrip_resize_' + dir,
+              fill: '#22C',
+              r: gripRadius,
+              style: 'cursor:' + dir + '-resize',
+              // This expands the mouse-able area of the grips making them
+              // easier to grab with the mouse.
+              // This works in Opera and WebKit, but does not work in Firefox
+              // see https://bugzilla.mozilla.org/show_bug.cgi?id=500174
+              'stroke-width': 2,
+              'pointer-events': 'all'
+            }
+          });
+
+          $$8.data(grip, 'dir', dir);
+          $$8.data(grip, 'type', 'resize');
+          this.selectorGrips[dir] = this.selectorGripsGroup.appendChild(grip);
+        }
+
+        // add rotator elems
+        this.rotateGripConnector = this.selectorGripsGroup.appendChild(svgFactory_.createSVGElement({
+          element: 'line',
+          attr: {
+            id: 'selectorGrip_rotateconnector',
+            stroke: '#22C',
+            'stroke-width': '1'
+          }
+        }));
+
+        this.rotateGrip = this.selectorGripsGroup.appendChild(svgFactory_.createSVGElement({
+          element: 'circle',
+          attr: {
+            id: 'selectorGrip_rotate',
+            fill: 'lime',
+            r: gripRadius,
+            stroke: '#22C',
+            'stroke-width': 2,
+            style: 'cursor:url(' + config_.imgPath + 'rotate.png) 12 12, auto;'
+          }
+        }));
+        $$8.data(this.rotateGrip, 'type', 'rotate');
+
+        if ($$8('#canvasBackground').length) {
+          return;
+        }
+
+        var _config_$dimensions = slicedToArray(config_.dimensions, 2),
+            width = _config_$dimensions[0],
+            height = _config_$dimensions[1];
+
+        var canvasbg = svgFactory_.createSVGElement({
+          element: 'svg',
+          attr: {
+            id: 'canvasBackground',
+            width: width,
+            height: height,
+            x: 0,
+            y: 0,
+            overflow: isWebkit() ? 'none' : 'visible', // Chrome 7 has a problem with this when zooming out
+            style: 'pointer-events:none'
+          }
+        });
+
+        var rect = svgFactory_.createSVGElement({
+          element: 'rect',
+          attr: {
+            width: '100%',
+            height: '100%',
+            x: 0,
+            y: 0,
+            'stroke-width': 1,
+            stroke: '#000',
+            fill: '#FFF',
+            style: 'pointer-events:none'
+          }
+        });
+
+        // Both Firefox and WebKit are too slow with this filter region (especially at higher
+        // zoom levels) and Opera has at least one bug
+        // if (!isOpera()) rect.setAttribute('filter', 'url(#canvashadow)');
+        canvasbg.append(rect);
+        svgFactory_.svgRoot().insertBefore(canvasbg, svgFactory_.svgContent());
+        // Ok to replace above with `svgFactory_.svgContent().before(canvasbg);`?
+      }
+
+      /**
+      *
+      * @param {Element} elem - DOM element to get the selector for
+      * @param {module:utilities.BBoxObject} [bbox] - Optional bbox to use for reset (prevents duplicate getBBox call).
+      * @returns {Selector} The selector based on the given element
+      */
+
+    }, {
+      key: 'requestSelector',
+      value: function requestSelector(elem, bbox) {
+        if (elem == null) {
+          return null;
+        }
+
+        var N = this.selectors.length;
+        // If we've already acquired one for this element, return it.
+        if (_typeof(this.selectorMap[elem.id]) === 'object') {
+          this.selectorMap[elem.id].locked = true;
+          return this.selectorMap[elem.id];
+        }
+        for (var i = 0; i < N; ++i) {
+          if (this.selectors[i] && !this.selectors[i].locked) {
+            this.selectors[i].locked = true;
+            this.selectors[i].reset(elem, bbox);
+            this.selectorMap[elem.id] = this.selectors[i];
+            return this.selectors[i];
+          }
+        }
+        // if we reached here, no available selectors were found, we create one
+        this.selectors[N] = new Selector(N, elem, bbox);
+        this.selectorParentGroup.append(this.selectors[N].selectorGroup);
+        this.selectorMap[elem.id] = this.selectors[N];
+        return this.selectors[N];
+      }
+
+      /**
+      * Removes the selector of the given element (hides selection box)
+      *
+      * @param {Element} elem - DOM element to remove the selector for
+      */
+
+    }, {
+      key: 'releaseSelector',
+      value: function releaseSelector(elem) {
+        if (elem == null) {
+          return;
+        }
+        var N = this.selectors.length,
+            sel = this.selectorMap[elem.id];
+        if (!sel.locked) {
+          // TODO(codedread): Ensure this exists in this module.
+          console.log('WARNING! selector was released but was already unlocked');
+        }
+        for (var i = 0; i < N; ++i) {
+          if (this.selectors[i] && this.selectors[i] === sel) {
+            delete this.selectorMap[elem.id];
+            sel.locked = false;
+            sel.selectedElement = null;
+            sel.showGrips(false);
+
+            // remove from DOM and store reference in JS but only if it exists in the DOM
+            try {
+              sel.selectorGroup.setAttribute('display', 'none');
+            } catch (e) {}
+
+            break;
+          }
+        }
+      }
+
+      /**
+      * @returns {SVGRectElement} The rubberBandBox DOM element. This is the rectangle drawn by
+      * the user for selecting/zooming
+      */
+
+    }, {
+      key: 'getRubberBandBox',
+      value: function getRubberBandBox() {
+        if (!this.rubberBandBox) {
+          this.rubberBandBox = this.selectorParentGroup.appendChild(svgFactory_.createSVGElement({
+            element: 'rect',
+            attr: {
+              id: 'selectorRubberBand',
+              fill: '#22C',
+              'fill-opacity': 0.15,
+              stroke: '#22C',
+              'stroke-width': 0.5,
+              display: 'none',
+              style: 'pointer-events:none'
+            }
+          }));
+        }
+        return this.rubberBandBox;
+      }
+    }]);
+    return SelectorManager;
+  }();
+
+  /**
+   * An object that creates SVG elements for the canvas.
+   *
+   * @interface module:select.SVGFactory
+   */
+  /**
+   * @function module:select.SVGFactory#createSVGElement
+   * @param {module:utilities.EditorContext#addSVGElementFromJson} jsonMap
+   * @returns {SVGElement}
+   */
+  /**
+   * @function module:select.SVGFactory#svgRoot
+   * @returns {SVGSVGElement}
+   */
+  /**
+   * @function module:select.SVGFactory#svgContent
+   * @returns {SVGSVGElement}
+   */
+  /**
+   * @function module:select.SVGFactory#getCurrentZoom
+   * @returns {Float}
+   */
+
+  /**
+   * @typedef {GenericArray} module:select.Dimensions
+   * @property {Integer} length 2
+   * @property {Float} 0 Width
+   * @property {Float} 1 Height
+   */
+  /**
+   * @typedef {PlainObject} module:select.Config
+   * @property {string} imgPath
+   * @property {module:select.Dimensions} dimensions
+   */
+
+  /**
+   * Initializes this module.
+   * @function module:select.init
+   * @param {module:select.Config} config - An object containing configurable parameters (imgPath)
+   * @param {module:select.SVGFactory} svgFactory - An object implementing the SVGFactory interface.
+   * @returns {undefined}
+   */
+  var init$6 = function init(config, svgFactory) {
+    config_ = config;
+    svgFactory_ = svgFactory;
+    selectorManager_ = new SelectorManager();
+  };
+
+  /**
+   * @function module:select.getSelectorManager
+   * @returns {module:select.SelectorManager} The SelectorManager instance.
+   */
+  var getSelectorManager = function getSelectorManager() {
+    return selectorManager_;
+  };
+
+  /* eslint-disable indent */
+
+  var $$9 = jqPluginSVG(jQuery);
+  var MoveElementCommand$1 = MoveElementCommand,
+      InsertElementCommand$1 = InsertElementCommand,
+      RemoveElementCommand$1 = RemoveElementCommand,
+      ChangeElementCommand$1 = ChangeElementCommand,
+      BatchCommand$1 = BatchCommand,
+      UndoManager$1 = UndoManager,
+      HistoryEventTypes$1 = HistoryEventTypes;
+
+
+  if (!window.console) {
+    window.console = {};
+    window.console.log = function (str) {};
+    window.console.dir = function (str) {};
+  }
+
+  if (window.opera) {
+    window.console.log = function (str) {
+      opera.postError(str);
+    };
+    window.console.dir = function (str) {};
+  }
+
+  /**
+  * The main SvgCanvas class that manages all SVG-related functions
+  * @memberof module:svgcanvas
+  *
+  * @borrows module:coords.remapElement as #remapElement
+  * @borrows module:recalculate.recalculateDimensions as #recalculateDimensions
+  *
+  * @borrows module:utilities.cleanupElement as #cleanupElement
+  * @borrows module:utilities.getStrokedBBoxDefaultVisible as #getStrokedBBox
+  * @borrows module:utilities.getVisibleElements as #getVisibleElements
+  * @borrows module:utilities.findDefs as #findDefs
+  * @borrows module:utilities.getUrlFromAttr as #getUrlFromAttr
+  * @borrows module:utilities.getHref as #getHref
+  * @borrows module:utilities.setHref as #setHref
+  * @borrows module:utilities.getRotationAngle as #getRotationAngle
+  * @borrows module:utilities.getBBox as #getBBox
+  * @borrows module:utilities.getElem as #getElem
+  * @borrows module:utilities.getRefElem as #getRefElem
+  * @borrows module:utilities.assignAttributes as #assignAttributes
+  *
+  * @borrows module:SVGTransformList.getTransformList as #getTransformList
+  * @borrows module:math.matrixMultiply as #matrixMultiply
+  * @borrows module:math.hasMatrixTransform as #hasMatrixTransform
+  * @borrows module:math.transformListToTransform as #transformListToTransform
+  * @borrows module:units.convertToNum as #convertToNum
+  * @borrows module:sanitize.sanitizeSvg as #sanitizeSvg
+  * @borrows module:path.pathActions.linkControlPoints as #linkControlPoints
+  */
+
+  var SvgCanvas =
+  /**
+  * @param {HTMLElement} container - The container HTML element that should hold the SVG root element
+  * @param {module:SVGEditor.curConfig} config - An object that contains configuration data
+  */
+  function SvgCanvas(container, config) {
+    classCallCheck(this, SvgCanvas);
+
+    // Alias Namespace constants
+
+    // Default configuration options
+    var curConfig = {
+      show_outside_canvas: true,
+      selectNew: true,
+      dimensions: [640, 480]
+    };
+
+    // Update config with new one if given
+    if (config) {
+      $$9.extend(curConfig, config);
+    }
+
+    // Array with width/height of canvas
+    var dimensions = curConfig.dimensions;
+
+
+    var canvas = this;
+
+    // "document" element associated with the container (same as window.document using default svg-editor.js)
+    // NOTE: This is not actually a SVG document, but an HTML document.
+    var svgdoc = container.ownerDocument;
+
+    // This is a container for the document being edited, not the document itself.
+    /**
+     * @name module:svgcanvas~svgroot
+     * @type {SVGSVGElement}
+     */
+    var svgroot = svgdoc.importNode(text2xml('<svg id="svgroot" xmlns="' + NS.SVG + '" xlinkns="' + NS.XLINK + '" ' + 'width="' + dimensions[0] + '" height="' + dimensions[1] + '" x="' + dimensions[0] + '" y="' + dimensions[1] + '" overflow="visible">' + '<defs>' + '<filter id="canvashadow" filterUnits="objectBoundingBox">' + '<feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>' + '<feOffset in="blur" dx="5" dy="5" result="offsetBlur"/>' + '<feMerge>' + '<feMergeNode in="offsetBlur"/>' + '<feMergeNode in="SourceGraphic"/>' + '</feMerge>' + '</filter>' + '</defs>' + '</svg>').documentElement, true);
+    container.append(svgroot);
+
+    /**
+     * The actual element that represents the final output SVG element
+     * @name module:svgcanvas~svgcontent
+     * @type {SVGSVGElement}
+     */
+    var svgcontent = svgdoc.createElementNS(NS.SVG, 'svg');
+
+    /**
+    * This function resets the svgcontent element while keeping it in the DOM.
+    * @function module:svgcanvas.SvgCanvas#clearSvgContentElement
+    * @returns {undefined}
+    */
+    var clearSvgContentElement = canvas.clearSvgContentElement = function () {
+      $$9(svgcontent).empty();
+
+      // TODO: Clear out all other attributes first?
+      $$9(svgcontent).attr({
+        id: 'svgcontent',
+        width: dimensions[0],
+        height: dimensions[1],
+        x: dimensions[0],
+        y: dimensions[1],
+        overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden',
+        xmlns: NS.SVG,
+        'xmlns:se': NS.SE,
+        'xmlns:xlink': NS.XLINK
+      }).appendTo(svgroot);
+
+      // TODO: make this string optional and set by the client
+      var comment = svgdoc.createComment(' Created with SVG-edit - https://github.com/SVG-Edit/svgedit');
+      svgcontent.append(comment);
+    };
+    clearSvgContentElement();
+
+    // Prefix string for element IDs
+    var idprefix = 'svg_';
+
+    /**
+    * Changes the ID prefix to the given value
+    * @function module:svgcanvas.SvgCanvas#setIdPrefix
+    * @param {string} p - String with the new prefix
+    * @returns {undefined}
+    */
+    canvas.setIdPrefix = function (p) {
+      idprefix = p;
+    };
+
+    /**
+    * Current draw.Drawing object
+    * @type {module:draw.Drawing}
+    * @name module:svgcanvas.SvgCanvas#current_drawing_
+    */
+    canvas.current_drawing_ = new Drawing(svgcontent, idprefix);
+
+    /**
+    * Returns the current Drawing.
+    * @function module:svgcanvas.SvgCanvas#getCurrentDrawing
+    * @implements {module:draw.DrawCanvasInit#getCurrentDrawing}
+    */
+    var getCurrentDrawing = canvas.getCurrentDrawing = function () {
+      return canvas.current_drawing_;
+    };
+
+    /**
+    * Float displaying the current zoom level (1 = 100%, .5 = 50%, etc)
+    * @type {Float}
+    */
+    var currentZoom = 1;
+
+    // pointer to current group (for in-group editing)
+    var currentGroup = null;
+
+    // Object containing data for the currently selected styles
+    var allProperties = {
+      shape: {
+        fill: (curConfig.initFill.color === 'none' ? '' : '#') + curConfig.initFill.color,
+        fill_paint: null,
+        fill_opacity: curConfig.initFill.opacity,
+        stroke: '#' + curConfig.initStroke.color,
+        stroke_paint: null,
+        stroke_opacity: curConfig.initStroke.opacity,
+        stroke_width: curConfig.initStroke.width,
+        stroke_dasharray: 'none',
+        stroke_linejoin: 'miter',
+        stroke_linecap: 'butt',
+        opacity: curConfig.initOpacity
+      }
+    };
+
+    allProperties.text = $$9.extend(true, {}, allProperties.shape);
+    $$9.extend(allProperties.text, {
+      fill: '#000000',
+      stroke_width: curConfig.text && curConfig.text.stroke_width,
+      font_size: curConfig.text && curConfig.text.font_size,
+      font_family: curConfig.text && curConfig.text.font_family
+    });
+
+    // Current shape style properties
+    var curShape = allProperties.shape;
+
+    // Array with all the currently selected elements
+    // default size of 1 until it needs to grow bigger
+    var selectedElements = [];
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.SVGAsJSON
+    * @property {string} element
+    * @property {PlainObject.<string, string>} attr
+    * @property {module:svgcanvas.SVGAsJSON[]} children
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getContentElem
+    * @param {Text|Element} data
+    * @returns {module:svgcanvas.SVGAsJSON}
+    */
+    var getJsonFromSvgElement = this.getJsonFromSvgElement = function (data) {
+      // Text node
+      if (data.nodeType === 3) return data.nodeValue;
+
+      var retval = {
+        element: data.tagName,
+        // namespace: nsMap[data.namespaceURI],
+        attr: {},
+        children: []
+      };
+
+      // Iterate attributes
+      for (var i = 0, attr; attr = data.attributes[i]; i++) {
+        retval.attr[attr.name] = attr.value;
+      }
+
+      // Iterate children
+      for (var _i = 0, node; node = data.childNodes[_i]; _i++) {
+        retval.children[_i] = getJsonFromSvgElement(node);
+      }
+
+      return retval;
+    };
+
+    /**
+    * This should really be an intersection implementing all rather than a union
+    * @function module:svgcanvas.SvgCanvas#addSVGElementFromJson
+    * @implements {module:utilities.EditorContext#addSVGElementFromJson|module:path.EditorContext#addSVGElementFromJson}
+    */
+    var addSVGElementFromJson = this.addSVGElementFromJson = function (data) {
+      if (typeof data === 'string') return svgdoc.createTextNode(data);
+
+      var shape = getElem(data.attr.id);
+      // if shape is a path but we need to create a rect/ellipse, then remove the path
+      var currentLayer = getCurrentDrawing().getCurrentLayer();
+      if (shape && data.element !== shape.tagName) {
+        shape.remove();
+        shape = null;
+      }
+      if (!shape) {
+        var ns = data.namespace || NS.SVG;
+        shape = svgdoc.createElementNS(ns, data.element);
+        if (currentLayer) {
+          (currentGroup || currentLayer).append(shape);
+        }
+      }
+      if (data.curStyles) {
+        assignAttributes(shape, {
+          fill: curShape.fill,
+          stroke: curShape.stroke,
+          'stroke-width': curShape.stroke_width,
+          'stroke-dasharray': curShape.stroke_dasharray,
+          'stroke-linejoin': curShape.stroke_linejoin,
+          'stroke-linecap': curShape.stroke_linecap,
+          'stroke-opacity': curShape.stroke_opacity,
+          'fill-opacity': curShape.fill_opacity,
+          opacity: curShape.opacity / 2,
+          style: 'pointer-events:inherit'
+        }, 100);
+      }
+      assignAttributes(shape, data.attr, 100);
+      cleanupElement(shape);
+
+      // Children
+      if (data.children) {
+        data.children.forEach(function (child) {
+          shape.append(addSVGElementFromJson(child));
+        });
+      }
+
+      return shape;
+    };
+
+    canvas.getTransformList = getTransformList;
+
+    canvas.matrixMultiply = matrixMultiply;
+    canvas.hasMatrixTransform = hasMatrixTransform;
+    canvas.transformListToTransform = transformListToTransform;
+
+    /**
+    * @implements {module:utilities.EditorContext#getBaseUnit}
+    */
+    var getBaseUnit = function getBaseUnit() {
+      return curConfig.baseUnit;
+    };
+
+    /**
+    * initialize from units.js.
+    * Send in an object implementing the ElementContainer interface (see units.js)
+    */
+    init(
+    /**
+    * @implements {module:units.ElementContainer}
+    */
+    {
+      getBaseUnit: getBaseUnit,
+      getElement: getElem,
+      getHeight: function getHeight() {
+        return svgcontent.getAttribute('height') / currentZoom;
+      },
+      getWidth: function getWidth() {
+        return svgcontent.getAttribute('width') / currentZoom;
+      },
+      getRoundDigits: function getRoundDigits() {
+        return saveOptions.round_digits;
+      }
+    });
+
+    canvas.convertToNum = convertToNum;
+
+    /**
+    * This should really be an intersection implementing all rather than a union
+    * @implements {module:draw.DrawCanvasInit#getSVGContent|module:utilities.EditorContext#getSVGContent}
+    */
+    var getSVGContent = function getSVGContent() {
+      return svgcontent;
+    };
+
+    /**
+    * Should really be an intersection with all needing to apply rather than a union
+    * @function module:svgcanvas.SvgCanvas#getSelectedElements
+    * @implements {module:utilities.EditorContext#getSelectedElements|module:draw.DrawCanvasInit#getSelectedElements|module:path.EditorContext#getSelectedElements}
+    */
+    var getSelectedElements = this.getSelectedElems = function () {
+      return selectedElements;
+    };
+
+    var pathActions$$1 = pathActions;
+
+    /**
+    * This should actually be an intersection as all interfaces should be met
+    * @implements {module:utilities.EditorContext#getSVGRoot|module:recalculate.EditorContext#getSVGRoot|module:coords.EditorContext#getSVGRoot|module:path.EditorContext#getSVGRoot}
+    */
+    var getSVGRoot = function getSVGRoot() {
+      return svgroot;
+    };
+
+    init$2(
+    /**
+    * @implements {module:utilities.EditorContext}
+    */
+    {
+      pathActions: pathActions$$1, // Ok since not modifying
+      getSVGContent: getSVGContent,
+      addSVGElementFromJson: addSVGElementFromJson,
+      getSelectedElements: getSelectedElements,
+      getDOMDocument: function getDOMDocument() {
+        return svgdoc;
+      },
+      getDOMContainer: function getDOMContainer() {
+        return container;
+      },
+
+      getSVGRoot: getSVGRoot,
+      // TODO: replace this mostly with a way to get the current drawing.
+      getBaseUnit: getBaseUnit,
+      getSnappingStep: function getSnappingStep() {
+        return curConfig.snappingStep;
+      }
+    });
+
+    canvas.findDefs = findDefs;
+    canvas.getUrlFromAttr = getUrlFromAttr;
+    canvas.getHref = getHref;
+    canvas.setHref = setHref;
+    /* const getBBox = */canvas.getBBox = getBBox;
+    canvas.getRotationAngle = getRotationAngle;
+    canvas.getElem = getElem;
+    canvas.getRefElem = getRefElem;
+    canvas.assignAttributes = assignAttributes;
+
+    this.cleanupElement = cleanupElement;
+
+    /**
+    * This should actually be an intersection not a union as all should apply
+    * @implements {module:coords.EditorContext|module:path.EditorContext}
+    */
+    var getGridSnapping = function getGridSnapping() {
+      return curConfig.gridSnapping;
+    };
+
+    init$4(
+    /**
+    * @implements {module:coords.EditorContext}
+    */
+    {
+      getDrawing: function getDrawing() {
+        return getCurrentDrawing();
+      },
+
+      getSVGRoot: getSVGRoot,
+      getGridSnapping: getGridSnapping
+    });
+    this.remapElement = remapElement;
+
+    init$5(
+    /**
+    * @implements {module:recalculate.EditorContext}
+    */
+    {
+      getSVGRoot: getSVGRoot,
+      getStartTransform: function getStartTransform() {
+        return startTransform;
+      },
+      setStartTransform: function setStartTransform(transform) {
+        startTransform = transform;
+      }
+    });
+    this.recalculateDimensions = recalculateDimensions;
+
+    // import from sanitize.js
+    var nsMap = getReverseNS();
+    canvas.sanitizeSvg = sanitizeSvg;
+
+    /**
+    * @name undoMgr
+    * @memberof module:svgcanvas.SvgCanvas#
+    * @type {module:history.HistoryEventHandler}
+    */
+    var undoMgr = canvas.undoMgr = new UndoManager$1({
+      /**
+       * @param {string} eventType One of the HistoryEvent types
+       * @param {module:history.HistoryCommand} cmd Fulfills the HistoryCommand interface
+       * @fires module:svgcanvas.SvgCanvas#event:changed
+       * @returns {undefined}
+       */
+      handleHistoryEvent: function handleHistoryEvent(eventType, cmd) {
+        var EventTypes = HistoryEventTypes$1;
+        // TODO: handle setBlurOffsets.
+        if (eventType === EventTypes.BEFORE_UNAPPLY || eventType === EventTypes.BEFORE_APPLY) {
+          canvas.clearSelection();
+        } else if (eventType === EventTypes.AFTER_APPLY || eventType === EventTypes.AFTER_UNAPPLY) {
+          var elems = cmd.elements();
+          canvas.pathActions.clear();
+          call('changed', elems);
+          var cmdType = cmd.type();
+          var isApply = eventType === EventTypes.AFTER_APPLY;
+          if (cmdType === MoveElementCommand$1.type()) {
+            var parent = isApply ? cmd.newParent : cmd.oldParent;
+            if (parent === svgcontent) {
+              identifyLayers();
+            }
+          } else if (cmdType === InsertElementCommand$1.type() || cmdType === RemoveElementCommand$1.type()) {
+            if (cmd.parent === svgcontent) {
+              identifyLayers();
+            }
+            if (cmdType === InsertElementCommand$1.type()) {
+              if (isApply) {
+                restoreRefElems(cmd.elem);
+              }
+            } else {
+              if (!isApply) {
+                restoreRefElems(cmd.elem);
+              }
+            }
+            if (cmd.elem.tagName === 'use') {
+              setUseData(cmd.elem);
+            }
+          } else if (cmdType === ChangeElementCommand$1.type()) {
+            // if we are changing layer names, re-identify all layers
+            if (cmd.elem.tagName === 'title' && cmd.elem.parentNode.parentNode === svgcontent) {
+              identifyLayers();
+            }
+            var values = isApply ? cmd.newValues : cmd.oldValues;
+            // If stdDeviation was changed, update the blur.
+            if (values.stdDeviation) {
+              canvas.setBlurOffsets(cmd.elem.parentNode, values.stdDeviation);
+            }
+            // This is resolved in later versions of webkit, perhaps we should
+            // have a featured detection for correct 'use' behavior?
+            // ——————————
+            // Remove & Re-add hack for Webkit (issue 775)
+            // if (cmd.elem.tagName === 'use' && isWebkit()) {
+            //  const {elem} = cmd;
+            //  if (!elem.getAttribute('x') && !elem.getAttribute('y')) {
+            //    const parent = elem.parentNode;
+            //    const sib = elem.nextSibling;
+            //    elem.remove();
+            //    parent.insertBefore(elem, sib);
+            //    // Ok to replace above with this? `sib.before(elem);`
+            //  }
+            // }
+          }
+        }
+      }
+    });
+
+    /**
+    * This should really be an intersection applying to all types rather than a union
+    * @function module:svgcanvas~addCommandToHistory
+    * @implements {module:path.EditorContext#addCommandToHistory|module:draw.DrawCanvasInit#addCommandToHistory}
+    */
+    var addCommandToHistory = function addCommandToHistory(cmd) {
+      canvas.undoMgr.addCommandToHistory(cmd);
+    };
+
+    /**
+    * This should really be an intersection applying to all types rather than a union
+    * @function module:svgcanvas.SvgCanvas#getZoom
+    * @implements {module:path.EditorContext#getCurrentZoom|module:select.SVGFactory#getCurrentZoom}
+    */
+    var getCurrentZoom = this.getZoom = function () {
+      return currentZoom;
+    };
+
+    /**
+    * This method rounds the incoming value to the nearest value based on the `currentZoom`
+    * @function module:svgcanvas.SvgCanvas#round
+    * @implements {module:path.EditorContext#round}
+    */
+    var round = this.round = function (val) {
+      return parseInt(val * currentZoom, 10) / currentZoom;
+    };
+
+    init$6(curConfig,
+    /**
+    * Export to select.js
+    * @implements {module:select.SVGFactory}
+    */
+    {
+      createSVGElement: function createSVGElement(jsonMap) {
+        return canvas.addSVGElementFromJson(jsonMap);
+      },
+      svgRoot: function svgRoot() {
+        return svgroot;
+      },
+      svgContent: function svgContent() {
+        return svgcontent;
+      },
+
+      getCurrentZoom: getCurrentZoom
+    });
+    /**
+    * This object manages selectors for us
+    * @name module:svgcanvas.SvgCanvas#selectorManager
+    * @type {module:select.SelectorManager}
+    */
+    var selectorManager = this.selectorManager = getSelectorManager();
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getNextId
+    * @implements {module:path.EditorContext#getNextId}
+    */
+    var getNextId = canvas.getNextId = function () {
+      return getCurrentDrawing().getNextId();
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getId
+    * @implements {module:path.EditorContext#getId}
+    */
+    var getId = canvas.getId = function () {
+      return getCurrentDrawing().getId();
+    };
+
+    /**
+    * The "implements" should really be an intersection applying to all types rather than a union
+    * @function module:svgcanvas.SvgCanvas#call
+    * @implements {module:draw.DrawCanvasInit#call|module:path.EditorContext#call}
+    * @param {"selected"|"changed"|"contextset"|"pointsAdded"|"extension_added"|"extensions_added"|"message"|"transition"|"zoomed"|"updateCanvas"|"zoomDone"|"saved"|"exported"|"exportedPDF"|"setnonce"|"unsetnonce"|"cleared"} ev - String with the event name
+    * @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg - Argument to pass through to the callback function.
+    * @returns {undefined}
+    */
+    var call = function call(ev, arg) {
+      if (events[ev]) {
+        return events[ev](window, arg);
+      }
+    };
+
+    /**
+    * Clears the selection. The 'selected' handler is then optionally called.
+    * This should really be an intersection applying to all types rather than a union
+    * @function module:svgcanvas.SvgCanvas#clearSelection
+    * @implements {module:draw.DrawCanvasInit#clearSelection|module:path.EditorContext#clearSelection}
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    */
+    var clearSelection = this.clearSelection = function (noCall) {
+      selectedElements.forEach(function (elem) {
+        if (elem == null) {
+          return;
+        }
+        selectorManager.releaseSelector(elem);
+      });
+      selectedElements = [];
+
+      if (!noCall) {
+        call('selected', selectedElements);
+      }
+    };
+
+    /**
+    * Adds a list of elements to the selection. The 'selected' handler is then called.
+    * @function module:svgcanvas.SvgCanvas#addToSelection
+    * @implements {module:path.EditorContext#addToSelection}
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    */
+    var addToSelection = this.addToSelection = function (elemsToAdd, showGrips) {
+      if (!elemsToAdd.length) {
+        return;
+      }
+      // find the first null in our selectedElements array
+
+      var j = 0;
+      while (j < selectedElements.length) {
+        if (selectedElements[j] == null) {
+          break;
+        }
+        ++j;
+      }
+
+      // now add each element consecutively
+      var i = elemsToAdd.length;
+      while (i--) {
+        var elem = elemsToAdd[i];
+        if (!elem) {
+          continue;
+        }
+        var bbox = getBBox(elem);
+        if (!bbox) {
+          continue;
+        }
+
+        if (elem.tagName === 'a' && elem.childNodes.length === 1) {
+          // Make "a" element's child be the selected element
+          elem = elem.firstChild;
+        }
+
+        // if it's not already there, add it
+        if (!selectedElements.includes(elem)) {
+          selectedElements[j] = elem;
+
+          // only the first selectedBBoxes element is ever used in the codebase these days
+          // if (j === 0) selectedBBoxes[0] = utilsGetBBox(elem);
+          j++;
+          var sel = selectorManager.requestSelector(elem, bbox);
+
+          if (selectedElements.length > 1) {
+            sel.showGrips(false);
+          }
+        }
+      }
+      call('selected', selectedElements);
+
+      if (showGrips || selectedElements.length === 1) {
+        selectorManager.requestSelector(selectedElements[0]).showGrips(true);
+      } else {
+        selectorManager.requestSelector(selectedElements[0]).showGrips(false);
+      }
+
+      // make sure the elements are in the correct order
+      // See: https://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-compareDocumentPosition
+
+      selectedElements.sort(function (a, b) {
+        if (a && b && a.compareDocumentPosition) {
+          return 3 - (b.compareDocumentPosition(a) & 6);
+        }
+        if (a == null) {
+          return 1;
+        }
+      });
+
+      // Make sure first elements are not null
+      while (selectedElements[0] == null) {
+        selectedElements.shift(0);
+      }
+    };
+
+    /**
+    * @implements {module:path.EditorContext#getOpacity}
+    */
+    var getOpacity = function getOpacity() {
+      return curShape.opacity;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getMouseTarget
+    * @implements {module:path.EditorContext#getMouseTarget}
+    */
+    var getMouseTarget = this.getMouseTarget = function (evt) {
+      if (evt == null) {
+        return null;
+      }
+      var mouseTarget = evt.target;
+
+      // if it was a <use>, Opera and WebKit return the SVGElementInstance
+      if (mouseTarget.correspondingUseElement) {
+        mouseTarget = mouseTarget.correspondingUseElement;
+      }
+
+      // for foreign content, go up until we find the foreignObject
+      // WebKit browsers set the mouse target to the svgcanvas div
+      if ([NS.MATH, NS.HTML].includes(mouseTarget.namespaceURI) && mouseTarget.id !== 'svgcanvas') {
+        while (mouseTarget.nodeName !== 'foreignObject') {
+          mouseTarget = mouseTarget.parentNode;
+          if (!mouseTarget) {
+            return svgroot;
+          }
+        }
+      }
+
+      // Get the desired mouseTarget with jQuery selector-fu
+      // If it's root-like, select the root
+      var currentLayer = getCurrentDrawing().getCurrentLayer();
+      if ([svgroot, container, svgcontent, currentLayer].includes(mouseTarget)) {
+        return svgroot;
+      }
+
+      var $target = $$9(mouseTarget);
+
+      // If it's a selection grip, return the grip parent
+      if ($target.closest('#selectorParentGroup').length) {
+        // While we could instead have just returned mouseTarget,
+        // this makes it easier to indentify as being a selector grip
+        return selectorManager.selectorParentGroup;
+      }
+
+      while (mouseTarget.parentNode !== (currentGroup || currentLayer)) {
+        mouseTarget = mouseTarget.parentNode;
+      }
+
+      //
+      // // go up until we hit a child of a layer
+      // while (mouseTarget.parentNode.parentNode.tagName == 'g') {
+      //   mouseTarget = mouseTarget.parentNode;
+      // }
+      // Webkit bubbles the mouse event all the way up to the div, so we
+      // set the mouseTarget to the svgroot like the other browsers
+      // if (mouseTarget.nodeName.toLowerCase() == 'div') {
+      //   mouseTarget = svgroot;
+      // }
+
+      return mouseTarget;
+    };
+
+    /**
+    * @namespace {module:path.pathActions} pathActions
+    * @memberof module:svgcanvas.SvgCanvas#
+    * @see module:path.pathActions
+    */
+    canvas.pathActions = pathActions$$1;
+    /**
+    * @implements {module:path.EditorContext#resetD}
+    */
+    function resetD(p) {
+      p.setAttribute('d', pathActions$$1.convertPath(p));
+    }
+    init$1(
+    /**
+    * @implements {module:path.EditorContext}
+    */
+    {
+      selectorManager: selectorManager, // Ok since not changing
+      canvas: canvas, // Ok since not changing
+      call: call,
+      resetD: resetD,
+      round: round,
+      clearSelection: clearSelection,
+      addToSelection: addToSelection,
+      addCommandToHistory: addCommandToHistory,
+      remapElement: remapElement,
+      addSVGElementFromJson: addSVGElementFromJson,
+      getGridSnapping: getGridSnapping,
+      getOpacity: getOpacity,
+      getSelectedElements: getSelectedElements,
+      getContainer: function getContainer() {
+        return container;
+      },
+      setStarted: function setStarted(s) {
+        started = s;
+      },
+      getRubberBox: function getRubberBox() {
+        return rubberBox;
+      },
+      setRubberBox: function setRubberBox(rb) {
+        rubberBox = rb;
+        return rubberBox;
+      },
+
+      /**
+       * @param {boolean} closedSubpath
+       * @param {SVGCircleElement[]} grips
+       * @fires module:svgcanvas.SvgCanvas#event:pointsAdded
+       * @fires module:svgcanvas.SvgCanvas#event:selected
+       */
+      addPtsToSelection: function addPtsToSelection(_ref) {
+        var closedSubpath = _ref.closedSubpath,
+            grips = _ref.grips;
+
+        // TODO: Correct this:
+        pathActions$$1.canDeleteNodes = true;
+        pathActions$$1.closed_subpath = closedSubpath;
+        call('pointsAdded', { closedSubpath: closedSubpath, grips: grips });
+        call('selected', grips);
+      },
+
+      /**
+       * @param {ChangeElementCommand} cmd
+       * @param {SVGPathElement} elem
+       * @fires module:svgcanvas.SvgCanvas#event:changed
+       * @returns {undefined}
+       */
+      endChanges: function endChanges(_ref2) {
+        var cmd = _ref2.cmd,
+            elem = _ref2.elem;
+
+        addCommandToHistory(cmd);
+        call('changed', [elem]);
+      },
+
+      getCurrentZoom: getCurrentZoom,
+      getId: getId,
+      getNextId: getNextId,
+      getMouseTarget: getMouseTarget,
+      getCurrentMode: function getCurrentMode() {
+        return currentMode;
+      },
+      setCurrentMode: function setCurrentMode(cm) {
+        currentMode = cm;
+        return currentMode;
+      },
+      getDrawnPath: function getDrawnPath() {
+        return drawnPath;
+      },
+      setDrawnPath: function setDrawnPath(dp) {
+        drawnPath = dp;
+        return drawnPath;
+      },
+
+      getSVGRoot: getSVGRoot
+    });
+
+    // Interface strings, usually for title elements
+    var uiStrings = {};
+
+    var visElems = 'a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use';
+    var refAttrs = ['clip-path', 'fill', 'filter', 'marker-end', 'marker-mid', 'marker-start', 'mask', 'stroke'];
+
+    var elData = $$9.data;
+
+    // Animation element to change the opacity of any newly created element
+    var opacAni = document.createElementNS(NS.SVG, 'animate');
+    $$9(opacAni).attr({
+      attributeName: 'opacity',
+      begin: 'indefinite',
+      dur: 1,
+      fill: 'freeze'
+    }).appendTo(svgroot);
+
+    var restoreRefElems = function restoreRefElems(elem) {
+      // Look for missing reference elements, restore any found
+      var attrs = $$9(elem).attr(refAttrs);
+      for (var o in attrs) {
+        var val = attrs[o];
+        if (val && val.startsWith('url(')) {
+          var id = getUrlFromAttr(val).substr(1);
+          var ref = getElem(id);
+          if (!ref) {
+            findDefs().append(removedElements[id]);
+            delete removedElements[id];
+          }
+        }
+      }
+
+      var childs = elem.getElementsByTagName('*');
+
+      if (childs.length) {
+        for (var i = 0, l = childs.length; i < l; i++) {
+          restoreRefElems(childs[i]);
+        }
+      }
+    };
+
+    // (function () {
+    // TODO For Issue 208: this is a start on a thumbnail
+    //  const svgthumb = svgdoc.createElementNS(NS.SVG, 'use');
+    //  svgthumb.setAttribute('width', '100');
+    //  svgthumb.setAttribute('height', '100');
+    //  setHref(svgthumb, '#svgcontent');
+    //  svgroot.append(svgthumb);
+    // }());
+
+    /**
+     * @typedef {PlainObject} module:svgcanvas.SaveOptions
+     * @property {boolean} apply
+     * @property {"embed"} [image]
+     * @property {Integer} round_digits
+     */
+
+    // Object to contain image data for raster images that were found encodable
+    var encodableImages = {},
+
+
+    // Object with save options
+    /**
+     * @type {module:svgcanvas.SaveOptions}
+     */
+    saveOptions = { round_digits: 5 },
+
+
+    // Object with IDs for imported files, to see if one was already added
+    importIds = {},
+
+
+    // Current text style properties
+    curText = allProperties.text,
+
+
+    // Object to contain all included extensions
+    extensions = {},
+
+
+    // Map of deleted reference elements
+    removedElements = {};
+
+    var
+    // String with image URL of last loadable image
+    lastGoodImgUrl = curConfig.imgPath + 'logo.png',
+
+
+    // Boolean indicating whether or not a draw action has been started
+    started = false,
+
+
+    // String with an element's initial transform attribute value
+    startTransform = null,
+
+
+    // String indicating the current editor mode
+    currentMode = 'select',
+
+
+    // String with the current direction in which an element is being resized
+    currentResizeMode = 'none',
+
+
+    // Current general properties
+    curProperties = curShape,
+
+
+    // Array with selected elements' Bounding box object
+    // selectedBBoxes = new Array(1),
+
+    // The DOM element that was just selected
+    justSelected = null,
+
+
+    // DOM element for selection rectangle drawn by the user
+    rubberBox = null,
+
+
+    // Array of current BBoxes, used in getIntersectionList().
+    curBBoxes = [],
+
+
+    // Canvas point for the most recent right click
+    lastClickPoint = null;
+
+    /**
+    * @typedef {module:svgcanvas.ExtensionMouseDownStatus|module:svgcanvas.ExtensionMouseUpStatus|module:svgcanvas.ExtensionIDsUpdatedStatus|module:locale.ExtensionLocaleData[]|undefined} module:svgcanvas.ExtensionStatus
+    * @tutorial ExtensionDocs
+    */
+    /**
+    * @callback module:svgcanvas.ExtensionVarBuilder
+    * @param {string} name The name of the extension
+    */
+    /**
+    * @todo Consider: Should this return an array by default, so extension results aren't overwritten?
+    * @todo Would be easier to document if passing in object with key of action and vars as value; could then define an interface which tied both together
+    * @function module:svgcanvas.SvgCanvas#runExtensions
+    * @param {"mouseDown"|"mouseMove"|"mouseUp"|"zoomChanged"|"IDsUpdated"|"canvasUpdated"|"toolButtonStateUpdate"|"selectedChanged"|"elementTransition"|"elementChanged"|"langReady"|"langChanged"|"addLangData"|"onNewDocument"|"workareaResized"} action
+    * @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown|module:svgcanvas.SvgCanvas#event:ext-mouseMove|module:svgcanvas.SvgCanvas#event:ext-mouseUp|module:svgcanvas.SvgCanvas#event:ext-zoomChanged|module:svgcanvas.SvgCanvas#event:ext-IDsUpdated|module:svgcanvas.SvgCanvas#event:ext-canvasUpdated|module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate|module:svgcanvas.SvgCanvas#event:ext-selectedChanged|module:svgcanvas.SvgCanvas#event:ext-elementTransition|module:svgcanvas.SvgCanvas#event:ext-elementChanged|module:svgcanvas.SvgCanvas#event:ext-langReady|module:svgcanvas.SvgCanvas#event:ext-langChanged|module:svgcanvas.SvgCanvas#event:ext-addLangData|module:svgcanvas.SvgCanvas#event:ext-onNewDocument|module:svgcanvas.SvgCanvas#event:ext-workareaResized|module:svgcanvas.ExtensionVarBuilder} [vars]
+    * @param {boolean} [returnArray]
+    * @returns {GenericArray.<module:svgcanvas.ExtensionStatus>|module:svgcanvas.ExtensionStatus|false} See {@tutorial ExtensionDocs} on the ExtensionStatus.
+    */
+    var runExtensions = this.runExtensions = function (action, vars, returnArray) {
+      var result = returnArray ? [] : false;
+      $$9.each(extensions, function (name, ext) {
+        if (ext && action in ext) {
+          if (typeof vars === 'function') {
+            vars = vars(name); // ext, action
+          }
+          if (returnArray) {
+            result.push(ext[action](vars));
+          } else {
+            result = ext[action](vars);
+          }
+        }
+      });
+      return result;
+    };
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.ExtensionMouseDownStatus
+    * @property {boolean} started Indicates that creating/editing has started
+    */
+    /**
+    * @typedef {PlainObject} module:svgcanvas.ExtensionMouseUpStatus
+    * @property {boolean} keep Indicates if the current element should be kept
+    * @property {boolean} started Indicates if editing should still be considered as "started"
+    * @property {Element} element The element being affected
+    */
+    /**
+    * @typedef {PlainObject} module:svgcanvas.ExtensionIDsUpdatedStatus
+    * @property {string[]} remove Contains string IDs (used by `ext-connector.js`)
+    */
+
+    /**
+     * @interface module:svgcanvas.ExtensionInitResponse
+     * @property {module:SVGEditor.ContextTool[]|PlainObject.<string, module:SVGEditor.ContextTool>} [context_tools]
+     * @property {module:SVGEditor.Button[]|PlainObject.<Integer, module:SVGEditor.Button>} [buttons]
+     * @property {string} [svgicons] The location of a local SVG or SVGz file
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#mouseDown
+     * @param {module:svgcanvas.SvgCanvas#event:ext-mouseDown} arg
+     * @returns {undefined|module:svgcanvas.ExtensionMouseDownStatus}
+     */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#mouseMove
+     * @param {module:svgcanvas.SvgCanvas#event:ext-mouseMove} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#mouseUp
+     * @param {module:svgcanvas.SvgCanvas#event:ext-mouseUp} arg
+     * @returns {module:svgcanvas.ExtensionMouseUpStatus}
+     */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#zoomChanged
+     * @param {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#IDsUpdated
+     * @param {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} arg
+     * @returns {module:svgcanvas.ExtensionIDsUpdatedStatus}
+     */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#canvasUpdated
+     * @param {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#toolButtonStateUpdate
+     * @param {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#selectedChanged
+     * @param {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#elementTransition
+     * @param {module:svgcanvas.SvgCanvas#event:ext-elementTransition} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#elementChanged
+     * @param {module:svgcanvas.SvgCanvas#event:ext-elementChanged} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#langReady
+     * @param {module:svgcanvas.SvgCanvas#event:ext-langReady} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#langChanged
+     * @param {module:svgcanvas.SvgCanvas#event:ext-langChanged} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#addLangData
+     * @param {module:svgcanvas.SvgCanvas#event:ext-addLangData} arg
+     * @returns {Promise} Resolves to {@link module:locale.ExtensionLocaleData}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#onNewDocument
+     * @param {module:svgcanvas.SvgCanvas#event:ext-onNewDocument} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#workareaResized
+     * @param {module:svgcanvas.SvgCanvas#event:ext-workareaResized} arg
+     * @returns {undefined}
+    */
+    /**
+     * @function module:svgcanvas.ExtensionInitResponse#callback
+     * @param {module:svgcanvas.SvgCanvas#event:ext-callback} arg
+     * @returns {undefined}
+    */
+
+    /**
+    * @callback module:svgcanvas.ExtensionInitCallback
+    * @this module:SVGEditor
+    * @param {module:svgcanvas.ExtensionArgumentObject} arg
+    * @returns {Promise} Resolves to [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse} or `undefined`
+    */
+    /**
+    * Add an extension to the editor
+    * @function module:svgcanvas.SvgCanvas#addExtension
+    * @param {string} name - String with the ID of the extension. Used internally; no need for i18n.
+    * @param {module:svgcanvas.ExtensionInitCallback} [extInitFunc] - Function supplied by the extension with its data
+    * @param {module:SVGEditor~ImportLocale} importLocale
+    * @fires module:svgcanvas.SvgCanvas#event:extension_added
+    * @throws {TypeError} If `extInitFunc` is not a function
+    * @returns {Promise} Resolves to `undefined`
+    */
+    this.addExtension = function () {
+      var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(name, extInitFunc, importLocale) {
+        var extObj, argObj;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!(typeof extInitFunc !== 'function')) {
+                  _context.next = 2;
+                  break;
+                }
+
+                throw new TypeError('Function argument expected for `svgcanvas.addExtension`');
+
+              case 2:
+                extObj = {};
+
+                if (name in extensions) {
+                  _context.next = 14;
+                  break;
+                }
+
+                // Provide private vars/funcs here. Is there a better way to do this?
+                /**
+                 * @typedef {module:svgcanvas.PrivateMethods} module:svgcanvas.ExtensionArgumentObject
+                 * @property {SVGSVGElement} svgroot See {@link module:svgcanvas~svgroot}
+                 * @property {SVGSVGElement} svgcontent See {@link module:svgcanvas~svgcontent}
+                 * @property {!(string|Integer)} nonce See {@link module:draw.Drawing#getNonce}
+                 * @property {module:select.SelectorManager} selectorManager
+                 * @property {module:SVGEditor~ImportLocale} importLocale
+                 */
+                /**
+                 * @type {module:svgcanvas.ExtensionArgumentObject}
+                 * @see {@link module:svgcanvas.PrivateMethods} source for the other methods/properties
+                 */
+                argObj = $$9.extend(canvas.getPrivateMethods(), {
+                  importLocale: importLocale,
+                  svgroot: svgroot,
+                  svgcontent: svgcontent,
+                  nonce: getCurrentDrawing().getNonce(),
+                  selectorManager: selectorManager
+                });
+
+                if (!extInitFunc) {
+                  _context.next = 9;
+                  break;
+                }
+
+                _context.next = 8;
+                return extInitFunc(argObj);
+
+              case 8:
+                extObj = _context.sent;
+
+              case 9:
+                if (extObj) {
+                  extObj.name = name;
+                }
+
+                extensions[name] = extObj;
+                return _context.abrupt('return', call('extension_added', extObj));
+
+              case 14:
+                console.log('Cannot add extension "' + name + '", an extension by that name already exists.');
+
+              case 15:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      return function (_x, _x2, _x3) {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+
+    /**
+    * This method sends back an array or a NodeList full of elements that
+    * intersect the multi-select rubber-band-box on the currentLayer only.
+    *
+    * We brute-force `getIntersectionList` for browsers that do not support it (Firefox).
+    *
+    * Reference:
+    * Firefox does not implement `getIntersectionList()`, see {@link https://bugzilla.mozilla.org/show_bug.cgi?id=501421}
+    * @function module:svgcanvas.SvgCanvas#getIntersectionList
+    * @param {SVGRect} rect
+    * @returns {Element[]|NodeList} Bbox elements
+    */
+    var getIntersectionList = this.getIntersectionList = function (rect) {
+      if (rubberBox == null) {
+        return null;
+      }
+
+      var parent = currentGroup || getCurrentDrawing().getCurrentLayer();
+
+      var rubberBBox = void 0;
+      if (!rect) {
+        rubberBBox = rubberBox.getBBox();
+        var bb = svgcontent.createSVGRect();
+
+        for (var o in rubberBBox) {
+          bb[o] = rubberBBox[o] / currentZoom;
+        }
+        rubberBBox = bb;
+      } else {
+        rubberBBox = svgcontent.createSVGRect();
+        rubberBBox.x = rect.x;
+        rubberBBox.y = rect.y;
+        rubberBBox.width = rect.width;
+        rubberBBox.height = rect.height;
+      }
+
+      var resultList = null;
+      if (!isIE) {
+        if (typeof svgroot.getIntersectionList === 'function') {
+          // Offset the bbox of the rubber box by the offset of the svgcontent element.
+          rubberBBox.x += parseInt(svgcontent.getAttribute('x'), 10);
+          rubberBBox.y += parseInt(svgcontent.getAttribute('y'), 10);
+
+          resultList = svgroot.getIntersectionList(rubberBBox, parent);
+        }
+      }
+
+      if (resultList == null || typeof resultList.item !== 'function') {
+        resultList = [];
+
+        if (!curBBoxes.length) {
+          // Cache all bboxes
+          curBBoxes = getVisibleElementsAndBBoxes(parent);
+        }
+        var i = curBBoxes.length;
+        while (i--) {
+          if (!rubberBBox.width) {
+            continue;
+          }
+          if (rectsIntersect(rubberBBox, curBBoxes[i].bbox)) {
+            resultList.push(curBBoxes[i].elem);
+          }
+        }
+      }
+
+      // addToSelection expects an array, but it's ok to pass a NodeList
+      // because using square-bracket notation is allowed:
+      // https://www.w3.org/TR/DOM-Level-2-Core/ecma-script-binding.html
+      return resultList;
+    };
+
+    this.getStrokedBBox = getStrokedBBoxDefaultVisible;
+
+    this.getVisibleElements = getVisibleElements;
+
+    /**
+    * @typedef {PlainObject} ElementAndBBox
+    * @property {Element} elem - The element
+    * @property {module:utilities.BBoxObject} bbox - The element's BBox as retrieved from `getStrokedBBoxDefaultVisible`
+    */
+
+    /**
+    * Get all elements that have a BBox (excludes `<defs>`, `<title>`, etc).
+    * Note that 0-opacity, off-screen etc elements are still considered "visible"
+    * for this function
+    * @function module:svgcanvas.SvgCanvas#getVisibleElementsAndBBoxes
+    * @param {Element} parent - The parent DOM element to search within
+    * @returns {ElementAndBBox[]} An array with objects that include:
+    */
+    var getVisibleElementsAndBBoxes = this.getVisibleElementsAndBBoxes = function (parent) {
+      if (!parent) {
+        parent = $$9(svgcontent).children(); // Prevent layers from being included
+      }
+      var contentElems = [];
+      $$9(parent).children().each(function (i, elem) {
+        if (elem.getBBox) {
+          contentElems.push({ elem: elem, bbox: getStrokedBBoxDefaultVisible([elem]) });
+        }
+      });
+      return contentElems.reverse();
+    };
+
+    /**
+    * Wrap an SVG element into a group element, mark the group as 'gsvg'
+    * @function module:svgcanvas.SvgCanvas#groupSvgElem
+    * @param {Element} elem - SVG element to wrap
+    * @returns {undefined}
+    */
+    var groupSvgElem = this.groupSvgElem = function (elem) {
+      var g = document.createElementNS(NS.SVG, 'g');
+      elem.replaceWith(g);
+      $$9(g).append(elem).data('gsvg', elem)[0].id = getNextId();
+    };
+
+    // Set scope for these functions
+
+    // Object to contain editor event names and callback functions
+    var events = {};
+
+    canvas.call = call;
+    /**
+     * Array of what was changed (elements, layers)
+     * @event module:svgcanvas.SvgCanvas#event:changed
+     * @type {Element[]}
+     */
+    /**
+     * Array of selected elements
+     * @event module:svgcanvas.SvgCanvas#event:selected
+     * @type {Element[]}
+     */
+    /**
+     * Array of selected elements
+     * @event module:svgcanvas.SvgCanvas#event:transition
+     * @type {Element[]}
+     */
+    /**
+     * The Element is always `SVGGElement`?
+     * If not `null`, will be the set current group element
+     * @event module:svgcanvas.SvgCanvas#event:contextset
+     * @type {null|Element}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:pointsAdded
+     * @type {PlainObject}
+     * @property {boolean} closedSubpath
+     * @property {SVGCircleElement[]} grips Grips elements
+     */
+
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:zoomed
+     * @type {PlainObject}
+     * @property {Float} x
+     * @property {Float} y
+     * @property {Float} width
+     * @property {Float} height
+     * @property {0.5|2} factor
+     * @see module:SVGEditor.BBoxObjectWithFactor
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:updateCanvas
+     * @type {PlainObject}
+     * @property {false} center
+     * @property {module:math.XYObject} newCtr
+     */
+    /**
+     * @typedef {PlainObject} module:svgcanvas.ExtensionInitResponsePlusName
+     * @implements {module:svgcanvas.ExtensionInitResponse}
+     * @property {string} name The extension's resolved ID (whether explicit or based on file name)
+     */
+    /**
+     * Generalized extension object response of
+     * [`init()`]{@link module:svgcanvas.ExtensionInitCallback}
+     * along with the name of the extension.
+     * @event module:svgcanvas.SvgCanvas#event:extension_added
+     * @type {module:svgcanvas.ExtensionInitResponsePlusName|undefined}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:extensions_added
+     * @type {undefined}
+    */
+    /**
+     * @typedef {PlainObject} module:svgcanvas.Message
+     * @property {Any} data The data
+     * @property {string} origin The origin
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:message
+     * @type {module:svgcanvas.Message}
+     */
+    /**
+     * SVG canvas converted to string
+     * @event module:svgcanvas.SvgCanvas#event:saved
+     * @type {string}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:setnonce
+     * @type {!(string|Integer)}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:unsetnonce
+     * @type {undefined}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:zoomDone
+     * @type {undefined}
+    */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:cleared
+     * @type {undefined}
+    */
+
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:exported
+     * @type {module:svgcanvas.ImageExportedResults}
+     */
+    /**
+     * @event module:svgcanvas.SvgCanvas#event:exportedPDF
+     * @type {module:svgcanvas.PDFExportedResults}
+     */
+    /**
+     * Creating a cover-all class until {@link https://github.com/jsdoc3/jsdoc/issues/1545} may be supported.
+     * `undefined` may be returned by {@link module:svgcanvas.SvgCanvas#event:extension_added} if the extension's `init` returns `undefined` It is also the type for the following events "zoomDone", "unsetnonce", "cleared", and "extensions_added".
+     * @event module:svgcanvas.SvgCanvas#event:GenericCanvasEvent
+     * @type {module:svgcanvas.SvgCanvas#event:selected|module:svgcanvas.SvgCanvas#event:changed|module:svgcanvas.SvgCanvas#event:contextset|module:svgcanvas.SvgCanvas#event:pointsAdded|module:svgcanvas.SvgCanvas#event:extension_added|module:svgcanvas.SvgCanvas#event:extensions_added|module:svgcanvas.SvgCanvas#event:message|module:svgcanvas.SvgCanvas#event:transition|module:svgcanvas.SvgCanvas#event:zoomed|module:svgcanvas.SvgCanvas#event:updateCanvas|module:svgcanvas.SvgCanvas#event:saved|module:svgcanvas.SvgCanvas#event:exported|module:svgcanvas.SvgCanvas#event:exportedPDF|module:svgcanvas.SvgCanvas#event:setnonce|module:svgcanvas.SvgCanvas#event:unsetnonce|undefined}
+     */
+
+    /**
+    * @callback module:svgcanvas.EventHandler
+    * @param {external:Window} win
+    * @param {module:svgcanvas.SvgCanvas#event:GenericCanvasEvent} arg
+    * @listens module:svgcanvas.SvgCanvas#event:GenericCanvasEvent
+    */
+
+    /**
+    * Attaches a callback function to an event
+    * @function module:svgcanvas.SvgCanvas#bind
+    * @param {"changed"|"contextset"|"selected"|"pointsAdded"|"extension_added"|"extensions_added"|"message"|"transition"|"zoomed"|"updateCanvas"|"zoomDone"|"saved"|"exported"|"exportedPDF"|"setnonce"|"unsetnonce"|"cleared"} ev - String indicating the name of the event
+    * @param {module:svgcanvas.EventHandler} f - The callback function to bind to the event
+    * @returns {module:svgcanvas.EventHandler} The previous event
+    */
+    canvas.bind = function (ev, f) {
+      var old = events[ev];
+      events[ev] = f;
+      return old;
+    };
+
+    /**
+    * Runs the SVG Document through the sanitizer and then updates its paths.
+    * @function module:svgcanvas.SvgCanvas#prepareSvg
+    * @param {XMLDocument} newDoc - The SVG DOM document
+    * @returns {undefined}
+    */
+    this.prepareSvg = function (newDoc) {
+      this.sanitizeSvg(newDoc.documentElement);
+
+      // convert paths into absolute commands
+      var paths = [].concat(toConsumableArray(newDoc.getElementsByTagNameNS(NS.SVG, 'path')));
+      paths.forEach(function (path$$1) {
+        path$$1.setAttribute('d', pathActions$$1.convertPath(path$$1));
+        pathActions$$1.fixEnd(path$$1);
+      });
+    };
+
+    /**
+    * Hack for Firefox bugs where text element features aren't updated or get
+    * messed up. See issue 136 and issue 137.
+    * This function clones the element and re-selects it.
+    * @function module:svgcanvas~ffClone
+    * @todo Test for this bug on load and add it to "support" object instead of
+    * browser sniffing
+    * @param {Element} elem - The (text) DOM element to clone
+    * @returns {Element} Cloned element
+    */
+    var ffClone = function ffClone(elem) {
+      if (!isGecko()) {
+        return elem;
+      }
+      var clone = elem.cloneNode(true);
+      elem.before(clone);
+      elem.remove();
+      selectorManager.releaseSelector(elem);
+      selectedElements[0] = clone;
+      selectorManager.requestSelector(clone).showGrips(true);
+      return clone;
+    };
+
+    // `this.each` is deprecated, if any extension used this it can be recreated by doing this:
+    // * @example $(canvas.getRootElem()).children().each(...)
+    // * @function module:svgcanvas.SvgCanvas#each
+    // this.each = function (cb) {
+    //  $(svgroot).children().each(cb);
+    // };
+
+    /**
+    * Removes any old rotations if present, prepends a new rotation at the
+    * transformed center
+    * @function module:svgcanvas.SvgCanvas#setRotationAngle
+    * @param {string|Float} val - The new rotation angle in degrees
+    * @param {boolean} preventUndo - Indicates whether the action should be undoable or not
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setRotationAngle = function (val, preventUndo) {
+      // ensure val is the proper type
+      val = parseFloat(val);
+      var elem = selectedElements[0];
+      var oldTransform = elem.getAttribute('transform');
+      var bbox = getBBox(elem);
+      var cx = bbox.x + bbox.width / 2,
+          cy = bbox.y + bbox.height / 2;
+      var tlist = getTransformList(elem);
+
+      // only remove the real rotational transform if present (i.e. at index=0)
+      if (tlist.numberOfItems > 0) {
+        var xform = tlist.getItem(0);
+        if (xform.type === 4) {
+          tlist.removeItem(0);
+        }
+      }
+      // find Rnc and insert it
+      if (val !== 0) {
+        var center = transformPoint(cx, cy, transformListToTransform(tlist).matrix);
+        var Rnc = svgroot.createSVGTransform();
+        Rnc.setRotate(val, center.x, center.y);
+        if (tlist.numberOfItems) {
+          tlist.insertItemBefore(Rnc, 0);
+        } else {
+          tlist.appendItem(Rnc);
+        }
+      } else if (tlist.numberOfItems === 0) {
+        elem.removeAttribute('transform');
+      }
+
+      if (!preventUndo) {
+        // we need to undo it, then redo it so it can be undo-able! :)
+        // TODO: figure out how to make changes to transform list undo-able cross-browser?
+        var newTransform = elem.getAttribute('transform');
+        elem.setAttribute('transform', oldTransform);
+        changeSelectedAttribute('transform', newTransform, selectedElements);
+        call('changed', selectedElements);
+      }
+      // const pointGripContainer = getElem('pathpointgrip_container');
+      // if (elem.nodeName === 'path' && pointGripContainer) {
+      //   pathActions.setPointContainerTransform(elem.getAttribute('transform'));
+      // }
+      var selector = selectorManager.requestSelector(selectedElements[0]);
+      selector.resize();
+      selector.updateGripCursors(val);
+    };
+
+    /**
+    * Runs `recalculateDimensions` on the selected elements,
+    * adding the changes to a single batch command
+    * @function module:svgcanvas.SvgCanvas#recalculateAllSelectedDimensions
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    var recalculateAllSelectedDimensions = this.recalculateAllSelectedDimensions = function () {
+      var text = currentResizeMode === 'none' ? 'position' : 'size';
+      var batchCmd = new BatchCommand$1(text);
+
+      var i = selectedElements.length;
+      while (i--) {
+        var elem = selectedElements[i];
+        // if (getRotationAngle(elem) && !hasMatrixTransform(getTransformList(elem))) { continue; }
+        var cmd = recalculateDimensions(elem);
+        if (cmd) {
+          batchCmd.addSubCommand(cmd);
+        }
+      }
+
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+        call('changed', selectedElements);
+      }
+    };
+
+    /**
+     * Debug tool to easily see the current matrix in the browser's console
+     * @function module:svgcanvas~logMatrix
+     * @param {SVGMatrix} m The matrix
+     * @returns {undefined}
+     */
+    var logMatrix = function logMatrix(m) {
+      console.log([m.a, m.b, m.c, m.d, m.e, m.f]);
+    };
+
+    // Root Current Transformation Matrix in user units
+    var rootSctm = null;
+
+    /**
+    * Group: Selection
+    */
+
+    // TODO: do we need to worry about selectedBBoxes here?
+
+    /**
+    * Selects only the given elements, shortcut for clearSelection(); addToSelection()
+    * @function module:svgcanvas.SvgCanvas#selectOnly
+    * @param {Element[]} elems - an array of DOM elements to be selected
+    * @param {boolean} showGrips - Indicates whether the resize grips should be shown
+    * @returns {undefined}
+    */
+    var selectOnly = this.selectOnly = function (elems, showGrips) {
+      clearSelection(true);
+      addToSelection(elems, showGrips);
+    };
+
+    // TODO: could use slice here to make this faster?
+    // TODO: should the 'selected' handler
+
+    /**
+    * Removes elements from the selection.
+    * @function module:svgcanvas.SvgCanvas#removeFromSelection
+    * @param {Element[]} elemsToRemove - An array of elements to remove from selection
+    * @returns {undefined}
+    */
+    /* const removeFromSelection = */this.removeFromSelection = function (elemsToRemove) {
+      if (selectedElements[0] == null) {
+        return;
+      }
+      if (!elemsToRemove.length) {
+        return;
+      }
+
+      // find every element and remove it from our array copy
+      var newSelectedItems = [],
+          len = selectedElements.length;
+      for (var i = 0; i < len; ++i) {
+        var elem = selectedElements[i];
+        if (elem) {
+          // keep the item
+          if (!elemsToRemove.includes(elem)) {
+            newSelectedItems.push(elem);
+          } else {
+            // remove the item and its selector
+            selectorManager.releaseSelector(elem);
+          }
+        }
+      }
+      // the copy becomes the master now
+      selectedElements = newSelectedItems;
+    };
+
+    /**
+    * Clears the selection, then adds all elements in the current layer to the selection.
+    * @function module:svgcanvas.SvgCanvas#selectAllInCurrentLayer
+    * @returns {undefined}
+    */
+    this.selectAllInCurrentLayer = function () {
+      var currentLayer = getCurrentDrawing().getCurrentLayer();
+      if (currentLayer) {
+        currentMode = 'select';
+        selectOnly($$9(currentGroup || currentLayer).children());
+      }
+    };
+
+    var drawnPath = null;
+
+    // Mouse events
+    (function () {
+      var freehand = {
+        minx: null,
+        miny: null,
+        maxx: null,
+        maxy: null
+      };
+      var THRESHOLD_DIST = 0.8,
+          STEP_COUNT = 10;
+      var dAttr = null,
+          startX = null,
+          startY = null,
+          rStartX = null,
+          rStartY = null,
+          initBbox = {},
+          sumDistance = 0,
+          controllPoint2 = { x: 0, y: 0 },
+          controllPoint1 = { x: 0, y: 0 },
+          start = { x: 0, y: 0 },
+          end = { x: 0, y: 0 },
+          bSpline = { x: 0, y: 0 },
+          nextPos = { x: 0, y: 0 },
+          parameter = void 0,
+          nextParameter = void 0;
+
+      var getBsplinePoint = function getBsplinePoint(t) {
+        var spline = { x: 0, y: 0 },
+            p0 = controllPoint2,
+            p1 = controllPoint1,
+            p2 = start,
+            p3 = end,
+            S = 1.0 / 6.0,
+            t2 = t * t,
+            t3 = t2 * t;
+
+        var m = [[-1, 3, -3, 1], [3, -6, 3, 0], [-3, 0, 3, 0], [1, 4, 1, 0]];
+
+        spline.x = S * ((p0.x * m[0][0] + p1.x * m[0][1] + p2.x * m[0][2] + p3.x * m[0][3]) * t3 + (p0.x * m[1][0] + p1.x * m[1][1] + p2.x * m[1][2] + p3.x * m[1][3]) * t2 + (p0.x * m[2][0] + p1.x * m[2][1] + p2.x * m[2][2] + p3.x * m[2][3]) * t + (p0.x * m[3][0] + p1.x * m[3][1] + p2.x * m[3][2] + p3.x * m[3][3]));
+        spline.y = S * ((p0.y * m[0][0] + p1.y * m[0][1] + p2.y * m[0][2] + p3.y * m[0][3]) * t3 + (p0.y * m[1][0] + p1.y * m[1][1] + p2.y * m[1][2] + p3.y * m[1][3]) * t2 + (p0.y * m[2][0] + p1.y * m[2][1] + p2.y * m[2][2] + p3.y * m[2][3]) * t + (p0.y * m[3][0] + p1.y * m[3][1] + p2.y * m[3][2] + p3.y * m[3][3]));
+
+        return {
+          x: spline.x,
+          y: spline.y
+        };
+      };
+      /**
+       * - When we are in a create mode, the element is added to the canvas but the
+       *   action is not recorded until mousing up.
+       * - When we are in select mode, select the element, remember the position
+       *   and do nothing else
+       * @param {MouseEvent} evt
+       * @fires module:svgcanvas.SvgCanvas#event:ext-mouseDown
+       * @returns {undefined}
+       */
+      var mouseDown = function mouseDown(evt) {
+        if (canvas.spaceKey || evt.button === 1) {
+          return;
+        }
+
+        var rightClick = evt.button === 2;
+
+        if (evt.altKey) {
+          // duplicate when dragging
+          canvas.cloneSelectedElements(0, 0);
+        }
+
+        rootSctm = $$9('#svgcontent g')[0].getScreenCTM().inverse();
+
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+            mouseX = pt.x * currentZoom,
+            mouseY = pt.y * currentZoom;
+
+        evt.preventDefault();
+
+        if (rightClick) {
+          currentMode = 'select';
+          lastClickPoint = pt;
+        }
+
+        // This would seem to be unnecessary...
+        // if (!['select', 'resize'].includes(currentMode)) {
+        //   setGradient();
+        // }
+
+        var x = mouseX / currentZoom,
+            y = mouseY / currentZoom;
+        var mouseTarget = getMouseTarget(evt);
+
+        if (mouseTarget.tagName === 'a' && mouseTarget.childNodes.length === 1) {
+          mouseTarget = mouseTarget.firstChild;
+        }
+
+        // realX/y ignores grid-snap value
+        var realX = x;
+        rStartX = startX = x;
+        var realY = y;
+        rStartY = startY = y;
+
+        if (curConfig.gridSnapping) {
+          x = snapToGrid(x);
+          y = snapToGrid(y);
+          startX = snapToGrid(startX);
+          startY = snapToGrid(startY);
+        }
+
+        // if it is a selector grip, then it must be a single element selected,
+        // set the mouseTarget to that and update the mode to rotate/resize
+
+        if (mouseTarget === selectorManager.selectorParentGroup && selectedElements[0] != null) {
+          var grip = evt.target;
+          var griptype = elData(grip, 'type');
+          // rotating
+          if (griptype === 'rotate') {
+            currentMode = 'rotate';
+            // resizing
+          } else if (griptype === 'resize') {
+            currentMode = 'resize';
+            currentResizeMode = elData(grip, 'dir');
+          }
+          mouseTarget = selectedElements[0];
+        }
+
+        startTransform = mouseTarget.getAttribute('transform');
+        var i = void 0,
+            strokeW = void 0;
+        var tlist = getTransformList(mouseTarget);
+        switch (currentMode) {
+          case 'select':
+            started = true;
+            currentResizeMode = 'none';
+            if (rightClick) {
+              started = false;
+            }
+
+            if (mouseTarget !== svgroot) {
+              // if this element is not yet selected, clear selection and select it
+              if (!selectedElements.includes(mouseTarget)) {
+                // only clear selection if shift is not pressed (otherwise, add
+                // element to selection)
+                if (!evt.shiftKey) {
+                  // No need to do the call here as it will be done on addToSelection
+                  clearSelection(true);
+                }
+                addToSelection([mouseTarget]);
+                justSelected = mouseTarget;
+                pathActions$$1.clear();
+              }
+              // else if it's a path, go into pathedit mode in mouseup
+
+              if (!rightClick) {
+                // insert a dummy transform so if the element(s) are moved it will have
+                // a transform to use for its translate
+                for (i = 0; i < selectedElements.length; ++i) {
+                  if (selectedElements[i] == null) {
+                    continue;
+                  }
+                  var slist = getTransformList(selectedElements[i]);
+                  if (slist.numberOfItems) {
+                    slist.insertItemBefore(svgroot.createSVGTransform(), 0);
+                  } else {
+                    slist.appendItem(svgroot.createSVGTransform());
+                  }
+                }
+              }
+            } else if (!rightClick) {
+              clearSelection();
+              currentMode = 'multiselect';
+              if (rubberBox == null) {
+                rubberBox = selectorManager.getRubberBandBox();
+              }
+              rStartX *= currentZoom;
+              rStartY *= currentZoom;
+              // console.log('p',[evt.pageX, evt.pageY]);
+              // console.log('c',[evt.clientX, evt.clientY]);
+              // console.log('o',[evt.offsetX, evt.offsetY]);
+              // console.log('s',[startX, startY]);
+
+              assignAttributes(rubberBox, {
+                x: rStartX,
+                y: rStartY,
+                width: 0,
+                height: 0,
+                display: 'inline'
+              }, 100);
+            }
+            break;
+          case 'zoom':
+            started = true;
+            if (rubberBox == null) {
+              rubberBox = selectorManager.getRubberBandBox();
+            }
+            assignAttributes(rubberBox, {
+              x: realX * currentZoom,
+              y: realX * currentZoom,
+              width: 0,
+              height: 0,
+              display: 'inline'
+            }, 100);
+            break;
+          case 'resize':
+            started = true;
+            startX = x;
+            startY = y;
+
+            // Getting the BBox from the selection box, since we know we
+            // want to orient around it
+            initBbox = getBBox($$9('#selectedBox0')[0]);
+            var bb = {};
+            $$9.each(initBbox, function (key, val) {
+              bb[key] = val / currentZoom;
+            });
+            initBbox = bb;
+
+            // append three dummy transforms to the tlist so that
+            // we can translate,scale,translate in mousemove
+            var pos = getRotationAngle(mouseTarget) ? 1 : 0;
+
+            if (hasMatrixTransform(tlist)) {
+              tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+              tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+              tlist.insertItemBefore(svgroot.createSVGTransform(), pos);
+            } else {
+              tlist.appendItem(svgroot.createSVGTransform());
+              tlist.appendItem(svgroot.createSVGTransform());
+              tlist.appendItem(svgroot.createSVGTransform());
+
+              if (supportsNonScalingStroke()) {
+                // Handle crash for newer Chrome and Safari 6 (Mobile and Desktop):
+                // https://code.google.com/p/svg-edit/issues/detail?id=904
+                // Chromium issue: https://code.google.com/p/chromium/issues/detail?id=114625
+                // TODO: Remove this workaround once vendor fixes the issue
+                var iswebkit = isWebkit();
+
+                var delayedStroke = void 0;
+                if (iswebkit) {
+                  delayedStroke = function delayedStroke(ele) {
+                    var _stroke = ele.getAttributeNS(null, 'stroke');
+                    ele.removeAttributeNS(null, 'stroke');
+                    // Re-apply stroke after delay. Anything higher than 1 seems to cause flicker
+                    if (_stroke !== null) setTimeout(function () {
+                      ele.setAttributeNS(null, 'stroke', _stroke);
+                    }, 0);
+                  };
+                }
+                mouseTarget.style.vectorEffect = 'non-scaling-stroke';
+                if (iswebkit) {
+                  delayedStroke(mouseTarget);
+                }
+
+                var all = mouseTarget.getElementsByTagName('*'),
+                    len = all.length;
+                for (i = 0; i < len; i++) {
+                  if (!all[i].style) {
+                    // mathML
+                    continue;
+                  }
+                  all[i].style.vectorEffect = 'non-scaling-stroke';
+                  if (iswebkit) {
+                    delayedStroke(all[i]);
+                  }
+                }
+              }
+            }
+            break;
+          case 'fhellipse':
+          case 'fhrect':
+          case 'fhpath':
+            start.x = realX;
+            start.y = realY;
+            started = true;
+            dAttr = realX + ',' + realY + ' ';
+            strokeW = parseFloat(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;
+            addSVGElementFromJson({
+              element: 'polyline',
+              curStyles: true,
+              attr: {
+                points: dAttr,
+                id: getNextId(),
+                fill: 'none',
+                opacity: curShape.opacity / 2,
+                'stroke-linecap': 'round',
+                style: 'pointer-events:none'
+              }
+            });
+            freehand.minx = realX;
+            freehand.maxx = realX;
+            freehand.miny = realY;
+            freehand.maxy = realY;
+            break;
+          case 'image':
+            started = true;
+            var newImage = addSVGElementFromJson({
+              element: 'image',
+              attr: {
+                x: x,
+                y: y,
+                width: 0,
+                height: 0,
+                id: getNextId(),
+                opacity: curShape.opacity / 2,
+                style: 'pointer-events:inherit'
+              }
+            });
+            setHref(newImage, lastGoodImgUrl);
+            preventClickDefault(newImage);
+            break;
+          case 'square':
+          // FIXME: once we create the rect, we lose information that this was a square
+          // (for resizing purposes this could be important)
+          // Fallthrough
+          case 'rect':
+            started = true;
+            startX = x;
+            startY = y;
+            addSVGElementFromJson({
+              element: 'rect',
+              curStyles: true,
+              attr: {
+                x: x,
+                y: y,
+                width: 0,
+                height: 0,
+                id: getNextId(),
+                opacity: curShape.opacity / 2
+              }
+            });
+            break;
+          case 'line':
+            started = true;
+            strokeW = Number(curShape.stroke_width) === 0 ? 1 : curShape.stroke_width;
+            addSVGElementFromJson({
+              element: 'line',
+              curStyles: true,
+              attr: {
+                x1: x,
+                y1: y,
+                x2: x,
+                y2: y,
+                id: getNextId(),
+                stroke: curShape.stroke,
+                'stroke-width': strokeW,
+                'stroke-dasharray': curShape.stroke_dasharray,
+                'stroke-linejoin': curShape.stroke_linejoin,
+                'stroke-linecap': curShape.stroke_linecap,
+                'stroke-opacity': curShape.stroke_opacity,
+                fill: 'none',
+                opacity: curShape.opacity / 2,
+                style: 'pointer-events:none'
+              }
+            });
+            break;
+          case 'circle':
+            started = true;
+            addSVGElementFromJson({
+              element: 'circle',
+              curStyles: true,
+              attr: {
+                cx: x,
+                cy: y,
+                r: 0,
+                id: getNextId(),
+                opacity: curShape.opacity / 2
+              }
+            });
+            break;
+          case 'ellipse':
+            started = true;
+            addSVGElementFromJson({
+              element: 'ellipse',
+              curStyles: true,
+              attr: {
+                cx: x,
+                cy: y,
+                rx: 0,
+                ry: 0,
+                id: getNextId(),
+                opacity: curShape.opacity / 2
+              }
+            });
+            break;
+          case 'text':
+            started = true;
+            /* const newText = */addSVGElementFromJson({
+              element: 'text',
+              curStyles: true,
+              attr: {
+                x: x,
+                y: y,
+                id: getNextId(),
+                fill: curText.fill,
+                'stroke-width': curText.stroke_width,
+                'font-size': curText.font_size,
+                'font-family': curText.font_family,
+                'text-anchor': 'middle',
+                'xml:space': 'preserve',
+                opacity: curShape.opacity
+              }
+            });
+            // newText.textContent = 'text';
+            break;
+          case 'path':
+          // Fall through
+          case 'pathedit':
+            startX *= currentZoom;
+            startY *= currentZoom;
+            pathActions$$1.mouseDown(evt, mouseTarget, startX, startY);
+            started = true;
+            break;
+          case 'textedit':
+            startX *= currentZoom;
+            startY *= currentZoom;
+            textActions.mouseDown(evt, mouseTarget, startX, startY);
+            started = true;
+            break;
+          case 'rotate':
+            started = true;
+            // we are starting an undoable change (a drag-rotation)
+            canvas.undoMgr.beginUndoableChange('transform', selectedElements);
+            break;
+          default:
+            // This could occur in an extension
+            break;
+        }
+
+        /**
+         * The main (left) mouse button is held down on the canvas area
+         * @event module:svgcanvas.SvgCanvas#event:ext-mouseDown
+         * @type {PlainObject}
+         * @property {MouseEvent} event The event object
+         * @property {Float} start_x x coordinate on canvas
+         * @property {Float} start_y y coordinate on canvas
+         * @property {Element[]} selectedElements An array of the selected Elements
+        */
+        var extResult = runExtensions('mouseDown', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseDown} */{
+          event: evt,
+          start_x: startX,
+          start_y: startY,
+          selectedElements: selectedElements
+        }, true);
+
+        $$9.each(extResult, function (i, r) {
+          if (r && r.started) {
+            started = true;
+          }
+        });
+      };
+
+      // in this function we do not record any state changes yet (but we do update
+      // any elements that are still being created, moved or resized on the canvas)
+      /**
+       *
+       * @param {MouseEvent} evt
+       * @fires module:svgcanvas.SvgCanvas#event:transition
+       * @fires module:svgcanvas.SvgCanvas#event:ext-mouseMove
+       * @returns {undefined}
+       */
+      var mouseMove = function mouseMove(evt) {
+        if (!started) {
+          return;
+        }
+        if (evt.button === 1 || canvas.spaceKey) {
+          return;
+        }
+
+        var i = void 0,
+            xya = void 0,
+            c = void 0,
+            cx = void 0,
+            cy = void 0,
+            dx = void 0,
+            dy = void 0,
+            len = void 0,
+            angle = void 0,
+            box = void 0,
+            selected = selectedElements[0];
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+            mouseX = pt.x * currentZoom,
+            mouseY = pt.y * currentZoom,
+            shape = getElem(getId());
+
+        var realX = mouseX / currentZoom;
+        var x = realX;
+        var realY = mouseY / currentZoom;
+        var y = realY;
+
+        if (curConfig.gridSnapping) {
+          x = snapToGrid(x);
+          y = snapToGrid(y);
+        }
+
+        evt.preventDefault();
+        var tlist = void 0;
+        switch (currentMode) {
+          case 'select':
+            {
+              // we temporarily use a translate on the element(s) being dragged
+              // this transform is removed upon mousing up and the element is
+              // relocated to the new location
+              if (selectedElements[0] !== null) {
+                dx = x - startX;
+                dy = y - startY;
+
+                if (curConfig.gridSnapping) {
+                  dx = snapToGrid(dx);
+                  dy = snapToGrid(dy);
+                }
+
+                if (evt.shiftKey) {
+                  xya = snapToAngle(startX, startY, x, y);
+                  var _xya = xya;
+                  x = _xya.x;
+                  y = _xya.y;
+                }
+
+                if (dx !== 0 || dy !== 0) {
+                  len = selectedElements.length;
+                  for (i = 0; i < len; ++i) {
+                    selected = selectedElements[i];
+                    if (selected == null) {
+                      break;
+                    }
+                    // if (i === 0) {
+                    //   const box = utilsGetBBox(selected);
+                    //     selectedBBoxes[i].x = box.x + dx;
+                    //     selectedBBoxes[i].y = box.y + dy;
+                    // }
+
+                    // update the dummy transform in our transform list
+                    // to be a translate
+                    var xform = svgroot.createSVGTransform();
+                    tlist = getTransformList(selected);
+                    // Note that if Webkit and there's no ID for this
+                    // element, the dummy transform may have gotten lost.
+                    // This results in unexpected behaviour
+
+                    xform.setTranslate(dx, dy);
+                    if (tlist.numberOfItems) {
+                      tlist.replaceItem(xform, 0);
+                    } else {
+                      tlist.appendItem(xform);
+                    }
+
+                    // update our internal bbox that we're tracking while dragging
+                    selectorManager.requestSelector(selected).resize();
+                  }
+
+                  call('transition', selectedElements);
+                }
+              }
+              break;
+            }case 'multiselect':
+            {
+              realX *= currentZoom;
+              realY *= currentZoom;
+              assignAttributes(rubberBox, {
+                x: Math.min(rStartX, realX),
+                y: Math.min(rStartY, realY),
+                width: Math.abs(realX - rStartX),
+                height: Math.abs(realY - rStartY)
+              }, 100);
+
+              // for each selected:
+              // - if newList contains selected, do nothing
+              // - if newList doesn't contain selected, remove it from selected
+              // - for any newList that was not in selectedElements, add it to selected
+              var elemsToRemove = selectedElements.slice(),
+                  elemsToAdd = [],
+                  newList = getIntersectionList();
+
+              // For every element in the intersection, add if not present in selectedElements.
+              len = newList.length;
+              for (i = 0; i < len; ++i) {
+                var intElem = newList[i];
+                // Found an element that was not selected before, so we should add it.
+                if (!selectedElements.includes(intElem)) {
+                  elemsToAdd.push(intElem);
+                }
+                // Found an element that was already selected, so we shouldn't remove it.
+                var foundInd = elemsToRemove.indexOf(intElem);
+                if (foundInd !== -1) {
+                  elemsToRemove.splice(foundInd, 1);
+                }
+              }
+
+              if (elemsToRemove.length > 0) {
+                canvas.removeFromSelection(elemsToRemove);
+              }
+
+              if (elemsToAdd.length > 0) {
+                canvas.addToSelection(elemsToAdd);
+              }
+
+              break;
+            }case 'resize':
+            {
+              // we track the resize bounding box and translate/scale the selected element
+              // while the mouse is down, when mouse goes up, we use this to recalculate
+              // the shape's coordinates
+              tlist = getTransformList(selected);
+              var hasMatrix = hasMatrixTransform(tlist);
+              box = hasMatrix ? initBbox : getBBox(selected);
+              var left = box.x,
+                  top = box.y,
+                  _box = box,
+                  width = _box.width,
+                  height = _box.height;
+
+              dx = x - startX;
+              dy = y - startY;
+
+              if (curConfig.gridSnapping) {
+                dx = snapToGrid(dx);
+                dy = snapToGrid(dy);
+                height = snapToGrid(height);
+                width = snapToGrid(width);
+              }
+
+              // if rotated, adjust the dx,dy values
+              angle = getRotationAngle(selected);
+              if (angle) {
+                var r = Math.sqrt(dx * dx + dy * dy),
+                    theta = Math.atan2(dy, dx) - angle * Math.PI / 180.0;
+                dx = r * Math.cos(theta);
+                dy = r * Math.sin(theta);
+              }
+
+              // if not stretching in y direction, set dy to 0
+              // if not stretching in x direction, set dx to 0
+              if (!currentResizeMode.includes('n') && !currentResizeMode.includes('s')) {
+                dy = 0;
+              }
+              if (!currentResizeMode.includes('e') && !currentResizeMode.includes('w')) {
+                dx = 0;
+              }
+
+              var // ts = null,
+              tx = 0,
+                  ty = 0,
+                  sy = height ? (height + dy) / height : 1,
+                  sx = width ? (width + dx) / width : 1;
+              // if we are dragging on the north side, then adjust the scale factor and ty
+              if (currentResizeMode.includes('n')) {
+                sy = height ? (height - dy) / height : 1;
+                ty = height;
+              }
+
+              // if we dragging on the east side, then adjust the scale factor and tx
+              if (currentResizeMode.includes('w')) {
+                sx = width ? (width - dx) / width : 1;
+                tx = width;
+              }
+
+              // update the transform list with translate,scale,translate
+              var translateOrigin = svgroot.createSVGTransform(),
+                  scale = svgroot.createSVGTransform(),
+                  translateBack = svgroot.createSVGTransform();
+
+              if (curConfig.gridSnapping) {
+                left = snapToGrid(left);
+                tx = snapToGrid(tx);
+                top = snapToGrid(top);
+                ty = snapToGrid(ty);
+              }
+
+              translateOrigin.setTranslate(-(left + tx), -(top + ty));
+              if (evt.shiftKey) {
+                if (sx === 1) {
+                  sx = sy;
+                } else {
+                  sy = sx;
+                }
+              }
+              scale.setScale(sx, sy);
+
+              translateBack.setTranslate(left + tx, top + ty);
+              if (hasMatrix) {
+                var diff = angle ? 1 : 0;
+                tlist.replaceItem(translateOrigin, 2 + diff);
+                tlist.replaceItem(scale, 1 + diff);
+                tlist.replaceItem(translateBack, Number(diff));
+              } else {
+                var N = tlist.numberOfItems;
+                tlist.replaceItem(translateBack, N - 3);
+                tlist.replaceItem(scale, N - 2);
+                tlist.replaceItem(translateOrigin, N - 1);
+              }
+
+              selectorManager.requestSelector(selected).resize();
+
+              call('transition', selectedElements);
+
+              break;
+            }case 'zoom':
+            {
+              realX *= currentZoom;
+              realY *= currentZoom;
+              assignAttributes(rubberBox, {
+                x: Math.min(rStartX * currentZoom, realX),
+                y: Math.min(rStartY * currentZoom, realY),
+                width: Math.abs(realX - rStartX * currentZoom),
+                height: Math.abs(realY - rStartY * currentZoom)
+              }, 100);
+              break;
+            }case 'text':
+            {
+              assignAttributes(shape, {
+                x: x,
+                y: y
+              }, 1000);
+              break;
+            }case 'line':
+            {
+              if (curConfig.gridSnapping) {
+                x = snapToGrid(x);
+                y = snapToGrid(y);
+              }
+
+              var x2 = x;
+              var y2 = y;
+
+              if (evt.shiftKey) {
+                xya = snapToAngle(startX, startY, x2, y2);
+                x2 = xya.x;
+                y2 = xya.y;
+              }
+
+              shape.setAttributeNS(null, 'x2', x2);
+              shape.setAttributeNS(null, 'y2', y2);
+              break;
+            }case 'foreignObject':
+          // fall through
+          case 'square':
+          // fall through
+          case 'rect':
+          // fall through
+          case 'image':
+            {
+              var square = currentMode === 'square' || evt.shiftKey;
+              var w = Math.abs(x - startX),
+                  h = Math.abs(y - startY);
+              var newX = void 0,
+                  newY = void 0;
+              if (square) {
+                w = h = Math.max(w, h);
+                newX = startX < x ? startX : startX - w;
+                newY = startY < y ? startY : startY - h;
+              } else {
+                newX = Math.min(startX, x);
+                newY = Math.min(startY, y);
+              }
+
+              if (curConfig.gridSnapping) {
+                w = snapToGrid(w);
+                h = snapToGrid(h);
+                newX = snapToGrid(newX);
+                newY = snapToGrid(newY);
+              }
+
+              assignAttributes(shape, {
+                width: w,
+                height: h,
+                x: newX,
+                y: newY
+              }, 1000);
+
+              break;
+            }case 'circle':
+            {
+              c = $$9(shape).attr(['cx', 'cy']);
+              var _c = c;
+              cx = _c.cx;
+              cy = _c.cy;
+
+              var rad = Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy));
+              if (curConfig.gridSnapping) {
+                rad = snapToGrid(rad);
+              }
+              shape.setAttributeNS(null, 'r', rad);
+              break;
+            }case 'ellipse':
+            {
+              c = $$9(shape).attr(['cx', 'cy']);
+              var _c2 = c;
+              cx = _c2.cx;
+              cy = _c2.cy;
+
+              if (curConfig.gridSnapping) {
+                x = snapToGrid(x);
+                cx = snapToGrid(cx);
+                y = snapToGrid(y);
+                cy = snapToGrid(cy);
+              }
+              shape.setAttributeNS(null, 'rx', Math.abs(x - cx));
+              var ry = Math.abs(evt.shiftKey ? x - cx : y - cy);
+              shape.setAttributeNS(null, 'ry', ry);
+              break;
+            }
+          case 'fhellipse':
+          case 'fhrect':
+            {
+              freehand.minx = Math.min(realX, freehand.minx);
+              freehand.maxx = Math.max(realX, freehand.maxx);
+              freehand.miny = Math.min(realY, freehand.miny);
+              freehand.maxy = Math.max(realY, freehand.maxy);
+            }
+          // Fallthrough
+          case 'fhpath':
+            {
+              // dAttr += + realX + ',' + realY + ' ';
+              // shape.setAttributeNS(null, 'points', dAttr);
+              end.x = realX;end.y = realY;
+              if (controllPoint2.x && controllPoint2.y) {
+                for (i = 0; i < STEP_COUNT - 1; i++) {
+                  parameter = i / STEP_COUNT;
+                  nextParameter = (i + 1) / STEP_COUNT;
+                  bSpline = getBsplinePoint(nextParameter);
+                  nextPos = bSpline;
+                  bSpline = getBsplinePoint(parameter);
+                  sumDistance += Math.sqrt((nextPos.x - bSpline.x) * (nextPos.x - bSpline.x) + (nextPos.y - bSpline.y) * (nextPos.y - bSpline.y));
+                  if (sumDistance > THRESHOLD_DIST) {
+                    sumDistance -= THRESHOLD_DIST;
+
+                    // Faster than completely re-writing the points attribute.
+                    var point = svgcontent.createSVGPoint();
+                    point.x = bSpline.x;
+                    point.y = bSpline.y;
+                    shape.points.appendItem(point);
+                  }
+                }
+              }
+              controllPoint2 = { x: controllPoint1.x, y: controllPoint1.y };
+              controllPoint1 = { x: start.x, y: start.y };
+              start = { x: end.x, y: end.y };
+              break;
+              // update path stretch line coordinates
+            }case 'path':
+
+          // fall through
+          case 'pathedit':
+            {
+              x *= currentZoom;
+              y *= currentZoom;
+
+              if (curConfig.gridSnapping) {
+                x = snapToGrid(x);
+                y = snapToGrid(y);
+                startX = snapToGrid(startX);
+                startY = snapToGrid(startY);
+              }
+              if (evt.shiftKey) {
+                var path$$1 = path;
+
+                var x1 = void 0,
+                    y1 = void 0;
+                if (path$$1) {
+                  x1 = path$$1.dragging ? path$$1.dragging[0] : startX;
+                  y1 = path$$1.dragging ? path$$1.dragging[1] : startY;
+                } else {
+                  x1 = startX;
+                  y1 = startY;
+                }
+                xya = snapToAngle(x1, y1, x, y);
+                var _xya2 = xya;
+                x = _xya2.x;
+                y = _xya2.y;
+              }
+
+              if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+                realX *= currentZoom;
+                realY *= currentZoom;
+                assignAttributes(rubberBox, {
+                  x: Math.min(rStartX * currentZoom, realX),
+                  y: Math.min(rStartY * currentZoom, realY),
+                  width: Math.abs(realX - rStartX * currentZoom),
+                  height: Math.abs(realY - rStartY * currentZoom)
+                }, 100);
+              }
+              pathActions$$1.mouseMove(x, y);
+
+              break;
+            }case 'textedit':
+            {
+              x *= currentZoom;
+              y *= currentZoom;
+              // if (rubberBox && rubberBox.getAttribute('display') !== 'none') {
+              //   assignAttributes(rubberBox, {
+              //     x: Math.min(startX, x),
+              //     y: Math.min(startY, y),
+              //     width: Math.abs(x - startX),
+              //     height: Math.abs(y - startY)
+              //   }, 100);
+              // }
+
+              textActions.mouseMove(mouseX, mouseY);
+
+              break;
+            }case 'rotate':
+            {
+              box = getBBox(selected);
+              cx = box.x + box.width / 2;
+              cy = box.y + box.height / 2;
+              var m = getMatrix(selected),
+                  center = transformPoint(cx, cy, m);
+              cx = center.x;
+              cy = center.y;
+              angle = (Math.atan2(cy - y, cx - x) * (180 / Math.PI) - 90) % 360;
+              if (curConfig.gridSnapping) {
+                angle = snapToGrid(angle);
+              }
+              if (evt.shiftKey) {
+                // restrict rotations to nice angles (WRS)
+                var snap = 45;
+                angle = Math.round(angle / snap) * snap;
+              }
+
+              canvas.setRotationAngle(angle < -180 ? 360 + angle : angle, true);
+              call('transition', selectedElements);
+              break;
+            }default:
+            break;
+        }
+
+        /**
+        * The mouse has moved on the canvas area
+        * @event module:svgcanvas.SvgCanvas#event:ext-mouseMove
+        * @type {PlainObject}
+        * @property {MouseEvent} event The event object
+        * @property {Float} mouse_x x coordinate on canvas
+        * @property {Float} mouse_y y coordinate on canvas
+        * @property {Element} selected Refers to the first selected element
+        */
+        runExtensions('mouseMove', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseMove} */{
+          event: evt,
+          mouse_x: mouseX,
+          mouse_y: mouseY,
+          selected: selected
+        });
+      }; // mouseMove()
+
+      // - in create mode, the element's opacity is set properly, we create an InsertElementCommand
+      // and store it on the Undo stack
+      // - in move/resize mode, the element's attributes which were affected by the move/resize are
+      // identified, a ChangeElementCommand is created and stored on the stack for those attrs
+      // this is done in when we recalculate the selected dimensions()
+      /**
+       *
+       * @param {MouseEvent} evt
+       * @fires module:svgcanvas.SvgCanvas#event:zoomed
+       * @fires module:svgcanvas.SvgCanvas#event:changed
+       * @fires module:svgcanvas.SvgCanvas#event:ext-mouseUp
+       * @returns {undefined}
+       */
+      var mouseUp = function mouseUp(evt) {
+        if (evt.button === 2) {
+          return;
+        }
+        var tempJustSelected = justSelected;
+        justSelected = null;
+        if (!started) {
+          return;
+        }
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm),
+            mouseX = pt.x * currentZoom,
+            mouseY = pt.y * currentZoom,
+            x = mouseX / currentZoom,
+            y = mouseY / currentZoom;
+
+        var element = getElem(getId());
+        var keep = false;
+
+        var realX = x;
+        var realY = y;
+        started = false;
+        var attrs = void 0,
+            t = void 0;
+        switch (currentMode) {
+          // intentionally fall-through to select here
+          case 'resize':
+          case 'multiselect':
+            if (rubberBox != null) {
+              rubberBox.setAttribute('display', 'none');
+              curBBoxes = [];
+            }
+            currentMode = 'select';
+          // Fallthrough
+          case 'select':
+            if (selectedElements[0] != null) {
+              // if we only have one selected element
+              if (selectedElements[1] == null) {
+                // set our current stroke/fill properties to the element's
+                var selected = selectedElements[0];
+                switch (selected.tagName) {
+                  case 'g':
+                  case 'use':
+                  case 'image':
+                  case 'foreignObject':
+                    break;
+                  default:
+                    curProperties.fill = selected.getAttribute('fill');
+                    curProperties.fill_opacity = selected.getAttribute('fill-opacity');
+                    curProperties.stroke = selected.getAttribute('stroke');
+                    curProperties.stroke_opacity = selected.getAttribute('stroke-opacity');
+                    curProperties.stroke_width = selected.getAttribute('stroke-width');
+                    curProperties.stroke_dasharray = selected.getAttribute('stroke-dasharray');
+                    curProperties.stroke_linejoin = selected.getAttribute('stroke-linejoin');
+                    curProperties.stroke_linecap = selected.getAttribute('stroke-linecap');
+                }
+
+                if (selected.tagName === 'text') {
+                  curText.font_size = selected.getAttribute('font-size');
+                  curText.font_family = selected.getAttribute('font-family');
+                }
+                selectorManager.requestSelector(selected).showGrips(true);
+
+                // This shouldn't be necessary as it was done on mouseDown...
+                // call('selected', [selected]);
+              }
+              // always recalculate dimensions to strip off stray identity transforms
+              recalculateAllSelectedDimensions();
+              // if it was being dragged/resized
+              if (realX !== rStartX || realY !== rStartY) {
+                var len = selectedElements.length;
+                for (var i = 0; i < len; ++i) {
+                  if (selectedElements[i] == null) {
+                    break;
+                  }
+                  if (!selectedElements[i].firstChild) {
+                    // Not needed for groups (incorrectly resizes elems), possibly not needed at all?
+                    selectorManager.requestSelector(selectedElements[i]).resize();
+                  }
+                }
+                // no change in position/size, so maybe we should move to pathedit
+              } else {
+                t = evt.target;
+                if (selectedElements[0].nodeName === 'path' && selectedElements[1] == null) {
+                  pathActions$$1.select(selectedElements[0]);
+                  // if it was a path
+                  // else, if it was selected and this is a shift-click, remove it from selection
+                } else if (evt.shiftKey) {
+                  if (tempJustSelected !== t) {
+                    canvas.removeFromSelection([t]);
+                  }
+                }
+              } // no change in mouse position
+
+              // Remove non-scaling stroke
+              if (supportsNonScalingStroke()) {
+                var elem = selectedElements[0];
+                if (elem) {
+                  elem.removeAttribute('style');
+                  walkTree(elem, function (elem) {
+                    elem.removeAttribute('style');
+                  });
+                }
+              }
+            }
+            return;
+          case 'zoom':
+            if (rubberBox != null) {
+              rubberBox.setAttribute('display', 'none');
+            }
+            var factor = evt.shiftKey ? 0.5 : 2;
+            call('zoomed', {
+              x: Math.min(rStartX, realX),
+              y: Math.min(rStartY, realY),
+              width: Math.abs(realX - rStartX),
+              height: Math.abs(realY - rStartY),
+              factor: factor
+            });
+            return;
+          case 'fhpath':
+            // Check that the path contains at least 2 points; a degenerate one-point path
+            // causes problems.
+            // Webkit ignores how we set the points attribute with commas and uses space
+            // to separate all coordinates, see https://bugs.webkit.org/show_bug.cgi?id=29870
+            sumDistance = 0;
+            controllPoint2 = { x: 0, y: 0 };
+            controllPoint1 = { x: 0, y: 0 };
+            start = { x: 0, y: 0 };
+            end = { x: 0, y: 0 };
+            var coords = element.getAttribute('points');
+            var commaIndex = coords.indexOf(',');
+            if (commaIndex >= 0) {
+              keep = coords.indexOf(',', commaIndex + 1) >= 0;
+            } else {
+              keep = coords.indexOf(' ', coords.indexOf(' ') + 1) >= 0;
+            }
+            if (keep) {
+              element = pathActions$$1.smoothPolylineIntoPath(element);
+            }
+            break;
+          case 'line':
+            attrs = $$9(element).attr(['x1', 'x2', 'y1', 'y2']);
+            keep = attrs.x1 !== attrs.x2 || attrs.y1 !== attrs.y2;
+            break;
+          case 'foreignObject':
+          case 'square':
+          case 'rect':
+          case 'image':
+            attrs = $$9(element).attr(['width', 'height']);
+            // Image should be kept regardless of size (use inherit dimensions later)
+            keep = attrs.width || attrs.height || currentMode === 'image';
+            break;
+          case 'circle':
+            keep = element.getAttribute('r') !== '0';
+            break;
+          case 'ellipse':
+            attrs = $$9(element).attr(['rx', 'ry']);
+            keep = attrs.rx || attrs.ry;
+            break;
+          case 'fhellipse':
+            if (freehand.maxx - freehand.minx > 0 && freehand.maxy - freehand.miny > 0) {
+              element = addSVGElementFromJson({
+                element: 'ellipse',
+                curStyles: true,
+                attr: {
+                  cx: (freehand.minx + freehand.maxx) / 2,
+                  cy: (freehand.miny + freehand.maxy) / 2,
+                  rx: (freehand.maxx - freehand.minx) / 2,
+                  ry: (freehand.maxy - freehand.miny) / 2,
+                  id: getId()
+                }
+              });
+              call('changed', [element]);
+              keep = true;
+            }
+            break;
+          case 'fhrect':
+            if (freehand.maxx - freehand.minx > 0 && freehand.maxy - freehand.miny > 0) {
+              element = addSVGElementFromJson({
+                element: 'rect',
+                curStyles: true,
+                attr: {
+                  x: freehand.minx,
+                  y: freehand.miny,
+                  width: freehand.maxx - freehand.minx,
+                  height: freehand.maxy - freehand.miny,
+                  id: getId()
+                }
+              });
+              call('changed', [element]);
+              keep = true;
+            }
+            break;
+          case 'text':
+            keep = true;
+            selectOnly([element]);
+            textActions.start(element);
+            break;
+          case 'path':
+            // set element to null here so that it is not removed nor finalized
+            element = null;
+            // continue to be set to true so that mouseMove happens
+            started = true;
+
+            var res = pathActions$$1.mouseUp(evt, element, mouseX, mouseY);
+            element = res.element;
+            keep = res.keep;
+
+            break;
+          case 'pathedit':
+            keep = true;
+            element = null;
+            pathActions$$1.mouseUp(evt);
+            break;
+          case 'textedit':
+            keep = false;
+            element = null;
+            textActions.mouseUp(evt, mouseX, mouseY);
+            break;
+          case 'rotate':
+            keep = true;
+            element = null;
+            currentMode = 'select';
+            var batchCmd = canvas.undoMgr.finishUndoableChange();
+            if (!batchCmd.isEmpty()) {
+              addCommandToHistory(batchCmd);
+            }
+            // perform recalculation to weed out any stray identity transforms that might get stuck
+            recalculateAllSelectedDimensions();
+            call('changed', selectedElements);
+            break;
+          default:
+            // This could occur in an extension
+            break;
+        }
+
+        /**
+        * The main (left) mouse button is released (anywhere)
+        * @event module:svgcanvas.SvgCanvas#event:ext-mouseUp
+        * @type {PlainObject}
+        * @property {MouseEvent} event The event object
+        * @property {Float} mouse_x x coordinate on canvas
+        * @property {Float} mouse_y y coordinate on canvas
+        */
+        var extResult = runExtensions('mouseUp', /** @type {module:svgcanvas.SvgCanvas#event:ext-mouseUp} */{
+          event: evt,
+          mouse_x: mouseX,
+          mouse_y: mouseY
+        }, true);
+
+        $$9.each(extResult, function (i, r) {
+          if (r) {
+            keep = r.keep || keep;
+            element = r.element;
+
+            started = r.started || started;
+          }
+        });
+
+        if (!keep && element != null) {
+          getCurrentDrawing().releaseId(getId());
+          element.remove();
+          element = null;
+
+          t = evt.target;
+
+          // if this element is in a group, go up until we reach the top-level group
+          // just below the layer groups
+          // TODO: once we implement links, we also would have to check for <a> elements
+          while (t && t.parentNode && t.parentNode.parentNode && t.parentNode.parentNode.tagName === 'g') {
+            t = t.parentNode;
+          }
+          // if we are not in the middle of creating a path, and we've clicked on some shape,
+          // then go to Select mode.
+          // WebKit returns <div> when the canvas is clicked, Firefox/Opera return <svg>
+          if ((currentMode !== 'path' || !drawnPath) && t && t.parentNode && t.parentNode.id !== 'selectorParentGroup' && t.id !== 'svgcanvas' && t.id !== 'svgroot') {
+            // switch into "select" mode if we've clicked on an element
+            canvas.setMode('select');
+            selectOnly([t], true);
+          }
+        } else if (element != null) {
+          /**
+          * @name module:svgcanvas.SvgCanvas#addedNew
+          * @type {boolean}
+          */
+          canvas.addedNew = true;
+
+          var aniDur = 0.2;
+          var cAni = void 0;
+          if (opacAni.beginElement && parseFloat(element.getAttribute('opacity')) !== curShape.opacity) {
+            cAni = $$9(opacAni).clone().attr({
+              to: curShape.opacity,
+              dur: aniDur
+            }).appendTo(element);
+            try {
+              // Fails in FF4 on foreignObject
+              cAni[0].beginElement();
+            } catch (e) {}
+          } else {
+            aniDur = 0;
+          }
+
+          // Ideally this would be done on the endEvent of the animation,
+          // but that doesn't seem to be supported in Webkit
+          setTimeout(function () {
+            if (cAni) {
+              cAni.remove();
+            }
+            element.setAttribute('opacity', curShape.opacity);
+            element.setAttribute('style', 'pointer-events:inherit');
+            cleanupElement(element);
+            if (currentMode === 'path') {
+              pathActions$$1.toEditMode(element);
+            } else if (curConfig.selectNew) {
+              selectOnly([element], true);
+            }
+            // we create the insert command that is stored on the stack
+            // undo means to call cmd.unapply(), redo means to call cmd.apply()
+            addCommandToHistory(new InsertElementCommand$1(element));
+
+            call('changed', [element]);
+          }, aniDur * 1000);
+        }
+
+        startTransform = null;
+      };
+
+      var dblClick = function dblClick(evt) {
+        var evtTarget = evt.target;
+        var parent = evtTarget.parentNode;
+
+        // Do nothing if already in current group
+        if (parent === currentGroup) {
+          return;
+        }
+
+        var mouseTarget = getMouseTarget(evt);
+        var _mouseTarget = mouseTarget,
+            tagName = _mouseTarget.tagName;
+
+
+        if (tagName === 'text' && currentMode !== 'textedit') {
+          var pt = transformPoint(evt.pageX, evt.pageY, rootSctm);
+          textActions.select(mouseTarget, pt.x, pt.y);
+        }
+
+        if ((tagName === 'g' || tagName === 'a') && getRotationAngle(mouseTarget)) {
+          // TODO: Allow method of in-group editing without having to do
+          // this (similar to editing rotated paths)
+
+          // Ungroup and regroup
+          pushGroupProperties(mouseTarget);
+          mouseTarget = selectedElements[0];
+          clearSelection(true);
+        }
+        // Reset context
+        if (currentGroup) {
+          leaveContext();
+        }
+
+        if (parent.tagName !== 'g' && parent.tagName !== 'a' || parent === getCurrentDrawing().getCurrentLayer() || mouseTarget === selectorManager.selectorParentGroup) {
+          // Escape from in-group edit
+          return;
+        }
+        setContext(mouseTarget);
+      };
+
+      // prevent links from being followed in the canvas
+      var handleLinkInCanvas = function handleLinkInCanvas(e) {
+        e.preventDefault();
+        return false;
+      };
+
+      // Added mouseup to the container here.
+      // TODO(codedread): Figure out why after the Closure compiler, the window mouseup is ignored.
+      $$9(container).mousedown(mouseDown).mousemove(mouseMove).click(handleLinkInCanvas).dblclick(dblClick).mouseup(mouseUp);
+      // $(window).mouseup(mouseUp);
+
+      // TODO(rafaelcastrocouto): User preference for shift key and zoom factor
+      $$9(container).bind('mousewheel DOMMouseScroll',
+      /**
+       * @param {Event} e
+       * @fires module:svgcanvas.SvgCanvas#event:updateCanvas
+       * @fires module:svgcanvas.SvgCanvas#event:zoomDone
+       * @returns {undefined}
+       */
+      function (e) {
+        if (!e.shiftKey) {
+          return;
+        }
+
+        e.preventDefault();
+        var evt = e.originalEvent;
+
+        rootSctm = $$9('#svgcontent g')[0].getScreenCTM().inverse();
+
+        var workarea = $$9('#workarea');
+        var scrbar = 15;
+        var rulerwidth = curConfig.showRulers ? 16 : 0;
+
+        // mouse relative to content area in content pixels
+        var pt = transformPoint(evt.pageX, evt.pageY, rootSctm);
+
+        // full work area width in screen pixels
+        var editorFullW = workarea.width();
+        var editorFullH = workarea.height();
+
+        // work area width minus scroll and ruler in screen pixels
+        var editorW = editorFullW - scrbar - rulerwidth;
+        var editorH = editorFullH - scrbar - rulerwidth;
+
+        // work area width in content pixels
+        var workareaViewW = editorW * rootSctm.a;
+        var workareaViewH = editorH * rootSctm.d;
+
+        // content offset from canvas in screen pixels
+        var wOffset = workarea.offset();
+        var wOffsetLeft = wOffset['left'] + rulerwidth;
+        var wOffsetTop = wOffset['top'] + rulerwidth;
+
+        var delta = evt.wheelDelta ? evt.wheelDelta : evt.detail ? -evt.detail : 0;
+        if (!delta) {
+          return;
+        }
+
+        var factor = Math.max(3 / 4, Math.min(4 / 3, delta));
+
+        var wZoom = void 0,
+            hZoom = void 0;
+        if (factor > 1) {
+          wZoom = Math.ceil(editorW / workareaViewW * factor * 100) / 100;
+          hZoom = Math.ceil(editorH / workareaViewH * factor * 100) / 100;
+        } else {
+          wZoom = Math.floor(editorW / workareaViewW * factor * 100) / 100;
+          hZoom = Math.floor(editorH / workareaViewH * factor * 100) / 100;
+        }
+        var zoomlevel = Math.min(wZoom, hZoom);
+        zoomlevel = Math.min(10, Math.max(0.01, zoomlevel));
+        if (zoomlevel === currentZoom) {
+          return;
+        }
+        factor = zoomlevel / currentZoom;
+
+        // top left of workarea in content pixels before zoom
+        var topLeftOld = transformPoint(wOffsetLeft, wOffsetTop, rootSctm);
+
+        // top left of workarea in content pixels after zoom
+        var topLeftNew = {
+          x: pt.x - (pt.x - topLeftOld.x) / factor,
+          y: pt.y - (pt.y - topLeftOld.y) / factor
+        };
+
+        // top left of workarea in canvas pixels relative to content after zoom
+        var topLeftNewCanvas = {
+          x: topLeftNew.x * zoomlevel,
+          y: topLeftNew.y * zoomlevel
+        };
+
+        // new center in canvas pixels
+        var newCtr = {
+          x: topLeftNewCanvas.x - rulerwidth + editorFullW / 2,
+          y: topLeftNewCanvas.y - rulerwidth + editorFullH / 2
+        };
+
+        canvas.setZoom(zoomlevel);
+        $$9('#zoom').val((zoomlevel * 100).toFixed(1));
+
+        call('updateCanvas', { center: false, newCtr: newCtr });
+        call('zoomDone');
+      });
+    })();
+
+    /**
+    * Group: Text edit functions
+    * Functions relating to editing text elements
+    * @namespace {PlainObject} textActions
+    * @memberof module:svgcanvas.SvgCanvas#
+    */
+    var textActions = canvas.textActions = function () {
+      var curtext = void 0;
+      var textinput = void 0;
+      var cursor = void 0;
+      var selblock = void 0;
+      var blinker = void 0;
+      var chardata = [];
+      var textbb = void 0; // , transbb;
+      var matrix = void 0;
+      var lastX = void 0,
+          lastY = void 0;
+      var allowDbl = void 0;
+
+      function setCursor(index) {
+        var empty = textinput.value === '';
+        $$9(textinput).focus();
+
+        if (!arguments.length) {
+          if (empty) {
+            index = 0;
+          } else {
+            if (textinput.selectionEnd !== textinput.selectionStart) {
+              return;
+            }
+            index = textinput.selectionEnd;
+          }
+        }
+
+        var charbb = chardata[index];
+        if (!empty) {
+          textinput.setSelectionRange(index, index);
+        }
+        cursor = getElem('text_cursor');
+        if (!cursor) {
+          cursor = document.createElementNS(NS.SVG, 'line');
+          assignAttributes(cursor, {
+            id: 'text_cursor',
+            stroke: '#333',
+            'stroke-width': 1
+          });
+          cursor = getElem('selectorParentGroup').appendChild(cursor);
+        }
+
+        if (!blinker) {
+          blinker = setInterval(function () {
+            var show = cursor.getAttribute('display') === 'none';
+            cursor.setAttribute('display', show ? 'inline' : 'none');
+          }, 600);
+        }
+
+        var startPt = ptToScreen(charbb.x, textbb.y);
+        var endPt = ptToScreen(charbb.x, textbb.y + textbb.height);
+
+        assignAttributes(cursor, {
+          x1: startPt.x,
+          y1: startPt.y,
+          x2: endPt.x,
+          y2: endPt.y,
+          visibility: 'visible',
+          display: 'inline'
+        });
+
+        if (selblock) {
+          selblock.setAttribute('d', '');
+        }
+      }
+
+      function setSelection(start, end, skipInput) {
+        if (start === end) {
+          setCursor(end);
+          return;
+        }
+
+        if (!skipInput) {
+          textinput.setSelectionRange(start, end);
+        }
+
+        selblock = getElem('text_selectblock');
+        if (!selblock) {
+          selblock = document.createElementNS(NS.SVG, 'path');
+          assignAttributes(selblock, {
+            id: 'text_selectblock',
+            fill: 'green',
+            opacity: 0.5,
+            style: 'pointer-events:none'
+          });
+          getElem('selectorParentGroup').append(selblock);
+        }
+
+        var startbb = chardata[start];
+        var endbb = chardata[end];
+
+        cursor.setAttribute('visibility', 'hidden');
+
+        var tl = ptToScreen(startbb.x, textbb.y),
+            tr = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y),
+            bl = ptToScreen(startbb.x, textbb.y + textbb.height),
+            br = ptToScreen(startbb.x + (endbb.x - startbb.x), textbb.y + textbb.height);
+
+        var dstr = 'M' + tl.x + ',' + tl.y + ' L' + tr.x + ',' + tr.y + ' ' + br.x + ',' + br.y + ' ' + bl.x + ',' + bl.y + 'z';
+
+        assignAttributes(selblock, {
+          d: dstr,
+          display: 'inline'
+        });
+      }
+
+      function getIndexFromPoint(mouseX, mouseY) {
+        // Position cursor here
+        var pt = svgroot.createSVGPoint();
+        pt.x = mouseX;
+        pt.y = mouseY;
+
+        // No content, so return 0
+        if (chardata.length === 1) {
+          return 0;
+        }
+        // Determine if cursor should be on left or right of character
+        var charpos = curtext.getCharNumAtPosition(pt);
+        if (charpos < 0) {
+          // Out of text range, look at mouse coords
+          charpos = chardata.length - 2;
+          if (mouseX <= chardata[0].x) {
+            charpos = 0;
+          }
+        } else if (charpos >= chardata.length - 2) {
+          charpos = chardata.length - 2;
+        }
+        var charbb = chardata[charpos];
+        var mid = charbb.x + charbb.width / 2;
+        if (mouseX > mid) {
+          charpos++;
+        }
+        return charpos;
+      }
+
+      function setCursorFromPoint(mouseX, mouseY) {
+        setCursor(getIndexFromPoint(mouseX, mouseY));
+      }
+
+      function setEndSelectionFromPoint(x, y, apply) {
+        var i1 = textinput.selectionStart;
+        var i2 = getIndexFromPoint(x, y);
+
+        var start = Math.min(i1, i2);
+        var end = Math.max(i1, i2);
+        setSelection(start, end, !apply);
+      }
+
+      function screenToPt(xIn, yIn) {
+        var out = {
+          x: xIn,
+          y: yIn
+        };
+
+        out.x /= currentZoom;
+        out.y /= currentZoom;
+
+        if (matrix) {
+          var pt = transformPoint(out.x, out.y, matrix.inverse());
+          out.x = pt.x;
+          out.y = pt.y;
+        }
+
+        return out;
+      }
+
+      function ptToScreen(xIn, yIn) {
+        var out = {
+          x: xIn,
+          y: yIn
+        };
+
+        if (matrix) {
+          var pt = transformPoint(out.x, out.y, matrix);
+          out.x = pt.x;
+          out.y = pt.y;
+        }
+
+        out.x *= currentZoom;
+        out.y *= currentZoom;
+
+        return out;
+      }
+
+      /*
+      // Not currently in use
+      function hideCursor () {
+        if (cursor) {
+          cursor.setAttribute('visibility', 'hidden');
+        }
+      }
+      */
+
+      function selectAll(evt) {
+        setSelection(0, curtext.textContent.length);
+        $$9(this).unbind(evt);
+      }
+
+      function selectWord(evt) {
+        if (!allowDbl || !curtext) {
+          return;
+        }
+
+        var ept = transformPoint(evt.pageX, evt.pageY, rootSctm),
+            mouseX = ept.x * currentZoom,
+            mouseY = ept.y * currentZoom;
+        var pt = screenToPt(mouseX, mouseY);
+
+        var index = getIndexFromPoint(pt.x, pt.y);
+        var str = curtext.textContent;
+        var first = str.substr(0, index).replace(/[a-z0-9]+$/i, '').length;
+        var m = str.substr(index).match(/^[a-z0-9]+/i);
+        var last = (m ? m[0].length : 0) + index;
+        setSelection(first, last);
+
+        // Set tripleclick
+        $$9(evt.target).click(selectAll);
+        setTimeout(function () {
+          $$9(evt.target).unbind('click', selectAll);
+        }, 300);
+      }
+
+      return (/** @lends module:svgcanvas.SvgCanvas#textActions */{
+          /**
+          * @param {Element} target
+          * @param {Float} x
+          * @param {Float} y
+          * @returns {undefined}
+          */
+          select: function select(target, x, y) {
+            curtext = target;
+            textActions.toEditMode(x, y);
+          },
+
+          /**
+          * @param {Element} elem
+          * @returns {undefined}
+          */
+          start: function start(elem) {
+            curtext = elem;
+            textActions.toEditMode();
+          },
+
+          /**
+          * @param {external:MouseEvent} evt
+          * @param {Element} mouseTarget
+          * @param {Float} startX
+          * @param {Float} startY
+          * @returns {undefined}
+          */
+          mouseDown: function mouseDown(evt, mouseTarget, startX, startY) {
+            var pt = screenToPt(startX, startY);
+
+            textinput.focus();
+            setCursorFromPoint(pt.x, pt.y);
+            lastX = startX;
+            lastY = startY;
+
+            // TODO: Find way to block native selection
+          },
+
+          /**
+          * @param {Float} mouseX
+          * @param {Float} mouseY
+          * @returns {undefined}
+          */
+          mouseMove: function mouseMove(mouseX, mouseY) {
+            var pt = screenToPt(mouseX, mouseY);
+            setEndSelectionFromPoint(pt.x, pt.y);
+          },
+
+          /**
+          * @param {external:MouseEvent}
+          * @param {Float} mouseX
+          * @param {Float} mouseY
+          * @returns {undefined}
+          */
+          mouseUp: function mouseUp(evt, mouseX, mouseY) {
+            var pt = screenToPt(mouseX, mouseY);
+
+            setEndSelectionFromPoint(pt.x, pt.y, true);
+
+            // TODO: Find a way to make this work: Use transformed BBox instead of evt.target
+            // if (lastX === mouseX && lastY === mouseY
+            //   && !rectsIntersect(transbb, {x: pt.x, y: pt.y, width: 0, height: 0})) {
+            //   textActions.toSelectMode(true);
+            // }
+
+            if (evt.target !== curtext && mouseX < lastX + 2 && mouseX > lastX - 2 && mouseY < lastY + 2 && mouseY > lastY - 2) {
+              textActions.toSelectMode(true);
+            }
+          },
+
+          /**
+          * @function
+          * @param {Integer} index
+          * @returns {undefined}
+          */
+          setCursor: setCursor,
+          /**
+          * @param {Float} x
+          * @param {Float} y
+          * @returns {undefined}
+          */
+          toEditMode: function toEditMode(x, y) {
+            allowDbl = false;
+            currentMode = 'textedit';
+            selectorManager.requestSelector(curtext).showGrips(false);
+            // Make selector group accept clicks
+            /* const selector = */selectorManager.requestSelector(curtext); // Do we need this? Has side effect of setting lock, so keeping for now, but next line wasn't being used
+            // const sel = selector.selectorRect;
+
+            textActions.init();
+
+            $$9(curtext).css('cursor', 'text');
+
+            // if (supportsEditableText()) {
+            //   curtext.setAttribute('editable', 'simple');
+            //   return;
+            // }
+
+            if (!arguments.length) {
+              setCursor();
+            } else {
+              var pt = screenToPt(x, y);
+              setCursorFromPoint(pt.x, pt.y);
+            }
+
+            setTimeout(function () {
+              allowDbl = true;
+            }, 300);
+          },
+
+          /**
+          * @param {boolean|Element} selectElem
+          * @fires module:svgcanvas.SvgCanvas#event:selected
+          * @returns {undefined}
+          */
+          toSelectMode: function toSelectMode(selectElem) {
+            currentMode = 'select';
+            clearInterval(blinker);
+            blinker = null;
+            if (selblock) {
+              $$9(selblock).attr('display', 'none');
+            }
+            if (cursor) {
+              $$9(cursor).attr('visibility', 'hidden');
+            }
+            $$9(curtext).css('cursor', 'move');
+
+            if (selectElem) {
+              clearSelection();
+              $$9(curtext).css('cursor', 'move');
+
+              call('selected', [curtext]);
+              addToSelection([curtext], true);
+            }
+            if (curtext && !curtext.textContent.length) {
+              // No content, so delete
+              canvas.deleteSelectedElements();
+            }
+
+            $$9(textinput).blur();
+
+            curtext = false;
+
+            // if (supportsEditableText()) {
+            //   curtext.removeAttribute('editable');
+            // }
+          },
+
+          /**
+          * @param {Element} elem
+          * @returns {undefined}
+          */
+          setInputElem: function setInputElem(elem) {
+            textinput = elem;
+            // $(textinput).blur(hideCursor);
+          },
+
+          /**
+          * @returns {undefined}
+          */
+          clear: function clear() {
+            if (currentMode === 'textedit') {
+              textActions.toSelectMode();
+            }
+          },
+
+          /**
+          * @param {Element} inputElem Not in use
+          * @returns {undefined}
+          */
+          init: function init$$1(inputElem) {
+            if (!curtext) {
+              return;
+            }
+            var i = void 0,
+                end = void 0;
+            // if (supportsEditableText()) {
+            //   curtext.select();
+            //   return;
+            // }
+
+            if (!curtext.parentNode) {
+              // Result of the ffClone, need to get correct element
+              curtext = selectedElements[0];
+              selectorManager.requestSelector(curtext).showGrips(false);
+            }
+
+            var str = curtext.textContent;
+            var len = str.length;
+
+            var xform = curtext.getAttribute('transform');
+
+            textbb = getBBox(curtext);
+
+            matrix = xform ? getMatrix(curtext) : null;
+
+            chardata = [];
+            chardata.length = len;
+            textinput.focus();
+
+            $$9(curtext).unbind('dblclick', selectWord).dblclick(selectWord);
+
+            if (!len) {
+              end = { x: textbb.x + textbb.width / 2, width: 0 };
+            }
+
+            for (i = 0; i < len; i++) {
+              var start = curtext.getStartPositionOfChar(i);
+              end = curtext.getEndPositionOfChar(i);
+
+              if (!supportsGoodTextCharPos()) {
+                var offset = canvas.contentW * currentZoom;
+                start.x -= offset;
+                end.x -= offset;
+
+                start.x /= currentZoom;
+                end.x /= currentZoom;
+              }
+
+              // Get a "bbox" equivalent for each character. Uses the
+              // bbox data of the actual text for y, height purposes
+
+              // TODO: Decide if y, width and height are actually necessary
+              chardata[i] = {
+                x: start.x,
+                y: textbb.y, // start.y?
+                width: end.x - start.x,
+                height: textbb.height
+              };
+            }
+
+            // Add a last bbox for cursor at end of text
+            chardata.push({
+              x: end.x,
+              width: 0
+            });
+            setSelection(textinput.selectionStart, textinput.selectionEnd, true);
+          }
+        }
+      );
+    }();
+
+    /**
+    * Group: Serialization
+    */
+
+    /**
+    * Looks at DOM elements inside the `<defs>` to see if they are referred to,
+    * removes them from the DOM if they are not.
+    * @function module:svgcanvas.SvgCanvas#removeUnusedDefElems
+    * @returns {Integer} The number of elements that were removed
+    */
+    var removeUnusedDefElems = this.removeUnusedDefElems = function () {
+      var defs = svgcontent.getElementsByTagNameNS(NS.SVG, 'defs');
+      if (!defs || !defs.length) {
+        return 0;
+      }
+
+      // if (!defs.firstChild) { return; }
+
+      var defelemUses = [];
+      var numRemoved = 0;
+      var attrs = ['fill', 'stroke', 'filter', 'marker-start', 'marker-mid', 'marker-end'];
+      var alen = attrs.length;
+
+      var allEls = svgcontent.getElementsByTagNameNS(NS.SVG, '*');
+      var allLen = allEls.length;
+
+      var i = void 0,
+          j = void 0;
+      for (i = 0; i < allLen; i++) {
+        var el = allEls[i];
+        for (j = 0; j < alen; j++) {
+          var ref = getUrlFromAttr(el.getAttribute(attrs[j]));
+          if (ref) {
+            defelemUses.push(ref.substr(1));
+          }
+        }
+
+        // gradients can refer to other gradients
+        var href = getHref(el);
+        if (href && href.startsWith('#')) {
+          defelemUses.push(href.substr(1));
+        }
+      }
+
+      var defelems = $$9(defs).find('linearGradient, radialGradient, filter, marker, svg, symbol');
+      i = defelems.length;
+      while (i--) {
+        var defelem = defelems[i];
+        var id = defelem.id;
+
+        if (!defelemUses.includes(id)) {
+          // Not found, so remove (but remember)
+          removedElements[id] = defelem;
+          defelem.remove();
+          numRemoved++;
+        }
+      }
+
+      return numRemoved;
+    };
+
+    /**
+    * Main function to set up the SVG content for output
+    * @function module:svgcanvas.SvgCanvas#svgCanvasToString
+    * @returns {string} The SVG image for output
+    */
+    this.svgCanvasToString = function () {
+      // keep calling it until there are none to remove
+      while (removeUnusedDefElems() > 0) {}
+
+      pathActions$$1.clear(true);
+
+      // Keep SVG-Edit comment on top
+      $$9.each(svgcontent.childNodes, function (i, node) {
+        if (i && node.nodeType === 8 && node.data.includes('Created with')) {
+          svgcontent.firstChild.before(node);
+        }
+      });
+
+      // Move out of in-group editing mode
+      if (currentGroup) {
+        leaveContext();
+        selectOnly([currentGroup]);
+      }
+
+      var nakedSvgs = [];
+
+      // Unwrap gsvg if it has no special attributes (only id and style)
+      $$9(svgcontent).find('g:data(gsvg)').each(function () {
+        var attrs = this.attributes;
+        var len = attrs.length;
+        for (var i = 0; i < len; i++) {
+          if (attrs[i].nodeName === 'id' || attrs[i].nodeName === 'style') {
+            len--;
+          }
+        }
+        // No significant attributes, so ungroup
+        if (len <= 0) {
+          var svg = this.firstChild;
+          nakedSvgs.push(svg);
+          $$9(this).replaceWith(svg);
+        }
+      });
+      var output = this.svgToString(svgcontent, 0);
+
+      // Rewrap gsvg
+      if (nakedSvgs.length) {
+        $$9(nakedSvgs).each(function () {
+          groupSvgElem(this);
+        });
+      }
+
+      return output;
+    };
+
+    /**
+    * Sub function ran on each SVG element to convert it to a string as desired
+    * @function module:svgcanvas.SvgCanvas#svgToString
+    * @param {Element} elem - The SVG element to convert
+    * @param {Integer} indent - Number of spaces to indent this tag
+    * @returns {string} The given element as an SVG tag
+    */
+    this.svgToString = function (elem, indent) {
+      var out = [];
+      var unit = curConfig.baseUnit;
+      var unitRe = new RegExp('^-?[\\d\\.]+' + unit + '$');
+
+      if (elem) {
+        cleanupElement(elem);
+        var attrs = Array.from(elem.attributes);
+        var i = void 0;
+        var childs = elem.childNodes;
+        attrs.sort(function (a, b) {
+          return a.name > b.name ? -1 : 1;
+        });
+
+        for (i = 0; i < indent; i++) {
+          out.push(' ');
+        }
+        out.push('<');out.push(elem.nodeName);
+        if (elem.id === 'svgcontent') {
+          // Process root element separately
+          var res = getResolution();
+
+          var vb = '';
+          // TODO: Allow this by dividing all values by current baseVal
+          // Note that this also means we should properly deal with this on import
+          // if (curConfig.baseUnit !== 'px') {
+          //   const unit = curConfig.baseUnit;
+          //   const unitM = getTypeMap()[unit];
+          //   res.w = shortFloat(res.w / unitM);
+          //   res.h = shortFloat(res.h / unitM);
+          //   vb = ' viewBox="' + [0, 0, res.w, res.h].join(' ') + '"';
+          //   res.w += unit;
+          //   res.h += unit;
+          // }
+
+          if (unit !== 'px') {
+            res.w = convertUnit(res.w, unit) + unit;
+            res.h = convertUnit(res.h, unit) + unit;
+          }
+
+          out.push(' width="' + res.w + '" height="' + res.h + '"' + vb + ' xmlns="' + NS.SVG + '"');
+
+          var nsuris = {};
+
+          // Check elements for namespaces, add if found
+          $$9(elem).find('*').andSelf().each(function () {
+            // const el = this;
+            // for some elements have no attribute
+            var uri = this.namespaceURI;
+            if (uri && !nsuris[uri] && nsMap[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {
+              nsuris[uri] = true;
+              out.push(' xmlns:' + nsMap[uri] + '="' + uri + '"');
+            }
+
+            $$9.each(this.attributes, function (i, attr) {
+              var uri = attr.namespaceURI;
+              if (uri && !nsuris[uri] && nsMap[uri] !== 'xmlns' && nsMap[uri] !== 'xml') {
+                nsuris[uri] = true;
+                out.push(' xmlns:' + nsMap[uri] + '="' + uri + '"');
+              }
+            });
+          });
+
+          i = attrs.length;
+          var attrNames = ['width', 'height', 'xmlns', 'x', 'y', 'viewBox', 'id', 'overflow'];
+          while (i--) {
+            var attr = attrs[i];
+            var attrVal = toXml(attr.value);
+
+            // Namespaces have already been dealt with, so skip
+            if (attr.nodeName.startsWith('xmlns:')) {
+              continue;
+            }
+
+            // only serialize attributes we don't use internally
+            if (attrVal !== '' && !attrNames.includes(attr.localName)) {
+              if (!attr.namespaceURI || nsMap[attr.namespaceURI]) {
+                out.push(' ');
+                out.push(attr.nodeName);out.push('="');
+                out.push(attrVal);out.push('"');
+              }
+            }
+          }
+        } else {
+          // Skip empty defs
+          if (elem.nodeName === 'defs' && !elem.firstChild) {
+            return;
+          }
+
+          var mozAttrs = ['-moz-math-font-style', '_moz-math-font-style'];
+          for (i = attrs.length - 1; i >= 0; i--) {
+            var _attr = attrs[i];
+            var _attrVal = toXml(_attr.value);
+            // remove bogus attributes added by Gecko
+            if (mozAttrs.includes(_attr.localName)) {
+              continue;
+            }
+            if (_attrVal !== '') {
+              if (_attrVal.startsWith('pointer-events')) {
+                continue;
+              }
+              if (_attr.localName === 'class' && _attrVal.startsWith('se_')) {
+                continue;
+              }
+              out.push(' ');
+              if (_attr.localName === 'd') {
+                _attrVal = pathActions$$1.convertPath(elem, true);
+              }
+              if (!isNaN(_attrVal)) {
+                _attrVal = shortFloat(_attrVal);
+              } else if (unitRe.test(_attrVal)) {
+                _attrVal = shortFloat(_attrVal) + unit;
+              }
+
+              // Embed images when saving
+              if (saveOptions.apply && elem.nodeName === 'image' && _attr.localName === 'href' && saveOptions.images && saveOptions.images === 'embed') {
+                var img = encodableImages[_attrVal];
+                if (img) {
+                  _attrVal = img;
+                }
+              }
+
+              // map various namespaces to our fixed namespace prefixes
+              // (the default xmlns attribute itself does not get a prefix)
+              if (!_attr.namespaceURI || _attr.namespaceURI === NS.SVG || nsMap[_attr.namespaceURI]) {
+                out.push(_attr.nodeName);out.push('="');
+                out.push(_attrVal);out.push('"');
+              }
+            }
+          }
+        }
+
+        if (elem.hasChildNodes()) {
+          out.push('>');
+          indent++;
+          var bOneLine = false;
+
+          for (i = 0; i < childs.length; i++) {
+            var child = childs.item(i);
+            switch (child.nodeType) {
+              case 1:
+                // element node
+                out.push('\n');
+                out.push(this.svgToString(childs.item(i), indent));
+                break;
+              case 3:
+                // text node
+                var str = child.nodeValue.replace(/^\s+|\s+$/g, '');
+                if (str !== '') {
+                  bOneLine = true;
+                  out.push(String(toXml(str)));
+                }
+                break;
+              case 4:
+                // cdata node
+                out.push('\n');
+                out.push(new Array(indent + 1).join(' '));
+                out.push('<![CDATA[');
+                out.push(child.nodeValue);
+                out.push(']]>');
+                break;
+              case 8:
+                // comment
+                out.push('\n');
+                out.push(new Array(indent + 1).join(' '));
+                out.push('<!--');
+                out.push(child.data);
+                out.push('-->');
+                break;
+            } // switch on node type
+          }
+          indent--;
+          if (!bOneLine) {
+            out.push('\n');
+            for (i = 0; i < indent; i++) {
+              out.push(' ');
+            }
+          }
+          out.push('</');out.push(elem.nodeName);out.push('>');
+        } else {
+          out.push('/>');
+        }
+      }
+      return out.join('');
+    }; // end svgToString()
+
+    /**
+     * Function to run when image data is found
+     * @callback module:svgcanvas.ImageEmbeddedCallback
+     * @param {string|false} result Data URL
+     * @returns {undefined}
+     */
+    /**
+    * Converts a given image file to a data URL when possible, then runs a given callback
+    * @function module:svgcanvas.SvgCanvas#embedImage
+    * @param {string} src - The path/URL of the image
+    * @param {module:svgcanvas.ImageEmbeddedCallback} [callback] - Function to run when image data is found
+    * @returns {Promise} Resolves to Data URL (string|false)
+    */
+    this.embedImage = function (src, callback) {
+      return new Promise(function (resolve, reject) {
+        // load in the image and once it's loaded, get the dimensions
+        $$9(new Image()).load(function (response, status, xhr) {
+          if (status === 'error') {
+            reject(new Error('Error loading image: ' + xhr.status + ' ' + xhr.statusText));
+            return;
+          }
+          // create a canvas the same size as the raster image
+          var cvs = document.createElement('canvas');
+          cvs.width = this.width;
+          cvs.height = this.height;
+          // load the raster image into the canvas
+          cvs.getContext('2d').drawImage(this, 0, 0);
+          // retrieve the data: URL
+          try {
+            var urldata = ';svgedit_url=' + encodeURIComponent(src);
+            urldata = cvs.toDataURL().replace(';base64', urldata + ';base64');
+            encodableImages[src] = urldata;
+          } catch (e) {
+            encodableImages[src] = false;
+          }
+          lastGoodImgUrl = src;
+          if (callback) {
+            callback(encodableImages[src]);
+          }
+          resolve(encodableImages[src]);
+        }).attr('src', src);
+      });
+    };
+
+    /**
+    * Sets a given URL to be a "last good image" URL
+    * @function module:svgcanvas.SvgCanvas#setGoodImage
+    * @param {string} val
+    * @returns {undefined}
+    */
+    this.setGoodImage = function (val) {
+      lastGoodImgUrl = val;
+    };
+
+    /**
+    * Does nothing by default, handled by optional widget/extension
+    * @function module:svgcanvas.SvgCanvas#open
+    * @returns {undefined}
+    */
+    this.open = function () {};
+
+    /**
+    * Serializes the current drawing into SVG XML text and passes it to the 'saved' handler.
+    * This function also includes the XML prolog. Clients of the `SvgCanvas` bind their save
+    * function to the 'saved' event.
+    * @function module:svgcanvas.SvgCanvas#save
+    * @param {module:svgcanvas.SaveOptions} opts
+    * @fires module:svgcanvas.SvgCanvas#event:saved
+    * @returns {undefined}
+    */
+    this.save = function (opts) {
+      // remove the selected outline before serializing
+      clearSelection();
+      // Update save options if provided
+      if (opts) {
+        $$9.extend(saveOptions, opts);
+      }
+      saveOptions.apply = true;
+
+      // no need for doctype, see https://jwatt.org/svg/authoring/#doctype-declaration
+      var str = this.svgCanvasToString();
+      call('saved', str);
+    };
+
+    /**
+    * Codes only is useful for locale-independent detection
+    */
+    function getIssues() {
+      // remove the selected outline before serializing
+      clearSelection();
+
+      // Check for known CanVG issues
+      var issues = [];
+      var issueCodes = [];
+
+      // Selector and notice
+      var issueList = {
+        feGaussianBlur: uiStrings.exportNoBlur,
+        foreignObject: uiStrings.exportNoforeignObject,
+        '[stroke-dasharray]': uiStrings.exportNoDashArray
+      };
+      var content = $$9(svgcontent);
+
+      // Add font/text check if Canvas Text API is not implemented
+      if (!('font' in $$9('<canvas>')[0].getContext('2d'))) {
+        issueList.text = uiStrings.exportNoText;
+      }
+
+      $$9.each(issueList, function (sel, descr) {
+        if (content.find(sel).length) {
+          issueCodes.push(sel);
+          issues.push(descr);
+        }
+      });
+      return { issues: issues, issueCodes: issueCodes };
+    }
+
+    var canvg = void 0;
+    /**
+    * @typedef {"feGaussianBlur"|"foreignObject"|"[stroke-dasharray]"|"text"} module:svgcanvas.IssueCode
+    */
+    /**
+    * @typedef {PlainObject} module:svgcanvas.ImageExportedResults
+    * @property {string} datauri Contents as a Data URL
+    * @property {string} bloburl May be the empty string
+    * @property {string} svg The SVG contents as a string
+    * @property {string[]} issues The localization messages of `issueCodes`
+    * @property {module:svgcanvas.IssueCode[]} issueCodes CanVG issues found with the SVG
+    * @property {"PNG"|"JPEG"|"BMP"|"WEBP"|"ICO"} type The chosen image type
+    * @property {"image/png"|"image/jpeg"|"image/bmp"|"image/webp"} mimeType The image MIME type
+    * @property {Float} quality A decimal between 0 and 1 (for use with JPEG or WEBP)
+    * @property {string} exportWindowName A convenience for passing along a `window.name` to target a window on which the export could be added
+    */
+
+    /**
+     * Function to run when image data is found
+     * @callback module:svgcanvas.ImageExportedCallback
+     * @param {module:svgcanvas.ImageExportedResults} obj
+     * @returns {undefined}
+     */
+    /**
+    * Generates a PNG (or JPG, BMP, WEBP) Data URL based on the current image,
+    * then calls "exported" with an object including the string, image
+    * information, and any issues found
+    * @function module:svgcanvas.SvgCanvas#rasterExport
+    * @param {"PNG"|"JPEG"|"BMP"|"WEBP"|"ICO"} [imgType="PNG"]
+    * @param {Float} [quality] Between 0 and 1
+    * @param {string} [exportWindowName]
+    * @param {module:svgcanvas.ImageExportedCallback} [cb]
+    * @fires module:svgcanvas.SvgCanvas#event:exported
+    * @todo Confirm/fix ICO type
+    * @returns {Promise} Resolves to {@link module:svgcanvas.ImageExportedResults}
+    */
+    this.rasterExport = function (imgType, quality, exportWindowName, cb) {
+      var _this = this;
+
+      var type = imgType === 'ICO' ? 'BMP' : imgType || 'PNG';
+      var mimeType = 'image/' + type.toLowerCase();
+
+      var _getIssues = getIssues(),
+          issues = _getIssues.issues,
+          issueCodes = _getIssues.issueCodes;
+
+      var svg = this.svgCanvasToString();
+
+      return new Promise(function () {
+        var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(resolve, reject) {
+          var _ref5, c, dataURLType, datauri, bloburl, done;
+
+          return regeneratorRuntime.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  done = function done() {
+                    var obj = {
+                      datauri: datauri, bloburl: bloburl, svg: svg, issues: issues, issueCodes: issueCodes, type: imgType,
+                      mimeType: mimeType, quality: quality, exportWindowName: exportWindowName
+                    };
+                    call('exported', obj);
+                    if (cb) {
+                      cb(obj);
+                    }
+                    resolve(obj);
+                  };
+
+                  if (canvg) {
+                    _context2.next = 6;
+                    break;
+                  }
+
+                  _context2.next = 4;
+                  return importSetGlobal(curConfig.canvgPath + 'canvg.js', {
+                    global: 'canvg'
+                  });
+
+                case 4:
+                  _ref5 = _context2.sent;
+                  canvg = _ref5.canvg;
+
+                case 6:
+                  if (!$$9('#export_canvas').length) {
+                    $$9('<canvas>', { id: 'export_canvas' }).hide().appendTo('body');
+                  }
+                  c = $$9('#export_canvas')[0];
+
+                  c.width = canvas.contentW;
+                  c.height = canvas.contentH;
+
+                  _context2.next = 12;
+                  return canvg(c, svg);
+
+                case 12:
+                  dataURLType = type.toLowerCase();
+                  datauri = quality ? c.toDataURL('image/' + dataURLType, quality) : c.toDataURL('image/' + dataURLType);
+                  bloburl = void 0;
+
+                  if (!c.toBlob) {
+                    _context2.next = 18;
+                    break;
+                  }
+
+                  c.toBlob(function (blob) {
+                    bloburl = createObjectURL(blob);
+                    done();
+                  }, mimeType, quality);
+                  return _context2.abrupt('return');
+
+                case 18:
+                  bloburl = dataURLToObjectURL(datauri);
+                  done();
+
+                case 20:
+                case 'end':
+                  return _context2.stop();
+              }
+            }
+          }, _callee2, _this);
+        }));
+
+        return function (_x4, _x5) {
+          return _ref4.apply(this, arguments);
+        };
+      }());
+    };
+    /**
+     * @external jsPDF
+     */
+    /**
+     * @typedef {undefined|"save"|"arraybuffer"|"blob"|"datauristring"|"dataurlstring"|"dataurlnewwindow"|"datauri"|"dataurl"} external:jsPDF.OutputType
+     * @todo Newer version to add also allows these `outputType` values "bloburi"|"bloburl" which return strings, so document here and for `outputType` of `module:svgcanvas.PDFExportedResults` below if added
+    */
+    /**
+    * @typedef {PlainObject} module:svgcanvas.PDFExportedResults
+    * @property {string} svg The SVG PDF output
+    * @property {string|ArrayBuffer|Blob|window} output The output based on the `outputType`;
+    * if `undefined`, "datauristring", "dataurlstring", "datauri",
+    * or "dataurl", will be a string (`undefined` gives a document, while the others
+    * build as Data URLs; "datauri" and "dataurl" change the location of the current page); if
+    * "arraybuffer", will return `ArrayBuffer`; if "blob", returns a `Blob`;
+    * if "dataurlnewwindow", will change the current page's location and return a string
+    * if in Safari and no window object is found; otherwise opens in, and returns, a new `window`
+    * object; if "save", will have the same return as "dataurlnewwindow" if
+    * `navigator.getUserMedia` support is found without `URL.createObjectURL` support; otherwise
+    * returns `undefined` but attempts to save
+    * @property {external:jsPDF.OutputType} outputType
+    * @property {string[]} issues The human-readable localization messages of corresponding `issueCodes`
+    * @property {module:svgcanvas.IssueCode[]} issueCodes
+    * @property {string} exportWindowName
+    */
+
+    /**
+     * Function to run when PDF data is found
+     * @callback module:svgcanvas.PDFExportedCallback
+     * @param {module:svgcanvas.PDFExportedResults} obj
+     * @returns {undefined}
+     */
+    /**
+    * Generates a PDF based on the current image, then calls "exportedPDF" with
+    * an object including the string, the data URL, and any issues found
+    * @function module:svgcanvas.SvgCanvas#exportPDF
+    * @param {string} exportWindowName
+    * @param {external:jsPDF.OutputType} [outputType="dataurlstring"]
+    * @param {module:svgcanvas.PDFExportedCallback} cb
+    * @fires module:svgcanvas.SvgCanvas#event:exportedPDF
+    * @returns {Promise} Resolves to {@link module:svgcanvas.PDFExportedResults}
+    */
+    this.exportPDF = function (exportWindowName, outputType, cb) {
+      var _this2 = this;
+
+      var that = this;
+      return new Promise(function () {
+        var _ref6 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(resolve, reject) {
+          var modularVersion, res, orientation, unit, doc, docTitle, _getIssues2, issues, issueCodes, svg, obj;
+
+          return regeneratorRuntime.wrap(function _callee3$(_context3) {
+            while (1) {
+              switch (_context3.prev = _context3.next) {
+                case 0:
+                  if (window.jsPDF) {
+                    _context3.next = 6;
+                    break;
+                  }
+
+                  _context3.next = 3;
+                  return importScript([
+                  // We do not currently have these paths configurable as they are
+                  //   currently global-only, so not Rolled-up
+                  'jspdf/underscore-min.js', 'jspdf/jspdf.min.js']);
+
+                case 3:
+                  modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+                  // Todo: Switch to `import()` when widely supported and available (also allow customization of path)
+
+                  _context3.next = 6;
+                  return importScript(curConfig.jspdfPath + 'jspdf.plugin.svgToPdf.js', {
+                    type: modularVersion ? 'module' : 'text/javascript'
+                  });
+
+                case 6:
+                  res = getResolution();
+                  orientation = res.w > res.h ? 'landscape' : 'portrait';
+                  unit = 'pt'; // curConfig.baseUnit; // We could use baseUnit, but that is presumably not intended for export purposes
+
+                  // Todo: Give options to use predefined jsPDF formats like "a4", etc. from pull-down (with option to keep customizable)
+
+                  doc = jsPDF({
+                    orientation: orientation,
+                    unit: unit,
+                    format: [res.w, res.h]
+                    // , compressPdf: true
+                  });
+                  docTitle = getDocumentTitle();
+
+                  doc.setProperties({
+                    title: docTitle /* ,
+                                    subject: '',
+                                    author: '',
+                                    keywords: '',
+                                    creator: '' */
+                  });
+                  _getIssues2 = getIssues(), issues = _getIssues2.issues, issueCodes = _getIssues2.issueCodes;
+                  svg = that.svgCanvasToString();
+
+                  doc.addSVG(svg, 0, 0);
+
+                  // doc.output('save'); // Works to open in a new
+                  //  window; todo: configure this and other export
+                  //  options to optionally work in this manner as
+                  //  opposed to opening a new tab
+                  outputType = outputType || 'dataurlstring';
+                  obj = { svg: svg, issues: issues, issueCodes: issueCodes, exportWindowName: exportWindowName, outputType: outputType };
+
+                  obj.output = doc.output(outputType);
+                  if (cb) {
+                    cb(obj);
+                  }
+                  resolve(obj);
+                  call('exportedPDF', obj);
+
+                case 21:
+                case 'end':
+                  return _context3.stop();
+              }
+            }
+          }, _callee3, _this2);
+        }));
+
+        return function (_x6, _x7) {
+          return _ref6.apply(this, arguments);
+        };
+      }());
+    };
+
+    /**
+    * Returns the current drawing as raw SVG XML text.
+    * @function module:svgcanvas.SvgCanvas#getSvgString
+    * @returns {string} The current drawing as raw SVG XML text.
+    */
+    this.getSvgString = function () {
+      saveOptions.apply = false;
+      return this.svgCanvasToString();
+    };
+
+    /**
+    * This function determines whether to use a nonce in the prefix, when
+    * generating IDs for future documents in SVG-Edit.
+    * If you're controlling SVG-Edit externally, and want randomized IDs, call
+    * this BEFORE calling svgCanvas.setSvgString
+    * @function module:svgcanvas.SvgCanvas#randomizeIds
+    * @param {boolean} [enableRandomization] If true, adds a nonce to the prefix. Thus
+    * `svgCanvas.randomizeIds() <==> svgCanvas.randomizeIds(true)`
+    * @returns {undefined}
+    */
+    this.randomizeIds = function (enableRandomization) {
+      if (arguments.length > 0 && enableRandomization === false) {
+        randomizeIds(false, getCurrentDrawing());
+      } else {
+        randomizeIds(true, getCurrentDrawing());
+      }
+    };
+
+    /**
+    * Ensure each element has a unique ID
+    * @function module:svgcanvas.SvgCanvas#uniquifyElems
+    * @param {Element} g - The parent element of the tree to give unique IDs
+    * @returns {undefined}
+    */
+    var uniquifyElems = this.uniquifyElems = function (g) {
+      var ids = {};
+      // TODO: Handle markers and connectors. These are not yet re-identified properly
+      // as their referring elements do not get remapped.
+      //
+      // <marker id='se_marker_end_svg_7'/>
+      // <polyline id='svg_7' se:connector='svg_1 svg_6' marker-end='url(#se_marker_end_svg_7)'/>
+      //
+      // Problem #1: if svg_1 gets renamed, we do not update the polyline's se:connector attribute
+      // Problem #2: if the polyline svg_7 gets renamed, we do not update the marker id nor the polyline's marker-end attribute
+      var refElems = ['filter', 'linearGradient', 'pattern', 'radialGradient', 'symbol', 'textPath', 'use'];
+
+      walkTree(g, function (n) {
+        // if it's an element node
+        if (n.nodeType === 1) {
+          // and the element has an ID
+          if (n.id) {
+            // and we haven't tracked this ID yet
+            if (!(n.id in ids)) {
+              // add this id to our map
+              ids[n.id] = { elem: null, attrs: [], hrefs: [] };
+            }
+            ids[n.id].elem = n;
+          }
+
+          // now search for all attributes on this element that might refer
+          // to other elements
+          $$9.each(refAttrs, function (i, attr) {
+            var attrnode = n.getAttributeNode(attr);
+            if (attrnode) {
+              // the incoming file has been sanitized, so we should be able to safely just strip off the leading #
+              var url = getUrlFromAttr(attrnode.value),
+                  refid = url ? url.substr(1) : null;
+              if (refid) {
+                if (!(refid in ids)) {
+                  // add this id to our map
+                  ids[refid] = { elem: null, attrs: [], hrefs: [] };
+                }
+                ids[refid].attrs.push(attrnode);
+              }
+            }
+          });
+
+          // check xlink:href now
+          var href = getHref(n);
+          // TODO: what if an <image> or <a> element refers to an element internally?
+          if (href && refElems.includes(n.nodeName)) {
+            var refid = href.substr(1);
+            if (refid) {
+              if (!(refid in ids)) {
+                // add this id to our map
+                ids[refid] = { elem: null, attrs: [], hrefs: [] };
+              }
+              ids[refid].hrefs.push(n);
+            }
+          }
+        }
+      });
+
+      // in ids, we now have a map of ids, elements and attributes, let's re-identify
+      for (var oldid in ids) {
+        if (!oldid) {
+          continue;
+        }
+        var elem = ids[oldid].elem;
+
+        if (elem) {
+          var newid = getNextId();
+
+          // assign element its new id
+          elem.id = newid;
+
+          // remap all url() attributes
+          var attrs = ids[oldid].attrs;
+
+          var j = attrs.length;
+          while (j--) {
+            var attr = attrs[j];
+            attr.ownerElement.setAttribute(attr.name, 'url(#' + newid + ')');
+          }
+
+          // remap all href attributes
+          var hreffers = ids[oldid].hrefs;
+          var k = hreffers.length;
+          while (k--) {
+            var hreffer = hreffers[k];
+            setHref(hreffer, '#' + newid);
+          }
+        }
+      }
+    };
+
+    /**
+    * Assigns reference data for each use element
+    * @function module:svgcanvas.SvgCanvas#setUseData
+    * @param {Element} parent
+    * @returns {undefined}
+    */
+    var setUseData = this.setUseData = function (parent) {
+      var elems = $$9(parent);
+
+      if (parent.tagName !== 'use') {
+        elems = elems.find('use');
+      }
+
+      elems.each(function () {
+        var id = getHref(this).substr(1);
+        var refElem = getElem(id);
+        if (!refElem) {
+          return;
+        }
+        $$9(this).data('ref', refElem);
+        if (refElem.tagName === 'symbol' || refElem.tagName === 'svg') {
+          $$9(this).data('symbol', refElem).data('ref', refElem);
+        }
+      });
+    };
+
+    /**
+    * Converts gradients from userSpaceOnUse to objectBoundingBox
+    * @function module:svgcanvas.SvgCanvas#convertGradients
+    * @param {Element} elem
+    * @returns {undefined}
+    */
+    var convertGradients = this.convertGradients = function (elem) {
+      var elems = $$9(elem).find('linearGradient, radialGradient');
+      if (!elems.length && isWebkit()) {
+        // Bug in webkit prevents regular *Gradient selector search
+        elems = $$9(elem).find('*').filter(function () {
+          return this.tagName.includes('Gradient');
+        });
+      }
+
+      elems.each(function () {
+        var grad = this;
+        if ($$9(grad).attr('gradientUnits') === 'userSpaceOnUse') {
+          // TODO: Support more than one element with this ref by duplicating parent grad
+          var _elems = $$9(svgcontent).find('[fill="url(#' + grad.id + ')"],[stroke="url(#' + grad.id + ')"]');
+          if (!_elems.length) {
+            return;
+          }
+
+          // get object's bounding box
+          var bb = getBBox(_elems[0]);
+
+          // This will occur if the element is inside a <defs> or a <symbol>,
+          // in which we shouldn't need to convert anyway.
+          if (!bb) {
+            return;
+          }
+
+          if (grad.tagName === 'linearGradient') {
+            var gCoords = $$9(grad).attr(['x1', 'y1', 'x2', 'y2']);
+
+            // If has transform, convert
+            var tlist = grad.gradientTransform.baseVal;
+            if (tlist && tlist.numberOfItems > 0) {
+              var m = transformListToTransform(tlist).matrix;
+              var pt1 = transformPoint(gCoords.x1, gCoords.y1, m);
+              var pt2 = transformPoint(gCoords.x2, gCoords.y2, m);
+
+              gCoords.x1 = pt1.x;
+              gCoords.y1 = pt1.y;
+              gCoords.x2 = pt2.x;
+              gCoords.y2 = pt2.y;
+              grad.removeAttribute('gradientTransform');
+            }
+
+            $$9(grad).attr({
+              x1: (gCoords.x1 - bb.x) / bb.width,
+              y1: (gCoords.y1 - bb.y) / bb.height,
+              x2: (gCoords.x2 - bb.x) / bb.width,
+              y2: (gCoords.y2 - bb.y) / bb.height
+            });
+            grad.removeAttribute('gradientUnits');
+          }
+          // else {
+          //   Note: radialGradient elements cannot be easily converted
+          //   because userSpaceOnUse will keep circular gradients, while
+          //   objectBoundingBox will x/y scale the gradient according to
+          //   its bbox.
+          //
+          //   For now we'll do nothing, though we should probably have
+          //   the gradient be updated as the element is moved, as
+          //   inkscape/illustrator do.
+          //
+          //   const gCoords = $(grad).attr(['cx', 'cy', 'r']);
+          //
+          //   $(grad).attr({
+          //     cx: (gCoords.cx - bb.x) / bb.width,
+          //     cy: (gCoords.cy - bb.y) / bb.height,
+          //     r: gCoords.r
+          //   });
+          //
+          //   grad.removeAttribute('gradientUnits');
+          // }
+        }
+      });
+    };
+
+    /**
+    * Converts selected/given `<use>` or child SVG element to a group
+    * @function module:svgcanvas.SvgCanvas#convertToGroup
+    * @param {Element} elem
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    * @returns {undefined}
+    */
+    var convertToGroup = this.convertToGroup = function (elem) {
+      if (!elem) {
+        elem = selectedElements[0];
+      }
+      var $elem = $$9(elem);
+      var batchCmd = new BatchCommand$1();
+      var ts = void 0;
+
+      if ($elem.data('gsvg')) {
+        // Use the gsvg as the new group
+        var svg = elem.firstChild;
+        var pt = $$9(svg).attr(['x', 'y']);
+
+        $$9(elem.firstChild.firstChild).unwrap();
+        $$9(elem).removeData('gsvg');
+
+        var tlist = getTransformList(elem);
+        var xform = svgroot.createSVGTransform();
+        xform.setTranslate(pt.x, pt.y);
+        tlist.appendItem(xform);
+        recalculateDimensions(elem);
+        call('selected', [elem]);
+      } else if ($elem.data('symbol')) {
+        elem = $elem.data('symbol');
+
+        ts = $elem.attr('transform');
+        var pos = $elem.attr(['x', 'y']);
+
+        var vb = elem.getAttribute('viewBox');
+
+        if (vb) {
+          var nums = vb.split(' ');
+          pos.x -= +nums[0];
+          pos.y -= +nums[1];
+        }
+
+        // Not ideal, but works
+        ts += ' translate(' + (pos.x || 0) + ',' + (pos.y || 0) + ')';
+
+        var prev = $elem.prev();
+
+        // Remove <use> element
+        batchCmd.addSubCommand(new RemoveElementCommand$1($elem[0], $elem[0].nextSibling, $elem[0].parentNode));
+        $elem.remove();
+
+        // See if other elements reference this symbol
+        var hasMore = $$9(svgcontent).find('use:data(symbol)').length;
+
+        var g = svgdoc.createElementNS(NS.SVG, 'g');
+        var childs = elem.childNodes;
+
+        var i = void 0;
+        for (i = 0; i < childs.length; i++) {
+          g.append(childs[i].cloneNode(true));
+        }
+
+        // Duplicate the gradients for Gecko, since they weren't included in the <symbol>
+        if (isGecko()) {
+          var dupeGrads = $$9(findDefs()).children('linearGradient,radialGradient,pattern').clone();
+          $$9(g).append(dupeGrads);
+        }
+
+        if (ts) {
+          g.setAttribute('transform', ts);
+        }
+
+        var parent = elem.parentNode;
+
+        uniquifyElems(g);
+
+        // Put the dupe gradients back into <defs> (after uniquifying them)
+        if (isGecko()) {
+          $$9(findDefs()).append($$9(g).find('linearGradient,radialGradient,pattern'));
+        }
+
+        // now give the g itself a new id
+        g.id = getNextId();
+
+        prev.after(g);
+
+        if (parent) {
+          if (!hasMore) {
+            // remove symbol/svg element
+            var _elem = elem,
+                nextSibling = _elem.nextSibling;
+
+            elem.remove();
+            batchCmd.addSubCommand(new RemoveElementCommand$1(elem, nextSibling, parent));
+          }
+          batchCmd.addSubCommand(new InsertElementCommand$1(g));
+        }
+
+        setUseData(g);
+
+        if (isGecko()) {
+          convertGradients(findDefs());
+        } else {
+          convertGradients(g);
+        }
+
+        // recalculate dimensions on the top-level children so that unnecessary transforms
+        // are removed
+        walkTreePost(g, function (n) {
+          try {
+            recalculateDimensions(n);
+          } catch (e) {
+            console.log(e);
+          }
+        });
+
+        // Give ID for any visible element missing one
+        $$9(g).find(visElems).each(function () {
+          if (!this.id) {
+            this.id = getNextId();
+          }
+        });
+
+        selectOnly([g]);
+
+        var cm = pushGroupProperties(g, true);
+        if (cm) {
+          batchCmd.addSubCommand(cm);
+        }
+
+        addCommandToHistory(batchCmd);
+      } else {
+        console.log('Unexpected element to ungroup:', elem);
+      }
+    };
+
+    /**
+    * This function sets the current drawing as the input SVG XML.
+    * @function module:svgcanvas.SvgCanvas#setSvgString
+    * @param {string} xmlString - The SVG as XML text.
+    * @param {boolean} [preventUndo=false] - Indicates if we want to do the
+    * changes without adding them to the undo stack - e.g. for initializing a
+    * drawing on page load.
+    * @fires module:svgcanvas.SvgCanvas#event:setnonce
+    * @fires module:svgcanvas.SvgCanvas#event:unsetnonce
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {boolean} This function returns `false` if the set was
+    *     unsuccessful, `true` otherwise.
+    */
+    this.setSvgString = function (xmlString, preventUndo) {
+      try {
+        // convert string into XML document
+        var newDoc = text2xml(xmlString);
+        if (newDoc.firstElementChild && newDoc.firstElementChild.namespaceURI !== NS.SVG) {
+          return false;
+        }
+
+        this.prepareSvg(newDoc);
+
+        var batchCmd = new BatchCommand$1('Change Source');
+
+        // remove old svg document
+        var _svgcontent = svgcontent,
+            nextSibling = _svgcontent.nextSibling;
+
+        var oldzoom = svgroot.removeChild(svgcontent);
+        batchCmd.addSubCommand(new RemoveElementCommand$1(oldzoom, nextSibling, svgroot));
+
+        // set new svg document
+        // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()
+        if (svgdoc.adoptNode) {
+          svgcontent = svgdoc.adoptNode(newDoc.documentElement);
+        } else {
+          svgcontent = svgdoc.importNode(newDoc.documentElement, true);
+        }
+
+        svgroot.append(svgcontent);
+        var content = $$9(svgcontent);
+
+        canvas.current_drawing_ = new Drawing(svgcontent, idprefix);
+
+        // retrieve or set the nonce
+        var nonce = getCurrentDrawing().getNonce();
+        if (nonce) {
+          call('setnonce', nonce);
+        } else {
+          call('unsetnonce');
+        }
+
+        // change image href vals if possible
+        content.find('image').each(function () {
+          var image = this;
+          preventClickDefault(image);
+          var val = getHref(this);
+          if (val) {
+            if (val.startsWith('data:')) {
+              // Check if an SVG-edit data URI
+              var m = val.match(/svgedit_url=(.*?);/);
+              if (m) {
+                var url = decodeURIComponent(m[1]);
+                $$9(new Image()).load(function () {
+                  image.setAttributeNS(NS.XLINK, 'xlink:href', url);
+                }).attr('src', url);
+              }
+            }
+            // Add to encodableImages if it loads
+            canvas.embedImage(val);
+          }
+        });
+
+        // Wrap child SVGs in group elements
+        content.find('svg').each(function () {
+          // Skip if it's in a <defs>
+          if ($$9(this).closest('defs').length) {
+            return;
+          }
+
+          uniquifyElems(this);
+
+          // Check if it already has a gsvg group
+          var pa = this.parentNode;
+          if (pa.childNodes.length === 1 && pa.nodeName === 'g') {
+            $$9(pa).data('gsvg', this);
+            pa.id = pa.id || getNextId();
+          } else {
+            groupSvgElem(this);
+          }
+        });
+
+        // For Firefox: Put all paint elems in defs
+        if (isGecko()) {
+          content.find('linearGradient, radialGradient, pattern').appendTo(findDefs());
+        }
+
+        // Set ref element for <use> elements
+
+        // TODO: This should also be done if the object is re-added through "redo"
+        setUseData(content);
+
+        convertGradients(content[0]);
+
+        var attrs = {
+          id: 'svgcontent',
+          overflow: curConfig.show_outside_canvas ? 'visible' : 'hidden'
+        };
+
+        var percs = false;
+
+        // determine proper size
+        if (content.attr('viewBox')) {
+          var vb = content.attr('viewBox').split(' ');
+          attrs.width = vb[2];
+          attrs.height = vb[3];
+          // handle content that doesn't have a viewBox
+        } else {
+          $$9.each(['width', 'height'], function (i, dim) {
+            // Set to 100 if not given
+            var val = content.attr(dim) || '100%';
+
+            if (String(val).substr(-1) === '%') {
+              // Use user units if percentage given
+              percs = true;
+            } else {
+              attrs[dim] = convertToNum(dim, val);
+            }
+          });
+        }
+
+        // identify layers
+        identifyLayers();
+
+        // Give ID for any visible layer children missing one
+        content.children().find(visElems).each(function () {
+          if (!this.id) {
+            this.id = getNextId();
+          }
+        });
+
+        // Percentage width/height, so let's base it on visible elements
+        if (percs) {
+          var bb = getStrokedBBoxDefaultVisible();
+          attrs.width = bb.width + bb.x;
+          attrs.height = bb.height + bb.y;
+        }
+
+        // Just in case negative numbers are given or
+        // result from the percs calculation
+        if (attrs.width <= 0) {
+          attrs.width = 100;
+        }
+        if (attrs.height <= 0) {
+          attrs.height = 100;
+        }
+
+        content.attr(attrs);
+        this.contentW = attrs.width;
+        this.contentH = attrs.height;
+
+        batchCmd.addSubCommand(new InsertElementCommand$1(svgcontent));
+        // update root to the correct size
+        var changes = content.attr(['width', 'height']);
+        batchCmd.addSubCommand(new ChangeElementCommand$1(svgroot, changes));
+
+        // reset zoom
+        currentZoom = 1;
+
+        // reset transform lists
+        resetListMap();
+        clearSelection();
+        clearData();
+        svgroot.append(selectorManager.selectorParentGroup);
+
+        if (!preventUndo) addCommandToHistory(batchCmd);
+        call('changed', [svgcontent]);
+      } catch (e) {
+        console.log(e);
+        return false;
+      }
+
+      return true;
+    };
+
+    /**
+    * This function imports the input SVG XML as a `<symbol>` in the `<defs>`, then adds a
+    * `<use>` to the current layer.
+    * @function module:svgcanvas.SvgCanvas#importSvgString
+    * @param {string} xmlString - The SVG as XML text.
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {null|Element} This function returns null if the import was unsuccessful, or the element otherwise.
+    * @todo
+    * - properly handle if namespace is introduced by imported content (must add to svgcontent
+    * and update all prefixes in the imported node)
+    * - properly handle recalculating dimensions, `recalculateDimensions()` doesn't handle
+    * arbitrary transform lists, but makes some assumptions about how the transform list
+    * was obtained
+    */
+    this.importSvgString = function (xmlString) {
+      var j = void 0,
+          ts = void 0,
+          useEl = void 0;
+      try {
+        // Get unique ID
+        var uid = encode64(xmlString.length + xmlString).substr(0, 32);
+
+        var useExisting = false;
+        // Look for symbol and make sure symbol exists in image
+        if (importIds[uid]) {
+          if ($$9(importIds[uid].symbol).parents('#svgroot').length) {
+            useExisting = true;
+          }
+        }
+
+        var batchCmd = new BatchCommand$1('Import Image');
+        var symbol = void 0;
+        if (useExisting) {
+          symbol = importIds[uid].symbol;
+
+          ts = importIds[uid].xform;
+        } else {
+          // convert string into XML document
+          var newDoc = text2xml(xmlString);
+
+          this.prepareSvg(newDoc);
+
+          // import new svg document into our document
+          var svg = void 0;
+          // If DOM3 adoptNode() available, use it. Otherwise fall back to DOM2 importNode()
+          if (svgdoc.adoptNode) {
+            svg = svgdoc.adoptNode(newDoc.documentElement);
+          } else {
+            svg = svgdoc.importNode(newDoc.documentElement, true);
+          }
+
+          uniquifyElems(svg);
+
+          var innerw = convertToNum('width', svg.getAttribute('width')),
+              innerh = convertToNum('height', svg.getAttribute('height')),
+              innervb = svg.getAttribute('viewBox'),
+
+          // if no explicit viewbox, create one out of the width and height
+          vb = innervb ? innervb.split(' ') : [0, 0, innerw, innerh];
+          for (j = 0; j < 4; ++j) {
+            vb[j] = +vb[j];
+          }
+
+          // TODO: properly handle preserveAspectRatio
+          var // canvasw = +svgcontent.getAttribute('width'),
+          canvash = +svgcontent.getAttribute('height');
+          // imported content should be 1/3 of the canvas on its largest dimension
+
+          if (innerh > innerw) {
+            ts = 'scale(' + canvash / 3 / vb[3] + ')';
+          } else {
+            ts = 'scale(' + canvash / 3 / vb[2] + ')';
+          }
+
+          // Hack to make recalculateDimensions understand how to scale
+          ts = 'translate(0) ' + ts + ' translate(0)';
+
+          symbol = svgdoc.createElementNS(NS.SVG, 'symbol');
+          var defs = findDefs();
+
+          if (isGecko()) {
+            // Move all gradients into root for Firefox, workaround for this bug:
+            // https://bugzilla.mozilla.org/show_bug.cgi?id=353575
+            // TODO: Make this properly undo-able.
+            $$9(svg).find('linearGradient, radialGradient, pattern').appendTo(defs);
+          }
+
+          while (svg.firstChild) {
+            var first = svg.firstChild;
+            symbol.append(first);
+          }
+          var attrs = svg.attributes;
+          for (var i = 0; i < attrs.length; i++) {
+            var attr = attrs[i];
+            symbol.setAttribute(attr.nodeName, attr.value);
+          }
+          symbol.id = getNextId();
+
+          // Store data
+          importIds[uid] = {
+            symbol: symbol,
+            xform: ts
+          };
+
+          findDefs().append(symbol);
+          batchCmd.addSubCommand(new InsertElementCommand$1(symbol));
+        }
+
+        useEl = svgdoc.createElementNS(NS.SVG, 'use');
+        useEl.id = getNextId();
+        setHref(useEl, '#' + symbol.id);
+
+        (currentGroup || getCurrentDrawing().getCurrentLayer()).append(useEl);
+        batchCmd.addSubCommand(new InsertElementCommand$1(useEl));
+        clearSelection();
+
+        useEl.setAttribute('transform', ts);
+        recalculateDimensions(useEl);
+        $$9(useEl).data('symbol', symbol).data('ref', symbol);
+        addToSelection([useEl]);
+
+        // TODO: Find way to add this in a recalculateDimensions-parsable way
+        // if (vb[0] !== 0 || vb[1] !== 0) {
+        //   ts = 'translate(' + (-vb[0]) + ',' + (-vb[1]) + ') ' + ts;
+        // }
+        addCommandToHistory(batchCmd);
+        call('changed', [svgcontent]);
+      } catch (e) {
+        console.log(e);
+        return null;
+      }
+
+      // we want to return the element so we can automatically select it
+      return useEl;
+    };
+
+    // Could deprecate, but besides external uses, their usage makes clear that
+    //  canvas is a dependency for all of these
+    ['identifyLayers', 'createLayer', 'cloneLayer', 'deleteCurrentLayer', 'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition', 'setLayerVisibility', 'moveSelectedToLayer', 'mergeLayer', 'mergeAllLayers', 'leaveContext', 'setContext'].forEach(function (prop) {
+      canvas[prop] = draw[prop];
+    });
+    init$3(
+    /**
+    * @implements {module:draw.DrawCanvasInit}
+    */
+    {
+      pathActions: pathActions$$1,
+      getCurrentGroup: function getCurrentGroup() {
+        return currentGroup;
+      },
+      setCurrentGroup: function setCurrentGroup(cg) {
+        currentGroup = cg;
+      },
+
+      getSelectedElements: getSelectedElements,
+      getSVGContent: getSVGContent,
+      undoMgr: undoMgr,
+      elData: elData,
+      getCurrentDrawing: getCurrentDrawing,
+      clearSelection: clearSelection,
+      call: call,
+      addCommandToHistory: addCommandToHistory,
+      /**
+       * @fires module:svgcanvas.SvgCanvas#event:changed
+       * @returns {undefined}
+       */
+      changeSVGContent: function changeSVGContent() {
+        call('changed', [svgcontent]);
+      }
+    });
+
+    /**
+    * Group: Document functions
+    */
+
+    /**
+    * Clears the current document. This is not an undoable action.
+    * @function module:svgcanvas.SvgCanvas#clear
+    * @fires module:svgcanvas.SvgCanvas#event:cleared
+    * @returns {undefined}
+    */
+    this.clear = function () {
+      pathActions$$1.clear();
+
+      clearSelection();
+
+      // clear the svgcontent node
+      canvas.clearSvgContentElement();
+
+      // create new document
+      canvas.current_drawing_ = new Drawing(svgcontent);
+
+      // create empty first layer
+      canvas.createLayer('Layer 1');
+
+      // clear the undo stack
+      canvas.undoMgr.resetUndoStack();
+
+      // reset the selector manager
+      selectorManager.initGroup();
+
+      // reset the rubber band box
+      rubberBox = selectorManager.getRubberBandBox();
+
+      call('cleared');
+    };
+
+    // Alias function
+    this.linkControlPoints = pathActions$$1.linkControlPoints;
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getContentElem
+    * @returns {Element} The content DOM element
+    */
+    this.getContentElem = function () {
+      return svgcontent;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getRootElem
+    * @returns {SVGSVGElement} The root DOM element
+    */
+    this.getRootElem = function () {
+      return svgroot;
+    };
+
+    /**
+    * @typedef {PlainObject} DimensionsAndZoom
+    * @property {Float} w Width
+    * @property {Float} h Height
+    * @property {Float} zoom Zoom
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getResolution
+    * @returns {DimensionsAndZoom} The current dimensions and zoom level in an object
+    */
+    var getResolution = this.getResolution = function () {
+      //    const vb = svgcontent.getAttribute('viewBox').split(' ');
+      //    return {w:vb[2], h:vb[3], zoom: currentZoom};
+
+      var w = svgcontent.getAttribute('width') / currentZoom;
+      var h = svgcontent.getAttribute('height') / currentZoom;
+
+      return {
+        w: w,
+        h: h,
+        zoom: currentZoom
+      };
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getSnapToGrid
+    * @returns {boolean} The current snap to grid setting
+    */
+    this.getSnapToGrid = function () {
+      return curConfig.gridSnapping;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getVersion
+    * @returns {string} A string which describes the revision number of SvgCanvas.
+    */
+    this.getVersion = function () {
+      return 'svgcanvas.js ($Rev$)';
+    };
+
+    /**
+    * Update interface strings with given values
+    * @function module:svgcanvas.SvgCanvas#setUiStrings
+    * @param {module:path.uiStrings} strs - Object with strings (see the [locales API]{@link module:locale.LocaleStrings} and the [tutorial]{@tutorial LocaleDocs})
+    * @returns {undefined}
+    */
+    this.setUiStrings = function (strs) {
+      Object.assign(uiStrings, strs.notification);
+      setUiStrings(strs);
+    };
+
+    /**
+    * Update configuration options with given values
+    * @function module:svgcanvas.SvgCanvas#setConfig
+    * @param {module:SVGEditor.Config} opts - Object with options
+    * @returns {undefined}
+    */
+    this.setConfig = function (opts) {
+      Object.assign(curConfig, opts);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getTitle
+    * @param {Element} elem
+    * @returns {string|undefined} the current group/SVG's title contents
+    */
+    this.getTitle = function (elem) {
+      elem = elem || selectedElements[0];
+      if (!elem) {
+        return;
+      }
+      elem = $$9(elem).data('gsvg') || $$9(elem).data('symbol') || elem;
+      var childs = elem.childNodes;
+      for (var i = 0; i < childs.length; i++) {
+        if (childs[i].nodeName === 'title') {
+          return childs[i].textContent;
+        }
+      }
+      return '';
+    };
+
+    /**
+    * Sets the group/SVG's title content
+    * @function module:svgcanvas.SvgCanvas#setGroupTitle
+    * @param {string} val
+    * @todo Combine this with `setDocumentTitle`
+    * @returns {undefined}
+    */
+    this.setGroupTitle = function (val) {
+      var elem = selectedElements[0];
+      elem = $$9(elem).data('gsvg') || elem;
+
+      var ts = $$9(elem).children('title');
+
+      var batchCmd = new BatchCommand$1('Set Label');
+
+      var title = void 0;
+      if (!val.length) {
+        // Remove title element
+        var tsNextSibling = ts.nextSibling;
+        batchCmd.addSubCommand(new RemoveElementCommand$1(ts[0], tsNextSibling, elem));
+        ts.remove();
+      } else if (ts.length) {
+        // Change title contents
+        title = ts[0];
+        batchCmd.addSubCommand(new ChangeElementCommand$1(title, { '#text': title.textContent }));
+        title.textContent = val;
+      } else {
+        // Add title element
+        title = svgdoc.createElementNS(NS.SVG, 'title');
+        title.textContent = val;
+        $$9(elem).prepend(title);
+        batchCmd.addSubCommand(new InsertElementCommand$1(title));
+      }
+
+      addCommandToHistory(batchCmd);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getDocumentTitle
+    * @returns {string|undefined} The current document title or an empty string if not found
+    */
+    var getDocumentTitle = this.getDocumentTitle = function () {
+      return canvas.getTitle(svgcontent);
+    };
+
+    /**
+    * Adds/updates a title element for the document with the given name.
+    * This is an undoable action
+    * @function module:svgcanvas.SvgCanvas#setDocumentTitle
+    * @param {string} newTitle - String with the new title
+    * @returns {undefined}
+    */
+    this.setDocumentTitle = function (newTitle) {
+      var childs = svgcontent.childNodes;
+      var docTitle = false,
+          oldTitle = '';
+
+      var batchCmd = new BatchCommand$1('Change Image Title');
+
+      for (var i = 0; i < childs.length; i++) {
+        if (childs[i].nodeName === 'title') {
+          docTitle = childs[i];
+          oldTitle = docTitle.textContent;
+          break;
+        }
+      }
+      if (!docTitle) {
+        docTitle = svgdoc.createElementNS(NS.SVG, 'title');
+        svgcontent.insertBefore(docTitle, svgcontent.firstChild);
+        // svgcontent.firstChild.before(docTitle); // Ok to replace above with this?
+      }
+
+      if (newTitle.length) {
+        docTitle.textContent = newTitle;
+      } else {
+        // No title given, so element is not necessary
+        docTitle.remove();
+      }
+      batchCmd.addSubCommand(new ChangeElementCommand$1(docTitle, { '#text': oldTitle }));
+      addCommandToHistory(batchCmd);
+    };
+
+    /**
+    * Returns the editor's namespace URL, optionally adding it to the root element
+    * @function module:svgcanvas.SvgCanvas#getEditorNS
+    * @param {boolean} [add] - Indicates whether or not to add the namespace value
+    * @returns {string} The editor's namespace URL
+    */
+    this.getEditorNS = function (add) {
+      if (add) {
+        svgcontent.setAttribute('xmlns:se', NS.SE);
+      }
+      return NS.SE;
+    };
+
+    /**
+    * Changes the document's dimensions to the given size
+    * @function module:svgcanvas.SvgCanvas#setResolution
+    * @param {Float|"fit"} x - Number with the width of the new dimensions in user units.
+    * Can also be the string "fit" to indicate "fit to content"
+    * @param {Float} y - Number with the height of the new dimensions in user units.
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {boolean} Indicates if resolution change was successful.
+    * It will fail on "fit to content" option with no content to fit to.
+    */
+    this.setResolution = function (x, y) {
+      var res = getResolution();
+      var w = res.w,
+          h = res.h;
+
+      var batchCmd = void 0;
+
+      if (x === 'fit') {
+        // Get bounding box
+        var bbox = getStrokedBBoxDefaultVisible();
+
+        if (bbox) {
+          batchCmd = new BatchCommand$1('Fit Canvas to Content');
+          var visEls = getVisibleElements();
+          addToSelection(visEls);
+          var dx = [],
+              dy = [];
+          $$9.each(visEls, function (i, item) {
+            dx.push(bbox.x * -1);
+            dy.push(bbox.y * -1);
+          });
+
+          var cmd = canvas.moveSelectedElements(dx, dy, true);
+          batchCmd.addSubCommand(cmd);
+          clearSelection();
+
+          x = Math.round(bbox.width);
+          y = Math.round(bbox.height);
+        } else {
+          return false;
+        }
+      }
+      if (x !== w || y !== h) {
+        if (!batchCmd) {
+          batchCmd = new BatchCommand$1('Change Image Dimensions');
+        }
+
+        x = convertToNum('width', x);
+        y = convertToNum('height', y);
+
+        svgcontent.setAttribute('width', x);
+        svgcontent.setAttribute('height', y);
+
+        this.contentW = x;
+        this.contentH = y;
+        batchCmd.addSubCommand(new ChangeElementCommand$1(svgcontent, { width: w, height: h }));
+
+        svgcontent.setAttribute('viewBox', [0, 0, x / currentZoom, y / currentZoom].join(' '));
+        batchCmd.addSubCommand(new ChangeElementCommand$1(svgcontent, { viewBox: ['0 0', w, h].join(' ') }));
+
+        addCommandToHistory(batchCmd);
+        call('changed', [svgcontent]);
+      }
+      return true;
+    };
+
+    /**
+    * @typedef {module:jQueryAttr.Attributes} module:svgcanvas.ElementPositionInCanvas
+    * @property {Float} x
+    * @property {Float} y
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getOffset
+    * @returns {module:svgcanvas.ElementPositionInCanvas} An object with `x`, `y` values indicating the svgcontent element's
+    * position in the editor's canvas.
+    */
+    this.getOffset = function () {
+      return $$9(svgcontent).attr(['x', 'y']);
+    };
+
+    /**
+     * @typedef {PlainObject} module:svgcanvas.ZoomAndBBox
+     * @property {Float} zoom
+     * @property {module:utilities.BBoxObject} bbox
+     */
+    /**
+    * Sets the zoom level on the canvas-side based on the given value
+    * @function module:svgcanvas.SvgCanvas#setBBoxZoom
+    * @param {"selection"|"canvas"|"content"|"layer"|module:SVGEditor.BBoxObjectWithFactor} val - Bounding box object to zoom to or string indicating zoom option. Note: the object value type is defined in `svg-editor.js`
+    * @param {Integer} editorW - The editor's workarea box's width
+    * @param {Integer} editorH - The editor's workarea box's height
+    * @returns {module:svgcanvas.ZoomAndBBox|undefined}
+    */
+    this.setBBoxZoom = function (val, editorW, editorH) {
+      var spacer = 0.85;
+      var bb = void 0;
+      var calcZoom = function calcZoom(bb) {
+        if (!bb) {
+          return false;
+        }
+        var wZoom = Math.round(editorW / bb.width * 100 * spacer) / 100;
+        var hZoom = Math.round(editorH / bb.height * 100 * spacer) / 100;
+        var zoom = Math.min(wZoom, hZoom);
+        canvas.setZoom(zoom);
+        return { zoom: zoom, bbox: bb };
+      };
+
+      if ((typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object') {
+        bb = val;
+        if (bb.width === 0 || bb.height === 0) {
+          var newzoom = bb.zoom ? bb.zoom : currentZoom * bb.factor;
+          canvas.setZoom(newzoom);
+          return { zoom: currentZoom, bbox: bb };
+        }
+        return calcZoom(bb);
+      }
+
+      switch (val) {
+        case 'selection':
+          if (!selectedElements[0]) {
+            return;
+          }
+          var selectedElems = $$9.map(selectedElements, function (n) {
+            if (n) {
+              return n;
+            }
+          });
+          bb = getStrokedBBoxDefaultVisible(selectedElems);
+          break;
+        case 'canvas':
+          var res = getResolution();
+          spacer = 0.95;
+          bb = { width: res.w, height: res.h, x: 0, y: 0 };
+          break;
+        case 'content':
+          bb = getStrokedBBoxDefaultVisible();
+          break;
+        case 'layer':
+          bb = getStrokedBBoxDefaultVisible(getVisibleElements(getCurrentDrawing().getCurrentLayer()));
+          break;
+        default:
+          return;
+      }
+      return calcZoom(bb);
+    };
+
+    /**
+    * The zoom level has changed. Supplies the new zoom level as a number (not percentage).
+    * @event module:svgcanvas.SvgCanvas#event:ext-zoomChanged
+    * @type {Float}
+    */
+    /**
+    * The bottom panel was updated
+    * @event module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate
+    * @type {PlainObject}
+    * @property {boolean} nofill Indicates fill is disabled
+    * @property {boolean} nostroke Indicates stroke is disabled
+    */
+    /**
+    * The element selection has changed (elements were added/removed from selection)
+    * @event module:svgcanvas.SvgCanvas#event:ext-selectedChanged
+    * @type {PlainObject}
+    * @property {Element[]} elems Array of the newly selected elements
+    * @property {Element|null} selectedElement The single selected element
+    * @property {boolean} multiselected Indicates whether one or more elements were selected
+    */
+    /**
+    * Called when part of element is in process of changing, generally on
+    * mousemove actions like rotate, move, etc.
+    * @event module:svgcanvas.SvgCanvas#event:ext-elementTransition
+    * @type {PlainObject}
+    * @property {Element[]} elems Array of transitioning elements
+    */
+    /**
+    * One or more elements were changed
+    * @event module:svgcanvas.SvgCanvas#event:ext-elementChanged
+    * @type {PlainObject}
+    * @property {Element[]} elems Array of the affected elements
+    */
+    /**
+    * Invoked as soon as the locale is ready
+    * @event module:svgcanvas.SvgCanvas#event:ext-langReady
+    * @type {PlainObject}
+    * @property {string} lang The two-letter language code
+    * @property {module:SVGEditor.uiStrings} uiStrings
+    * @property {module:SVGEditor~ImportLocale} importLocale
+    */
+    /**
+    * The language was changed. Two-letter code of the new language.
+    * @event module:svgcanvas.SvgCanvas#event:ext-langChanged
+    * @type {string}
+    */
+    /**
+    * Means for an extension to add locale data. The two-letter language code.
+    * @event module:svgcanvas.SvgCanvas#event:ext-addLangData
+    * @type {PlainObject}
+    * @property {string} lang
+    * @property {module:SVGEditor~ImportLocale} importLocale
+    */
+    /**
+     * Called when new image is created
+     * @event module:svgcanvas.SvgCanvas#event:ext-onNewDocument
+     * @type {undefined}
+     */
+    /**
+     * Called when sidepanel is resized or toggled
+     * @event module:svgcanvas.SvgCanvas#event:ext-workareaResized
+     * @type {undefined}
+    */
+    /**
+     * Called upon addition of the extension, or, if svgicons are set,
+     * after the icons are ready when extension SVG icons have loaded.
+     * @event module:svgcanvas.SvgCanvas#event:ext-callback
+     * @type {undefined}
+    */
+
+    /**
+    * Sets the zoom to the given level
+    * @function module:svgcanvas.SvgCanvas#setZoom
+    * @param {Float} zoomLevel - Float indicating the zoom level to change to
+    * @fires module:svgcanvas.SvgCanvas#event:ext-zoomChanged
+    * @returns {undefined}
+    */
+    this.setZoom = function (zoomLevel) {
+      var res = getResolution();
+      svgcontent.setAttribute('viewBox', '0 0 ' + res.w / zoomLevel + ' ' + res.h / zoomLevel);
+      currentZoom = zoomLevel;
+      $$9.each(selectedElements, function (i, elem) {
+        if (!elem) {
+          return;
+        }
+        selectorManager.requestSelector(elem).resize();
+      });
+      pathActions$$1.zoomChange();
+      runExtensions('zoomChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-zoomChanged} */zoomLevel);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getMode
+    * @returns {string} The current editor mode string
+    */
+    this.getMode = function () {
+      return currentMode;
+    };
+
+    /**
+    * Sets the editor's mode to the given string
+    * @function module:svgcanvas.SvgCanvas#setMode
+    * @param {string} name - String with the new mode to change to
+    * @returns {undefined}
+    */
+    this.setMode = function (name) {
+      pathActions$$1.clear(true);
+      textActions.clear();
+      curProperties = selectedElements[0] && selectedElements[0].nodeName === 'text' ? curText : curShape;
+      currentMode = name;
+    };
+
+    /**
+    * Group: Element Styling
+    */
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.PaintOptions
+    * @property {"solidColor"} type
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getColor
+    * @param {string} type
+    * @returns {string|module:svgcanvas.PaintOptions|Float|module:jGraduate~Paint} The current fill/stroke option
+    */
+    this.getColor = function (type) {
+      return curProperties[type];
+    };
+
+    /**
+    * Change the current stroke/fill color/gradient value
+    * @function module:svgcanvas.SvgCanvas#setColor
+    * @param {string} type - String indicating fill or stroke
+    * @param {string} val - The value to set the stroke attribute to
+    * @param {boolean} preventUndo - Boolean indicating whether or not this should be an undoable option
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setColor = function (type, val, preventUndo) {
+      curShape[type] = val;
+      curProperties[type + '_paint'] = { type: 'solidColor' };
+      var elems = [];
+      function addNonG(e) {
+        if (e.nodeName !== 'g') {
+          elems.push(e);
+        }
+      }
+      var i = selectedElements.length;
+      while (i--) {
+        var elem = selectedElements[i];
+        if (elem) {
+          if (elem.tagName === 'g') {
+            walkTree(elem, addNonG);
+          } else {
+            if (type === 'fill') {
+              if (elem.tagName !== 'polyline' && elem.tagName !== 'line') {
+                elems.push(elem);
+              }
+            } else {
+              elems.push(elem);
+            }
+          }
+        }
+      }
+      if (elems.length > 0) {
+        if (!preventUndo) {
+          changeSelectedAttribute(type, val, elems);
+          call('changed', elems);
+        } else {
+          changeSelectedAttributeNoUndo(type, val, elems);
+        }
+      }
+    };
+
+    /**
+    * Apply the current gradient to selected element's fill or stroke
+    * @function module:svgcanvas.SvgCanvas#setGradient
+    * @param {"fill"|"stroke"} type - String indicating "fill" or "stroke" to apply to an element
+    * @returns {undefined}
+    */
+    var setGradient = this.setGradient = function (type) {
+      if (!curProperties[type + '_paint'] || curProperties[type + '_paint'].type === 'solidColor') {
+        return;
+      }
+      var grad = canvas[type + 'Grad'];
+      // find out if there is a duplicate gradient already in the defs
+      var duplicateGrad = findDuplicateGradient(grad);
+      var defs = findDefs();
+      // no duplicate found, so import gradient into defs
+      if (!duplicateGrad) {
+        // const origGrad = grad;
+        grad = defs.appendChild(svgdoc.importNode(grad, true));
+        // get next id and set it on the grad
+        grad.id = getNextId();
+      } else {
+        // use existing gradient
+        grad = duplicateGrad;
+      }
+      canvas.setColor(type, 'url(#' + grad.id + ')');
+    };
+
+    /**
+    * Check if exact gradient already exists
+    * @function module:svgcanvas~findDuplicateGradient
+    * @param {SVGGradientElement} grad - The gradient DOM element to compare to others
+    * @returns {SVGGradientElement} The existing gradient if found, `null` if not
+    */
+    var findDuplicateGradient = function findDuplicateGradient(grad) {
+      var defs = findDefs();
+      var existingGrads = $$9(defs).find('linearGradient, radialGradient');
+      var i = existingGrads.length;
+      var radAttrs = ['r', 'cx', 'cy', 'fx', 'fy'];
+      while (i--) {
+        var og = existingGrads[i];
+        if (grad.tagName === 'linearGradient') {
+          if (grad.getAttribute('x1') !== og.getAttribute('x1') || grad.getAttribute('y1') !== og.getAttribute('y1') || grad.getAttribute('x2') !== og.getAttribute('x2') || grad.getAttribute('y2') !== og.getAttribute('y2')) {
+            continue;
+          }
+        } else {
+          var _ret = function () {
+            var gradAttrs = $$9(grad).attr(radAttrs);
+            var ogAttrs = $$9(og).attr(radAttrs);
+
+            var diff = false;
+            $$9.each(radAttrs, function (i, attr) {
+              if (gradAttrs[attr] !== ogAttrs[attr]) {
+                diff = true;
+              }
+            });
+
+            if (diff) {
+              return 'continue';
+            }
+          }();
+
+          if (_ret === 'continue') continue;
+        }
+
+        // else could be a duplicate, iterate through stops
+        var stops = grad.getElementsByTagNameNS(NS.SVG, 'stop');
+        var ostops = og.getElementsByTagNameNS(NS.SVG, 'stop');
+
+        if (stops.length !== ostops.length) {
+          continue;
+        }
+
+        var j = stops.length;
+        while (j--) {
+          var stop = stops[j];
+          var ostop = ostops[j];
+
+          if (stop.getAttribute('offset') !== ostop.getAttribute('offset') || stop.getAttribute('stop-opacity') !== ostop.getAttribute('stop-opacity') || stop.getAttribute('stop-color') !== ostop.getAttribute('stop-color')) {
+            break;
+          }
+        }
+
+        if (j === -1) {
+          return og;
+        }
+      } // for each gradient in defs
+
+      return null;
+    };
+
+    /**
+    * Set a color/gradient to a fill/stroke
+    * @function module:svgcanvas.SvgCanvas#setPaint
+    * @param {"fill"|"stroke"} type - String with "fill" or "stroke"
+    * @param {module:jGraduate.jGraduatePaintOptions} paint - The jGraduate paint object to apply
+    * @returns {undefined}
+    */
+    this.setPaint = function (type, paint) {
+      // make a copy
+      var p = new $$9.jGraduate.Paint(paint);
+      this.setPaintOpacity(type, p.alpha / 100, true);
+
+      // now set the current paint object
+      curProperties[type + '_paint'] = p;
+      switch (p.type) {
+        case 'solidColor':
+          this.setColor(type, p.solidColor !== 'none' ? '#' + p.solidColor : 'none');
+          break;
+        case 'linearGradient':
+        case 'radialGradient':
+          canvas[type + 'Grad'] = p[p.type];
+          setGradient(type);
+          break;
+      }
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#setStrokePaint
+    * @param {module:jGraduate~Paint} paint
+    * @returns {undefined}
+    */
+    this.setStrokePaint = function (paint) {
+      this.setPaint('stroke', paint);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#setFillPaint
+    * @param {module:jGraduate~Paint} paint
+    * @returns {undefined}
+    */
+    this.setFillPaint = function (paint) {
+      this.setPaint('fill', paint);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getStrokeWidth
+    * @returns {Float|string} The current stroke-width value
+    */
+    this.getStrokeWidth = function () {
+      return curProperties.stroke_width;
+    };
+
+    /**
+    * Sets the stroke width for the current selected elements.
+    * When attempting to set a line's width to 0, this changes it to 1 instead
+    * @function module:svgcanvas.SvgCanvas#setStrokeWidth
+    * @param {Float} val - A Float indicating the new stroke width value
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setStrokeWidth = function (val) {
+      if (val === 0 && ['line', 'path'].includes(currentMode)) {
+        canvas.setStrokeWidth(1);
+        return;
+      }
+      curProperties.stroke_width = val;
+
+      var elems = [];
+      function addNonG(e) {
+        if (e.nodeName !== 'g') {
+          elems.push(e);
+        }
+      }
+      var i = selectedElements.length;
+      while (i--) {
+        var elem = selectedElements[i];
+        if (elem) {
+          if (elem.tagName === 'g') {
+            walkTree(elem, addNonG);
+          } else {
+            elems.push(elem);
+          }
+        }
+      }
+      if (elems.length > 0) {
+        changeSelectedAttribute('stroke-width', val, elems);
+        call('changed', selectedElements);
+      }
+    };
+
+    /**
+    * Set the given stroke-related attribute the given value for selected elements
+    * @function module:svgcanvas.SvgCanvas#setStrokeAttr
+    * @param {string} attr - String with the attribute name
+    * @param {string|Float} val - String or number with the attribute value
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setStrokeAttr = function (attr, val) {
+      curShape[attr.replace('-', '_')] = val;
+      var elems = [];
+
+      var i = selectedElements.length;
+      while (i--) {
+        var elem = selectedElements[i];
+        if (elem) {
+          if (elem.tagName === 'g') {
+            walkTree(elem, function (e) {
+              if (e.nodeName !== 'g') {
+                elems.push(e);
+              }
+            });
+          } else {
+            elems.push(elem);
+          }
+        }
+      }
+      if (elems.length > 0) {
+        changeSelectedAttribute(attr, val, elems);
+        call('changed', selectedElements);
+      }
+    };
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.StyleOptions
+    * @property {string} fill
+    * @property {Float} fill_opacity
+    * @property {string} stroke
+    * @property {Float} stroke_width
+    * @property {string} stroke_dasharray
+    * @property {string} stroke_linejoin
+    * @property {string} stroke_linecap
+    * @property {Float} stroke_opacity
+    * @property {Float} opacity
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getStyle
+    * @returns {module:svgcanvas.StyleOptions} current style options
+    */
+    this.getStyle = function () {
+      return curShape;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getOpacity
+    * @returns {Float} the current opacity
+    */
+    this.getOpacity = getOpacity;
+
+    /**
+    * Sets the given opacity to the current selected elements
+    * @function module:svgcanvas.SvgCanvas#setOpacity
+    * @param {string} val
+    * @returns {undefined}
+    */
+    this.setOpacity = function (val) {
+      curShape.opacity = val;
+      changeSelectedAttribute('opacity', val);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getFillOpacity
+    * @returns {Float} the current fill opacity
+    */
+    this.getFillOpacity = function () {
+      return curShape.fill_opacity;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getStrokeOpacity
+    * @returns {string} the current stroke opacity
+    */
+    this.getStrokeOpacity = function () {
+      return curShape.stroke_opacity;
+    };
+
+    /**
+    * Sets the current fill/stroke opacity
+    * @function module:svgcanvas.SvgCanvas#setPaintOpacity
+    * @param {string} type - String with "fill" or "stroke"
+    * @param {Float} val - Float with the new opacity value
+    * @param {boolean} preventUndo - Indicates whether or not this should be an undoable action
+    * @returns {undefined}
+    */
+    this.setPaintOpacity = function (type, val, preventUndo) {
+      curShape[type + '_opacity'] = val;
+      if (!preventUndo) {
+        changeSelectedAttribute(type + '-opacity', val);
+      } else {
+        changeSelectedAttributeNoUndo(type + '-opacity', val);
+      }
+    };
+
+    /**
+    * Gets the current fill/stroke opacity
+    * @function module:svgcanvas.SvgCanvas#getPaintOpacity
+    * @param {"fill"|"stroke"} type - String with "fill" or "stroke"
+    * @returns {Float} Fill/stroke opacity
+    */
+    this.getPaintOpacity = function (type) {
+      return type === 'fill' ? this.getFillOpacity() : this.getStrokeOpacity();
+    };
+
+    /**
+    * Gets the `stdDeviation` blur value of the given element
+    * @function module:svgcanvas.SvgCanvas#getBlur
+    * @param {Element} elem - The element to check the blur value for
+    * @returns {string} stdDeviation blur attribute value
+    */
+    this.getBlur = function (elem) {
+      var val = 0;
+      // const elem = selectedElements[0];
+
+      if (elem) {
+        var filterUrl = elem.getAttribute('filter');
+        if (filterUrl) {
+          var blur = getElem(elem.id + '_blur');
+          if (blur) {
+            val = blur.firstChild.getAttribute('stdDeviation');
+          }
+        }
+      }
+      return val;
+    };
+
+    (function () {
+      var curCommand = null;
+      var filter = null;
+      var filterHidden = false;
+
+      /**
+      * Sets the `stdDeviation` blur value on the selected element without being undoable
+      * @function module:svgcanvas.SvgCanvas#setBlurNoUndo
+      * @param {Float} val - The new `stdDeviation` value
+      * @returns {undefined}
+      */
+      canvas.setBlurNoUndo = function (val) {
+        if (!filter) {
+          canvas.setBlur(val);
+          return;
+        }
+        if (val === 0) {
+          // Don't change the StdDev, as that will hide the element.
+          // Instead, just remove the value for "filter"
+          changeSelectedAttributeNoUndo('filter', '');
+          filterHidden = true;
+        } else {
+          var elem = selectedElements[0];
+          if (filterHidden) {
+            changeSelectedAttributeNoUndo('filter', 'url(#' + elem.id + '_blur)');
+          }
+          if (isWebkit()) {
+            console.log('e', elem);
+            elem.removeAttribute('filter');
+            elem.setAttribute('filter', 'url(#' + elem.id + '_blur)');
+          }
+          changeSelectedAttributeNoUndo('stdDeviation', val, [filter.firstChild]);
+          canvas.setBlurOffsets(filter, val);
+        }
+      };
+
+      function finishChange() {
+        var bCmd = canvas.undoMgr.finishUndoableChange();
+        curCommand.addSubCommand(bCmd);
+        addCommandToHistory(curCommand);
+        curCommand = null;
+        filter = null;
+      }
+
+      /**
+      * Sets the `x`, `y`, `width`, `height` values of the filter element in order to
+      * make the blur not be clipped. Removes them if not neeeded
+      * @function module:svgcanvas.SvgCanvas#setBlurOffsets
+      * @param {Element} filter - The filter DOM element to update
+      * @param {Float} stdDev - The standard deviation value on which to base the offset size
+      * @returns {undefined}
+      */
+      canvas.setBlurOffsets = function (filter, stdDev) {
+        if (stdDev > 3) {
+          // TODO: Create algorithm here where size is based on expected blur
+          assignAttributes(filter, {
+            x: '-50%',
+            y: '-50%',
+            width: '200%',
+            height: '200%'
+          }, 100);
+        } else {
+          // Removing these attributes hides text in Chrome (see Issue 579)
+          if (!isWebkit()) {
+            filter.removeAttribute('x');
+            filter.removeAttribute('y');
+            filter.removeAttribute('width');
+            filter.removeAttribute('height');
+          }
+        }
+      };
+
+      /**
+      * Adds/updates the blur filter to the selected element
+      * @function module:svgcanvas.SvgCanvas#setBlur
+      * @param {Float} val - Float with the new `stdDeviation` blur value
+      * @param {boolean} complete - Whether or not the action should be completed (to add to the undo manager)
+      * @returns {undefined}
+      */
+      canvas.setBlur = function (val, complete) {
+        if (curCommand) {
+          finishChange();
+          return;
+        }
+
+        // Looks for associated blur, creates one if not found
+        var elem = selectedElements[0];
+        var elemId = elem.id;
+        filter = getElem(elemId + '_blur');
+
+        val -= 0;
+
+        var batchCmd = new BatchCommand$1();
+
+        // Blur found!
+        if (filter) {
+          if (val === 0) {
+            filter = null;
+          }
+        } else {
+          // Not found, so create
+          var newblur = addSVGElementFromJson({ element: 'feGaussianBlur',
+            attr: {
+              in: 'SourceGraphic',
+              stdDeviation: val
+            }
+          });
+
+          filter = addSVGElementFromJson({ element: 'filter',
+            attr: {
+              id: elemId + '_blur'
+            }
+          });
+
+          filter.append(newblur);
+          findDefs().append(filter);
+
+          batchCmd.addSubCommand(new InsertElementCommand$1(filter));
+        }
+
+        var changes = { filter: elem.getAttribute('filter') };
+
+        if (val === 0) {
+          elem.removeAttribute('filter');
+          batchCmd.addSubCommand(new ChangeElementCommand$1(elem, changes));
+          return;
+        }
+
+        changeSelectedAttribute('filter', 'url(#' + elemId + '_blur)');
+        batchCmd.addSubCommand(new ChangeElementCommand$1(elem, changes));
+        canvas.setBlurOffsets(filter, val);
+
+        curCommand = batchCmd;
+        canvas.undoMgr.beginUndoableChange('stdDeviation', [filter ? filter.firstChild : null]);
+        if (complete) {
+          canvas.setBlurNoUndo(val);
+          finishChange();
+        }
+      };
+    })();
+
+    /**
+    * Check whether selected element is bold or not
+    * @function module:svgcanvas.SvgCanvas#getBold
+    * @returns {boolean} Indicates whether or not element is bold
+    */
+    this.getBold = function () {
+      // should only have one element selected
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+        return selected.getAttribute('font-weight') === 'bold';
+      }
+      return false;
+    };
+
+    /**
+    * Make the selected element bold or normal
+    * @function module:svgcanvas.SvgCanvas#setBold
+    * @param {boolean} b - Indicates bold (`true`) or normal (`false`)
+    * @returns {undefined}
+    */
+    this.setBold = function (b) {
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+        changeSelectedAttribute('font-weight', b ? 'bold' : 'normal');
+      }
+      if (!selectedElements[0].textContent) {
+        textActions.setCursor();
+      }
+    };
+
+    /**
+    * Check whether selected element is italic or not
+    * @function module:svgcanvas.SvgCanvas#getItalic
+    * @returns {boolean} Indicates whether or not element is italic
+    */
+    this.getItalic = function () {
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+        return selected.getAttribute('font-style') === 'italic';
+      }
+      return false;
+    };
+
+    /**
+    * Make the selected element italic or normal
+    * @function module:svgcanvas.SvgCanvas#setItalic
+    * @param {boolean} b - Indicates italic (`true`) or normal (`false`)
+    * @returns {undefined}
+    */
+    this.setItalic = function (i) {
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'text' && selectedElements[1] == null) {
+        changeSelectedAttribute('font-style', i ? 'italic' : 'normal');
+      }
+      if (!selectedElements[0].textContent) {
+        textActions.setCursor();
+      }
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getFontFamily
+    * @returns {string} The current font family
+    */
+    this.getFontFamily = function () {
+      return curText.font_family;
+    };
+
+    /**
+    * Set the new font family
+    * @function module:svgcanvas.SvgCanvas#setFontFamily
+    * @param {string} val - String with the new font family
+    * @returns {undefined}
+    */
+    this.setFontFamily = function (val) {
+      curText.font_family = val;
+      changeSelectedAttribute('font-family', val);
+      if (selectedElements[0] && !selectedElements[0].textContent) {
+        textActions.setCursor();
+      }
+    };
+
+    /**
+    * Set the new font color
+    * @function module:svgcanvas.SvgCanvas#setFontColor
+    * @param {string} val - String with the new font color
+    * @returns {undefined}
+    */
+    this.setFontColor = function (val) {
+      curText.fill = val;
+      changeSelectedAttribute('fill', val);
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getFontColor
+    * @returns {string} The current font color
+    */
+    this.getFontColor = function () {
+      return curText.fill;
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getFontSize
+    * @returns {Float} The current font size
+    */
+    this.getFontSize = function () {
+      return curText.font_size;
+    };
+
+    /**
+    * Applies the given font size to the selected element
+    * @function module:svgcanvas.SvgCanvas#setFontSize
+    * @param {Float} val - Float with the new font size
+    * @returns {undefined}
+    */
+    this.setFontSize = function (val) {
+      curText.font_size = val;
+      changeSelectedAttribute('font-size', val);
+      if (!selectedElements[0].textContent) {
+        textActions.setCursor();
+      }
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#getText
+    * @returns {string} The current text (`textContent`) of the selected element
+    */
+    this.getText = function () {
+      var selected = selectedElements[0];
+      if (selected == null) {
+        return '';
+      }
+      return selected.textContent;
+    };
+
+    /**
+    * Updates the text element with the given string
+    * @function module:svgcanvas.SvgCanvas#setTextContent
+    * @param {string} val - String with the new text
+    * @returns {undefined}
+    */
+    this.setTextContent = function (val) {
+      changeSelectedAttribute('#text', val);
+      textActions.init(val);
+      textActions.setCursor();
+    };
+
+    /**
+    * Sets the new image URL for the selected image element. Updates its size if
+    * a new URL is given
+    * @function module:svgcanvas.SvgCanvas#setImageURL
+    * @param {string} val - String with the image URL/path
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setImageURL = function (val) {
+      var elem = selectedElements[0];
+      if (!elem) {
+        return;
+      }
+
+      var attrs = $$9(elem).attr(['width', 'height']);
+      var setsize = !attrs.width || !attrs.height;
+
+      var curHref = getHref(elem);
+
+      // Do nothing if no URL change or size change
+      if (curHref !== val) {
+        setsize = true;
+      } else if (!setsize) {
+        return;
+      }
+
+      var batchCmd = new BatchCommand$1('Change Image URL');
+
+      setHref(elem, val);
+      batchCmd.addSubCommand(new ChangeElementCommand$1(elem, {
+        '#href': curHref
+      }));
+
+      if (setsize) {
+        $$9(new Image()).load(function () {
+          var changes = $$9(elem).attr(['width', 'height']);
+
+          $$9(elem).attr({
+            width: this.width,
+            height: this.height
+          });
+
+          selectorManager.requestSelector(elem).resize();
+
+          batchCmd.addSubCommand(new ChangeElementCommand$1(elem, changes));
+          addCommandToHistory(batchCmd);
+          call('changed', [elem]);
+        }).attr('src', val);
+      } else {
+        addCommandToHistory(batchCmd);
+      }
+    };
+
+    /**
+    * Sets the new link URL for the selected anchor element.
+    * @function module:svgcanvas.SvgCanvas#setLinkURL
+    * @param {string} val - String with the link URL/path
+    * @returns {undefined}
+    */
+    this.setLinkURL = function (val) {
+      var elem = selectedElements[0];
+      if (!elem) {
+        return;
+      }
+      if (elem.tagName !== 'a') {
+        // See if parent is an anchor
+        var parentsA = $$9(elem).parents('a');
+        if (parentsA.length) {
+          elem = parentsA[0];
+        } else {
+          return;
+        }
+      }
+
+      var curHref = getHref(elem);
+
+      if (curHref === val) {
+        return;
+      }
+
+      var batchCmd = new BatchCommand$1('Change Link URL');
+
+      setHref(elem, val);
+      batchCmd.addSubCommand(new ChangeElementCommand$1(elem, {
+        '#href': curHref
+      }));
+
+      addCommandToHistory(batchCmd);
+    };
+
+    /**
+    * Sets the `rx` and `ry` values to the selected `rect` element to change its corner radius
+    * @function module:svgcanvas.SvgCanvas#setRectRadius
+    * @param {string|Float} val - The new radius
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.setRectRadius = function (val) {
+      var selected = selectedElements[0];
+      if (selected != null && selected.tagName === 'rect') {
+        var r = selected.getAttribute('rx');
+        if (r !== String(val)) {
+          selected.setAttribute('rx', val);
+          selected.setAttribute('ry', val);
+          addCommandToHistory(new ChangeElementCommand$1(selected, { rx: r, ry: r }, 'Radius'));
+          call('changed', [selected]);
+        }
+      }
+    };
+
+    /**
+    * Wraps the selected element(s) in an anchor element or converts group to one
+    * @function module:svgcanvas.SvgCanvas#makeHyperlink
+    * @param {string} url
+    * @returns {undefined}
+    */
+    this.makeHyperlink = function (url) {
+      canvas.groupSelectedElements('a', url);
+
+      // TODO: If element is a single "g", convert to "a"
+      //  if (selectedElements.length > 1 && selectedElements[1]) {
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#removeHyperlink
+    * @returns {undefined}
+    */
+    this.removeHyperlink = function () {
+      canvas.ungroupSelectedElement();
+    };
+
+    /**
+    * Group: Element manipulation
+    */
+
+    /**
+    * Sets the new segment type to the selected segment(s).
+    * @function module:svgcanvas.SvgCanvas#setSegType
+    * @param {Integer} newType - New segment type. See {@link https://www.w3.org/TR/SVG/paths.html#InterfaceSVGPathSeg} for list
+    * @returns {undefined}
+    */
+    this.setSegType = function (newType) {
+      pathActions$$1.setSegType(newType);
+    };
+
+    /**
+    * Convert selected element to a path, or get the BBox of an element-as-path
+    * @function module:svgcanvas.SvgCanvas#convertToPath
+    * @todo (codedread): Remove the getBBox argument and split this function into two.
+    * @param {Element} elem - The DOM element to be converted
+    * @param {boolean} getBBox - Boolean on whether or not to only return the path's BBox
+    * @returns {undefined|DOMRect|false|SVGPathElement|null} If the getBBox flag is true, the resulting path's bounding box object.
+    * Otherwise the resulting path element is returned.
+    */
+    this.convertToPath = function (elem, getBBox$$1) {
+      if (elem == null) {
+        var elems = selectedElements;
+        $$9.each(elems, function (i, elem) {
+          if (elem) {
+            canvas.convertToPath(elem);
+          }
+        });
+        return;
+      }
+      if (getBBox$$1) {
+        return getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions$$1);
+      }
+      // TODO: Why is this applying attributes from curShape, then inside utilities.convertToPath it's pulling addition attributes from elem?
+      // TODO: If convertToPath is called with one elem, curShape and elem are probably the same; but calling with multiple is a bug or cool feature.
+      var attrs = {
+        fill: curShape.fill,
+        'fill-opacity': curShape.fill_opacity,
+        stroke: curShape.stroke,
+        'stroke-width': curShape.stroke_width,
+        'stroke-dasharray': curShape.stroke_dasharray,
+        'stroke-linejoin': curShape.stroke_linejoin,
+        'stroke-linecap': curShape.stroke_linecap,
+        'stroke-opacity': curShape.stroke_opacity,
+        opacity: curShape.opacity,
+        visibility: 'hidden'
+      };
+      return convertToPath(elem, attrs, addSVGElementFromJson, pathActions$$1, clearSelection, addToSelection, history, addCommandToHistory);
+    };
+
+    /**
+    * This function makes the changes to the elements. It does not add the change
+    * to the history stack.
+    * @param {string} attr - Attribute name
+    * @param {string|Float} newValue - String or number with the new attribute value
+    * @param {Element[]} elems - The DOM elements to apply the change to
+    * @returns {undefined}
+    */
+    var changeSelectedAttributeNoUndo = function changeSelectedAttributeNoUndo(attr, newValue, elems) {
+      if (currentMode === 'pathedit') {
+        // Editing node
+        pathActions$$1.moveNode(attr, newValue);
+      }
+      elems = elems || selectedElements;
+      var i = elems.length;
+      var noXYElems = ['g', 'polyline', 'path'];
+      var goodGAttrs = ['transform', 'opacity', 'filter'];
+
+      var _loop = function _loop() {
+        var elem = elems[i];
+        if (elem == null) {
+          return 'continue';
+        }
+
+        // Set x,y vals on elements that don't have them
+        if ((attr === 'x' || attr === 'y') && noXYElems.includes(elem.tagName)) {
+          var bbox = getStrokedBBoxDefaultVisible([elem]);
+          var diffX = attr === 'x' ? newValue - bbox.x : 0;
+          var diffY = attr === 'y' ? newValue - bbox.y : 0;
+          canvas.moveSelectedElements(diffX * currentZoom, diffY * currentZoom, true);
+          return 'continue';
+        }
+
+        // only allow the transform/opacity/filter attribute to change on <g> elements, slightly hacky
+        // TODO: FIXME: This doesn't seem right. Where's the body of this if statement?
+        if (elem.tagName === 'g' && goodGAttrs.includes(attr)) ;
+        var oldval = attr === '#text' ? elem.textContent : elem.getAttribute(attr);
+        if (oldval == null) {
+          oldval = '';
+        }
+        if (oldval !== String(newValue)) {
+          if (attr === '#text') {
+            // const oldW = utilsGetBBox(elem).width;
+            elem.textContent = newValue;
+
+            // FF bug occurs on on rotated elements
+            if (/rotate/.test(elem.getAttribute('transform'))) {
+              elem = ffClone(elem);
+            }
+            // Hoped to solve the issue of moving text with text-anchor="start",
+            // but this doesn't actually fix it. Hopefully on the right track, though. -Fyrd
+            // const box = getBBox(elem), left = box.x, top = box.y, {width, height} = box,
+            //   dx = width - oldW, dy = 0;
+            // const angle = getRotationAngle(elem, true);
+            // if (angle) {
+            //   const r = Math.sqrt(dx * dx + dy * dy);
+            //   const theta = Math.atan2(dy, dx) - angle;
+            //   dx = r * Math.cos(theta);
+            //   dy = r * Math.sin(theta);
+            //
+            //   elem.setAttribute('x', elem.getAttribute('x') - dx);
+            //   elem.setAttribute('y', elem.getAttribute('y') - dy);
+            // }
+          } else if (attr === '#href') {
+            setHref(elem, newValue);
+          } else {
+            elem.setAttribute(attr, newValue);
+          }
+
+          // Go into "select" mode for text changes
+          // NOTE: Important that this happens AFTER elem.setAttribute() or else attributes like
+          // font-size can get reset to their old value, ultimately by svgEditor.updateContextPanel(),
+          // after calling textActions.toSelectMode() below
+          if (currentMode === 'textedit' && attr !== '#text' && elem.textContent.length) {
+            textActions.toSelectMode(elem);
+          }
+
+          // if (i === 0) {
+          //   selectedBBoxes[0] = utilsGetBBox(elem);
+          // }
+
+          // Use the Firefox ffClone hack for text elements with gradients or
+          // where other text attributes are changed.
+          if (isGecko() && elem.nodeName === 'text' && /rotate/.test(elem.getAttribute('transform'))) {
+            if (String(newValue).startsWith('url') || ['font-size', 'font-family', 'x', 'y'].includes(attr) && elem.textContent) {
+              elem = ffClone(elem);
+            }
+          }
+          // Timeout needed for Opera & Firefox
+          // codedread: it is now possible for this function to be called with elements
+          // that are not in the selectedElements array, we need to only request a
+          // selector if the element is in that array
+          if (selectedElements.includes(elem)) {
+            setTimeout(function () {
+              // Due to element replacement, this element may no longer
+              // be part of the DOM
+              if (!elem.parentNode) {
+                return;
+              }
+              selectorManager.requestSelector(elem).resize();
+            }, 0);
+          }
+          // if this element was rotated, and we changed the position of this element
+          // we need to update the rotational transform attribute
+          var angle = getRotationAngle(elem);
+          if (angle !== 0 && attr !== 'transform') {
+            var tlist = getTransformList(elem);
+            var n = tlist.numberOfItems;
+            while (n--) {
+              var xform = tlist.getItem(n);
+              if (xform.type === 4) {
+                // remove old rotate
+                tlist.removeItem(n);
+
+                var box = getBBox(elem);
+                var center = transformPoint(box.x + box.width / 2, box.y + box.height / 2, transformListToTransform(tlist).matrix);
+                var cx = center.x,
+                    cy = center.y;
+                var newrot = svgroot.createSVGTransform();
+                newrot.setRotate(angle, cx, cy);
+                tlist.insertItemBefore(newrot, n);
+                break;
+              }
+            }
+          }
+        } // if oldValue != newValue
+      };
+
+      while (i--) {
+        var _ret2 = _loop();
+
+        if (_ret2 === 'continue') continue;
+      } // for each elem
+    };
+
+    /**
+    * Change the given/selected element and add the original value to the history stack.
+    * If you want to change all `selectedElements`, ignore the `elems` argument.
+    * If you want to change only a subset of `selectedElements`, then send the
+    * subset to this function in the `elems` argument.
+    * @function module:svgcanvas.SvgCanvas#changeSelectedAttribute
+    * @param {string} attr - String with the attribute name
+    * @param {string|Float} newValue - String or number with the new attribute value
+    * @param {Element[]} elems - The DOM elements to apply the change to
+    * @returns {undefined}
+    */
+    var changeSelectedAttribute = this.changeSelectedAttribute = function (attr, val, elems) {
+      elems = elems || selectedElements;
+      canvas.undoMgr.beginUndoableChange(attr, elems);
+      // const i = elems.length;
+
+      changeSelectedAttributeNoUndo(attr, val, elems);
+
+      var batchCmd = canvas.undoMgr.finishUndoableChange();
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+      }
+    };
+
+    /**
+    * Removes all selected elements from the DOM and adds the change to the
+    * history stack
+    * @function module:svgcanvas.SvgCanvas#deleteSelectedElements
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.deleteSelectedElements = function () {
+      var batchCmd = new BatchCommand$1('Delete Elements');
+      var len = selectedElements.length;
+      var selectedCopy = []; // selectedElements is being deleted
+
+      for (var i = 0; i < len; ++i) {
+        var selected = selectedElements[i];
+        if (selected == null) {
+          break;
+        }
+
+        var parent = selected.parentNode;
+        var t = selected;
+
+        // this will unselect the element and remove the selectedOutline
+        selectorManager.releaseSelector(t);
+
+        // Remove the path if present.
+        removePath_(t.id);
+
+        // Get the parent if it's a single-child anchor
+        if (parent.tagName === 'a' && parent.childNodes.length === 1) {
+          t = parent;
+          parent = parent.parentNode;
+        }
+
+        var _t = t,
+            nextSibling = _t.nextSibling;
+
+        var _elem2 = parent.removeChild(t);
+        selectedCopy.push(selected); // for the copy
+        batchCmd.addSubCommand(new RemoveElementCommand$1(_elem2, nextSibling, parent));
+      }
+      selectedElements = [];
+
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+      }
+      call('changed', selectedCopy);
+      clearSelection();
+    };
+
+    /**
+    * Removes all selected elements from the DOM and adds the change to the
+    * history stack. Remembers removed elements on the clipboard
+    * @function module:svgcanvas.SvgCanvas#cutSelectedElements
+    * @returns {undefined}
+    */
+    this.cutSelectedElements = function () {
+      canvas.copySelectedElements();
+      canvas.deleteSelectedElements();
+    };
+
+    /**
+    * Remembers the current selected elements on the clipboard
+    * @function module:svgcanvas.SvgCanvas#copySelectedElements
+    * @returns {undefined}
+    */
+    this.copySelectedElements = function () {
+      localStorage.setItem('svgedit_clipboard', JSON.stringify(selectedElements.map(function (x) {
+        return getJsonFromSvgElement(x);
+      })));
+
+      $$9('#cmenu_canvas').enableContextMenuItems('#paste,#paste_in_place');
+    };
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#pasteElements
+    * @param {"in_place"|"point"|undefined} type
+    * @param {Integer|undefined} x Expected if type is "point"
+    * @param {Integer|undefined} y Expected if type is "point"
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @fires module:svgcanvas.SvgCanvas#event:ext-IDsUpdated
+    * @returns {undefined}
+    */
+    this.pasteElements = function (type, x, y) {
+      var clipb = JSON.parse(localStorage.getItem('svgedit_clipboard'));
+      var len = clipb.length;
+      if (!len) {
+        return;
+      }
+
+      var pasted = [];
+      var batchCmd = new BatchCommand$1('Paste elements');
+      // const drawing = getCurrentDrawing();
+      /**
+      * @typedef {PlainObject.<string, string>} module:svgcanvas.ChangedIDs
+      */
+      /**
+       * @type {module:svgcanvas.ChangedIDs}
+       */
+      var changedIDs = {};
+
+      // Recursively replace IDs and record the changes
+      function checkIDs(elem) {
+        if (elem.attr && elem.attr.id) {
+          changedIDs[elem.attr.id] = getNextId();
+          elem.attr.id = changedIDs[elem.attr.id];
+        }
+        if (elem.children) elem.children.forEach(checkIDs);
+      }
+      clipb.forEach(checkIDs);
+
+      // Give extensions like the connector extension a chance to reflect new IDs and remove invalid elements
+      /**
+      * Triggered when `pasteElements` is called from a paste action (context menu or key)
+      * @event module:svgcanvas.SvgCanvas#event:ext-IDsUpdated
+      * @type {PlainObject}
+      * @property {module:svgcanvas.SVGAsJSON[]} elems
+      * @property {module:svgcanvas.ChangedIDs} changes Maps past ID (on attribute) to current ID
+      */
+      runExtensions('IDsUpdated',
+      /** @type {module:svgcanvas.SvgCanvas#event:ext-IDsUpdated} */
+      { elems: clipb, changes: changedIDs }, true).forEach(function (extChanges) {
+        if (!extChanges || !('remove' in extChanges)) return;
+
+        extChanges.remove.forEach(function (removeID) {
+          clipb = clipb.filter(function (clipBoardItem) {
+            return clipBoardItem.attr.id !== removeID;
+          });
+        });
+      });
+
+      // Move elements to lastClickPoint
+      while (len--) {
+        var _elem3 = clipb[len];
+        if (!_elem3) {
+          continue;
+        }
+
+        var copy = addSVGElementFromJson(_elem3);
+        pasted.push(copy);
+        batchCmd.addSubCommand(new InsertElementCommand$1(copy));
+
+        restoreRefElems(copy);
+      }
+
+      selectOnly(pasted);
+
+      if (type !== 'in_place') {
+        var ctrX = void 0,
+            ctrY = void 0;
+
+        if (!type) {
+          ctrX = lastClickPoint.x;
+          ctrY = lastClickPoint.y;
+        } else if (type === 'point') {
+          ctrX = x;
+          ctrY = y;
+        }
+
+        var bbox = getStrokedBBoxDefaultVisible(pasted);
+        var cx = ctrX - (bbox.x + bbox.width / 2),
+            cy = ctrY - (bbox.y + bbox.height / 2),
+            dx = [],
+            dy = [];
+
+        $$9.each(pasted, function (i, item) {
+          dx.push(cx);
+          dy.push(cy);
+        });
+
+        var cmd = canvas.moveSelectedElements(dx, dy, false);
+        if (cmd) batchCmd.addSubCommand(cmd);
+      }
+
+      addCommandToHistory(batchCmd);
+      call('changed', pasted);
+    };
+
+    /**
+    * Wraps all the selected elements in a group (`g`) element
+    * @function module:svgcanvas.SvgCanvas#groupSelectedElements
+    * @param {"a"|"g"} [type="g"] - type of element to group into, defaults to `<g>`
+    * @param {string} [urlArg]
+    * @returns {undefined}
+    */
+    this.groupSelectedElements = function (type, urlArg) {
+      if (!type) {
+        type = 'g';
+      }
+      var cmdStr = '';
+      var url = void 0;
+
+      switch (type) {
+        case 'a':
+          {
+            cmdStr = 'Make hyperlink';
+            url = urlArg || '';
+            break;
+          }default:
+          {
+            type = 'g';
+            cmdStr = 'Group Elements';
+            break;
+          }
+      }
+
+      var batchCmd = new BatchCommand$1(cmdStr);
+
+      // create and insert the group element
+      var g = addSVGElementFromJson({
+        element: type,
+        attr: {
+          id: getNextId()
+        }
+      });
+      if (type === 'a') {
+        setHref(g, url);
+      }
+      batchCmd.addSubCommand(new InsertElementCommand$1(g));
+
+      // now move all children into the group
+      var i = selectedElements.length;
+      while (i--) {
+        var _elem4 = selectedElements[i];
+        if (_elem4 == null) {
+          continue;
+        }
+
+        if (_elem4.parentNode.tagName === 'a' && _elem4.parentNode.childNodes.length === 1) {
+          _elem4 = _elem4.parentNode;
+        }
+
+        var oldNextSibling = _elem4.nextSibling;
+        var oldParent = _elem4.parentNode;
+        g.append(_elem4);
+        batchCmd.addSubCommand(new MoveElementCommand$1(_elem4, oldNextSibling, oldParent));
+      }
+      if (!batchCmd.isEmpty()) {
+        addCommandToHistory(batchCmd);
+      }
+
+      // update selection
+      selectOnly([g], true);
+    };
+
+    /**
+    * Pushes all appropriate parent group properties down to its children, then
+    * removes them from the group
+    * @function module:svgcanvas.SvgCanvas#pushGroupProperties
+    * @param {SVGAElement|SVGGElement} g
+    * @param {boolean} undoable
+    * @returns {undefined}
+    */
+    var pushGroupProperties = this.pushGroupProperties = function (g, undoable) {
+      var children = g.childNodes;
+      var len = children.length;
+      var xform = g.getAttribute('transform');
+
+      var glist = getTransformList(g);
+      var m = transformListToTransform(glist).matrix;
+
+      var batchCmd = new BatchCommand$1('Push group properties');
+
+      // TODO: get all fill/stroke properties from the group that we are about to destroy
+      // "fill", "fill-opacity", "fill-rule", "stroke", "stroke-dasharray", "stroke-dashoffset",
+      // "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity",
+      // "stroke-width"
+      // and then for each child, if they do not have the attribute (or the value is 'inherit')
+      // then set the child's attribute
+
+      var gangle = getRotationAngle(g);
+
+      var gattrs = $$9(g).attr(['filter', 'opacity']);
+      var gfilter = void 0,
+          gblur = void 0,
+          changes = void 0;
+      var drawing = getCurrentDrawing();
+
+      for (var i = 0; i < len; i++) {
+        var _elem5 = children[i];
+
+        if (_elem5.nodeType !== 1) {
+          continue;
+        }
+
+        if (gattrs.opacity !== null && gattrs.opacity !== 1) {
+          // const c_opac = elem.getAttribute('opacity') || 1;
+          var newOpac = Math.round((_elem5.getAttribute('opacity') || 1) * gattrs.opacity * 100) / 100;
+          changeSelectedAttribute('opacity', newOpac, [_elem5]);
+        }
+
+        if (gattrs.filter) {
+          var cblur = this.getBlur(_elem5);
+          var origCblur = cblur;
+          if (!gblur) {
+            gblur = this.getBlur(g);
+          }
+          if (cblur) {
+            // Is this formula correct?
+            cblur = Number(gblur) + Number(cblur);
+          } else if (cblur === 0) {
+            cblur = gblur;
+          }
+
+          // If child has no current filter, get group's filter or clone it.
+          if (!origCblur) {
+            // Set group's filter to use first child's ID
+            if (!gfilter) {
+              gfilter = getRefElem(gattrs.filter);
+            } else {
+              // Clone the group's filter
+              gfilter = drawing.copyElem(gfilter);
+              findDefs().append(gfilter);
+            }
+          } else {
+            gfilter = getRefElem(_elem5.getAttribute('filter'));
+          }
+
+          // Change this in future for different filters
+          var suffix = gfilter.firstChild.tagName === 'feGaussianBlur' ? 'blur' : 'filter';
+          gfilter.id = _elem5.id + '_' + suffix;
+          changeSelectedAttribute('filter', 'url(#' + gfilter.id + ')', [_elem5]);
+
+          // Update blur value
+          if (cblur) {
+            changeSelectedAttribute('stdDeviation', cblur, [gfilter.firstChild]);
+            canvas.setBlurOffsets(gfilter, cblur);
+          }
+        }
+
+        var chtlist = getTransformList(_elem5);
+
+        // Don't process gradient transforms
+        if (_elem5.tagName.includes('Gradient')) {
+          chtlist = null;
+        }
+
+        // Hopefully not a problem to add this. Necessary for elements like <desc/>
+        if (!chtlist) {
+          continue;
+        }
+
+        // Apparently <defs> can get get a transformlist, but we don't want it to have one!
+        if (_elem5.tagName === 'defs') {
+          continue;
+        }
+
+        if (glist.numberOfItems) {
+          // TODO: if the group's transform is just a rotate, we can always transfer the
+          // rotate() down to the children (collapsing consecutive rotates and factoring
+          // out any translates)
+          if (gangle && glist.numberOfItems === 1) {
+            // [Rg] [Rc] [Mc]
+            // we want [Tr] [Rc2] [Mc] where:
+            //  - [Rc2] is at the child's current center but has the
+            // sum of the group and child's rotation angles
+            //  - [Tr] is the equivalent translation that this child
+            // undergoes if the group wasn't there
+
+            // [Tr] = [Rg] [Rc] [Rc2_inv]
+
+            // get group's rotation matrix (Rg)
+            var rgm = glist.getItem(0).matrix;
+
+            // get child's rotation matrix (Rc)
+            var rcm = svgroot.createSVGMatrix();
+            var cangle = getRotationAngle(_elem5);
+            if (cangle) {
+              rcm = chtlist.getItem(0).matrix;
+            }
+
+            // get child's old center of rotation
+            var cbox = getBBox(_elem5);
+            var ceqm = transformListToTransform(chtlist).matrix;
+            var coldc = transformPoint(cbox.x + cbox.width / 2, cbox.y + cbox.height / 2, ceqm);
+
+            // sum group and child's angles
+            var sangle = gangle + cangle;
+
+            // get child's rotation at the old center (Rc2_inv)
+            var r2 = svgroot.createSVGTransform();
+            r2.setRotate(sangle, coldc.x, coldc.y);
+
+            // calculate equivalent translate
+            var trm = matrixMultiply(rgm, rcm, r2.matrix.inverse());
+
+            // set up tlist
+            if (cangle) {
+              chtlist.removeItem(0);
+            }
+
+            if (sangle) {
+              if (chtlist.numberOfItems) {
+                chtlist.insertItemBefore(r2, 0);
+              } else {
+                chtlist.appendItem(r2);
+              }
+            }
+
+            if (trm.e || trm.f) {
+              var tr = svgroot.createSVGTransform();
+              tr.setTranslate(trm.e, trm.f);
+              if (chtlist.numberOfItems) {
+                chtlist.insertItemBefore(tr, 0);
+              } else {
+                chtlist.appendItem(tr);
+              }
+            }
+          } else {
+            // more complicated than just a rotate
+            // transfer the group's transform down to each child and then
+            // call recalculateDimensions()
+            var oldxform = _elem5.getAttribute('transform');
+            changes = {};
+            changes.transform = oldxform || '';
+
+            var newxform = svgroot.createSVGTransform();
+
+            // [ gm ] [ chm ] = [ chm ] [ gm' ]
+            // [ gm' ] = [ chmInv ] [ gm ] [ chm ]
+            var chm = transformListToTransform(chtlist).matrix,
+                chmInv = chm.inverse();
+            var gm = matrixMultiply(chmInv, m, chm);
+            newxform.setMatrix(gm);
+            chtlist.appendItem(newxform);
+          }
+          var cmd = recalculateDimensions(_elem5);
+          if (cmd) {
+            batchCmd.addSubCommand(cmd);
+          }
+        }
+      }
+
+      // remove transform and make it undo-able
+      if (xform) {
+        changes = {};
+        changes.transform = xform;
+        g.setAttribute('transform', '');
+        g.removeAttribute('transform');
+        batchCmd.addSubCommand(new ChangeElementCommand$1(g, changes));
+      }
+
+      if (undoable && !batchCmd.isEmpty()) {
+        return batchCmd;
+      }
+    };
+
+    /**
+    * Unwraps all the elements in a selected group (`g`) element. This requires
+    * significant recalculations to apply group's transforms, etc. to its children
+    * @function module:svgcanvas.SvgCanvas#ungroupSelectedElement
+    * @returns {undefined}
+    */
+    this.ungroupSelectedElement = function () {
+      var g = selectedElements[0];
+      if (!g) {
+        return;
+      }
+      if ($$9(g).data('gsvg') || $$9(g).data('symbol')) {
+        // Is svg, so actually convert to group
+        convertToGroup(g);
+        return;
+      }
+      if (g.tagName === 'use') {
+        // Somehow doesn't have data set, so retrieve
+        var symbol = getElem(getHref(g).substr(1));
+        $$9(g).data('symbol', symbol).data('ref', symbol);
+        convertToGroup(g);
+        return;
+      }
+      var parentsA = $$9(g).parents('a');
+      if (parentsA.length) {
+        g = parentsA[0];
+      }
+
+      // Look for parent "a"
+      if (g.tagName === 'g' || g.tagName === 'a') {
+        var batchCmd = new BatchCommand$1('Ungroup Elements');
+        var cmd = pushGroupProperties(g, true);
+        if (cmd) {
+          batchCmd.addSubCommand(cmd);
+        }
+
+        var parent = g.parentNode;
+        var anchor = g.nextSibling;
+        var children = new Array(g.childNodes.length);
+
+        var i = 0;
+        while (g.firstChild) {
+          var _elem6 = g.firstChild;
+          var oldNextSibling = _elem6.nextSibling;
+          var oldParent = _elem6.parentNode;
+
+          // Remove child title elements
+          if (_elem6.tagName === 'title') {
+            var _elem7 = _elem6,
+                nextSibling = _elem7.nextSibling;
+
+            batchCmd.addSubCommand(new RemoveElementCommand$1(_elem6, nextSibling, oldParent));
+            _elem6.remove();
+            continue;
+          }
+
+          children[i++] = _elem6 = parent.insertBefore(_elem6, anchor);
+          batchCmd.addSubCommand(new MoveElementCommand$1(_elem6, oldNextSibling, oldParent));
+        }
+
+        // remove the group from the selection
+        clearSelection();
+
+        // delete the group element (but make undo-able)
+        var gNextSibling = g.nextSibling;
+        g = parent.removeChild(g);
+        batchCmd.addSubCommand(new RemoveElementCommand$1(g, gNextSibling, parent));
+
+        if (!batchCmd.isEmpty()) {
+          addCommandToHistory(batchCmd);
+        }
+
+        // update selection
+        addToSelection(children);
+      }
+    };
+
+    /**
+    * Repositions the selected element to the bottom in the DOM to appear on top of
+    * other elements
+    * @function module:svgcanvas.SvgCanvas#moveToTopSelectedElement
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.moveToTopSelectedElement = function () {
+      var _selectedElements = selectedElements,
+          _selectedElements2 = slicedToArray(_selectedElements, 1),
+          selected = _selectedElements2[0];
+
+      if (selected != null) {
+        var t = selected;
+        var oldParent = t.parentNode;
+        var oldNextSibling = t.nextSibling;
+        t = t.parentNode.appendChild(t);
+        // If the element actually moved position, add the command and fire the changed
+        // event handler.
+        if (oldNextSibling !== t.nextSibling) {
+          addCommandToHistory(new MoveElementCommand$1(t, oldNextSibling, oldParent, 'top'));
+          call('changed', [t]);
+        }
+      }
+    };
+
+    /**
+    * Repositions the selected element to the top in the DOM to appear under
+    * other elements
+    * @function module:svgcanvas.SvgCanvas#moveToBottomSelectedElement
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.moveToBottomSelectedElement = function () {
+      var _selectedElements3 = selectedElements,
+          _selectedElements4 = slicedToArray(_selectedElements3, 1),
+          selected = _selectedElements4[0];
+
+      if (selected != null) {
+        var t = selected;
+        var oldParent = t.parentNode;
+        var oldNextSibling = t.nextSibling;
+        var firstChild = t.parentNode.firstChild;
+
+        if (firstChild.tagName === 'title') {
+          firstChild = firstChild.nextSibling;
+        }
+        // This can probably be removed, as the defs should not ever apppear
+        // inside a layer group
+        if (firstChild.tagName === 'defs') {
+          firstChild = firstChild.nextSibling;
+        }
+        t = t.parentNode.insertBefore(t, firstChild);
+        // If the element actually moved position, add the command and fire the changed
+        // event handler.
+        if (oldNextSibling !== t.nextSibling) {
+          addCommandToHistory(new MoveElementCommand$1(t, oldNextSibling, oldParent, 'bottom'));
+          call('changed', [t]);
+        }
+      }
+    };
+
+    /**
+    * Moves the select element up or down the stack, based on the visibly
+    * intersecting elements
+    * @function module:svgcanvas.SvgCanvas#moveUpDownSelected
+    * @param {"Up"|"Down"} dir - String that's either 'Up' or 'Down'
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {undefined}
+    */
+    this.moveUpDownSelected = function (dir) {
+      var selected = selectedElements[0];
+      if (!selected) {
+        return;
+      }
+
+      curBBoxes = [];
+      var closest = void 0,
+          foundCur = void 0;
+      // jQuery sorts this list
+      var list = $$9(getIntersectionList(getStrokedBBoxDefaultVisible([selected]))).toArray();
+      if (dir === 'Down') {
+        list.reverse();
+      }
+
+      $$9.each(list, function () {
+        if (!foundCur) {
+          if (this === selected) {
+            foundCur = true;
+          }
+          return;
+        }
+        closest = this;
+        return false;
+      });
+      if (!closest) {
+        return;
+      }
+
+      var t = selected;
+      var oldParent = t.parentNode;
+      var oldNextSibling = t.nextSibling;
+      $$9(closest)[dir === 'Down' ? 'before' : 'after'](t);
+      // If the element actually moved position, add the command and fire the changed
+      // event handler.
+      if (oldNextSibling !== t.nextSibling) {
+        addCommandToHistory(new MoveElementCommand$1(t, oldNextSibling, oldParent, 'Move ' + dir));
+        call('changed', [t]);
+      }
+    };
+
+    /**
+    * Moves selected elements on the X/Y axis
+    * @function module:svgcanvas.SvgCanvas#moveSelectedElements
+    * @param {Float} dx - Float with the distance to move on the x-axis
+    * @param {Float} dy - Float with the distance to move on the y-axis
+    * @param {boolean} undoable - Boolean indicating whether or not the action should be undoable
+    * @fires module:svgcanvas.SvgCanvas#event:changed
+    * @returns {BatchCommand} Batch command for the move
+    */
+    this.moveSelectedElements = function (dx, dy, undoable) {
+      // if undoable is not sent, default to true
+      // if single values, scale them to the zoom
+      if (dx.constructor !== Array) {
+        dx /= currentZoom;
+        dy /= currentZoom;
+      }
+      undoable = undoable || true;
+      var batchCmd = new BatchCommand$1('position');
+      var i = selectedElements.length;
+      while (i--) {
+        var selected = selectedElements[i];
+        if (selected != null) {
+          // if (i === 0) {
+          //   selectedBBoxes[0] = utilsGetBBox(selected);
+          // }
+          // const b = {};
+          // for (const j in selectedBBoxes[i]) b[j] = selectedBBoxes[i][j];
+          // selectedBBoxes[i] = b;
+
+          var xform = svgroot.createSVGTransform();
+          var tlist = getTransformList(selected);
+
+          // dx and dy could be arrays
+          if (dx.constructor === Array) {
+            // if (i === 0) {
+            //   selectedBBoxes[0].x += dx[0];
+            //   selectedBBoxes[0].y += dy[0];
+            // }
+            xform.setTranslate(dx[i], dy[i]);
+          } else {
+            // if (i === 0) {
+            //   selectedBBoxes[0].x += dx;
+            //   selectedBBoxes[0].y += dy;
+            // }
+            xform.setTranslate(dx, dy);
+          }
+
+          if (tlist.numberOfItems) {
+            tlist.insertItemBefore(xform, 0);
+          } else {
+            tlist.appendItem(xform);
+          }
+
+          var cmd = recalculateDimensions(selected);
+          if (cmd) {
+            batchCmd.addSubCommand(cmd);
+          }
+
+          selectorManager.requestSelector(selected).resize();
+        }
+      }
+      if (!batchCmd.isEmpty()) {
+        if (undoable) {
+          addCommandToHistory(batchCmd);
+        }
+        call('changed', selectedElements);
+        return batchCmd;
+      }
+    };
+
+    /**
+    * Create deep DOM copies (clones) of all selected elements and move them slightly
+    * from their originals
+    * @function module:svgcanvas.SvgCanvas#cloneSelectedElements
+    * @param {Float} x Float with the distance to move on the x-axis
+    * @param {Float} y Float with the distance to move on the y-axis
+    * @returns {undefined}
+    */
+    this.cloneSelectedElements = function (x, y) {
+      var i = void 0,
+          elem = void 0;
+      var batchCmd = new BatchCommand$1('Clone Elements');
+      // find all the elements selected (stop at first null)
+      var len = selectedElements.length;
+      function sortfunction(a, b) {
+        return $$9(b).index() - $$9(a).index(); // causes an array to be sorted numerically and ascending
+      }
+      selectedElements.sort(sortfunction);
+      for (i = 0; i < len; ++i) {
+        elem = selectedElements[i];
+        if (elem == null) {
+          break;
+        }
+      }
+      // use slice to quickly get the subset of elements we need
+      var copiedElements = selectedElements.slice(0, i);
+      this.clearSelection(true);
+      // note that we loop in the reverse way because of the way elements are added
+      // to the selectedElements array (top-first)
+      var drawing = getCurrentDrawing();
+      i = copiedElements.length;
+      while (i--) {
+        // clone each element and replace it within copiedElements
+        elem = copiedElements[i] = drawing.copyElem(copiedElements[i]);
+        (currentGroup || drawing.getCurrentLayer()).append(elem);
+        batchCmd.addSubCommand(new InsertElementCommand$1(elem));
+      }
+
+      if (!batchCmd.isEmpty()) {
+        addToSelection(copiedElements.reverse()); // Need to reverse for correct selection-adding
+        this.moveSelectedElements(x, y, false);
+        addCommandToHistory(batchCmd);
+      }
+    };
+
+    /**
+    * Aligns selected elements
+    * @function module:svgcanvas.SvgCanvas#alignSelectedElements
+    * @param {string} type - String with single character indicating the alignment type
+    * @param {"selected"|"largest"|"smallest"|"page"} relativeTo
+    * @returns {undefined}
+    */
+    this.alignSelectedElements = function (type, relativeTo) {
+      var bboxes = []; // angles = [];
+      var len = selectedElements.length;
+      if (!len) {
+        return;
+      }
+      var minx = Number.MAX_VALUE,
+          maxx = Number.MIN_VALUE,
+          miny = Number.MAX_VALUE,
+          maxy = Number.MIN_VALUE;
+      var curwidth = Number.MIN_VALUE,
+          curheight = Number.MIN_VALUE;
+      for (var i = 0; i < len; ++i) {
+        if (selectedElements[i] == null) {
+          break;
+        }
+        var _elem8 = selectedElements[i];
+        bboxes[i] = getStrokedBBoxDefaultVisible([_elem8]);
+
+        // now bbox is axis-aligned and handles rotation
+        switch (relativeTo) {
+          case 'smallest':
+            if ((type === 'l' || type === 'c' || type === 'r') && (curwidth === Number.MIN_VALUE || curwidth > bboxes[i].width) || (type === 't' || type === 'm' || type === 'b') && (curheight === Number.MIN_VALUE || curheight > bboxes[i].height)) {
+              minx = bboxes[i].x;
+              miny = bboxes[i].y;
+              maxx = bboxes[i].x + bboxes[i].width;
+              maxy = bboxes[i].y + bboxes[i].height;
+              curwidth = bboxes[i].width;
+              curheight = bboxes[i].height;
+            }
+            break;
+          case 'largest':
+            if ((type === 'l' || type === 'c' || type === 'r') && (curwidth === Number.MIN_VALUE || curwidth < bboxes[i].width) || (type === 't' || type === 'm' || type === 'b') && (curheight === Number.MIN_VALUE || curheight < bboxes[i].height)) {
+              minx = bboxes[i].x;
+              miny = bboxes[i].y;
+              maxx = bboxes[i].x + bboxes[i].width;
+              maxy = bboxes[i].y + bboxes[i].height;
+              curwidth = bboxes[i].width;
+              curheight = bboxes[i].height;
+            }
+            break;
+          default:
+            // 'selected'
+            if (bboxes[i].x < minx) {
+              minx = bboxes[i].x;
+            }
+            if (bboxes[i].y < miny) {
+              miny = bboxes[i].y;
+            }
+            if (bboxes[i].x + bboxes[i].width > maxx) {
+              maxx = bboxes[i].x + bboxes[i].width;
+            }
+            if (bboxes[i].y + bboxes[i].height > maxy) {
+              maxy = bboxes[i].y + bboxes[i].height;
+            }
+            break;
+        }
+      } // loop for each element to find the bbox and adjust min/max
+
+      if (relativeTo === 'page') {
+        minx = 0;
+        miny = 0;
+        maxx = canvas.contentW;
+        maxy = canvas.contentH;
+      }
+
+      var dx = new Array(len);
+      var dy = new Array(len);
+      for (var _i2 = 0; _i2 < len; ++_i2) {
+        if (selectedElements[_i2] == null) {
+          break;
+        }
+        // const elem = selectedElements[i];
+        var bbox = bboxes[_i2];
+        dx[_i2] = 0;
+        dy[_i2] = 0;
+        switch (type) {
+          case 'l':
+            // left (horizontal)
+            dx[_i2] = minx - bbox.x;
+            break;
+          case 'c':
+            // center (horizontal)
+            dx[_i2] = (minx + maxx) / 2 - (bbox.x + bbox.width / 2);
+            break;
+          case 'r':
+            // right (horizontal)
+            dx[_i2] = maxx - (bbox.x + bbox.width);
+            break;
+          case 't':
+            // top (vertical)
+            dy[_i2] = miny - bbox.y;
+            break;
+          case 'm':
+            // middle (vertical)
+            dy[_i2] = (miny + maxy) / 2 - (bbox.y + bbox.height / 2);
+            break;
+          case 'b':
+            // bottom (vertical)
+            dy[_i2] = maxy - (bbox.y + bbox.height);
+            break;
+        }
+      }
+      this.moveSelectedElements(dx, dy);
+    };
+
+    /**
+    * Group: Additional editor tools
+    */
+
+    /**
+    * @name module:svgcanvas.SvgCanvas#contentW
+    * @type {Float}
+    */
+    this.contentW = getResolution().w;
+    /**
+    * @name module:svgcanvas.SvgCanvas#contentH
+    * @type {Float}
+    */
+    this.contentH = getResolution().h;
+
+    /**
+    * @typedef {PlainObject} module:svgcanvas.CanvasInfo
+    * @property {Float} x - The canvas' new x coordinate
+    * @property {Float} y - The canvas' new y coordinate
+    * @property {string} oldX - The canvas' old x coordinate
+    * @property {string} oldY - The canvas' old y coordinate
+    * @property {Float} d_x - The x position difference
+    * @property {Float} d_y - The y position difference
+    */
+
+    /**
+    * Updates the editor canvas width/height/position after a zoom has occurred
+    * @function module:svgcanvas.SvgCanvas#updateCanvas
+    * @param {Float} w - Float with the new width
+    * @param {Float} h - Float with the new height
+    * @fires module:svgcanvas.SvgCanvas#event:ext-canvasUpdated
+    * @returns {module:svgcanvas.CanvasInfo}
+    */
+    this.updateCanvas = function (w, h) {
+      svgroot.setAttribute('width', w);
+      svgroot.setAttribute('height', h);
+      var bg = $$9('#canvasBackground')[0];
+      var oldX = svgcontent.getAttribute('x');
+      var oldY = svgcontent.getAttribute('y');
+      var x = w / 2 - this.contentW * currentZoom / 2;
+      var y = h / 2 - this.contentH * currentZoom / 2;
+
+      assignAttributes(svgcontent, {
+        width: this.contentW * currentZoom,
+        height: this.contentH * currentZoom,
+        x: x,
+        y: y,
+        viewBox: '0 0 ' + this.contentW + ' ' + this.contentH
+      });
+
+      assignAttributes(bg, {
+        width: svgcontent.getAttribute('width'),
+        height: svgcontent.getAttribute('height'),
+        x: x,
+        y: y
+      });
+
+      var bgImg = getElem('background_image');
+      if (bgImg) {
+        assignAttributes(bgImg, {
+          width: '100%',
+          height: '100%'
+        });
+      }
+
+      selectorManager.selectorParentGroup.setAttribute('transform', 'translate(' + x + ',' + y + ')');
+      /**
+      * Invoked upon updates to the canvas.
+      * @event module:svgcanvas.SvgCanvas#event:ext-canvasUpdated
+      * @type {PlainObject}
+      * @property {Integer} new_x
+      * @property {Integer} new_y
+      * @property {string} old_x (Of Integer)
+      * @property {string} old_y (Of Integer)
+      * @property {Integer} d_x
+      * @property {Integer} d_y
+      */
+      runExtensions('canvasUpdated',
+      /**
+       * @type {module:svgcanvas.SvgCanvas#event:ext-canvasUpdated}
+       */
+      { new_x: x, new_y: y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY });
+      return { x: x, y: y, old_x: oldX, old_y: oldY, d_x: x - oldX, d_y: y - oldY };
+    };
+
+    /**
+    * Set the background of the editor (NOT the actual document)
+    * @function module:svgcanvas.SvgCanvas#setBackground
+    * @param {string} color - String with fill color to apply
+    * @param {string} url - URL or path to image to use
+    * @returns {undefined}
+    */
+    this.setBackground = function (color, url) {
+      var bg = getElem('canvasBackground');
+      var border = $$9(bg).find('rect')[0];
+      var bgImg = getElem('background_image');
+      border.setAttribute('fill', color);
+      if (url) {
+        if (!bgImg) {
+          bgImg = svgdoc.createElementNS(NS.SVG, 'image');
+          assignAttributes(bgImg, {
+            id: 'background_image',
+            width: '100%',
+            height: '100%',
+            preserveAspectRatio: 'xMinYMin',
+            style: 'pointer-events:none'
+          });
+        }
+        setHref(bgImg, url);
+        bg.append(bgImg);
+      } else if (bgImg) {
+        bgImg.remove();
+      }
+    };
+
+    /**
+    * Select the next/previous element within the current layer
+    * @function module:svgcanvas.SvgCanvas#cycleElement
+    * @param {boolean} next - true = next and false = previous element
+    * @fires module:svgcanvas.SvgCanvas#event:selected
+    * @returns {undefined}
+    */
+    this.cycleElement = function (next) {
+      var num = void 0;
+      var curElem = selectedElements[0];
+      var elem = false;
+      var allElems = getVisibleElements(currentGroup || getCurrentDrawing().getCurrentLayer());
+      if (!allElems.length) {
+        return;
+      }
+      if (curElem == null) {
+        num = next ? allElems.length - 1 : 0;
+        elem = allElems[num];
+      } else {
+        var i = allElems.length;
+        while (i--) {
+          if (allElems[i] === curElem) {
+            num = next ? i - 1 : i + 1;
+            if (num >= allElems.length) {
+              num = 0;
+            } else if (num < 0) {
+              num = allElems.length - 1;
+            }
+            elem = allElems[num];
+            break;
+          }
+        }
+      }
+      selectOnly([elem], true);
+      call('selected', selectedElements);
+    };
+
+    this.clear();
+
+    /**
+    * @interface module:svgcanvas.PrivateMethods
+    * @type {PlainObject}
+    * @property {module:svgcanvas~addCommandToHistory} addCommandToHistory
+    * @property {module:history.HistoryCommand} BatchCommand
+    * @property {module:history.HistoryCommand} ChangeElementCommand
+    * @property {module:utilities.decode64} decode64
+    * @property {module:utilities.encode64} encode64
+    * @property {module:svgcanvas~ffClone} ffClone
+    * @property {module:svgcanvas~findDuplicateGradient} findDuplicateGradient
+    * @property {module:utilities.getPathBBox} getPathBBox
+    * @property {module:units.getTypeMap} getTypeMap
+    * @property {module:draw.identifyLayers} identifyLayers
+    * @property {module:history.HistoryCommand} InsertElementCommand
+    * @property {module:browser.isChrome} isChrome
+    * @property {module:math.isIdentity} isIdentity
+    * @property {module:browser.isIE} isIE
+    * @property {module:svgcanvas~logMatrix} logMatrix
+    * @property {module:history.HistoryCommand} MoveElementCommand
+    * @property {module:namespaces.NS} NS
+    * @property {module:utilities.preventClickDefault} preventClickDefault
+    * @property {module:history.HistoryCommand} RemoveElementCommand
+    * @property {module:SVGTransformList.SVGEditTransformList} SVGEditTransformList
+    * @property {module:utilities.text2xml} text2xml
+    * @property {module:math.transformBox} transformBox
+    * @property {module:math.transformPoint} transformPoint
+    * @property {module:utilities.walkTree} walkTree
+    */
+    /**
+    * @deprecated getPrivateMethods
+    * Since all methods are/should be public somehow, this function should be removed;
+    *  we might require `import` in place of this in the future once ES6 Modules
+    *  widespread
+    
+    * Being able to access private methods publicly seems wrong somehow,
+    * but currently appears to be the best way to allow testing and provide
+    * access to them to plugins.
+    * @function module:svgcanvas.SvgCanvas#getPrivateMethods
+    * @returns {module:svgcanvas.PrivateMethods}
+    */
+    this.getPrivateMethods = function () {
+      var obj = {
+        addCommandToHistory: addCommandToHistory,
+        BatchCommand: BatchCommand$1,
+        ChangeElementCommand: ChangeElementCommand$1,
+        decode64: decode64,
+        encode64: encode64,
+        ffClone: ffClone,
+        findDefs: findDefs,
+        findDuplicateGradient: findDuplicateGradient,
+        getElem: getElem,
+        getPathBBox: getPathBBox,
+        getTypeMap: getTypeMap,
+        getUrlFromAttr: getUrlFromAttr,
+        identifyLayers: identifyLayers,
+        InsertElementCommand: InsertElementCommand$1,
+        isChrome: isChrome,
+        isIdentity: isIdentity,
+        isIE: isIE,
+        logMatrix: logMatrix,
+        MoveElementCommand: MoveElementCommand$1,
+        NS: NS,
+        preventClickDefault: preventClickDefault,
+        RemoveElementCommand: RemoveElementCommand$1,
+        SVGEditTransformList: SVGTransformList,
+        text2xml: text2xml,
+        transformBox: transformBox,
+        transformPoint: transformPoint,
+        walkTree: walkTree
+      };
+      return obj;
+    };
+  } // End constructor
+  ; // End class
+
+  // Todo: Update: https://github.com/jeresig/jquery.hotkeys
+  /*
+   * jQuery Hotkeys Plugin
+   * Copyright 2010, John Resig
+   * Dual licensed under the MIT or GPL Version 2 licenses.
+   *
+   * http://github.com/jeresig/jquery.hotkeys
+   *
+   * Based upon the plugin by Tzury Bar Yochay:
+   * http://github.com/tzuryby/hotkeys
+   *
+   * Original idea by:
+   * Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/
+  */
+
+  function jqPluginJSHotkeys (b) {
+    b.hotkeys = { version: "0.8", specialKeys: { 8: "backspace", 9: "tab", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause", 20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home", 37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7", 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111: "/", 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8", 120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 191: "/", 224: "meta", 219: "[", 221: "]" }, shiftNums: { "`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&", "8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": '"', ",": "<", ".": ">", "/": "?", "\\": "|" } };function a(d) {
+      if (typeof d.data !== "string") {
+        return;
+      }var c = d.handler,
+          e = d.data.toLowerCase().split(" ");d.handler = function (n) {
+        if (this !== n.target && (/textarea|select/i.test(n.target.nodeName) || n.target.type === "text")) {
+          return;
+        }var h = n.type !== "keypress" && b.hotkeys.specialKeys[n.which],
+            o = String.fromCharCode(n.which).toLowerCase(),
+            m = "",
+            g = {};if (n.altKey && h !== "alt") {
+          m += "alt+";
+        }if (n.ctrlKey && h !== "ctrl") {
+          m += "ctrl+";
+        }if (n.metaKey && !n.ctrlKey && h !== "meta") {
+          m += "meta+";
+        }if (n.shiftKey && h !== "shift") {
+          m += "shift+";
+        }if (h) {
+          g[m + h] = true;
+        } else {
+          g[m + o] = true;g[m + b.hotkeys.shiftNums[o]] = true;if (m === "shift+") {
+            g[b.hotkeys.shiftNums[o]] = true;
+          }
+        }for (var j = 0, f = e.length; j < f; j++) {
+          if (g[e[j]]) {
+            return c.apply(this, arguments);
+          }
+        }
+      };
+    }b.each(["keydown", "keyup", "keypress"], function () {
+      b.event.special[this] = { add: a };
+    });
+
+    return b;
+  }
+
+  /*
+   * Todo: Update to latest at https://github.com/cowboy/jquery-bbq ?
+   * jQuery BBQ: Back Button & Query Library - v1.2.1 - 2/17/2010
+   * http://benalman.com/projects/jquery-bbq-plugin/
+   *
+   * Copyright (c) 2010 "Cowboy" Ben Alman
+   * Dual licensed under the MIT and GPL licenses.
+   * http://benalman.com/about/license/
+   */
+
+  // For sake of modules, added this wrapping export and changed `this` to `window`
+  function jqPluginBBQ (jQuery) {
+
+    (function ($, p) {
+      var i,
+          m = Array.prototype.slice,
+          r = decodeURIComponent,
+          a = $.param,
+          c,
+          l,
+          v,
+          b = $.bbq = $.bbq || {},
+          q,
+          u,
+          j,
+          e = $.event.special,
+          d = "hashchange",
+          A = "querystring",
+          D = "fragment",
+          y = "elemUrlAttr",
+          g = "location",
+          k = "href",
+          t = "src",
+          x = /^.*\?|#.*$/g,
+          w = /^.*\#/,
+          h,
+          C = {};function E(F) {
+        return typeof F === "string";
+      }function B(G) {
+        var F = m.call(arguments, 1);return function () {
+          return G.apply(this, F.concat(m.call(arguments)));
+        };
+      }function n(F) {
+        return F.replace(/^[^#]*#?(.*)$/, "$1");
+      }function o(F) {
+        return F.replace(/(?:^[^?#]*\?([^#]*).*$)?.*/, "$1");
+      }function f(H, M, F, I, G) {
+        var O, L, K, N, J;if (I !== i) {
+          K = F.match(H ? /^([^#]*)\#?(.*)$/ : /^([^#?]*)\??([^#]*)(#?.*)/);J = K[3] || "";if (G === 2 && E(I)) {
+            L = I.replace(H ? w : x, "");
+          } else {
+            N = l(K[2]);I = E(I) ? l[H ? D : A](I) : I;L = G === 2 ? I : G === 1 ? $.extend({}, I, N) : $.extend({}, N, I);L = a(L);if (H) {
+              L = L.replace(h, r);
+            }
+          }O = K[1] + (H ? "#" : L || !K[1] ? "?" : "") + L + J;
+        } else {
+          O = M(F !== i ? F : p[g][k]);
+        }return O;
+      }a[A] = B(f, 0, o);a[D] = c = B(f, 1, n);c.noEscape = function (G) {
+        G = G || "";var F = $.map(G.split(""), encodeURIComponent);h = new RegExp(F.join("|"), "g");
+      };c.noEscape(",/");$.deparam = l = function l(I, F) {
+        var H = {},
+            G = { "true": !0, "false": !1, "null": null };$.each(I.replace(/\+/g, " ").split("&"), function (L, Q) {
+          var K = Q.split("="),
+              P = r(K[0]),
+              J,
+              O = H,
+              M = 0,
+              R = P.split("]["),
+              N = R.length - 1;if (/\[/.test(R[0]) && /\]$/.test(R[N])) {
+            R[N] = R[N].replace(/\]$/, "");R = R.shift().split("[").concat(R);N = R.length - 1;
+          } else {
+            N = 0;
+          }if (K.length === 2) {
+            J = r(K[1]);if (F) {
+              J = J && !isNaN(J) ? +J : J === "undefined" ? i : G[J] !== i ? G[J] : J;
+            }if (N) {
+              for (; M <= N; M++) {
+                P = R[M] === "" ? O.length : R[M];O = O[P] = M < N ? O[P] || (R[M + 1] && isNaN(R[M + 1]) ? {} : []) : J;
+              }
+            } else {
+              if ($.isArray(H[P])) {
+                H[P].push(J);
+              } else {
+                if (H[P] !== i) {
+                  H[P] = [H[P], J];
+                } else {
+                  H[P] = J;
+                }
+              }
+            }
+          } else {
+            if (P) {
+              H[P] = F ? i : "";
+            }
+          }
+        });return H;
+      };function z(H, F, G) {
+        if (F === i || typeof F === "boolean") {
+          G = F;F = a[H ? D : A]();
+        } else {
+          F = E(F) ? F.replace(H ? w : x, "") : F;
+        }return l(F, G);
+      }l[A] = B(z, 0);l[D] = v = B(z, 1);$[y] || ($[y] = function (F) {
+        return $.extend(C, F);
+      })({ a: k, base: k, iframe: t, img: t, input: t, form: "action", link: k, script: t });j = $[y];function s(I, G, H, F) {
+        if (!E(H) && (typeof H === "undefined" ? "undefined" : _typeof(H)) !== "object") {
+          F = H;H = G;G = i;
+        }return this.each(function () {
+          var L = $(this),
+              J = G || j()[(this.nodeName || "").toLowerCase()] || "",
+              K = J && L.attr(J) || "";L.attr(J, a[I](K, H, F));
+        });
+      }$.fn[A] = B(s, A);$.fn[D] = B(s, D);b.pushState = q = function q(I, F) {
+        if (E(I) && /^#/.test(I) && F === i) {
+          F = 2;
+        }var H = I !== i,
+            G = c(p[g][k], H ? I : {}, H ? F : 2);p[g][k] = G + (/#/.test(G) ? "" : "#");
+      };b.getState = u = function u(F, G) {
+        return F === i || typeof F === "boolean" ? v(F) : v(G)[F];
+      };b.removeState = function (F) {
+        var G = {};if (F !== i) {
+          G = u();$.each($.isArray(F) ? F : arguments, function (I, H) {
+            delete G[H];
+          });
+        }q(G, 2);
+      };e[d] = $.extend(e[d], { add: function add(F) {
+          var H;function G(J) {
+            var I = J[D] = c();J.getState = function (K, L) {
+              return K === i || typeof K === "boolean" ? l(I, K) : l(I, L)[K];
+            };H.apply(this, arguments);
+          }if ($.isFunction(F)) {
+            H = F;return G;
+          } else {
+            H = F.handler;F.handler = G;
+          }
+        } });
+    })(jQuery, window);
+    /*
+     * jQuery hashchange event - v1.2 - 2/11/2010
+     * http://benalman.com/projects/jquery-hashchange-plugin/
+     *
+     * Copyright (c) 2010 "Cowboy" Ben Alman
+     * Dual licensed under the MIT and GPL licenses.
+     * http://benalman.com/about/license/
+     */
+    (function ($, i, b) {
+      var j,
+          k = $.event.special,
+          c = "location",
+          d = "hashchange",
+          l = "href",
+          f = $.browser,
+          g = document.documentMode,
+          h = f.msie && (g === b || g < 8),
+          e = "on" + d in i && !h;function a(m) {
+        m = m || i[c][l];return m.replace(/^[^#]*#?(.*)$/, "$1");
+      }$[d + "Delay"] = 100;k[d] = $.extend(k[d], { setup: function setup() {
+          if (e) {
+            return false;
+          }$(j.start);
+        }, teardown: function teardown() {
+          if (e) {
+            return false;
+          }$(j.stop);
+        } });j = function () {
+        var m = {},
+            r,
+            n,
+            o,
+            q;function p() {
+          o = q = function q(s) {
+            return s;
+          };if (h) {
+            n = $('<iframe src="javascript:0"/>').hide().insertAfter("body")[0].contentWindow;q = function q() {
+              return a(n.document[c][l]);
+            };o = function o(u, s) {
+              if (u !== s) {
+                var t = n.document;t.open().close();t[c].hash = "#" + u;
+              }
+            };o(a());
+          }
+        }m.start = function () {
+          if (r) {
+            return;
+          }var t = a();o || p();(function s() {
+            var v = a(),
+                u = q(t);if (v !== t) {
+              o(t = v, u);$(i).trigger(d);
+            } else {
+              if (u !== t) {
+                i[c][l] = i[c][l].replace(/#.*/, "") + "#" + u;
+              }
+            }r = setTimeout(s, $[d + "Delay"]);
+          })();
+        };m.stop = function () {
+          if (!n) {
+            r && clearTimeout(r);r = 0;
+          }
+        };return m;
+      }();
+    })(jQuery, window);
+
+    return jQuery;
+  }
+
+  /**
+   * SVG Icon Loader 2.0
+   *
+   * jQuery Plugin for loading SVG icons from a single file
+   *
+   * Adds {@link external:jQuery.svgIcons}, {@link external:jQuery.getSvgIcon}, {@link external:jQuery.resizeSvgIcons}
+   *
+   * How to use:
+
+  1. Create the SVG master file that includes all icons:
+
+  The master SVG icon-containing file is an SVG file that contains
+  `<g>` elements. Each `<g>` element should contain the markup of an SVG
+  icon. The `<g>` element has an ID that should
+  correspond with the ID of the HTML element used on the page that should contain
+  or optionally be replaced by the icon. Additionally, one empty element should be
+  added at the end with id "svg_eof".
+
+  2. Optionally create fallback raster images for each SVG icon.
+
+  3. Include the jQuery and the SVG Icon Loader scripts on your page.
+
+  4. Run `$.svgIcons()` when the document is ready. See its signature
+
+  5. To access an icon at a later point without using the callback, use this:
+    `$.getSvgIcon(id (string), uniqueClone (boolean))`;
+
+  This will return the icon (as jQuery object) with a given ID.
+
+  6. To resize icons at a later point without using the callback, use this:
+    `$.resizeSvgIcons(resizeOptions)` (use the same way as the "resize" parameter)
+   *
+   * @module jQuerySVGIcons
+   * @license MIT
+   * @copyright (c) 2009 Alexis Deveria
+   * {@link http://a.deveria.com}
+   * @example usage #1:
+
+  $(function() {
+    $.svgIcons('my_icon_set.svg'); // The SVG file that contains all icons
+    // No options have been set, so all icons will automatically be inserted
+    // into HTML elements that match the same IDs.
+  });
+
+  * @example usage #2:
+
+  $(function() {
+    $.svgIcons('my_icon_set.svg', { // The SVG file that contains all icons
+      callback (icons) { // Custom callback function that sets click
+                    // events for each icon
+        $.each(icons, function(id, icon) {
+          icon.click(function() {
+            alert('You clicked on the icon with id ' + id);
+          });
+        });
+      }
+    }); //The SVG file that contains all icons
+  });
+
+  * @example usage #3:
+
+  $(function() {
+    $.svgIcons('my_icon_set.svgz', { // The SVGZ file that contains all icons
+      w: 32,  // All icons will be 32px wide
+      h: 32,  // All icons will be 32px high
+      fallback_path: 'icons/',  // All fallback files can be found here
+      fallback: {
+        '#open_icon': 'open.png',  // The "open.png" will be appended to the
+                      // HTML element with ID "open_icon"
+        '#close_icon': 'close.png',
+        '#save_icon': 'save.png'
+      },
+      placement: {'.open_icon','open'}, // The "open" icon will be added
+                      // to all elements with class "open_icon"
+      resize () {
+        '#save_icon .svg_icon': 64  // The "save" icon will be resized to 64 x 64px
+      },
+
+      callback (icons) { // Sets background color for "close" icon
+        icons['close'].css('background','red');
+      },
+
+      svgz: true // Indicates that an SVGZ file is being used
+
+    })
+  });
+  */
+
+  /**
+  * @callback module:jQuerySVGIcons.SVGIconsLoadedCallback
+  * @param {PlainObject.<string, external:jQuery>} svgIcons IDs keyed to jQuery objects of images
+  */
+
+  /**
+   * @function module:jQuerySVGIcons.jQuerySVGIcons
+   * @param {external:jQuery} $ Its keys include all icon IDs and the values, the icon as a jQuery object
+  */
+  function jqPluginSVGIcons ($) {
+    var svgIcons = {};
+
+    var fixIDs = void 0;
+    /**
+    * @function external:jQuery.svgIcons
+    * @param {string} file The location of a local SVG or SVGz file
+    * @param {PlainObject} [options]
+    * @param {Float} [options.w] The icon widths
+    * @param {Float} [options.h] The icon heights
+    * @param {PlainObject.<string, string>} [options.fallback] List of raster images with each
+      key being the SVG icon ID to replace, and the value the image file name
+    * @param {string} [options.fallback_path] The path to use for all images
+      listed under "fallback"
+    * @param {boolean} [options.replace] If set to `true`, HTML elements will be replaced by,
+      rather than include the SVG icon.
+    * @param {PlainObject.<string, string>} [options.placement] List with selectors for keys and SVG icon ids
+      as values. This provides a custom method of adding icons.
+    * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} [options.resize] List with selectors for keys and numbers
+      as values. This allows an easy way to resize specific icons.
+    * @param {module:jQuerySVGIcons.SVGIconsLoadedCallback} [options.callback] A function to call when all icons have been loaded.
+    * @param {boolean} [options.id_match=true] Automatically attempt to match SVG icon ids with
+      corresponding HTML id
+    * @param {boolean} [options.no_img] Prevent attempting to convert the icon into an `<img>`
+      element (may be faster, help for browser consistency)
+    * @param {boolean} [options.svgz] Indicate that the file is an SVGZ file, and thus not to
+      parse as XML. SVGZ files add compression benefits, but getting data from
+      them fails in Firefox 2 and older.
+    */
+    $.svgIcons = function (file) {
+      var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      var svgns = 'http://www.w3.org/2000/svg',
+          xlinkns = 'http://www.w3.org/1999/xlink',
+          iconW = opts.w || 24,
+          iconH = opts.h || 24;
+      var elems = void 0,
+          svgdoc = void 0,
+          testImg = void 0,
+          iconsMade = false,
+          dataLoaded = false,
+          loadAttempts = 0;
+      var isOpera = !!window.opera,
+
+      // ua = navigator.userAgent,
+      // isSafari = (ua.includes('Safari/') && !ua.includes('Chrome/')),
+      dataPre = 'data:image/svg+xml;charset=utf-8;base64,';
+
+      var dataEl = void 0;
+      if (opts.svgz) {
+        dataEl = $('<object data="' + file + '" type=image/svg+xml>').appendTo('body').hide();
+        try {
+          svgdoc = dataEl[0].contentDocument;
+          dataEl.load(getIcons);
+          getIcons(0, true); // Opera will not run "load" event if file is already cached
+        } catch (err1) {
+          useFallback();
+        }
+      } else {
+        var parser = new DOMParser();
+        $.ajax({
+          url: file,
+          dataType: 'string',
+          success: function success(data) {
+            if (!data) {
+              $(useFallback);
+              return;
+            }
+            svgdoc = parser.parseFromString(data, 'text/xml');
+            $(function () {
+              getIcons('ajax');
+            });
+          },
+          error: function error(err) {
+            // TODO: Fix Opera widget icon bug
+            if (window.opera) {
+              $(function () {
+                useFallback();
+              });
+            } else {
+              if (err.responseText) {
+                svgdoc = parser.parseFromString(err.responseText, 'text/xml');
+
+                if (!svgdoc.childNodes.length) {
+                  $(useFallback);
+                }
+                $(function () {
+                  getIcons('ajax');
+                });
+              } else {
+                $(useFallback);
+              }
+            }
+          }
+        });
+      }
+
+      function getIcons(evt, noWait) {
+        if (evt !== 'ajax') {
+          if (dataLoaded) return;
+          // Webkit sometimes says svgdoc is undefined, other times
+          // it fails to load all nodes. Thus we must make sure the "eof"
+          // element is loaded.
+          svgdoc = dataEl[0].contentDocument; // Needed again for Webkit
+          var isReady = svgdoc && svgdoc.getElementById('svg_eof');
+          if (!isReady && !(noWait && isReady)) {
+            loadAttempts++;
+            if (loadAttempts < 50) {
+              setTimeout(getIcons, 20);
+            } else {
+              useFallback();
+              dataLoaded = true;
+            }
+            return;
+          }
+          dataLoaded = true;
+        }
+
+        elems = $(svgdoc.firstChild).children(); // .getElementsByTagName('foreignContent');
+
+        if (!opts.no_img) {
+          var testSrc = dataPre + 'PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D';
+
+          testImg = $(new Image()).attr({
+            src: testSrc,
+            width: 0,
+            height: 0
+          }).appendTo('body').load(function () {
+            // Safari 4 crashes, Opera and Chrome don't
+            makeIcons(true);
+          }).error(function () {
+            makeIcons();
+          });
+        } else {
+          setTimeout(function () {
+            if (!iconsMade) makeIcons();
+          }, 500);
+        }
+      }
+
+      function setIcon(target, icon, id, setID) {
+        if (isOpera) icon.css('visibility', 'hidden');
+        if (opts.replace) {
+          if (setID) icon.attr('id', id);
+          var cl = target.attr('class');
+          if (cl) icon.attr('class', 'svg_icon ' + cl);
+          target.replaceWith(icon);
+        } else {
+          target.append(icon);
+        }
+        if (isOpera) {
+          setTimeout(function () {
+            icon.removeAttr('style');
+          }, 1);
+        }
+      }
+
+      var holder = void 0;
+      function addIcon(icon, id) {
+        if (opts.id_match === undefined || opts.id_match !== false) {
+          setIcon(holder, icon, id, true);
+        }
+        svgIcons[id] = icon;
+      }
+
+      function makeIcons(toImage, fallback) {
+        if (iconsMade) return;
+        if (opts.no_img) toImage = false;
+
+        var tempHolder = void 0;
+        if (toImage) {
+          tempHolder = $(document.createElement('div'));
+          tempHolder.hide().appendTo('body');
+        }
+        if (fallback) {
+          var path = opts.fallback_path || '';
+          $.each(fallback, function (id, imgsrc) {
+            holder = $('#' + id);
+            var icon = $(new Image()).attr({
+              class: 'svg_icon',
+              src: path + imgsrc,
+              width: iconW,
+              height: iconH,
+              alt: 'icon'
+            });
+
+            addIcon(icon, id);
+          });
+        } else {
+          var len = elems.length;
+          for (var i = 0; i < len; i++) {
+            var elem = elems[i];
+            var id = elem.id;
+
+            if (id === 'svg_eof') break;
+            holder = $('#' + id);
+            var svgroot = document.createElementNS(svgns, 'svg');
+            // Per https://www.w3.org/TR/xml-names11/#defaulting, the namespace for
+            // attributes should have no value.
+            svgroot.setAttributeNS(null, 'viewBox', [0, 0, iconW, iconH].join(' '));
+
+            var svg = elem.getElementsByTagNameNS(svgns, 'svg')[0];
+
+            // Make flexible by converting width/height to viewBox
+            var w = svg.getAttribute('width');
+            var h = svg.getAttribute('height');
+            svg.removeAttribute('width');
+            svg.removeAttribute('height');
+
+            var vb = svg.getAttribute('viewBox');
+            if (!vb) {
+              svg.setAttribute('viewBox', [0, 0, w, h].join(' '));
+            }
+
+            // Not using jQuery to be a bit faster
+            svgroot.setAttribute('xmlns', svgns);
+            svgroot.setAttribute('width', iconW);
+            svgroot.setAttribute('height', iconH);
+            svgroot.setAttribute('xmlns:xlink', xlinkns);
+            svgroot.setAttribute('class', 'svg_icon');
+
+            // Without cloning, Firefox will make another GET request.
+            // With cloning, causes issue in Opera/Win/Non-EN
+            if (!isOpera) svg = svg.cloneNode(true);
+
+            svgroot.append(svg);
+
+            var icon = void 0;
+            if (toImage) {
+              tempHolder.empty().append(svgroot);
+              var str = dataPre + encode64(unescape(encodeURIComponent(new XMLSerializer().serializeToString(svgroot))));
+              icon = $(new Image()).attr({ class: 'svg_icon', src: str });
+            } else {
+              icon = fixIDs($(svgroot), i);
+            }
+            addIcon(icon, id);
+          }
+        }
+
+        if (opts.placement) {
+          $.each(opts.placement, function (sel, id) {
+            if (!svgIcons[id]) return;
+            $(sel).each(function (i) {
+              var copy = svgIcons[id].clone();
+              if (i > 0 && !toImage) copy = fixIDs(copy, i, true);
+              setIcon($(this), copy, id);
+            });
+          });
+        }
+        if (!fallback) {
+          if (toImage) tempHolder.remove();
+          if (dataEl) dataEl.remove();
+          if (testImg) testImg.remove();
+        }
+        if (opts.resize) $.resizeSvgIcons(opts.resize);
+        iconsMade = true;
+
+        if (opts.callback) opts.callback(svgIcons);
+      }
+
+      fixIDs = function fixIDs(svgEl, svgNum, force) {
+        var defs = svgEl.find('defs');
+        if (!defs.length) return svgEl;
+
+        var idElems = void 0;
+        if (isOpera) {
+          idElems = defs.find('*').filter(function () {
+            return !!this.id;
+          });
+        } else {
+          idElems = defs.find('[id]');
+        }
+
+        var allElems = svgEl[0].getElementsByTagName('*'),
+            len = allElems.length;
+
+        idElems.each(function (i) {
+          var id = this.id;
+          /*
+          const noDupes = ($(svgdoc).find('#' + id).length <= 1);
+          if (isOpera) noDupes = false; // Opera didn't clone svgEl, so not reliable
+          if(!force && noDupes) return;
+          */
+
+          var newId = 'x' + id + svgNum + i;
+          this.id = newId;
+
+          var oldVal = 'url(#' + id + ')';
+          var newVal = 'url(#' + newId + ')';
+
+          // Selector method, possibly faster but fails in Opera / jQuery 1.4.3
+          //  svgEl.find('[fill="url(#' + id + ')"]').each(function() {
+          //    this.setAttribute('fill', 'url(#' + newId + ')');
+          //  }).end().find('[stroke="url(#' + id + ')"]').each(function() {
+          //    this.setAttribute('stroke', 'url(#' + newId + ')');
+          //  }).end().find('use').each(function() {
+          //    if(this.getAttribute('xlink:href') == '#' + id) {
+          //      this.setAttributeNS(xlinkns,'href','#' + newId);
+          //    }
+          //  }).end().find('[filter="url(#' + id + ')"]').each(function() {
+          //    this.setAttribute('filter', 'url(#' + newId + ')');
+          //  });
+
+          for (i = 0; i < len; i++) {
+            var elem = allElems[i];
+            if (elem.getAttribute('fill') === oldVal) {
+              elem.setAttribute('fill', newVal);
+            }
+            if (elem.getAttribute('stroke') === oldVal) {
+              elem.setAttribute('stroke', newVal);
+            }
+            if (elem.getAttribute('filter') === oldVal) {
+              elem.setAttribute('filter', newVal);
+            }
+          }
+        });
+        return svgEl;
+      };
+
+      function useFallback() {
+        if (file.includes('.svgz')) {
+          var regFile = file.replace('.svgz', '.svg');
+          if (window.console) {
+            console.log('.svgz failed, trying with .svg');
+          }
+          $.svgIcons(regFile, opts);
+        } else if (opts.fallback) {
+          makeIcons(false, opts.fallback);
+        }
+      }
+
+      function encode64(input) {
+        // base64 strings are 4/3 larger than the original string
+        if (window.btoa) return window.btoa(input);
+        var _keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+        var output = new Array(Math.floor((input.length + 2) / 3) * 4);
+
+        var i = 0,
+            p = 0;
+        do {
+          var chr1 = input.charCodeAt(i++);
+          var chr2 = input.charCodeAt(i++);
+          var chr3 = input.charCodeAt(i++);
+
+          var enc1 = chr1 >> 2;
+          var enc2 = (chr1 & 3) << 4 | chr2 >> 4;
+
+          var enc3 = (chr2 & 15) << 2 | chr3 >> 6;
+          var enc4 = chr3 & 63;
+          if (isNaN(chr2)) {
+            enc3 = enc4 = 64;
+          } else if (isNaN(chr3)) {
+            enc4 = 64;
+          }
+
+          output[p++] = _keyStr.charAt(enc1);
+          output[p++] = _keyStr.charAt(enc2);
+          output[p++] = _keyStr.charAt(enc3);
+          output[p++] = _keyStr.charAt(enc4);
+        } while (i < input.length);
+
+        return output.join('');
+      }
+    };
+
+    /**
+    * @function external:jQuery.getSvgIcon
+    * @param {string} id
+    * @param {boolean} uniqueClone Whether to clone
+    * @returns {external:jQuery} The icon (optionally cloned)
+    */
+    $.getSvgIcon = function (id, uniqueClone) {
+      var icon = svgIcons[id];
+      if (uniqueClone && icon) {
+        icon = fixIDs(icon, 0, true).clone(true);
+      }
+      return icon;
+    };
+
+    /**
+    * @typedef {GenericArray} module:jQuerySVGIcons.Dimensions
+    * @property {Integer} length 2
+    * @property {Float} 0 Width
+    * @property {Float} 1 Height
+    */
+
+    /**
+    * If a Float is used, it will represent width and height. Arrays contain the width and height.
+    * @typedef {module:jQuerySVGIcons.Dimensions|Float} module:jQuerySVGIcons.Size
+    */
+
+    /**
+    * @function external:jQuery.resizeSvgIcons
+    * @param {PlainObject.<string, module:jQuerySVGIcons.Size>} obj Object with selectors as keys. The values are sizes.
+    * @returns {undefined}
+    */
+    $.resizeSvgIcons = function (obj) {
+      // FF2 and older don't detect .svg_icon, so we change it detect svg elems instead
+      var changeSel = !$('.svg_icon:first').length;
+      $.each(obj, function (sel, size) {
+        var arr = Array.isArray(size);
+        var w = arr ? size[0] : size,
+            h = arr ? size[1] : size;
+        if (changeSel) {
+          sel = sel.replace(/\.svg_icon/g, 'svg');
+        }
+        $(sel).each(function () {
+          this.setAttribute('width', w);
+          this.setAttribute('height', h);
+          if (window.opera && window.widget) {
+            this.parentNode.style.width = w + 'px';
+            this.parentNode.style.height = h + 'px';
+          }
+        });
+      });
+    };
+    return $;
+  }
+
+  /**
+   * jGraduate 0.4
+   *
+   * jQuery Plugin for a gradient picker
+   *
+   * @module jGraduate
+   * @copyright 2010 Jeff Schiller {@link http://blog.codedread.com/}, 2010 Alexis Deveria {@link http://a.deveria.com/}
+   *
+   * @license Apache-2.0
+   * @example
+   * // The Paint object is described below.
+   * $.jGraduate.Paint() // constructs a 'none' color
+   * @example $.jGraduate.Paint({copy: o}) // creates a copy of the paint o
+   * @example $.jGraduate.Paint({hex: '#rrggbb'}) // creates a solid color paint with hex = "#rrggbb"
+   * @example $.jGraduate.Paint({linearGradient: o, a: 50}) // creates a linear gradient paint with opacity=0.5
+   * @example $.jGraduate.Paint({radialGradient: o, a: 7}) // creates a radial gradient paint with opacity=0.07
+   * @example $.jGraduate.Paint({hex: '#rrggbb', linearGradient: o}) // throws an exception?
+   *
+  */
+
+  /**
+    * The jQuery namespace.
+    * @external jQuery
+  */
+  /**
+   * The jQuery plugin namespace.
+   * @namespace {PlainObject} fn
+   * @memberof external:jQuery
+   * @see {@link http://learn.jquery.com/plugins/|jQuery Plugins}
+   */
+
+  var ns = {
+    svg: 'http://www.w3.org/2000/svg',
+    xlink: 'http://www.w3.org/1999/xlink'
+  };
+
+  if (!window.console) {
+    window.console = {
+      log: function log(str) {},
+      dir: function dir(str) {}
+    };
+  }
+
+  /**
+  * Adds {@link external:jQuery.jGraduate.Paint}, {@link external:jQuery.fn.jGraduateDefaults}, {@link external:jQuery.fn.jGraduate}
+  * @function module:jGraduate.jGraduate
+  * @param {external:jQuery} $ The jQuery instance to wrap
+  * @returns {external:jQuery}
+  */
+  function jqPluginJGraduate ($) {
+    if (!$.loadingStylesheets) {
+      $.loadingStylesheets = [];
+    }
+    var stylesheet = 'jgraduate/css/jGraduate.css';
+    if (!$.loadingStylesheets.includes(stylesheet)) {
+      $.loadingStylesheets.push(stylesheet);
+    }
+
+    /**
+    * @typedef {PlainObject} module:jGraduate.jGraduatePaintOptions
+    * @param {Float} [alpha]
+    * @param {module:jGraduate~Paint} [copy] Copy paint object
+    * @param {SVGLinearGradientElement} [linearGradient]
+    * @param {SVGRadialGradientElement} [radialGradient]
+    * @param {string} [solidColor]
+    */
+
+    /**
+    * @memberof module:jGraduate~
+    */
+
+    var Paint =
+    /**
+     * @param {module:jGraduate.jGraduatePaintOptions} [opt]
+    */
+    function Paint(opt) {
+      classCallCheck(this, Paint);
+
+      var options = opt || {};
+      this.alpha = isNaN(options.alpha) ? 100 : options.alpha;
+      // copy paint object
+      if (options.copy) {
+        /**
+         * @name module:jGraduate~Paint#type
+         * @type {"none"|"solidColor"|"linearGradient"|"radialGradient"}
+         */
+        this.type = options.copy.type;
+        /**
+         * Represents opacity (0-100)
+         * @name module:jGraduate~Paint#alpha
+         * @type {Float}
+         */
+        this.alpha = options.copy.alpha;
+        /**
+         * Represents #RRGGBB hex of color
+         * @name module:jGraduate~Paint#solidColor
+         * @type {string}
+         */
+        this.solidColor = null;
+        /**
+         * @name module:jGraduate~Paint#linearGradient
+         * @type {SVGLinearGradientElement}
+         */
+        this.linearGradient = null;
+        /**
+         * @name module:jGraduate~Paint#radialGradient
+         * @type {SVGRadialGradientElement}
+         */
+        this.radialGradient = null;
+
+        switch (this.type) {
+          case 'none':
+            break;
+          case 'solidColor':
+            this.solidColor = options.copy.solidColor;
+            break;
+          case 'linearGradient':
+            this.linearGradient = options.copy.linearGradient.cloneNode(true);
+            break;
+          case 'radialGradient':
+            this.radialGradient = options.copy.radialGradient.cloneNode(true);
+            break;
+        }
+        // create linear gradient paint
+      } else if (options.linearGradient) {
+        this.type = 'linearGradient';
+        this.solidColor = null;
+        this.radialGradient = null;
+        this.linearGradient = options.linearGradient.cloneNode(true);
+        // create linear gradient paint
+      } else if (options.radialGradient) {
+        this.type = 'radialGradient';
+        this.solidColor = null;
+        this.linearGradient = null;
+        this.radialGradient = options.radialGradient.cloneNode(true);
+        // create solid color paint
+      } else if (options.solidColor) {
+        this.type = 'solidColor';
+        this.solidColor = options.solidColor;
+        // create empty paint
+      } else {
+        this.type = 'none';
+        this.solidColor = null;
+        this.linearGradient = null;
+        this.radialGradient = null;
+      }
+    };
+    /**
+    * @namespace {PlainObject} jGraduate
+    * @memberof external:jQuery
+    */
+
+
+    $.jGraduate = /** @lends external:jQuery.jGraduate */{
+      /**
+      * @class external:jQuery.jGraduate.Paint
+      * @see module:jGraduate~Paint
+      */
+      Paint: Paint
+    };
+
+    // JSDoc doesn't show this as belonging to our `module:jGraduate.Options` type,
+    //   so we use `@see`
+    /**
+    * @namespace {module:jGraduate.Options} jGraduateDefaults
+    * @memberof external:jQuery.fn
+    */
+    $.fn.jGraduateDefaults = /** @lends external:jQuery.fn.jGraduateDefaults */{
+      /**
+      * Creates an object with a 'none' color
+      * @type {external:jQuery.jGraduate.Paint}
+      * @see module:jGraduate.Options
+      */
+      paint: new $.jGraduate.Paint(),
+      /**
+      * @namespace
+      */
+      window: {
+        /**
+        * @type {string}
+        * @see module:jGraduate.Options
+        */
+        pickerTitle: 'Drag markers to pick a paint'
+      },
+      /**
+      * @namespace
+      */
+      images: {
+        /**
+        * @type {string}
+        * @see module:jGraduate.Options
+        */
+        clientPath: 'images/'
+      },
+      /**
+      * @type {string}
+      * @see module:jGraduate.Options
+      */
+      newstop: 'inverse' // same, inverse, black, white
+    };
+
+    var isGecko = navigator.userAgent.includes('Gecko/');
+
+    function setAttrs(elem, attrs) {
+      if (isGecko) {
+        for (var aname in attrs) {
+          elem.setAttribute(aname, attrs[aname]);
+        }
+      } else {
+        for (var _aname in attrs) {
+          var val = attrs[_aname],
+              prop = elem[_aname];
+          if (prop && prop.constructor === 'SVGLength') {
+            prop.baseVal.value = val;
+          } else {
+            elem.setAttribute(_aname, val);
+          }
+        }
+      }
+    }
+
+    function mkElem(name, attrs, newparent) {
+      var elem = document.createElementNS(ns.svg, name);
+      setAttrs(elem, attrs);
+      if (newparent) {
+        newparent.append(elem);
+      }
+      return elem;
+    }
+
+    /**
+    * @typedef {PlainObject} module:jGraduate.ColorOpac Object may have one or both values
+    * @property {string} [color] #Hex color
+    * @property {Float} [opac] 0-1
+    */
+    /**
+    * @typedef {PlainObject} module:jGraduate.Options
+    * @property {module:jGraduate~Paint} [paint] A Paint object object describing the paint to display initially; defaults to a new instance without options (defaults to opaque white)
+    * @property {external:Window} [window]
+    * @property {string} [window.pickerTitle='Drag markers to pick a paint']
+    * @property {PlainObject} [images]
+    * @property {string} [images.clientPath='images/']
+    * @property {"same"|"inverse"|"black"|"white"|module:jGraduate.ColorOpac} [newstop="inverse"]
+    */
+
+    /**
+    * @callback external:jQuery.fn.jGraduate.OkCallback
+    * @param {external:jQuery.jGraduate.Paint} paint
+    * @returns {undefined}
+    */
+    /**
+    * @callback external:jQuery.fn.jGraduate.CancelCallback
+    * @returns {undefined}
+    */
+
+    /**
+    * @function external:jQuery.fn.jGraduate
+    * @param {module:jGraduate.Options} [options]
+    * @param {external:jQuery.fn.jGraduate.OkCallback} [okCallback] Called with a Paint object when Ok is pressed
+    * @param {external:jQuery.fn.jGraduate.CancelCallback} [cancelCallback] Called with no arguments when Cancel is pressed
+    * @returns {external:jQuery}
+    */
+    $.fn.jGraduate = function (options, okCallback, cancelCallback) {
+      return this.each(function () {
+        var $this = $(this),
+            $settings = $.extend(true, {}, $.fn.jGraduateDefaults, options || {}),
+            id = $this.attr('id'),
+            idref = '#' + $this.attr('id') + ' ';
+
+        if (!idref) {
+          alert('Container element must have an id attribute to maintain unique id strings for sub-elements.');
+          return;
+        }
+
+        var okClicked = function okClicked() {
+          switch ($this.paint.type) {
+            case 'radialGradient':
+              $this.paint.linearGradient = null;
+              break;
+            case 'linearGradient':
+              $this.paint.radialGradient = null;
+              break;
+            case 'solidColor':
+              $this.paint.radialGradient = $this.paint.linearGradient = null;
+              break;
+          }
+          typeof $this.okCallback === 'function' && $this.okCallback($this.paint);
+          $this.hide();
+        };
+        var cancelClicked = function cancelClicked() {
+          typeof $this.cancelCallback === 'function' && $this.cancelCallback();
+          $this.hide();
+        };
+
+        $.extend(true, $this, { // public properties, methods, and callbacks
+          // make a copy of the incoming paint
+          paint: new $.jGraduate.Paint({ copy: $settings.paint }),
+          okCallback: typeof okCallback === 'function' ? okCallback : null,
+          cancelCallback: typeof cancelCallback === 'function' ? cancelCallback : null
+        });
+
+        var // pos = $this.position(),
+        color = null;
+        var $win = $(window);
+
+        if ($this.paint.type === 'none') {
+          $this.paint = new $.jGraduate.Paint({ solidColor: 'ffffff' });
+        }
+
+        $this.addClass('jGraduate_Picker');
+        $this.html('<ul class="jGraduate_tabs">' + '<li class="jGraduate_tab_color jGraduate_tab_current" data-type="col">Solid Color</li>' + '<li class="jGraduate_tab_lingrad" data-type="lg">Linear Gradient</li>' + '<li class="jGraduate_tab_radgrad" data-type="rg">Radial Gradient</li>' + '</ul>' + '<div class="jGraduate_colPick"></div>' + '<div class="jGraduate_gradPick"></div>' + '<div class="jGraduate_LightBox"></div>' + '<div id="' + id + '_jGraduate_stopPicker" class="jGraduate_stopPicker"></div>');
+        var colPicker = $(idref + '> .jGraduate_colPick');
+        var gradPicker = $(idref + '> .jGraduate_gradPick');
+
+        gradPicker.html('<div id="' + id + '_jGraduate_Swatch" class="jGraduate_Swatch">' + '<h2 class="jGraduate_Title">' + $settings.window.pickerTitle + '</h2>' + '<div id="' + id + '_jGraduate_GradContainer" class="jGraduate_GradContainer"></div>' + '<div id="' + id + '_jGraduate_StopSlider" class="jGraduate_StopSlider"></div>' + '</div>' + '<div class="jGraduate_Form jGraduate_Points jGraduate_lg_field">' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">Begin Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_x1" size="3" title="Enter starting x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_y1" size="3" title="Enter starting y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">End Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_x2" size="3" title="Enter ending x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_y2" size="3" title="Enter ending y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '</div>' + '<div class="jGraduate_Form jGraduate_Points jGraduate_rg_field">' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">Center Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_cx" size="3" title="Enter x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_cy" size="3" title="Enter y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '<div class="jGraduate_StopSection">' + '<label class="jGraduate_Form_Heading">Focal Point</label>' + '<div class="jGraduate_Form_Section">' + '<label>Match center: <input type="checkbox" checked="checked" id="' + id + '_jGraduate_match_ctr"/></label><br/>' + '<label>x:</label>' + '<input type="text" id="' + id + '_jGraduate_fx" size="3" title="Enter x value between 0.0 and 1.0"/>' + '<label>y:</label>' + '<input type="text" id="' + id + '_jGraduate_fy" size="3" title="Enter y value between 0.0 and 1.0"/>' + '</div>' + '</div>' + '</div>' + '<div class="jGraduate_StopSection jGraduate_SpreadMethod">' + '<label class="jGraduate_Form_Heading">Spread method</label>' + '<div class="jGraduate_Form_Section">' + '<select class="jGraduate_spreadMethod">' + '<option value=pad selected>Pad</option>' + '<option value=reflect>Reflect</option>' + '<option value=repeat>Repeat</option>' + '</select>' + '</div>' + '</div>' + '<div class="jGraduate_Form">' + '<div class="jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field">' + '<label class="prelabel">Radius:</label>' + '<div id="' + id + '_jGraduate_Radius" class="jGraduate_SliderBar jGraduate_Radius" title="Click to set radius">' + '<img id="' + id + '_jGraduate_RadiusArrows" class="jGraduate_RadiusArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_RadiusInput" size="3" value="100"/>%</label>' + '</div>' + '<div class="jGraduate_Slider jGraduate_EllipField jGraduate_rg_field">' + '<label class="prelabel">Ellip:</label>' + '<div id="' + id + '_jGraduate_Ellip" class="jGraduate_SliderBar jGraduate_Ellip" title="Click to set Ellip">' + '<img id="' + id + '_jGraduate_EllipArrows" class="jGraduate_EllipArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_EllipInput" size="3" value="0"/>%</label>' + '</div>' + '<div class="jGraduate_Slider jGraduate_AngleField jGraduate_rg_field">' + '<label class="prelabel">Angle:</label>' + '<div id="' + id + '_jGraduate_Angle" class="jGraduate_SliderBar jGraduate_Angle" title="Click to set Angle">' + '<img id="' + id + '_jGraduate_AngleArrows" class="jGraduate_AngleArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_AngleInput" size="3" value="0"/>deg</label>' + '</div>' + '<div class="jGraduate_Slider jGraduate_OpacField">' + '<label class="prelabel">Opac:</label>' + '<div id="' + id + '_jGraduate_Opac" class="jGraduate_SliderBar jGraduate_Opac" title="Click to set Opac">' + '<img id="' + id + '_jGraduate_OpacArrows" class="jGraduate_OpacArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + '</div>' + '<label><input type="text" id="' + id + '_jGraduate_OpacInput" size="3" value="100"/>%</label>' + '</div>' + '</div>' + '<div class="jGraduate_OkCancel">' + '<input type="button" id="' + id + '_jGraduate_Ok" class="jGraduate_Ok" value="OK"/>' + '<input type="button" id="' + id + '_jGraduate_Cancel" class="jGraduate_Cancel" value="Cancel"/>' + '</div>');
+
+        // --------------
+        // Set up all the SVG elements (the gradient, stops and rectangle)
+        var MAX = 256,
+            MARGINX = 0,
+            MARGINY = 0,
+
+        // STOP_RADIUS = 15 / 2,
+        SIZEX = MAX - 2 * MARGINX,
+            SIZEY = MAX - 2 * MARGINY;
+
+        var attrInput = {};
+
+        var SLIDERW = 145;
+        $('.jGraduate_SliderBar').width(SLIDERW);
+
+        var container = $('#' + id + '_jGraduate_GradContainer')[0];
+
+        var svg = mkElem('svg', {
+          id: id + '_jgraduate_svg',
+          width: MAX,
+          height: MAX,
+          xmlns: ns.svg
+        }, container);
+
+        // This wasn't working as designed
+        // let curType;
+        // curType = curType || $this.paint.type;
+
+        // if we are sent a gradient, import it
+        var curType = $this.paint.type;
+
+        var grad = $this.paint[curType];
+        var curGradient = grad;
+
+        var gradalpha = $this.paint.alpha;
+
+        var isSolid = curType === 'solidColor';
+
+        // Make any missing gradients
+        switch (curType) {
+          case 'solidColor':
+          // fall through
+          case 'linearGradient':
+            if (!isSolid) {
+              curGradient.id = id + '_lg_jgraduate_grad';
+              grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));
+            }
+            mkElem('radialGradient', {
+              id: id + '_rg_jgraduate_grad'
+            }, svg);
+            if (curType === 'linearGradient') {
+              break;
+            }
+          // fall through
+          case 'radialGradient':
+            if (!isSolid) {
+              curGradient.id = id + '_rg_jgraduate_grad';
+              grad = curGradient = svg.appendChild(curGradient); // .cloneNode(true));
+            }
+            mkElem('linearGradient', {
+              id: id + '_lg_jgraduate_grad'
+            }, svg);
+        }
+
+        var stopGroup = void 0; // eslint-disable-line prefer-const
+        if (isSolid) {
+          grad = curGradient = $('#' + id + '_lg_jgraduate_grad')[0];
+          color = $this.paint[curType];
+          mkStop(0, '#' + color, 1);
+
+          var type = _typeof($settings.newstop);
+
+          if (type === 'string') {
+            switch ($settings.newstop) {
+              case 'same':
+                mkStop(1, '#' + color, 1);
+                break;
+
+              case 'inverse':
+                // Invert current color for second stop
+                var inverted = '';
+                for (var i = 0; i < 6; i += 2) {
+                  // const ch = color.substr(i, 2);
+                  var inv = (255 - parseInt(color.substr(i, 2), 16)).toString(16);
+                  if (inv.length < 2) inv = 0 + inv;
+                  inverted += inv;
+                }
+                mkStop(1, '#' + inverted, 1);
+                break;
+
+              case 'white':
+                mkStop(1, '#ffffff', 1);
+                break;
+
+              case 'black':
+                mkStop(1, '#000000', 1);
+                break;
+            }
+          } else if (type === 'object') {
+            var opac = 'opac' in $settings.newstop ? $settings.newstop.opac : 1;
+            mkStop(1, $settings.newstop.color || '#' + color, opac);
+          }
+        }
+
+        var x1 = parseFloat(grad.getAttribute('x1') || 0.0),
+            y1 = parseFloat(grad.getAttribute('y1') || 0.0),
+            x2 = parseFloat(grad.getAttribute('x2') || 1.0),
+            y2 = parseFloat(grad.getAttribute('y2') || 0.0);
+
+        var cx = parseFloat(grad.getAttribute('cx') || 0.5),
+            cy = parseFloat(grad.getAttribute('cy') || 0.5),
+            fx = parseFloat(grad.getAttribute('fx') || cx),
+            fy = parseFloat(grad.getAttribute('fy') || cy);
+
+        var previewRect = mkElem('rect', {
+          id: id + '_jgraduate_rect',
+          x: MARGINX,
+          y: MARGINY,
+          width: SIZEX,
+          height: SIZEY,
+          fill: 'url(#' + id + '_jgraduate_grad)',
+          'fill-opacity': gradalpha / 100
+        }, svg);
+
+        // stop visuals created here
+        var beginCoord = $('<div/>').attr({
+          class: 'grad_coord jGraduate_lg_field',
+          title: 'Begin Stop'
+        }).text(1).css({
+          top: y1 * MAX,
+          left: x1 * MAX
+        }).data('coord', 'start').appendTo(container);
+
+        var endCoord = beginCoord.clone().text(2).css({
+          top: y2 * MAX,
+          left: x2 * MAX
+        }).attr('title', 'End stop').data('coord', 'end').appendTo(container);
+
+        var centerCoord = $('<div/>').attr({
+          class: 'grad_coord jGraduate_rg_field',
+          title: 'Center stop'
+        }).text('C').css({
+          top: cy * MAX,
+          left: cx * MAX
+        }).data('coord', 'center').appendTo(container);
+
+        var focusCoord = centerCoord.clone().text('F').css({
+          top: fy * MAX,
+          left: fx * MAX,
+          display: 'none'
+        }).attr('title', 'Focus point').data('coord', 'focus').appendTo(container);
+
+        focusCoord[0].id = id + '_jGraduate_focusCoord';
+
+        // const coords = $(idref + ' .grad_coord');
+
+        // $(container).hover(function () {
+        //   coords.animate({
+        //     opacity: 1
+        //   }, 500);
+        // }, function () {
+        //   coords.animate({
+        //     opacity: .2
+        //   }, 500);
+        // });
+
+        var showFocus = void 0;
+        $.each(['x1', 'y1', 'x2', 'y2', 'cx', 'cy', 'fx', 'fy'], function (i, attr) {
+          var isRadial = isNaN(attr[1]);
+
+          var attrval = curGradient.getAttribute(attr);
+          if (!attrval) {
+            // Set defaults
+            if (isRadial) {
+              // For radial points
+              attrval = '0.5';
+            } else {
+              // Only x2 is 1
+              attrval = attr === 'x2' ? '1.0' : '0.0';
+            }
+          }
+
+          attrInput[attr] = $('#' + id + '_jGraduate_' + attr).val(attrval).change(function () {
+            // TODO: Support values < 0 and > 1 (zoomable preview?)
+            if (isNaN(parseFloat(this.value)) || this.value < 0) {
+              this.value = 0.0;
+            } else if (this.value > 1) {
+              this.value = 1.0;
+            }
+
+            if (!(attr[0] === 'f' && !showFocus)) {
+              if (isRadial && curType === 'radialGradient' || !isRadial && curType === 'linearGradient') {
+                curGradient.setAttribute(attr, this.value);
+              }
+            }
+
+            var $elem = isRadial ? attr[0] === 'c' ? centerCoord : focusCoord : attr[1] === '1' ? beginCoord : endCoord;
+
+            var cssName = attr.includes('x') ? 'left' : 'top';
+
+            $elem.css(cssName, this.value * MAX);
+          }).change();
+        });
+
+        function mkStop(n, color, opac, sel, stopElem) {
+          var stop = stopElem || mkElem('stop', { 'stop-color': color, 'stop-opacity': opac, offset: n }, curGradient);
+          if (stopElem) {
+            color = stopElem.getAttribute('stop-color');
+            opac = stopElem.getAttribute('stop-opacity');
+            n = stopElem.getAttribute('offset');
+          } else {
+            curGradient.append(stop);
+          }
+          if (opac === null) opac = 1;
+
+          var pickerD = 'M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z';
+
+          var pathbg = mkElem('path', {
+            d: pickerD,
+            fill: 'url(#jGraduate_trans)',
+            transform: 'translate(' + (10 + n * MAX) + ', 26)'
+          }, stopGroup);
+
+          var path = mkElem('path', {
+            d: pickerD,
+            fill: color,
+            'fill-opacity': opac,
+            transform: 'translate(' + (10 + n * MAX) + ', 26)',
+            stroke: '#000',
+            'stroke-width': 1.5
+          }, stopGroup);
+
+          $(path).mousedown(function (e) {
+            selectStop(this);
+            drag = curStop;
+            $win.mousemove(dragColor).mouseup(remDrags);
+            stopOffset = stopMakerDiv.offset();
+            e.preventDefault();
+            return false;
+          }).data('stop', stop).data('bg', pathbg).dblclick(function () {
+            $('div.jGraduate_LightBox').show();
+            var colorhandle = this;
+            var stopOpacity = +stop.getAttribute('stop-opacity') || 1;
+            var stopColor = stop.getAttribute('stop-color') || 1;
+            var thisAlpha = (parseFloat(stopOpacity) * 255).toString(16);
+            while (thisAlpha.length < 2) {
+              thisAlpha = '0' + thisAlpha;
+            }
+            color = stopColor.substr(1) + thisAlpha;
+            $('#' + id + '_jGraduate_stopPicker').css({ left: 100, bottom: 15 }).jPicker({
+              window: { title: 'Pick the start color and opacity for the gradient' },
+              images: { clientPath: $settings.images.clientPath },
+              color: { active: color, alphaSupport: true }
+            }, function (color, arg2) {
+              stopColor = color.val('hex') ? '#' + color.val('hex') : 'none';
+              stopOpacity = color.val('a') !== null ? color.val('a') / 256 : 1;
+              colorhandle.setAttribute('fill', stopColor);
+              colorhandle.setAttribute('fill-opacity', stopOpacity);
+              stop.setAttribute('stop-color', stopColor);
+              stop.setAttribute('stop-opacity', stopOpacity);
+              $('div.jGraduate_LightBox').hide();
+              $('#' + id + '_jGraduate_stopPicker').hide();
+            }, null, function () {
+              $('div.jGraduate_LightBox').hide();
+              $('#' + id + '_jGraduate_stopPicker').hide();
+            });
+          });
+
+          $(curGradient).find('stop').each(function () {
+            var curS = $(this);
+            if (+this.getAttribute('offset') > n) {
+              if (!color) {
+                var newcolor = this.getAttribute('stop-color');
+                var newopac = this.getAttribute('stop-opacity');
+                stop.setAttribute('stop-color', newcolor);
+                path.setAttribute('fill', newcolor);
+                stop.setAttribute('stop-opacity', newopac === null ? 1 : newopac);
+                path.setAttribute('fill-opacity', newopac === null ? 1 : newopac);
+              }
+              curS.before(stop);
+              return false;
+            }
+          });
+          if (sel) selectStop(path);
+          return stop;
+        }
+
+        function remStop() {
+          delStop.setAttribute('display', 'none');
+          var path = $(curStop);
+          var stop = path.data('stop');
+          var bg = path.data('bg');
+          $([curStop, stop, bg]).remove();
+        }
+
+        var stopMakerDiv = $('#' + id + '_jGraduate_StopSlider');
+
+        var stops = void 0,
+            curStop = void 0,
+            drag = void 0;
+
+        var delStop = mkElem('path', {
+          d: 'm9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5',
+          fill: 'none',
+          stroke: '#D00',
+          'stroke-width': 5,
+          display: 'none'
+        }, undefined); // stopMakerSVG);
+
+        function selectStop(item) {
+          if (curStop) curStop.setAttribute('stroke', '#000');
+          item.setAttribute('stroke', 'blue');
+          curStop = item;
+          curStop.parentNode.append(curStop);
+          //   stops = $('stop');
+          //   opac_select.val(curStop.attr('fill-opacity') || 1);
+          //   root.append(delStop);
+        }
+
+        var stopOffset = void 0;
+
+        function remDrags() {
+          $win.unbind('mousemove', dragColor);
+          if (delStop.getAttribute('display') !== 'none') {
+            remStop();
+          }
+          drag = null;
+        }
+
+        var scaleX = 1,
+            scaleY = 1,
+            angle = 0;
+
+        var cX = cx;
+        var cY = cy;
+        function xform() {
+          var rot = angle ? 'rotate(' + angle + ',' + cX + ',' + cY + ') ' : '';
+          if (scaleX === 1 && scaleY === 1) {
+            curGradient.removeAttribute('gradientTransform');
+            // $('#ang').addClass('dis');
+          } else {
+            var x = -cX * (scaleX - 1);
+            var y = -cY * (scaleY - 1);
+            curGradient.setAttribute('gradientTransform', rot + 'translate(' + x + ',' + y + ') scale(' + scaleX + ',' + scaleY + ')');
+            // $('#ang').removeClass('dis');
+          }
+        }
+
+        function dragColor(evt) {
+          var x = evt.pageX - stopOffset.left;
+          var y = evt.pageY - stopOffset.top;
+          x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10 : x;
+
+          var xfStr = 'translate(' + x + ', 26)';
+          if (y < -60 || y > 130) {
+            delStop.setAttribute('display', 'block');
+            delStop.setAttribute('transform', xfStr);
+          } else {
+            delStop.setAttribute('display', 'none');
+          }
+
+          drag.setAttribute('transform', xfStr);
+          $.data(drag, 'bg').setAttribute('transform', xfStr);
+          var stop = $.data(drag, 'stop');
+          var sX = (x - 10) / MAX;
+
+          stop.setAttribute('offset', sX);
+
+          var last = 0;
+          $(curGradient).find('stop').each(function (i) {
+            var cur = this.getAttribute('offset');
+            var t = $(this);
+            if (cur < last) {
+              t.prev().before(t);
+              stops = $(curGradient).find('stop');
+            }
+            last = cur;
+          });
+        }
+
+        var stopMakerSVG = mkElem('svg', {
+          width: '100%',
+          height: 45
+        }, stopMakerDiv[0]);
+
+        var transPattern = mkElem('pattern', {
+          width: 16,
+          height: 16,
+          patternUnits: 'userSpaceOnUse',
+          id: 'jGraduate_trans'
+        }, stopMakerSVG);
+
+        var transImg = mkElem('image', {
+          width: 16,
+          height: 16
+        }, transPattern);
+
+        var bgImage = $settings.images.clientPath + 'map-opacity.png';
+
+        transImg.setAttributeNS(ns.xlink, 'xlink:href', bgImage);
+
+        $(stopMakerSVG).click(function (evt) {
+          stopOffset = stopMakerDiv.offset();
+          var target = evt.target;
+
+          if (target.tagName === 'path') return;
+          var x = evt.pageX - stopOffset.left - 8;
+          x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10 : x;
+          mkStop(x / MAX, 0, 0, true);
+          evt.stopPropagation();
+        });
+
+        $(stopMakerSVG).mouseover(function () {
+          stopMakerSVG.append(delStop);
+        });
+
+        stopGroup = mkElem('g', {}, stopMakerSVG);
+
+        mkElem('line', {
+          x1: 10,
+          y1: 15,
+          x2: MAX + 10,
+          y2: 15,
+          'stroke-width': 2,
+          stroke: '#000'
+        }, stopMakerSVG);
+
+        var spreadMethodOpt = gradPicker.find('.jGraduate_spreadMethod').change(function () {
+          curGradient.setAttribute('spreadMethod', $(this).val());
+        });
+
+        // handle dragging the stop around the swatch
+        var draggingCoord = null;
+
+        var onCoordDrag = function onCoordDrag(evt) {
+          var x = evt.pageX - offset.left;
+          var y = evt.pageY - offset.top;
+
+          // clamp stop to the swatch
+          x = x < 0 ? 0 : x > MAX ? MAX : x;
+          y = y < 0 ? 0 : y > MAX ? MAX : y;
+
+          draggingCoord.css('left', x).css('top', y);
+
+          // calculate stop offset
+          var fracx = x / SIZEX;
+          var fracy = y / SIZEY;
+
+          var type = draggingCoord.data('coord');
+          var grad = curGradient;
+
+          switch (type) {
+            case 'start':
+              attrInput.x1.val(fracx);
+              attrInput.y1.val(fracy);
+              grad.setAttribute('x1', fracx);
+              grad.setAttribute('y1', fracy);
+              break;
+            case 'end':
+              attrInput.x2.val(fracx);
+              attrInput.y2.val(fracy);
+              grad.setAttribute('x2', fracx);
+              grad.setAttribute('y2', fracy);
+              break;
+            case 'center':
+              attrInput.cx.val(fracx);
+              attrInput.cy.val(fracy);
+              grad.setAttribute('cx', fracx);
+              grad.setAttribute('cy', fracy);
+              cX = fracx;
+              cY = fracy;
+              xform();
+              break;
+            case 'focus':
+              attrInput.fx.val(fracx);
+              attrInput.fy.val(fracy);
+              grad.setAttribute('fx', fracx);
+              grad.setAttribute('fy', fracy);
+              xform();
+          }
+
+          evt.preventDefault();
+        };
+
+        var onCoordUp = function onCoordUp() {
+          draggingCoord = null;
+          $win.unbind('mousemove', onCoordDrag).unbind('mouseup', onCoordUp);
+        };
+
+        // Linear gradient
+        // (function () {
+
+        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+
+        var numstops = stops.length;
+        // if there are not at least two stops, then
+        if (numstops < 2) {
+          while (numstops < 2) {
+            curGradient.append(document.createElementNS(ns.svg, 'stop'));
+            ++numstops;
+          }
+          stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+        }
+
+        for (var _i = 0; _i < numstops; _i++) {
+          mkStop(0, 0, 0, 0, stops[_i]);
+        }
+
+        spreadMethodOpt.val(curGradient.getAttribute('spreadMethod') || 'pad');
+
+        var offset = void 0;
+
+        // No match, so show focus point
+        showFocus = false;
+
+        previewRect.setAttribute('fill-opacity', gradalpha / 100);
+
+        $('#' + id + ' div.grad_coord').mousedown(function (evt) {
+          evt.preventDefault();
+          draggingCoord = $(this);
+          // const sPos = draggingCoord.offset();
+          offset = draggingCoord.parent().offset();
+          $win.mousemove(onCoordDrag).mouseup(onCoordUp);
+        });
+
+        // bind GUI elements
+        $('#' + id + '_jGraduate_Ok').bind('click', function () {
+          $this.paint.type = curType;
+          $this.paint[curType] = curGradient.cloneNode(true);
+          $this.paint.solidColor = null;
+          okClicked();
+        });
+        $('#' + id + '_jGraduate_Cancel').bind('click', function (paint) {
+          cancelClicked();
+        });
+
+        if (curType === 'radialGradient') {
+          if (showFocus) {
+            focusCoord.show();
+          } else {
+            focusCoord.hide();
+            attrInput.fx.val('');
+            attrInput.fy.val('');
+          }
+        }
+
+        $('#' + id + '_jGraduate_match_ctr')[0].checked = !showFocus;
+
+        var lastfx = void 0,
+            lastfy = void 0;
+
+        $('#' + id + '_jGraduate_match_ctr').change(function () {
+          showFocus = !this.checked;
+          focusCoord.toggle(showFocus);
+          attrInput.fx.val('');
+          attrInput.fy.val('');
+          var grad = curGradient;
+          if (!showFocus) {
+            lastfx = grad.getAttribute('fx');
+            lastfy = grad.getAttribute('fy');
+            grad.removeAttribute('fx');
+            grad.removeAttribute('fy');
+          } else {
+            var _fx = lastfx || 0.5;
+            var _fy = lastfy || 0.5;
+            grad.setAttribute('fx', _fx);
+            grad.setAttribute('fy', _fy);
+            attrInput.fx.val(_fx);
+            attrInput.fy.val(_fy);
+          }
+        });
+
+        stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+        numstops = stops.length;
+        // if there are not at least two stops, then
+        if (numstops < 2) {
+          while (numstops < 2) {
+            curGradient.append(document.createElementNS(ns.svg, 'stop'));
+            ++numstops;
+          }
+          stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+        }
+
+        var slider = void 0;
+
+        var setSlider = function setSlider(e) {
+          var _slider = slider,
+              offset = _slider.offset;
+
+          var div = slider.parent;
+          var x = e.pageX - offset.left - parseInt(div.css('border-left-width'));
+          if (x > SLIDERW) x = SLIDERW;
+          if (x <= 0) x = 0;
+          var posx = x - 5;
+          x /= SLIDERW;
+
+          switch (slider.type) {
+            case 'radius':
+              x = Math.pow(x * 2, 2.5);
+              if (x > 0.98 && x < 1.02) x = 1;
+              if (x <= 0.01) x = 0.01;
+              curGradient.setAttribute('r', x);
+              break;
+            case 'opacity':
+              $this.paint.alpha = parseInt(x * 100);
+              previewRect.setAttribute('fill-opacity', x);
+              break;
+            case 'ellip':
+              scaleX = 1;
+              scaleY = 1;
+              if (x < 0.5) {
+                x /= 0.5; // 0.001
+                scaleX = x <= 0 ? 0.01 : x;
+              } else if (x > 0.5) {
+                x /= 0.5; // 2
+                x = 2 - x;
+                scaleY = x <= 0 ? 0.01 : x;
+              }
+              xform();
+              x -= 1;
+              if (scaleY === x + 1) {
+                x = Math.abs(x);
+              }
+              break;
+            case 'angle':
+              x = x - 0.5;
+              angle = x *= 180;
+              xform();
+              x /= 100;
+              break;
+          }
+          slider.elem.css({ 'margin-left': posx });
+          x = Math.round(x * 100);
+          slider.input.val(x);
+        };
+
+        var ellipVal = 0,
+            angleVal = 0;
+
+        if (curType === 'radialGradient') {
+          var tlist = curGradient.gradientTransform.baseVal;
+          if (tlist.numberOfItems === 2) {
+            var t = tlist.getItem(0);
+            var s = tlist.getItem(1);
+            if (t.type === 2 && s.type === 3) {
+              var m = s.matrix;
+              if (m.a !== 1) {
+                ellipVal = Math.round(-(1 - m.a) * 100);
+              } else if (m.d !== 1) {
+                ellipVal = Math.round((1 - m.d) * 100);
+              }
+            }
+          } else if (tlist.numberOfItems === 3) {
+            // Assume [R][T][S]
+            var r = tlist.getItem(0);
+            var _t = tlist.getItem(1);
+            var _s = tlist.getItem(2);
+
+            if (r.type === 4 && _t.type === 2 && _s.type === 3) {
+              angleVal = Math.round(r.angle);
+              var _m = _s.matrix;
+              if (_m.a !== 1) {
+                ellipVal = Math.round(-(1 - _m.a) * 100);
+              } else if (_m.d !== 1) {
+                ellipVal = Math.round((1 - _m.d) * 100);
+              }
+            }
+          }
+        }
+
+        var sliders = {
+          radius: {
+            handle: '#' + id + '_jGraduate_RadiusArrows',
+            input: '#' + id + '_jGraduate_RadiusInput',
+            val: (curGradient.getAttribute('r') || 0.5) * 100
+          },
+          opacity: {
+            handle: '#' + id + '_jGraduate_OpacArrows',
+            input: '#' + id + '_jGraduate_OpacInput',
+            val: $this.paint.alpha || 100
+          },
+          ellip: {
+            handle: '#' + id + '_jGraduate_EllipArrows',
+            input: '#' + id + '_jGraduate_EllipInput',
+            val: ellipVal
+          },
+          angle: {
+            handle: '#' + id + '_jGraduate_AngleArrows',
+            input: '#' + id + '_jGraduate_AngleInput',
+            val: angleVal
+          }
+        };
+
+        $.each(sliders, function (type, data) {
+          var handle = $(data.handle);
+          handle.mousedown(function (evt) {
+            var parent = handle.parent();
+            slider = {
+              type: type,
+              elem: handle,
+              input: $(data.input),
+              parent: parent,
+              offset: parent.offset()
+            };
+            $win.mousemove(dragSlider).mouseup(stopSlider);
+            evt.preventDefault();
+          });
+
+          $(data.input).val(data.val).change(function () {
+            var isRad = curType === 'radialGradient';
+            var val = +this.value;
+            var xpos = 0;
+            switch (type) {
+              case 'radius':
+                if (isRad) curGradient.setAttribute('r', val / 100);
+                xpos = Math.pow(val / 100, 1 / 2.5) / 2 * SLIDERW;
+                break;
+
+              case 'opacity':
+                $this.paint.alpha = val;
+                previewRect.setAttribute('fill-opacity', val / 100);
+                xpos = val * (SLIDERW / 100);
+                break;
+
+              case 'ellip':
+                scaleX = scaleY = 1;
+                if (val === 0) {
+                  xpos = SLIDERW * 0.5;
+                  break;
+                }
+                if (val > 99.5) val = 99.5;
+                if (val > 0) {
+                  scaleY = 1 - val / 100;
+                } else {
+                  scaleX = -(val / 100) - 1;
+                }
+
+                xpos = SLIDERW * ((val + 100) / 2) / 100;
+                if (isRad) xform();
+                break;
+
+              case 'angle':
+                angle = val;
+                xpos = angle / 180;
+                xpos += 0.5;
+                xpos *= SLIDERW;
+                if (isRad) xform();
+            }
+            if (xpos > SLIDERW) {
+              xpos = SLIDERW;
+            } else if (xpos < 0) {
+              xpos = 0;
+            }
+            handle.css({ 'margin-left': xpos - 5 });
+          }).change();
+        });
+
+        var dragSlider = function dragSlider(evt) {
+          setSlider(evt);
+          evt.preventDefault();
+        };
+
+        var stopSlider = function stopSlider(evt) {
+          $win.unbind('mousemove', dragSlider).unbind('mouseup', stopSlider);
+          slider = null;
+        };
+
+        // --------------
+        var thisAlpha = ($this.paint.alpha * 255 / 100).toString(16);
+        while (thisAlpha.length < 2) {
+          thisAlpha = '0' + thisAlpha;
+        }
+        thisAlpha = thisAlpha.split('.')[0];
+        color = $this.paint.solidColor === 'none' ? '' : $this.paint.solidColor + thisAlpha;
+
+        if (!isSolid) {
+          color = stops[0].getAttribute('stop-color');
+        }
+
+        // This should be done somewhere else, probably
+        $.extend($.fn.jPicker.defaults.window, {
+          alphaSupport: true, effects: { type: 'show', speed: 0 }
+        });
+
+        colPicker.jPicker({
+          window: { title: $settings.window.pickerTitle },
+          images: { clientPath: $settings.images.clientPath },
+          color: { active: color, alphaSupport: true }
+        }, function (color) {
+          $this.paint.type = 'solidColor';
+          $this.paint.alpha = color.val('ahex') ? Math.round(color.val('a') / 255 * 100) : 100;
+          $this.paint.solidColor = color.val('hex') ? color.val('hex') : 'none';
+          $this.paint.radialGradient = null;
+          okClicked();
+        }, null, function () {
+          cancelClicked();
+        });
+
+        var tabs = $(idref + ' .jGraduate_tabs li');
+        tabs.click(function () {
+          tabs.removeClass('jGraduate_tab_current');
+          $(this).addClass('jGraduate_tab_current');
+          $(idref + ' > div').hide();
+          var type = $(this).attr('data-type');
+          /* const container = */$(idref + ' .jGraduate_gradPick').show();
+          if (type === 'rg' || type === 'lg') {
+            // Show/hide appropriate fields
+            $('.jGraduate_' + type + '_field').show();
+            $('.jGraduate_' + (type === 'lg' ? 'rg' : 'lg') + '_field').hide();
+
+            $('#' + id + '_jgraduate_rect')[0].setAttribute('fill', 'url(#' + id + '_' + type + '_jgraduate_grad)');
+
+            // Copy stops
+
+            curType = type === 'lg' ? 'linearGradient' : 'radialGradient';
+
+            $('#' + id + '_jGraduate_OpacInput').val($this.paint.alpha).change();
+
+            var newGrad = $('#' + id + '_' + type + '_jgraduate_grad')[0];
+
+            if (curGradient !== newGrad) {
+              var curStops = $(curGradient).find('stop');
+              $(newGrad).empty().append(curStops);
+              curGradient = newGrad;
+              var sm = spreadMethodOpt.val();
+              curGradient.setAttribute('spreadMethod', sm);
+            }
+            showFocus = type === 'rg' && curGradient.getAttribute('fx') != null && !(cx === fx && cy === fy);
+            $('#' + id + '_jGraduate_focusCoord').toggle(showFocus);
+            if (showFocus) {
+              $('#' + id + '_jGraduate_match_ctr')[0].checked = false;
+            }
+          } else {
+            $(idref + ' .jGraduate_gradPick').hide();
+            $(idref + ' .jGraduate_colPick').show();
+          }
+        });
+        $(idref + ' > div').hide();
+        tabs.removeClass('jGraduate_tab_current');
+        var tab = void 0;
+        switch ($this.paint.type) {
+          case 'linearGradient':
+            tab = $(idref + ' .jGraduate_tab_lingrad');
+            break;
+          case 'radialGradient':
+            tab = $(idref + ' .jGraduate_tab_radgrad');
+            break;
+          default:
+            tab = $(idref + ' .jGraduate_tab_color');
+            break;
+        }
+        $this.show();
+
+        // jPicker will try to show after a 0ms timeout, so need to fire this after that
+        setTimeout(function () {
+          tab.addClass('jGraduate_tab_current').click();
+        }, 10);
+      });
+    };
+    return $;
+  }
+
+  /**
+   * SpinButton control
+   *
+   * Adds bells and whistles to any ordinary textbox to
+   * make it look and feel like a SpinButton Control.
+   *
+   * Supplies {@link external:jQuery.fn.SpinButton} (and also {@link external:jQuery.loadingStylesheets})
+   *
+   * Originally written by George Adamson, Software Unity (george.jquery@softwareunity.com) August 2006.
+   * - Added min/max options
+   * - Added step size option
+   * - Added bigStep (page up/down) option
+   *
+   * Modifications made by Mark Gibson, (mgibson@designlinks.net) September 2006:
+   * - Converted to jQuery plugin
+   * - Allow limited or unlimited min/max values
+   * - Allow custom class names, and add class to input element
+   * - Removed global vars
+   * - Reset (to original or through config) when invalid value entered
+   * - Repeat whilst holding mouse button down (with initial pause, like keyboard repeat)
+   * - Support mouse wheel in Firefox
+   * - Fix double click in IE
+   * - Refactored some code and renamed some vars
+   *
+   * Modifications by Jeff Schiller, June 2009:
+   * - provide callback function for when the value changes based on the following
+   *   {@link https://www.mail-archive.com/jquery-en@googlegroups.com/msg36070.html}
+   *
+   * Modifications by Jeff Schiller, July 2009:
+   * - improve styling for widget in Opera
+   * - consistent key-repeat handling cross-browser
+   *
+   * Modifications by Alexis Deveria, October 2009:
+   * - provide "stepfunc" callback option to allow custom function to run when changing a value
+   * - Made adjustValue(0) only run on certain keyup events, not all.
+   *
+   * Tested in IE6, Opera9, Firefox 1.5
+   *
+   * | Version | Date | Author | Notes
+   * |---------|------|--------|------|
+   * | v1.0 | 11 Aug 2006 | George Adamson | First release
+   * | v1.1 | Aug 2006 | George Adamson | Minor enhancements
+   * | v1.2 | 27 Sep 2006 | Mark Gibson | Major enhancements
+   * | v1.3a | 28 Sep 2006 | George Adamson | Minor enhancements
+   * | v1.4 | 18 Jun 2009 | Jeff Schiller | Added callback function
+   * | v1.5 | 06 Jul 2009 | Jeff Schiller | Fixes for Opera.
+   * | v1.6 | 13 Oct 2009 | Alexis Deveria | Added stepfunc function
+   * | v1.7 | 21 Oct 2009 | Alexis Deveria | Minor fixes.<br />Fast-repeat for keys and live updating as you type.
+   * | v1.8 | 12 Jan 2010 | Benjamin Thomas | Fixes for mouseout behavior.<br />Added smallStep
+   * | v1.9 | 20 May 2018 | Brett Zamir | Avoid SVGEdit dependency via `stateObj` config;<br />convert to ES6 module |
+   * @module jQuerySpinButton
+   * @example
+
+    // Create group of settings to initialise spinbutton(s). (Optional)
+    const myOptions = {
+      min: 0, // Set lower limit.
+      max: 100, // Set upper limit.
+      step: 1, // Set increment size.
+      smallStep: 0.5, // Set shift-click increment size.
+      stateObj: {tool_scale: 1}, // Object to allow passing in live-updating scale
+      spinClass: mySpinBtnClass, // CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
+      upClass: mySpinUpClass, // CSS class for style when mouse over up button.
+      downClass: mySpinDnClass // CSS class for style when mouse over down button.
+    };
+
+    $(function () {
+      // Initialise INPUT element(s) as SpinButtons: (passing options if desired)
+      $("#myInputElement").SpinButton(myOptions);
+    });
+   */
+  /**
+   * @function module:jQuerySpinButton.jQuerySpinButton
+   * @param {external:jQuery} $ The jQuery object to which to add the plug-in
+   * @returns {external:jQuery}
+  */
+  function jqPluginSpinBtn ($) {
+    if (!$.loadingStylesheets) {
+      $.loadingStylesheets = [];
+    }
+    var stylesheet = 'spinbtn/jQuery.SpinButton.css';
+    if (!$.loadingStylesheets.includes(stylesheet)) {
+      $.loadingStylesheets.push(stylesheet);
+    }
+    /**
+    * @callback module:jQuerySpinButton.StepCallback
+    * @param {external:jQuery} thisArg Value of `this`
+    */
+    /**
+    * @callback module:jQuerySpinButton.ValueCallback
+    * @param {external:jQuery} thisArg Value of `this`
+    * @param {Float} value Value that was changed
+    */
+    /**
+     * @typedef {PlainObject} module:jQuerySpinButton.SpinButtonConfig
+     * @property {Float} min Set lower limit
+     * @property {Float} max Set upper limit.
+     * @property {Float} step Set increment size.
+     * @property {module:jQuerySpinButton.StepCallback} stepfunc Custom function to run when changing a value; called with `this` of object and the value to adjust
+     * @property {module:jQuerySpinButton.ValueCallback} callback Called after value adjusted (with `this` of object)
+     * @property {Float} smallStep Set shift-click increment size.
+     * @property {PlainObject} stateObj Object to allow passing in live-updating scale
+     * @property {Float} stateObj.tool_scale
+     * @property {string} spinClass CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
+     * @property {string} upClass CSS class for style when mouse over up button.
+     * @property {string} downClass CSS class for style when mouse over down button.
+     * @property {Float} page Value to be adjusted on page up/page down
+     * @property {Float} reset Reset value when invalid value entered
+     * @property {Float} delay Millisecond delay
+     * @property {Float} interval Millisecond interval
+    */
+    /**
+    * @function external:jQuery.fn.SpinButton
+    * @param {module:jQuerySpinButton.SpinButtonConfig} cfg
+    * @returns {external:jQuery}
+    */
+    $.fn.SpinButton = function (cfg) {
+      cfg = cfg || {};
+      function coord(el, prop) {
+        var b = document.body;
+
+        var c = el[prop];
+        while ((el = el.offsetParent) && el !== b) {
+          if (!$.browser.msie || el.currentStyle.position !== 'relative') {
+            c += el[prop];
+          }
+        }
+
+        return c;
+      }
+
+      return this.each(function () {
+        this.repeating = false;
+
+        // Apply specified options or defaults:
+        // (Ought to refactor this some day to use $.extend() instead)
+        this.spinCfg = {
+          // min: cfg.min ? Number(cfg.min) : null,
+          // max: cfg.max ? Number(cfg.max) : null,
+          min: !isNaN(parseFloat(cfg.min)) ? Number(cfg.min) : null, // Fixes bug with min:0
+          max: !isNaN(parseFloat(cfg.max)) ? Number(cfg.max) : null,
+          step: cfg.step ? Number(cfg.step) : 1,
+          stepfunc: cfg.stepfunc || false,
+          page: cfg.page ? Number(cfg.page) : 10,
+          upClass: cfg.upClass || 'up',
+          downClass: cfg.downClass || 'down',
+          reset: cfg.reset || this.value,
+          delay: cfg.delay ? Number(cfg.delay) : 500,
+          interval: cfg.interval ? Number(cfg.interval) : 100,
+          _btn_width: 20,
+          _direction: null,
+          _delay: null,
+          _repeat: null,
+          callback: cfg.callback || null
+        };
+
+        // if a smallStep isn't supplied, use half the regular step
+        this.spinCfg.smallStep = cfg.smallStep || this.spinCfg.step / 2;
+
+        this.adjustValue = function (i) {
+          var v = void 0;
+          if (isNaN(this.value)) {
+            v = this.spinCfg.reset;
+          } else if (typeof this.spinCfg.stepfunc === 'function') {
+            v = this.spinCfg.stepfunc(this, i);
+          } else {
+            // weirdest JavaScript bug ever: 5.1 + 0.1 = 5.199999999
+            v = Number((Number(this.value) + Number(i)).toFixed(5));
+          }
+          if (this.spinCfg.min !== null) {
+            v = Math.max(v, this.spinCfg.min);
+          }
+          if (this.spinCfg.max !== null) {
+            v = Math.min(v, this.spinCfg.max);
+          }
+          this.value = v;
+          if (typeof this.spinCfg.callback === 'function') {
+            this.spinCfg.callback(this);
+          }
+        };
+
+        $(this).addClass(cfg.spinClass || 'spin-button').mousemove(function (e) {
+          // Determine which button mouse is over, or not (spin direction):
+          var x = e.pageX || e.x;
+          var y = e.pageY || e.y;
+          var el = e.target;
+          var scale = cfg.stateObj.tool_scale || 1;
+          var height = $(el).height() / 2;
+
+          var direction = x > coord(el, 'offsetLeft') + el.offsetWidth * scale - this.spinCfg._btn_width ? y < coord(el, 'offsetTop') + height * scale ? 1 : -1 : 0;
+
+          if (direction !== this.spinCfg._direction) {
+            // Style up/down buttons:
+            switch (direction) {
+              case 1:
+                // Up arrow:
+                $(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);
+                break;
+              case -1:
+                // Down arrow:
+                $(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);
+                break;
+              default:
+                // Mouse is elsewhere in the textbox
+                $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
+            }
+
+            // Set spin direction:
+            this.spinCfg._direction = direction;
+          }
+        }).mouseout(function () {
+          // Reset up/down buttons to their normal appearance when mouse moves away:
+          $(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
+          this.spinCfg._direction = null;
+          window.clearInterval(this.spinCfg._repeat);
+          window.clearTimeout(this.spinCfg._delay);
+        }).mousedown(function (e) {
+          var _this = this;
+
+          if (e.button === 0 && this.spinCfg._direction !== 0) {
+            // Respond to click on one of the buttons:
+            var stepSize = e.shiftKey ? this.spinCfg.smallStep : this.spinCfg.step;
+
+            var adjust = function adjust() {
+              _this.adjustValue(_this.spinCfg._direction * stepSize);
+            };
+
+            adjust();
+
+            // Initial delay before repeating adjustment
+            this.spinCfg._delay = window.setTimeout(function () {
+              adjust();
+              // Repeat adjust at regular intervals
+              _this.spinCfg._repeat = window.setInterval(adjust, _this.spinCfg.interval);
+            }, this.spinCfg.delay);
+          }
+        }).mouseup(function (e) {
+          // Cancel repeating adjustment
+          window.clearInterval(this.spinCfg._repeat);
+          window.clearTimeout(this.spinCfg._delay);
+        }).dblclick(function (e) {
+          if ($.browser.msie) {
+            this.adjustValue(this.spinCfg._direction * this.spinCfg.step);
+          }
+        }).keydown(function (e) {
+          // Respond to up/down arrow keys.
+          switch (e.keyCode) {
+            case 38:
+              this.adjustValue(this.spinCfg.step);break; // Up
+            case 40:
+              this.adjustValue(-this.spinCfg.step);break; // Down
+            case 33:
+              this.adjustValue(this.spinCfg.page);break; // PageUp
+            case 34:
+              this.adjustValue(-this.spinCfg.page);break; // PageDown
+          }
+        })
+
+        /*
+        http://unixpapa.com/js/key.html describes the current state-of-affairs for
+        key repeat events:
+        - Safari 3.1 changed their model so that keydown is reliably repeated going forward
+        - Firefox and Opera still only repeat the keypress event, not the keydown
+        */
+        .keypress(function (e) {
+          if (this.repeating) {
+            // Respond to up/down arrow keys.
+            switch (e.keyCode) {
+              case 38:
+                this.adjustValue(this.spinCfg.step);break; // Up
+              case 40:
+                this.adjustValue(-this.spinCfg.step);break; // Down
+              case 33:
+                this.adjustValue(this.spinCfg.page);break; // PageUp
+              case 34:
+                this.adjustValue(-this.spinCfg.page);break; // PageDown
+            }
+            // we always ignore the first keypress event (use the keydown instead)
+          } else {
+            this.repeating = true;
+          }
+        })
+
+        // clear the 'repeating' flag
+        .keyup(function (e) {
+          this.repeating = false;
+          switch (e.keyCode) {
+            case 38: // Up
+            case 40: // Down
+            case 33: // PageUp
+            case 34: // PageDown
+            case 13:
+              this.adjustValue(0);break; // Enter/Return
+          }
+        }).bind('mousewheel', function (e) {
+          // Respond to mouse wheel in IE. (It returns up/dn motion in multiples of 120)
+          if (e.wheelDelta >= 120) {
+            this.adjustValue(this.spinCfg.step);
+          } else if (e.wheelDelta <= -120) {
+            this.adjustValue(-this.spinCfg.step);
+          }
+
+          e.preventDefault();
+        }).change(function (e) {
+          this.adjustValue(0);
+        });
+
+        if (this.addEventListener) {
+          // Respond to mouse wheel in Firefox
+          this.addEventListener('DOMMouseScroll', function (e) {
+            if (e.detail > 0) {
+              this.adjustValue(-this.spinCfg.step);
+            } else if (e.detail < 0) {
+              this.adjustValue(this.spinCfg.step);
+            }
+
+            e.preventDefault();
+          }, false);
+        }
+      });
+    };
+    return $;
+  }
+
+  /**
+   * jQuery Context Menu Plugin
+   * Cory S.N. LaViska
+   * A Beautiful Site ({@link https://abeautifulsite.net/})
+   * Modified by Alexis Deveria
+   *
+   * More info: {@link https://abeautifulsite.net/2008/09/jquery-context-menu-plugin/}
+   *
+   * @module jQueryContextMenu
+   * @todo Update to latest version and adapt (and needs jQuery update as well): {@link https://github.com/swisnl/jQuery-contextMenu}
+   * @version 1.01
+   *
+   * @license
+   * Terms of Use
+   *
+   * This plugin is dual-licensed under the GNU General Public License
+   *   and the MIT License and is copyright A Beautiful Site, LLC.
+   *
+  */
+
+  /**
+  * @callback module:jQueryContextMenu.jQueryContextMenuCallback
+  * @param {string} href The `href` value after the first character (for bypassing an initial `#`)
+  * @param {external:jQuery} srcElement The wrapped jQuery srcElement
+  * @param {{x: Float, y: Float, docX: Float, docY: Float}} coords
+  */
+
+  /**
+  * @typedef {PlainObject} module:jQueryContextMenu.jQueryContextMenuConfig
+  * @property {string} menu
+  * @property {Float} inSpeed
+  * @property {Float} outSpeed
+  * @property {boolean} allowLeft
+  */
+
+  /**
+  * Adds {@link external:jQuery.fn.contextMenu}, {@link external:jQuery.fn.disableContextMenuItems}, {@link external:jQuery.fn.enableContextMenuItems}, {@link external:jQuery.fn.disableContextMenu}, {@link external:jQuery.fn.enableContextMenu}, {@link external:jQuery.fn.destroyContextMenu}
+  * @function module:jQueryContextMenu.jQueryContextMenu
+  * @param {external:jQuery} $ The jQuery object to wrap (with `contextMenu`, `disableContextMenuItems`, `enableContextMenuItems`, `disableContextMenu`, `enableContextMenu`, `destroyContextMenu`)
+  * @returns {external:jQuery}
+  */
+  function jQueryContextMenu($) {
+    var win = $(window);
+    var doc = $(document);
+
+    $.extend($.fn, {
+      /**
+      * @memberof external:jQuery.fn
+      * @param {module:jQueryContextMenu.jQueryContextMenuConfig} o
+      * @param {module:jQueryContextMenu.jQueryContextMenuCallback} callback
+      * @returns {external:jQuery}
+      */
+      contextMenu: function contextMenu(o, callback) {
+        // Defaults
+        if (o.menu === undefined) return false;
+        if (o.inSpeed === undefined) o.inSpeed = 150;
+        if (o.outSpeed === undefined) o.outSpeed = 75;
+        // 0 needs to be -1 for expected results (no fade)
+        if (o.inSpeed === 0) o.inSpeed = -1;
+        if (o.outSpeed === 0) o.outSpeed = -1;
+        // Loop each context menu
+        $(this).each(function () {
+          var el = $(this);
+          var offset = $(el).offset();
+
+          var menu = $('#' + o.menu);
+
+          // Add contextMenu class
+          menu.addClass('contextMenu');
+          // Simulate a true right click
+          $(this).bind('mousedown', function (e) {
+            var evt = e;
+            $(this).mouseup(function (e) {
+              var srcElement = $(this);
+              srcElement.unbind('mouseup');
+              if (evt.button === 2 || o.allowLeft || evt.ctrlKey && isMac()) {
+                e.stopPropagation();
+                // Hide context menus that may be showing
+                $('.contextMenu').hide();
+                // Get this context menu
+
+                if (el.hasClass('disabled')) return false;
+
+                // Detect mouse position
+                var x = e.pageX,
+                    y = e.pageY;
+
+                var xOff = win.width() - menu.width(),
+                    yOff = win.height() - menu.height();
+
+                if (x > xOff - 15) x = xOff - 15;
+                if (y > yOff - 30) y = yOff - 30; // 30 is needed to prevent scrollbars in FF
+
+                // Show the menu
+                doc.unbind('click');
+                menu.css({ top: y, left: x }).fadeIn(o.inSpeed);
+                // Hover events
+                menu.find('A').mouseover(function () {
+                  menu.find('LI.hover').removeClass('hover');
+                  $(this).parent().addClass('hover');
+                }).mouseout(function () {
+                  menu.find('LI.hover').removeClass('hover');
+                });
+
+                // Keyboard
+                doc.keypress(function (e) {
+                  switch (e.keyCode) {
+                    case 38:
+                      // up
+                      if (!menu.find('LI.hover').length) {
+                        menu.find('LI:last').addClass('hover');
+                      } else {
+                        menu.find('LI.hover').removeClass('hover').prevAll('LI:not(.disabled)').eq(0).addClass('hover');
+                        if (!menu.find('LI.hover').length) menu.find('LI:last').addClass('hover');
+                      }
+                      break;
+                    case 40:
+                      // down
+                      if (!menu.find('LI.hover').length) {
+                        menu.find('LI:first').addClass('hover');
+                      } else {
+                        menu.find('LI.hover').removeClass('hover').nextAll('LI:not(.disabled)').eq(0).addClass('hover');
+                        if (!menu.find('LI.hover').length) menu.find('LI:first').addClass('hover');
+                      }
+                      break;
+                    case 13:
+                      // enter
+                      menu.find('LI.hover A').trigger('click');
+                      break;
+                    case 27:
+                      // esc
+                      doc.trigger('click');
+                      break;
+                  }
+                });
+
+                // When items are selected
+                menu.find('A').unbind('mouseup');
+                menu.find('LI:not(.disabled) A').mouseup(function () {
+                  doc.unbind('click').unbind('keypress');
+                  $('.contextMenu').hide();
+                  // Callback
+                  if (callback) {
+                    callback($(this).attr('href').substr(1), $(srcElement), { x: x - offset.left, y: y - offset.top, docX: x, docY: y });
+                  }
+                  return false;
+                });
+
+                // Hide bindings
+                setTimeout(function () {
+                  // Delay for Mozilla
+                  doc.click(function () {
+                    doc.unbind('click').unbind('keypress');
+                    menu.fadeOut(o.outSpeed);
+                    return false;
+                  });
+                }, 0);
+              }
+            });
+          });
+
+          // Disable text selection
+          if ($.browser.mozilla) {
+            $('#' + o.menu).each(function () {
+              $(this).css({ MozUserSelect: 'none' });
+            });
+          } else if ($.browser.msie) {
+            $('#' + o.menu).each(function () {
+              $(this).bind('selectstart.disableTextSelect', function () {
+                return false;
+              });
+            });
+          } else {
+            $('#' + o.menu).each(function () {
+              $(this).bind('mousedown.disableTextSelect', function () {
+                return false;
+              });
+            });
+          }
+          // Disable browser context menu (requires both selectors to work in IE/Safari + FF/Chrome)
+          $(el).add($('UL.contextMenu')).bind('contextmenu', function () {
+            return false;
+          });
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Disable context menu items on the fly
+      * @memberof external:jQuery.fn
+      * @param {undefined|string} o Comma-separated
+      * @returns {external:jQuery}
+      */
+      disableContextMenuItems: function disableContextMenuItems(o) {
+        if (o === undefined) {
+          // Disable all
+          $(this).find('LI').addClass('disabled');
+          return $(this);
+        }
+        $(this).each(function () {
+          if (o !== undefined) {
+            var d = o.split(',');
+            for (var i = 0; i < d.length; i++) {
+              $(this).find('A[href="' + d[i] + '"]').parent().addClass('disabled');
+            }
+          }
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Enable context menu items on the fly
+      * @memberof external:jQuery.fn
+      * @param {undefined|string} o Comma-separated
+      * @returns {external:jQuery}
+      */
+      enableContextMenuItems: function enableContextMenuItems(o) {
+        if (o === undefined) {
+          // Enable all
+          $(this).find('LI.disabled').removeClass('disabled');
+          return $(this);
+        }
+        $(this).each(function () {
+          if (o !== undefined) {
+            var d = o.split(',');
+            for (var i = 0; i < d.length; i++) {
+              $(this).find('A[href="' + d[i] + '"]').parent().removeClass('disabled');
+            }
+          }
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Disable context menu(s)
+      * @memberof external:jQuery.fn
+      * @returns {external:jQuery}
+      */
+      disableContextMenu: function disableContextMenu() {
+        $(this).each(function () {
+          $(this).addClass('disabled');
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Enable context menu(s)
+      * @memberof external:jQuery.fn
+      * @returns {external:jQuery}
+      */
+      enableContextMenu: function enableContextMenu() {
+        $(this).each(function () {
+          $(this).removeClass('disabled');
+        });
+        return $(this);
+      },
+
+
+      /**
+      * Destroy context menu(s)
+      * @memberof external:jQuery.fn
+      * @returns {external:jQuery}
+      */
+      destroyContextMenu: function destroyContextMenu() {
+        // Destroy specified context menus
+        $(this).each(function () {
+          // Disable action
+          $(this).unbind('mousedown').unbind('mouseup');
+        });
+        return $(this);
+      }
+    });
+    return $;
+  }
+
+  /**
+   * jPicker (Adapted from version 1.1.6)
+   *
+   * jQuery Plugin for Photoshop style color picker
+   *
+   * @module jPicker
+   * @copyright (c) 2010 Christopher T. Tillman
+   * Digital Magic Productions, Inc. ({@link http://www.digitalmagicpro.com/})
+   * FREE to use, alter, copy, sell, and especially ENHANCE
+   * @license MIT
+   *
+   * Painstakingly ported from John Dyers' excellent work on his own color picker based on the Prototype framework.
+   *
+   * John Dyers' website: {@link http://johndyer.name}
+   * Color Picker page: {@link http://johndyer.name/photoshop-like-javascript-color-picker/}
+   */
+
+  /**
+  * @external Math
+  */
+  /**
+  * @memberof external:Math
+  * @param {Float} value
+  * @param {Float} precision
+  * @returns {Float}
+  */
+  Math.precision = function (value, precision) {
+    if (precision === undefined) precision = 0;
+    return Math.round(value * Math.pow(10, precision)) / Math.pow(10, precision);
+  };
+
+  /**
+  * @function module:jPicker.jPicker
+  * @param {external:jQuery} $ The jQuery object to wrap (with {@link external:jQuery.loadingStylesheets}, {@link external:jQuery.fn.$.fn.jPicker}, {@link external:jQuery.fn.$.fn.jPicker.defaults})
+  * @returns {external:jQuery}
+  */
+  var jPicker = function jPicker($) {
+    if (!$.loadingStylesheets) {
+      /**
+      * @name loadingStylesheets
+      * @type {string[]}
+      * @memberof external:jQuery
+      */
+      $.loadingStylesheets = [];
+    }
+    var stylesheet = 'jgraduate/css/jPicker.css';
+    if (!$.loadingStylesheets.includes(stylesheet)) {
+      $.loadingStylesheets.push(stylesheet);
+    }
+    /**
+    * @typedef {PlainObject} module:jPicker.SliderOptions
+    * @property {external:jQuery|PlainObject} arrow
+    * @property {string} arrow.image Not in use?
+    * @property {Float} arrow.width
+    * @property {Float} arrow.height
+    * @property {PlainObject} map
+    * @property {Float} map.width
+    * @property {Float} map.height
+    */
+
+    /**
+    * Encapsulate slider functionality for the ColorMap and ColorBar -
+    * could be useful to use a jQuery UI draggable for this with certain extensions
+    * @param {external:jQuery} bar
+    * @param {module:jPicker.SliderOptions} options
+    */
+    function Slider(bar, options) {
+      var $this = this;
+      function fireChangeEvents(context) {
+        for (var i = 0; i < changeEvents.length; i++) {
+          changeEvents[i].call($this, $this, context);
+        }
+      }
+      // bind the mousedown to the bar not the arrow for quick snapping to the clicked location
+      function mouseDown(e) {
+        var off = bar.offset();
+        offset = { l: off.left | 0, t: off.top | 0 };
+        clearTimeout(timeout);
+        // using setTimeout for visual updates - once the style is updated the browser will re-render internally allowing the next Javascript to run
+        timeout = setTimeout(function () {
+          setValuesFromMousePosition.call($this, e);
+        }, 0);
+        // Bind mousemove and mouseup event to the document so it responds when dragged of of the bar - we will unbind these when on mouseup to save processing
+        $(document).bind('mousemove', mouseMove).bind('mouseup', mouseUp);
+        e.preventDefault(); // don't try to select anything or drag the image to the desktop
+      }
+      // set the values as the mouse moves
+      function mouseMove(e) {
+        clearTimeout(timeout);
+        timeout = setTimeout(function () {
+          setValuesFromMousePosition.call($this, e);
+        }, 0);
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+      }
+      // unbind the document events - they aren't needed when not dragging
+      function mouseUp(e) {
+        $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+      }
+      // calculate mouse position and set value within the current range
+      function setValuesFromMousePosition(e) {
+        var barW = bar.w,
+            // local copies for YUI compressor
+        barH = bar.h;
+        var locX = e.pageX - offset.l,
+            locY = e.pageY - offset.t;
+        // keep the arrow within the bounds of the bar
+        if (locX < 0) locX = 0;else if (locX > barW) locX = barW;
+        if (locY < 0) locY = 0;else if (locY > barH) locY = barH;
+        val.call($this, 'xy', { x: locX / barW * rangeX + minX, y: locY / barH * rangeY + minY });
+      }
+      function draw() {
+        var barW = bar.w,
+            barH = bar.h,
+            arrowW = arrow.w,
+            arrowH = arrow.h;
+        var arrowOffsetX = 0,
+            arrowOffsetY = 0;
+        setTimeout(function () {
+          if (rangeX > 0) {
+            // range is greater than zero
+            // constrain to bounds
+            if (x === maxX) arrowOffsetX = barW;else arrowOffsetX = x / rangeX * barW | 0;
+          }
+          if (rangeY > 0) {
+            // range is greater than zero
+            // constrain to bounds
+            if (y === maxY) arrowOffsetY = barH;else arrowOffsetY = y / rangeY * barH | 0;
+          }
+          // if arrow width is greater than bar width, center arrow and prevent horizontal dragging
+          if (arrowW >= barW) arrowOffsetX = (barW >> 1) - (arrowW >> 1); // number >> 1 - superfast bitwise divide by two and truncate (move bits over one bit discarding lowest)
+          else arrowOffsetX -= arrowW >> 1;
+          // if arrow height is greater than bar height, center arrow and prevent vertical dragging
+          if (arrowH >= barH) arrowOffsetY = (barH >> 1) - (arrowH >> 1);else arrowOffsetY -= arrowH >> 1;
+          // set the arrow position based on these offsets
+          arrow.css({ left: arrowOffsetX + 'px', top: arrowOffsetY + 'px' });
+        }, 0);
+      }
+      function val(name, value, context) {
+        var set$$1 = value !== undefined;
+        if (!set$$1) {
+          if (name === undefined || name == null) name = 'xy';
+          switch (name.toLowerCase()) {
+            case 'x':
+              return x;
+            case 'y':
+              return y;
+            case 'xy':
+            default:
+              return { x: x, y: y };
+          }
+        }
+        if (context != null && context === $this) return;
+        var changed = false;
+
+        var newX = void 0,
+            newY = void 0;
+        if (name == null) name = 'xy';
+        switch (name.toLowerCase()) {
+          case 'x':
+            newX = value && (value.x && value.x | 0 || value | 0) || 0;
+            break;
+          case 'y':
+            newY = value && (value.y && value.y | 0 || value | 0) || 0;
+            break;
+          case 'xy':
+          default:
+            newX = value && value.x && value.x | 0 || 0;
+            newY = value && value.y && value.y | 0 || 0;
+            break;
+        }
+        if (newX != null) {
+          if (newX < minX) newX = minX;else if (newX > maxX) newX = maxX;
+          if (x !== newX) {
+            x = newX;
+            changed = true;
+          }
+        }
+        if (newY != null) {
+          if (newY < minY) newY = minY;else if (newY > maxY) newY = maxY;
+          if (y !== newY) {
+            y = newY;
+            changed = true;
+          }
+        }
+        changed && fireChangeEvents.call($this, context || $this);
+      }
+      function range(name, value) {
+        var set$$1 = value !== undefined;
+        if (!set$$1) {
+          if (name === undefined || name == null) name = 'all';
+          switch (name.toLowerCase()) {
+            case 'minx':
+              return minX;
+            case 'maxx':
+              return maxX;
+            case 'rangex':
+              return { minX: minX, maxX: maxX, rangeX: rangeX };
+            case 'miny':
+              return minY;
+            case 'maxy':
+              return maxY;
+            case 'rangey':
+              return { minY: minY, maxY: maxY, rangeY: rangeY };
+            case 'all':
+            default:
+              return { minX: minX, maxX: maxX, rangeX: rangeX, minY: minY, maxY: maxY, rangeY: rangeY };
+          }
+        }
+        var // changed = false,
+        newMinX = void 0,
+            newMaxX = void 0,
+            newMinY = void 0,
+            newMaxY = void 0;
+        if (name == null) name = 'all';
+        switch (name.toLowerCase()) {
+          case 'minx':
+            newMinX = value && (value.minX && value.minX | 0 || value | 0) || 0;
+            break;
+          case 'maxx':
+            newMaxX = value && (value.maxX && value.maxX | 0 || value | 0) || 0;
+            break;
+          case 'rangex':
+            newMinX = value && value.minX && value.minX | 0 || 0;
+            newMaxX = value && value.maxX && value.maxX | 0 || 0;
+            break;
+          case 'miny':
+            newMinY = value && (value.minY && value.minY | 0 || value | 0) || 0;
+            break;
+          case 'maxy':
+            newMaxY = value && (value.maxY && value.maxY | 0 || value | 0) || 0;
+            break;
+          case 'rangey':
+            newMinY = value && value.minY && value.minY | 0 || 0;
+            newMaxY = value && value.maxY && value.maxY | 0 || 0;
+            break;
+          case 'all':
+          default:
+            newMinX = value && value.minX && value.minX | 0 || 0;
+            newMaxX = value && value.maxX && value.maxX | 0 || 0;
+            newMinY = value && value.minY && value.minY | 0 || 0;
+            newMaxY = value && value.maxY && value.maxY | 0 || 0;
+            break;
+        }
+        if (newMinX != null && minX !== newMinX) {
+          minX = newMinX;
+          rangeX = maxX - minX;
+        }
+        if (newMaxX != null && maxX !== newMaxX) {
+          maxX = newMaxX;
+          rangeX = maxX - minX;
+        }
+        if (newMinY != null && minY !== newMinY) {
+          minY = newMinY;
+          rangeY = maxY - minY;
+        }
+        if (newMaxY != null && maxY !== newMaxY) {
+          maxY = newMaxY;
+          rangeY = maxY - minY;
+        }
+      }
+      function bind(callback) {
+        if (typeof callback === 'function') changeEvents.push(callback);
+      }
+      function unbind(callback) {
+        if (typeof callback !== 'function') return;
+        var i = void 0;
+        while (i = changeEvents.includes(callback)) {
+          changeEvents.splice(i, 1);
+        }
+      }
+      function destroy() {
+        // unbind all possible events and null objects
+        $(document).unbind('mouseup', mouseUp).unbind('mousemove', mouseMove);
+        bar.unbind('mousedown', mouseDown);
+        bar = null;
+        arrow = null;
+        changeEvents = null;
+      }
+      var offset = void 0,
+          timeout = void 0,
+          x = 0,
+          y = 0,
+          minX = 0,
+          maxX = 100,
+          rangeX = 100,
+          minY = 0,
+          maxY = 100,
+          rangeY = 100,
+          arrow = bar.find('img:first'),
+          // the arrow image to drag
+      changeEvents = [];
+
+      $.extend(true, $this, // public properties, methods, and event bindings - these we need to access from other controls
+      {
+        val: val,
+        range: range,
+        bind: bind,
+        unbind: unbind,
+        destroy: destroy
+      });
+      // initialize this control
+      arrow.src = options.arrow && options.arrow.image;
+      arrow.w = options.arrow && options.arrow.width || arrow.width();
+      arrow.h = options.arrow && options.arrow.height || arrow.height();
+      bar.w = options.map && options.map.width || bar.width();
+      bar.h = options.map && options.map.height || bar.height();
+      // bind mousedown event
+      bar.bind('mousedown', mouseDown);
+      bind.call($this, draw);
+    }
+    // controls for all the input elements for the typing in color values
+    function ColorValuePicker(picker, color, bindedHex, alphaPrecision) {
+      var $this = this; // private properties and methods
+      var inputs = picker.find('td.Text input');
+      // input box key down - use arrows to alter color
+      function keyDown(e) {
+        if (e.target.value === '' && e.target !== hex.get(0) && (bindedHex != null && e.target !== bindedHex.get(0) || bindedHex == null)) return;
+        if (!validateKey(e)) return e;
+        switch (e.target) {
+          case red.get(0):
+            switch (e.keyCode) {
+              case 38:
+                red.val(setValueInRange.call($this, (red.val() << 0) + 1, 0, 255));
+                color.val('r', red.val(), e.target);
+                return false;
+              case 40:
+                red.val(setValueInRange.call($this, (red.val() << 0) - 1, 0, 255));
+                color.val('r', red.val(), e.target);
+                return false;
+            }
+            break;
+          case green.get(0):
+            switch (e.keyCode) {
+              case 38:
+                green.val(setValueInRange.call($this, (green.val() << 0) + 1, 0, 255));
+                color.val('g', green.val(), e.target);
+                return false;
+              case 40:
+                green.val(setValueInRange.call($this, (green.val() << 0) - 1, 0, 255));
+                color.val('g', green.val(), e.target);
+                return false;
+            }
+            break;
+          case blue.get(0):
+            switch (e.keyCode) {
+              case 38:
+                blue.val(setValueInRange.call($this, (blue.val() << 0) + 1, 0, 255));
+                color.val('b', blue.val(), e.target);
+                return false;
+              case 40:
+                blue.val(setValueInRange.call($this, (blue.val() << 0) - 1, 0, 255));
+                color.val('b', blue.val(), e.target);
+                return false;
+            }
+            break;
+          case alpha && alpha.get(0):
+            switch (e.keyCode) {
+              case 38:
+                alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) + 1, 0, 100));
+                color.val('a', Math.precision(alpha.val() * 255 / 100, alphaPrecision), e.target);
+                return false;
+              case 40:
+                alpha.val(setValueInRange.call($this, parseFloat(alpha.val()) - 1, 0, 100));
+                color.val('a', Math.precision(alpha.val() * 255 / 100, alphaPrecision), e.target);
+                return false;
+            }
+            break;
+          case hue.get(0):
+            switch (e.keyCode) {
+              case 38:
+                hue.val(setValueInRange.call($this, (hue.val() << 0) + 1, 0, 360));
+                color.val('h', hue.val(), e.target);
+                return false;
+              case 40:
+                hue.val(setValueInRange.call($this, (hue.val() << 0) - 1, 0, 360));
+                color.val('h', hue.val(), e.target);
+                return false;
+            }
+            break;
+          case saturation.get(0):
+            switch (e.keyCode) {
+              case 38:
+                saturation.val(setValueInRange.call($this, (saturation.val() << 0) + 1, 0, 100));
+                color.val('s', saturation.val(), e.target);
+                return false;
+              case 40:
+                saturation.val(setValueInRange.call($this, (saturation.val() << 0) - 1, 0, 100));
+                color.val('s', saturation.val(), e.target);
+                return false;
+            }
+            break;
+          case value.get(0):
+            switch (e.keyCode) {
+              case 38:
+                value.val(setValueInRange.call($this, (value.val() << 0) + 1, 0, 100));
+                color.val('v', value.val(), e.target);
+                return false;
+              case 40:
+                value.val(setValueInRange.call($this, (value.val() << 0) - 1, 0, 100));
+                color.val('v', value.val(), e.target);
+                return false;
+            }
+            break;
+        }
+      }
+      // input box key up - validate value and set color
+      function keyUp(e) {
+        if (e.target.value === '' && e.target !== hex.get(0) && (bindedHex != null && e.target !== bindedHex.get(0) || bindedHex == null)) return;
+        if (!validateKey(e)) return e;
+        switch (e.target) {
+          case red.get(0):
+            red.val(setValueInRange.call($this, red.val(), 0, 255));
+            color.val('r', red.val(), e.target);
+            break;
+          case green.get(0):
+            green.val(setValueInRange.call($this, green.val(), 0, 255));
+            color.val('g', green.val(), e.target);
+            break;
+          case blue.get(0):
+            blue.val(setValueInRange.call($this, blue.val(), 0, 255));
+            color.val('b', blue.val(), e.target);
+            break;
+          case alpha && alpha.get(0):
+            alpha.val(setValueInRange.call($this, alpha.val(), 0, 100));
+            color.val('a', Math.precision(alpha.val() * 255 / 100, alphaPrecision), e.target);
+            break;
+          case hue.get(0):
+            hue.val(setValueInRange.call($this, hue.val(), 0, 360));
+            color.val('h', hue.val(), e.target);
+            break;
+          case saturation.get(0):
+            saturation.val(setValueInRange.call($this, saturation.val(), 0, 100));
+            color.val('s', saturation.val(), e.target);
+            break;
+          case value.get(0):
+            value.val(setValueInRange.call($this, value.val(), 0, 100));
+            color.val('v', value.val(), e.target);
+            break;
+          case hex.get(0):
+            hex.val(hex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));
+            bindedHex && bindedHex.val(hex.val());
+            color.val('hex', hex.val() !== '' ? hex.val() : null, e.target);
+            break;
+          case bindedHex && bindedHex.get(0):
+            bindedHex.val(bindedHex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));
+            hex.val(bindedHex.val());
+            color.val('hex', bindedHex.val() !== '' ? bindedHex.val() : null, e.target);
+            break;
+          case ahex && ahex.get(0):
+            ahex.val(ahex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 2));
+            color.val('a', ahex.val() != null ? parseInt(ahex.val(), 16) : null, e.target);
+            break;
+        }
+      }
+      // input box blur - reset to original if value empty
+      function blur(e) {
+        if (color.val() != null) {
+          switch (e.target) {
+            case red.get(0):
+              red.val(color.val('r'));break;
+            case green.get(0):
+              green.val(color.val('g'));break;
+            case blue.get(0):
+              blue.val(color.val('b'));break;
+            case alpha && alpha.get(0):
+              alpha.val(Math.precision(color.val('a') * 100 / 255, alphaPrecision));break;
+            case hue.get(0):
+              hue.val(color.val('h'));break;
+            case saturation.get(0):
+              saturation.val(color.val('s'));break;
+            case value.get(0):
+              value.val(color.val('v'));break;
+            case hex.get(0):
+            case bindedHex && bindedHex.get(0):
+              hex.val(color.val('hex'));
+              bindedHex && bindedHex.val(color.val('hex'));
+              break;
+            case ahex && ahex.get(0):
+              ahex.val(color.val('ahex').substring(6));break;
+          }
+        }
+      }
+      function validateKey(e) {
+        switch (e.keyCode) {
+          case 9:
+          case 16:
+          case 29:
+          case 37:
+          case 39:
+            return false;
+          case 'c'.charCodeAt():
+          case 'v'.charCodeAt():
+            if (e.ctrlKey) return false;
+        }
+        return true;
+      }
+      // constrain value within range
+      function setValueInRange(value, min, max) {
+        if (value === '' || isNaN(value)) return min;
+        if (value > max) return max;
+        if (value < min) return min;
+        return value;
+      }
+      function colorChanged(ui, context) {
+        var all = ui.val('all');
+        if (context !== red.get(0)) red.val(all != null ? all.r : '');
+        if (context !== green.get(0)) green.val(all != null ? all.g : '');
+        if (context !== blue.get(0)) blue.val(all != null ? all.b : '');
+        if (alpha && context !== alpha.get(0)) alpha.val(all != null ? Math.precision(all.a * 100 / 255, alphaPrecision) : '');
+        if (context !== hue.get(0)) hue.val(all != null ? all.h : '');
+        if (context !== saturation.get(0)) saturation.val(all != null ? all.s : '');
+        if (context !== value.get(0)) value.val(all != null ? all.v : '');
+        if (context !== hex.get(0) && (bindedHex && context !== bindedHex.get(0) || !bindedHex)) hex.val(all != null ? all.hex : '');
+        if (bindedHex && context !== bindedHex.get(0) && context !== hex.get(0)) bindedHex.val(all != null ? all.hex : '');
+        if (ahex && context !== ahex.get(0)) ahex.val(all != null ? all.ahex.substring(6) : '');
+      }
+      function destroy() {
+        // unbind all events and null objects
+        red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).unbind('keyup', keyUp).unbind('blur', blur);
+        red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).unbind('keydown', keyDown);
+        color.unbind(colorChanged);
+        red = null;
+        green = null;
+        blue = null;
+        alpha = null;
+        hue = null;
+        saturation = null;
+        value = null;
+        hex = null;
+        ahex = null;
+      }
+      var red = inputs.eq(3),
+          green = inputs.eq(4),
+          blue = inputs.eq(5),
+          alpha = inputs.length > 7 ? inputs.eq(6) : null,
+          hue = inputs.eq(0),
+          saturation = inputs.eq(1),
+          value = inputs.eq(2),
+          hex = inputs.eq(inputs.length > 7 ? 7 : 6),
+          ahex = inputs.length > 7 ? inputs.eq(8) : null;
+      $.extend(true, $this, {
+        // public properties and methods
+        destroy: destroy
+      });
+      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).add(hex).add(bindedHex).add(ahex).bind('keyup', keyUp).bind('blur', blur);
+      red.add(green).add(blue).add(alpha).add(hue).add(saturation).add(value).bind('keydown', keyDown);
+      color.bind(colorChanged);
+    }
+
+    /**
+    * @typedef {PlainObject} module:jPicker.JPickerInit
+    * @property {Integer} a
+    * @property {Integer} b
+    * @property {Integer} g
+    * @property {Integer} h
+    * @property {Integer} r
+    * @property {Integer} s
+    * @property {Integer} v
+    * @property {string} hex
+    * @property {string} ahex
+    */
+
+    /**
+    * @namespace {PlainObject} jPicker
+    * @memberof external:jQuery
+    */
+    $.jPicker = /** @lends external:jQuery.jPicker */{
+      /**
+      * Array holding references to each active instance of the jPicker control
+      * @type {external:jQuery.fn.$.fn.jPicker[]}
+      */
+      List: [],
+      /**
+      * Color object - we will be able to assign by any color space type or
+      * retrieve any color space info.
+      * We want this public so we can optionally assign new color objects to
+      * initial values using inputs other than a string hex value (also supported)
+      * Note: JSDoc didn't document when expressed here as an ES6 Class.
+      * @namespace
+      * @class
+      * @memberof external:jQuery.jPicker
+      * @param {module:jPicker.JPickerInit} init
+      */
+      Color: function Color(init) {
+        var $this = this;
+        function fireChangeEvents(context) {
+          for (var i = 0; i < changeEvents.length; i++) {
+            changeEvents[i].call($this, $this, context);
+          }
+        }
+        function val(name, value, context) {
+          // Kind of ugly
+          var set$$1 = Boolean(value);
+          if (set$$1 && value.ahex === '') value.ahex = '00000000';
+          if (!set$$1) {
+            if (name === undefined || name == null || name === '') name = 'all';
+            if (r == null) return null;
+            switch (name.toLowerCase()) {
+              case 'ahex':
+                return ColorMethods.rgbaToHex({ r: r, g: g, b: b, a: a });
+              case 'hex':
+                return val('ahex').substring(0, 6);
+              case 'all':
+                return { r: r, g: g, b: b, a: a, h: h, s: s, v: v, hex: val.call($this, 'hex'), ahex: val.call($this, 'ahex') };
+              default:
+                var ret = {};
+                for (var i = 0; i < name.length; i++) {
+                  switch (name.charAt(i)) {
+                    case 'r':
+                      if (name.length === 1) ret = r;else ret.r = r;
+                      break;
+                    case 'g':
+                      if (name.length === 1) ret = g;else ret.g = g;
+                      break;
+                    case 'b':
+                      if (name.length === 1) ret = b;else ret.b = b;
+                      break;
+                    case 'a':
+                      if (name.length === 1) ret = a;else ret.a = a;
+                      break;
+                    case 'h':
+                      if (name.length === 1) ret = h;else ret.h = h;
+                      break;
+                    case 's':
+                      if (name.length === 1) ret = s;else ret.s = s;
+                      break;
+                    case 'v':
+                      if (name.length === 1) ret = v;else ret.v = v;
+                      break;
+                  }
+                }
+                return !name.length ? val.call($this, 'all') : ret;
+            }
+          }
+          if (context != null && context === $this) return;
+          if (name == null) name = '';
+
+          var changed = false;
+          if (value == null) {
+            if (r != null) {
+              r = null;
+              changed = true;
+            }
+            if (g != null) {
+              g = null;
+              changed = true;
+            }
+            if (b != null) {
+              b = null;
+              changed = true;
+            }
+            if (a != null) {
+              a = null;
+              changed = true;
+            }
+            if (h != null) {
+              h = null;
+              changed = true;
+            }
+            if (s != null) {
+              s = null;
+              changed = true;
+            }
+            if (v != null) {
+              v = null;
+              changed = true;
+            }
+            changed && fireChangeEvents.call($this, context || $this);
+            return;
+          }
+          switch (name.toLowerCase()) {
+            case 'ahex':
+            case 'hex':
+              var _ret = ColorMethods.hexToRgba(value && (value.ahex || value.hex) || value || 'none');
+              val.call($this, 'rgba', { r: _ret.r, g: _ret.g, b: _ret.b, a: name === 'ahex' ? _ret.a : a != null ? a : 255 }, context);
+              break;
+            default:
+              if (value && (value.ahex != null || value.hex != null)) {
+                val.call($this, 'ahex', value.ahex || value.hex || '00000000', context);
+                return;
+              }
+              var newV = {};
+              var rgb = false,
+                  hsv = false;
+              if (value.r !== undefined && !name.includes('r')) name += 'r';
+              if (value.g !== undefined && !name.includes('g')) name += 'g';
+              if (value.b !== undefined && !name.includes('b')) name += 'b';
+              if (value.a !== undefined && !name.includes('a')) name += 'a';
+              if (value.h !== undefined && !name.includes('h')) name += 'h';
+              if (value.s !== undefined && !name.includes('s')) name += 's';
+              if (value.v !== undefined && !name.includes('v')) name += 'v';
+              for (var _i = 0; _i < name.length; _i++) {
+                switch (name.charAt(_i)) {
+                  case 'r':
+                    if (hsv) continue;
+                    rgb = true;
+                    newV.r = value && value.r && value.r | 0 || value && value | 0 || 0;
+                    if (newV.r < 0) newV.r = 0;else if (newV.r > 255) newV.r = 255;
+                    if (r !== newV.r) {
+                      r = newV.r;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'g':
+                    if (hsv) continue;
+                    rgb = true;
+                    newV.g = value && value.g && value.g | 0 || value && value | 0 || 0;
+                    if (newV.g < 0) newV.g = 0;else if (newV.g > 255) newV.g = 255;
+                    if (g !== newV.g) {
+                      g = newV.g;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'b':
+                    if (hsv) continue;
+                    rgb = true;
+                    newV.b = value && value.b && value.b | 0 || value && value | 0 || 0;
+                    if (newV.b < 0) newV.b = 0;else if (newV.b > 255) newV.b = 255;
+                    if (b !== newV.b) {
+                      b = newV.b;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'a':
+                    newV.a = value && value.a != null ? value.a | 0 : value != null ? value | 0 : 255;
+                    if (newV.a < 0) newV.a = 0;else if (newV.a > 255) newV.a = 255;
+                    if (a !== newV.a) {
+                      a = newV.a;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'h':
+                    if (rgb) continue;
+                    hsv = true;
+                    newV.h = value && value.h && value.h | 0 || value && value | 0 || 0;
+                    if (newV.h < 0) newV.h = 0;else if (newV.h > 360) newV.h = 360;
+                    if (h !== newV.h) {
+                      h = newV.h;
+
+                      changed = true;
+                    }
+                    break;
+                  case 's':
+                    if (rgb) continue;
+                    hsv = true;
+                    newV.s = value && value.s != null ? value.s | 0 : value != null ? value | 0 : 100;
+                    if (newV.s < 0) newV.s = 0;else if (newV.s > 100) newV.s = 100;
+                    if (s !== newV.s) {
+                      s = newV.s;
+
+                      changed = true;
+                    }
+                    break;
+                  case 'v':
+                    if (rgb) continue;
+                    hsv = true;
+                    newV.v = value && value.v != null ? value.v | 0 : value != null ? value | 0 : 100;
+                    if (newV.v < 0) newV.v = 0;else if (newV.v > 100) newV.v = 100;
+                    if (v !== newV.v) {
+                      v = newV.v;
+
+                      changed = true;
+                    }
+                    break;
+                }
+              }
+              if (changed) {
+                if (rgb) {
+                  r = r || 0;
+                  g = g || 0;
+                  b = b || 0;
+                  var _ret2 = ColorMethods.rgbToHsv({ r: r, g: g, b: b });
+                  h = _ret2.h;
+                  s = _ret2.s;
+                  v = _ret2.v;
+                } else if (hsv) {
+                  h = h || 0;
+                  s = s != null ? s : 100;
+                  v = v != null ? v : 100;
+                  var _ret3 = ColorMethods.hsvToRgb({ h: h, s: s, v: v });
+                  r = _ret3.r;
+                  g = _ret3.g;
+                  b = _ret3.b;
+                }
+                a = a != null ? a : 255;
+                fireChangeEvents.call($this, context || $this);
+              }
+              break;
+          }
+        }
+        function bind(callback) {
+          if (typeof callback === 'function') changeEvents.push(callback);
+        }
+        function unbind(callback) {
+          if (typeof callback !== 'function') return;
+          var i = void 0;
+          while (i = changeEvents.includes(callback)) {
+            changeEvents.splice(i, 1);
+          }
+        }
+        function destroy() {
+          changeEvents = null;
+        }
+        var r = void 0,
+            g = void 0,
+            b = void 0,
+            a = void 0,
+            h = void 0,
+            s = void 0,
+            v = void 0,
+            changeEvents = [];
+
+        $.extend(true, $this, {
+          // public properties and methods
+          val: val,
+          bind: bind,
+          unbind: unbind,
+          destroy: destroy
+        });
+        if (init) {
+          if (init.ahex != null) {
+            val('ahex', init);
+          } else if (init.hex != null) {
+            val((init.a != null ? 'a' : '') + 'hex', init.a != null ? { ahex: init.hex + ColorMethods.intToHex(init.a) } : init);
+          } else if (init.r != null && init.g != null && init.b != null) {
+            val('rgb' + (init.a != null ? 'a' : ''), init);
+          } else if (init.h != null && init.s != null && init.v != null) {
+            val('hsv' + (init.a != null ? 'a' : ''), init);
+          }
+        }
+      },
+      /**
+      * color conversion methods  - make public to give use to external scripts
+      * @namespace
+      */
+      ColorMethods: {
+        /**
+        * @typedef {PlainObject} module:jPicker.RGBA
+        * @property {Integer} r
+        * @property {Integer} g
+        * @property {Integer} b
+        * @property {Integer} a
+        */
+        /**
+        * @typedef {PlainObject} module:jPicker.RGB
+        * @property {Integer} r
+        * @property {Integer} g
+        * @property {Integer} b
+        */
+        /**
+        * @param {string} hex
+        * @returns {module:jPicker.RGBA}
+        */
+        hexToRgba: function hexToRgba(hex) {
+          if (hex === '' || hex === 'none') return { r: null, g: null, b: null, a: null };
+          hex = this.validateHex(hex);
+          var r = '00',
+              g = '00',
+              b = '00',
+              a = '255';
+          if (hex.length === 6) hex += 'ff';
+          if (hex.length > 6) {
+            r = hex.substring(0, 2);
+            g = hex.substring(2, 4);
+            b = hex.substring(4, 6);
+            a = hex.substring(6, hex.length);
+          } else {
+            if (hex.length > 4) {
+              r = hex.substring(4, hex.length);
+              hex = hex.substring(0, 4);
+            }
+            if (hex.length > 2) {
+              g = hex.substring(2, hex.length);
+              hex = hex.substring(0, 2);
+            }
+            if (hex.length > 0) b = hex.substring(0, hex.length);
+          }
+          return {
+            r: this.hexToInt(r), g: this.hexToInt(g), b: this.hexToInt(b), a: this.hexToInt(a)
+          };
+        },
+
+        /**
+        * @param {string} hex
+        * @returns {string}
+        */
+        validateHex: function validateHex(hex) {
+          // if (typeof hex === 'object') return '';
+          hex = hex.toLowerCase().replace(/[^a-f0-9]/g, '');
+          if (hex.length > 8) hex = hex.substring(0, 8);
+          return hex;
+        },
+
+        /**
+        * @param {module:jPicker.RGBA} rgba
+        * @returns {string}
+        */
+        rgbaToHex: function rgbaToHex(rgba) {
+          return this.intToHex(rgba.r) + this.intToHex(rgba.g) + this.intToHex(rgba.b) + this.intToHex(rgba.a);
+        },
+
+        /**
+        * @param {Integer} dec
+        * @returns {string}
+        */
+        intToHex: function intToHex(dec) {
+          var result = (dec | 0).toString(16);
+          if (result.length === 1) result = '0' + result;
+          return result.toLowerCase();
+        },
+
+        /**
+        * @param {string} hex
+        * @returns {Integer}
+        */
+        hexToInt: function hexToInt(hex) {
+          return parseInt(hex, 16);
+        },
+
+        /**
+        * @typedef {PlainObject} module:jPicker.HSV
+        * @property {Integer} h
+        * @property {Integer} s
+        * @property {Integer} v
+        */
+        /**
+        * @param {module:jPicker.RGB} rgb
+        * @returns {module:jPicker.HSV}
+        */
+        rgbToHsv: function rgbToHsv(rgb) {
+          var r = rgb.r / 255,
+              g = rgb.g / 255,
+              b = rgb.b / 255,
+              hsv = { h: 0, s: 0, v: 0 };
+          var min = 0,
+              max = 0;
+          if (r >= g && r >= b) {
+            max = r;
+            min = g > b ? b : g;
+          } else if (g >= b && g >= r) {
+            max = g;
+            min = r > b ? b : r;
+          } else {
+            max = b;
+            min = g > r ? r : g;
+          }
+          hsv.v = max;
+          hsv.s = max ? (max - min) / max : 0;
+          var delta = void 0;
+          if (!hsv.s) hsv.h = 0;else {
+            delta = max - min;
+            if (r === max) hsv.h = (g - b) / delta;else if (g === max) hsv.h = 2 + (b - r) / delta;else hsv.h = 4 + (r - g) / delta;
+            hsv.h = parseInt(hsv.h * 60);
+            if (hsv.h < 0) hsv.h += 360;
+          }
+          hsv.s = hsv.s * 100 | 0;
+          hsv.v = hsv.v * 100 | 0;
+          return hsv;
+        },
+
+        /**
+        * @param {module:jPicker.HSV} hsv
+        * @returns {module:jPicker.RGB}
+        */
+        hsvToRgb: function hsvToRgb(hsv) {
+          var rgb = { r: 0, g: 0, b: 0, a: 100 };
+          var h = hsv.h,
+              s = hsv.s,
+              v = hsv.v;
+
+          if (s === 0) {
+            if (v === 0) rgb.r = rgb.g = rgb.b = 0;else rgb.r = rgb.g = rgb.b = v * 255 / 100 | 0;
+          } else {
+            if (h === 360) h = 0;
+            h /= 60;
+            s = s / 100;
+            v = v / 100;
+            var i = h | 0,
+                f = h - i,
+                p = v * (1 - s),
+                q = v * (1 - s * f),
+                t = v * (1 - s * (1 - f));
+            switch (i) {
+              case 0:
+                rgb.r = v;
+                rgb.g = t;
+                rgb.b = p;
+                break;
+              case 1:
+                rgb.r = q;
+                rgb.g = v;
+                rgb.b = p;
+                break;
+              case 2:
+                rgb.r = p;
+                rgb.g = v;
+                rgb.b = t;
+                break;
+              case 3:
+                rgb.r = p;
+                rgb.g = q;
+                rgb.b = v;
+                break;
+              case 4:
+                rgb.r = t;
+                rgb.g = p;
+                rgb.b = v;
+                break;
+              case 5:
+                rgb.r = v;
+                rgb.g = p;
+                rgb.b = q;
+                break;
+            }
+            rgb.r = rgb.r * 255 | 0;
+            rgb.g = rgb.g * 255 | 0;
+            rgb.b = rgb.b * 255 | 0;
+          }
+          return rgb;
+        }
+      }
+    };
+    var _$$jPicker = $.jPicker,
+        Color = _$$jPicker.Color,
+        List = _$$jPicker.List,
+        ColorMethods = _$$jPicker.ColorMethods; // local copies for YUI compressor
+    /**
+     * @function external:jQuery.fn.jPicker
+     * @see {@link external:jQuery.fn.$.fn.jPicker}
+     */
+    /**
+    * While it would seem this should specify the name `jPicker` for JSDoc, that doesn't
+    *   get us treated as a function as well as a namespace (even with `@function name`),
+    *   so we use an approach to add a redundant `$.fn.` in the name.
+    * @namespace
+    * @memberof external:jQuery.fn
+    * @param {external:jQuery.fn.jPickerOptions} options
+    * @returns {external:jQuery}
+    */
+
+    $.fn.jPicker = function (options) {
+      var $arguments = arguments;
+      return this.each(function () {
+        var $this = this,
+            settings = $.extend(true, {}, $.fn.jPicker.defaults, options); // local copies for YUI compressor
+        if ($($this).get(0).nodeName.toLowerCase() === 'input') {
+          // Add color picker icon if binding to an input element and bind the events to the input
+          $.extend(true, settings, {
+            window: {
+              bindToInput: true,
+              expandable: true,
+              input: $($this)
+            }
+          });
+          if ($($this).val() === '') {
+            settings.color.active = new Color({ hex: null });
+            settings.color.current = new Color({ hex: null });
+          } else if (ColorMethods.validateHex($($this).val())) {
+            settings.color.active = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });
+            settings.color.current = new Color({ hex: $($this).val(), a: settings.color.active.val('a') });
+          }
+        }
+        if (settings.window.expandable) {
+          $($this).after('<span class="jPicker"><span class="Icon"><span class="Color">&nbsp;</span><span class="Alpha">&nbsp;</span><span class="Image" title="Click To Open Color Picker">&nbsp;</span><span class="Container">&nbsp;</span></span></span>');
+        } else {
+          settings.window.liveUpdate = false; // Basic control binding for inline use - You will need to override the liveCallback or commitCallback function to retrieve results
+        }
+        var isLessThanIE7 = parseFloat(navigator.appVersion.split('MSIE')[1]) < 7 && document.body.filters; // needed to run the AlphaImageLoader function for IE6
+        // set color mode and update visuals for the new color mode
+        /**
+         *
+         * @param {"h"|"s"|"v"|"r"|"g"|"b"|"a"} colorMode [description]
+         * @throws {Error} Invalid mode
+         */
+        function setColorMode(colorMode) {
+          var active = color.active,
+              hex = active.val('hex');
+          var rgbMap = void 0,
+              rgbBar = void 0;
+          settings.color.mode = colorMode;
+          switch (colorMode) {
+            case 'h':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, 'transparent');
+                setImgLoc.call($this, colorMapL1, 0);
+                setAlpha.call($this, colorMapL1, 100);
+                setImgLoc.call($this, colorMapL2, 260);
+                setAlpha.call($this, colorMapL2, 100);
+                setBG.call($this, colorBarDiv, 'transparent');
+                setImgLoc.call($this, colorBarL1, 0);
+                setAlpha.call($this, colorBarL1, 100);
+                setImgLoc.call($this, colorBarL2, 260);
+                setAlpha.call($this, colorBarL2, 100);
+                setImgLoc.call($this, colorBarL3, 260);
+                setAlpha.call($this, colorBarL3, 100);
+                setImgLoc.call($this, colorBarL4, 260);
+                setAlpha.call($this, colorBarL4, 100);
+                setImgLoc.call($this, colorBarL6, 260);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              colorMap.range('all', { minX: 0, maxX: 100, minY: 0, maxY: 100 });
+              colorBar.range('rangeY', { minY: 0, maxY: 360 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('s'), y: 100 - active.val('v') }, colorMap);
+              colorBar.val('y', 360 - active.val('h'), colorBar);
+              break;
+            case 's':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, 'transparent');
+                setImgLoc.call($this, colorMapL1, -260);
+                setImgLoc.call($this, colorMapL2, -520);
+                setImgLoc.call($this, colorBarL1, -260);
+                setImgLoc.call($this, colorBarL2, -520);
+                setImgLoc.call($this, colorBarL6, 260);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+              colorBar.range('rangeY', { minY: 0, maxY: 100 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);
+              colorBar.val('y', 100 - active.val('s'), colorBar);
+              break;
+            case 'v':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, '000000');
+                setImgLoc.call($this, colorMapL1, -780);
+                setImgLoc.call($this, colorMapL2, 260);
+                setBG.call($this, colorBarDiv, hex);
+                setImgLoc.call($this, colorBarL1, -520);
+                setImgLoc.call($this, colorBarL2, 260);
+                setAlpha.call($this, colorBarL2, 100);
+                setImgLoc.call($this, colorBarL6, 260);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+              colorBar.range('rangeY', { minY: 0, maxY: 100 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('s') }, colorMap);
+              colorBar.val('y', 100 - active.val('v'), colorBar);
+              break;
+            case 'r':
+              rgbMap = -1040;
+              rgbBar = -780;
+              colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+              colorBar.range('rangeY', { minY: 0, maxY: 255 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('g') }, colorMap);
+              colorBar.val('y', 255 - active.val('r'), colorBar);
+              break;
+            case 'g':
+              rgbMap = -1560;
+              rgbBar = -1820;
+              colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+              colorBar.range('rangeY', { minY: 0, maxY: 255 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('b'), y: 255 - active.val('r') }, colorMap);
+              colorBar.val('y', 255 - active.val('g'), colorBar);
+              break;
+            case 'b':
+              rgbMap = -2080;
+              rgbBar = -2860;
+              colorMap.range('all', { minX: 0, maxX: 255, minY: 0, maxY: 255 });
+              colorBar.range('rangeY', { minY: 0, maxY: 255 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('r'), y: 255 - active.val('g') }, colorMap);
+              colorBar.val('y', 255 - active.val('b'), colorBar);
+              break;
+            case 'a':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, 'transparent');
+                setImgLoc.call($this, colorMapL1, -260);
+                setImgLoc.call($this, colorMapL2, -520);
+                setImgLoc.call($this, colorBarL1, 260);
+                setImgLoc.call($this, colorBarL2, 260);
+                setAlpha.call($this, colorBarL2, 100);
+                setImgLoc.call($this, colorBarL6, 0);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              colorMap.range('all', { minX: 0, maxX: 360, minY: 0, maxY: 100 });
+              colorBar.range('rangeY', { minY: 0, maxY: 255 });
+              if (active.val('ahex') == null) break;
+              colorMap.val('xy', { x: active.val('h'), y: 100 - active.val('v') }, colorMap);
+              colorBar.val('y', 255 - active.val('a'), colorBar);
+              break;
+            default:
+              throw new Error('Invalid Mode');
+          }
+          switch (colorMode) {
+            case 'h':
+              break;
+            case 's':
+            case 'v':
+            case 'a':
+              setTimeout(function () {
+                setAlpha.call($this, colorMapL1, 100);
+                setAlpha.call($this, colorBarL1, 100);
+                setImgLoc.call($this, colorBarL3, 260);
+                setAlpha.call($this, colorBarL3, 100);
+                setImgLoc.call($this, colorBarL4, 260);
+                setAlpha.call($this, colorBarL4, 100);
+              }, 0);
+              break;
+            case 'r':
+            case 'g':
+            case 'b':
+              setTimeout(function () {
+                setBG.call($this, colorMapDiv, 'transparent');
+                setBG.call($this, colorBarDiv, 'transparent');
+                setAlpha.call($this, colorBarL1, 100);
+                setAlpha.call($this, colorMapL1, 100);
+                setImgLoc.call($this, colorMapL1, rgbMap);
+                setImgLoc.call($this, colorMapL2, rgbMap - 260);
+                setImgLoc.call($this, colorBarL1, rgbBar - 780);
+                setImgLoc.call($this, colorBarL2, rgbBar - 520);
+                setImgLoc.call($this, colorBarL3, rgbBar);
+                setImgLoc.call($this, colorBarL4, rgbBar - 260);
+                setImgLoc.call($this, colorBarL6, 260);
+                setAlpha.call($this, colorBarL6, 100);
+              }, 0);
+              break;
+          }
+          if (active.val('ahex') == null) return;
+          activeColorChanged.call($this, active);
+        }
+        // Update color when user changes text values
+        function activeColorChanged(ui, context) {
+          if (context == null || context !== colorBar && context !== colorMap) positionMapAndBarArrows.call($this, ui, context);
+          setTimeout(function () {
+            updatePreview.call($this, ui);
+            updateMapVisuals.call($this, ui);
+            updateBarVisuals.call($this, ui);
+          }, 0);
+        }
+        // user has dragged the ColorMap pointer
+        function mapValueChanged(ui, context) {
+          var active = color.active;
+
+          if (context !== colorMap && active.val() == null) return;
+          var xy = ui.val('all');
+          switch (settings.color.mode) {
+            case 'h':
+              active.val('sv', { s: xy.x, v: 100 - xy.y }, context);
+              break;
+            case 's':
+            case 'a':
+              active.val('hv', { h: xy.x, v: 100 - xy.y }, context);
+              break;
+            case 'v':
+              active.val('hs', { h: xy.x, s: 100 - xy.y }, context);
+              break;
+            case 'r':
+              active.val('gb', { g: 255 - xy.y, b: xy.x }, context);
+              break;
+            case 'g':
+              active.val('rb', { r: 255 - xy.y, b: xy.x }, context);
+              break;
+            case 'b':
+              active.val('rg', { r: xy.x, g: 255 - xy.y }, context);
+              break;
+          }
+        }
+        // user has dragged the ColorBar slider
+        function colorBarValueChanged(ui, context) {
+          var active = color.active;
+
+          if (context !== colorBar && active.val() == null) return;
+          switch (settings.color.mode) {
+            case 'h':
+              active.val('h', { h: 360 - ui.val('y') }, context);
+              break;
+            case 's':
+              active.val('s', { s: 100 - ui.val('y') }, context);
+              break;
+            case 'v':
+              active.val('v', { v: 100 - ui.val('y') }, context);
+              break;
+            case 'r':
+              active.val('r', { r: 255 - ui.val('y') }, context);
+              break;
+            case 'g':
+              active.val('g', { g: 255 - ui.val('y') }, context);
+              break;
+            case 'b':
+              active.val('b', { b: 255 - ui.val('y') }, context);
+              break;
+            case 'a':
+              active.val('a', 255 - ui.val('y'), context);
+              break;
+          }
+        }
+        // position map and bar arrows to match current color
+        function positionMapAndBarArrows(ui, context) {
+          if (context !== colorMap) {
+            switch (settings.color.mode) {
+              case 'h':
+                var sv = ui.val('sv');
+                colorMap.val('xy', { x: sv != null ? sv.s : 100, y: 100 - (sv != null ? sv.v : 100) }, context);
+                break;
+              case 's':
+              case 'a':
+                var hv = ui.val('hv');
+                colorMap.val('xy', { x: hv && hv.h || 0, y: 100 - (hv != null ? hv.v : 100) }, context);
+                break;
+              case 'v':
+                var hs = ui.val('hs');
+                colorMap.val('xy', { x: hs && hs.h || 0, y: 100 - (hs != null ? hs.s : 100) }, context);
+                break;
+              case 'r':
+                var bg = ui.val('bg');
+                colorMap.val('xy', { x: bg && bg.b || 0, y: 255 - (bg && bg.g || 0) }, context);
+                break;
+              case 'g':
+                var br = ui.val('br');
+                colorMap.val('xy', { x: br && br.b || 0, y: 255 - (br && br.r || 0) }, context);
+                break;
+              case 'b':
+                var rg = ui.val('rg');
+                colorMap.val('xy', { x: rg && rg.r || 0, y: 255 - (rg && rg.g || 0) }, context);
+                break;
+            }
+          }
+          if (context !== colorBar) {
+            switch (settings.color.mode) {
+              case 'h':
+                colorBar.val('y', 360 - (ui.val('h') || 0), context);
+                break;
+              case 's':
+                var s = ui.val('s');
+                colorBar.val('y', 100 - (s != null ? s : 100), context);
+                break;
+              case 'v':
+                var v = ui.val('v');
+                colorBar.val('y', 100 - (v != null ? v : 100), context);
+                break;
+              case 'r':
+                colorBar.val('y', 255 - (ui.val('r') || 0), context);
+                break;
+              case 'g':
+                colorBar.val('y', 255 - (ui.val('g') || 0), context);
+                break;
+              case 'b':
+                colorBar.val('y', 255 - (ui.val('b') || 0), context);
+                break;
+              case 'a':
+                var a = ui.val('a');
+                colorBar.val('y', 255 - (a != null ? a : 255), context);
+                break;
+            }
+          }
+        }
+        function updatePreview(ui) {
+          try {
+            var all = ui.val('all');
+            activePreview.css({ backgroundColor: all && '#' + all.hex || 'transparent' });
+            setAlpha.call($this, activePreview, all && Math.precision(all.a * 100 / 255, 4) || 0);
+          } catch (e) {}
+        }
+        function updateMapVisuals(ui) {
+          switch (settings.color.mode) {
+            case 'h':
+              setBG.call($this, colorMapDiv, new Color({ h: ui.val('h') || 0, s: 100, v: 100 }).val('hex'));
+              break;
+            case 's':
+            case 'a':
+              var s = ui.val('s');
+              setAlpha.call($this, colorMapL2, 100 - (s != null ? s : 100));
+              break;
+            case 'v':
+              var v = ui.val('v');
+              setAlpha.call($this, colorMapL1, v != null ? v : 100);
+              break;
+            case 'r':
+              setAlpha.call($this, colorMapL2, Math.precision((ui.val('r') || 0) / 255 * 100, 4));
+              break;
+            case 'g':
+              setAlpha.call($this, colorMapL2, Math.precision((ui.val('g') || 0) / 255 * 100, 4));
+              break;
+            case 'b':
+              setAlpha.call($this, colorMapL2, Math.precision((ui.val('b') || 0) / 255 * 100));
+              break;
+          }
+          var a = ui.val('a');
+          setAlpha.call($this, colorMapL3, Math.precision((255 - (a || 0)) * 100 / 255, 4));
+        }
+        function updateBarVisuals(ui) {
+          switch (settings.color.mode) {
+            case 'h':
+              var a = ui.val('a');
+              setAlpha.call($this, colorBarL5, Math.precision((255 - (a || 0)) * 100 / 255, 4));
+              break;
+            case 's':
+              var hva = ui.val('hva'),
+                  saturatedColor = new Color({ h: hva && hva.h || 0, s: 100, v: hva != null ? hva.v : 100 });
+              setBG.call($this, colorBarDiv, saturatedColor.val('hex'));
+              setAlpha.call($this, colorBarL2, 100 - (hva != null ? hva.v : 100));
+              setAlpha.call($this, colorBarL5, Math.precision((255 - (hva && hva.a || 0)) * 100 / 255, 4));
+              break;
+            case 'v':
+              var hsa = ui.val('hsa'),
+                  valueColor = new Color({ h: hsa && hsa.h || 0, s: hsa != null ? hsa.s : 100, v: 100 });
+              setBG.call($this, colorBarDiv, valueColor.val('hex'));
+              setAlpha.call($this, colorBarL5, Math.precision((255 - (hsa && hsa.a || 0)) * 100 / 255, 4));
+              break;
+            case 'r':
+            case 'g':
+            case 'b':
+              var rgba = ui.val('rgba');
+              var hValue = 0,
+                  vValue = 0;
+              if (settings.color.mode === 'r') {
+                hValue = rgba && rgba.b || 0;
+                vValue = rgba && rgba.g || 0;
+              } else if (settings.color.mode === 'g') {
+                hValue = rgba && rgba.b || 0;
+                vValue = rgba && rgba.r || 0;
+              } else if (settings.color.mode === 'b') {
+                hValue = rgba && rgba.r || 0;
+                vValue = rgba && rgba.g || 0;
+              }
+              var middle = vValue > hValue ? hValue : vValue;
+              setAlpha.call($this, colorBarL2, hValue > vValue ? Math.precision((hValue - vValue) / (255 - vValue) * 100, 4) : 0);
+              setAlpha.call($this, colorBarL3, vValue > hValue ? Math.precision((vValue - hValue) / (255 - hValue) * 100, 4) : 0);
+              setAlpha.call($this, colorBarL4, Math.precision(middle / 255 * 100, 4));
+              setAlpha.call($this, colorBarL5, Math.precision((255 - (rgba && rgba.a || 0)) * 100 / 255, 4));
+              break;
+            case 'a':
+              {
+                var _a = ui.val('a');
+                setBG.call($this, colorBarDiv, ui.val('hex') || '000000');
+                setAlpha.call($this, colorBarL5, _a != null ? 0 : 100);
+                setAlpha.call($this, colorBarL6, _a != null ? 100 : 0);
+                break;
+              }
+          }
+        }
+        function setBG(el, c) {
+          el.css({ backgroundColor: c && c.length === 6 && '#' + c || 'transparent' });
+        }
+        function setImg(img, src) {
+          if (isLessThanIE7 && (src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png'))) {
+            img.attr('pngSrc', src);
+            img.css({ backgroundImage: 'none', filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\')' });
+          } else img.css({ backgroundImage: 'url(\'' + src + '\')' });
+        }
+        function setImgLoc(img, y) {
+          img.css({ top: y + 'px' });
+        }
+        function setAlpha(obj, alpha) {
+          obj.css({ visibility: alpha > 0 ? 'visible' : 'hidden' });
+          if (alpha > 0 && alpha < 100) {
+            if (isLessThanIE7) {
+              var src = obj.attr('pngSrc');
+              if (src != null && (src.includes('AlphaBar.png') || src.includes('Bars.png') || src.includes('Maps.png'))) {
+                obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\', sizingMethod=\'scale\') progid:DXImageTransform.Microsoft.Alpha(opacity=' + alpha + ')' });
+              } else obj.css({ opacity: Math.precision(alpha / 100, 4) });
+            } else obj.css({ opacity: Math.precision(alpha / 100, 4) });
+          } else if (alpha === 0 || alpha === 100) {
+            if (isLessThanIE7) {
+              var _src = obj.attr('pngSrc');
+              if (_src != null && (_src.includes('AlphaBar.png') || _src.includes('Bars.png') || _src.includes('Maps.png'))) {
+                obj.css({ filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + _src + '\', sizingMethod=\'scale\')' });
+              } else obj.css({ opacity: '' });
+            } else obj.css({ opacity: '' });
+          }
+        }
+        // revert color to original color when opened
+        function revertColor() {
+          color.active.val('ahex', color.current.val('ahex'));
+        }
+        // commit the color changes
+        function commitColor() {
+          color.current.val('ahex', color.active.val('ahex'));
+        }
+        function radioClicked(e) {
+          $(this).parents('tbody:first').find('input:radio[value!="' + e.target.value + '"]').removeAttr('checked');
+          setColorMode.call($this, e.target.value);
+        }
+        function currentClicked() {
+          revertColor.call($this);
+        }
+        function cancelClicked() {
+          revertColor.call($this);
+          settings.window.expandable && hide.call($this);
+          typeof cancelCallback === 'function' && cancelCallback.call($this, color.active, cancelButton);
+        }
+        function okClicked() {
+          commitColor.call($this);
+          settings.window.expandable && hide.call($this);
+          typeof commitCallback === 'function' && commitCallback.call($this, color.active, okButton);
+        }
+        function iconImageClicked() {
+          show.call($this);
+        }
+        function currentColorChanged(ui, context) {
+          var hex = ui.val('hex');
+          currentPreview.css({ backgroundColor: hex && '#' + hex || 'transparent' });
+          setAlpha.call($this, currentPreview, Math.precision((ui.val('a') || 0) * 100 / 255, 4));
+        }
+        function expandableColorChanged(ui, context) {
+          var hex = ui.val('hex');
+          var va = ui.val('va');
+          iconColor.css({ backgroundColor: hex && '#' + hex || 'transparent' });
+          setAlpha.call($this, iconAlpha, Math.precision((255 - (va && va.a || 0)) * 100 / 255, 4));
+          if (settings.window.bindToInput && settings.window.updateInputColor) {
+            settings.window.input.css({
+              backgroundColor: hex && '#' + hex || 'transparent',
+              color: va == null || va.v > 75 ? '#000000' : '#ffffff'
+            });
+          }
+        }
+        function moveBarMouseDown(e) {
+          // const {element} = settings.window, // local copies for YUI compressor
+          //     {page} = settings.window;
+          elementStartX = parseInt(container.css('left'));
+          elementStartY = parseInt(container.css('top'));
+          pageStartX = e.pageX;
+          pageStartY = e.pageY;
+          // bind events to document to move window - we will unbind these on mouseup
+          $(document).bind('mousemove', documentMouseMove).bind('mouseup', documentMouseUp);
+          e.preventDefault(); // prevent attempted dragging of the column
+        }
+        function documentMouseMove(e) {
+          container.css({ left: elementStartX - (pageStartX - e.pageX) + 'px', top: elementStartY - (pageStartY - e.pageY) + 'px' });
+          if (settings.window.expandable && !$.support.boxModel) container.prev().css({ left: container.css('left'), top: container.css('top') });
+          e.stopPropagation();
+          e.preventDefault();
+          return false;
+        }
+        function documentMouseUp(e) {
+          $(document).unbind('mousemove', documentMouseMove).unbind('mouseup', documentMouseUp);
+          e.stopPropagation();
+          e.preventDefault();
+          return false;
+        }
+        function quickPickClicked(e) {
+          e.preventDefault();
+          e.stopPropagation();
+          color.active.val('ahex', $(this).attr('title') || null, e.target);
+          return false;
+        }
+        function show() {
+          color.current.val('ahex', color.active.val('ahex'));
+          function attachIFrame() {
+            if (!settings.window.expandable || $.support.boxModel) return;
+            var table = container.find('table:first');
+            container.before('<iframe/>');
+            container.prev().css({ width: table.width(), height: container.height(), opacity: 0, position: 'absolute', left: container.css('left'), top: container.css('top') });
+          }
+          if (settings.window.expandable) {
+            $(document.body).children('div.jPicker.Container').css({ zIndex: 10 });
+            container.css({ zIndex: 20 });
+          }
+          switch (settings.window.effects.type) {
+            case 'fade':
+              container.fadeIn(settings.window.effects.speed.show, attachIFrame);
+              break;
+            case 'slide':
+              container.slideDown(settings.window.effects.speed.show, attachIFrame);
+              break;
+            case 'show':
+            default:
+              container.show(settings.window.effects.speed.show, attachIFrame);
+              break;
+          }
+        }
+        function hide() {
+          function removeIFrame() {
+            if (settings.window.expandable) container.css({ zIndex: 10 });
+            if (!settings.window.expandable || $.support.boxModel) return;
+            container.prev().remove();
+          }
+          switch (settings.window.effects.type) {
+            case 'fade':
+              container.fadeOut(settings.window.effects.speed.hide, removeIFrame);
+              break;
+            case 'slide':
+              container.slideUp(settings.window.effects.speed.hide, removeIFrame);
+              break;
+            case 'show':
+            default:
+              container.hide(settings.window.effects.speed.hide, removeIFrame);
+              break;
+          }
+        }
+        function initialize() {
+          var win = settings.window,
+              popup = win.expandable ? $($this).next().find('.Container:first') : null;
+          container = win.expandable ? $('<div/>') : $($this);
+          container.addClass('jPicker Container');
+          if (win.expandable) container.hide();
+          container.get(0).onselectstart = function (event) {
+            if (event.target.nodeName.toLowerCase() !== 'input') return false;
+          };
+          // inject html source code - we are using a single table for this control - I know tables are considered bad, but it takes care of equal height columns and
+          // this control really is tabular data, so I believe it is the right move
+          var all = color.active.val('all');
+          if (win.alphaPrecision < 0) win.alphaPrecision = 0;else if (win.alphaPrecision > 2) win.alphaPrecision = 2;
+          var controlHtml = '<table class="jPicker" cellpadding="0" cellspacing="0"><tbody>' + (win.expandable ? '<tr><td class="Move" colspan="5">&nbsp;</td></tr>' : '') + '<tr><td rowspan="9"><h2 class="Title">' + (win.title || localization.text.title) + '</h2><div class="Map"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><img src="' + images.clientPath + images.colorMap.arrow.file + '" class="Arrow"/></div></td><td rowspan="9"><div class="Bar"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><span class="Map4">&nbsp;</span><span class="Map5">&nbsp;</span><span class="Map6">&nbsp;</span><img src="' + images.clientPath + images.colorBar.arrow.file + '" class="Arrow"/></div></td><td colspan="2" class="Preview">' + localization.text.newColor + '<div><span class="Active" title="' + localization.tooltips.colors.newColor + '">&nbsp;</span><span class="Current" title="' + localization.tooltips.colors.currentColor + '">&nbsp;</span></div>' + localization.text.currentColor + '</td><td rowspan="9" class="Button"><input type="button" class="Ok" value="' + localization.text.ok + '" title="' + localization.tooltips.buttons.ok + '"/><input type="button" class="Cancel" value="' + localization.text.cancel + '" title="' + localization.tooltips.buttons.cancel + '"/><hr/><div class="Grid">&nbsp;</div></td></tr><tr class="Hue"><td class="Radio"><label title="' + localization.tooltips.hue.radio + '"><input type="radio" value="h"' + (settings.color.mode === 'h' ? ' checked="checked"' : '') + '/>H:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.h : '') + '" title="' + localization.tooltips.hue.textbox + '"/>&nbsp;&deg;</td></tr><tr class="Saturation"><td class="Radio"><label title="' + localization.tooltips.saturation.radio + '"><input type="radio" value="s"' + (settings.color.mode === 's' ? ' checked="checked"' : '') + '/>S:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.s : '') + '" title="' + localization.tooltips.saturation.textbox + '"/>&nbsp;%</td></tr><tr class="Value"><td class="Radio"><label title="' + localization.tooltips.value.radio + '"><input type="radio" value="v"' + (settings.color.mode === 'v' ? ' checked="checked"' : '') + '/>V:</label><br/><br/></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.v : '') + '" title="' + localization.tooltips.value.textbox + '"/>&nbsp;%<br/><br/></td></tr><tr class="Red"><td class="Radio"><label title="' + localization.tooltips.red.radio + '"><input type="radio" value="r"' + (settings.color.mode === 'r' ? ' checked="checked"' : '') + '/>R:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.r : '') + '" title="' + localization.tooltips.red.textbox + '"/></td></tr><tr class="Green"><td class="Radio"><label title="' + localization.tooltips.green.radio + '"><input type="radio" value="g"' + (settings.color.mode === 'g' ? ' checked="checked"' : '') + '/>G:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.g : '') + '" title="' + localization.tooltips.green.textbox + '"/></td></tr><tr class="Blue"><td class="Radio"><label title="' + localization.tooltips.blue.radio + '"><input type="radio" value="b"' + (settings.color.mode === 'b' ? ' checked="checked"' : '') + '/>B:</label></td><td class="Text"><input type="text" maxlength="3" value="' + (all != null ? all.b : '') + '" title="' + localization.tooltips.blue.textbox + '"/></td></tr><tr class="Alpha"><td class="Radio">' + (win.alphaSupport ? '<label title="' + localization.tooltips.alpha.radio + '"><input type="radio" value="a"' + (settings.color.mode === 'a' ? ' checked="checked"' : '') + '/>A:</label>' : '&nbsp;') + '</td><td class="Text">' + (win.alphaSupport ? '<input type="text" maxlength="' + (3 + win.alphaPrecision) + '" value="' + (all != null ? Math.precision(all.a * 100 / 255, win.alphaPrecision) : '') + '" title="' + localization.tooltips.alpha.textbox + '"/>&nbsp;%' : '&nbsp;') + '</td></tr><tr class="Hex"><td colspan="2" class="Text"><label title="' + localization.tooltips.hex.textbox + '">#:<input type="text" maxlength="6" class="Hex" value="' + (all != null ? all.hex : '') + '"/></label>' + (win.alphaSupport ? '<input type="text" maxlength="2" class="AHex" value="' + (all != null ? all.ahex.substring(6) : '') + '" title="' + localization.tooltips.hex.alpha + '"/></td>' : '&nbsp;') + '</tr></tbody></table>';
+          if (win.expandable) {
+            container.html(controlHtml);
+            if (!$(document.body).children('div.jPicker.Container').length) {
+              $(document.body).prepend(container);
+            } else {
+              $(document.body).children('div.jPicker.Container:last').after(container);
+            }
+            container.mousedown(function () {
+              $(document.body).children('div.jPicker.Container').css({ zIndex: 10 });
+              container.css({ zIndex: 20 });
+            });
+            container.css( // positions must be set and display set to absolute before source code injection or IE will size the container to fit the window
+            {
+              left: win.position.x === 'left' ? popup.offset().left - 530 - (win.position.y === 'center' ? 25 : 0) + 'px' : win.position.x === 'center' ? popup.offset().left - 260 + 'px' : win.position.x === 'right' ? popup.offset().left - 10 + (win.position.y === 'center' ? 25 : 0) + 'px' : win.position.x === 'screenCenter' ? ($(document).width() >> 1) - 260 + 'px' : popup.offset().left + parseInt(win.position.x) + 'px',
+              position: 'absolute',
+              top: win.position.y === 'top' ? popup.offset().top - 312 + 'px' : win.position.y === 'center' ? popup.offset().top - 156 + 'px' : win.position.y === 'bottom' ? popup.offset().top + 25 + 'px' : popup.offset().top + parseInt(win.position.y) + 'px'
+            });
+          } else {
+            container = $($this);
+            container.html(controlHtml);
+          }
+          // initialize the objects to the source code just injected
+          var tbody = container.find('tbody:first');
+          colorMapDiv = tbody.find('div.Map:first');
+          colorBarDiv = tbody.find('div.Bar:first');
+          var MapMaps = colorMapDiv.find('span');
+          var BarMaps = colorBarDiv.find('span');
+          colorMapL1 = MapMaps.filter('.Map1:first');
+          colorMapL2 = MapMaps.filter('.Map2:first');
+          colorMapL3 = MapMaps.filter('.Map3:first');
+          colorBarL1 = BarMaps.filter('.Map1:first');
+          colorBarL2 = BarMaps.filter('.Map2:first');
+          colorBarL3 = BarMaps.filter('.Map3:first');
+          colorBarL4 = BarMaps.filter('.Map4:first');
+          colorBarL5 = BarMaps.filter('.Map5:first');
+          colorBarL6 = BarMaps.filter('.Map6:first');
+          // create color pickers and maps
+          colorMap = new Slider(colorMapDiv, {
+            map: {
+              width: images.colorMap.width,
+              height: images.colorMap.height
+            },
+            arrow: {
+              image: images.clientPath + images.colorMap.arrow.file,
+              width: images.colorMap.arrow.width,
+              height: images.colorMap.arrow.height
+            }
+          });
+          colorMap.bind(mapValueChanged);
+          colorBar = new Slider(colorBarDiv, {
+            map: {
+              width: images.colorBar.width,
+              height: images.colorBar.height
+            },
+            arrow: {
+              image: images.clientPath + images.colorBar.arrow.file,
+              width: images.colorBar.arrow.width,
+              height: images.colorBar.arrow.height
+            }
+          });
+          colorBar.bind(colorBarValueChanged);
+          colorPicker = new ColorValuePicker(tbody, color.active, win.expandable && win.bindToInput ? win.input : null, win.alphaPrecision);
+          var hex = all != null ? all.hex : null,
+              preview = tbody.find('.Preview'),
+              button = tbody.find('.Button');
+          activePreview = preview.find('.Active:first').css({ backgroundColor: hex && '#' + hex || 'transparent' });
+          currentPreview = preview.find('.Current:first').css({ backgroundColor: hex && '#' + hex || 'transparent' }).bind('click', currentClicked);
+          setAlpha.call($this, currentPreview, Math.precision(color.current.val('a') * 100) / 255, 4);
+          okButton = button.find('.Ok:first').bind('click', okClicked);
+          cancelButton = button.find('.Cancel:first').bind('click', cancelClicked);
+          grid = button.find('.Grid:first');
+          setTimeout(function () {
+            setImg.call($this, colorMapL1, images.clientPath + 'Maps.png');
+            setImg.call($this, colorMapL2, images.clientPath + 'Maps.png');
+            setImg.call($this, colorMapL3, images.clientPath + 'map-opacity.png');
+            setImg.call($this, colorBarL1, images.clientPath + 'Bars.png');
+            setImg.call($this, colorBarL2, images.clientPath + 'Bars.png');
+            setImg.call($this, colorBarL3, images.clientPath + 'Bars.png');
+            setImg.call($this, colorBarL4, images.clientPath + 'Bars.png');
+            setImg.call($this, colorBarL5, images.clientPath + 'bar-opacity.png');
+            setImg.call($this, colorBarL6, images.clientPath + 'AlphaBar.png');
+            setImg.call($this, preview.find('div:first'), images.clientPath + 'preview-opacity.png');
+          }, 0);
+          tbody.find('td.Radio input').bind('click', radioClicked);
+          // initialize quick list
+          if (color.quickList && color.quickList.length > 0) {
+            var html = '';
+            for (var i = 0; i < color.quickList.length; i++) {
+              /* if default colors are hex strings, change them to color objects */
+              if (_typeof(color.quickList[i]).toString().toLowerCase() === 'string') color.quickList[i] = new Color({ hex: color.quickList[i] });
+              var alpha = color.quickList[i].val('a');
+              var ahex = color.quickList[i].val('ahex');
+              if (!win.alphaSupport && ahex) ahex = ahex.substring(0, 6) + 'ff';
+              var quickHex = color.quickList[i].val('hex');
+              if (!ahex) ahex = '00000000';
+              html += '<span class="QuickColor"' + (ahex && ' title="#' + ahex + '"' || 'none') + ' style="background-color:' + (quickHex && '#' + quickHex || '') + ';' + (quickHex ? '' : 'background-image:url(' + images.clientPath + 'NoColor.png)') + (win.alphaSupport && alpha && alpha < 255 ? ';opacity:' + Math.precision(alpha / 255, 4) + ';filter:Alpha(opacity=' + Math.precision(alpha / 2.55, 4) + ')' : '') + '">&nbsp;</span>';
+            }
+            setImg.call($this, grid, images.clientPath + 'bar-opacity.png');
+            grid.html(html);
+            grid.find('.QuickColor').click(quickPickClicked);
+          }
+          setColorMode.call($this, settings.color.mode);
+          color.active.bind(activeColorChanged);
+          typeof liveCallback === 'function' && color.active.bind(liveCallback);
+          color.current.bind(currentColorChanged);
+          // bind to input
+          if (win.expandable) {
+            $this.icon = popup.parents('.Icon:first');
+            iconColor = $this.icon.find('.Color:first').css({ backgroundColor: hex && '#' + hex || 'transparent' });
+            iconAlpha = $this.icon.find('.Alpha:first');
+            setImg.call($this, iconAlpha, images.clientPath + 'bar-opacity.png');
+            setAlpha.call($this, iconAlpha, Math.precision((255 - (all != null ? all.a : 0)) * 100 / 255, 4));
+            iconImage = $this.icon.find('.Image:first').css({
+              backgroundImage: 'url(\'' + images.clientPath + images.picker.file + '\')'
+            }).bind('click', iconImageClicked);
+            if (win.bindToInput && win.updateInputColor) {
+              win.input.css({
+                backgroundColor: hex && '#' + hex || 'transparent',
+                color: all == null || all.v > 75 ? '#000000' : '#ffffff'
+              });
+            }
+            moveBar = tbody.find('.Move:first').bind('mousedown', moveBarMouseDown);
+            color.active.bind(expandableColorChanged);
+          } else show.call($this);
+        }
+        function destroy() {
+          container.find('td.Radio input').unbind('click', radioClicked);
+          currentPreview.unbind('click', currentClicked);
+          cancelButton.unbind('click', cancelClicked);
+          okButton.unbind('click', okClicked);
+          if (settings.window.expandable) {
+            iconImage.unbind('click', iconImageClicked);
+            moveBar.unbind('mousedown', moveBarMouseDown);
+            $this.icon = null;
+          }
+          container.find('.QuickColor').unbind('click', quickPickClicked);
+          colorMapDiv = null;
+          colorBarDiv = null;
+          colorMapL1 = null;
+          colorMapL2 = null;
+          colorMapL3 = null;
+          colorBarL1 = null;
+          colorBarL2 = null;
+          colorBarL3 = null;
+          colorBarL4 = null;
+          colorBarL5 = null;
+          colorBarL6 = null;
+          colorMap.destroy();
+          colorMap = null;
+          colorBar.destroy();
+          colorBar = null;
+          colorPicker.destroy();
+          colorPicker = null;
+          activePreview = null;
+          currentPreview = null;
+          okButton = null;
+          cancelButton = null;
+          grid = null;
+          commitCallback = null;
+          cancelCallback = null;
+          liveCallback = null;
+          container.html('');
+          for (var i = 0; i < List.length; i++) {
+            if (List[i] === $this) {
+              List.splice(i, 1);
+            }
+          }
+        }
+        var images = settings.images,
+            localization = settings.localization; // local copies for YUI compressor
+
+        var color = {
+          active: _typeof(settings.color.active).toString().toLowerCase() === 'string' ? new Color({ ahex: !settings.window.alphaSupport && settings.color.active ? settings.color.active.substring(0, 6) + 'ff' : settings.color.active
+          }) : new Color({ ahex: !settings.window.alphaSupport && settings.color.active.val('ahex') ? settings.color.active.val('ahex').substring(0, 6) + 'ff' : settings.color.active.val('ahex')
+          }),
+          current: _typeof(settings.color.active).toString().toLowerCase() === 'string' ? new Color({ ahex: !settings.window.alphaSupport && settings.color.active ? settings.color.active.substring(0, 6) + 'ff' : settings.color.active }) : new Color({ ahex: !settings.window.alphaSupport && settings.color.active.val('ahex') ? settings.color.active.val('ahex').substring(0, 6) + 'ff' : settings.color.active.val('ahex')
+          }),
+          quickList: settings.color.quickList
+        };
+
+        var elementStartX = null,
+            // Used to record the starting css positions for dragging the control
+        elementStartY = null,
+            pageStartX = null,
+            // Used to record the mousedown coordinates for dragging the control
+        pageStartY = null,
+            container = null,
+            colorMapDiv = null,
+            colorBarDiv = null,
+            colorMapL1 = null,
+            // different layers of colorMap and colorBar
+        colorMapL2 = null,
+            colorMapL3 = null,
+            colorBarL1 = null,
+            colorBarL2 = null,
+            colorBarL3 = null,
+            colorBarL4 = null,
+            colorBarL5 = null,
+            colorBarL6 = null,
+            colorMap = null,
+            // color maps
+        colorBar = null,
+            colorPicker = null,
+            activePreview = null,
+            // color boxes above the radio buttons
+        currentPreview = null,
+            okButton = null,
+            cancelButton = null,
+            grid = null,
+            // preset colors grid
+        iconColor = null,
+            // iconColor for popup icon
+        iconAlpha = null,
+            // iconAlpha for popup icon
+        iconImage = null,
+            // iconImage popup icon
+        moveBar = null,
+            // drag bar
+        commitCallback = typeof $arguments[1] === 'function' ? $arguments[1] : null,
+            liveCallback = typeof $arguments[2] === 'function' ? $arguments[2] : null,
+            cancelCallback = typeof $arguments[3] === 'function' ? $arguments[3] : null;
+
+        $.extend(true, $this, {
+          // public properties, methods, and callbacks
+          commitCallback: commitCallback, // commitCallback function can be overridden to return the selected color to a method you specify when the user clicks "OK"
+          liveCallback: liveCallback, // liveCallback function can be overridden to return the selected color to a method you specify in live mode (continuous update)
+          cancelCallback: cancelCallback, // cancelCallback function can be overridden to a method you specify when the user clicks "Cancel"
+          color: color,
+          show: show,
+          hide: hide,
+          destroy: destroy // destroys this control entirely, removing all events and objects, and removing itself from the List
+        });
+        List.push($this);
+        setTimeout(function () {
+          initialize.call($this);
+        }, 0);
+      });
+    };
+    /**
+    * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsIconInfo
+    * @property {string} file Color Map/Color Bar/Color Picker arrow icon
+    * @property {Float} width
+    * @property {Float} height
+    */
+    /**
+    * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsImagesDimensionsArrow
+    * @property {Float} width
+    * @property {Float} height
+    * @property {external:jQuery.fn.jPickerOptionsIconInfo} arrow
+    */
+    /**
+    * @typedef {PlainObject} external:jQuery.fn.jPickerOptionsRadioTextboxLocale
+    * @property {string} radio
+    * @property {string} textbox
+    */
+    /**
+    * @typedef {PlainObject} external:jQuery.fn.jPickerOptions
+    * @property {PlainObject} window
+    * @property {string|null} window.title Any title for the jPicker window itself - displays
+    * "Drag Markers To Pick A Color" if left null
+    * @property {PlainObject} window.effects
+    * @property {"slide"|"show"|"fade"} window.effects.type Effect used to show/hide an expandable picker
+    * @property {PlainObject} window.effects.speed
+    * @property {"fast"|"slow"|Float} window.effects.speed.show Duration of "show" effect. Time in milliseconds.
+    * @property {"fast"|"slow"|Float} window.effects.speed.hide Duration of "hide" effect. Time in milliseconds
+    * @property {PlainObject} window.position
+    * @property {"left"|"center"|"right"|"screenCenter"|Float} window.position.x Relative px value
+    * @property {"top"|"bottom"|"center"|Float} window.position.y Relative px value
+    * @property {boolean} window.expandable Defaults to large static picker - set to `true` to make an expandable
+    * picker (small icon with popup) - set automatically when binded to input element
+    * @property {boolean} window.liveUpdate Set `false` if you want the user to have to click "OK" before the
+    * binded input box updates values (always `true` for expandable picker)
+    * @property {boolean} window.alphaSupport Set to `true` to enable alpha picking
+    * @property {Float} window.alphaPrecision Set decimal precision for alpha percentage display - hex codes do
+    * not map directly to percentage integers - range 0-2
+    * @property {boolean} window.updateInputColor Set to `false` to prevent binded input colors from changing
+    * @property {PlainObject} color
+    * @property {"h"|"s"|"v"|"r"|"g"|"b"|"a"} color.mode Symbols stand for "h" (hue), "s" (saturation), "v" (value), "r" (red), "g" (green), "b" (blue), "a" (alpha)
+    * @property {Color|string} color.active Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the "#" prefix
+    * @property {Color[]|string[]} color.quickList The quick pick color list
+    * Strings are HEX values (e.g. #ffc000) WITH OR WITHOUT the "#" prefix
+    * @property {PlainObject} images
+    * @property {string} images.clientPath Path to image files
+    * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorMap
+    * @property {external:jQuery.fn.jPickerOptionsImagesDimensionsArrow} images.colorBar
+    * @property {external:jQuery.fn.jPickerOptionsIconInfo} images.picker
+    * @property {PlainObject} localization alter these to change the text presented by the picker (e.g. different language)
+    * @property {PlainObject} localization.text
+    * @property {string} localization.text.title
+    * @property {string} localization.text.newColor
+    * @property {string} localization.text.currentColor
+    * @property {string} localization.text.ok
+    * @property {string} localization.text.cancel
+    * @property {PlainObject} localization.tooltips
+    * @property {PlainObject} localization.tooltips.colors
+    * @property {string} localization.tooltips.colors.newColor
+    * @property {string} localization.tooltips.colors.currentColor
+    * @property {PlainObject} localization.tooltips.buttons
+    * @property {string} localization.tooltips.buttons.ok
+    * @property {string} localization.tooltips.buttons.cancel
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.hue
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.saturation
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.value
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.red
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.green
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.blue
+    * @property {external:jQuery.fn.jPickerOptionsRadioTextboxLocale} localization.tooltips.alpha
+    * @property {PlainObject} localization.tooltips.hex
+    * @property {string} localization.tooltips.hex.textbox
+    * @property {string} localization.tooltips.hex.alpha
+    */
+    /**
+    * jPicker defaults - you can change anything in this section (such as the
+    * clientPath to your images) without fear of breaking the program
+    * @namespace {external:jQuery.fn.jPickerOptions} defaults
+    * @memberof external:jQuery.fn.$.fn.jPicker
+    * @borrows external:jQuery.fn.jPickerOptions as external:jQuery.fn.jPicker.defaults
+    * @see Source for all of the values
+    */
+    $.fn.jPicker.defaults = {
+      window: {
+        title: null,
+        effects: {
+          type: 'slide',
+          speed: {
+            show: 'slow',
+            hide: 'fast'
+          }
+        },
+        position: {
+          x: 'screenCenter',
+          y: 'top'
+        },
+        expandable: false,
+        liveUpdate: true,
+        alphaSupport: false,
+        alphaPrecision: 0,
+        updateInputColor: true
+      },
+      color: {
+        mode: 'h',
+        active: new Color({ ahex: '#ffcc00ff' }),
+        quickList: [new Color({ h: 360, s: 33, v: 100 }), new Color({ h: 360, s: 66, v: 100 }), new Color({ h: 360, s: 100, v: 100 }), new Color({ h: 360, s: 100, v: 75 }), new Color({ h: 360, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 100 }), new Color({ h: 30, s: 33, v: 100 }), new Color({ h: 30, s: 66, v: 100 }), new Color({ h: 30, s: 100, v: 100 }), new Color({ h: 30, s: 100, v: 75 }), new Color({ h: 30, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 90 }), new Color({ h: 60, s: 33, v: 100 }), new Color({ h: 60, s: 66, v: 100 }), new Color({ h: 60, s: 100, v: 100 }), new Color({ h: 60, s: 100, v: 75 }), new Color({ h: 60, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 80 }), new Color({ h: 90, s: 33, v: 100 }), new Color({ h: 90, s: 66, v: 100 }), new Color({ h: 90, s: 100, v: 100 }), new Color({ h: 90, s: 100, v: 75 }), new Color({ h: 90, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 70 }), new Color({ h: 120, s: 33, v: 100 }), new Color({ h: 120, s: 66, v: 100 }), new Color({ h: 120, s: 100, v: 100 }), new Color({ h: 120, s: 100, v: 75 }), new Color({ h: 120, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 60 }), new Color({ h: 150, s: 33, v: 100 }), new Color({ h: 150, s: 66, v: 100 }), new Color({ h: 150, s: 100, v: 100 }), new Color({ h: 150, s: 100, v: 75 }), new Color({ h: 150, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 50 }), new Color({ h: 180, s: 33, v: 100 }), new Color({ h: 180, s: 66, v: 100 }), new Color({ h: 180, s: 100, v: 100 }), new Color({ h: 180, s: 100, v: 75 }), new Color({ h: 180, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 40 }), new Color({ h: 210, s: 33, v: 100 }), new Color({ h: 210, s: 66, v: 100 }), new Color({ h: 210, s: 100, v: 100 }), new Color({ h: 210, s: 100, v: 75 }), new Color({ h: 210, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 30 }), new Color({ h: 240, s: 33, v: 100 }), new Color({ h: 240, s: 66, v: 100 }), new Color({ h: 240, s: 100, v: 100 }), new Color({ h: 240, s: 100, v: 75 }), new Color({ h: 240, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 20 }), new Color({ h: 270, s: 33, v: 100 }), new Color({ h: 270, s: 66, v: 100 }), new Color({ h: 270, s: 100, v: 100 }), new Color({ h: 270, s: 100, v: 75 }), new Color({ h: 270, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 10 }), new Color({ h: 300, s: 33, v: 100 }), new Color({ h: 300, s: 66, v: 100 }), new Color({ h: 300, s: 100, v: 100 }), new Color({ h: 300, s: 100, v: 75 }), new Color({ h: 300, s: 100, v: 50 }), new Color({ h: 180, s: 0, v: 0 }), new Color({ h: 330, s: 33, v: 100 }), new Color({ h: 330, s: 66, v: 100 }), new Color({ h: 330, s: 100, v: 100 }), new Color({ h: 330, s: 100, v: 75 }), new Color({ h: 330, s: 100, v: 50 }), new Color()]
+      },
+      images: {
+        clientPath: '/jPicker/images/',
+        colorMap: {
+          width: 256,
+          height: 256,
+          arrow: {
+            file: 'mappoint.gif',
+            width: 15,
+            height: 15
+          }
+        },
+        colorBar: {
+          width: 20,
+          height: 256,
+          arrow: {
+            file: 'rangearrows.gif',
+            width: 20,
+            height: 7
+          }
+        },
+        picker: {
+          file: 'picker.gif',
+          width: 25,
+          height: 24
+        }
+      },
+      localization: {
+        text: {
+          title: 'Drag Markers To Pick A Color',
+          newColor: 'new',
+          currentColor: 'current',
+          ok: 'OK',
+          cancel: 'Cancel'
+        },
+        tooltips: {
+          colors: {
+            newColor: 'New Color - Press &ldquo;OK&rdquo; To Commit',
+            currentColor: 'Click To Revert To Original Color'
+          },
+          buttons: {
+            ok: 'Commit To This Color Selection',
+            cancel: 'Cancel And Revert To Original Color'
+          },
+          hue: {
+            radio: 'Set To &ldquo;Hue&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Hue&rdquo; Value (0-360&deg;)'
+          },
+          saturation: {
+            radio: 'Set To &ldquo;Saturation&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Saturation&rdquo; Value (0-100%)'
+          },
+          value: {
+            radio: 'Set To &ldquo;Value&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Value&rdquo; Value (0-100%)'
+          },
+          red: {
+            radio: 'Set To &ldquo;Red&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Red&rdquo; Value (0-255)'
+          },
+          green: {
+            radio: 'Set To &ldquo;Green&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Green&rdquo; Value (0-255)'
+          },
+          blue: {
+            radio: 'Set To &ldquo;Blue&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Blue&rdquo; Value (0-255)'
+          },
+          alpha: {
+            radio: 'Set To &ldquo;Alpha&rdquo; Color Mode',
+            textbox: 'Enter A &ldquo;Alpha&rdquo; Value (0-100)'
+          },
+          hex: {
+            textbox: 'Enter A &ldquo;Hex&rdquo; Color Value (#000000-#ffffff)',
+            alpha: 'Enter A &ldquo;Alpha&rdquo; Value (#00-#ff)'
+          }
+        }
+      }
+    };
+    return $;
+  };
+
+  /* globals jQuery */
+
+  var $$a = jQuery;
+
+  var langParam = void 0;
+
+  /**
+  * @param {"content"|"title"} type
+  * @param {module:locale.LocaleSelectorValue} obj
+  * @param {boolean} ids
+  * @returns {undefined}
+  */
+  var setStrings = function setStrings(type, obj, ids) {
+    // Root element to look for element from
+    var parent = $$a('#svg_editor').parent();
+    Object.entries(obj).forEach(function (_ref) {
+      var _ref2 = slicedToArray(_ref, 2),
+          sel = _ref2[0],
+          val = _ref2[1];
+
+      if (!val) {
+        console.log(sel);
+      }
+
+      if (ids) {
+        sel = '#' + sel;
+      }
+      var $elem = parent.find(sel);
+      if ($elem.length) {
+        var elem = parent.find(sel)[0];
+
+        switch (type) {
+          case 'content':
+            for (var i = 0, node; node = elem.childNodes[i]; i++) {
+              if (node.nodeType === 3 && node.textContent.trim()) {
+                node.textContent = val;
+                break;
+              }
+            }
+            break;
+
+          case 'title':
+            elem.title = val;
+            break;
+        }
+      } else {
+        console.log('Missing: ' + sel);
+      }
+    });
+  };
+
+  /**
+  * The "data" property is generally set to an an array of objects with
+  * "id" and "title" or "textContent" properties
+  * @typedef {PlainObject} module:locale.AddLangExtensionLocaleData
+  * @property {module:locale.LocaleStrings[]} data See {@tutorial LocaleDocs}
+  */
+
+  /**
+  * @interface module:locale.LocaleEditorInit
+  */
+  /**
+   * @function module:locale.LocaleEditorInit#addLangData
+   * @param {string} langParam
+   * @returns {module:locale.AddLangExtensionLocaleData}
+  */
+
+  var editor_ = void 0;
+  /**
+  * @function init
+  * @memberof module:locale
+  * @param {module:locale.LocaleEditorInit} editor
+  * @returns {undefined}
+  */
+  var init$7 = function init(editor) {
+    editor_ = editor;
+  };
+
+  /**
+  * @typedef {PlainObject} module:locale.LangAndData
+  * @property {string} langParam
+  * @property {module:locale.LocaleStrings} langData
+  */
+
+  /**
+  * @function module:locale.readLang
+  * @param {module:locale.LocaleStrings} langData See {@tutorial LocaleDocs}
+  * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+  * @returns {Promise} Resolves to [`LangAndData`]{@link module:locale.LangAndData}
+  */
+  var readLang = function () {
+    var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(langData) {
+      var more, _langData, tools, properties, config, layers, common, ui, opts;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return editor_.addLangData(langParam);
+
+            case 2:
+              more = _context.sent;
+
+              $$a.each(more, function (i, m) {
+                if (m.data) {
+                  langData = $$a.merge(langData, m.data);
+                }
+              });
+
+              // Old locale file, do nothing for now.
+
+              if (langData.tools) {
+                _context.next = 6;
+                break;
+              }
+
+              return _context.abrupt('return');
+
+            case 6:
+              _langData = langData, tools = _langData.tools, properties = _langData.properties, config = _langData.config, layers = _langData.layers, common = _langData.common, ui = _langData.ui;
+
+
+              setStrings('content', {
+                // copyrightLabel: misc.powered_by, // Currently commented out in svg-editor.html
+                curve_segments: properties.curve_segments,
+                fitToContent: tools.fitToContent,
+                fit_to_all: tools.fit_to_all,
+                fit_to_canvas: tools.fit_to_canvas,
+                fit_to_layer_content: tools.fit_to_layer_content,
+                fit_to_sel: tools.fit_to_sel,
+
+                icon_large: config.icon_large,
+                icon_medium: config.icon_medium,
+                icon_small: config.icon_small,
+                icon_xlarge: config.icon_xlarge,
+                image_opt_embed: config.image_opt_embed,
+                image_opt_ref: config.image_opt_ref,
+                includedImages: config.included_images,
+
+                largest_object: tools.largest_object,
+
+                layersLabel: layers.layers,
+                page: tools.page,
+                relativeToLabel: tools.relativeTo,
+                selLayerLabel: layers.move_elems_to,
+                selectedPredefined: config.select_predefined,
+
+                selected_objects: tools.selected_objects,
+                smallest_object: tools.smallest_object,
+                straight_segments: properties.straight_segments,
+
+                svginfo_bg_url: config.editor_img_url + ':',
+                svginfo_bg_note: config.editor_bg_note,
+                svginfo_change_background: config.background,
+                svginfo_dim: config.doc_dims,
+                svginfo_editor_prefs: config.editor_prefs,
+                svginfo_height: common.height,
+                svginfo_icons: config.icon_size,
+                svginfo_image_props: config.image_props,
+                svginfo_lang: config.language,
+                svginfo_title: config.doc_title,
+                svginfo_width: common.width,
+
+                tool_docprops_cancel: common.cancel,
+                tool_docprops_save: common.ok,
+
+                tool_source_cancel: common.cancel,
+                tool_source_save: common.ok,
+
+                tool_prefs_cancel: common.cancel,
+                tool_prefs_save: common.ok,
+
+                sidepanel_handle: layers.layers.split('').join(' '),
+
+                tool_clear: tools.new_doc,
+                tool_docprops: tools.docprops,
+                tool_export: tools.export_img,
+                tool_import: tools.import_doc,
+                tool_open: tools.open_doc,
+                tool_save: tools.save_doc,
+
+                svginfo_units_rulers: config.units_and_rulers,
+                svginfo_rulers_onoff: config.show_rulers,
+                svginfo_unit: config.base_unit,
+
+                svginfo_grid_settings: config.grid,
+                svginfo_snap_onoff: config.snapping_onoff,
+                svginfo_snap_step: config.snapping_stepsize,
+                svginfo_grid_color: config.grid_color
+              }, true);
+
+              // Context menus
+              opts = {};
+
+              $$a.each(['cut', 'copy', 'paste', 'paste_in_place', 'delete', 'group', 'ungroup', 'move_front', 'move_up', 'move_down', 'move_back'], function () {
+                opts['#cmenu_canvas a[href="#' + this + '"]'] = tools[this];
+              });
+
+              $$a.each(['dupe', 'merge_down', 'merge_all'], function () {
+                opts['#cmenu_layers a[href="#' + this + '"]'] = layers[this];
+              });
+
+              opts['#cmenu_layers a[href="#delete"]'] = layers.del;
+
+              setStrings('content', opts);
+
+              setStrings('title', {
+                align_relative_to: tools.align_relative_to,
+                circle_cx: properties.circle_cx,
+                circle_cy: properties.circle_cy,
+                circle_r: properties.circle_r,
+                cornerRadiusLabel: properties.corner_radius,
+                ellipse_cx: properties.ellipse_cx,
+                ellipse_cy: properties.ellipse_cy,
+                ellipse_rx: properties.ellipse_rx,
+                ellipse_ry: properties.ellipse_ry,
+                fill_color: properties.fill_color,
+                font_family: properties.font_family,
+                idLabel: properties.id,
+                image_height: properties.image_height,
+                image_url: properties.image_url,
+                image_width: properties.image_width,
+                layer_delete: layers.del,
+                layer_down: layers.move_down,
+                layer_new: layers['new'],
+                layer_rename: layers.rename,
+                layer_moreopts: common.more_opts,
+                layer_up: layers.move_up,
+                line_x1: properties.line_x1,
+                line_x2: properties.line_x2,
+                line_y1: properties.line_y1,
+                line_y2: properties.line_y2,
+                linecap_butt: properties.linecap_butt,
+                linecap_round: properties.linecap_round,
+                linecap_square: properties.linecap_square,
+                linejoin_bevel: properties.linejoin_bevel,
+                linejoin_miter: properties.linejoin_miter,
+                linejoin_round: properties.linejoin_round,
+                main_icon: tools.main_menu,
+                palette: ui.palette_info,
+                zoom_panel: ui.zoom_level,
+                path_node_x: properties.node_x,
+                path_node_y: properties.node_y,
+                rect_height_tool: properties.rect_height,
+                rect_width_tool: properties.rect_width,
+                seg_type: properties.seg_type,
+                selLayerNames: layers.move_selected,
+                selected_x: properties.pos_x,
+                selected_y: properties.pos_y,
+                stroke_color: properties.stroke_color,
+                stroke_style: properties.stroke_style,
+                stroke_width: properties.stroke_width,
+                svginfo_title: config.doc_title,
+                text: properties.text_contents,
+                toggle_stroke_tools: ui.toggle_stroke_tools,
+                tool_add_subpath: tools.add_subpath,
+                tool_alignbottom: tools.align_bottom,
+                tool_aligncenter: tools.align_center,
+                tool_alignleft: tools.align_left,
+                tool_alignmiddle: tools.align_middle,
+                tool_alignright: tools.align_right,
+                tool_aligntop: tools.align_top,
+                tool_angle: properties.angle,
+                tool_blur: properties.blur,
+                tool_bold: properties.bold,
+                tool_circle: tools.mode_circle,
+                tool_clone: tools.clone,
+                tool_clone_multi: tools.clone,
+                tool_delete: tools.del,
+                tool_delete_multi: tools.del,
+                tool_ellipse: tools.mode_ellipse,
+                tool_fhellipse: tools.mode_fhellipse,
+                tool_fhpath: tools.mode_fhpath,
+                tool_fhrect: tools.mode_fhrect,
+                tool_font_size: properties.font_size,
+                tool_group_elements: tools.group_elements,
+                tool_make_link: tools.make_link,
+                tool_link_url: tools.set_link_url,
+                tool_image: tools.mode_image,
+                tool_italic: properties.italic,
+                tool_line: tools.mode_line,
+                tool_move_bottom: tools.move_bottom,
+                tool_move_top: tools.move_top,
+                tool_node_clone: tools.node_clone,
+                tool_node_delete: tools.node_delete,
+                tool_node_link: tools.node_link,
+                tool_opacity: properties.opacity,
+                tool_openclose_path: tools.openclose_path,
+                tool_path: tools.mode_path,
+                tool_position: tools.align_to_page,
+                tool_rect: tools.mode_rect,
+                tool_redo: tools.redo,
+                tool_reorient: tools.reorient_path,
+                tool_select: tools.mode_select,
+                tool_source: tools.source_save,
+                tool_square: tools.mode_square,
+                tool_text: tools.mode_text,
+                tool_topath: tools.to_path,
+                tool_undo: tools.undo,
+                tool_ungroup: tools.ungroup,
+                tool_wireframe: tools.wireframe_mode,
+                tool_zoom: tools.mode_zoom,
+                url_notice: tools.no_embed
+
+              }, true);
+
+              return _context.abrupt('return', { langParam: langParam, langData: langData });
+
+            case 15:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, this);
+    }));
+
+    return function readLang(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  /**
+  * @function module:locale.putLocale
+  * @param {string} givenParam
+  * @param {string[]} goodLangs
+  * @param {{langPath: string}} conf
+  * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+  * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+  * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+  * @returns {Promise} Resolves to result of {@link module:locale.readLang}
+  */
+  var putLocale = function () {
+    var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(givenParam, goodLangs, conf) {
+      var url;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (givenParam) {
+                langParam = givenParam;
+              } else {
+                langParam = $$a.pref('lang');
+                if (!langParam) {
+                  if (navigator.userLanguage) {
+                    // Explorer
+                    langParam = navigator.userLanguage;
+                  } else if (navigator.language) {
+                    // FF, Opera, ...
+                    langParam = navigator.language;
+                  }
+                }
+
+                console.log('Lang: ' + langParam);
+
+                // Set to English if language is not in list of good langs
+                if (!goodLangs.includes(langParam) && langParam !== 'test') {
+                  langParam = 'en';
+                }
+
+                // don't bother on first run if language is English
+                // The following line prevents setLang from running
+                //    extensions which depend on updated uiStrings,
+                //    so commenting it out.
+                // if (langParam.startsWith('en')) {return;}
+              }
+
+              url = conf.langPath + 'lang.' + langParam + '.js';
+              _context2.t0 = readLang;
+              _context2.next = 5;
+              return importSetGlobalDefault(url, {
+                global: 'svgEditorLang_' + langParam.replace(/-/g, '_')
+              });
+
+            case 5:
+              _context2.t1 = _context2.sent;
+              return _context2.abrupt('return', (0, _context2.t0)(_context2.t1));
+
+            case 7:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, this);
+    }));
+
+    return function putLocale(_x2, _x3, _x4) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  function loadStylesheets(stylesheets) {
+      var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+          beforeDefault = _ref.before,
+          afterDefault = _ref.after,
+          faviconDefault = _ref.favicon,
+          canvasDefault = _ref.canvas,
+          _ref$image = _ref.image,
+          imageDefault = _ref$image === undefined ? true : _ref$image,
+          acceptErrors = _ref.acceptErrors;
+
+      stylesheets = Array.isArray(stylesheets) ? stylesheets : [stylesheets];
+
+      function setupLink(stylesheetURL) {
+          var options = {};
+          if (Array.isArray(stylesheetURL)) {
+              var _stylesheetURL = stylesheetURL;
+
+              var _stylesheetURL2 = slicedToArray(_stylesheetURL, 2);
+
+              stylesheetURL = _stylesheetURL2[0];
+              var _stylesheetURL2$ = _stylesheetURL2[1];
+              options = _stylesheetURL2$ === undefined ? {} : _stylesheetURL2$;
+          }
+          var _options = options,
+              _options$favicon = _options.favicon,
+              favicon = _options$favicon === undefined ? faviconDefault : _options$favicon;
+          var _options2 = options,
+              _options2$before = _options2.before,
+              before = _options2$before === undefined ? beforeDefault : _options2$before,
+              _options2$after = _options2.after,
+              after = _options2$after === undefined ? afterDefault : _options2$after,
+              _options2$canvas = _options2.canvas,
+              canvas = _options2$canvas === undefined ? canvasDefault : _options2$canvas,
+              _options2$image = _options2.image,
+              image = _options2$image === undefined ? imageDefault : _options2$image;
+
+          function addLink() {
+              if (before) {
+                  before.before(link);
+              } else if (after) {
+                  after.after(link);
+              } else {
+                  document.head.appendChild(link);
+              }
+          }
+
+          var link = document.createElement('link');
+          return new Promise(function (resolve, reject) {
+              var rej = reject;
+              if (acceptErrors) {
+                  rej = typeof acceptErrors === 'function' ? function (error) {
+                      acceptErrors({ error: error, stylesheetURL: stylesheetURL, options: options, resolve: resolve, reject: reject });
+                  } : resolve;
+              }
+              if (stylesheetURL.endsWith('.css')) {
+                  favicon = false;
+              } else if (stylesheetURL.endsWith('.ico')) {
+                  favicon = true;
+              }
+              if (favicon) {
+                  link.rel = 'shortcut icon';
+                  link.type = 'image/x-icon';
+
+                  if (image === false) {
+                      link.href = stylesheetURL;
+                      addLink();
+                      resolve(link);
+                      return;
+                  }
+
+                  var cnv = document.createElement('canvas');
+                  cnv.width = 16;
+                  cnv.height = 16;
+                  var context = cnv.getContext('2d');
+                  var img = document.createElement('img');
+                  img.addEventListener('error', function (error) {
+                      reject(error);
+                  });
+                  img.addEventListener('load', function () {
+                      context.drawImage(img, 0, 0);
+                      link.href = canvas ? cnv.toDataURL('image/x-icon') : stylesheetURL;
+                      addLink();
+                      resolve(link);
+                  });
+                  img.src = stylesheetURL;
+                  return;
+              }
+              link.rel = 'stylesheet';
+              link.type = 'text/css';
+              link.href = stylesheetURL;
+              addLink();
+              link.addEventListener('error', function (error) {
+                  rej(error);
+              });
+              link.addEventListener('load', function () {
+                  resolve(link);
+              });
+          });
+      }
+
+      return Promise.all(stylesheets.map(setupLink));
+  }
+
+  /* globals jQuery */
+
+  /**
+  * The main module for the visual SVG Editor
+  *
+  * @license MIT
+  *
+  * @copyright 2010 Alexis Deveria
+  * 2010 Pavol Rusnak
+  * 2010 Jeff Schiller
+  * 2010 Narendra Sisodiya
+  * 2014 Brett Zamir
+  * @exports module:SVGEditor
+  * @borrows module:locale.putLocale as putLocale
+  * @borrows module:locale.readLang as readLang
+  * @borrows module:locale.setStrings as setStrings
+  */
+  var editor = {};
+
+  var $$b = [jqPluginJSHotkeys, jqPluginBBQ, jqPluginSVGIcons, jqPluginJGraduate, jqPluginSpinBtn, jqPluginSVG, jQueryContextMenu, jPicker].reduce(function ($, cb) {
+    return cb($);
+  }, jQuery);
+
+  /*
+  if (!$.loadingStylesheets) {
+    $.loadingStylesheets = [];
+  }
+  */
+  var stylesheet = 'svg-editor.css';
+  if (!$$b.loadingStylesheets.includes(stylesheet)) {
+    $$b.loadingStylesheets.push(stylesheet);
+  }
+  var favicon = 'images/logo.png';
+  if ($$b.loadingStylesheets.some(function (item) {
+    return !Array.isArray(item) || item[0] !== favicon;
+  })) {
+    $$b.loadingStylesheets.push([favicon, { favicon: true }]);
+  }
+
+  // EDITOR PROPERTIES: (defined below)
+  //    curPrefs, curConfig, canvas, storage, uiStrings
+  //
+  // STATE MAINTENANCE PROPERTIES
+  /**
+  * @type {Float}
+  */
+  editor.tool_scale = 1; // Dependent on icon size, so any use to making configurable instead? Used by `jQuery.SpinButton.js`
+  /**
+  * @type {Integer}
+  */
+  editor.exportWindowCt = 0;
+  /**
+  * @type {boolean}
+  */
+  editor.langChanged = false;
+  /**
+  * @type {boolean}
+  */
+  editor.showSaveWarning = false;
+  /**
+  * @type {boolean}
+  */
+  editor.storagePromptClosed = false; // For use with ext-storage.js
+
+  var callbacks = [],
+
+  /**
+  * @typedef {"s"|"m"|"l"|"xl"|Float} module:SVGEditor.IconSize
+  */
+  /**
+  * Preferences
+  * @interface module:SVGEditor.Prefs
+  * @property {string} [lang="en"] Two-letter language code. The language must exist in the Editor Preferences language list. Defaults to "en" if `locale.js` detection does not detect another language.
+  * @property {module:SVGEditor.IconSize} [iconsize="s"|"m"] Size of the toolbar icons. Will default to 's' if the window height is smaller than the minimum height and 'm' otherwise.
+  * @property {string} [bkgd_color="#FFF"] Color hex for canvas background color. Defaults to white.
+  * @property {string} [bkgd_url=""] Background raster image URL. This image will fill the background of the document; useful for tracing purposes.
+  * @property {"embed"|"ref"} [img_save="embed"] Defines whether included raster images should be saved as Data URIs when possible, or as URL references. Settable in the Document Properties dialog.
+  * @property {boolean} [save_notice_done=false] Used to track alert status
+  * @property {boolean} [export_notice_done=false] Used to track alert status
+  * @todo `save_notice_done` and `export_notice_done` should be changed to flags rather than preferences
+  */
+  /**
+  * @namespace {module:SVGEditor.Prefs} defaultPrefs
+  * @memberof module:SVGEditor~
+  * @implements {module:SVGEditor.Prefs}
+  */
+  // The iteration algorithm for defaultPrefs does not currently support array/objects
+  defaultPrefs = /** @lends module:SVGEditor~defaultPrefs */{
+    // EDITOR OPTIONS (DIALOG)
+    /**
+    * Default to "en" if locale.js detection does not detect another language
+    */
+    lang: '',
+    /**
+    * Will default to 's' if the window height is smaller than the minimum height and
+    * 'm' otherwise
+    */
+    iconsize: '',
+    bkgd_color: '#FFF',
+    bkgd_url: '',
+    // DOCUMENT PROPERTIES (DIALOG)
+    img_save: 'embed',
+    // ALERT NOTICES
+    // Only shows in UI as far as alert notices, but useful to remember, so keeping as pref
+    save_notice_done: false,
+    export_notice_done: false
+  },
+
+  /**
+  * @name module:SVGEditor~defaultExtensions
+  * @type {string[]}
+  */
+  defaultExtensions = ['ext-connector.js', 'ext-eyedropper.js', 'ext-grid.js', 'ext-imagelib.js', 'ext-markers.js', 'ext-overview_window.js', 'ext-panning.js', 'ext-polygon.js', 'ext-shapes.js', 'ext-star.js', 'ext-storage.js'],
+
+  /**
+  * @typedef {"@default"|string} module:SVGEditor.Stylesheet `@default` will automatically load all of the default CSS paths for SVGEditor
+  */
+  /**
+  * @typedef {GenericArray} module:SVGEditor.XYDimensions
+  * @property {Integer} length 2
+  * @property {Float} 0
+  * @property {Float} 1
+  */
+  /**
+  * @tutorial ConfigOptions
+  * @interface module:SVGEditor.Config
+  * @property {string} [canvasName="default"] Used to namespace storage provided via `ext-storage.js`; you can use this if you wish to have multiple independent instances of SVG Edit on the same domain
+  * @property {boolean} [no_save_warning=false] If `true`, prevents the warning dialog box from appearing when closing/reloading the page. Mostly useful for testing.
+  * @property {string} [imgPath="images/"] The path where the SVG icons are located, with trailing slash. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {string} [langPath="locale/"] The path where the language files are located, with trailing slash. Default will be changed to `../dist/locale/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {string} [extPath="extensions/"] The path used for extension files, with trailing slash. Default will be changed to `../dist/extensions/` if this is a modular load. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {string} [canvgPath="canvg/"] The path used for `canvg` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.
+  * @property {string} [jspdfPath="jspdf/"] The path used for `jsPDF` files, with trailing slash. Default will be changed to `../dist/` if this is a modular load.
+  * @property {string} [extIconsPath="extensions/"] The path used for extension icons, with trailing slash.
+  * @property {string} [jGraduatePath="jgraduate/images/"] The path where jGraduate images are located. Note that as of version 2.7, this is not configurable by URL for security reasons.
+  * @property {boolean} [preventAllURLConfig=false] Set to `true` to override the ability for URLs to set non-content configuration (including extension config). Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+  * @property {boolean} [preventURLContentLoading=false] Set to `true` to override the ability for URLs to set URL-based SVG content. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+  * @property {boolean} [lockExtensions=false] Set to `true` to override the ability for URLs to set their own extensions; disallowed in URL setting. There is no need for this when `preventAllURLConfig` is used. Must be set early, i.e., in `svgedit-config-iife.js`; extension loading is too late!
+  * @property {boolean} [noDefaultExtensions=false] If set to `true`, prohibits automatic inclusion of default extensions (though "extensions" can still be used to add back any desired default extensions along with any other extensions). This can only be meaningfully used in `svgedit-config-iife.js` or in the URL
+  * @property {boolean} [noStorageOnLoad=false] Some interaction with `ext-storage.js`; prevent even the loading of previously saved local storage.
+  * @property {boolean} [forceStorage=false] Some interaction with `ext-storage.js`; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not (and may be required by law in some regions)
+  * @property {boolean} [emptyStorageOnDecline=false] Used by `ext-storage.js`; empty any prior storage if the user declines to store
+  * @property {string[]} [extensions=module:SVGEditor~defaultExtensions] Extensions to load on startup. Use an array in `setConfig` and comma separated file names in the URL. Extension names must begin with "ext-". Note that as of version 2.7, paths containing "/", "\", or ":", are disallowed for security reasons. Although previous versions of this list would entirely override the default list, as of version 2.7, the defaults will always be added to this explicit list unless the configuration `noDefaultExtensions` is included.
+  * @property {module:SVGEditor.Stylesheet[]} [stylesheets=["@default"]] An array of required stylesheets to load in parallel; include the value `"@default"` within this array to ensure all default stylesheets are loaded.
+  * @property {string[]} [allowedOrigins=[]] Used by `ext-xdomain-messaging.js` to indicate which origins are permitted for cross-domain messaging (e.g., between the embedded editor and main editor code). Besides explicit domains, one might add '' to allow all domains (not recommended for privacy/data integrity of your user's content!), `window.location.origin` for allowing the same origin (should be safe if you trust all apps on your domain), 'null' to allow `file://` URL usage
+  * @property {null|PlainObject} [colorPickerCSS=null] Object of CSS properties mapped to values (for jQuery) to apply to the color picker. See {@link http://api.jquery.com/css/#css-properties}. A `null` value (the default) will cause the CSS to default to `left` with a position equal to that of the `fill_color` or `stroke_color` element minus 140, and a `bottom` equal to 40
+  * @property {string} [paramurl] This was available via URL only. Allowed an un-encoded URL within the query string (use "url" or "source" with a data: URI instead)
+  * @property {Float} [canvas_expansion=3] The minimum area visible outside the canvas, as a multiple of the image dimensions. The larger the number, the more one can scroll outside the canvas.
+  * @property {PlainObject} [initFill] Init fill properties
+  * @property {string} [initFill.color="FF0000"] The initial fill color. Must be a hex code string. Defaults to solid red.
+  * @property {Float} [initFill.opacity=1] The initial fill opacity. Must be a number between 0 and 1
+  * @property {PlainObject} [initStroke] Init stroke properties
+  * @property {Float} [initStroke.width=5] The initial stroke width. Must be a positive number.
+  * @property {string} [initStroke.color="000000"] The initial stroke color. Must be a hex code. Defaults to solid black.
+  * @property {Float} [initStroke.opacity=1] The initial stroke opacity. Must be a number between 0 and 1.
+  * @property {PlainObject} text Text style properties
+  * @property {Float} [text.stroke_width=0] Text stroke width
+  * @property {Float} [text.font_size=24] Text font size
+  * @property {string} [text.font_family="serif"] Text font family
+  * @property {Float} [initOpacity=1] Initial opacity (multiplied by 100)
+  * @property {module:SVGEditor.XYDimensions} [dimensions=[640, 480]] The default width/height of a new document. Use an array in `setConfig` (e.g., `[800, 600]`) and comma separated numbers in the URL.
+  * @property {boolean} [gridSnapping=false] Enable snap to grid by default. Set in Editor Options.
+  * @property {string} [gridColor="#000"] Accepts hex, e.g., '#000'. Set in Editor Options. Defaults to black.
+  * @property {string} [baseUnit="px"] Set in Editor Options.
+  * @property {Float} [snappingStep=10] Set the default grid snapping value. Set in Editor Options.
+  * @property {boolean} [showRulers=true] Initial state of ruler display (v2.6). Set in Editor Options.
+  * @property {string} [initTool="select"] The initially selected tool. Must be either the ID of the button for the tool, or the ID without `tool_` prefix (e.g., "select").
+  * @property {boolean} [wireframe=false] Start in wireframe mode
+  * @property {boolean} [showlayers=false] Open the layers side-panel by default.
+  * @property {"new"|"same"} [exportWindowType="new"] Can be "new" or "same" to indicate whether new windows will be generated for each export; the `window.name` of the export window is namespaced based on the `canvasName` (and incremented if "new" is selected as the type). Introduced 2.8.
+  * @property {boolean} [showGrid=false] Set by `ext-grid.js`; determines whether or not to show the grid by default
+  * @property {boolean} [show_outside_canvas=true] Defines whether or not elements outside the canvas should be visible. Set and used in `svgcanvas.js`.
+  * @property {boolean} [selectNew=true] If true, will replace the selection with the current element and automatically select element objects (when not in "path" mode) after they are created, showing their grips (v2.6). Set and used in `svgcanvas.js` (`mouseUp`).
+  * @todo Some others could be preferences as well (e.g., preventing URL changing of extensions, defaultExtensions, stylesheets, colorPickerCSS); Change the following to preferences and add pref controls where missing to the UI (e.g., `canvas_expansion`, `initFill`, `initStroke`, `text`, `initOpacity`, `dimensions`, `initTool`, `wireframe`, `showlayers`, `gridSnapping`, `gridColor`, `baseUnit`, `snappingStep`, `showRulers`, `exportWindowType`, `showGrid`, `show_outside_canvas`, `selectNew`)?
+  */
+  /**
+  * @namespace {module:SVGEditor.Config} defaultConfig
+  * @memberof module:SVGEditor~
+  * @implements {module:SVGEditor.Config}
+  */
+  defaultConfig = {
+    canvasName: 'default',
+    canvas_expansion: 3,
+    initFill: {
+      color: 'FF0000', // solid red
+      opacity: 1
+    },
+    initStroke: {
+      width: 5,
+      color: '000000', // solid black
+      opacity: 1
+    },
+    text: {
+      stroke_width: 0,
+      font_size: 24,
+      font_family: 'serif'
+    },
+    initOpacity: 1,
+    colorPickerCSS: null, // Defaults to 'left' with a position equal to that of the fill_color or stroke_color element minus 140, and a 'bottom' equal to 40
+    initTool: 'select',
+    exportWindowType: 'new', // 'same' (todo: also support 'download')
+    wireframe: false,
+    showlayers: false,
+    no_save_warning: false,
+    // PATH CONFIGURATION
+    // The following path configuration items are disallowed in the URL (as should any future path configurations)
+    imgPath: 'images/',
+    langPath: 'locale/', // Default will be changed if this is a modular load
+    extPath: 'extensions/', // Default will be changed if this is a modular load
+    canvgPath: 'canvg/', // Default will be changed if this is a modular load
+    jspdfPath: 'jspdf/', // Default will be changed if this is a modular load
+    extIconsPath: 'extensions/',
+    jGraduatePath: 'jgraduate/images/',
+    // DOCUMENT PROPERTIES
+    // Change the following to a preference (already in the Document Properties dialog)?
+    dimensions: [640, 480],
+    // EDITOR OPTIONS
+    // Change the following to preferences (already in the Editor Options dialog)?
+    gridSnapping: false,
+    gridColor: '#000',
+    baseUnit: 'px',
+    snappingStep: 10,
+    showRulers: true,
+    // URL BEHAVIOR CONFIGURATION
+    preventAllURLConfig: false,
+    preventURLContentLoading: false,
+    // EXTENSION CONFIGURATION (see also preventAllURLConfig)
+    lockExtensions: false, // Disallowed in URL setting
+    noDefaultExtensions: false, // noDefaultExtensions can only be meaningfully used in `svgedit-config-iife.js` or in the URL
+    // EXTENSION-RELATED (GRID)
+    showGrid: false, // Set by ext-grid.js
+    // EXTENSION-RELATED (STORAGE)
+    noStorageOnLoad: false, // Some interaction with ext-storage.js; prevent even the loading of previously saved local storage
+    forceStorage: false, // Some interaction with ext-storage.js; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not
+    emptyStorageOnDecline: false // Used by ext-storage.js; empty any prior storage if the user declines to store
+  },
+
+  /**
+  * LOCALE
+  * @name module:SVGEditor.uiStrings
+  * @type {PlainObject}
+  */
+  uiStrings$1 = editor.uiStrings = {};
+
+  var svgCanvas = void 0,
+      urldata = void 0,
+      isReady = false,
+      customExportImage = false,
+      customExportPDF = false,
+      curPrefs = {},
+
+  // Note: The difference between Prefs and Config is that Prefs
+  //   can be changed in the UI and are stored in the browser,
+  //   while config cannot
+  curConfig = {
+    // We do not put on defaultConfig to simplify object copying
+    //   procedures (we obtain instead from defaultExtensions)
+    extensions: [],
+    stylesheets: [],
+    /**
+    * Can use window.location.origin to indicate the current
+    * origin. Can contain a '*' to allow all domains or 'null' (as
+    * a string) to support all file:// URLs. Cannot be set by
+    * URL for security reasons (not safe, at least for
+    * privacy or data integrity of SVG content).
+    * Might have been fairly safe to allow
+    *   `new URL(window.location.href).origin` by default but
+    *   avoiding it ensures some more security that even third
+    *   party apps on the same domain also cannot communicate
+    *   with this app by default.
+    * For use with ext-xdomain-messaging.js
+    * @todo We might instead make as a user-facing preference.
+    */
+    allowedOrigins: []
+  };
+
+  function loadSvgString(str, callback) {
+    var success = svgCanvas.setSvgString(str) !== false;
+    callback = callback || $$b.noop;
+    if (success) {
+      callback(true); // eslint-disable-line standard/no-callback-literal
+    } else {
+      $$b.alert(uiStrings$1.notification.errorLoadingSVG, function () {
+        callback(false); // eslint-disable-line standard/no-callback-literal
+      });
+    }
+  }
+
+  /**
+   * @function module:SVGEditor~getImportLocale
+   * @param {string} defaultLang
+   * @param {string} defaultName
+   * @returns {module:SVGEditor~ImportLocale}
+   */
+  function getImportLocale(_ref) {
+    var defaultLang = _ref.defaultLang,
+        defaultName = _ref.defaultName;
+
+    /**
+     * @function module:SVGEditor~ImportLocale
+     * @param {string} [name] Defaults to `defaultName` of {@link module:SVGEditor~getImportLocale}
+     * @param {string} [lang=defaultLang] Defaults to `defaultLang` of {@link module:SVGEditor~getImportLocale}
+     * @returns {Promise} Resolves to {@link module:locale.LocaleStrings}
+     */
+    return function () {
+      var _ref2 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+        var importLocale = function () {
+          var _ref4 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(lang) {
+            var url;
+            return regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    url = curConfig.extPath + 'ext-locale/' + name + '/' + lang + '.js';
+                    return _context.abrupt('return', importSetGlobalDefault(url, {
+                      global: 'svgEditorExtensionLocale_' + name + '_' + lang
+                    }));
+
+                  case 2:
+                  case 'end':
+                    return _context.stop();
+                }
+              }
+            }, _callee, this);
+          }));
+
+          return function importLocale(_x2) {
+            return _ref4.apply(this, arguments);
+          };
+        }();
+
+        var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref3$name = _ref3.name,
+            name = _ref3$name === undefined ? defaultName : _ref3$name,
+            _ref3$lang = _ref3.lang,
+            lang = _ref3$lang === undefined ? defaultLang : _ref3$lang;
+
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
+                return _context2.abrupt('return', importLocale(lang));
+
+              case 4:
+                _context2.prev = 4;
+                _context2.t0 = _context2['catch'](0);
+                return _context2.abrupt('return', importLocale('en'));
+
+              case 7:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[0, 4]]);
+      }));
+
+      function importLocale() {
+        return _ref2.apply(this, arguments);
+      }
+
+      return importLocale;
+    }();
+  }
+
+  /**
+  * EXPORTS
+  */
+
+  /**
+  * Store and retrieve preferences
+  * @param {string} key The preference name to be retrieved or set
+  * @param {string} [val] The value. If the value supplied is missing or falsey, no change to the preference will be made.
+  * @returns {string} If val is missing or falsey, the value of the previously stored preference will be returned.
+  * @todo Can we change setting on the jQuery namespace (onto editor) to avoid conflicts?
+  * @todo Review whether any remaining existing direct references to
+  *  getting `curPrefs` can be changed to use `$.pref()` getting to ensure
+  *  `defaultPrefs` fallback (also for sake of `allowInitialUserOverride`); specifically, `bkgd_color` could be changed so that
+  *  the pref dialog has a button to auto-calculate background, but otherwise uses `$.pref()` to be able to get default prefs
+  *  or overridable settings
+  */
+  $$b.pref = function (key, val) {
+    if (val) {
+      curPrefs[key] = val;
+      /**
+      * @name curPrefs
+      * @memberof module:SVGEditor
+      * @implements {module:SVGEditor.Prefs}
+      */
+      editor.curPrefs = curPrefs; // Update exported value
+      return;
+    }
+    return key in curPrefs ? curPrefs[key] : defaultPrefs[key];
+  };
+
+  /*
+  * EDITOR PUBLIC METHODS
+  // Todo: Sort these methods per invocation order, ideally with init at the end
+  // Todo: Prevent execution until init executes if dependent on it?
+  */
+  editor.putLocale = putLocale;
+  editor.readLang = readLang;
+  editor.setStrings = setStrings;
+
+  /**
+  * Where permitted, sets canvas and/or `defaultPrefs` based on previous
+  *  storage. This will override URL settings (for security reasons) but
+  *  not `svgedit-config-iife.js` configuration (unless initial user
+  *  overriding is explicitly permitted there via `allowInitialUserOverride`).
+  * @todo Split `allowInitialUserOverride` into `allowOverrideByURL` and
+  *  `allowOverrideByUserStorage` so `svgedit-config-iife.js` can disallow some
+  *  individual items for URL setting but allow for user storage AND/OR
+  *  change URL setting so that it always uses a different namespace,
+  *  so it won't affect pre-existing user storage (but then if users saves
+  *  that, it will then be subject to tampering
+  * @returns {undefined}
+  */
+  editor.loadContentAndPrefs = function () {
+    if (!curConfig.forceStorage && (curConfig.noStorageOnLoad || !document.cookie.match(/(?:^|;\s*)store=(?:prefsAndContent|prefsOnly)/))) {
+      return;
+    }
+
+    // LOAD CONTENT
+    if (editor.storage && ( // Cookies do not have enough available memory to hold large documents
+    curConfig.forceStorage || !curConfig.noStorageOnLoad && document.cookie.match(/(?:^|;\s*)store=prefsAndContent/))) {
+      var _name = 'svgedit-' + curConfig.canvasName;
+      var cached = editor.storage.getItem(_name);
+      if (cached) {
+        editor.loadFromString(cached);
+      }
+    }
+
+    // LOAD PREFS
+    for (var key in defaultPrefs) {
+      if (defaultPrefs.hasOwnProperty(key)) {
+        // It's our own config, so we don't need to iterate up the prototype chain
+        var storeKey = 'svg-edit-' + key;
+        if (editor.storage) {
+          var val = editor.storage.getItem(storeKey);
+          if (val) {
+            defaultPrefs[key] = String(val); // Convert to string for FF (.value fails in Webkit)
+          }
+        } else if (window.widget) {
+          defaultPrefs[key] = window.widget.preferenceForKey(storeKey);
+        } else {
+          var result = document.cookie.match(new RegExp('(?:^|;\\s*)' + regexEscape(encodeURIComponent(storeKey)) + '=([^;]+)'));
+          defaultPrefs[key] = result ? decodeURIComponent(result[1]) : '';
+        }
+      }
+    }
+  };
+
+  /**
+  * Allows setting of preferences or configuration (including extensions).
+  * @param {module:SVGEditor.Config|module:SVGEditor.Prefs} opts The preferences or configuration (including extensions). See the tutorial on {@tutorial ConfigOptions} for info on config and preferences.
+  * @param {PlainObject} [cfgCfg] Describes configuration which applies to the
+  *    particular batch of supplied options
+  * @param {boolean} [cfgCfg.allowInitialUserOverride=false] Set to true if you wish
+  *  to allow initial overriding of settings by the user via the URL
+  *  (if permitted) or previously stored preferences (if permitted);
+  *  note that it will be too late if you make such calls in extension
+  *  code because the URL or preference storage settings will
+  *   have already taken place.
+  * @param {boolean} [cfgCfg.overwrite=true] Set to false if you wish to
+  *  prevent the overwriting of prior-set preferences or configuration
+  *  (URL settings will always follow this requirement for security
+  *  reasons, so `svgedit-config-iife.js` settings cannot be overridden unless it
+  *  explicitly permits via `allowInitialUserOverride` but extension config
+  *  can be overridden as they will run after URL settings). Should
+  *   not be needed in `svgedit-config-iife.js`.
+  * @returns {undefined}
+  */
+  editor.setConfig = function (opts, cfgCfg) {
+    cfgCfg = cfgCfg || {};
+    function extendOrAdd(cfgObj, key, val) {
+      if (cfgObj[key] && _typeof(cfgObj[key]) === 'object') {
+        $$b.extend(true, cfgObj[key], val);
+      } else {
+        cfgObj[key] = val;
+      }
+    }
+    $$b.each(opts, function (key, val) {
+      if (opts.hasOwnProperty(key)) {
+        // Only allow prefs defined in defaultPrefs
+        if (defaultPrefs.hasOwnProperty(key)) {
+          if (cfgCfg.overwrite === false && (curConfig.preventAllURLConfig || curPrefs.hasOwnProperty(key))) {
+            return;
+          }
+          if (cfgCfg.allowInitialUserOverride === true) {
+            defaultPrefs[key] = val;
+          } else {
+            $$b.pref(key, val);
+          }
+        } else if (['extensions', 'stylesheets', 'allowedOrigins'].includes(key)) {
+          if (cfgCfg.overwrite === false && (curConfig.preventAllURLConfig || ['allowedOrigins', 'stylesheets'].includes(key) || key === 'extensions' && curConfig.lockExtensions)) {
+            return;
+          }
+          curConfig[key] = curConfig[key].concat(val); // We will handle any dupes later
+          // Only allow other curConfig if defined in defaultConfig
+        } else if (defaultConfig.hasOwnProperty(key)) {
+          if (cfgCfg.overwrite === false && (curConfig.preventAllURLConfig || curConfig.hasOwnProperty(key))) {
+            return;
+          }
+          // Potentially overwriting of previously set config
+          if (curConfig.hasOwnProperty(key)) {
+            if (cfgCfg.overwrite === false) {
+              return;
+            }
+            extendOrAdd(curConfig, key, val);
+          } else {
+            if (cfgCfg.allowInitialUserOverride === true) {
+              extendOrAdd(defaultConfig, key, val);
+            } else {
+              if (defaultConfig[key] && _typeof(defaultConfig[key]) === 'object') {
+                curConfig[key] = {};
+                $$b.extend(true, curConfig[key], val); // Merge properties recursively, e.g., on initFill, initStroke objects
+              } else {
+                curConfig[key] = val;
+              }
+            }
+          }
+        }
+      }
+    });
+    /**
+    * @name curConfig
+    * @memberof module:SVGEditor
+    * @implements {module:SVGEditor.Config}
+    */
+    editor.curConfig = curConfig; // Update exported value
+  };
+
+  /**
+  * All methods are optional
+  * @interface module:SVGEditor.CustomHandler
+  * @type {PlainObject}
+  */
+  /**
+  * Its responsibilities are:
+  *  - invoke a file chooser dialog in 'open' mode
+  *  - let user pick a SVG file
+  *  - calls [svgCanvas.setSvgString()]{@link module:svgcanvas.SvgCanvas#setSvgString} with the string contents of that file.
+  * Not passed any parameters.
+  * @function module:SVGEditor.CustomHandler#open
+  * @returns {undefined}
+  */
+  /**
+  * Its responsibilities are:
+  *  - accept the string contents of the current document
+  *  - invoke a file chooser dialog in 'save' mode
+  *  - save the file to location chosen by the user
+  * @function module:SVGEditor.CustomHandler#save
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:saved} svgStr A string of the SVG
+  * @listens module:svgcanvas.SvgCanvas#event:saved
+  * @returns {undefined}
+  */
+  /**
+  * Its responsibilities (with regard to the object it is supplied in its 2nd argument) are:
+  *  - inform user of any issues supplied via the "issues" property
+  *  - convert the "svg" property SVG string into an image for export;
+  *    utilize the properties "type" (currently 'PNG', 'JPEG', 'BMP',
+  *    'WEBP', 'PDF'), "mimeType", and "quality" (for 'JPEG' and 'WEBP'
+  *    types) to determine the proper output.
+  * @function module:SVGEditor.CustomHandler#exportImage
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:exported} data
+  * @listens module:svgcanvas.SvgCanvas#event:exported
+  * @returns {undefined}
+  */
+  /**
+  * @function module:SVGEditor.CustomHandler#exportPDF
+  * @param {external:Window} win
+  * @param {module:svgcanvas.SvgCanvas#event:exportedPDF} data
+  * @listens module:svgcanvas.SvgCanvas#event:exportedPDF
+  * @returns {undefined}
+  */
+
+  /**
+  * Allows one to override default SVGEdit `open`, `save`, and
+  * `export` editor behaviors.
+  * @param {module:SVGEditor.CustomHandler} opts Extension mechanisms may call `setCustomHandlers` with three functions: `opts.open`, `opts.save`, and `opts.exportImage`
+  * @returns {undefined}
+  */
+  editor.setCustomHandlers = function (opts) {
+    editor.ready(function () {
+      if (opts.open) {
+        $$b('#tool_open > input[type="file"]').remove();
+        $$b('#tool_open').show();
+        svgCanvas.open = opts.open;
+      }
+      if (opts.save) {
+        editor.showSaveWarning = false;
+        svgCanvas.bind('saved', opts.save);
+      }
+      if (opts.exportImage) {
+        customExportImage = opts.exportImage;
+        svgCanvas.bind('exported', customExportImage); // canvg and our RGBColor will be available to the method
+      }
+      if (opts.exportPDF) {
+        customExportPDF = opts.exportPDF;
+        svgCanvas.bind('exportedPDF', customExportPDF); // jsPDF and our RGBColor will be available to the method
+      }
+    });
+  };
+
+  /**
+  * @param {boolean} arg
+  * @returns {undefined}
+  */
+  editor.randomizeIds = function (arg) {
+    return svgCanvas.randomizeIds(arg);
+  };
+
+  /**
+  * Auto-run after a Promise microtask
+  * @returns {undefined}
+  */
+  editor.init = function () {
+    var modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+    if (!modularVersion) {
+      Object.assign(defaultConfig, {
+        langPath: '../dist/locale/',
+        extPath: '../dist/extensions/',
+        canvgPath: '../dist/',
+        jspdfPath: '../dist/'
+      });
+    }
+
+    // const host = location.hostname,
+    //  onWeb = host && host.includes('.');
+    // Some FF versions throw security errors here when directly accessing
+    try {
+      if ('localStorage' in window) {
+        // && onWeb removed so Webkit works locally
+        /**
+        * The built-in interface implemented by `localStorage`
+        * @external Storage
+        */
+        /**
+        * @name storage
+        * @memberof module:SVGEditor
+        * @type {external:Storage}
+        */
+        editor.storage = localStorage;
+      }
+    } catch (err) {}
+
+    // Todo: Avoid const-defined functions and group functions together, etc. where possible
+    var goodLangs = [];
+    $$b('#lang_select option').each(function () {
+      goodLangs.push(this.value);
+    });
+
+    function setupCurPrefs() {
+      curPrefs = $$b.extend(true, {}, defaultPrefs, curPrefs); // Now safe to merge with priority for curPrefs in the event any are already set
+      // Export updated prefs
+      editor.curPrefs = curPrefs;
+    }
+    function setupCurConfig() {
+      curConfig = $$b.extend(true, {}, defaultConfig, curConfig); // Now safe to merge with priority for curConfig in the event any are already set
+
+      // Now deal with extensions and other array config
+      if (!curConfig.noDefaultExtensions) {
+        curConfig.extensions = curConfig.extensions.concat(defaultExtensions);
+      }
+      // ...and remove any dupes
+      ['extensions', 'stylesheets', 'allowedOrigins'].forEach(function (cfg) {
+        curConfig[cfg] = $$b.grep(curConfig[cfg], function (n, i) {
+          // Supposedly faster than filter per http://amandeep1986.blogspot.hk/2015/02/jquery-grep-vs-js-filter.html
+          return i === curConfig[cfg].indexOf(n);
+        });
+      });
+      // Export updated config
+      editor.curConfig = curConfig;
+    }
+    (function () {
+      // Load config/data from URL if given
+      var src = void 0,
+          qstr = void 0;
+      urldata = $$b.deparam.querystring(true);
+      if (!$$b.isEmptyObject(urldata)) {
+        if (urldata.dimensions) {
+          urldata.dimensions = urldata.dimensions.split(',');
+        }
+
+        if (urldata.bkgd_color) {
+          urldata.bkgd_color = '#' + urldata.bkgd_color;
+        }
+
+        if (urldata.extensions) {
+          // For security reasons, disallow cross-domain or cross-folder extensions via URL
+          urldata.extensions = urldata.extensions.match(/[:/\\]/) ? '' : urldata.extensions.split(',');
+        }
+
+        // Disallowing extension paths via URL for
+        // security reasons, even for same-domain
+        // ones given potential to interact in undesirable
+        // ways with other script resources
+        ['extPath', 'imgPath', 'extIconsPath', 'canvgPath', 'langPath', 'jGraduatePath', 'jspdfPath'].forEach(function (pathConfig) {
+          if (urldata[pathConfig]) {
+            delete urldata[pathConfig];
+          }
+        });
+
+        editor.setConfig(urldata, { overwrite: false }); // Note: source and url (as with storagePrompt later) are not set on config but are used below
+
+        setupCurConfig();
+
+        if (!curConfig.preventURLContentLoading) {
+          src = urldata.source;
+          qstr = $$b.param.querystring();
+          if (!src) {
+            // urldata.source may have been null if it ended with '='
+            if (qstr.includes('source=data:')) {
+              src = qstr.match(/source=(data:[^&]*)/)[1];
+            }
+          }
+          if (src) {
+            if (src.startsWith('data:')) {
+              editor.loadFromDataURI(src);
+            } else {
+              editor.loadFromString(src);
+            }
+            return;
+          }
+          if (urldata.url) {
+            editor.loadFromURL(urldata.url);
+            return;
+          }
+        }
+        if (!urldata.noStorageOnLoad || curConfig.forceStorage) {
+          editor.loadContentAndPrefs();
+        }
+      } else {
+        setupCurConfig();
+        editor.loadContentAndPrefs();
+      }
+      setupCurPrefs();
+    })();
+
+    /**
+    * Called internally
+    * @param {string|Element|external:jQuery} elem
+    * @param {string|external:jQuery} iconId
+    * @param {Float} forcedSize Not in use
+    * @returns {undefined}
+    */
+    var setIcon = editor.setIcon = function (elem, iconId, forcedSize) {
+      var icon = typeof iconId === 'string' ? $$b.getSvgIcon(iconId, true) : iconId.clone();
+      if (!icon) {
+        console.log('NOTE: Icon image missing: ' + iconId);
+        return;
+      }
+      $$b(elem).empty().append(icon);
+    };
+
+    /**
+     * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+     * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+     * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+     * @fires module:svgcanvas.SvgCanvas#event:extensions_added
+     * @returns {Promise} Resolves to result of {@link module:locale.readLang}
+     */
+    var extAndLocaleFunc = function () {
+      var _ref5 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+        var _this = this;
+
+        var _ref6, langParam, langData;
+
+        return regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _context4.next = 2;
+                return editor.putLocale(null, goodLangs, curConfig);
+
+              case 2:
+                _ref6 = _context4.sent;
+                langParam = _ref6.langParam;
+                langData = _ref6.langData;
+
+                setLang(langParam, langData);
+
+                _context4.prev = 6;
+                _context4.next = 9;
+                return Promise.all(curConfig.extensions.map(function () {
+                  var _ref7 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(extname) {
+                    var extName, url, imported, _imported$name, _name2, init$$1, importLocale;
+
+                    return regeneratorRuntime.wrap(function _callee3$(_context3) {
+                      while (1) {
+                        switch (_context3.prev = _context3.next) {
+                          case 0:
+                            extName = extname.match(/^ext-(.+)\.js/);
+
+                            if (extName) {
+                              _context3.next = 3;
+                              break;
+                            }
+
+                            return _context3.abrupt('return');
+
+                          case 3:
+                            url = curConfig.extPath + extname;
+                            // Todo: Replace this with `return import(url);` when
+                            //   `import()` widely supported
+                            /**
+                             * @tutorial ExtensionDocs
+                             * @typedef {PlainObject} module:SVGEditor.ExtensionObject
+                             * @property {string} [name] Name of the extension. Used internally; no need for i18n. Defaults to extension name without beginning "ext-" or ending ".js".
+                             * @property {module:svgcanvas.ExtensionInitCallback} [init]
+                             */
+
+                            _context3.prev = 4;
+                            _context3.next = 7;
+                            return importSetGlobalDefault(url, {
+                              global: 'svgEditorExtension_' + extName[1].replace(/-/g, '_')
+                            });
+
+                          case 7:
+                            imported = _context3.sent;
+                            _imported$name = imported.name, _name2 = _imported$name === undefined ? extName[1] : _imported$name, init$$1 = imported.init;
+                            importLocale = getImportLocale({ defaultLang: langParam, defaultName: _name2 });
+                            return _context3.abrupt('return', editor.addExtension(_name2, init$$1 && init$$1.bind(editor), importLocale));
+
+                          case 13:
+                            _context3.prev = 13;
+                            _context3.t0 = _context3['catch'](4);
+
+                            console.log(_context3.t0);
+                            console.error('Extension failed to load: ' + extname + '; ' + _context3.t0);
+
+                          case 17:
+                          case 'end':
+                            return _context3.stop();
+                        }
+                      }
+                    }, _callee3, _this, [[4, 13]]);
+                  }));
+
+                  return function (_x3) {
+                    return _ref7.apply(this, arguments);
+                  };
+                }()));
+
+              case 9:
+                svgCanvas.bind('extensions_added',
+                /**
+                * @param {external:Window} win
+                * @param {module:svgcanvas.SvgCanvas#event:extensions_added} data
+                * @listens module:svgcanvas.SvgCanvas#event:extensions_added
+                * @returns {undefined}
+                */
+                function (win, data) {
+                  extensionsAdded = true;
+                  Actions.setAll();
+
+                  $$b('.flyout_arrow_horiz:empty').each(function () {
+                    $$b(this).append($$b.getSvgIcon('arrow_right', true).width(5).height(5));
+                  });
+                  messageQueue.forEach(
+                  /**
+                   * @param {module:svgcanvas.SvgCanvas#event:message} messageObj
+                   * @fires module:svgcanvas.SvgCanvas#event:message
+                   * @returns {undefined}
+                   */
+                  function (messageObj) {
+                    svgCanvas.call('message', messageObj);
+                  });
+                });
+                svgCanvas.call('extensions_added');
+                _context4.next = 16;
+                break;
+
+              case 13:
+                _context4.prev = 13;
+                _context4.t0 = _context4['catch'](6);
+
+                console.log(_context4.t0);
+
+              case 16:
+              case 'end':
+                return _context4.stop();
+            }
+          }
+        }, _callee4, this, [[6, 13]]);
+      }));
+
+      return function extAndLocaleFunc() {
+        return _ref5.apply(this, arguments);
+      };
+    }();
+
+    var stateObj = { tool_scale: editor.tool_scale };
+
+    var setFlyoutPositions = function setFlyoutPositions() {
+      $$b('.tools_flyout').each(function () {
+        var shower = $$b('#' + this.id + '_show');
+
+        var _shower$offset = shower.offset(),
+            left = _shower$offset.left,
+            top = _shower$offset.top;
+
+        var w = shower.outerWidth();
+        $$b(this).css({ left: (left + w) * editor.tool_scale, top: top });
+      });
+    };
+
+    var uaPrefix = function () {
+      var regex = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/;
+      var someScript = document.getElementsByTagName('script')[0];
+      for (var prop in someScript.style) {
+        if (regex.test(prop)) {
+          // test is faster than match, so it's better to perform
+          // that on the lot and match only when necessary
+          return prop.match(regex)[0];
+        }
+      }
+      // Nothing found so far?
+      if ('WebkitOpacity' in someScript.style) {
+        return 'Webkit';
+      }
+      if ('KhtmlOpacity' in someScript.style) {
+        return 'Khtml';
+      }
+
+      return '';
+    }();
+
+    var scaleElements = function scaleElements(elems, scale) {
+      // const prefix = '-' + uaPrefix.toLowerCase() + '-'; // Currently unused
+      var sides = ['top', 'left', 'bottom', 'right'];
+
+      elems.each(function () {
+        // Handled in CSS
+        // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';
+        var el = $$b(this);
+        var w = el.outerWidth() * (scale - 1);
+        var h = el.outerHeight() * (scale - 1);
+        // const margins = {}; // Currently unused
+
+        for (var i = 0; i < 4; i++) {
+          var s = sides[i];
+          var cur = el.data('orig_margin-' + s);
+          if (cur == null) {
+            cur = parseInt(el.css('margin-' + s), 10);
+            // Cache the original margin
+            el.data('orig_margin-' + s, cur);
+          }
+          var val = cur * scale;
+          if (s === 'right') {
+            val += w;
+          } else if (s === 'bottom') {
+            val += h;
+          }
+
+          el.css('margin-' + s, val);
+          // el.css('outline', '1px solid red');
+        }
+      });
+    };
+
+    /**
+    * Called internally.
+    * @param {module:SVGEditor.IconSize} size
+    * @returns {undefined}
+    */
+    var setIconSize = editor.setIconSize = function (size) {
+      // const elems = $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open');
+      var selToscale = '#tools_top .toolset, #editor_panel > *, #history_panel > *,' + '        #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,' + '        #g_panel > *, #tool_font_size > *, .tools_flyout';
+
+      var elems = $$b(selToscale);
+
+      var scale = 1;
+      if (typeof size === 'number') {
+        scale = size;
+      } else {
+        var iconSizes = { s: 0.75, m: 1, l: 1.25, xl: 1.5 };
+        scale = iconSizes[size];
+      }
+
+      stateObj.tool_scale = editor.tool_scale = scale;
+
+      setFlyoutPositions();
+      // $('.tools_flyout').each(function () {
+      //   const pos = $(this).position();
+      //   console.log($(this), pos.left+(34 * scale));
+      //   $(this).css({left: pos.left+(34 * scale), top: pos.top+(77 * scale)});
+      //   console.log('l', $(this).css('left'));
+      // });
+      //
+      // const scale = .75;
+
+      var hiddenPs = elems.parents(':hidden');
+      hiddenPs.css('visibility', 'hidden').show();
+      scaleElements(elems, scale);
+      hiddenPs.css('visibility', 'visible').hide();
+      // return;
+
+      $$b.pref('iconsize', size);
+      $$b('#iconsize').val(size);
+
+      // Change icon size
+      // $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open')
+      // .find('> svg, > img').each(function () {
+      //   this.setAttribute('width',size_num);
+      //   this.setAttribute('height',size_num);
+      // });
+      //
+      // $.resizeSvgIcons({
+      //   '.flyout_arrow_horiz > svg, .flyout_arrow_horiz > img': size_num / 5,
+      //   '#logo > svg, #logo > img': size_num * 1.3,
+      //   '#tools_bottom .icon_label > *': (size_num === 16 ? 18 : size_num * .75)
+      // });
+      // if (size != 's') {
+      //   $.resizeSvgIcons({'#layerbuttons svg, #layerbuttons img': size_num * .6});
+      // }
+
+      // Note that all rules will be prefixed with '#svg_editor' when parsed
+      var cssResizeRules = {
+        // '.tool_button,\
+        // .push_button,\
+        // .tool_button_current,\
+        // .push_button_pressed,\
+        // .disabled,\
+        // .icon_label,\
+        // .tools_flyout .tool_button': {
+        //   width: {s: '16px', l: '32px', xl: '48px'},
+        //   height: {s: '16px', l: '32px', xl: '48px'},
+        //   padding: {s: '1px', l: '2px', xl: '3px'}
+        // },
+        // '.tool_sep': {
+        //   height: {s: '16px', l: '32px', xl: '48px'},
+        //   margin: {s: '2px 2px', l: '2px 5px', xl: '2px 8px'}
+        // },
+        // '#main_icon': {
+        //   width: {s: '31px', l: '53px', xl: '75px'},
+        //   height: {s: '22px', l: '42px', xl: '64px'}
+        // },
+        '#tools_top': {
+          left: 50 + $$b('#main_button').width(),
+          height: 72
+        },
+        '#tools_left': {
+          width: 31,
+          top: 74
+        },
+        'div#workarea': {
+          left: 38,
+          top: 74
+          // '#tools_bottom': {
+          //   left: {s: '27px', l: '46px', xl: '65px'},
+          //   height: {s: '58px', l: '98px', xl: '145px'}
+          // },
+          // '#color_tools': {
+          //   'border-spacing': {s: '0 1px'},
+          //   'margin-top': {s: '-1px'}
+          // },
+          // '#color_tools .icon_label': {
+          //   width: {l:'43px', xl: '60px'}
+          // },
+          // '.color_tool': {
+          //   height: {s: '20px'}
+          // },
+          // '#tool_opacity': {
+          //   top: {s: '1px'},
+          //   height: {s: 'auto', l:'auto', xl:'auto'}
+          // },
+          // '#tools_top input, #tools_bottom input': {
+          //   'margin-top': {s: '2px', l: '4px', xl: '5px'},
+          //   height: {s: 'auto', l: 'auto', xl: 'auto'},
+          //   border: {s: '1px solid #555', l: 'auto', xl: 'auto'},
+          //   'font-size': {s: '.9em', l: '1.2em', xl: '1.4em'}
+          // },
+          // '#zoom_panel': {
+          //   'margin-top': {s: '3px', l: '4px', xl: '5px'}
+          // },
+          // '#copyright, #tools_bottom .label': {
+          //   'font-size': {l: '1.5em', xl: '2em'},
+          //   'line-height': {s: '15px'}
+          // },
+          // '#tools_bottom_2': {
+          //   width: {l: '295px', xl: '355px'},
+          //   top: {s: '4px'}
+          // },
+          // '#tools_top > div, #tools_top': {
+          //   'line-height': {s: '17px', l: '34px', xl: '50px'}
+          // },
+          // '.dropdown button': {
+          //   height: {s: '18px', l: '34px', xl: '40px'},
+          //   'line-height': {s: '18px', l: '34px', xl: '40px'},
+          //   'margin-top': {s: '3px'}
+          // },
+          // '#tools_top label, #tools_bottom label': {
+          //   'font-size': {s: '1em', l: '1.5em', xl: '2em'},
+          //   height: {s: '25px', l: '42px', xl: '64px'}
+          // },
+          // 'div.toolset': {
+          //   height: {s: '25px', l: '42px', xl: '64px'}
+          // },
+          // '#tool_bold, #tool_italic': {
+          //   'font-size': {s: '1.5em', l: '3em', xl: '4.5em'}
+          // },
+          // '#sidepanels': {
+          //   top: {s: '50px', l: '88px', xl: '125px'},
+          //   bottom: {s: '51px', l: '68px', xl: '65px'}
+          // },
+          // '#layerbuttons': {
+          //   width: {l: '130px', xl: '175px'},
+          //   height: {l: '24px', xl: '30px'}
+          // },
+          // '#layerlist': {
+          //   width: {l: '128px', xl: '150px'}
+          // },
+          // '.layer_button': {
+          //   width: {l: '19px', xl: '28px'},
+          //   height: {l: '19px', xl: '28px'}
+          // },
+          // 'input.spin-button': {
+          //   'background-image': {l: 'url('images/spinbtn_updn_big.png')', xl: 'url('images/spinbtn_updn_big.png')'},
+          //   'background-position': {l: '100% -5px', xl: '100% -2px'},
+          //   'padding-right': {l: '24px', xl: '24px' }
+          // },
+          // 'input.spin-button.up': {
+          //   'background-position': {l: '100% -45px', xl: '100% -42px'}
+          // },
+          // 'input.spin-button.down': {
+          //   'background-position': {l: '100% -85px', xl: '100% -82px'}
+          // },
+          // '#position_opts': {
+          //   width: {all: (size_num*4) +'px'}
+          // }
+        } };
+
+      var ruleElem = $$b('#tool_size_rules');
+      if (!ruleElem.length) {
+        ruleElem = $$b('<style id="tool_size_rules"></style>').appendTo('head');
+      } else {
+        ruleElem.empty();
+      }
+
+      if (size !== 'm') {
+        var styleStr = '';
+        $$b.each(cssResizeRules, function (selector, rules) {
+          selector = '#svg_editor ' + selector.replace(/,/g, ', #svg_editor');
+          styleStr += selector + '{';
+          $$b.each(rules, function (prop, values) {
+            var val = void 0;
+            if (typeof values === 'number') {
+              val = values * scale + 'px';
+            } else if (values[size] || values.all) {
+              val = values[size] || values.all;
+            }
+            styleStr += prop + ':' + val + ';';
+          });
+          styleStr += '}';
+        });
+        // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')';
+        var prefix = '-' + uaPrefix.toLowerCase() + '-';
+        styleStr += selToscale + '{' + prefix + 'transform: scale(' + scale + ');}' + ' #svg_editor div.toolset .toolset {' + prefix + 'transform: scale(1); margin: 1px !important;}' + // Hack for markers
+        ' #svg_editor .ui-slider {' + prefix + 'transform: scale(' + 1 / scale + ');}' // Hack for sliders
+        ;
+        ruleElem.text(styleStr);
+      }
+
+      setFlyoutPositions();
+    };
+    $$b.svgIcons(curConfig.imgPath + 'svg_edit_icons.svg', {
+      w: 24, h: 24,
+      id_match: false,
+      no_img: !isWebkit(), // Opera & Firefox 4 gives odd behavior w/images
+      fallback_path: curConfig.imgPath,
+      fallback: {
+        logo: 'logo.png',
+
+        select: 'select.png',
+        select_node: 'select_node.png',
+
+        square: 'square.png',
+        rect: 'rect.png',
+        fh_rect: 'freehand-square.png',
+        circle: 'circle.png',
+        ellipse: 'ellipse.png',
+        fh_ellipse: 'freehand-circle.png',
+        pencil: 'fhpath.png',
+        pen: 'line.png',
+        text: 'text.png',
+        path: 'path.png',
+        add_subpath: 'add_subpath.png',
+        close_path: 'closepath.png',
+        open_path: 'openpath.png',
+
+        image: 'image.png',
+        zoom: 'zoom.png',
+
+        arrow_right: 'flyouth.png',
+        arrow_right_big: 'arrow_right_big.png',
+        arrow_down: 'dropdown.gif',
+        fill: 'fill.png',
+        stroke: 'stroke.png',
+        opacity: 'opacity.png',
+
+        new_image: 'clear.png',
+        save: 'save.png',
+        export: 'export.png',
+        open: 'open.png',
+        import: 'import.png',
+        docprops: 'document-properties.png',
+        source: 'source.png',
+        wireframe: 'wireframe.png',
+
+        undo: 'undo.png',
+        redo: 'redo.png',
+
+        clone: 'clone.png',
+        delete: 'delete.png',
+        go_up: 'go-up.png',
+        go_down: 'go-down.png',
+        context_menu: 'context_menu.png',
+        move_bottom: 'move_bottom.png',
+        move_top: 'move_top.png',
+        to_path: 'to_path.png',
+        link_controls: 'link_controls.png',
+        reorient: 'reorient.png',
+        group_elements: 'shape_group_elements.png',
+
+        ungroup: 'shape_ungroup.png',
+        unlink_use: 'unlink_use.png',
+        width: 'width.png',
+        height: 'height.png',
+        c_radius: 'c_radius.png',
+        angle: 'angle.png',
+        blur: 'blur.png',
+        fontsize: 'fontsize.png',
+        align: 'align.png',
+
+        align_left: 'align-left.png',
+        align_center: 'align-center.png',
+        align_right: 'align-right.png',
+        align_top: 'align-top.png',
+        align_middle: 'align-middle.png',
+        align_bottom: 'align-bottom.png',
+
+        linecap_butt: 'linecap_butt.png',
+        linecap_square: 'linecap_square.png',
+        linecap_round: 'linecap_round.png',
+        linejoin_miter: 'linejoin_miter.png',
+        linejoin_bevel: 'linejoin_bevel.png',
+        linejoin_round: 'linejoin_round.png',
+        eye: 'eye.png',
+        no_color: 'no_color.png',
+
+        ok: 'save.png',
+        cancel: 'cancel.png',
+        warning: 'warning.png',
+
+        node_delete: 'node_delete.png',
+        node_clone: 'node_clone.png',
+
+        globe_link: 'globe_link.png'
+      },
+      placement: {
+        '#logo': 'logo',
+
+        '#tool_clear div,#layer_new': 'new_image',
+        '#tool_save div': 'save',
+        '#tool_export div': 'export',
+        '#tool_open div div': 'open',
+        '#tool_import div div': 'import',
+        '#tool_source': 'source',
+        '#tool_docprops > div': 'docprops',
+        '#tool_wireframe': 'wireframe',
+
+        '#tool_undo': 'undo',
+        '#tool_redo': 'redo',
+
+        '#tool_select': 'select',
+        '#tool_fhpath': 'pencil',
+        '#tool_line': 'pen',
+        '#tool_rect,#tools_rect_show': 'rect',
+        '#tool_square': 'square',
+        '#tool_fhrect': 'fh_rect',
+        '#tool_ellipse,#tools_ellipse_show': 'ellipse',
+        '#tool_circle': 'circle',
+        '#tool_fhellipse': 'fh_ellipse',
+        '#tool_path': 'path',
+        '#tool_text,#layer_rename': 'text',
+        '#tool_image': 'image',
+        '#tool_zoom': 'zoom',
+
+        '#tool_clone,#tool_clone_multi': 'clone',
+        '#tool_node_clone': 'node_clone',
+        '#layer_delete,#tool_delete,#tool_delete_multi': 'delete',
+        '#tool_node_delete': 'node_delete',
+        '#tool_add_subpath': 'add_subpath',
+        '#tool_openclose_path': 'open_path',
+        '#tool_move_top': 'move_top',
+        '#tool_move_bottom': 'move_bottom',
+        '#tool_topath': 'to_path',
+        '#tool_node_link': 'link_controls',
+        '#tool_reorient': 'reorient',
+        '#tool_group_elements': 'group_elements',
+        '#tool_ungroup': 'ungroup',
+        '#tool_unlink_use': 'unlink_use',
+
+        '#tool_alignleft, #tool_posleft': 'align_left',
+        '#tool_aligncenter, #tool_poscenter': 'align_center',
+        '#tool_alignright, #tool_posright': 'align_right',
+        '#tool_aligntop, #tool_postop': 'align_top',
+        '#tool_alignmiddle, #tool_posmiddle': 'align_middle',
+        '#tool_alignbottom, #tool_posbottom': 'align_bottom',
+        '#cur_position': 'align',
+
+        '#linecap_butt,#cur_linecap': 'linecap_butt',
+        '#linecap_round': 'linecap_round',
+        '#linecap_square': 'linecap_square',
+
+        '#linejoin_miter,#cur_linejoin': 'linejoin_miter',
+        '#linejoin_round': 'linejoin_round',
+        '#linejoin_bevel': 'linejoin_bevel',
+
+        '#url_notice': 'warning',
+
+        '#layer_up': 'go_up',
+        '#layer_down': 'go_down',
+        '#layer_moreopts': 'context_menu',
+        '#layerlist td.layervis': 'eye',
+
+        '#tool_source_save,#tool_docprops_save,#tool_prefs_save': 'ok',
+        '#tool_source_cancel,#tool_docprops_cancel,#tool_prefs_cancel': 'cancel',
+
+        '#rwidthLabel, #iwidthLabel': 'width',
+        '#rheightLabel, #iheightLabel': 'height',
+        '#cornerRadiusLabel span': 'c_radius',
+        '#angleLabel': 'angle',
+        '#linkLabel,#tool_make_link,#tool_make_link_multi': 'globe_link',
+        '#zoomLabel': 'zoom',
+        '#tool_fill label': 'fill',
+        '#tool_stroke .icon_label': 'stroke',
+        '#group_opacityLabel': 'opacity',
+        '#blurLabel': 'blur',
+        '#font_sizeLabel': 'fontsize',
+
+        '.flyout_arrow_horiz': 'arrow_right',
+        '.dropdown button, #main_button .dropdown': 'arrow_down',
+        '#palette .palette_item:first, #fill_bg, #stroke_bg': 'no_color'
+      },
+      resize: {
+        '#logo .svg_icon': 28,
+        '.flyout_arrow_horiz .svg_icon': 5,
+        '.layer_button .svg_icon, #layerlist td.layervis .svg_icon': 14,
+        '.dropdown button .svg_icon': 7,
+        '#main_button .dropdown .svg_icon': 9,
+        '.palette_item:first .svg_icon': 15,
+        '#fill_bg .svg_icon, #stroke_bg .svg_icon': 16,
+        '.toolbar_button button .svg_icon': 16,
+        '.stroke_tool div div .svg_icon': 20,
+        '#tools_bottom label .svg_icon': 18
+      },
+      callback: function callback(icons) {
+        $$b('.toolbar_button button > svg, .toolbar_button button > img').each(function () {
+          $$b(this).parent().prepend(this);
+        });
+
+        var tleft = $$b('#tools_left');
+
+        var minHeight = void 0;
+        if (tleft.length) {
+          minHeight = tleft.offset().top + tleft.outerHeight();
+        }
+
+        var size = $$b.pref('iconsize');
+        editor.setIconSize(size || ($$b(window).height() < minHeight ? 's' : 'm'));
+
+        // Look for any missing flyout icons from plugins
+        $$b('.tools_flyout').each(function () {
+          var shower = $$b('#' + this.id + '_show');
+          var sel = shower.attr('data-curopt');
+          // Check if there's an icon here
+          if (!shower.children('svg, img').length) {
+            var clone = $$b(sel).children().clone();
+            if (clone.length) {
+              clone[0].removeAttribute('style'); // Needed for Opera
+              shower.append(clone);
+            }
+          }
+        });
+
+        function getStylesheetPriority(stylesheet) {
+          switch (stylesheet) {
+            case 'jgraduate/css/jPicker.css':
+              return 1;
+            case 'jgraduate/css/jGraduate.css':
+              return 2;
+            case 'svg-editor.css':
+              return 3;
+            case 'spinbtn/jQuery.SpinButton.css':
+              return 4;
+            default:
+              return Infinity;
+          }
+        }
+        var stylesheets = $$b.loadingStylesheets.sort(function (a, b) {
+          var priorityA = getStylesheetPriority(a);
+          var priorityB = getStylesheetPriority(b);
+          if (priorityA === priorityB) {
+            return 0;
+          }
+          return priorityA > priorityB;
+        });
+        if (curConfig.stylesheets.length) {
+          // Ensure a copy with unique items
+          stylesheets = [].concat(toConsumableArray(new Set(curConfig.stylesheets)));
+          var idx = stylesheets.indexOf('@default');
+          if (idx > -1) {
+            var _stylesheets;
+
+            (_stylesheets = stylesheets).splice.apply(_stylesheets, [idx, 1].concat(toConsumableArray($$b.loadingStylesheets)));
+          }
+        }
+        loadStylesheets(stylesheets, { acceptErrors: function acceptErrors(_ref8) {
+            var stylesheetURL = _ref8.stylesheetURL,
+                reject = _ref8.reject,
+                resolve = _ref8.resolve;
+
+            if ($$b.loadingStylesheets.includes(stylesheetURL)) {
+              reject(new Error('Missing expected stylesheet: ' + stylesheetURL));
+              return;
+            }
+            resolve();
+          } }).then(function () {
+          $$b('#svg_container')[0].style.visibility = 'visible';
+          editor.runCallbacks();
+        });
+      }
+    });
+
+    /**
+    * @name module:SVGEditor.canvas
+    * @type {module:svgcanvas.SvgCanvas}
+    */
+    editor.canvas = svgCanvas = new SvgCanvas(document.getElementById('svgcanvas'), curConfig);
+    var palette = [// Todo: Make into configuration item?
+    '#000000', '#3f3f3f', '#7f7f7f', '#bfbfbf', '#ffffff', '#ff0000', '#ff7f00', '#ffff00', '#7fff00', '#00ff00', '#00ff7f', '#00ffff', '#007fff', '#0000ff', '#7f00ff', '#ff00ff', '#ff007f', '#7f0000', '#7f3f00', '#7f7f00', '#3f7f00', '#007f00', '#007f3f', '#007f7f', '#003f7f', '#00007f', '#3f007f', '#7f007f', '#7f003f', '#ffaaaa', '#ffd4aa', '#ffffaa', '#d4ffaa', '#aaffaa', '#aaffd4', '#aaffff', '#aad4ff', '#aaaaff', '#d4aaff', '#ffaaff', '#ffaad4'],
+        modKey = isMac() ? 'meta+' : 'ctrl+',
+        path = svgCanvas.pathActions,
+        _svgCanvas = svgCanvas,
+        undoMgr = _svgCanvas.undoMgr,
+        workarea = $$b('#workarea'),
+        canvMenu = $$b('#cmenu_canvas'),
+        paintBox = { fill: null, stroke: null };
+
+
+    var resizeTimer = void 0,
+        curScrollPos = void 0;
+    var exportWindow = null,
+        defaultImageURL = curConfig.imgPath + 'logo.png',
+        zoomInIcon = 'crosshair',
+        zoomOutIcon = 'crosshair',
+        uiContext = 'toolbars';
+
+    // For external openers
+    (function () {
+      // let the opener know SVG Edit is ready (now that config is set up)
+      var w = window.opener || window.parent;
+      if (w) {
+        try {
+          /**
+           * Triggered on a containing `document` (of `window.opener`
+           * or `window.parent`) when the editor is loaded.
+           * @event module:SVGEditor#event:svgEditorReadyEvent
+           * @type {Event}
+           * @property {true} bubbles
+           * @property {true} cancelable
+           */
+          /**
+           * @name module:SVGEditor.svgEditorReadyEvent
+           * @type {module:SVGEditor#event:svgEditorReadyEvent}
+           */
+          var svgEditorReadyEvent = new w.CustomEvent('svgEditorReady', {
+            bubbles: true,
+            cancelable: true
+          });
+          w.document.documentElement.dispatchEvent(svgEditorReadyEvent);
+        } catch (e) {}
+      }
+    })();
+
+    // This sets up alternative dialog boxes. They mostly work the same way as
+    // their UI counterparts, expect instead of returning the result, a callback
+    // needs to be included that returns the result as its first parameter.
+    // In the future we may want to add additional types of dialog boxes, since
+    // they should be easy to handle this way.
+    (function () {
+      $$b('#dialog_container').draggable({
+        cancel: '#dialog_content, #dialog_buttons *',
+        containment: 'window'
+      }).css('position', 'absolute');
+      var box = $$b('#dialog_box'),
+          btnHolder = $$b('#dialog_buttons'),
+          dialogContent = $$b('#dialog_content'),
+          dbox = function dbox(type, msg, callback, defaultVal, opts, changeCb, checkbox) {
+        dialogContent.html('<p>' + msg.replace(/\n/g, '</p><p>') + '</p>').toggleClass('prompt', type === 'prompt');
+        btnHolder.empty();
+
+        var ok = $$b('<input type="button" value="' + uiStrings$1.common.ok + '">').appendTo(btnHolder);
+
+        if (type !== 'alert') {
+          $$b('<input type="button" value="' + uiStrings$1.common.cancel + '">').appendTo(btnHolder).click(function () {
+            box.hide();
+            if (callback) {
+              callback(false); // eslint-disable-line standard/no-callback-literal
+            }
+          });
+        }
+
+        var ctrl = void 0,
+            chkbx = void 0;
+        if (type === 'prompt') {
+          ctrl = $$b('<input type="text">').prependTo(btnHolder);
+          ctrl.val(defaultVal || '');
+          ctrl.bind('keydown', 'return', function () {
+            ok.click();
+          });
+        } else if (type === 'select') {
+          var div = $$b('<div style="text-align:center;">');
+          ctrl = $$b('<select>').appendTo(div);
+          if (checkbox) {
+            var label = $$b('<label>').text(checkbox.label);
+            chkbx = $$b('<input type="checkbox">').appendTo(label);
+            chkbx.val(checkbox.value);
+            if (checkbox.tooltip) {
+              label.attr('title', checkbox.tooltip);
+            }
+            chkbx.prop('checked', !!checkbox.checked);
+            div.append($$b('<div>').append(label));
+          }
+          $$b.each(opts || [], function (opt, val) {
+            if ((typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object') {
+              ctrl.append($$b('<option>').val(val.value).html(val.text));
+            } else {
+              ctrl.append($$b('<option>').html(val));
+            }
+          });
+          dialogContent.append(div);
+          if (defaultVal) {
+            ctrl.val(defaultVal);
+          }
+          if (changeCb) {
+            ctrl.bind('change', 'return', changeCb);
+          }
+          ctrl.bind('keydown', 'return', function () {
+            ok.click();
+          });
+        } else if (type === 'process') {
+          ok.hide();
+        }
+
+        box.show();
+
+        ok.click(function () {
+          box.hide();
+          var resp = type === 'prompt' || type === 'select' ? ctrl.val() : true;
+          if (callback) {
+            if (chkbx) {
+              callback(resp, chkbx.prop('checked'));
+            } else {
+              callback(resp);
+            }
+          }
+        }).focus();
+
+        if (type === 'prompt' || type === 'select') {
+          ctrl.focus();
+        }
+      };
+
+      $$b.alert = function (msg, cb) {
+        dbox('alert', msg, cb);
+      };
+      $$b.confirm = function (msg, cb) {
+        dbox('confirm', msg, cb);
+      };
+      $$b.process_cancel = function (msg, cb) {
+        dbox('process', msg, cb);
+      };
+      $$b.prompt = function (msg, txt, cb) {
+        dbox('prompt', msg, cb, txt);
+      };
+      $$b.select = function (msg, opts, cb, changeCb, txt, checkbox) {
+        dbox('select', msg, cb, txt, opts, changeCb, checkbox);
+      };
+    })();
+
+    var setSelectMode = function setSelectMode() {
+      var curr = $$b('.tool_button_current');
+      if (curr.length && curr[0].id !== 'tool_select') {
+        curr.removeClass('tool_button_current').addClass('tool_button');
+        $$b('#tool_select').addClass('tool_button_current').removeClass('tool_button');
+        $$b('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all} #svgcanvas svg{cursor:default}');
+      }
+      svgCanvas.setMode('select');
+      workarea.css('cursor', 'auto');
+    };
+
+    // used to make the flyouts stay on the screen longer the very first time
+    // const flyoutspeed = 1250; // Currently unused
+    // let textBeingEntered = false; // Currently unused
+    var origTitle = $$b('title:first').text();
+    // Make [1,2,5] array
+    var rIntervals = [];
+    for (var i = 0.1; i < 1E5; i *= 10) {
+      rIntervals.push(i);
+      rIntervals.push(2 * i);
+      rIntervals.push(5 * i);
+    }
+
+    // This function highlights the layer passed in (by fading out the other layers)
+    // if no layer is passed in, this function restores the other layers
+    var toggleHighlightLayer = function toggleHighlightLayer(layerNameToHighlight) {
+      var i = void 0;
+      var curNames = [],
+          numLayers = svgCanvas.getCurrentDrawing().getNumLayers();
+      for (i = 0; i < numLayers; i++) {
+        curNames[i] = svgCanvas.getCurrentDrawing().getLayerName(i);
+      }
+
+      if (layerNameToHighlight) {
+        for (i = 0; i < numLayers; ++i) {
+          if (curNames[i] !== layerNameToHighlight) {
+            svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 0.5);
+          }
+        }
+      } else {
+        for (i = 0; i < numLayers; ++i) {
+          svgCanvas.getCurrentDrawing().setLayerOpacity(curNames[i], 1.0);
+        }
+      }
+    };
+
+    var populateLayers = function populateLayers() {
+      svgCanvas.clearSelection();
+      var layerlist = $$b('#layerlist tbody').empty();
+      var selLayerNames = $$b('#selLayerNames').empty();
+      var drawing = svgCanvas.getCurrentDrawing();
+      var currentLayerName = drawing.getCurrentLayerName();
+      var icon = $$b.getSvgIcon('eye');
+      var layer = svgCanvas.getCurrentDrawing().getNumLayers();
+      // we get the layers in the reverse z-order (the layer rendered on top is listed first)
+      while (layer--) {
+        var _name3 = drawing.getLayerName(layer);
+        var layerTr = $$b('<tr class="layer">').toggleClass('layersel', _name3 === currentLayerName);
+        var layerVis = $$b('<td class="layervis">').toggleClass('layerinvis', !drawing.getLayerVisibility(_name3));
+        var layerName = $$b('<td class="layername">' + _name3 + '</td>');
+        layerlist.append(layerTr.append(layerVis, layerName));
+        selLayerNames.append('<option value="' + _name3 + '">' + _name3 + '</option>');
+      }
+      if (icon !== undefined) {
+        var copy = icon.clone();
+        $$b('td.layervis', layerlist).append(copy);
+        $$b.resizeSvgIcons({ 'td.layervis .svg_icon': 14 });
+      }
+      // handle selection of layer
+      $$b('#layerlist td.layername').mouseup(function (evt) {
+        $$b('#layerlist tr.layer').removeClass('layersel');
+        $$b(this.parentNode).addClass('layersel');
+        svgCanvas.setCurrentLayer(this.textContent);
+        evt.preventDefault();
+      }).mouseover(function () {
+        toggleHighlightLayer(this.textContent);
+      }).mouseout(function () {
+        toggleHighlightLayer();
+      });
+      $$b('#layerlist td.layervis').click(function () {
+        var row = $$b(this.parentNode).prevAll().length;
+        var name = $$b('#layerlist tr.layer:eq(' + row + ') td.layername').text();
+        var vis = $$b(this).hasClass('layerinvis');
+        svgCanvas.setLayerVisibility(name, vis);
+        $$b(this).toggleClass('layerinvis');
+      });
+
+      // if there were too few rows, let's add a few to make it not so lonely
+      var num = 5 - $$b('#layerlist tr.layer').size();
+      while (num-- > 0) {
+        // FIXME: there must a better way to do this
+        layerlist.append('<tr><td style="color:white">_</td><td/></tr>');
+      }
+    };
+
+    var editingsource = false;
+    var origSource = '';
+    var showSourceEditor = function showSourceEditor(e, forSaving) {
+      if (editingsource) {
+        return;
+      }
+
+      editingsource = true;
+      origSource = svgCanvas.getSvgString();
+      $$b('#save_output_btns').toggle(!!forSaving);
+      $$b('#tool_source_back').toggle(!forSaving);
+      $$b('#svg_source_textarea').val(origSource);
+      $$b('#svg_source_editor').fadeIn();
+      $$b('#svg_source_textarea').focus();
+    };
+
+    var selectedElement = null;
+    var multiselected = false;
+
+    var togglePathEditMode = function togglePathEditMode(editmode, elems) {
+      $$b('#path_node_panel').toggle(editmode);
+      $$b('#tools_bottom_2,#tools_bottom_3').toggle(!editmode);
+      if (editmode) {
+        // Change select icon
+        $$b('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
+        $$b('#tool_select').addClass('tool_button_current').removeClass('tool_button');
+        setIcon('#tool_select', 'select_node');
+        multiselected = false;
+        if (elems.length) {
+          selectedElement = elems[0];
+        }
+      } else {
+        setTimeout(function () {
+          setIcon('#tool_select', 'select');
+        }, 1000);
+      }
+    };
+
+    /**
+     * @type {module:svgcanvas.EventHandler}
+     * @param {external:Window} wind
+     * @param {module:svgcanvas.SvgCanvas#event:saved} svg The SVG source
+     * @listens module:svgcanvas.SvgCanvas#event:saved
+     * @returns {undefined}
+     */
+    var saveHandler = function saveHandler(wind, svg) {
+      editor.showSaveWarning = false;
+
+      // by default, we add the XML prolog back, systems integrating SVG-edit (wikis, CMSs)
+      // can just provide their own custom save handler and might not want the XML prolog
+      svg = '<?xml version="1.0"?>\n' + svg;
+
+      // IE9 doesn't allow standalone Data URLs
+      // https://connect.microsoft.com/IE/feedback/details/542600/data-uri-images-fail-when-loaded-by-themselves
+      if (isIE()) {
+        showSourceEditor(0, true);
+        return;
+      }
+
+      // Since saving SVGs by opening a new window was removed in Chrome use artificial link-click
+      // https://stackoverflow.com/questions/45603201/window-is-not-allowed-to-navigate-top-frame-navigations-to-data-urls
+      var a = document.createElement('a');
+      a.href = 'data:image/svg+xml;base64,' + encode64(svg);
+      a.download = 'icon.svg';
+
+      a.click();
+
+      // Alert will only appear the first time saved OR the
+      //   first time the bug is encountered
+      var done = $$b.pref('save_notice_done');
+      if (done !== 'all') {
+        var note = uiStrings$1.notification.saveFromBrowser.replace('%s', 'SVG');
+        // Check if FF and has <defs/>
+        if (isGecko()) {
+          if (svg.includes('<defs')) {
+            // warning about Mozilla bug #308590 when applicable (seems to be fixed now in Feb 2013)
+            note += '\n\n' + uiStrings$1.notification.defsFailOnSave;
+            $$b.pref('save_notice_done', 'all');
+            done = 'all';
+          } else {
+            $$b.pref('save_notice_done', 'part');
+          }
+        } else {
+          $$b.pref('save_notice_done', 'all');
+        }
+        if (done !== 'part') {
+          alert(note);
+        }
+      }
+    };
+
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:exported} data
+     * @listens module:svgcanvas.SvgCanvas#event:exported
+     * @returns {undefined}
+     */
+    var exportHandler = function exportHandler(win, data) {
+      var issues = data.issues,
+          exportWindowName = data.exportWindowName;
+
+
+      if (exportWindowName) {
+        exportWindow = window.open(blankPageObjectURL || '', exportWindowName); // A hack to get the window via JSON-able name without opening a new one
+      }
+
+      if (!exportWindow || exportWindow.closed) {
+        $$b.alert(uiStrings$1.notification.popupWindowBlocked);
+        return;
+      }
+
+      exportWindow.location.href = data.bloburl || data.datauri;
+      var done = $$b.pref('export_notice_done');
+      if (done !== 'all') {
+        var note = uiStrings$1.notification.saveFromBrowser.replace('%s', data.type);
+
+        // Check if there are issues
+        if (issues.length) {
+          var pre = '\n \u2022 ';
+          note += '\n\n' + uiStrings$1.notification.noteTheseIssues + pre + issues.join(pre);
+        }
+
+        // Note that this will also prevent the notice even though new issues may appear later.
+        // May want to find a way to deal with that without annoying the user
+        $$b.pref('export_notice_done', 'all');
+        exportWindow.alert(note);
+      }
+    };
+
+    var operaRepaint = function operaRepaint() {
+      // Repaints canvas in Opera. Needed for stroke-dasharray change as well as fill change
+      if (!window.opera) {
+        return;
+      }
+      $$b('<p/>').hide().appendTo('body').remove();
+    };
+
+    function setStrokeOpt(opt, changeElem) {
+      var id = opt.id;
+
+      var bits = id.split('_');
+      var pre = bits[0];
+      var val = bits[1];
+
+      if (changeElem) {
+        svgCanvas.setStrokeAttr('stroke-' + pre, val);
+      }
+      operaRepaint();
+      setIcon('#cur_' + pre, id, 20);
+      $$b(opt).addClass('current').siblings().removeClass('current');
+    }
+
+    /**
+    * This is a common function used when a tool has been clicked (chosen)
+    * It does several common things:
+    * - removes the `tool_button_current` class from whatever tool currently has it
+    * - hides any flyouts
+    * - adds the `tool_button_current` class to the button passed in
+    * @function module:SVGEDitor.toolButtonClick
+    * @param {string|Element} button The DOM element or string selector representing the toolbar button
+    * @param {boolean} noHiding Whether not to hide any flyouts
+    * @returns {boolean} Whether the button was disabled or not
+    */
+    var toolButtonClick = editor.toolButtonClick = function (button, noHiding) {
+      if ($$b(button).hasClass('disabled')) {
+        return false;
+      }
+      if ($$b(button).parent().hasClass('tools_flyout')) {
+        return true;
+      }
+      var fadeFlyouts = 'normal';
+      if (!noHiding) {
+        $$b('.tools_flyout').fadeOut(fadeFlyouts);
+      }
+      $$b('#styleoverrides').text('');
+      workarea.css('cursor', 'auto');
+      $$b('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
+      $$b(button).addClass('tool_button_current').removeClass('tool_button');
+      return true;
+    };
+
+    /**
+    * Unless the select toolbar button is disabled, sets the button
+    * and sets the select mode and cursor styles.
+    * @function module:SVGEditor.clickSelect
+    * @returns {undefined}
+    */
+    var clickSelect = editor.clickSelect = function () {
+      if (toolButtonClick('#tool_select')) {
+        svgCanvas.setMode('select');
+        $$b('#styleoverrides').text('#svgcanvas svg *{cursor:move;pointer-events:all}, #svgcanvas svg{cursor:default}');
+      }
+    };
+
+    /**
+    * Set a selected image's URL
+    * @function module:SVGEditor.setImageURL
+    * @param {string} url
+    * @returns {undefined}
+    */
+    var setImageURL = editor.setImageURL = function (url) {
+      if (!url) {
+        url = defaultImageURL;
+      }
+      svgCanvas.setImageURL(url);
+      $$b('#image_url').val(url);
+
+      if (url.startsWith('data:')) {
+        // data URI found
+        $$b('#image_url').hide();
+        $$b('#change_image_url').show();
+      } else {
+        // regular URL
+        svgCanvas.embedImage(url, function (dataURI) {
+          // Couldn't embed, so show warning
+          $$b('#url_notice').toggle(!dataURI);
+          defaultImageURL = url;
+        });
+        $$b('#image_url').show();
+        $$b('#change_image_url').hide();
+      }
+    };
+
+    function setBackground(color, url) {
+      // if (color == $.pref('bkgd_color') && url == $.pref('bkgd_url')) { return; }
+      $$b.pref('bkgd_color', color);
+      $$b.pref('bkgd_url', url);
+
+      // This should be done in svgcanvas.js for the borderRect fill
+      svgCanvas.setBackground(color, url);
+    }
+
+    function promptImgURL() {
+      var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref9$cancelDeletes = _ref9.cancelDeletes,
+          cancelDeletes = _ref9$cancelDeletes === undefined ? false : _ref9$cancelDeletes;
+
+      var curhref = svgCanvas.getHref(selectedElement);
+      curhref = curhref.startsWith('data:') ? '' : curhref;
+      $$b.prompt(uiStrings$1.notification.enterNewImgURL, curhref, function (url) {
+        if (url) {
+          setImageURL(url);
+        } else if (cancelDeletes) {
+          svgCanvas.deleteSelectedElements();
+        }
+      });
+    }
+
+    var setInputWidth = function setInputWidth(elem) {
+      var w = Math.min(Math.max(12 + elem.value.length * 6, 50), 300);
+      $$b(elem).width(w);
+    };
+
+    function updateRulers(scanvas, zoom) {
+      if (!zoom) {
+        zoom = svgCanvas.getZoom();
+      }
+      if (!scanvas) {
+        scanvas = $$b('#svgcanvas');
+      }
+
+      var d = void 0,
+          i = void 0;
+      var limit = 30000;
+      var contentElem = svgCanvas.getContentElem();
+      var units = getTypeMap();
+      var unit = units[curConfig.baseUnit]; // 1 = 1px
+
+      // draw x ruler then y ruler
+      for (d = 0; d < 2; d++) {
+        var isX = d === 0;
+        var dim = isX ? 'x' : 'y';
+        var lentype = isX ? 'width' : 'height';
+        var contentDim = Number(contentElem.getAttribute(dim));
+
+        var $hcanvOrig = $$b('#ruler_' + dim + ' canvas:first');
+
+        // Bit of a hack to fully clear the canvas in Safari & IE9
+        var $hcanv = $hcanvOrig.clone();
+        $hcanvOrig.replaceWith($hcanv);
+
+        var hcanv = $hcanv[0];
+
+        // Set the canvas size to the width of the container
+        var rulerLen = scanvas[lentype]();
+        var totalLen = rulerLen;
+        hcanv.parentNode.style[lentype] = totalLen + 'px';
+        var ctx = hcanv.getContext('2d');
+        var ctxArr = void 0,
+            num = void 0,
+            ctxArrNum = void 0;
+
+        ctx.fillStyle = 'rgb(200,0,0)';
+        ctx.fillRect(0, 0, hcanv.width, hcanv.height);
+
+        // Remove any existing canvasses
+        $hcanv.siblings().remove();
+
+        // Create multiple canvases when necessary (due to browser limits)
+        if (rulerLen >= limit) {
+          ctxArrNum = parseInt(rulerLen / limit, 10) + 1;
+          ctxArr = [];
+          ctxArr[0] = ctx;
+          var copy = void 0;
+          for (i = 1; i < ctxArrNum; i++) {
+            hcanv[lentype] = limit;
+            copy = hcanv.cloneNode(true);
+            hcanv.parentNode.append(copy);
+            ctxArr[i] = copy.getContext('2d');
+          }
+
+          copy[lentype] = rulerLen % limit;
+
+          // set copy width to last
+          rulerLen = limit;
+        }
+
+        hcanv[lentype] = rulerLen;
+
+        var uMulti = unit * zoom;
+
+        // Calculate the main number interval
+        var rawM = 50 / uMulti;
+        var multi = 1;
+        for (i = 0; i < rIntervals.length; i++) {
+          num = rIntervals[i];
+          multi = num;
+          if (rawM <= num) {
+            break;
+          }
+        }
+
+        var bigInt = multi * uMulti;
+
+        ctx.font = '9px sans-serif';
+
+        var rulerD = contentDim / uMulti % multi * uMulti;
+        var labelPos = rulerD - bigInt;
+        // draw big intervals
+        var ctxNum = 0;
+        while (rulerD < totalLen) {
+          labelPos += bigInt;
+          // const realD = rulerD - contentDim; // Currently unused
+
+          var curD = Math.round(rulerD) + 0.5;
+          if (isX) {
+            ctx.moveTo(curD, 15);
+            ctx.lineTo(curD, 0);
+          } else {
+            ctx.moveTo(15, curD);
+            ctx.lineTo(0, curD);
+          }
+
+          num = (labelPos - contentDim) / uMulti;
+          var label = void 0;
+          if (multi >= 1) {
+            label = Math.round(num);
+          } else {
+            var decs = String(multi).split('.')[1].length;
+            label = num.toFixed(decs);
+          }
+
+          // Change 1000s to Ks
+          if (label !== 0 && label !== 1000 && label % 1000 === 0) {
+            label = label / 1000 + 'K';
+          }
+
+          if (isX) {
+            ctx.fillText(label, rulerD + 2, 8);
+          } else {
+            // draw label vertically
+            var _str = String(label).split('');
+            for (i = 0; i < _str.length; i++) {
+              ctx.fillText(_str[i], 1, rulerD + 9 + i * 9);
+            }
+          }
+
+          var part = bigInt / 10;
+          // draw the small intervals
+          for (i = 1; i < 10; i++) {
+            var subD = Math.round(rulerD + part * i) + 0.5;
+            if (ctxArr && subD > rulerLen) {
+              ctxNum++;
+              ctx.stroke();
+              if (ctxNum >= ctxArrNum) {
+                i = 10;
+                rulerD = totalLen;
+                continue;
+              }
+              ctx = ctxArr[ctxNum];
+              rulerD -= limit;
+              subD = Math.round(rulerD + part * i) + 0.5;
+            }
+
+            // odd lines are slighly longer
+            var lineNum = i % 2 ? 12 : 10;
+            if (isX) {
+              ctx.moveTo(subD, 15);
+              ctx.lineTo(subD, lineNum);
+            } else {
+              ctx.moveTo(15, subD);
+              ctx.lineTo(lineNum, subD);
+            }
+          }
+          rulerD += bigInt;
+        }
+        ctx.strokeStyle = '#000';
+        ctx.stroke();
+      }
+    }
+
+    /**
+    * @function module:SVGEditor.updateCanvas
+    * @param {boolean} center
+    * @param {module:math.XYObject} newCtr
+    * @returns {undefined}
+    */
+    var updateCanvas = editor.updateCanvas = function (center, newCtr) {
+      var zoom = svgCanvas.getZoom();
+      var wArea = workarea;
+      var cnvs = $$b('#svgcanvas');
+
+      var w = workarea.width(),
+          h = workarea.height();
+      var wOrig = w,
+          hOrig = h;
+      var oldCtr = {
+        x: wArea[0].scrollLeft + wOrig / 2,
+        y: wArea[0].scrollTop + hOrig / 2
+      };
+      var multi = curConfig.canvas_expansion;
+      w = Math.max(wOrig, svgCanvas.contentW * zoom * multi);
+      h = Math.max(hOrig, svgCanvas.contentH * zoom * multi);
+
+      if (w === wOrig && h === hOrig) {
+        workarea.css('overflow', 'hidden');
+      } else {
+        workarea.css('overflow', 'scroll');
+      }
+
+      var oldCanY = cnvs.height() / 2;
+      var oldCanX = cnvs.width() / 2;
+      cnvs.width(w).height(h);
+      var newCanY = h / 2;
+      var newCanX = w / 2;
+      var offset = svgCanvas.updateCanvas(w, h);
+
+      var ratio = newCanX / oldCanX;
+
+      var scrollX = w / 2 - wOrig / 2;
+      var scrollY = h / 2 - hOrig / 2;
+
+      if (!newCtr) {
+        var oldDistX = oldCtr.x - oldCanX;
+        var newX = newCanX + oldDistX * ratio;
+
+        var oldDistY = oldCtr.y - oldCanY;
+        var newY = newCanY + oldDistY * ratio;
+
+        newCtr = {
+          x: newX,
+          y: newY
+        };
+      } else {
+        newCtr.x += offset.x;
+        newCtr.y += offset.y;
+      }
+
+      if (center) {
+        // Go to top-left for larger documents
+        if (svgCanvas.contentW > wArea.width()) {
+          // Top-left
+          workarea[0].scrollLeft = offset.x - 10;
+          workarea[0].scrollTop = offset.y - 10;
+        } else {
+          // Center
+          wArea[0].scrollLeft = scrollX;
+          wArea[0].scrollTop = scrollY;
+        }
+      } else {
+        wArea[0].scrollLeft = newCtr.x - wOrig / 2;
+        wArea[0].scrollTop = newCtr.y - hOrig / 2;
+      }
+      if (curConfig.showRulers) {
+        updateRulers(cnvs, zoom);
+        workarea.scroll();
+      }
+      if (urldata.storagePrompt !== true && !editor.storagePromptClosed) {
+        $$b('#dialog_box').hide();
+      }
+    };
+
+    /**
+     * @fires module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate
+     * @returns {undefined}
+     */
+    var updateToolButtonState = function updateToolButtonState() {
+      var index = void 0,
+          button = void 0;
+      var bNoFill = svgCanvas.getColor('fill') === 'none';
+      var bNoStroke = svgCanvas.getColor('stroke') === 'none';
+      var buttonsNeedingStroke = ['#tool_fhpath', '#tool_line'];
+      var buttonsNeedingFillAndStroke = ['#tools_rect .tool_button', '#tools_ellipse .tool_button', '#tool_text', '#tool_path'];
+      if (bNoStroke) {
+        for (index in buttonsNeedingStroke) {
+          button = buttonsNeedingStroke[index];
+          if ($$b(button).hasClass('tool_button_current')) {
+            clickSelect();
+          }
+          $$b(button).addClass('disabled');
+        }
+      } else {
+        for (index in buttonsNeedingStroke) {
+          button = buttonsNeedingStroke[index];
+          $$b(button).removeClass('disabled');
+        }
+      }
+
+      if (bNoStroke && bNoFill) {
+        for (index in buttonsNeedingFillAndStroke) {
+          button = buttonsNeedingFillAndStroke[index];
+          if ($$b(button).hasClass('tool_button_current')) {
+            clickSelect();
+          }
+          $$b(button).addClass('disabled');
+        }
+      } else {
+        for (index in buttonsNeedingFillAndStroke) {
+          button = buttonsNeedingFillAndStroke[index];
+          $$b(button).removeClass('disabled');
+        }
+      }
+
+      svgCanvas.runExtensions('toolButtonStateUpdate', /** @type {module:svgcanvas.SvgCanvas#event:ext-toolButtonStateUpdate} */{
+        nofill: bNoFill,
+        nostroke: bNoStroke
+      });
+
+      // Disable flyouts if all inside are disabled
+      $$b('.tools_flyout').each(function () {
+        var shower = $$b('#' + this.id + '_show');
+        var hasEnabled = false;
+        $$b(this).children().each(function () {
+          if (!$$b(this).hasClass('disabled')) {
+            hasEnabled = true;
+          }
+        });
+        shower.toggleClass('disabled', !hasEnabled);
+      });
+
+      operaRepaint();
+    };
+
+    // Updates the toolbar (colors, opacity, etc) based on the selected element
+    // This function also updates the opacity and id elements that are in the context panel
+    var updateToolbar = function updateToolbar() {
+      var i = void 0,
+          len = void 0;
+      if (selectedElement != null) {
+        switch (selectedElement.tagName) {
+          case 'use':
+          case 'image':
+          case 'foreignObject':
+            break;
+          case 'g':
+          case 'a':
+            // Look for common styles
+            var childs = selectedElement.getElementsByTagName('*');
+            var gWidth = null;
+            for (i = 0, len = childs.length; i < len; i++) {
+              var swidth = childs[i].getAttribute('stroke-width');
+
+              if (i === 0) {
+                gWidth = swidth;
+              } else if (gWidth !== swidth) {
+                gWidth = null;
+              }
+            }
+
+            $$b('#stroke_width').val(gWidth === null ? '' : gWidth);
+
+            paintBox.fill.update(true);
+            paintBox.stroke.update(true);
+
+            break;
+          default:
+            paintBox.fill.update(true);
+            paintBox.stroke.update(true);
+
+            $$b('#stroke_width').val(selectedElement.getAttribute('stroke-width') || 1);
+            $$b('#stroke_style').val(selectedElement.getAttribute('stroke-dasharray') || 'none');
+
+            var attr = selectedElement.getAttribute('stroke-linejoin') || 'miter';
+
+            if ($$b('#linejoin_' + attr).length) {
+              setStrokeOpt($$b('#linejoin_' + attr)[0]);
+            }
+
+            attr = selectedElement.getAttribute('stroke-linecap') || 'butt';
+
+            if ($$b('#linecap_' + attr).length) {
+              setStrokeOpt($$b('#linecap_' + attr)[0]);
+            }
+        }
+      }
+
+      // All elements including image and group have opacity
+      if (selectedElement != null) {
+        var opacPerc = (selectedElement.getAttribute('opacity') || 1.0) * 100;
+        $$b('#group_opacity').val(opacPerc);
+        $$b('#opac_slider').slider('option', 'value', opacPerc);
+        $$b('#elem_id').val(selectedElement.id);
+        $$b('#elem_class').val(selectedElement.getAttribute('class'));
+      }
+
+      updateToolButtonState();
+    };
+
+    // updates the context panel tools based on the selected element
+    var updateContextPanel = function updateContextPanel() {
+      var elem = selectedElement;
+      // If element has just been deleted, consider it null
+      if (elem != null && !elem.parentNode) {
+        elem = null;
+      }
+      var currentLayerName = svgCanvas.getCurrentDrawing().getCurrentLayerName();
+      var currentMode = svgCanvas.getMode();
+      var unit = curConfig.baseUnit !== 'px' ? curConfig.baseUnit : null;
+
+      var isNode = currentMode === 'pathedit'; // elem ? (elem.id && elem.id.startsWith('pathpointgrip')) : false;
+      var menuItems = $$b('#cmenu_canvas li');
+      $$b('#selected_panel, #multiselected_panel, #g_panel, #rect_panel, #circle_panel,' + '#ellipse_panel, #line_panel, #text_panel, #image_panel, #container_panel,' + ' #use_panel, #a_panel').hide();
+      if (elem != null) {
+        var elname = elem.nodeName;
+        // If this is a link with no transform and one child, pretend
+        // its child is selected
+        // if (elname === 'a') { // && !$(elem).attr('transform')) {
+        //   elem = elem.firstChild;
+        // }
+
+        var angle = svgCanvas.getRotationAngle(elem);
+        $$b('#angle').val(angle);
+
+        var blurval = svgCanvas.getBlur(elem);
+        $$b('#blur').val(blurval);
+        $$b('#blur_slider').slider('option', 'value', blurval);
+
+        if (svgCanvas.addedNew) {
+          if (elname === 'image' && svgCanvas.getMode() === 'image') {
+            // Prompt for URL if not a data URL
+            if (!svgCanvas.getHref(elem).startsWith('data:')) {
+              promptImgURL({ cancelDeletes: true });
+            }
+          }
+          /* else if (elname == 'text') {
+            // TODO: Do something here for new text
+          } */
+        }
+
+        if (!isNode && currentMode !== 'pathedit') {
+          $$b('#selected_panel').show();
+          // Elements in this array already have coord fields
+          if (['line', 'circle', 'ellipse'].includes(elname)) {
+            $$b('#xy_panel').hide();
+          } else {
+            var x = void 0,
+                y = void 0;
+
+            // Get BBox vals for g, polyline and path
+            if (['g', 'polyline', 'path'].includes(elname)) {
+              var bb = svgCanvas.getStrokedBBox([elem]);
+              if (bb) {
+                x = bb.x;
+                y = bb.y;
+              }
+            } else {
+              x = elem.getAttribute('x');
+              y = elem.getAttribute('y');
+            }
+
+            if (unit) {
+              x = convertUnit(x);
+              y = convertUnit(y);
+            }
+
+            $$b('#selected_x').val(x || 0);
+            $$b('#selected_y').val(y || 0);
+            $$b('#xy_panel').show();
+          }
+
+          // Elements in this array cannot be converted to a path
+          var noPath = !['image', 'text', 'path', 'g', 'use'].includes(elname);
+          $$b('#tool_topath').toggle(noPath);
+          $$b('#tool_reorient').toggle(elname === 'path');
+          $$b('#tool_reorient').toggleClass('disabled', angle === 0);
+        } else {
+          var point = path.getNodePoint();
+          $$b('#tool_add_subpath').removeClass('push_button_pressed').addClass('tool_button');
+          $$b('#tool_node_delete').toggleClass('disabled', !path.canDeleteNodes);
+
+          // Show open/close button based on selected point
+          setIcon('#tool_openclose_path', path.closed_subpath ? 'open_path' : 'close_path');
+
+          if (point) {
+            var segType = $$b('#seg_type');
+            if (unit) {
+              point.x = convertUnit(point.x);
+              point.y = convertUnit(point.y);
+            }
+            $$b('#path_node_x').val(point.x);
+            $$b('#path_node_y').val(point.y);
+            if (point.type) {
+              segType.val(point.type).removeAttr('disabled');
+            } else {
+              segType.val(4).attr('disabled', 'disabled');
+            }
+          }
+          return;
+        }
+
+        // update contextual tools here
+        var panels = {
+          g: [],
+          a: [],
+          rect: ['rx', 'width', 'height'],
+          image: ['width', 'height'],
+          circle: ['cx', 'cy', 'r'],
+          ellipse: ['cx', 'cy', 'rx', 'ry'],
+          line: ['x1', 'y1', 'x2', 'y2'],
+          text: [],
+          use: []
+        };
+
+        var _elem = elem,
+            tagName = _elem.tagName;
+
+        // if ($(elem).data('gsvg')) {
+        //   $('#g_panel').show();
+        // }
+
+        var linkHref = null;
+        if (tagName === 'a') {
+          linkHref = svgCanvas.getHref(elem);
+          $$b('#g_panel').show();
+        }
+
+        if (elem.parentNode.tagName === 'a') {
+          if (!$$b(elem).siblings().length) {
+            $$b('#a_panel').show();
+            linkHref = svgCanvas.getHref(elem.parentNode);
+          }
+        }
+
+        // Hide/show the make_link buttons
+        $$b('#tool_make_link, #tool_make_link').toggle(!linkHref);
+
+        if (linkHref) {
+          $$b('#link_url').val(linkHref);
+        }
+
+        if (panels[tagName]) {
+          var curPanel = panels[tagName];
+
+          $$b('#' + tagName + '_panel').show();
+
+          $$b.each(curPanel, function (i, item) {
+            var attrVal = elem.getAttribute(item);
+            if (curConfig.baseUnit !== 'px' && elem[item]) {
+              var bv = elem[item].baseVal.value;
+              attrVal = convertUnit(bv);
+            }
+            $$b('#' + tagName + '_' + item).val(attrVal || 0);
+          });
+
+          if (tagName === 'text') {
+            $$b('#text_panel').css('display', 'inline');
+            $$b('#tool_font_size').css('display', 'inline');
+            if (svgCanvas.getItalic()) {
+              $$b('#tool_italic').addClass('push_button_pressed').removeClass('tool_button');
+            } else {
+              $$b('#tool_italic').removeClass('push_button_pressed').addClass('tool_button');
+            }
+            if (svgCanvas.getBold()) {
+              $$b('#tool_bold').addClass('push_button_pressed').removeClass('tool_button');
+            } else {
+              $$b('#tool_bold').removeClass('push_button_pressed').addClass('tool_button');
+            }
+            $$b('#font_family').val(elem.getAttribute('font-family'));
+            $$b('#font_size').val(elem.getAttribute('font-size'));
+            $$b('#text').val(elem.textContent);
+            if (svgCanvas.addedNew) {
+              // Timeout needed for IE9
+              setTimeout(function () {
+                $$b('#text').focus().select();
+              }, 100);
+            }
+            // text
+          } else if (tagName === 'image' && svgCanvas.getMode() === 'image') {
+            setImageURL(svgCanvas.getHref(elem));
+            // image
+          } else if (tagName === 'g' || tagName === 'use') {
+            $$b('#container_panel').show();
+            var title = svgCanvas.getTitle();
+            var label = $$b('#g_title')[0];
+            label.value = title;
+            setInputWidth(label);
+            $$b('#g_title').prop('disabled', tagName === 'use');
+          }
+        }
+        menuItems[(tagName === 'g' ? 'en' : 'dis') + 'ableContextMenuItems']('#ungroup');
+        menuItems[(tagName === 'g' || !multiselected ? 'dis' : 'en') + 'ableContextMenuItems']('#group');
+        // if (elem != null)
+      } else if (multiselected) {
+        $$b('#multiselected_panel').show();
+        menuItems.enableContextMenuItems('#group').disableContextMenuItems('#ungroup');
+      } else {
+        menuItems.disableContextMenuItems('#delete,#cut,#copy,#group,#ungroup,#move_front,#move_up,#move_down,#move_back');
+      }
+
+      // update history buttons
+      $$b('#tool_undo').toggleClass('disabled', undoMgr.getUndoStackSize() === 0);
+      $$b('#tool_redo').toggleClass('disabled', undoMgr.getRedoStackSize() === 0);
+
+      svgCanvas.addedNew = false;
+
+      if (elem && !isNode || multiselected) {
+        // update the selected elements' layer
+        $$b('#selLayerNames').removeAttr('disabled').val(currentLayerName);
+
+        // Enable regular menu options
+        canvMenu.enableContextMenuItems('#delete,#cut,#copy,#move_front,#move_up,#move_down,#move_back');
+      } else {
+        $$b('#selLayerNames').attr('disabled', 'disabled');
+      }
+    };
+
+    var updateWireFrame = function updateWireFrame() {
+      // Test support
+      if (supportsNonSS) {
+        return;
+      }
+
+      var rule = '#workarea.wireframe #svgcontent * { stroke-width: ' + 1 / svgCanvas.getZoom() + 'px; }';
+      $$b('#wireframe_rules').text(workarea.hasClass('wireframe') ? rule : '');
+    };
+
+    var curContext = '';
+
+    var updateTitle = function updateTitle(title) {
+      title = title || svgCanvas.getDocumentTitle();
+      var newTitle = origTitle + (title ? ': ' + title : '');
+
+      // Remove title update with current context info, isn't really necessary
+      // if (curContext) {
+      //   new_title = new_title + curContext;
+      // }
+      $$b('title:first').text(newTitle);
+    };
+
+    // called when we've selected a different element
+    /**
+    *
+    * @param {external:Window} win
+    * @param {module:svgcanvas.SvgCanvas#event:selected} elems Array of elements that were selected
+    * @listens module:svgcanvas.SvgCanvas#event:selected
+    * @fires module:svgcanvas.SvgCanvas#event:ext-selectedChanged
+    * @returns {undefined}
+    */
+    var selectedChanged = function selectedChanged(win, elems) {
+      var mode = svgCanvas.getMode();
+      if (mode === 'select') {
+        setSelectMode();
+      }
+      var isNode = mode === 'pathedit';
+      // if elems[1] is present, then we have more than one element
+      selectedElement = elems.length === 1 || elems[1] == null ? elems[0] : null;
+      multiselected = elems.length >= 2 && elems[1] != null;
+      if (selectedElement != null) {
+        // unless we're already in always set the mode of the editor to select because
+        // upon creation of a text element the editor is switched into
+        // select mode and this event fires - we need our UI to be in sync
+
+        if (!isNode) {
+          updateToolbar();
+        }
+      } // if (elem != null)
+
+      // Deal with pathedit mode
+      togglePathEditMode(isNode, elems);
+      updateContextPanel();
+      svgCanvas.runExtensions('selectedChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-selectedChanged} */{
+        elems: elems,
+        selectedElement: selectedElement,
+        multiselected: multiselected
+      });
+    };
+
+    // Call when part of element is in process of changing, generally
+    // on mousemove actions like rotate, move, etc.
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:transition} elems
+     * @listens module:svgcanvas.SvgCanvas#event:transition
+     * @fires module:svgcanvas.SvgCanvas#event:ext-elementTransition
+     * @returns {undefined}
+     */
+    var elementTransition = function elementTransition(win, elems) {
+      var mode = svgCanvas.getMode();
+      var elem = elems[0];
+
+      if (!elem) {
+        return;
+      }
+
+      multiselected = elems.length >= 2 && elems[1] != null;
+      // Only updating fields for single elements for now
+      if (!multiselected) {
+        switch (mode) {
+          case 'rotate':
+            var ang = svgCanvas.getRotationAngle(elem);
+            $$b('#angle').val(ang);
+            $$b('#tool_reorient').toggleClass('disabled', ang === 0);
+            break;
+
+          // TODO: Update values that change on move/resize, etc
+          // case 'select':
+          // case 'resize':
+          //   break;
+        }
+      }
+      svgCanvas.runExtensions('elementTransition', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementTransition} */{
+        elems: elems
+      });
+    };
+
+    /**
+     * Test whether an element is a layer or not.
+     * @param {SVGGElement} elem - The SVGGElement to test.
+     * @returns {boolean} True if the element is a layer
+     */
+    function isLayer(elem) {
+      return elem && elem.tagName === 'g' && Layer.CLASS_REGEX.test(elem.getAttribute('class'));
+    }
+
+    // called when any element has changed
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:changed} elems
+     * @listens module:svgcanvas.SvgCanvas#event:changed
+     * @fires module:svgcanvas.SvgCanvas#event:ext-elementChanged
+     * @returns {undefined}
+     */
+    var elementChanged = function elementChanged(win, elems) {
+      var mode = svgCanvas.getMode();
+      if (mode === 'select') {
+        setSelectMode();
+      }
+
+      for (var _i = 0; _i < elems.length; ++_i) {
+        var elem = elems[_i];
+
+        var isSvgElem = elem && elem.tagName === 'svg';
+        if (isSvgElem || isLayer(elem)) {
+          populateLayers();
+          // if the element changed was the svg, then it could be a resolution change
+          if (isSvgElem) {
+            updateCanvas();
+          }
+          // Update selectedElement if element is no longer part of the image.
+          // This occurs for the text elements in Firefox
+        } else if (elem && selectedElement && selectedElement.parentNode == null) {
+          // || elem && elem.tagName == "path" && !multiselected) { // This was added in r1430, but not sure why
+          selectedElement = elem;
+        }
+      }
+
+      editor.showSaveWarning = true;
+
+      // we update the contextual panel with potentially new
+      // positional/sizing information (we DON'T want to update the
+      // toolbar here as that creates an infinite loop)
+      // also this updates the history buttons
+
+      // we tell it to skip focusing the text control if the
+      // text element was previously in focus
+      updateContextPanel();
+
+      // In the event a gradient was flipped:
+      if (selectedElement && mode === 'select') {
+        paintBox.fill.update();
+        paintBox.stroke.update();
+      }
+
+      svgCanvas.runExtensions('elementChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-elementChanged} */{
+        elems: elems
+      });
+    };
+
+    /**
+     * @returns {undefined}
+     */
+    var zoomDone = function zoomDone() {
+      updateWireFrame();
+      // updateCanvas(); // necessary?
+    };
+
+    /**
+    * @typedef {PlainObject} module:SVGEditor.BBoxObjectWithFactor (like `DOMRect`)
+    * @property {Float} x
+    * @property {Float} y
+    * @property {Float} width
+    * @property {Float} height
+    * @property {Float} [factor] Needed if width or height are 0
+    * @property {Float} [zoom]
+    * @see module:svgcanvas.SvgCanvas#event:zoomed
+    */
+
+    /**
+    * @function module:svgcanvas.SvgCanvas#zoomChanged
+    * @param {external:Window} win
+    * @param {module:svgcanvas.SvgCanvas#event:zoomed} bbox
+    * @param {boolean} autoCenter
+    * @listens module:svgcanvas.SvgCanvas#event:zoomed
+    * @returns {undefined}
+    */
+    var zoomChanged = svgCanvas.zoomChanged = function (win, bbox, autoCenter) {
+      var scrbar = 15,
+
+      // res = svgCanvas.getResolution(), // Currently unused
+      wArea = workarea;
+      // const canvasPos = $('#svgcanvas').position(); // Currently unused
+      var zInfo = svgCanvas.setBBoxZoom(bbox, wArea.width() - scrbar, wArea.height() - scrbar);
+      if (!zInfo) {
+        return;
+      }
+      var zoomlevel = zInfo.zoom,
+          bb = zInfo.bbox;
+
+      if (zoomlevel < 0.001) {
+        changeZoom({ value: 0.1 });
+        return;
+      }
+
+      $$b('#zoom').val((zoomlevel * 100).toFixed(1));
+
+      if (autoCenter) {
+        updateCanvas();
+      } else {
+        updateCanvas(false, { x: bb.x * zoomlevel + bb.width * zoomlevel / 2, y: bb.y * zoomlevel + bb.height * zoomlevel / 2 });
+      }
+
+      if (svgCanvas.getMode() === 'zoom' && bb.width) {
+        // Go to select if a zoom box was drawn
+        setSelectMode();
+      }
+
+      zoomDone();
+    };
+
+    var changeZoom = function changeZoom(ctl) {
+      var zoomlevel = ctl.value / 100;
+      if (zoomlevel < 0.001) {
+        ctl.value = 0.1;
+        return;
+      }
+      var zoom = svgCanvas.getZoom();
+      var wArea = workarea;
+
+      zoomChanged(window, {
+        width: 0,
+        height: 0,
+        // center pt of scroll position
+        x: (wArea[0].scrollLeft + wArea.width() / 2) / zoom,
+        y: (wArea[0].scrollTop + wArea.height() / 2) / zoom,
+        zoom: zoomlevel
+      }, true);
+    };
+
+    $$b('#cur_context_panel').delegate('a', 'click', function () {
+      var link = $$b(this);
+      if (link.attr('data-root')) {
+        svgCanvas.leaveContext();
+      } else {
+        svgCanvas.setContext(link.text());
+      }
+      svgCanvas.clearSelection();
+      return false;
+    });
+
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:contextset} context
+     * @listens module:svgcanvas.SvgCanvas#event:contextset
+     * @returns {undefined}
+     */
+    var contextChanged = function contextChanged(win, context) {
+      var linkStr = '';
+      if (context) {
+        var _str2 = '';
+        linkStr = '<a href="#" data-root="y">' + svgCanvas.getCurrentDrawing().getCurrentLayerName() + '</a>';
+
+        $$b(context).parentsUntil('#svgcontent > g').andSelf().each(function () {
+          if (this.id) {
+            _str2 += ' > ' + this.id;
+            if (this !== context) {
+              linkStr += ' > <a href="#">' + this.id + '</a>';
+            } else {
+              linkStr += ' > ' + this.id;
+            }
+          }
+        });
+
+        curContext = _str2;
+      } else {
+        curContext = null;
+      }
+      $$b('#cur_context_panel').toggle(!!context).html(linkStr);
+
+      updateTitle();
+    };
+
+    // Makes sure the current selected paint is available to work with
+    var prepPaints = function prepPaints() {
+      paintBox.fill.prep();
+      paintBox.stroke.prep();
+    };
+
+    var flyoutFuncs = {};
+
+    var setFlyoutTitles = function setFlyoutTitles() {
+      $$b('.tools_flyout').each(function () {
+        var shower = $$b('#' + this.id + '_show');
+        if (shower.data('isLibrary')) {
+          return;
+        }
+
+        var tooltips = $$b(this).children().map(function () {
+          return this.title;
+        }).get();
+        shower[0].title = tooltips.join(' / ');
+      });
+    };
+
+    var allHolders = {};
+    /**
+     * @param {Object.<string, module:SVGEditor.ToolButton>} holders Key is a selector
+     * @returns {undefined}
+     */
+    var setupFlyouts = function setupFlyouts(holders) {
+      $$b.each(holders, function (holdSel, btnOpts) {
+        var _allHolders$holdSel;
+
+        if (!allHolders[holdSel]) {
+          allHolders[holdSel] = [];
+        }
+        (_allHolders$holdSel = allHolders[holdSel]).push.apply(_allHolders$holdSel, toConsumableArray(btnOpts));
+
+        var buttons = $$b(holdSel).children().not('.tool_button_evt_handled');
+        var showSel = holdSel + '_show';
+        var shower = $$b(showSel);
+        var def = false;
+        buttons.addClass('tool_button tool_button_evt_handled').unbind('click mousedown mouseup') // may not be necessary
+        .each(function () {
+          // Get this button's options
+          var idSel = '#' + this.getAttribute('id');
+
+          var _Object$entries$find = Object.entries(btnOpts).find(function (_ref10) {
+            var _ref11 = slicedToArray(_ref10, 2),
+                i = _ref11[0],
+                sel = _ref11[1].sel;
+
+            return sel === idSel;
+          }),
+              _Object$entries$find2 = slicedToArray(_Object$entries$find, 2),
+              i = _Object$entries$find2[0],
+              opts = _Object$entries$find2[1];
+
+          // Remember the function that goes with this ID
+
+
+          flyoutFuncs[opts.sel] = opts.fn;
+
+          if (opts.isDefault) {
+            def = i;
+          }
+
+          /**
+           * Clicking the icon in flyout should set this set's icon
+           * @param {Event} ev
+           * @returns {undefined}
+           */
+          var flyoutAction = function flyoutAction(ev) {
+            var options = opts;
+            // Find the currently selected tool if comes from keystroke
+            if (ev.type === 'keydown') {
+              var flyoutIsSelected = $$b(options.parent + '_show').hasClass('tool_button_current');
+              var currentOperation = $$b(options.parent + '_show').attr('data-curopt');
+              Object.entries(holders[opts.parent]).some(function (_ref12) {
+                var _ref13 = slicedToArray(_ref12, 2),
+                    i = _ref13[0],
+                    tool = _ref13[1];
+
+                if (tool.sel !== currentOperation) {
+                  return;
+                }
+                if (!ev.shiftKey || !flyoutIsSelected) {
+                  options = tool;
+                } else {
+                  // If flyout is selected, allow shift key to iterate through subitems
+                  i = parseInt(i, 10);
+                  // Use `allHolders` to include both extension `includeWith` and toolbarButtons
+                  options = allHolders[opts.parent][i + 1] || holders[opts.parent][0];
+                }
+                return true;
+              });
+            }
+            if ($$b(this).hasClass('disabled')) {
+              return false;
+            }
+            if (toolButtonClick(showSel)) {
+              options.fn();
+            }
+            var icon = void 0;
+            if (options.icon) {
+              icon = $$b.getSvgIcon(options.icon, true);
+            } else {
+              icon = $$b(options.sel).children().eq(0).clone();
+            }
+
+            icon[0].setAttribute('width', shower.width());
+            icon[0].setAttribute('height', shower.height());
+            shower.children(':not(.flyout_arrow_horiz)').remove();
+            shower.append(icon).attr('data-curopt', options.sel); // This sets the current mode
+          };
+
+          $$b(this).mouseup(flyoutAction);
+
+          if (opts.key) {
+            $$b(document).bind('keydown', opts.key[0] + ' shift+' + opts.key[0], flyoutAction);
+          }
+        });
+
+        if (def) {
+          shower.attr('data-curopt', btnOpts[def].sel);
+        } else if (!shower.attr('data-curopt')) {
+          // Set first as default
+          shower.attr('data-curopt', btnOpts[0].sel);
+        }
+
+        var timer = void 0;
+        var pos = $$b(showSel).position();
+
+        // Clicking the "show" icon should set the current mode
+        shower.mousedown(function (evt) {
+          if (shower.hasClass('disabled')) {
+            return false;
+          }
+          var holder = $$b(holdSel);
+          var l = pos.left + 34;
+          var w = holder.width() * -1;
+          var time = holder.data('shown_popop') ? 200 : 0;
+          timer = setTimeout(function () {
+            // Show corresponding menu
+            if (!shower.data('isLibrary')) {
+              holder.css('left', w).show().animate({
+                left: l
+              }, 150);
+            } else {
+              holder.css('left', l).show();
+            }
+            holder.data('shown_popop', true);
+          }, time);
+          evt.preventDefault();
+        }).mouseup(function (evt) {
+          clearTimeout(timer);
+          var opt = $$b(this).attr('data-curopt');
+          // Is library and popped up, so do nothing
+          if (shower.data('isLibrary') && $$b(showSel.replace('_show', '')).is(':visible')) {
+            toolButtonClick(showSel, true);
+            return;
+          }
+          if (toolButtonClick(showSel) && flyoutFuncs[opt]) {
+            flyoutFuncs[opt]();
+          }
+        });
+        // $('#tools_rect').mouseleave(function () { $('#tools_rect').fadeOut(); });
+      });
+      setFlyoutTitles();
+      setFlyoutPositions();
+    };
+
+    var makeFlyoutHolder = function makeFlyoutHolder(id, child) {
+      var div = $$b('<div>', {
+        class: 'tools_flyout',
+        id: id
+      }).appendTo('#svg_editor').append(child);
+
+      return div;
+    };
+
+    // TODO: Combine this with addDropDown or find other way to optimize
+    var addAltDropDown = function addAltDropDown(elem, list, callback, opts) {
+      var button = $$b(elem);
+      var dropUp = opts.dropUp;
+
+      list = $$b(list);
+      if (dropUp) {
+        $$b(elem).addClass('dropup');
+      }
+      list.find('li').bind('mouseup', function () {
+        if (opts.seticon) {
+          setIcon('#cur_' + button[0].id, $$b(this).children());
+          $$b(this).addClass('current').siblings().removeClass('current');
+        }
+        callback.apply(this, arguments);
+      });
+
+      var onButton = false;
+      $$b(window).mouseup(function (evt) {
+        if (!onButton) {
+          button.removeClass('down');
+          list.hide();
+          list.css({ top: 0, left: 0 });
+        }
+        onButton = false;
+      });
+
+      // const height = list.height(); // Currently unused
+      button.bind('mousedown', function () {
+        var off = button.offset();
+        if (dropUp) {
+          off.top -= list.height();
+          off.left += 8;
+        } else {
+          off.top += button.height();
+        }
+        list.offset(off);
+
+        if (!button.hasClass('down')) {
+          list.show();
+          onButton = true;
+        } else {
+          // CSS position must be reset for Webkit
+          list.hide();
+          list.css({ top: 0, left: 0 });
+        }
+        button.toggleClass('down');
+      }).hover(function () {
+        onButton = true;
+      }).mouseout(function () {
+        onButton = false;
+      });
+
+      if (opts.multiclick) {
+        list.mousedown(function () {
+          onButton = true;
+        });
+      }
+    };
+
+    var extsPreLang = [];
+    /**
+     * @param {external:Window} win
+     * @param {module:svgcanvas.SvgCanvas#event:extension_added} ext
+     * @listens module:svgcanvas.SvgCanvas#event:extension_added
+     * @returns {Promise} Resolves to `undefined`
+     */
+    var extAdded = function extAdded(win, ext) {
+      if (!ext) {
+        return;
+      }
+      var cbCalled = false;
+      var resizeDone = false;
+
+      if (ext.langReady) {
+        if (editor.langChanged) {
+          // We check for this since the "lang" pref could have been set by storage
+          var lang = $$b.pref('lang');
+          ext.langReady({
+            lang: lang,
+            uiStrings: uiStrings$1,
+            importLocale: getImportLocale({ defaultLang: lang, defaultName: ext.name })
+          });
+        } else {
+          extsPreLang.push(ext);
+        }
+      }
+
+      function prepResize() {
+        if (resizeTimer) {
+          clearTimeout(resizeTimer);
+          resizeTimer = null;
+        }
+        if (!resizeDone) {
+          resizeTimer = setTimeout(function () {
+            resizeDone = true;
+            setIconSize($$b.pref('iconsize'));
+          }, 50);
+        }
+      }
+
+      var runCallback = function runCallback() {
+        if (ext.callback && !cbCalled) {
+          cbCalled = true;
+          ext.callback.call(editor);
+        }
+      };
+
+      var btnSelects = [];
+
+      /**
+      * @typedef {PlainObject} module:SVGEditor.ContextTool
+      * @property {string} panel The ID of the existing panel to which the tool is being added. Required.
+      * @property {string} id The ID of the actual tool element. Required.
+      * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<"change", external:jQuery.Function>} events DOM event names keyed to associated functions. Example: `{change () { alert('Option was changed') } }`. "change" event is one specifically handled for the "button-select" type. Required.
+      * @property {string} title The tooltip text that will appear when the user hovers over the tool. Required.
+      * @property {"tool_button"|"select"|"button-select"|"input"|string} type The type of tool being added. Expected.
+      * @property {PlainObject.<string, string>} [options] List of options and their labels for select tools. Example: `{1: 'One', 2: 'Two', all: 'All' }`. Required by "select" tools.
+      * @property {string} [container_id] The ID to be given to the tool's container element.
+      * @property {string} [defval] Default value
+      * @property {string|Integer} [colnum] Added as part of the option list class.
+      * @property {string} [label] Label associated with the tool, visible in the UI
+      * @property {Integer} [size] Value of the "size" attribute of the tool input
+      * @property {module:jQuerySpinButton.SpinButtonConfig} [spindata] When added to a tool of type "input", this tool becomes a "spinner" which allows the number to be in/decreased.
+      */
+      if (ext.context_tools) {
+        $$b.each(ext.context_tools, function (i, tool) {
+          // Add select tool
+          var contId = tool.container_id ? ' id="' + tool.container_id + '"' : '';
+
+          var panel = $$b('#' + tool.panel);
+          // create the panel if it doesn't exist
+          if (!panel.length) {
+            panel = $$b('<div>', { id: tool.panel }).appendTo('#tools_top');
+          }
+
+          var html = void 0;
+          // TODO: Allow support for other types, or adding to existing tool
+          switch (tool.type) {
+            case 'tool_button':
+              html = '<div class="tool_button">' + tool.id + '</div>';
+              var div = $$b(html).appendTo(panel);
+              if (tool.events) {
+                $$b.each(tool.events, function (evt, func) {
+                  $$b(div).bind(evt, func);
+                });
+              }
+              break;
+            case 'select':
+              html = '<label' + contId + '>' + '<select id="' + tool.id + '">';
+              $$b.each(tool.options, function (val, text) {
+                var sel = val === tool.defval ? ' selected' : '';
+                html += '<option value="' + val + '"' + sel + '>' + text + '</option>';
+              });
+              html += '</select></label>';
+              // Creates the tool, hides & adds it, returns the select element
+              var sel = $$b(html).appendTo(panel).find('select');
+
+              $$b.each(tool.events, function (evt, func) {
+                $$b(sel).bind(evt, func);
+              });
+              break;
+            case 'button-select':
+              html = '<div id="' + tool.id + '" class="dropdown toolset" title="' + tool.title + '">' + '<div id="cur_' + tool.id + '" class="icon_label"></div><button></button></div>';
+
+              var list = $$b('<ul id="' + tool.id + '_opts"></ul>').appendTo('#option_lists');
+
+              if (tool.colnum) {
+                list.addClass('optcols' + tool.colnum);
+              }
+
+              // Creates the tool, hides & adds it, returns the select element
+              /* const dropdown = */$$b(html).appendTo(panel).children();
+
+              btnSelects.push({
+                elem: '#' + tool.id,
+                list: '#' + tool.id + '_opts',
+                title: tool.title,
+                callback: tool.events.change,
+                cur: '#cur_' + tool.id
+              });
+
+              break;
+            case 'input':
+              html = '<label' + contId + '>' + '<span id="' + tool.id + '_label">' + tool.label + ':</span>' + '<input id="' + tool.id + '" title="' + tool.title + '" size="' + (tool.size || '4') + '" value="' + (tool.defval || '') + '" type="text"/></label>';
+
+              // Creates the tool, hides & adds it, returns the select element
+
+              // Add to given tool.panel
+              var inp = $$b(html).appendTo(panel).find('input');
+
+              if (tool.spindata) {
+                inp.SpinButton(tool.spindata);
+              }
+
+              if (tool.events) {
+                $$b.each(tool.events, function (evt, func) {
+                  inp.bind(evt, func);
+                });
+              }
+              break;
+
+            default:
+              break;
+          }
+        });
+      }
+
+      var svgicons = ext.svgicons;
+
+      if (ext.buttons) {
+        var fallbackObj = {},
+            placementObj = {},
+            holders = {};
+
+        /**
+        * @typedef {GenericArray} module:SVGEditor.KeyArray
+        * @property {string} 0 The key to bind (on `keydown`)
+        * @property {boolean} 1 Whether to `preventDefault` on the `keydown` event
+        * @property {boolean} 2 Not apparently in use (NoDisableInInput)
+        */
+        /**
+         * @typedef {string|module:SVGEditor.KeyArray} module:SVGEditor.Key
+         */
+        /**
+        * @typedef {PlainObject} module:SVGEditor.Button
+        * @property {string} id A unique identifier for this button. If SVG icons are used, this must match the ID used in the icon file. Required.
+        * @property {"mode_flyout"|"mode"|"context"|"app_menu"} type Type of button. Required.
+        * @property {string} title The tooltip text that will appear when the user hovers over the icon. Required.
+        * @property {PlainObject.<string, external:jQuery.Function>|PlainObject.<"click", external:jQuery.Function>} events DOM event names with associated functions. Example: `{click () { alert('Button was clicked') } }`. Click is used with `includeWith` and `type` of "mode_flyout" (and "mode"); any events may be added if `list` is not present. Expected.
+        * @property {string} panel The ID of the context panel to be included, if type is "context". Required only if type is "context".
+        * @property {string} icon The file path to the raster version of the icon image source. Required only if no `svgicons` is supplied from [ExtensionInitResponse]{@link module:svgcanvas.ExtensionInitResponse}.
+        * @property {string} [svgicon] If absent, will utilize the button "id"; used to set "placement" on the `svgIcons` call
+        * @property {string} [list] Points to the "id" of a `context_tools` item of type "button-select" into which the button will be added as a panel list item
+        * @property {Integer} [position] The numeric index for placement; defaults to last position (as of the time of extension addition) if not present. For use with {@link http://api.jquery.com/eq/}.
+        * @property {boolean} [isDefault] Whether or not the button is the default. Used with `list`.
+        * @property {PlainObject} [includeWith] Object with flyout menu data
+        * @property {boolean} [includeWith.isDefault] Indicates whether button is default in flyout list or not.
+        * @property {string} includeWith.button jQuery selector of the existing button to be joined. Example: '#tool_line'. Required if `includeWith` is used.
+        * @property {"last"|Integer} [includeWith.position] Position of icon in flyout list; will be added to end if not indicated. Integer is for use with {@link http://api.jquery.com/eq/}.
+        * @property {module:SVGEditor.Key} [key] The key to bind to the button
+        */
+        // Add buttons given by extension
+        $$b.each(ext.buttons, function (i, /** @type {module:SVGEditor.Button} */btn) {
+          var id = btn.id;
+
+          var num = i;
+          // Give button a unique ID
+          while ($$b('#' + id).length) {
+            id = btn.id + '_' + ++num;
+          }
+
+          var icon = void 0;
+          if (!svgicons) {
+            icon = $$b('<img src="' + btn.icon + '">');
+          } else {
+            fallbackObj[id] = btn.icon;
+            var svgicon = btn.svgicon || btn.id;
+            if (btn.type === 'app_menu') {
+              placementObj['#' + id + ' > div'] = svgicon;
+            } else {
+              placementObj['#' + id] = svgicon;
+            }
+          }
+
+          var cls = void 0,
+              parent = void 0;
+
+          // Set button up according to its type
+          switch (btn.type) {
+            case 'mode_flyout':
+            case 'mode':
+              cls = 'tool_button';
+              parent = '#tools_left';
+              break;
+            case 'context':
+              cls = 'tool_button';
+              parent = '#' + btn.panel;
+              // create the panel if it doesn't exist
+              if (!$$b(parent).length) {
+                $$b('<div>', { id: btn.panel }).appendTo('#tools_top');
+              }
+              break;
+            case 'app_menu':
+              cls = '';
+              parent = '#main_menu ul';
+              break;
+          }
+          var flyoutHolder = void 0,
+              curH = void 0,
+              showBtn = void 0,
+              refData = void 0,
+              refBtn = void 0;
+          var button = $$b(btn.list || btn.type === 'app_menu' ? '<li/>' : '<div/>').attr('id', id).attr('title', btn.title).addClass(cls);
+          if (!btn.includeWith && !btn.list) {
+            if ('position' in btn) {
+              if ($$b(parent).children().eq(btn.position).length) {
+                $$b(parent).children().eq(btn.position).before(button);
+              } else {
+                $$b(parent).children().last().before(button);
+              }
+            } else {
+              button.appendTo(parent);
+            }
+
+            if (btn.type === 'mode_flyout') {
+              // Add to flyout menu / make flyout menu
+              // const opts = btn.includeWith;
+              // // opts.button, default, position
+              refBtn = $$b(button);
+
+              flyoutHolder = refBtn.parent();
+              // Create a flyout menu if there isn't one already
+              var tlsId = void 0;
+              if (!refBtn.parent().hasClass('tools_flyout')) {
+                // Create flyout placeholder
+                tlsId = refBtn[0].id.replace('tool_', 'tools_');
+                showBtn = refBtn.clone().attr('id', tlsId + '_show').append($$b('<div>', { class: 'flyout_arrow_horiz' }));
+
+                refBtn.before(showBtn);
+
+                // Create a flyout div
+                flyoutHolder = makeFlyoutHolder(tlsId, refBtn);
+                flyoutHolder.data('isLibrary', true);
+                showBtn.data('isLibrary', true);
+              }
+              // refData = Actions.getButtonData(opts.button);
+
+              placementObj['#' + tlsId + '_show'] = btn.id;
+              // TODO: Find way to set the current icon using the iconloader if this is not default
+
+              // Include data for extension button as well as ref button
+              curH = holders['#' + flyoutHolder[0].id] = [{
+                sel: '#' + id,
+                fn: btn.events.click,
+                icon: btn.id,
+                // key: btn.key,
+                isDefault: true
+              }]; // , refData
+              //
+              // // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
+              //
+              // const pos = ('position' in opts)?opts.position:'last';
+              // const len = flyoutHolder.children().length;
+              //
+              // // Add at given position or end
+              // if (!isNaN(pos) && pos >= 0 && pos < len) {
+              //   flyoutHolder.children().eq(pos).before(button);
+              // } else {
+              //   flyoutHolder.append(button);
+              //   curH.reverse();
+              // }
+            } else if (btn.type === 'app_menu') {
+              button.append('<div>').append(btn.title);
+            }
+          } else if (btn.list) {
+            // Add button to list
+            button.addClass('push_button');
+            $$b('#' + btn.list + '_opts').append(button);
+            if (btn.isDefault) {
+              $$b('#cur_' + btn.list).append(button.children().clone());
+              var _svgicon = btn.svgicon || btn.id;
+              placementObj['#cur_' + btn.list] = _svgicon;
+            }
+          } else if (btn.includeWith) {
+            // Add to flyout menu / make flyout menu
+            var opts = btn.includeWith;
+            // opts.button, default, position
+            refBtn = $$b(opts.button);
+
+            flyoutHolder = refBtn.parent();
+            // Create a flyout menu if there isn't one already
+            var _tlsId = void 0;
+            if (!refBtn.parent().hasClass('tools_flyout')) {
+              // Create flyout placeholder
+              _tlsId = refBtn[0].id.replace('tool_', 'tools_');
+              showBtn = refBtn.clone().attr('id', _tlsId + '_show').append($$b('<div>', { class: 'flyout_arrow_horiz' }));
+
+              refBtn.before(showBtn);
+              // Create a flyout div
+              flyoutHolder = makeFlyoutHolder(_tlsId, refBtn);
+            }
+
+            refData = Actions.getButtonData(opts.button);
+
+            if (opts.isDefault) {
+              placementObj['#' + _tlsId + '_show'] = btn.id;
+            }
+            // TODO: Find way to set the current icon using the iconloader if this is not default
+
+            // Include data for extension button as well as ref button
+            curH = holders['#' + flyoutHolder[0].id] = [{
+              sel: '#' + id,
+              fn: btn.events.click,
+              icon: btn.id,
+              key: btn.key,
+              isDefault: Boolean(btn.includeWith && btn.includeWith.isDefault)
+            }, refData];
+
+            // {sel:'#tool_rect', fn: clickRect, evt: 'mouseup', key: 4, parent: '#tools_rect', icon: 'rect'}
+
+            var pos = 'position' in opts ? opts.position : 'last';
+            var len = flyoutHolder.children().length;
+
+            // Add at given position or end
+            if (!isNaN(pos) && pos >= 0 && pos < len) {
+              flyoutHolder.children().eq(pos).before(button);
+            } else {
+              flyoutHolder.append(button);
+              curH.reverse();
+            }
+          }
+
+          if (!svgicons) {
+            button.append(icon);
+          }
+
+          if (!btn.list) {
+            // Add given events to button
+            $$b.each(btn.events, function (name, func) {
+              if (name === 'click' && btn.type === 'mode') {
+                if (btn.includeWith) {
+                  button.bind(name, func);
+                } else {
+                  button.bind(name, function () {
+                    if (toolButtonClick(button)) {
+                      func();
+                    }
+                  });
+                }
+                if (btn.key) {
+                  $$b(document).bind('keydown', btn.key, func);
+                  if (btn.title) {
+                    button.attr('title', btn.title + ' [' + btn.key + ']');
+                  }
+                }
+              } else {
+                button.bind(name, func);
+              }
+            });
+          }
+
+          setupFlyouts(holders);
+        });
+
+        $$b.each(btnSelects, function () {
+          addAltDropDown(this.elem, this.list, this.callback, { seticon: true });
+        });
+
+        if (svgicons) {
+          return new Promise(function (resolve, reject) {
+            $$b.svgIcons(svgicons, {
+              w: 24, h: 24,
+              id_match: false,
+              no_img: !isWebkit(),
+              fallback: fallbackObj,
+              placement: placementObj,
+              callback: function callback(icons) {
+                // Non-ideal hack to make the icon match the current size
+                // if (curPrefs.iconsize && curPrefs.iconsize !== 'm') {
+                if ($$b.pref('iconsize') !== 'm') {
+                  prepResize();
+                }
+                runCallback();
+                resolve();
+              }
+            });
+          });
+        }
+      }
+      return runCallback();
+    };
+
+    var getPaint = function getPaint(color, opac, type) {
+      // update the editor's fill paint
+      var opts = { alpha: opac };
+      if (color.startsWith('url(#')) {
+        var refElem = svgCanvas.getRefElem(color);
+        if (refElem) {
+          refElem = refElem.cloneNode(true);
+        } else {
+          refElem = $$b('#' + type + '_color defs *')[0];
+        }
+        opts[refElem.tagName] = refElem;
+      } else if (color.startsWith('#')) {
+        opts.solidColor = color.substr(1);
+      } else {
+        opts.solidColor = 'none';
+      }
+      return new $$b.jGraduate.Paint(opts);
+    };
+
+    // $('#text').focus(function () { textBeingEntered = true; });
+    // $('#text').blur(function () { textBeingEntered = false; });
+
+    // bind the selected event to our function that handles updates to the UI
+    svgCanvas.bind('selected', selectedChanged);
+    svgCanvas.bind('transition', elementTransition);
+    svgCanvas.bind('changed', elementChanged);
+    svgCanvas.bind('saved', saveHandler);
+    svgCanvas.bind('exported', exportHandler);
+    svgCanvas.bind('exportedPDF', function (win, data) {
+      var exportWindowName = data.exportWindowName;
+
+      if (exportWindowName) {
+        exportWindow = window.open('', exportWindowName); // A hack to get the window via JSON-able name without opening a new one
+      }
+      if (!exportWindow || exportWindow.closed) {
+        $$b.alert(uiStrings$1.notification.popupWindowBlocked);
+        return;
+      }
+      exportWindow.location.href = data.output;
+    });
+    svgCanvas.bind('zoomed', zoomChanged);
+    svgCanvas.bind('zoomDone', zoomDone);
+    svgCanvas.bind('updateCanvas',
+    /**
+     * @param {external:Window} win
+     * @param {false} center
+     * @param {module:math.XYObject} newCtr
+     * @listens module:svgcanvas.SvgCanvas#event:updateCanvas
+     * @returns {undefined}
+     */
+    function (win, _ref14) {
+      var center = _ref14.center,
+          newCtr = _ref14.newCtr;
+
+      updateCanvas(center, newCtr);
+    });
+    svgCanvas.bind('contextset', contextChanged);
+    svgCanvas.bind('extension_added', extAdded);
+    svgCanvas.textActions.setInputElem($$b('#text')[0]);
+
+    var str = '<div class="palette_item" data-rgb="none"></div>';
+    $$b.each(palette, function (i, item) {
+      str += '<div class="palette_item" style="background-color: ' + item + ';" data-rgb="' + item + '"></div>';
+    });
+    $$b('#palette').append(str);
+
+    // Set up editor background functionality
+    // TODO add checkerboard as "pattern"
+    var colorBlocks = ['#FFF', '#888', '#000']; // ,'url(data:image/gif;base64,R0lGODlhEAAQAIAAAP%2F%2F%2F9bW1iH5BAAAAAAALAAAAAAQABAAAAIfjG%2Bgq4jM3IFLJgpswNly%2FXkcBpIiVaInlLJr9FZWAQA7)'];
+    str = '';
+    $$b.each(colorBlocks, function () {
+      str += '<div class="color_block" style="background-color:' + this + ';"></div>';
+    });
+    $$b('#bg_blocks').append(str);
+    var blocks = $$b('#bg_blocks div');
+    var curBg = 'cur_background';
+    blocks.each(function () {
+      var blk = $$b(this);
+      blk.click(function () {
+        blocks.removeClass(curBg);
+        $$b(this).addClass(curBg);
+      });
+    });
+
+    setBackground($$b.pref('bkgd_color'), $$b.pref('bkgd_url'));
+
+    $$b('#image_save_opts input').val([$$b.pref('img_save')]);
+
+    var changeRectRadius = function changeRectRadius(ctl) {
+      svgCanvas.setRectRadius(ctl.value);
+    };
+
+    var changeFontSize = function changeFontSize(ctl) {
+      svgCanvas.setFontSize(ctl.value);
+    };
+
+    var changeStrokeWidth = function changeStrokeWidth(ctl) {
+      var val = ctl.value;
+      if (val === 0 && selectedElement && ['line', 'polyline'].includes(selectedElement.nodeName)) {
+        val = ctl.value = 1;
+      }
+      svgCanvas.setStrokeWidth(val);
+    };
+
+    var changeRotationAngle = function changeRotationAngle(ctl) {
+      svgCanvas.setRotationAngle(ctl.value);
+      $$b('#tool_reorient').toggleClass('disabled', parseInt(ctl.value, 10) === 0);
+    };
+
+    var changeOpacity = function changeOpacity(ctl, val) {
+      if (val == null) {
+        val = ctl.value;
+      }
+      $$b('#group_opacity').val(val);
+      if (!ctl || !ctl.handle) {
+        $$b('#opac_slider').slider('option', 'value', val);
+      }
+      svgCanvas.setOpacity(val / 100);
+    };
+
+    var changeBlur = function changeBlur(ctl, val, noUndo) {
+      if (val == null) {
+        val = ctl.value;
+      }
+      $$b('#blur').val(val);
+      var complete = false;
+      if (!ctl || !ctl.handle) {
+        $$b('#blur_slider').slider('option', 'value', val);
+        complete = true;
+      }
+      if (noUndo) {
+        svgCanvas.setBlurNoUndo(val);
+      } else {
+        svgCanvas.setBlur(val, complete);
+      }
+    };
+
+    $$b('#stroke_style').change(function () {
+      svgCanvas.setStrokeAttr('stroke-dasharray', $$b(this).val());
+      operaRepaint();
+    });
+
+    $$b('#stroke_linejoin').change(function () {
+      svgCanvas.setStrokeAttr('stroke-linejoin', $$b(this).val());
+      operaRepaint();
+    });
+
+    // Lose focus for select elements when changed (Allows keyboard shortcuts to work better)
+    $$b('select').change(function () {
+      $$b(this).blur();
+    });
+
+    // fired when user wants to move elements to another layer
+    var promptMoveLayerOnce = false;
+    $$b('#selLayerNames').change(function () {
+      var destLayer = this.options[this.selectedIndex].value;
+      var confirmStr = uiStrings$1.notification.QmoveElemsToLayer.replace('%s', destLayer);
+      var moveToLayer = function moveToLayer(ok) {
+        if (!ok) {
+          return;
+        }
+        promptMoveLayerOnce = true;
+        svgCanvas.moveSelectedToLayer(destLayer);
+        svgCanvas.clearSelection();
+        populateLayers();
+      };
+      if (destLayer) {
+        if (promptMoveLayerOnce) {
+          moveToLayer(true);
+        } else {
+          $$b.confirm(confirmStr, moveToLayer);
+        }
+      }
+    });
+
+    $$b('#font_family').change(function () {
+      svgCanvas.setFontFamily(this.value);
+    });
+
+    $$b('#seg_type').change(function () {
+      svgCanvas.setSegType($$b(this).val());
+    });
+
+    $$b('#text').bind('keyup input', function () {
+      svgCanvas.setTextContent(this.value);
+    });
+
+    $$b('#image_url').change(function () {
+      setImageURL(this.value);
+    });
+
+    $$b('#link_url').change(function () {
+      if (this.value.length) {
+        svgCanvas.setLinkURL(this.value);
+      } else {
+        svgCanvas.removeHyperlink();
+      }
+    });
+
+    $$b('#g_title').change(function () {
+      svgCanvas.setGroupTitle(this.value);
+    });
+
+    $$b('.attr_changer').change(function () {
+      var attr = this.getAttribute('data-attr');
+      var val = this.value;
+      var valid = isValidUnit(attr, val, selectedElement);
+
+      if (!valid) {
+        $$b.alert(uiStrings$1.notification.invalidAttrValGiven);
+        this.value = selectedElement.getAttribute(attr);
+        return false;
+      }
+
+      if (attr !== 'id' && attr !== 'class') {
+        if (isNaN(val)) {
+          val = svgCanvas.convertToNum(attr, val);
+        } else if (curConfig.baseUnit !== 'px') {
+          // Convert unitless value to one with given unit
+
+          var unitData = getTypeMap();
+
+          if (selectedElement[attr] || svgCanvas.getMode() === 'pathedit' || attr === 'x' || attr === 'y') {
+            val *= unitData[curConfig.baseUnit];
+          }
+        }
+      }
+
+      // if the user is changing the id, then de-select the element first
+      // change the ID, then re-select it with the new ID
+      if (attr === 'id') {
+        var elem = selectedElement;
+        svgCanvas.clearSelection();
+        elem.id = val;
+        svgCanvas.addToSelection([elem], true);
+      } else {
+        svgCanvas.changeSelectedAttribute(attr, val);
+      }
+      this.blur();
+    });
+
+    // Prevent selection of elements when shift-clicking
+    $$b('#palette').mouseover(function () {
+      var inp = $$b('<input type="hidden">');
+      $$b(this).append(inp);
+      inp.focus().remove();
+    });
+
+    $$b('.palette_item').mousedown(function (evt) {
+      // shift key or right click for stroke
+      var picker = evt.shiftKey || evt.button === 2 ? 'stroke' : 'fill';
+      var color = $$b(this).data('rgb');
+      var paint = void 0;
+
+      // Webkit-based browsers returned 'initial' here for no stroke
+      if (color === 'none' || color === 'transparent' || color === 'initial') {
+        color = 'none';
+        paint = new $$b.jGraduate.Paint();
+      } else {
+        paint = new $$b.jGraduate.Paint({ alpha: 100, solidColor: color.substr(1) });
+      }
+
+      paintBox[picker].setPaint(paint);
+      svgCanvas.setColor(picker, color);
+
+      if (color !== 'none' && svgCanvas.getPaintOpacity(picker) !== 1) {
+        svgCanvas.setPaintOpacity(picker, 1.0);
+      }
+      updateToolButtonState();
+    }).bind('contextmenu', function (e) {
+      e.preventDefault();
+    });
+
+    $$b('#toggle_stroke_tools').on('click', function () {
+      $$b('#tools_bottom').toggleClass('expanded');
+    });
+
+    (function () {
+      var wArea = workarea[0];
+
+      var lastX = null,
+          lastY = null,
+          panning = false,
+          keypan = false;
+
+      $$b('#svgcanvas').bind('mousemove mouseup', function (evt) {
+        if (panning === false) {
+          return;
+        }
+
+        wArea.scrollLeft -= evt.clientX - lastX;
+        wArea.scrollTop -= evt.clientY - lastY;
+
+        lastX = evt.clientX;
+        lastY = evt.clientY;
+
+        if (evt.type === 'mouseup') {
+          panning = false;
+        }
+        return false;
+      }).mousedown(function (evt) {
+        if (evt.button === 1 || keypan === true) {
+          panning = true;
+          lastX = evt.clientX;
+          lastY = evt.clientY;
+          return false;
+        }
+      });
+
+      $$b(window).mouseup(function () {
+        panning = false;
+      });
+
+      $$b(document).bind('keydown', 'space', function (evt) {
+        svgCanvas.spaceKey = keypan = true;
+        evt.preventDefault();
+      }).bind('keyup', 'space', function (evt) {
+        evt.preventDefault();
+        svgCanvas.spaceKey = keypan = false;
+      }).bind('keydown', 'shift', function (evt) {
+        if (svgCanvas.getMode() === 'zoom') {
+          workarea.css('cursor', zoomOutIcon);
+        }
+      }).bind('keyup', 'shift', function (evt) {
+        if (svgCanvas.getMode() === 'zoom') {
+          workarea.css('cursor', zoomInIcon);
+        }
+      });
+
+      /**
+      * @param {boolean} active
+      * @returns {undefined}
+      */
+      editor.setPanning = function (active) {
+        svgCanvas.spaceKey = keypan = active;
+      };
+    })();
+
+    (function () {
+      var button = $$b('#main_icon');
+      var overlay = $$b('#main_icon span');
+      var list = $$b('#main_menu');
+
+      var onButton = false;
+      var height = 0;
+      var jsHover = true;
+      var setClick = false;
+
+      /*
+      // Currently unused
+      const hideMenu = function () {
+        list.fadeOut(200);
+      };
+      */
+
+      $$b(window).mouseup(function (evt) {
+        if (!onButton) {
+          button.removeClass('buttondown');
+          // do not hide if it was the file input as that input needs to be visible
+          // for its change event to fire
+          if (evt.target.tagName !== 'INPUT') {
+            list.fadeOut(200);
+          } else if (!setClick) {
+            setClick = true;
+            $$b(evt.target).click(function () {
+              list.css('margin-left', '-9999px').show();
+            });
+          }
+        }
+        onButton = false;
+      }).mousedown(function (evt) {
+        // $('.contextMenu').hide();
+        var islib = $$b(evt.target).closest('div.tools_flyout, .contextMenu').length;
+        if (!islib) {
+          $$b('.tools_flyout:visible,.contextMenu').fadeOut(250);
+        }
+      });
+
+      overlay.bind('mousedown', function () {
+        if (!button.hasClass('buttondown')) {
+          // Margin must be reset in case it was changed before;
+          list.css('margin-left', 0).show();
+          if (!height) {
+            height = list.height();
+          }
+          // Using custom animation as slideDown has annoying 'bounce effect'
+          list.css('height', 0).animate({
+            height: height
+          }, 200);
+          onButton = true;
+        } else {
+          list.fadeOut(200);
+        }
+        button.toggleClass('buttondown buttonup');
+      }).hover(function () {
+        onButton = true;
+      }).mouseout(function () {
+        onButton = false;
+      });
+
+      var listItems = $$b('#main_menu li');
+
+      // Check if JS method of hovering needs to be used (Webkit bug)
+      listItems.mouseover(function () {
+        jsHover = $$b(this).css('background-color') === 'rgba(0, 0, 0, 0)';
+
+        listItems.unbind('mouseover');
+        if (jsHover) {
+          listItems.mouseover(function () {
+            this.style.backgroundColor = '#FFC';
+          }).mouseout(function () {
+            this.style.backgroundColor = 'transparent';
+            return true;
+          });
+        }
+      });
+    })();
+    // Made public for UI customization.
+    // TODO: Group UI functions into a public editor.ui interface.
+    /**
+     * See {@link http://api.jquery.com/bind/#bind-eventType-eventData-handler}
+     * @callback module:SVGEditor.DropDownCallback
+     * @param {external:jQuery.Event} ev See {@link http://api.jquery.com/Types/#Event}
+     * @listens external:jQuery.Event
+     * @returns {undefined|boolean} Calls `preventDefault()` and `stopPropagation()`
+    */
+    /**
+     * @param {Element|string} elem DOM Element or selector
+     * @param {module:SVGEditor.DropDownCallback} callback Mouseup callback
+     * @param {boolean} dropUp
+     * @returns {undefined}
+    */
+    editor.addDropDown = function (elem, callback, dropUp) {
+      if (!$$b(elem).length) {
+        return;
+      } // Quit if called on non-existent element
+      var button = $$b(elem).find('button');
+      var list = $$b(elem).find('ul').attr('id', $$b(elem)[0].id + '-list');
+      if (dropUp) {
+        $$b(elem).addClass('dropup');
+      } else {
+        // Move list to place where it can overflow container
+        $$b('#option_lists').append(list);
+      }
+      list.find('li').bind('mouseup', callback);
+
+      var onButton = false;
+      $$b(window).mouseup(function (evt) {
+        if (!onButton) {
+          button.removeClass('down');
+          list.hide();
+        }
+        onButton = false;
+      });
+
+      button.bind('mousedown', function () {
+        if (!button.hasClass('down')) {
+          if (!dropUp) {
+            var pos = $$b(elem).position();
+            list.css({
+              top: pos.top + 24,
+              left: pos.left - 10
+            });
+          }
+          list.show();
+          onButton = true;
+        } else {
+          list.hide();
+        }
+        button.toggleClass('down');
+      }).hover(function () {
+        onButton = true;
+      }).mouseout(function () {
+        onButton = false;
+      });
+    };
+
+    editor.addDropDown('#font_family_dropdown', function () {
+      $$b('#font_family').val($$b(this).text()).change();
+    });
+
+    editor.addDropDown('#opacity_dropdown', function () {
+      if ($$b(this).find('div').length) {
+        return;
+      }
+      var perc = parseInt($$b(this).text().split('%')[0], 10);
+      changeOpacity(false, perc);
+    }, true);
+
+    // For slider usage, see: http://jqueryui.com/demos/slider/
+    $$b('#opac_slider').slider({
+      start: function start() {
+        $$b('#opacity_dropdown li:not(.special)').hide();
+      },
+      stop: function stop() {
+        $$b('#opacity_dropdown li').show();
+        $$b(window).mouseup();
+      },
+      slide: function slide(evt, ui) {
+        changeOpacity(ui);
+      }
+    });
+
+    editor.addDropDown('#blur_dropdown', $$b.noop);
+
+    var slideStart = false;
+    $$b('#blur_slider').slider({
+      max: 10,
+      step: 0.1,
+      stop: function stop(evt, ui) {
+        slideStart = false;
+        changeBlur(ui);
+        $$b('#blur_dropdown li').show();
+        $$b(window).mouseup();
+      },
+      start: function start() {
+        slideStart = true;
+      },
+      slide: function slide(evt, ui) {
+        changeBlur(ui, null, slideStart);
+      }
+    });
+
+    editor.addDropDown('#zoom_dropdown', function () {
+      var item = $$b(this);
+      var val = item.data('val');
+      if (val) {
+        zoomChanged(window, val);
+      } else {
+        changeZoom({ value: parseFloat(item.text()) });
+      }
+    }, true);
+
+    addAltDropDown('#stroke_linecap', '#linecap_opts', function () {
+      setStrokeOpt(this, true);
+    }, { dropUp: true });
+
+    addAltDropDown('#stroke_linejoin', '#linejoin_opts', function () {
+      setStrokeOpt(this, true);
+    }, { dropUp: true });
+
+    addAltDropDown('#tool_position', '#position_opts', function () {
+      var letter = this.id.replace('tool_pos', '').charAt(0);
+      svgCanvas.alignSelectedElements(letter, 'page');
+    }, { multiclick: true });
+
+    /*
+     When a flyout icon is selected
+      (if flyout) {
+      - Change the icon
+      - Make pressing the button run its stuff
+      }
+      - Run its stuff
+     When its shortcut key is pressed
+      - If not current in list, do as above
+      , else:
+      - Just run its stuff
+     */
+
+    // Unfocus text input when workarea is mousedowned.
+    (function () {
+      var inp = void 0;
+      var unfocus = function unfocus() {
+        $$b(inp).blur();
+      };
+
+      $$b('#svg_editor').find('button, select, input:not(#text)').focus(function () {
+        inp = this;
+        uiContext = 'toolbars';
+        workarea.mousedown(unfocus);
+      }).blur(function () {
+        uiContext = 'canvas';
+        workarea.unbind('mousedown', unfocus);
+        // Go back to selecting text if in textedit mode
+        if (svgCanvas.getMode() === 'textedit') {
+          $$b('#text').focus();
+        }
+      });
+    })();
+
+    var clickFHPath = function clickFHPath() {
+      if (toolButtonClick('#tool_fhpath')) {
+        svgCanvas.setMode('fhpath');
+      }
+    };
+
+    var clickLine = function clickLine() {
+      if (toolButtonClick('#tool_line')) {
+        svgCanvas.setMode('line');
+      }
+    };
+
+    var clickSquare = function clickSquare() {
+      if (toolButtonClick('#tool_square')) {
+        svgCanvas.setMode('square');
+      }
+    };
+
+    var clickRect = function clickRect() {
+      if (toolButtonClick('#tool_rect')) {
+        svgCanvas.setMode('rect');
+      }
+    };
+
+    var clickFHRect = function clickFHRect() {
+      if (toolButtonClick('#tool_fhrect')) {
+        svgCanvas.setMode('fhrect');
+      }
+    };
+
+    var clickCircle = function clickCircle() {
+      if (toolButtonClick('#tool_circle')) {
+        svgCanvas.setMode('circle');
+      }
+    };
+
+    var clickEllipse = function clickEllipse() {
+      if (toolButtonClick('#tool_ellipse')) {
+        svgCanvas.setMode('ellipse');
+      }
+    };
+
+    var clickFHEllipse = function clickFHEllipse() {
+      if (toolButtonClick('#tool_fhellipse')) {
+        svgCanvas.setMode('fhellipse');
+      }
+    };
+
+    var clickImage = function clickImage() {
+      if (toolButtonClick('#tool_image')) {
+        svgCanvas.setMode('image');
+      }
+    };
+
+    var clickZoom = function clickZoom() {
+      if (toolButtonClick('#tool_zoom')) {
+        svgCanvas.setMode('zoom');
+        workarea.css('cursor', zoomInIcon);
+      }
+    };
+
+    var zoomImage = function zoomImage(multiplier) {
+      var res = svgCanvas.getResolution();
+      multiplier = multiplier ? res.zoom * multiplier : 1;
+      // setResolution(res.w * multiplier, res.h * multiplier, true);
+      $$b('#zoom').val(multiplier * 100);
+      svgCanvas.setZoom(multiplier);
+      zoomDone();
+      updateCanvas(true);
+    };
+
+    var dblclickZoom = function dblclickZoom() {
+      if (toolButtonClick('#tool_zoom')) {
+        zoomImage();
+        setSelectMode();
+      }
+    };
+
+    var clickText = function clickText() {
+      if (toolButtonClick('#tool_text')) {
+        svgCanvas.setMode('text');
+      }
+    };
+
+    var clickPath = function clickPath() {
+      if (toolButtonClick('#tool_path')) {
+        svgCanvas.setMode('path');
+      }
+    };
+
+    // Delete is a contextual tool that only appears in the ribbon if
+    // an element has been selected
+    var deleteSelected = function deleteSelected() {
+      if (selectedElement != null || multiselected) {
+        svgCanvas.deleteSelectedElements();
+      }
+    };
+
+    var cutSelected = function cutSelected() {
+      if (selectedElement != null || multiselected) {
+        svgCanvas.cutSelectedElements();
+      }
+    };
+
+    var copySelected = function copySelected() {
+      if (selectedElement != null || multiselected) {
+        svgCanvas.copySelectedElements();
+      }
+    };
+
+    var pasteInCenter = function pasteInCenter() {
+      var zoom = svgCanvas.getZoom();
+      var x = (workarea[0].scrollLeft + workarea.width() / 2) / zoom - svgCanvas.contentW;
+      var y = (workarea[0].scrollTop + workarea.height() / 2) / zoom - svgCanvas.contentH;
+      svgCanvas.pasteElements('point', x, y);
+    };
+
+    var moveToTopSelected = function moveToTopSelected() {
+      if (selectedElement != null) {
+        svgCanvas.moveToTopSelectedElement();
+      }
+    };
+
+    var moveToBottomSelected = function moveToBottomSelected() {
+      if (selectedElement != null) {
+        svgCanvas.moveToBottomSelectedElement();
+      }
+    };
+
+    var moveUpDownSelected = function moveUpDownSelected(dir) {
+      if (selectedElement != null) {
+        svgCanvas.moveUpDownSelected(dir);
+      }
+    };
+
+    var convertToPath$$1 = function convertToPath$$1() {
+      if (selectedElement != null) {
+        svgCanvas.convertToPath();
+      }
+    };
+
+    var reorientPath = function reorientPath() {
+      if (selectedElement != null) {
+        path.reorient();
+      }
+    };
+
+    var makeHyperlink = function makeHyperlink() {
+      if (selectedElement != null || multiselected) {
+        $$b.prompt(uiStrings$1.notification.enterNewLinkURL, 'http://', function (url) {
+          if (url) {
+            svgCanvas.makeHyperlink(url);
+          }
+        });
+      }
+    };
+
+    var moveSelected = function moveSelected(dx, dy) {
+      if (selectedElement != null || multiselected) {
+        if (curConfig.gridSnapping) {
+          // Use grid snap value regardless of zoom level
+          var multi = svgCanvas.getZoom() * curConfig.snappingStep;
+          dx *= multi;
+          dy *= multi;
+        }
+        svgCanvas.moveSelectedElements(dx, dy);
+      }
+    };
+
+    var linkControlPoints = function linkControlPoints() {
+      $$b('#tool_node_link').toggleClass('push_button_pressed tool_button');
+      var linked = $$b('#tool_node_link').hasClass('push_button_pressed');
+      path.linkControlPoints(linked);
+    };
+
+    var clonePathNode = function clonePathNode() {
+      if (path.getNodePoint()) {
+        path.clonePathNode();
+      }
+    };
+
+    var deletePathNode = function deletePathNode() {
+      if (path.getNodePoint()) {
+        path.deletePathNode();
+      }
+    };
+
+    var addSubPath = function addSubPath() {
+      var button = $$b('#tool_add_subpath');
+      var sp = !button.hasClass('push_button_pressed');
+      button.toggleClass('push_button_pressed tool_button');
+      path.addSubPath(sp);
+    };
+
+    var opencloseSubPath = function opencloseSubPath() {
+      path.opencloseSubPath();
+    };
+
+    var selectNext = function selectNext() {
+      svgCanvas.cycleElement(1);
+    };
+
+    var selectPrev = function selectPrev() {
+      svgCanvas.cycleElement(0);
+    };
+
+    var rotateSelected = function rotateSelected(cw, step) {
+      if (selectedElement == null || multiselected) {
+        return;
+      }
+      if (!cw) {
+        step *= -1;
+      }
+      var angle = parseFloat($$b('#angle').val()) + step;
+      svgCanvas.setRotationAngle(angle);
+      updateContextPanel();
+    };
+
+    /**
+     * @fires module:svgcanvas.SvgCanvas#event:ext-onNewDocument
+     * @returns {undefined}
+     */
+    var clickClear = function clickClear() {
+      var _curConfig$dimensions = slicedToArray(curConfig.dimensions, 2),
+          x = _curConfig$dimensions[0],
+          y = _curConfig$dimensions[1];
+
+      $$b.confirm(uiStrings$1.notification.QwantToClear, function (ok) {
+        if (!ok) {
+          return;
+        }
+        setSelectMode();
+        svgCanvas.clear();
+        svgCanvas.setResolution(x, y);
+        updateCanvas(true);
+        zoomImage();
+        populateLayers();
+        updateContextPanel();
+        prepPaints();
+        svgCanvas.runExtensions('onNewDocument');
+      });
+    };
+
+    var clickBold = function clickBold() {
+      svgCanvas.setBold(!svgCanvas.getBold());
+      updateContextPanel();
+      return false;
+    };
+
+    var clickItalic = function clickItalic() {
+      svgCanvas.setItalic(!svgCanvas.getItalic());
+      updateContextPanel();
+      return false;
+    };
+
+    var clickSave = function clickSave() {
+      // In the future, more options can be provided here
+      var saveOpts = {
+        images: $$b.pref('img_save'),
+        round_digits: 6
+      };
+      svgCanvas.save(saveOpts);
+    };
+
+    var loadingURL = void 0;
+    var clickExport = function clickExport() {
+      $$b.select('Select an image type for export: ', [
+      // See http://kangax.github.io/jstests/toDataUrl_mime_type_test/ for a useful list of MIME types and browser support
+      // 'ICO', // Todo: Find a way to preserve transparency in SVG-Edit if not working presently and do full packaging for x-icon; then switch back to position after 'PNG'
+      'PNG', 'JPEG', 'BMP', 'WEBP', 'PDF'], function (imgType) {
+        // todo: replace hard-coded msg with uiStrings.notification.
+        if (!imgType) {
+          return;
+        }
+        // Open placeholder window (prevents popup)
+        var exportWindowName = void 0;
+        function openExportWindow() {
+          var str = uiStrings$1.notification.loadingImage;
+          if (curConfig.exportWindowType === 'new') {
+            editor.exportWindowCt++;
+          }
+          exportWindowName = curConfig.canvasName + editor.exportWindowCt;
+          var popHTML = void 0,
+              popURL = void 0;
+          if (loadingURL) {
+            popURL = loadingURL;
+          } else {
+            popHTML = '<!DOCTYPE html><html>\n            <head>\n              <meta charset="utf-8">\n              <title>' + str + '</title>\n            </head>\n            <body><h1>' + str + '</h1></body>\n          <html>';
+            if ((typeof URL === 'undefined' ? 'undefined' : _typeof(URL)) && URL.createObjectURL) {
+              var blob = new Blob([popHTML], { type: 'text/html' });
+              popURL = URL.createObjectURL(blob);
+            } else {
+              popURL = 'data:text/html;base64;charset=utf-8,' + encode64(popHTML);
+            }
+            loadingURL = popURL;
+          }
+          exportWindow = window.open(popURL, exportWindowName);
+        }
+        if (imgType === 'PDF') {
+          if (!customExportPDF) {
+            openExportWindow();
+          }
+          svgCanvas.exportPDF(exportWindowName);
+        } else {
+          if (!customExportImage) {
+            openExportWindow();
+          }
+          var quality = parseInt($$b('#image-slider').val(), 10) / 100;
+          svgCanvas.rasterExport(imgType, quality, exportWindowName);
+        }
+      }, function () {
+        var sel = $$b(this);
+        if (sel.val() === 'JPEG' || sel.val() === 'WEBP') {
+          if (!$$b('#image-slider').length) {
+            $$b('<div><label>' + uiStrings$1.ui.quality + '\n              <input id="image-slider"\n                type="range" min="1" max="100" value="92" />\n            </label></div>').appendTo(sel.parent());
+          }
+        } else {
+          $$b('#image-slider').parent().remove();
+        }
+      });
+    };
+
+    // by default, svgCanvas.open() is a no-op.
+    // it is up to an extension mechanism (opera widget, etc)
+    // to call setCustomHandlers() which will make it do something
+    var clickOpen = function clickOpen() {
+      svgCanvas.open();
+    };
+
+    var clickImport = function clickImport() {};
+
+    var clickUndo = function clickUndo() {
+      if (undoMgr.getUndoStackSize() > 0) {
+        undoMgr.undo();
+        populateLayers();
+      }
+    };
+
+    var clickRedo = function clickRedo() {
+      if (undoMgr.getRedoStackSize() > 0) {
+        undoMgr.redo();
+        populateLayers();
+      }
+    };
+
+    var clickGroup = function clickGroup() {
+      // group
+      if (multiselected) {
+        svgCanvas.groupSelectedElements();
+        // ungroup
+      } else if (selectedElement) {
+        svgCanvas.ungroupSelectedElement();
+      }
+    };
+
+    var clickClone = function clickClone() {
+      svgCanvas.cloneSelectedElements(20, 20);
+    };
+
+    var clickAlign = function clickAlign() {
+      var letter = this.id.replace('tool_align', '').charAt(0);
+      svgCanvas.alignSelectedElements(letter, $$b('#align_relative_to').val());
+    };
+
+    var clickWireframe = function clickWireframe() {
+      $$b('#tool_wireframe').toggleClass('push_button_pressed tool_button');
+      workarea.toggleClass('wireframe');
+
+      if (supportsNonSS) {
+        return;
+      }
+      var wfRules = $$b('#wireframe_rules');
+      if (!wfRules.length) {
+        wfRules = $$b('<style id="wireframe_rules"></style>').appendTo('head');
+      } else {
+        wfRules.empty();
+      }
+
+      updateWireFrame();
+    };
+
+    $$b('#svg_docprops_container, #svg_prefs_container').draggable({
+      cancel: 'button,fieldset',
+      containment: 'window'
+    }).css('position', 'absolute');
+
+    var docprops = false;
+    var preferences = false;
+
+    var showDocProperties = function showDocProperties() {
+      if (docprops) {
+        return;
+      }
+      docprops = true;
+
+      // This selects the correct radio button by using the array notation
+      $$b('#image_save_opts input').val([$$b.pref('img_save')]);
+
+      // update resolution option with actual resolution
+      var res = svgCanvas.getResolution();
+      if (curConfig.baseUnit !== 'px') {
+        res.w = convertUnit(res.w) + curConfig.baseUnit;
+        res.h = convertUnit(res.h) + curConfig.baseUnit;
+      }
+
+      $$b('#canvas_width').val(res.w);
+      $$b('#canvas_height').val(res.h);
+      $$b('#canvas_title').val(svgCanvas.getDocumentTitle());
+
+      $$b('#svg_docprops').show();
+    };
+
+    var showPreferences = function showPreferences() {
+      if (preferences) {
+        return;
+      }
+      preferences = true;
+      $$b('#main_menu').hide();
+
+      // Update background color with current one
+      var blocks = $$b('#bg_blocks div');
+      var curBg = 'cur_background';
+      var canvasBg = curPrefs.bkgd_color;
+      var url = $$b.pref('bkgd_url');
+      blocks.each(function () {
+        var blk = $$b(this);
+        var isBg = blk.css('background-color') === canvasBg;
+        blk.toggleClass(curBg, isBg);
+        if (isBg) {
+          $$b('#canvas_bg_url').removeClass(curBg);
+        }
+      });
+      if (!canvasBg) {
+        blocks.eq(0).addClass(curBg);
+      }
+      if (url) {
+        $$b('#canvas_bg_url').val(url);
+      }
+      $$b('#grid_snapping_on').prop('checked', curConfig.gridSnapping);
+      $$b('#grid_snapping_step').attr('value', curConfig.snappingStep);
+      $$b('#grid_color').attr('value', curConfig.gridColor);
+
+      $$b('#svg_prefs').show();
+    };
+
+    var hideSourceEditor = function hideSourceEditor() {
+      $$b('#svg_source_editor').hide();
+      editingsource = false;
+      $$b('#svg_source_textarea').blur();
+    };
+
+    var saveSourceEditor = function saveSourceEditor() {
+      if (!editingsource) {
+        return;
+      }
+
+      var saveChanges = function saveChanges() {
+        svgCanvas.clearSelection();
+        hideSourceEditor();
+        zoomImage();
+        populateLayers();
+        updateTitle();
+        prepPaints();
+      };
+
+      if (!svgCanvas.setSvgString($$b('#svg_source_textarea').val())) {
+        $$b.confirm(uiStrings$1.notification.QerrorsRevertToSource, function (ok) {
+          if (!ok) {
+            return false;
+          }
+          saveChanges();
+        });
+      } else {
+        saveChanges();
+      }
+      setSelectMode();
+    };
+
+    var hideDocProperties = function hideDocProperties() {
+      $$b('#svg_docprops').hide();
+      $$b('#canvas_width,#canvas_height').removeAttr('disabled');
+      $$b('#resolution')[0].selectedIndex = 0;
+      $$b('#image_save_opts input').val([$$b.pref('img_save')]);
+      docprops = false;
+    };
+
+    var hidePreferences = function hidePreferences() {
+      $$b('#svg_prefs').hide();
+      preferences = false;
+    };
+
+    var saveDocProperties = function saveDocProperties() {
+      // set title
+      var newTitle = $$b('#canvas_title').val();
+      updateTitle(newTitle);
+      svgCanvas.setDocumentTitle(newTitle);
+
+      // update resolution
+      var width = $$b('#canvas_width'),
+          w = width.val();
+      var height = $$b('#canvas_height'),
+          h = height.val();
+
+      if (w !== 'fit' && !isValidUnit('width', w)) {
+        $$b.alert(uiStrings$1.notification.invalidAttrValGiven);
+        width.parent().addClass('error');
+        return false;
+      }
+
+      width.parent().removeClass('error');
+
+      if (h !== 'fit' && !isValidUnit('height', h)) {
+        $$b.alert(uiStrings$1.notification.invalidAttrValGiven);
+        height.parent().addClass('error');
+        return false;
+      }
+
+      height.parent().removeClass('error');
+
+      if (!svgCanvas.setResolution(w, h)) {
+        $$b.alert(uiStrings$1.notification.noContentToFitTo);
+        return false;
+      }
+
+      // Set image save option
+      $$b.pref('img_save', $$b('#image_save_opts :checked').val());
+      updateCanvas();
+      hideDocProperties();
+    };
+
+    /**
+    * Save user preferences based on current values in the UI
+    * @function module:SVGEditor.savePreferences
+    * @returns {undefined}
+    */
+    var savePreferences = editor.savePreferences = function () {
+      // Set background
+      var color = $$b('#bg_blocks div.cur_background').css('background-color') || '#FFF';
+      setBackground(color, $$b('#canvas_bg_url').val());
+
+      // set language
+      var lang = $$b('#lang_select').val();
+      if (lang !== $$b.pref('lang')) {
+        editor.putLocale(lang, goodLangs, curConfig);
+      }
+
+      // set icon size
+      setIconSize($$b('#iconsize').val());
+
+      // set grid setting
+      curConfig.gridSnapping = $$b('#grid_snapping_on')[0].checked;
+      curConfig.snappingStep = $$b('#grid_snapping_step').val();
+      curConfig.gridColor = $$b('#grid_color').val();
+      curConfig.showRulers = $$b('#show_rulers')[0].checked;
+
+      $$b('#rulers').toggle(curConfig.showRulers);
+      if (curConfig.showRulers) {
+        updateRulers();
+      }
+      curConfig.baseUnit = $$b('#base_unit').val();
+
+      svgCanvas.setConfig(curConfig);
+
+      updateCanvas();
+      hidePreferences();
+    };
+
+    var resetScrollPos = $$b.noop;
+
+    var cancelOverlays = function cancelOverlays() {
+      $$b('#dialog_box').hide();
+      if (!editingsource && !docprops && !preferences) {
+        if (curContext) {
+          svgCanvas.leaveContext();
+        }
+        return;
+      }
+
+      if (editingsource) {
+        if (origSource !== $$b('#svg_source_textarea').val()) {
+          $$b.confirm(uiStrings$1.notification.QignoreSourceChanges, function (ok) {
+            if (ok) {
+              hideSourceEditor();
+            }
+          });
+        } else {
+          hideSourceEditor();
+        }
+      } else if (docprops) {
+        hideDocProperties();
+      } else if (preferences) {
+        hidePreferences();
+      }
+      resetScrollPos();
+    };
+
+    var winWh = { width: $$b(window).width(), height: $$b(window).height() };
+
+    // Fix for Issue 781: Drawing area jumps to top-left corner on window resize (IE9)
+    if (isIE()) {
+      (function () {
+        resetScrollPos = function resetScrollPos() {
+          if (workarea[0].scrollLeft === 0 && workarea[0].scrollTop === 0) {
+            workarea[0].scrollLeft = curScrollPos.left;
+            workarea[0].scrollTop = curScrollPos.top;
+          }
+        };
+
+        curScrollPos = {
+          left: workarea[0].scrollLeft,
+          top: workarea[0].scrollTop
+        };
+
+        $$b(window).resize(resetScrollPos);
+        editor.ready(function () {
+          // TODO: Find better way to detect when to do this to minimize
+          // flickering effect
+          setTimeout(function () {
+            resetScrollPos();
+          }, 500);
+        });
+
+        workarea.scroll(function () {
+          curScrollPos = {
+            left: workarea[0].scrollLeft,
+            top: workarea[0].scrollTop
+          };
+        });
+      })();
+    }
+
+    $$b(window).resize(function (evt) {
+      $$b.each(winWh, function (type, val) {
+        var curval = $$b(window)[type]();
+        workarea[0]['scroll' + (type === 'width' ? 'Left' : 'Top')] -= (curval - val) / 2;
+        winWh[type] = curval;
+      });
+      setFlyoutPositions();
+    });
+
+    (function () {
+      workarea.scroll(function () {
+        // TODO: jQuery's scrollLeft/Top() wouldn't require a null check
+        if ($$b('#ruler_x').length) {
+          $$b('#ruler_x')[0].scrollLeft = workarea[0].scrollLeft;
+        }
+        if ($$b('#ruler_y').length) {
+          $$b('#ruler_y')[0].scrollTop = workarea[0].scrollTop;
+        }
+      });
+    })();
+
+    $$b('#url_notice').click(function () {
+      $$b.alert(this.title);
+    });
+
+    $$b('#change_image_url').click(promptImgURL);
+
+    // added these event handlers for all the push buttons so they
+    // behave more like buttons being pressed-in and not images
+    (function () {
+      var toolnames = ['clear', 'open', 'save', 'source', 'delete', 'delete_multi', 'paste', 'clone', 'clone_multi', 'move_top', 'move_bottom'];
+      var curClass = 'tool_button_current';
+
+      var allTools = '';
+
+      $$b.each(toolnames, function (i, item) {
+        allTools += (i ? ',' : '') + '#tool_' + item;
+      });
+
+      $$b(allTools).mousedown(function () {
+        $$b(this).addClass(curClass);
+      }).bind('mousedown mouseout', function () {
+        $$b(this).removeClass(curClass);
+      });
+
+      $$b('#tool_undo, #tool_redo').mousedown(function () {
+        if (!$$b(this).hasClass('disabled')) {
+          $$b(this).addClass(curClass);
+        }
+      }).bind('mousedown mouseout', function () {
+        $$b(this).removeClass(curClass);
+      });
+    })();
+
+    // switch modifier key in tooltips if mac
+    // NOTE: This code is not used yet until I can figure out how to successfully bind ctrl/meta
+    // in Opera and Chrome
+    if (isMac() && !window.opera) {
+      var shortcutButtons = ['tool_clear', 'tool_save', 'tool_source', 'tool_undo', 'tool_redo', 'tool_clone'];
+      var _i2 = shortcutButtons.length;
+      while (_i2--) {
+        var button = document.getElementById(shortcutButtons[_i2]);
+        if (button) {
+          var title = button.title;
+
+          var index = title.indexOf('Ctrl+');
+          button.title = [title.substr(0, index), 'Cmd+', title.substr(index + 5)].join('');
+        }
+      }
+    }
+
+    // TODO: go back to the color boxes having white background-color and then setting
+    //  background-image to none.png (otherwise partially transparent gradients look weird)
+    var colorPicker = function colorPicker(elem) {
+      var picker = elem.attr('id') === 'stroke_color' ? 'stroke' : 'fill';
+      // const opacity = (picker == 'stroke' ? $('#stroke_opacity') : $('#fill_opacity'));
+      var title = picker === 'stroke' ? uiStrings$1.ui.pick_stroke_paint_opacity : uiStrings$1.ui.pick_fill_paint_opacity;
+      // let wasNone = false; // Currently unused
+      var pos = elem.offset();
+      var paint = paintBox[picker].paint;
+
+      $$b('#color_picker').draggable({
+        cancel: '.jGraduate_tabs, .jGraduate_colPick, .jGraduate_gradPick, .jPicker',
+        containment: 'window'
+      }).css(curConfig.colorPickerCSS || { left: pos.left - 140, bottom: 40 }).jGraduate({
+        paint: paint,
+        window: { pickerTitle: title },
+        images: { clientPath: curConfig.jGraduatePath },
+        newstop: 'inverse'
+      }, function (p) {
+        paint = new $$b.jGraduate.Paint(p);
+        paintBox[picker].setPaint(paint);
+        svgCanvas.setPaint(picker, paint);
+        $$b('#color_picker').hide();
+      }, function () {
+        $$b('#color_picker').hide();
+      });
+    };
+
+    var PaintBox = function PaintBox(container, type) {
+      var paintColor = void 0,
+          paintOpacity = void 0;
+      var cur = curConfig[type === 'fill' ? 'initFill' : 'initStroke'];
+      // set up gradients to be used for the buttons
+      var svgdocbox = new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg">\n        <rect width="16.5" height="16.5"\n          fill="#' + cur.color + '" opacity="' + cur.opacity + '"/>\n        <defs><linearGradient id="gradbox_"/></defs>\n      </svg>', 'text/xml');
+
+      var docElem = svgdocbox.documentElement;
+      docElem = $$b(container)[0].appendChild(document.importNode(docElem, true));
+      docElem.setAttribute('width', 16.5);
+
+      this.rect = docElem.firstElementChild;
+      this.defs = docElem.getElementsByTagName('defs')[0];
+      this.grad = this.defs.firstElementChild;
+      this.paint = new $$b.jGraduate.Paint({ solidColor: cur.color });
+      this.type = type;
+
+      this.setPaint = function (paint, apply) {
+        this.paint = paint;
+
+        var ptype = paint.type;
+        var opac = paint.alpha / 100;
+
+        var fillAttr = 'none';
+        switch (ptype) {
+          case 'solidColor':
+            fillAttr = paint[ptype] !== 'none' ? '#' + paint[ptype] : paint[ptype];
+            break;
+          case 'linearGradient':
+          case 'radialGradient':
+            this.grad.remove();
+            this.grad = this.defs.appendChild(paint[ptype]);
+            var id = this.grad.id = 'gradbox_' + this.type;
+            fillAttr = 'url(#' + id + ')';
+            break;
+        }
+
+        this.rect.setAttribute('fill', fillAttr);
+        this.rect.setAttribute('opacity', opac);
+
+        if (apply) {
+          svgCanvas.setColor(this.type, paintColor, true);
+          svgCanvas.setPaintOpacity(this.type, paintOpacity, true);
+        }
+      };
+
+      this.update = function (apply) {
+        if (!selectedElement) {
+          return;
+        }
+
+        var type = this.type;
+
+        switch (selectedElement.tagName) {
+          case 'use':
+          case 'image':
+          case 'foreignObject':
+            // These elements don't have fill or stroke, so don't change
+            // the current value
+            return;
+          case 'g':
+          case 'a':
+            {
+              var childs = selectedElement.getElementsByTagName('*');
+
+              var gPaint = null;
+              for (var _i3 = 0, len = childs.length; _i3 < len; _i3++) {
+                var elem = childs[_i3];
+                var p = elem.getAttribute(type);
+                if (_i3 === 0) {
+                  gPaint = p;
+                } else if (gPaint !== p) {
+                  gPaint = null;
+                  break;
+                }
+              }
+
+              if (gPaint === null) {
+                // No common color, don't update anything
+                paintColor = null;
+                return;
+              }
+              paintColor = gPaint;
+              paintOpacity = 1;
+              break;
+            }default:
+            paintOpacity = parseFloat(selectedElement.getAttribute(type + '-opacity'));
+            if (isNaN(paintOpacity)) {
+              paintOpacity = 1.0;
+            }
+
+            var defColor = type === 'fill' ? 'black' : 'none';
+            paintColor = selectedElement.getAttribute(type) || defColor;
+        }
+
+        if (apply) {
+          svgCanvas.setColor(type, paintColor, true);
+          svgCanvas.setPaintOpacity(type, paintOpacity, true);
+        }
+
+        paintOpacity *= 100;
+
+        var paint = getPaint(paintColor, paintOpacity, type);
+        // update the rect inside #fill_color/#stroke_color
+        this.setPaint(paint);
+      };
+
+      this.prep = function () {
+        var ptype = this.paint.type;
+
+        switch (ptype) {
+          case 'linearGradient':
+          case 'radialGradient':
+            var paint = new $$b.jGraduate.Paint({ copy: this.paint });
+            svgCanvas.setPaint(type, paint);
+            break;
+        }
+      };
+    };
+
+    paintBox.fill = new PaintBox('#fill_color', 'fill');
+    paintBox.stroke = new PaintBox('#stroke_color', 'stroke');
+
+    $$b('#stroke_width').val(curConfig.initStroke.width);
+    $$b('#group_opacity').val(curConfig.initOpacity * 100);
+
+    // Use this SVG elem to test vectorEffect support
+    var testEl = paintBox.fill.rect.cloneNode(false);
+    testEl.setAttribute('style', 'vector-effect:non-scaling-stroke');
+    var supportsNonSS = testEl.style.vectorEffect === 'non-scaling-stroke';
+    testEl.removeAttribute('style');
+    var svgdocbox = paintBox.fill.rect.ownerDocument;
+    // Use this to test support for blur element. Seems to work to test support in Webkit
+    var blurTest = svgdocbox.createElementNS(NS.SVG, 'feGaussianBlur');
+    if (blurTest.stdDeviationX === undefined) {
+      $$b('#tool_blur').hide();
+    }
+    $$b(blurTest).remove();
+
+    // Test for zoom icon support
+    (function () {
+      var pre = '-' + uaPrefix.toLowerCase() + '-zoom-';
+      var zoom = pre + 'in';
+      workarea.css('cursor', zoom);
+      if (workarea.css('cursor') === zoom) {
+        zoomInIcon = zoom;
+        zoomOutIcon = pre + 'out';
+      }
+      workarea.css('cursor', 'auto');
+    })();
+
+    // Test for embedImage support (use timeout to not interfere with page load)
+    setTimeout(function () {
+      svgCanvas.embedImage('images/logo.png', function (datauri) {
+        if (!datauri) {
+          // Disable option
+          $$b('#image_save_opts [value=embed]').attr('disabled', 'disabled');
+          $$b('#image_save_opts input').val(['ref']);
+          $$b.pref('img_save', 'ref');
+          $$b('#image_opt_embed').css('color', '#666').attr('title', uiStrings$1.notification.featNotSupported);
+        }
+      });
+    }, 1000);
+
+    $$b('#fill_color, #tool_fill .icon_label').click(function () {
+      colorPicker($$b('#fill_color'));
+      updateToolButtonState();
+    });
+
+    $$b('#stroke_color, #tool_stroke .icon_label').click(function () {
+      colorPicker($$b('#stroke_color'));
+      updateToolButtonState();
+    });
+
+    $$b('#group_opacityLabel').click(function () {
+      $$b('#opacity_dropdown button').mousedown();
+      $$b(window).mouseup();
+    });
+
+    $$b('#zoomLabel').click(function () {
+      $$b('#zoom_dropdown button').mousedown();
+      $$b(window).mouseup();
+    });
+
+    $$b('#tool_move_top').mousedown(function (evt) {
+      $$b('#tools_stacking').show();
+      evt.preventDefault();
+    });
+
+    $$b('.layer_button').mousedown(function () {
+      $$b(this).addClass('layer_buttonpressed');
+    }).mouseout(function () {
+      $$b(this).removeClass('layer_buttonpressed');
+    }).mouseup(function () {
+      $$b(this).removeClass('layer_buttonpressed');
+    });
+
+    $$b('.push_button').mousedown(function () {
+      if (!$$b(this).hasClass('disabled')) {
+        $$b(this).addClass('push_button_pressed').removeClass('push_button');
+      }
+    }).mouseout(function () {
+      $$b(this).removeClass('push_button_pressed').addClass('push_button');
+    }).mouseup(function () {
+      $$b(this).removeClass('push_button_pressed').addClass('push_button');
+    });
+
+    // ask for a layer name
+    $$b('#layer_new').click(function () {
+      var uniqName = void 0,
+          i = svgCanvas.getCurrentDrawing().getNumLayers();
+      do {
+        uniqName = uiStrings$1.layers.layer + ' ' + ++i;
+      } while (svgCanvas.getCurrentDrawing().hasLayer(uniqName));
+
+      $$b.prompt(uiStrings$1.notification.enterUniqueLayerName, uniqName, function (newName) {
+        if (!newName) {
+          return;
+        }
+        if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+          $$b.alert(uiStrings$1.notification.dupeLayerName);
+          return;
+        }
+        svgCanvas.createLayer(newName);
+        updateContextPanel();
+        populateLayers();
+      });
+    });
+
+    function deleteLayer() {
+      if (svgCanvas.deleteCurrentLayer()) {
+        updateContextPanel();
+        populateLayers();
+        // This matches what SvgCanvas does
+        // TODO: make this behavior less brittle (svg-editor should get which
+        // layer is selected from the canvas and then select that one in the UI)
+        $$b('#layerlist tr.layer').removeClass('layersel');
+        $$b('#layerlist tr.layer:first').addClass('layersel');
+      }
+    }
+
+    function cloneLayer() {
+      var name = svgCanvas.getCurrentDrawing().getCurrentLayerName() + ' copy';
+
+      $$b.prompt(uiStrings$1.notification.enterUniqueLayerName, name, function (newName) {
+        if (!newName) {
+          return;
+        }
+        if (svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+          $$b.alert(uiStrings$1.notification.dupeLayerName);
+          return;
+        }
+        svgCanvas.cloneLayer(newName);
+        updateContextPanel();
+        populateLayers();
+      });
+    }
+
+    function mergeLayer() {
+      if ($$b('#layerlist tr.layersel').index() === svgCanvas.getCurrentDrawing().getNumLayers() - 1) {
+        return;
+      }
+      svgCanvas.mergeLayer();
+      updateContextPanel();
+      populateLayers();
+    }
+
+    function moveLayer(pos) {
+      var total = svgCanvas.getCurrentDrawing().getNumLayers();
+
+      var curIndex = $$b('#layerlist tr.layersel').index();
+      if (curIndex > 0 || curIndex < total - 1) {
+        curIndex += pos;
+        svgCanvas.setCurrentLayerPosition(total - curIndex - 1);
+        populateLayers();
+      }
+    }
+
+    $$b('#layer_delete').click(deleteLayer);
+
+    $$b('#layer_up').click(function () {
+      moveLayer(-1);
+    });
+
+    $$b('#layer_down').click(function () {
+      moveLayer(1);
+    });
+
+    $$b('#layer_rename').click(function () {
+      // const curIndex = $('#layerlist tr.layersel').prevAll().length; // Currently unused
+      var oldName = $$b('#layerlist tr.layersel td.layername').text();
+      $$b.prompt(uiStrings$1.notification.enterNewLayerName, '', function (newName) {
+        if (!newName) {
+          return;
+        }
+        if (oldName === newName || svgCanvas.getCurrentDrawing().hasLayer(newName)) {
+          $$b.alert(uiStrings$1.notification.layerHasThatName);
+          return;
+        }
+
+        svgCanvas.renameCurrentLayer(newName);
+        populateLayers();
+      });
+    });
+
+    var SIDEPANEL_MAXWIDTH = 300;
+    var SIDEPANEL_OPENWIDTH = 150;
+    var sidedrag = -1,
+        sidedragging = false,
+        allowmove = false;
+
+    /**
+     * @param {Float} delta
+     * @fires module:svgcanvas.SvgCanvas#event:ext-workareaResized
+     * @returns {undefined}
+     */
+    var changeSidePanelWidth = function changeSidePanelWidth(delta) {
+      var rulerX = $$b('#ruler_x');
+      $$b('#sidepanels').width('+=' + delta);
+      $$b('#layerpanel').width('+=' + delta);
+      rulerX.css('right', parseInt(rulerX.css('right'), 10) + delta);
+      workarea.css('right', parseInt(workarea.css('right'), 10) + delta);
+      svgCanvas.runExtensions('workareaResized');
+    };
+
+    var resizeSidePanel = function resizeSidePanel(evt) {
+      if (!allowmove) {
+        return;
+      }
+      if (sidedrag === -1) {
+        return;
+      }
+      sidedragging = true;
+      var deltaX = sidedrag - evt.pageX;
+      var sideWidth = $$b('#sidepanels').width();
+      if (sideWidth + deltaX > SIDEPANEL_MAXWIDTH) {
+        deltaX = SIDEPANEL_MAXWIDTH - sideWidth;
+        sideWidth = SIDEPANEL_MAXWIDTH;
+      } else if (sideWidth + deltaX < 2) {
+        deltaX = 2 - sideWidth;
+        sideWidth = 2;
+      }
+      if (deltaX === 0) {
+        return;
+      }
+      sidedrag -= deltaX;
+      changeSidePanelWidth(deltaX);
+    };
+
+    /**
+     * If width is non-zero, then fully close it, otherwise fully open it
+     * @param {boolean} close Forces the side panel closed
+     * @returns {undefined}
+     */
+    var toggleSidePanel = function toggleSidePanel(close) {
+      var w = $$b('#sidepanels').width();
+      var deltaX = (w > 2 || close ? 2 : SIDEPANEL_OPENWIDTH) - w;
+      changeSidePanelWidth(deltaX);
+    };
+
+    $$b('#sidepanel_handle').mousedown(function (evt) {
+      sidedrag = evt.pageX;
+      $$b(window).mousemove(resizeSidePanel);
+      allowmove = false;
+      // Silly hack for Chrome, which always runs mousemove right after mousedown
+      setTimeout(function () {
+        allowmove = true;
+      }, 20);
+    }).mouseup(function (evt) {
+      if (!sidedragging) {
+        toggleSidePanel();
+      }
+      sidedrag = -1;
+      sidedragging = false;
+    });
+
+    $$b(window).mouseup(function () {
+      sidedrag = -1;
+      sidedragging = false;
+      $$b('#svg_editor').unbind('mousemove', resizeSidePanel);
+    });
+
+    populateLayers();
+
+    // function changeResolution (x,y) {
+    //   const {zoom} = svgCanvas.getResolution();
+    //   setResolution(x * zoom, y * zoom);
+    // }
+
+    var centerCanvas = function centerCanvas() {
+      // this centers the canvas vertically in the workarea (horizontal handled in CSS)
+      workarea.css('line-height', workarea.height() + 'px');
+    };
+
+    $$b(window).bind('load resize', centerCanvas);
+
+    function stepFontSize(elem, step) {
+      var origVal = Number(elem.value);
+      var sugVal = origVal + step;
+      var increasing = sugVal >= origVal;
+      if (step === 0) {
+        return origVal;
+      }
+
+      if (origVal >= 24) {
+        if (increasing) {
+          return Math.round(origVal * 1.1);
+        }
+        return Math.round(origVal / 1.1);
+      }
+      if (origVal <= 1) {
+        if (increasing) {
+          return origVal * 2;
+        }
+        return origVal / 2;
+      }
+      return sugVal;
+    }
+
+    function stepZoom(elem, step) {
+      var origVal = Number(elem.value);
+      if (origVal === 0) {
+        return 100;
+      }
+      var sugVal = origVal + step;
+      if (step === 0) {
+        return origVal;
+      }
+
+      if (origVal >= 100) {
+        return sugVal;
+      }
+      if (sugVal >= origVal) {
+        return origVal * 2;
+      }
+      return origVal / 2;
+    }
+
+    // function setResolution (w, h, center) {
+    //   updateCanvas();
+    //   // w -= 0; h -= 0;
+    //   // $('#svgcanvas').css({width: w, height: h});
+    //   // $('#canvas_width').val(w);
+    //   // $('#canvas_height').val(h);
+    //   //
+    //   // if (center) {
+    //   //   const wArea = workarea;
+    //   //   const scrollY = h/2 - wArea.height()/2;
+    //   //   const scrollX = w/2 - wArea.width()/2;
+    //   //   wArea[0].scrollTop = scrollY;
+    //   //   wArea[0].scrollLeft = scrollX;
+    //   // }
+    // }
+
+    $$b('#resolution').change(function () {
+      var wh = $$b('#canvas_width,#canvas_height');
+      if (!this.selectedIndex) {
+        if ($$b('#canvas_width').val() === 'fit') {
+          wh.removeAttr('disabled').val(100);
+        }
+      } else if (this.value === 'content') {
+        wh.val('fit').attr('disabled', 'disabled');
+      } else {
+        var dims = this.value.split('x');
+        $$b('#canvas_width').val(dims[0]);
+        $$b('#canvas_height').val(dims[1]);
+        wh.removeAttr('disabled');
+      }
+    });
+
+    // Prevent browser from erroneously repopulating fields
+    $$b('input,select').attr('autocomplete', 'off');
+
+    /**
+     * Associate all button actions as well as non-button keyboard shortcuts
+     * @namespace {PlainObject} module:SVGEditor~Actions
+     */
+    var Actions = function () {
+      /**
+      * @typedef {PlainObject} module:SVGEditor.ToolButton
+      * @property {string} sel The CSS selector for the tool
+      * @property {external:jQuery.Function} fn A handler to be attached to the `evt`
+      * @property {string} evt The event for which the `fn` listener will be added
+      * @property {module:SVGEditor.Key} [key] [key, preventDefault, NoDisableInInput]
+      * @property {string} [parent] Selector
+      * @property {boolean} [hidekey] Whether to show key value in title
+      * @property {string} [icon] The button ID
+      * @property {boolean} isDefault For flyout holders
+      */
+      /**
+       *
+       * @name module:SVGEditor~ToolButtons
+       * @type {module:SVGEditor.ToolButton[]}
+       */
+      var toolButtons = [{ sel: '#tool_select', fn: clickSelect, evt: 'click', key: ['V', true] }, { sel: '#tool_fhpath', fn: clickFHPath, evt: 'click', key: ['Q', true] }, { sel: '#tool_line', fn: clickLine, evt: 'click', key: ['L', true], parent: '#tools_line', prepend: true }, { sel: '#tool_rect', fn: clickRect, evt: 'mouseup',
+        key: ['R', true], parent: '#tools_rect', icon: 'rect' }, { sel: '#tool_square', fn: clickSquare, evt: 'mouseup',
+        parent: '#tools_rect', icon: 'square' }, { sel: '#tool_fhrect', fn: clickFHRect, evt: 'mouseup',
+        parent: '#tools_rect', icon: 'fh_rect' }, { sel: '#tool_ellipse', fn: clickEllipse, evt: 'mouseup',
+        key: ['E', true], parent: '#tools_ellipse', icon: 'ellipse' }, { sel: '#tool_circle', fn: clickCircle, evt: 'mouseup',
+        parent: '#tools_ellipse', icon: 'circle' }, { sel: '#tool_fhellipse', fn: clickFHEllipse, evt: 'mouseup',
+        parent: '#tools_ellipse', icon: 'fh_ellipse' }, { sel: '#tool_path', fn: clickPath, evt: 'click', key: ['P', true] }, { sel: '#tool_text', fn: clickText, evt: 'click', key: ['T', true] }, { sel: '#tool_image', fn: clickImage, evt: 'mouseup' }, { sel: '#tool_zoom', fn: clickZoom, evt: 'mouseup', key: ['Z', true] }, { sel: '#tool_clear', fn: clickClear, evt: 'mouseup', key: ['N', true] }, { sel: '#tool_save', fn: function fn() {
+          if (editingsource) {
+            saveSourceEditor();
+          } else {
+            clickSave();
+          }
+        },
+        evt: 'mouseup', key: ['S', true] }, { sel: '#tool_export', fn: clickExport, evt: 'mouseup' }, { sel: '#tool_open', fn: clickOpen, evt: 'mouseup', key: ['O', true] }, { sel: '#tool_import', fn: clickImport, evt: 'mouseup' }, { sel: '#tool_source', fn: showSourceEditor, evt: 'click', key: ['U', true] }, { sel: '#tool_wireframe', fn: clickWireframe, evt: 'click', key: ['F', true] }, { sel: '#tool_source_cancel,.overlay,#tool_docprops_cancel,#tool_prefs_cancel',
+        fn: cancelOverlays, evt: 'click', key: ['esc', false, false], hidekey: true }, { sel: '#tool_source_save', fn: saveSourceEditor, evt: 'click' }, { sel: '#tool_docprops_save', fn: saveDocProperties, evt: 'click' }, { sel: '#tool_docprops', fn: showDocProperties, evt: 'mouseup' }, { sel: '#tool_prefs_save', fn: savePreferences, evt: 'click' }, { sel: '#tool_prefs_option', fn: function fn() {
+          showPreferences();return false;
+        },
+        evt: 'mouseup' }, { sel: '#tool_delete,#tool_delete_multi', fn: deleteSelected,
+        evt: 'click', key: ['del/backspace', true] }, { sel: '#tool_reorient', fn: reorientPath, evt: 'click' }, { sel: '#tool_node_link', fn: linkControlPoints, evt: 'click' }, { sel: '#tool_node_clone', fn: clonePathNode, evt: 'click' }, { sel: '#tool_node_delete', fn: deletePathNode, evt: 'click' }, { sel: '#tool_openclose_path', fn: opencloseSubPath, evt: 'click' }, { sel: '#tool_add_subpath', fn: addSubPath, evt: 'click' }, { sel: '#tool_move_top', fn: moveToTopSelected, evt: 'click', key: 'ctrl+shift+]' }, { sel: '#tool_move_bottom', fn: moveToBottomSelected, evt: 'click', key: 'ctrl+shift+[' }, { sel: '#tool_topath', fn: convertToPath$$1, evt: 'click' }, { sel: '#tool_make_link,#tool_make_link_multi', fn: makeHyperlink, evt: 'click' }, { sel: '#tool_undo', fn: clickUndo, evt: 'click' }, { sel: '#tool_redo', fn: clickRedo, evt: 'click' }, { sel: '#tool_clone,#tool_clone_multi', fn: clickClone, evt: 'click', key: ['D', true] }, { sel: '#tool_group_elements', fn: clickGroup, evt: 'click', key: ['G', true] }, { sel: '#tool_ungroup', fn: clickGroup, evt: 'click' }, { sel: '#tool_unlink_use', fn: clickGroup, evt: 'click' }, { sel: '[id^=tool_align]', fn: clickAlign, evt: 'click' },
+      // these two lines are required to make Opera work properly with the flyout mechanism
+      // {sel: '#tools_rect_show', fn: clickRect, evt: 'click'},
+      // {sel: '#tools_ellipse_show', fn: clickEllipse, evt: 'click'},
+      { sel: '#tool_bold', fn: clickBold, evt: 'mousedown' }, { sel: '#tool_italic', fn: clickItalic, evt: 'mousedown' }, { sel: '#sidepanel_handle', fn: toggleSidePanel, key: ['X'] }, { sel: '#copy_save_done', fn: cancelOverlays, evt: 'click' },
+
+      // Shortcuts not associated with buttons
+
+      { key: 'ctrl+left', fn: function fn() {
+          rotateSelected(0, 1);
+        }
+      }, { key: 'ctrl+right', fn: function fn() {
+          rotateSelected(1, 1);
+        }
+      }, { key: 'ctrl+shift+left', fn: function fn() {
+          rotateSelected(0, 5);
+        }
+      }, { key: 'ctrl+shift+right', fn: function fn() {
+          rotateSelected(1, 5);
+        }
+      }, { key: 'shift+O', fn: selectPrev }, { key: 'shift+P', fn: selectNext }, { key: [modKey + 'up', true], fn: function fn() {
+          zoomImage(2);
+        }
+      }, { key: [modKey + 'down', true], fn: function fn() {
+          zoomImage(0.5);
+        }
+      }, { key: [modKey + ']', true], fn: function fn() {
+          moveUpDownSelected('Up');
+        }
+      }, { key: [modKey + '[', true], fn: function fn() {
+          moveUpDownSelected('Down');
+        }
+      }, { key: ['up', true], fn: function fn() {
+          moveSelected(0, -1);
+        }
+      }, { key: ['down', true], fn: function fn() {
+          moveSelected(0, 1);
+        }
+      }, { key: ['left', true], fn: function fn() {
+          moveSelected(-1, 0);
+        }
+      }, { key: ['right', true], fn: function fn() {
+          moveSelected(1, 0);
+        }
+      }, { key: 'shift+up', fn: function fn() {
+          moveSelected(0, -10);
+        }
+      }, { key: 'shift+down', fn: function fn() {
+          moveSelected(0, 10);
+        }
+      }, { key: 'shift+left', fn: function fn() {
+          moveSelected(-10, 0);
+        }
+      }, { key: 'shift+right', fn: function fn() {
+          moveSelected(10, 0);
+        }
+      }, { key: ['alt+up', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(0, -1);
+        }
+      }, { key: ['alt+down', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(0, 1);
+        }
+      }, { key: ['alt+left', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(-1, 0);
+        }
+      }, { key: ['alt+right', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(1, 0);
+        }
+      }, { key: ['alt+shift+up', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(0, -10);
+        }
+      }, { key: ['alt+shift+down', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(0, 10);
+        }
+      }, { key: ['alt+shift+left', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(-10, 0);
+        }
+      }, { key: ['alt+shift+right', true], fn: function fn() {
+          svgCanvas.cloneSelectedElements(10, 0);
+        }
+      }, { key: 'A', fn: function fn() {
+          svgCanvas.selectAllInCurrentLayer();
+        }
+      },
+
+      // Standard shortcuts
+      { key: modKey + 'z', fn: clickUndo }, { key: modKey + 'shift+z', fn: clickRedo }, { key: modKey + 'y', fn: clickRedo }, { key: modKey + 'x', fn: cutSelected }, { key: modKey + 'c', fn: copySelected }, { key: modKey + 'v', fn: pasteInCenter }];
+
+      // Tooltips not directly associated with a single function
+      var keyAssocs = {
+        '4/Shift+4': '#tools_rect_show',
+        '5/Shift+5': '#tools_ellipse_show'
+      };
+
+      return {
+        /** @lends module:SVGEditor~Actions */
+        /**
+         * @returns {undefined}
+         */
+        setAll: function setAll() {
+          var flyouts = {};
+
+          $$b.each(toolButtons, function (i, opts) {
+            // Bind function to button
+            var btn = void 0;
+            if (opts.sel) {
+              btn = $$b(opts.sel);
+              if (!btn.length) {
+                return true;
+              } // Skip if markup does not exist
+              if (opts.evt) {
+                if (isTouch() && opts.evt === 'click') {
+                  opts.evt = 'mousedown';
+                }
+                btn[opts.evt](opts.fn);
+              }
+
+              // Add to parent flyout menu, if able to be displayed
+              if (opts.parent && $$b(opts.parent + '_show').length) {
+                var fH = $$b(opts.parent);
+                if (!fH.length) {
+                  fH = makeFlyoutHolder(opts.parent.substr(1));
+                }
+                if (opts.prepend) {
+                  btn[0].style.margin = 'initial';
+                }
+                fH[opts.prepend ? 'prepend' : 'append'](btn);
+
+                if (!Array.isArray(flyouts[opts.parent])) {
+                  flyouts[opts.parent] = [];
+                }
+                flyouts[opts.parent].push(opts);
+              }
+            }
+
+            // Bind function to shortcut key
+            if (opts.key) {
+              // Set shortcut based on options
+              var keyval = void 0,
+
+              // disInInp = true,
+              pd = false;
+              if (Array.isArray(opts.key)) {
+                keyval = opts.key[0];
+                if (opts.key.length > 1) {
+                  pd = opts.key[1];
+                }
+                // if (opts.key.length > 2) { disInInp = opts.key[2]; }
+              } else {
+                keyval = opts.key;
+              }
+              keyval += '';
+
+              var fn = opts.fn;
+
+              $$b.each(keyval.split('/'), function (i, key) {
+                $$b(document).bind('keydown', key, function (e) {
+                  fn();
+                  if (pd) {
+                    e.preventDefault();
+                  }
+                  // Prevent default on ALL keys?
+                  return false;
+                });
+              });
+
+              // Put shortcut in title
+              if (opts.sel && !opts.hidekey && btn.attr('title')) {
+                var newTitle = btn.attr('title').split('[')[0] + ' (' + keyval + ')';
+                keyAssocs[keyval] = opts.sel;
+                // Disregard for menu items
+                if (!btn.parents('#main_menu').length) {
+                  btn.attr('title', newTitle);
+                }
+              }
+            }
+          });
+
+          // Setup flyouts
+          setupFlyouts(flyouts);
+
+          // Misc additional actions
+
+          // Make 'return' keypress trigger the change event
+          $$b('.attr_changer, #image_url').bind('keydown', 'return', function (evt) {
+            $$b(this).change();
+            evt.preventDefault();
+          });
+
+          $$b(window).bind('keydown', 'tab', function (e) {
+            if (uiContext === 'canvas') {
+              e.preventDefault();
+              selectNext();
+            }
+          }).bind('keydown', 'shift+tab', function (e) {
+            if (uiContext === 'canvas') {
+              e.preventDefault();
+              selectPrev();
+            }
+          });
+
+          $$b('#tool_zoom').dblclick(dblclickZoom);
+        },
+
+        /**
+         * @returns {undefined}
+         */
+        setTitles: function setTitles() {
+          $$b.each(keyAssocs, function (keyval, sel) {
+            var menu = $$b(sel).parents('#main_menu').length;
+
+            $$b(sel).each(function () {
+              var t = void 0;
+              if (menu) {
+                t = $$b(this).text().split(' [')[0];
+              } else {
+                t = this.title.split(' [')[0];
+              }
+              var keyStr = '';
+              // Shift+Up
+              $$b.each(keyval.split('/'), function (i, key) {
+                var modBits = key.split('+');
+                var mod = '';
+                if (modBits.length > 1) {
+                  mod = modBits[0] + '+';
+                  key = modBits[1];
+                }
+                keyStr += (i ? '/' : '') + mod + (uiStrings$1['key_' + key] || key);
+              });
+              if (menu) {
+                this.lastChild.textContent = t + ' [' + keyStr + ']';
+              } else {
+                this.title = t + ' [' + keyStr + ']';
+              }
+            });
+          });
+        },
+
+        /**
+         * @param {string} sel Selector to match
+         * @returns {module:SVGEditor.ToolButton}
+         */
+        getButtonData: function getButtonData(sel) {
+          return Object.values(toolButtons).find(function (btn) {
+            return btn.sel === sel;
+          });
+        }
+      };
+    }();
+
+    // Select given tool
+    editor.ready(function () {
+      var tool = void 0;
+      var itool = curConfig.initTool,
+          container = $$b('#tools_left, #svg_editor .tools_flyout'),
+          preTool = container.find('#tool_' + itool),
+          regTool = container.find('#' + itool);
+      if (preTool.length) {
+        tool = preTool;
+      } else if (regTool.length) {
+        tool = regTool;
+      } else {
+        tool = $$b('#tool_select');
+      }
+      tool.click().mouseup();
+
+      if (curConfig.wireframe) {
+        $$b('#tool_wireframe').click();
+      }
+
+      if (curConfig.showlayers) {
+        toggleSidePanel();
+      }
+
+      $$b('#rulers').toggle(!!curConfig.showRulers);
+
+      if (curConfig.showRulers) {
+        $$b('#show_rulers')[0].checked = true;
+      }
+
+      if (curConfig.baseUnit) {
+        $$b('#base_unit').val(curConfig.baseUnit);
+      }
+
+      if (curConfig.gridSnapping) {
+        $$b('#grid_snapping_on')[0].checked = true;
+      }
+
+      if (curConfig.snappingStep) {
+        $$b('#grid_snapping_step').val(curConfig.snappingStep);
+      }
+
+      if (curConfig.gridColor) {
+        $$b('#grid_color').val(curConfig.gridColor);
+      }
+    });
+
+    // init SpinButtons
+    $$b('#rect_rx').SpinButton({ min: 0, max: 1000, stateObj: stateObj, callback: changeRectRadius });
+    $$b('#stroke_width').SpinButton({ min: 0, max: 99, smallStep: 0.1, stateObj: stateObj, callback: changeStrokeWidth });
+    $$b('#angle').SpinButton({ min: -180, max: 180, step: 5, stateObj: stateObj, callback: changeRotationAngle });
+    $$b('#font_size').SpinButton({ min: 0.001, stepfunc: stepFontSize, stateObj: stateObj, callback: changeFontSize });
+    $$b('#group_opacity').SpinButton({ min: 0, max: 100, step: 5, stateObj: stateObj, callback: changeOpacity });
+    $$b('#blur').SpinButton({ min: 0, max: 10, step: 0.1, stateObj: stateObj, callback: changeBlur });
+    $$b('#zoom').SpinButton({ min: 0.001, max: 10000, step: 50, stepfunc: stepZoom, stateObj: stateObj, callback: changeZoom })
+    // Set default zoom
+    .val(svgCanvas.getZoom() * 100);
+
+    $$b('#workarea').contextMenu({
+      menu: 'cmenu_canvas',
+      inSpeed: 0
+    }, function (action, el, pos) {
+      switch (action) {
+        case 'delete':
+          deleteSelected();
+          break;
+        case 'cut':
+          cutSelected();
+          break;
+        case 'copy':
+          copySelected();
+          break;
+        case 'paste':
+          svgCanvas.pasteElements();
+          break;
+        case 'paste_in_place':
+          svgCanvas.pasteElements('in_place');
+          break;
+        case 'group':
+        case 'group_elements':
+          svgCanvas.groupSelectedElements();
+          break;
+        case 'ungroup':
+          svgCanvas.ungroupSelectedElement();
+          break;
+        case 'move_front':
+          moveToTopSelected();
+          break;
+        case 'move_up':
+          moveUpDownSelected('Up');
+          break;
+        case 'move_down':
+          moveUpDownSelected('Down');
+          break;
+        case 'move_back':
+          moveToBottomSelected();
+          break;
+        default:
+          if (hasCustomHandler(action)) {
+            getCustomHandler(action).call();
+          }
+          break;
+      }
+    });
+
+    var lmenuFunc = function lmenuFunc(action, el, pos) {
+      switch (action) {
+        case 'dupe':
+          cloneLayer();
+          break;
+        case 'delete':
+          deleteLayer();
+          break;
+        case 'merge_down':
+          mergeLayer();
+          break;
+        case 'merge_all':
+          svgCanvas.mergeAllLayers();
+          updateContextPanel();
+          populateLayers();
+          break;
+      }
+    };
+
+    $$b('#layerlist').contextMenu({
+      menu: 'cmenu_layers',
+      inSpeed: 0
+    }, lmenuFunc);
+
+    $$b('#layer_moreopts').contextMenu({
+      menu: 'cmenu_layers',
+      inSpeed: 0,
+      allowLeft: true
+    }, lmenuFunc);
+
+    $$b('.contextMenu li').mousedown(function (ev) {
+      ev.preventDefault();
+    });
+
+    $$b('#cmenu_canvas li').disableContextMenu();
+    canvMenu.enableContextMenuItems('#delete,#cut,#copy');
+
+    function enableOrDisableClipboard() {
+      var svgeditClipboard = void 0;
+      try {
+        svgeditClipboard = localStorage.getItem('svgedit_clipboard');
+      } catch (err) {}
+      canvMenu[(svgeditClipboard ? 'en' : 'dis') + 'ableContextMenuItems']('#paste,#paste_in_place');
+    }
+    enableOrDisableClipboard();
+
+    window.addEventListener('storage', function (e) {
+      if (e.key !== 'svgedit_clipboard') {
+        return;
+      }
+
+      enableOrDisableClipboard();
+    });
+
+    window.addEventListener('beforeunload', function (e) {
+      // Suppress warning if page is empty
+      if (undoMgr.getUndoStackSize() === 0) {
+        editor.showSaveWarning = false;
+      }
+
+      // showSaveWarning is set to 'false' when the page is saved.
+      if (!curConfig.no_save_warning && editor.showSaveWarning) {
+        // Browser already asks question about closing the page
+        e.returnValue = uiStrings$1.notification.unsavedChanges; // Firefox needs this when beforeunload set by addEventListener (even though message is not used)
+        return uiStrings$1.notification.unsavedChanges;
+      }
+    }, false);
+
+    /**
+    * Expose the uiStrings
+    * @function module:SVGEditor.canvas.getUIStrings
+    * @returns {module:SVGEditor.uiStrings}
+    */
+    editor.canvas.getUIStrings = function () {
+      return uiStrings$1;
+    };
+
+    /**
+    * @callback module:SVGEditor.OpenPrepCallback
+    * @param {boolean} noChanges
+    * @returns {undefined}
+    */
+    /**
+    * @param {module:SVGEditor.OpenPrepCallback} func Confirmation dialog callback
+    * @returns {undefined}
+    */
+    editor.openPrep = function (func) {
+      $$b('#main_menu').hide();
+      if (undoMgr.getUndoStackSize() === 0) {
+        func(true);
+      } else {
+        $$b.confirm(uiStrings$1.notification.QwantToOpen, func);
+      }
+    };
+
+    function onDragEnter(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      // and indicator should be displayed here, such as "drop files here"
+    }
+
+    function onDragOver(e) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+
+    function onDragLeave(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      // hypothetical indicator should be removed here
+    }
+    // Use HTML5 File API: http://www.w3.org/TR/FileAPI/
+    // if browser has HTML5 File API support, then we will show the open menu item
+    // and provide a file input to click. When that change event fires, it will
+    // get the text contents of the file and send it to the canvas
+    if (window.FileReader) {
+      var importImage = function importImage(e) {
+        $$b.process_cancel(uiStrings$1.notification.loadingImage);
+        e.stopPropagation();
+        e.preventDefault();
+        $$b('#workarea').removeAttr('style');
+        $$b('#main_menu').hide();
+        var file = e.type === 'drop' ? e.dataTransfer.files[0] : this.files[0];
+        if (!file) {
+          $$b('#dialog_box').hide();
+          return;
+        }
+        /* if (file.type === 'application/pdf') { // Todo: Handle PDF imports
+         }
+        else */
+        if (file.type.includes('image')) {
+          // Detected an image
+          // svg handling
+          var reader = void 0;
+          if (file.type.includes('svg')) {
+            reader = new FileReader();
+            reader.onloadend = function (e) {
+              var newElement = svgCanvas.importSvgString(e.target.result, true);
+              svgCanvas.ungroupSelectedElement();
+              svgCanvas.ungroupSelectedElement();
+              svgCanvas.groupSelectedElements();
+              svgCanvas.alignSelectedElements('m', 'page');
+              svgCanvas.alignSelectedElements('c', 'page');
+              // highlight imported element, otherwise we get strange empty selectbox
+              svgCanvas.selectOnly([newElement]);
+              $$b('#dialog_box').hide();
+            };
+            reader.readAsText(file);
+          } else {
+            // bitmap handling
+            reader = new FileReader();
+            reader.onloadend = function (e) {
+              // let's insert the new image until we know its dimensions
+              var insertNewImage = function insertNewImage(width, height) {
+                var newImage = svgCanvas.addSVGElementFromJson({
+                  element: 'image',
+                  attr: {
+                    x: 0,
+                    y: 0,
+                    width: width,
+                    height: height,
+                    id: svgCanvas.getNextId(),
+                    style: 'pointer-events:inherit'
+                  }
+                });
+                svgCanvas.setHref(newImage, e.target.result);
+                svgCanvas.selectOnly([newImage]);
+                svgCanvas.alignSelectedElements('m', 'page');
+                svgCanvas.alignSelectedElements('c', 'page');
+                updateContextPanel();
+                $$b('#dialog_box').hide();
+              };
+              // create dummy img so we know the default dimensions
+              var imgWidth = 100;
+              var imgHeight = 100;
+              var img = new Image();
+              img.src = e.target.result;
+              img.style.opacity = 0;
+              img.onload = function () {
+                imgWidth = img.offsetWidth;
+                imgHeight = img.offsetHeight;
+                insertNewImage(imgWidth, imgHeight);
+              };
+            };
+            reader.readAsDataURL(file);
+          }
+        }
+      };
+
+      workarea[0].addEventListener('dragenter', onDragEnter, false);
+      workarea[0].addEventListener('dragover', onDragOver, false);
+      workarea[0].addEventListener('dragleave', onDragLeave, false);
+      workarea[0].addEventListener('drop', importImage, false);
+
+      var open = $$b('<input type="file">').change(function () {
+        var f = this;
+        editor.openPrep(function (ok) {
+          if (!ok) {
+            return;
+          }
+          svgCanvas.clear();
+          if (f.files.length === 1) {
+            $$b.process_cancel(uiStrings$1.notification.loadingImage);
+            var reader = new FileReader();
+            reader.onloadend = function (e) {
+              loadSvgString(e.target.result);
+              updateCanvas();
+            };
+            reader.readAsText(f.files[0]);
+          }
+        });
+      });
+      $$b('#tool_open').show().prepend(open);
+
+      var imgImport = $$b('<input type="file">').change(importImage);
+      $$b('#tool_import').show().prepend(imgImport);
+    }
+
+    // $(function () {
+    updateCanvas(true);
+    // });
+
+    //  const revnums = 'svg-editor.js ($Rev$) ';
+    //  revnums += svgCanvas.getVersion();
+    //  $('#copyright')[0].setAttribute('title', revnums);
+
+    /**
+    * @function module:SVGEditor.setLang
+    * @param {string} lang The language code
+    * @param {module:locale.LocaleStrings} allStrings See {@tutorial LocaleDocs}
+    * @fires module:svgcanvas.SvgCanvas#event:ext-langReady
+    * @fires module:svgcanvas.SvgCanvas#event:ext-langChanged
+    * @returns {undefined}
+    */
+    var setLang = editor.setLang = function (lang, allStrings) {
+      editor.langChanged = true;
+      $$b.pref('lang', lang);
+      $$b('#lang_select').val(lang);
+      if (!allStrings) {
+        return;
+      }
+      $$b.extend(uiStrings$1, allStrings);
+
+      // const notif = allStrings.notification; // Currently unused
+      // $.extend will only replace the given strings
+      var oldLayerName = $$b('#layerlist tr.layersel td.layername').text();
+      var renameLayer = oldLayerName === uiStrings$1.common.layer + ' 1';
+
+      svgCanvas.setUiStrings(allStrings);
+      Actions.setTitles();
+
+      if (renameLayer) {
+        svgCanvas.renameCurrentLayer(uiStrings$1.common.layer + ' 1');
+        populateLayers();
+      }
+
+      // In case extensions loaded before the locale, now we execute a callback on them
+      if (extsPreLang.length) {
+        while (extsPreLang.length) {
+          var ext = extsPreLang.shift();
+          ext.langReady({
+            lang: lang,
+            uiStrings: uiStrings$1,
+            importLocale: getImportLocale({ defaultLang: lang, defaultName: ext.name })
+          });
+        }
+      } else {
+        svgCanvas.runExtensions('langReady', /** @type {module:svgcanvas.SvgCanvas#event:ext-langReady} */{ lang: lang, uiStrings: uiStrings$1 });
+      }
+      svgCanvas.runExtensions('langChanged', /** @type {module:svgcanvas.SvgCanvas#event:ext-langChanged} */lang);
+
+      // Update flyout tooltips
+      setFlyoutTitles();
+
+      // Copy title for certain tool elements
+      var elems = {
+        '#stroke_color': '#tool_stroke .icon_label, #tool_stroke .color_block',
+        '#fill_color': '#tool_fill label, #tool_fill .color_block',
+        '#linejoin_miter': '#cur_linejoin',
+        '#linecap_butt': '#cur_linecap'
+      };
+
+      $$b.each(elems, function (source, dest) {
+        $$b(dest).attr('title', $$b(source)[0].title);
+      });
+
+      // Copy alignment titles
+      $$b('#multiselected_panel div[id^=tool_align]').each(function () {
+        $$b('#tool_pos' + this.id.substr(10))[0].title = this.title;
+      });
+    };
+    init$7(
+    /**
+    * @implements {module:locale.LocaleEditorInit}
+    */
+    {
+      /**
+      * Gets an array of results from extensions with a `addLangData` method
+      * returning an object with a `data` property set to its locales (to be
+      * merged with regular locales)
+      * @param {string} langParam
+      * @fires module:svgcanvas.SvgCanvas#event:ext-addLangData
+      * @todo Can we forego this in favor of `langReady` (or forego `langReady`)?
+      * @returns {module:locale.AddLangExtensionLocaleData[]}
+      */
+      addLangData: function addLangData(langParam) {
+        return svgCanvas.runExtensions('addLangData',
+        /**
+         * @function
+         * @type {module:svgcanvas.ExtensionVarBuilder}
+         * @param {string} defaultLang
+         * @param {string} defaultName
+         * @returns {module:svgcanvas.SvgCanvas#event:ext-addLangData}
+         */
+        function (name) {
+          // We pass in a function as we don't know the extension name here when defining this `addLangData` method
+          return {
+            lang: langParam,
+            importLocale: getImportLocale({ defaultLang: langParam, defaultName: name })
+          };
+        }, true);
+      },
+
+      curConfig: curConfig
+    });
+    // Load extensions
+    // Bit of a hack to run extensions in local Opera/IE9
+    if (document.location.protocol === 'file:') {
+      setTimeout(extAndLocaleFunc, 100);
+    } else {
+      // Returns a promise (if we wanted to fire 'extensions-loaded' event, potentially useful to hide interface as some extension locales are only available after this)
+      extAndLocaleFunc();
+    }
+  };
+
+  /**
+  * @callback module:SVGEditor.ReadyCallback
+  * @returns {undefined}
+  */
+  /**
+  * Queues a callback to be invoked when the editor is ready (or
+  *   to be invoked immediately if it is already ready--i.e.,
+  *   if `svgEditor.runCallbacks` has been run)
+  * @param {module:SVGEditor.ReadyCallback} cb Callback to be queued to invoke
+  * @returns {undefined}
+  */
+  editor.ready = function (cb) {
+    if (!isReady) {
+      callbacks.push(cb);
+    } else {
+      cb();
+    }
+  };
+
+  /**
+  * Invokes the callbacks previous set by `svgEditor.ready`
+  * @returns {undefined}
+  */
+  editor.runCallbacks = function () {
+    callbacks.forEach(function (cb) {
+      cb();
+    });
+    isReady = true;
+  };
+
+  /**
+  * @param {string} str The SVG string to load
+  * @returns {undefined}
+  */
+  editor.loadFromString = function (str) {
+    editor.ready(function () {
+      loadSvgString(str);
+    });
+  };
+
+  /**
+  * Not presently in use
+  * @param {PlainObject} featList
+  * @returns {undefined}
+  */
+  editor.disableUI = function (featList) {
+    // $(function () {
+    //   $('#tool_wireframe, #tool_image, #main_button, #tool_source, #sidepanels').remove();
+    //   $('#tools_top').css('left', 5);
+    // });
+  };
+
+  /**
+   * @callback module:SVGEditor.URLLoadCallback
+   * @param {boolean} success
+   * @returns {undefined}
+   */
+  /**
+  * @param {string} url URL from which to load an SVG string via Ajax
+  * @param {PlainObject} [opts] May contain properties: `cache`, `callback`
+  * @param {boolean} opts.cache
+  * @param {module:SVGEditor.URLLoadCallback} opts.callback Invoked with `true` or `false` depending on success
+  * @returns {undefined}
+  */
+  editor.loadFromURL = function (url, opts) {
+    if (!opts) {
+      opts = {};
+    }
+
+    var _opts = opts,
+        cache = _opts.cache,
+        cb = _opts.callback;
+
+
+    editor.ready(function () {
+      $$b.ajax({
+        url: url,
+        dataType: 'text',
+        cache: !!cache,
+        beforeSend: function beforeSend() {
+          $$b.process_cancel(uiStrings$1.notification.loadingImage);
+        },
+        success: function success(str) {
+          loadSvgString(str, cb);
+        },
+        error: function error(xhr, stat, err) {
+          if (xhr.status !== 404 && xhr.responseText) {
+            loadSvgString(xhr.responseText, cb);
+          } else {
+            $$b.alert(uiStrings$1.notification.URLloadFail + ': \n' + err, cb);
+          }
+        },
+        complete: function complete() {
+          $$b('#dialog_box').hide();
+        }
+      });
+    });
+  };
+
+  /**
+  * @param {string} str The Data URI to base64-decode (if relevant) and load
+  * @returns {undefined}
+  */
+  editor.loadFromDataURI = function (str) {
+    editor.ready(function () {
+      var base64 = false;
+      var pre = str.match(/^data:image\/svg\+xml;base64,/);
+      if (pre) {
+        base64 = true;
+      } else {
+        pre = str.match(/^data:image\/svg\+xml(?:;(?:utf8)?)?,/);
+      }
+      if (pre) {
+        pre = pre[0];
+      }
+      var src = str.slice(pre.length);
+      loadSvgString(base64 ? decode64(src) : decodeURIComponent(src));
+    });
+  };
+
+  /**
+   * @param {string} name Used internally; no need for i18n.
+   * @param {module:svgcanvas.ExtensionInitCallback} init Config to be invoked on this module
+   * @param {module:SVGEditor~ImportLocale} importLocale Importer defaulting to pth with current extension name and locale
+   * @throws {Error} If called too early
+   * @returns {Promise} Resolves to `undefined`
+  */
+  editor.addExtension = function (name, init$$1, importLocale) {
+    // Note that we don't want this on editor.ready since some extensions
+    // may want to run before then (like server_opensave).
+    // $(function () {
+    if (!svgCanvas) {
+      throw new Error('Extension added too early');
+    }
+    return svgCanvas.addExtension.call(this, name, init$$1, importLocale);
+    // });
+  };
+
+  // Defer injection to wait out initial menu processing. This probably goes
+  //    away once all context menu behavior is brought to context menu.
+  editor.ready(function () {
+    injectExtendedContextMenuItemsIntoDom();
+  });
+
+  var extensionsAdded = false;
+  var messageQueue = [];
+  /**
+   * @param {Any} data
+   * @param {string} origin
+   * @fires module:svgcanvas.SvgCanvas#event:message
+   * @returns {undefined}
+   */
+  var messageListener = function messageListener(_ref15) {
+    var data = _ref15.data,
+        origin = _ref15.origin;
+
+    // console.log('data, origin, extensionsAdded', data, origin, extensionsAdded);
+    var messageObj = { data: data, origin: origin };
+    if (!extensionsAdded) {
+      messageQueue.push(messageObj);
+    } else {
+      // Extensions can handle messages at this stage with their own
+      //  canvas `message` listeners
+      svgCanvas.call('message', messageObj);
+    }
+  };
+  window.addEventListener('message', messageListener);
+
+  // Run init once DOM is loaded
+  // jQuery(editor.init);
+  Promise.resolve().then(function () {
+    // We wait a micro-task to let the svgEditor variable be defined for module checks
+    editor.init();
+  });
+
+  //  TO BUILD AN IIFE VERSION OF THIS FILE (AS CAN WORK ON OLDER BROWSERS),
+  window.svgEditor = editor;
+  window.svgEditor.modules = false;
+
+  // URL OVERRIDE CONFIG
+  editor.setConfig({
+    /**
+    To override the ability for URLs to set URL-based SVG content,
+        uncomment the following:
+    */
+    // preventURLContentLoading: true,
+    /**
+    To override the ability for URLs to set other configuration (including
+        extension config), uncomment the following:
+    */
+    // preventAllURLConfig: true,
+    /**
+    To override the ability for URLs to set their own extensions,
+      uncomment the following (note that if `setConfig()` is used in
+      extension code, it will still be additive to extensions,
+      however):
+    */
+    // lockExtensions: true,
+  });
+
+  editor.setConfig({
+    /*
+    Provide default values here which differ from that of the editor but
+      which the URL can override
+    */
+  }, { allowInitialUserOverride: true });
+
+  // EXTENSION CONFIG
+  editor.setConfig({
+    extensions: [
+      // 'ext-overview_window.js', 'ext-markers.js', 'ext-connector.js', 'ext-eyedropper.js', 'ext-shapes.js', 'ext-imagelib.js', 'ext-grid.js', 'ext-polygon.js', 'ext-star.js', 'ext-panning.js', 'ext-storage.js'
+    ], noDefaultExtensions: false // noDefaultExtensions can only be meaningfully used in svgedit-config-iife.js or in the URL
+  });
+
+  // STYLESHEET CONFIG
+  editor.setConfig({
+    stylesheets: ['@default', '../svgedit-custom.css']
+  });
+
+  // OTHER CONFIG
+  editor.setConfig({
+    // canvasName: 'default',
+    // canvas_expansion: 3,
+    // initFill: {
+    //   color: 'FF0000', // solid red
+    //   opacity: 1
+    // },
+    // initStroke: {
+    //   width: 5,
+    //   color: '000000', // solid black
+    //   opacity: 1
+    // },
+    // initOpacity: 1,
+    // colorPickerCSS: null,
+    // initTool: 'select',
+    // exportWindowType: 'new', // 'same'
+    // wireframe: false,
+    // showlayers: false,
+    // no_save_warning: false,
+    // PATH CONFIGURATION
+    // imgPath: 'images/',
+    // langPath: 'locale/',
+    // extPath: 'extensions/',
+    // jGraduatePath: 'jgraduate/images/',
+    /*
+    Uncomment the following to allow at least same domain (embedded) access,
+    including file:// access.
+    Setting as `['*']` would allow any domain to access but would be unsafe to
+    data privacy and integrity.
+    */
+    // allowedOrigins: [window.location.origin || 'null'], // May be 'null' (as a string) when used as a file:// URL
+    // DOCUMENT PROPERTIES
+    // dimensions: [640, 480],
+    // EDITOR OPTIONS
+    // gridSnapping: false,
+    // gridColor: '#000',
+    // baseUnit: 'px',
+    // snappingStep: 10,
+    // showRulers: true,
+    // EXTENSION-RELATED (GRID)
+    // showGrid: false, // Set by ext-grid.js
+    // EXTENSION-RELATED (STORAGE)
+    // noStorageOnLoad: false, // Some interaction with ext-storage.js; prevent even the loading of previously saved local storage
+    // forceStorage: false, // Some interaction with ext-storage.js; strongly discouraged from modification as it bypasses user privacy by preventing them from choosing whether to keep local storage or not
+    // emptyStorageOnDecline: true, // Used by ext-storage.js; empty any prior storage if the user declines to store
+  });
+
+  // PREF CHANGES
+  /**
+  setConfig() can also be used to set preferences in addition to
+    configuration (see defaultPrefs in svg-editor.js for a list of
+    possible settings), but at least if you are using ext-storage.js
+    to store preferences, it will probably be better to let your
+    users control these.
+  As with configuration, one may use allowInitialUserOverride, but
+    in the case of preferences, any previously stored preferences
+    will also thereby be enabled to override this setting (and at a
+    higher priority than any URL preference setting overrides).
+    Failing to use allowInitialUserOverride will ensure preferences
+    are hard-coded here regardless of URL or prior user storage setting.
+  */
+  editor.setConfig({
+    // lang: '', // Set dynamically within locale.js if not previously set
+    // iconsize: '', // Will default to 's' if the window height is smaller than the minimum height and 'm' otherwise
+    /**
+    * When showing the preferences dialog, svg-editor.js currently relies
+    * on curPrefs instead of $.pref, so allowing an override for bkgd_color
+    * means that this value won't have priority over block auto-detection as
+    * far as determining which color shows initially in the preferences
+    * dialog (though it can be changed and saved).
+    */
+    // bkgd_color: '#FFF',
+    // bkgd_url: '',
+    // img_save: 'embed',
+    // Only shows in UI as far as alert notices
+    // save_notice_done: false,
+    // export_notice_done: false
+  });
+  editor.setConfig({
+    // Indicate pref settings here if you wish to allow user storage or URL settings
+    //   to be able to override your default preferences (unless other config options
+    //   have already explicitly prevented one or the other)
+  }, { allowInitialUserOverride: true });
+
+}());
diff --git a/test/all_tests.html b/test/all_tests.html
index 270a1a6e..680ee571 100644
--- a/test/all_tests.html
+++ b/test/all_tests.html
@@ -2,33 +2,39 @@
 <html>
 <head>
   <meta charset="utf-8" />
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
   <title>All SVG-edit Tests</title>
+  <style>
+  iframe {width: 100%; height: 70px;}
+  </style>
+  <script defer="defer" src="all_tests.js"></script>
 </head>
 <body>
   <h1>All SVG-edit Tests</h1>
-  <p>This file frames all SVG-edit test pages.  This should only include tests known to work.  These tests are known to pass 100% in the following:  Firefox 3.6, Chrome 7, IE9 Preview 6 (1.9.8006.6000), Opera 10.63.  If a test is broken in this page, it is possible that <em>YOU</em> broke it.  Please do not submit code that breaks any of these tests.</p>
-  <iframe src='jquery-svg_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='svgtransformlist_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='contextmenu_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='math_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='svgutils_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='svgutils_bbox_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='history_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='select_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='draw_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='units_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='path_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='sanitize_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='coords_test.html' width='100%' height='70' scrolling='no'></iframe>
-  <iframe src='recalculate_test.html' width='100%' height='70' scrolling='no'></iframe>
+  <p>This file frames all SVG-edit test pages.  This should only include
+    tests known to work.  These tests are known to pass 100% in the
+    following:
+    Firefox 3.6, Chrome 7, IE9 Preview 6 (1.9.8006.6000), Opera 10.63.
+    If a test is broken in this page, it is possible that <em>YOU</em>
+    broke it.  Please do not submit code that breaks any of these tests.</p>
+  <!--
+  <iframe src="jQuery.attr_test.html" scrolling="no"></iframe>
+  -->
+  <iframe src="svgtransformlist_test.html" scrolling="no"></iframe>
+  <iframe src="contextmenu_test.html" scrolling="no"></iframe>
+  <iframe src="math_test.html" scrolling="no"></iframe>
+  <iframe src="utilities_test.html" scrolling="no"></iframe>
+  <iframe src="utilities_bbox_test.html" scrolling="no"></iframe>
+  <iframe src="history_test.html" scrolling="no"></iframe>
+  <iframe src="select_test.html" scrolling="no"></iframe>
+  <iframe src="draw_test.html" scrolling="no"></iframe>
+  <iframe src="units_test.html" scrolling="no"></iframe>
+  <iframe src="path_test.html" scrolling="no"></iframe>
+  <iframe src="sanitize_test.html" scrolling="no"></iframe>
+  <iframe src="coords_test.html" scrolling="no"></iframe>
+  <iframe src="recalculate_test.html" scrolling="no"></iframe>
+
+  <iframe src="test1.html" scrolling="no"></iframe>
+  <iframe src="utilities_performance_test.html" scrolling="no"></iframe>
 </body>
-<script>
-window.setTimeout(function() {
-  var iframes = document.getElementsByTagName('iframe');
-  for (var i = 0, len = iframes.length; i < len; ++i) {
-    var f = iframes[i];
-    f.style.height = (f.contentDocument.body.scrollHeight + 20) + 'px';
-  }
-}, 5000);
-</script>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/all_tests.js b/test/all_tests.js
new file mode 100644
index 00000000..2d45f3a4
--- /dev/null
+++ b/test/all_tests.js
@@ -0,0 +1,8 @@
+const iframes = document.querySelectorAll('iframe');
+[...iframes].forEach((f) => {
+  f.addEventListener('load', () => {
+    f.contentWindow.QUnit.done(() => {
+      f.style.height = (f.contentDocument.body.scrollHeight + 20) + 'px';
+    });
+  });
+});
diff --git a/test/browser-bugs/removeItem-bug.html b/test/browser-bugs/removeItem-bug.html
new file mode 100644
index 00000000..3c844708
--- /dev/null
+++ b/test/browser-bugs/removeItem-bug.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>removeItem and setAttribute test</title>
+        <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+    </head>
+    <body>
+        <script>
+            var elem = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+            elem.setAttribute('transform', 'matrix(1,0,0,1,0,0)');
+            elem.transform.baseVal.removeItem(0);
+            elem.removeAttribute('transform');
+            console.log(elem.hasAttribute('transform'));
+        </script>
+        Issue:
+            <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=843901">
+                Chromium 843901
+            </a>
+    </body>
+</html>
diff --git a/test/contextmenu_test.html b/test/contextmenu_test.html
index 80cd87d0..93724ec4 100644
--- a/test/contextmenu_test.html
+++ b/test/contextmenu_test.html
@@ -3,81 +3,23 @@
 <head>
   <meta charset="utf-8" />
   <title>Unit Tests for contextmenu.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
   <script>
   // Mock for browser.js
-  window.svgEditor = {ready:function(){}};
-  </script>
-  <script src='../editor/contextmenu.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // log function
-    QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-    function tearDown(){
-      svgedit.contextmenu.resetCustomMenus();
-    }
-
-    module('svgedit.contextmenu');
-
-    test('Test svgedit.contextmenu package', function() {
-      expect(4);
-
-      ok(svgedit.contextmenu,"contextmenu registered correctly");
-      ok(svgedit.contextmenu.add,"contextmenu.add registered correctly");
-      ok(svgedit.contextmenu.hasCustomHandler,"contextmenu hasCustomHandler registered correctly");
-      ok(svgedit.contextmenu.getCustomHandler,"contextmenu getCustomHandler registered correctly");
-    });
-
-    test('Test svgedit.contextmenu does not add invalid menu item', function() {
-      expect(3);
-
-      svgedit.contextmenu.add({id:"justanid"});
-      ok(!svgedit.contextmenu.hasCustomHandler("justanid"),"menu item with just an id is invalid");
-
-      svgedit.contextmenu.add({id:"idandlabel",label:"anicelabel"});
-      ok(!svgedit.contextmenu.hasCustomHandler("idandlabel"),"menu item with just an id and label is invalid");
-
-      svgedit.contextmenu.add({id:"idandlabel",label:"anicelabel",action:'notafunction'});
-      ok(!svgedit.contextmenu.hasCustomHandler("idandlabel"),"menu item with action that is not a function is invalid");
-    });
-
-    test('Test svgedit.contextmenu adds valid menu item', function() {
-      expect(2);
-
-      var validItem = {id:"valid",label:"anicelabel",action:function(){alert('testing')}};
-      svgedit.contextmenu.add(validItem);
-
-      ok(svgedit.contextmenu.hasCustomHandler("valid"),"Valid menu item is added.");
-      equals(svgedit.contextmenu.getCustomHandler("valid"),validItem.action,"Valid menu action is added.");
-      tearDown();
-    });
-
-    test('Test svgedit.contextmenu rejects valid duplicate menu item id', function() {
-      expect(1);
-
-      var validItem1 = {id:"valid",label:"anicelabel",action:function(){alert('testing')}};
-      var validItem2 = {id:"valid",label:"anicelabel",action:function(){alert('testingtwice')}};
-      svgedit.contextmenu.add(validItem1);
-      svgedit.contextmenu.add(validItem2);
-
-      equals(svgedit.contextmenu.getCustomHandler("valid"),validItem1.action,"duplicate menu item is rejected.");
-      tearDown();
-    });
-  });
+  window.svgEditor = {
+      ready () {}
+  };
   </script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="contextmenu_test.js"></script>
 </head>
 <body>
-  <h1 id='qunit-header'>Unit Tests for contextmenu.js</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='svgroot' style='visibility:hidden'></div>
+  <h1 id="qunit-header">Unit Tests for contextmenu.js</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="svgroot" style="visibility: hidden;"></div>
 </body>
 </html>
diff --git a/test/contextmenu_test.js b/test/contextmenu_test.js
new file mode 100644
index 00000000..c5391536
--- /dev/null
+++ b/test/contextmenu_test.js
@@ -0,0 +1,60 @@
+/* eslint-env qunit */
+import * as contextmenu from '../editor/contextmenu.js';
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+function tearDown () {
+  contextmenu.resetCustomMenus();
+}
+
+QUnit.module('svgedit.contextmenu');
+
+QUnit.test('Test svgedit.contextmenu package', function (assert) {
+  assert.expect(4);
+
+  assert.ok(contextmenu, 'contextmenu registered correctly');
+  assert.ok(contextmenu.add, 'add registered correctly');
+  assert.ok(contextmenu.hasCustomHandler, 'contextmenu hasCustomHandler registered correctly');
+  assert.ok(contextmenu.getCustomHandler, 'contextmenu getCustomHandler registered correctly');
+});
+
+QUnit.test('Test svgedit.contextmenu does not add invalid menu item', function (assert) {
+  assert.expect(3);
+
+  contextmenu.add({id: 'justanid'});
+  assert.ok(!contextmenu.hasCustomHandler('justanid'), 'menu item with just an id is invalid');
+
+  contextmenu.add({id: 'idandlabel', label: 'anicelabel'});
+  assert.ok(!contextmenu.hasCustomHandler('idandlabel'), 'menu item with just an id and label is invalid');
+
+  contextmenu.add({id: 'idandlabel', label: 'anicelabel', action: 'notafunction'});
+  assert.ok(!contextmenu.hasCustomHandler('idandlabel'), 'menu item with action that is not a function is invalid');
+});
+
+QUnit.test('Test svgedit.contextmenu adds valid menu item', function (assert) {
+  assert.expect(2);
+
+  const validItem = {id: 'valid', label: 'anicelabel', action () { alert('testing'); }};
+  contextmenu.add(validItem);
+
+  assert.ok(contextmenu.hasCustomHandler('valid'), 'Valid menu item is added.');
+  assert.equal(contextmenu.getCustomHandler('valid'), validItem.action, 'Valid menu action is added.');
+  tearDown();
+});
+
+QUnit.test('Test svgedit.contextmenu rejects valid duplicate menu item id', function (assert) {
+  assert.expect(1);
+
+  const validItem1 = {id: 'valid', label: 'anicelabel', action () { alert('testing'); }};
+  const validItem2 = {id: 'valid', label: 'anicelabel', action () { alert('testingtwice'); }};
+  contextmenu.add(validItem1);
+  contextmenu.add(validItem2);
+
+  assert.equal(contextmenu.getCustomHandler('valid'), validItem1.action, 'duplicate menu item is rejected.');
+  tearDown();
+});
diff --git a/test/coords_test.html b/test/coords_test.html
index ea612439..d20f4273 100644
--- a/test/coords_test.html
+++ b/test/coords_test.html
@@ -3,359 +3,18 @@
 <head>
   <meta charset="utf-8" />
   <title>Unit Tests for coords.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <script src='../editor/math.js'></script>
-  <script src='../editor/pathseg.js'></script>
-  <script src='../editor/browser.js'></script>
-  <script src='../editor/svgutils.js'></script>
-  <script src='../editor/units.js'></script>
-  <script src='../editor/svgtransformlist.js'></script>
-  <script src='../editor/coords.js'></script>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
 
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // log function
-    QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-    var root = document.getElementById('root');
-    var svgroot = document.createElementNS(svgedit.NS.SVG, 'svg');
-    svgroot.id = 'svgroot';
-    root.appendChild(svgroot);
-    var svg = document.createElementNS(svgedit.NS.SVG, 'svg');
-    svgroot.appendChild(svg);
-    var elemId = 1;
-
-    function setUp() {
-      // Mock out editor context.
-      svgedit.utilities.init({
-        getSVGRoot: function() { return svg },
-        getDOMDocument: function() { return null },
-        getDOMContainer: function() { return null }
-      });
-      svgedit.coords.init({
-        getGridSnapping: function() { return false; },
-        getDrawing: function() {
-          return {
-            getNextId: function() { return '' + elemId++; }
-          };
-        }
-      });
-    }
-
-    function tearDown() {
-      while(svg.hasChildNodes()) {
-        svg.removeChild(svg.firstChild);
-      }
-    }
-
-    test('Test remapElement(translate) for rect', function() {
-      expect(4);
-
-      setUp();
-
-      var rect = document.createElementNS(svgedit.NS.SVG, 'rect');
-      rect.setAttribute('x', '200');
-      rect.setAttribute('y', '150');
-      rect.setAttribute('width', '250');
-      rect.setAttribute('height', '120');
-      svg.appendChild(rect);
-
-      var attrs = {
-        x: '200',
-        y: '150',
-        width: '125',
-        height: '75'
-      }
-
-      // Create a translate.
-      var m = svg.createSVGMatrix();
-      m.a = 1; m.b = 0;
-      m.c = 0; m.d = 1;
-      m.e = 100; m.f = -50;
-
-      svgedit.coords.remapElement(rect, attrs, m);
-
-      equals(rect.getAttribute('x'), '300');
-      equals(rect.getAttribute('y'), '100');
-      equals(rect.getAttribute('width'), '125');
-      equals(rect.getAttribute('height'), '75');
-
-      tearDown();
-    });
-
-    test('Test remapElement(scale) for rect', function() {
-      expect(4);
-      setUp();
-
-      var rect = document.createElementNS(svgedit.NS.SVG, 'rect');
-      rect.setAttribute('width', '250');
-      rect.setAttribute('height', '120');
-      svg.appendChild(rect);
-
-      var attrs = {
-        x: '0',
-        y: '0',
-        width: '250',
-        height: '120'
-      }
-
-      // Create a translate.
-      var m = svg.createSVGMatrix();
-      m.a = 2; m.b = 0;
-      m.c = 0; m.d = 0.5;
-      m.e = 0; m.f = 0;
-
-      svgedit.coords.remapElement(rect, attrs, m);
-
-      equals(rect.getAttribute('x'), '0');
-      equals(rect.getAttribute('y'), '0');
-      equals(rect.getAttribute('width'), '500');
-      equals(rect.getAttribute('height'), '60');
-
-      tearDown();
-    });
-
-    test('Test remapElement(translate) for circle', function() {
-      expect(3);
-      setUp();
-
-      var circle = document.createElementNS(svgedit.NS.SVG, 'circle');
-      circle.setAttribute('cx', '200');
-      circle.setAttribute('cy', '150');
-      circle.setAttribute('r', '125');
-      svg.appendChild(circle);
-
-      var attrs = {
-        cx: '200',
-        cy: '150',
-        r: '125'
-      }
-
-      // Create a translate.
-      var m = svg.createSVGMatrix();
-      m.a = 1; m.b = 0;
-      m.c = 0; m.d = 1;
-      m.e = 100; m.f = -50;
-
-      svgedit.coords.remapElement(circle, attrs, m);
-
-      equals(circle.getAttribute('cx'), '300');
-      equals(circle.getAttribute('cy'), '100');
-      equals(circle.getAttribute('r'), '125');
-
-      tearDown();
-    });
-
-    test('Test remapElement(scale) for circle', function() {
-      expect(3);
-      setUp();
-
-      var circle = document.createElementNS(svgedit.NS.SVG, 'circle');
-      circle.setAttribute('cx', '200');
-      circle.setAttribute('cy', '150');
-      circle.setAttribute('r', '250');
-      svg.appendChild(circle);
-
-      var attrs = {
-        cx: '200',
-        cy: '150',
-        r: '250'
-      }
-
-      // Create a translate.
-      var m = svg.createSVGMatrix();
-      m.a = 2; m.b = 0;
-      m.c = 0; m.d = 0.5;
-      m.e = 0; m.f = 0;
-
-      svgedit.coords.remapElement(circle, attrs, m);
-
-      equals(circle.getAttribute('cx'), '400');
-      equals(circle.getAttribute('cy'), '75');
-      // Radius is the minimum that fits in the new bounding box.
-      equals(circle.getAttribute('r'), '125');
-
-      tearDown();
-    });
-
-    test('Test remapElement(translate) for ellipse', function() {
-      expect(4);
-      setUp();
-
-      var ellipse = document.createElementNS(svgedit.NS.SVG, 'ellipse');
-      ellipse.setAttribute('cx', '200');
-      ellipse.setAttribute('cy', '150');
-      ellipse.setAttribute('rx', '125');
-      ellipse.setAttribute('ry', '75');
-      svg.appendChild(ellipse);
-
-      var attrs = {
-        cx: '200',
-        cy: '150',
-        rx: '125',
-        ry: '75'
-      }
-
-      // Create a translate.
-      var m = svg.createSVGMatrix();
-      m.a = 1; m.b = 0;
-      m.c = 0; m.d = 1;
-      m.e = 100; m.f = -50;
-
-      svgedit.coords.remapElement(ellipse, attrs, m);
-
-      equals(ellipse.getAttribute('cx'), '300');
-      equals(ellipse.getAttribute('cy'), '100');
-      equals(ellipse.getAttribute('rx'), '125');
-      equals(ellipse.getAttribute('ry'), '75');
-
-      tearDown();
-    });
-
-    test('Test remapElement(scale) for ellipse', function() {
-      expect(4);
-      setUp();
-
-      var ellipse = document.createElementNS(svgedit.NS.SVG, 'ellipse');
-      ellipse.setAttribute('cx', '200');
-      ellipse.setAttribute('cy', '150');
-      ellipse.setAttribute('rx', '250');
-      ellipse.setAttribute('ry', '120');
-      svg.appendChild(ellipse);
-
-      var attrs = {
-        cx: '200',
-        cy: '150',
-        rx: '250',
-        ry: '120'
-      }
-
-      // Create a translate.
-      var m = svg.createSVGMatrix();
-      m.a = 2; m.b = 0;
-      m.c = 0; m.d = 0.5;
-      m.e = 0; m.f = 0;
-
-      svgedit.coords.remapElement(ellipse, attrs, m);
-
-      equals(ellipse.getAttribute('cx'), '400');
-      equals(ellipse.getAttribute('cy'), '75');
-      equals(ellipse.getAttribute('rx'), '500');
-      equals(ellipse.getAttribute('ry'), '60');
-
-      tearDown();
-    });
-
-    test('Test remapElement(translate) for line', function() {
-      expect(4);
-      setUp();
-
-      var line = document.createElementNS(svgedit.NS.SVG, 'line');
-      line.setAttribute('x1', '50');
-      line.setAttribute('y1', '100');
-      line.setAttribute('x2', '120');
-      line.setAttribute('y2', '200');
-      svg.appendChild(line);
-
-      var attrs = {
-        x1: '50',
-        y1: '100',
-        x2: '120',
-        y2: '200'
-      }
-
-      // Create a translate.
-      var m = svg.createSVGMatrix();
-      m.a = 1; m.b = 0;
-      m.c = 0; m.d = 1;
-      m.e = 100; m.f = -50;
-
-      svgedit.coords.remapElement(line, attrs, m);
-
-      equals(line.getAttribute('x1'), '150');
-      equals(line.getAttribute('y1'), '50');
-      equals(line.getAttribute('x2'), '220');
-      equals(line.getAttribute('y2'), '150');
-
-      tearDown();
-    });
-
-    test('Test remapElement(scale) for line', function() {
-      expect(4);
-      setUp();
-
-      var line = document.createElementNS(svgedit.NS.SVG, 'line');
-      line.setAttribute('x1', '50');
-      line.setAttribute('y1', '100');
-      line.setAttribute('x2', '120');
-      line.setAttribute('y2', '200');
-      svg.appendChild(line);
-
-      var attrs = {
-        x1: '50',
-        y1: '100',
-        x2: '120',
-        y2: '200'
-      }
-
-      // Create a translate.
-      var m = svg.createSVGMatrix();
-      m.a = 2; m.b = 0;
-      m.c = 0; m.d = 0.5;
-      m.e = 0; m.f = 0;
-
-      svgedit.coords.remapElement(line, attrs, m);
-
-      equals(line.getAttribute('x1'), '100');
-      equals(line.getAttribute('y1'), '50');
-      equals(line.getAttribute('x2'), '240');
-      equals(line.getAttribute('y2'), '100');
-
-      tearDown();
-    });
-
-    test('Test remapElement(translate) for text', function() {
-      expect(2);
-      setUp();
-
-      var text = document.createElementNS(svgedit.NS.SVG, 'text');
-      text.setAttribute('x', '50');
-      text.setAttribute('y', '100');
-      svg.appendChild(text);
-
-      var attrs = {
-        x: '50',
-        y: '100'
-      }
-
-      // Create a translate.
-      var m = svg.createSVGMatrix();
-      m.a = 1; m.b = 0;
-      m.c = 0; m.d = 1;
-      m.e = 100; m.f = -50;
-
-      svgedit.coords.remapElement(text, attrs, m);
-
-      equals(text.getAttribute('x'), '150');
-      equals(text.getAttribute('y'), '50');
-
-      tearDown();
-    });
-  });
-  </script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="coords_test.js"></script>
 </head>
-<body>  
-  <h1 id='qunit-header'>Unit Tests for svgedit.coords</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='root' style='visibility:hidden'></div>
+<body>
+  <h1 id="qunit-header">Unit Tests for coords</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="root" style="visibility: hidden;"></div>
 </body>
 </html>
diff --git a/test/coords_test.js b/test/coords_test.js
new file mode 100644
index 00000000..48837d3d
--- /dev/null
+++ b/test/coords_test.js
@@ -0,0 +1,346 @@
+/* eslint-env qunit */
+import {NS} from '../editor/namespaces.js';
+import * as utilities from '../editor/utilities.js';
+import * as coords from '../editor/coords.js';
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+const root = document.getElementById('root');
+const svgroot = document.createElementNS(NS.SVG, 'svg');
+svgroot.id = 'svgroot';
+root.append(svgroot);
+const svg = document.createElementNS(NS.SVG, 'svg');
+svgroot.append(svg);
+
+let elemId = 1;
+function setUp () {
+  // Mock out editor context.
+  utilities.init(
+    /**
+    * @implements {module:utilities.EditorContext}
+    */
+    {
+      getSVGRoot () { return svg; },
+      getDOMDocument () { return null; },
+      getDOMContainer () { return null; }
+    }
+  );
+  coords.init(
+    /**
+    * @implements {module:coords.EditorContext}
+    */
+    {
+      getGridSnapping () { return false; },
+      getDrawing () {
+        return {
+          getNextId () { return '' + elemId++; }
+        };
+      }
+    }
+  );
+}
+
+function tearDown () {
+  while (svg.hasChildNodes()) {
+    svg.firstChild.remove();
+  }
+}
+
+QUnit.test('Test remapElement(translate) for rect', function (assert) {
+  assert.expect(4);
+
+  setUp();
+
+  const rect = document.createElementNS(NS.SVG, 'rect');
+  rect.setAttribute('x', '200');
+  rect.setAttribute('y', '150');
+  rect.setAttribute('width', '250');
+  rect.setAttribute('height', '120');
+  svg.append(rect);
+
+  const attrs = {
+    x: '200',
+    y: '150',
+    width: '125',
+    height: '75'
+  };
+
+  // Create a translate.
+  const m = svg.createSVGMatrix();
+  m.a = 1; m.b = 0;
+  m.c = 0; m.d = 1;
+  m.e = 100; m.f = -50;
+
+  coords.remapElement(rect, attrs, m);
+
+  assert.equal(rect.getAttribute('x'), '300');
+  assert.equal(rect.getAttribute('y'), '100');
+  assert.equal(rect.getAttribute('width'), '125');
+  assert.equal(rect.getAttribute('height'), '75');
+
+  tearDown();
+});
+
+QUnit.test('Test remapElement(scale) for rect', function (assert) {
+  assert.expect(4);
+  setUp();
+
+  const rect = document.createElementNS(NS.SVG, 'rect');
+  rect.setAttribute('width', '250');
+  rect.setAttribute('height', '120');
+  svg.append(rect);
+
+  const attrs = {
+    x: '0',
+    y: '0',
+    width: '250',
+    height: '120'
+  };
+
+  // Create a translate.
+  const m = svg.createSVGMatrix();
+  m.a = 2; m.b = 0;
+  m.c = 0; m.d = 0.5;
+  m.e = 0; m.f = 0;
+
+  coords.remapElement(rect, attrs, m);
+
+  assert.equal(rect.getAttribute('x'), '0');
+  assert.equal(rect.getAttribute('y'), '0');
+  assert.equal(rect.getAttribute('width'), '500');
+  assert.equal(rect.getAttribute('height'), '60');
+
+  tearDown();
+});
+
+QUnit.test('Test remapElement(translate) for circle', function (assert) {
+  assert.expect(3);
+  setUp();
+
+  const circle = document.createElementNS(NS.SVG, 'circle');
+  circle.setAttribute('cx', '200');
+  circle.setAttribute('cy', '150');
+  circle.setAttribute('r', '125');
+  svg.append(circle);
+
+  const attrs = {
+    cx: '200',
+    cy: '150',
+    r: '125'
+  };
+
+  // Create a translate.
+  const m = svg.createSVGMatrix();
+  m.a = 1; m.b = 0;
+  m.c = 0; m.d = 1;
+  m.e = 100; m.f = -50;
+
+  coords.remapElement(circle, attrs, m);
+
+  assert.equal(circle.getAttribute('cx'), '300');
+  assert.equal(circle.getAttribute('cy'), '100');
+  assert.equal(circle.getAttribute('r'), '125');
+
+  tearDown();
+});
+
+QUnit.test('Test remapElement(scale) for circle', function (assert) {
+  assert.expect(3);
+  setUp();
+
+  const circle = document.createElementNS(NS.SVG, 'circle');
+  circle.setAttribute('cx', '200');
+  circle.setAttribute('cy', '150');
+  circle.setAttribute('r', '250');
+  svg.append(circle);
+
+  const attrs = {
+    cx: '200',
+    cy: '150',
+    r: '250'
+  };
+
+  // Create a translate.
+  const m = svg.createSVGMatrix();
+  m.a = 2; m.b = 0;
+  m.c = 0; m.d = 0.5;
+  m.e = 0; m.f = 0;
+
+  coords.remapElement(circle, attrs, m);
+
+  assert.equal(circle.getAttribute('cx'), '400');
+  assert.equal(circle.getAttribute('cy'), '75');
+  // Radius is the minimum that fits in the new bounding box.
+  assert.equal(circle.getAttribute('r'), '125');
+
+  tearDown();
+});
+
+QUnit.test('Test remapElement(translate) for ellipse', function (assert) {
+  assert.expect(4);
+  setUp();
+
+  const ellipse = document.createElementNS(NS.SVG, 'ellipse');
+  ellipse.setAttribute('cx', '200');
+  ellipse.setAttribute('cy', '150');
+  ellipse.setAttribute('rx', '125');
+  ellipse.setAttribute('ry', '75');
+  svg.append(ellipse);
+
+  const attrs = {
+    cx: '200',
+    cy: '150',
+    rx: '125',
+    ry: '75'
+  };
+
+  // Create a translate.
+  const m = svg.createSVGMatrix();
+  m.a = 1; m.b = 0;
+  m.c = 0; m.d = 1;
+  m.e = 100; m.f = -50;
+
+  coords.remapElement(ellipse, attrs, m);
+
+  assert.equal(ellipse.getAttribute('cx'), '300');
+  assert.equal(ellipse.getAttribute('cy'), '100');
+  assert.equal(ellipse.getAttribute('rx'), '125');
+  assert.equal(ellipse.getAttribute('ry'), '75');
+
+  tearDown();
+});
+
+QUnit.test('Test remapElement(scale) for ellipse', function (assert) {
+  assert.expect(4);
+  setUp();
+
+  const ellipse = document.createElementNS(NS.SVG, 'ellipse');
+  ellipse.setAttribute('cx', '200');
+  ellipse.setAttribute('cy', '150');
+  ellipse.setAttribute('rx', '250');
+  ellipse.setAttribute('ry', '120');
+  svg.append(ellipse);
+
+  const attrs = {
+    cx: '200',
+    cy: '150',
+    rx: '250',
+    ry: '120'
+  };
+
+  // Create a translate.
+  const m = svg.createSVGMatrix();
+  m.a = 2; m.b = 0;
+  m.c = 0; m.d = 0.5;
+  m.e = 0; m.f = 0;
+
+  coords.remapElement(ellipse, attrs, m);
+
+  assert.equal(ellipse.getAttribute('cx'), '400');
+  assert.equal(ellipse.getAttribute('cy'), '75');
+  assert.equal(ellipse.getAttribute('rx'), '500');
+  assert.equal(ellipse.getAttribute('ry'), '60');
+
+  tearDown();
+});
+
+QUnit.test('Test remapElement(translate) for line', function (assert) {
+  assert.expect(4);
+  setUp();
+
+  const line = document.createElementNS(NS.SVG, 'line');
+  line.setAttribute('x1', '50');
+  line.setAttribute('y1', '100');
+  line.setAttribute('x2', '120');
+  line.setAttribute('y2', '200');
+  svg.append(line);
+
+  const attrs = {
+    x1: '50',
+    y1: '100',
+    x2: '120',
+    y2: '200'
+  };
+
+  // Create a translate.
+  const m = svg.createSVGMatrix();
+  m.a = 1; m.b = 0;
+  m.c = 0; m.d = 1;
+  m.e = 100; m.f = -50;
+
+  coords.remapElement(line, attrs, m);
+
+  assert.equal(line.getAttribute('x1'), '150');
+  assert.equal(line.getAttribute('y1'), '50');
+  assert.equal(line.getAttribute('x2'), '220');
+  assert.equal(line.getAttribute('y2'), '150');
+
+  tearDown();
+});
+
+QUnit.test('Test remapElement(scale) for line', function (assert) {
+  assert.expect(4);
+  setUp();
+
+  const line = document.createElementNS(NS.SVG, 'line');
+  line.setAttribute('x1', '50');
+  line.setAttribute('y1', '100');
+  line.setAttribute('x2', '120');
+  line.setAttribute('y2', '200');
+  svg.append(line);
+
+  const attrs = {
+    x1: '50',
+    y1: '100',
+    x2: '120',
+    y2: '200'
+  };
+
+  // Create a translate.
+  const m = svg.createSVGMatrix();
+  m.a = 2; m.b = 0;
+  m.c = 0; m.d = 0.5;
+  m.e = 0; m.f = 0;
+
+  coords.remapElement(line, attrs, m);
+
+  assert.equal(line.getAttribute('x1'), '100');
+  assert.equal(line.getAttribute('y1'), '50');
+  assert.equal(line.getAttribute('x2'), '240');
+  assert.equal(line.getAttribute('y2'), '100');
+
+  tearDown();
+});
+
+QUnit.test('Test remapElement(translate) for text', function (assert) {
+  assert.expect(2);
+  setUp();
+
+  const text = document.createElementNS(NS.SVG, 'text');
+  text.setAttribute('x', '50');
+  text.setAttribute('y', '100');
+  svg.append(text);
+
+  const attrs = {
+    x: '50',
+    y: '100'
+  };
+
+  // Create a translate.
+  const m = svg.createSVGMatrix();
+  m.a = 1; m.b = 0;
+  m.c = 0; m.d = 1;
+  m.e = 100; m.f = -50;
+
+  coords.remapElement(text, attrs, m);
+
+  assert.equal(text.getAttribute('x'), '150');
+  assert.equal(text.getAttribute('y'), '50');
+
+  tearDown();
+});
diff --git a/test/draw_test.html b/test/draw_test.html
index 87a5f3be..2c7d0234 100644
--- a/test/draw_test.html
+++ b/test/draw_test.html
@@ -3,820 +3,17 @@
 <head>
   <meta charset="utf-8" />
   <title>Unit Tests for draw.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <script src='../editor/pathseg.js'></script>
-  <script src='../editor/browser.js'></script>
-  <script src='../editor/units.js'></script>
-  <script src='../editor/svgutils.js'></script>
-  <script src='../editor/draw.js'></script>
-  <script src='../editor/layer.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script src="sinon/sinon-1.17.3.js"></script>
-  <script src="sinon/sinon-qunit-1.0.0.js"></script>
-  <script>
-  $(function() {
-    // log function
-    QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-    var NS = svgedit.NS;
-    var LAYER_CLASS = svgedit.draw.Layer.CLASS_NAME;
-    var NONCE = 'foo';
-    var LAYER1 = 'Layer 1';
-    var LAYER2 = 'Layer 2';
-    var LAYER3 = 'Layer 3';
-    var PATH_ATTR = {
-      // clone will convert relative to absolute, so the test for equality fails.
-      //'d':    'm7.38867,57.38867c0,-27.62431 22.37569,-50 50,-50c27.62431,0 50,22.37569 50,50c0,27.62431 -22.37569,50 -50,50c-27.62431,0 -50,-22.37569 -50,-50z',
-      'd':    'M7.389,57.389C7.389,29.764 29.764,7.389 57.389,7.389C85.013,7.389 107.389,29.764 107.389,57.389C107.389,85.013 85.013,107.389 57.389,107.389C29.764,107.389 7.389,85.013 7.389,57.389z',
-      'transform': 'rotate(45 57.388671875000036,57.388671874999986) ',
-      'stroke-width': '5',
-      'stroke': '#660000',
-      'fill':'#ff0000'
-    };
-
-    var svg = document.createElementNS(NS.SVG, 'svg');
-    var sandbox = document.getElementById('sandbox');
-    // Firefox throws exception in getBBox() when svg is not attached to DOM.
-    sandbox.appendChild(svg);
-
-    // Set up <svg> with nonce.
-    var svg_n = document.createElementNS(NS.SVG, 'svg');
-    svg_n.setAttributeNS(NS.XMLNS, 'xmlns:se', NS.SE);
-    svg_n.setAttributeNS(NS.SE, 'se:nonce', NONCE);
-
-    svgedit.units.init({
-      // used by svgedit.units.shortFloat - call path: cloneLayer -> copyElem -> convertPath -> pathDSegment -> shortFloat
-      getRoundDigits: function() { return 3; }
-    });
-
-    function createSVGElement(jsonMap) {
-      var elem = document.createElementNS(svgedit.NS.SVG, jsonMap['element']);
-      for (var attr in jsonMap['attr']) {
-        elem.setAttribute(attr, jsonMap['attr'][attr]);
-      }
-      return elem;
-    }
-
-    var setupSvgWith3Layers = function(svgElem) {
-      var layer1 = document.createElementNS(NS.SVG, 'g');
-      var layer1_title = document.createElementNS(NS.SVG, 'title');
-      layer1_title.appendChild(document.createTextNode(LAYER1));
-      layer1.appendChild(layer1_title);
-      svgElem.appendChild(layer1);
-
-      var layer2 = document.createElementNS(NS.SVG, 'g');
-      var layer2_title = document.createElementNS(NS.SVG, 'title');
-      layer2_title.appendChild(document.createTextNode(LAYER2));
-      layer2.appendChild(layer2_title);
-      svgElem.appendChild(layer2);
-
-      var layer3 = document.createElementNS(NS.SVG, 'g');
-      var layer3_title = document.createElementNS(NS.SVG, 'title');
-      layer3_title.appendChild(document.createTextNode(LAYER3));
-      layer3.appendChild(layer3_title);
-      svgElem.appendChild(layer3);
-
-      return [layer1, layer2, layer3];
-    };
-
-    var createSomeElementsInGroup = function(group) {
-      group.appendChild(createSVGElement({
-        'element': 'path',
-        'attr': PATH_ATTR
-      }));
-//      group.appendChild(createSVGElement({
-//        'element': 'path',
-//        'attr': {'d': 'M0,1L2,3'}
-//      }));
-      group.appendChild(createSVGElement({
-        'element': 'rect',
-        'attr': {'x': '0', 'y': '1', 'width': '5', 'height': '10'}
-      }));
-      group.appendChild(createSVGElement({
-        'element': 'line',
-        'attr': {'x1': '0', 'y1': '1', 'x2': '5', 'y2': '6'}
-      }));
-
-      var g = createSVGElement({
-        'element': 'g',
-        'attr': {}
-      });
-      g.appendChild(createSVGElement({
-        'element': 'rect',
-        'attr': {'x': '0', 'y': '1', 'width': '5', 'height': '10'}
-      }));
-      group.appendChild(g);
-      return 4;
-    };
-
-    var cleanupSvg = function(svgElem) {
-      while(svgElem.firstChild) {svgElem.removeChild(svgElem.firstChild);}
-    };
-
-    module('svgedit.draw.Drawing', {
-      setup: function() {
-      },
-      teardown: function() {
-      }
-    });
-
-    test('Test draw module', function() {
-      expect(4);
-
-      ok(svgedit.draw);
-      equals(typeof svgedit.draw, typeof {});
-
-      ok(svgedit.draw.Drawing);
-      equals(typeof svgedit.draw.Drawing, typeof function(){});
-    });
-
-    test('Test document creation', function() {
-      expect(3);
-
-      try {
-        var doc = new svgedit.draw.Drawing();
-        ok(false, 'Created drawing without a valid <svg> element');
-      } catch(e) {
-        ok(true);
-      }
-
-      try {
-        var doc = new svgedit.draw.Drawing(svg);
-        ok(doc);
-        equals(typeof doc, typeof {});
-      } catch(e) {
-        ok(false, 'Could not create document from valid <svg> element: ' + e)
-      }
-    });
-
-    test('Test nonce', function() {
-      expect(7);
-
-      var doc = new svgedit.draw.Drawing(svg);
-      equals(doc.getNonce(), "");
-
-      doc = new svgedit.draw.Drawing(svg_n);
-      equals(doc.getNonce(), NONCE);
-      equals(doc.getSvgElem().getAttributeNS(NS.SE, 'nonce'), NONCE);
-
-      doc.clearNonce();
-      ok(!doc.getNonce());
-      ok(!doc.getSvgElem().getAttributeNS(NS.SE, 'se:nonce'));
-
-      doc.setNonce(NONCE);
-      equals(doc.getNonce(), NONCE);
-      equals(doc.getSvgElem().getAttributeNS(NS.SE, 'nonce'), NONCE);
-    });
-
-    test('Test getId() and getNextId() without nonce', function() {
-      expect(7);
-
-      var elem2 = document.createElementNS(NS.SVG, 'circle');
-      elem2.id = 'svg_2';
-      svg.appendChild(elem2);
-
-      var doc = new svgedit.draw.Drawing(svg);
-
-      equals(doc.getId(), "svg_0");
-
-      equals(doc.getNextId(), "svg_1");
-      equals(doc.getId(), "svg_1");
-
-      equals(doc.getNextId(), "svg_3");
-      equals(doc.getId(), "svg_3");
-
-      equals(doc.getNextId(), "svg_4");
-      equals(doc.getId(), "svg_4");
-      // clean out svg document
-      cleanupSvg(svg);
-    });
-
-    test('Test getId() and getNextId() with prefix without nonce', function() {
-      expect(7);
-
-      var prefix = 'Bar-';
-      var doc = new svgedit.draw.Drawing(svg, prefix);
-
-      equals(doc.getId(), prefix+"0");
-
-      equals(doc.getNextId(), prefix+"1");
-      equals(doc.getId(), prefix+"1");
-
-      equals(doc.getNextId(), prefix+"2");
-      equals(doc.getId(), prefix+"2");
-
-      equals(doc.getNextId(), prefix+"3");
-      equals(doc.getId(), prefix+"3");
-
-      cleanupSvg(svg);
-    });
-
-    test('Test getId() and getNextId() with nonce', function() {
-      expect(7);
-
-      var prefix = "svg_" + NONCE;
-
-      var elem2 = document.createElementNS(NS.SVG, 'circle');
-      elem2.id = prefix+'_2';
-      svg_n.appendChild(elem2);
-
-      var doc = new svgedit.draw.Drawing(svg_n);
-
-      equals(doc.getId(), prefix+"_0");
-
-      equals(doc.getNextId(), prefix+"_1");
-      equals(doc.getId(), prefix+"_1");
-
-      equals(doc.getNextId(), prefix+"_3");
-      equals(doc.getId(), prefix+"_3");
-
-      equals(doc.getNextId(), prefix+"_4");
-      equals(doc.getId(), prefix+"_4");
-
-      cleanupSvg(svg_n);
-    });
-
-    test('Test getId() and getNextId() with prefix with nonce', function() {
-      expect(7);
-
-      var PREFIX = 'Bar-';
-      var doc = new svgedit.draw.Drawing(svg_n, PREFIX);
-
-      var prefix = PREFIX + NONCE + "_";
-      equals(doc.getId(), prefix+"0");
-
-      equals(doc.getNextId(), prefix+"1");
-      equals(doc.getId(), prefix+"1");
-
-      equals(doc.getNextId(), prefix+"2");
-      equals(doc.getId(), prefix+"2");
-
-      equals(doc.getNextId(), prefix+"3");
-      equals(doc.getId(), prefix+"3");
-
-      cleanupSvg(svg_n);
-    });
-
-    test('Test releaseId()', function() {
-      expect(6);
-
-      var doc = new svgedit.draw.Drawing(svg);
-
-      var firstId = doc.getNextId();
-      var secondId = doc.getNextId();
-
-      var result = doc.releaseId(firstId);
-      ok(result);
-      equals(doc.getNextId(), firstId);
-      equals(doc.getNextId(), "svg_3");
-
-      ok(!doc.releaseId("bad-id"));
-      ok(doc.releaseId(firstId));
-      ok(!doc.releaseId(firstId));
-
-      cleanupSvg(svg);
-    });
-
-    test('Test getNumLayers', function() {
-      expect(3);
-      var drawing = new svgedit.draw.Drawing(svg);
-      equals(typeof drawing.getNumLayers, typeof function() {});
-      equals(drawing.getNumLayers(), 0);
-
-      setupSvgWith3Layers(svg);
-      drawing.identifyLayers();
-
-      equals(drawing.getNumLayers(), 3);
-
-      cleanupSvg(svg);
-    });
-
-    test('Test hasLayer', function() {
-      expect(5);
-
-      setupSvgWith3Layers(svg);
-      var drawing = new svgedit.draw.Drawing(svg);
-      drawing.identifyLayers();
-
-      equals(typeof drawing.hasLayer, typeof function() {});
-      ok(!drawing.hasLayer('invalid-layer'));
-
-      ok(drawing.hasLayer(LAYER3));
-      ok(drawing.hasLayer(LAYER2));
-      ok(drawing.hasLayer(LAYER1));
-
-      cleanupSvg(svg);
-    });
-
-    test('Test identifyLayers() with empty document', function() {
-      expect(11);
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      equals(drawing.getCurrentLayer(), null);
-      // By default, an empty document gets an empty group created.
-      drawing.identifyLayers();
-
-      // Check that <svg> element now has one child node
-      ok(drawing.getSvgElem().hasChildNodes());
-      equals(drawing.getSvgElem().childNodes.length, 1);
-
-      // Check that all_layers are correctly set up.
-      equals(drawing.getNumLayers(), 1);
-      var empty_layer = drawing.all_layers[0];
-      ok(empty_layer);
-      var layerGroup = empty_layer.getGroup();
-      equals(layerGroup, drawing.getSvgElem().firstChild);
-      equals(layerGroup.tagName, 'g');
-      equals(layerGroup.getAttribute('class'), LAYER_CLASS);
-      ok(layerGroup.hasChildNodes());
-      equals(layerGroup.childNodes.length, 1);
-      var firstChild = layerGroup.childNodes.item(0);
-      equals(firstChild.tagName, 'title');
-
-      cleanupSvg(svg);
-    });
-
-    test('Test identifyLayers() with some layers', function() {
-      expect(8);
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      setupSvgWith3Layers(svg);
-
-      equals(svg.childNodes.length, 3);
-
-      drawing.identifyLayers();
-
-      equals(drawing.getNumLayers(), 3);
-      equals(drawing.all_layers[0].getGroup(), svg.childNodes.item(0));
-      equals(drawing.all_layers[1].getGroup(), svg.childNodes.item(1));
-      equals(drawing.all_layers[2].getGroup(), svg.childNodes.item(2));
-
-      equals(drawing.all_layers[0].getGroup().getAttribute('class'), LAYER_CLASS);
-      equals(drawing.all_layers[1].getGroup().getAttribute('class'), LAYER_CLASS);
-      equals(drawing.all_layers[2].getGroup().getAttribute('class'), LAYER_CLASS);
-
-      cleanupSvg(svg);
-    });
-
-    test('Test identifyLayers() with some layers and orphans', function() {
-      expect(14);
-
-      setupSvgWith3Layers(svg);
-
-      var orphan1 = document.createElementNS(NS.SVG, 'rect');
-      var orphan2 = document.createElementNS(NS.SVG, 'rect');
-      svg.appendChild(orphan1);
-      svg.appendChild(orphan2);
-
-      equals(svg.childNodes.length, 5);
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      drawing.identifyLayers();
-
-      equals(drawing.getNumLayers(), 4);
-      equals(drawing.all_layers[0].getGroup(), svg.childNodes.item(0));
-      equals(drawing.all_layers[1].getGroup(), svg.childNodes.item(1));
-      equals(drawing.all_layers[2].getGroup(), svg.childNodes.item(2));
-      equals(drawing.all_layers[3].getGroup(), svg.childNodes.item(3));
-
-      equals(drawing.all_layers[0].getGroup().getAttribute('class'), LAYER_CLASS);
-      equals(drawing.all_layers[1].getGroup().getAttribute('class'), LAYER_CLASS);
-      equals(drawing.all_layers[2].getGroup().getAttribute('class'), LAYER_CLASS);
-      equals(drawing.all_layers[3].getGroup().getAttribute('class'), LAYER_CLASS);
-
-      var layer4 = drawing.all_layers[3].getGroup();
-      equals(layer4.tagName, 'g');
-      equals(layer4.childNodes.length, 3);
-      equals(layer4.childNodes.item(1), orphan1);
-      equals(layer4.childNodes.item(2), orphan2);
-
-      cleanupSvg(svg);
-    });
-
-    test('Test getLayerName()', function() {
-      expect(4);
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      setupSvgWith3Layers(svg);
-
-      drawing.identifyLayers();
-
-      equals(drawing.getNumLayers(), 3);
-      equals(drawing.getLayerName(0), LAYER1);
-      equals(drawing.getLayerName(1), LAYER2);
-      equals(drawing.getLayerName(2), LAYER3);
-
-      cleanupSvg(svg);
-    });
-
-    test('Test getCurrentLayer()', function() {
-      expect(4);
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      setupSvgWith3Layers(svg);
-      drawing.identifyLayers();
-
-      ok(drawing.getCurrentLayer);
-      equals(typeof drawing.getCurrentLayer, typeof function(){});
-      ok(drawing.getCurrentLayer());
-      equals(drawing.getCurrentLayer(), drawing.all_layers[2].getGroup());
-
-      cleanupSvg(svg);
-    });
-
-    test('Test setCurrentLayer() and getCurrentLayerName()', function() {
-      expect(6);
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      setupSvgWith3Layers(svg);
-      drawing.identifyLayers();
-
-      ok(drawing.setCurrentLayer);
-      equals(typeof drawing.setCurrentLayer, typeof function(){});
-
-      drawing.setCurrentLayer(LAYER2);
-      equals(drawing.getCurrentLayerName(), LAYER2);
-      equals(drawing.getCurrentLayer(), drawing.all_layers[1].getGroup());
-
-      drawing.setCurrentLayer(LAYER3);
-      equals(drawing.getCurrentLayerName(), LAYER3);
-      equals(drawing.getCurrentLayer(), drawing.all_layers[2].getGroup());
-
-      cleanupSvg(svg);
-    });
-
-    test('Test setCurrentLayerName()', function() {
-
-      var mockHrService = {
-        changeElement: this.spy()
-      };
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      setupSvgWith3Layers(svg);
-      drawing.identifyLayers();
-
-      ok(drawing.setCurrentLayerName);
-      equals(typeof drawing.setCurrentLayerName, typeof function(){});
-
-      var oldName = drawing.getCurrentLayerName();
-      var newName = 'New Name'
-      ok(drawing.layer_map[oldName]);
-      equals(drawing.layer_map[newName], undefined); // newName shouldn't exist.
-      var result = drawing.setCurrentLayerName(newName, mockHrService);
-      equals(result, newName);
-      equals(drawing.getCurrentLayerName(), newName);
-      // Was the map updated?
-      equals(drawing.layer_map[oldName], undefined);
-      equals(drawing.layer_map[newName], drawing.current_layer);
-      // Was mockHrService called?
-      ok(mockHrService.changeElement.calledOnce);
-      equals(oldName, mockHrService.changeElement.getCall(0).args[1]['#text']);
-      equals(newName, mockHrService.changeElement.getCall(0).args[0].textContent);
-
-      cleanupSvg(svg);
-    });
-
-    test('Test createLayer()', function() {
-      expect(10);
-
-      var mockHrService = {
-        startBatchCommand: this.spy(),
-        endBatchCommand: this.spy(),
-        insertElement: this.spy()
-      };
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      setupSvgWith3Layers(svg);
-      drawing.identifyLayers();
-
-      ok(drawing.createLayer);
-      equals(typeof drawing.createLayer, typeof function(){});
-
-      var NEW_LAYER_NAME = 'Layer A';
-      var layer_g = drawing.createLayer(NEW_LAYER_NAME, mockHrService);
-      equals(drawing.getNumLayers(), 4);
-      equals(layer_g, drawing.getCurrentLayer());
-      equals(layer_g.getAttribute('class'), LAYER_CLASS);
-      equals(NEW_LAYER_NAME, drawing.getCurrentLayerName());
-      equals(NEW_LAYER_NAME, drawing.getLayerName(3));
-
-      equals(layer_g, mockHrService.insertElement.getCall(0).args[0]);
-      ok(mockHrService.startBatchCommand.calledOnce);
-      ok(mockHrService.endBatchCommand.calledOnce);
-
-      cleanupSvg(svg);
-    });
-
-    test('Test mergeLayer()', function() {
-      var mockHrService = {
-        startBatchCommand: this.spy(),
-        endBatchCommand: this.spy(),
-        moveElement: this.spy(),
-        removeElement: this.spy()
-      };
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      var layers = setupSvgWith3Layers(svg);
-      var elementCount = createSomeElementsInGroup(layers[2]) + 1; // +1 for title element
-      equals(layers[1].childElementCount, 1);
-      equals(layers[2].childElementCount, elementCount);
-      drawing.identifyLayers();
-      equals(drawing.getCurrentLayer(), layers[2])
-
-      ok(drawing.mergeLayer);
-      equals(typeof drawing.mergeLayer, typeof function(){});
-
-      drawing.mergeLayer(mockHrService);
-
-      equals(drawing.getNumLayers(), 2);
-      equals(svg.childElementCount, 2);
-      equals(drawing.getCurrentLayer(), layers[1]);
-      equals(layers[1].childElementCount, elementCount);
-
-
-      // check history record
-      ok(mockHrService.startBatchCommand.calledOnce);
-      ok(mockHrService.endBatchCommand.calledOnce);
-      equals(mockHrService.startBatchCommand.getCall(0).args[0], 'Merge Layer');
-      equals(mockHrService.moveElement.callCount, elementCount - 1); // -1 because the title was not moved.
-      equals(mockHrService.removeElement.callCount, 2); // remove group and title.
-
-      cleanupSvg(svg);
-    });
-
-    test('Test mergeLayer() when no previous layer to merge', function() {
-      var mockHrService = {
-        startBatchCommand: this.spy(),
-        endBatchCommand: this.spy(),
-        moveElement: this.spy(),
-        removeElement: this.spy()
-      };
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      var layers = setupSvgWith3Layers(svg);
-      drawing.identifyLayers();
-      drawing.setCurrentLayer(LAYER1);
-      equals(drawing.getCurrentLayer(), layers[0]);
-
-      drawing.mergeLayer(mockHrService);
-
-      equals(drawing.getNumLayers(), 3);
-      equals(svg.childElementCount, 3);
-      equals(drawing.getCurrentLayer(), layers[0]);
-      equals(layers[0].childElementCount, 1);
-      equals(layers[1].childElementCount, 1);
-      equals(layers[2].childElementCount, 1);
-
-
-      // check history record
-      equals(mockHrService.startBatchCommand.callCount, 0);
-      equals(mockHrService.endBatchCommand.callCount, 0);
-      equals(mockHrService.moveElement.callCount, 0);
-      equals(mockHrService.removeElement.callCount, 0);
-
-      cleanupSvg(svg);
-    });
-
-    test('Test mergeAllLayers()', function() {
-      var mockHrService = {
-        startBatchCommand: this.spy(),
-        endBatchCommand: this.spy(),
-        moveElement: this.spy(),
-        removeElement: this.spy()
-      };
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      var layers = setupSvgWith3Layers(svg);
-      var elementCount = createSomeElementsInGroup(layers[0]) + 1; // +1 for title element
-      createSomeElementsInGroup(layers[1]);
-      createSomeElementsInGroup(layers[2]);
-      equals(layers[0].childElementCount, elementCount);
-      equals(layers[1].childElementCount, elementCount);
-      equals(layers[2].childElementCount, elementCount);
-      drawing.identifyLayers();
-
-      ok(drawing.mergeAllLayers);
-      equals(typeof drawing.mergeAllLayers, typeof function(){});
-
-      drawing.mergeAllLayers(mockHrService);
-
-      equals(drawing.getNumLayers(), 1);
-      equals(svg.childElementCount, 1);
-      equals(drawing.getCurrentLayer(), layers[0]);
-      equals(layers[0].childElementCount, elementCount * 3 - 2); // -2 because two titles were deleted.
-
-      // check history record
-      equals(mockHrService.startBatchCommand.callCount, 3); // mergeAllLayers + 2 * mergeLayer
-      equals(mockHrService.endBatchCommand.callCount, 3);
-      equals(mockHrService.startBatchCommand.getCall(0).args[0], 'Merge all Layers');
-      equals(mockHrService.startBatchCommand.getCall(1).args[0], 'Merge Layer');
-      equals(mockHrService.startBatchCommand.getCall(2).args[0], 'Merge Layer');
-      // moveElement count is times 3 instead of 2, because one layer's elements were moved twice.
-      // moveElement count is minus 3 because the three titles were not moved.
-      equals(mockHrService.moveElement.callCount, elementCount * 3 - 3);
-      equals(mockHrService.removeElement.callCount, 2 * 2); // remove group and title twice.
-
-      cleanupSvg(svg);
-    });
-
-    test('Test cloneLayer()', function() {
-      var mockHrService = {
-        startBatchCommand: this.spy(),
-        endBatchCommand: this.spy(),
-        insertElement: this.spy()
-      };
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      var layers = setupSvgWith3Layers(svg);
-      var layer3 = layers[2];
-      var elementCount = createSomeElementsInGroup(layer3) + 1; // +1 for title element
-      equals(layer3.childElementCount, elementCount);
-      drawing.identifyLayers();
-
-      ok(drawing.cloneLayer);
-      equals(typeof drawing.cloneLayer, typeof function(){});
-
-      var clone = drawing.cloneLayer('clone', mockHrService);
-
-      equals(drawing.getNumLayers(), 4);
-      equals(svg.childElementCount, 4);
-      equals(drawing.getCurrentLayer(), clone);
-      equals(clone.childElementCount, elementCount);
-
-      // check history record
-      ok(mockHrService.startBatchCommand.calledOnce); // mergeAllLayers + 2 * mergeLayer
-      ok(mockHrService.endBatchCommand.calledOnce);
-      equals(mockHrService.startBatchCommand.getCall(0).args[0], 'Duplicate Layer');
-      equals(mockHrService.insertElement.callCount, 1);
-      equals(mockHrService.insertElement.getCall(0).args[0], clone);
-
-      // check that path is cloned properly
-      equals(clone.childNodes.length, elementCount);
-      var path = clone.childNodes[1]
-      equals(path.id, 'svg_1');
-      equals(path.getAttribute('d'), PATH_ATTR.d);
-      equals(path.getAttribute('transform'), PATH_ATTR.transform);
-      equals(path.getAttribute('fill'), PATH_ATTR.fill);
-      equals(path.getAttribute('stroke'), PATH_ATTR.stroke);
-      equals(path.getAttribute('stroke-width'), PATH_ATTR['stroke-width']);
-
-      // check that g is cloned properly
-      var g = clone.childNodes[4]
-      equals(g.childNodes.length, 1);
-      equals(g.id, 'svg_4');
-
-      cleanupSvg(svg);
-    });
-
-    test('Test getLayerVisibility()', function() {
-      expect(5);
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      setupSvgWith3Layers(svg);
-      drawing.identifyLayers();
-
-      ok(drawing.getLayerVisibility);
-      equals(typeof drawing.getLayerVisibility, typeof function(){});
-      ok(drawing.getLayerVisibility(LAYER1));
-      ok(drawing.getLayerVisibility(LAYER2));
-      ok(drawing.getLayerVisibility(LAYER3));
-
-      cleanupSvg(svg);
-    });
-
-    test('Test setLayerVisibility()', function() {
-      expect(6);
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      setupSvgWith3Layers(svg);
-      drawing.identifyLayers();
-
-      ok(drawing.setLayerVisibility);
-      equals(typeof drawing.setLayerVisibility, typeof function(){});
-
-      drawing.setLayerVisibility(LAYER3, false);
-      drawing.setLayerVisibility(LAYER2, true);
-      drawing.setLayerVisibility(LAYER1, false);
-
-      ok(!drawing.getLayerVisibility(LAYER1));
-      ok(drawing.getLayerVisibility(LAYER2));
-      ok(!drawing.getLayerVisibility(LAYER3));
-
-      drawing.setLayerVisibility(LAYER3, 'test-string');
-      ok(!drawing.getLayerVisibility(LAYER3));
-
-      cleanupSvg(svg);
-    });
-
-    test('Test getLayerOpacity()', function() {
-      expect(5);
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      setupSvgWith3Layers(svg);
-      drawing.identifyLayers();
-
-      ok(drawing.getLayerOpacity);
-      equals(typeof drawing.getLayerOpacity, typeof function(){});
-      ok(drawing.getLayerOpacity(LAYER1) == 1.0);
-      ok(drawing.getLayerOpacity(LAYER2) == 1.0);
-      ok(drawing.getLayerOpacity(LAYER3) == 1.0);
-
-      cleanupSvg(svg);
-    });
-
-    test('Test setLayerOpacity()', function() {
-      expect(6);
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      setupSvgWith3Layers(svg);
-      drawing.identifyLayers();
-
-      ok(drawing.setLayerOpacity);
-      equals(typeof drawing.setLayerOpacity, typeof function(){});
-
-      drawing.setLayerOpacity(LAYER1, 0.4);
-      drawing.setLayerOpacity(LAYER2, 'invalid-string');
-      drawing.setLayerOpacity(LAYER3, -1.4);
-
-      ok(drawing.getLayerOpacity(LAYER1) == 0.4);
-      QUnit.log({result: 'layer2 opacity', message: drawing.getLayerOpacity(LAYER2)});
-      ok(drawing.getLayerOpacity(LAYER2) == 1.0);
-      ok(drawing.getLayerOpacity(LAYER3) == 1.0);
-
-      drawing.setLayerOpacity(LAYER3, 100);
-      ok(drawing.getLayerOpacity(LAYER3) == 1.0);
-
-      cleanupSvg(svg);
-    });
-
-    test('Test deleteCurrentLayer()', function() {
-      expect(6);
-
-      var drawing = new svgedit.draw.Drawing(svg);
-      setupSvgWith3Layers(svg);
-      drawing.identifyLayers();
-
-      drawing.setCurrentLayer(LAYER2);
-
-      var curLayer = drawing.getCurrentLayer();
-      equals(curLayer, drawing.all_layers[1].getGroup());
-      var deletedLayer = drawing.deleteCurrentLayer();
-
-      equals(curLayer, deletedLayer);
-      equals(2, drawing.getNumLayers());
-      equals(LAYER1, drawing.all_layers[0].getName());
-      equals(LAYER3, drawing.all_layers[1].getName());
-      equals(drawing.getCurrentLayer(), drawing.all_layers[1].getGroup());
-    });
-
-    test('Test svgedit.draw.randomizeIds()', function() {
-      expect(9);
-
-      // Confirm in LET_DOCUMENT_DECIDE mode that the document decides
-      // if there is a nonce.
-      var drawing = new svgedit.draw.Drawing(svg_n.cloneNode(true));
-      ok(!!drawing.getNonce());
-
-      drawing = new svgedit.draw.Drawing(svg.cloneNode(true));
-      ok(!drawing.getNonce());
-
-      // Confirm that a nonce is set once we're in ALWAYS_RANDOMIZE mode.
-      svgedit.draw.randomizeIds(true, drawing);
-      ok(!!drawing.getNonce());
-
-      // Confirm new drawings in ALWAYS_RANDOMIZE mode have a nonce.
-      drawing = new svgedit.draw.Drawing(svg.cloneNode(true));
-      ok(!!drawing.getNonce());
-
-      drawing.clearNonce();
-      ok(!drawing.getNonce());
-
-      // Confirm new drawings in NEVER_RANDOMIZE mode do not have a nonce
-      // but that their se:nonce attribute is left alone.
-      svgedit.draw.randomizeIds(false, drawing);
-      ok(!drawing.getNonce());
-      ok(!!drawing.getSvgElem().getAttributeNS(NS.SE, 'nonce'));
-
-      drawing = new svgedit.draw.Drawing(svg.cloneNode(true));
-      ok(!drawing.getNonce());
-
-      drawing = new svgedit.draw.Drawing(svg_n.cloneNode(true));
-      ok(!drawing.getNonce());
-    });
-
-  });
-  </script>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="draw_test.js"></script>
 </head>
 <body>
-  <h1 id='qunit-header'>Unit Tests for draw.js</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='sandbox' style='visibility:hidden'></div>
+  <h1 id="qunit-header">Unit Tests for draw.js</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="sandbox" style="visibility: hidden;"></div>
 </body>
 </html>
diff --git a/test/draw_test.js b/test/draw_test.js
new file mode 100644
index 00000000..479041df
--- /dev/null
+++ b/test/draw_test.js
@@ -0,0 +1,832 @@
+/* eslint-env qunit */
+import {NS} from '../editor/namespaces.js';
+import * as draw from '../editor/draw.js';
+import * as units from '../editor/units.js';
+
+import sinon from '../node_modules/sinon/pkg/sinon-esm.js';
+import sinonTest from '../node_modules/sinon-test/dist/sinon-test-es.js';
+import sinonQunit from './sinon/sinon-qunit.js';
+
+sinon.test = sinonTest(sinon, {
+  injectIntoThis: true,
+  injectInto: null,
+  properties: ['spy', 'stub', 'mock', 'clock', 'sandbox'],
+  useFakeTimers: false,
+  useFakeServer: false
+});
+sinonQunit({sinon, QUnit});
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+const LAYER_CLASS = draw.Layer.CLASS_NAME;
+const NONCE = 'foo';
+const LAYER1 = 'Layer 1';
+const LAYER2 = 'Layer 2';
+const LAYER3 = 'Layer 3';
+const PATH_ATTR = {
+  // clone will convert relative to absolute, so the test for equality fails.
+  // d:    'm7.38867,57.38867c0,-27.62431 22.37569,-50 50,-50c27.62431,0 50,22.37569 50,50c0,27.62431 -22.37569,50 -50,50c-27.62431,0 -50,-22.37569 -50,-50z',
+  d: 'M7.389,57.389C7.389,29.764 29.764,7.389 57.389,7.389C85.013,7.389 107.389,29.764 107.389,57.389C107.389,85.013 85.013,107.389 57.389,107.389C29.764,107.389 7.389,85.013 7.389,57.389z',
+  transform: 'rotate(45 57.388671875000036,57.388671874999986) ',
+  'stroke-width': '5',
+  stroke: '#660000',
+  fill: '#ff0000'
+};
+
+const svg = document.createElementNS(NS.SVG, 'svg');
+const sandbox = document.getElementById('sandbox');
+// Firefox throws exception in getBBox() when svg is not attached to DOM.
+sandbox.append(svg);
+
+// Set up <svg> with nonce.
+const svgN = document.createElementNS(NS.SVG, 'svg');
+svgN.setAttributeNS(NS.XMLNS, 'xmlns:se', NS.SE);
+svgN.setAttributeNS(NS.SE, 'se:nonce', NONCE);
+
+units.init(
+  /**
+  * @implements {module:units.ElementContainer}
+  */
+  {
+    // used by units.shortFloat - call path: cloneLayer -> copyElem -> convertPath -> pathDSegment -> shortFloat
+    getRoundDigits () { return 3; }
+  }
+);
+
+// Simplifying from svgcanvas.js usage
+const idprefix = 'svg_';
+const svgcontent = document.createElementNS(NS.SVG, 'svg');
+const currentDrawing_ = new draw.Drawing(svgcontent, idprefix);
+const getCurrentDrawing = function () {
+  return currentDrawing_;
+};
+const setCurrentGroup = (cg) => {
+};
+draw.init(
+  /**
+  * @implements {module:draw.DrawCanvasInit}
+  */
+  {
+    getCurrentDrawing,
+    setCurrentGroup
+  }
+);
+
+function createSVGElement (jsonMap) {
+  const elem = document.createElementNS(NS.SVG, jsonMap['element']);
+  for (const attr in jsonMap['attr']) {
+    elem.setAttribute(attr, jsonMap['attr'][attr]);
+  }
+  return elem;
+}
+
+const setupSVGWith3Layers = function (svgElem) {
+  const layer1 = document.createElementNS(NS.SVG, 'g');
+  const layer1Title = document.createElementNS(NS.SVG, 'title');
+  layer1Title.append(document.createTextNode(LAYER1));
+  layer1.append(layer1Title);
+  svgElem.append(layer1);
+
+  const layer2 = document.createElementNS(NS.SVG, 'g');
+  const layer2Title = document.createElementNS(NS.SVG, 'title');
+  layer2Title.append(document.createTextNode(LAYER2));
+  layer2.append(layer2Title);
+  svgElem.append(layer2);
+
+  const layer3 = document.createElementNS(NS.SVG, 'g');
+  const layer3Title = document.createElementNS(NS.SVG, 'title');
+  layer3Title.append(document.createTextNode(LAYER3));
+  layer3.append(layer3Title);
+  svgElem.append(layer3);
+
+  return [layer1, layer2, layer3];
+};
+
+const createSomeElementsInGroup = function (group) {
+  group.append(
+    createSVGElement({
+      element: 'path',
+      attr: PATH_ATTR
+    }),
+    // createSVGElement({
+    //    element: 'path',
+    //    attr: {d: 'M0,1L2,3'}
+    // }),
+    createSVGElement({
+      element: 'rect',
+      attr: {x: '0', y: '1', width: '5', height: '10'}
+    }),
+    createSVGElement({
+      element: 'line',
+      attr: {x1: '0', y1: '1', x2: '5', y2: '6'}
+    })
+  );
+
+  const g = createSVGElement({
+    element: 'g',
+    attr: {}
+  });
+  g.append(createSVGElement({
+    element: 'rect',
+    attr: {x: '0', y: '1', width: '5', height: '10'}
+  }));
+  group.append(g);
+  return 4;
+};
+
+const cleanupSVG = function (svgElem) {
+  while (svgElem.firstChild) { svgElem.firstChild.remove(); }
+};
+
+QUnit.module('svgedit.draw.Drawing', {
+  beforeEach () {
+  },
+  afterEach () {
+  }
+});
+
+QUnit.test('Test draw module', function (assert) {
+  assert.expect(4);
+
+  assert.ok(draw);
+  assert.equal(typeof draw, typeof {});
+
+  assert.ok(draw.Drawing);
+  assert.equal(typeof draw.Drawing, typeof function () {});
+});
+
+QUnit.test('Test document creation', function (assert) {
+  assert.expect(3);
+
+  let doc;
+  try {
+    doc = new draw.Drawing();
+    assert.ok(false, 'Created drawing without a valid <svg> element');
+  } catch (e) {
+    assert.ok(true);
+  }
+
+  try {
+    doc = new draw.Drawing(svg);
+    assert.ok(doc);
+    assert.equal(typeof doc, typeof {});
+  } catch (e) {
+    assert.ok(false, 'Could not create document from valid <svg> element: ' + e);
+  }
+});
+
+QUnit.test('Test nonce', function (assert) {
+  assert.expect(7);
+
+  let doc = new draw.Drawing(svg);
+  assert.equal(doc.getNonce(), '');
+
+  doc = new draw.Drawing(svgN);
+  assert.equal(doc.getNonce(), NONCE);
+  assert.equal(doc.getSvgElem().getAttributeNS(NS.SE, 'nonce'), NONCE);
+
+  doc.clearNonce();
+  assert.ok(!doc.getNonce());
+  assert.ok(!doc.getSvgElem().getAttributeNS(NS.SE, 'se:nonce'));
+
+  doc.setNonce(NONCE);
+  assert.equal(doc.getNonce(), NONCE);
+  assert.equal(doc.getSvgElem().getAttributeNS(NS.SE, 'nonce'), NONCE);
+});
+
+QUnit.test('Test getId() and getNextId() without nonce', function (assert) {
+  assert.expect(7);
+
+  const elem2 = document.createElementNS(NS.SVG, 'circle');
+  elem2.id = 'svg_2';
+  svg.append(elem2);
+
+  const doc = new draw.Drawing(svg);
+
+  assert.equal(doc.getId(), 'svg_0');
+
+  assert.equal(doc.getNextId(), 'svg_1');
+  assert.equal(doc.getId(), 'svg_1');
+
+  assert.equal(doc.getNextId(), 'svg_3');
+  assert.equal(doc.getId(), 'svg_3');
+
+  assert.equal(doc.getNextId(), 'svg_4');
+  assert.equal(doc.getId(), 'svg_4');
+  // clean out svg document
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test getId() and getNextId() with prefix without nonce', function (assert) {
+  assert.expect(7);
+
+  const prefix = 'Bar-';
+  const doc = new draw.Drawing(svg, prefix);
+
+  assert.equal(doc.getId(), prefix + '0');
+
+  assert.equal(doc.getNextId(), prefix + '1');
+  assert.equal(doc.getId(), prefix + '1');
+
+  assert.equal(doc.getNextId(), prefix + '2');
+  assert.equal(doc.getId(), prefix + '2');
+
+  assert.equal(doc.getNextId(), prefix + '3');
+  assert.equal(doc.getId(), prefix + '3');
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test getId() and getNextId() with nonce', function (assert) {
+  assert.expect(7);
+
+  const prefix = 'svg_' + NONCE;
+
+  const elem2 = document.createElementNS(NS.SVG, 'circle');
+  elem2.id = prefix + '_2';
+  svgN.append(elem2);
+
+  const doc = new draw.Drawing(svgN);
+
+  assert.equal(doc.getId(), prefix + '_0');
+
+  assert.equal(doc.getNextId(), prefix + '_1');
+  assert.equal(doc.getId(), prefix + '_1');
+
+  assert.equal(doc.getNextId(), prefix + '_3');
+  assert.equal(doc.getId(), prefix + '_3');
+
+  assert.equal(doc.getNextId(), prefix + '_4');
+  assert.equal(doc.getId(), prefix + '_4');
+
+  cleanupSVG(svgN);
+});
+
+QUnit.test('Test getId() and getNextId() with prefix with nonce', function (assert) {
+  assert.expect(7);
+
+  const PREFIX = 'Bar-';
+  const doc = new draw.Drawing(svgN, PREFIX);
+
+  const prefix = PREFIX + NONCE + '_';
+  assert.equal(doc.getId(), prefix + '0');
+
+  assert.equal(doc.getNextId(), prefix + '1');
+  assert.equal(doc.getId(), prefix + '1');
+
+  assert.equal(doc.getNextId(), prefix + '2');
+  assert.equal(doc.getId(), prefix + '2');
+
+  assert.equal(doc.getNextId(), prefix + '3');
+  assert.equal(doc.getId(), prefix + '3');
+
+  cleanupSVG(svgN);
+});
+
+QUnit.test('Test releaseId()', function (assert) {
+  assert.expect(6);
+
+  const doc = new draw.Drawing(svg);
+
+  const firstId = doc.getNextId();
+  /* const secondId = */ doc.getNextId();
+
+  const result = doc.releaseId(firstId);
+  assert.ok(result);
+  assert.equal(doc.getNextId(), firstId);
+  assert.equal(doc.getNextId(), 'svg_3');
+
+  assert.ok(!doc.releaseId('bad-id'));
+  assert.ok(doc.releaseId(firstId));
+  assert.ok(!doc.releaseId(firstId));
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test getNumLayers', function (assert) {
+  assert.expect(3);
+  const drawing = new draw.Drawing(svg);
+  assert.equal(typeof drawing.getNumLayers, typeof function () {});
+  assert.equal(drawing.getNumLayers(), 0);
+
+  setupSVGWith3Layers(svg);
+  drawing.identifyLayers();
+
+  assert.equal(drawing.getNumLayers(), 3);
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test hasLayer', function (assert) {
+  assert.expect(5);
+
+  setupSVGWith3Layers(svg);
+  const drawing = new draw.Drawing(svg);
+  drawing.identifyLayers();
+
+  assert.equal(typeof drawing.hasLayer, typeof function () {});
+  assert.ok(!drawing.hasLayer('invalid-layer'));
+
+  assert.ok(drawing.hasLayer(LAYER3));
+  assert.ok(drawing.hasLayer(LAYER2));
+  assert.ok(drawing.hasLayer(LAYER1));
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test identifyLayers() with empty document', function (assert) {
+  assert.expect(11);
+
+  const drawing = new draw.Drawing(svg);
+  assert.equal(drawing.getCurrentLayer(), null);
+  // By default, an empty document gets an empty group created.
+  drawing.identifyLayers();
+
+  // Check that <svg> element now has one child node
+  assert.ok(drawing.getSvgElem().hasChildNodes());
+  assert.equal(drawing.getSvgElem().childNodes.length, 1);
+
+  // Check that all_layers are correctly set up.
+  assert.equal(drawing.getNumLayers(), 1);
+  const emptyLayer = drawing.all_layers[0];
+  assert.ok(emptyLayer);
+  const layerGroup = emptyLayer.getGroup();
+  assert.equal(layerGroup, drawing.getSvgElem().firstChild);
+  assert.equal(layerGroup.tagName, 'g');
+  assert.equal(layerGroup.getAttribute('class'), LAYER_CLASS);
+  assert.ok(layerGroup.hasChildNodes());
+  assert.equal(layerGroup.childNodes.length, 1);
+  const firstChild = layerGroup.childNodes.item(0);
+  assert.equal(firstChild.tagName, 'title');
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test identifyLayers() with some layers', function (assert) {
+  assert.expect(8);
+
+  const drawing = new draw.Drawing(svg);
+  setupSVGWith3Layers(svg);
+
+  assert.equal(svg.childNodes.length, 3);
+
+  drawing.identifyLayers();
+
+  assert.equal(drawing.getNumLayers(), 3);
+  assert.equal(drawing.all_layers[0].getGroup(), svg.childNodes.item(0));
+  assert.equal(drawing.all_layers[1].getGroup(), svg.childNodes.item(1));
+  assert.equal(drawing.all_layers[2].getGroup(), svg.childNodes.item(2));
+
+  assert.equal(drawing.all_layers[0].getGroup().getAttribute('class'), LAYER_CLASS);
+  assert.equal(drawing.all_layers[1].getGroup().getAttribute('class'), LAYER_CLASS);
+  assert.equal(drawing.all_layers[2].getGroup().getAttribute('class'), LAYER_CLASS);
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test identifyLayers() with some layers and orphans', function (assert) {
+  assert.expect(14);
+
+  setupSVGWith3Layers(svg);
+
+  const orphan1 = document.createElementNS(NS.SVG, 'rect');
+  const orphan2 = document.createElementNS(NS.SVG, 'rect');
+  svg.append(orphan1, orphan2);
+
+  assert.equal(svg.childNodes.length, 5);
+
+  const drawing = new draw.Drawing(svg);
+  drawing.identifyLayers();
+
+  assert.equal(drawing.getNumLayers(), 4);
+  assert.equal(drawing.all_layers[0].getGroup(), svg.childNodes.item(0));
+  assert.equal(drawing.all_layers[1].getGroup(), svg.childNodes.item(1));
+  assert.equal(drawing.all_layers[2].getGroup(), svg.childNodes.item(2));
+  assert.equal(drawing.all_layers[3].getGroup(), svg.childNodes.item(3));
+
+  assert.equal(drawing.all_layers[0].getGroup().getAttribute('class'), LAYER_CLASS);
+  assert.equal(drawing.all_layers[1].getGroup().getAttribute('class'), LAYER_CLASS);
+  assert.equal(drawing.all_layers[2].getGroup().getAttribute('class'), LAYER_CLASS);
+  assert.equal(drawing.all_layers[3].getGroup().getAttribute('class'), LAYER_CLASS);
+
+  const layer4 = drawing.all_layers[3].getGroup();
+  assert.equal(layer4.tagName, 'g');
+  assert.equal(layer4.childNodes.length, 3);
+  assert.equal(layer4.childNodes.item(1), orphan1);
+  assert.equal(layer4.childNodes.item(2), orphan2);
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test getLayerName()', function (assert) {
+  assert.expect(4);
+
+  const drawing = new draw.Drawing(svg);
+  setupSVGWith3Layers(svg);
+
+  drawing.identifyLayers();
+
+  assert.equal(drawing.getNumLayers(), 3);
+  assert.equal(drawing.getLayerName(0), LAYER1);
+  assert.equal(drawing.getLayerName(1), LAYER2);
+  assert.equal(drawing.getLayerName(2), LAYER3);
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test getCurrentLayer()', function (assert) {
+  assert.expect(4);
+
+  const drawing = new draw.Drawing(svg);
+  setupSVGWith3Layers(svg);
+  drawing.identifyLayers();
+
+  assert.ok(drawing.getCurrentLayer);
+  assert.equal(typeof drawing.getCurrentLayer, typeof function () {});
+  assert.ok(drawing.getCurrentLayer());
+  assert.equal(drawing.getCurrentLayer(), drawing.all_layers[2].getGroup());
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test setCurrentLayer() and getCurrentLayerName()', function (assert) {
+  assert.expect(6);
+
+  const drawing = new draw.Drawing(svg);
+  setupSVGWith3Layers(svg);
+  drawing.identifyLayers();
+
+  assert.ok(drawing.setCurrentLayer);
+  assert.equal(typeof drawing.setCurrentLayer, typeof function () {});
+
+  drawing.setCurrentLayer(LAYER2);
+  assert.equal(drawing.getCurrentLayerName(), LAYER2);
+  assert.equal(drawing.getCurrentLayer(), drawing.all_layers[1].getGroup());
+
+  drawing.setCurrentLayer(LAYER3);
+  assert.equal(drawing.getCurrentLayerName(), LAYER3);
+  assert.equal(drawing.getCurrentLayer(), drawing.all_layers[2].getGroup());
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test setCurrentLayerName()', function (assert) {
+  const mockHrService = {
+    changeElement: this.spy()
+  };
+
+  const drawing = new draw.Drawing(svg);
+  setupSVGWith3Layers(svg);
+  drawing.identifyLayers();
+
+  assert.ok(drawing.setCurrentLayerName);
+  assert.equal(typeof drawing.setCurrentLayerName, typeof function () {});
+
+  const oldName = drawing.getCurrentLayerName();
+  const newName = 'New Name';
+  assert.ok(drawing.layer_map[oldName]);
+  assert.equal(drawing.layer_map[newName], undefined); // newName shouldn't exist.
+  const result = drawing.setCurrentLayerName(newName, mockHrService);
+  assert.equal(result, newName);
+  assert.equal(drawing.getCurrentLayerName(), newName);
+  // Was the map updated?
+  assert.equal(drawing.layer_map[oldName], undefined);
+  assert.equal(drawing.layer_map[newName], drawing.current_layer);
+  // Was mockHrService called?
+  assert.ok(mockHrService.changeElement.calledOnce);
+  assert.equal(oldName, mockHrService.changeElement.getCall(0).args[1]['#text']);
+  assert.equal(newName, mockHrService.changeElement.getCall(0).args[0].textContent);
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test createLayer()', function (assert) {
+  assert.expect(10);
+
+  const mockHrService = {
+    startBatchCommand: this.spy(),
+    endBatchCommand: this.spy(),
+    insertElement: this.spy()
+  };
+
+  const drawing = new draw.Drawing(svg);
+  setupSVGWith3Layers(svg);
+  drawing.identifyLayers();
+
+  assert.ok(drawing.createLayer);
+  assert.equal(typeof drawing.createLayer, typeof function () {});
+
+  const NEW_LAYER_NAME = 'Layer A';
+  const layerG = drawing.createLayer(NEW_LAYER_NAME, mockHrService);
+  assert.equal(drawing.getNumLayers(), 4);
+  assert.equal(layerG, drawing.getCurrentLayer());
+  assert.equal(layerG.getAttribute('class'), LAYER_CLASS);
+  assert.equal(NEW_LAYER_NAME, drawing.getCurrentLayerName());
+  assert.equal(NEW_LAYER_NAME, drawing.getLayerName(3));
+
+  assert.equal(layerG, mockHrService.insertElement.getCall(0).args[0]);
+  assert.ok(mockHrService.startBatchCommand.calledOnce);
+  assert.ok(mockHrService.endBatchCommand.calledOnce);
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test mergeLayer()', function (assert) {
+  const mockHrService = {
+    startBatchCommand: this.spy(),
+    endBatchCommand: this.spy(),
+    moveElement: this.spy(),
+    removeElement: this.spy()
+  };
+
+  const drawing = new draw.Drawing(svg);
+  const layers = setupSVGWith3Layers(svg);
+  const elementCount = createSomeElementsInGroup(layers[2]) + 1; // +1 for title element
+  assert.equal(layers[1].childElementCount, 1);
+  assert.equal(layers[2].childElementCount, elementCount);
+  drawing.identifyLayers();
+  assert.equal(drawing.getCurrentLayer(), layers[2]);
+
+  assert.ok(drawing.mergeLayer);
+  assert.equal(typeof drawing.mergeLayer, typeof function () {});
+
+  drawing.mergeLayer(mockHrService);
+
+  assert.equal(drawing.getNumLayers(), 2);
+  assert.equal(svg.childElementCount, 2);
+  assert.equal(drawing.getCurrentLayer(), layers[1]);
+  assert.equal(layers[1].childElementCount, elementCount);
+
+  // check history record
+  assert.ok(mockHrService.startBatchCommand.calledOnce);
+  assert.ok(mockHrService.endBatchCommand.calledOnce);
+  assert.equal(mockHrService.startBatchCommand.getCall(0).args[0], 'Merge Layer');
+  assert.equal(mockHrService.moveElement.callCount, elementCount - 1); // -1 because the title was not moved.
+  assert.equal(mockHrService.removeElement.callCount, 2); // remove group and title.
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test mergeLayer() when no previous layer to merge', function (assert) {
+  const mockHrService = {
+    startBatchCommand: this.spy(),
+    endBatchCommand: this.spy(),
+    moveElement: this.spy(),
+    removeElement: this.spy()
+  };
+
+  const drawing = new draw.Drawing(svg);
+  const layers = setupSVGWith3Layers(svg);
+  drawing.identifyLayers();
+  drawing.setCurrentLayer(LAYER1);
+  assert.equal(drawing.getCurrentLayer(), layers[0]);
+
+  drawing.mergeLayer(mockHrService);
+
+  assert.equal(drawing.getNumLayers(), 3);
+  assert.equal(svg.childElementCount, 3);
+  assert.equal(drawing.getCurrentLayer(), layers[0]);
+  assert.equal(layers[0].childElementCount, 1);
+  assert.equal(layers[1].childElementCount, 1);
+  assert.equal(layers[2].childElementCount, 1);
+
+  // check history record
+  assert.equal(mockHrService.startBatchCommand.callCount, 0);
+  assert.equal(mockHrService.endBatchCommand.callCount, 0);
+  assert.equal(mockHrService.moveElement.callCount, 0);
+  assert.equal(mockHrService.removeElement.callCount, 0);
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test mergeAllLayers()', function (assert) {
+  const mockHrService = {
+    startBatchCommand: this.spy(),
+    endBatchCommand: this.spy(),
+    moveElement: this.spy(),
+    removeElement: this.spy()
+  };
+
+  const drawing = new draw.Drawing(svg);
+  const layers = setupSVGWith3Layers(svg);
+  const elementCount = createSomeElementsInGroup(layers[0]) + 1; // +1 for title element
+  createSomeElementsInGroup(layers[1]);
+  createSomeElementsInGroup(layers[2]);
+  assert.equal(layers[0].childElementCount, elementCount);
+  assert.equal(layers[1].childElementCount, elementCount);
+  assert.equal(layers[2].childElementCount, elementCount);
+  drawing.identifyLayers();
+
+  assert.ok(drawing.mergeAllLayers);
+  assert.equal(typeof drawing.mergeAllLayers, typeof function () {});
+
+  drawing.mergeAllLayers(mockHrService);
+
+  assert.equal(drawing.getNumLayers(), 1);
+  assert.equal(svg.childElementCount, 1);
+  assert.equal(drawing.getCurrentLayer(), layers[0]);
+  assert.equal(layers[0].childElementCount, elementCount * 3 - 2); // -2 because two titles were deleted.
+
+  // check history record
+  assert.equal(mockHrService.startBatchCommand.callCount, 3); // mergeAllLayers + 2 * mergeLayer
+  assert.equal(mockHrService.endBatchCommand.callCount, 3);
+  assert.equal(mockHrService.startBatchCommand.getCall(0).args[0], 'Merge all Layers');
+  assert.equal(mockHrService.startBatchCommand.getCall(1).args[0], 'Merge Layer');
+  assert.equal(mockHrService.startBatchCommand.getCall(2).args[0], 'Merge Layer');
+  // moveElement count is times 3 instead of 2, because one layer's elements were moved twice.
+  // moveElement count is minus 3 because the three titles were not moved.
+  assert.equal(mockHrService.moveElement.callCount, elementCount * 3 - 3);
+  assert.equal(mockHrService.removeElement.callCount, 2 * 2); // remove group and title twice.
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test cloneLayer()', function (assert) {
+  const mockHrService = {
+    startBatchCommand: this.spy(),
+    endBatchCommand: this.spy(),
+    insertElement: this.spy()
+  };
+
+  const drawing = new draw.Drawing(svg);
+  const layers = setupSVGWith3Layers(svg);
+  const layer3 = layers[2];
+  const elementCount = createSomeElementsInGroup(layer3) + 1; // +1 for title element
+  assert.equal(layer3.childElementCount, elementCount);
+  drawing.identifyLayers();
+
+  assert.ok(drawing.cloneLayer);
+  assert.equal(typeof drawing.cloneLayer, typeof function () {});
+
+  const clone = drawing.cloneLayer('clone', mockHrService);
+
+  assert.equal(drawing.getNumLayers(), 4);
+  assert.equal(svg.childElementCount, 4);
+  assert.equal(drawing.getCurrentLayer(), clone);
+  assert.equal(clone.childElementCount, elementCount);
+
+  // check history record
+  assert.ok(mockHrService.startBatchCommand.calledOnce); // mergeAllLayers + 2 * mergeLayer
+  assert.ok(mockHrService.endBatchCommand.calledOnce);
+  assert.equal(mockHrService.startBatchCommand.getCall(0).args[0], 'Duplicate Layer');
+  assert.equal(mockHrService.insertElement.callCount, 1);
+  assert.equal(mockHrService.insertElement.getCall(0).args[0], clone);
+
+  // check that path is cloned properly
+  assert.equal(clone.childNodes.length, elementCount);
+  const path = clone.childNodes[1];
+  assert.equal(path.id, 'svg_1');
+  assert.equal(path.getAttribute('d'), PATH_ATTR.d);
+  assert.equal(path.getAttribute('transform'), PATH_ATTR.transform);
+  assert.equal(path.getAttribute('fill'), PATH_ATTR.fill);
+  assert.equal(path.getAttribute('stroke'), PATH_ATTR.stroke);
+  assert.equal(path.getAttribute('stroke-width'), PATH_ATTR['stroke-width']);
+
+  // check that g is cloned properly
+  const g = clone.childNodes[4];
+  assert.equal(g.childNodes.length, 1);
+  assert.equal(g.id, 'svg_4');
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test getLayerVisibility()', function (assert) {
+  assert.expect(5);
+
+  const drawing = new draw.Drawing(svg);
+  setupSVGWith3Layers(svg);
+  drawing.identifyLayers();
+
+  assert.ok(drawing.getLayerVisibility);
+  assert.equal(typeof drawing.getLayerVisibility, typeof function () {});
+  assert.ok(drawing.getLayerVisibility(LAYER1));
+  assert.ok(drawing.getLayerVisibility(LAYER2));
+  assert.ok(drawing.getLayerVisibility(LAYER3));
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test setLayerVisibility()', function (assert) {
+  assert.expect(6);
+
+  const drawing = new draw.Drawing(svg);
+  setupSVGWith3Layers(svg);
+  drawing.identifyLayers();
+
+  assert.ok(drawing.setLayerVisibility);
+  assert.equal(typeof drawing.setLayerVisibility, typeof function () {});
+
+  drawing.setLayerVisibility(LAYER3, false);
+  drawing.setLayerVisibility(LAYER2, true);
+  drawing.setLayerVisibility(LAYER1, false);
+
+  assert.ok(!drawing.getLayerVisibility(LAYER1));
+  assert.ok(drawing.getLayerVisibility(LAYER2));
+  assert.ok(!drawing.getLayerVisibility(LAYER3));
+
+  drawing.setLayerVisibility(LAYER3, 'test-string');
+  assert.ok(!drawing.getLayerVisibility(LAYER3));
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test getLayerOpacity()', function (assert) {
+  assert.expect(5);
+
+  const drawing = new draw.Drawing(svg);
+  setupSVGWith3Layers(svg);
+  drawing.identifyLayers();
+
+  assert.ok(drawing.getLayerOpacity);
+  assert.equal(typeof drawing.getLayerOpacity, typeof function () {});
+  assert.strictEqual(drawing.getLayerOpacity(LAYER1), 1.0);
+  assert.strictEqual(drawing.getLayerOpacity(LAYER2), 1.0);
+  assert.strictEqual(drawing.getLayerOpacity(LAYER3), 1.0);
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test setLayerOpacity()', function (assert) {
+  assert.expect(6);
+
+  const drawing = new draw.Drawing(svg);
+  setupSVGWith3Layers(svg);
+  drawing.identifyLayers();
+
+  assert.ok(drawing.setLayerOpacity);
+  assert.equal(typeof drawing.setLayerOpacity, typeof function () {});
+
+  drawing.setLayerOpacity(LAYER1, 0.4);
+  drawing.setLayerOpacity(LAYER2, 'invalid-string');
+  drawing.setLayerOpacity(LAYER3, -1.4);
+
+  assert.strictEqual(drawing.getLayerOpacity(LAYER1), 0.4);
+  console.log('layer2 opacity ' + drawing.getLayerOpacity(LAYER2));
+  assert.strictEqual(drawing.getLayerOpacity(LAYER2), 1.0);
+  assert.strictEqual(drawing.getLayerOpacity(LAYER3), 1.0);
+
+  drawing.setLayerOpacity(LAYER3, 100);
+  assert.strictEqual(drawing.getLayerOpacity(LAYER3), 1.0);
+
+  cleanupSVG(svg);
+});
+
+QUnit.test('Test deleteCurrentLayer()', function (assert) {
+  assert.expect(6);
+
+  const drawing = new draw.Drawing(svg);
+  setupSVGWith3Layers(svg);
+  drawing.identifyLayers();
+
+  drawing.setCurrentLayer(LAYER2);
+
+  const curLayer = drawing.getCurrentLayer();
+  assert.equal(curLayer, drawing.all_layers[1].getGroup());
+  const deletedLayer = drawing.deleteCurrentLayer();
+
+  assert.equal(curLayer, deletedLayer);
+  assert.equal(drawing.getNumLayers(), 2);
+  assert.equal(LAYER1, drawing.all_layers[0].getName());
+  assert.equal(LAYER3, drawing.all_layers[1].getName());
+  assert.equal(drawing.getCurrentLayer(), drawing.all_layers[1].getGroup());
+});
+
+QUnit.test('Test svgedit.draw.randomizeIds()', function (assert) {
+  assert.expect(9);
+
+  // Confirm in LET_DOCUMENT_DECIDE mode that the document decides
+  // if there is a nonce.
+  let drawing = new draw.Drawing(svgN.cloneNode(true));
+  assert.ok(!!drawing.getNonce());
+
+  drawing = new draw.Drawing(svg.cloneNode(true));
+  assert.ok(!drawing.getNonce());
+
+  // Confirm that a nonce is set once we're in ALWAYS_RANDOMIZE mode.
+  draw.randomizeIds(true, drawing);
+  assert.ok(!!drawing.getNonce());
+
+  // Confirm new drawings in ALWAYS_RANDOMIZE mode have a nonce.
+  drawing = new draw.Drawing(svg.cloneNode(true));
+  assert.ok(!!drawing.getNonce());
+
+  drawing.clearNonce();
+  assert.ok(!drawing.getNonce());
+
+  // Confirm new drawings in NEVER_RANDOMIZE mode do not have a nonce
+  // but that their se:nonce attribute is left alone.
+  draw.randomizeIds(false, drawing);
+  assert.ok(!drawing.getNonce());
+  assert.ok(!!drawing.getSvgElem().getAttributeNS(NS.SE, 'nonce'));
+
+  drawing = new draw.Drawing(svg.cloneNode(true));
+  assert.ok(!drawing.getNonce());
+
+  drawing = new draw.Drawing(svgN.cloneNode(true));
+  assert.ok(!drawing.getNonce());
+});
diff --git a/test/history_test.html b/test/history_test.html
index a876b106..faefe45a 100644
--- a/test/history_test.html
+++ b/test/history_test.html
@@ -3,589 +3,24 @@
 <head>
   <meta charset="utf-8" />
   <title>Unit Tests for history.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <script src='../editor/history.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // TODO(codedread): Write tests for handling history events.
-
-    // Mocked out methods.
-    svgedit.transformlist = {};
-    svgedit.transformlist.removeElementFromListMap = function(elem) {};
-    svgedit.utilities = {};
-    svgedit.utilities.getHref = function(elem) { return '#foo'; };
-    svgedit.utilities.setHref = function(elem, val) {};
-    svgedit.utilities.getRotationAngle = function(elem) { return 0; };
-
-    // log function
-    QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-    var NS = svgedit.NS;
-    var svg = document.createElementNS(NS.SVG, 'svg');
-    var undoMgr = null;
-    var divparent = document.getElementById('divparent');
-    var div1 = document.getElementById('div1');
-    var div2 = document.getElementById('div2');
-    var div3 = document.getElementById('div3');
-    var div4 = document.getElementById('div4');
-    var div5 = document.getElementById('div5');
-
-    module('svgedit.history');
-
-    var MockCommand = function(opt_text) { this.text_ = opt_text; };
-    MockCommand.prototype.apply = function() {};
-    MockCommand.prototype.unapply = function() {};
-    MockCommand.prototype.getText = function() { return this.text_; };
-    MockCommand.prototype.elements = function() { return []; };
-
-    var MockHistoryEventHandler = function() {};
-    MockHistoryEventHandler.prototype.handleHistoryEvent = function(eventType, command) {};
-
-    function setUp() {
-      undoMgr = new svgedit.history.UndoManager();
-    }
-    function tearDown() {
-      undoMgr = null;
-    }
-
-    test('Test svgedit.history package', function() {
-      expect(13);
-
-      ok(svgedit.history);
-      ok(svgedit.history.MoveElementCommand);
-      ok(svgedit.history.InsertElementCommand);
-      ok(svgedit.history.ChangeElementCommand);
-      ok(svgedit.history.RemoveElementCommand);
-      ok(svgedit.history.BatchCommand);
-      ok(svgedit.history.UndoManager);
-      equals(typeof svgedit.history.MoveElementCommand, typeof function(){});
-      equals(typeof svgedit.history.InsertElementCommand, typeof function(){});
-      equals(typeof svgedit.history.ChangeElementCommand, typeof function(){});
-      equals(typeof svgedit.history.RemoveElementCommand, typeof function(){});
-      equals(typeof svgedit.history.BatchCommand, typeof function(){});
-      equals(typeof svgedit.history.UndoManager, typeof function(){});
-    });
-
-    test('Test UndoManager methods', function() {
-      expect(14);
-      setUp();
-
-      ok(undoMgr);
-      ok(undoMgr.addCommandToHistory);
-      ok(undoMgr.getUndoStackSize);
-      ok(undoMgr.getRedoStackSize);
-      ok(undoMgr.resetUndoStack);
-      ok(undoMgr.getNextUndoCommandText);
-      ok(undoMgr.getNextRedoCommandText);
-
-      equals(typeof undoMgr, typeof {});
-      equals(typeof undoMgr.addCommandToHistory, typeof function(){});
-      equals(typeof undoMgr.getUndoStackSize, typeof function(){});
-      equals(typeof undoMgr.getRedoStackSize, typeof function(){});
-      equals(typeof undoMgr.resetUndoStack, typeof function(){});
-      equals(typeof undoMgr.getNextUndoCommandText, typeof function(){});
-      equals(typeof undoMgr.getNextRedoCommandText, typeof function(){});
-
-      tearDown();
-    });
-
-    test('Test UndoManager.addCommandToHistory() function', function() {
-      expect(3);
-
-      setUp();
-
-      equals(undoMgr.getUndoStackSize(), 0);
-      undoMgr.addCommandToHistory(new MockCommand());
-      equals(undoMgr.getUndoStackSize(), 1);
-      undoMgr.addCommandToHistory(new MockCommand());
-      equals(undoMgr.getUndoStackSize(), 2);
-
-      tearDown();
-    });
-
-    test('Test UndoManager.getUndoStackSize() and getRedoStackSize() functions', function() {
-      expect(18);
-
-      setUp();
-
-      undoMgr.addCommandToHistory(new MockCommand());
-      undoMgr.addCommandToHistory(new MockCommand());
-      undoMgr.addCommandToHistory(new MockCommand());
-
-      equals(undoMgr.getUndoStackSize(), 3);
-      equals(undoMgr.getRedoStackSize(), 0);
-
-      undoMgr.undo();
-      equals(undoMgr.getUndoStackSize(), 2);
-      equals(undoMgr.getRedoStackSize(), 1);
-
-      undoMgr.undo();
-      equals(undoMgr.getUndoStackSize(), 1);
-      equals(undoMgr.getRedoStackSize(), 2);
-
-      undoMgr.undo();
-      equals(undoMgr.getUndoStackSize(), 0);
-      equals(undoMgr.getRedoStackSize(), 3);
-
-      undoMgr.undo();
-      equals(undoMgr.getUndoStackSize(), 0);
-      equals(undoMgr.getRedoStackSize(), 3);
-
-      undoMgr.redo();
-      equals(undoMgr.getUndoStackSize(), 1);
-      equals(undoMgr.getRedoStackSize(), 2);
-
-      undoMgr.redo();
-      equals(undoMgr.getUndoStackSize(), 2);
-      equals(undoMgr.getRedoStackSize(), 1);
-
-      undoMgr.redo();
-      equals(undoMgr.getUndoStackSize(), 3);
-      equals(undoMgr.getRedoStackSize(), 0);
-
-      undoMgr.redo();
-      equals(undoMgr.getUndoStackSize(), 3);
-      equals(undoMgr.getRedoStackSize(), 0);
-
-      tearDown();
-    });
-
-    test('Test UndoManager.resetUndoStackSize() function', function() {
-      expect(4);
-
-      setUp();
-
-      undoMgr.addCommandToHistory(new MockCommand());
-      undoMgr.addCommandToHistory(new MockCommand());
-      undoMgr.addCommandToHistory(new MockCommand());
-      undoMgr.undo();
-
-      equals(undoMgr.getUndoStackSize(), 2);
-      equals(undoMgr.getRedoStackSize(), 1);
-
-      undoMgr.resetUndoStack();
-
-      equals(undoMgr.getUndoStackSize(), 0);
-      equals(undoMgr.getRedoStackSize(), 0);
-
-      tearDown();
-    });
-
-    test('Test UndoManager.getNextUndoCommandText() function', function() {
-      expect(9);
-
-      setUp();
-
-      equals(undoMgr.getNextUndoCommandText(), '');
-
-      undoMgr.addCommandToHistory(new MockCommand('First'));
-      undoMgr.addCommandToHistory(new MockCommand('Second'));
-      undoMgr.addCommandToHistory(new MockCommand('Third'));
-
-      equals(undoMgr.getNextUndoCommandText(), 'Third');
-
-      undoMgr.undo();
-      equals(undoMgr.getNextUndoCommandText(), 'Second');
-
-      undoMgr.undo();
-      equals(undoMgr.getNextUndoCommandText(), 'First');
-
-      undoMgr.undo();
-      equals(undoMgr.getNextUndoCommandText(), '');
-
-      undoMgr.redo();
-      equals(undoMgr.getNextUndoCommandText(), 'First');
-
-      undoMgr.redo();
-      equals(undoMgr.getNextUndoCommandText(), 'Second');
-
-      undoMgr.redo();
-      equals(undoMgr.getNextUndoCommandText(), 'Third');
-
-      undoMgr.redo();
-      equals(undoMgr.getNextUndoCommandText(), 'Third');
-
-      tearDown();
-    });
-
-    test('Test UndoManager.getNextRedoCommandText() function', function() {
-      expect(8);
-
-      setUp();
-
-      equals(undoMgr.getNextRedoCommandText(), '');
-
-      undoMgr.addCommandToHistory(new MockCommand('First'));
-      undoMgr.addCommandToHistory(new MockCommand('Second'));
-      undoMgr.addCommandToHistory(new MockCommand('Third'));
-
-      equals(undoMgr.getNextRedoCommandText(), '');
-
-      undoMgr.undo();
-      equals(undoMgr.getNextRedoCommandText(), 'Third');
-
-      undoMgr.undo();
-      equals(undoMgr.getNextRedoCommandText(), 'Second');
-
-      undoMgr.undo();
-      equals(undoMgr.getNextRedoCommandText(), 'First');
-
-      undoMgr.redo();
-      equals(undoMgr.getNextRedoCommandText(), 'Second');
-
-      undoMgr.redo();
-      equals(undoMgr.getNextRedoCommandText(), 'Third');
-
-      undoMgr.redo();
-      equals(undoMgr.getNextRedoCommandText(), '');
-
-      tearDown();
-    });
-
-    test('Test UndoManager.undo() and redo() functions', function() {
-      expect(10);
-
-      setUp();
-
-      var lastCalled = null;
-      var cmd1 = new MockCommand();
-      var cmd2 = new MockCommand();
-      var cmd3 = new MockCommand();
-      cmd1.apply = function() { lastCalled = 'cmd1.apply'; };
-      cmd2.apply = function() { lastCalled = 'cmd2.apply'; };
-      cmd3.apply = function() { lastCalled = 'cmd3.apply'; };
-      cmd1.unapply = function() { lastCalled = 'cmd1.unapply'; };
-      cmd2.unapply = function() { lastCalled = 'cmd2.unapply'; };
-      cmd3.unapply = function() { lastCalled = 'cmd3.unapply'; };
-
-      undoMgr.addCommandToHistory(cmd1);
-      undoMgr.addCommandToHistory(cmd2);
-      undoMgr.addCommandToHistory(cmd3);
-
-      ok(!lastCalled);
-
-      undoMgr.undo();
-      equals(lastCalled, 'cmd3.unapply');
-
-      undoMgr.redo();
-      equals(lastCalled, 'cmd3.apply');
-
-      undoMgr.undo();
-      undoMgr.undo();
-      equals(lastCalled, 'cmd2.unapply');
-
-      undoMgr.undo();
-      equals(lastCalled, 'cmd1.unapply');
-      lastCalled = null;
-
-      undoMgr.undo();
-      ok(!lastCalled);
-
-      undoMgr.redo();
-      equals(lastCalled, 'cmd1.apply');
-
-      undoMgr.redo();
-      equals(lastCalled, 'cmd2.apply');
-
-      undoMgr.redo();
-      equals(lastCalled, 'cmd3.apply');
-      lastCalled = null;
-
-      undoMgr.redo();
-      ok(!lastCalled);
-
-      tearDown();
-    });
-
-    test('Test MoveElementCommand', function() {
-      expect(26);
-
-      setUp();
-
-      var move = new svgedit.history.MoveElementCommand(div3, div1, divparent);
-      ok(move.unapply);
-      ok(move.apply);
-      equals(typeof move.unapply, typeof function(){});
-      equals(typeof move.apply, typeof function(){});
-
-      move.unapply();
-      equals(divparent.firstElementChild, div3);
-      equals(divparent.firstElementChild.nextElementSibling, div1);
-      equals(divparent.lastElementChild, div2);
-
-      move.apply();
-      equals(divparent.firstElementChild, div1);
-      equals(divparent.firstElementChild.nextElementSibling, div2);
-      equals(divparent.lastElementChild, div3);
-
-      move = new svgedit.history.MoveElementCommand(div1, null, divparent);
-
-      move.unapply();
-      equals(divparent.firstElementChild, div2);
-      equals(divparent.firstElementChild.nextElementSibling, div3);
-      equals(divparent.lastElementChild, div1);
-
-      move.apply();
-      equals(divparent.firstElementChild, div1);
-      equals(divparent.firstElementChild.nextElementSibling, div2);
-      equals(divparent.lastElementChild, div3);
-
-      move = new svgedit.history.MoveElementCommand(div2, div5, div4);
-
-      move.unapply();
-      equals(divparent.firstElementChild, div1);
-      equals(divparent.firstElementChild.nextElementSibling, div3);
-      equals(divparent.lastElementChild, div3);
-      equals(div4.firstElementChild, div2);
-      equals(div4.firstElementChild.nextElementSibling, div5);
-
-      move.apply();
-      equals(divparent.firstElementChild, div1);
-      equals(divparent.firstElementChild.nextElementSibling, div2);
-      equals(divparent.lastElementChild, div3);
-      equals(div4.firstElementChild, div5);
-      equals(div4.lastElementChild, div5);
-
-      tearDown();
-    });
-
-    test('Test InsertElementCommand', function() {
-      expect(20);
-
-      setUp();
-
-      var insert = new svgedit.history.InsertElementCommand(div3);
-      ok(insert.unapply);
-      ok(insert.apply);
-      equals(typeof insert.unapply, typeof function(){});
-      equals(typeof insert.apply, typeof function(){});
-
-      insert.unapply();
-      equals(divparent.childElementCount, 2);
-      equals(divparent.firstElementChild, div1);
-      equals(div1.nextElementSibling, div2);
-      equals(divparent.lastElementChild, div2);
-
-      insert.apply();
-      equals(divparent.childElementCount, 3);
-      equals(divparent.firstElementChild, div1);
-      equals(div1.nextElementSibling, div2);
-      equals(div2.nextElementSibling, div3);
-
-      insert = new svgedit.history.InsertElementCommand(div2);
-
-      insert.unapply();
-      equals(divparent.childElementCount, 2);
-      equals(divparent.firstElementChild, div1);
-      equals(div1.nextElementSibling, div3);
-      equals(divparent.lastElementChild, div3);
-
-      insert.apply();
-      equals(divparent.childElementCount, 3);
-      equals(divparent.firstElementChild, div1);
-      equals(div1.nextElementSibling, div2);
-      equals(div2.nextElementSibling, div3);
-
-      tearDown();
-    });
-
-    test('Test RemoveElementCommand', function() {
-      expect(22);
-
-      setUp();
-
-      var div6 = document.createElement('div');
-      div6.id = 'div6';
-
-      var remove = new svgedit.history.RemoveElementCommand(div6, null, divparent);
-      ok(remove.unapply);
-      ok(remove.apply);
-      equals(typeof remove.unapply, typeof function(){});
-      equals(typeof remove.apply, typeof function(){});
-
-      remove.unapply();
-      equals(divparent.childElementCount, 4);
-      equals(divparent.firstElementChild, div1);
-      equals(div1.nextElementSibling, div2);
-      equals(div2.nextElementSibling, div3);
-      equals(div3.nextElementSibling, div6);
-
-      remove.apply();
-      equals(divparent.childElementCount, 3);
-      equals(divparent.firstElementChild, div1);
-      equals(div1.nextElementSibling, div2);
-      equals(div2.nextElementSibling, div3);
-
-      remove = new svgedit.history.RemoveElementCommand(div6, div2, divparent);
-
-      remove.unapply();
-      equals(divparent.childElementCount, 4);
-      equals(divparent.firstElementChild, div1);
-      equals(div1.nextElementSibling, div6);
-      equals(div6.nextElementSibling, div2);
-      equals(div2.nextElementSibling, div3);
-
-      remove.apply();
-      equals(divparent.childElementCount, 3);
-      equals(divparent.firstElementChild, div1);
-      equals(div1.nextElementSibling, div2);
-      equals(div2.nextElementSibling, div3);
-
-      tearDown();
-    });
-
-    test('Test ChangeElementCommand', function() {
-      expect(26);
-
-      setUp();
-
-      div1.setAttribute('title', 'new title');
-      var change = new svgedit.history.ChangeElementCommand(div1,
-        {'title': 'old title', 'class': 'foo'});
-      ok(change.unapply);
-      ok(change.apply);
-      equals(typeof change.unapply, typeof function(){});
-      equals(typeof change.apply, typeof function(){});
-
-      change.unapply();
-      equals(div1.getAttribute('title'), 'old title');
-      equals(div1.getAttribute('class'), 'foo');
-
-      change.apply();
-      equals(div1.getAttribute('title'), 'new title');
-      ok(!div1.getAttribute('class'));
-
-      div1.textContent = 'inner text';
-      change = new svgedit.history.ChangeElementCommand(div1,
-        {'#text': null});
-
-      change.unapply();
-      ok(!div1.textContent);
-
-      change.apply();
-      equals(div1.textContent, 'inner text');
-
-      div1.textContent = '';
-      change = new svgedit.history.ChangeElementCommand(div1,
-        {'#text': 'old text'});
-
-      change.unapply();
-      equals(div1.textContent, 'old text');
-
-      change.apply();
-      ok(!div1.textContent);
-
-      // TODO(codedread): Refactor this #href stuff in history.js and svgcanvas.js
-      var rect = document.createElementNS(NS.SVG, 'rect');
-      var justCalled = null;
-      var gethrefvalue = null;
-      var sethrefvalue = null;
-      svgedit.utilities.getHref = function(elem) {
-        equals(elem, rect);
-        justCalled = 'getHref';
-        return gethrefvalue;
-      };
-      svgedit.utilities.setHref = function(elem, val) {
-        equals(elem, rect);
-        equals(val, sethrefvalue);
-        justCalled = 'setHref';
-      };
-
-      gethrefvalue = '#newhref';
-      change = new svgedit.history.ChangeElementCommand(rect,
-        {'#href': '#oldhref'});
-      equals(justCalled, 'getHref');
-
-      justCalled = null;
-      sethrefvalue = '#oldhref';
-      change.unapply();
-      equals(justCalled, 'setHref');
-
-      justCalled = null;
-      sethrefvalue = '#newhref';
-      change.apply();
-      equals(justCalled, 'setHref');
-
-      var line = document.createElementNS(NS.SVG,'line');
-      line.setAttributeNS(null, 'class', 'newClass');
-      change = new svgedit.history.ChangeElementCommand(line,{class:'oldClass'});
-
-      ok(change.unapply);
-      ok(change.apply);
-      equals(typeof change.unapply, typeof function(){});
-      equals(typeof change.apply, typeof function(){});
-
-      change.unapply();
-      equals(line.getAttributeNS(null, 'class'), 'oldClass');
-
-      change.apply();
-      equals(line.getAttributeNS(null, 'class'), 'newClass');
-
-      tearDown();
-    });
-
-    test('Test BatchCommand', function() {
-      expect(13);
-
-      setUp();
-
-      var concatResult = '';
-      MockCommand.prototype.apply = function() { concatResult += this.text_; };
-
-      var batch = new svgedit.history.BatchCommand();
-      ok(batch.unapply);
-      ok(batch.apply);
-      ok(batch.addSubCommand);
-      ok(batch.isEmpty);
-      equals(typeof batch.unapply, typeof function(){});
-      equals(typeof batch.apply, typeof function(){});
-      equals(typeof batch.addSubCommand, typeof function(){});
-      equals(typeof batch.isEmpty, typeof function(){});
-
-      ok(batch.isEmpty());
-
-      batch.addSubCommand(new MockCommand('a'));
-      ok(!batch.isEmpty());
-      batch.addSubCommand(new MockCommand('b'));
-      batch.addSubCommand(new MockCommand('c'));
-
-      ok(!concatResult);
-      batch.apply();
-      equals(concatResult, 'abc');
-
-      MockCommand.prototype.apply = function() {};
-      MockCommand.prototype.unapply = function() { concatResult += this.text_; };
-      concatResult = '';
-      batch.unapply();
-      equals(concatResult, 'cba');
-
-      MockCommand.prototype.unapply = function() {};
-
-      tearDown();
-    });
-
-  });
-  </script>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="history_test.js"></script>
 </head>
 <body>
-  <h1 id='qunit-header'>Unit Tests for history.js</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='divparent' style='visibility:hidden'>
-    <div id='div1'></div>
-    <div id='div2'></div>
-    <div id='div3'></div>
+  <h1 id="qunit-header">Unit Tests for history.js</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="divparent" style="visibility: hidden;">
+    <div id="div1"></div>
+    <div id="div2"></div>
+    <div id="div3"></div>
   </div>
-  <div id='div4' style='visibility:hidden'>
-    <div id='div5'></div>
+  <div id="div4" style="visibility: hidden;">
+    <div id="div5"></div>
   </div>
 </body>
 </html>
diff --git a/test/history_test.js b/test/history_test.js
new file mode 100644
index 00000000..13cc8e42
--- /dev/null
+++ b/test/history_test.js
@@ -0,0 +1,575 @@
+/* eslint-env qunit */
+
+import {NS} from '../editor/namespaces.js';
+import * as transformlist from '../editor/svgtransformlist.js';
+import * as utilities from '../editor/utilities.js';
+import * as history from '../editor/history.js';
+
+// TODO(codedread): Write tests for handling history events.
+
+// Mocked out methods.
+transformlist.changeRemoveElementFromListMap((elem) => {});
+
+utilities.mock({
+  getHref (elem) { return '#foo'; },
+  setHref (elem, val) {},
+  getRotationAngle (elem) { return 0; }
+});
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+// const svg = document.createElementNS(NS.SVG, 'svg');
+let undoMgr = null;
+const divparent = document.getElementById('divparent');
+const div1 = document.getElementById('div1');
+const div2 = document.getElementById('div2');
+const div3 = document.getElementById('div3');
+const div4 = document.getElementById('div4');
+const div5 = document.getElementById('div5');
+
+QUnit.module('svgedit.history');
+
+class MockCommand {
+  constructor (optText) { this.text_ = optText; }
+  apply () {}
+  unapply () {}
+  getText () { return this.text_; }
+  elements () { return []; }
+}
+
+/*
+class MockHistoryEventHandler {
+  handleHistoryEvent (eventType, command) {}
+}
+*/
+
+function setUp () {
+  undoMgr = new history.UndoManager();
+}
+function tearDown () {
+  undoMgr = null;
+}
+
+QUnit.test('Test svgedit.history package', function (assert) {
+  assert.expect(13);
+
+  assert.ok(history);
+  assert.ok(history.MoveElementCommand);
+  assert.ok(history.InsertElementCommand);
+  assert.ok(history.ChangeElementCommand);
+  assert.ok(history.RemoveElementCommand);
+  assert.ok(history.BatchCommand);
+  assert.ok(history.UndoManager);
+  assert.equal(typeof history.MoveElementCommand, typeof function () {});
+  assert.equal(typeof history.InsertElementCommand, typeof function () {});
+  assert.equal(typeof history.ChangeElementCommand, typeof function () {});
+  assert.equal(typeof history.RemoveElementCommand, typeof function () {});
+  assert.equal(typeof history.BatchCommand, typeof function () {});
+  assert.equal(typeof history.UndoManager, typeof function () {});
+});
+
+QUnit.test('Test UndoManager methods', function (assert) {
+  assert.expect(14);
+  setUp();
+
+  assert.ok(undoMgr);
+  assert.ok(undoMgr.addCommandToHistory);
+  assert.ok(undoMgr.getUndoStackSize);
+  assert.ok(undoMgr.getRedoStackSize);
+  assert.ok(undoMgr.resetUndoStack);
+  assert.ok(undoMgr.getNextUndoCommandText);
+  assert.ok(undoMgr.getNextRedoCommandText);
+
+  assert.equal(typeof undoMgr, typeof {});
+  assert.equal(typeof undoMgr.addCommandToHistory, typeof function () {});
+  assert.equal(typeof undoMgr.getUndoStackSize, typeof function () {});
+  assert.equal(typeof undoMgr.getRedoStackSize, typeof function () {});
+  assert.equal(typeof undoMgr.resetUndoStack, typeof function () {});
+  assert.equal(typeof undoMgr.getNextUndoCommandText, typeof function () {});
+  assert.equal(typeof undoMgr.getNextRedoCommandText, typeof function () {});
+
+  tearDown();
+});
+
+QUnit.test('Test UndoManager.addCommandToHistory() function', function (assert) {
+  assert.expect(3);
+
+  setUp();
+
+  assert.equal(undoMgr.getUndoStackSize(), 0);
+  undoMgr.addCommandToHistory(new MockCommand());
+  assert.equal(undoMgr.getUndoStackSize(), 1);
+  undoMgr.addCommandToHistory(new MockCommand());
+  assert.equal(undoMgr.getUndoStackSize(), 2);
+
+  tearDown();
+});
+
+QUnit.test('Test UndoManager.getUndoStackSize() and getRedoStackSize() functions', function (assert) {
+  assert.expect(18);
+
+  setUp();
+
+  undoMgr.addCommandToHistory(new MockCommand());
+  undoMgr.addCommandToHistory(new MockCommand());
+  undoMgr.addCommandToHistory(new MockCommand());
+
+  assert.equal(undoMgr.getUndoStackSize(), 3);
+  assert.equal(undoMgr.getRedoStackSize(), 0);
+
+  undoMgr.undo();
+  assert.equal(undoMgr.getUndoStackSize(), 2);
+  assert.equal(undoMgr.getRedoStackSize(), 1);
+
+  undoMgr.undo();
+  assert.equal(undoMgr.getUndoStackSize(), 1);
+  assert.equal(undoMgr.getRedoStackSize(), 2);
+
+  undoMgr.undo();
+  assert.equal(undoMgr.getUndoStackSize(), 0);
+  assert.equal(undoMgr.getRedoStackSize(), 3);
+
+  undoMgr.undo();
+  assert.equal(undoMgr.getUndoStackSize(), 0);
+  assert.equal(undoMgr.getRedoStackSize(), 3);
+
+  undoMgr.redo();
+  assert.equal(undoMgr.getUndoStackSize(), 1);
+  assert.equal(undoMgr.getRedoStackSize(), 2);
+
+  undoMgr.redo();
+  assert.equal(undoMgr.getUndoStackSize(), 2);
+  assert.equal(undoMgr.getRedoStackSize(), 1);
+
+  undoMgr.redo();
+  assert.equal(undoMgr.getUndoStackSize(), 3);
+  assert.equal(undoMgr.getRedoStackSize(), 0);
+
+  undoMgr.redo();
+  assert.equal(undoMgr.getUndoStackSize(), 3);
+  assert.equal(undoMgr.getRedoStackSize(), 0);
+
+  tearDown();
+});
+
+QUnit.test('Test UndoManager.resetUndoStackSize() function', function (assert) {
+  assert.expect(4);
+
+  setUp();
+
+  undoMgr.addCommandToHistory(new MockCommand());
+  undoMgr.addCommandToHistory(new MockCommand());
+  undoMgr.addCommandToHistory(new MockCommand());
+  undoMgr.undo();
+
+  assert.equal(undoMgr.getUndoStackSize(), 2);
+  assert.equal(undoMgr.getRedoStackSize(), 1);
+
+  undoMgr.resetUndoStack();
+
+  assert.equal(undoMgr.getUndoStackSize(), 0);
+  assert.equal(undoMgr.getRedoStackSize(), 0);
+
+  tearDown();
+});
+
+QUnit.test('Test UndoManager.getNextUndoCommandText() function', function (assert) {
+  assert.expect(9);
+
+  setUp();
+
+  assert.equal(undoMgr.getNextUndoCommandText(), '');
+
+  undoMgr.addCommandToHistory(new MockCommand('First'));
+  undoMgr.addCommandToHistory(new MockCommand('Second'));
+  undoMgr.addCommandToHistory(new MockCommand('Third'));
+
+  assert.equal(undoMgr.getNextUndoCommandText(), 'Third');
+
+  undoMgr.undo();
+  assert.equal(undoMgr.getNextUndoCommandText(), 'Second');
+
+  undoMgr.undo();
+  assert.equal(undoMgr.getNextUndoCommandText(), 'First');
+
+  undoMgr.undo();
+  assert.equal(undoMgr.getNextUndoCommandText(), '');
+
+  undoMgr.redo();
+  assert.equal(undoMgr.getNextUndoCommandText(), 'First');
+
+  undoMgr.redo();
+  assert.equal(undoMgr.getNextUndoCommandText(), 'Second');
+
+  undoMgr.redo();
+  assert.equal(undoMgr.getNextUndoCommandText(), 'Third');
+
+  undoMgr.redo();
+  assert.equal(undoMgr.getNextUndoCommandText(), 'Third');
+
+  tearDown();
+});
+
+QUnit.test('Test UndoManager.getNextRedoCommandText() function', function (assert) {
+  assert.expect(8);
+
+  setUp();
+
+  assert.equal(undoMgr.getNextRedoCommandText(), '');
+
+  undoMgr.addCommandToHistory(new MockCommand('First'));
+  undoMgr.addCommandToHistory(new MockCommand('Second'));
+  undoMgr.addCommandToHistory(new MockCommand('Third'));
+
+  assert.equal(undoMgr.getNextRedoCommandText(), '');
+
+  undoMgr.undo();
+  assert.equal(undoMgr.getNextRedoCommandText(), 'Third');
+
+  undoMgr.undo();
+  assert.equal(undoMgr.getNextRedoCommandText(), 'Second');
+
+  undoMgr.undo();
+  assert.equal(undoMgr.getNextRedoCommandText(), 'First');
+
+  undoMgr.redo();
+  assert.equal(undoMgr.getNextRedoCommandText(), 'Second');
+
+  undoMgr.redo();
+  assert.equal(undoMgr.getNextRedoCommandText(), 'Third');
+
+  undoMgr.redo();
+  assert.equal(undoMgr.getNextRedoCommandText(), '');
+
+  tearDown();
+});
+
+QUnit.test('Test UndoManager.undo() and redo() functions', function (assert) {
+  assert.expect(10);
+
+  setUp();
+
+  let lastCalled = null;
+  const cmd1 = new MockCommand();
+  const cmd2 = new MockCommand();
+  const cmd3 = new MockCommand();
+  cmd1.apply = function () { lastCalled = 'cmd1.apply'; };
+  cmd2.apply = function () { lastCalled = 'cmd2.apply'; };
+  cmd3.apply = function () { lastCalled = 'cmd3.apply'; };
+  cmd1.unapply = function () { lastCalled = 'cmd1.unapply'; };
+  cmd2.unapply = function () { lastCalled = 'cmd2.unapply'; };
+  cmd3.unapply = function () { lastCalled = 'cmd3.unapply'; };
+
+  undoMgr.addCommandToHistory(cmd1);
+  undoMgr.addCommandToHistory(cmd2);
+  undoMgr.addCommandToHistory(cmd3);
+
+  assert.ok(!lastCalled);
+
+  undoMgr.undo();
+  assert.equal(lastCalled, 'cmd3.unapply');
+
+  undoMgr.redo();
+  assert.equal(lastCalled, 'cmd3.apply');
+
+  undoMgr.undo();
+  undoMgr.undo();
+  assert.equal(lastCalled, 'cmd2.unapply');
+
+  undoMgr.undo();
+  assert.equal(lastCalled, 'cmd1.unapply');
+  lastCalled = null;
+
+  undoMgr.undo();
+  assert.ok(!lastCalled);
+
+  undoMgr.redo();
+  assert.equal(lastCalled, 'cmd1.apply');
+
+  undoMgr.redo();
+  assert.equal(lastCalled, 'cmd2.apply');
+
+  undoMgr.redo();
+  assert.equal(lastCalled, 'cmd3.apply');
+  lastCalled = null;
+
+  undoMgr.redo();
+  assert.ok(!lastCalled);
+
+  tearDown();
+});
+
+QUnit.test('Test MoveElementCommand', function (assert) {
+  assert.expect(26);
+
+  setUp();
+
+  let move = new history.MoveElementCommand(div3, div1, divparent);
+  assert.ok(move.unapply);
+  assert.ok(move.apply);
+  assert.equal(typeof move.unapply, typeof function () {});
+  assert.equal(typeof move.apply, typeof function () {});
+
+  move.unapply();
+  assert.equal(divparent.firstElementChild, div3);
+  assert.equal(divparent.firstElementChild.nextElementSibling, div1);
+  assert.equal(divparent.lastElementChild, div2);
+
+  move.apply();
+  assert.equal(divparent.firstElementChild, div1);
+  assert.equal(divparent.firstElementChild.nextElementSibling, div2);
+  assert.equal(divparent.lastElementChild, div3);
+
+  move = new history.MoveElementCommand(div1, null, divparent);
+
+  move.unapply();
+  assert.equal(divparent.firstElementChild, div2);
+  assert.equal(divparent.firstElementChild.nextElementSibling, div3);
+  assert.equal(divparent.lastElementChild, div1);
+
+  move.apply();
+  assert.equal(divparent.firstElementChild, div1);
+  assert.equal(divparent.firstElementChild.nextElementSibling, div2);
+  assert.equal(divparent.lastElementChild, div3);
+
+  move = new history.MoveElementCommand(div2, div5, div4);
+
+  move.unapply();
+  assert.equal(divparent.firstElementChild, div1);
+  assert.equal(divparent.firstElementChild.nextElementSibling, div3);
+  assert.equal(divparent.lastElementChild, div3);
+  assert.equal(div4.firstElementChild, div2);
+  assert.equal(div4.firstElementChild.nextElementSibling, div5);
+
+  move.apply();
+  assert.equal(divparent.firstElementChild, div1);
+  assert.equal(divparent.firstElementChild.nextElementSibling, div2);
+  assert.equal(divparent.lastElementChild, div3);
+  assert.equal(div4.firstElementChild, div5);
+  assert.equal(div4.lastElementChild, div5);
+
+  tearDown();
+});
+
+QUnit.test('Test InsertElementCommand', function (assert) {
+  assert.expect(20);
+
+  setUp();
+
+  let insert = new history.InsertElementCommand(div3);
+  assert.ok(insert.unapply);
+  assert.ok(insert.apply);
+  assert.equal(typeof insert.unapply, typeof function () {});
+  assert.equal(typeof insert.apply, typeof function () {});
+
+  insert.unapply();
+  assert.equal(divparent.childElementCount, 2);
+  assert.equal(divparent.firstElementChild, div1);
+  assert.equal(div1.nextElementSibling, div2);
+  assert.equal(divparent.lastElementChild, div2);
+
+  insert.apply();
+  assert.equal(divparent.childElementCount, 3);
+  assert.equal(divparent.firstElementChild, div1);
+  assert.equal(div1.nextElementSibling, div2);
+  assert.equal(div2.nextElementSibling, div3);
+
+  insert = new history.InsertElementCommand(div2);
+
+  insert.unapply();
+  assert.equal(divparent.childElementCount, 2);
+  assert.equal(divparent.firstElementChild, div1);
+  assert.equal(div1.nextElementSibling, div3);
+  assert.equal(divparent.lastElementChild, div3);
+
+  insert.apply();
+  assert.equal(divparent.childElementCount, 3);
+  assert.equal(divparent.firstElementChild, div1);
+  assert.equal(div1.nextElementSibling, div2);
+  assert.equal(div2.nextElementSibling, div3);
+
+  tearDown();
+});
+
+QUnit.test('Test RemoveElementCommand', function (assert) {
+  assert.expect(22);
+
+  setUp();
+
+  const div6 = document.createElement('div');
+  div6.id = 'div6';
+
+  let remove = new history.RemoveElementCommand(div6, null, divparent);
+  assert.ok(remove.unapply);
+  assert.ok(remove.apply);
+  assert.equal(typeof remove.unapply, typeof function () {});
+  assert.equal(typeof remove.apply, typeof function () {});
+
+  remove.unapply();
+  assert.equal(divparent.childElementCount, 4);
+  assert.equal(divparent.firstElementChild, div1);
+  assert.equal(div1.nextElementSibling, div2);
+  assert.equal(div2.nextElementSibling, div3);
+  assert.equal(div3.nextElementSibling, div6);
+
+  remove.apply();
+  assert.equal(divparent.childElementCount, 3);
+  assert.equal(divparent.firstElementChild, div1);
+  assert.equal(div1.nextElementSibling, div2);
+  assert.equal(div2.nextElementSibling, div3);
+
+  remove = new history.RemoveElementCommand(div6, div2, divparent);
+
+  remove.unapply();
+  assert.equal(divparent.childElementCount, 4);
+  assert.equal(divparent.firstElementChild, div1);
+  assert.equal(div1.nextElementSibling, div6);
+  assert.equal(div6.nextElementSibling, div2);
+  assert.equal(div2.nextElementSibling, div3);
+
+  remove.apply();
+  assert.equal(divparent.childElementCount, 3);
+  assert.equal(divparent.firstElementChild, div1);
+  assert.equal(div1.nextElementSibling, div2);
+  assert.equal(div2.nextElementSibling, div3);
+
+  tearDown();
+});
+
+QUnit.test('Test ChangeElementCommand', function (assert) {
+  assert.expect(26);
+
+  setUp();
+
+  div1.setAttribute('title', 'new title');
+  let change = new history.ChangeElementCommand(div1,
+    {title: 'old title', class: 'foo'});
+  assert.ok(change.unapply);
+  assert.ok(change.apply);
+  assert.equal(typeof change.unapply, typeof function () {});
+  assert.equal(typeof change.apply, typeof function () {});
+
+  change.unapply();
+  assert.equal(div1.getAttribute('title'), 'old title');
+  assert.equal(div1.getAttribute('class'), 'foo');
+
+  change.apply();
+  assert.equal(div1.getAttribute('title'), 'new title');
+  assert.ok(!div1.getAttribute('class'));
+
+  div1.textContent = 'inner text';
+  change = new history.ChangeElementCommand(div1,
+    {'#text': null});
+
+  change.unapply();
+  assert.ok(!div1.textContent);
+
+  change.apply();
+  assert.equal(div1.textContent, 'inner text');
+
+  div1.textContent = '';
+  change = new history.ChangeElementCommand(div1,
+    {'#text': 'old text'});
+
+  change.unapply();
+  assert.equal(div1.textContent, 'old text');
+
+  change.apply();
+  assert.ok(!div1.textContent);
+
+  // TODO(codedread): Refactor this #href stuff in history.js and svgcanvas.js
+  const rect = document.createElementNS(NS.SVG, 'rect');
+  let justCalled = null;
+  let gethrefvalue = null;
+  let sethrefvalue = null;
+  utilities.mock({
+    getHref (elem) {
+      assert.equal(elem, rect);
+      justCalled = 'getHref';
+      return gethrefvalue;
+    },
+    setHref (elem, val) {
+      assert.equal(elem, rect);
+      assert.equal(val, sethrefvalue);
+      justCalled = 'setHref';
+    },
+    getRotationAngle (elem) { return 0; }
+  });
+
+  gethrefvalue = '#newhref';
+  change = new history.ChangeElementCommand(rect,
+    {'#href': '#oldhref'});
+  assert.equal(justCalled, 'getHref');
+
+  justCalled = null;
+  sethrefvalue = '#oldhref';
+  change.unapply();
+  assert.equal(justCalled, 'setHref');
+
+  justCalled = null;
+  sethrefvalue = '#newhref';
+  change.apply();
+  assert.equal(justCalled, 'setHref');
+
+  const line = document.createElementNS(NS.SVG, 'line');
+  line.setAttributeNS(null, 'class', 'newClass');
+  change = new history.ChangeElementCommand(line, {class: 'oldClass'});
+
+  assert.ok(change.unapply);
+  assert.ok(change.apply);
+  assert.equal(typeof change.unapply, typeof function () {});
+  assert.equal(typeof change.apply, typeof function () {});
+
+  change.unapply();
+  assert.equal(line.getAttributeNS(null, 'class'), 'oldClass');
+
+  change.apply();
+  assert.equal(line.getAttributeNS(null, 'class'), 'newClass');
+
+  tearDown();
+});
+
+QUnit.test('Test BatchCommand', function (assert) {
+  assert.expect(13);
+
+  setUp();
+
+  let concatResult = '';
+  MockCommand.prototype.apply = function () { concatResult += this.text_; };
+
+  const batch = new history.BatchCommand();
+  assert.ok(batch.unapply);
+  assert.ok(batch.apply);
+  assert.ok(batch.addSubCommand);
+  assert.ok(batch.isEmpty);
+  assert.equal(typeof batch.unapply, typeof function () {});
+  assert.equal(typeof batch.apply, typeof function () {});
+  assert.equal(typeof batch.addSubCommand, typeof function () {});
+  assert.equal(typeof batch.isEmpty, typeof function () {});
+
+  assert.ok(batch.isEmpty());
+
+  batch.addSubCommand(new MockCommand('a'));
+  assert.ok(!batch.isEmpty());
+  batch.addSubCommand(new MockCommand('b'));
+  batch.addSubCommand(new MockCommand('c'));
+
+  assert.ok(!concatResult);
+  batch.apply();
+  assert.equal(concatResult, 'abc');
+
+  MockCommand.prototype.apply = function () {};
+  MockCommand.prototype.unapply = function () { concatResult += this.text_; };
+  concatResult = '';
+  batch.unapply();
+  assert.equal(concatResult, 'cba');
+
+  MockCommand.prototype.unapply = function () {};
+
+  tearDown();
+});
diff --git a/test/jQuery.attr_test.html b/test/jQuery.attr_test.html
new file mode 100644
index 00000000..60354d00
--- /dev/null
+++ b/test/jQuery.attr_test.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <title>Unit Tests for jQuery.attr.js</title>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="jQuery.attr_test.js"></script>
+</head>
+<body>
+  <h1 id="qunit-header">Unit Tests for jQuery.attr</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="root" style=""></div>
+</body>
+</html>
diff --git a/test/jQuery.attr_test.js b/test/jQuery.attr_test.js
new file mode 100644
index 00000000..69ddc8f9
--- /dev/null
+++ b/test/jQuery.attr_test.js
@@ -0,0 +1,8 @@
+/* eslint-env qunit */
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
diff --git a/test/jquery-svg_test.html b/test/jquery-svg_test.html
deleted file mode 100644
index ecc7e644..00000000
--- a/test/jquery-svg_test.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8" />
-  <title>Unit Tests for jquery-svg.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // log function
-    QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-  });
-  </script>
-</head>  
-<body>  
-  <h1 id='qunit-header'>Unit Tests for jquery-svg</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='root' style=''></div>
-</body>
-</html>
diff --git a/test/math_test.html b/test/math_test.html
index fb5967dd..ad361a75 100644
--- a/test/math_test.html
+++ b/test/math_test.html
@@ -3,137 +3,16 @@
 <head>
   <meta charset="utf-8" />
   <title>Unit Tests for math.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <script src='../editor/math.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // log function
-    QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-    var svg = document.createElementNS(svgedit.NS.SVG, 'svg');
-
-    module('svgedit.math');
-
-    test('Test svgedit.math package', function() {
-      expect(7);
-
-      ok(svgedit.math);
-      ok(svgedit.math.transformPoint);
-      ok(svgedit.math.isIdentity);
-      ok(svgedit.math.matrixMultiply);
-      equals(typeof svgedit.math.transformPoint, typeof function(){});
-      equals(typeof svgedit.math.isIdentity, typeof function(){});
-      equals(typeof svgedit.math.matrixMultiply, typeof function(){});
-    });
-
-    test('Test svgedit.math.transformPoint() function', function() {
-      expect(6);
-      var transformPoint = svgedit.math.transformPoint;
-
-      var m = svg.createSVGMatrix();
-      m.a = 1; m.b = 0;
-      m.c = 0; m.d = 1;
-      m.e = 0; m.f = 0;
-      var pt = transformPoint(100, 200, m);
-      equals(pt.x, 100);
-      equals(pt.y, 200);
-
-      m.e = 300; m.f = 400;
-      pt = transformPoint(100, 200, m);
-      equals(pt.x, 400);
-      equals(pt.y, 600);
-
-      m.a = 0.5; m.b = 0.75;
-      m.c = 1.25; m.d = 2;
-      pt = transformPoint(100, 200, m);
-      equals(pt.x, 100 * m.a + 200 * m.c + m.e);
-      equals(pt.y, 100 * m.b + 200 * m.d + m.f);
-    });
-
-    test('Test svgedit.math.isIdentity() function', function() {
-      expect(2);
-
-      ok(svgedit.math.isIdentity(svg.createSVGMatrix()));
-
-      var m = svg.createSVGMatrix();
-      m.a = 1; m.b = 0;
-      m.c = 0; m.d = 1;
-      m.e = 0; m.f = 0;
-      ok(svgedit.math.isIdentity(m));
-    });
-
-    test('Test svgedit.math.matrixMultiply() function', function() {
-      expect(5);
-      var mult = svgedit.math.matrixMultiply;
-      var isIdentity = svgedit.math.isIdentity;
-
-      // translate there and back
-      var tr_1 = svg.createSVGMatrix().translate(100,50),
-        tr_2 = svg.createSVGMatrix().translate(-90,0),
-        tr_3 = svg.createSVGMatrix().translate(-10,-50),
-        I = mult(tr_1,tr_2,tr_3);
-      ok(isIdentity(I), 'Expected identity matrix when translating there and back');
-
-      // rotate there and back
-      // TODO: currently Mozilla fails this when rotating back at -50 and then -40 degrees
-      // (b and c are *almost* zero, but not zero)
-      var rot_there = svg.createSVGMatrix().rotate(90),
-        rot_back = svg.createSVGMatrix().rotate(-90); // TODO: set this to -50
-        rot_back_more = svg.createSVGMatrix().rotate(0); // TODO: set this to -40
-      I = mult(rot_there, rot_back, rot_back_more);
-      ok(isIdentity(I), 'Expected identity matrix when rotating there and back');
-
-      // scale up and down
-      var scale_up = svg.createSVGMatrix().scale(4),
-        scale_down = svg.createSVGMatrix().scaleNonUniform(0.25,1);
-        scale_down_more = svg.createSVGMatrix().scaleNonUniform(1,0.25);
-      I = mult(scale_up, scale_down, scale_down_more);
-      ok(isIdentity(I), 'Expected identity matrix when scaling up and down');
-
-      // test multiplication with its inverse
-      I = mult(rot_there, rot_there.inverse());
-      ok(isIdentity(I), 'Expected identity matrix when multiplying a matrix by its inverse');
-      I = mult(rot_there.inverse(), rot_there);
-      ok(isIdentity(I), 'Expected identity matrix when multiplying a matrix by its inverse');
-    });
-
-    test('Test svgedit.math.transformBox() function', function() {
-      expect(12);
-      var transformBox = svgedit.math.transformBox;
-
-      var m = svg.createSVGMatrix();
-      m.a = 1; m.b = 0;
-      m.c = 0; m.d = 1;
-      m.e = 0; m.f = 0;
-
-      var r = transformBox(10, 10, 200, 300, m);
-      equals(r.tl.x, 10);
-      equals(r.tl.y, 10);
-      equals(r.tr.x, 210);
-      equals(r.tr.y, 10);
-      equals(r.bl.x, 10);
-      equals(r.bl.y, 310);
-      equals(r.br.x, 210);
-      equals(r.br.y, 310);
-      equals(r.aabox.x, 10);
-      equals(r.aabox.y, 10);
-      equals(r.aabox.width, 200);
-      equals(r.aabox.height, 300);
-    });
-  });
-  </script>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="math_test.js"></script>
 </head>
 <body>
-  <h1 id='qunit-header'>Unit Tests for math.js</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
+  <h1 id="qunit-header">Unit Tests for math.js</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
 </body>
 </html>
diff --git a/test/math_test.js b/test/math_test.js
new file mode 100644
index 00000000..b849b672
--- /dev/null
+++ b/test/math_test.js
@@ -0,0 +1,121 @@
+/* eslint-env qunit */
+import {NS} from '../editor/namespaces.js';
+import * as math from '../editor/math.js';
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+const svg = document.createElementNS(NS.SVG, 'svg');
+
+QUnit.module('svgedit.math');
+
+QUnit.test('Test svgedit.math package', function (assert) {
+  assert.expect(7);
+
+  assert.ok(math);
+  assert.ok(math.transformPoint);
+  assert.ok(math.isIdentity);
+  assert.ok(math.matrixMultiply);
+  assert.equal(typeof math.transformPoint, typeof function () {});
+  assert.equal(typeof math.isIdentity, typeof function () {});
+  assert.equal(typeof math.matrixMultiply, typeof function () {});
+});
+
+QUnit.test('Test svgedit.math.transformPoint() function', function (assert) {
+  assert.expect(6);
+  const {transformPoint} = math;
+
+  const m = svg.createSVGMatrix();
+  m.a = 1; m.b = 0;
+  m.c = 0; m.d = 1;
+  m.e = 0; m.f = 0;
+  let pt = transformPoint(100, 200, m);
+  assert.equal(pt.x, 100);
+  assert.equal(pt.y, 200);
+
+  m.e = 300; m.f = 400;
+  pt = transformPoint(100, 200, m);
+  assert.equal(pt.x, 400);
+  assert.equal(pt.y, 600);
+
+  m.a = 0.5; m.b = 0.75;
+  m.c = 1.25; m.d = 2;
+  pt = transformPoint(100, 200, m);
+  assert.equal(pt.x, 100 * m.a + 200 * m.c + m.e);
+  assert.equal(pt.y, 100 * m.b + 200 * m.d + m.f);
+});
+
+QUnit.test('Test svgedit.math.isIdentity() function', function (assert) {
+  assert.expect(2);
+
+  assert.ok(math.isIdentity(svg.createSVGMatrix()));
+
+  const m = svg.createSVGMatrix();
+  m.a = 1; m.b = 0;
+  m.c = 0; m.d = 1;
+  m.e = 0; m.f = 0;
+  assert.ok(math.isIdentity(m));
+});
+
+QUnit.test('Test svgedit.math.matrixMultiply() function', function (assert) {
+  assert.expect(5);
+  const mult = math.matrixMultiply;
+  const {isIdentity} = math;
+
+  // translate there and back
+  const tr1 = svg.createSVGMatrix().translate(100, 50),
+    tr2 = svg.createSVGMatrix().translate(-90, 0),
+    tr3 = svg.createSVGMatrix().translate(-10, -50);
+  let I = mult(tr1, tr2, tr3);
+  assert.ok(isIdentity(I), 'Expected identity matrix when translating there and back');
+
+  // rotate there and back
+  // TODO: currently Mozilla fails this when rotating back at -50 and then -40 degrees
+  // (b and c are *almost* zero, but not zero)
+  const rotThere = svg.createSVGMatrix().rotate(90),
+    rotBack = svg.createSVGMatrix().rotate(-90), // TODO: set this to -50
+    rotBackMore = svg.createSVGMatrix().rotate(0); // TODO: set this to -40
+  I = mult(rotThere, rotBack, rotBackMore);
+  assert.ok(isIdentity(I), 'Expected identity matrix when rotating there and back');
+
+  // scale up and down
+  const scaleUp = svg.createSVGMatrix().scale(4),
+    scaleDown = svg.createSVGMatrix().scaleNonUniform(0.25, 1),
+    scaleDownMore = svg.createSVGMatrix().scaleNonUniform(1, 0.25);
+  I = mult(scaleUp, scaleDown, scaleDownMore);
+  assert.ok(isIdentity(I), 'Expected identity matrix when scaling up and down');
+
+  // test multiplication with its inverse
+  I = mult(rotThere, rotThere.inverse());
+  assert.ok(isIdentity(I), 'Expected identity matrix when multiplying a matrix by its inverse');
+  I = mult(rotThere.inverse(), rotThere);
+  assert.ok(isIdentity(I), 'Expected identity matrix when multiplying a matrix by its inverse');
+});
+
+QUnit.test('Test svgedit.math.transformBox() function', function (assert) {
+  assert.expect(12);
+  const {transformBox} = math;
+
+  const m = svg.createSVGMatrix();
+  m.a = 1; m.b = 0;
+  m.c = 0; m.d = 1;
+  m.e = 0; m.f = 0;
+
+  const r = transformBox(10, 10, 200, 300, m);
+  assert.equal(r.tl.x, 10);
+  assert.equal(r.tl.y, 10);
+  assert.equal(r.tr.x, 210);
+  assert.equal(r.tr.y, 10);
+  assert.equal(r.bl.x, 10);
+  assert.equal(r.bl.y, 310);
+  assert.equal(r.br.x, 210);
+  assert.equal(r.br.y, 310);
+  assert.equal(r.aabox.x, 10);
+  assert.equal(r.aabox.y, 10);
+  assert.equal(r.aabox.width, 200);
+  assert.equal(r.aabox.height, 300);
+});
diff --git a/test/path_test.html b/test/path_test.html
index 3c80708e..bc7ad028 100644
--- a/test/path_test.html
+++ b/test/path_test.html
@@ -3,159 +3,17 @@
 <head>
   <meta charset="utf-8" />
   <title>Unit Tests for path.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <script src='../editor/pathseg.js'></script>
-  <script src='../editor/browser.js'></script>
-  <script src='../editor/svgutils.js'></script>
-  <script src='../editor/path.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // log function
-    QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-    test('Test svgedit.path.replacePathSeg', function() {
-      expect(6);
-
-      var path = document.createElementNS(svgedit.NS.SVG, 'path');
-      path.setAttribute('d', 'M0,0 L10,11 L20,21Z');
-      svgedit.path.init();
-      svgedit.path.Path(path);
-
-      equals(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L');
-      equals(path.pathSegList.getItem(1).x, 10);
-      equals(path.pathSegList.getItem(1).y, 11);
-
-      svgedit.path.replacePathSeg(SVGPathSeg.PATHSEG_LINETO_REL, 1, [30, 31], path);
-
-      equals(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'l');
-      equals(path.pathSegList.getItem(1).x, 30);
-      equals(path.pathSegList.getItem(1).y, 31);
-    });
-
-    test('Test svgedit.path.Segment.setType simple', function() {
-      expect(9);
-
-      var path = document.createElementNS(svgedit.NS.SVG, 'path');
-      path.setAttribute('d', 'M0,0 L10,11 L20,21Z');
-      svgedit.path.init();
-      svgedit.path.Path(path);
-
-      equals(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L');
-      equals(path.pathSegList.getItem(1).x, 10);
-      equals(path.pathSegList.getItem(1).y, 11);
-
-      var segment = new svgedit.path.Segment(1, path.pathSegList.getItem(1));
-      segment.setType(SVGPathSeg.PATHSEG_LINETO_REL, [30, 31]);
-      equals(segment.item.pathSegTypeAsLetter, 'l');
-      equals(segment.item.x, 30);
-      equals(segment.item.y, 31);
-
-      // Also verify that the actual path changed.
-      equals(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'l');
-      equals(path.pathSegList.getItem(1).x, 30);
-      equals(path.pathSegList.getItem(1).y, 31);
-    });
-
-    test('Test svgedit.path.Segment.setType with control points', function() {
-      expect(14);
-
-      // Setup the dom for a mock control group.
-      var svg = document.createElementNS(svgedit.NS.SVG, 'svg');
-      var path = document.createElementNS(svgedit.NS.SVG, 'path');
-      path.setAttribute('d', 'M0,0 C11,12 13,14 15,16 Z');
-      svg.appendChild(path);
-      var selectorParentGroup = document.createElementNS(svgedit.NS.SVG, 'g');
-      selectorParentGroup.setAttribute('id', 'selectorParentGroup');
-      svg.appendChild(selectorParentGroup);
-      var mockContext = {
-        getDOMDocument: function() { return svg; },
-        getDOMContainer: function() { return svg; },
-        getSVGRoot: function() { return svg; },
-        getCurrentZoom: function() { return 1; }
-      };
-      svgedit.path.init(mockContext);
-      svgedit.utilities.init(mockContext);
-      var segment = new svgedit.path.Segment(1, path.pathSegList.getItem(1));
-      segment.path = new svgedit.path.Path(path);
-
-      equals(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'C');
-      equals(path.pathSegList.getItem(1).x1, 11);
-      equals(path.pathSegList.getItem(1).y1, 12);
-      equals(path.pathSegList.getItem(1).x2, 13);
-      equals(path.pathSegList.getItem(1).y2, 14);
-      equals(path.pathSegList.getItem(1).x, 15);
-      equals(path.pathSegList.getItem(1).y, 16);
-
-      segment.setType(SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, [30, 31, 32, 33, 34, 35]);
-      equals(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'c');
-      equals(path.pathSegList.getItem(1).x1, 32);
-      equals(path.pathSegList.getItem(1).y1, 33);
-      equals(path.pathSegList.getItem(1).x2, 34);
-      equals(path.pathSegList.getItem(1).y2, 35);
-      equals(path.pathSegList.getItem(1).x, 30);
-      equals(path.pathSegList.getItem(1).y, 31);
-    });
-
-    test('Test svgedit.path.Segment.move', function() {
-      expect(6);
-
-      var path = document.createElementNS(svgedit.NS.SVG, 'path');
-      path.setAttribute('d', 'M0,0 L10,11 L20,21Z');
-      svgedit.path.init();
-      svgedit.path.Path(path);
-
-      equals(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L');
-      equals(path.pathSegList.getItem(1).x, 10);
-      equals(path.pathSegList.getItem(1).y, 11);
-
-      var segment = new svgedit.path.Segment(1, path.pathSegList.getItem(1));
-      segment.move(-3, 4);
-      equals(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L');
-      equals(path.pathSegList.getItem(1).x, 7);
-      equals(path.pathSegList.getItem(1).y, 15);
-    });
-
-    test('Test svgedit.path.Segment.moveCtrl', function() {
-      expect(14);
-
-      var path = document.createElementNS(svgedit.NS.SVG, 'path');
-      path.setAttribute('d', 'M0,0 C11,12 13,14 15,16 Z');
-      svgedit.path.init();
-      svgedit.path.Path(path);
-
-      equals(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'C');
-      equals(path.pathSegList.getItem(1).x1, 11);
-      equals(path.pathSegList.getItem(1).y1, 12);
-      equals(path.pathSegList.getItem(1).x2, 13);
-      equals(path.pathSegList.getItem(1).y2, 14);
-      equals(path.pathSegList.getItem(1).x, 15);
-      equals(path.pathSegList.getItem(1).y, 16);
-
-      var segment = new svgedit.path.Segment(1, path.pathSegList.getItem(1));
-      segment.moveCtrl(1, 100, -200);
-      equals(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'C');
-      equals(path.pathSegList.getItem(1).x1, 111);
-      equals(path.pathSegList.getItem(1).y1, -188);
-      equals(path.pathSegList.getItem(1).x2, 13);
-      equals(path.pathSegList.getItem(1).y2, 14);
-      equals(path.pathSegList.getItem(1).x, 15);
-      equals(path.pathSegList.getItem(1).y, 16);
-    });
-  });
-  </script>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="path_test.js"></script>
 </head>
 <body>
-  <h1 id='qunit-header'>Unit Tests for path.js</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='anchor' style='visibility:hidden'></div>
+  <h1 id="qunit-header">Unit Tests for path.js</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="anchor" style="visibility: hidden;"></div>
 </body>
 </html>
diff --git a/test/path_test.js b/test/path_test.js
new file mode 100644
index 00000000..5474179c
--- /dev/null
+++ b/test/path_test.js
@@ -0,0 +1,174 @@
+/* eslint-env qunit */
+import '../editor/svgpathseg.js';
+import {NS} from '../editor/namespaces.js';
+import * as utilities from '../editor/utilities.js';
+import * as pathModule from '../editor/path.js';
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+/**
+* @param {SVGSVGElement} [svg]
+* @returns {Array}
+*/
+function getMockContexts (svg) {
+  svg = svg || document.createElementNS(NS.SVG, 'svg');
+  const selectorParentGroup = document.createElementNS(NS.SVG, 'g');
+  selectorParentGroup.setAttribute('id', 'selectorParentGroup');
+  svg.append(selectorParentGroup);
+  return [
+    /**
+    * @implements {module:path.EditorContext}
+    */
+    {
+      getSVGRoot () { return svg; },
+      getCurrentZoom () { return 1; }
+    },
+    /**
+    * @implements {module:utilities.EditorContext}
+    */
+    {
+      getDOMDocument () { return svg; },
+      getDOMContainer () { return svg; },
+      getSVGRoot () { return svg; }
+    }
+  ];
+}
+
+QUnit.test('Test svgedit.path.replacePathSeg', function (assert) {
+  assert.expect(6);
+
+  const path = document.createElementNS(NS.SVG, 'path');
+  path.setAttribute('d', 'M0,0 L10,11 L20,21Z');
+
+  const [mockPathContext, mockUtilitiesContext] = getMockContexts();
+  pathModule.init(mockPathContext);
+  utilities.init(mockUtilitiesContext);
+  new pathModule.Path(path); // eslint-disable-line no-new
+
+  assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L');
+  assert.equal(path.pathSegList.getItem(1).x, 10);
+  assert.equal(path.pathSegList.getItem(1).y, 11);
+
+  pathModule.replacePathSeg(SVGPathSeg.PATHSEG_LINETO_REL, 1, [30, 31], path);
+
+  assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'l');
+  assert.equal(path.pathSegList.getItem(1).x, 30);
+  assert.equal(path.pathSegList.getItem(1).y, 31);
+});
+
+QUnit.test('Test svgedit.path.Segment.setType simple', function (assert) {
+  assert.expect(9);
+
+  const path = document.createElementNS(NS.SVG, 'path');
+  path.setAttribute('d', 'M0,0 L10,11 L20,21Z');
+
+  const [mockPathContext, mockUtilitiesContext] = getMockContexts();
+  pathModule.init(mockPathContext);
+  utilities.init(mockUtilitiesContext);
+  new pathModule.Path(path); // eslint-disable-line no-new
+
+  assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L');
+  assert.equal(path.pathSegList.getItem(1).x, 10);
+  assert.equal(path.pathSegList.getItem(1).y, 11);
+
+  const segment = new pathModule.Segment(1, path.pathSegList.getItem(1));
+  segment.setType(SVGPathSeg.PATHSEG_LINETO_REL, [30, 31]);
+  assert.equal(segment.item.pathSegTypeAsLetter, 'l');
+  assert.equal(segment.item.x, 30);
+  assert.equal(segment.item.y, 31);
+
+  // Also verify that the actual path changed.
+  assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'l');
+  assert.equal(path.pathSegList.getItem(1).x, 30);
+  assert.equal(path.pathSegList.getItem(1).y, 31);
+});
+
+QUnit.test('Test svgedit.path.Segment.setType with control points', function (assert) {
+  assert.expect(14);
+
+  // Setup the dom for a mock control group.
+  const svg = document.createElementNS(NS.SVG, 'svg');
+  const path = document.createElementNS(NS.SVG, 'path');
+  path.setAttribute('d', 'M0,0 C11,12 13,14 15,16 Z');
+  svg.append(path);
+
+  const [mockPathContext, mockUtilitiesContext] = getMockContexts(svg);
+  pathModule.init(mockPathContext);
+  utilities.init(mockUtilitiesContext);
+  const segment = new pathModule.Segment(1, path.pathSegList.getItem(1));
+  segment.path = new pathModule.Path(path);
+
+  assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'C');
+  assert.equal(path.pathSegList.getItem(1).x1, 11);
+  assert.equal(path.pathSegList.getItem(1).y1, 12);
+  assert.equal(path.pathSegList.getItem(1).x2, 13);
+  assert.equal(path.pathSegList.getItem(1).y2, 14);
+  assert.equal(path.pathSegList.getItem(1).x, 15);
+  assert.equal(path.pathSegList.getItem(1).y, 16);
+
+  segment.setType(SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL, [30, 31, 32, 33, 34, 35]);
+  assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'c');
+  assert.equal(path.pathSegList.getItem(1).x1, 32);
+  assert.equal(path.pathSegList.getItem(1).y1, 33);
+  assert.equal(path.pathSegList.getItem(1).x2, 34);
+  assert.equal(path.pathSegList.getItem(1).y2, 35);
+  assert.equal(path.pathSegList.getItem(1).x, 30);
+  assert.equal(path.pathSegList.getItem(1).y, 31);
+});
+
+QUnit.test('Test svgedit.path.Segment.move', function (assert) {
+  assert.expect(6);
+
+  const path = document.createElementNS(NS.SVG, 'path');
+  path.setAttribute('d', 'M0,0 L10,11 L20,21Z');
+
+  const [mockPathContext, mockUtilitiesContext] = getMockContexts();
+  pathModule.init(mockPathContext);
+  utilities.init(mockUtilitiesContext);
+  new pathModule.Path(path); // eslint-disable-line no-new
+
+  assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L');
+  assert.equal(path.pathSegList.getItem(1).x, 10);
+  assert.equal(path.pathSegList.getItem(1).y, 11);
+
+  const segment = new pathModule.Segment(1, path.pathSegList.getItem(1));
+  segment.move(-3, 4);
+  assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'L');
+  assert.equal(path.pathSegList.getItem(1).x, 7);
+  assert.equal(path.pathSegList.getItem(1).y, 15);
+});
+
+QUnit.test('Test svgedit.path.Segment.moveCtrl', function (assert) {
+  assert.expect(14);
+
+  const path = document.createElementNS(NS.SVG, 'path');
+  path.setAttribute('d', 'M0,0 C11,12 13,14 15,16 Z');
+
+  const [mockPathContext, mockUtilitiesContext] = getMockContexts();
+  pathModule.init(mockPathContext);
+  utilities.init(mockUtilitiesContext);
+  new pathModule.Path(path); // eslint-disable-line no-new
+
+  assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'C');
+  assert.equal(path.pathSegList.getItem(1).x1, 11);
+  assert.equal(path.pathSegList.getItem(1).y1, 12);
+  assert.equal(path.pathSegList.getItem(1).x2, 13);
+  assert.equal(path.pathSegList.getItem(1).y2, 14);
+  assert.equal(path.pathSegList.getItem(1).x, 15);
+  assert.equal(path.pathSegList.getItem(1).y, 16);
+
+  const segment = new pathModule.Segment(1, path.pathSegList.getItem(1));
+  segment.moveCtrl(1, 100, -200);
+  assert.equal(path.pathSegList.getItem(1).pathSegTypeAsLetter, 'C');
+  assert.equal(path.pathSegList.getItem(1).x1, 111);
+  assert.equal(path.pathSegList.getItem(1).y1, -188);
+  assert.equal(path.pathSegList.getItem(1).x2, 13);
+  assert.equal(path.pathSegList.getItem(1).y2, 14);
+  assert.equal(path.pathSegList.getItem(1).x, 15);
+  assert.equal(path.pathSegList.getItem(1).y, 16);
+});
diff --git a/test/qunit/qunit-assert-almostEquals.js b/test/qunit/qunit-assert-almostEquals.js
new file mode 100644
index 00000000..d7f679a8
--- /dev/null
+++ b/test/qunit/qunit-assert-almostEquals.js
@@ -0,0 +1,18 @@
+const NEAR_ZERO = 5e-6; // 0.000005, Firefox fails at higher levels of precision.
+
+function almostEquals (actual, expected, message) {
+  message = message || (actual + ' did not equal ' + expected);
+  this.pushResult({
+    result: Math.abs(actual - expected) < NEAR_ZERO,
+    actual,
+    expected,
+    message
+  });
+}
+
+export default function extend (QUnit) {
+  QUnit.extend(QUnit.assert, {
+    almostEquals
+  });
+  return QUnit;
+}
diff --git a/test/qunit/qunit-assert-close.js b/test/qunit/qunit-assert-close.js
index 4b71e3df..30f0b071 100644
--- a/test/qunit/qunit-assert-close.js
+++ b/test/qunit/qunit-assert-close.js
@@ -4,50 +4,46 @@
  *
  * @example assert.close(3.141, Math.PI, 0.001);
  *
- * @param Number actual
- * @param Number expected
- * @param Number maxDifference (the maximum inclusive difference allowed between the actual and expected numbers)
- * @param String message (optional)
+ * @param {Float} actual
+ * @param {Float} expected
+ * @param {Float} maxDifference (the maximum inclusive difference allowed between the actual and expected numbers)
+ * @param {string} [message] Defaults to structured message
  */
-function close(actual, expected, maxDifference, message) {
-  var actualDiff = (actual === expected) ? 0 : Math.abs(actual - expected),
-      result = actualDiff <= maxDifference;
-  message = message || (actual + " should be within " + maxDifference + " (inclusive) of " + expected + (result ? "" : ". Actual: " + actualDiff));
-  QUnit.push(result, actual, expected, message);
+function close (actual, expected, maxDifference, message) {
+  const actualDiff = (actual === expected) ? 0 : Math.abs(actual - expected),
+    result = actualDiff <= maxDifference;
+  message = message || (actual + ' should be within ' + maxDifference + ' (inclusive) of ' + expected + (result ? '' : '. Actual: ' + actualDiff));
+  this.pushResult({result, actual, expected, message});
 }
 
-
 /**
  * Checks that the first two arguments are equal, or are numbers close enough to be considered equal
  * based on a specified maximum allowable difference percentage.
  *
  * @example assert.close.percent(155, 150, 3.4);  // Difference is ~3.33%
  *
- * @param Number actual
- * @param Number expected
- * @param Number maxPercentDifference (the maximum inclusive difference percentage allowed between the actual and expected numbers)
- * @param String message (optional)
+ * @param {Float} actual
+ * @param {Float} expected
+ * @param {Float} maxPercentDifference (the maximum inclusive difference percentage allowed between the actual and expected numbers)
+ * @param {string} [message] Defaults to a structured message
  */
-close.percent = function closePercent(actual, expected, maxPercentDifference, message) {
-  var actualDiff, result;
+function closePercent (actual, expected, maxPercentDifference, message) {
+  let actualDiff, result;
   if (actual === expected) {
     actualDiff = 0;
     result = actualDiff <= maxPercentDifference;
-  }
-  else if (actual !== 0 && expected !== 0 && expected !== Infinity && expected !== -Infinity) {
+  } else if (actual !== 0 && expected !== 0 && expected !== Infinity && expected !== -Infinity) {
     actualDiff = Math.abs(100 * (actual - expected) / expected);
     result = actualDiff <= maxPercentDifference;
-  }
-  else {
+  } else {
     // Dividing by zero (0)!  Should return `false` unless the max percentage was `Infinity`
     actualDiff = Infinity;
     result = maxPercentDifference === Infinity;
   }
-  message = message || (actual + " should be within " + maxPercentDifference + "% (inclusive) of " + expected + (result ? "" : ". Actual: " + actualDiff + "%"));
-
-  QUnit.push(result, actual, expected, message);
-};
+  message = message || (actual + ' should be within ' + maxPercentDifference + '% (inclusive) of ' + expected + (result ? '' : '. Actual: ' + actualDiff + '%'));
 
+  this.pushResult(result, actual, expected, message);
+}
 
 /**
  * Checks that the first two arguments are numbers with differences greater than the specified
@@ -55,52 +51,53 @@ close.percent = function closePercent(actual, expected, maxPercentDifference, me
  *
  * @example assert.notClose(3.1, Math.PI, 0.001);
  *
- * @param Number actual
- * @param Number expected
- * @param Number minDifference (the minimum exclusive difference allowed between the actual and expected numbers)
- * @param String message (optional)
+ * @param {Float} actual
+ * @param {Float} expected
+ * @param {Float} minDifference (the minimum exclusive difference allowed between the actual and expected numbers)
+ * @param {string} [message] Defaults to structured message
  */
-function notClose(actual, expected, minDifference, message) {
-  var actualDiff = Math.abs(actual - expected),
-      result = actualDiff > minDifference;
-  message = message || (actual + " should not be within " + minDifference + " (exclusive) of " + expected + (result ? "" : ". Actual: " + actualDiff));
-  QUnit.push(result, actual, expected, message);
+function notClose (actual, expected, minDifference, message) {
+  const actualDiff = Math.abs(actual - expected),
+    result = actualDiff > minDifference;
+  message = message || (actual + ' should not be within ' + minDifference + ' (exclusive) of ' + expected + (result ? '' : '. Actual: ' + actualDiff));
+  this.pushResult(result, actual, expected, message);
 }
 
-
 /**
  * Checks that the first two arguments are numbers with differences greater than the specified
  * minimum difference percentage.
  *
  * @example assert.notClose.percent(156, 150, 3.5);  // Difference is 4.0%
  *
- * @param Number actual
- * @param Number expected
- * @param Number minPercentDifference (the minimum exclusive difference percentage allowed between the actual and expected numbers)
- * @param String message (optional)
+ * @param {Float} actual
+ * @param {Float} expected
+ * @param {Float} minPercentDifference (the minimum exclusive difference percentage allowed between the actual and expected numbers)
+ * @param {string} [message] Defaults to a structured message
  */
-notClose.percent = function notClosePercent(actual, expected, minPercentDifference, message) {
-  var actualDiff, result;
+function notClosePercent (actual, expected, minPercentDifference, message) {
+  let actualDiff, result;
   if (actual === expected) {
     actualDiff = 0;
     result = actualDiff > minPercentDifference;
-  }
-  else if (actual !== 0 && expected !== 0 && expected !== Infinity && expected !== -Infinity) {
+  } else if (actual !== 0 && expected !== 0 && expected !== Infinity && expected !== -Infinity) {
     actualDiff = Math.abs(100 * (actual - expected) / expected);
     result = actualDiff > minPercentDifference;
-  }
-  else {
+  } else {
     // Dividing by zero (0)!  Should only return `true` if the min percentage was `Infinity`
     actualDiff = Infinity;
     result = minPercentDifference !== Infinity;
   }
-  message = message || (actual + " should not be within " + minPercentDifference + "% (exclusive) of " + expected + (result ? "" : ". Actual: " + actualDiff + "%"));
+  message = message || (actual + ' should not be within ' + minPercentDifference + '% (exclusive) of ' + expected + (result ? '' : '. Actual: ' + actualDiff + '%'));
 
-  QUnit.push(result, actual, expected, message);
-};
+  this.pushResult({result, actual, expected, message});
+}
 
-
-//QUnit.extend(QUnit.assert, {
-//  close: close,
-//  notClose: notClose
-//});
\ No newline at end of file
+export default function extend (QUnit) {
+  QUnit.extend(QUnit.assert, {
+    close,
+    closePercent,
+    notClose,
+    notClosePercent
+  });
+  return QUnit;
+}
diff --git a/test/qunit/qunit-assert-expectOutOfBoundsException.js b/test/qunit/qunit-assert-expectOutOfBoundsException.js
new file mode 100644
index 00000000..20d911c3
--- /dev/null
+++ b/test/qunit/qunit-assert-expectOutOfBoundsException.js
@@ -0,0 +1,21 @@
+function expectOutOfBoundsException (obj, fn, arg1) {
+  const expected = true;
+  const message = 'Caught an INDEX_SIZE_ERR exception';
+  let result = false;
+  try {
+    obj[fn](arg1);
+  } catch (e) {
+    if (e.code === 1) {
+      result = true;
+    }
+  }
+  const actual = result;
+  console.log('aaa', result, actual, expected);
+  this.pushResult({result, actual, expected, message});
+}
+export default function extend (QUnit) {
+  QUnit.extend(QUnit.assert, {
+    expectOutOfBoundsException
+  });
+  return QUnit;
+}
diff --git a/test/qunit/qunit.css b/test/qunit/qunit.css
deleted file mode 100644
index a6a831c2..00000000
--- a/test/qunit/qunit.css
+++ /dev/null
@@ -1,197 +0,0 @@
-/** Font Family and Sizes */
-
-#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
-	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
-}
-
-#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
-#qunit-tests { font-size: smaller; }
-
-
-/** Resets */
-
-#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
-	margin: 0;
-	padding: 0;
-}
-
-
-/** Header */
-
-#qunit-header {
-	padding: 0.5em 0 0.5em 1em;
-
-	color: #8699a4;
-	background-color: #0d3349;
-
-	font-size: 1.5em;
-	line-height: 1em;
-	font-weight: normal;
-	
-	border-radius: 15px 15px 0 0;
-	-moz-border-radius: 15px 15px 0 0;
-	-webkit-border-top-right-radius: 15px;
-	-webkit-border-top-left-radius: 15px;
-}
-
-#qunit-header a {
-	text-decoration: none;
-	color: #c2ccd1;
-}
-
-#qunit-header a:hover,
-#qunit-header a:focus {
-	color: #fff;
-}
-
-#qunit-banner {
-	height: 5px;
-}
-
-#qunit-testrunner-toolbar {
-	padding: 0.5em 0 0.5em 2em;
-	color: #5E740B;
-	background-color: #eee;
-}
-
-#qunit-userAgent {
-	padding: 0.5em 0 0.5em 2.5em;
-	background-color: #2b81af;
-	color: #fff;
-	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
-}
-
-
-/** Tests: Pass/Fail */
-
-#qunit-tests {
-	list-style-position: inside;
-}
-
-#qunit-tests li {
-	padding: 0.4em 0.5em 0.4em 2.5em;
-	border-bottom: 1px solid #fff;
-	list-style-position: inside;
-}
-
-#qunit-tests li strong {
-	cursor: pointer;
-}
-
-#qunit-tests ol {
-	margin-top: 0.5em;
-	padding: 0.5em;
-	
-	background-color: #fff;
-	
-	border-radius: 15px;
-	-moz-border-radius: 15px;
-	-webkit-border-radius: 15px;
-	
-	box-shadow: inset 0px 2px 13px #999;
-	-moz-box-shadow: inset 0px 2px 13px #999;
-	-webkit-box-shadow: inset 0px 2px 13px #999;
-}
-
-#qunit-tests table {
-	border-collapse: collapse;
-	margin-top: .2em;
-}
-
-#qunit-tests th {
-	text-align: right;
-	vertical-align: top;
-	padding: 0 .5em 0 0;
-}
-
-#qunit-tests td {
-	vertical-align: top;
-}
-
-#qunit-tests pre {
-	margin: 0;
-	white-space: pre-wrap;
-	word-wrap: break-word;
-}
-
-#qunit-tests del {
-	background-color: #e0f2be;
-	color: #374e0c;
-	text-decoration: none;
-}
-
-#qunit-tests ins {
-	background-color: #ffcaca;
-	color: #500;
-	text-decoration: none;
-}
-
-/*** Test Counts */
-
-#qunit-tests b.counts                       { color: black; }
-#qunit-tests b.passed                       { color: #5E740B; }
-#qunit-tests b.failed                       { color: #710909; }
-
-#qunit-tests li li {
-	margin: 0.5em;
-	padding: 0.4em 0.5em 0.4em 0.5em;
-	background-color: #fff;
-	border-bottom: none;
-	list-style-position: inside;
-}
-
-/*** Passing Styles */
-
-#qunit-tests li li.pass {
-	color: #5E740B;
-	background-color: #fff;
-	border-left: 26px solid #C6E746;
-}
-
-#qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
-#qunit-tests .pass .test-name               { color: #366097; }
- 
-#qunit-tests .pass .test-actual,
-#qunit-tests .pass .test-expected           { color: #999999; }
-
-#qunit-banner.qunit-pass                    { background-color: #C6E746; }
-
-/*** Failing Styles */
-
-#qunit-tests li li.fail {
-	color: #710909;
-	background-color: #fff;
-	border-left: 26px solid #EE5757;
-}
-
-#qunit-tests .fail                          { color: #000000; background-color: #EE5757; }
-#qunit-tests .fail .test-name,
-#qunit-tests .fail .module-name             { color: #000000; }
-
-#qunit-tests .fail .test-actual             { color: #EE5757; }
-#qunit-tests .fail .test-expected           { color: green;   }
-
-#qunit-banner.qunit-fail                    { background-color: #EE5757; }
-
-
-/** Footer */
-
-#qunit-testresult {
-	padding: 0.5em 0.5em 0.5em 2.5em;
-
-	color: #2b81af;
-	background-color: #D2E0E6;
-
-	border-radius: 0 0 15px 15px;
-	-moz-border-radius: 0 0 15px 15px;
-	-webkit-border-bottom-right-radius: 15px;
-	-webkit-border-bottom-left-radius: 15px;
-}
-
-/** Fixture */
-
-#qunit-fixture {
-	position: absolute;
-	top: -10000px;
-	left: -10000px;
-}
diff --git a/test/qunit/qunit.js b/test/qunit/qunit.js
deleted file mode 100644
index 30e03953..00000000
--- a/test/qunit/qunit.js
+++ /dev/null
@@ -1,1415 +0,0 @@
-/*
- * QUnit - A JavaScript Unit Testing Framework
- * 
- * http://docs.jquery.com/QUnit
- *
- * Copyright (c) 2011 John Resig, Jörn Zaefferer
- * Dual licensed under the MIT (MIT-LICENSE.txt)
- * or GPL (GPL-LICENSE.txt) licenses.
- */
-
-(function(window) {
-
-var defined = {
-	setTimeout: typeof window.setTimeout !== "undefined",
-	sessionStorage: (function() {
-		try {
-			return !!sessionStorage.getItem;
-		} catch(e){
-			return false;
-		}
-  })()
-}
-
-var testId = 0;
-
-var Test = function(name, testName, expected, testEnvironmentArg, async, callback) {
-	this.name = name;
-	this.testName = testName;
-	this.expected = expected;
-	this.testEnvironmentArg = testEnvironmentArg;
-	this.async = async;
-	this.callback = callback;
-	this.assertions = [];
-};
-Test.prototype = {
-	init: function() {
-		var tests = id("qunit-tests");
-		if (tests) {
-			var b = document.createElement("strong");
-				b.innerHTML = "Running " + this.name;
-			var li = document.createElement("li");
-				li.appendChild( b );
-				li.id = this.id = "test-output" + testId++;
-			tests.appendChild( li );
-		}
-	},
-	setup: function() {
-		if (this.module != config.previousModule) {
-			if ( config.previousModule ) {
-				QUnit.moduleDone( {
-					name: config.previousModule,
-					failed: config.moduleStats.bad,
-					passed: config.moduleStats.all - config.moduleStats.bad,
-					total: config.moduleStats.all
-				} );
-			}
-			config.previousModule = this.module;
-			config.moduleStats = { all: 0, bad: 0 };
-			QUnit.moduleStart( {
-				name: this.module
-			} );
-		}
-
-		config.current = this;
-		this.testEnvironment = extend({
-			setup: function() {},
-			teardown: function() {}
-		}, this.moduleTestEnvironment);
-		if (this.testEnvironmentArg) {
-			extend(this.testEnvironment, this.testEnvironmentArg);
-		}
-
-		QUnit.testStart( {
-			name: this.testName
-		} );
-
-		// allow utility functions to access the current test environment
-		// TODO why??
-		QUnit.current_testEnvironment = this.testEnvironment;
-		
-		try {
-			if ( !config.pollution ) {
-				saveGlobal();
-			}
-
-			this.testEnvironment.setup.call(this.testEnvironment);
-		} catch(e) {
-			QUnit.ok( false, "Setup failed on " + this.testName + ": " + e.message );
-		}
-	},
-	run: function() {
-		if ( this.async ) {
-			QUnit.stop();
-		}
-
-		if ( config.notrycatch ) {
-			this.callback.call(this.testEnvironment);
-			return;
-		}
-		try {
-			this.callback.call(this.testEnvironment);
-		} catch(e) {
-			fail("Test " + this.testName + " died, exception and test follows", e, this.callback);
-			QUnit.ok( false, "Died on test #" + (this.assertions.length + 1) + ": " + e.message + " - " + QUnit.jsDump.parse(e) );
-			// else next test will carry the responsibility
-			saveGlobal();
-
-			// Restart the tests if they're blocking
-			if ( config.blocking ) {
-				start();
-			}
-		}
-	},
-	teardown: function() {
-		try {
-			checkPollution();
-			this.testEnvironment.teardown.call(this.testEnvironment);
-		} catch(e) {
-			QUnit.ok( false, "Teardown failed on " + this.testName + ": " + e.message );
-		}
-	},
-	finish: function() {
-		if ( this.expected && this.expected != this.assertions.length ) {
-			QUnit.ok( false, "Expected " + this.expected + " assertions, but " + this.assertions.length + " were run" );
-		}
-		
-		var good = 0, bad = 0,
-			tests = id("qunit-tests");
-
-		config.stats.all += this.assertions.length;
-		config.moduleStats.all += this.assertions.length;
-
-		if ( tests ) {
-			var ol  = document.createElement("ol");
-
-			for ( var i = 0; i < this.assertions.length; i++ ) {
-				var assertion = this.assertions[i];
-
-				var li = document.createElement("li");
-				li.className = assertion.result ? "pass" : "fail";
-				li.innerHTML = assertion.message || (assertion.result ? "okay" : "failed");
-				ol.appendChild( li );
-
-				if ( assertion.result ) {
-					good++;
-				} else {
-					bad++;
-					config.stats.bad++;
-					config.moduleStats.bad++;
-				}
-			}
-
-			// store result when possible
-			defined.sessionStorage && sessionStorage.setItem("qunit-" + this.testName, bad);
-
-			if (bad == 0) {
-				ol.style.display = "none";
-			}
-
-			var b = document.createElement("strong");
-			b.innerHTML = this.name + " <b class='counts'>(<b class='failed'>" + bad + "</b>, <b class='passed'>" + good + "</b>, " + this.assertions.length + ")</b>";
-			
-			addEvent(b, "click", function() {
-				var next = b.nextSibling, display = next.style.display;
-				next.style.display = display === "none" ? "block" : "none";
-			});
-			
-			addEvent(b, "dblclick", function(e) {
-				var target = e && e.target ? e.target : window.event.srcElement;
-				if ( target.nodeName.toLowerCase() == "span" || target.nodeName.toLowerCase() == "b" ) {
-					target = target.parentNode;
-				}
-				if ( window.location && target.nodeName.toLowerCase() === "strong" ) {
-					window.location.search = "?" + encodeURIComponent(getText([target]).replace(/\(.+\)$/, "").replace(/(^\s*|\s*$)/g, ""));
-				}
-			});
-
-			var li = id(this.id);
-			li.className = bad ? "fail" : "pass";
-			li.style.display = resultDisplayStyle(!bad);
-			li.removeChild( li.firstChild );
-			li.appendChild( b );
-			li.appendChild( ol );
-
-		} else {
-			for ( var i = 0; i < this.assertions.length; i++ ) {
-				if ( !this.assertions[i].result ) {
-					bad++;
-					config.stats.bad++;
-					config.moduleStats.bad++;
-				}
-			}
-		}
-
-		try {
-			QUnit.reset();
-		} catch(e) {
-			fail("reset() failed, following Test " + this.testName + ", exception and reset fn follows", e, QUnit.reset);
-		}
-
-		QUnit.testDone( {
-			name: this.testName,
-			failed: bad,
-			passed: this.assertions.length - bad,
-			total: this.assertions.length
-		} );
-	},
-	
-	queue: function() {
-		var test = this;
-		synchronize(function() {
-			test.init();
-		});
-		function run() {
-			// each of these can by async
-			synchronize(function() {
-				test.setup();
-			});
-			synchronize(function() {
-				test.run();
-			});
-			synchronize(function() {
-				test.teardown();
-			});
-			synchronize(function() {
-				test.finish();
-			});
-		}
-		// defer when previous test run passed, if storage is available
-		var bad = defined.sessionStorage && +sessionStorage.getItem("qunit-" + this.testName);
-		if (bad) {
-			run();
-		} else {
-			synchronize(run);
-		};
-	}
-	
-}
-
-var QUnit = {
-
-	// call on start of module test to prepend name to all tests
-	module: function(name, testEnvironment) {
-		config.currentModule = name;
-		config.currentModuleTestEnviroment = testEnvironment;
-	},
-
-	asyncTest: function(testName, expected, callback) {
-		if ( arguments.length === 2 ) {
-			callback = expected;
-			expected = 0;
-		}
-
-		QUnit.test(testName, expected, callback, true);
-	},
-	
-	test: function(testName, expected, callback, async) {
-		var name = '<span class="test-name">' + testName + '</span>', testEnvironmentArg;
-
-		if ( arguments.length === 2 ) {
-			callback = expected;
-			expected = null;
-		}
-		// is 2nd argument a testEnvironment?
-		if ( expected && typeof expected === 'object') {
-			testEnvironmentArg =  expected;
-			expected = null;
-		}
-
-		if ( config.currentModule ) {
-			name = '<span class="module-name">' + config.currentModule + "</span>: " + name;
-		}
-
-		if ( !validTest(config.currentModule + ": " + testName) ) {
-			return;
-		}
-		
-		var test = new Test(name, testName, expected, testEnvironmentArg, async, callback);
-		test.module = config.currentModule;
-		test.moduleTestEnvironment = config.currentModuleTestEnviroment;
-		test.queue();
-	},
-	
-	/**
-	 * Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through.
-	 */
-	expect: function(asserts) {
-		config.current.expected = asserts;
-	},
-
-	/**
-	 * Asserts true.
-	 * @example ok( "asdfasdf".length > 5, "There must be at least 5 chars" );
-	 */
-	ok: function(a, msg) {
-		a = !!a;
-		var details = {
-			result: a,
-			message: msg
-		};
-		msg = escapeHtml(msg);
-		QUnit.log(details);
-		config.current.assertions.push({
-			result: a,
-			message: msg
-		});
-	},
-
-	/**
-	 * Checks that the first two arguments are equal, with an optional message.
-	 * Prints out both actual and expected values.
-	 *
-	 * Prefered to ok( actual == expected, message )
-	 *
-	 * @example equal( format("Received {0} bytes.", 2), "Received 2 bytes." );
-	 *
-	 * @param Object actual
-	 * @param Object expected
-	 * @param String message (optional)
-	 */
-	equal: function(actual, expected, message) {
-		QUnit.push(expected == actual, actual, expected, message);
-	},
-
-	notEqual: function(actual, expected, message) {
-		QUnit.push(expected != actual, actual, expected, message);
-	},
-	
-	deepEqual: function(actual, expected, message) {
-		QUnit.push(QUnit.equiv(actual, expected), actual, expected, message);
-	},
-
-	notDeepEqual: function(actual, expected, message) {
-		QUnit.push(!QUnit.equiv(actual, expected), actual, expected, message);
-	},
-
-	strictEqual: function(actual, expected, message) {
-		QUnit.push(expected === actual, actual, expected, message);
-	},
-
-	notStrictEqual: function(actual, expected, message) {
-		QUnit.push(expected !== actual, actual, expected, message);
-	},
-
-	raises: function(block, expected, message) {
-		var actual, ok = false;
-	
-		if (typeof expected === 'string') {
-			message = expected;
-			expected = null;
-		}
-	
-		try {
-			block();
-		} catch (e) {
-			actual = e;
-		}
-	
-		if (actual) {
-			// we don't want to validate thrown error
-			if (!expected) {
-				ok = true;
-			// expected is a regexp	
-			} else if (QUnit.objectType(expected) === "regexp") {
-				ok = expected.test(actual);
-			// expected is a constructor	
-			} else if (actual instanceof expected) {
-				ok = true;
-			// expected is a validation function which returns true is validation passed	
-			} else if (expected.call({}, actual) === true) {
-				ok = true;
-			}
-		}
-			
-		QUnit.ok(ok, message);
-	},
-
-	start: function() {
-		config.semaphore--;
-		if (config.semaphore > 0) {
-			// don't start until equal number of stop-calls
-			return;
-		}
-		if (config.semaphore < 0) {
-			// ignore if start is called more often then stop
-			config.semaphore = 0;
-		}
-		// A slight delay, to avoid any current callbacks
-		if ( defined.setTimeout ) {
-			window.setTimeout(function() {
-				if ( config.timeout ) {
-					clearTimeout(config.timeout);
-				}
-
-				config.blocking = false;
-				process();
-			}, 13);
-		} else {
-			config.blocking = false;
-			process();
-		}
-	},
-	
-	stop: function(timeout) {
-		config.semaphore++;
-		config.blocking = true;
-
-		if ( timeout && defined.setTimeout ) {
-			clearTimeout(config.timeout);
-			config.timeout = window.setTimeout(function() {
-				QUnit.ok( false, "Test timed out" );
-				QUnit.start();
-			}, timeout);
-		}
-	}
-
-};
-
-// Backwards compatibility, deprecated
-QUnit.equals = QUnit.equal;
-QUnit.same = QUnit.deepEqual;
-
-// Maintain internal state
-var config = {
-	// The queue of tests to run
-	queue: [],
-
-	// block until document ready
-	blocking: true
-};
-
-// Load paramaters
-(function() {
-	var location = window.location || { search: "", protocol: "file:" },
-		GETParams = location.search.slice(1).split('&');
-
-	for ( var i = 0; i < GETParams.length; i++ ) {
-		GETParams[i] = decodeURIComponent( GETParams[i] );
-		if ( GETParams[i] === "noglobals" ) {
-			GETParams.splice( i, 1 );
-			i--;
-			config.noglobals = true;
-		} else if ( GETParams[i] === "notrycatch" ) {
-			GETParams.splice( i, 1 );
-			i--;
-			config.notrycatch = true;
-		} else if ( GETParams[i].search('=') > -1 ) {
-			GETParams.splice( i, 1 );
-			i--;
-		}
-	}
-	
-	// restrict modules/tests by get parameters
-	config.filters = GETParams;
-	
-	// Figure out if we're running the tests from a server or not
-	QUnit.isLocal = !!(location.protocol === 'file:');
-})();
-
-// Expose the API as global variables, unless an 'exports'
-// object exists, in that case we assume we're in CommonJS
-if ( typeof exports === "undefined" || typeof require === "undefined" ) {
-	extend(window, QUnit);
-	window.QUnit = QUnit;
-} else {
-	extend(exports, QUnit);
-	exports.QUnit = QUnit;
-}
-
-// define these after exposing globals to keep them in these QUnit namespace only
-extend(QUnit, {
-	config: config,
-
-	// Initialize the configuration options
-	init: function() {
-		extend(config, {
-			stats: { all: 0, bad: 0 },
-			moduleStats: { all: 0, bad: 0 },
-			started: +new Date,
-			updateRate: 1000,
-			blocking: false,
-			autostart: true,
-			autorun: false,
-			filters: [],
-			queue: [],
-			semaphore: 0
-		});
-
-		var tests = id("qunit-tests"),
-			banner = id("qunit-banner"),
-			result = id("qunit-testresult");
-
-		if ( tests ) {
-			tests.innerHTML = "";
-		}
-
-		if ( banner ) {
-			banner.className = "";
-		}
-
-		if ( result ) {
-			result.parentNode.removeChild( result );
-		}
-	},
-	
-	/**
-	 * Resets the test setup. Useful for tests that modify the DOM.
-	 * 
-	 * If jQuery is available, uses jQuery's html(), otherwise just innerHTML.
-	 */
-	reset: function() {
-		if ( window.jQuery ) {
-			jQuery( "#main, #qunit-fixture" ).html( config.fixture );
-		} else {
-			var main = id( 'main' ) || id( 'qunit-fixture' );
-			if ( main ) {
-				main.innerHTML = config.fixture;
-			}
-		}
-	},
-	
-	/**
-	 * Trigger an event on an element.
-	 *
-	 * @example triggerEvent( document.body, "click" );
-	 *
-	 * @param DOMElement elem
-	 * @param String type
-	 */
-	triggerEvent: function( elem, type, event ) {
-		if ( document.createEvent ) {
-			event = document.createEvent("MouseEvents");
-			event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
-				0, 0, 0, 0, 0, false, false, false, false, 0, null);
-			elem.dispatchEvent( event );
-
-		} else if ( elem.fireEvent ) {
-			elem.fireEvent("on"+type);
-		}
-	},
-	
-	// Safe object type checking
-	is: function( type, obj ) {
-		return QUnit.objectType( obj ) == type;
-	},
-	
-	objectType: function( obj ) {
-		if (typeof obj === "undefined") {
-				return "undefined";
-
-		// consider: typeof null === object
-		}
-		if (obj === null) {
-				return "null";
-		}
-
-		var type = Object.prototype.toString.call( obj )
-			.match(/^\[object\s(.*)\]$/)[1] || '';
-
-		switch (type) {
-				case 'Number':
-						if (isNaN(obj)) {
-								return "nan";
-						} else {
-								return "number";
-						}
-				case 'String':
-				case 'Boolean':
-				case 'Array':
-				case 'Date':
-				case 'RegExp':
-				case 'Function':
-						return type.toLowerCase();
-		}
-		if (typeof obj === "object") {
-				return "object";
-		}
-		return undefined;
-	},
-	
-	push: function(result, actual, expected, message) {
-		var details = {
-			result: result,
-			message: message,
-			actual: actual,
-			expected: expected
-		};
-		
-		message = escapeHtml(message) || (result ? "okay" : "failed");
-		message = '<span class="test-message">' + message + "</span>";
-		expected = escapeHtml(QUnit.jsDump.parse(expected));
-		actual = escapeHtml(QUnit.jsDump.parse(actual));
-		var output = message + '<table><tr class="test-expected"><th>Expected: </th><td><pre>' + expected + '</pre></td></tr>';
-		if (actual != expected) {
-			output += '<tr class="test-actual"><th>Result: </th><td><pre>' + actual + '</pre></td></tr>';
-			output += '<tr class="test-diff"><th>Diff: </th><td><pre>' + QUnit.diff(expected, actual) +'</pre></td></tr>';
-		}
-		if (!result) {
-			var source = sourceFromStacktrace();
-			if (source) {
-				details.source = source;
-				output += '<tr class="test-source"><th>Source: </th><td><pre>' + source +'</pre></td></tr>';
-			}
-		}
-		output += "</table>";
-		
-		QUnit.log(details);
-		
-		config.current.assertions.push({
-			result: !!result,
-			message: output
-		});
-	},
-	
-	// Logging callbacks; all receive a single argument with the listed properties
-	// run test/logs.html for any related changes
-	begin: function() {},
-	// done: { failed, passed, total, runtime }
-	done: function() {},
-	// log: { result, actual, expected, message }
-	log: function() {},
-	// testStart: { name }
-	testStart: function() {},
-	// testDone: { name, failed, passed, total }
-	testDone: function() {},
-	// moduleStart: { name }
-	moduleStart: function() {},
-	// moduleDone: { name, failed, passed, total }
-	moduleDone: function() {}
-});
-
-if ( typeof document === "undefined" || document.readyState === "complete" ) {
-	config.autorun = true;
-}
-
-addEvent(window, "load", function() {
-	QUnit.begin({});
-	
-	// Initialize the config, saving the execution queue
-	var oldconfig = extend({}, config);
-	QUnit.init();
-	extend(config, oldconfig);
-
-	config.blocking = false;
-
-	var userAgent = id("qunit-userAgent");
-	if ( userAgent ) {
-		userAgent.innerHTML = navigator.userAgent;
-	}
-	var banner = id("qunit-header");
-	if ( banner ) {
-		var paramsIndex = location.href.lastIndexOf(location.search);
-		if ( paramsIndex > -1 ) {
-			var mainPageLocation = location.href.slice(0, paramsIndex);
-			if ( mainPageLocation == location.href ) {
-				banner.innerHTML = '<a href=""> ' + banner.innerHTML + '</a> ';
-			} else {
-				var testName = decodeURIComponent(location.search.slice(1));
-				banner.innerHTML = '<a href="' + mainPageLocation + '">' + banner.innerHTML + '</a> &#8250; <a href="">' + testName + '</a>';
-			}
-		}
-	}
-	
-	var toolbar = id("qunit-testrunner-toolbar");
-	if ( toolbar ) {
-		var filter = document.createElement("input");
-		filter.type = "checkbox";
-		filter.id = "qunit-filter-pass";
-		addEvent( filter, "click", function() {
-			var li = document.getElementsByTagName("li");
-			for ( var i = 0; i < li.length; i++ ) {
-				if ( li[i].className.indexOf("pass") > -1 ) {
-					li[i].style.display = filter.checked ? "none" : "";
-				}
-			}
-			if ( defined.sessionStorage ) {
-				sessionStorage.setItem("qunit-filter-passed-tests", filter.checked ? "true" : "");
-			}
-		});
-		if ( defined.sessionStorage && sessionStorage.getItem("qunit-filter-passed-tests") ) {
-			filter.checked = true;
-		}
-		toolbar.appendChild( filter );
-
-		var label = document.createElement("label");
-		label.setAttribute("for", "qunit-filter-pass");
-		label.innerHTML = "Hide passed tests";
-		toolbar.appendChild( label );
-	}
-
-	var main = id('main') || id('qunit-fixture');
-	if ( main ) {
-		config.fixture = main.innerHTML;
-	}
-
-	if (config.autostart) {
-		QUnit.start();
-	}
-});
-
-function done() {
-	config.autorun = true;
-
-	// Log the last module results
-	if ( config.currentModule ) {
-		QUnit.moduleDone( {
-			name: config.currentModule,
-			failed: config.moduleStats.bad,
-			passed: config.moduleStats.all - config.moduleStats.bad,
-			total: config.moduleStats.all
-		} );
-	}
-
-	var banner = id("qunit-banner"),
-		tests = id("qunit-tests"),
-		runtime = +new Date - config.started,
-		passed = config.stats.all - config.stats.bad,
-		html = [
-			'Tests completed in ',
-			runtime,
-			' milliseconds.<br/>',
-			'<span class="passed">',
-			passed,
-			'</span> tests of <span class="total">',
-			config.stats.all,
-			'</span> passed, <span class="failed">',
-			config.stats.bad,
-			'</span> failed.'
-		].join('');
-
-	if ( banner ) {
-		banner.className = (config.stats.bad ? "qunit-fail" : "qunit-pass");
-	}
-
-	if ( tests ) {	
-		var result = id("qunit-testresult");
-
-		if ( !result ) {
-			result = document.createElement("p");
-			result.id = "qunit-testresult";
-			result.className = "result";
-			tests.parentNode.insertBefore( result, tests.nextSibling );
-		}
-
-		result.innerHTML = html;
-	}
-
-	QUnit.done( {
-		failed: config.stats.bad,
-		passed: passed, 
-		total: config.stats.all,
-		runtime: runtime
-	} );
-}
-
-function validTest( name ) {
-	var i = config.filters.length,
-		run = false;
-
-	if ( !i ) {
-		return true;
-	}
-	
-	while ( i-- ) {
-		var filter = config.filters[i],
-			not = filter.charAt(0) == '!';
-
-		if ( not ) {
-			filter = filter.slice(1);
-		}
-
-		if ( name.indexOf(filter) !== -1 ) {
-			return !not;
-		}
-
-		if ( not ) {
-			run = true;
-		}
-	}
-
-	return run;
-}
-
-// so far supports only Firefox, Chrome and Opera (buggy)
-// could be extended in the future to use something like https://github.com/csnover/TraceKit
-function sourceFromStacktrace() {
-	try {
-		throw new Error();
-	} catch ( e ) {
-		if (e.stacktrace) {
-			// Opera
-			return e.stacktrace.split("\n")[6];
-		} else if (e.stack) {
-			// Firefox, Chrome
-			return e.stack.split("\n")[4];
-		}
-	}
-}
-
-function resultDisplayStyle(passed) {
-	return passed && id("qunit-filter-pass") && id("qunit-filter-pass").checked ? 'none' : '';
-}
-
-function escapeHtml(s) {
-	if (!s) {
-		return "";
-	}
-	s = s + "";
-	return s.replace(/[\&"<>\\]/g, function(s) {
-		switch(s) {
-			case "&": return "&amp;";
-			case "\\": return "\\\\";
-			case '"': return '\"';
-			case "<": return "&lt;";
-			case ">": return "&gt;";
-			default: return s;
-		}
-	});
-}
-
-function synchronize( callback ) {
-	config.queue.push( callback );
-
-	if ( config.autorun && !config.blocking ) {
-		process();
-	}
-}
-
-function process() {
-	var start = (new Date()).getTime();
-
-	while ( config.queue.length && !config.blocking ) {
-		if ( config.updateRate <= 0 || (((new Date()).getTime() - start) < config.updateRate) ) {
-			config.queue.shift()();
-		} else {
-			window.setTimeout( process, 13 );
-			break;
-		}
-	}
-  if (!config.blocking && !config.queue.length) {
-    done();
-  }
-}
-
-function saveGlobal() {
-	config.pollution = [];
-	
-	if ( config.noglobals ) {
-		for ( var key in window ) {
-			config.pollution.push( key );
-		}
-	}
-}
-
-function checkPollution( name ) {
-	var old = config.pollution;
-	saveGlobal();
-	
-	var newGlobals = diff( old, config.pollution );
-	if ( newGlobals.length > 0 ) {
-		ok( false, "Introduced global variable(s): " + newGlobals.join(", ") );
-		config.current.expected++;
-	}
-
-	var deletedGlobals = diff( config.pollution, old );
-	if ( deletedGlobals.length > 0 ) {
-		ok( false, "Deleted global variable(s): " + deletedGlobals.join(", ") );
-		config.current.expected++;
-	}
-}
-
-// returns a new Array with the elements that are in a but not in b
-function diff( a, b ) {
-	var result = a.slice();
-	for ( var i = 0; i < result.length; i++ ) {
-		for ( var j = 0; j < b.length; j++ ) {
-			if ( result[i] === b[j] ) {
-				result.splice(i, 1);
-				i--;
-				break;
-			}
-		}
-	}
-	return result;
-}
-
-function fail(message, exception, callback) {
-	if ( typeof console !== "undefined" && console.error && console.warn ) {
-		console.error(message);
-		console.error(exception);
-		console.warn(callback.toString());
-
-	} else if ( window.opera && opera.postError ) {
-		opera.postError(message, exception, callback.toString);
-	}
-}
-
-function extend(a, b) {
-	for ( var prop in b ) {
-		a[prop] = b[prop];
-	}
-
-	return a;
-}
-
-function addEvent(elem, type, fn) {
-	if ( elem.addEventListener ) {
-		elem.addEventListener( type, fn, false );
-	} else if ( elem.attachEvent ) {
-		elem.attachEvent( "on" + type, fn );
-	} else {
-		fn();
-	}
-}
-
-function id(name) {
-	return !!(typeof document !== "undefined" && document && document.getElementById) &&
-		document.getElementById( name );
-}
-
-// Test for equality any JavaScript type.
-// Discussions and reference: http://philrathe.com/articles/equiv
-// Test suites: http://philrathe.com/tests/equiv
-// Author: Philippe Rathé <prathe@gmail.com>
-QUnit.equiv = function () {
-
-    var innerEquiv; // the real equiv function
-    var callers = []; // stack to decide between skip/abort functions
-    var parents = []; // stack to avoiding loops from circular referencing
-
-    // Call the o related callback with the given arguments.
-    function bindCallbacks(o, callbacks, args) {
-        var prop = QUnit.objectType(o);
-        if (prop) {
-            if (QUnit.objectType(callbacks[prop]) === "function") {
-                return callbacks[prop].apply(callbacks, args);
-            } else {
-                return callbacks[prop]; // or undefined
-            }
-        }
-    }
-    
-    var callbacks = function () {
-
-        // for string, boolean, number and null
-        function useStrictEquality(b, a) {
-            if (b instanceof a.constructor || a instanceof b.constructor) {
-                // to catch short annotaion VS 'new' annotation of a declaration
-                // e.g. var i = 1;
-                //      var j = new Number(1);
-                return a == b;
-            } else {
-                return a === b;
-            }
-        }
-
-        return {
-            "string": useStrictEquality,
-            "boolean": useStrictEquality,
-            "number": useStrictEquality,
-            "null": useStrictEquality,
-            "undefined": useStrictEquality,
-
-            "nan": function (b) {
-                return isNaN(b);
-            },
-
-            "date": function (b, a) {
-                return QUnit.objectType(b) === "date" && a.valueOf() === b.valueOf();
-            },
-
-            "regexp": function (b, a) {
-                return QUnit.objectType(b) === "regexp" &&
-                    a.source === b.source && // the regex itself
-                    a.global === b.global && // and its modifers (gmi) ...
-                    a.ignoreCase === b.ignoreCase &&
-                    a.multiline === b.multiline;
-            },
-
-            // - skip when the property is a method of an instance (OOP)
-            // - abort otherwise,
-            //   initial === would have catch identical references anyway
-            "function": function () {
-                var caller = callers[callers.length - 1];
-                return caller !== Object &&
-                        typeof caller !== "undefined";
-            },
-
-            "array": function (b, a) {
-                var i, j, loop;
-                var len;
-
-                // b could be an object literal here
-                if ( ! (QUnit.objectType(b) === "array")) {
-                    return false;
-                }   
-                
-                len = a.length;
-                if (len !== b.length) { // safe and faster
-                    return false;
-                }
-                
-                //track reference to avoid circular references
-                parents.push(a);
-                for (i = 0; i < len; i++) {
-                    loop = false;
-                    for(j=0;j<parents.length;j++){
-                        if(parents[j] === a[i]){
-                            loop = true;//dont rewalk array
-                        }
-                    }
-                    if (!loop && ! innerEquiv(a[i], b[i])) {
-                        parents.pop();
-                        return false;
-                    }
-                }
-                parents.pop();
-                return true;
-            },
-
-            "object": function (b, a) {
-                var i, j, loop;
-                var eq = true; // unless we can proove it
-                var aProperties = [], bProperties = []; // collection of strings
-
-                // comparing constructors is more strict than using instanceof
-                if ( a.constructor !== b.constructor) {
-                    return false;
-                }
-
-                // stack constructor before traversing properties
-                callers.push(a.constructor);
-                //track reference to avoid circular references
-                parents.push(a);
-                
-                for (i in a) { // be strict: don't ensures hasOwnProperty and go deep
-                    loop = false;
-                    for(j=0;j<parents.length;j++){
-                        if(parents[j] === a[i])
-                            loop = true; //don't go down the same path twice
-                    }
-                    aProperties.push(i); // collect a's properties
-
-                    if (!loop && ! innerEquiv(a[i], b[i])) {
-                        eq = false;
-                        break;
-                    }
-                }
-
-                callers.pop(); // unstack, we are done
-                parents.pop();
-
-                for (i in b) {
-                    bProperties.push(i); // collect b's properties
-                }
-
-                // Ensures identical properties name
-                return eq && innerEquiv(aProperties.sort(), bProperties.sort());
-            }
-        };
-    }();
-
-    innerEquiv = function () { // can take multiple arguments
-        var args = Array.prototype.slice.apply(arguments);
-        if (args.length < 2) {
-            return true; // end transition
-        }
-
-        return (function (a, b) {
-            if (a === b) {
-                return true; // catch the most you can
-            } else if (a === null || b === null || typeof a === "undefined" || typeof b === "undefined" || QUnit.objectType(a) !== QUnit.objectType(b)) {
-                return false; // don't lose time with error prone cases
-            } else {
-                return bindCallbacks(a, callbacks, [b, a]);
-            }
-
-        // apply transition with (1..n) arguments
-        })(args[0], args[1]) && arguments.callee.apply(this, args.splice(1, args.length -1));
-    };
-
-    return innerEquiv;
-
-}();
-
-/**
- * jsDump
- * Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
- * Licensed under BSD (http://www.opensource.org/licenses/bsd-license.php)
- * Date: 5/15/2008
- * @projectDescription Advanced and extensible data dumping for Javascript.
- * @version 1.0.0
- * @author Ariel Flesler
- * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html}
- */
-QUnit.jsDump = (function() {
-	function quote( str ) {
-		return '"' + str.toString().replace(/"/g, '\\"') + '"';
-	};
-	function literal( o ) {
-		return o + '';	
-	};
-	function join( pre, arr, post ) {
-		var s = jsDump.separator(),
-			base = jsDump.indent(),
-			inner = jsDump.indent(1);
-		if ( arr.join )
-			arr = arr.join( ',' + s + inner );
-		if ( !arr )
-			return pre + post;
-		return [ pre, inner + arr, base + post ].join(s);
-	};
-	function array( arr ) {
-		var i = arr.length,	ret = Array(i);					
-		this.up();
-		while ( i-- )
-			ret[i] = this.parse( arr[i] );				
-		this.down();
-		return join( '[', ret, ']' );
-	};
-	
-	var reName = /^function (\w+)/;
-	
-	var jsDump = {
-		parse:function( obj, type ) { //type is used mostly internally, you can fix a (custom)type in advance
-			var	parser = this.parsers[ type || this.typeOf(obj) ];
-			type = typeof parser;			
-			
-			return type == 'function' ? parser.call( this, obj ) :
-				   type == 'string' ? parser :
-				   this.parsers.error;
-		},
-		typeOf:function( obj ) {
-			var type;
-			if ( obj === null ) {
-				type = "null";
-			} else if (typeof obj === "undefined") {
-				type = "undefined";
-			} else if (QUnit.is("RegExp", obj)) {
-				type = "regexp";
-			} else if (QUnit.is("Date", obj)) {
-				type = "date";
-			} else if (QUnit.is("Function", obj)) {
-				type = "function";
-			} else if (typeof obj.setInterval !== undefined && typeof obj.document !== "undefined" && typeof obj.nodeType === "undefined") {
-				type = "window";
-			} else if (obj.nodeType === 9) {
-				type = "document";
-			} else if (obj.nodeType) {
-				type = "node";
-			} else if (typeof obj === "object" && typeof obj.length === "number" && obj.length >= 0) {
-				type = "array";
-			} else {
-				type = typeof obj;
-			}
-			return type;
-		},
-		separator:function() {
-			return this.multiline ?	this.HTML ? '<br />' : '\n' : this.HTML ? '&nbsp;' : ' ';
-		},
-		indent:function( extra ) {// extra can be a number, shortcut for increasing-calling-decreasing
-			if ( !this.multiline )
-				return '';
-			var chr = this.indentChar;
-			if ( this.HTML )
-				chr = chr.replace(/\t/g,'   ').replace(/ /g,'&nbsp;');
-			return Array( this._depth_ + (extra||0) ).join(chr);
-		},
-		up:function( a ) {
-			this._depth_ += a || 1;
-		},
-		down:function( a ) {
-			this._depth_ -= a || 1;
-		},
-		setParser:function( name, parser ) {
-			this.parsers[name] = parser;
-		},
-		// The next 3 are exposed so you can use them
-		quote:quote, 
-		literal:literal,
-		join:join,
-		//
-		_depth_: 1,
-		// This is the list of parsers, to modify them, use jsDump.setParser
-		parsers:{
-			window: '[Window]',
-			document: '[Document]',
-			error:'[ERROR]', //when no parser is found, shouldn't happen
-			unknown: '[Unknown]',
-			'null':'null',
-			undefined:'undefined',
-			'function':function( fn ) {
-				var ret = 'function',
-					name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE
-				if ( name )
-					ret += ' ' + name;
-				ret += '(';
-				
-				ret = [ ret, QUnit.jsDump.parse( fn, 'functionArgs' ), '){'].join('');
-				return join( ret, QUnit.jsDump.parse(fn,'functionCode'), '}' );
-			},
-			array: array,
-			nodelist: array,
-			arguments: array,
-			object:function( map ) {
-				var ret = [ ];
-				QUnit.jsDump.up();
-				for ( var key in map )
-					ret.push( QUnit.jsDump.parse(key,'key') + ': ' + QUnit.jsDump.parse(map[key]) );
-				QUnit.jsDump.down();
-				return join( '{', ret, '}' );
-			},
-			node:function( node ) {
-				var open = QUnit.jsDump.HTML ? '&lt;' : '<',
-					close = QUnit.jsDump.HTML ? '&gt;' : '>';
-					
-				var tag = node.nodeName.toLowerCase(),
-					ret = open + tag;
-					
-				for ( var a in QUnit.jsDump.DOMAttrs ) {
-					var val = node[QUnit.jsDump.DOMAttrs[a]];
-					if ( val )
-						ret += ' ' + a + '=' + QUnit.jsDump.parse( val, 'attribute' );
-				}
-				return ret + close + open + '/' + tag + close;
-			},
-			functionArgs:function( fn ) {//function calls it internally, it's the arguments part of the function
-				var l = fn.length;
-				if ( !l ) return '';				
-				
-				var args = Array(l);
-				while ( l-- )
-					args[l] = String.fromCharCode(97+l);//97 is 'a'
-				return ' ' + args.join(', ') + ' ';
-			},
-			key:quote, //object calls it internally, the key part of an item in a map
-			functionCode:'[code]', //function calls it internally, it's the content of the function
-			attribute:quote, //node calls it internally, it's an html attribute value
-			string:quote,
-			date:quote,
-			regexp:literal, //regex
-			number:literal,
-			'boolean':literal
-		},
-		DOMAttrs:{//attributes to dump from nodes, name=>realName
-			id:'id',
-			name:'name',
-			'class':'className'
-		},
-		HTML:false,//if true, entities are escaped ( <, >, \t, space and \n )
-		indentChar:'  ',//indentation unit
-		multiline:true //if true, items in a collection, are separated by a \n, else just a space.
-	};
-
-	return jsDump;
-})();
-
-// from Sizzle.js
-function getText( elems ) {
-	var ret = "", elem;
-
-	for ( var i = 0; elems[i]; i++ ) {
-		elem = elems[i];
-
-		// Get the text from text nodes and CDATA nodes
-		if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
-			ret += elem.nodeValue;
-
-		// Traverse everything else, except comment nodes
-		} else if ( elem.nodeType !== 8 ) {
-			ret += getText( elem.childNodes );
-		}
-	}
-
-	return ret;
-};
-
-/*
- * Javascript Diff Algorithm
- *  By John Resig (http://ejohn.org/)
- *  Modified by Chu Alan "sprite"
- *
- * Released under the MIT license.
- *
- * More Info:
- *  http://ejohn.org/projects/javascript-diff-algorithm/
- *  
- * Usage: QUnit.diff(expected, actual)
- * 
- * QUnit.diff("the quick brown fox jumped over", "the quick fox jumps over") == "the  quick <del>brown </del> fox <del>jumped </del><ins>jumps </ins> over"
- */
-QUnit.diff = (function() {
-	function diff(o, n){
-		var ns = new Object();
-		var os = new Object();
-		
-		for (var i = 0; i < n.length; i++) {
-			if (ns[n[i]] == null) 
-				ns[n[i]] = {
-					rows: new Array(),
-					o: null
-				};
-			ns[n[i]].rows.push(i);
-		}
-		
-		for (var i = 0; i < o.length; i++) {
-			if (os[o[i]] == null) 
-				os[o[i]] = {
-					rows: new Array(),
-					n: null
-				};
-			os[o[i]].rows.push(i);
-		}
-		
-		for (var i in ns) {
-			if (ns[i].rows.length == 1 && typeof(os[i]) != "undefined" && os[i].rows.length == 1) {
-				n[ns[i].rows[0]] = {
-					text: n[ns[i].rows[0]],
-					row: os[i].rows[0]
-				};
-				o[os[i].rows[0]] = {
-					text: o[os[i].rows[0]],
-					row: ns[i].rows[0]
-				};
-			}
-		}
-		
-		for (var i = 0; i < n.length - 1; i++) {
-			if (n[i].text != null && n[i + 1].text == null && n[i].row + 1 < o.length && o[n[i].row + 1].text == null &&
-			n[i + 1] == o[n[i].row + 1]) {
-				n[i + 1] = {
-					text: n[i + 1],
-					row: n[i].row + 1
-				};
-				o[n[i].row + 1] = {
-					text: o[n[i].row + 1],
-					row: i + 1
-				};
-			}
-		}
-		
-		for (var i = n.length - 1; i > 0; i--) {
-			if (n[i].text != null && n[i - 1].text == null && n[i].row > 0 && o[n[i].row - 1].text == null &&
-			n[i - 1] == o[n[i].row - 1]) {
-				n[i - 1] = {
-					text: n[i - 1],
-					row: n[i].row - 1
-				};
-				o[n[i].row - 1] = {
-					text: o[n[i].row - 1],
-					row: i - 1
-				};
-			}
-		}
-		
-		return {
-			o: o,
-			n: n
-		};
-	}
-	
-	return function(o, n){
-		o = o.replace(/\s+$/, '');
-		n = n.replace(/\s+$/, '');
-		var out = diff(o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/));
-
-		var str = "";
-		
-		var oSpace = o.match(/\s+/g);
-		if (oSpace == null) {
-			oSpace = [" "];
-		}
-		else {
-			oSpace.push(" ");
-		}
-		var nSpace = n.match(/\s+/g);
-		if (nSpace == null) {
-			nSpace = [" "];
-		}
-		else {
-			nSpace.push(" ");
-		}
-		
-		if (out.n.length == 0) {
-			for (var i = 0; i < out.o.length; i++) {
-				str += '<del>' + out.o[i] + oSpace[i] + "</del>";
-			}
-		}
-		else {
-			if (out.n[0].text == null) {
-				for (n = 0; n < out.o.length && out.o[n].text == null; n++) {
-					str += '<del>' + out.o[n] + oSpace[n] + "</del>";
-				}
-			}
-			
-			for (var i = 0; i < out.n.length; i++) {
-				if (out.n[i].text == null) {
-					str += '<ins>' + out.n[i] + nSpace[i] + "</ins>";
-				}
-				else {
-					var pre = "";
-					
-					for (n = out.n[i].row + 1; n < out.o.length && out.o[n].text == null; n++) {
-						pre += '<del>' + out.o[n] + oSpace[n] + "</del>";
-					}
-					str += " " + out.n[i].text + nSpace[i] + pre;
-				}
-			}
-		}
-		
-		return str;
-	};
-})();
-
-})(this);
diff --git a/test/recalculate_test.html b/test/recalculate_test.html
index 335243bf..b37e46cf 100644
--- a/test/recalculate_test.html
+++ b/test/recalculate_test.html
@@ -3,156 +3,17 @@
 <head>
   <meta charset="utf-8" />
   <title>Unit Tests for recalculate.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/jquery-svg.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <script src='../editor/pathseg.js'></script>
-  <script src='../editor/browser.js'></script>
-  <script src='../editor/math.js'></script>
-  <script src='../editor/history.js'></script>
-  <script src='../editor/units.js'></script>
-  <script src='../editor/svgtransformlist.js'></script>
-  <script src='../editor/svgutils.js'></script>
-  <script src='../editor/coords.js'></script>
-  <script src='../editor/recalculate.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // log function
-    QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-    var root = document.getElementById('root');
-    var svgroot = document.createElementNS(svgedit.NS.SVG, 'svg');
-    svgroot.id = 'svgroot';
-    root.appendChild(svgroot);
-    var svg = document.createElementNS(svgedit.NS.SVG, 'svg');
-    svgroot.appendChild(svg);
-    var elemId = 1;
-    var elem;
-
-    function setUp() {
-      svgedit.utilities.init({
-        getSVGRoot: function() { return svg },
-        getDOMDocument: function() { return null },
-        getDOMContainer: function() { return null }
-      });
-      svgedit.coords.init({
-        getGridSnapping: function() { return false; },
-        getDrawing: function() {
-          return {
-            getNextId: function() { return '' + elemId++; }
-          };
-        }
-      });
-      svgedit.recalculate.init({
-        getSVGRoot: function() { return svg },
-        getStartTransform: function() { return ''},
-        setStartTransform: function() { }
-      });
-    }
-
-    function setUpRect() {
-      setUp();
-      elem = document.createElementNS(svgedit.NS.SVG, 'rect');
-      elem.setAttribute('x', '200');
-      elem.setAttribute('y', '150');
-      elem.setAttribute('width', '250');
-      elem.setAttribute('height', '120');
-      svg.appendChild(elem);
-    }
-
-    function setUpTextWithTspan() {
-      setUp();
-      elem = document.createElementNS(svgedit.NS.SVG, 'text');
-      elem.setAttribute('x', '200');
-      elem.setAttribute('y', '150');
-
-      var tspan = document.createElementNS(svgedit.NS.SVG, 'tspan');
-      tspan.setAttribute('x', '200');
-      tspan.setAttribute('y', '150');
-
-      var theText = document.createTextNode('Foo bar');
-      tspan.appendChild(theText);
-      elem.appendChild(tspan);
-      svg.appendChild(elem);
-    }
-
-    function tearDown() {
-      while(svg.hasChildNodes()) {
-        svg.removeChild(svg.firstChild);
-      }
-    }
-
-    test('Test recalculateDimensions() on rect with identity matrix', function() {
-      expect(1);
-
-      setUpRect();
-      elem.setAttribute('transform', 'matrix(1,0,0,1,0,0)');
-      
-      svgedit.recalculate.recalculateDimensions(elem);
-
-      // Ensure that the identity matrix is swallowed and the element has no
-      // transform on it.
-      equal(false, elem.hasAttribute('transform'));
-
-      tearDown();
-    });
-
-    test('Test recalculateDimensions() on rect with simple translate', function() {
-      expect(5);
-
-      setUpRect();
-      elem.setAttribute('transform', 'translate(100,50)');
-      
-      svgedit.recalculate.recalculateDimensions(elem);
-
-      equal(false, elem.hasAttribute('transform'));
-      equal('300', elem.getAttribute('x'));
-      equal('200', elem.getAttribute('y'));
-      equal('250', elem.getAttribute('width'));
-      equal('120', elem.getAttribute('height'));
-      tearDown();
-    });
-
-    test('Test recalculateDimensions() on text w/tspan with simple translate', function() {
-      expect(5);
-
-      setUpTextWithTspan();
-      elem.setAttribute('transform', 'translate(100,50)');
-      
-      svgedit.recalculate.recalculateDimensions(elem);
-
-      // Ensure that the identity matrix is swallowed and the element has no
-      // transform on it.
-      equal(false, elem.hasAttribute('transform'));
-      equal('300', elem.getAttribute('x'));
-      equal('200', elem.getAttribute('y'));
-
-      var tspan = elem.firstElementChild;
-      equal('300', tspan.getAttribute('x'));
-      equal('200', tspan.getAttribute('y'));
-
-      tearDown();
-    });
-
-    // TODO: Since recalculateDimensions() and surrounding code is 
-    // probably the largest, most complicated and strange piece of
-    // code in SVG-edit, we need to write a whole lot of unit tests
-    // for it here.
-
-  });
-  </script>
-</head>  
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="recalculate_test.js"></script>
+</head>
 <body>
-  <h1 id='qunit-header'>Unit Tests for svgedit.recalculate</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='root' style='visibility:hidden'></div>
+  <h1 id="qunit-header">Unit Tests for recalculate</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="root" style="visibility: hidden;"></div>
 </body>
 </html>
diff --git a/test/recalculate_test.js b/test/recalculate_test.js
new file mode 100644
index 00000000..e7b86d5e
--- /dev/null
+++ b/test/recalculate_test.js
@@ -0,0 +1,148 @@
+/* eslint-env qunit */
+
+import {NS} from '../editor/namespaces.js';
+import * as utilities from '../editor/utilities.js';
+import * as coords from '../editor/coords.js';
+import * as recalculate from '../editor/recalculate.js';
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+const root = document.getElementById('root');
+const svgroot = document.createElementNS(NS.SVG, 'svg');
+svgroot.id = 'svgroot';
+root.append(svgroot);
+const svg = document.createElementNS(NS.SVG, 'svg');
+svgroot.append(svg);
+
+let elemId = 1;
+function setUp () {
+  utilities.init(
+    /**
+    * @implements {module:utilities.EditorContext}
+    */
+    {
+      getSVGRoot () { return svg; },
+      getDOMDocument () { return null; },
+      getDOMContainer () { return null; }
+    }
+  );
+  coords.init(
+    /**
+    * @implements {module:coords.EditorContext}
+    */
+    {
+      getGridSnapping () { return false; },
+      getDrawing () {
+        return {
+          getNextId () { return '' + elemId++; }
+        };
+      }
+    }
+  );
+  recalculate.init(
+    /**
+    * @implements {module:recalculate.EditorContext}
+    */
+    {
+      getSVGRoot () { return svg; },
+      getStartTransform () { return ''; },
+      setStartTransform () {}
+    }
+  );
+}
+
+let elem;
+
+function setUpRect () {
+  setUp();
+  elem = document.createElementNS(NS.SVG, 'rect');
+  elem.setAttribute('x', '200');
+  elem.setAttribute('y', '150');
+  elem.setAttribute('width', '250');
+  elem.setAttribute('height', '120');
+  svg.append(elem);
+}
+
+function setUpTextWithTspan () {
+  setUp();
+  elem = document.createElementNS(NS.SVG, 'text');
+  elem.setAttribute('x', '200');
+  elem.setAttribute('y', '150');
+
+  const tspan = document.createElementNS(NS.SVG, 'tspan');
+  tspan.setAttribute('x', '200');
+  tspan.setAttribute('y', '150');
+
+  const theText = document.createTextNode('Foo bar');
+  tspan.append(theText);
+  elem.append(tspan);
+  svg.append(elem);
+}
+
+function tearDown () {
+  while (svg.hasChildNodes()) {
+    svg.firstChild.remove();
+  }
+}
+
+QUnit.test('Test recalculateDimensions() on rect with identity matrix', function (assert) {
+  assert.expect(1);
+
+  setUpRect();
+  elem.setAttribute('transform', 'matrix(1,0,0,1,0,0)');
+
+  recalculate.recalculateDimensions(elem);
+
+  // Ensure that the identity matrix is swallowed and the element has no
+  // transform on it.
+  assert.equal(elem.hasAttribute('transform'), false);
+
+  tearDown();
+});
+
+QUnit.test('Test recalculateDimensions() on rect with simple translate', function (assert) {
+  assert.expect(5);
+
+  setUpRect();
+  elem.setAttribute('transform', 'translate(100,50)');
+
+  recalculate.recalculateDimensions(elem);
+
+  assert.equal(elem.hasAttribute('transform'), false);
+  assert.equal(elem.getAttribute('x'), '300');
+  assert.equal(elem.getAttribute('y'), '200');
+  assert.equal(elem.getAttribute('width'), '250');
+  assert.equal(elem.getAttribute('height'), '120');
+  tearDown();
+});
+
+QUnit.test('Test recalculateDimensions() on text w/tspan with simple translate', function (assert) {
+  assert.expect(5);
+
+  setUpTextWithTspan();
+  elem.setAttribute('transform', 'translate(100,50)');
+
+  recalculate.recalculateDimensions(elem);
+
+  // Ensure that the identity matrix is swallowed and the element has no
+  // transform on it.
+  assert.equal(elem.hasAttribute('transform'), false);
+  assert.equal(elem.getAttribute('x'), '300');
+  assert.equal(elem.getAttribute('y'), '200');
+
+  const tspan = elem.firstElementChild;
+  assert.equal(tspan.getAttribute('x'), '300');
+  assert.equal(tspan.getAttribute('y'), '200');
+
+  tearDown();
+});
+
+// TODO: Since recalculateDimensions() and surrounding code is
+// probably the largest, most complicated and strange piece of
+// code in SVG-edit, we need to write a whole lot of unit tests
+// for it here.
diff --git a/test/sanitize_test.html b/test/sanitize_test.html
index 3804cafb..151f0cd0 100644
--- a/test/sanitize_test.html
+++ b/test/sanitize_test.html
@@ -3,46 +3,17 @@
 <head>
   <meta charset="utf-8" />
   <title>Unit Tests for sanitize.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <script src='../editor/pathseg.js'></script>
-  <script src='../editor/browser.js'></script>
-  <script src='../editor/svgutils.js'></script>
-  <script src='../editor/sanitize.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // log function
-    QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-    var svg = document.createElementNS(svgedit.NS.SVG, 'svg');
-
-    test('Test sanitizeSvg() strips ws from style attr', function() {
-      expect(2);
-
-      var rect = document.createElementNS(svgedit.NS.SVG, 'rect');
-      rect.setAttribute('style', 'stroke: blue ;    stroke-width :    40;');
-      // sanitizeSvg() requires the node to have a parent and a document.
-      svg.appendChild(rect);
-      svgedit.sanitize.sanitizeSvg(rect);
-
-      equals(rect.getAttribute('stroke'), 'blue');
-      equals(rect.getAttribute('stroke-width'), '40');
-    });
-
-  });
-  </script>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="sanitize_test.js"></script>
 </head>
 <body>
-  <h1 id='qunit-header'>Unit Tests for sanitize.js</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='anchor' style='visibility:hidden'></div>
+  <h1 id="qunit-header">Unit Tests for sanitize.js</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="anchor" style="visibility: hidden;"></div>
 </body>
 </html>
diff --git a/test/sanitize_test.js b/test/sanitize_test.js
new file mode 100644
index 00000000..46589871
--- /dev/null
+++ b/test/sanitize_test.js
@@ -0,0 +1,25 @@
+/* eslint-env qunit */
+import {NS} from '../editor/namespaces.js';
+import * as sanitize from '../editor/sanitize.js';
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+const svg = document.createElementNS(NS.SVG, 'svg');
+
+QUnit.test('Test sanitizeSvg() strips ws from style attr', function (assert) {
+  assert.expect(2);
+
+  const rect = document.createElementNS(NS.SVG, 'rect');
+  rect.setAttribute('style', 'stroke: blue ;		stroke-width :		40;');
+  // sanitizeSvg() requires the node to have a parent and a document.
+  svg.append(rect);
+  sanitize.sanitizeSvg(rect);
+
+  assert.equal(rect.getAttribute('stroke'), 'blue');
+  assert.equal(rect.getAttribute('stroke-width'), '40');
+});
diff --git a/test/select_test.html b/test/select_test.html
index 4de0cfb2..4c0ac378 100644
--- a/test/select_test.html
+++ b/test/select_test.html
@@ -3,152 +3,17 @@
 <head>
   <meta charset="utf-8" />
   <title>Unit Tests for select.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <script src='../editor/pathseg.js'></script>
-  <script src='../editor/browser.js'></script>
-  <script src='../editor/math.js'></script>
-  <script src='../editor/svgutils.js'></script>
-  <script src='../editor/select.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // log function
-    QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-    module('svgedit.select');
-
-    var sandbox = document.getElementById('sandbox');
-    var svgroot;
-    var svgcontent;
-    var rect;
-    var mockConfig = {
-      dimensions: [640,480]
-    };
-    var mockFactory = {
-      createSVGElement: function(jsonMap) {
-        var elem = document.createElementNS(svgedit.NS.SVG, jsonMap['element']);
-        for (var attr in jsonMap['attr']) {
-          elem.setAttribute(attr, jsonMap['attr'][attr]);
-        }
-        return elem;
-      },
-      svgRoot: function() { return svgroot; },
-      svgContent: function() { return svgcontent; }
-    };
-
-    function setUp() {
-      svgroot = mockFactory.createSVGElement({
-        'element': 'svg',
-        'attr': {'id': 'svgroot'}
-      });
-      svgcontent = svgroot.appendChild(
-        mockFactory.createSVGElement({
-          'element': 'svg',
-          'attr': {'id': 'svgcontent'}
-        })
-      );
-      rect = svgcontent.appendChild(
-        mockFactory.createSVGElement({
-          'element': 'rect',
-          'attr': {
-            'id': 'rect',
-            'x': '50',
-            'y': '75',
-            'width': '200',
-            'height': '100'
-          }
-        })
-      );
-      sandbox.appendChild(svgroot);
-    }
-
-    function setUpWithInit() {
-      setUp();
-      svgedit.select.init(mockConfig, mockFactory);
-    }
-    
-    function tearDown() {
-      while (sandbox.hasChildNodes()) {
-        sandbox.removeChild(sandbox.firstChild);
-      }
-    }
-
-    test('Test svgedit.select package', function() {
-      expect(10);
-
-      ok(svgedit.select);
-      ok(svgedit.select.Selector);
-      ok(svgedit.select.SelectorManager);
-      ok(svgedit.select.init);
-      ok(svgedit.select.getSelectorManager);
-      equals(typeof svgedit.select, typeof {});
-      equals(typeof svgedit.select.Selector, typeof function(){});
-      equals(typeof svgedit.select.SelectorManager, typeof function(){});
-      equals(typeof svgedit.select.init, typeof function(){});
-      equals(typeof svgedit.select.getSelectorManager, typeof function(){});
-    });
-    
-    test('Test Selector DOM structure', function() {
-      expect(24);
-
-      setUp();
-
-      ok(svgroot);
-      ok(svgroot.hasChildNodes());
-
-      // Verify non-existence of Selector DOM nodes
-      equals(svgroot.childNodes.length, 1);
-      equals(svgroot.childNodes.item(0), svgcontent);
-      ok(!svgroot.querySelector('#selectorParentGroup'));
-
-      svgedit.select.init(mockConfig, mockFactory);
-
-      equals(svgroot.childNodes.length, 3);
-
-      // Verify existence of canvas background.
-      var cb = svgroot.childNodes.item(0);
-      ok(cb);
-      equals(cb.id, 'canvasBackground');
-
-      ok(svgroot.childNodes.item(1));
-      equals(svgroot.childNodes.item(1), svgcontent);
-
-      // Verify existence of selectorParentGroup.
-      var spg = svgroot.childNodes.item(2);
-      ok(spg);
-      equals(svgroot.querySelector('#selectorParentGroup'), spg);
-      equals(spg.id, 'selectorParentGroup');
-      equals(spg.tagName, 'g');
-
-      // Verify existence of all grip elements.
-      ok(spg.querySelector('#selectorGrip_resize_nw'));
-      ok(spg.querySelector('#selectorGrip_resize_n'));
-      ok(spg.querySelector('#selectorGrip_resize_ne'));
-      ok(spg.querySelector('#selectorGrip_resize_e'));
-      ok(spg.querySelector('#selectorGrip_resize_se'));
-      ok(spg.querySelector('#selectorGrip_resize_s'));
-      ok(spg.querySelector('#selectorGrip_resize_sw'));
-      ok(spg.querySelector('#selectorGrip_resize_w'));
-      ok(spg.querySelector('#selectorGrip_rotateconnector'));
-      ok(spg.querySelector('#selectorGrip_rotate'));
-
-      tearDown();
-    });
-
-  });
-  </script>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="select_test.js"></script>
 </head>
 <body>
-  <h1 id='qunit-header'>Unit Tests for select.js</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='sandbox'></div>
+  <h1 id="qunit-header">Unit Tests for select.js</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="sandbox"></div>
 </body>
 </html>
diff --git a/test/select_test.js b/test/select_test.js
new file mode 100644
index 00000000..8f4e9523
--- /dev/null
+++ b/test/select_test.js
@@ -0,0 +1,135 @@
+/* eslint-env qunit */
+import {NS} from '../editor/namespaces.js';
+import * as select from '../editor/select.js';
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+QUnit.module('svgedit.select');
+
+const sandbox = document.getElementById('sandbox');
+let svgroot;
+let svgcontent;
+const mockConfig = {
+  dimensions: [640, 480]
+};
+
+/**
+* @implements {module:select.SVGFactory}
+*/
+const mockFactory = {
+  createSVGElement (jsonMap) {
+    const elem = document.createElementNS(NS.SVG, jsonMap['element']);
+    for (const attr in jsonMap.attr) {
+      elem.setAttribute(attr, jsonMap.attr[attr]);
+    }
+    return elem;
+  },
+  svgRoot () { return svgroot; },
+  svgContent () { return svgcontent; }
+};
+
+function setUp () {
+  svgroot = mockFactory.createSVGElement({
+    element: 'svg',
+    attr: {id: 'svgroot'}
+  });
+  svgcontent = svgroot.appendChild(
+    mockFactory.createSVGElement({
+      element: 'svg',
+      attr: {id: 'svgcontent'}
+    })
+  );
+  /* const rect = */ svgcontent.appendChild(
+    mockFactory.createSVGElement({
+      element: 'rect',
+      attr: {
+        id: 'rect',
+        x: '50',
+        y: '75',
+        width: '200',
+        height: '100'
+      }
+    })
+  );
+  sandbox.append(svgroot);
+}
+
+/*
+function setUpWithInit () {
+  setUp();
+  select.init(mockConfig, mockFactory);
+}
+*/
+
+function tearDown () {
+  while (sandbox.hasChildNodes()) {
+    sandbox.firstChild.remove();
+  }
+}
+
+QUnit.test('Test svgedit.select package', function (assert) {
+  assert.expect(10);
+
+  assert.ok(select);
+  assert.ok(select.Selector);
+  assert.ok(select.SelectorManager);
+  assert.ok(select.init);
+  assert.ok(select.getSelectorManager);
+  assert.equal(typeof select, typeof {});
+  assert.equal(typeof select.Selector, typeof function () {});
+  assert.equal(typeof select.SelectorManager, typeof function () {});
+  assert.equal(typeof select.init, typeof function () {});
+  assert.equal(typeof select.getSelectorManager, typeof function () {});
+});
+
+QUnit.test('Test Selector DOM structure', function (assert) {
+  assert.expect(24);
+
+  setUp();
+
+  assert.ok(svgroot);
+  assert.ok(svgroot.hasChildNodes());
+
+  // Verify non-existence of Selector DOM nodes
+  assert.equal(svgroot.childNodes.length, 1);
+  assert.equal(svgroot.childNodes.item(0), svgcontent);
+  assert.ok(!svgroot.querySelector('#selectorParentGroup'));
+
+  select.init(mockConfig, mockFactory);
+
+  assert.equal(svgroot.childNodes.length, 3);
+
+  // Verify existence of canvas background.
+  const cb = svgroot.childNodes.item(0);
+  assert.ok(cb);
+  assert.equal(cb.id, 'canvasBackground');
+
+  assert.ok(svgroot.childNodes.item(1));
+  assert.equal(svgroot.childNodes.item(1), svgcontent);
+
+  // Verify existence of selectorParentGroup.
+  const spg = svgroot.childNodes.item(2);
+  assert.ok(spg);
+  assert.equal(svgroot.querySelector('#selectorParentGroup'), spg);
+  assert.equal(spg.id, 'selectorParentGroup');
+  assert.equal(spg.tagName, 'g');
+
+  // Verify existence of all grip elements.
+  assert.ok(spg.querySelector('#selectorGrip_resize_nw'));
+  assert.ok(spg.querySelector('#selectorGrip_resize_n'));
+  assert.ok(spg.querySelector('#selectorGrip_resize_ne'));
+  assert.ok(spg.querySelector('#selectorGrip_resize_e'));
+  assert.ok(spg.querySelector('#selectorGrip_resize_se'));
+  assert.ok(spg.querySelector('#selectorGrip_resize_s'));
+  assert.ok(spg.querySelector('#selectorGrip_resize_sw'));
+  assert.ok(spg.querySelector('#selectorGrip_resize_w'));
+  assert.ok(spg.querySelector('#selectorGrip_rotateconnector'));
+  assert.ok(spg.querySelector('#selectorGrip_rotate'));
+
+  tearDown();
+});
diff --git a/test/sinon/sinon-1.17.3.js b/test/sinon/sinon-1.17.3.js
deleted file mode 100644
index d77b3175..00000000
--- a/test/sinon/sinon-1.17.3.js
+++ /dev/null
@@ -1,6437 +0,0 @@
-/**
- * Sinon.JS 1.17.3, 2016/01/27
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @author Contributors: https://github.com/cjohansen/Sinon.JS/blob/master/AUTHORS
- *
- * (The BSD License)
- * 
- * Copyright (c) 2010-2014, Christian Johansen, christian@cjohansen.no
- * All rights reserved.
- * 
- * Redistribution and use in source and binary forms, with or without modification,
- * are permitted provided that the following conditions are met:
- * 
- *     * Redistributions of source code must retain the above copyright notice,
- *       this list of conditions and the following disclaimer.
- *     * Redistributions in binary form must reproduce the above copyright notice,
- *       this list of conditions and the following disclaimer in the documentation
- *       and/or other materials provided with the distribution.
- *     * Neither the name of Christian Johansen nor the names of his contributors
- *       may be used to endorse or promote products derived from this software
- *       without specific prior written permission.
- * 
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
- * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
- * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
- * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
- * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
- * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
- * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
- * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
- * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
- * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- */
-
-(function (root, factory) {
-  'use strict';
-  if (typeof define === 'function' && define.amd) {
-    define('sinon', [], function () {
-      return (root.sinon = factory());
-    });
-  } else if (typeof exports === 'object') {
-    module.exports = factory();
-  } else {
-    root.sinon = factory();
-  }
-}(this, function () {
-  'use strict';
-  var samsam, formatio, lolex;
-  (function () {
-                function define(mod, deps, fn) {
-                  if (mod == "samsam") {
-                    samsam = deps();
-                  } else if (typeof deps === "function" && mod.length === 0) {
-                    lolex = deps();
-                  } else if (typeof fn === "function") {
-                    formatio = fn(samsam);
-                  }
-                }
-    define.amd = {};
-((typeof define === "function" && define.amd && function (m) { define("samsam", m); }) ||
- (typeof module === "object" &&
-      function (m) { module.exports = m(); }) || // Node
- function (m) { this.samsam = m(); } // Browser globals
-)(function () {
-    var o = Object.prototype;
-    var div = typeof document !== "undefined" && document.createElement("div");
-
-    function isNaN(value) {
-        // Unlike global isNaN, this avoids type coercion
-        // typeof check avoids IE host object issues, hat tip to
-        // lodash
-        var val = value; // JsLint thinks value !== value is "weird"
-        return typeof value === "number" && value !== val;
-    }
-
-    function getClass(value) {
-        // Returns the internal [[Class]] by calling Object.prototype.toString
-        // with the provided value as this. Return value is a string, naming the
-        // internal class, e.g. "Array"
-        return o.toString.call(value).split(/[ \]]/)[1];
-    }
-
-    /**
-     * @name samsam.isArguments
-     * @param Object object
-     *
-     * Returns ``true`` if ``object`` is an ``arguments`` object,
-     * ``false`` otherwise.
-     */
-    function isArguments(object) {
-        if (getClass(object) === 'Arguments') { return true; }
-        if (typeof object !== "object" || typeof object.length !== "number" ||
-                getClass(object) === "Array") {
-            return false;
-        }
-        if (typeof object.callee == "function") { return true; }
-        try {
-            object[object.length] = 6;
-            delete object[object.length];
-        } catch (e) {
-            return true;
-        }
-        return false;
-    }
-
-    /**
-     * @name samsam.isElement
-     * @param Object object
-     *
-     * Returns ``true`` if ``object`` is a DOM element node. Unlike
-     * Underscore.js/lodash, this function will return ``false`` if ``object``
-     * is an *element-like* object, i.e. a regular object with a ``nodeType``
-     * property that holds the value ``1``.
-     */
-    function isElement(object) {
-        if (!object || object.nodeType !== 1 || !div) { return false; }
-        try {
-            object.appendChild(div);
-            object.removeChild(div);
-        } catch (e) {
-            return false;
-        }
-        return true;
-    }
-
-    /**
-     * @name samsam.keys
-     * @param Object object
-     *
-     * Return an array of own property names.
-     */
-    function keys(object) {
-        var ks = [], prop;
-        for (prop in object) {
-            if (o.hasOwnProperty.call(object, prop)) { ks.push(prop); }
-        }
-        return ks;
-    }
-
-    /**
-     * @name samsam.isDate
-     * @param Object value
-     *
-     * Returns true if the object is a ``Date``, or *date-like*. Duck typing
-     * of date objects work by checking that the object has a ``getTime``
-     * function whose return value equals the return value from the object's
-     * ``valueOf``.
-     */
-    function isDate(value) {
-        return typeof value.getTime == "function" &&
-            value.getTime() == value.valueOf();
-    }
-
-    /**
-     * @name samsam.isNegZero
-     * @param Object value
-     *
-     * Returns ``true`` if ``value`` is ``-0``.
-     */
-    function isNegZero(value) {
-        return value === 0 && 1 / value === -Infinity;
-    }
-
-    /**
-     * @name samsam.equal
-     * @param Object obj1
-     * @param Object obj2
-     *
-     * Returns ``true`` if two objects are strictly equal. Compared to
-     * ``===`` there are two exceptions:
-     *
-     *   - NaN is considered equal to NaN
-     *   - -0 and +0 are not considered equal
-     */
-    function identical(obj1, obj2) {
-        if (obj1 === obj2 || (isNaN(obj1) && isNaN(obj2))) {
-            return obj1 !== 0 || isNegZero(obj1) === isNegZero(obj2);
-        }
-    }
-
-
-    /**
-     * @name samsam.deepEqual
-     * @param Object obj1
-     * @param Object obj2
-     *
-     * Deep equal comparison. Two values are "deep equal" if:
-     *
-     *   - They are equal, according to samsam.identical
-     *   - They are both date objects representing the same time
-     *   - They are both arrays containing elements that are all deepEqual
-     *   - They are objects with the same set of properties, and each property
-     *     in ``obj1`` is deepEqual to the corresponding property in ``obj2``
-     *
-     * Supports cyclic objects.
-     */
-    function deepEqualCyclic(obj1, obj2) {
-
-        // used for cyclic comparison
-        // contain already visited objects
-        var objects1 = [],
-            objects2 = [],
-        // contain pathes (position in the object structure)
-        // of the already visited objects
-        // indexes same as in objects arrays
-            paths1 = [],
-            paths2 = [],
-        // contains combinations of already compared objects
-        // in the manner: { "$1['ref']$2['ref']": true }
-            compared = {};
-
-        /**
-         * used to check, if the value of a property is an object
-         * (cyclic logic is only needed for objects)
-         * only needed for cyclic logic
-         */
-        function isObject(value) {
-
-            if (typeof value === 'object' && value !== null &&
-                    !(value instanceof Boolean) &&
-                    !(value instanceof Date)    &&
-                    !(value instanceof Number)  &&
-                    !(value instanceof RegExp)  &&
-                    !(value instanceof String)) {
-
-                return true;
-            }
-
-            return false;
-        }
-
-        /**
-         * returns the index of the given object in the
-         * given objects array, -1 if not contained
-         * only needed for cyclic logic
-         */
-        function getIndex(objects, obj) {
-
-            var i;
-            for (i = 0; i < objects.length; i++) {
-                if (objects[i] === obj) {
-                    return i;
-                }
-            }
-
-            return -1;
-        }
-
-        // does the recursion for the deep equal check
-        return (function deepEqual(obj1, obj2, path1, path2) {
-            var type1 = typeof obj1;
-            var type2 = typeof obj2;
-
-            // == null also matches undefined
-            if (obj1 === obj2 ||
-                    isNaN(obj1) || isNaN(obj2) ||
-                    obj1 == null || obj2 == null ||
-                    type1 !== "object" || type2 !== "object") {
-
-                return identical(obj1, obj2);
-            }
-
-            // Elements are only equal if identical(expected, actual)
-            if (isElement(obj1) || isElement(obj2)) { return false; }
-
-            var isDate1 = isDate(obj1), isDate2 = isDate(obj2);
-            if (isDate1 || isDate2) {
-                if (!isDate1 || !isDate2 || obj1.getTime() !== obj2.getTime()) {
-                    return false;
-                }
-            }
-
-            if (obj1 instanceof RegExp && obj2 instanceof RegExp) {
-                if (obj1.toString() !== obj2.toString()) { return false; }
-            }
-
-            var class1 = getClass(obj1);
-            var class2 = getClass(obj2);
-            var keys1 = keys(obj1);
-            var keys2 = keys(obj2);
-
-            if (isArguments(obj1) || isArguments(obj2)) {
-                if (obj1.length !== obj2.length) { return false; }
-            } else {
-                if (type1 !== type2 || class1 !== class2 ||
-                        keys1.length !== keys2.length) {
-                    return false;
-                }
-            }
-
-            var key, i, l,
-                // following vars are used for the cyclic logic
-                value1, value2,
-                isObject1, isObject2,
-                index1, index2,
-                newPath1, newPath2;
-
-            for (i = 0, l = keys1.length; i < l; i++) {
-                key = keys1[i];
-                if (!o.hasOwnProperty.call(obj2, key)) {
-                    return false;
-                }
-
-                // Start of the cyclic logic
-
-                value1 = obj1[key];
-                value2 = obj2[key];
-
-                isObject1 = isObject(value1);
-                isObject2 = isObject(value2);
-
-                // determine, if the objects were already visited
-                // (it's faster to check for isObject first, than to
-                // get -1 from getIndex for non objects)
-                index1 = isObject1 ? getIndex(objects1, value1) : -1;
-                index2 = isObject2 ? getIndex(objects2, value2) : -1;
-
-                // determine the new pathes of the objects
-                // - for non cyclic objects the current path will be extended
-                //   by current property name
-                // - for cyclic objects the stored path is taken
-                newPath1 = index1 !== -1
-                    ? paths1[index1]
-                    : path1 + '[' + JSON.stringify(key) + ']';
-                newPath2 = index2 !== -1
-                    ? paths2[index2]
-                    : path2 + '[' + JSON.stringify(key) + ']';
-
-                // stop recursion if current objects are already compared
-                if (compared[newPath1 + newPath2]) {
-                    return true;
-                }
-
-                // remember the current objects and their pathes
-                if (index1 === -1 && isObject1) {
-                    objects1.push(value1);
-                    paths1.push(newPath1);
-                }
-                if (index2 === -1 && isObject2) {
-                    objects2.push(value2);
-                    paths2.push(newPath2);
-                }
-
-                // remember that the current objects are already compared
-                if (isObject1 && isObject2) {
-                    compared[newPath1 + newPath2] = true;
-                }
-
-                // End of cyclic logic
-
-                // neither value1 nor value2 is a cycle
-                // continue with next level
-                if (!deepEqual(value1, value2, newPath1, newPath2)) {
-                    return false;
-                }
-            }
-
-            return true;
-
-        }(obj1, obj2, '$1', '$2'));
-    }
-
-    var match;
-
-    function arrayContains(array, subset) {
-        if (subset.length === 0) { return true; }
-        var i, l, j, k;
-        for (i = 0, l = array.length; i < l; ++i) {
-            if (match(array[i], subset[0])) {
-                for (j = 0, k = subset.length; j < k; ++j) {
-                    if (!match(array[i + j], subset[j])) { return false; }
-                }
-                return true;
-            }
-        }
-        return false;
-    }
-
-    /**
-     * @name samsam.match
-     * @param Object object
-     * @param Object matcher
-     *
-     * Compare arbitrary value ``object`` with matcher.
-     */
-    match = function match(object, matcher) {
-        if (matcher && typeof matcher.test === "function") {
-            return matcher.test(object);
-        }
-
-        if (typeof matcher === "function") {
-            return matcher(object) === true;
-        }
-
-        if (typeof matcher === "string") {
-            matcher = matcher.toLowerCase();
-            var notNull = typeof object === "string" || !!object;
-            return notNull &&
-                (String(object)).toLowerCase().indexOf(matcher) >= 0;
-        }
-
-        if (typeof matcher === "number") {
-            return matcher === object;
-        }
-
-        if (typeof matcher === "boolean") {
-            return matcher === object;
-        }
-
-        if (typeof(matcher) === "undefined") {
-            return typeof(object) === "undefined";
-        }
-
-        if (matcher === null) {
-            return object === null;
-        }
-
-        if (getClass(object) === "Array" && getClass(matcher) === "Array") {
-            return arrayContains(object, matcher);
-        }
-
-        if (matcher && typeof matcher === "object") {
-            if (matcher === object) {
-                return true;
-            }
-            var prop;
-            for (prop in matcher) {
-                var value = object[prop];
-                if (typeof value === "undefined" &&
-                        typeof object.getAttribute === "function") {
-                    value = object.getAttribute(prop);
-                }
-                if (matcher[prop] === null || typeof matcher[prop] === 'undefined') {
-                    if (value !== matcher[prop]) {
-                        return false;
-                    }
-                } else if (typeof  value === "undefined" || !match(value, matcher[prop])) {
-                    return false;
-                }
-            }
-            return true;
-        }
-
-        throw new Error("Matcher was not a string, a number, a " +
-                        "function, a boolean or an object");
-    };
-
-    return {
-        isArguments: isArguments,
-        isElement: isElement,
-        isDate: isDate,
-        isNegZero: isNegZero,
-        identical: identical,
-        deepEqual: deepEqualCyclic,
-        match: match,
-        keys: keys
-    };
-});
-((typeof define === "function" && define.amd && function (m) {
-    define("formatio", ["samsam"], m);
-}) || (typeof module === "object" && function (m) {
-    module.exports = m(require("samsam"));
-}) || function (m) { this.formatio = m(this.samsam); }
-)(function (samsam) {
-    
-    var formatio = {
-        excludeConstructors: ["Object", /^.$/],
-        quoteStrings: true,
-        limitChildrenCount: 0
-    };
-
-    var hasOwn = Object.prototype.hasOwnProperty;
-
-    var specialObjects = [];
-    if (typeof global !== "undefined") {
-        specialObjects.push({ object: global, value: "[object global]" });
-    }
-    if (typeof document !== "undefined") {
-        specialObjects.push({
-            object: document,
-            value: "[object HTMLDocument]"
-        });
-    }
-    if (typeof window !== "undefined") {
-        specialObjects.push({ object: window, value: "[object Window]" });
-    }
-
-    function functionName(func) {
-        if (!func) { return ""; }
-        if (func.displayName) { return func.displayName; }
-        if (func.name) { return func.name; }
-        var matches = func.toString().match(/function\s+([^\(]+)/m);
-        return (matches && matches[1]) || "";
-    }
-
-    function constructorName(f, object) {
-        var name = functionName(object && object.constructor);
-        var excludes = f.excludeConstructors ||
-                formatio.excludeConstructors || [];
-
-        var i, l;
-        for (i = 0, l = excludes.length; i < l; ++i) {
-            if (typeof excludes[i] === "string" && excludes[i] === name) {
-                return "";
-            } else if (excludes[i].test && excludes[i].test(name)) {
-                return "";
-            }
-        }
-
-        return name;
-    }
-
-    function isCircular(object, objects) {
-        if (typeof object !== "object") { return false; }
-        var i, l;
-        for (i = 0, l = objects.length; i < l; ++i) {
-            if (objects[i] === object) { return true; }
-        }
-        return false;
-    }
-
-    function ascii(f, object, processed, indent) {
-        if (typeof object === "string") {
-            var qs = f.quoteStrings;
-            var quote = typeof qs !== "boolean" || qs;
-            return processed || quote ? '"' + object + '"' : object;
-        }
-
-        if (typeof object === "function" && !(object instanceof RegExp)) {
-            return ascii.func(object);
-        }
-
-        processed = processed || [];
-
-        if (isCircular(object, processed)) { return "[Circular]"; }
-
-        if (Object.prototype.toString.call(object) === "[object Array]") {
-            return ascii.array.call(f, object, processed);
-        }
-
-        if (!object) { return String((1/object) === -Infinity ? "-0" : object); }
-        if (samsam.isElement(object)) { return ascii.element(object); }
-
-        if (typeof object.toString === "function" &&
-                object.toString !== Object.prototype.toString) {
-            return object.toString();
-        }
-
-        var i, l;
-        for (i = 0, l = specialObjects.length; i < l; i++) {
-            if (object === specialObjects[i].object) {
-                return specialObjects[i].value;
-            }
-        }
-
-        return ascii.object.call(f, object, processed, indent);
-    }
-
-    ascii.func = function (func) {
-        return "function " + functionName(func) + "() {}";
-    };
-
-    ascii.array = function (array, processed) {
-        processed = processed || [];
-        processed.push(array);
-        var pieces = [];
-        var i, l;
-        l = (this.limitChildrenCount > 0) ? 
-            Math.min(this.limitChildrenCount, array.length) : array.length;
-
-        for (i = 0; i < l; ++i) {
-            pieces.push(ascii(this, array[i], processed));
-        }
-
-        if(l < array.length)
-            pieces.push("[... " + (array.length - l) + " more elements]");
-
-        return "[" + pieces.join(", ") + "]";
-    };
-
-    ascii.object = function (object, processed, indent) {
-        processed = processed || [];
-        processed.push(object);
-        indent = indent || 0;
-        var pieces = [], properties = samsam.keys(object).sort();
-        var length = 3;
-        var prop, str, obj, i, k, l;
-        l = (this.limitChildrenCount > 0) ? 
-            Math.min(this.limitChildrenCount, properties.length) : properties.length;
-
-        for (i = 0; i < l; ++i) {
-            prop = properties[i];
-            obj = object[prop];
-
-            if (isCircular(obj, processed)) {
-                str = "[Circular]";
-            } else {
-                str = ascii(this, obj, processed, indent + 2);
-            }
-
-            str = (/\s/.test(prop) ? '"' + prop + '"' : prop) + ": " + str;
-            length += str.length;
-            pieces.push(str);
-        }
-
-        var cons = constructorName(this, object);
-        var prefix = cons ? "[" + cons + "] " : "";
-        var is = "";
-        for (i = 0, k = indent; i < k; ++i) { is += " "; }
-
-        if(l < properties.length)
-            pieces.push("[... " + (properties.length - l) + " more elements]");
-
-        if (length + indent > 80) {
-            return prefix + "{\n  " + is + pieces.join(",\n  " + is) + "\n" +
-                is + "}";
-        }
-        return prefix + "{ " + pieces.join(", ") + " }";
-    };
-
-    ascii.element = function (element) {
-        var tagName = element.tagName.toLowerCase();
-        var attrs = element.attributes, attr, pairs = [], attrName, i, l, val;
-
-        for (i = 0, l = attrs.length; i < l; ++i) {
-            attr = attrs.item(i);
-            attrName = attr.nodeName.toLowerCase().replace("html:", "");
-            val = attr.nodeValue;
-            if (attrName !== "contenteditable" || val !== "inherit") {
-                if (!!val) { pairs.push(attrName + "=\"" + val + "\""); }
-            }
-        }
-
-        var formatted = "<" + tagName + (pairs.length > 0 ? " " : "");
-        var content = element.innerHTML;
-
-        if (content.length > 20) {
-            content = content.substr(0, 20) + "[...]";
-        }
-
-        var res = formatted + pairs.join(" ") + ">" + content +
-                "</" + tagName + ">";
-
-        return res.replace(/ contentEditable="inherit"/, "");
-    };
-
-    function Formatio(options) {
-        for (var opt in options) {
-            this[opt] = options[opt];
-        }
-    }
-
-    Formatio.prototype = {
-        functionName: functionName,
-
-        configure: function (options) {
-            return new Formatio(options);
-        },
-
-        constructorName: function (object) {
-            return constructorName(this, object);
-        },
-
-        ascii: function (object, processed, indent) {
-            return ascii(this, object, processed, indent);
-        }
-    };
-
-    return Formatio.prototype;
-});
-!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var f;"undefined"!=typeof window?f=window:"undefined"!=typeof global?f=global:"undefined"!=typeof self&&(f=self),f.lolex=e()}}(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
-(function (global){
-/*global global, window*/
-/**
- * @author Christian Johansen (christian@cjohansen.no) and contributors
- * @license BSD
- *
- * Copyright (c) 2010-2014 Christian Johansen
- */
-
-(function (global) {
-    
-    // Make properties writable in IE, as per
-    // http://www.adequatelygood.com/Replacing-setTimeout-Globally.html
-    // JSLint being anal
-    var glbl = global;
-
-    global.setTimeout = glbl.setTimeout;
-    global.clearTimeout = glbl.clearTimeout;
-    global.setInterval = glbl.setInterval;
-    global.clearInterval = glbl.clearInterval;
-    global.Date = glbl.Date;
-
-    // setImmediate is not a standard function
-    // avoid adding the prop to the window object if not present
-    if('setImmediate' in global) {
-        global.setImmediate = glbl.setImmediate;
-        global.clearImmediate = glbl.clearImmediate;
-    }
-
-    // node expects setTimeout/setInterval to return a fn object w/ .ref()/.unref()
-    // browsers, a number.
-    // see https://github.com/cjohansen/Sinon.JS/pull/436
-
-    var NOOP = function () { return undefined; };
-    var timeoutResult = setTimeout(NOOP, 0);
-    var addTimerReturnsObject = typeof timeoutResult === "object";
-    clearTimeout(timeoutResult);
-
-    var NativeDate = Date;
-    var uniqueTimerId = 1;
-
-    /**
-     * Parse strings like "01:10:00" (meaning 1 hour, 10 minutes, 0 seconds) into
-     * number of milliseconds. This is used to support human-readable strings passed
-     * to clock.tick()
-     */
-    function parseTime(str) {
-        if (!str) {
-            return 0;
-        }
-
-        var strings = str.split(":");
-        var l = strings.length, i = l;
-        var ms = 0, parsed;
-
-        if (l > 3 || !/^(\d\d:){0,2}\d\d?$/.test(str)) {
-            throw new Error("tick only understands numbers, 'm:s' and 'h:m:s'. Each part must be two digits");
-        }
-
-        while (i--) {
-            parsed = parseInt(strings[i], 10);
-
-            if (parsed >= 60) {
-                throw new Error("Invalid time " + str);
-            }
-
-            ms += parsed * Math.pow(60, (l - i - 1));
-        }
-
-        return ms * 1000;
-    }
-
-    /**
-     * Used to grok the `now` parameter to createClock.
-     */
-    function getEpoch(epoch) {
-        if (!epoch) { return 0; }
-        if (typeof epoch.getTime === "function") { return epoch.getTime(); }
-        if (typeof epoch === "number") { return epoch; }
-        throw new TypeError("now should be milliseconds since UNIX epoch");
-    }
-
-    function inRange(from, to, timer) {
-        return timer && timer.callAt >= from && timer.callAt <= to;
-    }
-
-    function mirrorDateProperties(target, source) {
-        var prop;
-        for (prop in source) {
-            if (source.hasOwnProperty(prop)) {
-                target[prop] = source[prop];
-            }
-        }
-
-        // set special now implementation
-        if (source.now) {
-            target.now = function now() {
-                return target.clock.now;
-            };
-        } else {
-            delete target.now;
-        }
-
-        // set special toSource implementation
-        if (source.toSource) {
-            target.toSource = function toSource() {
-                return source.toSource();
-            };
-        } else {
-            delete target.toSource;
-        }
-
-        // set special toString implementation
-        target.toString = function toString() {
-            return source.toString();
-        };
-
-        target.prototype = source.prototype;
-        target.parse = source.parse;
-        target.UTC = source.UTC;
-        target.prototype.toUTCString = source.prototype.toUTCString;
-
-        return target;
-    }
-
-    function createDate() {
-        function ClockDate(year, month, date, hour, minute, second, ms) {
-            // Defensive and verbose to avoid potential harm in passing
-            // explicit undefined when user does not pass argument
-            switch (arguments.length) {
-            case 0:
-                return new NativeDate(ClockDate.clock.now);
-            case 1:
-                return new NativeDate(year);
-            case 2:
-                return new NativeDate(year, month);
-            case 3:
-                return new NativeDate(year, month, date);
-            case 4:
-                return new NativeDate(year, month, date, hour);
-            case 5:
-                return new NativeDate(year, month, date, hour, minute);
-            case 6:
-                return new NativeDate(year, month, date, hour, minute, second);
-            default:
-                return new NativeDate(year, month, date, hour, minute, second, ms);
-            }
-        }
-
-        return mirrorDateProperties(ClockDate, NativeDate);
-    }
-
-    function addTimer(clock, timer) {
-        if (timer.func === undefined) {
-            throw new Error("Callback must be provided to timer calls");
-        }
-
-        if (!clock.timers) {
-            clock.timers = {};
-        }
-
-        timer.id = uniqueTimerId++;
-        timer.createdAt = clock.now;
-        timer.callAt = clock.now + (timer.delay || (clock.duringTick ? 1 : 0));
-
-        clock.timers[timer.id] = timer;
-
-        if (addTimerReturnsObject) {
-            return {
-                id: timer.id,
-                ref: NOOP,
-                unref: NOOP
-            };
-        }
-
-        return timer.id;
-    }
-
-
-    function compareTimers(a, b) {
-        // Sort first by absolute timing
-        if (a.callAt < b.callAt) {
-            return -1;
-        }
-        if (a.callAt > b.callAt) {
-            return 1;
-        }
-
-        // Sort next by immediate, immediate timers take precedence
-        if (a.immediate && !b.immediate) {
-            return -1;
-        }
-        if (!a.immediate && b.immediate) {
-            return 1;
-        }
-
-        // Sort next by creation time, earlier-created timers take precedence
-        if (a.createdAt < b.createdAt) {
-            return -1;
-        }
-        if (a.createdAt > b.createdAt) {
-            return 1;
-        }
-
-        // Sort next by id, lower-id timers take precedence
-        if (a.id < b.id) {
-            return -1;
-        }
-        if (a.id > b.id) {
-            return 1;
-        }
-
-        // As timer ids are unique, no fallback `0` is necessary
-    }
-
-    function firstTimerInRange(clock, from, to) {
-        var timers = clock.timers,
-            timer = null,
-            id,
-            isInRange;
-
-        for (id in timers) {
-            if (timers.hasOwnProperty(id)) {
-                isInRange = inRange(from, to, timers[id]);
-
-                if (isInRange && (!timer || compareTimers(timer, timers[id]) === 1)) {
-                    timer = timers[id];
-                }
-            }
-        }
-
-        return timer;
-    }
-
-    function firstTimer(clock) {
-        var timers = clock.timers,
-            timer = null,
-            id;
-
-        for (id in timers) {
-            if (timers.hasOwnProperty(id)) {
-                if (!timer || compareTimers(timer, timers[id]) === 1) {
-                    timer = timers[id];
-                }
-            }
-        }
-
-        return timer;
-    }
-
-    function callTimer(clock, timer) {
-        var exception;
-
-        if (typeof timer.interval === "number") {
-            clock.timers[timer.id].callAt += timer.interval;
-        } else {
-            delete clock.timers[timer.id];
-        }
-
-        try {
-            if (typeof timer.func === "function") {
-                timer.func.apply(null, timer.args);
-            } else {
-                eval(timer.func);
-            }
-        } catch (e) {
-            exception = e;
-        }
-
-        if (!clock.timers[timer.id]) {
-            if (exception) {
-                throw exception;
-            }
-            return;
-        }
-
-        if (exception) {
-            throw exception;
-        }
-    }
-
-    function timerType(timer) {
-        if (timer.immediate) {
-            return "Immediate";
-        } else if (typeof timer.interval !== "undefined") {
-            return "Interval";
-        } else {
-            return "Timeout";
-        }
-    }
-
-    function clearTimer(clock, timerId, ttype) {
-        if (!timerId) {
-            // null appears to be allowed in most browsers, and appears to be
-            // relied upon by some libraries, like Bootstrap carousel
-            return;
-        }
-
-        if (!clock.timers) {
-            clock.timers = [];
-        }
-
-        // in Node, timerId is an object with .ref()/.unref(), and
-        // its .id field is the actual timer id.
-        if (typeof timerId === "object") {
-            timerId = timerId.id;
-        }
-
-        if (clock.timers.hasOwnProperty(timerId)) {
-            // check that the ID matches a timer of the correct type
-            var timer = clock.timers[timerId];
-            if (timerType(timer) === ttype) {
-                delete clock.timers[timerId];
-            } else {
-				throw new Error("Cannot clear timer: timer created with set" + ttype + "() but cleared with clear" + timerType(timer) + "()");
-			}
-        }
-    }
-
-    function uninstall(clock, target) {
-        var method,
-            i,
-            l;
-
-        for (i = 0, l = clock.methods.length; i < l; i++) {
-            method = clock.methods[i];
-
-            if (target[method].hadOwnProperty) {
-                target[method] = clock["_" + method];
-            } else {
-                try {
-                    delete target[method];
-                } catch (ignore) {}
-            }
-        }
-
-        // Prevent multiple executions which will completely remove these props
-        clock.methods = [];
-    }
-
-    function hijackMethod(target, method, clock) {
-        var prop;
-
-        clock[method].hadOwnProperty = Object.prototype.hasOwnProperty.call(target, method);
-        clock["_" + method] = target[method];
-
-        if (method === "Date") {
-            var date = mirrorDateProperties(clock[method], target[method]);
-            target[method] = date;
-        } else {
-            target[method] = function () {
-                return clock[method].apply(clock, arguments);
-            };
-
-            for (prop in clock[method]) {
-                if (clock[method].hasOwnProperty(prop)) {
-                    target[method][prop] = clock[method][prop];
-                }
-            }
-        }
-
-        target[method].clock = clock;
-    }
-
-    var timers = {
-        setTimeout: setTimeout,
-        clearTimeout: clearTimeout,
-        setImmediate: global.setImmediate,
-        clearImmediate: global.clearImmediate,
-        setInterval: setInterval,
-        clearInterval: clearInterval,
-        Date: Date
-    };
-
-    var keys = Object.keys || function (obj) {
-        var ks = [],
-            key;
-
-        for (key in obj) {
-            if (obj.hasOwnProperty(key)) {
-                ks.push(key);
-            }
-        }
-
-        return ks;
-    };
-
-    exports.timers = timers;
-
-    function createClock(now) {
-        var clock = {
-            now: getEpoch(now),
-            timeouts: {},
-            Date: createDate()
-        };
-
-        clock.Date.clock = clock;
-
-        clock.setTimeout = function setTimeout(func, timeout) {
-            return addTimer(clock, {
-                func: func,
-                args: Array.prototype.slice.call(arguments, 2),
-                delay: timeout
-            });
-        };
-
-        clock.clearTimeout = function clearTimeout(timerId) {
-            return clearTimer(clock, timerId, "Timeout");
-        };
-
-        clock.setInterval = function setInterval(func, timeout) {
-            return addTimer(clock, {
-                func: func,
-                args: Array.prototype.slice.call(arguments, 2),
-                delay: timeout,
-                interval: timeout
-            });
-        };
-
-        clock.clearInterval = function clearInterval(timerId) {
-            return clearTimer(clock, timerId, "Interval");
-        };
-
-        clock.setImmediate = function setImmediate(func) {
-            return addTimer(clock, {
-                func: func,
-                args: Array.prototype.slice.call(arguments, 1),
-                immediate: true
-            });
-        };
-
-        clock.clearImmediate = function clearImmediate(timerId) {
-            return clearTimer(clock, timerId, "Immediate");
-        };
-
-        clock.tick = function tick(ms) {
-            ms = typeof ms === "number" ? ms : parseTime(ms);
-            var tickFrom = clock.now, tickTo = clock.now + ms, previous = clock.now;
-            var timer = firstTimerInRange(clock, tickFrom, tickTo);
-            var oldNow;
-
-            clock.duringTick = true;
-
-            var firstException;
-            while (timer && tickFrom <= tickTo) {
-                if (clock.timers[timer.id]) {
-                    tickFrom = clock.now = timer.callAt;
-                    try {
-                        oldNow = clock.now;
-                        callTimer(clock, timer);
-                        // compensate for any setSystemTime() call during timer callback
-                        if (oldNow !== clock.now) {
-                            tickFrom += clock.now - oldNow;
-                            tickTo += clock.now - oldNow;
-                            previous += clock.now - oldNow;
-                        }
-                    } catch (e) {
-                        firstException = firstException || e;
-                    }
-                }
-
-                timer = firstTimerInRange(clock, previous, tickTo);
-                previous = tickFrom;
-            }
-
-            clock.duringTick = false;
-            clock.now = tickTo;
-
-            if (firstException) {
-                throw firstException;
-            }
-
-            return clock.now;
-        };
-
-        clock.next = function next() {
-            var timer = firstTimer(clock);
-            if (!timer) {
-                return clock.now;
-            }
-
-            clock.duringTick = true;
-            try {
-                clock.now = timer.callAt;
-                callTimer(clock, timer);
-                return clock.now;
-            } finally {
-                clock.duringTick = false;
-            }
-        };
-
-        clock.reset = function reset() {
-            clock.timers = {};
-        };
-
-        clock.setSystemTime = function setSystemTime(now) {
-            // determine time difference
-            var newNow = getEpoch(now);
-            var difference = newNow - clock.now;
-
-            // update 'system clock'
-            clock.now = newNow;
-
-            // update timers and intervals to keep them stable
-            for (var id in clock.timers) {
-                if (clock.timers.hasOwnProperty(id)) {
-                    var timer = clock.timers[id];
-                    timer.createdAt += difference;
-                    timer.callAt += difference;
-                }
-            }
-        };
-
-        return clock;
-    }
-    exports.createClock = createClock;
-
-    exports.install = function install(target, now, toFake) {
-        var i,
-            l;
-
-        if (typeof target === "number") {
-            toFake = now;
-            now = target;
-            target = null;
-        }
-
-        if (!target) {
-            target = global;
-        }
-
-        var clock = createClock(now);
-
-        clock.uninstall = function () {
-            uninstall(clock, target);
-        };
-
-        clock.methods = toFake || [];
-
-        if (clock.methods.length === 0) {
-            clock.methods = keys(timers);
-        }
-
-        for (i = 0, l = clock.methods.length; i < l; i++) {
-            hijackMethod(target, clock.methods[i], clock);
-        }
-
-        return clock;
-    };
-
-}(global || this));
-
-}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
-},{}]},{},[1])(1)
-});
-  })();
-  var define;
-/**
- * Sinon core utilities. For internal use only.
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-var sinon = (function () {
-"use strict";
- // eslint-disable-line no-unused-vars
-    
-    var sinonModule;
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        sinonModule = module.exports = require("./sinon/util/core");
-        require("./sinon/extend");
-        require("./sinon/walk");
-        require("./sinon/typeOf");
-        require("./sinon/times_in_words");
-        require("./sinon/spy");
-        require("./sinon/call");
-        require("./sinon/behavior");
-        require("./sinon/stub");
-        require("./sinon/mock");
-        require("./sinon/collection");
-        require("./sinon/assert");
-        require("./sinon/sandbox");
-        require("./sinon/test");
-        require("./sinon/test_case");
-        require("./sinon/match");
-        require("./sinon/format");
-        require("./sinon/log_error");
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-    } else if (isNode) {
-        loadDependencies(require, module.exports, module);
-        sinonModule = module.exports;
-    } else {
-        sinonModule = {};
-    }
-
-    return sinonModule;
-}());
-
-/**
- * @depend ../../sinon.js
- */
-/**
- * Sinon core utilities. For internal use only.
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function (sinonGlobal) {
-    
-    var div = typeof document !== "undefined" && document.createElement("div");
-    var hasOwn = Object.prototype.hasOwnProperty;
-
-    function isDOMNode(obj) {
-        var success = false;
-
-        try {
-            obj.appendChild(div);
-            success = div.parentNode === obj;
-        } catch (e) {
-            return false;
-        } finally {
-            try {
-                obj.removeChild(div);
-            } catch (e) {
-                // Remove failed, not much we can do about that
-            }
-        }
-
-        return success;
-    }
-
-    function isElement(obj) {
-        return div && obj && obj.nodeType === 1 && isDOMNode(obj);
-    }
-
-    function isFunction(obj) {
-        return typeof obj === "function" || !!(obj && obj.constructor && obj.call && obj.apply);
-    }
-
-    function isReallyNaN(val) {
-        return typeof val === "number" && isNaN(val);
-    }
-
-    function mirrorProperties(target, source) {
-        for (var prop in source) {
-            if (!hasOwn.call(target, prop)) {
-                target[prop] = source[prop];
-            }
-        }
-    }
-
-    function isRestorable(obj) {
-        return typeof obj === "function" && typeof obj.restore === "function" && obj.restore.sinon;
-    }
-
-    // Cheap way to detect if we have ES5 support.
-    var hasES5Support = "keys" in Object;
-
-    function makeApi(sinon) {
-        sinon.wrapMethod = function wrapMethod(object, property, method) {
-            if (!object) {
-                throw new TypeError("Should wrap property of object");
-            }
-
-            if (typeof method !== "function" && typeof method !== "object") {
-                throw new TypeError("Method wrapper should be a function or a property descriptor");
-            }
-
-            function checkWrappedMethod(wrappedMethod) {
-                var error;
-
-                if (!isFunction(wrappedMethod)) {
-                    error = new TypeError("Attempted to wrap " + (typeof wrappedMethod) + " property " +
-                                        property + " as function");
-                } else if (wrappedMethod.restore && wrappedMethod.restore.sinon) {
-                    error = new TypeError("Attempted to wrap " + property + " which is already wrapped");
-                } else if (wrappedMethod.calledBefore) {
-                    var verb = wrappedMethod.returns ? "stubbed" : "spied on";
-                    error = new TypeError("Attempted to wrap " + property + " which is already " + verb);
-                }
-
-                if (error) {
-                    if (wrappedMethod && wrappedMethod.stackTrace) {
-                        error.stack += "\n--------------\n" + wrappedMethod.stackTrace;
-                    }
-                    throw error;
-                }
-            }
-
-            var error, wrappedMethod, i;
-
-            // IE 8 does not support hasOwnProperty on the window object and Firefox has a problem
-            // when using hasOwn.call on objects from other frames.
-            var owned = object.hasOwnProperty ? object.hasOwnProperty(property) : hasOwn.call(object, property);
-
-            if (hasES5Support) {
-                var methodDesc = (typeof method === "function") ? {value: method} : method;
-                var wrappedMethodDesc = sinon.getPropertyDescriptor(object, property);
-
-                if (!wrappedMethodDesc) {
-                    error = new TypeError("Attempted to wrap " + (typeof wrappedMethod) + " property " +
-                                        property + " as function");
-                } else if (wrappedMethodDesc.restore && wrappedMethodDesc.restore.sinon) {
-                    error = new TypeError("Attempted to wrap " + property + " which is already wrapped");
-                }
-                if (error) {
-                    if (wrappedMethodDesc && wrappedMethodDesc.stackTrace) {
-                        error.stack += "\n--------------\n" + wrappedMethodDesc.stackTrace;
-                    }
-                    throw error;
-                }
-
-                var types = sinon.objectKeys(methodDesc);
-                for (i = 0; i < types.length; i++) {
-                    wrappedMethod = wrappedMethodDesc[types[i]];
-                    checkWrappedMethod(wrappedMethod);
-                }
-
-                mirrorProperties(methodDesc, wrappedMethodDesc);
-                for (i = 0; i < types.length; i++) {
-                    mirrorProperties(methodDesc[types[i]], wrappedMethodDesc[types[i]]);
-                }
-                Object.defineProperty(object, property, methodDesc);
-            } else {
-                wrappedMethod = object[property];
-                checkWrappedMethod(wrappedMethod);
-                object[property] = method;
-                method.displayName = property;
-            }
-
-            method.displayName = property;
-
-            // Set up a stack trace which can be used later to find what line of
-            // code the original method was created on.
-            method.stackTrace = (new Error("Stack Trace for original")).stack;
-
-            method.restore = function () {
-                // For prototype properties try to reset by delete first.
-                // If this fails (ex: localStorage on mobile safari) then force a reset
-                // via direct assignment.
-                if (!owned) {
-                    // In some cases `delete` may throw an error
-                    try {
-                        delete object[property];
-                    } catch (e) {} // eslint-disable-line no-empty
-                    // For native code functions `delete` fails without throwing an error
-                    // on Chrome < 43, PhantomJS, etc.
-                } else if (hasES5Support) {
-                    Object.defineProperty(object, property, wrappedMethodDesc);
-                }
-
-                // Use strict equality comparison to check failures then force a reset
-                // via direct assignment.
-                if (object[property] === method) {
-                    object[property] = wrappedMethod;
-                }
-            };
-
-            method.restore.sinon = true;
-
-            if (!hasES5Support) {
-                mirrorProperties(method, wrappedMethod);
-            }
-
-            return method;
-        };
-
-        sinon.create = function create(proto) {
-            var F = function () {};
-            F.prototype = proto;
-            return new F();
-        };
-
-        sinon.deepEqual = function deepEqual(a, b) {
-            if (sinon.match && sinon.match.isMatcher(a)) {
-                return a.test(b);
-            }
-
-            if (typeof a !== "object" || typeof b !== "object") {
-                return isReallyNaN(a) && isReallyNaN(b) || a === b;
-            }
-
-            if (isElement(a) || isElement(b)) {
-                return a === b;
-            }
-
-            if (a === b) {
-                return true;
-            }
-
-            if ((a === null && b !== null) || (a !== null && b === null)) {
-                return false;
-            }
-
-            if (a instanceof RegExp && b instanceof RegExp) {
-                return (a.source === b.source) && (a.global === b.global) &&
-                    (a.ignoreCase === b.ignoreCase) && (a.multiline === b.multiline);
-            }
-
-            var aString = Object.prototype.toString.call(a);
-            if (aString !== Object.prototype.toString.call(b)) {
-                return false;
-            }
-
-            if (aString === "[object Date]") {
-                return a.valueOf() === b.valueOf();
-            }
-
-            var prop;
-            var aLength = 0;
-            var bLength = 0;
-
-            if (aString === "[object Array]" && a.length !== b.length) {
-                return false;
-            }
-
-            for (prop in a) {
-                if (a.hasOwnProperty(prop)) {
-                    aLength += 1;
-
-                    if (!(prop in b)) {
-                        return false;
-                    }
-
-                    if (!deepEqual(a[prop], b[prop])) {
-                        return false;
-                    }
-                }
-            }
-
-            for (prop in b) {
-                if (b.hasOwnProperty(prop)) {
-                    bLength += 1;
-                }
-            }
-
-            return aLength === bLength;
-        };
-
-        sinon.functionName = function functionName(func) {
-            var name = func.displayName || func.name;
-
-            // Use function decomposition as a last resort to get function
-            // name. Does not rely on function decomposition to work - if it
-            // doesn't debugging will be slightly less informative
-            // (i.e. toString will say 'spy' rather than 'myFunc').
-            if (!name) {
-                var matches = func.toString().match(/function ([^\s\(]+)/);
-                name = matches && matches[1];
-            }
-
-            return name;
-        };
-
-        sinon.functionToString = function toString() {
-            if (this.getCall && this.callCount) {
-                var thisValue,
-                    prop;
-                var i = this.callCount;
-
-                while (i--) {
-                    thisValue = this.getCall(i).thisValue;
-
-                    for (prop in thisValue) {
-                        if (thisValue[prop] === this) {
-                            return prop;
-                        }
-                    }
-                }
-            }
-
-            return this.displayName || "sinon fake";
-        };
-
-        sinon.objectKeys = function objectKeys(obj) {
-            if (obj !== Object(obj)) {
-                throw new TypeError("sinon.objectKeys called on a non-object");
-            }
-
-            var keys = [];
-            var key;
-            for (key in obj) {
-                if (hasOwn.call(obj, key)) {
-                    keys.push(key);
-                }
-            }
-
-            return keys;
-        };
-
-        sinon.getPropertyDescriptor = function getPropertyDescriptor(object, property) {
-            var proto = object;
-            var descriptor;
-
-            while (proto && !(descriptor = Object.getOwnPropertyDescriptor(proto, property))) {
-                proto = Object.getPrototypeOf(proto);
-            }
-            return descriptor;
-        };
-
-        sinon.getConfig = function (custom) {
-            var config = {};
-            custom = custom || {};
-            var defaults = sinon.defaultConfig;
-
-            for (var prop in defaults) {
-                if (defaults.hasOwnProperty(prop)) {
-                    config[prop] = custom.hasOwnProperty(prop) ? custom[prop] : defaults[prop];
-                }
-            }
-
-            return config;
-        };
-
-        sinon.defaultConfig = {
-            injectIntoThis: true,
-            injectInto: null,
-            properties: ["spy", "stub", "mock", "clock", "server", "requests"],
-            useFakeTimers: true,
-            useFakeServer: true
-        };
-
-        sinon.timesInWords = function timesInWords(count) {
-            return count === 1 && "once" ||
-                count === 2 && "twice" ||
-                count === 3 && "thrice" ||
-                (count || 0) + " times";
-        };
-
-        sinon.calledInOrder = function (spies) {
-            for (var i = 1, l = spies.length; i < l; i++) {
-                if (!spies[i - 1].calledBefore(spies[i]) || !spies[i].called) {
-                    return false;
-                }
-            }
-
-            return true;
-        };
-
-        sinon.orderByFirstCall = function (spies) {
-            return spies.sort(function (a, b) {
-                // uuid, won't ever be equal
-                var aCall = a.getCall(0);
-                var bCall = b.getCall(0);
-                var aId = aCall && aCall.callId || -1;
-                var bId = bCall && bCall.callId || -1;
-
-                return aId < bId ? -1 : 1;
-            });
-        };
-
-        sinon.createStubInstance = function (constructor) {
-            if (typeof constructor !== "function") {
-                throw new TypeError("The constructor should be a function.");
-            }
-            return sinon.stub(sinon.create(constructor.prototype));
-        };
-
-        sinon.restore = function (object) {
-            if (object !== null && typeof object === "object") {
-                for (var prop in object) {
-                    if (isRestorable(object[prop])) {
-                        object[prop].restore();
-                    }
-                }
-            } else if (isRestorable(object)) {
-                object.restore();
-            }
-        };
-
-        return sinon;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports) {
-        makeApi(exports);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend util/core.js
- */
-(function (sinonGlobal) {
-    
-    function makeApi(sinon) {
-
-        // Adapted from https://developer.mozilla.org/en/docs/ECMAScript_DontEnum_attribute#JScript_DontEnum_Bug
-        var hasDontEnumBug = (function () {
-            var obj = {
-                constructor: function () {
-                    return "0";
-                },
-                toString: function () {
-                    return "1";
-                },
-                valueOf: function () {
-                    return "2";
-                },
-                toLocaleString: function () {
-                    return "3";
-                },
-                prototype: function () {
-                    return "4";
-                },
-                isPrototypeOf: function () {
-                    return "5";
-                },
-                propertyIsEnumerable: function () {
-                    return "6";
-                },
-                hasOwnProperty: function () {
-                    return "7";
-                },
-                length: function () {
-                    return "8";
-                },
-                unique: function () {
-                    return "9";
-                }
-            };
-
-            var result = [];
-            for (var prop in obj) {
-                if (obj.hasOwnProperty(prop)) {
-                    result.push(obj[prop]());
-                }
-            }
-            return result.join("") !== "0123456789";
-        })();
-
-        /* Public: Extend target in place with all (own) properties from sources in-order. Thus, last source will
-         *         override properties in previous sources.
-         *
-         * target - The Object to extend
-         * sources - Objects to copy properties from.
-         *
-         * Returns the extended target
-         */
-        function extend(target /*, sources */) {
-            var sources = Array.prototype.slice.call(arguments, 1);
-            var source, i, prop;
-
-            for (i = 0; i < sources.length; i++) {
-                source = sources[i];
-
-                for (prop in source) {
-                    if (source.hasOwnProperty(prop)) {
-                        target[prop] = source[prop];
-                    }
-                }
-
-                // Make sure we copy (own) toString method even when in JScript with DontEnum bug
-                // See https://developer.mozilla.org/en/docs/ECMAScript_DontEnum_attribute#JScript_DontEnum_Bug
-                if (hasDontEnumBug && source.hasOwnProperty("toString") && source.toString !== target.toString) {
-                    target.toString = source.toString;
-                }
-            }
-
-            return target;
-        }
-
-        sinon.extend = extend;
-        return sinon.extend;
-    }
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./util/core");
-        module.exports = makeApi(sinon);
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend util/core.js
- */
-(function (sinonGlobal) {
-    
-    function makeApi(sinon) {
-
-        function timesInWords(count) {
-            switch (count) {
-                case 1:
-                    return "once";
-                case 2:
-                    return "twice";
-                case 3:
-                    return "thrice";
-                default:
-                    return (count || 0) + " times";
-            }
-        }
-
-        sinon.timesInWords = timesInWords;
-        return sinon.timesInWords;
-    }
-
-    function loadDependencies(require, exports, module) {
-        var core = require("./util/core");
-        module.exports = makeApi(core);
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend util/core.js
- */
-/**
- * Format functions
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2014 Christian Johansen
- */
-(function (sinonGlobal) {
-    
-    function makeApi(sinon) {
-        function typeOf(value) {
-            if (value === null) {
-                return "null";
-            } else if (value === undefined) {
-                return "undefined";
-            }
-            var string = Object.prototype.toString.call(value);
-            return string.substring(8, string.length - 1).toLowerCase();
-        }
-
-        sinon.typeOf = typeOf;
-        return sinon.typeOf;
-    }
-
-    function loadDependencies(require, exports, module) {
-        var core = require("./util/core");
-        module.exports = makeApi(core);
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend util/core.js
- * @depend typeOf.js
- */
-/*jslint eqeqeq: false, onevar: false, plusplus: false*/
-/*global module, require, sinon*/
-/**
- * Match functions
- *
- * @author Maximilian Antoni (mail@maxantoni.de)
- * @license BSD
- *
- * Copyright (c) 2012 Maximilian Antoni
- */
-(function (sinonGlobal) {
-    
-    function makeApi(sinon) {
-        function assertType(value, type, name) {
-            var actual = sinon.typeOf(value);
-            if (actual !== type) {
-                throw new TypeError("Expected type of " + name + " to be " +
-                    type + ", but was " + actual);
-            }
-        }
-
-        var matcher = {
-            toString: function () {
-                return this.message;
-            }
-        };
-
-        function isMatcher(object) {
-            return matcher.isPrototypeOf(object);
-        }
-
-        function matchObject(expectation, actual) {
-            if (actual === null || actual === undefined) {
-                return false;
-            }
-            for (var key in expectation) {
-                if (expectation.hasOwnProperty(key)) {
-                    var exp = expectation[key];
-                    var act = actual[key];
-                    if (isMatcher(exp)) {
-                        if (!exp.test(act)) {
-                            return false;
-                        }
-                    } else if (sinon.typeOf(exp) === "object") {
-                        if (!matchObject(exp, act)) {
-                            return false;
-                        }
-                    } else if (!sinon.deepEqual(exp, act)) {
-                        return false;
-                    }
-                }
-            }
-            return true;
-        }
-
-        function match(expectation, message) {
-            var m = sinon.create(matcher);
-            var type = sinon.typeOf(expectation);
-            switch (type) {
-            case "object":
-                if (typeof expectation.test === "function") {
-                    m.test = function (actual) {
-                        return expectation.test(actual) === true;
-                    };
-                    m.message = "match(" + sinon.functionName(expectation.test) + ")";
-                    return m;
-                }
-                var str = [];
-                for (var key in expectation) {
-                    if (expectation.hasOwnProperty(key)) {
-                        str.push(key + ": " + expectation[key]);
-                    }
-                }
-                m.test = function (actual) {
-                    return matchObject(expectation, actual);
-                };
-                m.message = "match(" + str.join(", ") + ")";
-                break;
-            case "number":
-                m.test = function (actual) {
-                    // we need type coercion here
-                    return expectation == actual; // eslint-disable-line eqeqeq
-                };
-                break;
-            case "string":
-                m.test = function (actual) {
-                    if (typeof actual !== "string") {
-                        return false;
-                    }
-                    return actual.indexOf(expectation) !== -1;
-                };
-                m.message = "match(\"" + expectation + "\")";
-                break;
-            case "regexp":
-                m.test = function (actual) {
-                    if (typeof actual !== "string") {
-                        return false;
-                    }
-                    return expectation.test(actual);
-                };
-                break;
-            case "function":
-                m.test = expectation;
-                if (message) {
-                    m.message = message;
-                } else {
-                    m.message = "match(" + sinon.functionName(expectation) + ")";
-                }
-                break;
-            default:
-                m.test = function (actual) {
-                    return sinon.deepEqual(expectation, actual);
-                };
-            }
-            if (!m.message) {
-                m.message = "match(" + expectation + ")";
-            }
-            return m;
-        }
-
-        matcher.or = function (m2) {
-            if (!arguments.length) {
-                throw new TypeError("Matcher expected");
-            } else if (!isMatcher(m2)) {
-                m2 = match(m2);
-            }
-            var m1 = this;
-            var or = sinon.create(matcher);
-            or.test = function (actual) {
-                return m1.test(actual) || m2.test(actual);
-            };
-            or.message = m1.message + ".or(" + m2.message + ")";
-            return or;
-        };
-
-        matcher.and = function (m2) {
-            if (!arguments.length) {
-                throw new TypeError("Matcher expected");
-            } else if (!isMatcher(m2)) {
-                m2 = match(m2);
-            }
-            var m1 = this;
-            var and = sinon.create(matcher);
-            and.test = function (actual) {
-                return m1.test(actual) && m2.test(actual);
-            };
-            and.message = m1.message + ".and(" + m2.message + ")";
-            return and;
-        };
-
-        match.isMatcher = isMatcher;
-
-        match.any = match(function () {
-            return true;
-        }, "any");
-
-        match.defined = match(function (actual) {
-            return actual !== null && actual !== undefined;
-        }, "defined");
-
-        match.truthy = match(function (actual) {
-            return !!actual;
-        }, "truthy");
-
-        match.falsy = match(function (actual) {
-            return !actual;
-        }, "falsy");
-
-        match.same = function (expectation) {
-            return match(function (actual) {
-                return expectation === actual;
-            }, "same(" + expectation + ")");
-        };
-
-        match.typeOf = function (type) {
-            assertType(type, "string", "type");
-            return match(function (actual) {
-                return sinon.typeOf(actual) === type;
-            }, "typeOf(\"" + type + "\")");
-        };
-
-        match.instanceOf = function (type) {
-            assertType(type, "function", "type");
-            return match(function (actual) {
-                return actual instanceof type;
-            }, "instanceOf(" + sinon.functionName(type) + ")");
-        };
-
-        function createPropertyMatcher(propertyTest, messagePrefix) {
-            return function (property, value) {
-                assertType(property, "string", "property");
-                var onlyProperty = arguments.length === 1;
-                var message = messagePrefix + "(\"" + property + "\"";
-                if (!onlyProperty) {
-                    message += ", " + value;
-                }
-                message += ")";
-                return match(function (actual) {
-                    if (actual === undefined || actual === null ||
-                            !propertyTest(actual, property)) {
-                        return false;
-                    }
-                    return onlyProperty || sinon.deepEqual(value, actual[property]);
-                }, message);
-            };
-        }
-
-        match.has = createPropertyMatcher(function (actual, property) {
-            if (typeof actual === "object") {
-                return property in actual;
-            }
-            return actual[property] !== undefined;
-        }, "has");
-
-        match.hasOwn = createPropertyMatcher(function (actual, property) {
-            return actual.hasOwnProperty(property);
-        }, "hasOwn");
-
-        match.bool = match.typeOf("boolean");
-        match.number = match.typeOf("number");
-        match.string = match.typeOf("string");
-        match.object = match.typeOf("object");
-        match.func = match.typeOf("function");
-        match.array = match.typeOf("array");
-        match.regexp = match.typeOf("regexp");
-        match.date = match.typeOf("date");
-
-        sinon.match = match;
-        return match;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./util/core");
-        require("./typeOf");
-        module.exports = makeApi(sinon);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend util/core.js
- */
-/**
- * Format functions
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2014 Christian Johansen
- */
-(function (sinonGlobal, formatio) {
-    
-    function makeApi(sinon) {
-        function valueFormatter(value) {
-            return "" + value;
-        }
-
-        function getFormatioFormatter() {
-            var formatter = formatio.configure({
-                    quoteStrings: false,
-                    limitChildrenCount: 250
-                });
-
-            function format() {
-                return formatter.ascii.apply(formatter, arguments);
-            }
-
-            return format;
-        }
-
-        function getNodeFormatter() {
-            try {
-                var util = require("util");
-            } catch (e) {
-                /* Node, but no util module - would be very old, but better safe than sorry */
-            }
-
-            function format(v) {
-                var isObjectWithNativeToString = typeof v === "object" && v.toString === Object.prototype.toString;
-                return isObjectWithNativeToString ? util.inspect(v) : v;
-            }
-
-            return util ? format : valueFormatter;
-        }
-
-        var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-        var formatter;
-
-        if (isNode) {
-            try {
-                formatio = require("formatio");
-            }
-            catch (e) {} // eslint-disable-line no-empty
-        }
-
-        if (formatio) {
-            formatter = getFormatioFormatter();
-        } else if (isNode) {
-            formatter = getNodeFormatter();
-        } else {
-            formatter = valueFormatter;
-        }
-
-        sinon.format = formatter;
-        return sinon.format;
-    }
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./util/core");
-        module.exports = makeApi(sinon);
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon, // eslint-disable-line no-undef
-    typeof formatio === "object" && formatio // eslint-disable-line no-undef
-));
-
-/**
-  * @depend util/core.js
-  * @depend match.js
-  * @depend format.js
-  */
-/**
-  * Spy calls
-  *
-  * @author Christian Johansen (christian@cjohansen.no)
-  * @author Maximilian Antoni (mail@maxantoni.de)
-  * @license BSD
-  *
-  * Copyright (c) 2010-2013 Christian Johansen
-  * Copyright (c) 2013 Maximilian Antoni
-  */
-(function (sinonGlobal) {
-    
-    var slice = Array.prototype.slice;
-
-    function makeApi(sinon) {
-        function throwYieldError(proxy, text, args) {
-            var msg = sinon.functionName(proxy) + text;
-            if (args.length) {
-                msg += " Received [" + slice.call(args).join(", ") + "]";
-            }
-            throw new Error(msg);
-        }
-
-        var callProto = {
-            calledOn: function calledOn(thisValue) {
-                if (sinon.match && sinon.match.isMatcher(thisValue)) {
-                    return thisValue.test(this.thisValue);
-                }
-                return this.thisValue === thisValue;
-            },
-
-            calledWith: function calledWith() {
-                var l = arguments.length;
-                if (l > this.args.length) {
-                    return false;
-                }
-                for (var i = 0; i < l; i += 1) {
-                    if (!sinon.deepEqual(arguments[i], this.args[i])) {
-                        return false;
-                    }
-                }
-
-                return true;
-            },
-
-            calledWithMatch: function calledWithMatch() {
-                var l = arguments.length;
-                if (l > this.args.length) {
-                    return false;
-                }
-                for (var i = 0; i < l; i += 1) {
-                    var actual = this.args[i];
-                    var expectation = arguments[i];
-                    if (!sinon.match || !sinon.match(expectation).test(actual)) {
-                        return false;
-                    }
-                }
-                return true;
-            },
-
-            calledWithExactly: function calledWithExactly() {
-                return arguments.length === this.args.length &&
-                    this.calledWith.apply(this, arguments);
-            },
-
-            notCalledWith: function notCalledWith() {
-                return !this.calledWith.apply(this, arguments);
-            },
-
-            notCalledWithMatch: function notCalledWithMatch() {
-                return !this.calledWithMatch.apply(this, arguments);
-            },
-
-            returned: function returned(value) {
-                return sinon.deepEqual(value, this.returnValue);
-            },
-
-            threw: function threw(error) {
-                if (typeof error === "undefined" || !this.exception) {
-                    return !!this.exception;
-                }
-
-                return this.exception === error || this.exception.name === error;
-            },
-
-            calledWithNew: function calledWithNew() {
-                return this.proxy.prototype && this.thisValue instanceof this.proxy;
-            },
-
-            calledBefore: function (other) {
-                return this.callId < other.callId;
-            },
-
-            calledAfter: function (other) {
-                return this.callId > other.callId;
-            },
-
-            callArg: function (pos) {
-                this.args[pos]();
-            },
-
-            callArgOn: function (pos, thisValue) {
-                this.args[pos].apply(thisValue);
-            },
-
-            callArgWith: function (pos) {
-                this.callArgOnWith.apply(this, [pos, null].concat(slice.call(arguments, 1)));
-            },
-
-            callArgOnWith: function (pos, thisValue) {
-                var args = slice.call(arguments, 2);
-                this.args[pos].apply(thisValue, args);
-            },
-
-            "yield": function () {
-                this.yieldOn.apply(this, [null].concat(slice.call(arguments, 0)));
-            },
-
-            yieldOn: function (thisValue) {
-                var args = this.args;
-                for (var i = 0, l = args.length; i < l; ++i) {
-                    if (typeof args[i] === "function") {
-                        args[i].apply(thisValue, slice.call(arguments, 1));
-                        return;
-                    }
-                }
-                throwYieldError(this.proxy, " cannot yield since no callback was passed.", args);
-            },
-
-            yieldTo: function (prop) {
-                this.yieldToOn.apply(this, [prop, null].concat(slice.call(arguments, 1)));
-            },
-
-            yieldToOn: function (prop, thisValue) {
-                var args = this.args;
-                for (var i = 0, l = args.length; i < l; ++i) {
-                    if (args[i] && typeof args[i][prop] === "function") {
-                        args[i][prop].apply(thisValue, slice.call(arguments, 2));
-                        return;
-                    }
-                }
-                throwYieldError(this.proxy, " cannot yield to '" + prop +
-                    "' since no callback was passed.", args);
-            },
-
-            getStackFrames: function () {
-                // Omit the error message and the two top stack frames in sinon itself:
-                return this.stack && this.stack.split("\n").slice(3);
-            },
-
-            toString: function () {
-                var callStr = this.proxy ? this.proxy.toString() + "(" : "";
-                var args = [];
-
-                if (!this.args) {
-                    return ":(";
-                }
-
-                for (var i = 0, l = this.args.length; i < l; ++i) {
-                    args.push(sinon.format(this.args[i]));
-                }
-
-                callStr = callStr + args.join(", ") + ")";
-
-                if (typeof this.returnValue !== "undefined") {
-                    callStr += " => " + sinon.format(this.returnValue);
-                }
-
-                if (this.exception) {
-                    callStr += " !" + this.exception.name;
-
-                    if (this.exception.message) {
-                        callStr += "(" + this.exception.message + ")";
-                    }
-                }
-                if (this.stack) {
-                    callStr += this.getStackFrames()[0].replace(/^\s*(?:at\s+|@)?/, " at ");
-
-                }
-
-                return callStr;
-            }
-        };
-
-        callProto.invokeCallback = callProto.yield;
-
-        function createSpyCall(spy, thisValue, args, returnValue, exception, id, stack) {
-            if (typeof id !== "number") {
-                throw new TypeError("Call id is not a number");
-            }
-            var proxyCall = sinon.create(callProto);
-            proxyCall.proxy = spy;
-            proxyCall.thisValue = thisValue;
-            proxyCall.args = args;
-            proxyCall.returnValue = returnValue;
-            proxyCall.exception = exception;
-            proxyCall.callId = id;
-            proxyCall.stack = stack;
-
-            return proxyCall;
-        }
-        createSpyCall.toString = callProto.toString; // used by mocks
-
-        sinon.spyCall = createSpyCall;
-        return createSpyCall;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./util/core");
-        require("./match");
-        require("./format");
-        module.exports = makeApi(sinon);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
-  * @depend times_in_words.js
-  * @depend util/core.js
-  * @depend extend.js
-  * @depend call.js
-  * @depend format.js
-  */
-/**
-  * Spy functions
-  *
-  * @author Christian Johansen (christian@cjohansen.no)
-  * @license BSD
-  *
-  * Copyright (c) 2010-2013 Christian Johansen
-  */
-(function (sinonGlobal) {
-    
-    function makeApi(sinon) {
-        var push = Array.prototype.push;
-        var slice = Array.prototype.slice;
-        var callId = 0;
-
-        function spy(object, property, types) {
-            if (!property && typeof object === "function") {
-                return spy.create(object);
-            }
-
-            if (!object && !property) {
-                return spy.create(function () { });
-            }
-
-            if (types) {
-                var methodDesc = sinon.getPropertyDescriptor(object, property);
-                for (var i = 0; i < types.length; i++) {
-                    methodDesc[types[i]] = spy.create(methodDesc[types[i]]);
-                }
-                return sinon.wrapMethod(object, property, methodDesc);
-            }
-
-            return sinon.wrapMethod(object, property, spy.create(object[property]));
-        }
-
-        function matchingFake(fakes, args, strict) {
-            if (!fakes) {
-                return undefined;
-            }
-
-            for (var i = 0, l = fakes.length; i < l; i++) {
-                if (fakes[i].matches(args, strict)) {
-                    return fakes[i];
-                }
-            }
-        }
-
-        function incrementCallCount() {
-            this.called = true;
-            this.callCount += 1;
-            this.notCalled = false;
-            this.calledOnce = this.callCount === 1;
-            this.calledTwice = this.callCount === 2;
-            this.calledThrice = this.callCount === 3;
-        }
-
-        function createCallProperties() {
-            this.firstCall = this.getCall(0);
-            this.secondCall = this.getCall(1);
-            this.thirdCall = this.getCall(2);
-            this.lastCall = this.getCall(this.callCount - 1);
-        }
-
-        var vars = "a,b,c,d,e,f,g,h,i,j,k,l";
-        function createProxy(func, proxyLength) {
-            // Retain the function length:
-            var p;
-            if (proxyLength) {
-                eval("p = (function proxy(" + vars.substring(0, proxyLength * 2 - 1) + // eslint-disable-line no-eval
-                    ") { return p.invoke(func, this, slice.call(arguments)); });");
-            } else {
-                p = function proxy() {
-                    return p.invoke(func, this, slice.call(arguments));
-                };
-            }
-            p.isSinonProxy = true;
-            return p;
-        }
-
-        var uuid = 0;
-
-        // Public API
-        var spyApi = {
-            reset: function () {
-                if (this.invoking) {
-                    var err = new Error("Cannot reset Sinon function while invoking it. " +
-                                        "Move the call to .reset outside of the callback.");
-                    err.name = "InvalidResetException";
-                    throw err;
-                }
-
-                this.called = false;
-                this.notCalled = true;
-                this.calledOnce = false;
-                this.calledTwice = false;
-                this.calledThrice = false;
-                this.callCount = 0;
-                this.firstCall = null;
-                this.secondCall = null;
-                this.thirdCall = null;
-                this.lastCall = null;
-                this.args = [];
-                this.returnValues = [];
-                this.thisValues = [];
-                this.exceptions = [];
-                this.callIds = [];
-                this.stacks = [];
-                if (this.fakes) {
-                    for (var i = 0; i < this.fakes.length; i++) {
-                        this.fakes[i].reset();
-                    }
-                }
-
-                return this;
-            },
-
-            create: function create(func, spyLength) {
-                var name;
-
-                if (typeof func !== "function") {
-                    func = function () { };
-                } else {
-                    name = sinon.functionName(func);
-                }
-
-                if (!spyLength) {
-                    spyLength = func.length;
-                }
-
-                var proxy = createProxy(func, spyLength);
-
-                sinon.extend(proxy, spy);
-                delete proxy.create;
-                sinon.extend(proxy, func);
-
-                proxy.reset();
-                proxy.prototype = func.prototype;
-                proxy.displayName = name || "spy";
-                proxy.toString = sinon.functionToString;
-                proxy.instantiateFake = sinon.spy.create;
-                proxy.id = "spy#" + uuid++;
-
-                return proxy;
-            },
-
-            invoke: function invoke(func, thisValue, args) {
-                var matching = matchingFake(this.fakes, args);
-                var exception, returnValue;
-
-                incrementCallCount.call(this);
-                push.call(this.thisValues, thisValue);
-                push.call(this.args, args);
-                push.call(this.callIds, callId++);
-
-                // Make call properties available from within the spied function:
-                createCallProperties.call(this);
-
-                try {
-                    this.invoking = true;
-
-                    if (matching) {
-                        returnValue = matching.invoke(func, thisValue, args);
-                    } else {
-                        returnValue = (this.func || func).apply(thisValue, args);
-                    }
-
-                    var thisCall = this.getCall(this.callCount - 1);
-                    if (thisCall.calledWithNew() && typeof returnValue !== "object") {
-                        returnValue = thisValue;
-                    }
-                } catch (e) {
-                    exception = e;
-                } finally {
-                    delete this.invoking;
-                }
-
-                push.call(this.exceptions, exception);
-                push.call(this.returnValues, returnValue);
-                push.call(this.stacks, new Error().stack);
-
-                // Make return value and exception available in the calls:
-                createCallProperties.call(this);
-
-                if (exception !== undefined) {
-                    throw exception;
-                }
-
-                return returnValue;
-            },
-
-            named: function named(name) {
-                this.displayName = name;
-                return this;
-            },
-
-            getCall: function getCall(i) {
-                if (i < 0 || i >= this.callCount) {
-                    return null;
-                }
-
-                return sinon.spyCall(this, this.thisValues[i], this.args[i],
-                                        this.returnValues[i], this.exceptions[i],
-                                        this.callIds[i], this.stacks[i]);
-            },
-
-            getCalls: function () {
-                var calls = [];
-                var i;
-
-                for (i = 0; i < this.callCount; i++) {
-                    calls.push(this.getCall(i));
-                }
-
-                return calls;
-            },
-
-            calledBefore: function calledBefore(spyFn) {
-                if (!this.called) {
-                    return false;
-                }
-
-                if (!spyFn.called) {
-                    return true;
-                }
-
-                return this.callIds[0] < spyFn.callIds[spyFn.callIds.length - 1];
-            },
-
-            calledAfter: function calledAfter(spyFn) {
-                if (!this.called || !spyFn.called) {
-                    return false;
-                }
-
-                return this.callIds[this.callCount - 1] > spyFn.callIds[spyFn.callCount - 1];
-            },
-
-            withArgs: function () {
-                var args = slice.call(arguments);
-
-                if (this.fakes) {
-                    var match = matchingFake(this.fakes, args, true);
-
-                    if (match) {
-                        return match;
-                    }
-                } else {
-                    this.fakes = [];
-                }
-
-                var original = this;
-                var fake = this.instantiateFake();
-                fake.matchingAguments = args;
-                fake.parent = this;
-                push.call(this.fakes, fake);
-
-                fake.withArgs = function () {
-                    return original.withArgs.apply(original, arguments);
-                };
-
-                for (var i = 0; i < this.args.length; i++) {
-                    if (fake.matches(this.args[i])) {
-                        incrementCallCount.call(fake);
-                        push.call(fake.thisValues, this.thisValues[i]);
-                        push.call(fake.args, this.args[i]);
-                        push.call(fake.returnValues, this.returnValues[i]);
-                        push.call(fake.exceptions, this.exceptions[i]);
-                        push.call(fake.callIds, this.callIds[i]);
-                    }
-                }
-                createCallProperties.call(fake);
-
-                return fake;
-            },
-
-            matches: function (args, strict) {
-                var margs = this.matchingAguments;
-
-                if (margs.length <= args.length &&
-                    sinon.deepEqual(margs, args.slice(0, margs.length))) {
-                    return !strict || margs.length === args.length;
-                }
-            },
-
-            printf: function (format) {
-                var spyInstance = this;
-                var args = slice.call(arguments, 1);
-                var formatter;
-
-                return (format || "").replace(/%(.)/g, function (match, specifyer) {
-                    formatter = spyApi.formatters[specifyer];
-
-                    if (typeof formatter === "function") {
-                        return formatter.call(null, spyInstance, args);
-                    } else if (!isNaN(parseInt(specifyer, 10))) {
-                        return sinon.format(args[specifyer - 1]);
-                    }
-
-                    return "%" + specifyer;
-                });
-            }
-        };
-
-        function delegateToCalls(method, matchAny, actual, notCalled) {
-            spyApi[method] = function () {
-                if (!this.called) {
-                    if (notCalled) {
-                        return notCalled.apply(this, arguments);
-                    }
-                    return false;
-                }
-
-                var currentCall;
-                var matches = 0;
-
-                for (var i = 0, l = this.callCount; i < l; i += 1) {
-                    currentCall = this.getCall(i);
-
-                    if (currentCall[actual || method].apply(currentCall, arguments)) {
-                        matches += 1;
-
-                        if (matchAny) {
-                            return true;
-                        }
-                    }
-                }
-
-                return matches === this.callCount;
-            };
-        }
-
-        delegateToCalls("calledOn", true);
-        delegateToCalls("alwaysCalledOn", false, "calledOn");
-        delegateToCalls("calledWith", true);
-        delegateToCalls("calledWithMatch", true);
-        delegateToCalls("alwaysCalledWith", false, "calledWith");
-        delegateToCalls("alwaysCalledWithMatch", false, "calledWithMatch");
-        delegateToCalls("calledWithExactly", true);
-        delegateToCalls("alwaysCalledWithExactly", false, "calledWithExactly");
-        delegateToCalls("neverCalledWith", false, "notCalledWith", function () {
-            return true;
-        });
-        delegateToCalls("neverCalledWithMatch", false, "notCalledWithMatch", function () {
-            return true;
-        });
-        delegateToCalls("threw", true);
-        delegateToCalls("alwaysThrew", false, "threw");
-        delegateToCalls("returned", true);
-        delegateToCalls("alwaysReturned", false, "returned");
-        delegateToCalls("calledWithNew", true);
-        delegateToCalls("alwaysCalledWithNew", false, "calledWithNew");
-        delegateToCalls("callArg", false, "callArgWith", function () {
-            throw new Error(this.toString() + " cannot call arg since it was not yet invoked.");
-        });
-        spyApi.callArgWith = spyApi.callArg;
-        delegateToCalls("callArgOn", false, "callArgOnWith", function () {
-            throw new Error(this.toString() + " cannot call arg since it was not yet invoked.");
-        });
-        spyApi.callArgOnWith = spyApi.callArgOn;
-        delegateToCalls("yield", false, "yield", function () {
-            throw new Error(this.toString() + " cannot yield since it was not yet invoked.");
-        });
-        // "invokeCallback" is an alias for "yield" since "yield" is invalid in strict mode.
-        spyApi.invokeCallback = spyApi.yield;
-        delegateToCalls("yieldOn", false, "yieldOn", function () {
-            throw new Error(this.toString() + " cannot yield since it was not yet invoked.");
-        });
-        delegateToCalls("yieldTo", false, "yieldTo", function (property) {
-            throw new Error(this.toString() + " cannot yield to '" + property +
-                "' since it was not yet invoked.");
-        });
-        delegateToCalls("yieldToOn", false, "yieldToOn", function (property) {
-            throw new Error(this.toString() + " cannot yield to '" + property +
-                "' since it was not yet invoked.");
-        });
-
-        spyApi.formatters = {
-            c: function (spyInstance) {
-                return sinon.timesInWords(spyInstance.callCount);
-            },
-
-            n: function (spyInstance) {
-                return spyInstance.toString();
-            },
-
-            C: function (spyInstance) {
-                var calls = [];
-
-                for (var i = 0, l = spyInstance.callCount; i < l; ++i) {
-                    var stringifiedCall = "    " + spyInstance.getCall(i).toString();
-                    if (/\n/.test(calls[i - 1])) {
-                        stringifiedCall = "\n" + stringifiedCall;
-                    }
-                    push.call(calls, stringifiedCall);
-                }
-
-                return calls.length > 0 ? "\n" + calls.join("\n") : "";
-            },
-
-            t: function (spyInstance) {
-                var objects = [];
-
-                for (var i = 0, l = spyInstance.callCount; i < l; ++i) {
-                    push.call(objects, sinon.format(spyInstance.thisValues[i]));
-                }
-
-                return objects.join(", ");
-            },
-
-            "*": function (spyInstance, args) {
-                var formatted = [];
-
-                for (var i = 0, l = args.length; i < l; ++i) {
-                    push.call(formatted, sinon.format(args[i]));
-                }
-
-                return formatted.join(", ");
-            }
-        };
-
-        sinon.extend(spy, spyApi);
-
-        spy.spyCall = sinon.spyCall;
-        sinon.spy = spy;
-
-        return spy;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var core = require("./util/core");
-        require("./call");
-        require("./extend");
-        require("./times_in_words");
-        require("./format");
-        module.exports = makeApi(core);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend util/core.js
- * @depend extend.js
- */
-/**
- * Stub behavior
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @author Tim Fischbach (mail@timfischbach.de)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function (sinonGlobal) {
-    
-    var slice = Array.prototype.slice;
-    var join = Array.prototype.join;
-    var useLeftMostCallback = -1;
-    var useRightMostCallback = -2;
-
-    var nextTick = (function () {
-        if (typeof process === "object" && typeof process.nextTick === "function") {
-            return process.nextTick;
-        }
-
-        if (typeof setImmediate === "function") {
-            return setImmediate;
-        }
-
-        return function (callback) {
-            setTimeout(callback, 0);
-        };
-    })();
-
-    function throwsException(error, message) {
-        if (typeof error === "string") {
-            this.exception = new Error(message || "");
-            this.exception.name = error;
-        } else if (!error) {
-            this.exception = new Error("Error");
-        } else {
-            this.exception = error;
-        }
-
-        return this;
-    }
-
-    function getCallback(behavior, args) {
-        var callArgAt = behavior.callArgAt;
-
-        if (callArgAt >= 0) {
-            return args[callArgAt];
-        }
-
-        var argumentList;
-
-        if (callArgAt === useLeftMostCallback) {
-            argumentList = args;
-        }
-
-        if (callArgAt === useRightMostCallback) {
-            argumentList = slice.call(args).reverse();
-        }
-
-        var callArgProp = behavior.callArgProp;
-
-        for (var i = 0, l = argumentList.length; i < l; ++i) {
-            if (!callArgProp && typeof argumentList[i] === "function") {
-                return argumentList[i];
-            }
-
-            if (callArgProp && argumentList[i] &&
-                typeof argumentList[i][callArgProp] === "function") {
-                return argumentList[i][callArgProp];
-            }
-        }
-
-        return null;
-    }
-
-    function makeApi(sinon) {
-        function getCallbackError(behavior, func, args) {
-            if (behavior.callArgAt < 0) {
-                var msg;
-
-                if (behavior.callArgProp) {
-                    msg = sinon.functionName(behavior.stub) +
-                        " expected to yield to '" + behavior.callArgProp +
-                        "', but no object with such a property was passed.";
-                } else {
-                    msg = sinon.functionName(behavior.stub) +
-                        " expected to yield, but no callback was passed.";
-                }
-
-                if (args.length > 0) {
-                    msg += " Received [" + join.call(args, ", ") + "]";
-                }
-
-                return msg;
-            }
-
-            return "argument at index " + behavior.callArgAt + " is not a function: " + func;
-        }
-
-        function callCallback(behavior, args) {
-            if (typeof behavior.callArgAt === "number") {
-                var func = getCallback(behavior, args);
-
-                if (typeof func !== "function") {
-                    throw new TypeError(getCallbackError(behavior, func, args));
-                }
-
-                if (behavior.callbackAsync) {
-                    nextTick(function () {
-                        func.apply(behavior.callbackContext, behavior.callbackArguments);
-                    });
-                } else {
-                    func.apply(behavior.callbackContext, behavior.callbackArguments);
-                }
-            }
-        }
-
-        var proto = {
-            create: function create(stub) {
-                var behavior = sinon.extend({}, sinon.behavior);
-                delete behavior.create;
-                behavior.stub = stub;
-
-                return behavior;
-            },
-
-            isPresent: function isPresent() {
-                return (typeof this.callArgAt === "number" ||
-                        this.exception ||
-                        typeof this.returnArgAt === "number" ||
-                        this.returnThis ||
-                        this.returnValueDefined);
-            },
-
-            invoke: function invoke(context, args) {
-                callCallback(this, args);
-
-                if (this.exception) {
-                    throw this.exception;
-                } else if (typeof this.returnArgAt === "number") {
-                    return args[this.returnArgAt];
-                } else if (this.returnThis) {
-                    return context;
-                }
-
-                return this.returnValue;
-            },
-
-            onCall: function onCall(index) {
-                return this.stub.onCall(index);
-            },
-
-            onFirstCall: function onFirstCall() {
-                return this.stub.onFirstCall();
-            },
-
-            onSecondCall: function onSecondCall() {
-                return this.stub.onSecondCall();
-            },
-
-            onThirdCall: function onThirdCall() {
-                return this.stub.onThirdCall();
-            },
-
-            withArgs: function withArgs(/* arguments */) {
-                throw new Error(
-                    "Defining a stub by invoking \"stub.onCall(...).withArgs(...)\" " +
-                    "is not supported. Use \"stub.withArgs(...).onCall(...)\" " +
-                    "to define sequential behavior for calls with certain arguments."
-                );
-            },
-
-            callsArg: function callsArg(pos) {
-                if (typeof pos !== "number") {
-                    throw new TypeError("argument index is not number");
-                }
-
-                this.callArgAt = pos;
-                this.callbackArguments = [];
-                this.callbackContext = undefined;
-                this.callArgProp = undefined;
-                this.callbackAsync = false;
-
-                return this;
-            },
-
-            callsArgOn: function callsArgOn(pos, context) {
-                if (typeof pos !== "number") {
-                    throw new TypeError("argument index is not number");
-                }
-                if (typeof context !== "object") {
-                    throw new TypeError("argument context is not an object");
-                }
-
-                this.callArgAt = pos;
-                this.callbackArguments = [];
-                this.callbackContext = context;
-                this.callArgProp = undefined;
-                this.callbackAsync = false;
-
-                return this;
-            },
-
-            callsArgWith: function callsArgWith(pos) {
-                if (typeof pos !== "number") {
-                    throw new TypeError("argument index is not number");
-                }
-
-                this.callArgAt = pos;
-                this.callbackArguments = slice.call(arguments, 1);
-                this.callbackContext = undefined;
-                this.callArgProp = undefined;
-                this.callbackAsync = false;
-
-                return this;
-            },
-
-            callsArgOnWith: function callsArgWith(pos, context) {
-                if (typeof pos !== "number") {
-                    throw new TypeError("argument index is not number");
-                }
-                if (typeof context !== "object") {
-                    throw new TypeError("argument context is not an object");
-                }
-
-                this.callArgAt = pos;
-                this.callbackArguments = slice.call(arguments, 2);
-                this.callbackContext = context;
-                this.callArgProp = undefined;
-                this.callbackAsync = false;
-
-                return this;
-            },
-
-            yields: function () {
-                this.callArgAt = useLeftMostCallback;
-                this.callbackArguments = slice.call(arguments, 0);
-                this.callbackContext = undefined;
-                this.callArgProp = undefined;
-                this.callbackAsync = false;
-
-                return this;
-            },
-
-            yieldsRight: function () {
-                this.callArgAt = useRightMostCallback;
-                this.callbackArguments = slice.call(arguments, 0);
-                this.callbackContext = undefined;
-                this.callArgProp = undefined;
-                this.callbackAsync = false;
-
-                return this;
-            },
-
-            yieldsOn: function (context) {
-                if (typeof context !== "object") {
-                    throw new TypeError("argument context is not an object");
-                }
-
-                this.callArgAt = useLeftMostCallback;
-                this.callbackArguments = slice.call(arguments, 1);
-                this.callbackContext = context;
-                this.callArgProp = undefined;
-                this.callbackAsync = false;
-
-                return this;
-            },
-
-            yieldsTo: function (prop) {
-                this.callArgAt = useLeftMostCallback;
-                this.callbackArguments = slice.call(arguments, 1);
-                this.callbackContext = undefined;
-                this.callArgProp = prop;
-                this.callbackAsync = false;
-
-                return this;
-            },
-
-            yieldsToOn: function (prop, context) {
-                if (typeof context !== "object") {
-                    throw new TypeError("argument context is not an object");
-                }
-
-                this.callArgAt = useLeftMostCallback;
-                this.callbackArguments = slice.call(arguments, 2);
-                this.callbackContext = context;
-                this.callArgProp = prop;
-                this.callbackAsync = false;
-
-                return this;
-            },
-
-            throws: throwsException,
-            throwsException: throwsException,
-
-            returns: function returns(value) {
-                this.returnValue = value;
-                this.returnValueDefined = true;
-                this.exception = undefined;
-
-                return this;
-            },
-
-            returnsArg: function returnsArg(pos) {
-                if (typeof pos !== "number") {
-                    throw new TypeError("argument index is not number");
-                }
-
-                this.returnArgAt = pos;
-
-                return this;
-            },
-
-            returnsThis: function returnsThis() {
-                this.returnThis = true;
-
-                return this;
-            }
-        };
-
-        function createAsyncVersion(syncFnName) {
-            return function () {
-                var result = this[syncFnName].apply(this, arguments);
-                this.callbackAsync = true;
-                return result;
-            };
-        }
-
-        // create asynchronous versions of callsArg* and yields* methods
-        for (var method in proto) {
-            // need to avoid creating anotherasync versions of the newly added async methods
-            if (proto.hasOwnProperty(method) && method.match(/^(callsArg|yields)/) && !method.match(/Async/)) {
-                proto[method + "Async"] = createAsyncVersion(method);
-            }
-        }
-
-        sinon.behavior = proto;
-        return proto;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./util/core");
-        require("./extend");
-        module.exports = makeApi(sinon);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend util/core.js
- */
-(function (sinonGlobal) {
-    
-    function makeApi(sinon) {
-        function walkInternal(obj, iterator, context, originalObj, seen) {
-            var proto, prop;
-
-            if (typeof Object.getOwnPropertyNames !== "function") {
-                // We explicitly want to enumerate through all of the prototype's properties
-                // in this case, therefore we deliberately leave out an own property check.
-                /* eslint-disable guard-for-in */
-                for (prop in obj) {
-                    iterator.call(context, obj[prop], prop, obj);
-                }
-                /* eslint-enable guard-for-in */
-
-                return;
-            }
-
-            Object.getOwnPropertyNames(obj).forEach(function (k) {
-                if (!seen[k]) {
-                    seen[k] = true;
-                    var target = typeof Object.getOwnPropertyDescriptor(obj, k).get === "function" ?
-                        originalObj : obj;
-                    iterator.call(context, target[k], k, target);
-                }
-            });
-
-            proto = Object.getPrototypeOf(obj);
-            if (proto) {
-                walkInternal(proto, iterator, context, originalObj, seen);
-            }
-        }
-
-        /* Public: walks the prototype chain of an object and iterates over every own property
-         * name encountered. The iterator is called in the same fashion that Array.prototype.forEach
-         * works, where it is passed the value, key, and own object as the 1st, 2nd, and 3rd positional
-         * argument, respectively. In cases where Object.getOwnPropertyNames is not available, walk will
-         * default to using a simple for..in loop.
-         *
-         * obj - The object to walk the prototype chain for.
-         * iterator - The function to be called on each pass of the walk.
-         * context - (Optional) When given, the iterator will be called with this object as the receiver.
-         */
-        function walk(obj, iterator, context) {
-            return walkInternal(obj, iterator, context, obj, {});
-        }
-
-        sinon.walk = walk;
-        return sinon.walk;
-    }
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./util/core");
-        module.exports = makeApi(sinon);
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend util/core.js
- * @depend extend.js
- * @depend spy.js
- * @depend behavior.js
- * @depend walk.js
- */
-/**
- * Stub functions
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function (sinonGlobal) {
-    
-    function makeApi(sinon) {
-        function stub(object, property, func) {
-            if (!!func && typeof func !== "function" && typeof func !== "object") {
-                throw new TypeError("Custom stub should be a function or a property descriptor");
-            }
-
-            var wrapper;
-
-            if (func) {
-                if (typeof func === "function") {
-                    wrapper = sinon.spy && sinon.spy.create ? sinon.spy.create(func) : func;
-                } else {
-                    wrapper = func;
-                    if (sinon.spy && sinon.spy.create) {
-                        var types = sinon.objectKeys(wrapper);
-                        for (var i = 0; i < types.length; i++) {
-                            wrapper[types[i]] = sinon.spy.create(wrapper[types[i]]);
-                        }
-                    }
-                }
-            } else {
-                var stubLength = 0;
-                if (typeof object === "object" && typeof object[property] === "function") {
-                    stubLength = object[property].length;
-                }
-                wrapper = stub.create(stubLength);
-            }
-
-            if (!object && typeof property === "undefined") {
-                return sinon.stub.create();
-            }
-
-            if (typeof property === "undefined" && typeof object === "object") {
-                sinon.walk(object || {}, function (value, prop, propOwner) {
-                    // we don't want to stub things like toString(), valueOf(), etc. so we only stub if the object
-                    // is not Object.prototype
-                    if (
-                        propOwner !== Object.prototype &&
-                        prop !== "constructor" &&
-                        typeof sinon.getPropertyDescriptor(propOwner, prop).value === "function"
-                    ) {
-                        stub(object, prop);
-                    }
-                });
-
-                return object;
-            }
-
-            return sinon.wrapMethod(object, property, wrapper);
-        }
-
-
-        /*eslint-disable no-use-before-define*/
-        function getParentBehaviour(stubInstance) {
-            return (stubInstance.parent && getCurrentBehavior(stubInstance.parent));
-        }
-
-        function getDefaultBehavior(stubInstance) {
-            return stubInstance.defaultBehavior ||
-                    getParentBehaviour(stubInstance) ||
-                    sinon.behavior.create(stubInstance);
-        }
-
-        function getCurrentBehavior(stubInstance) {
-            var behavior = stubInstance.behaviors[stubInstance.callCount - 1];
-            return behavior && behavior.isPresent() ? behavior : getDefaultBehavior(stubInstance);
-        }
-        /*eslint-enable no-use-before-define*/
-
-        var uuid = 0;
-
-        var proto = {
-            create: function create(stubLength) {
-                var functionStub = function () {
-                    return getCurrentBehavior(functionStub).invoke(this, arguments);
-                };
-
-                functionStub.id = "stub#" + uuid++;
-                var orig = functionStub;
-                functionStub = sinon.spy.create(functionStub, stubLength);
-                functionStub.func = orig;
-
-                sinon.extend(functionStub, stub);
-                functionStub.instantiateFake = sinon.stub.create;
-                functionStub.displayName = "stub";
-                functionStub.toString = sinon.functionToString;
-
-                functionStub.defaultBehavior = null;
-                functionStub.behaviors = [];
-
-                return functionStub;
-            },
-
-            resetBehavior: function () {
-                var i;
-
-                this.defaultBehavior = null;
-                this.behaviors = [];
-
-                delete this.returnValue;
-                delete this.returnArgAt;
-                this.returnThis = false;
-
-                if (this.fakes) {
-                    for (i = 0; i < this.fakes.length; i++) {
-                        this.fakes[i].resetBehavior();
-                    }
-                }
-            },
-
-            onCall: function onCall(index) {
-                if (!this.behaviors[index]) {
-                    this.behaviors[index] = sinon.behavior.create(this);
-                }
-
-                return this.behaviors[index];
-            },
-
-            onFirstCall: function onFirstCall() {
-                return this.onCall(0);
-            },
-
-            onSecondCall: function onSecondCall() {
-                return this.onCall(1);
-            },
-
-            onThirdCall: function onThirdCall() {
-                return this.onCall(2);
-            }
-        };
-
-        function createBehavior(behaviorMethod) {
-            return function () {
-                this.defaultBehavior = this.defaultBehavior || sinon.behavior.create(this);
-                this.defaultBehavior[behaviorMethod].apply(this.defaultBehavior, arguments);
-                return this;
-            };
-        }
-
-        for (var method in sinon.behavior) {
-            if (sinon.behavior.hasOwnProperty(method) &&
-                !proto.hasOwnProperty(method) &&
-                method !== "create" &&
-                method !== "withArgs" &&
-                method !== "invoke") {
-                proto[method] = createBehavior(method);
-            }
-        }
-
-        sinon.extend(stub, proto);
-        sinon.stub = stub;
-
-        return stub;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var core = require("./util/core");
-        require("./behavior");
-        require("./spy");
-        require("./extend");
-        module.exports = makeApi(core);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend times_in_words.js
- * @depend util/core.js
- * @depend call.js
- * @depend extend.js
- * @depend match.js
- * @depend spy.js
- * @depend stub.js
- * @depend format.js
- */
-/**
- * Mock functions.
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function (sinonGlobal) {
-    
-    function makeApi(sinon) {
-        var push = [].push;
-        var match = sinon.match;
-
-        function mock(object) {
-            // if (typeof console !== undefined && console.warn) {
-            //     console.warn("mock will be removed from Sinon.JS v2.0");
-            // }
-
-            if (!object) {
-                return sinon.expectation.create("Anonymous mock");
-            }
-
-            return mock.create(object);
-        }
-
-        function each(collection, callback) {
-            if (!collection) {
-                return;
-            }
-
-            for (var i = 0, l = collection.length; i < l; i += 1) {
-                callback(collection[i]);
-            }
-        }
-
-        function arrayEquals(arr1, arr2, compareLength) {
-            if (compareLength && (arr1.length !== arr2.length)) {
-                return false;
-            }
-
-            for (var i = 0, l = arr1.length; i < l; i++) {
-                if (!sinon.deepEqual(arr1[i], arr2[i])) {
-                    return false;
-                }
-            }
-            return true;
-        }
-
-        sinon.extend(mock, {
-            create: function create(object) {
-                if (!object) {
-                    throw new TypeError("object is null");
-                }
-
-                var mockObject = sinon.extend({}, mock);
-                mockObject.object = object;
-                delete mockObject.create;
-
-                return mockObject;
-            },
-
-            expects: function expects(method) {
-                if (!method) {
-                    throw new TypeError("method is falsy");
-                }
-
-                if (!this.expectations) {
-                    this.expectations = {};
-                    this.proxies = [];
-                }
-
-                if (!this.expectations[method]) {
-                    this.expectations[method] = [];
-                    var mockObject = this;
-
-                    sinon.wrapMethod(this.object, method, function () {
-                        return mockObject.invokeMethod(method, this, arguments);
-                    });
-
-                    push.call(this.proxies, method);
-                }
-
-                var expectation = sinon.expectation.create(method);
-                push.call(this.expectations[method], expectation);
-
-                return expectation;
-            },
-
-            restore: function restore() {
-                var object = this.object;
-
-                each(this.proxies, function (proxy) {
-                    if (typeof object[proxy].restore === "function") {
-                        object[proxy].restore();
-                    }
-                });
-            },
-
-            verify: function verify() {
-                var expectations = this.expectations || {};
-                var messages = [];
-                var met = [];
-
-                each(this.proxies, function (proxy) {
-                    each(expectations[proxy], function (expectation) {
-                        if (!expectation.met()) {
-                            push.call(messages, expectation.toString());
-                        } else {
-                            push.call(met, expectation.toString());
-                        }
-                    });
-                });
-
-                this.restore();
-
-                if (messages.length > 0) {
-                    sinon.expectation.fail(messages.concat(met).join("\n"));
-                } else if (met.length > 0) {
-                    sinon.expectation.pass(messages.concat(met).join("\n"));
-                }
-
-                return true;
-            },
-
-            invokeMethod: function invokeMethod(method, thisValue, args) {
-                var expectations = this.expectations && this.expectations[method] ? this.expectations[method] : [];
-                var expectationsWithMatchingArgs = [];
-                var currentArgs = args || [];
-                var i, available;
-
-                for (i = 0; i < expectations.length; i += 1) {
-                    var expectedArgs = expectations[i].expectedArguments || [];
-                    if (arrayEquals(expectedArgs, currentArgs, expectations[i].expectsExactArgCount)) {
-                        expectationsWithMatchingArgs.push(expectations[i]);
-                    }
-                }
-
-                for (i = 0; i < expectationsWithMatchingArgs.length; i += 1) {
-                    if (!expectationsWithMatchingArgs[i].met() &&
-                        expectationsWithMatchingArgs[i].allowsCall(thisValue, args)) {
-                        return expectationsWithMatchingArgs[i].apply(thisValue, args);
-                    }
-                }
-
-                var messages = [];
-                var exhausted = 0;
-
-                for (i = 0; i < expectationsWithMatchingArgs.length; i += 1) {
-                    if (expectationsWithMatchingArgs[i].allowsCall(thisValue, args)) {
-                        available = available || expectationsWithMatchingArgs[i];
-                    } else {
-                        exhausted += 1;
-                    }
-                }
-
-                if (available && exhausted === 0) {
-                    return available.apply(thisValue, args);
-                }
-
-                for (i = 0; i < expectations.length; i += 1) {
-                    push.call(messages, "    " + expectations[i].toString());
-                }
-
-                messages.unshift("Unexpected call: " + sinon.spyCall.toString.call({
-                    proxy: method,
-                    args: args
-                }));
-
-                sinon.expectation.fail(messages.join("\n"));
-            }
-        });
-
-        var times = sinon.timesInWords;
-        var slice = Array.prototype.slice;
-
-        function callCountInWords(callCount) {
-            if (callCount === 0) {
-                return "never called";
-            }
-
-            return "called " + times(callCount);
-        }
-
-        function expectedCallCountInWords(expectation) {
-            var min = expectation.minCalls;
-            var max = expectation.maxCalls;
-
-            if (typeof min === "number" && typeof max === "number") {
-                var str = times(min);
-
-                if (min !== max) {
-                    str = "at least " + str + " and at most " + times(max);
-                }
-
-                return str;
-            }
-
-            if (typeof min === "number") {
-                return "at least " + times(min);
-            }
-
-            return "at most " + times(max);
-        }
-
-        function receivedMinCalls(expectation) {
-            var hasMinLimit = typeof expectation.minCalls === "number";
-            return !hasMinLimit || expectation.callCount >= expectation.minCalls;
-        }
-
-        function receivedMaxCalls(expectation) {
-            if (typeof expectation.maxCalls !== "number") {
-                return false;
-            }
-
-            return expectation.callCount === expectation.maxCalls;
-        }
-
-        function verifyMatcher(possibleMatcher, arg) {
-            var isMatcher = match && match.isMatcher(possibleMatcher);
-
-            return isMatcher && possibleMatcher.test(arg) || true;
-        }
-
-        sinon.expectation = {
-            minCalls: 1,
-            maxCalls: 1,
-
-            create: function create(methodName) {
-                var expectation = sinon.extend(sinon.stub.create(), sinon.expectation);
-                delete expectation.create;
-                expectation.method = methodName;
-
-                return expectation;
-            },
-
-            invoke: function invoke(func, thisValue, args) {
-                this.verifyCallAllowed(thisValue, args);
-
-                return sinon.spy.invoke.apply(this, arguments);
-            },
-
-            atLeast: function atLeast(num) {
-                if (typeof num !== "number") {
-                    throw new TypeError("'" + num + "' is not number");
-                }
-
-                if (!this.limitsSet) {
-                    this.maxCalls = null;
-                    this.limitsSet = true;
-                }
-
-                this.minCalls = num;
-
-                return this;
-            },
-
-            atMost: function atMost(num) {
-                if (typeof num !== "number") {
-                    throw new TypeError("'" + num + "' is not number");
-                }
-
-                if (!this.limitsSet) {
-                    this.minCalls = null;
-                    this.limitsSet = true;
-                }
-
-                this.maxCalls = num;
-
-                return this;
-            },
-
-            never: function never() {
-                return this.exactly(0);
-            },
-
-            once: function once() {
-                return this.exactly(1);
-            },
-
-            twice: function twice() {
-                return this.exactly(2);
-            },
-
-            thrice: function thrice() {
-                return this.exactly(3);
-            },
-
-            exactly: function exactly(num) {
-                if (typeof num !== "number") {
-                    throw new TypeError("'" + num + "' is not a number");
-                }
-
-                this.atLeast(num);
-                return this.atMost(num);
-            },
-
-            met: function met() {
-                return !this.failed && receivedMinCalls(this);
-            },
-
-            verifyCallAllowed: function verifyCallAllowed(thisValue, args) {
-                if (receivedMaxCalls(this)) {
-                    this.failed = true;
-                    sinon.expectation.fail(this.method + " already called " + times(this.maxCalls));
-                }
-
-                if ("expectedThis" in this && this.expectedThis !== thisValue) {
-                    sinon.expectation.fail(this.method + " called with " + thisValue + " as thisValue, expected " +
-                        this.expectedThis);
-                }
-
-                if (!("expectedArguments" in this)) {
-                    return;
-                }
-
-                if (!args) {
-                    sinon.expectation.fail(this.method + " received no arguments, expected " +
-                        sinon.format(this.expectedArguments));
-                }
-
-                if (args.length < this.expectedArguments.length) {
-                    sinon.expectation.fail(this.method + " received too few arguments (" + sinon.format(args) +
-                        "), expected " + sinon.format(this.expectedArguments));
-                }
-
-                if (this.expectsExactArgCount &&
-                    args.length !== this.expectedArguments.length) {
-                    sinon.expectation.fail(this.method + " received too many arguments (" + sinon.format(args) +
-                        "), expected " + sinon.format(this.expectedArguments));
-                }
-
-                for (var i = 0, l = this.expectedArguments.length; i < l; i += 1) {
-
-                    if (!verifyMatcher(this.expectedArguments[i], args[i])) {
-                        sinon.expectation.fail(this.method + " received wrong arguments " + sinon.format(args) +
-                            ", didn't match " + this.expectedArguments.toString());
-                    }
-
-                    if (!sinon.deepEqual(this.expectedArguments[i], args[i])) {
-                        sinon.expectation.fail(this.method + " received wrong arguments " + sinon.format(args) +
-                            ", expected " + sinon.format(this.expectedArguments));
-                    }
-                }
-            },
-
-            allowsCall: function allowsCall(thisValue, args) {
-                if (this.met() && receivedMaxCalls(this)) {
-                    return false;
-                }
-
-                if ("expectedThis" in this && this.expectedThis !== thisValue) {
-                    return false;
-                }
-
-                if (!("expectedArguments" in this)) {
-                    return true;
-                }
-
-                args = args || [];
-
-                if (args.length < this.expectedArguments.length) {
-                    return false;
-                }
-
-                if (this.expectsExactArgCount &&
-                    args.length !== this.expectedArguments.length) {
-                    return false;
-                }
-
-                for (var i = 0, l = this.expectedArguments.length; i < l; i += 1) {
-                    if (!verifyMatcher(this.expectedArguments[i], args[i])) {
-                        return false;
-                    }
-
-                    if (!sinon.deepEqual(this.expectedArguments[i], args[i])) {
-                        return false;
-                    }
-                }
-
-                return true;
-            },
-
-            withArgs: function withArgs() {
-                this.expectedArguments = slice.call(arguments);
-                return this;
-            },
-
-            withExactArgs: function withExactArgs() {
-                this.withArgs.apply(this, arguments);
-                this.expectsExactArgCount = true;
-                return this;
-            },
-
-            on: function on(thisValue) {
-                this.expectedThis = thisValue;
-                return this;
-            },
-
-            toString: function () {
-                var args = (this.expectedArguments || []).slice();
-
-                if (!this.expectsExactArgCount) {
-                    push.call(args, "[...]");
-                }
-
-                var callStr = sinon.spyCall.toString.call({
-                    proxy: this.method || "anonymous mock expectation",
-                    args: args
-                });
-
-                var message = callStr.replace(", [...", "[, ...") + " " +
-                    expectedCallCountInWords(this);
-
-                if (this.met()) {
-                    return "Expectation met: " + message;
-                }
-
-                return "Expected " + message + " (" +
-                    callCountInWords(this.callCount) + ")";
-            },
-
-            verify: function verify() {
-                if (!this.met()) {
-                    sinon.expectation.fail(this.toString());
-                } else {
-                    sinon.expectation.pass(this.toString());
-                }
-
-                return true;
-            },
-
-            pass: function pass(message) {
-                sinon.assert.pass(message);
-            },
-
-            fail: function fail(message) {
-                var exception = new Error(message);
-                exception.name = "ExpectationError";
-
-                throw exception;
-            }
-        };
-
-        sinon.mock = mock;
-        return mock;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./util/core");
-        require("./times_in_words");
-        require("./call");
-        require("./extend");
-        require("./match");
-        require("./spy");
-        require("./stub");
-        require("./format");
-
-        module.exports = makeApi(sinon);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend util/core.js
- * @depend spy.js
- * @depend stub.js
- * @depend mock.js
- */
-/**
- * Collections of stubs, spies and mocks.
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function (sinonGlobal) {
-    
-    var push = [].push;
-    var hasOwnProperty = Object.prototype.hasOwnProperty;
-
-    function getFakes(fakeCollection) {
-        if (!fakeCollection.fakes) {
-            fakeCollection.fakes = [];
-        }
-
-        return fakeCollection.fakes;
-    }
-
-    function each(fakeCollection, method) {
-        var fakes = getFakes(fakeCollection);
-
-        for (var i = 0, l = fakes.length; i < l; i += 1) {
-            if (typeof fakes[i][method] === "function") {
-                fakes[i][method]();
-            }
-        }
-    }
-
-    function compact(fakeCollection) {
-        var fakes = getFakes(fakeCollection);
-        var i = 0;
-        while (i < fakes.length) {
-            fakes.splice(i, 1);
-        }
-    }
-
-    function makeApi(sinon) {
-        var collection = {
-            verify: function resolve() {
-                each(this, "verify");
-            },
-
-            restore: function restore() {
-                each(this, "restore");
-                compact(this);
-            },
-
-            reset: function restore() {
-                each(this, "reset");
-            },
-
-            verifyAndRestore: function verifyAndRestore() {
-                var exception;
-
-                try {
-                    this.verify();
-                } catch (e) {
-                    exception = e;
-                }
-
-                this.restore();
-
-                if (exception) {
-                    throw exception;
-                }
-            },
-
-            add: function add(fake) {
-                push.call(getFakes(this), fake);
-                return fake;
-            },
-
-            spy: function spy() {
-                return this.add(sinon.spy.apply(sinon, arguments));
-            },
-
-            stub: function stub(object, property, value) {
-                if (property) {
-                    var original = object[property];
-
-                    if (typeof original !== "function") {
-                        if (!hasOwnProperty.call(object, property)) {
-                            throw new TypeError("Cannot stub non-existent own property " + property);
-                        }
-
-                        object[property] = value;
-
-                        return this.add({
-                            restore: function () {
-                                object[property] = original;
-                            }
-                        });
-                    }
-                }
-                if (!property && !!object && typeof object === "object") {
-                    var stubbedObj = sinon.stub.apply(sinon, arguments);
-
-                    for (var prop in stubbedObj) {
-                        if (typeof stubbedObj[prop] === "function") {
-                            this.add(stubbedObj[prop]);
-                        }
-                    }
-
-                    return stubbedObj;
-                }
-
-                return this.add(sinon.stub.apply(sinon, arguments));
-            },
-
-            mock: function mock() {
-                return this.add(sinon.mock.apply(sinon, arguments));
-            },
-
-            inject: function inject(obj) {
-                var col = this;
-
-                obj.spy = function () {
-                    return col.spy.apply(col, arguments);
-                };
-
-                obj.stub = function () {
-                    return col.stub.apply(col, arguments);
-                };
-
-                obj.mock = function () {
-                    return col.mock.apply(col, arguments);
-                };
-
-                return obj;
-            }
-        };
-
-        sinon.collection = collection;
-        return collection;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./util/core");
-        require("./mock");
-        require("./spy");
-        require("./stub");
-        module.exports = makeApi(sinon);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * Fake timer API
- * setTimeout
- * setInterval
- * clearTimeout
- * clearInterval
- * tick
- * reset
- * Date
- *
- * Inspired by jsUnitMockTimeOut from JsUnit
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function () {
-    
-    function makeApi(s, lol) {
-        /*global lolex */
-        var llx = typeof lolex !== "undefined" ? lolex : lol;
-
-        s.useFakeTimers = function () {
-            var now;
-            var methods = Array.prototype.slice.call(arguments);
-
-            if (typeof methods[0] === "string") {
-                now = 0;
-            } else {
-                now = methods.shift();
-            }
-
-            var clock = llx.install(now || 0, methods);
-            clock.restore = clock.uninstall;
-            return clock;
-        };
-
-        s.clock = {
-            create: function (now) {
-                return llx.createClock(now);
-            }
-        };
-
-        s.timers = {
-            setTimeout: setTimeout,
-            clearTimeout: clearTimeout,
-            setImmediate: (typeof setImmediate !== "undefined" ? setImmediate : undefined),
-            clearImmediate: (typeof clearImmediate !== "undefined" ? clearImmediate : undefined),
-            setInterval: setInterval,
-            clearInterval: clearInterval,
-            Date: Date
-        };
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, epxorts, module, lolex) {
-        var core = require("./core");
-        makeApi(core, lolex);
-        module.exports = core;
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-    } else if (isNode) {
-        loadDependencies(require, module.exports, module, require("lolex"));
-    } else {
-        makeApi(sinon); // eslint-disable-line no-undef
-    }
-}());
-
-/**
- * Minimal Event interface implementation
- *
- * Original implementation by Sven Fuchs: https://gist.github.com/995028
- * Modifications and tests by Christian Johansen.
- *
- * @author Sven Fuchs (svenfuchs@artweb-design.de)
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2011 Sven Fuchs, Christian Johansen
- */
-if (typeof sinon === "undefined") {
-    this.sinon = {};
-}
-
-(function () {
-    
-    var push = [].push;
-
-    function makeApi(sinon) {
-        sinon.Event = function Event(type, bubbles, cancelable, target) {
-            this.initEvent(type, bubbles, cancelable, target);
-        };
-
-        sinon.Event.prototype = {
-            initEvent: function (type, bubbles, cancelable, target) {
-                this.type = type;
-                this.bubbles = bubbles;
-                this.cancelable = cancelable;
-                this.target = target;
-            },
-
-            stopPropagation: function () {},
-
-            preventDefault: function () {
-                this.defaultPrevented = true;
-            }
-        };
-
-        sinon.ProgressEvent = function ProgressEvent(type, progressEventRaw, target) {
-            this.initEvent(type, false, false, target);
-            this.loaded = progressEventRaw.loaded || null;
-            this.total = progressEventRaw.total || null;
-            this.lengthComputable = !!progressEventRaw.total;
-        };
-
-        sinon.ProgressEvent.prototype = new sinon.Event();
-
-        sinon.ProgressEvent.prototype.constructor = sinon.ProgressEvent;
-
-        sinon.CustomEvent = function CustomEvent(type, customData, target) {
-            this.initEvent(type, false, false, target);
-            this.detail = customData.detail || null;
-        };
-
-        sinon.CustomEvent.prototype = new sinon.Event();
-
-        sinon.CustomEvent.prototype.constructor = sinon.CustomEvent;
-
-        sinon.EventTarget = {
-            addEventListener: function addEventListener(event, listener) {
-                this.eventListeners = this.eventListeners || {};
-                this.eventListeners[event] = this.eventListeners[event] || [];
-                push.call(this.eventListeners[event], listener);
-            },
-
-            removeEventListener: function removeEventListener(event, listener) {
-                var listeners = this.eventListeners && this.eventListeners[event] || [];
-
-                for (var i = 0, l = listeners.length; i < l; ++i) {
-                    if (listeners[i] === listener) {
-                        return listeners.splice(i, 1);
-                    }
-                }
-            },
-
-            dispatchEvent: function dispatchEvent(event) {
-                var type = event.type;
-                var listeners = this.eventListeners && this.eventListeners[type] || [];
-
-                for (var i = 0; i < listeners.length; i++) {
-                    if (typeof listeners[i] === "function") {
-                        listeners[i].call(this, event);
-                    } else {
-                        listeners[i].handleEvent(event);
-                    }
-                }
-
-                return !!event.defaultPrevented;
-            }
-        };
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require) {
-        var sinon = require("./core");
-        makeApi(sinon);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-    } else if (isNode) {
-        loadDependencies(require);
-    } else {
-        makeApi(sinon); // eslint-disable-line no-undef
-    }
-}());
-
-/**
- * @depend util/core.js
- */
-/**
- * Logs errors
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2014 Christian Johansen
- */
-(function (sinonGlobal) {
-    
-    // cache a reference to setTimeout, so that our reference won't be stubbed out
-    // when using fake timers and errors will still get logged
-    // https://github.com/cjohansen/Sinon.JS/issues/381
-    var realSetTimeout = setTimeout;
-
-    function makeApi(sinon) {
-
-        function log() {}
-
-        function logError(label, err) {
-            var msg = label + " threw exception: ";
-
-            function throwLoggedError() {
-                err.message = msg + err.message;
-                throw err;
-            }
-
-            sinon.log(msg + "[" + err.name + "] " + err.message);
-
-            if (err.stack) {
-                sinon.log(err.stack);
-            }
-
-            if (logError.useImmediateExceptions) {
-                throwLoggedError();
-            } else {
-                logError.setTimeout(throwLoggedError, 0);
-            }
-        }
-
-        // When set to true, any errors logged will be thrown immediately;
-        // If set to false, the errors will be thrown in separate execution frame.
-        logError.useImmediateExceptions = false;
-
-        // wrap realSetTimeout with something we can stub in tests
-        logError.setTimeout = function (func, timeout) {
-            realSetTimeout(func, timeout);
-        };
-
-        var exports = {};
-        exports.log = sinon.log = log;
-        exports.logError = sinon.logError = logError;
-
-        return exports;
-    }
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./util/core");
-        module.exports = makeApi(sinon);
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend core.js
- * @depend ../extend.js
- * @depend event.js
- * @depend ../log_error.js
- */
-/**
- * Fake XDomainRequest object
- */
-
-/**
- * Returns the global to prevent assigning values to 'this' when this is undefined.
- * This can occur when files are interpreted by node in strict mode.
- * @private
- */
-function getGlobal() {
-    
-    return typeof window !== "undefined" ? window : global;
-}
-
-if (typeof sinon === "undefined") {
-    if (typeof this === "undefined") {
-        getGlobal().sinon = {};
-    } else {
-        this.sinon = {};
-    }
-}
-
-// wrapper for global
-(function (global) {
-    
-    var xdr = { XDomainRequest: global.XDomainRequest };
-    xdr.GlobalXDomainRequest = global.XDomainRequest;
-    xdr.supportsXDR = typeof xdr.GlobalXDomainRequest !== "undefined";
-    xdr.workingXDR = xdr.supportsXDR ? xdr.GlobalXDomainRequest : false;
-
-    function makeApi(sinon) {
-        sinon.xdr = xdr;
-
-        function FakeXDomainRequest() {
-            this.readyState = FakeXDomainRequest.UNSENT;
-            this.requestBody = null;
-            this.requestHeaders = {};
-            this.status = 0;
-            this.timeout = null;
-
-            if (typeof FakeXDomainRequest.onCreate === "function") {
-                FakeXDomainRequest.onCreate(this);
-            }
-        }
-
-        function verifyState(x) {
-            if (x.readyState !== FakeXDomainRequest.OPENED) {
-                throw new Error("INVALID_STATE_ERR");
-            }
-
-            if (x.sendFlag) {
-                throw new Error("INVALID_STATE_ERR");
-            }
-        }
-
-        function verifyRequestSent(x) {
-            if (x.readyState === FakeXDomainRequest.UNSENT) {
-                throw new Error("Request not sent");
-            }
-            if (x.readyState === FakeXDomainRequest.DONE) {
-                throw new Error("Request done");
-            }
-        }
-
-        function verifyResponseBodyType(body) {
-            if (typeof body !== "string") {
-                var error = new Error("Attempted to respond to fake XDomainRequest with " +
-                                    body + ", which is not a string.");
-                error.name = "InvalidBodyException";
-                throw error;
-            }
-        }
-
-        sinon.extend(FakeXDomainRequest.prototype, sinon.EventTarget, {
-            open: function open(method, url) {
-                this.method = method;
-                this.url = url;
-
-                this.responseText = null;
-                this.sendFlag = false;
-
-                this.readyStateChange(FakeXDomainRequest.OPENED);
-            },
-
-            readyStateChange: function readyStateChange(state) {
-                this.readyState = state;
-                var eventName = "";
-                switch (this.readyState) {
-                case FakeXDomainRequest.UNSENT:
-                    break;
-                case FakeXDomainRequest.OPENED:
-                    break;
-                case FakeXDomainRequest.LOADING:
-                    if (this.sendFlag) {
-                        //raise the progress event
-                        eventName = "onprogress";
-                    }
-                    break;
-                case FakeXDomainRequest.DONE:
-                    if (this.isTimeout) {
-                        eventName = "ontimeout";
-                    } else if (this.errorFlag || (this.status < 200 || this.status > 299)) {
-                        eventName = "onerror";
-                    } else {
-                        eventName = "onload";
-                    }
-                    break;
-                }
-
-                // raising event (if defined)
-                if (eventName) {
-                    if (typeof this[eventName] === "function") {
-                        try {
-                            this[eventName]();
-                        } catch (e) {
-                            sinon.logError("Fake XHR " + eventName + " handler", e);
-                        }
-                    }
-                }
-            },
-
-            send: function send(data) {
-                verifyState(this);
-
-                if (!/^(get|head)$/i.test(this.method)) {
-                    this.requestBody = data;
-                }
-                this.requestHeaders["Content-Type"] = "text/plain;charset=utf-8";
-
-                this.errorFlag = false;
-                this.sendFlag = true;
-                this.readyStateChange(FakeXDomainRequest.OPENED);
-
-                if (typeof this.onSend === "function") {
-                    this.onSend(this);
-                }
-            },
-
-            abort: function abort() {
-                this.aborted = true;
-                this.responseText = null;
-                this.errorFlag = true;
-
-                if (this.readyState > sinon.FakeXDomainRequest.UNSENT && this.sendFlag) {
-                    this.readyStateChange(sinon.FakeXDomainRequest.DONE);
-                    this.sendFlag = false;
-                }
-            },
-
-            setResponseBody: function setResponseBody(body) {
-                verifyRequestSent(this);
-                verifyResponseBodyType(body);
-
-                var chunkSize = this.chunkSize || 10;
-                var index = 0;
-                this.responseText = "";
-
-                do {
-                    this.readyStateChange(FakeXDomainRequest.LOADING);
-                    this.responseText += body.substring(index, index + chunkSize);
-                    index += chunkSize;
-                } while (index < body.length);
-
-                this.readyStateChange(FakeXDomainRequest.DONE);
-            },
-
-            respond: function respond(status, contentType, body) {
-                // content-type ignored, since XDomainRequest does not carry this
-                // we keep the same syntax for respond(...) as for FakeXMLHttpRequest to ease
-                // test integration across browsers
-                this.status = typeof status === "number" ? status : 200;
-                this.setResponseBody(body || "");
-            },
-
-            simulatetimeout: function simulatetimeout() {
-                this.status = 0;
-                this.isTimeout = true;
-                // Access to this should actually throw an error
-                this.responseText = undefined;
-                this.readyStateChange(FakeXDomainRequest.DONE);
-            }
-        });
-
-        sinon.extend(FakeXDomainRequest, {
-            UNSENT: 0,
-            OPENED: 1,
-            LOADING: 3,
-            DONE: 4
-        });
-
-        sinon.useFakeXDomainRequest = function useFakeXDomainRequest() {
-            sinon.FakeXDomainRequest.restore = function restore(keepOnCreate) {
-                if (xdr.supportsXDR) {
-                    global.XDomainRequest = xdr.GlobalXDomainRequest;
-                }
-
-                delete sinon.FakeXDomainRequest.restore;
-
-                if (keepOnCreate !== true) {
-                    delete sinon.FakeXDomainRequest.onCreate;
-                }
-            };
-            if (xdr.supportsXDR) {
-                global.XDomainRequest = sinon.FakeXDomainRequest;
-            }
-            return sinon.FakeXDomainRequest;
-        };
-
-        sinon.FakeXDomainRequest = FakeXDomainRequest;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./core");
-        require("../extend");
-        require("./event");
-        require("../log_error");
-        makeApi(sinon);
-        module.exports = sinon;
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-    } else if (isNode) {
-        loadDependencies(require, module.exports, module);
-    } else {
-        makeApi(sinon); // eslint-disable-line no-undef
-    }
-})(typeof global !== "undefined" ? global : self);
-
-/**
- * @depend core.js
- * @depend ../extend.js
- * @depend event.js
- * @depend ../log_error.js
- */
-/**
- * Fake XMLHttpRequest object
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function (sinonGlobal, global) {
-    
-    function getWorkingXHR(globalScope) {
-        var supportsXHR = typeof globalScope.XMLHttpRequest !== "undefined";
-        if (supportsXHR) {
-            return globalScope.XMLHttpRequest;
-        }
-
-        var supportsActiveX = typeof globalScope.ActiveXObject !== "undefined";
-        if (supportsActiveX) {
-            return function () {
-                return new globalScope.ActiveXObject("MSXML2.XMLHTTP.3.0");
-            };
-        }
-
-        return false;
-    }
-
-    var supportsProgress = typeof ProgressEvent !== "undefined";
-    var supportsCustomEvent = typeof CustomEvent !== "undefined";
-    var supportsFormData = typeof FormData !== "undefined";
-    var supportsArrayBuffer = typeof ArrayBuffer !== "undefined";
-    var supportsBlob = typeof Blob === "function";
-    var sinonXhr = { XMLHttpRequest: global.XMLHttpRequest };
-    sinonXhr.GlobalXMLHttpRequest = global.XMLHttpRequest;
-    sinonXhr.GlobalActiveXObject = global.ActiveXObject;
-    sinonXhr.supportsActiveX = typeof sinonXhr.GlobalActiveXObject !== "undefined";
-    sinonXhr.supportsXHR = typeof sinonXhr.GlobalXMLHttpRequest !== "undefined";
-    sinonXhr.workingXHR = getWorkingXHR(global);
-    sinonXhr.supportsCORS = sinonXhr.supportsXHR && "withCredentials" in (new sinonXhr.GlobalXMLHttpRequest());
-
-    var unsafeHeaders = {
-        "Accept-Charset": true,
-        "Accept-Encoding": true,
-        Connection: true,
-        "Content-Length": true,
-        Cookie: true,
-        Cookie2: true,
-        "Content-Transfer-Encoding": true,
-        Date: true,
-        Expect: true,
-        Host: true,
-        "Keep-Alive": true,
-        Referer: true,
-        TE: true,
-        Trailer: true,
-        "Transfer-Encoding": true,
-        Upgrade: true,
-        "User-Agent": true,
-        Via: true
-    };
-
-    // An upload object is created for each
-    // FakeXMLHttpRequest and allows upload
-    // events to be simulated using uploadProgress
-    // and uploadError.
-    function UploadProgress() {
-        this.eventListeners = {
-            progress: [],
-            load: [],
-            abort: [],
-            error: []
-        };
-    }
-
-    UploadProgress.prototype.addEventListener = function addEventListener(event, listener) {
-        this.eventListeners[event].push(listener);
-    };
-
-    UploadProgress.prototype.removeEventListener = function removeEventListener(event, listener) {
-        var listeners = this.eventListeners[event] || [];
-
-        for (var i = 0, l = listeners.length; i < l; ++i) {
-            if (listeners[i] === listener) {
-                return listeners.splice(i, 1);
-            }
-        }
-    };
-
-    UploadProgress.prototype.dispatchEvent = function dispatchEvent(event) {
-        var listeners = this.eventListeners[event.type] || [];
-
-        for (var i = 0, listener; (listener = listeners[i]) != null; i++) {
-            listener(event);
-        }
-    };
-
-    // Note that for FakeXMLHttpRequest to work pre ES5
-    // we lose some of the alignment with the spec.
-    // To ensure as close a match as possible,
-    // set responseType before calling open, send or respond;
-    function FakeXMLHttpRequest() {
-        this.readyState = FakeXMLHttpRequest.UNSENT;
-        this.requestHeaders = {};
-        this.requestBody = null;
-        this.status = 0;
-        this.statusText = "";
-        this.upload = new UploadProgress();
-        this.responseType = "";
-        this.response = "";
-        if (sinonXhr.supportsCORS) {
-            this.withCredentials = false;
-        }
-
-        var xhr = this;
-        var events = ["loadstart", "load", "abort", "loadend"];
-
-        function addEventListener(eventName) {
-            xhr.addEventListener(eventName, function (event) {
-                var listener = xhr["on" + eventName];
-
-                if (listener && typeof listener === "function") {
-                    listener.call(this, event);
-                }
-            });
-        }
-
-        for (var i = events.length - 1; i >= 0; i--) {
-            addEventListener(events[i]);
-        }
-
-        if (typeof FakeXMLHttpRequest.onCreate === "function") {
-            FakeXMLHttpRequest.onCreate(this);
-        }
-    }
-
-    function verifyState(xhr) {
-        if (xhr.readyState !== FakeXMLHttpRequest.OPENED) {
-            throw new Error("INVALID_STATE_ERR");
-        }
-
-        if (xhr.sendFlag) {
-            throw new Error("INVALID_STATE_ERR");
-        }
-    }
-
-    function getHeader(headers, header) {
-        header = header.toLowerCase();
-
-        for (var h in headers) {
-            if (h.toLowerCase() === header) {
-                return h;
-            }
-        }
-
-        return null;
-    }
-
-    // filtering to enable a white-list version of Sinon FakeXhr,
-    // where whitelisted requests are passed through to real XHR
-    function each(collection, callback) {
-        if (!collection) {
-            return;
-        }
-
-        for (var i = 0, l = collection.length; i < l; i += 1) {
-            callback(collection[i]);
-        }
-    }
-    function some(collection, callback) {
-        for (var index = 0; index < collection.length; index++) {
-            if (callback(collection[index]) === true) {
-                return true;
-            }
-        }
-        return false;
-    }
-    // largest arity in XHR is 5 - XHR#open
-    var apply = function (obj, method, args) {
-        switch (args.length) {
-        case 0: return obj[method]();
-        case 1: return obj[method](args[0]);
-        case 2: return obj[method](args[0], args[1]);
-        case 3: return obj[method](args[0], args[1], args[2]);
-        case 4: return obj[method](args[0], args[1], args[2], args[3]);
-        case 5: return obj[method](args[0], args[1], args[2], args[3], args[4]);
-        }
-    };
-
-    FakeXMLHttpRequest.filters = [];
-    FakeXMLHttpRequest.addFilter = function addFilter(fn) {
-        this.filters.push(fn);
-    };
-    var IE6Re = /MSIE 6/;
-    FakeXMLHttpRequest.defake = function defake(fakeXhr, xhrArgs) {
-        var xhr = new sinonXhr.workingXHR(); // eslint-disable-line new-cap
-
-        each([
-            "open",
-            "setRequestHeader",
-            "send",
-            "abort",
-            "getResponseHeader",
-            "getAllResponseHeaders",
-            "addEventListener",
-            "overrideMimeType",
-            "removeEventListener"
-        ], function (method) {
-            fakeXhr[method] = function () {
-                return apply(xhr, method, arguments);
-            };
-        });
-
-        var copyAttrs = function (args) {
-            each(args, function (attr) {
-                try {
-                    fakeXhr[attr] = xhr[attr];
-                } catch (e) {
-                    if (!IE6Re.test(navigator.userAgent)) {
-                        throw e;
-                    }
-                }
-            });
-        };
-
-        var stateChange = function stateChange() {
-            fakeXhr.readyState = xhr.readyState;
-            if (xhr.readyState >= FakeXMLHttpRequest.HEADERS_RECEIVED) {
-                copyAttrs(["status", "statusText"]);
-            }
-            if (xhr.readyState >= FakeXMLHttpRequest.LOADING) {
-                copyAttrs(["responseText", "response"]);
-            }
-            if (xhr.readyState === FakeXMLHttpRequest.DONE) {
-                copyAttrs(["responseXML"]);
-            }
-            if (fakeXhr.onreadystatechange) {
-                fakeXhr.onreadystatechange.call(fakeXhr, { target: fakeXhr });
-            }
-        };
-
-        if (xhr.addEventListener) {
-            for (var event in fakeXhr.eventListeners) {
-                if (fakeXhr.eventListeners.hasOwnProperty(event)) {
-
-                    /*eslint-disable no-loop-func*/
-                    each(fakeXhr.eventListeners[event], function (handler) {
-                        xhr.addEventListener(event, handler);
-                    });
-                    /*eslint-enable no-loop-func*/
-                }
-            }
-            xhr.addEventListener("readystatechange", stateChange);
-        } else {
-            xhr.onreadystatechange = stateChange;
-        }
-        apply(xhr, "open", xhrArgs);
-    };
-    FakeXMLHttpRequest.useFilters = false;
-
-    function verifyRequestOpened(xhr) {
-        if (xhr.readyState !== FakeXMLHttpRequest.OPENED) {
-            throw new Error("INVALID_STATE_ERR - " + xhr.readyState);
-        }
-    }
-
-    function verifyRequestSent(xhr) {
-        if (xhr.readyState === FakeXMLHttpRequest.DONE) {
-            throw new Error("Request done");
-        }
-    }
-
-    function verifyHeadersReceived(xhr) {
-        if (xhr.async && xhr.readyState !== FakeXMLHttpRequest.HEADERS_RECEIVED) {
-            throw new Error("No headers received");
-        }
-    }
-
-    function verifyResponseBodyType(body) {
-        if (typeof body !== "string") {
-            var error = new Error("Attempted to respond to fake XMLHttpRequest with " +
-                                 body + ", which is not a string.");
-            error.name = "InvalidBodyException";
-            throw error;
-        }
-    }
-
-    function convertToArrayBuffer(body) {
-        var buffer = new ArrayBuffer(body.length);
-        var view = new Uint8Array(buffer);
-        for (var i = 0; i < body.length; i++) {
-            var charCode = body.charCodeAt(i);
-            if (charCode >= 256) {
-                throw new TypeError("arraybuffer or blob responseTypes require binary string, " +
-                                    "invalid character " + body[i] + " found.");
-            }
-            view[i] = charCode;
-        }
-        return buffer;
-    }
-
-    function isXmlContentType(contentType) {
-        return !contentType || /(text\/xml)|(application\/xml)|(\+xml)/.test(contentType);
-    }
-
-    function convertResponseBody(responseType, contentType, body) {
-        if (responseType === "" || responseType === "text") {
-            return body;
-        } else if (supportsArrayBuffer && responseType === "arraybuffer") {
-            return convertToArrayBuffer(body);
-        } else if (responseType === "json") {
-            try {
-                return JSON.parse(body);
-            } catch (e) {
-                // Return parsing failure as null
-                return null;
-            }
-        } else if (supportsBlob && responseType === "blob") {
-            var blobOptions = {};
-            if (contentType) {
-                blobOptions.type = contentType;
-            }
-            return new Blob([convertToArrayBuffer(body)], blobOptions);
-        } else if (responseType === "document") {
-            if (isXmlContentType(contentType)) {
-                return FakeXMLHttpRequest.parseXML(body);
-            }
-            return null;
-        }
-        throw new Error("Invalid responseType " + responseType);
-    }
-
-    function clearResponse(xhr) {
-        if (xhr.responseType === "" || xhr.responseType === "text") {
-            xhr.response = xhr.responseText = "";
-        } else {
-            xhr.response = xhr.responseText = null;
-        }
-        xhr.responseXML = null;
-    }
-
-    FakeXMLHttpRequest.parseXML = function parseXML(text) {
-        // Treat empty string as parsing failure
-        if (text !== "") {
-            try {
-                if (typeof DOMParser !== "undefined") {
-                    var parser = new DOMParser();
-                    return parser.parseFromString(text, "text/xml");
-                }
-                var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
-                xmlDoc.async = "false";
-                xmlDoc.loadXML(text);
-                return xmlDoc;
-            } catch (e) {
-                // Unable to parse XML - no biggie
-            }
-        }
-
-        return null;
-    };
-
-    FakeXMLHttpRequest.statusCodes = {
-        100: "Continue",
-        101: "Switching Protocols",
-        200: "OK",
-        201: "Created",
-        202: "Accepted",
-        203: "Non-Authoritative Information",
-        204: "No Content",
-        205: "Reset Content",
-        206: "Partial Content",
-        207: "Multi-Status",
-        300: "Multiple Choice",
-        301: "Moved Permanently",
-        302: "Found",
-        303: "See Other",
-        304: "Not Modified",
-        305: "Use Proxy",
-        307: "Temporary Redirect",
-        400: "Bad Request",
-        401: "Unauthorized",
-        402: "Payment Required",
-        403: "Forbidden",
-        404: "Not Found",
-        405: "Method Not Allowed",
-        406: "Not Acceptable",
-        407: "Proxy Authentication Required",
-        408: "Request Timeout",
-        409: "Conflict",
-        410: "Gone",
-        411: "Length Required",
-        412: "Precondition Failed",
-        413: "Request Entity Too Large",
-        414: "Request-URI Too Long",
-        415: "Unsupported Media Type",
-        416: "Requested Range Not Satisfiable",
-        417: "Expectation Failed",
-        422: "Unprocessable Entity",
-        500: "Internal Server Error",
-        501: "Not Implemented",
-        502: "Bad Gateway",
-        503: "Service Unavailable",
-        504: "Gateway Timeout",
-        505: "HTTP Version Not Supported"
-    };
-
-    function makeApi(sinon) {
-        sinon.xhr = sinonXhr;
-
-        sinon.extend(FakeXMLHttpRequest.prototype, sinon.EventTarget, {
-            async: true,
-
-            open: function open(method, url, async, username, password) {
-                this.method = method;
-                this.url = url;
-                this.async = typeof async === "boolean" ? async : true;
-                this.username = username;
-                this.password = password;
-                clearResponse(this);
-                this.requestHeaders = {};
-                this.sendFlag = false;
-
-                if (FakeXMLHttpRequest.useFilters === true) {
-                    var xhrArgs = arguments;
-                    var defake = some(FakeXMLHttpRequest.filters, function (filter) {
-                        return filter.apply(this, xhrArgs);
-                    });
-                    if (defake) {
-                        return FakeXMLHttpRequest.defake(this, arguments);
-                    }
-                }
-                this.readyStateChange(FakeXMLHttpRequest.OPENED);
-            },
-
-            readyStateChange: function readyStateChange(state) {
-                this.readyState = state;
-
-                var readyStateChangeEvent = new sinon.Event("readystatechange", false, false, this);
-
-                if (typeof this.onreadystatechange === "function") {
-                    try {
-                        this.onreadystatechange(readyStateChangeEvent);
-                    } catch (e) {
-                        sinon.logError("Fake XHR onreadystatechange handler", e);
-                    }
-                }
-
-                switch (this.readyState) {
-                    case FakeXMLHttpRequest.DONE:
-                        if (supportsProgress) {
-                            this.upload.dispatchEvent(new sinon.ProgressEvent("progress", {loaded: 100, total: 100}));
-                            this.dispatchEvent(new sinon.ProgressEvent("progress", {loaded: 100, total: 100}));
-                        }
-                        this.upload.dispatchEvent(new sinon.Event("load", false, false, this));
-                        this.dispatchEvent(new sinon.Event("load", false, false, this));
-                        this.dispatchEvent(new sinon.Event("loadend", false, false, this));
-                        break;
-                }
-
-                this.dispatchEvent(readyStateChangeEvent);
-            },
-
-            setRequestHeader: function setRequestHeader(header, value) {
-                verifyState(this);
-
-                if (unsafeHeaders[header] || /^(Sec-|Proxy-)/.test(header)) {
-                    throw new Error("Refused to set unsafe header \"" + header + "\"");
-                }
-
-                if (this.requestHeaders[header]) {
-                    this.requestHeaders[header] += "," + value;
-                } else {
-                    this.requestHeaders[header] = value;
-                }
-            },
-
-            // Helps testing
-            setResponseHeaders: function setResponseHeaders(headers) {
-                verifyRequestOpened(this);
-                this.responseHeaders = {};
-
-                for (var header in headers) {
-                    if (headers.hasOwnProperty(header)) {
-                        this.responseHeaders[header] = headers[header];
-                    }
-                }
-
-                if (this.async) {
-                    this.readyStateChange(FakeXMLHttpRequest.HEADERS_RECEIVED);
-                } else {
-                    this.readyState = FakeXMLHttpRequest.HEADERS_RECEIVED;
-                }
-            },
-
-            // Currently treats ALL data as a DOMString (i.e. no Document)
-            send: function send(data) {
-                verifyState(this);
-
-                if (!/^(get|head)$/i.test(this.method)) {
-                    var contentType = getHeader(this.requestHeaders, "Content-Type");
-                    if (this.requestHeaders[contentType]) {
-                        var value = this.requestHeaders[contentType].split(";");
-                        this.requestHeaders[contentType] = value[0] + ";charset=utf-8";
-                    } else if (supportsFormData && !(data instanceof FormData)) {
-                        this.requestHeaders["Content-Type"] = "text/plain;charset=utf-8";
-                    }
-
-                    this.requestBody = data;
-                }
-
-                this.errorFlag = false;
-                this.sendFlag = this.async;
-                clearResponse(this);
-                this.readyStateChange(FakeXMLHttpRequest.OPENED);
-
-                if (typeof this.onSend === "function") {
-                    this.onSend(this);
-                }
-
-                this.dispatchEvent(new sinon.Event("loadstart", false, false, this));
-            },
-
-            abort: function abort() {
-                this.aborted = true;
-                clearResponse(this);
-                this.errorFlag = true;
-                this.requestHeaders = {};
-                this.responseHeaders = {};
-
-                if (this.readyState > FakeXMLHttpRequest.UNSENT && this.sendFlag) {
-                    this.readyStateChange(FakeXMLHttpRequest.DONE);
-                    this.sendFlag = false;
-                }
-
-                this.readyState = FakeXMLHttpRequest.UNSENT;
-
-                this.dispatchEvent(new sinon.Event("abort", false, false, this));
-
-                this.upload.dispatchEvent(new sinon.Event("abort", false, false, this));
-
-                if (typeof this.onerror === "function") {
-                    this.onerror();
-                }
-            },
-
-            getResponseHeader: function getResponseHeader(header) {
-                if (this.readyState < FakeXMLHttpRequest.HEADERS_RECEIVED) {
-                    return null;
-                }
-
-                if (/^Set-Cookie2?$/i.test(header)) {
-                    return null;
-                }
-
-                header = getHeader(this.responseHeaders, header);
-
-                return this.responseHeaders[header] || null;
-            },
-
-            getAllResponseHeaders: function getAllResponseHeaders() {
-                if (this.readyState < FakeXMLHttpRequest.HEADERS_RECEIVED) {
-                    return "";
-                }
-
-                var headers = "";
-
-                for (var header in this.responseHeaders) {
-                    if (this.responseHeaders.hasOwnProperty(header) &&
-                        !/^Set-Cookie2?$/i.test(header)) {
-                        headers += header + ": " + this.responseHeaders[header] + "\r\n";
-                    }
-                }
-
-                return headers;
-            },
-
-            setResponseBody: function setResponseBody(body) {
-                verifyRequestSent(this);
-                verifyHeadersReceived(this);
-                verifyResponseBodyType(body);
-                var contentType = this.getResponseHeader("Content-Type");
-
-                var isTextResponse = this.responseType === "" || this.responseType === "text";
-                clearResponse(this);
-                if (this.async) {
-                    var chunkSize = this.chunkSize || 10;
-                    var index = 0;
-
-                    do {
-                        this.readyStateChange(FakeXMLHttpRequest.LOADING);
-
-                        if (isTextResponse) {
-                            this.responseText = this.response += body.substring(index, index + chunkSize);
-                        }
-                        index += chunkSize;
-                    } while (index < body.length);
-                }
-
-                this.response = convertResponseBody(this.responseType, contentType, body);
-                if (isTextResponse) {
-                    this.responseText = this.response;
-                }
-
-                if (this.responseType === "document") {
-                    this.responseXML = this.response;
-                } else if (this.responseType === "" && isXmlContentType(contentType)) {
-                    this.responseXML = FakeXMLHttpRequest.parseXML(this.responseText);
-                }
-                this.readyStateChange(FakeXMLHttpRequest.DONE);
-            },
-
-            respond: function respond(status, headers, body) {
-                this.status = typeof status === "number" ? status : 200;
-                this.statusText = FakeXMLHttpRequest.statusCodes[this.status];
-                this.setResponseHeaders(headers || {});
-                this.setResponseBody(body || "");
-            },
-
-            uploadProgress: function uploadProgress(progressEventRaw) {
-                if (supportsProgress) {
-                    this.upload.dispatchEvent(new sinon.ProgressEvent("progress", progressEventRaw));
-                }
-            },
-
-            downloadProgress: function downloadProgress(progressEventRaw) {
-                if (supportsProgress) {
-                    this.dispatchEvent(new sinon.ProgressEvent("progress", progressEventRaw));
-                }
-            },
-
-            uploadError: function uploadError(error) {
-                if (supportsCustomEvent) {
-                    this.upload.dispatchEvent(new sinon.CustomEvent("error", {detail: error}));
-                }
-            }
-        });
-
-        sinon.extend(FakeXMLHttpRequest, {
-            UNSENT: 0,
-            OPENED: 1,
-            HEADERS_RECEIVED: 2,
-            LOADING: 3,
-            DONE: 4
-        });
-
-        sinon.useFakeXMLHttpRequest = function () {
-            FakeXMLHttpRequest.restore = function restore(keepOnCreate) {
-                if (sinonXhr.supportsXHR) {
-                    global.XMLHttpRequest = sinonXhr.GlobalXMLHttpRequest;
-                }
-
-                if (sinonXhr.supportsActiveX) {
-                    global.ActiveXObject = sinonXhr.GlobalActiveXObject;
-                }
-
-                delete FakeXMLHttpRequest.restore;
-
-                if (keepOnCreate !== true) {
-                    delete FakeXMLHttpRequest.onCreate;
-                }
-            };
-            if (sinonXhr.supportsXHR) {
-                global.XMLHttpRequest = FakeXMLHttpRequest;
-            }
-
-            if (sinonXhr.supportsActiveX) {
-                global.ActiveXObject = function ActiveXObject(objId) {
-                    if (objId === "Microsoft.XMLHTTP" || /^Msxml2\.XMLHTTP/i.test(objId)) {
-
-                        return new FakeXMLHttpRequest();
-                    }
-
-                    return new sinonXhr.GlobalActiveXObject(objId);
-                };
-            }
-
-            return FakeXMLHttpRequest;
-        };
-
-        sinon.FakeXMLHttpRequest = FakeXMLHttpRequest;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./core");
-        require("../extend");
-        require("./event");
-        require("../log_error");
-        makeApi(sinon);
-        module.exports = sinon;
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon, // eslint-disable-line no-undef
-    typeof global !== "undefined" ? global : self
-));
-
-/**
- * @depend fake_xdomain_request.js
- * @depend fake_xml_http_request.js
- * @depend ../format.js
- * @depend ../log_error.js
- */
-/**
- * The Sinon "server" mimics a web server that receives requests from
- * sinon.FakeXMLHttpRequest and provides an API to respond to those requests,
- * both synchronously and asynchronously. To respond synchronuously, canned
- * answers have to be provided upfront.
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function () {
-    
-    var push = [].push;
-
-    function responseArray(handler) {
-        var response = handler;
-
-        if (Object.prototype.toString.call(handler) !== "[object Array]") {
-            response = [200, {}, handler];
-        }
-
-        if (typeof response[2] !== "string") {
-            throw new TypeError("Fake server response body should be string, but was " +
-                                typeof response[2]);
-        }
-
-        return response;
-    }
-
-    var wloc = typeof window !== "undefined" ? window.location : {};
-    var rCurrLoc = new RegExp("^" + wloc.protocol + "//" + wloc.host);
-
-    function matchOne(response, reqMethod, reqUrl) {
-        var rmeth = response.method;
-        var matchMethod = !rmeth || rmeth.toLowerCase() === reqMethod.toLowerCase();
-        var url = response.url;
-        var matchUrl = !url || url === reqUrl || (typeof url.test === "function" && url.test(reqUrl));
-
-        return matchMethod && matchUrl;
-    }
-
-    function match(response, request) {
-        var requestUrl = request.url;
-
-        if (!/^https?:\/\//.test(requestUrl) || rCurrLoc.test(requestUrl)) {
-            requestUrl = requestUrl.replace(rCurrLoc, "");
-        }
-
-        if (matchOne(response, this.getHTTPMethod(request), requestUrl)) {
-            if (typeof response.response === "function") {
-                var ru = response.url;
-                var args = [request].concat(ru && typeof ru.exec === "function" ? ru.exec(requestUrl).slice(1) : []);
-                return response.response.apply(response, args);
-            }
-
-            return true;
-        }
-
-        return false;
-    }
-
-    function makeApi(sinon) {
-        sinon.fakeServer = {
-            create: function (config) {
-                var server = sinon.create(this);
-                server.configure(config);
-                if (!sinon.xhr.supportsCORS) {
-                    this.xhr = sinon.useFakeXDomainRequest();
-                } else {
-                    this.xhr = sinon.useFakeXMLHttpRequest();
-                }
-                server.requests = [];
-
-                this.xhr.onCreate = function (xhrObj) {
-                    server.addRequest(xhrObj);
-                };
-
-                return server;
-            },
-            configure: function (config) {
-                var whitelist = {
-                    "autoRespond": true,
-                    "autoRespondAfter": true,
-                    "respondImmediately": true,
-                    "fakeHTTPMethods": true
-                };
-                var setting;
-
-                config = config || {};
-                for (setting in config) {
-                    if (whitelist.hasOwnProperty(setting) && config.hasOwnProperty(setting)) {
-                        this[setting] = config[setting];
-                    }
-                }
-            },
-            addRequest: function addRequest(xhrObj) {
-                var server = this;
-                push.call(this.requests, xhrObj);
-
-                xhrObj.onSend = function () {
-                    server.handleRequest(this);
-
-                    if (server.respondImmediately) {
-                        server.respond();
-                    } else if (server.autoRespond && !server.responding) {
-                        setTimeout(function () {
-                            server.responding = false;
-                            server.respond();
-                        }, server.autoRespondAfter || 10);
-
-                        server.responding = true;
-                    }
-                };
-            },
-
-            getHTTPMethod: function getHTTPMethod(request) {
-                if (this.fakeHTTPMethods && /post/i.test(request.method)) {
-                    var matches = (request.requestBody || "").match(/_method=([^\b;]+)/);
-                    return matches ? matches[1] : request.method;
-                }
-
-                return request.method;
-            },
-
-            handleRequest: function handleRequest(xhr) {
-                if (xhr.async) {
-                    if (!this.queue) {
-                        this.queue = [];
-                    }
-
-                    push.call(this.queue, xhr);
-                } else {
-                    this.processRequest(xhr);
-                }
-            },
-
-            log: function log(response, request) {
-                var str;
-
-                str = "Request:\n" + sinon.format(request) + "\n\n";
-                str += "Response:\n" + sinon.format(response) + "\n\n";
-
-                sinon.log(str);
-            },
-
-            respondWith: function respondWith(method, url, body) {
-                if (arguments.length === 1 && typeof method !== "function") {
-                    this.response = responseArray(method);
-                    return;
-                }
-
-                if (!this.responses) {
-                    this.responses = [];
-                }
-
-                if (arguments.length === 1) {
-                    body = method;
-                    url = method = null;
-                }
-
-                if (arguments.length === 2) {
-                    body = url;
-                    url = method;
-                    method = null;
-                }
-
-                push.call(this.responses, {
-                    method: method,
-                    url: url,
-                    response: typeof body === "function" ? body : responseArray(body)
-                });
-            },
-
-            respond: function respond() {
-                if (arguments.length > 0) {
-                    this.respondWith.apply(this, arguments);
-                }
-
-                var queue = this.queue || [];
-                var requests = queue.splice(0, queue.length);
-
-                for (var i = 0; i < requests.length; i++) {
-                    this.processRequest(requests[i]);
-                }
-            },
-
-            processRequest: function processRequest(request) {
-                try {
-                    if (request.aborted) {
-                        return;
-                    }
-
-                    var response = this.response || [404, {}, ""];
-
-                    if (this.responses) {
-                        for (var l = this.responses.length, i = l - 1; i >= 0; i--) {
-                            if (match.call(this, this.responses[i], request)) {
-                                response = this.responses[i].response;
-                                break;
-                            }
-                        }
-                    }
-
-                    if (request.readyState !== 4) {
-                        this.log(response, request);
-
-                        request.respond(response[0], response[1], response[2]);
-                    }
-                } catch (e) {
-                    sinon.logError("Fake server request processing", e);
-                }
-            },
-
-            restore: function restore() {
-                return this.xhr.restore && this.xhr.restore.apply(this.xhr, arguments);
-            }
-        };
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./core");
-        require("./fake_xdomain_request");
-        require("./fake_xml_http_request");
-        require("../format");
-        makeApi(sinon);
-        module.exports = sinon;
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-    } else if (isNode) {
-        loadDependencies(require, module.exports, module);
-    } else {
-        makeApi(sinon); // eslint-disable-line no-undef
-    }
-}());
-
-/**
- * @depend fake_server.js
- * @depend fake_timers.js
- */
-/**
- * Add-on for sinon.fakeServer that automatically handles a fake timer along with
- * the FakeXMLHttpRequest. The direct inspiration for this add-on is jQuery
- * 1.3.x, which does not use xhr object's onreadystatehandler at all - instead,
- * it polls the object for completion with setInterval. Dispite the direct
- * motivation, there is nothing jQuery-specific in this file, so it can be used
- * in any environment where the ajax implementation depends on setInterval or
- * setTimeout.
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function () {
-    
-    function makeApi(sinon) {
-        function Server() {}
-        Server.prototype = sinon.fakeServer;
-
-        sinon.fakeServerWithClock = new Server();
-
-        sinon.fakeServerWithClock.addRequest = function addRequest(xhr) {
-            if (xhr.async) {
-                if (typeof setTimeout.clock === "object") {
-                    this.clock = setTimeout.clock;
-                } else {
-                    this.clock = sinon.useFakeTimers();
-                    this.resetClock = true;
-                }
-
-                if (!this.longestTimeout) {
-                    var clockSetTimeout = this.clock.setTimeout;
-                    var clockSetInterval = this.clock.setInterval;
-                    var server = this;
-
-                    this.clock.setTimeout = function (fn, timeout) {
-                        server.longestTimeout = Math.max(timeout, server.longestTimeout || 0);
-
-                        return clockSetTimeout.apply(this, arguments);
-                    };
-
-                    this.clock.setInterval = function (fn, timeout) {
-                        server.longestTimeout = Math.max(timeout, server.longestTimeout || 0);
-
-                        return clockSetInterval.apply(this, arguments);
-                    };
-                }
-            }
-
-            return sinon.fakeServer.addRequest.call(this, xhr);
-        };
-
-        sinon.fakeServerWithClock.respond = function respond() {
-            var returnVal = sinon.fakeServer.respond.apply(this, arguments);
-
-            if (this.clock) {
-                this.clock.tick(this.longestTimeout || 0);
-                this.longestTimeout = 0;
-
-                if (this.resetClock) {
-                    this.clock.restore();
-                    this.resetClock = false;
-                }
-            }
-
-            return returnVal;
-        };
-
-        sinon.fakeServerWithClock.restore = function restore() {
-            if (this.clock) {
-                this.clock.restore();
-            }
-
-            return sinon.fakeServer.restore.apply(this, arguments);
-        };
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require) {
-        var sinon = require("./core");
-        require("./fake_server");
-        require("./fake_timers");
-        makeApi(sinon);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-    } else if (isNode) {
-        loadDependencies(require);
-    } else {
-        makeApi(sinon); // eslint-disable-line no-undef
-    }
-}());
-
-/**
- * @depend util/core.js
- * @depend extend.js
- * @depend collection.js
- * @depend util/fake_timers.js
- * @depend util/fake_server_with_clock.js
- */
-/**
- * Manages fake collections as well as fake utilities such as Sinon's
- * timers and fake XHR implementation in one convenient object.
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function (sinonGlobal) {
-    
-    function makeApi(sinon) {
-        var push = [].push;
-
-        function exposeValue(sandbox, config, key, value) {
-            if (!value) {
-                return;
-            }
-
-            if (config.injectInto && !(key in config.injectInto)) {
-                config.injectInto[key] = value;
-                sandbox.injectedKeys.push(key);
-            } else {
-                push.call(sandbox.args, value);
-            }
-        }
-
-        function prepareSandboxFromConfig(config) {
-            var sandbox = sinon.create(sinon.sandbox);
-
-            if (config.useFakeServer) {
-                if (typeof config.useFakeServer === "object") {
-                    sandbox.serverPrototype = config.useFakeServer;
-                }
-
-                sandbox.useFakeServer();
-            }
-
-            if (config.useFakeTimers) {
-                if (typeof config.useFakeTimers === "object") {
-                    sandbox.useFakeTimers.apply(sandbox, config.useFakeTimers);
-                } else {
-                    sandbox.useFakeTimers();
-                }
-            }
-
-            return sandbox;
-        }
-
-        sinon.sandbox = sinon.extend(sinon.create(sinon.collection), {
-            useFakeTimers: function useFakeTimers() {
-                this.clock = sinon.useFakeTimers.apply(sinon, arguments);
-
-                return this.add(this.clock);
-            },
-
-            serverPrototype: sinon.fakeServer,
-
-            useFakeServer: function useFakeServer() {
-                var proto = this.serverPrototype || sinon.fakeServer;
-
-                if (!proto || !proto.create) {
-                    return null;
-                }
-
-                this.server = proto.create();
-                return this.add(this.server);
-            },
-
-            inject: function (obj) {
-                sinon.collection.inject.call(this, obj);
-
-                if (this.clock) {
-                    obj.clock = this.clock;
-                }
-
-                if (this.server) {
-                    obj.server = this.server;
-                    obj.requests = this.server.requests;
-                }
-
-                obj.match = sinon.match;
-
-                return obj;
-            },
-
-            restore: function () {
-                sinon.collection.restore.apply(this, arguments);
-                this.restoreContext();
-            },
-
-            restoreContext: function () {
-                if (this.injectedKeys) {
-                    for (var i = 0, j = this.injectedKeys.length; i < j; i++) {
-                        delete this.injectInto[this.injectedKeys[i]];
-                    }
-                    this.injectedKeys = [];
-                }
-            },
-
-            create: function (config) {
-                if (!config) {
-                    return sinon.create(sinon.sandbox);
-                }
-
-                var sandbox = prepareSandboxFromConfig(config);
-                sandbox.args = sandbox.args || [];
-                sandbox.injectedKeys = [];
-                sandbox.injectInto = config.injectInto;
-                var prop,
-                    value;
-                var exposed = sandbox.inject({});
-
-                if (config.properties) {
-                    for (var i = 0, l = config.properties.length; i < l; i++) {
-                        prop = config.properties[i];
-                        value = exposed[prop] || prop === "sandbox" && sandbox;
-                        exposeValue(sandbox, config, prop, value);
-                    }
-                } else {
-                    exposeValue(sandbox, config, "sandbox", value);
-                }
-
-                return sandbox;
-            },
-
-            match: sinon.match
-        });
-
-        sinon.sandbox.useFakeXMLHttpRequest = sinon.sandbox.useFakeServer;
-
-        return sinon.sandbox;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./util/core");
-        require("./extend");
-        require("./util/fake_server_with_clock");
-        require("./util/fake_timers");
-        require("./collection");
-        module.exports = makeApi(sinon);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend util/core.js
- * @depend sandbox.js
- */
-/**
- * Test function, sandboxes fakes
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function (sinonGlobal) {
-    
-    function makeApi(sinon) {
-        var slice = Array.prototype.slice;
-
-        function test(callback) {
-            var type = typeof callback;
-
-            if (type !== "function") {
-                throw new TypeError("sinon.test needs to wrap a test function, got " + type);
-            }
-
-            function sinonSandboxedTest() {
-                var config = sinon.getConfig(sinon.config);
-                config.injectInto = config.injectIntoThis && this || config.injectInto;
-                var sandbox = sinon.sandbox.create(config);
-                var args = slice.call(arguments);
-                var oldDone = args.length && args[args.length - 1];
-                var exception, result;
-
-                if (typeof oldDone === "function") {
-                    args[args.length - 1] = function sinonDone(res) {
-                        if (res) {
-                            sandbox.restore();
-                        } else {
-                            sandbox.verifyAndRestore();
-                        }
-                        oldDone(res);
-                    };
-                }
-
-                try {
-                    result = callback.apply(this, args.concat(sandbox.args));
-                } catch (e) {
-                    exception = e;
-                }
-
-                if (typeof oldDone !== "function") {
-                    if (typeof exception !== "undefined") {
-                        sandbox.restore();
-                        throw exception;
-                    } else {
-                        sandbox.verifyAndRestore();
-                    }
-                }
-
-                return result;
-            }
-
-            if (callback.length) {
-                return function sinonAsyncSandboxedTest(done) { // eslint-disable-line no-unused-vars
-                    return sinonSandboxedTest.apply(this, arguments);
-                };
-            }
-
-            return sinonSandboxedTest;
-        }
-
-        test.config = {
-            injectIntoThis: true,
-            injectInto: null,
-            properties: ["spy", "stub", "mock", "clock", "server", "requests"],
-            useFakeTimers: true,
-            useFakeServer: true
-        };
-
-        sinon.test = test;
-        return test;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var core = require("./util/core");
-        require("./sandbox");
-        module.exports = makeApi(core);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-    } else if (isNode) {
-        loadDependencies(require, module.exports, module);
-    } else if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(typeof sinon === "object" && sinon || null)); // eslint-disable-line no-undef
-
-/**
- * @depend util/core.js
- * @depend test.js
- */
-/**
- * Test case, sandboxes all test functions
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function (sinonGlobal) {
-    
-    function createTest(property, setUp, tearDown) {
-        return function () {
-            if (setUp) {
-                setUp.apply(this, arguments);
-            }
-
-            var exception, result;
-
-            try {
-                result = property.apply(this, arguments);
-            } catch (e) {
-                exception = e;
-            }
-
-            if (tearDown) {
-                tearDown.apply(this, arguments);
-            }
-
-            if (exception) {
-                throw exception;
-            }
-
-            return result;
-        };
-    }
-
-    function makeApi(sinon) {
-        function testCase(tests, prefix) {
-            if (!tests || typeof tests !== "object") {
-                throw new TypeError("sinon.testCase needs an object with test functions");
-            }
-
-            prefix = prefix || "test";
-            var rPrefix = new RegExp("^" + prefix);
-            var methods = {};
-            var setUp = tests.setUp;
-            var tearDown = tests.tearDown;
-            var testName,
-                property,
-                method;
-
-            for (testName in tests) {
-                if (tests.hasOwnProperty(testName) && !/^(setUp|tearDown)$/.test(testName)) {
-                    property = tests[testName];
-
-                    if (typeof property === "function" && rPrefix.test(testName)) {
-                        method = property;
-
-                        if (setUp || tearDown) {
-                            method = createTest(property, setUp, tearDown);
-                        }
-
-                        methods[testName] = sinon.test(method);
-                    } else {
-                        methods[testName] = tests[testName];
-                    }
-                }
-            }
-
-            return methods;
-        }
-
-        sinon.testCase = testCase;
-        return testCase;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var core = require("./util/core");
-        require("./test");
-        module.exports = makeApi(core);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon // eslint-disable-line no-undef
-));
-
-/**
- * @depend times_in_words.js
- * @depend util/core.js
- * @depend match.js
- * @depend format.js
- */
-/**
- * Assertions matching the test spy retrieval interface.
- *
- * @author Christian Johansen (christian@cjohansen.no)
- * @license BSD
- *
- * Copyright (c) 2010-2013 Christian Johansen
- */
-(function (sinonGlobal, global) {
-    
-    var slice = Array.prototype.slice;
-
-    function makeApi(sinon) {
-        var assert;
-
-        function verifyIsStub() {
-            var method;
-
-            for (var i = 0, l = arguments.length; i < l; ++i) {
-                method = arguments[i];
-
-                if (!method) {
-                    assert.fail("fake is not a spy");
-                }
-
-                if (method.proxy && method.proxy.isSinonProxy) {
-                    verifyIsStub(method.proxy);
-                } else {
-                    if (typeof method !== "function") {
-                        assert.fail(method + " is not a function");
-                    }
-
-                    if (typeof method.getCall !== "function") {
-                        assert.fail(method + " is not stubbed");
-                    }
-                }
-
-            }
-        }
-
-        function failAssertion(object, msg) {
-            object = object || global;
-            var failMethod = object.fail || assert.fail;
-            failMethod.call(object, msg);
-        }
-
-        function mirrorPropAsAssertion(name, method, message) {
-            if (arguments.length === 2) {
-                message = method;
-                method = name;
-            }
-
-            assert[name] = function (fake) {
-                verifyIsStub(fake);
-
-                var args = slice.call(arguments, 1);
-                var failed = false;
-
-                if (typeof method === "function") {
-                    failed = !method(fake);
-                } else {
-                    failed = typeof fake[method] === "function" ?
-                        !fake[method].apply(fake, args) : !fake[method];
-                }
-
-                if (failed) {
-                    failAssertion(this, (fake.printf || fake.proxy.printf).apply(fake, [message].concat(args)));
-                } else {
-                    assert.pass(name);
-                }
-            };
-        }
-
-        function exposedName(prefix, prop) {
-            return !prefix || /^fail/.test(prop) ? prop :
-                prefix + prop.slice(0, 1).toUpperCase() + prop.slice(1);
-        }
-
-        assert = {
-            failException: "AssertError",
-
-            fail: function fail(message) {
-                var error = new Error(message);
-                error.name = this.failException || assert.failException;
-
-                throw error;
-            },
-
-            pass: function pass() {},
-
-            callOrder: function assertCallOrder() {
-                verifyIsStub.apply(null, arguments);
-                var expected = "";
-                var actual = "";
-
-                if (!sinon.calledInOrder(arguments)) {
-                    try {
-                        expected = [].join.call(arguments, ", ");
-                        var calls = slice.call(arguments);
-                        var i = calls.length;
-                        while (i) {
-                            if (!calls[--i].called) {
-                                calls.splice(i, 1);
-                            }
-                        }
-                        actual = sinon.orderByFirstCall(calls).join(", ");
-                    } catch (e) {
-                        // If this fails, we'll just fall back to the blank string
-                    }
-
-                    failAssertion(this, "expected " + expected + " to be " +
-                                "called in order but were called as " + actual);
-                } else {
-                    assert.pass("callOrder");
-                }
-            },
-
-            callCount: function assertCallCount(method, count) {
-                verifyIsStub(method);
-
-                if (method.callCount !== count) {
-                    var msg = "expected %n to be called " + sinon.timesInWords(count) +
-                        " but was called %c%C";
-                    failAssertion(this, method.printf(msg));
-                } else {
-                    assert.pass("callCount");
-                }
-            },
-
-            expose: function expose(target, options) {
-                if (!target) {
-                    throw new TypeError("target is null or undefined");
-                }
-
-                var o = options || {};
-                var prefix = typeof o.prefix === "undefined" && "assert" || o.prefix;
-                var includeFail = typeof o.includeFail === "undefined" || !!o.includeFail;
-
-                for (var method in this) {
-                    if (method !== "expose" && (includeFail || !/^(fail)/.test(method))) {
-                        target[exposedName(prefix, method)] = this[method];
-                    }
-                }
-
-                return target;
-            },
-
-            match: function match(actual, expectation) {
-                var matcher = sinon.match(expectation);
-                if (matcher.test(actual)) {
-                    assert.pass("match");
-                } else {
-                    var formatted = [
-                        "expected value to match",
-                        "    expected = " + sinon.format(expectation),
-                        "    actual = " + sinon.format(actual)
-                    ];
-
-                    failAssertion(this, formatted.join("\n"));
-                }
-            }
-        };
-
-        mirrorPropAsAssertion("called", "expected %n to have been called at least once but was never called");
-        mirrorPropAsAssertion("notCalled", function (spy) {
-            return !spy.called;
-        }, "expected %n to not have been called but was called %c%C");
-        mirrorPropAsAssertion("calledOnce", "expected %n to be called once but was called %c%C");
-        mirrorPropAsAssertion("calledTwice", "expected %n to be called twice but was called %c%C");
-        mirrorPropAsAssertion("calledThrice", "expected %n to be called thrice but was called %c%C");
-        mirrorPropAsAssertion("calledOn", "expected %n to be called with %1 as this but was called with %t");
-        mirrorPropAsAssertion(
-            "alwaysCalledOn",
-            "expected %n to always be called with %1 as this but was called with %t"
-        );
-        mirrorPropAsAssertion("calledWithNew", "expected %n to be called with new");
-        mirrorPropAsAssertion("alwaysCalledWithNew", "expected %n to always be called with new");
-        mirrorPropAsAssertion("calledWith", "expected %n to be called with arguments %*%C");
-        mirrorPropAsAssertion("calledWithMatch", "expected %n to be called with match %*%C");
-        mirrorPropAsAssertion("alwaysCalledWith", "expected %n to always be called with arguments %*%C");
-        mirrorPropAsAssertion("alwaysCalledWithMatch", "expected %n to always be called with match %*%C");
-        mirrorPropAsAssertion("calledWithExactly", "expected %n to be called with exact arguments %*%C");
-        mirrorPropAsAssertion("alwaysCalledWithExactly", "expected %n to always be called with exact arguments %*%C");
-        mirrorPropAsAssertion("neverCalledWith", "expected %n to never be called with arguments %*%C");
-        mirrorPropAsAssertion("neverCalledWithMatch", "expected %n to never be called with match %*%C");
-        mirrorPropAsAssertion("threw", "%n did not throw exception%C");
-        mirrorPropAsAssertion("alwaysThrew", "%n did not always throw exception%C");
-
-        sinon.assert = assert;
-        return assert;
-    }
-
-    var isNode = typeof module !== "undefined" && module.exports && typeof require === "function";
-    var isAMD = typeof define === "function" && typeof define.amd === "object" && define.amd;
-
-    function loadDependencies(require, exports, module) {
-        var sinon = require("./util/core");
-        require("./match");
-        require("./format");
-        module.exports = makeApi(sinon);
-    }
-
-    if (isAMD) {
-        define(loadDependencies);
-        return;
-    }
-
-    if (isNode) {
-        loadDependencies(require, module.exports, module);
-        return;
-    }
-
-    if (sinonGlobal) {
-        makeApi(sinonGlobal);
-    }
-}(
-    typeof sinon === "object" && sinon, // eslint-disable-line no-undef
-    typeof global !== "undefined" ? global : self
-));
-
-  return sinon;
-}));
diff --git a/test/sinon/sinon-qunit-1.0.0.js b/test/sinon/sinon-qunit-1.0.0.js
deleted file mode 100644
index c26232fa..00000000
--- a/test/sinon/sinon-qunit-1.0.0.js
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * sinon-qunit 1.0.0, 2010/12/09
- *
- * @author Christian Johansen (christian@cjohansen.no)
- *
- * (The BSD License)
- * 
- * Copyright (c) 2010-2011, Christian Johansen, christian@cjohansen.no
- * All rights reserved.
- * 
- * Redistribution and use in source and binary forms, with or without modification,
- * are permitted provided that the following conditions are met:
- * 
- *     * Redistributions of source code must retain the above copyright notice,
- *       this list of conditions and the following disclaimer.
- *     * Redistributions in binary form must reproduce the above copyright notice,
- *       this list of conditions and the following disclaimer in the documentation
- *       and/or other materials provided with the distribution.
- *     * Neither the name of Christian Johansen nor the names of his contributors
- *       may be used to endorse or promote products derived from this software
- *       without specific prior written permission.
- * 
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
- * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
- * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
- * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
- * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
- * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
- * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
- * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
- * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
- * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- */
-/*global sinon, QUnit, test*/
-sinon.assert.fail = function (msg) {
-    QUnit.ok(false, msg);
-};
-
-sinon.assert.pass = function (assertion) {
-    QUnit.ok(true, assertion);
-};
-
-sinon.config = {
-    injectIntoThis: true,
-    injectInto: null,
-    properties: ["spy", "stub", "mock", "clock", "sandbox"],
-    useFakeTimers: true,
-    useFakeServer: false
-};
-
-(function (global) {
-    var qTest = QUnit.test;
-    
-    QUnit.test = global.test = function (testName, expected, callback, async) {
-        if (arguments.length === 2) {
-            callback = expected;
-            expected = null;
-        }
-
-        return qTest(testName, expected, sinon.test(callback), async);
-    };
-}(this));
diff --git a/test/sinon/sinon-qunit.js b/test/sinon/sinon-qunit.js
new file mode 100644
index 00000000..d719de78
--- /dev/null
+++ b/test/sinon/sinon-qunit.js
@@ -0,0 +1,16 @@
+// Adapted from https://www.npmjs.com/package/sinon-test
+
+export default function ({sinon, QUnit}) {
+  sinon.assert.fail = function (msg) {
+    QUnit.ok(false, msg);
+  };
+
+  sinon.assert.pass = function (assertion) {
+    QUnit.ok(true, assertion);
+  };
+
+  const qTest = QUnit.test;
+  QUnit.test = function (testName, callback) {
+    return qTest(testName, sinon.test(callback));
+  };
+}
diff --git a/test/svgtransformlist_test.html b/test/svgtransformlist_test.html
index 5c666e6c..06a0bccb 100644
--- a/test/svgtransformlist_test.html
+++ b/test/svgtransformlist_test.html
@@ -3,414 +3,17 @@
 <head>
   <meta charset="utf-8" />
   <title>Unit Tests for svgtransformlist.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <script>
-  // Mock for browser.js
-  svgedit.browser = {};
-  svgedit.browser.supportsNativeTransformLists = function() { return false;}
-  </script>
-  <script src='../editor/svgtransformlist.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // log function
-    QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-    var NS = svgedit.NS;
-    var svgroot = document.getElementById('svgroot');
-    var svgcontent, rect, circle;
-
-    var NEAR_ZERO = 5e-6; // 0.000005, Firefox fails at higher levels of precision.
-    function almostEquals(a, b, msg) {
-      msg = msg || (a + ' did not equal ' + b);
-      ok(Math.abs(a - b) < NEAR_ZERO, msg);
-    }
-
-    function checkOutOfBoundsException(obj, fn, arg1) {
-      var caughtException = false;
-      try {
-        obj[fn](arg1);
-      }
-      catch(e) {
-        if (e.code == 1) {
-          caughtException = true;
-        }
-      }
-      ok(caughtException, 'Caugh an INDEX_SIZE_ERR exception');
-    }
-
-    function setUp() {
-      svgcontent = svgroot.appendChild(document.createElementNS(NS.SVG, 'svg'));
-      rect = svgcontent.appendChild(document.createElementNS(NS.SVG, 'rect'));
-      rect.id = 'r';
-      circle = svgcontent.appendChild(document.createElementNS(NS.SVG, 'circle'));
-      circle.id = 'c';
-    }
-
-    function tearDown() {
-      svgedit.transformlist.resetListMap();
-      while (svgroot.hasChildNodes()) {
-        svgroot.removeChild(svgroot.firstChild);
-      }
-    }
-
-    module('svgedit.svgtransformlist');
-
-    test('Test svgedit.transformlist package', function() {
-      expect(2);
-
-      ok(svgedit.transformlist);
-      ok(svgedit.transformlist.getTransformList);
-    });
-
-    test('Test svgedit.transformlist.getTransformList() function', function() {
-      expect(4);
-      setUp();
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-      var cxform = svgedit.transformlist.getTransformList(circle);
-
-      ok(rxform);
-      ok(cxform);
-      equals(typeof rxform, typeof {});
-      equals(typeof cxform, typeof {});
-
-      tearDown();
-    });
-
-    test('Test SVGTransformList.numberOfItems property', function() {
-      expect(2);
-      setUp();
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-
-      equals(typeof rxform.numberOfItems, typeof 0);
-      equals(rxform.numberOfItems, 0);
-
-      tearDown();
-    });
-
-    test('Test SVGTransformList.initialize()', function() {
-      expect(6);
-      setUp();
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-      var cxform = svgedit.transformlist.getTransformList(circle);
-
-      var t = svgcontent.createSVGTransform();
-      ok(t);
-      ok(rxform.initialize);
-      equals(typeof rxform.initialize, typeof function(){});
-      rxform.initialize(t);
-      equals(rxform.numberOfItems, 1);
-      equals(cxform.numberOfItems, 0);
-
-      // If a transform was already in a transform list, this should
-      // remove it from its old list and add it to this list.
-      cxform.initialize(t);
-      // This also fails in Firefox native.
-  //    equals(rxform.numberOfItems, 0, 'Did not remove transform from list before initializing another transformlist');
-      equals(cxform.numberOfItems, 1);
-
-      tearDown();
-    });
-
-    test('Test SVGTransformList.appendItem() and getItem()', function() {
-      expect(12);
-      setUp();
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-      var cxform = svgedit.transformlist.getTransformList(circle);
-
-      var t1 = svgcontent.createSVGTransform(),
-        t2 = svgcontent.createSVGTransform(),
-        t3 = svgcontent.createSVGTransform();
-
-      ok(rxform.appendItem);
-      ok(rxform.getItem);
-      equals(typeof rxform.appendItem, typeof function(){});
-      equals(typeof rxform.getItem, typeof function(){});
-
-      rxform.appendItem(t1);
-      rxform.appendItem(t2);
-      rxform.appendItem(t3);
-
-      equals(rxform.numberOfItems, 3);
-      var rxf = rxform.getItem(0);
-      equals(rxf, t1);
-      equals(rxform.getItem(1), t2);
-      equals(rxform.getItem(2), t3);
-
-      checkOutOfBoundsException(rxform, 'getItem', -1);
-      checkOutOfBoundsException(rxform, 'getItem', 3);
-      cxform.appendItem(t1);
-      // These also fail in Firefox native.
-  //    equals(rxform.numberOfItems, 2, 'Did not remove a transform from a list before appending it to a new transformlist');
-  //    equals(rxform.getItem(0), t2, 'Found the wrong transform in a transformlist');
-  //    equals(rxform.getItem(1), t3, 'Found the wrong transform in a transformlist');
-
-      equals(cxform.numberOfItems, 1);
-      equals(cxform.getItem(0), t1);
-      tearDown();
-    });
-
-    test('Test SVGTransformList.removeItem()', function() {
-      expect(7);
-      setUp();
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-
-      var t1 = svgcontent.createSVGTransform(),
-        t2 = svgcontent.createSVGTransform();
-      ok(rxform.removeItem);
-      equals(typeof rxform.removeItem, typeof function(){});
-      rxform.appendItem(t1);
-      rxform.appendItem(t2);
-
-      var removedTransform = rxform.removeItem(0);
-      equals(rxform.numberOfItems, 1);
-      equals(removedTransform, t1);
-      equals(rxform.getItem(0), t2);
-
-      checkOutOfBoundsException(rxform, 'removeItem', -1);
-      checkOutOfBoundsException(rxform, 'removeItem', 1);
-
-      tearDown();
-    });
-
-    test('Test SVGTransformList.replaceItem()', function() {
-      expect(8);
-      setUp();
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-      var cxform = svgedit.transformlist.getTransformList(circle);
-
-      ok(rxform.replaceItem);
-      equals(typeof rxform.replaceItem, typeof function(){});
-
-      var t1 = svgcontent.createSVGTransform(),
-        t2 = svgcontent.createSVGTransform(),
-        t3 = svgcontent.createSVGTransform();
-
-      rxform.appendItem(t1);
-      rxform.appendItem(t2);
-      cxform.appendItem(t3);
-
-      var newItem = rxform.replaceItem(t3, 0);
-      equals(rxform.numberOfItems, 2);
-      equals(newItem, t3);
-      equals(rxform.getItem(0), t3);
-      equals(rxform.getItem(1), t2);
-      // Fails in Firefox native
-  //    equals(cxform.numberOfItems, 0);
-
-      // test replaceItem within a list
-      rxform.appendItem(t1);
-      rxform.replaceItem(t1, 0);
-      // Fails in Firefox native
-  //    equals(rxform.numberOfItems, 2);
-      equals(rxform.getItem(0), t1);
-      equals(rxform.getItem(1), t2);
-
-      tearDown();
-    });
-
-    test('Test SVGTransformList.insertItemBefore()', function() {
-      expect(10);
-      setUp();
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-      var cxform = svgedit.transformlist.getTransformList(circle);
-
-      ok(rxform.insertItemBefore);
-      equals(typeof rxform.insertItemBefore, typeof function(){});
-
-      var t1 = svgcontent.createSVGTransform(),
-        t2 = svgcontent.createSVGTransform(),
-        t3 = svgcontent.createSVGTransform();
-
-      rxform.appendItem(t1);
-      rxform.appendItem(t2);
-      cxform.appendItem(t3);
-
-      var newItem = rxform.insertItemBefore(t3, 0);
-      equals(rxform.numberOfItems, 3);
-      equals(newItem, t3);
-      equals(rxform.getItem(0), t3);
-      equals(rxform.getItem(1), t1);
-      equals(rxform.getItem(2), t2);
-      // Fails in Firefox native
-  //    equals(cxform.numberOfItems, 0);
-
-      rxform.insertItemBefore(t2, 1);
-      // Fails in Firefox native (they make copies of the transforms)
-  //    equals(rxform.numberOfItems, 3);
-      equals(rxform.getItem(0), t3);
-      equals(rxform.getItem(1), t2);
-      equals(rxform.getItem(2), t1);
-      tearDown();
-    });
-
-    test('Test SVGTransformList.init() for translate(200,100)', function() {
-      expect(8);
-      setUp();
-      rect.setAttribute('transform', 'translate(200,100)');
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-      equals(1, rxform.numberOfItems);
-
-      var translate = rxform.getItem(0);
-      equals(translate.type, 2);
-
-      var m = translate.matrix;
-      equals(m.a, 1);
-      equals(m.b, 0);
-      equals(m.c, 0);
-      equals(m.d, 1);
-      equals(m.e, 200);
-      equals(m.f, 100);
-
-      tearDown();
-    });
-
-    test('Test SVGTransformList.init() for scale(4)', function() {
-      expect(8);
-      setUp();
-      rect.setAttribute('transform', 'scale(4)');
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-      equals(1, rxform.numberOfItems);
-
-      var scale = rxform.getItem(0);
-      equals(3, scale.type);
-
-      var m = scale.matrix;
-      equals(m.a, 4);
-      equals(m.b, 0);
-      equals(m.c, 0);
-      equals(m.d, 4);
-      equals(m.e, 0);
-      equals(m.f, 0);
-
-      tearDown();
-    });
-
-    test('Test SVGTransformList.init() for scale(4,3)', function() {
-      expect(8);
-      setUp();
-      rect.setAttribute('transform', 'scale(4,3)');
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-      equals(1, rxform.numberOfItems);
-
-      var scale = rxform.getItem(0);
-      equals(3, scale.type);
-
-      var m = scale.matrix;
-      equals(m.a, 4);
-      equals(m.b, 0);
-      equals(m.c, 0);
-      equals(m.d, 3);
-      equals(m.e, 0);
-      equals(m.f, 0);
-
-      tearDown();
-    });
-
-    test('Test SVGTransformList.init() for rotate(45)', function() {
-      expect(9);
-      setUp();
-      rect.setAttribute('transform', 'rotate(45)');
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-      equals(1, rxform.numberOfItems);
-
-      var rotate = rxform.getItem(0);
-      equals(4, rotate.type);
-      equals(45, rotate.angle);
-
-      var m = rotate.matrix;
-      almostEquals(m.a, 1/Math.sqrt(2));
-      almostEquals(m.b, 1/Math.sqrt(2));
-      almostEquals(m.c, -1/Math.sqrt(2));
-      almostEquals(m.d, 1/Math.sqrt(2));
-      equals(m.e, 0);
-      equals(m.f, 0);
-
-      tearDown();
-    });
-
-    test('Test SVGTransformList.init() for rotate(45, 100, 200)', function() {
-      expect(9);
-      setUp();
-      rect.setAttribute('transform', 'rotate(45, 100, 200)');
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-      equals(1, rxform.numberOfItems);
-
-      var rotate = rxform.getItem(0);
-      equals(4, rotate.type);
-      equals(45, rotate.angle);
-
-      var m = rotate.matrix;
-      almostEquals(m.a, 1/Math.sqrt(2));
-      almostEquals(m.b, 1/Math.sqrt(2));
-      almostEquals(m.c, -1/Math.sqrt(2));
-      almostEquals(m.d, 1/Math.sqrt(2));
-
-      var r = svgcontent.createSVGMatrix();
-      r.a = 1/Math.sqrt(2); r.b = 1/Math.sqrt(2);
-      r.c = -1/Math.sqrt(2); r.d = 1/Math.sqrt(2);
-
-      var t = svgcontent.createSVGMatrix();
-      t.e = -100; t.f = -200;
-
-      var t_ = svgcontent.createSVGMatrix();
-      t_.e = 100; t_.f = 200;
-
-      var result = t_.multiply(r).multiply(t);
-
-      almostEquals(m.e, result.e);
-      almostEquals(m.f, result.f);
-
-      tearDown();
-    });
-
-    test('Test SVGTransformList.init() for matrix(1, 2, 3, 4, 5, 6)', function() {
-      expect(8);
-      setUp();
-      rect.setAttribute('transform', 'matrix(1,2,3,4,5,6)');
-
-      var rxform = svgedit.transformlist.getTransformList(rect);
-      equals(1, rxform.numberOfItems);
-
-      var mt = rxform.getItem(0);
-      equals(1, mt.type);
-
-      var m = mt.matrix;
-      equals(m.a, 1);
-      equals(m.b, 2);
-      equals(m.c, 3);
-      equals(m.d, 4);
-      equals(m.e, 5);
-      equals(m.f, 6);
-
-      tearDown();
-    });
-
-  });
-  </script>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="svgtransformlist_test.js"></script>
 </head>
 <body>
-  <h1 id='qunit-header'>Unit Tests for svgtransformlist.js</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='svgroot' style='visibility:hidden'></div>
+  <h1 id="qunit-header">Unit Tests for svgtransformlist.js</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="svgroot" style="visibility: hidden;"></div>
 </body>
 </html>
diff --git a/test/svgtransformlist_test.js b/test/svgtransformlist_test.js
new file mode 100644
index 00000000..a8732223
--- /dev/null
+++ b/test/svgtransformlist_test.js
@@ -0,0 +1,381 @@
+/* eslint-env qunit */
+
+import {NS} from '../editor/namespaces.js';
+import * as transformlist from '../editor/svgtransformlist.js';
+import {disableSupportsNativeTransformLists} from '../editor/browser.js';
+import almostEqualsPlugin from './qunit/qunit-assert-almostEquals.js';
+import expectOutOfBoundsExceptionPlugin from './qunit/qunit-assert-expectOutOfBoundsException.js';
+
+almostEqualsPlugin(QUnit);
+expectOutOfBoundsExceptionPlugin(QUnit);
+
+disableSupportsNativeTransformLists();
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+const svgroot = document.querySelector('#svgroot');
+let svgcontent, rect, circle;
+
+function setUp () {
+  svgcontent = svgroot.appendChild(document.createElementNS(NS.SVG, 'svg'));
+  rect = svgcontent.appendChild(document.createElementNS(NS.SVG, 'rect'));
+  rect.id = 'r';
+  circle = svgcontent.appendChild(document.createElementNS(NS.SVG, 'circle'));
+  circle.id = 'c';
+}
+
+function tearDown () {
+  transformlist.resetListMap();
+  while (svgroot.hasChildNodes()) {
+    svgroot.firstChild.remove();
+  }
+}
+
+QUnit.module('svgedit.svgtransformlist');
+
+QUnit.test('Test svgedit.transformlist package', function (assert) {
+  assert.expect(2);
+
+  assert.ok(transformlist);
+  assert.ok(transformlist.getTransformList);
+});
+
+QUnit.test('Test svgedit.transformlist.getTransformList() function', function (assert) {
+  assert.expect(4);
+  setUp();
+
+  const rxform = transformlist.getTransformList(rect);
+  const cxform = transformlist.getTransformList(circle);
+
+  assert.ok(rxform);
+  assert.ok(cxform);
+  assert.equal(typeof rxform, typeof {});
+  assert.equal(typeof cxform, typeof {});
+
+  tearDown();
+});
+
+QUnit.test('Test SVGTransformList.numberOfItems property', function (assert) {
+  assert.expect(2);
+  setUp();
+
+  const rxform = transformlist.getTransformList(rect);
+
+  assert.equal(typeof rxform.numberOfItems, typeof 0);
+  assert.equal(rxform.numberOfItems, 0);
+
+  tearDown();
+});
+
+QUnit.test('Test SVGTransformList.initialize()', function (assert) {
+  assert.expect(6);
+  setUp();
+
+  const rxform = transformlist.getTransformList(rect);
+  const cxform = transformlist.getTransformList(circle);
+
+  const t = svgcontent.createSVGTransform();
+  assert.ok(t);
+  assert.ok(rxform.initialize);
+  assert.equal(typeof rxform.initialize, typeof function () {});
+  rxform.initialize(t);
+  assert.equal(rxform.numberOfItems, 1);
+  assert.equal(cxform.numberOfItems, 0);
+
+  // If a transform was already in a transform list, this should
+  // remove it from its old list and add it to this list.
+  cxform.initialize(t);
+  // This also fails in Firefox native.
+  // assert.equal(rxform.numberOfItems, 0, 'Did not remove transform from list before initializing another transformlist');
+  assert.equal(cxform.numberOfItems, 1);
+
+  tearDown();
+});
+
+QUnit.test('Test SVGTransformList.appendItem() and getItem()', function (assert) {
+  assert.expect(12);
+  setUp();
+
+  const rxform = transformlist.getTransformList(rect);
+  const cxform = transformlist.getTransformList(circle);
+
+  const t1 = svgcontent.createSVGTransform(),
+    t2 = svgcontent.createSVGTransform(),
+    t3 = svgcontent.createSVGTransform();
+
+  assert.ok(rxform.appendItem);
+  assert.ok(rxform.getItem);
+  assert.equal(typeof rxform.appendItem, typeof function () {});
+  assert.equal(typeof rxform.getItem, typeof function () {});
+
+  rxform.appendItem(t1);
+  rxform.appendItem(t2);
+  rxform.appendItem(t3);
+
+  assert.equal(rxform.numberOfItems, 3);
+  const rxf = rxform.getItem(0);
+  assert.equal(rxf, t1);
+  assert.equal(rxform.getItem(1), t2);
+  assert.equal(rxform.getItem(2), t3);
+
+  assert.expectOutOfBoundsException(rxform, 'getItem', -1);
+  assert.expectOutOfBoundsException(rxform, 'getItem', 3);
+  cxform.appendItem(t1);
+  // These also fail in Firefox native.
+  // assert.equal(rxform.numberOfItems, 2, 'Did not remove a transform from a list before appending it to a new transformlist');
+  // assert.equal(rxform.getItem(0), t2, 'Found the wrong transform in a transformlist');
+  // assert.equal(rxform.getItem(1), t3, 'Found the wrong transform in a transformlist');
+
+  assert.equal(cxform.numberOfItems, 1);
+  assert.equal(cxform.getItem(0), t1);
+  tearDown();
+});
+
+QUnit.test('Test SVGTransformList.removeItem()', function (assert) {
+  assert.expect(7);
+  setUp();
+
+  const rxform = transformlist.getTransformList(rect);
+
+  const t1 = svgcontent.createSVGTransform(),
+    t2 = svgcontent.createSVGTransform();
+  assert.ok(rxform.removeItem);
+  assert.equal(typeof rxform.removeItem, typeof function () {});
+  rxform.appendItem(t1);
+  rxform.appendItem(t2);
+
+  const removedTransform = rxform.removeItem(0);
+  assert.equal(rxform.numberOfItems, 1);
+  assert.equal(removedTransform, t1);
+  assert.equal(rxform.getItem(0), t2);
+
+  assert.expectOutOfBoundsException(rxform, 'removeItem', -1);
+  assert.expectOutOfBoundsException(rxform, 'removeItem', 1);
+
+  tearDown();
+});
+
+QUnit.test('Test SVGTransformList.replaceItem()', function (assert) {
+  assert.expect(8);
+  setUp();
+
+  const rxform = transformlist.getTransformList(rect);
+  const cxform = transformlist.getTransformList(circle);
+
+  assert.ok(rxform.replaceItem);
+  assert.equal(typeof rxform.replaceItem, typeof function () {});
+
+  const t1 = svgcontent.createSVGTransform(),
+    t2 = svgcontent.createSVGTransform(),
+    t3 = svgcontent.createSVGTransform();
+
+  rxform.appendItem(t1);
+  rxform.appendItem(t2);
+  cxform.appendItem(t3);
+
+  const newItem = rxform.replaceItem(t3, 0);
+  assert.equal(rxform.numberOfItems, 2);
+  assert.equal(newItem, t3);
+  assert.equal(rxform.getItem(0), t3);
+  assert.equal(rxform.getItem(1), t2);
+  // Fails in Firefox native
+  // assert.equal(cxform.numberOfItems, 0);
+
+  // test replaceItem within a list
+  rxform.appendItem(t1);
+  rxform.replaceItem(t1, 0);
+  // Fails in Firefox native
+  // assert.equal(rxform.numberOfItems, 2);
+  assert.equal(rxform.getItem(0), t1);
+  assert.equal(rxform.getItem(1), t2);
+
+  tearDown();
+});
+
+QUnit.test('Test SVGTransformList.insertItemBefore()', function (assert) {
+  assert.expect(10);
+  setUp();
+
+  const rxform = transformlist.getTransformList(rect);
+  const cxform = transformlist.getTransformList(circle);
+
+  assert.ok(rxform.insertItemBefore);
+  assert.equal(typeof rxform.insertItemBefore, typeof function () {});
+
+  const t1 = svgcontent.createSVGTransform(),
+    t2 = svgcontent.createSVGTransform(),
+    t3 = svgcontent.createSVGTransform();
+
+  rxform.appendItem(t1);
+  rxform.appendItem(t2);
+  cxform.appendItem(t3);
+
+  const newItem = rxform.insertItemBefore(t3, 0);
+  assert.equal(rxform.numberOfItems, 3);
+  assert.equal(newItem, t3);
+  assert.equal(rxform.getItem(0), t3);
+  assert.equal(rxform.getItem(1), t1);
+  assert.equal(rxform.getItem(2), t2);
+  // Fails in Firefox native
+  // assert.equal(cxform.numberOfItems, 0);
+
+  rxform.insertItemBefore(t2, 1);
+  // Fails in Firefox native (they make copies of the transforms)
+  // assert.equal(rxform.numberOfItems, 3);
+  assert.equal(rxform.getItem(0), t3);
+  assert.equal(rxform.getItem(1), t2);
+  assert.equal(rxform.getItem(2), t1);
+  tearDown();
+});
+
+QUnit.test('Test SVGTransformList.init() for translate(200,100)', function (assert) {
+  assert.expect(8);
+  setUp();
+  rect.setAttribute('transform', 'translate(200,100)');
+
+  const rxform = transformlist.getTransformList(rect);
+  assert.equal(rxform.numberOfItems, 1);
+
+  const translate = rxform.getItem(0);
+  assert.equal(translate.type, 2);
+
+  const m = translate.matrix;
+  assert.equal(m.a, 1);
+  assert.equal(m.b, 0);
+  assert.equal(m.c, 0);
+  assert.equal(m.d, 1);
+  assert.equal(m.e, 200);
+  assert.equal(m.f, 100);
+
+  tearDown();
+});
+
+QUnit.test('Test SVGTransformList.init() for scale(4)', function (assert) {
+  assert.expect(8);
+  setUp();
+  rect.setAttribute('transform', 'scale(4)');
+
+  const rxform = transformlist.getTransformList(rect);
+  assert.equal(rxform.numberOfItems, 1);
+
+  const scale = rxform.getItem(0);
+  assert.equal(scale.type, 3);
+
+  const m = scale.matrix;
+  assert.equal(m.a, 4);
+  assert.equal(m.b, 0);
+  assert.equal(m.c, 0);
+  assert.equal(m.d, 4);
+  assert.equal(m.e, 0);
+  assert.equal(m.f, 0);
+
+  tearDown();
+});
+
+QUnit.test('Test SVGTransformList.init() for scale(4,3)', function (assert) {
+  assert.expect(8);
+  setUp();
+  rect.setAttribute('transform', 'scale(4,3)');
+
+  const rxform = transformlist.getTransformList(rect);
+  assert.equal(rxform.numberOfItems, 1);
+
+  const scale = rxform.getItem(0);
+  assert.equal(scale.type, 3);
+
+  const m = scale.matrix;
+  assert.equal(m.a, 4);
+  assert.equal(m.b, 0);
+  assert.equal(m.c, 0);
+  assert.equal(m.d, 3);
+  assert.equal(m.e, 0);
+  assert.equal(m.f, 0);
+
+  tearDown();
+});
+
+QUnit.test('Test SVGTransformList.init() for rotate(45)', function (assert) {
+  assert.expect(9);
+  setUp();
+  rect.setAttribute('transform', 'rotate(45)');
+
+  const rxform = transformlist.getTransformList(rect);
+  assert.equal(rxform.numberOfItems, 1);
+
+  const rotate = rxform.getItem(0);
+  assert.equal(rotate.type, 4);
+  assert.equal(rotate.angle, 45);
+
+  const m = rotate.matrix;
+  assert.almostEquals(1 / Math.sqrt(2), m.a);
+  assert.almostEquals(1 / Math.sqrt(2), m.b);
+  assert.almostEquals(-1 / Math.sqrt(2), m.c);
+  assert.almostEquals(1 / Math.sqrt(2), m.d);
+  assert.equal(m.e, 0);
+  assert.equal(m.f, 0);
+
+  tearDown();
+});
+
+QUnit.test('Test SVGTransformList.init() for rotate(45, 100, 200)', function (assert) {
+  assert.expect(9);
+  setUp();
+  rect.setAttribute('transform', 'rotate(45, 100, 200)');
+
+  const rxform = transformlist.getTransformList(rect);
+  assert.equal(rxform.numberOfItems, 1);
+
+  const rotate = rxform.getItem(0);
+  assert.equal(rotate.type, 4);
+  assert.equal(rotate.angle, 45);
+
+  const m = rotate.matrix;
+  assert.almostEquals(m.a, 1 / Math.sqrt(2));
+  assert.almostEquals(m.b, 1 / Math.sqrt(2));
+  assert.almostEquals(m.c, -1 / Math.sqrt(2));
+  assert.almostEquals(m.d, 1 / Math.sqrt(2));
+
+  const r = svgcontent.createSVGMatrix();
+  r.a = 1 / Math.sqrt(2); r.b = 1 / Math.sqrt(2);
+  r.c = -1 / Math.sqrt(2); r.d = 1 / Math.sqrt(2);
+
+  const t = svgcontent.createSVGMatrix();
+  t.e = -100; t.f = -200;
+
+  const t_ = svgcontent.createSVGMatrix();
+  t_.e = 100; t_.f = 200;
+
+  const result = t_.multiply(r).multiply(t);
+
+  assert.almostEquals(m.e, result.e);
+  assert.almostEquals(m.f, result.f);
+
+  tearDown();
+});
+
+QUnit.test('Test SVGTransformList.init() for matrix(1, 2, 3, 4, 5, 6)', function (assert) {
+  assert.expect(8);
+  setUp();
+  rect.setAttribute('transform', 'matrix(1,2,3,4,5,6)');
+
+  const rxform = transformlist.getTransformList(rect);
+  assert.equal(rxform.numberOfItems, 1);
+
+  const mt = rxform.getItem(0);
+  assert.equal(mt.type, 1);
+
+  const m = mt.matrix;
+  assert.equal(m.a, 1);
+  assert.equal(m.b, 2);
+  assert.equal(m.c, 3);
+  assert.equal(m.d, 4);
+  assert.equal(m.e, 5);
+  assert.equal(m.f, 6);
+
+  tearDown();
+});
diff --git a/test/svgutils_bbox_test.html b/test/svgutils_bbox_test.html
deleted file mode 100644
index 2ae7927e..00000000
--- a/test/svgutils_bbox_test.html
+++ /dev/null
@@ -1,525 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8" />
-  <title>Unit Tests for svgutils.js BBox functions</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <!-- svgutils.js depends on these three... mock out? -->
-  <script src='../editor/pathseg.js'></script>
-  <script src='../editor/browser.js'></script>
-  <script src='../editor/math.js'></script>
-  <script src='../editor/svgtransformlist.js'></script>
-  <script src='../editor/jquery-svg.js'></script>  <!--  has $.attr() that takes an array . Used by svgedit.utilities.getPathDFromElement -->
-  <script src='../editor/path.js'></script>
-  <script src='../editor/svgutils.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script src='qunit/qunit-assert-close.js'></script>
-  <script>
-  $(function() {
-    // log function
-     QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-    function  mockCreateSVGElement(jsonMap) {
-      var elem = document.createElementNS(svgedit.NS.SVG, jsonMap['element']);
-      for (var attr in jsonMap['attr']) {
-        elem.setAttribute(attr, jsonMap['attr'][attr]);
-      }
-      return elem;
-    }
-    var mockAddSvgElementFromJsonCallCount = 0;
-    function mockAddSvgElementFromJson( json) {
-      var elem = mockCreateSVGElement( json)
-      svgroot.appendChild( elem)
-      mockAddSvgElementFromJsonCallCount++;
-      return elem
-    }
-    var mockPathActions = {
-      resetOrientation: function(path) {
-        if (path == null || path.nodeName != 'path') {return false;}
-        var tlist = svgedit.transformlist.getTransformList(path);
-        var m = svgedit.math.transformListToTransform(tlist).matrix;
-        tlist.clear();
-        path.removeAttribute('transform');
-        var segList = path.pathSegList;
-
-        var len = segList.numberOfItems;
-        var i, last_x, last_y;
-
-        for (i = 0; i < len; ++i) {
-          var seg = segList.getItem(i);
-          var type = seg.pathSegType;
-          if (type == 1) {continue;}
-          var pts = [];
-          $.each(['',1,2], function(j, n) {
-            var x = seg['x'+n], y = seg['y'+n];
-            if (x !== undefined && y !== undefined) {
-              var pt = svgedit.math.transformPoint(x, y, m);
-              pts.splice(pts.length, 0, pt.x, pt.y);
-            }
-          });
-          svgedit.path.replacePathSeg(type, i, pts, path);
-        }
-
-        //svgedit.utilities.reorientGrads(path, m);
-      }
-    }
-
-    var EPSILON = 0.001
-    var svg = document.createElementNS(svgedit.NS.SVG, 'svg');
-    var sandbox = document.getElementById('sandbox');
-    var svgroot = mockCreateSVGElement({
-      'element': 'svg',
-      'attr': {'id': 'svgroot'}
-    });
-    sandbox.appendChild(svgroot);
-
-    
-    module('svgedit.utilities_bbox', {
-      setup: function() {
-        // We're reusing ID's so we need to do this for transforms.
-        svgedit.transformlist.resetListMap();
-        svgedit.path.init(null);
-        mockAddSvgElementFromJsonCallCount = 0;
-      },
-      teardown: function() {
-      }
-    });
-
-
-    test('Test svgedit.utilities package', function() {
-      ok(svgedit.utilities);
-      ok(svgedit.utilities.getBBoxWithTransform);
-      ok(svgedit.utilities.getStrokedBBox);
-      ok(svgedit.utilities.getRotationAngleFromTransformList);
-      ok(svgedit.utilities.getRotationAngle);
-    });
-
-
-    test("Test getBBoxWithTransform and no transform", function() {
-      var getBBoxWithTransform = svgedit.utilities.getBBoxWithTransform
-
-      var bbox;
-      var elem = mockCreateSVGElement({
-        'element': 'path',
-        'attr': { 'id': 'path', 'd': 'M0,1 L2,3'}
-      });
-      svgroot.appendChild( elem)
-      bbox = getBBoxWithTransform(elem, mockAddSvgElementFromJson, mockPathActions)
-      deepEqual(bbox, {"x": 0, "y": 1, "width": 2, "height": 2 });
-      equal( mockAddSvgElementFromJsonCallCount, 0);
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
-      });
-      svgroot.appendChild( elem);
-      bbox = getBBoxWithTransform( elem, mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 10});
-      equal( mockAddSvgElementFromJsonCallCount, 0);
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'line',
-        'attr': { 'id': 'line', 'x1': '0', 'y1': '1', 'x2': '5', 'y2': '6'}
-      });
-      svgroot.appendChild( elem);
-      bbox = getBBoxWithTransform( elem, mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 5});
-      equal( mockAddSvgElementFromJsonCallCount, 0);
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
-      });
-      var g = mockCreateSVGElement({
-        'element': 'g',
-        'attr': {}
-      });
-      g.appendChild( elem);
-      svgroot.appendChild( g);
-      bbox = getBBoxWithTransform( elem, mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 10});
-      equal( mockAddSvgElementFromJsonCallCount, 0);
-      svgroot.removeChild( g);
-
-    });
-
-
-    test("Test getBBoxWithTransform and a rotation transform", function() {
-      var getBBoxWithTransform = svgedit.utilities.getBBoxWithTransform
-
-      var bbox;
-      var elem = mockCreateSVGElement({
-        'element': 'path',
-        'attr': { 'id': 'path', 'd': 'M10,10 L20,20', 'transform': 'rotate(45 10,10)'}
-      });
-      svgroot.appendChild( elem)
-      bbox = getBBoxWithTransform(elem, mockAddSvgElementFromJson, mockPathActions);
-      close( bbox.x, 10, EPSILON);
-      close( bbox.y, 10, EPSILON);
-      close( bbox.width, 0, EPSILON);
-      close( bbox.height, Math.sqrt(100 + 100), EPSILON);
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '10', 'y': '10', 'width': '10', 'height': '20', 'transform': 'rotate(90 15,20)'}
-      });
-      svgroot.appendChild( elem);
-      bbox = getBBoxWithTransform( elem, mockAddSvgElementFromJson, mockPathActions);
-      close( bbox.x, 5, EPSILON);
-      close( bbox.y, 15, EPSILON);
-      close( bbox.width, 20, EPSILON);
-      close( bbox.height, 10, EPSILON);
-      equal( mockAddSvgElementFromJsonCallCount, 1);
-      svgroot.removeChild( elem);
-
-      var rect = {x: 10, y: 10, width: 10, height: 20};
-      var angle = 45;
-      var origin = { x: 15, y: 20};
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect2', 'x': rect.x, 'y': rect.y, 'width': rect.width, 'height': rect.height, 'transform': 'rotate(' + angle + ' ' + origin.x + ',' + origin.y + ')'}
-      });
-      svgroot.appendChild( elem);
-      mockAddSvgElementFromJsonCallCount = 0;
-      bbox = getBBoxWithTransform( elem, mockAddSvgElementFromJson, mockPathActions);
-      var r2 = rotateRect( rect, angle, origin);
-      close( bbox.x, r2.x, EPSILON, 'rect2 x is ' + r2.x);
-      close( bbox.y, r2.y, EPSILON, 'rect2 y is ' + r2.y);
-      close( bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width);
-      close( bbox.height, r2.height, EPSILON, 'rect2 height is ' + r2.height);
-      equal( mockAddSvgElementFromJsonCallCount, 0);
-      svgroot.removeChild( elem);
-
-
-      // Same as previous but wrapped with g and the transform is with the g.
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect3', 'x': rect.x, 'y': rect.y, 'width': rect.width, 'height': rect.height}
-      });
-      var g = mockCreateSVGElement({
-        'element': 'g',
-        'attr': {'transform': 'rotate(' + angle + ' ' + origin.x + ',' + origin.y + ')'}
-      });
-      g.appendChild( elem);
-      svgroot.appendChild( g);
-      mockAddSvgElementFromJsonCallCount = 0;
-      bbox = getBBoxWithTransform( g, mockAddSvgElementFromJson, mockPathActions);
-      close( bbox.x, r2.x, EPSILON, 'rect2 x is ' + r2.x);
-      close( bbox.y, r2.y, EPSILON, 'rect2 y is ' + r2.y);
-      close( bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width);
-      close( bbox.height, r2.height, EPSILON, 'rect2 height is ' + r2.height);
-      equal( mockAddSvgElementFromJsonCallCount, 0);
-      svgroot.removeChild( g);
-
-
-      elem = mockCreateSVGElement({
-        'element': 'ellipse',
-        'attr': { 'id': 'ellipse1', 'cx': '100', 'cy': '100', 'rx': '50', 'ry': '50', 'transform': 'rotate(45 100,100)'}
-      });
-      svgroot.appendChild( elem);
-      mockAddSvgElementFromJsonCallCount = 0;
-      bbox = getBBoxWithTransform( elem, mockAddSvgElementFromJson, mockPathActions);
-      // TODO: the BBox algorithm is using the bezier control points to calculate the bounding box. Should be 50, 50, 100, 100.
-      ok( bbox.x > 45 && bbox.x <= 50);
-      ok( bbox.y > 45 && bbox.y <= 50);
-      ok( bbox.width >= 100 && bbox.width < 110);
-      ok( bbox.height >= 100 && bbox.height < 110);
-      equal( mockAddSvgElementFromJsonCallCount, 1);
-      svgroot.removeChild( elem);
-
-    });
-
-
-
-    test("Test getBBoxWithTransform with rotation and matrix transforms", function() {
-      var getBBoxWithTransform = svgedit.utilities.getBBoxWithTransform
-
-      var bbox;
-      var tx = 10; // tx right
-      var ty = 10; // tx down
-      var txInRotatedSpace = Math.sqrt(tx*tx + ty*ty); // translate in rotated 45 space.
-      var tyInRotatedSpace = 0;
-      var matrix = 'matrix(1,0,0,1,' + txInRotatedSpace + ',' + tyInRotatedSpace + ')'
-      var elem = mockCreateSVGElement({
-        'element': 'path',
-        'attr': { 'id': 'path', 'd': 'M10,10 L20,20', 'transform': 'rotate(45 10,10) ' + matrix}
-      });
-      svgroot.appendChild( elem)
-      bbox = getBBoxWithTransform(elem, mockAddSvgElementFromJson, mockPathActions)
-      close( bbox.x, 10 + tx, EPSILON);
-      close( bbox.y, 10 + ty, EPSILON);
-      close( bbox.width, 0, EPSILON)
-      close( bbox.height, Math.sqrt(100 + 100), EPSILON)
-      svgroot.removeChild( elem);
-
-      txInRotatedSpace = tx; // translate in rotated 90 space.
-      tyInRotatedSpace = -ty;
-      matrix = 'matrix(1,0,0,1,' + txInRotatedSpace + ',' + tyInRotatedSpace + ')'
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '10', 'y': '10', 'width': '10', 'height': '20', 'transform': 'rotate(90 15,20) ' + matrix}
-      });
-      svgroot.appendChild( elem);
-      bbox = getBBoxWithTransform( elem, mockAddSvgElementFromJson, mockPathActions)
-      close( bbox.x, 5 + tx, EPSILON);
-      close( bbox.y, 15 + ty, EPSILON);
-      close( bbox.width, 20, EPSILON);
-      close( bbox.height, 10, EPSILON);
-      svgroot.removeChild( elem);
-
-      var rect = {x: 10, y: 10, width: 10, height: 20}
-      var angle = 45
-      var origin = { x: 15, y: 20}
-      tx = 10; // tx right
-      ty = 10; // tx down
-      txInRotatedSpace = Math.sqrt(tx*tx + ty*ty); // translate in rotated 45 space.
-      tyInRotatedSpace = 0;
-      matrix = 'matrix(1,0,0,1,' + txInRotatedSpace + ',' + tyInRotatedSpace + ')'
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect2', 'x': rect.x, 'y': rect.y, 'width': rect.width, 'height': rect.height, 'transform': 'rotate(' + angle + ' ' + origin.x + ',' + origin.y + ') ' + matrix}
-      });
-      svgroot.appendChild( elem);
-      bbox = getBBoxWithTransform( elem, mockAddSvgElementFromJson, mockPathActions)
-      var r2 = rotateRect( rect, angle, origin)
-      close( bbox.x, r2.x + tx, EPSILON, 'rect2 x is ' + r2.x);
-      close( bbox.y, r2.y + ty, EPSILON, 'rect2 y is ' + r2.y);
-      close( bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width);
-      close( bbox.height, r2.height, EPSILON, 'rect2 height is ' + r2.height);
-      svgroot.removeChild( elem);
-
-
-      // Same as previous but wrapped with g and the transform is with the g.
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect3', 'x': rect.x, 'y': rect.y, 'width': rect.width, 'height': rect.height}
-      });
-      var g = mockCreateSVGElement({
-        'element': 'g',
-        'attr': {'transform': 'rotate(' + angle + ' ' + origin.x + ',' + origin.y + ') ' + matrix}
-      });
-      g.appendChild( elem);
-      svgroot.appendChild( g);
-      bbox = getBBoxWithTransform( g, mockAddSvgElementFromJson, mockPathActions)
-      close( bbox.x, r2.x + tx, EPSILON, 'rect2 x is ' + r2.x);
-      close( bbox.y, r2.y + ty, EPSILON, 'rect2 y is ' + r2.y);
-      close( bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width);
-      close( bbox.height, r2.height, EPSILON, 'rect2 height is ' + r2.height);
-      svgroot.removeChild( g);
-
-
-      elem = mockCreateSVGElement({
-        'element': 'ellipse',
-        'attr': { 'id': 'ellipse1', 'cx': '100', 'cy': '100', 'rx': '50', 'ry': '50', 'transform': 'rotate(45 100,100) ' + matrix}
-      });
-      svgroot.appendChild( elem);
-      bbox = getBBoxWithTransform( elem, mockAddSvgElementFromJson, mockPathActions)
-      // TODO: the BBox algorithm is using the bezier control points to calculate the bounding box. Should be 50, 50, 100, 100.
-      ok( bbox.x > 45 + tx && bbox.x <= 50 + tx);
-      ok( bbox.y > 45 + ty && bbox.y <= 50 + ty);
-      ok( bbox.width >= 100 && bbox.width < 110);
-      ok( bbox.height >= 100 && bbox.height < 110);
-      svgroot.removeChild( elem);
-
-    });
-
-
-    test("Test getStrokedBBox with stroke-width 10", function() {
-      var getStrokedBBox = svgedit.utilities.getStrokedBBox
-
-      var bbox;
-      var strokeWidth = 10
-      var elem = mockCreateSVGElement({
-        'element': 'path',
-        'attr': { 'id': 'path', 'd': 'M0,1 L2,3', 'stroke-width': strokeWidth}
-      });
-      svgroot.appendChild( elem)
-      bbox = getStrokedBBox( [elem], mockAddSvgElementFromJson, mockPathActions)
-      deepEqual(bbox, {"x": 0 - strokeWidth / 2, "y": 1 - strokeWidth / 2, "width": 2 + strokeWidth, "height": 2 + strokeWidth});
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10', 'stroke-width': strokeWidth}
-      });
-      svgroot.appendChild( elem);
-      bbox = getStrokedBBox( [elem], mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0 - strokeWidth / 2, "y": 1 - strokeWidth / 2, "width": 5 + strokeWidth, "height": 10 + strokeWidth});
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'line',
-        'attr': { 'id': 'line', 'x1': '0', 'y1': '1', 'x2': '5', 'y2': '6', 'stroke-width': strokeWidth}
-      });
-      svgroot.appendChild( elem);
-      bbox = getStrokedBBox( [elem], mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0 - strokeWidth / 2, "y": 1 - strokeWidth / 2, "width": 5 + strokeWidth, "height": 5 + strokeWidth});
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10', 'stroke-width': strokeWidth}
-      });
-      var g = mockCreateSVGElement({
-        'element': 'g',
-        'attr': {}
-      });
-      g.appendChild( elem);
-      svgroot.appendChild( g);
-      bbox = getStrokedBBox( [elem], mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0 - strokeWidth / 2, "y": 1 - strokeWidth / 2, "width": 5 + strokeWidth, "height": 10 + strokeWidth});
-      svgroot.removeChild( g);
-
-    });
-
-
-    test("Test getStrokedBBox with stroke-width 'none'", function() {
-      var getStrokedBBox = svgedit.utilities.getStrokedBBox
-
-      var bbox;
-      var elem = mockCreateSVGElement({
-        'element': 'path',
-        'attr': { 'id': 'path', 'd': 'M0,1 L2,3', 'stroke-width': 'none'}
-      });
-      svgroot.appendChild( elem)
-      bbox = getStrokedBBox( [elem], mockAddSvgElementFromJson, mockPathActions)
-      deepEqual(bbox, {"x": 0, "y": 1, "width": 2, "height": 2});
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10', 'stroke-width': 'none'}
-      });
-      svgroot.appendChild( elem);
-      bbox = getStrokedBBox( [elem], mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 10});
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'line',
-        'attr': { 'id': 'line', 'x1': '0', 'y1': '1', 'x2': '5', 'y2': '6', 'stroke-width': 'none'}
-      });
-      svgroot.appendChild( elem);
-      bbox = getStrokedBBox( [elem], mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 5});
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10', 'stroke-width': 'none'}
-      });
-      var g = mockCreateSVGElement({
-        'element': 'g',
-        'attr': {}
-      });
-      g.appendChild( elem);
-      svgroot.appendChild( g);
-      bbox = getStrokedBBox( [elem], mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 10});
-      svgroot.removeChild( g);
-
-    });
-
-
-    test("Test getStrokedBBox with no stroke-width attribute", function() {
-      var getStrokedBBox = svgedit.utilities.getStrokedBBox
-
-      var bbox;
-      var elem = mockCreateSVGElement({
-        'element': 'path',
-        'attr': { 'id': 'path', 'd': 'M0,1 L2,3'}
-      });
-      svgroot.appendChild( elem)
-      bbox = getStrokedBBox( [elem], mockAddSvgElementFromJson, mockPathActions)
-      deepEqual(bbox, {"x": 0, "y": 1, "width": 2, "height": 2});
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
-      });
-      svgroot.appendChild( elem);
-      bbox = getStrokedBBox( [elem], mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 10});
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'line',
-        'attr': { 'id': 'line', 'x1': '0', 'y1': '1', 'x2': '5', 'y2': '6'}
-      });
-      svgroot.appendChild( elem);
-      bbox = getStrokedBBox( [elem], mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 5});
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
-      });
-      var g = mockCreateSVGElement({
-        'element': 'g',
-        'attr': {}
-      });
-      g.appendChild( elem);
-      svgroot.appendChild( g);
-      bbox = getStrokedBBox( [elem], mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 10});
-      svgroot.removeChild( g);
-
-    });
-
-
-    function radians( degrees) {
-      return degrees * Math.PI / 180;
-    }
-    function rotatePoint( point, angle, origin) {
-      if( !origin)
-        origin = {x: 0, y: 0};
-      var x = point.x - origin.x;
-      var y = point.y - origin.y;
-      var theta = radians( angle);
-      return {
-        x: x * Math.cos(theta) + y * Math.sin(theta) + origin.x,
-        y: x * Math.sin(theta) + y * Math.cos(theta) + origin.y
-      }
-    }
-    function rotateRect( rect, angle, origin) {
-      var tl = rotatePoint( { x: rect.x, y: rect.y}, angle, origin);
-      var tr = rotatePoint( { x: rect.x + rect.width, y: rect.y}, angle, origin);
-      var br = rotatePoint( { x: rect.x + rect.width, y: rect.y + rect.height}, angle, origin);
-      var bl = rotatePoint( { x: rect.x, y: rect.y + rect.height}, angle, origin);
-
-      var minx = Math.min(tl.x, tr.x, bl.x, br.x);
-      var maxx = Math.max(tl.x, tr.x, bl.x, br.x);
-      var miny = Math.min(tl.y, tr.y, bl.y, br.y);
-      var maxy = Math.max(tl.y, tr.y, bl.y, br.y);
-
-      return {
-        x: minx,
-        y: miny,
-        width: (maxx - minx),
-        height: (maxy - miny)
-      };
-    }
-
-  });
-  </script>
-</head>
-<body>
-  <h1 id='qunit-header'>Unit Tests for svgutils.js BBox functions</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='sandbox'></div>
-</body>
-</html>
diff --git a/test/svgutils_performance_test.html b/test/svgutils_performance_test.html
deleted file mode 100644
index 79c6eb8c..00000000
--- a/test/svgutils_performance_test.html
+++ /dev/null
@@ -1,247 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1"/>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
-  <title>Performance Unit Tests for svgutils.js</title>
-
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <!-- svgutils.js depends on these three... mock out? -->
-  <script src='../editor/pathseg.js'></script>
-  <script src='../editor/browser.js'></script>
-  <script src='../editor/svgtransformlist.js'></script>
-  <script src='../editor/math.js'></script>
-  <script src='../editor/jquery-svg.js'></script>  <!--  has $.attr() that takes an array . Used jby svgedit.utilities.getPathDFromElement -->
-  <script src='../editor/units.js'></script>
-  <script src='../editor/svgutils.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // log function
-     QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-    var current_layer = document.getElementById('layer1');
-
-
-    function  mockCreateSVGElement(jsonMap) {
-      var elem = document.createElementNS(svgedit.NS.SVG, jsonMap['element']);
-      for (var attr in jsonMap['attr']) {
-        elem.setAttribute(attr, jsonMap['attr'][attr]);
-      }
-      return elem;
-    }
-    function mockAddSvgElementFromJson( json) {
-      var elem = mockCreateSVGElement( json)
-      current_layer.appendChild( elem)
-      return elem
-    }
-
-
-    var svg = document.createElementNS(svgedit.NS.SVG, 'svg');
-    var groupWithMatrixTransform = document.getElementById('svg_group_with_matrix_transform');
-    var textWithMatrixTransform = document.getElementById('svg_text_with_matrix_transform');
-
-    function fillDocumentByCloningElement( elem, count) {
-      var elemId = elem.getAttribute( 'id') + '-'
-      for( var index = 0; index < count; index++) {
-        var clone = elem.cloneNode(true); // t: deep clone
-        // Make sure you set a unique ID like a real document.
-        clone.setAttribute( 'id', elemId + index)
-        var parent = elem.parentNode;
-        parent.appendChild(clone);
-      }
-    }
-
-    module('svgedit.utilities_performance', {
-      setup: function() {
-      },
-      teardown: function() {
-      }
-    });
-
-    var mockPathActions = {
-      resetOrientation: function(path) {
-        if (path == null || path.nodeName != 'path') {return false;}
-        var tlist = svgedit.transformlist.getTransformList(path);
-        var m = svgedit.math.transformListToTransform(tlist).matrix;
-        tlist.clear();
-        path.removeAttribute('transform');
-        var segList = path.pathSegList;
-
-        var len = segList.numberOfItems;
-        var i, last_x, last_y;
-
-        for (i = 0; i < len; ++i) {
-          var seg = segList.getItem(i);
-          var type = seg.pathSegType;
-          if (type == 1) {continue;}
-          var pts = [];
-          $.each(['',1,2], function(j, n) {
-            var x = seg['x'+n], y = seg['y'+n];
-            if (x !== undefined && y !== undefined) {
-              var pt = svgedit.math.transformPoint(x, y, m);
-              pts.splice(pts.length, 0, pt.x, pt.y);
-            }
-          });
-          //svgedit.path.replacePathSeg(type, i, pts, path);
-        }
-
-        //svgedit.utilities.reorientGrads(path, m);
-      }
-
-    }
-
-
-    ////////////////////////////////////////////////////////////
-    // Performance times with various browsers on Macbook 2011 8MB RAM OS X El Capitan 10.11.4
-    //
-    // To see 'Before Optimization' performance, making the following two edits.
-    // 1. svgedit.utilities.getStrokedBBox - change if( elems.length === 1) to if( false && elems.length === 1)
-    // 2. svgedit.utilities.getBBoxWithTransform - uncomment 'Old technique that was very slow'
-
-    // Chrome
-    // Before Optimization
-    //   Pass1 svgCanvas.getStrokedBBox total ms 4,218, ave ms 41.0,   min/max 37 51
-    //   Pass2 svgCanvas.getStrokedBBox total ms 4,458, ave ms 43.3,   min/max 32 63
-    // Optimized Code
-    //   Pass1 svgCanvas.getStrokedBBox total ms 1,112, ave ms 10.8,   min/max 9 20
-    //   Pass2 svgCanvas.getStrokedBBox total ms    34, ave ms  0.3,   min/max 0 20
-
-    // Firefox
-    // Before Optimization
-    //   Pass1 svgCanvas.getStrokedBBox total ms 3,794, ave ms 36.8,   min/max 33 48
-    //   Pass2 svgCanvas.getStrokedBBox total ms 4,049, ave ms 39.3,   min/max 28 53
-    // Optimized Code
-    //   Pass1 svgCanvas.getStrokedBBox total ms   104, ave ms 1.0,   min/max 0 23
-    //   Pass2 svgCanvas.getStrokedBBox total ms    71, ave ms 0.7,   min/max 0 23
-
-    // Safari
-    // Before Optimization
-    //   Pass1 svgCanvas.getStrokedBBox total ms 4,840, ave ms 47.0,   min/max 45 62
-    //   Pass2 svgCanvas.getStrokedBBox total ms 4,849, ave ms 47.1,   min/max 34 62
-    // Optimized Code
-    //   Pass1 svgCanvas.getStrokedBBox total ms    42, ave ms 0.4,   min/max 0 23
-    //   Pass2 svgCanvas.getStrokedBBox total ms    17, ave ms 0.2,   min/max 0 23
-
-
-    asyncTest('Test svgCanvas.getStrokedBBox() performance with matrix transforms', function( ) {
-      expect(2);
-      var getStrokedBBox = svgedit.utilities.getStrokedBBox;
-      var children = current_layer.children;
-
-
-      var obj, index, count, child, start, delta, lastTime, now, ave,
-          min = Number.MAX_VALUE,
-          max = 0,
-          total = 0;
-
-      fillDocumentByCloningElement( groupWithMatrixTransform, 50)
-      fillDocumentByCloningElement( textWithMatrixTransform, 50)
-
-      // The first pass through all elements is slower.
-      count = children.length;
-      start = lastTime = now = Date.now();
-      // Skip the first child which is the title.
-      for( index = 1; index< count; index++) {
-        child = children[index]
-        obj = getStrokedBBox([child], mockAddSvgElementFromJson, mockPathActions );
-        now = Date.now(); delta = now - lastTime; lastTime = now;
-        total += delta;
-        min = Math.min( min, delta);
-        max = Math.max( max, delta);
-      }
-      total = lastTime - start;
-      ave = total / count;
-      ok( ave < 20, 'svgedit.utilities.getStrokedBBox average execution time is less than 20 ms')
-      console.log( 'Pass1 svgCanvas.getStrokedBBox total ms ' + total + ', ave ms ' + ave.toFixed(1) + ',   min/max ' + min + ' ' + max)
-
-      // The second pass is two to ten times faster.
-      setTimeout(function() {
-        count = children.length;
-
-        start = lastTime = now = Date.now();
-        // Skip the first child which is the title.
-        for( index = 1; index< count; index++) {
-          child = children[index]
-          obj = getStrokedBBox([child], mockAddSvgElementFromJson, mockPathActions );
-          now = Date.now(); delta = now - lastTime; lastTime = now;
-          total += delta;
-          min = Math.min( min, delta);
-          max = Math.max( max, delta);
-        }
-
-
-        total = lastTime - start;
-        ave = total / count;
-        ok( ave < 2, 'svgedit.utilities.getStrokedBBox average execution time is less than 1 ms')
-        console.log( 'Pass2 svgCanvas.getStrokedBBox total ms ' + total + ', ave ms ' + ave.toFixed(1) + ',   min/max ' + min + ' ' + max)
-
-        QUnit.start();
-      });
-
-    });
-
-
-  });
-  </script>
-</head>
-<body>
-  <h1 id='qunit-header'>Performance Unit Tests for svgutils.js</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-
-  <div id="svg_editor">
-    <div id="workarea" style="cursor: auto; overflow: scroll; line-height: 12px; right: 100px;">
-
-      <!-- Must include this thumbnail view to see some of the performance issues -->
-      <svg id="overviewMiniView" width="150" height="112.5" x="0" y="0" viewBox="100 100 1000 1000" style="float: right;"
-           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>
-
-
-      <style id="styleoverrides" type="text/css" media="screen" scoped="scoped">#svgcanvas svg *{cursor:move;pointer-events:all}, #svgcanvas svg{cursor:default}</style>
-      <div id="svgcanvas" style="position: relative; width: 1000px; height: 1000px;">
-        <svg id="svgroot" xmlns="http://www.w3.org/2000/svg" xlinkns="http://www.w3.org/1999/xlink" width="1000" height="1000" x="640" y="480" overflow="visible">
-          <defs><filter id="canvashadow" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"></feGaussianBlur><feOffset in="blur" dx="5" dy="5" result="offsetBlur"></feOffset><feMerge><feMergeNode in="offsetBlur"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter><pattern id="gridpattern" patternUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"><image x="0" y="0" width="100" height="100"></image></pattern></defs>
-          <svg id="canvasBackground" width="1000" height="200" x="10" y="10" overflow="none" style="pointer-events:none"><rect width="100%" height="100%" x="0" y="0" stroke="#000" fill="#000" style="pointer-events:none"></rect><svg id="canvasGrid" width="100%" height="100%" x="0" y="0" overflow="visible" display="none" style="display: inline;"><rect width="100%" height="100%" x="0" y="0" stroke-width="0" stroke="none" fill="url(#gridpattern)" style="pointer-events: none; display:visible;"></rect></svg></svg>
-          <animate attributeName="opacity" begin="indefinite" dur="1" fill="freeze"></animate>
-
-          <svg id="svgcontent" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 480" overflow="visible" width="1000" height="200" x="100" y="20">
-
-            <g id="layer1">
-              <title>Layer 1</title>
-
-              <g id="svg_group_with_matrix_transform" transform="matrix(0.5, 0, 0, 0.5, 10, 10)">
-                <svg id="svg_2" x="100" y="0" class="symbol" preserveAspectRatio="xMaxYMax">
-                  <g id="svg_3">
-                    <rect id="svg_4" x="0" y="0" width="20" height="20" fill="#00FF00"></rect>
-                  </g>
-                  <g id="svg_5" display="none">
-                    <rect id="svg_6" x="0" y="0" width="20" height="20" fill="#A40000"></rect>
-                  </g>
-                </svg>
-              </g>
-              <text id="svg_text_with_matrix_transform" transform="matrix(0.433735, 0, 0, 0.433735, 2, 4)" xml:space="preserve" text-anchor="middle" font-family="serif" font-size="24" y="0" x="61" stroke="#999999" fill="#999999">Some text</text>
-
-            </g>
-            <g>
-              <title>Layer 2</title>
-            </g>
-
-          </svg>
-        </svg>
-      </div>
-    </div>
-  </div>
-
-</body>
-</html>
diff --git a/test/svgutils_test.html b/test/svgutils_test.html
deleted file mode 100644
index c5cb6d54..00000000
--- a/test/svgutils_test.html
+++ /dev/null
@@ -1,367 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8" />
-  <title>Unit Tests for svgutils.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <!-- svgutils.js depends on these three... mock out? -->
-  <script src='../editor/pathseg.js'></script>
-  <script src='../editor/browser.js'></script>
-  <script src='../editor/svgtransformlist.js'></script>
-  <script src='../editor/jquery-svg.js'></script>  <!--  has $.attr() that takes an array . Used by svgedit.utilities.getPathDFromElement -->
-  <script src='../editor/svgutils.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // log function
-     QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-    function  mockCreateSVGElement(jsonMap) {
-      var elem = document.createElementNS(svgedit.NS.SVG, jsonMap['element']);
-      for (var attr in jsonMap['attr']) {
-        elem.setAttribute(attr, jsonMap['attr'][attr]);
-      }
-      return elem;
-    }
-    function mockAddSvgElementFromJson( json) {
-      var elem = mockCreateSVGElement( json)
-      svgroot.appendChild( elem)
-      return elem
-    }
-    var mockPathActions = { resetOrientation: function () {}}
-    var mockHistorySubCommands = []
-    var mockHistory = {
-      BatchCommand: function() {
-        return {
-          addSubCommand: function( cmd) { mockHistorySubCommands.push(cmd)}
-        }
-      },
-      RemoveElementCommand: function(elem, nextSibling, parent) {
-        this.elem = elem;
-        this.nextSibling = nextSibling;
-        this.parent = parent
-      },
-      InsertElementCommand: function(path){
-        this.path = path
-      }
-    }
-    var mockCount = {
-      clearSelection: 0,
-      addToSelection: 0,
-      addCommandToHistory: 0
-    }
-    function mockClearSelection() { mockCount.clearSelection ++}
-    function mockAddToSelection() { mockCount.addToSelection ++}
-    function mockAddCommandToHistory() {mockCount.addCommandToHistory ++}
-
-    var svg = document.createElementNS(svgedit.NS.SVG, 'svg');
-    var sandbox = document.getElementById('sandbox');
-    var svgroot = mockCreateSVGElement({
-      'element': 'svg',
-      'attr': {'id': 'svgroot'}
-    });
-    sandbox.appendChild(svgroot);
-
-    
-    module('svgedit.utilities', {
-      setup: function() {
-        mockHistorySubCommands = [];
-        mockCount.clearSelection = 0;
-        mockCount.addToSelection = 0;
-        mockCount.addCommandToHistory = 0;
-      },
-      teardown: function() {
-      }
-    });
-
-
-    test('Test svgedit.utilities package', function() {
-      expect(3);
-
-      ok(svgedit.utilities);
-      ok(svgedit.utilities.toXml);
-      equals(typeof svgedit.utilities.toXml, typeof function(){});
-    });
-
-    test('Test svgedit.utilities.toXml() function', function() {
-      expect(6);
-      var toXml = svgedit.utilities.toXml;
-
-      equals(toXml('a'), 'a');
-      equals(toXml('ABC_'), 'ABC_');
-      equals(toXml('PB&J'), 'PB&amp;J');
-      equals(toXml('2 < 5'), '2 &lt; 5');
-      equals(toXml('5 > 2'), '5 &gt; 2');
-      equals(toXml('\'<&>"'), '&#x27;&lt;&amp;&gt;&quot;');
-    });
-
-    test('Test svgedit.utilities.fromXml() function', function() {
-      expect(6);
-      var fromXml = svgedit.utilities.fromXml;
-
-      equals(fromXml('a'), 'a');
-      equals(fromXml('ABC_'), 'ABC_');
-      equals(fromXml('PB&amp;J'), 'PB&J');
-      equals(fromXml('2 &lt; 5'), '2 < 5');
-      equals(fromXml('5 &gt; 2'), '5 > 2');
-      equals(fromXml('&lt;&amp;&gt;'), '<&>');
-    });
-
-    test('Test svgedit.utilities.encode64() function', function() {
-      expect(4);
-      var encode64 = svgedit.utilities.encode64;
-
-      equals(encode64('abcdef'), 'YWJjZGVm');
-      equals(encode64('12345'), 'MTIzNDU=');
-      equals(encode64(' '), 'IA==');
-      equals(encode64('`~!@#$%^&*()-_=+[{]}\\|;:\'",<.>/?'), 'YH4hQCMkJV4mKigpLV89K1t7XX1cfDs6JyIsPC4+Lz8=');
-    });
-
-    test('Test svgedit.utilities.decode64() function', function() {
-      expect(4);
-      var decode64 = svgedit.utilities.decode64;
-
-      equals(decode64('YWJjZGVm'), 'abcdef');
-      equals(decode64('MTIzNDU='), '12345');
-      equals(decode64('IA=='), ' ');
-      equals(decode64('YH4hQCMkJV4mKigpLV89K1t7XX1cfDs6JyIsPC4+Lz8='), '`~!@#$%^&*()-_=+[{]}\\|;:\'",<.>/?');
-    });
-
-    test('Test svgedit.utilities.convertToXMLReferences() function', function() {
-      expect(1);
-
-      var convert = svgedit.utilities.convertToXMLReferences;
-      equals(convert('ABC'), 'ABC');
-  //    equals(convert('�BC'), '&#192;BC');
-    });
-
-    test('Test svgedit.utilities.bboxToObj() function', function() {
-      expect(5);
-      var bboxToObj = svgedit.utilities.bboxToObj;
-
-      var rect = svg.createSVGRect();
-      rect.x = 1;
-      rect.y = 2;
-      rect.width = 3;
-      rect.height = 4;
-
-      var obj = bboxToObj(rect);
-      equals(typeof obj, typeof {});
-      equals(obj.x, 1);
-      equals(obj.y, 2);
-      equals(obj.width, 3);
-      equals(obj.height, 4);
-    });
-
-    test("Test getUrlFromAttr", function() {
-      expect(4);
-
-      equal(svgedit.utilities.getUrlFromAttr("url(#foo)"), "#foo");
-      equal(svgedit.utilities.getUrlFromAttr("url(somefile.svg#foo)"), "somefile.svg#foo");
-      equal(svgedit.utilities.getUrlFromAttr("url('#foo')"), "#foo");
-      equal(svgedit.utilities.getUrlFromAttr('url("#foo")'), "#foo");
-    });
-
-    test("Test getPathBBox", function() {
-      if(svgedit.browser.supportsPathBBox()) return;
-      var doc = svgedit.utilities.text2xml('<svg></svg>');
-      var path = doc.createElementNS(svgedit.NS.SVG, 'path');
-      path.setAttributeNS(null, 'd', 'm0,0l5,0l0,5l-5,0l0,-5z');
-      var bb = svgedit.utilities.getPathBBox(path);
-      equals(typeof bb, 'object', 'BBox returned object');
-      ok(bb.x && !isNaN(bb.x));
-      ok(bb.y && !isNaN(bb.y));
-    });
-
-    test("Test getPathDFromSegments", function() {
-      var d;
-      var getPathDFromSegments = svgedit.utilities.getPathDFromSegments;
-
-      var doc = svgedit.utilities.text2xml('<svg></svg>');
-      var path = doc.createElementNS(svgedit.NS.SVG, 'path');
-      path.setAttributeNS(null, 'd', 'm0,0l5,0l0,5l-5,0l0,-5z');
-      d = getPathDFromSegments( [
-              ['M', [1, 2]],
-              ['Z', []],
-      ]);
-      equal( d, 'M1,2 Z');
-
-      d = getPathDFromSegments( [
-              ['M', [1, 2]],
-              ['M', [3, 4]],
-              ['Z', []],
-      ]);
-      equal( d, 'M1,2 M3,4 Z');
-
-      d = getPathDFromSegments( [
-              ['M', [1, 2]],
-              ['C', [3, 4, 5, 6]],
-              ['Z', []],
-      ]);
-      equal( d, 'M1,2 C3,4 5,6 Z');
-
-    });
-
-    test("Test getPathDFromElement", function() {
-      var getPathDFromElement = svgedit.utilities.getPathDFromElement;
-
-      var elem = mockCreateSVGElement({
-        'element': 'path',
-        'attr': { 'id': 'path', 'd': 'M0,1 Z'}
-      });
-      svgroot.appendChild( elem)
-      equal( getPathDFromElement( elem), 'M0,1 Z');
-      svgroot.removeChild( elem)
-
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
-      });
-      svgroot.appendChild( elem)
-      equal( getPathDFromElement( elem), 'M0,1 L5,1 L5,11 L0,11 L0,1 Z');
-      svgroot.removeChild( elem)
-
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'roundrect', 'x': '0', 'y': '1', 'rx': '2', 'ry': '3', 'width': '10', 'height': '11'}
-      });
-      svgroot.appendChild( elem)
-      var closeEnough = new RegExp( 'M0,4 C0,2.3[0-9]* 0.9[0-9]*,1 2,1 L8,1 C9.0[0-9]*,1 10,2.3[0-9]* 10,4 L10,9 C10,10.6[0-9]* 9.08675799086758,12 8,12 L2,12 C0.9[0-9]*,12 0,10.6[0-9]* 0,9 L0,4 Z')
-      equal(closeEnough.test(getPathDFromElement( elem)), true);
-      svgroot.removeChild( elem)
-
-      elem = mockCreateSVGElement({
-        'element': 'line',
-        'attr': { 'id': 'line', 'x1': '0', 'y1': '1', 'x2': '5', 'y2': '6'}
-      });
-      svgroot.appendChild( elem)
-      equal( getPathDFromElement( elem), 'M0,1L5,6');
-      svgroot.removeChild( elem)
-
-      elem = mockCreateSVGElement({
-        'element': 'circle',
-        'attr': { 'id': 'circle', 'cx': '10', 'cy': '11', 'rx': '5', 'ry': '10'}
-      });
-      svgroot.appendChild( elem)
-      equal( getPathDFromElement( elem), 'M10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 Z');
-      svgroot.removeChild( elem)
-
-      elem = mockCreateSVGElement({
-        'element': 'polyline',
-        'attr': { 'id': 'polyline', 'points': '0,1 5,1 5,11 0,11'}
-      });
-      svgroot.appendChild( elem)
-      equal( getPathDFromElement( elem), 'M0,1 5,1 5,11 0,11');
-      svgroot.removeChild( elem)
-
-      equal( getPathDFromElement( {tagName: 'something unknown'}), undefined);
-    });
-
-    test("Test getBBoxOfElementAsPath", function() {
-      function getBBoxOfElementAsPath( elem, addSvgElementFromJson, pathActions) {
-        var bbox = svgedit.utilities.getBBoxOfElementAsPath(elem, addSvgElementFromJson, pathActions);
-        return svgedit.utilities.bboxToObj( bbox) // need this for QUnit equal() to work.
-      }
-
-      var bbox;
-      var elem = mockCreateSVGElement({
-        'element': 'path',
-        'attr': { 'id': 'path', 'd': 'M0,1 Z'}
-      });
-      svgroot.appendChild( elem)
-      bbox = getBBoxOfElementAsPath(elem, mockAddSvgElementFromJson, mockPathActions)
-      deepEqual(bbox, {"x": 0, "y": 1, "width": 0, "height": 0 });
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
-      });
-      svgroot.appendChild( elem);
-      bbox = getBBoxOfElementAsPath( elem, mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 10});
-      svgroot.removeChild( elem);
-
-      elem = mockCreateSVGElement({
-        'element': 'line',
-        'attr': { 'id': 'line', 'x1': '0', 'y1': '1', 'x2': '5', 'y2': '6'}
-      });
-      svgroot.appendChild( elem);
-      bbox = getBBoxOfElementAsPath( elem, mockAddSvgElementFromJson, mockPathActions)
-      deepEqual( bbox, { "x": 0, "y": 1, "width": 5, "height": 5});
-      svgroot.removeChild( elem);
-
-      // TODO: test element with transform. Need resetOrientation above to be working or mock it.
-
-    });
-
-    test("Test convertToPath rect", function() {
-      var convertToPath = svgedit.utilities.convertToPath;
-      var attrs = {
-        'fill': 'red',
-        'stroke': 'white',
-        'stroke-width': '1',
-        'visibility':'hidden'
-      };
-
-      var elem = mockCreateSVGElement({
-        'element': 'rect',
-        'attr': { 'id': 'rect', 'x': '0', 'y': '1', 'width': '5', 'height': '10'}
-      });
-      svgroot.appendChild( elem)
-      var path = convertToPath( elem, attrs, mockAddSvgElementFromJson, mockPathActions, mockClearSelection, mockAddToSelection, mockHistory, mockAddCommandToHistory);
-      equal( path.getAttribute('d'), 'M0,1 L5,1 L5,11 L0,11 L0,1 Z');
-      equal( path.getAttribute('visibilituy'), null);
-      equal( path.id, 'rect');
-      equal( path.parentNode, svgroot);
-      equal( elem.parentNode, null);
-      equal( mockHistorySubCommands.length, 2);
-      equal( mockCount.clearSelection, 1);
-      equal( mockCount.addToSelection, 1);
-      equal( mockCount.addCommandToHistory, 1);
-      svgroot.removeChild( path);
-    });
-
-
-    test("Test convertToPath unknown element", function() {
-      var convertToPath = svgedit.utilities.convertToPath;
-      var attrs = {
-        'fill': 'red',
-        'stroke': 'white',
-        'stroke-width': '1',
-        'visibility':'hidden'
-      };
-
-      var elem = {
-        tagName: 'something unknown',
-        id: 'something-unknown',
-        getAttribute: function( attr) { return '';},
-        parentNode: svgroot
-      };
-      var path = convertToPath( elem, attrs, mockAddSvgElementFromJson, mockPathActions, mockClearSelection, mockAddToSelection, mockHistory, mockAddCommandToHistory);
-      equal( path, null);
-      equal( elem.parentNode, svgroot);
-      equal( mockHistorySubCommands.length, 0);
-      equal( mockCount.clearSelection, 0);
-      equal( mockCount.addToSelection, 0);
-      equal( mockCount.addCommandToHistory, 0);
-    });
-
-
-  });
-  </script>
-</head>
-<body>
-  <h1 id='qunit-header'>Unit Tests for svgutils.js</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='sandbox'></div>
-</body>
-</html>
diff --git a/test/test1.html b/test/test1.html
index 47c8b40c..6876013b 100644
--- a/test/test1.html
+++ b/test/test1.html
@@ -3,287 +3,24 @@
 <head>
   <meta charset="utf-8" />
   <title>Unit Tests for SvgCanvas</title>
-  <link rel="stylesheet" href="qunit/qunit.css" type="text/css"/>
-  <script src="../editor/jquery.js"></script>
-  <script src="../editor/jquerybbq/jquery.bbq.min.js"></script>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
   <script src="../editor/jquery-ui/jquery-ui-1.8.custom.min.js"></script>
-  <script src="../editor/svgedit.js"></script>
-  <script src="../editor/svgicons/jquery.svgicons.js"></script>
-  <script src="../editor/pathseg.js"></script>
-  <script src="../editor/browser.js"></script>
-  <script src="../editor/svgtransformlist.js"></script>
-  <script src="../editor/math.js"></script>
-  <script src="../editor/units.js"></script>
-  <script src="../editor/svgutils.js"></script>
-  <script src="../editor/sanitize.js"></script>
-  <script src="../editor/history.js"></script>
-  <script src='../editor/coords.js'></script>
-  <script src="../editor/recalculate.js"></script>
-  <script src="../editor/select.js"></script>
-  <script src="../editor/draw.js"></script>
-  <script src="../editor/path.js"></script>
-  <script src="../editor/svgcanvas.js"></script>
-  <script src="../editor/svg-editor.js"></script>
-  <script src="../editor/locale/locale.js"></script>
-  <script src="qunit/qunit.js"></script>
-  <script>
-  $(function() {
-    // log function
-    QUnit.log = function(details) {
-    if (window.console && window.console.log) {
-      window.console.log(details.result +' :: '+ details.message);
-    }
-  };
-
-  // helper functions
-  var isIdentity = function(m) {
-    return (m.a == 1 && m.b == 0 && m.c == 0 && m.d == 1 && m.e == 0 && m.f == 0);
-  };
-  var matrixString = function(m) {
-    return [m.a,m.b,m.c,m.d,m.e,m.f].join(',');
-  }
-
-    var svgCanvas = new $.SvgCanvas(document.getElementById("svgcanvas"), {
-      canvas_expansion: 3,
-      dimensions: [640,480],
-      initFill: {
-        color: 'FF0000',  // solid red
-        opacity: 1
-      },
-      initStroke: {
-        width: 5,
-        color: '000000',  // solid black
-        opacity: 1
-      },
-      initOpacity: 1,
-      imgPath: 'images/',
-      langPath: 'locale/',
-      extPath: 'extensions/',
-      extensions: ['ext-arrows.js', 'ext-connector.js', 'ext-eyedropper.js'],
-      initTool: 'select',
-      wireframe: false
-    }),
-      svgroot = document.getElementById("svgroot"),
-      svgdoc = svgroot.documentElement,
-      svgns = "http://www.w3.org/2000/svg",
-      xlinkns = "http://www.w3.org/1999/xlink";
-
-  module("Basic Module");
-
-  test("Test existence of SvgCanvas object", function() {
-    expect(1);
-    equal(typeof {}, typeof svgCanvas);
-  });
-  
-  module("Path Module");
-  
-  test("Test path conversion from absolute to relative", function() {
-    expect(6);
-    var convert = svgCanvas.pathActions.convertPath;
-
-    // TODO: Test these paths:
-    // "m400.00491,625.01379a1.78688,1.78688 0 1 1-3.57373,0a1.78688,1.78688 0 1 13.57373,0z"
-    // "m36.812,15.8566c-28.03099,0 -26.28099,12.15601 -26.28099,12.15601l0.03099,12.59399h26.75v3.781h-37.37399c0,0 -17.938,-2.034 -133.00001,26.25c115.06201,28.284 130.71801,27.281 130.71801,27.281h9.34399v-13.125c0,0 -0.504,-15.656 15.40601,-15.656h26.532c0,0 14.90599,0.241 14.90599,-14.406v-24.219c0,0 2.263,-14.65601 -27.032,-14.65601zm-14.75,8.4684c2.662,0 4.813,2.151 4.813,4.813c0,2.661 -2.151,4.812 -4.813,4.812c-2.661,0 -4.812,-2.151 -4.812,-4.812c0,-2.662 2.151,-4.813 4.812,-4.813z"
-    // "m 0,0 l 200,0 l 0,100 L 0,100"
-  
-    svgCanvas.setSvgString("<svg xmlns='http://www.w3.org/2000/svg' width='400' x='300'>" +
-                  "<path id='p1' d='M100,100 L200,100 L100,100Z'/>" +
-                  "<path id='p2' d='m 0,0 l 200,0 l 0,100 L 0,100'/>" +
-                "</svg>");
-    
-    var p1 = document.getElementById("p1"),
-      p2 = document.getElementById("p2"),
-      d_abs = p1.getAttribute("d"),
-      seglist = p1.pathSegList,
-      curseg = null;
-      
-    equal(p1.nodeName, "path", "Expected 'path', got");
-    
-    equal(seglist.numberOfItems, 4, "Number of segments before conversion");
-    
-    // verify segments before conversion
-    curseg = seglist.getItem(0);
-    equal(curseg.pathSegTypeAsLetter.toUpperCase(), "M", "Before conversion, segment #1 type");
-    curseg = seglist.getItem(1);
-    equal(curseg.pathSegTypeAsLetter.toUpperCase(), "L", "Before conversion, segment #2 type");
-    curseg = seglist.getItem(3);
-    equal(curseg.pathSegTypeAsLetter.toUpperCase(), "Z", "Before conversion, segment #3 type" + d_abs);
-    
-    // convert and verify segments
-    var d = convert(p1, true);
-    equal(d, "m100,100l100,0l-100,0z", "Converted path to relative string");
-    
-    // TODO: see why this isn't working in SVG-edit
-    d = convert(p2, true);
-    QUnit.log({result: d});
-    d = convert(p2, false);
-    QUnit.log({result: d});
-  });
-  
-  module("Import Module");
-  
-  test("Test import use", function() {
-    expect(3);
-    
-    svgCanvas.setSvgString("<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' x='300'>" +
-                "<rect id='the-rect' width='200' height='200'/>" +
-                "<use id='the-use' xlink:href='#the-rect'/>" +
-                "<use id='foreign-use' xlink:href='somefile.svg#the-rect'/>" +
-                "<use id='no-use'/>" +
-                "</svg>");
-    
-    var u = document.getElementById("the-use"),
-      fu = document.getElementById("foreign-use"),
-      nfu = document.getElementById("no-use");
-    
-    equal((u && u.nodeName == "use"), true, "Did not import <use> element");
-    equal(fu, null, "Removed <use> element that had a foreign href");
-    equal(nfu, null, "Removed <use> element that had no href");
-  });
-  
-  // This test shows that an element with an invalid attribute is still parsed in properly
-  // and only the attribute is not imported
-  test("Test invalid attribute", function() {
-    expect(2);
-    
-    svgCanvas.setSvgString('<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">'+
-        '<text x="182.75" y="173.5" id="the-text" fill="#008000" font-size="150" font-family="serif" text-anchor="middle" d="M116,222 L110,108">words</text>' +
-        '</svg>');
-    
-    var t = document.getElementById("the-text");
-    
-    equal(true, (t && t.nodeName == "text"), "Did not import <text> element");
-    equal(null, t.getAttribute("d"), "Imported a <text> with a d attribute");
-  });
-  
-  // This test makes sure import/export properly handles namespaced attributes
-  test("Test importing/exporting namespaced attributes", function() {
-    expect(5);
-    var setStr = svgCanvas.setSvgString('<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com" xmlns:foo="http://example.com">'+
-        '<image xlink:href="../editor/images/logo.png"/>' +
-        '<polyline id="se_test_elem" se:foo="bar" foo:bar="baz"/>' +
-        '</svg>');
-    var attrVal = document.getElementById('se_test_elem').getAttributeNS("http://svg-edit.googlecode.com", "foo");
-    
-    equal(attrVal === "bar", true, "Preserved namespaced attribute on import");
-    //
-    //console.log('getSvgString' in svgCanvas)
-
-    var output = svgCanvas.getSvgString();
-    //} catch(e) {console.log(e)}
-    //console.log('output',output);
-    var has_xlink = output.indexOf('xmlns:xlink="http://www.w3.org/1999/xlink"') !== -1;
-    var has_se = output.indexOf('xmlns:se=') !== -1;
-    var has_foo = output.indexOf('xmlns:foo=') !== -1;
-    var has_attr = output.indexOf('se:foo="bar"') !== -1;
-    
-    equal(has_attr, true, "Preserved namespaced attribute on export");
-    equal(has_xlink, true, "Included xlink: xmlns");
-    equal(has_se, true, "Included se: xmlns");
-    equal(has_foo, false, "Did not include foo: xmlns");
-  });
-  
-  test("Test import math elements inside a foreignObject", function() {
-    expect(4);
-    var set = svgCanvas.setSvgString('<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:se="http://svg-edit.googlecode.com" xmlns:xlink="http://www.w3.org/1999/xlink">'+
-        '<foreignObject id="fo" width="24" height="26" font-size="24"><math id="m" display="inline" xmlns="http://www.w3.org/1998/Math/MathML">'+
-            '<msub>'+
-              '<mi>A</mi>'+
-              '<mn>0</mn>'+
-            '</msub>'+
-          '</math>'+
-        '</foreignObject>'+
-      '</svg>');
-    var fo = document.getElementById('fo');
-    // we cannot use getElementById('math') because not all browsers understand MathML and do not know to use the @id attribute
-    // see Bug https://bugs.webkit.org/show_bug.cgi?id=35042
-    var math = fo.firstChild;
-    
-    equal(!!math, true, "Math element exists");
-    equal(math.nodeName, 'math', "Math element has the proper nodeName");
-    equal(math.getAttribute('id'), 'm', "Math element has an id");
-    equal(math.namespaceURI, "http://www.w3.org/1998/Math/MathML", "Preserved MathML namespace");
-  });
-  
-  test("Test importing SVG into existing drawing", function() {
-    expect(3);
-    
-    var doc = svgCanvas.setSvgString('<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">'+
-                      '<g><title>Layer 1</title>'+
-                        '<circle cx="200" cy="200" r="50" fill="blue"/>'+
-                        '<ellipse cx="300" cy="100" rx="40" ry="30" fill="green"/>'+
-                      '</g>'+
-                    '</svg>');
-    
-    svgCanvas.importSvgString('<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">'+
-                  '<circle cx="50" cy="50" r="40" fill="yellow"/>'+
-                  '<rect width="20" height="20" fill="blue"/>'+
-                '</svg>');
-    
-    var svgcontent = document.getElementById("svgcontent"),
-      circles = svgcontent.getElementsByTagNameNS(svgns, "circle"),
-      rects = svgcontent.getElementsByTagNameNS(svgns, "rect"),
-      ellipses = svgcontent.getElementsByTagNameNS(svgns, "ellipse");
-    equal(circles.length, 2, "Found two circles upon importing");
-    equal(rects.length, 1, "Found one rectangle upon importing");
-    equal(ellipses.length, 1, "Found one ellipse upon importing");
-  });
-
-  test("Test importing SVG remaps IDs", function() {
-    expect(6);
-    
-    var doc = svgCanvas.setSvgString('<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">'+
-                      '<g><title>Layer 1</title>'+
-                        '<ellipse id="svg_1" cx="200" cy="200" rx="50" ry="20" fill="blue"/>'+
-                        '<ellipse id="svg_2" cx="300" cy="100" rx="40" ry="30" fill="green"/>'+
-                        '<ellipse id="svg_3" cx="300" cy="100" rx="40" ry="30" fill="green"/>'+
-                      '</g>'+
-                    '</svg>');
-    
-    svgCanvas.importSvgString('<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink">'+
-                  '<defs>'+
-                    '<linearGradient id="svg_2">'+
-                      '<stop stop-color="red" offset="0"/>'+
-                      '<stop stop-color="green" offset="1"/>'+
-                    '</linearGradient>'+
-                    '<rect id="svg_3" width="20" height="20" fill="blue" stroke="url(#svg_2)"/>'+
-                  '</defs>'+
-                  '<circle id="svg_1" cx="50" cy="50" r="40" fill="url(#svg_2)"/>'+
-                  '<use id="svg_4" width="30" height="30" xl:href="#svg_3"/>'+
-                '</svg>');
-    
-    var svgcontent = document.getElementById("svgcontent"),
-      circles = svgcontent.getElementsByTagNameNS(svgns, "circle"),
-      rects = svgcontent.getElementsByTagNameNS(svgns, "rect"),
-      ellipses = svgcontent.getElementsByTagNameNS(svgns, "ellipse"),
-      defs = svgcontent.getElementsByTagNameNS(svgns, "defs"),
-      grads = svgcontent.getElementsByTagNameNS(svgns, "linearGradient"),
-      uses = svgcontent.getElementsByTagNameNS(svgns, "use");
-    notEqual(circles.item(0).id, "svg_1", "Circle not re-identified");
-    notEqual(rects.item(0).id, "svg_3", "Rectangle not re-identified");
-    // TODO: determine why this test fails in WebKit browsers
-    //equal(grads.length, 1, "Linear gradient imported");
-    var grad = defs.item(0).firstChild;
-    notEqual(grad.id, "svg_2", "Linear gradient not re-identified");
-    notEqual(circles.item(0).getAttribute("fill"), "url(#svg_2)", "Circle fill value not remapped");
-    notEqual(rects.item(0).getAttribute("stroke"), "url(#svg_2)", "Rectangle stroke value not remapped");
-    notEqual(uses.item(0).getAttributeNS(xlinkns, "href"), "#svg_3");
-  });
-  
-  }); 
-  </script>
-</head>  
-<body>  
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="test1.js"></script>
+</head>
+<body>
   <h1 id="qunit-header">Unit Tests for SvgCanvas</h1>
   <h2 id="qunit-banner"></h2>
   <h2 id="qunit-userAgent"></h2>
   <ol id="qunit-tests"></ol>
   <div id="svg_editor">
     <div id="workarea">
-      <div id="svgcanvas" style="visibility:hidden"></div>
+      <div id="svgcanvas" style="visibility: hidden;"></div>
     </div>
     <div id="tools_left"></div>
     <div class="tools_flyout"></div>
   </div>
-</body>  
+</body>
 </html>
diff --git a/test/test1.js b/test/test1.js
new file mode 100644
index 00000000..2efffa02
--- /dev/null
+++ b/test/test1.js
@@ -0,0 +1,267 @@
+/* eslint-env qunit */
+
+import '../editor/svgpathseg.js';
+import SvgCanvas from '../editor/svgcanvas.js';
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+// helper functions
+/*
+const isIdentity = function (m) {
+  return (m.a === 1 && m.b === 0 && m.c === 0 && m.d === 1 && m.e === 0 && m.f === 0);
+};
+const matrixString = function (m) {
+  return [m.a, m.b, m.c, m.d, m.e, m.f].join(',');
+};
+*/
+
+const svgCanvas = new SvgCanvas(
+  document.getElementById('svgcanvas'), {
+    canvas_expansion: 3,
+    dimensions: [640, 480],
+    initFill: {
+      color: 'FF0000', // solid red
+      opacity: 1
+    },
+    initStroke: {
+      width: 5,
+      color: '000000', // solid black
+      opacity: 1
+    },
+    initOpacity: 1,
+    imgPath: '../editor/images/',
+    langPath: 'locale/',
+    extPath: 'extensions/',
+    extensions: ['ext-arrows.js', 'ext-connector.js', 'ext-eyedropper.js'],
+    initTool: 'select',
+    wireframe: false
+  });
+
+const
+  // svgroot = document.getElementById('svgroot'),
+  // svgdoc = svgroot.documentElement,
+  svgns = 'http://www.w3.org/2000/svg',
+  xlinkns = 'http://www.w3.org/1999/xlink';
+
+QUnit.module('Basic Module');
+
+QUnit.test('Test existence of SvgCanvas object', function (assert) {
+  assert.expect(1);
+  assert.equal(typeof {}, typeof svgCanvas);
+});
+
+QUnit.module('Path Module');
+
+QUnit.test('Test path conversion from absolute to relative', function (assert) {
+  assert.expect(6);
+  const convert = svgCanvas.pathActions.convertPath;
+
+  // TODO: Test these paths:
+  // "m400.00491,625.01379a1.78688,1.78688 0 1 1-3.57373,0a1.78688,1.78688 0 1 13.57373,0z"
+  // "m36.812,15.8566c-28.03099,0 -26.28099,12.15601 -26.28099,12.15601l0.03099,12.59399h26.75v3.781h-37.37399c0,0 -17.938,-2.034 -133.00001,26.25c115.06201,28.284 130.71801,27.281 130.71801,27.281h9.34399v-13.125c0,0 -0.504,-15.656 15.40601,-15.656h26.532c0,0 14.90599,0.241 14.90599,-14.406v-24.219c0,0 2.263,-14.65601 -27.032,-14.65601zm-14.75,8.4684c2.662,0 4.813,2.151 4.813,4.813c0,2.661 -2.151,4.812 -4.813,4.812c-2.661,0 -4.812,-2.151 -4.812,-4.812c0,-2.662 2.151,-4.813 4.812,-4.813z"
+  // "m 0,0 l 200,0 l 0,100 L 0,100"
+
+  svgCanvas.setSvgString(
+    "<svg xmlns='http://www.w3.org/2000/svg' width='400' x='300'>" +
+      "<path id='p1' d='M100,100 L200,100 L100,100Z'/>" +
+      "<path id='p2' d='m 0,0 l 200,0 l 0,100 L 0,100'/>" +
+    '</svg>'
+  );
+
+  const p1 = document.getElementById('p1'),
+    p2 = document.getElementById('p2'),
+    dAbs = p1.getAttribute('d'),
+    seglist = p1.pathSegList;
+
+  assert.equal(p1.nodeName, 'path', "Expected 'path', got");
+
+  assert.equal(seglist.numberOfItems, 4, 'Number of segments before conversion');
+
+  // verify segments before conversion
+  let curseg = seglist.getItem(0);
+  assert.equal(curseg.pathSegTypeAsLetter.toUpperCase(), 'M', 'Before conversion, segment #1 type');
+  curseg = seglist.getItem(1);
+  assert.equal(curseg.pathSegTypeAsLetter.toUpperCase(), 'L', 'Before conversion, segment #2 type');
+  curseg = seglist.getItem(3);
+  assert.equal(curseg.pathSegTypeAsLetter.toUpperCase(), 'Z', 'Before conversion, segment #3 type' + dAbs);
+
+  // convert and verify segments
+  let d = convert(p1, true);
+  assert.equal(d, 'm100,100l100,0l-100,0z', 'Converted path to relative string');
+
+  // TODO: see why this isn't working in SVG-edit
+  d = convert(p2, true);
+  console.log('Convert true', d);
+  d = convert(p2, false);
+  console.log('Convert false', d);
+});
+
+QUnit.module('Import Module');
+
+QUnit.test('Test import use', function (assert) {
+  assert.expect(3);
+
+  svgCanvas.setSvgString(
+    "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' x='300'>" +
+      "<rect id='the-rect' width='200' height='200'/>" +
+      "<use id='the-use' xlink:href='#the-rect'/>" +
+      "<use id='foreign-use' xlink:href='somefile.svg#the-rect'/>" +
+      "<use id='no-use'/>" +
+    '</svg>'
+  );
+
+  const u = document.getElementById('the-use'),
+    fu = document.getElementById('foreign-use'),
+    nfu = document.getElementById('no-use');
+
+  assert.equal((u && u.nodeName === 'use'), true, 'Did not import <use> element');
+  assert.equal(fu, null, 'Removed <use> element that had a foreign href');
+  assert.equal(nfu, null, 'Removed <use> element that had no href');
+});
+
+// This test shows that an element with an invalid attribute is still parsed in properly
+// and only the attribute is not imported
+QUnit.test('Test invalid attribute', function (assert) {
+  assert.expect(2);
+
+  svgCanvas.setSvgString(
+    '<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">' +
+      '<text x="182.75" y="173.5" id="the-text" fill="#008000" font-size="150" font-family="serif" text-anchor="middle" d="M116,222 L110,108">words</text>' +
+    '</svg>'
+  );
+
+  const t = document.getElementById('the-text');
+
+  assert.equal((t && t.nodeName === 'text'), true, 'Did not import <text> element');
+  assert.equal(t.getAttribute('d'), null, 'Imported a <text> with a d attribute');
+});
+
+// This test makes sure import/export properly handles namespaced attributes
+QUnit.test('Test importing/exporting namespaced attributes', function (assert) {
+  assert.expect(5);
+  /* const setStr = */ svgCanvas.setSvgString(
+    '<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com" xmlns:foo="http://example.com">' +
+      '<image xlink:href="../editor/images/logo.png"/>' +
+      '<polyline id="se_test_elem" se:foo="bar" foo:bar="baz"/>' +
+    '</svg>'
+  );
+  const attrVal = document.getElementById('se_test_elem').getAttributeNS('http://svg-edit.googlecode.com', 'foo');
+
+  assert.equal(attrVal === 'bar', true, 'Preserved namespaced attribute on import');
+  //
+  // console.log('getSvgString' in svgCanvas)
+
+  const output = svgCanvas.getSvgString();
+  // } catch(e) {console.log(e)}
+  // console.log('output',output);
+  const hasXlink = output.includes('xmlns:xlink="http://www.w3.org/1999/xlink"');
+  const hasSe = output.includes('xmlns:se=');
+  const hasFoo = output.includes('xmlns:foo=');
+  const hasAttr = output.includes('se:foo="bar"');
+
+  assert.equal(hasAttr, true, 'Preserved namespaced attribute on export');
+  assert.equal(hasXlink, true, 'Included xlink: xmlns');
+  assert.equal(hasSe, true, 'Included se: xmlns');
+  assert.equal(hasFoo, false, 'Did not include foo: xmlns');
+});
+
+QUnit.test('Test import math elements inside a foreignObject', function (assert) {
+  assert.expect(4);
+  /* const set = */ svgCanvas.setSvgString(
+    '<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:se="http://svg-edit.googlecode.com" xmlns:xlink="http://www.w3.org/1999/xlink">' +
+      '<foreignObject id="fo" width="24" height="26" font-size="24"><math id="m" display="inline" xmlns="http://www.w3.org/1998/Math/MathML">' +
+          '<msub>' +
+            '<mi>A</mi>' +
+            '<mn>0</mn>' +
+          '</msub>' +
+        '</math>' +
+      '</foreignObject>' +
+    '</svg>'
+  );
+  const fo = document.getElementById('fo');
+  // we cannot use getElementById('math') because not all browsers understand MathML and do not know to use the @id attribute
+  // see Bug https://bugs.webkit.org/show_bug.cgi?id=35042
+  const math = fo.firstChild;
+
+  assert.equal(!!math, true, 'Math element exists');
+  assert.equal(math.nodeName, 'math', 'Math element has the proper nodeName');
+  assert.equal(math.getAttribute('id'), 'm', 'Math element has an id');
+  assert.equal(math.namespaceURI, 'http://www.w3.org/1998/Math/MathML', 'Preserved MathML namespace');
+});
+
+QUnit.test('Test importing SVG into existing drawing', function (assert) {
+  assert.expect(3);
+
+  /* const doc = */ svgCanvas.setSvgString(
+    '<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">' +
+      '<g><title>Layer 1</title>' +
+        '<circle cx="200" cy="200" r="50" fill="blue"/>' +
+        '<ellipse cx="300" cy="100" rx="40" ry="30" fill="green"/>' +
+      '</g>' +
+    '</svg>'
+  );
+
+  svgCanvas.importSvgString(
+    '<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">' +
+      '<circle cx="50" cy="50" r="40" fill="yellow"/>' +
+      '<rect width="20" height="20" fill="blue"/>' +
+    '</svg>'
+  );
+
+  const svgcontent = document.getElementById('svgcontent'),
+    circles = svgcontent.getElementsByTagNameNS(svgns, 'circle'),
+    rects = svgcontent.getElementsByTagNameNS(svgns, 'rect'),
+    ellipses = svgcontent.getElementsByTagNameNS(svgns, 'ellipse');
+  assert.equal(circles.length, 2, 'Found two circles upon importing');
+  assert.equal(rects.length, 1, 'Found one rectangle upon importing');
+  assert.equal(ellipses.length, 1, 'Found one ellipse upon importing');
+});
+
+QUnit.test('Test importing SVG remaps IDs', function (assert) {
+  assert.expect(6);
+
+  /* const doc = */ svgCanvas.setSvgString(
+    '<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">' +
+    '<g><title>Layer 1</title>' +
+      '<ellipse id="svg_1" cx="200" cy="200" rx="50" ry="20" fill="blue"/>' +
+      '<ellipse id="svg_2" cx="300" cy="100" rx="40" ry="30" fill="green"/>' +
+      '<ellipse id="svg_3" cx="300" cy="100" rx="40" ry="30" fill="green"/>' +
+    '</g>' +
+  '</svg>');
+
+  svgCanvas.importSvgString(
+    '<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink">' +
+      '<defs>' +
+        '<linearGradient id="svg_2">' +
+          '<stop stop-color="red" offset="0"/>' +
+          '<stop stop-color="green" offset="1"/>' +
+        '</linearGradient>' +
+        '<rect id="svg_3" width="20" height="20" fill="blue" stroke="url(#svg_2)"/>' +
+      '</defs>' +
+      '<circle id="svg_1" cx="50" cy="50" r="40" fill="url(#svg_2)"/>' +
+      '<use id="svg_4" width="30" height="30" xl:href="#svg_3"/>' +
+    '</svg>'
+  );
+
+  const svgcontent = document.getElementById('svgcontent'),
+    circles = svgcontent.getElementsByTagNameNS(svgns, 'circle'),
+    rects = svgcontent.getElementsByTagNameNS(svgns, 'rect'),
+    // ellipses = svgcontent.getElementsByTagNameNS(svgns, 'ellipse'),
+    defs = svgcontent.getElementsByTagNameNS(svgns, 'defs'),
+    // grads = svgcontent.getElementsByTagNameNS(svgns, 'linearGradient'),
+    uses = svgcontent.getElementsByTagNameNS(svgns, 'use');
+  assert.notEqual(circles.item(0).id, 'svg_1', 'Circle not re-identified');
+  assert.notEqual(rects.item(0).id, 'svg_3', 'Rectangle not re-identified');
+  // TODO: determine why this test fails in WebKit browsers
+  // assert.equal(grads.length, 1, 'Linear gradient imported');
+  const grad = defs.item(0).firstChild;
+  assert.notEqual(grad.id, 'svg_2', 'Linear gradient not re-identified');
+  assert.notEqual(circles.item(0).getAttribute('fill'), 'url(#svg_2)', 'Circle fill value not remapped');
+  assert.notEqual(rects.item(0).getAttribute('stroke'), 'url(#svg_2)', 'Rectangle stroke value not remapped');
+  assert.notEqual(uses.item(0).getAttributeNS(xlinkns, 'href'), '#svg_3');
+});
diff --git a/test/units_test.html b/test/units_test.html
index 8f7722e9..211f8609 100644
--- a/test/units_test.html
+++ b/test/units_test.html
@@ -3,103 +3,21 @@
 <head>
   <meta charset="utf-8" />
   <title>Unit Tests for units.js</title>
-  <link rel='stylesheet' href='qunit/qunit.css' type='text/css'/>
-  <script src='../editor/jquery.js'></script>
-  <script src='../editor/svgedit.js'></script>
-  <script src='../editor/units.js'></script>
-  <script src='qunit/qunit.js'></script>
-  <script>
-  $(function() {
-    // log function
-    QUnit.log = function(details) {
-      if (window.console && window.console.log) {
-        window.console.log(details.result +' :: '+ details.message);
-      }
-    };
-
-    function setUp() {
-      svgedit.units.init({
-        getBaseUnit: function() { return "cm"; },
-        getHeight: function() { return 600; },
-        getWidth: function() { return 800; },
-        getRoundDigits: function() { return 4; },
-        getElement: function(elementId){ return document.getElementById(elementId); }
-      });
-    }
-
-    test('Test svgedit.units package', function() {
-      expect(2);
-      ok(svgedit.units);
-      equals(typeof svgedit.units, typeof {});
-    });
-
-    test('Test svgedit.units.shortFloat()', function() {
-      expect(7);
-
-      setUp();
-
-      ok(svgedit.units.shortFloat);
-      equals(typeof svgedit.units.shortFloat, typeof function(){});
-
-      var shortFloat = svgedit.units.shortFloat;
-      equals(shortFloat(0.00000001), 0);
-      equals(shortFloat(1), 1);
-      equals(shortFloat(3.45678), 3.4568);
-      equals(shortFloat(1.23443), 1.2344);
-      equals(shortFloat(1.23455), 1.2346);
-    });
-
-    test('Test svgedit.units.isValidUnit()', function() {
-      expect(18);
-
-      setUp();
-
-      ok(svgedit.units.isValidUnit);
-      equals(typeof svgedit.units.isValidUnit, typeof function(){});
-
-      var isValidUnit = svgedit.units.isValidUnit;
-      ok(isValidUnit("0"));
-      ok(isValidUnit("1"));
-      ok(isValidUnit("1.1"));
-      ok(isValidUnit("-1.1"));
-      ok(isValidUnit(".6mm"));
-      ok(isValidUnit("-.6cm"));
-      ok(isValidUnit("6000in"));
-      ok(isValidUnit("6px"));
-      ok(isValidUnit("6.3pc"));
-      ok(isValidUnit("-0.4em"));
-      ok(isValidUnit("-0.ex"));
-      ok(isValidUnit("40.123%"));
-
-      equals(isValidUnit("id","uniqueId",document.getElementById("uniqueId")), true);
-      equals(isValidUnit("id","newId",document.getElementById("uniqueId")), true);
-      equals(isValidUnit("id","uniqueId"), false);
-      equals(isValidUnit("id","uniqueId",document.getElementById("nonUniqueId")), false);
-    });
-
-    test('Test svgedit.units.convertUnit()', function() {
-      expect(4);
-
-      setUp();
-
-      ok(svgedit.units.convertUnit);
-      equals(typeof svgedit.units.convertUnit, typeof function(){});
-      // cm in default setup
-      equals(svgedit.units.convertUnit(42), 1.1113);
-      equals(svgedit.units.convertUnit(42, 'px'), 42);
-    });
-  });
-  </script>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="units_test.js"></script>
 </head>
 <body>
-  <h1 id='qunit-header'>Unit Tests for units.js</h1>
-  <h2 id='qunit-banner'></h2>
-  <h2 id='qunit-userAgent'></h2>
-  <ol id='qunit-tests'></ol>
-  <div id='anchor' style='visibility:hidden'></div>
+  <h1 id="qunit-header">Unit Tests for units.js</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="anchor" style="visibility: hidden;"></div>
   <div id="elementsContainer">
-    <div id='uniqueId' style='visibility:hidden'></div>
-    <div id='nonUniqueId' style='visibility:hidden'></div>
+    <div id="uniqueId" style="visibility: hidden;"></div>
+    <div id="nonUniqueId" style="visibility: hidden;"></div>
   </div>
 </body>
 </html>
diff --git a/test/units_test.js b/test/units_test.js
new file mode 100644
index 00000000..cf386dc7
--- /dev/null
+++ b/test/units_test.js
@@ -0,0 +1,86 @@
+/* eslint-env qunit */
+import * as units from '../editor/units.js';
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+function setUp () {
+  units.init(
+    /**
+    * @implements {module:units.ElementContainer}
+    */
+    {
+      getBaseUnit () { return 'cm'; },
+      getHeight () { return 600; },
+      getWidth () { return 800; },
+      getRoundDigits () { return 4; },
+      getElement (elementId) { return document.getElementById(elementId); }
+    }
+  );
+}
+
+QUnit.test('Test svgedit.units package', function (assert) {
+  assert.expect(2);
+  assert.ok(units);
+  assert.equal(typeof units, typeof {});
+});
+
+QUnit.test('Test svgedit.units.shortFloat()', function (assert) {
+  assert.expect(7);
+
+  setUp();
+
+  assert.ok(units.shortFloat);
+  assert.equal(typeof units.shortFloat, typeof function () {});
+
+  const {shortFloat} = units;
+  assert.equal(shortFloat(0.00000001), 0);
+  assert.equal(shortFloat(1), 1);
+  assert.equal(shortFloat(3.45678), 3.4568);
+  assert.equal(shortFloat(1.23443), 1.2344);
+  assert.equal(shortFloat(1.23455), 1.2346);
+});
+
+QUnit.test('Test svgedit.units.isValidUnit()', function (assert) {
+  assert.expect(18);
+
+  setUp();
+
+  assert.ok(units.isValidUnit);
+  assert.equal(typeof units.isValidUnit, typeof function () {});
+
+  const {isValidUnit} = units;
+  assert.ok(isValidUnit('0'));
+  assert.ok(isValidUnit('1'));
+  assert.ok(isValidUnit('1.1'));
+  assert.ok(isValidUnit('-1.1'));
+  assert.ok(isValidUnit('.6mm'));
+  assert.ok(isValidUnit('-.6cm'));
+  assert.ok(isValidUnit('6000in'));
+  assert.ok(isValidUnit('6px'));
+  assert.ok(isValidUnit('6.3pc'));
+  assert.ok(isValidUnit('-0.4em'));
+  assert.ok(isValidUnit('-0.ex'));
+  assert.ok(isValidUnit('40.123%'));
+
+  assert.equal(isValidUnit('id', 'uniqueId', document.getElementById('uniqueId')), true);
+  assert.equal(isValidUnit('id', 'newId', document.getElementById('uniqueId')), true);
+  assert.equal(isValidUnit('id', 'uniqueId'), false);
+  assert.equal(isValidUnit('id', 'uniqueId', document.getElementById('nonUniqueId')), false);
+});
+
+QUnit.test('Test svgedit.units.convertUnit()', function (assert) {
+  assert.expect(4);
+
+  setUp();
+
+  assert.ok(units.convertUnit);
+  assert.equal(typeof units.convertUnit, typeof function () {});
+  // cm in default setup
+  assert.equal(units.convertUnit(42), 1.1113);
+  assert.equal(units.convertUnit(42, 'px'), 42);
+});
diff --git a/test/utilities_bbox_test.html b/test/utilities_bbox_test.html
new file mode 100644
index 00000000..025a5024
--- /dev/null
+++ b/test/utilities_bbox_test.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <title>Unit Tests for utilities.js BBox functions</title>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="utilities_bbox_test.js"></script>
+</head>
+<body>
+  <h1 id="qunit-header">Unit Tests for utilities.js BBox functions</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="sandbox"></div>
+</body>
+</html>
diff --git a/test/utilities_bbox_test.js b/test/utilities_bbox_test.js
new file mode 100644
index 00000000..c5ff45de
--- /dev/null
+++ b/test/utilities_bbox_test.js
@@ -0,0 +1,478 @@
+/* eslint-env qunit */
+import '../editor/svgpathseg.js';
+import {NS} from '../editor/namespaces.js';
+import * as utilities from '../editor/utilities.js';
+import * as transformlist from '../editor/svgtransformlist.js';
+import * as math from '../editor/math.js';
+import * as path from '../editor/path.js';
+import closePlugin from './qunit/qunit-assert-close.js';
+
+closePlugin(QUnit);
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+function mockCreateSVGElement (jsonMap) {
+  const elem = document.createElementNS(NS.SVG, jsonMap['element']);
+  for (const attr in jsonMap['attr']) {
+    elem.setAttribute(attr, jsonMap['attr'][attr]);
+  }
+  return elem;
+}
+let mockaddSVGElementFromJsonCallCount = 0;
+function mockaddSVGElementFromJson (json) {
+  const elem = mockCreateSVGElement(json);
+  svgroot.append(elem);
+  mockaddSVGElementFromJsonCallCount++;
+  return elem;
+}
+const mockPathActions = {
+  resetOrientation (pth) {
+    if (pth == null || pth.nodeName !== 'path') { return false; }
+    const tlist = transformlist.getTransformList(pth);
+    const m = math.transformListToTransform(tlist).matrix;
+    tlist.clear();
+    pth.removeAttribute('transform');
+    const segList = pth.pathSegList;
+
+    const len = segList.numberOfItems;
+    // let lastX, lastY;
+
+    for (let i = 0; i < len; ++i) {
+      const seg = segList.getItem(i);
+      const type = seg.pathSegType;
+      if (type === 1) { continue; }
+      const pts = [];
+      ['', 1, 2].forEach(function (n, j) {
+        const x = seg['x' + n], y = seg['y' + n];
+        if (x !== undefined && y !== undefined) {
+          const pt = math.transformPoint(x, y, m);
+          pts.splice(pts.length, 0, pt.x, pt.y);
+        }
+      });
+      path.replacePathSeg(type, i, pts, pth);
+    }
+    // path.reorientGrads(pth, m);
+  }
+};
+
+const EPSILON = 0.001;
+// const svg = document.createElementNS(NS.SVG, 'svg');
+const sandbox = document.getElementById('sandbox');
+const svgroot = mockCreateSVGElement({
+  element: 'svg',
+  attr: {id: 'svgroot'}
+});
+sandbox.append(svgroot);
+
+QUnit.module('svgedit.utilities_bbox', {
+  beforeEach () {
+    // We're reusing ID's so we need to do this for transforms.
+    transformlist.resetListMap();
+    path.init(null);
+    mockaddSVGElementFromJsonCallCount = 0;
+  },
+  afterEach () {
+  }
+});
+
+QUnit.test('Test svgedit.utilities package', function (assert) {
+  assert.ok(utilities);
+  assert.ok(utilities.getBBoxWithTransform);
+  assert.ok(utilities.getStrokedBBox);
+  assert.ok(utilities.getRotationAngleFromTransformList);
+  assert.ok(utilities.getRotationAngle);
+});
+
+QUnit.test('Test getBBoxWithTransform and no transform', function (assert) {
+  const {getBBoxWithTransform} = utilities;
+
+  let elem = mockCreateSVGElement({
+    element: 'path',
+    attr: {id: 'path', d: 'M0,1 L2,3'}
+  });
+  svgroot.append(elem);
+  let bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 2, height: 2});
+  assert.equal(mockaddSVGElementFromJsonCallCount, 0);
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '0', y: '1', width: '5', height: '10'}
+  });
+  svgroot.append(elem);
+  bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 5, height: 10});
+  assert.equal(mockaddSVGElementFromJsonCallCount, 0);
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'line',
+    attr: {id: 'line', x1: '0', y1: '1', x2: '5', y2: '6'}
+  });
+  svgroot.append(elem);
+  bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 5, height: 5});
+  assert.equal(mockaddSVGElementFromJsonCallCount, 0);
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '0', y: '1', width: '5', height: '10'}
+  });
+  const g = mockCreateSVGElement({
+    element: 'g',
+    attr: {}
+  });
+  g.append(elem);
+  svgroot.append(g);
+  bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 5, height: 10});
+  assert.equal(mockaddSVGElementFromJsonCallCount, 0);
+  g.remove();
+});
+
+QUnit.test('Test getBBoxWithTransform and a rotation transform', function (assert) {
+  const {getBBoxWithTransform} = utilities;
+
+  let elem = mockCreateSVGElement({
+    element: 'path',
+    attr: {id: 'path', d: 'M10,10 L20,20', transform: 'rotate(45 10,10)'}
+  });
+  svgroot.append(elem);
+  let bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
+  assert.close(bbox.x, 10, EPSILON);
+  assert.close(bbox.y, 10, EPSILON);
+  assert.close(bbox.width, 0, EPSILON);
+  assert.close(bbox.height, Math.sqrt(100 + 100), EPSILON);
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '10', y: '10', width: '10', height: '20', transform: 'rotate(90 15,20)'}
+  });
+  svgroot.append(elem);
+  bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
+  assert.close(bbox.x, 5, EPSILON);
+  assert.close(bbox.y, 15, EPSILON);
+  assert.close(bbox.width, 20, EPSILON);
+  assert.close(bbox.height, 10, EPSILON);
+  assert.equal(mockaddSVGElementFromJsonCallCount, 1);
+  elem.remove();
+
+  const rect = {x: 10, y: 10, width: 10, height: 20};
+  const angle = 45;
+  const origin = {x: 15, y: 20};
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect2', x: rect.x, y: rect.y, width: rect.width, height: rect.height, transform: 'rotate(' + angle + ' ' + origin.x + ',' + origin.y + ')'}
+  });
+  svgroot.append(elem);
+  mockaddSVGElementFromJsonCallCount = 0;
+  bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
+  const r2 = rotateRect(rect, angle, origin);
+  assert.close(bbox.x, r2.x, EPSILON, 'rect2 x is ' + r2.x);
+  assert.close(bbox.y, r2.y, EPSILON, 'rect2 y is ' + r2.y);
+  assert.close(bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width);
+  assert.close(bbox.height, r2.height, EPSILON, 'rect2 height is ' + r2.height);
+  assert.equal(mockaddSVGElementFromJsonCallCount, 0);
+  elem.remove();
+
+  // Same as previous but wrapped with g and the transform is with the g.
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect3', x: rect.x, y: rect.y, width: rect.width, height: rect.height}
+  });
+  const g = mockCreateSVGElement({
+    element: 'g',
+    attr: {transform: 'rotate(' + angle + ' ' + origin.x + ',' + origin.y + ')'}
+  });
+  g.append(elem);
+  svgroot.append(g);
+  mockaddSVGElementFromJsonCallCount = 0;
+  bbox = getBBoxWithTransform(g, mockaddSVGElementFromJson, mockPathActions);
+  assert.close(bbox.x, r2.x, EPSILON, 'rect2 x is ' + r2.x);
+  assert.close(bbox.y, r2.y, EPSILON, 'rect2 y is ' + r2.y);
+  assert.close(bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width);
+  assert.close(bbox.height, r2.height, EPSILON, 'rect2 height is ' + r2.height);
+  assert.equal(mockaddSVGElementFromJsonCallCount, 0);
+  g.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'ellipse',
+    attr: {id: 'ellipse1', cx: '100', cy: '100', rx: '50', ry: '50', transform: 'rotate(45 100,100)'}
+  });
+  svgroot.append(elem);
+  mockaddSVGElementFromJsonCallCount = 0;
+  bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
+  // TODO: the BBox algorithm is using the bezier control points to calculate the bounding box. Should be 50, 50, 100, 100.
+  assert.ok(bbox.x > 45 && bbox.x <= 50);
+  assert.ok(bbox.y > 45 && bbox.y <= 50);
+  assert.ok(bbox.width >= 100 && bbox.width < 110);
+  assert.ok(bbox.height >= 100 && bbox.height < 110);
+  assert.equal(mockaddSVGElementFromJsonCallCount, 1);
+  elem.remove();
+});
+
+QUnit.test('Test getBBoxWithTransform with rotation and matrix transforms', function (assert) {
+  const {getBBoxWithTransform} = utilities;
+
+  let tx = 10; // tx right
+  let ty = 10; // tx down
+  let txInRotatedSpace = Math.sqrt(tx * tx + ty * ty); // translate in rotated 45 space.
+  let tyInRotatedSpace = 0;
+  let matrix = 'matrix(1,0,0,1,' + txInRotatedSpace + ',' + tyInRotatedSpace + ')';
+  let elem = mockCreateSVGElement({
+    element: 'path',
+    attr: {id: 'path', d: 'M10,10 L20,20', transform: 'rotate(45 10,10) ' + matrix}
+  });
+  svgroot.append(elem);
+  let bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
+  assert.close(bbox.x, 10 + tx, EPSILON);
+  assert.close(bbox.y, 10 + ty, EPSILON);
+  assert.close(bbox.width, 0, EPSILON);
+  assert.close(bbox.height, Math.sqrt(100 + 100), EPSILON);
+  elem.remove();
+
+  txInRotatedSpace = tx; // translate in rotated 90 space.
+  tyInRotatedSpace = -ty;
+  matrix = 'matrix(1,0,0,1,' + txInRotatedSpace + ',' + tyInRotatedSpace + ')';
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '10', y: '10', width: '10', height: '20', transform: 'rotate(90 15,20) ' + matrix}
+  });
+  svgroot.append(elem);
+  bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
+  assert.close(bbox.x, 5 + tx, EPSILON);
+  assert.close(bbox.y, 15 + ty, EPSILON);
+  assert.close(bbox.width, 20, EPSILON);
+  assert.close(bbox.height, 10, EPSILON);
+  elem.remove();
+
+  const rect = {x: 10, y: 10, width: 10, height: 20};
+  const angle = 45;
+  const origin = {x: 15, y: 20};
+  tx = 10; // tx right
+  ty = 10; // tx down
+  txInRotatedSpace = Math.sqrt(tx * tx + ty * ty); // translate in rotated 45 space.
+  tyInRotatedSpace = 0;
+  matrix = 'matrix(1,0,0,1,' + txInRotatedSpace + ',' + tyInRotatedSpace + ')';
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect2', x: rect.x, y: rect.y, width: rect.width, height: rect.height, transform: 'rotate(' + angle + ' ' + origin.x + ',' + origin.y + ') ' + matrix}
+  });
+  svgroot.append(elem);
+  bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
+  const r2 = rotateRect(rect, angle, origin);
+  assert.close(bbox.x, r2.x + tx, EPSILON, 'rect2 x is ' + r2.x);
+  assert.close(bbox.y, r2.y + ty, EPSILON, 'rect2 y is ' + r2.y);
+  assert.close(bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width);
+  assert.close(bbox.height, r2.height, EPSILON, 'rect2 height is ' + r2.height);
+  elem.remove();
+
+  // Same as previous but wrapped with g and the transform is with the g.
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect3', x: rect.x, y: rect.y, width: rect.width, height: rect.height}
+  });
+  const g = mockCreateSVGElement({
+    element: 'g',
+    attr: {transform: 'rotate(' + angle + ' ' + origin.x + ',' + origin.y + ') ' + matrix}
+  });
+  g.append(elem);
+  svgroot.append(g);
+  bbox = getBBoxWithTransform(g, mockaddSVGElementFromJson, mockPathActions);
+  assert.close(bbox.x, r2.x + tx, EPSILON, 'rect2 x is ' + r2.x);
+  assert.close(bbox.y, r2.y + ty, EPSILON, 'rect2 y is ' + r2.y);
+  assert.close(bbox.width, r2.width, EPSILON, 'rect2 width is' + r2.width);
+  assert.close(bbox.height, r2.height, EPSILON, 'rect2 height is ' + r2.height);
+  g.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'ellipse',
+    attr: {id: 'ellipse1', cx: '100', cy: '100', rx: '50', ry: '50', transform: 'rotate(45 100,100) ' + matrix}
+  });
+  svgroot.append(elem);
+  bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
+  // TODO: the BBox algorithm is using the bezier control points to calculate the bounding box. Should be 50, 50, 100, 100.
+  assert.ok(bbox.x > 45 + tx && bbox.x <= 50 + tx);
+  assert.ok(bbox.y > 45 + ty && bbox.y <= 50 + ty);
+  assert.ok(bbox.width >= 100 && bbox.width < 110);
+  assert.ok(bbox.height >= 100 && bbox.height < 110);
+  elem.remove();
+});
+
+QUnit.test('Test getStrokedBBox with stroke-width 10', function (assert) {
+  const {getStrokedBBox} = utilities;
+
+  const strokeWidth = 10;
+  let elem = mockCreateSVGElement({
+    element: 'path',
+    attr: {id: 'path', d: 'M0,1 L2,3', 'stroke-width': strokeWidth}
+  });
+  svgroot.append(elem);
+  let bbox = getStrokedBBox([elem], mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0 - strokeWidth / 2, y: 1 - strokeWidth / 2, width: 2 + strokeWidth, height: 2 + strokeWidth});
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '0', y: '1', width: '5', height: '10', 'stroke-width': strokeWidth}
+  });
+  svgroot.append(elem);
+  bbox = getStrokedBBox([elem], mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0 - strokeWidth / 2, y: 1 - strokeWidth / 2, width: 5 + strokeWidth, height: 10 + strokeWidth});
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'line',
+    attr: {id: 'line', x1: '0', y1: '1', x2: '5', y2: '6', 'stroke-width': strokeWidth}
+  });
+  svgroot.append(elem);
+  bbox = getStrokedBBox([elem], mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0 - strokeWidth / 2, y: 1 - strokeWidth / 2, width: 5 + strokeWidth, height: 5 + strokeWidth});
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '0', y: '1', width: '5', height: '10', 'stroke-width': strokeWidth}
+  });
+  const g = mockCreateSVGElement({
+    element: 'g',
+    attr: {}
+  });
+  g.append(elem);
+  svgroot.append(g);
+  bbox = getStrokedBBox([elem], mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0 - strokeWidth / 2, y: 1 - strokeWidth / 2, width: 5 + strokeWidth, height: 10 + strokeWidth});
+  g.remove();
+});
+
+QUnit.test("Test getStrokedBBox with stroke-width 'none'", function (assert) {
+  const {getStrokedBBox} = utilities;
+
+  let elem = mockCreateSVGElement({
+    element: 'path',
+    attr: {id: 'path', d: 'M0,1 L2,3', 'stroke-width': 'none'}
+  });
+  svgroot.append(elem);
+  let bbox = getStrokedBBox([elem], mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 2, height: 2});
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '0', y: '1', width: '5', height: '10', 'stroke-width': 'none'}
+  });
+  svgroot.append(elem);
+  bbox = getStrokedBBox([elem], mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 5, height: 10});
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'line',
+    attr: {id: 'line', x1: '0', y1: '1', x2: '5', y2: '6', 'stroke-width': 'none'}
+  });
+  svgroot.append(elem);
+  bbox = getStrokedBBox([elem], mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 5, height: 5});
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '0', y: '1', width: '5', height: '10', 'stroke-width': 'none'}
+  });
+  const g = mockCreateSVGElement({
+    element: 'g',
+    attr: {}
+  });
+  g.append(elem);
+  svgroot.append(g);
+  bbox = getStrokedBBox([elem], mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 5, height: 10});
+  g.remove();
+});
+
+QUnit.test('Test getStrokedBBox with no stroke-width attribute', function (assert) {
+  const {getStrokedBBox} = utilities;
+
+  let elem = mockCreateSVGElement({
+    element: 'path',
+    attr: {id: 'path', d: 'M0,1 L2,3'}
+  });
+  svgroot.append(elem);
+  let bbox = getStrokedBBox([elem], mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 2, height: 2});
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '0', y: '1', width: '5', height: '10'}
+  });
+  svgroot.append(elem);
+  bbox = getStrokedBBox([elem], mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 5, height: 10});
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'line',
+    attr: {id: 'line', x1: '0', y1: '1', x2: '5', y2: '6'}
+  });
+  svgroot.append(elem);
+  bbox = getStrokedBBox([elem], mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 5, height: 5});
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '0', y: '1', width: '5', height: '10'}
+  });
+  const g = mockCreateSVGElement({
+    element: 'g',
+    attr: {}
+  });
+  g.append(elem);
+  svgroot.append(g);
+  bbox = getStrokedBBox([elem], mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 5, height: 10});
+  g.remove();
+});
+
+function radians (degrees) {
+  return degrees * Math.PI / 180;
+}
+function rotatePoint (point, angle, origin) {
+  if (!origin) {
+    origin = {x: 0, y: 0};
+  }
+  const x = point.x - origin.x;
+  const y = point.y - origin.y;
+  const theta = radians(angle);
+  return {
+    x: x * Math.cos(theta) + y * Math.sin(theta) + origin.x,
+    y: x * Math.sin(theta) + y * Math.cos(theta) + origin.y
+  };
+}
+function rotateRect (rect, angle, origin) {
+  const tl = rotatePoint({x: rect.x, y: rect.y}, angle, origin);
+  const tr = rotatePoint({x: rect.x + rect.width, y: rect.y}, angle, origin);
+  const br = rotatePoint({x: rect.x + rect.width, y: rect.y + rect.height}, angle, origin);
+  const bl = rotatePoint({x: rect.x, y: rect.y + rect.height}, angle, origin);
+
+  const minx = Math.min(tl.x, tr.x, bl.x, br.x);
+  const maxx = Math.max(tl.x, tr.x, bl.x, br.x);
+  const miny = Math.min(tl.y, tr.y, bl.y, br.y);
+  const maxy = Math.max(tl.y, tr.y, bl.y, br.y);
+
+  return {
+    x: minx,
+    y: miny,
+    width: (maxx - minx),
+    height: (maxy - miny)
+  };
+}
diff --git a/test/utilities_performance_test.html b/test/utilities_performance_test.html
new file mode 100644
index 00000000..ecc8cc27
--- /dev/null
+++ b/test/utilities_performance_test.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+  <title>Performance Unit Tests for utilities.js</title>
+
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <style id="styleoverrides" media="screen">
+  #svgcanvas svg * {
+    cursor: move;
+    pointer-events: all
+  }
+  #svgcanvas svg {
+    cursor: default
+  }
+  </style>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="utilities_performance_test.js"></script>
+</head>
+<body>
+  <h1 id="qunit-header">Performance Unit Tests for utilities.js</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+
+  <div id="svg_editor">
+    <div id="workarea" style="cursor: auto; overflow: scroll; line-height: 12px; right: 100px;">
+
+      <!-- Must include this thumbnail view to see some of the performance issues -->
+      <svg id="overviewMiniView" width="150" height="112.5" x="0" y="0" viewBox="100 100 1000 1000" style="float: right;"
+           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="svgcanvas" style="position: relative; width: 1000px; height: 1000px;">
+        <svg id="svgroot" xmlns="http://www.w3.org/2000/svg" xlinkns="http://www.w3.org/1999/xlink" width="1000" height="1000" x="640" y="480" overflow="visible">
+          <defs><filter id="canvashadow" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"></feGaussianBlur><feOffset in="blur" dx="5" dy="5" result="offsetBlur"></feOffset><feMerge><feMergeNode in="offsetBlur"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter><pattern id="gridpattern" patternUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"><image x="0" y="0" width="100" height="100"></image></pattern></defs>
+          <svg id="canvasBackground" width="1000" height="200" x="10" y="10" overflow="none" style="pointer-events:none"><rect width="100%" height="100%" x="0" y="0" stroke="#000" fill="#000" style="pointer-events:none"></rect><svg id="canvasGrid" width="100%" height="100%" x="0" y="0" overflow="visible" display="none" style="display: inline;"><rect width="100%" height="100%" x="0" y="0" stroke-width="0" stroke="none" fill="url(#gridpattern)" style="pointer-events: none; display:visible;"></rect></svg></svg>
+          <animate attributeName="opacity" begin="indefinite" dur="1" fill="freeze"></animate>
+
+          <svg id="svgcontent" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 480" overflow="visible" width="1000" height="200" x="100" y="20">
+
+            <g id="layer1">
+              <title>Layer 1</title>
+
+              <g id="svg_group_with_matrix_transform" transform="matrix(0.5, 0, 0, 0.5, 10, 10)">
+                <svg id="svg_2" x="100" y="0" class="symbol" preserveAspectRatio="xMaxYMax">
+                  <g id="svg_3">
+                    <rect id="svg_4" x="0" y="0" width="20" height="20" fill="#00FF00"></rect>
+                  </g>
+                  <g id="svg_5" display="none">
+                    <rect id="svg_6" x="0" y="0" width="20" height="20" fill="#A40000"></rect>
+                  </g>
+                </svg>
+              </g>
+              <text id="svg_text_with_matrix_transform" transform="matrix(0.433735, 0, 0, 0.433735, 2, 4)" xml:space="preserve" text-anchor="middle" font-family="serif" font-size="24" y="0" x="61" stroke="#999999" fill="#999999">Some text</text>
+
+            </g>
+            <g>
+              <title>Layer 2</title>
+            </g>
+
+          </svg>
+        </svg>
+      </div>
+    </div>
+  </div>
+
+</body>
+</html>
diff --git a/test/utilities_performance_test.js b/test/utilities_performance_test.js
new file mode 100644
index 00000000..3796c13f
--- /dev/null
+++ b/test/utilities_performance_test.js
@@ -0,0 +1,167 @@
+/* eslint-env qunit */
+import '../editor/svgpathseg.js';
+import {NS} from '../editor/namespaces.js';
+import * as utilities from '../editor/utilities.js';
+import * as transformlist from '../editor/svgtransformlist.js';
+import * as math from '../editor/math.js';
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+const currentLayer = document.getElementById('layer1');
+
+function mockCreateSVGElement (jsonMap) {
+  const elem = document.createElementNS(NS.SVG, jsonMap['element']);
+  for (const attr in jsonMap['attr']) {
+    elem.setAttribute(attr, jsonMap['attr'][attr]);
+  }
+  return elem;
+}
+function mockaddSVGElementFromJson (json) {
+  const elem = mockCreateSVGElement(json);
+  currentLayer.append(elem);
+  return elem;
+}
+
+// const svg = document.createElementNS(NS.SVG, 'svg');
+const groupWithMatrixTransform = document.getElementById('svg_group_with_matrix_transform');
+const textWithMatrixTransform = document.getElementById('svg_text_with_matrix_transform');
+
+function fillDocumentByCloningElement (elem, count) {
+  const elemId = elem.getAttribute('id') + '-';
+  for (let index = 0; index < count; index++) {
+    const clone = elem.cloneNode(true); // t: deep clone
+    // Make sure you set a unique ID like a real document.
+    clone.setAttribute('id', elemId + index);
+    const parent = elem.parentNode;
+    parent.append(clone);
+  }
+}
+
+QUnit.module('svgedit.utilities_performance', {
+  beforeEach () {
+  },
+  afterEach () {
+  }
+});
+
+const mockPathActions = {
+  resetOrientation (path) {
+    if (path == null || path.nodeName !== 'path') { return false; }
+    const tlist = transformlist.getTransformList(path);
+    const m = math.transformListToTransform(tlist).matrix;
+    tlist.clear();
+    path.removeAttribute('transform');
+    const segList = path.pathSegList;
+
+    const len = segList.numberOfItems;
+    // let lastX, lastY;
+
+    for (let i = 0; i < len; ++i) {
+      const seg = segList.getItem(i);
+      const type = seg.pathSegType;
+      if (type === 1) { continue; }
+      const pts = [];
+      ['', 1, 2].forEach(function (n, j) {
+        const x = seg['x' + n], y = seg['y' + n];
+        if (x !== undefined && y !== undefined) {
+          const pt = math.transformPoint(x, y, m);
+          pts.splice(pts.length, 0, pt.x, pt.y);
+        }
+      });
+      // path.replacePathSeg(type, i, pts, path);
+    }
+
+    // utilities.reorientGrads(path, m);
+  }
+};
+
+// //////////////////////////////////////////////////////////
+// Performance times with various browsers on Macbook 2011 8MB RAM OS X El Capitan 10.11.4
+//
+// To see 'Before Optimization' performance, making the following two edits.
+// 1. utilities.getStrokedBBox - change if( elems.length === 1) to if( false && elems.length === 1)
+// 2. utilities.getBBoxWithTransform - uncomment 'Old technique that was very slow'
+
+// Chrome
+// Before Optimization
+//	 Pass1 svgCanvas.getStrokedBBox total ms 4,218, ave ms 41.0,	 min/max 37 51
+//	 Pass2 svgCanvas.getStrokedBBox total ms 4,458, ave ms 43.3,	 min/max 32 63
+// Optimized Code
+//	 Pass1 svgCanvas.getStrokedBBox total ms 1,112, ave ms 10.8,	 min/max 9 20
+//	 Pass2 svgCanvas.getStrokedBBox total ms		34, ave ms	0.3,	 min/max 0 20
+
+// Firefox
+// Before Optimization
+//	 Pass1 svgCanvas.getStrokedBBox total ms 3,794, ave ms 36.8,	 min/max 33 48
+//	 Pass2 svgCanvas.getStrokedBBox total ms 4,049, ave ms 39.3,	 min/max 28 53
+// Optimized Code
+//	 Pass1 svgCanvas.getStrokedBBox total ms	 104, ave ms 1.0,	 min/max 0 23
+//	 Pass2 svgCanvas.getStrokedBBox total ms		71, ave ms 0.7,	 min/max 0 23
+
+// Safari
+// Before Optimization
+//	 Pass1 svgCanvas.getStrokedBBox total ms 4,840, ave ms 47.0,	 min/max 45 62
+//	 Pass2 svgCanvas.getStrokedBBox total ms 4,849, ave ms 47.1,	 min/max 34 62
+// Optimized Code
+//	 Pass1 svgCanvas.getStrokedBBox total ms		42, ave ms 0.4,	 min/max 0 23
+//	 Pass2 svgCanvas.getStrokedBBox total ms		17, ave ms 0.2,	 min/max 0 23
+
+QUnit.test('Test svgCanvas.getStrokedBBox() performance with matrix transforms', function (assert) {
+  const done = assert.async();
+  assert.expect(2);
+  const {getStrokedBBox} = utilities;
+  const {children} = currentLayer;
+
+  let lastTime, now,
+    min = Number.MAX_VALUE,
+    max = 0,
+    total = 0;
+
+  fillDocumentByCloningElement(groupWithMatrixTransform, 50);
+  fillDocumentByCloningElement(textWithMatrixTransform, 50);
+
+  // The first pass through all elements is slower.
+  const count = children.length;
+  const start = lastTime = now = Date.now();
+  // Skip the first child which is the title.
+  for (let index = 1; index < count; index++) {
+    const child = children[index];
+    /* const obj = */ getStrokedBBox([child], mockaddSVGElementFromJson, mockPathActions);
+    now = Date.now(); const delta = now - lastTime; lastTime = now;
+    total += delta;
+    min = Math.min(min, delta);
+    max = Math.max(max, delta);
+  }
+  total = lastTime - start;
+  const ave = total / count;
+  assert.ok(ave < 20, 'svgedit.utilities.getStrokedBBox average execution time is less than 20 ms');
+  console.log('Pass1 svgCanvas.getStrokedBBox total ms ' + total + ', ave ms ' + ave.toFixed(1) + ',\t min/max ' + min + ' ' + max);
+
+  // The second pass is two to ten times faster.
+  setTimeout(function () {
+    const count = children.length;
+
+    const start = lastTime = now = Date.now();
+    // Skip the first child which is the title.
+    for (let index = 1; index < count; index++) {
+      const child = children[index];
+      /* const obj = */ getStrokedBBox([child], mockaddSVGElementFromJson, mockPathActions);
+      now = Date.now(); const delta = now - lastTime; lastTime = now;
+      total += delta;
+      min = Math.min(min, delta);
+      max = Math.max(max, delta);
+    }
+
+    total = lastTime - start;
+    const ave = total / count;
+    assert.ok(ave < 2, 'svgedit.utilities.getStrokedBBox average execution time is less than 1 ms');
+    console.log('Pass2 svgCanvas.getStrokedBBox total ms ' + total + ', ave ms ' + ave.toFixed(1) + ',\t min/max ' + min + ' ' + max);
+
+    done();
+  });
+});
diff --git a/test/utilities_test.html b/test/utilities_test.html
new file mode 100644
index 00000000..5a583bc3
--- /dev/null
+++ b/test/utilities_test.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <title>Unit Tests for utilities.js</title>
+  <link rel="icon" type="image/png" href="../editor/images/logo.png"/>
+  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css"/>
+  <script src="../editor/jquery.min.js"></script>
+  <script src="../node_modules/qunit/qunit/qunit.js"></script>
+  <script type="module" src="utilities_test.js"></script>
+</head>
+<body>
+  <h1 id="qunit-header">Unit Tests for utilities.js</h1>
+  <h2 id="qunit-banner"></h2>
+  <h2 id="qunit-userAgent"></h2>
+  <ol id="qunit-tests"></ol>
+  <div id="sandbox"></div>
+</body>
+</html>
diff --git a/test/utilities_test.js b/test/utilities_test.js
new file mode 100644
index 00000000..384cc79c
--- /dev/null
+++ b/test/utilities_test.js
@@ -0,0 +1,346 @@
+/* eslint-env qunit */
+
+import {NS} from '../editor/namespaces.js';
+import * as utilities from '../editor/utilities.js';
+import * as browser from '../editor/browser.js';
+
+// log function
+QUnit.log((details) => {
+  if (window.console && window.console.log) {
+    window.console.log(details.result + ' :: ' + details.message);
+  }
+});
+
+function mockCreateSVGElement (jsonMap) {
+  const elem = document.createElementNS(NS.SVG, jsonMap['element']);
+  for (const attr in jsonMap['attr']) {
+    elem.setAttribute(attr, jsonMap['attr'][attr]);
+  }
+  return elem;
+}
+function mockaddSVGElementFromJson (json) {
+  const elem = mockCreateSVGElement(json);
+  svgroot.append(elem);
+  return elem;
+}
+const mockPathActions = {resetOrientation () {}};
+let mockHistorySubCommands = [];
+const mockHistory = {
+  BatchCommand: class {
+    constructor () {
+      return {
+        addSubCommand (cmd) { mockHistorySubCommands.push(cmd); }
+      };
+    }
+  },
+  RemoveElementCommand: class {
+    constructor (elem, nextSibling, parent) { // Longhand needed since used as a constructor
+      this.elem = elem;
+      this.nextSibling = nextSibling;
+      this.parent = parent;
+    }
+  },
+  InsertElementCommand: class {
+    constructor (path) { // Longhand needed since used as a constructor
+      this.path = path;
+    }
+  }
+};
+const mockCount = {
+  clearSelection: 0,
+  addToSelection: 0,
+  addCommandToHistory: 0
+};
+function mockClearSelection () { mockCount.clearSelection++; }
+function mockAddToSelection () { mockCount.addToSelection++; }
+function mockAddCommandToHistory () { mockCount.addCommandToHistory++; }
+
+const svg = document.createElementNS(NS.SVG, 'svg');
+const sandbox = document.getElementById('sandbox');
+const svgroot = mockCreateSVGElement({
+  element: 'svg',
+  attr: {id: 'svgroot'}
+});
+sandbox.append(svgroot);
+
+QUnit.module('svgedit.utilities', {
+  beforeEach () {
+    mockHistorySubCommands = [];
+    mockCount.clearSelection = 0;
+    mockCount.addToSelection = 0;
+    mockCount.addCommandToHistory = 0;
+  },
+  afterEach () {
+  }
+});
+
+QUnit.test('Test svgedit.utilities package', function (assert) {
+  assert.expect(3);
+
+  assert.ok(utilities);
+  assert.ok(utilities.toXml);
+  assert.equal(typeof utilities.toXml, typeof function () {});
+});
+
+QUnit.test('Test svgedit.utilities.toXml() function', function (assert) {
+  assert.expect(6);
+  const {toXml} = utilities;
+
+  assert.equal(toXml('a'), 'a');
+  assert.equal(toXml('ABC_'), 'ABC_');
+  assert.equal(toXml('PB&J'), 'PB&amp;J');
+  assert.equal(toXml('2 < 5'), '2 &lt; 5');
+  assert.equal(toXml('5 > 2'), '5 &gt; 2');
+  assert.equal(toXml('\'<&>"'), '&#x27;&lt;&amp;&gt;&quot;');
+});
+
+QUnit.test('Test svgedit.utilities.fromXml() function', function (assert) {
+  assert.expect(6);
+  const {fromXml} = utilities;
+
+  assert.equal(fromXml('a'), 'a');
+  assert.equal(fromXml('ABC_'), 'ABC_');
+  assert.equal(fromXml('PB&amp;J'), 'PB&J');
+  assert.equal(fromXml('2 &lt; 5'), '2 < 5');
+  assert.equal(fromXml('5 &gt; 2'), '5 > 2');
+  assert.equal(fromXml('&lt;&amp;&gt;'), '<&>');
+});
+
+QUnit.test('Test svgedit.utilities.encode64() function', function (assert) {
+  assert.expect(4);
+  const {encode64} = utilities;
+
+  assert.equal(encode64('abcdef'), 'YWJjZGVm');
+  assert.equal(encode64('12345'), 'MTIzNDU=');
+  assert.equal(encode64(' '), 'IA==');
+  assert.equal(encode64('`~!@#$%^&*()-_=+[{]}\\|;:\'",<.>/?'), 'YH4hQCMkJV4mKigpLV89K1t7XX1cfDs6JyIsPC4+Lz8=');
+});
+
+QUnit.test('Test svgedit.utilities.decode64() function', function (assert) {
+  assert.expect(4);
+  const {decode64} = utilities;
+
+  assert.equal(decode64('YWJjZGVm'), 'abcdef');
+  assert.equal(decode64('MTIzNDU='), '12345');
+  assert.equal(decode64('IA=='), ' ');
+  assert.equal(decode64('YH4hQCMkJV4mKigpLV89K1t7XX1cfDs6JyIsPC4+Lz8='), '`~!@#$%^&*()-_=+[{]}\\|;:\'",<.>/?');
+});
+
+QUnit.test('Test svgedit.utilities.convertToXMLReferences() function', function (assert) {
+  assert.expect(1);
+
+  const convert = utilities.convertToXMLReferences;
+  assert.equal(convert('ABC'), 'ABC');
+  // assert.equal(convert('�BC'), '&#192;BC');
+});
+
+QUnit.test('Test svgedit.utilities.bboxToObj() function', function (assert) {
+  assert.expect(5);
+  const {bboxToObj} = utilities;
+
+  const rect = svg.createSVGRect();
+  rect.x = 1;
+  rect.y = 2;
+  rect.width = 3;
+  rect.height = 4;
+
+  const obj = bboxToObj(rect);
+  assert.equal(typeof obj, typeof {});
+  assert.equal(obj.x, 1);
+  assert.equal(obj.y, 2);
+  assert.equal(obj.width, 3);
+  assert.equal(obj.height, 4);
+});
+
+QUnit.test('Test getUrlFromAttr', function (assert) {
+  assert.expect(4);
+
+  assert.equal(utilities.getUrlFromAttr('url(#foo)'), '#foo');
+  assert.equal(utilities.getUrlFromAttr('url(somefile.svg#foo)'), 'somefile.svg#foo');
+  assert.equal(utilities.getUrlFromAttr('url("#foo")'), '#foo');
+  assert.equal(utilities.getUrlFromAttr('url("#foo")'), '#foo');
+});
+
+QUnit.test('Test getPathBBox', function (assert) {
+  if (browser.supportsPathBBox()) {
+    assert.expect(0);
+    return;
+  }
+  assert.expect(3);
+  const doc = utilities.text2xml('<svg></svg>');
+  const path = doc.createElementNS(NS.SVG, 'path');
+  path.setAttributeNS(null, 'd', 'm0,0l5,0l0,5l-5,0l0,-5z');
+  const bb = utilities.getPathBBox(path);
+  assert.equal(typeof bb, 'object', 'BBox returned object');
+  assert.ok(bb.x && !isNaN(bb.x));
+  assert.ok(bb.y && !isNaN(bb.y));
+});
+
+QUnit.test('Test getPathDFromSegments', function (assert) {
+  const {getPathDFromSegments} = utilities;
+
+  const doc = utilities.text2xml('<svg></svg>');
+  const path = doc.createElementNS(NS.SVG, 'path');
+  path.setAttributeNS(null, 'd', 'm0,0l5,0l0,5l-5,0l0,-5z');
+  let d = getPathDFromSegments([
+    ['M', [1, 2]],
+    ['Z', []]
+  ]);
+  assert.equal(d, 'M1,2 Z');
+
+  d = getPathDFromSegments([
+    ['M', [1, 2]],
+    ['M', [3, 4]],
+    ['Z', []]
+  ]);
+  assert.equal(d, 'M1,2 M3,4 Z');
+
+  d = getPathDFromSegments([
+    ['M', [1, 2]],
+    ['C', [3, 4, 5, 6]],
+    ['Z', []]
+  ]);
+  assert.equal(d, 'M1,2 C3,4 5,6 Z');
+});
+
+QUnit.test('Test getPathDFromElement', function (assert) {
+  const {getPathDFromElement} = utilities;
+
+  let elem = mockCreateSVGElement({
+    element: 'path',
+    attr: {id: 'path', d: 'M0,1 Z'}
+  });
+  svgroot.append(elem);
+  assert.equal(getPathDFromElement(elem), 'M0,1 Z');
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '0', y: '1', width: '5', height: '10'}
+  });
+  svgroot.append(elem);
+  assert.equal(getPathDFromElement(elem), 'M0,1 L5,1 L5,11 L0,11 L0,1 Z');
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'roundrect', x: '0', y: '1', rx: '2', ry: '3', width: '10', height: '11'}
+  });
+  svgroot.append(elem);
+  const closeEnough = new RegExp('M0,4 C0,2.3[0-9]* 0.9[0-9]*,1 2,1 L8,1 C9.0[0-9]*,1 10,2.3[0-9]* 10,4 L10,9 C10,10.6[0-9]* 9.08675799086758,12 8,12 L2,12 C0.9[0-9]*,12 0,10.6[0-9]* 0,9 L0,4 Z');
+  assert.equal(closeEnough.test(getPathDFromElement(elem)), true);
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'line',
+    attr: {id: 'line', x1: '0', y1: '1', x2: '5', y2: '6'}
+  });
+  svgroot.append(elem);
+  assert.equal(getPathDFromElement(elem), 'M0,1L5,6');
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'circle',
+    attr: {id: 'circle', cx: '10', cy: '11', rx: '5', ry: '10'}
+  });
+  svgroot.append(elem);
+  assert.equal(getPathDFromElement(elem), 'M10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 Z');
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'polyline',
+    attr: {id: 'polyline', points: '0,1 5,1 5,11 0,11'}
+  });
+  svgroot.append(elem);
+  assert.equal(getPathDFromElement(elem), 'M0,1 5,1 5,11 0,11');
+  elem.remove();
+
+  assert.equal(getPathDFromElement({tagName: 'something unknown'}), undefined);
+});
+
+QUnit.test('Test getBBoxOfElementAsPath', function (assert) {
+  function getBBoxOfElementAsPath (elem, addSVGElementFromJson, pathActions) {
+    const bbox = utilities.getBBoxOfElementAsPath(elem, addSVGElementFromJson, pathActions);
+    return utilities.bboxToObj(bbox); // need this for assert.equal() to work.
+  }
+
+  let elem = mockCreateSVGElement({
+    element: 'path',
+    attr: {id: 'path', d: 'M0,1 Z'}
+  });
+  svgroot.append(elem);
+  let bbox = getBBoxOfElementAsPath(elem, mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 0, height: 0});
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '0', y: '1', width: '5', height: '10'}
+  });
+  svgroot.append(elem);
+  bbox = getBBoxOfElementAsPath(elem, mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 5, height: 10});
+  elem.remove();
+
+  elem = mockCreateSVGElement({
+    element: 'line',
+    attr: {id: 'line', x1: '0', y1: '1', x2: '5', y2: '6'}
+  });
+  svgroot.append(elem);
+  bbox = getBBoxOfElementAsPath(elem, mockaddSVGElementFromJson, mockPathActions);
+  assert.deepEqual(bbox, {x: 0, y: 1, width: 5, height: 5});
+  elem.remove();
+
+  // TODO: test element with transform. Need resetOrientation above to be working or mock it.
+});
+
+QUnit.test('Test convertToPath rect', function (assert) {
+  const {convertToPath} = utilities;
+  const attrs = {
+    fill: 'red',
+    stroke: 'white',
+    'stroke-width': '1',
+    visibility: 'hidden'
+  };
+
+  const elem = mockCreateSVGElement({
+    element: 'rect',
+    attr: {id: 'rect', x: '0', y: '1', width: '5', height: '10'}
+  });
+  svgroot.append(elem);
+  const path = convertToPath(elem, attrs, mockaddSVGElementFromJson, mockPathActions, mockClearSelection, mockAddToSelection, mockHistory, mockAddCommandToHistory);
+  assert.equal(path.getAttribute('d'), 'M0,1 L5,1 L5,11 L0,11 L0,1 Z');
+  assert.equal(path.getAttribute('visibilituy'), null);
+  assert.equal(path.id, 'rect');
+  assert.equal(path.parentNode, svgroot);
+  assert.equal(elem.parentNode, null);
+  assert.equal(mockHistorySubCommands.length, 2);
+  assert.equal(mockCount.clearSelection, 1);
+  assert.equal(mockCount.addToSelection, 1);
+  assert.equal(mockCount.addCommandToHistory, 1);
+  path.remove();
+});
+
+QUnit.test('Test convertToPath unknown element', function (assert) {
+  const {convertToPath} = utilities;
+  const attrs = {
+    fill: 'red',
+    stroke: 'white',
+    'stroke-width': '1',
+    visibility: 'hidden'
+  };
+
+  const elem = {
+    tagName: 'something unknown',
+    id: 'something-unknown',
+    getAttribute (attr) { return ''; },
+    parentNode: svgroot
+  };
+  const path = convertToPath(elem, attrs, mockaddSVGElementFromJson, mockPathActions, mockClearSelection, mockAddToSelection, mockHistory, mockAddCommandToHistory);
+  assert.equal(path, null);
+  assert.equal(elem.parentNode, svgroot);
+  assert.equal(mockHistorySubCommands.length, 0);
+  assert.equal(mockCount.clearSelection, 0);
+  assert.equal(mockCount.addToSelection, 0);
+  assert.equal(mockCount.addCommandToHistory, 0);
+});
diff --git a/wave/json2.js b/wave/json2.js
deleted file mode 100644
index 8a7793b2..00000000
--- a/wave/json2.js
+++ /dev/null
@@ -1,481 +0,0 @@
-/*
-    http://www.JSON.org/json2.js
-    2009-08-17
-
-    Public Domain.
-
-    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
-
-    See http://www.JSON.org/js.html
-
-    This file creates a global JSON object containing two methods: stringify
-    and parse.
-
-        JSON.stringify(value, replacer, space)
-            value       any JavaScript value, usually an object or array.
-
-            replacer    an optional parameter that determines how object
-                        values are stringified for objects. It can be a
-                        function or an array of strings.
-
-            space       an optional parameter that specifies the indentation
-                        of nested structures. If it is omitted, the text will
-                        be packed without extra whitespace. If it is a number,
-                        it will specify the number of spaces to indent at each
-                        level. If it is a string (such as '\t' or '&nbsp;'),
-                        it contains the characters used to indent at each level.
-
-            This method produces a JSON text from a JavaScript value.
-
-            When an object value is found, if the object contains a toJSON
-            method, its toJSON method will be called and the result will be
-            stringified. A toJSON method does not serialize: it returns the
-            value represented by the name/value pair that should be serialized,
-            or undefined if nothing should be serialized. The toJSON method
-            will be passed the key associated with the value, and this will be
-            bound to the value
-
-            For example, this would serialize Dates as ISO strings.
-
-                Date.prototype.toJSON = function (key) {
-                    function f(n) {
-                        // Format integers to have at least two digits.
-                        return n < 10 ? '0' + n : n;
-                    }
-
-                    return this.getUTCFullYear()   + '-' +
-                         f(this.getUTCMonth() + 1) + '-' +
-                         f(this.getUTCDate())      + 'T' +
-                         f(this.getUTCHours())     + ':' +
-                         f(this.getUTCMinutes())   + ':' +
-                         f(this.getUTCSeconds())   + 'Z';
-                };
-
-            You can provide an optional replacer method. It will be passed the
-            key and value of each member, with this bound to the containing
-            object. The value that is returned from your method will be
-            serialized. If your method returns undefined, then the member will
-            be excluded from the serialization.
-
-            If the replacer parameter is an array of strings, then it will be
-            used to select the members to be serialized. It filters the results
-            such that only members with keys listed in the replacer array are
-            stringified.
-
-            Values that do not have JSON representations, such as undefined or
-            functions, will not be serialized. Such values in objects will be
-            dropped; in arrays they will be replaced with null. You can use
-            a replacer function to replace those with JSON values.
-            JSON.stringify(undefined) returns undefined.
-
-            The optional space parameter produces a stringification of the
-            value that is filled with line breaks and indentation to make it
-            easier to read.
-
-            If the space parameter is a non-empty string, then that string will
-            be used for indentation. If the space parameter is a number, then
-            the indentation will be that many spaces.
-
-            Example:
-
-            text = JSON.stringify(['e', {pluribus: 'unum'}]);
-            // text is '["e",{"pluribus":"unum"}]'
-
-
-            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
-            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
-
-            text = JSON.stringify([new Date()], function (key, value) {
-                return this[key] instanceof Date ?
-                    'Date(' + this[key] + ')' : value;
-            });
-            // text is '["Date(---current time---)"]'
-
-
-        JSON.parse(text, reviver)
-            This method parses a JSON text to produce an object or array.
-            It can throw a SyntaxError exception.
-
-            The optional reviver parameter is a function that can filter and
-            transform the results. It receives each of the keys and values,
-            and its return value is used instead of the original value.
-            If it returns what it received, then the structure is not modified.
-            If it returns undefined then the member is deleted.
-
-            Example:
-
-            // Parse the text. Values that look like ISO date strings will
-            // be converted to Date objects.
-
-            myData = JSON.parse(text, function (key, value) {
-                var a;
-                if (typeof value === 'string') {
-                    a =
-/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
-                    if (a) {
-                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
-                            +a[5], +a[6]));
-                    }
-                }
-                return value;
-            });
-
-            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
-                var d;
-                if (typeof value === 'string' &&
-                        value.slice(0, 5) === 'Date(' &&
-                        value.slice(-1) === ')') {
-                    d = new Date(value.slice(5, -1));
-                    if (d) {
-                        return d;
-                    }
-                }
-                return value;
-            });
-
-
-    This is a reference implementation. You are free to copy, modify, or
-    redistribute.
-
-    This code should be minified before deployment.
-    See http://javascript.crockford.com/jsmin.html
-
-    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
-    NOT CONTROL.
-*/
-
-/*jslint evil: true */
-
-/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
-    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
-    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
-    lastIndex, length, parse, prototype, push, replace, slice, stringify,
-    test, toJSON, toString, valueOf
-*/
-
-"use strict";
-
-// Create a JSON object only if one does not already exist. We create the
-// methods in a closure to avoid creating global variables.
-
-if (!this.JSON) {
-    this.JSON = {};
-}
-
-(function () {
-
-    function f(n) {
-        // Format integers to have at least two digits.
-        return n < 10 ? '0' + n : n;
-    }
-
-    if (typeof Date.prototype.toJSON !== 'function') {
-
-        Date.prototype.toJSON = function (key) {
-
-            return isFinite(this.valueOf()) ?
-                   this.getUTCFullYear()   + '-' +
-                 f(this.getUTCMonth() + 1) + '-' +
-                 f(this.getUTCDate())      + 'T' +
-                 f(this.getUTCHours())     + ':' +
-                 f(this.getUTCMinutes())   + ':' +
-                 f(this.getUTCSeconds())   + 'Z' : null;
-        };
-
-        String.prototype.toJSON =
-        Number.prototype.toJSON =
-        Boolean.prototype.toJSON = function (key) {
-            return this.valueOf();
-        };
-    }
-
-    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
-        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
-        gap,
-        indent,
-        meta = {    // table of character substitutions
-            '\b': '\\b',
-            '\t': '\\t',
-            '\n': '\\n',
-            '\f': '\\f',
-            '\r': '\\r',
-            '"' : '\\"',
-            '\\': '\\\\'
-        },
-        rep;
-
-
-    function quote(string) {
-
-// If the string contains no control characters, no quote characters, and no
-// backslash characters, then we can safely slap some quotes around it.
-// Otherwise we must also replace the offending characters with safe escape
-// sequences.
-
-        escapable.lastIndex = 0;
-        return escapable.test(string) ?
-            '"' + string.replace(escapable, function (a) {
-                var c = meta[a];
-                return typeof c === 'string' ? c :
-                    '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
-            }) + '"' :
-            '"' + string + '"';
-    }
-
-
-    function str(key, holder) {
-
-// Produce a string from holder[key].
-
-        var i,          // The loop counter.
-            k,          // The member key.
-            v,          // The member value.
-            length,
-            mind = gap,
-            partial,
-            value = holder[key];
-
-// If the value has a toJSON method, call it to obtain a replacement value.
-
-        if (value && typeof value === 'object' &&
-                typeof value.toJSON === 'function') {
-            value = value.toJSON(key);
-        }
-
-// If we were called with a replacer function, then call the replacer to
-// obtain a replacement value.
-
-        if (typeof rep === 'function') {
-            value = rep.call(holder, key, value);
-        }
-
-// What happens next depends on the value's type.
-
-        switch (typeof value) {
-        case 'string':
-            return quote(value);
-
-        case 'number':
-
-// JSON numbers must be finite. Encode non-finite numbers as null.
-
-            return isFinite(value) ? String(value) : 'null';
-
-        case 'boolean':
-        case 'null':
-
-// If the value is a boolean or null, convert it to a string. Note:
-// typeof null does not produce 'null'. The case is included here in
-// the remote chance that this gets fixed someday.
-
-            return String(value);
-
-// If the type is 'object', we might be dealing with an object or an array or
-// null.
-
-        case 'object':
-
-// Due to a specification blunder in ECMAScript, typeof null is 'object',
-// so watch out for that case.
-
-            if (!value) {
-                return 'null';
-            }
-
-// Make an array to hold the partial results of stringifying this object value.
-
-            gap += indent;
-            partial = [];
-
-// Is the value an array?
-
-            if (Object.prototype.toString.apply(value) === '[object Array]') {
-
-// The value is an array. Stringify every element. Use null as a placeholder
-// for non-JSON values.
-
-                length = value.length;
-                for (i = 0; i < length; i += 1) {
-                    partial[i] = str(i, value) || 'null';
-                }
-
-// Join all of the elements together, separated with commas, and wrap them in
-// brackets.
-
-                v = partial.length === 0 ? '[]' :
-                    gap ? '[\n' + gap +
-                            partial.join(',\n' + gap) + '\n' +
-                                mind + ']' :
-                          '[' + partial.join(',') + ']';
-                gap = mind;
-                return v;
-            }
-
-// If the replacer is an array, use it to select the members to be stringified.
-
-            if (rep && typeof rep === 'object') {
-                length = rep.length;
-                for (i = 0; i < length; i += 1) {
-                    k = rep[i];
-                    if (typeof k === 'string') {
-                        v = str(k, value);
-                        if (v) {
-                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
-                        }
-                    }
-                }
-            } else {
-
-// Otherwise, iterate through all of the keys in the object.
-
-                for (k in value) {
-                    if (Object.hasOwnProperty.call(value, k)) {
-                        v = str(k, value);
-                        if (v) {
-                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
-                        }
-                    }
-                }
-            }
-
-// Join all of the member texts together, separated with commas,
-// and wrap them in braces.
-
-            v = partial.length === 0 ? '{}' :
-                gap ? '{\n' + gap + partial.join(',\n' + gap) + '\n' +
-                        mind + '}' : '{' + partial.join(',') + '}';
-            gap = mind;
-            return v;
-        }
-    }
-
-// If the JSON object does not yet have a stringify method, give it one.
-
-    if (typeof JSON.stringify !== 'function') {
-        JSON.stringify = function (value, replacer, space) {
-
-// The stringify method takes a value and an optional replacer, and an optional
-// space parameter, and returns a JSON text. The replacer can be a function
-// that can replace values, or an array of strings that will select the keys.
-// A default replacer method can be provided. Use of the space parameter can
-// produce text that is more easily readable.
-
-            var i;
-            gap = '';
-            indent = '';
-
-// If the space parameter is a number, make an indent string containing that
-// many spaces.
-
-            if (typeof space === 'number') {
-                for (i = 0; i < space; i += 1) {
-                    indent += ' ';
-                }
-
-// If the space parameter is a string, it will be used as the indent string.
-
-            } else if (typeof space === 'string') {
-                indent = space;
-            }
-
-// If there is a replacer, it must be a function or an array.
-// Otherwise, throw an error.
-
-            rep = replacer;
-            if (replacer && typeof replacer !== 'function' &&
-                    (typeof replacer !== 'object' ||
-                     typeof replacer.length !== 'number')) {
-                throw new Error('JSON.stringify');
-            }
-
-// Make a fake root object containing our value under the key of ''.
-// Return the result of stringifying the value.
-
-            return str('', {'': value});
-        };
-    }
-
-
-// If the JSON object does not yet have a parse method, give it one.
-
-    if (typeof JSON.parse !== 'function') {
-        JSON.parse = function (text, reviver) {
-
-// The parse method takes a text and an optional reviver function, and returns
-// a JavaScript value if the text is a valid JSON text.
-
-            var j;
-
-            function walk(holder, key) {
-
-// The walk method is used to recursively walk the resulting structure so
-// that modifications can be made.
-
-                var k, v, value = holder[key];
-                if (value && typeof value === 'object') {
-                    for (k in value) {
-                        if (Object.hasOwnProperty.call(value, k)) {
-                            v = walk(value, k);
-                            if (v !== undefined) {
-                                value[k] = v;
-                            } else {
-                                delete value[k];
-                            }
-                        }
-                    }
-                }
-                return reviver.call(holder, key, value);
-            }
-
-
-// Parsing happens in four stages. In the first stage, we replace certain
-// Unicode characters with escape sequences. JavaScript handles many characters
-// incorrectly, either silently deleting them, or treating them as line endings.
-
-            cx.lastIndex = 0;
-            if (cx.test(text)) {
-                text = text.replace(cx, function (a) {
-                    return '\\u' +
-                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
-                });
-            }
-
-// In the second stage, we run the text against regular expressions that look
-// for non-JSON patterns. We are especially concerned with '()' and 'new'
-// because they can cause invocation, and '=' because it can cause mutation.
-// But just to be safe, we want to reject all unexpected forms.
-
-// We split the second stage into 4 regexp operations in order to work around
-// crippling inefficiencies in IE's and Safari's regexp engines. First we
-// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
-// replace all simple value tokens with ']' characters. Third, we delete all
-// open brackets that follow a colon or comma or that begin the text. Finally,
-// we look to see that the remaining characters are only whitespace or ']' or
-// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
-
-            if (/^[\],:{}\s]*$/.
-test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@').
-replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').
-replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
-
-// In the third stage we use the eval function to compile the text into a
-// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
-// in JavaScript: it can begin a block or an object literal. We wrap the text
-// in parens to eliminate the ambiguity.
-
-                j = eval('(' + text + ')');
-
-// In the optional fourth stage, we recursively walk the new structure, passing
-// each name/value pair to a reviver function for possible transformation.
-
-                return typeof reviver === 'function' ?
-                    walk({'': j}, '') : j;
-            }
-
-// If the text is not JSON parseable, then a SyntaxError is thrown.
-
-            throw new SyntaxError('JSON.parse');
-        };
-    }
-}());
-
diff --git a/wave/manifest.xml b/wave/manifest.xml
deleted file mode 100644
index e85a2b9f..00000000
--- a/wave/manifest.xml
+++ /dev/null
@@ -1,7 +0,0 @@
-<extension location="Toolbar">
-   <info text="SVG-edit"
-         description="Click to insert the SVG-edit gadget."
-         imageUrl="http://svg-edit.googlecode.com/svn/trunk/editor/images/logo.png"/>
-   <insertGadget url="http://svg-edit.googlecode.com/svn/trunk/wave/svg-edit.xml"/>
- </extension>
-
diff --git a/wave/svg-edit.xml b/wave/svg-edit.xml
deleted file mode 100644
index a76c2ace..00000000
--- a/wave/svg-edit.xml
+++ /dev/null
@@ -1,484 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<Module>
-  <ModulePrefs title="SVG-edit" height="780" author="SVG-edit Developers">
-    <Require feature="wave" />
-  </ModulePrefs>
-  <Content type="html">
-    <![CDATA[
-
-
-<base href="http://svg-edit.googlecode.com/svn-history/r1142/branches/2.4/editor/svg-editor.html">
-
-<link rel="stylesheet" href="jgraduate/css/jPicker-1.0.9.css" type="text/css"/>
-<link rel="stylesheet" href="jgraduate/css/jGraduate-0.2.0.css" type="text/css"/>
-<link rel="stylesheet" href="svg-editor.css" type="text/css"/>
-<link rel="stylesheet" href="spinbtn/JQuerySpinBtn.css" type="text/css"/>
-<!-- Development version of script tags: -->
-<script src="jquery.js"></script>
-<script src="js-hotkeys/jquery.hotkeys.min.js"></script>
-<script src="jgraduate/jquery.jgraduate.js"></script>
-<script src="http://gist.github.com/raw/268884/ab93d38e4b89effbb21541d406d5b3362da37c97/jquery.svgicons.hacked.js"></script>
-<script src="spinbtn/JQuerySpinBtn.js"></script>
-<script src="svgcanvas.js"></script>
-<script src="svg-editor.js"></script>
-<script src="locale/locale.js"></script>
-
-
-
-
-<script src="http://svg-edit.googlecode.com/svn/trunk/wave/json2.js"></script>
-<script src="http://svg-edit.googlecode.com/svn/trunk/wave/wave.js"></script>
-
-
-<!-- Release version of script tags: >
-<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
-<script src="js-hotkeys/jquery.hotkeys-0.7.9.js"></script>
-<script src="jgraduate/jquery.jgraduate.min.js"></script>
-<script src="spinbtn/JQuerySpinBtn.min.js"></script>
-<script src="svgcanvas.min.js"></script>
-<script src="svg-editor.min.js"></script>
-script src="locale/locale.min.js"></script-->
-
-
-<!-- always minified scripts -->
-<script src="jquery-ui/jquery-ui-1.7.2.custom.min.js"></script>
-<script src="jgraduate/jpicker-1.0.9.min.js"></script>
-
-
-<div id="svg_editor">
-
-<div id="workarea">
-<style id="styleoverrides" type="text/css" media="screen" scoped="scoped"></style>
-<div id="svgcanvas"></div>
-</div>
-
-<div id="sidepanels">
-	<div id="layerpanel">
-		<h3 id="layersLabel">Layers</h3>
-		<fieldset id="layerbuttons">
-			<div id="layer_new" class="layer_button"  title="New Layer"></div>
-			<div id="layer_delete" class="layer_button"  title="Delete Layer"></div>
-			<div id="layer_rename" class="layer_button"  title="Rename Layer"></div>
-			<div id="layer_up" class="layer_button"  title="Move Layer Up"></div>
-			<div id="layer_down" class="layer_button"  title="Move Layer Down"></div>
-		</fieldset>
-		
-		<table id="layerlist">
-			<tr class="layer">
-				<td class="layervis"></td>
-				<td class="layername">Layer 1</td>
-			</tr>
-		</table>
-		<span id="selLayerLabel">Move elements to:</span>
-		<select id="selLayerNames" title="Move selected elements to a different layer" disabled="disabled">
-			<option selected="selected" value="layer1">Layer 1</option>
-		</select>
-	</div>
-	<div id="sidepanel_handle" onselectstart="return false;" title="Drag left/right to resize side panel [X]">L a y e r s</div>
-</div>
-
-<div id="logo">
-	<a href="http://svg-edit.googlecode.com/" target="_blank" title="SVG-edit Home Page">
-	</a>
-</div>
-
-<div id="tools_top" class="tools_panel">
-	
-	<!-- File-like buttons: New, Save, Source -->
-	<div id="file_panel">
-		<div class="push_button" id="tool_clear" title="New Image [N]"></div>
-		<div class="push_button" id="tool_open" title="Open SVG [O]" style="display:none"></div>
-		<div class="push_button" id="tool_save" title="Save Image [S]"></div>
-		<div class="push_button" id="tool_docprops" title="Document Properties [I]"></div>
-		<div class="push_button" id="tool_source" title="Edit Source [U]"></div>
-		<div class="tool_button" id="tool_wireframe" title="Wireframe Mode [F]"></div>
-	</div>
-
-    <!-- History buttons -->
-	<div id="history_panel">
-		<div class="tool_sep"></div>
-		<div class="push_button tool_button_disabled" id="tool_undo" title="Undo [Z]"></div>
-		<div class="push_button tool_button_disabled" id="tool_redo" title="Redo [Y]"></div>
-	</div>
-	
-	<!-- Buttons when a single element is selected -->
-	<div id="selected_panel">
-		<div class="toolset">
-			<div class="tool_sep"></div>
-			<div class="push_button" id="tool_clone" title="Clone Element [C]"></div>
-			<div class="push_button" id="tool_delete" title="Delete Element [Delete/Backspace]"></div>
-			<div class="tool_sep"></div>
-			<div class="push_button" id="tool_move_top" title="Move to Top [Shift+Up]"></div>
-			<div class="push_button" id="tool_move_bottom" title="Move to Bottom [Shift+Down]"></div>
-			<div class="push_button" id="tool_topath" title="Convert to Path"></div>
-			<div class="push_button" id="tool_reorient" title="Reorient path"></div>
-			<div class="tool_sep"></div>
-		</div>
-		<div class="toolset">
-			<label id="group_opacityLabel" class="selected_tool" for="group_opacity">opac:</label>
-			<input id="group_opacity" class="selected_tool" title="Change selected item opacity" size="3" value="100" type="text"/>
-			<div id="opacity_dropdown" class="dropdown">
-				<button></button>
-				<ul>
-					<li class="special"><div id="opac_slider"></div></li>
-					<li>100% (no transparency)</li>
-					<li>0%</li>
-					<li>25%</li>
-					<li>50%</li>
-					<li>75%</li>
-					<li>100%</li>
-				</ul>
-			</div>
-		</div>
-		<div class="toolset">
-			<label id="angleLabel" class="selected_tool">angle:</label>
-			<input id="angle" class="selected_tool" title="Change rotation angle" size="2" value="0" type="text"/>
-		</div>
-		<div id="xy_panel" class="toolset">
-			<label class="selected_tool">x:</label>
-			<input id="selected_x" class="selected_tool attr_changer" title="Change X coordinate" size="3" data-attr="x"/>
-			<label class="selected_tool">y:</label>
-			<input id="selected_y" class="selected_tool attr_changer" title="Change Y coordinate" size="3" data-attr="y"/>
-		</div>
-	</div>
-
-	<!-- Buttons when multiple elements are selected -->
-	<div id="multiselected_panel">
-		<div class="tool_sep"></div>
-		<div class="push_button" id="tool_clone_multi" title="Clone Elements [C]"></div>
-		<div class="push_button" id="tool_delete_multi" title="Delete Selected Elements [Delete/Backspace]"></div>
-		<div class="tool_sep"></div>
-		<div class="push_button" id="tool_group_elements" title="Group Elements [G]"></div>
-		<div class="push_button" id="tool_alignleft" title="Align Left"></div>
-		<div class="push_button" id="tool_aligncenter" title="Align Center"></div>
-		<div class="push_button" id="tool_alignright" title="Align Right"></div>
-		<div class="push_button" id="tool_aligntop" title="Align Top"></div>
-		<div class="push_button" id="tool_alignmiddle" title="Align Middle"></div>
-		<div class="push_button" id="tool_alignbottom" title="Align Bottom"></div>
-		<span id="relativeToLabel" class="selected_tool">relative to:</span>
-		<select id="align_relative_to" class="selected_tool" title="Align relative to ...">
-		<option id="selected_objects" value="selected">selected objects</option>
-		<option id="largest_object" value="largest">largest object</option>
-		<option id="smallest_object" value="smallest">smallest object</option>
-		<option id="page" value="page">page</option>
-		</select>
-		<div class="tool_sep"></div>
-
-	</div>
-
-	<div id="g_panel">
-		<div class="tool_sep"></div>
-		<div class="push_button" id="tool_ungroup" title="Ungroup Elements [G]"></div>
-	</div>
-
-	<div id="rect_panel">
-		<div class="toolset">
-			<label id="rwidthLabel" class="rect_tool">width:</label>
-			<input id="rect_width" class="rect_tool attr_changer" title="Change rectangle width" size="3" data-attr="width"/>
-			<label id="rheightLabel" class="rect_tool">height:</label>
-			<input id="rect_height" class="rect_tool attr_changer" title="Change rectangle height" size="3" data-attr="height"/>
-		</div>
-		<div class="toolset">
-			<label id="cornerRadiusLabel" class="rect_tool">Corner Radius:</label>
-			<input id="rect_rx" size="3" value="0" class="rect_tool" type="text" title="Change Rectangle Corner Radius" data-attr="Corner Radius"/>
-		</div>	
-	</div>
-
-	<div id="image_panel">
-	<div class="toolset">
-		<label id="iwidthLabel" class="image_tool">width:</label>
-		<input id="image_width" class="image_tool attr_changer" title="Change image width" size="3" data-attr="width"/>
-		<label id="iheightLabel" class="image_tool">height:</label>
-		<input id="image_height" class="image_tool attr_changer" title="Change image height" size="3" data-attr="height"/>
-	</div>
-	<div class="toolset">
-		<label class="image_tool">url:</label>
-		<input id="image_url" class="image_tool" type="text" title="Change URL" size="35"/>
-		<button id="change_image_url" style="display:none;">Change Image</button>
-		<div id="url_notice" title="NOTE: This image cannot be embedded. It will depend on this path to be displayed"></div>
-	</div>
-  </div>
-
-	<div id="circle_panel">
-		<div class="toolset">
-			<label class="circle_tool">cx:</label>
-			<input id="circle_cx" class="circle_tool attr_changer" title="Change circle's cx coordinate" size="3" data-attr="cx"/>
-			<label class="circle_tool">cy:</label>
-			<input id="circle_cy" class="circle_tool attr_changer" title="Change circle's cy coordinate" size="3" data-attr="cy"/>
-		</div>
-		<div class="toolset">
-			<label class="circle_tool">r:</label>
-			<input id="circle_r" class="circle_tool attr_changer" title="Change circle's radius" size="3" data-attr="r"/>
-		</div>
-	</div>
-
-	<div id="ellipse_panel">
-		<div class="toolset">
-			<label class="ellipse_tool">cx:</label>
-			<input id="ellipse_cx" class="ellipse_tool attr_changer" title="Change ellipse's cx coordinate" size="3" data-attr="cx"/>
-			<label class="ellipse_tool">cy:</label>
-			<input id="ellipse_cy" class="ellipse_tool attr_changer" title="Change ellipse's cy coordinate" size="3" data-attr="cy"/>
-			</div>
-		<div class="toolset">
-			<label class="ellipse_tool">rx:</label>
-			<input id="ellipse_rx" class="ellipse_tool attr_changer" title="Change ellipse's x radius" size="3" data-attr="rx"/>
-			<label class="ellipse_tool">ry:</label>
-			<input id="ellipse_ry" class="ellipse_tool attr_changer" title="Change ellipse's y radius" size="3" data-attr="ry"/>
-		</div>
-	</div>
-
-	<div id="line_panel">
-		<div class="toolset">
-			<label class="line_tool">x1:</label>
-			<input id="line_x1" class="line_tool attr_changer" title="Change line's starting x coordinate" size="3" data-attr="x1"/>
-			<label class="line_tool">y1:</label>
-			<input id="line_y1" class="line_tool attr_changer" title="Change line's starting y coordinate" size="3" data-attr="y1"/>
-		</div>
-		<div class="toolset">
-			<label class="line_tool">x2:</label>
-			<input id="line_x2" class="line_tool attr_changer" title="Change line's ending x coordinate" size="3" data-attr="x2"/>
-			<label class="line_tool">y2:</label>
-			<input id="line_y2" class="line_tool attr_changer" title="Change line's ending y coordinate" size="3" data-attr="y2"/>
-		</div>
-	</div>
-
-	<div id="text_panel">
-		<div class="tool_button" id="tool_bold" title="Bold Text [B]"><span></span>B</div>
-		<div class="tool_button" id="tool_italic" title="Italic Text [I]"><span></span>i</div>
-		
-		<div class="toolset">
-			<input id="font_family" class="text_tool" type="text" title="Change Font Family" size="12"/>
-			<div id="font_family_dropdown" class="dropdown">
-				<button></button>
-				<ul>
-					<li style="font-family:serif">Serif</li>
-					<li style="font-family:sans-serif">Sans-serif</li>
-					<li style="font-family:cursive">Cursive</li>
-					<li style="font-family:fantasy">Fantasy</li>
-					<li style="font-family:monospace">Monospace</li>
-				</ul>
-			</div>
-		</div>
-
-		<div class="toolset">
-			<label id="font_sizeLabel" class="text_tool" for="font_size">size:</label>
-			<input id="font_size" class="text_tool" title="Change Font Size" size="3" value="0" type="text"/>
-		</div>
-		<input id="text" class="text_tool" type="text" title="Change text contents" size="35"/>
-	</div>
-	
-	<div id="path_node_panel">
-		<div class="tool_sep"></div>
-		<div class="tool_button" id="tool_node_link" title="Link Control Points"></div>
-		<div class="tool_sep"></div>
-		<label class="path_node_tool">x:</label>
-		<input id="path_node_x" class="path_node_tool attr_changer" title="Change node's x coordinate" size="3" data-attr="x"/>
-		<label class="path_node_tool">y:</label>
-		<input id="path_node_y" class="path_node_tool attr_changer" title="Change node's y coordinate" size="3" data-attr="y"/>
-		<select id="seg_type" class="path_node_tool" title="Change Segment type">
-			<option id="straight_segments" selected="selected" value="4">Straight</option>
-			<option id="curve_segments" value="6">Curve</option>
-		</select>
-		<div class="tool_button" id="tool_node_clone" title="Clone Node"></div>
-		<div class="tool_button" id="tool_node_delete" title="Delete Node"></div>
-	</div>
-	
-</div> <!-- tools_top -->
-
-<div id="tools_left" class="tools_panel">
-	<div class="tool_button_current" id="tool_select" title="Select Tool [1]"></div>
-	<div class="tool_button" id="tool_fhpath" title="Pencil Tool [2]"></div>
-	<div class="tool_button" id="tool_line" title="Line Tool [3]"></div>
-	<div class="tool_button" id="tools_rect_show" title="Square/Rect Tool [4/Shift+4]"></div>
-	<div class="flyout_arrow_horiz"></div>
-	<div class="tool_button" id="tools_ellipse_show" title="Ellipse/Circle Tool [5/Shift+5]"></div>
-	<div class="flyout_arrow_horiz"></div>
-	<div class="tool_button" id="tool_path" title="Path Tool [7]"></div>
-	<div class="tool_button" id="tool_text" title="Text Tool [6]"></div>
-	<div class="tool_button" id="tool_image" title="Image Tool [8]"></div>
-	<div class="tool_button" id="tool_zoom" title="Zoom Tool [Ctrl+Up/Down]"></div>
-</div> <!-- tools_left -->
-
-<div id="tools_bottom" class="tools_panel">
-
-    <!-- Zoom buttons -->
-	<div id="zoom_panel" class="magic_field">
-		<span id="zoomLabel" class="zoom_tool label">zoom:</span>
-		<input id="zoom" class="zoom_tool" title="Change zoom level" size="3" value="100" type="text" />
-		<div id="zoom_dropdown" class="dropdown">
-			<button></button>
-			<ul>
-				<li>1000%</li>
-				<li>400%</li>
-				<li>200%</li>
-				<li>100%</li>
-				<li>50%</li>
-				<li>25%</li>
-				<li id="fit_to_canvas" data-val="canvas">Fit to canvas</li>
-				<li id="fit_to_sel" data-val="selection">Fit to selection</li>
-				<li id="fit_to_layer_content" data-val="layer">Fit to layer content</li>
-				<li id="fit_to_all" data-val="content">Fit to all content</li>
-				<li>100%</li>
-			</ul>
-		</div>
-		<div class="tool_sep"></div>
-	</div>
-
-	<div id="tools_bottom_2">
-		<table>
-		<tr>
-			<td id="fill_tool_bottom" class="label">fill:</td>
-			<td><div id="fill_bg"></div><div id="fill_color" class="color_block"  title="Change fill color"></div></td>
-			<td colspan="3"><div id="fill_opacity" class="label">100%</div></td>
-		</tr><tr>
-			<td id="stroke_tool_bottom" class="label">stroke:</td>
-			<td><div id="stroke_bg"></div><div id="stroke_color" class="color_block" title="Change stroke color"></div></td>
-			<td><div id="stroke_opacity" class="label">100 %</div></td>
-			<td>
-				<input id="stroke_width" title="Change stroke width" size="2" value="5" type="text" data-attr="Stroke Width"/>
-			</td>
-			<td>
-				<select id="stroke_style" title="Change stroke dash style">
-					<option selected="selected" value="none">---</option>
-					<option value="2,2">...</option>
-					<option value="5,5">- -</option>
-					<option value="5,2,2,2">- .</option>
-					<option value="5,2,2,2,2,2">- ..</option>
-				</select>
-			</td>
-		</tr>
-		</table>
-	</div>
-
-	<div id="tools_bottom_3">
-		<div id="palette_holder"><div id="palette" title="Click to change fill color, shift-click to change stroke color"></div></div>
-	</div>
-	<div id="copyright">Powered by <a href="http://svg-edit.googlecode.com/" target="_blank">SVG-edit v2.4-beta</a></div>
-</div>
-
-<!-- hidden divs -->
-<div id="color_picker"></div>
-
-<div id="tools_rect" class="tools_flyout">
-	<div id="tool_rect" class="tool_flyout_button" title="Rectangle"></div>
-	<div id="tool_square" class="tool_flyout_button" title="Square"></div>
-	<div id="tool_fhrect" class="tool_flyout_button" title="Free-Hand Rectangle"></div>
-</div>
-
-<div id="tools_ellipse" class="tools_flyout">
-	<div id="tool_ellipse" class="tool_flyout_button" title="Ellipse"></div>
-	<div id="tool_circle" class="tool_flyout_button" title="Circle"></div>
-	<div id="tool_fhellipse" class="tool_flyout_button" title="Free-Hand Ellipse"></div>
-</div>
-
-</div> <!-- svg_editor -->
-
-<div id="svg_source_editor">
-	<div id="svg_source_overlay"></div>
-	<div id="svg_source_container">
-		<div id="tool_source_back" class="toolbar_button">
-			<button id="tool_source_save">Apply Changes</button>
-			<button id="tool_source_cancel">Cancel</button>
-		</div>
-		<form>
-			<textarea id="svg_source_textarea" spellcheck="false"></textarea>
-		</form>
-	</div>
-</div>
-
-<div id="svg_docprops">
-	<div id="svg_docprops_overlay"></div>
-	<div id="svg_docprops_container">
-		<div id="tool_docprops_back" class="toolbar_button">
-			<button id="tool_docprops_save">OK</button>
-			<button id="tool_docprops_cancel">Cancel</button>
-		</div>
-
-
-		<fieldset id="svg_docprops_docprops">
-			<legend id="svginfo_image_props">Image Properties</legend>
-			<label>
-				<span id="svginfo_title">Title:</span>
-				<input type="text" id="canvas_title" size="24">
-			</label>			
-	
-			<fieldset id="change_resolution">
-				<legend id="svginfo_dim">Canvas Dimensions</legend>
-
-				<label><span id="svginfo_width">Width:</span> <input type="text" id="canvas_width" size="6"></label>
-					
-				<label><span id="svginfo_height">Height:</span> <input type="text" id="canvas_height" size="6"></label>
-				
-				<label>
-					<select id="resolution">
-						<option id="selectedPredefined" selected="selected">Select predefined:</option>
-						<option>640x480</option>
-						<option>800x600</option>
-						<option>1024x768</option>
-						<option>1280x960</option>
-						<option>1600x1200</option>
-						<option id="fitToContent" value="content">Fit to Content</option>
-					</select>
-				</label>
-			</fieldset>
-
-			<fieldset id="image_save_opts">
-				<legend id="includedImages">Included Images</legend>
-				<label><input type="radio" name="image_opt" value="embed" checked="checked"/> <span id="image_opt_embed">Embed data (local files)</span> </label>
-				<label><input type="radio" name="image_opt" value="ref"/> <span id="image_opt_ref">Use file reference</span> </label>
-			</fieldset>			
-
-
-		</fieldset>
-
-		<fieldset id="svg_docprops_prefs">
-			<legend id="svginfo_editor_prefs">Editor Preferences</legend>
-
-			<label><span id="svginfo_lang">Language:</span>
-				<!-- Source: http://en.wikipedia.org/wiki/Language_names -->
-				<select id="lang_select">
-					<option id="lang_cs" value="cs">Čeština</option>
- 					<option id="lang_de" value="de">Deutsch</option>
-					<option id="lang_en" value="en" selected="selected">English</option>
-					<option id="lang_es" value="es">Español</option>
-					<option id="lang_fr" value="fr">Français</option>
-					<option id="lang_nl" value="nl">Nederlands</option>
-					<option id="lang_ro" value="ro">Româneşte</option>
-					<option id="lang_sk" value="sk">Slovenčina</option>
-				</select>
-			</label>
-
-			<label><span id="svginfo_icons">Icon size:</span>
-				<select id="iconsize">
-					<option id="icon_small" value="s">Small</option>
-					<option id="icon_medium" value="m" selected="selected">Medium</option>
-					<option id="icon_large" value="l">Large</option>
-					<option id="icon_xlarge" value="xl">Extra Large</option>
-				</select>
-			</label>
-
-			<fieldset id="change_background">
-				<legend id="svginfo_change_background">Editor Background</legend>
-				<div id="bg_blocks"></div>
-				<label><span id="svginfo_bg_url">URL:</span> <input type="text" id="canvas_bg_url" size="21"></label>
-				<p id="svginfo_bg_note">Note: Background will not be saved with image.</p>
-			</fieldset>
-			
-		</fieldset>
-
-	</div>
-</div>
-
-<div id="dialog_box">
-	<div id="dialog_box_overlay"></div>
-	<div id="dialog_container">
-		<div id="dialog_content">
-			Test message
-		</div>
-		<div id="dialog_buttons"></div>
-	</div>
-</div>
-
-    ]]>
-  </Content>
-</Module>
diff --git a/wave/wave.js b/wave/wave.js
deleted file mode 100644
index c3723f77..00000000
--- a/wave/wave.js
+++ /dev/null
@@ -1,147 +0,0 @@
-var shapetime = {};
-var nodelete = false;
-
-function stateUpdated() {
-
-  // 'state' is an object of key-value pairs that map ids to JSON serialization of SVG elements
-  // 'keys' is an array of all the keys in the state
-  var state = wave.getState();
-  var keys = state.getKeys();
-  svgCanvas.each(function(e) {
-    // 'this' is the SVG DOM element node (ellipse, rect, etc)
-    // 'e' is an integer describing the position within the document
-    var k = this.id;
-    var v = state.get(k);
-    if(k == "selectorParentGroup" || k == "svgcontent"){
-      //meh
-    }else if (v) {
-      var ob = JSON.parse(v);
-      if (ob) {
-        // do nothing
-      } else {
-        //var node = document.getElementById(k);
-        //if (node) node.parentNode.removeChild(node);
-      }
-      //keys.remove(k);
-      
-    } else if(!nodelete){
-    
-      this.parentNode.removeChild(this);
-    }
-  });
-
-  // New nodes
-  for (var k in keys) {
-    var v = state.get(keys[k]);
-    var ob = JSON.parse(v);
-    if (ob){
-      if(!shapetime[k] || ob.time > shapetime[k]){
-        var a;
-        if(a = document.getElementById(k)){
-          var attrs = get_attrs(a);
-          if(JSON.stringify(attrs) != JSON.stringify(ob.attr)){
-            shapetime[k] = ob.time
-            svgCanvas.updateElementFromJson(ob)
-          }
-        }else{
-          shapetime[k] = ob.time
-          svgCanvas.updateElementFromJson(ob)
-        }
-
-      }
-    }
-  }
-}
-
-
-function getId(canvas, objnum) {
-  var id = wave.getViewer().getId().split("@")[0];
-  var extra = SHA256(wave.getViewer().getId()); //in case the next step kills all the characters
-  for(var i = 0, l = id.length, n = ""; i < l; i++){
-    if("abcdefghijklmnopqrstuvwxyz0123456789".indexOf(id[i]) != -1){
-      n+=id[i];
-    }
-  }
-  return "svg_"+n+"_"+extra.substr(0,5)+"_"+objnum;
-}
-
-function get_attrs(a){
-  var attrs = {};
-    for(var i = a.length; i--;){
-      var attr = a.item(i).nodeName;
-      if(",style,".indexOf(","+attr+",") == -1){
-        attrs[attr] = a.item(i).nodeValue;
-      }
-    }
-    return attrs
-}
-
-function main() {
-  $(document).ready(function(){
-    if (wave && wave.isInWaveContainer()) {
-      wave.setStateCallback(function(){setTimeout(stateUpdated,10)});
-    }
-    
-    var oldchanged = svgCanvas.bind("changed", function(canvas, elem){
-      if(oldchanged)oldchanged.apply(this, [canvas,elem]);
-      
-      var delta = {}
-      $.each(elem, function(){
-        
-        var attrs = {};
-        var a = this.attributes;
-        if(a){
-          var attrs = get_attrs(a)
-          var ob = {element: this.nodeName, attr: attrs};
-          
-          ob.time = shapetime[this.id] = (new Date).getTime()
-          delta[this.id] = JSON.stringify(ob);
-        }
-      })
-      
-      wave.getState().submitDelta(delta)
-      //sendDelta(canvas, elem)
-      
-    });
-    //*
-    
-    var oldselected = svgCanvas.bind("selected", function(canvas, elem){
-      
-      if(oldselected)oldselected.apply(this, [canvas,elem]);
-      
-      
-      var delta = {}
-      var deletions = 0;
-      $.each(elem, function(){
-        if(!this.parentNode && this != window){
-          delta[this.id] = null;
-          deletions ++
-        }
-      });
-      if(deletions > 0){
-        wave.getState().submitDelta(delta)
-      }
-    });
-    ///
-    svgCanvas.bind("cleared", function(){
-      //alert("cleared")
-        var state = {}, keys = wave.getState().getKeys()
-        for(var i = 0; i < keys.length; i++){
-          state[keys[i]] = null;
-        }
-        wave.getState().submitDelta(state)
-    });
-    //*/
-    svgCanvas.bind("getid", getId);
-  })
-}
-
-
-
-if(window.gadgets) gadgets.util.registerOnLoadHandler(main);
-
-//$(main)
-
-//and why not use my stuff?
-function SHA256(b){function h(j,k){return(j>>e)+(k>>e)+((p=(j&o)+(k&o))>>e)<<e|p&o}function f(j,k){return j>>>k|j<<32-k}var g=[],d,c=3,l=[2],p,i,q,a,m=[],n=[];i=b.length*8;for(var e=16,o=65535,r="";c<312;c++){for(d=l.length;d--&&c%l[d]!=0;);d<0&&l.push(c)}b+="\u0080";for(c=0;c<=i;c+=8)n[c>>5]|=(b.charCodeAt(c/8)&255)<<24-c%32;n[(i+64>>9<<4)+15]=i;for(c=8;c--;)m[c]=parseInt(Math.pow(l[c],0.5).toString(e).substr(2,8),e);for(c=0;c<n.length;c+=e){a=m.slice(0);for(b=0;b<64;b++){g[b]=b<e?n[b+c]:h(h(h(f(g[b-2],17)^f(g[b-2],19)^g[b-2]>>>10,g[b-7]),f(g[b-15],7)^f(g[b-15],18)^g[b-15]>>>3),g[b-e]);i=h(h(h(h(a[7],f(a[4],6)^f(a[4],11)^f(a[4],25)),a[4]&a[5]^~a[4]&a[6]),parseInt(Math.pow(l[b],1/3).toString(e).substr(2,8),e)),g[b]);q=(f(a[0],2)^f(a[0],13)^f(a[0],22))+(a[0]&a[1]^a[0]&a[2]^a[1]&a[2]);for(d=8;--d;)a[d]=d==4?h(a[3],i):a[d-1];a[0]=h(i,q)}for(d=8;d--;)m[d]+=a[d]}for(c=0;c<8;c++)for(b=8;b--;)r+=(m[c]>>>b*4&15).toString(e);return r}
-